<?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='631' /></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' ignore_for_preset='true' name='link' /><inputText default='&apos;Bouton&apos;' ignore_for_preset='true' name='text_button' title='Texte' /></properties><design_properties><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Sélectionnez un style prédéfini pour le bouton' icon='palette' mode='select' text='Choisir un style' trigger='manage_style' /><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='Choisir le taille du texte' /><slider class='sliderButton uib_font_size' default='16' maximum='50' minimum='9' name='font_size' /><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%&apos;, &apos;get_color(0,0)&apos;], [&apos;100%&apos;, &apos;get_color(0,1)&apos;]], 0, false]' 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(t){this.cpt=t
;t.setOptions([&quot;locked&quot;,&quot;fixed&quot;,&quot;footer&quot;,&quot;sticky&quot;])},
onDisplay:function(t){var o=this
;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 e=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(e.length&lt;=2){
if(v.getPageFromId(e)){
this.cpt.data.link.onClick=&quot;v.selectPageFromUrl(&apos;&quot;+e+&quot;&apos;);return false;&quot;
;this.cpt.data.link.href=&quot;/&quot;+v.getPageFromId(e).name+&quot;.&quot;+e+&quot;.htm&quot;
}}else this.cpt.data.link.href=(e.is_email()?&quot;mailto:&quot;:&quot;&quot;)+e}
this.cpt.data.fixed_font_size=this.cpt.data.fixed_font_size||!1
;this.cpt.data.font_size=this.cpt.data.font_size||16
;this.cpt.use_graphical_preset(&quot;button&quot;,[&quot;preset&quot;])
;this.initButton();this.applyPreset()
;t.css(&quot;overflow&quot;,&quot;visible&quot;)
;is_colored()&amp;&amp;sigCtl.connect(&quot;Theme.changed&quot;,function(){
o.initButton()})},onSelect:function(){
1==blockSelector.selected_cpts.length&amp;&amp;this.cpt.init_sliders()
;this._showProp();this.createMenuButton()},
onPropertyChanged:function(t){this.initButton()
;t.include(&quot;link&quot;)&amp;&amp;delete this.cpt.data.datalink
;t.include(&quot;preset&quot;)&amp;&amp;this.applyPreset();this._showProp()},
initButton:function(){var t=this.cpt.data
;if(this.cpt.getGTPreset(&quot;button&quot;,&quot;preset&quot;))this.createButton(this.cpt.componentBody,{
icon:t.icon,use_icon:t.use_icon,link:t.link,text:t.text_button
});else{var o={font:t.fontButton,
color1:this.cpt.getData(&quot;gradient_colors&quot;)[1],
orientation:t.gradient_colors[0],angle:t.gradient_colors[2],
color2:&quot;string&quot;==typeof this.cpt.getData(&quot;button_colors2&quot;)?this.cpt.getData(&quot;button_colors2&quot;):this.cpt.getData(&quot;button_colors2&quot;)[0],
color3:&quot;string&quot;==typeof this.cpt.getData(&quot;button_colors&quot;)?this.cpt.getData(&quot;button_colors&quot;):this.cpt.getData(&quot;button_colors&quot;)[0],
text:t.text_button,link:t.link,border_radius:t.border_radius,
esp:t.esp,type:t.select_Button,
border_weight:t.ui_button_border_weight,use_icon:t.use_icon,
icon:t.icon};this.createButton(this.cpt.componentBody,o)
;if(t.fontButton){var e=t.fontButton,r=e.replace(/[^A-Z]/g,&quot;_&quot;)
;0==$(&quot;head #&quot;+r).length&amp;&amp;$(&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;+e,id:r})}}},
createButton:function(t,o){
var e=$(&quot;&lt;a class=&apos;button_block&apos;&gt;&lt;/a&gt;&quot;),r=$(&apos;&lt;div class=&quot;button_content&quot;&gt;&lt;/div&gt;&apos;).appendTo(e)
;v.features.do_follow_links?e.attr(&quot;rel&quot;,&quot;noopener noreferrer&quot;):e.attr(&quot;rel&quot;,&quot;nofollow noopener noreferrer&quot;)
;var n=$(&quot;&lt;span class=&apos;prev_t button_text&apos;&gt;&quot;).appendTo(r),s=this
;e.data(&quot;spacing&quot;,o.esp);e.css({width:&quot;auto&quot;})
;switch(parseInt(o.type)){case 0:default:e.css({color:o.color3,
border:o.border_weight+&quot;px solid rgba(255, 255, 255, 0.3)&quot;})
;e.setBackgroundGradient(o.color1,o.orientation,o.angle);break
;case 1:e.setBackgroundGradient(o.color1,o.orientation,o.angle)
;e.hover(function(){var t=[],r=o.color1,n=r.length-1
;r.each(function(o,e){
t.push([100-parseInt(e[n-e.indexOf(o)][0].split(&quot;%&quot;))+&quot;%&quot;,e[n-e.indexOf(o)][1]])
});e.setBackgroundGradient(t,o.orientation,o.angle)},function(){
e.setBackgroundGradient(o.color1,o.orientation,o.angle)}).css({
border:o.border_weight+&quot;px solid &quot;+$.fn.getBrightnessColor(o.color1[0][1],50),
color:o.color3});break;case 2:e.css({background:o.color2,
color:o.color3,border:o.border_weight+&quot;px solid transparent&quot;})
;e.hover(function(){$(this).css({background:o.color3,
color:o.color2,&quot;border-color&quot;:o.color2})},function(){
$(this).css({background:o.color2,color:o.color3,
&quot;border-color&quot;:&quot;transparent&quot;})});break;case 3:
var i=&quot;0 0 0 1px &quot;+$.fn.getBrightnessColor(o.color2,65)+&quot; inset, 0 0 0 1px &quot;+$.fn.getBrightnessColor(o.color2,20)+&quot; inset, 0 &quot;+o.border_weight+&quot;px 0 0 &quot;+$.fn.getBrightnessColor(o.color2,-10)+&quot;, 0 2px 0 0 &quot;+$.fn.getBrightnessColor(o.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;:i,
&quot;-moz-box-shadow&quot;:i,&quot;-webkit-box-shadow&quot;:i,color:o.color3,
&quot;background-color&quot;:o.color2,
height:&quot;calc(100% - &quot;+(o.border_weight&gt;5?o.border_weight:5)+&quot;px)&quot;
}).hover(function(){var t=$.fn.getBrightnessColor(o.color2,40)
;$(this).css(&quot;background&quot;,t)},function(){
$(this).css(&quot;background&quot;,o.color2)}).mousedown(function(){
var t=&quot;0 0 0 1px &quot;+$.fn.getBrightnessColor(o.color2,65)+&quot; inset, 0 0 0 2px &quot;+$.fn.getBrightnessColor(o.color2,20)+&quot; inset, 0 1px 0 0 &quot;+$.fn.getBrightnessColor(o.color2,-10)+&quot;, 0 2px 0 0 &quot;+$.fn.getBrightnessColor(o.color2,-20)+&quot;, 0 2px 0 0 rgba(0, 0, 0, 0.15)&quot;
;$(this).css({
&quot;background-color&quot;:$.fn.getBrightnessColor(o.color2,30),
&quot;box-shadow&quot;:t,&quot;-moz-box-shadow&quot;:t,&quot;-webkit-box-shadow&quot;:t,
top:&quot;7px&quot;})}).mouseup(function(){
var t=&quot;0 0 0 1px &quot;+$.fn.getBrightnessColor(o.color2,65)+&quot; inset, 0 0 0 1px &quot;+$.fn.getBrightnessColor(o.color2,20)+&quot; inset, 0 3px 0 0 &quot;+$.fn.getBrightnessColor(o.color2,-10)+&quot;, 0 2px 0 0 &quot;+$.fn.getBrightnessColor(o.color2,-20)+&quot;, 0 6px 0 0 rgba(0, 0, 0, 0.15)&quot;
;$(this).css({
&quot;background-color&quot;:$.fn.getBrightnessColor(o.color2,40),
&quot;box-shadow&quot;:t,&quot;-moz-box-shadow&quot;:t,&quot;-webkit-box-shadow&quot;:t,
top:&quot;5px&quot;})});break;case 4:
var c=[[&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;]],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(c);e.css({color:o.color3,
&quot;background-color&quot;:o.color2,
border:o.border_weight+&quot;px solid &quot;+$.fn.getBrightnessColor(o.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;,o.color2)},function(){
e.setBackgroundGradient(c);e.css(&quot;background-color&quot;,o.color2)})
;break;case 5:
var l=$.fn.getBrightnessColor(o.color2,50),d=$.fn.getBrightnessColor(o.color2,35),p=$.fn.getBrightnessColor(o.color2,45),h=$.fn.getBrightnessColor(o.color2,30)
;c=[[&quot;0%&quot;,l],[&quot;100%&quot;,d]],a=[[&quot;0%&quot;,p],[&quot;100%&quot;,h]]
;e.setBackgroundGradient(c);i=&quot; 0 1px 2px rgba(0,0,0,.3)&quot;
;e.css({&quot;box-shadow&quot;:i,&quot;-moz-box-shadow&quot;:i,
&quot;-webkit-box-shadow&quot;:i,color:o.color3,
border:o.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;:i+&quot;, 0 0 15px rgba(0, 0, 0, 0.2) inset&quot;,
&quot;-moz-box-shadow&quot;:i+&quot;, 0 0 15px rgba(0, 0, 0, 0.2) inset&quot;,
&quot;-webkit-box-shadow&quot;:i+&quot;, 0 0 15px rgba(0, 0, 0, 0.2) inset&quot;})
;e.setBackgroundGradient(a)},function(){e.css({&quot;box-shadow&quot;:i,
&quot;-moz-box-shadow&quot;:i,&quot;-webkit-box-shadow&quot;:i})
;e.setBackgroundGradient(c)}).mousedown(function(){e.css({
&quot;box-shadow&quot;:i+&quot;, 0 0 25px rgba(255, 255, 255, 0.2) inset&quot;,
&quot;-moz-box-shadow&quot;:i+&quot;, 0 0 25px rgba(255, 255, 255, 0.2) inset&quot;,
&quot;-webkit-box-shadow&quot;:i+&quot;, 0 0 25px rgba(255, 255, 255, 0.2) inset&quot;
})}).mouseup(function(){e.css({
&quot;box-shadow&quot;:i+&quot;, 0 0 25px rgba(0, 0, 0, 0.2) inset&quot;,
&quot;-moz-box-shadow&quot;:i+&quot;, 0 0 25px rgba(0, 0, 0, 0.2) inset&quot;,
&quot;-webkit-box-shadow&quot;:i+&quot;, 0 0 25px rgba(0, 0, 0, 0.2) inset&quot;})})
;break;case 6:e.css({background:&quot;transparent&quot;,color:o.color2,
border:o.border_weight+&quot;px solid &quot;+o.color2})
;e.hover(function(){$(this).css({background:o.color2,
color:o.color3,&quot;border-color&quot;:o.color2})},function(){
$(this).css({background:&quot;transparent&quot;,color:o.color2,
&quot;border-color&quot;:o.color2})});break;case 7:e.css({color:o.color3,
&quot;background-color&quot;:o.color2,
&quot;border-bottom&quot;:o.border_weight+&quot;px solid &quot;+$.fn.getBrightnessColor(o.color2,-40),
height:&quot;calc(100% - &quot;+(o.border_weight&gt;5?o.border_weight:5)+&quot;px)&quot;
});e.hover(function(){$(this).css({
background:$.fn.getBrightnessColor(o.color2,5)})},function(){
$(this).css({background:o.color2})})}var g=o.border_radius+&quot;px&quot;
;e.css({&quot;border-radius&quot;:g})
;o.link&amp;&amp;e.attr(o.link).addClass(&quot;button_block&quot;);n.text(o.text)
;e.css(&quot;font-family&quot;,o.font);if(o.use_icon&amp;&amp;o.icon){
$(&quot;&lt;span class=&apos;uibtn_icon_wrapper&apos;&gt;&quot;).prependTo(r).setIcon(o.icon)
}t.html(e).promise().done(function(){s._setSize()})},
onFontFamilyUpdate:function(){this._setSize()},
_setSize:function(t){t=t||this.cpt.node.find(&quot;.button_block&quot;)
;var o,e=0,r=$(&quot;span.prev_t&quot;,t)
;t.data(&quot;spacing&quot;)&amp;&amp;(e=t.data(&quot;spacing&quot;))
;var n=t.innerHeight(),s=t.parent().attr(&quot;class&quot;).match(/uid_button_style_/)
;if(&quot;mobile_tree&quot;==deviceController.device){o=&quot;inherit&quot;
;t.css(&quot;padding&quot;,&quot;7px 5px&quot;)
}else o=t.parents(&quot;.list_types_button:first&quot;).length||s?&quot;10px&quot;:Math.round(.65*(t.innerHeight()-e))
;if(!this.cpt.getGTPreset(&quot;button&quot;,&quot;preset&quot;)||s)if(this.cpt.data.fixed_font_size&amp;&amp;!s)r.css(&quot;font-size&quot;,this.cpt.data.font_size+&quot;px&quot;);else{
r.css(&quot;font-size&quot;,o)
;for(;&quot;desktop&quot;==deviceController.device&amp;&amp;r.outerHeight()&gt;n&amp;&amp;o&gt;8;){
o--;r.css(&quot;font-size&quot;,o)}
}else $(&quot;.prev_t&quot;,t).css(&quot;padding-left&quot;,&quot;&quot;)},
onResize:function(){this._setSize()},onDeselect:function(){
this._showProp()},createMenuButton:function(){
var t=this,o=$(&quot;#block_design_properties&quot;).children(&quot;ul&quot;).filter(function(t,o){
return&quot;inline-block&quot;==$(o).css(&quot;display&quot;)})
;$.each(o.find(&quot;.list_types&quot;).find(&quot;li&quot;),function(o,e){var r={
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;+(o+1),border_radius:3,esp:0,
type:o.toString(),border_weight:2};t.createButton($(e),r)
;t._setSize($(e).find(&quot;.button_block&quot;))
;$(e).find(&quot;a&quot;).css(&quot;text-decoration&quot;,&quot;none&quot;).removeAttr(&quot;href&quot;)
})},_showProp:function(){
var t=$(this.component.propertyNode).add(this.component.propertyDesignNode)
;if(this.cpt.getGTPreset(&quot;button&quot;,&quot;preset&quot;))this.cpt.propertyDesignNode&amp;&amp;$(&quot;li:not(.gtbutton_prop_custom):not(.useIcon):not(.iconSelector):not(:last)&quot;,this.component.propertyDesignNode).hide();else{
$(&quot;.gtbutton_prop_custom&quot;,t).toggle(GraphicalType.available)
;$(&quot;li:not(.useIcon):not(.iconSelector):not(:last)&quot;,t).show()
;$(&quot;.uib_font_size&quot;,t).toggle(this.cpt.data.fixed_font_size)
;$(&quot;.colorsButton2 ul&quot;,t).toggle(-1==$.inArray(this.cpt.data.select_Button.toString(),[&quot;0&quot;,&quot;1&quot;,undefined]))
;$(&quot;.bs_selected_gradient&quot;,t).toggle(-1!=$.inArray(this.cpt.data.select_Button.toString(),[&quot;0&quot;,&quot;1&quot;,undefined]))
}$(&quot;.iconSelector&quot;,t).toggle(this.cpt.data.use_icon)},
onDeviceChanged:function(){this._setSize()},
applyPreset:function(){this.initButton();this._showProp()
;this._setSize();if(GraphicalType.available){
var t=GraphicalType.graphical_types.button.preset_data.prefix
;this.cpt.componentBody.removeClassMatch(new RegExp(t))
;var o=this.cpt.getGTPreset(&quot;button&quot;,&quot;preset&quot;)
;o&amp;&amp;this.cpt.componentBody.addClass(&quot;gtbutton_preset &quot;+t+&quot;_&quot;+o)}
}};</script><style></style></uidget>