@scandit/web-datacapture-barcode 8.4.1 → 8.5.0

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

@@ -1 +1 @@
-export{b as SparkScanViewMiniPreview,a as SparkScanViewMiniPreviewButtonType}from'../../chunks/chunk-4XB626PC.js';
+import"./SparkScanMiniPreviewSize.js";import{DragController as e,DragControllerEvent as t}from"./controllers/DragController.js";import{dropShadow100 as n,dropShadow200 as r}from"./constants/colors.js";import{toolbarBackgroundColorCssVariable as i}from"./constants/cssVariables.js";import{miniPreviewButtonTapEvent as a,miniPreviewVisibilityChangeEvent as o}from"./constants/events.js";import{LongPressController as s}from"./controllers/LongPressController.js";import{previewCloseControlVisibleAttribute as c,previewSizeControlVisibleAttribute as l,torchControlVisibleAttribute as u,torchEnabledAttribute as d,zoomFactorAttribute as f,zoomSwitchControlVisibleAttribute as p}from"./constants/attributes.js";import{sparkScanViewIconTag as m,sparkScanViewMiniPreviewTag as h,sparkScanViewToastTag as g,sparkScanViewToolbarTag as _}from"./constants/tags.js";import{SparkScanViewIcon as v}from"./SparkScanViewIcon.js";import{SparkScanViewToast as y}from"./SparkScanViewToast.js";import{SparkScanViewToolbar as b}from"./SparkScanViewToolbar.js";import"./constants/constants.js";import{Point as x}from"@scandit/web-datacapture-core";import{ScanditHTMLElement as S,Timeout as C,css as w,defineCustomElements as T,html as E,safeAwaitAnimation as D,safeCancelAnimation as O}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";let k=function(e){return e.ResizeButton=`resizeButton`,e.ZoomButton=`zoomButton`,e.TorchButton=`torchButton`,e.CloseButton=`closeButton`,e}({});var A=class k extends S{constructor(...e){super(...e),this.resizeButtonTapListener=this.onResizeButtonTap.bind(this),this.zoomButtonTapListener=this.onZoomButtonTap.bind(this),this.torchButtonTapListener=this.onTorchButtonTap.bind(this),this.closeButtonTapListener=this.onCloseButtonTap.bind(this),this.pointerDownListener=this.onPointerDown.bind(this),this.longPressStartListener=this.onLongPressStart.bind(this),this.toolbarVisibilityChangeListener=this.onToolbarVisibilityChange.bind(this),this.longPressEndListener=this.onLongPressEnd.bind(this),this.dragEndListener=this.onDragEnd.bind(this),this.fadeOutAnimation=new Animation(new KeyframeEffect(this,[{opacity:1},{opacity:0}],{duration:500,fill:`both`})),this.replayFadeOutTimeout=null,this.longPressController=new s(this)}get styleElement(){return this._styleElement??=w`${h}{background:var(${i});border-radius:16px;display:none;filter:drop-shadow(0 2px 6px #${n.toJSON()}) drop-shadow(0 1px 2px #${r.toJSON()});left:0;position:absolute;top:0;transition:filter .3s ease;z-index:100}${h}[unconstrained]{position:fixed;z-index:10000}${h},${h} #overlay{height:var(--dvw-half);max-height:min(250px,var(--dvw-half));max-width:min(250px,var(--dvw-half));min-height:192px;min-width:192px;width:var(--dvw-half)}@media (orientation:landscape){${h},${h} #overlay{height:var(--dvh-half);max-height:min(250px,var(--dvh-half));max-width:min(250px,var(--dvh-half));width:var(--dvh-half)}}@media screen (min-width:768px) and (orientation:portrait){${h} #overlay,${h}{max-height:min(375px,var(--dvw-half));max-width:min(375px,var(--dvw-half))}}@media screen (min-width:768px) and (orientation:landscape){${h},${h} #overlay{max-height:min(375px,var(--dvh-half));max-width:min(375px,var(--dvh-half))}}${h}[visible]{display:flex;flex-flow:column}${h}[expanded],${h}[expanded] #overlay{height:calc(var(--dvh-half) - ${32}px);max-height:min(400px,calc(var(--dvh-half) - ${32}px));max-width:min(400px,calc(var(--dvw) - ${32}px));width:calc(var(--dvw) - ${32}px)}${h}[pressed]{filter:drop-shadow(0 4px 4px #${r.toJSON()}) drop-shadow(0 8px 12px #${n.toJSON()})}@media (orientation:landscape){${h}[expanded],${h}[expanded] #overlay{height:calc(var(--dvh) - ${32}px);max-height:min(400px,calc(var(--dvh) - ${32}px));max-width:min(400px,calc(var(--dvw-half) - ${32}px));width:calc(var(--dvw-half) - ${32}px)}}spark-scan-view-toast{left:50%;position:absolute;top:16px;transform:translateX(-50%);z-index:20}${h} #host,${h} #host *{border-radius:16px;width:100%}${h} #host{height:calc(100% - 48px);z-index:-10}${h}[cover] #host{height:100%}${h} #controls{box-sizing:border-box;display:grid;grid-template-rows:auto max-content;height:100%;pointer-events:none;position:absolute;top:0;width:100%}${h} #controls button{pointer-events:auto}${h} #button-container-list{display:flex;flex-flow:column;height:calc(100% - 48px);justify-content:space-between;pointer-events:none;width:100%}${h}[cover] #button-container-list{height:100%}${h} .button-container{align-items:center;display:flex;justify-content:flex-end;padding:12px;pointer-events:none}${h}[${u}] .button-container:first-of-type,${h}[${l}] .button-container:nth-of-type(2){justify-content:space-between}.${h}__button{align-items:center;background:#12161980;border:none;border-radius:50%;color:#fff;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;height:24px;justify-content:center;width:24px}${h} #torchButton,${h} #closeButton,${h} #resizeButton,${h} #zoomButton{display:none}${h}[${u}] #torchButton,${h}[${l}] #resizeButton{display:flex}${h}[${c}] #closeButton,${h}[${p}] #zoomButton{align-self:end;display:flex}${h} #overlay{background:#000;border-radius:16px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;z-index:10}${h}[darkened] #overlay{opacity:.3}`,this._styleElement}get visible(){return this.hasAttribute(`visible`)}set visible(e){this.toggleAttribute(`visible`,e),this.dispatchEvent(new CustomEvent(o,{detail:{visible:e}}))}get size(){return this.expanded?`expanded`:`regular`}set size(e){var t;this.toggleAttribute(`expanded`,e===`expanded`);let n=this.getNextTranslate();(t=this.dragController)==null||t.translateTo(n,!1).then(()=>{var e;return(e=this.dragController)==null?void 0:e.repositionIfOutOfBounds()})}get expanded(){return this.hasAttribute(`expanded`)}set useViewportBounds(e){this.dragController&&(this.dragController.useViewportBounds=e)}get[f](){return Number(this.getAttribute(`zoom-factor`)??`1`)}set[f](e){this.setAttribute(f,String(e))}get darkened(){return this.hasAttribute(`darkened`)}set darkened(e){this.toggleAttribute(`darkened`,e)}get orientation(){return this.getAttribute(`orientation`)??`portrait-primary`}set orientation(e){this.setAttribute(`orientation`,e)}get[d](){return this.hasAttribute(d)}set[d](e){this.toggleAttribute(d,e)}get[l](){return this.hasAttribute(l)}set[l](e){this.toggleAttribute(l,e)}get[p](){return this.hasAttribute(p)}set[p](e){this.toggleAttribute(p,e)}get[u](){return this.hasAttribute(u)}set[u](e){this.toggleAttribute(u,e)}get[c](){return this.hasAttribute(c)}set[c](e){this.toggleAttribute(c,e)}get cover(){return this.hasAttribute(`cover`)}set cover(e){this.toggleAttribute(`cover`,e)}get pressed(){return this.hasAttribute(`pressed`)}set pressed(e){this.toggleAttribute(`pressed`,e)}static create(){return T({[h]:k,[m]:v,[g]:y,[_]:b}),document.createElement(h)}repositionIfOutOfBounds(){var e;(e=this.dragController)==null||e.repositionIfOutOfBounds()}showToast(e,t,n){this.toast.show(e,t,n)}hideToast(){this.toast.hide()}zoomIn(){this.zoomButton&&(this[f]=2,this.zoomButton.textContent=`2x`,this.showToast(`warning`,`2x zoom`,1e3))}zoomOut(){this.zoomButton&&(this[f]=1,this.zoomButton.textContent=`1x`,this.showToast(`info`,`1x zoom`,1e3))}async fadeOut(){this.fadeOutAnimation.play(),await D(this.fadeOutAnimation),this.visible=!1}cancelFadeOut(){var e;(e=this.replayFadeOutTimeout)==null||e.stop(),O(this.fadeOutAnimation)}async rewindAnimation(){var e;if(((e=this.replayFadeOutTimeout)==null?void 0:e.running)===!0||this.fadeOutAnimation.playState!==`idle`){var t;this.cancelFadeOut(),(t=this.replayFadeOutTimeout)==null||t.start()}}translateTo(e){var t;(t=this.dragController)==null||t.translateTo(e,!1)}render(){var e,t,n,r,i,a,o;this.innerHTML=E`<spark-scan-view-toast></spark-scan-view-toast><div id="host"></div><div id="controls"><div id="button-container-list"><div class="button-container"><button id="torchButton" class="${h}__button"><spark-scan-view-icon icon="torchOff" fill="white" size="9"></spark-scan-view-icon></button><button id="closeButton" class="${h}__button"><spark-scan-view-icon icon="close" fill="white" size="9"></spark-scan-view-icon></button></div><div class="button-container"><button id="resizeButton" class="${h}__button"><spark-scan-view-icon icon="expand" fill="white" size="14"></spark-scan-view-icon></button><button id="zoomButton" class="${h}__button">${this[f]}x</button></div></div></div><spark-scan-view-toolbar></spark-scan-view-toolbar><div id="overlay"></div>`,this.toast=this.querySelector(`spark-scan-view-toast`),this.host=this.querySelector(`#host`),this.resizeButton=this.querySelector(`#resizeButton`),(e=this.resizeButton)==null||e.addEventListener(`pointerup`,this.resizeButtonTapListener),this.resizeButtonIcon=(t=this.resizeButton)==null?void 0:t.querySelector(`spark-scan-view-icon`),this.zoomButton=this.querySelector(`#zoomButton`),(n=this.zoomButton)==null||n.addEventListener(`pointerup`,this.zoomButtonTapListener),this.torchButton=this.querySelector(`#torchButton`),(r=this.torchButton)==null||r.addEventListener(`pointerup`,this.torchButtonTapListener),this.torchButtonIcon=(i=this.torchButton)==null?void 0:i.querySelector(`spark-scan-view-icon`),this.closeButton=this.querySelector(`#closeButton`),(a=this.closeButton)==null||a.addEventListener(`pointerup`,this.closeButtonTapListener),this.toolbar=this.querySelector(_),(o=this.toolbar)==null||o.addEventListener(`toolbarvisibilitychange`,this.toolbarVisibilityChangeListener),this.buttonContainerList=this.querySelector(`#button-container-list`)}onResizeButtonTap(e){e.stopPropagation(),this.size={regular:`expanded`,expanded:`regular`}[this.size],this.resizeButtonIcon&&(this.resizeButtonIcon.icon=this.expanded?`shrink`:`expand`),this.dispatchEvent(new CustomEvent(a,{detail:{tapped:`resizeButton`,expanded:this.expanded}}))}onZoomButtonTap(e){switch(e.stopPropagation(),this[f]){case 1:this.zoomIn();break;case 2:this.zoomOut();break}this.dispatchEvent(new CustomEvent(a,{detail:{tapped:`zoomButton`,zoomFactor:this[f]}}))}onTorchButtonTap(e){e.stopPropagation(),this[d]=!this[d],this.torchButtonIcon&&(this.torchButtonIcon.icon=this[`torch-enabled`]?`torchOn`:`torchOff`),this.dispatchEvent(new CustomEvent(a,{detail:{tapped:`torchButton`,enabled:this[d]}}))}onCloseButtonTap(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(a,{detail:{tapped:`closeButton`}}))}onPointerDown(){this.dragController&&(this.dragController.draggable=!1),this.rewindAnimation()}onLongPressStart(){this.dragController&&(this.dragController.draggable=!0),this.pressed=!0}onLongPressEnd(){this.pressed=!1}onDragEnd(e){e instanceof t&&(this.lastKnownTranslate=e.point)}onToolbarVisibilityChange(){this.cover=!this.toolbar||!!this.toolbar.hidden}connectedCallback(){var t,n;this.rootElement=(t=this.parentElement)==null?void 0:t.parentElement,this.dragController=new e(this,this.rootElement),this.replayFadeOutTimeout=new C(1200,async()=>{await this.fadeOut()}),this.render(),this.append(this.styleElement),this.addEventListener(`pointerdown`,this.pointerDownListener),this.addEventListener(`longpressstart`,this.longPressStartListener),this.addEventListener(`longpressend`,this.longPressEndListener),this.addEventListener(`dragend`,this.dragEndListener),this.dragController.connect(),this.longPressController.connect(),this.buttonContainerList&&(n=this.toolbar)!=null&&n.firstElementChild&&(this.longPressController.elementsAllowedToTriggerLongPressEvents.add(this.buttonContainerList),this.longPressController.elementsAllowedToTriggerLongPressEvents.add(this.toolbar.firstElementChild)),this.dragController.margin=new x(16,16)}disconnectedCallback(){var e,t,n,r,i,a,o;(e=this.resizeButton)==null||e.removeEventListener(`pointerup`,this.resizeButtonTapListener),(t=this.zoomButton)==null||t.removeEventListener(`pointerup`,this.zoomButtonTapListener),(n=this.torchButton)==null||n.removeEventListener(`pointerup`,this.torchButtonTapListener),(r=this.closeButton)==null||r.removeEventListener(`pointerup`,this.closeButtonTapListener),(i=this.toolbar)==null||i.removeEventListener(`toolbarvisibilitychange`,this.toolbarVisibilityChangeListener),this.removeEventListener(`pointerdown`,this.pointerDownListener),this.removeEventListener(`longpressstart`,this.longPressStartListener),this.removeEventListener(`longpressend`,this.longPressEndListener),this.removeEventListener(`dragend`,this.dragEndListener),O(this.fadeOutAnimation),(a=this.replayFadeOutTimeout)==null||a.stop(),(o=this.dragController)==null||o.disconnect(),this.longPressController.disconnect()}getNextTranslate(){var e,t;let n=((e=this.rootElement)==null?void 0:e.clientWidth)||document.body.clientWidth,r=((t=this.rootElement)==null?void 0:t.clientHeight)||document.body.clientHeight;if(!this.dragController)return new x(0,0);if(this.size===`regular`)return this.lastKnownTranslate??this.dragController.translate;this.lastKnownTranslate=this.dragController.translate;let i=this.dragController.translate;return(this.orientation===`portrait-primary`||this.orientation===`portrait-secondary`)&&this.dragController.translate.x>16&&(i=new x(16,i.y)),(this.orientation===`landscape-primary`||this.orientation===`landscape-secondary`)&&this.dragController.translate.x>n-this.clientWidth-16&&(i=new x(n-this.clientWidth-16,i.y)),this.dragController.translate.y>r-this.clientHeight-16&&(i=new x(i.x,r-this.clientHeight-16)),i}};A.observedAttributes=[l,p,u];export{A as SparkScanViewMiniPreview,k as SparkScanViewMiniPreviewButtonType};

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

