zwave-js-ui
Version:
Z-Wave Control Panel and MQTT Gateway
2 lines (1 loc) • 1.65 kB
JavaScript
import{a2 as V,c$ as P,d9 as g,da as B,db as F,bo as S,a4 as x,a5 as z,cF as R,bE as i,cG as k,bq as u,bj as t,dc as I,a6 as w,h as r,U as c,b as f,v as L,x as $,$ as T,bs as C,n as E,a1 as M,dd as N,cL as _}from"./index-B9yS4Bcc.js";const j=V({app:Boolean,appear:Boolean,extended:Boolean,layout:Boolean,offset:Boolean,modelValue:{type:Boolean,default:!0},...P(g({active:!0}),["location"]),...B(),...F(),...S({transition:"fab-transition"})},"VFab"),D=x()({name:"VFab",props:j(),emits:{"update:modelValue":e=>!0},setup(e,d){let{slots:v}=d;const b=z(e,"modelValue"),s=R(56),n=i(),{resizeRef:m}=k(a=>{a.length&&(s.value=a[0].target.clientHeight)}),o=u(()=>e.app||e.absolute),l=t(()=>{var a;return o.value?((a=e.location)==null?void 0:a.split(" ").shift())??"bottom":!1}),y=t(()=>{var a;return o.value?((a=e.location)==null?void 0:a.split(" ")[1])??"end":!1});I(()=>e.app,()=>{const a=N({id:e.name,order:t(()=>parseInt(e.order,10)),position:l,layoutSize:t(()=>e.layout?s.value+24:0),elementSize:t(()=>s.value+24),active:t(()=>e.app&&b.value),absolute:u(()=>e.absolute)});_(()=>{n.value=a.layoutItemStyles.value})});const h=i();return w(()=>{const a=r.filterProps(e);return c("div",{ref:h,class:E(["v-fab",{"v-fab--absolute":e.absolute,"v-fab--app":!!e.app,"v-fab--extended":e.extended,"v-fab--offset":e.offset,[`v-fab--${l.value}`]:o.value,[`v-fab--${y.value}`]:o.value},e.class]),style:M([e.app?{...n.value}:{height:e.absolute?"100%":"inherit"},e.style])},[c("div",{class:"v-fab__container"},[f(C,{appear:e.appear,transition:e.transition},{default:()=>[L(f(r,T({ref:m},a,{active:void 0,location:void 0}),v),[[$,e.active]])]})])])}),{}}});export{D as V};