@scandit/web-datacapture-barcode 8.4.1 → 8.5.0

package/build/js/ar/ui/atoms/private/BarcodeStatusIconContainer.d.ts

@@ -1,34 +1,35 @@
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import { Color } from '@scandit/web-datacapture-core';
+import { Color } from "@scandit/web-datacapture-core";
+import { ScanditHTMLElement as ScanditHTMLElement$1 } from "@scandit/web-datacapture-core/build/js/private/utils/index.js";
 
-declare class BarcodeStatusIconContainer extends ScanditHTMLElement {
-    static tag: "scandit-status-icon-container";
-    private static readonly observedAttributes;
-    private containerElement;
-    private textContainer;
-    constructor();
-    set text(name: string);
-    get text(): string;
-    set tip(value: boolean);
-    get tip(): boolean;
-    set textColor(color: Color);
-    get textColor(): Color;
-    set expanded(value: boolean);
-    set backgroundColor(color: Color);
-    get backgroundColor(): Color;
-    get expanded(): boolean;
-    static create(): BarcodeStatusIconContainer;
-    static register(): void;
-    private static createStyleElement;
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
-    private updateText;
-    private toggleTip;
+//#region src/main/ar/ui/atoms/private/BarcodeStatusIconContainer.d.ts
+declare class BarcodeStatusIconContainer extends ScanditHTMLElement$1 {
+  static tag: "scandit-status-icon-container";
+  private static readonly observedAttributes;
+  private containerElement;
+  private textContainer;
+  constructor();
+  set text(name: string);
+  get text(): string;
+  set tip(value: boolean);
+  get tip(): boolean;
+  set textColor(color: Color);
+  get textColor(): Color;
+  set expanded(value: boolean);
+  set backgroundColor(color: Color);
+  get backgroundColor(): Color;
+  get expanded(): boolean;
+  static create(): BarcodeStatusIconContainer;
+  static register(): void;
+  private static createStyleElement;
+  connectedCallback(): void;
+  attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+  private updateText;
+  private toggleTip;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [BarcodeStatusIconContainer.tag]: BarcodeStatusIconContainer;
-    }
+  interface HTMLElementTagNameMap {
+    [BarcodeStatusIconContainer.tag]: BarcodeStatusIconContainer;
+  }
 }
-
-export { BarcodeStatusIconContainer };
+//#endregion
+export { BarcodeStatusIconContainer };

package/build/js/ar/ui/atoms/private/BarcodeStatusIconContainer.js

@@ -1 +1 @@
-export{a as BarcodeStatusIconContainer}from'../../../../chunks/chunk-SDQOQ2G3.js';
+import{cssArrows as e}from"./CssArrows.js";import{Color as t}from"@scandit/web-datacapture-core";import{ScanditHTMLElement as n,css as r,defineCustomElements as i,html as a}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";import{gray900 as o}from"@scandit/web-datacapture-core/build/js/private/ui/colors.js";var s=class s extends n{constructor(){super();let t=this.attachShadow({mode:`open`});t.innerHTML=a`<div class="container"><span class="ghost-arrow arw-bottom-center"></span><div class="icon-container"><slot name="barcode-icon"></slot></div><span class="text"></span></div>`,this.containerElement=t.querySelector(`.container`),this.textContainer=this.containerElement.querySelector(`.text`),t.append(s.createStyleElement().cloneNode(!0)),t.append(e())}set text(e){this.updateText(e)}get text(){return this.textContainer.textContent??``}set tip(e){this.toggleTip(e)}get tip(){var e;return((e=this.containerElement.querySelector(`.ghost-arrow`))==null?void 0:e.classList.value.includes(`arw-`))??!1}set textColor(e){this.style.setProperty(`--text-color`,`#${e.toJSON()}`)}get textColor(){return t.fromJSON(this.style.getPropertyValue(`--text-color`))}set expanded(e){this.toggleAttribute(`expanded`,e)}set backgroundColor(e){this.style.setProperty(`--background-color`,`#${e.toJSON()}`),this.style.setProperty(`--arrow-background-color`,`#${e.toJSON()}`)}get backgroundColor(){let e=this.style.getPropertyValue(`--background-color`);return t.fromJSON(e===``?`FFFFFF`:e)}get expanded(){return this.hasAttribute(`expanded`)}static create(){return document.createElement(s.tag)}static register(){i({[s.tag]:s})}static createStyleElement(){return r`:host{display:inline-flex;--size:32px;--padding:0px;--background-color:#fff;--text-color:#${o.toJSON()};--expanded-width:190px;--arrow-size:calc(var(--size)/5);--arrow-background-color:#fff;--arrow-offset:0px;cursor:pointer;font-family:SF Pro Text,sans-serif;font-size:1rem;font-style:normal;font-weight:600;transition:transform .25s ease-in-out;user-select:none;-webkit-tap-highlight-color:transparent}.ghost-arrow{height:var(--size);left:0;position:absolute;top:-2px;width:var(--size)}:host([hidden]){display:none}.container{background-color:var(--background-color);border-radius:calc(var(--size) + var(--padding)/2);box-shadow:0 1px 2px 0 #${o.withAlpha(.3).toJSON()};display:inline-flex;flex-direction:row;gap:10px;padding:var(--padding);position:relative;transition:width .25s ease-in-out;white-space:nowrap}.container,.icon-container{align-items:center;height:var(--size);width:var(--size)}.icon-container{display:flex;justify-content:center;position:absolute}.container span.text{color:var(--text-color);max-width:0;opacity:0;overflow:hidden;position:absolute;transform:translateX(0);transition:opacity .25s ease-in-out,transform .25s ease-in-out,max-width .25s ease-in-out;white-space:nowrap}:host([expanded]) .container span.text{max-width:calc(var(--expanded-width) - var(--size) - 2px);opacity:1;transform:translateX(var(--size))}:host([expanded]){transform:translateX(calc(var(--expanded-width) - 50% - 2px - var(--size)/2))}:host([expanded]) .container{width:var(--expanded-width)}`}connectedCallback(){this.setAttribute(`tip`,`true`)}attributeChangedCallback(e,t,n){e===`text`?this.updateText(n):e===`tip`&&this.toggleTip(n===`true`||n===``)}updateText(e){this.textContainer.textContent=e.slice(0,20)}toggleTip(e){var t;(t=this.containerElement.querySelector(`.ghost-arrow`))==null||t.classList.toggle(`arw-bottom-center`,e)}};s.tag=`scandit-status-icon-container`,s.observedAttributes=[`text`,`tip`];export{s as BarcodeStatusIconContainer};

