@weasel-js/ui 1.4.0-pre.1 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{Badge-BXTDs-zi.js → Badge-7yQseqZb.js} +233 -263
- package/dist/chunks/Badge-7yQseqZb.js.map +1 -0
- package/dist/chunks/BandEditor-DjOi4ldl.js +252 -0
- package/dist/chunks/BandEditor-DjOi4ldl.js.map +1 -0
- package/dist/chunks/{Callout-DAFusbzz.js → Callout-wRyevt8I.js} +1 -1
- package/dist/chunks/{Callout-DAFusbzz.js.map → Callout-wRyevt8I.js.map} +1 -1
- package/dist/chunks/{Checkbox-BePa_djO.js → Checkbox-D_GCnoJ0.js} +1 -1
- package/dist/chunks/{Checkbox-BePa_djO.js.map → Checkbox-D_GCnoJ0.js.map} +1 -1
- package/dist/chunks/{ColorField-CKbnsEUN.js → ColorField-pEkaSppg.js} +7 -7
- package/dist/chunks/ColorField-pEkaSppg.js.map +1 -0
- package/dist/chunks/{ComboBox-B6QS8y3j.js → ComboBox-inno5gt1.js} +9 -9
- package/dist/chunks/ComboBox-inno5gt1.js.map +1 -0
- package/dist/chunks/{CurveEditor-COJ6WK9K.js → CurveEditor-DoX5Q0_V.js} +193 -196
- package/dist/chunks/CurveEditor-DoX5Q0_V.js.map +1 -0
- package/dist/chunks/{DataGrid-BWZZUekH.js → DataGrid-DHV0chfL.js} +2 -5
- package/dist/chunks/DataGrid-DHV0chfL.js.map +1 -0
- package/dist/chunks/{DetentSlider-CXIeTHaM.js → DetentSlider-Cd5360U3.js} +2 -2
- package/dist/chunks/{DetentSlider-CXIeTHaM.js.map → DetentSlider-Cd5360U3.js.map} +1 -1
- package/dist/chunks/{Dialog-CQAZ7hS7.js → Dialog-CX2B8PIp.js} +1 -1
- package/dist/chunks/{Dialog-CQAZ7hS7.js.map → Dialog-CX2B8PIp.js.map} +1 -1
- package/dist/chunks/{Field-BCcTt6Fd.js → Field-Bc6Nuc3p.js} +1 -1
- package/dist/chunks/{Field-BCcTt6Fd.js.map → Field-Bc6Nuc3p.js.map} +1 -1
- package/dist/chunks/{FontFamilySelect-DwkwRYrr.js → FontFamilySelect-CvrXKVwv.js} +2 -2
- package/dist/chunks/{FontFamilySelect-DwkwRYrr.js.map → FontFamilySelect-CvrXKVwv.js.map} +1 -1
- package/dist/chunks/{GradientEditor-FwNdxxf-.js → GradientEditor-CPeTbkFE.js} +12 -10
- package/dist/chunks/{GradientEditor-FwNdxxf-.js.map → GradientEditor-CPeTbkFE.js.map} +1 -1
- package/dist/chunks/{Icon-CxoJb_bw.js → Icon-DBXtBB1f.js} +8 -2
- package/dist/chunks/{Icon-CxoJb_bw.js.map → Icon-DBXtBB1f.js.map} +1 -1
- package/dist/chunks/InlineRange-CBt_SBsC.js +29 -0
- package/dist/chunks/InlineRange-CBt_SBsC.js.map +1 -0
- package/dist/chunks/{Input-DRUeowbz.js → Input-CSAECs_T.js} +5 -5
- package/dist/chunks/Input-CSAECs_T.js.map +1 -0
- package/dist/chunks/{ItemList-BUTk9E8-.js → ItemList-POiCvUDx.js} +7 -7
- package/dist/chunks/ItemList-POiCvUDx.js.map +1 -0
- package/dist/chunks/{LayerStack-htMwIsJ6.js → LayerStack-BVdwhAhG.js} +2 -5
- package/dist/chunks/{LayerStack-htMwIsJ6.js.map → LayerStack-BVdwhAhG.js.map} +1 -1
- package/dist/chunks/{NumberField-CQ7OJORF.js → NumberField-Byw1iaIJ.js} +12 -11
- package/dist/chunks/NumberField-Byw1iaIJ.js.map +1 -0
- package/dist/chunks/{PaintInput-CgZR3B0r.js → PaintInput-6HTUAFL1.js} +5 -5
- package/dist/chunks/{PaintInput-CgZR3B0r.js.map → PaintInput-6HTUAFL1.js.map} +1 -1
- package/dist/chunks/{PatternPicker-v9BFsaMM.js → PatternPicker-G9e0CU5H.js} +1 -1
- package/dist/chunks/{PatternPicker-v9BFsaMM.js.map → PatternPicker-G9e0CU5H.js.map} +1 -1
- package/dist/chunks/{Plot2D-B08SYGQV.js → Plot2D-D63D5w6c.js} +1 -1
- package/dist/chunks/{Plot2D-B08SYGQV.js.map → Plot2D-D63D5w6c.js.map} +1 -1
- package/dist/chunks/{PointPlotter-DEh7a3xB.js → PointPlotter-CZJE8Ccu.js} +2 -2
- package/dist/chunks/{PointPlotter-DEh7a3xB.js.map → PointPlotter-CZJE8Ccu.js.map} +1 -1
- package/dist/chunks/{Powerline-M1Q3Hx5E.js → Powerline-BY_ADnqq.js} +2 -2
- package/dist/chunks/{Powerline-M1Q3Hx5E.js.map → Powerline-BY_ADnqq.js.map} +1 -1
- package/dist/chunks/{Prefs-C2qhxnmt.js → Prefs-ByKG3ylD.js} +10 -10
- package/dist/chunks/{Prefs-C2qhxnmt.js.map → Prefs-ByKG3ylD.js.map} +1 -1
- package/dist/chunks/Properties-BuNzy7Hb.js +662 -0
- package/dist/chunks/Properties-BuNzy7Hb.js.map +1 -0
- package/dist/chunks/{RadioGroup-B8eMJ6lu.js → RadioGroup-XjbfUb7S.js} +2 -2
- package/dist/chunks/{RadioGroup-B8eMJ6lu.js.map → RadioGroup-XjbfUb7S.js.map} +1 -1
- package/dist/chunks/{RangeSlider-JczhglgA.js → RangeSlider-D0hFbx_Z.js} +1 -1
- package/dist/chunks/{RangeSlider-JczhglgA.js.map → RangeSlider-D0hFbx_Z.js.map} +1 -1
- package/dist/chunks/ResizeHandle-DfqqfaZz.js +79 -0
- package/dist/chunks/ResizeHandle-DfqqfaZz.js.map +1 -0
- package/dist/chunks/{Select-g8PhE010.js → Select-D1uP21db.js} +2 -2
- package/dist/chunks/{Select-g8PhE010.js.map → Select-D1uP21db.js.map} +1 -1
- package/dist/chunks/{SelectionPanel-Cl18SdD6.js → SelectionPanel-BU2cmRtp.js} +10 -10
- package/dist/chunks/{SelectionPanel-Cl18SdD6.js.map → SelectionPanel-BU2cmRtp.js.map} +1 -1
- package/dist/chunks/{Sidebar-mWGsndWw.js → Sidebar-Du0yp1S0.js} +1 -1
- package/dist/chunks/{Sidebar-mWGsndWw.js.map → Sidebar-Du0yp1S0.js.map} +1 -1
- package/dist/chunks/{SidebarPanel-B2d0erLv.js → SidebarPanel-Cuq__FIC.js} +2 -2
- package/dist/chunks/{SidebarPanel-B2d0erLv.js.map → SidebarPanel-Cuq__FIC.js.map} +1 -1
- package/dist/chunks/Slider-BE6jaxyU.js +303 -0
- package/dist/chunks/Slider-BE6jaxyU.js.map +1 -0
- package/dist/chunks/{StatusBar-xxCcWsfq.js → StatusBar-DLYwh5sb.js} +1 -1
- package/dist/chunks/{StatusBar-xxCcWsfq.js.map → StatusBar-DLYwh5sb.js.map} +1 -1
- package/dist/chunks/{Switch-QviBb61l.js → Switch-B521iN3m.js} +1 -1
- package/dist/chunks/{Switch-QviBb61l.js.map → Switch-B521iN3m.js.map} +1 -1
- package/dist/chunks/{Tabs-DT-dIt6d.js → Tabs-BuifAv0p.js} +1 -1
- package/dist/chunks/{Tabs-DT-dIt6d.js.map → Tabs-BuifAv0p.js.map} +1 -1
- package/dist/chunks/{Timeline-DsLeV5I1.js → Timeline-CWuh0nV0.js} +254 -240
- package/dist/chunks/Timeline-CWuh0nV0.js.map +1 -0
- package/dist/chunks/{Toast-CfkiN0Nv.js → Toast-B75V2gqL.js} +1 -1
- package/dist/chunks/{Toast-CfkiN0Nv.js.map → Toast-B75V2gqL.js.map} +1 -1
- package/dist/chunks/{ToolButton-CLoR9Z4o.js → ToolButton-D5VwD47i.js} +1 -1
- package/dist/chunks/{ToolButton-CLoR9Z4o.js.map → ToolButton-D5VwD47i.js.map} +1 -1
- package/dist/chunks/{ToolGroup-BnE23mcA.js → ToolGroup-B2PlMKQ-.js} +1 -1
- package/dist/chunks/{ToolGroup-BnE23mcA.js.map → ToolGroup-B2PlMKQ-.js.map} +1 -1
- package/dist/chunks/{ToolPalette-W-rAsomq.js → ToolPalette-Bi5ezkO6.js} +3 -3
- package/dist/chunks/{ToolPalette-W-rAsomq.js.map → ToolPalette-Bi5ezkO6.js.map} +1 -1
- package/dist/chunks/{icons-CdLHgzV8.js → icons-BV27dhKB.js} +58 -40
- package/dist/chunks/icons-BV27dhKB.js.map +1 -0
- package/dist/chunks/range.module-CttzfN6a.js +8 -0
- package/dist/chunks/range.module-CttzfN6a.js.map +1 -0
- package/dist/chunks/useReorderDragList-UvHJFjTZ.js +106 -0
- package/dist/chunks/useReorderDragList-UvHJFjTZ.js.map +1 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Badge/shapes/Perforated.d.ts.map +1 -1
- package/dist/components/Badge/shapes/Shield.d.ts.map +1 -1
- package/dist/components/Badge/useSvgBox.d.ts +10 -0
- package/dist/components/Badge/useSvgBox.d.ts.map +1 -0
- package/dist/components/BandEditor/BandEditor.d.ts.map +1 -1
- package/dist/components/BandEditor/index.js +1 -1
- package/dist/components/Callout/index.js +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/ColorField/index.js +1 -1
- package/dist/components/ComboBox/index.js +1 -1
- package/dist/components/CurveEditor/LayeredCurveEditor.d.ts.map +1 -1
- package/dist/components/CurveEditor/index.js +1 -1
- package/dist/components/DataGrid/DataGrid.d.ts.map +1 -1
- package/dist/components/DataGrid/index.js +1 -1
- package/dist/components/DetentSlider/index.js +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Field/index.js +1 -1
- package/dist/components/FontFamilySelect/index.js +1 -1
- package/dist/components/GradientEditor/index.js +1 -1
- package/dist/components/InlineRange/InlineRange.d.ts.map +1 -1
- package/dist/components/InlineRange/index.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/ItemList/index.js +1 -1
- package/dist/components/LayerStack/LayerStack.d.ts.map +1 -1
- package/dist/components/LayerStack/index.js +1 -1
- package/dist/components/NumberField/NumberField.d.ts +6 -0
- package/dist/components/NumberField/NumberField.d.ts.map +1 -1
- package/dist/components/NumberField/index.js +1 -1
- package/dist/components/PaintInput/index.js +1 -1
- package/dist/components/PatternPicker/index.js +1 -1
- package/dist/components/Plot2D/index.js +1 -1
- package/dist/components/PointPlotter/index.js +1 -1
- package/dist/components/Powerline/index.js +2 -2
- package/dist/components/Prefs/index.js +1 -1
- package/dist/components/Properties/PropertyPanel.d.ts +7 -1
- package/dist/components/Properties/PropertyPanel.d.ts.map +1 -1
- package/dist/components/Properties/index.js +1 -1
- package/dist/components/RadioGroup/index.js +1 -1
- package/dist/components/RangeSlider/index.js +1 -1
- package/dist/components/ResizeHandle/ResizeHandle.d.ts.map +1 -1
- package/dist/components/ResizeHandle/index.js +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/SelectionPanel/index.js +1 -1
- package/dist/components/Sidebar/index.js +1 -1
- package/dist/components/SidebarPanel/index.js +1 -1
- package/dist/components/Slider/Slider.d.ts +3 -0
- package/dist/components/Slider/Slider.d.ts.map +1 -1
- package/dist/components/Slider/index.js +1 -1
- package/dist/components/StatusBar/index.js +1 -1
- package/dist/components/Switch/index.js +1 -1
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/Timeline/Lane.d.ts.map +1 -1
- package/dist/components/Timeline/Ruler.d.ts.map +1 -1
- package/dist/components/Timeline/index.js +1 -1
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/ToolButton/index.js +1 -1
- package/dist/components/ToolGroup/index.js +1 -1
- package/dist/components/ToolPalette/index.js +1 -1
- package/dist/icons/index.d.ts +6 -0
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/icons/paths.d.ts +6 -0
- package/dist/icons/paths.d.ts.map +1 -1
- package/dist/index.js +62 -62
- package/dist/style.css +1 -1
- package/dist/useReorderDragList.d.ts +20 -7
- package/dist/useReorderDragList.d.ts.map +1 -1
- package/package.json +8 -5
- package/dist/chunks/Badge-BXTDs-zi.js.map +0 -1
- package/dist/chunks/BandEditor-D13ybQN_.js +0 -248
- package/dist/chunks/BandEditor-D13ybQN_.js.map +0 -1
- package/dist/chunks/ColorField-CKbnsEUN.js.map +0 -1
- package/dist/chunks/ComboBox-B6QS8y3j.js.map +0 -1
- package/dist/chunks/CurveEditor-COJ6WK9K.js.map +0 -1
- package/dist/chunks/DataGrid-BWZZUekH.js.map +0 -1
- package/dist/chunks/InlineRange-mb19EGOI.js +0 -24
- package/dist/chunks/InlineRange-mb19EGOI.js.map +0 -1
- package/dist/chunks/Input-DRUeowbz.js.map +0 -1
- package/dist/chunks/ItemList-BUTk9E8-.js.map +0 -1
- package/dist/chunks/NumberField-CQ7OJORF.js.map +0 -1
- package/dist/chunks/Properties-CFRJ8mYH.js +0 -655
- package/dist/chunks/Properties-CFRJ8mYH.js.map +0 -1
- package/dist/chunks/ResizeHandle-CXBXV6Px.js +0 -81
- package/dist/chunks/ResizeHandle-CXBXV6Px.js.map +0 -1
- package/dist/chunks/Slider-BbbmHE0c.js +0 -291
- package/dist/chunks/Slider-BbbmHE0c.js.map +0 -1
- package/dist/chunks/Timeline-DsLeV5I1.js.map +0 -1
- package/dist/chunks/icons-CdLHgzV8.js.map +0 -1
- package/dist/chunks/useReorderDragList-nQMVwNBd.js +0 -109
- package/dist/chunks/useReorderDragList-nQMVwNBd.js.map +0 -1
|
@@ -91,58 +91,65 @@ var g = {
|
|
|
91
91
|
},
|
|
92
92
|
stretches: !0,
|
|
93
93
|
defaults: m
|
|
94
|
-
}, _ = {
|
|
95
|
-
holeRadius: 3.5,
|
|
96
|
-
holePitch: 11
|
|
97
94
|
};
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
}, u = a(), d = s(null), [f, p] = c({
|
|
95
|
+
//#endregion
|
|
96
|
+
//#region src/components/Badge/useSvgBox.ts
|
|
97
|
+
function _(e, t = !0) {
|
|
98
|
+
let [n, r] = c({
|
|
103
99
|
w: 100,
|
|
104
100
|
h: 100
|
|
105
101
|
});
|
|
106
|
-
o(() => {
|
|
107
|
-
let
|
|
108
|
-
if (!
|
|
109
|
-
let
|
|
110
|
-
let
|
|
111
|
-
|
|
112
|
-
w:
|
|
113
|
-
h:
|
|
102
|
+
return o(() => {
|
|
103
|
+
let n = t ? e.current : null, i = n?.ownerSVGElement ?? n;
|
|
104
|
+
if (!i) return;
|
|
105
|
+
let a = () => {
|
|
106
|
+
let e = i.getBoundingClientRect();
|
|
107
|
+
e.width > 0 && e.height > 0 && r({
|
|
108
|
+
w: e.width,
|
|
109
|
+
h: e.height
|
|
114
110
|
});
|
|
115
111
|
};
|
|
116
|
-
if (
|
|
117
|
-
let
|
|
118
|
-
return
|
|
119
|
-
}, []);
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
112
|
+
if (a(), typeof ResizeObserver > "u") return;
|
|
113
|
+
let o = new ResizeObserver(a);
|
|
114
|
+
return o.observe(i), () => o.disconnect();
|
|
115
|
+
}, [e, t]), n;
|
|
116
|
+
}
|
|
117
|
+
//#endregion
|
|
118
|
+
//#region src/components/Badge/shapes/Perforated.tsx
|
|
119
|
+
var v = {
|
|
120
|
+
holeRadius: 3.5,
|
|
121
|
+
holePitch: 11
|
|
122
|
+
};
|
|
123
|
+
function y({ variant: e, focused: r, params: i }) {
|
|
124
|
+
let o = {
|
|
125
|
+
...v,
|
|
126
|
+
...i
|
|
127
|
+
}, c = a(), l = s(null), u = _(l), d = o.holeRadius / u.w * 100, f = o.holeRadius / u.h * 100, p = Math.max(2, Math.round(u.w / o.holePitch)), m = Math.max(2, Math.round(u.h / o.holePitch)), h = [];
|
|
128
|
+
for (let e = 0; e < p; e++) {
|
|
129
|
+
let t = (e + .5) / p;
|
|
130
|
+
h.push({
|
|
124
131
|
cx: t * 100,
|
|
125
132
|
cy: 0
|
|
126
|
-
}),
|
|
133
|
+
}), h.push({
|
|
127
134
|
cx: t * 100,
|
|
128
135
|
cy: 100
|
|
129
136
|
});
|
|
130
137
|
}
|
|
131
|
-
for (let e = 0; e <
|
|
132
|
-
let t = (e + .5) /
|
|
133
|
-
|
|
138
|
+
for (let e = 0; e < m; e++) {
|
|
139
|
+
let t = (e + .5) / m;
|
|
140
|
+
h.push({
|
|
134
141
|
cx: 0,
|
|
135
142
|
cy: t * 100
|
|
136
|
-
}),
|
|
143
|
+
}), h.push({
|
|
137
144
|
cx: 100,
|
|
138
145
|
cy: t * 100
|
|
139
146
|
});
|
|
140
147
|
}
|
|
141
148
|
return /* @__PURE__ */ n("g", {
|
|
142
|
-
ref:
|
|
149
|
+
ref: l,
|
|
143
150
|
children: [
|
|
144
151
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("mask", {
|
|
145
|
-
id:
|
|
152
|
+
id: c,
|
|
146
153
|
maskUnits: "userSpaceOnUse",
|
|
147
154
|
x: "-5",
|
|
148
155
|
y: "-5",
|
|
@@ -154,11 +161,11 @@ function v({ variant: e, focused: r, params: i }) {
|
|
|
154
161
|
width: "100",
|
|
155
162
|
height: "100",
|
|
156
163
|
fill: "white"
|
|
157
|
-
}),
|
|
164
|
+
}), h.map((e, n) => /* @__PURE__ */ t("ellipse", {
|
|
158
165
|
cx: e.cx,
|
|
159
166
|
cy: e.cy,
|
|
160
|
-
rx:
|
|
161
|
-
ry:
|
|
167
|
+
rx: d,
|
|
168
|
+
ry: f,
|
|
162
169
|
fill: "black"
|
|
163
170
|
}, n))]
|
|
164
171
|
}) }),
|
|
@@ -168,7 +175,7 @@ function v({ variant: e, focused: r, params: i }) {
|
|
|
168
175
|
y: "0",
|
|
169
176
|
width: "100",
|
|
170
177
|
height: "100",
|
|
171
|
-
mask: `url(#${
|
|
178
|
+
mask: `url(#${c})`
|
|
172
179
|
}),
|
|
173
180
|
(e === "outline" || e === "solid") && /* @__PURE__ */ t("rect", {
|
|
174
181
|
className: "badge-stroke",
|
|
@@ -176,7 +183,7 @@ function v({ variant: e, focused: r, params: i }) {
|
|
|
176
183
|
y: "0",
|
|
177
184
|
width: "100",
|
|
178
185
|
height: "100",
|
|
179
|
-
mask: `url(#${
|
|
186
|
+
mask: `url(#${c})`
|
|
180
187
|
}),
|
|
181
188
|
r && /* @__PURE__ */ t("rect", {
|
|
182
189
|
className: "badge-focus",
|
|
@@ -184,13 +191,13 @@ function v({ variant: e, focused: r, params: i }) {
|
|
|
184
191
|
y: "-4",
|
|
185
192
|
width: "108",
|
|
186
193
|
height: "108",
|
|
187
|
-
mask: `url(#${
|
|
194
|
+
mask: `url(#${c})`
|
|
188
195
|
})
|
|
189
196
|
]
|
|
190
197
|
});
|
|
191
198
|
}
|
|
192
|
-
var
|
|
193
|
-
Component:
|
|
199
|
+
var b = {
|
|
200
|
+
Component: y,
|
|
194
201
|
insets: {
|
|
195
202
|
top: 2,
|
|
196
203
|
right: 4,
|
|
@@ -198,12 +205,12 @@ var y = {
|
|
|
198
205
|
left: 4
|
|
199
206
|
},
|
|
200
207
|
stretches: !0,
|
|
201
|
-
defaults:
|
|
202
|
-
},
|
|
208
|
+
defaults: v
|
|
209
|
+
}, x = {
|
|
203
210
|
tipHeight: 25,
|
|
204
211
|
tipTruncation: 0
|
|
205
212
|
};
|
|
206
|
-
function
|
|
213
|
+
function S(e, t) {
|
|
207
214
|
let n = Math.max(0, Math.min(e, 49)), r = Math.max(0, Math.min(t, n));
|
|
208
215
|
if (r <= 0) return [
|
|
209
216
|
[50, 0],
|
|
@@ -225,15 +232,15 @@ function x(e, t) {
|
|
|
225
232
|
[0, n]
|
|
226
233
|
];
|
|
227
234
|
}
|
|
228
|
-
var
|
|
235
|
+
var C = {
|
|
229
236
|
compose: (e) => {
|
|
230
237
|
let t = {
|
|
231
|
-
...
|
|
238
|
+
...x,
|
|
232
239
|
...e
|
|
233
240
|
};
|
|
234
241
|
return {
|
|
235
242
|
base: "polygon",
|
|
236
|
-
baseParams: { vertices:
|
|
243
|
+
baseParams: { vertices: S(t.tipHeight, t.tipTruncation) }
|
|
237
244
|
};
|
|
238
245
|
},
|
|
239
246
|
insets: {
|
|
@@ -243,15 +250,15 @@ var S = {
|
|
|
243
250
|
left: 6
|
|
244
251
|
},
|
|
245
252
|
stretches: !0,
|
|
246
|
-
defaults:
|
|
247
|
-
},
|
|
253
|
+
defaults: x
|
|
254
|
+
}, w = {
|
|
248
255
|
points: 12,
|
|
249
256
|
outerR: 48,
|
|
250
257
|
innerR: 36,
|
|
251
258
|
rotation: -7,
|
|
252
259
|
erosion: 0
|
|
253
260
|
};
|
|
254
|
-
function
|
|
261
|
+
function T(e, t, n, r, i) {
|
|
255
262
|
let a = e * 2, o = Math.PI * 2 / a, s = r * Math.PI / 180, c = Math.max(0, Math.min(i, 1)), l = [];
|
|
256
263
|
for (let e = 0; e < a; e++) {
|
|
257
264
|
let r = e % 2 == 0 ? t : n, i = s + e * o;
|
|
@@ -269,12 +276,12 @@ function w(e, t, n, r, i) {
|
|
|
269
276
|
}
|
|
270
277
|
return u + " Z";
|
|
271
278
|
}
|
|
272
|
-
var
|
|
279
|
+
var E = {
|
|
273
280
|
Component: ({ variant: r, focused: i, params: a }) => {
|
|
274
281
|
let o = {
|
|
275
|
-
...
|
|
282
|
+
...w,
|
|
276
283
|
...a
|
|
277
|
-
}, s =
|
|
284
|
+
}, s = T(o.points, o.outerR, o.innerR, o.rotation, o.erosion), c = T(o.points, o.outerR + 4, o.innerR + 3, o.rotation, o.erosion);
|
|
278
285
|
return /* @__PURE__ */ n(e, { children: [
|
|
279
286
|
(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
|
|
280
287
|
className: "badge-fill",
|
|
@@ -297,15 +304,15 @@ var T = {
|
|
|
297
304
|
left: 8
|
|
298
305
|
},
|
|
299
306
|
stretches: !0,
|
|
300
|
-
defaults:
|
|
301
|
-
},
|
|
307
|
+
defaults: w
|
|
308
|
+
}, D = {
|
|
302
309
|
scallopRadius: 5,
|
|
303
310
|
scallopSpacing: 12,
|
|
304
311
|
irregularity: 0
|
|
305
|
-
},
|
|
312
|
+
}, O = {
|
|
306
313
|
compose: (e) => {
|
|
307
314
|
let t = {
|
|
308
|
-
...
|
|
315
|
+
...D,
|
|
309
316
|
...e
|
|
310
317
|
};
|
|
311
318
|
return {
|
|
@@ -328,67 +335,49 @@ var T = {
|
|
|
328
335
|
left: 6
|
|
329
336
|
},
|
|
330
337
|
stretches: !0,
|
|
331
|
-
defaults:
|
|
332
|
-
},
|
|
338
|
+
defaults: D
|
|
339
|
+
}, k = {
|
|
333
340
|
pointDepth: 100,
|
|
334
341
|
shoulderY: 55,
|
|
335
342
|
curveTightness: .7,
|
|
336
343
|
erosion: .33
|
|
337
344
|
};
|
|
338
|
-
function
|
|
345
|
+
function A({ variant: e, focused: r, params: i }) {
|
|
339
346
|
let a = {
|
|
340
|
-
...
|
|
347
|
+
...k,
|
|
341
348
|
...i
|
|
342
|
-
},
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
t.width > 0 && t.height > 0 && d({
|
|
352
|
-
w: t.width,
|
|
353
|
-
h: t.height
|
|
354
|
-
});
|
|
355
|
-
};
|
|
356
|
-
if (t(), typeof ResizeObserver > "u") return;
|
|
357
|
-
let n = new ResizeObserver(t);
|
|
358
|
-
return n.observe(e), () => n.disconnect();
|
|
359
|
-
}, []);
|
|
360
|
-
let f = Math.max(60, Math.min(a.pointDepth, 110)), p = Math.max(20, Math.min(a.shoulderY, f - 5)), m = p + (f - p) * Math.max(.1, Math.min(a.curveTightness, 1)), h = Math.max(0, Math.min(a.erosion, 1)) * 12, g = h / u.w * 100, _ = h / u.h * 100, v = [
|
|
361
|
-
`M ${g.toFixed(3)} 0`,
|
|
362
|
-
`L ${(100 - g).toFixed(3)} 0`,
|
|
363
|
-
`A ${g.toFixed(3)} ${_.toFixed(3)} 0 0 1 100 ${_.toFixed(3)}`,
|
|
364
|
-
`L 100 ${p}`,
|
|
365
|
-
`Q 100 ${m} 50 ${f}`,
|
|
366
|
-
`Q 0 ${m} 0 ${p}`,
|
|
367
|
-
`L 0 ${_.toFixed(3)}`,
|
|
368
|
-
`A ${g.toFixed(3)} ${_.toFixed(3)} 0 0 1 ${g.toFixed(3)} 0`,
|
|
349
|
+
}, o = s(null), c = _(o), l = Math.max(60, Math.min(a.pointDepth, 110)), u = Math.max(20, Math.min(a.shoulderY, l - 5)), d = u + (l - u) * Math.max(.1, Math.min(a.curveTightness, 1)), f = Math.max(0, Math.min(a.erosion, 1)) * 12, p = f / c.w * 100, m = f / c.h * 100, h = [
|
|
350
|
+
`M ${p.toFixed(3)} 0`,
|
|
351
|
+
`L ${(100 - p).toFixed(3)} 0`,
|
|
352
|
+
`A ${p.toFixed(3)} ${m.toFixed(3)} 0 0 1 100 ${m.toFixed(3)}`,
|
|
353
|
+
`L 100 ${u}`,
|
|
354
|
+
`Q 100 ${d} 50 ${l}`,
|
|
355
|
+
`Q 0 ${d} 0 ${u}`,
|
|
356
|
+
`L 0 ${m.toFixed(3)}`,
|
|
357
|
+
`A ${p.toFixed(3)} ${m.toFixed(3)} 0 0 1 ${p.toFixed(3)} 0`,
|
|
369
358
|
"Z"
|
|
370
359
|
].join(" ");
|
|
371
360
|
return /* @__PURE__ */ n("g", {
|
|
372
|
-
ref:
|
|
361
|
+
ref: o,
|
|
373
362
|
children: [
|
|
374
363
|
(e === "solid" || e === "subtle") && /* @__PURE__ */ t("path", {
|
|
375
364
|
className: "badge-fill",
|
|
376
|
-
d:
|
|
365
|
+
d: h
|
|
377
366
|
}),
|
|
378
367
|
(e === "outline" || e === "solid") && /* @__PURE__ */ t("path", {
|
|
379
368
|
className: "badge-stroke",
|
|
380
|
-
d:
|
|
369
|
+
d: h
|
|
381
370
|
}),
|
|
382
371
|
r && /* @__PURE__ */ t("path", {
|
|
383
372
|
className: "badge-focus",
|
|
384
|
-
d:
|
|
373
|
+
d: h,
|
|
385
374
|
transform: "translate(50 50) scale(1.06) translate(-50 -50)"
|
|
386
375
|
})
|
|
387
376
|
]
|
|
388
377
|
});
|
|
389
378
|
}
|
|
390
|
-
var
|
|
391
|
-
Component:
|
|
379
|
+
var j = {
|
|
380
|
+
Component: A,
|
|
392
381
|
insets: {
|
|
393
382
|
top: 2,
|
|
394
383
|
right: 8,
|
|
@@ -396,16 +385,16 @@ var A = {
|
|
|
396
385
|
left: 8
|
|
397
386
|
},
|
|
398
387
|
stretches: !0,
|
|
399
|
-
defaults:
|
|
400
|
-
},
|
|
388
|
+
defaults: k
|
|
389
|
+
}, M = {
|
|
401
390
|
left: "inward",
|
|
402
391
|
right: "outward",
|
|
403
392
|
taperWidth: 8
|
|
404
|
-
},
|
|
393
|
+
}, N = {
|
|
405
394
|
compose: (e) => ({
|
|
406
395
|
base: "ribbon",
|
|
407
396
|
baseParams: {
|
|
408
|
-
...
|
|
397
|
+
...M,
|
|
409
398
|
...e
|
|
410
399
|
}
|
|
411
400
|
}),
|
|
@@ -416,17 +405,17 @@ var A = {
|
|
|
416
405
|
left: 0
|
|
417
406
|
},
|
|
418
407
|
stretches: !0,
|
|
419
|
-
defaults:
|
|
420
|
-
},
|
|
408
|
+
defaults: M
|
|
409
|
+
}, P = {
|
|
421
410
|
points: 44,
|
|
422
411
|
cornerRadius: 6,
|
|
423
412
|
spikeLen: 12,
|
|
424
413
|
spikeBaseWidth: 3,
|
|
425
414
|
irregularity: 0
|
|
426
|
-
},
|
|
415
|
+
}, ee = {
|
|
427
416
|
compose: (e) => {
|
|
428
417
|
let t = {
|
|
429
|
-
...
|
|
418
|
+
...P,
|
|
430
419
|
...e
|
|
431
420
|
};
|
|
432
421
|
return {
|
|
@@ -453,14 +442,14 @@ var A = {
|
|
|
453
442
|
left: 8
|
|
454
443
|
},
|
|
455
444
|
stretches: !0,
|
|
456
|
-
defaults:
|
|
445
|
+
defaults: P
|
|
457
446
|
}, F = {
|
|
458
447
|
points: 16,
|
|
459
448
|
outerR: 58,
|
|
460
449
|
innerR: 50,
|
|
461
450
|
rotation: -5
|
|
462
451
|
};
|
|
463
|
-
function
|
|
452
|
+
function te(e, t, n, r) {
|
|
464
453
|
let i = e * 2, a = Math.PI * 2 / i, o = r * Math.PI / 180, s = "";
|
|
465
454
|
for (let e = 0; e < i; e++) {
|
|
466
455
|
let r = e % 2 == 0 ? t : n, i = o + e * a, c = 50 + Math.cos(i) * r, l = 50 + Math.sin(i) * r;
|
|
@@ -468,12 +457,12 @@ function I(e, t, n, r) {
|
|
|
468
457
|
}
|
|
469
458
|
return s + " Z";
|
|
470
459
|
}
|
|
471
|
-
var
|
|
460
|
+
var ne = {
|
|
472
461
|
Component: ({ variant: r, focused: i, params: a }) => {
|
|
473
462
|
let { points: o, outerR: s, innerR: c, rotation: l } = {
|
|
474
463
|
...F,
|
|
475
464
|
...a
|
|
476
|
-
}, u =
|
|
465
|
+
}, u = te(o, s, c, l), d = te(o, s + 4, c + 3, l);
|
|
477
466
|
return /* @__PURE__ */ n(e, { children: [
|
|
478
467
|
(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
|
|
479
468
|
className: "badge-fill",
|
|
@@ -497,14 +486,14 @@ var ee = {
|
|
|
497
486
|
},
|
|
498
487
|
stretches: !0,
|
|
499
488
|
defaults: F
|
|
500
|
-
},
|
|
489
|
+
}, I = {
|
|
501
490
|
biteRadius: 3,
|
|
502
491
|
biteSpacing: 8,
|
|
503
492
|
irregularity: 0
|
|
504
|
-
},
|
|
493
|
+
}, L = {
|
|
505
494
|
compose: (e) => {
|
|
506
495
|
let t = {
|
|
507
|
-
...
|
|
496
|
+
...I,
|
|
508
497
|
...e
|
|
509
498
|
};
|
|
510
499
|
return {
|
|
@@ -527,16 +516,16 @@ var ee = {
|
|
|
527
516
|
left: 6
|
|
528
517
|
},
|
|
529
518
|
stretches: !0,
|
|
530
|
-
defaults:
|
|
531
|
-
},
|
|
519
|
+
defaults: I
|
|
520
|
+
}, R = {
|
|
532
521
|
bumpWidth: 24,
|
|
533
522
|
puffiness: 14,
|
|
534
523
|
erosion: .2,
|
|
535
524
|
irregularity: 0
|
|
536
|
-
},
|
|
525
|
+
}, re = {
|
|
537
526
|
compose: (e) => {
|
|
538
527
|
let t = {
|
|
539
|
-
...
|
|
528
|
+
...R,
|
|
540
529
|
...e
|
|
541
530
|
};
|
|
542
531
|
return {
|
|
@@ -559,15 +548,15 @@ var ee = {
|
|
|
559
548
|
left: 8
|
|
560
549
|
},
|
|
561
550
|
stretches: !0,
|
|
562
|
-
defaults:
|
|
563
|
-
},
|
|
551
|
+
defaults: R
|
|
552
|
+
}, z = {
|
|
564
553
|
eaveY: 32,
|
|
565
554
|
peakHeight: 32,
|
|
566
555
|
roofOverhang: 0
|
|
567
556
|
}, ie = {
|
|
568
557
|
compose: (e) => {
|
|
569
558
|
let t = {
|
|
570
|
-
...
|
|
559
|
+
...z,
|
|
571
560
|
...e
|
|
572
561
|
}, n = Math.max(2, Math.min(t.eaveY, 95)), r = n - Math.max(0, t.peakHeight), i = Math.max(0, Math.min(t.roofOverhang, 12));
|
|
573
562
|
return {
|
|
@@ -590,17 +579,17 @@ var ee = {
|
|
|
590
579
|
left: 4
|
|
591
580
|
},
|
|
592
581
|
stretches: !0,
|
|
593
|
-
defaults:
|
|
594
|
-
},
|
|
582
|
+
defaults: z
|
|
583
|
+
}, B = {
|
|
595
584
|
bevelWidth: 6,
|
|
596
585
|
lightFrom: "tl",
|
|
597
586
|
rivetRadius: 2.4,
|
|
598
587
|
rivetInset: 7,
|
|
599
588
|
sheenIntensity: .22
|
|
600
|
-
},
|
|
589
|
+
}, ae = {
|
|
601
590
|
compose: (e) => {
|
|
602
591
|
let t = {
|
|
603
|
-
...
|
|
592
|
+
...B,
|
|
604
593
|
...e
|
|
605
594
|
};
|
|
606
595
|
return {
|
|
@@ -639,7 +628,7 @@ var ee = {
|
|
|
639
628
|
left: 8
|
|
640
629
|
},
|
|
641
630
|
stretches: !0,
|
|
642
|
-
defaults:
|
|
631
|
+
defaults: B
|
|
643
632
|
}, oe = {
|
|
644
633
|
topInset: 12,
|
|
645
634
|
pointDepth: 100
|
|
@@ -687,19 +676,19 @@ var ce = {
|
|
|
687
676
|
},
|
|
688
677
|
stretches: !0,
|
|
689
678
|
defaults: oe
|
|
690
|
-
},
|
|
679
|
+
}, V = "M 35 0 L 30 12 Q 15 30 15 55 Q 15 75 30 90 L 30 100 L 70 100 L 70 90 Q 85 75 85 55 Q 85 30 70 12 L 65 0 Z", H = {
|
|
691
680
|
Component: ({ variant: r, focused: i }) => /* @__PURE__ */ n(e, { children: [
|
|
692
681
|
(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
|
|
693
682
|
className: "badge-fill",
|
|
694
|
-
d:
|
|
683
|
+
d: V
|
|
695
684
|
}),
|
|
696
685
|
(r === "outline" || r === "solid") && /* @__PURE__ */ t("path", {
|
|
697
686
|
className: "badge-stroke",
|
|
698
|
-
d:
|
|
687
|
+
d: V
|
|
699
688
|
}),
|
|
700
689
|
i && /* @__PURE__ */ t("path", {
|
|
701
690
|
className: "badge-focus",
|
|
702
|
-
d:
|
|
691
|
+
d: V,
|
|
703
692
|
transform: "translate(50 50) scale(1.05) translate(-50 -50)"
|
|
704
693
|
})
|
|
705
694
|
] }),
|
|
@@ -710,17 +699,17 @@ var ce = {
|
|
|
710
699
|
left: 12
|
|
711
700
|
},
|
|
712
701
|
stretches: !0
|
|
713
|
-
},
|
|
702
|
+
}, U = {
|
|
714
703
|
headX: 6,
|
|
715
704
|
headHalfHeight: 23,
|
|
716
705
|
shoulderX: 33,
|
|
717
706
|
shoulderHalfHeight: 36,
|
|
718
707
|
footX: 100,
|
|
719
708
|
footHalfHeight: 29
|
|
720
|
-
},
|
|
709
|
+
}, le = {
|
|
721
710
|
compose: (e) => {
|
|
722
711
|
let t = {
|
|
723
|
-
...
|
|
712
|
+
...U,
|
|
724
713
|
...e
|
|
725
714
|
}, n = Math.max(0, Math.min(t.headX, 40)), r = Math.max(n + 1, Math.min(t.shoulderX, 70)), i = Math.max(r + 1, Math.min(t.footX, 100)), a = Math.max(2, Math.min(t.headHalfHeight, 50)), o = Math.max(0, Math.min(t.shoulderHalfHeight, 50)), s = Math.min(50, a + o), c = Math.max(2, Math.min(t.footHalfHeight, 50));
|
|
726
715
|
return {
|
|
@@ -742,8 +731,8 @@ var ce = {
|
|
|
742
731
|
left: 11
|
|
743
732
|
},
|
|
744
733
|
stretches: !0,
|
|
745
|
-
defaults:
|
|
746
|
-
},
|
|
734
|
+
defaults: U
|
|
735
|
+
}, W = {
|
|
747
736
|
teeth: 11,
|
|
748
737
|
tearDepth: 4,
|
|
749
738
|
sideToTopRatio: 3
|
|
@@ -761,10 +750,10 @@ function ue(e, t) {
|
|
|
761
750
|
}
|
|
762
751
|
return a + " Z";
|
|
763
752
|
}
|
|
764
|
-
var
|
|
753
|
+
var de = 2, fe = {
|
|
765
754
|
Component: ({ variant: r, focused: i, params: a }) => {
|
|
766
755
|
let o = {
|
|
767
|
-
...
|
|
756
|
+
...W,
|
|
768
757
|
...a
|
|
769
758
|
}, s = ue(o.teeth, o.tearDepth);
|
|
770
759
|
return /* @__PURE__ */ n(e, { children: [
|
|
@@ -784,7 +773,7 @@ var W = 2, de = {
|
|
|
784
773
|
] });
|
|
785
774
|
},
|
|
786
775
|
insets: (e) => {
|
|
787
|
-
let t = Math.max(.2, Math.min(e.sideToTopRatio ??
|
|
776
|
+
let t = Math.max(.2, Math.min(e.sideToTopRatio ?? W.sideToTopRatio, 10)), n = de, r = Math.round(n * t);
|
|
788
777
|
return {
|
|
789
778
|
top: n,
|
|
790
779
|
right: r,
|
|
@@ -793,16 +782,16 @@ var W = 2, de = {
|
|
|
793
782
|
};
|
|
794
783
|
},
|
|
795
784
|
stretches: !0,
|
|
796
|
-
defaults:
|
|
797
|
-
},
|
|
785
|
+
defaults: W
|
|
786
|
+
}, G = "M 8 30 Q 0 50 8 70 L 92 70 Q 100 50 92 30 Z", pe = {
|
|
798
787
|
Component: ({ variant: r, focused: i }) => /* @__PURE__ */ n(e, { children: [
|
|
799
788
|
(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
|
|
800
789
|
className: "badge-fill",
|
|
801
|
-
d:
|
|
790
|
+
d: G
|
|
802
791
|
}),
|
|
803
792
|
(r === "outline" || r === "solid") && /* @__PURE__ */ t("path", {
|
|
804
793
|
className: "badge-stroke",
|
|
805
|
-
d:
|
|
794
|
+
d: G
|
|
806
795
|
}),
|
|
807
796
|
(r === "outline" || r === "solid") && /* @__PURE__ */ n(e, { children: [
|
|
808
797
|
/* @__PURE__ */ t("path", {
|
|
@@ -859,7 +848,7 @@ var W = 2, de = {
|
|
|
859
848
|
] }),
|
|
860
849
|
i && /* @__PURE__ */ t("path", {
|
|
861
850
|
className: "badge-focus",
|
|
862
|
-
d:
|
|
851
|
+
d: G,
|
|
863
852
|
transform: "translate(50 50) scale(1.05) translate(-50 -50)"
|
|
864
853
|
})
|
|
865
854
|
] }),
|
|
@@ -870,7 +859,7 @@ var W = 2, de = {
|
|
|
870
859
|
left: 4
|
|
871
860
|
},
|
|
872
861
|
stretches: !0
|
|
873
|
-
},
|
|
862
|
+
}, K = {
|
|
874
863
|
spikeR: 50,
|
|
875
864
|
lobeR: 42,
|
|
876
865
|
valleyR: 25,
|
|
@@ -889,28 +878,28 @@ var W = 2, de = {
|
|
|
889
878
|
plain: d,
|
|
890
879
|
square: p,
|
|
891
880
|
notched: g,
|
|
892
|
-
perforated:
|
|
893
|
-
hexagon:
|
|
894
|
-
starburst:
|
|
895
|
-
scalloped:
|
|
896
|
-
shield:
|
|
897
|
-
ribbon:
|
|
898
|
-
beavis:
|
|
899
|
-
sparkler:
|
|
900
|
-
postage:
|
|
901
|
-
cloud:
|
|
881
|
+
perforated: b,
|
|
882
|
+
hexagon: C,
|
|
883
|
+
starburst: E,
|
|
884
|
+
scalloped: O,
|
|
885
|
+
shield: j,
|
|
886
|
+
ribbon: N,
|
|
887
|
+
beavis: ee,
|
|
888
|
+
sparkler: ne,
|
|
889
|
+
postage: L,
|
|
890
|
+
cloud: re,
|
|
902
891
|
house: ie,
|
|
903
|
-
plaque:
|
|
892
|
+
plaque: ae,
|
|
904
893
|
crest: ce,
|
|
905
|
-
urn:
|
|
906
|
-
coffin:
|
|
907
|
-
receipt:
|
|
894
|
+
urn: H,
|
|
895
|
+
coffin: le,
|
|
896
|
+
receipt: fe,
|
|
908
897
|
wood: pe,
|
|
909
898
|
quatrefoil: {
|
|
910
899
|
compose: (e) => ({
|
|
911
900
|
base: "quatrefoil",
|
|
912
901
|
baseParams: {
|
|
913
|
-
...
|
|
902
|
+
...K,
|
|
914
903
|
...e
|
|
915
904
|
}
|
|
916
905
|
}),
|
|
@@ -921,12 +910,12 @@ var W = 2, de = {
|
|
|
921
910
|
left: 14
|
|
922
911
|
},
|
|
923
912
|
stretches: !0,
|
|
924
|
-
defaults:
|
|
913
|
+
defaults: K
|
|
925
914
|
}
|
|
926
|
-
},
|
|
915
|
+
}, q = { chamfer: 6 }, he = {
|
|
927
916
|
build: (e, t, n) => {
|
|
928
917
|
let r = {
|
|
929
|
-
...
|
|
918
|
+
...q,
|
|
930
919
|
...e
|
|
931
920
|
}, i = 100 / t, a = 100 / n, o = r.chamfer * i, s = r.chamfer * a, c = [
|
|
932
921
|
[o, 0],
|
|
@@ -969,21 +958,21 @@ var W = 2, de = {
|
|
|
969
958
|
totalCss: d
|
|
970
959
|
};
|
|
971
960
|
},
|
|
972
|
-
defaults:
|
|
961
|
+
defaults: q,
|
|
973
962
|
insets: {
|
|
974
963
|
top: 0,
|
|
975
964
|
right: 4,
|
|
976
965
|
bottom: 0,
|
|
977
966
|
left: 4
|
|
978
967
|
}
|
|
979
|
-
},
|
|
968
|
+
}, ge = {
|
|
980
969
|
erosion: .16,
|
|
981
970
|
eccentricity: 1,
|
|
982
971
|
pinch: 0
|
|
983
972
|
}, _e = {
|
|
984
973
|
build: (e, t, n) => {
|
|
985
974
|
let r = {
|
|
986
|
-
...
|
|
975
|
+
...ge,
|
|
987
976
|
...e
|
|
988
977
|
}, i = 100 / t, a = 100 / n, o = Math.max(0, Math.min(r.erosion, 1)), s = Math.max(.1, Math.min(r.eccentricity, 10)), c = Math.min(t, n) / 2 * o, l = c * i * s, u = c * a / s, d = Math.max(0, Math.min(l, 50)), f = Math.max(0, Math.min(u, 50)), p = (100 - 2 * d) / i, m = (100 - 2 * f) / a, h = c + c || 1, g = Math.PI * h * 1 / 4, _ = [
|
|
989
978
|
{
|
|
@@ -1134,7 +1123,7 @@ var W = 2, de = {
|
|
|
1134
1123
|
totalCss: y
|
|
1135
1124
|
};
|
|
1136
1125
|
},
|
|
1137
|
-
defaults:
|
|
1126
|
+
defaults: ge,
|
|
1138
1127
|
insets: {
|
|
1139
1128
|
top: 0,
|
|
1140
1129
|
right: 4,
|
|
@@ -1144,7 +1133,7 @@ var W = 2, de = {
|
|
|
1144
1133
|
};
|
|
1145
1134
|
//#endregion
|
|
1146
1135
|
//#region src/components/Badge/bases/polygonSampler.ts
|
|
1147
|
-
function
|
|
1136
|
+
function J(e, t, n) {
|
|
1148
1137
|
let r = 100 / t, i = 100 / n, a = [], o = [0];
|
|
1149
1138
|
for (let t = 0; t < e.length; t++) {
|
|
1150
1139
|
let n = e[t], s = e[(t + 1) % e.length], c = (s[0] - n[0]) / r, l = (s[1] - n[1]) / i, u = Math.hypot(c, l);
|
|
@@ -1185,7 +1174,7 @@ var ve = [
|
|
|
1185
1174
|
[100, 100],
|
|
1186
1175
|
[0, 100]
|
|
1187
1176
|
], ye = {
|
|
1188
|
-
build: (e, t, n) =>
|
|
1177
|
+
build: (e, t, n) => J(e?.vertices && e.vertices.length >= 3 ? e.vertices : ve, t, n),
|
|
1189
1178
|
defaults: { vertices: ve },
|
|
1190
1179
|
insets: {
|
|
1191
1180
|
top: 0,
|
|
@@ -1200,10 +1189,10 @@ var ve = [
|
|
|
1200
1189
|
left: "in",
|
|
1201
1190
|
tabSize: 12,
|
|
1202
1191
|
arcSamples: 18
|
|
1203
|
-
},
|
|
1192
|
+
}, Y = .62;
|
|
1204
1193
|
function xe(e, t, n, r, i, a, o) {
|
|
1205
1194
|
if (i === "flat") return [t];
|
|
1206
|
-
let s = i === "out" ? 1 : -1, c = t[0] - e[0], l = t[1] - e[1], u = Math.hypot(c, l) || 1, d = c / u, f = l / u, p = (e[0] + t[0]) / 2, m = (e[1] + t[1]) / 2, h = p + n * s * a *
|
|
1195
|
+
let s = i === "out" ? 1 : -1, c = t[0] - e[0], l = t[1] - e[1], u = Math.hypot(c, l) || 1, d = c / u, f = l / u, p = (e[0] + t[0]) / 2, m = (e[1] + t[1]) / 2, h = p + n * s * a * Y, g = m + r * s * a * Y, _ = a * Math.sqrt(Math.max(0, 1 - Y * Y)), v = [p - d * _, m - f * _], y = [p + d * _, m + f * _], b = [p + n * s * (a + a * (1 - Y)), m + r * s * (a + a * (1 - Y))], x = Math.hypot(v[0] - h, v[1] - g), S = Math.atan2(v[1] - g, v[0] - h), C = Math.atan2(y[1] - g, y[0] - h), w = Math.atan2(b[1] - g, b[0] - h), T = Math.PI * 2, E = ((w - S) % T + T) % T, D = ((C - S) % T + T) % T, O = E < D ? D : D - T, k = [];
|
|
1207
1196
|
k.push(v);
|
|
1208
1197
|
for (let e = 1; e <= o; e++) {
|
|
1209
1198
|
let t = S + e / o * O;
|
|
@@ -1217,7 +1206,7 @@ var Se = {
|
|
|
1217
1206
|
...be,
|
|
1218
1207
|
...e
|
|
1219
1208
|
}, i = Math.max(2, Math.min(r.tabSize, 40)), a = Math.max(6, Math.floor(r.arcSamples)), o = [0, 0], s = [100, 0], c = [100, 100], l = [0, 100], u = [o];
|
|
1220
|
-
return u.push(...xe(o, s, 0, -1, r.top, i, a)), u.push(...xe(s, c, 1, 0, r.right, i, a)), u.push(...xe(c, l, 0, 1, r.bottom, i, a)), u.push(...xe(l, o, -1, 0, r.left, i, a)), u.length > 1 && u[u.length - 1][0] === o[0] && u[u.length - 1][1] === o[1] && u.pop(),
|
|
1209
|
+
return u.push(...xe(o, s, 0, -1, r.top, i, a)), u.push(...xe(s, c, 1, 0, r.right, i, a)), u.push(...xe(c, l, 0, 1, r.bottom, i, a)), u.push(...xe(l, o, -1, 0, r.left, i, a)), u.length > 1 && u[u.length - 1][0] === o[0] && u[u.length - 1][1] === o[1] && u.pop(), J(u, t, n);
|
|
1221
1210
|
},
|
|
1222
1211
|
defaults: be,
|
|
1223
1212
|
insets: {
|
|
@@ -1263,7 +1252,7 @@ function Ee(e = {}) {
|
|
|
1263
1252
|
return h;
|
|
1264
1253
|
}
|
|
1265
1254
|
var De = {
|
|
1266
|
-
build: (e, t, n) =>
|
|
1255
|
+
build: (e, t, n) => J(Ee(e), t, n),
|
|
1267
1256
|
defaults: Ce,
|
|
1268
1257
|
insets: {
|
|
1269
1258
|
top: 10,
|
|
@@ -1410,7 +1399,7 @@ var Ne = {
|
|
|
1410
1399
|
let u = Me(l, i);
|
|
1411
1400
|
s.push([50 + u * Math.cos(t), 50 + u * Math.sin(t)]);
|
|
1412
1401
|
}
|
|
1413
|
-
return
|
|
1402
|
+
return J(s, t, n);
|
|
1414
1403
|
},
|
|
1415
1404
|
defaults: Oe,
|
|
1416
1405
|
insets: {
|
|
@@ -1611,7 +1600,7 @@ var Ue = {
|
|
|
1611
1600
|
let u = He(l, i);
|
|
1612
1601
|
s.push([50 + u * Math.cos(t), 50 + u * Math.sin(t)]);
|
|
1613
1602
|
}
|
|
1614
|
-
return
|
|
1603
|
+
return J(s, t, n);
|
|
1615
1604
|
},
|
|
1616
1605
|
defaults: Pe,
|
|
1617
1606
|
insets: {
|
|
@@ -1658,7 +1647,7 @@ var qe = {
|
|
|
1658
1647
|
...We,
|
|
1659
1648
|
...e
|
|
1660
1649
|
}, i = Math.max(0, r.taperWidth), a = t > 0 ? i / t * 100 : 0, o = Ge(r.left, 0, 1, a), s = Ge(r.right, 100, -1, a), c = [o.top];
|
|
1661
|
-
return c.push(s.top), s.mid && c.push(s.mid), c.push(s.bottom), c.push(o.bottom), o.mid && c.push(o.mid),
|
|
1650
|
+
return c.push(s.top), s.mid && c.push(s.mid), c.push(s.bottom), c.push(o.bottom), o.mid && c.push(o.mid), J(c, t, n);
|
|
1662
1651
|
},
|
|
1663
1652
|
insets: (e) => {
|
|
1664
1653
|
let t = {
|
|
@@ -1687,12 +1676,12 @@ function Ye(e) {
|
|
|
1687
1676
|
}
|
|
1688
1677
|
//#endregion
|
|
1689
1678
|
//#region src/components/Badge/bases/Powerline.tsx
|
|
1690
|
-
var
|
|
1679
|
+
var X = {
|
|
1691
1680
|
leftEdge: "flat",
|
|
1692
1681
|
rightEdge: "flat",
|
|
1693
1682
|
depth: 6
|
|
1694
1683
|
}, Xe = 64, Ze = {
|
|
1695
|
-
"chamfered-rect":
|
|
1684
|
+
"chamfered-rect": he,
|
|
1696
1685
|
"rounded-rect": _e,
|
|
1697
1686
|
polygon: ye,
|
|
1698
1687
|
puzzle: Se,
|
|
@@ -1703,7 +1692,7 @@ var Y = {
|
|
|
1703
1692
|
powerline: {
|
|
1704
1693
|
build: (e, t, n) => {
|
|
1705
1694
|
let r = {
|
|
1706
|
-
...
|
|
1695
|
+
...X,
|
|
1707
1696
|
...e
|
|
1708
1697
|
}, i = Ye(r.leftEdge), a = Ye(r.rightEdge), o = r.depth, s = 100 / t, c = 100 / n, l = [];
|
|
1709
1698
|
l.push({
|
|
@@ -1776,9 +1765,9 @@ var Y = {
|
|
|
1776
1765
|
totalCss: m
|
|
1777
1766
|
};
|
|
1778
1767
|
},
|
|
1779
|
-
defaults:
|
|
1768
|
+
defaults: X,
|
|
1780
1769
|
insets: (e) => {
|
|
1781
|
-
let t = e?.depth ??
|
|
1770
|
+
let t = e?.depth ?? X.depth, n = e?.leftEdge ?? X.leftEdge, r = e?.rightEdge ?? X.rightEdge, i = Ye(n), a = Ye(r), o = 0, s = 0, c = 0, l = 0;
|
|
1782
1771
|
for (let e = 0; e <= 32; e++) {
|
|
1783
1772
|
let n = e / 32, r = i(n, t), u = a(n, t), d = e === 0 || e === 32 ? .5 : 1;
|
|
1784
1773
|
o += d * r / 32, s += d * u / 32, r > c && (c = r), -u > l && (l = -u);
|
|
@@ -1795,7 +1784,7 @@ var Y = {
|
|
|
1795
1784
|
};
|
|
1796
1785
|
//#endregion
|
|
1797
1786
|
//#region src/components/Badge/effects/rangeMask.ts
|
|
1798
|
-
function
|
|
1787
|
+
function Z(e, t, n) {
|
|
1799
1788
|
if (!n) return 1;
|
|
1800
1789
|
let [r, i] = n;
|
|
1801
1790
|
if (r === i) return 0;
|
|
@@ -1818,7 +1807,7 @@ var Qe = {
|
|
|
1818
1807
|
let a = {
|
|
1819
1808
|
...Qe,
|
|
1820
1809
|
...t
|
|
1821
|
-
}, o =
|
|
1810
|
+
}, o = Z(e, r, a.range);
|
|
1822
1811
|
if (o === 0) return {
|
|
1823
1812
|
dx: 0,
|
|
1824
1813
|
dy: 0
|
|
@@ -1850,7 +1839,7 @@ var Qe = {
|
|
|
1850
1839
|
let a = {
|
|
1851
1840
|
...et,
|
|
1852
1841
|
...t
|
|
1853
|
-
}, o =
|
|
1842
|
+
}, o = Z(e, r, a.range);
|
|
1854
1843
|
if (o === 0) return {
|
|
1855
1844
|
dx: 0,
|
|
1856
1845
|
dy: 0
|
|
@@ -1873,7 +1862,7 @@ var Qe = {
|
|
|
1873
1862
|
let a = {
|
|
1874
1863
|
...nt,
|
|
1875
1864
|
...t
|
|
1876
|
-
}, o =
|
|
1865
|
+
}, o = Z(e, r, a.range);
|
|
1877
1866
|
if (o === 0) return {
|
|
1878
1867
|
dx: 0,
|
|
1879
1868
|
dy: 0
|
|
@@ -1901,7 +1890,7 @@ var Qe = {
|
|
|
1901
1890
|
let a = {
|
|
1902
1891
|
...it,
|
|
1903
1892
|
...t
|
|
1904
|
-
}, o =
|
|
1893
|
+
}, o = Z(e, r, a.range);
|
|
1905
1894
|
if (o === 0) return {
|
|
1906
1895
|
dx: 0,
|
|
1907
1896
|
dy: 0
|
|
@@ -2188,7 +2177,7 @@ var bt = {
|
|
|
2188
2177
|
}, s = 100 / r, c = 100 / i, l = n.totalCss, u = Math.max(2, Math.round(l / Math.max(2 * o.holeRadius, o.holeSpacing))), d = l / u, f = [];
|
|
2189
2178
|
for (let e = 0; e < u; e++) {
|
|
2190
2179
|
let t = (e + .5) * d;
|
|
2191
|
-
if (
|
|
2180
|
+
if (Z(t, l, a?.range) === 0) continue;
|
|
2192
2181
|
let r = n.perimeterAt(t);
|
|
2193
2182
|
f.push({
|
|
2194
2183
|
cx: r.x,
|
|
@@ -2209,7 +2198,7 @@ var bt = {
|
|
|
2209
2198
|
}, Ct = {
|
|
2210
2199
|
bevelWidth: 6,
|
|
2211
2200
|
lightFrom: 315
|
|
2212
|
-
},
|
|
2201
|
+
}, Q = 240, wt = [
|
|
2213
2202
|
"badge-bevel-light",
|
|
2214
2203
|
"badge-bevel-medium-light",
|
|
2215
2204
|
"badge-bevel-medium-light",
|
|
@@ -2232,8 +2221,8 @@ var Et = {
|
|
|
2232
2221
|
...Ct,
|
|
2233
2222
|
...c
|
|
2234
2223
|
}, d = 100 / i, f = 100 / o, p = r.totalCss, { lx: m, ly: h } = Tt(u.lightFrom), g = [], _ = [];
|
|
2235
|
-
for (let e = 0; e <
|
|
2236
|
-
let t = r.perimeterAt(e /
|
|
2224
|
+
for (let e = 0; e < Q; e++) {
|
|
2225
|
+
let t = r.perimeterAt(e / Q * p), n = -(t.nx * m + t.ny * h), i = Math.max(0, Math.min((n + 1) / 2, .9999)), a = Math.floor(i * wt.length);
|
|
2237
2226
|
g.push({
|
|
2238
2227
|
x: t.x,
|
|
2239
2228
|
y: t.y,
|
|
@@ -2244,7 +2233,7 @@ var Et = {
|
|
|
2244
2233
|
});
|
|
2245
2234
|
}
|
|
2246
2235
|
let v = [], y = null;
|
|
2247
|
-
for (let e = 0; e <
|
|
2236
|
+
for (let e = 0; e < Q; e++) {
|
|
2248
2237
|
let t = g[e].bucket;
|
|
2249
2238
|
!y || y.bucket !== t ? (y = {
|
|
2250
2239
|
bucket: t,
|
|
@@ -2253,7 +2242,7 @@ var Et = {
|
|
|
2253
2242
|
}
|
|
2254
2243
|
v.length > 1 && v[0].bucket === v[v.length - 1].bucket && (v[v.length - 1].idxs = v[v.length - 1].idxs.concat(v[0].idxs), v.shift());
|
|
2255
2244
|
let b = (e) => {
|
|
2256
|
-
let t = e.idxs[0], n = e.idxs[e.idxs.length - 1], r = (t - 1 +
|
|
2245
|
+
let t = e.idxs[0], n = e.idxs[e.idxs.length - 1], r = (t - 1 + Q) % Q, i = (n + 1) % Q, a = [
|
|
2257
2246
|
r,
|
|
2258
2247
|
...e.idxs,
|
|
2259
2248
|
i
|
|
@@ -2423,7 +2412,7 @@ var Et = {
|
|
|
2423
2412
|
bezelWidth: 1,
|
|
2424
2413
|
rimAlpha: .22,
|
|
2425
2414
|
rimWidth: 1
|
|
2426
|
-
},
|
|
2415
|
+
}, Mt = 240, Nt = {
|
|
2427
2416
|
Component: ({ sampler: r, boxW: i, boxH: o, variant: s, params: c }) => {
|
|
2428
2417
|
let l = a(), u = a(), d = a();
|
|
2429
2418
|
if (s !== "solid" && s !== "subtle" && s !== "outline") return null;
|
|
@@ -2431,15 +2420,15 @@ var Et = {
|
|
|
2431
2420
|
...jt,
|
|
2432
2421
|
...c
|
|
2433
2422
|
}, p = r.totalCss, m = [], h = null;
|
|
2434
|
-
for (let e = 0; e <
|
|
2435
|
-
let t = e /
|
|
2423
|
+
for (let e = 0; e < Mt; e++) {
|
|
2424
|
+
let t = e / Mt * p, n = r.perimeterAt(t);
|
|
2436
2425
|
n.ny < 0 ? (h || (h = [], m.push(h)), h.push({
|
|
2437
2426
|
x: n.x,
|
|
2438
2427
|
y: n.y
|
|
2439
2428
|
})) : h = null;
|
|
2440
2429
|
}
|
|
2441
2430
|
if (m.length > 1) {
|
|
2442
|
-
let e = r.perimeterAt(0), t = r.perimeterAt((
|
|
2431
|
+
let e = r.perimeterAt(0), t = r.perimeterAt((Mt - 1) / Mt * p);
|
|
2443
2432
|
if (e.ny < 0 && t.ny < 0) {
|
|
2444
2433
|
let e = m.shift();
|
|
2445
2434
|
m[m.length - 1].push(...e);
|
|
@@ -2571,7 +2560,7 @@ var Et = {
|
|
|
2571
2560
|
},
|
|
2572
2561
|
zone: "foreground",
|
|
2573
2562
|
defaults: jt
|
|
2574
|
-
},
|
|
2563
|
+
}, Pt = {
|
|
2575
2564
|
accent: "#aab3bd",
|
|
2576
2565
|
specularity: .6,
|
|
2577
2566
|
equator: 50,
|
|
@@ -2584,7 +2573,7 @@ var Et = {
|
|
|
2584
2573
|
bezelWidth: 1,
|
|
2585
2574
|
rimAlpha: .35,
|
|
2586
2575
|
rimWidth: 1
|
|
2587
|
-
},
|
|
2576
|
+
}, Ft = 240, $ = {
|
|
2588
2577
|
spikes: $e,
|
|
2589
2578
|
puffs: tt,
|
|
2590
2579
|
bites: rt,
|
|
@@ -2598,24 +2587,24 @@ var Et = {
|
|
|
2598
2587
|
perforations: St,
|
|
2599
2588
|
outline: Ot,
|
|
2600
2589
|
sunbeams: At,
|
|
2601
|
-
aqua:
|
|
2590
|
+
aqua: Nt,
|
|
2602
2591
|
metal: {
|
|
2603
2592
|
Component: ({ sampler: r, boxW: i, boxH: o, variant: s, params: c }) => {
|
|
2604
2593
|
let l = a(), u = a(), d = a();
|
|
2605
2594
|
if (s !== "solid" && s !== "subtle" && s !== "outline") return null;
|
|
2606
2595
|
let f = {
|
|
2607
|
-
...
|
|
2596
|
+
...Pt,
|
|
2608
2597
|
...c
|
|
2609
2598
|
}, p = Math.max(0, Math.min(f.specularity, 1)), m = r.totalCss, h = [], g = null;
|
|
2610
|
-
for (let e = 0; e <
|
|
2611
|
-
let t = e /
|
|
2599
|
+
for (let e = 0; e < Ft; e++) {
|
|
2600
|
+
let t = e / Ft * m, n = r.perimeterAt(t);
|
|
2612
2601
|
n.ny < 0 ? (g || (g = [], h.push(g)), g.push({
|
|
2613
2602
|
x: n.x,
|
|
2614
2603
|
y: n.y
|
|
2615
2604
|
})) : g = null;
|
|
2616
2605
|
}
|
|
2617
2606
|
if (h.length > 1) {
|
|
2618
|
-
let e = r.perimeterAt(0), t = r.perimeterAt((
|
|
2607
|
+
let e = r.perimeterAt(0), t = r.perimeterAt((Ft - 1) / Ft * m);
|
|
2619
2608
|
if (e.ny < 0 && t.ny < 0) {
|
|
2620
2609
|
let e = h.shift();
|
|
2621
2610
|
h[h.length - 1].push(...e);
|
|
@@ -2628,7 +2617,7 @@ var Et = {
|
|
|
2628
2617
|
for (let n = 1; n < e.length; n++) t += ` L ${e[n].x.toFixed(3)} ${e[n].y.toFixed(3)}`;
|
|
2629
2618
|
_.push(t);
|
|
2630
2619
|
}
|
|
2631
|
-
let v = 100 / i, y = 100 / o, b = Math.max(v, y), x = f.bezelWidth * b, S = f.rimWidth * b, C = Math.max(0, f.equator - f.equatorSpread), w = Math.min(100, f.equator + f.equatorSpread), T = 100 - Math.round(p * 85), E = `color-mix(in srgb, ${f.accent} ${T}%, white)`, D = `color-mix(in srgb, ${f.accent} ${f.topDarkness}%, black)`, O = `color-mix(in srgb, ${f.accent} ${f.baseDarkness}%, black)`, k = 100 - Math.round(p * 50), A = 100 - Math.round(p * 30), j = `color-mix(in srgb, ${f.accent} ${k}%, white)`, M = `color-mix(in srgb, ${f.accent} ${A}%, white)`, N = f.glossAlphaTop * p, P = f.bezelAlpha * (.4 + .6 * p),
|
|
2620
|
+
let v = 100 / i, y = 100 / o, b = Math.max(v, y), x = f.bezelWidth * b, S = f.rimWidth * b, C = Math.max(0, f.equator - f.equatorSpread), w = Math.min(100, f.equator + f.equatorSpread), T = 100 - Math.round(p * 85), E = `color-mix(in srgb, ${f.accent} ${T}%, white)`, D = `color-mix(in srgb, ${f.accent} ${f.topDarkness}%, black)`, O = `color-mix(in srgb, ${f.accent} ${f.baseDarkness}%, black)`, k = 100 - Math.round(p * 50), A = 100 - Math.round(p * 30), j = `color-mix(in srgb, ${f.accent} ${k}%, white)`, M = `color-mix(in srgb, ${f.accent} ${A}%, white)`, N = f.glossAlphaTop * p, P = f.bezelAlpha * (.4 + .6 * p), ee = f.rimAlpha * (.6 + .4 * p);
|
|
2632
2621
|
return /* @__PURE__ */ n(e, { children: [
|
|
2633
2622
|
/* @__PURE__ */ n("defs", { children: [
|
|
2634
2623
|
/* @__PURE__ */ n("linearGradient", {
|
|
@@ -2713,7 +2702,7 @@ var Et = {
|
|
|
2713
2702
|
d: r.bodyPath,
|
|
2714
2703
|
fill: "none",
|
|
2715
2704
|
stroke: "black",
|
|
2716
|
-
strokeOpacity:
|
|
2705
|
+
strokeOpacity: ee,
|
|
2717
2706
|
strokeWidth: S,
|
|
2718
2707
|
vectorEffect: "non-scaling-stroke",
|
|
2719
2708
|
style: { pointerEvents: "none" }
|
|
@@ -2721,59 +2710,40 @@ var Et = {
|
|
|
2721
2710
|
] });
|
|
2722
2711
|
},
|
|
2723
2712
|
zone: "foreground",
|
|
2724
|
-
defaults:
|
|
2713
|
+
defaults: Pt
|
|
2725
2714
|
}
|
|
2726
2715
|
};
|
|
2727
2716
|
//#endregion
|
|
2728
2717
|
//#region src/components/Badge/Badge.tsx
|
|
2729
|
-
function
|
|
2718
|
+
function It(e) {
|
|
2730
2719
|
return e.as ? e.as : e.href ? "a" : e.onClick ? "button" : "span";
|
|
2731
2720
|
}
|
|
2732
|
-
function
|
|
2733
|
-
let { shape:
|
|
2734
|
-
...
|
|
2721
|
+
function Lt(o) {
|
|
2722
|
+
let { shape: u = "pill", tone: d = "neutral", variant: f = "outline", size: p = "sm", onClick: m, onRemove: h, removeLabel: g, href: v, children: y, className: b, shapeParams: x, bloat: S, padding: C, style: w, breakStyle: T, crawl: E, base: D, baseParams: O, effects: k } = o, A = o["aria-label"], j = It(o), [M, N] = c(!1), [P, ee] = c(0), F = me[u] ?? me.pill, te = me[u] ? u : "pill", ne = F.Component, I = {
|
|
2723
|
+
...F.defaults ?? {},
|
|
2735
2724
|
...x ?? {}
|
|
2736
2725
|
}, L = s(null), R = r((e) => {
|
|
2737
2726
|
let t = typeof E == "number" ? E : .2, n = L.current;
|
|
2738
|
-
L.current = e, n !== null &&
|
|
2727
|
+
L.current = e, n !== null && ee((r) => (r + t * (e - n) / 1e3) % 1), R.request();
|
|
2739
2728
|
}, { onResume: () => {
|
|
2740
2729
|
L.current = null;
|
|
2741
2730
|
} });
|
|
2742
2731
|
i(() => {
|
|
2743
2732
|
if (!E) {
|
|
2744
|
-
|
|
2733
|
+
ee(0);
|
|
2745
2734
|
return;
|
|
2746
2735
|
}
|
|
2747
2736
|
return L.current = null, R.request(), () => R.cancel();
|
|
2748
2737
|
}, [E, R]);
|
|
2749
|
-
let re = [l.badge, b].filter(Boolean).join(" "),
|
|
2750
|
-
...
|
|
2751
|
-
...
|
|
2752
|
-
} : null,
|
|
2753
|
-
w: 100,
|
|
2754
|
-
h: 100
|
|
2755
|
-
});
|
|
2756
|
-
o(() => {
|
|
2757
|
-
if (!z) return;
|
|
2758
|
-
let e = B.current;
|
|
2759
|
-
if (!e) return;
|
|
2760
|
-
let t = () => {
|
|
2761
|
-
let t = e.getBoundingClientRect();
|
|
2762
|
-
t.width > 0 && t.height > 0 && le({
|
|
2763
|
-
w: t.width,
|
|
2764
|
-
h: t.height
|
|
2765
|
-
});
|
|
2766
|
-
};
|
|
2767
|
-
if (t(), typeof ResizeObserver > "u") return;
|
|
2768
|
-
let n = new ResizeObserver(t);
|
|
2769
|
-
return n.observe(e), () => n.disconnect();
|
|
2770
|
-
}, [z]);
|
|
2771
|
-
let H = z ? z.build(ce, V.w, V.h) : null, U = z ? (typeof z.insets == "function" ? z.insets(ce) : z.insets) ?? {
|
|
2738
|
+
let re = [l.badge, b].filter(Boolean).join(" "), z = !D && F.compose ? F.compose(I) : null, ie = D ?? z?.base, B = ie ? Ze[ie] : null, ae = D ? O : z?.baseParams, oe = D ? k : z?.effects ?? k, se = B ? {
|
|
2739
|
+
...B.defaults ?? {},
|
|
2740
|
+
...ae ?? {}
|
|
2741
|
+
} : null, ce = s(null), V = _(ce, B), H = B ? B.build(se, V.w, V.h) : null, U = B ? (typeof B.insets == "function" ? B.insets(se) : B.insets) ?? {
|
|
2772
2742
|
top: 0,
|
|
2773
2743
|
right: 0,
|
|
2774
2744
|
bottom: 0,
|
|
2775
2745
|
left: 0
|
|
2776
|
-
} : typeof
|
|
2746
|
+
} : typeof F.insets == "function" ? F.insets(I) : F.insets, le = {
|
|
2777
2747
|
className: re,
|
|
2778
2748
|
style: {
|
|
2779
2749
|
"--badge-inset-top": `${U.top}px`,
|
|
@@ -2787,17 +2757,17 @@ function It(u) {
|
|
|
2787
2757
|
},
|
|
2788
2758
|
...w
|
|
2789
2759
|
},
|
|
2790
|
-
"data-shape":
|
|
2791
|
-
"data-tone":
|
|
2792
|
-
"data-variant":
|
|
2793
|
-
"data-size":
|
|
2760
|
+
"data-shape": B ? "compose" : te,
|
|
2761
|
+
"data-tone": d,
|
|
2762
|
+
"data-variant": f,
|
|
2763
|
+
"data-size": p,
|
|
2794
2764
|
"data-focused": M ? "true" : void 0,
|
|
2795
2765
|
onFocus: () => N(!0),
|
|
2796
2766
|
onBlur: () => N(!1),
|
|
2797
2767
|
"aria-label": A
|
|
2798
2768
|
}, W = (() => {
|
|
2799
|
-
if (!
|
|
2800
|
-
let e = (
|
|
2769
|
+
if (!B || !H) return null;
|
|
2770
|
+
let e = (oe ?? []).map((e) => {
|
|
2801
2771
|
let t = $[e.type];
|
|
2802
2772
|
if (!t?.offsetAt) return null;
|
|
2803
2773
|
let n = {
|
|
@@ -2843,7 +2813,7 @@ function It(u) {
|
|
|
2843
2813
|
},
|
|
2844
2814
|
totalCss: i
|
|
2845
2815
|
};
|
|
2846
|
-
})(),
|
|
2816
|
+
})(), ue = (oe ?? []).filter((e) => $[e.type]?.Component), de = ue.filter((e) => ($[e.type].zone ?? "foreground") === "background"), fe = ue.filter((e) => ($[e.type].zone ?? "foreground") === "foreground"), G = ue.filter((e) => $[e.type].zone === "mask"), pe = `badge-mask-${a().replace(/:/g, "")}`, K = (e, n) => {
|
|
2847
2817
|
let r = $[e.type], i = r?.Component;
|
|
2848
2818
|
if (!i || !W) return null;
|
|
2849
2819
|
let a = {
|
|
@@ -2854,19 +2824,19 @@ function It(u) {
|
|
|
2854
2824
|
sampler: W,
|
|
2855
2825
|
boxW: V.w,
|
|
2856
2826
|
boxH: V.h,
|
|
2857
|
-
variant:
|
|
2827
|
+
variant: f,
|
|
2858
2828
|
params: a,
|
|
2859
2829
|
phase: P
|
|
2860
2830
|
}, `${e.type}-${n}`);
|
|
2861
|
-
},
|
|
2862
|
-
ref:
|
|
2831
|
+
}, q = /* @__PURE__ */ n(e, { children: [B && W ? /* @__PURE__ */ n("svg", {
|
|
2832
|
+
ref: ce,
|
|
2863
2833
|
className: l.deco,
|
|
2864
2834
|
viewBox: "0 0 100 100",
|
|
2865
2835
|
preserveAspectRatio: "none",
|
|
2866
2836
|
"aria-hidden": "true",
|
|
2867
2837
|
children: [
|
|
2868
2838
|
G.length > 0 && /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("mask", {
|
|
2869
|
-
id:
|
|
2839
|
+
id: pe,
|
|
2870
2840
|
maskUnits: "userSpaceOnUse",
|
|
2871
2841
|
x: "-10",
|
|
2872
2842
|
y: "-10",
|
|
@@ -2878,40 +2848,40 @@ function It(u) {
|
|
|
2878
2848
|
width: "120",
|
|
2879
2849
|
height: "120",
|
|
2880
2850
|
fill: "white"
|
|
2881
|
-
}), G.map(
|
|
2851
|
+
}), G.map(K)]
|
|
2882
2852
|
}) }),
|
|
2883
|
-
|
|
2853
|
+
de.map(K),
|
|
2884
2854
|
/* @__PURE__ */ n("g", {
|
|
2885
|
-
...G.length > 0 ? { mask: `url(#${
|
|
2886
|
-
children: [(
|
|
2855
|
+
...G.length > 0 ? { mask: `url(#${pe})` } : {},
|
|
2856
|
+
children: [(f === "solid" || f === "subtle") && /* @__PURE__ */ t("path", {
|
|
2887
2857
|
className: "badge-fill",
|
|
2888
2858
|
d: W.bodyPath
|
|
2889
|
-
}), (
|
|
2859
|
+
}), (f === "outline" || f === "solid") && /* @__PURE__ */ t("path", {
|
|
2890
2860
|
className: "badge-stroke",
|
|
2891
2861
|
d: W.bodyPath
|
|
2892
2862
|
})]
|
|
2893
2863
|
}),
|
|
2894
|
-
|
|
2864
|
+
fe.map(K)
|
|
2895
2865
|
]
|
|
2896
|
-
}) :
|
|
2866
|
+
}) : F.renderMode !== "css" && ne ? /* @__PURE__ */ t("svg", {
|
|
2897
2867
|
className: l.deco,
|
|
2898
2868
|
viewBox: "0 0 100 100",
|
|
2899
|
-
preserveAspectRatio:
|
|
2869
|
+
preserveAspectRatio: F.stretches === !1 ? "xMidYMid meet" : "none",
|
|
2900
2870
|
"aria-hidden": "true",
|
|
2901
|
-
children: /* @__PURE__ */ t(
|
|
2902
|
-
variant:
|
|
2871
|
+
children: /* @__PURE__ */ t(ne, {
|
|
2872
|
+
variant: f,
|
|
2903
2873
|
focused: M,
|
|
2904
|
-
params:
|
|
2874
|
+
params: I,
|
|
2905
2875
|
phase: P
|
|
2906
2876
|
})
|
|
2907
2877
|
}) : null, /* @__PURE__ */ n("span", {
|
|
2908
2878
|
className: l.content,
|
|
2909
|
-
children: [/* @__PURE__ */ t("span", { children: y }),
|
|
2879
|
+
children: [/* @__PURE__ */ t("span", { children: y }), h && /* @__PURE__ */ t("button", {
|
|
2910
2880
|
type: "button",
|
|
2911
2881
|
className: l.remove,
|
|
2912
|
-
"aria-label":
|
|
2882
|
+
"aria-label": g ?? "Remove",
|
|
2913
2883
|
onClick: (e) => {
|
|
2914
|
-
e.stopPropagation(),
|
|
2884
|
+
e.stopPropagation(), h();
|
|
2915
2885
|
},
|
|
2916
2886
|
children: /* @__PURE__ */ t("svg", {
|
|
2917
2887
|
viewBox: "0 0 10 10",
|
|
@@ -2931,20 +2901,20 @@ function It(u) {
|
|
|
2931
2901
|
})] });
|
|
2932
2902
|
return j === "button" ? /* @__PURE__ */ t("button", {
|
|
2933
2903
|
type: "button",
|
|
2934
|
-
...
|
|
2935
|
-
onClick:
|
|
2936
|
-
children:
|
|
2904
|
+
...le,
|
|
2905
|
+
onClick: m,
|
|
2906
|
+
children: q
|
|
2937
2907
|
}) : j === "a" ? /* @__PURE__ */ t("a", {
|
|
2938
2908
|
href: v,
|
|
2939
|
-
...
|
|
2940
|
-
onClick:
|
|
2941
|
-
children:
|
|
2909
|
+
...le,
|
|
2910
|
+
onClick: m,
|
|
2911
|
+
children: q
|
|
2942
2912
|
}) : /* @__PURE__ */ t("span", {
|
|
2943
|
-
...
|
|
2944
|
-
children:
|
|
2913
|
+
...le,
|
|
2914
|
+
children: q
|
|
2945
2915
|
});
|
|
2946
2916
|
}
|
|
2947
2917
|
//#endregion
|
|
2948
|
-
export { Je as n,
|
|
2918
|
+
export { Je as n, Lt as t };
|
|
2949
2919
|
|
|
2950
|
-
//# sourceMappingURL=Badge-
|
|
2920
|
+
//# sourceMappingURL=Badge-7yQseqZb.js.map
|