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