@scandit/web-datacapture-core/build/js/private/ui/atoms/Backdrop.js

Scandit Data Capture SDK for the Web

import {a as a$4,b}from'../../../chunks/chunk-EQ6V4W5K.js';import {a as a$2}from'../../../chunks/chunk-3A4KLILV.js';import {a as a$1}from'../../../chunks/chunk-UWBNF47P.js';import {a}from'../../../chunks/chunk-EV4OEANA.js';import {a as a$3}from'../../../chunks/chunk-LSZZVJ6B.js';var t=class t extends a{constructor(){super();this.fadeInKeyframes=[{opacity:0},{opacity:1}];this.fadeOutKeyframes=[{opacity:1},{opacity:0}];this.animationOptions={duration:200,easing:"ease",fill:"forwards"};let e=this.attachShadow({mode:"open"});e.innerHTML=a$1`<div class="backdrop"></div>`,e.append(t.createStyleElement().cloneNode(true));}static get observedAttributes(){return ["open"]}get open(){return this.hasAttribute("open")}set open(e){this.toggleAttribute("open",e);}static create(){return t.register(),document.createElement(t.tag)}static register(){a$2({[t.tag]:t});}static createStyleElement(){return a$3`:host{display:none;height:100%;inset:0;position:absolute;width:100%}.open,:host([open]){display:block;pointer-events:none;z-index:1}.backdrop{background:#00000080;height:100%;position:absolute;width:100%}`}attributeChangedCallback(e,c,d){e==="open"&&(d==null?this.hide():this.show());}async show(){this.style.display!=="block"&&(a$4(this.fadeOutAnimation),a$4(this.fadeInAnimation),this.style.display="block",this.fadeInAnimation=this.animate(this.fadeInKeyframes,this.animationOptions),await b(this.fadeInAnimation));}async hide(){this.style.display!=="none"&&(a$4(this.fadeInAnimation),a$4(this.fadeOutAnimation),this.fadeOutAnimation=this.animate(this.fadeOutKeyframes,this.animationOptions),await b(this.fadeOutAnimation),this.style.display="none");}};t.tag="scandit-backdrop";var l=t;export{l as Backdrop};