import{a as b,g as F,i as d,aH as I,aX as $,H as h,j as l,_ as p,f as c,bG as j,ba as _}from"./main-634.js";import{F as m}from"./bf-767-388.js";import{S as C}from"./bf-982-242.js";import"./bf-25-81.js";import"./bf-497-246.js";import"./bf-641-107.js";import"./bf-400-72.js";import"./bf-438-114.js";function B(){const{css:i}=b(),{fieldKey:e}=F(),[o,f]=d(I),[u,S]=d($);if(!e)return null;const t=h(o[e]),y=t.adminLbl||"",{itemSize:g}=t,z=({target:{value:s}})=>{s===""?delete t.itemSize:t.itemSize=s;const n=c(o,a=>{a[e]=t}),r=c(u,a=>{const x=`repeat(auto-fit, minmax(${s}px, 1fr))`;a.fields[e].classes[`.${e}-ic`]["grid-template-columns"]=x});f(n),S(r),j({event:`Image Column Update to ${s}: ${t.lbl||y||e}`,type:"image_columns_update",state:{fields:n,styles:r,fldKey:e}}),setTimeout(()=>{_(e)},100)};return l.jsx(C,{id:"itm-sz-stng",title:p("Item Size"),className:i(m.fieldSection),proProperty:"itemSize",tip:p("Specify item's minimum size (in pixels)"),children:l.jsx("div",{className:i(m.placeholder),children:l.jsx("input",{"data-testid":"itm-sz-stng-inp","aria-label":"Item size",className:i(m.input),min:"50",max:"500",step:"50",type:"number",value:g,onChange:z})})})}export{B as default};
