| 1 |
import{a as M,g as R,i as y,cI as h,j as o,h as c,cJ as v,cK as B,k as U,cL as G,bI as J,cB as W,cC as q,cM as P,cz as Q,cN as X,ct as Y,at as Z,cs as _}from"./main-96.js";import{B as k}from"./bf-403-183.js";import{S as V}from"./bf-405-178.js";import{c as tt}from"./bf-283-176.js";import{S as T}from"./bf-163-182.js";import"./bf-200-43.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-621-177.js";import"./bf-678-179.js";import"./bf-542-181.js";import"./bf-687-180.js";import"./bf-551-68.js";function yt({objectPaths:d,id:j}){const{css:l}=M(),{"*":b}=R(),[$,z]=y(Y),[F,H]=y(Z),[I,K]=y(_),[D,E]=b.split("/"),g=e=>Q(e,{themeVars:$,styles:F,themeColors:I}),u=e=>h(g(e.object),U(g(e.object),e.path)),i=[];if(Array.isArray(d))d.forEach(e=>{const{paths:s,object:n}=e;Object.keys(e.paths).forEach(r=>{i[r]={object:n,path:s[r]}})});else{const{paths:e,object:s}=d;Object.keys(e).forEach(a=>{i[a]={object:s,path:e[a]}})}const t={"outline-color":"","outline-width":"","outline-offset":"","outline-style":""},f=Object.keys(i);for(let e=0;e<f.length;e+=1){const s=f[e];if(f.length===2&&s==="outline"){const n=u(i[s]),a=n==null?void 0:n.split(/(?!\(.*)\s(?![^(]*?\))/g);t["outline-width"]=h(i[s],a[0])||"",t["outline-style"]=h(i[s],a[1])||"",t["outline-color"]=h(i[s],a[2])||"";break}s!=="outline-offset"&&(t[s]=u(i[s]))}t["outline-offset"]=u(i["outline-offset"]);const p=(e,s)=>{if(e==="outline-width")return s||"0px";if(e==="outline-style")return s||"solid";if(e==="outline-color")return s||"hsla(0, 0%, 0%, 0.5)"},w=(e,s)=>{var C;let n,a=s;if(f.length===2&&Object.keys(i).includes("outline")&&s!=="outline-offset"){a="outline";const A=st(u(i.outline));n=Object.entries(A).map(([S,L])=>S===s?p(s,e):p(S,L)).join(" ")}Object.keys(i).includes("outline-offset")&&s==="outline-offset"&&(n=e);const{object:r,path:O}=i[a];n=((C=u(i[a]))==null?void 0:C.indexOf("!important"))>=0?`${e} !important`:n,G(r,O,n,{setThemeVars:z,setThemeColors:K,setStyles:H}),J(W(D,E,a,n,{[r]:q(r)}))},m=({unit:e,value:s,prop:n,oldVal:a})=>{if(s){const r=v(a),N=`${P(e,s,r)}${e||"px"}`;w(N,n)}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:l(c.flxcb,c.mb2,{w:200}),children:[o.jsx("span",{className:l(c.fs12,c.fw500),children:"Type"}),o.jsx(tt,{options:et,value:t==null?void 0:t["outline-style"],onChange:e=>w(e,"outline-style"),w:130,h:30,id:`${j}-style`})]}),o.jsxs("div",{className:l(c.flxcb,c.mb2,{w:200}),children:[o.jsx("span",{className:l(c.fs12,c.fs12,c.fw500),children:"Color"}),o.jsx(V,{action:{onChange:e=>w(e,"outline-color")},value:t==null?void 0:t["outline-color"]})]}),o.jsx("div",{className:l(c.mb2,{w:200}),children:o.jsxs("div",{className:l(x.titleContainer),children:[o.jsx("span",{className:l(x.title),children:"Width"}),o.jsx("span",{className:l(c.flxc)}),o.jsx("div",{className:l({p:2}),children:o.jsx(T,{min:"0",inputHandler:({unit:e,value:s})=>m({unit:e,value:s,prop:"outline-width"}),sizeHandler:({unitKey:e,unitValue:s})=>m({value:s,unit:e,prop:"outline-width",oldVal:t==null?void 0:t["outline-width"]}),id:"0",label:o.jsx(k,{size:14}),value:(t==null?void 0:t["outline-width"])&&B(t==null?void 0:t["outline-width"]),unit:(t==null?void 0:t["outline-width"])&&v(t==null?void 0:t["outline-width"]),options:["px","em","rem","%"],width:"128px",dataTestId:"outline-width-control"})})]})}),o.jsx("div",{className:l(c.mb2,{w:200}),children:o.jsxs("div",{className:l(x.titleContainer),children:[o.jsx("span",{className:l(x.title),children:"Offset"}),o.jsx("span",{className:l(c.flxc)}),o.jsx("div",{className:l({p:2}),children:o.jsx(T,{min:"0",inputHandler:({value:e,unit:s})=>m({value:e,unit:s,prop:"outline-offset"}),sizeHandler:({unitKey:e,unitValue:s})=>m({value:s,unit:e,prop:"outline-offset",oldVal:t==null?void 0:t["outline-offset"]}),id:"0",label:o.jsx(k,{size:14}),value:(t==null?void 0:t["outline-offset"])&&B(t==null?void 0:t["outline-offset"]),unit:(t==null?void 0:t["outline-offset"])&&v(t==null?void 0:t["outline-offset"]),options:["px","em","rem","%"],width:"128px",dataTestId:"outline-width-control"})})]})})]})}const x={titleContainer:{flx:"center-between"},title:{fs:12,fw:500}},et=[{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"}],st=d=>{const[j,l,b]=X(d);return{"outline-width":j,"outline-style":l,"outline-color":b}};export{yt as default}; |
