@scandit/web-datacapture-barcode 8.5.2 → 8.6.0-beta.1

package/build/js/spark/ui/SparkScanView.js

@@ -1 +1 @@
-import"../../SelectionMode.js";import"../SparkScanPreviewBehavior.js";import"../SparkScanScanningBehavior.js";import"../SparkScanAnalyticsManager.js";import{DragControllerEvent as e}from"./controllers/DragController.js";import{SparkScanBarcodeFeedback as t}from"../SparkScanBarcodeFeedback.js";import{toolbarBackgroundColorCssVariable as n,toolbarIconActiveTintColorCssVariable as r,toolbarIconInactiveTintColorCssVariable as i,triggerButtonAnimationColorCssVariable as a,triggerButtonCollapsedColorCssVariable as o,triggerButtonCollapsedPressedColorCssVariable as s,triggerButtonExpandedColorCssVariable as c,triggerButtonExpandedPressedColorCssVariable as l,triggerButtonTintColorCssVariable as u,visualFeedbackErrorColorCssVariable as d,visualFeedbackSuccessColorCssVariable as f}from"./constants/cssVariables.js";import{miniPreviewVisibilityChangeEvent as p}from"./constants/events.js";import{barcodeFindButtonVisibleAttribute as m,cameraSwitchButtonVisibleAttribute as h,labelCaptureButtonVisibleAttribute as g,previewCloseControlVisibleAttribute as _,previewSizeControlVisibleAttribute as v,scanningBehaviorAttribute as y,scanningBehaviorButtonVisibleAttribute as b,selectionModeAutoAttribute as x,targetModeButtonVisibleAttribute as S,targetModeEnabledAttribute as C,torchControlVisibleAttribute as w,torchEnabledAttribute as T,zoomSwitchControlVisibleAttribute as E}from"./constants/attributes.js";import{sparkScanViewTag as D}from"./constants/tags.js";import{unconstrainedModeThreshold as O}from"./constants/constants.js";import{SparkScanViewMiniPreview as k}from"./SparkScanViewMiniPreview.js";import{t as A}from"../../SparkScanViewPresenter-26JfPd8a.js";import{SparkScanViewSettings as j}from"./SparkScanViewSettings.js";import{SparkScanViewTriggerButton as M}from"./SparkScanViewTriggerButton.js";import{SparkScanViewVisualFeedback as N}from"./SparkScanViewVisualFeedback.js";import{CameraPosition as P,Color as F,Logger as I,Point as L}from"@scandit/web-datacapture-core";import{OrientationObserver as R,orientationChangeEvent as z}from"@scandit/web-datacapture-core/build/js/private/OrientationObserver.js";import{ScanditHTMLElement as B,Timeout as V,clamp as H,css as U,defineCustomElements as W}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";var G=class G extends B{constructor(...e){super(...e),this._targetModeButtonVisible=!1,this._scanningBehaviorButtonVisible=!1,this._torchControlVisible=!0,this._zoomSwitchControlVisible=!0,this._previewSizeControlVisible=!0,this._barcodeFindButtonVisible=!1,this._labelCaptureButtonVisible=!1,this._cameraSwitchButtonVisible=!1,this._previewCloseControlVisible=!0,this._triggerButtonVisible=!0,this._isTorchAvailable=!0,this._isZoomAvailable=!0,this._isConnected=!1,this._sizingMode=`constrained`,this.feedbackDelegate={getFeedbackForBarcode:()=>t.success()},this.onSparkScanSettingsApplied=e=>{let t=e.selectionMode??null;this.applySelectionModeToToolbar(t),this.presenter.applySelectionModeToScanningMode(t),(t===`on`||t===`off`)&&this.targetModeButtonTapped(t===`on`,!1)},this.resizeObserver=null,this.onResizeHandler=this.onResize.bind(this),this.settings=new j,this.presenter=A.forView(this,this.settings),this.miniPreview=k.create(),this.triggerButton=M.create(),this.visualFeedback=N.create(),this.miniPreviewTimeout=new V(500,this.onMiniPreviewTimeoutFinished.bind(this)),this.orientationObserver=new R,this.miniPreviewPointerUpListener=this.onMiniPreviewPointerUp.bind(this),this.miniPreviewPointerMoveListener=this.onMiniPreviewPointerMove.bind(this),this.miniPreviewButtonTapListener=this.onMiniPreviewButtonTap.bind(this),this.miniPreviewDragListener=this.onMiniPreviewDrag.bind(this),this.miniPreviewDragEndListener=this.onMiniPreviewDragEnd.bind(this),this.miniPreviewVisibilityChangeListener=this.onMiniPreviewVisibilityChange.bind(this),this.triggerButtonPointerDownListener=this.onTriggerButtonPointerDown.bind(this),this.triggerButtonTapListener=this.onTriggerButtonTap.bind(this),this.triggerButtonLongPressStartListener=this.onTriggerButtonLongPressStart.bind(this),this.triggerButtonLongPressEndListener=this.onTriggerButtonLongPressEnd.bind(this),this.triggerButtonDragListener=this.onTriggerButtonDrag.bind(this),this.toolbarButtonTapListener=this.onToolbarButtonTap.bind(this),this.clickOutsideListener=this.onClickOutside.bind(this),this.visibilityChangeListener=this.onVisibilityChange.bind(this),this.orientationChangeListener=this.onOrientationChange.bind(this),this.holdingToScan=!1,this.miniPreviewListeners=[[`pointerup`,this.miniPreviewPointerUpListener],[`pointermove`,this.miniPreviewPointerMoveListener],[`minipreviewbuttontap`,this.miniPreviewButtonTapListener],[`toolbarbuttontap`,this.toolbarButtonTapListener],[`drag`,this.miniPreviewDragListener],[`dragend`,this.miniPreviewDragEndListener],[p,this.miniPreviewVisibilityChangeListener]],this.triggerButtonListeners=[[`pointerdown`,this.triggerButtonPointerDownListener],[`tap`,this.triggerButtonTapListener],[`longpressstart`,this.triggerButtonLongPressStartListener],[`longpressend`,this.triggerButtonLongPressEndListener],[`drag`,this.triggerButtonDragListener]]}get targetModeButtonVisible(){return this._targetModeButtonVisible}set targetModeButtonVisible(e){var t;this._targetModeButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[S]=e)}get selectionModeButtonVisible(){return this._targetModeButtonVisible}set selectionModeButtonVisible(e){this.targetModeButtonVisible=e}get scanningBehaviorButtonVisible(){return this._scanningBehaviorButtonVisible}set scanningBehaviorButtonVisible(e){var t;this._scanningBehaviorButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[b]=e)}get torchControlVisible(){return this._torchControlVisible}set torchControlVisible(e){this._torchControlVisible=e,this.miniPreview&&(this.miniPreview[w]=e&&this._isTorchAvailable)}get zoomSwitchControlVisible(){return this._zoomSwitchControlVisible}set zoomSwitchControlVisible(e){this._zoomSwitchControlVisible=e,this.miniPreview&&(this.miniPreview[E]=e&&this._isZoomAvailable)}get previewSizeControlVisible(){return this._previewSizeControlVisible}set previewSizeControlVisible(e){this._previewSizeControlVisible=e,this.miniPreview&&(this.miniPreview[v]=e)}get barcodeFindButtonVisible(){return this._barcodeFindButtonVisible}set barcodeFindButtonVisible(e){var t;this._barcodeFindButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[m]=e)}get labelCaptureButtonVisible(){return this._labelCaptureButtonVisible}set labelCaptureButtonVisible(e){var t;this._labelCaptureButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[g]=e)}get cameraSwitchButtonVisible(){return this._cameraSwitchButtonVisible}set cameraSwitchButtonVisible(e){var t;this._cameraSwitchButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[h]=e)}get previewCloseControlVisible(){return this._previewCloseControlVisible}set previewCloseControlVisible(e){this._previewCloseControlVisible=e,this.miniPreview&&(this.miniPreview[_]=e)}get triggerButtonVisible(){return this._triggerButtonVisible}set triggerButtonVisible(e){this._triggerButtonVisible=e,this.triggerButton&&(this.triggerButton.visible=e)}get dataCaptureContext(){return this.presenter.context}set dataCaptureContext(e){this.presenter.context!==e&&(this.presenter.context=e,this._maybeAutoPrepareScanning())}get sparkScan(){return this.presenter.sparkScan}set sparkScan(e){if(this.presenter.sparkScan!==e){let t=this.presenter.sparkScan;t&&t._setModeViewListener(null),this.presenter.sparkScan=e,e&&e._setModeViewListener(this.onSparkScanSettingsApplied),this._maybeAutoPrepareScanning()}}applySelectionModeToToolbar(e){this.miniPreview.toolbar&&(this.miniPreview.toolbar[x]=e===`auto`)}get _targetModeEnabledMessage(){return this.settings.toastSettings.selectionModeOnMessage??this.settings.toastSettings.targetModeEnabledMessage??`Aimer on`}get _targetModeDisabledMessage(){return this.settings.toastSettings.selectionModeOffMessage??this.settings.toastSettings.targetModeDisabledMessage??`Aimer off`}get _continuousModeEnabledMessage(){return this.settings.toastSettings.continuousModeEnabledMessage??`Continuous mode on`}get _continuousModeDisabledMessage(){return this.settings.toastSettings.continuousModeDisabledMessage??`Continuous mode off`}get _scanPausedMessage(){return this.settings.toastSettings.scanPausedMessage??`Scan paused`}get _torchEnabledMessage(){return this.settings.toastSettings.torchEnabledMessage??`Torch on`}get _torchDisabledMessage(){return this.settings.toastSettings.torchDisabledMessage??`Torch off`}get _zoomedInMessage(){return this.settings.toastSettings.zoomedInMessage??`2x zoom`}get _zoomedOutMessage(){return this.settings.toastSettings.zoomedOutMessage??`1x zoom`}set sparkScanViewSettings(e){let t=e??new j;this.settings=t,this.presenter.setSparkScanViewSettings(t)}get sparkScanViewSettings(){return this.settings}static forElement(e,t,n,r){let i=G.create();return r&&(i.sparkScanViewSettings=r),i.dataCaptureContext=t,i.sparkScan=n,e.append(i),i}static register(){W({[D]:G})}static create(){return G.register(),document.createElement(`spark-scan-view`)}static createStyleElement(){return U`:root{${o}:#12161966;${c}:#12161966;${a}:#5b707f4d;${u}:#fff;${n}:#121619cc;${r}:#fbc02c;${i}:#fff;${f}:#0ff;${d}:#fa4446}${D}{position:relative}`}async prepareScanning(){await this.presenter.prepareScanning(this.miniPreview.host)}async startScanning(){await this.presenter.startScanning()}async pauseScanning(){await this.presenter.pauseScanning()}async stopScanning(){await this.presenter.stopScanning({sessionStopReason:`user`})}showToast(e){this.miniPreview.showToast(`info`,e,1e3)}setListener(e){this.presenter.setListener(e)}setTriggerButtonImage(e){this.triggerButton.setImage(e)}get miniPreviewSize(){return this.miniPreview.size}set miniPreviewSize(e){this.miniPreview.size=e}setWidthAndHeightCssStyleProperties(){let e,t;if(this._sizingMode===`unconstrained`){var n,r;e=((n=globalThis.window.visualViewport)==null?void 0:n.width)??globalThis.window.innerWidth,t=((r=globalThis.window.visualViewport)==null?void 0:r.height)??globalThis.window.innerHeight}else{var i,a;e=((i=this.parentElement)==null?void 0:i.clientWidth)||document.body.clientWidth,t=((a=this.parentElement)==null?void 0:a.clientHeight)||document.body.clientHeight}this.style.setProperty(`--dvw`,`${e}px`),this.style.setProperty(`--dvh`,`${t}px`),this.style.setProperty(`--dvw-half`,`calc(var(--dvw) / 2)`),this.style.setProperty(`--dvh-half`,`calc(var(--dvh) / 2)`)}onResize(){this.updateSizingMode(),this.setWidthAndHeightCssStyleProperties(),this.repositionElementsIfOutOfBounds()}updateSizingMode(){var e,t;let n=((e=this.parentElement)==null?void 0:e.clientWidth)??0,r=(((t=this.parentElement)==null?void 0:t.clientHeight)??0)<O||n<O?`unconstrained`:`constrained`;if(this._sizingMode!==r){this._sizingMode=r;let e=r===`unconstrained`;this.toggleAttribute(`unconstrained`,e),this.miniPreview.toggleAttribute(`unconstrained`,e),this.triggerButton.toggleAttribute(`unconstrained`,e),this.miniPreview.useViewportBounds=e,this.triggerButton.useViewportBounds=e,this.repositionElementsIfOutOfBounds()}}_maybeAutoPrepareScanning(){this._isConnected&&this.presenter.context&&this.presenter.sparkScan&&this.prepareScanning().catch(e=>{I.warn(`Auto prepareScanning failed:`,e)})}connectedCallback(){var e;this.append(G.createStyleElement().cloneNode(!0),this.miniPreview,this.triggerButton,this.visualFeedback),this.resizeObserver=new ResizeObserver(this.onResizeHandler),this.resizeObserver.observe(this.parentElement),this.previewCloseControlVisible=this._previewCloseControlVisible,this.previewSizeControlVisible=this._previewSizeControlVisible,this.zoomSwitchControlVisible=this._zoomSwitchControlVisible,this.torchControlVisible=this._torchControlVisible,this.miniPreview.size=this.settings.defaultMiniPreviewSize,this.targetModeButtonVisible=this._targetModeButtonVisible,this.scanningBehaviorButtonVisible=this._scanningBehaviorButtonVisible,this.barcodeFindButtonVisible=this._barcodeFindButtonVisible,this.labelCaptureButtonVisible=this._labelCaptureButtonVisible,this.cameraSwitchButtonVisible=this._cameraSwitchButtonVisible,this.sparkScan&&this.sparkScan._setModeViewListener(this.onSparkScanSettingsApplied),this.triggerButtonVisible=this._triggerButtonVisible;for(let[e,t]of[[this.triggerButtonCollapsedColor,o],[this.triggerButtonExpandedColor,c],[this.triggerButtonAnimationColor,a],[this.triggerButtonTintColor,u],[this.toolbarBackgroundColor,n],[this.toolbarIconActiveTintColor,r],[this.toolbarIconInactiveTintColor,i]])e&&this.style.setProperty(t,`#${e.toJSON()}`);this.setTriggerButtonPressedColor(`triggerButtonCollapsedColor`,o,s),this.setTriggerButtonPressedColor(`triggerButtonExpandedColor`,c,l),this.addMiniPreviewListeners(),this.addTriggerButtonListeners(),this.orientationObserver.register(),document.addEventListener(`pointerup`,this.clickOutsideListener),document.addEventListener(`visibilitychange`,this.visibilityChangeListener),this.orientationObserver.addEventListener(z,this.orientationChangeListener),this.orientationObserver.dispatchOrientationChangeEvent(this.orientationObserver.orientation),this.updateSizingMode(),this.setWidthAndHeightCssStyleProperties(),(e=window.visualViewport)==null||e.addEventListener(`resize`,this.onResizeHandler),this._isConnected=!0,this._maybeAutoPrepareScanning()}disconnectedCallback(){var e,t;this.miniPreviewTimeout.stop(),(e=this.resizeObserver)==null||e.disconnect(),this.orientationObserver.unregister(),this.orientationObserver.removeEventListener(z,this.orientationChangeListener),this.removeMiniPreviewListeners(),this.removeTriggerButtonListeners(),document.removeEventListener(`pointerup`,this.clickOutsideListener),document.removeEventListener(`visibilitychange`,this.visibilityChangeListener),(t=window.visualViewport)==null||t.removeEventListener(`resize`,this.onResizeHandler);for(let e of Array.from(this.children))e.remove();this._isConnected=!1}setTorchAvailable(e){this._isTorchAvailable=e,this.torchControlVisible=this._torchControlVisible}setZoomAvailable(e){this._isZoomAvailable=e,this.zoomSwitchControlVisible=this._zoomSwitchControlVisible}switchToIdleState(){this.miniPreview.darkened=!1,this.miniPreview.visible=!1,this.miniPreview.hideToast(),this.triggerButton.expanded=!1,this.triggerButton.stopPulsating()}async switchToActiveState(e,t,n,r){this.miniPreviewTimeout.stop(),this.miniPreview.hideToast(),this.miniPreview.cancelFadeOut(),this.miniPreview.darkened=!1,this.miniPreview.visible=!0,this.triggerButton.expanded=!0,this.triggerButton.startPulsating(),this.miniPreview.toolbar&&(this.miniPreview.toolbar[y]=t),e&&(n&&this.style.setProperty(f,`#${n.toJSON()}`),await this.visualFeedback.emitSuccessFeedback()),r===!0&&this.miniPreview.showToast(`warning`,this._zoomedInMessage,1e3)}async switchToInactiveState(e,t,n,r){this.miniPreview.darkened=n===`persistent`||e,this.miniPreview.visible=n===`persistent`||e,this.triggerButton.expanded=!0,this.triggerButton.stopPulsating(),this.miniPreview.toolbar&&(this.miniPreview.toolbar[y]=t),e&&(r&&this.style.setProperty(f,`#${r.toJSON()}`),await this.visualFeedback.emitSuccessFeedback(),n===`default`&&this.miniPreviewTimeout.start()),n===`persistent`&&this.miniPreview.showToast(`warning`,this._scanPausedMessage,1/0)}async switchToErrorState(e,t){e.resumeCapturingDelay>0&&(this.triggerButton.stopPulsating(),this.miniPreview.showToast(`error`,e.message,e.resumeCapturingDelay)),t&&(this.style.setProperty(d,`#${e.visualFeedbackColor.toJSON()}`),await this.visualFeedback.emitErrorFeedback())}async onMiniPreviewPointerUp(){await this.presenter.onMiniPreviewPointerUp()}onMiniPreviewPointerMove(){this.presenter.onMiniPreviewPointerMove()}async onMiniPreviewButtonTap(e){switch(e.detail.tapped){case`torchButton`:await this.presenter.onTorchButtonTap(e.detail.enabled);break;case`closeButton`:await this.presenter.onMiniPreviewCloseButtonTap();break;case`resizeButton`:this.presenter.onMiniPreviewResizeButtonTap();break;case`zoomButton`:await this.presenter.onMiniPreviewZoomButtonTap(e.detail.zoomFactor);break}this.miniPreviewTimeout.running&&this.miniPreviewTimeout.start()}async onMiniPreviewDrag(t){t instanceof e&&await this.presenter.onMiniPreviewDrag(t.point,this.orientationObserver.orientation.type)}async onMiniPreviewDragEnd(t){t instanceof e&&await this.presenter.onMiniPreviewDragEnd()}async onMiniPreviewVisibilityChange(e){await this.presenter.onMiniPreviewVisibilityChange(e.detail.visible)}async onTriggerButtonPointerDown(){await this.presenter.onTriggerButtonPointerDown()}async onTriggerButtonTap(){await this.presenter.onTriggerButtonTap()}async onTriggerButtonLongPressStart(){this.holdingToScan||(this.holdingToScan=!0,await this.presenter.onTriggerButtonLongPressStart())}async onTriggerButtonLongPressEnd(){this.holdingToScan&&(this.holdingToScan=!1,await this.presenter.onTriggerButtonLongPressEnd())}onTriggerButtonDrag(t){t instanceof e&&this.presenter.onTriggerButtonDrag(t.point,this.orientationObserver.orientation.type)}async onToolbarButtonTap(e){switch(this.miniPreview.rewindAnimation(),e.detail.tapped){case`targetModeButton`:await this.onTargetModeButtonTap(e);return;case`scanningBehaviorButton`:await this.onScanningBehaviorButtonTap(e);return;case`barcodeFindButton`:await this.onBarcodeFindButtonTap();return;case`labelCaptureButton`:await this.onLabelCaptureButtonTap();return;case`cameraSwitchButton`:await this.onCameraSwitchButtonTap()}}async onClickOutside(e){e.composedPath().includes(this)||await this.presenter.onClickOutside()}async onVisibilityChange(){document.visibilityState===`hidden`&&await this.presenter.onVisibilityChange()}async onTargetModeButtonTap(e){await this.presenter.onTargetModeButtonTap(e.detail.enabled)}async onScanningBehaviorButtonTap(e){await this.presenter.onScanningBehaviorButtonTap(e.detail.enabled)}async onBarcodeFindButtonTap(){await this.presenter.onBarcodeFindButtonTap()}async onLabelCaptureButtonTap(){await this.presenter.onLabelCaptureButtonTap()}async onCameraSwitchButtonTap(){this.torchControlVisible=!1,await this.presenter.onCameraSwitchButtonTap()}async onTorchButtonTap(e){await this.presenter.onTorchButtonTap(e.detail.enabled)}async onMiniPreviewTimeoutFinished(){await this.miniPreview.fadeOut()}async onOrientationChange(e){this.updateSizingMode(),this.setWidthAndHeightCssStyleProperties(),this.miniPreview.orientation=e.detail.type;let t,n,r,i;switch(e.detail.type){case`landscape-primary`:case`landscape-secondary`:t=this.presenter.landscapeOrientationTriggerButtonTranslateX,n=this.presenter.landscapeOrientationTriggerButtonTranslateY,r=this.presenter.landscapeOrientationMiniPreviewTranslateX,i=this.presenter.landscapeOrientationMiniPreviewTranslateY;break;case`portrait-primary`:case`portrait-secondary`:t=this.presenter.portraitOrientationTriggerButtonTranslateX,n=this.presenter.portraitOrientationTriggerButtonTranslateY,r=this.presenter.portraitOrientationMiniPreviewTranslateX,i=this.presenter.portraitOrientationMiniPreviewTranslateY;break}this.triggerButton.translateTo(new L(t,n)),this.miniPreview.translateTo(new L(r,i)),await this.presenter.onOrientationChange()}targetModeButtonTapped(e,t=!0){if(t){let t=e?`warning`:`info`,n=e?this._targetModeEnabledMessage:this._targetModeDisabledMessage;this.miniPreview.showToast(t,n,1e3)}this.miniPreview.toolbar&&(this.miniPreview.toolbar[C]=e),this.miniPreviewTimeout.running&&this.miniPreviewTimeout.start()}scanningBehaviorButtonTapped(e,t=!0){if(t){let t=e?`warning`:`info`,n=e?this._continuousModeEnabledMessage:this._continuousModeDisabledMessage;this.miniPreview.showToast(t,n,1e3)}this.miniPreview.toolbar&&(this.miniPreview.toolbar[y]=e?`continuous`:`single`),this.miniPreviewTimeout.running&&this.miniPreviewTimeout.start()}torchButtonTapped(e,t=!0){if(t){let t=e?`warning`:`info`,n=e?this._torchEnabledMessage:this._torchDisabledMessage;this.miniPreview.showToast(t,n,1e3)}this.miniPreview.toolbar&&(this.miniPreview[T]=e),this.miniPreviewTimeout.running&&this.miniPreviewTimeout.start()}cameraSwitchButtonTapped(e,t){var n;this.torchControlVisible=e,(n=this.miniPreview.toolbar)==null||n.enableCameraSwitchButton(t===P.UserFacing)}getDefaultCssVariableValue(e){return window.getComputedStyle(this).getPropertyValue(e)}setTriggerButtonPressedColor(e,t,n){let r=this[e]??F.fromHex(this.getDefaultCssVariableValue(t)),i=H(r.alpha+r.alpha*.25,r.alpha,255),a=r.withAlpha(i);this.style.setProperty(n,`#${a.toJSON()}`)}addMiniPreviewListeners(){for(let[e,t]of this.miniPreviewListeners)this.miniPreview.addEventListener(e,t)}removeMiniPreviewListeners(){for(let[e,t]of this.miniPreviewListeners)this.miniPreview.removeEventListener(e,t)}addTriggerButtonListeners(){for(let[e,t]of this.triggerButtonListeners)this.triggerButton.addEventListener(e,t)}removeTriggerButtonListeners(){for(let[e,t]of this.triggerButtonListeners)this.triggerButton.removeEventListener(e,t)}repositionElementsIfOutOfBounds(){this.triggerButton.repositionIfOutOfBounds(),this.miniPreview.repositionIfOutOfBounds()}repositionMiniPreviewIfOutOfBounds(){this.miniPreview.repositionIfOutOfBounds()}repositionTriggerButtonIfOutOfBounds(){this.triggerButton.repositionIfOutOfBounds()}};export{G as SparkScanView};
+import"../../SelectionMode.js";import"../SparkScanPreviewBehavior.js";import"../SparkScanScanningBehavior.js";import"../SparkScanAnalyticsManager.js";import{DragControllerEvent as e}from"./controllers/DragController.js";import{SparkScanBarcodeFeedback as t}from"../SparkScanBarcodeFeedback.js";import{toolbarBackgroundColorCssVariable as n,toolbarIconActiveTintColorCssVariable as r,toolbarIconInactiveTintColorCssVariable as i,triggerButtonAnimationColorCssVariable as a,triggerButtonCollapsedColorCssVariable as o,triggerButtonCollapsedPressedColorCssVariable as s,triggerButtonExpandedColorCssVariable as c,triggerButtonExpandedPressedColorCssVariable as l,triggerButtonTintColorCssVariable as u,visualFeedbackErrorColorCssVariable as d,visualFeedbackSuccessColorCssVariable as f}from"./constants/cssVariables.js";import{miniPreviewVisibilityChangeEvent as p}from"./constants/events.js";import{barcodeFindButtonVisibleAttribute as m,cameraSwitchButtonVisibleAttribute as h,labelCaptureButtonVisibleAttribute as g,previewCloseControlVisibleAttribute as _,previewSizeControlVisibleAttribute as v,scanningBehaviorAttribute as y,scanningBehaviorButtonVisibleAttribute as b,selectionModeAutoAttribute as x,targetModeButtonVisibleAttribute as S,targetModeEnabledAttribute as C,torchControlVisibleAttribute as w,torchEnabledAttribute as T,zoomSwitchControlVisibleAttribute as E}from"./constants/attributes.js";import{sparkScanViewTag as D}from"./constants/tags.js";import"./constants/constants.js";import{SparkScanViewMiniPreview as O}from"./SparkScanViewMiniPreview.js";import{t as k}from"../../SparkScanViewPresenter-CxLG_H-K.js";import{SparkScanViewSettings as A}from"./SparkScanViewSettings.js";import{SparkScanViewTriggerButton as j}from"./SparkScanViewTriggerButton.js";import{SparkScanViewVisualFeedback as M}from"./SparkScanViewVisualFeedback.js";import{CameraPosition as N,Color as P,Logger as F,Point as I}from"@scandit/web-datacapture-core";import{OrientationObserver as L,orientationChangeEvent as R}from"@scandit/web-datacapture-core/build/js/private/OrientationObserver.js";import{ScanditHTMLElement as z,Timeout as B,clamp as V,css as H,defineCustomElements as U}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";var W=class W extends z{constructor(...e){super(...e),this._targetModeButtonVisible=!1,this._scanningBehaviorButtonVisible=!1,this._torchControlVisible=!0,this._zoomSwitchControlVisible=!0,this._previewSizeControlVisible=!0,this._barcodeFindButtonVisible=!1,this._labelCaptureButtonVisible=!1,this._cameraSwitchButtonVisible=!1,this._previewCloseControlVisible=!0,this._triggerButtonVisible=!0,this._isTorchAvailable=!0,this._isZoomAvailable=!0,this._isConnected=!1,this._sizingMode=`constrained`,this.feedbackDelegate={getFeedbackForBarcode:()=>t.success()},this.onSparkScanSettingsApplied=e=>{let t=e.selectionMode??null;this.applySelectionModeToToolbar(t),this.presenter.applySelectionModeToScanningMode(t),(t===`on`||t===`off`)&&this.targetModeButtonTapped(t===`on`,!1)},this.resizeObserver=null,this.onResizeHandler=this.onResize.bind(this),this.settings=new A,this.presenter=k.forView(this,this.settings),this.miniPreview=O.create(),this.triggerButton=j.create(),this.visualFeedback=M.create(),this.miniPreviewTimeout=new B(500,this.onMiniPreviewTimeoutFinished.bind(this)),this.orientationObserver=new L,this.miniPreviewPointerUpListener=this.onMiniPreviewPointerUp.bind(this),this.miniPreviewPointerMoveListener=this.onMiniPreviewPointerMove.bind(this),this.miniPreviewButtonTapListener=this.onMiniPreviewButtonTap.bind(this),this.miniPreviewDragListener=this.onMiniPreviewDrag.bind(this),this.miniPreviewDragEndListener=this.onMiniPreviewDragEnd.bind(this),this.miniPreviewVisibilityChangeListener=this.onMiniPreviewVisibilityChange.bind(this),this.triggerButtonPointerDownListener=this.onTriggerButtonPointerDown.bind(this),this.triggerButtonTapListener=this.onTriggerButtonTap.bind(this),this.triggerButtonLongPressStartListener=this.onTriggerButtonLongPressStart.bind(this),this.triggerButtonLongPressEndListener=this.onTriggerButtonLongPressEnd.bind(this),this.triggerButtonDragListener=this.onTriggerButtonDrag.bind(this),this.toolbarButtonTapListener=this.onToolbarButtonTap.bind(this),this.clickOutsideListener=this.onClickOutside.bind(this),this.visibilityChangeListener=this.onVisibilityChange.bind(this),this.orientationChangeListener=this.onOrientationChange.bind(this),this.holdingToScan=!1,this.miniPreviewListeners=[[`pointerup`,this.miniPreviewPointerUpListener],[`pointermove`,this.miniPreviewPointerMoveListener],[`minipreviewbuttontap`,this.miniPreviewButtonTapListener],[`toolbarbuttontap`,this.toolbarButtonTapListener],[`drag`,this.miniPreviewDragListener],[`dragend`,this.miniPreviewDragEndListener],[p,this.miniPreviewVisibilityChangeListener]],this.triggerButtonListeners=[[`pointerdown`,this.triggerButtonPointerDownListener],[`tap`,this.triggerButtonTapListener],[`longpressstart`,this.triggerButtonLongPressStartListener],[`longpressend`,this.triggerButtonLongPressEndListener],[`drag`,this.triggerButtonDragListener]]}get targetModeButtonVisible(){return this._targetModeButtonVisible}set targetModeButtonVisible(e){var t;this._targetModeButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[S]=e)}get selectionModeButtonVisible(){return this._targetModeButtonVisible}set selectionModeButtonVisible(e){this.targetModeButtonVisible=e}get scanningBehaviorButtonVisible(){return this._scanningBehaviorButtonVisible}set scanningBehaviorButtonVisible(e){var t;this._scanningBehaviorButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[b]=e)}get torchControlVisible(){return this._torchControlVisible}set torchControlVisible(e){this._torchControlVisible=e,this.miniPreview&&(this.miniPreview[w]=e&&this._isTorchAvailable)}get zoomSwitchControlVisible(){return this._zoomSwitchControlVisible}set zoomSwitchControlVisible(e){this._zoomSwitchControlVisible=e,this.miniPreview&&(this.miniPreview[E]=e&&this._isZoomAvailable)}get previewSizeControlVisible(){return this._previewSizeControlVisible}set previewSizeControlVisible(e){this._previewSizeControlVisible=e,this.miniPreview&&(this.miniPreview[v]=e)}get barcodeFindButtonVisible(){return this._barcodeFindButtonVisible}set barcodeFindButtonVisible(e){var t;this._barcodeFindButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[m]=e)}get labelCaptureButtonVisible(){return this._labelCaptureButtonVisible}set labelCaptureButtonVisible(e){var t;this._labelCaptureButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[g]=e)}get cameraSwitchButtonVisible(){return this._cameraSwitchButtonVisible}set cameraSwitchButtonVisible(e){var t;this._cameraSwitchButtonVisible=e,(t=this.miniPreview)!=null&&t.toolbar&&(this.miniPreview.toolbar[h]=e)}get previewCloseControlVisible(){return this._previewCloseControlVisible}set previewCloseControlVisible(e){this._previewCloseControlVisible=e,this.miniPreview&&(this.miniPreview[_]=e)}get triggerButtonVisible(){return this._triggerButtonVisible}set triggerButtonVisible(e){this._triggerButtonVisible=e,this.triggerButton&&(this.triggerButton.visible=e)}get dataCaptureContext(){return this.presenter.context}set dataCaptureContext(e){this.presenter.context!==e&&(this.presenter.context=e,this._maybeAutoPrepareScanning())}get sparkScan(){return this.presenter.sparkScan}set sparkScan(e){if(this.presenter.sparkScan!==e){let t=this.presenter.sparkScan;t&&t._setModeViewListener(null),this.presenter.sparkScan=e,e&&e._setModeViewListener(this.onSparkScanSettingsApplied),this._maybeAutoPrepareScanning()}}applySelectionModeToToolbar(e){this.miniPreview.toolbar&&(this.miniPreview.toolbar[x]=e===`auto`)}get _targetModeEnabledMessage(){return this.settings.toastSettings.selectionModeOnMessage??this.settings.toastSettings.targetModeEnabledMessage??`Aimer on`}get _targetModeDisabledMessage(){return this.settings.toastSettings.selectionModeOffMessage??this.settings.toastSettings.targetModeDisabledMessage??`Aimer off`}get _continuousModeEnabledMessage(){return this.settings.toastSettings.continuousModeEnabledMessage??`Continuous mode on`}get _continuousModeDisabledMessage(){return this.settings.toastSettings.continuousModeDisabledMessage??`Continuous mode off`}get _scanPausedMessage(){return this.settings.toastSettings.scanPausedMessage??`Scan paused`}get _torchEnabledMessage(){return this.settings.toastSettings.torchEnabledMessage??`Torch on`}get _torchDisabledMessage(){return this.settings.toastSettings.torchDisabledMessage??`Torch off`}get _zoomedInMessage(){return this.settings.toastSettings.zoomedInMessage??`2x zoom`}get _zoomedOutMessage(){return this.settings.toastSettings.zoomedOutMessage??`1x zoom`}set sparkScanViewSettings(e){let t=e??new A;this.settings=t,this.presenter.setSparkScanViewSettings(t)}get sparkScanViewSettings(){return this.settings}static forElement(e,t,n,r){let i=W.create();return r&&(i.sparkScanViewSettings=r),i.dataCaptureContext=t,i.sparkScan=n,e.append(i),i}static register(){U({[D]:W})}static create(){return W.register(),document.createElement(`spark-scan-view`)}static createStyleElement(){return H`:root{${o}:#12161966;${c}:#12161966;${a}:#5b707f4d;${u}:#fff;${n}:#121619cc;${r}:#fbc02c;${i}:#fff;${f}:#0ff;${d}:#fa4446}${D}{position:relative}`}async prepareScanning(){await this.presenter.prepareScanning(this.miniPreview.host)}async startScanning(){await this.presenter.startScanning()}async pauseScanning(){await this.presenter.pauseScanning()}async stopScanning(){await this.presenter.stopScanning({sessionStopReason:`user`})}showToast(e){this.miniPreview.showToast(`info`,e,1e3)}setListener(e){this.presenter.setListener(e)}setTriggerButtonImage(e){this.triggerButton.setImage(e)}get miniPreviewSize(){return this.miniPreview.size}set miniPreviewSize(e){this.miniPreview.size=e}setWidthAndHeightCssStyleProperties(){let e,t;if(this._sizingMode===`unconstrained`){var n,r;e=((n=globalThis.window.visualViewport)==null?void 0:n.width)??globalThis.window.innerWidth,t=((r=globalThis.window.visualViewport)==null?void 0:r.height)??globalThis.window.innerHeight}else{var i,a;e=((i=this.parentElement)==null?void 0:i.clientWidth)||document.body.clientWidth,t=((a=this.parentElement)==null?void 0:a.clientHeight)||document.body.clientHeight}this.style.setProperty(`--dvw`,`${e}px`),this.style.setProperty(`--dvh`,`${t}px`),this.style.setProperty(`--dvw-half`,`calc(var(--dvw) / 2)`),this.style.setProperty(`--dvh-half`,`calc(var(--dvh) / 2)`)}onResize(){this.updateSizingMode(),this.setWidthAndHeightCssStyleProperties(),this.repositionElementsIfOutOfBounds()}updateSizingMode(){var e,t;let n=((e=this.parentElement)==null?void 0:e.clientWidth)??0,r=(((t=this.parentElement)==null?void 0:t.clientHeight)??0)<236||n<236?`unconstrained`:`constrained`;if(this._sizingMode!==r){this._sizingMode=r;let e=r===`unconstrained`;this.toggleAttribute(`unconstrained`,e),this.miniPreview.toggleAttribute(`unconstrained`,e),this.triggerButton.toggleAttribute(`unconstrained`,e),this.miniPreview.useViewportBounds=e,this.triggerButton.useViewportBounds=e,this.repositionElementsIfOutOfBounds()}}_maybeAutoPrepareScanning(){this._isConnected&&this.presenter.context&&this.presenter.sparkScan&&this.prepareScanning().catch(e=>{F.warn(`Auto prepareScanning failed:`,e)})}connectedCallback(){var e;this.append(W.createStyleElement().cloneNode(!0),this.miniPreview,this.triggerButton,this.visualFeedback),this.resizeObserver=new ResizeObserver(this.onResizeHandler),this.resizeObserver.observe(this.parentElement),this.previewCloseControlVisible=this._previewCloseControlVisible,this.previewSizeControlVisible=this._previewSizeControlVisible,this.zoomSwitchControlVisible=this._zoomSwitchControlVisible,this.torchControlVisible=this._torchControlVisible,this.miniPreview.size=this.settings.defaultMiniPreviewSize,this.targetModeButtonVisible=this._targetModeButtonVisible,this.scanningBehaviorButtonVisible=this._scanningBehaviorButtonVisible,this.barcodeFindButtonVisible=this._barcodeFindButtonVisible,this.labelCaptureButtonVisible=this._labelCaptureButtonVisible,this.cameraSwitchButtonVisible=this._cameraSwitchButtonVisible,this.sparkScan&&this.sparkScan._setModeViewListener(this.onSparkScanSettingsApplied),this.triggerButtonVisible=this._triggerButtonVisible;for(let[e,t]of[[this.triggerButtonCollapsedColor,o],[this.triggerButtonExpandedColor,c],[this.triggerButtonAnimationColor,a],[this.triggerButtonTintColor,u],[this.toolbarBackgroundColor,n],[this.toolbarIconActiveTintColor,r],[this.toolbarIconInactiveTintColor,i]])e&&this.style.setProperty(t,`#${e.toJSON()}`);this.setTriggerButtonPressedColor(`triggerButtonCollapsedColor`,o,s),this.setTriggerButtonPressedColor(`triggerButtonExpandedColor`,c,l),this.addMiniPreviewListeners(),this.addTriggerButtonListeners(),this.orientationObserver.register(),document.addEventListener(`pointerup`,this.clickOutsideListener),document.addEventListener(`visibilitychange`,this.visibilityChangeListener),this.orientationObserver.addEventListener(R,this.orientationChangeListener),this.orientationObserver.dispatchOrientationChangeEvent(this.orientationObserver.orientation),this.updateSizingMode(),this.setWidthAndHeightCssStyleProperties(),(e=window.visualViewport)==null||e.addEventListener(`resize`,this.onResizeHandler),this._isConnected=!0,this._maybeAutoPrepareScanning()}disconnectedCallback(){var e,t;this.miniPreviewTimeout.stop(),(e=this.resizeObserver)==null||e.disconnect(),this.orientationObserver.unregister(),this.orientationObserver.removeEventListener(R,this.orientationChangeListener),this.removeMiniPreviewListeners(),this.removeTriggerButtonListeners(),document.removeEventListener(`pointerup`,this.clickOutsideListener),document.removeEventListener(`visibilitychange`,this.visibilityChangeListener),(t=window.visualViewport)==null||t.removeEventListener(`resize`,this.onResizeHandler);for(let e of Array.from(this.children))e.remove();this._isConnected=!1}setTorchAvailable(e){this._isTorchAvailable=e,this.torchControlVisible=this._torchControlVisible}setZoomAvailable(e){this._isZoomAvailable=e,this.zoomSwitchControlVisible=this._zoomSwitchControlVisible}switchToIdleState(){this.miniPreview.darkened=!1,this.miniPreview.visible=!1,this.miniPreview.hideToast(),this.triggerButton.expanded=!1,this.triggerButton.stopPulsating()}async switchToActiveState(e,t,n,r){this.miniPreviewTimeout.stop(),this.miniPreview.hideToast(),this.miniPreview.cancelFadeOut(),this.miniPreview.darkened=!1,this.miniPreview.visible=!0,this.triggerButton.expanded=!0,this.triggerButton.startPulsating(),this.miniPreview.toolbar&&(this.miniPreview.toolbar[y]=t),e&&(n&&this.style.setProperty(f,`#${n.toJSON()}`),await this.visualFeedback.emitSuccessFeedback()),r===!0&&this.miniPreview.showToast(`warning`,this._zoomedInMessage,1e3)}async switchToInactiveState(e,t,n,r){this.miniPreview.darkened=n===`persistent`||e,this.miniPreview.visible=n===`persistent`||e,this.triggerButton.expanded=!0,this.triggerButton.stopPulsating(),this.miniPreview.toolbar&&(this.miniPreview.toolbar[y]=t),e&&(r&&this.style.setProperty(f,`#${r.toJSON()}`),await this.visualFeedback.emitSuccessFeedback(),n==="default"&&this.miniPreviewTimeout.start()),n===`persistent`&&this.miniPreview.showToast(`warning`,this._scanPausedMessage,1/0)}async switchToErrorState(e,t){e.resumeCapturingDelay>0&&(this.triggerButton.stopPulsating(),this.miniPreview.showToast(`error`,e.message,e.resumeCapturingDelay)),t&&(this.style.setProperty(d,`#${e.visualFeedbackColor.toJSON()}`),await this.visualFeedback.emitErrorFeedback())}async onMiniPreviewPointerUp(){await this.presenter.onMiniPreviewPointerUp()}onMiniPreviewPointerMove(){this.presenter.onMiniPreviewPointerMove()}async onMiniPreviewButtonTap(e){switch(e.detail.tapped){case`torchButton`:await this.presenter.onTorchButtonTap(e.detail.enabled);break;case`closeButton`:await this.presenter.onMiniPreviewCloseButtonTap();break;case`resizeButton`:this.presenter.onMiniPreviewResizeButtonTap();break;case`zoomButton`:await this.presenter.onMiniPreviewZoomButtonTap(e.detail.zoomFactor);break}this.miniPreviewTimeout.running&&this.miniPreviewTimeout.start()}async onMiniPreviewDrag(t){t instanceof e&&await this.presenter.onMiniPreviewDrag(t.point,this.orientationObserver.orientation.type)}async onMiniPreviewDragEnd(t){t instanceof e&&await this.presenter.onMiniPreviewDragEnd()}async onMiniPreviewVisibilityChange(e){await this.presenter.onMiniPreviewVisibilityChange(e.detail.visible)}async onTriggerButtonPointerDown(){await this.presenter.onTriggerButtonPointerDown()}async onTriggerButtonTap(){await this.presenter.onTriggerButtonTap()}async onTriggerButtonLongPressStart(){this.holdingToScan||(this.holdingToScan=!0,await this.presenter.onTriggerButtonLongPressStart())}async onTriggerButtonLongPressEnd(){this.holdingToScan&&(this.holdingToScan=!1,await this.presenter.onTriggerButtonLongPressEnd())}onTriggerButtonDrag(t){t instanceof e&&this.presenter.onTriggerButtonDrag(t.point,this.orientationObserver.orientation.type)}async onToolbarButtonTap(e){switch(this.miniPreview.rewindAnimation(),e.detail.tapped){case`targetModeButton`:await this.onTargetModeButtonTap(e);return;case`scanningBehaviorButton`:await this.onScanningBehaviorButtonTap(e);return;case`barcodeFindButton`:await this.onBarcodeFindButtonTap();return;case`labelCaptureButton`:await this.onLabelCaptureButtonTap();return;case`cameraSwitchButton`:await this.onCameraSwitchButtonTap()}}async onClickOutside(e){e.composedPath().includes(this)||await this.presenter.onClickOutside()}async onVisibilityChange(){document.visibilityState===`hidden`&&await this.presenter.onVisibilityChange()}async onTargetModeButtonTap(e){await this.presenter.onTargetModeButtonTap(e.detail.enabled)}async onScanningBehaviorButtonTap(e){await this.presenter.onScanningBehaviorButtonTap(e.detail.enabled)}async onBarcodeFindButtonTap(){await this.presenter.onBarcodeFindButtonTap()}async onLabelCaptureButtonTap(){await this.presenter.onLabelCaptureButtonTap()}async onCameraSwitchButtonTap(){this.torchControlVisible=!1,await this.presenter.onCameraSwitchButtonTap()}async onTorchButtonTap(e){await this.presenter.onTorchButtonTap(e.detail.enabled)}async onMiniPreviewTimeoutFinished(){await this.miniPreview.fadeOut()}async onOrientationChange(e){this.updateSizingMode(),this.setWidthAndHeightCssStyleProperties(),this.miniPreview.orientation=e.detail.type;let t,n,r,i;switch(e.detail.type){case`landscape-primary`:case`landscape-secondary`:t=this.presenter.landscapeOrientationTriggerButtonTranslateX,n=this.presenter.landscapeOrientationTriggerButtonTranslateY,r=this.presenter.landscapeOrientationMiniPreviewTranslateX,i=this.presenter.landscapeOrientationMiniPreviewTranslateY;break;case`portrait-primary`:case`portrait-secondary`:t=this.presenter.portraitOrientationTriggerButtonTranslateX,n=this.presenter.portraitOrientationTriggerButtonTranslateY,r=this.presenter.portraitOrientationMiniPreviewTranslateX,i=this.presenter.portraitOrientationMiniPreviewTranslateY;break}this.triggerButton.translateTo(new I(t,n)),this.miniPreview.translateTo(new I(r,i)),await this.presenter.onOrientationChange()}targetModeButtonTapped(e,t=!0){if(t){let t=e?`warning`:`info`,n=e?this._targetModeEnabledMessage:this._targetModeDisabledMessage;this.miniPreview.showToast(t,n,1e3)}this.miniPreview.toolbar&&(this.miniPreview.toolbar[C]=e),this.miniPreviewTimeout.running&&this.miniPreviewTimeout.start()}scanningBehaviorButtonTapped(e,t=!0){if(t){let t=e?`warning`:`info`,n=e?this._continuousModeEnabledMessage:this._continuousModeDisabledMessage;this.miniPreview.showToast(t,n,1e3)}this.miniPreview.toolbar&&(this.miniPreview.toolbar[y]=e?`continuous`:`single`),this.miniPreviewTimeout.running&&this.miniPreviewTimeout.start()}torchButtonTapped(e,t=!0){if(t){let t=e?`warning`:`info`,n=e?this._torchEnabledMessage:this._torchDisabledMessage;this.miniPreview.showToast(t,n,1e3)}this.miniPreview.toolbar&&(this.miniPreview[T]=e),this.miniPreviewTimeout.running&&this.miniPreviewTimeout.start()}cameraSwitchButtonTapped(e,t){var n;this.torchControlVisible=e,(n=this.miniPreview.toolbar)==null||n.enableCameraSwitchButton(t===N.UserFacing)}getDefaultCssVariableValue(e){return window.getComputedStyle(this).getPropertyValue(e)}setTriggerButtonPressedColor(e,t,n){let r=this[e]??P.fromHex(this.getDefaultCssVariableValue(t)),i=V(r.alpha+r.alpha*.25,r.alpha,255),a=r.withAlpha(i);this.style.setProperty(n,`#${a.toJSON()}`)}addMiniPreviewListeners(){for(let[e,t]of this.miniPreviewListeners)this.miniPreview.addEventListener(e,t)}removeMiniPreviewListeners(){for(let[e,t]of this.miniPreviewListeners)this.miniPreview.removeEventListener(e,t)}addTriggerButtonListeners(){for(let[e,t]of this.triggerButtonListeners)this.triggerButton.addEventListener(e,t)}removeTriggerButtonListeners(){for(let[e,t]of this.triggerButtonListeners)this.triggerButton.removeEventListener(e,t)}repositionElementsIfOutOfBounds(){this.triggerButton.repositionIfOutOfBounds(),this.miniPreview.repositionIfOutOfBounds()}repositionMiniPreviewIfOutOfBounds(){this.miniPreview.repositionIfOutOfBounds()}repositionTriggerButtonIfOutOfBounds(){this.triggerButton.repositionIfOutOfBounds()}};export{W as SparkScanView};

