| 1 |
var X=Object.defineProperty,Y=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable;var _=(r,i,l)=>i in r?X(r,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[i]=l,j=(r,i)=>{for(var l in i||(i={}))ee.call(i,l)&&_(r,l,i[l]);if($)for(var l of $(i))te.call(i,l)&&_(r,l,i[l]);return r},v=(r,i)=>Y(r,Z(i));import{u as T,bB as se,ds as ie,i as A,aj as oe,aq as le,a as re,r as B,j as e,h as S,_ as p,I as F,M as ne,f,ah as ce,ey as ae}from"./main-96.js";import{B as pe,F as h,t as H}from"./bf-285-324.js";import{s as c,A as L}from"./bf-721-323.js";import{F as n}from"./bf-460-326.js";import{p as de}from"./bf-200-43.js";import{S as me}from"./bf-687-180.js";import{F as x,I as ue}from"./bf-178-325.js";import{H as Se}from"./bf-550-57.js";import{S as M}from"./bf-283-176.js";import"./bf-245-208.js";import"./bf-870-206.js";import"./bf-781-46.js";import"./bf-431-60.js";/* empty css */import"./bf-63-62.js";import"./bf-762-63.js";import"./bf-542-181.js";import"./bf-678-179.js";import"./bf-621-177.js";import"./bf-163-182.js";import"./bf-405-178.js";import"./bf-403-183.js";import"./bf-235-184.js";import"./bf-235-185.js";import"./bf-551-68.js";import"./bf-890-186.js";import"./bf-682-187.js";import"./bf-825-45.js";import"./bf-894-52.js";import"./bf-580-188.js";import"./bf-20-55.js";import"./bf-135-189.js";import"./bf-377-190.js";import"./bf-624-191.js";function We(){const r=T(se),i=T(ie),[l,R]=A(ce),k=oe(le),[a,b]=A(ae),{css:s}=re(),w=a||{},[z,g]=B.useState(!1),[y,C]=B.useState(""),{showStepHeader:U}=l.multiStepSettings||{},{lbl:D,showLbl:N,subtitle:E,showSubtitle:P,lblPreIcn:K,lblSufIcn:q,subTlePreIcn:O,subTleSufIcn:V}=w||{},G=(t,o)=>{R(u=>f(u,W=>{W.multiStepSettings[t]=o})),k(u=>v(j({},u),{unsaved:!0}))},d=t=>{C(t),g(!0)},m=t=>{b(f(a,o=>{delete o[t]}))},I=(t,o)=>{b(f(a,u=>{u[t]=o}))},J=t=>{b(f(a,o=>{o[y]=t})),g(!1)},Q=t=>{a[y]===t&&b(f(a,o=>{delete o[y]}))};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s({m:20}),children:[e.jsxs("div",{className:s(c.section,c.flxColumn,c.fixed,i&&c.shw),children:[e.jsx(pe,{size:"16",className:s(c.btn,S.fontBody)}),e.jsxs("div",{className:s(S.flxcb,S.w10),children:[e.jsx("div",{className:s(c.mainTitle),children:p("Step Settings")}),e.jsxs("div",{className:s({flx:"center",gap:5}),children:[e.jsx(Se,{highlightSelector:"multi-step/stp-hdr"}),e.jsx("span",{className:s(c.fieldKey),children:"Step Key:"}),e.jsx(de,{id:"fld-stng-key",value:r+1})]})]})]}),e.jsx(x,{}),e.jsxs("div",{className:s(n.fieldSection,n.hover_tip,S.flxcb),children:[e.jsx("span",{className:s(S.fw500),children:p("Step Icon")}),e.jsx(h,{iconSrc:w.icon,styleRoute:"step-icn",setIcon:()=>d("icon"),removeIcon:()=>m("icon"),proProperty:"stepIcon",position:"suffix"})]}),e.jsx(x,{}),e.jsx("div",{className:s(n.fieldSection),children:e.jsx(me,{id:"show-stp-header",tip:"By disabling this option, the Step Header will be hidden.",title:p("Show Step Header"),action:t=>G("showStepHeader",t.target.checked),isChecked:U||"",isPro:!0})}),e.jsx(x,{}),e.jsx(M,v(j({id:"fld-lbl-stng",title:p("Step Label"),className:`${s(n.fieldSection)} ${s(n.hover_tip)}`,switching:!0,tip:H.stepLbl,tipProps:{width:250,icnSize:17},toggleAction:t=>I("showLbl",t.target.checked),toggleChecked:N,open:N},F&&{disable:!N}),{isPro:!0,proTip:"Use this feature? please buy pro version.",children:e.jsxs("div",{children:[e.jsx("div",{className:s({w:"97%",mx:5}),children:e.jsx(L,{id:"fld-lbl-stng",ariaLabel:"Label input",changeAction:t=>{var o;return I("lbl",(o=t.target.value)==null?void 0:o.replace(/\\\\/g,"$_bf_$"))},value:D.replace(/\$_bf_\$/g,"\\")})}),e.jsxs("div",{className:s(n.iconLayoutHorizontal),children:[e.jsx(h,{label:"Prefix Icon",iconSrc:K,styleRoute:"lbl-pre-i",setIcon:()=>d("lblPreIcn"),removeIcon:()=>m("lblPreIcn"),proProperty:"leadingIcon",position:"prefix"}),e.jsx("div",{className:s(n.iconSeparator),children:"|"}),e.jsx(h,{label:"Suffix Icon",iconSrc:q,styleRoute:"lbl-suf-i",setIcon:()=>d("lblSufIcn"),removeIcon:()=>m("lblSufIcn"),proProperty:"trailingIcon",position:"suffix"})]})]})})),e.jsx(x,{}),e.jsx(M,v(j({id:"fld-sub-titl-stng",title:p("Step Subtitle"),className:`${s(n.fieldSection)} ${s(n.hover_tip)}`,switching:!0,tip:H.stepSubtitle,tipProps:{width:250,icnSize:17},toggleAction:t=>I("showSubtitle",t.target.checked),toggleChecked:P,open:P},F&&{disable:!P}),{isPro:!0,proTip:"Use this feature? please buy pro version.",children:e.jsxs("div",{children:[e.jsx("div",{className:s({w:"97%",mx:5}),children:e.jsx(L,{id:"fld-lbl-stng",ariaLabel:"Label input",changeAction:t=>{var o;return I("subtitle",(o=t.target.value)==null?void 0:o.replace(/\\\\/g,"$_bf_$"))},value:E.replace(/\$_bf_\$/g,"\\")})}),e.jsxs("div",{className:s(n.iconLayoutHorizontal),children:[e.jsx(h,{label:"Prefix Icon",iconSrc:O,styleRoute:"lbl-pre-i",setIcon:()=>d("subTlePreIcn"),removeIcon:()=>m("subTlePreIcn"),proProperty:"leadingIcon",position:"prefix"}),e.jsx("div",{className:s(n.iconSeparator),children:"|"}),e.jsx(h,{label:"Suffix Icon",iconSrc:V,styleRoute:"lbl-suf-i",setIcon:()=>d("subTleSufIcn"),removeIcon:()=>m("subTleSufIcn"),proProperty:"trailingIcon",position:"suffix"})]})]})})),e.jsx(x,{})]}),e.jsxs(ne,{md:!0,autoHeight:!0,show:z,setModal:g,className:"o-v",title:p("Icons"),children:[e.jsx("div",{className:"pos-rel"}),e.jsx(ue,{iconType:"opt",setModal:g,setIconAction:J,removeIconAction:Q})]})]})}export{We as default}; |
