@scandit/web-datacapture-barcode
Version:
Scandit Data Capture SDK for the Web
5 lines • 2.55 kB
JavaScript
import {Color}from'@scandit/web-datacapture-core';import {gray900}from'@scandit/web-datacapture-core/build/js/private/ui/colors.js';import {ScanditHTMLElement,html,defineCustomElements,css}from'@scandit/web-datacapture-core/build/js/private/utils/index.js';var n=class n extends ScanditHTMLElement{constructor(){super();this.isLeftIconTappable=true;this.isRightIconTappable=true;let t=this.attachShadow({mode:"open"});t.innerHTML=html`<div class="container">
<slot name="left-barcode-icon"></slot>
<div class="text"></div>
<slot name="right-barcode-icon"></slot>
</div>`,t.append(n.createStyleElement().cloneNode(true)),this.textElement=t.querySelector(".text");}set rightIcon(t){var o;let e=(o=this.shadowRoot)==null?void 0:o.querySelector("[slot='right-barcode-icon']");(e==null?void 0:e.assignedSlot)!==t&&(e&&t==null&&e.remove(),t&&(t.slot="right-barcode-icon",this.append(t)));}get rightIcon(){var t,e,o;return ((o=(e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot[name='right-barcode-icon']"))==null?void 0:e.assignedElements())!=null?o:[])[0]}set leftIcon(t){var o;let e=(o=this.shadowRoot)==null?void 0:o.querySelector("[slot='left-barcode-icon']");(e==null?void 0:e.assignedSlot)!==t&&(e&&t==null&&e.remove(),t&&(t.slot="left-barcode-icon",this.append(t)));}get leftIcon(){var t,e,o;return ((o=(e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot[name='left-barcode-icon']"))==null?void 0:e.assignedElements())!=null?o:[])[0]}get text(){var t;return (t=this.textElement.textContent)!=null?t:""}set text(t){this.textElement.textContent=t;}get textSize(){return Number.parseInt(this.style.getPropertyValue("--text-size"),10)}set textSize(t){this.style.setProperty("--text-size",`${t}px`);}get textAlignment(){return this.textElement.style.textAlign===""?"start":this.textElement.style.textAlign}set textAlignment(t){this.textElement.style.textAlign=t;}get textColor(){let t=this.style.getPropertyValue("--text-color");return t===""?Color.fromRGBA(0,0,0,1):Color.fromHex(t)}set textColor(t){this.style.setProperty("--text-color",`#${t.toJSON()}`);}static create(){return n.register(),document.createElement(n.tag)}static register(){defineCustomElements({[n.tag]:n});}static createStyleElement(){return css`:host{--text-color:#${gray900.toJSON()};--text-size:14px}.container{align-items:center;display:flex;font-size:var(--text-size);gap:.75rem;justify-content:center;padding:1rem 1rem 0}.text{color:var(--text-color);text-align:center}`}};n.tag="scandit-barcode-ar-info-annotation-body";var l=n;export{l as a};