package/build/js/spark/ui/SparkScanViewFeedbackManager.d.ts

@@ -1,2 +1,2 @@
-import { t as SparkScanViewFeedbackManager } from "../../SparkScanViewFeedbackManager-BWe7G9rf.js";
+import { t as SparkScanViewFeedbackManager } from "../../SparkScanViewFeedbackManager-DYKsRfY-.js";
 export { SparkScanViewFeedbackManager };

package/build/js/spark/ui/SparkScanViewIcon.d.ts

@@ -1,2 +1,2 @@
-import { t as SparkScanViewIcon } from "../../SparkScanViewIcon-DCLmO1H-.js";
+import { t as SparkScanViewIcon } from "../../SparkScanViewIcon-Drh2Iain.js";
 export { SparkScanViewIcon };

package/build/js/spark/ui/SparkScanViewMiniPreview.d.ts

@@ -1,2 +1,2 @@
-import { n as SparkScanViewMiniPreviewButtonType, t as SparkScanViewMiniPreview } from "../../SparkScanViewMiniPreview-EfStrLLi.js";
+import { n as SparkScanViewMiniPreviewButtonType, t as SparkScanViewMiniPreview } from "../../SparkScanViewMiniPreview-CXYokFio.js";
 export { SparkScanViewMiniPreview, SparkScanViewMiniPreviewButtonType };