package/build/js/ar/ui/atoms/private/CssArrows.d.ts

@@ -1,3 +1,4 @@
+//#region src/main/ar/ui/atoms/private/CssArrows.d.ts
 declare function cssArrows(): HTMLStyleElement;
-
-export { cssArrows };
+//#endregion
+export { cssArrows };

package/build/js/ar/ui/atoms/private/CssArrows.js

@@ -1 +1 @@
-export{a as cssArrows}from'../../../../chunks/chunk-F7NAOKPF.js';
+import{css as e}from"@scandit/web-datacapture-core/build/js/private/utils/css.js";function t(){return e`[class*=arw-]:after{border-color:#0000;border-style:solid;content:" ";height:0;pointer-events:none;position:absolute;width:0}.arw-bottom-center:after{border-top-color:var(--arrow-background-color);border-width:var(--arrow-size);left:50%;top:100%;transform:translate(-50%)}.arw-top-center:after{border-bottom-color:var(--arrow-background-color);border-width:var(--arrow-size);left:50%;top:0;transform:translate(-50%,-100%)}.arw-right-center:after{border-left-color:var(--arrow-background-color);border-width:var(--arrow-size);right:0;top:50%;transform:translate(100%,-50%)}.arw-left-center:after{border-right-color:var(--arrow-background-color);border-width:var(--arrow-size);left:0;top:50%;transform:translate(-100%,-50%)}`}export{t as cssArrows};

package/build/js/ar/ui/molecules/private/CameraSwitchButton.d.ts

@@ -1,23 +1,24 @@
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
+import { ScanditHTMLElement } from "@scandit/web-datacapture-core/build/js/private/utils/index.js";
 
+//#region src/main/ar/ui/molecules/private/CameraSwitchButton.d.ts
 declare class CameraSwitchButton extends ScanditHTMLElement {
-    static tag: "scandit-check-switch-camera-button";
-    private icon;
-    private onPressedHandler;
-    private onReleasedHandler;
-    constructor();
-    static create(): CameraSwitchButton;
-    static register(): void;
-    private static createStyleElement;
-    connectedCallback(): Promise<void>;
-    disconnectedCallback(): void;
-    private onPressed;
-    private onReleased;
+  static tag: "scandit-check-switch-camera-button";
+  private icon;
+  private onPressedHandler;
+  private onReleasedHandler;
+  constructor();
+  static create(): CameraSwitchButton;
+  static register(): void;
+  private static createStyleElement;
+  connectedCallback(): Promise<void>;
+  disconnectedCallback(): void;
+  private onPressed;
+  private onReleased;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [CameraSwitchButton.tag]: CameraSwitchButton;
-    }
+  interface HTMLElementTagNameMap {
+    [CameraSwitchButton.tag]: CameraSwitchButton;
+  }
 }
-
-export { CameraSwitchButton };
+//#endregion
+export { CameraSwitchButton };

package/build/js/ar/ui/molecules/private/CameraSwitchButton.js

@@ -1 +1 @@
-export{a as CameraSwitchButton}from'../../../../chunks/chunk-ZPCWOA3Y.js';
+import{Color as e,ScanditIconBuilder as t,ScanditIconShape as n,ScanditIconType as r}from"@scandit/web-datacapture-core";import{ScanditHTMLElement as i,css as a,defineCustomElements as o,html as s}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";import{gray900 as c}from"@scandit/web-datacapture-core/build/js/private/ui/colors.js";const l=e.fromRGBA(255,255,255,1);var u=class e extends i{constructor(){super(),this.onPressedHandler=this.onPressed.bind(this),this.onReleasedHandler=this.onReleased.bind(this);let t=this.attachShadow({mode:`open`});t.innerHTML=s`<button type="button"><slot></slot></button>`,t.append(e.createStyleElement().cloneNode(!0))}static create(){return document.createElement(e.tag)}static register(){o({[e.tag]:e})}static createStyleElement(){return a`:host[hidden]{display:none}:host button{background:none;border:none;display:flex;margin:0;outline:none;padding:0;-webkit-tap-highlight-color:transparent}`}async connectedCallback(){var e,i,a;let o=new t;this.icon=await o.withIcon(r.CameraSwitch).withBackgroundShape(n.Circle).withBackgroundColor(c.withAlpha(.3)).withBackgroundStrokeColor(c).withWidth(36).withHeight(36).withIconSize(28).build(),(e=this.shadowRoot)==null||e.append(this.icon),(i=this.shadowRoot)==null||i.addEventListener(`pointerdown`,this.onPressedHandler),(a=this.shadowRoot)==null||a.addEventListener(`pointerup`,this.onReleasedHandler)}disconnectedCallback(){var e,t;(e=this.shadowRoot)==null||e.removeEventListener(`pointerdown`,this.onPressedHandler),(t=this.shadowRoot)==null||t.removeEventListener(`pointerup`,this.onReleasedHandler)}onPressed(){this.icon.iconColor=l.withAlpha(.3)}onReleased(){this.icon.iconColor=l}};u.tag=`scandit-check-switch-camera-button`;export{u as CameraSwitchButton};

package/build/js/ar/ui/organisms/BarcodeArAnnotation.d.ts

