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

Scandit Data Capture SDK for the Web

import{Anchor 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";var a=class a extends t{constructor(){super();let t=this.attachShadow({mode:`open`});t.append(a.createStyleElement().cloneNode(!0));let n=document.createElement(`div`);n.id=`root`,n.innerHTML=i`<slot></slot><div class="controls-wrapper"><div class="controls top"><div class="control left"><slot name="controls-${e.TopLeft}"></slot></div><div class="control center"><slot name="controls-${e.TopCenter}"></slot></div><div class="control right"><slot name="controls-${e.TopRight}"></slot></div></div><div class="controls center"><div class="control left"><slot name="controls-${e.CenterLeft}"></slot></div><div class="control right"><slot name="controls-${e.CenterRight}"></slot></div></div><div class="controls bottom"><div class="control left"><slot name="controls-${e.BottomLeft}"></slot></div><div class="control center"><slot name="controls-${e.BottomCenter}"></slot></div><div class="control right"><slot name="controls-${e.BottomRight}"></slot></div></div></div>`,t.append(n)}static create(){return a.register(),document.createElement(a.tag)}static register(){r({[a.tag]:a})}static createStyleElement(){return n`:host{position:relative}:host #root{height:100%}.controls-wrapper{box-sizing:border-box;flex-direction:column;gap:.5rem;height:100%;margin:0 auto;max-width:960px;padding:1rem}.controls,.controls-wrapper{display:flex;justify-content:space-between}.controls{align-items:center;flex-direction:row}.controls.top{align-items:start}.controls.center{align-items:center}.controls.bottom{align-items:end}.control{display:flex;flex-direction:column}::slotted([hidden]){display:none}`}};a.tag=`scandit-check-layout`;export{a as CheckLayout};