package/build/js/spark/ui/SparkScanViewPreferenceManager.d.ts

@@ -1,2 +1,2 @@
-import { n as SparkScanViewPreferenceManager, t as SparkScanViewPreference } from "../../SparkScanViewPreferenceManager-DT0zv8xs.js";
+import { n as SparkScanViewPreferenceManager, t as SparkScanViewPreference } from "../../SparkScanViewPreferenceManager-BzTXb_KR.js";
 export { SparkScanViewPreference, SparkScanViewPreferenceManager };

package/build/js/spark/ui/SparkScanViewPresenter.d.ts

@@ -1,2 +1,2 @@
-import { t as SparkScanViewPresenter } from "../../SparkScanViewPresenter-u_eIF0eg.js";
+import { t as SparkScanViewPresenter } from "../../SparkScanViewPresenter-iBLQ63pl.js";
 export { SparkScanViewPresenter };

package/build/js/spark/ui/SparkScanViewPresenter.js

@@ -1 +1 @@
-import{t as e}from"../../SparkScanViewPresenter-26JfPd8a.js";export{e as SparkScanViewPresenter};
+import{t as e}from"../../SparkScanViewPresenter-CxLG_H-K.js";export{e as SparkScanViewPresenter};

package/build/js/spark/ui/SparkScanViewSettings.d.ts

