{"html":"<div id=\"{{uc_id}}\" class=\"exp-wrapper {{remote_parent.class}} {{uc_filtering_addclass}}\" data-selectedItem=\"{{first_selected}}\" {{remote_parent.attributes|raw}} {{uc_filtering_attributes|raw}}>\n  <div class=\"ue_options uc-items-wrapper\">\n   {{put_items()}}\n  <\/div>\n<\/div>","html_item":"{# twig vars #}{##}\n{% set graphicElem %}\n  {% if (show_graphic_element == \"true\") and (item.graphic_element_source == \"icon\") %} <div class=\"ue_icon graphic_element_icon\">{{item.icon_html|raw}}<\/div>{% endif %}\n  {% if (show_graphic_element == \"true\") and (item.graphic_element_source == \"image\") %} <div class=\"ue_icon graphic_element_image\"><img src=\"{{item.graphic_element_image}}\"><\/div>{% endif %}\n  {% if (show_graphic_element == \"true\") and (item.graphic_element_source == \"text\") %} <div class=\"ue_icon graphic_element_text\"><span>{{item.graphic_element_text|raw}}<\/span><\/div>{% endif %}\n{% endset %}\n\n{% set contentElem %}\n  {% if item.subtitle_source == \"text-area\" %} <div class=\"ue_sub\"> {{item.subtitle_textarea|raw}} <\/div>{% endif %}\n  {% if item.subtitle_source == \"editor\" %} <div class=\"ue_sub\"> {{item.subtitle_editor|raw}} <\/div>{% endif %}\n  {% if item.subtitle_source == \"el-template\" %} <div class=\"ue_sub\"> {{putElementorTemplate(item.subtitle_el_template_templateid)}} <\/div>{% endif %}\n{% endset %}\n{# end twig vars #}{##}\n\n<div id=\"{{item.item_id}}\" class=\"ue_option {{item.item_repeater_class}} {% if item.item_index == active_item %} active {% endif %}\">\n  {% if background_overlay == \"true\" %}<div class=\"ue_shadow\"><\/div>{% endif %}\n  <div id=\"{{item.title|raw}}\" class=\"ue_label\">\n         \n    {% if graphic_element_position == 'above-title' %}{{graphicElem}}{% endif %}\n    {% if enable_link == \"true\" and expand_card_on ==\"click_hover\" %}<a class=\"ue_content_link ue_content_link--hover-mode\" href=\"{{item.link|raw}}\" {{item.link_html_attributes|raw}}><\/a>{% endif %}        \n    {% if enable_link == \"true\" and expand_card_on ==\"click\" %}<a class=\"ue_content_link\" href=\"{{item.link|raw}}\" {{item.link_html_attributes|raw}}>{% endif %}\n        \n    <div class=\"ue_info\">\n      {% if show_title == \"true\" %}<div class=\"ue_main\">{{item.title}}<\/div>{% endif %}\n      {% if item.subtitle is not empty %}<div class=\"ue_info_additional-title\">{{item.subtitle|ucsafe|raw}}<\/div>{% endif %}\n      {% if graphic_element_position == 'above-sub-content' %}{{graphicElem}}{% endif %}\n      {% if show_subitle == \"true\" %}{{contentElem}}{% endif %}\n    <\/div>\n        \n    {% if enable_link == \"true\" and expand_card_on ==\"click\" %}<\/a>{% endif %}        \n    {% if show_button == \"true\" %}<a href=\"{{item.link|raw}}\" {{item.link_html_attributes|raw}} class=\"ue_button\">{{button_text|raw}}<\/a>{% endif %}\n  <\/div>      \n<\/div>","css":"#{{uc_id}}.exp-wrapper {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n#{{uc_id}}.exp-wrapper{\n  width:100%;\n}\n\n#{{uc_id}}.exp-wrapper .ue_options {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: center;\n  min-width: 200px;\n  width:100%;\n}\n\n#{{uc_id}}.exp-wrapper .ue_options .ue_option {\n  box-sizing: border-box;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  justify-content: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n#{{uc_id}}.exp-wrapper .ue_options .ue_option::after{\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  transition: all .3s;\n}\n\n{% if css_filter_active == \"none\" %}\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option.active::after{\n      backdrop-filter: none;\n      -webkit-backdrop-filter: none;\n  }\n{% endif %}\n\n#{{uc_id}}.exp-wrapper .ue_options .ue_option.active {\n  flex-grow: 10000;\n}\n\n#{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) {\n  justify-content: center;\n}\n\n{% if background_overlay == \"true\" %}\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option .ue_shadow {\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n    right: 0px;\n    height: 100%;\n    z-index:1;\n    transition: {{transition_duration}}ms;\n  }\n{% endif %}\n\n#{{uc_id}}.exp-wrapper .ue_option:not(.active) .ue_label {\n  align-items: center;\n}\n\n#{{uc_id}}.exp-wrapper .ue_options .ue_option .ue_label {\n  display: flex;\n  z-index:2;\n  {% if rotation_animation == \"true\" %}\n  \ttransition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);\n  {% endif %}\n}\n\n#{{uc_id}}.exp-wrapper .ue_options .ue_option.active .ue_label{\n  animation-name: sub-content-fade;\n}\n\n@keyframes sub-content-fade{\n  0%   {opacity:0;}\n  80%  {opacity:0;}\n  100% {opacity:1;}\n}\n\n{% if enable_link == \"true\" %}\n  #{{uc_id}}.exp-wrapper .ue_content_link{\n     width:100%\n  }\n\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_content_link{\n    pointer-events: none;\n  }\n\n  #{{uc_id}}.exp-wrapper .ue_content_link.ue_content_link--hover-mode{\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n{% endif %}\n\n{% if show_button == \"true\" %}\n  #{{uc_id}}.exp-wrapper .ue_option:not(.active) .ue_button {\n    display:none;\n    opacity: 0;\n    text-align:center;\n  }\n\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option.active .ue_button {\n    opacity: 1;\n    text-align:center;\n    flex-shrink: 0;\n    width: auto;\n    transition:250ms;\n    z-index:2;\n  }\n{% endif %}\n\n{% if (show_title == \"true\") or (show_subitle == \"true\") %}\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option.active .ue_label .ue_info > div {\n    left: 0px;\n    width:100%;\n  }\n\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_label .ue_info > div:not(.ue_icon, .ue_main) {\n    left: 0px;\n    opacity: 0;\n    width: 0px;\n    height: 0px;\n    transition: width 0ms;\n  }\n\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option .ue_label .ue_info > div {\n    position: relative;\n    {% if rotation_animation == \"true\" %}\n      transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;\n    {% endif %}\n  }\n\n  #{{uc_id}}.exp-wrapper  .ue_options .ue_option .ue_label .ue_info {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n{% endif %}\n\n{% if show_vertical_title == \"true\" %}\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_label .ue_info {\n    margin-left: 0px!important;\n  }\n\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_label .ue_info .ue_main{\n    opacity: 1;\n    width: auto;\n    height: auto;\n    writing-mode: vertical-rl;\n    text-orientation: mixed;\n    text-decoration: none;\n  }\n\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_label .ue_sub {\n    height:0;\n    margin-top: 0px;\n  }\n{% endif %}\n\n{% if show_graphic_element == \"true\" %}\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option .ue_label .ue_icon {\n    display: flex;\n    flex-shrink: 0;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    transition: 0.5s;\n  }\n{% endif %}\n\n@media screen and (max-width: {{responsive_breakpoint}}px) {\n\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option::after{\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n  }\n  \n  #{{uc_id}}.exp-wrapper .ue_options .active.ue_option::after{\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n  }\n  \n  #{{uc_id}}.exp-wrapper .ue_options {\n    display: grid;\n  }\n\n  #{{uc_id}}.exp-wrapper .ue_options .ue_option{\n      width: 100%;\n  }\n\n  {% if collapsible_on_breakpoint == \"false\" %}\n    {% if show_vertical_title == \"true\" %}\n      #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_label .ue_info {\n        margin-left: 0px!important;\n      }\n\n      #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_label .ue_info .ue_main {\n        opacity: 1;\n        width: auto;\n        height: auto;\n        writing-mode: horizontal-tb;\n        text-orientation: mixed;\n        text-decoration: none;\n        transform: rotate(0deg);\n      }\n    {% endif %}\n\n    {% if enable_link == \"true\" %}\n      #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_content_link{\n        pointer-events: auto;\n      } \n    {% endif %}\n\n    {% if show_button == \"true\" %}\n      #{{uc_id}}.exp-wrapper .ue_option:not(.active) .ue_button {\n        text-align:center;\n        display: inline-block;\n        opacity: 1;\n      }\n    {% endif %}\n\n    {% if (show_title == \"true\") or (show_subitle == \"true\") %}\n      #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_label .ue_info > div {\n        opacity:1;\n        width:100%;\n        height:auto;\n      }\n      #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_label .ue_sub {\n        height:auto;\n      }\n    {% endif %} \n  {% endif %} \n\n  {% if collapsible_on_breakpoint == \"true\" %}\n    #{{uc_id}} .ue_option.active{\n      height:{{active_card_height}};\n    }\n    #{{uc_id}} .ue_option{\n      height:{{inactive_card_height}};\n    }\n    #{{uc_id}}.exp-wrapper .ue_options .ue_option:not(.active) .ue_label .ue_info .ue_main {\n      writing-mode: horizontal-tb;\n    }\n  {% endif %}   \n}","css_item":"#{{item.item_id}}{\n  background-image:url({{item.background_image}});\n}","js":"{{ ucfunc(\"put_docready_start\") }}\n\t\t\n var objWrapper = jQuery('#{{uc_id}}');\n  \n   function startCards(){\n   \n     var device_width = Number(jQuery(window).width());\n     var {{uc_id}}_expanding = function () {\n\n         jQuery(\"#{{uc_id}} .ue_option\").removeClass(\"active\");\n         jQuery(this).addClass(\"active\");\n     }\n\n     {% if expand_card_on == \"click\" %}\n       jQuery(\"#{{uc_id}} .ue_option\").click({{uc_id}}_expanding);\n     {% elseif expand_card_on == \"click_hover\"%}\t\n       jQuery(\"#{{uc_id}} .ue_option\").click({{uc_id}}_expanding).hover({{uc_id}}_expanding);\n     {% endif %}\n   }\n            \n   function startRemote(){\n\n        if(objWrapper.hasClass(\"uc-remote-parent\") == false)\n            return(false);\n\n        var objRemoteOptions = {\n            class_items:\"ue_option\",\n            class_active:\"active\",\n            selector_item_trigger:null,\n            add_set_active_code:false\n        };\n\n          {{ucfunc(\"put_remote_parent_js\",\"objWrapper\",\"objRemoteOptions\")}}\n\n   }\n     \n   startCards();\n   startRemote();\n                       \n   objWrapper.on(\"uc_ajax_refreshed\",function(){  \n        startCards();      \n   });         \n    \t\n{{ ucfunc(\"put_docready_end\") }}"}