@efficiency-point/design-system 0.1.42 → 0.1.44
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 +4 -3
- package/dist/components/DSBadge/DSBadge.d.ts +1 -1
- package/dist/components/DSBadge/DSBadge.d.ts.map +1 -1
- package/dist/components/DSCounterBadge/DSCounterBadge.d.ts +1 -1
- package/dist/components/DSCounterBadge/DSCounterBadge.d.ts.map +1 -1
- package/dist/components/DSIcon/DSIcon.d.ts +2 -1
- package/dist/components/DSIcon/DSIcon.d.ts.map +1 -1
- package/dist/components/DSIcon/source/IconApplicationActions.d.ts +7 -0
- package/dist/components/DSIcon/source/IconApplicationActions.d.ts.map +1 -0
- package/dist/components/DSIcon/source/index.d.ts +5 -0
- package/dist/components/DSIcon/source/index.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.es.js +968 -902
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -4,17 +4,18 @@ import { createPortal as _ } from "react-dom";
|
|
|
4
4
|
import { createSortedRowModel as v, rowSortingFeature as y, tableFeatures as b, useTable as x } from "@tanstack/react-table";
|
|
5
5
|
import { create as S } from "zustand";
|
|
6
6
|
var C = {
|
|
7
|
-
badge: "
|
|
8
|
-
sm: "
|
|
9
|
-
md: "
|
|
10
|
-
neutral: "
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
badge: "_badge_1tup7_1",
|
|
8
|
+
sm: "_sm_1tup7_29",
|
|
9
|
+
md: "_md_1tup7_39",
|
|
10
|
+
neutral: "_neutral_1tup7_49",
|
|
11
|
+
brand: "_brand_1tup7_61",
|
|
12
|
+
info: "_info_1tup7_73",
|
|
13
|
+
success: "_success_1tup7_85",
|
|
14
|
+
warning: "_warning_1tup7_97",
|
|
15
|
+
error: "_error_1tup7_109",
|
|
16
|
+
dot: "_dot_1tup7_121",
|
|
17
|
+
icon: "_icon_1tup7_137",
|
|
18
|
+
label: "_label_1tup7_147"
|
|
18
19
|
}, w = ({ children: e, variant: r = "neutral", size: i = "md", dot: a = !1, icon: o, className: s = "" }) => /* @__PURE__ */ n("span", {
|
|
19
20
|
className: `${C.badge} ${C[r]} ${C[i]} ${s}`,
|
|
20
21
|
children: [
|
|
@@ -33,14 +34,15 @@ var C = {
|
|
|
33
34
|
})
|
|
34
35
|
]
|
|
35
36
|
}), T = {
|
|
36
|
-
badge: "
|
|
37
|
-
sm: "
|
|
38
|
-
md: "
|
|
39
|
-
neutral: "
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
37
|
+
badge: "_badge_1qsds_1",
|
|
38
|
+
sm: "_sm_1qsds_25",
|
|
39
|
+
md: "_md_1qsds_37",
|
|
40
|
+
neutral: "_neutral_1qsds_51",
|
|
41
|
+
brand: "_brand_1qsds_63",
|
|
42
|
+
info: "_info_1qsds_75",
|
|
43
|
+
success: "_success_1qsds_87",
|
|
44
|
+
warning: "_warning_1qsds_99",
|
|
45
|
+
error: "_error_1qsds_111"
|
|
44
46
|
}, E = (e, t = 99) => {
|
|
45
47
|
let n = Math.max(0, Math.floor(e)), r = Math.max(0, Math.floor(t));
|
|
46
48
|
return n > r ? `${r}+` : String(n);
|
|
@@ -53,17 +55,17 @@ var C = {
|
|
|
53
55
|
children: E(l, n)
|
|
54
56
|
});
|
|
55
57
|
}, O = {
|
|
56
|
-
container: "
|
|
57
|
-
inner: "
|
|
58
|
-
line: "
|
|
59
|
-
primary: "
|
|
60
|
-
secondary: "
|
|
61
|
-
outline: "
|
|
62
|
-
ghost: "
|
|
63
|
-
empty: "
|
|
64
|
-
destructive: "
|
|
65
|
-
destructiveOutline: "
|
|
66
|
-
grow: "
|
|
58
|
+
container: "_container_bvxhv_1",
|
|
59
|
+
inner: "_inner_bvxhv_21",
|
|
60
|
+
line: "_line_bvxhv_39",
|
|
61
|
+
primary: "_primary_bvxhv_57",
|
|
62
|
+
secondary: "_secondary_bvxhv_65",
|
|
63
|
+
outline: "_outline_bvxhv_73",
|
|
64
|
+
ghost: "_ghost_bvxhv_81",
|
|
65
|
+
empty: "_empty_bvxhv_89",
|
|
66
|
+
destructive: "_destructive_bvxhv_97",
|
|
67
|
+
destructiveOutline: "_destructiveOutline_bvxhv_105",
|
|
68
|
+
grow: "_grow_bvxhv_1"
|
|
67
69
|
}, k = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
68
70
|
className: `${O.container} ${O[e]}`,
|
|
69
71
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -76,17 +78,17 @@ var C = {
|
|
|
76
78
|
]
|
|
77
79
|
})
|
|
78
80
|
}), A = {
|
|
79
|
-
button: "
|
|
80
|
-
sm: "
|
|
81
|
-
md: "
|
|
82
|
-
lg: "
|
|
83
|
-
primary: "
|
|
84
|
-
secondary: "
|
|
85
|
-
outline: "
|
|
86
|
-
ghost: "
|
|
87
|
-
empty: "
|
|
88
|
-
destructive: "
|
|
89
|
-
destructiveOutline: "
|
|
81
|
+
button: "_button_1fayv_1",
|
|
82
|
+
sm: "_sm_1fayv_59",
|
|
83
|
+
md: "_md_1fayv_73",
|
|
84
|
+
lg: "_lg_1fayv_87",
|
|
85
|
+
primary: "_primary_1fayv_101",
|
|
86
|
+
secondary: "_secondary_1fayv_115",
|
|
87
|
+
outline: "_outline_1fayv_129",
|
|
88
|
+
ghost: "_ghost_1fayv_143",
|
|
89
|
+
empty: "_empty_1fayv_157",
|
|
90
|
+
destructive: "_destructive_1fayv_171",
|
|
91
|
+
destructiveOutline: "_destructiveOutline_1fayv_183"
|
|
90
92
|
}, j = s(({ children: e, variant: n = "primary", size: r = "md", isLoading: i = !1, disabled: a, type: o = "button", className: s = "", ...c }, l) => /* @__PURE__ */ t("button", {
|
|
91
93
|
ref: l,
|
|
92
94
|
className: `${A.button} ${A[n]} ${A[r]} ${s}`,
|
|
@@ -248,17 +250,17 @@ var M = {
|
|
|
248
250
|
y: "3",
|
|
249
251
|
rx: "2"
|
|
250
252
|
}), /* @__PURE__ */ t("path", { d: "M3 9h18M9 21V9" })]
|
|
251
|
-
}),
|
|
253
|
+
}), G = (e) => /* @__PURE__ */ t(P, {
|
|
252
254
|
...e,
|
|
253
255
|
children: /* @__PURE__ */ t("path", {
|
|
254
256
|
d: "M8 5v14M16 5v14",
|
|
255
257
|
strokeWidth: "3"
|
|
256
258
|
})
|
|
257
|
-
}),
|
|
259
|
+
}), le = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(P, {
|
|
258
260
|
strokeWidth: e,
|
|
259
261
|
...n,
|
|
260
262
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14M5 12h14" })
|
|
261
|
-
}),
|
|
263
|
+
}), ue = (e) => /* @__PURE__ */ n(P, {
|
|
262
264
|
...e,
|
|
263
265
|
children: [
|
|
264
266
|
/* @__PURE__ */ t("path", { d: "M12 22v-5" }),
|
|
@@ -266,60 +268,60 @@ var M = {
|
|
|
266
268
|
/* @__PURE__ */ t("path", { d: "M15 8V2" }),
|
|
267
269
|
/* @__PURE__ */ t("path", { d: "M18 8v5a6 6 0 0 1-12 0V8Z" })
|
|
268
270
|
]
|
|
269
|
-
}),
|
|
271
|
+
}), de = (e) => /* @__PURE__ */ t(P, {
|
|
270
272
|
...e,
|
|
271
273
|
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
272
|
-
}),
|
|
274
|
+
}), K = (e) => /* @__PURE__ */ t(P, {
|
|
273
275
|
...e,
|
|
274
276
|
children: /* @__PURE__ */ t("path", {
|
|
275
277
|
d: "m8 5 11 7-11 7V5Z",
|
|
276
278
|
fill: "currentColor",
|
|
277
279
|
stroke: "none"
|
|
278
280
|
})
|
|
279
|
-
}),
|
|
281
|
+
}), fe = (e) => /* @__PURE__ */ t(P, {
|
|
280
282
|
...e,
|
|
281
283
|
children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
|
|
282
|
-
}),
|
|
284
|
+
}), pe = (e) => /* @__PURE__ */ t(P, {
|
|
283
285
|
...e,
|
|
284
286
|
children: /* @__PURE__ */ t("path", { d: "M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm7.4 5.2.1-1.7-.1-1.7 2-1.5-2-3.4-2.4 1a8 8 0 0 0-2.9-1.7L13.8 2h-3.9l-.4 2.7a8 8 0 0 0-2.8 1.7l-2.5-1-2 3.4 2.1 1.5-.1 1.7.1 1.7-2.1 1.5 2 3.4 2.5-1a8 8 0 0 0 2.8 1.7l.4 2.7h3.9l.3-2.7a8 8 0 0 0 2.9-1.7l2.4 1 2-3.4-2-1.5Z" })
|
|
285
|
-
}),
|
|
287
|
+
}), me = (e) => /* @__PURE__ */ t(P, {
|
|
286
288
|
...e,
|
|
287
289
|
children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
|
|
288
|
-
}),
|
|
290
|
+
}), he = (e) => /* @__PURE__ */ t(P, {
|
|
289
291
|
...e,
|
|
290
292
|
children: /* @__PURE__ */ t("path", { d: "M4 9h5V4m6 5h5V4M4 15h5v5m6-5h5v5" })
|
|
291
|
-
}),
|
|
293
|
+
}), ge = (e) => /* @__PURE__ */ t(P, {
|
|
292
294
|
...e,
|
|
293
295
|
children: /* @__PURE__ */ t("path", { d: "M4 6h16v12H4V6Zm7 4a2 2 0 1 0 0 4m7-4a2 2 0 1 0 0 4" })
|
|
294
|
-
}),
|
|
296
|
+
}), _e = (e) => /* @__PURE__ */ t(P, {
|
|
295
297
|
...e,
|
|
296
298
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12-1c1.3 1.5 1.3 4.5 0 6m2.5-8.5c3 3 3 8 0 11" })
|
|
297
|
-
}),
|
|
299
|
+
}), ve = (e) => /* @__PURE__ */ t(P, {
|
|
298
300
|
...e,
|
|
299
301
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
300
|
-
}),
|
|
302
|
+
}), ye = (e) => /* @__PURE__ */ t(P, {
|
|
301
303
|
...e,
|
|
302
304
|
children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
|
|
303
|
-
}),
|
|
305
|
+
}), be = (e) => /* @__PURE__ */ t(P, {
|
|
304
306
|
...e,
|
|
305
307
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
306
|
-
}),
|
|
308
|
+
}), xe = (e) => /* @__PURE__ */ t(P, {
|
|
307
309
|
...e,
|
|
308
310
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
309
|
-
}),
|
|
311
|
+
}), Se = (e) => /* @__PURE__ */ n(P, {
|
|
310
312
|
...e,
|
|
311
313
|
children: [/* @__PURE__ */ t("circle", {
|
|
312
314
|
cx: "12",
|
|
313
315
|
cy: "12",
|
|
314
316
|
r: "10"
|
|
315
317
|
}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
|
|
316
|
-
}),
|
|
318
|
+
}), Ce = (e) => /* @__PURE__ */ t(P, {
|
|
317
319
|
...e,
|
|
318
320
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
319
|
-
}),
|
|
321
|
+
}), we = (e) => /* @__PURE__ */ n(P, {
|
|
320
322
|
...e,
|
|
321
323
|
children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
|
|
322
|
-
}),
|
|
324
|
+
}), Te = (e) => /* @__PURE__ */ n(P, {
|
|
323
325
|
...e,
|
|
324
326
|
children: [
|
|
325
327
|
/* @__PURE__ */ t("path", { d: "M3 6h18" }),
|
|
@@ -338,59 +340,119 @@ var M = {
|
|
|
338
340
|
y2: "17"
|
|
339
341
|
})
|
|
340
342
|
]
|
|
341
|
-
}),
|
|
343
|
+
}), Ee = (e) => /* @__PURE__ */ t(P, {
|
|
344
|
+
...e,
|
|
345
|
+
children: /* @__PURE__ */ t("path", { d: "m21.4 11.6-8.9 8.9a6 6 0 0 1-8.5-8.5l9.6-9.6a4 4 0 0 1 5.7 5.7l-9.6 9.6a2 2 0 0 1-2.8-2.8l8.9-8.9" })
|
|
346
|
+
}), q = (e) => /* @__PURE__ */ n(P, {
|
|
347
|
+
...e,
|
|
348
|
+
children: [/* @__PURE__ */ t("path", { d: "m22 2-7 20-4-9-9-4Z" }), /* @__PURE__ */ t("path", { d: "M22 2 11 13" })]
|
|
349
|
+
}), De = (e) => /* @__PURE__ */ n(P, {
|
|
350
|
+
...e,
|
|
351
|
+
children: [
|
|
352
|
+
/* @__PURE__ */ t("circle", {
|
|
353
|
+
cx: "12",
|
|
354
|
+
cy: "12",
|
|
355
|
+
r: "10"
|
|
356
|
+
}),
|
|
357
|
+
/* @__PURE__ */ t("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
|
|
358
|
+
/* @__PURE__ */ t("path", { d: "M9 9h.01M15 9h.01" })
|
|
359
|
+
]
|
|
360
|
+
}), Oe = (e) => /* @__PURE__ */ n(P, {
|
|
361
|
+
...e,
|
|
362
|
+
children: [
|
|
363
|
+
/* @__PURE__ */ t("circle", {
|
|
364
|
+
cx: "12",
|
|
365
|
+
cy: "5",
|
|
366
|
+
r: "1",
|
|
367
|
+
fill: "currentColor",
|
|
368
|
+
stroke: "none"
|
|
369
|
+
}),
|
|
370
|
+
/* @__PURE__ */ t("circle", {
|
|
371
|
+
cx: "12",
|
|
372
|
+
cy: "12",
|
|
373
|
+
r: "1",
|
|
374
|
+
fill: "currentColor",
|
|
375
|
+
stroke: "none"
|
|
376
|
+
}),
|
|
377
|
+
/* @__PURE__ */ t("circle", {
|
|
378
|
+
cx: "12",
|
|
379
|
+
cy: "19",
|
|
380
|
+
r: "1",
|
|
381
|
+
fill: "currentColor",
|
|
382
|
+
stroke: "none"
|
|
383
|
+
})
|
|
384
|
+
]
|
|
385
|
+
}), ke = (e) => /* @__PURE__ */ t(P, {
|
|
386
|
+
...e,
|
|
387
|
+
children: [
|
|
388
|
+
5,
|
|
389
|
+
12,
|
|
390
|
+
19
|
|
391
|
+
].flatMap((e) => [
|
|
392
|
+
5,
|
|
393
|
+
12,
|
|
394
|
+
19
|
|
395
|
+
].map((n) => /* @__PURE__ */ t("circle", {
|
|
396
|
+
cx: n,
|
|
397
|
+
cy: e,
|
|
398
|
+
r: "1.5",
|
|
399
|
+
fill: "currentColor",
|
|
400
|
+
stroke: "none"
|
|
401
|
+
}, `${n}-${e}`)))
|
|
402
|
+
}), J = (e) => (n) => /* @__PURE__ */ t(P, {
|
|
342
403
|
...n,
|
|
343
404
|
children: e.map(([e, t], n) => o(e, {
|
|
344
405
|
...t,
|
|
345
406
|
key: t.key ?? `${e}-${n}`
|
|
346
407
|
}))
|
|
347
|
-
}),
|
|
348
|
-
|
|
408
|
+
}), Ae = {
|
|
409
|
+
IconAppsGrid: ke,
|
|
410
|
+
IconActivity: J([["path", {
|
|
349
411
|
d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
|
|
350
412
|
key: "169zse"
|
|
351
413
|
}]]),
|
|
352
414
|
IconArchive: R,
|
|
353
|
-
IconAlertTriangle:
|
|
415
|
+
IconAlertTriangle: J([
|
|
354
416
|
["path", { d: "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }],
|
|
355
417
|
["path", { d: "M12 9v4" }],
|
|
356
418
|
["path", { d: "M12 17h.01" }]
|
|
357
419
|
]),
|
|
358
|
-
IconArrowDown:
|
|
420
|
+
IconArrowDown: J([["path", {
|
|
359
421
|
d: "M12 5v14",
|
|
360
422
|
key: "s699le"
|
|
361
423
|
}], ["path", {
|
|
362
424
|
d: "m19 12-7 7-7-7",
|
|
363
425
|
key: "1idqje"
|
|
364
426
|
}]]),
|
|
365
|
-
IconArrowLeft:
|
|
427
|
+
IconArrowLeft: J([["path", {
|
|
366
428
|
d: "m12 19-7-7 7-7",
|
|
367
429
|
key: "1l729n"
|
|
368
430
|
}], ["path", {
|
|
369
431
|
d: "M19 12H5",
|
|
370
432
|
key: "x3x0zl"
|
|
371
433
|
}]]),
|
|
372
|
-
IconArrowRight:
|
|
434
|
+
IconArrowRight: J([["path", {
|
|
373
435
|
d: "M5 12h14",
|
|
374
436
|
key: "1ays0h"
|
|
375
437
|
}], ["path", {
|
|
376
438
|
d: "m12 5 7 7-7 7",
|
|
377
439
|
key: "xquz4c"
|
|
378
440
|
}]]),
|
|
379
|
-
IconArrowUp:
|
|
441
|
+
IconArrowUp: J([["path", {
|
|
380
442
|
d: "m5 12 7-7 7 7",
|
|
381
443
|
key: "hav0vg"
|
|
382
444
|
}], ["path", {
|
|
383
445
|
d: "M12 19V5",
|
|
384
446
|
key: "x0mq9r"
|
|
385
447
|
}]]),
|
|
386
|
-
IconArrowUpRight:
|
|
448
|
+
IconArrowUpRight: J([["path", {
|
|
387
449
|
d: "M7 7h10v10",
|
|
388
450
|
key: "1tivn9"
|
|
389
451
|
}], ["path", {
|
|
390
452
|
d: "M7 17 17 7",
|
|
391
453
|
key: "1vkiza"
|
|
392
454
|
}]]),
|
|
393
|
-
IconBarChart3:
|
|
455
|
+
IconBarChart3: J([
|
|
394
456
|
["path", { d: "M3 3v18h18" }],
|
|
395
457
|
["path", { d: "M18 17V9" }],
|
|
396
458
|
["path", { d: "M13 17V5" }],
|
|
@@ -398,14 +460,14 @@ var M = {
|
|
|
398
460
|
]),
|
|
399
461
|
IconBedDouble: I,
|
|
400
462
|
IconBookText: L,
|
|
401
|
-
IconBell:
|
|
463
|
+
IconBell: J([["path", {
|
|
402
464
|
d: "M10.268 21a2 2 0 0 0 3.464 0",
|
|
403
465
|
key: "vwvbt9"
|
|
404
466
|
}], ["path", {
|
|
405
467
|
d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
|
|
406
468
|
key: "11g9vi"
|
|
407
469
|
}]]),
|
|
408
|
-
IconBoxes:
|
|
470
|
+
IconBoxes: J([
|
|
409
471
|
["path", {
|
|
410
472
|
d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",
|
|
411
473
|
key: "lc1i9w"
|
|
@@ -455,7 +517,7 @@ var M = {
|
|
|
455
517
|
key: "1io7kd"
|
|
456
518
|
}]
|
|
457
519
|
]),
|
|
458
|
-
IconBuilding2:
|
|
520
|
+
IconBuilding2: J([
|
|
459
521
|
["path", {
|
|
460
522
|
d: "M10 12h4",
|
|
461
523
|
key: "a56b0p"
|
|
@@ -477,7 +539,7 @@ var M = {
|
|
|
477
539
|
key: "16ra0t"
|
|
478
540
|
}]
|
|
479
541
|
]),
|
|
480
|
-
IconCamera:
|
|
542
|
+
IconCamera: J([["path", {
|
|
481
543
|
d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
|
|
482
544
|
key: "18u6gg"
|
|
483
545
|
}], ["circle", {
|
|
@@ -486,7 +548,7 @@ var M = {
|
|
|
486
548
|
r: "3",
|
|
487
549
|
key: "1vg3eu"
|
|
488
550
|
}]]),
|
|
489
|
-
IconChartNoAxesCombined:
|
|
551
|
+
IconChartNoAxesCombined: J([
|
|
490
552
|
["path", {
|
|
491
553
|
d: "M12 16v5",
|
|
492
554
|
key: "zza2cw"
|
|
@@ -512,11 +574,11 @@ var M = {
|
|
|
512
574
|
key: "1t2idw"
|
|
513
575
|
}]
|
|
514
576
|
]),
|
|
515
|
-
IconChevronRight:
|
|
577
|
+
IconChevronRight: J([["path", {
|
|
516
578
|
d: "m9 18 6-6-6-6",
|
|
517
579
|
key: "mthhwq"
|
|
518
580
|
}]]),
|
|
519
|
-
IconCircleAlert:
|
|
581
|
+
IconCircleAlert: J([
|
|
520
582
|
["circle", {
|
|
521
583
|
cx: "12",
|
|
522
584
|
cy: "12",
|
|
@@ -538,7 +600,7 @@ var M = {
|
|
|
538
600
|
key: "4dfq90"
|
|
539
601
|
}]
|
|
540
602
|
]),
|
|
541
|
-
IconClock3:
|
|
603
|
+
IconClock3: J([["circle", {
|
|
542
604
|
cx: "12",
|
|
543
605
|
cy: "12",
|
|
544
606
|
r: "10",
|
|
@@ -548,7 +610,7 @@ var M = {
|
|
|
548
610
|
key: "135r8i"
|
|
549
611
|
}]]),
|
|
550
612
|
IconCopy: H,
|
|
551
|
-
IconDownload:
|
|
613
|
+
IconDownload: J([
|
|
552
614
|
["path", {
|
|
553
615
|
d: "M12 15V3",
|
|
554
616
|
key: "m9g1x1"
|
|
@@ -562,7 +624,7 @@ var M = {
|
|
|
562
624
|
key: "brsn70"
|
|
563
625
|
}]
|
|
564
626
|
]),
|
|
565
|
-
IconExternalLink:
|
|
627
|
+
IconExternalLink: J([
|
|
566
628
|
["path", {
|
|
567
629
|
d: "M15 3h6v6",
|
|
568
630
|
key: "1q9fwt"
|
|
@@ -576,7 +638,7 @@ var M = {
|
|
|
576
638
|
key: "a6xqqp"
|
|
577
639
|
}]
|
|
578
640
|
]),
|
|
579
|
-
IconFactory:
|
|
641
|
+
IconFactory: J([
|
|
580
642
|
["path", {
|
|
581
643
|
d: "M12 16h.01",
|
|
582
644
|
key: "1drbdi"
|
|
@@ -595,14 +657,14 @@ var M = {
|
|
|
595
657
|
}]
|
|
596
658
|
]),
|
|
597
659
|
IconFileText: ae,
|
|
598
|
-
IconGauge:
|
|
660
|
+
IconGauge: J([["path", {
|
|
599
661
|
d: "m12 14 4-4",
|
|
600
662
|
key: "9kzdfg"
|
|
601
663
|
}], ["path", {
|
|
602
664
|
d: "M3.34 19a10 10 0 1 1 17.32 0",
|
|
603
665
|
key: "19p75a"
|
|
604
666
|
}]]),
|
|
605
|
-
IconGripVertical:
|
|
667
|
+
IconGripVertical: J([
|
|
606
668
|
["circle", {
|
|
607
669
|
cx: "9",
|
|
608
670
|
cy: "12",
|
|
@@ -640,7 +702,7 @@ var M = {
|
|
|
640
702
|
key: "f4zoj3"
|
|
641
703
|
}]
|
|
642
704
|
]),
|
|
643
|
-
IconLayoutDashboard:
|
|
705
|
+
IconLayoutDashboard: J([
|
|
644
706
|
["rect", {
|
|
645
707
|
width: "7",
|
|
646
708
|
height: "9",
|
|
@@ -674,7 +736,7 @@ var M = {
|
|
|
674
736
|
key: "ldoo1y"
|
|
675
737
|
}]
|
|
676
738
|
]),
|
|
677
|
-
IconLockKeyhole:
|
|
739
|
+
IconLockKeyhole: J([
|
|
678
740
|
["circle", {
|
|
679
741
|
cx: "12",
|
|
680
742
|
cy: "16",
|
|
@@ -694,7 +756,7 @@ var M = {
|
|
|
694
756
|
key: "1pqi11"
|
|
695
757
|
}]
|
|
696
758
|
]),
|
|
697
|
-
IconLogOut:
|
|
759
|
+
IconLogOut: J([
|
|
698
760
|
["path", {
|
|
699
761
|
d: "m16 17 5-5-5-5",
|
|
700
762
|
key: "1bji2h"
|
|
@@ -708,7 +770,7 @@ var M = {
|
|
|
708
770
|
key: "1uf3rs"
|
|
709
771
|
}]
|
|
710
772
|
]),
|
|
711
|
-
IconMaximize2:
|
|
773
|
+
IconMaximize2: J([
|
|
712
774
|
["path", {
|
|
713
775
|
d: "M15 3h6v6",
|
|
714
776
|
key: "1q9fwt"
|
|
@@ -726,7 +788,7 @@ var M = {
|
|
|
726
788
|
key: "wtvkvv"
|
|
727
789
|
}]
|
|
728
790
|
]),
|
|
729
|
-
IconMenu:
|
|
791
|
+
IconMenu: J([
|
|
730
792
|
["path", {
|
|
731
793
|
d: "M4 5h16",
|
|
732
794
|
key: "1tepv9"
|
|
@@ -740,7 +802,7 @@ var M = {
|
|
|
740
802
|
key: "1djgab"
|
|
741
803
|
}]
|
|
742
804
|
]),
|
|
743
|
-
IconPackageCheck:
|
|
805
|
+
IconPackageCheck: J([
|
|
744
806
|
["path", {
|
|
745
807
|
d: "M12 22V12",
|
|
746
808
|
key: "d0xqtd"
|
|
@@ -762,7 +824,7 @@ var M = {
|
|
|
762
824
|
key: "9yrvtv"
|
|
763
825
|
}]
|
|
764
826
|
]),
|
|
765
|
-
IconRefreshCw:
|
|
827
|
+
IconRefreshCw: J([
|
|
766
828
|
["path", {
|
|
767
829
|
d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
|
|
768
830
|
key: "v9h5vc"
|
|
@@ -780,14 +842,14 @@ var M = {
|
|
|
780
842
|
key: "1cv678"
|
|
781
843
|
}]
|
|
782
844
|
]),
|
|
783
|
-
IconRotateCw:
|
|
845
|
+
IconRotateCw: J([["path", {
|
|
784
846
|
d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
|
|
785
847
|
key: "1p45f6"
|
|
786
848
|
}], ["path", {
|
|
787
849
|
d: "M21 3v5h-5",
|
|
788
850
|
key: "1q7to0"
|
|
789
851
|
}]]),
|
|
790
|
-
IconSearch:
|
|
852
|
+
IconSearch: J([["path", {
|
|
791
853
|
d: "m21 21-4.34-4.34",
|
|
792
854
|
key: "14j7rj"
|
|
793
855
|
}], ["circle", {
|
|
@@ -796,7 +858,7 @@ var M = {
|
|
|
796
858
|
r: "8",
|
|
797
859
|
key: "4ej97u"
|
|
798
860
|
}]]),
|
|
799
|
-
IconSettings2:
|
|
861
|
+
IconSettings2: J([
|
|
800
862
|
["path", {
|
|
801
863
|
d: "M14 17H5",
|
|
802
864
|
key: "gfn3mx"
|
|
@@ -818,7 +880,7 @@ var M = {
|
|
|
818
880
|
key: "dfmy0x"
|
|
819
881
|
}]
|
|
820
882
|
]),
|
|
821
|
-
IconShieldAlert:
|
|
883
|
+
IconShieldAlert: J([
|
|
822
884
|
["path", {
|
|
823
885
|
d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
|
|
824
886
|
key: "oel41y"
|
|
@@ -832,14 +894,14 @@ var M = {
|
|
|
832
894
|
key: "1drbdi"
|
|
833
895
|
}]
|
|
834
896
|
]),
|
|
835
|
-
IconShieldCheck:
|
|
897
|
+
IconShieldCheck: J([["path", {
|
|
836
898
|
d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
|
|
837
899
|
key: "oel41y"
|
|
838
900
|
}], ["path", {
|
|
839
901
|
d: "m9 12 2 2 4-4",
|
|
840
902
|
key: "dzmm74"
|
|
841
903
|
}]]),
|
|
842
|
-
IconSmartphone:
|
|
904
|
+
IconSmartphone: J([["rect", {
|
|
843
905
|
width: "14",
|
|
844
906
|
height: "20",
|
|
845
907
|
x: "5",
|
|
@@ -851,7 +913,7 @@ var M = {
|
|
|
851
913
|
d: "M12 18h.01",
|
|
852
914
|
key: "mhygvu"
|
|
853
915
|
}]]),
|
|
854
|
-
IconSparkles:
|
|
916
|
+
IconSparkles: J([
|
|
855
917
|
["path", {
|
|
856
918
|
d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
|
|
857
919
|
key: "1s2grr"
|
|
@@ -871,22 +933,22 @@ var M = {
|
|
|
871
933
|
key: "6kqj1y"
|
|
872
934
|
}]
|
|
873
935
|
]),
|
|
874
|
-
IconTable2:
|
|
936
|
+
IconTable2: J([["path", {
|
|
875
937
|
d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18",
|
|
876
938
|
key: "gugj83"
|
|
877
939
|
}]]),
|
|
878
|
-
IconThermometer:
|
|
940
|
+
IconThermometer: J([["path", {
|
|
879
941
|
d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
|
|
880
942
|
key: "17jzev"
|
|
881
943
|
}]]),
|
|
882
|
-
IconTrendingUp:
|
|
944
|
+
IconTrendingUp: J([["path", {
|
|
883
945
|
d: "M16 7h6v6",
|
|
884
946
|
key: "box55l"
|
|
885
947
|
}], ["path", {
|
|
886
948
|
d: "m22 7-8.5 8.5-5-5L2 17",
|
|
887
949
|
key: "1t1m79"
|
|
888
950
|
}]]),
|
|
889
|
-
IconUserCheck:
|
|
951
|
+
IconUserCheck: J([
|
|
890
952
|
["path", {
|
|
891
953
|
d: "m16 11 2 2 4-4",
|
|
892
954
|
key: "9rsbq5"
|
|
@@ -902,7 +964,7 @@ var M = {
|
|
|
902
964
|
key: "nufk8"
|
|
903
965
|
}]
|
|
904
966
|
]),
|
|
905
|
-
IconUserRound:
|
|
967
|
+
IconUserRound: J([["circle", {
|
|
906
968
|
cx: "12",
|
|
907
969
|
cy: "8",
|
|
908
970
|
r: "5",
|
|
@@ -911,7 +973,7 @@ var M = {
|
|
|
911
973
|
d: "M20 21a8 8 0 0 0-16 0",
|
|
912
974
|
key: "rfgkzh"
|
|
913
975
|
}]]),
|
|
914
|
-
IconUsers:
|
|
976
|
+
IconUsers: J([
|
|
915
977
|
["path", {
|
|
916
978
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
917
979
|
key: "1yyitq"
|
|
@@ -931,7 +993,7 @@ var M = {
|
|
|
931
993
|
key: "nufk8"
|
|
932
994
|
}]
|
|
933
995
|
]),
|
|
934
|
-
IconUserX:
|
|
996
|
+
IconUserX: J([
|
|
935
997
|
["path", {
|
|
936
998
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
937
999
|
key: "1yyitq"
|
|
@@ -957,7 +1019,7 @@ var M = {
|
|
|
957
1019
|
key: "1swrse"
|
|
958
1020
|
}]
|
|
959
1021
|
]),
|
|
960
|
-
IconVideo:
|
|
1022
|
+
IconVideo: J([["path", {
|
|
961
1023
|
d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
|
|
962
1024
|
key: "ftymec"
|
|
963
1025
|
}], ["rect", {
|
|
@@ -968,7 +1030,7 @@ var M = {
|
|
|
968
1030
|
rx: "2",
|
|
969
1031
|
key: "158x01"
|
|
970
1032
|
}]]),
|
|
971
|
-
IconVideoOff:
|
|
1033
|
+
IconVideoOff: J([
|
|
972
1034
|
["path", {
|
|
973
1035
|
d: "M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196",
|
|
974
1036
|
key: "w8jjjt"
|
|
@@ -982,7 +1044,7 @@ var M = {
|
|
|
982
1044
|
key: "1ooewy"
|
|
983
1045
|
}]
|
|
984
1046
|
]),
|
|
985
|
-
IconVolume2:
|
|
1047
|
+
IconVolume2: J([
|
|
986
1048
|
["path", {
|
|
987
1049
|
d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
|
|
988
1050
|
key: "uqj9uw"
|
|
@@ -996,7 +1058,7 @@ var M = {
|
|
|
996
1058
|
key: "ijwkga"
|
|
997
1059
|
}]
|
|
998
1060
|
]),
|
|
999
|
-
IconX:
|
|
1061
|
+
IconX: J([["path", {
|
|
1000
1062
|
d: "M18 6 6 18",
|
|
1001
1063
|
key: "1bl5f8"
|
|
1002
1064
|
}], ["path", {
|
|
@@ -1014,46 +1076,50 @@ var M = {
|
|
|
1014
1076
|
IconInfo: re,
|
|
1015
1077
|
IconInfoCircle: ie,
|
|
1016
1078
|
IconMinus: oe,
|
|
1079
|
+
IconMoreVertical: Oe,
|
|
1017
1080
|
IconList: se,
|
|
1018
1081
|
IconPanelsTopLeft: ce,
|
|
1019
|
-
IconPause:
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1082
|
+
IconPause: G,
|
|
1083
|
+
IconPaperclip: Ee,
|
|
1084
|
+
IconPlus: le,
|
|
1085
|
+
IconPlug: ue,
|
|
1086
|
+
IconPictureInPicture: de,
|
|
1087
|
+
IconPlay: K,
|
|
1088
|
+
IconReplay: fe,
|
|
1089
|
+
IconSettings: pe,
|
|
1090
|
+
IconSend: q,
|
|
1091
|
+
IconSmile: De,
|
|
1092
|
+
IconFullscreen: me,
|
|
1093
|
+
IconFullscreenExit: he,
|
|
1094
|
+
IconCaptions: ge,
|
|
1095
|
+
IconVolume: _e,
|
|
1096
|
+
IconVolumeMuted: ve,
|
|
1097
|
+
IconSort: ye,
|
|
1098
|
+
IconSortAscending: be,
|
|
1099
|
+
IconSortDescending: xe,
|
|
1100
|
+
IconSuccessCircle: Se,
|
|
1101
|
+
IconUpload: Ce,
|
|
1102
|
+
IconWarning: we,
|
|
1103
|
+
IconTrash2: Te
|
|
1104
|
+
}, je = Object.freeze(Object.keys(Ae)), Y = ({ name: e, ...n }) => {
|
|
1105
|
+
let r = Ae[e];
|
|
1040
1106
|
return /* @__PURE__ */ t(r, { ...n });
|
|
1041
|
-
},
|
|
1107
|
+
}, Me = {
|
|
1042
1108
|
wrapper: "_wrapper_1seon_1",
|
|
1043
1109
|
label: "_label_1seon_13",
|
|
1044
1110
|
input: "_input_1seon_35",
|
|
1045
1111
|
control: "_control_1seon_49",
|
|
1046
1112
|
disabled: "_disabled_1seon_95",
|
|
1047
1113
|
controlError: "_controlError_1seon_121"
|
|
1048
|
-
},
|
|
1114
|
+
}, Ne = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: s = !1, readOnly: c = !1, className: l = "", name: u, id: p, indeterminate: m = !1, ariaLabel: g, ..._ }) => {
|
|
1049
1115
|
let v = f(), y = p ?? `ds-checkbox-${u ?? v}`, b = h(null), x = a ? `${y}-hint` : void 0, S = o ? `${y}-error` : void 0;
|
|
1050
1116
|
return d(() => {
|
|
1051
1117
|
b.current && (b.current.indeterminate = m && !e);
|
|
1052
1118
|
}, [e, m]), /* @__PURE__ */ n("div", {
|
|
1053
|
-
className: `${
|
|
1119
|
+
className: `${Me.wrapper} ${l}`,
|
|
1054
1120
|
children: [
|
|
1055
1121
|
/* @__PURE__ */ n("label", {
|
|
1056
|
-
className: `${
|
|
1122
|
+
className: `${Me.label} ${s ? Me.disabled : ""}`,
|
|
1057
1123
|
htmlFor: y,
|
|
1058
1124
|
children: [
|
|
1059
1125
|
/* @__PURE__ */ t("input", {
|
|
@@ -1067,20 +1133,20 @@ var M = {
|
|
|
1067
1133
|
"aria-invalid": !!o,
|
|
1068
1134
|
"aria-describedby": [x, S].filter(Boolean).join(" ") || void 0,
|
|
1069
1135
|
"aria-label": g,
|
|
1070
|
-
className:
|
|
1136
|
+
className: Me.input,
|
|
1071
1137
|
onChange: (e) => {
|
|
1072
1138
|
c || r?.(e.target.checked, e);
|
|
1073
1139
|
},
|
|
1074
1140
|
..._
|
|
1075
1141
|
}),
|
|
1076
1142
|
/* @__PURE__ */ n("span", {
|
|
1077
|
-
className: `${
|
|
1143
|
+
className: `${Me.control} ${o ? Me.controlError : ""}`,
|
|
1078
1144
|
"aria-hidden": "true",
|
|
1079
|
-
children: [m && !e && /* @__PURE__ */ t(
|
|
1145
|
+
children: [m && !e && /* @__PURE__ */ t(Y, {
|
|
1080
1146
|
name: "IconMinus",
|
|
1081
1147
|
width: 16,
|
|
1082
1148
|
height: 16
|
|
1083
|
-
}), e && /* @__PURE__ */ t(
|
|
1149
|
+
}), e && /* @__PURE__ */ t(Y, {
|
|
1084
1150
|
name: "IconCheck",
|
|
1085
1151
|
width: 16,
|
|
1086
1152
|
height: 16
|
|
@@ -1100,7 +1166,7 @@ var M = {
|
|
|
1100
1166
|
})
|
|
1101
1167
|
]
|
|
1102
1168
|
});
|
|
1103
|
-
},
|
|
1169
|
+
}, X = {
|
|
1104
1170
|
wrapper: "_wrapper_su17c_1",
|
|
1105
1171
|
trigger: "_trigger_su17c_17",
|
|
1106
1172
|
sm: "_sm_su17c_53",
|
|
@@ -1131,7 +1197,7 @@ var M = {
|
|
|
1131
1197
|
timeLabel: "_timeLabel_su17c_533",
|
|
1132
1198
|
previousMonth: "_previousMonth_su17c_593",
|
|
1133
1199
|
nextMonth: "_nextMonth_su17c_601"
|
|
1134
|
-
},
|
|
1200
|
+
}, Pe = [
|
|
1135
1201
|
"Пн",
|
|
1136
1202
|
"Вт",
|
|
1137
1203
|
"Ср",
|
|
@@ -1139,7 +1205,7 @@ var M = {
|
|
|
1139
1205
|
"Пт",
|
|
1140
1206
|
"Сб",
|
|
1141
1207
|
"Вс"
|
|
1142
|
-
],
|
|
1208
|
+
], Fe = [
|
|
1143
1209
|
"Январь",
|
|
1144
1210
|
"Февраль",
|
|
1145
1211
|
"Март",
|
|
@@ -1152,33 +1218,33 @@ var M = {
|
|
|
1152
1218
|
"Октябрь",
|
|
1153
1219
|
"Ноябрь",
|
|
1154
1220
|
"Декабрь"
|
|
1155
|
-
],
|
|
1156
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1221
|
+
], Ie = (e) => String(e).padStart(2, "0"), Le = 8, Re = "Некорректная дата", ze = (e) => e ? `${Ie(e.getDate())}.${Ie(e.getMonth() + 1)}.${e.getFullYear()}` : "", Be = (e) => {
|
|
1222
|
+
let t = e.replace(/\D/g, "").slice(0, Le);
|
|
1157
1223
|
return [
|
|
1158
1224
|
t.slice(0, 2),
|
|
1159
1225
|
t.slice(2, 4),
|
|
1160
1226
|
t.slice(4, 8)
|
|
1161
1227
|
].filter(Boolean).join(".");
|
|
1162
|
-
},
|
|
1228
|
+
}, Ve = (e) => {
|
|
1163
1229
|
if (!e) return !0;
|
|
1164
1230
|
let t = Number(e.padEnd(4, "0"));
|
|
1165
1231
|
return Number(e.padEnd(4, "9")) >= 1800 && t <= 2500;
|
|
1166
|
-
},
|
|
1232
|
+
}, He = (e) => {
|
|
1167
1233
|
if (!/^\d{0,8}$/.test(e)) return !1;
|
|
1168
1234
|
let t = e.slice(0, 2), n = e.slice(2, 4), r = e.slice(4, 8);
|
|
1169
|
-
return t.length === 1 && Number(t) > 3 || t.length === 2 && (Number(t) < 1 || Number(t) > 31) || n.length === 1 && Number(n) > 1 || n.length === 2 && (Number(n) < 1 || Number(n) > 12) ? !1 :
|
|
1170
|
-
},
|
|
1235
|
+
return t.length === 1 && Number(t) > 3 || t.length === 2 && (Number(t) < 1 || Number(t) > 31) || n.length === 1 && Number(n) > 1 || n.length === 2 && (Number(n) < 1 || Number(n) > 12) ? !1 : Ve(r);
|
|
1236
|
+
}, Ue = (e) => {
|
|
1171
1237
|
let t = /^(\d{2})\.(\d{2})\.(\d{4})$/.exec(e);
|
|
1172
1238
|
if (!t) return null;
|
|
1173
1239
|
let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]);
|
|
1174
1240
|
if (i < 1800 || i > 2500) return null;
|
|
1175
1241
|
let a = new Date(i, r, n, 12);
|
|
1176
1242
|
return a.getFullYear() !== i || a.getMonth() !== r || a.getDate() !== n ? null : a;
|
|
1177
|
-
},
|
|
1243
|
+
}, We = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Ge = (e, t) => {
|
|
1178
1244
|
if (!e) return "";
|
|
1179
|
-
let n = `${e.getFullYear()}-${
|
|
1245
|
+
let n = `${e.getFullYear()}-${Ie(e.getMonth() + 1)}-${Ie(e.getDate())}`, r = `${Ie(e.getHours())}:${Ie(e.getMinutes())}`;
|
|
1180
1246
|
return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
|
|
1181
|
-
},
|
|
1247
|
+
}, Ke = (e, t) => {
|
|
1182
1248
|
if (!e) return null;
|
|
1183
1249
|
if (t === "time") {
|
|
1184
1250
|
let t = /^(\d{2}):(\d{2})$/.exec(e);
|
|
@@ -1196,33 +1262,33 @@ var M = {
|
|
|
1196
1262
|
}
|
|
1197
1263
|
let n = new Date(e);
|
|
1198
1264
|
return Number.isNaN(n.getTime()) ? null : n;
|
|
1199
|
-
},
|
|
1265
|
+
}, qe = (e, t) => {
|
|
1200
1266
|
if (!e) return "";
|
|
1201
|
-
let n = `${
|
|
1267
|
+
let n = `${Ie(e.getDate())}.${Ie(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${Ie(e.getHours())}:${Ie(e.getMinutes())}`;
|
|
1202
1268
|
return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
|
|
1203
|
-
},
|
|
1269
|
+
}, Je = (e) => {
|
|
1204
1270
|
let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
|
|
1205
1271
|
return r.setDate(t.getDate() - n), Array.from({ length: 42 }, (e, t) => {
|
|
1206
1272
|
let n = new Date(r);
|
|
1207
1273
|
return n.setDate(r.getDate() + t), n;
|
|
1208
1274
|
});
|
|
1209
|
-
},
|
|
1210
|
-
let r =
|
|
1211
|
-
return !!(t && r <
|
|
1212
|
-
},
|
|
1213
|
-
let D = f(), O = w ?? `ds-date-time-${T ?? D}`, k = c ? `${O}-hint` : void 0, A = u ? `${O}-error` : void 0, j = h(null), M = h(null), P = h(null), F = h(null), [I, L] = g(!1), [R, z] = g(r ?? /* @__PURE__ */ new Date()), [B, V] = g(
|
|
1275
|
+
}, Ye = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), Xe = (e, t, n) => {
|
|
1276
|
+
let r = We(e).getTime();
|
|
1277
|
+
return !!(t && r < We(t).getTime() || n && r > We(n).getTime());
|
|
1278
|
+
}, Ze = 8, Qe = 6, $e = ({ value: r, onChange: i, mode: a = "date", label: o, placeholder: s, hint: c, error: u, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: E = "" }) => {
|
|
1279
|
+
let D = f(), O = w ?? `ds-date-time-${T ?? D}`, k = c ? `${O}-hint` : void 0, A = u ? `${O}-error` : void 0, j = h(null), M = h(null), P = h(null), F = h(null), [I, L] = g(!1), [R, z] = g(r ?? /* @__PURE__ */ new Date()), [B, V] = g(Ge(r, "time")), [H, U] = g(ze(r)), [W, te] = g(""), [ne, re] = g(0), [ie, ae] = g(null), oe = m(() => Je(R), [R]), se = a !== "time", ce = a !== "date";
|
|
1214
1280
|
d(() => {
|
|
1215
|
-
r && z(r), V(
|
|
1281
|
+
r && z(r), V(Ge(r, "time")), U(ze(r));
|
|
1216
1282
|
}, [r]), d(() => () => {
|
|
1217
1283
|
F.current && clearTimeout(F.current);
|
|
1218
1284
|
}, []);
|
|
1219
|
-
let
|
|
1285
|
+
let G = l(() => {
|
|
1220
1286
|
let e = M.current, t = P.current;
|
|
1221
1287
|
if (!e || !t) return;
|
|
1222
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1288
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - Ze, o = n.top - Ze, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(Ze, n.top - r.height - Qe) : n.bottom + Qe, u = n.left, d = i - r.width - Ze;
|
|
1223
1289
|
ae({
|
|
1224
1290
|
top: l,
|
|
1225
|
-
left: Math.max(
|
|
1291
|
+
left: Math.max(Ze, Math.min(u, d)),
|
|
1226
1292
|
maxHeight: c
|
|
1227
1293
|
});
|
|
1228
1294
|
}, []);
|
|
@@ -1231,12 +1297,12 @@ var M = {
|
|
|
1231
1297
|
ae(null);
|
|
1232
1298
|
return;
|
|
1233
1299
|
}
|
|
1234
|
-
return
|
|
1235
|
-
window.removeEventListener("resize",
|
|
1300
|
+
return G(), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0), () => {
|
|
1301
|
+
window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
|
|
1236
1302
|
};
|
|
1237
1303
|
}, [
|
|
1238
1304
|
I,
|
|
1239
|
-
|
|
1305
|
+
G,
|
|
1240
1306
|
R,
|
|
1241
1307
|
B
|
|
1242
1308
|
]), d(() => {
|
|
@@ -1251,50 +1317,50 @@ var M = {
|
|
|
1251
1317
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1252
1318
|
};
|
|
1253
1319
|
}, [I]);
|
|
1254
|
-
let
|
|
1255
|
-
if (
|
|
1256
|
-
let t = a === "date" ?
|
|
1257
|
-
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), U(
|
|
1258
|
-
},
|
|
1259
|
-
te(
|
|
1320
|
+
let le = (e) => {
|
|
1321
|
+
if (Xe(e, x, S)) return;
|
|
1322
|
+
let t = a === "date" ? Ke(Ge(e, "date"), "date") : new Date(e);
|
|
1323
|
+
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), U(ze(t)), a === "date" && L(!1));
|
|
1324
|
+
}, ue = () => {
|
|
1325
|
+
te(Re), re((e) => e + 1), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
|
|
1260
1326
|
te(""), F.current = null;
|
|
1261
1327
|
}, 3e3);
|
|
1262
|
-
},
|
|
1263
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1264
|
-
if (!
|
|
1265
|
-
|
|
1328
|
+
}, de = (e) => {
|
|
1329
|
+
let t = e.replace(/\D/g, "").slice(0, Le);
|
|
1330
|
+
if (!He(t)) {
|
|
1331
|
+
ue();
|
|
1266
1332
|
return;
|
|
1267
1333
|
}
|
|
1268
|
-
let n =
|
|
1334
|
+
let n = Be(t);
|
|
1269
1335
|
if (U(n), !t) {
|
|
1270
1336
|
i?.(null);
|
|
1271
1337
|
return;
|
|
1272
1338
|
}
|
|
1273
|
-
if (t.length <
|
|
1274
|
-
let o =
|
|
1275
|
-
if (!o ||
|
|
1276
|
-
|
|
1339
|
+
if (t.length < Le) return;
|
|
1340
|
+
let o = Ue(n);
|
|
1341
|
+
if (!o || Xe(o, x, S)) {
|
|
1342
|
+
ue();
|
|
1277
1343
|
return;
|
|
1278
1344
|
}
|
|
1279
1345
|
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o), z(o), L(!1), requestAnimationFrame(() => M.current?.blur());
|
|
1280
|
-
},
|
|
1346
|
+
}, K = (e) => {
|
|
1281
1347
|
if (V(e), !e) {
|
|
1282
1348
|
i?.(null);
|
|
1283
1349
|
return;
|
|
1284
1350
|
}
|
|
1285
|
-
let t =
|
|
1351
|
+
let t = Ke(e, "time");
|
|
1286
1352
|
if (!t) return;
|
|
1287
1353
|
let n = new Date(a === "datetime" ? r ?? R : /* @__PURE__ */ new Date());
|
|
1288
1354
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
1289
|
-
},
|
|
1355
|
+
}, fe = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), pe = W ? `${O}-validation` : void 0, me = [
|
|
1290
1356
|
k,
|
|
1291
1357
|
A,
|
|
1292
|
-
|
|
1293
|
-
].filter(Boolean).join(" ") || void 0,
|
|
1358
|
+
pe
|
|
1359
|
+
].filter(Boolean).join(" ") || void 0, he = I && !y ? /* @__PURE__ */ n("div", {
|
|
1294
1360
|
ref: P,
|
|
1295
|
-
className:
|
|
1361
|
+
className: X.panel,
|
|
1296
1362
|
role: "dialog",
|
|
1297
|
-
"aria-label": o ??
|
|
1363
|
+
"aria-label": o ?? fe,
|
|
1298
1364
|
style: ie ? {
|
|
1299
1365
|
top: ie.top,
|
|
1300
1366
|
left: ie.left,
|
|
@@ -1306,32 +1372,32 @@ var M = {
|
|
|
1306
1372
|
},
|
|
1307
1373
|
children: [se && /* @__PURE__ */ n(e, { children: [
|
|
1308
1374
|
/* @__PURE__ */ n("div", {
|
|
1309
|
-
className:
|
|
1375
|
+
className: X.calendarHeader,
|
|
1310
1376
|
children: [
|
|
1311
1377
|
/* @__PURE__ */ t("button", {
|
|
1312
1378
|
type: "button",
|
|
1313
|
-
className:
|
|
1379
|
+
className: X.nav,
|
|
1314
1380
|
"aria-label": "Предыдущий месяц",
|
|
1315
1381
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() - 1, 1)),
|
|
1316
|
-
children: /* @__PURE__ */ t(
|
|
1382
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1317
1383
|
name: "IconChevron",
|
|
1318
1384
|
width: 20,
|
|
1319
1385
|
height: 20,
|
|
1320
|
-
className:
|
|
1386
|
+
className: X.previousMonth
|
|
1321
1387
|
})
|
|
1322
1388
|
}),
|
|
1323
1389
|
/* @__PURE__ */ t("select", {
|
|
1324
|
-
className:
|
|
1390
|
+
className: X.monthSelect,
|
|
1325
1391
|
"aria-label": "Месяц",
|
|
1326
1392
|
value: R.getMonth(),
|
|
1327
1393
|
onChange: (e) => z(new Date(R.getFullYear(), Number(e.target.value), 1)),
|
|
1328
|
-
children:
|
|
1394
|
+
children: Fe.map((e, n) => /* @__PURE__ */ t("option", {
|
|
1329
1395
|
value: n,
|
|
1330
1396
|
children: e
|
|
1331
1397
|
}, e))
|
|
1332
1398
|
}),
|
|
1333
1399
|
/* @__PURE__ */ t("input", {
|
|
1334
|
-
className:
|
|
1400
|
+
className: X.yearInput,
|
|
1335
1401
|
type: "number",
|
|
1336
1402
|
"aria-label": "Год",
|
|
1337
1403
|
value: R.getFullYear(),
|
|
@@ -1339,49 +1405,49 @@ var M = {
|
|
|
1339
1405
|
}),
|
|
1340
1406
|
/* @__PURE__ */ t("button", {
|
|
1341
1407
|
type: "button",
|
|
1342
|
-
className:
|
|
1408
|
+
className: X.nav,
|
|
1343
1409
|
"aria-label": "Следующий месяц",
|
|
1344
1410
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() + 1, 1)),
|
|
1345
|
-
children: /* @__PURE__ */ t(
|
|
1411
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1346
1412
|
name: "IconChevron",
|
|
1347
1413
|
width: 20,
|
|
1348
1414
|
height: 20,
|
|
1349
|
-
className:
|
|
1415
|
+
className: X.nextMonth
|
|
1350
1416
|
})
|
|
1351
1417
|
})
|
|
1352
1418
|
]
|
|
1353
1419
|
}),
|
|
1354
1420
|
/* @__PURE__ */ t("div", {
|
|
1355
|
-
className:
|
|
1356
|
-
children:
|
|
1421
|
+
className: X.weekdays,
|
|
1422
|
+
children: Pe.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
|
|
1357
1423
|
}),
|
|
1358
1424
|
/* @__PURE__ */ t("div", {
|
|
1359
|
-
className:
|
|
1425
|
+
className: X.days,
|
|
1360
1426
|
children: oe.map((e) => {
|
|
1361
|
-
let n =
|
|
1427
|
+
let n = Ye(r, e);
|
|
1362
1428
|
return /* @__PURE__ */ t("button", {
|
|
1363
1429
|
type: "button",
|
|
1364
|
-
className: `${
|
|
1365
|
-
disabled:
|
|
1430
|
+
className: `${X.day} ${e.getMonth() === R.getMonth() ? "" : X.outside} ${n ? X.selected : ""}`,
|
|
1431
|
+
disabled: Xe(e, x, S),
|
|
1366
1432
|
"aria-pressed": n,
|
|
1367
|
-
onClick: () =>
|
|
1433
|
+
onClick: () => le(e),
|
|
1368
1434
|
children: e.getDate()
|
|
1369
1435
|
}, e.toISOString());
|
|
1370
1436
|
})
|
|
1371
1437
|
})
|
|
1372
1438
|
] }), ce && /* @__PURE__ */ n("label", {
|
|
1373
|
-
className:
|
|
1439
|
+
className: X.timeLabel,
|
|
1374
1440
|
children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
|
|
1375
|
-
className:
|
|
1441
|
+
className: X.timeInput,
|
|
1376
1442
|
type: "time",
|
|
1377
1443
|
value: B,
|
|
1378
|
-
onChange: (e) =>
|
|
1444
|
+
onChange: (e) => K(e.target.value)
|
|
1379
1445
|
})]
|
|
1380
1446
|
})]
|
|
1381
1447
|
}) : null;
|
|
1382
1448
|
return /* @__PURE__ */ n("div", {
|
|
1383
1449
|
ref: j,
|
|
1384
|
-
className: `${
|
|
1450
|
+
className: `${X.wrapper} ${E}`,
|
|
1385
1451
|
children: [
|
|
1386
1452
|
o && /* @__PURE__ */ t(ee, {
|
|
1387
1453
|
htmlFor: O,
|
|
@@ -1390,15 +1456,15 @@ var M = {
|
|
|
1390
1456
|
children: o
|
|
1391
1457
|
}),
|
|
1392
1458
|
se ? /* @__PURE__ */ n("div", {
|
|
1393
|
-
className: `${
|
|
1459
|
+
className: `${X.trigger} ${X[C]} ${u ? X.error : ""} ${v ? X.disabled : ""}`,
|
|
1394
1460
|
children: [
|
|
1395
1461
|
/* @__PURE__ */ t("input", {
|
|
1396
1462
|
ref: M,
|
|
1397
1463
|
id: O,
|
|
1398
1464
|
name: T,
|
|
1399
|
-
className:
|
|
1465
|
+
className: X.dateInput,
|
|
1400
1466
|
value: H,
|
|
1401
|
-
placeholder:
|
|
1467
|
+
placeholder: fe.split(" ")[0],
|
|
1402
1468
|
inputMode: "numeric",
|
|
1403
1469
|
autoComplete: "off",
|
|
1404
1470
|
maxLength: 10,
|
|
@@ -1406,7 +1472,7 @@ var M = {
|
|
|
1406
1472
|
readOnly: y,
|
|
1407
1473
|
"aria-expanded": I,
|
|
1408
1474
|
"aria-haspopup": "dialog",
|
|
1409
|
-
"aria-describedby":
|
|
1475
|
+
"aria-describedby": me,
|
|
1410
1476
|
"aria-invalid": !!(u || W) || void 0,
|
|
1411
1477
|
onFocus: () => {
|
|
1412
1478
|
y || L(!0);
|
|
@@ -1414,15 +1480,15 @@ var M = {
|
|
|
1414
1480
|
onClick: () => {
|
|
1415
1481
|
y || L(!0);
|
|
1416
1482
|
},
|
|
1417
|
-
onChange: (e) =>
|
|
1483
|
+
onChange: (e) => de(e.target.value)
|
|
1418
1484
|
}),
|
|
1419
1485
|
a === "datetime" && B && /* @__PURE__ */ t("span", {
|
|
1420
|
-
className:
|
|
1486
|
+
className: X.timeValue,
|
|
1421
1487
|
children: B
|
|
1422
1488
|
}),
|
|
1423
1489
|
/* @__PURE__ */ t("button", {
|
|
1424
1490
|
type: "button",
|
|
1425
|
-
className:
|
|
1491
|
+
className: X.chevronButton,
|
|
1426
1492
|
disabled: v || y,
|
|
1427
1493
|
"aria-label": I ? "Закрыть календарь" : "Открыть календарь",
|
|
1428
1494
|
tabIndex: -1,
|
|
@@ -1431,9 +1497,9 @@ var M = {
|
|
|
1431
1497
|
L((e) => !e), M.current?.focus();
|
|
1432
1498
|
},
|
|
1433
1499
|
children: /* @__PURE__ */ t("span", {
|
|
1434
|
-
className: `${
|
|
1500
|
+
className: `${X.chevron} ${he ? X.chevronOpen : ""}`,
|
|
1435
1501
|
"aria-hidden": "true",
|
|
1436
|
-
children: /* @__PURE__ */ t(
|
|
1502
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1437
1503
|
name: "IconChevron",
|
|
1438
1504
|
width: 20,
|
|
1439
1505
|
height: 20
|
|
@@ -1446,22 +1512,22 @@ var M = {
|
|
|
1446
1512
|
id: O,
|
|
1447
1513
|
name: T,
|
|
1448
1514
|
type: "button",
|
|
1449
|
-
className: `${
|
|
1515
|
+
className: `${X.trigger} ${X[C]} ${u ? X.error : ""}`,
|
|
1450
1516
|
disabled: v,
|
|
1451
1517
|
"aria-readonly": y || void 0,
|
|
1452
1518
|
"aria-expanded": I,
|
|
1453
1519
|
"aria-haspopup": "dialog",
|
|
1454
|
-
"aria-describedby":
|
|
1520
|
+
"aria-describedby": me,
|
|
1455
1521
|
onClick: () => {
|
|
1456
1522
|
y || L((e) => !e);
|
|
1457
1523
|
},
|
|
1458
1524
|
children: [/* @__PURE__ */ t("span", {
|
|
1459
|
-
className: r ?
|
|
1460
|
-
children:
|
|
1525
|
+
className: r ? X.value : X.placeholder,
|
|
1526
|
+
children: qe(r, a) || fe
|
|
1461
1527
|
}), /* @__PURE__ */ t("span", {
|
|
1462
|
-
className: `${
|
|
1528
|
+
className: `${X.chevron} ${he ? X.chevronOpen : ""}`,
|
|
1463
1529
|
"aria-hidden": "true",
|
|
1464
|
-
children: /* @__PURE__ */ t(
|
|
1530
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1465
1531
|
name: "IconChevron",
|
|
1466
1532
|
width: 20,
|
|
1467
1533
|
height: 20
|
|
@@ -1469,13 +1535,13 @@ var M = {
|
|
|
1469
1535
|
})]
|
|
1470
1536
|
}),
|
|
1471
1537
|
W && /* @__PURE__ */ t("span", {
|
|
1472
|
-
id:
|
|
1473
|
-
className:
|
|
1538
|
+
id: pe,
|
|
1539
|
+
className: X.validationTooltip,
|
|
1474
1540
|
role: "status",
|
|
1475
1541
|
"aria-live": "polite",
|
|
1476
1542
|
children: W
|
|
1477
1543
|
}, ne),
|
|
1478
|
-
|
|
1544
|
+
he && _(he, document.body),
|
|
1479
1545
|
c && !u && /* @__PURE__ */ t(N, {
|
|
1480
1546
|
id: k,
|
|
1481
1547
|
children: c
|
|
@@ -1487,19 +1553,19 @@ var M = {
|
|
|
1487
1553
|
})
|
|
1488
1554
|
]
|
|
1489
1555
|
});
|
|
1490
|
-
},
|
|
1556
|
+
}, et = {
|
|
1491
1557
|
root: "_root_19vq2_1",
|
|
1492
1558
|
range: "_range_19vq2_21"
|
|
1493
|
-
},
|
|
1559
|
+
}, tt = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), nt = ({ value: e, onChange: r, onDraftChange: i, mode: a = "date", fromLabel: o = "От", toLabel: s = "До", hint: c, error: l, min: u, max: d, disabled: f = !1, readOnly: p = !1, required: m = !1, className: h = "" }) => {
|
|
1494
1560
|
let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
|
|
1495
|
-
i?.(e),
|
|
1561
|
+
i?.(e), tt(e) && r?.(e);
|
|
1496
1562
|
};
|
|
1497
1563
|
return /* @__PURE__ */ n("fieldset", {
|
|
1498
|
-
className: `${
|
|
1564
|
+
className: `${et.root} ${h}`,
|
|
1499
1565
|
disabled: f,
|
|
1500
1566
|
children: [/* @__PURE__ */ n("div", {
|
|
1501
|
-
className:
|
|
1502
|
-
children: [/* @__PURE__ */ t(
|
|
1567
|
+
className: et.range,
|
|
1568
|
+
children: [/* @__PURE__ */ t($e, {
|
|
1503
1569
|
value: e.from,
|
|
1504
1570
|
mode: a === "datetime" ? "datetime" : a,
|
|
1505
1571
|
label: o,
|
|
@@ -1513,7 +1579,7 @@ var M = {
|
|
|
1513
1579
|
...e,
|
|
1514
1580
|
from: t
|
|
1515
1581
|
})
|
|
1516
|
-
}), /* @__PURE__ */ t(
|
|
1582
|
+
}), /* @__PURE__ */ t($e, {
|
|
1517
1583
|
value: e.to,
|
|
1518
1584
|
mode: a === "datetime" ? "datetime" : a,
|
|
1519
1585
|
label: s,
|
|
@@ -1530,7 +1596,7 @@ var M = {
|
|
|
1530
1596
|
})]
|
|
1531
1597
|
}), c && !g && /* @__PURE__ */ t(N, { children: c })]
|
|
1532
1598
|
});
|
|
1533
|
-
},
|
|
1599
|
+
}, rt = {
|
|
1534
1600
|
group: "_group_ey6uk_1",
|
|
1535
1601
|
skeleton: "_skeleton_ey6uk_15",
|
|
1536
1602
|
text: "_text_ey6uk_27",
|
|
@@ -1538,17 +1604,17 @@ var M = {
|
|
|
1538
1604
|
circular: "_circular_ey6uk_47",
|
|
1539
1605
|
animated: "_animated_ey6uk_59",
|
|
1540
1606
|
"ds-skeleton": "_ds-skeleton_ey6uk_1"
|
|
1541
|
-
},
|
|
1542
|
-
className: `${
|
|
1607
|
+
}, it = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
|
|
1608
|
+
className: `${rt.group} ${o}`,
|
|
1543
1609
|
"aria-hidden": "true",
|
|
1544
1610
|
children: Array.from({ length: Math.max(1, i) }, (i, o) => /* @__PURE__ */ t("span", {
|
|
1545
|
-
className: `${
|
|
1611
|
+
className: `${rt.skeleton} ${rt[e]} ${a ? rt.animated : ""}`,
|
|
1546
1612
|
style: {
|
|
1547
1613
|
width: n,
|
|
1548
1614
|
height: r
|
|
1549
1615
|
}
|
|
1550
1616
|
}, o))
|
|
1551
|
-
}),
|
|
1617
|
+
}), Z = {
|
|
1552
1618
|
wrapper: "_wrapper_1l9o2_1",
|
|
1553
1619
|
container: "_container_1l9o2_17",
|
|
1554
1620
|
trigger: "_trigger_1l9o2_25",
|
|
@@ -1567,25 +1633,25 @@ var M = {
|
|
|
1567
1633
|
message: "_message_1l9o2_391",
|
|
1568
1634
|
error: "_error_1l9o2_393",
|
|
1569
1635
|
errorState: "_errorState_1l9o2_419"
|
|
1570
|
-
},
|
|
1636
|
+
}, at = 8, ot = 6, st = 120, ct = (e, t, n) => {
|
|
1571
1637
|
if (!e.length) return -1;
|
|
1572
1638
|
for (let r = 0; r < e.length; r += 1) {
|
|
1573
1639
|
let i = (t + r * n + e.length) % e.length;
|
|
1574
1640
|
if (!e[i]?.disabled) return i;
|
|
1575
1641
|
}
|
|
1576
1642
|
return -1;
|
|
1577
|
-
},
|
|
1643
|
+
}, lt = (e) => {
|
|
1578
1644
|
if (typeof e == "number") return e;
|
|
1579
1645
|
if (typeof e == "string") {
|
|
1580
1646
|
let t = Number.parseFloat(e);
|
|
1581
1647
|
if (Number.isFinite(t)) return t;
|
|
1582
1648
|
}
|
|
1583
1649
|
return Infinity;
|
|
1584
|
-
},
|
|
1650
|
+
}, ut = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опцию", disabled: o = !1, stringWhileDisabled: s = !1, label: c, error: u, size: v = "md", hint: y, className: b = "", required: x = !1, name: S, id: C, needMark: w = !0, maxMenuHeight: T }) => {
|
|
1585
1651
|
let E = f(), D = C ?? `ds-dropdown-${S ?? E}`, O = `${D}-listbox`, [k, A] = g(!1), [j, M] = g(null), N = h(null), P = h(null), F = h(null), I = h([]), L = m(() => e.find((e) => e.value === r), [e, r]), R = y ? `${D}-hint` : void 0, z = u ? `${D}-error` : void 0, B = [R, z].filter(Boolean).join(" ") || void 0, V = o && s, H = l(() => {
|
|
1586
1652
|
let e = P.current, t = F.current;
|
|
1587
1653
|
if (!e || !t) return;
|
|
1588
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1654
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - at, o = n.top - at, s = a < r.height && o > a, c = Math.max(st, s ? o : a), l = lt(T), u = Math.min(c, l), d = n.left, f = i - n.width - at, p = Math.max(at, Math.min(d, f)), m = s ? Math.max(at, n.top - r.height - ot) : n.bottom + ot;
|
|
1589
1655
|
M({
|
|
1590
1656
|
top: m,
|
|
1591
1657
|
left: p,
|
|
@@ -1618,7 +1684,7 @@ var M = {
|
|
|
1618
1684
|
};
|
|
1619
1685
|
}, [k]);
|
|
1620
1686
|
let U = (t, n) => {
|
|
1621
|
-
let r =
|
|
1687
|
+
let r = ct(e, t, n);
|
|
1622
1688
|
if (r === -1) return;
|
|
1623
1689
|
let i = I.current[r];
|
|
1624
1690
|
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
@@ -1627,7 +1693,7 @@ var M = {
|
|
|
1627
1693
|
}, te = k ? /* @__PURE__ */ t("ul", {
|
|
1628
1694
|
ref: F,
|
|
1629
1695
|
id: O,
|
|
1630
|
-
className:
|
|
1696
|
+
className: Z.menu,
|
|
1631
1697
|
role: "listbox",
|
|
1632
1698
|
"aria-label": c,
|
|
1633
1699
|
style: j ? {
|
|
@@ -1657,10 +1723,10 @@ var M = {
|
|
|
1657
1723
|
disabled: i.disabled,
|
|
1658
1724
|
"data-option-variant": i.variant ?? "default",
|
|
1659
1725
|
className: [
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
i.variant === "action" ?
|
|
1663
|
-
o ?
|
|
1726
|
+
Z[v],
|
|
1727
|
+
Z.option,
|
|
1728
|
+
i.variant === "action" ? Z.actionOption : "",
|
|
1729
|
+
o ? Z.selected : ""
|
|
1664
1730
|
].filter(Boolean).join(" "),
|
|
1665
1731
|
onClick: () => W(i),
|
|
1666
1732
|
onKeyDown: (t) => {
|
|
@@ -1676,7 +1742,7 @@ var M = {
|
|
|
1676
1742
|
}
|
|
1677
1743
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), W(i));
|
|
1678
1744
|
},
|
|
1679
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(
|
|
1745
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(Y, {
|
|
1680
1746
|
name: "IconCheck",
|
|
1681
1747
|
width: 16,
|
|
1682
1748
|
height: 16
|
|
@@ -1688,8 +1754,8 @@ var M = {
|
|
|
1688
1754
|
return /* @__PURE__ */ n("div", {
|
|
1689
1755
|
ref: N,
|
|
1690
1756
|
className: [
|
|
1691
|
-
|
|
1692
|
-
u ?
|
|
1757
|
+
Z.wrapper,
|
|
1758
|
+
u ? Z.errorState : "",
|
|
1693
1759
|
b
|
|
1694
1760
|
].filter(Boolean).join(" "),
|
|
1695
1761
|
children: [
|
|
@@ -1700,10 +1766,10 @@ var M = {
|
|
|
1700
1766
|
children: c
|
|
1701
1767
|
}),
|
|
1702
1768
|
/* @__PURE__ */ t("div", {
|
|
1703
|
-
className:
|
|
1769
|
+
className: Z.container,
|
|
1704
1770
|
children: V ? /* @__PURE__ */ t("div", {
|
|
1705
1771
|
id: D,
|
|
1706
|
-
className:
|
|
1772
|
+
className: Z.disabledText,
|
|
1707
1773
|
"aria-describedby": B,
|
|
1708
1774
|
children: L?.label ?? a
|
|
1709
1775
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -1711,7 +1777,7 @@ var M = {
|
|
|
1711
1777
|
id: D,
|
|
1712
1778
|
type: "button",
|
|
1713
1779
|
name: S,
|
|
1714
|
-
className: `${
|
|
1780
|
+
className: `${Z.trigger} ${Z[v]}`,
|
|
1715
1781
|
disabled: o,
|
|
1716
1782
|
"aria-haspopup": "listbox",
|
|
1717
1783
|
"aria-expanded": k,
|
|
@@ -1734,13 +1800,13 @@ var M = {
|
|
|
1734
1800
|
}
|
|
1735
1801
|
},
|
|
1736
1802
|
children: [/* @__PURE__ */ t("span", {
|
|
1737
|
-
className: `${L ?
|
|
1738
|
-
${
|
|
1803
|
+
className: `${L ? Z.value : Z.placeholder}
|
|
1804
|
+
${Z[v]}`,
|
|
1739
1805
|
children: L?.label ?? a
|
|
1740
1806
|
}), /* @__PURE__ */ t("span", {
|
|
1741
|
-
className: [
|
|
1807
|
+
className: [Z.chevron, k ? Z.chevronOpen : ""].filter(Boolean).join(" "),
|
|
1742
1808
|
"aria-hidden": "true",
|
|
1743
|
-
children: /* @__PURE__ */ t(
|
|
1809
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1744
1810
|
name: "IconChevron",
|
|
1745
1811
|
width: 20,
|
|
1746
1812
|
height: 20
|
|
@@ -1751,35 +1817,35 @@ var M = {
|
|
|
1751
1817
|
k && _(te, document.body),
|
|
1752
1818
|
y && !u && /* @__PURE__ */ t("span", {
|
|
1753
1819
|
id: R,
|
|
1754
|
-
className:
|
|
1820
|
+
className: Z.message,
|
|
1755
1821
|
children: y
|
|
1756
1822
|
}),
|
|
1757
1823
|
u && /* @__PURE__ */ t("span", {
|
|
1758
1824
|
id: z,
|
|
1759
|
-
className:
|
|
1825
|
+
className: Z.error,
|
|
1760
1826
|
children: u
|
|
1761
1827
|
})
|
|
1762
1828
|
]
|
|
1763
1829
|
});
|
|
1764
|
-
},
|
|
1830
|
+
}, dt = (e) => `${e.id}:${e.direction}`, ft = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
|
|
1765
1831
|
let c = e.flatMap((e) => [{
|
|
1766
|
-
value:
|
|
1832
|
+
value: dt({
|
|
1767
1833
|
id: e.id,
|
|
1768
1834
|
direction: "asc"
|
|
1769
1835
|
}),
|
|
1770
1836
|
label: e.ascLabel ?? `${e.label} · по возрастанию`,
|
|
1771
1837
|
disabled: e.disabled
|
|
1772
1838
|
}, {
|
|
1773
|
-
value:
|
|
1839
|
+
value: dt({
|
|
1774
1840
|
id: e.id,
|
|
1775
1841
|
direction: "desc"
|
|
1776
1842
|
}),
|
|
1777
1843
|
label: e.descLabel ?? `${e.label} · по убыванию`,
|
|
1778
1844
|
disabled: e.disabled
|
|
1779
1845
|
}]);
|
|
1780
|
-
return /* @__PURE__ */ t(
|
|
1846
|
+
return /* @__PURE__ */ t(ut, {
|
|
1781
1847
|
options: c,
|
|
1782
|
-
value: n ?
|
|
1848
|
+
value: n ? dt(n) : "",
|
|
1783
1849
|
label: i,
|
|
1784
1850
|
placeholder: a,
|
|
1785
1851
|
disabled: o,
|
|
@@ -1792,7 +1858,7 @@ var M = {
|
|
|
1792
1858
|
});
|
|
1793
1859
|
}
|
|
1794
1860
|
});
|
|
1795
|
-
},
|
|
1861
|
+
}, pt = {
|
|
1796
1862
|
wrapper: "_wrapper_1khfq_1",
|
|
1797
1863
|
control: "_control_1khfq_15",
|
|
1798
1864
|
input: "_input_1khfq_25",
|
|
@@ -1802,12 +1868,12 @@ var M = {
|
|
|
1802
1868
|
lg: "_lg_1khfq_139",
|
|
1803
1869
|
inputError: "_inputError_1khfq_155",
|
|
1804
1870
|
trailingAction: "_trailingAction_1khfq_163"
|
|
1805
|
-
},
|
|
1871
|
+
}, mt = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: s = !1, stringWhileDisabled: c = !1, label: l, error: u, hint: p, className: m = "", name: _, id: v, size: y = "md", clearable: b = !0, required: x = !1, selectTextOnFocus: S = !1, isPassword: C = !1, passwordVisibleLabel: w = "Скрыть пароль", passwordHiddenLabel: T = "Показать пароль", onFocus: E, ...D }) => {
|
|
1806
1872
|
let O = f(), k = v ?? `ds-input-${_ ?? O}`, A = h(null), [j, M] = g(!1), P = p ? `${k}-hint` : void 0, F = u ? `${k}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0, R = C ? j ? "text" : "password" : i;
|
|
1807
1873
|
return d(() => {
|
|
1808
1874
|
C || M(!1);
|
|
1809
1875
|
}, [C]), /* @__PURE__ */ n("div", {
|
|
1810
|
-
className: `${
|
|
1876
|
+
className: `${pt.wrapper} ${m}`,
|
|
1811
1877
|
children: [
|
|
1812
1878
|
l && /* @__PURE__ */ t(ee, {
|
|
1813
1879
|
htmlFor: k,
|
|
@@ -1817,11 +1883,11 @@ var M = {
|
|
|
1817
1883
|
}),
|
|
1818
1884
|
o && c ? /* @__PURE__ */ t("div", {
|
|
1819
1885
|
id: k,
|
|
1820
|
-
className:
|
|
1886
|
+
className: pt.disabledText,
|
|
1821
1887
|
"aria-describedby": L,
|
|
1822
1888
|
children: I || a
|
|
1823
1889
|
}) : /* @__PURE__ */ n("div", {
|
|
1824
|
-
className:
|
|
1890
|
+
className: pt.control,
|
|
1825
1891
|
children: [
|
|
1826
1892
|
/* @__PURE__ */ t("input", {
|
|
1827
1893
|
ref: A,
|
|
@@ -1835,7 +1901,7 @@ var M = {
|
|
|
1835
1901
|
required: x,
|
|
1836
1902
|
"aria-invalid": !!u,
|
|
1837
1903
|
"aria-describedby": L,
|
|
1838
|
-
className: `${
|
|
1904
|
+
className: `${pt.input} ${pt[y]} ${u ? pt.inputError : ""}`,
|
|
1839
1905
|
onChange: (e) => {
|
|
1840
1906
|
if (i === "number" && !C) {
|
|
1841
1907
|
let t = e.target.value === "" ? "" : Number(e.target.value);
|
|
@@ -1851,12 +1917,12 @@ var M = {
|
|
|
1851
1917
|
}),
|
|
1852
1918
|
C && /* @__PURE__ */ t("button", {
|
|
1853
1919
|
type: "button",
|
|
1854
|
-
className:
|
|
1920
|
+
className: pt.trailingAction,
|
|
1855
1921
|
disabled: o,
|
|
1856
1922
|
"aria-label": j ? w : T,
|
|
1857
1923
|
"aria-pressed": j,
|
|
1858
1924
|
onClick: () => M((e) => !e),
|
|
1859
|
-
children: /* @__PURE__ */ t(
|
|
1925
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1860
1926
|
name: j ? "IconEyeOff" : "IconEye",
|
|
1861
1927
|
width: 20,
|
|
1862
1928
|
height: 20
|
|
@@ -1864,13 +1930,13 @@ var M = {
|
|
|
1864
1930
|
}),
|
|
1865
1931
|
!C && b && I && !o && !s && /* @__PURE__ */ t("button", {
|
|
1866
1932
|
type: "button",
|
|
1867
|
-
className:
|
|
1933
|
+
className: pt.trailingAction,
|
|
1868
1934
|
"aria-label": "Очистить поле",
|
|
1869
1935
|
onClick: () => {
|
|
1870
1936
|
let e = A.current;
|
|
1871
1937
|
e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
1872
1938
|
},
|
|
1873
|
-
children: /* @__PURE__ */ t(
|
|
1939
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1874
1940
|
name: "IconCross",
|
|
1875
1941
|
width: 20,
|
|
1876
1942
|
height: 20
|
|
@@ -1889,23 +1955,23 @@ var M = {
|
|
|
1889
1955
|
})
|
|
1890
1956
|
]
|
|
1891
1957
|
});
|
|
1892
|
-
},
|
|
1958
|
+
}, ht = 8, gt = 6, _t = 120, vt = (e) => {
|
|
1893
1959
|
if (typeof e == "number") return e;
|
|
1894
1960
|
if (typeof e == "string") {
|
|
1895
1961
|
let t = Number.parseFloat(e);
|
|
1896
1962
|
if (Number.isFinite(t)) return t;
|
|
1897
1963
|
}
|
|
1898
1964
|
return Infinity;
|
|
1899
|
-
},
|
|
1965
|
+
}, yt = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, stringWhileDisabled: s = !1, label: c, error: u, size: v = "md", required: y = !1, hint: b, className: x = "", name: S, id: C, closeOnSelect: w = !1, needMark: T = !0, maxMenuHeight: E }) => {
|
|
1900
1966
|
let D = f(), O = C ?? `ds-dropdown-multiple-${S ?? D}`, k = `${O}-listbox`, [A, j] = g(!1), [M, N] = g(null), P = h(null), F = h(null), I = h(null), L = h([]), R = m(() => e.filter((e) => r.includes(e.value)), [e, r]).map((e) => e.label).join(", "), z = b ? `${O}-hint` : void 0, B = u ? `${O}-error` : void 0, V = [z, B].filter(Boolean).join(" ") || void 0, H = o && s, U = l(() => {
|
|
1901
1967
|
let e = F.current, t = I.current;
|
|
1902
1968
|
if (!e || !t) return;
|
|
1903
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom -
|
|
1969
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom - ht, a = n.top - ht, o = i < r.height && a > i, s = Math.max(_t, o ? a : i), c = window.innerWidth - n.width - ht;
|
|
1904
1970
|
N({
|
|
1905
|
-
top: o ? Math.max(
|
|
1906
|
-
left: Math.max(
|
|
1971
|
+
top: o ? Math.max(ht, n.top - r.height - gt) : n.bottom + gt,
|
|
1972
|
+
left: Math.max(ht, Math.min(n.left, c)),
|
|
1907
1973
|
width: n.width,
|
|
1908
|
-
maxHeight: Math.min(s,
|
|
1974
|
+
maxHeight: Math.min(s, vt(E))
|
|
1909
1975
|
});
|
|
1910
1976
|
}, [E]);
|
|
1911
1977
|
p(() => {
|
|
@@ -1933,7 +1999,7 @@ var M = {
|
|
|
1933
1999
|
};
|
|
1934
2000
|
}, [A]);
|
|
1935
2001
|
let W = (t, n) => {
|
|
1936
|
-
let r =
|
|
2002
|
+
let r = ct(e, t, n);
|
|
1937
2003
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
1938
2004
|
}, te = (t) => {
|
|
1939
2005
|
if (t.disabled) return;
|
|
@@ -1942,7 +2008,7 @@ var M = {
|
|
|
1942
2008
|
}, ne = A ? /* @__PURE__ */ t("ul", {
|
|
1943
2009
|
ref: I,
|
|
1944
2010
|
id: k,
|
|
1945
|
-
className:
|
|
2011
|
+
className: Z.menu,
|
|
1946
2012
|
role: "listbox",
|
|
1947
2013
|
"aria-label": c,
|
|
1948
2014
|
"aria-multiselectable": "true",
|
|
@@ -1973,10 +2039,10 @@ var M = {
|
|
|
1973
2039
|
disabled: i.disabled,
|
|
1974
2040
|
"data-option-variant": i.variant ?? "default",
|
|
1975
2041
|
className: [
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
i.variant === "action" ?
|
|
1979
|
-
o ?
|
|
2042
|
+
Z[v],
|
|
2043
|
+
Z.option,
|
|
2044
|
+
i.variant === "action" ? Z.actionOption : "",
|
|
2045
|
+
o ? Z.selected : ""
|
|
1980
2046
|
].filter(Boolean).join(" "),
|
|
1981
2047
|
onClick: () => te(i),
|
|
1982
2048
|
onKeyDown: (t) => {
|
|
@@ -1992,7 +2058,7 @@ var M = {
|
|
|
1992
2058
|
}
|
|
1993
2059
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), te(i)), t.key === "Tab" && j(!1);
|
|
1994
2060
|
},
|
|
1995
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(
|
|
2061
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(Y, {
|
|
1996
2062
|
name: "IconCheck",
|
|
1997
2063
|
width: 16,
|
|
1998
2064
|
height: 16
|
|
@@ -2004,8 +2070,8 @@ var M = {
|
|
|
2004
2070
|
return /* @__PURE__ */ n("div", {
|
|
2005
2071
|
ref: P,
|
|
2006
2072
|
className: [
|
|
2007
|
-
|
|
2008
|
-
u ?
|
|
2073
|
+
Z.wrapper,
|
|
2074
|
+
u ? Z.errorState : "",
|
|
2009
2075
|
x
|
|
2010
2076
|
].filter(Boolean).join(" "),
|
|
2011
2077
|
children: [
|
|
@@ -2016,10 +2082,10 @@ var M = {
|
|
|
2016
2082
|
children: c
|
|
2017
2083
|
}),
|
|
2018
2084
|
/* @__PURE__ */ t("div", {
|
|
2019
|
-
className:
|
|
2085
|
+
className: Z.container,
|
|
2020
2086
|
children: H ? /* @__PURE__ */ t("div", {
|
|
2021
2087
|
id: O,
|
|
2022
|
-
className: `${
|
|
2088
|
+
className: `${Z.disabledText} ${Z[v]}`,
|
|
2023
2089
|
"aria-describedby": V,
|
|
2024
2090
|
children: R || a
|
|
2025
2091
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -2027,7 +2093,7 @@ var M = {
|
|
|
2027
2093
|
id: O,
|
|
2028
2094
|
type: "button",
|
|
2029
2095
|
name: S,
|
|
2030
|
-
className: `${
|
|
2096
|
+
className: `${Z.trigger} ${Z[v]}`,
|
|
2031
2097
|
disabled: o,
|
|
2032
2098
|
"aria-haspopup": "listbox",
|
|
2033
2099
|
"aria-expanded": A,
|
|
@@ -2043,12 +2109,12 @@ var M = {
|
|
|
2043
2109
|
}
|
|
2044
2110
|
},
|
|
2045
2111
|
children: [/* @__PURE__ */ t("span", {
|
|
2046
|
-
className: `${R ?
|
|
2112
|
+
className: `${R ? Z.value : Z.placeholder} ${Z[v]}`,
|
|
2047
2113
|
children: R || a
|
|
2048
2114
|
}), /* @__PURE__ */ t("span", {
|
|
2049
|
-
className: [
|
|
2115
|
+
className: [Z.chevron, A ? Z.chevronOpen : ""].filter(Boolean).join(" "),
|
|
2050
2116
|
"aria-hidden": "true",
|
|
2051
|
-
children: /* @__PURE__ */ t(
|
|
2117
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2052
2118
|
name: "IconChevron",
|
|
2053
2119
|
width: 20,
|
|
2054
2120
|
height: 20
|
|
@@ -2059,32 +2125,32 @@ var M = {
|
|
|
2059
2125
|
A && _(ne, document.body),
|
|
2060
2126
|
b && !u && /* @__PURE__ */ t("span", {
|
|
2061
2127
|
id: z,
|
|
2062
|
-
className:
|
|
2128
|
+
className: Z.message,
|
|
2063
2129
|
children: b
|
|
2064
2130
|
}),
|
|
2065
2131
|
u && /* @__PURE__ */ t("span", {
|
|
2066
2132
|
id: B,
|
|
2067
|
-
className:
|
|
2133
|
+
className: Z.error,
|
|
2068
2134
|
children: u
|
|
2069
2135
|
})
|
|
2070
2136
|
]
|
|
2071
2137
|
});
|
|
2072
|
-
},
|
|
2138
|
+
}, bt = {
|
|
2073
2139
|
wrapper: "_wrapper_1jspu_1",
|
|
2074
2140
|
input: "_input_1jspu_21",
|
|
2075
2141
|
switch: "_switch_1jspu_35",
|
|
2076
2142
|
thumb: "_thumb_1jspu_67",
|
|
2077
2143
|
label: "_label_1jspu_113",
|
|
2078
2144
|
disabled: "_disabled_1jspu_125"
|
|
2079
|
-
},
|
|
2145
|
+
}, xt = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: c, id: l, value: u }) => {
|
|
2080
2146
|
let d = f(), p = l ?? `ds-radio-button-${c ?? d}`;
|
|
2081
2147
|
return /* @__PURE__ */ n("label", {
|
|
2082
2148
|
htmlFor: p,
|
|
2083
|
-
className: `${
|
|
2149
|
+
className: `${bt.wrapper} ${a ? bt.disabled : ""} ${s}`,
|
|
2084
2150
|
children: [
|
|
2085
2151
|
/* @__PURE__ */ t("input", {
|
|
2086
2152
|
id: p,
|
|
2087
|
-
className:
|
|
2153
|
+
className: bt.input,
|
|
2088
2154
|
type: "checkbox",
|
|
2089
2155
|
role: "switch",
|
|
2090
2156
|
name: c,
|
|
@@ -2097,17 +2163,17 @@ var M = {
|
|
|
2097
2163
|
}
|
|
2098
2164
|
}),
|
|
2099
2165
|
/* @__PURE__ */ t("span", {
|
|
2100
|
-
className:
|
|
2166
|
+
className: bt.switch,
|
|
2101
2167
|
"aria-hidden": "true",
|
|
2102
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
2168
|
+
children: /* @__PURE__ */ t("span", { className: bt.thumb })
|
|
2103
2169
|
}),
|
|
2104
2170
|
i && /* @__PURE__ */ t("span", {
|
|
2105
|
-
className:
|
|
2171
|
+
className: bt.label,
|
|
2106
2172
|
children: i
|
|
2107
2173
|
})
|
|
2108
2174
|
]
|
|
2109
2175
|
});
|
|
2110
|
-
},
|
|
2176
|
+
}, Q = {
|
|
2111
2177
|
root: "_root_y4bhr_1",
|
|
2112
2178
|
toolbar: "_toolbar_y4bhr_15",
|
|
2113
2179
|
totalWidget: "_totalWidget_y4bhr_31",
|
|
@@ -2166,10 +2232,10 @@ var M = {
|
|
|
2166
2232
|
default: "_default_y4bhr_1011",
|
|
2167
2233
|
tableOnMobile: "_tableOnMobile_y4bhr_1011",
|
|
2168
2234
|
wide: "_wide_y4bhr_1041"
|
|
2169
|
-
},
|
|
2235
|
+
}, St = b({
|
|
2170
2236
|
rowSortingFeature: y,
|
|
2171
2237
|
sortedRowModel: v()
|
|
2172
|
-
}),
|
|
2238
|
+
}), Ct = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
2173
2239
|
let o = e.type === "multi-select" ? e.options : void 0, [s, c] = g(Array.isArray(o) ? o : []), [l, u] = g(!1);
|
|
2174
2240
|
return d(() => {
|
|
2175
2241
|
if (o === void 0) return;
|
|
@@ -2185,7 +2251,7 @@ var M = {
|
|
|
2185
2251
|
}), () => {
|
|
2186
2252
|
e = !1;
|
|
2187
2253
|
};
|
|
2188
|
-
}, [o]), e.type === "multi-select" ? /* @__PURE__ */ t(
|
|
2254
|
+
}, [o]), e.type === "multi-select" ? /* @__PURE__ */ t(yt, {
|
|
2189
2255
|
label: e.label,
|
|
2190
2256
|
options: s,
|
|
2191
2257
|
value: Array.isArray(n) ? n.map(String) : [],
|
|
@@ -2193,7 +2259,7 @@ var M = {
|
|
|
2193
2259
|
placeholder: l ? "Загрузка…" : e.placeholder,
|
|
2194
2260
|
error: a,
|
|
2195
2261
|
onChange: (e) => r(e)
|
|
2196
|
-
}) : e.type === "switch" ? /* @__PURE__ */ t(
|
|
2262
|
+
}) : e.type === "switch" ? /* @__PURE__ */ t(xt, {
|
|
2197
2263
|
label: e.label,
|
|
2198
2264
|
checked: !!n,
|
|
2199
2265
|
disabled: i,
|
|
@@ -2203,7 +2269,7 @@ var M = {
|
|
|
2203
2269
|
setValue: r,
|
|
2204
2270
|
disabled: i,
|
|
2205
2271
|
error: a
|
|
2206
|
-
}) : /* @__PURE__ */ t(
|
|
2272
|
+
}) : /* @__PURE__ */ t(mt, {
|
|
2207
2273
|
label: e.label,
|
|
2208
2274
|
type: e.type === "search" ? "search" : "text",
|
|
2209
2275
|
value: String(n ?? ""),
|
|
@@ -2212,20 +2278,20 @@ var M = {
|
|
|
2212
2278
|
error: a,
|
|
2213
2279
|
onChange: (e) => r(e)
|
|
2214
2280
|
});
|
|
2215
|
-
},
|
|
2281
|
+
}, wt = (e, t, n) => {
|
|
2216
2282
|
let r = new Set(e);
|
|
2217
2283
|
return t.forEach((e) => {
|
|
2218
2284
|
n ? r.add(e) : r.delete(e);
|
|
2219
2285
|
}), Array.from(r);
|
|
2220
|
-
},
|
|
2286
|
+
}, Tt = (e) => {
|
|
2221
2287
|
if (!(!e || e.width === void 0 && e.minWidth === void 0 && e.maxWidth === void 0)) return {
|
|
2222
2288
|
width: e.width,
|
|
2223
2289
|
minWidth: e.minWidth,
|
|
2224
2290
|
maxWidth: e.maxWidth
|
|
2225
2291
|
};
|
|
2226
|
-
},
|
|
2292
|
+
}, Et = (e) => {
|
|
2227
2293
|
if (e?.sticky) return e.sticky === "start" ? { insetInlineStart: e.stickyOffset ?? 0 } : { insetInlineEnd: e.stickyOffset ?? 0 };
|
|
2228
|
-
},
|
|
2294
|
+
}, Dt = (e, t) => t <= 7 ? Array.from({ length: t }, (e, t) => t) : e <= 3 ? [
|
|
2229
2295
|
0,
|
|
2230
2296
|
1,
|
|
2231
2297
|
2,
|
|
@@ -2249,7 +2315,7 @@ var M = {
|
|
|
2249
2315
|
e + 1,
|
|
2250
2316
|
"ellipsis-end",
|
|
2251
2317
|
t - 1
|
|
2252
|
-
],
|
|
2318
|
+
], Ot = (e, t) => {
|
|
2253
2319
|
let n = /* @__PURE__ */ new Set();
|
|
2254
2320
|
for (let t of e) {
|
|
2255
2321
|
if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
|
|
@@ -2261,36 +2327,36 @@ var M = {
|
|
|
2261
2327
|
for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
|
|
2262
2328
|
}
|
|
2263
2329
|
return null;
|
|
2264
|
-
},
|
|
2330
|
+
}, kt = (e, t) => typeof e == "function" ? e(t) : t[e], At = (e) => {
|
|
2265
2331
|
if (e == null || e === "") return null;
|
|
2266
2332
|
let t = Date.parse(String(e));
|
|
2267
2333
|
return Number.isNaN(t) ? null : t;
|
|
2268
|
-
},
|
|
2269
|
-
let r =
|
|
2334
|
+
}, jt = (e, t, n) => {
|
|
2335
|
+
let r = At(e.getValue(n)), i = At(t.getValue(n));
|
|
2270
2336
|
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
2271
|
-
},
|
|
2337
|
+
}, Mt = (e, t, n) => {
|
|
2272
2338
|
let r = e.getValue(n), i = t.getValue(n);
|
|
2273
2339
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
2274
|
-
},
|
|
2340
|
+
}, Nt = (e, t, n) => {
|
|
2275
2341
|
let r = e.getValue(n), i = t.getValue(n);
|
|
2276
2342
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
2277
|
-
},
|
|
2343
|
+
}, Pt = (e, t, n) => {
|
|
2278
2344
|
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
2279
2345
|
return r.localeCompare(i, void 0, {
|
|
2280
2346
|
numeric: !0,
|
|
2281
2347
|
sensitivity: "base"
|
|
2282
2348
|
});
|
|
2283
|
-
},
|
|
2349
|
+
}, Ft = (e) => {
|
|
2284
2350
|
switch (e) {
|
|
2285
|
-
case "date": return
|
|
2286
|
-
case "number": return
|
|
2287
|
-
case "boolean": return
|
|
2351
|
+
case "date": return jt;
|
|
2352
|
+
case "number": return Mt;
|
|
2353
|
+
case "boolean": return Nt;
|
|
2288
2354
|
case "text":
|
|
2289
|
-
case void 0: return
|
|
2355
|
+
case void 0: return Pt;
|
|
2290
2356
|
case "custom": return;
|
|
2291
2357
|
}
|
|
2292
|
-
},
|
|
2293
|
-
let t = (t) =>
|
|
2358
|
+
}, It = (e) => {
|
|
2359
|
+
let t = (t) => kt(e.accessor, t), n = e.sortFn ?? Ft(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
|
|
2294
2360
|
id: e.id,
|
|
2295
2361
|
accessorFn: t,
|
|
2296
2362
|
header: () => e.header,
|
|
@@ -2302,290 +2368,290 @@ var M = {
|
|
|
2302
2368
|
sortDescFirst: e.sortDescFirst
|
|
2303
2369
|
};
|
|
2304
2370
|
return n !== void 0 && (i.sortFn = n), i;
|
|
2305
|
-
},
|
|
2371
|
+
}, Lt = ({ columns: e, data: i, tableOnMobile: a = !1, mobileView: o, breakpoint: s = "default", sorting: c, onSortingChange: l, renderMobileCard: u, getRowId: f, getRowClassName: p, getRowStyle: h, toolbarContent: _, totalCountVariant: v = "default", totalCountLabel: y = "Всего", caption: b, ariaLabel: S, loading: C = !1, error: w, emptyState: T = "Нет данных", stickyHeader: E = !1, maxHeight: D, className: O = "", onRowClick: k, selectable: A = !1, selectedRowIds: M, onSelectedRowIdsChange: ee, onRowDoubleClick: N, getRowSelectionLabel: P, selectAllRowsLabel: F = "Выбрать все строки на этой странице", resetSelectionLabel: I = "Сбросить выбор", openRowLabel: L = "Открыть строку", pagination: R = !1, paginationMode: z = "client", page: B = 1, pageSize: V = 30, onPageSizeChange: H, pageSizeOptions: U = [
|
|
2306
2372
|
10,
|
|
2307
2373
|
30,
|
|
2308
2374
|
50,
|
|
2309
2375
|
-1
|
|
2310
|
-
], pageSizeDraft: W, onPageSizeDraftChange: te, pageSizeApplyMode: ne = "table", totalCount: re, onPageChange: ie, visibleColumnIds: ae, density: oe = "comfortable", renderBulkActions: se, renderExpandedRow: ce, expandedRowIds:
|
|
2311
|
-
let [
|
|
2376
|
+
], pageSizeDraft: W, onPageSizeDraftChange: te, pageSizeApplyMode: ne = "table", totalCount: re, onPageChange: ie, visibleColumnIds: ae, density: oe = "comfortable", renderBulkActions: se, renderExpandedRow: ce, expandedRowIds: G, onExpandedRowIdsChange: le, getRowExpansionLabel: ue, resultsAnnouncement: de, filterBar: K }) => {
|
|
2377
|
+
let [fe, pe] = g([]), [me, he] = g([]), [ge, _e] = g([]), [ve, ye] = g(0), [be, xe] = g(V === -1 ? -1 : [
|
|
2312
2378
|
10,
|
|
2313
2379
|
30,
|
|
2314
2380
|
50
|
|
2315
|
-
].includes(V) ? V : 30),
|
|
2381
|
+
].includes(V) ? V : 30), Se = c ?? fe, Ce = Se.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), we = V === -1, Te = we ? Math.max(1, (z === "server" ? Number(re) : i.length) || i.length || 1) : Number.isFinite(V) && V > 0 ? Math.floor(V) : 30, Ee = R && z === "server", q = m(() => {
|
|
2316
2382
|
if (ae === void 0) return e;
|
|
2317
2383
|
let t = new Set(ae);
|
|
2318
2384
|
return e.filter((e) => t.has(e.id));
|
|
2319
|
-
}, [e, ae]), De = m(() => q.length === 0 ? "Должна быть видима хотя бы одна колонка" :
|
|
2320
|
-
features:
|
|
2321
|
-
columns:
|
|
2385
|
+
}, [e, ae]), De = m(() => q.length === 0 ? "Должна быть видима хотя бы одна колонка" : Ot(q, i), [i, q]), Oe = m(() => q.map(It), [q]), ke = q.some((e) => Tt(e) !== void 0), J = x({
|
|
2386
|
+
features: St,
|
|
2387
|
+
columns: Oe,
|
|
2322
2388
|
data: i,
|
|
2323
|
-
state: { sorting:
|
|
2389
|
+
state: { sorting: Se },
|
|
2324
2390
|
onSortingChange: (e) => {
|
|
2325
|
-
let t = typeof e == "function" ? e(
|
|
2326
|
-
c === void 0 &&
|
|
2391
|
+
let t = typeof e == "function" ? e(Se) : e;
|
|
2392
|
+
c === void 0 && pe(t), ye(0), l?.(t);
|
|
2327
2393
|
},
|
|
2328
2394
|
getRowId: f
|
|
2329
|
-
}),
|
|
2330
|
-
K,
|
|
2395
|
+
}), Ae = J.getRowModel().rows, je = Ee && Number.isFinite(re) && Number(re) >= 0 ? Math.floor(Number(re)) : Ae.length, Me = R ? Math.max(1, Math.ceil(je / Te)) : 1, X = Number.isFinite(B) && B > 0 ? Math.floor(B) - 1 : 0, Pe = Math.min(Ee ? X : ve, Me - 1), Fe = m(() => R && !Ee ? Ae.slice(Pe * Te, (Pe + 1) * Te) : Ae, [
|
|
2331
2396
|
Ee,
|
|
2397
|
+
Te,
|
|
2332
2398
|
R,
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
]),
|
|
2399
|
+
Pe,
|
|
2400
|
+
Ae
|
|
2401
|
+
]), Ie = M ?? me, Le = m(() => new Set(Ie), [Ie]), Re = G ?? ge, ze = m(() => new Set(Re), [Re]), Be = m(() => Fe.map((e) => e.id), [Fe]), Ve = Be.filter((e) => Le.has(e)).length, He = Be.length > 0 && Ve === Be.length, Ue = Ve > 0 && !He, We = m(() => q.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
2336
2402
|
id: e.id,
|
|
2337
2403
|
label: typeof e.header == "string" ? e.header : e.id
|
|
2338
|
-
})), [q]),
|
|
2339
|
-
|
|
2340
|
-
s === "wide" ?
|
|
2341
|
-
|
|
2342
|
-
oe === "compact" ?
|
|
2404
|
+
})), [q]), Ge = m(() => Dt(Pe, Me), [Me, Pe]), Ke = o === void 0 ? a : o === "table", qe = [
|
|
2405
|
+
Q.root,
|
|
2406
|
+
s === "wide" ? Q.wide : Q.default,
|
|
2407
|
+
Ke ? Q.tableOnMobile : "",
|
|
2408
|
+
oe === "compact" ? Q.compact : "",
|
|
2343
2409
|
O
|
|
2344
|
-
].filter(Boolean).join(" "),
|
|
2345
|
-
|
|
2346
|
-
},
|
|
2347
|
-
let i =
|
|
2410
|
+
].filter(Boolean).join(" "), Je = De ?? w, Ye = R && !we && !Je && je > Te && (!C || Ee), Xe = R && !!(H || te || K), Ze = W ?? be, Qe = K ? (typeof K.validation == "function" ? K.validation(K.draftValues) : K.validation) ?? {} : {}, $e = K ? JSON.stringify(K.draftValues) !== JSON.stringify(K.appliedValues) || Ze !== V : !1, et = Object.values(Qe).some(Boolean), tt = je === 0 ? 0 : Pe * Te + 1, nt = Math.min((Pe + 1) * Te, je), rt = () => {
|
|
2411
|
+
Ze !== V && (ye(0), ie?.(1), H?.(Ze));
|
|
2412
|
+
}, Z = (e, r = !1) => {
|
|
2413
|
+
let i = Ze !== V, a = `ds-data-table-page-size-warning-${e}`;
|
|
2348
2414
|
return /* @__PURE__ */ n("div", {
|
|
2349
|
-
className: `${
|
|
2415
|
+
className: `${Q.pageSizePanel} ${Q[e]} ${r ? Q.embedded : ""}`,
|
|
2350
2416
|
children: [
|
|
2351
2417
|
/* @__PURE__ */ n("div", {
|
|
2352
|
-
className:
|
|
2418
|
+
className: Q.pageSizeMain,
|
|
2353
2419
|
children: [/* @__PURE__ */ n("fieldset", {
|
|
2354
|
-
className:
|
|
2355
|
-
disabled: C ||
|
|
2420
|
+
className: Q.pageSizeFieldset,
|
|
2421
|
+
disabled: C || K?.applying,
|
|
2356
2422
|
children: [/* @__PURE__ */ t("legend", { children: "На странице" }), /* @__PURE__ */ t("div", {
|
|
2357
|
-
className:
|
|
2423
|
+
className: Q.pageSizeOptions,
|
|
2358
2424
|
children: U.map((e) => /* @__PURE__ */ t("button", {
|
|
2359
2425
|
type: "button",
|
|
2360
|
-
className: `${
|
|
2361
|
-
"aria-pressed":
|
|
2426
|
+
className: `${Q.pageSizeOption} ${Ze === e ? Q.pageSizeOptionActive : ""}`,
|
|
2427
|
+
"aria-pressed": Ze === e,
|
|
2362
2428
|
onClick: () => {
|
|
2363
|
-
W === void 0 &&
|
|
2429
|
+
W === void 0 && xe(e), te?.(e);
|
|
2364
2430
|
},
|
|
2365
2431
|
children: e === -1 ? "Все" : e
|
|
2366
2432
|
}, e))
|
|
2367
2433
|
})]
|
|
2368
|
-
}), ne === "table" && !
|
|
2434
|
+
}), ne === "table" && !K && /* @__PURE__ */ t(j, {
|
|
2369
2435
|
size: "sm",
|
|
2370
2436
|
disabled: C || !i,
|
|
2371
|
-
"aria-describedby":
|
|
2372
|
-
onClick:
|
|
2437
|
+
"aria-describedby": Ze === -1 && i && e === "top" ? a : void 0,
|
|
2438
|
+
onClick: rt,
|
|
2373
2439
|
children: "Применить"
|
|
2374
2440
|
})]
|
|
2375
2441
|
}),
|
|
2376
2442
|
/* @__PURE__ */ n("span", {
|
|
2377
|
-
className:
|
|
2443
|
+
className: Q.paginationRange,
|
|
2378
2444
|
children: [
|
|
2379
2445
|
"Показано ",
|
|
2380
|
-
|
|
2446
|
+
tt,
|
|
2381
2447
|
"–",
|
|
2382
|
-
|
|
2448
|
+
nt,
|
|
2383
2449
|
" из ",
|
|
2384
|
-
|
|
2450
|
+
je
|
|
2385
2451
|
]
|
|
2386
2452
|
}),
|
|
2387
|
-
|
|
2388
|
-
className:
|
|
2453
|
+
$e && e === "top" && /* @__PURE__ */ t("span", {
|
|
2454
|
+
className: Q.pendingChanges,
|
|
2389
2455
|
role: "status",
|
|
2390
2456
|
children: "Есть неприменённые изменения"
|
|
2391
2457
|
}),
|
|
2392
|
-
|
|
2458
|
+
Ee && Ze === -1 && i && /* @__PURE__ */ n("span", {
|
|
2393
2459
|
id: a,
|
|
2394
|
-
className:
|
|
2460
|
+
className: Q.pageSizeWarning,
|
|
2395
2461
|
"aria-hidden": e === "bottom" || void 0,
|
|
2396
2462
|
children: [
|
|
2397
2463
|
"Будут загружены все ",
|
|
2398
|
-
|
|
2464
|
+
je,
|
|
2399
2465
|
" записей"
|
|
2400
2466
|
]
|
|
2401
2467
|
})
|
|
2402
2468
|
]
|
|
2403
2469
|
});
|
|
2404
|
-
},
|
|
2405
|
-
let t = Math.max(0, Math.min(
|
|
2406
|
-
if (
|
|
2407
|
-
t !==
|
|
2470
|
+
}, at = (e) => {
|
|
2471
|
+
let t = Math.max(0, Math.min(Me - 1, e));
|
|
2472
|
+
if (Ee) {
|
|
2473
|
+
t !== Pe && ie?.(t + 1);
|
|
2408
2474
|
return;
|
|
2409
2475
|
}
|
|
2410
|
-
|
|
2411
|
-
},
|
|
2476
|
+
ye(t);
|
|
2477
|
+
}, ot = (e) => {
|
|
2412
2478
|
let t = Array.from(e);
|
|
2413
|
-
M === void 0 &&
|
|
2414
|
-
},
|
|
2415
|
-
let t = new Set(
|
|
2416
|
-
t.has(e) ? t.delete(e) : t.add(e),
|
|
2417
|
-
},
|
|
2418
|
-
let e =
|
|
2419
|
-
M === void 0 &&
|
|
2420
|
-
},
|
|
2421
|
-
let t = new Set(
|
|
2479
|
+
M === void 0 && he(t), ee?.(t);
|
|
2480
|
+
}, st = (e) => {
|
|
2481
|
+
let t = new Set(Le);
|
|
2482
|
+
t.has(e) ? t.delete(e) : t.add(e), ot(t);
|
|
2483
|
+
}, ct = () => {
|
|
2484
|
+
let e = wt(Le, Be, !He);
|
|
2485
|
+
M === void 0 && he(e), ee?.(e);
|
|
2486
|
+
}, lt = () => ot(/* @__PURE__ */ new Set()), ut = (e) => {
|
|
2487
|
+
let t = new Set(ze);
|
|
2422
2488
|
t.has(e) ? t.delete(e) : t.add(e);
|
|
2423
2489
|
let n = Array.from(t);
|
|
2424
|
-
|
|
2425
|
-
},
|
|
2426
|
-
visibleCount:
|
|
2427
|
-
totalCount:
|
|
2428
|
-
selectedCount:
|
|
2429
|
-
}) ?? `Показано строк: ${
|
|
2490
|
+
G === void 0 && _e(n), le?.(n);
|
|
2491
|
+
}, dt = i.filter((e, t) => Le.has(f?.(e, t) ?? String(t))), pt = de?.({
|
|
2492
|
+
visibleCount: Fe.length,
|
|
2493
|
+
totalCount: je,
|
|
2494
|
+
selectedCount: Le.size
|
|
2495
|
+
}) ?? `Показано строк: ${Fe.length} из ${je}. Выбрано: ${Le.size}.`;
|
|
2430
2496
|
return d(() => {
|
|
2431
|
-
|
|
2497
|
+
Ee || ye(0);
|
|
2432
2498
|
}, [
|
|
2433
2499
|
i,
|
|
2434
|
-
K,
|
|
2435
2500
|
Ee,
|
|
2501
|
+
Te,
|
|
2436
2502
|
R,
|
|
2437
|
-
|
|
2503
|
+
Ce
|
|
2438
2504
|
]), d(() => {
|
|
2439
|
-
!
|
|
2505
|
+
!Ee && ve >= Me && ye(Me - 1);
|
|
2440
2506
|
}, [
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2507
|
+
Ee,
|
|
2508
|
+
Me,
|
|
2509
|
+
ve
|
|
2444
2510
|
]), d(() => {
|
|
2445
|
-
|
|
2511
|
+
xe(V === -1 ? -1 : [
|
|
2446
2512
|
10,
|
|
2447
2513
|
30,
|
|
2448
2514
|
50
|
|
2449
2515
|
].includes(V) ? V : 30);
|
|
2450
2516
|
}, [V]), /* @__PURE__ */ n("section", {
|
|
2451
|
-
className:
|
|
2517
|
+
className: qe,
|
|
2452
2518
|
"aria-busy": C,
|
|
2453
2519
|
children: [
|
|
2454
2520
|
/* @__PURE__ */ t("div", {
|
|
2455
|
-
className:
|
|
2521
|
+
className: Q.srOnly,
|
|
2456
2522
|
"aria-live": "polite",
|
|
2457
2523
|
"aria-atomic": "true",
|
|
2458
|
-
children:
|
|
2524
|
+
children: pt
|
|
2459
2525
|
}),
|
|
2460
|
-
se &&
|
|
2461
|
-
className:
|
|
2526
|
+
se && Le.size > 0 && /* @__PURE__ */ t("div", {
|
|
2527
|
+
className: Q.bulkActions,
|
|
2462
2528
|
role: "region",
|
|
2463
2529
|
"aria-label": "Действия с выбранными строками",
|
|
2464
2530
|
children: se({
|
|
2465
|
-
selectedRowIds: Array.from(
|
|
2466
|
-
selectedRows:
|
|
2467
|
-
clearSelection:
|
|
2531
|
+
selectedRowIds: Array.from(Le),
|
|
2532
|
+
selectedRows: dt,
|
|
2533
|
+
clearSelection: lt
|
|
2468
2534
|
})
|
|
2469
2535
|
}),
|
|
2470
|
-
|
|
2471
|
-
className:
|
|
2536
|
+
K && /* @__PURE__ */ n("form", {
|
|
2537
|
+
className: Q.filterBar,
|
|
2472
2538
|
role: "search",
|
|
2473
2539
|
"aria-label": "Фильтры таблицы",
|
|
2474
2540
|
onSubmit: (e) => {
|
|
2475
|
-
e.preventDefault(), !(
|
|
2476
|
-
filters:
|
|
2477
|
-
pageSize:
|
|
2541
|
+
e.preventDefault(), !(!$e || et || K.applying || C) && (ye(0), ie?.(1), K.onApply({
|
|
2542
|
+
filters: K.draftValues,
|
|
2543
|
+
pageSize: Ze
|
|
2478
2544
|
}));
|
|
2479
2545
|
},
|
|
2480
2546
|
children: [
|
|
2481
2547
|
/* @__PURE__ */ t("div", {
|
|
2482
|
-
className:
|
|
2483
|
-
children:
|
|
2548
|
+
className: Q.filterFields,
|
|
2549
|
+
children: K.fields.map((e) => /* @__PURE__ */ t(Ct, {
|
|
2484
2550
|
field: e,
|
|
2485
|
-
value:
|
|
2486
|
-
disabled: !!(e.disabled ||
|
|
2487
|
-
error:
|
|
2488
|
-
setValue: (t) =>
|
|
2489
|
-
...
|
|
2551
|
+
value: K.draftValues[e.key],
|
|
2552
|
+
disabled: !!(e.disabled || K.applying || C),
|
|
2553
|
+
error: Qe[e.key],
|
|
2554
|
+
setValue: (t) => K.onDraftValuesChange({
|
|
2555
|
+
...K.draftValues,
|
|
2490
2556
|
[e.key]: t
|
|
2491
2557
|
})
|
|
2492
2558
|
}, e.key))
|
|
2493
2559
|
}),
|
|
2494
|
-
|
|
2560
|
+
Xe && Z("top", !0),
|
|
2495
2561
|
/* @__PURE__ */ n("div", {
|
|
2496
|
-
className:
|
|
2562
|
+
className: Q.filterActions,
|
|
2497
2563
|
children: [/* @__PURE__ */ t(j, {
|
|
2498
2564
|
variant: "empty",
|
|
2499
|
-
disabled:
|
|
2565
|
+
disabled: K.applying || C,
|
|
2500
2566
|
onClick: () => {
|
|
2501
|
-
let e =
|
|
2502
|
-
|
|
2503
|
-
let t =
|
|
2504
|
-
W === void 0 &&
|
|
2567
|
+
let e = K.resetValues ?? K.appliedValues;
|
|
2568
|
+
K.onDraftValuesChange(e);
|
|
2569
|
+
let t = K.resetPageSize ?? U[0] ?? 30;
|
|
2570
|
+
W === void 0 && xe(t), te?.(t), K.onReset?.({
|
|
2505
2571
|
filters: e,
|
|
2506
2572
|
pageSize: t
|
|
2507
2573
|
});
|
|
2508
2574
|
},
|
|
2509
|
-
children:
|
|
2575
|
+
children: K.resetLabel ?? "Сбросить"
|
|
2510
2576
|
}), /* @__PURE__ */ t(j, {
|
|
2511
2577
|
type: "submit",
|
|
2512
|
-
isLoading:
|
|
2513
|
-
disabled:
|
|
2514
|
-
children:
|
|
2578
|
+
isLoading: K.applying,
|
|
2579
|
+
disabled: !$e || et || C,
|
|
2580
|
+
children: K.applyLabel ?? "Применить"
|
|
2515
2581
|
})]
|
|
2516
2582
|
})
|
|
2517
2583
|
]
|
|
2518
2584
|
}),
|
|
2519
|
-
|
|
2585
|
+
Xe && !K && Z("top"),
|
|
2520
2586
|
(v === "highlighted" || _ != null) && /* @__PURE__ */ n("div", {
|
|
2521
|
-
className:
|
|
2587
|
+
className: Q.toolbar,
|
|
2522
2588
|
children: [v === "highlighted" && /* @__PURE__ */ n("div", {
|
|
2523
|
-
className:
|
|
2524
|
-
"aria-label": `${y}: ${
|
|
2589
|
+
className: Q.totalWidget,
|
|
2590
|
+
"aria-label": `${y}: ${je}`,
|
|
2525
2591
|
children: [/* @__PURE__ */ t("span", {
|
|
2526
|
-
className:
|
|
2592
|
+
className: Q.totalLabel,
|
|
2527
2593
|
children: y
|
|
2528
2594
|
}), /* @__PURE__ */ t("strong", {
|
|
2529
|
-
className:
|
|
2530
|
-
children:
|
|
2595
|
+
className: Q.totalValue,
|
|
2596
|
+
children: je
|
|
2531
2597
|
})]
|
|
2532
2598
|
}), _]
|
|
2533
2599
|
}),
|
|
2534
|
-
!
|
|
2535
|
-
className:
|
|
2536
|
-
options:
|
|
2537
|
-
value:
|
|
2538
|
-
id:
|
|
2539
|
-
direction:
|
|
2600
|
+
!Ke && !C && !Je && Fe.length > 0 && We.length > 0 && /* @__PURE__ */ t(ft, {
|
|
2601
|
+
className: Q.mobileSort,
|
|
2602
|
+
options: We,
|
|
2603
|
+
value: Se[0] ? {
|
|
2604
|
+
id: Se[0].id,
|
|
2605
|
+
direction: Se[0].desc ? "desc" : "asc"
|
|
2540
2606
|
} : null,
|
|
2541
|
-
onChange: (e) =>
|
|
2607
|
+
onChange: (e) => J.setSorting([{
|
|
2542
2608
|
id: e.id,
|
|
2543
2609
|
desc: e.direction === "desc"
|
|
2544
2610
|
}])
|
|
2545
2611
|
}),
|
|
2546
2612
|
/* @__PURE__ */ t("div", {
|
|
2547
|
-
className:
|
|
2613
|
+
className: Q.tableWrap,
|
|
2548
2614
|
style: { maxHeight: D },
|
|
2549
2615
|
children: /* @__PURE__ */ n("table", {
|
|
2550
|
-
className:
|
|
2616
|
+
className: Q.table,
|
|
2551
2617
|
"aria-label": S,
|
|
2552
2618
|
children: [
|
|
2553
2619
|
b && /* @__PURE__ */ t("caption", { children: b }),
|
|
2554
2620
|
(ke || A || !!ce) && /* @__PURE__ */ n("colgroup", { children: [
|
|
2555
|
-
ce && /* @__PURE__ */ t("col", { className:
|
|
2556
|
-
A && /* @__PURE__ */ t("col", { className:
|
|
2557
|
-
q.map((e) => /* @__PURE__ */ t("col", { style:
|
|
2621
|
+
ce && /* @__PURE__ */ t("col", { className: Q.expansionColumn }),
|
|
2622
|
+
A && /* @__PURE__ */ t("col", { className: Q.selectionColumn }),
|
|
2623
|
+
q.map((e) => /* @__PURE__ */ t("col", { style: Tt(e) }, e.id))
|
|
2558
2624
|
] }),
|
|
2559
2625
|
/* @__PURE__ */ t("thead", {
|
|
2560
|
-
className: E ?
|
|
2561
|
-
children:
|
|
2626
|
+
className: E ? Q.sticky : "",
|
|
2627
|
+
children: J.getHeaderGroups().map((e) => /* @__PURE__ */ n("tr", { children: [
|
|
2562
2628
|
ce && /* @__PURE__ */ t("th", {
|
|
2563
|
-
className:
|
|
2629
|
+
className: Q.expansionCell,
|
|
2564
2630
|
scope: "col",
|
|
2565
2631
|
children: /* @__PURE__ */ t("span", {
|
|
2566
|
-
className:
|
|
2632
|
+
className: Q.srOnly,
|
|
2567
2633
|
children: "Подробности"
|
|
2568
2634
|
})
|
|
2569
2635
|
}),
|
|
2570
2636
|
A && /* @__PURE__ */ t("th", {
|
|
2571
|
-
className:
|
|
2637
|
+
className: Q.selectionHeaderCell,
|
|
2572
2638
|
scope: "col",
|
|
2573
2639
|
children: /* @__PURE__ */ n("div", {
|
|
2574
|
-
className:
|
|
2575
|
-
children: [/* @__PURE__ */ t(
|
|
2576
|
-
checked:
|
|
2577
|
-
indeterminate:
|
|
2578
|
-
disabled: C ||
|
|
2640
|
+
className: Q.selectionHeaderControls,
|
|
2641
|
+
children: [/* @__PURE__ */ t(Ne, {
|
|
2642
|
+
checked: He,
|
|
2643
|
+
indeterminate: Ue,
|
|
2644
|
+
disabled: C || Be.length === 0,
|
|
2579
2645
|
ariaLabel: F,
|
|
2580
|
-
onChange:
|
|
2646
|
+
onChange: ct
|
|
2581
2647
|
}), /* @__PURE__ */ t(j, {
|
|
2582
2648
|
size: "sm",
|
|
2583
2649
|
variant: "empty",
|
|
2584
|
-
disabled:
|
|
2650
|
+
disabled: Le.size === 0,
|
|
2585
2651
|
"aria-label": I,
|
|
2586
2652
|
title: I,
|
|
2587
|
-
onClick:
|
|
2588
|
-
children: /* @__PURE__ */ t(
|
|
2653
|
+
onClick: lt,
|
|
2654
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2589
2655
|
name: "IconX",
|
|
2590
2656
|
width: 16,
|
|
2591
2657
|
height: 16
|
|
@@ -2598,17 +2664,17 @@ var M = {
|
|
|
2598
2664
|
return /* @__PURE__ */ t("th", {
|
|
2599
2665
|
scope: "col",
|
|
2600
2666
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
2601
|
-
className: q.find((t) => t.id === e.column.id)?.sticky ?
|
|
2667
|
+
className: q.find((t) => t.id === e.column.id)?.sticky ? Q.stickyColumn : void 0,
|
|
2602
2668
|
style: {
|
|
2603
|
-
...
|
|
2604
|
-
...
|
|
2669
|
+
...Tt(q.find((t) => t.id === e.column.id)),
|
|
2670
|
+
...Et(q.find((t) => t.id === e.column.id))
|
|
2605
2671
|
},
|
|
2606
2672
|
children: /* @__PURE__ */ n("button", {
|
|
2607
2673
|
type: "button",
|
|
2608
|
-
className:
|
|
2674
|
+
className: Q.sortButton,
|
|
2609
2675
|
disabled: !i,
|
|
2610
2676
|
onClick: a,
|
|
2611
|
-
children: [/* @__PURE__ */ t(
|
|
2677
|
+
children: [/* @__PURE__ */ t(J.FlexRender, { header: e }), /* @__PURE__ */ t(Y, {
|
|
2612
2678
|
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
2613
2679
|
width: 16,
|
|
2614
2680
|
height: 16
|
|
@@ -2620,85 +2686,85 @@ var M = {
|
|
|
2620
2686
|
}),
|
|
2621
2687
|
/* @__PURE__ */ t("tbody", { children: C ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2622
2688
|
colSpan: q.length + +!!A + +!!ce,
|
|
2623
|
-
children: /* @__PURE__ */ t(
|
|
2689
|
+
children: /* @__PURE__ */ t(it, {
|
|
2624
2690
|
lines: 3,
|
|
2625
2691
|
height: 65
|
|
2626
2692
|
})
|
|
2627
|
-
}) }) :
|
|
2628
|
-
className:
|
|
2693
|
+
}) }) : Je ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2694
|
+
className: Q.state,
|
|
2629
2695
|
colSpan: q.length + +!!A + +!!ce,
|
|
2630
|
-
children:
|
|
2631
|
-
}) }) :
|
|
2632
|
-
className:
|
|
2696
|
+
children: Je
|
|
2697
|
+
}) }) : Fe.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2698
|
+
className: Q.state,
|
|
2633
2699
|
colSpan: q.length + +!!A + +!!ce,
|
|
2634
2700
|
children: T
|
|
2635
|
-
}) }) :
|
|
2636
|
-
let i =
|
|
2701
|
+
}) }) : Fe.map((e) => {
|
|
2702
|
+
let i = Le.has(e.id), a = P?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = ze.has(e.id);
|
|
2637
2703
|
return /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ n("tr", {
|
|
2638
2704
|
className: [
|
|
2639
|
-
k || A ?
|
|
2640
|
-
i ?
|
|
2705
|
+
k || A ? Q.clickableRow : "",
|
|
2706
|
+
i ? Q.selectedRow : "",
|
|
2641
2707
|
p?.(e.original)
|
|
2642
2708
|
].filter(Boolean).join(" "),
|
|
2643
2709
|
style: h?.(e.original),
|
|
2644
2710
|
"aria-selected": A ? i : void 0,
|
|
2645
2711
|
onClick: () => {
|
|
2646
|
-
A ?
|
|
2712
|
+
A ? st(e.id) : k?.(e.original);
|
|
2647
2713
|
},
|
|
2648
2714
|
onDoubleClick: () => {
|
|
2649
2715
|
A && N?.(e.original);
|
|
2650
2716
|
},
|
|
2651
2717
|
onKeyDown: (t) => {
|
|
2652
|
-
t.key === "Enter" ? (t.preventDefault(), A ? N?.(e.original) : k?.(e.original)) : t.key === " " && A && (t.preventDefault(),
|
|
2718
|
+
t.key === "Enter" ? (t.preventDefault(), A ? N?.(e.original) : k?.(e.original)) : t.key === " " && A && (t.preventDefault(), st(e.id));
|
|
2653
2719
|
},
|
|
2654
2720
|
tabIndex: k || A || N ? 0 : void 0,
|
|
2655
2721
|
role: !A && k ? "button" : void 0,
|
|
2656
2722
|
children: [
|
|
2657
2723
|
ce && /* @__PURE__ */ t("td", {
|
|
2658
|
-
className:
|
|
2724
|
+
className: Q.expansionCell,
|
|
2659
2725
|
onClick: (e) => e.stopPropagation(),
|
|
2660
2726
|
children: /* @__PURE__ */ t(j, {
|
|
2661
2727
|
size: "sm",
|
|
2662
2728
|
variant: "empty",
|
|
2663
2729
|
"aria-expanded": o,
|
|
2664
|
-
"aria-label":
|
|
2665
|
-
onClick: () =>
|
|
2666
|
-
children: /* @__PURE__ */ t(
|
|
2730
|
+
"aria-label": ue?.(e.original, o) ?? (o ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2731
|
+
onClick: () => ut(e.id),
|
|
2732
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2667
2733
|
name: "IconChevron",
|
|
2668
2734
|
width: 16,
|
|
2669
2735
|
height: 16,
|
|
2670
|
-
className: o ?
|
|
2736
|
+
className: o ? Q.expansionIconOpen : Q.expansionIcon
|
|
2671
2737
|
})
|
|
2672
2738
|
})
|
|
2673
2739
|
}),
|
|
2674
2740
|
A && /* @__PURE__ */ t("td", {
|
|
2675
|
-
className:
|
|
2741
|
+
className: Q.selectionCell,
|
|
2676
2742
|
children: /* @__PURE__ */ t("div", {
|
|
2677
2743
|
onClick: (e) => e.stopPropagation(),
|
|
2678
|
-
children: /* @__PURE__ */ t(
|
|
2744
|
+
children: /* @__PURE__ */ t(Ne, {
|
|
2679
2745
|
checked: i,
|
|
2680
2746
|
ariaLabel: a,
|
|
2681
|
-
onChange: () =>
|
|
2747
|
+
onChange: () => st(e.id)
|
|
2682
2748
|
})
|
|
2683
2749
|
})
|
|
2684
2750
|
}),
|
|
2685
2751
|
e.getAllCells().map((e) => /* @__PURE__ */ t("td", {
|
|
2686
|
-
className: q.find((t) => t.id === e.column.id)?.sticky ?
|
|
2752
|
+
className: q.find((t) => t.id === e.column.id)?.sticky ? Q.stickyColumn : void 0,
|
|
2687
2753
|
style: {
|
|
2688
|
-
...
|
|
2689
|
-
...
|
|
2754
|
+
...Tt(q.find((t) => t.id === e.column.id)),
|
|
2755
|
+
...Et(q.find((t) => t.id === e.column.id))
|
|
2690
2756
|
},
|
|
2691
|
-
children: /* @__PURE__ */ t(
|
|
2757
|
+
children: /* @__PURE__ */ t(J.FlexRender, { cell: e })
|
|
2692
2758
|
}, e.id))
|
|
2693
2759
|
]
|
|
2694
2760
|
}), o && ce && /* @__PURE__ */ t("tr", {
|
|
2695
|
-
className:
|
|
2761
|
+
className: Q.detailRow,
|
|
2696
2762
|
children: /* @__PURE__ */ t("td", {
|
|
2697
2763
|
colSpan: q.length + +!!A + 1,
|
|
2698
2764
|
children: ce({
|
|
2699
2765
|
row: e.original,
|
|
2700
2766
|
rowId: e.id,
|
|
2701
|
-
collapse: () =>
|
|
2767
|
+
collapse: () => ut(e.id)
|
|
2702
2768
|
})
|
|
2703
2769
|
})
|
|
2704
2770
|
})] }, e.id);
|
|
@@ -2706,42 +2772,42 @@ var M = {
|
|
|
2706
2772
|
]
|
|
2707
2773
|
})
|
|
2708
2774
|
}),
|
|
2709
|
-
!
|
|
2710
|
-
className:
|
|
2775
|
+
!Ke && /* @__PURE__ */ n("div", {
|
|
2776
|
+
className: Q.cards,
|
|
2711
2777
|
role: "list",
|
|
2712
2778
|
"aria-label": S ?? b,
|
|
2713
|
-
children: [A && !C && !
|
|
2714
|
-
className:
|
|
2715
|
-
children: [/* @__PURE__ */ t(
|
|
2716
|
-
checked:
|
|
2717
|
-
indeterminate:
|
|
2779
|
+
children: [A && !C && !Je && Fe.length > 0 && /* @__PURE__ */ n("div", {
|
|
2780
|
+
className: Q.mobileSelectionControls,
|
|
2781
|
+
children: [/* @__PURE__ */ t(Ne, {
|
|
2782
|
+
checked: He,
|
|
2783
|
+
indeterminate: Ue,
|
|
2718
2784
|
ariaLabel: F,
|
|
2719
2785
|
label: F,
|
|
2720
|
-
onChange:
|
|
2786
|
+
onChange: ct
|
|
2721
2787
|
}), /* @__PURE__ */ t(j, {
|
|
2722
2788
|
size: "sm",
|
|
2723
2789
|
variant: "empty",
|
|
2724
|
-
disabled:
|
|
2725
|
-
onClick:
|
|
2790
|
+
disabled: Le.size === 0,
|
|
2791
|
+
onClick: lt,
|
|
2726
2792
|
children: I
|
|
2727
2793
|
})]
|
|
2728
|
-
}), C ? /* @__PURE__ */ t(
|
|
2794
|
+
}), C ? /* @__PURE__ */ t(it, {
|
|
2729
2795
|
lines: 4,
|
|
2730
2796
|
height: 65
|
|
2731
|
-
}) :
|
|
2732
|
-
className:
|
|
2733
|
-
children:
|
|
2734
|
-
}) :
|
|
2735
|
-
className:
|
|
2797
|
+
}) : Je ? /* @__PURE__ */ t("div", {
|
|
2798
|
+
className: Q.state,
|
|
2799
|
+
children: Je
|
|
2800
|
+
}) : Fe.length === 0 ? /* @__PURE__ */ t("div", {
|
|
2801
|
+
className: Q.state,
|
|
2736
2802
|
children: T
|
|
2737
|
-
}) :
|
|
2738
|
-
let r =
|
|
2739
|
-
className:
|
|
2803
|
+
}) : Fe.map((e) => {
|
|
2804
|
+
let r = Le.has(e.id), i = ze.has(e.id), a = P?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = A && /* @__PURE__ */ n("div", {
|
|
2805
|
+
className: Q.cardSelectionControls,
|
|
2740
2806
|
onClick: (e) => e.stopPropagation(),
|
|
2741
|
-
children: [/* @__PURE__ */ t(
|
|
2807
|
+
children: [/* @__PURE__ */ t(Ne, {
|
|
2742
2808
|
checked: r,
|
|
2743
2809
|
ariaLabel: a,
|
|
2744
|
-
onChange: () =>
|
|
2810
|
+
onChange: () => st(e.id)
|
|
2745
2811
|
}), N && /* @__PURE__ */ t(j, {
|
|
2746
2812
|
size: "sm",
|
|
2747
2813
|
variant: "empty",
|
|
@@ -2752,28 +2818,28 @@ var M = {
|
|
|
2752
2818
|
size: "sm",
|
|
2753
2819
|
variant: "empty",
|
|
2754
2820
|
"aria-expanded": i,
|
|
2755
|
-
"aria-label":
|
|
2821
|
+
"aria-label": ue?.(e.original, i) ?? (i ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2756
2822
|
onClick: (t) => {
|
|
2757
|
-
t.stopPropagation(),
|
|
2823
|
+
t.stopPropagation(), ut(e.id);
|
|
2758
2824
|
},
|
|
2759
|
-
children: /* @__PURE__ */ t(
|
|
2825
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2760
2826
|
name: "IconChevron",
|
|
2761
2827
|
width: 16,
|
|
2762
2828
|
height: 16,
|
|
2763
|
-
className: i ?
|
|
2829
|
+
className: i ? Q.expansionIconOpen : Q.expansionIcon
|
|
2764
2830
|
})
|
|
2765
2831
|
});
|
|
2766
2832
|
if (u) return /* @__PURE__ */ n("div", {
|
|
2767
2833
|
role: "listitem",
|
|
2768
2834
|
className: [
|
|
2769
|
-
|
|
2770
|
-
r ?
|
|
2835
|
+
Q.customCardShell,
|
|
2836
|
+
r ? Q.selectedCard : "",
|
|
2771
2837
|
p?.(e.original)
|
|
2772
2838
|
].filter(Boolean).join(" "),
|
|
2773
2839
|
style: h?.(e.original),
|
|
2774
2840
|
"aria-selected": A ? r : void 0,
|
|
2775
2841
|
onClick: () => {
|
|
2776
|
-
A &&
|
|
2842
|
+
A && st(e.id);
|
|
2777
2843
|
},
|
|
2778
2844
|
children: [
|
|
2779
2845
|
o,
|
|
@@ -2783,98 +2849,98 @@ var M = {
|
|
|
2783
2849
|
}),
|
|
2784
2850
|
s,
|
|
2785
2851
|
i && /* @__PURE__ */ t("div", {
|
|
2786
|
-
className:
|
|
2852
|
+
className: Q.cardDetail,
|
|
2787
2853
|
children: ce?.({
|
|
2788
2854
|
row: e.original,
|
|
2789
2855
|
rowId: e.id,
|
|
2790
|
-
collapse: () =>
|
|
2856
|
+
collapse: () => ut(e.id)
|
|
2791
2857
|
})
|
|
2792
2858
|
})
|
|
2793
2859
|
]
|
|
2794
2860
|
}, e.id);
|
|
2795
|
-
let c = q.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), l = c.find((e) => e.mobile?.primary) ?? c.find((e) => e.mobile?.mobileVariant !== "actions"), d = (t) =>
|
|
2861
|
+
let c = q.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), l = c.find((e) => e.mobile?.primary) ?? c.find((e) => e.mobile?.mobileVariant !== "actions"), d = (t) => kt(t.accessor, e.original), f = (t) => t.mobile?.renderMobile?.(e.original, d(t)) ?? t.cell?.(e.original, d(t)) ?? String(d(t) ?? "");
|
|
2796
2862
|
return /* @__PURE__ */ n("article", {
|
|
2797
2863
|
role: "listitem",
|
|
2798
2864
|
className: [
|
|
2799
|
-
|
|
2800
|
-
r ?
|
|
2865
|
+
Q.card,
|
|
2866
|
+
r ? Q.selectedCard : "",
|
|
2801
2867
|
p?.(e.original)
|
|
2802
2868
|
].filter(Boolean).join(" "),
|
|
2803
2869
|
style: h?.(e.original),
|
|
2804
2870
|
"aria-selected": A ? r : void 0,
|
|
2805
2871
|
onClick: () => {
|
|
2806
|
-
A &&
|
|
2872
|
+
A && st(e.id);
|
|
2807
2873
|
},
|
|
2808
2874
|
children: [
|
|
2809
2875
|
o,
|
|
2810
2876
|
s,
|
|
2811
2877
|
/* @__PURE__ */ t("h3", { children: l ? f(l) : `Строка ${e.index + 1}` }),
|
|
2812
2878
|
/* @__PURE__ */ t("dl", { children: c.filter((e) => e !== l && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
|
|
2813
|
-
className: e.mobile?.mobileSpan === 2 ?
|
|
2879
|
+
className: e.mobile?.mobileSpan === 2 ? Q.spanTwo : "",
|
|
2814
2880
|
children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: f(e) })]
|
|
2815
2881
|
}, e.id)) }),
|
|
2816
2882
|
c.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: f(e) }, e.id)),
|
|
2817
2883
|
i && /* @__PURE__ */ t("div", {
|
|
2818
|
-
className:
|
|
2884
|
+
className: Q.cardDetail,
|
|
2819
2885
|
children: ce?.({
|
|
2820
2886
|
row: e.original,
|
|
2821
2887
|
rowId: e.id,
|
|
2822
|
-
collapse: () =>
|
|
2888
|
+
collapse: () => ut(e.id)
|
|
2823
2889
|
})
|
|
2824
2890
|
})
|
|
2825
2891
|
]
|
|
2826
2892
|
}, e.id);
|
|
2827
2893
|
})]
|
|
2828
2894
|
}),
|
|
2829
|
-
(
|
|
2830
|
-
className:
|
|
2895
|
+
(Ye || Xe && !C && !Je && Fe.length > 0) && /* @__PURE__ */ n("nav", {
|
|
2896
|
+
className: Q.pagination,
|
|
2831
2897
|
"aria-label": "Пагинация таблицы",
|
|
2832
|
-
children: [
|
|
2833
|
-
className:
|
|
2898
|
+
children: [Xe ? Z("bottom") : /* @__PURE__ */ n("span", {
|
|
2899
|
+
className: Q.paginationRange,
|
|
2834
2900
|
"aria-live": "polite",
|
|
2835
2901
|
children: [
|
|
2836
|
-
|
|
2902
|
+
tt,
|
|
2837
2903
|
"–",
|
|
2838
|
-
|
|
2904
|
+
nt,
|
|
2839
2905
|
" из ",
|
|
2840
|
-
|
|
2906
|
+
je
|
|
2841
2907
|
]
|
|
2842
|
-
}),
|
|
2843
|
-
className:
|
|
2908
|
+
}), Ye && /* @__PURE__ */ n("div", {
|
|
2909
|
+
className: Q.paginationControls,
|
|
2844
2910
|
children: [
|
|
2845
2911
|
/* @__PURE__ */ n(j, {
|
|
2846
2912
|
variant: "empty",
|
|
2847
2913
|
size: "md",
|
|
2848
|
-
disabled: C ||
|
|
2914
|
+
disabled: C || Pe === 0,
|
|
2849
2915
|
"aria-label": "Предыдущая страница",
|
|
2850
2916
|
onClick: () => {
|
|
2851
|
-
|
|
2917
|
+
at(Pe - 1);
|
|
2852
2918
|
},
|
|
2853
|
-
children: [/* @__PURE__ */ t(
|
|
2919
|
+
children: [/* @__PURE__ */ t(Y, {
|
|
2854
2920
|
name: "IconChevron",
|
|
2855
2921
|
width: 18,
|
|
2856
2922
|
height: 18,
|
|
2857
|
-
className:
|
|
2923
|
+
className: Q.previousIcon
|
|
2858
2924
|
}), /* @__PURE__ */ t("span", {
|
|
2859
|
-
className:
|
|
2925
|
+
className: Q.paginationButtonLabel,
|
|
2860
2926
|
children: "Назад"
|
|
2861
2927
|
})]
|
|
2862
2928
|
}),
|
|
2863
2929
|
/* @__PURE__ */ t("div", {
|
|
2864
|
-
className:
|
|
2865
|
-
children:
|
|
2866
|
-
variant: e ===
|
|
2930
|
+
className: Q.pageNumbers,
|
|
2931
|
+
children: Ge.map((e) => typeof e == "number" ? /* @__PURE__ */ t(j, {
|
|
2932
|
+
variant: e === Pe ? "secondary" : "empty",
|
|
2867
2933
|
size: "md",
|
|
2868
|
-
className:
|
|
2934
|
+
className: Q.pageButton,
|
|
2869
2935
|
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
2870
|
-
"aria-current": e ===
|
|
2936
|
+
"aria-current": e === Pe ? "page" : void 0,
|
|
2871
2937
|
disabled: C,
|
|
2872
2938
|
onClick: () => {
|
|
2873
|
-
|
|
2939
|
+
at(e);
|
|
2874
2940
|
},
|
|
2875
2941
|
children: e + 1
|
|
2876
2942
|
}, e) : /* @__PURE__ */ t("span", {
|
|
2877
|
-
className:
|
|
2943
|
+
className: Q.ellipsis,
|
|
2878
2944
|
"aria-hidden": "true",
|
|
2879
2945
|
children: "…"
|
|
2880
2946
|
}, e))
|
|
@@ -2882,19 +2948,19 @@ var M = {
|
|
|
2882
2948
|
/* @__PURE__ */ n(j, {
|
|
2883
2949
|
variant: "empty",
|
|
2884
2950
|
size: "md",
|
|
2885
|
-
disabled: C ||
|
|
2951
|
+
disabled: C || Pe === Me - 1,
|
|
2886
2952
|
"aria-label": "Следующая страница",
|
|
2887
2953
|
onClick: () => {
|
|
2888
|
-
|
|
2954
|
+
at(Pe + 1);
|
|
2889
2955
|
},
|
|
2890
2956
|
children: [/* @__PURE__ */ t("span", {
|
|
2891
|
-
className:
|
|
2957
|
+
className: Q.paginationButtonLabel,
|
|
2892
2958
|
children: "Вперёд"
|
|
2893
|
-
}), /* @__PURE__ */ t(
|
|
2959
|
+
}), /* @__PURE__ */ t(Y, {
|
|
2894
2960
|
name: "IconChevron",
|
|
2895
2961
|
width: 18,
|
|
2896
2962
|
height: 18,
|
|
2897
|
-
className:
|
|
2963
|
+
className: Q.nextIcon
|
|
2898
2964
|
})]
|
|
2899
2965
|
})
|
|
2900
2966
|
]
|
|
@@ -2902,17 +2968,17 @@ var M = {
|
|
|
2902
2968
|
})
|
|
2903
2969
|
]
|
|
2904
2970
|
});
|
|
2905
|
-
},
|
|
2971
|
+
}, Rt = (e, t) => {
|
|
2906
2972
|
let n = t.trim().toLocaleLowerCase();
|
|
2907
2973
|
return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
|
|
2908
|
-
},
|
|
2974
|
+
}, zt = (e, t, n) => {
|
|
2909
2975
|
if (!e.length) return -1;
|
|
2910
2976
|
for (let r = 0; r < e.length; r += 1) {
|
|
2911
2977
|
let i = (t + r * n + e.length) % e.length;
|
|
2912
2978
|
if (!e[i]?.disabled) return i;
|
|
2913
2979
|
}
|
|
2914
2980
|
return -1;
|
|
2915
|
-
},
|
|
2981
|
+
}, Bt = {
|
|
2916
2982
|
wrapper: "_wrapper_1os84_1",
|
|
2917
2983
|
control: "_control_1os84_17",
|
|
2918
2984
|
inputHost: "_inputHost_1os84_25",
|
|
@@ -2931,23 +2997,23 @@ var M = {
|
|
|
2931
2997
|
active: "_active_1os84_321",
|
|
2932
2998
|
actionOption: "_actionOption_1os84_341",
|
|
2933
2999
|
visuallyHidden: "_visuallyHidden_1os84_375"
|
|
2934
|
-
},
|
|
3000
|
+
}, Vt = 8, Ht = 6, Ut = 5, Wt = 10, Gt = {
|
|
2935
3001
|
sm: 30,
|
|
2936
3002
|
md: 40,
|
|
2937
3003
|
lg: 50
|
|
2938
|
-
},
|
|
3004
|
+
}, Kt = ({ options: e, value: r, onChange: i, placeholder: a = "Начните вводить", noResultsText: o = "Ничего не найдено", disabled: s = !1, readOnly: c = !1, stringWhileDisabled: u = !1, label: v, error: y, hint: b, size: x = "md", required: S = !1, className: C = "", name: w, id: T, needMark: E = !0 }) => {
|
|
2939
3005
|
let D = f(), O = T ?? `ds-search-dropdown-${w ?? D}`, k = `${O}-listbox`, A = `${O}-status`, j = b ? `${O}-hint` : void 0, M = y ? `${O}-error` : void 0, P = [
|
|
2940
3006
|
A,
|
|
2941
3007
|
j,
|
|
2942
3008
|
M
|
|
2943
|
-
].filter(Boolean).join(" "), F = h(null), I = h(null), L = h([]), [R, z] = g(!1), [B, V] = g(""), [H, U] = g(-1), [W, te] = g(null), ne = m(() => e.find((e) => e.value === r), [e, r]), re = m(() =>
|
|
3009
|
+
].filter(Boolean).join(" "), F = h(null), I = h(null), L = h([]), [R, z] = g(!1), [B, V] = g(""), [H, U] = g(-1), [W, te] = g(null), ne = m(() => e.find((e) => e.value === r), [e, r]), re = m(() => Rt(e, B), [e, B]), ie = s && u, ae = H >= 0 ? re[H] : void 0;
|
|
2944
3010
|
d(() => V(ne?.label ?? ""), [ne?.label, r]);
|
|
2945
|
-
let oe = l(() => F.current?.querySelector("input") ?? null, []), se = l((e, t) =>
|
|
3011
|
+
let oe = l(() => F.current?.querySelector("input") ?? null, []), se = l((e, t) => zt(re, e, t), [re]), ce = l((e) => {
|
|
2946
3012
|
U(e), !(e < 0) && requestAnimationFrame(() => L.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
2947
|
-
}, []),
|
|
3013
|
+
}, []), G = l(() => {
|
|
2948
3014
|
let e = oe();
|
|
2949
3015
|
if (!e) return;
|
|
2950
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(re.length,
|
|
3016
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(re.length, Ut)) * Gt[x] + Wt, r = window.innerHeight - t.bottom - Vt, i = t.top - Vt, a = r < n && i > r, o = a ? i : r, s = Math.max(Gt[x] + Wt, Math.min(n, o)), c = window.innerWidth - t.width - Vt, l = Math.max(Vt, Math.min(t.left, c)), u = a ? Math.max(Vt, t.top - s - Ht) : t.bottom + Ht;
|
|
2951
3017
|
te({
|
|
2952
3018
|
top: u,
|
|
2953
3019
|
left: l,
|
|
@@ -2964,10 +3030,10 @@ var M = {
|
|
|
2964
3030
|
te(null);
|
|
2965
3031
|
return;
|
|
2966
3032
|
}
|
|
2967
|
-
return
|
|
2968
|
-
window.removeEventListener("resize",
|
|
3033
|
+
return G(), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0), () => {
|
|
3034
|
+
window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
|
|
2969
3035
|
};
|
|
2970
|
-
}, [R,
|
|
3036
|
+
}, [R, G]), d(() => {
|
|
2971
3037
|
if (!R) return;
|
|
2972
3038
|
let e = (e) => {
|
|
2973
3039
|
let t = e.target;
|
|
@@ -2975,14 +3041,14 @@ var M = {
|
|
|
2975
3041
|
};
|
|
2976
3042
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
2977
3043
|
}, [R]);
|
|
2978
|
-
let
|
|
3044
|
+
let le = () => {
|
|
2979
3045
|
s || c || (z(!0), U(se(0, 1)));
|
|
2980
|
-
},
|
|
3046
|
+
}, ue = (e) => {
|
|
2981
3047
|
e.disabled || (V(e.label), z(!1), U(-1), i?.(e.value, e), oe()?.focus());
|
|
2982
|
-
},
|
|
3048
|
+
}, de = R ? /* @__PURE__ */ t("ul", {
|
|
2983
3049
|
ref: I,
|
|
2984
3050
|
id: k,
|
|
2985
|
-
className: `${
|
|
3051
|
+
className: `${Bt.menu} ${re.length === 0 ? Bt.menuEmpty : ""}`,
|
|
2986
3052
|
role: "listbox",
|
|
2987
3053
|
"aria-label": v,
|
|
2988
3054
|
style: W ? {
|
|
@@ -2997,7 +3063,7 @@ var M = {
|
|
|
2997
3063
|
maxHeight: 0
|
|
2998
3064
|
},
|
|
2999
3065
|
children: re.length === 0 ? /* @__PURE__ */ t("li", {
|
|
3000
|
-
className: `${
|
|
3066
|
+
className: `${Bt.empty} ${Bt[x]}`,
|
|
3001
3067
|
children: o
|
|
3002
3068
|
}) : re.map((e, i) => {
|
|
3003
3069
|
let a = e.value === r, o = i === H;
|
|
@@ -3016,17 +3082,17 @@ var M = {
|
|
|
3016
3082
|
"aria-selected": a,
|
|
3017
3083
|
"data-option-variant": e.variant ?? "default",
|
|
3018
3084
|
className: [
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
e.variant === "action" ?
|
|
3022
|
-
a ?
|
|
3023
|
-
o ?
|
|
3085
|
+
Bt.option,
|
|
3086
|
+
Bt[x],
|
|
3087
|
+
e.variant === "action" ? Bt.actionOption : "",
|
|
3088
|
+
a ? Bt.selected : "",
|
|
3089
|
+
o ? Bt.active : ""
|
|
3024
3090
|
].filter(Boolean).join(" "),
|
|
3025
3091
|
onPointerMove: () => {
|
|
3026
3092
|
e.disabled || U(i);
|
|
3027
3093
|
},
|
|
3028
|
-
onClick: () =>
|
|
3029
|
-
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(
|
|
3094
|
+
onClick: () => ue(e),
|
|
3095
|
+
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(Y, {
|
|
3030
3096
|
name: "IconCheck",
|
|
3031
3097
|
width: 16,
|
|
3032
3098
|
height: 16
|
|
@@ -3038,8 +3104,8 @@ var M = {
|
|
|
3038
3104
|
return /* @__PURE__ */ n("div", {
|
|
3039
3105
|
ref: F,
|
|
3040
3106
|
className: [
|
|
3041
|
-
|
|
3042
|
-
y ?
|
|
3107
|
+
Bt.wrapper,
|
|
3108
|
+
y ? Bt.errorState : "",
|
|
3043
3109
|
C
|
|
3044
3110
|
].filter(Boolean).join(" "),
|
|
3045
3111
|
children: [
|
|
@@ -3050,11 +3116,11 @@ var M = {
|
|
|
3050
3116
|
children: v
|
|
3051
3117
|
}),
|
|
3052
3118
|
ie ? /* @__PURE__ */ t("div", {
|
|
3053
|
-
className: `${
|
|
3119
|
+
className: `${Bt.disabledText} ${Bt[x]}`,
|
|
3054
3120
|
children: ne?.label ?? a
|
|
3055
3121
|
}) : /* @__PURE__ */ n("div", {
|
|
3056
|
-
className:
|
|
3057
|
-
children: [/* @__PURE__ */ t(
|
|
3122
|
+
className: Bt.control,
|
|
3123
|
+
children: [/* @__PURE__ */ t(mt, {
|
|
3058
3124
|
id: O,
|
|
3059
3125
|
name: w,
|
|
3060
3126
|
value: B,
|
|
@@ -3065,11 +3131,11 @@ var M = {
|
|
|
3065
3131
|
size: x,
|
|
3066
3132
|
clearable: !1,
|
|
3067
3133
|
autoComplete: "off",
|
|
3068
|
-
className: `${
|
|
3069
|
-
onFocus:
|
|
3134
|
+
className: `${Bt.inputHost} ${Bt[x]}`,
|
|
3135
|
+
onFocus: le,
|
|
3070
3136
|
onChange: (t) => {
|
|
3071
|
-
let n = String(t), r =
|
|
3072
|
-
V(n), z(!0), U(
|
|
3137
|
+
let n = String(t), r = Rt(e, n);
|
|
3138
|
+
V(n), z(!0), U(zt(r, 0, 1));
|
|
3073
3139
|
},
|
|
3074
3140
|
role: "combobox",
|
|
3075
3141
|
"aria-autocomplete": "list",
|
|
@@ -3078,7 +3144,7 @@ var M = {
|
|
|
3078
3144
|
"aria-activedescendant": ae ? `${O}-option-${H}` : void 0,
|
|
3079
3145
|
"aria-invalid": !!y,
|
|
3080
3146
|
"aria-describedby": P,
|
|
3081
|
-
onClick:
|
|
3147
|
+
onClick: le,
|
|
3082
3148
|
onKeyDown: (e) => {
|
|
3083
3149
|
if (!(s || c)) {
|
|
3084
3150
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
@@ -3090,23 +3156,23 @@ var M = {
|
|
|
3090
3156
|
e.preventDefault();
|
|
3091
3157
|
let t = e.key === "Home" ? 1 : -1;
|
|
3092
3158
|
ce(se(e.key === "Home" ? 0 : re.length - 1, t));
|
|
3093
|
-
} else e.key === "Enter" && R && ae ? (e.preventDefault(),
|
|
3159
|
+
} else e.key === "Enter" && R && ae ? (e.preventDefault(), ue(ae)) : e.key === "Escape" && R ? (e.preventDefault(), z(!1), U(-1)) : e.key === "Tab" && (z(!1), U(-1));
|
|
3094
3160
|
}
|
|
3095
3161
|
}
|
|
3096
3162
|
}), /* @__PURE__ */ t("span", {
|
|
3097
|
-
className: `${
|
|
3163
|
+
className: `${Bt.chevron} ${R ? Bt.chevronOpen : ""}`,
|
|
3098
3164
|
"aria-hidden": "true",
|
|
3099
|
-
children: /* @__PURE__ */ t(
|
|
3165
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3100
3166
|
name: "IconChevron",
|
|
3101
3167
|
width: 20,
|
|
3102
3168
|
height: 20
|
|
3103
3169
|
})
|
|
3104
3170
|
})]
|
|
3105
3171
|
}),
|
|
3106
|
-
R && typeof document < "u" && _(
|
|
3172
|
+
R && typeof document < "u" && _(de, document.body),
|
|
3107
3173
|
/* @__PURE__ */ n("span", {
|
|
3108
3174
|
id: A,
|
|
3109
|
-
className:
|
|
3175
|
+
className: Bt.visuallyHidden,
|
|
3110
3176
|
"aria-live": "polite",
|
|
3111
3177
|
children: ["Найдено вариантов: ", re.length]
|
|
3112
3178
|
}),
|
|
@@ -3121,44 +3187,44 @@ var M = {
|
|
|
3121
3187
|
})
|
|
3122
3188
|
]
|
|
3123
3189
|
});
|
|
3124
|
-
},
|
|
3190
|
+
}, qt = {
|
|
3125
3191
|
root: "_root_11adi_1",
|
|
3126
3192
|
header: "_header_11adi_21",
|
|
3127
3193
|
title: "_title_11adi_41",
|
|
3128
3194
|
dismiss: "_dismiss_11adi_55",
|
|
3129
3195
|
content: "_content_11adi_65"
|
|
3130
|
-
},
|
|
3196
|
+
}, Jt = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: c = "" }) => {
|
|
3131
3197
|
let l = `ds-info-block-${f()}`;
|
|
3132
3198
|
return /* @__PURE__ */ n("section", {
|
|
3133
|
-
className: `${
|
|
3199
|
+
className: `${qt.root} ${c}`,
|
|
3134
3200
|
"aria-labelledby": l,
|
|
3135
3201
|
children: [/* @__PURE__ */ n("header", {
|
|
3136
|
-
className:
|
|
3202
|
+
className: qt.header,
|
|
3137
3203
|
children: [/* @__PURE__ */ t(s, {
|
|
3138
3204
|
id: l,
|
|
3139
|
-
className:
|
|
3205
|
+
className: qt.title,
|
|
3140
3206
|
children: e
|
|
3141
3207
|
}), i && /* @__PURE__ */ t(j, {
|
|
3142
|
-
className:
|
|
3208
|
+
className: qt.dismiss,
|
|
3143
3209
|
variant: "empty",
|
|
3144
3210
|
onClick: a,
|
|
3145
3211
|
"aria-label": o,
|
|
3146
|
-
children: /* @__PURE__ */ t(
|
|
3212
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3147
3213
|
name: "IconCross",
|
|
3148
3214
|
width: 20,
|
|
3149
3215
|
height: 20
|
|
3150
3216
|
})
|
|
3151
3217
|
})]
|
|
3152
3218
|
}), /* @__PURE__ */ t("div", {
|
|
3153
|
-
className:
|
|
3219
|
+
className: qt.content,
|
|
3154
3220
|
children: r
|
|
3155
3221
|
})]
|
|
3156
3222
|
});
|
|
3157
|
-
},
|
|
3223
|
+
}, Yt = {
|
|
3158
3224
|
root: "_root_1ecm3_1",
|
|
3159
3225
|
grid: "_grid_1ecm3_13",
|
|
3160
3226
|
actions: "_actions_1ecm3_27"
|
|
3161
|
-
},
|
|
3227
|
+
}, Xt = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
3162
3228
|
let d = (e, t) => {
|
|
3163
3229
|
let n = {
|
|
3164
3230
|
...r,
|
|
@@ -3167,11 +3233,11 @@ var M = {
|
|
|
3167
3233
|
i?.(n, e), s === "instant" && a?.(n);
|
|
3168
3234
|
};
|
|
3169
3235
|
return /* @__PURE__ */ n("section", {
|
|
3170
|
-
className: `${
|
|
3236
|
+
className: `${Yt.root} ${u}`,
|
|
3171
3237
|
"aria-label": "Фильтры",
|
|
3172
3238
|
"aria-busy": c,
|
|
3173
3239
|
children: [/* @__PURE__ */ t("div", {
|
|
3174
|
-
className:
|
|
3240
|
+
className: Yt.grid,
|
|
3175
3241
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
3176
3242
|
let n = l || c || e.disabled, i = r[e.id];
|
|
3177
3243
|
if (e.type === "input") {
|
|
@@ -3181,19 +3247,19 @@ var M = {
|
|
|
3181
3247
|
placeholder: e.placeholder,
|
|
3182
3248
|
disabled: n
|
|
3183
3249
|
};
|
|
3184
|
-
return e.inputType === "number" ? /* @__PURE__ */ t(
|
|
3250
|
+
return e.inputType === "number" ? /* @__PURE__ */ t(mt, {
|
|
3185
3251
|
...r,
|
|
3186
3252
|
type: "number",
|
|
3187
3253
|
value: i ?? "",
|
|
3188
3254
|
onChange: (t) => d(e.id, t)
|
|
3189
|
-
}, e.id) : /* @__PURE__ */ t(
|
|
3255
|
+
}, e.id) : /* @__PURE__ */ t(mt, {
|
|
3190
3256
|
...r,
|
|
3191
3257
|
type: "text",
|
|
3192
3258
|
value: String(i ?? ""),
|
|
3193
3259
|
onChange: (t) => d(e.id, t)
|
|
3194
3260
|
}, e.id);
|
|
3195
3261
|
}
|
|
3196
|
-
if (e.type === "dropdown") return /* @__PURE__ */ t(
|
|
3262
|
+
if (e.type === "dropdown") return /* @__PURE__ */ t(ut, {
|
|
3197
3263
|
label: e.label,
|
|
3198
3264
|
hint: e.hint,
|
|
3199
3265
|
placeholder: e.placeholder,
|
|
@@ -3202,7 +3268,7 @@ var M = {
|
|
|
3202
3268
|
disabled: n,
|
|
3203
3269
|
onChange: (t) => d(e.id, t)
|
|
3204
3270
|
}, e.id);
|
|
3205
|
-
if (e.type === "multiple") return /* @__PURE__ */ t(
|
|
3271
|
+
if (e.type === "multiple") return /* @__PURE__ */ t(yt, {
|
|
3206
3272
|
label: e.label,
|
|
3207
3273
|
hint: e.hint,
|
|
3208
3274
|
placeholder: e.placeholder,
|
|
@@ -3211,14 +3277,14 @@ var M = {
|
|
|
3211
3277
|
disabled: n,
|
|
3212
3278
|
onChange: (t) => d(e.id, t)
|
|
3213
3279
|
}, e.id);
|
|
3214
|
-
if (e.type === "checkbox") return /* @__PURE__ */ t(
|
|
3280
|
+
if (e.type === "checkbox") return /* @__PURE__ */ t(Ne, {
|
|
3215
3281
|
label: e.label,
|
|
3216
3282
|
hint: e.hint,
|
|
3217
3283
|
checked: !!i,
|
|
3218
3284
|
disabled: n,
|
|
3219
3285
|
onChange: (t) => d(e.id, t)
|
|
3220
3286
|
}, e.id);
|
|
3221
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
3287
|
+
if (e.type === "radio") return /* @__PURE__ */ t(xt, {
|
|
3222
3288
|
label: e.label,
|
|
3223
3289
|
checked: !!i,
|
|
3224
3290
|
disabled: n,
|
|
@@ -3228,7 +3294,7 @@ var M = {
|
|
|
3228
3294
|
from: null,
|
|
3229
3295
|
to: null
|
|
3230
3296
|
};
|
|
3231
|
-
return /* @__PURE__ */ t(
|
|
3297
|
+
return /* @__PURE__ */ t(nt, {
|
|
3232
3298
|
hint: e.hint,
|
|
3233
3299
|
mode: e.mode,
|
|
3234
3300
|
min: e.min,
|
|
@@ -3239,7 +3305,7 @@ var M = {
|
|
|
3239
3305
|
}, e.id);
|
|
3240
3306
|
})
|
|
3241
3307
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
3242
|
-
className:
|
|
3308
|
+
className: Yt.actions,
|
|
3243
3309
|
children: [o && /* @__PURE__ */ t(j, {
|
|
3244
3310
|
variant: "destructiveOutline",
|
|
3245
3311
|
disabled: l || c,
|
|
@@ -3253,7 +3319,7 @@ var M = {
|
|
|
3253
3319
|
})]
|
|
3254
3320
|
})]
|
|
3255
3321
|
});
|
|
3256
|
-
},
|
|
3322
|
+
}, Zt = {
|
|
3257
3323
|
grid: "_grid_1q540_1",
|
|
3258
3324
|
comfortable: "_comfortable_1q540_11",
|
|
3259
3325
|
compact: "_compact_1q540_19",
|
|
@@ -3270,23 +3336,23 @@ var M = {
|
|
|
3270
3336
|
summary: "_summary_1q540_101",
|
|
3271
3337
|
summaryTitle: "_summaryTitle_1q540_137",
|
|
3272
3338
|
summaryList: "_summaryList_1q540_145"
|
|
3273
|
-
},
|
|
3339
|
+
}, Qt = ({ columns: e = 2, density: n = "comfortable", className: r = "", ...i }) => /* @__PURE__ */ t("div", {
|
|
3274
3340
|
...i,
|
|
3275
|
-
className: `${
|
|
3276
|
-
}),
|
|
3341
|
+
className: `${Zt.grid} ${Zt[`columns${e}`]} ${Zt[n]} ${r}`
|
|
3342
|
+
}), $t = ({ span: e = 1, className: n = "", ...r }) => /* @__PURE__ */ t("div", {
|
|
3277
3343
|
...r,
|
|
3278
|
-
className: `${
|
|
3279
|
-
}),
|
|
3344
|
+
className: `${Zt.item} ${Zt[`span${e}`]} ${n}`
|
|
3345
|
+
}), en = ({ title: e = "Проверьте заполнение формы", items: r, focusField: i, className: a = "", ...o }) => r.length === 0 ? null : /* @__PURE__ */ n("div", {
|
|
3280
3346
|
...o,
|
|
3281
|
-
className: `${
|
|
3347
|
+
className: `${Zt.summary} ${a}`,
|
|
3282
3348
|
role: "alert",
|
|
3283
3349
|
"aria-atomic": "true",
|
|
3284
3350
|
tabIndex: -1,
|
|
3285
3351
|
children: [/* @__PURE__ */ t("strong", {
|
|
3286
|
-
className:
|
|
3352
|
+
className: Zt.summaryTitle,
|
|
3287
3353
|
children: e
|
|
3288
3354
|
}), /* @__PURE__ */ t("ul", {
|
|
3289
|
-
className:
|
|
3355
|
+
className: Zt.summaryList,
|
|
3290
3356
|
children: r.map((e) => /* @__PURE__ */ t("li", { children: e.fieldId ? /* @__PURE__ */ t("a", {
|
|
3291
3357
|
href: `#${e.fieldId}`,
|
|
3292
3358
|
onClick: (t) => {
|
|
@@ -3295,7 +3361,7 @@ var M = {
|
|
|
3295
3361
|
children: e.message
|
|
3296
3362
|
}) : e.message }, e.id))
|
|
3297
3363
|
})]
|
|
3298
|
-
}),
|
|
3364
|
+
}), tn = {
|
|
3299
3365
|
wrapper: "_wrapper_i20hz_1",
|
|
3300
3366
|
dropzone: "_dropzone_i20hz_15",
|
|
3301
3367
|
dragActive: "_dragActive_i20hz_45",
|
|
@@ -3308,12 +3374,12 @@ var M = {
|
|
|
3308
3374
|
file: "_file_i20hz_133",
|
|
3309
3375
|
fileName: "_fileName_i20hz_175",
|
|
3310
3376
|
fileSize: "_fileSize_i20hz_187"
|
|
3311
|
-
},
|
|
3377
|
+
}, nn = (e) => `${e.name}:${e.size}:${e.lastModified}`, rn = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, an = (e, t) => !t || t.split(",").map((e) => e.trim().toLowerCase()).some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type.toLowerCase() === t), on = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: c, label: l, hint: u, error: d, required: p = !1, disabled: m = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: w }) => {
|
|
3312
3378
|
let T = f(), E = y ?? `ds-file-input-${v ?? T}`, D = h(null), O = h(0), [k, A] = g(!1), M = u ? `${E}-hint` : void 0, P = d ? `${E}-error` : void 0, F = [M, P].filter(Boolean).join(" ") || void 0, I = !m && !_, L = (e) => {
|
|
3313
|
-
let t = [], n = new Set(r.map(
|
|
3379
|
+
let t = [], n = new Set(r.map(nn)), l = e.filter((e) => an(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
3314
3380
|
file: e,
|
|
3315
3381
|
reason: "maxSize"
|
|
3316
|
-
}), !1) : !n.has(
|
|
3382
|
+
}), !1) : !n.has(nn(e)) && (n.add(nn(e)), !0) : (t.push({
|
|
3317
3383
|
file: e,
|
|
3318
3384
|
reason: "accept"
|
|
3319
3385
|
}), !1)), u = a ? c : 1, d = a ? [...r, ...l] : l.slice(-1);
|
|
@@ -3323,7 +3389,7 @@ var M = {
|
|
|
3323
3389
|
})), d = d.slice(0, u)), t.length && w?.(t), l.length && i?.(d), D.current && (D.current.value = "");
|
|
3324
3390
|
};
|
|
3325
3391
|
return /* @__PURE__ */ n("div", {
|
|
3326
|
-
className: `${
|
|
3392
|
+
className: `${tn.wrapper} ${b}`,
|
|
3327
3393
|
children: [
|
|
3328
3394
|
l && /* @__PURE__ */ t(ee, {
|
|
3329
3395
|
htmlFor: E,
|
|
@@ -3332,7 +3398,7 @@ var M = {
|
|
|
3332
3398
|
children: l
|
|
3333
3399
|
}),
|
|
3334
3400
|
/* @__PURE__ */ n("div", {
|
|
3335
|
-
className: `${
|
|
3401
|
+
className: `${tn.dropzone} ${k ? tn.dragActive : ""} ${m ? tn.disabled : ""} ${d ? tn.error : ""}`,
|
|
3336
3402
|
onDragEnter: (e) => {
|
|
3337
3403
|
e.preventDefault(), I && ++O.current === 1 && A(!0);
|
|
3338
3404
|
},
|
|
@@ -3347,7 +3413,7 @@ var M = {
|
|
|
3347
3413
|
ref: D,
|
|
3348
3414
|
id: E,
|
|
3349
3415
|
name: v,
|
|
3350
|
-
className:
|
|
3416
|
+
className: tn.nativeInput,
|
|
3351
3417
|
type: "file",
|
|
3352
3418
|
multiple: a,
|
|
3353
3419
|
accept: o,
|
|
@@ -3358,53 +3424,53 @@ var M = {
|
|
|
3358
3424
|
onChange: (e) => L(Array.from(e.target.files ?? []))
|
|
3359
3425
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
3360
3426
|
/* @__PURE__ */ t("ul", {
|
|
3361
|
-
className:
|
|
3427
|
+
className: tn.files,
|
|
3362
3428
|
"aria-live": "polite",
|
|
3363
3429
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
3364
|
-
className:
|
|
3430
|
+
className: tn.file,
|
|
3365
3431
|
children: [
|
|
3366
3432
|
/* @__PURE__ */ t("span", {
|
|
3367
|
-
className:
|
|
3433
|
+
className: tn.fileName,
|
|
3368
3434
|
title: e.name,
|
|
3369
3435
|
children: e.name
|
|
3370
3436
|
}),
|
|
3371
3437
|
/* @__PURE__ */ t("span", {
|
|
3372
|
-
className:
|
|
3373
|
-
children:
|
|
3438
|
+
className: tn.fileSize,
|
|
3439
|
+
children: rn(e.size)
|
|
3374
3440
|
}),
|
|
3375
3441
|
I && /* @__PURE__ */ t(j, {
|
|
3376
3442
|
variant: "empty",
|
|
3377
3443
|
size: "sm",
|
|
3378
3444
|
"aria-label": `Удалить файл ${e.name}`,
|
|
3379
3445
|
onClick: () => i?.(r.filter((e, t) => t !== a)),
|
|
3380
|
-
children: /* @__PURE__ */ t(
|
|
3446
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3381
3447
|
name: "IconCross",
|
|
3382
3448
|
width: 16,
|
|
3383
3449
|
height: 16
|
|
3384
3450
|
})
|
|
3385
3451
|
})
|
|
3386
3452
|
]
|
|
3387
|
-
},
|
|
3453
|
+
}, nn(e)))
|
|
3388
3454
|
}),
|
|
3389
3455
|
I && (a || r.length === 0) && /* @__PURE__ */ t(j, {
|
|
3390
|
-
className:
|
|
3456
|
+
className: tn.browseButton,
|
|
3391
3457
|
size: "sm",
|
|
3392
3458
|
onClick: () => D.current?.click(),
|
|
3393
3459
|
children: C
|
|
3394
3460
|
}),
|
|
3395
3461
|
I && !a && /* @__PURE__ */ t(j, {
|
|
3396
|
-
className:
|
|
3462
|
+
className: tn.browseButton,
|
|
3397
3463
|
size: "sm",
|
|
3398
3464
|
onClick: () => D.current?.click(),
|
|
3399
3465
|
children: S
|
|
3400
3466
|
})
|
|
3401
3467
|
] }) : /* @__PURE__ */ n("div", {
|
|
3402
|
-
className:
|
|
3468
|
+
className: tn.empty,
|
|
3403
3469
|
children: [
|
|
3404
3470
|
/* @__PURE__ */ t("span", {
|
|
3405
|
-
className:
|
|
3471
|
+
className: tn.uploadIcon,
|
|
3406
3472
|
"aria-hidden": "true",
|
|
3407
|
-
children: /* @__PURE__ */ t(
|
|
3473
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3408
3474
|
name: "IconUpload",
|
|
3409
3475
|
width: 24,
|
|
3410
3476
|
height: 24
|
|
@@ -3430,7 +3496,7 @@ var M = {
|
|
|
3430
3496
|
})
|
|
3431
3497
|
]
|
|
3432
3498
|
});
|
|
3433
|
-
},
|
|
3499
|
+
}, sn = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
3434
3500
|
let [n, r] = g(null);
|
|
3435
3501
|
return d(() => {
|
|
3436
3502
|
let e = document.getElementById(t);
|
|
@@ -3443,7 +3509,7 @@ var M = {
|
|
|
3443
3509
|
n.childElementCount === 0 && n.parentElement && n.remove();
|
|
3444
3510
|
};
|
|
3445
3511
|
}, [t]), n ? _(e, n) : null;
|
|
3446
|
-
},
|
|
3512
|
+
}, cn = ({ anchorRef: e, children: n, matchAnchorWidth: r = !1, offset: i = 4, className: a }) => {
|
|
3447
3513
|
let o = h(null), [s, c] = g({
|
|
3448
3514
|
position: "fixed",
|
|
3449
3515
|
visibility: "hidden",
|
|
@@ -3467,13 +3533,13 @@ var M = {
|
|
|
3467
3533
|
]);
|
|
3468
3534
|
return p(() => (u(), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), () => {
|
|
3469
3535
|
window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0);
|
|
3470
|
-
}), [u]), /* @__PURE__ */ t(
|
|
3536
|
+
}), [u]), /* @__PURE__ */ t(sn, { children: /* @__PURE__ */ t("div", {
|
|
3471
3537
|
ref: o,
|
|
3472
3538
|
className: a,
|
|
3473
3539
|
style: s,
|
|
3474
3540
|
children: n
|
|
3475
3541
|
}) });
|
|
3476
|
-
},
|
|
3542
|
+
}, ln = {
|
|
3477
3543
|
wrapper: "_wrapper_x2gki_1",
|
|
3478
3544
|
control: "_control_x2gki_15",
|
|
3479
3545
|
textarea: "_textarea_x2gki_25",
|
|
@@ -3487,12 +3553,12 @@ var M = {
|
|
|
3487
3553
|
clearAction: "_clearAction_x2gki_171",
|
|
3488
3554
|
messages: "_messages_x2gki_251",
|
|
3489
3555
|
counter: "_counter_x2gki_265"
|
|
3490
|
-
},
|
|
3491
|
-
function
|
|
3556
|
+
}, un = 2;
|
|
3557
|
+
function dn(e) {
|
|
3492
3558
|
let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
|
|
3493
3559
|
return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
|
|
3494
3560
|
}
|
|
3495
|
-
function
|
|
3561
|
+
function fn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, readOnly: o = !1, stringWhileDisabled: s = !1, label: c, error: u, hint: p, className: m = "", name: g, id: _, size: v = "md", clearable: y = !1, required: b = !1, maxLength: x, showCount: S = !1, minRows: C = un, maxRows: w, autoResize: T = !0, ...E }) {
|
|
3496
3562
|
let D = f(), O = _ ?? `ds-textarea-${g ?? D}`, k = h(null), A = p ? `${O}-hint` : void 0, j = u ? `${O}-error` : void 0, M = S && x ? `${O}-count` : void 0, P = [
|
|
3497
3563
|
A,
|
|
3498
3564
|
j,
|
|
@@ -3500,7 +3566,7 @@ function on({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3500
3566
|
].filter(Boolean).join(" ") || void 0, F = Math.max(1, C), I = w === void 0 ? void 0 : Math.max(F, w), L = l(() => {
|
|
3501
3567
|
let e = k.current;
|
|
3502
3568
|
if (!e || !T) return;
|
|
3503
|
-
let t = window.getComputedStyle(e), n =
|
|
3569
|
+
let t = window.getComputedStyle(e), n = dn(e), r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom) + Number.parseFloat(t.borderTopWidth) + Number.parseFloat(t.borderBottomWidth), i = n * F + r, a = I === void 0 ? Infinity : n * I + r;
|
|
3504
3570
|
e.style.height = "auto";
|
|
3505
3571
|
let o = Math.min(Math.max(e.scrollHeight, i), a);
|
|
3506
3572
|
e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
|
|
@@ -3532,7 +3598,7 @@ function on({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3532
3598
|
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), L());
|
|
3533
3599
|
}, B = { "--ds-textarea-min-rows": F };
|
|
3534
3600
|
return /* @__PURE__ */ n("div", {
|
|
3535
|
-
className: `${
|
|
3601
|
+
className: `${ln.wrapper} ${m}`,
|
|
3536
3602
|
children: [
|
|
3537
3603
|
c && /* @__PURE__ */ t(ee, {
|
|
3538
3604
|
htmlFor: O,
|
|
@@ -3542,12 +3608,12 @@ function on({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3542
3608
|
}),
|
|
3543
3609
|
a && s ? /* @__PURE__ */ t("div", {
|
|
3544
3610
|
id: O,
|
|
3545
|
-
className: `${
|
|
3611
|
+
className: `${ln.disabledText} ${ln[v]}`,
|
|
3546
3612
|
style: B,
|
|
3547
3613
|
"aria-describedby": P,
|
|
3548
3614
|
children: e || i
|
|
3549
3615
|
}) : /* @__PURE__ */ n("div", {
|
|
3550
|
-
className:
|
|
3616
|
+
className: ln.control,
|
|
3551
3617
|
children: [/* @__PURE__ */ t("textarea", {
|
|
3552
3618
|
ref: k,
|
|
3553
3619
|
id: O,
|
|
@@ -3562,15 +3628,15 @@ function on({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3562
3628
|
style: B,
|
|
3563
3629
|
"aria-invalid": !!u,
|
|
3564
3630
|
"aria-describedby": P,
|
|
3565
|
-
className: `${
|
|
3631
|
+
className: `${ln.textarea} ${ln[v]} ${T ? ln.autoResize : ln.manualResize} ${u ? ln.textareaError : ""}`,
|
|
3566
3632
|
onChange: R,
|
|
3567
3633
|
...E
|
|
3568
3634
|
}), y && e && !a && !o && /* @__PURE__ */ t("button", {
|
|
3569
3635
|
type: "button",
|
|
3570
|
-
className:
|
|
3636
|
+
className: ln.clearAction,
|
|
3571
3637
|
"aria-label": "Очистить поле",
|
|
3572
3638
|
onClick: z,
|
|
3573
|
-
children: /* @__PURE__ */ t(
|
|
3639
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3574
3640
|
name: "IconCross",
|
|
3575
3641
|
width: 20,
|
|
3576
3642
|
height: 20
|
|
@@ -3578,7 +3644,7 @@ function on({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3578
3644
|
})]
|
|
3579
3645
|
}),
|
|
3580
3646
|
(p || u || M) && /* @__PURE__ */ n("div", {
|
|
3581
|
-
className:
|
|
3647
|
+
className: ln.messages,
|
|
3582
3648
|
children: [
|
|
3583
3649
|
p && !u && /* @__PURE__ */ t(N, {
|
|
3584
3650
|
id: A,
|
|
@@ -3591,7 +3657,7 @@ function on({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3591
3657
|
}),
|
|
3592
3658
|
M && /* @__PURE__ */ n("span", {
|
|
3593
3659
|
id: M,
|
|
3594
|
-
className:
|
|
3660
|
+
className: ln.counter,
|
|
3595
3661
|
children: [
|
|
3596
3662
|
e.length,
|
|
3597
3663
|
" / ",
|
|
@@ -3605,11 +3671,11 @@ function on({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3605
3671
|
}
|
|
3606
3672
|
//#endregion
|
|
3607
3673
|
//#region src/components/DSModal/modal.store.ts
|
|
3608
|
-
var
|
|
3674
|
+
var pn = 0, mn = S((e, t) => ({
|
|
3609
3675
|
modals: [],
|
|
3610
3676
|
openModal: (t, n = {}, r = {}) => {
|
|
3611
|
-
|
|
3612
|
-
let i = `ds-modal-${
|
|
3677
|
+
pn += 1;
|
|
3678
|
+
let i = `ds-modal-${pn}`;
|
|
3613
3679
|
return e((e) => ({ modals: [...e.modals, {
|
|
3614
3680
|
id: i,
|
|
3615
3681
|
name: t,
|
|
@@ -3633,10 +3699,10 @@ var sn = 0, cn = S((e, t) => ({
|
|
|
3633
3699
|
let n = t().modals;
|
|
3634
3700
|
n.length && (e({ modals: [] }), n.forEach((e) => e.onClose?.()));
|
|
3635
3701
|
}
|
|
3636
|
-
})),
|
|
3637
|
-
|
|
3638
|
-
},
|
|
3639
|
-
function
|
|
3702
|
+
})), hn = () => {
|
|
3703
|
+
mn.getState().closeAllModals(), pn = 0;
|
|
3704
|
+
}, gn = 8, _n = 96, vn = .55;
|
|
3705
|
+
function yn(e, t, n) {
|
|
3640
3706
|
return {
|
|
3641
3707
|
startX: e,
|
|
3642
3708
|
startY: t,
|
|
@@ -3644,16 +3710,16 @@ function pn(e, t, n) {
|
|
|
3644
3710
|
intent: "pending"
|
|
3645
3711
|
};
|
|
3646
3712
|
}
|
|
3647
|
-
function
|
|
3713
|
+
function bn(e, t, n) {
|
|
3648
3714
|
let r = t - e.startX, i = n - e.startY;
|
|
3649
|
-
return e.intent === "pending" && Math.max(Math.abs(r), Math.abs(i)) >=
|
|
3715
|
+
return e.intent === "pending" && Math.max(Math.abs(r), Math.abs(i)) >= gn && (e.intent = Math.abs(i) > Math.abs(r) ? "vertical" : "horizontal"), e.intent === "vertical" ? Math.max(0, i) : 0;
|
|
3650
3716
|
}
|
|
3651
|
-
function
|
|
3717
|
+
function xn(e, t, n) {
|
|
3652
3718
|
if (e.intent !== "vertical") return !1;
|
|
3653
3719
|
let r = Math.max(0, t - e.startY), i = Math.max(1, n - e.startTime);
|
|
3654
|
-
return r >=
|
|
3720
|
+
return r >= _n || r >= 32 && r / i >= vn;
|
|
3655
3721
|
}
|
|
3656
|
-
var
|
|
3722
|
+
var Sn = {
|
|
3657
3723
|
layer: "_layer_w9isk_1",
|
|
3658
3724
|
backdrop: "_backdrop_w9isk_15",
|
|
3659
3725
|
"backdrop-enter": "_backdrop-enter_w9isk_1",
|
|
@@ -3666,10 +3732,10 @@ var gn = {
|
|
|
3666
3732
|
close: "_close_w9isk_141",
|
|
3667
3733
|
dragHandle: "_dragHandle_w9isk_149",
|
|
3668
3734
|
"sheet-enter": "_sheet-enter_w9isk_1"
|
|
3669
|
-
},
|
|
3670
|
-
function
|
|
3735
|
+
}, Cn = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", wn = a({});
|
|
3736
|
+
function Tn(e) {
|
|
3671
3737
|
if (e.key !== "Tab") return;
|
|
3672
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3738
|
+
let t = Array.from(e.currentTarget.querySelectorAll(Cn));
|
|
3673
3739
|
if (!t.length) {
|
|
3674
3740
|
e.preventDefault();
|
|
3675
3741
|
return;
|
|
@@ -3677,18 +3743,18 @@ function yn(e) {
|
|
|
3677
3743
|
let n = t[0], r = t.at(-1);
|
|
3678
3744
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
|
|
3679
3745
|
}
|
|
3680
|
-
var
|
|
3681
|
-
let l = u(
|
|
3746
|
+
var En = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: s = "", role: c = "dialog" }) => {
|
|
3747
|
+
let l = u(wn), p = r ?? l.title, m = i ?? l.description, _ = f(), v = f(), y = h(null), b = h(null), x = h(null), [S, C] = g(0), [w, T] = g(!1), E = mn((e) => e.closeModal), D = l.requestClose ?? (() => E(a)), O = p != null, k = m != null;
|
|
3682
3748
|
d(() => {
|
|
3683
3749
|
let e = document.activeElement, t = y.current;
|
|
3684
|
-
return (t?.querySelector(
|
|
3750
|
+
return (t?.querySelector(Cn) ?? t)?.focus(), () => e?.focus();
|
|
3685
3751
|
}, []);
|
|
3686
3752
|
let A = (e) => {
|
|
3687
3753
|
e && x.current !== null && e.hasPointerCapture(x.current) && e.releasePointerCapture(x.current), b.current = null, x.current = null, T(!1), C(0);
|
|
3688
3754
|
};
|
|
3689
3755
|
return /* @__PURE__ */ n("div", {
|
|
3690
3756
|
ref: y,
|
|
3691
|
-
className: `${
|
|
3757
|
+
className: `${Sn.panel} ${s}`,
|
|
3692
3758
|
"data-closing": l.closing || void 0,
|
|
3693
3759
|
"data-dragging": w || void 0,
|
|
3694
3760
|
style: { "--ds-modal-drag-offset": `${S}px` },
|
|
@@ -3697,41 +3763,41 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3697
3763
|
"aria-labelledby": O ? _ : void 0,
|
|
3698
3764
|
"aria-describedby": k ? v : void 0,
|
|
3699
3765
|
tabIndex: -1,
|
|
3700
|
-
onKeyDown:
|
|
3766
|
+
onKeyDown: Tn,
|
|
3701
3767
|
children: [
|
|
3702
3768
|
/* @__PURE__ */ t("button", {
|
|
3703
3769
|
type: "button",
|
|
3704
|
-
className:
|
|
3770
|
+
className: Sn.dragHandle,
|
|
3705
3771
|
"aria-label": "Потяните вниз, чтобы закрыть модальное окно",
|
|
3706
3772
|
onPointerDown: (e) => {
|
|
3707
|
-
(e.pointerType !== "mouse" || e.button === 0) && (x.current = e.pointerId, b.current =
|
|
3773
|
+
(e.pointerType !== "mouse" || e.button === 0) && (x.current = e.pointerId, b.current = yn(e.clientX, e.clientY, e.timeStamp), e.currentTarget.setPointerCapture(e.pointerId));
|
|
3708
3774
|
},
|
|
3709
3775
|
onPointerMove: (e) => {
|
|
3710
3776
|
if (e.pointerId !== x.current || !b.current) return;
|
|
3711
|
-
let t =
|
|
3777
|
+
let t = bn(b.current, e.clientX, e.clientY);
|
|
3712
3778
|
b.current.intent === "vertical" && (e.preventDefault(), T(!0), C(t));
|
|
3713
3779
|
},
|
|
3714
3780
|
onPointerUp: (e) => {
|
|
3715
3781
|
if (e.pointerId !== x.current || !b.current) return;
|
|
3716
|
-
let t =
|
|
3782
|
+
let t = xn(b.current, e.clientY, e.timeStamp);
|
|
3717
3783
|
A(e.currentTarget), t && D();
|
|
3718
3784
|
},
|
|
3719
3785
|
onPointerCancel: (e) => A(e.currentTarget),
|
|
3720
3786
|
children: /* @__PURE__ */ t("span", {})
|
|
3721
3787
|
}),
|
|
3722
3788
|
(O || o) && /* @__PURE__ */ n("header", {
|
|
3723
|
-
className:
|
|
3789
|
+
className: Sn.header,
|
|
3724
3790
|
children: [O && /* @__PURE__ */ t("h2", {
|
|
3725
3791
|
id: _,
|
|
3726
|
-
className:
|
|
3792
|
+
className: Sn.title,
|
|
3727
3793
|
children: p
|
|
3728
3794
|
}), /* @__PURE__ */ t(j, {
|
|
3729
|
-
className:
|
|
3795
|
+
className: Sn.close,
|
|
3730
3796
|
variant: "empty",
|
|
3731
3797
|
size: "sm",
|
|
3732
3798
|
"aria-label": o,
|
|
3733
3799
|
onClick: D,
|
|
3734
|
-
children: /* @__PURE__ */ t(
|
|
3800
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3735
3801
|
name: "IconCross",
|
|
3736
3802
|
width: 24,
|
|
3737
3803
|
height: 24
|
|
@@ -3740,17 +3806,17 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3740
3806
|
}),
|
|
3741
3807
|
k && /* @__PURE__ */ t("p", {
|
|
3742
3808
|
id: v,
|
|
3743
|
-
className:
|
|
3809
|
+
className: Sn.description,
|
|
3744
3810
|
children: m
|
|
3745
3811
|
}),
|
|
3746
3812
|
/* @__PURE__ */ t("div", {
|
|
3747
|
-
className:
|
|
3813
|
+
className: Sn.content,
|
|
3748
3814
|
children: e
|
|
3749
3815
|
})
|
|
3750
3816
|
]
|
|
3751
3817
|
});
|
|
3752
|
-
},
|
|
3753
|
-
let n =
|
|
3818
|
+
}, Dn = ({ registry: e }) => {
|
|
3819
|
+
let n = mn((e) => e.modals), r = mn((e) => e.closeModal), [i, a] = g(() => /* @__PURE__ */ new Set()), o = h(/* @__PURE__ */ new Map()), s = (e) => {
|
|
3754
3820
|
if (o.current.has(e)) return;
|
|
3755
3821
|
a((t) => new Set(t).add(e));
|
|
3756
3822
|
let t = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
@@ -3766,7 +3832,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3766
3832
|
return () => e.forEach((e) => window.clearTimeout(e));
|
|
3767
3833
|
}, []), d(() => {
|
|
3768
3834
|
let e = (e) => {
|
|
3769
|
-
let t =
|
|
3835
|
+
let t = mn.getState().modals.at(-1);
|
|
3770
3836
|
e.key === "Escape" && t?.closeOnEscape && s(t.id);
|
|
3771
3837
|
};
|
|
3772
3838
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
@@ -3779,21 +3845,21 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3779
3845
|
n,
|
|
3780
3846
|
e
|
|
3781
3847
|
]), !n.length || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
3782
|
-
className:
|
|
3848
|
+
className: Sn.layer,
|
|
3783
3849
|
"aria-label": "Модальные окна",
|
|
3784
3850
|
children: n.map((r, a) => {
|
|
3785
3851
|
let o = e[r.name];
|
|
3786
3852
|
if (!o) return null;
|
|
3787
3853
|
let c = i.has(r.id);
|
|
3788
3854
|
return /* @__PURE__ */ t("div", {
|
|
3789
|
-
className:
|
|
3855
|
+
className: Sn.backdrop,
|
|
3790
3856
|
"data-closing": c || void 0,
|
|
3791
3857
|
"aria-hidden": a !== n.length - 1 || void 0,
|
|
3792
3858
|
inert: a !== n.length - 1 || void 0,
|
|
3793
3859
|
onMouseDown: (e) => {
|
|
3794
3860
|
e.target === e.currentTarget && r.closeOnBackdrop && s(r.id);
|
|
3795
3861
|
},
|
|
3796
|
-
children: /* @__PURE__ */ t(
|
|
3862
|
+
children: /* @__PURE__ */ t(wn.Provider, {
|
|
3797
3863
|
value: {
|
|
3798
3864
|
title: r.title ?? r.payload.title,
|
|
3799
3865
|
description: r.description ?? r.payload.description,
|
|
@@ -3810,31 +3876,31 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3810
3876
|
}, r.id);
|
|
3811
3877
|
})
|
|
3812
3878
|
}), document.body);
|
|
3813
|
-
},
|
|
3814
|
-
let o =
|
|
3879
|
+
}, On = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
3880
|
+
let o = mn((e) => e.modals.length);
|
|
3815
3881
|
return d(() => {
|
|
3816
3882
|
if (!a || o === 0) return;
|
|
3817
3883
|
let e = document.body.style.overflow;
|
|
3818
3884
|
return document.body.style.overflow = "hidden", () => {
|
|
3819
3885
|
document.body.style.overflow = e;
|
|
3820
3886
|
};
|
|
3821
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
3822
|
-
},
|
|
3887
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Dn, { registry: r })] });
|
|
3888
|
+
}, kn = (e) => e, An = {
|
|
3823
3889
|
message: "_message_c23ie_1",
|
|
3824
3890
|
actions: "_actions_c23ie_13"
|
|
3825
|
-
},
|
|
3891
|
+
}, jn = /* @__PURE__ */ new Map(), Mn = 0, Nn = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
3826
3892
|
let u = (e) => {
|
|
3827
|
-
|
|
3893
|
+
jn.get(l)?.(e), jn.delete(l), r();
|
|
3828
3894
|
};
|
|
3829
|
-
return /* @__PURE__ */ n(
|
|
3895
|
+
return /* @__PURE__ */ n(En, {
|
|
3830
3896
|
modalId: e,
|
|
3831
3897
|
title: i,
|
|
3832
3898
|
role: "alertdialog",
|
|
3833
3899
|
children: [/* @__PURE__ */ t("p", {
|
|
3834
|
-
className:
|
|
3900
|
+
className: An.message,
|
|
3835
3901
|
children: a
|
|
3836
3902
|
}), /* @__PURE__ */ n("div", {
|
|
3837
|
-
className:
|
|
3903
|
+
className: An.actions,
|
|
3838
3904
|
children: [/* @__PURE__ */ t(j, {
|
|
3839
3905
|
variant: "outline",
|
|
3840
3906
|
onClick: () => u(!1),
|
|
@@ -3846,46 +3912,46 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3846
3912
|
})]
|
|
3847
3913
|
})]
|
|
3848
3914
|
});
|
|
3849
|
-
},
|
|
3915
|
+
}, Pn = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(En, {
|
|
3850
3916
|
modalId: e,
|
|
3851
3917
|
title: i,
|
|
3852
3918
|
role: "alertdialog",
|
|
3853
3919
|
children: [/* @__PURE__ */ t("p", {
|
|
3854
|
-
className:
|
|
3920
|
+
className: An.message,
|
|
3855
3921
|
children: a
|
|
3856
3922
|
}), /* @__PURE__ */ t("div", {
|
|
3857
|
-
className:
|
|
3923
|
+
className: An.actions,
|
|
3858
3924
|
children: /* @__PURE__ */ t(j, {
|
|
3859
3925
|
onClick: r,
|
|
3860
3926
|
children: o
|
|
3861
3927
|
})
|
|
3862
3928
|
})]
|
|
3863
|
-
}),
|
|
3864
|
-
ConfirmModal:
|
|
3865
|
-
ErrorModal:
|
|
3866
|
-
}),
|
|
3867
|
-
let e =
|
|
3929
|
+
}), Fn = kn({
|
|
3930
|
+
ConfirmModal: Nn,
|
|
3931
|
+
ErrorModal: Pn
|
|
3932
|
+
}), In = () => {
|
|
3933
|
+
let e = mn((e) => e.openModal);
|
|
3868
3934
|
return (t = {}) => new Promise((n) => {
|
|
3869
|
-
|
|
3870
|
-
let r = `confirm-${
|
|
3871
|
-
|
|
3935
|
+
Mn += 1;
|
|
3936
|
+
let r = `confirm-${Mn}`;
|
|
3937
|
+
jn.set(r, n), e("ConfirmModal", {
|
|
3872
3938
|
...t,
|
|
3873
3939
|
requestId: r
|
|
3874
3940
|
}, {
|
|
3875
3941
|
closeOnEscape: !1,
|
|
3876
3942
|
onClose: () => {
|
|
3877
|
-
|
|
3943
|
+
jn.get(r)?.(!1), jn.delete(r);
|
|
3878
3944
|
}
|
|
3879
3945
|
});
|
|
3880
3946
|
});
|
|
3881
|
-
},
|
|
3882
|
-
let e =
|
|
3947
|
+
}, Ln = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", Rn = () => {
|
|
3948
|
+
let e = mn((e) => e.openModal);
|
|
3883
3949
|
return { showError: (t, n) => e("ErrorModal", {
|
|
3884
3950
|
title: n,
|
|
3885
|
-
message:
|
|
3951
|
+
message: Ln(t)
|
|
3886
3952
|
}) };
|
|
3887
|
-
},
|
|
3888
|
-
let e =
|
|
3953
|
+
}, zn = S(() => ({})), Bn = S(() => ({})), Vn = () => {
|
|
3954
|
+
let e = mn((e) => e.modals), t = mn((e) => e.openModal), n = mn((e) => e.closeModal), r = mn((e) => e.closeTopModal), i = mn((e) => e.closeAllModals), a = l((e, n = {}, r) => t(e, n, r), [t]), o = l((t) => e.some((e) => e.name === t), [e]);
|
|
3889
3955
|
return m(() => ({
|
|
3890
3956
|
openModal: a,
|
|
3891
3957
|
closeModal: n,
|
|
@@ -3901,7 +3967,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3901
3967
|
e.length,
|
|
3902
3968
|
a
|
|
3903
3969
|
]);
|
|
3904
|
-
},
|
|
3970
|
+
}, Hn = {
|
|
3905
3971
|
layer: "_layer_ct7yp_1",
|
|
3906
3972
|
backdrop: "_backdrop_ct7yp_13",
|
|
3907
3973
|
panel: "_panel_ct7yp_27",
|
|
@@ -3921,16 +3987,16 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3921
3987
|
"enter-right": "_enter-right_ct7yp_1",
|
|
3922
3988
|
"enter-left": "_enter-left_ct7yp_1",
|
|
3923
3989
|
"enter-bottom": "_enter-bottom_ct7yp_1"
|
|
3924
|
-
},
|
|
3990
|
+
}, Un = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Wn = a(null), Gn = (e) => {
|
|
3925
3991
|
if (e.key !== "Tab") return;
|
|
3926
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3992
|
+
let t = Array.from(e.currentTarget.querySelectorAll(Un));
|
|
3927
3993
|
if (!t.length) {
|
|
3928
3994
|
e.preventDefault();
|
|
3929
3995
|
return;
|
|
3930
3996
|
}
|
|
3931
3997
|
let n = t[0], r = t.at(-1);
|
|
3932
3998
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
|
|
3933
|
-
},
|
|
3999
|
+
}, Kn = () => u(Wn), qn = ({ open: e, onCloseRequest: r, children: i, title: a, description: o, headerActions: s, footer: c, placement: l = "right", size: u = "md", closeOnEscape: p = !0, closeOnBackdrop: m = !0, preventClose: g = !1, closeLabel: v = "Закрыть", initialFocusRef: y, returnFocusRef: b, className: x = "" }) => {
|
|
3934
4000
|
let S = h(null), C = f(), w = f(), T = (e) => {
|
|
3935
4001
|
g || r(e);
|
|
3936
4002
|
};
|
|
@@ -3939,7 +4005,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3939
4005
|
let t = document.activeElement, n = b?.current, i = document.body.style.overflow;
|
|
3940
4006
|
document.body.style.overflow = "hidden";
|
|
3941
4007
|
let a = S.current;
|
|
3942
|
-
(y?.current ?? a?.querySelector(
|
|
4008
|
+
(y?.current ?? a?.querySelector(Un) ?? a)?.focus();
|
|
3943
4009
|
let o = (e) => {
|
|
3944
4010
|
e.key === "Escape" && p && !g && r("escape");
|
|
3945
4011
|
};
|
|
@@ -3954,29 +4020,29 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3954
4020
|
g,
|
|
3955
4021
|
b
|
|
3956
4022
|
]), !e || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
3957
|
-
className:
|
|
4023
|
+
className: Hn.layer,
|
|
3958
4024
|
children: /* @__PURE__ */ t("div", {
|
|
3959
|
-
className:
|
|
4025
|
+
className: Hn.backdrop,
|
|
3960
4026
|
onMouseDown: (e) => {
|
|
3961
4027
|
e.target === e.currentTarget && m && T("backdrop");
|
|
3962
4028
|
},
|
|
3963
|
-
children: /* @__PURE__ */ t(
|
|
4029
|
+
children: /* @__PURE__ */ t(Wn.Provider, {
|
|
3964
4030
|
value: { requestClose: T },
|
|
3965
4031
|
children: /* @__PURE__ */ n("section", {
|
|
3966
4032
|
ref: S,
|
|
3967
|
-
className: `${
|
|
4033
|
+
className: `${Hn.panel} ${Hn[l]} ${Hn[u]} ${x}`,
|
|
3968
4034
|
role: "dialog",
|
|
3969
4035
|
"aria-modal": "true",
|
|
3970
4036
|
"aria-labelledby": a ? C : void 0,
|
|
3971
4037
|
"aria-describedby": o ? w : void 0,
|
|
3972
4038
|
tabIndex: -1,
|
|
3973
|
-
onKeyDown:
|
|
4039
|
+
onKeyDown: Gn,
|
|
3974
4040
|
children: [
|
|
3975
4041
|
/* @__PURE__ */ n("header", {
|
|
3976
|
-
className:
|
|
4042
|
+
className: Hn.header,
|
|
3977
4043
|
children: [
|
|
3978
4044
|
/* @__PURE__ */ n("div", {
|
|
3979
|
-
className:
|
|
4045
|
+
className: Hn.heading,
|
|
3980
4046
|
children: [a && /* @__PURE__ */ t("h2", {
|
|
3981
4047
|
id: C,
|
|
3982
4048
|
children: a
|
|
@@ -3986,7 +4052,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3986
4052
|
})]
|
|
3987
4053
|
}),
|
|
3988
4054
|
s && /* @__PURE__ */ t("div", {
|
|
3989
|
-
className:
|
|
4055
|
+
className: Hn.headerActions,
|
|
3990
4056
|
children: s
|
|
3991
4057
|
}),
|
|
3992
4058
|
/* @__PURE__ */ t(j, {
|
|
@@ -3995,7 +4061,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3995
4061
|
"aria-label": v,
|
|
3996
4062
|
disabled: g,
|
|
3997
4063
|
onClick: () => T("close-button"),
|
|
3998
|
-
children: /* @__PURE__ */ t(
|
|
4064
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3999
4065
|
name: "IconCross",
|
|
4000
4066
|
width: 20,
|
|
4001
4067
|
height: 20
|
|
@@ -4004,11 +4070,11 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4004
4070
|
]
|
|
4005
4071
|
}),
|
|
4006
4072
|
/* @__PURE__ */ t("div", {
|
|
4007
|
-
className:
|
|
4073
|
+
className: Hn.content,
|
|
4008
4074
|
children: i
|
|
4009
4075
|
}),
|
|
4010
4076
|
c && /* @__PURE__ */ t("footer", {
|
|
4011
|
-
className:
|
|
4077
|
+
className: Hn.footer,
|
|
4012
4078
|
children: c
|
|
4013
4079
|
})
|
|
4014
4080
|
]
|
|
@@ -4016,17 +4082,17 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4016
4082
|
})
|
|
4017
4083
|
})
|
|
4018
4084
|
}), document.body);
|
|
4019
|
-
},
|
|
4085
|
+
}, Jn = ({ placement: e = "right", ...n }) => /* @__PURE__ */ t(qn, {
|
|
4020
4086
|
...n,
|
|
4021
4087
|
placement: e
|
|
4022
|
-
}),
|
|
4088
|
+
}), Yn = (e) => /* @__PURE__ */ t(qn, {
|
|
4023
4089
|
...e,
|
|
4024
4090
|
placement: "bottom"
|
|
4025
|
-
}),
|
|
4091
|
+
}), Xn = (e) => /* @__PURE__ */ t(qn, {
|
|
4026
4092
|
...e,
|
|
4027
4093
|
placement: "fullscreen",
|
|
4028
4094
|
size: "xl"
|
|
4029
|
-
}),
|
|
4095
|
+
}), Zn = {
|
|
4030
4096
|
wrapper: "_wrapper_1hyyy_1",
|
|
4031
4097
|
container: "_container_1hyyy_15",
|
|
4032
4098
|
inner: "_inner_1hyyy_35",
|
|
@@ -4041,29 +4107,29 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4041
4107
|
empty: "_empty_1hyyy_153",
|
|
4042
4108
|
destructive: "_destructive_1hyyy_161",
|
|
4043
4109
|
destructiveOutline: "_destructiveOutline_1hyyy_169"
|
|
4044
|
-
},
|
|
4045
|
-
className:
|
|
4110
|
+
}, Qn = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
4111
|
+
className: Zn.wrapper,
|
|
4046
4112
|
children: /* @__PURE__ */ t("div", {
|
|
4047
|
-
className:
|
|
4113
|
+
className: Zn.container,
|
|
4048
4114
|
children: /* @__PURE__ */ n("div", {
|
|
4049
|
-
className:
|
|
4115
|
+
className: Zn.inner,
|
|
4050
4116
|
children: [
|
|
4051
4117
|
/* @__PURE__ */ t("div", {
|
|
4052
|
-
className:
|
|
4053
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
4118
|
+
className: Zn.cube,
|
|
4119
|
+
children: /* @__PURE__ */ t("div", { className: `${Zn.cube__inner} ${Zn[e]}` })
|
|
4054
4120
|
}),
|
|
4055
4121
|
/* @__PURE__ */ t("div", {
|
|
4056
|
-
className:
|
|
4057
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
4122
|
+
className: Zn.cube,
|
|
4123
|
+
children: /* @__PURE__ */ t("div", { className: `${Zn.cube__inner} ${Zn[e]}` })
|
|
4058
4124
|
}),
|
|
4059
4125
|
/* @__PURE__ */ t("div", {
|
|
4060
|
-
className:
|
|
4061
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
4126
|
+
className: Zn.cube,
|
|
4127
|
+
children: /* @__PURE__ */ t("div", { className: `${Zn.cube__inner} ${Zn[e]}` })
|
|
4062
4128
|
})
|
|
4063
4129
|
]
|
|
4064
4130
|
})
|
|
4065
4131
|
})
|
|
4066
|
-
}),
|
|
4132
|
+
}), $n = {
|
|
4067
4133
|
viewport: "_viewport_bu4eh_1",
|
|
4068
4134
|
"top-right": "_top-right_bu4eh_21",
|
|
4069
4135
|
"top-left": "_top-left_bu4eh_31",
|
|
@@ -4079,12 +4145,12 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4079
4145
|
success: "_success_bu4eh_195",
|
|
4080
4146
|
warning: "_warning_bu4eh_203",
|
|
4081
4147
|
error: "_error_bu4eh_211"
|
|
4082
|
-
},
|
|
4148
|
+
}, er = {
|
|
4083
4149
|
info: "IconInfoCircle",
|
|
4084
4150
|
success: "IconSuccessCircle",
|
|
4085
4151
|
warning: "IconWarning",
|
|
4086
4152
|
error: "IconWarning"
|
|
4087
|
-
},
|
|
4153
|
+
}, tr = ({ toast: e, onClose: r }) => {
|
|
4088
4154
|
let [i, a] = g(!1), [o, s] = g(() => typeof document < "u" && document.hidden), c = h(e.duration), l = h(Date.now());
|
|
4089
4155
|
return d(() => {
|
|
4090
4156
|
if (i || o || e.duration <= 0) return;
|
|
@@ -4104,7 +4170,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4104
4170
|
let e = () => s(document.hidden);
|
|
4105
4171
|
return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
|
|
4106
4172
|
}, []), /* @__PURE__ */ n("article", {
|
|
4107
|
-
className: `${
|
|
4173
|
+
className: `${$n.toast} ${$n[e.variant]}`,
|
|
4108
4174
|
role: e.variant === "error" ? "alert" : "status",
|
|
4109
4175
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
4110
4176
|
onMouseEnter: () => a(!0),
|
|
@@ -4113,24 +4179,24 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4113
4179
|
onBlur: () => a(!1),
|
|
4114
4180
|
children: [
|
|
4115
4181
|
/* @__PURE__ */ t("div", {
|
|
4116
|
-
className:
|
|
4182
|
+
className: $n.icon,
|
|
4117
4183
|
"aria-hidden": "true",
|
|
4118
|
-
children: /* @__PURE__ */ t(
|
|
4119
|
-
name:
|
|
4184
|
+
children: /* @__PURE__ */ t(Y, {
|
|
4185
|
+
name: er[e.variant],
|
|
4120
4186
|
color: "var(--ds-toast-accent)",
|
|
4121
4187
|
width: 20,
|
|
4122
4188
|
height: 20
|
|
4123
4189
|
})
|
|
4124
4190
|
}),
|
|
4125
4191
|
/* @__PURE__ */ n("div", {
|
|
4126
|
-
className:
|
|
4192
|
+
className: $n.body,
|
|
4127
4193
|
children: [
|
|
4128
4194
|
e.title && /* @__PURE__ */ t("strong", {
|
|
4129
|
-
className:
|
|
4195
|
+
className: $n.title,
|
|
4130
4196
|
children: e.title
|
|
4131
4197
|
}),
|
|
4132
4198
|
/* @__PURE__ */ t("div", {
|
|
4133
|
-
className:
|
|
4199
|
+
className: $n.message,
|
|
4134
4200
|
children: e.message
|
|
4135
4201
|
}),
|
|
4136
4202
|
e.action && /* @__PURE__ */ t(j, {
|
|
@@ -4148,7 +4214,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4148
4214
|
size: "sm",
|
|
4149
4215
|
"aria-label": "Закрыть уведомление",
|
|
4150
4216
|
onClick: () => r(e.id),
|
|
4151
|
-
children: /* @__PURE__ */ t(
|
|
4217
|
+
children: /* @__PURE__ */ t(Y, {
|
|
4152
4218
|
name: "IconCross",
|
|
4153
4219
|
width: 20,
|
|
4154
4220
|
height: 20
|
|
@@ -4156,15 +4222,15 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4156
4222
|
})
|
|
4157
4223
|
]
|
|
4158
4224
|
});
|
|
4159
|
-
},
|
|
4225
|
+
}, nr = 0, rr = S((e, t) => ({
|
|
4160
4226
|
toasts: [],
|
|
4161
4227
|
showToast: (n) => {
|
|
4162
4228
|
if (n.dedupeKey) {
|
|
4163
4229
|
let e = t().toasts.find((e) => e.dedupeKey === n.dedupeKey);
|
|
4164
4230
|
if (e) return e.id;
|
|
4165
4231
|
}
|
|
4166
|
-
|
|
4167
|
-
let r = `ds-toast-${
|
|
4232
|
+
nr += 1;
|
|
4233
|
+
let r = `ds-toast-${nr}`;
|
|
4168
4234
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
4169
4235
|
variant: "info",
|
|
4170
4236
|
duration: 5e3,
|
|
@@ -4175,18 +4241,18 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4175
4241
|
},
|
|
4176
4242
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
4177
4243
|
clearToasts: () => e({ toasts: [] })
|
|
4178
|
-
})),
|
|
4179
|
-
let r =
|
|
4244
|
+
})), ir = () => rr.setState({ toasts: [] }), ar = ({ position: e = "top-right", maxVisible: n }) => {
|
|
4245
|
+
let r = rr((e) => e.toasts), i = rr((e) => e.removeToast), a = n === void 0 ? r : r.slice(0, Math.max(0, Math.floor(n)));
|
|
4180
4246
|
return /* @__PURE__ */ t("div", {
|
|
4181
|
-
className: `${
|
|
4247
|
+
className: `${$n.viewport} ${$n[e]}`,
|
|
4182
4248
|
"aria-label": "Уведомления",
|
|
4183
|
-
children: a.map((e) => /* @__PURE__ */ t(
|
|
4249
|
+
children: a.map((e) => /* @__PURE__ */ t(tr, {
|
|
4184
4250
|
toast: e,
|
|
4185
4251
|
onClose: i
|
|
4186
4252
|
}, e.id))
|
|
4187
4253
|
});
|
|
4188
|
-
},
|
|
4189
|
-
let e =
|
|
4254
|
+
}, or = () => {
|
|
4255
|
+
let e = rr((e) => e.showToast), t = rr((e) => e.removeToast), n = rr((e) => e.clearToasts), r = l((t) => e({
|
|
4190
4256
|
...t,
|
|
4191
4257
|
variant: "info"
|
|
4192
4258
|
}), [e]), i = l((t) => e({
|
|
@@ -4216,24 +4282,24 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4216
4282
|
i,
|
|
4217
4283
|
a
|
|
4218
4284
|
]);
|
|
4219
|
-
},
|
|
4285
|
+
}, sr = {
|
|
4220
4286
|
root: "_root_ncmxp_1",
|
|
4221
4287
|
tooltip: "_tooltip_ncmxp_11",
|
|
4222
4288
|
"ds-tooltip-in": "_ds-tooltip-in_ncmxp_1"
|
|
4223
|
-
},
|
|
4289
|
+
}, cr = 8, lr = 16, ur = {
|
|
4224
4290
|
top: "bottom",
|
|
4225
4291
|
right: "left",
|
|
4226
4292
|
bottom: "top",
|
|
4227
4293
|
left: "right"
|
|
4228
|
-
},
|
|
4294
|
+
}, dr = (e, t, n) => e === "top" ? t.top >= n.height + cr + lr : e === "bottom" ? window.innerHeight - t.bottom >= n.height + cr + lr : e === "left" ? t.left >= n.width + cr + lr : window.innerWidth - t.right >= n.width + cr + lr, fr = (e, t, n) => {
|
|
4229
4295
|
if (!(t.bottom > 0 && t.right > 0 && t.top < window.innerHeight && t.left < window.innerWidth)) return null;
|
|
4230
|
-
let r =
|
|
4231
|
-
return r === "top" && (a = t.top - n.height -
|
|
4296
|
+
let r = dr(e, t, n) ? e : dr(ur[e], t, n) ? ur[e] : e, i = t.left + (t.width - n.width) / 2, a = t.top + (t.height - n.height) / 2;
|
|
4297
|
+
return r === "top" && (a = t.top - n.height - cr), r === "bottom" && (a = t.bottom + cr), r === "left" && (i = t.left - n.width - cr), r === "right" && (i = t.right + cr), i = Math.min(Math.max(i, lr), Math.max(lr, window.innerWidth - n.width - lr)), a = Math.min(Math.max(a, lr), Math.max(lr, window.innerHeight - n.height - lr)), {
|
|
4232
4298
|
left: i,
|
|
4233
4299
|
top: a,
|
|
4234
4300
|
visibility: "visible"
|
|
4235
4301
|
};
|
|
4236
|
-
},
|
|
4302
|
+
}, pr = ({ content: e, children: r, placement: a = "top", delay: o = 450, disabled: s = !1, maxWidth: u = 280, className: p = "" }) => {
|
|
4237
4303
|
let m = f(), [_, v] = g(!1), [y, b] = g({ visibility: "hidden" }), [x, S] = g(null), C = h(null), w = h(null), T = l(() => {
|
|
4238
4304
|
C.current && clearTimeout(C.current), C.current = null, v(!1);
|
|
4239
4305
|
}, []), E = l(() => {
|
|
@@ -4251,7 +4317,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4251
4317
|
let e = () => {
|
|
4252
4318
|
let e = w.current;
|
|
4253
4319
|
if (!e || !x) return;
|
|
4254
|
-
let t =
|
|
4320
|
+
let t = fr(a, e.getBoundingClientRect(), x.getBoundingClientRect());
|
|
4255
4321
|
if (!t) {
|
|
4256
4322
|
T();
|
|
4257
4323
|
return;
|
|
@@ -4288,24 +4354,24 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4288
4354
|
});
|
|
4289
4355
|
return /* @__PURE__ */ n("span", {
|
|
4290
4356
|
ref: w,
|
|
4291
|
-
className: `${
|
|
4357
|
+
className: `${sr.root} ${p}`,
|
|
4292
4358
|
onPointerDown: _ ? T : E,
|
|
4293
|
-
children: [O, _ && /* @__PURE__ */ t(
|
|
4359
|
+
children: [O, _ && /* @__PURE__ */ t(sn, { children: /* @__PURE__ */ t("span", {
|
|
4294
4360
|
ref: S,
|
|
4295
4361
|
id: m,
|
|
4296
4362
|
role: "tooltip",
|
|
4297
|
-
className:
|
|
4363
|
+
className: sr.tooltip,
|
|
4298
4364
|
style: D,
|
|
4299
4365
|
children: e
|
|
4300
4366
|
}) })]
|
|
4301
4367
|
});
|
|
4302
|
-
},
|
|
4368
|
+
}, mr = {
|
|
4303
4369
|
root: "_root_bs28m_1",
|
|
4304
4370
|
tabList: "_tabList_bs28m_11",
|
|
4305
4371
|
tab: "_tab_bs28m_11",
|
|
4306
4372
|
panels: "_panels_bs28m_127",
|
|
4307
4373
|
panel: "_panel_bs28m_127"
|
|
4308
|
-
},
|
|
4374
|
+
}, hr = ({ items: e, value: r, onChange: i, ariaLabel: a = "Вкладки", disabled: o = !1, loading: s = !1, className: c = "" }) => {
|
|
4309
4375
|
let l = `ds-tabs-${f().replace(/:/g, "")}`, u = h([]), d = o || s, p = e.findIndex((e) => e.id === r), m = e.findIndex((e) => !e.disabled), g = p >= 0 && !e[p]?.disabled ? p : m, _ = (t) => {
|
|
4310
4376
|
let n = e[t];
|
|
4311
4377
|
!n || n.disabled || d || (i(n.id), u.current[t]?.focus(), u.current[t]?.scrollIntoView({
|
|
@@ -4335,10 +4401,10 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4335
4401
|
t.preventDefault(), _(a);
|
|
4336
4402
|
};
|
|
4337
4403
|
return /* @__PURE__ */ n("div", {
|
|
4338
|
-
className: `${
|
|
4404
|
+
className: `${mr.root} ${c}`,
|
|
4339
4405
|
"aria-busy": s || void 0,
|
|
4340
4406
|
children: [/* @__PURE__ */ t("div", {
|
|
4341
|
-
className:
|
|
4407
|
+
className: mr.tabList,
|
|
4342
4408
|
role: "tablist",
|
|
4343
4409
|
"aria-label": a,
|
|
4344
4410
|
"aria-orientation": "horizontal",
|
|
@@ -4350,7 +4416,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4350
4416
|
u.current[n] = e;
|
|
4351
4417
|
},
|
|
4352
4418
|
id: a,
|
|
4353
|
-
className:
|
|
4419
|
+
className: mr.tab,
|
|
4354
4420
|
type: "button",
|
|
4355
4421
|
role: "tab",
|
|
4356
4422
|
"aria-selected": i,
|
|
@@ -4363,12 +4429,12 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4363
4429
|
}, e.id);
|
|
4364
4430
|
})
|
|
4365
4431
|
}), /* @__PURE__ */ t("div", {
|
|
4366
|
-
className:
|
|
4432
|
+
className: mr.panels,
|
|
4367
4433
|
children: e.map((e, n) => {
|
|
4368
4434
|
let i = e.id === r;
|
|
4369
4435
|
return /* @__PURE__ */ t("div", {
|
|
4370
4436
|
id: `${l}-panel-${n}`,
|
|
4371
|
-
className:
|
|
4437
|
+
className: mr.panel,
|
|
4372
4438
|
role: "tabpanel",
|
|
4373
4439
|
"aria-labelledby": `${l}-tab-${n}`,
|
|
4374
4440
|
tabIndex: 0,
|
|
@@ -4378,7 +4444,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4378
4444
|
})
|
|
4379
4445
|
})]
|
|
4380
4446
|
});
|
|
4381
|
-
},
|
|
4447
|
+
}, gr = (e) => {
|
|
4382
4448
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
4383
4449
|
let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = `${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}`;
|
|
4384
4450
|
return n ? `${n}:${a}` : a;
|
|
@@ -4411,24 +4477,24 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4411
4477
|
settingsActionLabel: "_settingsActionLabel_14cqp_693",
|
|
4412
4478
|
caption: "_caption_14cqp_705",
|
|
4413
4479
|
fullscreen: "_fullscreen_14cqp_719"
|
|
4414
|
-
},
|
|
4480
|
+
}, _r = 2500, vr = 5, yr = .05, br = [
|
|
4415
4481
|
.5,
|
|
4416
4482
|
.75,
|
|
4417
4483
|
1,
|
|
4418
4484
|
1.25,
|
|
4419
4485
|
1.5,
|
|
4420
4486
|
2
|
|
4421
|
-
],
|
|
4422
|
-
let y = h(null), b = h(null), x = h(null), S = h(void 0), [C, w] = g(!1), [T, E] = g(r.length > 0), [D, O] = g(!1), [A, M] = g(!1), [ee, N] = g(!1), [P, F] = g(0), [I, L] = g(0), [R, z] = g(0), [B, V] = g(1), [H, U] = g(!!v.muted), [W, te] = g(1), [ne, re] = g(!!v.loop), [ie, ae] = g(-1), [oe, se] = g(!1), [ce,
|
|
4487
|
+
], xr = ({ sources: r, tracks: i = [], title: a, aspectRatio: o = "16 / 9", objectFit: s = "contain", loading: c = !1, error: u, fallback: f, className: p = "", controls: m = !0, playsInline: _ = !0, ...v }) => {
|
|
4488
|
+
let y = h(null), b = h(null), x = h(null), S = h(void 0), [C, w] = g(!1), [T, E] = g(r.length > 0), [D, O] = g(!1), [A, M] = g(!1), [ee, N] = g(!1), [P, F] = g(0), [I, L] = g(0), [R, z] = g(0), [B, V] = g(1), [H, U] = g(!!v.muted), [W, te] = g(1), [ne, re] = g(!!v.loop), [ie, ae] = g(-1), [oe, se] = g(!1), [ce, G] = g(!0), [le, ue] = g(!1), [de, K] = g(!1), fe = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), pe = i.map((e, t) => ({
|
|
4423
4489
|
track: e,
|
|
4424
4490
|
index: t
|
|
4425
|
-
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"),
|
|
4426
|
-
|
|
4491
|
+
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), me = u ?? (C ? "Не удалось воспроизвести видео" : void 0), he = c || T && !me && r.length > 0, ge = !he && !me && r.length === 0, _e = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, ve = l(() => {
|
|
4492
|
+
G(!0), window.clearTimeout(S.current), A && !oe && (S.current = window.setTimeout(() => G(!1), _r));
|
|
4427
4493
|
}, [A, oe]);
|
|
4428
4494
|
d(() => {
|
|
4429
4495
|
w(!1), E(r.length > 0), O(!1), M(!1), N(!1), F(0), L(0), z(0);
|
|
4430
|
-
}, [
|
|
4431
|
-
let e = () =>
|
|
4496
|
+
}, [fe, r.length]), d(() => (ve(), () => window.clearTimeout(S.current)), [ve]), d(() => {
|
|
4497
|
+
let e = () => ue(document.fullscreenElement === b.current), t = () => K(document.pictureInPictureElement === x.current);
|
|
4432
4498
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
4433
4499
|
document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
|
|
4434
4500
|
};
|
|
@@ -4439,9 +4505,9 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4439
4505
|
};
|
|
4440
4506
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
4441
4507
|
}, [oe]);
|
|
4442
|
-
let
|
|
4508
|
+
let ye = async () => {
|
|
4443
4509
|
let e = x.current;
|
|
4444
|
-
if (!(!e ||
|
|
4510
|
+
if (!(!e || me || he)) {
|
|
4445
4511
|
if (e.paused || e.ended) {
|
|
4446
4512
|
e.ended && (e.currentTime = 0);
|
|
4447
4513
|
try {
|
|
@@ -4451,38 +4517,38 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4451
4517
|
}
|
|
4452
4518
|
} else e.pause();
|
|
4453
4519
|
}
|
|
4454
|
-
},
|
|
4520
|
+
}, be = () => {
|
|
4455
4521
|
let e = x.current;
|
|
4456
4522
|
e && (e.muted = !e.muted);
|
|
4457
|
-
},
|
|
4523
|
+
}, xe = (e) => {
|
|
4458
4524
|
let t = x.current;
|
|
4459
4525
|
t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
|
|
4460
|
-
},
|
|
4526
|
+
}, Se = (e) => {
|
|
4461
4527
|
let t = x.current;
|
|
4462
4528
|
!t || !I || (t.currentTime = Math.min(I, Math.max(0, e)), F(t.currentTime));
|
|
4463
|
-
},
|
|
4529
|
+
}, Ce = async () => {
|
|
4464
4530
|
if (b.current) try {
|
|
4465
4531
|
document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
|
|
4466
4532
|
} catch {
|
|
4467
|
-
|
|
4533
|
+
ue(!1);
|
|
4468
4534
|
}
|
|
4469
|
-
},
|
|
4535
|
+
}, we = async () => {
|
|
4470
4536
|
let e = x.current;
|
|
4471
|
-
if (!(!e || !
|
|
4537
|
+
if (!(!e || !_e)) try {
|
|
4472
4538
|
document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
|
|
4473
4539
|
} catch {
|
|
4474
|
-
|
|
4540
|
+
K(!1);
|
|
4475
4541
|
}
|
|
4476
|
-
},
|
|
4542
|
+
}, Te = (e) => {
|
|
4477
4543
|
let t = x.current;
|
|
4478
4544
|
t && (Array.from(t.textTracks).forEach((t, n) => {
|
|
4479
4545
|
t.mode = n === e ? "showing" : "disabled";
|
|
4480
4546
|
}), ae(e));
|
|
4481
|
-
},
|
|
4547
|
+
}, Ee = (e) => {
|
|
4482
4548
|
let t = e.target;
|
|
4483
4549
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
4484
4550
|
let n = e.key.toLowerCase();
|
|
4485
|
-
n === " " || n === "k" ? (e.preventDefault(),
|
|
4551
|
+
n === " " || n === "k" ? (e.preventDefault(), ye()) : n === "m" ? (e.preventDefault(), be()) : n === "f" ? (e.preventDefault(), Ce()) : n === "c" && pe.length ? (e.preventDefault(), Te(ie === -1 ? pe[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), Se(P + (e.key === "ArrowRight" ? vr : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), xe(B + (e.key === "ArrowUp" ? yr : -.05))) : e.key === "Escape" && se(!1), ve();
|
|
4486
4552
|
}, q = () => {
|
|
4487
4553
|
let e = x.current;
|
|
4488
4554
|
w(!1), E(!0), e?.load();
|
|
@@ -4493,18 +4559,18 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4493
4559
|
return /* @__PURE__ */ n("figure", {
|
|
4494
4560
|
ref: y,
|
|
4495
4561
|
className: `${$.root} ${p}`,
|
|
4496
|
-
onKeyDown:
|
|
4562
|
+
onKeyDown: Ee,
|
|
4497
4563
|
children: [/* @__PURE__ */ n("div", {
|
|
4498
4564
|
ref: b,
|
|
4499
|
-
className: `${$.frame} ${
|
|
4565
|
+
className: `${$.frame} ${le ? $.fullscreen : ""}`,
|
|
4500
4566
|
style: { aspectRatio: o },
|
|
4501
|
-
"aria-busy":
|
|
4567
|
+
"aria-busy": he || void 0,
|
|
4502
4568
|
tabIndex: m && r.length ? 0 : void 0,
|
|
4503
|
-
onPointerMove:
|
|
4504
|
-
onPointerDown:
|
|
4505
|
-
onFocusCapture:
|
|
4569
|
+
onPointerMove: ve,
|
|
4570
|
+
onPointerDown: ve,
|
|
4571
|
+
onFocusCapture: ve,
|
|
4506
4572
|
onMouseLeave: () => {
|
|
4507
|
-
A && !oe &&
|
|
4573
|
+
A && !oe && G(!1);
|
|
4508
4574
|
},
|
|
4509
4575
|
children: [
|
|
4510
4576
|
r.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -4517,18 +4583,18 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4517
4583
|
className: $.video,
|
|
4518
4584
|
style: { objectFit: s },
|
|
4519
4585
|
onClick: (e) => {
|
|
4520
|
-
v.onClick?.(e),
|
|
4586
|
+
v.onClick?.(e), ye();
|
|
4521
4587
|
},
|
|
4522
4588
|
onDoubleClick: (e) => {
|
|
4523
|
-
v.onDoubleClick?.(e),
|
|
4589
|
+
v.onDoubleClick?.(e), Ce();
|
|
4524
4590
|
},
|
|
4525
4591
|
onLoadStart: (e) => {
|
|
4526
4592
|
E(!0), v.onLoadStart?.(e);
|
|
4527
4593
|
},
|
|
4528
4594
|
onLoadedMetadata: (e) => {
|
|
4529
4595
|
L(e.currentTarget.duration || 0);
|
|
4530
|
-
let t =
|
|
4531
|
-
|
|
4596
|
+
let t = pe.find(({ track: e }) => e.default);
|
|
4597
|
+
Te(t?.index ?? -1), v.onLoadedMetadata?.(e);
|
|
4532
4598
|
},
|
|
4533
4599
|
onDurationChange: (e) => {
|
|
4534
4600
|
L(e.currentTarget.duration || 0), v.onDurationChange?.(e);
|
|
@@ -4559,7 +4625,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4559
4625
|
M(!1), v.onPause?.(e);
|
|
4560
4626
|
},
|
|
4561
4627
|
onEnded: (e) => {
|
|
4562
|
-
M(!1), N(!0),
|
|
4628
|
+
M(!1), N(!0), G(!0), v.onEnded?.(e);
|
|
4563
4629
|
},
|
|
4564
4630
|
onVolumeChange: (e) => {
|
|
4565
4631
|
V(e.currentTarget.volume), U(e.currentTarget.muted), v.onVolumeChange?.(e);
|
|
@@ -4572,7 +4638,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4572
4638
|
},
|
|
4573
4639
|
children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
4574
4640
|
}),
|
|
4575
|
-
|
|
4641
|
+
he && /* @__PURE__ */ n("div", {
|
|
4576
4642
|
className: $.overlay,
|
|
4577
4643
|
role: "status",
|
|
4578
4644
|
"aria-live": "polite",
|
|
@@ -4581,21 +4647,21 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4581
4647
|
"aria-hidden": "true",
|
|
4582
4648
|
children: /* @__PURE__ */ t("div", {
|
|
4583
4649
|
className: $.loaderScale,
|
|
4584
|
-
children: /* @__PURE__ */ t(
|
|
4650
|
+
children: /* @__PURE__ */ t(Qn, {})
|
|
4585
4651
|
})
|
|
4586
4652
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
4587
4653
|
}),
|
|
4588
|
-
!
|
|
4654
|
+
!he && D && !me && /* @__PURE__ */ t("div", {
|
|
4589
4655
|
className: $.buffering,
|
|
4590
4656
|
role: "status",
|
|
4591
4657
|
"aria-label": "Буферизация видео",
|
|
4592
4658
|
children: /* @__PURE__ */ t(k, { variant: "primary" })
|
|
4593
4659
|
}),
|
|
4594
|
-
|
|
4660
|
+
ge && /* @__PURE__ */ n("div", {
|
|
4595
4661
|
className: `${$.state} ${$.empty}`,
|
|
4596
4662
|
role: "status",
|
|
4597
4663
|
children: [
|
|
4598
|
-
/* @__PURE__ */ t(
|
|
4664
|
+
/* @__PURE__ */ t(Y, {
|
|
4599
4665
|
name: "IconInfoCircle",
|
|
4600
4666
|
className: $.stateIcon,
|
|
4601
4667
|
width: 40,
|
|
@@ -4605,17 +4671,17 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4605
4671
|
f ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
|
|
4606
4672
|
]
|
|
4607
4673
|
}),
|
|
4608
|
-
!
|
|
4674
|
+
!he && me && /* @__PURE__ */ n("div", {
|
|
4609
4675
|
className: `${$.state} ${$.error}`,
|
|
4610
4676
|
role: "alert",
|
|
4611
4677
|
children: [
|
|
4612
|
-
/* @__PURE__ */ t(
|
|
4678
|
+
/* @__PURE__ */ t(Y, {
|
|
4613
4679
|
name: "IconWarning",
|
|
4614
4680
|
className: $.stateIcon,
|
|
4615
4681
|
width: 40,
|
|
4616
4682
|
height: 40
|
|
4617
4683
|
}),
|
|
4618
|
-
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children:
|
|
4684
|
+
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: me })] }),
|
|
4619
4685
|
r.length > 0 && /* @__PURE__ */ t(j, {
|
|
4620
4686
|
size: "sm",
|
|
4621
4687
|
variant: "secondary",
|
|
@@ -4624,18 +4690,18 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4624
4690
|
})
|
|
4625
4691
|
]
|
|
4626
4692
|
}),
|
|
4627
|
-
!
|
|
4693
|
+
!he && !me && ee && /* @__PURE__ */ t("button", {
|
|
4628
4694
|
type: "button",
|
|
4629
4695
|
className: $.replay,
|
|
4630
4696
|
"aria-label": "Воспроизвести заново",
|
|
4631
|
-
onClick: () => void
|
|
4632
|
-
children: /* @__PURE__ */ t(
|
|
4697
|
+
onClick: () => void ye(),
|
|
4698
|
+
children: /* @__PURE__ */ t(Y, {
|
|
4633
4699
|
name: "IconReplay",
|
|
4634
4700
|
width: 28,
|
|
4635
4701
|
height: 28
|
|
4636
4702
|
})
|
|
4637
4703
|
}),
|
|
4638
|
-
m && r.length > 0 && !
|
|
4704
|
+
m && r.length > 0 && !he && !me && /* @__PURE__ */ n("div", {
|
|
4639
4705
|
className: `${$.controlsLayer} ${ce || !A ? $.controlsVisible : ""}`,
|
|
4640
4706
|
onClick: (e) => e.stopPropagation(),
|
|
4641
4707
|
children: [oe && /* @__PURE__ */ n("div", {
|
|
@@ -4649,18 +4715,18 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4649
4715
|
let t = Number(e.target.value);
|
|
4650
4716
|
x.current && (x.current.playbackRate = t);
|
|
4651
4717
|
},
|
|
4652
|
-
children:
|
|
4718
|
+
children: br.map((e) => /* @__PURE__ */ n("option", {
|
|
4653
4719
|
value: e,
|
|
4654
4720
|
children: [e, "×"]
|
|
4655
4721
|
}, e))
|
|
4656
4722
|
})] }),
|
|
4657
|
-
|
|
4723
|
+
pe.length > 0 && /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Субтитры" }), /* @__PURE__ */ n("select", {
|
|
4658
4724
|
value: ie,
|
|
4659
|
-
onChange: (e) =>
|
|
4725
|
+
onChange: (e) => Te(Number(e.target.value)),
|
|
4660
4726
|
children: [/* @__PURE__ */ t("option", {
|
|
4661
4727
|
value: -1,
|
|
4662
4728
|
children: "Выключены"
|
|
4663
|
-
}),
|
|
4729
|
+
}), pe.map(({ track: e, index: n }) => /* @__PURE__ */ t("option", {
|
|
4664
4730
|
value: n,
|
|
4665
4731
|
children: e.label
|
|
4666
4732
|
}, `${e.srcLang}-${e.label}`))]
|
|
@@ -4672,14 +4738,14 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4672
4738
|
onClick: () => re((e) => !e),
|
|
4673
4739
|
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: ne ? "Вкл." : "Выкл." })]
|
|
4674
4740
|
}),
|
|
4675
|
-
|
|
4741
|
+
_e && /* @__PURE__ */ t("button", {
|
|
4676
4742
|
type: "button",
|
|
4677
4743
|
className: $.settingsAction,
|
|
4678
|
-
"aria-pressed":
|
|
4679
|
-
onClick: () => void
|
|
4744
|
+
"aria-pressed": de,
|
|
4745
|
+
onClick: () => void we(),
|
|
4680
4746
|
children: /* @__PURE__ */ n("span", {
|
|
4681
4747
|
className: $.settingsActionLabel,
|
|
4682
|
-
children: [/* @__PURE__ */ t(
|
|
4748
|
+
children: [/* @__PURE__ */ t(Y, {
|
|
4683
4749
|
name: "IconPictureInPicture",
|
|
4684
4750
|
width: 18,
|
|
4685
4751
|
height: 18
|
|
@@ -4697,8 +4763,8 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4697
4763
|
className: `${$.controlButton} ${$.playButton}`,
|
|
4698
4764
|
"aria-label": A ? "Пауза" : "Воспроизвести",
|
|
4699
4765
|
title: A ? "Пауза (K)" : "Воспроизвести (K)",
|
|
4700
|
-
onClick: () => void
|
|
4701
|
-
children: /* @__PURE__ */ t(
|
|
4766
|
+
onClick: () => void ye(),
|
|
4767
|
+
children: /* @__PURE__ */ t(Y, {
|
|
4702
4768
|
name: A ? "IconPause" : "IconPlay",
|
|
4703
4769
|
width: 24,
|
|
4704
4770
|
height: 24
|
|
@@ -4713,8 +4779,8 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4713
4779
|
"aria-label": H ? "Включить звук" : "Выключить звук",
|
|
4714
4780
|
"aria-pressed": H,
|
|
4715
4781
|
title: "Звук (M)",
|
|
4716
|
-
onClick:
|
|
4717
|
-
children: /* @__PURE__ */ t(
|
|
4782
|
+
onClick: be,
|
|
4783
|
+
children: /* @__PURE__ */ t(Y, {
|
|
4718
4784
|
name: H || B === 0 ? "IconVolumeMuted" : "IconVolume",
|
|
4719
4785
|
width: 22,
|
|
4720
4786
|
height: 22
|
|
@@ -4728,7 +4794,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4728
4794
|
value: H ? 0 : B,
|
|
4729
4795
|
"aria-label": "Громкость",
|
|
4730
4796
|
"aria-valuetext": `${Math.round((H ? 0 : B) * 100)}%`,
|
|
4731
|
-
onChange: (e) =>
|
|
4797
|
+
onChange: (e) => xe(Number(e.target.value))
|
|
4732
4798
|
})]
|
|
4733
4799
|
}),
|
|
4734
4800
|
/* @__PURE__ */ n("div", {
|
|
@@ -4736,7 +4802,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4736
4802
|
children: [
|
|
4737
4803
|
/* @__PURE__ */ t("span", {
|
|
4738
4804
|
className: $.time,
|
|
4739
|
-
children:
|
|
4805
|
+
children: gr(P)
|
|
4740
4806
|
}),
|
|
4741
4807
|
/* @__PURE__ */ t("input", {
|
|
4742
4808
|
className: $.timeline,
|
|
@@ -4747,12 +4813,12 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4747
4813
|
step: .01,
|
|
4748
4814
|
value: Math.min(P, I || 0),
|
|
4749
4815
|
"aria-label": "Позиция воспроизведения",
|
|
4750
|
-
"aria-valuetext": `${
|
|
4751
|
-
onChange: (e) =>
|
|
4816
|
+
"aria-valuetext": `${gr(P)} из ${gr(I)}`,
|
|
4817
|
+
onChange: (e) => Se(Number(e.target.value))
|
|
4752
4818
|
}),
|
|
4753
4819
|
/* @__PURE__ */ t("span", {
|
|
4754
4820
|
className: $.time,
|
|
4755
|
-
children:
|
|
4821
|
+
children: gr(I)
|
|
4756
4822
|
})
|
|
4757
4823
|
]
|
|
4758
4824
|
}),
|
|
@@ -4765,7 +4831,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4765
4831
|
"aria-expanded": oe,
|
|
4766
4832
|
title: "Настройки",
|
|
4767
4833
|
onClick: () => se((e) => !e),
|
|
4768
|
-
children: /* @__PURE__ */ t(
|
|
4834
|
+
children: /* @__PURE__ */ t(Y, {
|
|
4769
4835
|
name: "IconSettings",
|
|
4770
4836
|
width: 22,
|
|
4771
4837
|
height: 22
|
|
@@ -4773,11 +4839,11 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4773
4839
|
}), /* @__PURE__ */ t("button", {
|
|
4774
4840
|
type: "button",
|
|
4775
4841
|
className: $.controlButton,
|
|
4776
|
-
"aria-label":
|
|
4842
|
+
"aria-label": le ? "Выйти из полноэкранного режима" : "Полноэкранный режим",
|
|
4777
4843
|
title: "Полноэкранный режим (F)",
|
|
4778
|
-
onClick: () => void
|
|
4779
|
-
children: /* @__PURE__ */ t(
|
|
4780
|
-
name:
|
|
4844
|
+
onClick: () => void Ce(),
|
|
4845
|
+
children: /* @__PURE__ */ t(Y, {
|
|
4846
|
+
name: le ? "IconFullscreenExit" : "IconFullscreen",
|
|
4781
4847
|
width: 22,
|
|
4782
4848
|
height: 22
|
|
4783
4849
|
})
|
|
@@ -4792,7 +4858,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4792
4858
|
children: a
|
|
4793
4859
|
})]
|
|
4794
4860
|
});
|
|
4795
|
-
},
|
|
4861
|
+
}, Sr = {
|
|
4796
4862
|
root: "_root_ymidq_1",
|
|
4797
4863
|
trigger: "_trigger_ymidq_15",
|
|
4798
4864
|
heading: "_heading_ymidq_41",
|
|
@@ -4802,7 +4868,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4802
4868
|
open: "_open_ymidq_91",
|
|
4803
4869
|
content: "_content_ymidq_99",
|
|
4804
4870
|
contentInner: "_contentInner_ymidq_119"
|
|
4805
|
-
},
|
|
4871
|
+
}, Cr = (e, t, n, r = 16) => {
|
|
4806
4872
|
if (t > Math.max(0, n - r * 2)) {
|
|
4807
4873
|
let t = e - r;
|
|
4808
4874
|
return Math.abs(t) <= 1 ? {
|
|
@@ -4824,7 +4890,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4824
4890
|
alignment: "none",
|
|
4825
4891
|
delta: 0
|
|
4826
4892
|
};
|
|
4827
|
-
},
|
|
4893
|
+
}, wr = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: u = "" }) => {
|
|
4828
4894
|
let p = f(), [m, _] = g(a), v = o ?? m, y = h(null), b = h(null), x = h(v);
|
|
4829
4895
|
return d(() => {
|
|
4830
4896
|
let e = x.current;
|
|
@@ -4834,7 +4900,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4834
4900
|
let r = !1, i = () => {
|
|
4835
4901
|
if (r) return;
|
|
4836
4902
|
r = !0;
|
|
4837
|
-
let e = t.getBoundingClientRect(), n =
|
|
4903
|
+
let e = t.getBoundingClientRect(), n = Cr(e.top, e.height, window.innerHeight, l);
|
|
4838
4904
|
if (n.alignment === "none") return;
|
|
4839
4905
|
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
4840
4906
|
window.scrollBy({
|
|
@@ -4855,10 +4921,10 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4855
4921
|
l
|
|
4856
4922
|
]), /* @__PURE__ */ n("section", {
|
|
4857
4923
|
ref: y,
|
|
4858
|
-
className: `${
|
|
4924
|
+
className: `${Sr.root} ${v ? Sr.open : ""} ${u}`,
|
|
4859
4925
|
children: [/* @__PURE__ */ n("button", {
|
|
4860
4926
|
type: "button",
|
|
4861
|
-
className:
|
|
4927
|
+
className: Sr.trigger,
|
|
4862
4928
|
"aria-expanded": v,
|
|
4863
4929
|
"aria-controls": p,
|
|
4864
4930
|
onClick: () => {
|
|
@@ -4866,18 +4932,18 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4866
4932
|
o === void 0 && _(e), s?.(e);
|
|
4867
4933
|
},
|
|
4868
4934
|
children: [/* @__PURE__ */ n("span", {
|
|
4869
|
-
className:
|
|
4935
|
+
className: Sr.heading,
|
|
4870
4936
|
children: [/* @__PURE__ */ t("span", {
|
|
4871
|
-
className:
|
|
4937
|
+
className: Sr.title,
|
|
4872
4938
|
children: e
|
|
4873
4939
|
}), r && /* @__PURE__ */ t("span", {
|
|
4874
|
-
className:
|
|
4940
|
+
className: Sr.subtitle,
|
|
4875
4941
|
children: r
|
|
4876
4942
|
})]
|
|
4877
4943
|
}), /* @__PURE__ */ t("span", {
|
|
4878
|
-
className:
|
|
4944
|
+
className: Sr.icon,
|
|
4879
4945
|
"aria-hidden": "true",
|
|
4880
|
-
children: /* @__PURE__ */ t(
|
|
4946
|
+
children: /* @__PURE__ */ t(Y, {
|
|
4881
4947
|
name: "IconChevron",
|
|
4882
4948
|
width: 20,
|
|
4883
4949
|
height: 20
|
|
@@ -4886,15 +4952,15 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4886
4952
|
}), /* @__PURE__ */ t("div", {
|
|
4887
4953
|
ref: b,
|
|
4888
4954
|
id: p,
|
|
4889
|
-
className:
|
|
4955
|
+
className: Sr.content,
|
|
4890
4956
|
"aria-hidden": !v,
|
|
4891
4957
|
children: /* @__PURE__ */ t("div", {
|
|
4892
|
-
className:
|
|
4958
|
+
className: Sr.contentInner,
|
|
4893
4959
|
children: i
|
|
4894
4960
|
})
|
|
4895
4961
|
})]
|
|
4896
4962
|
});
|
|
4897
|
-
},
|
|
4963
|
+
}, Tr = {
|
|
4898
4964
|
root: "_root_14ewt_1",
|
|
4899
4965
|
topSlot: "_topSlot_14ewt_29",
|
|
4900
4966
|
searchSlot: "_searchSlot_14ewt_31",
|
|
@@ -4912,14 +4978,14 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4912
4978
|
description: "_description_14ewt_235",
|
|
4913
4979
|
badge: "_badge_14ewt_269",
|
|
4914
4980
|
empty: "_empty_14ewt_281"
|
|
4915
|
-
},
|
|
4981
|
+
}, Er = (e, t, n) => {
|
|
4916
4982
|
if (e.length === 0) return -1;
|
|
4917
4983
|
for (let r = 1; r <= e.length; r += 1) {
|
|
4918
4984
|
let i = (t + n * r + e.length) % e.length;
|
|
4919
4985
|
if (!e[i]?.disabled) return i;
|
|
4920
4986
|
}
|
|
4921
4987
|
return -1;
|
|
4922
|
-
},
|
|
4988
|
+
}, Dr = ({ groups: r, currentItemId: i, ariaLabel: a = "Основная навигация", searchSlot: o, topSlot: s, bottomSlot: c, emptyState: l, renderLink: u, onItemSelect: d, className: p = "" }) => {
|
|
4923
4989
|
let m = f(), g = h(null), _ = h({
|
|
4924
4990
|
value: "",
|
|
4925
4991
|
time: 0
|
|
@@ -4931,7 +4997,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4931
4997
|
let n = v.findIndex((e) => e.id === t.id);
|
|
4932
4998
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
4933
4999
|
e.preventDefault();
|
|
4934
|
-
let t =
|
|
5000
|
+
let t = Er(v, n, e.key === "ArrowDown" ? 1 : -1);
|
|
4935
5001
|
x(v[t]);
|
|
4936
5002
|
return;
|
|
4937
5003
|
}
|
|
@@ -4951,26 +5017,26 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4951
5017
|
let a = r.id === i, o = {
|
|
4952
5018
|
children: /* @__PURE__ */ n(e, { children: [
|
|
4953
5019
|
r.icon && /* @__PURE__ */ t("span", {
|
|
4954
|
-
className:
|
|
5020
|
+
className: Tr.icon,
|
|
4955
5021
|
"aria-hidden": "true",
|
|
4956
5022
|
children: r.icon
|
|
4957
5023
|
}),
|
|
4958
5024
|
/* @__PURE__ */ n("span", {
|
|
4959
|
-
className:
|
|
5025
|
+
className: Tr.copy,
|
|
4960
5026
|
children: [/* @__PURE__ */ t("span", {
|
|
4961
|
-
className:
|
|
5027
|
+
className: Tr.label,
|
|
4962
5028
|
children: r.label
|
|
4963
5029
|
}), r.description && /* @__PURE__ */ t("span", {
|
|
4964
|
-
className:
|
|
5030
|
+
className: Tr.description,
|
|
4965
5031
|
children: r.description
|
|
4966
5032
|
})]
|
|
4967
5033
|
}),
|
|
4968
5034
|
r.badge && /* @__PURE__ */ t("span", {
|
|
4969
|
-
className:
|
|
5035
|
+
className: Tr.badge,
|
|
4970
5036
|
children: r.badge
|
|
4971
5037
|
})
|
|
4972
5038
|
] }),
|
|
4973
|
-
className: `${
|
|
5039
|
+
className: `${Tr.link} ${a ? Tr.current : ""}`,
|
|
4974
5040
|
tabIndex: r.id === b ? 0 : -1,
|
|
4975
5041
|
"aria-current": a ? "page" : void 0,
|
|
4976
5042
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -4986,7 +5052,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4986
5052
|
onKeyDown: (e) => S(e, r)
|
|
4987
5053
|
};
|
|
4988
5054
|
return /* @__PURE__ */ t("li", {
|
|
4989
|
-
className:
|
|
5055
|
+
className: Tr.item,
|
|
4990
5056
|
children: u ? u(r, o) : r.href ? /* @__PURE__ */ t("a", {
|
|
4991
5057
|
href: r.href,
|
|
4992
5058
|
...o,
|
|
@@ -5001,45 +5067,45 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5001
5067
|
};
|
|
5002
5068
|
return /* @__PURE__ */ n("nav", {
|
|
5003
5069
|
ref: g,
|
|
5004
|
-
className: `${
|
|
5070
|
+
className: `${Tr.root} ${p}`,
|
|
5005
5071
|
"aria-label": a,
|
|
5006
5072
|
children: [
|
|
5007
5073
|
s && /* @__PURE__ */ t("div", {
|
|
5008
|
-
className:
|
|
5074
|
+
className: Tr.topSlot,
|
|
5009
5075
|
children: s
|
|
5010
5076
|
}),
|
|
5011
5077
|
o && /* @__PURE__ */ t("div", {
|
|
5012
|
-
className:
|
|
5078
|
+
className: Tr.searchSlot,
|
|
5013
5079
|
children: o
|
|
5014
5080
|
}),
|
|
5015
5081
|
/* @__PURE__ */ n("div", {
|
|
5016
|
-
className:
|
|
5082
|
+
className: Tr.groups,
|
|
5017
5083
|
children: [r.map((e) => {
|
|
5018
5084
|
let r = `${m}-${e.id}`;
|
|
5019
5085
|
return /* @__PURE__ */ n("section", {
|
|
5020
|
-
className:
|
|
5086
|
+
className: Tr.group,
|
|
5021
5087
|
"aria-labelledby": e.label ? r : void 0,
|
|
5022
5088
|
children: [e.label && /* @__PURE__ */ t("div", {
|
|
5023
5089
|
id: r,
|
|
5024
|
-
className:
|
|
5090
|
+
className: Tr.groupLabel,
|
|
5025
5091
|
children: e.label
|
|
5026
5092
|
}), /* @__PURE__ */ t("ul", {
|
|
5027
|
-
className:
|
|
5093
|
+
className: Tr.list,
|
|
5028
5094
|
children: e.items.map(C)
|
|
5029
5095
|
})]
|
|
5030
5096
|
}, e.id);
|
|
5031
5097
|
}), v.length === 0 && l && /* @__PURE__ */ t("div", {
|
|
5032
|
-
className:
|
|
5098
|
+
className: Tr.empty,
|
|
5033
5099
|
children: l
|
|
5034
5100
|
})]
|
|
5035
5101
|
}),
|
|
5036
5102
|
c && /* @__PURE__ */ t("div", {
|
|
5037
|
-
className:
|
|
5103
|
+
className: Tr.bottomSlot,
|
|
5038
5104
|
children: c
|
|
5039
5105
|
})
|
|
5040
5106
|
]
|
|
5041
5107
|
});
|
|
5042
|
-
},
|
|
5108
|
+
}, Or = {
|
|
5043
5109
|
root: "_root_2mdgb_1",
|
|
5044
5110
|
list: "_list_2mdgb_19",
|
|
5045
5111
|
item: "_item_2mdgb_37",
|
|
@@ -5049,7 +5115,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5049
5115
|
icon: "_icon_2mdgb_141",
|
|
5050
5116
|
badge: "_badge_2mdgb_149",
|
|
5051
5117
|
label: "_label_2mdgb_163"
|
|
5052
|
-
},
|
|
5118
|
+
}, kr = ({ items: r, currentItemId: i, ariaLabel: a = "Мобильная навигация", renderLink: o, onItemSelect: s, className: c = "" }) => {
|
|
5053
5119
|
let l = h(null), u = r.filter((e) => !e.disabled), d = u.some((e) => e.id === i) ? i : u[0]?.id, f = (e) => {
|
|
5054
5120
|
l.current?.querySelectorAll("[data-ds-navigation-item]")[e]?.focus();
|
|
5055
5121
|
}, p = (e, t) => {
|
|
@@ -5066,27 +5132,27 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5066
5132
|
};
|
|
5067
5133
|
return /* @__PURE__ */ t("nav", {
|
|
5068
5134
|
ref: l,
|
|
5069
|
-
className: `${
|
|
5135
|
+
className: `${Or.root} ${c}`,
|
|
5070
5136
|
"aria-label": a,
|
|
5071
5137
|
children: /* @__PURE__ */ t("ul", {
|
|
5072
|
-
className:
|
|
5138
|
+
className: Or.list,
|
|
5073
5139
|
children: r.map((r) => {
|
|
5074
5140
|
let a = r.id === i, c = {
|
|
5075
5141
|
children: /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("span", {
|
|
5076
|
-
className:
|
|
5142
|
+
className: Or.visual,
|
|
5077
5143
|
children: [r.icon && /* @__PURE__ */ t("span", {
|
|
5078
|
-
className:
|
|
5144
|
+
className: Or.icon,
|
|
5079
5145
|
"aria-hidden": "true",
|
|
5080
5146
|
children: r.icon
|
|
5081
5147
|
}), r.badge && /* @__PURE__ */ t("span", {
|
|
5082
|
-
className:
|
|
5148
|
+
className: Or.badge,
|
|
5083
5149
|
children: r.badge
|
|
5084
5150
|
})]
|
|
5085
5151
|
}), /* @__PURE__ */ t("span", {
|
|
5086
|
-
className:
|
|
5152
|
+
className: Or.label,
|
|
5087
5153
|
children: r.label
|
|
5088
5154
|
})] }),
|
|
5089
|
-
className: `${
|
|
5155
|
+
className: `${Or.link} ${a ? Or.current : ""}`,
|
|
5090
5156
|
tabIndex: r.id === d ? 0 : -1,
|
|
5091
5157
|
"aria-current": a ? "page" : void 0,
|
|
5092
5158
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -5102,7 +5168,7 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5102
5168
|
onKeyDown: (e) => p(e, r)
|
|
5103
5169
|
};
|
|
5104
5170
|
return /* @__PURE__ */ t("li", {
|
|
5105
|
-
className:
|
|
5171
|
+
className: Or.item,
|
|
5106
5172
|
children: o ? o(r, c) : r.href ? /* @__PURE__ */ t("a", {
|
|
5107
5173
|
href: r.href,
|
|
5108
5174
|
...c,
|
|
@@ -5119,4 +5185,4 @@ var bn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5119
5185
|
});
|
|
5120
5186
|
};
|
|
5121
5187
|
//#endregion
|
|
5122
|
-
export {
|
|
5188
|
+
export { Nn as ConfirmModal, wr as DSAccordion, w as DSBadge, kr as DSBottomNavigation, Yn as DSBottomSheet, j as DSButton, Ne as DSCheckbox, D as DSCounterBadge, Lt as DSDataTable, nt as DSDateRange, $e as DSDateTimePicker, Jn as DSDrawer, ut as DSDropDown, yt as DSDropDownMultiple, ee as DSFieldLabel, N as DSFieldMessage, on as DSFileInput, Xt as DSFilters, cn as DSFloatingMenu, Qt as DSFormGrid, $t as DSFormGridItem, Xn as DSFullscreenDialog, Y as DSIcon, je as DSIconNames, Jt as DSInfoBlock, mt as DSInput, k as DSLoader, Dn as DSModal, En as DSModalFrame, Dr as DSNavigationSurface, qn as DSOverlay, Qn as DSPageLoader, sn as DSPortal, xt as DSRadioButton, Kt as DSSearchDropDown, it as DSSkeleton, ft as DSSort, hr as DSTabs, fn as DSTextarea, tr as DSToast, ar as DSToastProvider, pr as DSTooltip, en as DSValidationSummary, xr as DSVideoPlayerFrame, Pn as ErrorModal, On as ModalSystemProvider, Fn as builtInModalRegistry, kn as defineModalRegistry, E as formatDSCounterValue, ze as formatDateInputValue, Ge as formatDateTimeLocalValue, Cr as getDSAccordionScrollTarget, Tt as getDSDataTableColumnStyle, Dt as getDSDataTablePaginationItems, Et as getDSDataTableStickyColumnStyle, Ln as getErrorMessage, wt as getNextDSDataTablePageSelection, ct as getNextEnabledOptionIndex, He as isValidDateInputPrefix, tt as isValidDateRange, Be as maskDateInputValue, Ue as parseDateInputValue, Ke as parseDateTimeLocalValue, hn as resetModalStore, ir as resetToastStore, In as useConfirmModal, zn as useConfirmModalStore, Kn as useDSOverlay, Rn as useErrorModal, Bn as useErrorModalStore, Vn as useModals, mn as useModalsStore, or as useToast, rr as useToastStore, Ot as validateDSDataTableData };
|