@@ -1,2 +1,2 @@
-import { n as SparkScanViewSettingsJSON, t as SparkScanViewSettings } from "../../SparkScanViewSettings-d9lkb1df.js";
+import { n as SparkScanViewSettingsJSON, t as SparkScanViewSettings } from "../../SparkScanViewSettings-D5HpDX8Z.js";
 export { SparkScanViewSettings, SparkScanViewSettingsJSON };

package/build/js/spark/ui/SparkScanViewState.d.ts

@@ -1,2 +1,2 @@
-import { t as SparkScanViewState } from "../../SparkScanViewState-QCAjXmlR.js";
+import { t as SparkScanViewState } from "../../SparkScanViewState-DQ4Mf4ZI.js";
 export { SparkScanViewState };

package/build/js/spark/ui/SparkScanViewStateManager.d.ts

@@ -1,2 +1,2 @@
-import { t as SparkScanViewStateManager } from "../../SparkScanViewStateManager-B1nnUruM.js";
+import { t as SparkScanViewStateManager } from "../../SparkScanViewStateManager-Rf2Ftt8s.js";
 export { SparkScanViewStateManager };

package/build/js/spark/ui/SparkScanViewToast.d.ts

@@ -1,2 +1,2 @@
-import { n as SparkScanViewToastType, t as SparkScanViewToast } from "../../SparkScanViewToast-BuoTSMje.js";
+import { n as SparkScanViewToastType, t as SparkScanViewToast } from "../../SparkScanViewToast-DdHGQi9D.js";
 export { SparkScanViewToast, SparkScanViewToastType };

