https://www.allevard.fr/_nuxt/zXKwhmNN.js

1import{g as N,ah as R,_ as q}from"./jUn5Q-A0.js";import{U as z,v as i,J as E,L as w,R as k,O as o,a9 as y,aq as B,I as n,X as v,Y as h,x as H,H as P,W as G,Q as _,e as c}from"./JFTuL8MR.js";import"./CuXfEcPf.js";import"./ZE0XUaFf.js";import"./a3sj5zmn.js";const J={class:"flex w-full flex-col gap-2"},K={class:"relative block"},Q={class:"relative self-center flex justify-start items-center transition-all builder-font"},W={class:"w-[57px] flex justify-center items-center flex-col gap-1"},X={class:"w-[57px] flex justify-center items-center flex-col gap-1"},Y={class:"w-[57px] flex justify-center items-center flex-col gap-1"},Z={class:"w-[57px] flex justify-center items-center flex-col gap-1"},ee={class:"relative self-start h-8 grow"},te=["onClick"],le={__name:"BuilderV1LayoutPanelItemsDimensionsFour",props:_({item:{type:null,required:!1},modelValue:{type:null,required:!0}},{modelValue:{type:Object},modelModifiers:{}}),emits:_(["update:modelValue"],["update:modelValue"]),setup(V,{emit:A}){z(t=>({v8f6c2d2c:I.value}));const C=V,F=A,T=["px","%","vw","vh","em","rem","auto","unset","s","ms","deg"],r=c(!1),b=c(!1),x=c(!1),f=c(!1),p=c(!1),u=c("px"),d=c(!1),I=i(()=>`${(32*$.value.length).toString()}px`),$=i(()=>T.filter(t=>C.item.sources.includes(t)).sort((t,e)=>t===u.value?-1:e===u.value?1:0)),m=i(()=>C.item?.corner),s=E(V,"modelValue"),D=i({get(){return s.value?.A?.[0]},set(t){r.value?g(t):a("A",t)}}),j=i({get(){return s.value?.B?.[0]},set(t){r.value?g(t):a("B",t)}}),L=i({get(){return s.value?.C?.[0]},set(t){r.value?g(t):a("C",t)}}),U=i({get(){return s.value?.D?.[0]},set(t){r.value?g(t):a("D",t)}}),g=t=>{const e={A:[t,u.value],B:[t,u.value],C:[t,u.value],D:[t,u.value]};F("update:modelValue",e)},a=(t,e)=>{e===""&&s.value[t]?delete s.value[t]:s.value={...s.value,[t]:[e,u.value]}},O=t=>{if(u.value===t){d.value=!d.value;return}u.value=t,r.value&&(a("A",s.value.A[0]),a("B",s.value.B[0]),a("C",s.value.C[0]),a("D",s.value.D[0])),d.value=!1};return(t,e)=>{const S=q;return w(),k("fieldset",J,[o("div",K,[o("div",Q,[o("div",W,[y(o("input",{"onUpdate:modelValue":e[0]||(e[0]=l=>D.value=l),type:"number",class:n(["bui-color-text-reverse w-[57px] h-8 text-xs text-center bui-color-background-100 transition-all duration-300 border outline-none",[r.value||b.value?"bui-color-border-400":"bui-color-border-300"]]),onFocus:e[1]||(e[1]=l=>b.value=!0),onBlur:e[2]||(e[2]=l=>b.value=!1)},null,34),[[B,D.value,void 0,{number:!0}]]),o("p",{class:n(["text-[10px] transition-all duration-300",[b.value||r.value?"bui-color-text-400":"bui-color-text-300"]])},v(m.value?"TL":"TOP"),3)]),o("div",X,[y(o("input",{"onUpdate:modelValue":e[3]||(e[3]=l=>j.value=l),type:"number",class:n(["bui-color-text-reverse w-[57px] h-8 text-xs text-center bui-color-background-100 transition-all duration-300 border outline-none",[r.value?"bui-color-border-400 !border-l-0":x.value?"bui-color-border-400":"bui-color-border-300"]]),onFocus:e[4]||(e[4]=l=>x.value=!0),onBlur:e[5]||(e[5]=l=>x.value=!1)},null,34),[[B,j.value,void 0,{number:!0}]]),o("p",{class:n(["text-[10px] transition-all duration-300",[x.value||r.value?"bui-color-text-400":"bui-color-text-300"]])},v(m.value?"TR":"RGT"),3)]),o("div",Y,[y(o("input",{"onUpdate:modelValue":e[6]||(e[6]=l=>L.value=l),type:"number",class:n(["bui-color-text-reverse w-[57px] h-8 text-xs text-center bui-color-background-100 transition-all duration-300 border outline-none",[r.value?"bui-color-border-400 !border-l-0":f.value?"bui-color-border-400":"bui-color-border-300"]]),onFocus:e[7]||(e[7]=l=>f.value=!0),onBlur:e[8]||(e[8]=l=>f.value=!1)},null,34),[[B,L.value,void 0,{number:!0}]]),o("p",{class:n(["text-[10px] transition-all duration-300",[f.value||r.value?"bui-color-text-400":"bui-color-text-300"]])},v(m.value?"BR":"BOT"),3)]),o("div",Z,[y(o("input",{"onUpdate:modelValue":e[9]||(e[9]=l=>U.value=l),type:"number",class:n(["bui-color-text-reverse w-[57px] h-8 text-xs text-center bui-color-background-100 transition-all duration-300 border outline-none",[r.value?"bui-color-border-400 !border-l-0":p.value?"bui-color-border-400":"bui-color-border-300"]]),onFocus:e[10]||(e[10]=l=>p.value=!0),onBlur:e[11]||(e[11]=l=>p.value=!1)},null,34),[[B,U.value,void 0,{number:!0}]]),o("p",{class:n(["text-[10px] transition-all duration-300",[p.value||r.value?"bui-color-text-400":"bui-color-text-300"]])},v(m.value?"BL":"LFT"),3)]),o("div",{class:n(["flex transition-all items-center self-start justify-center cursor-pointer w-[40px] h-8 border",r.value?"bui-color-background-400 bui-color-border-400":"bui-color-background-100 bui-color-text-reverse bui-color-border-300"]),onClick:e[12]||(e[12]=l=>r.value=!r.value)},[h(S,{name:H(R).LINK,size:"16",color:"var(--builder-reverse)"},null,8,["name"])],2),o("div",ee,[o("ul",{class:n(["flex absolute right-0 items-center self-start w-full flex-col justify-start h-8 bui-scroll-bar-hidden bui-color-border-300 border bui-color-background",d.value?"binded-height transition-all z-10":"min-h-8"])},[(w(!0),k(P,null,G($.value,(l,M)=>(w(),k("li",{key:M,class:n(["flex builder-font-bold text-[10px] w-full items-center justify-center cursor-pointer min-h-8 transition-all",[(u.value===l,"bui-color-text-reverse"),!d.value&&l!==u.value?"opacity-0 pointer-events-none":"delay-300 opacity-100"]]),onClick:oe=>O(l)},v(l),11,te))),128))],2)])])])])}}},ie=N(le,[["__scopeId","data-v-2360a733"]]);export{ie as default};