| 1 |
var B=Object.defineProperty,F=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var L=(t,e,a)=>e in t?B(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a,y=(t,e)=>{for(var a in e||(e={}))P.call(e,a)&&L(t,a,e[a]);if(j)for(var a of j(e))k.call(e,a)&&L(t,a,e[a]);return t},h=(t,e)=>F(t,I(e));import{a as G,g as $,i as M,u as N,bb as C,a1 as E,aj as K,an as U,aH as u,j as d,h as c,f as g,bI as H,ba as V}from"./main-762.js";import{F as W}from"./bf-850-326.js";import{S as X}from"./bf-45-176.js";import"./bf-685-46.js";import"./bf-111-180.js";import"./bf-848-68.js";import"./bf-81-43.js";import"./bf-871-60.js";/* empty css */import"./bf-435-62.js";import"./bf-653-63.js";import"./bf-775-182.js";function oe(){var S;const{css:t}=G(),{fieldKey:e}=$(),[a,w]=M(V),R=N(C),n=N(E);let r=((S=a==null?void 0:a[n])==null?void 0:S.find(i=>i.i===e))||{};const v=K(U);r||Object.values(R).forEach(i=>{var l;const s=(l=i==null?void 0:i[n])==null?void 0:l.find(o=>o.i===e);s&&(r=s)});const x=a[n].reduce((i,s)=>i.y>s.y?i.y:s.y,0),p={lg:{w:u.lg,h:r.maxH||null,x:Math.abs(u.lg-r.w),y:x},md:{w:u.md,h:r.maxH||null,x:Math.abs(u.md-r.w),y:x},sm:{w:u.sm,h:r.maxH||null,x:Math.abs(u.sm-r.w),y:x}},z=i=>{const s=i.target.valueAsNumber;if(s<0||s>p[n].x)return;const l=g(a,o=>{const b=o[n].findIndex(f=>f.i===e);o[n][b].x=s});w(l),v(o=>h(y({},o),{reRenderGridLayoutByRootLay:o.reRenderGridLayoutByRootLay+1})),H({event:"Update Size and Position X",state:{layouts:l,fldKey:e}})},A=i=>{const s=i.target.valueAsNumber;if(s<0||s>p[n].w)return;const l=g(a,o=>{const b=o[n].findIndex(f=>f.i===e);o[n][b].w=s});w(l),v(o=>h(y({},o),{reRenderGridLayoutByRootLay:o.reRenderGridLayoutByRootLay+1})),H({event:"Update Size and Position W",state:{layouts:l,fldKey:e}})};return d.jsx(X,{title:"Size & Position",className:t(W.fieldSection),id:"siz-n-pos",children:d.jsxs("div",{className:t(m.fd),children:[d.jsxs("label",{className:t(c.w5,m.label),htmlFor:"x",children:[d.jsx("span",{className:t(m.name),children:"X"}),d.jsx("input",{"data-testid":"siz-n-pos-x-inp","aria-label":"position x",placeholder:"",min:"0",max:p[n].x,onChange:z,value:r.x,className:t(c.w8,m.input),id:"x",type:"number"})]}),d.jsxs("label",{className:t(c.w5,m.label),htmlFor:"w",children:[d.jsx("span",{className:t(m.name),children:"W"}),d.jsx("input",{"data-testid":"siz-n-pos-w-inp","aria-label":"position w",placeholder:"",min:"0",max:p[n].w,onChange:A,value:r.w,className:t(c.w8,m.input),id:"w",type:"number"})]})]})})}const m={fd:{flx:"center",flxp:1,m:6},label:{pn:"relative"},name:{pn:"absolute",tp:8,lt:10,fw:500},input:{ta:"center",bd:"var(--white-100) !important",b:"1px solid rgb(230, 230, 230) !important",oe:"none",brs:"var(--bf-bdr-radius-sm) !important",pl:"30px !important",w:100,lh:"1 !important",fw:"500 !important",bs:"none !important","&:hover":{bd:"var(--white-0-81-32)"},"&:focus":{focusShadow:1},":focus-visible":{bs:"0 0 0 2px var(--b-50) !important"}}};export{oe as default}; |