<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Icon</name><description>Insert an icon</description><help><![CDATA[Create a customizable icon.]]></help><api_version>1.0</api_version><size height='50' width='50' /><blog en='643' /></metadata><view><content></content><properties><icon_selector callback_on_fs_selection='fs_selection' context_menu='Choose icons' default='[{"id":78,"name":"home","service":"Google-material-icons","removable":false}]' default_action='true' help='Choose one or more icons to display.' icon='folder' ignore_for_preset='true' multiple='5' name='icons' value='Choose icons' /><trigger class='uii_multi_links_action' default_action='false' help='Add on each icon a link to an external site, a document or a page (or remove the current link).' icon='t_link' text='Define links' trigger='manage_links' /></properties><design_properties><trigger default_action='false' text='multi|[16, 32, 64, 128, 256]' title='Quick size selection' trigger='_setSize' /><trigger_local default='uniq' url='/cpt/icon_styles' /><trigger class='preset_to_local only_local' default_action='true' help='Save time creating a unique style by copying the properties of one of your preset styles. &lt;b&gt;Beware&lt;/b&gt; that your current properties will be overwritten.' name='preset_to_local' text='Copy a preset style here' trigger='preset_to_local' /><trigger class='local_to_preset only_local' default_action='true' help='Need to use this style on another block? save it as a preset style and use it as much as required!' name='local_to_preset' text='Clone style in a new preset' trigger='local_to_preset' /><trigger_preset class='uii_btn_choice_style' help='Choose one of your preset styles' icon='palette' text='Choose a style' trigger='manage_style' url='/cpt/icon_styles' /></design_properties><preset_properties><notice text='All changes made below will apply to &lt;b&gt;all the blocks of your website&lt;/b&gt; which use this style' /><options design='true' name='options' sortable='false' uniq='true'><option icon='format_color_fill' name='opt_normal_colors' title='Normal colors'><colors class='colorsButton' colspan='0|1' default='[&apos;theme_color&apos;, &apos;rgba(0,0,0,0)&apos;]' display='Icon|Background' elts='2' name='normal_colors' /></option><option icon='format_color_fill' name='opt_hover_colors' title='Hover colors'><colors class='colorsButton' colspan='0|1' default='[&apos;theme_color&apos;, &apos;rgba(0,0,0,0)&apos;]' display='Icon|Background' elts='2' name='hover_colors' /></option><option icon='bi_arrow' name='opt_padding' title='Spacing'><slider class='sliderButton' default='0' maximum='10' minimum='0' name='padding' /></option><option icon='bi_arrow' name='opt_margin' title='External spacing (only for multiple icons)'><slider class='sliderButton uii_margin' default='0' maximum='50' minimum='0' name='margin' /></option><option icon='rounded_corner' name='opt_radius' title='Radius'><radius default='[0, 0, 0, 0]' maximum='100' minimum='0' name='radius' /></option><option icon='border_all' name='opt_border' title='Border'><border default='({&apos;all&apos;:[3, &apos;solid&apos;, &apos;theme_color&apos;, true], &apos;bt&apos;:[3, &apos;solid&apos;, &apos;theme_color&apos;, false], &apos;br&apos;:[3, &apos;solid&apos;, &apos;theme_color&apos;, false], &apos;bb&apos;:[3, &apos;solid&apos;, &apos;theme_color&apos;, false], &apos;bl&apos;:[3, &apos;solid&apos;, &apos;theme_color&apos;, false]})' name='border' /></option><option icon='flip_to_back' name='opt_shadow' title='Shadow'><box_shadow default='[45, 5, 0, 5, &apos;rgba(0,0,0,0.4)&apos;, false, &apos;3px 3px 5px 0px rgba(0,0,0,0.4)&apos;]' name='shadow' /></option><option icon='t_code' name='opt_css' title='Custom CSS'><css default='&apos;node{a: b;}&apos;' name='css' /></option></options></preset_properties></view><script>UI_Icon={cpts:[],preset_data:{default_presets:[&quot;default_1&quot;],default_preset_index:1,css_style:{},prefix:&quot;uiicon_preset_&quot;},updatePreset:function(){$.each(UI_Icon.cpts,function(a,b){if(parseInt(b.data.preset)&gt;UI_Icon.preset_data.default_presets.length&amp;&amp;!presetController.find(b.component_type_id,b.data.preset)){if($(&quot;#design_blocks_wrapper&quot;).hasClass(&quot;active&quot;)&amp;&amp;blockSelector.isSelected(b)){historyController.offRecords(function(){$(&quot;.ui_icon_styles section[data-cssid=&quot;+UI_Icon.preset_data.default_preset_index+&quot;] .rad&quot;).prop(&quot;checked&quot;,true).click()
})
}else{historyController.offRecords(function(){b.setData(&quot;preset&quot;,UI_Icon.preset_data.default_preset_index)
})
}}b.ui.applyPreset()
})
},onPropertyPresetChanged:function(a){a.push(&quot;preset_properties&quot;);
this.cpts.each(function(b){if(b.data.preset!=&quot;local&quot;){b.ui.onPropertyChanged(a)
}})
},getDefaultOptions:function(){var b=false,a;
if(b){a={options:{opt_1550500831991:{type:&quot;opt_normal_colors&quot;,title:&quot;Couleurs normales&quot;,normal_colors:[&quot;rgba(14,153,0,1)&quot;,&quot;rgba(255,157,29,0)&quot;]},opt_1550500839427:{type:&quot;opt_hover_colors&quot;,title:&quot;Couleurs au survol&quot;,hover_colors:[&quot;rgba(0,89,132,1)&quot;,&quot;rgba(146,0,0,0.93)&quot;]},opt_1550500846059:{type:&quot;opt_padding&quot;,title:&quot;Espacement&quot;,padding:3},opt_1550500849847:{type:&quot;opt_margin&quot;,title:&quot;Marge externe&quot;,margin:26},opt_1550500854919:{type:&quot;opt_radius&quot;,title:&quot;Arrondi&quot;,radius:[15,15,15,15]},opt_1550500861687:{type:&quot;opt_border&quot;,title:&quot;Bordure&quot;,border:{all:[6,&quot;solid&quot;,&quot;rgba(73,73,73,1)&quot;,true],bt:[3,&quot;solid&quot;,&quot;rgba(103,173,206,1)&quot;,false],br:[3,&quot;solid&quot;,&quot;rgba(103,173,206,1)&quot;,false],bb:[3,&quot;solid&quot;,&quot;rgba(103,173,206,1)&quot;,false],bl:[3,&quot;solid&quot;,&quot;rgba(103,173,206,1)&quot;,false]}},opt_1550500879520:{type:&quot;opt_shadow&quot;,title:&quot;Ombre&quot;,shadow:[45,5,0,21,&quot;rgba(255,0,0,0.4)&quot;,false,&quot;3px 3px 21px 0px rgba(255,0,0,0.4)&quot;]},opt_1550500889354:{type:&quot;opt_css&quot;,title:&quot;CSS personnalisé&quot;,css:&quot;node{transform: rotate(25deg);}&quot;}},options_order:[&quot;opt_1550500831991&quot;,&quot;opt_1550500839427&quot;,&quot;opt_1550500846059&quot;,&quot;opt_1550500849847&quot;,&quot;opt_1550500854919&quot;,&quot;opt_1550500861687&quot;,&quot;opt_1550500879520&quot;,&quot;opt_1550500889354&quot;]}
}else{a={options:{opt_1550567127809:{type:&quot;opt_normal_colors&quot;,title:&quot;Couleurs normales&quot;,normal_colors:[ThemeConfig.UI_Icon.default_1.normal_colors[0],ThemeConfig.UI_Icon.default_1.normal_colors[1]]}},options_order:[&quot;opt_1550567127809&quot;]}
}return a
}};
UI_List.UI_Icon={initialize:function(a){this.cpt=a;
a.setOptions([&quot;locked&quot;,&quot;fixed&quot;,&quot;footer&quot;,&quot;sticky&quot;]);
UI_Icon.cpts.push(a)
},onDisplay:function(a){if(this.cpt.data.icon&amp;&amp;!this.cpt.data.icons){this.cpt.data.icons=[this.cpt.data.icon]
}if(!this.cpt.data.links){this.cpt.data.links={};
if(this.cpt.data.link){this.cpt.data.links[this.cpt.data.icon.id]=this.cpt.data.link
}}this.__migrate();
if(this.cpt.data.preset==&quot;local&quot;){this.cpt.node.hide()
}else{this.cpt.data.preset=this.cpt.data.preset||this.cpt.component_type.default_preset||UI_Icon.preset_data.default_preset_index
}presetController.loadDefaultPresets(this.cpt.component_type);
this.applyPreset();
this._drawIcon()
},onSelect:function(a){if(blockSelector.selected_cpts.length==1){if(presetController.find(this.cpt.component_type_id,this.cpt.data.preset)){presetController.load_panel(this.cpt,this.cpt.data.preset);
this.cpt.component_type.default_preset=parseInt(this.cpt.data.preset)
}}this._showProp()
},onPropertyChanged:function(a){var b=this;
if(a.include(&quot;hover_colors_activate&quot;)){this._showProp()
}if(a.include(&quot;icons&quot;)){this.cpt.setAspectRatio(1/this.cpt.data.icons.length);
if(this.list_links){this.list_links.empty()
}var d=Misc.deepCloneObj(this.cpt.data.links);
$.each(this.cpt.data.links,function(f,e){if(b.cpt.data.icons.find(function(g){return g.id==f
})==null){delete d[f]
}});
if(d!=this.cpt.data.links){this.cpt.setData(&quot;links&quot;,d)
}blockSelector.drawSelector()
}if(a.include(&quot;manage_links&quot;)){this.manage_links()
}if(a.include(&quot;links&quot;)){this.manage_links(true)
}if(a.include(&quot;preset&quot;)){this.applyPreset();
if(this.cpt.data.preset==&quot;local&quot;){this.loadLocalCss()
}}var c=a.toString().match(/options/);
if(c&amp;&amp;c.length&amp;&amp;this.cpt.data.preset==&quot;local&quot;){this.loadLocalCss()
}if(a.include(&quot;preset_to_local&quot;)){this.preset_to_local()
}if(a.include(&quot;local_to_preset&quot;)){this.local_to_preset()
}this._showProp();
this._drawIcon()
},onShow:function(){},onRemove:function(){$(&quot;#&quot;+this.cpt.cssid).remove()
},onResize:function(){this._setSize()
},onResizeStop:function(){this.cpt.setAspectRatio(1/this.cpt.data.icons.length);
this._setSize()
},onMoveStop:function(){},onDeselect:function(){this._showProp()
},_drawIcon:function(){var d=presetController.find(this.cpt.component_type_id,this.cpt.data.preset);
var c=this.cpt.data;
var a=this;
var b=this.cpt.node.find(&quot;.componentBody&quot;).empty();
this.icon_nodes=[];
$.each(c.icons,function(h,e){if(a.cpt.data.links[e.id]){var g=a.cpt.data.links[e.id];
var f=$(&quot;&lt;a&gt;&lt;/a&gt;&quot;).appendTo(b);
f.attr(g).addClass(&quot;ui_i_wrapper&quot;)
}else{var f=$(&quot;&lt;span class=&apos;ui_i_wrapper&apos;&gt;&lt;/span&gt;&quot;).appendTo(b)
}a.icon_nodes.push(f);
f.setIcon(e)
});
this.cpt.setAspectRatio(1/this.cpt.data.icons.length);
this._setSize()
},_showProp:function(){var b=$(this.cpt.propertyNode).add(this.cpt.propertyDesignNode);
var a=this;
if(this.cpt.data.hover_colors_activate){$(&quot;.background_colors_i&quot;,b).show()
}else{$(&quot;.background_colors_i&quot;,b).hide()
}var c=this.cpt.data.preset==&quot;local&quot;;
b.find(&quot;.only_local&quot;).toggle(c);
b.find(&quot;.propNotice&quot;).parent().toggle(!c);
if(c&amp;&amp;!this.cpt.data.options_order.length){$(&quot;.local_to_preset&quot;,b).hide()
}if(!presetController.find_all(this.cpt.component_type_id).length){$(&quot;.preset_to_local&quot;,b).hide()
}},_setSize:function(e){this.try_count=this.try_count||0;
var j=this;
if(this.icon_nodes){if(!this.cpt.H()&amp;&amp;this.try_count&lt;100){setTimeout(function(){j.try_count++;
j._setSize()
},50)
}else{var b=presetController.find(this.cpt.component_type_id,this.cpt.data.preset)||this.cpt;
var h=this.cpt.data.icons.length;
var d=b.find_data(&quot;options&quot;,&quot;margin&quot;)||0;
if(this.icon_nodes.length==1){d=0
}j.try_count=0;
var i=e?(e*h)+(d*(h-1)):(this.cpt.W()-(d*(h-1)));
var f=i/h;
var g=(e?e:(this.cpt.W()/h))-d;
var j=this;
var c=Math.floor(Math.min(g,e?e:j.cpt.H())*(0.8-((b.find_data(&quot;options&quot;,&quot;padding&quot;)||0)/20)));
var a=e?e:Math.floor(Math.min(f,j.cpt.H()));
$.each(this.icon_nodes,function(m,l){l.css({width:a,height:a,&quot;margin-right&quot;:m+1==j.icon_nodes.length?0:d});
l.find(&quot;i&quot;).css(&quot;font-size&quot;,c)
});
if(e){this.cpt.setXYZWH({w:Math.max(i,Math.min(i,16)),h:e},{sent_events:false})
}}}},manage_links:function(c){var b=$(this.cpt.propertyNode).add(this.cpt.propertyDesignNode);
var a=this;
this.list_links=this.list_links||$(&quot;&lt;div class=&apos;list_link&apos;&gt;&lt;/div&gt;&quot;).appendTo($(&quot;.uii_multi_links_action&quot;,b));
if(this.list_links.is(&quot;:empty&quot;)||c){if(c){this.list_links.empty()
}if(this.cpt.data.icons.length&amp;&amp;this.cpt.data.icons.length==1){if(!c){this._openLinkDialog(this.cpt.data.icons[0],true)
}}else{$.each(this.cpt.data.icons,function(f,h){var e=$(&quot;&lt;div class=&apos;link_icon_node&apos;&gt;&lt;span&gt;&lt;/span&gt;&lt;button&gt;Choose a link&lt;/button&gt;&lt;/div&gt;&quot;);
a.list_links.append(e);
var o=e.find(&quot;button&quot;);
e.find(&quot;span&quot;).setIcon(h);
if(a.cpt.data.links[h.id]){var m=a.cpt.data.links[h.id];
var p=m.onClick.match(/v\.(selectAnchor|selectArticle|selectProduct|selectCategory)\(&apos;([^&apos;]*)&apos;, [&apos;]?([^]*)[&apos;]?\)/);
var r={selectAnchor:[&quot;t_link&quot;,&quot;Internal link&quot;],selectArticle:[&quot;ui_text&quot;,&quot;Article&quot;],selectProduct:[&quot;ui_store&quot;,&quot;Product&quot;],selectCategory:[&quot;folder&quot;,&quot;Category&quot;]};
var q=&quot;&quot;;
if(p){var l=Object.getOwnPropertyNames(r).include(p[1]);
if(l){q=&quot;&lt;span class=&apos;fonticon&apos; title=&apos;&quot;+r[p[1]][1]+&quot;&apos;&gt;&quot;+$.fn.fonticon(r[p[1]][0])+&quot;&lt;/span&gt;&quot;+((r[p[1]][1]||&quot;&quot;)+&quot; &quot;+p[3].replace(&quot;&apos;&quot;,&quot; &quot;)).truncate(30)
}}else{if(m.onClick.match(/Page.gotoCart\(\);/)){q=&quot;&lt;span class=&apos;fonticon&apos; title=&apos;Cart&apos;&gt;&quot;+$.fn.fonticon(&quot;cart&quot;)+&quot;&lt;/span&gt;Cart&quot;
}else{var i=v.getPageFromUrl(m.href);
if(i){q=&quot;&lt;span class=&apos;fonticon&apos; title=&apos;Page&apos;&gt;&quot;+$.fn.fonticon(&quot;page_default&quot;)+&quot;&lt;/span&gt;&quot;+i.name
}else{var g={tb_show:[&quot;ui_image&quot;,&quot;Image&quot;],&quot;mailto:&quot;:[&quot;assignment_ind&quot;,&quot;Email&quot;],&quot;tel:&quot;:[&quot;mobile&quot;,&quot;Phone&quot;]};
var l=Object.getOwnPropertyNames(g).find(function(k){return m.onClick.startsWith(k)||m.href.startsWith(k)
});
if(l){var d=(m.href+&quot;&quot;).replace(l,&quot;&quot;);
if(l==&quot;tb_show&quot;){var j=JSON.parse(m.onClick.match(/tb_show\(\{list:\[\]\},0,(.*\])/)[1]);
if(j.length&gt;1){d=sprintf(&quot;Gallery of %1$s images&quot;,j.length)
}else{d=j[0].name
}}q=&quot;&lt;span class=&apos;fonticon&apos; title=&apos;&quot;+g[l][1]+&quot;&apos;&gt;&quot;+$.fn.fonticon(g[l][0])+&quot;&lt;/span&gt;&quot;+d.truncate(30)
}else{q=&apos;&lt;span title=&quot;&apos;+m.href+&apos;&quot;&gt;&apos;+m.href.truncate(30)+&quot;&lt;/span&gt;&quot;
}}}}o.html(q)
}else{o.text(&quot;Choose a link&quot;)
}o.on(&quot;click&quot;,function(){a._openLinkDialog(h,o)
})
})
}}else{this.list_links.empty()
}},_openLinkDialog:function(c,a){var e=this;
var f=$.extend({},this.cpt.data.links[c.id]||{href:&quot;&quot;,target:&quot;&quot;,title:&quot;&quot;,onclick:&quot;&quot;,action:&quot;&quot;,className:&quot;&quot;});
f.without_tinymce=true;
f.inline=&quot;yes&quot;;
f.insertLink=function(b){var g=Misc.deepCloneObj(e.cpt.data.links);
if(b){g[c.id]=b;
if(a){e.cpt.setData(&quot;links&quot;,g);
e.first_selection=true
}}else{delete g[c.id];
e.cpt.setData(&quot;links&quot;,g);
if(a){a.text(&quot;Choose a link&quot;)
}}};
var d=tinyMCE.activeEditor;
d.windowManager.open({url:tinymce.baseURL+&quot;/themes/a_vanced/link.htm?clearcache=51&quot;,width:500+parseInt(d.getLang(&quot;advanced.link_delta_width&quot;,0)),height:455+parseInt(d.getLang(&quot;advanced.link_delta_height&quot;,0)),inline:true},f)
},fs_selection:function(a){if(!this.id&amp;&amp;!this.ui.first_selection){this.ui.first_selection=true;
filesSelector.removeSelection(null,0)
}},applyPreset:function(){var a=this.cpt.getData(&quot;preset&quot;);
if(a==&quot;local&quot;){a=&quot;local_&quot;+this.cpt.getId();
this.loadLocalCss()
}this.cpt.node.removeClassMatch(/uiicon_preset/);
this.cpt.node.addClass(&quot;uiicon_preset uiicon_preset_&quot;+a)
},onPanelPresetLoad:function(){var b=this;
presetController.create_panel(this.cpt);
$(&quot;#list_styles .create_preset&quot;).on(&quot;click&quot;,function(){presetController.create(b.cpt)
});
var a=function(){$(this).closest(&quot;section&quot;).addClass(&quot;selected&quot;).siblings().removeClass(&quot;selected&quot;);
if($(&quot;#design_blocks_wrapper&quot;).hasClass(&quot;active&quot;)){$(&quot;#design_blocks_wrapper&quot;).desactivate()
}$(&quot;#list_styles&quot;).removeClass(&quot;selectionnable&quot;)
};
$(&quot;.ui_icon_styles&quot;).on(&quot;change&quot;,&quot;.rad&quot;,function(){if($(&quot;#list_styles&quot;).hasClass(&quot;selectionnable&quot;)){Object.assign(b.cpt.data,presetController.find(b.cpt.component_type_id,$(this).val()).data);
b.cpt.recreatePropertyDesignNode();
a()
}else{if($(this).val()!=b.cpt.data.preset){b.cpt.setData(&quot;preset&quot;,$(this).val());
presetController.load_panel(b.cpt,$(this).val());
a()
}}});
$(&quot;.ui_icon_styles&quot;).on(&quot;click&quot;,&quot;section&quot;,function(){$(this).find(&quot;.rad&quot;).prop(&quot;checked&quot;,true).trigger(&quot;change&quot;)
});
$.each($(&quot;.ui_icon_styles &gt; section:not(.preset_interface)&quot;),function(c,f){var d=$(f);
var e=parseInt(d.data(&quot;cssid&quot;));
$(&quot;.actionPreset&quot;,f).hide();
if(!presetController.find(b.cpt.component_type_id,d.data(&quot;cssid&quot;))){$(&quot;.convertPreset&quot;,f).show()
}else{$(&quot;.revertPreset&quot;,f).show();
$(&quot;.dyn_presets .uiicon_preset_&quot;+d.data(&quot;cssid&quot;)).closest(&quot;section&quot;).hide();
if(presetController.find(b.cpt.component_type_id,b.cpt.getData(&quot;preset&quot;))){$(&quot;#list_styles &gt; section[data-cssid=&quot;+b.cpt.getData(&quot;preset&quot;)+&quot;]&quot;).trigger(&quot;click&quot;)
}}$(&quot;.convertPreset&quot;,f).on(&quot;click&quot;,function(){var g=presetController.create(b.cpt,e);
$(this).hide();
$(f).find(&quot;.revertPreset&quot;).show();
$(&quot;.UI_Icon&quot;,f).removeClassMatch(/uiicon_preset/).addClass(&quot;uiicon_preset uiicon_preset_&quot;+e);
$(&quot;#loading_preset&quot;).hide();
historyController.add(presetController,[f,&quot;customizePreset&quot;,b.component.component_type],false)
});
$(&quot;.revertPreset&quot;,f).on(&quot;click&quot;,function(){historyController.offRecords(function(){var g=presetController.find(b.cpt.component_type_id,e);
if(g){presetController.find(b.cpt.component_type_id,e).remove()
}});
UI_Icon.updatePreset();
$(&quot;.convertPreset&quot;,f).show();
$(this).add($(&quot;.clonePreset&quot;,f)).hide()
})
});
$(&quot;input[name=selected_icon_style][value=&quot;+this.cpt.data.preset+&quot;]:first&quot;).prop(&quot;checked&quot;,true).click()
},create_preset_selection_node:function(c){var a=this;
var b=$(&quot;#list_styles section:not(.preset_interface):eq(0)&quot;).clone(false);
b.removeClass(&quot;unselectionable&quot;);
b.find(&quot;.UI_Icon&quot;).removeClassMatch(/uiicon_preset/).addClass(&quot;uiicon_preset uiicon_preset_&quot;+c);
b.removeAttr(&quot;data-cssid&quot;).removeData(&quot;cssid&quot;);
$(&quot;#list_styles .dyn_presets&quot;).append(b);
$(&quot;.revertPreset, .convertPreset&quot;,b).hide();
$(&quot;.removePreset&quot;,b).show().on(&quot;click&quot;,function(){var d=$(&quot;.dyn_presets section&quot;).index(this.closest(&quot;section&quot;));
var e=$(&quot;.dyn_presets section&quot;)[d];
presetController.find(a.cpt.component_type_id,c).remove(d,e);
e.remove()
});
$(&quot;.clonePreset&quot;,b).show().on(&quot;click&quot;,function(){presetController.create(a.cpt,c);
return false
});
b.find(&quot;input&quot;).attr(&quot;id&quot;,&quot;rad_uit_&quot;+c).val(c);
b.find(&quot;label&quot;).attr(&quot;for&quot;,&quot;rad_uit_&quot;+c);
return b
},loadLocalCss:function(){this.cpt.cssid=&quot;uiicon_preset_local_&quot;+this.cpt.getId();
var a=this,b=this.cpt.component_type.presetCss();
b.done(function(c){$(&quot;#&quot;+a.cpt.cssid).remove();
$(loadStyle(css_parser(a.cpt.component_type.class_name,c,a.cpt),$(&quot;#presets_custom_styles_css&quot;)[0])).attr(&quot;id&quot;,a.cpt.cssid).addClass(&quot;local_preset_for_cpts&quot;);
a.cpt.node.css(&quot;display&quot;,&quot;&quot;)
})
},preset_to_local:function(){var a=this;
if($(&quot;#design_blocks_wrapper&quot;).hasClass(&quot;active&quot;)){$(&quot;#design_blocks_wrapper&quot;).desactivate()
}else{$.ajax({url:&quot;/cpt/icon_styles&quot;,dataType:&quot;html&quot;,name:&quot;&quot;,success:function(b){$(&quot;#design_blocks_wrapper&quot;).destroyScrollbar();
$(&quot;#design_blocks_wrapper&quot;).empty().append(b).activate(true).setScrollbar(true);
$(&quot;#list_styles&quot;).addClass(&quot;selectionnable&quot;);
$(&quot;#list_styles &gt; section&quot;).each(function(d,e){if(!presetController.find(a.cpt.component_type_id,$(e).data(&quot;cssid&quot;))){$(e).addClass(&quot;unselectionable&quot;)
}});
try{a.onPanelPresetLoad()
}catch(c){console.warn(&quot;script.onPanelPresetLoad() is needed&quot;)
}}})
}},local_to_preset:function(){var a=this;
$(&quot;#list_styles&quot;).removeClass(&quot;selectionnable&quot;);
this.cpt.propertyDesignNode.find(&quot;.property_trigger_preset&quot;).trigger(&quot;click&quot;);
setTimeout(function(){presetController.create(a.cpt,null,{options:a.cpt.data.options,options_order:a.cpt.data.options_order});
a.cpt.propertyDesignNode.find(&quot;.preset_rad&quot;).trigger(&quot;click&quot;);
a.onPropertyChanged([&quot;preset&quot;])
},150)
},customSetDataCb:function(a,b){if(a==null||b){this.loadLocalCss()
}},__migrate:function(){var a=this;
this.cpt.data.options=this.cpt.data.options||{};
this.cpt.data.options_order=this.cpt.data.options_order||[];
if(this.cpt.data.normal_colors||this.cpt.data.radius!=undefined){$.each([{base_data:&quot;normal_colors&quot;,to_title:&quot;Normal colors&quot;,to_type:&quot;opt_normal_colors&quot;},{base_data:&quot;hover_colors&quot;,to_title:&quot;Hover colors&quot;,to_type:&quot;opt_hover_colors&quot;},{base_data:&quot;padding&quot;,to_title:&quot;Spacing&quot;,to_type:&quot;opt_padding&quot;},{base_data:&quot;margin&quot;,to_title:&quot;External spacing&quot;,to_type:&quot;opt_margin&quot;},{base_data:&quot;radius&quot;,to_title:&quot;Radius&quot;,to_type:&quot;opt_radius&quot;}],function(c,b){if(a.cpt.data[b.base_data]){if(b.base_data==&quot;hover_colors&quot;&amp;&amp;!a.cpt.data.hover_colors_activate){return
}var e=$.fn.genId(&quot;opt_&quot;);
a.cpt.data.options[e]={type:b.to_type,title:b.to_title};
if(b.base_data==&quot;radius&quot;){var d=Math.floor(a.cpt.data[b.base_data]/2);
a.cpt.data.options[e][b.base_data]=[d,d,d,d]
}else{a.cpt.data.options[e][b.base_data]=a.cpt.data[b.base_data]
}a.cpt.data.options_order.push(e)
}delete a.cpt.data[b.base_data]
});
delete this.cpt.data.hover_colors_activate;
this.cpt.data.preset=&quot;local&quot;
}}};</script><style>.componentBody.UI_Icon{text-align:center}
.ui_i_wrapper{display:inline-table;height:100%;width:100%;margin:0 auto;box-sizing:border-box}
.ui_i_wrapper i{display:table-cell;text-align:center;vertical-align:middle;cursor:default}
a.ui_i_wrapper{text-decoration:none;display:inline-table}
a.ui_i_wrapper i{cursor:pointer}</style></uidget>