| 1 |
import{a as N,g as P,i as f,u as T,ay as _,r as I,H as $,j as t,_ as i,M as H,ei as E,f as S,bI as b,eq as R,dh as z,eo as C,er as L,ep as K,b1 as V,at as q}from"./main-96.js";import{F as l}from"./bf-460-326.js";import{A as w}from"./bf-721-323.js";import{I as O}from"./bf-178-325.js";import{S as k}from"./bf-283-176.js";import{F as h}from"./bf-285-324.js";import"./bf-542-181.js";import"./bf-781-46.js";import"./bf-678-179.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";import"./bf-245-208.js";import"./bf-870-206.js";function de(){const{css:n}=N(),{fieldKey:o}=P(),[r,m]=f(V),[y]=f(q),j=T(_),[v,c]=I.useState(!1),[F,g]=I.useState("");if(!o)return null;const e=$(r[o]),{txt:M}=e,A=s=>{const{value:a}=s.target,d=E(a);e.txt=d;const x=S(r,B=>{B[o]=e});m(x),b({event:`Button text updated : ${e.txt}`,type:"change_btn_txt",state:{fields:x,fldKey:o}})},u=s=>{R(y,o,z[s])||C(j,s),L(s,o),g(s),c(!0)},p=s=>{if(e[s]){delete e[s];const a=S(r,d=>{d[o]=e});m(a),b({event:`${K[s]} Icon Deleted`,type:`delete_${s}`,state:{fldKey:o,fields:a}})}};return t.jsxs(t.Fragment,{children:[t.jsxs(k,{id:"btn-txt-stng",title:i("Button Text"),className:n(l.fieldSection),open:!0,children:[t.jsx("div",{className:n(l.placeholder),children:t.jsx(w,{id:"btn-txt","aria-label":"Button text",placeholder:"Type text here...",value:M,changeAction:A})}),t.jsxs("div",{className:n(l.iconLayoutHorizontal),children:[t.jsx(h,{label:i("Prefix Icon"),iconSrc:e==null?void 0:e.btnPreIcn,styleRoute:"btn-pre-i",setIcon:()=>u("btnPreIcn"),removeIcon:()=>p("btnPreIcn"),position:"prefix"}),t.jsx("span",{className:n(l.iconSeparator),children:"|"}),t.jsx(h,{label:i("Suffix Icon"),iconSrc:e==null?void 0:e.btnSufIcn,styleRoute:"btn-suf-i",setIcon:()=>u("btnSufIcn"),removeIcon:()=>p("btnSufIcn"),position:"suffix"})]})]}),t.jsxs(H,{md:!0,autoHeight:!0,show:v,setModal:c,className:"o-v",title:i("Icons"),children:[t.jsx("div",{className:"pos-rel"}),t.jsx(O,{iconType:F,addPaddingOnSelect:!1,setModal:c})]})]})}export{de as default}; |