| 1 |
import{a as Y,g as Z,i as O,ea as _,eb as K,j as o,cI as f,k as n,h as t,cz as ee,cL as re,f as oe,bI as te,cB as se,cC as ae,ct as ie,at as le,cs as de}from"./main-96.js";import{c as ne}from"./bf-283-176.js";import{S as me}from"./bf-405-178.js";import{S as A}from"./bf-550-57.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";import"./bf-621-177.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-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 He({objectPaths:s,hslaPaths:R,id:y}){var B;const{css:i}=Y(),{"*":E}=Z(),[m,F]=O(ie),[b,k]=O(le),[V,$]=O(de),[P,v,c]=E.split("/"),T=(B=b==null?void 0:b.fields)==null?void 0:B[c],W=_(v==="multi-step"?c:v,c);let a;try{if(!T&&P==="theme-customize")a=K[W].properties.border;else{const{fieldType:e}=T;a=K[e][W].properties.border}}catch(e){return o.jsx(o.Fragment,{})}const w=Object.keys(a),d=e=>ee(e,{themeVars:m,styles:b,themeColors:V});let p,u,h,C;const r={border:"",borderColor:"",borderWidth:"",borderRadius:""};if(Array.isArray(s)){const[e,l]=s;r.border=e.object,r.borderColor=l.object,r.borderWidth=e.object,r.borderRadius=e.object,p=e.paths[w[0]],u=l.paths["border-color"],h=e.paths["border-width"],C=e.paths["border-radius"]}else{const{paths:e}=s;p=e[w[0]],u=e["border-color"],h=e["border-width"],C=e["border-radius"],r.border=s.object,r.borderColor=s.object,r.borderWidth=s.object,r.borderRadius=s.object}const z=f(m,n(d(r.border),p)),H=f(V,n(d(r.borderColor),u)),L=f(m,n(d(r.borderWidth),h)),N=f(m,n(d(r.borderRadius),C)),x=(e,l,S,M)=>{var I;const D=((I=n(d(e),l))==null?void 0:I.indexOf("!important"))>=0?`${S} !important`:S;if(re(e,l,D,{setThemeVars:F,setThemeColors:$,setStyles:k}),M==="borderColor"&&R){const g=S.match(/[+-]?([0-9]+([.][0-9]*)?|[.][0-9]+)/gi),{h:U,s:q,l:J,a:Q}=R;$(X=>oe(X,j=>{j[U]=g[0],j[q]=`${g[1]}%`,j[J]=`${g[2]}%`,j[Q]=`${g[3]}%`}))}te(se(v,c,l,D,{[e]:ae(e)}))},G=[{label:"Solid",value:"solid"},{label:"Dashed",value:"dashed"},{label:"Dotted",value:"dotted"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"},{label:"None",value:"none"}];return o.jsxs(o.Fragment,{children:[a[w[0]]&&o.jsxs("div",{className:i(t.flxcb,t.mb2),children:[o.jsx("span",{className:i(t.fs12,t.fw500),children:"Type"}),o.jsx(ne,{options:G,value:z.replace("!important","").trim(),onChange:e=>x(r.border,p,e),w:130,h:30,id:`${y}-style`})]}),a["border-color"]&&o.jsxs("div",{className:i(t.flxcb,t.mb2),children:[o.jsx("span",{className:i(t.fs12,t.fs12,t.fw500),children:"Color"}),o.jsx(me,{action:{onChange:e=>x(r.borderColor,u,e,"borderColor")},value:H})]}),a["border-width"]&&o.jsx(A,{value:L,className:i(t.mb2),onChange:e=>x(r.borderWidth,h,e),title:"Width",unitOption:["px","em","rem"],min:"0",max:"10",width:"128px",dataTestId:`${y}-wdth`}),a["border-radius"]&&o.jsx(A,{value:N,className:i(t.mb2),onChange:e=>x(r.borderRadius,C,e),title:"Radius",unitOption:["px","em","rem","%"],min:"0",max:"20",width:"128px",dataTestId:`${y}-rdus`,radius:!0})]})}export{He as default}; |
