{"html":"<div class=\"uc_logo_marquee {{uc_filtering_addclass}}\" id=\"{{uc_id}}\" style=\"direction:ltr;\" {{uc_filtering_attributes|raw}}>\n   <div class=\"uc_marquee uc-items-wrapper\" data-height=\"{{box_height}}\" data-speed=\"{{transition_speed}}\" data-mobile-items=\"{{number_of_items_mobile}}\" data-tablet-items=\"{{number_of_items_tablet}}\" data-desktop-items=\"{{number_of_items}}\" data-mobile-margin=\"{{margin_between_items_mobile}}\" data-tablet-margin=\"{{margin_between_items_tablet}}\" data-desktop-margin=\"{{margin_between_items_desktop}}\" data-paused=\"{{autoplay_hover_pause}}\" data-direction=\"{{direction}}\">\n   \t\t{{put_items()}}\n   <\/div>\t\n<\/div>","html_item":"<div class=\"uc_logo_marquee_holder {{item.item_repeater_class}}\">\n\t  {% if enable_link == \"true\" %}<a href=\"{{item.link|raw}}\" {{item.link_html_attributes|raw}}>{% endif %}\n      <img {% if item.image is not empty %}src=\"{{item.image}}\"{% else %}src=\"{{uc_assets_url}}\/fallback-img.jpg\"{% endif %} alt=\"{{item.title|raw}}\" class=\"ue_img_marquee\">\n      {% if show_title == \"true\" %}<div class=\"ue_marquee_title\">{{item.title|raw}}<\/div>{% endif %}\t\n      {% if item.badge is empty %}  \n      {% else %} \n          <div class=\"ue-item-badge\">{{item.badge|raw}}<\/div>  \n      {% endif %}\t\n      {% if enable_link == \"true\" %}<\/a>{% endif %}\n<\/div>","css":"#{{uc_id}}{\n  min-height:1px;\n  text-align: center;\n  position:relative;\n  opacity: 0;\n}\n\n#{{uc_id}} *{\n  box-sizing:border-box;\n}\n#{{uc_id}} .uc_marquee {\n\tdisplay: flex;\n\talign-items: center;\n\toverflow: hidden;\n    position: relative;\n}\n#{{uc_id}} .uc_marquee > div {\n    position:relative;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tflex: 0 0 auto;\n\twidth: auto;\n\toverflow: hidden;\n  \t{% if direction == \"left\" %}\n\t\tanimation-name: marquee-to-left;\n    {% elseif direction == \"right\" %}\n    \tanimation-name: marquee-to-right;\n    {% elseif direction == \"up\" %}\n    \tanimation-name: marquee-to-up;\n    {% elseif direction == \"down\" %}\n    \tanimation-name: marquee-to-down;\n    {% endif %}\n\tanimation-timing-function: linear;\n\tanimation-iteration-count: infinite;\n    {% if direction == \"up\" or direction == \"down\" %}\n      \tflex-direction: column;\n  \t\twidth: 100%;\n    {% endif %}\n}\n#{{uc_id}} img{\n  \theight: 100%;\n}\n\n#{{uc_id}} .ue_marquee_title\n{\n  position:absolute;\n  bottom:0px;\n  left: 0;\n  width:100%;\n}\n\n#{{uc_id}} .uc_logo_marquee_holder{\n\tposition:relative;\n    text-align:center;\n    overflow:hidden;\n}\n\n{% if direction == \"up\" or direction == \"down\" %}\n#{{uc_id}} .uc_logo_marquee_holder{\n\twidth: 100%;\n}\n{% endif %}\n\n#{{uc_id}} .uc_logo_marquee_holder a{\n  height:100%;\n  width: 100%;\n  display:flex;\n  align-items: center;\n  justify-content:center;\n}\n\n\n{% if direction == \"left\" %}\n\t@keyframes marquee-to-left {\n\tfrom {transform: translate(0,0)}\n\tto {transform: translate(-50%,0)}\n}\n{% endif %}\t\n\n{% if direction == \"right\" %}\n\t@keyframes marquee-to-right {\n\tfrom {transform: translate(-50%,0)}\n\tto {transform: translate(0,0)}\n}\n{% endif %}\n\n{% if direction == \"up\" %}\n\t@keyframes marquee-to-up {\n\tfrom {transform: translate(0, 25%)}\n\tto {transform: translate(0, -25%)}\n}\n{% endif %}\n\n{% if direction == \"down\" %}\n\t@keyframes marquee-to-down {\n\tfrom {transform: translate(0, -25%)}\n\tto {transform: translate(0, 25%)}\n}\n{% endif %}\n\n\n#{{uc_id}} .ue-item-badge\n{\n  position:absolute;\n  {{badge_horizontal_snap}}:{{badge_horizontal_offset}}px;\n  {{badge_vertical_snap}}:{{badge_vertical_offset}}px;\n}","js":"jQuery(document).ready(function() {\n  \n  var objWrapper = jQuery('#{{uc_id}}');\n  \n  \/\/show widget after js load\n  objWrapper.css(\"opacity\", \"1\");\n  \n  var objMarquee = objWrapper.find('.uc_marquee');\n  \n  setTimeout(function(){\n    UCMarquee(objMarquee);    \n  },500);\n  \n  objWrapper.on(\"uc_ajax_refreshed\",function(){\n     \tUCMarquee(objMarquee);     \n   });\n\n});"}