@scandit/web-datacapture-core
Version:
Scandit Data Capture SDK for the Web
5 lines • 1.39 kB
JavaScript
import {a as a$1}from'./chunk-EV4OEANA.js';import {a as a$2}from'./chunk-3A4KLILV.js';import {a}from'./chunk-MU6SADSF.js';import {a as a$3}from'./chunk-LSZZVJ6B.js';import {n}from'./chunk-77BBIAZE.js';var i=a`
<div role="listitem">
<slot></slot>
</div>
`,r=class r extends a$1{constructor(){super();let o=this.attachShadow({mode:"open"});o.innerHTML=i,o.append(r.createStyleElement().cloneNode(true));}set backgroundColor(o){this.style.setProperty("--background-color",`#${o.toJSON()}`);}get backgroundColor(){return n.fromHex(this.style.getPropertyValue("--background-color"))}set borderColor(o){this.style.setProperty("--border-color",`#${o.toJSON()}`);}get borderColor(){return n.fromHex(this.style.getPropertyValue("--border-color"))}static create(){return document.createElement(r.tag)}static register(){a$2({[r.tag]:r});}static createStyleElement(){return a$3`:host{--corner-radius:0.75rem;--background-color:#ffffffe6;--border-color:transparent;backdrop-filter:saturate(180%) blur(20px);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--corner-radius);box-shadow:0 2px 6px 0 rgba(18,22,25,.15);box-sizing:border-box;display:block;font-family:SF Pro Text,sans-serif;max-height:100px;min-height:5rem;min-width:200px}:host([with-border]){--border-color:#d92121}`}};r.tag="scandit-basic-card";var t=r;t.register();export{t as a};