@@ -1,39 +1,2 @@
-import { SparkScanScanningBehavior } from '../SparkScanScanningBehavior.js';
-
-interface SparkScanViewPreference {
-    scanningBehavior: SparkScanScanningBehavior;
-    portraitOrientationTriggerButtonTranslateX: number;
-    portraitOrientationTriggerButtonTranslateY: number;
-    landscapeOrientationTriggerButtonTranslateX: number;
-    landscapeOrientationTriggerButtonTranslateY: number;
-    portraitOrientationMiniPreviewTranslateX: number;
-    portraitOrientationMiniPreviewTranslateY: number;
-    landscapeOrientationMiniPreviewTranslateX: number;
-    landscapeOrientationMiniPreviewTranslateY: number;
-}
-declare class SparkScanViewPreferenceManager {
-    private storage;
-    constructor(storage: Storage);
-    get scanningBehavior(): SparkScanScanningBehavior | undefined;
-    set scanningBehavior(scanningBehavior: SparkScanScanningBehavior);
-    get portraitOrientationTriggerButtonTranslateX(): number | undefined;
-    set portraitOrientationTriggerButtonTranslateX(translateX: number);
-    get portraitOrientationTriggerButtonTranslateY(): number | undefined;
-    set portraitOrientationTriggerButtonTranslateY(translateY: number);
-    get landscapeOrientationTriggerButtonTranslateX(): number | undefined;
-    set landscapeOrientationTriggerButtonTranslateX(translateX: number);
-    get landscapeOrientationTriggerButtonTranslateY(): number | undefined;
-    set landscapeOrientationTriggerButtonTranslateY(translateY: number);
-    get portraitOrientationMiniPreviewTranslateX(): number | undefined;
-    set portraitOrientationMiniPreviewTranslateX(translateX: number);
-    get portraitOrientationMiniPreviewTranslateY(): number | undefined;
-    set portraitOrientationMiniPreviewTranslateY(translateY: number);
-    get landscapeOrientationMiniPreviewTranslateX(): number | undefined;
-    set landscapeOrientationMiniPreviewTranslateX(translateX: number);
-    get landscapeOrientationMiniPreviewTranslateY(): number | undefined;
-    set landscapeOrientationMiniPreviewTranslateY(translateY: number);
-    private getItem;
-    private setItem;
-}
-
-export { type SparkScanViewPreference, SparkScanViewPreferenceManager };
+import { n as SparkScanViewPreferenceManager, t as SparkScanViewPreference } from "../../SparkScanViewPreferenceManager-DT0zv8xs.js";
+export { SparkScanViewPreference, SparkScanViewPreferenceManager };

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