package/build/js/spark/ui/SparkScanViewToolbar.d.ts

@@ -1,2 +1,2 @@
-import { t as SparkScanViewToolbar } from "../../SparkScanViewToolbar-Dgq37_sM.js";
+import { t as SparkScanViewToolbar } from "../../SparkScanViewToolbar-DLdMXvsM.js";
 export { SparkScanViewToolbar };

package/build/js/spark/ui/SparkScanViewTriggerButton.d.ts

@@ -1,2 +1,2 @@
-import { t as SparkScanViewTriggerButton } from "../../SparkScanViewTriggerButton-COY3Xg8a.js";
+import { t as SparkScanViewTriggerButton } from "../../SparkScanViewTriggerButton-0C1PbogB.js";
 export { SparkScanViewTriggerButton };

package/build/js/spark/ui/SparkScanViewUiListener.d.ts

@@ -1,2 +1,2 @@
-import { n as SparkScanViewUiListener } from "../../SparkScanView-BYn_4_zd.js";
+import { n as SparkScanViewUiListener } from "../../SparkScanView-Ca5H_6lT.js";
 export { SparkScanViewUiListener };

package/build/js/spark/ui/SparkScanViewVisualFeedback.d.ts

@@ -1,2 +1,2 @@
-import { t as SparkScanViewVisualFeedback } from "../../SparkScanViewVisualFeedback-CFFxRzT-.js";
+import { t as SparkScanViewVisualFeedback } from "../../SparkScanViewVisualFeedback-BdYJS-hA.js";
 export { SparkScanViewVisualFeedback };

