@scandit/web-datacapture-barcode/build/js/ar/ui/organisms/BarcodeArPopoverAnnotationButton.js

Scandit Data Capture SDK for the Web

import{Color as e}from"@scandit/web-datacapture-core";import{ScanditHTMLElement as t,css as n,defineCustomElements as r,html as i}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";import{gray900 as a}from"@scandit/web-datacapture-core/build/js/private/ui/colors.js";const o=`--text-size`,s=`--text-color`;var c=class c extends t{constructor(){super();let e=this.attachShadow({mode:`open`});e.innerHTML=i`<button type="button" role="button" class="container"><slot name="barcode-icon"></slot><slot name="text"></slot></button>`,e.append(c.createStyleElement().cloneNode(!0)),this.containerElement=e.querySelector(`.container`),this.containerElement.style.setProperty(o,`10px`),this.containerElement.style.setProperty(s,`#${a.toJSON()}`)}set textSize(e){this.containerElement.style.setProperty(o,`${e}px`)}get textSize(){let e=this.containerElement.style.getPropertyValue(o).replace(`px`,``);return Number.parseInt(e,10)}set textColor(e){this.containerElement.style.setProperty(s,`#${e.toJSON()}`)}get textColor(){let t=this.containerElement.style.getPropertyValue(s);return e.fromHex(t)}get text(){var e;let t=(e=this.containerElement.querySelector(`slot[name='text']`))==null?void 0:e.assignedSlot;return(t==null?void 0:t.textContent)??``}set disabled(e){this.containerElement.disabled=e}get disabled(){return this.containerElement.disabled}static register(){r({[c.tag]:c})}static create(e,t){c.register();let n=document.createElement(c.tag);if(e.slot=`barcode-icon`,e.width=24,e.height=24,t!=null){let e=document.createElement(`span`);e.slot=`text`,e.textContent=t,n.append(e)}return n.append(e),n}static createStyleElement(){return n`.container{align-items:center;-webkit-appearance:none;background-color:initial;border:none;color:var(--text-color);display:flex;flex-direction:column;font-family:SF Pro Text,sans-serif;font-size:var(--text-size);gap:6px;justify-content:center;margin:0;padding:10px;transition:background-color .1s ease-in-out}.container:hover{background-color:#e0e0e0}.container:active{background-color:#ccc}`}};c.tag=`scandit-barcode-ar-popover-button-annotation`;export{c as BarcodeArPopoverAnnotationButton};