https://www.carrefour.it/on/demandware.static/Sites-carrefour-IT-S…/js/component-zoomComponent-js.chunk.js

1"use strict";(self.webpackChunkapp_project=self.webpackChunkapp_project||[]).push([[3287],{38548:function(e,t,o){o.r(t),o.d(t,{default:function(){return l}});var n=o(64467),i=o(23029),r=o(92901),s=o(50388),c=o(53954),u=o(15361);function a(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(a=function(){return!!e})()}var l=function(e){function t(e){var o,n,r,u;return(0,i.A)(this,t),n=this,r=t,u=[e],r=(0,c.A)(r),(o=(0,s.A)(n,a()?Reflect.construct(r,u||[],(0,c.A)(n).constructor):r.apply(n,u))).bindHover(),o.bindClick(),o}return(0,u.A)(t,e),(0,r.A)(t,[{key:"Messages",get:function(){return(0,n.A)((0,n.A)({},this.CUSTOM_MESSAGES.THUMBNAIL_EVENTS.click,this.updateMainImage),this.CUSTOM_MESSAGES.MODAL_EVENTS.afterClose,this.returnFocusOnTrigger)}},{key:"SELECTORS",get:function(){return{zoomImageContainer:".js-zoom"}}},{key:"CLASSES",get:function(){return{zoomContainer:"js-zoom"}}},{key:"returnFocusOnTrigger",value:function(){var e;null===(e=this.$el)||void 0===e||e.focus()}},{key:"bindClick",value:function(){var e=this;this.$el.addEventListener("click",function(t){if(t.target.classList.contains("js-zoom")||t.target.querySelector(".js-zoom")){var o=document.querySelector(".img-fluid");e.EMIT(e.CUSTOM_MESSAGES.ZOOM_EVENTS.click,{img:o})}})}},{key:"bindHover",value:function(){this.$on("mouseenter.zoom",this.handleFocusZoom.bind(this),this.$el),this.$on("mouseleave.zoom",this.handleBlurZoom.bind(this),this.$el),this.$on("focus.zoom",this.handleFocusZoom.bind(this),this.$el),this.$on("blur.zoom",this.handleBlurZoom.bind(this),this.$el)}},{key:"createContainer",value:function(){var e=this;clearTimeout(this.deleteTimeout);var t=this.$el.querySelector(this.SELECTORS.zoomImageContainer);if(t)t.classList.add("visible");else{var o=document.createElement("div"),n=encodeURI(decodeURI(this.$options.src));o.classList.add(this.CLASSES.zoomContainer),o.style.backgroundImage="url("+n+")",this.$el.appendChild(o),setTimeout(function(){o.classList.add("visible")},100)}setTimeout(function(){e.$el.classList.add("zoom-visible")},100),this.showZoom()}},{key:"showZoom",value:function(){this.moveZoom()}},{key:"hideZoom",value:function(){this.$off("mousemove.zoom")}},{key:"destroyContainer",value:function(){var e=this.$el.querySelector(this.SELECTORS.zoomImageContainer);e&&(e.classList.remove("visible"),this.deleteTimeout=setTimeout(function(){e.remove()},300))}},{key:"moveZoom",value:function(){var e=this;this.$on("mousemove.zoom",function(t){var o=t,n=e.$el.querySelector(e.SELECTORS.zoomImageContainer),i=n.getBoundingClientRect(),r=o.offsetX,s=o.offsetY,c=Math.round(100/(i.width/r)),u=Math.round(100/(i.height/s));n.style.backgroundPosition=c+"% "+u+"%"},this.$el)}},{key:"updateMainImage",value:function(e){this.$el.setAttribute("data-option-src",e.url);var t=this.$el.querySelector("img");t.src=e.url,t.srcset=e.srcset,t.dataset.index=e.index}},{key:"handleFocusZoom",value:function(e){var t=this;clearTimeout(this.leaveTimeout),this.enterTimeout=setTimeout(function(){t.createContainer()},200)}},{key:"handleBlurZoom",value:function(e){var t=this;clearTimeout(this.enterTimeout),this.leaveTimeout=setTimeout(function(){t.$el.classList.remove("zoom-visible"),t.destroyContainer(),t.hideZoom()},200)}}])}(o(57467).A)},57467:function(e,t,o){o.d(t,{A:function(){return v}});var n=o(64467),i=o(23029),r=o(92901),s=o(50388),c=o(53954),u=o(15361),a=o(85349),l=o.n(a),h=o(24263);function f(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)}return o}function m(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(m=function(){return!!e})()}var v=function(e){function t(e){var o,n,r,u;return(0,i.A)(this,t),n=this,r=t,u=[e],r=(0,c.A)(r),(o=(0,s.A)(n,m()?Reflect.construct(r,u||[],(0,c.A)(n).constructor):r.apply(n,u)))._componentElement=e,o._componentElement.setAttribute("data-component-init","true"),o._checkMessages(),o}return(0,u.A)(t,e),(0,r.A)(t,[{key:"$el",get:function(){return this._componentElement}},{key:"$options",get:function(){var e={},o=function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};

1t%2?f(Object(o),!0).forEach(function(t){(0,n.A)(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}({},this.$el.dataset);return Object.keys(o).filter(function(e){return e.includes("option")}).forEach(function(n){var i,r=t.cleanOptionKey(n);i=o[n].includes("{")&&o[n].includes("}")?JSON.parse(o[n].replace(/'/g,'"')):t.convertType(o[n]),e[r]=i}),(0,h.A)(e)}},{key:"COMPONENT_NAME",get:function(){return this.$el.getAttribute("data-component")}},{key:"$on",value:function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.$el,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;o&&e&&t&&(n?l().on(o,e,n,function(e){e&&e.stopPropagation(),t(e)}):l().on(o,e,function(e){e&&e.stopPropagation(),t(e)}))}},{key:"$one",value:function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.$el;l().one(o,e,t)}},{key:"$off",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.$el;l().off(t,e)}},{key:"$fire",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.$el;l().fire(t,e)}},{key:"loading",value:function(e,t){this._loading=!0,this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.show,{container:e||document.body,message:null!=t?t:null})}},{key:"endLoading",value:function(e,t){var o=this,n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3?arguments[3]:void 0;this._loading=!1,setTimeout(function(){o._loading||o.EMIT(o.CUSTOM_MESSAGES.LOADER_EVENTS.hide,{container:e||document.body,message:t,error:n,icon:i})},400)}}],[{key:"convertType",value:function(e){var t;switch(e){case"false":t=!1;break;case"true":t=!0;break;case"null":t=null;break;default:t=e}return t}},{key:"cleanOptionKey",value:function(e){var t=e.replace("option","");return"".concat(t.charAt(0).toLocaleLowerCase()).concat(t.slice(1))}}])}(o(39860).A)}}]);