package/build/js/spark/ui/constants/attributes.d.ts

@@ -1,2 +1,2 @@
-import { a as previewCloseControlVisibleAttribute, c as scanningBehaviorButtonVisibleAttribute, d as targetModeEnabledAttribute, f as torchControlVisibleAttribute, h as zoomSwitchControlVisibleAttribute, i as labelCaptureButtonVisibleAttribute, l as selectionModeAutoAttribute, m as zoomFactorAttribute, n as cameraSwitchButtonVisibleAttribute, o as previewSizeControlVisibleAttribute, p as torchEnabledAttribute, r as inlineStyleAttribute, s as scanningBehaviorAttribute, t as barcodeFindButtonVisibleAttribute, u as targetModeButtonVisibleAttribute } from "../../../attributes-DLzV3au6.js";
+import { a as previewCloseControlVisibleAttribute, c as scanningBehaviorButtonVisibleAttribute, d as targetModeEnabledAttribute, f as torchControlVisibleAttribute, h as zoomSwitchControlVisibleAttribute, i as labelCaptureButtonVisibleAttribute, l as selectionModeAutoAttribute, m as zoomFactorAttribute, n as cameraSwitchButtonVisibleAttribute, o as previewSizeControlVisibleAttribute, p as torchEnabledAttribute, r as inlineStyleAttribute, s as scanningBehaviorAttribute, t as barcodeFindButtonVisibleAttribute, u as targetModeButtonVisibleAttribute } from "../../../attributes-DsoB2PgM.js";
 export { barcodeFindButtonVisibleAttribute, cameraSwitchButtonVisibleAttribute, inlineStyleAttribute, labelCaptureButtonVisibleAttribute, previewCloseControlVisibleAttribute, previewSizeControlVisibleAttribute, scanningBehaviorAttribute, scanningBehaviorButtonVisibleAttribute, selectionModeAutoAttribute, targetModeButtonVisibleAttribute, targetModeEnabledAttribute, torchControlVisibleAttribute, torchEnabledAttribute, zoomFactorAttribute, zoomSwitchControlVisibleAttribute };

