| 1 |
import{g as b,a as x,i as d,aX as A,aH as h,z as j,r as B,j as l,_ as s,f as m,bG as S}from"./main-294.js";import{F as c}from"./bf-821-385.js";import{S as $}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";const _=[{name:s("Left"),value:"start"},{name:s("Center"),value:"center"},{name:s("Right"),value:"end"},{name:s("Space Between"),value:"space-between"}];function k(){const{fieldKey:e}=b(),{css:i}=x(),[C,u]=d(A),[o,p]=d(h),n=j(o[e]),[f,g]=B.useState(n.btnAlign);function v(t){const{value:a}=t.target;u(r=>m(r,y=>{y.fields[e].classes[`.${e}-ctrl`]["justify-content"]=a})),n.btnAlign=a,p(m(o,r=>{r[e]=n})),g(a),S({event:`Button Alignment changed to ${a}: ${n.txt}`,type:"set_btn_align",state:{fields:o,fldKey:e}})}return l.jsx($,{id:"btn-algn",title:s("Button Align"),className:i(c.fieldSection),open:!0,children:l.jsx("div",{className:i(c.placeholder),children:l.jsx("select",{"data-testid":"btn-algn-slct",className:i(c.input),name:"",id:"",value:f,onChange:v,children:_.map(t=>l.jsx("option",{value:t.value,children:t.name},`btcd-k-${t.name}`))})})})}export{k as default}; |
