@scandit/web-datacapture-barcode/build/js/chunks/chunk-FJ4SOETD.js

Scandit Data Capture SDK for the Web

import { a } from './chunk-T2Y2C76P.js';
import { Point } from '@scandit/web-datacapture-core';
import { clamp } from '@scandit/web-datacapture-core/build/js/private/utils/clamp.js';
import { Timeout } from '@scandit/web-datacapture-core/build/js/private/utils/timeout.js';

var s=class extends Event{constructor(t,i){super(t),this.point=i;}},h=class{constructor(t){this.translate=new Point(0,0);this.draggable=!1;this.pointerDownListener=this.onPointerDown.bind(this);this.pointerMoveListener=this.onPointerMove.bind(this);this.pointerUpListener=this.onPointerUp.bind(this);this.touchStartListener=this.onTouchStart.bind(this);this.resizeListener=this.onResize.bind(this);this.repositioningTimeout=new Timeout(500,this.repositionIfOutOfBounds.bind(this));this.margin=new Point(0,0);this.element=t;}get translateWithMargin(){return new Point(this.translate.x+this.margin.x,this.translate.y+this.margin.y)}connect(){this.render(),this.element.addEventListener("pointerdown",this.pointerDownListener),this.element.addEventListener("pointermove",this.pointerMoveListener),this.element.addEventListener("pointerup",this.pointerUpListener),this.element.addEventListener("touchstart",this.touchStartListener),window.addEventListener("resize",this.resizeListener);}disconnect(){this.element.removeEventListener("pointerdown",this.pointerDownListener),this.element.removeEventListener("pointermove",this.pointerMoveListener),this.element.removeEventListener("pointerup",this.pointerUpListener),this.element.removeEventListener("touchstart",this.touchStartListener),window.removeEventListener("resize",this.resizeListener),this.repositioningTimeout.stop();}getBoundedTranslate(){let{width:t,height:i}=this.element.getBoundingClientRect(),n=clamp(this.translate.x,Math.abs(this.margin.x),window.innerWidth-t-this.margin.x),o=clamp(this.translate.y,Math.abs(this.margin.y),window.innerHeight-i-this.margin.y);if(this.translate.x!==n||this.translate.y!==o)return new Point(n,o)}async translateTo(t,i){if(this.translate=t,i){let n=this.element.animate([{transform:`translate(${this.translate.x}px, ${this.translate.y}px)`}],{duration:200,easing:"ease"});n.play(),await n.finished;}this.render(),this.element.dispatchEvent(new s("drag",t));}render(){this.element.style.setProperty("transform",`translate(${this.translate.x}px, ${this.translate.y}px)`);}async repositionIfOutOfBounds(){let t=this.getBoundedTranslate();t&&await this.translateTo(t,!0);}onPointerDown(t){t instanceof PointerEvent&&(this.offset=new Point(this.translate.x-t.clientX,this.translate.y-t.clientY),this.pointerDownEvent=t);}onPointerMove(t){t instanceof PointerEvent&&this.offset&&this.draggable&&this.translateTo(new Point(this.offset.x+t.clientX,this.offset.y+t.clientY),!1);}async onPointerUp(t){t instanceof PointerEvent&&this.pointerDownEvent&&a(this.pointerDownEvent,t)&&(await this.repositionIfOutOfBounds(),this.offset=void 0,this.draggable=!1,this.element.dispatchEvent(new s("dragend",this.translate)));}onTouchStart(t){t.returnValue=!1;}onResize(){this.repositioningTimeout.start();}};

export { s as a, h as b };