package/build/js/spark/ui/constants/colors.d.ts

@@ -1,7 +1,5 @@
-import * as _$_scandit_web_datacapture_core0 from "@scandit/web-datacapture-core";
-
 //#region src/main/spark/ui/constants/colors.d.ts
-declare const dropShadow100: _$_scandit_web_datacapture_core0.Color;
-declare const dropShadow200: _$_scandit_web_datacapture_core0.Color;
+declare const dropShadow100: import("@scandit/web-datacapture-core/umd").Color;
+declare const dropShadow200: import("@scandit/web-datacapture-core/umd").Color;
 //#endregion
 export { dropShadow100, dropShadow200 };

package/build/js/spark/ui/constants/events.d.ts

@@ -1,2 +1,2 @@
-import { a as miniPreviewVisibilityChangeEvent, c as toolbarVisibilityChangeEvent, d as triggerButtonTapEvent, i as miniPreviewButtonTapEvent, l as triggerButtonHoldEndEvent, n as longPressEndEvent, o as orientationChangeEvent, r as longPressStartEvent, s as toolbarButtonTapEvent, t as ListenerForEvent, u as triggerButtonHoldStartEvent } from "../../../events-Ca6wkIHV.js";
-export { ListenerForEvent, longPressEndEvent, longPressStartEvent, miniPreviewButtonTapEvent, miniPreviewVisibilityChangeEvent, orientationChangeEvent, toolbarButtonTapEvent, toolbarVisibilityChangeEvent, triggerButtonHoldEndEvent, triggerButtonHoldStartEvent, triggerButtonTapEvent };
+import { a as miniPreviewVisibilityChangeEvent, c as toolbarVisibilityChangeEvent, d as triggerButtonTapEvent, i as miniPreviewButtonTapEvent, l as triggerButtonHoldEndEvent, n as longPressEndEvent, o as orientationChangeEvent, r as longPressStartEvent, s as toolbarButtonTapEvent, t as ListenerForEvent, u as triggerButtonHoldStartEvent } from "../../../events-BgAvu2tI.js";
+export { type ListenerForEvent, longPressEndEvent, longPressStartEvent, miniPreviewButtonTapEvent, miniPreviewVisibilityChangeEvent, orientationChangeEvent, toolbarButtonTapEvent, toolbarVisibilityChangeEvent, triggerButtonHoldEndEvent, triggerButtonHoldStartEvent, triggerButtonTapEvent };

package/build/js/spark/ui/constants/tags.d.ts

@@ -1,2 +1,2 @@
-import { a as sparkScanViewToolbarTag, i as sparkScanViewToastTag, n as sparkScanViewMiniPreviewTag, o as sparkScanViewTriggerButtonTag, r as sparkScanViewTag, s as sparkScanViewVisualFeedbackTag, t as sparkScanViewIconTag } from "../../../tags-DWZEPE_e.js";
+import { a as sparkScanViewToolbarTag, i as sparkScanViewToastTag, n as sparkScanViewMiniPreviewTag, o as sparkScanViewTriggerButtonTag, r as sparkScanViewTag, s as sparkScanViewVisualFeedbackTag, t as sparkScanViewIconTag } from "../../../tags-CHq3dmB8.js";
 export { sparkScanViewIconTag, sparkScanViewMiniPreviewTag, sparkScanViewTag, sparkScanViewToastTag, sparkScanViewToolbarTag, sparkScanViewTriggerButtonTag, sparkScanViewVisualFeedbackTag };

package/build/js/spark/ui/controllers/DragController.d.ts

@@ -1,6 +1,5 @@
 import { Point } from "@scandit/web-datacapture-core";
 import { Timeout } from "@scandit/web-datacapture-core/build/js/private/utils/timeout.js";
