{"html":"<div id=\"{{uc_id}}-wrapper\">\n<div id=\"{{uc_id}}\" class=\"uc-items-wrapper {{remote_parent.class}} {{uc_filtering_addclass}}\" style=\"display:none; margin:0 auto;\" {{remote_parent.attributes|raw}} data-remote-type=\"gallery\" data-custom-sethtml=\"true\" {{uc_filtering_attributes|raw}}>\n\n{{put_items()}}\n  \n<\/div>\n<\/div>","html_item":"{{ucfunc(\"put_unite_gallery_item\",item.images)}}","css":"#{{uc_id}}{\n  overflow:hidden;\n}\n\n#{{uc_id}}-wrapper{\n  min-height:1px;\n}\n\n\/* fancybox *\/\n{% if enable_lightbox == \"true\" %}\n  .fancybox-button,\n  .fancybox-button svg path{\t\n    color: {{navigation_icons_color}};\n    transition: all .3s ease;\n  }\n  .fancybox-button{\n    background-color: {{navigation_icons_background_color}};\n    transition: all .3s ease;\n  }\n\n  .fancybox-button:hover,\n  .fancybox-button:hover svg path{\t\n    color: {{navigation_icons_color_hover}};\n  }\n  .fancybox-button:hover,\n  .fancybox-button:focus{\n    background-color: {{navigation_icons_background_color_hover}};\n  }\n\n  .fancybox-bg{\n    background: {{overlay_background_color}};\n  }\n\n  .fancybox-is-open .fancybox-bg{\n    opacity: {{overlay_opacity}} !important;\n  }\n\n  {% if show_lightbox_counter == \"false\" %}\n    .fancybox-infobar{\n      display: none !important;\n    }\n  {% endif %}\t\n\n  {% if show_lightbox_zoom_button == \"false\" %}\n    .fancybox-button--zoom{\n      display: none !important;\n    }\n  {% endif %}\t\n\n  {% if show_lightbox_slideshow_button == \"false\" %}\n    .fancybox-button--play{\n      display: none !important;\n    }\n  {% endif %}\t\n\n  {% if show_lightbox_thumbnails_button == \"false\" %}\n    .fancybox-button--thumbs{\n      display: none !important;\n    }\n  {% else %}\t\n    .fancybox-button--thumbs{\n      display: inline-block !important;\n    }\n  {% endif %}\n\n  {% if show_lightbox_close_button == \"false\" %}\n    .fancybox-button--close{\n      display: none !important;\n    }\n  {% endif %}\t\n\n  {% if show_lightbox_arrows == \"false\" %}\n    .fancybox-navigation{\n      display: none !important;\n    }\n  {% endif %}\n\n  .fancybox-caption__body{\n    color: {{item_title_in_lightbox_color}};\n  }\n\n{% endif %}\n\/* endfancybox *\/","js":"{{ ucfunc(\"put_docready_start\") }}\n\n  var objGallery = jQuery(\"#{{uc_id}}\");  \n\n  var api = objGallery.unitegallery({\n    gallery_theme: \"slider\",\n    gallery_width:'{{gallery_width_nounit}}%',\t\t\t\t\t\t\t\n    gallery_height:{{gallery_height_nounit}},\t\t\n    gallery_min_width: 100,\t\t\t\t\t\t\n    gallery_min_height: 300,\t\t\t\t\t\n    gallery_skin:\"default\",\t\t\t\t\t\t\n    gallery_images_preload_type:\"minimal\",\t\t\n    \n    gallery_autoplay:{{gallery_autoplay}},\t\t\t\t\t\t\n    gallery_play_interval: {{gallery_play_interval}},\t\t\t\n    gallery_pause_on_mouseover: {{gallery_pause_on_mouseover}},\t\n    \n    gallery_control_keyboard: {{gallery_control_keyboard}},\t\t\t\t\n    gallery_carousel:{{gallery_carousel}},\t\t\t\t\t\t\n    \n    gallery_preserve_ratio: {{gallery_preserve_ratio}},\t\t\n    gallery_height_tablet:{{gallery_height_tablet_nounit}},                                \n    gallery_height_mobile:{{gallery_height_mobile_nounit}},\t    \t                                \n    gallery_debug_errors:true,\t\t\t\t\t\n    slider_background_color:\"{{slider_background_color}}\",\n    \n    \/\/slider options: \n    slider_video_autoplay:{{video_autoplay}},\n    slider_video_muted: {{mute_video}},                \n    slider_scale_mode: \"{{slider_scale_mode}}\",\t\t\t\t\t\t\t\t\t\n    slider_scale_mode_media: \"fill\",\t\t\t\n    slider_scale_mode_fullscreen: \"down\",\t\t\n    slider_item_padding_top: 0,\t\t\t\t\t\n    slider_item_padding_bottom: 0,\t\t\t\t\n    slider_item_padding_left: 0,\t\t\t\t\n    slider_item_padding_right: 0,\t\t\t\t\n    \n    slider_transition: \"{{slider_transition}}\",\t\t\t\t\t\n    slider_transition_speed:{{slider_transition_speed}},\t\t\n    slider_transition_easing: \"easeInOutQuad\",\n    \n    slider_control_swipe:{{slider_control_swipe}},\t\t\t\t\t\n    slider_control_zoom:{{slider_control_zoom}},\t\t\t\t\t\n    slider_zoom_max_ratio: {{slider_zoom_max_ratio}},\t\t\t\t\n    slider_loader_type: {{slider_loader_type}},\t\t\t\t\t\t\n    slider_loader_color:\"white\",\n    \n    slider_enable_bullets: {{slider_enable_bullets}},\t\t\t\t\n    slider_bullets_skin: \"\",\t\t\t\t\t\n    slider_bullets_space_between: {{slider_bullets_space_between}},\t\t\t\n    slider_bullets_align_hor:\"{{slider_bullets_align_hor}}\",\t\t\t\n    slider_bullets_align_vert:\"{{slider_bullets_align_vert}}\",\t\t\t\n    slider_bullets_offset_hor:{{slider_bullets_offset_hor}},\t\t\t\n    slider_bullets_offset_vert:{{slider_bullets_offset_vert}},\t\t\t\t\n    \n    slider_enable_arrows: {{slider_enable_arrows}},\t\t\t\t\t\n    slider_arrows_skin: \"\",\t\n    slider_arrows_type: \"{{arrows_icon_type}}\",    \/\/default \/ custom\n    slider_arrows_custom_icon_right: \"{{arrow_icon_right_html|ucsafe|raw}}\", \/\/custom arrow icon html\n    slider_arrows_custom_icon_left: \"{{arrow_icon_left_html|ucsafe|raw}}\", \/\/custom arrow icon html                \n    slider_arrow_left_align_hor:\"left\",\t  \t\t\n    slider_arrow_left_align_vert:\"{{slider_arrow_align_vert}}\", \t\n    slider_arrow_left_offset_hor:{{arrow_horizontal_offset}},\t\t  \t\n    slider_arrow_left_offset_vert:{{arrow_offset_vertical}},\t\t \n    slider_arrow_right_align_hor:\"right\",   \t\n    slider_arrow_right_align_vert:\"{{slider_arrow_align_vert}}\", \t\n    slider_arrow_right_offset_hor:{{arrow_horizontal_offset}},\t   \t\t\n    slider_arrow_right_offset_vert:{{arrow_offset_vertical}},\t   \t\n    \n    slider_enable_progress_indicator: {{slider_enable_progress_indicator}},\t\t \n    slider_progress_indicator_type: \"{{slider_progress_indicator_type}}\",\t\t \n    slider_progress_indicator_align_hor:\"{{slider_progress_indicator_align_hor}}\",  \n    slider_progress_indicator_align_vert:\"{{slider_progress_indicator_align_vert}}\",  \n    slider_progress_indicator_offset_hor:{{slider_progress_indicator_offset_hor}},\t\n    slider_progress_indicator_offset_vert:{{slider_progress_indicator_offset_vert}},\t\n    slider_progressbar_color:\"{{slider_progressbar_color}}\",\t\t\t\n    slider_progressbar_opacity: {{slider_progressbar_opacity_nounit}},\t\t\t\n    slider_progressbar_line_width: {{slider_progressbar_line_width_nounit}},\t\t\t \n    slider_progresspie_type_fill: false,\t\t\n    slider_progresspie_color1: \"{{slider_progresspie_color1}}\", \t\n    slider_progresspie_stroke_width: {{progress_pie_stroke_width_nounit}},\t\t\t\n    slider_progresspie_width: {{progress_pie_size_nounit}},\t\t\t\t\n    slider_progresspie_height:{{progress_pie_size_nounit}},\t\t\t\t \n    \n    slider_enable_play_button: {{slider_enable_play_button}},\t\t\t \n    slider_play_button_skin: \"\",\t\t\t\t\n    slider_play_button_align_hor:\"{{slider_play_button_align_hor}}\",    \t\n    slider_play_button_align_vert:\"{{slider_play_button_align_vert}}\",       \n    slider_play_button_offset_hor:{{slider_play_button_offset_hor}},\t       \t \n    slider_play_button_offset_vert:{{slider_play_button_offset_vert}},\t  \n    slider_play_button_type: \"{{play_button_icon_type}}\",          \/\/play button type - default, custom\n    slider_play_button_custom: \"{{custom_play_button_icon_html|ucsafe|raw}}\",          \/\/play button icon custom\n    slider_pause_button_custom: \"{{custom_pause_button_icon_html|ucsafe|raw}}\",          \/\/pause button icon custom                \n    \n    slider_enable_fullscreen_button: {{slider_enable_fullscreen_button}},\t\t\n    slider_fullscreen_button_skin: \"\",\t\t\t\n    slider_fullscreen_button_align_hor:\"{{slider_fullscreen_button_align_hor}}\",   \n    slider_fullscreen_button_align_vert:\"{{slider_fullscreen_button_align_vert}}\",   \n    slider_fullscreen_button_offset_hor:{{slider_fullscreen_button_offset_hor}},\t   \n    slider_fullscreen_button_offset_vert:{{slider_fullscreen_button_offset_vert}},\t \n    slider_fullscreen_button_type: \"{{fullscreen_button_type}}\",    \/\/fullscreen icon type: custom \/ default\n    slider_fullscreen_button_icon_custom: \"{{fullscreen_button_icon_html|ucsafe|raw}}\",    \/\/custom fullscreen icon html\n    slider_smallscreen_button_icon_custom: \"{{smallscreen_button_icon_html|ucsafe|raw}}\",    \/\/custom small icon html                \n    \n    slider_enable_zoom_panel: {{slider_enable_zoom_panel}},\t\t\t\t \n    slider_zoompanel_skin: \"\",\t\t\t\t\t \t  \n    slider_zoompanel_align_hor:\"{{slider_zoompanel_align_hor}}\",    \t\t\n    slider_zoompanel_align_vert:\"{{slider_zoompanel_align_vert}}\",     \t \t\n    slider_zoompanel_offset_hor:{{slider_zoompanel_offset_hor}},\t       \t\n    slider_zoompanel_offset_vert:{{slider_zoompanel_offset_vert}},\t\n    slider_zoom_icons_color: \"{{zoom_icons_color}}\",  \n    slider_zoom_icons_type: \"{{zoom_icons_type}}\", \/\/ default \/ custom\n    slider_zoom_icon_plus: \"{{zoom_plus_icon_html|ucsafe|raw}}\",  \/\/custom plus icon html\n    slider_zoom_icon_minus: \"{{zoom_minus_icon_html|ucsafe|raw}}\",  \/\/custom minus icon html\n    slider_zoom_icon_return: \"{{zoom_return_icon_html|ucsafe|raw}}\",  \/\/custom return icon html               \n    slider_controls_always_on: true,\t\t     \n    slider_controls_appear_ontap: true,\t\t\t \n    slider_controls_appear_duration: 300,\t\t \n    slider_videoplay_button_type: \"square\",\t\n    slider_videoplay_icon_type: \"{{play_video_button_type}}\",\t\t\/\/default, custom - the videoplay icon type\n    slider_videoplay_icon_custom: \"{{play_video_custom_icon_html|ucsafe|raw}}\",\t\t\/\/custom videoplay icon html                \n    video_closebutton_type: \"{{close_button_type}}\",\n    video_closebutton_custom: \"{{custom_close_button_icon_html|ucsafe|raw}}\",                \n    \n    slider_enable_text_panel: {{slider_enable_text_panel}},\t\t\t \n    slider_textpanel_always_on: {{text_panel_always_on}},\t\t\t \n    slider_textpanel_text_valign:\"middle\",\t\t\t\n    slider_textpanel_padding_top:{{slider_textpanel_padding}},\t\t\t\t \n    slider_textpanel_padding_bottom:{{slider_textpanel_padding}},\t\t\t\n    slider_textpanel_padding_right: {{slider_textpanel_padding}},\t\t\t\n    slider_textpanel_padding_left: {{slider_textpanel_padding}},\t\t\t\n    slider_textpanel_height: null,\t\t\t\t\t\n    slider_textpanel_padding_title_description: 5,\t\n    slider_textpanel_fade_duration: 200,\t\t\t\n    slider_textpanel_enable_title: {{slider_textpanel_enable_title}},\t\t\t\n    slider_textpanel_enable_description: true,\t\t\n    slider_textpanel_enable_bg: true,\t\t\t\t\n    slider_textpanel_bg_color:\"{{slider_textpanel_bg_color}}\",\t\t\t\n    slider_textpanel_bg_opacity: {{slider_textpanel_bg_opacity_nounit}}\n  });\n\n  {% if enable_lightbox == \"true\" %}\n\n    var objItems = objGallery.find(\".ug-slide-wrapper\");\t\n    var strJson = {{put_items_json()}};\n    var arrItems = JSON.parse(strJson);\n\tvar imageItems = arrItems.map(item => {\n        return {\n            src: item.images.image,\n            caption: item.images.title\n        };\n    });\n\t\n    const fancyboxOptions = {\n        loop: true,\n        arrows : true,\n        backfocus: false,\n        btnTpl: {\n          arrowLeft: `<button data-fancybox-prev class=\"fancybox-button fancybox-button--arrow_left\" title=\"prev\">` +\n            `<div>{{previous_arrow_icon_html|ucsafe|raw}}<\/div>` +\n            `<\/button>`,\n          arrowRight: `<button data-fancybox-next class=\"fancybox-button fancybox-button--arrow_right\" title=\"next\">` +\n            `<div>{{next_arrow_icon_html|ucsafe|raw}}<\/div>` +\n            `<\/button>`,\n          },\n        {% if disable_zoom_in_after_lightbox_image_click == \"true\" %}\n          clickContent: \"next\",\n        {% endif %}     \n    };\n\n    objGallery.find('.ug-slider-wrapper').on('click', function(e) {\n      var objTarget = jQuery(e.target);\n      var objParentLink = objTarget.closest(\"a\");\n\n      if(objTarget.tagName == \"A\" || objParentLink && objParentLink.length > 0){\n        var href = objTarget.attr(\"href\") || objParentLink.attr(\"href\");\n\n        if(href == \"#\")\n          e.preventDefault();\n      }\n\n      var selectedIndex = objGallery.data().unitegalleryApi.getNumCurrent();\n\t\n      jQuery.fancybox.open(imageItems, {\n          ...fancyboxOptions,\n          index: selectedIndex\n        });\n    });\n\n  {% endif %}\n\n  {{ucfunc(\"put_remote_parent_js\",\"objGallery\",\"unitegallery\")}}\n\n  objGallery.on(\"uc_ajax_sethtml\",function(event, htmlItems, isAppend){      \t\n    api.changeItems(htmlItems);  \n    \n    if(!htmlItems)\n        api.showMessageReplaceGallery(\"{{empty_message|ucsafe|raw}}\"); \n  });  \n\n{{ ucfunc(\"put_docready_end\") }}"}