{"html":"<div class=\"uc_bold_tabs {{remote_parent.class|raw}}{{uc_filtering_addclass}}\" id=\"{{uc_id}}\" data-scrolltohead=\"{{scroll_to_head}}\" {{remote_parent.attributes|raw}} {{uc_filtering_attributes|raw}}>\n    \t<ul class=\"tabs uc-items-wrapper ue-tab-btns\">\n        \t{{put_items()}}\n        <\/ul>\n        <div class=\"panel-container uc-items-wrapper2\">\n\t\t\t{{put_items2()}}\n        <\/div>\n    <\/div>","html_item":"<li><a href=\"#btss-{{item.item_index}}{{uc_id}}\">{{item.post.title|raw}}<\/a><\/li>","html_item2":"<div><\/div>\n<div id=\"btss-{{item.item_index}}{{uc_id}}\" class=\"tab-container panes\" >\n  {% if show_post_image == \"true\" %}\n       <div class=\"ue_post_image\">\n         {% if item.post.image is empty %}<img src=\"{{uc_assets_url}}\/missing-image.png\" alt=\"No Image\">{% else %}\n         <img src=\"{{item.post.image}}\" {{item.post.image_attributes|raw}}>\n         {% endif %}\n       <\/div>\n  {% endif %}\t\n  {% if show_post_title == \"true\" %}<div class=\"ue_post_title\">{{item.post.title|raw}}<\/div>{% endif %}\n  {% if show_post_date == \"true\" %}<div class=\"ue_post_date\">{{item.post.date|ucdate(\"d F Y\")|raw}}<\/div>{% endif %}\n  {% if show_time_ago == \"true\" %}<div class=\"ue-grid-item-meta-data\"><span class=\"ue-grid-item-meta-data-icon\">{{time_ago_icon_html|raw}}<\/span> {{text_before_time_ago|raw}} {{item.post.date|ucdate(\"time_ago\")|raw}}<\/div>{% endif %}\n  {% if show_post_text == \"true\" %}<p>{{item.post.intro_full|truncate(intro_number_of_characters)|raw}}<\/p>{% endif %}\n  {% if show_post_full_content == \"true\" %}<p>{{ucfunc(\"put_post_content\", item.post.id, item.post.content)}}<\/p>{% endif %}\n  {% if show_post_button == \"true\" %}<div><a class=\"ue_post_link\" href=\"{{item.post.link}}\">{{button_text|raw}}<\/a><\/div>{% endif %}\n<\/div>","css":"#{{uc_id}} \n{ \n  text-align: {{alignment}}; \n  direction: {{direction}};\n  position: relative;\n  overflow:hidden;\n}\n\n#{{uc_id}} * {\n    box-sizing: border-box;\n}\n#{{uc_id}} a\n{\n  transition: 0.5s;\n} \n\n#{{uc_id}} > ul.ue-tab-btns\n{\n\tmargin:0px;\n\tlist-style:none;\n    display:flex;\n    justify-content:{{tab_bar_alignment}};\n}\n\n#{{uc_id}} > ul.ue-tab-btns li\n{\n\tpadding:0px; \n\tmargin:0px;\n}\n\t\n#{{uc_id}} ul.ue-tab-btns li a {\n\t\n\tdisplay:block;\n\ttext-decoration:none;\n    transition:0.5s;\n}\n\n#{{uc_id}} .tab-container {\n\tclear:both;\n\toverflow:hidden;\n}\n\n#{{uc_id}} .ue_post_image img\n{\n  display:block;\n  width:100%;\n  object-fit: cover;\n}\n\n#{{uc_id}} .ue_post_link\n{\n  display:{{button_style}};\n  text-decoration:none;\n}\n\n.uc_bold_tabs .panes{ display:none;}\n.r-tabs .r-tabs-tab {\n    display: block;\n    margin: 0;\n    list-style: none;\n}\n\n.r-tabs .r-tabs-panel {\n    padding: 0;\n    display: none;\n}\n\n.r-tabs .r-tabs-accordion-title {\n    display: none;\n}\n\n.r-tabs .r-tabs-panel.r-tabs-state-active {\n    display: block;\n}\n    \n@media only screen and (max-width: 767px)\n{\n #{{uc_id}} ul.tabs {display:none;}\n .r-tabs .r-tabs-nav { display: none;}\n\n    .r-tabs .r-tabs-accordion-title { display: block;}\n\t.r-tabs-accordion-title .r-tabs-anchor{ \n      display:block; \n      overflow:hidden; \n    }\n}\n\n\n{% if layout == \"vertical\" %}\n\t#{{uc_id}} \n    {\n      display:flex;\n    }\n\n    #{{uc_id}} ul.ue-tab-btns\n    {\n      flex-direction:column;\n      width:{{tab_bar_width}};\n      flex-shrink:0;\n      flex-grow:0;\n    }\n\n    #{{uc_id}} ul li\n    {\n      text-align:{{text_align}};\n    }\n\n\t#{{uc_id}} .panel-container{\n      flex-grow:1;\n    }\n{% endif %}","js":"jQuery(document).ready(function(){\t\nfunction {{uc_id}}_start(){\n\n  var jQuerytabs = jQuery('#{{uc_id}}');\n  var options = {\n    rotate: false,\n    startCollapsed: 'accordion',\n    collapsible: 'accordion',\n    setHash: false\n  };\n  \n  jQuerytabs.responsiveTabs(options);\n \n  \n  {% if scroll_to_head != \"off\" %}\n  \n    var objTab = jQuerytabs.find('.r-tabs-anchor');\n    var isDesktopViewport = window.matchMedia(\"(min-width: 1024px)\");\n    var isMobileViewport = window.matchMedia(\"(max-width: 1024px)\");\n    \n    function scrollToTop(offsetTop){\n\n      jQuery('html, body').animate({\n        scrollTop: offsetTop + {{scroll_to_head_offset}}\n      }, 400);\n    }\n    \n    objTab.click(function(){\n      \tvar jQuerytabsOffsetTop = jQuerytabs.offset().top;\n\t\tvar tabsItemOffsetTop = jQuery(this).offset().top;\n\n        if(isDesktopViewport.matches == true && jQuerytabs.data(\"scrolltohead\") == \"desktop\")\n            scrollToTop(jQuerytabsOffsetTop);\n\n        if(isMobileViewport.matches == true && jQuerytabs.data(\"scrolltohead\") == \"mobile\")\n           \tscrollToTop(tabsItemOffsetTop);\n\n        {% if (scroll_to_head == \"desktop+mobile\") %}\n        \n        \tif(isMobileViewport.matches == true)\n            \tscrollToTop(tabsItemOffsetTop);\n              \n            if(isDesktopViewport.matches == true)\n            \tscrollToTop(jQuerytabsOffsetTop);\n            \n        {% endif %}\n\n    });\n         \n    {% endif %}\n  \t\n  \tvar objRemoteOptions = {\n    \tclass_items:\"r-tabs-tab\",\n    \tclass_active:\"r-tabs-state-active\",\n    \tselector_item_trigger:\"a\"\n    };\n    \n  \t{{ucfunc(\"put_remote_parent_js\",\"jQuerytabs\",\"objRemoteOptions\")}}  \n   \n     jQuerytabs.on(\"uc_ajax_refreshed\",function(){\n        \n        options.destroy = true;\n        jQuerytabs.responsiveTabs(options);\n       \n     });\n     \n  \n    \t\n}setTimeout(function(){if(jQuery(\"#{{uc_id}}\").length) {{uc_id}}_start(); else\n\tjQuery( document ).on( 'elementor\/popup\/show', () => { if(jQuery(\"#{{uc_id}}\").length) {{uc_id}}_start();});},100);\n});"}