<?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='325' /></metadata><view><content></content><properties><script_call default_action='true' help='Geben Sie hier den HTML Code ein, der Ihnen von einem Fremden Service gegeben wurde. Dieser HTML Code wird automatisch berichtigt, falls er Fehler enthält.&lt;br&gt; Falls dieser Code von einer Fremden Website geprüft werden muss, kann es sein, dass Sie die &lt;i&gt;HTML Überprüfung deaktivieren&lt;/i&gt; Option ankreuzen müssen. Es kann sein, dass Ihre Website nicht korrect dargestellt wird, falls Ihr Code Fehler enthält.' icon='ui_developer' method='manageHTML' text='Gadgets verwalten' /></properties></view><script>UI_List.UI_Developer={gadget_types:{html:{name:&quot;HTML Code&quot;,
text:&quot;Erstellen oder f\xfcgen Sie Ihren eigenen HTML Code ein&quot;},
shape:{name:&quot;Formen&quot;,
text:&quot;F\xfcgen Sie ma\xdfgeschneiderte Formen auf Ihrer Website hinzu&quot;,
css:!0},ribbon:{name:&quot;Titel Farbband&quot;,
text:&quot;Erstellen Sie ein Titel Farbband&quot;,css:!0,
text_img:&quot;&lt;span style=&apos;left: 40px; color: #fff; font-size: 14px; position: absolute; top: 70px;&apos;&gt;Mein Website&lt;/span&gt;&quot;
},button:{name:&quot;Ma\xdfgeschneiderter Button&quot;,
text:&quot;Erstellen Sie ma\xdfgeschneiderte Buttons&quot;,css:!0},title:{
name:&quot;\xdcberschrift&quot;,
text:&quot;Erstellen Sie Titel mit ma\xdfgeschneiderten Schriftarten und Effekte&quot;,
css:!0,
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;\xdcberschrift&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;\xdcberschrift&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;\xdcberschrift&lt;/span&gt;&quot;
},backtotop:{name:&quot;Zur\xfcck zum Anfang&quot;,
text:&quot;F\xfcgen Sie einen Button ein, der zum Anfang der Seite zur\xfcckscrollt&quot;,
css:!0,
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;Zur\xfcck zum Anfang&lt;/span&gt;&quot;
},separator:{name:&quot;Trennzeichen&quot;,
text:&quot;Trennen Sie Ihre Module mit graphischen Linien&quot;,css:!0},
timer:{name:&quot;Countdown Z\xe4hler&quot;,
text:&quot;F\xfcgen Sie einen Z\xe4hler ein, der die Zeitraum zwischen heute und einem Zieldatum anzeigt. Er kann r\xfcckw\xe4rts oder vorw\xe4rts z\xe4hlen.&quot;,
css:!0}},initialize:function(e){this.cpt=e
;this.initializeGadget=this.initializeHtmlEditor=e.id!=undefined
;e.setOptions([&quot;locked&quot;,&quot;fixed&quot;,&quot;footer&quot;,&quot;sticky&quot;])
;$(&quot;#cpt_developer_properties&quot;).remove()},onDisplay:function(e){
this.cptnode=e;this.use_distant_code=!1
;this.rebuild_after_each_page=!0
;this.cpt.preloaded?this.node=e.children(&quot;:first&quot;):this.node=$(&quot;&lt;div style=&apos;height:100%&apos;&gt;&lt;/div&gt;&quot;).appendTo(e)
;if(this.cpt.data.gadget){this.gadget_key=this.cpt.data.gadget
;this.load_scripts_gadget(!1)}},feature:function(e){
return&quot;html&quot;==(e||this.cpt.data.gadget||&quot;html&quot;)?&quot;UI_Developer_html&quot;:this.cpt.component_type.class_name
},setGadget:function(name,isTmpGadget){
var self=this,tmpGadget=isTmpGadget?self._gadget:self.gadget
;if(!tmpGadget||self.cpt.data.gadget!=self.gadget_key){
var gadget_class=eval(&quot;UI_Developer_&quot;+name)
;tmpGadget&amp;&amp;tmpGadget.onRemove&amp;&amp;tmpGadget.onRemove()
;tmpGadget=new gadget_class(self.cpt,tmpGadget)}
self.gadget_key=name
;isTmpGadget?self._gadget=tmpGadget:self.gadget=tmpGadget
;self.cpt.data.gadget==name&amp;&amp;self.load_properties(null,isTmpGadget)
;if(&quot;editor&quot;==v.mode){
self.cpt.node.toggleClass(&quot;upgrade_needed&quot;,!v.features[self.feature(self.gadget_key)])
;blockSelector.select(blockSelector.selected_blocks)}},
load_scripts_gadget:function(e){var t=&quot;ui_dev_&quot;+this.gadget_key
;if(0==$(&quot;#&quot;+t).length){
this.gadget_types[this.gadget_key].css&amp;&amp;this.load_script(&quot;css&quot;,this.gadget_key)
;this.load_script(&quot;js&quot;,this.gadget_key,t)}var i=this
;Misc.poll(function(){
return window[&quot;UI_Developer_&quot;+i.gadget_key]},function(){if(e){
i.setGadget(i.gadget_key,!0)
;i.create_options($(&quot;#uid_gadget_options .uid_list_options&quot;))
;i._gadget.create_html(e);i.init_examples()}else{i.onMoveStart()
;i.setGadget(i.gadget_key);i.gadget.create_html(e)}
i.onMoveStop(!0)
;i.cpt.data.gadget&amp;&amp;i.cpt.data.properties.font&amp;&amp;i.load_script(&quot;google_font_one_css&quot;,i.cpt.data.properties.font,i.cpt.data.properties.font.replace(/ /g,&quot;_&quot;))
})},load_script:function(e,t,i){
&quot;localhost&quot;==document.location.hostname||$(&quot;html&quot;).attr(&quot;lang&quot;)
;switch(e){case&quot;css&quot;:case&quot;js&quot;:this.cpt.load_script(e,t,i);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;+i).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;+t,id:i})}},
onShow:function(e){this.node.show();this.cptnode.show()
;if(this.cpt.data.html_code&amp;&amp;&quot;&quot;!=this.cpt.data.html_code&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=!0
;this.cpt.id&amp;&amp;this.loadIframe(&quot;/cpt/ui_developer_iframe/&quot;+this.cpt.id+&quot;?&quot;+(&quot;viewer&quot;==v.mode?window.cache_version:Math.random()))
;e&amp;&amp;statusController.message(sprintf(&quot;Speichern um den Widget zu aktualisieren.&quot;),&quot;warning&quot;,null,5)
}else if(!this.cpt.preloaded)try{
this.node.html(this.cpt.data.html_code)}catch(t){}
}else this.cpt.data.gadget&amp;&amp;this.gadget&amp;&amp;this.gadget.onShow&amp;&amp;this.gadget.onShow()
},onHide:function(){if(this.rebuild_after_each_page){
this.node.hide().empty();this.cpt.preloaded=!1}},
onRemove:function(){this.node.hide()
;this.gadget&amp;&amp;this.gadget.onRemove&amp;&amp;this.gadget.onRemove()},
loadIframe:function(e){this.loading&amp;&amp;this.loading.update(100)
;this.loading=this.cpt.statusLoading();var t=this
;e=&quot;localhost&quot;==document.location.hostname||document.location.hostname.match(/^db\./)?&quot;//localhost&quot;+e:&quot;//ui.&quot;+document.location.host+e
;this.iframe=this.node.html(&quot;&lt;iframe allowtransparency=&apos;true&apos; src=\&quot;&quot;+e+&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(){
t.loading&amp;&amp;t.loading.update(100);t.loading=null})},
onPropertyChanged:function(){if(this.cpt.data.gadget){
this.load_scripts_gadget(!1);this.destroy_chromoselector()}else{
this.gadget=null;this.createHtmlGadget()}},
createHtmlGadget:function(){
!this.cpt.data.html_code||this.cpt.data.disable_code_cleanup||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(!0)},onResize:function(){
this.iframe&amp;&amp;this.iframe.width(this.cpt.W()).height(this.cpt.H())
;this.gadget&amp;&amp;(this.gadget.onResize?this.gadget.onResize():this.gadget.create_html(!1))
},onResizeStop:function(){
this.gadget&amp;&amp;this.gadget.onResizeStop&amp;&amp;this.gadget.onResizeStop()
},onResizeStart:function(){
this.gadget&amp;&amp;this.gadget.onResizeStart&amp;&amp;this.gadget.onResizeStart()
},onSave:function(){if(this.use_distant_code){
this.cptnode.hide().empty();this.onDisplay(this.cptnode)
;this.onShow()}},manageHTML:function(){var e=this
;this.tb_window=$(&quot;#TB_window&quot;);this.load_script(&quot;css&quot;,&quot;manage&quot;)
;if(0==$(&quot;#cpt_developer_properties&quot;).length){
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 this.config_node||(this.config_node=$(&quot;#cpt_developer_properties&quot;))
;var t=function(){
tb_show(null,&quot;TB_inline?inlineId=cpt_developer_properties&amp;height=580&amp;width=850&quot;)
;e.tb_window=$(&quot;#TB_window&quot;)
;e.overlay=e.tb_window.find(&quot;.uid_overlay_loading&quot;)
;e.overlay.show();e.tb_window.find(&quot;.uid_btn_undo&quot;).hide()
;if(e.gadget_key==e.cpt.data.gadget&amp;&amp;e.gadget_key)e.gadgetEditor();else if(e.cpt.data.html_code!=undefined)e.htmlEditor();else{
e.tb_window.find(&quot;.uid_btn_undo&quot;).show();e.overlay.hide()}}
;$(&quot;#cpt_developer_properties&quot;).is(&quot;:empty&quot;)?$.ajax({
url:&quot;/cpt_developer/select_gadget&quot;,dataType:&quot;html&quot;,
success:function(i){e.config_node.html(i)
;$.each(e.gadget_types,function(t,i){
if(!($.inArray(t,[&quot;shape&quot;,&quot;button&quot;])&gt;=0)){var a=$(&quot;&lt;li&gt;&lt;/li&gt;&quot;)
;a.append(&quot;&lt;input type=&apos;hidden&apos; value=&quot;+t+&quot; /&gt;&quot;)
;a.append(&quot;&lt;img src=&apos;/components/UI_Developer/&quot;+t+&quot;.jpg&apos;/&gt;&quot;)
;var n=$(&quot;&lt;div class=&apos;mask&apos;&gt;&lt;/div&gt;&quot;)
;n.append(&quot;&lt;h2&gt;&quot;+i.name+&quot;&lt;/h2&gt;&quot;)
;n.append(&quot;&lt;p&gt;&quot;+i.text+&quot;&lt;/p&gt;&lt;/div&gt;&quot;);a.append(n)
;i.text_img&amp;&amp;a.append(i.text_img)
;v.features.UI_Developer_html||&quot;html&quot;!=t||a.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;,e.config_node).append(a)}});t()
;$(&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 e=blockSelector.selectedCpt().ui
;e.gadget_key=$(&quot;input[type=hidden]&quot;,this).val()
;&quot;html&quot;!=e.gadget_key?e.gadgetEditor():e.htmlEditor()}})}}):t()
},events_buttons:function(){
var e=this,t=blockSelector.selectedCpt().ui
;this.tb_window.find(&quot;.uid_btn_undo&quot;).unbind(&quot;click&quot;).click(function(){
e.destroy_chromoselector()
;t.cpt.data.gadget&amp;&amp;t.setGadget(t.cpt.data.gadget,!0)
;t.slideContent(0)})
;this.tb_window.find(&quot;.uid_btn_close_window&quot;).unbind(&quot;click&quot;).click(function(){
e.destroy_chromoselector();if(t.gadget){
t.gadget_key=t.cpt.data.gadget;t.load_scripts_gadget(!1)}else{
t.gadget=null;t.gadget_key=null}tb_remove()})},
htmlEditor:function(){var e=this;this.opts_code={
disable_code_cleanup:[&quot;checkbox_sub&quot;,e.cpt.data.disable_code_cleanup,&apos;&lt;div class=helpEditor data-color=grey  help=&quot;Indem Sie diese Option aktivieren, wird der gegebene HTML Code nicht \xfcberpr\xfcft, was unter Umst\xe4nden verhindert, dass Ihre Website weiterhin dargestellt wird.Es kann sein, dass Sie diese Option nur ankreuzen m\xfcssen, falls eine Fremde Website Ihre Website bez\xfcglich der Pr\xe4senz eines bestimmten Codes \xfcberpr\xfcfen muss.&quot;&gt;HTML-Best\xe4tigung deaktivieren&lt;/div&gt;&apos;,null,&quot;disable_code_cleanup&quot;],
disable_iframe:[&quot;checkbox_sub&quot;,e.cpt.data.disable_iframe,&apos;&lt;div class=helpEditor data-color=grey  help=&quot;Wenn Sie diese Option aktivieren, wird der HTML Code direkt in ihrer Website benutzt. Wenn dieser Code nicht Korrekt ist, k\xf6nnte er Ihre Website sch\xe4den.&quot;&gt;Direkte Einbettung&lt;/div&gt;&apos;,null,&quot;disable_iframe&quot;]
}
;var t=[&quot;disable_iframe&quot;,&quot;disable_code_cleanup&quot;],i=$(&quot;.uid_textarea_html&quot;,e.tb_window),a=$(&quot;#textarea_html_placeholder&quot;,e.tb_window),n=null,s=function(){
var s=$(&quot;.uid_textarea_html_errors&quot;,e.tb_window)
;$(&quot;.textarea_html_placeholder&quot;,e.tb_window).empty().off()
;var o=function(){i.hide();a.show();var t=function(){tb_remove()
;$(&quot;#textarea_property textarea&quot;,e.tb_window).css(&quot;display&quot;,&quot;&quot;)
;$(&quot;.textarea_html_placeholder&quot;,e.tb_window).empty().off()}
;$(&quot;#textarea_property .ok&quot;).click(function(){v.css=n.getValue()
;&quot;&quot;==v.css&amp;&amp;(v.css=null);v.updateUserCss();v.setHasChanged();t()
});$(&quot;#textarea_property .ko&quot;).click(function(){t()})
;(n=CodeMirror($(&quot;.textarea_html_placeholder&quot;,e.tb_window)[0],{
value:e.cpt.data.html_code||&quot;&quot;,lineNumbers:!0,
styleActiveLine:!0,matchBrackets:!0,theme:&quot;mdn-like&quot;
})).on(&quot;change&quot;,function(e){
e.getValue().match(/src=[&quot;&apos;]?http\:\/\//m)?s.html(&quot;Dieser Code verwendet unsichere Ressourcen (HTTP-URL im SRC-Attribut), die nicht mit SSL kompatibel sind. &lt;b&gt;Please only use https:// URL&lt;/b&gt; for resources if you want to enable HTTPS site feature.&quot;):s.html(&quot;&quot;)
})}
;window.CodeMirror?o():$.getScript(&quot;//cdnjs.cloudflare.com/ajax/libs/codemirror/5.46.0/codemirror.min.js&quot;).done(function(){
$.getScript(&quot;//cdnjs.cloudflare.com/ajax/libs/codemirror/5.46.0/mode/css/css.min.js&quot;).done(function(){
o()})});e.slideContent(1);e.overlay.fadeOut()
;$(&quot;.uid_content_slide .uid_list_options&quot;,e.tb_window).empty()
;e.create_options($(&quot;#uid_code_options .uid_list_options&quot;),e.opts_code,t)
;e.tb_window.find(&quot;#uid_btn_validate_code&quot;).unbind(&quot;click&quot;).click(function(){
var t=function(){if(e.initializeHtmlEditor)e.cpt.setData({
html_code:n.getValue(),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;)
});else{historyController.offRecords(function(){e.cpt.setData({
html_code:n.getValue(),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;)
})});e.initializeHtmlEditor=!0}
e.tb_window.find(&quot;.uid_btn_close_window&quot;).click()}
;!e.cpt.data.disable_code_cleanup&amp;&amp;$(&quot;.disable_code_cleanup&quot;).is(&quot;:checked&quot;)?confirm(&quot;Bitte beachten Sie, dass falls Ihr Code falsch ist, wird er im Website Ersteller funktionieren, aber WIRD IHRE WEBSITE L\xd6SCHEN, wenn jemand die Website besucht.\n\nWir raten Ihnen, Ihre Website sofort zu ver\xf6ffentlichen und sie zu besuchen, um sicherzustellen, dass alles richtig angezeigt wird.\n\nUm die HTML Code \xdcberpr\xfcfung wieder zu aktivieren, klicken Sie auf Abbrechen.&quot;)?t():$(&quot;#uid_code_options&quot;).find(&quot;.disable_code_cleanup&quot;).prop(&quot;checked&quot;,!1):t()
});$(&quot;.uid_div_code&quot;,e.tb_window).show()
;$(&quot;.uid_editor_gadget&quot;,e.tb_window).hide()}
;0==this.tb_window.find(&quot;.uid_div_code&quot;).length?$.ajax({
url:&quot;/cpt_developer/edit_code&quot;,dataType:&quot;html&quot;,
name:&quot;Modulmanager wird geladen...&quot;,success:function(t){
$(&quot;.uid_content_slide&quot;,e.tb_window).append(t);s()
;e.events_buttons()}}):s()},gadgetEditor:function(){
if(!Modernizr.cssanimations)return $(&quot;.uid_overlay_nav&quot;).fadeIn()
;var e=this,t=function(){e.slideContent(1)
;e.load_scripts_gadget(!0);e.overlay.fadeOut()
;e.tb_window.find(&quot;#uid_btn_validate_gagdet&quot;).unbind(&quot;click&quot;).click(function(){
var t=e._gadget.properties,i={}
;$.each(e._gadget.properties_key,function(e,a){i[a]=t[a][1]})
;e.setGadget(e.gadget_key);if(e.initializeGadget)e.cpt.setData({
html_code:&quot;&quot;,gadget:e.gadget_key,properties:i});else{
historyController.offRecords(function(){$.extend(e.cpt.data,{
html_code:&quot;&quot;,gadget:e.gadget_key,properties:i})})
;e.initializeGadget=!0}
e.tb_window.find(&quot;.uid_btn_close_window&quot;).click();tb_remove()})
;$(&quot;.uid_div_code&quot;,e.tb_window).hide()
;$(&quot;.uid_editor_gadget&quot;,e.tb_window).show()}
;if(0==this.tb_window.find(&quot;.uid_editor_gadget&quot;).length)$.ajax({
url:&quot;/cpt_developer/editor_gadget&quot;,dataType:&quot;html&quot;,
name:&quot;Gadget Editor wird geladen...&quot;,type:&quot;POST&quot;,
success:function(i){
$(&quot;.uid_content_slide&quot;,e.tb_window).append(i);t()
;e.events_buttons()}});else{t()
;$(&quot;#checkbox_show_examples&quot;).prop(&quot;checked&quot;,!1)
;$(&quot;#lab_examples&quot;).removeClass(&quot;active_examples&quot;)}},
init_chromoselector:function(){var e=this
;$(&quot;.preview_chromoselector_input&quot;).chromoselector({
panelAlpha:!0,shadow:3,color2str:function(e){
return e.getRgbaString()},beforeShow:function(){
$(this).attr(&quot;value&quot;,$(this).chromoselector(&quot;getColor&quot;).getRgbaString())
},save:function(t){var i=$(this)
;f=i.attr(&quot;class&quot;).replace(&quot;preview_chromoselector_input &quot;,&quot;&quot;),
pins_s=$(&quot;.pins_select.&quot;+f);clearTimeout(e.to_cp_update)
;e.to_cp_update=setTimeout(function(){
i.css(&quot;background-color&quot;,t);pins_s.css(&quot;background-color&quot;,t)
;i.attr(&quot;value&quot;,t);pins_s.parents(&quot;.pins&quot;).attr(&quot;value&quot;,t)
;i.trigger(&quot;change&quot;)},175)}});$(&quot;.pins&quot;).chromoselector({
shadow:3,panelAlpha:!0,color2str:function(e){
return e.getRgbaString()},beforeShow:function(){
var e=$(this),t=$(&quot;.pins_select&quot;,e)
;color=t.css(&quot;background-color&quot;);t.attr(&quot;value&quot;,color)
;e.chromoselector(&quot;setColor&quot;,color)
;$(&quot;body&quot;).prepend($(&quot;&lt;div&gt;&quot;).addClass(&quot;overlay_pickerColor&quot;).click(function(){
e.chromoselector(&quot;hide&quot;);this.remove()}))},save:function(t){
var i=$(&quot;.pins_select&quot;,$(this)),a=$(this).data(&quot;field&quot;),n=$(&quot;.preview_chromoselector_input.&quot;+a)
;clearTimeout(e.to_cp_update)
;e.to_cp_update=setTimeout(function(){
i.css(&quot;background-color&quot;,t);n.css(&quot;background-color&quot;,t)
;i.attr(&quot;value&quot;,t);n.attr(&quot;value&quot;,t);i.trigger(&quot;change&quot;)},175)}
})},destroy_chromoselector:function(){
$(&quot;.pins, .preview_chromoselector_input&quot;).each(function(){try{
$(this).chromoselector(&quot;destroy&quot;)}catch(e){}})},
create_options:function(e,t,i){
var a=this,n=t||this._gadget.properties,s=t?i:this._gadget.properties_key
;this.destroy_chromoselector();e.empty();$(&quot;.pins&quot;).remove()
;$.each(s,function(i,s){
var o=n[this],d=$(&quot;&lt;div class=&apos;opt_gadget&apos;&gt;&lt;/div&gt;&quot;).appendTo(e)
;switch(o[0]){case&quot;color&quot;:
d.html($(&quot;&lt;input type=&apos;text&apos; class=&apos;preview_chromoselector_input &quot;+s+&quot;&apos; value=&quot;+o[1]+&quot; spellcheck=&apos;false&apos; /&gt;&quot;))
;d.find(&quot;input&quot;).on(&quot;change&quot;,function(){n[s][1]=$(this).val()
;a._gadget.create_html(!0)}).css({&quot;background-color&quot;:n[s][1]})
;d.find(&quot;input&quot;).before($(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(o[2]))
;if(o[3]&amp;&amp;o[4]){var c=$(&quot;#uid_gadget_preview&quot;),r={
left:o[3]+&quot;px&quot;,top:o[4]+&quot;px&quot;,transform:&quot;rotate(&quot;+o[5]+&quot;deg)&quot;,
&quot;-o-transform&quot;:&quot;rotate(&quot;+o[5]+&quot;deg)&quot;,
&quot;-ms-transform&quot;:&quot;rotate(&quot;+o[5]+&quot;deg)&quot;,
&quot;-webkit-transform&quot;:&quot;rotate(&quot;+o[5]+&quot;deg)&quot;,
&quot;-moz-transform&quot;:&quot;rotate(&quot;+o[5]+&quot;deg)&quot;
},l=$(&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(r).data(&quot;field&quot;,s)
;l.append(&quot;&lt;input type=&apos;button&apos; class=&apos;jscolor_input pins_select &quot;+s+&quot;&apos; value=&quot;+n[s][1]+&quot;/&gt;&quot;)
;c.append(l);l.find(&quot;input&quot;).change(function(){
n[s][1]=$(this).val();a._gadget.create_html(!0)})
;$(&quot;.pins_select&quot;,l).css({&quot;background-color&quot;:n[s][1]
}).val(n[s][1])}break;case&quot;position&quot;:var p={
range:[n[s][4][0][0],n[s][4][0][1]],snap:!0,step:n[s][4][1]
},h=$(&apos;&lt;input type=&quot;text&quot; data-slider=&quot;true&quot;&gt;&apos;),g=$(&quot;&lt;div&gt;&lt;/div&gt;&quot;).addClass(&quot;uid_slider &quot;+s)
;g.append(h);d.append(g);h.simpleSlider(p)
;setTimeout(function(){
h.simpleSlider(&quot;setValue&quot;,n[s][1]).bind(&quot;slider:ready slider:changed&quot;,function(e,t){
var i=$(this).parents(&quot;.opt_gadget&quot;).find(&quot;.position_info&quot;)
;n[s][1]=parseFloat(t.value.toFixed(3))
;i.text(Math.round(t.value.toFixed(3))+n[s][3]).css(&quot;color&quot;,&quot;#FEA423&quot;)
;setTimeout(function(){i.css(&quot;color&quot;,&quot;#7E7975&quot;)},1100)
;a._gadget.create_html(!0)})},200)
;var _=$(&quot;&lt;div class=&apos;uid_slider_info&apos;&gt;&lt;/div&gt;&quot;)
;_.append($(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(o[2])).append($(&apos;&lt;div class=&quot;position_info&quot;&gt;&lt;/div&gt;&apos;).text(Math.round(n[s][1]).toString()+n[s][3]))
;d.prepend(_);break;case&quot;checkbox_sub&quot;:var u=function(t){
var i=$(&quot;.&quot;+n[s][3].join(&quot;, .&quot;),e),a=$(&quot;#uid_gadget_preview&quot;).find(&quot;.&quot;+n[s][3].join(&quot;, .&quot;))
;i.parents(&quot;.opt_gadget&quot;).add(a.parents(&quot;.pins:first&quot;)).each(function(){
var e=$(this);t&amp;&amp;!e.hasClass(&quot;is_hidden&quot;)?e.show():e.hide()})}
;case&quot;checkbox&quot;:if(Modernizr.cssanimations){var f=$.fn.genId()
;d.html(&apos;&lt;div class=&quot;prop_switch&quot;&gt;&lt;input id=&quot;&apos;+f+&apos;&quot; type=&quot;checkbox&quot;&gt;&lt;label for=&quot;&apos;+f+&apos;&quot;&gt;&lt;/label&gt;&lt;/div&gt;&apos;)
;d.prepend(o[2])
}else d.html($(&apos;&lt;input type=&quot;checkbox&quot; class=&quot;&apos;+s+&apos;&quot;/&gt;&apos;))
;d.find(&quot;input[type=checkbox]&quot;).prop(&quot;checked&quot;,n[s][1]).addClass(n[s][4])
;d.find(&quot;input[type=checkbox]&quot;).change(function(){
n[s][1]=$(this).is(&quot;:checked&quot;);if(!t){a._gadget.create_html(!0)
;u&amp;&amp;n[s][3]&amp;&amp;u($(this).is(&quot;:checked&quot;))}})
;u&amp;&amp;n[s][3]&amp;&amp;setTimeout(function(){
u(d.find(&quot;input[type=checkbox]&quot;).is(&quot;:checked&quot;))},200)
;n.shape&amp;&amp;0!=n.shape[1]&amp;&amp;$(&quot;.fullwidth&quot;).prop(&quot;checked&quot;,!1).change().parent(&quot;:first&quot;).addClass(&quot;disable&quot;)
;n.shape&amp;&amp;a._gadget.simple_conf.include(n.shape[1])&amp;&amp;$(&quot;.enable_gradient&quot;).prop(&quot;checked&quot;,!1).change().parent(&quot;:first&quot;).addClass(&quot;disable&quot;)
;n.shape&amp;&amp;a._gadget.simple_conf.include(n.shape[1])&amp;&amp;$(&quot;.shadow&quot;).prop(&quot;checked&quot;,!1).change().parent(&quot;:first&quot;).addClass(&quot;disable&quot;)
;break;case&quot;font&quot;:var m=function(){
$.each(d.find(&quot;div.selectBox&quot;),function(){
$(this).children(&quot;span.selected&quot;).text(n[s][1]).css(&quot;font-family&quot;,n[s][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(){
&quot;none&quot;==$(this).parents(&quot;.selectBox&quot;).children(&quot;div.selectOptions&quot;).css(&quot;display&quot;)?$(this).parents(&quot;.selectBox&quot;).children(&quot;div.selectOptions&quot;).slideDown():$(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())
;n[s][1]=$(this).html();a._gadget.create_html(!0)})})}
;a.load_script(&quot;google_fonts_css&quot;)
;var b=$(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(n[s][2])
;d.html(b).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 v=d.find(&quot;.selectOptions&quot;);Misc.poll(function(){
return window.google_webfonts},function(){
$.each(window.google_webfonts,function(e,t){
var i=$(&apos;&lt;span class=&quot;selectOption&quot;&gt;&lt;/span&gt;&apos;).val(t).text(t).css(&quot;font-family&quot;,t)
;v.append(i)});m()});break;case&quot;select&quot;:
d.html($(&quot;&lt;select&gt;&quot;).addClass(s));var w=$(&quot;.&quot;+s,d)
;$.each(o[3],function(){
w.append($(&quot;&lt;option&gt;&quot;).val(this[1]).text(this[0]))})
;w.val(o[1]).before($(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(o[2])).change(function(){
n[s][1]=$(this).val();a._gadget.create_html(!0)});break
;case&quot;data_text&quot;:
var x=&quot;&lt;input type=text placeholder=&quot;+o[2]+&quot; class=&apos;uid_opt_textbox &quot;+s+&quot;&apos; &gt;&quot;
;d.append(x)
;var k=d.find(&quot;.uid_opt_textbox&quot;),y=$(&quot;&lt;font&gt;&lt;/font&gt;&quot;).text(o[2])
;$(k).val(o[1]).before(y)
;o[3]&amp;&amp;y.after(&quot;&lt;span class=&apos;opt_help&apos;&gt;&quot;+o[3]+&quot;&lt;/span&gt;&quot;)
;$(k).keyup(function(){n[s][1]=$(this).val()
;a._gadget.create_html(!0)});break;case&quot;data_text_textarea&quot;:
var S=&quot;&lt;input type=radio name=&apos;input_type&apos; value =&apos;small&apos;&gt;&quot;,C=&quot;&lt;input type=radio name=&apos;input_type&apos; value =&apos;big&apos;&gt;&quot;,z=$(&quot;&lt;textarea&gt;&quot;).addClass(&quot;uid_opt_textarea&quot;).val(o[1]).attr(&quot;placeholder&quot;,o[2])
;x=&quot;&lt;input type=text placeholder=&quot;+o[2]+&quot; class=&apos;uid_opt_textbox&apos; &gt;&quot;,
$(&quot;&lt;div&gt;&quot;).addClass(&quot;box_text&quot;).html(&quot;&lt;div&gt;&lt;label&gt;&quot;+S+&quot;\xdcberschrift&lt;/label&gt;&lt;br /&gt;&lt;label&gt;&quot;+C+&quot;Absatz&lt;/label&gt;&lt;/div&gt;&quot;).appendTo(d)
;d.append(x).append(z)
;var T=d.find(&quot;input[type=radio][value=small]&quot;),R=d.find(&quot;input[type=radio][value=big]&quot;),M=(k=d.find(&quot;.uid_opt_textbox&quot;),
d.find(&quot;.uid_opt_textarea&quot;));k.val(o[1]).hide()
;M.val(o[1]).hide()
;M.before($(&quot;&lt;div&gt;&quot;).addClass(&quot;b_align&quot;).html(&quot;&lt;ul&gt;&quot;))
;$(&quot;.b_align&quot;).hide();var E=d.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(e,t){
E.append($(&quot;&lt;li&gt;&quot;).addClass(&quot;fonticon &quot;+(n.text_align[1]==t?&quot;selected&quot;:&quot;&quot;)).html($.fn.fonticon(t)).attr(&quot;data-align&quot;,&quot;align_&quot;+t.match(/paragraph-(.*)/)[1]))
});d.find(&quot;input[type=radio]&quot;).change(function(){
if(&quot;big&quot;!=this.value||T.is(&quot;:checked&quot;)){k.val(M.val()).show()
;M.hide();$(&quot;.b_align&quot;).hide();n.type_text[1]=&quot;textbox&quot;}else{
M.val(k.val()).show();$(&quot;.b_align&quot;).show();k.hide()
;n.type_text[1]=&quot;textarea&quot;}});E.find(&quot;li&quot;).click(function(){
var e=$(this);if(!e.hasClass(&quot;selected&quot;)){
e.parent().find(&quot;li.selected&quot;).removeClass(&quot;selected&quot;)
;e.addClass(&quot;selected&quot;);n.text_align[1]=e.attr(&quot;data-align&quot;)
;a._gadget.create_html(!0)}});$.each([k,M],function(e,t){
t.keyup(function(){n[s][1]=$(this).val()
;a._gadget.create_html(!0)})});if(&quot;textarea&quot;==n.type_text[1]){
R.prop(&quot;checked&quot;,!0);M.show();$(&quot;.b_align&quot;).show()}else{
T.prop(&quot;checked&quot;,!0);k.show()}break;default:
a._gadget.create_specific_option(n[s],d,n,s)}})
;this.init_chromoselector()},load_properties:function(e,t){
gadget=t?this._gadget:this.gadget
;var i=this,a=e||i.cpt.data.properties
;$.each(gadget.properties_key,function(t,n){
(i.cpt.data.properties&amp;&amp;a[n]!==undefined||e)&amp;&amp;(gadget.properties[n][1]=a[n])
})},init_examples:function(){
var e,t=this,i=this._gadget.examples,a=$(&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;)){
0==a.find(&quot;li&quot;).length&amp;&amp;$.each(i,function(i,n){
var s=$(&quot;&lt;li class=&apos;container_gadget_example&apos;&gt;&lt;/li&gt;&quot;)
;e=$(&quot;&lt;div class=&apos;gadget_example&apos;&gt;&lt;/div&gt;&quot;)
;t._gadget.examples_size&amp;&amp;e.css({
height:t._gadget.examples_size.h+&quot;px&quot;,
width:t._gadget.examples_size.w+&quot;px&quot;});s.append(e);a.append(s)
;t._gadget.create_html(!0,e,n);e.click(function(){
t.load_properties(n,!0)
;t.create_options($(&quot;#uid_gadget_options .uid_list_options&quot;))
;t._gadget.create_html(!0);$(&quot;#checkbox_show_examples&quot;).click()
;a.slideUp();$(&quot;#lab_examples&quot;).removeClass(&quot;active_examples&quot;)})
;if(&quot;button&quot;==t.gadget_key){
e.find(&quot;a.uid_button&quot;)[0].onclick=&quot;return false;&quot;
;e.find(&quot;a.uid_button&quot;)[0].href=&quot;#&quot;}});a.slideDown()
}else a.slideUp()})},slideContent:function(e){var t=[0,-870]
;Modernizr.cssanimations?$(&quot;.uid_content_slide&quot;).css({
transform:&quot;translateX(&quot;+t[e]+&quot;px)&quot;,
&quot;-webkit-transform&quot;:&quot;translateX(&quot;+t[e]+&quot;px)&quot;,
&quot;-moz-transform&quot;:&quot;translateX(&quot;+t[e]+&quot;px)&quot;,
&quot;-ms-transform&quot;:&quot;translateX(&quot;+t[e]+&quot;px)&quot;,
&quot;-o-transform&quot;:&quot;translateX(&quot;+t[e]+&quot;px)&quot;
}):$(&quot;.uid_content_slide&quot;).css(&quot;left&quot;,t[e]+&quot;px&quot;)},
changeBackgroundPreview:function(e){
var t=$(&quot;#uid_gadget_preview&quot;)
;if((e=e||&quot;#000000&quot;).match(/^(#).*$/))var i=$.fn.hexToRgb(e);else{
var a=e.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/)
;i=[a[1],a[2],a[3]]}
var n=i[0]&gt;225&amp;&amp;i[1]&gt;225&amp;&amp;i[2]&gt;225?&quot;#cecece&quot;:&quot;transparent&quot;
;t.css(&quot;background-color&quot;,n)},onMoveStart:function(){
this.gadget&amp;&amp;this.gadget.onMoveStart&amp;&amp;this.gadget.onMoveStart()
},onMoveStop:function(e){
this.gadget&amp;&amp;this.gadget.onMoveStop&amp;&amp;this.gadget.onMoveStop(e)},
onRotateStart:function(){
this.gadget&amp;&amp;this.gadget.onRotateStart&amp;&amp;this.gadget.onRotateStart()
},onRotateStop:function(e){
this.gadget&amp;&amp;this.gadget.onRotateStop&amp;&amp;this.gadget.onRotateStop(e)
},_isEmpty:function(){var e=!1,t=this.cpt.data
;Object.keys(t).length&amp;&amp;(t.gadget||(t.html_code||&quot;&quot;).length)&amp;&amp;(&quot;title&quot;!=t.gadget||t.properties.text.length)||(e=!0)
;return e},innerSize:function(){var e={w:this.cpt.W(),
h:this.cpt.H()}
;if(this.cpt.data.gadget&amp;&amp;&quot;title&quot;==this.cpt.data.gadget){
var t=$(&quot;.uid_title&quot;,this.cpt.node)
;t.addClass(&quot;cpt_inline_block&quot;);e.w=t.width();e.h=t.height()
;t.removeClass(&quot;cpt_inline_block&quot;)}return e},
_innerOffset:function(){var e
;if(this.cpt.data.gadget&amp;&amp;&quot;title&quot;==this.cpt.data.gadget){
$(&quot;.uid_title&quot;,this.cpt.node)
;e=$(&quot;.uid_title&quot;,this.cpt.node).find(&quot;span:first&quot;).position()}
return e},onDeviceChanged:function(e){var t=this
;&quot;mobile_tree&quot;==e.to&amp;&amp;&quot;button&quot;==this.component.data.gadget&amp;&amp;setTimeout(function(){
t.createHtmlGadget()},15)}};</script><style>.UI_Developer iframe{background-color:transparent;border:none}
.opt_gadget .opt_help{font-size:10px;font-style:italic}
.uid_prev_gadget.prev_button{line-height:normal}</style></uidget>