import{a as h,g as F,i as d,aH as $,aX as j,H as w,j as i,_ as m,f as c,bG as H,ba as _}from"./main-634.js";import{F as n}from"./bf-767-388.js";import{S as L}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 E(){const{css:o}=h(),{fieldKey:s}=F(),[a,u]=d($),[y,f]=d(j);if(!s)return null;const t=w(a[s]),g=t.adminLbl||"",C=(t==null?void 0:t.optionCol)===void 0?"":t==null?void 0:t.optionCol,x=({target:{value:e}})=>{e===""?delete t.optionCol:t.optionCol=e;const p=c(a,l=>{l[s]=t}),r=c(y,l=>{const S={display:"grid","grid-template-columns":`repeat(${e}, 1fr)`,width:"100%","grid-row-gap":"10px","column-gap":"10px"},b={display:"flex","flex-wrap":"wrap","margin-top":"8px"};l.fields[s].classes[`.${s}-cc`]=e===""?b:S});u(p),f(r),H({event:`Column Update to ${e}: ${t.lbl||g||s}`,type:"columns_update",state:{fields:p,styles:r,fldKey:s}}),_(s)};return i.jsx(L,{id:"opt-clm-stng",title:m("Options Column"),className:o(n.fieldSection),proProperty:"optionColumn",tip:m("Specify the number of columns to display the options in. Leave blank to display the options as needed space."),children:i.jsx("div",{className:o(n.placeholder),children:i.jsx("input",{"data-testid":"opt-clm-stng-inp","aria-label":"Option Column",className:o(n.input),min:"1",type:"number",value:C,onChange:x})})})}export{E as default};
