<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Bouton</name><api_version>1.0</api_version><size height='45' width='230' /><blog en='538' /></metadata><view><content></content><properties><link_selector default='null' help='Insère un lien vers un site externe, un document ou une page, ou supprime le lien actuel.' icon='t_link' name='link' /><inputText default='&apos;Bouton&apos;' name='text_button' title='Texte' /></properties><design_properties><checkbox class='uib_use_font_size' default='true' help='Sélectionnez une taille de police standard et uniforme pour vos boutons pour garder un site propre et harmonieux.' name='fixed_font_size' value='Choisissez le taille du texte' /><slider class='sliderButton uib_font_size' default='16' maximum='50' minimum='9' name='font_size' /><trigger_view class='example_button_trigger' help='Ouvre un panneau qui vous permet de voir et utiliser différents exemples (en chargeant leur configuration).' icon='palette' method='init_examples' text='Exemples' trigger='menu_examples' url='/cpt/box_examples' /><listType class='list_types' name='select_Button' title='Type de bouton' type='button' /><selectButton default='&apos;Source Sans Pro&apos;' font='true' nom='Police' /><colors background='' class='colorsButton' colspan='1' default='[&apos;rgba(255,255,255,1)&apos;]' display='' elts='1' name='button_colors' title='Couleur du texte' /><colors background='' class='colorsButton2' colspan='1' default='[&apos;theme_color&apos;]' display='' elts='1' name='button_colors2' title='Couleurs du bouton' /><gradient default='[&apos;vertical&apos;,&apos;0%!theme_color;100%!theme_color_tint&apos;]' name='gradient_colors' /><slider class='sliderButton sliderBorder' default='2' maximum='40' minimum='0' name='border_radius' title='Coins arrondis' /><slider class='sliderButton sliderEsp' default='0' maximum='50' minimum='0' name='esp' title='Espacement' /><slider class='sliderButton sliderBorderWeight' default='2' maximum='10' minimum='0' name='ui_button_border_weight' title='Épaisseur de bordure' /><checkbox class='useIcon' default='false' help='Ajoute une icône sur le bouton' name='use_icon' value='Ajouter une icône' /><icon_selector class='iconSelector' default='{"id":78,"name":"home","service":"Google-material-icons","removable":false}' default_action='true' help='Choisissez l&apos;icône à afficher.' icon='folder' name='icon' /></design_properties></view><script>UI_List.UI_Button={initialize:function(a){this.cpt=a;
a.setOptions([&quot;locked&quot;,&quot;fixed&quot;,&quot;footer&quot;,&quot;sticky&quot;]);
this.examples=[{text:&quot;Click&quot;,data_link:v.pages_fg[0].pageid,font:&quot;Roboto Condensed&quot;,type:&quot;0&quot;,color1:[[&quot;0%&quot;,&quot;#B8C5CF&quot;],[&quot;100%&quot;,&quot;#7783A8&quot;]],color2:&quot;#7783A8&quot;,color3:&quot;#DBDBDB&quot;,border_radius:5,spacing:2},{font:&quot;Advent Pro&quot;,color1:[[&quot;50%&quot;,&quot;#27A8E6&quot;]],color2:&quot;#27A8E6&quot;,color3:&quot;#fff&quot;,text:&quot;Fantôme&quot;,data_link:v.pages_fg[0].pageid,border_radius:2,type:&quot;6&quot;,spacing:2},{font:&quot;Contrail One&quot;,color1:[[&quot;50%&quot;,&quot;#27A8E6&quot;]],color2:&quot;#65A9D7&quot;,color3:&quot;#8AFFFF&quot;,text:&quot;Social&quot;,data_link:v.pages_fg[0].pageid,border_radius:5,type:&quot;5&quot;,spacing:2},{font:&quot;Shojumaru&quot;,color1:[[&quot;0%&quot;,&quot;#4585B0&quot;],[&quot;100%&quot;,&quot;#6AA0B0&quot;]],color2:&quot;#6AA0B0&quot;,color3:&quot;#ffffff&quot;,text:&quot;Maison&quot;,data_link:v.pages_fg[0].pageid,border_radius:3,type:&quot;1&quot;,spacing:2},{font:&quot;Marvel&quot;,color1:[[&quot;0%&quot;,&quot;#2E63C9&quot;],[&quot;100%&quot;,&quot;#6AA0B0&quot;]],color2:&quot;#2E63C9&quot;,color3:&quot;#ffffff&quot;,text:&quot;Paris&quot;,data_link:v.pages_fg[0].pageid,border_radius:25,type:&quot;7&quot;,spacing:2},{font:&quot;Anton&quot;,color1:[[&quot;50%&quot;,&quot;#B37124&quot;]],color2:&quot;#B37124&quot;,color3:&quot;#875216&quot;,text:&quot;Chocolat&quot;,data_link:v.pages_fg[0].pageid,border_radius:10,type:&quot;4&quot;,spacing:2},{font:&quot;Fontdiner Swanky&quot;,color1:[[&quot;50%&quot;,&quot;#2CC6E6&quot;]],color2:&quot;#2CC6E6&quot;,color3:&quot;#ffffff&quot;,text:&quot;Fashion&quot;,data_link:v.pages_fg[0].pageid,border_radius:7,type:&quot;2&quot;,spacing:2},{font:&quot;Dosis&quot;,color1:[[&quot;50%&quot;,&quot;#343434&quot;]],color2:&quot;#343434&quot;,color3:&quot;#fff&quot;,text:&quot;Ligne sombre&quot;,data_link:v.pages_fg[0].pageid,border_radius:40,type:&quot;6&quot;,spacing:2},{font:&quot;Merienda One&quot;,color1:[[&quot;50%&quot;,&quot;#67732B&quot;]],color2:&quot;#507836&quot;,color3:&quot;#FFE45C&quot;,text:&quot;Rue&quot;,data_link:v.pages_fg[0].pageid,border_radius:3,type:&quot;3&quot;,spacing:2},{font:&quot;Roboto Condensed&quot;,color1:[[&quot;0%&quot;,&quot;#D4A3CA&quot;],[&quot;100%&quot;,&quot;#553575&quot;]],color2:&quot;#553575&quot;,color3:&quot;#F4D1FF&quot;,text:&quot;Contact&quot;,data_link:v.pages_fg[0].pageid,border_radius:10,type:&quot;1&quot;,spacing:2},{font:&quot;Courgette&quot;,color1:[[&quot;50%&quot;,&quot;#A11010&quot;]],color2:&quot;#A11010&quot;,color3:&quot;#FFFFFF&quot;,text:&quot;Commentaires&quot;,data_link:v.pages_fg[0].pageid,border_radius:0,type:&quot;5&quot;,spacing:2},{font:&quot;Fugaz One&quot;,color1:[[&quot;50%&quot;,&quot;#4A4A4A&quot;]],color2:&quot;#4A4A4A&quot;,color3:&quot;#E8E8E8&quot;,text:&quot;Contraste&quot;,data_link:v.pages_fg[0].pageid,border_radius:5,type:&quot;2&quot;,spacing:2},{font:&quot;Share&quot;,color1:[[&quot;0%&quot;,&quot;#BFBFBF&quot;],[&quot;100%&quot;,&quot;#9C9C9C&quot;]],color2:&quot;#9C9C9C&quot;,color3:&quot;#ffffff&quot;,text:&quot;Partage&quot;,data_link:v.pages_fg[0].pageid,border_radius:0,type:&quot;0&quot;,spacing:2},{font:&quot;Fugaz One&quot;,color1:[[&quot;50%&quot;,&quot;#808E96&quot;]],color2:&quot;#808E96&quot;,color3:&quot;#665F75&quot;,text:&quot;Options&quot;,data_link:v.pages_fg[0].pageid,border_radius:4,type:&quot;4&quot;,spacing:2},{font:&quot;Fugaz One&quot;,color1:[[&quot;50%&quot;,&quot;#6E6096&quot;]],color2:&quot;#E018FF&quot;,color3:&quot;#CBB6D9&quot;,text:&quot;Fleurs&quot;,data_link:v.pages_fg[0].pageid,border_radius:10,type:&quot;3&quot;,spacing:2},{font:&quot;Alegreya SC&quot;,color1:[[&quot;50%&quot;,&quot;#C94C0E&quot;]],color2:&quot;#C94C0E&quot;,color3:&quot;#FFFFFF&quot;,text:&quot;New York&quot;,data_link:v.pages_fg[0].pageid,border_radius:4,type:&quot;5&quot;,spacing:2},{font:&quot;Spinnaker&quot;,color1:[[&quot;50%&quot;,&quot;#FF4F4F&quot;]],color2:&quot;#FF4F4F&quot;,color3:&quot;#FFFFFF&quot;,text:&quot;Fermer&quot;,data_link:v.pages_fg[0].pageid,border_radius:20,type:&quot;2&quot;,spacing:2},{font:&quot;Ubuntu&quot;,color1:[[&quot;0%&quot;,&quot;#FFDE05&quot;],[&quot;100%&quot;,&quot;#FFA530&quot;]],color2:&quot;#FFA530&quot;,color3:&quot;#ffffff&quot;,text:&quot;Ubuntu&quot;,data_link:v.pages_fg[0].pageid,border_radius:10,type:&quot;1&quot;,spacing:2},{font:&quot;Averia Serif Libre&quot;,color1:[[&quot;0%&quot;,&quot;#EDEDED&quot;],[&quot;100%&quot;,&quot;#D9D9D9&quot;]],color2:&quot;#D9D9D9&quot;,color3:&quot;#4F4F4F&quot;,text:&quot;Contraste&quot;,data_link:v.pages_fg[0].pageid,border_radius:3,type:&quot;1&quot;,spacing:2},{font:&quot;Average&quot;,color1:[[&quot;50%&quot;,&quot;#84A3BA&quot;]],color2:&quot;#84A3BA&quot;,color3:&quot;#FFFFFF&quot;,text:&quot;Contact&quot;,data_link:v.pages_fg[0].pageid,border_radius:20,type:&quot;3&quot;,spacing:2},{font:&quot;Monoton&quot;,color1:[[&quot;50%&quot;,&quot;#85FF0A&quot;]],color2:&quot;#85FF0A&quot;,color3:&quot;#405463&quot;,text:&quot;Techno&quot;,data_link:v.pages_fg[0].pageid,border_radius:8,type:&quot;4&quot;,spacing:2}]
},onDisplay:function(b){this.cpt.migrateOldGradientProperty();
this.cpt.data.select_Button=this.cpt.data.select_Button||&quot;0&quot;;
this.cpt.data.text_button=this.cpt.data.text_button||&quot;Texte du bouton&quot;;
if(!this.cpt.data.link&amp;&amp;this.cpt.getData(&quot;datalink&quot;)){var a=this.cpt.getData(&quot;datalink&quot;);
this.cpt.data.link={href:&quot;&quot;,target:&quot;&quot;,title:&quot;&quot;,onClick:&quot;&quot;,action:&quot;&quot;};
if(a.length&lt;=2){if(v.getPageFromId(a)){this.cpt.data.link.onClick=&quot;v.selectPageFromUrl(&apos;&quot;+a+&quot;&apos;);return false;&quot;;
this.cpt.data.link.href=&quot;/&quot;+v.getPageFromId(a).name+&quot;.&quot;+a+&quot;.htm&quot;
}}else{this.cpt.data.link.href=(a.is_email()?&quot;mailto:&quot;:&quot;&quot;)+a
}}this.cpt.data.fixed_font_size=this.cpt.data.fixed_font_size||false;
this.cpt.data.font_size=this.cpt.data.font_size||16;
this.initButton()
},onSelect:function(){if(blockSelector.selected_cpts.length==1){this.cpt.init_sliders();
this.cpt.init_colorPickers()
}this.displayGradient();
this._showProp();
this.createMenuButton()
},displayGradient:function(){if($.inArray(this.cpt.data.select_Button,[&quot;0&quot;,&quot;1&quot;,undefined])!=-1){$(&quot;.gradientProperty&quot;).css(&quot;display&quot;,&quot;table&quot;);
$(&quot;.selectGradientO.k-widget&quot;).show();
$(&quot;.roundSliderPropertyDiv&quot;).css(&quot;display&quot;,&quot;table&quot;);
$(&quot;.colorsButton2 ul&quot;).hide();
if(this.cpt.data.gradient_colors[0]==&quot;diagonal&quot;){$(&quot;.roundSliderPropertyDiv&quot;).show();
$(&quot;.selectGradientO.k-widget&quot;).addClass(&quot;with-slider&quot;)
}else{$(&quot;.roundSliderPropertyDiv&quot;).hide();
$(&quot;.selectGradientO.k-widget&quot;).removeClass(&quot;with-slider&quot;)
}}else{$(&quot;.gradientProperty&quot;).css(&quot;display&quot;,&quot;none&quot;);
$(&quot;.selectGradientO.k-widget&quot;).hide();
$(&quot;.roundSliderPropertyDiv&quot;).css(&quot;display&quot;,&quot;none&quot;);
$(&quot;.colorsButton2 ul&quot;).show()
}},onPropertyChanged:function(a){this.initButton();
this.displayGradient();
if(a.include(&quot;use_icon&quot;)){this._showProp()
}if(a.include(&quot;fixed_font_size&quot;)){this._showProp()
}},initButton:function(){var c=this.cpt.data,b={font:c.fontButton,color1:c.gradient_colors[1],orientation:c.gradient_colors[0],angle:c.gradient_colors[2],color2:c.button_colors2[0],color3:c.button_colors[0],text:c.text_button,link:c.link,border_radius:c.border_radius,esp:c.esp,type:c.select_Button,border_weight:c.ui_button_border_weight,use_icon:c.use_icon,icon:c.icon};
this.createButton(this.cpt.componentBody,b);
if(c.fontButton){var a=c.fontButton,d=a.replace(/[^A-Z]/g,&quot;_&quot;);
if($(&quot;head #&quot;+d).length==0){$(&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:d})
}}},createButton:function(d,c){var e=$(&quot;&lt;a class=&apos;button_block&apos;&gt;&lt;/a&gt;&quot;).css(&quot;height&quot;,&quot;100%&quot;);
if(!v.features.do_follow_links){e.attr(&quot;rel&quot;,&quot;nofollow&quot;)
}var n=$(&quot;&lt;span class=&apos;prev_t&apos;&gt;&quot;).appendTo(e);
var o=this;
e.data(&quot;spacing&quot;,c.esp);
e.css({width:&quot;auto&quot;,height:&quot;auto&quot;,display:&quot;block&quot;,height:&quot;calc(100% - &quot;+(c.border_weight&gt;5?c.border_weight*2:5)+&quot;px)&quot;});
switch(parseInt(c.type)){case 0:default:e.css({color:c.color3,border:c.border_weight+&quot;px solid rgba(255, 255, 255, 0.3)&quot;});
e.setBackgroundGradient(c.color1,c.orientation,c.angle);
break;
case 1:e.setBackgroundGradient(c.color1,c.orientation,c.angle);
e.hover(function(){var p=[];
var q=c.color1;
var i=q.length-1;
q.each(function(r,s){p.push([100-parseInt(s[i-s.indexOf(r)][0].split(&quot;%&quot;))+&quot;%&quot;,s[i-s.indexOf(r)][1]])
});
e.setBackgroundGradient(p,c.orientation,c.angle)
},function(){e.setBackgroundGradient(c.color1,c.orientation,c.angle)
}).css({border:c.border_weight+&quot;px solid &quot;+$.fn.getBrightnessColor(c.color1[0][1],50),color:c.color3});
break;
case 2:e.css({background:c.color2,color:c.color3,border:c.border_weight+&quot;px solid transparent&quot;});
e.hover(function(){$(this).css({background:c.color3,color:c.color2,&quot;border-color&quot;:c.color2})
},function(){$(this).css({background:c.color2,color:c.color3,&quot;border-color&quot;:&quot;transparent&quot;})
});
break;
case 3:var k=&quot;0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,65)+&quot; inset, 0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,20)+&quot; inset, 0 &quot;+c.border_weight+&quot;px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-10)+&quot;, 0 2px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-20)+&quot;, 0 6px 0 0 rgba(0, 0, 0, 0.15)&quot;;
e.css({transition:&quot;none&quot;,&quot;margin-bottom&quot;:&quot;5px&quot;,&quot;text-shadow&quot;:&quot;0 -1px 0 rgba(0, 0, 0, 0.5)&quot;,&quot;box-shadow&quot;:k,&quot;-moz-box-shadow&quot;:k,&quot;-webkit-box-shadow&quot;:k,color:c.color3,&quot;background-color&quot;:c.color2,height:&quot;calc(100% - &quot;+(c.border_weight&gt;5?c.border_weight:5)+&quot;px)&quot;}).hover(function(){var i=$.fn.getBrightnessColor(c.color2,40);
$(this).css(&quot;background&quot;,i)
},function(){$(this).css(&quot;background&quot;,c.color2)
}).mousedown(function(){var i=&quot;0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,65)+&quot; inset, 0 0 0 2px &quot;+$.fn.getBrightnessColor(c.color2,20)+&quot; inset, 0 1px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-10)+&quot;, 0 2px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-20)+&quot;, 0 2px 0 0 rgba(0, 0, 0, 0.15)&quot;;
$(this).css({&quot;background-color&quot;:$.fn.getBrightnessColor(c.color2,30),&quot;box-shadow&quot;:i,&quot;-moz-box-shadow&quot;:i,&quot;-webkit-box-shadow&quot;:i,top:&quot;7px&quot;})
}).mouseup(function(){var i=&quot;0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,65)+&quot; inset, 0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,20)+&quot; inset, 0 3px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-10)+&quot;, 0 2px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-20)+&quot;, 0 6px 0 0 rgba(0, 0, 0, 0.15)&quot;;
$(this).css({&quot;background-color&quot;:$.fn.getBrightnessColor(c.color2,40),&quot;box-shadow&quot;:i,&quot;-moz-box-shadow&quot;:i,&quot;-webkit-box-shadow&quot;:i,top:&quot;5px&quot;})
});
break;
case 4:var f=[[&quot;0%&quot;,&quot;rgba(255,255,255,0.6)&quot;],[&quot;30%&quot;,&quot;rgba(255,255,255,0.40)&quot;],[&quot;100%&quot;,&quot;rgba(255,255,255,0.2)&quot;]];
var a=[[&quot;0%&quot;,&quot;rgba(255,255,255,0.6)&quot;],[&quot;30%&quot;,&quot;rgba(255,255,255,0.5)&quot;],[&quot;70%&quot;,&quot;rgba(255,255,255,0.4)&quot;]];
e.setBackgroundGradient(f);
e.css({color:c.color3,&quot;background-color&quot;:c.color2,border:c.border_weight+&quot;px solid &quot;+$.fn.getBrightnessColor(c.color2,20),&quot;box-shadow&quot;:&quot;0 2px 2px rgba(0, 0, 0, 0.5), 1px 1px 1px 0 rgba(255,255,255,0.8) inset&quot;,&quot;-moz-box-shadow&quot;:&quot;0 2px 2px rgba(0, 0, 0, 0.5), 1px 1px 1px 0 rgba(255,255,255,0.8) inset&quot;,&quot;-webkit-box-shadow&quot;:&quot;0 2px 2px rgba(0, 0, 0, 0.5), 1px 1px 1px 0 rgba(255,255,255,0.8) inset&quot;}).hover(function(){e.setBackgroundGradient(a);
e.css(&quot;background-color&quot;,c.color2)
},function(){e.setBackgroundGradient(f);
e.css(&quot;background-color&quot;,c.color2)
});
break;
case 5:var m=$.fn.getBrightnessColor(c.color2,50);
var l=$.fn.getBrightnessColor(c.color2,35);
var j=$.fn.getBrightnessColor(c.color2,45);
var h=$.fn.getBrightnessColor(c.color2,30);
var f=[[&quot;0%&quot;,m],[&quot;100%&quot;,l]];
var a=[[&quot;0%&quot;,j],[&quot;100%&quot;,h]];
e.setBackgroundGradient(f);
var k=&quot; 0 1px 2px rgba(0,0,0,.3)&quot;;
e.css({&quot;box-shadow&quot;:k,&quot;-moz-box-shadow&quot;:k,&quot;-webkit-box-shadow&quot;:k,color:c.color3,border:c.border_weight+&quot;px solid &quot;+h,&quot;text-shadow&quot;:&quot;0 1px 1px rgba(0,0,0,0.4)&quot;}).hover(function(){e.css({&quot;box-shadow&quot;:k+&quot;, 0 0 15px rgba(0, 0, 0, 0.2) inset&quot;,&quot;-moz-box-shadow&quot;:k+&quot;, 0 0 15px rgba(0, 0, 0, 0.2) inset&quot;,&quot;-webkit-box-shadow&quot;:k+&quot;, 0 0 15px rgba(0, 0, 0, 0.2) inset&quot;});
e.setBackgroundGradient(a)
},function(){e.css({&quot;box-shadow&quot;:k,&quot;-moz-box-shadow&quot;:k,&quot;-webkit-box-shadow&quot;:k});
e.setBackgroundGradient(f)
}).mousedown(function(){e.css({&quot;box-shadow&quot;:k+&quot;, 0 0 25px rgba(255, 255, 255, 0.2) inset&quot;,&quot;-moz-box-shadow&quot;:k+&quot;, 0 0 25px rgba(255, 255, 255, 0.2) inset&quot;,&quot;-webkit-box-shadow&quot;:k+&quot;, 0 0 25px rgba(255, 255, 255, 0.2) inset&quot;})
}).mouseup(function(){e.css({&quot;box-shadow&quot;:k+&quot;, 0 0 25px rgba(0, 0, 0, 0.2) inset&quot;,&quot;-moz-box-shadow&quot;:k+&quot;, 0 0 25px rgba(0, 0, 0, 0.2) inset&quot;,&quot;-webkit-box-shadow&quot;:k+&quot;, 0 0 25px rgba(0, 0, 0, 0.2) inset&quot;})
});
break;
case 6:e.css({background:&quot;transparent&quot;,color:c.color2,border:c.border_weight+&quot;px solid &quot;+c.color2});
e.hover(function(){$(this).css({background:c.color2,color:c.color3,&quot;border-color&quot;:c.color2})
},function(){$(this).css({background:&quot;transparent&quot;,color:c.color2,&quot;border-color&quot;:c.color2})
});
break;
case 7:e.css({color:c.color3,&quot;background-color&quot;:c.color2,&quot;border-bottom&quot;:c.border_weight+&quot;px solid &quot;+$.fn.getBrightnessColor(c.color2,-40),height:&quot;calc(100% - &quot;+(c.border_weight&gt;5?c.border_weight:5)+&quot;px)&quot;});
e.hover(function(){$(this).css({background:$.fn.getBrightnessColor(c.color2,5)})
},function(){$(this).css({background:c.color2})
});
break
}var b=c.border_radius+&quot;px&quot;;
e.css({&quot;border-radius&quot;:b});
if(c.link){e.attr(c.link).addClass(&quot;button_block&quot;)
}n.text(c.text);
e.css(&quot;font-family&quot;,c.font);
if(c.use_icon&amp;&amp;c.icon){var g=$(&quot;&lt;span class=&apos;uibtn_icon_wrapper&apos;&gt;&quot;).prependTo(n);
g.setIcon(c.icon)
}d.html(e).promise().done(function(){o._setSize()
})
},onFontFamilyUpdate:function(){this._setSize()
},_setSize:function(c){c=c||this.cpt.node.find(&quot;.button_block&quot;);
var g=0;
var e=$(&quot;span&quot;,c);
if(c.data(&quot;spacing&quot;)){g=c.data(&quot;spacing&quot;)
}var a,f;
var b=c.height();
if(deviceController.device==&quot;mobile_tree&quot;){a=&quot;inherit&quot;;
f=&quot;auto&quot;;
c.css(&quot;padding&quot;,&quot;7px 5px&quot;)
}else{c.css(&quot;padding&quot;,&quot;0&quot;);
a=c.parents(&quot;.list_types_button:first&quot;).length?&quot;10px&quot;:Math.round((c.height()-g)*0.65)
}if(this.cpt.data.fixed_font_size){e.css(&quot;font-size&quot;,this.cpt.data.font_size+&quot;px&quot;)
}else{e.css(&quot;font-size&quot;,a);
while(deviceController.device==&quot;desktop&quot;&amp;&amp;e.outerHeight()&gt;b&amp;&amp;a&gt;8){a--;
e.css(&quot;font-size&quot;,a)
}}if(f!=&quot;auto&quot;){f=Math.round((c.height()-c.find(&quot;span&quot;).height())/2)
}e.css(&quot;top&quot;,f);
var d=$(&quot;i&quot;,c);
if(d.length){$(&quot;.prev_t&quot;,c).css(&quot;padding-left&quot;,Math.round(d.parent().position().left+$(&quot;i&quot;,c).parent().width()))
}},onResize:function(){this._setSize()
},onDeselect:function(){this._showProp()
},createMenuButton:function(){var b=this;
var a=$(&quot;#block_design_properties&quot;).children(&quot;ul&quot;).filter(function(c,d){return $(d).css(&quot;display&quot;)==&quot;inline-block&quot;
});
$.each(a.find(&quot;.list_types&quot;).find(&quot;li&quot;),function(e,d){var c={font:&apos;&quot;Arial&quot;, sans-serif&apos;,color1:[[&quot;10%&quot;,&quot;#348B3D&quot;],[&quot;90%&quot;,&quot;#A7DBAC&quot;]],color2:&quot;#348B3D&quot;,color3:&quot;#ffffff&quot;,text:&quot;Type &quot;+(e+1),border_radius:3,esp:0,type:e.toString(),border_weight:2};
b.createButton($(d),c);
b._setSize($(d).find(&quot;.button_block&quot;));
$(d).find(&quot;a&quot;).css(&quot;text-decoration&quot;,&quot;none&quot;).removeAttr(&quot;href&quot;)
})
},init_examples:function(){var b=this;
var a=this.examples;
var d;
var c=$(&quot;&lt;ul id=&apos;ulexamples&apos;&gt;&lt;/ul&gt;&quot;).empty();
if(c.find(&quot;li&quot;).length==0){$.each(a,function(f,g){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;);
h.append(d);
d.css({height:&quot;45px&quot;,width:&quot;170px&quot;});
c.append(h);
var e={font:g.font,color1:g.color1,color2:g.color2,color3:g.color3,text:g.text,border_radius:g.border_radius,esp:g.spacing,type:g.type};
b.createButton(d,e);
$(d).find(&quot;.button_block&quot;).css(&quot;font-size&quot;,&quot;22px&quot;);
d.click(function(){var i=b.cpt.propertyDesignNode;
i.find(&quot;.list_types&quot;).find(&quot;li&quot;).removeClass(&quot;selected&quot;);
i.find(&quot;.uid_button_style_&quot;+g.type).addClass(&quot;selected&quot;);
b.cpt.data.select_Button=g.type;
b.cpt.data.gradient_colors[1]=g.color1;
b.cpt.data.button_colors2[0]=g.color2;
b.cpt.data.button_colors[0]=g.color3;
var j=i.find(&quot;.gradientProperty&quot;).data(&quot;ClassyGradient&quot;);
j.setupPoints(g.color1);
j.update();
i.find(&quot;.colorsButton2&quot;).find(&quot;input:first&quot;).chromoselector(&quot;setColor&quot;,g.color2).trigger(&quot;blur&quot;);
i.find(&quot;.colorsButton&quot;).find(&quot;input:first&quot;).chromoselector(&quot;setColor&quot;,g.color3).trigger(&quot;blur&quot;);
b.cpt.data.esp=g.spacing;
b.cpt.data.border_radius=g.border_radius;
i.find(&quot;.sliderBorder&quot;).find(&quot;input:first&quot;).simpleSlider(&quot;setValue&quot;,g.border_radius);
i.find(&quot;.sliderEsp&quot;).find(&quot;input:first&quot;).simpleSlider(&quot;setValue&quot;,g.spacing);
b.cpt.data.fontButton=g.font;
i.find(&quot;.selectGradientO&quot;).find(&quot;select:first&quot;).data(&quot;kendoDropDownList&quot;).value(&quot;vertical&quot;);
setTimeout(function(){i.find(&quot;.selectButtonLink&quot;).find(&quot;span.selected&quot;).text(g.font).css(&quot;font-family&quot;,g.font);
b.onSelect()
},1500);
$(&quot;#design_blocks_wrapper&quot;).desactivate()
})
})
}if($(&quot;#ulexamples&quot;).length==0){$(&quot;#list_examples&quot;).prepend(c)
}},_showProp:function(){var a=$(this.component.propertyNode).add(this.component.propertyDesignNode);
$(&quot;.iconSelector&quot;,a).toggle(this.cpt.data.use_icon);
$(&quot;.uib_font_size&quot;,a).toggle(this.cpt.data.fixed_font_size)
},onDeviceChanged:function(){this._setSize()
}};</script><style>.button_block{text-decoration:none;transition:background .2s ease-in-out 0s,background-color .2s ease-in-out 0s,color .2s ease-in-out 0s,box-shadow .2s ease-in-out 0s}
.button_block&gt;span{display:block;position:relative;text-align:center;cursor:pointer}
.UI_Button i{font-size:inherit}
.uibtn_icon_wrapper{position:absolute;left:5%;top:12%!important}
.list_types_button .uibtn_icon_wrapper{display:none}</style></uidget>