-
 //#region src/main/spark/ui/controllers/DragController.d.ts
 declare class DragControllerEvent extends Event {
   point: Point;

package/build/js/spark/ui/controllers/LongPressController.d.ts

@@ -1,5 +1,4 @@
-import { n as longPressEndEvent, r as longPressStartEvent } from "../../../events-Ca6wkIHV.js";
-
+import { n as longPressEndEvent, r as longPressStartEvent } from "../../../events-BgAvu2tI.js";
 //#region src/main/spark/ui/controllers/LongPressController.d.ts
 type LongPressControllerEventType = typeof longPressStartEvent | typeof longPressEndEvent;
 declare class LongPressControllerEvent extends Event {

package/build/js/spark/ui/index.d.ts

@@ -1,16 +1,17 @@
-import { t as SparkScanMiniPreviewSize } from "../../SparkScanMiniPreviewSize-De0jKtsO.js";
-import { n as SparkScanToastSettingsJSON, t as SparkScanToastSettings } from "../../SparkScanToastSettings-B134rU9_.js";
-import { t as SparkScanViewState } from "../../SparkScanViewState-QCAjXmlR.js";
-import { n as SparkScanViewUiListener, t as SparkScanView } from "../../SparkScanView-BYn_4_zd.js";
-import { n as SparkScanViewSettingsJSON, t as SparkScanViewSettings } from "../../SparkScanViewSettings-d9lkb1df.js";
-import { t as SparkScanViewFeedbackManager } from "../../SparkScanViewFeedbackManager-BWe7G9rf.js";
-import { t as SparkScanViewIcon } from "../../SparkScanViewIcon-DCLmO1H-.js";
-import { n as SparkScanViewToastType, t as SparkScanViewToast } from "../../SparkScanViewToast-BuoTSMje.js";
-import { t as SparkScanViewToolbar } from "../../SparkScanViewToolbar-Dgq37_sM.js";
-import { n as SparkScanViewMiniPreviewButtonType, t as SparkScanViewMiniPreview } from "../../SparkScanViewMiniPreview-EfStrLLi.js";
-import { n as SparkScanViewPreferenceManager, t as SparkScanViewPreference } from "../../SparkScanViewPreferenceManager-DT0zv8xs.js";
-import { t as SparkScanViewPresenter } from "../../SparkScanViewPresenter-u_eIF0eg.js";
-import { t as SparkScanViewStateManager } from "../../SparkScanViewStateManager-B1nnUruM.js";
-import { t as SparkScanViewTriggerButton } from "../../SparkScanViewTriggerButton-COY3Xg8a.js";
-import { t as SparkScanViewVisualFeedback } from "../../SparkScanViewVisualFeedback-CFFxRzT-.js";
+import { t as SparkScanMiniPreviewSize } from "../../SparkScanMiniPreviewSize-1kgiK7Y2.js";
+import { n as SparkScanToastSettingsJSON, t as SparkScanToastSettings } from "../../SparkScanToastSettings-DmruiKQ3.js";
+import { t as SparkScanViewState } from "../../SparkScanViewState-DQ4Mf4ZI.js";
+import { n as SparkScanViewUiListener, t as SparkScanView } from "../../SparkScanView-Ca5H_6lT.js";
+import { n as SparkScanViewSettingsJSON, t as SparkScanViewSettings } from "../../SparkScanViewSettings-D5HpDX8Z.js";
+import { t as SparkScanViewFeedbackManager } from "../../SparkScanViewFeedbackManager-DYKsRfY-.js";
+import { t as SparkScanViewIcon } from "../../SparkScanViewIcon-Drh2Iain.js";
+import { n as SparkScanViewToastType, t as SparkScanViewToast } from "../../SparkScanViewToast-DdHGQi9D.js";
+import { t as SparkScanViewToolbar } from "../../SparkScanViewToolbar-DLdMXvsM.js";
+import { n as SparkScanViewMiniPreviewButtonType, t as SparkScanViewMiniPreview } from "../../SparkScanViewMiniPreview-CXYokFio.js";
+import { n as SparkScanViewPreferenceManager, t as SparkScanViewPreference } from "../../SparkScanViewPreferenceManager-BzTXb_KR.js";
+import { t as SparkScanViewPresenter } from "../../SparkScanViewPresenter-iBLQ63pl.js";
+import { t as SparkScanViewStateManager } from "../../SparkScanViewStateManager-Rf2Ftt8s.js";
+import { t as SparkScanViewTriggerButton } from "../../SparkScanViewTriggerButton-0C1PbogB.js";
+import { t as SparkScanViewVisualFeedback } from "../../SparkScanViewVisualFeedback-BdYJS-hA.js";
+import "../../index-BQubBIYz.js";
 export { SparkScanMiniPreviewSize, SparkScanToastSettings, SparkScanToastSettingsJSON, SparkScanView, SparkScanViewFeedbackManager, SparkScanViewIcon, SparkScanViewMiniPreview, SparkScanViewMiniPreviewButtonType, SparkScanViewPreference, SparkScanViewPreferenceManager, SparkScanViewPresenter, SparkScanViewSettings, SparkScanViewSettingsJSON, SparkScanViewState, SparkScanViewStateManager, SparkScanViewToast, SparkScanViewToastType, SparkScanViewToolbar, SparkScanViewTriggerButton, SparkScanViewUiListener, SparkScanViewVisualFeedback };

package/build/js/spark/ui/index.js

@@ -1 +1 @@
-import{SparkScanMiniPreviewSize as e}from"./SparkScanMiniPreviewSize.js";import{SparkScanToastSettings as t}from"./SparkScanToastSettings.js";import{SparkScanViewIcon as n}from"./SparkScanViewIcon.js";import{SparkScanViewToast as r}from"./SparkScanViewToast.js";import{SparkScanViewToolbar as i}from"./SparkScanViewToolbar.js";import{SparkScanViewMiniPreview as a,SparkScanViewMiniPreviewButtonType as o}from"./SparkScanViewMiniPreview.js";import{SparkScanViewState as s}from"./SparkScanViewState.js";import{SparkScanViewFeedbackManager as c}from"./SparkScanViewFeedbackManager.js";import{SparkScanViewPreferenceManager as l}from"./SparkScanViewPreferenceManager.js";import{SparkScanViewStateManager as u}from"./SparkScanViewStateManager.js";import{t as d}from"../../SparkScanViewPresenter-26JfPd8a.js";import{SparkScanViewSettings as f}from"./SparkScanViewSettings.js";import{SparkScanViewTriggerButton as p}from"./SparkScanViewTriggerButton.js";import{SparkScanViewVisualFeedback as m}from"./SparkScanViewVisualFeedback.js";import{SparkScanView as h}from"./SparkScanView.js";export{e as SparkScanMiniPreviewSize,t as SparkScanToastSettings,h as SparkScanView,c as SparkScanViewFeedbackManager,n as SparkScanViewIcon,a as SparkScanViewMiniPreview,o as SparkScanViewMiniPreviewButtonType,l as SparkScanViewPreferenceManager,d as SparkScanViewPresenter,f as SparkScanViewSettings,s as SparkScanViewState,u as SparkScanViewStateManager,r as SparkScanViewToast,i as SparkScanViewToolbar,p as SparkScanViewTriggerButton,m as SparkScanViewVisualFeedback};
+import{SparkScanMiniPreviewSize as e}from"./SparkScanMiniPreviewSize.js";import{SparkScanToastSettings as t}from"./SparkScanToastSettings.js";import{SparkScanViewIcon as n}from"./SparkScanViewIcon.js";import{SparkScanViewToast as r}from"./SparkScanViewToast.js";import{SparkScanViewToolbar as i}from"./SparkScanViewToolbar.js";import{SparkScanViewMiniPreview as a,SparkScanViewMiniPreviewButtonType as o}from"./SparkScanViewMiniPreview.js";import{SparkScanViewState as s}from"./SparkScanViewState.js";import{SparkScanViewFeedbackManager as c}from"./SparkScanViewFeedbackManager.js";import{SparkScanViewPreferenceManager as l}from"./SparkScanViewPreferenceManager.js";import{SparkScanViewStateManager as u}from"./SparkScanViewStateManager.js";import{t as d}from"../../SparkScanViewPresenter-CxLG_H-K.js";import{SparkScanViewSettings as f}from"./SparkScanViewSettings.js";import{SparkScanViewTriggerButton as p}from"./SparkScanViewTriggerButton.js";import{SparkScanViewVisualFeedback as m}from"./SparkScanViewVisualFeedback.js";import{SparkScanView as h}from"./SparkScanView.js";export{e as SparkScanMiniPreviewSize,t as SparkScanToastSettings,h as SparkScanView,c as SparkScanViewFeedbackManager,n as SparkScanViewIcon,a as SparkScanViewMiniPreview,o as SparkScanViewMiniPreviewButtonType,l as SparkScanViewPreferenceManager,d as SparkScanViewPresenter,f as SparkScanViewSettings,s as SparkScanViewState,u as SparkScanViewStateManager,r as SparkScanViewToast,i as SparkScanViewToolbar,p as SparkScanViewTriggerButton,m as SparkScanViewVisualFeedback};