https://flyingtiger.id/cdn/shop/t/204/assets/bundle.zoom-image-init.js?v=122009433810158282011788231398

1!function(){"use strict";function e(t){return e="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},e(t)}var t="object"===("undefined"==typeof HTMLElement?"undefined":e(HTMLElement));function i(i){return t?i instanceof HTMLElement:i&&"object"===e(i)&&null!==i&&1===i.nodeType&&"string"==typeof i.nodeName}function n(e,t){t.forEach((function(t){e.classList.add(t)}))}function s(e,t){t.forEach((function(t){e.classList.remove(t)}))}function o(){if(!document.querySelector(".drift-base-styles")){var e=document.createElement("style");e.type="text/css",e.classList.add("drift-base-styles"),e.appendChild(document.createTextNode(".drift-bounding-box,.drift-zoom-pane{position:absolute;pointer-events:none}@keyframes noop{0%{zoom:1}}@-webkit-keyframes noop{0%{zoom:1}}.drift-zoom-pane.drift-open{display:block}.drift-zoom-pane.drift-closing,.drift-zoom-pane.drift-opening{animation:noop 1ms;-webkit-animation:noop 1ms}.drift-zoom-pane{overflow:hidden;width:100%;height:100%;top:0;left:0}.drift-zoom-pane-loader{display:none}.drift-zoom-pane img{position:absolute;display:block;max-width:none;max-height:none}"));var t=document.head;t.insertBefore(e,t.firstChild)}}function h(){throw new Error("Missing parameter")}function l(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var a=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.isShowing=!1;var i=t.namespace,n=void 0===i?null:i,s=t.zoomFactor,o=void 0===s?h():s,l=t.containerEl,a=void 0===l?h():l;this.settings={namespace:n,zoomFactor:o,containerEl:a},this.openClasses=this._buildClasses("open"),this._buildElement()}var t,i,o;return t=e,(i=[{key:"_buildClasses",value:function(e){var t=["drift-".concat(e)],i=this.settings.namespace;return i&&t.push("".concat(i,"-").concat(e)),t}},{key:"_buildElement",value:function(){this.el=document.createElement("div"),n(this.el,this._buildClasses("bounding-box"))}},{key:"show",value:function(e,t){this.isShowing=!0,this.settings.containerEl.appendChild(this.el);var i=this.el.style;i.width="".concat(Math.round(e/this.settings.zoomFactor),"px"),i.height="".concat(Math.round(t/this.settings.zoomFactor),"px"),n(this.el,this.openClasses)}},{key:"hide",value:function(){this.isShowing&&this.settings.containerEl.removeChild(this.el),this.isShowing=!1,s(this.el,this.openClasses)}},{key:"setPosition",value:function(e,t,i){var n=window.pageXOffset,s=window.pageYOffset,o=i.left+e*i.width-this.el.clientWidth/2+n,h=i.top+t*i.height-this.el.clientHeight/2+s;o<i.left+n?o=i.left+n:o+this.el.clientWidth>i.left+i.width+n&&(o=i.left+i.width-this.el.clientWidth+n),h<i.top+s?h=i.top+s:h+this.el.clientHeight>i.top+i.height+s&&(h=i.top+i.height-this.el.clientHeight+s),this.el.style.left="".concat(o,"px"),this.el.style.top="".concat(h,"px")}}])&&l(t.prototype,i),o&&l(t,o),Object.defineProperty(t,"prototype",{writable:!1}),e}();function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var d=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};r(this,e),this._show=this._show.bind(this),this._hide=this._hide.bind(this),this._handleEntry=this._handleEntry.bind(this),this._handleMovement=this._handleMovement.bind(this);var i=t.el,n=void 0===i?h():i,s=t.zoomPane,o=void 0===s?h():s,l=t.sourceAttribute,c=void 0===l?h():l,d=t.handleTouch,u=void 0===d?h():d,g=t.onShow,m=void 0===g?null:g,v=t.onHide,f=void 0===v?null:v,p=t.hoverDelay,y=void 0===p?0:p,b=t.touchDelay,w=void 0===b?0:b,_=t.hoverBoundingBox,E=void 0===_?h():_,C=t.touchBoundingBox,z=void 0===C?h():C,k=t.namespace,L=void 0===k?null:k,S=t.zoomFactor,B=void 0===S?h():S,x=t.boundingBoxContainer,A=void 0===x?h():x,T=t.passive,O=void 0!==T&&T;this.settings={el:n,zoomPane:o,sourceAttribute:c,handleTouch:u,onShow:m,onHide:f,hoverDelay:y,touchDelay:w,hoverBoundingBox:E,touchBoundingBox:z,namespace:L,zoomFactor:B,boundingBoxContainer:A,passive:O},(this.settings.hoverBoundingBox||this.settings.touchBoundingBox)&&(this.boundingBox=new a({namespace:this.settings.namespace,zoomFactor:this.settings.zoomFactor,containerEl:this.settings.boundingBoxContainer})),this.enabled=!0,this._bindEvents()}var t,i,n;return t=e,(i=[{key:"_preventDefault",value:function(e){e.preventDefault()}},{key:"_preventDefaultAllowTouchScroll",value:function(e){this.settings.touchDelay&&this._isTouchEvent(e)&&!this.isShowing||e.preventDefault()}},{key:"_isTouchEvent",value:function(e){return!!e.touches}},{key:"_bindEvents",value:function(){this.settings.el.addEventListener("mouseenter",this._handleEntry),this.settings.el.addEventListener("mouseleave",this._hide),this.settings.el.addEventListener("mousemove",this._handleMovement);var e={passive:this.settings.passive};this.settings.handleTouch?(this.settings.el.addEventListener("touchstart",this._handleEntry,e),this.settings.el.addEventListener("touchend",this._hide),this.settings.el.addEventListener("touchmove",this._handleMovement,e)):(this.settings.el.addEventListener("touchstart",this._preventDefault,e),this.settings.el.addEventListener("touchend",this._preventDefault),this.settings.el.addEventListener("touchmove",this._preventDefault,e))}},{key:"_unbindEvents",value:function(){this.settings.el.removeEventListener("mouseenter",this._handleEntry),this.settings.el.removeEventListener("mouseleave",this._hide),this.settings.el.removeEventListener("mousemove",this._handleMovement),this.settings.handleTouch?(this.settings.el.removeEventListener("touchstart",this._handleEntry),this.settings.el.removeEventListener("touchend",this._hide),this.settings.el.removeEventListener("touchmove",this._handleMovement)):(this.settings.el.removeEventListener("touchstart",this._preventDefault),this.settings.el.removeEventListener("touchend",this._preventDefault),this.settings.el.removeEventListener("touchmove",this._preventDefault))}},{key:"_handleEntry",value:function(e){this._preventDefaultAllowTouchScroll(e),this._lastMovement=e,"mouseenter"

1==e.type&&this.settings.hoverDelay?this.entryTimeout=setTimeout(this._show,this.settings.hoverDelay):this.settings.touchDelay?this.entryTimeout=setTimeout(this._show,this.settings.touchDelay):this._show()}},{key:"_show",value:function(){if(this.enabled){var e=this.settings.onShow;if(e&&"function"==typeof e&&e(),this.settings.zoomPane.show(this.settings.el.getAttribute(this.settings.sourceAttribute),this.settings.el.clientWidth,this.settings.el.clientHeight),this._lastMovement){var t=this._lastMovement.touches;(t&&this.settings.touchBoundingBox||!t&&this.settings.hoverBoundingBox)&&this.boundingBox.show(this.settings.zoomPane.el.clientWidth,this.settings.zoomPane.el.clientHeight)}this._handleMovement()}}},{key:"_hide",value:function(e){e&&this._preventDefaultAllowTouchScroll(e),this._lastMovement=null,this.entryTimeout&&clearTimeout(this.entryTimeout),this.boundingBox&&this.boundingBox.hide();var t=this.settings.onHide;t&&"function"==typeof t&&t(),this.settings.zoomPane.hide()}},{key:"_handleMovement",value:function(e){if(e)this._preventDefaultAllowTouchScroll(e),this._lastMovement=e;else{if(!this._lastMovement)return;e=this._lastMovement}var t,i;if(e.touches){var n=e.touches[0];t=n.clientX,i=n.clientY}else t=e.clientX,i=e.clientY;var s=this.settings.el.getBoundingClientRect(),o=t-s.left,h=i-s.top,l=o/this.settings.el.clientWidth,a=h/this.settings.el.clientHeight;this.boundingBox&&this.boundingBox.setPosition(l,a,s),this.settings.zoomPane.setPosition(l,a,s)}},{key:"isShowing",get:function(){return this.settings.zoomPane.isShowing}}])&&c(t.prototype,i),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function g(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var m=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(u(this,e),this.HAS_ANIMATION=!1,"undefined"!=typeof document){var i=document.createElement("div").style;this.HAS_ANIMATION="animation"in i||"webkitAnimation"in i}this._completeShow=this._completeShow.bind(this),this._completeHide=this._completeHide.bind(this),this._handleLoad=this._handleLoad.bind(this),this.isShowing=!1;var n=t.container,s=void 0===n?null:n,o=t.zoomFactor,l=void 0===o?h():o,a=t.inline,r=void 0===a?h():a,c=t.namespace,d=void 0===c?null:c,g=t.showWhitespaceAtEdges,m=void 0===g?h():g,v=t.containInline,f=void 0===v?h():v,p=t.inlineOffsetX,y=void 0===p?0:p,b=t.inlineOffsetY,w=void 0===b?0:b,_=t.inlineContainer,E=void 0===_?document.body:_;this.settings={container:s,zoomFactor:l,inline:r,namespace:d,showWhitespaceAtEdges:m,containInline:f,inlineOffsetX:y,inlineOffsetY:w,inlineContainer:E},this.openClasses=this._buildClasses("open"),this.openingClasses=this._buildClasses("opening"),this.closingClasses=this._buildClasses("closing"),this.inlineClasses=this._buildClasses("inline"),this.loadingClasses=this._buildClasses("loading"),this._buildElement()}var t,i,o;return t=e,(i=[{key:"_buildClasses",value:function(e){var t=["drift-".concat(e)],i=this.settings.namespace;return i&&t.push("".concat(i,"-").concat(e)),t}},{key:"_buildElement",value:function(){this.el=document.createElement("div"),n(this.el,this._buildClasses("zoom-pane"));var e=document.createElement("div");n(e,this._buildClasses("zoom-pane-loader")),this.el.appendChild(e),this.imgEl=document.createElement("img"),this.el.appendChild(this.imgEl)}},{key:"_setImageURL",value:function(e){this.imgEl.setAttribute("src",e)}},{key:"_setImageSize",value:function(e,t){this.imgEl.style.width="".concat(e*this.settings.zoomFactor,"px"),this.imgEl.style.height="".concat(t*this.settings.zoomFactor,"px")}},{key:"setPosition",value:function(e,t,i){var n=this.imgEl.offsetWidth,s=this.imgEl.offsetHeight,o=this.el.offsetWidth,h=this.el.offsetHeight,l=o/2-n*e,a=h/2-s*t,r=o-n,c=h-s,d=r>0,u=c>0,g=d?r/2:0,m=u?c/2:0,v=d?r/2:r,f=u?c/2:c;if(this.el.parentElement===this.settings.inlineContainer){var p=window.pageXOffset,y=window.pageYOffset,b=i.left+e*i.width-o/2+this.settings.inlineOffsetX+p,w=i.top+t*i.height-h/2+this.settings.inlineOffsetY+y;

1this.settings.containInline&&(b<i.left+p?b=i.left+p:b+o>i.left+i.width+p&&(b=i.left+i.width-o+p),w<i.top+y?w=i.top+y:w+h>i.top+i.height+y&&(w=i.top+i.height-h+y)),this.el.style.left="".concat(b,"px"),this.el.style.top="".concat(w,"px")}this.settings.showWhitespaceAtEdges||(l>g?l=g:l<v&&(l=v),a>m?a=m:a<f&&(a=f)),this.imgEl.style.transform="translate(".concat(l,"px, ").concat(a,"px)"),this.imgEl.style.webkitTransform="translate(".concat(l,"px, ").concat(a,"px)")}},{key:"_removeListenersAndResetClasses",value:function(){this.el.removeEventListener("animationend",this._completeShow),this.el.removeEventListener("animationend",this._completeHide),this.el.removeEventListener("webkitAnimationEnd",this._completeShow),this.el.removeEventListener("webkitAnimationEnd",this._completeHide),s(this.el,this.openClasses),s(this.el,this.closingClasses)}},{key:"show",value:function(e,t,i){this._removeListenersAndResetClasses(),this.isShowing=!0,n(this.el,this.openClasses),this.imgEl.getAttribute("src")!=e&&(n(this.el,this.loadingClasses),this.imgEl.addEventListener("load",this._handleLoad),this._setImageURL(e)),this._setImageSize(t,i),this._isInline?this._showInline():this._showInContainer(),this.HAS_ANIMATION&&(this.el.addEventListener("animationend",this._completeShow),this.el.addEventListener("webkitAnimationEnd",this._completeShow),n(this.el,this.openingClasses))}},{key:"_showInline",value:function(){this.settings.inlineContainer.appendChild(this.el),n(this.el,this.inlineClasses)}},{key:"_showInContainer",value:function(){this.settings.container.appendChild(this.el)}},{key:"hide",value:function(){this._removeListenersAndResetClasses(),this.isShowing=!1,this.HAS_ANIMATION?(this.el.addEventListener("animationend",this._completeHide),this.el.addEventListener("webkitAnimationEnd",this._completeHide),n(this.el,this.closingClasses)):(s(this.el,this.openClasses),s(this.el,this.inlineClasses))}},{key:"_completeShow",value:function(){this.el.removeEventListener("animationend",this._completeShow),this.el.removeEventListener("webkitAnimationEnd",this._completeShow),s(this.el,this.openingClasses)}},{key:"_completeHide",value:function(){this.el.removeEventListener("animationend",this._completeHide),this.el.removeEventListener("webkitAnimationEnd",this._completeHide),s(this.el,this.openClasses),s(this.el,this.closingClasses),s(this.el,this.inlineClasses),this.el.style.left="",this.el.style.top="",this.el.parentElement===this.settings.container?this.settings.container.removeChild(this.el):this.el.parentElement===this.settings.inlineContainer&&this.settings.inlineContainer.removeChild(this.el)}},{key:"_handleLoad",value:function(){this.imgEl.removeEventListener("load",this._handleLoad),s(this.el,this.loadingClasses)}},{key:"_isInline",get:function(){var e=this.settings.inline;return!0===e||"number"==typeof e&&window.innerWidth<=e}}])&&g(t.prototype,i),o&&g(t,o),Object.defineProperty(t,"prototype",{writable:!1}),e}();function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var p=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(v(this,e),this.VERSION="1.5.1",this.triggerEl=t,this.destroy=this.destroy.bind(this),!i(this.triggerEl))throw new TypeError("`new Drift` requires a DOM element as its first argument.");var s=n.namespace||null,h=n.showWhitespaceAtEdges||!1,l=n.containInl