@@ -1,32 +1,2 @@
-import { Point, Direction } from '@scandit/web-datacapture-core';
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/ScanditHTMLElement.js';
-import { BarcodeArAnnotationVariation } from './private/BarcodeArAnnotationVariation.js';
-
-declare enum BarcodeArAnnotationTrigger {
-    HighlightTap = "highlightTap",
-    HighlightTapAndBarcodeScan = "highlightTapAndBarcodeScan",
-    BarcodeScan = "barcodeScan"
-}
-interface BarcodeArAnnotation extends ScanditHTMLElement {
-    annotationTrigger: BarcodeArAnnotationTrigger;
-    updatePosition(point: Point, transformOrigin: Point, rotationAngle: number): void;
-}
-declare enum BarcodeArAnnotationAnchor {
-    Top = "top-center",
-    Bottom = "bottom-center",
-    Left = "left-center",
-    Right = "right-center"
-}
-interface PrivateBarcodeArAnnotation extends BarcodeArAnnotation {
-    direction?: Direction;
-    anchor?: BarcodeArAnnotationAnchor;
-    annotationVariation?: BarcodeArAnnotationVariation;
-    dataset: {
-        identifier: `${string}-annotation`;
-        id: string;
-        couldBeDeleted: "true" | "false";
-        onForeground: "true" | "false";
-    };
-}
-
-export { type BarcodeArAnnotation, BarcodeArAnnotationAnchor, BarcodeArAnnotationTrigger, type PrivateBarcodeArAnnotation };
+import { i as PrivateBarcodeArAnnotation, n as BarcodeArAnnotationAnchor, r as BarcodeArAnnotationTrigger, t as BarcodeArAnnotation } from "../../../BarcodeArAnnotation-nsUjxSNs.js";
+export { BarcodeArAnnotation, BarcodeArAnnotationAnchor, BarcodeArAnnotationTrigger, PrivateBarcodeArAnnotation };

package/build/js/ar/ui/organisms/BarcodeArAnnotation.js

@@ -1 +1 @@
-export{b as BarcodeArAnnotationAnchor,a as BarcodeArAnnotationTrigger}from'../../../chunks/chunk-I6GJ7OYJ.js';
+let e=function(e){return e.HighlightTap=`highlightTap`,e.HighlightTapAndBarcodeScan=`highlightTapAndBarcodeScan`,e.BarcodeScan=`barcodeScan`,e}({}),t=function(e){return e.Top=`top-center`,e.Bottom=`bottom-center`,e.Left=`left-center`,e.Right=`right-center`,e}({});export{t as BarcodeArAnnotationAnchor,e as BarcodeArAnnotationTrigger};

package/build/js/ar/ui/organisms/BarcodeArCircleHighlight.d.ts

@@ -1,48 +1,46 @@
-import { ScanditIcon, Brush, Point } from '@scandit/web-datacapture-core';
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/ScanditHTMLElement.js';
-import { Barcode } from '../../../Barcode.js';
-import { BarcodeArHighlight } from './BarcodeArHighlight.js';
-import '@scandit/web-datacapture-core/build/js/private/Serializable';
-import '../../../EncodingRange.js';
-import '../../../StructuredAppendData.js';
+import { t as Barcode } from "../../../Barcode-B7a-T3RA.js";
+import { t as BarcodeArHighlight } from "../../../BarcodeArHighlight-BIm0-lDz.js";
+import { Brush, Point, ScanditIcon } from "@scandit/web-datacapture-core";
+import { ScanditHTMLElement as ScanditHTMLElement$1 } from "@scandit/web-datacapture-core/build/js/private/utils/ScanditHTMLElement.js";
 
+//#region src/main/ar/ui/organisms/BarcodeArCircleHighlight.d.ts
 declare enum BarcodeArCircleHighlightPreset {
-    Dot = "dot",
-    Icon = "icon"
+  Dot = "dot",
+  Icon = "icon"
 }
-declare class BarcodeArCircleHighlight extends ScanditHTMLElement implements BarcodeArHighlight {
-    private _isPulsing;
-    private _icon;
-    static tag: "scandit-barcode-ar-circle-highlight";
-    set isPulsing(isPulsing: boolean);
-    get isPulsing(): boolean;
-    set icon(icon: ScanditIcon | null);
-    get icon(): ScanditIcon | null;
-    private preset;
-    private dot;
-    private brushBuilder;
-    private _size;
-    private _brush;
-    private _barcode;
-    constructor();
-    protected set barcode(barcode: Barcode);
-    get barcode(): Barcode;
-    set brush(brush: Brush);
-    get brush(): Brush;
-    set size(size: number);
-    get size(): number;
-    static create(barcode: Barcode, preset: BarcodeArCircleHighlightPreset): BarcodeArCircleHighlight;
-    static register(): void;
-    private static createStyleElement;
-    connectedCallback(): Promise<void>;
-    private updateSize;
-    private updateBrush;
-    updatePosition(point: Point, transformOrigin: Point, rotationAngle: number): void;
+declare class BarcodeArCircleHighlight extends ScanditHTMLElement$1 implements BarcodeArHighlight {
+  private _isPulsing;
+  private _icon;
+  static tag: "scandit-barcode-ar-circle-highlight";
+  set isPulsing(isPulsing: boolean);
+  get isPulsing(): boolean;
+  set icon(icon: ScanditIcon | null);
+  get icon(): ScanditIcon | null;
+  private preset;
+  private dot;
+  private brushBuilder;
+  private _size;
+  private _brush;
+  private _barcode;
+  constructor();
+  protected set barcode(barcode: Barcode);
+  get barcode(): Barcode;
+  set brush(brush: Brush);
+  get brush(): Brush;
+  set size(size: number);
+  get size(): number;
+  static create(barcode: Barcode, preset: BarcodeArCircleHighlightPreset): BarcodeArCircleHighlight;
+  static register(): void;
+  private static createStyleElement;
+  connectedCallback(): Promise<void>;
+  private updateSize;
+  private updateBrush;
+  updatePosition(point: Point, transformOrigin: Point, rotationAngle: number): void;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [BarcodeArCircleHighlight.tag]: BarcodeArCircleHighlight;
-    }
+  interface HTMLElementTagNameMap {
+    [BarcodeArCircleHighlight.tag]: BarcodeArCircleHighlight;
+  }
 }
-
-export { BarcodeArCircleHighlight, BarcodeArCircleHighlightPreset };
+//#endregion
+export { BarcodeArCircleHighlight, BarcodeArCircleHighlightPreset };

package/build/js/ar/ui/organisms/BarcodeArCircleHighlight.js

