| 1 |
var ot=Object.defineProperty,it=Object.defineProperties;var lt=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var nt=Object.prototype.hasOwnProperty,ct=Object.prototype.propertyIsEnumerable;var K=(t,r,s)=>r in t?ot(t,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[r]=s,Q=(t,r)=>{for(var s in r||(r={}))nt.call(r,s)&&K(t,s,r[s]);if(F)for(var s of F(r))ct.call(r,s)&&K(t,s,r[s]);return t},G=(t,r)=>it(t,lt(r));import{a as Z,g as D,i as dt,u as W,cs as pt,r as f,eb as g,cO as $,j as a,h as y,_ as o,f as I,l as _,bI as P,cB as j,cC as w,cI as M,dD as J,at as ut,aj as bt,aD as mt,ds as ht}from"./main-96.js";import{R as gt}from"./bf-522-331.js";import{T as ft,b as S,B as xt,c as $t,e as U,S as X,d as yt,a as Pt}from"./bf-42-332.js";import{T as jt}from"./bf-859-210.js";import{C as wt}from"./bf-283-176.js";import{O as St}from"./bf-508-339.js";import{a3 as Y}from"./bf-550-57.js";import"./bf-781-46.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-164-335.js";import"./bf-894-52.js";import"./bf-551-68.js";import"./bf-621-177.js";import"./bf-163-182.js";import"./bf-605-336.js";import"./bf-687-180.js";import"./bf-405-178.js";import"./bf-678-179.js";import"./bf-542-181.js";import"./bf-403-183.js";import"./bf-235-184.js";import"./bf-235-185.js";import"./bf-890-186.js";import"./bf-682-187.js";import"./bf-825-45.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 kt({element:t,componentTitle:r,isMultistep:s}){var V;const{css:n}=Z(),{fieldKey:b,formID:k,formType:C}=D(),[v,H]=dt(ut),B=W(pt),[tt,et]=f.useState(!0),[T,L]=f.useState(""),N=Ct(k,t,T),l=(V=v.form)==null?void 0:V[N],m=Object.keys(l||{}),{states:x}=g[t]||{};x==null||x.map(e=>{e&&$(e)});const rt=e=>{L(e==="normal"?"":$(e))};f.useEffect(()=>{et(!1),"form"in v&&N in v.form},[]);const E=Object.keys(g[t].properties).filter(e=>!(m!=null&&m.includes(e))),p=e=>`form->${N}->${e}`,d=e=>{H(i=>I(i,c=>{Array.isArray(e)?e.forEach(u=>J(c,p(u))):J(c,p(e))})),P(j(t,b,`Delete ${e}`,"",{styles:w("styles")}))},st=e=>{let i="";typeof g[t].properties[e]!="object"&&(i=g[t].properties[e]),H(c=>I(c,u=>{_(u,p(e),i)})),P(j(t,b,e,i,{styles:w("styles")}))},h=e=>{H(i=>I(i,c=>{Array.isArray(e)?e.forEach(u=>_(c,p(u),"")):_(c,p(e),"")})),Array.isArray(e)?P(j(t,b,`${e[0]} Clear`,"",{styles:w("styles")})):P(j(t,b,`${e} Clear`,"",{styles:w("styles")}))},O=e=>{var q;const i={object:"styles",paths:{}},c=g[t].properties[e];let u=[e];typeof c=="object"?(u=Object.keys(c),u.map(z=>{i.paths[z]=p(z)})):i.paths[e]=p(e);const R=["background-image","background-position","background-repeat","background-size","backdrop-filter"];switch(e){case"background-color":return a.jsx(X,{title:"Background Color",subtitle:`${r} Background Color`,value:M(B,l==null?void 0:l["background-color"]),modalId:`${t}-cnr-bdc`,stateObjName:"styles",propertyPath:(q=i.paths)==null?void 0:q["background-color"],deleteable:!0,delPropertyHandler:()=>d("background-color"),clearHandler:()=>h("background-color"),allowImportant:!0,canSetVariable:!0});case"background":return a.jsx(yt,{title:"Background",subtitle:`${r} Background`,value:M(B,(l==null?void 0:l["background-image"])||(l==null?void 0:l.background)),modalId:`${t}-cnr-bd`,stateObjName:"styles",objectPaths:i,deleteable:!0,delPropertyHandler:()=>d([...R,"background"]),clearHandler:()=>h(R),allowImportant:!0});case"color":return a.jsx(X,{title:"Text Color",subtitle:`${r} Color`,value:M(B,l==null?void 0:l.color),modalId:`${t}-cnr-clr`,stateObjName:"styles",propertyPath:i.paths.color,deleteable:!0,delPropertyHandler:()=>d("color"),clearHandler:()=>h("color"),allowImportant:!0,canSetVariable:!0});case"padding":return a.jsx(S,{delPropertyHandler:()=>d("padding"),title:"Padding",children:a.jsx(U,{mainTitle:"Padding",allowImportant:!0,action:{type:"spacing-control"},subtitle:`${r} Padding`,objectPaths:i,id:`${t}-paddn-ctrl`})});case"margin":return a.jsx(S,{delPropertyHandler:()=>d("margin"),title:"Margin",children:a.jsx(U,{mainTitle:"Margin",allowImportant:!0,action:{type:"spacing-control"},subtitle:`${r} Margin`,objectPaths:i,id:`${t}-mrg-ctrl`})});case"box-shadow":return a.jsx($t,{title:"Box-shadow",subtitle:`${r} Box Shadow`,value:l==null?void 0:l["box-shadow"],modalId:`${t}-cnr-box-shd`,stateObjName:"styles",propertyPath:i.paths["box-shadow"],deleteable:!0,delPropertyHandler:()=>d("box-shadow"),clearHandler:()=>h("box-shadow"),allowImportant:!0});case"border":return a.jsx(S,{delPropertyHandler:()=>d(["border","border-style","border-color","border-width","border-radius"]),title:"Border",children:a.jsxs("span",{className:n(y.flxc),children:[a.jsx(Y,{propertyPath:[String(Object.values(i.paths))],stateObjName:"styles"}),a.jsx(xt,{subtitle:`${r} Border`,objectPaths:i,id:`${t}-bdr-ctrl`})]})});case"outline":return a.jsxs(S,{delPropertyHandler:()=>d("outline"),title:"Outline",children:[a.jsx(Y,{propertyPath:[String(Object.values(i.paths))],stateObjName:"styles",id:"fld-wrp-outline"}),a.jsx(St,{allowImportant:!0,subtitle:`${r} Outline`,objectPaths:i,id:"fld-wrp-cont-outline"})]});case"transition":return a.jsx(ft,{title:"Transition",subtitle:`${r} Transition`,value:l==null?void 0:l.transition,modalId:`${t}-cnr-trnsn`,stateObjName:"styles",propertyPath:p("transition"),deleteable:!0,delPropertyHandler:()=>d("transition"),clearHandler:()=>h("transition"),allowImportant:!0})}},at=f.useMemo(()=>[{id:"normal",label:o("Normal"),content:a.jsx("div",{className:n(y.ml2,{pn:"relative"}),children:m.map((e,i)=>O(e))})},...x.map(e=>({id:e.toLowerCase(),label:o($(e)),content:a.jsx("div",{className:n(y.ml2,{pn:"relative"}),children:m.map((i,c)=>O(i))})}))],[l,T,tt]);return a.jsxs("div",{className:n(y.ml2,{pn:"relative"}),children:[a.jsx(jt,{tabs:at,defaultTab:"normal",onChange:e=>rt(e==="normal"?"":$(e)),variant:"tertiary-segment"}),E.length>0&&a.jsx(wt,{id:`${t}-prop`,properties:E,setProperty:st})]})}const Ct=(t,r,s)=>{s=s==null?void 0:s.toLowerCase();let n=s?`:${s}`:"";switch((s==="active"||s==="disabled"||s==="completed")&&(n=`.${s}`),r){case"stp-icn-cntn":if(s==="active")return`._frm-b${t}-stp-hdr.active ._frm-b${t}-${r}`;if(s==="disabled")return`._frm-b${t}-stp-hdr.disabled ._frm-b${t}-${r}`;if(s==="completed")return`._frm-b${t}-stp-hdr.completed ._frm-b${t}-${r}`;break;case"prev-step-btn":case"next-step-btn":if(s==="focus")return`._frm-b${t}-${r}:focus`;if(s==="active")return`._frm-b${t}-${r}:active`;if(s==="disabled")return`._frm-b${t}-${r}:disabled`;break}return`._frm-b${t}-${r}${n}`};function ne(){const{css:t}=Z(),{formType:r,formID:s,element:n}=D(),b=bt(mt);W(ht),f.useEffect(()=>{b(C=>G(Q({},C),{styleMode:!0}))},[]);const k=()=>({"quick-tweaks":o("Multi Step Quick Tweaks"),"stp-cntnr":o("Step Container"),"stp-hdr-wrpr":o("Step Header Wrapper"),"stp-hdr":o("Step Header"),"stp-icn-cntn":o("Step Icon"),"stp-hdr-lbl":o("Step Header Label"),"stp-hdr-sub-titl":o("Step Header Subtitle"),"stp-wrpr":o("Step Wrapper"),"stp-progress-wrpr":o("Step Progress Wrapper"),"stp-progress-bar":o("Step Progress Bar"),"stp-cntnt":o("Step Content"),"stp-btn-wrpr":o("Step Button Wrapper"),"stp-btn":o("Step Button"),"stp-lbl-pre-i":o("Step Label Prefix Icon"),"stp-lbl-suf-i":o("Step Label Suffix Icon"),"stp-sub-titl-pre-i":o("Step Subtitle Prefix Icon"),"stp-sub-titl-suf-i":o("Step Subtitle Suffix Icon"),"prev-step-btn-pre-i":o("Previous Button Prefix Icon"),"prev-step-btn-suf-i":o("Previous Button Suffix Icon"),"next-step-btn-pre-i":o("Next Button Prefix Icon"),"next-step-btn-suf-i":o("Next Button Suffix Icon")})[n]||o("Theme Customization");return a.jsxs("div",{className:t(A.mainWrapper),children:[a.jsx(gt,{title:o("Multi Step Customize")}),a.jsxs("div",{className:t(A.contentWrapper),children:[a.jsx(Pt,{title:k(),isCommon:!0,highlightSelector:`[data-dev-${n}]`}),a.jsxs("div",{className:t(A.wrp),children:[n==="quick-tweaks"&&a.jsx("span",{children:o("Multi step quick tweaks is not available. this feature will coming soon.")}),n!=="quick-tweaks"&&a.jsx(kt,{element:n,isMultistep:!0})]})]})]})}const A={wrp:{ml:5,mr:8,mt:10,fs:12},mainWrapper:{bd:"var(--white-100)"},contentWrapper:{p:"15px 20px"}};export{ne as default}; |