@@ -1 +1 @@
-export{a as SparkScanViewPreferenceManager}from'../../chunks/chunk-QCD3RIT4.js';
+var e=class{constructor(e){this.storage=e}get scanningBehavior(){return this.getItem(`scanningBehavior`)}set scanningBehavior(e){this.setOrRemoveItem(`scanningBehavior`,e)}get portraitOrientationTriggerButtonTranslateX(){return this.getItem(`portraitOrientationTriggerButtonTranslateX`)}set portraitOrientationTriggerButtonTranslateX(e){this.setOrRemoveItem(`portraitOrientationTriggerButtonTranslateX`,e)}get portraitOrientationTriggerButtonTranslateY(){return this.getItem(`portraitOrientationTriggerButtonTranslateY`)}set portraitOrientationTriggerButtonTranslateY(e){this.setOrRemoveItem(`portraitOrientationTriggerButtonTranslateY`,e)}get landscapeOrientationTriggerButtonTranslateX(){return this.getItem(`landscapeOrientationTriggerButtonTranslateX`)}set landscapeOrientationTriggerButtonTranslateX(e){this.setOrRemoveItem(`landscapeOrientationTriggerButtonTranslateX`,e)}get landscapeOrientationTriggerButtonTranslateY(){return this.getItem(`landscapeOrientationTriggerButtonTranslateY`)}set landscapeOrientationTriggerButtonTranslateY(e){this.setOrRemoveItem(`landscapeOrientationTriggerButtonTranslateY`,e)}get portraitOrientationMiniPreviewTranslateX(){return this.getItem(`portraitOrientationMiniPreviewTranslateX`)}set portraitOrientationMiniPreviewTranslateX(e){this.setOrRemoveItem(`portraitOrientationMiniPreviewTranslateX`,e)}get portraitOrientationMiniPreviewTranslateY(){return this.getItem(`portraitOrientationMiniPreviewTranslateY`)}set portraitOrientationMiniPreviewTranslateY(e){this.setOrRemoveItem(`portraitOrientationMiniPreviewTranslateY`,e)}get landscapeOrientationMiniPreviewTranslateX(){return this.getItem(`landscapeOrientationMiniPreviewTranslateX`)}set landscapeOrientationMiniPreviewTranslateX(e){this.setOrRemoveItem(`landscapeOrientationMiniPreviewTranslateX`,e)}get landscapeOrientationMiniPreviewTranslateY(){return this.getItem(`landscapeOrientationMiniPreviewTranslateY`)}set landscapeOrientationMiniPreviewTranslateY(e){this.setOrRemoveItem(`landscapeOrientationMiniPreviewTranslateY`,e)}getItem(e){let t=this.storage.getItem(e);if(t!=null)return JSON.parse(t)}setOrRemoveItem(e,t){t===void 0?this.storage.removeItem(e):this.storage.setItem(e,JSON.stringify(t))}};export{e as SparkScanViewPreferenceManager};

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

@@ -1,113 +1,2 @@
-import { DataCaptureView, DataCaptureContext, Feedback, Point } from '@scandit/web-datacapture-core';
-import { SparkScanTimeoutManagerDelegate } from './SparkScanTimeoutManager.js';
-import { SparkScanViewSessionStopReason } from '../SparkScanAnalyticsManager.js';
-import { S as SparkScanView, a as SparkScanViewUiListener } from '../../SparkScanView-DA3lM65w.js';
-import { SparkScanListener, SparkScanDelegate, SparkScan } from '../SparkScan.js';
-import { SparkScanSession } from '../SparkScanSession.js';
-import { SparkScanViewSettings } from './SparkScanViewSettings.js';
-import '@scandit/web-datacapture-core/build/js/private/utils/timeout.js';
-import '@scandit/web-datacapture-core/build/js/private/Serializable';
-import './SparkScanMiniPreviewSize.js';
-import '../SparkScanScanningMode.js';
-import '../SparkScanPreviewBehavior.js';
-import '../SparkScanScanningBehavior.js';
-import './SparkScanToastSettings.js';
-import '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import '../SparkScanFeedbackDelegate.js';
-import '../../Barcode.js';
-import '../../EncodingRange.js';
-import '../../StructuredAppendData.js';
-import '../SparkScanBarcodeFeedback.js';
-import './constants/tags.js';
-import './SparkScanViewState.js';
-import '../SparkScanSettings.js';
-import '../../ScanIntention.js';
-import '../../SymbologySettings.js';
-
-declare class SparkScanViewPresenter implements SparkScanListener, SparkScanDelegate, SparkScanTimeoutManagerDelegate {
-    private _context;
-    private _sparkScan;
-    protected _preparationPromise: Promise<void> | null;
-    protected _stopScanningPromise: Promise<void> | null;
-    protected _dataCaptureView: DataCaptureView | null;
-    sparkScanViewSettings: SparkScanViewSettings;
-    private cameraManager;
-    private get camera();
-    private overlayManager;
-    private sparkScanView;
-    private feedbackManager;
-    private preferenceManager;
-    private stateManager;
-    private scanningBehaviorCache?;
-    private defaultSuccessBrush;
-    private defaultErrorBrush;
-    private listener?;
-    private analyticsManager;
-    private constructor();
-    set context(context: DataCaptureContext | null);
-    get context(): DataCaptureContext | null;
-    set sparkScan(sparkScan: SparkScan | null);
-    get sparkScan(): SparkScan | null;
-    private get sparkScan$();
-    private get context$();
-    /**
-     * this is called by the SparkScanViewPresenter constructor
-     * and each time the SparkScanViewSettings setter is called
-     */
-    setSparkScanViewSettings(sparkScanViewSettings: SparkScanViewSettings): void;
-    get portraitOrientationTriggerButtonTranslateX(): number;
-    get portraitOrientationTriggerButtonTranslateY(): number;
-    get landscapeOrientationTriggerButtonTranslateX(): number;
-    get landscapeOrientationTriggerButtonTranslateY(): number;
-    get portraitOrientationMiniPreviewTranslateX(): number;
-    get portraitOrientationMiniPreviewTranslateY(): number;
-    get landscapeOrientationMiniPreviewTranslateX(): number;
-    get landscapeOrientationMiniPreviewTranslateY(): number;
-    private get defaultTriggerButtonTranslateX();
-    private get defaultTriggerButtonTranslateY();
-    private get defaultMiniPreviewTranslateX();
-    private get parentViewSizes();
-    private get defaultMiniPreviewTranslateY();
-    static forView(view: SparkScanView, sparkScanViewSettings: SparkScanViewSettings): SparkScanViewPresenter;
-    prepareScanning(host: HTMLElement): Promise<void>;
-    private _internalPrepareScanning;
-    stopScanning(options: {
-        sessionStopReason: SparkScanViewSessionStopReason;
-    }): Promise<void>;
-    private _internalStopScanning;
-    startScanning(): Promise<void>;
-    pauseScanning(): Promise<void>;
-    onTriggerButtonPointerDown(): Promise<void>;
-    onTriggerButtonTap(): Promise<void>;
-    onTriggerButtonLongPressStart(): Promise<void>;
-    onTriggerButtonLongPressEnd(): Promise<void>;
-    onClickOutside(): Promise<void>;
-    onVisibilityChange(): Promise<void>;
-    onTargetModeButtonTap(targetModeEnabled: boolean, feedback?: Feedback, showToast?: boolean): Promise<void>;
-    onScanningBehaviorButtonTap(continuousModeEnabled: boolean, feedback?: Feedback, showToast?: boolean): Promise<void>;
-    onBarcodeFindButtonTap(): Promise<void>;
-    onLabelCaptureButtonTap(): Promise<void>;
-    onCameraSwitchButtonTap(): Promise<void>;
-    onTorchButtonTap(torchEnabled: boolean, feedback?: Feedback, showToast?: boolean): Promise<void>;
-    onMiniPreviewCloseButtonTap(): Promise<void>;
-    onMiniPreviewResizeButtonTap(): void;
-    onMiniPreviewZoomButtonTap(zoomFactor: number): Promise<void>;
-    onMiniPreviewDrag(translate: Point, orientation: OrientationType): Promise<void>;
-    onMiniPreviewPointerMove(): void;
-    onMiniPreviewPointerUp(): Promise<void>;
-    onMiniPreviewDragEnd(): Promise<void>;
-    onMiniPreviewVisibilityChange(visible: boolean): Promise<void>;
-    onTriggerButtonDrag(translate: Point, orientation: OrientationType): void;
-    onOrientationChange(): Promise<void>;
-    didScan(_sparkScan: SparkScan, session: SparkScanSession): Promise<void>;
-    setListener(listener: SparkScanViewUiListener | null): void;
-    private get tapBarcodeFeedback();
-    private get silentBarcodeFeedback();
-    private get silentErrorBarcodeFeedback();
-    private enableTargetModeLocationSelection;
-    private applyPreferences;
-    private setState;
-    private updateSizeControlVisibility;
-}
-
-export { SparkScanViewPresenter };
+import { t as SparkScanViewPresenter } from "../../SparkScanViewPresenter-u_eIF0eg.js";
+export { SparkScanViewPresenter };

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

