UNPKG

zwave-js-ui

Version:

Z-Wave Control Panel and MQTT Gateway

2 lines (1 loc) 2.75 kB
import{a2 as z,bl as b,cf as x,dr as V,a4 as p,ds as w,ci as S,a6 as k,U as h,n as C,a1 as s,_ as m,o as i,c as l,r as j,v as L,ao as N,t as y,q as c,l as v,w as B,b as P,af as D}from"./index-B9yS4Bcc.js";const q=z({...b(),...x(),...V()},"VLayout"),I=p()({name:"VLayout",props:q(),setup(t,n){let{slots:e}=n;const{layoutClasses:u,layoutStyles:o,getLayoutItem:a,items:r,layoutRef:_}=w(t),{dimensionStyles:g}=S(t);return k(()=>{var d;return h("div",{ref:_,class:C([u.value,t.class]),style:s([g.value,o.value,t.style])},[(d=e.default)==null?void 0:d.call(e)])}),{getLayoutItem:a,items:r}}}),f={mdi:{size:24,viewbox:"0 0 24 24"},"simple-icons":{size:24,viewbox:"0 0 24 24"},default:{size:0,viewbox:"0 0 0 0"}},R={name:"icon",props:{type:String,path:{type:String,required:!0},size:{type:[String,Number],default:24},viewbox:String,flip:{type:String,validator:t=>["horizontal","vertical","both","none"].includes(t)},rotate:{type:Number,default:0}},computed:{styles(){return{"--sx":["both","horizontal"].includes(this.flip)?"-1":"1","--sy":["both","vertical"].includes(this.flip)?"-1":"1","--r":isNaN(this.rotate)?this.rotate:this.rotate+"deg"}},defaults(){return f[this.type]||f.default},sizeValue(){return this.size||this.defaults.size},viewboxValue(){return this.viewbox||this.defaults.viewbox}}},E=["width","height","viewBox"],F=["d"];function O(t,n,e,u,o,a){return i(),l("svg",{width:a.sizeValue,height:a.sizeValue,viewBox:a.viewboxValue,style:s(a.styles)},[h("path",{d:e.path},null,8,F)],12,E)}const T=m(R,[["render",O],["__scopeId","data-v-76aa6b74"]]),U={props:{value:{type:Object,required:!0,default:()=>({align:"left",icon:"",size:24,iconStyle:"",displayValue:"",displayStyle:"",description:"",rawValue:void 0})}},components:{SvgIcon:T}};function A(t,n,e,u,o,a){const r=j("svg-icon");return L((i(),l("div",null,[e.value!==void 0&&e.value.icon===""?(i(),l("span",{key:0,style:s("padding-top: 4px; "+e.value.displayStyle)},y(e.value.displayValue),5)):c("",!0),e.value!==void 0&&e.value.icon!==""?(i(),v(I,{key:1,label:e.value.description,"justify-start":e.value.align==="left","justify-center":e.value.align==="center","justify-end":e.value.align==="right",style:{"z-index":"unset"}},{default:B(()=>[P(r,{type:"mdi",path:e.value.icon,size:e.value.size||24,style:s(e.value.iconStyle)},null,8,["path","size","style"]),e.value!==void 0&&e.value.displayValue?(i(),l("span",{key:0,style:s("padding-top: 4px; "+e.value.displayStyle)},y(e.value.displayValue),5)):c("",!0)]),_:1},8,["label","justify-start","justify-center","justify-end"])):e.value&&e.value.loading?(i(),v(D,{key:2,color:"primary",size:e.value.size||24,indeterminate:""},null,8,["size"])):c("",!0)])),[[N,e.value.description,"bottom"]])}const H=m(U,[["render",A]]);export{H as default};