@@ -1 +1 @@
-export{b as BarcodeArCircleHighlight,a as BarcodeArCircleHighlightPreset}from'../../../chunks/chunk-33EFB3RJ.js';
+import{updatePosition as e}from"./private/updatePosition.js";import{Brush as t,Color as n,ScanditIconBuilder as r,ScanditIconShape as i}from"@scandit/web-datacapture-core";import{ScanditHTMLElement as a}from"@scandit/web-datacapture-core/build/js/private/utils/ScanditHTMLElement.js";import{defineCustomElements as o}from"@scandit/web-datacapture-core/build/js/private/utils/defineCustomElements.js";import{html as s}from"@scandit/web-datacapture-core/build/js/private/utils/html.js";import{css as c}from"@scandit/web-datacapture-core/build/js/private/utils/css.js";let l=function(e){return e.Dot=`dot`,e.Icon=`icon`,e}({});const u=n.fromHex(`#00FFFF`),d=u.withAlpha(0);var f=class l extends a{set isPulsing(e){this._isPulsing=e,this.toggleAttribute(`pulse`,e)}get isPulsing(){return this._isPulsing}set icon(e){var t;(t=this._icon)==null||t.remove(),this._icon=e,e&&this.preset===`icon`&&(e.backgroundShape=i.Circle,this.append(e),this.updateBrush(),this.updateSize())}get icon(){return this._icon}constructor(){super(),this._isPulsing=!1,this._icon=null,this.dot=null,this._brush=new t(u.withAlpha(.45),n.fromHex(`#00FFFF`),2);let e=this.attachShadow({mode:`open`});e.innerHTML=s`<slot></slot>`,e.append(l.createStyleElement().cloneNode(!0))}set barcode(e){this._barcode=e}get barcode(){return this._barcode}set brush(e){this._brush=e,this.updateBrush()}get brush(){return this._brush}set size(e){this._size=e,this.updateSize()}get size(){return this._size===void 0?this.preset===`dot`?26:32:this._size}static create(e,t){l.register();let n=document.createElement(l.tag);return n.barcode=e,n.preset=t,n}static register(){o({[l.tag]:l})}static createStyleElement(){return c`:host{border-radius:50%;display:inline-flex;--fill:#${u.toJSON()};--fill-no-opacity:#${d.toJSON()};--size:20px}:host([pulse]){animation:pulse 1.5s infinite}:host(:not([pulse])){animation:none}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--fill)}70%{box-shadow:0 0 0 var(--size) var(--fill-no-opacity)}to{box-shadow:0 0 0 0 var(--fill-no-opacity)}}`}async connectedCallback(){this.brushBuilder=new r().withBackgroundShape(i.Circle).withBackgroundColor(this.brush.fillColor).withBackgroundStrokeColor(this.brush.strokeColor).withBackgroundStrokeWidth(this.brush.strokeWidth),this.dot=await this.brushBuilder.build(),this.preset===`dot`?this.append(this.dot):this.preset===`icon`&&this._icon!=null&&(this._icon.backgroundShape=i.Circle,this.append(this._icon)),this.updateBrush(),this.updateSize()}updateSize(){this.dot&&(this.dot.width=this.size,this.dot.height=this.size),this.icon&&(this.icon.width=this.size,this.icon.height=this.size),this.style.setProperty(`--size`,`${this.size*9/10}px`)}updateBrush(){this.dot&&(this.dot.backgroundColor=this._brush.fillColor,this.dot.backgroundStrokeColor=this._brush.strokeColor,this.dot.backgroundStrokeWidth=this._brush.strokeWidth),this.icon&&(this.icon.backgroundColor=this._brush.fillColor,this.icon.backgroundStrokeColor=this._brush.strokeColor,this.icon.backgroundStrokeWidth=this._brush.strokeWidth),this.style.setProperty(`--fill`,`#${this._brush.fillColor.toJSON()}`),this.style.setProperty(`--fill-no-opacity`,`#${this._brush.fillColor.withAlpha(0).toJSON()}`)}updatePosition(t,n,r){e(this,t,n,0)}};f.tag=`scandit-barcode-ar-circle-highlight`;export{f as BarcodeArCircleHighlight,l as BarcodeArCircleHighlightPreset};

package/build/js/ar/ui/organisms/BarcodeArHighlight.d.ts

@@ -1,25 +1,2 @@
-import { Brush, ScanditIcon, Point } from '@scandit/web-datacapture-core';
-import { Barcode } from '../../../Barcode.js';
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/ScanditHTMLElement.js';
-import '@scandit/web-datacapture-core/build/js/private/Serializable';
-import '../../../EncodingRange.js';
-import '../../../StructuredAppendData.js';
-
-interface BarcodeArHighlight extends ScanditHTMLElement {
-    barcode: Barcode;
-    brush: Brush;
-    icon: ScanditIcon | null;
-    updatePosition(point: Point, transformOrigin: Point, rotationAngle: number): void;
-    width?: number;
-    height?: number;
-}
-interface PrivateBarcodeArHighlight extends BarcodeArHighlight {
-    dataset: {
-        identifier: `${string}-highlight`;
-        id: string;
-        couldBeDeleted: "true" | "false";
-        onForeground: "true" | "false";
-    };
-}
-
-export type { BarcodeArHighlight, PrivateBarcodeArHighlight };
+import { n as PrivateBarcodeArHighlight, t as BarcodeArHighlight } from "../../../BarcodeArHighlight-BIm0-lDz.js";
+export { BarcodeArHighlight, PrivateBarcodeArHighlight };

package/build/js/ar/ui/organisms/BarcodeArInfoAnnotation.d.ts

@@ -1,83 +1,79 @@
-import { Point, Color, Optional } from '@scandit/web-datacapture-core';
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import { Barcode } from '../../../Barcode.js';
-import { BarcodeArInfoAnnotationBodyComponent } from '../atoms/BarcodeArInfoAnnotationBodyComponent.js';
-import { BarcodeArInfoAnnotationFooter } from '../atoms/BarcodeArInfoAnnotationFooter.js';
-import { BarcodeArInfoAnnotationHeader } from '../atoms/BarcodeArInfoAnnotationHeader.js';
-import { BarcodeArAnnotation, BarcodeArAnnotationTrigger } from './BarcodeArAnnotation.js';
-import '@scandit/web-datacapture-core/build/js/private/Serializable';
-import '../../../EncodingRange.js';
-import '../../../StructuredAppendData.js';
-import '@scandit/web-datacapture-core/build/js/private/utils/ScanditHTMLElement.js';
-import './private/BarcodeArAnnotationVariation.js';
+import { t as Barcode } from "../../../Barcode-B7a-T3RA.js";
+import { r as BarcodeArAnnotationTrigger, t as BarcodeArAnnotation } from "../../../BarcodeArAnnotation-nsUjxSNs.js";
+import { t as BarcodeArInfoAnnotationBodyComponent } from "../../../BarcodeArInfoAnnotationBodyComponent-Dj3jXTGL.js";
+import { t as BarcodeArInfoAnnotationFooter } from "../../../BarcodeArInfoAnnotationFooter-h5YON8XZ.js";
+import { t as BarcodeArInfoAnnotationHeader } from "../../../BarcodeArInfoAnnotationHeader-BmWO5pBg.js";
+import { Color, Optional, Point } from "@scandit/web-datacapture-core";
+import { ScanditHTMLElement as ScanditHTMLElement$1 } from "@scandit/web-datacapture-core/build/js/private/utils/index.js";
 
