{"html":"<div id=\"{{uc_id}}\" class=\"uc-items-wrapper {{remote_parent.class}} {{uc_filtering_addclass}}\" {{remote_parent.attributes|raw}} {{uc_filtering_attributes|raw}}>\n {{put_items()}}\n<\/div>","html_item":"<div class=\"ue-step-item ue-item {{item.item_repeater_class}}\">\n    <div class=\"ue-item-highlight\">\n      \n      <div class=\"ue-step-item-line\"><\/div>\n      <div class=\"ue-step-item-gap\"><\/div>\n      <div class=\"ue-step-icon {{graphic_element_animation}}\">\n        {% if item.graphic_element == \"icon\" %}<span class=\"ue-icon\">{{item.icon_html|raw}}<\/span>{% endif %}\n        {% if item.graphic_element == \"text\" %}<span class=\"ue-graphic-text\">{{item.graphic_element_text|raw}}<\/span>{% endif %}\n        {% if item.graphic_element == \"image\" %}<span class=\"ue-graphic-image\"><img src=\"{{item.graphic_element_image}}\" {{item.graphic_element_image_alt}}><\/span>{% endif %}\n        \n        {% if show_label == \"true\" %}<div class=\"ue-step-label\">{{item.label|raw}}<\/div>{% endif %}\n      <\/div>\n      <div class=\"ue-step-item-gap\"><\/div>\n      <div class=\"ue-step-item-line\"><\/div>\n      \n    <\/div>\n    \n    <div class=\"ue-step-item-spacer\"><\/div>\n    \n    <div class=\"ue-step-item-content\">  \n       {% if show_title == \"true\" %}<div class=\"ue-step-item-content-title\">{{item.title|raw}}<\/div>{% endif %}\n       {% if show_text == \"true\" %}<div class=\"ue-step-item-content-text\">{{item.text|raw}}<\/div>{% endif %}\n    <\/div>\n  \n  {% if item.enable_link == \"true\" %}<a class=\"ue-link\" href=\"{{item.link|raw}}\" {{item.link_html_attributes|raw}}><\/a>{% endif %}\n  <\/div>","css":"#{{uc_id}}\n{\n  display:flex;\n}\n\n#{{uc_id}} .ue-link\n{\n  display:block;\n  position:absolute;\n  top:0px;\n  bottom:0px;\n  left:0px;\n  right:0px;\n}\n\n#{{uc_id}} .ue-step-item\n{\n  flex:1;\n  display:flex;\n  flex-direction:column;\n  position:relative;\n}\n#{{uc_id}} .ue-item-highlight\n{\n  display: flex;\n  align-items:center;\n  \n}\n\n#{{uc_id}} .ue-step-item-gap\n{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n#{{uc_id}} .ue-step-item-line\n{\n  height:{{line_width}}px;\n  flex-grow:1;\n}\n\n#{{uc_id}} .ue-step-icon\n{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  flex-grow:0;\n  flex-shrink:0;\n  position:relative;\n  line-height:1em;\n  transition:0.3s;\n}\n\n#{{uc_id}} .ue-icon svg\n{\n  height:1em;\n  width:1em;\n}\n\n#{{uc_id}} .ue-step-label\n{\n  position:absolute;\n  {{label_x_position}}:{{x_space}}px;\n  {{label_y_position}}:{{y_space}}px;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n}\n.ue-step-label\n{\n  font-size:9px;\n  line-height:1em;\n}\n\n#{{uc_id}} .ue-step-item-content\n{\n}\n\n#{{uc_id}} .ue-step-item:last-child .ue-step-item-line:last-child\n{\n  opacity:0;\n}\n\n#{{uc_id}} .ue-step-item:first-child .ue-step-item-line:first-child\n{\n  opacity:0;\n}\n\n#{{uc_id}} .ue-step-item-spacer\n{\n  flex-grow:0;\n  flex-shrink:0;\n  \n}\n\n#{{uc_id}} .ue-graphic-image img\n{\n  \n}\n\n\n#{{uc_id}}.uc-remote-parent .ue-step-item\n{\n  cursor:pointer;\n}\n\n\n{% if layout == \"vertical\" %}\n\n\t#{{uc_id}}\n    {\n      flex-direction:column;\n    }\n  \n  #{{uc_id}} .ue-step-item\n  {\n    flex-direction:row;\n  }\n  \n  #{{uc_id}} .ue-item-highlight\n  {\n    flex-direction:column;\n  }\n  \n   #{{uc_id}} .ue-step-item .ue-step-item-line:first-child\n    {\n      display:none;\n    }\n  \n\n    #{{uc_id}}  .ue-step-item-gap:nth-child(2)\n     {\n      display:none;    \n      }\n   #{{uc_id}}  .ue-step-item-line:first-child\n      {\n      display:none;    \n      }\n  \n    #{{uc_id}}  .ue-step-item-line\n      {\n        height:100%;\n        width:{{line_width}}px;\n      }\n\n{% endif %}\n\n\n\n{% if layout == \"hv\" %}\n\n@media only screen and (max-width: {{responsive_breakpoint}}px) {\n  #{{uc_id}}\n    {\n      flex-direction:column;\n    }\n  \n  #{{uc_id}} .ue-step-item\n  {\n    flex-direction:row;\n  }\n  \n  #{{uc_id}} .ue-item-highlight\n  {\n    flex-direction:column;\n  }\n  \n   #{{uc_id}} .ue-step-item .ue-step-item-line:first-child\n    {\n      display:none;\n    }\n  \n\n    #{{uc_id}}  .ue-step-item-gap:nth-child(2)\n     {\n      display:none;    \n      }\n   #{{uc_id}}  .ue-step-item-line:first-child\n      {\n      display:none;    \n      }\n  \n    #{{uc_id}}  .ue-step-item-line\n      {\n        height:100%;\n        width:{{line_width}}px;\n      }\n}\n\n{% endif %}","js":"jQuery(document).ready(function () {\n  \n    var objBullets = jQuery('#{{uc_id}}');\n\tif(objBullets.hasClass(\"uc-remote-parent\") == false)\n      \treturn(false);\n    \n\tvar objRemoteOptions = {\n    \tclass_items:\"ue-step-item\",\n    \tclass_active:\"uc-item-active\",\n    \tselector_item_trigger:null,\n      \tadd_set_active_code:true\n    };\n    \n  \t{{ucfunc(\"put_remote_parent_js\",\"objBullets\",\"objRemoteOptions\")}}\n  \n});"}