@efficiency-point/design-system 0.1.31 → 0.1.32
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 +65 -0
- package/dist/components/DSCheckbox/DSCheckbox.d.ts +2 -1
- package/dist/components/DSCheckbox/DSCheckbox.d.ts.map +1 -1
- package/dist/components/DSDataTable/DSDataTable.d.ts +10 -1
- package/dist/components/DSDataTable/DSDataTable.d.ts.map +1 -1
- package/dist/components/DSFloating/DSFloating.d.ts +1 -2
- package/dist/components/DSFloating/DSFloating.d.ts.map +1 -1
- package/dist/components/DSPortal/DSPortal.d.ts +1 -2
- package/dist/components/DSPortal/DSPortal.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +785 -648
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -191,20 +191,20 @@ var O = {
|
|
|
191
191
|
d: "M8 5v14M16 5v14",
|
|
192
192
|
strokeWidth: "3"
|
|
193
193
|
})
|
|
194
|
-
}),
|
|
194
|
+
}), ne = (e) => /* @__PURE__ */ t(A, {
|
|
195
195
|
...e,
|
|
196
196
|
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
197
|
-
}),
|
|
197
|
+
}), re = (e) => /* @__PURE__ */ t(A, {
|
|
198
198
|
...e,
|
|
199
199
|
children: /* @__PURE__ */ t("path", {
|
|
200
200
|
d: "m8 5 11 7-11 7V5Z",
|
|
201
201
|
fill: "currentColor",
|
|
202
202
|
stroke: "none"
|
|
203
203
|
})
|
|
204
|
-
}),
|
|
204
|
+
}), W = (e) => /* @__PURE__ */ t(A, {
|
|
205
205
|
...e,
|
|
206
206
|
children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
|
|
207
|
-
}),
|
|
207
|
+
}), G = (e) => /* @__PURE__ */ t(A, {
|
|
208
208
|
...e,
|
|
209
209
|
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" })
|
|
210
210
|
}), ie = (e) => /* @__PURE__ */ t(A, {
|
|
@@ -231,84 +231,84 @@ var O = {
|
|
|
231
231
|
}), ue = (e) => /* @__PURE__ */ t(A, {
|
|
232
232
|
...e,
|
|
233
233
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
234
|
-
}),
|
|
234
|
+
}), q = (e) => /* @__PURE__ */ n(A, {
|
|
235
235
|
...e,
|
|
236
236
|
children: [/* @__PURE__ */ t("circle", {
|
|
237
237
|
cx: "12",
|
|
238
238
|
cy: "12",
|
|
239
239
|
r: "10"
|
|
240
240
|
}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
|
|
241
|
-
}),
|
|
241
|
+
}), de = (e) => /* @__PURE__ */ t(A, {
|
|
242
242
|
...e,
|
|
243
243
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
244
|
-
}),
|
|
244
|
+
}), fe = (e) => /* @__PURE__ */ n(A, {
|
|
245
245
|
...e,
|
|
246
246
|
children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
|
|
247
|
-
}),
|
|
247
|
+
}), J = (e) => (n) => /* @__PURE__ */ t(A, {
|
|
248
248
|
...n,
|
|
249
249
|
children: e.map(([e, t], n) => a(e, {
|
|
250
250
|
...t,
|
|
251
251
|
key: t.key ?? `${e}-${n}`
|
|
252
252
|
}))
|
|
253
|
-
}),
|
|
254
|
-
IconActivity:
|
|
253
|
+
}), pe = {
|
|
254
|
+
IconActivity: J([["path", {
|
|
255
255
|
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",
|
|
256
256
|
key: "169zse"
|
|
257
257
|
}]]),
|
|
258
|
-
IconAlertTriangle:
|
|
258
|
+
IconAlertTriangle: J([
|
|
259
259
|
["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" }],
|
|
260
260
|
["path", { d: "M12 9v4" }],
|
|
261
261
|
["path", { d: "M12 17h.01" }]
|
|
262
262
|
]),
|
|
263
|
-
IconArrowDown:
|
|
263
|
+
IconArrowDown: J([["path", {
|
|
264
264
|
d: "M12 5v14",
|
|
265
265
|
key: "s699le"
|
|
266
266
|
}], ["path", {
|
|
267
267
|
d: "m19 12-7 7-7-7",
|
|
268
268
|
key: "1idqje"
|
|
269
269
|
}]]),
|
|
270
|
-
IconArrowLeft:
|
|
270
|
+
IconArrowLeft: J([["path", {
|
|
271
271
|
d: "m12 19-7-7 7-7",
|
|
272
272
|
key: "1l729n"
|
|
273
273
|
}], ["path", {
|
|
274
274
|
d: "M19 12H5",
|
|
275
275
|
key: "x3x0zl"
|
|
276
276
|
}]]),
|
|
277
|
-
IconArrowRight:
|
|
277
|
+
IconArrowRight: J([["path", {
|
|
278
278
|
d: "M5 12h14",
|
|
279
279
|
key: "1ays0h"
|
|
280
280
|
}], ["path", {
|
|
281
281
|
d: "m12 5 7 7-7 7",
|
|
282
282
|
key: "xquz4c"
|
|
283
283
|
}]]),
|
|
284
|
-
IconArrowUp:
|
|
284
|
+
IconArrowUp: J([["path", {
|
|
285
285
|
d: "m5 12 7-7 7 7",
|
|
286
286
|
key: "hav0vg"
|
|
287
287
|
}], ["path", {
|
|
288
288
|
d: "M12 19V5",
|
|
289
289
|
key: "x0mq9r"
|
|
290
290
|
}]]),
|
|
291
|
-
IconArrowUpRight:
|
|
291
|
+
IconArrowUpRight: J([["path", {
|
|
292
292
|
d: "M7 7h10v10",
|
|
293
293
|
key: "1tivn9"
|
|
294
294
|
}], ["path", {
|
|
295
295
|
d: "M7 17 17 7",
|
|
296
296
|
key: "1vkiza"
|
|
297
297
|
}]]),
|
|
298
|
-
IconBarChart3:
|
|
298
|
+
IconBarChart3: J([
|
|
299
299
|
["path", { d: "M3 3v18h18" }],
|
|
300
300
|
["path", { d: "M18 17V9" }],
|
|
301
301
|
["path", { d: "M13 17V5" }],
|
|
302
302
|
["path", { d: "M8 17v-3" }]
|
|
303
303
|
]),
|
|
304
|
-
IconBell:
|
|
304
|
+
IconBell: J([["path", {
|
|
305
305
|
d: "M10.268 21a2 2 0 0 0 3.464 0",
|
|
306
306
|
key: "vwvbt9"
|
|
307
307
|
}], ["path", {
|
|
308
308
|
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",
|
|
309
309
|
key: "11g9vi"
|
|
310
310
|
}]]),
|
|
311
|
-
IconBoxes:
|
|
311
|
+
IconBoxes: J([
|
|
312
312
|
["path", {
|
|
313
313
|
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",
|
|
314
314
|
key: "lc1i9w"
|
|
@@ -358,7 +358,7 @@ var O = {
|
|
|
358
358
|
key: "1io7kd"
|
|
359
359
|
}]
|
|
360
360
|
]),
|
|
361
|
-
IconBuilding2:
|
|
361
|
+
IconBuilding2: J([
|
|
362
362
|
["path", {
|
|
363
363
|
d: "M10 12h4",
|
|
364
364
|
key: "a56b0p"
|
|
@@ -380,7 +380,7 @@ var O = {
|
|
|
380
380
|
key: "16ra0t"
|
|
381
381
|
}]
|
|
382
382
|
]),
|
|
383
|
-
IconCamera:
|
|
383
|
+
IconCamera: J([["path", {
|
|
384
384
|
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",
|
|
385
385
|
key: "18u6gg"
|
|
386
386
|
}], ["circle", {
|
|
@@ -389,7 +389,7 @@ var O = {
|
|
|
389
389
|
r: "3",
|
|
390
390
|
key: "1vg3eu"
|
|
391
391
|
}]]),
|
|
392
|
-
IconChartNoAxesCombined:
|
|
392
|
+
IconChartNoAxesCombined: J([
|
|
393
393
|
["path", {
|
|
394
394
|
d: "M12 16v5",
|
|
395
395
|
key: "zza2cw"
|
|
@@ -415,11 +415,11 @@ var O = {
|
|
|
415
415
|
key: "1t2idw"
|
|
416
416
|
}]
|
|
417
417
|
]),
|
|
418
|
-
IconChevronRight:
|
|
418
|
+
IconChevronRight: J([["path", {
|
|
419
419
|
d: "m9 18 6-6-6-6",
|
|
420
420
|
key: "mthhwq"
|
|
421
421
|
}]]),
|
|
422
|
-
IconCircleAlert:
|
|
422
|
+
IconCircleAlert: J([
|
|
423
423
|
["circle", {
|
|
424
424
|
cx: "12",
|
|
425
425
|
cy: "12",
|
|
@@ -441,7 +441,7 @@ var O = {
|
|
|
441
441
|
key: "4dfq90"
|
|
442
442
|
}]
|
|
443
443
|
]),
|
|
444
|
-
IconClock3:
|
|
444
|
+
IconClock3: J([["circle", {
|
|
445
445
|
cx: "12",
|
|
446
446
|
cy: "12",
|
|
447
447
|
r: "10",
|
|
@@ -450,7 +450,7 @@ var O = {
|
|
|
450
450
|
d: "M12 6v6h4",
|
|
451
451
|
key: "135r8i"
|
|
452
452
|
}]]),
|
|
453
|
-
IconDownload:
|
|
453
|
+
IconDownload: J([
|
|
454
454
|
["path", {
|
|
455
455
|
d: "M12 15V3",
|
|
456
456
|
key: "m9g1x1"
|
|
@@ -464,7 +464,7 @@ var O = {
|
|
|
464
464
|
key: "brsn70"
|
|
465
465
|
}]
|
|
466
466
|
]),
|
|
467
|
-
IconExternalLink:
|
|
467
|
+
IconExternalLink: J([
|
|
468
468
|
["path", {
|
|
469
469
|
d: "M15 3h6v6",
|
|
470
470
|
key: "1q9fwt"
|
|
@@ -478,7 +478,7 @@ var O = {
|
|
|
478
478
|
key: "a6xqqp"
|
|
479
479
|
}]
|
|
480
480
|
]),
|
|
481
|
-
IconFactory:
|
|
481
|
+
IconFactory: J([
|
|
482
482
|
["path", {
|
|
483
483
|
d: "M12 16h.01",
|
|
484
484
|
key: "1drbdi"
|
|
@@ -496,14 +496,14 @@ var O = {
|
|
|
496
496
|
key: "18s6g9"
|
|
497
497
|
}]
|
|
498
498
|
]),
|
|
499
|
-
IconGauge:
|
|
499
|
+
IconGauge: J([["path", {
|
|
500
500
|
d: "m12 14 4-4",
|
|
501
501
|
key: "9kzdfg"
|
|
502
502
|
}], ["path", {
|
|
503
503
|
d: "M3.34 19a10 10 0 1 1 17.32 0",
|
|
504
504
|
key: "19p75a"
|
|
505
505
|
}]]),
|
|
506
|
-
IconGripVertical:
|
|
506
|
+
IconGripVertical: J([
|
|
507
507
|
["circle", {
|
|
508
508
|
cx: "9",
|
|
509
509
|
cy: "12",
|
|
@@ -541,7 +541,7 @@ var O = {
|
|
|
541
541
|
key: "f4zoj3"
|
|
542
542
|
}]
|
|
543
543
|
]),
|
|
544
|
-
IconLayoutDashboard:
|
|
544
|
+
IconLayoutDashboard: J([
|
|
545
545
|
["rect", {
|
|
546
546
|
width: "7",
|
|
547
547
|
height: "9",
|
|
@@ -575,7 +575,7 @@ var O = {
|
|
|
575
575
|
key: "ldoo1y"
|
|
576
576
|
}]
|
|
577
577
|
]),
|
|
578
|
-
IconLockKeyhole:
|
|
578
|
+
IconLockKeyhole: J([
|
|
579
579
|
["circle", {
|
|
580
580
|
cx: "12",
|
|
581
581
|
cy: "16",
|
|
@@ -595,7 +595,7 @@ var O = {
|
|
|
595
595
|
key: "1pqi11"
|
|
596
596
|
}]
|
|
597
597
|
]),
|
|
598
|
-
IconLogOut:
|
|
598
|
+
IconLogOut: J([
|
|
599
599
|
["path", {
|
|
600
600
|
d: "m16 17 5-5-5-5",
|
|
601
601
|
key: "1bji2h"
|
|
@@ -609,7 +609,7 @@ var O = {
|
|
|
609
609
|
key: "1uf3rs"
|
|
610
610
|
}]
|
|
611
611
|
]),
|
|
612
|
-
IconMaximize2:
|
|
612
|
+
IconMaximize2: J([
|
|
613
613
|
["path", {
|
|
614
614
|
d: "M15 3h6v6",
|
|
615
615
|
key: "1q9fwt"
|
|
@@ -627,7 +627,7 @@ var O = {
|
|
|
627
627
|
key: "wtvkvv"
|
|
628
628
|
}]
|
|
629
629
|
]),
|
|
630
|
-
IconMenu:
|
|
630
|
+
IconMenu: J([
|
|
631
631
|
["path", {
|
|
632
632
|
d: "M4 5h16",
|
|
633
633
|
key: "1tepv9"
|
|
@@ -641,7 +641,7 @@ var O = {
|
|
|
641
641
|
key: "1djgab"
|
|
642
642
|
}]
|
|
643
643
|
]),
|
|
644
|
-
IconPackageCheck:
|
|
644
|
+
IconPackageCheck: J([
|
|
645
645
|
["path", {
|
|
646
646
|
d: "M12 22V12",
|
|
647
647
|
key: "d0xqtd"
|
|
@@ -663,7 +663,7 @@ var O = {
|
|
|
663
663
|
key: "9yrvtv"
|
|
664
664
|
}]
|
|
665
665
|
]),
|
|
666
|
-
IconRefreshCw:
|
|
666
|
+
IconRefreshCw: J([
|
|
667
667
|
["path", {
|
|
668
668
|
d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
|
|
669
669
|
key: "v9h5vc"
|
|
@@ -681,14 +681,14 @@ var O = {
|
|
|
681
681
|
key: "1cv678"
|
|
682
682
|
}]
|
|
683
683
|
]),
|
|
684
|
-
IconRotateCw:
|
|
684
|
+
IconRotateCw: J([["path", {
|
|
685
685
|
d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
|
|
686
686
|
key: "1p45f6"
|
|
687
687
|
}], ["path", {
|
|
688
688
|
d: "M21 3v5h-5",
|
|
689
689
|
key: "1q7to0"
|
|
690
690
|
}]]),
|
|
691
|
-
IconSearch:
|
|
691
|
+
IconSearch: J([["path", {
|
|
692
692
|
d: "m21 21-4.34-4.34",
|
|
693
693
|
key: "14j7rj"
|
|
694
694
|
}], ["circle", {
|
|
@@ -697,7 +697,7 @@ var O = {
|
|
|
697
697
|
r: "8",
|
|
698
698
|
key: "4ej97u"
|
|
699
699
|
}]]),
|
|
700
|
-
IconSettings2:
|
|
700
|
+
IconSettings2: J([
|
|
701
701
|
["path", {
|
|
702
702
|
d: "M14 17H5",
|
|
703
703
|
key: "gfn3mx"
|
|
@@ -719,7 +719,7 @@ var O = {
|
|
|
719
719
|
key: "dfmy0x"
|
|
720
720
|
}]
|
|
721
721
|
]),
|
|
722
|
-
IconShieldAlert:
|
|
722
|
+
IconShieldAlert: J([
|
|
723
723
|
["path", {
|
|
724
724
|
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",
|
|
725
725
|
key: "oel41y"
|
|
@@ -733,14 +733,14 @@ var O = {
|
|
|
733
733
|
key: "1drbdi"
|
|
734
734
|
}]
|
|
735
735
|
]),
|
|
736
|
-
IconShieldCheck:
|
|
736
|
+
IconShieldCheck: J([["path", {
|
|
737
737
|
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",
|
|
738
738
|
key: "oel41y"
|
|
739
739
|
}], ["path", {
|
|
740
740
|
d: "m9 12 2 2 4-4",
|
|
741
741
|
key: "dzmm74"
|
|
742
742
|
}]]),
|
|
743
|
-
IconSmartphone:
|
|
743
|
+
IconSmartphone: J([["rect", {
|
|
744
744
|
width: "14",
|
|
745
745
|
height: "20",
|
|
746
746
|
x: "5",
|
|
@@ -752,7 +752,7 @@ var O = {
|
|
|
752
752
|
d: "M12 18h.01",
|
|
753
753
|
key: "mhygvu"
|
|
754
754
|
}]]),
|
|
755
|
-
IconSparkles:
|
|
755
|
+
IconSparkles: J([
|
|
756
756
|
["path", {
|
|
757
757
|
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",
|
|
758
758
|
key: "1s2grr"
|
|
@@ -772,22 +772,22 @@ var O = {
|
|
|
772
772
|
key: "6kqj1y"
|
|
773
773
|
}]
|
|
774
774
|
]),
|
|
775
|
-
IconTable2:
|
|
775
|
+
IconTable2: J([["path", {
|
|
776
776
|
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",
|
|
777
777
|
key: "gugj83"
|
|
778
778
|
}]]),
|
|
779
|
-
IconThermometer:
|
|
779
|
+
IconThermometer: J([["path", {
|
|
780
780
|
d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
|
|
781
781
|
key: "17jzev"
|
|
782
782
|
}]]),
|
|
783
|
-
IconTrendingUp:
|
|
783
|
+
IconTrendingUp: J([["path", {
|
|
784
784
|
d: "M16 7h6v6",
|
|
785
785
|
key: "box55l"
|
|
786
786
|
}], ["path", {
|
|
787
787
|
d: "m22 7-8.5 8.5-5-5L2 17",
|
|
788
788
|
key: "1t1m79"
|
|
789
789
|
}]]),
|
|
790
|
-
IconUserCheck:
|
|
790
|
+
IconUserCheck: J([
|
|
791
791
|
["path", {
|
|
792
792
|
d: "m16 11 2 2 4-4",
|
|
793
793
|
key: "9rsbq5"
|
|
@@ -803,7 +803,7 @@ var O = {
|
|
|
803
803
|
key: "nufk8"
|
|
804
804
|
}]
|
|
805
805
|
]),
|
|
806
|
-
IconUserRound:
|
|
806
|
+
IconUserRound: J([["circle", {
|
|
807
807
|
cx: "12",
|
|
808
808
|
cy: "8",
|
|
809
809
|
r: "5",
|
|
@@ -812,7 +812,7 @@ var O = {
|
|
|
812
812
|
d: "M20 21a8 8 0 0 0-16 0",
|
|
813
813
|
key: "rfgkzh"
|
|
814
814
|
}]]),
|
|
815
|
-
IconUsers:
|
|
815
|
+
IconUsers: J([
|
|
816
816
|
["path", {
|
|
817
817
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
818
818
|
key: "1yyitq"
|
|
@@ -832,7 +832,7 @@ var O = {
|
|
|
832
832
|
key: "nufk8"
|
|
833
833
|
}]
|
|
834
834
|
]),
|
|
835
|
-
IconUserX:
|
|
835
|
+
IconUserX: J([
|
|
836
836
|
["path", {
|
|
837
837
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
838
838
|
key: "1yyitq"
|
|
@@ -858,7 +858,7 @@ var O = {
|
|
|
858
858
|
key: "1swrse"
|
|
859
859
|
}]
|
|
860
860
|
]),
|
|
861
|
-
IconVideo:
|
|
861
|
+
IconVideo: J([["path", {
|
|
862
862
|
d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
|
|
863
863
|
key: "ftymec"
|
|
864
864
|
}], ["rect", {
|
|
@@ -869,7 +869,7 @@ var O = {
|
|
|
869
869
|
rx: "2",
|
|
870
870
|
key: "158x01"
|
|
871
871
|
}]]),
|
|
872
|
-
IconVideoOff:
|
|
872
|
+
IconVideoOff: J([
|
|
873
873
|
["path", {
|
|
874
874
|
d: "M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196",
|
|
875
875
|
key: "w8jjjt"
|
|
@@ -883,7 +883,7 @@ var O = {
|
|
|
883
883
|
key: "1ooewy"
|
|
884
884
|
}]
|
|
885
885
|
]),
|
|
886
|
-
IconVolume2:
|
|
886
|
+
IconVolume2: J([
|
|
887
887
|
["path", {
|
|
888
888
|
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",
|
|
889
889
|
key: "uqj9uw"
|
|
@@ -897,7 +897,7 @@ var O = {
|
|
|
897
897
|
key: "ijwkga"
|
|
898
898
|
}]
|
|
899
899
|
]),
|
|
900
|
-
IconX:
|
|
900
|
+
IconX: J([["path", {
|
|
901
901
|
d: "M18 6 6 18",
|
|
902
902
|
key: "1bl5f8"
|
|
903
903
|
}], ["path", {
|
|
@@ -918,10 +918,10 @@ var O = {
|
|
|
918
918
|
IconList: V,
|
|
919
919
|
IconPanelsTopLeft: H,
|
|
920
920
|
IconPause: U,
|
|
921
|
-
IconPictureInPicture:
|
|
922
|
-
IconPlay:
|
|
923
|
-
IconReplay:
|
|
924
|
-
IconSettings:
|
|
921
|
+
IconPictureInPicture: ne,
|
|
922
|
+
IconPlay: re,
|
|
923
|
+
IconReplay: W,
|
|
924
|
+
IconSettings: G,
|
|
925
925
|
IconFullscreen: ie,
|
|
926
926
|
IconFullscreenExit: ae,
|
|
927
927
|
IconCaptions: oe,
|
|
@@ -930,54 +930,55 @@ var O = {
|
|
|
930
930
|
IconSort: ce,
|
|
931
931
|
IconSortAscending: le,
|
|
932
932
|
IconSortDescending: ue,
|
|
933
|
-
IconSuccessCircle:
|
|
934
|
-
IconUpload:
|
|
935
|
-
IconWarning:
|
|
936
|
-
},
|
|
937
|
-
let r =
|
|
933
|
+
IconSuccessCircle: q,
|
|
934
|
+
IconUpload: de,
|
|
935
|
+
IconWarning: fe
|
|
936
|
+
}, Y = ({ name: e, ...n }) => {
|
|
937
|
+
let r = pe[e];
|
|
938
938
|
return /* @__PURE__ */ t(r, { ...n });
|
|
939
|
-
},
|
|
939
|
+
}, me = {
|
|
940
940
|
wrapper: "_wrapper_1seon_1",
|
|
941
941
|
label: "_label_1seon_13",
|
|
942
942
|
input: "_input_1seon_35",
|
|
943
943
|
control: "_control_1seon_49",
|
|
944
944
|
disabled: "_disabled_1seon_95",
|
|
945
945
|
controlError: "_controlError_1seon_121"
|
|
946
|
-
},
|
|
947
|
-
let
|
|
946
|
+
}, he = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: s = !1, readOnly: c = !1, className: l = "", name: f, id: p, indeterminate: h = !1, ariaLabel: g, ..._ }) => {
|
|
947
|
+
let v = d(), y = p ?? `ds-checkbox-${f ?? v}`, b = m(null), x = a ? `${y}-hint` : void 0, S = o ? `${y}-error` : void 0;
|
|
948
948
|
return u(() => {
|
|
949
|
-
|
|
949
|
+
b.current && (b.current.indeterminate = h && !e);
|
|
950
950
|
}, [e, h]), /* @__PURE__ */ n("div", {
|
|
951
|
-
className: `${
|
|
951
|
+
className: `${me.wrapper} ${l}`,
|
|
952
952
|
children: [
|
|
953
953
|
/* @__PURE__ */ n("label", {
|
|
954
|
-
className: `${
|
|
955
|
-
htmlFor:
|
|
954
|
+
className: `${me.label} ${s ? me.disabled : ""}`,
|
|
955
|
+
htmlFor: y,
|
|
956
956
|
children: [
|
|
957
957
|
/* @__PURE__ */ t("input", {
|
|
958
|
-
ref:
|
|
959
|
-
id:
|
|
958
|
+
ref: b,
|
|
959
|
+
id: y,
|
|
960
960
|
name: f,
|
|
961
961
|
type: "checkbox",
|
|
962
962
|
checked: e,
|
|
963
963
|
disabled: s,
|
|
964
964
|
"aria-readonly": c || void 0,
|
|
965
965
|
"aria-invalid": !!o,
|
|
966
|
-
"aria-describedby": [
|
|
967
|
-
|
|
966
|
+
"aria-describedby": [x, S].filter(Boolean).join(" ") || void 0,
|
|
967
|
+
"aria-label": g,
|
|
968
|
+
className: me.input,
|
|
968
969
|
onChange: (e) => {
|
|
969
970
|
c || r?.(e.target.checked, e);
|
|
970
971
|
},
|
|
971
|
-
...
|
|
972
|
+
..._
|
|
972
973
|
}),
|
|
973
974
|
/* @__PURE__ */ n("span", {
|
|
974
|
-
className: `${
|
|
975
|
+
className: `${me.control} ${o ? me.controlError : ""}`,
|
|
975
976
|
"aria-hidden": "true",
|
|
976
|
-
children: [h && !e && /* @__PURE__ */ t(
|
|
977
|
+
children: [h && !e && /* @__PURE__ */ t(Y, {
|
|
977
978
|
name: "IconMinus",
|
|
978
979
|
width: 16,
|
|
979
980
|
height: 16
|
|
980
|
-
}), e && /* @__PURE__ */ t(
|
|
981
|
+
}), e && /* @__PURE__ */ t(Y, {
|
|
981
982
|
name: "IconCheck",
|
|
982
983
|
width: 16,
|
|
983
984
|
height: 16
|
|
@@ -987,17 +988,17 @@ var O = {
|
|
|
987
988
|
]
|
|
988
989
|
}),
|
|
989
990
|
a && !o && /* @__PURE__ */ t(k, {
|
|
990
|
-
id:
|
|
991
|
+
id: x,
|
|
991
992
|
children: a
|
|
992
993
|
}),
|
|
993
994
|
o && /* @__PURE__ */ t(k, {
|
|
994
|
-
id:
|
|
995
|
+
id: S,
|
|
995
996
|
variant: "error",
|
|
996
997
|
children: o
|
|
997
998
|
})
|
|
998
999
|
]
|
|
999
1000
|
});
|
|
1000
|
-
},
|
|
1001
|
+
}, X = {
|
|
1001
1002
|
wrapper: "_wrapper_su17c_1",
|
|
1002
1003
|
trigger: "_trigger_su17c_17",
|
|
1003
1004
|
sm: "_sm_su17c_53",
|
|
@@ -1028,7 +1029,7 @@ var O = {
|
|
|
1028
1029
|
timeLabel: "_timeLabel_su17c_533",
|
|
1029
1030
|
previousMonth: "_previousMonth_su17c_593",
|
|
1030
1031
|
nextMonth: "_nextMonth_su17c_601"
|
|
1031
|
-
},
|
|
1032
|
+
}, ge = [
|
|
1032
1033
|
"Пн",
|
|
1033
1034
|
"Вт",
|
|
1034
1035
|
"Ср",
|
|
@@ -1036,7 +1037,7 @@ var O = {
|
|
|
1036
1037
|
"Пт",
|
|
1037
1038
|
"Сб",
|
|
1038
1039
|
"Вс"
|
|
1039
|
-
],
|
|
1040
|
+
], _e = [
|
|
1040
1041
|
"Январь",
|
|
1041
1042
|
"Февраль",
|
|
1042
1043
|
"Март",
|
|
@@ -1049,33 +1050,33 @@ var O = {
|
|
|
1049
1050
|
"Октябрь",
|
|
1050
1051
|
"Ноябрь",
|
|
1051
1052
|
"Декабрь"
|
|
1052
|
-
],
|
|
1053
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1053
|
+
], ve = (e) => String(e).padStart(2, "0"), ye = 8, be = "Некорректная дата", xe = (e) => e ? `${ve(e.getDate())}.${ve(e.getMonth() + 1)}.${e.getFullYear()}` : "", Se = (e) => {
|
|
1054
|
+
let t = e.replace(/\D/g, "").slice(0, ye);
|
|
1054
1055
|
return [
|
|
1055
1056
|
t.slice(0, 2),
|
|
1056
1057
|
t.slice(2, 4),
|
|
1057
1058
|
t.slice(4, 8)
|
|
1058
1059
|
].filter(Boolean).join(".");
|
|
1059
|
-
},
|
|
1060
|
+
}, Ce = (e) => {
|
|
1060
1061
|
if (!e) return !0;
|
|
1061
1062
|
let t = Number(e.padEnd(4, "0"));
|
|
1062
1063
|
return Number(e.padEnd(4, "9")) >= 1800 && t <= 2500;
|
|
1063
|
-
},
|
|
1064
|
+
}, we = (e) => {
|
|
1064
1065
|
if (!/^\d{0,8}$/.test(e)) return !1;
|
|
1065
1066
|
let t = e.slice(0, 2), n = e.slice(2, 4), r = e.slice(4, 8);
|
|
1066
|
-
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 :
|
|
1067
|
-
},
|
|
1067
|
+
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 : Ce(r);
|
|
1068
|
+
}, Te = (e) => {
|
|
1068
1069
|
let t = /^(\d{2})\.(\d{2})\.(\d{4})$/.exec(e);
|
|
1069
1070
|
if (!t) return null;
|
|
1070
1071
|
let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]);
|
|
1071
1072
|
if (i < 1800 || i > 2500) return null;
|
|
1072
1073
|
let a = new Date(i, r, n, 12);
|
|
1073
1074
|
return a.getFullYear() !== i || a.getMonth() !== r || a.getDate() !== n ? null : a;
|
|
1074
|
-
},
|
|
1075
|
+
}, Ee = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), De = (e, t) => {
|
|
1075
1076
|
if (!e) return "";
|
|
1076
|
-
let n = `${e.getFullYear()}-${
|
|
1077
|
+
let n = `${e.getFullYear()}-${ve(e.getMonth() + 1)}-${ve(e.getDate())}`, r = `${ve(e.getHours())}:${ve(e.getMinutes())}`;
|
|
1077
1078
|
return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
|
|
1078
|
-
},
|
|
1079
|
+
}, Oe = (e, t) => {
|
|
1079
1080
|
if (!e) return null;
|
|
1080
1081
|
if (t === "time") {
|
|
1081
1082
|
let t = /^(\d{2}):(\d{2})$/.exec(e);
|
|
@@ -1093,33 +1094,33 @@ var O = {
|
|
|
1093
1094
|
}
|
|
1094
1095
|
let n = new Date(e);
|
|
1095
1096
|
return Number.isNaN(n.getTime()) ? null : n;
|
|
1096
|
-
},
|
|
1097
|
+
}, ke = (e, t) => {
|
|
1097
1098
|
if (!e) return "";
|
|
1098
|
-
let n = `${
|
|
1099
|
+
let n = `${ve(e.getDate())}.${ve(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${ve(e.getHours())}:${ve(e.getMinutes())}`;
|
|
1099
1100
|
return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
|
|
1100
|
-
},
|
|
1101
|
+
}, Ae = (e) => {
|
|
1101
1102
|
let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
|
|
1102
1103
|
return r.setDate(t.getDate() - n), Array.from({ length: 42 }, (e, t) => {
|
|
1103
1104
|
let n = new Date(r);
|
|
1104
1105
|
return n.setDate(r.getDate() + t), n;
|
|
1105
1106
|
});
|
|
1106
|
-
},
|
|
1107
|
-
let r =
|
|
1108
|
-
return !!(t && r <
|
|
1109
|
-
},
|
|
1110
|
-
let D = d(), O = w ?? `ds-date-time-${T ?? D}`, A = l ? `${O}-hint` : void 0, j = _ ? `${O}-error` : void 0, M = m(null), N = m(null), P = m(null), F = m(null), [I, L] = h(!1), [R, z] = h(r ?? /* @__PURE__ */ new Date()), [B, te] = h(
|
|
1107
|
+
}, je = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), Me = (e, t, n) => {
|
|
1108
|
+
let r = Ee(e).getTime();
|
|
1109
|
+
return !!(t && r < Ee(t).getTime() || n && r > Ee(n).getTime());
|
|
1110
|
+
}, Ne = 8, Pe = 6, Fe = ({ value: r, onChange: i, mode: a = "date", label: o, placeholder: s, hint: l, error: _, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: E = "" }) => {
|
|
1111
|
+
let D = d(), O = w ?? `ds-date-time-${T ?? D}`, A = l ? `${O}-hint` : void 0, j = _ ? `${O}-error` : void 0, M = m(null), N = m(null), P = m(null), F = m(null), [I, L] = h(!1), [R, z] = h(r ?? /* @__PURE__ */ new Date()), [B, te] = h(De(r, "time")), [V, H] = h(xe(r)), [U, ne] = h(""), [re, W] = h(0), [G, ie] = h(null), ae = p(() => Ae(R), [R]), oe = a !== "time", se = a !== "date";
|
|
1111
1112
|
u(() => {
|
|
1112
|
-
r && z(r), te(
|
|
1113
|
+
r && z(r), te(De(r, "time")), H(xe(r));
|
|
1113
1114
|
}, [r]), u(() => () => {
|
|
1114
1115
|
F.current && clearTimeout(F.current);
|
|
1115
1116
|
}, []);
|
|
1116
1117
|
let K = c(() => {
|
|
1117
1118
|
let e = N.current, t = P.current;
|
|
1118
1119
|
if (!e || !t) return;
|
|
1119
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1120
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - Ne, o = n.top - Ne, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(Ne, n.top - r.height - Pe) : n.bottom + Pe, u = n.left, d = i - r.width - Ne;
|
|
1120
1121
|
ie({
|
|
1121
1122
|
top: l,
|
|
1122
|
-
left: Math.max(
|
|
1123
|
+
left: Math.max(Ne, Math.min(u, d)),
|
|
1123
1124
|
maxHeight: c
|
|
1124
1125
|
});
|
|
1125
1126
|
}, []);
|
|
@@ -1149,53 +1150,53 @@ var O = {
|
|
|
1149
1150
|
};
|
|
1150
1151
|
}, [I]);
|
|
1151
1152
|
let ce = (e) => {
|
|
1152
|
-
if (
|
|
1153
|
-
let t = a === "date" ?
|
|
1154
|
-
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(
|
|
1153
|
+
if (Me(e, x, S)) return;
|
|
1154
|
+
let t = a === "date" ? Oe(De(e, "date"), "date") : new Date(e);
|
|
1155
|
+
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(xe(t)), a === "date" && L(!1));
|
|
1155
1156
|
}, le = () => {
|
|
1156
|
-
|
|
1157
|
-
|
|
1157
|
+
ne(be), W((e) => e + 1), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
|
|
1158
|
+
ne(""), F.current = null;
|
|
1158
1159
|
}, 3e3);
|
|
1159
1160
|
}, ue = (e) => {
|
|
1160
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1161
|
-
if (!
|
|
1161
|
+
let t = e.replace(/\D/g, "").slice(0, ye);
|
|
1162
|
+
if (!we(t)) {
|
|
1162
1163
|
le();
|
|
1163
1164
|
return;
|
|
1164
1165
|
}
|
|
1165
|
-
let n =
|
|
1166
|
+
let n = Se(t);
|
|
1166
1167
|
if (H(n), !t) {
|
|
1167
1168
|
i?.(null);
|
|
1168
1169
|
return;
|
|
1169
1170
|
}
|
|
1170
|
-
if (t.length <
|
|
1171
|
-
let o =
|
|
1172
|
-
if (!o ||
|
|
1171
|
+
if (t.length < ye) return;
|
|
1172
|
+
let o = Te(n);
|
|
1173
|
+
if (!o || Me(o, x, S)) {
|
|
1173
1174
|
le();
|
|
1174
1175
|
return;
|
|
1175
1176
|
}
|
|
1176
1177
|
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o), z(o), L(!1), requestAnimationFrame(() => N.current?.blur());
|
|
1177
|
-
},
|
|
1178
|
+
}, q = (e) => {
|
|
1178
1179
|
if (te(e), !e) {
|
|
1179
1180
|
i?.(null);
|
|
1180
1181
|
return;
|
|
1181
1182
|
}
|
|
1182
|
-
let t =
|
|
1183
|
+
let t = Oe(e, "time");
|
|
1183
1184
|
if (!t) return;
|
|
1184
1185
|
let n = new Date(a === "datetime" ? r ?? R : /* @__PURE__ */ new Date());
|
|
1185
1186
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
1186
|
-
},
|
|
1187
|
+
}, de = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), fe = U ? `${O}-validation` : void 0, J = [
|
|
1187
1188
|
A,
|
|
1188
1189
|
j,
|
|
1189
|
-
|
|
1190
|
-
].filter(Boolean).join(" ") || void 0,
|
|
1190
|
+
fe
|
|
1191
|
+
].filter(Boolean).join(" ") || void 0, pe = I && !y ? /* @__PURE__ */ n("div", {
|
|
1191
1192
|
ref: P,
|
|
1192
|
-
className:
|
|
1193
|
+
className: X.panel,
|
|
1193
1194
|
role: "dialog",
|
|
1194
|
-
"aria-label": o ??
|
|
1195
|
-
style:
|
|
1196
|
-
top:
|
|
1197
|
-
left:
|
|
1198
|
-
maxHeight:
|
|
1195
|
+
"aria-label": o ?? de,
|
|
1196
|
+
style: G ? {
|
|
1197
|
+
top: G.top,
|
|
1198
|
+
left: G.left,
|
|
1199
|
+
maxHeight: G.maxHeight
|
|
1199
1200
|
} : {
|
|
1200
1201
|
visibility: "hidden",
|
|
1201
1202
|
top: 0,
|
|
@@ -1203,32 +1204,32 @@ var O = {
|
|
|
1203
1204
|
},
|
|
1204
1205
|
children: [oe && /* @__PURE__ */ n(e, { children: [
|
|
1205
1206
|
/* @__PURE__ */ n("div", {
|
|
1206
|
-
className:
|
|
1207
|
+
className: X.calendarHeader,
|
|
1207
1208
|
children: [
|
|
1208
1209
|
/* @__PURE__ */ t("button", {
|
|
1209
1210
|
type: "button",
|
|
1210
|
-
className:
|
|
1211
|
+
className: X.nav,
|
|
1211
1212
|
"aria-label": "Предыдущий месяц",
|
|
1212
1213
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() - 1, 1)),
|
|
1213
|
-
children: /* @__PURE__ */ t(
|
|
1214
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1214
1215
|
name: "IconChevron",
|
|
1215
1216
|
width: 20,
|
|
1216
1217
|
height: 20,
|
|
1217
|
-
className:
|
|
1218
|
+
className: X.previousMonth
|
|
1218
1219
|
})
|
|
1219
1220
|
}),
|
|
1220
1221
|
/* @__PURE__ */ t("select", {
|
|
1221
|
-
className:
|
|
1222
|
+
className: X.monthSelect,
|
|
1222
1223
|
"aria-label": "Месяц",
|
|
1223
1224
|
value: R.getMonth(),
|
|
1224
1225
|
onChange: (e) => z(new Date(R.getFullYear(), Number(e.target.value), 1)),
|
|
1225
|
-
children:
|
|
1226
|
+
children: _e.map((e, n) => /* @__PURE__ */ t("option", {
|
|
1226
1227
|
value: n,
|
|
1227
1228
|
children: e
|
|
1228
1229
|
}, e))
|
|
1229
1230
|
}),
|
|
1230
1231
|
/* @__PURE__ */ t("input", {
|
|
1231
|
-
className:
|
|
1232
|
+
className: X.yearInput,
|
|
1232
1233
|
type: "number",
|
|
1233
1234
|
"aria-label": "Год",
|
|
1234
1235
|
value: R.getFullYear(),
|
|
@@ -1236,30 +1237,30 @@ var O = {
|
|
|
1236
1237
|
}),
|
|
1237
1238
|
/* @__PURE__ */ t("button", {
|
|
1238
1239
|
type: "button",
|
|
1239
|
-
className:
|
|
1240
|
+
className: X.nav,
|
|
1240
1241
|
"aria-label": "Следующий месяц",
|
|
1241
1242
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() + 1, 1)),
|
|
1242
|
-
children: /* @__PURE__ */ t(
|
|
1243
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1243
1244
|
name: "IconChevron",
|
|
1244
1245
|
width: 20,
|
|
1245
1246
|
height: 20,
|
|
1246
|
-
className:
|
|
1247
|
+
className: X.nextMonth
|
|
1247
1248
|
})
|
|
1248
1249
|
})
|
|
1249
1250
|
]
|
|
1250
1251
|
}),
|
|
1251
1252
|
/* @__PURE__ */ t("div", {
|
|
1252
|
-
className:
|
|
1253
|
-
children:
|
|
1253
|
+
className: X.weekdays,
|
|
1254
|
+
children: ge.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
|
|
1254
1255
|
}),
|
|
1255
1256
|
/* @__PURE__ */ t("div", {
|
|
1256
|
-
className:
|
|
1257
|
+
className: X.days,
|
|
1257
1258
|
children: ae.map((e) => {
|
|
1258
|
-
let n =
|
|
1259
|
+
let n = je(r, e);
|
|
1259
1260
|
return /* @__PURE__ */ t("button", {
|
|
1260
1261
|
type: "button",
|
|
1261
|
-
className: `${
|
|
1262
|
-
disabled:
|
|
1262
|
+
className: `${X.day} ${e.getMonth() === R.getMonth() ? "" : X.outside} ${n ? X.selected : ""}`,
|
|
1263
|
+
disabled: Me(e, x, S),
|
|
1263
1264
|
"aria-pressed": n,
|
|
1264
1265
|
onClick: () => ce(e),
|
|
1265
1266
|
children: e.getDate()
|
|
@@ -1267,18 +1268,18 @@ var O = {
|
|
|
1267
1268
|
})
|
|
1268
1269
|
})
|
|
1269
1270
|
] }), se && /* @__PURE__ */ n("label", {
|
|
1270
|
-
className:
|
|
1271
|
+
className: X.timeLabel,
|
|
1271
1272
|
children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
|
|
1272
|
-
className:
|
|
1273
|
+
className: X.timeInput,
|
|
1273
1274
|
type: "time",
|
|
1274
1275
|
value: B,
|
|
1275
|
-
onChange: (e) =>
|
|
1276
|
+
onChange: (e) => q(e.target.value)
|
|
1276
1277
|
})]
|
|
1277
1278
|
})]
|
|
1278
1279
|
}) : null;
|
|
1279
1280
|
return /* @__PURE__ */ n("div", {
|
|
1280
1281
|
ref: M,
|
|
1281
|
-
className: `${
|
|
1282
|
+
className: `${X.wrapper} ${E}`,
|
|
1282
1283
|
children: [
|
|
1283
1284
|
o && /* @__PURE__ */ t(ee, {
|
|
1284
1285
|
htmlFor: O,
|
|
@@ -1287,15 +1288,15 @@ var O = {
|
|
|
1287
1288
|
children: o
|
|
1288
1289
|
}),
|
|
1289
1290
|
oe ? /* @__PURE__ */ n("div", {
|
|
1290
|
-
className: `${
|
|
1291
|
+
className: `${X.trigger} ${X[C]} ${_ ? X.error : ""} ${v ? X.disabled : ""}`,
|
|
1291
1292
|
children: [
|
|
1292
1293
|
/* @__PURE__ */ t("input", {
|
|
1293
1294
|
ref: N,
|
|
1294
1295
|
id: O,
|
|
1295
1296
|
name: T,
|
|
1296
|
-
className:
|
|
1297
|
+
className: X.dateInput,
|
|
1297
1298
|
value: V,
|
|
1298
|
-
placeholder:
|
|
1299
|
+
placeholder: de.split(" ")[0],
|
|
1299
1300
|
inputMode: "numeric",
|
|
1300
1301
|
autoComplete: "off",
|
|
1301
1302
|
maxLength: 10,
|
|
@@ -1303,7 +1304,7 @@ var O = {
|
|
|
1303
1304
|
readOnly: y,
|
|
1304
1305
|
"aria-expanded": I,
|
|
1305
1306
|
"aria-haspopup": "dialog",
|
|
1306
|
-
"aria-describedby":
|
|
1307
|
+
"aria-describedby": J,
|
|
1307
1308
|
"aria-invalid": !!(_ || U) || void 0,
|
|
1308
1309
|
onFocus: () => {
|
|
1309
1310
|
y || L(!0);
|
|
@@ -1314,12 +1315,12 @@ var O = {
|
|
|
1314
1315
|
onChange: (e) => ue(e.target.value)
|
|
1315
1316
|
}),
|
|
1316
1317
|
a === "datetime" && B && /* @__PURE__ */ t("span", {
|
|
1317
|
-
className:
|
|
1318
|
+
className: X.timeValue,
|
|
1318
1319
|
children: B
|
|
1319
1320
|
}),
|
|
1320
1321
|
/* @__PURE__ */ t("button", {
|
|
1321
1322
|
type: "button",
|
|
1322
|
-
className:
|
|
1323
|
+
className: X.chevronButton,
|
|
1323
1324
|
disabled: v || y,
|
|
1324
1325
|
"aria-label": I ? "Закрыть календарь" : "Открыть календарь",
|
|
1325
1326
|
tabIndex: -1,
|
|
@@ -1328,9 +1329,9 @@ var O = {
|
|
|
1328
1329
|
L((e) => !e), N.current?.focus();
|
|
1329
1330
|
},
|
|
1330
1331
|
children: /* @__PURE__ */ t("span", {
|
|
1331
|
-
className: `${
|
|
1332
|
+
className: `${X.chevron} ${pe ? X.chevronOpen : ""}`,
|
|
1332
1333
|
"aria-hidden": "true",
|
|
1333
|
-
children: /* @__PURE__ */ t(
|
|
1334
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1334
1335
|
name: "IconChevron",
|
|
1335
1336
|
width: 20,
|
|
1336
1337
|
height: 20
|
|
@@ -1343,22 +1344,22 @@ var O = {
|
|
|
1343
1344
|
id: O,
|
|
1344
1345
|
name: T,
|
|
1345
1346
|
type: "button",
|
|
1346
|
-
className: `${
|
|
1347
|
+
className: `${X.trigger} ${X[C]} ${_ ? X.error : ""}`,
|
|
1347
1348
|
disabled: v,
|
|
1348
1349
|
"aria-readonly": y || void 0,
|
|
1349
1350
|
"aria-expanded": I,
|
|
1350
1351
|
"aria-haspopup": "dialog",
|
|
1351
|
-
"aria-describedby":
|
|
1352
|
+
"aria-describedby": J,
|
|
1352
1353
|
onClick: () => {
|
|
1353
1354
|
y || L((e) => !e);
|
|
1354
1355
|
},
|
|
1355
1356
|
children: [/* @__PURE__ */ t("span", {
|
|
1356
|
-
className: r ?
|
|
1357
|
-
children:
|
|
1357
|
+
className: r ? X.value : X.placeholder,
|
|
1358
|
+
children: ke(r, a) || de
|
|
1358
1359
|
}), /* @__PURE__ */ t("span", {
|
|
1359
|
-
className: `${
|
|
1360
|
+
className: `${X.chevron} ${pe ? X.chevronOpen : ""}`,
|
|
1360
1361
|
"aria-hidden": "true",
|
|
1361
|
-
children: /* @__PURE__ */ t(
|
|
1362
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1362
1363
|
name: "IconChevron",
|
|
1363
1364
|
width: 20,
|
|
1364
1365
|
height: 20
|
|
@@ -1366,13 +1367,13 @@ var O = {
|
|
|
1366
1367
|
})]
|
|
1367
1368
|
}),
|
|
1368
1369
|
U && /* @__PURE__ */ t("span", {
|
|
1369
|
-
id:
|
|
1370
|
-
className:
|
|
1370
|
+
id: fe,
|
|
1371
|
+
className: X.validationTooltip,
|
|
1371
1372
|
role: "status",
|
|
1372
1373
|
"aria-live": "polite",
|
|
1373
1374
|
children: U
|
|
1374
|
-
},
|
|
1375
|
-
|
|
1375
|
+
}, re),
|
|
1376
|
+
pe && g(pe, document.body),
|
|
1376
1377
|
l && !_ && /* @__PURE__ */ t(k, {
|
|
1377
1378
|
id: A,
|
|
1378
1379
|
children: l
|
|
@@ -1384,19 +1385,19 @@ var O = {
|
|
|
1384
1385
|
})
|
|
1385
1386
|
]
|
|
1386
1387
|
});
|
|
1387
|
-
},
|
|
1388
|
+
}, Ie = {
|
|
1388
1389
|
root: "_root_19vq2_1",
|
|
1389
1390
|
range: "_range_19vq2_21"
|
|
1390
|
-
},
|
|
1391
|
+
}, Le = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), Re = ({ 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 = "" }) => {
|
|
1391
1392
|
let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
|
|
1392
|
-
i?.(e),
|
|
1393
|
+
i?.(e), Le(e) && r?.(e);
|
|
1393
1394
|
};
|
|
1394
1395
|
return /* @__PURE__ */ n("fieldset", {
|
|
1395
|
-
className: `${
|
|
1396
|
+
className: `${Ie.root} ${h}`,
|
|
1396
1397
|
disabled: f,
|
|
1397
1398
|
children: [/* @__PURE__ */ n("div", {
|
|
1398
|
-
className:
|
|
1399
|
-
children: [/* @__PURE__ */ t(
|
|
1399
|
+
className: Ie.range,
|
|
1400
|
+
children: [/* @__PURE__ */ t(Fe, {
|
|
1400
1401
|
value: e.from,
|
|
1401
1402
|
mode: a === "datetime" ? "datetime" : a,
|
|
1402
1403
|
label: o,
|
|
@@ -1410,7 +1411,7 @@ var O = {
|
|
|
1410
1411
|
...e,
|
|
1411
1412
|
from: t
|
|
1412
1413
|
})
|
|
1413
|
-
}), /* @__PURE__ */ t(
|
|
1414
|
+
}), /* @__PURE__ */ t(Fe, {
|
|
1414
1415
|
value: e.to,
|
|
1415
1416
|
mode: a === "datetime" ? "datetime" : a,
|
|
1416
1417
|
label: s,
|
|
@@ -1427,7 +1428,7 @@ var O = {
|
|
|
1427
1428
|
})]
|
|
1428
1429
|
}), c && !g && /* @__PURE__ */ t(k, { children: c })]
|
|
1429
1430
|
});
|
|
1430
|
-
},
|
|
1431
|
+
}, ze = {
|
|
1431
1432
|
group: "_group_ey6uk_1",
|
|
1432
1433
|
skeleton: "_skeleton_ey6uk_15",
|
|
1433
1434
|
text: "_text_ey6uk_27",
|
|
@@ -1435,17 +1436,17 @@ var O = {
|
|
|
1435
1436
|
circular: "_circular_ey6uk_47",
|
|
1436
1437
|
animated: "_animated_ey6uk_59",
|
|
1437
1438
|
"ds-skeleton": "_ds-skeleton_ey6uk_1"
|
|
1438
|
-
},
|
|
1439
|
-
className: `${
|
|
1439
|
+
}, Be = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
|
|
1440
|
+
className: `${ze.group} ${o}`,
|
|
1440
1441
|
"aria-hidden": "true",
|
|
1441
1442
|
children: Array.from({ length: Math.max(1, i) }, (i, o) => /* @__PURE__ */ t("span", {
|
|
1442
|
-
className: `${
|
|
1443
|
+
className: `${ze.skeleton} ${ze[e]} ${a ? ze.animated : ""}`,
|
|
1443
1444
|
style: {
|
|
1444
1445
|
width: n,
|
|
1445
1446
|
height: r
|
|
1446
1447
|
}
|
|
1447
1448
|
}, o))
|
|
1448
|
-
}),
|
|
1449
|
+
}), Z = {
|
|
1449
1450
|
wrapper: "_wrapper_6g3qd_1",
|
|
1450
1451
|
container: "_container_6g3qd_17",
|
|
1451
1452
|
trigger: "_trigger_6g3qd_25",
|
|
@@ -1463,25 +1464,25 @@ var O = {
|
|
|
1463
1464
|
message: "_message_6g3qd_359",
|
|
1464
1465
|
error: "_error_6g3qd_361",
|
|
1465
1466
|
errorState: "_errorState_6g3qd_387"
|
|
1466
|
-
},
|
|
1467
|
+
}, Ve = 8, He = 6, Ue = 120, We = (e, t, n) => {
|
|
1467
1468
|
if (!e.length) return -1;
|
|
1468
1469
|
for (let r = 0; r < e.length; r += 1) {
|
|
1469
1470
|
let i = (t + r * n + e.length) % e.length;
|
|
1470
1471
|
if (!e[i]?.disabled) return i;
|
|
1471
1472
|
}
|
|
1472
1473
|
return -1;
|
|
1473
|
-
},
|
|
1474
|
+
}, Ge = (e) => {
|
|
1474
1475
|
if (typeof e == "number") return e;
|
|
1475
1476
|
if (typeof e == "string") {
|
|
1476
1477
|
let t = Number.parseFloat(e);
|
|
1477
1478
|
if (Number.isFinite(t)) return t;
|
|
1478
1479
|
}
|
|
1479
1480
|
return Infinity;
|
|
1480
|
-
},
|
|
1481
|
+
}, Ke = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опцию", disabled: o = !1, stringWhileDisabled: s = !1, label: l, error: _, size: v = "md", hint: y, className: b = "", required: x = !1, name: S, id: C, needMark: w = !0, maxMenuHeight: T }) => {
|
|
1481
1482
|
let E = d(), D = C ?? `ds-dropdown-${S ?? E}`, O = `${D}-listbox`, [k, A] = h(!1), [j, M] = h(null), N = m(null), P = m(null), F = m(null), I = m([]), L = p(() => e.find((e) => e.value === r), [e, r]), R = y ? `${D}-hint` : void 0, z = _ ? `${D}-error` : void 0, B = [R, z].filter(Boolean).join(" ") || void 0, te = o && s, V = c(() => {
|
|
1482
1483
|
let e = P.current, t = F.current;
|
|
1483
1484
|
if (!e || !t) return;
|
|
1484
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1485
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - Ve, o = n.top - Ve, s = a < r.height && o > a, c = Math.max(Ue, s ? o : a), l = Ge(T), u = Math.min(c, l), d = n.left, f = i - n.width - Ve, p = Math.max(Ve, Math.min(d, f)), m = s ? Math.max(Ve, n.top - r.height - He) : n.bottom + He;
|
|
1485
1486
|
M({
|
|
1486
1487
|
top: m,
|
|
1487
1488
|
left: p,
|
|
@@ -1514,16 +1515,16 @@ var O = {
|
|
|
1514
1515
|
};
|
|
1515
1516
|
}, [k]);
|
|
1516
1517
|
let H = (t, n) => {
|
|
1517
|
-
let r =
|
|
1518
|
+
let r = We(e, t, n);
|
|
1518
1519
|
if (r === -1) return;
|
|
1519
1520
|
let i = I.current[r];
|
|
1520
1521
|
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
1521
1522
|
}, U = (e) => {
|
|
1522
1523
|
e.disabled || (i?.(e.value, e), A(!1), P.current?.focus());
|
|
1523
|
-
},
|
|
1524
|
+
}, ne = k ? /* @__PURE__ */ t("ul", {
|
|
1524
1525
|
ref: F,
|
|
1525
1526
|
id: O,
|
|
1526
|
-
className:
|
|
1527
|
+
className: Z.menu,
|
|
1527
1528
|
role: "listbox",
|
|
1528
1529
|
"aria-label": l,
|
|
1529
1530
|
style: j ? {
|
|
@@ -1552,9 +1553,9 @@ var O = {
|
|
|
1552
1553
|
"aria-selected": o,
|
|
1553
1554
|
disabled: i.disabled,
|
|
1554
1555
|
className: [
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
o ?
|
|
1556
|
+
Z[v],
|
|
1557
|
+
Z.option,
|
|
1558
|
+
o ? Z.selected : ""
|
|
1558
1559
|
].filter(Boolean).join(" "),
|
|
1559
1560
|
onClick: () => U(i),
|
|
1560
1561
|
onKeyDown: (t) => {
|
|
@@ -1570,7 +1571,7 @@ var O = {
|
|
|
1570
1571
|
}
|
|
1571
1572
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), U(i));
|
|
1572
1573
|
},
|
|
1573
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(
|
|
1574
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(Y, {
|
|
1574
1575
|
name: "IconCheck",
|
|
1575
1576
|
width: 16,
|
|
1576
1577
|
height: 16
|
|
@@ -1582,8 +1583,8 @@ var O = {
|
|
|
1582
1583
|
return /* @__PURE__ */ n("div", {
|
|
1583
1584
|
ref: N,
|
|
1584
1585
|
className: [
|
|
1585
|
-
|
|
1586
|
-
_ ?
|
|
1586
|
+
Z.wrapper,
|
|
1587
|
+
_ ? Z.errorState : "",
|
|
1587
1588
|
b
|
|
1588
1589
|
].filter(Boolean).join(" "),
|
|
1589
1590
|
children: [
|
|
@@ -1594,10 +1595,10 @@ var O = {
|
|
|
1594
1595
|
children: l
|
|
1595
1596
|
}),
|
|
1596
1597
|
/* @__PURE__ */ t("div", {
|
|
1597
|
-
className:
|
|
1598
|
+
className: Z.container,
|
|
1598
1599
|
children: te ? /* @__PURE__ */ t("div", {
|
|
1599
1600
|
id: D,
|
|
1600
|
-
className:
|
|
1601
|
+
className: Z.disabledText,
|
|
1601
1602
|
"aria-describedby": B,
|
|
1602
1603
|
children: L?.label ?? a
|
|
1603
1604
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -1605,7 +1606,7 @@ var O = {
|
|
|
1605
1606
|
id: D,
|
|
1606
1607
|
type: "button",
|
|
1607
1608
|
name: S,
|
|
1608
|
-
className: `${
|
|
1609
|
+
className: `${Z.trigger} ${Z[v]}`,
|
|
1609
1610
|
disabled: o,
|
|
1610
1611
|
"aria-haspopup": "listbox",
|
|
1611
1612
|
"aria-expanded": k,
|
|
@@ -1628,13 +1629,13 @@ var O = {
|
|
|
1628
1629
|
}
|
|
1629
1630
|
},
|
|
1630
1631
|
children: [/* @__PURE__ */ t("span", {
|
|
1631
|
-
className: `${L ?
|
|
1632
|
-
${
|
|
1632
|
+
className: `${L ? Z.value : Z.placeholder}
|
|
1633
|
+
${Z[v]}`,
|
|
1633
1634
|
children: L?.label ?? a
|
|
1634
1635
|
}), /* @__PURE__ */ t("span", {
|
|
1635
|
-
className: [
|
|
1636
|
+
className: [Z.chevron, k ? Z.chevronOpen : ""].filter(Boolean).join(" "),
|
|
1636
1637
|
"aria-hidden": "true",
|
|
1637
|
-
children: /* @__PURE__ */ t(
|
|
1638
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1638
1639
|
name: "IconChevron",
|
|
1639
1640
|
width: 20,
|
|
1640
1641
|
height: 20
|
|
@@ -1642,38 +1643,38 @@ var O = {
|
|
|
1642
1643
|
})]
|
|
1643
1644
|
})
|
|
1644
1645
|
}),
|
|
1645
|
-
k && g(
|
|
1646
|
+
k && g(ne, document.body),
|
|
1646
1647
|
y && !_ && /* @__PURE__ */ t("span", {
|
|
1647
1648
|
id: R,
|
|
1648
|
-
className:
|
|
1649
|
+
className: Z.message,
|
|
1649
1650
|
children: y
|
|
1650
1651
|
}),
|
|
1651
1652
|
_ && /* @__PURE__ */ t("span", {
|
|
1652
1653
|
id: z,
|
|
1653
|
-
className:
|
|
1654
|
+
className: Z.error,
|
|
1654
1655
|
children: _
|
|
1655
1656
|
})
|
|
1656
1657
|
]
|
|
1657
1658
|
});
|
|
1658
|
-
},
|
|
1659
|
+
}, qe = (e) => `${e.id}:${e.direction}`, Je = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
|
|
1659
1660
|
let c = e.flatMap((e) => [{
|
|
1660
|
-
value:
|
|
1661
|
+
value: qe({
|
|
1661
1662
|
id: e.id,
|
|
1662
1663
|
direction: "asc"
|
|
1663
1664
|
}),
|
|
1664
1665
|
label: e.ascLabel ?? `${e.label} · по возрастанию`,
|
|
1665
1666
|
disabled: e.disabled
|
|
1666
1667
|
}, {
|
|
1667
|
-
value:
|
|
1668
|
+
value: qe({
|
|
1668
1669
|
id: e.id,
|
|
1669
1670
|
direction: "desc"
|
|
1670
1671
|
}),
|
|
1671
1672
|
label: e.descLabel ?? `${e.label} · по убыванию`,
|
|
1672
1673
|
disabled: e.disabled
|
|
1673
1674
|
}]);
|
|
1674
|
-
return /* @__PURE__ */ t(
|
|
1675
|
+
return /* @__PURE__ */ t(Ke, {
|
|
1675
1676
|
options: c,
|
|
1676
|
-
value: n ?
|
|
1677
|
+
value: n ? qe(n) : "",
|
|
1677
1678
|
label: i,
|
|
1678
1679
|
placeholder: a,
|
|
1679
1680
|
disabled: o,
|
|
@@ -1686,33 +1687,47 @@ var O = {
|
|
|
1686
1687
|
});
|
|
1687
1688
|
}
|
|
1688
1689
|
});
|
|
1689
|
-
},
|
|
1690
|
-
root: "
|
|
1691
|
-
tableWrap: "
|
|
1692
|
-
table: "
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1690
|
+
}, Q = {
|
|
1691
|
+
root: "_root_emi7n_1",
|
|
1692
|
+
tableWrap: "_tableWrap_emi7n_15",
|
|
1693
|
+
table: "_table_emi7n_15",
|
|
1694
|
+
selectionColumn: "_selectionColumn_emi7n_81",
|
|
1695
|
+
selectionHeaderCell: "_selectionHeaderCell_emi7n_89",
|
|
1696
|
+
selectionCell: "_selectionCell_emi7n_91",
|
|
1697
|
+
selectionHeaderControls: "_selectionHeaderControls_emi7n_103",
|
|
1698
|
+
mobileSelectionControls: "_mobileSelectionControls_emi7n_105",
|
|
1699
|
+
cardSelectionControls: "_cardSelectionControls_emi7n_107",
|
|
1700
|
+
selectedRow: "_selectedRow_emi7n_121",
|
|
1701
|
+
sticky: "_sticky_emi7n_145",
|
|
1702
|
+
sortButton: "_sortButton_emi7n_159",
|
|
1703
|
+
state: "_state_emi7n_197",
|
|
1704
|
+
cards: "_cards_emi7n_209",
|
|
1705
|
+
mobileSort: "_mobileSort_emi7n_209",
|
|
1706
|
+
card: "_card_emi7n_107",
|
|
1707
|
+
spanTwo: "_spanTwo_emi7n_297",
|
|
1708
|
+
selectedCard: "_selectedCard_emi7n_305",
|
|
1709
|
+
customCardShell: "_customCardShell_emi7n_339",
|
|
1710
|
+
clickableRow: "_clickableRow_emi7n_351",
|
|
1711
|
+
pagination: "_pagination_emi7n_359",
|
|
1712
|
+
paginationRange: "_paginationRange_emi7n_385",
|
|
1713
|
+
paginationControls: "_paginationControls_emi7n_397",
|
|
1714
|
+
pageNumbers: "_pageNumbers_emi7n_399",
|
|
1715
|
+
pageButton: "_pageButton_emi7n_411",
|
|
1716
|
+
ellipsis: "_ellipsis_emi7n_421",
|
|
1717
|
+
previousIcon: "_previousIcon_emi7n_433",
|
|
1718
|
+
nextIcon: "_nextIcon_emi7n_441",
|
|
1719
|
+
default: "_default_emi7n_481",
|
|
1720
|
+
tableOnMobile: "_tableOnMobile_emi7n_481",
|
|
1721
|
+
wide: "_wide_emi7n_511"
|
|
1722
|
+
}, Ye = y({
|
|
1713
1723
|
rowSortingFeature: v,
|
|
1714
1724
|
sortedRowModel: _()
|
|
1715
|
-
}),
|
|
1725
|
+
}), Xe = (e, t, n) => {
|
|
1726
|
+
let r = new Set(e);
|
|
1727
|
+
return t.forEach((e) => {
|
|
1728
|
+
n ? r.add(e) : r.delete(e);
|
|
1729
|
+
}), Array.from(r);
|
|
1730
|
+
}, Ze = (e) => {
|
|
1716
1731
|
if (!(!e || e.width === void 0 && e.minWidth === void 0 && e.maxWidth === void 0)) return {
|
|
1717
1732
|
width: e.width,
|
|
1718
1733
|
minWidth: e.minWidth,
|
|
@@ -1795,219 +1810,311 @@ var O = {
|
|
|
1795
1810
|
sortDescFirst: e.sortDescFirst
|
|
1796
1811
|
};
|
|
1797
1812
|
return n !== void 0 && (i.sortFn = n), i;
|
|
1798
|
-
}, ct = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: c, getRowId: l, caption: d, ariaLabel: f, loading: m = !1, error: g, emptyState: _ = "Нет данных", stickyHeader: v = !1, maxHeight: y, className: x = "", onRowClick: S,
|
|
1799
|
-
let [
|
|
1800
|
-
if (
|
|
1801
|
-
let t = new Set(
|
|
1813
|
+
}, ct = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: c, getRowId: l, caption: d, ariaLabel: f, loading: m = !1, error: g, emptyState: _ = "Нет данных", stickyHeader: v = !1, maxHeight: y, className: x = "", onRowClick: S, selectable: C = !1, selectedRowIds: w, onSelectedRowIdsChange: T, onRowDoubleClick: E, getRowSelectionLabel: O, selectAllRowsLabel: ee = "Выбрать все строки на этой странице", resetSelectionLabel: k = "Сбросить выбор", openRowLabel: A = "Открыть строку", pagination: j = !1, paginationMode: M = "client", page: N = 1, pageSize: P = 30, totalCount: F, onPageChange: I, visibleColumnIds: L }) => {
|
|
1814
|
+
let [R, z] = h([]), [B, te] = h([]), [V, H] = h(0), U = o ?? R, ne = U.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), re = Number.isFinite(P) && P > 0 ? Math.floor(P) : 30, W = j && M === "server", G = p(() => {
|
|
1815
|
+
if (L === void 0) return e;
|
|
1816
|
+
let t = new Set(L);
|
|
1802
1817
|
return e.filter((e) => t.has(e.id));
|
|
1803
|
-
}, [e,
|
|
1804
|
-
features:
|
|
1805
|
-
columns:
|
|
1818
|
+
}, [e, L]), ie = p(() => G.length === 0 ? "Должна быть видима хотя бы одна колонка" : $e(G, r), [r, G]), ae = p(() => G.map(st), [G]), oe = G.some((e) => Ze(e) !== void 0), se = b({
|
|
1819
|
+
features: Ye,
|
|
1820
|
+
columns: ae,
|
|
1806
1821
|
data: r,
|
|
1807
|
-
state: { sorting:
|
|
1822
|
+
state: { sorting: U },
|
|
1808
1823
|
onSortingChange: (e) => {
|
|
1809
|
-
let t = typeof e == "function" ? e(
|
|
1810
|
-
o === void 0 &&
|
|
1824
|
+
let t = typeof e == "function" ? e(U) : e;
|
|
1825
|
+
o === void 0 && z(t), H(0), s?.(t);
|
|
1811
1826
|
},
|
|
1812
1827
|
getRowId: l
|
|
1813
|
-
}),
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
]),
|
|
1828
|
+
}), K = se.getRowModel().rows, ce = W && Number.isFinite(F) && Number(F) >= 0 ? Math.floor(Number(F)) : K.length, le = j ? Math.max(1, Math.ceil(ce / re)) : 1, ue = Number.isFinite(N) && N > 0 ? Math.floor(N) - 1 : 0, q = Math.min(W ? ue : V, le - 1), de = p(() => j && !W ? K.slice(q * re, (q + 1) * re) : K, [
|
|
1829
|
+
W,
|
|
1830
|
+
re,
|
|
1831
|
+
j,
|
|
1832
|
+
q,
|
|
1833
|
+
K
|
|
1834
|
+
]), fe = w ?? B, J = p(() => new Set(fe), [fe]), pe = p(() => de.map((e) => e.id), [de]), me = pe.filter((e) => J.has(e)).length, X = pe.length > 0 && me === pe.length, ge = me > 0 && !X, _e = p(() => G.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
1820
1835
|
id: e.id,
|
|
1821
1836
|
label: typeof e.header == "string" ? e.header : e.id
|
|
1822
|
-
})), [
|
|
1823
|
-
|
|
1824
|
-
a === "wide" ?
|
|
1825
|
-
i ?
|
|
1837
|
+
})), [G]), ve = p(() => Qe(q, le), [le, q]), ye = [
|
|
1838
|
+
Q.root,
|
|
1839
|
+
a === "wide" ? Q.wide : Q.default,
|
|
1840
|
+
i ? Q.tableOnMobile : "",
|
|
1826
1841
|
x
|
|
1827
|
-
].filter(Boolean).join(" "),
|
|
1828
|
-
let t = Math.max(0, Math.min(
|
|
1829
|
-
if (
|
|
1830
|
-
t !==
|
|
1842
|
+
].filter(Boolean).join(" "), be = ie ?? g, xe = j && !be && ce > re && (!m || W), Se = q * re + 1, Ce = Math.min((q + 1) * re, ce), we = (e) => {
|
|
1843
|
+
let t = Math.max(0, Math.min(le - 1, e));
|
|
1844
|
+
if (W) {
|
|
1845
|
+
t !== q && I?.(t + 1);
|
|
1831
1846
|
return;
|
|
1832
1847
|
}
|
|
1833
|
-
|
|
1834
|
-
}
|
|
1848
|
+
H(t);
|
|
1849
|
+
}, Te = (e) => {
|
|
1850
|
+
let t = Array.from(e);
|
|
1851
|
+
w === void 0 && te(t), T?.(t);
|
|
1852
|
+
}, Ee = (e) => {
|
|
1853
|
+
let t = new Set(J);
|
|
1854
|
+
t.has(e) ? t.delete(e) : t.add(e), Te(t);
|
|
1855
|
+
}, De = () => {
|
|
1856
|
+
let e = Xe(J, pe, !X);
|
|
1857
|
+
w === void 0 && te(e), T?.(e);
|
|
1858
|
+
}, Oe = () => Te(/* @__PURE__ */ new Set());
|
|
1835
1859
|
return u(() => {
|
|
1836
|
-
|
|
1860
|
+
W || H(0);
|
|
1837
1861
|
}, [
|
|
1838
1862
|
r,
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1863
|
+
W,
|
|
1864
|
+
re,
|
|
1865
|
+
j,
|
|
1866
|
+
ne
|
|
1843
1867
|
]), u(() => {
|
|
1844
|
-
!
|
|
1868
|
+
!W && V >= le && H(le - 1);
|
|
1845
1869
|
}, [
|
|
1846
|
-
L,
|
|
1847
1870
|
W,
|
|
1848
|
-
|
|
1871
|
+
le,
|
|
1872
|
+
V
|
|
1849
1873
|
]), /* @__PURE__ */ n("section", {
|
|
1850
|
-
className:
|
|
1874
|
+
className: ye,
|
|
1851
1875
|
"aria-busy": m,
|
|
1852
1876
|
children: [
|
|
1853
|
-
!i && !m && !
|
|
1854
|
-
className:
|
|
1855
|
-
options:
|
|
1856
|
-
value:
|
|
1857
|
-
id:
|
|
1858
|
-
direction:
|
|
1877
|
+
!i && !m && !be && de.length > 0 && _e.length > 0 && /* @__PURE__ */ t(Je, {
|
|
1878
|
+
className: Q.mobileSort,
|
|
1879
|
+
options: _e,
|
|
1880
|
+
value: U[0] ? {
|
|
1881
|
+
id: U[0].id,
|
|
1882
|
+
direction: U[0].desc ? "desc" : "asc"
|
|
1859
1883
|
} : null,
|
|
1860
|
-
onChange: (e) =>
|
|
1884
|
+
onChange: (e) => se.setSorting([{
|
|
1861
1885
|
id: e.id,
|
|
1862
1886
|
desc: e.direction === "desc"
|
|
1863
1887
|
}])
|
|
1864
1888
|
}),
|
|
1865
1889
|
/* @__PURE__ */ t("div", {
|
|
1866
|
-
className:
|
|
1890
|
+
className: Q.tableWrap,
|
|
1867
1891
|
style: { maxHeight: y },
|
|
1868
1892
|
children: /* @__PURE__ */ n("table", {
|
|
1869
|
-
className:
|
|
1893
|
+
className: Q.table,
|
|
1870
1894
|
"aria-label": f,
|
|
1871
1895
|
children: [
|
|
1872
1896
|
d && /* @__PURE__ */ t("caption", { children: d }),
|
|
1873
|
-
|
|
1897
|
+
(oe || C) && /* @__PURE__ */ n("colgroup", { children: [C && /* @__PURE__ */ t("col", { className: Q.selectionColumn }), G.map((e) => /* @__PURE__ */ t("col", { style: Ze(e) }, e.id))] }),
|
|
1874
1898
|
/* @__PURE__ */ t("thead", {
|
|
1875
|
-
className: v ?
|
|
1876
|
-
children:
|
|
1899
|
+
className: v ? Q.sticky : "",
|
|
1900
|
+
children: se.getHeaderGroups().map((e) => /* @__PURE__ */ n("tr", { children: [C && /* @__PURE__ */ t("th", {
|
|
1901
|
+
className: Q.selectionHeaderCell,
|
|
1902
|
+
scope: "col",
|
|
1903
|
+
children: /* @__PURE__ */ n("div", {
|
|
1904
|
+
className: Q.selectionHeaderControls,
|
|
1905
|
+
children: [/* @__PURE__ */ t(he, {
|
|
1906
|
+
checked: X,
|
|
1907
|
+
indeterminate: ge,
|
|
1908
|
+
disabled: m || pe.length === 0,
|
|
1909
|
+
ariaLabel: ee,
|
|
1910
|
+
onChange: De
|
|
1911
|
+
}), /* @__PURE__ */ t(D, {
|
|
1912
|
+
size: "sm",
|
|
1913
|
+
variant: "empty",
|
|
1914
|
+
disabled: J.size === 0,
|
|
1915
|
+
"aria-label": k,
|
|
1916
|
+
title: k,
|
|
1917
|
+
onClick: Oe,
|
|
1918
|
+
children: /* @__PURE__ */ t(Y, {
|
|
1919
|
+
name: "IconX",
|
|
1920
|
+
width: 16,
|
|
1921
|
+
height: 16
|
|
1922
|
+
})
|
|
1923
|
+
})]
|
|
1924
|
+
})
|
|
1925
|
+
}), e.headers.map((e) => {
|
|
1877
1926
|
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler();
|
|
1878
1927
|
return /* @__PURE__ */ t("th", {
|
|
1879
1928
|
scope: "col",
|
|
1880
1929
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
1881
|
-
style: Ze(
|
|
1930
|
+
style: Ze(G.find((t) => t.id === e.column.id)),
|
|
1882
1931
|
children: /* @__PURE__ */ n("button", {
|
|
1883
1932
|
type: "button",
|
|
1884
|
-
className:
|
|
1933
|
+
className: Q.sortButton,
|
|
1885
1934
|
disabled: !i,
|
|
1886
1935
|
onClick: a,
|
|
1887
|
-
children: [/* @__PURE__ */ t(
|
|
1936
|
+
children: [/* @__PURE__ */ t(se.FlexRender, { header: e }), /* @__PURE__ */ t(Y, {
|
|
1888
1937
|
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
1889
1938
|
width: 16,
|
|
1890
1939
|
height: 16
|
|
1891
1940
|
})]
|
|
1892
1941
|
})
|
|
1893
1942
|
}, e.id);
|
|
1894
|
-
}) }, e.id))
|
|
1943
|
+
})] }, e.id))
|
|
1895
1944
|
}),
|
|
1896
1945
|
/* @__PURE__ */ t("tbody", { children: m ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1897
|
-
colSpan:
|
|
1898
|
-
children: /* @__PURE__ */ t(
|
|
1946
|
+
colSpan: G.length + +!!C,
|
|
1947
|
+
children: /* @__PURE__ */ t(Be, {
|
|
1899
1948
|
lines: 3,
|
|
1900
1949
|
height: 65
|
|
1901
1950
|
})
|
|
1902
|
-
}) }) :
|
|
1903
|
-
className:
|
|
1904
|
-
colSpan:
|
|
1905
|
-
children:
|
|
1906
|
-
}) }) :
|
|
1907
|
-
className:
|
|
1908
|
-
colSpan:
|
|
1951
|
+
}) }) : be ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1952
|
+
className: Q.state,
|
|
1953
|
+
colSpan: G.length + +!!C,
|
|
1954
|
+
children: be
|
|
1955
|
+
}) }) : de.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1956
|
+
className: Q.state,
|
|
1957
|
+
colSpan: G.length + +!!C,
|
|
1909
1958
|
children: _
|
|
1910
|
-
}) }) :
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1959
|
+
}) }) : de.map((e) => {
|
|
1960
|
+
let r = J.has(e.id), i = O?.(e.original) ?? `Выбрать строку ${e.index + 1}`;
|
|
1961
|
+
return /* @__PURE__ */ n("tr", {
|
|
1962
|
+
className: [S || C ? Q.clickableRow : "", r ? Q.selectedRow : ""].filter(Boolean).join(" "),
|
|
1963
|
+
"aria-selected": C ? r : void 0,
|
|
1964
|
+
onClick: () => {
|
|
1965
|
+
C ? Ee(e.id) : S?.(e.original);
|
|
1966
|
+
},
|
|
1967
|
+
onDoubleClick: () => {
|
|
1968
|
+
C && E?.(e.original);
|
|
1969
|
+
},
|
|
1970
|
+
onKeyDown: (t) => {
|
|
1971
|
+
t.key === "Enter" ? (t.preventDefault(), C ? E?.(e.original) : S?.(e.original)) : t.key === " " && C && (t.preventDefault(), Ee(e.id));
|
|
1972
|
+
},
|
|
1973
|
+
tabIndex: S || C || E ? 0 : void 0,
|
|
1974
|
+
role: !C && S ? "button" : void 0,
|
|
1975
|
+
children: [C && /* @__PURE__ */ t("td", {
|
|
1976
|
+
className: Q.selectionCell,
|
|
1977
|
+
children: /* @__PURE__ */ t("div", {
|
|
1978
|
+
onClick: (e) => e.stopPropagation(),
|
|
1979
|
+
children: /* @__PURE__ */ t(he, {
|
|
1980
|
+
checked: r,
|
|
1981
|
+
ariaLabel: i,
|
|
1982
|
+
onChange: () => Ee(e.id)
|
|
1983
|
+
})
|
|
1984
|
+
})
|
|
1985
|
+
}), e.getAllCells().map((e) => /* @__PURE__ */ t("td", {
|
|
1986
|
+
style: Ze(G.find((t) => t.id === e.column.id)),
|
|
1987
|
+
children: /* @__PURE__ */ t(se.FlexRender, { cell: e })
|
|
1988
|
+
}, e.id))]
|
|
1989
|
+
}, e.id);
|
|
1990
|
+
}) })
|
|
1923
1991
|
]
|
|
1924
1992
|
})
|
|
1925
1993
|
}),
|
|
1926
|
-
!i && /* @__PURE__ */
|
|
1927
|
-
className:
|
|
1994
|
+
!i && /* @__PURE__ */ n("div", {
|
|
1995
|
+
className: Q.cards,
|
|
1928
1996
|
role: "list",
|
|
1929
1997
|
"aria-label": f ?? d,
|
|
1930
|
-
children: m
|
|
1998
|
+
children: [C && !m && !be && de.length > 0 && /* @__PURE__ */ n("div", {
|
|
1999
|
+
className: Q.mobileSelectionControls,
|
|
2000
|
+
children: [/* @__PURE__ */ t(he, {
|
|
2001
|
+
checked: X,
|
|
2002
|
+
indeterminate: ge,
|
|
2003
|
+
ariaLabel: ee,
|
|
2004
|
+
label: ee,
|
|
2005
|
+
onChange: De
|
|
2006
|
+
}), /* @__PURE__ */ t(D, {
|
|
2007
|
+
size: "sm",
|
|
2008
|
+
variant: "empty",
|
|
2009
|
+
disabled: J.size === 0,
|
|
2010
|
+
onClick: Oe,
|
|
2011
|
+
children: k
|
|
2012
|
+
})]
|
|
2013
|
+
}), m ? /* @__PURE__ */ t(Be, {
|
|
1931
2014
|
lines: 4,
|
|
1932
2015
|
height: 65
|
|
1933
|
-
}) :
|
|
1934
|
-
className:
|
|
1935
|
-
children:
|
|
1936
|
-
}) :
|
|
1937
|
-
className:
|
|
2016
|
+
}) : be ? /* @__PURE__ */ t("div", {
|
|
2017
|
+
className: Q.state,
|
|
2018
|
+
children: be
|
|
2019
|
+
}) : de.length === 0 ? /* @__PURE__ */ t("div", {
|
|
2020
|
+
className: Q.state,
|
|
1938
2021
|
children: _
|
|
1939
|
-
}) :
|
|
1940
|
-
|
|
2022
|
+
}) : de.map((e) => {
|
|
2023
|
+
let r = J.has(e.id), i = O?.(e.original) ?? `Выбрать строку ${e.index + 1}`, a = C && /* @__PURE__ */ n("div", {
|
|
2024
|
+
className: Q.cardSelectionControls,
|
|
2025
|
+
onClick: (e) => e.stopPropagation(),
|
|
2026
|
+
children: [/* @__PURE__ */ t(he, {
|
|
2027
|
+
checked: r,
|
|
2028
|
+
ariaLabel: i,
|
|
2029
|
+
onChange: () => Ee(e.id)
|
|
2030
|
+
}), E && /* @__PURE__ */ t(D, {
|
|
2031
|
+
size: "sm",
|
|
2032
|
+
variant: "empty",
|
|
2033
|
+
onClick: () => E(e.original),
|
|
2034
|
+
children: A
|
|
2035
|
+
})]
|
|
2036
|
+
});
|
|
2037
|
+
if (c) return /* @__PURE__ */ n("div", {
|
|
1941
2038
|
role: "listitem",
|
|
1942
|
-
|
|
2039
|
+
className: `${Q.customCardShell} ${r ? Q.selectedCard : ""}`,
|
|
2040
|
+
"aria-selected": C ? r : void 0,
|
|
2041
|
+
onClick: () => {
|
|
2042
|
+
C && Ee(e.id);
|
|
2043
|
+
},
|
|
2044
|
+
children: [a, c({
|
|
1943
2045
|
row: e.original,
|
|
1944
|
-
columns:
|
|
1945
|
-
})
|
|
2046
|
+
columns: G
|
|
2047
|
+
})]
|
|
1946
2048
|
}, e.id);
|
|
1947
|
-
let
|
|
2049
|
+
let o = G.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), s = o.find((e) => e.mobile?.primary) ?? o.find((e) => e.mobile?.mobileVariant !== "actions"), l = (t) => et(t.accessor, e.original), u = (t) => t.mobile?.renderMobile?.(e.original, l(t)) ?? t.cell?.(e.original, l(t)) ?? String(l(t) ?? "");
|
|
1948
2050
|
return /* @__PURE__ */ n("article", {
|
|
1949
2051
|
role: "listitem",
|
|
1950
|
-
className:
|
|
2052
|
+
className: `${Q.card} ${r ? Q.selectedCard : ""}`,
|
|
2053
|
+
"aria-selected": C ? r : void 0,
|
|
2054
|
+
onClick: () => {
|
|
2055
|
+
C && Ee(e.id);
|
|
2056
|
+
},
|
|
1951
2057
|
children: [
|
|
1952
|
-
|
|
1953
|
-
/* @__PURE__ */ t("
|
|
1954
|
-
|
|
1955
|
-
|
|
2058
|
+
a,
|
|
2059
|
+
/* @__PURE__ */ t("h3", { children: s ? u(s) : `Строка ${e.index + 1}` }),
|
|
2060
|
+
/* @__PURE__ */ t("dl", { children: o.filter((e) => e !== s && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
|
|
2061
|
+
className: e.mobile?.mobileSpan === 2 ? Q.spanTwo : "",
|
|
2062
|
+
children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: u(e) })]
|
|
1956
2063
|
}, e.id)) }),
|
|
1957
|
-
|
|
2064
|
+
o.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: u(e) }, e.id))
|
|
1958
2065
|
]
|
|
1959
2066
|
}, e.id);
|
|
1960
|
-
})
|
|
2067
|
+
})]
|
|
1961
2068
|
}),
|
|
1962
|
-
|
|
1963
|
-
className:
|
|
2069
|
+
xe && /* @__PURE__ */ n("nav", {
|
|
2070
|
+
className: Q.pagination,
|
|
1964
2071
|
"aria-label": "Пагинация таблицы",
|
|
1965
2072
|
children: [/* @__PURE__ */ n("span", {
|
|
1966
|
-
className:
|
|
2073
|
+
className: Q.paginationRange,
|
|
1967
2074
|
"aria-live": "polite",
|
|
1968
2075
|
children: [
|
|
1969
|
-
|
|
2076
|
+
Se,
|
|
1970
2077
|
"–",
|
|
1971
|
-
|
|
2078
|
+
Ce,
|
|
1972
2079
|
" из ",
|
|
1973
|
-
|
|
2080
|
+
ce
|
|
1974
2081
|
]
|
|
1975
2082
|
}), /* @__PURE__ */ n("div", {
|
|
1976
|
-
className:
|
|
2083
|
+
className: Q.paginationControls,
|
|
1977
2084
|
children: [
|
|
1978
2085
|
/* @__PURE__ */ n(D, {
|
|
1979
2086
|
variant: "empty",
|
|
1980
2087
|
size: "md",
|
|
1981
|
-
disabled: m ||
|
|
2088
|
+
disabled: m || q === 0,
|
|
1982
2089
|
"aria-label": "Предыдущая страница",
|
|
1983
2090
|
onClick: () => {
|
|
1984
|
-
|
|
2091
|
+
we(q - 1);
|
|
1985
2092
|
},
|
|
1986
|
-
children: [/* @__PURE__ */ t(
|
|
2093
|
+
children: [/* @__PURE__ */ t(Y, {
|
|
1987
2094
|
name: "IconChevron",
|
|
1988
2095
|
width: 18,
|
|
1989
2096
|
height: 18,
|
|
1990
|
-
className:
|
|
2097
|
+
className: Q.previousIcon
|
|
1991
2098
|
}), /* @__PURE__ */ t("span", {
|
|
1992
|
-
className:
|
|
2099
|
+
className: Q.paginationButtonLabel,
|
|
1993
2100
|
children: "Назад"
|
|
1994
2101
|
})]
|
|
1995
2102
|
}),
|
|
1996
2103
|
/* @__PURE__ */ t("div", {
|
|
1997
|
-
className:
|
|
1998
|
-
children:
|
|
1999
|
-
variant: e ===
|
|
2104
|
+
className: Q.pageNumbers,
|
|
2105
|
+
children: ve.map((e) => typeof e == "number" ? /* @__PURE__ */ t(D, {
|
|
2106
|
+
variant: e === q ? "secondary" : "empty",
|
|
2000
2107
|
size: "md",
|
|
2001
|
-
className:
|
|
2108
|
+
className: Q.pageButton,
|
|
2002
2109
|
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
2003
|
-
"aria-current": e ===
|
|
2110
|
+
"aria-current": e === q ? "page" : void 0,
|
|
2004
2111
|
disabled: m,
|
|
2005
2112
|
onClick: () => {
|
|
2006
|
-
|
|
2113
|
+
we(e);
|
|
2007
2114
|
},
|
|
2008
2115
|
children: e + 1
|
|
2009
2116
|
}, e) : /* @__PURE__ */ t("span", {
|
|
2010
|
-
className:
|
|
2117
|
+
className: Q.ellipsis,
|
|
2011
2118
|
"aria-hidden": "true",
|
|
2012
2119
|
children: "…"
|
|
2013
2120
|
}, e))
|
|
@@ -2015,19 +2122,19 @@ var O = {
|
|
|
2015
2122
|
/* @__PURE__ */ n(D, {
|
|
2016
2123
|
variant: "empty",
|
|
2017
2124
|
size: "md",
|
|
2018
|
-
disabled: m ||
|
|
2125
|
+
disabled: m || q === le - 1,
|
|
2019
2126
|
"aria-label": "Следующая страница",
|
|
2020
2127
|
onClick: () => {
|
|
2021
|
-
|
|
2128
|
+
we(q + 1);
|
|
2022
2129
|
},
|
|
2023
2130
|
children: [/* @__PURE__ */ t("span", {
|
|
2024
|
-
className:
|
|
2131
|
+
className: Q.paginationButtonLabel,
|
|
2025
2132
|
children: "Вперёд"
|
|
2026
|
-
}), /* @__PURE__ */ t(
|
|
2133
|
+
}), /* @__PURE__ */ t(Y, {
|
|
2027
2134
|
name: "IconChevron",
|
|
2028
2135
|
width: 18,
|
|
2029
2136
|
height: 18,
|
|
2030
|
-
className:
|
|
2137
|
+
className: Q.nextIcon
|
|
2031
2138
|
})]
|
|
2032
2139
|
})
|
|
2033
2140
|
]
|
|
@@ -2079,16 +2186,16 @@ var O = {
|
|
|
2079
2186
|
};
|
|
2080
2187
|
}, [A]);
|
|
2081
2188
|
let U = (t, n) => {
|
|
2082
|
-
let r =
|
|
2189
|
+
let r = We(e, t, n);
|
|
2083
2190
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
2084
|
-
},
|
|
2191
|
+
}, ne = (t) => {
|
|
2085
2192
|
if (t.disabled) return;
|
|
2086
2193
|
let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
|
|
2087
2194
|
i?.(n, e.filter((e) => n.includes(e.value))), w && (j(!1), F.current?.focus());
|
|
2088
|
-
},
|
|
2195
|
+
}, re = A ? /* @__PURE__ */ t("ul", {
|
|
2089
2196
|
ref: I,
|
|
2090
2197
|
id: k,
|
|
2091
|
-
className:
|
|
2198
|
+
className: Z.menu,
|
|
2092
2199
|
role: "listbox",
|
|
2093
2200
|
"aria-label": l,
|
|
2094
2201
|
"aria-multiselectable": "true",
|
|
@@ -2118,11 +2225,11 @@ var O = {
|
|
|
2118
2225
|
"aria-selected": o,
|
|
2119
2226
|
disabled: i.disabled,
|
|
2120
2227
|
className: [
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
o ?
|
|
2228
|
+
Z[v],
|
|
2229
|
+
Z.option,
|
|
2230
|
+
o ? Z.selected : ""
|
|
2124
2231
|
].filter(Boolean).join(" "),
|
|
2125
|
-
onClick: () =>
|
|
2232
|
+
onClick: () => ne(i),
|
|
2126
2233
|
onKeyDown: (t) => {
|
|
2127
2234
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
2128
2235
|
t.preventDefault();
|
|
@@ -2134,9 +2241,9 @@ var O = {
|
|
|
2134
2241
|
let n = t.key === "Home" ? 1 : -1;
|
|
2135
2242
|
U(t.key === "Home" ? 0 : e.length - 1, n);
|
|
2136
2243
|
}
|
|
2137
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
2244
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), ne(i)), t.key === "Tab" && j(!1);
|
|
2138
2245
|
},
|
|
2139
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(
|
|
2246
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(Y, {
|
|
2140
2247
|
name: "IconCheck",
|
|
2141
2248
|
width: 16,
|
|
2142
2249
|
height: 16
|
|
@@ -2148,8 +2255,8 @@ var O = {
|
|
|
2148
2255
|
return /* @__PURE__ */ n("div", {
|
|
2149
2256
|
ref: P,
|
|
2150
2257
|
className: [
|
|
2151
|
-
|
|
2152
|
-
_ ?
|
|
2258
|
+
Z.wrapper,
|
|
2259
|
+
_ ? Z.errorState : "",
|
|
2153
2260
|
x
|
|
2154
2261
|
].filter(Boolean).join(" "),
|
|
2155
2262
|
children: [
|
|
@@ -2160,10 +2267,10 @@ var O = {
|
|
|
2160
2267
|
children: l
|
|
2161
2268
|
}),
|
|
2162
2269
|
/* @__PURE__ */ t("div", {
|
|
2163
|
-
className:
|
|
2270
|
+
className: Z.container,
|
|
2164
2271
|
children: V ? /* @__PURE__ */ t("div", {
|
|
2165
2272
|
id: O,
|
|
2166
|
-
className: `${
|
|
2273
|
+
className: `${Z.disabledText} ${Z[v]}`,
|
|
2167
2274
|
"aria-describedby": te,
|
|
2168
2275
|
children: R || a
|
|
2169
2276
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -2171,7 +2278,7 @@ var O = {
|
|
|
2171
2278
|
id: O,
|
|
2172
2279
|
type: "button",
|
|
2173
2280
|
name: S,
|
|
2174
|
-
className: `${
|
|
2281
|
+
className: `${Z.trigger} ${Z[v]}`,
|
|
2175
2282
|
disabled: o,
|
|
2176
2283
|
"aria-haspopup": "listbox",
|
|
2177
2284
|
"aria-expanded": A,
|
|
@@ -2187,12 +2294,12 @@ var O = {
|
|
|
2187
2294
|
}
|
|
2188
2295
|
},
|
|
2189
2296
|
children: [/* @__PURE__ */ t("span", {
|
|
2190
|
-
className: `${R ?
|
|
2297
|
+
className: `${R ? Z.value : Z.placeholder} ${Z[v]}`,
|
|
2191
2298
|
children: R || a
|
|
2192
2299
|
}), /* @__PURE__ */ t("span", {
|
|
2193
|
-
className: [
|
|
2300
|
+
className: [Z.chevron, A ? Z.chevronOpen : ""].filter(Boolean).join(" "),
|
|
2194
2301
|
"aria-hidden": "true",
|
|
2195
|
-
children: /* @__PURE__ */ t(
|
|
2302
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2196
2303
|
name: "IconChevron",
|
|
2197
2304
|
width: 20,
|
|
2198
2305
|
height: 20
|
|
@@ -2200,15 +2307,15 @@ var O = {
|
|
|
2200
2307
|
})]
|
|
2201
2308
|
})
|
|
2202
2309
|
}),
|
|
2203
|
-
A && g(
|
|
2310
|
+
A && g(re, document.body),
|
|
2204
2311
|
b && !_ && /* @__PURE__ */ t("span", {
|
|
2205
2312
|
id: z,
|
|
2206
|
-
className:
|
|
2313
|
+
className: Z.message,
|
|
2207
2314
|
children: b
|
|
2208
2315
|
}),
|
|
2209
2316
|
_ && /* @__PURE__ */ t("span", {
|
|
2210
2317
|
id: B,
|
|
2211
|
-
className:
|
|
2318
|
+
className: Z.error,
|
|
2212
2319
|
children: _
|
|
2213
2320
|
})
|
|
2214
2321
|
]
|
|
@@ -2277,7 +2384,7 @@ var O = {
|
|
|
2277
2384
|
"aria-label": M ? w : T,
|
|
2278
2385
|
"aria-pressed": M,
|
|
2279
2386
|
onClick: () => N((e) => !e),
|
|
2280
|
-
children: /* @__PURE__ */ t(
|
|
2387
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2281
2388
|
name: M ? "IconEyeOff" : "IconEye",
|
|
2282
2389
|
width: 20,
|
|
2283
2390
|
height: 20
|
|
@@ -2291,7 +2398,7 @@ var O = {
|
|
|
2291
2398
|
let e = j.current;
|
|
2292
2399
|
e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
2293
2400
|
},
|
|
2294
|
-
children: /* @__PURE__ */ t(
|
|
2401
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2295
2402
|
name: "IconCross",
|
|
2296
2403
|
width: 20,
|
|
2297
2404
|
height: 20
|
|
@@ -2320,7 +2427,7 @@ var O = {
|
|
|
2320
2427
|
if (!e[i]?.disabled) return i;
|
|
2321
2428
|
}
|
|
2322
2429
|
return -1;
|
|
2323
|
-
},
|
|
2430
|
+
}, vt = {
|
|
2324
2431
|
wrapper: "_wrapper_1v2s8_1",
|
|
2325
2432
|
control: "_control_1v2s8_17",
|
|
2326
2433
|
inputHost: "_inputHost_1v2s8_25",
|
|
@@ -2338,37 +2445,37 @@ var O = {
|
|
|
2338
2445
|
selected: "_selected_1v2s8_321",
|
|
2339
2446
|
active: "_active_1v2s8_321",
|
|
2340
2447
|
visuallyHidden: "_visuallyHidden_1v2s8_341"
|
|
2341
|
-
},
|
|
2448
|
+
}, yt = 8, bt = 6, xt = 5, St = 10, Ct = {
|
|
2342
2449
|
sm: 30,
|
|
2343
2450
|
md: 40,
|
|
2344
2451
|
lg: 50
|
|
2345
|
-
},
|
|
2452
|
+
}, wt = ({ options: e, value: r, onChange: i, placeholder: a = "Начните вводить", noResultsText: o = "Ничего не найдено", disabled: s = !1, readOnly: l = !1, stringWhileDisabled: _ = !1, label: v, error: y, hint: b, size: x = "md", required: S = !1, className: C = "", name: w, id: T, needMark: E = !0 }) => {
|
|
2346
2453
|
let D = d(), O = T ?? `ds-search-dropdown-${w ?? D}`, A = `${O}-listbox`, j = `${O}-status`, M = b ? `${O}-hint` : void 0, N = y ? `${O}-error` : void 0, P = [
|
|
2347
2454
|
j,
|
|
2348
2455
|
M,
|
|
2349
2456
|
N
|
|
2350
|
-
].filter(Boolean).join(" "), F = m(null), I = m(null), L = m([]), [R, z] = h(!1), [B, te] = h(""), [V, H] = h(-1), [U,
|
|
2351
|
-
u(() => te(
|
|
2352
|
-
let ae = c(() => F.current?.querySelector("input") ?? null, []), oe = c((e, t) => _t(
|
|
2457
|
+
].filter(Boolean).join(" "), F = m(null), I = m(null), L = m([]), [R, z] = h(!1), [B, te] = h(""), [V, H] = h(-1), [U, ne] = h(null), re = p(() => e.find((e) => e.value === r), [e, r]), W = p(() => gt(e, B), [e, B]), G = s && _, ie = V >= 0 ? W[V] : void 0;
|
|
2458
|
+
u(() => te(re?.label ?? ""), [re?.label, r]);
|
|
2459
|
+
let ae = c(() => F.current?.querySelector("input") ?? null, []), oe = c((e, t) => _t(W, e, t), [W]), se = c((e) => {
|
|
2353
2460
|
H(e), !(e < 0) && requestAnimationFrame(() => L.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
2354
2461
|
}, []), K = c(() => {
|
|
2355
2462
|
let e = ae();
|
|
2356
2463
|
if (!e) return;
|
|
2357
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(
|
|
2358
|
-
|
|
2464
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(W.length, xt)) * Ct[x] + St, r = window.innerHeight - t.bottom - yt, i = t.top - yt, a = r < n && i > r, o = a ? i : r, s = Math.max(Ct[x] + St, Math.min(n, o)), c = window.innerWidth - t.width - yt, l = Math.max(yt, Math.min(t.left, c)), u = a ? Math.max(yt, t.top - s - bt) : t.bottom + bt;
|
|
2465
|
+
ne({
|
|
2359
2466
|
top: u,
|
|
2360
2467
|
left: l,
|
|
2361
2468
|
width: t.width,
|
|
2362
2469
|
maxHeight: s
|
|
2363
2470
|
});
|
|
2364
2471
|
}, [
|
|
2365
|
-
|
|
2472
|
+
W.length,
|
|
2366
2473
|
ae,
|
|
2367
2474
|
x
|
|
2368
2475
|
]);
|
|
2369
2476
|
f(() => {
|
|
2370
2477
|
if (!R) {
|
|
2371
|
-
|
|
2478
|
+
ne(null);
|
|
2372
2479
|
return;
|
|
2373
2480
|
}
|
|
2374
2481
|
return K(), window.addEventListener("resize", K), window.addEventListener("scroll", K, !0), () => {
|
|
@@ -2389,7 +2496,7 @@ var O = {
|
|
|
2389
2496
|
}, ue = R ? /* @__PURE__ */ t("ul", {
|
|
2390
2497
|
ref: I,
|
|
2391
2498
|
id: A,
|
|
2392
|
-
className: `${
|
|
2499
|
+
className: `${vt.menu} ${W.length === 0 ? vt.menuEmpty : ""}`,
|
|
2393
2500
|
role: "listbox",
|
|
2394
2501
|
"aria-label": v,
|
|
2395
2502
|
style: U ? {
|
|
@@ -2403,10 +2510,10 @@ var O = {
|
|
|
2403
2510
|
visibility: "hidden",
|
|
2404
2511
|
maxHeight: 0
|
|
2405
2512
|
},
|
|
2406
|
-
children:
|
|
2407
|
-
className: `${
|
|
2513
|
+
children: W.length === 0 ? /* @__PURE__ */ t("li", {
|
|
2514
|
+
className: `${vt.empty} ${vt[x]}`,
|
|
2408
2515
|
children: o
|
|
2409
|
-
}) :
|
|
2516
|
+
}) : W.map((e, i) => {
|
|
2410
2517
|
let a = e.value === r, o = i === V;
|
|
2411
2518
|
return /* @__PURE__ */ t("li", {
|
|
2412
2519
|
role: "presentation",
|
|
@@ -2422,16 +2529,16 @@ var O = {
|
|
|
2422
2529
|
"aria-disabled": e.disabled,
|
|
2423
2530
|
"aria-selected": a,
|
|
2424
2531
|
className: [
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
a ?
|
|
2428
|
-
o ?
|
|
2532
|
+
vt.option,
|
|
2533
|
+
vt[x],
|
|
2534
|
+
a ? vt.selected : "",
|
|
2535
|
+
o ? vt.active : ""
|
|
2429
2536
|
].filter(Boolean).join(" "),
|
|
2430
2537
|
onPointerMove: () => {
|
|
2431
2538
|
e.disabled || H(i);
|
|
2432
2539
|
},
|
|
2433
2540
|
onClick: () => le(e),
|
|
2434
|
-
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(
|
|
2541
|
+
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(Y, {
|
|
2435
2542
|
name: "IconCheck",
|
|
2436
2543
|
width: 16,
|
|
2437
2544
|
height: 16
|
|
@@ -2443,22 +2550,22 @@ var O = {
|
|
|
2443
2550
|
return /* @__PURE__ */ n("div", {
|
|
2444
2551
|
ref: F,
|
|
2445
2552
|
className: [
|
|
2446
|
-
|
|
2447
|
-
y ?
|
|
2553
|
+
vt.wrapper,
|
|
2554
|
+
y ? vt.errorState : "",
|
|
2448
2555
|
C
|
|
2449
2556
|
].filter(Boolean).join(" "),
|
|
2450
2557
|
children: [
|
|
2451
2558
|
v && /* @__PURE__ */ t(ee, {
|
|
2452
|
-
htmlFor:
|
|
2559
|
+
htmlFor: G ? void 0 : O,
|
|
2453
2560
|
required: S,
|
|
2454
2561
|
disabled: s,
|
|
2455
2562
|
children: v
|
|
2456
2563
|
}),
|
|
2457
|
-
|
|
2458
|
-
className: `${
|
|
2459
|
-
children:
|
|
2564
|
+
G ? /* @__PURE__ */ t("div", {
|
|
2565
|
+
className: `${vt.disabledText} ${vt[x]}`,
|
|
2566
|
+
children: re?.label ?? a
|
|
2460
2567
|
}) : /* @__PURE__ */ n("div", {
|
|
2461
|
-
className:
|
|
2568
|
+
className: vt.control,
|
|
2462
2569
|
children: [/* @__PURE__ */ t(ht, {
|
|
2463
2570
|
id: O,
|
|
2464
2571
|
name: w,
|
|
@@ -2470,7 +2577,7 @@ var O = {
|
|
|
2470
2577
|
size: x,
|
|
2471
2578
|
clearable: !1,
|
|
2472
2579
|
autoComplete: "off",
|
|
2473
|
-
className: `${
|
|
2580
|
+
className: `${vt.inputHost} ${vt[x]}`,
|
|
2474
2581
|
onFocus: ce,
|
|
2475
2582
|
onChange: (t) => {
|
|
2476
2583
|
let n = String(t), r = gt(e, n);
|
|
@@ -2488,20 +2595,20 @@ var O = {
|
|
|
2488
2595
|
if (!(s || l)) {
|
|
2489
2596
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
2490
2597
|
e.preventDefault();
|
|
2491
|
-
let t = e.key === "ArrowDown" ? 1 : -1, n = V >= 0 ? V + t : t === 1 ? 0 :
|
|
2598
|
+
let t = e.key === "ArrowDown" ? 1 : -1, n = V >= 0 ? V + t : t === 1 ? 0 : W.length - 1;
|
|
2492
2599
|
z(!0), se(oe(n, t));
|
|
2493
2600
|
} else if (e.key === "Home" || e.key === "End") {
|
|
2494
2601
|
if (!R) return;
|
|
2495
2602
|
e.preventDefault();
|
|
2496
2603
|
let t = e.key === "Home" ? 1 : -1;
|
|
2497
|
-
se(oe(e.key === "Home" ? 0 :
|
|
2604
|
+
se(oe(e.key === "Home" ? 0 : W.length - 1, t));
|
|
2498
2605
|
} else e.key === "Enter" && R && ie ? (e.preventDefault(), le(ie)) : e.key === "Escape" && R ? (e.preventDefault(), z(!1), H(-1)) : e.key === "Tab" && (z(!1), H(-1));
|
|
2499
2606
|
}
|
|
2500
2607
|
}
|
|
2501
2608
|
}), /* @__PURE__ */ t("span", {
|
|
2502
|
-
className: `${
|
|
2609
|
+
className: `${vt.chevron} ${R ? vt.chevronOpen : ""}`,
|
|
2503
2610
|
"aria-hidden": "true",
|
|
2504
|
-
children: /* @__PURE__ */ t(
|
|
2611
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2505
2612
|
name: "IconChevron",
|
|
2506
2613
|
width: 20,
|
|
2507
2614
|
height: 20
|
|
@@ -2511,9 +2618,9 @@ var O = {
|
|
|
2511
2618
|
R && typeof document < "u" && g(ue, document.body),
|
|
2512
2619
|
/* @__PURE__ */ n("span", {
|
|
2513
2620
|
id: j,
|
|
2514
|
-
className:
|
|
2621
|
+
className: vt.visuallyHidden,
|
|
2515
2622
|
"aria-live": "polite",
|
|
2516
|
-
children: ["Найдено вариантов: ",
|
|
2623
|
+
children: ["Найдено вариантов: ", W.length]
|
|
2517
2624
|
}),
|
|
2518
2625
|
b && !y && /* @__PURE__ */ t(k, {
|
|
2519
2626
|
id: M,
|
|
@@ -2526,55 +2633,55 @@ var O = {
|
|
|
2526
2633
|
})
|
|
2527
2634
|
]
|
|
2528
2635
|
});
|
|
2529
|
-
},
|
|
2636
|
+
}, Tt = {
|
|
2530
2637
|
root: "_root_11adi_1",
|
|
2531
2638
|
header: "_header_11adi_21",
|
|
2532
2639
|
title: "_title_11adi_41",
|
|
2533
2640
|
dismiss: "_dismiss_11adi_55",
|
|
2534
2641
|
content: "_content_11adi_65"
|
|
2535
|
-
},
|
|
2642
|
+
}, Et = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: c = "" }) => {
|
|
2536
2643
|
let l = `ds-info-block-${d()}`;
|
|
2537
2644
|
return /* @__PURE__ */ n("section", {
|
|
2538
|
-
className: `${
|
|
2645
|
+
className: `${Tt.root} ${c}`,
|
|
2539
2646
|
"aria-labelledby": l,
|
|
2540
2647
|
children: [/* @__PURE__ */ n("header", {
|
|
2541
|
-
className:
|
|
2648
|
+
className: Tt.header,
|
|
2542
2649
|
children: [/* @__PURE__ */ t(s, {
|
|
2543
2650
|
id: l,
|
|
2544
|
-
className:
|
|
2651
|
+
className: Tt.title,
|
|
2545
2652
|
children: e
|
|
2546
2653
|
}), i && /* @__PURE__ */ t(D, {
|
|
2547
|
-
className:
|
|
2654
|
+
className: Tt.dismiss,
|
|
2548
2655
|
variant: "empty",
|
|
2549
2656
|
onClick: a,
|
|
2550
2657
|
"aria-label": o,
|
|
2551
|
-
children: /* @__PURE__ */ t(
|
|
2658
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2552
2659
|
name: "IconCross",
|
|
2553
2660
|
width: 20,
|
|
2554
2661
|
height: 20
|
|
2555
2662
|
})
|
|
2556
2663
|
})]
|
|
2557
2664
|
}), /* @__PURE__ */ t("div", {
|
|
2558
|
-
className:
|
|
2665
|
+
className: Tt.content,
|
|
2559
2666
|
children: r
|
|
2560
2667
|
})]
|
|
2561
2668
|
});
|
|
2562
|
-
},
|
|
2669
|
+
}, Dt = {
|
|
2563
2670
|
wrapper: "_wrapper_1jspu_1",
|
|
2564
2671
|
input: "_input_1jspu_21",
|
|
2565
2672
|
switch: "_switch_1jspu_35",
|
|
2566
2673
|
thumb: "_thumb_1jspu_67",
|
|
2567
2674
|
label: "_label_1jspu_113",
|
|
2568
2675
|
disabled: "_disabled_1jspu_125"
|
|
2569
|
-
},
|
|
2676
|
+
}, Ot = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: c, id: l, value: u }) => {
|
|
2570
2677
|
let f = d(), p = l ?? `ds-radio-button-${c ?? f}`;
|
|
2571
2678
|
return /* @__PURE__ */ n("label", {
|
|
2572
2679
|
htmlFor: p,
|
|
2573
|
-
className: `${
|
|
2680
|
+
className: `${Dt.wrapper} ${a ? Dt.disabled : ""} ${s}`,
|
|
2574
2681
|
children: [
|
|
2575
2682
|
/* @__PURE__ */ t("input", {
|
|
2576
2683
|
id: p,
|
|
2577
|
-
className:
|
|
2684
|
+
className: Dt.input,
|
|
2578
2685
|
type: "checkbox",
|
|
2579
2686
|
role: "switch",
|
|
2580
2687
|
name: c,
|
|
@@ -2587,21 +2694,21 @@ var O = {
|
|
|
2587
2694
|
}
|
|
2588
2695
|
}),
|
|
2589
2696
|
/* @__PURE__ */ t("span", {
|
|
2590
|
-
className:
|
|
2697
|
+
className: Dt.switch,
|
|
2591
2698
|
"aria-hidden": "true",
|
|
2592
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
2699
|
+
children: /* @__PURE__ */ t("span", { className: Dt.thumb })
|
|
2593
2700
|
}),
|
|
2594
2701
|
i && /* @__PURE__ */ t("span", {
|
|
2595
|
-
className:
|
|
2702
|
+
className: Dt.label,
|
|
2596
2703
|
children: i
|
|
2597
2704
|
})
|
|
2598
2705
|
]
|
|
2599
2706
|
});
|
|
2600
|
-
},
|
|
2707
|
+
}, kt = {
|
|
2601
2708
|
root: "_root_1ecm3_1",
|
|
2602
2709
|
grid: "_grid_1ecm3_13",
|
|
2603
2710
|
actions: "_actions_1ecm3_27"
|
|
2604
|
-
},
|
|
2711
|
+
}, At = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
2605
2712
|
let d = (e, t) => {
|
|
2606
2713
|
let n = {
|
|
2607
2714
|
...r,
|
|
@@ -2610,11 +2717,11 @@ var O = {
|
|
|
2610
2717
|
i?.(n, e), s === "instant" && a?.(n);
|
|
2611
2718
|
};
|
|
2612
2719
|
return /* @__PURE__ */ n("section", {
|
|
2613
|
-
className: `${
|
|
2720
|
+
className: `${kt.root} ${u}`,
|
|
2614
2721
|
"aria-label": "Фильтры",
|
|
2615
2722
|
"aria-busy": c,
|
|
2616
2723
|
children: [/* @__PURE__ */ t("div", {
|
|
2617
|
-
className:
|
|
2724
|
+
className: kt.grid,
|
|
2618
2725
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
2619
2726
|
let n = l || c || e.disabled, i = r[e.id];
|
|
2620
2727
|
if (e.type === "input") {
|
|
@@ -2636,7 +2743,7 @@ var O = {
|
|
|
2636
2743
|
onChange: (t) => d(e.id, t)
|
|
2637
2744
|
}, e.id);
|
|
2638
2745
|
}
|
|
2639
|
-
if (e.type === "dropdown") return /* @__PURE__ */ t(
|
|
2746
|
+
if (e.type === "dropdown") return /* @__PURE__ */ t(Ke, {
|
|
2640
2747
|
label: e.label,
|
|
2641
2748
|
hint: e.hint,
|
|
2642
2749
|
placeholder: e.placeholder,
|
|
@@ -2654,14 +2761,14 @@ var O = {
|
|
|
2654
2761
|
disabled: n,
|
|
2655
2762
|
onChange: (t) => d(e.id, t)
|
|
2656
2763
|
}, e.id);
|
|
2657
|
-
if (e.type === "checkbox") return /* @__PURE__ */ t(
|
|
2764
|
+
if (e.type === "checkbox") return /* @__PURE__ */ t(he, {
|
|
2658
2765
|
label: e.label,
|
|
2659
2766
|
hint: e.hint,
|
|
2660
2767
|
checked: !!i,
|
|
2661
2768
|
disabled: n,
|
|
2662
2769
|
onChange: (t) => d(e.id, t)
|
|
2663
2770
|
}, e.id);
|
|
2664
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
2771
|
+
if (e.type === "radio") return /* @__PURE__ */ t(Ot, {
|
|
2665
2772
|
label: e.label,
|
|
2666
2773
|
checked: !!i,
|
|
2667
2774
|
disabled: n,
|
|
@@ -2671,7 +2778,7 @@ var O = {
|
|
|
2671
2778
|
from: null,
|
|
2672
2779
|
to: null
|
|
2673
2780
|
};
|
|
2674
|
-
return /* @__PURE__ */ t(
|
|
2781
|
+
return /* @__PURE__ */ t(Re, {
|
|
2675
2782
|
hint: e.hint,
|
|
2676
2783
|
mode: e.mode,
|
|
2677
2784
|
min: e.min,
|
|
@@ -2682,7 +2789,7 @@ var O = {
|
|
|
2682
2789
|
}, e.id);
|
|
2683
2790
|
})
|
|
2684
2791
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
2685
|
-
className:
|
|
2792
|
+
className: kt.actions,
|
|
2686
2793
|
children: [o && /* @__PURE__ */ t(D, {
|
|
2687
2794
|
variant: "destructiveOutline",
|
|
2688
2795
|
disabled: l || c,
|
|
@@ -2696,7 +2803,7 @@ var O = {
|
|
|
2696
2803
|
})]
|
|
2697
2804
|
})]
|
|
2698
2805
|
});
|
|
2699
|
-
},
|
|
2806
|
+
}, jt = {
|
|
2700
2807
|
wrapper: "_wrapper_i20hz_1",
|
|
2701
2808
|
dropzone: "_dropzone_i20hz_15",
|
|
2702
2809
|
dragActive: "_dragActive_i20hz_45",
|
|
@@ -2709,12 +2816,12 @@ var O = {
|
|
|
2709
2816
|
file: "_file_i20hz_133",
|
|
2710
2817
|
fileName: "_fileName_i20hz_175",
|
|
2711
2818
|
fileSize: "_fileSize_i20hz_187"
|
|
2712
|
-
},
|
|
2819
|
+
}, Mt = (e) => `${e.name}:${e.size}:${e.lastModified}`, Nt = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Pt = (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), Ft = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: c, label: l, hint: u, error: f, required: p = !1, disabled: g = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: w }) => {
|
|
2713
2820
|
let T = d(), E = y ?? `ds-file-input-${v ?? T}`, O = m(null), A = m(0), [j, M] = h(!1), N = u ? `${E}-hint` : void 0, P = f ? `${E}-error` : void 0, F = [N, P].filter(Boolean).join(" ") || void 0, I = !g && !_, L = (e) => {
|
|
2714
|
-
let t = [], n = new Set(r.map(
|
|
2821
|
+
let t = [], n = new Set(r.map(Mt)), l = e.filter((e) => Pt(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
2715
2822
|
file: e,
|
|
2716
2823
|
reason: "maxSize"
|
|
2717
|
-
}), !1) : !n.has(
|
|
2824
|
+
}), !1) : !n.has(Mt(e)) && (n.add(Mt(e)), !0) : (t.push({
|
|
2718
2825
|
file: e,
|
|
2719
2826
|
reason: "accept"
|
|
2720
2827
|
}), !1)), u = a ? c : 1, d = a ? [...r, ...l] : l.slice(-1);
|
|
@@ -2724,7 +2831,7 @@ var O = {
|
|
|
2724
2831
|
})), d = d.slice(0, u)), t.length && w?.(t), l.length && i?.(d), O.current && (O.current.value = "");
|
|
2725
2832
|
};
|
|
2726
2833
|
return /* @__PURE__ */ n("div", {
|
|
2727
|
-
className: `${
|
|
2834
|
+
className: `${jt.wrapper} ${b}`,
|
|
2728
2835
|
children: [
|
|
2729
2836
|
l && /* @__PURE__ */ t(ee, {
|
|
2730
2837
|
htmlFor: E,
|
|
@@ -2733,7 +2840,7 @@ var O = {
|
|
|
2733
2840
|
children: l
|
|
2734
2841
|
}),
|
|
2735
2842
|
/* @__PURE__ */ n("div", {
|
|
2736
|
-
className: `${
|
|
2843
|
+
className: `${jt.dropzone} ${j ? jt.dragActive : ""} ${g ? jt.disabled : ""} ${f ? jt.error : ""}`,
|
|
2737
2844
|
onDragEnter: (e) => {
|
|
2738
2845
|
e.preventDefault(), I && ++A.current === 1 && M(!0);
|
|
2739
2846
|
},
|
|
@@ -2748,7 +2855,7 @@ var O = {
|
|
|
2748
2855
|
ref: O,
|
|
2749
2856
|
id: E,
|
|
2750
2857
|
name: v,
|
|
2751
|
-
className:
|
|
2858
|
+
className: jt.nativeInput,
|
|
2752
2859
|
type: "file",
|
|
2753
2860
|
multiple: a,
|
|
2754
2861
|
accept: o,
|
|
@@ -2759,53 +2866,53 @@ var O = {
|
|
|
2759
2866
|
onChange: (e) => L(Array.from(e.target.files ?? []))
|
|
2760
2867
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
2761
2868
|
/* @__PURE__ */ t("ul", {
|
|
2762
|
-
className:
|
|
2869
|
+
className: jt.files,
|
|
2763
2870
|
"aria-live": "polite",
|
|
2764
2871
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
2765
|
-
className:
|
|
2872
|
+
className: jt.file,
|
|
2766
2873
|
children: [
|
|
2767
2874
|
/* @__PURE__ */ t("span", {
|
|
2768
|
-
className:
|
|
2875
|
+
className: jt.fileName,
|
|
2769
2876
|
title: e.name,
|
|
2770
2877
|
children: e.name
|
|
2771
2878
|
}),
|
|
2772
2879
|
/* @__PURE__ */ t("span", {
|
|
2773
|
-
className:
|
|
2774
|
-
children:
|
|
2880
|
+
className: jt.fileSize,
|
|
2881
|
+
children: Nt(e.size)
|
|
2775
2882
|
}),
|
|
2776
2883
|
I && /* @__PURE__ */ t(D, {
|
|
2777
2884
|
variant: "empty",
|
|
2778
2885
|
size: "sm",
|
|
2779
2886
|
"aria-label": `Удалить файл ${e.name}`,
|
|
2780
2887
|
onClick: () => i?.(r.filter((e, t) => t !== a)),
|
|
2781
|
-
children: /* @__PURE__ */ t(
|
|
2888
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2782
2889
|
name: "IconCross",
|
|
2783
2890
|
width: 16,
|
|
2784
2891
|
height: 16
|
|
2785
2892
|
})
|
|
2786
2893
|
})
|
|
2787
2894
|
]
|
|
2788
|
-
},
|
|
2895
|
+
}, Mt(e)))
|
|
2789
2896
|
}),
|
|
2790
2897
|
I && (a || r.length === 0) && /* @__PURE__ */ t(D, {
|
|
2791
|
-
className:
|
|
2898
|
+
className: jt.browseButton,
|
|
2792
2899
|
size: "sm",
|
|
2793
2900
|
onClick: () => O.current?.click(),
|
|
2794
2901
|
children: C
|
|
2795
2902
|
}),
|
|
2796
2903
|
I && !a && /* @__PURE__ */ t(D, {
|
|
2797
|
-
className:
|
|
2904
|
+
className: jt.browseButton,
|
|
2798
2905
|
size: "sm",
|
|
2799
2906
|
onClick: () => O.current?.click(),
|
|
2800
2907
|
children: S
|
|
2801
2908
|
})
|
|
2802
2909
|
] }) : /* @__PURE__ */ n("div", {
|
|
2803
|
-
className:
|
|
2910
|
+
className: jt.empty,
|
|
2804
2911
|
children: [
|
|
2805
2912
|
/* @__PURE__ */ t("span", {
|
|
2806
|
-
className:
|
|
2913
|
+
className: jt.uploadIcon,
|
|
2807
2914
|
"aria-hidden": "true",
|
|
2808
|
-
children: /* @__PURE__ */ t(
|
|
2915
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2809
2916
|
name: "IconUpload",
|
|
2810
2917
|
width: 24,
|
|
2811
2918
|
height: 24
|
|
@@ -2831,7 +2938,50 @@ var O = {
|
|
|
2831
2938
|
})
|
|
2832
2939
|
]
|
|
2833
2940
|
});
|
|
2834
|
-
},
|
|
2941
|
+
}, It = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
2942
|
+
let [n, r] = h(null);
|
|
2943
|
+
return u(() => {
|
|
2944
|
+
let e = document.getElementById(t);
|
|
2945
|
+
if (e) {
|
|
2946
|
+
r(e);
|
|
2947
|
+
return;
|
|
2948
|
+
}
|
|
2949
|
+
let n = document.createElement("div");
|
|
2950
|
+
return n.id = t, document.body.appendChild(n), r(n), () => {
|
|
2951
|
+
n.childElementCount === 0 && n.parentElement && n.remove();
|
|
2952
|
+
};
|
|
2953
|
+
}, [t]), n ? g(e, n) : null;
|
|
2954
|
+
}, Lt = ({ anchorRef: e, children: n, matchAnchorWidth: r = !1, offset: i = 4, className: a }) => {
|
|
2955
|
+
let o = m(null), [s, l] = h({
|
|
2956
|
+
position: "fixed",
|
|
2957
|
+
visibility: "hidden",
|
|
2958
|
+
zIndex: 1100
|
|
2959
|
+
}), u = c(() => {
|
|
2960
|
+
let t = e.current, n = o.current;
|
|
2961
|
+
if (!t || !n) return;
|
|
2962
|
+
let a = t.getBoundingClientRect(), s = n.getBoundingClientRect(), c = window.innerHeight - a.bottom - 8, u = a.top - 8, d = (c >= s.height || c >= u ? "bottom" : "top") == "bottom" ? a.bottom + i : a.top - s.height - i, f = a.left, p = window.innerWidth - s.width - 8, m = Math.max(8, Math.min(f, p)), h = Math.max(8, Math.min(d, window.innerHeight - s.height - 8));
|
|
2963
|
+
l({
|
|
2964
|
+
position: "fixed",
|
|
2965
|
+
top: h,
|
|
2966
|
+
left: m,
|
|
2967
|
+
...r ? { width: a.width } : {},
|
|
2968
|
+
zIndex: 1100,
|
|
2969
|
+
visibility: "visible"
|
|
2970
|
+
});
|
|
2971
|
+
}, [
|
|
2972
|
+
e,
|
|
2973
|
+
r,
|
|
2974
|
+
i
|
|
2975
|
+
]);
|
|
2976
|
+
return f(() => (u(), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), () => {
|
|
2977
|
+
window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0);
|
|
2978
|
+
}), [u]), /* @__PURE__ */ t(It, { children: /* @__PURE__ */ t("div", {
|
|
2979
|
+
ref: o,
|
|
2980
|
+
className: a,
|
|
2981
|
+
style: s,
|
|
2982
|
+
children: n
|
|
2983
|
+
}) });
|
|
2984
|
+
}, Rt = {
|
|
2835
2985
|
wrapper: "_wrapper_x2gki_1",
|
|
2836
2986
|
control: "_control_x2gki_15",
|
|
2837
2987
|
textarea: "_textarea_x2gki_25",
|
|
@@ -2845,12 +2995,12 @@ var O = {
|
|
|
2845
2995
|
clearAction: "_clearAction_x2gki_171",
|
|
2846
2996
|
messages: "_messages_x2gki_251",
|
|
2847
2997
|
counter: "_counter_x2gki_265"
|
|
2848
|
-
},
|
|
2849
|
-
function
|
|
2998
|
+
}, zt = 2;
|
|
2999
|
+
function Bt(e) {
|
|
2850
3000
|
let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
|
|
2851
3001
|
return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
|
|
2852
3002
|
}
|
|
2853
|
-
function
|
|
3003
|
+
function Vt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, readOnly: o = !1, stringWhileDisabled: s = !1, label: l, error: f, hint: p, className: h = "", name: g, id: _, size: v = "md", clearable: y = !1, required: b = !1, maxLength: x, showCount: S = !1, minRows: C = zt, maxRows: w, autoResize: T = !0, ...E }) {
|
|
2854
3004
|
let D = d(), O = _ ?? `ds-textarea-${g ?? D}`, A = m(null), j = p ? `${O}-hint` : void 0, M = f ? `${O}-error` : void 0, N = S && x ? `${O}-count` : void 0, P = [
|
|
2855
3005
|
j,
|
|
2856
3006
|
M,
|
|
@@ -2858,7 +3008,7 @@ function Rt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2858
3008
|
].filter(Boolean).join(" ") || void 0, F = Math.max(1, C), I = w === void 0 ? void 0 : Math.max(F, w), L = c(() => {
|
|
2859
3009
|
let e = A.current;
|
|
2860
3010
|
if (!e || !T) return;
|
|
2861
|
-
let t = window.getComputedStyle(e), n =
|
|
3011
|
+
let t = window.getComputedStyle(e), n = Bt(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;
|
|
2862
3012
|
e.style.height = "auto";
|
|
2863
3013
|
let o = Math.min(Math.max(e.scrollHeight, i), a);
|
|
2864
3014
|
e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
|
|
@@ -2890,7 +3040,7 @@ function Rt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2890
3040
|
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), L());
|
|
2891
3041
|
}, B = { "--ds-textarea-min-rows": F };
|
|
2892
3042
|
return /* @__PURE__ */ n("div", {
|
|
2893
|
-
className: `${
|
|
3043
|
+
className: `${Rt.wrapper} ${h}`,
|
|
2894
3044
|
children: [
|
|
2895
3045
|
l && /* @__PURE__ */ t(ee, {
|
|
2896
3046
|
htmlFor: O,
|
|
@@ -2900,12 +3050,12 @@ function Rt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2900
3050
|
}),
|
|
2901
3051
|
a && s ? /* @__PURE__ */ t("div", {
|
|
2902
3052
|
id: O,
|
|
2903
|
-
className: `${
|
|
3053
|
+
className: `${Rt.disabledText} ${Rt[v]}`,
|
|
2904
3054
|
style: B,
|
|
2905
3055
|
"aria-describedby": P,
|
|
2906
3056
|
children: e || i
|
|
2907
3057
|
}) : /* @__PURE__ */ n("div", {
|
|
2908
|
-
className:
|
|
3058
|
+
className: Rt.control,
|
|
2909
3059
|
children: [/* @__PURE__ */ t("textarea", {
|
|
2910
3060
|
ref: A,
|
|
2911
3061
|
id: O,
|
|
@@ -2920,15 +3070,15 @@ function Rt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2920
3070
|
style: B,
|
|
2921
3071
|
"aria-invalid": !!f,
|
|
2922
3072
|
"aria-describedby": P,
|
|
2923
|
-
className: `${
|
|
3073
|
+
className: `${Rt.textarea} ${Rt[v]} ${T ? Rt.autoResize : Rt.manualResize} ${f ? Rt.textareaError : ""}`,
|
|
2924
3074
|
onChange: R,
|
|
2925
3075
|
...E
|
|
2926
3076
|
}), y && e && !a && !o && /* @__PURE__ */ t("button", {
|
|
2927
3077
|
type: "button",
|
|
2928
|
-
className:
|
|
3078
|
+
className: Rt.clearAction,
|
|
2929
3079
|
"aria-label": "Очистить поле",
|
|
2930
3080
|
onClick: z,
|
|
2931
|
-
children: /* @__PURE__ */ t(
|
|
3081
|
+
children: /* @__PURE__ */ t(Y, {
|
|
2932
3082
|
name: "IconCross",
|
|
2933
3083
|
width: 20,
|
|
2934
3084
|
height: 20
|
|
@@ -2936,7 +3086,7 @@ function Rt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2936
3086
|
})]
|
|
2937
3087
|
}),
|
|
2938
3088
|
(p || f || N) && /* @__PURE__ */ n("div", {
|
|
2939
|
-
className:
|
|
3089
|
+
className: Rt.messages,
|
|
2940
3090
|
children: [
|
|
2941
3091
|
p && !f && /* @__PURE__ */ t(k, {
|
|
2942
3092
|
id: j,
|
|
@@ -2949,7 +3099,7 @@ function Rt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2949
3099
|
}),
|
|
2950
3100
|
N && /* @__PURE__ */ n("span", {
|
|
2951
3101
|
id: N,
|
|
2952
|
-
className:
|
|
3102
|
+
className: Rt.counter,
|
|
2953
3103
|
children: [
|
|
2954
3104
|
e.length,
|
|
2955
3105
|
" / ",
|
|
@@ -2963,11 +3113,11 @@ function Rt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2963
3113
|
}
|
|
2964
3114
|
//#endregion
|
|
2965
3115
|
//#region src/components/DSModal/modal.store.ts
|
|
2966
|
-
var
|
|
3116
|
+
var Ht = 0, Ut = x((e, t) => ({
|
|
2967
3117
|
modals: [],
|
|
2968
3118
|
openModal: (t, n = {}, r = {}) => {
|
|
2969
|
-
|
|
2970
|
-
let i = `ds-modal-${
|
|
3119
|
+
Ht += 1;
|
|
3120
|
+
let i = `ds-modal-${Ht}`;
|
|
2971
3121
|
return e((e) => ({ modals: [...e.modals, {
|
|
2972
3122
|
id: i,
|
|
2973
3123
|
name: t,
|
|
@@ -2991,9 +3141,9 @@ var zt = 0, Bt = x((e, t) => ({
|
|
|
2991
3141
|
let n = t().modals;
|
|
2992
3142
|
n.length && (e({ modals: [] }), n.forEach((e) => e.onClose?.()));
|
|
2993
3143
|
}
|
|
2994
|
-
})),
|
|
2995
|
-
|
|
2996
|
-
},
|
|
3144
|
+
})), Wt = () => {
|
|
3145
|
+
Ut.getState().closeAllModals(), Ht = 0;
|
|
3146
|
+
}, Gt = {
|
|
2997
3147
|
layer: "_layer_1mvch_1",
|
|
2998
3148
|
backdrop: "_backdrop_1mvch_15",
|
|
2999
3149
|
panel: "_panel_1mvch_35",
|
|
@@ -3002,10 +3152,10 @@ var zt = 0, Bt = x((e, t) => ({
|
|
|
3002
3152
|
description: "_description_1mvch_93",
|
|
3003
3153
|
content: "_content_1mvch_107",
|
|
3004
3154
|
close: "_close_1mvch_115"
|
|
3005
|
-
},
|
|
3006
|
-
function
|
|
3155
|
+
}, Kt = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", qt = i({});
|
|
3156
|
+
function Jt(e) {
|
|
3007
3157
|
if (e.key !== "Tab") return;
|
|
3008
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3158
|
+
let t = Array.from(e.currentTarget.querySelectorAll(Kt));
|
|
3009
3159
|
if (!t.length) {
|
|
3010
3160
|
e.preventDefault();
|
|
3011
3161
|
return;
|
|
@@ -3013,34 +3163,34 @@ function Gt(e) {
|
|
|
3013
3163
|
let n = t[0], r = t.at(-1);
|
|
3014
3164
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
|
|
3015
3165
|
}
|
|
3016
|
-
var
|
|
3017
|
-
let f = l(
|
|
3166
|
+
var Yt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: s = "", role: c = "dialog" }) => {
|
|
3167
|
+
let f = l(qt), p = r ?? f.title, h = i ?? f.description, g = d(), _ = d(), v = m(null), y = Ut((e) => e.closeModal), b = p != null, x = h != null;
|
|
3018
3168
|
return u(() => {
|
|
3019
3169
|
let e = document.activeElement, t = v.current;
|
|
3020
|
-
return (t?.querySelector(
|
|
3170
|
+
return (t?.querySelector(Kt) ?? t)?.focus(), () => e?.focus();
|
|
3021
3171
|
}, []), /* @__PURE__ */ n("div", {
|
|
3022
3172
|
ref: v,
|
|
3023
|
-
className: `${
|
|
3173
|
+
className: `${Gt.panel} ${s}`,
|
|
3024
3174
|
role: c,
|
|
3025
3175
|
"aria-modal": "true",
|
|
3026
3176
|
"aria-labelledby": b ? g : void 0,
|
|
3027
3177
|
"aria-describedby": x ? _ : void 0,
|
|
3028
3178
|
tabIndex: -1,
|
|
3029
|
-
onKeyDown:
|
|
3179
|
+
onKeyDown: Jt,
|
|
3030
3180
|
children: [
|
|
3031
3181
|
(b || o) && /* @__PURE__ */ n("header", {
|
|
3032
|
-
className:
|
|
3182
|
+
className: Gt.header,
|
|
3033
3183
|
children: [b && /* @__PURE__ */ t("h2", {
|
|
3034
3184
|
id: g,
|
|
3035
|
-
className:
|
|
3185
|
+
className: Gt.title,
|
|
3036
3186
|
children: p
|
|
3037
3187
|
}), /* @__PURE__ */ t(D, {
|
|
3038
|
-
className:
|
|
3188
|
+
className: Gt.close,
|
|
3039
3189
|
variant: "empty",
|
|
3040
3190
|
size: "sm",
|
|
3041
3191
|
"aria-label": o,
|
|
3042
3192
|
onClick: () => y(a),
|
|
3043
|
-
children: /* @__PURE__ */ t(
|
|
3193
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3044
3194
|
name: "IconCross",
|
|
3045
3195
|
width: 24,
|
|
3046
3196
|
height: 24
|
|
@@ -3049,21 +3199,21 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3049
3199
|
}),
|
|
3050
3200
|
x && /* @__PURE__ */ t("p", {
|
|
3051
3201
|
id: _,
|
|
3052
|
-
className:
|
|
3202
|
+
className: Gt.description,
|
|
3053
3203
|
children: h
|
|
3054
3204
|
}),
|
|
3055
3205
|
/* @__PURE__ */ t("div", {
|
|
3056
|
-
className:
|
|
3206
|
+
className: Gt.content,
|
|
3057
3207
|
children: e
|
|
3058
3208
|
})
|
|
3059
3209
|
]
|
|
3060
3210
|
});
|
|
3061
|
-
},
|
|
3062
|
-
let n =
|
|
3211
|
+
}, Xt = ({ registry: e }) => {
|
|
3212
|
+
let n = Ut((e) => e.modals), r = Ut((e) => e.closeModal), i = Ut((e) => e.closeAllModals);
|
|
3063
3213
|
return u(() => {
|
|
3064
3214
|
let e = (e) => {
|
|
3065
3215
|
if (e.key !== "Escape") return;
|
|
3066
|
-
let t =
|
|
3216
|
+
let t = Ut.getState().modals.at(-1);
|
|
3067
3217
|
t?.closeOnEscape && r(t.id);
|
|
3068
3218
|
};
|
|
3069
3219
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
@@ -3076,18 +3226,18 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3076
3226
|
n,
|
|
3077
3227
|
e
|
|
3078
3228
|
]), !n.length || typeof document > "u" ? null : g(/* @__PURE__ */ t("div", {
|
|
3079
|
-
className:
|
|
3229
|
+
className: Gt.layer,
|
|
3080
3230
|
"aria-label": "Модальные окна",
|
|
3081
3231
|
children: n.map((a, o) => {
|
|
3082
3232
|
let s = e[a.name];
|
|
3083
3233
|
return s ? /* @__PURE__ */ t("div", {
|
|
3084
|
-
className:
|
|
3234
|
+
className: Gt.backdrop,
|
|
3085
3235
|
"aria-hidden": o !== n.length - 1 || void 0,
|
|
3086
3236
|
inert: o !== n.length - 1 || void 0,
|
|
3087
3237
|
onMouseDown: (e) => {
|
|
3088
3238
|
e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
|
|
3089
3239
|
},
|
|
3090
|
-
children: /* @__PURE__ */ t(
|
|
3240
|
+
children: /* @__PURE__ */ t(qt.Provider, {
|
|
3091
3241
|
value: {
|
|
3092
3242
|
title: a.title ?? a.payload.title,
|
|
3093
3243
|
description: a.description ?? a.payload.description
|
|
@@ -3102,31 +3252,31 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3102
3252
|
}, a.id) : null;
|
|
3103
3253
|
})
|
|
3104
3254
|
}), document.body);
|
|
3105
|
-
},
|
|
3106
|
-
let o =
|
|
3255
|
+
}, Zt = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
3256
|
+
let o = Ut((e) => e.modals.length);
|
|
3107
3257
|
return u(() => {
|
|
3108
3258
|
if (!a || o === 0) return;
|
|
3109
3259
|
let e = document.body.style.overflow;
|
|
3110
3260
|
return document.body.style.overflow = "hidden", () => {
|
|
3111
3261
|
document.body.style.overflow = e;
|
|
3112
3262
|
};
|
|
3113
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
3114
|
-
},
|
|
3263
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Xt, { registry: r })] });
|
|
3264
|
+
}, Qt = (e) => e, $t = {
|
|
3115
3265
|
message: "_message_c23ie_1",
|
|
3116
3266
|
actions: "_actions_c23ie_13"
|
|
3117
|
-
},
|
|
3267
|
+
}, en = /* @__PURE__ */ new Map(), tn = 0, nn = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
3118
3268
|
let u = (e) => {
|
|
3119
|
-
|
|
3269
|
+
en.get(l)?.(e), en.delete(l), r();
|
|
3120
3270
|
};
|
|
3121
|
-
return /* @__PURE__ */ n(
|
|
3271
|
+
return /* @__PURE__ */ n(Yt, {
|
|
3122
3272
|
modalId: e,
|
|
3123
3273
|
title: i,
|
|
3124
3274
|
role: "alertdialog",
|
|
3125
3275
|
children: [/* @__PURE__ */ t("p", {
|
|
3126
|
-
className:
|
|
3276
|
+
className: $t.message,
|
|
3127
3277
|
children: a
|
|
3128
3278
|
}), /* @__PURE__ */ n("div", {
|
|
3129
|
-
className:
|
|
3279
|
+
className: $t.actions,
|
|
3130
3280
|
children: [/* @__PURE__ */ t(D, {
|
|
3131
3281
|
variant: "outline",
|
|
3132
3282
|
onClick: () => u(!1),
|
|
@@ -3138,46 +3288,46 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3138
3288
|
})]
|
|
3139
3289
|
})]
|
|
3140
3290
|
});
|
|
3141
|
-
},
|
|
3291
|
+
}, rn = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Yt, {
|
|
3142
3292
|
modalId: e,
|
|
3143
3293
|
title: i,
|
|
3144
3294
|
role: "alertdialog",
|
|
3145
3295
|
children: [/* @__PURE__ */ t("p", {
|
|
3146
|
-
className:
|
|
3296
|
+
className: $t.message,
|
|
3147
3297
|
children: a
|
|
3148
3298
|
}), /* @__PURE__ */ t("div", {
|
|
3149
|
-
className:
|
|
3299
|
+
className: $t.actions,
|
|
3150
3300
|
children: /* @__PURE__ */ t(D, {
|
|
3151
3301
|
onClick: r,
|
|
3152
3302
|
children: o
|
|
3153
3303
|
})
|
|
3154
3304
|
})]
|
|
3155
|
-
}),
|
|
3156
|
-
ConfirmModal:
|
|
3157
|
-
ErrorModal:
|
|
3158
|
-
}),
|
|
3159
|
-
let e =
|
|
3305
|
+
}), an = Qt({
|
|
3306
|
+
ConfirmModal: nn,
|
|
3307
|
+
ErrorModal: rn
|
|
3308
|
+
}), on = () => {
|
|
3309
|
+
let e = Ut((e) => e.openModal);
|
|
3160
3310
|
return (t = {}) => new Promise((n) => {
|
|
3161
|
-
|
|
3162
|
-
let r = `confirm-${
|
|
3163
|
-
|
|
3311
|
+
tn += 1;
|
|
3312
|
+
let r = `confirm-${tn}`;
|
|
3313
|
+
en.set(r, n), e("ConfirmModal", {
|
|
3164
3314
|
...t,
|
|
3165
3315
|
requestId: r
|
|
3166
3316
|
}, {
|
|
3167
3317
|
closeOnEscape: !1,
|
|
3168
3318
|
onClose: () => {
|
|
3169
|
-
|
|
3319
|
+
en.get(r)?.(!1), en.delete(r);
|
|
3170
3320
|
}
|
|
3171
3321
|
});
|
|
3172
3322
|
});
|
|
3173
|
-
},
|
|
3174
|
-
let e =
|
|
3323
|
+
}, sn = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", cn = () => {
|
|
3324
|
+
let e = Ut((e) => e.openModal);
|
|
3175
3325
|
return { showError: (t, n) => e("ErrorModal", {
|
|
3176
3326
|
title: n,
|
|
3177
|
-
message:
|
|
3327
|
+
message: sn(t)
|
|
3178
3328
|
}) };
|
|
3179
|
-
},
|
|
3180
|
-
let e =
|
|
3329
|
+
}, ln = x(() => ({})), un = x(() => ({})), dn = () => {
|
|
3330
|
+
let e = Ut((e) => e.modals), t = Ut((e) => e.openModal), n = Ut((e) => e.closeModal), r = Ut((e) => e.closeTopModal), i = Ut((e) => e.closeAllModals), a = c((e, n = {}, r) => t(e, n, r), [t]), o = c((t) => e.some((e) => e.name === t), [e]);
|
|
3181
3331
|
return p(() => ({
|
|
3182
3332
|
openModal: a,
|
|
3183
3333
|
closeModal: n,
|
|
@@ -3193,7 +3343,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3193
3343
|
e.length,
|
|
3194
3344
|
a
|
|
3195
3345
|
]);
|
|
3196
|
-
},
|
|
3346
|
+
}, fn = {
|
|
3197
3347
|
wrapper: "_wrapper_1hyyy_1",
|
|
3198
3348
|
container: "_container_1hyyy_15",
|
|
3199
3349
|
inner: "_inner_1hyyy_35",
|
|
@@ -3208,29 +3358,29 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3208
3358
|
empty: "_empty_1hyyy_153",
|
|
3209
3359
|
destructive: "_destructive_1hyyy_161",
|
|
3210
3360
|
destructiveOutline: "_destructiveOutline_1hyyy_169"
|
|
3211
|
-
},
|
|
3212
|
-
className:
|
|
3361
|
+
}, pn = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
3362
|
+
className: fn.wrapper,
|
|
3213
3363
|
children: /* @__PURE__ */ t("div", {
|
|
3214
|
-
className:
|
|
3364
|
+
className: fn.container,
|
|
3215
3365
|
children: /* @__PURE__ */ n("div", {
|
|
3216
|
-
className:
|
|
3366
|
+
className: fn.inner,
|
|
3217
3367
|
children: [
|
|
3218
3368
|
/* @__PURE__ */ t("div", {
|
|
3219
|
-
className:
|
|
3220
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3369
|
+
className: fn.cube,
|
|
3370
|
+
children: /* @__PURE__ */ t("div", { className: `${fn.cube__inner} ${fn[e]}` })
|
|
3221
3371
|
}),
|
|
3222
3372
|
/* @__PURE__ */ t("div", {
|
|
3223
|
-
className:
|
|
3224
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3373
|
+
className: fn.cube,
|
|
3374
|
+
children: /* @__PURE__ */ t("div", { className: `${fn.cube__inner} ${fn[e]}` })
|
|
3225
3375
|
}),
|
|
3226
3376
|
/* @__PURE__ */ t("div", {
|
|
3227
|
-
className:
|
|
3228
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3377
|
+
className: fn.cube,
|
|
3378
|
+
children: /* @__PURE__ */ t("div", { className: `${fn.cube__inner} ${fn[e]}` })
|
|
3229
3379
|
})
|
|
3230
3380
|
]
|
|
3231
3381
|
})
|
|
3232
3382
|
})
|
|
3233
|
-
}),
|
|
3383
|
+
}), mn = {
|
|
3234
3384
|
viewport: "_viewport_11soa_1",
|
|
3235
3385
|
"top-right": "_top-right_11soa_21",
|
|
3236
3386
|
"top-left": "_top-left_11soa_31",
|
|
@@ -3242,12 +3392,12 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3242
3392
|
success: "_success_11soa_123",
|
|
3243
3393
|
warning: "_warning_11soa_131",
|
|
3244
3394
|
error: "_error_11soa_139"
|
|
3245
|
-
},
|
|
3395
|
+
}, hn = {
|
|
3246
3396
|
info: "IconInfoCircle",
|
|
3247
3397
|
success: "IconSuccessCircle",
|
|
3248
3398
|
warning: "IconWarning",
|
|
3249
3399
|
error: "IconWarning"
|
|
3250
|
-
},
|
|
3400
|
+
}, gn = ({ toast: e, onClose: r }) => {
|
|
3251
3401
|
let [i, a] = h(!1), o = m(e.duration), s = m(Date.now());
|
|
3252
3402
|
return u(() => {
|
|
3253
3403
|
if (i || e.duration <= 0) return;
|
|
@@ -3262,7 +3412,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3262
3412
|
e.duration,
|
|
3263
3413
|
e.id
|
|
3264
3414
|
]), /* @__PURE__ */ n("article", {
|
|
3265
|
-
className: `${
|
|
3415
|
+
className: `${mn.toast} ${mn[e.variant]}`,
|
|
3266
3416
|
role: e.variant === "error" ? "alert" : "status",
|
|
3267
3417
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
3268
3418
|
onMouseEnter: () => a(!0),
|
|
@@ -3270,14 +3420,14 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3270
3420
|
onFocus: () => a(!0),
|
|
3271
3421
|
onBlur: () => a(!1),
|
|
3272
3422
|
children: [
|
|
3273
|
-
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
3274
|
-
name:
|
|
3423
|
+
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(Y, {
|
|
3424
|
+
name: hn[e.variant],
|
|
3275
3425
|
color: "var(--ds-toast-accent)",
|
|
3276
3426
|
width: 24,
|
|
3277
3427
|
height: 24
|
|
3278
3428
|
}) }),
|
|
3279
3429
|
/* @__PURE__ */ n("div", {
|
|
3280
|
-
className:
|
|
3430
|
+
className: mn.body,
|
|
3281
3431
|
children: [
|
|
3282
3432
|
e.title && /* @__PURE__ */ t("strong", { children: e.title }),
|
|
3283
3433
|
/* @__PURE__ */ t("div", { children: e.message }),
|
|
@@ -3296,7 +3446,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3296
3446
|
size: "sm",
|
|
3297
3447
|
"aria-label": "Закрыть уведомление",
|
|
3298
3448
|
onClick: () => r(e.id),
|
|
3299
|
-
children: /* @__PURE__ */ t(
|
|
3449
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3300
3450
|
name: "IconCross",
|
|
3301
3451
|
width: 24,
|
|
3302
3452
|
height: 24
|
|
@@ -3304,11 +3454,11 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3304
3454
|
})
|
|
3305
3455
|
]
|
|
3306
3456
|
});
|
|
3307
|
-
},
|
|
3457
|
+
}, _n = 0, vn = x((e) => ({
|
|
3308
3458
|
toasts: [],
|
|
3309
3459
|
showToast: (t) => {
|
|
3310
|
-
|
|
3311
|
-
let n = `ds-toast-${
|
|
3460
|
+
_n += 1;
|
|
3461
|
+
let n = `ds-toast-${_n}`;
|
|
3312
3462
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
3313
3463
|
variant: "info",
|
|
3314
3464
|
duration: 5e3,
|
|
@@ -3319,18 +3469,18 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3319
3469
|
},
|
|
3320
3470
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
3321
3471
|
clearToasts: () => e({ toasts: [] })
|
|
3322
|
-
})),
|
|
3323
|
-
let n =
|
|
3472
|
+
})), yn = () => vn.setState({ toasts: [] }), bn = ({ position: e = "top-right" }) => {
|
|
3473
|
+
let n = vn((e) => e.toasts), r = vn((e) => e.removeToast);
|
|
3324
3474
|
return /* @__PURE__ */ t("div", {
|
|
3325
|
-
className: `${
|
|
3475
|
+
className: `${mn.viewport} ${mn[e]}`,
|
|
3326
3476
|
"aria-label": "Уведомления",
|
|
3327
|
-
children: n.map((e) => /* @__PURE__ */ t(
|
|
3477
|
+
children: n.map((e) => /* @__PURE__ */ t(gn, {
|
|
3328
3478
|
toast: e,
|
|
3329
3479
|
onClose: r
|
|
3330
3480
|
}, e.id))
|
|
3331
3481
|
});
|
|
3332
|
-
},
|
|
3333
|
-
let e =
|
|
3482
|
+
}, xn = () => {
|
|
3483
|
+
let e = vn((e) => e.showToast), t = vn((e) => e.removeToast), n = vn((e) => e.clearToasts), r = c((t) => e({
|
|
3334
3484
|
...t,
|
|
3335
3485
|
variant: "info"
|
|
3336
3486
|
}), [e]), i = c((t) => e({
|
|
@@ -3360,7 +3510,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3360
3510
|
i,
|
|
3361
3511
|
a
|
|
3362
3512
|
]);
|
|
3363
|
-
},
|
|
3513
|
+
}, Sn = {
|
|
3364
3514
|
root: "_root_8dm5q_1",
|
|
3365
3515
|
tooltip: "_tooltip_8dm5q_11",
|
|
3366
3516
|
"ds-tooltip-in": "_ds-tooltip-in_8dm5q_1",
|
|
@@ -3368,7 +3518,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3368
3518
|
bottom: "_bottom_8dm5q_55",
|
|
3369
3519
|
left: "_left_8dm5q_67",
|
|
3370
3520
|
right: "_right_8dm5q_79"
|
|
3371
|
-
},
|
|
3521
|
+
}, Cn = ({ content: e, children: i, placement: a = "top", delay: o = 450, disabled: c = !1, maxWidth: l = 280, className: f = "" }) => {
|
|
3372
3522
|
let p = d(), [g, _] = h(!1), v = m(null), y = () => {
|
|
3373
3523
|
c || !e || (v.current = setTimeout(() => _(!0), o));
|
|
3374
3524
|
}, b = () => {
|
|
@@ -3390,23 +3540,23 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3390
3540
|
onBlur: b
|
|
3391
3541
|
});
|
|
3392
3542
|
return /* @__PURE__ */ n("span", {
|
|
3393
|
-
className: `${
|
|
3543
|
+
className: `${Sn.root} ${f}`,
|
|
3394
3544
|
onPointerDown: g ? b : y,
|
|
3395
3545
|
children: [x, g && /* @__PURE__ */ t("span", {
|
|
3396
3546
|
id: p,
|
|
3397
3547
|
role: "tooltip",
|
|
3398
|
-
className: `${
|
|
3548
|
+
className: `${Sn.tooltip} ${Sn[a]}`,
|
|
3399
3549
|
style: { maxWidth: l },
|
|
3400
3550
|
children: e
|
|
3401
3551
|
})]
|
|
3402
3552
|
});
|
|
3403
|
-
},
|
|
3553
|
+
}, wn = {
|
|
3404
3554
|
root: "_root_tuzrc_1",
|
|
3405
3555
|
tabList: "_tabList_tuzrc_11",
|
|
3406
3556
|
tab: "_tab_tuzrc_11",
|
|
3407
3557
|
panels: "_panels_tuzrc_129",
|
|
3408
3558
|
panel: "_panel_tuzrc_129"
|
|
3409
|
-
},
|
|
3559
|
+
}, Tn = ({ items: e, value: r, onChange: i, ariaLabel: a = "Вкладки", disabled: o = !1, loading: s = !1, className: c = "" }) => {
|
|
3410
3560
|
let l = `ds-tabs-${d().replace(/:/g, "")}`, u = m([]), f = o || s, p = e.findIndex((e) => e.id === r), h = e.findIndex((e) => !e.disabled), g = p >= 0 && !e[p]?.disabled ? p : h, _ = (t) => {
|
|
3411
3561
|
let n = e[t];
|
|
3412
3562
|
!n || n.disabled || f || (i(n.id), u.current[t]?.focus(), u.current[t]?.scrollIntoView({
|
|
@@ -3436,10 +3586,10 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3436
3586
|
t.preventDefault(), _(a);
|
|
3437
3587
|
};
|
|
3438
3588
|
return /* @__PURE__ */ n("div", {
|
|
3439
|
-
className: `${
|
|
3589
|
+
className: `${wn.root} ${c}`,
|
|
3440
3590
|
"aria-busy": s || void 0,
|
|
3441
3591
|
children: [/* @__PURE__ */ t("div", {
|
|
3442
|
-
className:
|
|
3592
|
+
className: wn.tabList,
|
|
3443
3593
|
role: "tablist",
|
|
3444
3594
|
"aria-label": a,
|
|
3445
3595
|
"aria-orientation": "horizontal",
|
|
@@ -3451,7 +3601,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3451
3601
|
u.current[n] = e;
|
|
3452
3602
|
},
|
|
3453
3603
|
id: a,
|
|
3454
|
-
className:
|
|
3604
|
+
className: wn.tab,
|
|
3455
3605
|
type: "button",
|
|
3456
3606
|
role: "tab",
|
|
3457
3607
|
"aria-selected": i,
|
|
@@ -3464,12 +3614,12 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3464
3614
|
}, e.id);
|
|
3465
3615
|
})
|
|
3466
3616
|
}), /* @__PURE__ */ t("div", {
|
|
3467
|
-
className:
|
|
3617
|
+
className: wn.panels,
|
|
3468
3618
|
children: e.map((e, n) => {
|
|
3469
3619
|
let i = e.id === r;
|
|
3470
3620
|
return /* @__PURE__ */ t("div", {
|
|
3471
3621
|
id: `${l}-panel-${n}`,
|
|
3472
|
-
className:
|
|
3622
|
+
className: wn.panel,
|
|
3473
3623
|
role: "tabpanel",
|
|
3474
3624
|
"aria-labelledby": `${l}-tab-${n}`,
|
|
3475
3625
|
tabIndex: 0,
|
|
@@ -3479,7 +3629,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3479
3629
|
})
|
|
3480
3630
|
})]
|
|
3481
3631
|
});
|
|
3482
|
-
},
|
|
3632
|
+
}, En = (e) => {
|
|
3483
3633
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
3484
3634
|
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")}`;
|
|
3485
3635
|
return n ? `${n}:${a}` : a;
|
|
@@ -3512,24 +3662,24 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3512
3662
|
settingsActionLabel: "_settingsActionLabel_14cqp_693",
|
|
3513
3663
|
caption: "_caption_14cqp_705",
|
|
3514
3664
|
fullscreen: "_fullscreen_14cqp_719"
|
|
3515
|
-
},
|
|
3665
|
+
}, Dn = 2500, On = 5, kn = .05, An = [
|
|
3516
3666
|
.5,
|
|
3517
3667
|
.75,
|
|
3518
3668
|
1,
|
|
3519
3669
|
1.25,
|
|
3520
3670
|
1.5,
|
|
3521
3671
|
2
|
|
3522
|
-
],
|
|
3523
|
-
let y = m(null), b = m(null), x = m(null), S = m(void 0), [C, w] = h(!1), [E, O] = h(r.length > 0), [ee, k] = h(!1), [A, j] = h(!1), [M, N] = h(!1), [P, F] = h(0), [I, L] = h(0), [R, z] = h(0), [B, te] = h(1), [V, H] = h(!!v.muted), [U,
|
|
3672
|
+
], jn = ({ sources: r, tracks: i = [], title: a, aspectRatio: o = "16 / 9", objectFit: s = "contain", loading: l = !1, error: d, fallback: f, className: p = "", controls: g = !0, playsInline: _ = !0, ...v }) => {
|
|
3673
|
+
let y = m(null), b = m(null), x = m(null), S = m(void 0), [C, w] = h(!1), [E, O] = h(r.length > 0), [ee, k] = h(!1), [A, j] = h(!1), [M, N] = h(!1), [P, F] = h(0), [I, L] = h(0), [R, z] = h(0), [B, te] = h(1), [V, H] = h(!!v.muted), [U, ne] = h(1), [re, W] = h(!!v.loop), [G, ie] = h(-1), [ae, oe] = h(!1), [se, K] = h(!0), [ce, le] = h(!1), [ue, q] = h(!1), de = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), fe = i.map((e, t) => ({
|
|
3524
3674
|
track: e,
|
|
3525
3675
|
index: t
|
|
3526
|
-
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"),
|
|
3527
|
-
K(!0), window.clearTimeout(S.current), A && !ae && (S.current = window.setTimeout(() => K(!1),
|
|
3676
|
+
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), J = d ?? (C ? "Не удалось воспроизвести видео" : void 0), pe = l || E && !J && r.length > 0, me = !pe && !J && r.length === 0, he = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, X = c(() => {
|
|
3677
|
+
K(!0), window.clearTimeout(S.current), A && !ae && (S.current = window.setTimeout(() => K(!1), Dn));
|
|
3528
3678
|
}, [A, ae]);
|
|
3529
3679
|
u(() => {
|
|
3530
3680
|
w(!1), O(r.length > 0), k(!1), j(!1), N(!1), F(0), L(0), z(0);
|
|
3531
|
-
}, [
|
|
3532
|
-
let e = () => le(document.fullscreenElement === b.current), t = () =>
|
|
3681
|
+
}, [de, r.length]), u(() => (X(), () => window.clearTimeout(S.current)), [X]), u(() => {
|
|
3682
|
+
let e = () => le(document.fullscreenElement === b.current), t = () => q(document.pictureInPictureElement === x.current);
|
|
3533
3683
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
3534
3684
|
document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
|
|
3535
3685
|
};
|
|
@@ -3540,9 +3690,9 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3540
3690
|
};
|
|
3541
3691
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
3542
3692
|
}, [ae]);
|
|
3543
|
-
let
|
|
3693
|
+
let ge = async () => {
|
|
3544
3694
|
let e = x.current;
|
|
3545
|
-
if (!(!e ||
|
|
3695
|
+
if (!(!e || J || pe)) {
|
|
3546
3696
|
if (e.paused || e.ended) {
|
|
3547
3697
|
e.ended && (e.currentTime = 0);
|
|
3548
3698
|
try {
|
|
@@ -3552,58 +3702,58 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3552
3702
|
}
|
|
3553
3703
|
} else e.pause();
|
|
3554
3704
|
}
|
|
3555
|
-
},
|
|
3705
|
+
}, _e = () => {
|
|
3556
3706
|
let e = x.current;
|
|
3557
3707
|
e && (e.muted = !e.muted);
|
|
3558
|
-
},
|
|
3708
|
+
}, ve = (e) => {
|
|
3559
3709
|
let t = x.current;
|
|
3560
3710
|
t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
|
|
3561
|
-
},
|
|
3711
|
+
}, ye = (e) => {
|
|
3562
3712
|
let t = x.current;
|
|
3563
3713
|
!t || !I || (t.currentTime = Math.min(I, Math.max(0, e)), F(t.currentTime));
|
|
3564
|
-
},
|
|
3714
|
+
}, be = async () => {
|
|
3565
3715
|
if (b.current) try {
|
|
3566
3716
|
document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
|
|
3567
3717
|
} catch {
|
|
3568
3718
|
le(!1);
|
|
3569
3719
|
}
|
|
3570
|
-
},
|
|
3720
|
+
}, xe = async () => {
|
|
3571
3721
|
let e = x.current;
|
|
3572
|
-
if (!(!e || !
|
|
3722
|
+
if (!(!e || !he)) try {
|
|
3573
3723
|
document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
|
|
3574
3724
|
} catch {
|
|
3575
|
-
|
|
3725
|
+
q(!1);
|
|
3576
3726
|
}
|
|
3577
|
-
},
|
|
3727
|
+
}, Se = (e) => {
|
|
3578
3728
|
let t = x.current;
|
|
3579
3729
|
t && (Array.from(t.textTracks).forEach((t, n) => {
|
|
3580
3730
|
t.mode = n === e ? "showing" : "disabled";
|
|
3581
3731
|
}), ie(e));
|
|
3582
|
-
},
|
|
3732
|
+
}, Ce = (e) => {
|
|
3583
3733
|
let t = e.target;
|
|
3584
3734
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
3585
3735
|
let n = e.key.toLowerCase();
|
|
3586
|
-
n === " " || n === "k" ? (e.preventDefault(),
|
|
3587
|
-
},
|
|
3736
|
+
n === " " || n === "k" ? (e.preventDefault(), ge()) : n === "m" ? (e.preventDefault(), _e()) : n === "f" ? (e.preventDefault(), be()) : n === "c" && fe.length ? (e.preventDefault(), Se(G === -1 ? fe[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), ye(P + (e.key === "ArrowRight" ? On : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), ve(B + (e.key === "ArrowUp" ? kn : -.05))) : e.key === "Escape" && oe(!1), X();
|
|
3737
|
+
}, we = () => {
|
|
3588
3738
|
let e = x.current;
|
|
3589
3739
|
w(!1), O(!0), e?.load();
|
|
3590
|
-
},
|
|
3740
|
+
}, Te = {
|
|
3591
3741
|
"--video-progress": `${I ? P / I * 100 : 0}%`,
|
|
3592
3742
|
"--video-buffered": `${R * 100}%`
|
|
3593
3743
|
};
|
|
3594
3744
|
return /* @__PURE__ */ n("figure", {
|
|
3595
3745
|
ref: y,
|
|
3596
3746
|
className: `${$.root} ${p}`,
|
|
3597
|
-
onKeyDown:
|
|
3747
|
+
onKeyDown: Ce,
|
|
3598
3748
|
children: [/* @__PURE__ */ n("div", {
|
|
3599
3749
|
ref: b,
|
|
3600
3750
|
className: `${$.frame} ${ce ? $.fullscreen : ""}`,
|
|
3601
3751
|
style: { aspectRatio: o },
|
|
3602
|
-
"aria-busy":
|
|
3752
|
+
"aria-busy": pe || void 0,
|
|
3603
3753
|
tabIndex: g && r.length ? 0 : void 0,
|
|
3604
|
-
onPointerMove:
|
|
3605
|
-
onPointerDown:
|
|
3606
|
-
onFocusCapture:
|
|
3754
|
+
onPointerMove: X,
|
|
3755
|
+
onPointerDown: X,
|
|
3756
|
+
onFocusCapture: X,
|
|
3607
3757
|
onMouseLeave: () => {
|
|
3608
3758
|
A && !ae && K(!1);
|
|
3609
3759
|
},
|
|
@@ -3614,22 +3764,22 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3614
3764
|
"aria-label": a,
|
|
3615
3765
|
controls: !1,
|
|
3616
3766
|
playsInline: _,
|
|
3617
|
-
loop:
|
|
3767
|
+
loop: re,
|
|
3618
3768
|
className: $.video,
|
|
3619
3769
|
style: { objectFit: s },
|
|
3620
3770
|
onClick: (e) => {
|
|
3621
|
-
v.onClick?.(e),
|
|
3771
|
+
v.onClick?.(e), ge();
|
|
3622
3772
|
},
|
|
3623
3773
|
onDoubleClick: (e) => {
|
|
3624
|
-
v.onDoubleClick?.(e),
|
|
3774
|
+
v.onDoubleClick?.(e), be();
|
|
3625
3775
|
},
|
|
3626
3776
|
onLoadStart: (e) => {
|
|
3627
3777
|
O(!0), v.onLoadStart?.(e);
|
|
3628
3778
|
},
|
|
3629
3779
|
onLoadedMetadata: (e) => {
|
|
3630
3780
|
L(e.currentTarget.duration || 0);
|
|
3631
|
-
let t =
|
|
3632
|
-
|
|
3781
|
+
let t = fe.find(({ track: e }) => e.default);
|
|
3782
|
+
Se(t?.index ?? -1), v.onLoadedMetadata?.(e);
|
|
3633
3783
|
},
|
|
3634
3784
|
onDurationChange: (e) => {
|
|
3635
3785
|
L(e.currentTarget.duration || 0), v.onDurationChange?.(e);
|
|
@@ -3666,14 +3816,14 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3666
3816
|
te(e.currentTarget.volume), H(e.currentTarget.muted), v.onVolumeChange?.(e);
|
|
3667
3817
|
},
|
|
3668
3818
|
onRateChange: (e) => {
|
|
3669
|
-
|
|
3819
|
+
ne(e.currentTarget.playbackRate), v.onRateChange?.(e);
|
|
3670
3820
|
},
|
|
3671
3821
|
onError: (e) => {
|
|
3672
3822
|
O(!1), k(!1), w(!0), v.onError?.(e);
|
|
3673
3823
|
},
|
|
3674
3824
|
children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
3675
3825
|
}),
|
|
3676
|
-
|
|
3826
|
+
pe && /* @__PURE__ */ n("div", {
|
|
3677
3827
|
className: $.overlay,
|
|
3678
3828
|
role: "status",
|
|
3679
3829
|
"aria-live": "polite",
|
|
@@ -3682,21 +3832,21 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3682
3832
|
"aria-hidden": "true",
|
|
3683
3833
|
children: /* @__PURE__ */ t("div", {
|
|
3684
3834
|
className: $.loaderScale,
|
|
3685
|
-
children: /* @__PURE__ */ t(
|
|
3835
|
+
children: /* @__PURE__ */ t(pn, {})
|
|
3686
3836
|
})
|
|
3687
3837
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
3688
3838
|
}),
|
|
3689
|
-
!
|
|
3839
|
+
!pe && ee && !J && /* @__PURE__ */ t("div", {
|
|
3690
3840
|
className: $.buffering,
|
|
3691
3841
|
role: "status",
|
|
3692
3842
|
"aria-label": "Буферизация видео",
|
|
3693
3843
|
children: /* @__PURE__ */ t(T, { variant: "primary" })
|
|
3694
3844
|
}),
|
|
3695
|
-
|
|
3845
|
+
me && /* @__PURE__ */ n("div", {
|
|
3696
3846
|
className: `${$.state} ${$.empty}`,
|
|
3697
3847
|
role: "status",
|
|
3698
3848
|
children: [
|
|
3699
|
-
/* @__PURE__ */ t(
|
|
3849
|
+
/* @__PURE__ */ t(Y, {
|
|
3700
3850
|
name: "IconInfoCircle",
|
|
3701
3851
|
className: $.stateIcon,
|
|
3702
3852
|
width: 40,
|
|
@@ -3706,37 +3856,37 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3706
3856
|
f ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
|
|
3707
3857
|
]
|
|
3708
3858
|
}),
|
|
3709
|
-
!
|
|
3859
|
+
!pe && J && /* @__PURE__ */ n("div", {
|
|
3710
3860
|
className: `${$.state} ${$.error}`,
|
|
3711
3861
|
role: "alert",
|
|
3712
3862
|
children: [
|
|
3713
|
-
/* @__PURE__ */ t(
|
|
3863
|
+
/* @__PURE__ */ t(Y, {
|
|
3714
3864
|
name: "IconWarning",
|
|
3715
3865
|
className: $.stateIcon,
|
|
3716
3866
|
width: 40,
|
|
3717
3867
|
height: 40
|
|
3718
3868
|
}),
|
|
3719
|
-
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children:
|
|
3869
|
+
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: J })] }),
|
|
3720
3870
|
r.length > 0 && /* @__PURE__ */ t(D, {
|
|
3721
3871
|
size: "sm",
|
|
3722
3872
|
variant: "secondary",
|
|
3723
|
-
onClick:
|
|
3873
|
+
onClick: we,
|
|
3724
3874
|
children: "Повторить"
|
|
3725
3875
|
})
|
|
3726
3876
|
]
|
|
3727
3877
|
}),
|
|
3728
|
-
!
|
|
3878
|
+
!pe && !J && M && /* @__PURE__ */ t("button", {
|
|
3729
3879
|
type: "button",
|
|
3730
3880
|
className: $.replay,
|
|
3731
3881
|
"aria-label": "Воспроизвести заново",
|
|
3732
|
-
onClick: () => void
|
|
3733
|
-
children: /* @__PURE__ */ t(
|
|
3882
|
+
onClick: () => void ge(),
|
|
3883
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3734
3884
|
name: "IconReplay",
|
|
3735
3885
|
width: 28,
|
|
3736
3886
|
height: 28
|
|
3737
3887
|
})
|
|
3738
3888
|
}),
|
|
3739
|
-
g && r.length > 0 && !
|
|
3889
|
+
g && r.length > 0 && !pe && !J && /* @__PURE__ */ n("div", {
|
|
3740
3890
|
className: `${$.controlsLayer} ${se || !A ? $.controlsVisible : ""}`,
|
|
3741
3891
|
onClick: (e) => e.stopPropagation(),
|
|
3742
3892
|
children: [ae && /* @__PURE__ */ n("div", {
|
|
@@ -3750,18 +3900,18 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3750
3900
|
let t = Number(e.target.value);
|
|
3751
3901
|
x.current && (x.current.playbackRate = t);
|
|
3752
3902
|
},
|
|
3753
|
-
children:
|
|
3903
|
+
children: An.map((e) => /* @__PURE__ */ n("option", {
|
|
3754
3904
|
value: e,
|
|
3755
3905
|
children: [e, "×"]
|
|
3756
3906
|
}, e))
|
|
3757
3907
|
})] }),
|
|
3758
|
-
|
|
3759
|
-
value:
|
|
3760
|
-
onChange: (e) =>
|
|
3908
|
+
fe.length > 0 && /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Субтитры" }), /* @__PURE__ */ n("select", {
|
|
3909
|
+
value: G,
|
|
3910
|
+
onChange: (e) => Se(Number(e.target.value)),
|
|
3761
3911
|
children: [/* @__PURE__ */ t("option", {
|
|
3762
3912
|
value: -1,
|
|
3763
3913
|
children: "Выключены"
|
|
3764
|
-
}),
|
|
3914
|
+
}), fe.map(({ track: e, index: n }) => /* @__PURE__ */ t("option", {
|
|
3765
3915
|
value: n,
|
|
3766
3916
|
children: e.label
|
|
3767
3917
|
}, `${e.srcLang}-${e.label}`))]
|
|
@@ -3769,18 +3919,18 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3769
3919
|
/* @__PURE__ */ n("button", {
|
|
3770
3920
|
type: "button",
|
|
3771
3921
|
className: $.settingsAction,
|
|
3772
|
-
"aria-pressed":
|
|
3773
|
-
onClick: () =>
|
|
3774
|
-
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children:
|
|
3922
|
+
"aria-pressed": re,
|
|
3923
|
+
onClick: () => W((e) => !e),
|
|
3924
|
+
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: re ? "Вкл." : "Выкл." })]
|
|
3775
3925
|
}),
|
|
3776
|
-
|
|
3926
|
+
he && /* @__PURE__ */ t("button", {
|
|
3777
3927
|
type: "button",
|
|
3778
3928
|
className: $.settingsAction,
|
|
3779
3929
|
"aria-pressed": ue,
|
|
3780
|
-
onClick: () => void
|
|
3930
|
+
onClick: () => void xe(),
|
|
3781
3931
|
children: /* @__PURE__ */ n("span", {
|
|
3782
3932
|
className: $.settingsActionLabel,
|
|
3783
|
-
children: [/* @__PURE__ */ t(
|
|
3933
|
+
children: [/* @__PURE__ */ t(Y, {
|
|
3784
3934
|
name: "IconPictureInPicture",
|
|
3785
3935
|
width: 18,
|
|
3786
3936
|
height: 18
|
|
@@ -3798,8 +3948,8 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3798
3948
|
className: `${$.controlButton} ${$.playButton}`,
|
|
3799
3949
|
"aria-label": A ? "Пауза" : "Воспроизвести",
|
|
3800
3950
|
title: A ? "Пауза (K)" : "Воспроизвести (K)",
|
|
3801
|
-
onClick: () => void
|
|
3802
|
-
children: /* @__PURE__ */ t(
|
|
3951
|
+
onClick: () => void ge(),
|
|
3952
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3803
3953
|
name: A ? "IconPause" : "IconPlay",
|
|
3804
3954
|
width: 24,
|
|
3805
3955
|
height: 24
|
|
@@ -3814,8 +3964,8 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3814
3964
|
"aria-label": V ? "Включить звук" : "Выключить звук",
|
|
3815
3965
|
"aria-pressed": V,
|
|
3816
3966
|
title: "Звук (M)",
|
|
3817
|
-
onClick:
|
|
3818
|
-
children: /* @__PURE__ */ t(
|
|
3967
|
+
onClick: _e,
|
|
3968
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3819
3969
|
name: V || B === 0 ? "IconVolumeMuted" : "IconVolume",
|
|
3820
3970
|
width: 22,
|
|
3821
3971
|
height: 22
|
|
@@ -3829,7 +3979,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3829
3979
|
value: V ? 0 : B,
|
|
3830
3980
|
"aria-label": "Громкость",
|
|
3831
3981
|
"aria-valuetext": `${Math.round((V ? 0 : B) * 100)}%`,
|
|
3832
|
-
onChange: (e) =>
|
|
3982
|
+
onChange: (e) => ve(Number(e.target.value))
|
|
3833
3983
|
})]
|
|
3834
3984
|
}),
|
|
3835
3985
|
/* @__PURE__ */ n("div", {
|
|
@@ -3837,23 +3987,23 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3837
3987
|
children: [
|
|
3838
3988
|
/* @__PURE__ */ t("span", {
|
|
3839
3989
|
className: $.time,
|
|
3840
|
-
children:
|
|
3990
|
+
children: En(P)
|
|
3841
3991
|
}),
|
|
3842
3992
|
/* @__PURE__ */ t("input", {
|
|
3843
3993
|
className: $.timeline,
|
|
3844
|
-
style:
|
|
3994
|
+
style: Te,
|
|
3845
3995
|
type: "range",
|
|
3846
3996
|
min: 0,
|
|
3847
3997
|
max: I || 0,
|
|
3848
3998
|
step: .01,
|
|
3849
3999
|
value: Math.min(P, I || 0),
|
|
3850
4000
|
"aria-label": "Позиция воспроизведения",
|
|
3851
|
-
"aria-valuetext": `${
|
|
3852
|
-
onChange: (e) =>
|
|
4001
|
+
"aria-valuetext": `${En(P)} из ${En(I)}`,
|
|
4002
|
+
onChange: (e) => ye(Number(e.target.value))
|
|
3853
4003
|
}),
|
|
3854
4004
|
/* @__PURE__ */ t("span", {
|
|
3855
4005
|
className: $.time,
|
|
3856
|
-
children:
|
|
4006
|
+
children: En(I)
|
|
3857
4007
|
})
|
|
3858
4008
|
]
|
|
3859
4009
|
}),
|
|
@@ -3866,7 +4016,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3866
4016
|
"aria-expanded": ae,
|
|
3867
4017
|
title: "Настройки",
|
|
3868
4018
|
onClick: () => oe((e) => !e),
|
|
3869
|
-
children: /* @__PURE__ */ t(
|
|
4019
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3870
4020
|
name: "IconSettings",
|
|
3871
4021
|
width: 22,
|
|
3872
4022
|
height: 22
|
|
@@ -3876,8 +4026,8 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3876
4026
|
className: $.controlButton,
|
|
3877
4027
|
"aria-label": ce ? "Выйти из полноэкранного режима" : "Полноэкранный режим",
|
|
3878
4028
|
title: "Полноэкранный режим (F)",
|
|
3879
|
-
onClick: () => void
|
|
3880
|
-
children: /* @__PURE__ */ t(
|
|
4029
|
+
onClick: () => void be(),
|
|
4030
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3881
4031
|
name: ce ? "IconFullscreenExit" : "IconFullscreen",
|
|
3882
4032
|
width: 22,
|
|
3883
4033
|
height: 22
|
|
@@ -3893,7 +4043,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3893
4043
|
children: a
|
|
3894
4044
|
})]
|
|
3895
4045
|
});
|
|
3896
|
-
},
|
|
4046
|
+
}, Mn = {
|
|
3897
4047
|
root: "_root_ymidq_1",
|
|
3898
4048
|
trigger: "_trigger_ymidq_15",
|
|
3899
4049
|
heading: "_heading_ymidq_41",
|
|
@@ -3903,7 +4053,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3903
4053
|
open: "_open_ymidq_91",
|
|
3904
4054
|
content: "_content_ymidq_99",
|
|
3905
4055
|
contentInner: "_contentInner_ymidq_119"
|
|
3906
|
-
},
|
|
4056
|
+
}, Nn = (e, t, n, r = 16) => {
|
|
3907
4057
|
if (t > Math.max(0, n - r * 2)) {
|
|
3908
4058
|
let t = e - r;
|
|
3909
4059
|
return Math.abs(t) <= 1 ? {
|
|
@@ -3925,7 +4075,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3925
4075
|
alignment: "none",
|
|
3926
4076
|
delta: 0
|
|
3927
4077
|
};
|
|
3928
|
-
},
|
|
4078
|
+
}, Pn = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: f = "" }) => {
|
|
3929
4079
|
let p = d(), [g, _] = h(a), v = o ?? g, y = m(null), b = m(null), x = m(v);
|
|
3930
4080
|
return u(() => {
|
|
3931
4081
|
let e = x.current;
|
|
@@ -3935,7 +4085,7 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3935
4085
|
let r = !1, i = () => {
|
|
3936
4086
|
if (r) return;
|
|
3937
4087
|
r = !0;
|
|
3938
|
-
let e = t.getBoundingClientRect(), n =
|
|
4088
|
+
let e = t.getBoundingClientRect(), n = Nn(e.top, e.height, window.innerHeight, l);
|
|
3939
4089
|
if (n.alignment === "none") return;
|
|
3940
4090
|
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
3941
4091
|
window.scrollBy({
|
|
@@ -3956,10 +4106,10 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3956
4106
|
l
|
|
3957
4107
|
]), /* @__PURE__ */ n("section", {
|
|
3958
4108
|
ref: y,
|
|
3959
|
-
className: `${
|
|
4109
|
+
className: `${Mn.root} ${v ? Mn.open : ""} ${f}`,
|
|
3960
4110
|
children: [/* @__PURE__ */ n("button", {
|
|
3961
4111
|
type: "button",
|
|
3962
|
-
className:
|
|
4112
|
+
className: Mn.trigger,
|
|
3963
4113
|
"aria-expanded": v,
|
|
3964
4114
|
"aria-controls": p,
|
|
3965
4115
|
onClick: () => {
|
|
@@ -3967,18 +4117,18 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3967
4117
|
o === void 0 && _(e), s?.(e);
|
|
3968
4118
|
},
|
|
3969
4119
|
children: [/* @__PURE__ */ n("span", {
|
|
3970
|
-
className:
|
|
4120
|
+
className: Mn.heading,
|
|
3971
4121
|
children: [/* @__PURE__ */ t("span", {
|
|
3972
|
-
className:
|
|
4122
|
+
className: Mn.title,
|
|
3973
4123
|
children: e
|
|
3974
4124
|
}), r && /* @__PURE__ */ t("span", {
|
|
3975
|
-
className:
|
|
4125
|
+
className: Mn.subtitle,
|
|
3976
4126
|
children: r
|
|
3977
4127
|
})]
|
|
3978
4128
|
}), /* @__PURE__ */ t("span", {
|
|
3979
|
-
className:
|
|
4129
|
+
className: Mn.icon,
|
|
3980
4130
|
"aria-hidden": "true",
|
|
3981
|
-
children: /* @__PURE__ */ t(
|
|
4131
|
+
children: /* @__PURE__ */ t(Y, {
|
|
3982
4132
|
name: "IconChevron",
|
|
3983
4133
|
width: 20,
|
|
3984
4134
|
height: 20
|
|
@@ -3987,27 +4137,14 @@ var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3987
4137
|
}), /* @__PURE__ */ t("div", {
|
|
3988
4138
|
ref: b,
|
|
3989
4139
|
id: p,
|
|
3990
|
-
className:
|
|
4140
|
+
className: Mn.content,
|
|
3991
4141
|
"aria-hidden": !v,
|
|
3992
4142
|
children: /* @__PURE__ */ t("div", {
|
|
3993
|
-
className:
|
|
4143
|
+
className: Mn.contentInner,
|
|
3994
4144
|
children: i
|
|
3995
4145
|
})
|
|
3996
4146
|
})]
|
|
3997
4147
|
});
|
|
3998
|
-
}, Mn = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
3999
|
-
let [n, r] = h(null);
|
|
4000
|
-
return u(() => {
|
|
4001
|
-
let e = document.getElementById(t);
|
|
4002
|
-
if (e) {
|
|
4003
|
-
r(e);
|
|
4004
|
-
return;
|
|
4005
|
-
}
|
|
4006
|
-
let n = document.createElement("div");
|
|
4007
|
-
return n.id = t, document.body.appendChild(n), r(n), () => {
|
|
4008
|
-
n.childElementCount === 0 && n.parentElement && n.remove();
|
|
4009
|
-
};
|
|
4010
|
-
}, [t]), n ? g(e, n) : null;
|
|
4011
4148
|
};
|
|
4012
4149
|
//#endregion
|
|
4013
|
-
export {
|
|
4150
|
+
export { nn as ConfirmModal, Pn as DSAccordion, C as DSBadge, D as DSButton, he as DSCheckbox, ct as DSDataTable, Re as DSDateRange, Fe as DSDateTimePicker, Ke as DSDropDown, pt as DSDropDownMultiple, ee as DSFieldLabel, k as DSFieldMessage, Ft as DSFileInput, At as DSFilters, Lt as DSFloatingMenu, Y as DSIcon, Et as DSInfoBlock, ht as DSInput, T as DSLoader, Xt as DSModal, Yt as DSModalFrame, pn as DSPageLoader, It as DSPortal, Ot as DSRadioButton, wt as DSSearchDropDown, Be as DSSkeleton, Je as DSSort, Tn as DSTabs, Vt as DSTextarea, gn as DSToast, bn as DSToastProvider, Cn as DSTooltip, jn as DSVideoPlayerFrame, rn as ErrorModal, Zt as ModalSystemProvider, an as builtInModalRegistry, Qt as defineModalRegistry, xe as formatDateInputValue, De as formatDateTimeLocalValue, Nn as getDSAccordionScrollTarget, Ze as getDSDataTableColumnStyle, Qe as getDSDataTablePaginationItems, sn as getErrorMessage, Xe as getNextDSDataTablePageSelection, We as getNextEnabledOptionIndex, we as isValidDateInputPrefix, Le as isValidDateRange, Se as maskDateInputValue, Te as parseDateInputValue, Oe as parseDateTimeLocalValue, Wt as resetModalStore, yn as resetToastStore, on as useConfirmModal, ln as useConfirmModalStore, cn as useErrorModal, un as useErrorModalStore, dn as useModals, Ut as useModalsStore, xn as useToast, vn as useToastStore, $e as validateDSDataTableData };
|