+//#region src/main/ar/ui/organisms/BarcodeArInfoAnnotation.d.ts
 declare enum BarcodeArInfoAnnotationAnchor {
-    Top = "top-center",
-    Bottom = "bottom-center",
-    Left = "left-center",
-    Right = "right-center"
+  Top = "top-center",
+  Bottom = "bottom-center",
+  Left = "left-center",
+  Right = "right-center"
 }
 declare enum BarcodeArInfoAnnotationWidthPreset {
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
+  Small = "small",
+  Medium = "medium",
+  Large = "large"
 }
 declare enum BarcodeArInfoAnnotationEvent {
-    InfoAnnotationTap = "BarcodeArInfoAnnotationEventTap"
+  InfoAnnotationTap = "BarcodeArInfoAnnotationEventTap"
 }
 interface BarcodeArInfoAnnotationListener {
-    onInfoAnnotationHeaderTapped?(annotation: BarcodeArInfoAnnotation): void;
-    onInfoAnnotationFooterTapped?(annotation: BarcodeArInfoAnnotation): void;
-    onInfoAnnotationLeftIconTapped?(annotation: BarcodeArInfoAnnotation, element: BarcodeArInfoAnnotationBodyComponent, elementIndex: number): void;
-    onInfoAnnotationRightIconTapped?(annotation: BarcodeArInfoAnnotation, element: BarcodeArInfoAnnotationBodyComponent, elementIndex: number): void;
-    onInfoAnnotationTapped?(annotation: BarcodeArInfoAnnotation): void;
+  onInfoAnnotationHeaderTapped?(annotation: BarcodeArInfoAnnotation): void;
+  onInfoAnnotationFooterTapped?(annotation: BarcodeArInfoAnnotation): void;
+  onInfoAnnotationLeftIconTapped?(annotation: BarcodeArInfoAnnotation, element: BarcodeArInfoAnnotationBodyComponent, elementIndex: number): void;
+  onInfoAnnotationRightIconTapped?(annotation: BarcodeArInfoAnnotation, element: BarcodeArInfoAnnotationBodyComponent, elementIndex: number): void;
+  onInfoAnnotationTapped?(annotation: BarcodeArInfoAnnotation): void;
 }
-declare class BarcodeArInfoAnnotation extends ScanditHTMLElement implements BarcodeArAnnotation {
-    static tag: "scandit-barcode-ar-info-annotation";
-    isEntireAnnotationTappable: boolean;
-    annotationTrigger: BarcodeArAnnotationTrigger;
-    listener?: BarcodeArInfoAnnotationListener;
-    private _barcode;
-    private _widthPreset;
-    get barcode(): Barcode;
-    private set barcode(value);
-    private onPointerUpListener;
-    private onSlotChangeListener;
-    private containerElement;
-    private highlightableElementListenerMap;
-    constructor();
-    updatePosition(point: Point, transformOrigin: Point, rotationAngle: number): void;
-    set anchor(annotationAnchor: BarcodeArInfoAnnotationAnchor);
-    get anchor(): BarcodeArInfoAnnotationAnchor;
-    set widthPreset(variant: BarcodeArInfoAnnotationWidthPreset);
-    get widthPreset(): BarcodeArInfoAnnotationWidthPreset;
-    get backgroundColor(): Color;
-    set backgroundColor(value: Color);
-    set body(bodies: BarcodeArInfoAnnotationBodyComponent[]);
-    get body(): BarcodeArInfoAnnotationBodyComponent[];
-    set header(header: Optional<BarcodeArInfoAnnotationHeader>);
-    get header(): Optional<BarcodeArInfoAnnotationHeader>;
-    set footer(footer: Optional<BarcodeArInfoAnnotationFooter>);
-    get footer(): Optional<BarcodeArInfoAnnotationFooter>;
-    set hasTip(value: boolean);
-    get hasTip(): boolean;
-    static create(barcode: Barcode): BarcodeArInfoAnnotation;
-    protected static register(): void;
-    private static createStyleElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private onSlotChange;
-    private updateArrowColor;
-    private makeHighlightable;
-    private onPointerUp;
+declare class BarcodeArInfoAnnotation extends ScanditHTMLElement$1 implements BarcodeArAnnotation {
+  static tag: "scandit-barcode-ar-info-annotation";
+  isEntireAnnotationTappable: boolean;
+  annotationTrigger: BarcodeArAnnotationTrigger;
+  listener?: BarcodeArInfoAnnotationListener;
+  private _barcode;
+  private _widthPreset;
+  get barcode(): Barcode;
+  private set barcode(value);
+  private onPointerUpListener;
+  private onSlotChangeListener;
+  private containerElement;
+  private highlightableElementListenerMap;
+  constructor();
+  updatePosition(point: Point, transformOrigin: Point, rotationAngle: number): void;
+  set anchor(annotationAnchor: BarcodeArInfoAnnotationAnchor);
+  get anchor(): BarcodeArInfoAnnotationAnchor;
+  set widthPreset(variant: BarcodeArInfoAnnotationWidthPreset);
+  get widthPreset(): BarcodeArInfoAnnotationWidthPreset;
+  get backgroundColor(): Color;
+  set backgroundColor(value: Color);
+  set body(bodies: BarcodeArInfoAnnotationBodyComponent[]);
+  get body(): BarcodeArInfoAnnotationBodyComponent[];
+  set header(header: Optional<BarcodeArInfoAnnotationHeader>);
+  get header(): Optional<BarcodeArInfoAnnotationHeader>;
+  set footer(footer: Optional<BarcodeArInfoAnnotationFooter>);
+  get footer(): Optional<BarcodeArInfoAnnotationFooter>;
+  set hasTip(value: boolean);
+  get hasTip(): boolean;
+  static create(barcode: Barcode): BarcodeArInfoAnnotation;
+  protected static register(): void;
+  private static createStyleElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private onSlotChange;
+  private updateArrowColor;
+  private makeHighlightable;
+  private onPointerUp;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [BarcodeArInfoAnnotation.tag]: BarcodeArInfoAnnotation;
-    }
-    interface HTMLElementEventMap {
-        [BarcodeArInfoAnnotationEvent.InfoAnnotationTap]: CustomEvent;
-    }
+  interface HTMLElementTagNameMap {
+    [BarcodeArInfoAnnotation.tag]: BarcodeArInfoAnnotation;
+  }
+  interface HTMLElementEventMap {
+    [BarcodeArInfoAnnotationEvent.InfoAnnotationTap]: CustomEvent;
+  }
 }
