import{g as b,i as g,aH as R,a as S,ap as x,aX as $,j as n,_ as h,I as D,f as d,bG as F}from"./main-634.js";import{F as r}from"./bf-767-388.js";import{t as j}from"./bf-676-386.js";import{S as B}from"./bf-497-246.js";import"./bf-638-271.js";import"./bf-247-269.js";import"./bf-25-81.js";function O({cls:f}){const{fieldKey:e}=b(),[o,c]=g(R),p=o[e].btnDir||!1,{css:m}=S(),u=x($),v=({target:y})=>{if(!D)return;const{checked:i}=y;let a="row";const l=d(o,t=>{const s=t[e];i?(s.btnDir="row-reverse",a="row-reverse"):delete s.btnDir});u(t=>d(t,s=>{s.fields[e].classes[`.${e}-ctrl`]["flex-direction"]=a}));const _=i?"on":"off";c(l),F({event:`Button reverse ${_}`,type:"button_reverse_on_off",state:{fields:l,fldKey:e}})};return n.jsx("div",{className:`${m(r.fieldSection,r.hover_tip,r.singleOption)} ${f}`,children:n.jsx(B,{id:"fld-hid-stng",tip:j.btnReverse,title:h("Button Reverse"),action:v,isChecked:p,isPro:!0,proProperty:"reverse"})})}export{O as default};
