| 1 |
var G=Object.defineProperty,U=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var A=(s,e,t)=>e in s?G(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,H=(s,e)=>{for(var t in e||(e={}))W.call(e,t)&&A(s,t,e[t]);if(g)for(var t of g(e))X.call(e,t)&&A(s,t,e[t]);return s},I=(s,e)=>U(s,V(e));import{a as M,g as O,i as F,u as T,a1 as q,aj as D,an as J,j as l,h as f,aH as Q,f as P,bI as Y,cC as R,ba as Z,bb as ee}from"./main-96.js";import{F as te}from"./bf-460-326.js";import{S as ae}from"./bf-283-176.js";import"./bf-781-46.js";import"./bf-687-180.js";import"./bf-551-68.js";import"./bf-200-43.js";import"./bf-431-60.js";/* empty css */import"./bf-63-62.js";import"./bf-762-63.js";import"./bf-163-182.js";function be(){var h,N,L,S;const{css:s}=M(),{fieldKey:e}=O(),[t,$]=F(Z),[b,k]=F(ee),n=T(q),B=D(J);let u=null,r=(h=t==null?void 0:t[n])==null?void 0:h.find(i=>i.i===e);r||Object.entries(b||{}).forEach(([i,a])=>{var d;const x=(d=a==null?void 0:a[n])==null?void 0:d.find(c=>c.i===e);x&&(r=x,u=i)}),r=r||{};const C=(u?(N=b[u])==null?void 0:N[n]:t==null?void 0:t[n])||[],y=Q[n];C.reduce((i,a)=>i>a.y?i:a.y,0);const p={w:y,h:r.maxH||null,x:Math.max(0,y-(r.w||0))},w=(i,a,x)=>{if(u){const d=P(b,c=>{var j,v,z;const o=(z=(v=(j=c[u])==null?void 0:j[n])==null?void 0:v.findIndex(E=>E.i===e))!=null?z:-1;o<0||(c[u][n][o][i]=a)});k(d)}else{const d=t[n].findIndex(o=>o.i===e);if(d<0)return;const c=P(t,o=>{o[n][d][i]=a});$(c),B(o=>I(H({},o),{reRenderGridLayoutByRootLay:o.reRenderGridLayoutByRootLay+1}))}Y({event:x,type:`size_and_position_${i}`,state:{allLayouts:R("allLayouts"),nestedLayouts:R("nestedLayouts"),fldKey:e}})},K=i=>{const a=i.target.valueAsNumber;Number.isNaN(a)||a<0||a>p.x||w("x",a,"Update Size and Position X")},_=i=>{const a=i.target.valueAsNumber;Number.isNaN(a)||a<0||a>p.w||w("w",a,"Update Size and Position W")};return l.jsx(ae,{title:"Size & Position",className:s(te.fieldSection),id:"siz-n-pos",children:l.jsxs("div",{className:s(m.fd),children:[l.jsxs("label",{className:s(f.w5,m.label),htmlFor:"x",children:[l.jsx("span",{className:s(m.name),children:"X"}),l.jsx("input",{"data-testid":"siz-n-pos-x-inp","aria-label":"position x",placeholder:"",min:"0",max:p.x,onChange:K,value:(L=r.x)!=null?L:"",className:s(f.w8,m.input),id:"x",type:"number"})]}),l.jsxs("label",{className:s(f.w5,m.label),htmlFor:"w",children:[l.jsx("span",{className:s(m.name),children:"W"}),l.jsx("input",{"data-testid":"siz-n-pos-w-inp","aria-label":"position w",placeholder:"",min:"0",max:p.w,onChange:_,value:(S=r.w)!=null?S:"",className:s(f.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{be as default}; |