-
-export { BarcodeArInfoAnnotation, BarcodeArInfoAnnotationAnchor, BarcodeArInfoAnnotationEvent, type BarcodeArInfoAnnotationListener, BarcodeArInfoAnnotationWidthPreset };
+//#endregion
+export { BarcodeArInfoAnnotation, BarcodeArInfoAnnotationAnchor, BarcodeArInfoAnnotationEvent, BarcodeArInfoAnnotationListener, BarcodeArInfoAnnotationWidthPreset };

package/build/js/ar/ui/organisms/BarcodeArInfoAnnotation.js

@@ -1 +1 @@
-export{d as BarcodeArInfoAnnotation,a as BarcodeArInfoAnnotationAnchor,c as BarcodeArInfoAnnotationEvent,b as BarcodeArInfoAnnotationWidthPreset}from'../../../chunks/chunk-I6NAW3SE.js';
+import"./BarcodeArAnnotation.js";import{BarcodeArInfoAnnotationBodyComponent as e}from"../atoms/BarcodeArInfoAnnotationBodyComponent.js";import{BarcodeArInfoAnnotationFooter as t}from"../atoms/BarcodeArInfoAnnotationFooter.js";import{BarcodeArInfoAnnotationHeader as n}from"../atoms/BarcodeArInfoAnnotationHeader.js";import{cssArrows as r}from"../atoms/private/CssArrows.js";import{updatePosition as i}from"./private/updatePosition.js";import{Color as a,ScanditIcon as o}from"@scandit/web-datacapture-core";import{ScanditHTMLElement as s,css as c,defineCustomElements as l,html as u}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";let d=function(e){return e[e.Top=`top-center`]=`Top`,e[e.Bottom=`bottom-center`]=`Bottom`,e[e.Left=`left-center`]=`Left`,e[e.Right=`right-center`]=`Right`,e}({}),f=function(e){return e.Small=`small`,e.Medium=`medium`,e.Large=`large`,e}({}),p=function(e){return e.InfoAnnotationTap=`BarcodeArInfoAnnotationEventTap`,e}({});const m=`slot[name='header']`,h=`slot[name='footer']`,g=`--arrow-background-color`;var _=class f extends s{get barcode(){return this._barcode}set barcode(e){this._barcode=e}constructor(){super(),this.isEntireAnnotationTappable=!1,this.annotationTrigger=`highlightTapAndBarcodeScan`,this._widthPreset=`small`,this.onPointerUpListener=this.onPointerUp.bind(this),this.onSlotChangeListener=this.onSlotChange.bind(this),this.highlightableElementListenerMap=new Map;let e=this.attachShadow({mode:`open`});e.innerHTML=u`<div class="container arw-${d.Bottom} ${`small`}"><slot name="header"></slot><div class="body-container"><slot></slot></div><slot name="footer"></slot></div>`,this.containerElement=e.querySelector(`.container`),e.append(f.createStyleElement().cloneNode(!0)),e.append(r())}updatePosition(e,t,n){i(this,e,t,0)}set anchor(e){for(let e of Object.values(d))this.containerElement.classList.remove(`arw-${e}`);this.containerElement.classList.add(`arw-${e}`),this.updateArrowColor()}get anchor(){for(let e of Object.values(d))if(this.containerElement.classList.contains(`arw-${e}`))return e;return d.Bottom}set widthPreset(e){this._widthPreset=e,this.containerElement.classList.remove(`small`,`medium`,`large`),this.containerElement.classList.add(e)}get widthPreset(){switch(!0){case this.containerElement.classList.contains(`small`):return`small`;case this.containerElement.classList.contains(`medium`):return`medium`;case this.containerElement.classList.contains(`large`):return`large`;default:return`small`}}get backgroundColor(){let e=this.containerElement.style.getPropertyValue(`--background-color`);return a.fromHex(e)}set backgroundColor(e){this.containerElement.style.setProperty(`--background-color`,`#${e.toJSON()}`),this.updateArrowColor()}set body(e){this.append(...e)}get body(){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelector(`slot:not([name])`);return(t==null?void 0:t.assignedElements({flatten:!0}))??[]}set header(e){let t=this.querySelector(m);e!=null&&(t==null?void 0:t.assignedElements()[0])!==e&&(t==null||t.remove(),e.setAttribute(`slot`,`header`),this.append(e))}get header(){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelector(m);return((t==null?void 0:t.assignedElements())??[])[0]}set footer(e){let t=this.querySelector(h);e!=null&&(t==null?void 0:t.assignedElements()[0])!==e&&(t==null||t.remove(),e.setAttribute(`slot`,`footer`),this.append(e))}get footer(){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelector(h);return((t==null?void 0:t.assignedElements())??[])[0]}set hasTip(e){this.containerElement.classList.toggle(`arw-${this.anchor}`,e)}get hasTip(){return this.containerElement.classList.contains(`arw-${this.anchor}`)}static create(e){f.register();let t=document.createElement(f.tag);return t.barcode=e,t}static register(){l({[e.tag]:e,[n.tag]:n,[t.tag]:t,[f.tag]:f})}static createStyleElement(){return c`:host{--background-color:#fff;--arrow-size:7px;--arrow-background-color:var(--background-color);--arrow-offset:10px;font-family:SF Pro Display,sans-serif}.container{background-color:var(--background-color);border-radius:16px;display:flex;flex-direction:column;min-width:100px;position:relative;transition:opacity .3s ease;width:100%}.container.highlighted{opacity:.75}.container.${`small`}{width:180px}.container.${`medium`}{width:210px}.container.${`large`}{width:240px}.body-container{padding-bottom:1rem}`}connectedCallback(){var e,t;this.widthPreset=this._widthPreset,this.addEventListener(`pointerup`,this.onPointerUpListener);let n=(e=this.shadowRoot)==null?void 0:e.querySelector(m),r=(t=this.shadowRoot)==null?void 0:t.querySelector(h);n==null||n.addEventListener(`slotchange`,this.onSlotChangeListener),r==null||r.addEventListener(`slotchange`,this.onSlotChangeListener),this.onSlotChange(),this.isEntireAnnotationTappable&&this.makeHighlightable(this.containerElement)}disconnectedCallback(){var e,t;let n=(e=this.shadowRoot)==null?void 0:e.querySelector(m),r=(t=this.shadowRoot)==null?void 0:t.querySelector(h);n==null||n.removeEventListener(`slotchange`,this.onSlotChangeListener),r==null||r.removeEventListener(`slotchange`,this.onSlotChangeListener),this.removeEventListener(`pointerup`,this.onPointerUpListener);for(let[e,t]of this.highlightableElementListenerMap)e.removeEventListener(`pointerdown`,t.pointerdown),e.removeEventListener(`pointerup`,t.pointerup)}onSlotChange(){var e,t;let n=(e=this.shadowRoot)==null?void 0:e.querySelector(m),r=(t=this.shadowRoot)==null?void 0:t.querySelector(h),i=(n==null?void 0:n.assignedElements())??[],a=(r==null?void 0:r.assignedElements())??[];for(let e of i)e.style.setProperty(`--top-left-corner-radius`,`16px`),e.style.setProperty(`--top-right-corner-radius`,`16px`),this.isEntireAnnotationTappable||this.makeHighlightable(e);for(let e of a)e.style.setProperty(`--bottom-left-corner-radius`,`16px`),e.style.setProperty(`--bottom-right-corner-radius`,`16px`),this.isEntireAnnotationTappable||this.makeHighlightable(e);this.updateArrowColor()}updateArrowColor(){this.style.removeProperty(g),this.header||this.footer?this.header&&this.anchor.startsWith(`top`)?this.style.setProperty(g,`#${this.header.backgroundColor.toJSON()}`):this.footer&&this.anchor.startsWith(`bottom`)&&this.style.setProperty(g,`#${this.footer.backgroundColor.toJSON()}`):this.body.length>0&&!this.header&&!this.footer&&this.style.setProperty(g,`#${this.backgroundColor.toJSON()}`)}makeHighlightable(e){var t;let n=e.classList.contains(`container`)?e:(t=e.shadowRoot)==null?void 0:t.querySelector(`.container`);if(!n||this.highlightableElementListenerMap.has(n))return;let r=()=>{n.classList.add(`highlighted`)},i=()=>{n.classList.remove(`highlighted`)};n.addEventListener(`pointerdown`,r),n.addEventListener(`pointerup`,i),this.highlightableElementListenerMap.set(n,{pointerdown:r,pointerup:i})}onPointerUp(r){var i,a,s;let c=(i=r.target)==null?void 0:i.closest(n.tag),l=(a=r.target)==null?void 0:a.closest(t.tag),u=(s=r.target)==null?void 0:s.closest(`${e.tag} ${o.tag}`),d=new CustomEvent(`BarcodeArInfoAnnotationEventTap`,{bubbles:!0});if(c){var f,p;(f=this.listener)==null||(p=f.onInfoAnnotationHeaderTapped)==null||p.call(f,this),this.dispatchEvent(d)}if(l){var m,h;(m=this.listener)==null||(h=m.onInfoAnnotationFooterTapped)==null||h.call(m,this),this.dispatchEvent(d)}if((u==null?void 0:u.slot)===`left-barcode-icon`){let e=this.body.findIndex(e=>e.contains(u));if(this.body[e].isLeftIconTappable){var g,_;(g=this.listener)==null||(_=g.onInfoAnnotationLeftIconTapped)==null||_.call(g,this,this.body[e],e),this.dispatchEvent(d)}}if((u==null?void 0:u.slot)===`right-barcode-icon`){let e=this.body.findIndex(e=>e.contains(u));if(this.body[e].isRightIconTappable){var v,y;(v=this.listener)==null||(y=v.onInfoAnnotationRightIconTapped)==null||y.call(v,this,this.body[e],e),this.dispatchEvent(d)}}if(this.isEntireAnnotationTappable){var b,x;(b=this.listener)==null||(x=b.onInfoAnnotationTapped)==null||x.call(b,this),this.dispatchEvent(d)}}};_.tag=`scandit-barcode-ar-info-annotation`;export{_ as BarcodeArInfoAnnotation,d as BarcodeArInfoAnnotationAnchor,p as BarcodeArInfoAnnotationEvent,f as BarcodeArInfoAnnotationWidthPreset};

