@efficiency-point/design-system 0.1.35 → 0.1.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DSIcon/source/IconPlus.d.ts +4 -0
- package/dist/components/DSIcon/source/IconPlus.d.ts.map +1 -0
- package/dist/components/DSIcon/source/index.d.ts +1 -0
- package/dist/components/DSIcon/source/index.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.es.js +550 -545
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -183,20 +183,20 @@ var M = {
|
|
|
183
183
|
}), H = (e) => /* @__PURE__ */ t(P, {
|
|
184
184
|
...e,
|
|
185
185
|
children: /* @__PURE__ */ t("path", { d: "M12 10v7m0-10v.01" })
|
|
186
|
-
}),
|
|
186
|
+
}), U = (e) => /* @__PURE__ */ n(P, {
|
|
187
187
|
...e,
|
|
188
188
|
children: [/* @__PURE__ */ t("circle", {
|
|
189
189
|
cx: "12",
|
|
190
190
|
cy: "12",
|
|
191
191
|
r: "10"
|
|
192
192
|
}), /* @__PURE__ */ t("path", { d: "M12 16v-4M12 8v.01" })]
|
|
193
|
-
}),
|
|
193
|
+
}), ne = (e) => /* @__PURE__ */ t(P, {
|
|
194
194
|
...e,
|
|
195
195
|
children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
|
|
196
|
-
}),
|
|
196
|
+
}), re = (e) => /* @__PURE__ */ t(P, {
|
|
197
197
|
...e,
|
|
198
198
|
children: /* @__PURE__ */ t("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" })
|
|
199
|
-
}),
|
|
199
|
+
}), ie = (e) => /* @__PURE__ */ n(P, {
|
|
200
200
|
...e,
|
|
201
201
|
children: [/* @__PURE__ */ t("rect", {
|
|
202
202
|
width: "18",
|
|
@@ -205,12 +205,16 @@ var M = {
|
|
|
205
205
|
y: "3",
|
|
206
206
|
rx: "2"
|
|
207
207
|
}), /* @__PURE__ */ t("path", { d: "M3 9h18M9 21V9" })]
|
|
208
|
-
}),
|
|
208
|
+
}), ae = (e) => /* @__PURE__ */ t(P, {
|
|
209
209
|
...e,
|
|
210
210
|
children: /* @__PURE__ */ t("path", {
|
|
211
211
|
d: "M8 5v14M16 5v14",
|
|
212
212
|
strokeWidth: "3"
|
|
213
213
|
})
|
|
214
|
+
}), oe = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(P, {
|
|
215
|
+
strokeWidth: e,
|
|
216
|
+
...n,
|
|
217
|
+
children: /* @__PURE__ */ t("path", { d: "M12 5v14M5 12h14" })
|
|
214
218
|
}), se = (e) => /* @__PURE__ */ t(P, {
|
|
215
219
|
...e,
|
|
216
220
|
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
@@ -224,10 +228,10 @@ var M = {
|
|
|
224
228
|
}), le = (e) => /* @__PURE__ */ t(P, {
|
|
225
229
|
...e,
|
|
226
230
|
children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
|
|
227
|
-
}),
|
|
231
|
+
}), W = (e) => /* @__PURE__ */ t(P, {
|
|
228
232
|
...e,
|
|
229
233
|
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" })
|
|
230
|
-
}),
|
|
234
|
+
}), ue = (e) => /* @__PURE__ */ t(P, {
|
|
231
235
|
...e,
|
|
232
236
|
children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
|
|
233
237
|
}), de = (e) => /* @__PURE__ */ t(P, {
|
|
@@ -242,10 +246,10 @@ var M = {
|
|
|
242
246
|
}), me = (e) => /* @__PURE__ */ t(P, {
|
|
243
247
|
...e,
|
|
244
248
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
245
|
-
}),
|
|
249
|
+
}), G = (e) => /* @__PURE__ */ t(P, {
|
|
246
250
|
...e,
|
|
247
251
|
children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
|
|
248
|
-
}),
|
|
252
|
+
}), he = (e) => /* @__PURE__ */ t(P, {
|
|
249
253
|
...e,
|
|
250
254
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
251
255
|
}), ge = (e) => /* @__PURE__ */ t(P, {
|
|
@@ -264,71 +268,71 @@ var M = {
|
|
|
264
268
|
}), ye = (e) => /* @__PURE__ */ n(P, {
|
|
265
269
|
...e,
|
|
266
270
|
children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
|
|
267
|
-
}),
|
|
271
|
+
}), K = (e) => (n) => /* @__PURE__ */ t(P, {
|
|
268
272
|
...n,
|
|
269
273
|
children: e.map(([e, t], n) => o(e, {
|
|
270
274
|
...t,
|
|
271
275
|
key: t.key ?? `${e}-${n}`
|
|
272
276
|
}))
|
|
273
277
|
}), be = {
|
|
274
|
-
IconActivity:
|
|
278
|
+
IconActivity: K([["path", {
|
|
275
279
|
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",
|
|
276
280
|
key: "169zse"
|
|
277
281
|
}]]),
|
|
278
|
-
IconAlertTriangle:
|
|
282
|
+
IconAlertTriangle: K([
|
|
279
283
|
["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" }],
|
|
280
284
|
["path", { d: "M12 9v4" }],
|
|
281
285
|
["path", { d: "M12 17h.01" }]
|
|
282
286
|
]),
|
|
283
|
-
IconArrowDown:
|
|
287
|
+
IconArrowDown: K([["path", {
|
|
284
288
|
d: "M12 5v14",
|
|
285
289
|
key: "s699le"
|
|
286
290
|
}], ["path", {
|
|
287
291
|
d: "m19 12-7 7-7-7",
|
|
288
292
|
key: "1idqje"
|
|
289
293
|
}]]),
|
|
290
|
-
IconArrowLeft:
|
|
294
|
+
IconArrowLeft: K([["path", {
|
|
291
295
|
d: "m12 19-7-7 7-7",
|
|
292
296
|
key: "1l729n"
|
|
293
297
|
}], ["path", {
|
|
294
298
|
d: "M19 12H5",
|
|
295
299
|
key: "x3x0zl"
|
|
296
300
|
}]]),
|
|
297
|
-
IconArrowRight:
|
|
301
|
+
IconArrowRight: K([["path", {
|
|
298
302
|
d: "M5 12h14",
|
|
299
303
|
key: "1ays0h"
|
|
300
304
|
}], ["path", {
|
|
301
305
|
d: "m12 5 7 7-7 7",
|
|
302
306
|
key: "xquz4c"
|
|
303
307
|
}]]),
|
|
304
|
-
IconArrowUp:
|
|
308
|
+
IconArrowUp: K([["path", {
|
|
305
309
|
d: "m5 12 7-7 7 7",
|
|
306
310
|
key: "hav0vg"
|
|
307
311
|
}], ["path", {
|
|
308
312
|
d: "M12 19V5",
|
|
309
313
|
key: "x0mq9r"
|
|
310
314
|
}]]),
|
|
311
|
-
IconArrowUpRight:
|
|
315
|
+
IconArrowUpRight: K([["path", {
|
|
312
316
|
d: "M7 7h10v10",
|
|
313
317
|
key: "1tivn9"
|
|
314
318
|
}], ["path", {
|
|
315
319
|
d: "M7 17 17 7",
|
|
316
320
|
key: "1vkiza"
|
|
317
321
|
}]]),
|
|
318
|
-
IconBarChart3:
|
|
322
|
+
IconBarChart3: K([
|
|
319
323
|
["path", { d: "M3 3v18h18" }],
|
|
320
324
|
["path", { d: "M18 17V9" }],
|
|
321
325
|
["path", { d: "M13 17V5" }],
|
|
322
326
|
["path", { d: "M8 17v-3" }]
|
|
323
327
|
]),
|
|
324
|
-
IconBell:
|
|
328
|
+
IconBell: K([["path", {
|
|
325
329
|
d: "M10.268 21a2 2 0 0 0 3.464 0",
|
|
326
330
|
key: "vwvbt9"
|
|
327
331
|
}], ["path", {
|
|
328
332
|
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",
|
|
329
333
|
key: "11g9vi"
|
|
330
334
|
}]]),
|
|
331
|
-
IconBoxes:
|
|
335
|
+
IconBoxes: K([
|
|
332
336
|
["path", {
|
|
333
337
|
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",
|
|
334
338
|
key: "lc1i9w"
|
|
@@ -378,7 +382,7 @@ var M = {
|
|
|
378
382
|
key: "1io7kd"
|
|
379
383
|
}]
|
|
380
384
|
]),
|
|
381
|
-
IconBuilding2:
|
|
385
|
+
IconBuilding2: K([
|
|
382
386
|
["path", {
|
|
383
387
|
d: "M10 12h4",
|
|
384
388
|
key: "a56b0p"
|
|
@@ -400,7 +404,7 @@ var M = {
|
|
|
400
404
|
key: "16ra0t"
|
|
401
405
|
}]
|
|
402
406
|
]),
|
|
403
|
-
IconCamera:
|
|
407
|
+
IconCamera: K([["path", {
|
|
404
408
|
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",
|
|
405
409
|
key: "18u6gg"
|
|
406
410
|
}], ["circle", {
|
|
@@ -409,7 +413,7 @@ var M = {
|
|
|
409
413
|
r: "3",
|
|
410
414
|
key: "1vg3eu"
|
|
411
415
|
}]]),
|
|
412
|
-
IconChartNoAxesCombined:
|
|
416
|
+
IconChartNoAxesCombined: K([
|
|
413
417
|
["path", {
|
|
414
418
|
d: "M12 16v5",
|
|
415
419
|
key: "zza2cw"
|
|
@@ -435,11 +439,11 @@ var M = {
|
|
|
435
439
|
key: "1t2idw"
|
|
436
440
|
}]
|
|
437
441
|
]),
|
|
438
|
-
IconChevronRight:
|
|
442
|
+
IconChevronRight: K([["path", {
|
|
439
443
|
d: "m9 18 6-6-6-6",
|
|
440
444
|
key: "mthhwq"
|
|
441
445
|
}]]),
|
|
442
|
-
IconCircleAlert:
|
|
446
|
+
IconCircleAlert: K([
|
|
443
447
|
["circle", {
|
|
444
448
|
cx: "12",
|
|
445
449
|
cy: "12",
|
|
@@ -461,7 +465,7 @@ var M = {
|
|
|
461
465
|
key: "4dfq90"
|
|
462
466
|
}]
|
|
463
467
|
]),
|
|
464
|
-
IconClock3:
|
|
468
|
+
IconClock3: K([["circle", {
|
|
465
469
|
cx: "12",
|
|
466
470
|
cy: "12",
|
|
467
471
|
r: "10",
|
|
@@ -470,7 +474,7 @@ var M = {
|
|
|
470
474
|
d: "M12 6v6h4",
|
|
471
475
|
key: "135r8i"
|
|
472
476
|
}]]),
|
|
473
|
-
IconDownload:
|
|
477
|
+
IconDownload: K([
|
|
474
478
|
["path", {
|
|
475
479
|
d: "M12 15V3",
|
|
476
480
|
key: "m9g1x1"
|
|
@@ -484,7 +488,7 @@ var M = {
|
|
|
484
488
|
key: "brsn70"
|
|
485
489
|
}]
|
|
486
490
|
]),
|
|
487
|
-
IconExternalLink:
|
|
491
|
+
IconExternalLink: K([
|
|
488
492
|
["path", {
|
|
489
493
|
d: "M15 3h6v6",
|
|
490
494
|
key: "1q9fwt"
|
|
@@ -498,7 +502,7 @@ var M = {
|
|
|
498
502
|
key: "a6xqqp"
|
|
499
503
|
}]
|
|
500
504
|
]),
|
|
501
|
-
IconFactory:
|
|
505
|
+
IconFactory: K([
|
|
502
506
|
["path", {
|
|
503
507
|
d: "M12 16h.01",
|
|
504
508
|
key: "1drbdi"
|
|
@@ -516,14 +520,14 @@ var M = {
|
|
|
516
520
|
key: "18s6g9"
|
|
517
521
|
}]
|
|
518
522
|
]),
|
|
519
|
-
IconGauge:
|
|
523
|
+
IconGauge: K([["path", {
|
|
520
524
|
d: "m12 14 4-4",
|
|
521
525
|
key: "9kzdfg"
|
|
522
526
|
}], ["path", {
|
|
523
527
|
d: "M3.34 19a10 10 0 1 1 17.32 0",
|
|
524
528
|
key: "19p75a"
|
|
525
529
|
}]]),
|
|
526
|
-
IconGripVertical:
|
|
530
|
+
IconGripVertical: K([
|
|
527
531
|
["circle", {
|
|
528
532
|
cx: "9",
|
|
529
533
|
cy: "12",
|
|
@@ -561,7 +565,7 @@ var M = {
|
|
|
561
565
|
key: "f4zoj3"
|
|
562
566
|
}]
|
|
563
567
|
]),
|
|
564
|
-
IconLayoutDashboard:
|
|
568
|
+
IconLayoutDashboard: K([
|
|
565
569
|
["rect", {
|
|
566
570
|
width: "7",
|
|
567
571
|
height: "9",
|
|
@@ -595,7 +599,7 @@ var M = {
|
|
|
595
599
|
key: "ldoo1y"
|
|
596
600
|
}]
|
|
597
601
|
]),
|
|
598
|
-
IconLockKeyhole:
|
|
602
|
+
IconLockKeyhole: K([
|
|
599
603
|
["circle", {
|
|
600
604
|
cx: "12",
|
|
601
605
|
cy: "16",
|
|
@@ -615,7 +619,7 @@ var M = {
|
|
|
615
619
|
key: "1pqi11"
|
|
616
620
|
}]
|
|
617
621
|
]),
|
|
618
|
-
IconLogOut:
|
|
622
|
+
IconLogOut: K([
|
|
619
623
|
["path", {
|
|
620
624
|
d: "m16 17 5-5-5-5",
|
|
621
625
|
key: "1bji2h"
|
|
@@ -629,7 +633,7 @@ var M = {
|
|
|
629
633
|
key: "1uf3rs"
|
|
630
634
|
}]
|
|
631
635
|
]),
|
|
632
|
-
IconMaximize2:
|
|
636
|
+
IconMaximize2: K([
|
|
633
637
|
["path", {
|
|
634
638
|
d: "M15 3h6v6",
|
|
635
639
|
key: "1q9fwt"
|
|
@@ -647,7 +651,7 @@ var M = {
|
|
|
647
651
|
key: "wtvkvv"
|
|
648
652
|
}]
|
|
649
653
|
]),
|
|
650
|
-
IconMenu:
|
|
654
|
+
IconMenu: K([
|
|
651
655
|
["path", {
|
|
652
656
|
d: "M4 5h16",
|
|
653
657
|
key: "1tepv9"
|
|
@@ -661,7 +665,7 @@ var M = {
|
|
|
661
665
|
key: "1djgab"
|
|
662
666
|
}]
|
|
663
667
|
]),
|
|
664
|
-
IconPackageCheck:
|
|
668
|
+
IconPackageCheck: K([
|
|
665
669
|
["path", {
|
|
666
670
|
d: "M12 22V12",
|
|
667
671
|
key: "d0xqtd"
|
|
@@ -683,7 +687,7 @@ var M = {
|
|
|
683
687
|
key: "9yrvtv"
|
|
684
688
|
}]
|
|
685
689
|
]),
|
|
686
|
-
IconRefreshCw:
|
|
690
|
+
IconRefreshCw: K([
|
|
687
691
|
["path", {
|
|
688
692
|
d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
|
|
689
693
|
key: "v9h5vc"
|
|
@@ -701,14 +705,14 @@ var M = {
|
|
|
701
705
|
key: "1cv678"
|
|
702
706
|
}]
|
|
703
707
|
]),
|
|
704
|
-
IconRotateCw:
|
|
708
|
+
IconRotateCw: K([["path", {
|
|
705
709
|
d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
|
|
706
710
|
key: "1p45f6"
|
|
707
711
|
}], ["path", {
|
|
708
712
|
d: "M21 3v5h-5",
|
|
709
713
|
key: "1q7to0"
|
|
710
714
|
}]]),
|
|
711
|
-
IconSearch:
|
|
715
|
+
IconSearch: K([["path", {
|
|
712
716
|
d: "m21 21-4.34-4.34",
|
|
713
717
|
key: "14j7rj"
|
|
714
718
|
}], ["circle", {
|
|
@@ -717,7 +721,7 @@ var M = {
|
|
|
717
721
|
r: "8",
|
|
718
722
|
key: "4ej97u"
|
|
719
723
|
}]]),
|
|
720
|
-
IconSettings2:
|
|
724
|
+
IconSettings2: K([
|
|
721
725
|
["path", {
|
|
722
726
|
d: "M14 17H5",
|
|
723
727
|
key: "gfn3mx"
|
|
@@ -739,7 +743,7 @@ var M = {
|
|
|
739
743
|
key: "dfmy0x"
|
|
740
744
|
}]
|
|
741
745
|
]),
|
|
742
|
-
IconShieldAlert:
|
|
746
|
+
IconShieldAlert: K([
|
|
743
747
|
["path", {
|
|
744
748
|
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",
|
|
745
749
|
key: "oel41y"
|
|
@@ -753,14 +757,14 @@ var M = {
|
|
|
753
757
|
key: "1drbdi"
|
|
754
758
|
}]
|
|
755
759
|
]),
|
|
756
|
-
IconShieldCheck:
|
|
760
|
+
IconShieldCheck: K([["path", {
|
|
757
761
|
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",
|
|
758
762
|
key: "oel41y"
|
|
759
763
|
}], ["path", {
|
|
760
764
|
d: "m9 12 2 2 4-4",
|
|
761
765
|
key: "dzmm74"
|
|
762
766
|
}]]),
|
|
763
|
-
IconSmartphone:
|
|
767
|
+
IconSmartphone: K([["rect", {
|
|
764
768
|
width: "14",
|
|
765
769
|
height: "20",
|
|
766
770
|
x: "5",
|
|
@@ -772,7 +776,7 @@ var M = {
|
|
|
772
776
|
d: "M12 18h.01",
|
|
773
777
|
key: "mhygvu"
|
|
774
778
|
}]]),
|
|
775
|
-
IconSparkles:
|
|
779
|
+
IconSparkles: K([
|
|
776
780
|
["path", {
|
|
777
781
|
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",
|
|
778
782
|
key: "1s2grr"
|
|
@@ -792,22 +796,22 @@ var M = {
|
|
|
792
796
|
key: "6kqj1y"
|
|
793
797
|
}]
|
|
794
798
|
]),
|
|
795
|
-
IconTable2:
|
|
799
|
+
IconTable2: K([["path", {
|
|
796
800
|
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",
|
|
797
801
|
key: "gugj83"
|
|
798
802
|
}]]),
|
|
799
|
-
IconThermometer:
|
|
803
|
+
IconThermometer: K([["path", {
|
|
800
804
|
d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
|
|
801
805
|
key: "17jzev"
|
|
802
806
|
}]]),
|
|
803
|
-
IconTrendingUp:
|
|
807
|
+
IconTrendingUp: K([["path", {
|
|
804
808
|
d: "M16 7h6v6",
|
|
805
809
|
key: "box55l"
|
|
806
810
|
}], ["path", {
|
|
807
811
|
d: "m22 7-8.5 8.5-5-5L2 17",
|
|
808
812
|
key: "1t1m79"
|
|
809
813
|
}]]),
|
|
810
|
-
IconUserCheck:
|
|
814
|
+
IconUserCheck: K([
|
|
811
815
|
["path", {
|
|
812
816
|
d: "m16 11 2 2 4-4",
|
|
813
817
|
key: "9rsbq5"
|
|
@@ -823,7 +827,7 @@ var M = {
|
|
|
823
827
|
key: "nufk8"
|
|
824
828
|
}]
|
|
825
829
|
]),
|
|
826
|
-
IconUserRound:
|
|
830
|
+
IconUserRound: K([["circle", {
|
|
827
831
|
cx: "12",
|
|
828
832
|
cy: "8",
|
|
829
833
|
r: "5",
|
|
@@ -832,7 +836,7 @@ var M = {
|
|
|
832
836
|
d: "M20 21a8 8 0 0 0-16 0",
|
|
833
837
|
key: "rfgkzh"
|
|
834
838
|
}]]),
|
|
835
|
-
IconUsers:
|
|
839
|
+
IconUsers: K([
|
|
836
840
|
["path", {
|
|
837
841
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
838
842
|
key: "1yyitq"
|
|
@@ -852,7 +856,7 @@ var M = {
|
|
|
852
856
|
key: "nufk8"
|
|
853
857
|
}]
|
|
854
858
|
]),
|
|
855
|
-
IconUserX:
|
|
859
|
+
IconUserX: K([
|
|
856
860
|
["path", {
|
|
857
861
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
858
862
|
key: "1yyitq"
|
|
@@ -878,7 +882,7 @@ var M = {
|
|
|
878
882
|
key: "1swrse"
|
|
879
883
|
}]
|
|
880
884
|
]),
|
|
881
|
-
IconVideo:
|
|
885
|
+
IconVideo: K([["path", {
|
|
882
886
|
d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
|
|
883
887
|
key: "ftymec"
|
|
884
888
|
}], ["rect", {
|
|
@@ -889,7 +893,7 @@ var M = {
|
|
|
889
893
|
rx: "2",
|
|
890
894
|
key: "158x01"
|
|
891
895
|
}]]),
|
|
892
|
-
IconVideoOff:
|
|
896
|
+
IconVideoOff: K([
|
|
893
897
|
["path", {
|
|
894
898
|
d: "M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196",
|
|
895
899
|
key: "w8jjjt"
|
|
@@ -903,7 +907,7 @@ var M = {
|
|
|
903
907
|
key: "1ooewy"
|
|
904
908
|
}]
|
|
905
909
|
]),
|
|
906
|
-
IconVolume2:
|
|
910
|
+
IconVolume2: K([
|
|
907
911
|
["path", {
|
|
908
912
|
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",
|
|
909
913
|
key: "uqj9uw"
|
|
@@ -917,7 +921,7 @@ var M = {
|
|
|
917
921
|
key: "ijwkga"
|
|
918
922
|
}]
|
|
919
923
|
]),
|
|
920
|
-
IconX:
|
|
924
|
+
IconX: K([["path", {
|
|
921
925
|
d: "M18 6 6 18",
|
|
922
926
|
key: "1bl5f8"
|
|
923
927
|
}], ["path", {
|
|
@@ -933,27 +937,28 @@ var M = {
|
|
|
933
937
|
IconEye: te,
|
|
934
938
|
IconEyeOff: V,
|
|
935
939
|
IconInfo: H,
|
|
936
|
-
IconInfoCircle:
|
|
937
|
-
IconMinus:
|
|
938
|
-
IconList:
|
|
939
|
-
IconPanelsTopLeft:
|
|
940
|
-
IconPause:
|
|
940
|
+
IconInfoCircle: U,
|
|
941
|
+
IconMinus: ne,
|
|
942
|
+
IconList: re,
|
|
943
|
+
IconPanelsTopLeft: ie,
|
|
944
|
+
IconPause: ae,
|
|
945
|
+
IconPlus: oe,
|
|
941
946
|
IconPictureInPicture: se,
|
|
942
947
|
IconPlay: ce,
|
|
943
948
|
IconReplay: le,
|
|
944
|
-
IconSettings:
|
|
945
|
-
IconFullscreen:
|
|
949
|
+
IconSettings: W,
|
|
950
|
+
IconFullscreen: ue,
|
|
946
951
|
IconFullscreenExit: de,
|
|
947
952
|
IconCaptions: fe,
|
|
948
953
|
IconVolume: pe,
|
|
949
954
|
IconVolumeMuted: me,
|
|
950
|
-
IconSort:
|
|
951
|
-
IconSortAscending:
|
|
955
|
+
IconSort: G,
|
|
956
|
+
IconSortAscending: he,
|
|
952
957
|
IconSortDescending: ge,
|
|
953
958
|
IconSuccessCircle: _e,
|
|
954
959
|
IconUpload: ve,
|
|
955
960
|
IconWarning: ye
|
|
956
|
-
},
|
|
961
|
+
}, q = ({ name: e, ...n }) => {
|
|
957
962
|
let r = be[e];
|
|
958
963
|
return /* @__PURE__ */ t(r, { ...n });
|
|
959
964
|
}, xe = {
|
|
@@ -994,11 +999,11 @@ var M = {
|
|
|
994
999
|
/* @__PURE__ */ n("span", {
|
|
995
1000
|
className: `${xe.control} ${o ? xe.controlError : ""}`,
|
|
996
1001
|
"aria-hidden": "true",
|
|
997
|
-
children: [m && !e && /* @__PURE__ */ t(
|
|
1002
|
+
children: [m && !e && /* @__PURE__ */ t(q, {
|
|
998
1003
|
name: "IconMinus",
|
|
999
1004
|
width: 16,
|
|
1000
1005
|
height: 16
|
|
1001
|
-
}), e && /* @__PURE__ */ t(
|
|
1006
|
+
}), e && /* @__PURE__ */ t(q, {
|
|
1002
1007
|
name: "IconCheck",
|
|
1003
1008
|
width: 16,
|
|
1004
1009
|
height: 16
|
|
@@ -1018,7 +1023,7 @@ var M = {
|
|
|
1018
1023
|
})
|
|
1019
1024
|
]
|
|
1020
1025
|
});
|
|
1021
|
-
},
|
|
1026
|
+
}, J = {
|
|
1022
1027
|
wrapper: "_wrapper_su17c_1",
|
|
1023
1028
|
trigger: "_trigger_su17c_17",
|
|
1024
1029
|
sm: "_sm_su17c_53",
|
|
@@ -1049,7 +1054,7 @@ var M = {
|
|
|
1049
1054
|
timeLabel: "_timeLabel_su17c_533",
|
|
1050
1055
|
previousMonth: "_previousMonth_su17c_593",
|
|
1051
1056
|
nextMonth: "_nextMonth_su17c_601"
|
|
1052
|
-
},
|
|
1057
|
+
}, Ce = [
|
|
1053
1058
|
"Пн",
|
|
1054
1059
|
"Вт",
|
|
1055
1060
|
"Ср",
|
|
@@ -1057,7 +1062,7 @@ var M = {
|
|
|
1057
1062
|
"Пт",
|
|
1058
1063
|
"Сб",
|
|
1059
1064
|
"Вс"
|
|
1060
|
-
],
|
|
1065
|
+
], we = [
|
|
1061
1066
|
"Январь",
|
|
1062
1067
|
"Февраль",
|
|
1063
1068
|
"Март",
|
|
@@ -1070,7 +1075,7 @@ var M = {
|
|
|
1070
1075
|
"Октябрь",
|
|
1071
1076
|
"Ноябрь",
|
|
1072
1077
|
"Декабрь"
|
|
1073
|
-
],
|
|
1078
|
+
], Y = (e) => String(e).padStart(2, "0"), Te = 8, Ee = "Некорректная дата", De = (e) => e ? `${Y(e.getDate())}.${Y(e.getMonth() + 1)}.${e.getFullYear()}` : "", Oe = (e) => {
|
|
1074
1079
|
let t = e.replace(/\D/g, "").slice(0, Te);
|
|
1075
1080
|
return [
|
|
1076
1081
|
t.slice(0, 2),
|
|
@@ -1094,7 +1099,7 @@ var M = {
|
|
|
1094
1099
|
return a.getFullYear() !== i || a.getMonth() !== r || a.getDate() !== n ? null : a;
|
|
1095
1100
|
}, Me = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Ne = (e, t) => {
|
|
1096
1101
|
if (!e) return "";
|
|
1097
|
-
let n = `${e.getFullYear()}-${
|
|
1102
|
+
let n = `${e.getFullYear()}-${Y(e.getMonth() + 1)}-${Y(e.getDate())}`, r = `${Y(e.getHours())}:${Y(e.getMinutes())}`;
|
|
1098
1103
|
return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
|
|
1099
1104
|
}, Pe = (e, t) => {
|
|
1100
1105
|
if (!e) return null;
|
|
@@ -1116,7 +1121,7 @@ var M = {
|
|
|
1116
1121
|
return Number.isNaN(n.getTime()) ? null : n;
|
|
1117
1122
|
}, Fe = (e, t) => {
|
|
1118
1123
|
if (!e) return "";
|
|
1119
|
-
let n = `${
|
|
1124
|
+
let n = `${Y(e.getDate())}.${Y(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${Y(e.getHours())}:${Y(e.getMinutes())}`;
|
|
1120
1125
|
return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
|
|
1121
1126
|
}, Ie = (e) => {
|
|
1122
1127
|
let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
|
|
@@ -1128,17 +1133,17 @@ var M = {
|
|
|
1128
1133
|
let r = Me(e).getTime();
|
|
1129
1134
|
return !!(t && r < Me(t).getTime() || n && r > Me(n).getTime());
|
|
1130
1135
|
}, ze = 8, Be = 6, Ve = ({ value: r, onChange: i, mode: a = "date", label: o, placeholder: s, hint: c, error: u, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: E = "" }) => {
|
|
1131
|
-
let D = f(), O = w ?? `ds-date-time-${T ?? D}`, k = c ? `${O}-hint` : void 0, A = u ? `${O}-error` : void 0, j = h(null), M = h(null), P = h(null), F = h(null), [I, L] = g(!1), [R, z] = g(r ?? /* @__PURE__ */ new Date()), [B, te] = g(Ne(r, "time")), [V, H] = g(De(r)), [
|
|
1136
|
+
let D = f(), O = w ?? `ds-date-time-${T ?? D}`, k = c ? `${O}-hint` : void 0, A = u ? `${O}-error` : void 0, j = h(null), M = h(null), P = h(null), F = h(null), [I, L] = g(!1), [R, z] = g(r ?? /* @__PURE__ */ new Date()), [B, te] = g(Ne(r, "time")), [V, H] = g(De(r)), [U, ne] = g(""), [re, ie] = g(0), [ae, oe] = g(null), se = m(() => Ie(R), [R]), ce = a !== "time", le = a !== "date";
|
|
1132
1137
|
d(() => {
|
|
1133
1138
|
r && z(r), te(Ne(r, "time")), H(De(r));
|
|
1134
1139
|
}, [r]), d(() => () => {
|
|
1135
1140
|
F.current && clearTimeout(F.current);
|
|
1136
1141
|
}, []);
|
|
1137
|
-
let
|
|
1142
|
+
let W = l(() => {
|
|
1138
1143
|
let e = M.current, t = P.current;
|
|
1139
1144
|
if (!e || !t) return;
|
|
1140
1145
|
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - ze, o = n.top - ze, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(ze, n.top - r.height - Be) : n.bottom + Be, u = n.left, d = i - r.width - ze;
|
|
1141
|
-
|
|
1146
|
+
oe({
|
|
1142
1147
|
top: l,
|
|
1143
1148
|
left: Math.max(ze, Math.min(u, d)),
|
|
1144
1149
|
maxHeight: c
|
|
@@ -1146,15 +1151,15 @@ var M = {
|
|
|
1146
1151
|
}, []);
|
|
1147
1152
|
p(() => {
|
|
1148
1153
|
if (!I) {
|
|
1149
|
-
|
|
1154
|
+
oe(null);
|
|
1150
1155
|
return;
|
|
1151
1156
|
}
|
|
1152
|
-
return
|
|
1153
|
-
window.removeEventListener("resize",
|
|
1157
|
+
return W(), window.addEventListener("resize", W), window.addEventListener("scroll", W, !0), () => {
|
|
1158
|
+
window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0);
|
|
1154
1159
|
};
|
|
1155
1160
|
}, [
|
|
1156
1161
|
I,
|
|
1157
|
-
|
|
1162
|
+
W,
|
|
1158
1163
|
R,
|
|
1159
1164
|
B
|
|
1160
1165
|
]), d(() => {
|
|
@@ -1169,18 +1174,18 @@ var M = {
|
|
|
1169
1174
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1170
1175
|
};
|
|
1171
1176
|
}, [I]);
|
|
1172
|
-
let
|
|
1177
|
+
let ue = (e) => {
|
|
1173
1178
|
if (Re(e, x, S)) return;
|
|
1174
1179
|
let t = a === "date" ? Pe(Ne(e, "date"), "date") : new Date(e);
|
|
1175
1180
|
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(De(t)), a === "date" && L(!1));
|
|
1176
|
-
},
|
|
1177
|
-
|
|
1178
|
-
|
|
1181
|
+
}, de = () => {
|
|
1182
|
+
ne(Ee), ie((e) => e + 1), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
|
|
1183
|
+
ne(""), F.current = null;
|
|
1179
1184
|
}, 3e3);
|
|
1180
|
-
},
|
|
1185
|
+
}, fe = (e) => {
|
|
1181
1186
|
let t = e.replace(/\D/g, "").slice(0, Te);
|
|
1182
1187
|
if (!Ae(t)) {
|
|
1183
|
-
|
|
1188
|
+
de();
|
|
1184
1189
|
return;
|
|
1185
1190
|
}
|
|
1186
1191
|
let n = Oe(t);
|
|
@@ -1191,11 +1196,11 @@ var M = {
|
|
|
1191
1196
|
if (t.length < Te) return;
|
|
1192
1197
|
let o = je(n);
|
|
1193
1198
|
if (!o || Re(o, x, S)) {
|
|
1194
|
-
|
|
1199
|
+
de();
|
|
1195
1200
|
return;
|
|
1196
1201
|
}
|
|
1197
1202
|
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o), z(o), L(!1), requestAnimationFrame(() => M.current?.blur());
|
|
1198
|
-
},
|
|
1203
|
+
}, pe = (e) => {
|
|
1199
1204
|
if (te(e), !e) {
|
|
1200
1205
|
i?.(null);
|
|
1201
1206
|
return;
|
|
@@ -1204,52 +1209,52 @@ var M = {
|
|
|
1204
1209
|
if (!t) return;
|
|
1205
1210
|
let n = new Date(a === "datetime" ? r ?? R : /* @__PURE__ */ new Date());
|
|
1206
1211
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
1207
|
-
},
|
|
1212
|
+
}, me = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), G = U ? `${O}-validation` : void 0, he = [
|
|
1208
1213
|
k,
|
|
1209
1214
|
A,
|
|
1210
|
-
|
|
1211
|
-
].filter(Boolean).join(" ") || void 0,
|
|
1215
|
+
G
|
|
1216
|
+
].filter(Boolean).join(" ") || void 0, ge = I && !y ? /* @__PURE__ */ n("div", {
|
|
1212
1217
|
ref: P,
|
|
1213
|
-
className:
|
|
1218
|
+
className: J.panel,
|
|
1214
1219
|
role: "dialog",
|
|
1215
|
-
"aria-label": o ??
|
|
1216
|
-
style:
|
|
1217
|
-
top:
|
|
1218
|
-
left:
|
|
1219
|
-
maxHeight:
|
|
1220
|
+
"aria-label": o ?? me,
|
|
1221
|
+
style: ae ? {
|
|
1222
|
+
top: ae.top,
|
|
1223
|
+
left: ae.left,
|
|
1224
|
+
maxHeight: ae.maxHeight
|
|
1220
1225
|
} : {
|
|
1221
1226
|
visibility: "hidden",
|
|
1222
1227
|
top: 0,
|
|
1223
1228
|
left: 0
|
|
1224
1229
|
},
|
|
1225
|
-
children: [
|
|
1230
|
+
children: [ce && /* @__PURE__ */ n(e, { children: [
|
|
1226
1231
|
/* @__PURE__ */ n("div", {
|
|
1227
|
-
className:
|
|
1232
|
+
className: J.calendarHeader,
|
|
1228
1233
|
children: [
|
|
1229
1234
|
/* @__PURE__ */ t("button", {
|
|
1230
1235
|
type: "button",
|
|
1231
|
-
className:
|
|
1236
|
+
className: J.nav,
|
|
1232
1237
|
"aria-label": "Предыдущий месяц",
|
|
1233
1238
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() - 1, 1)),
|
|
1234
|
-
children: /* @__PURE__ */ t(
|
|
1239
|
+
children: /* @__PURE__ */ t(q, {
|
|
1235
1240
|
name: "IconChevron",
|
|
1236
1241
|
width: 20,
|
|
1237
1242
|
height: 20,
|
|
1238
|
-
className:
|
|
1243
|
+
className: J.previousMonth
|
|
1239
1244
|
})
|
|
1240
1245
|
}),
|
|
1241
1246
|
/* @__PURE__ */ t("select", {
|
|
1242
|
-
className:
|
|
1247
|
+
className: J.monthSelect,
|
|
1243
1248
|
"aria-label": "Месяц",
|
|
1244
1249
|
value: R.getMonth(),
|
|
1245
1250
|
onChange: (e) => z(new Date(R.getFullYear(), Number(e.target.value), 1)),
|
|
1246
|
-
children:
|
|
1251
|
+
children: we.map((e, n) => /* @__PURE__ */ t("option", {
|
|
1247
1252
|
value: n,
|
|
1248
1253
|
children: e
|
|
1249
1254
|
}, e))
|
|
1250
1255
|
}),
|
|
1251
1256
|
/* @__PURE__ */ t("input", {
|
|
1252
|
-
className:
|
|
1257
|
+
className: J.yearInput,
|
|
1253
1258
|
type: "number",
|
|
1254
1259
|
"aria-label": "Год",
|
|
1255
1260
|
value: R.getFullYear(),
|
|
@@ -1257,49 +1262,49 @@ var M = {
|
|
|
1257
1262
|
}),
|
|
1258
1263
|
/* @__PURE__ */ t("button", {
|
|
1259
1264
|
type: "button",
|
|
1260
|
-
className:
|
|
1265
|
+
className: J.nav,
|
|
1261
1266
|
"aria-label": "Следующий месяц",
|
|
1262
1267
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() + 1, 1)),
|
|
1263
|
-
children: /* @__PURE__ */ t(
|
|
1268
|
+
children: /* @__PURE__ */ t(q, {
|
|
1264
1269
|
name: "IconChevron",
|
|
1265
1270
|
width: 20,
|
|
1266
1271
|
height: 20,
|
|
1267
|
-
className:
|
|
1272
|
+
className: J.nextMonth
|
|
1268
1273
|
})
|
|
1269
1274
|
})
|
|
1270
1275
|
]
|
|
1271
1276
|
}),
|
|
1272
1277
|
/* @__PURE__ */ t("div", {
|
|
1273
|
-
className:
|
|
1274
|
-
children:
|
|
1278
|
+
className: J.weekdays,
|
|
1279
|
+
children: Ce.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
|
|
1275
1280
|
}),
|
|
1276
1281
|
/* @__PURE__ */ t("div", {
|
|
1277
|
-
className:
|
|
1278
|
-
children:
|
|
1282
|
+
className: J.days,
|
|
1283
|
+
children: se.map((e) => {
|
|
1279
1284
|
let n = Le(r, e);
|
|
1280
1285
|
return /* @__PURE__ */ t("button", {
|
|
1281
1286
|
type: "button",
|
|
1282
|
-
className: `${
|
|
1287
|
+
className: `${J.day} ${e.getMonth() === R.getMonth() ? "" : J.outside} ${n ? J.selected : ""}`,
|
|
1283
1288
|
disabled: Re(e, x, S),
|
|
1284
1289
|
"aria-pressed": n,
|
|
1285
|
-
onClick: () =>
|
|
1290
|
+
onClick: () => ue(e),
|
|
1286
1291
|
children: e.getDate()
|
|
1287
1292
|
}, e.toISOString());
|
|
1288
1293
|
})
|
|
1289
1294
|
})
|
|
1290
|
-
] }),
|
|
1291
|
-
className:
|
|
1295
|
+
] }), le && /* @__PURE__ */ n("label", {
|
|
1296
|
+
className: J.timeLabel,
|
|
1292
1297
|
children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
|
|
1293
|
-
className:
|
|
1298
|
+
className: J.timeInput,
|
|
1294
1299
|
type: "time",
|
|
1295
1300
|
value: B,
|
|
1296
|
-
onChange: (e) =>
|
|
1301
|
+
onChange: (e) => pe(e.target.value)
|
|
1297
1302
|
})]
|
|
1298
1303
|
})]
|
|
1299
1304
|
}) : null;
|
|
1300
1305
|
return /* @__PURE__ */ n("div", {
|
|
1301
1306
|
ref: j,
|
|
1302
|
-
className: `${
|
|
1307
|
+
className: `${J.wrapper} ${E}`,
|
|
1303
1308
|
children: [
|
|
1304
1309
|
o && /* @__PURE__ */ t(ee, {
|
|
1305
1310
|
htmlFor: O,
|
|
@@ -1307,16 +1312,16 @@ var M = {
|
|
|
1307
1312
|
disabled: v,
|
|
1308
1313
|
children: o
|
|
1309
1314
|
}),
|
|
1310
|
-
|
|
1311
|
-
className: `${
|
|
1315
|
+
ce ? /* @__PURE__ */ n("div", {
|
|
1316
|
+
className: `${J.trigger} ${J[C]} ${u ? J.error : ""} ${v ? J.disabled : ""}`,
|
|
1312
1317
|
children: [
|
|
1313
1318
|
/* @__PURE__ */ t("input", {
|
|
1314
1319
|
ref: M,
|
|
1315
1320
|
id: O,
|
|
1316
1321
|
name: T,
|
|
1317
|
-
className:
|
|
1322
|
+
className: J.dateInput,
|
|
1318
1323
|
value: V,
|
|
1319
|
-
placeholder:
|
|
1324
|
+
placeholder: me.split(" ")[0],
|
|
1320
1325
|
inputMode: "numeric",
|
|
1321
1326
|
autoComplete: "off",
|
|
1322
1327
|
maxLength: 10,
|
|
@@ -1324,23 +1329,23 @@ var M = {
|
|
|
1324
1329
|
readOnly: y,
|
|
1325
1330
|
"aria-expanded": I,
|
|
1326
1331
|
"aria-haspopup": "dialog",
|
|
1327
|
-
"aria-describedby":
|
|
1328
|
-
"aria-invalid": !!(u ||
|
|
1332
|
+
"aria-describedby": he,
|
|
1333
|
+
"aria-invalid": !!(u || U) || void 0,
|
|
1329
1334
|
onFocus: () => {
|
|
1330
1335
|
y || L(!0);
|
|
1331
1336
|
},
|
|
1332
1337
|
onClick: () => {
|
|
1333
1338
|
y || L(!0);
|
|
1334
1339
|
},
|
|
1335
|
-
onChange: (e) =>
|
|
1340
|
+
onChange: (e) => fe(e.target.value)
|
|
1336
1341
|
}),
|
|
1337
1342
|
a === "datetime" && B && /* @__PURE__ */ t("span", {
|
|
1338
|
-
className:
|
|
1343
|
+
className: J.timeValue,
|
|
1339
1344
|
children: B
|
|
1340
1345
|
}),
|
|
1341
1346
|
/* @__PURE__ */ t("button", {
|
|
1342
1347
|
type: "button",
|
|
1343
|
-
className:
|
|
1348
|
+
className: J.chevronButton,
|
|
1344
1349
|
disabled: v || y,
|
|
1345
1350
|
"aria-label": I ? "Закрыть календарь" : "Открыть календарь",
|
|
1346
1351
|
tabIndex: -1,
|
|
@@ -1349,9 +1354,9 @@ var M = {
|
|
|
1349
1354
|
L((e) => !e), M.current?.focus();
|
|
1350
1355
|
},
|
|
1351
1356
|
children: /* @__PURE__ */ t("span", {
|
|
1352
|
-
className: `${
|
|
1357
|
+
className: `${J.chevron} ${ge ? J.chevronOpen : ""}`,
|
|
1353
1358
|
"aria-hidden": "true",
|
|
1354
|
-
children: /* @__PURE__ */ t(
|
|
1359
|
+
children: /* @__PURE__ */ t(q, {
|
|
1355
1360
|
name: "IconChevron",
|
|
1356
1361
|
width: 20,
|
|
1357
1362
|
height: 20
|
|
@@ -1364,36 +1369,36 @@ var M = {
|
|
|
1364
1369
|
id: O,
|
|
1365
1370
|
name: T,
|
|
1366
1371
|
type: "button",
|
|
1367
|
-
className: `${
|
|
1372
|
+
className: `${J.trigger} ${J[C]} ${u ? J.error : ""}`,
|
|
1368
1373
|
disabled: v,
|
|
1369
1374
|
"aria-readonly": y || void 0,
|
|
1370
1375
|
"aria-expanded": I,
|
|
1371
1376
|
"aria-haspopup": "dialog",
|
|
1372
|
-
"aria-describedby":
|
|
1377
|
+
"aria-describedby": he,
|
|
1373
1378
|
onClick: () => {
|
|
1374
1379
|
y || L((e) => !e);
|
|
1375
1380
|
},
|
|
1376
1381
|
children: [/* @__PURE__ */ t("span", {
|
|
1377
|
-
className: r ?
|
|
1378
|
-
children: Fe(r, a) ||
|
|
1382
|
+
className: r ? J.value : J.placeholder,
|
|
1383
|
+
children: Fe(r, a) || me
|
|
1379
1384
|
}), /* @__PURE__ */ t("span", {
|
|
1380
|
-
className: `${
|
|
1385
|
+
className: `${J.chevron} ${ge ? J.chevronOpen : ""}`,
|
|
1381
1386
|
"aria-hidden": "true",
|
|
1382
|
-
children: /* @__PURE__ */ t(
|
|
1387
|
+
children: /* @__PURE__ */ t(q, {
|
|
1383
1388
|
name: "IconChevron",
|
|
1384
1389
|
width: 20,
|
|
1385
1390
|
height: 20
|
|
1386
1391
|
})
|
|
1387
1392
|
})]
|
|
1388
1393
|
}),
|
|
1389
|
-
|
|
1390
|
-
id:
|
|
1391
|
-
className:
|
|
1394
|
+
U && /* @__PURE__ */ t("span", {
|
|
1395
|
+
id: G,
|
|
1396
|
+
className: J.validationTooltip,
|
|
1392
1397
|
role: "status",
|
|
1393
1398
|
"aria-live": "polite",
|
|
1394
|
-
children:
|
|
1395
|
-
},
|
|
1396
|
-
|
|
1399
|
+
children: U
|
|
1400
|
+
}, re),
|
|
1401
|
+
ge && _(ge, document.body),
|
|
1397
1402
|
c && !u && /* @__PURE__ */ t(N, {
|
|
1398
1403
|
id: k,
|
|
1399
1404
|
children: c
|
|
@@ -1466,7 +1471,7 @@ var M = {
|
|
|
1466
1471
|
height: r
|
|
1467
1472
|
}
|
|
1468
1473
|
}, o))
|
|
1469
|
-
}),
|
|
1474
|
+
}), X = {
|
|
1470
1475
|
wrapper: "_wrapper_6g3qd_1",
|
|
1471
1476
|
container: "_container_6g3qd_17",
|
|
1472
1477
|
trigger: "_trigger_6g3qd_25",
|
|
@@ -1539,12 +1544,12 @@ var M = {
|
|
|
1539
1544
|
if (r === -1) return;
|
|
1540
1545
|
let i = I.current[r];
|
|
1541
1546
|
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
1542
|
-
},
|
|
1547
|
+
}, U = (e) => {
|
|
1543
1548
|
e.disabled || (i?.(e.value, e), A(!1), P.current?.focus());
|
|
1544
|
-
},
|
|
1549
|
+
}, ne = k ? /* @__PURE__ */ t("ul", {
|
|
1545
1550
|
ref: F,
|
|
1546
1551
|
id: O,
|
|
1547
|
-
className:
|
|
1552
|
+
className: X.menu,
|
|
1548
1553
|
role: "listbox",
|
|
1549
1554
|
"aria-label": c,
|
|
1550
1555
|
style: j ? {
|
|
@@ -1573,11 +1578,11 @@ var M = {
|
|
|
1573
1578
|
"aria-selected": o,
|
|
1574
1579
|
disabled: i.disabled,
|
|
1575
1580
|
className: [
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
o ?
|
|
1581
|
+
X[v],
|
|
1582
|
+
X.option,
|
|
1583
|
+
o ? X.selected : ""
|
|
1579
1584
|
].filter(Boolean).join(" "),
|
|
1580
|
-
onClick: () =>
|
|
1585
|
+
onClick: () => U(i),
|
|
1581
1586
|
onKeyDown: (t) => {
|
|
1582
1587
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
1583
1588
|
t.preventDefault();
|
|
@@ -1589,9 +1594,9 @@ var M = {
|
|
|
1589
1594
|
let n = t.key === "Home" ? 1 : -1;
|
|
1590
1595
|
H(t.key === "Home" ? 0 : e.length - 1, n);
|
|
1591
1596
|
}
|
|
1592
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
1597
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), U(i));
|
|
1593
1598
|
},
|
|
1594
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(
|
|
1599
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(q, {
|
|
1595
1600
|
name: "IconCheck",
|
|
1596
1601
|
width: 16,
|
|
1597
1602
|
height: 16
|
|
@@ -1603,8 +1608,8 @@ var M = {
|
|
|
1603
1608
|
return /* @__PURE__ */ n("div", {
|
|
1604
1609
|
ref: N,
|
|
1605
1610
|
className: [
|
|
1606
|
-
|
|
1607
|
-
u ?
|
|
1611
|
+
X.wrapper,
|
|
1612
|
+
u ? X.errorState : "",
|
|
1608
1613
|
b
|
|
1609
1614
|
].filter(Boolean).join(" "),
|
|
1610
1615
|
children: [
|
|
@@ -1615,10 +1620,10 @@ var M = {
|
|
|
1615
1620
|
children: c
|
|
1616
1621
|
}),
|
|
1617
1622
|
/* @__PURE__ */ t("div", {
|
|
1618
|
-
className:
|
|
1623
|
+
className: X.container,
|
|
1619
1624
|
children: te ? /* @__PURE__ */ t("div", {
|
|
1620
1625
|
id: D,
|
|
1621
|
-
className:
|
|
1626
|
+
className: X.disabledText,
|
|
1622
1627
|
"aria-describedby": B,
|
|
1623
1628
|
children: L?.label ?? a
|
|
1624
1629
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -1626,7 +1631,7 @@ var M = {
|
|
|
1626
1631
|
id: D,
|
|
1627
1632
|
type: "button",
|
|
1628
1633
|
name: S,
|
|
1629
|
-
className: `${
|
|
1634
|
+
className: `${X.trigger} ${X[v]}`,
|
|
1630
1635
|
disabled: o,
|
|
1631
1636
|
"aria-haspopup": "listbox",
|
|
1632
1637
|
"aria-expanded": k,
|
|
@@ -1649,13 +1654,13 @@ var M = {
|
|
|
1649
1654
|
}
|
|
1650
1655
|
},
|
|
1651
1656
|
children: [/* @__PURE__ */ t("span", {
|
|
1652
|
-
className: `${L ?
|
|
1653
|
-
${
|
|
1657
|
+
className: `${L ? X.value : X.placeholder}
|
|
1658
|
+
${X[v]}`,
|
|
1654
1659
|
children: L?.label ?? a
|
|
1655
1660
|
}), /* @__PURE__ */ t("span", {
|
|
1656
|
-
className: [
|
|
1661
|
+
className: [X.chevron, k ? X.chevronOpen : ""].filter(Boolean).join(" "),
|
|
1657
1662
|
"aria-hidden": "true",
|
|
1658
|
-
children: /* @__PURE__ */ t(
|
|
1663
|
+
children: /* @__PURE__ */ t(q, {
|
|
1659
1664
|
name: "IconChevron",
|
|
1660
1665
|
width: 20,
|
|
1661
1666
|
height: 20
|
|
@@ -1663,15 +1668,15 @@ var M = {
|
|
|
1663
1668
|
})]
|
|
1664
1669
|
})
|
|
1665
1670
|
}),
|
|
1666
|
-
k && _(
|
|
1671
|
+
k && _(ne, document.body),
|
|
1667
1672
|
y && !u && /* @__PURE__ */ t("span", {
|
|
1668
1673
|
id: R,
|
|
1669
|
-
className:
|
|
1674
|
+
className: X.message,
|
|
1670
1675
|
children: y
|
|
1671
1676
|
}),
|
|
1672
1677
|
u && /* @__PURE__ */ t("span", {
|
|
1673
1678
|
id: z,
|
|
1674
|
-
className:
|
|
1679
|
+
className: X.error,
|
|
1675
1680
|
children: u
|
|
1676
1681
|
})
|
|
1677
1682
|
]
|
|
@@ -1707,7 +1712,7 @@ var M = {
|
|
|
1707
1712
|
});
|
|
1708
1713
|
}
|
|
1709
1714
|
});
|
|
1710
|
-
},
|
|
1715
|
+
}, Z = {
|
|
1711
1716
|
root: "_root_1ekmv_1",
|
|
1712
1717
|
srOnly: "_srOnly_1ekmv_15",
|
|
1713
1718
|
bulkActions: "_bulkActions_1ekmv_39",
|
|
@@ -1842,151 +1847,151 @@ var M = {
|
|
|
1842
1847
|
sortDescFirst: e.sortDescFirst
|
|
1843
1848
|
};
|
|
1844
1849
|
return n !== void 0 && (i.sortFn = n), i;
|
|
1845
|
-
}, ht = ({ columns: e, data: i, tableOnMobile: a = !1, mobileView: o, breakpoint: s = "default", sorting: c, onSortingChange: l, renderMobileCard: u, getRowId: f, caption: p, ariaLabel: h, loading: _ = !1, error: v, emptyState: y = "Нет данных", stickyHeader: b = !1, maxHeight: S, className: C = "", onRowClick: w, selectable: T = !1, selectedRowIds: E, onSelectedRowIdsChange: D, onRowDoubleClick: O, getRowSelectionLabel: k, selectAllRowsLabel: A = "Выбрать все строки на этой странице", resetSelectionLabel: M = "Сбросить выбор", openRowLabel: ee = "Открыть строку", pagination: N = !1, paginationMode: P = "client", page: F = 1, pageSize: I = 30, totalCount: L, onPageChange: R, visibleColumnIds: z, density: B = "comfortable", renderBulkActions: te, renderExpandedRow: V, expandedRowIds: H, onExpandedRowIdsChange:
|
|
1846
|
-
let [
|
|
1850
|
+
}, ht = ({ columns: e, data: i, tableOnMobile: a = !1, mobileView: o, breakpoint: s = "default", sorting: c, onSortingChange: l, renderMobileCard: u, getRowId: f, caption: p, ariaLabel: h, loading: _ = !1, error: v, emptyState: y = "Нет данных", stickyHeader: b = !1, maxHeight: S, className: C = "", onRowClick: w, selectable: T = !1, selectedRowIds: E, onSelectedRowIdsChange: D, onRowDoubleClick: O, getRowSelectionLabel: k, selectAllRowsLabel: A = "Выбрать все строки на этой странице", resetSelectionLabel: M = "Сбросить выбор", openRowLabel: ee = "Открыть строку", pagination: N = !1, paginationMode: P = "client", page: F = 1, pageSize: I = 30, totalCount: L, onPageChange: R, visibleColumnIds: z, density: B = "comfortable", renderBulkActions: te, renderExpandedRow: V, expandedRowIds: H, onExpandedRowIdsChange: U, getRowExpansionLabel: ne, resultsAnnouncement: re }) => {
|
|
1851
|
+
let [ie, ae] = g([]), [oe, se] = g([]), [ce, le] = g([]), [W, ue] = g(0), de = c ?? ie, fe = de.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), pe = Number.isFinite(I) && I > 0 ? Math.floor(I) : 30, me = N && P === "server", G = m(() => {
|
|
1847
1852
|
if (z === void 0) return e;
|
|
1848
1853
|
let t = new Set(z);
|
|
1849
1854
|
return e.filter((e) => t.has(e.id));
|
|
1850
|
-
}, [e, z]),
|
|
1855
|
+
}, [e, z]), he = m(() => G.length === 0 ? "Должна быть видима хотя бы одна колонка" : ot(G, i), [i, G]), ge = m(() => G.map(mt), [G]), _e = G.some((e) => rt(e) !== void 0), ve = x({
|
|
1851
1856
|
features: tt,
|
|
1852
|
-
columns:
|
|
1857
|
+
columns: ge,
|
|
1853
1858
|
data: i,
|
|
1854
|
-
state: { sorting:
|
|
1859
|
+
state: { sorting: de },
|
|
1855
1860
|
onSortingChange: (e) => {
|
|
1856
|
-
let t = typeof e == "function" ? e(
|
|
1857
|
-
c === void 0 &&
|
|
1861
|
+
let t = typeof e == "function" ? e(de) : e;
|
|
1862
|
+
c === void 0 && ae(t), ue(0), l?.(t);
|
|
1858
1863
|
},
|
|
1859
1864
|
getRowId: f
|
|
1860
|
-
}),
|
|
1861
|
-
he,
|
|
1865
|
+
}), ye = ve.getRowModel().rows, K = me && Number.isFinite(L) && Number(L) >= 0 ? Math.floor(Number(L)) : ye.length, be = N ? Math.max(1, Math.ceil(K / pe)) : 1, xe = Number.isFinite(F) && F > 0 ? Math.floor(F) - 1 : 0, J = Math.min(me ? xe : W, be - 1), Ce = m(() => N && !me ? ye.slice(J * pe, (J + 1) * pe) : ye, [
|
|
1862
1866
|
me,
|
|
1867
|
+
pe,
|
|
1863
1868
|
N,
|
|
1864
1869
|
J,
|
|
1865
|
-
|
|
1866
|
-
]), we = E ??
|
|
1870
|
+
ye
|
|
1871
|
+
]), we = E ?? oe, Y = m(() => new Set(we), [we]), Te = H ?? ce, Ee = m(() => new Set(Te), [Te]), De = m(() => Ce.map((e) => e.id), [Ce]), Oe = De.filter((e) => Y.has(e)).length, ke = De.length > 0 && Oe === De.length, Ae = Oe > 0 && !ke, je = m(() => G.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
1867
1872
|
id: e.id,
|
|
1868
1873
|
label: typeof e.header == "string" ? e.header : e.id
|
|
1869
|
-
})), [
|
|
1870
|
-
|
|
1871
|
-
s === "wide" ?
|
|
1872
|
-
|
|
1873
|
-
B === "compact" ?
|
|
1874
|
+
})), [G]), Me = m(() => at(J, be), [be, J]), Ne = o === void 0 ? a : o === "table", Pe = [
|
|
1875
|
+
Z.root,
|
|
1876
|
+
s === "wide" ? Z.wide : Z.default,
|
|
1877
|
+
Ne ? Z.tableOnMobile : "",
|
|
1878
|
+
B === "compact" ? Z.compact : "",
|
|
1874
1879
|
C
|
|
1875
|
-
].filter(Boolean).join(" "),
|
|
1876
|
-
let t = Math.max(0, Math.min(
|
|
1877
|
-
if (
|
|
1880
|
+
].filter(Boolean).join(" "), Fe = he ?? v, Ie = N && !Fe && K > pe && (!_ || me), Le = J * pe + 1, Re = Math.min((J + 1) * pe, K), ze = (e) => {
|
|
1881
|
+
let t = Math.max(0, Math.min(be - 1, e));
|
|
1882
|
+
if (me) {
|
|
1878
1883
|
t !== J && R?.(t + 1);
|
|
1879
1884
|
return;
|
|
1880
1885
|
}
|
|
1881
|
-
|
|
1882
|
-
},
|
|
1886
|
+
ue(t);
|
|
1887
|
+
}, Be = (e) => {
|
|
1883
1888
|
let t = Array.from(e);
|
|
1884
|
-
E === void 0 &&
|
|
1885
|
-
},
|
|
1886
|
-
let t = new Set(
|
|
1887
|
-
t.has(e) ? t.delete(e) : t.add(e),
|
|
1888
|
-
},
|
|
1889
|
-
let e = nt(
|
|
1890
|
-
E === void 0 &&
|
|
1891
|
-
},
|
|
1892
|
-
let t = new Set(
|
|
1889
|
+
E === void 0 && se(t), D?.(t);
|
|
1890
|
+
}, Ve = (e) => {
|
|
1891
|
+
let t = new Set(Y);
|
|
1892
|
+
t.has(e) ? t.delete(e) : t.add(e), Be(t);
|
|
1893
|
+
}, He = () => {
|
|
1894
|
+
let e = nt(Y, De, !ke);
|
|
1895
|
+
E === void 0 && se(e), D?.(e);
|
|
1896
|
+
}, Ue = () => Be(/* @__PURE__ */ new Set()), We = (e) => {
|
|
1897
|
+
let t = new Set(Ee);
|
|
1893
1898
|
t.has(e) ? t.delete(e) : t.add(e);
|
|
1894
1899
|
let n = Array.from(t);
|
|
1895
|
-
H === void 0 &&
|
|
1896
|
-
},
|
|
1900
|
+
H === void 0 && le(n), U?.(n);
|
|
1901
|
+
}, Ge = i.filter((e, t) => Y.has(f?.(e, t) ?? String(t))), X = re?.({
|
|
1897
1902
|
visibleCount: Ce.length,
|
|
1898
|
-
totalCount:
|
|
1899
|
-
selectedCount:
|
|
1900
|
-
}) ?? `Показано строк: ${Ce.length} из ${
|
|
1903
|
+
totalCount: K,
|
|
1904
|
+
selectedCount: Y.size
|
|
1905
|
+
}) ?? `Показано строк: ${Ce.length} из ${K}. Выбрано: ${Y.size}.`;
|
|
1901
1906
|
return d(() => {
|
|
1902
|
-
|
|
1907
|
+
me || ue(0);
|
|
1903
1908
|
}, [
|
|
1904
1909
|
i,
|
|
1905
|
-
he,
|
|
1906
1910
|
me,
|
|
1911
|
+
pe,
|
|
1907
1912
|
N,
|
|
1908
|
-
|
|
1913
|
+
fe
|
|
1909
1914
|
]), d(() => {
|
|
1910
|
-
!
|
|
1915
|
+
!me && W >= be && ue(be - 1);
|
|
1911
1916
|
}, [
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1917
|
+
me,
|
|
1918
|
+
be,
|
|
1919
|
+
W
|
|
1915
1920
|
]), /* @__PURE__ */ n("section", {
|
|
1916
|
-
className:
|
|
1921
|
+
className: Pe,
|
|
1917
1922
|
"aria-busy": _,
|
|
1918
1923
|
children: [
|
|
1919
1924
|
/* @__PURE__ */ t("div", {
|
|
1920
|
-
className:
|
|
1925
|
+
className: Z.srOnly,
|
|
1921
1926
|
"aria-live": "polite",
|
|
1922
1927
|
"aria-atomic": "true",
|
|
1923
|
-
children:
|
|
1928
|
+
children: X
|
|
1924
1929
|
}),
|
|
1925
|
-
te &&
|
|
1926
|
-
className:
|
|
1930
|
+
te && Y.size > 0 && /* @__PURE__ */ t("div", {
|
|
1931
|
+
className: Z.bulkActions,
|
|
1927
1932
|
role: "region",
|
|
1928
1933
|
"aria-label": "Действия с выбранными строками",
|
|
1929
1934
|
children: te({
|
|
1930
|
-
selectedRowIds: Array.from(
|
|
1931
|
-
selectedRows:
|
|
1932
|
-
clearSelection:
|
|
1935
|
+
selectedRowIds: Array.from(Y),
|
|
1936
|
+
selectedRows: Ge,
|
|
1937
|
+
clearSelection: Ue
|
|
1933
1938
|
})
|
|
1934
1939
|
}),
|
|
1935
|
-
!
|
|
1936
|
-
className:
|
|
1937
|
-
options:
|
|
1938
|
-
value:
|
|
1939
|
-
id:
|
|
1940
|
-
direction:
|
|
1940
|
+
!Ne && !_ && !Fe && Ce.length > 0 && je.length > 0 && /* @__PURE__ */ t(et, {
|
|
1941
|
+
className: Z.mobileSort,
|
|
1942
|
+
options: je,
|
|
1943
|
+
value: de[0] ? {
|
|
1944
|
+
id: de[0].id,
|
|
1945
|
+
direction: de[0].desc ? "desc" : "asc"
|
|
1941
1946
|
} : null,
|
|
1942
|
-
onChange: (e) =>
|
|
1947
|
+
onChange: (e) => ve.setSorting([{
|
|
1943
1948
|
id: e.id,
|
|
1944
1949
|
desc: e.direction === "desc"
|
|
1945
1950
|
}])
|
|
1946
1951
|
}),
|
|
1947
1952
|
/* @__PURE__ */ t("div", {
|
|
1948
|
-
className:
|
|
1953
|
+
className: Z.tableWrap,
|
|
1949
1954
|
style: { maxHeight: S },
|
|
1950
1955
|
children: /* @__PURE__ */ n("table", {
|
|
1951
|
-
className:
|
|
1956
|
+
className: Z.table,
|
|
1952
1957
|
"aria-label": h,
|
|
1953
1958
|
children: [
|
|
1954
1959
|
p && /* @__PURE__ */ t("caption", { children: p }),
|
|
1955
|
-
(
|
|
1956
|
-
V && /* @__PURE__ */ t("col", { className:
|
|
1957
|
-
T && /* @__PURE__ */ t("col", { className:
|
|
1958
|
-
|
|
1960
|
+
(_e || T || !!V) && /* @__PURE__ */ n("colgroup", { children: [
|
|
1961
|
+
V && /* @__PURE__ */ t("col", { className: Z.expansionColumn }),
|
|
1962
|
+
T && /* @__PURE__ */ t("col", { className: Z.selectionColumn }),
|
|
1963
|
+
G.map((e) => /* @__PURE__ */ t("col", { style: rt(e) }, e.id))
|
|
1959
1964
|
] }),
|
|
1960
1965
|
/* @__PURE__ */ t("thead", {
|
|
1961
|
-
className: b ?
|
|
1962
|
-
children:
|
|
1966
|
+
className: b ? Z.sticky : "",
|
|
1967
|
+
children: ve.getHeaderGroups().map((e) => /* @__PURE__ */ n("tr", { children: [
|
|
1963
1968
|
V && /* @__PURE__ */ t("th", {
|
|
1964
|
-
className:
|
|
1969
|
+
className: Z.expansionCell,
|
|
1965
1970
|
scope: "col",
|
|
1966
1971
|
children: /* @__PURE__ */ t("span", {
|
|
1967
|
-
className:
|
|
1972
|
+
className: Z.srOnly,
|
|
1968
1973
|
children: "Подробности"
|
|
1969
1974
|
})
|
|
1970
1975
|
}),
|
|
1971
1976
|
T && /* @__PURE__ */ t("th", {
|
|
1972
|
-
className:
|
|
1977
|
+
className: Z.selectionHeaderCell,
|
|
1973
1978
|
scope: "col",
|
|
1974
1979
|
children: /* @__PURE__ */ n("div", {
|
|
1975
|
-
className:
|
|
1980
|
+
className: Z.selectionHeaderControls,
|
|
1976
1981
|
children: [/* @__PURE__ */ t(Se, {
|
|
1977
|
-
checked:
|
|
1978
|
-
indeterminate:
|
|
1979
|
-
disabled: _ ||
|
|
1982
|
+
checked: ke,
|
|
1983
|
+
indeterminate: Ae,
|
|
1984
|
+
disabled: _ || De.length === 0,
|
|
1980
1985
|
ariaLabel: A,
|
|
1981
|
-
onChange:
|
|
1986
|
+
onChange: He
|
|
1982
1987
|
}), /* @__PURE__ */ t(j, {
|
|
1983
1988
|
size: "sm",
|
|
1984
1989
|
variant: "empty",
|
|
1985
|
-
disabled:
|
|
1990
|
+
disabled: Y.size === 0,
|
|
1986
1991
|
"aria-label": M,
|
|
1987
1992
|
title: M,
|
|
1988
|
-
onClick:
|
|
1989
|
-
children: /* @__PURE__ */ t(
|
|
1993
|
+
onClick: Ue,
|
|
1994
|
+
children: /* @__PURE__ */ t(q, {
|
|
1990
1995
|
name: "IconX",
|
|
1991
1996
|
width: 16,
|
|
1992
1997
|
height: 16
|
|
@@ -1999,17 +2004,17 @@ var M = {
|
|
|
1999
2004
|
return /* @__PURE__ */ t("th", {
|
|
2000
2005
|
scope: "col",
|
|
2001
2006
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
2002
|
-
className:
|
|
2007
|
+
className: G.find((t) => t.id === e.column.id)?.sticky ? Z.stickyColumn : void 0,
|
|
2003
2008
|
style: {
|
|
2004
|
-
...rt(
|
|
2005
|
-
...it(
|
|
2009
|
+
...rt(G.find((t) => t.id === e.column.id)),
|
|
2010
|
+
...it(G.find((t) => t.id === e.column.id))
|
|
2006
2011
|
},
|
|
2007
2012
|
children: /* @__PURE__ */ n("button", {
|
|
2008
2013
|
type: "button",
|
|
2009
|
-
className:
|
|
2014
|
+
className: Z.sortButton,
|
|
2010
2015
|
disabled: !i,
|
|
2011
2016
|
onClick: a,
|
|
2012
|
-
children: [/* @__PURE__ */ t(
|
|
2017
|
+
children: [/* @__PURE__ */ t(ve.FlexRender, { header: e }), /* @__PURE__ */ t(q, {
|
|
2013
2018
|
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
2014
2019
|
width: 16,
|
|
2015
2020
|
height: 16
|
|
@@ -2020,81 +2025,81 @@ var M = {
|
|
|
2020
2025
|
] }, e.id))
|
|
2021
2026
|
}),
|
|
2022
2027
|
/* @__PURE__ */ t("tbody", { children: _ ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2023
|
-
colSpan:
|
|
2028
|
+
colSpan: G.length + +!!T + +!!V,
|
|
2024
2029
|
children: /* @__PURE__ */ t(Ke, {
|
|
2025
2030
|
lines: 3,
|
|
2026
2031
|
height: 65
|
|
2027
2032
|
})
|
|
2028
|
-
}) }) :
|
|
2029
|
-
className:
|
|
2030
|
-
colSpan:
|
|
2031
|
-
children:
|
|
2033
|
+
}) }) : Fe ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2034
|
+
className: Z.state,
|
|
2035
|
+
colSpan: G.length + +!!T + +!!V,
|
|
2036
|
+
children: Fe
|
|
2032
2037
|
}) }) : Ce.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2033
|
-
className:
|
|
2034
|
-
colSpan:
|
|
2038
|
+
className: Z.state,
|
|
2039
|
+
colSpan: G.length + +!!T + +!!V,
|
|
2035
2040
|
children: y
|
|
2036
2041
|
}) }) : Ce.map((e) => {
|
|
2037
|
-
let i =
|
|
2042
|
+
let i = Y.has(e.id), a = k?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = Ee.has(e.id);
|
|
2038
2043
|
return /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ n("tr", {
|
|
2039
|
-
className: [w || T ?
|
|
2044
|
+
className: [w || T ? Z.clickableRow : "", i ? Z.selectedRow : ""].filter(Boolean).join(" "),
|
|
2040
2045
|
"aria-selected": T ? i : void 0,
|
|
2041
2046
|
onClick: () => {
|
|
2042
|
-
T ?
|
|
2047
|
+
T ? Ve(e.id) : w?.(e.original);
|
|
2043
2048
|
},
|
|
2044
2049
|
onDoubleClick: () => {
|
|
2045
2050
|
T && O?.(e.original);
|
|
2046
2051
|
},
|
|
2047
2052
|
onKeyDown: (t) => {
|
|
2048
|
-
t.key === "Enter" ? (t.preventDefault(), T ? O?.(e.original) : w?.(e.original)) : t.key === " " && T && (t.preventDefault(),
|
|
2053
|
+
t.key === "Enter" ? (t.preventDefault(), T ? O?.(e.original) : w?.(e.original)) : t.key === " " && T && (t.preventDefault(), Ve(e.id));
|
|
2049
2054
|
},
|
|
2050
2055
|
tabIndex: w || T || O ? 0 : void 0,
|
|
2051
2056
|
role: !T && w ? "button" : void 0,
|
|
2052
2057
|
children: [
|
|
2053
2058
|
V && /* @__PURE__ */ t("td", {
|
|
2054
|
-
className:
|
|
2059
|
+
className: Z.expansionCell,
|
|
2055
2060
|
onClick: (e) => e.stopPropagation(),
|
|
2056
2061
|
children: /* @__PURE__ */ t(j, {
|
|
2057
2062
|
size: "sm",
|
|
2058
2063
|
variant: "empty",
|
|
2059
2064
|
"aria-expanded": o,
|
|
2060
|
-
"aria-label":
|
|
2061
|
-
onClick: () =>
|
|
2062
|
-
children: /* @__PURE__ */ t(
|
|
2065
|
+
"aria-label": ne?.(e.original, o) ?? (o ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2066
|
+
onClick: () => We(e.id),
|
|
2067
|
+
children: /* @__PURE__ */ t(q, {
|
|
2063
2068
|
name: "IconChevron",
|
|
2064
2069
|
width: 16,
|
|
2065
2070
|
height: 16,
|
|
2066
|
-
className: o ?
|
|
2071
|
+
className: o ? Z.expansionIconOpen : Z.expansionIcon
|
|
2067
2072
|
})
|
|
2068
2073
|
})
|
|
2069
2074
|
}),
|
|
2070
2075
|
T && /* @__PURE__ */ t("td", {
|
|
2071
|
-
className:
|
|
2076
|
+
className: Z.selectionCell,
|
|
2072
2077
|
children: /* @__PURE__ */ t("div", {
|
|
2073
2078
|
onClick: (e) => e.stopPropagation(),
|
|
2074
2079
|
children: /* @__PURE__ */ t(Se, {
|
|
2075
2080
|
checked: i,
|
|
2076
2081
|
ariaLabel: a,
|
|
2077
|
-
onChange: () =>
|
|
2082
|
+
onChange: () => Ve(e.id)
|
|
2078
2083
|
})
|
|
2079
2084
|
})
|
|
2080
2085
|
}),
|
|
2081
2086
|
e.getAllCells().map((e) => /* @__PURE__ */ t("td", {
|
|
2082
|
-
className:
|
|
2087
|
+
className: G.find((t) => t.id === e.column.id)?.sticky ? Z.stickyColumn : void 0,
|
|
2083
2088
|
style: {
|
|
2084
|
-
...rt(
|
|
2085
|
-
...it(
|
|
2089
|
+
...rt(G.find((t) => t.id === e.column.id)),
|
|
2090
|
+
...it(G.find((t) => t.id === e.column.id))
|
|
2086
2091
|
},
|
|
2087
|
-
children: /* @__PURE__ */ t(
|
|
2092
|
+
children: /* @__PURE__ */ t(ve.FlexRender, { cell: e })
|
|
2088
2093
|
}, e.id))
|
|
2089
2094
|
]
|
|
2090
2095
|
}), o && V && /* @__PURE__ */ t("tr", {
|
|
2091
|
-
className:
|
|
2096
|
+
className: Z.detailRow,
|
|
2092
2097
|
children: /* @__PURE__ */ t("td", {
|
|
2093
|
-
colSpan:
|
|
2098
|
+
colSpan: G.length + +!!T + 1,
|
|
2094
2099
|
children: V({
|
|
2095
2100
|
row: e.original,
|
|
2096
2101
|
rowId: e.id,
|
|
2097
|
-
collapse: () =>
|
|
2102
|
+
collapse: () => We(e.id)
|
|
2098
2103
|
})
|
|
2099
2104
|
})
|
|
2100
2105
|
})] }, e.id);
|
|
@@ -2102,42 +2107,42 @@ var M = {
|
|
|
2102
2107
|
]
|
|
2103
2108
|
})
|
|
2104
2109
|
}),
|
|
2105
|
-
!
|
|
2106
|
-
className:
|
|
2110
|
+
!Ne && /* @__PURE__ */ n("div", {
|
|
2111
|
+
className: Z.cards,
|
|
2107
2112
|
role: "list",
|
|
2108
2113
|
"aria-label": h ?? p,
|
|
2109
|
-
children: [T && !_ && !
|
|
2110
|
-
className:
|
|
2114
|
+
children: [T && !_ && !Fe && Ce.length > 0 && /* @__PURE__ */ n("div", {
|
|
2115
|
+
className: Z.mobileSelectionControls,
|
|
2111
2116
|
children: [/* @__PURE__ */ t(Se, {
|
|
2112
|
-
checked:
|
|
2113
|
-
indeterminate:
|
|
2117
|
+
checked: ke,
|
|
2118
|
+
indeterminate: Ae,
|
|
2114
2119
|
ariaLabel: A,
|
|
2115
2120
|
label: A,
|
|
2116
|
-
onChange:
|
|
2121
|
+
onChange: He
|
|
2117
2122
|
}), /* @__PURE__ */ t(j, {
|
|
2118
2123
|
size: "sm",
|
|
2119
2124
|
variant: "empty",
|
|
2120
|
-
disabled:
|
|
2121
|
-
onClick:
|
|
2125
|
+
disabled: Y.size === 0,
|
|
2126
|
+
onClick: Ue,
|
|
2122
2127
|
children: M
|
|
2123
2128
|
})]
|
|
2124
2129
|
}), _ ? /* @__PURE__ */ t(Ke, {
|
|
2125
2130
|
lines: 4,
|
|
2126
2131
|
height: 65
|
|
2127
|
-
}) :
|
|
2128
|
-
className:
|
|
2129
|
-
children:
|
|
2132
|
+
}) : Fe ? /* @__PURE__ */ t("div", {
|
|
2133
|
+
className: Z.state,
|
|
2134
|
+
children: Fe
|
|
2130
2135
|
}) : Ce.length === 0 ? /* @__PURE__ */ t("div", {
|
|
2131
|
-
className:
|
|
2136
|
+
className: Z.state,
|
|
2132
2137
|
children: y
|
|
2133
2138
|
}) : Ce.map((e) => {
|
|
2134
|
-
let r =
|
|
2135
|
-
className:
|
|
2139
|
+
let r = Y.has(e.id), i = Ee.has(e.id), a = k?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = T && /* @__PURE__ */ n("div", {
|
|
2140
|
+
className: Z.cardSelectionControls,
|
|
2136
2141
|
onClick: (e) => e.stopPropagation(),
|
|
2137
2142
|
children: [/* @__PURE__ */ t(Se, {
|
|
2138
2143
|
checked: r,
|
|
2139
2144
|
ariaLabel: a,
|
|
2140
|
-
onChange: () =>
|
|
2145
|
+
onChange: () => Ve(e.id)
|
|
2141
2146
|
}), O && /* @__PURE__ */ t(j, {
|
|
2142
2147
|
size: "sm",
|
|
2143
2148
|
variant: "empty",
|
|
@@ -2148,85 +2153,85 @@ var M = {
|
|
|
2148
2153
|
size: "sm",
|
|
2149
2154
|
variant: "empty",
|
|
2150
2155
|
"aria-expanded": i,
|
|
2151
|
-
"aria-label":
|
|
2156
|
+
"aria-label": ne?.(e.original, i) ?? (i ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2152
2157
|
onClick: (t) => {
|
|
2153
|
-
t.stopPropagation(),
|
|
2158
|
+
t.stopPropagation(), We(e.id);
|
|
2154
2159
|
},
|
|
2155
|
-
children: /* @__PURE__ */ t(
|
|
2160
|
+
children: /* @__PURE__ */ t(q, {
|
|
2156
2161
|
name: "IconChevron",
|
|
2157
2162
|
width: 16,
|
|
2158
2163
|
height: 16,
|
|
2159
|
-
className: i ?
|
|
2164
|
+
className: i ? Z.expansionIconOpen : Z.expansionIcon
|
|
2160
2165
|
})
|
|
2161
2166
|
});
|
|
2162
2167
|
if (u) return /* @__PURE__ */ n("div", {
|
|
2163
2168
|
role: "listitem",
|
|
2164
|
-
className: `${
|
|
2169
|
+
className: `${Z.customCardShell} ${r ? Z.selectedCard : ""}`,
|
|
2165
2170
|
"aria-selected": T ? r : void 0,
|
|
2166
2171
|
onClick: () => {
|
|
2167
|
-
T &&
|
|
2172
|
+
T && Ve(e.id);
|
|
2168
2173
|
},
|
|
2169
2174
|
children: [
|
|
2170
2175
|
o,
|
|
2171
2176
|
u({
|
|
2172
2177
|
row: e.original,
|
|
2173
|
-
columns:
|
|
2178
|
+
columns: G
|
|
2174
2179
|
}),
|
|
2175
2180
|
s,
|
|
2176
2181
|
i && /* @__PURE__ */ t("div", {
|
|
2177
|
-
className:
|
|
2182
|
+
className: Z.cardDetail,
|
|
2178
2183
|
children: V?.({
|
|
2179
2184
|
row: e.original,
|
|
2180
2185
|
rowId: e.id,
|
|
2181
|
-
collapse: () =>
|
|
2186
|
+
collapse: () => We(e.id)
|
|
2182
2187
|
})
|
|
2183
2188
|
})
|
|
2184
2189
|
]
|
|
2185
2190
|
}, e.id);
|
|
2186
|
-
let c =
|
|
2191
|
+
let c = G.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), l = c.find((e) => e.mobile?.primary) ?? c.find((e) => e.mobile?.mobileVariant !== "actions"), d = (t) => st(t.accessor, e.original), f = (t) => t.mobile?.renderMobile?.(e.original, d(t)) ?? t.cell?.(e.original, d(t)) ?? String(d(t) ?? "");
|
|
2187
2192
|
return /* @__PURE__ */ n("article", {
|
|
2188
2193
|
role: "listitem",
|
|
2189
|
-
className: `${
|
|
2194
|
+
className: `${Z.card} ${r ? Z.selectedCard : ""}`,
|
|
2190
2195
|
"aria-selected": T ? r : void 0,
|
|
2191
2196
|
onClick: () => {
|
|
2192
|
-
T &&
|
|
2197
|
+
T && Ve(e.id);
|
|
2193
2198
|
},
|
|
2194
2199
|
children: [
|
|
2195
2200
|
o,
|
|
2196
2201
|
s,
|
|
2197
2202
|
/* @__PURE__ */ t("h3", { children: l ? f(l) : `Строка ${e.index + 1}` }),
|
|
2198
2203
|
/* @__PURE__ */ t("dl", { children: c.filter((e) => e !== l && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
|
|
2199
|
-
className: e.mobile?.mobileSpan === 2 ?
|
|
2204
|
+
className: e.mobile?.mobileSpan === 2 ? Z.spanTwo : "",
|
|
2200
2205
|
children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: f(e) })]
|
|
2201
2206
|
}, e.id)) }),
|
|
2202
2207
|
c.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: f(e) }, e.id)),
|
|
2203
2208
|
i && /* @__PURE__ */ t("div", {
|
|
2204
|
-
className:
|
|
2209
|
+
className: Z.cardDetail,
|
|
2205
2210
|
children: V?.({
|
|
2206
2211
|
row: e.original,
|
|
2207
2212
|
rowId: e.id,
|
|
2208
|
-
collapse: () =>
|
|
2213
|
+
collapse: () => We(e.id)
|
|
2209
2214
|
})
|
|
2210
2215
|
})
|
|
2211
2216
|
]
|
|
2212
2217
|
}, e.id);
|
|
2213
2218
|
})]
|
|
2214
2219
|
}),
|
|
2215
|
-
|
|
2216
|
-
className:
|
|
2220
|
+
Ie && /* @__PURE__ */ n("nav", {
|
|
2221
|
+
className: Z.pagination,
|
|
2217
2222
|
"aria-label": "Пагинация таблицы",
|
|
2218
2223
|
children: [/* @__PURE__ */ n("span", {
|
|
2219
|
-
className:
|
|
2224
|
+
className: Z.paginationRange,
|
|
2220
2225
|
"aria-live": "polite",
|
|
2221
2226
|
children: [
|
|
2222
|
-
|
|
2227
|
+
Le,
|
|
2223
2228
|
"–",
|
|
2224
|
-
|
|
2229
|
+
Re,
|
|
2225
2230
|
" из ",
|
|
2226
|
-
|
|
2231
|
+
K
|
|
2227
2232
|
]
|
|
2228
2233
|
}), /* @__PURE__ */ n("div", {
|
|
2229
|
-
className:
|
|
2234
|
+
className: Z.paginationControls,
|
|
2230
2235
|
children: [
|
|
2231
2236
|
/* @__PURE__ */ n(j, {
|
|
2232
2237
|
variant: "empty",
|
|
@@ -2234,33 +2239,33 @@ var M = {
|
|
|
2234
2239
|
disabled: _ || J === 0,
|
|
2235
2240
|
"aria-label": "Предыдущая страница",
|
|
2236
2241
|
onClick: () => {
|
|
2237
|
-
|
|
2242
|
+
ze(J - 1);
|
|
2238
2243
|
},
|
|
2239
|
-
children: [/* @__PURE__ */ t(
|
|
2244
|
+
children: [/* @__PURE__ */ t(q, {
|
|
2240
2245
|
name: "IconChevron",
|
|
2241
2246
|
width: 18,
|
|
2242
2247
|
height: 18,
|
|
2243
|
-
className:
|
|
2248
|
+
className: Z.previousIcon
|
|
2244
2249
|
}), /* @__PURE__ */ t("span", {
|
|
2245
|
-
className:
|
|
2250
|
+
className: Z.paginationButtonLabel,
|
|
2246
2251
|
children: "Назад"
|
|
2247
2252
|
})]
|
|
2248
2253
|
}),
|
|
2249
2254
|
/* @__PURE__ */ t("div", {
|
|
2250
|
-
className:
|
|
2251
|
-
children:
|
|
2255
|
+
className: Z.pageNumbers,
|
|
2256
|
+
children: Me.map((e) => typeof e == "number" ? /* @__PURE__ */ t(j, {
|
|
2252
2257
|
variant: e === J ? "secondary" : "empty",
|
|
2253
2258
|
size: "md",
|
|
2254
|
-
className:
|
|
2259
|
+
className: Z.pageButton,
|
|
2255
2260
|
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
2256
2261
|
"aria-current": e === J ? "page" : void 0,
|
|
2257
2262
|
disabled: _,
|
|
2258
2263
|
onClick: () => {
|
|
2259
|
-
|
|
2264
|
+
ze(e);
|
|
2260
2265
|
},
|
|
2261
2266
|
children: e + 1
|
|
2262
2267
|
}, e) : /* @__PURE__ */ t("span", {
|
|
2263
|
-
className:
|
|
2268
|
+
className: Z.ellipsis,
|
|
2264
2269
|
"aria-hidden": "true",
|
|
2265
2270
|
children: "…"
|
|
2266
2271
|
}, e))
|
|
@@ -2268,19 +2273,19 @@ var M = {
|
|
|
2268
2273
|
/* @__PURE__ */ n(j, {
|
|
2269
2274
|
variant: "empty",
|
|
2270
2275
|
size: "md",
|
|
2271
|
-
disabled: _ || J ===
|
|
2276
|
+
disabled: _ || J === be - 1,
|
|
2272
2277
|
"aria-label": "Следующая страница",
|
|
2273
2278
|
onClick: () => {
|
|
2274
|
-
|
|
2279
|
+
ze(J + 1);
|
|
2275
2280
|
},
|
|
2276
2281
|
children: [/* @__PURE__ */ t("span", {
|
|
2277
|
-
className:
|
|
2282
|
+
className: Z.paginationButtonLabel,
|
|
2278
2283
|
children: "Вперёд"
|
|
2279
|
-
}), /* @__PURE__ */ t(
|
|
2284
|
+
}), /* @__PURE__ */ t(q, {
|
|
2280
2285
|
name: "IconChevron",
|
|
2281
2286
|
width: 18,
|
|
2282
2287
|
height: 18,
|
|
2283
|
-
className:
|
|
2288
|
+
className: Z.nextIcon
|
|
2284
2289
|
})]
|
|
2285
2290
|
})
|
|
2286
2291
|
]
|
|
@@ -2331,17 +2336,17 @@ var M = {
|
|
|
2331
2336
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
2332
2337
|
};
|
|
2333
2338
|
}, [A]);
|
|
2334
|
-
let
|
|
2339
|
+
let U = (t, n) => {
|
|
2335
2340
|
let r = Xe(e, t, n);
|
|
2336
2341
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
2337
|
-
},
|
|
2342
|
+
}, ne = (t) => {
|
|
2338
2343
|
if (t.disabled) return;
|
|
2339
2344
|
let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
|
|
2340
2345
|
i?.(n, e.filter((e) => n.includes(e.value))), w && (j(!1), F.current?.focus());
|
|
2341
|
-
},
|
|
2346
|
+
}, re = A ? /* @__PURE__ */ t("ul", {
|
|
2342
2347
|
ref: I,
|
|
2343
2348
|
id: k,
|
|
2344
|
-
className:
|
|
2349
|
+
className: X.menu,
|
|
2345
2350
|
role: "listbox",
|
|
2346
2351
|
"aria-label": c,
|
|
2347
2352
|
"aria-multiselectable": "true",
|
|
@@ -2371,25 +2376,25 @@ var M = {
|
|
|
2371
2376
|
"aria-selected": o,
|
|
2372
2377
|
disabled: i.disabled,
|
|
2373
2378
|
className: [
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
o ?
|
|
2379
|
+
X[v],
|
|
2380
|
+
X.option,
|
|
2381
|
+
o ? X.selected : ""
|
|
2377
2382
|
].filter(Boolean).join(" "),
|
|
2378
|
-
onClick: () =>
|
|
2383
|
+
onClick: () => ne(i),
|
|
2379
2384
|
onKeyDown: (t) => {
|
|
2380
2385
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
2381
2386
|
t.preventDefault();
|
|
2382
2387
|
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
2383
|
-
|
|
2388
|
+
U(a + e, e);
|
|
2384
2389
|
}
|
|
2385
2390
|
if (t.key === "Home" || t.key === "End") {
|
|
2386
2391
|
t.preventDefault();
|
|
2387
2392
|
let n = t.key === "Home" ? 1 : -1;
|
|
2388
|
-
|
|
2393
|
+
U(t.key === "Home" ? 0 : e.length - 1, n);
|
|
2389
2394
|
}
|
|
2390
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
2395
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), ne(i)), t.key === "Tab" && j(!1);
|
|
2391
2396
|
},
|
|
2392
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(
|
|
2397
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(q, {
|
|
2393
2398
|
name: "IconCheck",
|
|
2394
2399
|
width: 16,
|
|
2395
2400
|
height: 16
|
|
@@ -2401,8 +2406,8 @@ var M = {
|
|
|
2401
2406
|
return /* @__PURE__ */ n("div", {
|
|
2402
2407
|
ref: P,
|
|
2403
2408
|
className: [
|
|
2404
|
-
|
|
2405
|
-
u ?
|
|
2409
|
+
X.wrapper,
|
|
2410
|
+
u ? X.errorState : "",
|
|
2406
2411
|
x
|
|
2407
2412
|
].filter(Boolean).join(" "),
|
|
2408
2413
|
children: [
|
|
@@ -2413,10 +2418,10 @@ var M = {
|
|
|
2413
2418
|
children: c
|
|
2414
2419
|
}),
|
|
2415
2420
|
/* @__PURE__ */ t("div", {
|
|
2416
|
-
className:
|
|
2421
|
+
className: X.container,
|
|
2417
2422
|
children: V ? /* @__PURE__ */ t("div", {
|
|
2418
2423
|
id: O,
|
|
2419
|
-
className: `${
|
|
2424
|
+
className: `${X.disabledText} ${X[v]}`,
|
|
2420
2425
|
"aria-describedby": te,
|
|
2421
2426
|
children: R || a
|
|
2422
2427
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -2424,7 +2429,7 @@ var M = {
|
|
|
2424
2429
|
id: O,
|
|
2425
2430
|
type: "button",
|
|
2426
2431
|
name: S,
|
|
2427
|
-
className: `${
|
|
2432
|
+
className: `${X.trigger} ${X[v]}`,
|
|
2428
2433
|
disabled: o,
|
|
2429
2434
|
"aria-haspopup": "listbox",
|
|
2430
2435
|
"aria-expanded": A,
|
|
@@ -2436,16 +2441,16 @@ var M = {
|
|
|
2436
2441
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
2437
2442
|
t.preventDefault(), j(!0);
|
|
2438
2443
|
let n = t.key === "ArrowDown" ? 1 : -1;
|
|
2439
|
-
requestAnimationFrame(() =>
|
|
2444
|
+
requestAnimationFrame(() => U(t.key === "ArrowDown" ? 0 : e.length - 1, n));
|
|
2440
2445
|
}
|
|
2441
2446
|
},
|
|
2442
2447
|
children: [/* @__PURE__ */ t("span", {
|
|
2443
|
-
className: `${R ?
|
|
2448
|
+
className: `${R ? X.value : X.placeholder} ${X[v]}`,
|
|
2444
2449
|
children: R || a
|
|
2445
2450
|
}), /* @__PURE__ */ t("span", {
|
|
2446
|
-
className: [
|
|
2451
|
+
className: [X.chevron, A ? X.chevronOpen : ""].filter(Boolean).join(" "),
|
|
2447
2452
|
"aria-hidden": "true",
|
|
2448
|
-
children: /* @__PURE__ */ t(
|
|
2453
|
+
children: /* @__PURE__ */ t(q, {
|
|
2449
2454
|
name: "IconChevron",
|
|
2450
2455
|
width: 20,
|
|
2451
2456
|
height: 20
|
|
@@ -2453,15 +2458,15 @@ var M = {
|
|
|
2453
2458
|
})]
|
|
2454
2459
|
})
|
|
2455
2460
|
}),
|
|
2456
|
-
A && _(
|
|
2461
|
+
A && _(re, document.body),
|
|
2457
2462
|
b && !u && /* @__PURE__ */ t("span", {
|
|
2458
2463
|
id: z,
|
|
2459
|
-
className:
|
|
2464
|
+
className: X.message,
|
|
2460
2465
|
children: b
|
|
2461
2466
|
}),
|
|
2462
2467
|
u && /* @__PURE__ */ t("span", {
|
|
2463
2468
|
id: B,
|
|
2464
|
-
className:
|
|
2469
|
+
className: X.error,
|
|
2465
2470
|
children: u
|
|
2466
2471
|
})
|
|
2467
2472
|
]
|
|
@@ -2530,7 +2535,7 @@ var M = {
|
|
|
2530
2535
|
"aria-label": j ? w : T,
|
|
2531
2536
|
"aria-pressed": j,
|
|
2532
2537
|
onClick: () => M((e) => !e),
|
|
2533
|
-
children: /* @__PURE__ */ t(
|
|
2538
|
+
children: /* @__PURE__ */ t(q, {
|
|
2534
2539
|
name: j ? "IconEyeOff" : "IconEye",
|
|
2535
2540
|
width: 20,
|
|
2536
2541
|
height: 20
|
|
@@ -2544,7 +2549,7 @@ var M = {
|
|
|
2544
2549
|
let e = A.current;
|
|
2545
2550
|
e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
2546
2551
|
},
|
|
2547
|
-
children: /* @__PURE__ */ t(
|
|
2552
|
+
children: /* @__PURE__ */ t(q, {
|
|
2548
2553
|
name: "IconCross",
|
|
2549
2554
|
width: 20,
|
|
2550
2555
|
height: 20
|
|
@@ -2573,7 +2578,7 @@ var M = {
|
|
|
2573
2578
|
if (!e[i]?.disabled) return i;
|
|
2574
2579
|
}
|
|
2575
2580
|
return -1;
|
|
2576
|
-
},
|
|
2581
|
+
}, Q = {
|
|
2577
2582
|
wrapper: "_wrapper_1v2s8_1",
|
|
2578
2583
|
control: "_control_1v2s8_17",
|
|
2579
2584
|
inputHost: "_inputHost_1v2s8_25",
|
|
@@ -2600,34 +2605,34 @@ var M = {
|
|
|
2600
2605
|
A,
|
|
2601
2606
|
j,
|
|
2602
2607
|
M
|
|
2603
|
-
].filter(Boolean).join(" "), F = h(null), I = h(null), L = h([]), [R, z] = g(!1), [B, te] = g(""), [V, H] = g(-1), [
|
|
2604
|
-
d(() => te(
|
|
2605
|
-
let
|
|
2608
|
+
].filter(Boolean).join(" "), F = h(null), I = h(null), L = h([]), [R, z] = g(!1), [B, te] = g(""), [V, H] = g(-1), [U, ne] = g(null), re = m(() => e.find((e) => e.value === r), [e, r]), ie = m(() => Ct(e, B), [e, B]), ae = s && u, oe = V >= 0 ? ie[V] : void 0;
|
|
2609
|
+
d(() => te(re?.label ?? ""), [re?.label, r]);
|
|
2610
|
+
let se = l(() => F.current?.querySelector("input") ?? null, []), ce = l((e, t) => wt(ie, e, t), [ie]), le = l((e) => {
|
|
2606
2611
|
H(e), !(e < 0) && requestAnimationFrame(() => L.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
2607
|
-
}, []),
|
|
2608
|
-
let e =
|
|
2612
|
+
}, []), W = l(() => {
|
|
2613
|
+
let e = se();
|
|
2609
2614
|
if (!e) return;
|
|
2610
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(
|
|
2611
|
-
|
|
2615
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(ie.length, Dt)) * kt[x] + Ot, r = window.innerHeight - t.bottom - Tt, i = t.top - Tt, a = r < n && i > r, o = a ? i : r, s = Math.max(kt[x] + Ot, Math.min(n, o)), c = window.innerWidth - t.width - Tt, l = Math.max(Tt, Math.min(t.left, c)), u = a ? Math.max(Tt, t.top - s - Et) : t.bottom + Et;
|
|
2616
|
+
ne({
|
|
2612
2617
|
top: u,
|
|
2613
2618
|
left: l,
|
|
2614
2619
|
width: t.width,
|
|
2615
2620
|
maxHeight: s
|
|
2616
2621
|
});
|
|
2617
2622
|
}, [
|
|
2618
|
-
|
|
2619
|
-
|
|
2623
|
+
ie.length,
|
|
2624
|
+
se,
|
|
2620
2625
|
x
|
|
2621
2626
|
]);
|
|
2622
2627
|
p(() => {
|
|
2623
2628
|
if (!R) {
|
|
2624
|
-
|
|
2629
|
+
ne(null);
|
|
2625
2630
|
return;
|
|
2626
2631
|
}
|
|
2627
|
-
return
|
|
2628
|
-
window.removeEventListener("resize",
|
|
2632
|
+
return W(), window.addEventListener("resize", W), window.addEventListener("scroll", W, !0), () => {
|
|
2633
|
+
window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0);
|
|
2629
2634
|
};
|
|
2630
|
-
}, [R,
|
|
2635
|
+
}, [R, W]), d(() => {
|
|
2631
2636
|
if (!R) return;
|
|
2632
2637
|
let e = (e) => {
|
|
2633
2638
|
let t = e.target;
|
|
@@ -2635,31 +2640,31 @@ var M = {
|
|
|
2635
2640
|
};
|
|
2636
2641
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
2637
2642
|
}, [R]);
|
|
2638
|
-
let
|
|
2639
|
-
s || c || (z(!0), H(
|
|
2640
|
-
},
|
|
2641
|
-
e.disabled || (te(e.label), z(!1), H(-1), i?.(e.value, e),
|
|
2642
|
-
},
|
|
2643
|
+
let ue = () => {
|
|
2644
|
+
s || c || (z(!0), H(ce(0, 1)));
|
|
2645
|
+
}, de = (e) => {
|
|
2646
|
+
e.disabled || (te(e.label), z(!1), H(-1), i?.(e.value, e), se()?.focus());
|
|
2647
|
+
}, fe = R ? /* @__PURE__ */ t("ul", {
|
|
2643
2648
|
ref: I,
|
|
2644
2649
|
id: k,
|
|
2645
|
-
className: `${
|
|
2650
|
+
className: `${Q.menu} ${ie.length === 0 ? Q.menuEmpty : ""}`,
|
|
2646
2651
|
role: "listbox",
|
|
2647
2652
|
"aria-label": v,
|
|
2648
|
-
style:
|
|
2649
|
-
top:
|
|
2650
|
-
left:
|
|
2651
|
-
width:
|
|
2652
|
-
maxHeight:
|
|
2653
|
+
style: U ? {
|
|
2654
|
+
top: U.top,
|
|
2655
|
+
left: U.left,
|
|
2656
|
+
width: U.width,
|
|
2657
|
+
maxHeight: U.maxHeight
|
|
2653
2658
|
} : {
|
|
2654
2659
|
top: 0,
|
|
2655
2660
|
left: 0,
|
|
2656
2661
|
visibility: "hidden",
|
|
2657
2662
|
maxHeight: 0
|
|
2658
2663
|
},
|
|
2659
|
-
children:
|
|
2660
|
-
className: `${
|
|
2664
|
+
children: ie.length === 0 ? /* @__PURE__ */ t("li", {
|
|
2665
|
+
className: `${Q.empty} ${Q[x]}`,
|
|
2661
2666
|
children: o
|
|
2662
|
-
}) :
|
|
2667
|
+
}) : ie.map((e, i) => {
|
|
2663
2668
|
let a = e.value === r, o = i === V;
|
|
2664
2669
|
return /* @__PURE__ */ t("li", {
|
|
2665
2670
|
role: "presentation",
|
|
@@ -2675,16 +2680,16 @@ var M = {
|
|
|
2675
2680
|
"aria-disabled": e.disabled,
|
|
2676
2681
|
"aria-selected": a,
|
|
2677
2682
|
className: [
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
a ?
|
|
2681
|
-
o ?
|
|
2683
|
+
Q.option,
|
|
2684
|
+
Q[x],
|
|
2685
|
+
a ? Q.selected : "",
|
|
2686
|
+
o ? Q.active : ""
|
|
2682
2687
|
].filter(Boolean).join(" "),
|
|
2683
2688
|
onPointerMove: () => {
|
|
2684
2689
|
e.disabled || H(i);
|
|
2685
2690
|
},
|
|
2686
|
-
onClick: () =>
|
|
2687
|
-
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(
|
|
2691
|
+
onClick: () => de(e),
|
|
2692
|
+
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(q, {
|
|
2688
2693
|
name: "IconCheck",
|
|
2689
2694
|
width: 16,
|
|
2690
2695
|
height: 16
|
|
@@ -2696,22 +2701,22 @@ var M = {
|
|
|
2696
2701
|
return /* @__PURE__ */ n("div", {
|
|
2697
2702
|
ref: F,
|
|
2698
2703
|
className: [
|
|
2699
|
-
|
|
2700
|
-
y ?
|
|
2704
|
+
Q.wrapper,
|
|
2705
|
+
y ? Q.errorState : "",
|
|
2701
2706
|
C
|
|
2702
2707
|
].filter(Boolean).join(" "),
|
|
2703
2708
|
children: [
|
|
2704
2709
|
v && /* @__PURE__ */ t(ee, {
|
|
2705
|
-
htmlFor:
|
|
2710
|
+
htmlFor: ae ? void 0 : O,
|
|
2706
2711
|
required: S,
|
|
2707
2712
|
disabled: s,
|
|
2708
2713
|
children: v
|
|
2709
2714
|
}),
|
|
2710
|
-
|
|
2711
|
-
className: `${
|
|
2712
|
-
children:
|
|
2715
|
+
ae ? /* @__PURE__ */ t("div", {
|
|
2716
|
+
className: `${Q.disabledText} ${Q[x]}`,
|
|
2717
|
+
children: re?.label ?? a
|
|
2713
2718
|
}) : /* @__PURE__ */ n("div", {
|
|
2714
|
-
className:
|
|
2719
|
+
className: Q.control,
|
|
2715
2720
|
children: [/* @__PURE__ */ t(St, {
|
|
2716
2721
|
id: O,
|
|
2717
2722
|
name: w,
|
|
@@ -2723,8 +2728,8 @@ var M = {
|
|
|
2723
2728
|
size: x,
|
|
2724
2729
|
clearable: !1,
|
|
2725
2730
|
autoComplete: "off",
|
|
2726
|
-
className: `${
|
|
2727
|
-
onFocus:
|
|
2731
|
+
className: `${Q.inputHost} ${Q[x]}`,
|
|
2732
|
+
onFocus: ue,
|
|
2728
2733
|
onChange: (t) => {
|
|
2729
2734
|
let n = String(t), r = Ct(e, n);
|
|
2730
2735
|
te(n), z(!0), H(wt(r, 0, 1));
|
|
@@ -2733,40 +2738,40 @@ var M = {
|
|
|
2733
2738
|
"aria-autocomplete": "list",
|
|
2734
2739
|
"aria-expanded": R,
|
|
2735
2740
|
"aria-controls": k,
|
|
2736
|
-
"aria-activedescendant":
|
|
2741
|
+
"aria-activedescendant": oe ? `${O}-option-${V}` : void 0,
|
|
2737
2742
|
"aria-invalid": !!y,
|
|
2738
2743
|
"aria-describedby": P,
|
|
2739
|
-
onClick:
|
|
2744
|
+
onClick: ue,
|
|
2740
2745
|
onKeyDown: (e) => {
|
|
2741
2746
|
if (!(s || c)) {
|
|
2742
2747
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
2743
2748
|
e.preventDefault();
|
|
2744
|
-
let t = e.key === "ArrowDown" ? 1 : -1, n = V >= 0 ? V + t : t === 1 ? 0 :
|
|
2745
|
-
z(!0),
|
|
2749
|
+
let t = e.key === "ArrowDown" ? 1 : -1, n = V >= 0 ? V + t : t === 1 ? 0 : ie.length - 1;
|
|
2750
|
+
z(!0), le(ce(n, t));
|
|
2746
2751
|
} else if (e.key === "Home" || e.key === "End") {
|
|
2747
2752
|
if (!R) return;
|
|
2748
2753
|
e.preventDefault();
|
|
2749
2754
|
let t = e.key === "Home" ? 1 : -1;
|
|
2750
|
-
|
|
2751
|
-
} else e.key === "Enter" && R &&
|
|
2755
|
+
le(ce(e.key === "Home" ? 0 : ie.length - 1, t));
|
|
2756
|
+
} else e.key === "Enter" && R && oe ? (e.preventDefault(), de(oe)) : e.key === "Escape" && R ? (e.preventDefault(), z(!1), H(-1)) : e.key === "Tab" && (z(!1), H(-1));
|
|
2752
2757
|
}
|
|
2753
2758
|
}
|
|
2754
2759
|
}), /* @__PURE__ */ t("span", {
|
|
2755
|
-
className: `${
|
|
2760
|
+
className: `${Q.chevron} ${R ? Q.chevronOpen : ""}`,
|
|
2756
2761
|
"aria-hidden": "true",
|
|
2757
|
-
children: /* @__PURE__ */ t(
|
|
2762
|
+
children: /* @__PURE__ */ t(q, {
|
|
2758
2763
|
name: "IconChevron",
|
|
2759
2764
|
width: 20,
|
|
2760
2765
|
height: 20
|
|
2761
2766
|
})
|
|
2762
2767
|
})]
|
|
2763
2768
|
}),
|
|
2764
|
-
R && typeof document < "u" && _(
|
|
2769
|
+
R && typeof document < "u" && _(fe, document.body),
|
|
2765
2770
|
/* @__PURE__ */ n("span", {
|
|
2766
2771
|
id: A,
|
|
2767
|
-
className:
|
|
2772
|
+
className: Q.visuallyHidden,
|
|
2768
2773
|
"aria-live": "polite",
|
|
2769
|
-
children: ["Найдено вариантов: ",
|
|
2774
|
+
children: ["Найдено вариантов: ", ie.length]
|
|
2770
2775
|
}),
|
|
2771
2776
|
b && !y && /* @__PURE__ */ t(N, {
|
|
2772
2777
|
id: j,
|
|
@@ -2801,7 +2806,7 @@ var M = {
|
|
|
2801
2806
|
variant: "empty",
|
|
2802
2807
|
onClick: a,
|
|
2803
2808
|
"aria-label": o,
|
|
2804
|
-
children: /* @__PURE__ */ t(
|
|
2809
|
+
children: /* @__PURE__ */ t(q, {
|
|
2805
2810
|
name: "IconCross",
|
|
2806
2811
|
width: 20,
|
|
2807
2812
|
height: 20
|
|
@@ -3073,7 +3078,7 @@ var M = {
|
|
|
3073
3078
|
size: "sm",
|
|
3074
3079
|
"aria-label": `Удалить файл ${e.name}`,
|
|
3075
3080
|
onClick: () => i?.(r.filter((e, t) => t !== a)),
|
|
3076
|
-
children: /* @__PURE__ */ t(
|
|
3081
|
+
children: /* @__PURE__ */ t(q, {
|
|
3077
3082
|
name: "IconCross",
|
|
3078
3083
|
width: 16,
|
|
3079
3084
|
height: 16
|
|
@@ -3100,7 +3105,7 @@ var M = {
|
|
|
3100
3105
|
/* @__PURE__ */ t("span", {
|
|
3101
3106
|
className: Vt.uploadIcon,
|
|
3102
3107
|
"aria-hidden": "true",
|
|
3103
|
-
children: /* @__PURE__ */ t(
|
|
3108
|
+
children: /* @__PURE__ */ t(q, {
|
|
3104
3109
|
name: "IconUpload",
|
|
3105
3110
|
width: 24,
|
|
3106
3111
|
height: 24
|
|
@@ -3266,7 +3271,7 @@ function Zt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3266
3271
|
className: Jt.clearAction,
|
|
3267
3272
|
"aria-label": "Очистить поле",
|
|
3268
3273
|
onClick: z,
|
|
3269
|
-
children: /* @__PURE__ */ t(
|
|
3274
|
+
children: /* @__PURE__ */ t(q, {
|
|
3270
3275
|
name: "IconCross",
|
|
3271
3276
|
width: 20,
|
|
3272
3277
|
height: 20
|
|
@@ -3427,7 +3432,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3427
3432
|
size: "sm",
|
|
3428
3433
|
"aria-label": o,
|
|
3429
3434
|
onClick: D,
|
|
3430
|
-
children: /* @__PURE__ */ t(
|
|
3435
|
+
children: /* @__PURE__ */ t(q, {
|
|
3431
3436
|
name: "IconCross",
|
|
3432
3437
|
width: 24,
|
|
3433
3438
|
height: 24
|
|
@@ -3691,7 +3696,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3691
3696
|
"aria-label": v,
|
|
3692
3697
|
disabled: g,
|
|
3693
3698
|
onClick: () => T("close-button"),
|
|
3694
|
-
children: /* @__PURE__ */ t(
|
|
3699
|
+
children: /* @__PURE__ */ t(q, {
|
|
3695
3700
|
name: "IconCross",
|
|
3696
3701
|
width: 20,
|
|
3697
3702
|
height: 20
|
|
@@ -3811,7 +3816,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3811
3816
|
/* @__PURE__ */ t("div", {
|
|
3812
3817
|
className: zn.icon,
|
|
3813
3818
|
"aria-hidden": "true",
|
|
3814
|
-
children: /* @__PURE__ */ t(
|
|
3819
|
+
children: /* @__PURE__ */ t(q, {
|
|
3815
3820
|
name: Bn[e.variant],
|
|
3816
3821
|
color: "var(--ds-toast-accent)",
|
|
3817
3822
|
width: 20,
|
|
@@ -3844,7 +3849,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3844
3849
|
size: "sm",
|
|
3845
3850
|
"aria-label": "Закрыть уведомление",
|
|
3846
3851
|
onClick: () => r(e.id),
|
|
3847
|
-
children: /* @__PURE__ */ t(
|
|
3852
|
+
children: /* @__PURE__ */ t(q, {
|
|
3848
3853
|
name: "IconCross",
|
|
3849
3854
|
width: 20,
|
|
3850
3855
|
height: 20
|
|
@@ -4035,7 +4040,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4035
4040
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
4036
4041
|
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")}`;
|
|
4037
4042
|
return n ? `${n}:${a}` : a;
|
|
4038
|
-
},
|
|
4043
|
+
}, $ = {
|
|
4039
4044
|
root: "_root_14cqp_1",
|
|
4040
4045
|
frame: "_frame_14cqp_35",
|
|
4041
4046
|
video: "_video_14cqp_65",
|
|
@@ -4072,29 +4077,29 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4072
4077
|
1.5,
|
|
4073
4078
|
2
|
|
4074
4079
|
], nr = ({ sources: r, tracks: i = [], title: a, aspectRatio: o = "16 / 9", objectFit: s = "contain", loading: c = !1, error: u, fallback: f, className: p = "", controls: m = !0, playsInline: _ = !0, ...v }) => {
|
|
4075
|
-
let y = h(null), b = h(null), x = h(null), S = h(void 0), [C, w] = g(!1), [T, E] = g(r.length > 0), [D, O] = g(!1), [A, M] = g(!1), [ee, N] = g(!1), [P, F] = g(0), [I, L] = g(0), [R, z] = g(0), [B, te] = g(1), [V, H] = g(!!v.muted), [
|
|
4080
|
+
let y = h(null), b = h(null), x = h(null), S = h(void 0), [C, w] = g(!1), [T, E] = g(r.length > 0), [D, O] = g(!1), [A, M] = g(!1), [ee, N] = g(!1), [P, F] = g(0), [I, L] = g(0), [R, z] = g(0), [B, te] = g(1), [V, H] = g(!!v.muted), [U, ne] = g(1), [re, ie] = g(!!v.loop), [ae, oe] = g(-1), [se, ce] = g(!1), [le, W] = g(!0), [ue, de] = g(!1), [fe, pe] = g(!1), me = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), G = i.map((e, t) => ({
|
|
4076
4081
|
track: e,
|
|
4077
4082
|
index: t
|
|
4078
|
-
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"),
|
|
4079
|
-
|
|
4080
|
-
}, [A,
|
|
4083
|
+
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), he = u ?? (C ? "Не удалось воспроизвести видео" : void 0), ge = c || T && !he && r.length > 0, _e = !ge && !he && r.length === 0, ve = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, ye = l(() => {
|
|
4084
|
+
W(!0), window.clearTimeout(S.current), A && !se && (S.current = window.setTimeout(() => W(!1), Qn));
|
|
4085
|
+
}, [A, se]);
|
|
4081
4086
|
d(() => {
|
|
4082
4087
|
w(!1), E(r.length > 0), O(!1), M(!1), N(!1), F(0), L(0), z(0);
|
|
4083
|
-
}, [
|
|
4084
|
-
let e = () =>
|
|
4088
|
+
}, [me, r.length]), d(() => (ye(), () => window.clearTimeout(S.current)), [ye]), d(() => {
|
|
4089
|
+
let e = () => de(document.fullscreenElement === b.current), t = () => pe(document.pictureInPictureElement === x.current);
|
|
4085
4090
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
4086
4091
|
document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
|
|
4087
4092
|
};
|
|
4088
4093
|
}, []), d(() => {
|
|
4089
|
-
if (!
|
|
4094
|
+
if (!se) return;
|
|
4090
4095
|
let e = (e) => {
|
|
4091
|
-
y.current?.contains(e.target) ||
|
|
4096
|
+
y.current?.contains(e.target) || ce(!1);
|
|
4092
4097
|
};
|
|
4093
4098
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
4094
|
-
}, [
|
|
4095
|
-
let
|
|
4099
|
+
}, [se]);
|
|
4100
|
+
let K = async () => {
|
|
4096
4101
|
let e = x.current;
|
|
4097
|
-
if (!(!e ||
|
|
4102
|
+
if (!(!e || he || ge)) {
|
|
4098
4103
|
if (e.paused || e.ended) {
|
|
4099
4104
|
e.ended && (e.currentTime = 0);
|
|
4100
4105
|
try {
|
|
@@ -4104,60 +4109,60 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4104
4109
|
}
|
|
4105
4110
|
} else e.pause();
|
|
4106
4111
|
}
|
|
4107
|
-
},
|
|
4112
|
+
}, be = () => {
|
|
4108
4113
|
let e = x.current;
|
|
4109
4114
|
e && (e.muted = !e.muted);
|
|
4110
|
-
},
|
|
4115
|
+
}, xe = (e) => {
|
|
4111
4116
|
let t = x.current;
|
|
4112
4117
|
t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
|
|
4113
|
-
},
|
|
4118
|
+
}, Se = (e) => {
|
|
4114
4119
|
let t = x.current;
|
|
4115
4120
|
!t || !I || (t.currentTime = Math.min(I, Math.max(0, e)), F(t.currentTime));
|
|
4116
4121
|
}, J = async () => {
|
|
4117
4122
|
if (b.current) try {
|
|
4118
4123
|
document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
|
|
4119
4124
|
} catch {
|
|
4120
|
-
|
|
4125
|
+
de(!1);
|
|
4121
4126
|
}
|
|
4122
4127
|
}, Ce = async () => {
|
|
4123
4128
|
let e = x.current;
|
|
4124
|
-
if (!(!e || !
|
|
4129
|
+
if (!(!e || !ve)) try {
|
|
4125
4130
|
document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
|
|
4126
4131
|
} catch {
|
|
4127
|
-
|
|
4132
|
+
pe(!1);
|
|
4128
4133
|
}
|
|
4129
4134
|
}, we = (e) => {
|
|
4130
4135
|
let t = x.current;
|
|
4131
4136
|
t && (Array.from(t.textTracks).forEach((t, n) => {
|
|
4132
4137
|
t.mode = n === e ? "showing" : "disabled";
|
|
4133
|
-
}),
|
|
4134
|
-
},
|
|
4138
|
+
}), oe(e));
|
|
4139
|
+
}, Y = (e) => {
|
|
4135
4140
|
let t = e.target;
|
|
4136
4141
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
4137
4142
|
let n = e.key.toLowerCase();
|
|
4138
|
-
n === " " || n === "k" ? (e.preventDefault(),
|
|
4139
|
-
},
|
|
4143
|
+
n === " " || n === "k" ? (e.preventDefault(), K()) : n === "m" ? (e.preventDefault(), be()) : n === "f" ? (e.preventDefault(), J()) : n === "c" && G.length ? (e.preventDefault(), we(ae === -1 ? G[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), Se(P + (e.key === "ArrowRight" ? $n : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), xe(B + (e.key === "ArrowUp" ? er : -.05))) : e.key === "Escape" && ce(!1), ye();
|
|
4144
|
+
}, Te = () => {
|
|
4140
4145
|
let e = x.current;
|
|
4141
4146
|
w(!1), E(!0), e?.load();
|
|
4142
|
-
},
|
|
4147
|
+
}, Ee = {
|
|
4143
4148
|
"--video-progress": `${I ? P / I * 100 : 0}%`,
|
|
4144
4149
|
"--video-buffered": `${R * 100}%`
|
|
4145
4150
|
};
|
|
4146
4151
|
return /* @__PURE__ */ n("figure", {
|
|
4147
4152
|
ref: y,
|
|
4148
|
-
className: `${
|
|
4149
|
-
onKeyDown:
|
|
4153
|
+
className: `${$.root} ${p}`,
|
|
4154
|
+
onKeyDown: Y,
|
|
4150
4155
|
children: [/* @__PURE__ */ n("div", {
|
|
4151
4156
|
ref: b,
|
|
4152
|
-
className: `${
|
|
4157
|
+
className: `${$.frame} ${ue ? $.fullscreen : ""}`,
|
|
4153
4158
|
style: { aspectRatio: o },
|
|
4154
|
-
"aria-busy":
|
|
4159
|
+
"aria-busy": ge || void 0,
|
|
4155
4160
|
tabIndex: m && r.length ? 0 : void 0,
|
|
4156
|
-
onPointerMove:
|
|
4157
|
-
onPointerDown:
|
|
4158
|
-
onFocusCapture:
|
|
4161
|
+
onPointerMove: ye,
|
|
4162
|
+
onPointerDown: ye,
|
|
4163
|
+
onFocusCapture: ye,
|
|
4159
4164
|
onMouseLeave: () => {
|
|
4160
|
-
A && !
|
|
4165
|
+
A && !se && W(!1);
|
|
4161
4166
|
},
|
|
4162
4167
|
children: [
|
|
4163
4168
|
r.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -4166,11 +4171,11 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4166
4171
|
"aria-label": a,
|
|
4167
4172
|
controls: !1,
|
|
4168
4173
|
playsInline: _,
|
|
4169
|
-
loop:
|
|
4170
|
-
className:
|
|
4174
|
+
loop: re,
|
|
4175
|
+
className: $.video,
|
|
4171
4176
|
style: { objectFit: s },
|
|
4172
4177
|
onClick: (e) => {
|
|
4173
|
-
v.onClick?.(e),
|
|
4178
|
+
v.onClick?.(e), K();
|
|
4174
4179
|
},
|
|
4175
4180
|
onDoubleClick: (e) => {
|
|
4176
4181
|
v.onDoubleClick?.(e), J();
|
|
@@ -4180,7 +4185,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4180
4185
|
},
|
|
4181
4186
|
onLoadedMetadata: (e) => {
|
|
4182
4187
|
L(e.currentTarget.duration || 0);
|
|
4183
|
-
let t =
|
|
4188
|
+
let t = G.find(({ track: e }) => e.default);
|
|
4184
4189
|
we(t?.index ?? -1), v.onLoadedMetadata?.(e);
|
|
4185
4190
|
},
|
|
4186
4191
|
onDurationChange: (e) => {
|
|
@@ -4212,45 +4217,45 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4212
4217
|
M(!1), v.onPause?.(e);
|
|
4213
4218
|
},
|
|
4214
4219
|
onEnded: (e) => {
|
|
4215
|
-
M(!1), N(!0),
|
|
4220
|
+
M(!1), N(!0), W(!0), v.onEnded?.(e);
|
|
4216
4221
|
},
|
|
4217
4222
|
onVolumeChange: (e) => {
|
|
4218
4223
|
te(e.currentTarget.volume), H(e.currentTarget.muted), v.onVolumeChange?.(e);
|
|
4219
4224
|
},
|
|
4220
4225
|
onRateChange: (e) => {
|
|
4221
|
-
|
|
4226
|
+
ne(e.currentTarget.playbackRate), v.onRateChange?.(e);
|
|
4222
4227
|
},
|
|
4223
4228
|
onError: (e) => {
|
|
4224
4229
|
E(!1), O(!1), w(!0), v.onError?.(e);
|
|
4225
4230
|
},
|
|
4226
4231
|
children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
4227
4232
|
}),
|
|
4228
|
-
|
|
4229
|
-
className:
|
|
4233
|
+
ge && /* @__PURE__ */ n("div", {
|
|
4234
|
+
className: $.overlay,
|
|
4230
4235
|
role: "status",
|
|
4231
4236
|
"aria-live": "polite",
|
|
4232
4237
|
children: [/* @__PURE__ */ t("div", {
|
|
4233
|
-
className:
|
|
4238
|
+
className: $.loaderViewport,
|
|
4234
4239
|
"aria-hidden": "true",
|
|
4235
4240
|
children: /* @__PURE__ */ t("div", {
|
|
4236
|
-
className:
|
|
4241
|
+
className: $.loaderScale,
|
|
4237
4242
|
children: /* @__PURE__ */ t(Rn, {})
|
|
4238
4243
|
})
|
|
4239
4244
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
4240
4245
|
}),
|
|
4241
|
-
!
|
|
4242
|
-
className:
|
|
4246
|
+
!ge && D && !he && /* @__PURE__ */ t("div", {
|
|
4247
|
+
className: $.buffering,
|
|
4243
4248
|
role: "status",
|
|
4244
4249
|
"aria-label": "Буферизация видео",
|
|
4245
4250
|
children: /* @__PURE__ */ t(k, { variant: "primary" })
|
|
4246
4251
|
}),
|
|
4247
|
-
|
|
4248
|
-
className: `${
|
|
4252
|
+
_e && /* @__PURE__ */ n("div", {
|
|
4253
|
+
className: `${$.state} ${$.empty}`,
|
|
4249
4254
|
role: "status",
|
|
4250
4255
|
children: [
|
|
4251
|
-
/* @__PURE__ */ t(
|
|
4256
|
+
/* @__PURE__ */ t(q, {
|
|
4252
4257
|
name: "IconInfoCircle",
|
|
4253
|
-
className:
|
|
4258
|
+
className: $.stateIcon,
|
|
4254
4259
|
width: 40,
|
|
4255
4260
|
height: 40
|
|
4256
4261
|
}),
|
|
@@ -4258,46 +4263,46 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4258
4263
|
f ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
|
|
4259
4264
|
]
|
|
4260
4265
|
}),
|
|
4261
|
-
!
|
|
4262
|
-
className: `${
|
|
4266
|
+
!ge && he && /* @__PURE__ */ n("div", {
|
|
4267
|
+
className: `${$.state} ${$.error}`,
|
|
4263
4268
|
role: "alert",
|
|
4264
4269
|
children: [
|
|
4265
|
-
/* @__PURE__ */ t(
|
|
4270
|
+
/* @__PURE__ */ t(q, {
|
|
4266
4271
|
name: "IconWarning",
|
|
4267
|
-
className:
|
|
4272
|
+
className: $.stateIcon,
|
|
4268
4273
|
width: 40,
|
|
4269
4274
|
height: 40
|
|
4270
4275
|
}),
|
|
4271
|
-
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children:
|
|
4276
|
+
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: he })] }),
|
|
4272
4277
|
r.length > 0 && /* @__PURE__ */ t(j, {
|
|
4273
4278
|
size: "sm",
|
|
4274
4279
|
variant: "secondary",
|
|
4275
|
-
onClick:
|
|
4280
|
+
onClick: Te,
|
|
4276
4281
|
children: "Повторить"
|
|
4277
4282
|
})
|
|
4278
4283
|
]
|
|
4279
4284
|
}),
|
|
4280
|
-
!
|
|
4285
|
+
!ge && !he && ee && /* @__PURE__ */ t("button", {
|
|
4281
4286
|
type: "button",
|
|
4282
|
-
className:
|
|
4287
|
+
className: $.replay,
|
|
4283
4288
|
"aria-label": "Воспроизвести заново",
|
|
4284
|
-
onClick: () => void
|
|
4285
|
-
children: /* @__PURE__ */ t(
|
|
4289
|
+
onClick: () => void K(),
|
|
4290
|
+
children: /* @__PURE__ */ t(q, {
|
|
4286
4291
|
name: "IconReplay",
|
|
4287
4292
|
width: 28,
|
|
4288
4293
|
height: 28
|
|
4289
4294
|
})
|
|
4290
4295
|
}),
|
|
4291
|
-
m && r.length > 0 && !
|
|
4292
|
-
className: `${
|
|
4296
|
+
m && r.length > 0 && !ge && !he && /* @__PURE__ */ n("div", {
|
|
4297
|
+
className: `${$.controlsLayer} ${le || !A ? $.controlsVisible : ""}`,
|
|
4293
4298
|
onClick: (e) => e.stopPropagation(),
|
|
4294
|
-
children: [
|
|
4295
|
-
className:
|
|
4299
|
+
children: [se && /* @__PURE__ */ n("div", {
|
|
4300
|
+
className: $.settings,
|
|
4296
4301
|
role: "dialog",
|
|
4297
4302
|
"aria-label": "Настройки видео",
|
|
4298
4303
|
children: [
|
|
4299
4304
|
/* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Скорость" }), /* @__PURE__ */ t("select", {
|
|
4300
|
-
value:
|
|
4305
|
+
value: U,
|
|
4301
4306
|
onChange: (e) => {
|
|
4302
4307
|
let t = Number(e.target.value);
|
|
4303
4308
|
x.current && (x.current.playbackRate = t);
|
|
@@ -4307,32 +4312,32 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4307
4312
|
children: [e, "×"]
|
|
4308
4313
|
}, e))
|
|
4309
4314
|
})] }),
|
|
4310
|
-
|
|
4311
|
-
value:
|
|
4315
|
+
G.length > 0 && /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Субтитры" }), /* @__PURE__ */ n("select", {
|
|
4316
|
+
value: ae,
|
|
4312
4317
|
onChange: (e) => we(Number(e.target.value)),
|
|
4313
4318
|
children: [/* @__PURE__ */ t("option", {
|
|
4314
4319
|
value: -1,
|
|
4315
4320
|
children: "Выключены"
|
|
4316
|
-
}),
|
|
4321
|
+
}), G.map(({ track: e, index: n }) => /* @__PURE__ */ t("option", {
|
|
4317
4322
|
value: n,
|
|
4318
4323
|
children: e.label
|
|
4319
4324
|
}, `${e.srcLang}-${e.label}`))]
|
|
4320
4325
|
})] }),
|
|
4321
4326
|
/* @__PURE__ */ n("button", {
|
|
4322
4327
|
type: "button",
|
|
4323
|
-
className:
|
|
4324
|
-
"aria-pressed":
|
|
4325
|
-
onClick: () =>
|
|
4326
|
-
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children:
|
|
4328
|
+
className: $.settingsAction,
|
|
4329
|
+
"aria-pressed": re,
|
|
4330
|
+
onClick: () => ie((e) => !e),
|
|
4331
|
+
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: re ? "Вкл." : "Выкл." })]
|
|
4327
4332
|
}),
|
|
4328
|
-
|
|
4333
|
+
ve && /* @__PURE__ */ t("button", {
|
|
4329
4334
|
type: "button",
|
|
4330
|
-
className:
|
|
4331
|
-
"aria-pressed":
|
|
4335
|
+
className: $.settingsAction,
|
|
4336
|
+
"aria-pressed": fe,
|
|
4332
4337
|
onClick: () => void Ce(),
|
|
4333
4338
|
children: /* @__PURE__ */ n("span", {
|
|
4334
|
-
className:
|
|
4335
|
-
children: [/* @__PURE__ */ t(
|
|
4339
|
+
className: $.settingsActionLabel,
|
|
4340
|
+
children: [/* @__PURE__ */ t(q, {
|
|
4336
4341
|
name: "IconPictureInPicture",
|
|
4337
4342
|
width: 18,
|
|
4338
4343
|
height: 18
|
|
@@ -4341,17 +4346,17 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4341
4346
|
})
|
|
4342
4347
|
]
|
|
4343
4348
|
}), /* @__PURE__ */ n("div", {
|
|
4344
|
-
className:
|
|
4349
|
+
className: $.controls,
|
|
4345
4350
|
children: [
|
|
4346
4351
|
/* @__PURE__ */ t("div", {
|
|
4347
|
-
className:
|
|
4352
|
+
className: $.controlGroup,
|
|
4348
4353
|
children: /* @__PURE__ */ t("button", {
|
|
4349
4354
|
type: "button",
|
|
4350
|
-
className: `${
|
|
4355
|
+
className: `${$.controlButton} ${$.playButton}`,
|
|
4351
4356
|
"aria-label": A ? "Пауза" : "Воспроизвести",
|
|
4352
4357
|
title: A ? "Пауза (K)" : "Воспроизвести (K)",
|
|
4353
|
-
onClick: () => void
|
|
4354
|
-
children: /* @__PURE__ */ t(
|
|
4358
|
+
onClick: () => void K(),
|
|
4359
|
+
children: /* @__PURE__ */ t(q, {
|
|
4355
4360
|
name: A ? "IconPause" : "IconPlay",
|
|
4356
4361
|
width: 24,
|
|
4357
4362
|
height: 24
|
|
@@ -4359,21 +4364,21 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4359
4364
|
})
|
|
4360
4365
|
}),
|
|
4361
4366
|
/* @__PURE__ */ n("div", {
|
|
4362
|
-
className: `${
|
|
4367
|
+
className: `${$.controlGroup} ${$.volumeGroup}`,
|
|
4363
4368
|
children: [/* @__PURE__ */ t("button", {
|
|
4364
4369
|
type: "button",
|
|
4365
|
-
className:
|
|
4370
|
+
className: $.controlButton,
|
|
4366
4371
|
"aria-label": V ? "Включить звук" : "Выключить звук",
|
|
4367
4372
|
"aria-pressed": V,
|
|
4368
4373
|
title: "Звук (M)",
|
|
4369
|
-
onClick:
|
|
4370
|
-
children: /* @__PURE__ */ t(
|
|
4374
|
+
onClick: be,
|
|
4375
|
+
children: /* @__PURE__ */ t(q, {
|
|
4371
4376
|
name: V || B === 0 ? "IconVolumeMuted" : "IconVolume",
|
|
4372
4377
|
width: 22,
|
|
4373
4378
|
height: 22
|
|
4374
4379
|
})
|
|
4375
4380
|
}), /* @__PURE__ */ t("input", {
|
|
4376
|
-
className:
|
|
4381
|
+
className: $.volume,
|
|
4377
4382
|
type: "range",
|
|
4378
4383
|
min: 0,
|
|
4379
4384
|
max: 1,
|
|
@@ -4381,19 +4386,19 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4381
4386
|
value: V ? 0 : B,
|
|
4382
4387
|
"aria-label": "Громкость",
|
|
4383
4388
|
"aria-valuetext": `${Math.round((V ? 0 : B) * 100)}%`,
|
|
4384
|
-
onChange: (e) =>
|
|
4389
|
+
onChange: (e) => xe(Number(e.target.value))
|
|
4385
4390
|
})]
|
|
4386
4391
|
}),
|
|
4387
4392
|
/* @__PURE__ */ n("div", {
|
|
4388
|
-
className: `${
|
|
4393
|
+
className: `${$.controlGroup} ${$.timelineGroup}`,
|
|
4389
4394
|
children: [
|
|
4390
4395
|
/* @__PURE__ */ t("span", {
|
|
4391
|
-
className:
|
|
4396
|
+
className: $.time,
|
|
4392
4397
|
children: Zn(P)
|
|
4393
4398
|
}),
|
|
4394
4399
|
/* @__PURE__ */ t("input", {
|
|
4395
|
-
className:
|
|
4396
|
-
style:
|
|
4400
|
+
className: $.timeline,
|
|
4401
|
+
style: Ee,
|
|
4397
4402
|
type: "range",
|
|
4398
4403
|
min: 0,
|
|
4399
4404
|
max: I || 0,
|
|
@@ -4401,36 +4406,36 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4401
4406
|
value: Math.min(P, I || 0),
|
|
4402
4407
|
"aria-label": "Позиция воспроизведения",
|
|
4403
4408
|
"aria-valuetext": `${Zn(P)} из ${Zn(I)}`,
|
|
4404
|
-
onChange: (e) =>
|
|
4409
|
+
onChange: (e) => Se(Number(e.target.value))
|
|
4405
4410
|
}),
|
|
4406
4411
|
/* @__PURE__ */ t("span", {
|
|
4407
|
-
className:
|
|
4412
|
+
className: $.time,
|
|
4408
4413
|
children: Zn(I)
|
|
4409
4414
|
})
|
|
4410
4415
|
]
|
|
4411
4416
|
}),
|
|
4412
4417
|
/* @__PURE__ */ n("div", {
|
|
4413
|
-
className:
|
|
4418
|
+
className: $.controlGroup,
|
|
4414
4419
|
children: [/* @__PURE__ */ t("button", {
|
|
4415
4420
|
type: "button",
|
|
4416
|
-
className:
|
|
4421
|
+
className: $.controlButton,
|
|
4417
4422
|
"aria-label": "Настройки",
|
|
4418
|
-
"aria-expanded":
|
|
4423
|
+
"aria-expanded": se,
|
|
4419
4424
|
title: "Настройки",
|
|
4420
|
-
onClick: () =>
|
|
4421
|
-
children: /* @__PURE__ */ t(
|
|
4425
|
+
onClick: () => ce((e) => !e),
|
|
4426
|
+
children: /* @__PURE__ */ t(q, {
|
|
4422
4427
|
name: "IconSettings",
|
|
4423
4428
|
width: 22,
|
|
4424
4429
|
height: 22
|
|
4425
4430
|
})
|
|
4426
4431
|
}), /* @__PURE__ */ t("button", {
|
|
4427
4432
|
type: "button",
|
|
4428
|
-
className:
|
|
4429
|
-
"aria-label":
|
|
4433
|
+
className: $.controlButton,
|
|
4434
|
+
"aria-label": ue ? "Выйти из полноэкранного режима" : "Полноэкранный режим",
|
|
4430
4435
|
title: "Полноэкранный режим (F)",
|
|
4431
4436
|
onClick: () => void J(),
|
|
4432
|
-
children: /* @__PURE__ */ t(
|
|
4433
|
-
name:
|
|
4437
|
+
children: /* @__PURE__ */ t(q, {
|
|
4438
|
+
name: ue ? "IconFullscreenExit" : "IconFullscreen",
|
|
4434
4439
|
width: 22,
|
|
4435
4440
|
height: 22
|
|
4436
4441
|
})
|
|
@@ -4441,7 +4446,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4441
4446
|
})
|
|
4442
4447
|
]
|
|
4443
4448
|
}), /* @__PURE__ */ t("figcaption", {
|
|
4444
|
-
className:
|
|
4449
|
+
className: $.caption,
|
|
4445
4450
|
children: a
|
|
4446
4451
|
})]
|
|
4447
4452
|
});
|
|
@@ -4530,7 +4535,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4530
4535
|
}), /* @__PURE__ */ t("span", {
|
|
4531
4536
|
className: rr.icon,
|
|
4532
4537
|
"aria-hidden": "true",
|
|
4533
|
-
children: /* @__PURE__ */ t(
|
|
4538
|
+
children: /* @__PURE__ */ t(q, {
|
|
4534
4539
|
name: "IconChevron",
|
|
4535
4540
|
width: 20,
|
|
4536
4541
|
height: 20
|
|
@@ -4547,7 +4552,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4547
4552
|
})
|
|
4548
4553
|
})]
|
|
4549
4554
|
});
|
|
4550
|
-
},
|
|
4555
|
+
}, or = {
|
|
4551
4556
|
root: "_root_14ewt_1",
|
|
4552
4557
|
topSlot: "_topSlot_14ewt_29",
|
|
4553
4558
|
searchSlot: "_searchSlot_14ewt_31",
|
|
@@ -4565,14 +4570,14 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4565
4570
|
description: "_description_14ewt_235",
|
|
4566
4571
|
badge: "_badge_14ewt_269",
|
|
4567
4572
|
empty: "_empty_14ewt_281"
|
|
4568
|
-
},
|
|
4573
|
+
}, sr = (e, t, n) => {
|
|
4569
4574
|
if (e.length === 0) return -1;
|
|
4570
4575
|
for (let r = 1; r <= e.length; r += 1) {
|
|
4571
4576
|
let i = (t + n * r + e.length) % e.length;
|
|
4572
4577
|
if (!e[i]?.disabled) return i;
|
|
4573
4578
|
}
|
|
4574
4579
|
return -1;
|
|
4575
|
-
},
|
|
4580
|
+
}, cr = ({ groups: r, currentItemId: i, ariaLabel: a = "Основная навигация", searchSlot: o, topSlot: s, bottomSlot: c, emptyState: l, renderLink: u, onItemSelect: d, className: p = "" }) => {
|
|
4576
4581
|
let m = f(), g = h(null), _ = h({
|
|
4577
4582
|
value: "",
|
|
4578
4583
|
time: 0
|
|
@@ -4584,7 +4589,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4584
4589
|
let n = v.findIndex((e) => e.id === t.id);
|
|
4585
4590
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
4586
4591
|
e.preventDefault();
|
|
4587
|
-
let t =
|
|
4592
|
+
let t = sr(v, n, e.key === "ArrowDown" ? 1 : -1);
|
|
4588
4593
|
x(v[t]);
|
|
4589
4594
|
return;
|
|
4590
4595
|
}
|
|
@@ -4604,26 +4609,26 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4604
4609
|
let a = r.id === i, o = {
|
|
4605
4610
|
children: /* @__PURE__ */ n(e, { children: [
|
|
4606
4611
|
r.icon && /* @__PURE__ */ t("span", {
|
|
4607
|
-
className:
|
|
4612
|
+
className: or.icon,
|
|
4608
4613
|
"aria-hidden": "true",
|
|
4609
4614
|
children: r.icon
|
|
4610
4615
|
}),
|
|
4611
4616
|
/* @__PURE__ */ n("span", {
|
|
4612
|
-
className:
|
|
4617
|
+
className: or.copy,
|
|
4613
4618
|
children: [/* @__PURE__ */ t("span", {
|
|
4614
|
-
className:
|
|
4619
|
+
className: or.label,
|
|
4615
4620
|
children: r.label
|
|
4616
4621
|
}), r.description && /* @__PURE__ */ t("span", {
|
|
4617
|
-
className:
|
|
4622
|
+
className: or.description,
|
|
4618
4623
|
children: r.description
|
|
4619
4624
|
})]
|
|
4620
4625
|
}),
|
|
4621
4626
|
r.badge && /* @__PURE__ */ t("span", {
|
|
4622
|
-
className:
|
|
4627
|
+
className: or.badge,
|
|
4623
4628
|
children: r.badge
|
|
4624
4629
|
})
|
|
4625
4630
|
] }),
|
|
4626
|
-
className: `${
|
|
4631
|
+
className: `${or.link} ${a ? or.current : ""}`,
|
|
4627
4632
|
tabIndex: r.id === b ? 0 : -1,
|
|
4628
4633
|
"aria-current": a ? "page" : void 0,
|
|
4629
4634
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -4639,7 +4644,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4639
4644
|
onKeyDown: (e) => S(e, r)
|
|
4640
4645
|
};
|
|
4641
4646
|
return /* @__PURE__ */ t("li", {
|
|
4642
|
-
className:
|
|
4647
|
+
className: or.item,
|
|
4643
4648
|
children: u ? u(r, o) : r.href ? /* @__PURE__ */ t("a", {
|
|
4644
4649
|
href: r.href,
|
|
4645
4650
|
...o,
|
|
@@ -4654,45 +4659,45 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4654
4659
|
};
|
|
4655
4660
|
return /* @__PURE__ */ n("nav", {
|
|
4656
4661
|
ref: g,
|
|
4657
|
-
className: `${
|
|
4662
|
+
className: `${or.root} ${p}`,
|
|
4658
4663
|
"aria-label": a,
|
|
4659
4664
|
children: [
|
|
4660
4665
|
s && /* @__PURE__ */ t("div", {
|
|
4661
|
-
className:
|
|
4666
|
+
className: or.topSlot,
|
|
4662
4667
|
children: s
|
|
4663
4668
|
}),
|
|
4664
4669
|
o && /* @__PURE__ */ t("div", {
|
|
4665
|
-
className:
|
|
4670
|
+
className: or.searchSlot,
|
|
4666
4671
|
children: o
|
|
4667
4672
|
}),
|
|
4668
4673
|
/* @__PURE__ */ n("div", {
|
|
4669
|
-
className:
|
|
4674
|
+
className: or.groups,
|
|
4670
4675
|
children: [r.map((e) => {
|
|
4671
4676
|
let r = `${m}-${e.id}`;
|
|
4672
4677
|
return /* @__PURE__ */ n("section", {
|
|
4673
|
-
className:
|
|
4678
|
+
className: or.group,
|
|
4674
4679
|
"aria-labelledby": e.label ? r : void 0,
|
|
4675
4680
|
children: [e.label && /* @__PURE__ */ t("div", {
|
|
4676
4681
|
id: r,
|
|
4677
|
-
className:
|
|
4682
|
+
className: or.groupLabel,
|
|
4678
4683
|
children: e.label
|
|
4679
4684
|
}), /* @__PURE__ */ t("ul", {
|
|
4680
|
-
className:
|
|
4685
|
+
className: or.list,
|
|
4681
4686
|
children: e.items.map(C)
|
|
4682
4687
|
})]
|
|
4683
4688
|
}, e.id);
|
|
4684
4689
|
}), v.length === 0 && l && /* @__PURE__ */ t("div", {
|
|
4685
|
-
className:
|
|
4690
|
+
className: or.empty,
|
|
4686
4691
|
children: l
|
|
4687
4692
|
})]
|
|
4688
4693
|
}),
|
|
4689
4694
|
c && /* @__PURE__ */ t("div", {
|
|
4690
|
-
className:
|
|
4695
|
+
className: or.bottomSlot,
|
|
4691
4696
|
children: c
|
|
4692
4697
|
})
|
|
4693
4698
|
]
|
|
4694
4699
|
});
|
|
4695
|
-
},
|
|
4700
|
+
}, lr = {
|
|
4696
4701
|
root: "_root_2mdgb_1",
|
|
4697
4702
|
list: "_list_2mdgb_19",
|
|
4698
4703
|
item: "_item_2mdgb_37",
|
|
@@ -4702,7 +4707,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4702
4707
|
icon: "_icon_2mdgb_141",
|
|
4703
4708
|
badge: "_badge_2mdgb_149",
|
|
4704
4709
|
label: "_label_2mdgb_163"
|
|
4705
|
-
},
|
|
4710
|
+
}, ur = ({ items: r, currentItemId: i, ariaLabel: a = "Мобильная навигация", renderLink: o, onItemSelect: s, className: c = "" }) => {
|
|
4706
4711
|
let l = h(null), u = r.filter((e) => !e.disabled), d = u.some((e) => e.id === i) ? i : u[0]?.id, f = (e) => {
|
|
4707
4712
|
l.current?.querySelectorAll("[data-ds-navigation-item]")[e]?.focus();
|
|
4708
4713
|
}, p = (e, t) => {
|
|
@@ -4719,27 +4724,27 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4719
4724
|
};
|
|
4720
4725
|
return /* @__PURE__ */ t("nav", {
|
|
4721
4726
|
ref: l,
|
|
4722
|
-
className: `${
|
|
4727
|
+
className: `${lr.root} ${c}`,
|
|
4723
4728
|
"aria-label": a,
|
|
4724
4729
|
children: /* @__PURE__ */ t("ul", {
|
|
4725
|
-
className:
|
|
4730
|
+
className: lr.list,
|
|
4726
4731
|
children: r.map((r) => {
|
|
4727
4732
|
let a = r.id === i, c = {
|
|
4728
4733
|
children: /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("span", {
|
|
4729
|
-
className:
|
|
4734
|
+
className: lr.visual,
|
|
4730
4735
|
children: [r.icon && /* @__PURE__ */ t("span", {
|
|
4731
|
-
className:
|
|
4736
|
+
className: lr.icon,
|
|
4732
4737
|
"aria-hidden": "true",
|
|
4733
4738
|
children: r.icon
|
|
4734
4739
|
}), r.badge && /* @__PURE__ */ t("span", {
|
|
4735
|
-
className:
|
|
4740
|
+
className: lr.badge,
|
|
4736
4741
|
children: r.badge
|
|
4737
4742
|
})]
|
|
4738
4743
|
}), /* @__PURE__ */ t("span", {
|
|
4739
|
-
className:
|
|
4744
|
+
className: lr.label,
|
|
4740
4745
|
children: r.label
|
|
4741
4746
|
})] }),
|
|
4742
|
-
className: `${
|
|
4747
|
+
className: `${lr.link} ${a ? lr.current : ""}`,
|
|
4743
4748
|
tabIndex: r.id === d ? 0 : -1,
|
|
4744
4749
|
"aria-current": a ? "page" : void 0,
|
|
4745
4750
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -4755,7 +4760,7 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4755
4760
|
onKeyDown: (e) => p(e, r)
|
|
4756
4761
|
};
|
|
4757
4762
|
return /* @__PURE__ */ t("li", {
|
|
4758
|
-
className:
|
|
4763
|
+
className: lr.item,
|
|
4759
4764
|
children: o ? o(r, c) : r.href ? /* @__PURE__ */ t("a", {
|
|
4760
4765
|
href: r.href,
|
|
4761
4766
|
...c,
|
|
@@ -4772,4 +4777,4 @@ var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4772
4777
|
});
|
|
4773
4778
|
};
|
|
4774
4779
|
//#endregion
|
|
4775
|
-
export { yn as ConfirmModal, ar as DSAccordion, w as DSBadge,
|
|
4780
|
+
export { yn as ConfirmModal, ar as DSAccordion, w as DSBadge, ur as DSBottomNavigation, Fn as DSBottomSheet, j as DSButton, Se as DSCheckbox, D as DSCounterBadge, ht as DSDataTable, We as DSDateRange, Ve as DSDateTimePicker, Pn as DSDrawer, Qe as DSDropDown, bt as DSDropDownMultiple, ee as DSFieldLabel, N as DSFieldMessage, Gt as DSFileInput, It as DSFilters, qt as DSFloatingMenu, Rt as DSFormGrid, zt as DSFormGridItem, In as DSFullscreenDialog, q as DSIcon, Mt as DSInfoBlock, St as DSInput, k as DSLoader, pn as DSModal, fn as DSModalFrame, cr as DSNavigationSurface, Nn as DSOverlay, Rn as DSPageLoader, Kt as DSPortal, Pt as DSRadioButton, At as DSSearchDropDown, Ke as DSSkeleton, et as DSSort, Xn as DSTabs, Zt as DSTextarea, Vn as DSToast, Gn as DSToastProvider, Jn as DSTooltip, Bt as DSValidationSummary, nr as DSVideoPlayerFrame, bn as ErrorModal, mn as ModalSystemProvider, xn as builtInModalRegistry, hn as defineModalRegistry, E as formatDSCounterValue, De as formatDateInputValue, Ne as formatDateTimeLocalValue, ir as getDSAccordionScrollTarget, rt as getDSDataTableColumnStyle, at as getDSDataTablePaginationItems, it as getDSDataTableStickyColumnStyle, Cn as getErrorMessage, nt as getNextDSDataTablePageSelection, Xe as getNextEnabledOptionIndex, Ae as isValidDateInputPrefix, Ue as isValidDateRange, Oe as maskDateInputValue, je as parseDateInputValue, Pe as parseDateTimeLocalValue, en as resetModalStore, Wn as resetToastStore, Sn as useConfirmModal, Tn as useConfirmModalStore, Mn as useDSOverlay, wn as useErrorModal, En as useErrorModalStore, Dn as useModals, $t as useModalsStore, Kn as useToast, Un as useToastStore, ot as validateDSDataTableData };
|