(()=>{function L(o){if(Array.isArray(o)){for(var t=0,e=Array(o.length);t1),n=[],f=!1,y=-1,d=void 0,c=void 0,$=function(t){return n.some(function(e){return!!(e.options.allowTouchMove&&e.options.allowTouchMove(t))})},v=function(t){var e=t||window.event;return $(e.target)||e.touches.length>1?!0:(e.preventDefault&&e.preventDefault(),!1)},S=function(t){if(c===void 0){var e=!!t&&t.reserveScrollBarGap===!0,i=window.innerWidth-document.documentElement.clientWidth;e&&i>0&&(c=document.body.style.paddingRight,document.body.style.paddingRight=i+"px")}d===void 0&&(d=document.body.style.overflow,document.body.style.overflow="hidden")},M=function(){c!==void 0&&(document.body.style.paddingRight=c,c=void 0),d!==void 0&&(document.body.style.overflow=d,d=void 0)},E=function(t){return t?t.scrollHeight-t.scrollTop<=t.clientHeight:!1},A=function(t,e){var i=t.targetTouches[0].clientY-y;return $(t.target)?!1:e&&e.scrollTop===0&&i>0||E(e)&&i<0?v(t):(t.stopPropagation(),!0)},m=function(t,e){if(!t){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}if(!n.some(function(s){return s.targetElement===t})){var i={targetElement:t,options:e||{}};n=[].concat(L(n),[i]),_?(t.ontouchstart=function(s){s.targetTouches.length===1&&(y=s.targetTouches[0].clientY)},t.ontouchmove=function(s){s.targetTouches.length===1&&A(s,t)},f||(document.addEventListener("touchmove",v,g?{passive:!1}:void 0),f=!0)):S(e)}};var w=function(t){if(!t){console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");return}n=n.filter(function(e){return e.targetElement!==t}),_?(t.ontouchstart=null,t.ontouchmove=null,f&&n.length===0&&(document.removeEventListener("touchmove",v,g?{passive:!1}:void 0),f=!1)):n.length||M()};var b=class{constructor(t,e={}){let i={controlColor:"#FFFFFF",controlShadow:!0,addCircle:!1,addCircleBlur:!0,showLabels:!1,labelOptions:{before:"Before",after:"After",onHover:!1},smoothing:!0,smoothingAmount:100,hoverStart:!1,verticalMode:!1,startingPoint:50,fluidMode:!1};this.settings=Object.assign(i,e),this.safariAgent=navigator.userAgent.indexOf("Safari")!=-1&&navigator.userAgent.indexOf("Chrome")==-1,this.el=t,this.images={},this.wrapper=null,this.control=null,this.arrowContainer=null,this.arrowAnimator=[],this.active=!1,this.slideWidth=50,this.lineWidth=2,this.arrowCoordinates={circle:[5,3],standard:[8,0]}}mount(){this.safariAgent&&(this.settings.smoothing=!1),this._shapeContainer(),this._getImages(),this._buildControl(),this._events()}_events(){let t=` `;this.el.addEventListener("mousedown",e=>{this._activate(!0),document.body.classList.add("icv__body"),m(this.el,{reserveScrollBarGap:!0}),this._slideCompare(e)}),this.el.addEventListener("mousemove",e=>this.active&&this._slideCompare(e)),this.el.addEventListener("mouseup",()=>this._activate(!1)),document.body.addEventListener("mouseup",()=>{document.body.classList.remove("icv__body"),w(this.el),this._activate(!1)}),this.control.addEventListener("touchstart",e=>{this._activate(!0),document.body.classList.add("icv__body"),m(this.el,{reserveScrollBarGap:!0})}),this.el.addEventListener("touchmove",e=>{this.active&&this._slideCompare(e)}),this.el.addEventListener("touchend",()=>{this._activate(!1),document.body.classList.remove("icv__body"),w(this.el)}),this.el.addEventListener("mouseenter",()=>{this.settings.hoverStart&&this._activate(!0);let e=this.settings.addCircle?this.arrowCoordinates.circle:this.arrowCoordinates.standard;this.arrowAnimator.forEach((i,s)=>{i.style.cssText=` ${this.settings.verticalMode?`transform: translateY(${e[1]*(s===0?1:-1)}px);`:`transform: translateX(${e[1]*(s===0?1:-1)}px);`} `})}),this.el.addEventListener("mouseleave",()=>{let e=this.settings.addCircle?this.arrowCoordinates.circle:this.arrowCoordinates.standard;this.arrowAnimator.forEach((i,s)=>{i.style.cssText=` ${this.settings.verticalMode?`transform: translateY(${s===0?`${e[0]}px`:`-${e[0]}px`});`:`transform: translateX(${s===0?`${e[0]}px`:`-${e[0]}px`});`} `})})}_slideCompare(t){let e=this.el.getBoundingClientRect(),i=t.touches!==void 0?t.touches[0].clientX-e.left:t.clientX-e.left,s=t.touches!==void 0?t.touches[0].clientY-e.top:t.clientY-e.top,r=this.settings.verticalMode?s/e.height*100:i/e.width*100;r>=0&&r<=100&&(this.settings.verticalMode?this.control.style.top=`calc(${r}% - ${this.slideWidth/2}px)`:this.control.style.left=`calc(${r}% - ${this.slideWidth/2}px)`,this.settings.fluidMode?this.settings.verticalMode?this.wrapper.style.clipPath=`inset(0 0 ${100-r}% 0)`:this.wrapper.style.clipPath=`inset(0 0 0 ${r}%)`:this.settings.verticalMode?this.wrapper.style.height=`calc(${r}%)`:this.wrapper.style.width=`calc(${100-r}%)`)}_activate(t){this.active=t}_shapeContainer(){let t=document.createElement("div"),e=document.createElement("span"),i=document.createElement("span");e.classList.add("icv__label","icv__label-before","keep"),i.classList.add("icv__label","icv__label-after","keep"),this.settings.labelOptions.onHover&&(e.classList.add("on-hover"),i.classList.add("on-hover")),this.settings.verticalMode&&(e.classList.add("vertical"),i.classList.add("vertical")),e.innerHTML=this.settings.labelOptions.before||"Before",i.innerHTML=this.settings.labelOptions.after||"After",this.settings.showLabels&&(this.el.appendChild(e),this.el.appendChild(i)),this.el.classList.add("icv",this.settings.verticalMode?"icv__icv--vertical":"icv__icv--horizontal",this.settings.fluidMode?"icv__is--fluid":"standard"),t.classList.add("icv__imposter"),this.el.appendChild(t)}_buildControl(){let t=document.createElement("div"),e=document.createElement("div"),i=document.createElement("div"),s=document.createElement("div"),r="20";i.classList.add("icv__theme-wrapper");for(var l=0;l<=1;l++){let a=document.createElement("div"),u=` `;a.innerHTML+=u,this.arrowAnimator.push(a),i.appendChild(a)}let h=this.settings.addCircle?this.arrowCoordinates.circle:this.arrowCoordinates.standard;this.arrowAnimator.forEach((a,u)=>{a.classList.add("icv__arrow-wrapper"),a.style.cssText=` ${this.settings.verticalMode?`transform: translateY(${u===0?`${h[0]}px`:`-${h[0]}px`});`:`transform: translateX(${u===0?`${h[0]}px`:`-${h[0]}px`});`} `}),t.classList.add("icv__control"),t.style.cssText=` ${this.settings.verticalMode?"height":"width "}: ${this.slideWidth}px; ${this.settings.verticalMode?"top":"left "}: calc(${this.settings.startingPoint}% - ${this.slideWidth/2}px); ${"ontouchstart"in document.documentElement?"":this.settings.smoothing?`transition: ${this.settings.smoothingAmount}ms ease-out;`:""} `,e.classList.add("icv__control-line"),e.style.cssText=` ${this.settings.verticalMode?"height":"width "}: ${this.lineWidth}px; background: ${this.settings.controlColor}; ${this.settings.controlShadow?"box-shadow: 0px 0px 15px rgba(0,0,0,0.33);":""} `;let C=e.cloneNode(!0);s.classList.add("icv__circle"),s.style.cssText=` ${this.settings.addCircleBlur&&"-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px)"}; border: ${this.lineWidth}px solid ${this.settings.controlColor}; ${this.settings.controlShadow&&"box-shadow: 0px 0px 15px rgba(0,0,0,0.33)"}; `,t.appendChild(e),this.settings.addCircle&&t.appendChild(s),t.appendChild(i),t.appendChild(C),this.arrowContainer=i,this.control=t,this.el.appendChild(t)}_getImages(){let t=this.el.querySelectorAll("img, .keep");this.el.innerHTML="",t.forEach(i=>{this.el.appendChild(i)});let e=[...t].filter(i=>i.nodeName.toLowerCase()==="img");this.settings.verticalMode&&e.reverse();for(let i=0;i<=1;i++){let s=e[i];if(s.classList.add("icv__img"),s.classList.add(i===0?"icv__img-a":"icv__img-b"),i===1){let r=document.createElement("div"),l=e[1].src;r.classList.add("icv__wrapper"),r.style.cssText=` width: ${100-this.settings.startingPoint}%; height: ${this.settings.startingPoint}%; ${"ontouchstart"in document.documentElement?"":this.settings.smoothing?`transition: ${this.settings.smoothingAmount}ms ease-out;`:""} ${this.settings.fluidMode&&`background-image: url(${l}); clip-path: inset(${this.settings.verticalMode?` 0 0 ${100-this.settings.startingPoint}% 0`:`0 0 0 ${this.settings.startingPoint}%`})`} `,r.appendChild(s),this.wrapper=r,this.el.appendChild(this.wrapper)}}if(this.settings.fluidMode){let i=e[0].src,s=document.createElement("div");s.classList.add("icv__fluidwrapper"),s.style.cssText=` background-image: url(${i}); `,this.el.appendChild(s)}}},x=b;var B={controlColor:"#FFFFFF",controlShadow:!0,addCircle:!1,addCircleBlur:!0,showLabels:!1,smoothing:!0,smoothingAmount:150,hoverStart:!0,startingPoint:50.5,fluidMode:!1},T=document.querySelectorAll(".wp-block-aioseo-theme-image-compare");T.forEach(o=>{let t=new x(o,B).mount()});})();