@@ -1 +1 @@
-export{a as SparkScanViewPresenter}from'../../chunks/chunk-PFSE6Z4X.js';
+import{t as e}from"../../SparkScanViewPresenter-26JfPd8a.js";export{e as SparkScanViewPresenter};

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

@@ -1,44 +1,2 @@
-import { TorchState, CameraPosition, BrushJSON, Brush } from '@scandit/web-datacapture-core';
-import { Serializable } from '@scandit/web-datacapture-core/build/js/private/Serializable';
-import { SparkScanMiniPreviewSize } from './SparkScanMiniPreviewSize.js';
-import { SparkScanScanningModeJSON, SparkScanScanningMode } from '../SparkScanScanningMode.js';
-import { SparkScanToastSettingsJSON, SparkScanToastSettings } from './SparkScanToastSettings.js';
-import '../SparkScanPreviewBehavior.js';
-import '../SparkScanScanningBehavior.js';
-
-interface SparkScanViewSettingsJSON {
-    defaultScanningMode: SparkScanScanningModeJSON;
-    defaultTorchState: TorchState;
-    defaultMiniPreviewSize: SparkScanMiniPreviewSize;
-    defaultCameraPosition: CameraPosition;
-    hapticEnabled: boolean;
-    holdToScanEnabled: boolean;
-    inactiveStateTimeout: number;
-    soundEnabled: boolean;
-    toastSettings: SparkScanToastSettingsJSON;
-    triggerButtonCollapseTimeout: number;
-    visualFeedbackEnabled: boolean;
-    zoomFactorIn: number;
-    zoomFactorOut: number;
-    smartSelectionCandidateBrush?: BrushJSON | null;
-}
-declare class SparkScanViewSettings implements Serializable<SparkScanViewSettingsJSON> {
-    defaultScanningMode: SparkScanScanningMode;
-    defaultTorchState: TorchState;
-    defaultMiniPreviewSize: SparkScanMiniPreviewSize;
-    defaultCameraPosition: CameraPosition;
-    hapticEnabled: boolean;
-    holdToScanEnabled: boolean;
-    inactiveStateTimeout: number;
-    soundEnabled: boolean;
-    toastSettings: SparkScanToastSettings;
-    triggerButtonCollapseTimeout: number;
-    visualFeedbackEnabled: boolean;
-    zoomFactorIn: number;
-    zoomFactorOut: number;
-    smartSelectionCandidateBrush: Brush | null;
-    constructor();
-    toJSONObject(): SparkScanViewSettingsJSON;
-}
-
-export { SparkScanViewSettings, type SparkScanViewSettingsJSON };
+import { n as SparkScanViewSettingsJSON, t as SparkScanViewSettings } from "../../SparkScanViewSettings-d9lkb1df.js";
+export { SparkScanViewSettings, SparkScanViewSettingsJSON };

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

@@ -1 +1 @@
-export{a as SparkScanViewSettings}from'../../chunks/chunk-AYZEMPSP.js';
+import{defaultSparkScan as e}from"../../defaults/DefaultsSparkScan.js";import"../SparkScanPreviewBehavior.js";import"../SparkScanScanningBehavior.js";import{SparkScanScanningModeDefault as t,SparkScanScanningModeTarget as n}from"../SparkScanScanningMode.js";import{SparkScanToastSettings as r}from"./SparkScanToastSettings.js";var i=class{get scanningBehavior(){return this.defaultScanningMode.scanningBehavior}set scanningBehavior(e){let r=this.defaultScanningMode;r instanceof n?this.defaultScanningMode=new n(e,r.previewBehavior):this.defaultScanningMode=new t(e,r.previewBehavior)}get previewBehavior(){return this.defaultScanningMode.previewBehavior}set previewBehavior(e){let r=this.defaultScanningMode;r instanceof n?this.defaultScanningMode=new n(r.scanningBehavior,e):this.defaultScanningMode=new t(r.scanningBehavior,e)}get smartSelectionCandidateBrush(){return this.selectionModeCandidateBrush}set smartSelectionCandidateBrush(e){this.selectionModeCandidateBrush=e}constructor(){this.defaultScanningMode=new t(`single`,`default`),this.defaultTorchState=e.SparkScanViewSettings.defaultTorchState,this.defaultMiniPreviewSize=e.SparkScanViewSettings.defaultMiniPreviewSize,this.defaultCameraPosition=e.SparkScanViewSettings.defaultCameraPosition,this.hapticEnabled=e.SparkScanViewSettings.hapticEnabled,this.holdToScanEnabled=e.SparkScanViewSettings.holdToScanEnabled,this.inactiveStateTimeout=e.SparkScanViewSettings.inactiveStateTimeout,this.soundEnabled=e.SparkScanViewSettings.soundEnabled,this.toastSettings=new r,this.triggerButtonCollapseTimeout=e.SparkScanViewSettings.triggerButtonCollapseTimeout,this.visualFeedbackEnabled=e.SparkScanViewSettings.visualFeedbackEnabled,this.zoomFactorIn=e.SparkScanViewSettings.zoomFactorIn,this.zoomFactorOut=e.SparkScanViewSettings.zoomFactorOut,this.selectionModeCandidateBrush=null}toJSONObject(){var e;return{defaultScanningMode:this.defaultScanningMode.toJSONObject(),defaultTorchState:this.defaultTorchState,defaultMiniPreviewSize:this.defaultMiniPreviewSize,defaultCameraPosition:this.defaultCameraPosition,hapticEnabled:this.hapticEnabled,holdToScanEnabled:this.holdToScanEnabled,inactiveStateTimeout:this.inactiveStateTimeout,previewBehavior:this.previewBehavior,scanningBehavior:this.scanningBehavior,soundEnabled:this.soundEnabled,toastSettings:this.toastSettings.toJSONObject(),triggerButtonCollapseTimeout:this.triggerButtonCollapseTimeout,visualFeedbackEnabled:this.visualFeedbackEnabled,zoomFactorIn:this.zoomFactorIn,zoomFactorOut:this.zoomFactorOut,selectionModeCandidateBrush:((e=this.selectionModeCandidateBrush)==null?void 0:e.toJSONObject())??null}}};export{i as SparkScanViewSettings};

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

@@ -1,9 +1,2 @@
-declare enum SparkScanViewState {
-    Initial = "Initial",
-    Idle = "idle",
-    Active = "active",
-    Inactive = "inactive",
-    Error = "error"
-}
-
-export { SparkScanViewState };
+import { t as SparkScanViewState } from "../../SparkScanViewState-QCAjXmlR.js";
+export { SparkScanViewState };

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

@@ -1 +1 @@
-export{a as SparkScanViewState}from'../../chunks/chunk-L6IZLBEM.js';
+let e=function(e){return e.Initial=`Initial`,e.Idle=`idle`,e.Active=`active`,e.Inactive=`inactive`,e.Error=`error`,e}({});export{e as SparkScanViewState};

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

