<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Widget</name><api_version>1.0</api_version><size height='130' width='130' /><blog en='86' fr='345' /></metadata><view><content></content><properties><script_call default_action='true' help='Entrez ici le code HTML donné par le site de Widget. Ce code HTML sera corrigé automatiquement s&apos;il contient des erreurs.&lt;br&gt; Si ce code doit être vérifié par un autre site il est possible que vous ayez à cocher l&apos;option &lt;i&gt;Désactiver la vérification du HTML&lt;/i&gt;. Attention, votre site pourra ne plus s&apos;afficher correctement si ce code contient des erreurs.' icon='ui_developer' method='manageHTML' text='Gérer vos Gadgets' /></properties></view><script>UI_List.UI_Developer={gadget_types:{html:{name:&quot;Code HTML&quot;,text:&quot;Créez ou insérez votre propre code HTML&quot;},shape:{name:&quot;Formes&quot;,text:&quot;Ajoutez des formes personnalisées sur votre site&quot;,css:true},ribbon:{name:&quot;Titre ruban&quot;,text:&quot;Créer un titre ruban&quot;,css:true,text_img:&quot;&lt;span style=&apos;left: 40px; color: #fff; font-size: 14px; position: absolute; top: 70px;&apos;&gt;Mon site&lt;/span&gt;&quot;},button:{name:&quot;Bouton personnalisé&quot;,text:&quot;Créez des boutons personnalisés&quot;,css:true},title:{name:&quot;Titre&quot;,text:&quot;Créez des titres avec une police et des effets personnalisés&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;Titre&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;Titre&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;Titre&lt;/span&gt;&quot;},backtotop:{name:&quot;Revenir en haut&quot;,text:&quot;Insérez un bouton qui fait défiler la page jusqu&apos;en haut&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;Revenir en haut&lt;/span&gt;&quot;},separator:{name:&quot;Séparateur&quot;,text:&quot;Séparer vos modules avec des lignes graphiques&quot;,css:true},timer:{name:&quot;Compte à rebours&quot;,text:&quot;Insérer un compteur qui affiche la durée entre maintenant et une date cible, et compte ou décompte automatiquement.&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;Sauvez pour mettre à jour le 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,&quot;&lt;div class=helpEditor data-color=grey  help=\&quot;En activant cette option, le code HTML ne sera pas vérifié ce qui peut empêcher l&apos;affichage de votre site si votre code contient des erreurs.Vous n&apos;avez besoin de cocher cette option que si le site qui vous donne ce code a besoin de vérifier la présence du code sur votre site.\&quot;&gt;Désactiver la validation HTML&lt;/div&gt;&quot;],disable_iframe:[&quot;checkbox_sub&quot;,b.cpt.data.disable_iframe,&apos;&lt;div class=helpEditor data-color=grey  help=&quot;En activant cette option, le code HTML sera intégré directement dans la page ce qui pourra provoquer un comportement incorrect et rendre le site inaccessible si le code ou incorrect ou malicieux.&quot;&gt;Intégration directe&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;Ce code utilise une resource non sécurisée (URL http:// dans un attribut src) ce qui n&apos;est pas compatible avec SSL. &lt;b&gt;Merci d&apos;utiliser seulement des URL https:// pour les resources si vous voulez activer la fonctionnalité HTTPS sur votre site.&lt;/b&gt;&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;Veuillez noter que si ce code est incorrect il fonctionnera dans l&apos;outil de création de site mais il CASSERA VOTRE SITE en le visitant.\n\nNous vous recommandons fortement de publier votre site immédiatement et de le visiter pour vérifier qu&apos;il s&apos;affiche correctement.\n\nPour réactiver la vérification du code HTML cliquez sur Annuler.&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;Chargement du gestionnaire...&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;Chargement de l&apos;outil de création de gadget...&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;Titre&lt;/label&gt;&lt;br /&gt;&lt;label&gt;&quot;+m+&quot;Paragraphe&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>