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