<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Widget</name><description>Insert graphical gadgets or widgets</description><help><![CDATA[&lt;h3&gt;Ribbon title&lt;/h3&gt; Create ribbons with different shapes with a wide choice of modern fonts and faux embroidery. &lt;h3&gt;Title&lt;/h3&gt; Create pretty titles and paragraphs with customizable font (wide choice of modern fonts), color, shadow and size. &lt;h3&gt;Back to top&lt;/h3&gt; Create an arrow style button to reach the top of the page with customizable color, text, corners and positioning (fixed or static). &lt;h3&gt;Separator&lt;/h3&gt; Create pretty lines with customizable color, thickness, shadow and type (solid, dotted, dashed). &lt;h3&gt;HTML code&lt;/h3&gt; Insert any third-party HTML code from services that offer to insert widgets on websites or blogs. Examples of services: customized form, calendar, weather forecast, visit counter, gallery, games, slideshow, chat, webcam sharing, music and playlists, banners, scrolling text, online shop, online stores, online sales, paypal payment form, credit card payment, ads... ]]></help><api_version>1.0</api_version><size height='130' width='130' /><blog en='325' /></metadata><view><content></content><properties><script_call default_action='true' help='Enter the HTML code given by the third party service provider here. This HTML code will be corrected automatically if it contains errors.&lt;br&gt; If this code has to be checked by a third party website you may have to check the &lt;i&gt;Disable HTML checking&lt;/i&gt; option. This may prevent your website from displaying if your code contains errors.' icon='ui_developer' method='manageHTML' text='Manage your Gadgets' /></properties></view><script>UI_List.UI_Developer={gadget_types:{html:{name:&quot;HTML code&quot;,text:&quot;Create or insert your own HTML code&quot;},shape:{name:&quot;Shapes&quot;,text:&quot;Add custom shapes to your website&quot;,css:true},ribbon:{name:&quot;Title ribbon&quot;,text:&quot;Create a title ribbon&quot;,css:true,text_img:&quot;&lt;span style=&apos;left: 40px; color: #fff; font-size: 14px; position: absolute; top: 70px;&apos;&gt;My Website&lt;/span&gt;&quot;},button:{name:&quot;Custom button&quot;,text:&quot;Create customized buttons&quot;,css:true},title:{name:&quot;Title&quot;,text:&quot;Create titles with custom font and effects&quot;,css:true,text_img:&quot;&lt;span style=&apos;position: absolute; top: 20px; color: rgb(48, 88, 145); font-family: Chewy,sans-serif; text-align: center; text-shadow: 2px 2px 2px rgb(163, 163, 163); font-size: 37px; left: 59px;&apos;&gt;Title&lt;/span&gt;&lt;span style=&apos;position: absolute; top: 60px; color: #8C3483; font-family: Spicy Rice,sans-serif; text-align: center; text-shadow: 0 2px 0 #1299A3; font-size: 37px; left: 59px;&apos;&gt;Title&lt;/span&gt;&lt;span style=&apos;position: absolute; top: 105px; color: #828282; font-family: Nothing You Could Do,sans-serif; text-align: center; text-shadow: 2px 2px 2px rgb(163, 163, 163); font-size: 37px; left: 59px;&apos;&gt;Title&lt;/span&gt;&quot;},backtotop:{name:&quot;Back to top&quot;,text:&quot;Insert a button which scrolls back to the top of the page&quot;,css:true,text_img:&quot;&lt;span style=&apos;font-weight: bold; color: rgb(68, 68, 68); font-size: 14px; bottom: 6px; left: 0px; position: absolute; text-transform: uppercase; right: 0px; text-align: center;&apos;&gt;Back to top&lt;/span&gt;&quot;},separator:{name:&quot;Separator&quot;,text:&quot;Separate your blocks with graphical lines&quot;,css:true},timer:{name:&quot;Countdown timer&quot;,text:&quot;Insert a timer which displays the duration between now and a target date, counting automatically either backward or forward.&quot;,css:true}},initialize:function(a){this.cpt=a;
this.initializeGadget=this.initializeHtmlEditor=(a.id!=undefined);
a.setOptions([&quot;locked&quot;,&quot;fixed&quot;,&quot;footer&quot;,&quot;sticky&quot;]);
$(&quot;#cpt_developer_properties&quot;).remove()
},onDisplay:function(a){this.cptnode=a;
this.use_distant_code=false;
this.rebuild_after_each_page=true;
if(!this.cpt.preloaded){this.node=$(&quot;&lt;div style=&apos;height:100%&apos;&gt;&lt;/div&gt;&quot;).appendTo(a)
}else{this.node=a.children(&quot;:first&quot;)
}if(this.cpt.data.gadget){this.gadget_key=this.cpt.data.gadget;
this.load_scripts_gadget(false)
}},feature:function(a){return((a||this.cpt.data.gadget||&quot;html&quot;)==&quot;html&quot;?&quot;UI_Developer_html&quot;:this.cpt.component_type.class_name)
},setGadget:function(name,isTmpGadget){var self=this;
var tmpGadget=(isTmpGadget?self._gadget:self.gadget);
if(!tmpGadget||self.cpt.data.gadget!=self.gadget_key){var gadget_class=eval(&quot;UI_Developer_&quot;+name);
if(tmpGadget&amp;&amp;tmpGadget.onRemove){tmpGadget.onRemove()
}tmpGadget=new gadget_class(self.cpt,tmpGadget)
}self.gadget_key=name;
if(isTmpGadget){self._gadget=tmpGadget
}else{self.gadget=tmpGadget
}if(self.cpt.data.gadget==name){self.load_properties(null,isTmpGadget)
}if(v.mode==&quot;editor&quot;){self.cpt.node.toggleClass(&quot;upgrade_needed&quot;,!v.features[self.feature(self.gadget_key)]);
blockSelector.select(blockSelector.selected_blocks)
}},load_scripts_gadget:function(b){var c=&quot;ui_dev_&quot;+this.gadget_key;
if($(&quot;#&quot;+c).length==0){if(this.gadget_types[this.gadget_key].css){this.load_script(&quot;css&quot;,this.gadget_key)
}this.load_script(&quot;js&quot;,this.gadget_key,c)
}var a=this;
Misc.poll(function(){return window[&quot;UI_Developer_&quot;+a.gadget_key]
},function(){if(b){a.setGadget(a.gadget_key,true);
a.create_options($(&quot;#uid_gadget_options .uid_list_options&quot;));
a._gadget.create_html(b);
a.init_examples()
}else{a.onMoveStart();
a.setGadget(a.gadget_key);
a.gadget.create_html(b)
}a.onMoveStop(true);
if(a.cpt.data.gadget&amp;&amp;a.cpt.data.properties.font){a.load_script(&quot;google_font_one_css&quot;,a.cpt.data.properties.font,a.cpt.data.properties.font.replace(/ /g,&quot;_&quot;))
}})
},load_script:function(j,a,b){var m=&quot;/assets/precompile/ui_developer/&quot;;
var g=document.location.hostname==&quot;localhost&quot;?&quot;&quot;:$(&quot;html&quot;).attr(&quot;lang&quot;)+&quot;-&quot;;
switch(j){case&quot;css&quot;:var k=&quot;UI_Developer_css_&quot;+a;
if($(&quot;head #&quot;+k).length){return
}var e=$(&quot;&lt;link&gt;&quot;).prependTo($(&quot;head&quot;)).attr({type:&quot;text/css&quot;,rel:&quot;stylesheet&quot;,media:&quot;screen&quot;,href:m+a+&quot;.css?clearcache=1&quot;,id:k});
break;
case&quot;js&quot;:var c,i=document,l=&quot;script&quot;,h=i.getElementsByTagName(l)[0];
c=i.createElement(l);
c.id=b;
c.src=m+g+a+&quot;.js?clearcache=1&quot;;
h.parentNode.insertBefore(c,h);
break;
case&quot;google_fonts_css&quot;:if($(&quot;head #google_fonts_css&quot;).length){return
}$(&quot;&lt;link&gt;&quot;).prependTo($(&quot;head&quot;)).attr({type:&quot;text/css&quot;,rel:&quot;stylesheet&quot;,media:&quot;screen&quot;,href:&quot;/theme/webfonts/&quot;,id:&quot;google_fonts_css&quot;});
break;
case&quot;google_font_one_css&quot;:if($(&quot;head #&quot;+b).length){return
}$(&quot;&lt;link&gt;&quot;).prependTo($(&quot;head&quot;)).attr({type:&quot;text/css&quot;,rel:&quot;stylesheet&quot;,media:&quot;screen&quot;,href:&quot;https://fonts.googleapis.com/css?family=&quot;+a,id:b})
}},onShow:function(b){this.node.show();
this.cptnode.show();
if(this.cpt.data.html_code&amp;&amp;this.cpt.data.html_code!=&quot;&quot;&amp;&amp;this.rebuild_after_each_page){if(this.cpt.data.html_code.match(/&lt;script/i)&amp;&amp;!this.cpt.data.disable_iframe){this.use_distant_code=true;
if(this.cpt.id){this.loadIframe(&quot;/cpt/ui_developer_iframe/&quot;+this.cpt.id+&quot;?&quot;+(v.mode==&quot;viewer&quot;?window.cache_version:Math.random()))
}if(b){statusController.message(sprintf(&quot;Save to update the widget.&quot;),&quot;warning&quot;,null,5)
}}else{if(!this.cpt.preloaded){try{this.node.html(this.cpt.data.html_code)
}catch(a){}}}}else{if(this.cpt.data.gadget){if(this.gadget&amp;&amp;this.gadget.onShow){this.gadget.onShow()
}}}},onHide:function(){if(this.rebuild_after_each_page){this.node.hide().empty();
this.cpt.preloaded=false
}},onRemove:function(){this.node.hide();
if(this.gadget&amp;&amp;this.gadget.onRemove){this.gadget.onRemove()
}},loadIframe:function(b){if(this.loading){this.loading.update(100)
}this.loading=this.cpt.statusLoading();
var a=this;
if(document.location.hostname==&quot;localhost&quot;||document.location.hostname.match(/^db\./)){b=&quot;//localhost&quot;+b
}else{b=&quot;//ui.&quot;+document.location.host+b
}this.iframe=this.node.html(&quot;&lt;iframe allowtransparency=&apos;true&apos; src=\&quot;&quot;+b+&apos;&quot;&gt;&lt;/iframe&gt;&apos;).find(&quot;iframe&quot;);
this.iframe.width(this.cpt.W()).height(this.cpt.H()).one(&quot;load error abort&quot;,function(){if(a.loading){a.loading.update(100)
}a.loading=null
})
},onPropertyChanged:function(){if(this.cpt.data.gadget){this.load_scripts_gadget(false);
this.destroy_chromoselector()
}else{this.gadget=null;
this.createHtmlGadget()
}},createHtmlGadget:function(){if(this.cpt.data.html_code&amp;&amp;!this.cpt.data.disable_code_cleanup&amp;&amp;!this.cpt.data.html_code.match(/&lt;script/i)){this.cpt.data.html_code=$(&quot;&lt;div&gt;&lt;/div&gt;&quot;).html(this.cpt.data.html_code).html()
}this.cptnode.hide().empty();
this.onDisplay(this.cptnode);
this.onShow(true)
},onResize:function(){if(this.iframe){this.iframe.width(this.cpt.W()).height(this.cpt.H())
}if(this.gadget){(this.gadget.onResize)?this.gadget.onResize():this.gadget.create_html(false)
}},onResizeStop:function(){if(this.gadget&amp;&amp;this.gadget.onResizeStop){this.gadget.onResizeStop()
}},onResizeStart:function(){if(this.gadget&amp;&amp;this.gadget.onResizeStart){this.gadget.onResizeStart()
}},onSave:function(){if(this.use_distant_code){this.cptnode.hide().empty();
this.onDisplay(this.cptnode);
this.onShow()
}},manageHTML:function(){var b=this;
this.tb_window=$(&quot;#TB_window&quot;);
this.load_script(&quot;css&quot;,&quot;manage&quot;);
if($(&quot;#cpt_developer_properties&quot;).length==0){this.config_node=$(&quot;&lt;div id=&apos;cpt_developer_properties&apos;&gt;&lt;/div&gt;&quot;);
this.config_node.appendTo(&quot;body&quot;).hide()
}else{if(!this.config_node){this.config_node=$(&quot;#cpt_developer_properties&quot;)
}}var a=function(){tb_show(null,&quot;TB_inline?inlineId=cpt_developer_properties&amp;height=580&amp;width=850&quot;);
b.tb_window=$(&quot;#TB_window&quot;);
b.overlay=b.tb_window.find(&quot;.uid_overlay_loading&quot;);
b.overlay.show();
b.tb_window.find(&quot;.uid_btn_undo&quot;).hide();
if(b.gadget_key==b.cpt.data.gadget&amp;&amp;b.gadget_key){b.gadgetEditor()
}else{if(b.cpt.data.html_code!=undefined){b.htmlEditor()
}else{b.tb_window.find(&quot;.uid_btn_undo&quot;).show();
b.overlay.hide()
}}};
if(!$(&quot;#cpt_developer_properties&quot;).is(&quot;:empty&quot;)){a()
}else{$.ajax({url:&quot;/cpt_developer/select_gadget&quot;,dataType:&quot;html&quot;,success:function(c){b.config_node.html(c);
$.each(b.gadget_types,function(e,g){if($.inArray(e,[&quot;shape&quot;,&quot;button&quot;])&gt;=0){return
}var h=$(&quot;&lt;li&gt;&lt;/li&gt;&quot;);
h.append(&quot;&lt;input type=&apos;hidden&apos; value=&quot;+e+&quot; /&gt;&quot;);
h.append(&quot;&lt;img src=&apos;/components/UI_Developer/&quot;+e+&quot;.jpg&apos;/&gt;&quot;);
var d=$(&quot;&lt;div class=&apos;mask&apos;&gt;&lt;/div&gt;&quot;);
d.append(&quot;&lt;h2&gt;&quot;+g.name+&quot;&lt;/h2&gt;&quot;);
d.append(&quot;&lt;p&gt;&quot;+g.text+&quot;&lt;/p&gt;&lt;/div&gt;&quot;);
h.append(d);
if(g.text_img){h.append(g.text_img)
}if(!v.features.UI_Developer_html&amp;&amp;e==&quot;html&quot;){h.append(&apos;&lt;span class=&quot;upgrade_icon ui_bg&quot;&gt;&lt;img src=&quot;/images/blog/editor_icons/upgrade_icon.svg&quot;&gt;&lt;/span&gt;&apos;)
}$(&quot;.uid_list_gadgets&quot;,b.config_node).append(h)
});
a();
$(&quot;li&quot;,$(&quot;.uid_block.uid_div_gadget &gt; .uid_list_gadgets&quot;)).unbind(&quot;click&quot;).click(function(){if(!$(this).attr(&quot;data-disable&quot;)){var d=blockSelector.selectedCpt().ui;
d.gadget_key=$(&quot;input[type=hidden]&quot;,this).val();
if(d.gadget_key!=&quot;html&quot;){d.gadgetEditor()
}else{d.htmlEditor()
}}})
}})
}},events_buttons:function(){var a=this,b=blockSelector.selectedCpt().ui;
this.tb_window.find(&quot;.uid_btn_undo&quot;).unbind(&quot;click&quot;).click(function(){a.destroy_chromoselector();
if(b.cpt.data.gadget){b.setGadget(b.cpt.data.gadget,true)
}b.slideContent(0)
});
this.tb_window.find(&quot;.uid_btn_close_window&quot;).unbind(&quot;click&quot;).click(function(){a.destroy_chromoselector();
if(b.gadget){b.gadget_key=b.cpt.data.gadget;
b.load_scripts_gadget(false)
}else{b.gadget=null;
b.gadget_key=null
}tb_remove()
})
},htmlEditor:function(){var b=this;
this.opts_code={disable_code_cleanup:[&quot;checkbox_sub&quot;,b.cpt.data.disable_code_cleanup,&apos;&lt;div class=helpEditor data-color=grey  help=&quot;By activating this option, the given HTML code will not be checked which may prevent your website from displaying anymore.You may only need to check this option if a third party website needs to check your website for the presence of a certain code.&quot;&gt;Disable HTML validation&lt;/div&gt;&apos;],disable_iframe:[&quot;checkbox_sub&quot;,b.cpt.data.disable_iframe,&apos;&lt;div class=helpEditor data-color=grey  help=&quot;By activating this option, the HTML code will be embedded directly into the page which may lead to incorrect behaviour and site inaccessibility if the code is incorrect or malicious.&quot;&gt;Direct embedding&lt;/div&gt;&apos;]};
var c=[&quot;disable_iframe&quot;,&quot;disable_code_cleanup&quot;];
var a=function(){var d=$(&quot;.uid_textarea_html_errors&quot;,b.tb_window);
$(&quot;.uid_textarea_html&quot;,b.tb_window).val(b.cpt.data.html_code).trigger_real_change().on(&quot;real_change&quot;,function(){var e=$(this).val();
if(e.match(/src=[&quot;&apos;]?http\:\/\//m)){d.html(&quot;This code uses an insecure resource (http:// url in a src attribute) which is not compatible with SSL. &lt;b&gt;Please only use https:// URL&lt;/b&gt; for resources if you want to enable HTTPS site feature.&quot;)
}else{d.html(&quot;&quot;)
}}).trigger(&quot;real_change&quot;);
b.slideContent(1);
b.overlay.fadeOut();
$(&quot;.uid_content_slide .uid_list_options&quot;,b.tb_window).empty();
b.create_options($(&quot;#uid_code_options .uid_list_options&quot;),b.opts_code,c);
b.tb_window.find(&quot;#uid_btn_validate_code&quot;).unbind(&quot;click&quot;).click(function(){var e=function(){if(!b.initializeHtmlEditor){historyController.offRecords(function(){b.cpt.setData({html_code:$(&quot;#uid_text_code&quot;).find(&quot;.uid_textarea_html&quot;).val(),gadget:null,properties:null,disable_code_cleanup:$(&quot;#uid_code_options&quot;).find(&quot;.disable_code_cleanup&quot;).is(&quot;:checked&quot;),disable_iframe:$(&quot;#uid_code_options&quot;).find(&quot;.disable_iframe&quot;).is(&quot;:checked&quot;)})
});
b.initializeHtmlEditor=true
}else{b.cpt.setData({html_code:$(&quot;#uid_text_code&quot;).find(&quot;.uid_textarea_html&quot;).val(),gadget:null,properties:null,disable_code_cleanup:$(&quot;#uid_code_options&quot;).find(&quot;.disable_code_cleanup&quot;).is(&quot;:checked&quot;),disable_iframe:$(&quot;#uid_code_options&quot;).find(&quot;.disable_iframe&quot;).is(&quot;:checked&quot;)})
}b.tb_window.find(&quot;.uid_btn_close_window&quot;).click()
};
if((!b.cpt.data.disable_code_cleanup)&amp;&amp;$(&quot;.disable_code_cleanup&quot;).is(&quot;:checked&quot;)){if(confirm(&quot;Please note that if your code is incorrect it will work in the building tool but it WILL BREAK YOUR WEBSITE when visiting your website.\n\nWe strongly recommend you to publish your website immediately and visit it to ensure that it displays properly.\n\nTo reenable the HTML code checking, click on Cancel.&quot;)){e()
}else{$(&quot;#uid_code_options&quot;).find(&quot;.disable_code_cleanup&quot;).prop(&quot;checked&quot;,false)
}}else{e()
}});
$(&quot;.uid_div_code&quot;,b.tb_window).show();
$(&quot;.uid_editor_gadget&quot;,b.tb_window).hide()
};
if(this.tb_window.find(&quot;.uid_div_code&quot;).length==0){$.ajax({url:&quot;/cpt_developer/edit_code&quot;,dataType:&quot;html&quot;,name:&quot;Loading block manager...&quot;,success:function(d){$(&quot;.uid_content_slide&quot;,b.tb_window).append(d);
a();
b.events_buttons()
}})
}else{a()
}},gadgetEditor:function(){if(!Modernizr.cssanimations){return $(&quot;.uid_overlay_nav&quot;).fadeIn()
}var b=this;
var a=function(){b.slideContent(1);
b.load_scripts_gadget(true);
b.overlay.fadeOut();
b.tb_window.find(&quot;#uid_btn_validate_gagdet&quot;).unbind(&quot;click&quot;).click(function(){var c=b._gadget.properties;
var d={};
$.each(b._gadget.properties_key,function(g,e){d[e]=c[e][1]
});
b.setGadget(b.gadget_key);
if(!b.initializeGadget){historyController.offRecords(function(){$.extend(b.cpt.data,{html_code:&quot;&quot;,gadget:b.gadget_key,properties:d})
});
b.initializeGadget=true
}else{b.cpt.setData({html_code:&quot;&quot;,gadget:b.gadget_key,properties:d})
}b.tb_window.find(&quot;.uid_btn_close_window&quot;).click();
tb_remove()
});
$(&quot;.uid_div_code&quot;,b.tb_window).hide();
$(&quot;.uid_editor_gadget&quot;,b.tb_window).show()
};
if(this.tb_window.find(&quot;.uid_editor_gadget&quot;).length==0){$.ajax({url:&quot;/cpt_developer/editor_gadget&quot;,dataType:&quot;html&quot;,name:&quot;Loading gadget editor...&quot;,type:&quot;POST&quot;,success:function(c){$(&quot;.uid_content_slide&quot;,b.tb_window).append(c);
a();
b.events_buttons()
}})
}else{a();
$(&quot;#checkbox_show_examples&quot;).prop(&quot;checked&quot;,false);
$(&quot;#lab_examples&quot;).removeClass(&quot;active_examples&quot;)
}},init_chromoselector:function(){var a=this;
$(&quot;.preview_chromoselector_input&quot;).chromoselector({panelAlpha:true,shadow:3,color2str:function(b){return b.getRgbaString()
},beforeShow:function(){$(this).attr(&quot;value&quot;,$(this).chromoselector(&quot;getColor&quot;).getRgbaString())
},save:function(c){var b=$(this);
f=b.attr(&quot;class&quot;).replace(&quot;preview_chromoselector_input &quot;,&quot;&quot;),pins_s=$(&quot;.pins_select.&quot;+f);
clearTimeout(a.to_cp_update);
a.to_cp_update=setTimeout(function(){b.css(&quot;background-color&quot;,c);
pins_s.css(&quot;background-color&quot;,c);
b.attr(&quot;value&quot;,c);
pins_s.parents(&quot;.pins&quot;).attr(&quot;value&quot;,c);
b.trigger(&quot;change&quot;)
},175)
}});
$(&quot;.pins&quot;).chromoselector({shadow:3,panelAlpha:true,color2str:function(b){return b.getRgbaString()
},beforeShow:function(){var c=$(this),b=$(&quot;.pins_select&quot;,c);
color=b.css(&quot;background-color&quot;);
b.attr(&quot;value&quot;,color);
c.chromoselector(&quot;setColor&quot;,color);
$(&quot;body&quot;).prepend($(&quot;&lt;div&gt;&quot;).addClass(&quot;overlay_pickerColor&quot;).click(function(){c.chromoselector(&quot;hide&quot;);
this.remove()
}))
},save:function(d){var e=$(&quot;.pins_select&quot;,$(this)),c=$(this).data(&quot;field&quot;),b=$(&quot;.preview_chromoselector_input.&quot;+c);
clearTimeout(a.to_cp_update);
a.to_cp_update=setTimeout(function(){e.css(&quot;background-color&quot;,d);
b.css(&quot;background-color&quot;,d);
e.attr(&quot;value&quot;,d);
b.attr(&quot;value&quot;,d);
e.trigger(&quot;change&quot;)
},175)
}})
},destroy_chromoselector:function(){$(&quot;.pins, .preview_chromoselector_input&quot;).each(function(){try{$(this).chromoselector(&quot;destroy&quot;)
}catch(a){}})
},create_options:function(g,a,e){var b=this;
var c=(a)?a:this._gadget.properties;
var d=(a)?e:this._gadget.properties_key;
this.destroy_chromoselector();
g.empty();
$(&quot;.pins&quot;).remove();
$.each(d,function(C,I){var J=c[this];
var i=$(&quot;&lt;div class=&apos;opt_gadget&apos;&gt;&lt;/div&gt;&quot;).appendTo(g);
switch(J[0]){case&quot;color&quot;:i.html($(&quot;&lt;input type=&apos;text&apos; class=&apos;preview_chromoselector_input &quot;+I+&quot;&apos; value=&quot;+J[1]+&quot; spellcheck=&apos;false&apos; /&gt;&quot;));
i.find(&quot;input&quot;).on(&quot;change&quot;,function(){c[I][1]=$(this).val();
b._gadget.create_html(true)
}).css({&quot;background-color&quot;:c[I][1]});
i.find(&quot;input&quot;).before($(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(J[2]));
if(J[3]&amp;&amp;J[4]){var y=$(&quot;#uid_gadget_preview&quot;);
var w={left:J[3]+&quot;px&quot;,top:J[4]+&quot;px&quot;,transform:&quot;rotate(&quot;+J[5]+&quot;deg)&quot;,&quot;-o-transform&quot;:&quot;rotate(&quot;+J[5]+&quot;deg)&quot;,&quot;-ms-transform&quot;:&quot;rotate(&quot;+J[5]+&quot;deg)&quot;,&quot;-webkit-transform&quot;:&quot;rotate(&quot;+J[5]+&quot;deg)&quot;,&quot;-moz-transform&quot;:&quot;rotate(&quot;+J[5]+&quot;deg)&quot;};
var F=$(&apos;&lt;div class=&quot;pins&quot;&gt;&lt;div class=&quot;pins_bottom_arrow&quot;&gt;&lt;/div&gt;&lt;/div&gt;&apos;).css(w).data(&quot;field&quot;,I);
F.append(&quot;&lt;input type=&apos;button&apos; class=&apos;jscolor_input pins_select &quot;+I+&quot;&apos; value=&quot;+c[I][1]+&quot;/&gt;&quot;);
y.append(F);
F.find(&quot;input&quot;).change(function(){c[I][1]=$(this).val();
b._gadget.create_html(true)
});
$(&quot;.pins_select&quot;,F).css({&quot;background-color&quot;:c[I][1]}).val(c[I][1])
}break;
case&quot;position&quot;:var H={range:[c[I][4][0][0],c[I][4][0][1]],snap:true,step:c[I][4][1]};
var A=$(&apos;&lt;input type=&quot;text&quot; data-slider=&quot;true&quot;&gt;&apos;);
var x=$(&quot;&lt;div&gt;&lt;/div&gt;&quot;).addClass(&quot;uid_slider &quot;+I);
x.append(A);
i.append(x);
A.simpleSlider(H);
setTimeout(function(){A.simpleSlider(&quot;setValue&quot;,c[I][1]).bind(&quot;slider:ready slider:changed&quot;,function(n,K){var L=$(this).parents(&quot;.opt_gadget&quot;).find(&quot;.position_info&quot;);
c[I][1]=parseFloat(K.value.toFixed(3));
L.text(Math.round(K.value.toFixed(3))+c[I][3]).css(&quot;color&quot;,&quot;#FEA423&quot;);
setTimeout(function(){L.css(&quot;color&quot;,&quot;#7E7975&quot;)
},1100);
b._gadget.create_html(true)
})
},200);
var z=$(&quot;&lt;div class=&apos;uid_slider_info&apos;&gt;&lt;/div&gt;&quot;);
z.append($(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(J[2])).append($(&apos;&lt;div class=&quot;position_info&quot;&gt;&lt;/div&gt;&apos;).text(Math.round(c[I][1]).toString()+c[I][3]));
i.prepend(z);
break;
case&quot;checkbox_sub&quot;:var G=function(N){var K=$(&quot;.&quot;+c[I][3].join(&quot;, .&quot;),g);
var L=$(&quot;#uid_gadget_preview&quot;).find(&quot;.&quot;+c[I][3].join(&quot;, .&quot;));
var M=K.parents(&quot;.opt_gadget&quot;).add(L.parents(&quot;.pins:first&quot;));
M.each(function(){var n=$(this);
(N&amp;&amp;!n.hasClass(&quot;is_hidden&quot;))?n.show():n.hide()
})
};
case&quot;checkbox&quot;:if(!Modernizr.cssanimations){i.html($(&apos;&lt;input type=&quot;checkbox&quot; class=&quot;&apos;+I+&apos;&quot;/&gt;&apos;))
}else{i.html($(&apos;&lt;label class=&quot;toggle_check&quot;&gt;&lt;input type=&quot;checkbox&quot; class=&quot;&apos;+I+&apos;&quot;/&gt;&lt;span class=&quot;knob&quot;&gt;&lt;/span&gt;&lt;/label&gt;&apos;))
}i.find(&quot;input[type=checkbox]&quot;).prop(&quot;checked&quot;,c[I][1]);
i.find(&quot;label&quot;).before($(&quot;&lt;font&gt;&lt;/font&gt;&quot;).html(J[2]));
i.find(&quot;input[type=checkbox]&quot;).change(function(){c[I][1]=$(this).is(&quot;:checked&quot;);
if(!a){b._gadget.create_html(true);
if(G&amp;&amp;c[I][3]){G($(this).is(&quot;:checked&quot;))
}}});
if(G&amp;&amp;c[I][3]){setTimeout(function(){G(i.find(&quot;input[type=checkbox]&quot;).is(&quot;:checked&quot;))
},200)
}if(c.shape&amp;&amp;c.shape[1]!=0){$(&quot;.fullwidth&quot;).prop(&quot;checked&quot;,false).change().parent(&quot;:first&quot;).addClass(&quot;disable&quot;)
}if(c.shape&amp;&amp;b._gadget.simple_conf.include(c.shape[1])){$(&quot;.enable_gradient&quot;).prop(&quot;checked&quot;,false).change().parent(&quot;:first&quot;).addClass(&quot;disable&quot;)
}if(c.shape&amp;&amp;b._gadget.simple_conf.include(c.shape[1])){$(&quot;.shadow&quot;).prop(&quot;checked&quot;,false).change().parent(&quot;:first&quot;).addClass(&quot;disable&quot;)
}break;
case&quot;font&quot;:var s=function(){$.each(i.find(&quot;div.selectBox&quot;),function(){$(this).children(&quot;span.selected&quot;).text(c[I][1]).css(&quot;font-family&quot;,c[I][1]);
$(this).val($(this).children(&quot;div.selectOptions&quot;).children(&quot;span.selectOption:first&quot;).val());
$(this).children(&quot;span.selectArrow&quot;).unbind(&quot;click&quot;).click(function(){if($(this).parents(&quot;.selectBox&quot;).children(&quot;div.selectOptions&quot;).css(&quot;display&quot;)==&quot;none&quot;){$(this).parents(&quot;.selectBox&quot;).children(&quot;div.selectOptions&quot;).slideDown()
}else{$(this).parents(&quot;.selectBox&quot;).children(&quot;div.selectOptions&quot;).slideUp()
}});
$(this).find(&quot;span.selectOption&quot;).unbind(&quot;click&quot;).click(function(){$(this).parent().hide();
$(this).parent().siblings(&quot;span.selected&quot;).html($(this).html()).css(&quot;font-family&quot;,$(this).html());
c[I][1]=$(this).html();
b._gadget.create_html(true)
})
})
};
b.load_script(&quot;google_fonts_css&quot;);
var j=$(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(c[I][2]);
i.html(j).append(&quot;&lt;div class=&apos;selectBox&apos;&gt;&lt;span class=&apos;selected&apos;&gt;&lt;/span&gt;&lt;span class=&apos;selectArrow&apos;&gt;&amp;#9660&lt;/span&gt;&lt;div class=&apos;selectOptions&apos; &gt;&lt;/div&gt;&lt;/div&gt;&quot;);
var t=i.find(&quot;.selectOptions&quot;);
Misc.poll(function(){return window.google_webfonts
},function(){$.each(window.google_webfonts,function(K,n){var L=$(&apos;&lt;span class=&quot;selectOption&quot;&gt;&lt;/span&gt;&apos;).val(n).text(n).css(&quot;font-family&quot;,n);
t.append(L)
});
s()
});
break;
case&quot;select&quot;:i.html($(&quot;&lt;select&gt;&quot;).addClass(I));
var B=$(&quot;.&quot;+I,i);
$.each(J[3],function(){B.append($(&quot;&lt;option&gt;&quot;).val(this[1]).text(this[0]))
});
B.val(J[1]).before($(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(J[2])).change(function(){c[I][1]=$(this).val();
b._gadget.create_html(true)
});
break;
case&quot;data_text&quot;:var l=&quot;&lt;input type=text placeholder=&quot;+J[2]+&quot; class=&apos;uid_opt_textbox &quot;+I+&quot;&apos; &gt;&quot;;
i.append(l);
var r=i.find(&quot;.uid_opt_textbox&quot;),u=$(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(J[2]);
$(r).val(J[1]).before(u);
if(J[3]){u.after(&quot;&lt;span class=&apos;opt_help&apos;&gt;&quot;+J[3]+&quot;&lt;/span&gt;&quot;)
}$(r).keyup(function(){c[I][1]=$(this).val();
b._gadget.create_html(true)
});
break;
case&quot;data_text_textarea&quot;:var h=&quot;&lt;input type=radio name=&apos;input_type&apos; value =&apos;small&apos;&gt;&quot;;
var m=&quot;&lt;input type=radio name=&apos;input_type&apos; value =&apos;big&apos;&gt;&quot;;
var k=$(&quot;&lt;textarea&gt;&quot;).addClass(&quot;uid_opt_textarea&quot;).val(J[1]).attr(&quot;placeholder&quot;,J[2]);
var l=&quot;&lt;input type=text placeholder=&quot;+J[2]+&quot; class=&apos;uid_opt_textbox&apos; &gt;&quot;;
var q=$(&quot;&lt;div&gt;&quot;).addClass(&quot;box_text&quot;).html(&quot;&lt;div&gt;&lt;label&gt;&quot;+h+&quot;Title&lt;/label&gt;&lt;br /&gt;&lt;label&gt;&quot;+m+&quot;Paragraph&lt;/label&gt;&lt;/div&gt;&quot;).appendTo(i);
i.append(l).append(k);
var E=i.find(&quot;input[type=radio][value=small]&quot;);
var D=i.find(&quot;input[type=radio][value=big]&quot;);
var r=i.find(&quot;.uid_opt_textbox&quot;);
var o=i.find(&quot;.uid_opt_textarea&quot;);
r.val(J[1]).hide();
o.val(J[1]).hide();
o.before($(&quot;&lt;div&gt;&quot;).addClass(&quot;b_align&quot;).html(&quot;&lt;ul&gt;&quot;));
$(&quot;.b_align&quot;).hide();
var p=i.find(&quot;.b_align ul&quot;);
$.each([&quot;t_paragraph-left&quot;,&quot;t_paragraph-center&quot;,&quot;t_paragraph-right&quot;,&quot;t_paragraph-justify&quot;],function(K,n){p.append($(&quot;&lt;li&gt;&quot;).addClass(&quot;fonticon &quot;+(c.text_align[1]==n?&quot;selected&quot;:&quot;&quot;)).html($.fn.fonticon(n)).attr(&quot;data-align&quot;,&quot;align_&quot;+n.match(/paragraph-(.*)/)[1]))
});
i.find(&quot;input[type=radio]&quot;).change(function(){if(this.value==&quot;big&quot;&amp;&amp;!E.is(&quot;:checked&quot;)){o.val(r.val()).show();
$(&quot;.b_align&quot;).show();
r.hide();
c.type_text[1]=&quot;textarea&quot;
}else{r.val(o.val()).show();
o.hide();
$(&quot;.b_align&quot;).hide();
c.type_text[1]=&quot;textbox&quot;
}});
p.find(&quot;li&quot;).click(function(){var n=$(this);
if(!n.hasClass(&quot;selected&quot;)){n.parent().find(&quot;li.selected&quot;).removeClass(&quot;selected&quot;);
n.addClass(&quot;selected&quot;);
c.text_align[1]=n.attr(&quot;data-align&quot;);
b._gadget.create_html(true)
}});
$.each([r,o],function(K,n){n.keyup(function(){c[I][1]=$(this).val();
b._gadget.create_html(true)
})
});
if(c.type_text[1]==&quot;textarea&quot;){D.prop(&quot;checked&quot;,true);
o.show();
$(&quot;.b_align&quot;).show()
}else{E.prop(&quot;checked&quot;,true);
r.show()
}break;
default:b._gadget.create_specific_option(c[I],i,c,I)
}});
this.init_chromoselector()
},load_properties:function(d,c){gadget=c?this._gadget:this.gadget;
var b=this;
var a=d?d:b.cpt.data.properties;
$.each(gadget.properties_key,function(g,e){if((b.cpt.data.properties&amp;&amp;a[e]!==undefined)||d){gadget.properties[e][1]=a[e]
}})
},init_examples:function(){var b=this;
var a=this._gadget.examples;
var d;
var c=$(&quot;.uid_example_overlay &gt; ul&quot;).empty();
$(&quot;#checkbox_show_examples&quot;).unbind().change(function(){$(&quot;#lab_examples&quot;).toggleClass(&quot;active_examples&quot;);
if(!$(&quot;#checkbox_show_examples&quot;).is(&quot;:checked&quot;)){c.slideUp()
}else{if(c.find(&quot;li&quot;).length==0){$.each(a,function(g,e){var h=$(&quot;&lt;li class=&apos;container_gadget_example&apos;&gt;&lt;/li&gt;&quot;);
d=$(&quot;&lt;div class=&apos;gadget_example&apos;&gt;&lt;/div&gt;&quot;);
if(b._gadget.examples_size){d.css({height:b._gadget.examples_size.h+&quot;px&quot;,width:b._gadget.examples_size.w+&quot;px&quot;})
}h.append(d);
c.append(h);
b._gadget.create_html(true,d,e);
d.click(function(){b.load_properties(e,true);
b.create_options($(&quot;#uid_gadget_options .uid_list_options&quot;));
b._gadget.create_html(true);
$(&quot;#checkbox_show_examples&quot;).click();
c.slideUp();
$(&quot;#lab_examples&quot;).removeClass(&quot;active_examples&quot;)
});
if(b.gadget_key==&quot;button&quot;){d.find(&quot;a.uid_button&quot;)[0].onclick=&quot;return false;&quot;;
d.find(&quot;a.uid_button&quot;)[0].href=&quot;#&quot;
}})
}c.slideDown()
}})
},slideContent:function(b){var a=[0,-870];
if(!Modernizr.cssanimations){$(&quot;.uid_content_slide&quot;).css(&quot;left&quot;,a[b]+&quot;px&quot;)
}else{$(&quot;.uid_content_slide&quot;).css({transform:&quot;translateX(&quot;+a[b]+&quot;px)&quot;,&quot;-webkit-transform&quot;:&quot;translateX(&quot;+a[b]+&quot;px)&quot;,&quot;-moz-transform&quot;:&quot;translateX(&quot;+a[b]+&quot;px)&quot;,&quot;-ms-transform&quot;:&quot;translateX(&quot;+a[b]+&quot;px)&quot;,&quot;-o-transform&quot;:&quot;translateX(&quot;+a[b]+&quot;px)&quot;})
}},changeBackgroundPreview:function(g){var e=$(&quot;#uid_gadget_preview&quot;);
g=g||&quot;#000000&quot;;
if(g.match(/^(#).*$/)){var a=$.fn.hexToRgb(g)
}else{var b=g.match(/^rgba\((.*),(.*),(.*),.*\)$/);
var a=[b[1],b[2],b[3]]
}var d=(a[0]&gt;225&amp;&amp;a[1]&gt;225&amp;&amp;a[2]&gt;225)?&quot;#cecece&quot;:&quot;transparent&quot;;
e.css(&quot;background-color&quot;,d)
},onMoveStart:function(){if(this.gadget&amp;&amp;this.gadget.onMoveStart){this.gadget.onMoveStart()
}},onMoveStop:function(a){if(this.gadget&amp;&amp;this.gadget.onMoveStop){this.gadget.onMoveStop(a)
}},onRotateStart:function(){if(this.gadget&amp;&amp;this.gadget.onRotateStart){this.gadget.onRotateStart()
}},onRotateStop:function(a){if(this.gadget&amp;&amp;this.gadget.onRotateStop){this.gadget.onRotateStop(a)
}},_isEmpty:function(){var a=false;
var b=this.cpt.data;
if(!Object.keys(b).length){a=true
}else{if(!b.gadget&amp;&amp;!(b.html_code||&quot;&quot;).length){a=true
}else{if(b.gadget==&quot;title&quot;&amp;&amp;!b.properties.text.length){a=true
}}}return a
},innerSize:function(){var a={w:this.cpt.W(),h:this.cpt.H()};
if(this.cpt.data.gadget&amp;&amp;this.cpt.data.gadget==&quot;title&quot;){var b=$(&quot;.uid_title&quot;,this.cpt.node);
b.addClass(&quot;cpt_inline_block&quot;);
a.w=b.width();
a.h=b.height();
b.removeClass(&quot;cpt_inline_block&quot;)
}return a
},_innerOffset:function(){var a;
if(this.cpt.data.gadget&amp;&amp;this.cpt.data.gadget==&quot;title&quot;){var b=$(&quot;.uid_title&quot;,this.cpt.node);
a=$(&quot;.uid_title&quot;,this.cpt.node).find(&quot;span:first&quot;).position()
}return a
},onDeviceChanged:function(b){var a=this;
if(b.to==&quot;mobile_tree&quot;&amp;&amp;this.component.data.gadget==&quot;button&quot;){setTimeout(function(){a.createHtmlGadget()
},15)
}}};</script><style>.UI_Developer iframe{background-color:transparent;border:none}
.opt_gadget .opt_help{font-size:10px;font-style:italic}</style></uidget>