var app=function(){"use strict";function t(){}function e(t){return t()}function s(){return Object.create(null)}function i(t){t.forEach(e)}function o(t){return"function"==typeof t}function n(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}let d,a;function l(t,e){return d||(d=document.createElement("a")),d.href=e,t===d.href}function c(t,e){t.appendChild(e)}function r(t,e,s){t.insertBefore(e,s||null)}function f(t){t.parentNode.removeChild(t)}function u(t){return document.createElement(t)}function p(t){return document.createTextNode(t)}function h(){return p(" ")}function g(t,e,s,i){return t.addEventListener(e,s,i),()=>t.removeEventListener(e,s,i)}function m(t,e,s){null==s?t.removeAttribute(e):t.getAttribute(e)!==s&&t.setAttribute(e,s)}function _(t,e,s,i){null===s?t.style.removeProperty(e):t.style.setProperty(e,s,i?"important":"")}function w(t,e){for(let s=0;s{const i=s.length?s[0]:e;return m.ctx&&r(m.ctx[t],m.ctx[t]=i)&&(!m.skip_bound&&m.bound[t]&&m.bound[t](i),_&&T(n,t)),e})):[],m.update(),_=!0,i(m.before_update),m.fragment=!!c&&c(m.ctx),d.target){if(d.hydrate){const t=function(t){return Array.from(t.childNodes)}(d.target);m.fragment&&m.fragment.l(t),t.forEach(f)}else m.fragment&&m.fragment.c();d.intro&&((w=n.$$.fragment)&&w.i&&(k.delete(w),w.i(b))),function(t,s,n,d){const{fragment:a,on_mount:l,on_destroy:c,after_update:r}=t.$$;a&&a.m(s,n),d||E((()=>{const s=l.map(e).filter(o);c?c.push(...s):i(s),t.$$.on_mount=[]})),r.forEach(E)}(n,d.target,d.anchor,d.customElement),D()}var w,b;$(g)}var B=!1;if("undefined"!=typeof window){var H={get passive(){B=!0}};window.addEventListener("testPassive",null,H),window.removeEventListener("testPassive",null,H)}var I="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),W=[],Y=!1,N=-1,z=void 0,R=void 0,X=function(t){return W.some((function(e){return!(!e.options.allowTouchMove||!e.options.allowTouchMove(t))}))},q=function(t){var e=t||window.event;return!!X(e.target)||(e.touches.length>1||(e.preventDefault&&e.preventDefault(),!1))},G=function(t,e){if(t){if(!W.some((function(e){return e.targetElement===t}))){var s={targetElement:t,options:e||{}};W=[].concat(function(t){if(Array.isArray(t)){for(var e=0,s=Array(t.length);e0||function(t){return!!t&&t.scrollHeight-t.scrollTop<=t.clientHeight}(e)&&s<0?q(t):t.stopPropagation())}(e,t)},Y||(document.addEventListener("touchmove",q,B?{passive:!1}:void 0),Y=!0)):function(t){if(void 0===R){var e=!!t&&!0===t.reserveScrollBarGap,s=window.innerWidth-document.documentElement.clientWidth;e&&s>0&&(R=document.body.style.paddingRight,document.body.style.paddingRight=s+"px")}void 0===z&&(z=document.body.style.overflow,document.body.style.overflow="hidden")}(e)}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},K=function(t){t?(W=W.filter((function(e){return e.targetElement!==t})),I?(t.ontouchstart=null,t.ontouchmove=null,Y&&0===W.length&&(document.removeEventListener("touchmove",q,B?{passive:!1}:void 0),Y=!1)):W.length||(void 0!==R&&(document.body.style.paddingRight=R,R=void 0),void 0!==z&&(document.body.style.overflow=z,z=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};class U{constructor(t,e={}){this.settings=Object.assign({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},e),this.safariAgent=-1!=navigator.userAgent.indexOf("Safari")&&-1==navigator.userAgent.indexOf("Chrome"),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(){this.el.addEventListener("mousedown",(t=>{this._activate(!0),document.body.classList.add("icv__body"),G(this.el,{reserveScrollBarGap:!0}),this._slideCompare(t)})),this.el.addEventListener("mousemove",(t=>this.active&&this._slideCompare(t))),this.el.addEventListener("mouseup",(()=>this._activate(!1))),document.body.addEventListener("mouseup",(()=>{document.body.classList.remove("icv__body"),K(this.el),this._activate(!1)})),this.control.addEventListener("touchstart",(t=>{this._activate(!0),document.body.classList.add("icv__body"),G(this.el,{reserveScrollBarGap:!0})})),this.el.addEventListener("touchmove",(t=>{this.active&&this._slideCompare(t)})),this.el.addEventListener("touchend",(()=>{this._activate(!1),document.body.classList.remove("icv__body"),K(this.el)})),this.el.addEventListener("mouseenter",(()=>{this.settings.hoverStart&&this._activate(!0);let t=this.settings.addCircle?this.arrowCoordinates.circle:this.arrowCoordinates.standard;this.arrowAnimator.forEach(((e,s)=>{e.style.cssText=`\n ${this.settings.verticalMode?`transform: translateY(${t[1]*(0===s?1:-1)}px);`:`transform: translateX(${t[1]*(0===s?1:-1)}px);`}\n `}))})),this.el.addEventListener("mouseleave",(()=>{let t=this.settings.addCircle?this.arrowCoordinates.circle:this.arrowCoordinates.standard;this.arrowAnimator.forEach(((e,s)=>{e.style.cssText=`\n ${this.settings.verticalMode?`transform: translateY(${0===s?`${t[0]}px`:`-${t[0]}px`});`:`transform: translateX(${0===s?`${t[0]}px`:`-${t[0]}px`});`}\n `}))}))}_slideCompare(t){let e=this.el.getBoundingClientRect(),s=void 0!==t.touches?t.touches[0].clientX-e.left:t.clientX-e.left,i=void 0!==t.touches?t.touches[0].clientY-e.top:t.clientY-e.top,o=this.settings.verticalMode?i/e.height*100:s/e.width*100;o>=0&&o<=100&&(this.settings.verticalMode?this.control.style.top=`calc(${o}% - ${this.slideWidth/2}px)`:this.control.style.left=`calc(${o}% - ${this.slideWidth/2}px)`,this.settings.fluidMode?this.settings.verticalMode?this.wrapper.style.clipPath=`inset(0 0 ${100-o}% 0)`:this.wrapper.style.clipPath=`inset(0 0 0 ${o}%)`:this.settings.verticalMode?this.wrapper.style.height=`calc(${o}%)`:this.wrapper.style.width=`calc(${100-o}%)`)}_activate(t){this.active=t}_shapeContainer(){let t=document.createElement("div"),e=document.createElement("span"),s=document.createElement("span");e.classList.add("icv__label","icv__label-before","keep"),s.classList.add("icv__label","icv__label-after","keep"),this.settings.labelOptions.onHover&&(e.classList.add("on-hover"),s.classList.add("on-hover")),this.settings.verticalMode&&(e.classList.add("vertical"),s.classList.add("vertical")),e.innerHTML=this.settings.labelOptions.before||"Before",s.innerHTML=this.settings.labelOptions.after||"After",this.settings.showLabels&&(this.el.appendChild(e),this.el.appendChild(s)),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"),s=document.createElement("div"),i=document.createElement("div");s.classList.add("icv__theme-wrapper");for(var o=0;o<=1;o++){let t=document.createElement("div"),e=`\n \n `;t.innerHTML+=e,this.arrowAnimator.push(t),s.appendChild(t)}let n=this.settings.addCircle?this.arrowCoordinates.circle:this.arrowCoordinates.standard;this.arrowAnimator.forEach(((t,e)=>{t.classList.add("icv__arrow-wrapper"),t.style.cssText=`\n ${this.settings.verticalMode?`transform: translateY(${0===e?`${n[0]}px`:`-${n[0]}px`});`:`transform: translateX(${0===e?`${n[0]}px`:`-${n[0]}px`});`}\n `})),t.classList.add("icv__control"),t.style.cssText=`\n ${this.settings.verticalMode?"height":"width "}: ${this.slideWidth}px;\n ${this.settings.verticalMode?"top":"left "}: calc(${this.settings.startingPoint}% - ${this.slideWidth/2}px);\n ${"ontouchstart"in document.documentElement?"":this.settings.smoothing?`transition: ${this.settings.smoothingAmount}ms ease-out;`:""}\n `,e.classList.add("icv__control-line"),e.style.cssText=`\n ${this.settings.verticalMode?"height":"width "}: ${this.lineWidth}px;\n background: ${this.settings.controlColor};\n ${this.settings.controlShadow?"box-shadow: 0px 0px 15px rgba(0,0,0,0.33);":""}\n `;let d=e.cloneNode(!0);i.classList.add("icv__circle"),i.style.cssText=`\n\n ${this.settings.addCircleBlur&&"-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px)"};\n \n border: ${this.lineWidth}px solid ${this.settings.controlColor};\n ${this.settings.controlShadow&&"box-shadow: 0px 0px 15px rgba(0,0,0,0.33)"};\n `,t.appendChild(e),this.settings.addCircle&&t.appendChild(i),t.appendChild(s),t.appendChild(d),this.arrowContainer=s,this.control=t,this.el.appendChild(t)}_getImages(){let t=this.el.querySelectorAll("img, .keep");this.el.innerHTML="",t.forEach((t=>{this.el.appendChild(t)}));let e=[...t].filter((t=>"img"===t.nodeName.toLowerCase()));this.settings.verticalMode&&e.reverse();for(let t=0;t<=1;t++){let s=e[t];if(s.classList.add("icv__img"),s.classList.add(0===t?"icv__img-a":"icv__img-b"),1===t){let t=document.createElement("div"),i=e[1].src;t.classList.add("icv__wrapper"),t.style.cssText=`\n width: ${100-this.settings.startingPoint}%; \n height: ${this.settings.startingPoint}%;\n\n ${"ontouchstart"in document.documentElement?"":this.settings.smoothing?`transition: ${this.settings.smoothingAmount}ms ease-out;`:""}\n ${this.settings.fluidMode&&`background-image: url(${i}); clip-path: inset(${this.settings.verticalMode?` 0 0 ${100-this.settings.startingPoint}% 0`:`0 0 0 ${this.settings.startingPoint}%`})`}\n `,t.appendChild(s),this.wrapper=t,this.el.appendChild(this.wrapper)}}if(this.settings.fluidMode){let t=e[0].src,s=document.createElement("div");s.classList.add("icv__fluidwrapper"),s.style.cssText=`\n \n background-image: url(${t});\n \n `,this.el.appendChild(s)}}}function Z(t,e,s){const i=t.slice();return i[12]=e[s],i}function J(e){let s,i,o,n=e[12]+"";return{c(){s=u("option"),i=p(n),s.__value=o=e[12],s.value=s.__value},m(t,e){r(t,s,e),c(s,i)},p:t,d(t){t&&f(s)}}}function Q(e){let s,n,d,a,p,b,$,x,y,C,L,j,A,M,S,O,D,F,k,T,P,B,H,I,W,Y,N,z=Object.keys(e[5]),R=[];for(let t=0;te[8].call($))),_(a,"display","flex"),_(a,"flex-direction","column"),_(a,"align-items","center"),_(O,"font-size","14px"),m(F,"class","comparisonSelector"),_(F,"min-width","140px"),void 0===e[1]&&E((()=>e[9].call(F))),_(S,"display","flex"),_(S,"flex-direction","column"),_(S,"align-items","center"),_(d,"display","flex"),_(d,"flex-direction","row"),_(d,"justify-content","center"),l(P.src,B=e[5][e[1]].list[e[2]].file)||m(P,"src",B),m(P,"alt",""),l(I.src,W=e[5][e[1]].list["fileee "+e[4]].file)||m(I,"src",W),m(I,"alt",""),m(T,"id","image-compare"),m(T,"class","spinner-overlay svelte-crscr8"),v(T,"spinner",e[3]),_(n,"display","flex"),_(n,"flex-direction","column"),_(n,"align-items","center")},m(i,l){r(i,s,l),c(s,n),c(n,d),c(d,a),c(a,p),c(a,b),c(a,$),c($,x),c($,y),c($,C),c($,L),c($,j),c($,A),w($,e[2]),c(d,M),c(d,S),c(S,O),c(S,D),c(S,F);for(let t=0;t{new U(i,{controlColor:"#FF0000",controlShadow:!0,addCircle:!0,addCircleBlur:!0,showLabels:!0,labelOptions:{before:n,after:"fileee "+d,onHover:!1},smoothing:!1,hoverStart:!0,verticalMode:!1,startingPoint:50,fluidMode:!1}).mount()})),[i,o,n,l,d,a,function(){s(3,l=!0),document.getElementsByClassName("icv__label icv__label-before keep")[0].innerHTML=n},function(t,e){return t.onload=()=>{s(3,l=!1)},{destroy(){}}},function(){n=b(this),s(2,n)},function(){o=b(this),s(1,o),s(5,a)},function(t){C[t?"unshift":"push"]((()=>{i=t,s(0,i)}))}]}return new class extends class{$destroy(){!function(t,e){const s=t.$$;null!==s.fragment&&(i(s.on_destroy),s.fragment&&s.fragment.d(e),s.on_destroy=s.fragment=null,s.ctx=[])}(this,1),this.$destroy=t}$on(t,e){const s=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return s.push(e),()=>{const t=s.indexOf(e);-1!==t&&s.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}{constructor(t){super(),P(this,t,V,Q,n,{})}}({target:document.querySelector("#imageComparator"),props:{}})}(); //# sourceMappingURL=bundle.js.map