@scandit/web-datacapture-core
Version:
Scandit Data Capture SDK for the Web
1 lines • 2.56 kB
JavaScript
import {a as a$2}from'./chunk-3A4KLILV.js';import {a as a$1}from'./chunk-UWBNF47P.js';import {a}from'./chunk-EV4OEANA.js';import {a as a$3}from'./chunk-LSZZVJ6B.js';var t=class t extends a{constructor(){super();let e=this.attachShadow({mode:"open"});e.innerHTML=a$1`<div class="controls-grid"><div class="top-left"><slot name="topLeft"></slot></div><div class="top-center"><slot name="topCenter"></slot></div><div class="top-right"><slot name="topRight"></slot></div><div class="center-left"><slot name="centerLeft"></slot></div><div class="center"><slot name="center"></slot></div><div class="center-right"><slot name="centerRight"></slot></div><div class="bottom-left"><slot name="bottomLeft"></slot></div><div class="bottom-center"><slot name="bottomCenter"></slot></div><div class="bottom-right"><slot name="bottomRight"></slot></div><slot></slot></div>`,e.append(t.createStyleElement().cloneNode(true));}static create(){return document.createElement(t.tag)}static register(){a$2({[t.tag]:t});}static createStyleElement(){return a$3`:host{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.controls-grid{box-sizing:border-box;display:grid;gap:0;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;height:100%;inset:0;padding:0;position:relative;width:100%}.top-left{grid-column:1;justify-self:start;padding:24px 0 0 16px}.top-center,.top-left{align-self:start;display:flex;flex-direction:column;gap:16px;grid-row:1;pointer-events:auto}.top-center{grid-column:2;justify-self:center;padding:24px 0 0}.top-right{align-self:start;display:flex;flex-direction:column;gap:16px;grid-column:3;grid-row:1;justify-self:end;padding:24px 16px 0 0;pointer-events:auto}.center-left{grid-column:1;justify-self:start;padding:0 0 0 16px}.center,.center-left{align-self:center;display:flex;flex-direction:column;gap:16px;grid-row:2;pointer-events:auto}.center{grid-column:2;justify-self:center;padding:0}.center-right{align-self:center;display:flex;flex-direction:column;gap:16px;grid-column:3;grid-row:2;justify-self:end;padding:0 16px 0 0;pointer-events:auto}.bottom-left{grid-column:1;justify-self:start;padding:0 0 24px 16px}.bottom-center,.bottom-left{align-self:end;display:flex;flex-direction:column-reverse;gap:16px;grid-row:3;pointer-events:auto}.bottom-center{grid-column:2;justify-self:center;padding:0 0 24px}.bottom-right{align-self:end;display:flex;flex-direction:column-reverse;gap:16px;grid-column:3;grid-row:3;justify-self:end;padding:0 24px 24px 0;pointer-events:auto}`}};t.tag="scandit-controls-layout";var s=t;export{s as a};