https://account.payop.com/8302.6174488ae1a519a1.js

1(function(){try{var f=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},g=(new f.Error).stack;g&&(f._sentryDebugIds=f._sentryDebugIds||{},f._sentryDebugIds[g]="36518fb2-0837-467c-a255-86f9b1241944",f._sentryDebugIdIdentifier="sentry-dbid-36518fb2-0837-467c-a255-86f9b1241944")}catch{}})(),(self.webpackChunkapp_psp_merchant=self.webpackChunkapp_psp_merchant||[]).push([[8302],{58302:(f,g,d)=>{d.r(g),d.d(g,{NgxPanZoomModule:()=>L,PanZoomComponent:()=>b,PanZoomConfig:()=>C});var a=d(61699),p=d(58071);const v=["frameElement"],y=["panElement"],z=["zoomElement"],P=["panzoomOverlay"],x=["*"];let b=(()=>{class c{zone;constructor(e){this.zone=e}frameElementRef;panElementRef;zoomElementRef;panzoomOverlayRef;config;base;model;api;contentHeight;contentWidth;frameHeight;frameWidth;lastMouseEventTime;previousPosition;isDragging=!1;panVelocity;animationParams;animationFrameFunc;lastTick=0;isChrome=!1;willChangeNextFrame=!0;animationId;isMobile=!1;scale;isFirstSync=!0;lastClickPoint;zoomLevelIsChanging=!1;dragFinishing=!1;dragMouseButton;maxScale;minScale;minimumAllowedZoomLevel;resizeObserver;ngOnInit(){switch(this.base=this.config.initialZoomToFit?this.calcZoomToFit(this.config.initialZoomToFit):{zoomLevel:this.config.initialZoomLevel,pan:{x:this.config.initialPanX,y:this.config.initialPanY}},this.model={zoomLevel:this.base.zoomLevel,isPanning:!1,pan:{x:this.base.pan.x,y:this.base.pan.y}},this.config.modelChanged.next(this.model),this.api={model:this.model,config:this.config,changeZoomLevel:this.zoomToLevelAndPoint.bind(this),zoomIn:this.zoomIn.bind(this),zoomOut:this.zoomOut.bind(this),zoomToFit:this.zoomToFit.bind(this),resetView:this.resetView.bind(this),getViewPosition:this.getViewPosition.bind(this),getModelPosition:this.getModelPosition.bind(this),panToPoint:this.panToPoint.bind(this),panDelta:this.panDelta.bind(this),panDeltaPercent:this.panDeltaPercent.bind(this),panDeltaAbsolute:this.panDeltaAbsolute.bind(this),centerContent:this.centerContent.bind(this),centerX:this.centerX.bind(this),centerY:this.centerY.bind(this),centerTopLeft:this.centerTopLeftCorner.bind(this),centerBottomLeft:this.centerBottomLeftCorner.bind(this),centerTopRight:this.centerTopRightCorner.bind(this),centerBottomRight:this.centerBottomRightCorner.bind(this),updateContentDimensions:this.updateContentDimensions.bind(this),detectContentDimensions:this.detectContentDimensions.bind(this)},this.config.api.next(this.api),this.config.freeMouseWheel&&(this.scale=this.getCssScale(this.config.initialZoomLevel),this.maxScale=this.getCssScale(this.config.zoomLevels-1),this.minScale=this.getCssScale(0)),this.minimumAllowedZoomLevel=0,this.config.keepInBounds&&(this.minimumAllowedZoomLevel=this.config.neutralZoomLevel,this.minScale=this.getCssScale(this.config.neutralZoomLevel)),this.zoomElementRef.nativeElement.style.willChange="transform",navigator.userAgent.

1search("Chrome")>=0&&(this.isChrome=!0,this.zoomElementRef.nativeElement.style.transform="translateZ(0)"),this.config.acceleratePan&&(this.panElementRef.nativeElement.style.willChange="transform",navigator.userAgent.search("Chrome")>=0&&(this.isChrome=!0,this.panElementRef.nativeElement.style.transform="translateZ(0)")),this.animationTick(),this.scale=this.getCssScale(this.base.zoomLevel),this.isFirstSync=!1,this.config.dragMouseButton){case"left":default:this.dragMouseButton=0;break;case"middle":this.dragMouseButton=1,this.zone.runOutsideAngular(()=>this.frameElementRef.nativeElement.addEventListener("auxclick",this.preventDefault));break;case"right":this.zone.runOutsideAngular(()=>document.addEventListener("contextmenu",this.preventDefault)),this.dragMouseButton=2}}ngAfterViewInit(){this.detectContentDimensions();const e=getComputedStyle(this.frameElementRef.nativeElement);this.frameHeight=parseInt(e.getPropertyValue("height").split("px")[0]),this.frameWidth=parseInt(e.getPropertyValue("width").split("px")[0]),this.zone.runOutsideAngular(()=>this.animationFrameFunc=window.requestAnimationFrame),this.config.dynamicContentDimensions&&(window.ResizeObserver?(this.resizeObserver=new window.ResizeObserver(t=>this.onContentDimensionsChangeDetected(t)),this.zone.runOutsideAngular(()=>this.resizeObserver.observe(this.zoomElementRef.nativeElement))):console.error("ResizeObserver API is not supported by this browser.  See https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver for info on browser compatibility.")),this.isMobileDevice()?(this.isMobile=!0,this.zone.runOutsideAngular(()=>this.frameElementRef.nativeElement.addEventListener("touchstart",this.onTouchStart))):this.zone.runOutsideAngular(()=>{this.frameElementRef.nativeElement.addEventListener("mousedown",this.onMousedown),this.frameElementRef.nativeElement.addEventListener("dblclick",this.onDblClick),this.frameElementRef.nativeElement.addEventListener("wheel",t=>this.animationFrameFunc(()=>this.onMouseWheel(t)),{passive:!0})})}ngOnDestroy(){switch(this.isMobile?this.frameElementRef.nativeElement.removeEventListener("touchstart",this.onTouchStart):(this.frameElementRef.nativeElement.removeEventListener("mousedown",this.onMousedown),this.frameElementRef.nativeElement.removeEventListener("wheel",e=>this.animationFrameFunc(()=>this.onMouseWheel(e)),{passive:!0}),this.frameElementRef.nativeElement.removeEventListener("dblclick",this.onDblClick)),this.animationFrameFunc&&this.animationId&&window.cancelAnimationFrame(this.animationId),this.resizeObserver&&this.resizeObserver.disconnect(),this.config.dragMouseButton){case"middle":this.dragMouseButton=1,this.zone.runOutsideAngular(()=>this.frameElementRef.nativeElement.removeEventListener("auxclick",this.preventDefault));break;case"right":this.zone.runOutsideAngular(()=>document.removeEventListener("contextmenu",this.preventDefault)),this.dragMouseButton=2}}onMouseWheel=e=>{if(!(e&&e.pageX&&e.pageY))return;let t=e.deltaY;if(this.config.zoomOnMouseWheel){if(this.animationParams)return;this.config.invertMouseWheel||(t=-t);const i=this.getFrameElementOffset(),n={x:e.pageX-i.left,y:e.pageY-i.top};this.lastClickPoint=n,this.config.freeMouseWheel?this.freeZoom(n,t):t<0?this.zoomInToPoint(n):t>0&&this.zoomOutFromPoint(n)}};isParentElement(e,t){let i=t.parentNode;for(;null!==i;){if(i.classList&&i.classList.contains(e))return!0;i=i.parentNode}return!1}onMousedown=e=>{if(!(this.config.noDragFromElementClass&&this.isParentElement(this.config.noDragFromElementClass,e.srcElement)||e.button!==this.dragMouseButton&&"touchstart"!==e.type))return"touchstart"!==e.type&&e.preventDefault(),this.dragFinishing=!1,this.panVelocity=void 0,this.config.panOnClickDrag&&(this.previousPosition={x:e.pageX,y:e.pageY},this.lastMouseEventTime=e.timeStamp,this.isDragging=!0,this.model.isPanning=!1,this.isMobile?(this.zone.runOutsideAngular(()=>document.addEventListener("touchend",this.onTouchEnd,!1)),this.zone.runOutsideAngular(()=>document.addEventListener("touchmove",this.onTouchMove,{passive:!0,capture:!1}))):(this.zone.runOutsideAngular(()=>document.addEventListener("mousemove",this.onMouseMove,{passive:!0,capture:!1})),this.zone.runOutsideAngular(()=>document.addEventListener("mouseup",this.onMouseUp)))),!1};onTouchStart=e=>{if(1!==e.touches.length){const t=e.touches[0].pageX-e.touches[1].pageX,i=e.touches[0].pageY-e.touches[1].pageY;this.previousPosition={length:t*t+i*i}}this.onMousedown(e)};onMouseMove=e=>{let t;if(e&&e.pageX&&e.pageY)t=e;else{if("touchmove"!==e.type||!e.touches[0].pageX||!e.touches[0].pageY)return;t={pageX:e.touches[0].pageX,pageY:e.touches[0].pageY}}const i=e.timeStamp,n=(i-this.lastMouseEventTime)/1e3;this.lastMouseEventTime=i;const s={x:t.pageX-this.previousPosition.x,y:t.pageY-this.previousPosition.y};if(this.config.keepInBounds){const l=this.getViewPosition({x:0,y:0}),u=this.getViewPosition({x:this.contentWidth,y:this.contentHeight});l.x>0&&s.x>0&&(s.x*=Math.min(1,Math.pow(l.x,-this.config.keepInBoundsDragPullback))),l.y>0&&s.y>0&&(s.y*=Math.min(1,Math.pow(l.y,-this.config.keepInBoundsDragPullback))),u.x<this.contentWidth&&s.x<0&&(s.x*=Math.min(1,Math.pow(this.contentWidth-u.x,-this.config.keepInBoundsDragPullback))),u.y<this.contentHeight&&s.y<0&&(s.y*=Math.min(1,Math.pow(this.contentHeight-u.y,-this.config.keepInBoundsDragPullback)))}const h_y=s.y||0;this.model.pan.x+=s.x||0,this.model.pan.y+=h_y,this.syncBaseToModel(),this.animationTick(),this.model.isPanning||(this.panzoomOverlayRef.nativeElement.style.display="block"),this.model.isPanning=!0;const r=s.x/n,m=s.y/n;this.panVelocity={x:Number.isFinite(r)?r:0,y:Number.isFinite(m)?m:0},this.previousPosition={x:t.pageX,y:t.pageY}};onTouchMove=e=>{if(1===e.touches.length)this.onMouseMove(e);else{const t=e.touches[0].pageX-e.touches[1].pageX,i=e.touches[0].pageY-e.touches[1].pageY,n=t*t+i*i,s=n-this.previousPosition.length;if(Math.abs(s)<100)return;const h=e.touches[1].pageX+t/2,r=e.touches[1].pageY+i/2,m=this.getFrameElementOffset(),l={x:h-m.left,y:r-m.top};this.lastClickPoint=l,this.changeZoomLevel(this.base.zoomLevel+1e-4*s,l),this.previousPosition={length:n}}};onMouseUp=e=>{if(e.button!==this.dragMouseButton&&"touchend"!==e.type)return;"touchend"!==e.type&&e.preventDefault();const i=(e.timeStamp-this.lastMouseEventTime)/1e3;if(!this.panVelocity||0===this.panVelocity.x&&0===this.panVelocity.y)this.panVelocity=void 0,this.dragFinishing=!1,this.model.isPanning=!1,this.config.modelChanged.next(this.model),this.syncBaseToModel();else{const n=Math.max(0,-.2+Math.pow(i+1,-4));this.panVelocity.x*=n,this.panVelocity.y*=n,this.dragFinishing=!0,this.zone.runOutsideAngular(()=>this.animationId=this.animationFrameFunc(this.animationTick))}this.isDragging=!1,this.isMobile?(this.zone.runOutsideAngular(()=>document.removeEventListener("touchend",this.onTouchEnd)),this.zone.runOutsideAngular(()=>document.removeEventListener("touchmove",this.onTouchMove,{passive:!0,capture:!1}))):(this.zone.runOutsideAngular(()=>document.removeEventListener("mousemove",this.onMouseMove,{passive:!0,capture:!1})),this.zone.runOutsideAngular(()=>document.removeEventListener("mouseup",this.onMouseUp,{passive:!0}))),this.panzoomOverlayRef.nativeElement.style.display="none"};onTouchEnd=e=>{this.onMouseUp(e)};onDblClick=e=>{if(e.preventDefault(),!this.config.zoomOnDoubleClick)return;const t=this.getFrameElementOffset(),i={x:e.pageX-t.left,y:e.pageY-t.top};this.lastClickPoint=i,this.zoomInToPoint(i)};preventDefault=e=>{e.preventDefault()};animationTick=(e=performance.now())=>{let t=0;if(0!==this.lastTick&&(t=e-this.lastTick),this.lastTick=e,this.animationParams&&(this.animationParams.progress+=Math.abs(t/this.animationParams.duration),this.animationParams.progress>=1&&(this.animationParams.progress=1,this.updateDOM(),this.animationParams=void 0)),this.panVelocity&&this.dragFinishing)for(t>0&&(t/=1e3);t>0;){const i=Math.min(.02,t);if(t-=i,this.model.pan.x=this.model.pan.x+this.panVelocity.x*i,this.panVelocity.x=this.panVelocity.x*(1-this.config.friction*i),this.model.pan.y=this.model.pan.y+this.panVelocity.y*i,this.panVelocity.y=this.panVelocity.y*(1-this.config.friction*i),this.length(this.panVelocity)<=this.config.haltSpeed){this.panVelocity=void 0,this.dragFinishing=!1;break}}if(this.config.keepInBounds||this.dragFinishing){const i=this.getViewPosition({x:0,y:0}),n=this.getViewPosition({x:this.contentWidth,y:this.contentHeight});i.x>0&&(this.base.pan.x-=this.config.keepInBoundsRestoreForce*i.x),i.y>0&&(this.base.pan.y-=this.config.keepInBoundsRestoreForce*i.y),n.x<this.contentWidth&&(this.base.pan.x-=this.config.keepInBoundsRestoreForce*(n.x-this.contentWidth)),n.y<this.contentHeight&&(this.base.pan.y-=this.config.keepInBoundsRestoreForce*(n.y-this.contentHeight))}if(this.updateDOM(),this.config.modelChanged.next(this.model),this.animationParams||this.panVelocity&&this.dragFinishing)this.isChrome&&this.zoomLevelIsChanging&&(this.zoomElementRef.nativeElement.style.willChange=this.willChangeNextFrame?"auto":"transform",this.willChangeNextFrame=!this.willChangeNextFrame),this.animationFrameFunc(this.animationTick);

1else{if(this.panVelocity&&!this.dragFinishing)return;this.model.isPanning&&(this.model.isPanning=!1),this.syncBaseToModel(),this.config.modelChanged.next(this.model),this.scale=this.getCssScale(this.base.zoomLevel),this.willChangeNextFrame=!0,this.zoomElementRef.nativeElement.style.willChange="transform",this.zoomLevelIsChanging=!1,this.lastTick=0}};updateDOM(){if(this.animationParams){this.model.zoomLevel=this.base.zoomLevel+this.animationParams.deltaZoomLevel*this.animationParams.progress;const t=this.animationParams.panStepFunc(this.model.zoomLevel);if(this.model.pan.x=this.base.pan.x+t.x,this.model.pan.y=this.base.pan.y+t.y,this.config.keepInBounds){const i=this.getViewPosition({x:0,y:0}),n=this.getViewPosition({x:this.contentWidth,y:this.contentHeight});i.x>0&&(this.model.pan.x=0),i.y>0&&(this.model.pan.y=0),n.x<this.contentWidth&&(this.model.pan.x-=n.x-this.contentWidth),n.y<this.contentHeight&&(this.model.pan.y-=n.y-this.contentHeight)}}if(this.animationParams||this.isFirstSync){const n=`transform-origin: 0 0; transform: scale(${this.getCssScale(this.model.zoomLevel)});`;this.zoomElementRef.nativeElement.setAttribute("style",n)}this.panElementRef.nativeElement.style.transform=`translate3d(${this.model.pan.x}px, ${this.model.pan.y}px, 0)`}freeZoom(e,t){if(this.isDragging)return;this.animationParams&&(this.animationParams=void 0),this.panVelocity&&(this.dragFinishing=!1,this.panVelocity=void 0);const i_x=this.model.pan.x,i_y=this.model.pan.y,n=this.scale;let s=this.scale+t*this.config.freeMouseWheelFactor*this.scale;s=Math.max(this.minScale,Math.min(this.maxScale,s)),this.scale=s;const h={x:e.x-s/n*(e.x-i_x),y:e.y-s/n*(e.y-i_y)};this.panElementRef.nativeElement.style.transform=`translate3d(${h.x}px, ${h.y}px, 0)`;let l=`transform-origin: 0 0; transform: scale(${this.scale});`;this.isChrome&&(l+=this.willChangeNextFrame?" will-change: auto;":" will-change: transform;",this.willChangeNextFrame=!this.willChangeNextFrame),this.zoomElementRef.nativeElement.setAttribute("style",l),this.model.pan.x=h.x,this.model.pan.y=h.y,this.model.zoomLevel=this.getZoomLevel(this.scale),this.config.modelChanged.next(this.model),this.syncBaseToModel()}isMobileDevice(){return typeof window.orientation<"u"||-1!==navigator.userAgent.indexOf("IEMobile")}syncBaseToModel(){this.base.pan.x=this.model.pan.x,this.base.pan.y=this.model.pan.y,this.base.zoomLevel=this.model.zoomLevel}length(e){return Math.sqrt(e.x*e.x+e.y*e.y)}getCentrePoint(){return{x:this.frameElementRef.nativeElement.offsetWidth/2,y:this.frameElementRef.nativeElement.offsetHeight/2}}getCssScale(e){return Math.pow(this.config.scalePerZoomLevel,e-this.config.neutralZoomLevel)}getZoomLevel(e){return Math.log10(e)/Math.log10(this.config.scalePerZoomLevel)+this.config.neutralZoomLevel}calcZoomToFit(e){const t=this.frameElementRef.nativeElement.offsetWidth,i=this.frameElementRef.nativeElement.offsetHeight,n=e.width,s=e.height,h=Math.min(t/n,i/s),m=this.getZoomLevel(h)*this.config.zoomToFitZoomLevelFactor,l=this.getCssScale(m);return{zoomLevel:m,pan:{x:-e.x*l+(t-n*l)/2,y:-e.y*l+(i-s*l)/2}}}zoomToFitModel(e,t=void 0){this.model.isPanning=!0,this.animateToTarget(e,t)}zoomToLevelAndPoint(e,t){this.changeZoomLevel(e,t)}zoomIn(e="lastPoint"){"lastPoint"===e?this.changeZoomLevel(this.base.zoomLevel+this.config.zoomButtonIncrement,this.lastClickPoint):"viewCenter"===e&&this.changeZoomLevel(this.base.zoomLevel+this.config.zoomButtonIncrement,this.getCentrePoint())}zoomOut(e="lastPoint"){"lastPoint"===e?this.changeZoomLevel(this.base.zoomLevel-this.config.zoomButtonIncrement,this.lastClickPoint):"viewCenter"===e&&this.changeZoomLevel(this.base.zoomLevel-this.config.zoomButtonIncrement,this.getCentrePoint())}startAnimation(){this.lastTick=performance.now(),this.zone.runOutsideAngular(()=>this.animationId=this.animationFrameFunc(this.animationTick))}getFrameElementOffset(){const e=this.frameElementRef.nativeElement.getBoundingClientRect();return{top:e.top+window.scrollY,left:e.left+window.scrollX}}onContentDimensionsChangeDetected(e){this.contentHeight=e[0].contentRect.height,this.contentWidth=e[0].contentRect.width}getViewPosition(e){let t,i;if(this.animationParams){t=this.getCssScale(this.base.zoomLevel+this.animationParams.deltaZoomLevel*this.animationParams.progress);let n=this.animationParams.panStepFunc(this.model.zoomLevel);

1i={x:this.base.pan.x+n.x,y:this.base.pan.y+n.y}}else t=this.getCssScale(this.base.zoomLevel),i=this.base.pan;return{x:e.x*t+i.x,y:e.y*t+i.y}}getModelPosition(e){const t=e,i=this.getCssScale(this.base.zoomLevel),n=this.base.pan;return{x:1/i*(t.x-n.x),y:1/i*(t.y-n.y)}}resetView(){this.config.initialZoomToFit?this.zoomToFit(this.config.initialZoomToFit):void 0!==this.config.initialPanX&&void 0!==this.config.initialPanY&&void 0!==this.config.initialZoomLevel?this.zoomToFitModel({zoomLevel:this.config.initialZoomLevel,pan:{x:this.config.initialPanX,y:this.config.initialPanY}}):(console.error("PanZoomComponent: resetView() could not reset view as some vars were not set.  The culprits are either config.initialZoomLevel, config.initialPanX, or config.initialPanY.  Or just set panzoomConfig.initialZoomToFit"),console.log("config.initialZoomLevel: "+this.config.initialZoomLevel),console.log("config.initialPanX: "+this.config.initialPanX),console.log("config.initialPanY: "+this.config.initialPanY))}zoomToFit(e,t){const i=this.calcZoomToFit(e);this.model.isPanning=!0,this.animateToTarget(i,t)}zoomInToPoint(e){this.changeZoomLevel(this.base.zoomLevel+this.config.zoomButtonIncrement,e)}zoomOutFromPoint(e){this.changeZoomLevel(this.base.zoomLevel-this.config.zoomButtonIncrement,e)}panToPoint(e,t){const i={pan:{x:this.frameWidth/2-e.x*this.scale,y:this.frameHeight/2-e.y*this.scale},zoomLevel:this.base.zoomLevel};this.model.isPanning=!0,this.animateToTarget(i,t)}panToPointCurrentScale(e,t){const i={pan:{x:this.frameWidth/2-e.x,y:this.frameHeight/2-e.y},zoomLevel:this.base.zoomLevel};this.model.isPanning=!0,this.animateToTarget(i,t)}panDelta(e,t){const i={pan:{x:this.base.pan.x-this.scale*e.x,y:this.base.pan.y-this.scale*e.y},zoomLevel:this.base.zoomLevel};this.model.isPanning=!0,this.animateToTarget(i,t)}panDeltaAbsolute(e,t){const i={pan:{x:this.base.pan.x-e.x,y:this.base.pan.y-e.y},zoomLevel:this.base.zoomLevel};this.model.isPanning=!0,this.animateToTarget(i,t)}panDeltaPercent(e,t){let i=0,n=0;0!==e.x&&(i=this.contentWidth*(e.x/100)*this.scale),0!==e.y&&(n=this.contentHeight*(e.y/100)*this.scale);const s={pan:{x:this.base.pan.x-i,y:this.base.pan.y-n},zoomLevel:this.base.zoomLevel};this.model.isPanning=!0,this.animateToTarget(s,t)}centerContent(e){this.panToPoint({x:this.contentWidth/2,y:this.contentHeight/2},e)}centerX(e){const t={pan:{x:this.frameWidth/2-this.contentWidth/2*this.scale,y:this.base.pan.y},zoomLevel:this.base.zoomLevel};this.model.isPanning=!0,this.animateToTarget(t,e)}centerY(e){const t={pan:{x:this.base.pan.x,y:this.frameHeight/2-this.contentHeight/2*this.scale},zoomLevel:this.base.zoomLevel};this.model.isPanning=!0,this.animateToTarget(t,e)}centerTopLeftCorner(e){this.panToPoint({x:0,y:0},e)}centerBottomLeftCorner(e){this.panToPoint({x:0,y:this.contentHeight},e)}centerTopRightCorner(e){this.panToPoint({x:this.contentWidth,y:0},e)}centerBottomRightCorner(e){this.panToPoint({x:this.contentWidth,y:this.contentHeight},e)}updateContentDimensions(e,t){void 0!==t&&(this.contentHeight=t),void 0!==e&&(this.contentWidth=e)}detectContentDimensions(){const e=getComputedStyle(this.zoomElementRef.nativeElement);this.contentHeight=parseInt(e.getPropertyValue("height").split("px")[0]),this.contentWidth=parseInt(e.getPropertyValue("width").split("px")[0])}animateToTarget(e,t=void 0){if(this.animationParams)return;this.zoomLevelIsChanging=!1,this.base.zoomLevel!==e.zoomLevel&&(this.zoomLevelIsChanging=!0);const i=e.zoomLevel-this.base.zoomLevel,n_x=this.base.pan.x,n_y=this.base.pan.y;this.model.pan.x=this.base.pan.x,this.model.pan.y=this.base.pan.y,this.animationParams={deltaZoomLevel:i,panStepFunc:h=>({x:-(n_x-e.pan.x)*this.animationParams.progress,y:-(n_y-e.pan.y)*this.animationParams.progress}),duration:t=t?1e3*t:1e3*this.config.zoomStepDuration,progress:0},this.startAnimation()}changeZoomLevel(e,t){if(this.animationParams)return;this.zoomLevelIsChanging=!0,e=Math.max(this.minimumAllowedZoomLevel,e);const i=(e=Math.min(this.config.zoomLevels-1,e))-this.base.zoomLevel;if(!i)return;const n_x=this.base.pan.x,n_y=this.base.pan.y,s=this.scale,h=t||this.getCentrePoint();this.animationParams={deltaZoomLevel:i,panStepFunc:m=>{const l=this.getCssScale(m);return{x:h.x-l/s*(h.x-n_x)-n_x,y:h.y-l/s*(h.y-n_y)-n_y}},duration:1e3*this.config.zoomStepDuration,progress:0},this.startAnimation()}static \u0275fac=function(t){return new(t||c)(a.Y36(a.R0b))};static \u0275cmp=a.Xpm({type:c,selectors:[["pan-zoom"]],viewQuery:function(t,i){if(1&t&&(a.Gf(v,7),a.Gf(y,7),a.Gf(z,7),a.Gf(P,7)),2&t){let n;a.iGM(n=a.CRH())&&(i.frameElementRef=n.first),a.iGM(n=a.CRH())&&(i.panElementRef=n.first),a.iGM(n=a.CRH())&&(i.zoomElementRef=n.first),a.iGM(n=a.CRH())&&(i.panzoomOverlayRef=n.first)}},inputs:{config:"config"},standalone:!0,features:[a.jDz],ngContentSelectors:x,decls:9,vars:0,consts:[[1,"pan-zoom-frame"],["frameElement",""],[1,"pan-element"],["panElement",""],[1,"zoom-element"],["zoomElement",""],[1,"pan-zoom-overlay"],["panzoomOverlay",""]],template:function(t,i){1&t&&(a.F$t(),a.TgZ(0,"div",0,1)(2,"div",2,3)(4,"div",4,5),a.Hsn(6),a.qZA()()(),a._UZ(7,"div",6,7))},styles:[".pan-zoom-frame[_ngcontent-%COMP%]{position:relative;width:100%;height:100%;overflow:hidden}.pan-element[_ngcontent-%COMP%]{position:absolute;

1left:0;top:0}.pan-zoom-overlay[_ngcontent-%COMP%]{position:absolute;display:none;inset:0;opacity:0;pointer-events:none}"]})}return c})(),L=(()=>{class c{static \u0275fac=function(t){return new(t||c)};static \u0275mod=a.oAB({type:c});static \u0275inj=a.cJS({})}return c})();class C{zoomLevels=5;neutralZoomLevel=2;scalePerZoomLevel=2;initialZoomLevel=this.neutralZoomLevel;friction=10;haltSpeed=100;initialPanX=0;initialPanY=0;initialZoomToFit;keepInBounds=!1;keepInBoundsDragPullback=.7;keepInBoundsRestoreForce=.5;panOnClickDrag=!0;dragMouseButton="left";zoomButtonIncrement=1;zoomOnDoubleClick=!0;zoomOnMouseWheel=!0;invertMouseWheel=!1;zoomStepDuration=.2;zoomToFitZoomLevelFactor=.95;freeMouseWheel=!0;freeMouseWheelFactor=.08;noDragFromElementClass;modelChanged=new p.X({isPanning:null,zoomLevel:null,pan:{x:null,y:null}});api=new p.X({model:null,config:null,changeZoomLevel:null,zoomIn:null,zoomOut:null,zoomToFit:null,getViewPosition:null,getModelPosition:null,resetView:null,panToPoint:null,panDelta:null,panDeltaPercent:null,panDeltaAbsolute:null,centerContent:null,centerX:null,centerY:null,centerTopLeft:null,centerTopRight:null,centerBottomLeft:null,centerBottomRight:null,updateContentDimensions:null,detectContentDimensions:null});acceleratePan=!0;dynamicContentDimensions=!1;constructor(o){void 0!==o&&("zoomLevels"in o&&(this.zoomLevels=o.zoomLevels),"neutralZoomLevel"in o&&(this.neutralZoomLevel=o.neutralZoomLevel),"scalePerZoomLevel"in o&&(this.scalePerZoomLevel=o.scalePerZoomLevel),"initialZoomLevel"in o&&(this.initialZoomLevel=o.initialZoomLevel),"friction"in o&&(this.friction=o.friction),"haltSpeed"in o&&(this.haltSpeed=o.haltSpeed),"initialPanX"in o&&(this.initialPanX=o.initialPanX),"initialPanY"in o&&(this.initialPanY=o.initialPanY),"initialZoomToFit"in o&&(this.initialZoomToFit=o.initialZoomToFit),"keepInBounds"in o&&(this.keepInBounds=o.keepInBounds),"keepInBoundsDragPullback"in o&&(this.keepInBoundsDragPullback=o.keepInBoundsDragPullback),"keepInBoundsRestoreForce"in o&&(this.keepInBoundsRestoreForce=o.keepInBoundsRestoreForce),"panOnClickDrag"in o&&(this.panOnClickDrag=o.panOnClickDrag),"dragMouseButton"in o&&(this.dragMouseButton=o.dragMouseButton),"zoomButtonIncrement"in o&&(this.zoomButtonIncrement=o.zoomButtonIncrement),"zoomOnDoubleClick"in o&&(this.zoomOnDoubleClick=o.zoomOnDoubleClick),"zoomOnMouseWheel"in o&&(this.zoomOnMouseWheel=o.zoomOnMouseWheel),"invertMouseWheel"in o&&(this.invertMouseWheel=o.invertMouseWheel),"zoomStepDuration"in o&&(this.zoomStepDuration=o.zoomStepDuration),"zoomToFitZoomLevelFactor"in o&&(this.zoomToFitZoomLevelFactor=o.zoomToFitZoomLevelFactor),"freeMouseWheel"in o&&(this.freeMouseWheel=o.freeMouseWheel),"freeMouseWheelFactor"in o&&(this.freeMouseWheelFactor=o.freeMouseWheelFactor),this.keepInBounds&&0!==this.neutralZoomLevel&&console.warn("You have set keepInBounds to true and neutralZoomLevel to "+this.neutralZoomLevel+". Be aware that the zoom level cannot go below "+this.neutralZoomLevel),"noDragFromElementClass"in o&&(this.noDragFromElementClass=o.noDragFromElementClass),"acceleratePan"in o&&(this.acceleratePan=o.acceleratePan),"dynamicContentDimensions"in o&&(this.dynamicContentDimensions=o.dynamicContentDimensions))}}}}]);
2//# sourceMappingURL=8302.6174488ae1a519a1.js.map