@@ -1,55 +1,2 @@
-import { TorchState } from '@scandit/web-datacapture-core';
-import { SparkScanPreviewBehavior } from '../SparkScanPreviewBehavior.js';
-import { SparkScanScanningBehavior } from '../SparkScanScanningBehavior.js';
-import { SparkScanScanningMode } from '../SparkScanScanningMode.js';
-import { SparkScanViewPreferenceManager } from './SparkScanViewPreferenceManager.js';
-import { SparkScanViewSettings } from './SparkScanViewSettings.js';
-import { SparkScanViewState } from './SparkScanViewState.js';
-import { SparkScanMiniPreviewSize } from './SparkScanMiniPreviewSize.js';
-import '@scandit/web-datacapture-core/build/js/private/Serializable';
-import './SparkScanToastSettings.js';
-
-declare class SparkScanViewStateManager {
-    state: SparkScanViewState;
-    scanningMode: SparkScanScanningMode;
-    zoomFactor: number;
-    holdingToScan: boolean;
-    torchState: TorchState;
-    triggerButtonPressed: boolean;
-    inSmartScanSelection: boolean;
-    miniPreviewSizeBeforeSmartScanSelection?: SparkScanMiniPreviewSize;
-    previewSizeControlVisibleBeforeSmartScanSelection?: boolean;
-    private viewSettings;
-    private preferenceManager;
-    constructor(viewSettings: SparkScanViewSettings, preferenceManager: SparkScanViewPreferenceManager);
-    get targetModeEnabled(): boolean;
-    get scanningBehavior(): SparkScanScanningBehavior;
-    set scanningBehavior(scanningBehavior: SparkScanScanningBehavior);
-    get previewBehavior(): SparkScanPreviewBehavior;
-    set previewBehavior(previewBehavior: SparkScanPreviewBehavior);
-    get zoomedIn(): boolean;
-    get zoomedOut(): boolean;
-    get idleState(): boolean;
-    get torchEnabled(): boolean;
-    get continuousModeEnabled(): boolean;
-    get isSingleScanning(): boolean;
-    get shouldEnableSuppression(): boolean;
-    get portraitOrientationTriggerButtonTranslateX(): number | undefined;
-    set portraitOrientationTriggerButtonTranslateX(translateX: number);
-    get portraitOrientationTriggerButtonTranslateY(): number | undefined;
-    set portraitOrientationTriggerButtonTranslateY(translateY: number);
-    get landscapeOrientationTriggerButtonTranslateX(): number | undefined;
-    set landscapeOrientationTriggerButtonTranslateX(translateX: number);
-    get landscapeOrientationTriggerButtonTranslateY(): number | undefined;
-    set landscapeOrientationTriggerButtonTranslateY(translateY: number);
-    get portraitOrientationMiniPreviewTranslateX(): number | undefined;
-    set portraitOrientationMiniPreviewTranslateX(translateX: number);
-    get portraitOrientationMiniPreviewTranslateY(): number | undefined;
-    set portraitOrientationMiniPreviewTranslateY(translateY: number);
-    get landscapeOrientationMiniPreviewTranslateX(): number | undefined;
-    set landscapeOrientationMiniPreviewTranslateX(translateX: number);
-    get landscapeOrientationMiniPreviewTranslateY(): number | undefined;
-    set landscapeOrientationMiniPreviewTranslateY(translateY: number);
-}
-
-export { SparkScanViewStateManager };
+import { t as SparkScanViewStateManager } from "../../SparkScanViewStateManager-B1nnUruM.js";
+export { SparkScanViewStateManager };

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

@@ -1 +1 @@
-export{a as SparkScanViewStateManager}from'../../chunks/chunk-3OCPZ3OV.js';
+import"../SparkScanScanningBehavior.js";import{SparkScanScanningModeTarget as e}from"../SparkScanScanningMode.js";import"./SparkScanViewState.js";import{TorchState as t}from"@scandit/web-datacapture-core";var n=class{constructor(e,t){this.triggerButtonPressed=!1,this.inSmartScanSelection=!1,this.selectionModeOn=!1,this.viewSettings=e,this.preferenceManager=t,this.state=`Initial`,this.scanningMode=e.defaultScanningMode.copyWith(t.scanningBehavior),this.zoomFactor=e.zoomFactorOut,this.holdingToScan=!1,this.torchState=e.defaultTorchState}setViewSettings(e){this.viewSettings=e,this.scanningMode=e.defaultScanningMode.copyWith(this.preferenceManager.scanningBehavior)}get targetModeEnabled(){return this.scanningMode instanceof e}get scanningBehavior(){return this.scanningMode.scanningBehavior}set scanningBehavior(e){this.scanningMode=this.scanningMode.copyWith(e)}get previewBehavior(){return this.scanningMode.previewBehavior}set previewBehavior(e){this.scanningMode=this.scanningMode.copyWith(this.scanningBehavior,e)}get zoomedIn(){return this.zoomFactor===this.viewSettings.zoomFactorIn}get zoomedOut(){return this.zoomFactor===this.viewSettings.zoomFactorOut}get idleState(){return this.state===`idle`}get torchEnabled(){return this.torchState===t.On}get continuousModeEnabled(){return this.scanningBehavior===`continuous`}get isSingleScanning(){return this.scanningBehavior===`single`}get shouldEnableSuppression(){return this.triggerButtonPressed&&this.isSingleScanning&&!this.holdingToScan}get portraitOrientationTriggerButtonTranslateX(){return this.preferenceManager.portraitOrientationTriggerButtonTranslateX}set portraitOrientationTriggerButtonTranslateX(e){this.preferenceManager.portraitOrientationTriggerButtonTranslateX=e}get portraitOrientationTriggerButtonTranslateY(){return this.preferenceManager.portraitOrientationTriggerButtonTranslateY}set portraitOrientationTriggerButtonTranslateY(e){this.preferenceManager.portraitOrientationTriggerButtonTranslateY=e}get landscapeOrientationTriggerButtonTranslateX(){return this.preferenceManager.landscapeOrientationTriggerButtonTranslateX}set landscapeOrientationTriggerButtonTranslateX(e){this.preferenceManager.landscapeOrientationTriggerButtonTranslateX=e}get landscapeOrientationTriggerButtonTranslateY(){return this.preferenceManager.landscapeOrientationTriggerButtonTranslateY}set landscapeOrientationTriggerButtonTranslateY(e){this.preferenceManager.landscapeOrientationTriggerButtonTranslateY=e}get portraitOrientationMiniPreviewTranslateX(){return this.preferenceManager.portraitOrientationMiniPreviewTranslateX}set portraitOrientationMiniPreviewTranslateX(e){this.preferenceManager.portraitOrientationMiniPreviewTranslateX=e}get portraitOrientationMiniPreviewTranslateY(){return this.preferenceManager.portraitOrientationMiniPreviewTranslateY}set portraitOrientationMiniPreviewTranslateY(e){this.preferenceManager.portraitOrientationMiniPreviewTranslateY=e}get landscapeOrientationMiniPreviewTranslateX(){return this.preferenceManager.landscapeOrientationMiniPreviewTranslateX}set landscapeOrientationMiniPreviewTranslateX(e){this.preferenceManager.landscapeOrientationMiniPreviewTranslateX=e}get landscapeOrientationMiniPreviewTranslateY(){return this.preferenceManager.landscapeOrientationMiniPreviewTranslateY}set landscapeOrientationMiniPreviewTranslateY(e){this.preferenceManager.landscapeOrientationMiniPreviewTranslateY=e}};export{n as SparkScanViewStateManager};

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

@@ -1,30 +1,2 @@
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import { sparkScanViewToastTag } from './constants/tags.js';
-
-type SparkScanViewToastType = "error" | "info" | "warning";
-declare class SparkScanViewToast extends ScanditHTMLElement {
-    private static readonly observedAttributes;
-    private _styleElement?;
-    private get styleElement();
-    private timeout?;
-    get type(): SparkScanViewToastType;
-    set type(type: SparkScanViewToastType);
-    get message(): string;
-    set message(message: string);
-    private get visible();
-    private set visible(value);
-    static create(): SparkScanViewToast;
-    show(type: SparkScanViewToastType, message: string, duration: number): void;
-    hide(): void;
-    private render;
-    private connectedCallback;
-    private disconnectedCallback;
-    private attributeChangedCallback;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [sparkScanViewToastTag]: SparkScanViewToast;
-    }
-}
-
-export { SparkScanViewToast, type SparkScanViewToastType };
+import { n as SparkScanViewToastType, t as SparkScanViewToast } from "../../SparkScanViewToast-BuoTSMje.js";
+export { SparkScanViewToast, SparkScanViewToastType };

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

@@ -1 +1 @@
-export{a as SparkScanViewToast}from'../../chunks/chunk-BDVUCWIR.js';
+import{sparkScanViewToastTag as e}from"./constants/tags.js";import{ScanditHTMLElement as t,Timeout as n,css as r,defineCustomElements as i,html as a}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";var o=class o extends t{get styleElement(){return this._styleElement??=r`${e}{min-width:calc(100% - 32px);opacity:0;pointer-events:none;transition:.3s ease;user-select:none;width:fit-content}${e}[visible]{opacity:1}.${e}{border-radius:4px;font-family:sans-serif;font-size:14px;font-weight:500;margin:0 auto;padding:8px 12px;width:fit-content}.${e}--${`info`}{background:#fff}.${e}--${`warning`}{background:#fbc02c}.${e}--${`error`}{background:#fa4446;color:#fff}`,this._styleElement}get type(){return this.getAttribute(`type`)??`info`}set type(e){this.setAttribute(`type`,e)}get message(){return this.getAttribute(`message`)??``}set message(e){this.setAttribute(`message`,e)}get visible(){return this.hasAttribute(`visible`)}set visible(e){this.toggleAttribute(`visible`,e)}static create(){return i({[e]:o}),document.createElement(e)}show(e,t,r){this.hide(),this.type=e,this.message=t,this.visible=!0,this.timeout=new n(r,this.hide.bind(this)),this.timeout.start()}hide(){var e;(e=this.timeout)==null||e.stop(),this.visible=!1}render(){this.innerHTML=a`<div class="${e} ${e}--${this.type}">${this.message}</div>`}connectedCallback(){this.render(),this.append(this.styleElement)}disconnectedCallback(){this.hide()}attributeChangedCallback(e,t,n){n!==t&&(this.render(),this.append(this.styleElement))}};o.observedAttributes=[`type`,`message`];export{o as SparkScanViewToast};

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

