content": "La sélection du module image évolue ! Désormais, un simple clic sur le module le sélectionnera.<br/><br/>Pour tester le lien de l'image ou voir les images en plein écran : Cliquez sur l'icône [fonticon name=\"editor_target_blank\"].<br/><br/>Merci pour votre compréhension et bonne création !", "site_created_before": "2024-05-30T00:00:00.000+02:00"}' feature_name='ui_image_actions' />

<images_selector block_selector_toolbar='{"hidden": true, "icon": "editor_target_blank", "ui_callback": "openFullscreenImages", "help": "Tester l’ouverture des images en plein écran"}' default='[]' facultative='true' help='Cette propriété vous permet de préciser la ou les photos qui seront affichées en plein-écran. Si vous ne sélectionnez aucune photo et que vous avez coché la case 'Plein écran au clic', l'image du module Image sera affichée en plein écran.' icon='screen' name='tb_imgs' value='Images en plein écran' /><link_selector block_selector_toolbar='{"icon": "editor_link", "preview": true}' default='null' help='Insérez un lien vers un site externe, un document ou une page, ou supprimez le lien actuel.' icon='t_link' name='link' preview='true' /><textarea facultative='true' feature='image_menu_mouseover' height='20' help='Entrez ici le nom d'un menu déroulant qui sera affiché au survol de l'image.<br>Le nom du menu déroulant doit aussi être spécifié dans les propriétés du menu que vous voulez afficher.' icon='menu' name='mouseoverMenu' text='Menu au survol' /></properties><design_properties><trigger help='Adapte la taille du module à la taille réelle de l'image.' icon='arrow_tb' text='Taille réelle' trigger='realsize' /><radio class='filterRadio' default=''none'' display='Aucun|Noir et Blanc|Flou|Inverser|Contraste|Couleur ou dégradé' help='Sélectionnez le filtre pour l'image.<br> <b>Aucun</b> pas de filtre<br> <b>Noir et blanc</b> supprime toutes les couleurs<br> <b>Flou</b> rend l'image floue<br> <b>Inverse</b> inverse toutes les couleurs<br> <b>Contraste</b> plus de différence de luminosité<br> <b>Couleur ou dégradé</b> ajoute un filtre transparent de couleur' name='filter' title='Filtre' values='none|grayscale|blur|invert|contrast|color' /><gradient class='uii_gradient_property' default='['vertical', [['0%', 'rgba(0,0,0,0.5)'], ['100%', 'rgba(0,0,0,0.5)']], 0, false]' name='gradient_colors' /><bloc class='uii_mask_properties -transparent'><checkbox class='uii_active_mask' default='false' help='En cochant cette option, vous pourrez découper le contour de l'image suivant une forme choisie (cercle, triangle...).' name='activate_mask' value='Découper suivant une forme' /><icon_selector class='uii_chose_mask' default='{"id":594,"name":"brightness_1","service":"Google-material-icons","removable":false}' default_action='true' icon='folder' name='mask' search_options='{"search_by":"shapes"}' value='Choisir la forme' /></bloc><bloc class='uii_radius_properties -transparent'><checkbox class='uii_radius_toggle' default='false' name='radius_toggle' value='Arrondi' /><radius class='uii_radius' default='[10, 10, 10, 10]' maximum='500' minimum='0' name='radius' /></bloc><bloc class='-transparent'><checkbox default='false' name='shadow_activate' value='Ombre' /><box_shadow default='[45, 5, 0, 5, 'rgba(0,0,0,0.4)', false, '3px 3px 5px 0px rgba(0,0,0,0.4)']' name='shadow' /></bloc></design_properties></view><script>UI_List.UI_Image={initialize:function(t){this.component=t
;t.setOptions(["locked","container","fixed","footer","sticky","scroll_animated"])
;this.protect_available="editor"==v.mode||v.features.image_protection
;this.mouseover_available="editor"==v.mode||v.features.image_mouseover
},canCrop:function(){var t=this.component.data
;return!("cover"!=t.ratio_type&&"fullwidth"!=t.ratio_type||t.activate_mask||t.parallax)
},getCrop:function(){var t=this.component.data
;if(t.parallax||t.activate_mask)return null;var e=t.crop
;if(!e||"object"!=typeof e)return null
;var i=Number(e.x),o=Number(e.y),n=Number(e.w),a=Number(e.h)
;return n>0&&a>0&&!isNaN(i)&&!isNaN(o)?i<0||o<0||i+n>1.0001||o+a>1.0001?null:{
x:i,y:o,w:n,h:a,preset:e.preset||"libre"}:null},
cropToCss:function(t){return(t=t||this.getCrop())?{
width:100/t.w+"%",height:100/t.h+"%",left:-100*t.x/t.w+"%",
top:-100*t.y/t.h+"%",objectFit:"fill",objectPosition:"0 0",
backgroundSize:"100% 100%",backgroundPosition:"0 0"}:null},
cropToCoverCss:function(t,e,i){
if(!(t=t||this.getCrop()))return null
;var o=this.component.data.imageFile,n=o&&o.width,a=o&&o.height
;if(!(n>0&&a>0&&e>0&&i>0))return this.cropToCss(t)
;var s=Math.max(e/(t.w*n),i/(t.h*a)),r=n*s,c=a*s,h,d;return{
width:100*r/e+"%",height:100*c/i+"%",
left:100*((e-t.w*r)/2-t.x*r)/e+"%",
top:100*((i-t.h*c)/2-t.y*c)/i+"%",objectFit:"fill",
objectPosition:"0 0",backgroundSize:"100% 100%",
backgroundPosition:"0 0"}},_fullwidthBox:function(){
var t=this.component.componentBody&&this.component.componentBody[0],e=t?t.offsetWidth:0,i=t?t.offsetHeight:0
;e>0||(e=this.component.W());i>0||(i=this.component.H());return{
w:e,h:i}},_visibleCropBox:function(){
if("fullwidth"==this.component.data.ratio_type){
var t=this.component.componentBody&&this.component.componentBody[0]
;if(t&&t.getBoundingClientRect){var e=t.getBoundingClientRect()
;if(e.width>0&&e.height>0)return{w:e.width,h:e.height}}
return this._fullwidthBox()}return{w:this.component.W(),
h:this.component.H()}},_applyCropCss:function(t,e){var i
;if("fullwidth"==this.component.data.ratio_type){
var o=this._fullwidthBox()
;i=this.cropToCoverCss(e||this.getCrop(),o.w,o.h)
}else i=this.cropToCss(e);i&&t&&t.length&&t.css(i)},
_wrapCrop:function(t){if(!this.getCrop()||!t)return t
;this._applyCropCss(t)
;return $("<div>").addClass("uii_crop_viewport").append(t)},
applyCropBox:function(t){if(t&&t.w>0&&t.h>0){
var e=this.component,i=Math.round(t.x),o=Math.round(t.y),n=Math.max(1,Math.round(t.w)),a=Math.max(1,Math.round(t.h))
;"undefined"!=typeof v&&v.is_sections_system&&e.parent&&(!e.option_for||!e.option_for("fixed"))&&o<0&&(o=0)
;if(i!=e.X()||o!=e.Y()||n!=e.W()||a!=e.H()){var s={x:i,y:o,w:n,
h:a}
;e.option_for("fixed")&&"function"==typeof e.setXYZWHFixedCpt?e.setXYZWHFixedCpt(s):e.setXYZWH(s)
}
"function"==typeof e.resizeParentSection&&e.resizeParentSection()
;this._syncCropHeightOnDevices(a/n)}},
_syncCropHeightOnDevices:function(t){
if(t>0&&"undefined"!=typeof deviceController&&"undefined"!=typeof v){
var e=this.component,i=deviceController.device,o=v.device_modes||{}
;for(var n in o)if(n!=i&&o[n]==n){
var a=e.device_coordinates&&e.device_coordinates[n]
;if(a&&a.w>0){var s=Math.max(1,Math.round(a.w*t))
;s!=a.h&&e.setXYZWH({h:s},{device:n,send_events:!1})}}}},
coverCropForBox:function(t,e,i){
if(!((t=t||this.getCrop())&&e>0&&i>0))return t
;var o=this.component.data.imageFile,n=o&&o.width,a=o&&o.height
;if(!(n>0&&a>0))return t;var s=e/i*(a/n)
;if(!(s>0&&t.h>0))return t
;var r=t.w/t.h,c=t.x+t.w/2,h=t.y+t.h/2,d,p
;s>=r?p=(d=t.w)/s:d=(p=t.h)*s;d>1&&(p=(d=1)/s);p>1&&(d=(p=1)*s)
;var l=c-d/2,m=h-p/2,u;l<0&&(l=0);m<0&&(m=0);l+d>1&&(l=1-d)
;m+p>1&&(m=1-p);return{x:l,y:m,w:d,h:p,
preset:Math.abs(s-r)<.001&&t.preset||"libre"}},
_coverWindow:function(){
var t=this.component.data.imageFile,e=this._visibleCropBox(),i=e.w,o=e.h,n=t&&t.width,a=t&&t.height
;if(!(n>0&&a>0&&i>0&&o>0))return{x:0,y:0,w:1,h:1,preset:"libre"}
;var s=n/a,r=i/o;if(s>r){var c=r/s;return{x:(1-c)/2,y:0,w:c,h:1,
preset:"libre"}}var h=s/r,d=.5
;if("fullwidth"==this.component.data.ratio_type&&this.component.getData("background_position")!=undefined){
d=Number(this.component.getData("background_position"))/100
;isNaN(d)&&(d=.5);d<0&&(d=0);d>1&&(d=1)}return{x:0,y:(1-h)*d,
w:1,h:h,preset:"libre"}},workingCrop:function(){
var t=this.getCrop()
;if("fullwidth"!=this.component.data.ratio_type)return t||this._coverWindow()
;var e=this._coverWindow();if(t&&e.w>0&&e.h>0){
var i=t.x+t.w/2,o=t.y+t.h/2;e.x=i-e.w/2;e.y=o-e.h/2
;e.x<0&&(e.x=0);e.y<0&&(e.y=0);e.x+e.w>1&&(e.x=1-e.w)
;e.y+e.h>1&&(e.y=1-e.h)}e.preset="libre";return e},
updateImage:function(){this.component.componentBody.unbind()
;var t=this,e={h:this.component.H(),w:this.component.W()
},i=1,o=function(o,n){var a=$("<span>").css({
position:"absolute",top:"-1000px"}).appendTo("body")
;a.setIcon(t.component.data.mask,!1,function(){
setTimeout(function(){
var s=cdn_url(bestImgSrc(n,t.component.W(),t.component.H())),r=function(){
a.children().css({"font-size":"100px"});var n={w:a.width(),
h:a.height()};i=n.h/n.w
;var r=document.createElementNS("http://www.w3.org/2000/svg","text")
;o.empty().addClass("uii_mask_node")
;var c=Math.min(e.h/n.h*100,e.w/n.w*100)
;r.setAttributeNS(null,"x",(e.w-c*n.w/100)/2);var h=c*n.h/100
;r.setAttributeNS(null,"y",(e.h-h)/2+h/("Symbola"!=t.component.data.mask.service?1:1.3))
;r=$.fn.setIcon(t.component.data.mask,$(r),function(){
var i='<pattern class="uii_pattern" id="'+(o==t.img2?"hover_":"")+"pattern_mask_"+t.component.uniqId()+'" patternUnits="userSpaceOnUse" width="'+e.w+'" height="'+e.h+'" viewbox="0 0 '+e.w+" "+e.h+'"><image xlink:href="'+s+'" width="'+e.w+'" height="'+e.h+'" preserveAspectRatio="xMidYMid '+("cover"==t.component.data.ratio_type?"slice":"meet")+'" /></pattern>'
;$(".pattern_mask",t.component.componentBody).remove()
;o.html("<svg class='svg_defs'><defs>"+i+"</defs></svg>").append($('<svg class="content_svg" width="'+e.w+'" height="'+e.h+'"></svg>'))
;$(".content_svg",o)[0].appendChild(r);$(r).css({
fill:"url(#"+(o==t.img2?"hover_":"")+"pattern_mask_"+t.component.uniqId()+")",
"font-size":c+"px"});setTimeout(function(){a.remove()},2e3)})}
;$.fn.loadImage(s).done(function(){r();t._setFilter()
}).fail(function(){if(/ra0\.cdnsw\.com\/cc0/.test(s)){
s=s.replace("ra0.cdnsw.com/cc0","www.sitew.com/file/pixabay")
;r()}})},100)})}
;if(this.component.data.activate_mask&&this.component.data.mask){
$(".uii_pattern",this.component.componentBody).remove()
;o(this.img1,t.component.data.imageFile)}else{
this.img1.removeClass();var n=null
;"viewer"==v.mode&&window.VIEWER_CWV_OPT&&document.body&&document.body.classList.contains("detected_device_mobile")&&(n=this.img1.find(".uii_img").attr("data-cwv-src")||null)
;if(!this.component.preloaded||this._protected()||"fullwidth"==this.component.data.ratio_type||!this.img1.children().length){
this.img1.empty().append(t._setImageDefault(this.component.data.imageFile,this.component,!!this.component.preloaded,n))
;this._protected()&&this._antiDownload(this.img1)}
this.mouseover_available&&this.component.data.mouseoverMenu&&""!=this.component.data.mouseoverMenu&&this.component.componentBody.mouseover(function(){
window.UI_Menu&&UI_Menu.showDropDownMenu(t.component.data.mouseoverMenu)
});this._setFullWidth();this._setParallax()}
if(this.mouseover_available&&this.component.data.mouseoverImage){
this.component.data.activate_mask&&this.component.data.mask?o(this.img2,this.component.data.mouseoverImage):this.img2.empty().append(t._setImageDefault(this.component.data.mouseoverImage,this.component))
;this.component.componentBody.hover(function(){t.img2.show()
;t.img1.hide()},function(){t.img1.show();t.img2.hide()
}).click(function(){t.img1.show();t.img2.hide()})}
this._setFilter();this._setRadius();this._setShadow()},
getDescriptions:function(){var t=this,e=function(e){var i={}
;i[t.component.data.imageFile.id]=e;t.captions.resolve(i)}
;this.component.description&&e(this.component.description)},
updateLink:function(){var t=this;this.link.attr({target:null,
onClick:null,title:null}).removeAttr("href").unbind()
;var e=this.link[0];if(e&&e._editor_link_test_handler){
e.removeEventListener("mousedown",e._editor_link_test_handler,!0)
;delete e._editor_link_test_handler}
if(this.component.data.link&&this.component.data.link.onClick&&this.component.data.link.onClick.match(/^tb_show\(/))try{
this.component.data.tb_imgs=JSON_.parse(this.component.data.link.onClick.match(/tb_show\(\{list:\[\]\},0,(.*\])/)[1])
;this.component.data.bigger=!0}catch(o){
dbg.error("Image.tb_imgs",o,this.component.data)}
if("viewer"==v.mode){
if(!this.component.data.link||this.component.data.link.onClick&&this.component.data.link.onClick.match(/^tb_show\(/))this.component.data.bigger&&this.link.attr("href","#").click(function(){
t.openFullscreenImages();this.blur();return!1});else{
(this.component.data.link.href||"").match(/cdnsw[^]*.(jpg|png)$/i)&&(this.component.data.link.href=this.component.data.link.href.replace(/(.*\/)([^\/]*)/,"$1original/$2"))
;this.link.attr(this.component.data.link)
;""==this.link.attr("href")?this.link.removeAttr("href"):v.features.do_follow_links?this.link.attr("rel","noopener noreferrer"):this.link.attr("rel","nofollow noopener noreferrer")
}if(!this.link.attr("href")){this.link.attr({href:"#",
onclick:"return false"});this.link.addClass("no_link")}}
if("editor"==v.mode){var i=this.component.data.link
;i&&(i.href||i.onClick)?Content.attachEditorLinkTest(this.link,i,{
cpt:this.component
}):this.component.data.bigger?Content.attachEditorLinkTest(this.link,{
onClick:"gallery"},{cpt:this.component,onFollow:function(){
t.openFullscreenImages()}}):this.link.addClass("no_link")}
this.link.addClass("not_link_style")
;"viewer"==v.mode&&window.cwvPreloadLightGallery&&(this.component.data.bigger||this.component.data.link&&this.component.data.link.onClick&&this.component.data.link.onClick.match(/^tb_show\(/))&&cwvPreloadLightGallery()
;this.component.data.imageFile.removable&&this.getDescriptions()
},openFullscreenImages:function(){
if(this.component.data.tb_imgs&&this.component.data.tb_imgs.length>0)tb_show_viewer(FileDescription.get(this.component.data.tb_imgs),0,this.component.data.tb_imgs,this._protected());else{
tb_show_viewer("editor"==v.mode?FileDescription.get([this.component.data.imageFile]):this.captions,0,[this.component.data.imageFile],this._protected())
;sigCtl.emit("UI_Image.fullscreen",this.component.data.imageFile)
}},onDisplay:function(t){var e=this
;this.component.migrateOldGradientProperty()
;if(!this.component.data.ratio_type){
this.component.data.ratio_type=this.component.data.aspectRatio?"ratio":"free"
;this.component.data.aspectRatio=null}
this.component.data.crop===undefined&&(this.component.data.crop=null)
;this.link=t.find("a");this.img1=t.find("span:first")
;this.img2=t.find("span:last").hide();this.captions=$.Deferred()
;this.mouseover_available&&this.component.data.mouseoverMenu&&""!=this.component.data.mouseoverMenu&&Misc.poll(function(){
return window.UI_Menu},function(){
UI_Menu.setAsDropDownMenu(e.component.data.mouseoverMenu)})
;this.updateImage();this.updateLink()
;"editor"!=v.mode&&this.component.data.mouseoverImage&&this.mouseover_available&&(this.preload=$(document).setImage(this.component.data.mouseoverImage,this.component.W(),this.component.H(),{
protect:this._protected(),keep_ratio:!1}))
;this.aspectRatio_v=this.component.data.imageFile.height/this.component.data.imageFile.width
;"ratio"==this.component.data.ratio_type&&this.component.setAspectRatio(this.aspectRatio_v)
;this._setFullWidth();this._setParallax()
;is_colored()&&sigCtl.connect("Theme.changed",function(){
e._setColorFilter()})},_loadProperties:function(){
var t=$(this.component.propertyNode).add(this.component.propertyDesignNode)
;$(".uii_gradient_property",t).css("display","color"==this.component.data.filter?"block":"none")
;if(this.component.data.activate_mask){
$(".uii_chose_mask",t).show()
;$("input[value=color]",t).parent().hide()
;$(".uii_parallax_control",t).hide()}else{
$(".uii_chose_mask",t).hide()
;$("input[value=color]",t).parent().show()
;$(".uii_parallax_control",t).show()}$(".uii_radius",t).hide()
;$(".uii_radius_properties",t).hide()
;if("fullwidth"!=this.component.data.ratio_type&&!this.component.data.activate_mask){
$(".uii_radius_properties",t).show()
;this.component.data.radius_toggle&&$(".uii_radius",t).show()}
$(".propShadow",t).toggle(this.component.data.shadow_activate)
;$(".uii_mask_properties",t).toggle("fullwidth"!=this.component.data.ratio_type&&!this.component.data.radius_toggle)
;t.find(".select_background_position").css("display","fullwidth"!=this.component.data.ratio_type||this.getCrop()?"none":"block")
},onSelect:function(){this._loadProperties()},
onPropertyChanged:function(t,e){e=e||{}
;var i=t.include("parallax")&&this.component.data.parallax||t.include("activate_mask")&&this.component.data.activate_mask
;i&&this.component.data.crop&&(this.component.data.crop=null)
;window.ImageCropMode&&ImageCropMode.active&&(i||t.include("ratio_type")||t.include("imageFile"))?ImageCropMode.exit("cancel"):(i||t.include("ratio_type"))&&window.sigCtl&&sigCtl.emit("Cpt.rebuildBlockToolbar")
;t.include("mobile_tree_min_height")&&"undefined"!=typeof mobileTreeMinHeight&&mobileTreeMinHeight.apply(this.component)
;this._loadProperties();if(t.include("imageFile")){
this.component.data.crop=null;this.updateImage()
;if("fullwidth"!=this.component.data.ratio_type&&"cover"!=this.component.data.ratio_type&&"contain"!=this.component.data.ratio_type){
var o=this.component,n=this.component.data.imageFile.width,a=this.component.data.imageFile.height
;this.refreshAspectRatio()
;for(var s in v.device_modes)if(s==v.device_modes[s]){
var r=o.prop(s).w;n>r&&(a=(n=r)*this.aspectRatio_v);o.setXYZWH({
w:n,h:a},{device:s,send_events:!1})}this.component.resizeStop()}
}
(t.include("mouseoverImage")||t.include("activate_mask")||t.include("mask"))&&this.updateImage()
;if(t.include("ratio_type")){
if("cover"!=this.component.data.ratio_type&&"fullwidth"!=this.component.data.ratio_type){
this.component.data.crop=null;this._loadProperties()}
if("ratio"==this.component.data.ratio_type){
this.component.setAspectRatio(this.aspectRatio_v)
;e.device_changed||this.component.resizeStop()
}else this.component.setAspectRatio(null)
;sigCtl.emit("Cpt.changeBlockToolbarConfig",{
must_keep_ratio:"ratio"==this.component.data.ratio_type})
;sigCtl.emit("Cpt.rebuildBlockToolbarDropdown#change_size")}
if(t.include("link")){this.component.data.tb_imgs=null
;this.updateLink();sigCtl.emit("Cpt.rebuildBlockToolbar")}
if(t.include("bigger")){if(this.component.data.bigger){
this.component.data.link=null;this.component.data.tb_imgs=null
;sigCtl.emit("Cpt.rebuildBlockToolbar")
;this.component.recreatePropertyNode()}this.updateLink()}
if(t.include("tb_imgs")){
if(this.component.data.tb_imgs&&this.component.data.tb_imgs.length>0){
this.component.data.link=null;this.component.data.bigger=!0
;sigCtl.emit("Cpt.rebuildBlockToolbar")
;this.component.recreatePropertyNode()}this.updateLink()}
if(t.include("realsize")){var c=new Image,h=this
;c.onload=function(){c.remove();h.component.setXYZWH({w:c.width,
h:c.height})}
;c.src=bestImgSrc(this.component.data.imageFile,1e4,1e4)}
if(window.UI_Menu&&t.include("mouseoverMenu")&&this.component.data.mouseoverMenu&&""!=this.component.data.mouseoverMenu){
UI_Menu.setAsDropDownMenu(this.component.data.mouseoverMenu)
;this.updateImage()
;versionController.disabledOnViewer("image_menu_mouseover")}
if(t.include("ratio_type")){this._setFullWidth()
;this.updateImage()}t.include("parallax")&&this.updateImage()
;t.include("filter")||t.include("activate_mask")||t.include("mask")?this._setFilter():t.includeOne(["gradient_colors"])&&this._setColorFilter()
;t.include("background_position")&&this._setParallax()
;(t.include("shadow_activate")||t.include("shadow"))&&this._setShadow()
;(t.include("radius_toggle")||t.include("radius"))&&this._setRadius()
;t.include("crop")&&this.updateImage()},onResize:function(){
if("editor"==v.mode){
"fullwidth"==this.component.data.ratio_type&&this.component.setFullWidth(!0,{
silent:!0,skip_align:!0,dont_clear_css_node:!0})
;var t=this.component.componentBody&&this.component.componentBody[0],e="fullwidth"==this.component.data.ratio_type&&t?t.offsetWidth:this.component.W()
;if(this.getCrop()){
var i="cover"==this.component.data.ratio_type?this.coverCropForBox(this.getCrop(),this.component.W(),this.component.H()):this.getCrop()
;this._applyCropCss(this.img1.find(".uii_img, img"),i)
}else this.img1.find("img").width(e).height(this.component.H())}
},onResizeStop:function(){
if(this.getCrop()&&"cover"==this.component.data.ratio_type){
var t=this.coverCropForBox(this.getCrop(),this.component.W(),this.component.H()),e=this.getCrop()
;t&&e&&(Math.abs(t.x-e.x)>1e-4||Math.abs(t.y-e.y)>1e-4||Math.abs(t.w-e.w)>1e-4||Math.abs(t.h-e.h)>1e-4||t.preset!=e.preset)&&this.component.setData("crop",t)
}this.onResize();this.updateImage();this._setFullWidth()
;this._setParallax();this.refreshAspectRatio()},
onMoveStop:function(){this._setFullWidth();this._setParallax()
;this._setFilter()},onMoved:function(){this.refreshAspectRatio()
},refreshAspectRatio:function(){
if("ratio"==this.component.data.ratio_type){
var t=this.component.data.imageFile.width,e=this.component.data.imageFile.height
;this.aspectRatio_v=e/t
;this.component.setAspectRatio(this.aspectRatio_v)}
sigCtl.emit("Component.moved")},
_setImageDefault:function(t,e,i,o){
var n=e.data.ratio_type,a="fullwidth"==n,s=this._protected()||e.data.parallax,r=a?$("#body").width():e.W(),c=e.H()
;if("contain"==n&&t&&t.width&&t.height){r=Math.min(r,t.width)
;c=Math.min(c,t.height)}var h=bestImgSrc(t,r,c,{
use_pixel_ratio:a||s,keep_ratio:"free"!=n
}),d="uii_img "+(/default/.test(h)?"":n)
;if(s||/default/.test(h)||/\.svg(\?|#|$)/i.test(t&&t.url||"")){
var p=$("<div>").addClass(d);if(o){p.attr("data-cwv-src",o)
;return p.cdnSrc(o,e.W(),e.H())}
return i&&!a?this._wrapCrop(p.cdnSrcSet([1,2,3].map(function(i){
return bestImgSrc(t,e.W()*i,e.H()*i)
}),e.W(),e.H())):this._wrapCrop(p.cdnSrc(h,e.W(),e.H()))}
var l=$("<img>").attr({alt:e.data.alt||"",draggable:!1
}).addClass(d),m=bestImgSrcset(t);if(m){
var u=this._displayWidth(t,e);l.attr({srcset:m,
sizes:a?"100vw":"contain"==n?u+"px":"(max-width: "+u+"px) 100vw, "+u+"px"
})}return this._wrapCrop(l.cdnSrc(h,e.W(),e.H()))},
_displayWidth:function(t,e){var i=e.W()
;if(this.getCrop())return i;if(t&&t.width&&t.height){
"cover"==e.data.ratio_type&&(i=Math.max(i,Math.round(e.H()*t.width/t.height)))
;"contain"==e.data.ratio_type&&(i=Math.min(Math.min(i,Math.round(e.H()*t.width/t.height)),t.width))
}return i},_protected:function(){
return(this.component.data.protect||v.page_bg.security.content_protection)&&"editor"!=v.mode&&this.protect_available
},_antiDownload:function(t){
(t=t.parents(".componentBody:first")).on("contextmenu",function(t){
if("DIV"==t.target.nodeName)return!1})
;if(!this.component.data.link&&!this.component.data.bigger){
var e="/images/spacer.gif",i;(new Image).src=e
;t.on("mouseenter touchstart",function(i){var o=$(this)
;if(!($(".protectOverlay",o).length>0)){
var n=$('<img class="protectOverlay" src="'+e+'" width="'+o.width()+'" height="'+o.height()+'" />').css({
position:"absolute",zIndex:9999999
}).prependTo(t).on("mouseleave",function(){
setTimeout(function(){n.remove()},0)})
;$(document).one("touchend",function(){setTimeout(function(){
n.remove()},0)})}})}},_setFullWidth:function(){
this.component.setFullWidth("fullwidth"==this.component.data.ratio_type)
},_setParallax:function(){
var t="editor"==v.mode?$("#site"):$(window),e=this.component.componentBody.find(".uii_img:first")
;if(this.component.data.parallax){var i=this,o
;window.navigator.userAgent.match(/MSIE|Trident|Edge/)&&"viewer"==v.mode&&jQuery.fn.overrideWindowScroll(!0)
;"fullwidth"!=this.component.data.ratio_type&&(this.component.W()>this.component.H()?e.css("background-size","150%"):e.css("background-size","125%"))
;var n=function(){
var o=i.component.node.position().top,n=o-t.height(),a=o+i.component.node.height(),s=a-n
;if(t.scrollTop()>n&&t.scrollTop()<a){
var r,c="50% "+(100-100*(t.scrollTop()-n)/s)+"%";e.css({
backgroundPosition:c})}};n()
;t.off("scroll.parallaxImg"+this.uniqId()).on("scroll.parallaxImg"+this.uniqId(),n)
;t.off("resize.parallaxImg"+this.uniqId()).on("resize.parallaxImg"+this.uniqId(),function(){
clearTimeout(i._to_window_resize)
;i._to_window_resize=setTimeout(function(){i._setParallax()
},150)})}else{t.off("scroll.parallaxImg"+this.uniqId())
;t.off("resize.parallaxImg"+this.uniqId());if(this.getCrop()){
this._applyCropCss(e);return}
"free"==this.component.data.ratio_type&&e.css("background-size","100% 100%")
;"ratio"==this.component.data.ratio_type&&e.css("background-size","contain")
;"contain"==this.component.data.ratio_type&&e.css("background-size","contain")
;var a=this.component.data.imageFile
;"contain"==this.component.data.ratio_type&&a&&a.width&&a.height&&a.width<=this.component.W()&&a.height<=this.component.H()&&e.css("background-size","auto")
;this.component.data.imageFile.name&&this.component.data.imageFile.name.match(/default/)&&e.css("background-size","")
;var s="50% "+("fullwidth"==this.component.data.ratio_type&&this.component.getData("background_position")!=undefined?this.component.getData("background_position"):50)+"%"
;e.css({backgroundPosition:s,objectPosition:s})}},
_setFilter:function(){
var t=this.component.componentBody.find(".uii_img")
;if(this.component.data.activate_mask){
t=this.component.componentBody.find(".content_svg")
;if("color"==this.component.getData("filter")){
this.component.data.filter="none"
;this.component.recreatePropertyDesignNode()}
}else 0==t.length&&(t=this.component.componentBody.find("img"))
;this.component.data.gradient_colors[2]=this.component.data.gradient_colors[2]||45
;jQuery.fn.setImgFilter(t,"image",this.component.data.filter,"filterColorImg"+this.uniqId(),{
color:this.component.getData("gradient_colors")[1],
or:this.component.data.gradient_colors[0],
angle:this.component.data.gradient_colors[2]
},$(this.component.propertyNode).add(this.component.propertyDesignNode))
},_setColorFilter:function(){
"color"==this.component.data.filter&&$("#filterColorImg"+this.uniqId()).setBackgroundGradient(this.component.getData("gradient_colors")[1],this.component.data.gradient_colors[0],this.component.data.gradient_colors[2])
},_setRadius:function(){
var t=this.component.componentBody.find(".uii_img,img"),e=this.component.componentBody.find(".uii_crop_viewport"),i=e.length?e:t,o=this.component.componentBody.find(".img_overlay")
;if(this.component.data.radius_toggle&&this.component.data.radius&&"fullwidth"!=this.component.data.ratio_type&&!this.component.data.activate_mask){
var n=this.component.data.radius.join("px ")+"px"
;i.css("border-radius",n);e.length&&t.css("border-radius","")
;"color"==this.component.data.filter&&o.css("border-radius",n)
}else{t.css("border-radius","");e.css("border-radius","")
;o.css("border-radius","")}},_setShadow:function(){
var img=this.component.componentBody.find(".uii_img"),has_shadow=this.component.data.shadow_activate&&this.component.data.shadow
;0==img.length&&(img=this.component.componentBody.find("img"))
;if(has_shadow){
var shadow=this.component.data.shadow[6].replace(/get_color$\d, \d$/,function(){
return eval(arguments[0])});img.css("box-shadow",shadow)
}else img.css("box-shadow","")
;this.component.componentBody.css("overflow",has_shadow?"visible":"hidden")
},uniqId:function(){
this._uid_=this._uid_||this.component.uniqId();return this._uid_
},_isEmpty:function(){var t=!1
;return!(!/default/.test(this.component.data.imageFile.name)||-1!=this.component.data.imageFile.id)||t
},onDeviceChanged:function(t){var e=this,i=this.component
;if("mobile_tree"==t.to){if(this.ori_ratio_type)return
;if(i.data.activate_mask)var o=0,n=setInterval(function(){
if(i.node.find(".content_svg").height()<30&&o<200){o++
;e.updateImage()}else{clearInterval(n);n=null}},500)
;if("ratio"==i.data.ratio_type||"cover"==i.data.ratio_type&&this.getCrop()&&!(i.data.mobile_tree_min_height>0)){
var a=i.device_coordinates&&i.device_coordinates.desktop,s="ratio"==i.data.ratio_type?i.ui.aspectRatio_v:a&&a.w>0?a.h/a.w:0
;if(s>0)if(1==i.node.parents("#footer_zone").length){
i.node.css("position","absolute")
;i.node.css("min-height",i.node.width()*s)
;i.node.css("position","relative")
}else i.node.css("min-height",i.node.width()*s)}
}else if(this.ori_ratio_type){
i.data.ratio_type=this.ori_ratio_type;delete this.ori_ratio_type
}this.onPropertyChanged(["ratio_type"],{device_changed:!0})
;this.updateLink()},blockToolbarConfiguration:function(){return{
must_keep_ratio:"ratio"==this.component.data.ratio_type}},
blockSelectorToolbarItemFilter:function(t){var e=this
;if("tb_imgs"==t.name)return function(){
return(e.component.getData("tb_imgs")||[]).length>0}}};</script><style>.uii_img{position:relative;height:100%;position:absolute;width:100%;background-position:center center;background-repeat:no-repeat}.uii_img.cover,.uii_img.fullwidth{background-size:cover}.uii_img.ratio{background-size:contain}.uii_img.contain{background-size:contain}.uii_img.free{background-size:100% 100%}img.uii_img.cover,img.uii_img.fullwidth{-o-object-fit:cover;object-fit:cover}img.uii_img.ratio{-o-object-fit:contain;object-fit:contain}img.uii_img.contain{-o-object-fit:scale-down;object-fit:scale-down}img.uii_img.free{-o-object-fit:fill;object-fit:fill}.svg_defs{height:0;position:absolute;width:0}.uii_mask_node{-ms-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-select:none}.UI_Image img{display:block}.UI_Image a object[type*=image]{pointer-events:none}.componentBody.UI_Image.aos-animate{-webkit-transform:none !important;transform:none !important}
</style></uidget></article></body></html>