| 1 |
import{a as h,g as F,i as d,aH as $,aX as j,z as w,j as i,_ as m,f as c,bG as _,ba as H}from"./main-294.js";import{F as n}from"./bf-821-385.js";import{S as L}from"./bf-908-241.js";import"./bf-176-80.js";import"./bf-764-245.js";import"./bf-5-86.js";import"./bf-487-72.js";import"./bf-867-113.js";function B(){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),_({event:`Column Update to ${e}: ${t.lbl||g||s}`,type:"columns_update",state:{fields:p,styles:r,fldKey:s}}),H(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{B as default}; |