1ine||!1,a=n.inlineOffsetX||0,r=n.inlineOffsetY||0,c=n.inlineContainer||document.body,d=n.sourceAttribute||"data-zoom",u=n.zoomFactor||3,g=void 0===n.paneContainer?document.body:n.paneContainer,m=n.inlinePane||375,f=!("handleTouch"in n)||!!n.handleTouch,p=n.onShow||null,y=n.onHide||null,b=!("injectBaseStyles"in n)||!!n.injectBaseStyles,w=n.hoverDelay||0,_=n.touchDelay||0,E=n.hoverBoundingBox||!1,C=n.touchBoundingBox||!1,z=n.boundingBoxContainer||document.body,k=n.passive||!1;if(!0!==m&&!i(g))throw new TypeError("`paneContainer` must be a DOM element when `inlinePane !== true`");if(!i(c))throw new TypeError("`inlineContainer` must be a DOM element");this.settings={namespace:s,showWhitespaceAtEdges:h,containInline:l,inlineOffsetX:a,inlineOffsetY:r,inlineContainer:c,sourceAttribute:d,zoomFactor:u,paneContainer:g,inlinePane:m,handleTouch:f,onShow:p,onHide:y,injectBaseStyles:b,hoverDelay:w,touchDelay:_,hoverBoundingBox:E,touchBoundingBox:C,boundingBoxContainer:z,passive:k},this.settings.injectBaseStyles&&o(),this._buildZoomPane(),this._buildTrigger()}var t,n,s;return t=e,(n=[{key:"_buildZoomPane",value:function(){this.zoomPane=new m({container:this.settings.paneContainer,zoomFactor:this.settings.zoomFactor,showWhitespaceAtEdges:this.settings.showWhitespaceAtEdges,containInline:this.settings.containInline,inline:this.settings.inlinePane,namespace:this.settings.namespace,inlineOffsetX:this.settings.inlineOffsetX,inlineOffsetY:this.settings.inlineOffsetY,inlineContainer:this.settings.inlineContainer})}},{key:"_buildTrigger",value:function(){this.trigger=new d({el:this.triggerEl,zoomPane:this.zoomPane,handleTouch:this.settings.handleTouch,onShow:this.settings.onShow,onHide:this.settings.onHide,sourceAttribute:this.settings.sourceAttribute,hoverDelay:this.settings.hoverDelay,touchDelay:this.settings.touchDelay,hoverBoundingBox:this.settings.hoverBoundingBox,touchBoundingBox:this.settings.touchBoundingBox,namespace:this.settings.namespace,zoomFactor:this.settings.zoomFactor,boundingBoxContainer:this.settings.boundingBoxContainer,passive:this.settings.passive})}},{key:"setZoomImageURL",value:function(e){this.zoomPane._setImageURL(e)}},{key:"disable",value:function(){this.trigger.enabled=!1}},{key:"enable",value:function(){this.trigger.enabled=!0}},{key:"destroy",value:function(){this.trigger._hide(),this.trigger._unbindEvents()}},{key:"isShowing",get:function(){return this.zoomPane.isShowing}},{key:"zoomFactor",get:function(){return this.settings.zoomFactor},set:function(e){this.settings.zoomFactor=e,this.zoomPane.settings.zoomFactor=e,this.trigger.settings.zoomFactor=e,this.boundingBox.settings.zoomFactor=e}}])&&f(t.prototype,n),s&&f(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}();Object.defineProperty(p.prototype,"isShowing",{get:function(){return this.isShowing}}),Object.defineProperty(p.prototype,"zoomFactor",{get:function(){return this.zoomFactor},set:function(e){this.zoomFactor=e}}),p.prototype.setZoomImageURL=p.prototype.setZoomImageURL,p.prototype.disable=p.prototype.disable,p.prototype.enable=p.prototype.enable,p.prototype.destroy=p.prototype.destroy;window.addEventListener("DOMContentLoaded",(function(){Object.freeze({init:function(){for(var e=document.querySelectorAll(".zoomimg"),t=document.querySelector("slider-component"),i=0;i<e.length;i++)new p(e[i],{paneContainer:t,inlinePane:!1,handleTouch:!1})}}).init()}))}();