@scandit/web-datacapture-barcode/build/js/chunks/chunk-OXLBBRZT.js

Scandit Data Capture SDK for the Web

import { html, ScanditHTMLElement, defineCustomElements, css } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';

var d=html`
  <div id="container" role="listitem">
    <div class="left">
      <div class="rect"></div>
    </div>
    <div class="middle">
      <div class="title overflow-text-mask"></div>
      <div class="subtitle overflow-text-mask"></div>
    </div>
    <div class="right">
      <slot name="right"></slot>
    </div>
  </div>
`,t=class t extends ScanditHTMLElement{constructor(){super();let e=this.attachShadow({mode:"open"});e.innerHTML=d,e.append(t.createStyleElement().cloneNode(!0));}set title(e){var r;let i=(r=this.shadowRoot)==null?void 0:r.querySelector(".title");i!=null&&(i.textContent=e);}set subtitle(e){var r;let i=(r=this.shadowRoot)==null?void 0:r.querySelector(".subtitle");i!=null&&(i.textContent=e);}static create(){return document.createElement(t.tag)}static register(){defineCustomElements({[t.tag]:t});}static createStyleElement(){return css`:host{backdrop-filter:saturate(180%) blur(20px);background-color:hsla(0,0%,100%,.9);border-radius:.75rem;box-shadow:0 2px 6px 0 rgba(18,22,25,.15);display:block;font-family:SF Pro Text,sans-serif}#container{align-items:center;display:flex;flex-direction:row;gap:.625rem;justify-content:center;max-height:100px;min-height:50px;min-width:200px;padding:1rem}.overflow-text-mask{-webkit-mask-image:linear-gradient(90deg,#000 95%,transparent);mask-image:linear-gradient(90deg,#000 95%,transparent);overflow-x:auto;padding-right:.3rem}#container>div{display:flex;flex:1 1 17.5%;justify-content:center}#container>div.middle{flex:1 1 65%;flex-direction:column;overflow:hidden}#container>div .rect{background:gray;height:50px;width:50px}#container .title{color:#121619;font-size:.938rem;font-weight:600}#container .subtitle{font-size:.75rem;font-weight:400;margin-top:.25rem}`}};t.tag="scandit-find-card";var a=t;a.register();

export { a };