@@ -1,68 +1,2 @@
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import { SparkScanScanningBehavior } from '../SparkScanScanningBehavior.js';
-import { targetModeButtonVisibleAttribute, scanningBehaviorButtonVisibleAttribute, barcodeFindButtonVisibleAttribute, labelCaptureButtonVisibleAttribute, cameraSwitchButtonVisibleAttribute, targetModeEnabledAttribute, scanningBehaviorAttribute } from './constants/attributes.js';
-import { toolbarButtonTapEvent, toolbarVisibilityChangeEvent } from './constants/events.js';
-import { sparkScanViewToolbarTag } from './constants/tags.js';
-
-type SparkScanViewToolbarButtonType = "scanningBehaviorButton" | "targetModeButton" | "barcodeFindButton" | "labelCaptureButton" | "cameraSwitchButton";
-declare class SparkScanViewToolbar extends ScanditHTMLElement {
-    private _styleElement?;
-    private get styleElement();
-    private static readonly observedAttributes;
-    private targetModeButton?;
-    private targetModeButtonIcon?;
-    private scanningBehaviorButton?;
-    private scanningBehaviorButtonIcon?;
-    private cameraSwitchButton?;
-    private cameraSwitchButtonIcon?;
-    private barcodeFindButton?;
-    private labelCaptureButton?;
-    private targetModeButtonTapListener;
-    private scanningBehaviorButtonTapListener;
-    private barcodeFindButtonTapListener;
-    private labelCaptureButtonTapListener;
-    private cameraSwitchButtonTapListener;
-    private computedStyle;
-    get [targetModeButtonVisibleAttribute](): boolean;
-    set [targetModeButtonVisibleAttribute](targetModeButtonVisible: boolean);
-    get [scanningBehaviorButtonVisibleAttribute](): boolean;
-    set [scanningBehaviorButtonVisibleAttribute](scanningBehaviorButtonVisible: boolean);
-    get [barcodeFindButtonVisibleAttribute](): boolean;
-    set [barcodeFindButtonVisibleAttribute](barcodeFindButtonVisible: boolean);
-    get [labelCaptureButtonVisibleAttribute](): boolean;
-    set [labelCaptureButtonVisibleAttribute](labelCaptureButtonVisible: boolean);
-    get [cameraSwitchButtonVisibleAttribute](): boolean;
-    set [cameraSwitchButtonVisibleAttribute](cameraSwitchButtonVisible: boolean);
-    get [targetModeEnabledAttribute](): boolean;
-    set [targetModeEnabledAttribute](targetModeEnabled: boolean);
-    get [scanningBehaviorAttribute](): SparkScanScanningBehavior;
-    set [scanningBehaviorAttribute](scanningBehavior: SparkScanScanningBehavior);
-    get visibleButtonCount(): number;
-    get visibleModeButtonCount(): number;
-    get allVisibleButtonsCount(): number;
-    static create(): SparkScanViewToolbar;
-    enableCameraSwitchButton(enabled: boolean): void;
-    private render;
-    private connectedCallback;
-    private disconnectedCallback;
-    private attributeChangedCallback;
-    private onTargetModeButtonTap;
-    private onScanningBehaviorButtonTap;
-    private onBarcodeFindButtonTap;
-    private onLabelCaptureButtonTap;
-    private onCameraSwitchButtonTap;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [sparkScanViewToolbarTag]: SparkScanViewToolbar;
-    }
-    interface HTMLElementEventMap {
-        [toolbarButtonTapEvent]: CustomEvent<{
-            tapped: SparkScanViewToolbarButtonType;
-            enabled: boolean;
-        }>;
-        [toolbarVisibilityChangeEvent]: CustomEvent<undefined>;
-    }
-}
-
-export { SparkScanViewToolbar };
+import { t as SparkScanViewToolbar } from "../../SparkScanViewToolbar-Dgq37_sM.js";
+export { SparkScanViewToolbar };

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

@@ -1 +1 @@
-export{a as SparkScanViewToolbar}from'../../chunks/chunk-PTXYWRIN.js';
+import"../SparkScanScanningBehavior.js";import{toolbarIconActiveTintColorCssVariable as e,toolbarIconInactiveTintColorCssVariable as t}from"./constants/cssVariables.js";import{toolbarButtonTapEvent as n,toolbarVisibilityChangeEvent as r}from"./constants/events.js";import{barcodeFindButtonVisibleAttribute as i,cameraSwitchButtonVisibleAttribute as a,labelCaptureButtonVisibleAttribute as o,scanningBehaviorAttribute as s,scanningBehaviorButtonVisibleAttribute as c,selectionModeAutoAttribute as l,targetModeButtonVisibleAttribute as u,targetModeEnabledAttribute as d}from"./constants/attributes.js";import{sparkScanViewIconTag as f,sparkScanViewToolbarTag as p}from"./constants/tags.js";import{SparkScanViewIcon as m}from"./SparkScanViewIcon.js";import{ScanditHTMLElement as h,css as g,defineCustomElements as _,html as v,renderIf as y}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";var b=class b extends h{constructor(...e){super(...e),this.targetModeButtonTapListener=this.onTargetModeButtonTap.bind(this),this.scanningBehaviorButtonTapListener=this.onScanningBehaviorButtonTap.bind(this),this.barcodeFindButtonTapListener=this.onBarcodeFindButtonTap.bind(this),this.labelCaptureButtonTapListener=this.onLabelCaptureButtonTap.bind(this),this.cameraSwitchButtonTapListener=this.onCameraSwitchButtonTap.bind(this),this.computedStyle=getComputedStyle(this)}get styleElement(){return this._styleElement??=g`.${p}{align-items:center;box-sizing:border-box;display:flex;gap:12px;height:48px;padding:6.75px 12px;position:relative;width:100%}${p} .container{border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.${p}::-webkit-scrollbar{display:none}.${p}__button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.${p}__separator{background:var(${t});flex-shrink:0;height:32px;width:1px}.${p}__button--mode{background:#f1f5f8;border-radius:50%}`,this._styleElement}get[u](){return this.hasAttribute(u)}set[u](e){this.toggleAttribute(u,e)}get[l](){return this.hasAttribute(l)}set[l](e){this.toggleAttribute(l,e)}get[c](){return this.hasAttribute(c)}set[c](e){this.toggleAttribute(c,e)}get[i](){return this.hasAttribute(i)}set[i](e){this.toggleAttribute(i,e)}get[o](){return this.hasAttribute(o)}set[o](e){this.toggleAttribute(o,e)}get[a](){return this.hasAttribute(a)}set[a](e){this.toggleAttribute(a,e)}get[d](){return this.hasAttribute(d)}set[d](n){this.toggleAttribute(d,n),this.targetModeButtonIcon&&(this.targetModeButtonIcon.fill=n?this.computedStyle.getPropertyValue(e):this.computedStyle.getPropertyValue(t))}get[s](){return this.getAttribute(`scanning-behavior`)??`single`}set[s](n){this.setAttribute(s,n),this.scanningBehaviorButtonIcon&&(this.scanningBehaviorButtonIcon.fill=n===`continuous`?this.computedStyle.getPropertyValue(e):this.computedStyle.getPropertyValue(t))}get effectiveTargetModeButtonVisible(){return this[`target-mode-button-visible`]&&!this[`selection-mode-auto`]}get visibleButtonCount(){let e=0;return this[`scanning-behavior-button-visible`]&&(e+=1),this.effectiveTargetModeButtonVisible&&(e+=1),this[`camera-switch-button-visible-attribute`]&&(e+=1),e}get visibleModeButtonCount(){return[i,o].filter(e=>this[e]===!0).length}get allVisibleButtonsCount(){return this.visibleButtonCount+this.visibleModeButtonCount}static create(){return _({[p]:b,[f]:m}),document.createElement(p)}enableCameraSwitchButton(n){this.cameraSwitchButtonIcon&&(this.cameraSwitchButtonIcon.fill=n?this.computedStyle.getPropertyValue(e):this.computedStyle.getPropertyValue(t))}render(){var n,r,s,l,u,d,m,h;let g=this[`target-mode-enabled`]?this.computedStyle.getPropertyValue(e):this.computedStyle.getPropertyValue(t),_=this[`scanning-behavior`]===`continuous`?this.computedStyle.getPropertyValue(e):this.computedStyle.getPropertyValue(t),b=y(this[i],v`<button id="barcodeFindButton" class="${p}__button ${p}__button--mode"><spark-scan-view-icon icon="find" fill="#3D4852" size="21.6"></spark-scan-view-icon></button>`),x=y(this[o],v`<button id="labelCaptureButton" class="${p}__button ${p}__button--mode"><spark-scan-view-icon icon="label" fill="#3D4852" size="21.6"></spark-scan-view-icon></button>`),S=y(this.visibleButtonCount>0&&this.visibleModeButtonCount>0,v`<div class="${p}__separator"></div>`),C=y(this.effectiveTargetModeButtonVisible,v`<button id="targetModeButton" class="${p}__button"><spark-scan-view-icon icon="aimer" fill="${g}" size="18"></spark-scan-view-icon></button>`),w=y(this[a],v`<button id="cameraSwitchButton" class="${p}__button"><spark-scan-view-icon icon="camera" fill="white" size="24.08"></spark-scan-view-icon></button>`),T=y(this[c],v`<button id="scanningBehaviorButton" class="${p}__button"><spark-scan-view-icon icon="continuous" fill="${_}" size="24"></spark-scan-view-icon></button>`),E=this.allVisibleButtonsCount<=3?`center`:`flex-start`;this.innerHTML=v`<div class="container"><div class="${p}">${b} ${x} ${S} ${C} ${w} ${T}</div></div>`;let D=this.querySelector(`.${p}`);D&&(D.style.justifyContent=E),this.targetModeButton=this.querySelector(`#targetModeButton`),(n=this.targetModeButton)==null||n.addEventListener(`pointerup`,this.targetModeButtonTapListener),this.targetModeButtonIcon=(r=this.targetModeButton)==null?void 0:r.querySelector(f),this.scanningBehaviorButton=this.querySelector(`#scanningBehaviorButton`),(s=this.scanningBehaviorButton)==null||s.addEventListener(`pointerup`,this.scanningBehaviorButtonTapListener),this.scanningBehaviorButtonIcon=(l=this.scanningBehaviorButton)==null?void 0:l.querySelector(f),this.barcodeFindButton=this.querySelector(`#barcodeFindButton`),(u=this.barcodeFindButton)==null||u.addEventListener(`pointerup`,this.barcodeFindButtonTapListener),this.labelCaptureButton=this.querySelector(`#labelCaptureButton`),(d=this.labelCaptureButton)==null||d.addEventListener(`pointerup`,this.labelCaptureButtonTapListener),this.cameraSwitchButton=this.querySelector(`#cameraSwitchButton`),(m=this.cameraSwitchButton)==null||m.addEventListener(`pointerup`,this.cameraSwitchButtonTapListener),this.cameraSwitchButtonIcon=(h=this.cameraSwitchButton)==null?void 0:h.querySelector(f)}connectedCallback(){this[u]=!0,this[a]=!0,this.render(),this.append(this.styleElement)}disconnectedCallback(){var e,t,n,r,i;(e=this.targetModeButton)==null||e.removeEventListener(`pointerup`,this.targetModeButtonTapListener),(t=this.scanningBehaviorButton)==null||t.removeEventListener(`pointerup`,this.scanningBehaviorButtonTapListener),(n=this.barcodeFindButton)==null||n.removeEventListener(`pointerup`,this.barcodeFindButtonTapListener),(r=this.labelCaptureButton)==null||r.removeEventListener(`pointerup`,this.labelCaptureButtonTapListener),(i=this.cameraSwitchButton)==null||i.removeEventListener(`pointerup`,this.cameraSwitchButtonTapListener)}attributeChangedCallback(e,t,n){if(n!==t){this.render(),this.append(this.styleElement);let e=this.hidden;this.hidden=this.visibleModeButtonCount+this.allVisibleButtonsCount===0,this.hidden!==e&&this.dispatchEvent(new CustomEvent(r))}}onTargetModeButtonTap(e){e.stopPropagation(),this[d]=!this[d],this.dispatchEvent(new CustomEvent(n,{bubbles:!0,detail:{tapped:`targetModeButton`,enabled:this[d]}}))}onScanningBehaviorButtonTap(e){e.stopPropagation(),this[s]=this[`scanning-behavior`]===`continuous`?`single`:`continuous`,this.dispatchEvent(new CustomEvent(n,{bubbles:!0,detail:{tapped:`scanningBehaviorButton`,enabled:this[s]===`continuous`}}))}onBarcodeFindButtonTap(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(n,{bubbles:!0,detail:{tapped:`barcodeFindButton`}}))}onLabelCaptureButtonTap(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(n,{bubbles:!0,detail:{tapped:`labelCaptureButton`}}))}onCameraSwitchButtonTap(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(n,{bubbles:!0,detail:{tapped:`cameraSwitchButton`}}))}};b.observedAttributes=[u,l,c,i,o,a];export{b as SparkScanViewToolbar};

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

