https://www.chiptuning.shop/templates/SALEPIX/storefront/dist/js/zoomist.42a8b9.js

1"use strict";(self.webpackChunksalepix_storefront=self.webpackChunksalepix_storefront||[]).push([["zoomist"],{4052(t,e,i){i.d(e,{A:()=>tL});var s,n,l,a,o,r,h,m,u,d,c,f,g,p,v,_,b,w,y,Y,X,S,E,z,D=Object.defineProperty,x=(t,e,i)=>{let s;return(s="symbol"!=typeof e?e+"":e)in t?D(t,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[s]=i,i},$=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},T=(t,e,i)=>(((t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)})(t,e,"access private method"),i);let O=t=>{if(!t||"object"!=typeof t)return!1;let e=Object.getPrototypeOf(t);return e===Object.prototype||null===e},L=t=>t instanceof HTMLElement?t:document.querySelector(t),M=(t,e)=>e?t.closest(`.${e}`):null,C=t=>"touches"in t?0===t.touches.length?{clientX:0,clientY:0}:1===t.touches.length?{clientX:t.touches[0].clientX,clientY:t.touches[0].clientY}:{clientX:[...t.touches].reduce((t,e)=>t+e.clientX,0)/t.touches.length,clientY:[...t.touches].reduce((t,e)=>t+e.clientY,0)/t.touches.length}:{clientX:t.clientX,clientY:t.clientY},k=t=>{let{width:e,height:i,top:s,left:n,bottom:l}=t.getBoundingClientRect();return{width:e,height:i,top:s,left:n,bottom:l}},R=t=>t.touches.length>=2?Math.hypot(t.touches[0].clientX-t.touches[1].clientX,t.touches[0].clientY-t.touches[1].clientY):0,N=(t,e)=>{for(let[i,s]of Object.entries(e))"string"==typeof s&&t.style.setProperty(i,s)},W=(t,e)=>{for(let[i,s]of Object.entries(e))t.setAttribute(i,s)},I=(t,e)=>{for(let[i,s]of Object.entries(e))t[i]=s},B=(t,e,i)=>Math.min(Math.max(t,e),i),j=t=>isNaN(t)?0:Math.round(100*t)/100,A=t=>{throw Error(t)},F=(t="div",e,i,s)=>{let n=document.createElement(t);return e&&n.classList.add(...e.split(" ")),i&&W(n,i),s&&(n.innerHTML=s),n},H="zoomist",q=`${H}-container`,P=`${H}-wrapper`,V=`${H}-image`,Z=`${H}-not-draggable`,U=`${H}-not-wheelable`,G=`${H}-slider`,J=`${H}-slider-wrapper`,K=`${H}-slider-bar`,Q=`${H}-slider-button`,tt=`${H}-zoomer`,te=`${H}-zoomer-button`,ti=`${H}-zoomer-icon`,ts=`${H}-zoomer-in`,tn=`${H}-zoomer-out`,tl=`${H}-zoomer-reset`,ta=`${H}-zoomer-disabled`,to={tabindex:"0",role:"slider","aria-label":"slider for zoomist","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":"0","aria-disabled":"false"},tr={tabindex:"0",role:"button",type:"button","aria-disabled":"false"},th={...tr,"aria-label":"button for zoom in zoomist"},tm={...tr,"aria-label":"button for zoom out zoomist"},tu={...tr,"aria-label":"button for reset zoomist scale"},td="u">typeof window&&"u">typeof window.document&&"ontouchstart"in window,tc=td?"touchstart":"mousedown",tf=td?"touchmove":"mousemove",tg=td?"touchend":"mouseup",tp=["left","right","center"],tv=["top","bottom","center"],t_="--scale",tb="--translate-x",tw="--translate-y",ty={draggable:!0,wheelable:!0,pinchable:!0,bounds:!0,zoomRatio:.1,maxScale:10,minScale:1,initScale:null,dragReleaseOnBounds:!1,wheelReleaseOnMinMax:!1,disableDraggingClass:Z,disableWheelingClass:U,smooth:!1},tY={el:null,direction:"horizontal"},tX={el:`.${G}`},tS={el:null,inEl:null,outEl:null,resetEl:null,disabledClass:ta},tE={el:`.${tt}`,inEl:`.${ts}`,outEl:`.${tn}`,resetEl:`.${tl}`},tz={ready:null,reset:null,resize:null,beforeDestroy:null,destroy:null,beforeUpdate:null,update:null,zoom:null,wheel:null,dragStart:null,drag:null,dragEnd:null,pinchStart:null,pinch:null,pinchEnd:null,slideStart:null,slide:null,slideEnd:null},tD={slider:null,zoomer:null},tx=`
2<svg viewBox="0 0 12 12" class="${ti}">
3  <polygon points="12,5.5 6.5,5.5 6.5,0 5.5,0 5.5,5.5 0,5.5 0,6.5 5.5,6.5 5.5,12 6.5,12 6.5,6.5 12,6.5 "/>
4</svg>
5`,t$=`
6<svg viewBox="0 0 12 12" class="${ti}">
7  <rect y="5.5" width="12" height="1"/>
8</svg>
9`,tT=`
10<svg viewBox="0 0 12 12" class="${ti}">
11  <path d="m7.45,1.27l.35-.22c.26-.17.34-.52.17-.78-.17-.27-.52-.34-.78-.17l-1.54.99-.19.13-.11.46,1.12,1.75c.11.17.29.26.48.26.1,0,.21-.03.31-.09.26-.17.34-.52.17-.78l-.29-.46c1.85.5,3.22,2.17,3.22,4.18,0,2.39-1.95,4.34-4.34,4.34S1.66,8.92,1.66,6.52c0-1.15.44-2.23,1.25-3.05.22-.22.22-.58,0-.8-.22-.22-.58-.22-.8,0-1.02,1.03-1.58,2.4-1.58,3.85,0,3.02,2.46,5.48,5.48,5.48s5.48-2.46,5.48-5.48c0-2.51-1.71-4.62-4.02-5.26Z"/>
12</svg>
13`,{defineProperty:tO}=Object;class tL{constructor(t,e){if($(this,s),$(this,l),$(this,o),$(this,h),$(this,u),$(this,c),$(this,g),$(this,v),$(this,b),$(this,y),$(this,X),$(this,E),x(this,"element"),x(this,"options"),x(this,"wrapper"),x(this,"image"),x(this,"mounted"),x(this,"data"),x(this,"transform"),x(this,"states"),x(this,"controller"),x(this,"__events__"),x(this,"__modules__"),!t)return A("The first argument is required.");const i=L(t);if(!i)return A(`Element ${t} is not exist.`);this.element=i,this.options=Object.assign({},ty,O(e)&&e),this.init()}init(){let{element:t}=this,{options:{bounds:e,minScale:i,maxScale:l,initScale:a}}=this;if(t[H])return;t[H]=this;let o=t.querySelector(`.${P}`),r=t.querySelector(`.${V}`);return o?r?void(this.options.minScale=e&&i<1?1:i,this.options.maxScale=Math.max(l,i),this.options.initScale=B(a||i,i,l),this.wrapper=o,this.image=r,T(this,s,n).call(this)):console.warn(`${H} needs a ".${V}" element.`):console.warn(`${H} needs a ".${P}" element.`)}destroyModules(){let{slider:t,zoomer:e}=this.__modules__;t&&this.destroySlider(),e&&this.destroyZoomer()}destroySlider(){var t,e;let{__modules__:{slider:i}}=this;if(!i||!i.mounted)return;let{options:{el:s},controller:n}=i;s===`.${G}`?null==(t=i.sliderEl)||t.remove():null==(e=i.sliderTrack)||e.remove(),null==n||n.abort(),i.mounted=!1}destroyZoomer(){let{__modules__:{zoomer:t}}=this;if(!t||!t.mounted)return;let{options:{el:e,inEl:i,outEl:s,resetEl:n},controller:l,zoomerEl:a,zoomerInEl:o,zoomerOutEl:r,zoomerResetEl:h}=t;[{target:e,className:tt,el:a},{target:i,className:ts,el:o},{target:s,className:tn,el:r},{target:n,className:tl,el:h}

13].forEach(t=>{var e,i,s;return e=t.target,i=t.className,s=t.el,void(e===`.${i}`&&(null==s||s.remove()))}),null==l||l.abort(),t.mounted=!1}}s=new WeakSet,n=function(){let{element:t,image:e,options:i}=this,{draggable:s,pinchable:n}=i,{offsetWidth:o,offsetHeight:r}=t,{offsetWidth:h,offsetHeight:m}=e,{width:u,height:d}=k(e);if(!h||!m)return console.warn(`The width or height of ${V} should not be 0.`);if(this.transform={scale:0,translateX:0,translateY:0},this.data={imageData:{originWidth:h,originHeight:m,width:u,height:d},containerData:{width:o,height:r}},td&&(s||n)&&(this.data.touchData={hypot:0,prevX:0,prevY:0,offsetX:0,offsetY:0,imageTop:0,imageLeft:0,widthDiff:0,heightDiff:0,lastTime:0,velocityX:0,velocityY:0,frame:null}),!td&&s&&(this.data.dragData={prevX:0,prevY:0,lastTime:0,velocityX:0,velocityY:0,frame:null}),this.__events__={...tz},i.on)for(let[t,e]of Object.entries(i.on))this.__events__[t]=[e];if(this.__modules__={...tD},i.slider){let t=!0===i.slider?tX:i.slider;this.__modules__.slider={options:Object.assign({},tY,t)}}if(i.zoomer){let t=!0===i.zoomer?tE:i.zoomer;this.__modules__.zoomer={options:Object.assign({},tS,t)}}this.controller=new AbortController,T(this,l,a).call(this)},l=new WeakSet,a=function(){if(this.mounted)return;let{element:t,image:e,options:{minScale:i,maxScale:s,initScale:n},__modules__:{slider:l,zoomer:a}}=this;N(e,{transform:`
14        translate(var(${tb}, 0px), var(${tw}, 0px))
15        scale(var(${t_}, 0))`}),tO(this.transform,"scale",{get:()=>this.transform.__scale__,set:t=>{let o=this.useFixedRatio(t);if(null!=o&&this.transform.__scale__!==o&&(this.transform.__scale__=o,N(e,{[t_]:o.toString()}),I(this.data.imageData,{width:k(e).width,height:k(e).height}),l&&(l.value=Math.round(100*this.getScaleRatio())),a&&a.options.disabledClass)){let{zoomerInEl:t,zoomerOutEl:e,zoomerResetEl:l,options:{disabledClass:r}}=a;t&&(t.classList[o===s?"add":"remove"](r),W(t,{"aria-disabled":o===s?"true":"false"})),e&&(e.classList[o===i?"add":"remove"](r),W(e,{"aria-disabled":o===i?"true":"false"})),l&&(l.classList[o===n?"add":"remove"](r),W(l,{"aria-disabled":o===n?"true":"false"}))}}}),tO(this.transform,"translateX",{get:()=>this.transform.__translateX__,set:t=>{let i=j(t);null==i||this.transform.__translateX__===i||(this.transform.__translateX__=i,N(e,{[tb]:`${i}px`}))}}),tO(this.transform,"translateY",{get:()=>this.transform.__translateY__,set:t=>{let i=j(t);null==i||this.transform.__translateY__===i||(this.transform.__translateY__=i,N(e,{[tw]:`${i}px`}))}}),T(this,o,r).call(this),T(this,v,_).call(this),I(this.transform,{scale:n,translateX:0,translateY:0}),t.classList.add(q),this.mounted=!0,this.emit("ready",this)},o=new WeakSet,r=function(){let{wrapper:t,options:e,controller:{signal:i}}=this,{draggable:s,pinchable:n,wheelable:l}=e;if(this.states={},l){this.states.wheeling=!1;let e=t=>T(this,h,m).call(this,t);t.addEventListener("wheel",e,{signal:i})}if(td&&(s||n)){s&&(this.states.dragging=!1),n&&(this.states.pinching=!1);let e=t=>T(this,c,f).call(this,t);t.addEventListener("touchstart",e,{signal:i})}if(!td&&s){this.states.dragging=!1;let e=t=>T(this,u,d).call(this,t);t.addEventListener("mousedown",e,{signal:i})}T(this,g,p).call(this)},h=new WeakSet,m=function(t){let{options:{zoomRatio:e,wheelReleaseOnMinMax:i,disableWheelingClass:s}}=this,n=(t.deltaY||t.detail)>0?-1:1;if(i){let e=this.isOnMinScale(),i=this.isOnMaxScale();e&&-1===n||i&&1===n||t.preventDefault()}else t.preventDefault();this.states.wheeling||M(t.target,s)||(this.states.wheeling=!0,setTimeout(()=>{this.states.wheeling=!1},30),this.zoom(n*e,C(t)),this.emit("wheel",this,this.transform.scale,t))},u=new WeakSet,d=function(t){let{data:e,transform:i,options:{disableDraggingClass:s,smooth:n}}=this,{dragData:l,imageData:a}=e;if(!l||!a)return;let o=t=>{if(t.touches||!this.states.dragging)return;t.preventDefault();let e=Date.now(),{clientX:s,clientY:a}=C(t),o=s-l.prevX,r=a-l.prevY,h=e-l.lastTime,m=i.translateX+o,u=i.translateY+r;this.moveTo({x:m,y:u}),n&&h>0&&(l.velocityX=o/h*.8+.2*l.velocityX,l.velocityY=r/h*.8+.2*l.velocityY),I(l,{prevX:s,prevY:a,lastTime:e}

15),this.emit("drag",this,{x:m,y:u},t)},r=t=>{t.touches||(this.states.dragging=!1,this.emit("dragEnd",this,{x:i.translateX,y:i.translateY},t),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r))};(t=>{if(t&&0!==t.button||(t.preventDefault(),M(t.target,s)))return;null!==l.frame&&cancelAnimationFrame(l.frame);let e=Date.now(),{clientX:a,clientY:h}=C(t);if(I(l,{prevX:a,prevY:h,lastTime:e,velocityX:0,velocityY:0,frame:null}),this.states.dragging=!0,n){let t=this.useAnimate(l);l.frame=requestAnimationFrame(t)}this.emit("dragStart",this,{x:i.translateX,y:i.translateY},t),document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)})(t)},c=new WeakSet,f=function(t){let{data:e,transform:i,options:{maxScale:s,minScale:n,draggable:l,pinchable:a,bounds:o,dragReleaseOnBounds:r,disableDraggingClass:h,smooth:m}}=this,{touchData:u,imageData:d}=e;if(!u||!d)return;let c=t=>{if(!t.touches)return;let e=Date.now(),{states:{dragging:l,pinching:o}}=this,{top:r,left:h}=k(this.image),{width:d,height:c}=this.getImageDiff(),f=o&&2!==t.touches.length||!o&&2===t.touches.length,g=R(t),p=g?g/u.hypot:1,v=this.useFixedRatio(p*i.scale),{clientX:_,clientY:b}=C(t),w=_+u.offsetX,y=b+u.offsetY;if(a&&2===t.touches.length&&(o||(this.states.pinching=!0,this.emit("pinchStart",this,i.scale,t)),this.zoomTo(v,!1)),l){f&&(u.velocityX=0,u.velocityY=0);let l=v!==s&&v!==n&&a&&2===t.touches.length?p:1,o=j(w-u.imageLeft-(d-u.widthDiff)-(u.prevX-u.imageLeft)*l+i.translateX),r=j(y-u.imageTop-(c-u.heightDiff)-(u.prevY-u.imageTop)*l+i.translateY);if(this.moveTo({x:o,y:r}),m&&1===t.touches.length&&!f){let t=e-u.lastTime;if(t>0){let e=_-u.prevX,i=b-u.prevY;u.velocityX=e/t*.8+.2*u.velocityX,u.velocityY=i/t*.8+.2*u.velocityY}}}I(u,{hypot:g,prevX:_,prevY:b,imageTop:r,imageLeft:h,widthDiff:d,heightDiff:c,lastTime:e}),o&&2===t.touches.length&&this.emit("pinch",this,i.scale,t),l&&this.emit("drag",this,{x:i.translateX,y:i.translateY},t)},f=t=>{if(!t.touches)return;let{states:{dragging:e,pinching:s}}=this;if(s&&1===t.touches.length){this.states.pinching=!1;let{clientX:e,clientY:s}=C(t);I(u,{prevX:e,prevY:s,velocityX:0,velocityY:0,lastTime:Date.now()}),this.emit("pinchEnd",this,i.scale,t)}if(e&&!t.touches.length&&(this.states.dragging=!1,this.emit("dragEnd",this,{x:i.translateX,y:i.translateY},t)),e&&1===t.touches.length){let{clientX:e,clientY:i}=C(t);I(u,{offsetX:u.prevX-e,offsetY:u.prevY-i})}t.touches.length||(document.removeEventListener("touchmove",c),document.removeEventListener("touchend",f))};(t=>{if(!t.touches)return;if(o&&r){let e=this.isOnBoundX(),i=this.isOnBoundY();1===t.touches.length&&(e||i)||t.preventDefault()}else t.preventDefault();if(M(t.target,h)&&t.touches.length<=1)return;null!==u.frame&&cancelAnimationFrame(u.frame);let e=Date.now(),{top:s,left:n}=k(this.image),{width:d,height:g}=this.getImageDiff(),{clientX:p,clientY:v}=C(t);if(I(u,{hypot:R(t),prevX:p,prevY:v,offsetX:0,offsetY:0,imageTop:s,imageLeft:n,widthDiff:d,heightDiff:g,lastTime:e,velocityX:0,velocityY:0,frame:null}),l){if(this.states.dragging=!0,m){let t=this.useAnimate(u);u.frame=requestAnimationFrame(t)}this.emit("dragStart",this,{x:i.translateX,y:i.translateY},t)}a&&2===t.touches.length&&(this.states.pinching=!0,this.emit("pinchStart",this,i.scale,t)),document.addEventListener("touchmove",c),document.addEventListener("touchend",f)})(t)},g=new WeakSet,p=function(){let{element:t,image:e,transform:i}=this;new ResizeObserver(()=>{let{offsetWidth:s,offsetHeight:n}=t,{width:l,height:a}=this.getContainerData();if(s===l&&n===a)return;let o=i.translateX,r=i.translateY;if(o){let t=s/l*o;this.transform.translateX=t}if(r){let t=n/a*r;this.transform.translateY=t}let{offsetWidth:h,offsetHeight:m}=e,{width:u,height:d}=k(e);I(this.data.containerData,{width:s,height:n}),I(this.data.imageData,{originWidth:h,originHeight:m,width:u,height:d}),this.emit("resize",this)}).observe(t)},v=new WeakSet,_=function(){let{slider:t,zoomer:e}=this.__modules__;t&&T(this,b,w).call(this),e&&T(this,X,S).call(this)},b=new WeakSet,w=function(){let{element:t,__modules__:{slider:e}}=this;if(!e||e.mounted)return;let{options:{el:i,direction:s}}=e;if(!i)return;let n=i===`.${G}`,l=n?F("div",G):L(i);if(!l)return;let a=F("div",J),o=F("span",K),r=F("span",Q,{...to,"aria-orientation":s});l.classList.add(`${G}-${s}`),tO(e,"value",{get:()=>e.__value__,set(t){e.__value__!==t&&(e.__value__=t,N(l,{"--value":t.toString()}),W(r,{"aria-valuenow":t.toString()}))}}),I(e,{value:100*this.getScaleRatio(),controller:new AbortController,sliding:!1,sliderEl:l,sliderTrack:a,sliderButton:r}),T(this,y,Y).call(this),a.append(o,r),l.append(a),n&&t.append(l),e.mounted=!0},y=new WeakSet,Y=function(){let{options:{minScale:t,maxScale:e},__modules__:{slider:i}}=this;if(!i)return;let{options:{direction:s},controller:n,sliderEl:l,sliderTrack:a}=i;if(!l||!a)return;let o="vertical"===s,r=i=>{let s=k(a),n=s[o?"height":"width"],l=s[o?"bottom":"left"];return(e-t)*j(B((C(i)[o?"clientY":"clientX"]-l)*(o?-1:1)/n,0,1))+t},h=t=>{if(t instanceof MouseEvent&&0!==t.button)return;i.sliding=!0;let e=r(t);

15this.zoomTo(e),this.emit("slideStart",this,this.getSliderValue(),t),document.addEventListener(tf,m),document.addEventListener(tg,u)},m=t=>{if(!i.sliding)return;let e=r(t);this.zoomTo(e),this.emit("slide",this,this.getSliderValue(),t)},u=t=>{this.emit("slideEnd",this,this.getSliderValue(),t),i.sliding=!1,document.removeEventListener(tf,m),document.removeEventListener(tg,u)};l.addEventListener(tc,h,{signal:null==n?void 0:n.signal})},X=new WeakSet,S=function(){let{element:t,__modules__:{zoomer:e}}=this;if(!e||e.mounted)return;let{options:{el:i,inEl:s,outEl:n,resetEl:l}}=e,a=[s,n,l],o=(t,e,i,s,n)=>{if(!t)return null;let l=t===`.${i}`;return i=a.includes(t)?`${i} ${te}`:i,l?F(e,i,s,n):L(t)},r=o(i,"div",tt),h=o(s,"button",ts,th,tx),m=o(n,"button",tn,tm,t$),u=o(l,"button",tl,tu,tT);I(e,{controller:new AbortController,zoomerEl:r,zoomerInEl:h,zoomerOutEl:m,zoomerResetEl:u}),r&&(h&&r.append(h),m&&r.append(m),u&&r.append(u),i===`.${tt}`&&t.append(r)),T(this,E,z).call(this),e.mounted=!0},E=new WeakSet,z=function(){let{options:{zoomRatio:t},__modules__:{zoomer:e}}=this,i=this;if(!e)return;let{controller:s,zoomerInEl:n,zoomerOutEl:l,zoomerResetEl:a}=e;n&&n.addEventListener("click",()=>{i.zoom(t)},{signal:null==s?void 0:s.signal}),l&&l.addEventListener("click",()=>{i.zoom(-t)},{signal:null==s?void 0:s.signal}),a&&a.addEventListener("click",()=>{i.reset()},{signal:null==s?void 0:s.signal})},Object.assign(tL.prototype,{on(t,e){if(!e||"function"!=typeof e)return this;let{__events__:i}=this;return t.split(" ").forEach(t=>{i[t]||(i[t]=[]),i[t].push(e)}),this},emit(t,...e){let{__events__:i}=this;return i[t]&&i[t].forEach(t=>{"function"==typeof t&&t.apply(this,e)}),this},zoom(t,e){let{scale:i}=this.transform,s=this.useFixedRatio(j(i*(t+1)));return i===s||this.zoomTo(s,e),this},zoomTo(t,e=!0){let{image:i,transform:{scale:s,translateX:n,translateY:l},options:{bounds:a}}=this;if((t=this.useFixedRatio(t))===s)return this;if(this.transform.scale=t,!e)return this.emit("zoom",this,this.transform.scale),this;let{clientX:o,clientY:r}=e="boolean"==typeof e?this.getContainerCenterClient():e,{top:h,left:m,width:u,height:d}=k(i),{width:c,height:f}=this.getImageDiff(),g=t/s-1,p=(u/2-o+m)*g+n,v=(d/2-r+h)*g+l,_=a?B(p,c,-c):p,b=a?B(v,f,-f):v;return I(this.transform,{translateX:_,translateY:b}),this.emit("zoom",this,this.transform.scale),this},move(t){let{options:{bounds:e},transform:{translateX:i,translateY:s}}=this,{x:n,y:l}=t,{width:a,height:o}=this.getImageDiff();if(!isNaN(Number(n))){let t=i+n,s=e?B(t,a,-a):t;this.transform.translateX=s}if(!isNaN(Number(l))){let t=s+l,i=e?B(t,o,-o):t;this.transform.translateY=i}return this},moveTo(t){let{options:{bounds:e}}=this,{x:i,y:s}=t,{width:n,height:l}=this.getImageDiff();if(!isNaN(Number(i))){let t=Number(i),s=e?B(t,n,-n):t;this.transform.translateX=s}if(!isNaN(Number(s))){let t=Number(s),i=e?B(t,l,-l):t;this.transform.translateY=i}if(tp.some(t=>t===i)){let t={left:-n,right:n,center:0}[i];this.transform.translateX=t}if(tv.some(t=>t===s)){let t={top:-l,bottom:l,center:0}[s];this.transform.translateY=t}return this},slideTo(t){let{options:{minScale:e,maxScale:i}}=this;return this.zoomTo((i-e)*t/100+e),this},reset(){let{options:{initScale:t}}=this;return I(this.transform,{scale:t,translateX:0,translateY:0}),this.emit("reset",this),this},destroy(t=!1){let{element:e,image:i,controller:s}=this;return this.mounted&&(this.emit("beforeDestroy",this),s.abort(),this.destroyModules(),t&&i&&(this.reset(),i.removeAttribute("style")),e[H]=null,this.mounted=!1,this.emit("destroy",this)),null},update(t){let{element:e,controller:i}=this;return this.emit("beforeUpdate",this),e[H]=null,this.mounted=!1,i.abort(),this.destroyModules(),t&&(this.options=Object.assign({},ty,O(t)&&t)),this.init(),this.emit("update",this),this},getImageData(){return{...this.data.imageData}},getContainerData(){return{...this.data.containerData}},getSliderValue(){let{__modules__:{slider:t}}=this;return t&&void 0!==t.value?t.value:null},isOnBoundTop(){let{options:{bounds:t}}=this;if(!t)return!1;let{transform:{translateY:e}}=this,{height:i}=this.getImageDiff();return -1*e===j(i)},isOnBoundBottom(){let{options:{bounds:t}}=this;if(!t)return!1;let{transform:{translateY:e}}=this,{height:i}=this.getImageDiff();return e===j(i)},isOnBoundLeft(){let{options:{bounds:t}}=this;if(!t)return!1;let{transform:{translateX:e}}=this,{width:i}=this.getImageDiff();return -1*e===j(i)}

15,isOnBoundRight(){let{options:{bounds:t}}=this;if(!t)return!1;let{transform:{translateX:e}}=this,{width:i}=this.getImageDiff();return e===j(i)},isOnBoundX(){let{options:{bounds:t}}=this;if(!t)return!1;let{transform:{translateX:e}}=this,{width:i}=this.getImageDiff();return Math.abs(e)===Math.abs(j(i))},isOnBoundY(){let{options:{bounds:t}}=this;if(!t)return!1;let{transform:{translateY:e}}=this,{height:i}=this.getImageDiff();return Math.abs(e)===Math.abs(j(i))},isOnMinScale(){let{options:{minScale:t}}=this,{transform:{scale:e}}=this;return e===t},isOnMaxScale(){let{options:{maxScale:t}}=this,{transform:{scale:e}}=this;return e===t},getImageDiff(){let{width:t,height:e}=this.getContainerData(),{width:i,height:s}=this.getImageData();return{width:(t-i)/2,height:(e-s)/2}},getContainerCenterClient(){let{element:t}=this,{top:e,left:i,width:s,height:n}=k(t);return{clientX:i+s/2,clientY:e+n/2}},getScaleRatio(){let{transform:{scale:t},options:{minScale:e,maxScale:i}}=this;return(t-e)/(i-e)},useFixedRatio(t){let{options:{minScale:e,maxScale:i}}=this;return B(t,e,i)},useAnimate(t){let{options:{smooth:e},transform:i}=this,s=(1100-("object"==typeof e?Math.max(.1,Math.min(1,e.damping)):.6)*1e3)*.5,n=()=>{if(!this.states.dragging&&(Math.abs(t.velocityX)>.01||Math.abs(t.velocityY)>.01)){let e=Date.now(),n=e-t.lastTime,l=Math.exp(-n/s);t.velocityX*=l,t.velocityY*=l,t.lastTime=e;let a=t.velocityX*n,o=t.velocityY*n;if(this.moveTo({x:i.translateX+a,y:i.translateY+o}),.01>Math.abs(t.velocityX)&&.01>Math.abs(t.velocityY)){t.frame=null;return}}t.frame=requestAnimationFrame(n)};return n}})}}]);