package/build/js/ar/ui/organisms/BarcodeArPopoverAnnotation.d.ts

@@ -1,49 +1,45 @@
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import { BarcodeArPopoverAnnotationButton } from './BarcodeArPopoverAnnotationButton.js';
-import { Point } from '@scandit/web-datacapture-core';
-import { Barcode } from '../../../Barcode.js';
-import { BarcodeArAnnotation, BarcodeArAnnotationTrigger } from './BarcodeArAnnotation.js';
-import '@scandit/web-datacapture-core/build/js/private/Serializable';
-import '../../../EncodingRange.js';
-import '../../../StructuredAppendData.js';
-import '@scandit/web-datacapture-core/build/js/private/utils/ScanditHTMLElement.js';
-import './private/BarcodeArAnnotationVariation.js';
+import { t as Barcode } from "../../../Barcode-B7a-T3RA.js";
+import { r as BarcodeArAnnotationTrigger, t as BarcodeArAnnotation } from "../../../BarcodeArAnnotation-nsUjxSNs.js";
+import { BarcodeArPopoverAnnotationButton } from "./BarcodeArPopoverAnnotationButton.js";
+import { Point } from "@scandit/web-datacapture-core";
+import { ScanditHTMLElement as ScanditHTMLElement$1 } from "@scandit/web-datacapture-core/build/js/private/utils/index.js";
 