@@ -1,50 +1,2 @@
-import { Point } from '@scandit/web-datacapture-core';
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import { triggerButtonTapEvent, triggerButtonHoldStartEvent, triggerButtonHoldEndEvent } from './constants/events.js';
-import { sparkScanViewTriggerButtonTag } from './constants/tags.js';
-
-declare class SparkScanViewTriggerButton extends ScanditHTMLElement {
-    private _styleElement?;
-    private get styleElement();
-    private _pointerDownListener;
-    private _pointerUpListener;
-    private _dragController;
-    private _longPressController;
-    private _longPressStartListener;
-    private _pulse;
-    private _pulseAnimation?;
-    private _holdStart?;
-    get minimized(): boolean;
-    set minimized(minimized: boolean);
-    get expanded(): boolean;
-    set expanded(expanded: boolean);
-    get pressed(): boolean;
-    set pressed(pressed: boolean);
-    get visible(): boolean;
-    set visible(visible: boolean);
-    set useViewportBounds(value: boolean);
-    static create(): SparkScanViewTriggerButton;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    repositionIfOutOfBounds(): void;
-    translateTo(point: Point): void;
-    setImage(image?: HTMLImageElement | SVGElement): void;
-    startPulsating(): void;
-    stopPulsating(): void;
-    private render;
-    private onPointerDown;
-    private onPointerUp;
-    private onLongPressStart;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [sparkScanViewTriggerButtonTag]: SparkScanViewTriggerButton;
-    }
-    interface HTMLElementEventMap {
-        [triggerButtonTapEvent]: CustomEvent;
-        [triggerButtonHoldStartEvent]: CustomEvent;
-        [triggerButtonHoldEndEvent]: CustomEvent;
-    }
-}
-
-export { SparkScanViewTriggerButton };
+import { t as SparkScanViewTriggerButton } from "../../SparkScanViewTriggerButton-COY3Xg8a.js";
+export { SparkScanViewTriggerButton };

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

