<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Forme</name><api_version>1.0</api_version><size height='130' width='130' /><blog en='627' /></metadata><view><content></content><properties /><design_properties><bloc><listType class='list_types' name='select_shape' title='Forme' type='box' /></bloc><bloc class='colorsShape boxGradient'><colors background='' class='colorsShape' colspan='1' default='&apos;theme_color&apos;' display='' elts='1' name='shape_colors' title='Couleurs' /><colors class='boxGradient' default='&apos;theme_color&apos;' elts='1' name='gradient_colors' options='[{allow_gradient: true}]' title='Couleurs' /></bloc><bloc class='fullWidth'><checkbox default='false' help='La largeur de la forme sera ajustée à celle du navigateur de l&apos;internaute.' name='full_width' value='Pleine largeur d&apos;écran' /></bloc><bloc class='checkBorder'><checkbox default='false' name='border_activate' value='Bordures' /><border default='({&apos;all&apos;:[3, &apos;solid&apos;, &apos;rgba(255,255,255,1)&apos;, true], &apos;bt&apos;:[3, &apos;solid&apos;, &apos;rgba(255,255,255,1)&apos;, false], &apos;br&apos;:[3, &apos;solid&apos;, &apos;rgba(255,255,255,1)&apos;, false], &apos;bb&apos;:[3, &apos;solid&apos;, &apos;rgba(255,255,255,1)&apos;, false], &apos;bl&apos;:[3, &apos;solid&apos;, &apos;rgba(255,255,255,1)&apos;, false]})' name='border' with_bg='true' /></bloc><bloc class='radiusBox'><slider default='0' maximum='30' minimum='0' name='border_radius' title='Coins arrondis' /></bloc><bloc class='checkShadow'><checkbox default='false' name='shadow' value='Ombre' /><colors background='' class='colorsShadow' colspan='1' default='[&apos;rgba(0,0,0,1)&apos;]' display='' elts='1' name='shadow_colors' title='Couleur des ombres' /><slider class='sliderBox sliderVertical' default='0' maximum='10' minimum='-10' name='vertical_shadow' title='Espacement vertical' /><slider class='sliderBox sliderHorizontal' default='0' maximum='10' minimum='-10' name='horizontal_shadow' title='Espacement horizontal' /><slider class='sliderBox sliderDistance' default='5' maximum='45' minimum='0' name='distance_shadow' title='Distance de flou' /></bloc><bloc class='arrow_position'><select default='&apos;l&apos;' display='Gauche|Droite|En bas|En haut' help='Définir la position de la flèche' name='arrow_position' title='Position de la flèche' values='l|r|b|t' /></bloc><bloc class='blob_reserved'><trigger default_action='true' icon='palette' text='Générer' trigger='create' /><colors default='&apos;theme_color&apos;' elts='1' name='blob_color' options='[{allow_gradient: true, simple_gradient: true}]' title='Couleur de la goutte' /><slider default='4' maximum='9' minimum='1' name='blob_variance' title='Variance' /><slider default='2' maximum='9' minimum='1' name='blob_complexity' title='Complexitée' /></bloc></design_properties></view><script>UI_List.UI_Box={initialize:function(t){this.cpt=t
;t.setOptions([&quot;locked&quot;,&quot;container&quot;,&quot;fixed&quot;,&quot;footer&quot;,&quot;sticky&quot;])
},onDisplay:function(){var t=this
;this.cpt.migrateOldGradientProperty();this.showProp()
;this.selectShapeDisplay();this.initShape();this._setFullWidth()
;sigCtl.connect(&quot;Theme.changed&quot;,function(){t.initShape()})},
onPropertyChanged:function(t){
t.include(&quot;full_width&quot;)&amp;&amp;this._setFullWidth();this.showProp()
;this.selectShapeDisplay()
;this.initShape(&quot;create&quot;==t[0]&amp;&amp;6==this.cpt.data.select_shape)
;this._setFullWidth()},onResizeStop:function(){
if(6==this.cpt.data.select_shape){this.cpt.setAspectRatio(1)
;this.initShape()}},onSelect:function(){this.showProp()
;this.selectShapeDisplay();this._setFullWidth();this.initShape()
},initShape:function(build){var opt={
shape:this.cpt.data.select_shape,
gradientO:this.cpt.getData(&quot;gradient_colors&quot;)[0],
gradient:this.cpt.getData(&quot;gradient_colors&quot;)[1],
angle:this.cpt.getData(&quot;gradient_colors&quot;)[2],
color:&quot;string&quot;==typeof this.cpt.getData(&quot;shape_colors&quot;)?this.cpt.getData(&quot;shape_colors&quot;):this.cpt.getData(&quot;shape_colors&quot;)[0],
shadow:this.cpt.data.shadow,
hshadow:this.cpt.data.horizontal_shadow,
vshadow:this.cpt.data.vertical_shadow,
dshadow:this.cpt.data.distance_shadow,
shadowcolor:&quot;string&quot;==typeof this.cpt.getData(&quot;shadow_colors&quot;)?this.cpt.getData(&quot;shadow_colors&quot;):this.cpt.getData(&quot;shadow_colors&quot;)[0],
border_radius:this.cpt.data.border_radius,
triangle_orientation:this.cpt.data.triangle_orientation,
arrow_position:this.cpt.data.arrow_position?this.cpt.data.arrow_position:&quot;l&quot;
};if(&quot;string&quot;==typeof this.cpt.getData(&quot;gradient_colors&quot;)){
opt.simple_color=this.cpt.getData(&quot;gradient_colors&quot;)
;opt.simple_color=/get_color/.test(opt.simple_color)?eval(opt.simple_color):opt.simple_color
}opt.color=/get_color/.test(opt.color)?eval(opt.color):opt.color
;this.createShape(this.cpt.componentBody,opt,build)},
showProp:function(){
var t=$(this.cpt.propertyNode).add(this.cpt.propertyDesignNode)
;$(&quot;.blob_reserved&quot;,t).toggle(6==this.cpt.data.select_shape)
;$(&quot;.sliderBox, .colorsShadow&quot;,t).toggle(this.cpt.data.shadow&amp;&amp;this.cpt.data.select_shape&lt;2)
;$(&quot;.checkBorder, .border_prop&quot;,t).toggle(this.cpt.data.select_shape&lt;2)
;$(&quot;.border_prop&quot;,t).toggle(this.cpt.data.border_activate&amp;&amp;this.cpt.data.select_shape&lt;2)
},selectShapeDisplay:function(){
var t=$(this.cpt.propertyNode).add(this.cpt.propertyDesignNode),e=[&quot;locked&quot;]
;$(&quot;.colorsShape, .roundSliderPropertyDiv, .checkShadow, .fullWidth, .wholeGradientProperty.k-widget, .selectGradientO.k-widget, .radiusBox, .gradientProperty, .extendFullWidth, li.triangle_orientation, .boxGradient, li.arrow_position&quot;,t).hide()
;$(&quot;.selectGradientO.k-widget&quot;,t).removeClass(&quot;with-slider&quot;)
;switch(this.cpt.data.select_shape){case 0:e.push(&quot;container&quot;)
;$(&quot;.fullWidth, .radiusBox, .checkShadow, .wholeGradientProperty.k-widget, .selectGradientO.k-widget, .boxGradient&quot;,t).show()
;$(&quot;.gradientProperty&quot;,t).css(&quot;display&quot;,&quot;table&quot;);break;case 1:
e.push(&quot;container&quot;)
;$(&quot;.checkShadow, .wholeGradientProperty.k-widget, .selectGradientO.k-widget, .boxGradient&quot;,t).show()
;$(&quot;.gradientProperty&quot;,t).css(&quot;display&quot;,&quot;table&quot;);break;case 2:
case 3:$(&quot;.colorsShape&quot;,t).show();break;case 4:
e.push(&quot;container&quot;)
;$(&quot;.colorsShape, li.arrow_position&quot;,t).show();break;case 5:
$(&quot;.colorsShape, li.triangle_orientation&quot;,t).show()}
this.showProp()
;if(&quot;diagonal&quot;==this.cpt.data.gradient_colors[0]){
$(&quot;.roundSliderPropertyDiv&quot;,t).show()
;$(&quot;.selectGradientO.k-widget&quot;,t).addClass(&quot;with-slider&quot;)}},
createShape:function(node,opt,build){
var prev=$(&quot;&lt;div class=&apos;uid_prev_gadget prev_gradient&apos;&gt;&lt;/div&gt;&quot;).css(&quot;height&quot;,&quot;100%&quot;)
;switch(opt.shape){case 1:prev.css(&quot;border-radius&quot;,&quot;50%&quot;)
;opt.simple_color?prev.css(&quot;background-color&quot;,opt.simple_color):prev.setBackgroundGradient(opt.gradient,opt.gradientO,opt.angle)
;this.setShadow(prev,opt.shadow,opt.hshadow,opt.vshadow,opt.dshadow,opt.shadowcolor)
;break;case 0:prev.css(&quot;border-radius&quot;,opt.border_radius+&quot;px&quot;)
;default:prev.css({height:&quot;100%&quot;,width:&quot;100%&quot;,margin:0})
;opt.simple_color?prev.css(&quot;background-color&quot;,opt.simple_color):prev.setBackgroundGradient(opt.gradient,opt.gradientO,opt.angle)
;this.setShadow(prev,opt.shadow,opt.hshadow,opt.vshadow,opt.dshadow,opt.shadowcolor)
;break;case 2:
prev.removeClass(&quot;prev_gradient&quot;).addClass(&quot;prev_5_star&quot;).empty().css(&quot;background&quot;,&quot;transparent&quot;)
;for(var i=0;i&lt;3;i++)$(&quot;&lt;div&gt;&quot;).addClass(&quot;b&quot;+(i+1)).appendTo(prev)
;break;case 3:
prev.removeClass(&quot;prev_gradient&quot;).addClass(&quot;prev_12_star&quot;).empty().css(&quot;background&quot;,&quot;transparent&quot;)
;for(var i=0;i&lt;3;i++){
var b=$(&quot;&lt;div&gt;&quot;).addClass(&quot;b&quot;+(i+1)).css(&quot;background-color&quot;,opt.color).appendTo(prev)
;i&amp;&amp;$.each([&quot;&quot;,&quot;-webkit-&quot;],function(t,e){
b.css(e+&quot;transform&quot;,&quot;rotate(&quot;+30*i+&quot;deg)&quot;)})}break;case 4:
opt.arrow_position||(opt.arrow_position=&quot;l&quot;)
;prev.removeClass(&quot;prev_gradient&quot;).removeClassMatch(/uibox_pt_/).addClass(&quot;prev_tooltip uibox_pt_&quot;+opt.arrow_position).empty().css(&quot;background&quot;,&quot;transparent&quot;)
;$(&quot;&lt;div&gt;&quot;).addClass(&quot;b1&quot;).appendTo(prev).css(&quot;background-color&quot;,opt.color)
;$(&quot;&lt;div&gt;&quot;).addClass(&quot;b2&quot;).appendTo(prev).css({
l:&quot;border-right-color&quot;,r:&quot;border-left-color&quot;,
t:&quot;border-bottom-color&quot;,b:&quot;border-top-color&quot;
}[opt.arrow_position],opt.color);break;case 5:break;case 6:
var self=this,svg
;this.cpt.load_script(&quot;js&quot;,&quot;blob&quot;,&quot;ui_box_blob&quot;)
;var build_blob=function(){self.cpt.setAspectRatio(1)
;var _seed=self.cpt.getData(&quot;blob_seed&quot;)
;_seed&amp;&amp;!build||(_seed=self.uuidv4());svg=blobs({
size:self.cpt.W(),
complexity:parseInt(self.cpt.getData(&quot;blob_complexity&quot;))/10,
contrast:parseInt(self.cpt.getData(&quot;blob_variance&quot;))/10,
color:&quot;#f3a610&quot;,stroke:{width:0,color:&quot;black&quot;},guides:!1,
seed:_seed})
;!build&amp;&amp;self.cpt.getData(&quot;blob_seed&quot;)||self.cpt.setData(&quot;blob_seed&quot;,_seed)
;var placeholder=document.createElement(&quot;div&quot;)
;placeholder.innerHTML=svg;svg=placeholder.firstChild
;placeholder.remove()
;if(&quot;string&quot;!=typeof self.cpt.data.blob_color){
var gr_id=$.fn.genId(&quot;svg_gradient_&quot;),svgNS=svg.namespaceURI,ori_svg
;gradient_defs=document.createElementNS(svgNS,&quot;linearGradient&quot;)
;gradient_defs.setAttribute(&quot;id&quot;,gr_id)
;ori_svg=&quot;vertical&quot;==self.cpt.data.blob_color[0]?[[&quot;x1&quot;,&quot;1&quot;],[&quot;y1&quot;,&quot;1&quot;],[&quot;x2&quot;,&quot;1&quot;],[&quot;y2&quot;,&quot;0&quot;]]:[[&quot;x1&quot;,&quot;0&quot;],[&quot;y1&quot;,&quot;1&quot;],[&quot;x2&quot;,&quot;1&quot;],[&quot;y2&quot;,&quot;1&quot;]]
;ori_svg.each(function(t){gradient_defs.setAttribute(t[0],t[1])
});for(var i=0;i&lt;self.cpt.data.blob_color[1].length;i++){
var attrs=self.cpt.data.blob_color[1][i],stop=document.createElementNS(svgNS,&quot;stop&quot;)
;stop.setAttribute(&quot;offset&quot;,attrs[0])
;stop.setAttribute(&quot;stop-color&quot;,/get_color/.test(attrs[1])?eval(attrs[1]):attrs[1])
;gradient_defs.appendChild(stop)}
var defs=svg.insertBefore(document.createElementNS(svgNS,&quot;defs&quot;),svg.firstChild)
;defs.appendChild(gradient_defs)
;$(&quot;path&quot;,svg).css(&quot;fill&quot;,&quot;url(#&quot;+gr_id+&quot;)&quot;).attr(&quot;fill&quot;,&quot;url(#&quot;+gr_id+&quot;)&quot;)
}else $(&quot;path&quot;,svg).css(&quot;fill&quot;,/get_color/.test(self.cpt.data.blob_color)?eval(self.cpt.data.blob_color):self.cpt.data.blob_color)
;prev=svg;node.html(prev)
;self.gadgetSetSize(opt.shape,opt.color,node)}
;Misc.poll(function(){return window.blobs},function(){
build_blob()})}this.setBorder(prev);node.html(prev)
;this.gadgetSetSize(opt.shape,opt.color,node)},
gadgetSetSize:function(t,e,o){o=o||$(this.cpt.node)
;var s=Math.min(o.height(),o.width());switch(t){case 2:
o.find(&quot;.prev_5_star&quot;).css({height:s+&quot;px&quot;,width:s+&quot;px&quot;});var a={
s30:Math.round(15*s/100),s70:Math.round(35*s/100),
s80:Math.round(40*s/100),s100:Math.round(50*s/100)}
;o.find(&quot;.b1, .b2&quot;).css({&quot;border-bottom&quot;:a.s70+&quot;px solid &quot;+e,
&quot;border-left&quot;:a.s100+&quot;px outset transparent&quot;,
&quot;border-right&quot;:a.s100+&quot;px outset transparent&quot;})
;o.find(&quot;.b3&quot;).css({&quot;border-bottom&quot;:a.s80+&quot;px solid &quot;+e,
&quot;border-left&quot;:a.s30+&quot;px outset transparent&quot;,
&quot;border-right&quot;:a.s30+&quot;px outset transparent&quot;});break;case 3:
o.find(&quot;.prev_12_star&quot;).css({height:s+&quot;px&quot;,width:s+&quot;px&quot;});break
;case 4:break;case 5:o.find(&quot;.uid_prev_gadget&quot;).css({
&quot;border-top&quot;:o.height()+&quot;px solid &quot;+e,
&quot;border-left&quot;:o.width()/2+&quot;px outset transparent&quot;,
&quot;border-right&quot;:o.width()/2+&quot;px outset transparent&quot;,height:0,
width:0})}},onResize:function(){
this.gadgetSetSize(this.cpt.data.select_shape,this.cpt.getData(&quot;shape_colors&quot;)[0])
;this._setFullWidth()},onMoveStop:function(){
this._setFullWidth()},_setFullWidth:function(){
this.cpt.data.select_shape==undefined&amp;&amp;(this.cpt.data.select_shape=0)
;this.cpt.setFullWidth(0==this.cpt.data.select_shape&amp;&amp;this.cpt.data.full_width,!1,!1)
},setShadow:function(t,e,o,s,a,r){if(e){
t.css(&quot;box-shadow&quot;,o+&quot;px &quot;+s+&quot;px &quot;+a+&quot;px &quot;+r);var i={
height:&quot;auto&quot;,top:a-s+&quot;px&quot;,bottom:a+s+&quot;px&quot;,position:&quot;absolute&quot;}
;if(!this.cpt.data.full_width){i.width=&quot;auto&quot;;i.left=a-o+&quot;px&quot;
;i.right=a+o+&quot;px&quot;}t.css(i)}},setAngle:function(){},
setBorder:function(t){
if(this.cpt.data.select_shape&lt;2&amp;&amp;this.cpt.data.border_activate){
if(this.cpt.data.border.all[3]){
var e=this.cpt.getData(&quot;border&quot;).all
;t.css(&quot;border&quot;,e[0]+&quot;px &quot;+e[1]+&quot; &quot;+e[2])}else{var o={
bt:&quot;border-top&quot;,bb:&quot;border-bottom&quot;,bl:&quot;border-left&quot;,
br:&quot;border-right&quot;}
;$.each(this.cpt.getData(&quot;border&quot;),function(e,s){
s[3]&amp;&amp;t.css(o[e],s[0]+&quot;px &quot;+s[1]+&quot; &quot;+s[2])})}
t.css(&quot;box-sizing&quot;,&quot;border-box&quot;)}},onDeselect:function(){},
onDeviceChanged:function(){
5==this.cpt.data.select_shape&amp;&amp;this.cpt.node.find(&quot;.uid_prev_gadget&quot;).css(&quot;margin&quot;,&quot;0 auto&quot;)
},uuidv4:function(){return&quot;xxxxxx&quot;.replace(/[xy]/g,function(t){
var e=16*Math.random()|0;return(&quot;x&quot;==t?e:3&amp;e|8).toString(16)})}
};</script><style>.prev_5_star{width:100%;height:100%;position:relative;margin:0 auto}
.prev_5_star .b1{top:30%;position:relative;transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg);-webkit-transform:rotate(35deg)}
.prev_5_star .b2{left:-3%;position:absolute;top:30%;transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg)}
.prev_5_star .b3{left:33%;position:absolute;top:1%}
.prev_12_star{position:relative;margin:0 auto}
.prev_12_star&gt;div{bottom:20%;left:20%;position:absolute;right:20%;top:20%}
.prev_tooltip{position:relative}
.prev_tooltip .b1{bottom:15px;left:15px;position:absolute;right:15px;top:15px;border-radius:10px}
.detected_device_mobile .prev_tooltip .b1{bottom:0;left:0;right:0;top:0}
.prev_tooltip .b2{position:absolute}
.uibox_pt_l .b2{top:calc(50% - 10px);border-bottom:10px solid transparent;border-right:10px solid;border-top:10px solid transparent;left:6px}
.uibox_pt_r .b2{top:calc(50% - 10px);border-bottom:10px solid transparent;border-left:10px solid;border-top:10px solid transparent;right:6px}
.uibox_pt_t .b2{left:calc(50% - 10px);border-left:10px solid transparent;border-bottom:10px solid;border-right:10px solid transparent;top:6px}
.uibox_pt_b .b2{left:calc(50% - 10px);border-left:10px solid transparent;border-top:10px solid;border-right:10px solid transparent;bottom:6px}
#body #mobile_wrapper .UI_Box.componentBody{height:100%}</style></uidget>