zwave-js-ui
Version:
Z-Wave Control Panel and MQTT Gateway
2 lines (1 loc) • 1.59 kB
JavaScript
import{a3 as V,a4 as P,a5 as g,bI as B,bF as i,bJ as F,bn as u,bl as t,bK as S,bL as z,bM as I,a6 as R,i as r,H as b,b as c,bu as k,W as x,n as w,bp as L,bN as T,bO as M,bP as N,bQ as p,q as C,v as H,T as O}from"./index-DwzE-W2i.js";const _=P({app:Boolean,appear:Boolean,extended:Boolean,layout:Boolean,offset:Boolean,modelValue:{type:Boolean,default:!0},...N(p({active:!0}),["location","spaced"]),...M(),...T(),...L({transition:"fab-transition"})},"VFab"),q=V()({name:"VFab",props:_(),emits:{"update:modelValue":e=>!0},setup(e,f){let{slots:v}=f;const d=g(e,"modelValue"),s=B(56),n=i(),{resizeRef:m}=F(a=>{a.length&&(s.value=a[0].target.clientHeight)}),o=u(()=>e.app||e.absolute),l=t(()=>o.value?e.location?.split(" ").shift()??"bottom":!1),y=t(()=>o.value?e.location?.split(" ")[1]??"end":!1);S(()=>e.app,()=>{const a=z({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&&d.value),absolute:u(()=>e.absolute)});I(()=>{n.value=a.layoutItemStyles.value})});const h=i();return R(()=>{const a=r.filterProps(e);return b("div",{ref:h,class:w(["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:x([e.app?{...n.value}:{height:e.absolute?"100%":"inherit"},e.style])},[b("div",{class:"v-fab__container"},[c(k,{appear:e.appear,transition:e.transition},{default:()=>[C(c(r,O({ref:m},a,{active:void 0,location:void 0}),v),[[H,e.active]])]})])])}),{}}});export{q as V};