<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Icône</name><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='Choisir les icônes' default='[{"id":78,"name":"home","service":"Google-material-icons","removable":false}]' default_action='true' help='Choisissez la ou les icônes à afficher.' icon='folder' ignore_for_preset='true' multiple='5' name='icons' value='Choisir les icônes' /><trigger class='uii_multi_links_action' default_action='false' help='Ajouter sur chaque icône un lien vers un site externe, un document ou une page (ou supprime le lien actuel).' icon='t_link' text='Choisir un lien' trigger='manage_links' /></properties><design_properties><trigger default_action='false' text='multi|[16, 32, 64, 128, 256]' title='Choix rapide de taille' trigger='_setSize' /><trigger_local default='uniq' url='/cpt/icon_styles' /><trigger class='preset_to_local only_local' default_action='true' help='Gagnez du temps sur la création de votre style unique en copiant les propriétés de l&apos;un de vos styles prédéfinis. &lt;b&gt;Attention&lt;/b&gt; les propriétés actuelles seront écrasées.' name='preset_to_local' text='Copier un style prédéfini ici' trigger='preset_to_local' /><trigger class='local_to_preset only_local' default_action='true' help='Besoin d&apos;utiliser ce style sur un autre module ? enregistrez le comme un style prédéfini et utilisez le autant que nécessaire !' name='local_to_preset' text='Dupliquer dans un style préféfini' trigger='local_to_preset' /><trigger_preset class='uii_btn_choice_style' help='Choisissez l&apos;un de vos styles prédéfinis' icon='palette' text='Choisir un style' trigger='manage_style' url='/cpt/icon_styles' /></design_properties><preset_properties><notice text='Tous les changements effectués ci-dessous s&apos;appliqueront à &lt;b&gt;tous les modules de votre site&lt;/b&gt; qui utilisent ce style' /><options design='true' name='options' sortable='false' uniq='true'><option icon='format_color_fill' name='opt_normal_colors' title='Couleurs normales'><colors class='colorsButton' colspan='0|1' default='[&apos;theme_color&apos;, &apos;rgba(0,0,0,0)&apos;]' display='Icône|Fond' elts='2' name='normal_colors' /></option><option icon='format_color_fill' name='opt_hover_colors' title='Couleurs au survol'><colors class='colorsButton' colspan='0|1' default='[&apos;theme_color&apos;, &apos;rgba(0,0,0,0)&apos;]' display='Icône|Fond' elts='2' name='hover_colors' /></option><option icon='bi_arrow' name='opt_padding' title='Espacement'><slider class='sliderButton' default='0' maximum='10' minimum='0' name='padding' /></option><option icon='bi_arrow' name='opt_margin' title='Marge externe (seulement pour plusieurs icônes)'><slider class='sliderButton uii_margin' default='0' maximum='50' minimum='0' name='margin' /></option><option icon='rounded_corner' name='opt_radius' title='Arrondi'><radius default='[0, 0, 0, 0]' maximum='100' minimum='0' name='radius' /></option><option icon='border_all' name='opt_border' title='Bordure'><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='Ombre'><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='CSS personnalisé'><css default='&apos;node{filter: blur(4px);}&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(t,e){
parseInt(e.data.preset)&gt;UI_Icon.preset_data.default_presets.length&amp;&amp;!presetController.find(e.component_type_id,null,e.data.preset)&amp;&amp;($(&quot;#design_blocks_wrapper&quot;).hasClass(&quot;active&quot;)&amp;&amp;blockSelector.isSelected(e)?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;,!0).click()
}):historyController.offRecords(function(){
e.setData(&quot;preset&quot;,UI_Icon.preset_data.default_preset_index)}))
;e.ui.applyPreset()})},onPropertyPresetChanged:function(t){
t.push(&quot;preset_properties&quot;);this.cpts.each(function(e){
&quot;local&quot;!=e.data.preset&amp;&amp;e.ui.onPropertyChanged(t)})},
getDefaultOptions:function(){return!1?{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;,!0],
bt:[3,&quot;solid&quot;,&quot;rgba(103,173,206,1)&quot;,!1],
br:[3,&quot;solid&quot;,&quot;rgba(103,173,206,1)&quot;,!1],
bb:[3,&quot;solid&quot;,&quot;rgba(103,173,206,1)&quot;,!1],
bl:[3,&quot;solid&quot;,&quot;rgba(103,173,206,1)&quot;,!1]}},opt_1550500879520:{
type:&quot;opt_shadow&quot;,title:&quot;Ombre&quot;,
shadow:[45,5,0,21,&quot;rgba(255,0,0,0.4)&quot;,!1,&quot;3px 3px 21px 0px rgba(255,0,0,0.4)&quot;]
},opt_1550500889354:{type:&quot;opt_css&quot;,title:&quot;CSS personnalis\xe9&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;]
}:{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;]}}};UI_List.UI_Icon={
initialize:function(t){this.cpt=t
;t.setOptions([&quot;locked&quot;,&quot;fixed&quot;,&quot;footer&quot;,&quot;sticky&quot;])
;UI_Icon.cpts.push(t)},onDisplay:function(){
this.cpt.data.icon&amp;&amp;!this.cpt.data.icons&amp;&amp;(this.cpt.data.icons=[this.cpt.data.icon])
;if(!this.cpt.data.links){this.cpt.data.links={}
;this.cpt.data.link&amp;&amp;(this.cpt.data.links[this.cpt.data.icon.id]=this.cpt.data.link)
}this.__migrate()
;&quot;local&quot;==this.cpt.data.preset?this.cpt.node.hide():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(){
if(1==blockSelector.selected_cpts.length&amp;&amp;presetController.find(this.cpt.component_type_id,null,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(t){var e=this
;t.include(&quot;hover_colors_activate&quot;)&amp;&amp;this._showProp()
;if(t.include(&quot;icons&quot;)){
this.cpt.setAspectRatio(1/this.cpt.data.icons.length)
;this.list_links&amp;&amp;this.list_links.empty()
;var s=Misc.deepCloneObj(this.cpt.data.links)
;$.each(this.cpt.data.links,function(t){
null==e.cpt.data.icons.find(function(e){return e.id==t
})&amp;&amp;delete s[t]})
;s!=this.cpt.data.links&amp;&amp;this.cpt.setData(&quot;links&quot;,s)
;blockSelector.drawSelector()}
t.include(&quot;manage_links&quot;)&amp;&amp;this.manage_links()
;t.include(&quot;links&quot;)&amp;&amp;this.manage_links(!0)
;if(t.include(&quot;preset&quot;)){this.applyPreset()
;&quot;local&quot;==this.cpt.data.preset&amp;&amp;this.loadLocalCss()}
var o=t.toString().match(/options/)
;o&amp;&amp;o.length&amp;&amp;&quot;local&quot;==this.cpt.data.preset&amp;&amp;this.loadLocalCss()
;t.include(&quot;preset_to_local&quot;)&amp;&amp;this.preset_to_local()
;t.include(&quot;local_to_preset&quot;)&amp;&amp;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(){
presetController.find(this.cpt.component_type_id,null,this.cpt.data.preset)
;var t=this.cpt.data,e=this,s=this.cpt.node.find(&quot;.componentBody&quot;).empty()
;this.icon_nodes=[];$.each(t.icons,function(t,o){
if(e.cpt.data.links[o.id]){var i=e.cpt.data.links[o.id]
;(n=$(&quot;&lt;a&gt;&lt;/a&gt;&quot;).appendTo(s)).attr(i).addClass(&quot;ui_i_wrapper&quot;)
}else var n=$(&quot;&lt;span class=&apos;ui_i_wrapper&apos;&gt;&lt;/span&gt;&quot;).appendTo(s)
;e.icon_nodes.push(n);n.setIcon(o).addClass(&quot;not_link_style&quot;)})
;this.cpt.setAspectRatio(1/this.cpt.data.icons.length)
;this._setSize()},_showProp:function(){
var t=$(this.cpt.propertyNode).add(this.cpt.propertyDesignNode)
;this.cpt.data.hover_colors_activate?$(&quot;.background_colors_i&quot;,t).show():$(&quot;.background_colors_i&quot;,t).hide()
;var e=&quot;local&quot;==this.cpt.data.preset
;t.find(&quot;.only_local&quot;).toggle(e)
;t.find(&quot;.propNotice&quot;).parent().toggle(!e)
;e&amp;&amp;!this.cpt.data.options_order.length&amp;&amp;$(&quot;.local_to_preset&quot;,t).hide()
;presetController.find_all(this.cpt.component_type_id).length||$(&quot;.preset_to_local&quot;,t).hide()
},_setSize:function(t){this.try_count=this.try_count||0
;var e=this
;if(this.icon_nodes)if(!this.cpt.H()&amp;&amp;this.try_count&lt;100)setTimeout(function(){
e.try_count++;e._setSize()},50);else{
var s=presetController.find(this.cpt.component_type_id,null,this.cpt.data.preset)||this.cpt,o=this.cpt.data.icons.length,i=s.find_data(&quot;options&quot;,&quot;margin&quot;)||0
;1==this.icon_nodes.length&amp;&amp;(i=0);e.try_count=0
;var n=t?t*o+i*(o-1):this.cpt.W()-i*(o-1),a=n/o,c=(t||this.cpt.W()/o)-i,r=(e=this,
Math.floor(Math.min(c,t||e.cpt.H())*(.8-(s.find_data(&quot;options&quot;,&quot;padding&quot;)||0)/20))),l=t||Math.floor(Math.min(a,e.cpt.H()))
;$.each(this.icon_nodes,function(t,s){s.css({width:l,height:l,
&quot;margin-right&quot;:t+1==e.icon_nodes.length?0:i})
;s.find(&quot;i&quot;).css(&quot;font-size&quot;,r)});t&amp;&amp;this.cpt.setXYZWH({
w:Math.max(n,Math.min(n,16)),h:t},{sent_events:!1})}},
manage_links:function(t){
var e=$(this.cpt.propertyNode).add(this.cpt.propertyDesignNode),s=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;,e))
;if(this.list_links.is(&quot;:empty&quot;)||t){t&amp;&amp;this.list_links.empty()
;this.cpt.data.icons.length&amp;&amp;1==this.cpt.data.icons.length?t||this._openLinkDialog(this.cpt.data.icons[0]):$.each(this.cpt.data.icons,function(t,e){
var o=$(&quot;&lt;div class=&apos;link_icon_node&apos;&gt;&lt;span&gt;&lt;/span&gt;&lt;button&gt;Choisir un lien&lt;/button&gt;&lt;/div&gt;&quot;)
;s.list_links.append(o);var i=o.find(&quot;button&quot;)
;o.find(&quot;span&quot;).setIcon(e);if(s.cpt.data.links[e.id]){
var n=s.cpt.data.links[e.id],a=n.onClick.match(/v\.(selectAnchor|selectArticle|selectProduct|selectCategory)\(&apos;([^&apos;]*)&apos;, [&apos;]?([^]*)[&apos;]?\)/),c={
selectAnchor:[&quot;t_link&quot;,&quot;Lien interne&quot;],
selectArticle:[&quot;ui_text&quot;,&quot;Article&quot;],
selectProduct:[&quot;ui_store&quot;,&quot;Produit&quot;],
selectCategory:[&quot;folder&quot;,&quot;Cat\xe9gorie&quot;]},r=&quot;&quot;;if(a){
(p=Object.getOwnPropertyNames(c).include(a[1]))&amp;&amp;(r=&quot;&lt;span class=&apos;fonticon&apos; title=&apos;&quot;+c[a[1]][1]+&quot;&apos;&gt;&quot;+$.fn.fonticon(c[a[1]][0])+&quot;&lt;/span&gt;&quot;+((c[a[1]][1]||&quot;&quot;)+&quot; &quot;+a[3].replace(&quot;&apos;&quot;,&quot; &quot;)).truncate(30))
}else if(n.onClick.match(/Page.gotoCart\(\);/))r=&quot;&lt;span class=&apos;fonticon&apos; title=&apos;Panier&apos;&gt;&quot;+$.fn.fonticon(&quot;cart&quot;)+&quot;&lt;/span&gt;Panier&quot;;else{
var l=v.getPageFromUrl(n.href)
;if(l)r=&quot;&lt;span class=&apos;fonticon&apos; title=&apos;Page&apos;&gt;&quot;+$.fn.fonticon(&quot;page_default&quot;)+&quot;&lt;/span&gt;&quot;+l.name;else{
var p,d={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;T\xe9l\xe9phone&quot;]}
;if(p=Object.getOwnPropertyNames(d).find(function(t){
return n.onClick.startsWith(t)||n.href.startsWith(t)})){
var _=(n.href+&quot;&quot;).replace(p,&quot;&quot;);if(&quot;tb_show&quot;==p){
var h=JSON.parse(n.onClick.match(/tb_show\(\{list:\[\]\},0,(.*\])/)[1])
;_=h.length&gt;1?sprintf(&quot;Galerie de %1$s images&quot;,h.length):h[0].name
}
r=&quot;&lt;span class=&apos;fonticon&apos; title=&apos;&quot;+d[p][1]+&quot;&apos;&gt;&quot;+$.fn.fonticon(d[p][0])+&quot;&lt;/span&gt;&quot;+_.truncate(30)
}else r=&apos;&lt;span title=&quot;&apos;+n.href+&apos;&quot;&gt;&apos;+n.href.truncate(30)+&quot;&lt;/span&gt;&quot;
}}i.html(r)}else i.text(&quot;Choisir un lien&quot;)
;i.on(&quot;click&quot;,function(){s._openLinkDialog(e)})})
}else this.list_links.empty()},_openLinkDialog:function(t){
var e=this
;LinkSelector.open(this.cpt.propertyNode.find(&quot;.uii_multi_links_action&quot;),$.extend({},this.cpt.data.links[t.id]||{
href:&quot;&quot;,target:&quot;&quot;,title:&quot;&quot;,onClick:&quot;&quot;}),function(s){
var o=Misc.deepCloneObj(e.cpt.data.links);if(s.remove){
delete o[t.id];e.cpt.setData(&quot;links&quot;,o)}else{s=$.extend({
href:&quot;&quot;,target:&quot;&quot;,title:&quot;&quot;,onClick:&quot;&quot;},s);o[t.id]=s
;e.cpt.setData(&quot;links&quot;,o);e.first_selection=!0}})},
fs_selection:function(){
if(this.uniqId().match(/tmp/)&amp;&amp;!this.ui.first_selection&amp;&amp;this.data&amp;&amp;this.data.icons&amp;&amp;1==this.data.icons.length){
this.ui.first_selection=!0
;filesSelector.selected.length&gt;1&amp;&amp;filesSelector.removeSelection(null,0)
}},applyPreset:function(){var t=this.cpt.getData(&quot;preset&quot;)
;if(&quot;local&quot;==t){t=&quot;local_&quot;+this.cpt.getId();this.loadLocalCss()}
this.cpt.node.removeClassMatch(/uiicon_preset/)
;this.cpt.node.addClass(&quot;uiicon_preset uiicon_preset_&quot;+t)},
onPanelPresetLoad:function(){var t=this
;presetController.create_panel(this.cpt)
;$(&quot;#list_styles .create_preset&quot;).on(&quot;click&quot;,function(){
presetController.create(t.cpt)});var e=function(){
$(this).closest(&quot;section&quot;).addClass(&quot;selected&quot;).siblings().removeClass(&quot;selected&quot;)
;$(&quot;#design_blocks_wrapper&quot;).hasClass(&quot;active&quot;)&amp;&amp;$(&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(t.cpt.data,presetController.find(t.cpt.component_type_id,null,$(this).val()).data)
;t.cpt.recreatePropertyDesignNode();e()
}else if($(this).val()!=t.cpt.data.preset){
t.cpt.setData(&quot;preset&quot;,$(this).val())
;presetController.load_panel(t.cpt,$(this).val());e()}})
;$(&quot;.ui_icon_styles&quot;).on(&quot;click&quot;,&quot;section&quot;,function(){
$(this).find(&quot;.rad&quot;).prop(&quot;checked&quot;,!0).trigger(&quot;change&quot;)})
;$.each($(&quot;.ui_icon_styles &gt; section:not(.preset_interface)&quot;),function(e,s){
var o=$(s),i=parseInt(o.data(&quot;cssid&quot;))
;$(&quot;.actionPreset&quot;,s).hide()
;if(presetController.find(t.cpt.component_type_id,null,o.data(&quot;cssid&quot;))){
$(&quot;.revertPreset&quot;,s).show()
;$(&quot;.dyn_presets .uiicon_preset_&quot;+o.data(&quot;cssid&quot;)).closest(&quot;section&quot;).hide()
;presetController.find(t.cpt.component_type_id,null,t.cpt.getData(&quot;preset&quot;))&amp;&amp;$(&quot;#list_styles &gt; section[data-cssid=&quot;+t.cpt.getData(&quot;preset&quot;)+&quot;]&quot;).trigger(&quot;click&quot;)
}else $(&quot;.convertPreset&quot;,s).show()
;$(&quot;.convertPreset&quot;,s).on(&quot;click&quot;,function(){
presetController.create(t.cpt,i);$(this).hide()
;$(s).find(&quot;.revertPreset&quot;).show()
;$(&quot;.UI_Icon&quot;,s).removeClassMatch(/uiicon_preset/).addClass(&quot;uiicon_preset uiicon_preset_&quot;+i)
;$(&quot;#loading_preset&quot;).hide()
;historyController.add(presetController,[s,&quot;customizePreset&quot;,t.component.component_type],!1)
});$(&quot;.revertPreset&quot;,s).on(&quot;click&quot;,function(){
historyController.offRecords(function(){
presetController.find(t.cpt.component_type_id,null,i)&amp;&amp;presetController.find(t.cpt.component_type_id,null,i).remove()
});UI_Icon.updatePreset();$(&quot;.convertPreset&quot;,s).show()
;$(this).add($(&quot;.clonePreset&quot;,s)).hide()})})
;$(&quot;input[name=selected_icon_style][value=&quot;+this.cpt.data.preset+&quot;]:first&quot;).prop(&quot;checked&quot;,!0).click()
},create_preset_selection_node:function(t){
var e=this,s=$(&quot;#list_styles section:not(.preset_interface):eq(0)&quot;).clone(!1)
;s.removeClass(&quot;unselectionable&quot;)
;s.find(&quot;.UI_Icon&quot;).removeClassMatch(/uiicon_preset/).addClass(&quot;uiicon_preset uiicon_preset_&quot;+t)
;s.removeAttr(&quot;data-cssid&quot;).removeData(&quot;cssid&quot;)
;$(&quot;#list_styles .dyn_presets&quot;).append(s)
;$(&quot;.revertPreset, .convertPreset&quot;,s).hide()
;$(&quot;.removePreset&quot;,s).show().on(&quot;click&quot;,function(){
var s=$(&quot;.dyn_presets section&quot;).index(this.closest(&quot;section&quot;)),o=$(&quot;.dyn_presets section&quot;)[s]
;presetController.find(e.cpt.component_type_id,null,t).remove(s,o)
;o.remove()});$(&quot;.clonePreset&quot;,s).show().on(&quot;click&quot;,function(){
presetController.create(e.cpt,t);return!1})
;s.find(&quot;input&quot;).attr(&quot;id&quot;,&quot;rad_uit_&quot;+t).val(t)
;s.find(&quot;label&quot;).attr(&quot;for&quot;,&quot;rad_uit_&quot;+t);return s},
loadLocalCss:function(){
this.cpt.cssid=&quot;uiicon_preset_local_&quot;+this.cpt.getId()
;var t=this
;this.cpt.component_type.presetCss().done(function(e){
$(&quot;#&quot;+t.cpt.cssid).remove()
;$(loadStyle(css_parser(t.cpt.component_type.class_name,e,$.extend({},t.cpt,{
data:t.cpt.getAllData()
})),$(&quot;#presets_custom_styles_css&quot;)[0])).attr(&quot;id&quot;,t.cpt.cssid).addClass(&quot;local_preset_for_cpts&quot;)
;t.cpt.node.css(&quot;display&quot;,&quot;&quot;)})},preset_to_local:function(){
var t=this
;$(&quot;#design_blocks_wrapper&quot;).hasClass(&quot;active&quot;)?$(&quot;#design_blocks_wrapper&quot;).desactivate():$.ajax({
url:&quot;/cpt/icon_styles&quot;,dataType:&quot;html&quot;,name:&quot;&quot;,
success:function(e){
$(&quot;#design_blocks_wrapper&quot;).destroyScrollbar()
;designPanel.empty_design_blocks_wrapper()
;$(&quot;#design_blocks_wrapper&quot;).append(e).activate(!0).setScrollbar(!0)
;$(&quot;#list_styles&quot;).addClass(&quot;selectionnable&quot;)
;$(&quot;#list_styles &gt; section&quot;).each(function(e,s){
presetController.find(t.cpt.component_type_id,null,$(s).data(&quot;cssid&quot;))||$(s).addClass(&quot;unselectionable&quot;)
});try{t.onPanelPresetLoad()}catch(s){
console.warn(&quot;script.onPanelPresetLoad() is needed&quot;)}}})},
local_to_preset:function(){var t=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(t.cpt,null,{
options:t.cpt.data.options,
options_order:t.cpt.data.options_order})
;t.cpt.propertyDesignNode.find(&quot;.preset_rad&quot;).trigger(&quot;click&quot;)
;t.onPropertyChanged([&quot;preset&quot;])},150)},
customSetDataCb:function(t,e){(null==t||e)&amp;&amp;this.loadLocalCss()
},__migrate:function(){var t=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;Couleurs normales&quot;,
to_type:&quot;opt_normal_colors&quot;},{base_data:&quot;hover_colors&quot;,
to_title:&quot;Couleurs au survol&quot;,to_type:&quot;opt_hover_colors&quot;},{
base_data:&quot;padding&quot;,to_title:&quot;Espacement&quot;,to_type:&quot;opt_padding&quot;
},{base_data:&quot;margin&quot;,to_title:&quot;Marge externe&quot;,
to_type:&quot;opt_margin&quot;},{base_data:&quot;radius&quot;,to_title:&quot;Arrondi&quot;,
to_type:&quot;opt_radius&quot;}],function(e,s){
if(t.cpt.data[s.base_data]){
if(&quot;hover_colors&quot;==s.base_data&amp;&amp;!t.cpt.data.hover_colors_activate)return
;var o=$.fn.genId(&quot;opt_&quot;);t.cpt.data.options[o]={type:s.to_type,
title:s.to_title};if(&quot;radius&quot;==s.base_data){
var i=Math.floor(t.cpt.data[s.base_data]/2)
;t.cpt.data.options[o][s.base_data]=[i,i,i,i]
}else t.cpt.data.options[o][s.base_data]=t.cpt.data[s.base_data]
;t.cpt.data.options_order.push(o)}delete t.cpt.data[s.base_data]
});delete this.cpt.data.hover_colors_activate
;this.cpt.data.preset=&quot;local&quot;}}};</script><style>.componentBody.UI_Icon{text-align:center;overflow:visible}
.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>