+//#region src/main/ar/ui/organisms/BarcodeArPopoverAnnotation.d.ts
 interface BarcodeArPopoverAnnotationListener {
-    onPopoverButtonTapped?(popover: BarcodeArPopoverAnnotation, button: BarcodeArPopoverAnnotationButton, buttonIndex: number): void;
-    onPopoverTapped?(popover: BarcodeArPopoverAnnotation): void;
+  onPopoverButtonTapped?(popover: BarcodeArPopoverAnnotation, button: BarcodeArPopoverAnnotationButton, buttonIndex: number): void;
+  onPopoverTapped?(popover: BarcodeArPopoverAnnotation): void;
 }
 declare enum BarcodeArPopoverAnnotationAnchor {
-    Top = "top-center",
-    Bottom = "bottom-center",
-    Left = "left-center",
-    Right = "right-center"
+  Top = "top-center",
+  Bottom = "bottom-center",
+  Left = "left-center",
+  Right = "right-center"
 }
-declare class BarcodeArPopoverAnnotation extends ScanditHTMLElement implements BarcodeArAnnotation {
-    static tag: "scandit-barcode-ar-popover-annotation";
-    isEntirePopoverTappable: boolean;
-    private _barcode;
-    annotationTrigger: BarcodeArAnnotationTrigger;
-    listener?: BarcodeArPopoverAnnotationListener;
-    private onPointerUpListener;
-    anchor: BarcodeArPopoverAnnotationAnchor;
-    constructor();
-    updatePosition(point: Point, transformOrigin: Point, rotationAngle: number): void;
-    get barcode(): Barcode;
-    protected set barcode(barcode: Barcode);
-    protected set direction(direction: string);
-    protected get direction(): string;
-    static register(): void;
-    static create(barcode: Barcode): BarcodeArPopoverAnnotation;
-    private static createStyleElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private onPointerUp;
+declare class BarcodeArPopoverAnnotation extends ScanditHTMLElement$1 implements BarcodeArAnnotation {
+  static tag: "scandit-barcode-ar-popover-annotation";
+  isEntirePopoverTappable: boolean;
+  private _barcode;
+  annotationTrigger: BarcodeArAnnotationTrigger;
+  listener?: BarcodeArPopoverAnnotationListener;
+  private onPointerUpListener;
+  anchor: BarcodeArPopoverAnnotationAnchor;
+  constructor();
+  updatePosition(point: Point, transformOrigin: Point, rotationAngle: number): void;
+  get barcode(): Barcode;
+  protected set barcode(barcode: Barcode);
+  protected set direction(direction: string);
+  protected get direction(): string;
+  static register(): void;
+  static create(barcode: Barcode): BarcodeArPopoverAnnotation;
+  private static createStyleElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private onPointerUp;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [BarcodeArPopoverAnnotation.tag]: BarcodeArPopoverAnnotation;
-    }
+  interface HTMLElementTagNameMap {
+    [BarcodeArPopoverAnnotation.tag]: BarcodeArPopoverAnnotation;
+  }
 }
-
-export { BarcodeArPopoverAnnotation, BarcodeArPopoverAnnotationAnchor, type BarcodeArPopoverAnnotationListener };
+//#endregion
+export { BarcodeArPopoverAnnotation, BarcodeArPopoverAnnotationAnchor, BarcodeArPopoverAnnotationListener };

package/build/js/ar/ui/organisms/BarcodeArPopoverAnnotation.js

@@ -1 +1 @@
-export{b as BarcodeArPopoverAnnotation,a as BarcodeArPopoverAnnotationAnchor}from'../../../chunks/chunk-OH47PSIL.js';
+import"./BarcodeArAnnotation.js";import{updatePosition as e}from"./private/updatePosition.js";import{BarcodeArPopoverAnnotationButton as t}from"./BarcodeArPopoverAnnotationButton.js";import{ScanditHTMLElement as n,css as r,defineCustomElements as i,html as a}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";let o=function(e){return e[e.Top=`top-center`]=`Top`,e[e.Bottom=`bottom-center`]=`Bottom`,e[e.Left=`left-center`]=`Left`,e[e.Right=`right-center`]=`Right`,e}({});var s=class s extends n{constructor(){super(),this.isEntirePopoverTappable=!1,this.annotationTrigger=`highlightTap`,this.onPointerUpListener=this.onPointerUp.bind(this),this.anchor=o.Bottom;let e=this.attachShadow({mode:`open`});e.innerHTML=a`<div class="container" role="group"><slot></slot></div>`,e.append(s.createStyleElement().cloneNode(!0))}updatePosition(t,n,r){e(this,t,n,0)}get barcode(){return this._barcode}set barcode(e){this._barcode=e}set direction(e){this.setAttribute(`direction`,e)}get direction(){return this.getAttribute(`direction`)??`horizontal`}static register(){i({[s.tag]:s})}static create(e){s.register();let t=document.createElement(s.tag);return t.barcode=e,t}static createStyleElement(){return r`:host{background-color:unset;border:none;border-radius:14px;margin:0;overflow:hidden;padding:0}:host([direction=horizontal]) .container{flex-direction:row}:host([direction=vertical]) .container{flex-direction:column}.container{backdrop-filter:blur(16px);background:#ffffffb3;box-shadow:0 6px 10px 4px #12161926;display:flex;gap:14px}`}connectedCallback(){let e=Array.from(this.querySelectorAll(t.tag));for(let[t,n]of Object.entries(e))n.setAttribute(`data-position`,t);this.addEventListener(`pointerup`,this.onPointerUpListener)}disconnectedCallback(){this.removeEventListener(`pointerup`,this.onPointerUpListener)}onPointerUp(e){var n,r,i;if(this.isEntirePopoverTappable){var a,o;(a=this.listener)==null||(o=a.onPopoverTapped)==null||o.call(a,this);return}let s=(n=e.target)==null?void 0:n.closest(t.tag);s&&((r=this.listener)==null||(i=r.onPopoverButtonTapped)==null||i.call(r,this,s,Number(s.getAttribute(`data-position`))))}};s.tag=`scandit-barcode-ar-popover-annotation`;export{s as BarcodeArPopoverAnnotation,o as BarcodeArPopoverAnnotationAnchor};