zwave-js-ui
Version:
Z-Wave Control Panel and MQTT Gateway
2 lines (1 loc) • 2.83 kB
JavaScript
import{a3 as z,a4 as b,dy as x,cr as V,a6 as p,H as h,W as s,n as w,dz as S,cs as k,bs as C,_ as m,c as n,z as i,s as N,e as r,h as l,w as v,k as j,t as y,bx as L,b as B,af as P}from"./index-DwzE-W2i.js";const D=b({...C(),...k(),...S()},"VLayout"),I=z()({name:"VLayout",props:D(),setup(t,u){let{slots:e}=u;const{layoutClasses:o,layoutStyles:c,getLayoutItem:a,items:d,layoutRef:_}=x(t),{dimensionStyles:g}=V(t);return p(()=>h("div",{ref:_,class:w([o.value,t.class]),style:s([g.value,c.value,t.style])},[e.default?.()])),{getLayoutItem:a,items:d}}}),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}}},q=["width","height","viewBox"],T=["d"];function E(t,u,e,o,c,a){return i(),n("svg",{width:a.sizeValue,height:a.sizeValue,viewBox:a.viewboxValue,style:s(a.styles)},[h("path",{d:e.path},null,8,T)],12,q)}const F=m(R,[["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,u,e,o,c,a){const d=N("svg-icon");return i(),n("div",null,[e.value&&e.value.description?(i(),r(L,{key:0,activator:"parent",location:"bottom","open-delay":300},{default:v(()=>[j(y(e.value.description),1)]),_:1})):l("",!0),e.value!==void 0&&e.value.icon===""?(i(),n("span",{key:1,style:s("padding-top: 4px; "+e.value.displayStyle)},y(e.value.displayValue),5)):l("",!0),e.value!==void 0&&e.value.icon!==""?(i(),r(I,{key:2,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:v(()=>[B(d,{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(),n("span",{key:0,style:s("padding-top: 4px; "+e.value.displayStyle)},y(e.value.displayValue),5)):l("",!0)]),_:1},8,["label","justify-start","justify-center","justify-end"])):e.value&&e.value.loading?(i(),r(P,{key:3,color:"primary",size:e.value.size||24,indeterminate:""},null,8,["size"])):l("",!0)])}const A=m(H,[["render",O]]);export{A as default};