UNPKG

@larva.io/webcomponents

Version:

Fentrica SmartUnits WebComponents package

5 lines 2.87 kB
/*! * (C) Fentrica http://fentrica.com - Seee LICENSE.md */ import{r as t,c as s,h as i,g as e}from"./p-C4h1muVj.js";const h="slot-fb[hidden],slot[hidden]{display:initial !important}.center{text-align:center;padding:1rem 1.5rem}.center lar-button{margin-bottom:1.5rem;-webkit-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.12), 0 4px 16px -4px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.12), 0 4px 16px -4px rgba(0, 0, 0, 0.08)}.center lar-slider{margin:0 auto;max-width:100%}";const a=class{constructor(i){t(this,i);this.output=s(this,"output");this.request=s(this,"request");this.icon="security";this.color="primary";this.disableQuickActions=false;this.log=false;this.nodeSize="default";this.checked=false;this.value=0;this.step=1;this.min=0;this.max=100;this.loading=true}componentDidLoad(){const t=this.el.shadowRoot||this.el;this.node=t.querySelector("lar-node");this.output.emit({})}async error(t){if(this.node){this.node.error(t)}this.loading=false;this.checked=!this.checked}changeToggle(){this.checked=Boolean(this.value)}async input(t){let s=parseFloat(t.value);if(isNaN(s)){console.error(`lar-range receuived invalid message: ${JSON.stringify(t)}`);s=0}if(t.step){const s=parseFloat(t.step);this.step=isNaN(s)?this.step:s}if(t.min){const s=parseFloat(t.min);this.min=isNaN(s)?this.min:s}if(t.max){const s=parseFloat(t.max);this.max=isNaN(s)?this.max:s}this.value=s;this.loading=false}handleChange(t){this.value=t}handleChangeToggle(t){if(t===this.checked){return}if(t){this.value=this.max}else{this.value=this.min}this.handleBlur()}handleBlur(){if(!Number.isNaN(this.value)&&this.loading===false){this.loading=true;this.output.emit(this.value)}}render(){const t={onButtonclick:()=>this.handleChangeToggle(!this.checked),onLarchange:t=>this.handleChange(t.detail.value),onLarblur:()=>this.handleBlur(),buttonValue:this.checked?"onoff.switchoff":"onoff.switchon",disabled:this.loading,color:this.colorInputs||this.color,value:this.value,min:this.min,max:this.max,step:this.step};return[i("lar-node",{key:"edabbcc159c8be5bb1790634042de765dc12a48d",value:String(this.value||0),hideTitles:this.hideTitles,icon:this.icon,color:this.color,supTitle:this.supTitle,mainTitle:this.mainTitle,subTitle:this.subTitle,colorModal:this.colorModal,colorInputs:this.colorInputs,colorIconSmall:this.colorIconSmall,loading:this.loading,log:this.log,nodeSize:this.nodeSize,component:"range-content",componentProps:t},this.disableQuickActions===false&&i("lar-toggle",{key:"d74da38497e68e1df21a0381bce32a7dd3e0c36a",slot:"titles",onLarchange:t=>this.handleChangeToggle(t.detail.checked),checked:this.checked,color:this.colorInputs||this.color}),i("slot",{key:"e31a84a20b75ee585d1dcc5a722f76bd7dae0ab0"}))]}get el(){return e(this)}static get watchers(){return{value:["changeToggle"]}}};a.style=h;export{a as lar_range}; //# sourceMappingURL=p-e0da9b8f.entry.js.map