UNPKG

zwave-js-ui

Version:

Z-Wave Control Panel and MQTT Gateway

2 lines (1 loc) 2.71 kB
import{a2 as g,a3 as z,dz as b,cs as x,a5 as V,H as f,U as s,n as p,dA as w,ct as S,bt as k,_ as h,c as l,z as i,s as C,q as j,aq as L,h as r,e as d,t as y,w as N,b as B,ae as P}from"./index-B8xHYEBg.js";const q=z({...k(),...S(),...w()},"VLayout"),D=g()({name:"VLayout",props:q(),setup(t,n){let{slots:e}=n;const{layoutClasses:u,layoutStyles:o,getLayoutItem:a,items:c,layoutRef:m}=b(t),{dimensionStyles:_}=x(t);return V(()=>f("div",{ref:m,class:p([u.value,t.class]),style:s([_.value,o.value,t.style])},[e.default?.()])),{getLayoutItem:a,items:c}}}),v={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"}},I={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 v[this.type]||v.default},sizeValue(){return this.size||this.defaults.size},viewboxValue(){return this.viewbox||this.defaults.viewbox}}},R=["width","height","viewBox"],A=["d"];function E(t,n,e,u,o,a){return i(),l("svg",{width:a.sizeValue,height:a.sizeValue,viewBox:a.viewboxValue,style:s(a.styles)},[f("path",{d:e.path},null,8,A)],12,R)}const F=h(I,[["render",E],["__scopeId","data-v-76aa6b74"]]),H={props:{value:{type:Object,required:!0,default:()=>({align:"left",icon:"",size:24,iconStyle:"",displayValue:"",displayStyle:"",description:"",rawValue:void 0})}},components:{SvgIcon:F}};function O(t,n,e,u,o,a){const c=C("svg-icon");return j((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)):r("",!0),e.value!==void 0&&e.value.icon!==""?(i(),d(D,{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:N(()=>[B(c,{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)):r("",!0)]),_:1},8,["label","justify-start","justify-center","justify-end"])):e.value&&e.value.loading?(i(),d(P,{key:2,color:"primary",size:e.value.size||24,indeterminate:""},null,8,["size"])):r("",!0)])),[[L,e.value.description,"bottom"]])}const U=h(H,[["render",O]]);export{U as default};