import{r as t,h as i,g as s,H as e}from"./p-21516f8c.js";const o=":host{margin:64px 0;display:none;position:absolute;top:0;flex-direction:column;align-items:center;min-width:54px;min-height:54px}:host(.fab-list-active){display:flex}::slotted(.fab-button-in-list){margin:8px 0;width:54px;height:54px;transform:scale(0);opacity:0;visibility:hidden}:host(.fab-list-side-top) ::slotted(.fab-button-in-list),:host(.fab-list-side-bottom) ::slotted(.fab-button-in-list){margin:5px 0}:host(.fab-list-side-start) ::slotted(.fab-button-in-list),:host(.fab-list-side-end) ::slotted(.fab-button-in-list){margin:0 5px}::slotted(.fab-button-in-list.fab-button-show){transform:scale(1);opacity:1;visibility:visible}:host(.fab-list-side-top){top:auto;bottom:0;flex-direction:column-reverse}:host(.fab-list-side-start){margin:0 64px;right:0;flex-direction:row-reverse}:host(.fab-list-side-end){margin:0 64px;left:0;flex-direction:row}";const a=class{constructor(i){t(this,i);this.activated=false;this.side="bottom"}activatedChanged(t){const i=Array.from(this.el.querySelectorAll("lu-fab-button"));const s=t?30:0;i.forEach(((i,e)=>{setTimeout((()=>i.show=t),e*s)}))}hostData(){return{class:{"fab-list-active":this.activated,[`fab-list-side-${this.side}`]:true}}}__stencil_render(){return i("slot",null)}get el(){return s(this)}static get watchers(){return{activated:["activatedChanged"]}}render(){return i(e,this.hostData(),this.__stencil_render())}};a.style=o;export{a as lu_fab_list};
//# sourceMappingURL=p-f7384930.entry.js.map