https://www.paganidesignwatch.com/image-zoom-bfd3b1fb4c9469144f40.js

1"use strict";(self.webpackChunkpaganidesignwatches=self.webpackChunkpaganidesignwatches||[]).push([[8214],{10020:function(e,t,r){t.Ay=void 0;var n,o=(n=r(58144))&&n.__esModule?n:{default:n};var a=o.default;t.Ay=a},33528:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=a(t);if(r&&r.has(e))return r.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var c=u?Object.getOwnPropertyDescriptor(e,i):null;c&&(c.get||c.set)?Object.defineProperty(o,i,c):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(r(63696));function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}var i=function(e){var t=e.src,r=e.sources,n=e.width,a=e.height,i=e.hasSpacer,c=e.imgAttributes,l=e.isZoomed,f=e.fadeDuration,s=n&&a&&i;return o.default.createElement("div",{style:{paddingTop:s?"".concat(a/n*100,"%"):null}},r&&r.length>0?o.default.createElement("picture",null,r.map(function(e,t){return o.default.createElement(o.Fragment,{key:t},e.srcSet&&o.default.createElement("source",e))}),o.default.createElement("img",u({},c,{className:"iiz__img ".concat(c.className||""," ").concat(l?"iiz__img--hidden":""," ").concat(s?"iiz__img--abs":""),style:{transition:"opacity 0ms linear ".concat(l?f:0,"ms, visibility 0ms linear ").concat(l?f:0,"ms")},src:t,width:n,height:a}))):o.default.createElement("img",u({},c,{className:"iiz__img ".concat(c.className||""," ").concat(l?"iiz__img--hidden":""," ").concat(s?"iiz__img--abs":""),style:{transition:"opacity 0ms linear ".concat(l?f:0,"ms, visibility 0ms linear ").concat(l?f:0,"ms")},src:t,width:n,height:a})))};t.default=i},58144:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=s(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(o,u,i):o[u]=e[u]}o.default=e,r&&r.set(e,o);return o}(r(63696)),a=f(r(33528)),u=f(r(89133)),i=f(r(82530)),c=r(54430),l=r(71573);function f(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){y(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function y(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==n(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===n(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,u,i=[],c=!0,l=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(f){l=!0,o=f}

1finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var g=(0,o.forwardRef)(function(e,t){var r=e.moveType,n=void 0===r?"pan":r,f=e.zoomType,s=void 0===f?"click":f,d=e.src,y=e.sources,b=e.width,g=e.height,v=e.hasSpacer,h=e.imgAttributes,O=void 0===h?{}:h,S=e.zoomSrc,w=e.zoomScale,j=void 0===w?1:w,_=e.zoomPreload,P=e.fadeDuration,E=void 0===P?150:P,M=e.fullscreenOnMobile,D=e.mobileBreakpoint,k=void 0===D?640:D,z=e.hideCloseButton,A=e.hideHint,C=e.className,I=e.afterZoomIn,L=e.afterZoomOut,N=(0,o.useRef)(null),W=(0,o.useRef)(null),T=(0,o.useRef)(null),F=(0,o.useRef)({}),Z=m((0,o.useState)(_),2),R=Z[0],B=Z[1],x=m((0,o.useState)(!1),2),U=x[0],H=x[1],$=m((0,o.useState)(!1),2),V=$[0],X=$[1],Y=m((0,o.useState)(!1),2),q=Y[0],G=Y[1],J=m((0,o.useState)(!1),2),K=J[0],Q=J[1],ee=m((0,o.useState)(!1),2),te=ee[0],re=ee[1],ne=m((0,o.useState)(!1),2),oe=ne[0],ae=ne[1],ue=m((0,o.useState)(n),2),ie=ue[0],ce=ue[1],le=m((0,o.useState)(0),2),fe=le[0],se=le[1],de=m((0,o.useState)(0),2),pe=de[0],ye=de[1],me=function(e){V?U?z&&Oe(e):!te&&je():(U&&B(!0),W.current?(be({target:W.current}),we(e)):F.current.onLoadCallback=we.bind(undefined,e))},be=function(e){var t=(0,c.getScaledDimensions)(e.target,j);W.current=e.target,W.current.setAttribute("width",t.width),W.current.setAttribute("height",t.height),F.current.scaledDimensions=t,F.current.bounds=(0,c.getBounds)(N.current,!1),F.current.ratios=(0,c.getRatios)(F.current.bounds,t),F.current.onLoadCallback&&(F.current.onLoadCallback(),F.current.onLoadCallback=null)},ge=function(e){var t=(0,l.getMouseMovePositions)(e,F.current);se(t.left),ye(t.top)},ve=(0,o.useCallback)(function(e){e.stopPropagation();var t=(0,l.getDragMovePositions)(e,F.current);se(t.left),ye(t.top)},[]),he=function(e){Q(!1),U||re((0,l.getIsValidDrag)(e,F.current))},Oe=function(e){!U&&e.target.classList.contains("iiz__close")||(V&&!q&&E?ae(!0):Se({},!0)),je()},Se=function(e,t){(t||"opacity"===e.propertyName&&N.current.contains(e.target))&&((_&&U||!_)&&(W.current=null,F.current=(0,c.getImgPropsDefaults)(),B(!1)),H(!1),G(!1),ce(n),ae(!1))},we=function(e){X(!0),"drag"===ie?function(e){var t=(0,l.getInitialDragCoords)(e,F.current,q);F.current.bounds=(0,c.getBounds)(N.current,q),F.current.offsets=(0,c.getOffsets)(0,0,0,0),ve(p(p({},t),{},{stopPropagation:function(){}}))}(e):function(e){F.current.offsets=(0,c.getOffsets)(window.pageXOffset,window.pageYOffset,-F.current.bounds.left,-F.current.bounds.top),ge(e)}(e),I&&I()},je=function(){X(!1),L&&L()},_e={src:S||d,fadeDuration:q?0:E,top:pe,left:fe,isZoomed:V,onLoad:be,onDragStart:"drag"===ie?function(e){var t=(0,l.getEventCoords)(e);F.current.offsets=(0,c.getOffsets)(t.x,t.y,W.current.offsetLeft,W.current.offsetTop),Q(!0),U||(F.current.eventPosition=t)}:null,onDragEnd:"drag"===ie?he:null,onClose:z||"drag"!==ie?null:Oe,onFadeOut:oe?Se:null};return(0,o.useEffect)(function(){F.current=(0,c.getImgPropsDefaults)()},[]),(0,o.useEffect)(function(){(0,c.getFullscreenStatus)(M,k)&&B(!1)},[M,k]),(0,o.useEffect)(function(){if(W.current){var e=U?"touchmove":"mousemove";K?W.current.addEventListener(e,ve,{passive:!0}):W.current.removeEventListener(e,ve)}},[K,U,ve]),(0,o.useImperativeHandle)(t,function(){return{container:N.current,portal:T.current}}),o.default.createElement("figure",{className:"iiz ".concat("drag"===ie?"iiz--drag":""," ").concat(C||""),style:{width:b},ref:N,onTouchStart:V?null:function(){H(!0),G((0,c.getFullscreenStatus)(M,k)),ce("drag")},onClick:me,onMouseEnter:U?null:function(e){B(!0),ae(!1),"hover"===s&&!V&&me(e)},onMouseMove:"drag"!==ie&&V?ge:null,onMouseLeave:U?null:function(e){"drag"===ie&&V?he(e):Oe(e)}},o.default.createElement(a.default,{src:d,sources:y,width:b,height:g,hasSpacer:v,imgAttributes:O,fadeDuration:E,isZoomed:V}),R&&o.default.createElement(o.Fragment,null,q?o.default.createElement(i.default,{ref:T},o.default.createElement(u.default,_e)):o.default.createElement(u.default,_e)),!A&&!V&&o.default.createElement("span",{className:"iiz__btn iiz__hint"}))});g.displayName="InnerImageZoom";var v=g;t.default=v},82530:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}

1Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=u(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var c=a?Object.getOwnPropertyDescriptor(e,i):null;c&&(c.get||c.set)?Object.defineProperty(o,i,c):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(r(63696)),a=r(78325);function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(u=function(e){return e?r:t})(e)}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,u,i=[],c=!0,l=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(f){l=!0,o=f}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var l=(0,o.forwardRef)(function(e,t){var r=e.children,n=i((0,o.useState)(function(){var e=document.createElement("div");return e.classList.add("iiz__zoom-portal"),e}),1)[0];return(0,o.useEffect)(function(){return document.body.appendChild(n),function(){return document.body.removeChild(n)}},[n]),(0,a.createPortal)(o.default.createElement("div",{ref:t},r),n)});l.displayName="FullscreenPortal";var f=l;t.default=f},89133:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=a(t);if(r&&r.has(e))return r.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var c=u?Object.getOwnPropertyDescriptor(e,i):null;c&&(c.get||c.set)?Object.defineProperty(o,i,c):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(r(63696));function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}var u=function(e){var t=e.src,r=e.fadeDuration,n=e.top,a=e.left,u=e.isZoomed,i=e.onLoad,c=e.onDragStart,l=e.onDragEnd,f=e.onClose,s=e.onFadeOut;return o.default.createElement(o.Fragment,null,o.default.createElement("img",{className:"iiz__zoom-img ".concat(u?"iiz__zoom-img--visible":""),style:{top:n,left:a,transition:"opacity ".concat(r,"ms linear, visibility ").concat(r,"ms linear")},src:t,onLoad:i,onTouchStart:c,onTouchEnd:l,onMouseDown:c,onMouseUp:l,onTransitionEnd:s,draggable:"false",alt:""}),f&&o.default.createElement("button",{className:"iiz__btn iiz__close ".concat(u?"iiz__close--visible":""),style:{transition:"opacity ".concat(r,"ms linear, visibility ").concat(r,"ms linear")},onClick:f,"aria-label":"Zoom Out"}))};t.default=u}}]);
2//# sourceMappingURL=image-zoom-bfd3b1fb4c9469144f40.js.map