@larva.io/webcomponents/dist/larva/p-625a17a4.entry.js

Fentrica SmartUnits WebComponents package

/*!
 * (C) Fentrica http://fentrica.com - Seee LICENSE.md
 */
import{r as a,c as t,h as r}from"./p-C4h1muVj.js";import{c as i}from"./p-Bz2BCuhl.js";import"./p-ue25B_tw.js";import"./p-B02IfvGX.js";const e="slot-fb[hidden],slot[hidden]{display:initial !important}.details{padding:3rem 0 0 0}.details lar-button-group{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.actions{min-height:60px}lar-list-item{background-color:var(--lar-background-color-step-100, rgb(25.5, 25.5, 25.5)) !important;color:var(--lar-text-color, #fff) !important}.spacer{margin-top:1.5rem;margin-bottom:1.5rem}.circle{background-color:var(--lar-background-color-step-200, #333333) !important;border-radius:50%;display:inline-block;padding:0.5rem;width:2rem;height:2rem;margin-right:1rem}.circle lar-icon{display:block;width:100%;height:100%}.zone-list h4{margin:0;padding:0}.zone-list h4 lar-badge{margin-top:0.2rem;margin-right:0.3rem;font-weight:normal}.zone-selectors{text-align:center;margin-bottom:1rem}.zone-selectors lar-button{margin:0.2rem}.zone-list lar-badge{margin-top:0.3rem}lar-button.zone-group{--lar-button-font-size-small:.95rem;--lar-button-padding-top-small:.4rem;--lar-button-padding-bottom-small:.4rem;--lar-button-padding-left-small:.4rem;--lar-button-padding-right-small:.4rem}.center{text-align:center}";const o=class{constructor(r){a(this,r);this.arm=t(this,"arm");this.disarm=t(this,"disarm");this.output=t(this,"output");this.armed=false;this.zoneopened=false;this.hastroubles=false;this.alarm=false;this.loading=true}async showModal(a,t,r){this.modal=await i({mainTitle:a,subTitle:t,color:this.colorModal||this.color,animation:"bottom",iconSmall:this.loading?"loading":"",colorHeaderInputs:this.color,icon:this.icon,headerSize:"small",onLarmodaldiddismiss:()=>{this.modal=undefined;this.modalComponent=undefined},component:r,componentProps:{zones:this.zones,troubles:this.troubles,onOutput:a=>this.output.emit(a.detail),color:this.color}});await this.modal.present();this.modalComponent=await this.modal.getComponent()}async disconnectedCallback(){var a;return(a=this.modal)===null||a===void 0?void 0:a.dismiss()}render(){if(this.modalComponent){this.modalComponent.element.setAttribute("zones",this.zones);this.modalComponent.element.setAttribute("troubles",this.troubles);this.modalComponent.element.setAttribute("color",this.color)}return[r("div",{key:"c723ffaffe3e0f7728aad82032a7aeda1e261a10",class:"actions"},this.armed||this.alarm?r("lar-button",{onClick:()=>this.disarm.emit(),color:this.color,disabled:this.loading},r("lar-icon",{icon:"unlock"})," ",r("lar-translate",{t:"area.disarm"})):r("lar-button-group",null,r("lar-button",{disabled:this.zoneopened||this.loading,onClick:()=>this.hastroubles?this.showModal("area.overrideAndBypass","area.selectZonesToBypass","lar-area-bypass"):this.arm.emit(),color:this.color},r("lar-icon",{icon:"lock"})," ",r("lar-translate",{t:"area.arm"})),r("lar-button",{disabled:this.loading,onClick:()=>this.showModal("area.partialarm","area.selectZonesToBypass","lar-area-bypass"),color:this.color==="dark"?"light":"dark"},r("lar-icon",{icon:"halflock"})," ",r("lar-translate",{t:"area.partialarm"})))),r("div",{key:"5d7b55566d25b648acd76d22faaf439fc562e05f",class:"details"},r("lar-button-group",{key:"e5b19daa536f58ff794ebe7786acb50352afc1da"},this.hastroubles&&r("lar-button",{key:"d1e4ffae39af91381d9ac83060f5ac8473310bff",color:"warning",size:"small",expand:"block",outline:true,onClick:()=>this.showModal("area.troubles","","lar-area-troubles")},r("lar-icon",{key:"3fad9ce6e0c6a02029e116d23cecf2951dc4cf96",icon:"warning"})," ",r("lar-translate",{key:"9a825a5ef5dd8ca817c7fb191d95b79704e3b40d",t:"area.troubles"})),r("lar-button",{key:"5f4d787a4d4573bf1961252e08d43e998a8b6351",color:this.color,size:"small",expand:"block",outline:true,onClick:()=>this.showModal("area.zonemonitor","","lar-area-zones")},r("lar-translate",{key:"891581ff567c1ef2f3b00ac4db6aa0357cb40cf8",t:"area.zonemonitor"})," ",this.zoneopened?r("lar-icon",{icon:"unlock"}):r("lar-icon",{icon:"lock"}))))]}};o.style=e;export{o as lar_area_content};
//# sourceMappingURL=p-625a17a4.entry.js.map