@@ -1 +1 @@
-export{a as SparkScanViewTriggerButton}from'../../chunks/chunk-D75LUPE5.js';
+import{didDrag as e}from"./utils/didDrag.js";import{DragController as t}from"./controllers/DragController.js";import{dropShadow100 as n,dropShadow200 as r}from"./constants/colors.js";import{triggerButtonAnimationColorCssVariable as i,triggerButtonCollapsedColorCssVariable as a,triggerButtonCollapsedPressedColorCssVariable as o,triggerButtonExpandedColorCssVariable as s,triggerButtonExpandedPressedColorCssVariable as c,triggerButtonTintColorCssVariable as l}from"./constants/cssVariables.js";import{LongPressController as u}from"./controllers/LongPressController.js";import{sparkScanViewTriggerButtonTag as d}from"./constants/tags.js";import"./constants/constants.js";import{Point as f}from"@scandit/web-datacapture-core";import{ScanditHTMLElement as p,css as m,defineCustomElements as h,html as g,safeCancelAnimation as _}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";var v=class v extends p{constructor(...e){super(...e),this._pointerDownListener=this.onPointerDown.bind(this),this._pointerUpListener=this.onPointerUp.bind(this),this._longPressController=new u(this),this._longPressStartListener=this.onLongPressStart.bind(this)}get styleElement(){return this._styleElement??=m`${d}{background:#0000;border-radius:50%;display:none;height:90px;left:0;position:absolute;top:0;width:90px;z-index:10}${d}[unconstrained]{position:fixed;z-index:9999}${d}[expanded]{height:220px;margin-left:-65px;margin-top:-65px;width:220px}${d}[visible]{align-items:center;display:flex;justify-content:center}${d} div{background:var(${a});border-radius:50%;filter:drop-shadow(0 2px 6px #${n.toJSON()}) drop-shadow(0 1px 2px #${r.toJSON()});height:90px;position:relative;transition:filter .3s ease;width:90px}${d} div .pulse{background:#0000;height:100%;left:50%;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}${d}[pressed] div{background:var(${o});filter:drop-shadow(0 4px 4px #${n.toJSON()}) drop-shadow(0 8px 12px #${r.toJSON()})}${d}[pressed][expanded] div{background:var(${c})}${d}[expanded] div{background:var(${s});height:200px;width:200px}${d} div img,${d} div svg{height:auto;left:50%;max-height:48px;max-width:48px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}${d}[expanded] div img,${d}[expanded] div svg{max-height:64px;max-width:64px}`,this._styleElement}get minimized(){return!this.hasAttribute(`expanded`)}set minimized(e){this.toggleAttribute(`minimized`,!e)}get expanded(){return this.hasAttribute(`expanded`)}set expanded(e){this.toggleAttribute(`expanded`,e),this._dragController&&(this._dragController.margin=e?new f(-65,-65):new f(0,0),this._dragController.repositionIfOutOfBounds())}get pressed(){return this.hasAttribute(`pressed`)}set pressed(e){this.toggleAttribute(`pressed`,e)}get visible(){return this.hasAttribute(`visible`)}set visible(e){this.toggleAttribute(`visible`,e)}set useViewportBounds(e){this._dragController&&(this._dragController.useViewportBounds=e)}static create(){return h({[d]:v}),document.createElement(d)}connectedCallback(){var e;this.render(),this.append(this.styleElement),this._dragController=new t(this,(e=this.parentElement)==null?void 0:e.parentElement),this._dragController.connect(),this.addEventListener(`pointerdown`,this._pointerDownListener),this.addEventListener(`pointerup`,this._pointerUpListener),this.addEventListener(`longpressstart`,this._longPressStartListener),this._longPressController.connect(),this._longPressController.elementsAllowedToTriggerLongPressEvents.add(this),this._pulse=this.querySelector(`.pulse`),this._pulseAnimation=new Animation(new KeyframeEffect(this._pulse,[{background:`rgba(0, 0, 0, 0)`},{background:`var(${i})`,transform:`translate(-50%, -50%) scale(1.1)`},{background:`rgba(0, 0, 0, 0)`}],{duration:1100,easing:`ease-out`,iterations:1/0}))}disconnectedCallback(){var e;this.removeEventListener(`pointerdown`,this._pointerDownListener),this.removeEventListener(`pointerup`,this._pointerUpListener),this.removeEventListener(`longpressstart`,this._longPressStartListener),(e=this._dragController)==null||e.disconnect(),this._longPressController.disconnect(),this.innerHTML=``}repositionIfOutOfBounds(){var e;(e=this._dragController)==null||e.repositionIfOutOfBounds()}translateTo(e){var t;(t=this._dragController)==null||t.translateTo(e,!1)}setImage(e){var t;let n=this.querySelector(`div`);(t=n.firstElementChild)==null||t.remove(),e&&n.append(e)}startPulsating(){var e;(e=this._pulseAnimation)==null||e.play()}stopPulsating(){this._pulseAnimation&&(_(this._pulseAnimation),this._pulseAnimation.currentTime=0)}render(){this.innerHTML=g`<div><div class="pulse"></div><svg width="49" height="26" viewBox="0 0 49 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7.57422" y="-0.00390625" width="3.20017" height="25.7171" rx="0.5" fill="white" style="fill:var(${l})"/><path d="M44.8418 0.496094C44.8418 0.219952 45.0657 -0.00390625 45.3418 -0.00390625H48.001C48.2771 -0.00390625 48.501 0.219951 48.501 0.496094V25.2132C48.501 25.4894 48.2771 25.7132 48.001 25.7132H45.3418C45.0657 25.7132 44.8418 25.4894 44.8418 25.2132V0.496094Z" fill="white" style="fill:var(${l})"/><path d="M33.8271 0.896094C33.8271 0.399038 34.2301 -0.00390625 34.7271 -0.00390625H39.1368C39.6338 -0.00390625 40.0368 0.399038 40.0368 0.896094V24.8132C40.0368 25.3103 39.6338 25.7132 39.1368 25.7132H34.7271C34.2301 25.7132 33.8271 25.3103 33.8271 24.8132V0.896094Z" fill="white" style="fill:var(${l})"/><path d="M16.3154 0.746095C16.3154 0.331881 16.6512 -0.00390625 17.0654 -0.00390625H20.1879C20.6021 -0.00390625 20.9379 0.33188 20.9379 0.746094V24.9632C20.9379 25.3774 20.6021 25.7132 20.1879 25.7132H17.0654C16.6512 25.7132 16.3154 25.3774 16.3154 24.9632V0.746095Z" fill="white" style="fill:var(${l})"/><path d="M0.5 0.246094C0.5 0.108023 0.611929 -0.00390625 0.75 -0.00390625H2.2897C2.42777 -0.00390625 2.5397 0.108023 2.5397 0.246094V25.4632C2.5397 25.6013 2.42777 25.7132 2.2897 25.7132H0.75C0.611929 25.7132 0.5 25.6013 0.5 25.4632V0.246094Z" fill="white" style="fill:var(${l})"/><rect x="25.9688" y="-0.00390625" width="3.05794" height="25.7171" rx="0.5" fill="white" style="fill:var(${l})"/></svg></div>`}onPointerDown(e){e instanceof PointerEvent&&(this._dragController&&(this._dragController.draggable=this.minimized),this._holdStart=Date.now(),this.setPointerCapture(e.pointerId))}onPointerUp(t){if(t instanceof PointerEvent){var n;let r=this._holdStart!=null&&Date.now()-this._holdStart<400,i=!((n=this._dragController)!=null&&n.pointerDownEvent)||!e(this._dragController.pointerDownEvent,t);r&&i&&this.dispatchEvent(new CustomEvent(`tap`)),this.pressed=!1,this._holdStart=void 0,this.releasePointerCapture(t.pointerId)}}onLongPressStart(){this._dragController&&(this._dragController.draggable=!0),this.pressed=!0,this._holdStart=void 0}};export{v as SparkScanViewTriggerButton};

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

@@ -1,22 +1,2 @@
-import '../SparkScanScanningMode.js';
-export { a as SparkScanViewUiListener } from '../../SparkScanView-DA3lM65w.js';
-import './SparkScanViewState.js';
-import '@scandit/web-datacapture-core/build/js/private/Serializable';
-import '../SparkScanPreviewBehavior.js';
-import '../SparkScanScanningBehavior.js';
-import '@scandit/web-datacapture-core';
-import '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import '../SparkScan.js';
-import '../SparkScanSession.js';
-import '../../Barcode.js';
-import '../../EncodingRange.js';
-import '../../StructuredAppendData.js';
-import '../SparkScanSettings.js';
-import '../../ScanIntention.js';
-import '../../SymbologySettings.js';
-import '../SparkScanFeedbackDelegate.js';
-import '../SparkScanBarcodeFeedback.js';
-import './SparkScanViewSettings.js';
-import './SparkScanMiniPreviewSize.js';
-import './SparkScanToastSettings.js';
-import './constants/tags.js';
+import { n as SparkScanViewUiListener } from "../../SparkScanView-BYn_4_zd.js";
+export { SparkScanViewUiListener };

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

@@ -1,24 +1,2 @@
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import { sparkScanViewVisualFeedbackTag } from './constants/tags.js';
-
-declare class SparkScanViewVisualFeedback extends ScanditHTMLElement {
-    private _styleElement?;
-    private get styleElement();
-    get success(): boolean;
-    set success(success: boolean);
-    get error(): boolean;
-    set error(error: boolean);
-    static create(): SparkScanViewVisualFeedback;
-    fadeIn(opacity: string, duration: number): Promise<void>;
-    fadeOut(opacity: string, duration: number): Promise<void>;
-    emitSuccessFeedback(): Promise<void>;
-    emitErrorFeedback(): Promise<void>;
-    connectedCallback(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [sparkScanViewVisualFeedbackTag]: SparkScanViewVisualFeedback;
-    }
-}
-
-export { SparkScanViewVisualFeedback };
+import { t as SparkScanViewVisualFeedback } from "../../SparkScanViewVisualFeedback-CFFxRzT-.js";
+export { SparkScanViewVisualFeedback };

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

@@ -1 +1 @@
-export{a as SparkScanViewVisualFeedback}from'../../chunks/chunk-F4EPKG6F.js';
+import{visualFeedbackErrorColorCssVariable as e,visualFeedbackSuccessColorCssVariable as t}from"./constants/cssVariables.js";import{sparkScanViewVisualFeedbackTag as n}from"./constants/tags.js";import{ScanditHTMLElement as r,css as i,defineCustomElements as a,safeAwaitAnimation as o}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";var s=class s extends r{get styleElement(){return this._styleElement??=i`${n}{height:var(--dvh);left:0;opacity:0;pointer-events:none;position:absolute;top:0;user-select:none;width:var(--dvw)}${n}[success]{background:var(${t})}${n}[error]{background:var(${e})}`,this._styleElement}get success(){return this.hasAttribute(`success`)}set success(e){this.toggleAttribute(`error`,!e),this.toggleAttribute(`success`,e)}get error(){return this.hasAttribute(`error`)}set error(e){this.toggleAttribute(`error`,e),this.toggleAttribute(`success`,!e)}static create(){return a({[n]:s}),document.createElement(n)}async fadeIn(e,t){await o(this.animate([{opacity:`0`},{opacity:e}],{duration:t,easing:`linear`}))}async fadeOut(e,t){await o(this.animate([{opacity:e},{opacity:`0`}],{duration:t,easing:`linear`}))}async emitSuccessFeedback(){this.success=!0,await this.fadeIn(`1`,200),await this.fadeOut(`1`,0)}async emitErrorFeedback(){this.error=!0,await this.fadeIn(`1`,100),await this.fadeOut(`1`,100),await this.fadeIn(`0.5`,100),await this.fadeOut(`0.5`,0)}connectedCallback(){this.append(this.styleElement)}};export{s as SparkScanViewVisualFeedback};