@weasel-js/labkit 0.8.0 → 1.0.0
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/README.md +11 -3
- package/dist/_dts/{DrawCommand-DACv9lhe.d.ts → DrawCommand-BwRCZYuo.d.ts} +72 -6
- package/dist/_dts/{useExperimentState-eSvpwV_P.d.ts → useExperimentState-CJn2hHzd.d.ts} +6 -4
- package/dist/{chunk-SSMHPMDV.js → chunk-53XSBIUK.js} +12 -11
- package/dist/chunk-53XSBIUK.js.map +1 -0
- package/dist/{chunk-FBZCQXI2.js → chunk-FP5LYDVX.js} +1229 -1227
- package/dist/chunk-FP5LYDVX.js.map +1 -0
- package/dist/{chunk-OHGEOTCV.js → chunk-HNXVLKBG.js} +3 -3
- package/dist/{chunk-OHGEOTCV.js.map → chunk-HNXVLKBG.js.map} +1 -1
- package/dist/{chunk-6V7ROR7G.js → chunk-XVBXYKFJ.js} +1168 -557
- package/dist/chunk-XVBXYKFJ.js.map +1 -0
- package/dist/index.d.ts +37 -13
- package/dist/index.js +776 -27
- package/dist/index.js.map +1 -1
- package/dist/passthrough/weasel-canvas.d.ts +1 -1
- package/dist/passthrough/weasel-canvas.js +1 -1
- package/dist/passthrough/weasel-ui.d.ts +97 -69
- package/dist/passthrough/weasel-ui.js +2 -2
- package/dist/state/index.d.ts +2 -2
- package/dist/state/index.js +2 -2
- package/dist/styles.css +228 -287
- package/dist/ui/layers/index.js +3 -3
- package/package.json +4 -6
- package/src/canvas/CanvasStack.less +1 -1
- package/src/controls/ControlPanel.less +12 -12
- package/src/dragdrop/DragGhost.less +2 -2
- package/src/dragdrop/Palette.less +6 -6
- package/src/index.ts +2 -0
- package/src/lab/Lab.test.tsx +20 -15
- package/src/lab/Lab.tsx +33 -32
- package/src/lab/LabContext.ts +3 -3
- package/src/lab/LabShell.less +14 -14
- package/src/lab/LabShell.test.tsx +7 -20
- package/src/lab/LabShell.tsx +22 -13
- package/src/lab/WorkspaceGrid.less +1 -1
- package/src/lab/WorkspaceGrid.stories.tsx +4 -4
- package/src/lab/index.ts +1 -1
- package/src/lab/useSystemMode.ts +30 -0
- package/src/layers/LayerList.less +9 -9
- package/src/primitives/FpsMeter.less +5 -5
- package/src/primitives/ScaleIndicator.less +7 -7
- package/src/primitives/Sidebar.less +12 -12
- package/src/primitives/StatusBar.less +10 -10
- package/src/primitives/Toolbar.less +16 -16
- package/src/state/store.test.ts +17 -9
- package/src/state/store.ts +13 -10
- package/src/state/types.ts +5 -2
- package/src/theme/Interstellar.stories.less +20 -20
- package/src/theme/Interstellar.stories.tsx +44 -59
- package/src/theme/base.less +26 -26
- package/src/theme/interstellar.test.ts +30 -0
- package/src/theme/interstellar.tokens.json +57 -0
- package/src/theme/interstellar.ts +9 -0
- package/src/ui/layers/LayerStack.less +21 -21
- package/src/ui/properties/CurveField.less +5 -5
- package/src/ui/properties/EffectCard.tsx +2 -2
- package/src/ui/properties/PropertyGroup.less +6 -6
- package/src/ui/properties/PropertyPanel.less +70 -70
- package/src/ui/properties/SpeechBalloonPanels.stories.tsx +1 -1
- package/src/ui/properties/storyLayouts.tsx +1 -1
- package/src/workspace/Workspace.less +14 -14
- package/src/workspace/Workspace.stories.tsx +2 -2
- package/src/workspace/Workspace.test.tsx +2 -2
- package/dist/chunk-6V7ROR7G.js.map +0 -1
- package/dist/chunk-FBZCQXI2.js.map +0 -1
- package/dist/chunk-SSMHPMDV.js.map +0 -1
- package/dist/theme-interstellar.css +0 -25
- package/dist/theme-light.css +0 -13
- package/src/theme/interstellar.less +0 -34
- package/src/theme/light.less +0 -14
- package/src/theme/tokens.less +0 -85
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useActionsRegistry, useOptionalDepRegistry, evaluateEnabled,
|
|
1
|
+
import { useActionsRegistry, useOptionalDepRegistry, evaluateEnabled, eligibleContribution, oklchToOklab, oklabToSrgbU8, rgbaToHex, UnknownIcon } from './chunk-XVBXYKFJ.js';
|
|
2
2
|
import { forwardRef, useRef, useMemo, useCallback, useEffect, useImperativeHandle, useSyncExternalStore, useState, useLayoutEffect, useId, Fragment as Fragment$1 } from 'react';
|
|
3
3
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
import { Checkbox, TextField, Label, Input, Text, FieldError, NumberField, Group, Button, Switch, Focusable, RadioGroup, Radio, Slider, SliderOutput, SliderTrack, SliderThumb, Select, SelectValue, Popover, ListBox, ListBoxItem, ModalOverlay, Modal, Dialog, Heading, Tabs, TabList, Tab, TabPanel, ComboBox, TooltipTrigger, Tooltip, OverlayArrow } from 'react-aria-components';
|
|
@@ -38,17 +38,17 @@ function p(e20, ...t26) {
|
|
|
38
38
|
f(e20) && console.debug(`[${e20}]`, ...t26);
|
|
39
39
|
}
|
|
40
40
|
function m(e20, t26, n29) {
|
|
41
|
-
let
|
|
41
|
+
let r28 = (e20.x - t26.xMin) / (t26.xMax - t26.xMin), i26 = (e20.y - t26.yMin) / (t26.yMax - t26.yMin);
|
|
42
42
|
return {
|
|
43
|
-
x:
|
|
44
|
-
y: (1 -
|
|
43
|
+
x: r28 * n29.width,
|
|
44
|
+
y: (1 - i26) * n29.height
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
47
|
function h(e20, t26, n29) {
|
|
48
|
-
let
|
|
48
|
+
let r28 = e20.x / n29.width, i26 = 1 - e20.y / n29.height;
|
|
49
49
|
return {
|
|
50
|
-
x: t26.xMin +
|
|
51
|
-
y: t26.yMin +
|
|
50
|
+
x: t26.xMin + r28 * (t26.xMax - t26.xMin),
|
|
51
|
+
y: t26.yMin + i26 * (t26.yMax - t26.yMin)
|
|
52
52
|
};
|
|
53
53
|
}
|
|
54
54
|
var g = {
|
|
@@ -57,24 +57,24 @@ var g = {
|
|
|
57
57
|
axis: "_axis_1djm7_34"
|
|
58
58
|
};
|
|
59
59
|
var _ = forwardRef(function(e20, c16) {
|
|
60
|
-
let { width:
|
|
61
|
-
xMin:
|
|
62
|
-
xMax:
|
|
63
|
-
yMin:
|
|
64
|
-
yMax:
|
|
65
|
-
}), [
|
|
66
|
-
width:
|
|
67
|
-
height:
|
|
68
|
-
}), [
|
|
69
|
-
let t26 = T3.current?.getBoundingClientRect(), n29 = t26?.left ?? 0,
|
|
60
|
+
let { width: l17, height: u14, xRange: d12 = [0, 1], yRange: f12 = [0, 1], grid: _6, axes: v3, tabIndex: y4, className: b3, style: x3, onPointerDown: S3, onKeyDown: C3, children: w3 } = e20, T3 = useRef(null), E3 = useMemo(() => ({
|
|
61
|
+
xMin: d12[0],
|
|
62
|
+
xMax: d12[1],
|
|
63
|
+
yMin: f12[0],
|
|
64
|
+
yMax: f12[1]
|
|
65
|
+
}), [d12, f12]), D3 = useMemo(() => ({
|
|
66
|
+
width: l17,
|
|
67
|
+
height: u14
|
|
68
|
+
}), [l17, u14]), O3 = useCallback((e21) => {
|
|
69
|
+
let t26 = T3.current?.getBoundingClientRect(), n29 = t26?.left ?? 0, r28 = t26?.top ?? 0;
|
|
70
70
|
return {
|
|
71
71
|
x: e21.clientX - n29,
|
|
72
|
-
y: e21.clientY -
|
|
72
|
+
y: e21.clientY - r28
|
|
73
73
|
};
|
|
74
74
|
}, []);
|
|
75
75
|
useEffect(() => (p("plot2d", "mount", {
|
|
76
|
-
width:
|
|
77
|
-
height:
|
|
76
|
+
width: l17,
|
|
77
|
+
height: u14
|
|
78
78
|
}), () => p("plot2d", "unmount")), []), useImperativeHandle(c16, () => ({
|
|
79
79
|
get svg() {
|
|
80
80
|
return T3.current;
|
|
@@ -111,33 +111,33 @@ var _ = forwardRef(function(e20, c16) {
|
|
|
111
111
|
ref: T3,
|
|
112
112
|
className: [g.root, b3].filter(Boolean).join(" "),
|
|
113
113
|
style: x3,
|
|
114
|
-
width:
|
|
115
|
-
height:
|
|
116
|
-
viewBox: `0 0 ${
|
|
114
|
+
width: l17,
|
|
115
|
+
height: u14,
|
|
116
|
+
viewBox: `0 0 ${l17} ${u14}`,
|
|
117
117
|
role: "img",
|
|
118
|
-
tabIndex:
|
|
118
|
+
tabIndex: y4,
|
|
119
119
|
onPointerDown: S3 ? k3 : void 0,
|
|
120
120
|
onKeyDown: C3,
|
|
121
121
|
children: [
|
|
122
|
-
|
|
123
|
-
let e21 =
|
|
122
|
+
_6 && (() => {
|
|
123
|
+
let e21 = _6.divisions ?? 3, t26 = _6.color, n29 = [];
|
|
124
124
|
for (let t27 = 1; t27 <= e21; t27++) n29.push(t27 / (e21 + 1));
|
|
125
125
|
return /* @__PURE__ */ jsxs("g", { children: [n29.map((e22) => /* @__PURE__ */ jsx("line", {
|
|
126
126
|
"data-plot-element": "grid",
|
|
127
127
|
className: g.grid,
|
|
128
128
|
stroke: t26,
|
|
129
|
-
x1: e22 *
|
|
130
|
-
x2: e22 *
|
|
129
|
+
x1: e22 * l17,
|
|
130
|
+
x2: e22 * l17,
|
|
131
131
|
y1: 0,
|
|
132
|
-
y2:
|
|
132
|
+
y2: u14
|
|
133
133
|
}, `gx-${e22}`)), n29.map((e22) => /* @__PURE__ */ jsx("line", {
|
|
134
134
|
"data-plot-element": "grid",
|
|
135
135
|
className: g.grid,
|
|
136
136
|
stroke: t26,
|
|
137
137
|
x1: 0,
|
|
138
|
-
x2:
|
|
139
|
-
y1: e22 *
|
|
140
|
-
y2: e22 *
|
|
138
|
+
x2: l17,
|
|
139
|
+
y1: e22 * u14,
|
|
140
|
+
y2: e22 * u14
|
|
141
141
|
}, `gy-${e22}`))] });
|
|
142
142
|
})(),
|
|
143
143
|
v3 !== false && v3 !== null && (() => {
|
|
@@ -147,9 +147,9 @@ var _ = forwardRef(function(e20, c16) {
|
|
|
147
147
|
className: g.axis,
|
|
148
148
|
stroke: e21,
|
|
149
149
|
x1: 0,
|
|
150
|
-
x2:
|
|
151
|
-
y1:
|
|
152
|
-
y2:
|
|
150
|
+
x2: l17,
|
|
151
|
+
y1: u14,
|
|
152
|
+
y2: u14
|
|
153
153
|
}), /* @__PURE__ */ jsx("line", {
|
|
154
154
|
"data-plot-element": "axis",
|
|
155
155
|
className: g.axis,
|
|
@@ -157,7 +157,7 @@ var _ = forwardRef(function(e20, c16) {
|
|
|
157
157
|
x1: 0,
|
|
158
158
|
x2: 0,
|
|
159
159
|
y1: 0,
|
|
160
|
-
y2:
|
|
160
|
+
y2: u14
|
|
161
161
|
})] });
|
|
162
162
|
})(),
|
|
163
163
|
w3
|
|
@@ -169,19 +169,19 @@ var a2 = {
|
|
|
169
169
|
arrow: "_arrow_1km1f_22"
|
|
170
170
|
};
|
|
171
171
|
function o2(e20) {
|
|
172
|
-
let { delay: t26 = 600, closeDelay:
|
|
172
|
+
let { delay: t26 = 600, closeDelay: i26 = 0, ...a24 } = e20;
|
|
173
173
|
return /* @__PURE__ */ jsx(TooltipTrigger, {
|
|
174
174
|
delay: t26,
|
|
175
|
-
closeDelay:
|
|
175
|
+
closeDelay: i26,
|
|
176
176
|
...a24
|
|
177
177
|
});
|
|
178
178
|
}
|
|
179
179
|
function s2(n29) {
|
|
180
|
-
let { children: o23, className: s21, placement: c16 = "top", offset:
|
|
180
|
+
let { children: o23, className: s21, placement: c16 = "top", offset: l17 = 8, ...u14 } = n29;
|
|
181
181
|
return /* @__PURE__ */ jsxs(Tooltip, {
|
|
182
|
-
...
|
|
182
|
+
...u14,
|
|
183
183
|
placement: c16,
|
|
184
|
-
offset:
|
|
184
|
+
offset: l17,
|
|
185
185
|
className: [a2.tooltip, s21].filter(Boolean).join(" "),
|
|
186
186
|
children: [/* @__PURE__ */ jsx(OverlayArrow, {
|
|
187
187
|
className: a2.arrow,
|
|
@@ -196,9 +196,9 @@ function s2(n29) {
|
|
|
196
196
|
});
|
|
197
197
|
}
|
|
198
198
|
var l2 = {
|
|
199
|
-
bar: "
|
|
200
|
-
vertical: "
|
|
201
|
-
button: "
|
|
199
|
+
bar: "_bar_147qb_7",
|
|
200
|
+
vertical: "_vertical_147qb_18",
|
|
201
|
+
button: "_button_147qb_22"
|
|
202
202
|
};
|
|
203
203
|
var u2 = Object.freeze([]);
|
|
204
204
|
var d2 = () => () => {
|
|
@@ -212,7 +212,7 @@ function p2(e20, t26) {
|
|
|
212
212
|
return t26 ? `${e20} (${t26})` : e20;
|
|
213
213
|
}
|
|
214
214
|
function m2(m8) {
|
|
215
|
-
let { group: h6, orientation: g5 = "horizontal", icons:
|
|
215
|
+
let { group: h6, orientation: g5 = "horizontal", icons: _6, labels: v3, className: y4 } = m8, b3 = useActionsRegistry(), x3 = useOptionalDepRegistry(), S3 = useSyncExternalStore(b3 ? b3.subscribe : d2, b3 ? b3.list : () => u2, b3 ? b3.list : () => u2).filter((e20) => e20.group === h6), C3 = x3 ? {
|
|
216
216
|
selection: x3.get("selection"),
|
|
217
217
|
scene: x3.get("scene"),
|
|
218
218
|
history: x3.get("history"),
|
|
@@ -225,25 +225,25 @@ function m2(m8) {
|
|
|
225
225
|
className: [
|
|
226
226
|
l2.bar,
|
|
227
227
|
g5 === "vertical" && l2.vertical,
|
|
228
|
-
|
|
228
|
+
y4
|
|
229
229
|
].filter(Boolean).join(" "),
|
|
230
230
|
role: "toolbar",
|
|
231
231
|
"aria-label": `${h6} actions`,
|
|
232
232
|
children: S3.map((n29) => {
|
|
233
|
-
let a24 = v3?.[n29.id] ?? n29.label, o23 = f2(n29,
|
|
233
|
+
let a24 = v3?.[n29.id] ?? n29.label, o23 = f2(n29, _6?.[n29.id]), { enabled: u14 } = evaluateEnabled(n29, C3), d12 = !u14, m9 = p2(a24, n29.shortcut);
|
|
234
234
|
return /* @__PURE__ */ jsxs(o2, {
|
|
235
|
-
isDisabled:
|
|
235
|
+
isDisabled: d12,
|
|
236
236
|
children: [/* @__PURE__ */ jsx(Focusable, {
|
|
237
|
-
isDisabled:
|
|
237
|
+
isDisabled: d12,
|
|
238
238
|
children: /* @__PURE__ */ jsx("button", {
|
|
239
239
|
type: "button",
|
|
240
240
|
"data-testid": `action-bar-item-${n29.id}`,
|
|
241
241
|
"aria-label": a24,
|
|
242
|
-
"aria-disabled":
|
|
243
|
-
disabled:
|
|
242
|
+
"aria-disabled": d12 || void 0,
|
|
243
|
+
disabled: d12,
|
|
244
244
|
className: l2.button,
|
|
245
245
|
onClick: () => {
|
|
246
|
-
|
|
246
|
+
d12 || b3?.trigger(n29.id);
|
|
247
247
|
},
|
|
248
248
|
children: o23
|
|
249
249
|
})
|
|
@@ -253,10 +253,10 @@ function m2(m8) {
|
|
|
253
253
|
});
|
|
254
254
|
}
|
|
255
255
|
var c3 = {
|
|
256
|
-
badge: "
|
|
257
|
-
deco: "
|
|
258
|
-
content: "
|
|
259
|
-
remove: "
|
|
256
|
+
badge: "_badge_16w4d_1",
|
|
257
|
+
deco: "_deco_16w4d_33",
|
|
258
|
+
content: "_content_16w4d_49",
|
|
259
|
+
remove: "_remove_16w4d_161"
|
|
260
260
|
};
|
|
261
261
|
var l3 = {
|
|
262
262
|
Component: () => null,
|
|
@@ -303,38 +303,38 @@ var p3 = {
|
|
|
303
303
|
eccentricity: 1
|
|
304
304
|
};
|
|
305
305
|
function m3(e20, t26) {
|
|
306
|
-
let n29 = e20 * t26,
|
|
306
|
+
let n29 = e20 * t26, r28 = e20 / t26;
|
|
307
307
|
return [
|
|
308
308
|
`M ${n29} 0`,
|
|
309
309
|
`L ${100 - n29} 0`,
|
|
310
|
-
`A ${n29} ${
|
|
311
|
-
`L 100 ${100 -
|
|
312
|
-
`A ${n29} ${
|
|
310
|
+
`A ${n29} ${r28} 0 0 0 100 ${r28}`,
|
|
311
|
+
`L 100 ${100 - r28}`,
|
|
312
|
+
`A ${n29} ${r28} 0 0 0 ${100 - n29} 100`,
|
|
313
313
|
`L ${n29} 100`,
|
|
314
|
-
`A ${n29} ${
|
|
315
|
-
`L 0 ${
|
|
316
|
-
`A ${n29} ${
|
|
314
|
+
`A ${n29} ${r28} 0 0 0 0 ${100 - r28}`,
|
|
315
|
+
`L 0 ${r28}`,
|
|
316
|
+
`A ${n29} ${r28} 0 0 0 ${n29} 0`,
|
|
317
317
|
"Z"
|
|
318
318
|
].join(" ");
|
|
319
319
|
}
|
|
320
320
|
var h2 = {
|
|
321
321
|
Component: ({ variant: e20, focused: t26, params: n29 }) => {
|
|
322
|
-
let
|
|
322
|
+
let r28 = {
|
|
323
323
|
...p3,
|
|
324
324
|
...n29
|
|
325
|
-
},
|
|
325
|
+
}, i26 = m3(Math.max(0, Math.min(r28.erosion, 1)) * 49, Math.max(0.2, Math.min(r28.eccentricity, 5)));
|
|
326
326
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
327
327
|
(e20 === "solid" || e20 === "subtle") && /* @__PURE__ */ jsx("path", {
|
|
328
328
|
className: "badge-fill",
|
|
329
|
-
d:
|
|
329
|
+
d: i26
|
|
330
330
|
}),
|
|
331
331
|
(e20 === "outline" || e20 === "solid") && /* @__PURE__ */ jsx("path", {
|
|
332
332
|
className: "badge-stroke",
|
|
333
|
-
d:
|
|
333
|
+
d: i26
|
|
334
334
|
}),
|
|
335
335
|
t26 && /* @__PURE__ */ jsx("path", {
|
|
336
336
|
className: "badge-focus",
|
|
337
|
-
d:
|
|
337
|
+
d: i26,
|
|
338
338
|
transform: "translate(50 50) scale(1.06) translate(-50 -50)"
|
|
339
339
|
})
|
|
340
340
|
] });
|
|
@@ -353,19 +353,19 @@ var g2 = {
|
|
|
353
353
|
holePitch: 11
|
|
354
354
|
};
|
|
355
355
|
function _2({ variant: e20, focused: a24, params: c16 }) {
|
|
356
|
-
let
|
|
356
|
+
let l17 = {
|
|
357
357
|
...g2,
|
|
358
358
|
...c16
|
|
359
|
-
},
|
|
359
|
+
}, u14 = useId(), d12 = useRef(null), [f12, p10] = useState({
|
|
360
360
|
w: 100,
|
|
361
361
|
h: 100
|
|
362
362
|
});
|
|
363
363
|
useLayoutEffect(() => {
|
|
364
|
-
let e21 =
|
|
364
|
+
let e21 = d12.current?.ownerSVGElement;
|
|
365
365
|
if (!e21) return;
|
|
366
366
|
let t26 = () => {
|
|
367
367
|
let t27 = e21.getBoundingClientRect();
|
|
368
|
-
t27.width > 0 && t27.height > 0 &&
|
|
368
|
+
t27.width > 0 && t27.height > 0 && p10({
|
|
369
369
|
w: t27.width,
|
|
370
370
|
h: t27.height
|
|
371
371
|
});
|
|
@@ -374,32 +374,32 @@ function _2({ variant: e20, focused: a24, params: c16 }) {
|
|
|
374
374
|
let n29 = new ResizeObserver(t26);
|
|
375
375
|
return n29.observe(e21), () => n29.disconnect();
|
|
376
376
|
}, []);
|
|
377
|
-
let m8 =
|
|
378
|
-
for (let e21 = 0; e21 <
|
|
379
|
-
let t26 = (e21 + 0.5) /
|
|
380
|
-
|
|
377
|
+
let m8 = l17.holeRadius / f12.w * 100, h6 = l17.holeRadius / f12.h * 100, _6 = Math.max(2, Math.round(f12.w / l17.holePitch)), v3 = Math.max(2, Math.round(f12.h / l17.holePitch)), y4 = [];
|
|
378
|
+
for (let e21 = 0; e21 < _6; e21++) {
|
|
379
|
+
let t26 = (e21 + 0.5) / _6;
|
|
380
|
+
y4.push({
|
|
381
381
|
cx: t26 * 100,
|
|
382
382
|
cy: 0
|
|
383
|
-
}),
|
|
383
|
+
}), y4.push({
|
|
384
384
|
cx: t26 * 100,
|
|
385
385
|
cy: 100
|
|
386
386
|
});
|
|
387
387
|
}
|
|
388
388
|
for (let e21 = 0; e21 < v3; e21++) {
|
|
389
389
|
let t26 = (e21 + 0.5) / v3;
|
|
390
|
-
|
|
390
|
+
y4.push({
|
|
391
391
|
cx: 0,
|
|
392
392
|
cy: t26 * 100
|
|
393
|
-
}),
|
|
393
|
+
}), y4.push({
|
|
394
394
|
cx: 100,
|
|
395
395
|
cy: t26 * 100
|
|
396
396
|
});
|
|
397
397
|
}
|
|
398
398
|
return /* @__PURE__ */ jsxs("g", {
|
|
399
|
-
ref:
|
|
399
|
+
ref: d12,
|
|
400
400
|
children: [
|
|
401
401
|
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", {
|
|
402
|
-
id:
|
|
402
|
+
id: u14,
|
|
403
403
|
maskUnits: "userSpaceOnUse",
|
|
404
404
|
x: "-5",
|
|
405
405
|
y: "-5",
|
|
@@ -411,7 +411,7 @@ function _2({ variant: e20, focused: a24, params: c16 }) {
|
|
|
411
411
|
width: "100",
|
|
412
412
|
height: "100",
|
|
413
413
|
fill: "white"
|
|
414
|
-
}),
|
|
414
|
+
}), y4.map((e21, t26) => /* @__PURE__ */ jsx("ellipse", {
|
|
415
415
|
cx: e21.cx,
|
|
416
416
|
cy: e21.cy,
|
|
417
417
|
rx: m8,
|
|
@@ -425,7 +425,7 @@ function _2({ variant: e20, focused: a24, params: c16 }) {
|
|
|
425
425
|
y: "0",
|
|
426
426
|
width: "100",
|
|
427
427
|
height: "100",
|
|
428
|
-
mask: `url(#${
|
|
428
|
+
mask: `url(#${u14})`
|
|
429
429
|
}),
|
|
430
430
|
(e20 === "outline" || e20 === "solid") && /* @__PURE__ */ jsx("rect", {
|
|
431
431
|
className: "badge-stroke",
|
|
@@ -433,7 +433,7 @@ function _2({ variant: e20, focused: a24, params: c16 }) {
|
|
|
433
433
|
y: "0",
|
|
434
434
|
width: "100",
|
|
435
435
|
height: "100",
|
|
436
|
-
mask: `url(#${
|
|
436
|
+
mask: `url(#${u14})`
|
|
437
437
|
}),
|
|
438
438
|
a24 && /* @__PURE__ */ jsx("rect", {
|
|
439
439
|
className: "badge-focus",
|
|
@@ -441,7 +441,7 @@ function _2({ variant: e20, focused: a24, params: c16 }) {
|
|
|
441
441
|
y: "-4",
|
|
442
442
|
width: "108",
|
|
443
443
|
height: "108",
|
|
444
|
-
mask: `url(#${
|
|
444
|
+
mask: `url(#${u14})`
|
|
445
445
|
})
|
|
446
446
|
]
|
|
447
447
|
});
|
|
@@ -462,8 +462,8 @@ var y = {
|
|
|
462
462
|
tipTruncation: 0
|
|
463
463
|
};
|
|
464
464
|
function b(e20, t26) {
|
|
465
|
-
let n29 = Math.max(0, Math.min(e20, 49)),
|
|
466
|
-
if (
|
|
465
|
+
let n29 = Math.max(0, Math.min(e20, 49)), r28 = Math.max(0, Math.min(t26, n29));
|
|
466
|
+
if (r28 <= 0) return [
|
|
467
467
|
[50, 0],
|
|
468
468
|
[100, n29],
|
|
469
469
|
[100, 100 - n29],
|
|
@@ -471,14 +471,14 @@ function b(e20, t26) {
|
|
|
471
471
|
[0, 100 - n29],
|
|
472
472
|
[0, n29]
|
|
473
473
|
];
|
|
474
|
-
let
|
|
474
|
+
let i26 = r28 / n29, a24 = 50 - 50 * i26, o23 = 50 + 50 * i26;
|
|
475
475
|
return [
|
|
476
|
-
[a24,
|
|
477
|
-
[o23,
|
|
476
|
+
[a24, r28],
|
|
477
|
+
[o23, r28],
|
|
478
478
|
[100, n29],
|
|
479
479
|
[100, 100 - n29],
|
|
480
|
-
[o23, 100 -
|
|
481
|
-
[a24, 100 -
|
|
480
|
+
[o23, 100 - r28],
|
|
481
|
+
[a24, 100 - r28],
|
|
482
482
|
[0, 100 - n29],
|
|
483
483
|
[0, n29]
|
|
484
484
|
];
|
|
@@ -510,38 +510,38 @@ var S = {
|
|
|
510
510
|
rotation: -7,
|
|
511
511
|
erosion: 0
|
|
512
512
|
};
|
|
513
|
-
function C(e20, t26, n29,
|
|
514
|
-
let a24 = e20 * 2, o23 = Math.PI * 2 / a24, s21 =
|
|
513
|
+
function C(e20, t26, n29, r28, i26) {
|
|
514
|
+
let a24 = e20 * 2, o23 = Math.PI * 2 / a24, s21 = r28 * Math.PI / 180, c16 = Math.max(0, Math.min(i26, 1)), l17 = [];
|
|
515
515
|
for (let e21 = 0; e21 < a24; e21++) {
|
|
516
|
-
let
|
|
517
|
-
|
|
516
|
+
let r29 = e21 % 2 == 0 ? t26 : n29, i27 = s21 + e21 * o23;
|
|
517
|
+
l17.push([50 + Math.cos(i27) * r29, 50 + Math.sin(i27) * r29]);
|
|
518
518
|
}
|
|
519
519
|
if (c16 <= 0) {
|
|
520
520
|
let e21 = "";
|
|
521
|
-
for (let t27 = 0; t27 <
|
|
521
|
+
for (let t27 = 0; t27 < l17.length; t27++) e21 += (t27 === 0 ? "M " : " L ") + l17[t27][0].toFixed(2) + " " + l17[t27][1].toFixed(2);
|
|
522
522
|
return e21 + " Z";
|
|
523
523
|
}
|
|
524
|
-
let
|
|
525
|
-
for (let e21 = 0; e21 <
|
|
526
|
-
let t27 =
|
|
527
|
-
e21 === 0 ?
|
|
524
|
+
let u14 = "";
|
|
525
|
+
for (let e21 = 0; e21 < l17.length; e21++) {
|
|
526
|
+
let t27 = l17[(e21 + l17.length - 1) % l17.length], n30 = l17[e21], r29 = l17[(e21 + 1) % l17.length], i27 = c16 * 0.45, a25 = n30[0] + (t27[0] - n30[0]) * i27, o24 = n30[1] + (t27[1] - n30[1]) * i27, s22 = n30[0] + (r29[0] - n30[0]) * i27, d12 = n30[1] + (r29[1] - n30[1]) * i27;
|
|
527
|
+
e21 === 0 ? u14 += `M ${a25.toFixed(2)} ${o24.toFixed(2)}` : u14 += ` L ${a25.toFixed(2)} ${o24.toFixed(2)}`, u14 += ` Q ${n30[0].toFixed(2)} ${n30[1].toFixed(2)} ${s22.toFixed(2)} ${d12.toFixed(2)}`;
|
|
528
528
|
}
|
|
529
|
-
return
|
|
529
|
+
return u14 + " Z";
|
|
530
530
|
}
|
|
531
531
|
var w = {
|
|
532
532
|
Component: ({ variant: e20, focused: t26, params: n29 }) => {
|
|
533
|
-
let
|
|
533
|
+
let r28 = {
|
|
534
534
|
...S,
|
|
535
535
|
...n29
|
|
536
|
-
},
|
|
536
|
+
}, i26 = C(r28.points, r28.outerR, r28.innerR, r28.rotation, r28.erosion), c16 = C(r28.points, r28.outerR + 4, r28.innerR + 3, r28.rotation, r28.erosion);
|
|
537
537
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
538
538
|
(e20 === "solid" || e20 === "subtle") && /* @__PURE__ */ jsx("path", {
|
|
539
539
|
className: "badge-fill",
|
|
540
|
-
d:
|
|
540
|
+
d: i26
|
|
541
541
|
}),
|
|
542
542
|
(e20 === "outline" || e20 === "solid") && /* @__PURE__ */ jsx("path", {
|
|
543
543
|
className: "badge-stroke",
|
|
544
|
-
d:
|
|
544
|
+
d: i26
|
|
545
545
|
}),
|
|
546
546
|
t26 && /* @__PURE__ */ jsx("path", {
|
|
547
547
|
className: "badge-focus",
|
|
@@ -601,16 +601,16 @@ function O({ variant: e20, focused: t26, params: a24 }) {
|
|
|
601
601
|
let c16 = {
|
|
602
602
|
...D,
|
|
603
603
|
...a24
|
|
604
|
-
},
|
|
604
|
+
}, l17 = useRef(null), [u14, d12] = useState({
|
|
605
605
|
w: 100,
|
|
606
606
|
h: 100
|
|
607
607
|
});
|
|
608
608
|
useLayoutEffect(() => {
|
|
609
|
-
let e21 =
|
|
609
|
+
let e21 = l17.current?.ownerSVGElement;
|
|
610
610
|
if (!e21) return;
|
|
611
611
|
let t27 = () => {
|
|
612
612
|
let t28 = e21.getBoundingClientRect();
|
|
613
|
-
t28.width > 0 && t28.height > 0 &&
|
|
613
|
+
t28.width > 0 && t28.height > 0 && d12({
|
|
614
614
|
w: t28.width,
|
|
615
615
|
h: t28.height
|
|
616
616
|
});
|
|
@@ -619,19 +619,19 @@ function O({ variant: e20, focused: t26, params: a24 }) {
|
|
|
619
619
|
let n29 = new ResizeObserver(t27);
|
|
620
620
|
return n29.observe(e21), () => n29.disconnect();
|
|
621
621
|
}, []);
|
|
622
|
-
let
|
|
622
|
+
let f12 = Math.max(60, Math.min(c16.pointDepth, 110)), p10 = Math.max(20, Math.min(c16.shoulderY, f12 - 5)), m8 = p10 + (f12 - p10) * Math.max(0.1, Math.min(c16.curveTightness, 1)), h6 = Math.max(0, Math.min(c16.erosion, 1)) * 12, g5 = h6 / u14.w * 100, _6 = h6 / u14.h * 100, v3 = [
|
|
623
623
|
`M ${g5.toFixed(3)} 0`,
|
|
624
624
|
`L ${(100 - g5).toFixed(3)} 0`,
|
|
625
|
-
`A ${g5.toFixed(3)} ${
|
|
626
|
-
`L 100 ${
|
|
627
|
-
`Q 100 ${m8} 50 ${
|
|
628
|
-
`Q 0 ${m8} 0 ${
|
|
629
|
-
`L 0 ${
|
|
630
|
-
`A ${g5.toFixed(3)} ${
|
|
625
|
+
`A ${g5.toFixed(3)} ${_6.toFixed(3)} 0 0 1 100 ${_6.toFixed(3)}`,
|
|
626
|
+
`L 100 ${p10}`,
|
|
627
|
+
`Q 100 ${m8} 50 ${f12}`,
|
|
628
|
+
`Q 0 ${m8} 0 ${p10}`,
|
|
629
|
+
`L 0 ${_6.toFixed(3)}`,
|
|
630
|
+
`A ${g5.toFixed(3)} ${_6.toFixed(3)} 0 0 1 ${g5.toFixed(3)} 0`,
|
|
631
631
|
"Z"
|
|
632
632
|
].join(" ");
|
|
633
633
|
return /* @__PURE__ */ jsxs("g", {
|
|
634
|
-
ref:
|
|
634
|
+
ref: l17,
|
|
635
635
|
children: [
|
|
636
636
|
(e20 === "solid" || e20 === "subtle") && /* @__PURE__ */ jsx("path", {
|
|
637
637
|
className: "badge-fill",
|
|
@@ -727,32 +727,32 @@ var P = {
|
|
|
727
727
|
innerR: 50,
|
|
728
728
|
rotation: -5
|
|
729
729
|
};
|
|
730
|
-
function F(e20, t26, n29,
|
|
731
|
-
let
|
|
732
|
-
for (let e21 = 0; e21 <
|
|
733
|
-
let
|
|
734
|
-
s21 += (e21 === 0 ? "M " : " L ") + c16.toFixed(2) + " " +
|
|
730
|
+
function F(e20, t26, n29, r28) {
|
|
731
|
+
let i26 = e20 * 2, a24 = Math.PI * 2 / i26, o23 = r28 * Math.PI / 180, s21 = "";
|
|
732
|
+
for (let e21 = 0; e21 < i26; e21++) {
|
|
733
|
+
let r29 = e21 % 2 == 0 ? t26 : n29, i27 = o23 + e21 * a24, c16 = 50 + Math.cos(i27) * r29, l17 = 50 + Math.sin(i27) * r29;
|
|
734
|
+
s21 += (e21 === 0 ? "M " : " L ") + c16.toFixed(2) + " " + l17.toFixed(2);
|
|
735
735
|
}
|
|
736
736
|
return s21 + " Z";
|
|
737
737
|
}
|
|
738
738
|
var ee = {
|
|
739
739
|
Component: ({ variant: e20, focused: t26, params: n29 }) => {
|
|
740
|
-
let { points:
|
|
740
|
+
let { points: r28, outerR: i26, innerR: c16, rotation: l17 } = {
|
|
741
741
|
...P,
|
|
742
742
|
...n29
|
|
743
|
-
},
|
|
743
|
+
}, u14 = F(r28, i26, c16, l17), d12 = F(r28, i26 + 4, c16 + 3, l17);
|
|
744
744
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
745
745
|
(e20 === "solid" || e20 === "subtle") && /* @__PURE__ */ jsx("path", {
|
|
746
746
|
className: "badge-fill",
|
|
747
|
-
d:
|
|
747
|
+
d: u14
|
|
748
748
|
}),
|
|
749
749
|
(e20 === "outline" || e20 === "solid") && /* @__PURE__ */ jsx("path", {
|
|
750
750
|
className: "badge-stroke",
|
|
751
|
-
d:
|
|
751
|
+
d: u14
|
|
752
752
|
}),
|
|
753
753
|
t26 && /* @__PURE__ */ jsx("path", {
|
|
754
754
|
className: "badge-focus",
|
|
755
|
-
d:
|
|
755
|
+
d: d12
|
|
756
756
|
})
|
|
757
757
|
] });
|
|
758
758
|
},
|
|
@@ -842,17 +842,17 @@ var L = {
|
|
|
842
842
|
let t26 = {
|
|
843
843
|
...ie,
|
|
844
844
|
...e20
|
|
845
|
-
}, n29 = Math.max(2, Math.min(t26.eaveY, 95)),
|
|
845
|
+
}, n29 = Math.max(2, Math.min(t26.eaveY, 95)), r28 = n29 - Math.max(0, t26.peakHeight), i26 = Math.max(0, Math.min(t26.roofOverhang, 12));
|
|
846
846
|
return {
|
|
847
847
|
base: "polygon",
|
|
848
848
|
baseParams: { vertices: [
|
|
849
|
-
[50,
|
|
850
|
-
[100 +
|
|
849
|
+
[50, r28],
|
|
850
|
+
[100 + i26, n29],
|
|
851
851
|
[100, n29],
|
|
852
852
|
[100, 100],
|
|
853
853
|
[0, 100],
|
|
854
854
|
[0, n29],
|
|
855
|
-
[-
|
|
855
|
+
[-i26, n29]
|
|
856
856
|
] }
|
|
857
857
|
};
|
|
858
858
|
},
|
|
@@ -921,36 +921,36 @@ var R = {
|
|
|
921
921
|
pointDepth: 100
|
|
922
922
|
};
|
|
923
923
|
function se(e20, t26) {
|
|
924
|
-
let n29 = Math.max(0, Math.min(e20, 35)),
|
|
924
|
+
let n29 = Math.max(0, Math.min(e20, 35)), r28 = Math.max(60, Math.min(t26, 110));
|
|
925
925
|
return [
|
|
926
926
|
`M ${n29} 6`,
|
|
927
927
|
`Q ${n29 / 2} 0 ${n29 + 4} 0`,
|
|
928
928
|
`L ${100 - n29 - 4} 0`,
|
|
929
929
|
`Q ${100 - n29 / 2} 0 ${100 - n29} 6`,
|
|
930
|
-
`L ${100 - n29 * 0.4} ${
|
|
931
|
-
`Q ${100 - n29} ${
|
|
932
|
-
`Q ${n29} ${
|
|
930
|
+
`L ${100 - n29 * 0.4} ${r28 * 0.35}`,
|
|
931
|
+
`Q ${100 - n29} ${r28 * 0.7} 50 ${r28}`,
|
|
932
|
+
`Q ${n29} ${r28 * 0.7} ${n29 * 0.4} ${r28 * 0.35}`,
|
|
933
933
|
"Z"
|
|
934
934
|
].join(" ");
|
|
935
935
|
}
|
|
936
936
|
var z = {
|
|
937
937
|
Component: ({ variant: e20, focused: t26, params: n29 }) => {
|
|
938
|
-
let
|
|
938
|
+
let r28 = {
|
|
939
939
|
...R,
|
|
940
940
|
...n29
|
|
941
|
-
},
|
|
941
|
+
}, i26 = se(r28.topInset, r28.pointDepth);
|
|
942
942
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
943
943
|
(e20 === "solid" || e20 === "subtle") && /* @__PURE__ */ jsx("path", {
|
|
944
944
|
className: "badge-fill",
|
|
945
|
-
d:
|
|
945
|
+
d: i26
|
|
946
946
|
}),
|
|
947
947
|
(e20 === "outline" || e20 === "solid") && /* @__PURE__ */ jsx("path", {
|
|
948
948
|
className: "badge-stroke",
|
|
949
|
-
d:
|
|
949
|
+
d: i26
|
|
950
950
|
}),
|
|
951
951
|
t26 && /* @__PURE__ */ jsx("path", {
|
|
952
952
|
className: "badge-focus",
|
|
953
|
-
d:
|
|
953
|
+
d: i26,
|
|
954
954
|
transform: "translate(50 50) scale(1.06) translate(-50 -50)"
|
|
955
955
|
})
|
|
956
956
|
] });
|
|
@@ -1002,15 +1002,15 @@ var le = {
|
|
|
1002
1002
|
let t26 = {
|
|
1003
1003
|
...V,
|
|
1004
1004
|
...e20
|
|
1005
|
-
}, n29 = Math.max(0, Math.min(t26.headX, 40)),
|
|
1005
|
+
}, n29 = Math.max(0, Math.min(t26.headX, 40)), r28 = Math.max(n29 + 1, Math.min(t26.shoulderX, 70)), i26 = Math.max(r28 + 1, Math.min(t26.footX, 100)), a24 = Math.max(2, Math.min(t26.headHalfHeight, 50)), o23 = Math.max(0, Math.min(t26.shoulderHalfHeight, 50)), s21 = Math.min(50, a24 + o23), c16 = Math.max(2, Math.min(t26.footHalfHeight, 50));
|
|
1006
1006
|
return {
|
|
1007
1007
|
base: "polygon",
|
|
1008
1008
|
baseParams: { vertices: [
|
|
1009
1009
|
[n29, 50 - a24],
|
|
1010
|
-
[
|
|
1011
|
-
[
|
|
1012
|
-
[
|
|
1013
|
-
[
|
|
1010
|
+
[r28, 50 - s21],
|
|
1011
|
+
[i26, 50 - c16],
|
|
1012
|
+
[i26, 50 + c16],
|
|
1013
|
+
[r28, 50 + s21],
|
|
1014
1014
|
[n29, 50 + a24]
|
|
1015
1015
|
] }
|
|
1016
1016
|
};
|
|
@@ -1030,48 +1030,48 @@ var H = {
|
|
|
1030
1030
|
sideToTopRatio: 3
|
|
1031
1031
|
};
|
|
1032
1032
|
function U(e20, t26) {
|
|
1033
|
-
let n29 = Math.max(3, Math.floor(e20)),
|
|
1033
|
+
let n29 = Math.max(3, Math.floor(e20)), r28 = Math.max(1, t26), i26 = (e21) => r28 * (0.55 + 0.55 * Math.abs(Math.sin(e21 * 1.73 + 0.5))), a24 = "M 0 0 L 100 0";
|
|
1034
1034
|
for (let e21 = 0; e21 < n29; e21++) {
|
|
1035
|
-
let t27 = (e21 + 0.5) / n29 * 100,
|
|
1036
|
-
a24 += ` L ${(100 -
|
|
1035
|
+
let t27 = (e21 + 0.5) / n29 * 100, r29 = (e21 + 1) / n29 * 100;
|
|
1036
|
+
a24 += ` L ${(100 - i26(e21)).toFixed(3)} ${t27.toFixed(3)} L 100 ${r29.toFixed(3)}`;
|
|
1037
1037
|
}
|
|
1038
1038
|
a24 += " L 0 100";
|
|
1039
1039
|
for (let e21 = n29 - 1; e21 >= 0; e21--) {
|
|
1040
|
-
let t27 = (e21 + 0.5) / n29 * 100,
|
|
1041
|
-
a24 += ` L ${
|
|
1040
|
+
let t27 = (e21 + 0.5) / n29 * 100, r29 = e21 / n29 * 100;
|
|
1041
|
+
a24 += ` L ${i26(e21 + n29).toFixed(3)} ${t27.toFixed(3)} L 0 ${r29.toFixed(3)}`;
|
|
1042
1042
|
}
|
|
1043
1043
|
return a24 + " Z";
|
|
1044
1044
|
}
|
|
1045
1045
|
var ue = 2;
|
|
1046
1046
|
var de = {
|
|
1047
1047
|
Component: ({ variant: e20, focused: t26, params: n29 }) => {
|
|
1048
|
-
let
|
|
1048
|
+
let r28 = {
|
|
1049
1049
|
...H,
|
|
1050
1050
|
...n29
|
|
1051
|
-
},
|
|
1051
|
+
}, i26 = U(r28.teeth, r28.tearDepth);
|
|
1052
1052
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1053
1053
|
(e20 === "solid" || e20 === "subtle") && /* @__PURE__ */ jsx("path", {
|
|
1054
1054
|
className: "badge-fill",
|
|
1055
|
-
d:
|
|
1055
|
+
d: i26
|
|
1056
1056
|
}),
|
|
1057
1057
|
(e20 === "outline" || e20 === "solid") && /* @__PURE__ */ jsx("path", {
|
|
1058
1058
|
className: "badge-stroke",
|
|
1059
|
-
d:
|
|
1059
|
+
d: i26
|
|
1060
1060
|
}),
|
|
1061
1061
|
t26 && /* @__PURE__ */ jsx("path", {
|
|
1062
1062
|
className: "badge-focus",
|
|
1063
|
-
d:
|
|
1063
|
+
d: i26,
|
|
1064
1064
|
transform: "translate(50 50) scale(1.04) translate(-50 -50)"
|
|
1065
1065
|
})
|
|
1066
1066
|
] });
|
|
1067
1067
|
},
|
|
1068
1068
|
insets: (e20) => {
|
|
1069
|
-
let t26 = Math.max(0.2, Math.min(e20.sideToTopRatio ?? H.sideToTopRatio, 10)), n29 = ue,
|
|
1069
|
+
let t26 = Math.max(0.2, Math.min(e20.sideToTopRatio ?? H.sideToTopRatio, 10)), n29 = ue, r28 = Math.round(n29 * t26);
|
|
1070
1070
|
return {
|
|
1071
1071
|
top: n29,
|
|
1072
|
-
right:
|
|
1072
|
+
right: r28,
|
|
1073
1073
|
bottom: n29,
|
|
1074
|
-
left:
|
|
1074
|
+
left: r28
|
|
1075
1075
|
};
|
|
1076
1076
|
},
|
|
1077
1077
|
stretches: true,
|
|
@@ -1213,10 +1213,10 @@ var pe = {
|
|
|
1213
1213
|
var K = { chamfer: 6 };
|
|
1214
1214
|
var me = {
|
|
1215
1215
|
build: (e20, t26, n29) => {
|
|
1216
|
-
let
|
|
1216
|
+
let r28 = {
|
|
1217
1217
|
...K,
|
|
1218
1218
|
...e20
|
|
1219
|
-
},
|
|
1219
|
+
}, i26 = 100 / t26, a24 = 100 / n29, o23 = r28.chamfer * i26, s21 = r28.chamfer * a24, c16 = [
|
|
1220
1220
|
[o23, 0],
|
|
1221
1221
|
[100 - o23, 0],
|
|
1222
1222
|
[100, s21],
|
|
@@ -1225,25 +1225,25 @@ var me = {
|
|
|
1225
1225
|
[o23, 100],
|
|
1226
1226
|
[0, 100 - s21],
|
|
1227
1227
|
[0, s21]
|
|
1228
|
-
],
|
|
1228
|
+
], l17 = [], u14 = [0];
|
|
1229
1229
|
for (let e21 = 0; e21 < c16.length; e21++) {
|
|
1230
|
-
let t27 = c16[e21], n30 = c16[(e21 + 1) % c16.length],
|
|
1231
|
-
|
|
1230
|
+
let t27 = c16[e21], n30 = c16[(e21 + 1) % c16.length], r29 = (n30[0] - t27[0]) / i26, o24 = (n30[1] - t27[1]) / a24, s22 = Math.hypot(r29, o24);
|
|
1231
|
+
l17.push(s22), u14.push(u14[u14.length - 1] + s22);
|
|
1232
1232
|
}
|
|
1233
|
-
let
|
|
1233
|
+
let d12 = u14[u14.length - 1];
|
|
1234
1234
|
return {
|
|
1235
1235
|
bodyPath: `M ${c16[0][0]} ${c16[0][1]} ` + c16.slice(1).map(([e21, t27]) => `L ${e21} ${t27}`).join(" ") + " Z",
|
|
1236
1236
|
perimeterAt: (e21) => {
|
|
1237
|
-
let t27 = (e21 %
|
|
1238
|
-
for (let e22 = 0; e22 <
|
|
1239
|
-
let n30 =
|
|
1240
|
-
if (t27 <=
|
|
1241
|
-
let
|
|
1237
|
+
let t27 = (e21 % d12 + d12) % d12;
|
|
1238
|
+
for (let e22 = 0; e22 < l17.length; e22++) {
|
|
1239
|
+
let n30 = u14[e22];
|
|
1240
|
+
if (t27 <= u14[e22 + 1] + 1e-9) {
|
|
1241
|
+
let r29 = l17[e22] > 0 ? (t27 - n30) / l17[e22] : 0, o24 = c16[e22], s22 = c16[(e22 + 1) % c16.length], u15 = o24[0] + (s22[0] - o24[0]) * r29, d13 = o24[1] + (s22[1] - o24[1]) * r29, f12 = (s22[0] - o24[0]) / i26, p10 = (s22[1] - o24[1]) / a24, m8 = Math.hypot(f12, p10) || 1;
|
|
1242
1242
|
return {
|
|
1243
|
-
x:
|
|
1244
|
-
y:
|
|
1245
|
-
nx:
|
|
1246
|
-
ny: -
|
|
1243
|
+
x: u15,
|
|
1244
|
+
y: d13,
|
|
1245
|
+
nx: p10 / m8,
|
|
1246
|
+
ny: -f12 / m8
|
|
1247
1247
|
};
|
|
1248
1248
|
}
|
|
1249
1249
|
}
|
|
@@ -1254,7 +1254,7 @@ var me = {
|
|
|
1254
1254
|
ny: -1
|
|
1255
1255
|
};
|
|
1256
1256
|
},
|
|
1257
|
-
totalCss:
|
|
1257
|
+
totalCss: d12
|
|
1258
1258
|
};
|
|
1259
1259
|
},
|
|
1260
1260
|
defaults: K,
|
|
@@ -1272,13 +1272,13 @@ var he = {
|
|
|
1272
1272
|
};
|
|
1273
1273
|
var ge = {
|
|
1274
1274
|
build: (e20, t26, n29) => {
|
|
1275
|
-
let
|
|
1275
|
+
let r28 = {
|
|
1276
1276
|
...he,
|
|
1277
1277
|
...e20
|
|
1278
|
-
},
|
|
1278
|
+
}, i26 = 100 / t26, a24 = 100 / n29, o23 = Math.max(0, Math.min(r28.erosion, 1)), s21 = Math.max(0.1, Math.min(r28.eccentricity, 10)), c16 = Math.min(t26, n29) / 2 * o23, l17 = c16 * i26 * s21, u14 = c16 * a24 / s21, d12 = Math.max(0, Math.min(l17, 50)), f12 = Math.max(0, Math.min(u14, 50)), p10 = (100 - 2 * d12) / i26, m8 = (100 - 2 * f12) / a24, h6 = c16 + c16 || 1, g5 = Math.PI * h6 * 1 / 4, _6 = [
|
|
1279
1279
|
{
|
|
1280
1280
|
kind: "h-edge",
|
|
1281
|
-
cssLen:
|
|
1281
|
+
cssLen: p10
|
|
1282
1282
|
},
|
|
1283
1283
|
{
|
|
1284
1284
|
kind: "tr-arc",
|
|
@@ -1294,7 +1294,7 @@ var ge = {
|
|
|
1294
1294
|
},
|
|
1295
1295
|
{
|
|
1296
1296
|
kind: "h-edge-b",
|
|
1297
|
-
cssLen:
|
|
1297
|
+
cssLen: p10
|
|
1298
1298
|
},
|
|
1299
1299
|
{
|
|
1300
1300
|
kind: "bl-arc",
|
|
@@ -1309,15 +1309,15 @@ var ge = {
|
|
|
1309
1309
|
cssLen: g5
|
|
1310
1310
|
}
|
|
1311
1311
|
], v3 = [0];
|
|
1312
|
-
for (let e21 of
|
|
1313
|
-
let
|
|
1314
|
-
let t27 = (e21 %
|
|
1315
|
-
for (; n30 <
|
|
1316
|
-
let
|
|
1317
|
-
switch (
|
|
1312
|
+
for (let e21 of _6) v3.push(v3[v3.length - 1] + e21.cssLen);
|
|
1313
|
+
let y4 = v3[v3.length - 1], b3 = (e21) => {
|
|
1314
|
+
let t27 = (e21 % y4 + y4) % y4, n30 = 0;
|
|
1315
|
+
for (; n30 < _6.length - 1 && t27 > v3[n30 + 1]; ) n30++;
|
|
1316
|
+
let r29 = t27 - v3[n30], i27 = _6[n30], a25 = i27.cssLen > 0 ? r29 / i27.cssLen : 0;
|
|
1317
|
+
switch (i27.kind) {
|
|
1318
1318
|
case "h-edge":
|
|
1319
1319
|
return {
|
|
1320
|
-
x:
|
|
1320
|
+
x: d12 + (100 - 2 * d12) * a25,
|
|
1321
1321
|
y: 0,
|
|
1322
1322
|
nx: 0,
|
|
1323
1323
|
ny: -1
|
|
@@ -1325,8 +1325,8 @@ var ge = {
|
|
|
1325
1325
|
case "tr-arc": {
|
|
1326
1326
|
let e22 = -Math.PI / 2 + Math.PI / 2 * a25;
|
|
1327
1327
|
return {
|
|
1328
|
-
x: 100 -
|
|
1329
|
-
y:
|
|
1328
|
+
x: 100 - d12 + d12 * Math.cos(e22),
|
|
1329
|
+
y: f12 + f12 * Math.sin(e22),
|
|
1330
1330
|
nx: Math.cos(e22),
|
|
1331
1331
|
ny: Math.sin(e22)
|
|
1332
1332
|
};
|
|
@@ -1334,22 +1334,22 @@ var ge = {
|
|
|
1334
1334
|
case "v-edge":
|
|
1335
1335
|
return {
|
|
1336
1336
|
x: 100,
|
|
1337
|
-
y:
|
|
1337
|
+
y: f12 + (100 - 2 * f12) * a25,
|
|
1338
1338
|
nx: 1,
|
|
1339
1339
|
ny: 0
|
|
1340
1340
|
};
|
|
1341
1341
|
case "br-arc": {
|
|
1342
1342
|
let e22 = Math.PI / 2 * a25;
|
|
1343
1343
|
return {
|
|
1344
|
-
x: 100 -
|
|
1345
|
-
y: 100 -
|
|
1344
|
+
x: 100 - d12 + d12 * Math.cos(e22),
|
|
1345
|
+
y: 100 - f12 + f12 * Math.sin(e22),
|
|
1346
1346
|
nx: Math.cos(e22),
|
|
1347
1347
|
ny: Math.sin(e22)
|
|
1348
1348
|
};
|
|
1349
1349
|
}
|
|
1350
1350
|
case "h-edge-b":
|
|
1351
1351
|
return {
|
|
1352
|
-
x: 100 -
|
|
1352
|
+
x: 100 - d12 - (100 - 2 * d12) * a25,
|
|
1353
1353
|
y: 100,
|
|
1354
1354
|
nx: 0,
|
|
1355
1355
|
ny: 1
|
|
@@ -1357,8 +1357,8 @@ var ge = {
|
|
|
1357
1357
|
case "bl-arc": {
|
|
1358
1358
|
let e22 = Math.PI / 2 + Math.PI / 2 * a25;
|
|
1359
1359
|
return {
|
|
1360
|
-
x:
|
|
1361
|
-
y: 100 -
|
|
1360
|
+
x: d12 + d12 * Math.cos(e22),
|
|
1361
|
+
y: 100 - f12 + f12 * Math.sin(e22),
|
|
1362
1362
|
nx: Math.cos(e22),
|
|
1363
1363
|
ny: Math.sin(e22)
|
|
1364
1364
|
};
|
|
@@ -1366,15 +1366,15 @@ var ge = {
|
|
|
1366
1366
|
case "v-edge-l":
|
|
1367
1367
|
return {
|
|
1368
1368
|
x: 0,
|
|
1369
|
-
y: 100 -
|
|
1369
|
+
y: 100 - f12 - (100 - 2 * f12) * a25,
|
|
1370
1370
|
nx: -1,
|
|
1371
1371
|
ny: 0
|
|
1372
1372
|
};
|
|
1373
1373
|
case "tl-arc": {
|
|
1374
1374
|
let e22 = Math.PI + Math.PI / 2 * a25;
|
|
1375
1375
|
return {
|
|
1376
|
-
x:
|
|
1377
|
-
y:
|
|
1376
|
+
x: d12 + d12 * Math.cos(e22),
|
|
1377
|
+
y: f12 + f12 * Math.sin(e22),
|
|
1378
1378
|
nx: Math.cos(e22),
|
|
1379
1379
|
ny: Math.sin(e22)
|
|
1380
1380
|
};
|
|
@@ -1386,36 +1386,36 @@ var ge = {
|
|
|
1386
1386
|
nx: 0,
|
|
1387
1387
|
ny: -1
|
|
1388
1388
|
};
|
|
1389
|
-
}, x3 = Math.max(0, Math.min(
|
|
1389
|
+
}, x3 = Math.max(0, Math.min(r28.pinch, 1)) * (1 - o23), S3 = (e21, t27) => {
|
|
1390
1390
|
if (x3 === 0) return t27;
|
|
1391
1391
|
let n30 = Math.abs(e21 - 50) / 50;
|
|
1392
1392
|
return 50 + (t27 - 50) * (1 - n30 * x3);
|
|
1393
1393
|
}, C3, w3 = b3;
|
|
1394
1394
|
if (x3 === 0) C3 = [
|
|
1395
|
-
`M ${
|
|
1396
|
-
`L ${100 -
|
|
1397
|
-
`A ${
|
|
1398
|
-
`L 100 ${100 -
|
|
1399
|
-
`A ${
|
|
1400
|
-
`L ${
|
|
1401
|
-
`A ${
|
|
1402
|
-
`L 0 ${
|
|
1403
|
-
`A ${
|
|
1395
|
+
`M ${d12} 0`,
|
|
1396
|
+
`L ${100 - d12} 0`,
|
|
1397
|
+
`A ${d12} ${f12} 0 0 1 100 ${f12}`,
|
|
1398
|
+
`L 100 ${100 - f12}`,
|
|
1399
|
+
`A ${d12} ${f12} 0 0 1 ${100 - d12} 100`,
|
|
1400
|
+
`L ${d12} 100`,
|
|
1401
|
+
`A ${d12} ${f12} 0 0 1 0 ${100 - f12}`,
|
|
1402
|
+
`L 0 ${f12}`,
|
|
1403
|
+
`A ${d12} ${f12} 0 0 1 ${d12} 0`,
|
|
1404
1404
|
"Z"
|
|
1405
1405
|
].join(" ");
|
|
1406
1406
|
else {
|
|
1407
1407
|
let e21 = [];
|
|
1408
1408
|
for (let t27 = 0; t27 < 240; t27++) {
|
|
1409
|
-
let n30 = b3(t27 / 240 *
|
|
1409
|
+
let n30 = b3(t27 / 240 * y4);
|
|
1410
1410
|
e21.push({
|
|
1411
1411
|
x: n30.x,
|
|
1412
1412
|
y: S3(n30.x, n30.y)
|
|
1413
1413
|
});
|
|
1414
1414
|
}
|
|
1415
1415
|
C3 = e21.reduce((e22, t27, n30) => e22 + (n30 === 0 ? `M ${t27.x.toFixed(3)} ${t27.y.toFixed(3)}` : ` L ${t27.x.toFixed(3)} ${t27.y.toFixed(3)}`), "") + " Z", w3 = (e22) => {
|
|
1416
|
-
let t27 = (e22 %
|
|
1416
|
+
let t27 = (e22 % y4 + y4) % y4, n30 = b3(t27), r29 = n30.x, o24 = S3(n30.x, n30.y), s22 = y4 / 480, c17 = b3(t27 - s22), l18 = b3(t27 + s22), u15 = c17.x, d13 = S3(c17.x, c17.y), f13 = l18.x, p11 = S3(l18.x, l18.y), m9 = (f13 - u15) / i26, h7 = (p11 - d13) / a24, g6 = Math.hypot(m9, h7) || 1;
|
|
1417
1417
|
return {
|
|
1418
|
-
x:
|
|
1418
|
+
x: r29,
|
|
1419
1419
|
y: o24,
|
|
1420
1420
|
nx: h7 / g6,
|
|
1421
1421
|
ny: -m9 / g6
|
|
@@ -1425,7 +1425,7 @@ var ge = {
|
|
|
1425
1425
|
return {
|
|
1426
1426
|
bodyPath: C3,
|
|
1427
1427
|
perimeterAt: w3,
|
|
1428
|
-
totalCss:
|
|
1428
|
+
totalCss: y4
|
|
1429
1429
|
};
|
|
1430
1430
|
},
|
|
1431
1431
|
defaults: he,
|
|
@@ -1437,10 +1437,10 @@ var ge = {
|
|
|
1437
1437
|
}
|
|
1438
1438
|
};
|
|
1439
1439
|
function q(e20, t26, n29) {
|
|
1440
|
-
let
|
|
1440
|
+
let r28 = 100 / t26, i26 = 100 / n29, a24 = [], o23 = [0];
|
|
1441
1441
|
for (let t27 = 0; t27 < e20.length; t27++) {
|
|
1442
|
-
let n30 = e20[t27], s22 = e20[(t27 + 1) % e20.length], c16 = (s22[0] - n30[0]) /
|
|
1443
|
-
a24.push(
|
|
1442
|
+
let n30 = e20[t27], s22 = e20[(t27 + 1) % e20.length], c16 = (s22[0] - n30[0]) / r28, l17 = (s22[1] - n30[1]) / i26, u14 = Math.hypot(c16, l17);
|
|
1443
|
+
a24.push(u14), o23.push(o23[o23.length - 1] + u14);
|
|
1444
1444
|
}
|
|
1445
1445
|
let s21 = o23[o23.length - 1];
|
|
1446
1446
|
return {
|
|
@@ -1450,12 +1450,12 @@ function q(e20, t26, n29) {
|
|
|
1450
1450
|
for (let t28 = 0; t28 < a24.length; t28++) {
|
|
1451
1451
|
let s22 = o23[t28];
|
|
1452
1452
|
if (n30 <= o23[t28 + 1] + 1e-9) {
|
|
1453
|
-
let o24 = a24[t28] > 0 ? (n30 - s22) / a24[t28] : 0, c16 = e20[t28],
|
|
1453
|
+
let o24 = a24[t28] > 0 ? (n30 - s22) / a24[t28] : 0, c16 = e20[t28], l17 = e20[(t28 + 1) % e20.length], u14 = c16[0] + (l17[0] - c16[0]) * o24, d12 = c16[1] + (l17[1] - c16[1]) * o24, f12 = (l17[0] - c16[0]) / r28, p10 = (l17[1] - c16[1]) / i26, m8 = Math.hypot(f12, p10) || 1;
|
|
1454
1454
|
return {
|
|
1455
|
-
x:
|
|
1456
|
-
y:
|
|
1457
|
-
nx:
|
|
1458
|
-
ny: -
|
|
1455
|
+
x: u14,
|
|
1456
|
+
y: d12,
|
|
1457
|
+
nx: p10 / m8,
|
|
1458
|
+
ny: -f12 / m8
|
|
1459
1459
|
};
|
|
1460
1460
|
}
|
|
1461
1461
|
}
|
|
@@ -1494,9 +1494,9 @@ var ye = {
|
|
|
1494
1494
|
arcSamples: 18
|
|
1495
1495
|
};
|
|
1496
1496
|
var J = 0.62;
|
|
1497
|
-
function be(e20, t26, n29,
|
|
1498
|
-
if (
|
|
1499
|
-
let s21 =
|
|
1497
|
+
function be(e20, t26, n29, r28, i26, a24, o23) {
|
|
1498
|
+
if (i26 === "flat") return [t26];
|
|
1499
|
+
let s21 = i26 === "out" ? 1 : -1, c16 = t26[0] - e20[0], l17 = t26[1] - e20[1], u14 = Math.hypot(c16, l17) || 1, d12 = c16 / u14, f12 = l17 / u14, p10 = (e20[0] + t26[0]) / 2, m8 = (e20[1] + t26[1]) / 2, h6 = p10 + n29 * s21 * a24 * J, g5 = m8 + r28 * s21 * a24 * J, _6 = a24 * Math.sqrt(Math.max(0, 1 - J * J)), v3 = [p10 - d12 * _6, m8 - f12 * _6], y4 = [p10 + d12 * _6, m8 + f12 * _6], b3 = [p10 + n29 * s21 * (a24 + a24 * (1 - J)), m8 + r28 * s21 * (a24 + a24 * (1 - J))], x3 = Math.hypot(v3[0] - h6, v3[1] - g5), S3 = Math.atan2(v3[1] - g5, v3[0] - h6), C3 = Math.atan2(y4[1] - g5, y4[0] - h6), w3 = Math.atan2(b3[1] - g5, b3[0] - h6), T3 = Math.PI * 2, E3 = ((w3 - S3) % T3 + T3) % T3, D3 = ((C3 - S3) % T3 + T3) % T3, O3 = E3 < D3 ? D3 : D3 - T3, k3 = [];
|
|
1500
1500
|
k3.push(v3);
|
|
1501
1501
|
for (let e21 = 1; e21 <= o23; e21++) {
|
|
1502
1502
|
let t27 = S3 + e21 / o23 * O3;
|
|
@@ -1506,11 +1506,11 @@ function be(e20, t26, n29, r27, i25, a24, o23) {
|
|
|
1506
1506
|
}
|
|
1507
1507
|
var xe = {
|
|
1508
1508
|
build: (e20, t26, n29) => {
|
|
1509
|
-
let
|
|
1509
|
+
let r28 = {
|
|
1510
1510
|
...ye,
|
|
1511
1511
|
...e20
|
|
1512
|
-
},
|
|
1513
|
-
return
|
|
1512
|
+
}, i26 = Math.max(2, Math.min(r28.tabSize, 40)), a24 = Math.max(6, Math.floor(r28.arcSamples)), o23 = [0, 0], s21 = [100, 0], c16 = [100, 100], l17 = [0, 100], u14 = [o23];
|
|
1513
|
+
return u14.push(...be(o23, s21, 0, -1, r28.top, i26, a24)), u14.push(...be(s21, c16, 1, 0, r28.right, i26, a24)), u14.push(...be(c16, l17, 0, 1, r28.bottom, i26, a24)), u14.push(...be(l17, o23, -1, 0, r28.left, i26, a24)), u14.length > 1 && u14[u14.length - 1][0] === o23[0] && u14[u14.length - 1][1] === o23[1] && u14.pop(), q(u14, t26, n29);
|
|
1514
1514
|
},
|
|
1515
1515
|
defaults: ye,
|
|
1516
1516
|
insets: {
|
|
@@ -1536,23 +1536,23 @@ var Se = {
|
|
|
1536
1536
|
samples: 192
|
|
1537
1537
|
};
|
|
1538
1538
|
function Ce(e20, t26, n29) {
|
|
1539
|
-
let
|
|
1540
|
-
return (e20 + t26 + Math.sqrt(
|
|
1539
|
+
let r28 = e20 - t26;
|
|
1540
|
+
return (e20 + t26 + Math.sqrt(r28 * r28 + n29 * n29)) / 2;
|
|
1541
1541
|
}
|
|
1542
|
-
function we(e20, t26, n29,
|
|
1542
|
+
function we(e20, t26, n29, r28) {
|
|
1543
1543
|
if (e20 <= 0) return 0;
|
|
1544
|
-
if (e20 >= 1) return 1 -
|
|
1545
|
-
let
|
|
1546
|
-
return Math.min(o23, 1 -
|
|
1544
|
+
if (e20 >= 1) return 1 - r28;
|
|
1545
|
+
let i26 = Math.max(0.1, t26 * (1 + n29)), a24 = Math.max(0.1, t26 * (1 - n29)), o23 = (1 - (1 - e20) ** i26) ** (1 / a24);
|
|
1546
|
+
return Math.min(o23, 1 - r28);
|
|
1547
1547
|
}
|
|
1548
1548
|
function Te(e20 = {}) {
|
|
1549
1549
|
let t26 = {
|
|
1550
1550
|
...Se,
|
|
1551
1551
|
...e20
|
|
1552
|
-
}, n29 = Math.max(5, Math.min(t26.spikeR, 50)),
|
|
1552
|
+
}, n29 = Math.max(5, Math.min(t26.spikeR, 50)), r28 = Math.max(5, Math.min(t26.lobeR, 50 * Math.SQRT2)), i26 = Math.max(0, Math.min(t26.valleyR, Math.min(n29, r28))), a24 = Math.max(0.05, Math.min(t26.valleyAt, 0.95)), o23 = Math.max(0.2, t26.spikeCurvature), s21 = Math.max(-0.95, Math.min(t26.spikeBend, 0.95)), c16 = Math.max(0, Math.min(t26.spikeTipErosion, 1)), l17 = Math.max(0.2, t26.lobeCurvature), u14 = Math.max(-0.95, Math.min(t26.lobeBend, 0.95)), d12 = Math.max(0, Math.min(t26.lobeTipErosion, 1)), f12 = Math.max(0, t26.valleySmooth), p10 = t26.rotation * Math.PI / 180, m8 = Math.max(24, Math.floor(t26.samples)), h6 = [];
|
|
1553
1553
|
for (let e21 = 0; e21 < m8; e21++) {
|
|
1554
|
-
let t27 = e21 / m8 * 2 * Math.PI, g5 = Math.abs(Math.sin(2 * (t27 -
|
|
1555
|
-
h6.push([50 +
|
|
1554
|
+
let t27 = e21 / m8 * 2 * Math.PI, g5 = Math.abs(Math.sin(2 * (t27 - p10))), _6 = (a24 - g5) / a24, v3 = (g5 - a24) / (1 - a24), y4 = Ce(i26 + (n29 - i26) * we(Math.max(0, _6), o23, s21, c16), i26 + (r28 - i26) * we(Math.max(0, v3), l17, u14, d12), f12);
|
|
1555
|
+
h6.push([50 + y4 * Math.cos(t27), 50 + y4 * Math.sin(t27)]);
|
|
1556
1556
|
}
|
|
1557
1557
|
return h6;
|
|
1558
1558
|
}
|
|
@@ -1612,7 +1612,7 @@ function Oe(e20 = {}) {
|
|
|
1612
1612
|
let t26 = {
|
|
1613
1613
|
...De,
|
|
1614
1614
|
...e20
|
|
1615
|
-
}, n29 = Math.max(3, Math.min(Math.floor(t26.count), 12)),
|
|
1615
|
+
}, n29 = Math.max(3, Math.min(Math.floor(t26.count), 12)), r28 = [
|
|
1616
1616
|
"s0",
|
|
1617
1617
|
"s1",
|
|
1618
1618
|
"s2",
|
|
@@ -1625,7 +1625,7 @@ function Oe(e20 = {}) {
|
|
|
1625
1625
|
"s9",
|
|
1626
1626
|
"s10",
|
|
1627
1627
|
"s11"
|
|
1628
|
-
],
|
|
1628
|
+
], i26 = [
|
|
1629
1629
|
"r0",
|
|
1630
1630
|
"r1",
|
|
1631
1631
|
"r2",
|
|
@@ -1653,26 +1653,26 @@ function Oe(e20 = {}) {
|
|
|
1653
1653
|
"w11"
|
|
1654
1654
|
], o23 = [];
|
|
1655
1655
|
for (let e21 = 0; e21 < n29; e21++) o23.push({
|
|
1656
|
-
s: Math.max(0, Math.min(1, Number(t26[
|
|
1657
|
-
r: Math.max(0, Number(t26[
|
|
1656
|
+
s: Math.max(0, Math.min(1, Number(t26[r28[e21]]))),
|
|
1657
|
+
r: Math.max(0, Number(t26[i26[e21]])),
|
|
1658
1658
|
w: Math.max(0, Number(t26[a24[e21]] ?? 1))
|
|
1659
1659
|
});
|
|
1660
1660
|
return o23.sort((e21, t27) => e21.s - t27.s), o23[0].s = 0, o23[n29 - 1].s = 1, t26.mode === "quadrant" && (o23[n29 - 1].r = o23[0].r, o23[n29 - 1].w = o23[0].w), o23;
|
|
1661
1661
|
}
|
|
1662
1662
|
function ke(e20) {
|
|
1663
1663
|
let t26 = e20.length - 1, n29 = Array(t26);
|
|
1664
|
-
for (let
|
|
1665
|
-
let
|
|
1666
|
-
|
|
1667
|
-
for (let s22 = 1; s22 < t26; s22++)
|
|
1668
|
-
|
|
1664
|
+
for (let r29 = 0; r29 < t26; r29++) n29[r29] = Math.max(1e-9, e20[r29 + 1].s - e20[r29].s);
|
|
1665
|
+
let r28 = Array(t26 + 1), i26 = Array(t26 + 1), a24 = Array(t26 + 1), o23 = Array(t26 + 1);
|
|
1666
|
+
r28[0] = 0, i26[0] = n29[0] / 3, a24[0] = n29[0] / 6, o23[0] = (e20[1].r - e20[0].r) / n29[0];
|
|
1667
|
+
for (let s22 = 1; s22 < t26; s22++) r28[s22] = n29[s22 - 1] / 6, i26[s22] = (n29[s22 - 1] + n29[s22]) / 3, a24[s22] = n29[s22] / 6, o23[s22] = (e20[s22 + 1].r - e20[s22].r) / n29[s22] - (e20[s22].r - e20[s22 - 1].r) / n29[s22 - 1];
|
|
1668
|
+
r28[t26] = n29[t26 - 1] / 6, i26[t26] = n29[t26 - 1] / 3, a24[t26] = 0, o23[t26] = -(e20[t26].r - e20[t26 - 1].r) / n29[t26 - 1];
|
|
1669
1669
|
for (let e21 = 1; e21 <= t26; e21++) {
|
|
1670
|
-
let t27 =
|
|
1671
|
-
|
|
1670
|
+
let t27 = r28[e21] / i26[e21 - 1];
|
|
1671
|
+
i26[e21] -= t27 * a24[e21 - 1], o23[e21] -= t27 * o23[e21 - 1];
|
|
1672
1672
|
}
|
|
1673
1673
|
let s21 = Array(t26 + 1);
|
|
1674
|
-
s21[t26] = o23[t26] /
|
|
1675
|
-
for (let e21 = t26 - 1; e21 >= 0; e21--) s21[e21] = (o23[e21] - a24[e21] * s21[e21 + 1]) /
|
|
1674
|
+
s21[t26] = o23[t26] / i26[t26];
|
|
1675
|
+
for (let e21 = t26 - 1; e21 >= 0; e21--) s21[e21] = (o23[e21] - a24[e21] * s21[e21 + 1]) / i26[e21];
|
|
1676
1676
|
return s21;
|
|
1677
1677
|
}
|
|
1678
1678
|
function Ae(e20) {
|
|
@@ -1682,28 +1682,28 @@ function Ae(e20) {
|
|
|
1682
1682
|
};
|
|
1683
1683
|
}
|
|
1684
1684
|
function je(e20, t26) {
|
|
1685
|
-
let { anchors: n29, M:
|
|
1686
|
-
if (
|
|
1687
|
-
if (
|
|
1688
|
-
if (e20 >= n29[
|
|
1685
|
+
let { anchors: n29, M: r28 } = t26, i26 = n29.length;
|
|
1686
|
+
if (i26 === 0) return 0;
|
|
1687
|
+
if (i26 === 1 || e20 <= n29[0].s) return n29[0].r;
|
|
1688
|
+
if (e20 >= n29[i26 - 1].s) return n29[i26 - 1].r;
|
|
1689
1689
|
let a24 = 0;
|
|
1690
|
-
for (; a24 <
|
|
1690
|
+
for (; a24 < i26 - 1 && n29[a24 + 1].s <= e20; ) a24++;
|
|
1691
1691
|
let o23 = n29[a24], s21 = n29[a24 + 1], c16 = s21.s - o23.s;
|
|
1692
1692
|
if (c16 <= 0) return o23.r;
|
|
1693
|
-
let
|
|
1694
|
-
return
|
|
1693
|
+
let l17 = (s21.s - e20) / c16, u14 = (e20 - o23.s) / c16, d12 = (l17 * l17 * l17 - l17) * c16 * c16 / 6, f12 = (u14 * u14 * u14 - u14) * c16 * c16 / 6;
|
|
1694
|
+
return l17 * o23.r + u14 * s21.r + (d12 * r28[a24] * o23.w + f12 * r28[a24 + 1] * s21.w);
|
|
1695
1695
|
}
|
|
1696
1696
|
var Me = {
|
|
1697
1697
|
build: (e20, t26, n29) => {
|
|
1698
|
-
let
|
|
1698
|
+
let r28 = {
|
|
1699
1699
|
...De,
|
|
1700
1700
|
...e20
|
|
1701
|
-
},
|
|
1701
|
+
}, i26 = Ae(Oe(r28)), a24 = r28.rotation * Math.PI / 180, o23 = Math.max(48, Math.floor(r28.samples)), s21 = [], c16 = Math.PI / 2;
|
|
1702
1702
|
for (let e21 = 0; e21 < o23; e21++) {
|
|
1703
|
-
let t27 = e21 / o23 * 2 * Math.PI, n30 = t27 - a24,
|
|
1704
|
-
|
|
1705
|
-
let
|
|
1706
|
-
s21.push([50 +
|
|
1703
|
+
let t27 = e21 / o23 * 2 * Math.PI, n30 = t27 - a24, l17;
|
|
1704
|
+
l17 = r28.mode === "quadrant" ? (n30 % c16 + c16) % c16 / c16 : Math.abs(Math.sin(2 * n30));
|
|
1705
|
+
let u14 = je(l17, i26);
|
|
1706
|
+
s21.push([50 + u14 * Math.cos(t27), 50 + u14 * Math.sin(t27)]);
|
|
1707
1707
|
}
|
|
1708
1708
|
return q(s21, t26, n29);
|
|
1709
1709
|
},
|
|
@@ -1761,7 +1761,7 @@ function Pe(e20 = {}) {
|
|
|
1761
1761
|
let t26 = {
|
|
1762
1762
|
...Ne,
|
|
1763
1763
|
...e20
|
|
1764
|
-
}, n29 = Math.max(3, Math.min(Math.floor(t26.count), 12)),
|
|
1764
|
+
}, n29 = Math.max(3, Math.min(Math.floor(t26.count), 12)), r28 = [
|
|
1765
1765
|
"s0",
|
|
1766
1766
|
"s1",
|
|
1767
1767
|
"s2",
|
|
@@ -1774,7 +1774,7 @@ function Pe(e20 = {}) {
|
|
|
1774
1774
|
"s9",
|
|
1775
1775
|
"s10",
|
|
1776
1776
|
"s11"
|
|
1777
|
-
],
|
|
1777
|
+
], i26 = [
|
|
1778
1778
|
"r0",
|
|
1779
1779
|
"r1",
|
|
1780
1780
|
"r2",
|
|
@@ -1802,8 +1802,8 @@ function Pe(e20 = {}) {
|
|
|
1802
1802
|
"w11"
|
|
1803
1803
|
], o23 = [];
|
|
1804
1804
|
for (let e21 = 0; e21 < n29; e21++) o23.push({
|
|
1805
|
-
s: Math.max(0, Math.min(1, Number(t26[
|
|
1806
|
-
r: Math.max(0, Number(t26[
|
|
1805
|
+
s: Math.max(0, Math.min(1, Number(t26[r28[e21]]))),
|
|
1806
|
+
r: Math.max(0, Number(t26[i26[e21]])),
|
|
1807
1807
|
w: Math.max(0.01, Number(t26[a24[e21]] ?? 1))
|
|
1808
1808
|
});
|
|
1809
1809
|
return o23.sort((e21, t27) => e21.s - t27.s), o23[0].s = 0, o23[n29 - 1].s = 1, t26.mode === "quadrant" && (o23[n29 - 1].r = o23[0].r, o23[n29 - 1].w = o23[0].w), o23;
|
|
@@ -1813,11 +1813,11 @@ function Fe(e20) {
|
|
|
1813
1813
|
s: -e20[1].s,
|
|
1814
1814
|
r: e20[1].r,
|
|
1815
1815
|
w: e20[1].w
|
|
1816
|
-
},
|
|
1816
|
+
}, r28 = {
|
|
1817
1817
|
s: -e20[Math.min(2, t26 - 1)].s,
|
|
1818
1818
|
r: e20[Math.min(2, t26 - 1)].r,
|
|
1819
1819
|
w: e20[Math.min(2, t26 - 1)].w
|
|
1820
|
-
},
|
|
1820
|
+
}, i26 = {
|
|
1821
1821
|
s: 2 - e20[t26 - 2].s,
|
|
1822
1822
|
r: e20[t26 - 2].r,
|
|
1823
1823
|
w: e20[t26 - 2].w
|
|
@@ -1827,41 +1827,41 @@ function Fe(e20) {
|
|
|
1827
1827
|
w: e20[Math.max(t26 - 3, 0)].w
|
|
1828
1828
|
};
|
|
1829
1829
|
return [
|
|
1830
|
-
|
|
1830
|
+
r28,
|
|
1831
1831
|
n29,
|
|
1832
1832
|
...e20,
|
|
1833
|
-
|
|
1833
|
+
i26,
|
|
1834
1834
|
a24
|
|
1835
1835
|
];
|
|
1836
1836
|
}
|
|
1837
1837
|
function Ie(e20, t26) {
|
|
1838
|
-
let n29 = e20 + t26 + 1,
|
|
1839
|
-
for (let e21 = 0; e21 <= t26; e21++)
|
|
1840
|
-
let
|
|
1841
|
-
for (let e21 = 1; e21 <=
|
|
1842
|
-
for (let e21 = n29 - t26 - 1; e21 < n29; e21++)
|
|
1843
|
-
return
|
|
1838
|
+
let n29 = e20 + t26 + 1, r28 = Array(n29);
|
|
1839
|
+
for (let e21 = 0; e21 <= t26; e21++) r28[e21] = 0;
|
|
1840
|
+
let i26 = e20 - t26 - 1;
|
|
1841
|
+
for (let e21 = 1; e21 <= i26; e21++) r28[t26 + e21] = e21 / (i26 + 1);
|
|
1842
|
+
for (let e21 = n29 - t26 - 1; e21 < n29; e21++) r28[e21] = 1;
|
|
1843
|
+
return r28;
|
|
1844
1844
|
}
|
|
1845
|
-
function Le(e20, t26, n29,
|
|
1846
|
-
if (e20 >= t26[
|
|
1845
|
+
function Le(e20, t26, n29, r28) {
|
|
1846
|
+
if (e20 >= t26[r28]) return r28 - 1;
|
|
1847
1847
|
if (e20 <= t26[n29]) return n29;
|
|
1848
|
-
let
|
|
1849
|
-
for (; e20 < t26[o23] || e20 >= t26[o23 + 1]; ) e20 < t26[o23] ? a24 = o23 :
|
|
1848
|
+
let i26 = n29, a24 = r28, o23 = i26 + a24 >>> 1;
|
|
1849
|
+
for (; e20 < t26[o23] || e20 >= t26[o23 + 1]; ) e20 < t26[o23] ? a24 = o23 : i26 = o23, o23 = i26 + a24 >>> 1;
|
|
1850
1850
|
return o23;
|
|
1851
1851
|
}
|
|
1852
|
-
function Re(e20, t26, n29,
|
|
1853
|
-
let
|
|
1854
|
-
|
|
1855
|
-
for (let s21 = 1; s21 <=
|
|
1852
|
+
function Re(e20, t26, n29, r28) {
|
|
1853
|
+
let i26 = Array(r28 + 1).fill(0), a24 = Array(r28 + 1), o23 = Array(r28 + 1);
|
|
1854
|
+
i26[0] = 1;
|
|
1855
|
+
for (let s21 = 1; s21 <= r28; s21++) {
|
|
1856
1856
|
a24[s21] = t26 - n29[e20 + 1 - s21], o23[s21] = n29[e20 + s21] - t26;
|
|
1857
|
-
let
|
|
1857
|
+
let r29 = 0;
|
|
1858
1858
|
for (let e21 = 0; e21 < s21; e21++) {
|
|
1859
|
-
let t27 = o23[e21 + 1] + a24[s21 - e21], n30 = t27 === 0 ? 0 :
|
|
1860
|
-
|
|
1859
|
+
let t27 = o23[e21 + 1] + a24[s21 - e21], n30 = t27 === 0 ? 0 : i26[e21] / t27;
|
|
1860
|
+
i26[e21] = r29 + o23[e21 + 1] * n30, r29 = a24[s21 - e21] * n30;
|
|
1861
1861
|
}
|
|
1862
|
-
|
|
1862
|
+
i26[s21] = r29;
|
|
1863
1863
|
}
|
|
1864
|
-
return
|
|
1864
|
+
return i26;
|
|
1865
1865
|
}
|
|
1866
1866
|
function ze(e20) {
|
|
1867
1867
|
let t26 = Fe(e20);
|
|
@@ -1872,14 +1872,14 @@ function ze(e20) {
|
|
|
1872
1872
|
};
|
|
1873
1873
|
}
|
|
1874
1874
|
function Be(e20, t26) {
|
|
1875
|
-
let { extended: n29, knots:
|
|
1876
|
-
for (let e21 = 0; e21 <=
|
|
1877
|
-
let t27 = n29[s21 -
|
|
1878
|
-
|
|
1875
|
+
let { extended: n29, knots: r28, degree: i26 } = t26, a24 = n29.length, o23 = Math.max(0, Math.min(1, e20)), s21 = Le(o23, r28, i26, a24), c16 = Re(s21, o23, r28, i26), l17 = 0, u14 = 0, d12 = 0;
|
|
1876
|
+
for (let e21 = 0; e21 <= i26; e21++) {
|
|
1877
|
+
let t27 = n29[s21 - i26 + e21], r29 = t27.w * c16[e21];
|
|
1878
|
+
l17 += r29 * t27.s, u14 += r29 * t27.r, d12 += r29;
|
|
1879
1879
|
}
|
|
1880
|
-
return
|
|
1881
|
-
s:
|
|
1882
|
-
r:
|
|
1880
|
+
return d12 > 0 ? {
|
|
1881
|
+
s: l17 / d12,
|
|
1882
|
+
r: u14 / d12
|
|
1883
1883
|
} : {
|
|
1884
1884
|
s: 0,
|
|
1885
1885
|
r: 0
|
|
@@ -1888,24 +1888,24 @@ function Be(e20, t26) {
|
|
|
1888
1888
|
function Ve(e20, t26) {
|
|
1889
1889
|
if (e20 <= 0) return Be(0, t26).r;
|
|
1890
1890
|
if (e20 >= 1) return Be(1, t26).r;
|
|
1891
|
-
let n29 = 0,
|
|
1892
|
-
for (let
|
|
1893
|
-
let
|
|
1894
|
-
if (a24 < e20 ? n29 =
|
|
1891
|
+
let n29 = 0, r28 = 1;
|
|
1892
|
+
for (let i26 = 0; i26 < 30; i26++) {
|
|
1893
|
+
let i27 = (n29 + r28) * 0.5, { s: a24 } = Be(i27, t26);
|
|
1894
|
+
if (a24 < e20 ? n29 = i27 : r28 = i27, r28 - n29 < 1e-5) break;
|
|
1895
1895
|
}
|
|
1896
|
-
return Be((n29 +
|
|
1896
|
+
return Be((n29 + r28) * 0.5, t26).r;
|
|
1897
1897
|
}
|
|
1898
1898
|
var He = {
|
|
1899
1899
|
build: (e20, t26, n29) => {
|
|
1900
|
-
let
|
|
1900
|
+
let r28 = {
|
|
1901
1901
|
...Ne,
|
|
1902
1902
|
...e20
|
|
1903
|
-
},
|
|
1903
|
+
}, i26 = ze(Pe(r28)), a24 = r28.rotation * Math.PI / 180, o23 = Math.max(48, Math.floor(r28.samples)), s21 = [], c16 = Math.PI / 2;
|
|
1904
1904
|
for (let e21 = 0; e21 < o23; e21++) {
|
|
1905
|
-
let t27 = e21 / o23 * 2 * Math.PI, n30 = t27 - a24,
|
|
1906
|
-
|
|
1907
|
-
let
|
|
1908
|
-
s21.push([50 +
|
|
1905
|
+
let t27 = e21 / o23 * 2 * Math.PI, n30 = t27 - a24, l17;
|
|
1906
|
+
l17 = r28.mode === "quadrant" ? (n30 % c16 + c16) % c16 / c16 : Math.abs(Math.sin(2 * n30));
|
|
1907
|
+
let u14 = Ve(l17, i26);
|
|
1908
|
+
s21.push([50 + u14 * Math.cos(t27), 50 + u14 * Math.sin(t27)]);
|
|
1909
1909
|
}
|
|
1910
1910
|
return q(s21, t26, n29);
|
|
1911
1911
|
},
|
|
@@ -1922,7 +1922,7 @@ var Ue = {
|
|
|
1922
1922
|
right: "outward",
|
|
1923
1923
|
taperWidth: 8
|
|
1924
1924
|
};
|
|
1925
|
-
function We(e20, t26, n29,
|
|
1925
|
+
function We(e20, t26, n29, r28) {
|
|
1926
1926
|
switch (e20) {
|
|
1927
1927
|
case "flat":
|
|
1928
1928
|
return {
|
|
@@ -1932,14 +1932,14 @@ function We(e20, t26, n29, r27) {
|
|
|
1932
1932
|
};
|
|
1933
1933
|
case "outward":
|
|
1934
1934
|
return {
|
|
1935
|
-
top: [t26 + n29 *
|
|
1935
|
+
top: [t26 + n29 * r28, 0],
|
|
1936
1936
|
mid: [t26, 50],
|
|
1937
|
-
bottom: [t26 + n29 *
|
|
1937
|
+
bottom: [t26 + n29 * r28, 100]
|
|
1938
1938
|
};
|
|
1939
1939
|
case "inward":
|
|
1940
1940
|
return {
|
|
1941
1941
|
top: [t26, 0],
|
|
1942
|
-
mid: [t26 + n29 *
|
|
1942
|
+
mid: [t26 + n29 * r28, 50],
|
|
1943
1943
|
bottom: [t26, 100]
|
|
1944
1944
|
};
|
|
1945
1945
|
}
|
|
@@ -1957,10 +1957,10 @@ function Ge(e20, t26) {
|
|
|
1957
1957
|
}
|
|
1958
1958
|
var Ke = {
|
|
1959
1959
|
build: (e20, t26, n29) => {
|
|
1960
|
-
let
|
|
1960
|
+
let r28 = {
|
|
1961
1961
|
...Ue,
|
|
1962
1962
|
...e20
|
|
1963
|
-
},
|
|
1963
|
+
}, i26 = Math.max(0, r28.taperWidth), a24 = t26 > 0 ? i26 / t26 * 100 : 0, o23 = We(r28.left, 0, 1, a24), s21 = We(r28.right, 100, -1, a24), c16 = [o23.top];
|
|
1964
1964
|
return c16.push(s21.top), s21.mid && c16.push(s21.mid), c16.push(s21.bottom), c16.push(o23.bottom), o23.mid && c16.push(o23.mid), q(c16, t26, n29);
|
|
1965
1965
|
},
|
|
1966
1966
|
insets: (e20) => {
|
|
@@ -2006,73 +2006,73 @@ var Ye = {
|
|
|
2006
2006
|
ribbon: Ke,
|
|
2007
2007
|
powerline: {
|
|
2008
2008
|
build: (e20, t26, n29) => {
|
|
2009
|
-
let
|
|
2009
|
+
let r28 = {
|
|
2010
2010
|
...Y,
|
|
2011
2011
|
...e20
|
|
2012
|
-
},
|
|
2013
|
-
|
|
2014
|
-
x:
|
|
2012
|
+
}, i26 = Je(r28.leftEdge), a24 = Je(r28.rightEdge), o23 = r28.depth, s21 = 100 / t26, c16 = 100 / n29, l17 = [];
|
|
2013
|
+
l17.push({
|
|
2014
|
+
x: i26(0, o23) * s21,
|
|
2015
2015
|
y: 0,
|
|
2016
2016
|
nx: 0,
|
|
2017
2017
|
ny: -1
|
|
2018
|
-
}),
|
|
2018
|
+
}), l17.push({
|
|
2019
2019
|
x: (t26 + a24(0, o23)) * s21,
|
|
2020
2020
|
y: 0,
|
|
2021
2021
|
nx: 0,
|
|
2022
2022
|
ny: -1
|
|
2023
2023
|
});
|
|
2024
2024
|
for (let e21 = 1; e21 < X; e21++) {
|
|
2025
|
-
let n30 = e21 / X,
|
|
2026
|
-
|
|
2027
|
-
x:
|
|
2025
|
+
let n30 = e21 / X, r29 = t26 + a24(n30, o23);
|
|
2026
|
+
l17.push({
|
|
2027
|
+
x: r29 * s21,
|
|
2028
2028
|
y: n30 * 100,
|
|
2029
2029
|
nx: 1,
|
|
2030
2030
|
ny: 0
|
|
2031
2031
|
});
|
|
2032
2032
|
}
|
|
2033
|
-
|
|
2033
|
+
l17.push({
|
|
2034
2034
|
x: (t26 + a24(1, o23)) * s21,
|
|
2035
2035
|
y: 100,
|
|
2036
2036
|
nx: 0,
|
|
2037
2037
|
ny: 1
|
|
2038
|
-
}),
|
|
2039
|
-
x: (0 +
|
|
2038
|
+
}), l17.push({
|
|
2039
|
+
x: (0 + i26(1, o23)) * s21,
|
|
2040
2040
|
y: 100,
|
|
2041
2041
|
nx: 0,
|
|
2042
2042
|
ny: 1
|
|
2043
2043
|
});
|
|
2044
2044
|
for (let e21 = X - 1; e21 >= 1; e21--) {
|
|
2045
|
-
let t27 = e21 / X, n30 = 0 +
|
|
2046
|
-
|
|
2045
|
+
let t27 = e21 / X, n30 = 0 + i26(t27, o23);
|
|
2046
|
+
l17.push({
|
|
2047
2047
|
x: n30 * s21,
|
|
2048
2048
|
y: t27 * 100,
|
|
2049
2049
|
nx: -1,
|
|
2050
2050
|
ny: 0
|
|
2051
2051
|
});
|
|
2052
2052
|
}
|
|
2053
|
-
let
|
|
2054
|
-
for (let e21 = 1; e21 <
|
|
2055
|
-
let t27 =
|
|
2056
|
-
|
|
2053
|
+
let u14 = [0];
|
|
2054
|
+
for (let e21 = 1; e21 < l17.length; e21++) {
|
|
2055
|
+
let t27 = l17[e21 - 1], n30 = l17[e21], r29 = (n30.x - t27.x) / s21, i27 = (n30.y - t27.y) / c16;
|
|
2056
|
+
u14.push(u14[e21 - 1] + Math.hypot(r29, i27));
|
|
2057
2057
|
}
|
|
2058
|
-
let
|
|
2058
|
+
let d12 = l17[l17.length - 1], f12 = l17[0], p10 = Math.hypot((f12.x - d12.x) / s21, (f12.y - d12.y) / c16), m8 = u14[u14.length - 1] + p10;
|
|
2059
2059
|
return {
|
|
2060
|
-
bodyPath:
|
|
2060
|
+
bodyPath: l17.reduce((e21, t27, n30) => e21 + (n30 === 0 ? `M ${t27.x.toFixed(3)} ${t27.y.toFixed(3)}` : ` L ${t27.x.toFixed(3)} ${t27.y.toFixed(3)}`), "") + " Z",
|
|
2061
2061
|
perimeterAt: (e21) => {
|
|
2062
2062
|
let t27 = (e21 % m8 + m8) % m8;
|
|
2063
|
-
for (let e22 = 1; e22 <
|
|
2064
|
-
let n31 =
|
|
2063
|
+
for (let e22 = 1; e22 < l17.length; e22++) if (t27 <= u14[e22]) {
|
|
2064
|
+
let n31 = u14[e22] - u14[e22 - 1], r30 = n31 > 0 ? (t27 - u14[e22 - 1]) / n31 : 0, i28 = l17[e22 - 1], a25 = l17[e22];
|
|
2065
2065
|
return {
|
|
2066
|
-
x:
|
|
2067
|
-
y:
|
|
2066
|
+
x: i28.x + (a25.x - i28.x) * r30,
|
|
2067
|
+
y: i28.y + (a25.y - i28.y) * r30,
|
|
2068
2068
|
nx: a25.nx,
|
|
2069
2069
|
ny: a25.ny
|
|
2070
2070
|
};
|
|
2071
2071
|
}
|
|
2072
|
-
let n30 =
|
|
2072
|
+
let n30 = l17.length - 1, r29 = p10, i27 = r29 > 0 ? (t27 - u14[n30]) / r29 : 0;
|
|
2073
2073
|
return {
|
|
2074
|
-
x:
|
|
2075
|
-
y:
|
|
2074
|
+
x: l17[n30].x + (f12.x - l17[n30].x) * i27,
|
|
2075
|
+
y: l17[n30].y + (f12.y - l17[n30].y) * i27,
|
|
2076
2076
|
nx: 0,
|
|
2077
2077
|
ny: 1
|
|
2078
2078
|
};
|
|
@@ -2082,27 +2082,27 @@ var Ye = {
|
|
|
2082
2082
|
},
|
|
2083
2083
|
defaults: Y,
|
|
2084
2084
|
insets: (e20) => {
|
|
2085
|
-
let t26 = e20?.depth ?? Y.depth, n29 = e20?.leftEdge ?? Y.leftEdge,
|
|
2085
|
+
let t26 = e20?.depth ?? Y.depth, n29 = e20?.leftEdge ?? Y.leftEdge, r28 = e20?.rightEdge ?? Y.rightEdge, i26 = Je(n29), a24 = Je(r28), o23 = 0, s21 = 0, c16 = 0, l17 = 0;
|
|
2086
2086
|
for (let e21 = 0; e21 <= 32; e21++) {
|
|
2087
|
-
let n30 = e21 / 32,
|
|
2088
|
-
o23 +=
|
|
2087
|
+
let n30 = e21 / 32, r29 = i26(n30, t26), u15 = a24(n30, t26), d13 = e21 === 0 || e21 === 32 ? 0.5 : 1;
|
|
2088
|
+
o23 += d13 * r29 / 32, s21 += d13 * u15 / 32, r29 > c16 && (c16 = r29), -u15 > l17 && (l17 = -u15);
|
|
2089
2089
|
}
|
|
2090
|
-
let
|
|
2090
|
+
let u14 = (o23 + s21) / 2, d12 = Math.max(c16, t26 + u14);
|
|
2091
2091
|
return {
|
|
2092
2092
|
top: 0,
|
|
2093
|
-
right: Math.max(
|
|
2093
|
+
right: Math.max(l17, t26 - u14),
|
|
2094
2094
|
bottom: 0,
|
|
2095
|
-
left:
|
|
2095
|
+
left: d12
|
|
2096
2096
|
};
|
|
2097
2097
|
}
|
|
2098
2098
|
}
|
|
2099
2099
|
};
|
|
2100
2100
|
function Z(e20, t26, n29) {
|
|
2101
2101
|
if (!n29) return 1;
|
|
2102
|
-
let [
|
|
2103
|
-
if (
|
|
2102
|
+
let [r28, i26] = n29;
|
|
2103
|
+
if (r28 === i26) return 0;
|
|
2104
2104
|
let a24 = (e20 % t26 + t26) % t26 / t26;
|
|
2105
|
-
return
|
|
2105
|
+
return r28 < i26 ? +(a24 >= r28 && a24 <= i26) : +(a24 >= r28 || a24 <= i26);
|
|
2106
2106
|
}
|
|
2107
2107
|
var Xe = {
|
|
2108
2108
|
count: 44,
|
|
@@ -2115,30 +2115,30 @@ var Xe = {
|
|
|
2115
2115
|
cornerCompensation: 1
|
|
2116
2116
|
};
|
|
2117
2117
|
var Ze = {
|
|
2118
|
-
offsetAt: (e20, { params: t26, phase: n29, totalCss:
|
|
2118
|
+
offsetAt: (e20, { params: t26, phase: n29, totalCss: r28, perimeterAt: i26 }) => {
|
|
2119
2119
|
let a24 = {
|
|
2120
2120
|
...Xe,
|
|
2121
2121
|
...t26
|
|
2122
|
-
}, o23 = Z(e20,
|
|
2122
|
+
}, o23 = Z(e20, r28, a24.range);
|
|
2123
2123
|
if (o23 === 0) return {
|
|
2124
2124
|
dx: 0,
|
|
2125
2125
|
dy: 0
|
|
2126
2126
|
};
|
|
2127
|
-
let s21 =
|
|
2128
|
-
if (
|
|
2127
|
+
let s21 = r28 / Math.max(3, Math.floor(a24.count)), c16 = Math.max(0.1, Math.min(s21 / 2 - 0.05, a24.baseWidth / 2)), l17 = n29 * s21, u14 = (e20 % r28 + r28) % r28, d12 = Math.round((u14 - l17) / s21), f12 = ((d12 * s21 + l17) % r28 + r28) % r28, p10 = u14 - f12;
|
|
2128
|
+
if (p10 > r28 / 2 && (p10 -= r28), p10 < -r28 / 2 && (p10 += r28), Math.abs(p10) > c16) return {
|
|
2129
2129
|
dx: 0,
|
|
2130
2130
|
dy: 0
|
|
2131
2131
|
};
|
|
2132
|
-
let m8 = 1 - Math.abs(
|
|
2132
|
+
let m8 = 1 - Math.abs(p10) / c16, h6 = i26(f12), g5 = h6.nx, _6 = h6.ny, v3 = Math.abs(h6.nx), y4 = Math.abs(h6.ny), b3 = Math.min(1, 2 * v3 * y4), x3 = (y4 > v3 ? a24.vertScale : a24.horzScale) * (1 - b3) + a24.diagonalScale * b3, S3 = 1 + a24.irregularity * 0.5 * Math.sin(d12 * 1.73 + 0.7), C3 = Math.max(s21 * 0.5, c16), w3 = 0;
|
|
2133
2133
|
for (let e21 = 0; e21 < 5; e21++) {
|
|
2134
|
-
let t27 = (e21 + 0.5) / 5, n30 =
|
|
2135
|
-
w3 += Math.hypot(o24.nx - a25.nx, o24.ny - a25.ny) / (
|
|
2134
|
+
let t27 = (e21 + 0.5) / 5, n30 = f12 - C3 + t27 * 2 * C3 - C3 / 5, r29 = f12 - C3 + t27 * 2 * C3 + C3 / 5, a25 = i26(n30), o24 = i26(r29);
|
|
2135
|
+
w3 += Math.hypot(o24.nx - a25.nx, o24.ny - a25.ny) / (r29 - n30);
|
|
2136
2136
|
}
|
|
2137
2137
|
w3 /= 5;
|
|
2138
2138
|
let T3 = a24.length * x3 * S3 * m8, E3 = Math.max(0, Math.min(a24.cornerCompensation, 1)), D3 = Math.max(0, T3 / (1 + E3 * w3 * T3)) * o23;
|
|
2139
2139
|
return {
|
|
2140
2140
|
dx: g5 * D3,
|
|
2141
|
-
dy:
|
|
2141
|
+
dy: _6 * D3
|
|
2142
2142
|
};
|
|
2143
2143
|
},
|
|
2144
2144
|
defaults: Xe
|
|
@@ -2149,21 +2149,21 @@ var Qe = {
|
|
|
2149
2149
|
irregularity: 0
|
|
2150
2150
|
};
|
|
2151
2151
|
var $e = {
|
|
2152
|
-
offsetAt: (e20, { params: t26, phase: n29, totalCss:
|
|
2152
|
+
offsetAt: (e20, { params: t26, phase: n29, totalCss: r28, perimeterAt: i26 }) => {
|
|
2153
2153
|
let a24 = {
|
|
2154
2154
|
...Qe,
|
|
2155
2155
|
...t26
|
|
2156
|
-
}, o23 = Z(e20,
|
|
2156
|
+
}, o23 = Z(e20, r28, a24.range);
|
|
2157
2157
|
if (o23 === 0) return {
|
|
2158
2158
|
dx: 0,
|
|
2159
2159
|
dy: 0
|
|
2160
2160
|
};
|
|
2161
|
-
let s21 =
|
|
2162
|
-
|
|
2163
|
-
let
|
|
2161
|
+
let s21 = r28 / Math.max(2, Math.round(r28 / Math.max(6, a24.bumpWidth))), c16 = n29 * s21, l17 = (e20 % r28 + r28) % r28, u14 = Math.floor((l17 - c16) / s21), d12 = (l17 - (u14 * s21 + c16)) / s21;
|
|
2162
|
+
d12 < 0 && (d12 += 1), d12 > 1 && --d12;
|
|
2163
|
+
let f12 = Math.max(0, Math.min(a24.irregularity, 1)), p10 = Math.max(0.5, a24.puffiness) * (1 + f12 * 0.55 * Math.sin(u14 * 1.73 + 0.7)) * Math.sin(Math.PI * d12) * o23, m8 = i26(e20);
|
|
2164
2164
|
return {
|
|
2165
|
-
dx: m8.nx *
|
|
2166
|
-
dy: m8.ny *
|
|
2165
|
+
dx: m8.nx * p10,
|
|
2166
|
+
dy: m8.ny * p10
|
|
2167
2167
|
};
|
|
2168
2168
|
},
|
|
2169
2169
|
defaults: Qe
|
|
@@ -2174,26 +2174,26 @@ var et = {
|
|
|
2174
2174
|
irregularity: 0
|
|
2175
2175
|
};
|
|
2176
2176
|
var tt = {
|
|
2177
|
-
offsetAt: (e20, { params: t26, phase: n29, totalCss:
|
|
2177
|
+
offsetAt: (e20, { params: t26, phase: n29, totalCss: r28, perimeterAt: i26 }) => {
|
|
2178
2178
|
let a24 = {
|
|
2179
2179
|
...et,
|
|
2180
2180
|
...t26
|
|
2181
|
-
}, o23 = Z(e20,
|
|
2181
|
+
}, o23 = Z(e20, r28, a24.range);
|
|
2182
2182
|
if (o23 === 0) return {
|
|
2183
2183
|
dx: 0,
|
|
2184
2184
|
dy: 0
|
|
2185
2185
|
};
|
|
2186
|
-
let s21 = Math.max(0.5, a24.biteRadius), c16 = Math.max(2 * s21 + 0.5, a24.biteSpacing),
|
|
2187
|
-
|
|
2188
|
-
let m8 = s21 * (1 + Math.max(0, Math.min(a24.irregularity, 1)) * 0.55 * Math.sin(
|
|
2189
|
-
if (Math.abs(
|
|
2186
|
+
let s21 = Math.max(0.5, a24.biteRadius), c16 = Math.max(2 * s21 + 0.5, a24.biteSpacing), l17 = r28 / Math.max(2, Math.floor(r28 / c16)), u14 = n29 * l17, d12 = (e20 % r28 + r28) % r28, f12 = Math.round((d12 - u14) / l17), p10 = d12 - ((f12 * l17 + u14) % r28 + r28) % r28;
|
|
2187
|
+
p10 > r28 / 2 && (p10 -= r28), p10 < -r28 / 2 && (p10 += r28);
|
|
2188
|
+
let m8 = s21 * (1 + Math.max(0, Math.min(a24.irregularity, 1)) * 0.55 * Math.sin(f12 * 1.73 + 0.7));
|
|
2189
|
+
if (Math.abs(p10) > m8) return {
|
|
2190
2190
|
dx: 0,
|
|
2191
2191
|
dy: 0
|
|
2192
2192
|
};
|
|
2193
|
-
let h6 = 1 - Math.abs(
|
|
2193
|
+
let h6 = 1 - Math.abs(p10) / m8, g5 = -m8 * h6, _6 = i26(e20);
|
|
2194
2194
|
return {
|
|
2195
|
-
dx:
|
|
2196
|
-
dy:
|
|
2195
|
+
dx: _6.nx * g5 * o23,
|
|
2196
|
+
dy: _6.ny * g5 * o23
|
|
2197
2197
|
};
|
|
2198
2198
|
},
|
|
2199
2199
|
defaults: et
|
|
@@ -2204,26 +2204,26 @@ var nt = {
|
|
|
2204
2204
|
irregularity: 0
|
|
2205
2205
|
};
|
|
2206
2206
|
var rt = {
|
|
2207
|
-
offsetAt: (e20, { params: t26, phase: n29, totalCss:
|
|
2207
|
+
offsetAt: (e20, { params: t26, phase: n29, totalCss: r28, perimeterAt: i26 }) => {
|
|
2208
2208
|
let a24 = {
|
|
2209
2209
|
...nt,
|
|
2210
2210
|
...t26
|
|
2211
|
-
}, o23 = Z(e20,
|
|
2211
|
+
}, o23 = Z(e20, r28, a24.range);
|
|
2212
2212
|
if (o23 === 0) return {
|
|
2213
2213
|
dx: 0,
|
|
2214
2214
|
dy: 0
|
|
2215
2215
|
};
|
|
2216
|
-
let s21 = Math.max(0.5, a24.scallopRadius), c16 = Math.max(2 * s21 + 0.5, a24.scallopSpacing),
|
|
2217
|
-
|
|
2218
|
-
let m8 = s21 * (1 + Math.max(0, Math.min(a24.irregularity, 1)) * 0.55 * Math.sin(
|
|
2219
|
-
if (Math.abs(
|
|
2216
|
+
let s21 = Math.max(0.5, a24.scallopRadius), c16 = Math.max(2 * s21 + 0.5, a24.scallopSpacing), l17 = r28 / Math.max(2, Math.floor(r28 / c16)), u14 = n29 * l17, d12 = (e20 % r28 + r28) % r28, f12 = Math.round((d12 - u14) / l17), p10 = d12 - ((f12 * l17 + u14) % r28 + r28) % r28;
|
|
2217
|
+
p10 > r28 / 2 && (p10 -= r28), p10 < -r28 / 2 && (p10 += r28);
|
|
2218
|
+
let m8 = s21 * (1 + Math.max(0, Math.min(a24.irregularity, 1)) * 0.55 * Math.sin(f12 * 1.73 + 0.7));
|
|
2219
|
+
if (Math.abs(p10) > m8) return {
|
|
2220
2220
|
dx: 0,
|
|
2221
2221
|
dy: 0
|
|
2222
2222
|
};
|
|
2223
|
-
let h6 = (
|
|
2223
|
+
let h6 = (p10 + m8) / (2 * m8), g5 = m8 * Math.sin(Math.PI * h6) * o23, _6 = i26(e20);
|
|
2224
2224
|
return {
|
|
2225
|
-
dx:
|
|
2226
|
-
dy:
|
|
2225
|
+
dx: _6.nx * g5,
|
|
2226
|
+
dy: _6.ny * g5
|
|
2227
2227
|
};
|
|
2228
2228
|
},
|
|
2229
2229
|
defaults: nt
|
|
@@ -2246,12 +2246,12 @@ function ot(e20) {
|
|
|
2246
2246
|
}
|
|
2247
2247
|
var st = 240;
|
|
2248
2248
|
var ct = {
|
|
2249
|
-
Component: ({ sampler: e20, boxW: n29, boxH:
|
|
2250
|
-
if (
|
|
2251
|
-
let
|
|
2249
|
+
Component: ({ sampler: e20, boxW: n29, boxH: r28, variant: i26, params: c16 }) => {
|
|
2250
|
+
if (i26 !== "solid" && i26 !== "subtle") return null;
|
|
2251
|
+
let l17 = {
|
|
2252
2252
|
...it,
|
|
2253
2253
|
...c16
|
|
2254
|
-
},
|
|
2254
|
+
}, u14 = useId(), d12 = 100 / n29, f12 = 100 / r28, p10 = ot(l17.lightFrom), m8 = e20.totalCss, h6 = [], g5 = [];
|
|
2255
2255
|
for (let t26 = 0; t26 < st; t26++) {
|
|
2256
2256
|
let n30 = e20.perimeterAt(t26 / st * m8);
|
|
2257
2257
|
h6.push({
|
|
@@ -2259,34 +2259,34 @@ var ct = {
|
|
|
2259
2259
|
y: n30.y,
|
|
2260
2260
|
side: at(n30.nx, n30.ny)
|
|
2261
2261
|
}), g5.push({
|
|
2262
|
-
x: n30.x - n30.nx *
|
|
2263
|
-
y: n30.y - n30.ny *
|
|
2262
|
+
x: n30.x - n30.nx * l17.bevelWidth * d12,
|
|
2263
|
+
y: n30.y - n30.ny * l17.bevelWidth * f12
|
|
2264
2264
|
});
|
|
2265
2265
|
}
|
|
2266
|
-
let
|
|
2266
|
+
let _6 = [], v3 = null;
|
|
2267
2267
|
for (let e21 = 0; e21 < st; e21++) {
|
|
2268
2268
|
let t26 = h6[e21].side;
|
|
2269
2269
|
!v3 || v3.side !== t26 ? (v3 = {
|
|
2270
2270
|
side: t26,
|
|
2271
2271
|
idxs: [e21]
|
|
2272
|
-
},
|
|
2272
|
+
}, _6.push(v3)) : v3.idxs.push(e21);
|
|
2273
2273
|
}
|
|
2274
|
-
|
|
2275
|
-
let
|
|
2276
|
-
let t26 = e21.idxs.map((e22) => h6[e22]), n30 = e21.idxs.map((e22) => g5[e22]).reverse(),
|
|
2277
|
-
if (
|
|
2278
|
-
let
|
|
2279
|
-
for (let e22 = 1; e22 <
|
|
2280
|
-
return
|
|
2274
|
+
_6.length > 1 && _6[0].side === _6[_6.length - 1].side && (_6[_6.length - 1].idxs = _6[_6.length - 1].idxs.concat(_6[0].idxs), _6.shift());
|
|
2275
|
+
let y4 = (e21) => {
|
|
2276
|
+
let t26 = e21.idxs.map((e22) => h6[e22]), n30 = e21.idxs.map((e22) => g5[e22]).reverse(), r29 = [...t26, ...n30];
|
|
2277
|
+
if (r29.length === 0) return "";
|
|
2278
|
+
let i27 = `M ${r29[0].x.toFixed(3)} ${r29[0].y.toFixed(3)}`;
|
|
2279
|
+
for (let e22 = 1; e22 < r29.length; e22++) i27 += ` L ${r29[e22].x.toFixed(3)} ${r29[e22].y.toFixed(3)}`;
|
|
2280
|
+
return i27 + " Z";
|
|
2281
2281
|
};
|
|
2282
2282
|
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
|
|
2283
|
-
id:
|
|
2283
|
+
id: u14,
|
|
2284
2284
|
children: /* @__PURE__ */ jsx("path", { d: e20.bodyPath })
|
|
2285
2285
|
}) }), /* @__PURE__ */ jsx("g", {
|
|
2286
|
-
clipPath: `url(#${
|
|
2287
|
-
children:
|
|
2288
|
-
className:
|
|
2289
|
-
d:
|
|
2286
|
+
clipPath: `url(#${u14})`,
|
|
2287
|
+
children: _6.map((e21, t26) => /* @__PURE__ */ jsx("path", {
|
|
2288
|
+
className: p10[e21.side],
|
|
2289
|
+
d: y4(e21)
|
|
2290
2290
|
}, t26))
|
|
2291
2291
|
})] });
|
|
2292
2292
|
},
|
|
@@ -2324,23 +2324,23 @@ var ut = {
|
|
|
2324
2324
|
}
|
|
2325
2325
|
};
|
|
2326
2326
|
var dt = {
|
|
2327
|
-
Component: ({ sampler: e20, variant: n29, params:
|
|
2327
|
+
Component: ({ sampler: e20, variant: n29, params: r28 }) => {
|
|
2328
2328
|
if (n29 !== "solid" && n29 !== "subtle") return null;
|
|
2329
|
-
let
|
|
2329
|
+
let i26 = {
|
|
2330
2330
|
...lt,
|
|
2331
|
-
...
|
|
2332
|
-
}, c16 = useId(),
|
|
2331
|
+
...r28
|
|
2332
|
+
}, c16 = useId(), l17 = useId(), u14 = Math.max(0, Math.min(i26.intensity, 1));
|
|
2333
2333
|
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsx("clipPath", {
|
|
2334
|
-
id:
|
|
2334
|
+
id: l17,
|
|
2335
2335
|
children: /* @__PURE__ */ jsx("path", { d: e20.bodyPath })
|
|
2336
2336
|
}), /* @__PURE__ */ jsxs("linearGradient", {
|
|
2337
2337
|
id: c16,
|
|
2338
|
-
...ut[
|
|
2338
|
+
...ut[i26.lightFrom],
|
|
2339
2339
|
children: [
|
|
2340
2340
|
/* @__PURE__ */ jsx("stop", {
|
|
2341
2341
|
offset: "0%",
|
|
2342
2342
|
stopColor: "black",
|
|
2343
|
-
stopOpacity:
|
|
2343
|
+
stopOpacity: u14
|
|
2344
2344
|
}),
|
|
2345
2345
|
/* @__PURE__ */ jsx("stop", {
|
|
2346
2346
|
offset: "45%",
|
|
@@ -2355,11 +2355,11 @@ var dt = {
|
|
|
2355
2355
|
/* @__PURE__ */ jsx("stop", {
|
|
2356
2356
|
offset: "100%",
|
|
2357
2357
|
stopColor: "white",
|
|
2358
|
-
stopOpacity:
|
|
2358
|
+
stopOpacity: u14
|
|
2359
2359
|
})
|
|
2360
2360
|
]
|
|
2361
2361
|
})] }), /* @__PURE__ */ jsx("rect", {
|
|
2362
|
-
clipPath: `url(#${
|
|
2362
|
+
clipPath: `url(#${l17})`,
|
|
2363
2363
|
x: "0",
|
|
2364
2364
|
y: "0",
|
|
2365
2365
|
width: "100",
|
|
@@ -2377,38 +2377,38 @@ var ft = {
|
|
|
2377
2377
|
lightFrom: "tl"
|
|
2378
2378
|
};
|
|
2379
2379
|
var pt = {
|
|
2380
|
-
Component: ({ boxW: e20, boxH: t26, variant: n29, params:
|
|
2380
|
+
Component: ({ boxW: e20, boxH: t26, variant: n29, params: r28 }) => {
|
|
2381
2381
|
if (n29 !== "solid" && n29 !== "subtle") return null;
|
|
2382
|
-
let
|
|
2382
|
+
let i26 = {
|
|
2383
2383
|
...ft,
|
|
2384
|
-
...
|
|
2385
|
-
}, c16 = 100 / e20,
|
|
2384
|
+
...r28
|
|
2385
|
+
}, c16 = 100 / e20, l17 = 100 / t26, u14 = i26.radius * c16, d12 = i26.radius * l17, f12 = i26.inset * c16, p10 = i26.inset * l17, m8 = i26.lightFrom[1] === "l" ? -i26.radius * 0.32 : i26.radius * 0.32, h6 = i26.lightFrom[0] === "t" ? -i26.radius * 0.32 : i26.radius * 0.32;
|
|
2386
2386
|
return /* @__PURE__ */ jsx(Fragment, { children: [
|
|
2387
|
-
[
|
|
2388
|
-
[100 -
|
|
2389
|
-
[
|
|
2390
|
-
[100 -
|
|
2387
|
+
[f12, p10],
|
|
2388
|
+
[100 - f12, p10],
|
|
2389
|
+
[f12, 100 - p10],
|
|
2390
|
+
[100 - f12, 100 - p10]
|
|
2391
2391
|
].map(([e21, t27], n30) => /* @__PURE__ */ jsxs("g", { children: [
|
|
2392
2392
|
/* @__PURE__ */ jsx("ellipse", {
|
|
2393
2393
|
className: "badge-bevel-dark",
|
|
2394
2394
|
cx: e21,
|
|
2395
2395
|
cy: t27,
|
|
2396
|
-
rx:
|
|
2397
|
-
ry:
|
|
2396
|
+
rx: u14,
|
|
2397
|
+
ry: d12
|
|
2398
2398
|
}),
|
|
2399
2399
|
/* @__PURE__ */ jsx("ellipse", {
|
|
2400
2400
|
className: "badge-bevel-medium-dark",
|
|
2401
2401
|
cx: e21 - m8 * 0.6 * c16,
|
|
2402
|
-
cy: t27 - h6 * 0.6 *
|
|
2403
|
-
rx:
|
|
2404
|
-
ry:
|
|
2402
|
+
cy: t27 - h6 * 0.6 * l17,
|
|
2403
|
+
rx: u14 * 0.75,
|
|
2404
|
+
ry: d12 * 0.75
|
|
2405
2405
|
}),
|
|
2406
2406
|
/* @__PURE__ */ jsx("ellipse", {
|
|
2407
2407
|
className: "badge-bevel-light",
|
|
2408
2408
|
cx: e21 + m8 * c16,
|
|
2409
|
-
cy: t27 + h6 *
|
|
2410
|
-
rx:
|
|
2411
|
-
ry:
|
|
2409
|
+
cy: t27 + h6 * l17,
|
|
2410
|
+
rx: u14 * 0.45,
|
|
2411
|
+
ry: d12 * 0.45
|
|
2412
2412
|
})
|
|
2413
2413
|
] }, n30)) });
|
|
2414
2414
|
},
|
|
@@ -2421,15 +2421,15 @@ var mt = {
|
|
|
2421
2421
|
opacity: 0.28
|
|
2422
2422
|
};
|
|
2423
2423
|
var ht = {
|
|
2424
|
-
Component: ({ sampler: e20, boxW: t26, boxH: n29, params:
|
|
2425
|
-
let
|
|
2424
|
+
Component: ({ sampler: e20, boxW: t26, boxH: n29, params: r28 }) => {
|
|
2425
|
+
let i26 = {
|
|
2426
2426
|
...mt,
|
|
2427
|
-
...
|
|
2428
|
-
}, a24 = 100 / t26, s21 = 100 / n29, c16 =
|
|
2427
|
+
...r28
|
|
2428
|
+
}, a24 = 100 / t26, s21 = 100 / n29, c16 = i26.dx * a24, l17 = i26.dy * s21;
|
|
2429
2429
|
return /* @__PURE__ */ jsx("path", {
|
|
2430
2430
|
d: e20.bodyPath,
|
|
2431
|
-
transform: `translate(${c16.toFixed(3)} ${
|
|
2432
|
-
fill: `rgba(0, 0, 0, ${Math.max(0, Math.min(
|
|
2431
|
+
transform: `translate(${c16.toFixed(3)} ${l17.toFixed(3)})`,
|
|
2432
|
+
fill: `rgba(0, 0, 0, ${Math.max(0, Math.min(i26.opacity, 1))})`,
|
|
2433
2433
|
stroke: "none",
|
|
2434
2434
|
style: { pointerEvents: "none" }
|
|
2435
2435
|
});
|
|
@@ -2446,33 +2446,33 @@ function _t(e20) {
|
|
|
2446
2446
|
return Math.sin(e20 * 1.73 + 0.5);
|
|
2447
2447
|
}
|
|
2448
2448
|
var vt = {
|
|
2449
|
-
Component: ({ sampler: e20, variant: n29, params:
|
|
2449
|
+
Component: ({ sampler: e20, variant: n29, params: r28 }) => {
|
|
2450
2450
|
if (n29 !== "solid" && n29 !== "subtle") return null;
|
|
2451
|
-
let
|
|
2451
|
+
let i26 = {
|
|
2452
2452
|
...gt,
|
|
2453
|
-
...
|
|
2454
|
-
}, c16 = useId(),
|
|
2455
|
-
for (let e21 = 0; e21 <
|
|
2456
|
-
let t26 = (e21 + 1) / (
|
|
2457
|
-
|
|
2453
|
+
...r28
|
|
2454
|
+
}, c16 = useId(), l17 = [];
|
|
2455
|
+
for (let e21 = 0; e21 < i26.lines; e21++) {
|
|
2456
|
+
let t26 = (e21 + 1) / (i26.lines + 1) * 100, n30 = _t(e21 * 2 + 1) * 4, r29 = _t(e21 * 2 + 2) * 4;
|
|
2457
|
+
l17.push(`M -5 ${t26.toFixed(2)} Q 35 ${(t26 + n30).toFixed(2)} 60 ${t26.toFixed(2)} T 105 ${(t26 + r29).toFixed(2)}`);
|
|
2458
2458
|
}
|
|
2459
|
-
let
|
|
2460
|
-
for (let e21 = 0; e21 <
|
|
2459
|
+
let u14 = [];
|
|
2460
|
+
for (let e21 = 0; e21 < i26.knots; e21++) {
|
|
2461
2461
|
let t26 = 30 + _t(e21 * 3 + 0.7) * 30 + 20, n30 = 50 + _t(e21 * 3 + 1.3) * 30;
|
|
2462
|
-
|
|
2462
|
+
u14.push([t26, n30]);
|
|
2463
2463
|
}
|
|
2464
2464
|
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
|
|
2465
2465
|
id: c16,
|
|
2466
2466
|
children: /* @__PURE__ */ jsx("path", { d: e20.bodyPath })
|
|
2467
2467
|
}) }), /* @__PURE__ */ jsxs("g", {
|
|
2468
2468
|
clipPath: `url(#${c16})`,
|
|
2469
|
-
opacity: Math.max(0, Math.min(
|
|
2469
|
+
opacity: Math.max(0, Math.min(i26.intensity, 1)),
|
|
2470
2470
|
style: { pointerEvents: "none" },
|
|
2471
|
-
children: [
|
|
2471
|
+
children: [l17.map((e21, t26) => /* @__PURE__ */ jsx("path", {
|
|
2472
2472
|
className: "badge-stroke",
|
|
2473
2473
|
d: e21,
|
|
2474
2474
|
fill: "none"
|
|
2475
|
-
}, `l${t26}`)),
|
|
2475
|
+
}, `l${t26}`)), u14.map(([e21, t26], n30) => /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("ellipse", {
|
|
2476
2476
|
className: "badge-stroke",
|
|
2477
2477
|
cx: e21,
|
|
2478
2478
|
cy: t26,
|
|
@@ -2497,25 +2497,25 @@ var yt = {
|
|
|
2497
2497
|
holeSpacing: 11
|
|
2498
2498
|
};
|
|
2499
2499
|
var bt = {
|
|
2500
|
-
Component: ({ sampler: e20, boxW: t26, boxH: n29, params:
|
|
2501
|
-
let
|
|
2500
|
+
Component: ({ sampler: e20, boxW: t26, boxH: n29, params: r28 }) => {
|
|
2501
|
+
let i26 = {
|
|
2502
2502
|
...yt,
|
|
2503
|
-
...
|
|
2504
|
-
}, s21 = 100 / t26, c16 = 100 / n29,
|
|
2505
|
-
for (let t27 = 0; t27 <
|
|
2506
|
-
let n30 = (t27 + 0.5) *
|
|
2507
|
-
if (Z(n30,
|
|
2508
|
-
let
|
|
2509
|
-
|
|
2510
|
-
cx:
|
|
2511
|
-
cy:
|
|
2503
|
+
...r28
|
|
2504
|
+
}, s21 = 100 / t26, c16 = 100 / n29, l17 = e20.totalCss, u14 = Math.max(2, Math.round(l17 / Math.max(2 * i26.holeRadius, i26.holeSpacing))), d12 = l17 / u14, f12 = [];
|
|
2505
|
+
for (let t27 = 0; t27 < u14; t27++) {
|
|
2506
|
+
let n30 = (t27 + 0.5) * d12;
|
|
2507
|
+
if (Z(n30, l17, r28?.range) === 0) continue;
|
|
2508
|
+
let i27 = e20.perimeterAt(n30);
|
|
2509
|
+
f12.push({
|
|
2510
|
+
cx: i27.x,
|
|
2511
|
+
cy: i27.y
|
|
2512
2512
|
});
|
|
2513
2513
|
}
|
|
2514
|
-
let
|
|
2515
|
-
return /* @__PURE__ */ jsx(Fragment, { children:
|
|
2514
|
+
let p10 = i26.holeRadius * s21, m8 = i26.holeRadius * c16;
|
|
2515
|
+
return /* @__PURE__ */ jsx(Fragment, { children: f12.map((e21, t27) => /* @__PURE__ */ jsx("ellipse", {
|
|
2516
2516
|
cx: e21.cx,
|
|
2517
2517
|
cy: e21.cy,
|
|
2518
|
-
rx:
|
|
2518
|
+
rx: p10,
|
|
2519
2519
|
ry: m8,
|
|
2520
2520
|
fill: "black"
|
|
2521
2521
|
}, t27)) });
|
|
@@ -2544,46 +2544,46 @@ function Ct(e20) {
|
|
|
2544
2544
|
};
|
|
2545
2545
|
}
|
|
2546
2546
|
var wt = {
|
|
2547
|
-
Component: ({ sampler: e20, boxW: n29, boxH:
|
|
2548
|
-
if (
|
|
2549
|
-
let
|
|
2547
|
+
Component: ({ sampler: e20, boxW: n29, boxH: r28, variant: i26, params: c16 }) => {
|
|
2548
|
+
if (i26 !== "solid" && i26 !== "subtle") return null;
|
|
2549
|
+
let l17 = {
|
|
2550
2550
|
...xt,
|
|
2551
2551
|
...c16
|
|
2552
|
-
},
|
|
2552
|
+
}, u14 = useId(), d12 = 100 / n29, f12 = 100 / r28, p10 = e20.totalCss, { lx: m8, ly: h6 } = Ct(l17.lightFrom), g5 = [], _6 = [];
|
|
2553
2553
|
for (let t26 = 0; t26 < Q; t26++) {
|
|
2554
|
-
let n30 = e20.perimeterAt(t26 / Q *
|
|
2554
|
+
let n30 = e20.perimeterAt(t26 / Q * p10), r29 = -(n30.nx * m8 + n30.ny * h6), i27 = Math.max(0, Math.min((r29 + 1) / 2, 0.9999)), a24 = Math.floor(i27 * St.length);
|
|
2555
2555
|
g5.push({
|
|
2556
2556
|
x: n30.x,
|
|
2557
2557
|
y: n30.y,
|
|
2558
2558
|
bucket: a24
|
|
2559
|
-
}),
|
|
2560
|
-
x: n30.x - n30.nx *
|
|
2561
|
-
y: n30.y - n30.ny *
|
|
2559
|
+
}), _6.push({
|
|
2560
|
+
x: n30.x - n30.nx * l17.bevelWidth * d12,
|
|
2561
|
+
y: n30.y - n30.ny * l17.bevelWidth * f12
|
|
2562
2562
|
});
|
|
2563
2563
|
}
|
|
2564
|
-
let v3 = [],
|
|
2564
|
+
let v3 = [], y4 = null;
|
|
2565
2565
|
for (let e21 = 0; e21 < Q; e21++) {
|
|
2566
2566
|
let t26 = g5[e21].bucket;
|
|
2567
|
-
!
|
|
2567
|
+
!y4 || y4.bucket !== t26 ? (y4 = {
|
|
2568
2568
|
bucket: t26,
|
|
2569
2569
|
idxs: [e21]
|
|
2570
|
-
}, v3.push(
|
|
2570
|
+
}, v3.push(y4)) : y4.idxs.push(e21);
|
|
2571
2571
|
}
|
|
2572
2572
|
v3.length > 1 && v3[0].bucket === v3[v3.length - 1].bucket && (v3[v3.length - 1].idxs = v3[v3.length - 1].idxs.concat(v3[0].idxs), v3.shift());
|
|
2573
2573
|
let b3 = (e21) => {
|
|
2574
|
-
let t26 = e21.idxs[0], n30 = e21.idxs[e21.idxs.length - 1],
|
|
2575
|
-
|
|
2574
|
+
let t26 = e21.idxs[0], n30 = e21.idxs[e21.idxs.length - 1], r29 = (t26 - 1 + Q) % Q, i27 = (n30 + 1) % Q, a24 = [
|
|
2575
|
+
r29,
|
|
2576
2576
|
...e21.idxs,
|
|
2577
|
-
|
|
2578
|
-
], o23 = a24.map((e22) => g5[e22]), s21 = a24.map((e22) =>
|
|
2579
|
-
for (let e22 = 1; e22 < c17.length; e22++)
|
|
2580
|
-
return
|
|
2577
|
+
i27
|
|
2578
|
+
], o23 = a24.map((e22) => g5[e22]), s21 = a24.map((e22) => _6[e22]).reverse(), c17 = [...o23, ...s21], l18 = `M ${c17[0].x.toFixed(3)} ${c17[0].y.toFixed(3)}`;
|
|
2579
|
+
for (let e22 = 1; e22 < c17.length; e22++) l18 += ` L ${c17[e22].x.toFixed(3)} ${c17[e22].y.toFixed(3)}`;
|
|
2580
|
+
return l18 + " Z";
|
|
2581
2581
|
};
|
|
2582
2582
|
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
|
|
2583
|
-
id:
|
|
2583
|
+
id: u14,
|
|
2584
2584
|
children: /* @__PURE__ */ jsx("path", { d: e20.bodyPath })
|
|
2585
2585
|
}) }), /* @__PURE__ */ jsx("g", {
|
|
2586
|
-
clipPath: `url(#${
|
|
2586
|
+
clipPath: `url(#${u14})`,
|
|
2587
2587
|
children: v3.map((e21, t26) => /* @__PURE__ */ jsx("path", {
|
|
2588
2588
|
className: St[e21.bucket],
|
|
2589
2589
|
d: b3(e21)
|
|
@@ -2601,20 +2601,20 @@ var Tt = {
|
|
|
2601
2601
|
opacity: 1
|
|
2602
2602
|
};
|
|
2603
2603
|
var Et = {
|
|
2604
|
-
Component: ({ sampler: e20, boxW: t26, boxH: n29, params:
|
|
2605
|
-
let
|
|
2604
|
+
Component: ({ sampler: e20, boxW: t26, boxH: n29, params: r28 }) => {
|
|
2605
|
+
let i26 = {
|
|
2606
2606
|
...Tt,
|
|
2607
|
-
...
|
|
2608
|
-
}, a24 = 100 / t26, s21 = 100 / n29, c16 =
|
|
2607
|
+
...r28
|
|
2608
|
+
}, a24 = 100 / t26, s21 = 100 / n29, c16 = i26.width * Math.max(a24, s21);
|
|
2609
2609
|
return /* @__PURE__ */ jsx("path", {
|
|
2610
2610
|
d: e20.bodyPath,
|
|
2611
2611
|
fill: "none",
|
|
2612
|
-
stroke:
|
|
2612
|
+
stroke: i26.color,
|
|
2613
2613
|
strokeWidth: c16,
|
|
2614
|
-
strokeDasharray:
|
|
2615
|
-
strokeOpacity:
|
|
2614
|
+
strokeDasharray: i26.dash || void 0,
|
|
2615
|
+
strokeOpacity: i26.opacity,
|
|
2616
2616
|
vectorEffect: "non-scaling-stroke",
|
|
2617
|
-
style: { mixBlendMode:
|
|
2617
|
+
style: { mixBlendMode: i26.blendMode }
|
|
2618
2618
|
});
|
|
2619
2619
|
},
|
|
2620
2620
|
zone: "foreground",
|
|
@@ -2634,22 +2634,22 @@ var Dt = {
|
|
|
2634
2634
|
gradientEnd: 1
|
|
2635
2635
|
};
|
|
2636
2636
|
var Ot = {
|
|
2637
|
-
Component: ({ sampler: e20, boxW: n29, boxH:
|
|
2637
|
+
Component: ({ sampler: e20, boxW: n29, boxH: r28, params: i26 }) => {
|
|
2638
2638
|
let c16 = {
|
|
2639
2639
|
...Dt,
|
|
2640
|
-
...
|
|
2641
|
-
},
|
|
2640
|
+
...i26
|
|
2641
|
+
}, l17 = useId(), u14 = useId(), d12 = useId(), f12 = 100 / n29, p10 = 100 / r28, m8 = Math.max(0, Math.min(c16.irregularity, 1)), h6 = (e21) => 1 + m8 * 0.45 * Math.sin(e21 * 1.73 + 0.7), g5 = (e21) => 1 + m8 * 0.5 * Math.sin(e21 * 2.31 + 1.3), _6 = (e21) => m8 * 8 * Math.sin(e21 * 3.07 + 0.4), v3 = c16.width * f12, y4 = c16.gap * f12, b3 = c16.offset * f12, x3 = 50 - (c16.count * v3 + (c16.count - 1) * y4) / 2 + b3, S3 = [];
|
|
2642
2642
|
for (let e21 = 0; e21 < c16.count; e21++) {
|
|
2643
|
-
let t26 = v3 * h6(e21), n30 = x3,
|
|
2644
|
-
[n30 +
|
|
2645
|
-
[
|
|
2646
|
-
[
|
|
2647
|
-
[n30 -
|
|
2643
|
+
let t26 = v3 * h6(e21), n30 = x3, r29 = x3 + t26, i27 = Math.tan((c16.angle + _6(e21)) * Math.PI / 180) * (f12 / p10) * 200 / 2, a24 = [
|
|
2644
|
+
[n30 + i27, -50],
|
|
2645
|
+
[r29 + i27, -50],
|
|
2646
|
+
[r29 - i27, 150],
|
|
2647
|
+
[n30 - i27, 150]
|
|
2648
2648
|
];
|
|
2649
2649
|
S3.push({
|
|
2650
2650
|
points: a24.map(([e22, t27]) => `${e22.toFixed(3)},${t27.toFixed(3)}`).join(" "),
|
|
2651
2651
|
opacity: Math.max(0, Math.min(c16.opacity * g5(e21), 1))
|
|
2652
|
-
}), x3 += v3 +
|
|
2652
|
+
}), x3 += v3 + y4;
|
|
2653
2653
|
}
|
|
2654
2654
|
let C3 = c16.gradientAngle * Math.PI / 180, w3 = Math.cos(C3), T3 = Math.sin(C3), E3 = 50 - w3 * 100 / 2, D3 = 50 - T3 * 100 / 2, O3 = 50 + w3 * 100 / 2, k3 = 50 + T3 * 100 / 2, A3 = Math.max(0, Math.min(c16.gradientStart, 1)), j3 = Math.max(0, Math.min(c16.gradientEnd, 1)), M3 = A3 <= j3 ? [
|
|
2655
2655
|
{
|
|
@@ -2688,11 +2688,11 @@ var Ot = {
|
|
|
2688
2688
|
];
|
|
2689
2689
|
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("defs", { children: [
|
|
2690
2690
|
/* @__PURE__ */ jsx("clipPath", {
|
|
2691
|
-
id:
|
|
2691
|
+
id: l17,
|
|
2692
2692
|
children: /* @__PURE__ */ jsx("path", { d: e20.bodyPath })
|
|
2693
2693
|
}),
|
|
2694
2694
|
/* @__PURE__ */ jsx("linearGradient", {
|
|
2695
|
-
id:
|
|
2695
|
+
id: d12,
|
|
2696
2696
|
x1: E3,
|
|
2697
2697
|
y1: D3,
|
|
2698
2698
|
x2: O3,
|
|
@@ -2704,7 +2704,7 @@ var Ot = {
|
|
|
2704
2704
|
}, t26))
|
|
2705
2705
|
}),
|
|
2706
2706
|
/* @__PURE__ */ jsx("mask", {
|
|
2707
|
-
id:
|
|
2707
|
+
id: u14,
|
|
2708
2708
|
maskUnits: "userSpaceOnUse",
|
|
2709
2709
|
x: "0",
|
|
2710
2710
|
y: "0",
|
|
@@ -2715,12 +2715,12 @@ var Ot = {
|
|
|
2715
2715
|
y: "0",
|
|
2716
2716
|
width: "100",
|
|
2717
2717
|
height: "100",
|
|
2718
|
-
fill: `url(#${
|
|
2718
|
+
fill: `url(#${d12})`
|
|
2719
2719
|
})
|
|
2720
2720
|
})
|
|
2721
2721
|
] }), /* @__PURE__ */ jsx("g", {
|
|
2722
|
-
clipPath: `url(#${
|
|
2723
|
-
mask: `url(#${
|
|
2722
|
+
clipPath: `url(#${l17})`,
|
|
2723
|
+
mask: `url(#${u14})`,
|
|
2724
2724
|
children: S3.map((e21, t26) => /* @__PURE__ */ jsx("polygon", {
|
|
2725
2725
|
points: e21.points,
|
|
2726
2726
|
fill: c16.color,
|
|
@@ -2749,21 +2749,21 @@ var kt = {
|
|
|
2749
2749
|
};
|
|
2750
2750
|
var At = 240;
|
|
2751
2751
|
var jt = {
|
|
2752
|
-
Component: ({ sampler: e20, boxW: n29, boxH:
|
|
2753
|
-
if (
|
|
2754
|
-
let
|
|
2752
|
+
Component: ({ sampler: e20, boxW: n29, boxH: r28, variant: i26, params: c16 }) => {
|
|
2753
|
+
if (i26 !== "solid" && i26 !== "subtle" && i26 !== "outline") return null;
|
|
2754
|
+
let l17 = {
|
|
2755
2755
|
...kt,
|
|
2756
2756
|
...c16
|
|
2757
|
-
},
|
|
2757
|
+
}, u14 = useId(), d12 = useId(), f12 = useId(), p10 = e20.totalCss, m8 = [], h6 = null;
|
|
2758
2758
|
for (let t26 = 0; t26 < At; t26++) {
|
|
2759
|
-
let n30 = t26 / At *
|
|
2760
|
-
|
|
2761
|
-
x:
|
|
2762
|
-
y:
|
|
2759
|
+
let n30 = t26 / At * p10, r29 = e20.perimeterAt(n30);
|
|
2760
|
+
r29.ny < 0 ? (h6 || (h6 = [], m8.push(h6)), h6.push({
|
|
2761
|
+
x: r29.x,
|
|
2762
|
+
y: r29.y
|
|
2763
2763
|
})) : h6 = null;
|
|
2764
2764
|
}
|
|
2765
2765
|
if (m8.length > 1) {
|
|
2766
|
-
let t26 = e20.perimeterAt(0), n30 = e20.perimeterAt((At - 1) / At *
|
|
2766
|
+
let t26 = e20.perimeterAt(0), n30 = e20.perimeterAt((At - 1) / At * p10);
|
|
2767
2767
|
if (t26.ny < 0 && n30.ny < 0) {
|
|
2768
2768
|
let e21 = m8.shift();
|
|
2769
2769
|
m8[m8.length - 1].push(...e21);
|
|
@@ -2776,11 +2776,11 @@ var jt = {
|
|
|
2776
2776
|
for (let n30 = 1; n30 < e21.length; n30++) t26 += ` L ${e21[n30].x.toFixed(3)} ${e21[n30].y.toFixed(3)}`;
|
|
2777
2777
|
g5.push(t26);
|
|
2778
2778
|
}
|
|
2779
|
-
let
|
|
2779
|
+
let _6 = 100 / n29, v3 = 100 / r28, y4 = Math.max(_6, v3), b3 = l17.bezelWidth * y4, x3 = l17.rimWidth * y4, S3 = Math.max(0, l17.equator - l17.equatorSpread), C3 = Math.min(100, l17.equator + l17.equatorSpread * 1.6), w3 = `color-mix(in srgb, ${l17.accent} ${l17.equatorTint}%, white)`, T3 = `color-mix(in srgb, ${l17.accent} ${l17.baseTint}%, black)`;
|
|
2780
2780
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2781
2781
|
/* @__PURE__ */ jsxs("defs", { children: [
|
|
2782
2782
|
/* @__PURE__ */ jsxs("linearGradient", {
|
|
2783
|
-
id:
|
|
2783
|
+
id: u14,
|
|
2784
2784
|
x1: "0%",
|
|
2785
2785
|
y1: "0%",
|
|
2786
2786
|
x2: "0%",
|
|
@@ -2789,19 +2789,19 @@ var jt = {
|
|
|
2789
2789
|
/* @__PURE__ */ jsx("stop", {
|
|
2790
2790
|
offset: "0%",
|
|
2791
2791
|
style: {
|
|
2792
|
-
stopColor:
|
|
2793
|
-
stopOpacity:
|
|
2792
|
+
stopColor: l17.accent,
|
|
2793
|
+
stopOpacity: l17.topAlpha
|
|
2794
2794
|
}
|
|
2795
2795
|
}),
|
|
2796
2796
|
/* @__PURE__ */ jsx("stop", {
|
|
2797
2797
|
offset: `${S3}%`,
|
|
2798
2798
|
style: {
|
|
2799
|
-
stopColor:
|
|
2800
|
-
stopOpacity:
|
|
2799
|
+
stopColor: l17.accent,
|
|
2800
|
+
stopOpacity: l17.upperAlpha
|
|
2801
2801
|
}
|
|
2802
2802
|
}),
|
|
2803
2803
|
/* @__PURE__ */ jsx("stop", {
|
|
2804
|
-
offset: `${
|
|
2804
|
+
offset: `${l17.equator}%`,
|
|
2805
2805
|
style: {
|
|
2806
2806
|
stopColor: w3,
|
|
2807
2807
|
stopOpacity: 1
|
|
@@ -2810,7 +2810,7 @@ var jt = {
|
|
|
2810
2810
|
/* @__PURE__ */ jsx("stop", {
|
|
2811
2811
|
offset: `${C3}%`,
|
|
2812
2812
|
style: {
|
|
2813
|
-
stopColor:
|
|
2813
|
+
stopColor: l17.accent,
|
|
2814
2814
|
stopOpacity: 1
|
|
2815
2815
|
}
|
|
2816
2816
|
}),
|
|
@@ -2824,24 +2824,24 @@ var jt = {
|
|
|
2824
2824
|
]
|
|
2825
2825
|
}),
|
|
2826
2826
|
/* @__PURE__ */ jsxs("linearGradient", {
|
|
2827
|
-
id:
|
|
2827
|
+
id: d12,
|
|
2828
2828
|
x1: "0%",
|
|
2829
2829
|
y1: "0%",
|
|
2830
2830
|
x2: "0%",
|
|
2831
|
-
y2: `${
|
|
2831
|
+
y2: `${l17.glossExtent}%`,
|
|
2832
2832
|
children: [
|
|
2833
2833
|
/* @__PURE__ */ jsx("stop", {
|
|
2834
2834
|
offset: "0%",
|
|
2835
2835
|
style: {
|
|
2836
2836
|
stopColor: "white",
|
|
2837
|
-
stopOpacity:
|
|
2837
|
+
stopOpacity: l17.glossTopAlpha
|
|
2838
2838
|
}
|
|
2839
2839
|
}),
|
|
2840
2840
|
/* @__PURE__ */ jsx("stop", {
|
|
2841
2841
|
offset: "60%",
|
|
2842
2842
|
style: {
|
|
2843
2843
|
stopColor: "white",
|
|
2844
|
-
stopOpacity:
|
|
2844
|
+
stopOpacity: l17.glossMidAlpha
|
|
2845
2845
|
}
|
|
2846
2846
|
}),
|
|
2847
2847
|
/* @__PURE__ */ jsx("stop", {
|
|
@@ -2854,29 +2854,29 @@ var jt = {
|
|
|
2854
2854
|
]
|
|
2855
2855
|
}),
|
|
2856
2856
|
/* @__PURE__ */ jsx("clipPath", {
|
|
2857
|
-
id:
|
|
2857
|
+
id: f12,
|
|
2858
2858
|
children: /* @__PURE__ */ jsx("path", { d: e20.bodyPath })
|
|
2859
2859
|
})
|
|
2860
2860
|
] }),
|
|
2861
2861
|
/* @__PURE__ */ jsx("path", {
|
|
2862
2862
|
d: e20.bodyPath,
|
|
2863
|
-
fill: `url(#${
|
|
2863
|
+
fill: `url(#${u14})`,
|
|
2864
2864
|
style: { pointerEvents: "none" }
|
|
2865
2865
|
}),
|
|
2866
2866
|
/* @__PURE__ */ jsx("rect", {
|
|
2867
2867
|
x: "0",
|
|
2868
2868
|
y: "0",
|
|
2869
2869
|
width: "100",
|
|
2870
|
-
height:
|
|
2871
|
-
fill: `url(#${
|
|
2872
|
-
clipPath: `url(#${
|
|
2870
|
+
height: l17.glossExtent,
|
|
2871
|
+
fill: `url(#${d12})`,
|
|
2872
|
+
clipPath: `url(#${f12})`,
|
|
2873
2873
|
style: { pointerEvents: "none" }
|
|
2874
2874
|
}),
|
|
2875
2875
|
g5.map((e21, t26) => /* @__PURE__ */ jsx("path", {
|
|
2876
2876
|
d: e21,
|
|
2877
2877
|
fill: "none",
|
|
2878
2878
|
stroke: "white",
|
|
2879
|
-
strokeOpacity:
|
|
2879
|
+
strokeOpacity: l17.bezelAlpha,
|
|
2880
2880
|
strokeWidth: b3,
|
|
2881
2881
|
strokeLinecap: "round",
|
|
2882
2882
|
vectorEffect: "non-scaling-stroke",
|
|
@@ -2886,7 +2886,7 @@ var jt = {
|
|
|
2886
2886
|
d: e20.bodyPath,
|
|
2887
2887
|
fill: "none",
|
|
2888
2888
|
stroke: "black",
|
|
2889
|
-
strokeOpacity:
|
|
2889
|
+
strokeOpacity: l17.rimAlpha,
|
|
2890
2890
|
strokeWidth: x3,
|
|
2891
2891
|
vectorEffect: "non-scaling-stroke",
|
|
2892
2892
|
style: { pointerEvents: "none" }
|
|
@@ -2927,17 +2927,17 @@ var $ = {
|
|
|
2927
2927
|
sunbeams: Ot,
|
|
2928
2928
|
aqua: jt,
|
|
2929
2929
|
metal: {
|
|
2930
|
-
Component: ({ sampler: e20, boxW: n29, boxH:
|
|
2931
|
-
if (
|
|
2932
|
-
let
|
|
2930
|
+
Component: ({ sampler: e20, boxW: n29, boxH: r28, variant: i26, params: c16 }) => {
|
|
2931
|
+
if (i26 !== "solid" && i26 !== "subtle" && i26 !== "outline") return null;
|
|
2932
|
+
let l17 = {
|
|
2933
2933
|
...Mt,
|
|
2934
2934
|
...c16
|
|
2935
|
-
},
|
|
2935
|
+
}, u14 = Math.max(0, Math.min(l17.specularity, 1)), d12 = useId(), f12 = useId(), p10 = useId(), m8 = e20.totalCss, h6 = [], g5 = null;
|
|
2936
2936
|
for (let t26 = 0; t26 < Nt; t26++) {
|
|
2937
|
-
let n30 = t26 / Nt * m8,
|
|
2938
|
-
|
|
2939
|
-
x:
|
|
2940
|
-
y:
|
|
2937
|
+
let n30 = t26 / Nt * m8, r29 = e20.perimeterAt(n30);
|
|
2938
|
+
r29.ny < 0 ? (g5 || (g5 = [], h6.push(g5)), g5.push({
|
|
2939
|
+
x: r29.x,
|
|
2940
|
+
y: r29.y
|
|
2941
2941
|
})) : g5 = null;
|
|
2942
2942
|
}
|
|
2943
2943
|
if (h6.length > 1) {
|
|
@@ -2947,18 +2947,18 @@ var $ = {
|
|
|
2947
2947
|
h6[h6.length - 1].push(...e21);
|
|
2948
2948
|
}
|
|
2949
2949
|
}
|
|
2950
|
-
let
|
|
2950
|
+
let _6 = [];
|
|
2951
2951
|
for (let e21 of h6) {
|
|
2952
2952
|
if (e21.length < 2) continue;
|
|
2953
2953
|
let t26 = `M ${e21[0].x.toFixed(3)} ${e21[0].y.toFixed(3)}`;
|
|
2954
2954
|
for (let n30 = 1; n30 < e21.length; n30++) t26 += ` L ${e21[n30].x.toFixed(3)} ${e21[n30].y.toFixed(3)}`;
|
|
2955
|
-
|
|
2955
|
+
_6.push(t26);
|
|
2956
2956
|
}
|
|
2957
|
-
let v3 = 100 / n29,
|
|
2957
|
+
let v3 = 100 / n29, y4 = 100 / r28, b3 = Math.max(v3, y4), x3 = l17.bezelWidth * b3, S3 = l17.rimWidth * b3, C3 = Math.max(0, l17.equator - l17.equatorSpread), w3 = Math.min(100, l17.equator + l17.equatorSpread), T3 = 100 - Math.round(u14 * 85), E3 = `color-mix(in srgb, ${l17.accent} ${T3}%, white)`, D3 = `color-mix(in srgb, ${l17.accent} ${l17.topDarkness}%, black)`, O3 = `color-mix(in srgb, ${l17.accent} ${l17.baseDarkness}%, black)`, k3 = 100 - Math.round(u14 * 50), A3 = 100 - Math.round(u14 * 30), j3 = `color-mix(in srgb, ${l17.accent} ${k3}%, white)`, M3 = `color-mix(in srgb, ${l17.accent} ${A3}%, white)`, N3 = l17.glossAlphaTop * u14, P3 = l17.bezelAlpha * (0.4 + 0.6 * u14), F3 = l17.rimAlpha * (0.6 + 0.4 * u14);
|
|
2958
2958
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2959
2959
|
/* @__PURE__ */ jsxs("defs", { children: [
|
|
2960
2960
|
/* @__PURE__ */ jsxs("linearGradient", {
|
|
2961
|
-
id:
|
|
2961
|
+
id: d12,
|
|
2962
2962
|
x1: "0%",
|
|
2963
2963
|
y1: "0%",
|
|
2964
2964
|
x2: "0%",
|
|
@@ -2973,7 +2973,7 @@ var $ = {
|
|
|
2973
2973
|
style: { stopColor: j3 }
|
|
2974
2974
|
}),
|
|
2975
2975
|
/* @__PURE__ */ jsx("stop", {
|
|
2976
|
-
offset: `${
|
|
2976
|
+
offset: `${l17.equator}%`,
|
|
2977
2977
|
style: { stopColor: E3 }
|
|
2978
2978
|
}),
|
|
2979
2979
|
/* @__PURE__ */ jsx("stop", {
|
|
@@ -2987,11 +2987,11 @@ var $ = {
|
|
|
2987
2987
|
]
|
|
2988
2988
|
}),
|
|
2989
2989
|
/* @__PURE__ */ jsxs("linearGradient", {
|
|
2990
|
-
id:
|
|
2990
|
+
id: f12,
|
|
2991
2991
|
x1: "0%",
|
|
2992
2992
|
y1: "0%",
|
|
2993
2993
|
x2: "0%",
|
|
2994
|
-
y2: `${
|
|
2994
|
+
y2: `${l17.glossExtent}%`,
|
|
2995
2995
|
children: [/* @__PURE__ */ jsx("stop", {
|
|
2996
2996
|
offset: "0%",
|
|
2997
2997
|
style: {
|
|
@@ -3007,25 +3007,25 @@ var $ = {
|
|
|
3007
3007
|
})]
|
|
3008
3008
|
}),
|
|
3009
3009
|
/* @__PURE__ */ jsx("clipPath", {
|
|
3010
|
-
id:
|
|
3010
|
+
id: p10,
|
|
3011
3011
|
children: /* @__PURE__ */ jsx("path", { d: e20.bodyPath })
|
|
3012
3012
|
})
|
|
3013
3013
|
] }),
|
|
3014
3014
|
/* @__PURE__ */ jsx("path", {
|
|
3015
3015
|
d: e20.bodyPath,
|
|
3016
|
-
fill: `url(#${
|
|
3016
|
+
fill: `url(#${d12})`,
|
|
3017
3017
|
style: { pointerEvents: "none" }
|
|
3018
3018
|
}),
|
|
3019
3019
|
N3 > 0 && /* @__PURE__ */ jsx("rect", {
|
|
3020
3020
|
x: "0",
|
|
3021
3021
|
y: "0",
|
|
3022
3022
|
width: "100",
|
|
3023
|
-
height:
|
|
3024
|
-
fill: `url(#${
|
|
3025
|
-
clipPath: `url(#${
|
|
3023
|
+
height: l17.glossExtent,
|
|
3024
|
+
fill: `url(#${f12})`,
|
|
3025
|
+
clipPath: `url(#${p10})`,
|
|
3026
3026
|
style: { pointerEvents: "none" }
|
|
3027
3027
|
}),
|
|
3028
|
-
|
|
3028
|
+
_6.map((e21, t26) => /* @__PURE__ */ jsx("path", {
|
|
3029
3029
|
d: e21,
|
|
3030
3030
|
fill: "none",
|
|
3031
3031
|
stroke: "white",
|
|
@@ -3053,8 +3053,8 @@ var $ = {
|
|
|
3053
3053
|
function Pt(e20) {
|
|
3054
3054
|
return e20.as ? e20.as : e20.href ? "a" : e20.onClick ? "button" : "span";
|
|
3055
3055
|
}
|
|
3056
|
-
function Ft(
|
|
3057
|
-
let { shape:
|
|
3056
|
+
function Ft(l17) {
|
|
3057
|
+
let { shape: u14 = "pill", tone: d12 = "neutral", variant: f12 = "outline", size: p10 = "sm", onClick: m8, onRemove: h6, removeLabel: g5, href: _6, children: v3, className: y4, shapeParams: b3, bloat: x3, padding: S3, style: C3, breakStyle: w3, crawl: T3, base: E3, baseParams: D3, effects: O3 } = l17, k3 = l17["aria-label"], A3 = Pt(l17), [j3, M3] = useState(false), [N3, P3] = useState(0), F3 = pe[u14] ?? pe.pill, ee2 = pe[u14] ? u14 : "pill", I3 = F3.Component, te2 = {
|
|
3058
3058
|
...F3.defaults ?? {},
|
|
3059
3059
|
...b3 ?? {}
|
|
3060
3060
|
};
|
|
@@ -3063,13 +3063,13 @@ function Ft(l16) {
|
|
|
3063
3063
|
P3(0);
|
|
3064
3064
|
return;
|
|
3065
3065
|
}
|
|
3066
|
-
let e20 = typeof T3 == "number" ? T3 : 0.2, t26 = 0, n29 = performance.now(),
|
|
3067
|
-
let a24 = (
|
|
3068
|
-
n29 =
|
|
3066
|
+
let e20 = typeof T3 == "number" ? T3 : 0.2, t26 = 0, n29 = performance.now(), r28 = (i26) => {
|
|
3067
|
+
let a24 = (i26 - n29) / 1e3;
|
|
3068
|
+
n29 = i26, P3((t27) => (t27 + e20 * a24) % 1), t26 = requestAnimationFrame(r28);
|
|
3069
3069
|
};
|
|
3070
|
-
return t26 = requestAnimationFrame(
|
|
3070
|
+
return t26 = requestAnimationFrame(r28), () => cancelAnimationFrame(t26);
|
|
3071
3071
|
}, [T3]);
|
|
3072
|
-
let ne2 = [c3.badge,
|
|
3072
|
+
let ne2 = [c3.badge, y4].filter(Boolean).join(" "), re2 = !E3 && F3.compose ? F3.compose(te2) : null, ie2 = E3 ?? re2?.base, L2 = ie2 ? Ye[ie2] : null, ae2 = E3 ? D3 : re2?.baseParams, oe2 = E3 ? O3 : re2?.effects ?? O3, R2 = L2 ? {
|
|
3073
3073
|
...L2.defaults ?? {},
|
|
3074
3074
|
...ae2 ?? {}
|
|
3075
3075
|
} : null, se2 = useRef(null), [z2, ce2] = useState({
|
|
@@ -3111,9 +3111,9 @@ function Ft(l16) {
|
|
|
3111
3111
|
...C3
|
|
3112
3112
|
},
|
|
3113
3113
|
"data-shape": L2 ? "compose" : ee2,
|
|
3114
|
-
"data-tone":
|
|
3115
|
-
"data-variant":
|
|
3116
|
-
"data-size":
|
|
3114
|
+
"data-tone": d12,
|
|
3115
|
+
"data-variant": f12,
|
|
3116
|
+
"data-size": p10,
|
|
3117
3117
|
"data-focused": j3 ? "true" : void 0,
|
|
3118
3118
|
onFocus: () => M3(true),
|
|
3119
3119
|
onBlur: () => M3(false),
|
|
@@ -3133,52 +3133,52 @@ function Ft(l16) {
|
|
|
3133
3133
|
};
|
|
3134
3134
|
}).filter(Boolean), t26 = x3 ?? 0;
|
|
3135
3135
|
if (e20.length === 0 && t26 === 0) return B2;
|
|
3136
|
-
let n29 = 100 / z2.w,
|
|
3137
|
-
let o24 = (a25 %
|
|
3136
|
+
let n29 = 100 / z2.w, r28 = 100 / z2.h, i26 = B2.totalCss, a24 = (a25) => {
|
|
3137
|
+
let o24 = (a25 % i26 + i26) % i26, s21 = B2.perimeterAt(o24), c16 = s21.nx * t26, l18 = s21.ny * t26;
|
|
3138
3138
|
for (let t27 of e20) {
|
|
3139
3139
|
let e21 = t27.offsetAt(o24, {
|
|
3140
3140
|
params: t27.params,
|
|
3141
3141
|
phase: N3,
|
|
3142
|
-
totalCss:
|
|
3142
|
+
totalCss: i26,
|
|
3143
3143
|
perimeterAt: B2.perimeterAt
|
|
3144
3144
|
});
|
|
3145
|
-
c16 += e21.dx,
|
|
3145
|
+
c16 += e21.dx, l18 += e21.dy;
|
|
3146
3146
|
}
|
|
3147
3147
|
return {
|
|
3148
3148
|
x: s21.x + c16 * n29,
|
|
3149
|
-
y: s21.y +
|
|
3149
|
+
y: s21.y + l18 * r28
|
|
3150
3150
|
};
|
|
3151
3151
|
}, o23 = "";
|
|
3152
3152
|
for (let e21 = 0; e21 < 600; e21++) {
|
|
3153
|
-
let t27 = a24(e21 / 600 *
|
|
3153
|
+
let t27 = a24(e21 / 600 * i26);
|
|
3154
3154
|
o23 += e21 === 0 ? `M ${t27.x.toFixed(3)} ${t27.y.toFixed(3)}` : ` L ${t27.x.toFixed(3)} ${t27.y.toFixed(3)}`;
|
|
3155
3155
|
}
|
|
3156
3156
|
return o23 += " Z", {
|
|
3157
3157
|
bodyPath: o23,
|
|
3158
3158
|
perimeterAt: (e21) => {
|
|
3159
|
-
let t27 = (e21 %
|
|
3159
|
+
let t27 = (e21 % i26 + i26) % i26, o24 = a24(t27), s21 = i26 / (600 * 2), c16 = a24(t27 - s21), l18 = a24(t27 + s21), u15 = (l18.x - c16.x) / n29, d13 = (l18.y - c16.y) / r28, f13 = Math.hypot(u15, d13) || 1, p11 = d13 / f13, m9 = -u15 / f13;
|
|
3160
3160
|
return {
|
|
3161
3161
|
x: o24.x,
|
|
3162
3162
|
y: o24.y,
|
|
3163
|
-
nx:
|
|
3163
|
+
nx: p11,
|
|
3164
3164
|
ny: m9
|
|
3165
3165
|
};
|
|
3166
3166
|
},
|
|
3167
|
-
totalCss:
|
|
3167
|
+
totalCss: i26
|
|
3168
3168
|
};
|
|
3169
3169
|
})(), U2 = (oe2 ?? []).filter((e20) => $[e20.type]?.Component), ue2 = U2.filter((e20) => ($[e20.type].zone ?? "foreground") === "background"), de2 = U2.filter((e20) => ($[e20.type].zone ?? "foreground") === "foreground"), W2 = U2.filter((e20) => $[e20.type].zone === "mask"), fe2 = `badge-mask-${useId().replace(/:/g, "")}`, G2 = (e20, t26) => {
|
|
3170
|
-
let n29 = $[e20.type],
|
|
3171
|
-
if (!
|
|
3172
|
-
let
|
|
3170
|
+
let n29 = $[e20.type], r28 = n29?.Component;
|
|
3171
|
+
if (!r28 || !H2) return null;
|
|
3172
|
+
let i26 = {
|
|
3173
3173
|
...n29.defaults ?? {},
|
|
3174
3174
|
...e20.params ?? {}
|
|
3175
3175
|
};
|
|
3176
|
-
return /* @__PURE__ */ jsx(
|
|
3176
|
+
return /* @__PURE__ */ jsx(r28, {
|
|
3177
3177
|
sampler: H2,
|
|
3178
3178
|
boxW: z2.w,
|
|
3179
3179
|
boxH: z2.h,
|
|
3180
|
-
variant:
|
|
3181
|
-
params:
|
|
3180
|
+
variant: f12,
|
|
3181
|
+
params: i26,
|
|
3182
3182
|
phase: N3
|
|
3183
3183
|
}, `${e20.type}-${t26}`);
|
|
3184
3184
|
}, K2 = /* @__PURE__ */ jsxs(Fragment, { children: [L2 && H2 ? /* @__PURE__ */ jsxs("svg", {
|
|
@@ -3206,10 +3206,10 @@ function Ft(l16) {
|
|
|
3206
3206
|
ue2.map(G2),
|
|
3207
3207
|
/* @__PURE__ */ jsxs("g", {
|
|
3208
3208
|
...W2.length > 0 ? { mask: `url(#${fe2})` } : {},
|
|
3209
|
-
children: [(
|
|
3209
|
+
children: [(f12 === "solid" || f12 === "subtle") && /* @__PURE__ */ jsx("path", {
|
|
3210
3210
|
className: "badge-fill",
|
|
3211
3211
|
d: H2.bodyPath
|
|
3212
|
-
}), (
|
|
3212
|
+
}), (f12 === "outline" || f12 === "solid") && /* @__PURE__ */ jsx("path", {
|
|
3213
3213
|
className: "badge-stroke",
|
|
3214
3214
|
d: H2.bodyPath
|
|
3215
3215
|
})]
|
|
@@ -3222,7 +3222,7 @@ function Ft(l16) {
|
|
|
3222
3222
|
preserveAspectRatio: F3.stretches === false ? "xMidYMid meet" : "none",
|
|
3223
3223
|
"aria-hidden": "true",
|
|
3224
3224
|
children: /* @__PURE__ */ jsx(I3, {
|
|
3225
|
-
variant:
|
|
3225
|
+
variant: f12,
|
|
3226
3226
|
focused: j3,
|
|
3227
3227
|
params: te2,
|
|
3228
3228
|
phase: N3
|
|
@@ -3258,7 +3258,7 @@ function Ft(l16) {
|
|
|
3258
3258
|
onClick: m8,
|
|
3259
3259
|
children: K2
|
|
3260
3260
|
}) : A3 === "a" ? /* @__PURE__ */ jsx("a", {
|
|
3261
|
-
href:
|
|
3261
|
+
href: _6,
|
|
3262
3262
|
...le2,
|
|
3263
3263
|
onClick: m8,
|
|
3264
3264
|
children: K2
|
|
@@ -3309,7 +3309,7 @@ function i4() {
|
|
|
3309
3309
|
});
|
|
3310
3310
|
}
|
|
3311
3311
|
var a4 = forwardRef(function(e20, a24) {
|
|
3312
|
-
let { variant: o23 = "secondary", size: s21 = "md", disabled: c16, loading:
|
|
3312
|
+
let { variant: o23 = "secondary", size: s21 = "md", disabled: c16, loading: l17, leadingIcon: u14, trailingIcon: d12, fullWidth: f12, iconOnly: p10, ariaLabel: m8, type: h6 = "button", className: g5, style: _6, children: v3, onClick: y4 } = e20;
|
|
3313
3313
|
return /* @__PURE__ */ jsxs("button", {
|
|
3314
3314
|
ref: a24,
|
|
3315
3315
|
type: h6,
|
|
@@ -3317,31 +3317,31 @@ var a4 = forwardRef(function(e20, a24) {
|
|
|
3317
3317
|
r5.button,
|
|
3318
3318
|
r5[`variant_${o23}`],
|
|
3319
3319
|
r5[`size_${s21}`],
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3320
|
+
f12 && r5.fullWidth,
|
|
3321
|
+
p10 && r5.iconOnly,
|
|
3322
|
+
l17 && r5.loading,
|
|
3323
3323
|
g5
|
|
3324
3324
|
].filter(Boolean).join(" "),
|
|
3325
|
-
style:
|
|
3325
|
+
style: _6,
|
|
3326
3326
|
disabled: c16,
|
|
3327
|
-
"aria-busy":
|
|
3327
|
+
"aria-busy": l17 ? true : void 0,
|
|
3328
3328
|
"aria-label": m8,
|
|
3329
|
-
onClick:
|
|
3329
|
+
onClick: y4,
|
|
3330
3330
|
children: [
|
|
3331
|
-
!
|
|
3331
|
+
!p10 && (l17 || u14) && /* @__PURE__ */ jsx("span", {
|
|
3332
3332
|
className: r5.iconSlot,
|
|
3333
|
-
children:
|
|
3333
|
+
children: l17 ? /* @__PURE__ */ jsx(i4, {}) : u14
|
|
3334
3334
|
}),
|
|
3335
|
-
|
|
3335
|
+
p10 ? l17 ? /* @__PURE__ */ jsx(i4, {}) : /* @__PURE__ */ jsx("span", {
|
|
3336
3336
|
className: r5.iconSlot,
|
|
3337
3337
|
children: v3
|
|
3338
3338
|
}) : v3 !== void 0 && /* @__PURE__ */ jsx("span", {
|
|
3339
3339
|
className: r5.label,
|
|
3340
3340
|
children: v3
|
|
3341
3341
|
}),
|
|
3342
|
-
!
|
|
3342
|
+
!p10 && d12 && /* @__PURE__ */ jsx("span", {
|
|
3343
3343
|
className: r5.iconSlot,
|
|
3344
|
-
children:
|
|
3344
|
+
children: d12
|
|
3345
3345
|
})
|
|
3346
3346
|
]
|
|
3347
3347
|
});
|
|
@@ -3349,13 +3349,13 @@ var a4 = forwardRef(function(e20, a24) {
|
|
|
3349
3349
|
function s5(e20) {
|
|
3350
3350
|
let { threshold: n29 = 4 } = e20, a24 = useRef(e20);
|
|
3351
3351
|
a24.current = e20;
|
|
3352
|
-
let o23 = useRef(null), s21 = useRef(null), c16 = useRef(null), [
|
|
3352
|
+
let o23 = useRef(null), s21 = useRef(null), c16 = useRef(null), [l17, u14] = useState({
|
|
3353
3353
|
draggedIds: null,
|
|
3354
3354
|
targetIndex: null
|
|
3355
|
-
}),
|
|
3356
|
-
let t26 = a24.current.items, n30 = t26.findIndex((e22) => e22.locked),
|
|
3357
|
-
if (!
|
|
3358
|
-
let s22 = Array.from(
|
|
3355
|
+
}), d12 = useCallback((e21) => {
|
|
3356
|
+
let t26 = a24.current.items, n30 = t26.findIndex((e22) => e22.locked), r28 = n30 === -1 ? t26.length : n30, i26 = o23.current;
|
|
3357
|
+
if (!i26) return 0;
|
|
3358
|
+
let s22 = Array.from(i26.children), c17 = s22.length;
|
|
3359
3359
|
for (let t27 = 0; t27 < s22.length; t27++) {
|
|
3360
3360
|
let n31 = s22[t27];
|
|
3361
3361
|
if (n31 && e21 < n31.getBoundingClientRect().bottom) {
|
|
@@ -3363,10 +3363,10 @@ function s5(e20) {
|
|
|
3363
3363
|
break;
|
|
3364
3364
|
}
|
|
3365
3365
|
}
|
|
3366
|
-
return Math.min(c17,
|
|
3367
|
-
}, []),
|
|
3366
|
+
return Math.min(c17, r28);
|
|
3367
|
+
}, []), f12 = useCallback((e21) => {
|
|
3368
3368
|
o23.current = e21;
|
|
3369
|
-
}, []),
|
|
3369
|
+
}, []), p10 = useCallback((e21, t26, n30) => {
|
|
3370
3370
|
if (!a24.current.items[t26]?.locked) {
|
|
3371
3371
|
try {
|
|
3372
3372
|
n30.currentTarget.setPointerCapture?.(n30.pointerId);
|
|
@@ -3381,85 +3381,85 @@ function s5(e20) {
|
|
|
3381
3381
|
};
|
|
3382
3382
|
}
|
|
3383
3383
|
}, []), m8 = useCallback(() => {
|
|
3384
|
-
s21.current = null, c16.current = null,
|
|
3384
|
+
s21.current = null, c16.current = null, u14({
|
|
3385
3385
|
draggedIds: null,
|
|
3386
3386
|
targetIndex: null
|
|
3387
3387
|
});
|
|
3388
3388
|
}, []);
|
|
3389
3389
|
return {
|
|
3390
|
-
rowProps: (e21, t26) => ({ onPointerDown: (n30) =>
|
|
3390
|
+
rowProps: (e21, t26) => ({ onPointerDown: (n30) => p10(e21, t26, n30) }),
|
|
3391
3391
|
containerProps: {
|
|
3392
|
-
ref:
|
|
3392
|
+
ref: f12,
|
|
3393
3393
|
onPointerMove: useCallback((e21) => {
|
|
3394
3394
|
let t26 = c16.current;
|
|
3395
3395
|
if (t26) {
|
|
3396
|
-
let n30 =
|
|
3397
|
-
n30 !== t26.targetIndex && (t26.targetIndex = n30,
|
|
3396
|
+
let n30 = d12(e21.clientY);
|
|
3397
|
+
n30 !== t26.targetIndex && (t26.targetIndex = n30, u14({
|
|
3398
3398
|
draggedIds: t26.draggedIds,
|
|
3399
3399
|
targetIndex: n30
|
|
3400
3400
|
}));
|
|
3401
3401
|
return;
|
|
3402
3402
|
}
|
|
3403
|
-
let
|
|
3404
|
-
if (!
|
|
3405
|
-
let
|
|
3406
|
-
if (Math.hypot(
|
|
3407
|
-
let
|
|
3403
|
+
let r28 = s21.current;
|
|
3404
|
+
if (!r28) return;
|
|
3405
|
+
let i26 = e21.clientX - r28.startX, o24 = e21.clientY - r28.startY;
|
|
3406
|
+
if (Math.hypot(i26, o24) < n29) return;
|
|
3407
|
+
let l18 = a24.current.selectedIds, f13 = l18.includes(r28.id) ? [...l18] : [r28.id], p11 = d12(e21.clientY);
|
|
3408
3408
|
c16.current = {
|
|
3409
|
-
...
|
|
3410
|
-
draggedIds:
|
|
3411
|
-
targetIndex:
|
|
3412
|
-
},
|
|
3413
|
-
draggedIds:
|
|
3414
|
-
targetIndex:
|
|
3409
|
+
...r28,
|
|
3410
|
+
draggedIds: f13,
|
|
3411
|
+
targetIndex: p11
|
|
3412
|
+
}, u14({
|
|
3413
|
+
draggedIds: f13,
|
|
3414
|
+
targetIndex: p11
|
|
3415
3415
|
});
|
|
3416
|
-
}, [
|
|
3416
|
+
}, [d12, n29]),
|
|
3417
3417
|
onPointerUp: useCallback((e21) => {
|
|
3418
3418
|
let t26 = c16.current;
|
|
3419
3419
|
if (!t26) {
|
|
3420
3420
|
m8();
|
|
3421
3421
|
return;
|
|
3422
3422
|
}
|
|
3423
|
-
let n30 =
|
|
3423
|
+
let n30 = d12(e21.clientY), r28 = a24.current.items, i26 = t26.draggedIds.map((e22) => r28.findIndex((t27) => t27.id === e22)).filter((e22) => e22 >= 0).sort((e22, t27) => e22 - t27), o24 = i26.length > 0 && i26.every((e22, t27) => {
|
|
3424
3424
|
if (t27 === 0) return true;
|
|
3425
|
-
let n31 =
|
|
3425
|
+
let n31 = i26[t27 - 1];
|
|
3426
3426
|
return n31 !== void 0 && e22 === n31 + 1;
|
|
3427
|
-
}), s22 =
|
|
3428
|
-
o24 && s22 !== void 0 &&
|
|
3429
|
-
}, [
|
|
3427
|
+
}), s22 = i26[0], l18 = i26[i26.length - 1];
|
|
3428
|
+
o24 && s22 !== void 0 && l18 !== void 0 && n30 >= s22 && n30 <= l18 + 1 || a24.current.onReorder(t26.draggedIds, n30), m8();
|
|
3429
|
+
}, [d12, m8]),
|
|
3430
3430
|
onPointerCancel: useCallback(() => {
|
|
3431
3431
|
m8();
|
|
3432
3432
|
}, [m8])
|
|
3433
3433
|
},
|
|
3434
|
-
state:
|
|
3434
|
+
state: l17
|
|
3435
3435
|
};
|
|
3436
3436
|
}
|
|
3437
3437
|
var c4 = {
|
|
3438
|
-
grid: "
|
|
3439
|
-
table: "
|
|
3440
|
-
sortable: "
|
|
3441
|
-
sortActive: "
|
|
3442
|
-
empty: "
|
|
3443
|
-
handleCol: "
|
|
3444
|
-
handleCell: "
|
|
3445
|
-
dragging: "
|
|
3446
|
-
dropIndicator: "
|
|
3438
|
+
grid: "_grid_wvlvv_1",
|
|
3439
|
+
table: "_table_wvlvv_6",
|
|
3440
|
+
sortable: "_sortable_wvlvv_34",
|
|
3441
|
+
sortActive: "_sortActive_wvlvv_39",
|
|
3442
|
+
empty: "_empty_wvlvv_41",
|
|
3443
|
+
handleCol: "_handleCol_wvlvv_49",
|
|
3444
|
+
handleCell: "_handleCell_wvlvv_50",
|
|
3445
|
+
dragging: "_dragging_wvlvv_59",
|
|
3446
|
+
dropIndicator: "_dropIndicator_wvlvv_61"
|
|
3447
3447
|
};
|
|
3448
3448
|
function l4(t26) {
|
|
3449
|
-
let { rows:
|
|
3450
|
-
if (!m8) return [...
|
|
3451
|
-
let e20 =
|
|
3452
|
-
if (!e20) return [...
|
|
3449
|
+
let { rows: r28, columns: l17, defaultSort: u14, onReorder: d12, empty: f12 = "\u2014", className: p10 } = t26, [m8, h6] = useState(u14 ?? null), g5 = useMemo(() => {
|
|
3450
|
+
if (!m8) return [...r28];
|
|
3451
|
+
let e20 = l17.find((e21) => e21.id === m8.columnId);
|
|
3452
|
+
if (!e20) return [...r28];
|
|
3453
3453
|
let t27 = e20.accessor ?? ((t28) => t28[e20.id]), n29 = m8.direction === "asc" ? 1 : -1;
|
|
3454
|
-
return [...
|
|
3455
|
-
let
|
|
3456
|
-
return
|
|
3454
|
+
return [...r28].sort((e21, r29) => {
|
|
3455
|
+
let i26 = t27(e21), a24 = t27(r29);
|
|
3456
|
+
return i26 == null && a24 == null ? 0 : i26 == null ? 1 : a24 == null ? -1 : i26 < a24 ? -1 * n29 : i26 > a24 ? 1 * n29 : 0;
|
|
3457
3457
|
});
|
|
3458
3458
|
}, [
|
|
3459
|
-
|
|
3460
|
-
|
|
3459
|
+
r28,
|
|
3460
|
+
l17,
|
|
3461
3461
|
m8
|
|
3462
|
-
]),
|
|
3462
|
+
]), _6 = (e20) => {
|
|
3463
3463
|
h6((t27) => !t27 || t27.columnId !== e20 ? {
|
|
3464
3464
|
columnId: e20,
|
|
3465
3465
|
direction: "asc"
|
|
@@ -3473,63 +3473,63 @@ function l4(t26) {
|
|
|
3473
3473
|
label: ""
|
|
3474
3474
|
})),
|
|
3475
3475
|
selectedIds: [],
|
|
3476
|
-
onReorder:
|
|
3476
|
+
onReorder: d12 ?? (() => {
|
|
3477
3477
|
})
|
|
3478
|
-
}),
|
|
3478
|
+
}), y4 = !!d12;
|
|
3479
3479
|
return /* @__PURE__ */ jsxs("div", {
|
|
3480
|
-
className: [c4.grid,
|
|
3481
|
-
ref:
|
|
3482
|
-
onPointerMove:
|
|
3483
|
-
onPointerUp:
|
|
3484
|
-
onPointerCancel:
|
|
3480
|
+
className: [c4.grid, p10].filter(Boolean).join(" "),
|
|
3481
|
+
ref: y4 ? v3.containerProps.ref : void 0,
|
|
3482
|
+
onPointerMove: y4 ? v3.containerProps.onPointerMove : void 0,
|
|
3483
|
+
onPointerUp: y4 ? v3.containerProps.onPointerUp : void 0,
|
|
3484
|
+
onPointerCancel: y4 ? v3.containerProps.onPointerCancel : void 0,
|
|
3485
3485
|
children: [/* @__PURE__ */ jsxs("table", {
|
|
3486
3486
|
className: c4.table,
|
|
3487
|
-
children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3487
|
+
children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [y4 && /* @__PURE__ */ jsx("th", {
|
|
3488
3488
|
className: c4.handleCol,
|
|
3489
3489
|
"aria-label": "drag"
|
|
3490
|
-
}),
|
|
3491
|
-
let t27 = e20.sortable !== false, n29 = m8?.columnId === e20.id,
|
|
3490
|
+
}), l17.map((e20) => {
|
|
3491
|
+
let t27 = e20.sortable !== false, n29 = m8?.columnId === e20.id, r29 = n29 ? m8.direction === "asc" ? " \u2191" : " \u2193" : "";
|
|
3492
3492
|
return /* @__PURE__ */ jsxs("th", {
|
|
3493
3493
|
className: [
|
|
3494
3494
|
e20.className,
|
|
3495
3495
|
t27 ? c4.sortable : "",
|
|
3496
3496
|
n29 ? c4.sortActive : ""
|
|
3497
3497
|
].filter(Boolean).join(" "),
|
|
3498
|
-
onClick: t27 ? () =>
|
|
3499
|
-
children: [e20.header,
|
|
3498
|
+
onClick: t27 ? () => _6(e20.id) : void 0,
|
|
3499
|
+
children: [e20.header, r29]
|
|
3500
3500
|
}, e20.id);
|
|
3501
3501
|
})] }) }), /* @__PURE__ */ jsxs("tbody", { children: [g5.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
|
|
3502
|
-
colSpan:
|
|
3502
|
+
colSpan: l17.length + +!!y4,
|
|
3503
3503
|
className: c4.empty,
|
|
3504
|
-
children:
|
|
3504
|
+
children: f12
|
|
3505
3505
|
}) }), g5.map((t27, n29) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("tr", {
|
|
3506
3506
|
className: v3.state.draggedIds?.includes(t27.id) ?? false ? c4.dragging : void 0,
|
|
3507
|
-
children: [
|
|
3507
|
+
children: [y4 && /* @__PURE__ */ jsx("td", {
|
|
3508
3508
|
className: c4.handleCell,
|
|
3509
3509
|
onPointerDown: (e20) => v3.rowProps(t27.id, n29).onPointerDown(e20),
|
|
3510
3510
|
children: /* @__PURE__ */ jsx("span", {
|
|
3511
3511
|
"aria-hidden": "true",
|
|
3512
3512
|
children: "\u22EE\u22EE"
|
|
3513
3513
|
})
|
|
3514
|
-
}),
|
|
3515
|
-
let n30 = e20.accessor ?? ((t28) => t28[e20.id]),
|
|
3514
|
+
}), l17.map((e20) => {
|
|
3515
|
+
let n30 = e20.accessor ?? ((t28) => t28[e20.id]), r29 = e20.render ? e20.render(t27) : String(n30(t27) ?? "");
|
|
3516
3516
|
return /* @__PURE__ */ jsx("td", {
|
|
3517
3517
|
className: e20.className,
|
|
3518
|
-
children:
|
|
3518
|
+
children: r29
|
|
3519
3519
|
}, e20.id);
|
|
3520
3520
|
})]
|
|
3521
3521
|
}) }, t27.id))] })]
|
|
3522
|
-
}),
|
|
3522
|
+
}), y4 && v3.state.targetIndex !== null && /* @__PURE__ */ jsx("div", {
|
|
3523
3523
|
className: c4.dropIndicator,
|
|
3524
3524
|
style: { top: `${v3.state.targetIndex * 28}px` }
|
|
3525
3525
|
})]
|
|
3526
3526
|
});
|
|
3527
3527
|
}
|
|
3528
3528
|
var r7 = {
|
|
3529
|
-
keys: "
|
|
3530
|
-
keysEmpty: "
|
|
3531
|
-
sep: "
|
|
3532
|
-
key: "
|
|
3529
|
+
keys: "_keys_n4bkk_2",
|
|
3530
|
+
keysEmpty: "_keysEmpty_n4bkk_16",
|
|
3531
|
+
sep: "_sep_n4bkk_20",
|
|
3532
|
+
key: "_key_n4bkk_2"
|
|
3533
3533
|
};
|
|
3534
3534
|
var i6 = /* @__PURE__ */ new Set([
|
|
3535
3535
|
"\u2318",
|
|
@@ -3546,39 +3546,39 @@ var a6 = /* @__PURE__ */ new Set([
|
|
|
3546
3546
|
function o5(e20) {
|
|
3547
3547
|
return i6.has(e20) ? "modifier" : a6.has(e20) || e20.length > 1 ? "wide" : "square";
|
|
3548
3548
|
}
|
|
3549
|
-
function s6({ label: e20, inverted: n29 = false, variant:
|
|
3550
|
-
let
|
|
3549
|
+
function s6({ label: e20, inverted: n29 = false, variant: i26 = "default", className: a24, style: s21, font: c16 }) {
|
|
3550
|
+
let l17 = c16 ? {
|
|
3551
3551
|
...s21,
|
|
3552
3552
|
fontFamily: c16
|
|
3553
3553
|
} : s21;
|
|
3554
3554
|
return /* @__PURE__ */ jsx("kbd", {
|
|
3555
3555
|
className: [r7.key, a24].filter(Boolean).join(" "),
|
|
3556
3556
|
"data-kind": o5(e20),
|
|
3557
|
-
"data-variant":
|
|
3557
|
+
"data-variant": i26 === "default" ? void 0 : i26,
|
|
3558
3558
|
"data-inverted": n29 || void 0,
|
|
3559
|
-
style:
|
|
3559
|
+
style: l17,
|
|
3560
3560
|
children: e20
|
|
3561
3561
|
});
|
|
3562
3562
|
}
|
|
3563
|
-
function c5({ keys:
|
|
3564
|
-
if (!
|
|
3565
|
-
className: [r7.keysEmpty,
|
|
3563
|
+
function c5({ keys: i26, separator: a24 = "+", variant: c16 = "default", font: l17, className: u14 }) {
|
|
3564
|
+
if (!i26 || i26.length === 0) return /* @__PURE__ */ jsx("span", {
|
|
3565
|
+
className: [r7.keysEmpty, u14].filter(Boolean).join(" "),
|
|
3566
3566
|
children: "\u2014"
|
|
3567
3567
|
});
|
|
3568
|
-
let
|
|
3568
|
+
let d12 = i26.map((e20, t26) => ({
|
|
3569
3569
|
k: e20,
|
|
3570
3570
|
i: t26
|
|
3571
|
-
})).sort((e20, t26) => (o5(e20.k.label) === "modifier" ? 0 : 1) - (o5(t26.k.label) === "modifier" ? 0 : 1) || e20.i - t26.i).map(({ k: e20 }) => e20),
|
|
3571
|
+
})).sort((e20, t26) => (o5(e20.k.label) === "modifier" ? 0 : 1) - (o5(t26.k.label) === "modifier" ? 0 : 1) || e20.i - t26.i).map(({ k: e20 }) => e20), f12 = d12.findIndex((e20) => o5(e20.label) !== "modifier"), p10 = !!a24 && f12 > 0 && f12 < d12.length;
|
|
3572
3572
|
return /* @__PURE__ */ jsx("span", {
|
|
3573
|
-
className: [r7.keys,
|
|
3574
|
-
children:
|
|
3573
|
+
className: [r7.keys, u14].filter(Boolean).join(" "),
|
|
3574
|
+
children: d12.map((i27, o23) => /* @__PURE__ */ jsxs(Fragment$1, { children: [p10 && o23 === f12 ? /* @__PURE__ */ jsx("span", {
|
|
3575
3575
|
className: r7.sep,
|
|
3576
3576
|
children: a24
|
|
3577
3577
|
}) : null, /* @__PURE__ */ jsx(s6, {
|
|
3578
|
-
label:
|
|
3579
|
-
inverted:
|
|
3578
|
+
label: i27.label,
|
|
3579
|
+
inverted: i27.optional ?? false,
|
|
3580
3580
|
variant: c16,
|
|
3581
|
-
font:
|
|
3581
|
+
font: l17
|
|
3582
3582
|
})] }, o23))
|
|
3583
3583
|
});
|
|
3584
3584
|
}
|
|
@@ -3675,9 +3675,9 @@ function u4() {
|
|
|
3675
3675
|
return e20.includes("mac") || e20.includes("darwin") || e20.includes("iphone") || e20.includes("ipad") ? "macos" : e20.includes("win") ? "windows" : e20.includes("linux") || e20.includes("x11") ? "linux" : "macos";
|
|
3676
3676
|
}
|
|
3677
3677
|
function d4(e20, t26 = {}) {
|
|
3678
|
-
let n29 = t26.platform ?? u4(),
|
|
3678
|
+
let n29 = t26.platform ?? u4(), r28 = t26.legend ?? "auto";
|
|
3679
3679
|
return e20.map((e21) => {
|
|
3680
|
-
let t27 = l5[e21.name][n29][
|
|
3680
|
+
let t27 = l5[e21.name][n29][r28];
|
|
3681
3681
|
return e21.optional ? {
|
|
3682
3682
|
label: t27,
|
|
3683
3683
|
optional: true
|
|
@@ -3908,7 +3908,7 @@ var f4 = {
|
|
|
3908
3908
|
}
|
|
3909
3909
|
};
|
|
3910
3910
|
function p4(e20, t26 = {}) {
|
|
3911
|
-
let n29 = t26.platform ?? u4(),
|
|
3911
|
+
let n29 = t26.platform ?? u4(), r28 = t26.legend ?? "auto", i26 = f4[e20], a24 = i26 ? i26[n29][r28] : e20.length === 1 ? e20.toUpperCase() : e20;
|
|
3912
3912
|
return t26.optional ? {
|
|
3913
3913
|
label: a24,
|
|
3914
3914
|
optional: true
|
|
@@ -3945,15 +3945,15 @@ function e7(e20) {
|
|
|
3945
3945
|
}
|
|
3946
3946
|
}
|
|
3947
3947
|
var i7 = {
|
|
3948
|
-
root: "
|
|
3949
|
-
row: "
|
|
3950
|
-
track: "
|
|
3951
|
-
trackInner: "
|
|
3952
|
-
thumb: "
|
|
3953
|
-
readoutsBelow: "
|
|
3954
|
-
readoutBelow: "
|
|
3955
|
-
readoutInline: "
|
|
3956
|
-
notched: "
|
|
3948
|
+
root: "_root_q2asl_1",
|
|
3949
|
+
row: "_row_q2asl_8",
|
|
3950
|
+
track: "_track_q2asl_14",
|
|
3951
|
+
trackInner: "_trackInner_q2asl_25",
|
|
3952
|
+
thumb: "_thumb_q2asl_35",
|
|
3953
|
+
readoutsBelow: "_readoutsBelow_q2asl_79",
|
|
3954
|
+
readoutBelow: "_readoutBelow_q2asl_85",
|
|
3955
|
+
readoutInline: "_readoutInline_q2asl_93",
|
|
3956
|
+
notched: "_notched_q2asl_101"
|
|
3957
3957
|
};
|
|
3958
3958
|
var a7 = "\u2212";
|
|
3959
3959
|
function o6(e20, t26) {
|
|
@@ -3968,10 +3968,10 @@ function c6(e20, t26, n29) {
|
|
|
3968
3968
|
function l6(e20, t26, n29) {
|
|
3969
3969
|
return e20 !== void 0 && e20 > 0 ? e20 : (n29 - t26) / 100;
|
|
3970
3970
|
}
|
|
3971
|
-
function u5(e20, t26, n29,
|
|
3972
|
-
if (!e20.bounds) return [n29,
|
|
3973
|
-
let
|
|
3974
|
-
return [
|
|
3971
|
+
function u5(e20, t26, n29, r28) {
|
|
3972
|
+
if (!e20.bounds) return [n29, r28];
|
|
3973
|
+
let i26 = typeof e20.bounds == "function" ? e20.bounds(t26) : e20.bounds;
|
|
3974
|
+
return [i26[0], i26[1]];
|
|
3975
3975
|
}
|
|
3976
3976
|
function d5(e20) {
|
|
3977
3977
|
return o6(e20.value, {
|
|
@@ -3980,75 +3980,75 @@ function d5(e20) {
|
|
|
3980
3980
|
});
|
|
3981
3981
|
}
|
|
3982
3982
|
function f5(a24) {
|
|
3983
|
-
let { thumbs: o23, onChange:
|
|
3983
|
+
let { thumbs: o23, onChange: f12, onCommit: p10, min: m8, max: h6, step: g5, constraint: _6, trackHeight: v3, ariaLabel: y4, className: b3 } = a24, x3 = useRef(null), S3 = useRef(null), C3 = useCallback((e20) => h6 === m8 ? 0 : c6((e20 - m8) / (h6 - m8), 0, 1), [m8, h6]), w3 = useCallback((e20) => m8 + c6(e20, 0, 1) * (h6 - m8), [m8, h6]), T3 = useCallback((e20) => {
|
|
3984
3984
|
S3.current = o23.map((e21) => ({ ...e21 }));
|
|
3985
3985
|
let t26 = false, n29 = (n30) => {
|
|
3986
|
-
let
|
|
3987
|
-
if (!
|
|
3988
|
-
let o24 =
|
|
3989
|
-
|
|
3990
|
-
let [
|
|
3991
|
-
thumbs:
|
|
3986
|
+
let r29 = x3.current, i26 = S3.current;
|
|
3987
|
+
if (!r29 || !i26) return;
|
|
3988
|
+
let o24 = r29.getBoundingClientRect(), l17 = w3(c6((n30.clientX - o24.left) / o24.width, 0, 1));
|
|
3989
|
+
l17 = s7(l17, g5, m8), l17 = c6(l17, m8, h6);
|
|
3990
|
+
let [d12, p11] = u5(i26[e20], {
|
|
3991
|
+
thumbs: i26,
|
|
3992
3992
|
index: e20
|
|
3993
3993
|
}, m8, h6);
|
|
3994
|
-
if (
|
|
3995
|
-
let t27 = g5 !== void 0 && g5 > 0 ? g5 : (h6 - m8) / 1e3, n31 = e20 > 0 ?
|
|
3996
|
-
|
|
3994
|
+
if (l17 = c6(l17, d12, p11), _6 === "ordered") {
|
|
3995
|
+
let t27 = g5 !== void 0 && g5 > 0 ? g5 : (h6 - m8) / 1e3, n31 = e20 > 0 ? i26[e20 - 1].value + t27 : m8, r30 = e20 < i26.length - 1 ? i26[e20 + 1].value - t27 : h6;
|
|
3996
|
+
l17 = c6(l17, n31, r30);
|
|
3997
3997
|
}
|
|
3998
3998
|
let v4 = o24.height;
|
|
3999
|
-
a24.onRemoveThumb && (t26 = n30.clientY < o24.top - v4 || n30.clientY > o24.bottom + v4),
|
|
4000
|
-
...
|
|
4001
|
-
value:
|
|
4002
|
-
},
|
|
4003
|
-
},
|
|
4004
|
-
document.removeEventListener("pointermove", n29), document.removeEventListener("pointerup",
|
|
4005
|
-
let
|
|
4006
|
-
if (S3.current = null,
|
|
3999
|
+
a24.onRemoveThumb && (t26 = n30.clientY < o24.top - v4 || n30.clientY > o24.bottom + v4), i26[e20] = {
|
|
4000
|
+
...i26[e20],
|
|
4001
|
+
value: l17
|
|
4002
|
+
}, f12(i26.map((e21) => ({ ...e21 })));
|
|
4003
|
+
}, r28 = () => {
|
|
4004
|
+
document.removeEventListener("pointermove", n29), document.removeEventListener("pointerup", r28);
|
|
4005
|
+
let i26 = S3.current;
|
|
4006
|
+
if (S3.current = null, i26) {
|
|
4007
4007
|
if (t26 && a24.onRemoveThumb && a24.onRemoveThumb(e20)) {
|
|
4008
|
-
let t27 =
|
|
4009
|
-
|
|
4008
|
+
let t27 = i26.filter((t28, n30) => n30 !== e20).map((e21) => ({ ...e21 }));
|
|
4009
|
+
f12(t27), p10?.(t27);
|
|
4010
4010
|
return;
|
|
4011
4011
|
}
|
|
4012
|
-
|
|
4012
|
+
p10 && p10(i26.map((e21) => ({ ...e21 })));
|
|
4013
4013
|
}
|
|
4014
4014
|
};
|
|
4015
|
-
document.addEventListener("pointermove", n29), document.addEventListener("pointerup",
|
|
4015
|
+
document.addEventListener("pointermove", n29), document.addEventListener("pointerup", r28);
|
|
4016
4016
|
}, [
|
|
4017
4017
|
o23,
|
|
4018
|
-
|
|
4019
|
-
|
|
4018
|
+
f12,
|
|
4019
|
+
p10,
|
|
4020
4020
|
w3,
|
|
4021
4021
|
m8,
|
|
4022
4022
|
h6,
|
|
4023
4023
|
g5,
|
|
4024
|
-
|
|
4024
|
+
_6,
|
|
4025
4025
|
a24
|
|
4026
4026
|
]), E3 = useCallback((e20) => {
|
|
4027
4027
|
let t26 = o23.map((e21) => ({ ...e21 })), n29 = t26.map((e21) => e21.value);
|
|
4028
4028
|
S3.current = t26;
|
|
4029
|
-
let
|
|
4030
|
-
let
|
|
4031
|
-
if (!
|
|
4032
|
-
let a25 =
|
|
4029
|
+
let r28 = (t27) => {
|
|
4030
|
+
let r29 = x3.current, i27 = S3.current;
|
|
4031
|
+
if (!r29 || !i27) return;
|
|
4032
|
+
let a25 = r29.getBoundingClientRect(), o24 = (t27.clientX - e20) / a25.width * (h6 - m8);
|
|
4033
4033
|
o24 = s7(o24, g5, 0);
|
|
4034
|
-
let
|
|
4035
|
-
for (let e21 = 0; e21 < n29.length; e21++)
|
|
4036
|
-
o24 = c6(o24,
|
|
4037
|
-
for (let e21 = 0; e21 <
|
|
4038
|
-
...
|
|
4034
|
+
let l17 = -Infinity, u14 = Infinity;
|
|
4035
|
+
for (let e21 = 0; e21 < n29.length; e21++) l17 = Math.max(l17, m8 - n29[e21]), u14 = Math.min(u14, h6 - n29[e21]);
|
|
4036
|
+
o24 = c6(o24, l17, u14);
|
|
4037
|
+
for (let e21 = 0; e21 < i27.length; e21++) i27[e21] = {
|
|
4038
|
+
...i27[e21],
|
|
4039
4039
|
value: c6(n29[e21] + o24, m8, h6)
|
|
4040
4040
|
};
|
|
4041
|
-
|
|
4042
|
-
},
|
|
4043
|
-
document.removeEventListener("pointermove",
|
|
4041
|
+
f12(i27.map((e21) => ({ ...e21 })));
|
|
4042
|
+
}, i26 = () => {
|
|
4043
|
+
document.removeEventListener("pointermove", r28), document.removeEventListener("pointerup", i26);
|
|
4044
4044
|
let e21 = S3.current;
|
|
4045
|
-
S3.current = null, e21 &&
|
|
4045
|
+
S3.current = null, e21 && p10 && p10(e21.map((e22) => ({ ...e22 })));
|
|
4046
4046
|
};
|
|
4047
|
-
document.addEventListener("pointermove",
|
|
4047
|
+
document.addEventListener("pointermove", r28), document.addEventListener("pointerup", i26);
|
|
4048
4048
|
}, [
|
|
4049
4049
|
o23,
|
|
4050
|
-
|
|
4051
|
-
|
|
4050
|
+
f12,
|
|
4051
|
+
p10,
|
|
4052
4052
|
m8,
|
|
4053
4053
|
h6,
|
|
4054
4054
|
g5
|
|
@@ -4057,53 +4057,53 @@ function f5(a24) {
|
|
|
4057
4057
|
}, O3 = (e20) => (t26) => {
|
|
4058
4058
|
if (!a24.onRemoveThumb || (t26.preventDefault(), !a24.onRemoveThumb(e20))) return;
|
|
4059
4059
|
let n29 = o23.filter((t27, n30) => n30 !== e20).map((e21) => ({ ...e21 }));
|
|
4060
|
-
|
|
4060
|
+
f12(n29), p10?.(n29);
|
|
4061
4061
|
}, k3 = (e20) => {
|
|
4062
4062
|
if (typeof e20.button == "number" && e20.button > 0 || !a24.onAddThumb || e20.target.closest(`.${i7.thumb}`)) return;
|
|
4063
4063
|
e20.preventDefault();
|
|
4064
4064
|
let t26 = x3.current;
|
|
4065
4065
|
if (!t26) return;
|
|
4066
|
-
let n29 = t26.getBoundingClientRect(),
|
|
4067
|
-
|
|
4068
|
-
let
|
|
4069
|
-
if (!
|
|
4070
|
-
let
|
|
4071
|
-
|
|
4066
|
+
let n29 = t26.getBoundingClientRect(), r28 = w3(c6((e20.clientX - n29.left) / n29.width, 0, 1));
|
|
4067
|
+
r28 = s7(r28, g5, m8), r28 = c6(r28, m8, h6);
|
|
4068
|
+
let l17 = a24.onAddThumb(r28);
|
|
4069
|
+
if (!l17) return;
|
|
4070
|
+
let u14 = [...o23.map((e21) => ({ ...e21 })), l17];
|
|
4071
|
+
f12(u14), p10?.(u14);
|
|
4072
4072
|
}, A3 = (e20) => (t26) => {
|
|
4073
|
-
let n29 = l6(g5, m8, h6),
|
|
4073
|
+
let n29 = l6(g5, m8, h6), r28 = 0, i26 = null;
|
|
4074
4074
|
switch (t26.key) {
|
|
4075
4075
|
case "ArrowRight":
|
|
4076
4076
|
case "ArrowUp":
|
|
4077
|
-
|
|
4077
|
+
r28 = t26.shiftKey ? n29 * 10 : n29;
|
|
4078
4078
|
break;
|
|
4079
4079
|
case "ArrowLeft":
|
|
4080
4080
|
case "ArrowDown":
|
|
4081
|
-
|
|
4081
|
+
r28 = t26.shiftKey ? -n29 * 10 : -n29;
|
|
4082
4082
|
break;
|
|
4083
4083
|
case "PageUp":
|
|
4084
|
-
|
|
4084
|
+
r28 = n29 * 10;
|
|
4085
4085
|
break;
|
|
4086
4086
|
case "PageDown":
|
|
4087
|
-
|
|
4087
|
+
r28 = -n29 * 10;
|
|
4088
4088
|
break;
|
|
4089
4089
|
case "Home":
|
|
4090
|
-
|
|
4090
|
+
i26 = "home";
|
|
4091
4091
|
break;
|
|
4092
4092
|
case "End":
|
|
4093
|
-
|
|
4093
|
+
i26 = "end";
|
|
4094
4094
|
break;
|
|
4095
4095
|
default:
|
|
4096
4096
|
return;
|
|
4097
4097
|
}
|
|
4098
4098
|
t26.preventDefault();
|
|
4099
|
-
let a25 = o23.map((e21) => ({ ...e21 })), [
|
|
4099
|
+
let a25 = o23.map((e21) => ({ ...e21 })), [d12, _7] = u5(a25[e20], {
|
|
4100
4100
|
thumbs: a25,
|
|
4101
4101
|
index: e20
|
|
4102
|
-
}, m8, h6), v4 = Math.max(m8,
|
|
4103
|
-
b4 =
|
|
4102
|
+
}, m8, h6), v4 = Math.max(m8, d12), y5 = Math.min(h6, _7), b4;
|
|
4103
|
+
b4 = i26 === "home" ? v4 : i26 === "end" ? y5 : a25[e20].value + r28, b4 = s7(b4, g5, m8), b4 = c6(b4, v4, y5), a25[e20] = {
|
|
4104
4104
|
...a25[e20],
|
|
4105
4105
|
value: b4
|
|
4106
|
-
},
|
|
4106
|
+
}, f12(a25), p10?.(a25);
|
|
4107
4107
|
}, j3 = a24.readoutPlacement ?? "none", M3 = a24.renderReadout;
|
|
4108
4108
|
return /* @__PURE__ */ jsxs("div", {
|
|
4109
4109
|
className: b3 ? `${i7.root} ${b3}` : i7.root,
|
|
@@ -4121,7 +4121,7 @@ function f5(a24) {
|
|
|
4121
4121
|
valueToFraction: C3
|
|
4122
4122
|
})
|
|
4123
4123
|
}), o23.map((e20, t26) => {
|
|
4124
|
-
let
|
|
4124
|
+
let r28 = e20.shape === "notched", a25 = typeof e20.shape == "object" && e20.shape !== null ? e20.shape.render : null, o24 = `${i7.thumb}${r28 ? ` ${i7.notched}` : ""}`;
|
|
4125
4125
|
return /* @__PURE__ */ jsx("div", {
|
|
4126
4126
|
role: "slider",
|
|
4127
4127
|
tabIndex: 0,
|
|
@@ -4129,7 +4129,7 @@ function f5(a24) {
|
|
|
4129
4129
|
"aria-valuemin": m8,
|
|
4130
4130
|
"aria-valuemax": h6,
|
|
4131
4131
|
"aria-valuenow": e20.value,
|
|
4132
|
-
"aria-label": [
|
|
4132
|
+
"aria-label": [y4, e20.label].filter(Boolean).join(" ") || void 0,
|
|
4133
4133
|
className: o24,
|
|
4134
4134
|
style: { left: `${C3(e20.value) * 100}%` },
|
|
4135
4135
|
onPointerDown: D3(t26),
|
|
@@ -4176,22 +4176,22 @@ function i8(e20) {
|
|
|
4176
4176
|
}
|
|
4177
4177
|
function a8(e20, t26) {
|
|
4178
4178
|
let n29 = e20.length;
|
|
4179
|
-
for (let
|
|
4180
|
-
let
|
|
4181
|
-
if (!e20[
|
|
4179
|
+
for (let r28 = 1; r28 <= n29; r28++) {
|
|
4180
|
+
let i26 = (t26 + r28 + n29) % n29;
|
|
4181
|
+
if (!e20[i26].disabled) return i26;
|
|
4182
4182
|
}
|
|
4183
4183
|
return t26;
|
|
4184
4184
|
}
|
|
4185
4185
|
function o7(e20, t26) {
|
|
4186
4186
|
let n29 = e20.length;
|
|
4187
|
-
for (let
|
|
4188
|
-
let
|
|
4189
|
-
if (!e20[
|
|
4187
|
+
for (let r28 = 1; r28 <= n29; r28++) {
|
|
4188
|
+
let i26 = (t26 - r28 + n29) % n29;
|
|
4189
|
+
if (!e20[i26].disabled) return i26;
|
|
4190
4190
|
}
|
|
4191
4191
|
return t26;
|
|
4192
4192
|
}
|
|
4193
4193
|
function s8(s21) {
|
|
4194
|
-
let { items: c16, ariaLabel:
|
|
4194
|
+
let { items: c16, ariaLabel: l17, className: u14, height: d12, size: f12, variant: p10 } = s21, m8 = s21.mode ?? "single", h6 = useRef(null), g5 = (e20) => m8 === "multiple" ? s21.value.includes(e20) : s21.value === e20, _6 = (e20) => {
|
|
4195
4195
|
if (m8 !== "multiple") return false;
|
|
4196
4196
|
let t26 = s21.mixedValues;
|
|
4197
4197
|
return t26 !== void 0 && t26.includes(e20) && !g5(e20);
|
|
@@ -4200,7 +4200,7 @@ function s8(s21) {
|
|
|
4200
4200
|
let e20 = c16.findIndex((e21) => e21.value === s21.value);
|
|
4201
4201
|
v3 = e20 >= 0 && !c16[e20].disabled ? e20 : r9(c16);
|
|
4202
4202
|
} else v3 = r9(c16);
|
|
4203
|
-
let
|
|
4203
|
+
let y4 = (e20) => () => {
|
|
4204
4204
|
let t26 = c16[e20];
|
|
4205
4205
|
if (!t26.disabled) if (m8 === "multiple") {
|
|
4206
4206
|
let e21 = s21.value, n29 = e21.includes(t26.value) ? e21.filter((e22) => e22 !== t26.value) : [...e21, t26.value];
|
|
@@ -4234,7 +4234,7 @@ function s8(s21) {
|
|
|
4234
4234
|
break;
|
|
4235
4235
|
case " ":
|
|
4236
4236
|
case "Enter":
|
|
4237
|
-
m8 === "multiple" && (t26.preventDefault(),
|
|
4237
|
+
m8 === "multiple" && (t26.preventDefault(), y4(e20)());
|
|
4238
4238
|
return;
|
|
4239
4239
|
default:
|
|
4240
4240
|
return;
|
|
@@ -4246,35 +4246,35 @@ function s8(s21) {
|
|
|
4246
4246
|
}
|
|
4247
4247
|
b3(n29);
|
|
4248
4248
|
}
|
|
4249
|
-
}, S3 =
|
|
4249
|
+
}, S3 = d12 === void 0 ? void 0 : { "--wzl-tb-height": `${d12}px` };
|
|
4250
4250
|
return /* @__PURE__ */ jsx("div", {
|
|
4251
4251
|
ref: h6,
|
|
4252
4252
|
className: [
|
|
4253
4253
|
n9.root,
|
|
4254
|
-
|
|
4255
|
-
|
|
4256
|
-
|
|
4254
|
+
f12 && n9[`size_${f12}`],
|
|
4255
|
+
p10 && n9[`variant_${p10}`],
|
|
4256
|
+
u14
|
|
4257
4257
|
].filter(Boolean).join(" "),
|
|
4258
4258
|
role: m8 === "multiple" ? "group" : "radiogroup",
|
|
4259
|
-
"aria-label":
|
|
4259
|
+
"aria-label": l17,
|
|
4260
4260
|
style: S3,
|
|
4261
|
-
children: c16.map((e20,
|
|
4262
|
-
let
|
|
4261
|
+
children: c16.map((e20, r28) => {
|
|
4262
|
+
let i26 = g5(e20.value), a24 = _6(e20.value), o23 = [
|
|
4263
4263
|
n9.segment,
|
|
4264
|
-
|
|
4264
|
+
i26 && n9.segmentSelected,
|
|
4265
4265
|
a24 && n9.segmentMixed
|
|
4266
4266
|
].filter(Boolean).join(" ");
|
|
4267
4267
|
return /* @__PURE__ */ jsx("button", {
|
|
4268
4268
|
type: "button",
|
|
4269
4269
|
role: m8 === "multiple" ? void 0 : "radio",
|
|
4270
|
-
"aria-checked": m8 === "multiple" ? void 0 :
|
|
4271
|
-
"aria-pressed": m8 === "multiple" ? a24 ? "mixed" :
|
|
4270
|
+
"aria-checked": m8 === "multiple" ? void 0 : i26,
|
|
4271
|
+
"aria-pressed": m8 === "multiple" ? a24 ? "mixed" : i26 : void 0,
|
|
4272
4272
|
"aria-label": e20.ariaLabel,
|
|
4273
4273
|
disabled: e20.disabled,
|
|
4274
|
-
tabIndex:
|
|
4274
|
+
tabIndex: r28 === v3 ? 0 : -1,
|
|
4275
4275
|
className: o23,
|
|
4276
|
-
onClick:
|
|
4277
|
-
onKeyDown: x3(
|
|
4276
|
+
onClick: y4(r28),
|
|
4277
|
+
onKeyDown: x3(r28),
|
|
4278
4278
|
children: e20.label
|
|
4279
4279
|
}, e20.value);
|
|
4280
4280
|
})
|
|
@@ -4297,25 +4297,25 @@ function i9(e20) {
|
|
|
4297
4297
|
}
|
|
4298
4298
|
function a9(e20, t26) {
|
|
4299
4299
|
let n29 = e20.length;
|
|
4300
|
-
for (let
|
|
4301
|
-
let
|
|
4302
|
-
if (!e20[
|
|
4300
|
+
for (let r28 = 1; r28 <= n29; r28++) {
|
|
4301
|
+
let i26 = (t26 + r28 + n29) % n29;
|
|
4302
|
+
if (!e20[i26].disabled) return i26;
|
|
4303
4303
|
}
|
|
4304
4304
|
return t26;
|
|
4305
4305
|
}
|
|
4306
4306
|
function o8(e20, t26) {
|
|
4307
4307
|
let n29 = e20.length;
|
|
4308
|
-
for (let
|
|
4309
|
-
let
|
|
4310
|
-
if (!e20[
|
|
4308
|
+
for (let r28 = 1; r28 <= n29; r28++) {
|
|
4309
|
+
let i26 = (t26 - r28 + n29) % n29;
|
|
4310
|
+
if (!e20[i26].disabled) return i26;
|
|
4311
4311
|
}
|
|
4312
4312
|
return t26;
|
|
4313
4313
|
}
|
|
4314
4314
|
function s9(s21) {
|
|
4315
|
-
let { items: c16, ariaLabel:
|
|
4315
|
+
let { items: c16, ariaLabel: l17, className: u14, height: d12, size: f12, variant: p10 } = s21, m8 = useRef(null), h6 = r10(c16), g5 = (e20) => {
|
|
4316
4316
|
let t26 = c16[e20];
|
|
4317
4317
|
t26.disabled || t26.onChange(!t26.selected);
|
|
4318
|
-
},
|
|
4318
|
+
}, _6 = (e20) => {
|
|
4319
4319
|
let t26 = m8.current;
|
|
4320
4320
|
t26 && t26.querySelectorAll(`.${n10.segment}`)[e20]?.focus();
|
|
4321
4321
|
}, v3 = (e20) => (t26) => {
|
|
@@ -4342,30 +4342,30 @@ function s9(s21) {
|
|
|
4342
4342
|
default:
|
|
4343
4343
|
return;
|
|
4344
4344
|
}
|
|
4345
|
-
n29 < 0 || n29 === e20 || (t26.preventDefault(),
|
|
4346
|
-
},
|
|
4345
|
+
n29 < 0 || n29 === e20 || (t26.preventDefault(), _6(n29));
|
|
4346
|
+
}, y4 = d12 === void 0 ? void 0 : { "--wzl-tb-height": `${d12}px` };
|
|
4347
4347
|
return /* @__PURE__ */ jsx("div", {
|
|
4348
4348
|
ref: m8,
|
|
4349
4349
|
className: [
|
|
4350
4350
|
n10.root,
|
|
4351
|
-
|
|
4352
|
-
|
|
4353
|
-
|
|
4351
|
+
f12 && n10[`size_${f12}`],
|
|
4352
|
+
p10 && n10[`variant_${p10}`],
|
|
4353
|
+
u14
|
|
4354
4354
|
].filter(Boolean).join(" "),
|
|
4355
4355
|
role: "group",
|
|
4356
|
-
"aria-label":
|
|
4357
|
-
style:
|
|
4358
|
-
children: c16.map((e20,
|
|
4359
|
-
let
|
|
4356
|
+
"aria-label": l17,
|
|
4357
|
+
style: y4,
|
|
4358
|
+
children: c16.map((e20, r28) => {
|
|
4359
|
+
let i26 = `${n10.segment}${e20.selected ? ` ${n10.segmentSelected}` : ""}`;
|
|
4360
4360
|
return /* @__PURE__ */ jsx("button", {
|
|
4361
4361
|
type: "button",
|
|
4362
4362
|
"aria-pressed": e20.selected,
|
|
4363
4363
|
"aria-label": e20.ariaLabel,
|
|
4364
4364
|
disabled: e20.disabled,
|
|
4365
|
-
tabIndex:
|
|
4366
|
-
className:
|
|
4367
|
-
onClick: () => g5(
|
|
4368
|
-
onKeyDown: v3(
|
|
4365
|
+
tabIndex: r28 === h6 ? 0 : -1,
|
|
4366
|
+
className: i26,
|
|
4367
|
+
onClick: () => g5(r28),
|
|
4368
|
+
onKeyDown: v3(r28),
|
|
4369
4369
|
children: e20.label
|
|
4370
4370
|
}, e20.value);
|
|
4371
4371
|
})
|
|
@@ -4388,25 +4388,25 @@ function i10(e20) {
|
|
|
4388
4388
|
}
|
|
4389
4389
|
function a10(e20, t26) {
|
|
4390
4390
|
let n29 = e20.length;
|
|
4391
|
-
for (let
|
|
4392
|
-
let
|
|
4393
|
-
if (!e20[
|
|
4391
|
+
for (let r28 = 1; r28 <= n29; r28++) {
|
|
4392
|
+
let i26 = (t26 + r28 + n29) % n29;
|
|
4393
|
+
if (!e20[i26].disabled) return i26;
|
|
4394
4394
|
}
|
|
4395
4395
|
return t26;
|
|
4396
4396
|
}
|
|
4397
4397
|
function o9(e20, t26) {
|
|
4398
4398
|
let n29 = e20.length;
|
|
4399
|
-
for (let
|
|
4400
|
-
let
|
|
4401
|
-
if (!e20[
|
|
4399
|
+
for (let r28 = 1; r28 <= n29; r28++) {
|
|
4400
|
+
let i26 = (t26 - r28 + n29) % n29;
|
|
4401
|
+
if (!e20[i26].disabled) return i26;
|
|
4402
4402
|
}
|
|
4403
4403
|
return t26;
|
|
4404
4404
|
}
|
|
4405
4405
|
function s10(s21) {
|
|
4406
|
-
let { items: c16, ariaLabel:
|
|
4406
|
+
let { items: c16, ariaLabel: l17, className: u14, height: d12, size: f12, variant: p10 } = s21, m8 = useRef(null), h6 = r11(c16), g5 = (e20) => {
|
|
4407
4407
|
let t26 = c16[e20];
|
|
4408
4408
|
t26.disabled || t26.onAction();
|
|
4409
|
-
},
|
|
4409
|
+
}, _6 = (e20) => {
|
|
4410
4410
|
let t26 = m8.current;
|
|
4411
4411
|
t26 && t26.querySelectorAll(`.${n11.segment}`)[e20]?.focus();
|
|
4412
4412
|
}, v3 = (e20) => (t26) => {
|
|
@@ -4433,27 +4433,27 @@ function s10(s21) {
|
|
|
4433
4433
|
default:
|
|
4434
4434
|
return;
|
|
4435
4435
|
}
|
|
4436
|
-
n29 < 0 || n29 === e20 || (t26.preventDefault(),
|
|
4437
|
-
},
|
|
4436
|
+
n29 < 0 || n29 === e20 || (t26.preventDefault(), _6(n29));
|
|
4437
|
+
}, y4 = d12 === void 0 ? void 0 : { "--wzl-tb-height": `${d12}px` };
|
|
4438
4438
|
return /* @__PURE__ */ jsx("div", {
|
|
4439
4439
|
ref: m8,
|
|
4440
4440
|
className: [
|
|
4441
4441
|
n11.root,
|
|
4442
|
-
|
|
4443
|
-
|
|
4444
|
-
|
|
4442
|
+
f12 && n11[`size_${f12}`],
|
|
4443
|
+
p10 && n11[`variant_${p10}`],
|
|
4444
|
+
u14
|
|
4445
4445
|
].filter(Boolean).join(" "),
|
|
4446
4446
|
role: "toolbar",
|
|
4447
|
-
"aria-label":
|
|
4448
|
-
style:
|
|
4449
|
-
children: c16.map((e20,
|
|
4447
|
+
"aria-label": l17,
|
|
4448
|
+
style: y4,
|
|
4449
|
+
children: c16.map((e20, r28) => /* @__PURE__ */ jsx("button", {
|
|
4450
4450
|
type: "button",
|
|
4451
4451
|
"aria-label": e20.ariaLabel,
|
|
4452
4452
|
disabled: e20.disabled,
|
|
4453
|
-
tabIndex:
|
|
4453
|
+
tabIndex: r28 === h6 ? 0 : -1,
|
|
4454
4454
|
className: n11.segment,
|
|
4455
|
-
onClick: () => g5(
|
|
4456
|
-
onKeyDown: v3(
|
|
4455
|
+
onClick: () => g5(r28),
|
|
4456
|
+
onKeyDown: v3(r28),
|
|
4457
4457
|
children: e20.label
|
|
4458
4458
|
}, e20.value))
|
|
4459
4459
|
});
|
|
@@ -4462,15 +4462,15 @@ var n12 = {
|
|
|
4462
4462
|
row: "_row_q3wun_1",
|
|
4463
4463
|
segment: "_segment_q3wun_15"
|
|
4464
4464
|
};
|
|
4465
|
-
function r12({ segments:
|
|
4465
|
+
function r12({ segments: r28, startCap: i26 = "flat", size: a24, variant: o23, depth: s21, gap: c16, className: l17, ...u14 }) {
|
|
4466
4466
|
return /* @__PURE__ */ jsx("span", {
|
|
4467
|
-
className: [n12.row,
|
|
4467
|
+
className: [n12.row, l17].filter(Boolean).join(" "),
|
|
4468
4468
|
style: c16 === void 0 ? void 0 : { "--powerline-gap": typeof c16 == "number" ? `${c16}px` : c16 },
|
|
4469
|
-
"aria-label":
|
|
4470
|
-
children:
|
|
4469
|
+
"aria-label": u14["aria-label"],
|
|
4470
|
+
children: r28.map((c17, l18) => /* @__PURE__ */ jsx(Ft, {
|
|
4471
4471
|
base: "powerline",
|
|
4472
4472
|
baseParams: {
|
|
4473
|
-
leftEdge:
|
|
4473
|
+
leftEdge: l18 === 0 ? i26 : r28[l18 - 1].endCap ?? "flat",
|
|
4474
4474
|
rightEdge: c17.endCap ?? "flat",
|
|
4475
4475
|
...s21 !== void 0 && { depth: s21 }
|
|
4476
4476
|
},
|
|
@@ -4482,19 +4482,19 @@ function r12({ segments: r27, startCap: i25 = "flat", size: a24, variant: o23, d
|
|
|
4482
4482
|
"aria-label": c17["aria-label"],
|
|
4483
4483
|
className: n12.segment,
|
|
4484
4484
|
children: c17.text
|
|
4485
|
-
},
|
|
4485
|
+
}, l18))
|
|
4486
4486
|
});
|
|
4487
4487
|
}
|
|
4488
4488
|
var a11 = {
|
|
4489
|
-
checkbox: "
|
|
4490
|
-
box: "
|
|
4491
|
-
checkmark: "
|
|
4492
|
-
label: "
|
|
4489
|
+
checkbox: "_checkbox_18mi9_1",
|
|
4490
|
+
box: "_box_18mi9_18",
|
|
4491
|
+
checkmark: "_checkmark_18mi9_47",
|
|
4492
|
+
label: "_label_18mi9_60"
|
|
4493
4493
|
};
|
|
4494
4494
|
var o10 = forwardRef(function(e20, o23) {
|
|
4495
|
-
let { children: s21, className: c16, ...
|
|
4495
|
+
let { children: s21, className: c16, ...l17 } = e20;
|
|
4496
4496
|
return /* @__PURE__ */ jsx(Checkbox, {
|
|
4497
|
-
...
|
|
4497
|
+
...l17,
|
|
4498
4498
|
ref: o23,
|
|
4499
4499
|
className: [a11.checkbox, c16].filter(Boolean).join(" "),
|
|
4500
4500
|
children: ({ isIndeterminate: e21 }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
|
|
@@ -4533,14 +4533,14 @@ var t13 = {
|
|
|
4533
4533
|
error: "_error_aqiak_22",
|
|
4534
4534
|
row: "_row_aqiak_28"
|
|
4535
4535
|
};
|
|
4536
|
-
function n14({ orientation: n29 = "stacked", className:
|
|
4536
|
+
function n14({ orientation: n29 = "stacked", className: r28, children: i26 }) {
|
|
4537
4537
|
return /* @__PURE__ */ jsx("div", {
|
|
4538
4538
|
className: [
|
|
4539
4539
|
t13.field,
|
|
4540
4540
|
n29 === "row" && t13.row,
|
|
4541
|
-
|
|
4541
|
+
r28
|
|
4542
4542
|
].filter(Boolean).join(" "),
|
|
4543
|
-
children:
|
|
4543
|
+
children: i26
|
|
4544
4544
|
});
|
|
4545
4545
|
}
|
|
4546
4546
|
var r14 = {
|
|
@@ -4551,23 +4551,23 @@ var r14 = {
|
|
|
4551
4551
|
error: t13.error
|
|
4552
4552
|
};
|
|
4553
4553
|
var l7 = {
|
|
4554
|
-
field: "
|
|
4555
|
-
frame: "
|
|
4556
|
-
adornment: "
|
|
4554
|
+
field: "_field_cahom_1",
|
|
4555
|
+
frame: "_frame_cahom_9",
|
|
4556
|
+
adornment: "_adornment_cahom_54"
|
|
4557
4557
|
};
|
|
4558
|
-
var u6 = forwardRef(function(t26,
|
|
4559
|
-
let { label:
|
|
4558
|
+
var u6 = forwardRef(function(t26, u14) {
|
|
4559
|
+
let { label: d12, description: f12, errorMessage: p10, placeholder: m8, leadingAdornment: h6, trailingAdornment: g5, className: _6, ...v3 } = t26;
|
|
4560
4560
|
return /* @__PURE__ */ jsxs(TextField, {
|
|
4561
4561
|
...v3,
|
|
4562
4562
|
className: [
|
|
4563
4563
|
l7.field,
|
|
4564
4564
|
r14.root,
|
|
4565
|
-
|
|
4565
|
+
_6
|
|
4566
4566
|
].filter(Boolean).join(" "),
|
|
4567
4567
|
children: [
|
|
4568
|
-
|
|
4568
|
+
d12 !== void 0 && /* @__PURE__ */ jsx(Label, {
|
|
4569
4569
|
className: r14.label,
|
|
4570
|
-
children:
|
|
4570
|
+
children: d12
|
|
4571
4571
|
}),
|
|
4572
4572
|
/* @__PURE__ */ jsxs("div", {
|
|
4573
4573
|
className: l7.frame,
|
|
@@ -4577,7 +4577,7 @@ var u6 = forwardRef(function(t26, u13) {
|
|
|
4577
4577
|
children: h6
|
|
4578
4578
|
}),
|
|
4579
4579
|
/* @__PURE__ */ jsx(Input, {
|
|
4580
|
-
ref:
|
|
4580
|
+
ref: u14,
|
|
4581
4581
|
placeholder: m8
|
|
4582
4582
|
}),
|
|
4583
4583
|
g5 !== void 0 && /* @__PURE__ */ jsx("span", {
|
|
@@ -4586,43 +4586,43 @@ var u6 = forwardRef(function(t26, u13) {
|
|
|
4586
4586
|
})
|
|
4587
4587
|
]
|
|
4588
4588
|
}),
|
|
4589
|
-
|
|
4589
|
+
f12 !== void 0 && /* @__PURE__ */ jsx(Text, {
|
|
4590
4590
|
slot: "description",
|
|
4591
4591
|
className: r14.hint,
|
|
4592
|
-
children:
|
|
4592
|
+
children: f12
|
|
4593
4593
|
}),
|
|
4594
4594
|
/* @__PURE__ */ jsx(FieldError, {
|
|
4595
4595
|
className: r14.error,
|
|
4596
|
-
children:
|
|
4596
|
+
children: p10
|
|
4597
4597
|
})
|
|
4598
4598
|
]
|
|
4599
4599
|
});
|
|
4600
4600
|
});
|
|
4601
4601
|
var d6 = {
|
|
4602
|
-
field: "
|
|
4603
|
-
frame: "
|
|
4604
|
-
steppers: "
|
|
4605
|
-
stepper: "
|
|
4602
|
+
field: "_field_e75yx_1",
|
|
4603
|
+
frame: "_frame_e75yx_9",
|
|
4604
|
+
steppers: "_steppers_e75yx_57",
|
|
4605
|
+
stepper: "_stepper_e75yx_57"
|
|
4606
4606
|
};
|
|
4607
|
-
var f6 = forwardRef(function(t26,
|
|
4608
|
-
let { label:
|
|
4607
|
+
var f6 = forwardRef(function(t26, f12) {
|
|
4608
|
+
let { label: p10, description: m8, errorMessage: h6, hideSteppers: g5, placeholder: _6, className: v3, ...y4 } = t26;
|
|
4609
4609
|
return /* @__PURE__ */ jsxs(NumberField, {
|
|
4610
|
-
...
|
|
4610
|
+
...y4,
|
|
4611
4611
|
className: [
|
|
4612
4612
|
d6.field,
|
|
4613
4613
|
r14.root,
|
|
4614
4614
|
v3
|
|
4615
4615
|
].filter(Boolean).join(" "),
|
|
4616
4616
|
children: [
|
|
4617
|
-
|
|
4617
|
+
p10 !== void 0 && /* @__PURE__ */ jsx(Label, {
|
|
4618
4618
|
className: r14.label,
|
|
4619
|
-
children:
|
|
4619
|
+
children: p10
|
|
4620
4620
|
}),
|
|
4621
4621
|
/* @__PURE__ */ jsxs(Group, {
|
|
4622
4622
|
className: d6.frame,
|
|
4623
4623
|
children: [/* @__PURE__ */ jsx(Input, {
|
|
4624
|
-
ref:
|
|
4625
|
-
placeholder:
|
|
4624
|
+
ref: f12,
|
|
4625
|
+
placeholder: _6
|
|
4626
4626
|
}), !g5 && /* @__PURE__ */ jsxs("div", {
|
|
4627
4627
|
className: d6.steppers,
|
|
4628
4628
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
@@ -4651,34 +4651,34 @@ var f6 = forwardRef(function(t26, f11) {
|
|
|
4651
4651
|
});
|
|
4652
4652
|
});
|
|
4653
4653
|
var c9 = {
|
|
4654
|
-
group: "
|
|
4655
|
-
legend: "
|
|
4656
|
-
radio: "
|
|
4657
|
-
dot: "
|
|
4654
|
+
group: "_group_kaubu_1",
|
|
4655
|
+
legend: "_legend_kaubu_14",
|
|
4656
|
+
radio: "_radio_kaubu_20",
|
|
4657
|
+
dot: "_dot_kaubu_36"
|
|
4658
4658
|
};
|
|
4659
|
-
function l9(
|
|
4660
|
-
let { label:
|
|
4659
|
+
function l9(r28) {
|
|
4660
|
+
let { label: l17, description: u14, errorMessage: d12, children: f12, className: p10, ...m8 } = r28;
|
|
4661
4661
|
return /* @__PURE__ */ jsxs(RadioGroup, {
|
|
4662
4662
|
...m8,
|
|
4663
4663
|
className: [
|
|
4664
4664
|
c9.group,
|
|
4665
4665
|
r14.root,
|
|
4666
|
-
|
|
4666
|
+
p10
|
|
4667
4667
|
].filter(Boolean).join(" "),
|
|
4668
4668
|
children: [
|
|
4669
|
-
|
|
4669
|
+
l17 !== void 0 && /* @__PURE__ */ jsx(Label, {
|
|
4670
4670
|
className: c9.legend,
|
|
4671
|
-
children:
|
|
4671
|
+
children: l17
|
|
4672
4672
|
}),
|
|
4673
|
-
|
|
4674
|
-
|
|
4673
|
+
f12,
|
|
4674
|
+
u14 !== void 0 && /* @__PURE__ */ jsx(Text, {
|
|
4675
4675
|
slot: "description",
|
|
4676
4676
|
className: r14.hint,
|
|
4677
|
-
children:
|
|
4677
|
+
children: u14
|
|
4678
4678
|
}),
|
|
4679
4679
|
/* @__PURE__ */ jsx(FieldError, {
|
|
4680
4680
|
className: r14.error,
|
|
4681
|
-
children:
|
|
4681
|
+
children: d12
|
|
4682
4682
|
})
|
|
4683
4683
|
]
|
|
4684
4684
|
});
|
|
@@ -4691,29 +4691,29 @@ function u8({ children: e20, className: t26, ...n29 }) {
|
|
|
4691
4691
|
});
|
|
4692
4692
|
}
|
|
4693
4693
|
var c10 = {
|
|
4694
|
-
slider: "
|
|
4695
|
-
head: "
|
|
4696
|
-
label: "
|
|
4697
|
-
output: "
|
|
4698
|
-
track: "
|
|
4699
|
-
fill: "
|
|
4700
|
-
thumb: "
|
|
4694
|
+
slider: "_slider_1644w_1",
|
|
4695
|
+
head: "_head_1644w_17",
|
|
4696
|
+
label: "_label_1644w_24",
|
|
4697
|
+
output: "_output_1644w_30",
|
|
4698
|
+
track: "_track_1644w_36",
|
|
4699
|
+
fill: "_fill_1644w_50",
|
|
4700
|
+
thumb: "_thumb_1644w_59"
|
|
4701
4701
|
};
|
|
4702
|
-
function l10(
|
|
4703
|
-
let { label:
|
|
4702
|
+
function l10(l17) {
|
|
4703
|
+
let { label: u14, showOutput: d12, formatOutput: f12, className: p10, ...m8 } = l17, h6 = d12 ?? u14 !== void 0;
|
|
4704
4704
|
return /* @__PURE__ */ jsxs(Slider, {
|
|
4705
4705
|
...m8,
|
|
4706
|
-
className: [c10.slider,
|
|
4707
|
-
children: [(
|
|
4706
|
+
className: [c10.slider, p10].filter(Boolean).join(" "),
|
|
4707
|
+
children: [(u14 !== void 0 || h6) && /* @__PURE__ */ jsxs("div", {
|
|
4708
4708
|
className: c10.head,
|
|
4709
|
-
children: [
|
|
4709
|
+
children: [u14 !== void 0 && /* @__PURE__ */ jsx(Label, {
|
|
4710
4710
|
className: c10.label,
|
|
4711
|
-
children:
|
|
4711
|
+
children: u14
|
|
4712
4712
|
}), h6 && /* @__PURE__ */ jsx(SliderOutput, {
|
|
4713
4713
|
className: c10.output,
|
|
4714
4714
|
children: ({ state: e20 }) => {
|
|
4715
4715
|
let t26 = e20.values.length === 1 ? e20.values[0] : e20.values;
|
|
4716
|
-
return
|
|
4716
|
+
return f12 ? f12(t26) : Array.isArray(t26) ? t26.join(" \u2013 ") : String(t26);
|
|
4717
4717
|
}
|
|
4718
4718
|
})]
|
|
4719
4719
|
}), /* @__PURE__ */ jsx(SliderTrack, {
|
|
@@ -4735,17 +4735,17 @@ function l10(l16) {
|
|
|
4735
4735
|
});
|
|
4736
4736
|
}
|
|
4737
4737
|
var f7 = {
|
|
4738
|
-
field: "
|
|
4739
|
-
trigger: "
|
|
4740
|
-
value: "
|
|
4741
|
-
chevron: "
|
|
4742
|
-
popover: "
|
|
4743
|
-
listbox: "
|
|
4744
|
-
option: "
|
|
4745
|
-
check: "
|
|
4738
|
+
field: "_field_nq1le_1",
|
|
4739
|
+
trigger: "_trigger_nq1le_9",
|
|
4740
|
+
value: "_value_nq1le_41",
|
|
4741
|
+
chevron: "_chevron_nq1le_54",
|
|
4742
|
+
popover: "_popover_nq1le_61",
|
|
4743
|
+
listbox: "_listbox_nq1le_67",
|
|
4744
|
+
option: "_option_nq1le_80",
|
|
4745
|
+
check: "_check_nq1le_105"
|
|
4746
4746
|
};
|
|
4747
4747
|
function p5(a24) {
|
|
4748
|
-
let { label:
|
|
4748
|
+
let { label: p10, description: m8, errorMessage: g5, placeholder: _6, options: v3, children: y4, selectedKey: b3, defaultSelectedKey: x3, onSelectionChange: S3, className: C3, ...w3 } = a24;
|
|
4749
4749
|
return /* @__PURE__ */ jsxs(Select, {
|
|
4750
4750
|
...w3,
|
|
4751
4751
|
selectedKey: b3 ?? void 0,
|
|
@@ -4757,15 +4757,15 @@ function p5(a24) {
|
|
|
4757
4757
|
C3
|
|
4758
4758
|
].filter(Boolean).join(" "),
|
|
4759
4759
|
children: [
|
|
4760
|
-
|
|
4760
|
+
p10 !== void 0 && /* @__PURE__ */ jsx(Label, {
|
|
4761
4761
|
className: r14.label,
|
|
4762
|
-
children:
|
|
4762
|
+
children: p10
|
|
4763
4763
|
}),
|
|
4764
4764
|
/* @__PURE__ */ jsxs(Button, {
|
|
4765
4765
|
className: f7.trigger,
|
|
4766
4766
|
children: [/* @__PURE__ */ jsx(SelectValue, {
|
|
4767
4767
|
className: f7.value,
|
|
4768
|
-
children: ({ defaultChildren: e20, isPlaceholder: t26 }) => t26 ?
|
|
4768
|
+
children: ({ defaultChildren: e20, isPlaceholder: t26 }) => t26 ? _6 ?? e20 : e20
|
|
4769
4769
|
}), /* @__PURE__ */ jsx("svg", {
|
|
4770
4770
|
className: f7.chevron,
|
|
4771
4771
|
viewBox: "0 0 10 10",
|
|
@@ -4794,7 +4794,7 @@ function p5(a24) {
|
|
|
4794
4794
|
"data-weasel-overlay": "",
|
|
4795
4795
|
children: /* @__PURE__ */ jsx(ListBox, {
|
|
4796
4796
|
className: f7.listbox,
|
|
4797
|
-
children: v3 === void 0 ?
|
|
4797
|
+
children: v3 === void 0 ? y4 : v3.map((e20) => /* @__PURE__ */ jsx(h3, {
|
|
4798
4798
|
id: e20.value,
|
|
4799
4799
|
isDisabled: e20.isDisabled,
|
|
4800
4800
|
textValue: e20.textValue,
|
|
@@ -4808,9 +4808,9 @@ function p5(a24) {
|
|
|
4808
4808
|
function m4(e20, t26) {
|
|
4809
4809
|
return t26 === void 0 ? typeof e20 == "string" || typeof e20 == "number" ? String(e20) : void 0 : t26;
|
|
4810
4810
|
}
|
|
4811
|
-
function h3({ children: e20, className: t26, textValue: n29, ...
|
|
4811
|
+
function h3({ children: e20, className: t26, textValue: n29, ...r28 }) {
|
|
4812
4812
|
return /* @__PURE__ */ jsxs(ListBoxItem, {
|
|
4813
|
-
...
|
|
4813
|
+
...r28,
|
|
4814
4814
|
textValue: m4(e20, n29),
|
|
4815
4815
|
className: [f7.option, t26].filter(Boolean).join(" "),
|
|
4816
4816
|
children: [/* @__PURE__ */ jsx("svg", {
|
|
@@ -4829,10 +4829,10 @@ function h3({ children: e20, className: t26, textValue: n29, ...r27 }) {
|
|
|
4829
4829
|
});
|
|
4830
4830
|
}
|
|
4831
4831
|
var i17 = {
|
|
4832
|
-
switch: "
|
|
4833
|
-
track: "
|
|
4834
|
-
thumb: "
|
|
4835
|
-
label: "
|
|
4832
|
+
switch: "_switch_qsj3o_1",
|
|
4833
|
+
track: "_track_qsj3o_18",
|
|
4834
|
+
thumb: "_thumb_qsj3o_38",
|
|
4835
|
+
label: "_label_qsj3o_54"
|
|
4836
4836
|
};
|
|
4837
4837
|
var a17 = forwardRef(function(e20, a24) {
|
|
4838
4838
|
let { children: o23, className: s21, ...c16 } = e20;
|
|
@@ -4860,24 +4860,24 @@ var s16 = {
|
|
|
4860
4860
|
footer: "_footer_13xy9_97"
|
|
4861
4861
|
};
|
|
4862
4862
|
function c12(c16) {
|
|
4863
|
-
let { title:
|
|
4863
|
+
let { title: l17, showCloseButton: u14, children: d12, footer: f12, role: p10 = "dialog", className: m8, isOpen: h6, onOpenChange: g5, ..._6 } = c16, v3 = u14 ?? !!g5;
|
|
4864
4864
|
return /* @__PURE__ */ jsx(ModalOverlay, {
|
|
4865
|
-
...
|
|
4865
|
+
..._6,
|
|
4866
4866
|
isOpen: h6,
|
|
4867
4867
|
onOpenChange: g5,
|
|
4868
4868
|
className: s16.overlay,
|
|
4869
4869
|
children: /* @__PURE__ */ jsx(Modal, {
|
|
4870
4870
|
className: [s16.modal, m8].filter(Boolean).join(" "),
|
|
4871
4871
|
children: /* @__PURE__ */ jsx(Dialog, {
|
|
4872
|
-
role:
|
|
4872
|
+
role: p10,
|
|
4873
4873
|
className: s16.dialog,
|
|
4874
4874
|
children: ({ close: e20 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4875
|
-
(
|
|
4875
|
+
(l17 !== void 0 || v3) && /* @__PURE__ */ jsxs("header", {
|
|
4876
4876
|
className: s16.header,
|
|
4877
|
-
children: [
|
|
4877
|
+
children: [l17 !== void 0 && /* @__PURE__ */ jsx(Heading, {
|
|
4878
4878
|
slot: "title",
|
|
4879
4879
|
className: s16.title,
|
|
4880
|
-
children:
|
|
4880
|
+
children: l17
|
|
4881
4881
|
}), v3 && /* @__PURE__ */ jsx("button", {
|
|
4882
4882
|
type: "button",
|
|
4883
4883
|
className: s16.close,
|
|
@@ -4888,11 +4888,11 @@ function c12(c16) {
|
|
|
4888
4888
|
}),
|
|
4889
4889
|
/* @__PURE__ */ jsx("div", {
|
|
4890
4890
|
className: s16.body,
|
|
4891
|
-
children:
|
|
4891
|
+
children: d12
|
|
4892
4892
|
}),
|
|
4893
|
-
|
|
4893
|
+
f12 !== void 0 && /* @__PURE__ */ jsx("footer", {
|
|
4894
4894
|
className: s16.footer,
|
|
4895
|
-
children:
|
|
4895
|
+
children: f12
|
|
4896
4896
|
})
|
|
4897
4897
|
] })
|
|
4898
4898
|
})
|
|
@@ -4900,49 +4900,49 @@ function c12(c16) {
|
|
|
4900
4900
|
});
|
|
4901
4901
|
}
|
|
4902
4902
|
var t21 = {
|
|
4903
|
-
sidebar: "
|
|
4904
|
-
left: "
|
|
4905
|
-
right: "
|
|
4903
|
+
sidebar: "_sidebar_toyo8_1",
|
|
4904
|
+
left: "_left_toyo8_9",
|
|
4905
|
+
right: "_right_toyo8_12"
|
|
4906
4906
|
};
|
|
4907
4907
|
function n22(n29) {
|
|
4908
|
-
let { side:
|
|
4908
|
+
let { side: r28, ariaLabel: i26, children: a24, className: o23, style: s21 } = n29;
|
|
4909
4909
|
return /* @__PURE__ */ jsx("aside", {
|
|
4910
4910
|
className: [
|
|
4911
4911
|
t21.sidebar,
|
|
4912
|
-
|
|
4913
|
-
|
|
4912
|
+
r28 === "left" && t21.left,
|
|
4913
|
+
r28 === "right" && t21.right,
|
|
4914
4914
|
o23
|
|
4915
4915
|
].filter(Boolean).join(" "),
|
|
4916
|
-
"aria-label":
|
|
4916
|
+
"aria-label": i26,
|
|
4917
4917
|
style: s21,
|
|
4918
4918
|
children: a24
|
|
4919
4919
|
});
|
|
4920
4920
|
}
|
|
4921
4921
|
var a19 = {
|
|
4922
|
-
panel: "
|
|
4923
|
-
title: "
|
|
4924
|
-
titleRow: "
|
|
4925
|
-
titleButton: "
|
|
4926
|
-
chevron: "
|
|
4927
|
-
chevronCollapsed: "
|
|
4928
|
-
hideButton: "
|
|
4929
|
-
collapsed: "
|
|
4930
|
-
body: "
|
|
4922
|
+
panel: "_panel_1u064_1",
|
|
4923
|
+
title: "_title_1u064_7",
|
|
4924
|
+
titleRow: "_titleRow_1u064_15",
|
|
4925
|
+
titleButton: "_titleButton_1u064_23",
|
|
4926
|
+
chevron: "_chevron_1u064_40",
|
|
4927
|
+
chevronCollapsed: "_chevronCollapsed_1u064_47",
|
|
4928
|
+
hideButton: "_hideButton_1u064_51",
|
|
4929
|
+
collapsed: "_collapsed_1u064_64",
|
|
4930
|
+
body: "_body_1u064_68"
|
|
4931
4931
|
};
|
|
4932
4932
|
function o17(o23) {
|
|
4933
|
-
let { title: s21, collapsed: c16, onToggleCollapse:
|
|
4933
|
+
let { title: s21, collapsed: c16, onToggleCollapse: l17, onHide: u14, children: d12, className: f12 } = o23, p10 = [
|
|
4934
4934
|
a19.panel,
|
|
4935
4935
|
c16 && a19.collapsed,
|
|
4936
|
-
|
|
4937
|
-
].filter(Boolean).join(" "), m8 =
|
|
4936
|
+
f12
|
|
4937
|
+
].filter(Boolean).join(" "), m8 = l17 !== void 0;
|
|
4938
4938
|
return /* @__PURE__ */ jsxs("div", {
|
|
4939
|
-
className:
|
|
4939
|
+
className: p10,
|
|
4940
4940
|
children: [s21 !== void 0 && /* @__PURE__ */ jsxs("div", {
|
|
4941
4941
|
className: a19.titleRow,
|
|
4942
4942
|
children: [m8 ? /* @__PURE__ */ jsxs("button", {
|
|
4943
4943
|
type: "button",
|
|
4944
4944
|
className: a19.titleButton,
|
|
4945
|
-
onClick:
|
|
4945
|
+
onClick: l17,
|
|
4946
4946
|
"aria-expanded": !c16,
|
|
4947
4947
|
children: [/* @__PURE__ */ jsx("span", {
|
|
4948
4948
|
className: [a19.chevron, c16 && a19.chevronCollapsed].filter(Boolean).join(" "),
|
|
@@ -4955,43 +4955,43 @@ function o17(o23) {
|
|
|
4955
4955
|
}) : /* @__PURE__ */ jsx("span", {
|
|
4956
4956
|
className: a19.title,
|
|
4957
4957
|
children: s21
|
|
4958
|
-
}),
|
|
4958
|
+
}), u14 !== void 0 && /* @__PURE__ */ jsxs(o2, { children: [/* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx("button", {
|
|
4959
4959
|
type: "button",
|
|
4960
4960
|
className: a19.hideButton,
|
|
4961
|
-
onClick:
|
|
4961
|
+
onClick: u14,
|
|
4962
4962
|
"aria-label": "Hide panel",
|
|
4963
4963
|
children: "\xD7"
|
|
4964
4964
|
}) }), /* @__PURE__ */ jsx(s2, { children: "Hide panel" })] })]
|
|
4965
4965
|
}), !c16 && /* @__PURE__ */ jsx("div", {
|
|
4966
4966
|
className: a19.body,
|
|
4967
|
-
children:
|
|
4967
|
+
children: d12
|
|
4968
4968
|
})]
|
|
4969
4969
|
});
|
|
4970
4970
|
}
|
|
4971
4971
|
var a20 = {
|
|
4972
|
-
button: "
|
|
4973
|
-
active: "
|
|
4974
|
-
icon: "
|
|
4975
|
-
label: "
|
|
4976
|
-
shortcut: "
|
|
4972
|
+
button: "_button_1jvxe_1",
|
|
4973
|
+
active: "_active_1jvxe_26",
|
|
4974
|
+
icon: "_icon_1jvxe_35",
|
|
4975
|
+
label: "_label_1jvxe_37",
|
|
4976
|
+
shortcut: "_shortcut_1jvxe_38"
|
|
4977
4977
|
};
|
|
4978
4978
|
function o18(o23) {
|
|
4979
|
-
let { icon: s21, label: c16, shortcut:
|
|
4979
|
+
let { icon: s21, label: c16, shortcut: l17, active: u14, disabled: d12, ariaDisabled: f12, tabbable: p10, onClick: m8, title: h6, className: g5 } = o23, _6 = h6 ?? (l17 ? `${c16} (${l17})` : c16), v3 = [
|
|
4980
4980
|
a20.button,
|
|
4981
|
-
|
|
4981
|
+
u14 && a20.active,
|
|
4982
4982
|
g5
|
|
4983
4983
|
].filter(Boolean).join(" ");
|
|
4984
4984
|
return /* @__PURE__ */ jsxs(o2, {
|
|
4985
|
-
isDisabled:
|
|
4985
|
+
isDisabled: d12,
|
|
4986
4986
|
children: [/* @__PURE__ */ jsx(Focusable, {
|
|
4987
|
-
isDisabled:
|
|
4987
|
+
isDisabled: d12,
|
|
4988
4988
|
children: /* @__PURE__ */ jsxs("button", {
|
|
4989
4989
|
type: "button",
|
|
4990
|
-
tabIndex:
|
|
4990
|
+
tabIndex: p10 ? 0 : -1,
|
|
4991
4991
|
className: v3,
|
|
4992
|
-
"aria-current":
|
|
4993
|
-
"aria-disabled":
|
|
4994
|
-
disabled:
|
|
4992
|
+
"aria-current": u14 ? "true" : void 0,
|
|
4993
|
+
"aria-disabled": f12 ? "true" : void 0,
|
|
4994
|
+
disabled: d12,
|
|
4995
4995
|
onClick: m8,
|
|
4996
4996
|
children: [
|
|
4997
4997
|
/* @__PURE__ */ jsx("span", {
|
|
@@ -5003,13 +5003,13 @@ function o18(o23) {
|
|
|
5003
5003
|
className: a20.label,
|
|
5004
5004
|
children: c16
|
|
5005
5005
|
}),
|
|
5006
|
-
|
|
5006
|
+
l17 && /* @__PURE__ */ jsx("span", {
|
|
5007
5007
|
className: a20.shortcut,
|
|
5008
|
-
children:
|
|
5008
|
+
children: l17
|
|
5009
5009
|
})
|
|
5010
5010
|
]
|
|
5011
5011
|
})
|
|
5012
|
-
}), /* @__PURE__ */ jsx(s2, { children:
|
|
5012
|
+
}), /* @__PURE__ */ jsx(s2, { children: _6 })]
|
|
5013
5013
|
});
|
|
5014
5014
|
}
|
|
5015
5015
|
var t22 = {
|
|
@@ -5017,29 +5017,29 @@ var t22 = {
|
|
|
5017
5017
|
horizontal: "_horizontal_o2pho_6"
|
|
5018
5018
|
};
|
|
5019
5019
|
function n25(n29) {
|
|
5020
|
-
let { children:
|
|
5020
|
+
let { children: r28, orientation: i26 = "vertical", groupKey: a24, ariaLabel: o23, className: s21 } = n29;
|
|
5021
5021
|
return /* @__PURE__ */ jsx("div", {
|
|
5022
5022
|
className: [
|
|
5023
5023
|
t22.group,
|
|
5024
|
-
|
|
5024
|
+
i26 === "horizontal" && t22.horizontal,
|
|
5025
5025
|
s21
|
|
5026
5026
|
].filter(Boolean).join(" "),
|
|
5027
5027
|
role: "group",
|
|
5028
5028
|
"data-group": a24,
|
|
5029
5029
|
"aria-label": o23,
|
|
5030
|
-
children:
|
|
5030
|
+
children: r28
|
|
5031
5031
|
});
|
|
5032
5032
|
}
|
|
5033
5033
|
var l12 = {
|
|
5034
|
-
palette: "
|
|
5035
|
-
horizontal: "
|
|
5036
|
-
ineligibleBtn: "
|
|
5037
|
-
separator: "
|
|
5034
|
+
palette: "_palette_1ntz3_1",
|
|
5035
|
+
horizontal: "_horizontal_1ntz3_11",
|
|
5036
|
+
ineligibleBtn: "_ineligibleBtn_1ntz3_16",
|
|
5037
|
+
separator: "_separator_1ntz3_21"
|
|
5038
5038
|
};
|
|
5039
5039
|
function u10(t26) {
|
|
5040
5040
|
if (!t26) return;
|
|
5041
|
-
let n29 = Array.isArray(t26.key) ? t26.key[0] : t26.key,
|
|
5042
|
-
return t26.mod &&
|
|
5041
|
+
let n29 = Array.isArray(t26.key) ? t26.key[0] : t26.key, r28 = [];
|
|
5042
|
+
return t26.mod && r28.push("\u2318"), t26.shift === true && r28.push("\u21E7"), t26.alt && r28.push("\u2325"), r28.push(e7(n29)), r28;
|
|
5043
5043
|
}
|
|
5044
5044
|
function d8(e20) {
|
|
5045
5045
|
let t26 = u10(e20);
|
|
@@ -5056,52 +5056,52 @@ var p6 = "misc";
|
|
|
5056
5056
|
function m5(e20) {
|
|
5057
5057
|
let t26 = /* @__PURE__ */ new Map();
|
|
5058
5058
|
for (let n29 of e20) {
|
|
5059
|
-
let e21 = n29.presentation?.group ?? p6,
|
|
5060
|
-
|
|
5059
|
+
let e21 = n29.presentation?.group ?? p6, r28 = t26.get(e21) ?? [];
|
|
5060
|
+
r28.push(n29), t26.set(e21, r28);
|
|
5061
5061
|
}
|
|
5062
5062
|
return t26;
|
|
5063
5063
|
}
|
|
5064
5064
|
function h4(e20, t26) {
|
|
5065
|
-
let n29 = new Set(e20.keys()),
|
|
5066
|
-
for (let e21 of t26) n29.has(e21) && (
|
|
5067
|
-
for (let t27 of e20.keys()) n29.has(t27) && t27 !== p6 && (
|
|
5068
|
-
return n29.has(p6) &&
|
|
5065
|
+
let n29 = new Set(e20.keys()), r28 = [];
|
|
5066
|
+
for (let e21 of t26) n29.has(e21) && (r28.push(e21), n29.delete(e21));
|
|
5067
|
+
for (let t27 of e20.keys()) n29.has(t27) && t27 !== p6 && (r28.push(t27), n29.delete(t27));
|
|
5068
|
+
return n29.has(p6) && r28.push(p6), r28;
|
|
5069
5069
|
}
|
|
5070
5070
|
function g3(e20) {
|
|
5071
5071
|
let t26 = e20.presentation?.icon;
|
|
5072
5072
|
return t26 == null ? /* @__PURE__ */ jsx(UnknownIcon, {}) : typeof t26 == "function" ? t26(void 0) : t26;
|
|
5073
5073
|
}
|
|
5074
5074
|
function _3(e20) {
|
|
5075
|
-
let { tools: a24, orientation:
|
|
5075
|
+
let { tools: a24, orientation: u14 = "vertical", className: p10, lookupShortcut: _6, modeRegistry: v3, groupOrder: y4 = f8 } = e20, b3 = m5(Object.values(a24.registry)), x3 = h4(b3, y4), S3 = [
|
|
5076
5076
|
l12.palette,
|
|
5077
|
-
|
|
5078
|
-
|
|
5077
|
+
u14 === "horizontal" && l12.horizontal,
|
|
5078
|
+
p10
|
|
5079
5079
|
].filter(Boolean).join(" "), C3 = x3.flatMap((e21) => b3.get(e21).map((e22) => e22.id)), w3 = a24.active && C3.includes(a24.active) ? a24.active : C3[0], T3 = useRef(null);
|
|
5080
5080
|
function E3(e21) {
|
|
5081
5081
|
let t26 = e21.target;
|
|
5082
5082
|
if (t26.tagName !== "BUTTON") return;
|
|
5083
5083
|
let n29 = T3.current;
|
|
5084
5084
|
if (!n29) return;
|
|
5085
|
-
let
|
|
5086
|
-
if (
|
|
5085
|
+
let r28 = Array.from(n29.querySelectorAll("button")), i26 = r28.indexOf(t26);
|
|
5086
|
+
if (i26 < 0) return;
|
|
5087
5087
|
let a25 = -1;
|
|
5088
5088
|
switch (e21.key) {
|
|
5089
5089
|
case "ArrowDown":
|
|
5090
5090
|
case "ArrowRight":
|
|
5091
|
-
a25 = (
|
|
5091
|
+
a25 = (i26 + 1) % r28.length;
|
|
5092
5092
|
break;
|
|
5093
5093
|
case "ArrowUp":
|
|
5094
5094
|
case "ArrowLeft":
|
|
5095
|
-
a25 = (
|
|
5095
|
+
a25 = (i26 - 1 + r28.length) % r28.length;
|
|
5096
5096
|
break;
|
|
5097
5097
|
case "Home":
|
|
5098
5098
|
a25 = 0;
|
|
5099
5099
|
break;
|
|
5100
5100
|
case "End":
|
|
5101
|
-
a25 =
|
|
5101
|
+
a25 = r28.length - 1;
|
|
5102
5102
|
break;
|
|
5103
5103
|
}
|
|
5104
|
-
a25 >= 0 && (e21.preventDefault(),
|
|
5104
|
+
a25 >= 0 && (e21.preventDefault(), r28[a25].focus());
|
|
5105
5105
|
}
|
|
5106
5106
|
return /* @__PURE__ */ jsx("div", {
|
|
5107
5107
|
ref: T3,
|
|
@@ -5109,25 +5109,25 @@ function _3(e20) {
|
|
|
5109
5109
|
role: "toolbar",
|
|
5110
5110
|
"aria-label": "Tools",
|
|
5111
5111
|
onKeyDown: E3,
|
|
5112
|
-
children: x3.map((e21,
|
|
5112
|
+
children: x3.map((e21, i26) => /* @__PURE__ */ jsxs(Fragment$1, { children: [i26 > 0 && /* @__PURE__ */ jsx("div", {
|
|
5113
5113
|
className: l12.separator,
|
|
5114
5114
|
role: "separator",
|
|
5115
|
-
"aria-orientation":
|
|
5115
|
+
"aria-orientation": u14 === "horizontal" ? "vertical" : "horizontal"
|
|
5116
5116
|
}), /* @__PURE__ */ jsx(n25, {
|
|
5117
|
-
orientation:
|
|
5117
|
+
orientation: u14,
|
|
5118
5118
|
groupKey: e21,
|
|
5119
5119
|
children: b3.get(e21).map((e22) => {
|
|
5120
|
-
let n29 = e22.presentation?.label ?? e22.id,
|
|
5120
|
+
let n29 = e22.presentation?.label ?? e22.id, r28 = e22.presentation?.shortcut ?? d8(_6 ? _6(e22.id) : e22.keybinding), i27 = v3 ? eligibleContribution(v3, e22) : true, s21 = v3 ? v3.current().id : void 0, u15 = !i27 && s21 ? `${n29}${r28 ? ` (${r28})` : ""} \u2014 disabled in ${s21} mode` : void 0;
|
|
5121
5121
|
return /* @__PURE__ */ jsx(o18, {
|
|
5122
5122
|
icon: g3(e22),
|
|
5123
5123
|
label: n29,
|
|
5124
|
-
shortcut:
|
|
5124
|
+
shortcut: r28,
|
|
5125
5125
|
active: a24.active === e22.id,
|
|
5126
5126
|
tabbable: e22.id === w3,
|
|
5127
|
-
ariaDisabled: !
|
|
5128
|
-
className:
|
|
5129
|
-
title:
|
|
5130
|
-
onClick:
|
|
5127
|
+
ariaDisabled: !i27,
|
|
5128
|
+
className: i27 ? void 0 : l12.ineligibleBtn,
|
|
5129
|
+
title: u15,
|
|
5130
|
+
onClick: i27 ? () => a24.setActive(e22.id) : () => {
|
|
5131
5131
|
}
|
|
5132
5132
|
}, e22.id);
|
|
5133
5133
|
})
|
|
@@ -5153,31 +5153,31 @@ function s18({ className: e20, ...n29 }) {
|
|
|
5153
5153
|
className: [a21.list, e20].filter(Boolean).join(" ")
|
|
5154
5154
|
});
|
|
5155
5155
|
}
|
|
5156
|
-
function c13({ children: t26, className: n29, ...
|
|
5156
|
+
function c13({ children: t26, className: n29, ...r28 }) {
|
|
5157
5157
|
return /* @__PURE__ */ jsx(Tab, {
|
|
5158
|
-
...
|
|
5158
|
+
...r28,
|
|
5159
5159
|
className: [a21.tab, n29].filter(Boolean).join(" "),
|
|
5160
5160
|
children: t26
|
|
5161
5161
|
});
|
|
5162
5162
|
}
|
|
5163
|
-
function l13({ children: e20, className: t26, ...
|
|
5163
|
+
function l13({ children: e20, className: t26, ...r28 }) {
|
|
5164
5164
|
return /* @__PURE__ */ jsx(TabPanel, {
|
|
5165
|
-
...
|
|
5165
|
+
...r28,
|
|
5166
5166
|
className: [a21.panel, t26].filter(Boolean).join(" "),
|
|
5167
5167
|
children: e20
|
|
5168
5168
|
});
|
|
5169
5169
|
}
|
|
5170
5170
|
var f9 = {
|
|
5171
|
-
field: "
|
|
5172
|
-
frame: "
|
|
5173
|
-
openButton: "
|
|
5174
|
-
popover: "
|
|
5175
|
-
listbox: "
|
|
5176
|
-
option: "
|
|
5177
|
-
empty: "
|
|
5171
|
+
field: "_field_7wlzm_1",
|
|
5172
|
+
frame: "_frame_7wlzm_9",
|
|
5173
|
+
openButton: "_openButton_7wlzm_53",
|
|
5174
|
+
popover: "_popover_7wlzm_75",
|
|
5175
|
+
listbox: "_listbox_7wlzm_80",
|
|
5176
|
+
option: "_option_7wlzm_93",
|
|
5177
|
+
empty: "_empty_7wlzm_116"
|
|
5178
5178
|
};
|
|
5179
5179
|
function p7(s21) {
|
|
5180
|
-
let { label:
|
|
5180
|
+
let { label: p10, description: h6, errorMessage: g5, placeholder: _6, options: v3, children: y4, selectedKey: b3, defaultSelectedKey: x3, onSelectionChange: S3, emptyLabel: C3 = "No matches", className: w3, ...T3 } = s21;
|
|
5181
5181
|
return /* @__PURE__ */ jsxs(ComboBox, {
|
|
5182
5182
|
...T3,
|
|
5183
5183
|
selectedKey: b3 ?? void 0,
|
|
@@ -5189,13 +5189,13 @@ function p7(s21) {
|
|
|
5189
5189
|
w3
|
|
5190
5190
|
].filter(Boolean).join(" "),
|
|
5191
5191
|
children: [
|
|
5192
|
-
|
|
5192
|
+
p10 !== void 0 && /* @__PURE__ */ jsx(Label, {
|
|
5193
5193
|
className: r14.label,
|
|
5194
|
-
children:
|
|
5194
|
+
children: p10
|
|
5195
5195
|
}),
|
|
5196
5196
|
/* @__PURE__ */ jsxs("div", {
|
|
5197
5197
|
className: f9.frame,
|
|
5198
|
-
children: [/* @__PURE__ */ jsx(Input, { placeholder:
|
|
5198
|
+
children: [/* @__PURE__ */ jsx(Input, { placeholder: _6 }), /* @__PURE__ */ jsx(Button, {
|
|
5199
5199
|
className: f9.openButton,
|
|
5200
5200
|
"aria-label": "Show options",
|
|
5201
5201
|
children: /* @__PURE__ */ jsx("svg", {
|
|
@@ -5229,7 +5229,7 @@ function p7(s21) {
|
|
|
5229
5229
|
className: f9.empty,
|
|
5230
5230
|
children: C3
|
|
5231
5231
|
}),
|
|
5232
|
-
children: v3 === void 0 ?
|
|
5232
|
+
children: v3 === void 0 ? y4 : v3.map((e20) => /* @__PURE__ */ jsx(m6, {
|
|
5233
5233
|
id: e20.value,
|
|
5234
5234
|
textValue: e20.textValue,
|
|
5235
5235
|
isDisabled: e20.isDisabled,
|
|
@@ -5247,84 +5247,84 @@ function m6({ className: e20, ...t26 }) {
|
|
|
5247
5247
|
});
|
|
5248
5248
|
}
|
|
5249
5249
|
function f10(e20, t26, n29) {
|
|
5250
|
-
let
|
|
5251
|
-
return Math.sqrt(
|
|
5250
|
+
let r28 = t26.x - e20.x, i26 = t26.y - e20.y;
|
|
5251
|
+
return Math.sqrt(r28 * r28 + i26 * i26) ** +n29;
|
|
5252
5252
|
}
|
|
5253
|
-
function p8(e20, t26, n29,
|
|
5254
|
-
let o23 = 0 + f10(e20, t26, a24), s21 = o23 + f10(t26, n29, a24), c16 = s21 + f10(n29,
|
|
5253
|
+
function p8(e20, t26, n29, r28, i26, a24 = 0.5) {
|
|
5254
|
+
let o23 = 0 + f10(e20, t26, a24), s21 = o23 + f10(t26, n29, a24), c16 = s21 + f10(n29, r28, a24);
|
|
5255
5255
|
if (s21 - o23 === 0) return {
|
|
5256
|
-
x: t26.x + (n29.x - t26.x) *
|
|
5257
|
-
y: t26.y + (n29.y - t26.y) *
|
|
5256
|
+
x: t26.x + (n29.x - t26.x) * i26,
|
|
5257
|
+
y: t26.y + (n29.y - t26.y) * i26
|
|
5258
5258
|
};
|
|
5259
|
-
let
|
|
5259
|
+
let l17 = o23 + i26 * (s21 - o23), u14 = ((o23 - l17) * e20.x + (l17 - 0) * t26.x) / (o23 - 0), d12 = ((o23 - l17) * e20.y + (l17 - 0) * t26.y) / (o23 - 0), p10 = ((s21 - l17) * t26.x + (l17 - o23) * n29.x) / (s21 - o23), m8 = ((s21 - l17) * t26.y + (l17 - o23) * n29.y) / (s21 - o23), h6 = ((c16 - l17) * n29.x + (l17 - s21) * r28.x) / (c16 - s21), g5 = ((c16 - l17) * n29.y + (l17 - s21) * r28.y) / (c16 - s21), _6 = ((s21 - l17) * u14 + (l17 - 0) * p10) / (s21 - 0), v3 = ((s21 - l17) * d12 + (l17 - 0) * m8) / (s21 - 0), y4 = ((c16 - l17) * p10 + (l17 - o23) * h6) / (c16 - o23), b3 = ((c16 - l17) * m8 + (l17 - o23) * g5) / (c16 - o23);
|
|
5260
5260
|
return {
|
|
5261
|
-
x: ((s21 -
|
|
5262
|
-
y: ((s21 -
|
|
5261
|
+
x: ((s21 - l17) * _6 + (l17 - o23) * y4) / (s21 - o23),
|
|
5262
|
+
y: ((s21 - l17) * v3 + (l17 - o23) * b3) / (s21 - o23)
|
|
5263
5263
|
};
|
|
5264
5264
|
}
|
|
5265
5265
|
function m7(e20, t26, n29 = 0.5) {
|
|
5266
5266
|
if (e20.length < 2) return [];
|
|
5267
|
-
let
|
|
5267
|
+
let r28 = e20.length, i26 = [], a24 = {
|
|
5268
5268
|
x: 2 * e20[0].x - e20[1].x,
|
|
5269
5269
|
y: 2 * e20[0].y - e20[1].y
|
|
5270
5270
|
}, o23 = {
|
|
5271
|
-
x: 2 * e20[
|
|
5272
|
-
y: 2 * e20[
|
|
5271
|
+
x: 2 * e20[r28 - 1].x - e20[r28 - 2].x,
|
|
5272
|
+
y: 2 * e20[r28 - 1].y - e20[r28 - 2].y
|
|
5273
5273
|
};
|
|
5274
|
-
for (let s21 = 0; s21 <
|
|
5275
|
-
let c16 = s21 === 0 ? a24 : e20[s21 - 1],
|
|
5276
|
-
for (let e21 =
|
|
5274
|
+
for (let s21 = 0; s21 < r28 - 1; s21++) {
|
|
5275
|
+
let c16 = s21 === 0 ? a24 : e20[s21 - 1], l17 = e20[s21], u14 = e20[s21 + 1], d12 = s21 + 2 < r28 ? e20[s21 + 2] : o23, f12 = s21 === 0 ? 0 : 1;
|
|
5276
|
+
for (let e21 = f12; e21 <= t26; e21++) {
|
|
5277
5277
|
if (e21 === 0) {
|
|
5278
|
-
|
|
5278
|
+
i26.push(l17);
|
|
5279
5279
|
continue;
|
|
5280
5280
|
}
|
|
5281
5281
|
if (e21 === t26) {
|
|
5282
|
-
|
|
5282
|
+
i26.push(u14);
|
|
5283
5283
|
continue;
|
|
5284
5284
|
}
|
|
5285
|
-
let
|
|
5286
|
-
|
|
5285
|
+
let r29 = e21 / t26;
|
|
5286
|
+
i26.push(p8(c16, l17, u14, d12, r29, n29));
|
|
5287
5287
|
}
|
|
5288
5288
|
}
|
|
5289
|
-
return
|
|
5289
|
+
return i26;
|
|
5290
5290
|
}
|
|
5291
5291
|
function h5(e20) {
|
|
5292
5292
|
let t26 = e20.length;
|
|
5293
5293
|
if (t26 === 0) return [];
|
|
5294
5294
|
if (t26 === 1) return [0];
|
|
5295
5295
|
let n29 = Array(t26 - 1);
|
|
5296
|
-
for (let
|
|
5297
|
-
let
|
|
5298
|
-
|
|
5299
|
-
for (let e21 = 1; e21 < t26 - 1; e21++) if (n29[e21 - 1] * n29[e21] <= 0)
|
|
5296
|
+
for (let r29 = 0; r29 < t26 - 1; r29++) n29[r29] = e20[r29 + 1] - e20[r29];
|
|
5297
|
+
let r28 = Array(t26);
|
|
5298
|
+
r28[0] = n29[0], r28[t26 - 1] = n29[t26 - 2];
|
|
5299
|
+
for (let e21 = 1; e21 < t26 - 1; e21++) if (n29[e21 - 1] * n29[e21] <= 0) r28[e21] = 0;
|
|
5300
5300
|
else {
|
|
5301
|
-
let t27 = (n29[e21 - 1] + n29[e21]) / 2,
|
|
5302
|
-
|
|
5301
|
+
let t27 = (n29[e21 - 1] + n29[e21]) / 2, i26 = Math.min(Math.abs(n29[e21 - 1]), Math.abs(n29[e21]), Math.abs(t27));
|
|
5302
|
+
r28[e21] = Math.sign(t27) * i26;
|
|
5303
5303
|
}
|
|
5304
|
-
return
|
|
5304
|
+
return r28;
|
|
5305
5305
|
}
|
|
5306
|
-
function g4(e20, t26, n29,
|
|
5307
|
-
let a24 =
|
|
5308
|
-
return (2 * o23 - 3 * a24 + 1) * e20 + (o23 - 2 * a24 +
|
|
5306
|
+
function g4(e20, t26, n29, r28, i26) {
|
|
5307
|
+
let a24 = i26 * i26, o23 = a24 * i26;
|
|
5308
|
+
return (2 * o23 - 3 * a24 + 1) * e20 + (o23 - 2 * a24 + i26) * n29 + (-2 * o23 + 3 * a24) * t26 + (o23 - a24) * r28;
|
|
5309
5309
|
}
|
|
5310
5310
|
function _4(e20, t26) {
|
|
5311
5311
|
if (e20.length < 2) return [];
|
|
5312
|
-
let n29 = e20.length,
|
|
5312
|
+
let n29 = e20.length, r28 = e20.map((e21) => e21.x), i26 = e20.map((e21) => e21.y), a24 = h5(r28), o23 = h5(i26), s21 = [];
|
|
5313
5313
|
for (let c16 = 0; c16 < n29 - 1; c16++) {
|
|
5314
5314
|
let n30 = c16 === 0 ? 0 : 1;
|
|
5315
|
-
for (let
|
|
5316
|
-
if (
|
|
5315
|
+
for (let l17 = n30; l17 <= t26; l17++) {
|
|
5316
|
+
if (l17 === 0) {
|
|
5317
5317
|
s21.push(e20[c16]);
|
|
5318
5318
|
continue;
|
|
5319
5319
|
}
|
|
5320
|
-
if (
|
|
5320
|
+
if (l17 === t26) {
|
|
5321
5321
|
s21.push(e20[c16 + 1]);
|
|
5322
5322
|
continue;
|
|
5323
5323
|
}
|
|
5324
|
-
let n31 =
|
|
5324
|
+
let n31 = l17 / t26;
|
|
5325
5325
|
s21.push({
|
|
5326
|
-
x: g4(
|
|
5327
|
-
y: g4(
|
|
5326
|
+
x: g4(r28[c16], r28[c16 + 1], a24[c16], a24[c16 + 1], n31),
|
|
5327
|
+
y: g4(i26[c16], i26[c16 + 1], o23[c16], o23[c16 + 1], n31)
|
|
5328
5328
|
});
|
|
5329
5329
|
}
|
|
5330
5330
|
}
|
|
@@ -5333,21 +5333,21 @@ function _4(e20, t26) {
|
|
|
5333
5333
|
function v2(e20, t26) {
|
|
5334
5334
|
if (e20.length < 2) return [];
|
|
5335
5335
|
let n29 = [];
|
|
5336
|
-
for (let
|
|
5337
|
-
let
|
|
5336
|
+
for (let r28 = 0; r28 < e20.length - 1; r28++) {
|
|
5337
|
+
let i26 = e20[r28], a24 = e20[r28 + 1], o23 = r28 === 0 ? 0 : 1;
|
|
5338
5338
|
for (let e21 = o23; e21 <= t26; e21++) {
|
|
5339
5339
|
if (e21 === 0) {
|
|
5340
|
-
n29.push(
|
|
5340
|
+
n29.push(i26);
|
|
5341
5341
|
continue;
|
|
5342
5342
|
}
|
|
5343
5343
|
if (e21 === t26) {
|
|
5344
5344
|
n29.push(a24);
|
|
5345
5345
|
continue;
|
|
5346
5346
|
}
|
|
5347
|
-
let
|
|
5347
|
+
let r29 = e21 / t26;
|
|
5348
5348
|
n29.push({
|
|
5349
|
-
x:
|
|
5350
|
-
y:
|
|
5349
|
+
x: i26.x + (a24.x - i26.x) * r29,
|
|
5350
|
+
y: i26.y + (a24.y - i26.y) * r29
|
|
5351
5351
|
});
|
|
5352
5352
|
}
|
|
5353
5353
|
}
|
|
@@ -5368,38 +5368,38 @@ function y2(e20, t26, n29) {
|
|
|
5368
5368
|
}
|
|
5369
5369
|
}
|
|
5370
5370
|
function b2(e20, t26, n29) {
|
|
5371
|
-
let
|
|
5371
|
+
let r28 = n29 * n29, i26 = null;
|
|
5372
5372
|
for (let n30 = 0; n30 < e20.length; n30++) {
|
|
5373
5373
|
let a24 = e20[n30], o23 = a24.x - t26.x, s21 = a24.y - t26.y, c16 = o23 * o23 + s21 * s21;
|
|
5374
|
-
c16 >
|
|
5374
|
+
c16 > r28 || (i26 === null || c16 < i26.d2) && (i26 = {
|
|
5375
5375
|
index: n30,
|
|
5376
5376
|
d2: c16
|
|
5377
5377
|
});
|
|
5378
5378
|
}
|
|
5379
|
-
return
|
|
5379
|
+
return i26 ? { index: i26.index } : null;
|
|
5380
5380
|
}
|
|
5381
5381
|
function x2(e20, t26, n29) {
|
|
5382
|
-
let
|
|
5382
|
+
let r28 = n29 * n29, i26 = null;
|
|
5383
5383
|
for (let n30 = 0; n30 < e20.length; n30++) {
|
|
5384
5384
|
let a24 = e20[n30];
|
|
5385
5385
|
if (a24.length < 2) continue;
|
|
5386
5386
|
let o23 = a24.length - 1;
|
|
5387
5387
|
for (let e21 = 0; e21 < o23; e21++) {
|
|
5388
|
-
let s21 = a24[e21], c16 = a24[e21 + 1],
|
|
5388
|
+
let s21 = a24[e21], c16 = a24[e21 + 1], l17 = c16.x - s21.x, u14 = c16.y - s21.y, d12 = t26.x - s21.x, f12 = t26.y - s21.y, p10 = l17 * l17 + u14 * u14, m8 = p10 > 0 ? (d12 * l17 + f12 * u14) / p10 : 0;
|
|
5389
5389
|
m8 < 0 ? m8 = 0 : m8 > 1 && (m8 = 1);
|
|
5390
|
-
let h6 = s21.x + m8 *
|
|
5391
|
-
if (
|
|
5390
|
+
let h6 = s21.x + m8 * l17, g5 = s21.y + m8 * u14, _6 = h6 - t26.x, v3 = g5 - t26.y, y4 = _6 * _6 + v3 * v3;
|
|
5391
|
+
if (y4 > r28) continue;
|
|
5392
5392
|
let b3 = (e21 + m8) / o23;
|
|
5393
|
-
(
|
|
5393
|
+
(i26 === null || y4 < i26.d2) && (i26 = {
|
|
5394
5394
|
segIdx: n30,
|
|
5395
5395
|
t: b3,
|
|
5396
|
-
d2:
|
|
5396
|
+
d2: y4
|
|
5397
5397
|
});
|
|
5398
5398
|
}
|
|
5399
5399
|
}
|
|
5400
|
-
return
|
|
5401
|
-
segIdx:
|
|
5402
|
-
t:
|
|
5400
|
+
return i26 ? {
|
|
5401
|
+
segIdx: i26.segIdx,
|
|
5402
|
+
t: i26.t
|
|
5403
5403
|
} : null;
|
|
5404
5404
|
}
|
|
5405
5405
|
var S2 = {
|
|
@@ -5415,9 +5415,9 @@ var C2 = 16;
|
|
|
5415
5415
|
var w2 = 12;
|
|
5416
5416
|
var T2 = 8;
|
|
5417
5417
|
function E2(e20, t26) {
|
|
5418
|
-
let n29 = t26.modelRange,
|
|
5418
|
+
let n29 = t26.modelRange, r28 = Math.min(n29.xMin, n29.xMax), i26 = Math.max(n29.xMin, n29.xMax), a24 = Math.min(n29.yMin, n29.yMax), o23 = Math.max(n29.yMin, n29.yMax);
|
|
5419
5419
|
return {
|
|
5420
|
-
x: Math.max(
|
|
5420
|
+
x: Math.max(r28, Math.min(i26, e20.x)),
|
|
5421
5421
|
y: Math.max(a24, Math.min(o23, e20.y))
|
|
5422
5422
|
};
|
|
5423
5423
|
}
|
|
@@ -5429,26 +5429,26 @@ function O2(e20, t26) {
|
|
|
5429
5429
|
}
|
|
5430
5430
|
function k2(e20, t26, n29) {
|
|
5431
5431
|
if (e20.length < 2) return [];
|
|
5432
|
-
let
|
|
5432
|
+
let r28 = y2(e20, C2, t26), i26 = [];
|
|
5433
5433
|
for (let t27 = 0; t27 < e20.length - 1; t27++) {
|
|
5434
|
-
let e21 = t27 * C2, a24 = e21 + C2, o23 =
|
|
5435
|
-
|
|
5434
|
+
let e21 = t27 * C2, a24 = e21 + C2, o23 = r28.slice(e21, a24 + 1);
|
|
5435
|
+
i26.push(o23.map((e22) => n29.toPlot(e22)));
|
|
5436
5436
|
}
|
|
5437
|
-
return
|
|
5437
|
+
return i26;
|
|
5438
5438
|
}
|
|
5439
5439
|
function A2(e20) {
|
|
5440
5440
|
return (e20.constrain ?? "none") === "function" ? "monotone" : e20.interpolation ?? "catmull-rom";
|
|
5441
5441
|
}
|
|
5442
5442
|
function j2(t26 = {}) {
|
|
5443
|
-
let n29 = t26.id ?? "function",
|
|
5444
|
-
function
|
|
5445
|
-
let { points:
|
|
5446
|
-
if (
|
|
5447
|
-
let e21 = y2(
|
|
5448
|
-
for (let t27 = 1; t27 < e21.length; t27++)
|
|
5449
|
-
if (
|
|
5450
|
-
let
|
|
5451
|
-
s22.push(`L${o25.x.toFixed(2)},${
|
|
5443
|
+
let n29 = t26.id ?? "function", r28 = t26.domain ?? "2d", i26 = t26.endpoints ?? "free", a24 = t26.constrain ?? "none", o23 = t26.addPointMode ?? "click-curve", s21 = A2(t26), c16 = t26.interactive !== false, f12 = t26.curve !== false && t26.curve !== null;
|
|
5444
|
+
function p10(e20, n30) {
|
|
5445
|
+
let { points: r29, activeIndex: a25 } = e20, o24 = O2(r29, n30), p11 = "", m9 = null;
|
|
5446
|
+
if (r29.length >= 2) {
|
|
5447
|
+
let e21 = y2(r29, C2, s21).map((e22) => n30.toPlot(e22)), i27 = [`M${e21[0].x.toFixed(2)},${e21[0].y.toFixed(2)}`];
|
|
5448
|
+
for (let t27 = 1; t27 < e21.length; t27++) i27.push(`L${e21[t27].x.toFixed(2)},${e21[t27].y.toFixed(2)}`);
|
|
5449
|
+
if (p11 = i27.join(""), t26.fill) {
|
|
5450
|
+
let r30 = t26.fill.side === "below" ? n30.plotSize.height : 0, a26 = e21[0], o25 = e21[e21.length - 1], s22 = [...i27];
|
|
5451
|
+
s22.push(`L${o25.x.toFixed(2)},${r30.toFixed(2)}`), s22.push(`L${a26.x.toFixed(2)},${r30.toFixed(2)}`), s22.push("Z"), m9 = s22.join("");
|
|
5452
5452
|
}
|
|
5453
5453
|
}
|
|
5454
5454
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -5458,42 +5458,42 @@ function j2(t26 = {}) {
|
|
|
5458
5458
|
d: m9,
|
|
5459
5459
|
fill: t26.fill ? t26.fill.color : void 0
|
|
5460
5460
|
}),
|
|
5461
|
-
|
|
5461
|
+
p11 && f12 && /* @__PURE__ */ jsx("path", {
|
|
5462
5462
|
className: S2.curve,
|
|
5463
|
-
d:
|
|
5463
|
+
d: p11,
|
|
5464
5464
|
fill: "none"
|
|
5465
5465
|
}),
|
|
5466
5466
|
c16 && o24.map((e21, n31) => {
|
|
5467
|
-
let o25 = D2(n31,
|
|
5467
|
+
let o25 = D2(n31, r29.length, i26), s22 = r29[n31]?.locked === true;
|
|
5468
5468
|
if ((s22 || o25) && t26.hideNonInteractive) return null;
|
|
5469
|
-
let c17 = a25 === n31,
|
|
5469
|
+
let c17 = a25 === n31, l17 = f12 && (n31 === 0 || n31 === r29.length - 1);
|
|
5470
5470
|
if (t26.renderAnchor) {
|
|
5471
|
-
let
|
|
5472
|
-
point:
|
|
5471
|
+
let i27 = t26.renderAnchor({
|
|
5472
|
+
point: r29[n31],
|
|
5473
5473
|
index: n31,
|
|
5474
5474
|
cx: e21.x,
|
|
5475
5475
|
cy: e21.y,
|
|
5476
5476
|
isActive: c17,
|
|
5477
5477
|
isLocked: s22,
|
|
5478
5478
|
isPinnedEndpoint: o25,
|
|
5479
|
-
isEndpoint:
|
|
5479
|
+
isEndpoint: l17
|
|
5480
5480
|
});
|
|
5481
|
-
if (
|
|
5481
|
+
if (i27 != null) return /* @__PURE__ */ jsx("g", {
|
|
5482
5482
|
"data-anchor-index": n31,
|
|
5483
|
-
children:
|
|
5483
|
+
children: i27
|
|
5484
5484
|
}, n31);
|
|
5485
5485
|
}
|
|
5486
|
-
let
|
|
5486
|
+
let d12 = [
|
|
5487
5487
|
S2.anchor,
|
|
5488
|
-
|
|
5488
|
+
l17 && S2.endpoint,
|
|
5489
5489
|
(o25 || s22) && S2.pinned,
|
|
5490
5490
|
s22 && S2.locked,
|
|
5491
5491
|
c17 && S2.active
|
|
5492
5492
|
].filter(Boolean).join(" ");
|
|
5493
|
-
if (
|
|
5493
|
+
if (l17 || s22) {
|
|
5494
5494
|
let t27 = s22 ? 3.55 : 5;
|
|
5495
5495
|
return /* @__PURE__ */ jsx("rect", {
|
|
5496
|
-
className:
|
|
5496
|
+
className: d12,
|
|
5497
5497
|
x: e21.x - t27,
|
|
5498
5498
|
y: e21.y - t27,
|
|
5499
5499
|
width: t27 * 2,
|
|
@@ -5503,7 +5503,7 @@ function j2(t26 = {}) {
|
|
|
5503
5503
|
}, n31);
|
|
5504
5504
|
}
|
|
5505
5505
|
return /* @__PURE__ */ jsx("circle", {
|
|
5506
|
-
className:
|
|
5506
|
+
className: d12,
|
|
5507
5507
|
cx: e21.x,
|
|
5508
5508
|
cy: e21.y,
|
|
5509
5509
|
r: 4,
|
|
@@ -5514,18 +5514,18 @@ function j2(t26 = {}) {
|
|
|
5514
5514
|
}
|
|
5515
5515
|
function m8(e20, t27, n30) {
|
|
5516
5516
|
if (!c16) return null;
|
|
5517
|
-
let
|
|
5518
|
-
if (
|
|
5517
|
+
let r29 = b2(O2(e20.points, n30), t27, w2);
|
|
5518
|
+
if (r29) return {
|
|
5519
5519
|
kind: "anchor",
|
|
5520
|
-
payload: { index:
|
|
5520
|
+
payload: { index: r29.index }
|
|
5521
5521
|
};
|
|
5522
|
-
if (o23 === "click-curve" &&
|
|
5523
|
-
let
|
|
5524
|
-
if (
|
|
5522
|
+
if (o23 === "click-curve" && f12) {
|
|
5523
|
+
let r30 = x2(k2(e20.points, s21, n30), t27, T2);
|
|
5524
|
+
if (r30) return {
|
|
5525
5525
|
kind: "curve",
|
|
5526
5526
|
payload: {
|
|
5527
|
-
segIdx:
|
|
5528
|
-
t:
|
|
5527
|
+
segIdx: r30.segIdx,
|
|
5528
|
+
t: r30.t
|
|
5529
5529
|
}
|
|
5530
5530
|
};
|
|
5531
5531
|
}
|
|
@@ -5534,27 +5534,27 @@ function j2(t26 = {}) {
|
|
|
5534
5534
|
function h6(e20) {
|
|
5535
5535
|
return {
|
|
5536
5536
|
onMove(n30, o24, s22, c17) {
|
|
5537
|
-
let
|
|
5538
|
-
if (e20 < 0 || e20 >=
|
|
5539
|
-
let
|
|
5540
|
-
if (
|
|
5541
|
-
else if (
|
|
5542
|
-
else if (a24 === "function" ||
|
|
5543
|
-
let t27 = a24 === "function" ? (
|
|
5544
|
-
|
|
5537
|
+
let l17 = n30.points;
|
|
5538
|
+
if (e20 < 0 || e20 >= l17.length) return n30;
|
|
5539
|
+
let u14 = c17.modelRange, d12 = t26.xClamp ? t26.xClamp[0] : u14.xMin, f13 = t26.xClamp ? t26.xClamp[1] : u14.xMax, p11 = o24.x, m9 = o24.y, h7 = e20 === 0 || e20 === l17.length - 1;
|
|
5540
|
+
if (i26 === "pinned-both" && h7) p11 = e20 === 0 ? d12 : f13, m9 = e20 === 0 ? u14.yMin : u14.yMax;
|
|
5541
|
+
else if (i26 === "pinned-x" && h7) p11 = e20 === 0 ? d12 : f13;
|
|
5542
|
+
else if (a24 === "function" || r28 === "1d") {
|
|
5543
|
+
let t27 = a24 === "function" ? (f13 - d12) / 1e3 : 0, n31 = e20 > 0 ? l17[e20 - 1].x + t27 : d12, r29 = e20 < l17.length - 1 ? l17[e20 + 1].x - t27 : f13;
|
|
5544
|
+
p11 = Math.max(n31, Math.min(r29, p11));
|
|
5545
5545
|
}
|
|
5546
|
-
|
|
5546
|
+
p11 = Math.max(Math.min(d12, f13), Math.min(Math.max(d12, f13), p11));
|
|
5547
5547
|
let g6 = E2({
|
|
5548
|
-
x:
|
|
5548
|
+
x: p11,
|
|
5549
5549
|
y: m9
|
|
5550
|
-
}, c17),
|
|
5551
|
-
return
|
|
5552
|
-
...
|
|
5550
|
+
}, c17), _7 = l17.slice();
|
|
5551
|
+
return _7[e20] = {
|
|
5552
|
+
...l17[e20],
|
|
5553
5553
|
x: g6.x,
|
|
5554
5554
|
y: g6.y
|
|
5555
5555
|
}, {
|
|
5556
5556
|
...n30,
|
|
5557
|
-
points:
|
|
5557
|
+
points: _7,
|
|
5558
5558
|
activeIndex: e20
|
|
5559
5559
|
};
|
|
5560
5560
|
},
|
|
@@ -5572,82 +5572,82 @@ function j2(t26 = {}) {
|
|
|
5572
5572
|
}
|
|
5573
5573
|
};
|
|
5574
5574
|
}
|
|
5575
|
-
function g5(o24, s22, c17,
|
|
5575
|
+
function g5(o24, s22, c17, l17, u14) {
|
|
5576
5576
|
if (s22.kind === "anchor") {
|
|
5577
|
-
let { index:
|
|
5577
|
+
let { index: r29 } = s22.payload;
|
|
5578
5578
|
if (p("function-layer", "anchor-down", {
|
|
5579
5579
|
id: n29,
|
|
5580
|
-
index:
|
|
5581
|
-
shift:
|
|
5580
|
+
index: r29,
|
|
5581
|
+
shift: l17.modifiers.shift,
|
|
5582
5582
|
button: c17.button
|
|
5583
|
-
}), o24.points[
|
|
5584
|
-
if (
|
|
5585
|
-
if (D2(
|
|
5586
|
-
|
|
5583
|
+
}), o24.points[r29]?.locked) return;
|
|
5584
|
+
if (l17.modifiers.shift) {
|
|
5585
|
+
if (D2(r29, o24.points.length, i26) || t26.minPoints !== void 0 && o24.points.length <= t26.minPoints) return;
|
|
5586
|
+
u14.commit({
|
|
5587
5587
|
...o24,
|
|
5588
|
-
points: o24.points.filter((e20, t27) => t27 !==
|
|
5588
|
+
points: o24.points.filter((e20, t27) => t27 !== r29),
|
|
5589
5589
|
activeIndex: null
|
|
5590
5590
|
});
|
|
5591
5591
|
return;
|
|
5592
5592
|
}
|
|
5593
|
-
return c17.button === 2 ? void 0 : (
|
|
5593
|
+
return c17.button === 2 ? void 0 : (u14.commit({
|
|
5594
5594
|
...o24,
|
|
5595
|
-
activeIndex:
|
|
5596
|
-
}), h6(
|
|
5595
|
+
activeIndex: r29
|
|
5596
|
+
}), h6(r29));
|
|
5597
5597
|
}
|
|
5598
5598
|
if (s22.kind === "curve") {
|
|
5599
5599
|
let { segIdx: e20 } = s22.payload;
|
|
5600
5600
|
if (t26.maxPoints !== void 0 && o24.points.length >= t26.maxPoints) return;
|
|
5601
|
-
let n30 = e20 + 1,
|
|
5602
|
-
if (a24 === "function" ||
|
|
5603
|
-
let e21 = a24 === "function" ? (
|
|
5604
|
-
if (t27 && Math.abs(
|
|
5601
|
+
let n30 = e20 + 1, i27 = E2(u14.model, l17);
|
|
5602
|
+
if (a24 === "function" || r28 === "1d") {
|
|
5603
|
+
let e21 = a24 === "function" ? (l17.modelRange.xMax - l17.modelRange.xMin) / 1e3 : 0, t27 = n30 > 0 ? o24.points[n30 - 1] : null, r29 = n30 < o24.points.length ? o24.points[n30] : null;
|
|
5604
|
+
if (t27 && Math.abs(i27.x - t27.x) < e21 * 2) return u14.commit({
|
|
5605
5605
|
...o24,
|
|
5606
5606
|
activeIndex: n30 - 1
|
|
5607
5607
|
}), h6(n30 - 1);
|
|
5608
|
-
if (
|
|
5608
|
+
if (r29 && Math.abs(i27.x - r29.x) < e21 * 2) return u14.commit({
|
|
5609
5609
|
...o24,
|
|
5610
5610
|
activeIndex: n30
|
|
5611
5611
|
}), h6(n30);
|
|
5612
5612
|
}
|
|
5613
5613
|
let c18 = [
|
|
5614
5614
|
...o24.points.slice(0, n30),
|
|
5615
|
-
|
|
5615
|
+
i27,
|
|
5616
5616
|
...o24.points.slice(n30)
|
|
5617
5617
|
];
|
|
5618
|
-
return
|
|
5618
|
+
return u14.commit({
|
|
5619
5619
|
...o24,
|
|
5620
5620
|
points: c18,
|
|
5621
5621
|
activeIndex: n30
|
|
5622
5622
|
}), h6(n30);
|
|
5623
5623
|
}
|
|
5624
5624
|
}
|
|
5625
|
-
function
|
|
5625
|
+
function _6(e20, n30, i27, a25, s22) {
|
|
5626
5626
|
if (!c16 || o23 !== "click-empty" || t26.maxPoints !== void 0 && e20.points.length >= t26.maxPoints) return;
|
|
5627
|
-
let
|
|
5628
|
-
if (
|
|
5629
|
-
for (let t27 = 0; t27 < e20.points.length; t27++) if (e20.points[t27].x >
|
|
5630
|
-
|
|
5627
|
+
let l17 = E2(n30, a25), u14 = e20.points.length;
|
|
5628
|
+
if (r28 === "1d") {
|
|
5629
|
+
for (let t27 = 0; t27 < e20.points.length; t27++) if (e20.points[t27].x > l17.x) {
|
|
5630
|
+
u14 = t27;
|
|
5631
5631
|
break;
|
|
5632
5632
|
}
|
|
5633
5633
|
}
|
|
5634
|
-
let
|
|
5635
|
-
...e20.points.slice(0,
|
|
5636
|
-
|
|
5637
|
-
...e20.points.slice(
|
|
5634
|
+
let d12 = [
|
|
5635
|
+
...e20.points.slice(0, u14),
|
|
5636
|
+
l17,
|
|
5637
|
+
...e20.points.slice(u14)
|
|
5638
5638
|
];
|
|
5639
5639
|
s22.commit({
|
|
5640
5640
|
...e20,
|
|
5641
|
-
points:
|
|
5641
|
+
points: d12,
|
|
5642
5642
|
activeIndex: null
|
|
5643
5643
|
});
|
|
5644
5644
|
}
|
|
5645
5645
|
return {
|
|
5646
5646
|
id: n29,
|
|
5647
|
-
render:
|
|
5647
|
+
render: p10,
|
|
5648
5648
|
hitTest: m8,
|
|
5649
5649
|
onPointerDown: g5,
|
|
5650
|
-
onEmptyPointerDown:
|
|
5650
|
+
onEmptyPointerDown: _6
|
|
5651
5651
|
};
|
|
5652
5652
|
}
|
|
5653
5653
|
function N2(e20) {
|
|
@@ -5658,28 +5658,28 @@ function N2(e20) {
|
|
|
5658
5658
|
ctrl: e20.ctrlKey
|
|
5659
5659
|
};
|
|
5660
5660
|
}
|
|
5661
|
-
function P2(
|
|
5662
|
-
let { layers:
|
|
5663
|
-
xMin:
|
|
5664
|
-
xMax:
|
|
5661
|
+
function P2(l17) {
|
|
5662
|
+
let { layers: f12, onLayerChange: p10, onLayerCommit: m8, width: h6, height: g5, xRange: _6 = [0, 1], yRange: v3 = [0, 1], grid: y4, axes: b3, className: x3, style: C3, children: w3 } = l17, T3 = l17.history !== false, E3 = useMemo(() => ({
|
|
5663
|
+
xMin: _6[0],
|
|
5664
|
+
xMax: _6[1],
|
|
5665
5665
|
yMin: v3[0],
|
|
5666
5666
|
yMax: v3[1]
|
|
5667
|
-
}), [
|
|
5667
|
+
}), [_6, v3]), D3 = useMemo(() => ({
|
|
5668
5668
|
width: h6,
|
|
5669
5669
|
height: g5
|
|
5670
|
-
}), [h6, g5]), O3 = useRef(
|
|
5671
|
-
O3.current =
|
|
5670
|
+
}), [h6, g5]), O3 = useRef(f12);
|
|
5671
|
+
O3.current = f12;
|
|
5672
5672
|
let k3 = useRef(E3);
|
|
5673
5673
|
k3.current = E3;
|
|
5674
5674
|
let A3 = useRef(D3);
|
|
5675
5675
|
A3.current = D3;
|
|
5676
5676
|
let j3 = useRef(null), M3 = useCallback((e20) => {
|
|
5677
|
-
let
|
|
5677
|
+
let r28 = k3.current, i26 = A3.current;
|
|
5678
5678
|
return {
|
|
5679
|
-
modelRange:
|
|
5680
|
-
plotSize:
|
|
5681
|
-
toPlot: (e21) => m(e21,
|
|
5682
|
-
toModel: (e21) => h(e21,
|
|
5679
|
+
modelRange: r28,
|
|
5680
|
+
plotSize: i26,
|
|
5681
|
+
toPlot: (e21) => m(e21, r28, i26),
|
|
5682
|
+
toModel: (e21) => h(e21, r28, i26),
|
|
5683
5683
|
modifiers: e20
|
|
5684
5684
|
};
|
|
5685
5685
|
}, []), P3 = useRef(null), [F3, I3] = useState(null), L2 = useRef([]), R2 = useRef([]), z2 = useCallback(() => {
|
|
@@ -5690,9 +5690,9 @@ function P2(l16) {
|
|
|
5690
5690
|
let t26 = O3.current;
|
|
5691
5691
|
for (let n29 of t26) {
|
|
5692
5692
|
let t27 = e20.get(n29.layer.id);
|
|
5693
|
-
t27 !== void 0 && t27 !== n29.state &&
|
|
5693
|
+
t27 !== void 0 && t27 !== n29.state && p10(n29.layer.id, t27);
|
|
5694
5694
|
}
|
|
5695
|
-
}, [
|
|
5695
|
+
}, [p10]), V2 = useCallback(() => {
|
|
5696
5696
|
if (!T3) return;
|
|
5697
5697
|
let e20 = L2.current;
|
|
5698
5698
|
if (e20.length === 0) return;
|
|
@@ -5729,10 +5729,10 @@ function P2(l16) {
|
|
|
5729
5729
|
if (!t26 || t26.pointerId !== e20.pointerId) return;
|
|
5730
5730
|
let n29 = j3.current;
|
|
5731
5731
|
if (!n29) return;
|
|
5732
|
-
let
|
|
5733
|
-
if (
|
|
5734
|
-
let a24 = M3(N2(e20)), o23 = t26.gesture.onMove(
|
|
5735
|
-
o23 !==
|
|
5732
|
+
let r28 = n29.clientToModel(e20), i26 = X2(t26.layerId);
|
|
5733
|
+
if (i26 === void 0) return;
|
|
5734
|
+
let a24 = M3(N2(e20)), o23 = t26.gesture.onMove(i26, r28, e20, a24);
|
|
5735
|
+
o23 !== i26 && p10(t26.layerId, o23);
|
|
5736
5736
|
}, W2.current = (e20) => {
|
|
5737
5737
|
let t26 = P3.current;
|
|
5738
5738
|
if (!t26 || t26.pointerId !== e20.pointerId) return;
|
|
@@ -5741,8 +5741,8 @@ function P2(l16) {
|
|
|
5741
5741
|
Y2();
|
|
5742
5742
|
return;
|
|
5743
5743
|
}
|
|
5744
|
-
let
|
|
5745
|
-
|
|
5744
|
+
let r28 = M3(N2(e20)), i26 = t26.gesture.onCommit ? t26.gesture.onCommit(n29, r28) : n29;
|
|
5745
|
+
i26 !== n29 && p10(t26.layerId, i26), T3 && (L2.current.push(t26.startStates), R2.current = []), m8 && m8(t26.layerId, i26, t26.startSelfState), Y2();
|
|
5746
5746
|
}, G2.current = (e20) => {
|
|
5747
5747
|
let t26 = P3.current;
|
|
5748
5748
|
if (!t26 || t26.pointerId !== e20.pointerId) return;
|
|
@@ -5751,17 +5751,17 @@ function P2(l16) {
|
|
|
5751
5751
|
Y2();
|
|
5752
5752
|
return;
|
|
5753
5753
|
}
|
|
5754
|
-
let
|
|
5755
|
-
|
|
5754
|
+
let r28 = M3(N2(e20)), i26 = t26.gesture.onCancel ? t26.gesture.onCancel(n29, r28) : t26.startSelfState;
|
|
5755
|
+
i26 !== n29 && p10(t26.layerId, i26), Y2();
|
|
5756
5756
|
};
|
|
5757
5757
|
let Z2 = useCallback((e20, t26, n29) => {
|
|
5758
|
-
let
|
|
5758
|
+
let r28 = z2();
|
|
5759
5759
|
P3.current = {
|
|
5760
5760
|
layerId: e20,
|
|
5761
5761
|
pointerId: t26,
|
|
5762
5762
|
gesture: n29,
|
|
5763
|
-
startStates:
|
|
5764
|
-
startSelfState:
|
|
5763
|
+
startStates: r28,
|
|
5764
|
+
startSelfState: r28.get(e20)
|
|
5765
5765
|
}, I3(e20), window.addEventListener("pointermove", K2), window.addEventListener("pointerup", q2), window.addEventListener("pointercancel", J2);
|
|
5766
5766
|
}, [
|
|
5767
5767
|
z2,
|
|
@@ -5770,50 +5770,50 @@ function P2(l16) {
|
|
|
5770
5770
|
J2
|
|
5771
5771
|
]), Q2 = useCallback((t26, n29) => {
|
|
5772
5772
|
if (P3.current) return;
|
|
5773
|
-
let
|
|
5773
|
+
let r28 = M3(N2(t26)), i26 = O3.current, a24 = t26.nativeEvent;
|
|
5774
5774
|
p("layered-curve-editor", "pointerdown", {
|
|
5775
5775
|
plot: n29.plot,
|
|
5776
5776
|
model: n29.model,
|
|
5777
|
-
layers:
|
|
5777
|
+
layers: i26.length
|
|
5778
5778
|
});
|
|
5779
5779
|
let o23 = z2();
|
|
5780
|
-
for (let e20 =
|
|
5781
|
-
let s22 =
|
|
5780
|
+
for (let e20 = i26.length - 1; e20 >= 0; e20--) {
|
|
5781
|
+
let s22 = i26[e20], c16 = s22.layer.hitTest?.(s22.state, n29.plot, r28);
|
|
5782
5782
|
if (!c16) continue;
|
|
5783
|
-
let
|
|
5783
|
+
let l18 = s22.state, u14, d12 = s22.layer.onPointerDown?.(l18, c16, a24, r28, {
|
|
5784
5784
|
plot: n29.plot,
|
|
5785
5785
|
model: n29.model,
|
|
5786
5786
|
commit(e21) {
|
|
5787
|
-
|
|
5787
|
+
u14 = e21, p10(s22.layer.id, e21);
|
|
5788
5788
|
}
|
|
5789
5789
|
});
|
|
5790
|
-
if (t26.stopPropagation(),
|
|
5791
|
-
Z2(s22.layer.id, t26.pointerId,
|
|
5790
|
+
if (t26.stopPropagation(), d12) {
|
|
5791
|
+
Z2(s22.layer.id, t26.pointerId, d12);
|
|
5792
5792
|
return;
|
|
5793
5793
|
}
|
|
5794
|
-
|
|
5794
|
+
u14 !== void 0 && (T3 && (L2.current.push(o23), R2.current = []), m8?.(s22.layer.id, u14, l18));
|
|
5795
5795
|
return;
|
|
5796
5796
|
}
|
|
5797
5797
|
let s21 = null;
|
|
5798
|
-
for (let e20 =
|
|
5799
|
-
let c16 =
|
|
5798
|
+
for (let e20 = i26.length - 1; e20 >= 0; e20--) {
|
|
5799
|
+
let c16 = i26[e20];
|
|
5800
5800
|
if (!c16.layer.onEmptyPointerDown) continue;
|
|
5801
|
-
let
|
|
5801
|
+
let l18 = c16.state, u14, d12 = c16.layer.onEmptyPointerDown(l18, n29.model, a24, r28, {
|
|
5802
5802
|
plot: n29.plot,
|
|
5803
5803
|
model: n29.model,
|
|
5804
5804
|
commit(e21) {
|
|
5805
|
-
|
|
5805
|
+
u14 = e21, p10(c16.layer.id, e21);
|
|
5806
5806
|
}
|
|
5807
5807
|
});
|
|
5808
|
-
if (
|
|
5809
|
-
Z2(c16.layer.id, t26.pointerId,
|
|
5808
|
+
if (d12) {
|
|
5809
|
+
Z2(c16.layer.id, t26.pointerId, d12), u14 !== void 0 && P3.current !== null && (P3.current.startStates = o23, P3.current.startSelfState = o23.get(c16.layer.id));
|
|
5810
5810
|
return;
|
|
5811
5811
|
}
|
|
5812
|
-
if (
|
|
5812
|
+
if (u14 !== void 0) {
|
|
5813
5813
|
s21 = {
|
|
5814
5814
|
id: c16.layer.id,
|
|
5815
|
-
next:
|
|
5816
|
-
prev:
|
|
5815
|
+
next: u14,
|
|
5816
|
+
prev: l18
|
|
5817
5817
|
};
|
|
5818
5818
|
break;
|
|
5819
5819
|
}
|
|
@@ -5822,7 +5822,7 @@ function P2(l16) {
|
|
|
5822
5822
|
}, [
|
|
5823
5823
|
M3,
|
|
5824
5824
|
Z2,
|
|
5825
|
-
|
|
5825
|
+
p10,
|
|
5826
5826
|
m8,
|
|
5827
5827
|
T3,
|
|
5828
5828
|
z2
|
|
@@ -5839,9 +5839,9 @@ function P2(l16) {
|
|
|
5839
5839
|
return;
|
|
5840
5840
|
}
|
|
5841
5841
|
}
|
|
5842
|
-
for (let
|
|
5843
|
-
let
|
|
5844
|
-
if (
|
|
5842
|
+
for (let r28 = n29.length - 1; r28 >= 0; r28--) {
|
|
5843
|
+
let i26 = n29[r28];
|
|
5844
|
+
if (i26.layer.onKeyDown?.(i26.state, e20.nativeEvent, t26), e20.isDefaultPrevented()) return;
|
|
5845
5845
|
}
|
|
5846
5846
|
}, [
|
|
5847
5847
|
T3,
|
|
@@ -5868,14 +5868,14 @@ function P2(l16) {
|
|
|
5868
5868
|
style: C3,
|
|
5869
5869
|
width: h6,
|
|
5870
5870
|
height: g5,
|
|
5871
|
-
xRange:
|
|
5871
|
+
xRange: _6,
|
|
5872
5872
|
yRange: v3,
|
|
5873
|
-
grid:
|
|
5873
|
+
grid: y4,
|
|
5874
5874
|
axes: b3,
|
|
5875
5875
|
tabIndex: T3 ? 0 : void 0,
|
|
5876
5876
|
onPointerDown: Q2,
|
|
5877
5877
|
onKeyDown: $2,
|
|
5878
|
-
children: [w3,
|
|
5878
|
+
children: [w3, f12.map((e20) => {
|
|
5879
5879
|
let t26 = {
|
|
5880
5880
|
...ee2,
|
|
5881
5881
|
modifiers: {
|
|
@@ -5894,30 +5894,30 @@ function P2(l16) {
|
|
|
5894
5894
|
});
|
|
5895
5895
|
}
|
|
5896
5896
|
function F2(e20) {
|
|
5897
|
-
let { value: t26, onChange: n29, onChangeCommit:
|
|
5897
|
+
let { value: t26, onChange: n29, onChangeCommit: r28, domain: l17, endpoints: d12, interpolation: f12, constrain: p10, addPointMode: m8, minPoints: h6, maxPoints: g5, curve: _6, fill: v3, hideNonInteractive: y4, renderAnchor: b3, width: x3, height: S3, xRange: C3, yRange: w3, grid: T3, axes: E3, history: D3, className: O3, style: k3, decorations: A3 } = e20, M3 = useMemo(() => j2({
|
|
5898
5898
|
id: "function",
|
|
5899
|
-
domain:
|
|
5900
|
-
endpoints:
|
|
5901
|
-
interpolation:
|
|
5902
|
-
constrain:
|
|
5899
|
+
domain: l17,
|
|
5900
|
+
endpoints: d12,
|
|
5901
|
+
interpolation: f12,
|
|
5902
|
+
constrain: p10,
|
|
5903
5903
|
addPointMode: m8,
|
|
5904
5904
|
minPoints: h6,
|
|
5905
5905
|
maxPoints: g5,
|
|
5906
|
-
curve:
|
|
5906
|
+
curve: _6,
|
|
5907
5907
|
fill: v3,
|
|
5908
|
-
hideNonInteractive:
|
|
5908
|
+
hideNonInteractive: y4,
|
|
5909
5909
|
renderAnchor: b3
|
|
5910
5910
|
}), [
|
|
5911
|
-
|
|
5912
|
-
|
|
5913
|
-
|
|
5914
|
-
|
|
5911
|
+
l17,
|
|
5912
|
+
d12,
|
|
5913
|
+
f12,
|
|
5914
|
+
p10,
|
|
5915
5915
|
m8,
|
|
5916
5916
|
h6,
|
|
5917
5917
|
g5,
|
|
5918
|
-
|
|
5918
|
+
_6,
|
|
5919
5919
|
v3,
|
|
5920
|
-
|
|
5920
|
+
y4,
|
|
5921
5921
|
b3
|
|
5922
5922
|
]), [N3, F3] = useState(() => ({
|
|
5923
5923
|
points: t26,
|
|
@@ -5930,32 +5930,32 @@ function F2(e20) {
|
|
|
5930
5930
|
});
|
|
5931
5931
|
}, [t26]);
|
|
5932
5932
|
let L2 = useCallback((e21, t27) => {
|
|
5933
|
-
let
|
|
5934
|
-
F3(
|
|
5933
|
+
let r29 = t27, i26 = I3.current.points;
|
|
5934
|
+
F3(r29), r29.points !== i26 && n29(r29.points);
|
|
5935
5935
|
}, [n29]), R2 = useCallback((e21, t27, n30) => {
|
|
5936
|
-
if (!
|
|
5937
|
-
let
|
|
5938
|
-
|
|
5939
|
-
}, [
|
|
5936
|
+
if (!r28) return;
|
|
5937
|
+
let i26 = t27, a24 = n30;
|
|
5938
|
+
i26.points !== a24.points && r28(i26.points, a24.points);
|
|
5939
|
+
}, [r28]);
|
|
5940
5940
|
return /* @__PURE__ */ jsx("div", {
|
|
5941
5941
|
onContextMenu: useCallback((e21) => {
|
|
5942
5942
|
let t27 = e21.target?.closest?.("[data-anchor-index]");
|
|
5943
5943
|
if (!t27) return;
|
|
5944
5944
|
e21.preventDefault(), e21.stopPropagation();
|
|
5945
|
-
let
|
|
5946
|
-
if (
|
|
5947
|
-
let a24 = Number(
|
|
5948
|
-
if (!Number.isInteger(a24) || a24 < 0 || a24 >= o23.length || o23[a24]?.locked ||
|
|
5945
|
+
let i26 = t27.getAttribute("data-anchor-index");
|
|
5946
|
+
if (i26 === null) return;
|
|
5947
|
+
let a24 = Number(i26), o23 = I3.current.points;
|
|
5948
|
+
if (!Number.isInteger(a24) || a24 < 0 || a24 >= o23.length || o23[a24]?.locked || d12 !== void 0 && d12 !== "free" && (a24 === 0 || a24 === o23.length - 1) || h6 !== void 0 && o23.length <= h6) return;
|
|
5949
5949
|
let s21 = o23.filter((e22, t28) => t28 !== a24);
|
|
5950
5950
|
F3({
|
|
5951
5951
|
points: s21,
|
|
5952
5952
|
activeIndex: null
|
|
5953
|
-
}), n29(s21),
|
|
5953
|
+
}), n29(s21), r28?.(s21, o23);
|
|
5954
5954
|
}, [
|
|
5955
|
-
|
|
5955
|
+
d12,
|
|
5956
5956
|
h6,
|
|
5957
5957
|
n29,
|
|
5958
|
-
|
|
5958
|
+
r28
|
|
5959
5959
|
]),
|
|
5960
5960
|
style: { display: "contents" },
|
|
5961
5961
|
children: /* @__PURE__ */ jsx(P2, {
|
|
@@ -5987,29 +5987,29 @@ function n28(n29) {
|
|
|
5987
5987
|
endpoints: "free"
|
|
5988
5988
|
});
|
|
5989
5989
|
}
|
|
5990
|
-
var
|
|
5990
|
+
var f11 = {
|
|
5991
5991
|
angleDeg: 135,
|
|
5992
5992
|
stripe: 2,
|
|
5993
5993
|
gap: 4,
|
|
5994
5994
|
dim: 75
|
|
5995
5995
|
};
|
|
5996
|
-
function
|
|
5997
|
-
let { gradient: t26, samples: n29 = 16, activeRange:
|
|
5996
|
+
function p9(e20) {
|
|
5997
|
+
let { gradient: t26, samples: n29 = 16, activeRange: r28, hatch: i26 } = e20;
|
|
5998
5998
|
return (e21) => {
|
|
5999
5999
|
let a24 = [];
|
|
6000
6000
|
for (let e22 = 0; e22 <= n29; e22++) {
|
|
6001
|
-
let
|
|
6002
|
-
a24.push(`${t26(
|
|
6001
|
+
let r29 = e22 / n29;
|
|
6002
|
+
a24.push(`${t26(r29)} ${(r29 * 100).toFixed(1)}%`);
|
|
6003
6003
|
}
|
|
6004
6004
|
let o23 = `linear-gradient(to right, ${a24.join(", ")})`, s21 = [];
|
|
6005
|
-
if (
|
|
6006
|
-
let t27 = e21.valueToFraction(
|
|
6007
|
-
...
|
|
6008
|
-
...
|
|
6009
|
-
}, o24 = `repeating-linear-gradient(${a25.angleDeg}deg, transparent 0 ${a25.stripe}px, var(--wzl-
|
|
6010
|
-
if (t27 > 0 && (s21.push(`${
|
|
6005
|
+
if (r28) {
|
|
6006
|
+
let t27 = e21.valueToFraction(r28[0]) * 100, n30 = e21.valueToFraction(r28[1]) * 100, a25 = {
|
|
6007
|
+
...f11,
|
|
6008
|
+
...i26
|
|
6009
|
+
}, o24 = `repeating-linear-gradient(${a25.angleDeg}deg, transparent 0 ${a25.stripe}px, var(--wzl-surface) ${a25.stripe}px ${a25.stripe + a25.gap}px)`, c16 = `color-mix(in srgb, var(--wzl-surface) ${a25.dim}%, transparent)`, l17 = `linear-gradient(${c16}, ${c16})`;
|
|
6010
|
+
if (t27 > 0 && (s21.push(`${l17} left 0 / ${t27.toFixed(2)}% 100% no-repeat`), s21.push(`${o24} left 0 / ${t27.toFixed(2)}% 100% no-repeat`)), n30 < 100) {
|
|
6011
6011
|
let e22 = (100 - n30).toFixed(2);
|
|
6012
|
-
s21.push(`${
|
|
6012
|
+
s21.push(`${l17} right 0 / ${e22}% 100% no-repeat`), s21.push(`${o24} right 0 / ${e22}% 100% no-repeat`);
|
|
6013
6013
|
}
|
|
6014
6014
|
}
|
|
6015
6015
|
return s21.push(o23), /* @__PURE__ */ jsx("div", { style: {
|
|
@@ -6019,8 +6019,10 @@ function Ie2(e20) {
|
|
|
6019
6019
|
} });
|
|
6020
6020
|
};
|
|
6021
6021
|
}
|
|
6022
|
+
|
|
6023
|
+
// ../ui/dist/index.js
|
|
6022
6024
|
function Le2(e20, t26, n29) {
|
|
6023
|
-
let [
|
|
6025
|
+
let [r28, i26, a24] = oklchToOklab(e20, t26, n29 * Math.PI / 180), [o23, s21, c16] = oklabToSrgbU8(r28, i26, a24);
|
|
6024
6026
|
return rgbaToHex([
|
|
6025
6027
|
o23 / 255,
|
|
6026
6028
|
s21 / 255,
|
|
@@ -6028,10 +6030,10 @@ function Le2(e20, t26, n29) {
|
|
|
6028
6030
|
]);
|
|
6029
6031
|
}
|
|
6030
6032
|
function Re2(e20, t26) {
|
|
6031
|
-
let [n29,
|
|
6032
|
-
return e20 <= n29 ? t26.cBot : e20 >=
|
|
6033
|
+
let [n29, r28] = t26.lRange;
|
|
6034
|
+
return e20 <= n29 ? t26.cBot : e20 >= r28 ? t26.cTop : e20 <= t26.midL ? t26.cBot + (t26.cPeak - t26.cBot) * ((e20 - n29) / (t26.midL - n29)) : t26.cPeak + (t26.cTop - t26.cPeak) * ((e20 - t26.midL) / (r28 - t26.midL));
|
|
6033
6035
|
}
|
|
6034
6036
|
|
|
6035
|
-
export { F2 as F, Ft,
|
|
6036
|
-
//# sourceMappingURL=chunk-
|
|
6037
|
-
//# sourceMappingURL=chunk-
|
|
6037
|
+
export { F2 as F, Ft, Le2 as Le, Re2 as Re, _, _3 as _2, a4 as a, a7 as a2, a17 as a3, c5 as c, c12 as c2, c13 as c3, d4 as d, d8 as d2, e7 as e, f, f5 as f2, f6 as f3, h3 as h, l4 as l, l9 as l2, l10 as l3, l13 as l4, m2 as m, m6 as m2, n14 as n, n22 as n2, n25 as n3, n28 as n4, o5 as o, o6 as o2, o10 as o3, o17 as o4, o18 as o5, o20 as o6, p, p4 as p2, p5 as p3, p7 as p4, p9 as p5, qe, r12 as r, r14 as r2, s5 as s, s6 as s2, s8 as s3, s9 as s4, s10 as s5, s18 as s6, u4 as u, u6 as u2, u8 as u3, u10 as u4 };
|
|
6038
|
+
//# sourceMappingURL=chunk-FP5LYDVX.js.map
|
|
6039
|
+
//# sourceMappingURL=chunk-FP5LYDVX.js.map
|