@efficiency-point/design-system 0.1.37 → 0.1.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +70 -0
- package/dist/components/DSDataTable/DSDataTable.d.ts +51 -1
- package/dist/components/DSDataTable/DSDataTable.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.es.js +1539 -1358
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -197,10 +197,10 @@ var M = {
|
|
|
197
197
|
}), re = (e) => /* @__PURE__ */ t(P, {
|
|
198
198
|
...e,
|
|
199
199
|
children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
|
|
200
|
-
}),
|
|
200
|
+
}), W = (e) => /* @__PURE__ */ t(P, {
|
|
201
201
|
...e,
|
|
202
202
|
children: /* @__PURE__ */ t("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" })
|
|
203
|
-
}),
|
|
203
|
+
}), ie = (e) => /* @__PURE__ */ n(P, {
|
|
204
204
|
...e,
|
|
205
205
|
children: [/* @__PURE__ */ t("rect", {
|
|
206
206
|
width: "18",
|
|
@@ -209,135 +209,135 @@ var M = {
|
|
|
209
209
|
y: "3",
|
|
210
210
|
rx: "2"
|
|
211
211
|
}), /* @__PURE__ */ t("path", { d: "M3 9h18M9 21V9" })]
|
|
212
|
-
}),
|
|
212
|
+
}), ae = (e) => /* @__PURE__ */ t(P, {
|
|
213
213
|
...e,
|
|
214
214
|
children: /* @__PURE__ */ t("path", {
|
|
215
215
|
d: "M8 5v14M16 5v14",
|
|
216
216
|
strokeWidth: "3"
|
|
217
217
|
})
|
|
218
|
-
}),
|
|
218
|
+
}), oe = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(P, {
|
|
219
219
|
strokeWidth: e,
|
|
220
220
|
...n,
|
|
221
221
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14M5 12h14" })
|
|
222
|
-
}),
|
|
222
|
+
}), se = (e) => /* @__PURE__ */ t(P, {
|
|
223
223
|
...e,
|
|
224
224
|
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
225
|
-
}),
|
|
225
|
+
}), G = (e) => /* @__PURE__ */ t(P, {
|
|
226
226
|
...e,
|
|
227
227
|
children: /* @__PURE__ */ t("path", {
|
|
228
228
|
d: "m8 5 11 7-11 7V5Z",
|
|
229
229
|
fill: "currentColor",
|
|
230
230
|
stroke: "none"
|
|
231
231
|
})
|
|
232
|
-
}),
|
|
232
|
+
}), K = (e) => /* @__PURE__ */ t(P, {
|
|
233
233
|
...e,
|
|
234
234
|
children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
|
|
235
|
-
}),
|
|
235
|
+
}), ce = (e) => /* @__PURE__ */ t(P, {
|
|
236
236
|
...e,
|
|
237
237
|
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" })
|
|
238
|
-
}),
|
|
238
|
+
}), le = (e) => /* @__PURE__ */ t(P, {
|
|
239
239
|
...e,
|
|
240
240
|
children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
|
|
241
|
-
}),
|
|
241
|
+
}), ue = (e) => /* @__PURE__ */ t(P, {
|
|
242
242
|
...e,
|
|
243
243
|
children: /* @__PURE__ */ t("path", { d: "M4 9h5V4m6 5h5V4M4 15h5v5m6-5h5v5" })
|
|
244
|
-
}),
|
|
244
|
+
}), de = (e) => /* @__PURE__ */ t(P, {
|
|
245
245
|
...e,
|
|
246
246
|
children: /* @__PURE__ */ t("path", { d: "M4 6h16v12H4V6Zm7 4a2 2 0 1 0 0 4m7-4a2 2 0 1 0 0 4" })
|
|
247
|
-
}),
|
|
247
|
+
}), fe = (e) => /* @__PURE__ */ t(P, {
|
|
248
248
|
...e,
|
|
249
249
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12-1c1.3 1.5 1.3 4.5 0 6m2.5-8.5c3 3 3 8 0 11" })
|
|
250
|
-
}),
|
|
250
|
+
}), pe = (e) => /* @__PURE__ */ t(P, {
|
|
251
251
|
...e,
|
|
252
252
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
253
|
-
}),
|
|
253
|
+
}), me = (e) => /* @__PURE__ */ t(P, {
|
|
254
254
|
...e,
|
|
255
255
|
children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
|
|
256
|
-
}),
|
|
256
|
+
}), he = (e) => /* @__PURE__ */ t(P, {
|
|
257
257
|
...e,
|
|
258
258
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
259
|
-
}),
|
|
259
|
+
}), ge = (e) => /* @__PURE__ */ t(P, {
|
|
260
260
|
...e,
|
|
261
261
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
262
|
-
}),
|
|
262
|
+
}), _e = (e) => /* @__PURE__ */ n(P, {
|
|
263
263
|
...e,
|
|
264
264
|
children: [/* @__PURE__ */ t("circle", {
|
|
265
265
|
cx: "12",
|
|
266
266
|
cy: "12",
|
|
267
267
|
r: "10"
|
|
268
268
|
}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
|
|
269
|
-
}),
|
|
269
|
+
}), ve = (e) => /* @__PURE__ */ t(P, {
|
|
270
270
|
...e,
|
|
271
271
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
272
|
-
}),
|
|
272
|
+
}), ye = (e) => /* @__PURE__ */ n(P, {
|
|
273
273
|
...e,
|
|
274
274
|
children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
|
|
275
|
-
}),
|
|
275
|
+
}), q = (e) => (n) => /* @__PURE__ */ t(P, {
|
|
276
276
|
...n,
|
|
277
277
|
children: e.map(([e, t], n) => o(e, {
|
|
278
278
|
...t,
|
|
279
279
|
key: t.key ?? `${e}-${n}`
|
|
280
280
|
}))
|
|
281
|
-
}),
|
|
282
|
-
IconActivity:
|
|
281
|
+
}), be = {
|
|
282
|
+
IconActivity: q([["path", {
|
|
283
283
|
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",
|
|
284
284
|
key: "169zse"
|
|
285
285
|
}]]),
|
|
286
|
-
IconAlertTriangle:
|
|
286
|
+
IconAlertTriangle: q([
|
|
287
287
|
["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" }],
|
|
288
288
|
["path", { d: "M12 9v4" }],
|
|
289
289
|
["path", { d: "M12 17h.01" }]
|
|
290
290
|
]),
|
|
291
|
-
IconArrowDown:
|
|
291
|
+
IconArrowDown: q([["path", {
|
|
292
292
|
d: "M12 5v14",
|
|
293
293
|
key: "s699le"
|
|
294
294
|
}], ["path", {
|
|
295
295
|
d: "m19 12-7 7-7-7",
|
|
296
296
|
key: "1idqje"
|
|
297
297
|
}]]),
|
|
298
|
-
IconArrowLeft:
|
|
298
|
+
IconArrowLeft: q([["path", {
|
|
299
299
|
d: "m12 19-7-7 7-7",
|
|
300
300
|
key: "1l729n"
|
|
301
301
|
}], ["path", {
|
|
302
302
|
d: "M19 12H5",
|
|
303
303
|
key: "x3x0zl"
|
|
304
304
|
}]]),
|
|
305
|
-
IconArrowRight:
|
|
305
|
+
IconArrowRight: q([["path", {
|
|
306
306
|
d: "M5 12h14",
|
|
307
307
|
key: "1ays0h"
|
|
308
308
|
}], ["path", {
|
|
309
309
|
d: "m12 5 7 7-7 7",
|
|
310
310
|
key: "xquz4c"
|
|
311
311
|
}]]),
|
|
312
|
-
IconArrowUp:
|
|
312
|
+
IconArrowUp: q([["path", {
|
|
313
313
|
d: "m5 12 7-7 7 7",
|
|
314
314
|
key: "hav0vg"
|
|
315
315
|
}], ["path", {
|
|
316
316
|
d: "M12 19V5",
|
|
317
317
|
key: "x0mq9r"
|
|
318
318
|
}]]),
|
|
319
|
-
IconArrowUpRight:
|
|
319
|
+
IconArrowUpRight: q([["path", {
|
|
320
320
|
d: "M7 7h10v10",
|
|
321
321
|
key: "1tivn9"
|
|
322
322
|
}], ["path", {
|
|
323
323
|
d: "M7 17 17 7",
|
|
324
324
|
key: "1vkiza"
|
|
325
325
|
}]]),
|
|
326
|
-
IconBarChart3:
|
|
326
|
+
IconBarChart3: q([
|
|
327
327
|
["path", { d: "M3 3v18h18" }],
|
|
328
328
|
["path", { d: "M18 17V9" }],
|
|
329
329
|
["path", { d: "M13 17V5" }],
|
|
330
330
|
["path", { d: "M8 17v-3" }]
|
|
331
331
|
]),
|
|
332
332
|
IconBedDouble: I,
|
|
333
|
-
IconBell:
|
|
333
|
+
IconBell: q([["path", {
|
|
334
334
|
d: "M10.268 21a2 2 0 0 0 3.464 0",
|
|
335
335
|
key: "vwvbt9"
|
|
336
336
|
}], ["path", {
|
|
337
337
|
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",
|
|
338
338
|
key: "11g9vi"
|
|
339
339
|
}]]),
|
|
340
|
-
IconBoxes:
|
|
340
|
+
IconBoxes: q([
|
|
341
341
|
["path", {
|
|
342
342
|
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",
|
|
343
343
|
key: "lc1i9w"
|
|
@@ -387,7 +387,7 @@ var M = {
|
|
|
387
387
|
key: "1io7kd"
|
|
388
388
|
}]
|
|
389
389
|
]),
|
|
390
|
-
IconBuilding2:
|
|
390
|
+
IconBuilding2: q([
|
|
391
391
|
["path", {
|
|
392
392
|
d: "M10 12h4",
|
|
393
393
|
key: "a56b0p"
|
|
@@ -409,7 +409,7 @@ var M = {
|
|
|
409
409
|
key: "16ra0t"
|
|
410
410
|
}]
|
|
411
411
|
]),
|
|
412
|
-
IconCamera:
|
|
412
|
+
IconCamera: q([["path", {
|
|
413
413
|
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",
|
|
414
414
|
key: "18u6gg"
|
|
415
415
|
}], ["circle", {
|
|
@@ -418,7 +418,7 @@ var M = {
|
|
|
418
418
|
r: "3",
|
|
419
419
|
key: "1vg3eu"
|
|
420
420
|
}]]),
|
|
421
|
-
IconChartNoAxesCombined:
|
|
421
|
+
IconChartNoAxesCombined: q([
|
|
422
422
|
["path", {
|
|
423
423
|
d: "M12 16v5",
|
|
424
424
|
key: "zza2cw"
|
|
@@ -444,11 +444,11 @@ var M = {
|
|
|
444
444
|
key: "1t2idw"
|
|
445
445
|
}]
|
|
446
446
|
]),
|
|
447
|
-
IconChevronRight:
|
|
447
|
+
IconChevronRight: q([["path", {
|
|
448
448
|
d: "m9 18 6-6-6-6",
|
|
449
449
|
key: "mthhwq"
|
|
450
450
|
}]]),
|
|
451
|
-
IconCircleAlert:
|
|
451
|
+
IconCircleAlert: q([
|
|
452
452
|
["circle", {
|
|
453
453
|
cx: "12",
|
|
454
454
|
cy: "12",
|
|
@@ -470,7 +470,7 @@ var M = {
|
|
|
470
470
|
key: "4dfq90"
|
|
471
471
|
}]
|
|
472
472
|
]),
|
|
473
|
-
IconClock3:
|
|
473
|
+
IconClock3: q([["circle", {
|
|
474
474
|
cx: "12",
|
|
475
475
|
cy: "12",
|
|
476
476
|
r: "10",
|
|
@@ -479,7 +479,7 @@ var M = {
|
|
|
479
479
|
d: "M12 6v6h4",
|
|
480
480
|
key: "135r8i"
|
|
481
481
|
}]]),
|
|
482
|
-
IconDownload:
|
|
482
|
+
IconDownload: q([
|
|
483
483
|
["path", {
|
|
484
484
|
d: "M12 15V3",
|
|
485
485
|
key: "m9g1x1"
|
|
@@ -493,7 +493,7 @@ var M = {
|
|
|
493
493
|
key: "brsn70"
|
|
494
494
|
}]
|
|
495
495
|
]),
|
|
496
|
-
IconExternalLink:
|
|
496
|
+
IconExternalLink: q([
|
|
497
497
|
["path", {
|
|
498
498
|
d: "M15 3h6v6",
|
|
499
499
|
key: "1q9fwt"
|
|
@@ -507,7 +507,7 @@ var M = {
|
|
|
507
507
|
key: "a6xqqp"
|
|
508
508
|
}]
|
|
509
509
|
]),
|
|
510
|
-
IconFactory:
|
|
510
|
+
IconFactory: q([
|
|
511
511
|
["path", {
|
|
512
512
|
d: "M12 16h.01",
|
|
513
513
|
key: "1drbdi"
|
|
@@ -525,14 +525,14 @@ var M = {
|
|
|
525
525
|
key: "18s6g9"
|
|
526
526
|
}]
|
|
527
527
|
]),
|
|
528
|
-
IconGauge:
|
|
528
|
+
IconGauge: q([["path", {
|
|
529
529
|
d: "m12 14 4-4",
|
|
530
530
|
key: "9kzdfg"
|
|
531
531
|
}], ["path", {
|
|
532
532
|
d: "M3.34 19a10 10 0 1 1 17.32 0",
|
|
533
533
|
key: "19p75a"
|
|
534
534
|
}]]),
|
|
535
|
-
IconGripVertical:
|
|
535
|
+
IconGripVertical: q([
|
|
536
536
|
["circle", {
|
|
537
537
|
cx: "9",
|
|
538
538
|
cy: "12",
|
|
@@ -570,7 +570,7 @@ var M = {
|
|
|
570
570
|
key: "f4zoj3"
|
|
571
571
|
}]
|
|
572
572
|
]),
|
|
573
|
-
IconLayoutDashboard:
|
|
573
|
+
IconLayoutDashboard: q([
|
|
574
574
|
["rect", {
|
|
575
575
|
width: "7",
|
|
576
576
|
height: "9",
|
|
@@ -604,7 +604,7 @@ var M = {
|
|
|
604
604
|
key: "ldoo1y"
|
|
605
605
|
}]
|
|
606
606
|
]),
|
|
607
|
-
IconLockKeyhole:
|
|
607
|
+
IconLockKeyhole: q([
|
|
608
608
|
["circle", {
|
|
609
609
|
cx: "12",
|
|
610
610
|
cy: "16",
|
|
@@ -624,7 +624,7 @@ var M = {
|
|
|
624
624
|
key: "1pqi11"
|
|
625
625
|
}]
|
|
626
626
|
]),
|
|
627
|
-
IconLogOut:
|
|
627
|
+
IconLogOut: q([
|
|
628
628
|
["path", {
|
|
629
629
|
d: "m16 17 5-5-5-5",
|
|
630
630
|
key: "1bji2h"
|
|
@@ -638,7 +638,7 @@ var M = {
|
|
|
638
638
|
key: "1uf3rs"
|
|
639
639
|
}]
|
|
640
640
|
]),
|
|
641
|
-
IconMaximize2:
|
|
641
|
+
IconMaximize2: q([
|
|
642
642
|
["path", {
|
|
643
643
|
d: "M15 3h6v6",
|
|
644
644
|
key: "1q9fwt"
|
|
@@ -656,7 +656,7 @@ var M = {
|
|
|
656
656
|
key: "wtvkvv"
|
|
657
657
|
}]
|
|
658
658
|
]),
|
|
659
|
-
IconMenu:
|
|
659
|
+
IconMenu: q([
|
|
660
660
|
["path", {
|
|
661
661
|
d: "M4 5h16",
|
|
662
662
|
key: "1tepv9"
|
|
@@ -670,7 +670,7 @@ var M = {
|
|
|
670
670
|
key: "1djgab"
|
|
671
671
|
}]
|
|
672
672
|
]),
|
|
673
|
-
IconPackageCheck:
|
|
673
|
+
IconPackageCheck: q([
|
|
674
674
|
["path", {
|
|
675
675
|
d: "M12 22V12",
|
|
676
676
|
key: "d0xqtd"
|
|
@@ -692,7 +692,7 @@ var M = {
|
|
|
692
692
|
key: "9yrvtv"
|
|
693
693
|
}]
|
|
694
694
|
]),
|
|
695
|
-
IconRefreshCw:
|
|
695
|
+
IconRefreshCw: q([
|
|
696
696
|
["path", {
|
|
697
697
|
d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
|
|
698
698
|
key: "v9h5vc"
|
|
@@ -710,14 +710,14 @@ var M = {
|
|
|
710
710
|
key: "1cv678"
|
|
711
711
|
}]
|
|
712
712
|
]),
|
|
713
|
-
IconRotateCw:
|
|
713
|
+
IconRotateCw: q([["path", {
|
|
714
714
|
d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
|
|
715
715
|
key: "1p45f6"
|
|
716
716
|
}], ["path", {
|
|
717
717
|
d: "M21 3v5h-5",
|
|
718
718
|
key: "1q7to0"
|
|
719
719
|
}]]),
|
|
720
|
-
IconSearch:
|
|
720
|
+
IconSearch: q([["path", {
|
|
721
721
|
d: "m21 21-4.34-4.34",
|
|
722
722
|
key: "14j7rj"
|
|
723
723
|
}], ["circle", {
|
|
@@ -726,7 +726,7 @@ var M = {
|
|
|
726
726
|
r: "8",
|
|
727
727
|
key: "4ej97u"
|
|
728
728
|
}]]),
|
|
729
|
-
IconSettings2:
|
|
729
|
+
IconSettings2: q([
|
|
730
730
|
["path", {
|
|
731
731
|
d: "M14 17H5",
|
|
732
732
|
key: "gfn3mx"
|
|
@@ -748,7 +748,7 @@ var M = {
|
|
|
748
748
|
key: "dfmy0x"
|
|
749
749
|
}]
|
|
750
750
|
]),
|
|
751
|
-
IconShieldAlert:
|
|
751
|
+
IconShieldAlert: q([
|
|
752
752
|
["path", {
|
|
753
753
|
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",
|
|
754
754
|
key: "oel41y"
|
|
@@ -762,14 +762,14 @@ var M = {
|
|
|
762
762
|
key: "1drbdi"
|
|
763
763
|
}]
|
|
764
764
|
]),
|
|
765
|
-
IconShieldCheck:
|
|
765
|
+
IconShieldCheck: q([["path", {
|
|
766
766
|
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",
|
|
767
767
|
key: "oel41y"
|
|
768
768
|
}], ["path", {
|
|
769
769
|
d: "m9 12 2 2 4-4",
|
|
770
770
|
key: "dzmm74"
|
|
771
771
|
}]]),
|
|
772
|
-
IconSmartphone:
|
|
772
|
+
IconSmartphone: q([["rect", {
|
|
773
773
|
width: "14",
|
|
774
774
|
height: "20",
|
|
775
775
|
x: "5",
|
|
@@ -781,7 +781,7 @@ var M = {
|
|
|
781
781
|
d: "M12 18h.01",
|
|
782
782
|
key: "mhygvu"
|
|
783
783
|
}]]),
|
|
784
|
-
IconSparkles:
|
|
784
|
+
IconSparkles: q([
|
|
785
785
|
["path", {
|
|
786
786
|
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",
|
|
787
787
|
key: "1s2grr"
|
|
@@ -801,22 +801,22 @@ var M = {
|
|
|
801
801
|
key: "6kqj1y"
|
|
802
802
|
}]
|
|
803
803
|
]),
|
|
804
|
-
IconTable2:
|
|
804
|
+
IconTable2: q([["path", {
|
|
805
805
|
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",
|
|
806
806
|
key: "gugj83"
|
|
807
807
|
}]]),
|
|
808
|
-
IconThermometer:
|
|
808
|
+
IconThermometer: q([["path", {
|
|
809
809
|
d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
|
|
810
810
|
key: "17jzev"
|
|
811
811
|
}]]),
|
|
812
|
-
IconTrendingUp:
|
|
812
|
+
IconTrendingUp: q([["path", {
|
|
813
813
|
d: "M16 7h6v6",
|
|
814
814
|
key: "box55l"
|
|
815
815
|
}], ["path", {
|
|
816
816
|
d: "m22 7-8.5 8.5-5-5L2 17",
|
|
817
817
|
key: "1t1m79"
|
|
818
818
|
}]]),
|
|
819
|
-
IconUserCheck:
|
|
819
|
+
IconUserCheck: q([
|
|
820
820
|
["path", {
|
|
821
821
|
d: "m16 11 2 2 4-4",
|
|
822
822
|
key: "9rsbq5"
|
|
@@ -832,7 +832,7 @@ var M = {
|
|
|
832
832
|
key: "nufk8"
|
|
833
833
|
}]
|
|
834
834
|
]),
|
|
835
|
-
IconUserRound:
|
|
835
|
+
IconUserRound: q([["circle", {
|
|
836
836
|
cx: "12",
|
|
837
837
|
cy: "8",
|
|
838
838
|
r: "5",
|
|
@@ -841,7 +841,7 @@ var M = {
|
|
|
841
841
|
d: "M20 21a8 8 0 0 0-16 0",
|
|
842
842
|
key: "rfgkzh"
|
|
843
843
|
}]]),
|
|
844
|
-
IconUsers:
|
|
844
|
+
IconUsers: q([
|
|
845
845
|
["path", {
|
|
846
846
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
847
847
|
key: "1yyitq"
|
|
@@ -861,7 +861,7 @@ var M = {
|
|
|
861
861
|
key: "nufk8"
|
|
862
862
|
}]
|
|
863
863
|
]),
|
|
864
|
-
IconUserX:
|
|
864
|
+
IconUserX: q([
|
|
865
865
|
["path", {
|
|
866
866
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
867
867
|
key: "1yyitq"
|
|
@@ -887,7 +887,7 @@ var M = {
|
|
|
887
887
|
key: "1swrse"
|
|
888
888
|
}]
|
|
889
889
|
]),
|
|
890
|
-
IconVideo:
|
|
890
|
+
IconVideo: q([["path", {
|
|
891
891
|
d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
|
|
892
892
|
key: "ftymec"
|
|
893
893
|
}], ["rect", {
|
|
@@ -898,7 +898,7 @@ var M = {
|
|
|
898
898
|
rx: "2",
|
|
899
899
|
key: "158x01"
|
|
900
900
|
}]]),
|
|
901
|
-
IconVideoOff:
|
|
901
|
+
IconVideoOff: q([
|
|
902
902
|
["path", {
|
|
903
903
|
d: "M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196",
|
|
904
904
|
key: "w8jjjt"
|
|
@@ -912,7 +912,7 @@ var M = {
|
|
|
912
912
|
key: "1ooewy"
|
|
913
913
|
}]
|
|
914
914
|
]),
|
|
915
|
-
IconVolume2:
|
|
915
|
+
IconVolume2: q([
|
|
916
916
|
["path", {
|
|
917
917
|
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",
|
|
918
918
|
key: "uqj9uw"
|
|
@@ -926,7 +926,7 @@ var M = {
|
|
|
926
926
|
key: "ijwkga"
|
|
927
927
|
}]
|
|
928
928
|
]),
|
|
929
|
-
IconX:
|
|
929
|
+
IconX: q([["path", {
|
|
930
930
|
d: "M18 6 6 18",
|
|
931
931
|
key: "1bl5f8"
|
|
932
932
|
}], ["path", {
|
|
@@ -944,44 +944,44 @@ var M = {
|
|
|
944
944
|
IconInfo: U,
|
|
945
945
|
IconInfoCircle: ne,
|
|
946
946
|
IconMinus: re,
|
|
947
|
-
IconList:
|
|
948
|
-
IconPanelsTopLeft:
|
|
949
|
-
IconPause:
|
|
950
|
-
IconPlus:
|
|
951
|
-
IconPictureInPicture:
|
|
952
|
-
IconPlay:
|
|
953
|
-
IconReplay:
|
|
954
|
-
IconSettings:
|
|
955
|
-
IconFullscreen:
|
|
956
|
-
IconFullscreenExit:
|
|
957
|
-
IconCaptions:
|
|
958
|
-
IconVolume:
|
|
959
|
-
IconVolumeMuted:
|
|
960
|
-
IconSort:
|
|
961
|
-
IconSortAscending:
|
|
962
|
-
IconSortDescending:
|
|
963
|
-
IconSuccessCircle:
|
|
964
|
-
IconUpload:
|
|
965
|
-
IconWarning:
|
|
966
|
-
},
|
|
967
|
-
let r =
|
|
947
|
+
IconList: W,
|
|
948
|
+
IconPanelsTopLeft: ie,
|
|
949
|
+
IconPause: ae,
|
|
950
|
+
IconPlus: oe,
|
|
951
|
+
IconPictureInPicture: se,
|
|
952
|
+
IconPlay: G,
|
|
953
|
+
IconReplay: K,
|
|
954
|
+
IconSettings: ce,
|
|
955
|
+
IconFullscreen: le,
|
|
956
|
+
IconFullscreenExit: ue,
|
|
957
|
+
IconCaptions: de,
|
|
958
|
+
IconVolume: fe,
|
|
959
|
+
IconVolumeMuted: pe,
|
|
960
|
+
IconSort: me,
|
|
961
|
+
IconSortAscending: he,
|
|
962
|
+
IconSortDescending: ge,
|
|
963
|
+
IconSuccessCircle: _e,
|
|
964
|
+
IconUpload: ve,
|
|
965
|
+
IconWarning: ye
|
|
966
|
+
}, J = ({ name: e, ...n }) => {
|
|
967
|
+
let r = be[e];
|
|
968
968
|
return /* @__PURE__ */ t(r, { ...n });
|
|
969
|
-
},
|
|
969
|
+
}, Y = {
|
|
970
970
|
wrapper: "_wrapper_1seon_1",
|
|
971
971
|
label: "_label_1seon_13",
|
|
972
972
|
input: "_input_1seon_35",
|
|
973
973
|
control: "_control_1seon_49",
|
|
974
974
|
disabled: "_disabled_1seon_95",
|
|
975
975
|
controlError: "_controlError_1seon_121"
|
|
976
|
-
},
|
|
976
|
+
}, xe = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: s = !1, readOnly: c = !1, className: l = "", name: u, id: p, indeterminate: m = !1, ariaLabel: g, ..._ }) => {
|
|
977
977
|
let v = f(), y = p ?? `ds-checkbox-${u ?? v}`, b = h(null), x = a ? `${y}-hint` : void 0, S = o ? `${y}-error` : void 0;
|
|
978
978
|
return d(() => {
|
|
979
979
|
b.current && (b.current.indeterminate = m && !e);
|
|
980
980
|
}, [e, m]), /* @__PURE__ */ n("div", {
|
|
981
|
-
className: `${
|
|
981
|
+
className: `${Y.wrapper} ${l}`,
|
|
982
982
|
children: [
|
|
983
983
|
/* @__PURE__ */ n("label", {
|
|
984
|
-
className: `${
|
|
984
|
+
className: `${Y.label} ${s ? Y.disabled : ""}`,
|
|
985
985
|
htmlFor: y,
|
|
986
986
|
children: [
|
|
987
987
|
/* @__PURE__ */ t("input", {
|
|
@@ -995,20 +995,20 @@ var M = {
|
|
|
995
995
|
"aria-invalid": !!o,
|
|
996
996
|
"aria-describedby": [x, S].filter(Boolean).join(" ") || void 0,
|
|
997
997
|
"aria-label": g,
|
|
998
|
-
className:
|
|
998
|
+
className: Y.input,
|
|
999
999
|
onChange: (e) => {
|
|
1000
1000
|
c || r?.(e.target.checked, e);
|
|
1001
1001
|
},
|
|
1002
1002
|
..._
|
|
1003
1003
|
}),
|
|
1004
1004
|
/* @__PURE__ */ n("span", {
|
|
1005
|
-
className: `${
|
|
1005
|
+
className: `${Y.control} ${o ? Y.controlError : ""}`,
|
|
1006
1006
|
"aria-hidden": "true",
|
|
1007
|
-
children: [m && !e && /* @__PURE__ */ t(
|
|
1007
|
+
children: [m && !e && /* @__PURE__ */ t(J, {
|
|
1008
1008
|
name: "IconMinus",
|
|
1009
1009
|
width: 16,
|
|
1010
1010
|
height: 16
|
|
1011
|
-
}), e && /* @__PURE__ */ t(
|
|
1011
|
+
}), e && /* @__PURE__ */ t(J, {
|
|
1012
1012
|
name: "IconCheck",
|
|
1013
1013
|
width: 16,
|
|
1014
1014
|
height: 16
|
|
@@ -1028,7 +1028,7 @@ var M = {
|
|
|
1028
1028
|
})
|
|
1029
1029
|
]
|
|
1030
1030
|
});
|
|
1031
|
-
},
|
|
1031
|
+
}, X = {
|
|
1032
1032
|
wrapper: "_wrapper_su17c_1",
|
|
1033
1033
|
trigger: "_trigger_su17c_17",
|
|
1034
1034
|
sm: "_sm_su17c_53",
|
|
@@ -1059,7 +1059,7 @@ var M = {
|
|
|
1059
1059
|
timeLabel: "_timeLabel_su17c_533",
|
|
1060
1060
|
previousMonth: "_previousMonth_su17c_593",
|
|
1061
1061
|
nextMonth: "_nextMonth_su17c_601"
|
|
1062
|
-
},
|
|
1062
|
+
}, Se = [
|
|
1063
1063
|
"Пн",
|
|
1064
1064
|
"Вт",
|
|
1065
1065
|
"Ср",
|
|
@@ -1067,7 +1067,7 @@ var M = {
|
|
|
1067
1067
|
"Пт",
|
|
1068
1068
|
"Сб",
|
|
1069
1069
|
"Вс"
|
|
1070
|
-
],
|
|
1070
|
+
], Ce = [
|
|
1071
1071
|
"Январь",
|
|
1072
1072
|
"Февраль",
|
|
1073
1073
|
"Март",
|
|
@@ -1080,33 +1080,33 @@ var M = {
|
|
|
1080
1080
|
"Октябрь",
|
|
1081
1081
|
"Ноябрь",
|
|
1082
1082
|
"Декабрь"
|
|
1083
|
-
],
|
|
1084
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1083
|
+
], we = (e) => String(e).padStart(2, "0"), Te = 8, Ee = "Некорректная дата", De = (e) => e ? `${we(e.getDate())}.${we(e.getMonth() + 1)}.${e.getFullYear()}` : "", Oe = (e) => {
|
|
1084
|
+
let t = e.replace(/\D/g, "").slice(0, Te);
|
|
1085
1085
|
return [
|
|
1086
1086
|
t.slice(0, 2),
|
|
1087
1087
|
t.slice(2, 4),
|
|
1088
1088
|
t.slice(4, 8)
|
|
1089
1089
|
].filter(Boolean).join(".");
|
|
1090
|
-
},
|
|
1090
|
+
}, ke = (e) => {
|
|
1091
1091
|
if (!e) return !0;
|
|
1092
1092
|
let t = Number(e.padEnd(4, "0"));
|
|
1093
1093
|
return Number(e.padEnd(4, "9")) >= 1800 && t <= 2500;
|
|
1094
|
-
},
|
|
1094
|
+
}, Ae = (e) => {
|
|
1095
1095
|
if (!/^\d{0,8}$/.test(e)) return !1;
|
|
1096
1096
|
let t = e.slice(0, 2), n = e.slice(2, 4), r = e.slice(4, 8);
|
|
1097
|
-
return t.length === 1 && Number(t) > 3 || t.length === 2 && (Number(t) < 1 || Number(t) > 31) || n.length === 1 && Number(n) > 1 || n.length === 2 && (Number(n) < 1 || Number(n) > 12) ? !1 :
|
|
1098
|
-
},
|
|
1097
|
+
return t.length === 1 && Number(t) > 3 || t.length === 2 && (Number(t) < 1 || Number(t) > 31) || n.length === 1 && Number(n) > 1 || n.length === 2 && (Number(n) < 1 || Number(n) > 12) ? !1 : ke(r);
|
|
1098
|
+
}, je = (e) => {
|
|
1099
1099
|
let t = /^(\d{2})\.(\d{2})\.(\d{4})$/.exec(e);
|
|
1100
1100
|
if (!t) return null;
|
|
1101
1101
|
let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]);
|
|
1102
1102
|
if (i < 1800 || i > 2500) return null;
|
|
1103
1103
|
let a = new Date(i, r, n, 12);
|
|
1104
1104
|
return a.getFullYear() !== i || a.getMonth() !== r || a.getDate() !== n ? null : a;
|
|
1105
|
-
},
|
|
1105
|
+
}, Me = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Ne = (e, t) => {
|
|
1106
1106
|
if (!e) return "";
|
|
1107
|
-
let n = `${e.getFullYear()}-${
|
|
1107
|
+
let n = `${e.getFullYear()}-${we(e.getMonth() + 1)}-${we(e.getDate())}`, r = `${we(e.getHours())}:${we(e.getMinutes())}`;
|
|
1108
1108
|
return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
|
|
1109
|
-
},
|
|
1109
|
+
}, Pe = (e, t) => {
|
|
1110
1110
|
if (!e) return null;
|
|
1111
1111
|
if (t === "time") {
|
|
1112
1112
|
let t = /^(\d{2}):(\d{2})$/.exec(e);
|
|
@@ -1124,47 +1124,47 @@ var M = {
|
|
|
1124
1124
|
}
|
|
1125
1125
|
let n = new Date(e);
|
|
1126
1126
|
return Number.isNaN(n.getTime()) ? null : n;
|
|
1127
|
-
},
|
|
1127
|
+
}, Fe = (e, t) => {
|
|
1128
1128
|
if (!e) return "";
|
|
1129
|
-
let n = `${
|
|
1129
|
+
let n = `${we(e.getDate())}.${we(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${we(e.getHours())}:${we(e.getMinutes())}`;
|
|
1130
1130
|
return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
|
|
1131
|
-
},
|
|
1131
|
+
}, Ie = (e) => {
|
|
1132
1132
|
let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
|
|
1133
1133
|
return r.setDate(t.getDate() - n), Array.from({ length: 42 }, (e, t) => {
|
|
1134
1134
|
let n = new Date(r);
|
|
1135
1135
|
return n.setDate(r.getDate() + t), n;
|
|
1136
1136
|
});
|
|
1137
|
-
},
|
|
1138
|
-
let r =
|
|
1139
|
-
return !!(t && r <
|
|
1140
|
-
},
|
|
1141
|
-
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(
|
|
1137
|
+
}, Le = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), Re = (e, t, n) => {
|
|
1138
|
+
let r = Me(e).getTime();
|
|
1139
|
+
return !!(t && r < Me(t).getTime() || n && r > Me(n).getTime());
|
|
1140
|
+
}, 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 = "" }) => {
|
|
1141
|
+
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, W] = g(0), [ie, ae] = g(null), oe = m(() => Ie(R), [R]), se = a !== "time", G = a !== "date";
|
|
1142
1142
|
d(() => {
|
|
1143
|
-
r && z(r), te(
|
|
1143
|
+
r && z(r), te(Ne(r, "time")), H(De(r));
|
|
1144
1144
|
}, [r]), d(() => () => {
|
|
1145
1145
|
F.current && clearTimeout(F.current);
|
|
1146
1146
|
}, []);
|
|
1147
|
-
let
|
|
1147
|
+
let K = l(() => {
|
|
1148
1148
|
let e = M.current, t = P.current;
|
|
1149
1149
|
if (!e || !t) return;
|
|
1150
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1151
|
-
|
|
1150
|
+
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;
|
|
1151
|
+
ae({
|
|
1152
1152
|
top: l,
|
|
1153
|
-
left: Math.max(
|
|
1153
|
+
left: Math.max(ze, Math.min(u, d)),
|
|
1154
1154
|
maxHeight: c
|
|
1155
1155
|
});
|
|
1156
1156
|
}, []);
|
|
1157
1157
|
p(() => {
|
|
1158
1158
|
if (!I) {
|
|
1159
|
-
|
|
1159
|
+
ae(null);
|
|
1160
1160
|
return;
|
|
1161
1161
|
}
|
|
1162
|
-
return
|
|
1163
|
-
window.removeEventListener("resize",
|
|
1162
|
+
return K(), window.addEventListener("resize", K), window.addEventListener("scroll", K, !0), () => {
|
|
1163
|
+
window.removeEventListener("resize", K), window.removeEventListener("scroll", K, !0);
|
|
1164
1164
|
};
|
|
1165
1165
|
}, [
|
|
1166
1166
|
I,
|
|
1167
|
-
|
|
1167
|
+
K,
|
|
1168
1168
|
R,
|
|
1169
1169
|
B
|
|
1170
1170
|
]), d(() => {
|
|
@@ -1179,87 +1179,87 @@ var M = {
|
|
|
1179
1179
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1180
1180
|
};
|
|
1181
1181
|
}, [I]);
|
|
1182
|
-
let
|
|
1183
|
-
if (
|
|
1184
|
-
let t = a === "date" ?
|
|
1185
|
-
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(
|
|
1186
|
-
},
|
|
1187
|
-
ne(
|
|
1182
|
+
let ce = (e) => {
|
|
1183
|
+
if (Re(e, x, S)) return;
|
|
1184
|
+
let t = a === "date" ? Pe(Ne(e, "date"), "date") : new Date(e);
|
|
1185
|
+
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(De(t)), a === "date" && L(!1));
|
|
1186
|
+
}, le = () => {
|
|
1187
|
+
ne(Ee), W((e) => e + 1), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
|
|
1188
1188
|
ne(""), F.current = null;
|
|
1189
1189
|
}, 3e3);
|
|
1190
|
-
},
|
|
1191
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1192
|
-
if (!
|
|
1193
|
-
|
|
1190
|
+
}, ue = (e) => {
|
|
1191
|
+
let t = e.replace(/\D/g, "").slice(0, Te);
|
|
1192
|
+
if (!Ae(t)) {
|
|
1193
|
+
le();
|
|
1194
1194
|
return;
|
|
1195
1195
|
}
|
|
1196
|
-
let n =
|
|
1196
|
+
let n = Oe(t);
|
|
1197
1197
|
if (H(n), !t) {
|
|
1198
1198
|
i?.(null);
|
|
1199
1199
|
return;
|
|
1200
1200
|
}
|
|
1201
|
-
if (t.length <
|
|
1202
|
-
let o =
|
|
1203
|
-
if (!o ||
|
|
1204
|
-
|
|
1201
|
+
if (t.length < Te) return;
|
|
1202
|
+
let o = je(n);
|
|
1203
|
+
if (!o || Re(o, x, S)) {
|
|
1204
|
+
le();
|
|
1205
1205
|
return;
|
|
1206
1206
|
}
|
|
1207
1207
|
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o), z(o), L(!1), requestAnimationFrame(() => M.current?.blur());
|
|
1208
|
-
},
|
|
1208
|
+
}, de = (e) => {
|
|
1209
1209
|
if (te(e), !e) {
|
|
1210
1210
|
i?.(null);
|
|
1211
1211
|
return;
|
|
1212
1212
|
}
|
|
1213
|
-
let t =
|
|
1213
|
+
let t = Pe(e, "time");
|
|
1214
1214
|
if (!t) return;
|
|
1215
1215
|
let n = new Date(a === "datetime" ? r ?? R : /* @__PURE__ */ new Date());
|
|
1216
1216
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
1217
|
-
},
|
|
1217
|
+
}, fe = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), pe = U ? `${O}-validation` : void 0, me = [
|
|
1218
1218
|
k,
|
|
1219
1219
|
A,
|
|
1220
|
-
|
|
1221
|
-
].filter(Boolean).join(" ") || void 0,
|
|
1220
|
+
pe
|
|
1221
|
+
].filter(Boolean).join(" ") || void 0, he = I && !y ? /* @__PURE__ */ n("div", {
|
|
1222
1222
|
ref: P,
|
|
1223
|
-
className:
|
|
1223
|
+
className: X.panel,
|
|
1224
1224
|
role: "dialog",
|
|
1225
|
-
"aria-label": o ??
|
|
1226
|
-
style:
|
|
1227
|
-
top:
|
|
1228
|
-
left:
|
|
1229
|
-
maxHeight:
|
|
1225
|
+
"aria-label": o ?? fe,
|
|
1226
|
+
style: ie ? {
|
|
1227
|
+
top: ie.top,
|
|
1228
|
+
left: ie.left,
|
|
1229
|
+
maxHeight: ie.maxHeight
|
|
1230
1230
|
} : {
|
|
1231
1231
|
visibility: "hidden",
|
|
1232
1232
|
top: 0,
|
|
1233
1233
|
left: 0
|
|
1234
1234
|
},
|
|
1235
|
-
children: [
|
|
1235
|
+
children: [se && /* @__PURE__ */ n(e, { children: [
|
|
1236
1236
|
/* @__PURE__ */ n("div", {
|
|
1237
|
-
className:
|
|
1237
|
+
className: X.calendarHeader,
|
|
1238
1238
|
children: [
|
|
1239
1239
|
/* @__PURE__ */ t("button", {
|
|
1240
1240
|
type: "button",
|
|
1241
|
-
className:
|
|
1241
|
+
className: X.nav,
|
|
1242
1242
|
"aria-label": "Предыдущий месяц",
|
|
1243
1243
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() - 1, 1)),
|
|
1244
|
-
children: /* @__PURE__ */ t(
|
|
1244
|
+
children: /* @__PURE__ */ t(J, {
|
|
1245
1245
|
name: "IconChevron",
|
|
1246
1246
|
width: 20,
|
|
1247
1247
|
height: 20,
|
|
1248
|
-
className:
|
|
1248
|
+
className: X.previousMonth
|
|
1249
1249
|
})
|
|
1250
1250
|
}),
|
|
1251
1251
|
/* @__PURE__ */ t("select", {
|
|
1252
|
-
className:
|
|
1252
|
+
className: X.monthSelect,
|
|
1253
1253
|
"aria-label": "Месяц",
|
|
1254
1254
|
value: R.getMonth(),
|
|
1255
1255
|
onChange: (e) => z(new Date(R.getFullYear(), Number(e.target.value), 1)),
|
|
1256
|
-
children:
|
|
1256
|
+
children: Ce.map((e, n) => /* @__PURE__ */ t("option", {
|
|
1257
1257
|
value: n,
|
|
1258
1258
|
children: e
|
|
1259
1259
|
}, e))
|
|
1260
1260
|
}),
|
|
1261
1261
|
/* @__PURE__ */ t("input", {
|
|
1262
|
-
className:
|
|
1262
|
+
className: X.yearInput,
|
|
1263
1263
|
type: "number",
|
|
1264
1264
|
"aria-label": "Год",
|
|
1265
1265
|
value: R.getFullYear(),
|
|
@@ -1267,49 +1267,49 @@ var M = {
|
|
|
1267
1267
|
}),
|
|
1268
1268
|
/* @__PURE__ */ t("button", {
|
|
1269
1269
|
type: "button",
|
|
1270
|
-
className:
|
|
1270
|
+
className: X.nav,
|
|
1271
1271
|
"aria-label": "Следующий месяц",
|
|
1272
1272
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() + 1, 1)),
|
|
1273
|
-
children: /* @__PURE__ */ t(
|
|
1273
|
+
children: /* @__PURE__ */ t(J, {
|
|
1274
1274
|
name: "IconChevron",
|
|
1275
1275
|
width: 20,
|
|
1276
1276
|
height: 20,
|
|
1277
|
-
className:
|
|
1277
|
+
className: X.nextMonth
|
|
1278
1278
|
})
|
|
1279
1279
|
})
|
|
1280
1280
|
]
|
|
1281
1281
|
}),
|
|
1282
1282
|
/* @__PURE__ */ t("div", {
|
|
1283
|
-
className:
|
|
1284
|
-
children:
|
|
1283
|
+
className: X.weekdays,
|
|
1284
|
+
children: Se.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
|
|
1285
1285
|
}),
|
|
1286
1286
|
/* @__PURE__ */ t("div", {
|
|
1287
|
-
className:
|
|
1288
|
-
children:
|
|
1289
|
-
let n =
|
|
1287
|
+
className: X.days,
|
|
1288
|
+
children: oe.map((e) => {
|
|
1289
|
+
let n = Le(r, e);
|
|
1290
1290
|
return /* @__PURE__ */ t("button", {
|
|
1291
1291
|
type: "button",
|
|
1292
|
-
className: `${
|
|
1293
|
-
disabled:
|
|
1292
|
+
className: `${X.day} ${e.getMonth() === R.getMonth() ? "" : X.outside} ${n ? X.selected : ""}`,
|
|
1293
|
+
disabled: Re(e, x, S),
|
|
1294
1294
|
"aria-pressed": n,
|
|
1295
|
-
onClick: () =>
|
|
1295
|
+
onClick: () => ce(e),
|
|
1296
1296
|
children: e.getDate()
|
|
1297
1297
|
}, e.toISOString());
|
|
1298
1298
|
})
|
|
1299
1299
|
})
|
|
1300
|
-
] }),
|
|
1301
|
-
className:
|
|
1300
|
+
] }), G && /* @__PURE__ */ n("label", {
|
|
1301
|
+
className: X.timeLabel,
|
|
1302
1302
|
children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
|
|
1303
|
-
className:
|
|
1303
|
+
className: X.timeInput,
|
|
1304
1304
|
type: "time",
|
|
1305
1305
|
value: B,
|
|
1306
|
-
onChange: (e) =>
|
|
1306
|
+
onChange: (e) => de(e.target.value)
|
|
1307
1307
|
})]
|
|
1308
1308
|
})]
|
|
1309
1309
|
}) : null;
|
|
1310
1310
|
return /* @__PURE__ */ n("div", {
|
|
1311
1311
|
ref: j,
|
|
1312
|
-
className: `${
|
|
1312
|
+
className: `${X.wrapper} ${E}`,
|
|
1313
1313
|
children: [
|
|
1314
1314
|
o && /* @__PURE__ */ t(ee, {
|
|
1315
1315
|
htmlFor: O,
|
|
@@ -1317,16 +1317,16 @@ var M = {
|
|
|
1317
1317
|
disabled: v,
|
|
1318
1318
|
children: o
|
|
1319
1319
|
}),
|
|
1320
|
-
|
|
1321
|
-
className: `${
|
|
1320
|
+
se ? /* @__PURE__ */ n("div", {
|
|
1321
|
+
className: `${X.trigger} ${X[C]} ${u ? X.error : ""} ${v ? X.disabled : ""}`,
|
|
1322
1322
|
children: [
|
|
1323
1323
|
/* @__PURE__ */ t("input", {
|
|
1324
1324
|
ref: M,
|
|
1325
1325
|
id: O,
|
|
1326
1326
|
name: T,
|
|
1327
|
-
className:
|
|
1327
|
+
className: X.dateInput,
|
|
1328
1328
|
value: V,
|
|
1329
|
-
placeholder:
|
|
1329
|
+
placeholder: fe.split(" ")[0],
|
|
1330
1330
|
inputMode: "numeric",
|
|
1331
1331
|
autoComplete: "off",
|
|
1332
1332
|
maxLength: 10,
|
|
@@ -1334,7 +1334,7 @@ var M = {
|
|
|
1334
1334
|
readOnly: y,
|
|
1335
1335
|
"aria-expanded": I,
|
|
1336
1336
|
"aria-haspopup": "dialog",
|
|
1337
|
-
"aria-describedby":
|
|
1337
|
+
"aria-describedby": me,
|
|
1338
1338
|
"aria-invalid": !!(u || U) || void 0,
|
|
1339
1339
|
onFocus: () => {
|
|
1340
1340
|
y || L(!0);
|
|
@@ -1342,15 +1342,15 @@ var M = {
|
|
|
1342
1342
|
onClick: () => {
|
|
1343
1343
|
y || L(!0);
|
|
1344
1344
|
},
|
|
1345
|
-
onChange: (e) =>
|
|
1345
|
+
onChange: (e) => ue(e.target.value)
|
|
1346
1346
|
}),
|
|
1347
1347
|
a === "datetime" && B && /* @__PURE__ */ t("span", {
|
|
1348
|
-
className:
|
|
1348
|
+
className: X.timeValue,
|
|
1349
1349
|
children: B
|
|
1350
1350
|
}),
|
|
1351
1351
|
/* @__PURE__ */ t("button", {
|
|
1352
1352
|
type: "button",
|
|
1353
|
-
className:
|
|
1353
|
+
className: X.chevronButton,
|
|
1354
1354
|
disabled: v || y,
|
|
1355
1355
|
"aria-label": I ? "Закрыть календарь" : "Открыть календарь",
|
|
1356
1356
|
tabIndex: -1,
|
|
@@ -1359,9 +1359,9 @@ var M = {
|
|
|
1359
1359
|
L((e) => !e), M.current?.focus();
|
|
1360
1360
|
},
|
|
1361
1361
|
children: /* @__PURE__ */ t("span", {
|
|
1362
|
-
className: `${
|
|
1362
|
+
className: `${X.chevron} ${he ? X.chevronOpen : ""}`,
|
|
1363
1363
|
"aria-hidden": "true",
|
|
1364
|
-
children: /* @__PURE__ */ t(
|
|
1364
|
+
children: /* @__PURE__ */ t(J, {
|
|
1365
1365
|
name: "IconChevron",
|
|
1366
1366
|
width: 20,
|
|
1367
1367
|
height: 20
|
|
@@ -1374,22 +1374,22 @@ var M = {
|
|
|
1374
1374
|
id: O,
|
|
1375
1375
|
name: T,
|
|
1376
1376
|
type: "button",
|
|
1377
|
-
className: `${
|
|
1377
|
+
className: `${X.trigger} ${X[C]} ${u ? X.error : ""}`,
|
|
1378
1378
|
disabled: v,
|
|
1379
1379
|
"aria-readonly": y || void 0,
|
|
1380
1380
|
"aria-expanded": I,
|
|
1381
1381
|
"aria-haspopup": "dialog",
|
|
1382
|
-
"aria-describedby":
|
|
1382
|
+
"aria-describedby": me,
|
|
1383
1383
|
onClick: () => {
|
|
1384
1384
|
y || L((e) => !e);
|
|
1385
1385
|
},
|
|
1386
1386
|
children: [/* @__PURE__ */ t("span", {
|
|
1387
|
-
className: r ?
|
|
1388
|
-
children:
|
|
1387
|
+
className: r ? X.value : X.placeholder,
|
|
1388
|
+
children: Fe(r, a) || fe
|
|
1389
1389
|
}), /* @__PURE__ */ t("span", {
|
|
1390
|
-
className: `${
|
|
1390
|
+
className: `${X.chevron} ${he ? X.chevronOpen : ""}`,
|
|
1391
1391
|
"aria-hidden": "true",
|
|
1392
|
-
children: /* @__PURE__ */ t(
|
|
1392
|
+
children: /* @__PURE__ */ t(J, {
|
|
1393
1393
|
name: "IconChevron",
|
|
1394
1394
|
width: 20,
|
|
1395
1395
|
height: 20
|
|
@@ -1397,13 +1397,13 @@ var M = {
|
|
|
1397
1397
|
})]
|
|
1398
1398
|
}),
|
|
1399
1399
|
U && /* @__PURE__ */ t("span", {
|
|
1400
|
-
id:
|
|
1401
|
-
className:
|
|
1400
|
+
id: pe,
|
|
1401
|
+
className: X.validationTooltip,
|
|
1402
1402
|
role: "status",
|
|
1403
1403
|
"aria-live": "polite",
|
|
1404
1404
|
children: U
|
|
1405
1405
|
}, re),
|
|
1406
|
-
|
|
1406
|
+
he && _(he, document.body),
|
|
1407
1407
|
c && !u && /* @__PURE__ */ t(N, {
|
|
1408
1408
|
id: k,
|
|
1409
1409
|
children: c
|
|
@@ -1415,19 +1415,19 @@ var M = {
|
|
|
1415
1415
|
})
|
|
1416
1416
|
]
|
|
1417
1417
|
});
|
|
1418
|
-
},
|
|
1418
|
+
}, He = {
|
|
1419
1419
|
root: "_root_19vq2_1",
|
|
1420
1420
|
range: "_range_19vq2_21"
|
|
1421
|
-
},
|
|
1421
|
+
}, Ue = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), We = ({ value: e, onChange: r, onDraftChange: i, mode: a = "date", fromLabel: o = "От", toLabel: s = "До", hint: c, error: l, min: u, max: d, disabled: f = !1, readOnly: p = !1, required: m = !1, className: h = "" }) => {
|
|
1422
1422
|
let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
|
|
1423
|
-
i?.(e),
|
|
1423
|
+
i?.(e), Ue(e) && r?.(e);
|
|
1424
1424
|
};
|
|
1425
1425
|
return /* @__PURE__ */ n("fieldset", {
|
|
1426
|
-
className: `${
|
|
1426
|
+
className: `${He.root} ${h}`,
|
|
1427
1427
|
disabled: f,
|
|
1428
1428
|
children: [/* @__PURE__ */ n("div", {
|
|
1429
|
-
className:
|
|
1430
|
-
children: [/* @__PURE__ */ t(
|
|
1429
|
+
className: He.range,
|
|
1430
|
+
children: [/* @__PURE__ */ t(Ve, {
|
|
1431
1431
|
value: e.from,
|
|
1432
1432
|
mode: a === "datetime" ? "datetime" : a,
|
|
1433
1433
|
label: o,
|
|
@@ -1441,7 +1441,7 @@ var M = {
|
|
|
1441
1441
|
...e,
|
|
1442
1442
|
from: t
|
|
1443
1443
|
})
|
|
1444
|
-
}), /* @__PURE__ */ t(
|
|
1444
|
+
}), /* @__PURE__ */ t(Ve, {
|
|
1445
1445
|
value: e.to,
|
|
1446
1446
|
mode: a === "datetime" ? "datetime" : a,
|
|
1447
1447
|
label: s,
|
|
@@ -1458,7 +1458,7 @@ var M = {
|
|
|
1458
1458
|
})]
|
|
1459
1459
|
}), c && !g && /* @__PURE__ */ t(N, { children: c })]
|
|
1460
1460
|
});
|
|
1461
|
-
},
|
|
1461
|
+
}, Ge = {
|
|
1462
1462
|
group: "_group_ey6uk_1",
|
|
1463
1463
|
skeleton: "_skeleton_ey6uk_15",
|
|
1464
1464
|
text: "_text_ey6uk_27",
|
|
@@ -1466,17 +1466,17 @@ var M = {
|
|
|
1466
1466
|
circular: "_circular_ey6uk_47",
|
|
1467
1467
|
animated: "_animated_ey6uk_59",
|
|
1468
1468
|
"ds-skeleton": "_ds-skeleton_ey6uk_1"
|
|
1469
|
-
},
|
|
1470
|
-
className: `${
|
|
1469
|
+
}, Ke = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
|
|
1470
|
+
className: `${Ge.group} ${o}`,
|
|
1471
1471
|
"aria-hidden": "true",
|
|
1472
1472
|
children: Array.from({ length: Math.max(1, i) }, (i, o) => /* @__PURE__ */ t("span", {
|
|
1473
|
-
className: `${
|
|
1473
|
+
className: `${Ge.skeleton} ${Ge[e]} ${a ? Ge.animated : ""}`,
|
|
1474
1474
|
style: {
|
|
1475
1475
|
width: n,
|
|
1476
1476
|
height: r
|
|
1477
1477
|
}
|
|
1478
1478
|
}, o))
|
|
1479
|
-
}),
|
|
1479
|
+
}), Z = {
|
|
1480
1480
|
wrapper: "_wrapper_6g3qd_1",
|
|
1481
1481
|
container: "_container_6g3qd_17",
|
|
1482
1482
|
trigger: "_trigger_6g3qd_25",
|
|
@@ -1494,25 +1494,25 @@ var M = {
|
|
|
1494
1494
|
message: "_message_6g3qd_359",
|
|
1495
1495
|
error: "_error_6g3qd_361",
|
|
1496
1496
|
errorState: "_errorState_6g3qd_387"
|
|
1497
|
-
},
|
|
1497
|
+
}, qe = 8, Je = 6, Ye = 120, Xe = (e, t, n) => {
|
|
1498
1498
|
if (!e.length) return -1;
|
|
1499
1499
|
for (let r = 0; r < e.length; r += 1) {
|
|
1500
1500
|
let i = (t + r * n + e.length) % e.length;
|
|
1501
1501
|
if (!e[i]?.disabled) return i;
|
|
1502
1502
|
}
|
|
1503
1503
|
return -1;
|
|
1504
|
-
},
|
|
1504
|
+
}, Ze = (e) => {
|
|
1505
1505
|
if (typeof e == "number") return e;
|
|
1506
1506
|
if (typeof e == "string") {
|
|
1507
1507
|
let t = Number.parseFloat(e);
|
|
1508
1508
|
if (Number.isFinite(t)) return t;
|
|
1509
1509
|
}
|
|
1510
1510
|
return Infinity;
|
|
1511
|
-
},
|
|
1511
|
+
}, Qe = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опцию", disabled: o = !1, stringWhileDisabled: s = !1, label: c, error: u, size: v = "md", hint: y, className: b = "", required: x = !1, name: S, id: C, needMark: w = !0, maxMenuHeight: T }) => {
|
|
1512
1512
|
let E = f(), D = C ?? `ds-dropdown-${S ?? E}`, O = `${D}-listbox`, [k, A] = g(!1), [j, M] = g(null), N = h(null), P = h(null), F = h(null), I = h([]), L = m(() => e.find((e) => e.value === r), [e, r]), R = y ? `${D}-hint` : void 0, z = u ? `${D}-error` : void 0, B = [R, z].filter(Boolean).join(" ") || void 0, te = o && s, V = l(() => {
|
|
1513
1513
|
let e = P.current, t = F.current;
|
|
1514
1514
|
if (!e || !t) return;
|
|
1515
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1515
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - qe, o = n.top - qe, s = a < r.height && o > a, c = Math.max(Ye, s ? o : a), l = Ze(T), u = Math.min(c, l), d = n.left, f = i - n.width - qe, p = Math.max(qe, Math.min(d, f)), m = s ? Math.max(qe, n.top - r.height - Je) : n.bottom + Je;
|
|
1516
1516
|
M({
|
|
1517
1517
|
top: m,
|
|
1518
1518
|
left: p,
|
|
@@ -1545,7 +1545,7 @@ var M = {
|
|
|
1545
1545
|
};
|
|
1546
1546
|
}, [k]);
|
|
1547
1547
|
let H = (t, n) => {
|
|
1548
|
-
let r =
|
|
1548
|
+
let r = Xe(e, t, n);
|
|
1549
1549
|
if (r === -1) return;
|
|
1550
1550
|
let i = I.current[r];
|
|
1551
1551
|
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
@@ -1554,7 +1554,7 @@ var M = {
|
|
|
1554
1554
|
}, ne = k ? /* @__PURE__ */ t("ul", {
|
|
1555
1555
|
ref: F,
|
|
1556
1556
|
id: O,
|
|
1557
|
-
className:
|
|
1557
|
+
className: Z.menu,
|
|
1558
1558
|
role: "listbox",
|
|
1559
1559
|
"aria-label": c,
|
|
1560
1560
|
style: j ? {
|
|
@@ -1583,9 +1583,9 @@ var M = {
|
|
|
1583
1583
|
"aria-selected": o,
|
|
1584
1584
|
disabled: i.disabled,
|
|
1585
1585
|
className: [
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
o ?
|
|
1586
|
+
Z[v],
|
|
1587
|
+
Z.option,
|
|
1588
|
+
o ? Z.selected : ""
|
|
1589
1589
|
].filter(Boolean).join(" "),
|
|
1590
1590
|
onClick: () => U(i),
|
|
1591
1591
|
onKeyDown: (t) => {
|
|
@@ -1601,7 +1601,7 @@ var M = {
|
|
|
1601
1601
|
}
|
|
1602
1602
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), U(i));
|
|
1603
1603
|
},
|
|
1604
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(
|
|
1604
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(J, {
|
|
1605
1605
|
name: "IconCheck",
|
|
1606
1606
|
width: 16,
|
|
1607
1607
|
height: 16
|
|
@@ -1613,8 +1613,8 @@ var M = {
|
|
|
1613
1613
|
return /* @__PURE__ */ n("div", {
|
|
1614
1614
|
ref: N,
|
|
1615
1615
|
className: [
|
|
1616
|
-
|
|
1617
|
-
u ?
|
|
1616
|
+
Z.wrapper,
|
|
1617
|
+
u ? Z.errorState : "",
|
|
1618
1618
|
b
|
|
1619
1619
|
].filter(Boolean).join(" "),
|
|
1620
1620
|
children: [
|
|
@@ -1625,10 +1625,10 @@ var M = {
|
|
|
1625
1625
|
children: c
|
|
1626
1626
|
}),
|
|
1627
1627
|
/* @__PURE__ */ t("div", {
|
|
1628
|
-
className:
|
|
1628
|
+
className: Z.container,
|
|
1629
1629
|
children: te ? /* @__PURE__ */ t("div", {
|
|
1630
1630
|
id: D,
|
|
1631
|
-
className:
|
|
1631
|
+
className: Z.disabledText,
|
|
1632
1632
|
"aria-describedby": B,
|
|
1633
1633
|
children: L?.label ?? a
|
|
1634
1634
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -1636,7 +1636,7 @@ var M = {
|
|
|
1636
1636
|
id: D,
|
|
1637
1637
|
type: "button",
|
|
1638
1638
|
name: S,
|
|
1639
|
-
className: `${
|
|
1639
|
+
className: `${Z.trigger} ${Z[v]}`,
|
|
1640
1640
|
disabled: o,
|
|
1641
1641
|
"aria-haspopup": "listbox",
|
|
1642
1642
|
"aria-expanded": k,
|
|
@@ -1659,13 +1659,13 @@ var M = {
|
|
|
1659
1659
|
}
|
|
1660
1660
|
},
|
|
1661
1661
|
children: [/* @__PURE__ */ t("span", {
|
|
1662
|
-
className: `${L ?
|
|
1663
|
-
${
|
|
1662
|
+
className: `${L ? Z.value : Z.placeholder}
|
|
1663
|
+
${Z[v]}`,
|
|
1664
1664
|
children: L?.label ?? a
|
|
1665
1665
|
}), /* @__PURE__ */ t("span", {
|
|
1666
|
-
className: [
|
|
1666
|
+
className: [Z.chevron, k ? Z.chevronOpen : ""].filter(Boolean).join(" "),
|
|
1667
1667
|
"aria-hidden": "true",
|
|
1668
|
-
children: /* @__PURE__ */ t(
|
|
1668
|
+
children: /* @__PURE__ */ t(J, {
|
|
1669
1669
|
name: "IconChevron",
|
|
1670
1670
|
width: 20,
|
|
1671
1671
|
height: 20
|
|
@@ -1676,35 +1676,35 @@ var M = {
|
|
|
1676
1676
|
k && _(ne, document.body),
|
|
1677
1677
|
y && !u && /* @__PURE__ */ t("span", {
|
|
1678
1678
|
id: R,
|
|
1679
|
-
className:
|
|
1679
|
+
className: Z.message,
|
|
1680
1680
|
children: y
|
|
1681
1681
|
}),
|
|
1682
1682
|
u && /* @__PURE__ */ t("span", {
|
|
1683
1683
|
id: z,
|
|
1684
|
-
className:
|
|
1684
|
+
className: Z.error,
|
|
1685
1685
|
children: u
|
|
1686
1686
|
})
|
|
1687
1687
|
]
|
|
1688
1688
|
});
|
|
1689
|
-
},
|
|
1689
|
+
}, $e = (e) => `${e.id}:${e.direction}`, et = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
|
|
1690
1690
|
let c = e.flatMap((e) => [{
|
|
1691
|
-
value:
|
|
1691
|
+
value: $e({
|
|
1692
1692
|
id: e.id,
|
|
1693
1693
|
direction: "asc"
|
|
1694
1694
|
}),
|
|
1695
1695
|
label: e.ascLabel ?? `${e.label} · по возрастанию`,
|
|
1696
1696
|
disabled: e.disabled
|
|
1697
1697
|
}, {
|
|
1698
|
-
value:
|
|
1698
|
+
value: $e({
|
|
1699
1699
|
id: e.id,
|
|
1700
1700
|
direction: "desc"
|
|
1701
1701
|
}),
|
|
1702
1702
|
label: e.descLabel ?? `${e.label} · по убыванию`,
|
|
1703
1703
|
disabled: e.disabled
|
|
1704
1704
|
}]);
|
|
1705
|
-
return /* @__PURE__ */ t(
|
|
1705
|
+
return /* @__PURE__ */ t(Qe, {
|
|
1706
1706
|
options: c,
|
|
1707
|
-
value: n ?
|
|
1707
|
+
value: n ? $e(n) : "",
|
|
1708
1708
|
label: i,
|
|
1709
1709
|
placeholder: a,
|
|
1710
1710
|
disabled: o,
|
|
@@ -1717,618 +1717,134 @@ var M = {
|
|
|
1717
1717
|
});
|
|
1718
1718
|
}
|
|
1719
1719
|
});
|
|
1720
|
-
},
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
},
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
}
|
|
1815
|
-
|
|
1816
|
-
let t = Date.parse(String(e));
|
|
1817
|
-
return Number.isNaN(t) ? null : t;
|
|
1818
|
-
}, ut = (e, t, n) => {
|
|
1819
|
-
let r = lt(e.getValue(n)), i = lt(t.getValue(n));
|
|
1820
|
-
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
1821
|
-
}, dt = (e, t, n) => {
|
|
1822
|
-
let r = e.getValue(n), i = t.getValue(n);
|
|
1823
|
-
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
1824
|
-
}, ft = (e, t, n) => {
|
|
1825
|
-
let r = e.getValue(n), i = t.getValue(n);
|
|
1826
|
-
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
1827
|
-
}, pt = (e, t, n) => {
|
|
1828
|
-
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
1829
|
-
return r.localeCompare(i, void 0, {
|
|
1830
|
-
numeric: !0,
|
|
1831
|
-
sensitivity: "base"
|
|
1720
|
+
}, tt = {
|
|
1721
|
+
wrapper: "_wrapper_1khfq_1",
|
|
1722
|
+
control: "_control_1khfq_15",
|
|
1723
|
+
input: "_input_1khfq_25",
|
|
1724
|
+
disabledText: "_disabledText_1khfq_25",
|
|
1725
|
+
sm: "_sm_1khfq_107",
|
|
1726
|
+
md: "_md_1khfq_123",
|
|
1727
|
+
lg: "_lg_1khfq_139",
|
|
1728
|
+
inputError: "_inputError_1khfq_155",
|
|
1729
|
+
trailingAction: "_trailingAction_1khfq_163"
|
|
1730
|
+
}, nt = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: s = !1, stringWhileDisabled: c = !1, label: l, error: u, hint: p, className: m = "", name: _, id: v, size: y = "md", clearable: b = !0, required: x = !1, selectTextOnFocus: S = !1, isPassword: C = !1, passwordVisibleLabel: w = "Скрыть пароль", passwordHiddenLabel: T = "Показать пароль", onFocus: E, ...D }) => {
|
|
1731
|
+
let O = f(), k = v ?? `ds-input-${_ ?? O}`, A = h(null), [j, M] = g(!1), P = p ? `${k}-hint` : void 0, F = u ? `${k}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0, R = C ? j ? "text" : "password" : i;
|
|
1732
|
+
return d(() => {
|
|
1733
|
+
C || M(!1);
|
|
1734
|
+
}, [C]), /* @__PURE__ */ n("div", {
|
|
1735
|
+
className: `${tt.wrapper} ${m}`,
|
|
1736
|
+
children: [
|
|
1737
|
+
l && /* @__PURE__ */ t(ee, {
|
|
1738
|
+
htmlFor: k,
|
|
1739
|
+
required: x,
|
|
1740
|
+
disabled: o,
|
|
1741
|
+
children: l
|
|
1742
|
+
}),
|
|
1743
|
+
o && c ? /* @__PURE__ */ t("div", {
|
|
1744
|
+
id: k,
|
|
1745
|
+
className: tt.disabledText,
|
|
1746
|
+
"aria-describedby": L,
|
|
1747
|
+
children: I || a
|
|
1748
|
+
}) : /* @__PURE__ */ n("div", {
|
|
1749
|
+
className: tt.control,
|
|
1750
|
+
children: [
|
|
1751
|
+
/* @__PURE__ */ t("input", {
|
|
1752
|
+
ref: A,
|
|
1753
|
+
id: k,
|
|
1754
|
+
name: _,
|
|
1755
|
+
type: R,
|
|
1756
|
+
value: I,
|
|
1757
|
+
placeholder: a,
|
|
1758
|
+
disabled: o,
|
|
1759
|
+
readOnly: s,
|
|
1760
|
+
required: x,
|
|
1761
|
+
"aria-invalid": !!u,
|
|
1762
|
+
"aria-describedby": L,
|
|
1763
|
+
className: `${tt.input} ${tt[y]} ${u ? tt.inputError : ""}`,
|
|
1764
|
+
onChange: (e) => {
|
|
1765
|
+
if (i === "number" && !C) {
|
|
1766
|
+
let t = e.target.value === "" ? "" : Number(e.target.value);
|
|
1767
|
+
r?.(t, e);
|
|
1768
|
+
return;
|
|
1769
|
+
}
|
|
1770
|
+
r?.(e.target.value, e);
|
|
1771
|
+
},
|
|
1772
|
+
onFocus: (e) => {
|
|
1773
|
+
S && e.currentTarget.value && e.currentTarget.select(), E?.(e);
|
|
1774
|
+
},
|
|
1775
|
+
...D
|
|
1776
|
+
}),
|
|
1777
|
+
C && /* @__PURE__ */ t("button", {
|
|
1778
|
+
type: "button",
|
|
1779
|
+
className: tt.trailingAction,
|
|
1780
|
+
disabled: o,
|
|
1781
|
+
"aria-label": j ? w : T,
|
|
1782
|
+
"aria-pressed": j,
|
|
1783
|
+
onClick: () => M((e) => !e),
|
|
1784
|
+
children: /* @__PURE__ */ t(J, {
|
|
1785
|
+
name: j ? "IconEyeOff" : "IconEye",
|
|
1786
|
+
width: 20,
|
|
1787
|
+
height: 20
|
|
1788
|
+
})
|
|
1789
|
+
}),
|
|
1790
|
+
!C && b && I && !o && !s && /* @__PURE__ */ t("button", {
|
|
1791
|
+
type: "button",
|
|
1792
|
+
className: tt.trailingAction,
|
|
1793
|
+
"aria-label": "Очистить поле",
|
|
1794
|
+
onClick: () => {
|
|
1795
|
+
let e = A.current;
|
|
1796
|
+
e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
1797
|
+
},
|
|
1798
|
+
children: /* @__PURE__ */ t(J, {
|
|
1799
|
+
name: "IconCross",
|
|
1800
|
+
width: 20,
|
|
1801
|
+
height: 20
|
|
1802
|
+
})
|
|
1803
|
+
})
|
|
1804
|
+
]
|
|
1805
|
+
}),
|
|
1806
|
+
p && !u && /* @__PURE__ */ t(N, {
|
|
1807
|
+
id: P,
|
|
1808
|
+
children: p
|
|
1809
|
+
}),
|
|
1810
|
+
u && /* @__PURE__ */ t(N, {
|
|
1811
|
+
id: F,
|
|
1812
|
+
variant: "error",
|
|
1813
|
+
children: u
|
|
1814
|
+
})
|
|
1815
|
+
]
|
|
1832
1816
|
});
|
|
1833
|
-
},
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
case "text":
|
|
1839
|
-
case void 0: return pt;
|
|
1840
|
-
case "custom": return;
|
|
1817
|
+
}, rt = 8, it = 6, at = 120, ot = (e) => {
|
|
1818
|
+
if (typeof e == "number") return e;
|
|
1819
|
+
if (typeof e == "string") {
|
|
1820
|
+
let t = Number.parseFloat(e);
|
|
1821
|
+
if (Number.isFinite(t)) return t;
|
|
1841
1822
|
}
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
let t = new Set(z);
|
|
1859
|
-
return e.filter((e) => t.has(e.id));
|
|
1860
|
-
}, [e, z]), he = m(() => G.length === 0 ? "Должна быть видима хотя бы одна колонка" : st(G, i), [i, G]), ge = m(() => G.map(ht), [G]), _e = G.some((e) => it(e) !== void 0), ve = x({
|
|
1861
|
-
features: nt,
|
|
1862
|
-
columns: ge,
|
|
1863
|
-
data: i,
|
|
1864
|
-
state: { sorting: de },
|
|
1865
|
-
onSortingChange: (e) => {
|
|
1866
|
-
let t = typeof e == "function" ? e(de) : e;
|
|
1867
|
-
c === void 0 && ae(t), ue(0), l?.(t);
|
|
1868
|
-
},
|
|
1869
|
-
getRowId: f
|
|
1870
|
-
}), ye = ve.getRowModel().rows, be = me && Number.isFinite(L) && Number(L) >= 0 ? Math.floor(Number(L)) : ye.length, K = N ? Math.max(1, Math.ceil(be / pe)) : 1, xe = Number.isFinite(F) && F > 0 ? Math.floor(F) - 1 : 0, J = Math.min(me ? xe : W, K - 1), Y = m(() => N && !me ? ye.slice(J * pe, (J + 1) * pe) : ye, [
|
|
1871
|
-
me,
|
|
1872
|
-
pe,
|
|
1873
|
-
N,
|
|
1874
|
-
J,
|
|
1875
|
-
ye
|
|
1876
|
-
]), Ce = E ?? oe, we = m(() => new Set(Ce), [Ce]), Te = H ?? ce, Ee = m(() => new Set(Te), [Te]), De = m(() => Y.map((e) => e.id), [Y]), Oe = De.filter((e) => we.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) => ({
|
|
1877
|
-
id: e.id,
|
|
1878
|
-
label: typeof e.header == "string" ? e.header : e.id
|
|
1879
|
-
})), [G]), Me = m(() => ot(J, K), [K, J]), Ne = o === void 0 ? a : o === "table", Pe = [
|
|
1880
|
-
Z.root,
|
|
1881
|
-
s === "wide" ? Z.wide : Z.default,
|
|
1882
|
-
Ne ? Z.tableOnMobile : "",
|
|
1883
|
-
B === "compact" ? Z.compact : "",
|
|
1884
|
-
C
|
|
1885
|
-
].filter(Boolean).join(" "), Fe = he ?? v, Ie = N && !Fe && be > pe && (!_ || me), Le = J * pe + 1, Re = Math.min((J + 1) * pe, be), ze = (e) => {
|
|
1886
|
-
let t = Math.max(0, Math.min(K - 1, e));
|
|
1887
|
-
if (me) {
|
|
1888
|
-
t !== J && R?.(t + 1);
|
|
1823
|
+
return Infinity;
|
|
1824
|
+
}, st = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, stringWhileDisabled: s = !1, label: c, error: u, size: v = "md", required: y = !1, hint: b, className: x = "", name: S, id: C, closeOnSelect: w = !1, needMark: T = !0, maxMenuHeight: E }) => {
|
|
1825
|
+
let D = f(), O = C ?? `ds-dropdown-multiple-${S ?? D}`, k = `${O}-listbox`, [A, j] = g(!1), [M, N] = g(null), P = h(null), F = h(null), I = h(null), L = h([]), R = m(() => e.filter((e) => r.includes(e.value)), [e, r]).map((e) => e.label).join(", "), z = b ? `${O}-hint` : void 0, B = u ? `${O}-error` : void 0, te = [z, B].filter(Boolean).join(" ") || void 0, V = o && s, H = l(() => {
|
|
1826
|
+
let e = F.current, t = I.current;
|
|
1827
|
+
if (!e || !t) return;
|
|
1828
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom - rt, a = n.top - rt, o = i < r.height && a > i, s = Math.max(at, o ? a : i), c = window.innerWidth - n.width - rt;
|
|
1829
|
+
N({
|
|
1830
|
+
top: o ? Math.max(rt, n.top - r.height - it) : n.bottom + it,
|
|
1831
|
+
left: Math.max(rt, Math.min(n.left, c)),
|
|
1832
|
+
width: n.width,
|
|
1833
|
+
maxHeight: Math.min(s, ot(E))
|
|
1834
|
+
});
|
|
1835
|
+
}, [E]);
|
|
1836
|
+
p(() => {
|
|
1837
|
+
if (!A) {
|
|
1838
|
+
N(null);
|
|
1889
1839
|
return;
|
|
1890
1840
|
}
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
E === void 0 && se(t), D?.(t);
|
|
1895
|
-
}, Ve = (e) => {
|
|
1896
|
-
let t = new Set(we);
|
|
1897
|
-
t.has(e) ? t.delete(e) : t.add(e), Be(t);
|
|
1898
|
-
}, He = () => {
|
|
1899
|
-
let e = rt(we, De, !ke);
|
|
1900
|
-
E === void 0 && se(e), D?.(e);
|
|
1901
|
-
}, Ue = () => Be(/* @__PURE__ */ new Set()), We = (e) => {
|
|
1902
|
-
let t = new Set(Ee);
|
|
1903
|
-
t.has(e) ? t.delete(e) : t.add(e);
|
|
1904
|
-
let n = Array.from(t);
|
|
1905
|
-
H === void 0 && le(n), U?.(n);
|
|
1906
|
-
}, Ge = i.filter((e, t) => we.has(f?.(e, t) ?? String(t))), Ke = re?.({
|
|
1907
|
-
visibleCount: Y.length,
|
|
1908
|
-
totalCount: be,
|
|
1909
|
-
selectedCount: we.size
|
|
1910
|
-
}) ?? `Показано строк: ${Y.length} из ${be}. Выбрано: ${we.size}.`;
|
|
1911
|
-
return d(() => {
|
|
1912
|
-
me || ue(0);
|
|
1841
|
+
return H(), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), () => {
|
|
1842
|
+
window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
|
|
1843
|
+
};
|
|
1913
1844
|
}, [
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
N,
|
|
1918
|
-
fe
|
|
1919
|
-
]), d(() => {
|
|
1920
|
-
!me && W >= K && ue(K - 1);
|
|
1921
|
-
}, [
|
|
1922
|
-
me,
|
|
1923
|
-
K,
|
|
1924
|
-
W
|
|
1925
|
-
]), /* @__PURE__ */ n("section", {
|
|
1926
|
-
className: Pe,
|
|
1927
|
-
"aria-busy": _,
|
|
1928
|
-
children: [
|
|
1929
|
-
/* @__PURE__ */ t("div", {
|
|
1930
|
-
className: Z.srOnly,
|
|
1931
|
-
"aria-live": "polite",
|
|
1932
|
-
"aria-atomic": "true",
|
|
1933
|
-
children: Ke
|
|
1934
|
-
}),
|
|
1935
|
-
te && we.size > 0 && /* @__PURE__ */ t("div", {
|
|
1936
|
-
className: Z.bulkActions,
|
|
1937
|
-
role: "region",
|
|
1938
|
-
"aria-label": "Действия с выбранными строками",
|
|
1939
|
-
children: te({
|
|
1940
|
-
selectedRowIds: Array.from(we),
|
|
1941
|
-
selectedRows: Ge,
|
|
1942
|
-
clearSelection: Ue
|
|
1943
|
-
})
|
|
1944
|
-
}),
|
|
1945
|
-
!Ne && !_ && !Fe && Y.length > 0 && je.length > 0 && /* @__PURE__ */ t(tt, {
|
|
1946
|
-
className: Z.mobileSort,
|
|
1947
|
-
options: je,
|
|
1948
|
-
value: de[0] ? {
|
|
1949
|
-
id: de[0].id,
|
|
1950
|
-
direction: de[0].desc ? "desc" : "asc"
|
|
1951
|
-
} : null,
|
|
1952
|
-
onChange: (e) => ve.setSorting([{
|
|
1953
|
-
id: e.id,
|
|
1954
|
-
desc: e.direction === "desc"
|
|
1955
|
-
}])
|
|
1956
|
-
}),
|
|
1957
|
-
/* @__PURE__ */ t("div", {
|
|
1958
|
-
className: Z.tableWrap,
|
|
1959
|
-
style: { maxHeight: S },
|
|
1960
|
-
children: /* @__PURE__ */ n("table", {
|
|
1961
|
-
className: Z.table,
|
|
1962
|
-
"aria-label": h,
|
|
1963
|
-
children: [
|
|
1964
|
-
p && /* @__PURE__ */ t("caption", { children: p }),
|
|
1965
|
-
(_e || T || !!V) && /* @__PURE__ */ n("colgroup", { children: [
|
|
1966
|
-
V && /* @__PURE__ */ t("col", { className: Z.expansionColumn }),
|
|
1967
|
-
T && /* @__PURE__ */ t("col", { className: Z.selectionColumn }),
|
|
1968
|
-
G.map((e) => /* @__PURE__ */ t("col", { style: it(e) }, e.id))
|
|
1969
|
-
] }),
|
|
1970
|
-
/* @__PURE__ */ t("thead", {
|
|
1971
|
-
className: b ? Z.sticky : "",
|
|
1972
|
-
children: ve.getHeaderGroups().map((e) => /* @__PURE__ */ n("tr", { children: [
|
|
1973
|
-
V && /* @__PURE__ */ t("th", {
|
|
1974
|
-
className: Z.expansionCell,
|
|
1975
|
-
scope: "col",
|
|
1976
|
-
children: /* @__PURE__ */ t("span", {
|
|
1977
|
-
className: Z.srOnly,
|
|
1978
|
-
children: "Подробности"
|
|
1979
|
-
})
|
|
1980
|
-
}),
|
|
1981
|
-
T && /* @__PURE__ */ t("th", {
|
|
1982
|
-
className: Z.selectionHeaderCell,
|
|
1983
|
-
scope: "col",
|
|
1984
|
-
children: /* @__PURE__ */ n("div", {
|
|
1985
|
-
className: Z.selectionHeaderControls,
|
|
1986
|
-
children: [/* @__PURE__ */ t(Se, {
|
|
1987
|
-
checked: ke,
|
|
1988
|
-
indeterminate: Ae,
|
|
1989
|
-
disabled: _ || De.length === 0,
|
|
1990
|
-
ariaLabel: A,
|
|
1991
|
-
onChange: He
|
|
1992
|
-
}), /* @__PURE__ */ t(j, {
|
|
1993
|
-
size: "sm",
|
|
1994
|
-
variant: "empty",
|
|
1995
|
-
disabled: we.size === 0,
|
|
1996
|
-
"aria-label": M,
|
|
1997
|
-
title: M,
|
|
1998
|
-
onClick: Ue,
|
|
1999
|
-
children: /* @__PURE__ */ t(q, {
|
|
2000
|
-
name: "IconX",
|
|
2001
|
-
width: 16,
|
|
2002
|
-
height: 16
|
|
2003
|
-
})
|
|
2004
|
-
})]
|
|
2005
|
-
})
|
|
2006
|
-
}),
|
|
2007
|
-
e.headers.map((e) => {
|
|
2008
|
-
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler();
|
|
2009
|
-
return /* @__PURE__ */ t("th", {
|
|
2010
|
-
scope: "col",
|
|
2011
|
-
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
2012
|
-
className: G.find((t) => t.id === e.column.id)?.sticky ? Z.stickyColumn : void 0,
|
|
2013
|
-
style: {
|
|
2014
|
-
...it(G.find((t) => t.id === e.column.id)),
|
|
2015
|
-
...at(G.find((t) => t.id === e.column.id))
|
|
2016
|
-
},
|
|
2017
|
-
children: /* @__PURE__ */ n("button", {
|
|
2018
|
-
type: "button",
|
|
2019
|
-
className: Z.sortButton,
|
|
2020
|
-
disabled: !i,
|
|
2021
|
-
onClick: a,
|
|
2022
|
-
children: [/* @__PURE__ */ t(ve.FlexRender, { header: e }), /* @__PURE__ */ t(q, {
|
|
2023
|
-
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
2024
|
-
width: 16,
|
|
2025
|
-
height: 16
|
|
2026
|
-
})]
|
|
2027
|
-
})
|
|
2028
|
-
}, e.id);
|
|
2029
|
-
})
|
|
2030
|
-
] }, e.id))
|
|
2031
|
-
}),
|
|
2032
|
-
/* @__PURE__ */ t("tbody", { children: _ ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2033
|
-
colSpan: G.length + +!!T + +!!V,
|
|
2034
|
-
children: /* @__PURE__ */ t(qe, {
|
|
2035
|
-
lines: 3,
|
|
2036
|
-
height: 65
|
|
2037
|
-
})
|
|
2038
|
-
}) }) : Fe ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2039
|
-
className: Z.state,
|
|
2040
|
-
colSpan: G.length + +!!T + +!!V,
|
|
2041
|
-
children: Fe
|
|
2042
|
-
}) }) : Y.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2043
|
-
className: Z.state,
|
|
2044
|
-
colSpan: G.length + +!!T + +!!V,
|
|
2045
|
-
children: y
|
|
2046
|
-
}) }) : Y.map((e) => {
|
|
2047
|
-
let i = we.has(e.id), a = k?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = Ee.has(e.id);
|
|
2048
|
-
return /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ n("tr", {
|
|
2049
|
-
className: [w || T ? Z.clickableRow : "", i ? Z.selectedRow : ""].filter(Boolean).join(" "),
|
|
2050
|
-
"aria-selected": T ? i : void 0,
|
|
2051
|
-
onClick: () => {
|
|
2052
|
-
T ? Ve(e.id) : w?.(e.original);
|
|
2053
|
-
},
|
|
2054
|
-
onDoubleClick: () => {
|
|
2055
|
-
T && O?.(e.original);
|
|
2056
|
-
},
|
|
2057
|
-
onKeyDown: (t) => {
|
|
2058
|
-
t.key === "Enter" ? (t.preventDefault(), T ? O?.(e.original) : w?.(e.original)) : t.key === " " && T && (t.preventDefault(), Ve(e.id));
|
|
2059
|
-
},
|
|
2060
|
-
tabIndex: w || T || O ? 0 : void 0,
|
|
2061
|
-
role: !T && w ? "button" : void 0,
|
|
2062
|
-
children: [
|
|
2063
|
-
V && /* @__PURE__ */ t("td", {
|
|
2064
|
-
className: Z.expansionCell,
|
|
2065
|
-
onClick: (e) => e.stopPropagation(),
|
|
2066
|
-
children: /* @__PURE__ */ t(j, {
|
|
2067
|
-
size: "sm",
|
|
2068
|
-
variant: "empty",
|
|
2069
|
-
"aria-expanded": o,
|
|
2070
|
-
"aria-label": ne?.(e.original, o) ?? (o ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2071
|
-
onClick: () => We(e.id),
|
|
2072
|
-
children: /* @__PURE__ */ t(q, {
|
|
2073
|
-
name: "IconChevron",
|
|
2074
|
-
width: 16,
|
|
2075
|
-
height: 16,
|
|
2076
|
-
className: o ? Z.expansionIconOpen : Z.expansionIcon
|
|
2077
|
-
})
|
|
2078
|
-
})
|
|
2079
|
-
}),
|
|
2080
|
-
T && /* @__PURE__ */ t("td", {
|
|
2081
|
-
className: Z.selectionCell,
|
|
2082
|
-
children: /* @__PURE__ */ t("div", {
|
|
2083
|
-
onClick: (e) => e.stopPropagation(),
|
|
2084
|
-
children: /* @__PURE__ */ t(Se, {
|
|
2085
|
-
checked: i,
|
|
2086
|
-
ariaLabel: a,
|
|
2087
|
-
onChange: () => Ve(e.id)
|
|
2088
|
-
})
|
|
2089
|
-
})
|
|
2090
|
-
}),
|
|
2091
|
-
e.getAllCells().map((e) => /* @__PURE__ */ t("td", {
|
|
2092
|
-
className: G.find((t) => t.id === e.column.id)?.sticky ? Z.stickyColumn : void 0,
|
|
2093
|
-
style: {
|
|
2094
|
-
...it(G.find((t) => t.id === e.column.id)),
|
|
2095
|
-
...at(G.find((t) => t.id === e.column.id))
|
|
2096
|
-
},
|
|
2097
|
-
children: /* @__PURE__ */ t(ve.FlexRender, { cell: e })
|
|
2098
|
-
}, e.id))
|
|
2099
|
-
]
|
|
2100
|
-
}), o && V && /* @__PURE__ */ t("tr", {
|
|
2101
|
-
className: Z.detailRow,
|
|
2102
|
-
children: /* @__PURE__ */ t("td", {
|
|
2103
|
-
colSpan: G.length + +!!T + 1,
|
|
2104
|
-
children: V({
|
|
2105
|
-
row: e.original,
|
|
2106
|
-
rowId: e.id,
|
|
2107
|
-
collapse: () => We(e.id)
|
|
2108
|
-
})
|
|
2109
|
-
})
|
|
2110
|
-
})] }, e.id);
|
|
2111
|
-
}) })
|
|
2112
|
-
]
|
|
2113
|
-
})
|
|
2114
|
-
}),
|
|
2115
|
-
!Ne && /* @__PURE__ */ n("div", {
|
|
2116
|
-
className: Z.cards,
|
|
2117
|
-
role: "list",
|
|
2118
|
-
"aria-label": h ?? p,
|
|
2119
|
-
children: [T && !_ && !Fe && Y.length > 0 && /* @__PURE__ */ n("div", {
|
|
2120
|
-
className: Z.mobileSelectionControls,
|
|
2121
|
-
children: [/* @__PURE__ */ t(Se, {
|
|
2122
|
-
checked: ke,
|
|
2123
|
-
indeterminate: Ae,
|
|
2124
|
-
ariaLabel: A,
|
|
2125
|
-
label: A,
|
|
2126
|
-
onChange: He
|
|
2127
|
-
}), /* @__PURE__ */ t(j, {
|
|
2128
|
-
size: "sm",
|
|
2129
|
-
variant: "empty",
|
|
2130
|
-
disabled: we.size === 0,
|
|
2131
|
-
onClick: Ue,
|
|
2132
|
-
children: M
|
|
2133
|
-
})]
|
|
2134
|
-
}), _ ? /* @__PURE__ */ t(qe, {
|
|
2135
|
-
lines: 4,
|
|
2136
|
-
height: 65
|
|
2137
|
-
}) : Fe ? /* @__PURE__ */ t("div", {
|
|
2138
|
-
className: Z.state,
|
|
2139
|
-
children: Fe
|
|
2140
|
-
}) : Y.length === 0 ? /* @__PURE__ */ t("div", {
|
|
2141
|
-
className: Z.state,
|
|
2142
|
-
children: y
|
|
2143
|
-
}) : Y.map((e) => {
|
|
2144
|
-
let r = we.has(e.id), i = Ee.has(e.id), a = k?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = T && /* @__PURE__ */ n("div", {
|
|
2145
|
-
className: Z.cardSelectionControls,
|
|
2146
|
-
onClick: (e) => e.stopPropagation(),
|
|
2147
|
-
children: [/* @__PURE__ */ t(Se, {
|
|
2148
|
-
checked: r,
|
|
2149
|
-
ariaLabel: a,
|
|
2150
|
-
onChange: () => Ve(e.id)
|
|
2151
|
-
}), O && /* @__PURE__ */ t(j, {
|
|
2152
|
-
size: "sm",
|
|
2153
|
-
variant: "empty",
|
|
2154
|
-
onClick: () => O(e.original),
|
|
2155
|
-
children: ee
|
|
2156
|
-
})]
|
|
2157
|
-
}), s = V && /* @__PURE__ */ t(j, {
|
|
2158
|
-
size: "sm",
|
|
2159
|
-
variant: "empty",
|
|
2160
|
-
"aria-expanded": i,
|
|
2161
|
-
"aria-label": ne?.(e.original, i) ?? (i ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2162
|
-
onClick: (t) => {
|
|
2163
|
-
t.stopPropagation(), We(e.id);
|
|
2164
|
-
},
|
|
2165
|
-
children: /* @__PURE__ */ t(q, {
|
|
2166
|
-
name: "IconChevron",
|
|
2167
|
-
width: 16,
|
|
2168
|
-
height: 16,
|
|
2169
|
-
className: i ? Z.expansionIconOpen : Z.expansionIcon
|
|
2170
|
-
})
|
|
2171
|
-
});
|
|
2172
|
-
if (u) return /* @__PURE__ */ n("div", {
|
|
2173
|
-
role: "listitem",
|
|
2174
|
-
className: `${Z.customCardShell} ${r ? Z.selectedCard : ""}`,
|
|
2175
|
-
"aria-selected": T ? r : void 0,
|
|
2176
|
-
onClick: () => {
|
|
2177
|
-
T && Ve(e.id);
|
|
2178
|
-
},
|
|
2179
|
-
children: [
|
|
2180
|
-
o,
|
|
2181
|
-
u({
|
|
2182
|
-
row: e.original,
|
|
2183
|
-
columns: G
|
|
2184
|
-
}),
|
|
2185
|
-
s,
|
|
2186
|
-
i && /* @__PURE__ */ t("div", {
|
|
2187
|
-
className: Z.cardDetail,
|
|
2188
|
-
children: V?.({
|
|
2189
|
-
row: e.original,
|
|
2190
|
-
rowId: e.id,
|
|
2191
|
-
collapse: () => We(e.id)
|
|
2192
|
-
})
|
|
2193
|
-
})
|
|
2194
|
-
]
|
|
2195
|
-
}, e.id);
|
|
2196
|
-
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) => ct(t.accessor, e.original), f = (t) => t.mobile?.renderMobile?.(e.original, d(t)) ?? t.cell?.(e.original, d(t)) ?? String(d(t) ?? "");
|
|
2197
|
-
return /* @__PURE__ */ n("article", {
|
|
2198
|
-
role: "listitem",
|
|
2199
|
-
className: `${Z.card} ${r ? Z.selectedCard : ""}`,
|
|
2200
|
-
"aria-selected": T ? r : void 0,
|
|
2201
|
-
onClick: () => {
|
|
2202
|
-
T && Ve(e.id);
|
|
2203
|
-
},
|
|
2204
|
-
children: [
|
|
2205
|
-
o,
|
|
2206
|
-
s,
|
|
2207
|
-
/* @__PURE__ */ t("h3", { children: l ? f(l) : `Строка ${e.index + 1}` }),
|
|
2208
|
-
/* @__PURE__ */ t("dl", { children: c.filter((e) => e !== l && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
|
|
2209
|
-
className: e.mobile?.mobileSpan === 2 ? Z.spanTwo : "",
|
|
2210
|
-
children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: f(e) })]
|
|
2211
|
-
}, e.id)) }),
|
|
2212
|
-
c.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: f(e) }, e.id)),
|
|
2213
|
-
i && /* @__PURE__ */ t("div", {
|
|
2214
|
-
className: Z.cardDetail,
|
|
2215
|
-
children: V?.({
|
|
2216
|
-
row: e.original,
|
|
2217
|
-
rowId: e.id,
|
|
2218
|
-
collapse: () => We(e.id)
|
|
2219
|
-
})
|
|
2220
|
-
})
|
|
2221
|
-
]
|
|
2222
|
-
}, e.id);
|
|
2223
|
-
})]
|
|
2224
|
-
}),
|
|
2225
|
-
Ie && /* @__PURE__ */ n("nav", {
|
|
2226
|
-
className: Z.pagination,
|
|
2227
|
-
"aria-label": "Пагинация таблицы",
|
|
2228
|
-
children: [/* @__PURE__ */ n("span", {
|
|
2229
|
-
className: Z.paginationRange,
|
|
2230
|
-
"aria-live": "polite",
|
|
2231
|
-
children: [
|
|
2232
|
-
Le,
|
|
2233
|
-
"–",
|
|
2234
|
-
Re,
|
|
2235
|
-
" из ",
|
|
2236
|
-
be
|
|
2237
|
-
]
|
|
2238
|
-
}), /* @__PURE__ */ n("div", {
|
|
2239
|
-
className: Z.paginationControls,
|
|
2240
|
-
children: [
|
|
2241
|
-
/* @__PURE__ */ n(j, {
|
|
2242
|
-
variant: "empty",
|
|
2243
|
-
size: "md",
|
|
2244
|
-
disabled: _ || J === 0,
|
|
2245
|
-
"aria-label": "Предыдущая страница",
|
|
2246
|
-
onClick: () => {
|
|
2247
|
-
ze(J - 1);
|
|
2248
|
-
},
|
|
2249
|
-
children: [/* @__PURE__ */ t(q, {
|
|
2250
|
-
name: "IconChevron",
|
|
2251
|
-
width: 18,
|
|
2252
|
-
height: 18,
|
|
2253
|
-
className: Z.previousIcon
|
|
2254
|
-
}), /* @__PURE__ */ t("span", {
|
|
2255
|
-
className: Z.paginationButtonLabel,
|
|
2256
|
-
children: "Назад"
|
|
2257
|
-
})]
|
|
2258
|
-
}),
|
|
2259
|
-
/* @__PURE__ */ t("div", {
|
|
2260
|
-
className: Z.pageNumbers,
|
|
2261
|
-
children: Me.map((e) => typeof e == "number" ? /* @__PURE__ */ t(j, {
|
|
2262
|
-
variant: e === J ? "secondary" : "empty",
|
|
2263
|
-
size: "md",
|
|
2264
|
-
className: Z.pageButton,
|
|
2265
|
-
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
2266
|
-
"aria-current": e === J ? "page" : void 0,
|
|
2267
|
-
disabled: _,
|
|
2268
|
-
onClick: () => {
|
|
2269
|
-
ze(e);
|
|
2270
|
-
},
|
|
2271
|
-
children: e + 1
|
|
2272
|
-
}, e) : /* @__PURE__ */ t("span", {
|
|
2273
|
-
className: Z.ellipsis,
|
|
2274
|
-
"aria-hidden": "true",
|
|
2275
|
-
children: "…"
|
|
2276
|
-
}, e))
|
|
2277
|
-
}),
|
|
2278
|
-
/* @__PURE__ */ n(j, {
|
|
2279
|
-
variant: "empty",
|
|
2280
|
-
size: "md",
|
|
2281
|
-
disabled: _ || J === K - 1,
|
|
2282
|
-
"aria-label": "Следующая страница",
|
|
2283
|
-
onClick: () => {
|
|
2284
|
-
ze(J + 1);
|
|
2285
|
-
},
|
|
2286
|
-
children: [/* @__PURE__ */ t("span", {
|
|
2287
|
-
className: Z.paginationButtonLabel,
|
|
2288
|
-
children: "Вперёд"
|
|
2289
|
-
}), /* @__PURE__ */ t(q, {
|
|
2290
|
-
name: "IconChevron",
|
|
2291
|
-
width: 18,
|
|
2292
|
-
height: 18,
|
|
2293
|
-
className: Z.nextIcon
|
|
2294
|
-
})]
|
|
2295
|
-
})
|
|
2296
|
-
]
|
|
2297
|
-
})]
|
|
2298
|
-
})
|
|
2299
|
-
]
|
|
2300
|
-
});
|
|
2301
|
-
}, _t = 8, vt = 6, yt = 120, bt = (e) => {
|
|
2302
|
-
if (typeof e == "number") return e;
|
|
2303
|
-
if (typeof e == "string") {
|
|
2304
|
-
let t = Number.parseFloat(e);
|
|
2305
|
-
if (Number.isFinite(t)) return t;
|
|
2306
|
-
}
|
|
2307
|
-
return Infinity;
|
|
2308
|
-
}, xt = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, stringWhileDisabled: s = !1, label: c, error: u, size: v = "md", required: y = !1, hint: b, className: x = "", name: S, id: C, closeOnSelect: w = !1, needMark: T = !0, maxMenuHeight: E }) => {
|
|
2309
|
-
let D = f(), O = C ?? `ds-dropdown-multiple-${S ?? D}`, k = `${O}-listbox`, [A, j] = g(!1), [M, N] = g(null), P = h(null), F = h(null), I = h(null), L = h([]), R = m(() => e.filter((e) => r.includes(e.value)), [e, r]).map((e) => e.label).join(", "), z = b ? `${O}-hint` : void 0, B = u ? `${O}-error` : void 0, te = [z, B].filter(Boolean).join(" ") || void 0, V = o && s, H = l(() => {
|
|
2310
|
-
let e = F.current, t = I.current;
|
|
2311
|
-
if (!e || !t) return;
|
|
2312
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom - _t, a = n.top - _t, o = i < r.height && a > i, s = Math.max(yt, o ? a : i), c = window.innerWidth - n.width - _t;
|
|
2313
|
-
N({
|
|
2314
|
-
top: o ? Math.max(_t, n.top - r.height - vt) : n.bottom + vt,
|
|
2315
|
-
left: Math.max(_t, Math.min(n.left, c)),
|
|
2316
|
-
width: n.width,
|
|
2317
|
-
maxHeight: Math.min(s, bt(E))
|
|
2318
|
-
});
|
|
2319
|
-
}, [E]);
|
|
2320
|
-
p(() => {
|
|
2321
|
-
if (!A) {
|
|
2322
|
-
N(null);
|
|
2323
|
-
return;
|
|
2324
|
-
}
|
|
2325
|
-
return H(), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), () => {
|
|
2326
|
-
window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
|
|
2327
|
-
};
|
|
2328
|
-
}, [
|
|
2329
|
-
A,
|
|
2330
|
-
e.length,
|
|
2331
|
-
H
|
|
1845
|
+
A,
|
|
1846
|
+
e.length,
|
|
1847
|
+
H
|
|
2332
1848
|
]), d(() => {
|
|
2333
1849
|
if (!A) return;
|
|
2334
1850
|
let e = (e) => {
|
|
@@ -2342,7 +1858,7 @@ var M = {
|
|
|
2342
1858
|
};
|
|
2343
1859
|
}, [A]);
|
|
2344
1860
|
let U = (t, n) => {
|
|
2345
|
-
let r =
|
|
1861
|
+
let r = Xe(e, t, n);
|
|
2346
1862
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
2347
1863
|
}, ne = (t) => {
|
|
2348
1864
|
if (t.disabled) return;
|
|
@@ -2351,7 +1867,7 @@ var M = {
|
|
|
2351
1867
|
}, re = A ? /* @__PURE__ */ t("ul", {
|
|
2352
1868
|
ref: I,
|
|
2353
1869
|
id: k,
|
|
2354
|
-
className:
|
|
1870
|
+
className: Z.menu,
|
|
2355
1871
|
role: "listbox",
|
|
2356
1872
|
"aria-label": c,
|
|
2357
1873
|
"aria-multiselectable": "true",
|
|
@@ -2381,9 +1897,9 @@ var M = {
|
|
|
2381
1897
|
"aria-selected": o,
|
|
2382
1898
|
disabled: i.disabled,
|
|
2383
1899
|
className: [
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
o ?
|
|
1900
|
+
Z[v],
|
|
1901
|
+
Z.option,
|
|
1902
|
+
o ? Z.selected : ""
|
|
2387
1903
|
].filter(Boolean).join(" "),
|
|
2388
1904
|
onClick: () => ne(i),
|
|
2389
1905
|
onKeyDown: (t) => {
|
|
@@ -2399,7 +1915,7 @@ var M = {
|
|
|
2399
1915
|
}
|
|
2400
1916
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), ne(i)), t.key === "Tab" && j(!1);
|
|
2401
1917
|
},
|
|
2402
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(
|
|
1918
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(J, {
|
|
2403
1919
|
name: "IconCheck",
|
|
2404
1920
|
width: 16,
|
|
2405
1921
|
height: 16
|
|
@@ -2411,8 +1927,8 @@ var M = {
|
|
|
2411
1927
|
return /* @__PURE__ */ n("div", {
|
|
2412
1928
|
ref: P,
|
|
2413
1929
|
className: [
|
|
2414
|
-
|
|
2415
|
-
u ?
|
|
1930
|
+
Z.wrapper,
|
|
1931
|
+
u ? Z.errorState : "",
|
|
2416
1932
|
x
|
|
2417
1933
|
].filter(Boolean).join(" "),
|
|
2418
1934
|
children: [
|
|
@@ -2423,10 +1939,10 @@ var M = {
|
|
|
2423
1939
|
children: c
|
|
2424
1940
|
}),
|
|
2425
1941
|
/* @__PURE__ */ t("div", {
|
|
2426
|
-
className:
|
|
1942
|
+
className: Z.container,
|
|
2427
1943
|
children: V ? /* @__PURE__ */ t("div", {
|
|
2428
1944
|
id: O,
|
|
2429
|
-
className: `${
|
|
1945
|
+
className: `${Z.disabledText} ${Z[v]}`,
|
|
2430
1946
|
"aria-describedby": te,
|
|
2431
1947
|
children: R || a
|
|
2432
1948
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -2434,7 +1950,7 @@ var M = {
|
|
|
2434
1950
|
id: O,
|
|
2435
1951
|
type: "button",
|
|
2436
1952
|
name: S,
|
|
2437
|
-
className: `${
|
|
1953
|
+
className: `${Z.trigger} ${Z[v]}`,
|
|
2438
1954
|
disabled: o,
|
|
2439
1955
|
"aria-haspopup": "listbox",
|
|
2440
1956
|
"aria-expanded": A,
|
|
@@ -2450,12 +1966,12 @@ var M = {
|
|
|
2450
1966
|
}
|
|
2451
1967
|
},
|
|
2452
1968
|
children: [/* @__PURE__ */ t("span", {
|
|
2453
|
-
className: `${R ?
|
|
1969
|
+
className: `${R ? Z.value : Z.placeholder} ${Z[v]}`,
|
|
2454
1970
|
children: R || a
|
|
2455
1971
|
}), /* @__PURE__ */ t("span", {
|
|
2456
|
-
className: [
|
|
1972
|
+
className: [Z.chevron, A ? Z.chevronOpen : ""].filter(Boolean).join(" "),
|
|
2457
1973
|
"aria-hidden": "true",
|
|
2458
|
-
children: /* @__PURE__ */ t(
|
|
1974
|
+
children: /* @__PURE__ */ t(J, {
|
|
2459
1975
|
name: "IconChevron",
|
|
2460
1976
|
width: 20,
|
|
2461
1977
|
height: 20
|
|
@@ -2463,127 +1979,830 @@ var M = {
|
|
|
2463
1979
|
})]
|
|
2464
1980
|
})
|
|
2465
1981
|
}),
|
|
2466
|
-
A && _(re, document.body),
|
|
2467
|
-
b && !u && /* @__PURE__ */ t("span", {
|
|
2468
|
-
id: z,
|
|
2469
|
-
className:
|
|
2470
|
-
children: b
|
|
2471
|
-
}),
|
|
2472
|
-
u && /* @__PURE__ */ t("span", {
|
|
2473
|
-
id: B,
|
|
2474
|
-
className:
|
|
2475
|
-
children: u
|
|
2476
|
-
})
|
|
2477
|
-
]
|
|
2478
|
-
});
|
|
2479
|
-
},
|
|
2480
|
-
wrapper: "
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
children:
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
1982
|
+
A && _(re, document.body),
|
|
1983
|
+
b && !u && /* @__PURE__ */ t("span", {
|
|
1984
|
+
id: z,
|
|
1985
|
+
className: Z.message,
|
|
1986
|
+
children: b
|
|
1987
|
+
}),
|
|
1988
|
+
u && /* @__PURE__ */ t("span", {
|
|
1989
|
+
id: B,
|
|
1990
|
+
className: Z.error,
|
|
1991
|
+
children: u
|
|
1992
|
+
})
|
|
1993
|
+
]
|
|
1994
|
+
});
|
|
1995
|
+
}, ct = {
|
|
1996
|
+
wrapper: "_wrapper_1jspu_1",
|
|
1997
|
+
input: "_input_1jspu_21",
|
|
1998
|
+
switch: "_switch_1jspu_35",
|
|
1999
|
+
thumb: "_thumb_1jspu_67",
|
|
2000
|
+
label: "_label_1jspu_113",
|
|
2001
|
+
disabled: "_disabled_1jspu_125"
|
|
2002
|
+
}, lt = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: c, id: l, value: u }) => {
|
|
2003
|
+
let d = f(), p = l ?? `ds-radio-button-${c ?? d}`;
|
|
2004
|
+
return /* @__PURE__ */ n("label", {
|
|
2005
|
+
htmlFor: p,
|
|
2006
|
+
className: `${ct.wrapper} ${a ? ct.disabled : ""} ${s}`,
|
|
2007
|
+
children: [
|
|
2008
|
+
/* @__PURE__ */ t("input", {
|
|
2009
|
+
id: p,
|
|
2010
|
+
className: ct.input,
|
|
2011
|
+
type: "checkbox",
|
|
2012
|
+
role: "switch",
|
|
2013
|
+
name: c,
|
|
2014
|
+
value: u,
|
|
2015
|
+
checked: e,
|
|
2016
|
+
disabled: a,
|
|
2017
|
+
"aria-readonly": o || void 0,
|
|
2018
|
+
onChange: (e) => {
|
|
2019
|
+
o || r?.(e.target.checked, e);
|
|
2020
|
+
}
|
|
2021
|
+
}),
|
|
2022
|
+
/* @__PURE__ */ t("span", {
|
|
2023
|
+
className: ct.switch,
|
|
2024
|
+
"aria-hidden": "true",
|
|
2025
|
+
children: /* @__PURE__ */ t("span", { className: ct.thumb })
|
|
2026
|
+
}),
|
|
2027
|
+
i && /* @__PURE__ */ t("span", {
|
|
2028
|
+
className: ct.label,
|
|
2029
|
+
children: i
|
|
2030
|
+
})
|
|
2031
|
+
]
|
|
2032
|
+
});
|
|
2033
|
+
}, Q = {
|
|
2034
|
+
root: "_root_s4pi9_1",
|
|
2035
|
+
srOnly: "_srOnly_s4pi9_15",
|
|
2036
|
+
bulkActions: "_bulkActions_s4pi9_39",
|
|
2037
|
+
filterBar: "_filterBar_s4pi9_61",
|
|
2038
|
+
filterFields: "_filterFields_s4pi9_79",
|
|
2039
|
+
filterActions: "_filterActions_s4pi9_93",
|
|
2040
|
+
pageSizePanel: "_pageSizePanel_s4pi9_105",
|
|
2041
|
+
embedded: "_embedded_s4pi9_105",
|
|
2042
|
+
pendingChanges: "_pendingChanges_s4pi9_117",
|
|
2043
|
+
tableWrap: "_tableWrap_s4pi9_129",
|
|
2044
|
+
table: "_table_s4pi9_129",
|
|
2045
|
+
compact: "_compact_s4pi9_179",
|
|
2046
|
+
selectionColumn: "_selectionColumn_s4pi9_209",
|
|
2047
|
+
expansionColumn: "_expansionColumn_s4pi9_217",
|
|
2048
|
+
expansionCell: "_expansionCell_s4pi9_219",
|
|
2049
|
+
expansionIcon: "_expansionIcon_s4pi9_231",
|
|
2050
|
+
expansionIconOpen: "_expansionIconOpen_s4pi9_241",
|
|
2051
|
+
detailRow: "_detailRow_s4pi9_251",
|
|
2052
|
+
stickyColumn: "_stickyColumn_s4pi9_261",
|
|
2053
|
+
selectionHeaderCell: "_selectionHeaderCell_s4pi9_281",
|
|
2054
|
+
selectionCell: "_selectionCell_s4pi9_283",
|
|
2055
|
+
selectionHeaderControls: "_selectionHeaderControls_s4pi9_295",
|
|
2056
|
+
mobileSelectionControls: "_mobileSelectionControls_s4pi9_297",
|
|
2057
|
+
cardSelectionControls: "_cardSelectionControls_s4pi9_299",
|
|
2058
|
+
selectedRow: "_selectedRow_s4pi9_313",
|
|
2059
|
+
sticky: "_sticky_s4pi9_261",
|
|
2060
|
+
sortButton: "_sortButton_s4pi9_351",
|
|
2061
|
+
state: "_state_s4pi9_389",
|
|
2062
|
+
cards: "_cards_s4pi9_401",
|
|
2063
|
+
mobileSort: "_mobileSort_s4pi9_401",
|
|
2064
|
+
card: "_card_s4pi9_299",
|
|
2065
|
+
spanTwo: "_spanTwo_s4pi9_489",
|
|
2066
|
+
selectedCard: "_selectedCard_s4pi9_497",
|
|
2067
|
+
customCardShell: "_customCardShell_s4pi9_531",
|
|
2068
|
+
clickableRow: "_clickableRow_s4pi9_543",
|
|
2069
|
+
cardDetail: "_cardDetail_s4pi9_561",
|
|
2070
|
+
pagination: "_pagination_s4pi9_587",
|
|
2071
|
+
bottom: "_bottom_s4pi9_635",
|
|
2072
|
+
pageSizeMain: "_pageSizeMain_s4pi9_649",
|
|
2073
|
+
pageSizeOptions: "_pageSizeOptions_s4pi9_651",
|
|
2074
|
+
pageSizeFieldset: "_pageSizeFieldset_s4pi9_663",
|
|
2075
|
+
pageSizeOption: "_pageSizeOption_s4pi9_651",
|
|
2076
|
+
pageSizeOptionActive: "_pageSizeOptionActive_s4pi9_741",
|
|
2077
|
+
pageSizeWarning: "_pageSizeWarning_s4pi9_755",
|
|
2078
|
+
paginationRange: "_paginationRange_s4pi9_767",
|
|
2079
|
+
paginationControls: "_paginationControls_s4pi9_779",
|
|
2080
|
+
pageNumbers: "_pageNumbers_s4pi9_781",
|
|
2081
|
+
pageButton: "_pageButton_s4pi9_793",
|
|
2082
|
+
ellipsis: "_ellipsis_s4pi9_803",
|
|
2083
|
+
previousIcon: "_previousIcon_s4pi9_815",
|
|
2084
|
+
nextIcon: "_nextIcon_s4pi9_823",
|
|
2085
|
+
default: "_default_s4pi9_923",
|
|
2086
|
+
tableOnMobile: "_tableOnMobile_s4pi9_923",
|
|
2087
|
+
wide: "_wide_s4pi9_953"
|
|
2088
|
+
}, ut = b({
|
|
2089
|
+
rowSortingFeature: y,
|
|
2090
|
+
sortedRowModel: v()
|
|
2091
|
+
}), dt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
2092
|
+
let o = e.type === "multi-select" ? e.options : void 0, [s, c] = g(Array.isArray(o) ? o : []), [l, u] = g(!1);
|
|
2093
|
+
return d(() => {
|
|
2094
|
+
if (o === void 0) return;
|
|
2095
|
+
if (Array.isArray(o)) {
|
|
2096
|
+
c(o);
|
|
2097
|
+
return;
|
|
2098
|
+
}
|
|
2099
|
+
let e = !0;
|
|
2100
|
+
return u(!0), o().then((t) => {
|
|
2101
|
+
e && c(t);
|
|
2102
|
+
}).finally(() => {
|
|
2103
|
+
e && u(!1);
|
|
2104
|
+
}), () => {
|
|
2105
|
+
e = !1;
|
|
2106
|
+
};
|
|
2107
|
+
}, [o]), e.type === "multi-select" ? /* @__PURE__ */ t(st, {
|
|
2108
|
+
label: e.label,
|
|
2109
|
+
options: s,
|
|
2110
|
+
value: Array.isArray(n) ? n.map(String) : [],
|
|
2111
|
+
disabled: i || l,
|
|
2112
|
+
placeholder: l ? "Загрузка…" : e.placeholder,
|
|
2113
|
+
error: a,
|
|
2114
|
+
onChange: (e) => r(e)
|
|
2115
|
+
}) : e.type === "switch" ? /* @__PURE__ */ t(lt, {
|
|
2116
|
+
label: e.label,
|
|
2117
|
+
checked: !!n,
|
|
2118
|
+
disabled: i,
|
|
2119
|
+
onChange: (e) => r(e)
|
|
2120
|
+
}) : e.type === "custom" ? e.render({
|
|
2121
|
+
value: n,
|
|
2122
|
+
setValue: r,
|
|
2123
|
+
disabled: i,
|
|
2124
|
+
error: a
|
|
2125
|
+
}) : /* @__PURE__ */ t(nt, {
|
|
2126
|
+
label: e.label,
|
|
2127
|
+
type: e.type === "search" ? "search" : "text",
|
|
2128
|
+
value: String(n ?? ""),
|
|
2129
|
+
disabled: i,
|
|
2130
|
+
placeholder: e.placeholder,
|
|
2131
|
+
error: a,
|
|
2132
|
+
onChange: (e) => r(e)
|
|
2133
|
+
});
|
|
2134
|
+
}, ft = (e, t, n) => {
|
|
2135
|
+
let r = new Set(e);
|
|
2136
|
+
return t.forEach((e) => {
|
|
2137
|
+
n ? r.add(e) : r.delete(e);
|
|
2138
|
+
}), Array.from(r);
|
|
2139
|
+
}, pt = (e) => {
|
|
2140
|
+
if (!(!e || e.width === void 0 && e.minWidth === void 0 && e.maxWidth === void 0)) return {
|
|
2141
|
+
width: e.width,
|
|
2142
|
+
minWidth: e.minWidth,
|
|
2143
|
+
maxWidth: e.maxWidth
|
|
2144
|
+
};
|
|
2145
|
+
}, mt = (e) => {
|
|
2146
|
+
if (e?.sticky) return e.sticky === "start" ? { insetInlineStart: e.stickyOffset ?? 0 } : { insetInlineEnd: e.stickyOffset ?? 0 };
|
|
2147
|
+
}, ht = (e, t) => t <= 7 ? Array.from({ length: t }, (e, t) => t) : e <= 3 ? [
|
|
2148
|
+
0,
|
|
2149
|
+
1,
|
|
2150
|
+
2,
|
|
2151
|
+
3,
|
|
2152
|
+
4,
|
|
2153
|
+
"ellipsis-end",
|
|
2154
|
+
t - 1
|
|
2155
|
+
] : e >= t - 4 ? [
|
|
2156
|
+
0,
|
|
2157
|
+
"ellipsis-start",
|
|
2158
|
+
t - 5,
|
|
2159
|
+
t - 4,
|
|
2160
|
+
t - 3,
|
|
2161
|
+
t - 2,
|
|
2162
|
+
t - 1
|
|
2163
|
+
] : [
|
|
2164
|
+
0,
|
|
2165
|
+
"ellipsis-start",
|
|
2166
|
+
e - 1,
|
|
2167
|
+
e,
|
|
2168
|
+
e + 1,
|
|
2169
|
+
"ellipsis-end",
|
|
2170
|
+
t - 1
|
|
2171
|
+
], gt = (e, t) => {
|
|
2172
|
+
let n = /* @__PURE__ */ new Set();
|
|
2173
|
+
for (let t of e) {
|
|
2174
|
+
if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
|
|
2175
|
+
if (n.has(t.id)) return `Идентификатор колонки «${t.id}» повторяется`;
|
|
2176
|
+
n.add(t.id);
|
|
2177
|
+
}
|
|
2178
|
+
for (let n = 0; n < t.length; n += 1) {
|
|
2179
|
+
let r = t[n];
|
|
2180
|
+
for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
|
|
2181
|
+
}
|
|
2182
|
+
return null;
|
|
2183
|
+
}, _t = (e, t) => typeof e == "function" ? e(t) : t[e], vt = (e) => {
|
|
2184
|
+
if (e == null || e === "") return null;
|
|
2185
|
+
let t = Date.parse(String(e));
|
|
2186
|
+
return Number.isNaN(t) ? null : t;
|
|
2187
|
+
}, yt = (e, t, n) => {
|
|
2188
|
+
let r = vt(e.getValue(n)), i = vt(t.getValue(n));
|
|
2189
|
+
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
2190
|
+
}, bt = (e, t, n) => {
|
|
2191
|
+
let r = e.getValue(n), i = t.getValue(n);
|
|
2192
|
+
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
2193
|
+
}, xt = (e, t, n) => {
|
|
2194
|
+
let r = e.getValue(n), i = t.getValue(n);
|
|
2195
|
+
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
2196
|
+
}, St = (e, t, n) => {
|
|
2197
|
+
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
2198
|
+
return r.localeCompare(i, void 0, {
|
|
2199
|
+
numeric: !0,
|
|
2200
|
+
sensitivity: "base"
|
|
2201
|
+
});
|
|
2202
|
+
}, Ct = (e) => {
|
|
2203
|
+
switch (e) {
|
|
2204
|
+
case "date": return yt;
|
|
2205
|
+
case "number": return bt;
|
|
2206
|
+
case "boolean": return xt;
|
|
2207
|
+
case "text":
|
|
2208
|
+
case void 0: return St;
|
|
2209
|
+
case "custom": return;
|
|
2210
|
+
}
|
|
2211
|
+
}, wt = (e) => {
|
|
2212
|
+
let t = (t) => _t(e.accessor, t), n = e.sortFn ?? Ct(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
|
|
2213
|
+
id: e.id,
|
|
2214
|
+
accessorFn: t,
|
|
2215
|
+
header: () => e.header,
|
|
2216
|
+
cell: (t) => {
|
|
2217
|
+
let n = t.getValue();
|
|
2218
|
+
return e.cell?.(t.row.original, n) ?? String(n ?? "");
|
|
2219
|
+
},
|
|
2220
|
+
enableSorting: r,
|
|
2221
|
+
sortDescFirst: e.sortDescFirst
|
|
2222
|
+
};
|
|
2223
|
+
return n !== void 0 && (i.sortFn = n), i;
|
|
2224
|
+
}, Tt = ({ 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, onPageSizeChange: L, pageSizeOptions: R = [
|
|
2225
|
+
10,
|
|
2226
|
+
30,
|
|
2227
|
+
50,
|
|
2228
|
+
-1
|
|
2229
|
+
], pageSizeDraft: z, onPageSizeDraftChange: B, pageSizeApplyMode: te = "table", totalCount: V, onPageChange: H, visibleColumnIds: U, density: ne = "comfortable", renderBulkActions: re, renderExpandedRow: W, expandedRowIds: ie, onExpandedRowIdsChange: ae, getRowExpansionLabel: oe, resultsAnnouncement: se, filterBar: G }) => {
|
|
2230
|
+
let [K, ce] = g([]), [le, ue] = g([]), [de, fe] = g([]), [pe, me] = g(0), [he, ge] = g(I === -1 ? -1 : [
|
|
2231
|
+
10,
|
|
2232
|
+
30,
|
|
2233
|
+
50
|
|
2234
|
+
].includes(I) ? I : 30), _e = c ?? K, ve = _e.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), ye = I === -1, q = ye ? Math.max(1, (P === "server" ? Number(V) : i.length) || i.length || 1) : Number.isFinite(I) && I > 0 ? Math.floor(I) : 30, be = N && P === "server", Y = m(() => {
|
|
2235
|
+
if (U === void 0) return e;
|
|
2236
|
+
let t = new Set(U);
|
|
2237
|
+
return e.filter((e) => t.has(e.id));
|
|
2238
|
+
}, [e, U]), X = m(() => Y.length === 0 ? "Должна быть видима хотя бы одна колонка" : gt(Y, i), [i, Y]), Se = m(() => Y.map(wt), [Y]), Ce = Y.some((e) => pt(e) !== void 0), we = x({
|
|
2239
|
+
features: ut,
|
|
2240
|
+
columns: Se,
|
|
2241
|
+
data: i,
|
|
2242
|
+
state: { sorting: _e },
|
|
2243
|
+
onSortingChange: (e) => {
|
|
2244
|
+
let t = typeof e == "function" ? e(_e) : e;
|
|
2245
|
+
c === void 0 && ce(t), me(0), l?.(t);
|
|
2246
|
+
},
|
|
2247
|
+
getRowId: f
|
|
2248
|
+
}), Te = we.getRowModel().rows, Ee = be && Number.isFinite(V) && Number(V) >= 0 ? Math.floor(Number(V)) : Te.length, De = N ? Math.max(1, Math.ceil(Ee / q)) : 1, Oe = Number.isFinite(F) && F > 0 ? Math.floor(F) - 1 : 0, ke = Math.min(be ? Oe : pe, De - 1), Ae = m(() => N && !be ? Te.slice(ke * q, (ke + 1) * q) : Te, [
|
|
2249
|
+
be,
|
|
2250
|
+
q,
|
|
2251
|
+
N,
|
|
2252
|
+
ke,
|
|
2253
|
+
Te
|
|
2254
|
+
]), je = E ?? le, Me = m(() => new Set(je), [je]), Ne = ie ?? de, Pe = m(() => new Set(Ne), [Ne]), Fe = m(() => Ae.map((e) => e.id), [Ae]), Ie = Fe.filter((e) => Me.has(e)).length, Le = Fe.length > 0 && Ie === Fe.length, Re = Ie > 0 && !Le, ze = m(() => Y.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
2255
|
+
id: e.id,
|
|
2256
|
+
label: typeof e.header == "string" ? e.header : e.id
|
|
2257
|
+
})), [Y]), Be = m(() => ht(ke, De), [De, ke]), Ve = o === void 0 ? a : o === "table", He = [
|
|
2258
|
+
Q.root,
|
|
2259
|
+
s === "wide" ? Q.wide : Q.default,
|
|
2260
|
+
Ve ? Q.tableOnMobile : "",
|
|
2261
|
+
ne === "compact" ? Q.compact : "",
|
|
2262
|
+
C
|
|
2263
|
+
].filter(Boolean).join(" "), Ue = X ?? v, We = N && !ye && !Ue && Ee > q && (!_ || be), Ge = N && !!(L || B || G), Z = z ?? he, qe = G ? (typeof G.validation == "function" ? G.validation(G.draftValues) : G.validation) ?? {} : {}, Je = G ? JSON.stringify(G.draftValues) !== JSON.stringify(G.appliedValues) || Z !== I : !1, Ye = Object.values(qe).some(Boolean), Xe = Ee === 0 ? 0 : ke * q + 1, Ze = Math.min((ke + 1) * q, Ee), Qe = () => {
|
|
2264
|
+
Z !== I && (me(0), H?.(1), L?.(Z));
|
|
2265
|
+
}, $e = (e, r = !1) => {
|
|
2266
|
+
let i = Z !== I, a = `ds-data-table-page-size-warning-${e}`;
|
|
2267
|
+
return /* @__PURE__ */ n("div", {
|
|
2268
|
+
className: `${Q.pageSizePanel} ${Q[e]} ${r ? Q.embedded : ""}`,
|
|
2269
|
+
children: [
|
|
2270
|
+
/* @__PURE__ */ n("div", {
|
|
2271
|
+
className: Q.pageSizeMain,
|
|
2272
|
+
children: [/* @__PURE__ */ n("fieldset", {
|
|
2273
|
+
className: Q.pageSizeFieldset,
|
|
2274
|
+
disabled: _ || G?.applying,
|
|
2275
|
+
children: [/* @__PURE__ */ t("legend", { children: "На странице" }), /* @__PURE__ */ t("div", {
|
|
2276
|
+
className: Q.pageSizeOptions,
|
|
2277
|
+
children: R.map((e) => /* @__PURE__ */ t("button", {
|
|
2278
|
+
type: "button",
|
|
2279
|
+
className: `${Q.pageSizeOption} ${Z === e ? Q.pageSizeOptionActive : ""}`,
|
|
2280
|
+
"aria-pressed": Z === e,
|
|
2281
|
+
onClick: () => {
|
|
2282
|
+
z === void 0 && ge(e), B?.(e);
|
|
2283
|
+
},
|
|
2284
|
+
children: e === -1 ? "Все" : e
|
|
2285
|
+
}, e))
|
|
2286
|
+
})]
|
|
2287
|
+
}), te === "table" && !G && /* @__PURE__ */ t(j, {
|
|
2288
|
+
size: "sm",
|
|
2289
|
+
disabled: _ || !i,
|
|
2290
|
+
"aria-describedby": Z === -1 && i && e === "top" ? a : void 0,
|
|
2291
|
+
onClick: Qe,
|
|
2292
|
+
children: "Применить"
|
|
2293
|
+
})]
|
|
2294
|
+
}),
|
|
2295
|
+
/* @__PURE__ */ n("span", {
|
|
2296
|
+
className: Q.paginationRange,
|
|
2297
|
+
children: [
|
|
2298
|
+
"Показано ",
|
|
2299
|
+
Xe,
|
|
2300
|
+
"–",
|
|
2301
|
+
Ze,
|
|
2302
|
+
" из ",
|
|
2303
|
+
Ee
|
|
2304
|
+
]
|
|
2305
|
+
}),
|
|
2306
|
+
Je && e === "top" && /* @__PURE__ */ t("span", {
|
|
2307
|
+
className: Q.pendingChanges,
|
|
2308
|
+
role: "status",
|
|
2309
|
+
children: "Есть неприменённые изменения"
|
|
2310
|
+
}),
|
|
2311
|
+
be && Z === -1 && i && /* @__PURE__ */ n("span", {
|
|
2312
|
+
id: a,
|
|
2313
|
+
className: Q.pageSizeWarning,
|
|
2314
|
+
"aria-hidden": e === "bottom" || void 0,
|
|
2315
|
+
children: [
|
|
2316
|
+
"Будут загружены все ",
|
|
2317
|
+
Ee,
|
|
2318
|
+
" записей"
|
|
2319
|
+
]
|
|
2320
|
+
})
|
|
2321
|
+
]
|
|
2322
|
+
});
|
|
2323
|
+
}, tt = (e) => {
|
|
2324
|
+
let t = Math.max(0, Math.min(De - 1, e));
|
|
2325
|
+
if (be) {
|
|
2326
|
+
t !== ke && H?.(t + 1);
|
|
2327
|
+
return;
|
|
2328
|
+
}
|
|
2329
|
+
me(t);
|
|
2330
|
+
}, nt = (e) => {
|
|
2331
|
+
let t = Array.from(e);
|
|
2332
|
+
E === void 0 && ue(t), D?.(t);
|
|
2333
|
+
}, rt = (e) => {
|
|
2334
|
+
let t = new Set(Me);
|
|
2335
|
+
t.has(e) ? t.delete(e) : t.add(e), nt(t);
|
|
2336
|
+
}, it = () => {
|
|
2337
|
+
let e = ft(Me, Fe, !Le);
|
|
2338
|
+
E === void 0 && ue(e), D?.(e);
|
|
2339
|
+
}, at = () => nt(/* @__PURE__ */ new Set()), ot = (e) => {
|
|
2340
|
+
let t = new Set(Pe);
|
|
2341
|
+
t.has(e) ? t.delete(e) : t.add(e);
|
|
2342
|
+
let n = Array.from(t);
|
|
2343
|
+
ie === void 0 && fe(n), ae?.(n);
|
|
2344
|
+
}, st = i.filter((e, t) => Me.has(f?.(e, t) ?? String(t))), ct = se?.({
|
|
2345
|
+
visibleCount: Ae.length,
|
|
2346
|
+
totalCount: Ee,
|
|
2347
|
+
selectedCount: Me.size
|
|
2348
|
+
}) ?? `Показано строк: ${Ae.length} из ${Ee}. Выбрано: ${Me.size}.`;
|
|
2349
|
+
return d(() => {
|
|
2350
|
+
be || me(0);
|
|
2351
|
+
}, [
|
|
2352
|
+
i,
|
|
2353
|
+
be,
|
|
2354
|
+
q,
|
|
2355
|
+
N,
|
|
2356
|
+
ve
|
|
2357
|
+
]), d(() => {
|
|
2358
|
+
!be && pe >= De && me(De - 1);
|
|
2359
|
+
}, [
|
|
2360
|
+
be,
|
|
2361
|
+
De,
|
|
2362
|
+
pe
|
|
2363
|
+
]), d(() => {
|
|
2364
|
+
ge(I === -1 ? -1 : [
|
|
2365
|
+
10,
|
|
2366
|
+
30,
|
|
2367
|
+
50
|
|
2368
|
+
].includes(I) ? I : 30);
|
|
2369
|
+
}, [I]), /* @__PURE__ */ n("section", {
|
|
2370
|
+
className: He,
|
|
2371
|
+
"aria-busy": _,
|
|
2372
|
+
children: [
|
|
2373
|
+
/* @__PURE__ */ t("div", {
|
|
2374
|
+
className: Q.srOnly,
|
|
2375
|
+
"aria-live": "polite",
|
|
2376
|
+
"aria-atomic": "true",
|
|
2377
|
+
children: ct
|
|
2378
|
+
}),
|
|
2379
|
+
re && Me.size > 0 && /* @__PURE__ */ t("div", {
|
|
2380
|
+
className: Q.bulkActions,
|
|
2381
|
+
role: "region",
|
|
2382
|
+
"aria-label": "Действия с выбранными строками",
|
|
2383
|
+
children: re({
|
|
2384
|
+
selectedRowIds: Array.from(Me),
|
|
2385
|
+
selectedRows: st,
|
|
2386
|
+
clearSelection: at
|
|
2387
|
+
})
|
|
2388
|
+
}),
|
|
2389
|
+
G && /* @__PURE__ */ n("form", {
|
|
2390
|
+
className: Q.filterBar,
|
|
2391
|
+
role: "search",
|
|
2392
|
+
"aria-label": "Фильтры таблицы",
|
|
2393
|
+
onSubmit: (e) => {
|
|
2394
|
+
e.preventDefault(), !(!Je || Ye || G.applying || _) && (me(0), H?.(1), G.onApply({
|
|
2395
|
+
filters: G.draftValues,
|
|
2396
|
+
pageSize: Z
|
|
2397
|
+
}));
|
|
2398
|
+
},
|
|
2399
|
+
children: [
|
|
2400
|
+
/* @__PURE__ */ t("div", {
|
|
2401
|
+
className: Q.filterFields,
|
|
2402
|
+
children: G.fields.map((e) => /* @__PURE__ */ t(dt, {
|
|
2403
|
+
field: e,
|
|
2404
|
+
value: G.draftValues[e.key],
|
|
2405
|
+
disabled: !!(e.disabled || G.applying || _),
|
|
2406
|
+
error: qe[e.key],
|
|
2407
|
+
setValue: (t) => G.onDraftValuesChange({
|
|
2408
|
+
...G.draftValues,
|
|
2409
|
+
[e.key]: t
|
|
2410
|
+
})
|
|
2411
|
+
}, e.key))
|
|
2412
|
+
}),
|
|
2413
|
+
Ge && $e("top", !0),
|
|
2414
|
+
/* @__PURE__ */ n("div", {
|
|
2415
|
+
className: Q.filterActions,
|
|
2416
|
+
children: [/* @__PURE__ */ t(j, {
|
|
2417
|
+
variant: "empty",
|
|
2418
|
+
disabled: G.applying || _,
|
|
2419
|
+
onClick: () => {
|
|
2420
|
+
let e = G.resetValues ?? G.appliedValues;
|
|
2421
|
+
G.onDraftValuesChange(e);
|
|
2422
|
+
let t = G.resetPageSize ?? R[0] ?? 30;
|
|
2423
|
+
z === void 0 && ge(t), B?.(t), G.onReset?.({
|
|
2424
|
+
filters: e,
|
|
2425
|
+
pageSize: t
|
|
2426
|
+
});
|
|
2427
|
+
},
|
|
2428
|
+
children: G.resetLabel ?? "Сбросить"
|
|
2429
|
+
}), /* @__PURE__ */ t(j, {
|
|
2430
|
+
type: "submit",
|
|
2431
|
+
isLoading: G.applying,
|
|
2432
|
+
disabled: !Je || Ye || _,
|
|
2433
|
+
children: G.applyLabel ?? "Применить"
|
|
2434
|
+
})]
|
|
2435
|
+
})
|
|
2436
|
+
]
|
|
2437
|
+
}),
|
|
2438
|
+
Ge && !G && $e("top"),
|
|
2439
|
+
!Ve && !_ && !Ue && Ae.length > 0 && ze.length > 0 && /* @__PURE__ */ t(et, {
|
|
2440
|
+
className: Q.mobileSort,
|
|
2441
|
+
options: ze,
|
|
2442
|
+
value: _e[0] ? {
|
|
2443
|
+
id: _e[0].id,
|
|
2444
|
+
direction: _e[0].desc ? "desc" : "asc"
|
|
2445
|
+
} : null,
|
|
2446
|
+
onChange: (e) => we.setSorting([{
|
|
2447
|
+
id: e.id,
|
|
2448
|
+
desc: e.direction === "desc"
|
|
2449
|
+
}])
|
|
2450
|
+
}),
|
|
2451
|
+
/* @__PURE__ */ t("div", {
|
|
2452
|
+
className: Q.tableWrap,
|
|
2453
|
+
style: { maxHeight: S },
|
|
2454
|
+
children: /* @__PURE__ */ n("table", {
|
|
2455
|
+
className: Q.table,
|
|
2456
|
+
"aria-label": h,
|
|
2457
|
+
children: [
|
|
2458
|
+
p && /* @__PURE__ */ t("caption", { children: p }),
|
|
2459
|
+
(Ce || T || !!W) && /* @__PURE__ */ n("colgroup", { children: [
|
|
2460
|
+
W && /* @__PURE__ */ t("col", { className: Q.expansionColumn }),
|
|
2461
|
+
T && /* @__PURE__ */ t("col", { className: Q.selectionColumn }),
|
|
2462
|
+
Y.map((e) => /* @__PURE__ */ t("col", { style: pt(e) }, e.id))
|
|
2463
|
+
] }),
|
|
2464
|
+
/* @__PURE__ */ t("thead", {
|
|
2465
|
+
className: b ? Q.sticky : "",
|
|
2466
|
+
children: we.getHeaderGroups().map((e) => /* @__PURE__ */ n("tr", { children: [
|
|
2467
|
+
W && /* @__PURE__ */ t("th", {
|
|
2468
|
+
className: Q.expansionCell,
|
|
2469
|
+
scope: "col",
|
|
2470
|
+
children: /* @__PURE__ */ t("span", {
|
|
2471
|
+
className: Q.srOnly,
|
|
2472
|
+
children: "Подробности"
|
|
2473
|
+
})
|
|
2474
|
+
}),
|
|
2475
|
+
T && /* @__PURE__ */ t("th", {
|
|
2476
|
+
className: Q.selectionHeaderCell,
|
|
2477
|
+
scope: "col",
|
|
2478
|
+
children: /* @__PURE__ */ n("div", {
|
|
2479
|
+
className: Q.selectionHeaderControls,
|
|
2480
|
+
children: [/* @__PURE__ */ t(xe, {
|
|
2481
|
+
checked: Le,
|
|
2482
|
+
indeterminate: Re,
|
|
2483
|
+
disabled: _ || Fe.length === 0,
|
|
2484
|
+
ariaLabel: A,
|
|
2485
|
+
onChange: it
|
|
2486
|
+
}), /* @__PURE__ */ t(j, {
|
|
2487
|
+
size: "sm",
|
|
2488
|
+
variant: "empty",
|
|
2489
|
+
disabled: Me.size === 0,
|
|
2490
|
+
"aria-label": M,
|
|
2491
|
+
title: M,
|
|
2492
|
+
onClick: at,
|
|
2493
|
+
children: /* @__PURE__ */ t(J, {
|
|
2494
|
+
name: "IconX",
|
|
2495
|
+
width: 16,
|
|
2496
|
+
height: 16
|
|
2497
|
+
})
|
|
2498
|
+
})]
|
|
2499
|
+
})
|
|
2500
|
+
}),
|
|
2501
|
+
e.headers.map((e) => {
|
|
2502
|
+
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler();
|
|
2503
|
+
return /* @__PURE__ */ t("th", {
|
|
2504
|
+
scope: "col",
|
|
2505
|
+
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
2506
|
+
className: Y.find((t) => t.id === e.column.id)?.sticky ? Q.stickyColumn : void 0,
|
|
2507
|
+
style: {
|
|
2508
|
+
...pt(Y.find((t) => t.id === e.column.id)),
|
|
2509
|
+
...mt(Y.find((t) => t.id === e.column.id))
|
|
2510
|
+
},
|
|
2511
|
+
children: /* @__PURE__ */ n("button", {
|
|
2512
|
+
type: "button",
|
|
2513
|
+
className: Q.sortButton,
|
|
2514
|
+
disabled: !i,
|
|
2515
|
+
onClick: a,
|
|
2516
|
+
children: [/* @__PURE__ */ t(we.FlexRender, { header: e }), /* @__PURE__ */ t(J, {
|
|
2517
|
+
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
2518
|
+
width: 16,
|
|
2519
|
+
height: 16
|
|
2520
|
+
})]
|
|
2521
|
+
})
|
|
2522
|
+
}, e.id);
|
|
2523
|
+
})
|
|
2524
|
+
] }, e.id))
|
|
2525
|
+
}),
|
|
2526
|
+
/* @__PURE__ */ t("tbody", { children: _ ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2527
|
+
colSpan: Y.length + +!!T + +!!W,
|
|
2528
|
+
children: /* @__PURE__ */ t(Ke, {
|
|
2529
|
+
lines: 3,
|
|
2530
|
+
height: 65
|
|
2531
|
+
})
|
|
2532
|
+
}) }) : Ue ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2533
|
+
className: Q.state,
|
|
2534
|
+
colSpan: Y.length + +!!T + +!!W,
|
|
2535
|
+
children: Ue
|
|
2536
|
+
}) }) : Ae.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2537
|
+
className: Q.state,
|
|
2538
|
+
colSpan: Y.length + +!!T + +!!W,
|
|
2539
|
+
children: y
|
|
2540
|
+
}) }) : Ae.map((e) => {
|
|
2541
|
+
let i = Me.has(e.id), a = k?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = Pe.has(e.id);
|
|
2542
|
+
return /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ n("tr", {
|
|
2543
|
+
className: [w || T ? Q.clickableRow : "", i ? Q.selectedRow : ""].filter(Boolean).join(" "),
|
|
2544
|
+
"aria-selected": T ? i : void 0,
|
|
2545
|
+
onClick: () => {
|
|
2546
|
+
T ? rt(e.id) : w?.(e.original);
|
|
2547
|
+
},
|
|
2548
|
+
onDoubleClick: () => {
|
|
2549
|
+
T && O?.(e.original);
|
|
2550
|
+
},
|
|
2551
|
+
onKeyDown: (t) => {
|
|
2552
|
+
t.key === "Enter" ? (t.preventDefault(), T ? O?.(e.original) : w?.(e.original)) : t.key === " " && T && (t.preventDefault(), rt(e.id));
|
|
2553
|
+
},
|
|
2554
|
+
tabIndex: w || T || O ? 0 : void 0,
|
|
2555
|
+
role: !T && w ? "button" : void 0,
|
|
2556
|
+
children: [
|
|
2557
|
+
W && /* @__PURE__ */ t("td", {
|
|
2558
|
+
className: Q.expansionCell,
|
|
2559
|
+
onClick: (e) => e.stopPropagation(),
|
|
2560
|
+
children: /* @__PURE__ */ t(j, {
|
|
2561
|
+
size: "sm",
|
|
2562
|
+
variant: "empty",
|
|
2563
|
+
"aria-expanded": o,
|
|
2564
|
+
"aria-label": oe?.(e.original, o) ?? (o ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2565
|
+
onClick: () => ot(e.id),
|
|
2566
|
+
children: /* @__PURE__ */ t(J, {
|
|
2567
|
+
name: "IconChevron",
|
|
2568
|
+
width: 16,
|
|
2569
|
+
height: 16,
|
|
2570
|
+
className: o ? Q.expansionIconOpen : Q.expansionIcon
|
|
2571
|
+
})
|
|
2572
|
+
})
|
|
2573
|
+
}),
|
|
2574
|
+
T && /* @__PURE__ */ t("td", {
|
|
2575
|
+
className: Q.selectionCell,
|
|
2576
|
+
children: /* @__PURE__ */ t("div", {
|
|
2577
|
+
onClick: (e) => e.stopPropagation(),
|
|
2578
|
+
children: /* @__PURE__ */ t(xe, {
|
|
2579
|
+
checked: i,
|
|
2580
|
+
ariaLabel: a,
|
|
2581
|
+
onChange: () => rt(e.id)
|
|
2582
|
+
})
|
|
2583
|
+
})
|
|
2584
|
+
}),
|
|
2585
|
+
e.getAllCells().map((e) => /* @__PURE__ */ t("td", {
|
|
2586
|
+
className: Y.find((t) => t.id === e.column.id)?.sticky ? Q.stickyColumn : void 0,
|
|
2587
|
+
style: {
|
|
2588
|
+
...pt(Y.find((t) => t.id === e.column.id)),
|
|
2589
|
+
...mt(Y.find((t) => t.id === e.column.id))
|
|
2590
|
+
},
|
|
2591
|
+
children: /* @__PURE__ */ t(we.FlexRender, { cell: e })
|
|
2592
|
+
}, e.id))
|
|
2593
|
+
]
|
|
2594
|
+
}), o && W && /* @__PURE__ */ t("tr", {
|
|
2595
|
+
className: Q.detailRow,
|
|
2596
|
+
children: /* @__PURE__ */ t("td", {
|
|
2597
|
+
colSpan: Y.length + +!!T + 1,
|
|
2598
|
+
children: W({
|
|
2599
|
+
row: e.original,
|
|
2600
|
+
rowId: e.id,
|
|
2601
|
+
collapse: () => ot(e.id)
|
|
2602
|
+
})
|
|
2603
|
+
})
|
|
2604
|
+
})] }, e.id);
|
|
2605
|
+
}) })
|
|
2606
|
+
]
|
|
2607
|
+
})
|
|
2608
|
+
}),
|
|
2609
|
+
!Ve && /* @__PURE__ */ n("div", {
|
|
2610
|
+
className: Q.cards,
|
|
2611
|
+
role: "list",
|
|
2612
|
+
"aria-label": h ?? p,
|
|
2613
|
+
children: [T && !_ && !Ue && Ae.length > 0 && /* @__PURE__ */ n("div", {
|
|
2614
|
+
className: Q.mobileSelectionControls,
|
|
2615
|
+
children: [/* @__PURE__ */ t(xe, {
|
|
2616
|
+
checked: Le,
|
|
2617
|
+
indeterminate: Re,
|
|
2618
|
+
ariaLabel: A,
|
|
2619
|
+
label: A,
|
|
2620
|
+
onChange: it
|
|
2621
|
+
}), /* @__PURE__ */ t(j, {
|
|
2622
|
+
size: "sm",
|
|
2623
|
+
variant: "empty",
|
|
2624
|
+
disabled: Me.size === 0,
|
|
2625
|
+
onClick: at,
|
|
2626
|
+
children: M
|
|
2627
|
+
})]
|
|
2628
|
+
}), _ ? /* @__PURE__ */ t(Ke, {
|
|
2629
|
+
lines: 4,
|
|
2630
|
+
height: 65
|
|
2631
|
+
}) : Ue ? /* @__PURE__ */ t("div", {
|
|
2632
|
+
className: Q.state,
|
|
2633
|
+
children: Ue
|
|
2634
|
+
}) : Ae.length === 0 ? /* @__PURE__ */ t("div", {
|
|
2635
|
+
className: Q.state,
|
|
2636
|
+
children: y
|
|
2637
|
+
}) : Ae.map((e) => {
|
|
2638
|
+
let r = Me.has(e.id), i = Pe.has(e.id), a = k?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = T && /* @__PURE__ */ n("div", {
|
|
2639
|
+
className: Q.cardSelectionControls,
|
|
2640
|
+
onClick: (e) => e.stopPropagation(),
|
|
2641
|
+
children: [/* @__PURE__ */ t(xe, {
|
|
2642
|
+
checked: r,
|
|
2643
|
+
ariaLabel: a,
|
|
2644
|
+
onChange: () => rt(e.id)
|
|
2645
|
+
}), O && /* @__PURE__ */ t(j, {
|
|
2646
|
+
size: "sm",
|
|
2647
|
+
variant: "empty",
|
|
2648
|
+
onClick: () => O(e.original),
|
|
2649
|
+
children: ee
|
|
2650
|
+
})]
|
|
2651
|
+
}), s = W && /* @__PURE__ */ t(j, {
|
|
2652
|
+
size: "sm",
|
|
2653
|
+
variant: "empty",
|
|
2654
|
+
"aria-expanded": i,
|
|
2655
|
+
"aria-label": oe?.(e.original, i) ?? (i ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2656
|
+
onClick: (t) => {
|
|
2657
|
+
t.stopPropagation(), ot(e.id);
|
|
2533
2658
|
},
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
disabled: o,
|
|
2540
|
-
"aria-label": j ? w : T,
|
|
2541
|
-
"aria-pressed": j,
|
|
2542
|
-
onClick: () => M((e) => !e),
|
|
2543
|
-
children: /* @__PURE__ */ t(q, {
|
|
2544
|
-
name: j ? "IconEyeOff" : "IconEye",
|
|
2545
|
-
width: 20,
|
|
2546
|
-
height: 20
|
|
2659
|
+
children: /* @__PURE__ */ t(J, {
|
|
2660
|
+
name: "IconChevron",
|
|
2661
|
+
width: 16,
|
|
2662
|
+
height: 16,
|
|
2663
|
+
className: i ? Q.expansionIconOpen : Q.expansionIcon
|
|
2547
2664
|
})
|
|
2548
|
-
})
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
className:
|
|
2552
|
-
"aria-
|
|
2665
|
+
});
|
|
2666
|
+
if (u) return /* @__PURE__ */ n("div", {
|
|
2667
|
+
role: "listitem",
|
|
2668
|
+
className: `${Q.customCardShell} ${r ? Q.selectedCard : ""}`,
|
|
2669
|
+
"aria-selected": T ? r : void 0,
|
|
2553
2670
|
onClick: () => {
|
|
2554
|
-
|
|
2555
|
-
e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
2671
|
+
T && rt(e.id);
|
|
2556
2672
|
},
|
|
2557
|
-
children:
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
|
|
2673
|
+
children: [
|
|
2674
|
+
o,
|
|
2675
|
+
u({
|
|
2676
|
+
row: e.original,
|
|
2677
|
+
columns: Y
|
|
2678
|
+
}),
|
|
2679
|
+
s,
|
|
2680
|
+
i && /* @__PURE__ */ t("div", {
|
|
2681
|
+
className: Q.cardDetail,
|
|
2682
|
+
children: W?.({
|
|
2683
|
+
row: e.original,
|
|
2684
|
+
rowId: e.id,
|
|
2685
|
+
collapse: () => ot(e.id)
|
|
2686
|
+
})
|
|
2687
|
+
})
|
|
2688
|
+
]
|
|
2689
|
+
}, e.id);
|
|
2690
|
+
let c = Y.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) => _t(t.accessor, e.original), f = (t) => t.mobile?.renderMobile?.(e.original, d(t)) ?? t.cell?.(e.original, d(t)) ?? String(d(t) ?? "");
|
|
2691
|
+
return /* @__PURE__ */ n("article", {
|
|
2692
|
+
role: "listitem",
|
|
2693
|
+
className: `${Q.card} ${r ? Q.selectedCard : ""}`,
|
|
2694
|
+
"aria-selected": T ? r : void 0,
|
|
2695
|
+
onClick: () => {
|
|
2696
|
+
T && rt(e.id);
|
|
2697
|
+
},
|
|
2698
|
+
children: [
|
|
2699
|
+
o,
|
|
2700
|
+
s,
|
|
2701
|
+
/* @__PURE__ */ t("h3", { children: l ? f(l) : `Строка ${e.index + 1}` }),
|
|
2702
|
+
/* @__PURE__ */ t("dl", { children: c.filter((e) => e !== l && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
|
|
2703
|
+
className: e.mobile?.mobileSpan === 2 ? Q.spanTwo : "",
|
|
2704
|
+
children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: f(e) })]
|
|
2705
|
+
}, e.id)) }),
|
|
2706
|
+
c.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: f(e) }, e.id)),
|
|
2707
|
+
i && /* @__PURE__ */ t("div", {
|
|
2708
|
+
className: Q.cardDetail,
|
|
2709
|
+
children: W?.({
|
|
2710
|
+
row: e.original,
|
|
2711
|
+
rowId: e.id,
|
|
2712
|
+
collapse: () => ot(e.id)
|
|
2713
|
+
})
|
|
2714
|
+
})
|
|
2715
|
+
]
|
|
2716
|
+
}, e.id);
|
|
2717
|
+
})]
|
|
2568
2718
|
}),
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
children:
|
|
2719
|
+
(We || Ge && !_ && !Ue && Ae.length > 0) && /* @__PURE__ */ n("nav", {
|
|
2720
|
+
className: Q.pagination,
|
|
2721
|
+
"aria-label": "Пагинация таблицы",
|
|
2722
|
+
children: [Ge ? $e("bottom") : /* @__PURE__ */ n("span", {
|
|
2723
|
+
className: Q.paginationRange,
|
|
2724
|
+
"aria-live": "polite",
|
|
2725
|
+
children: [
|
|
2726
|
+
Xe,
|
|
2727
|
+
"–",
|
|
2728
|
+
Ze,
|
|
2729
|
+
" из ",
|
|
2730
|
+
Ee
|
|
2731
|
+
]
|
|
2732
|
+
}), We && /* @__PURE__ */ n("div", {
|
|
2733
|
+
className: Q.paginationControls,
|
|
2734
|
+
children: [
|
|
2735
|
+
/* @__PURE__ */ n(j, {
|
|
2736
|
+
variant: "empty",
|
|
2737
|
+
size: "md",
|
|
2738
|
+
disabled: _ || ke === 0,
|
|
2739
|
+
"aria-label": "Предыдущая страница",
|
|
2740
|
+
onClick: () => {
|
|
2741
|
+
tt(ke - 1);
|
|
2742
|
+
},
|
|
2743
|
+
children: [/* @__PURE__ */ t(J, {
|
|
2744
|
+
name: "IconChevron",
|
|
2745
|
+
width: 18,
|
|
2746
|
+
height: 18,
|
|
2747
|
+
className: Q.previousIcon
|
|
2748
|
+
}), /* @__PURE__ */ t("span", {
|
|
2749
|
+
className: Q.paginationButtonLabel,
|
|
2750
|
+
children: "Назад"
|
|
2751
|
+
})]
|
|
2752
|
+
}),
|
|
2753
|
+
/* @__PURE__ */ t("div", {
|
|
2754
|
+
className: Q.pageNumbers,
|
|
2755
|
+
children: Be.map((e) => typeof e == "number" ? /* @__PURE__ */ t(j, {
|
|
2756
|
+
variant: e === ke ? "secondary" : "empty",
|
|
2757
|
+
size: "md",
|
|
2758
|
+
className: Q.pageButton,
|
|
2759
|
+
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
2760
|
+
"aria-current": e === ke ? "page" : void 0,
|
|
2761
|
+
disabled: _,
|
|
2762
|
+
onClick: () => {
|
|
2763
|
+
tt(e);
|
|
2764
|
+
},
|
|
2765
|
+
children: e + 1
|
|
2766
|
+
}, e) : /* @__PURE__ */ t("span", {
|
|
2767
|
+
className: Q.ellipsis,
|
|
2768
|
+
"aria-hidden": "true",
|
|
2769
|
+
children: "…"
|
|
2770
|
+
}, e))
|
|
2771
|
+
}),
|
|
2772
|
+
/* @__PURE__ */ n(j, {
|
|
2773
|
+
variant: "empty",
|
|
2774
|
+
size: "md",
|
|
2775
|
+
disabled: _ || ke === De - 1,
|
|
2776
|
+
"aria-label": "Следующая страница",
|
|
2777
|
+
onClick: () => {
|
|
2778
|
+
tt(ke + 1);
|
|
2779
|
+
},
|
|
2780
|
+
children: [/* @__PURE__ */ t("span", {
|
|
2781
|
+
className: Q.paginationButtonLabel,
|
|
2782
|
+
children: "Вперёд"
|
|
2783
|
+
}), /* @__PURE__ */ t(J, {
|
|
2784
|
+
name: "IconChevron",
|
|
2785
|
+
width: 18,
|
|
2786
|
+
height: 18,
|
|
2787
|
+
className: Q.nextIcon
|
|
2788
|
+
})]
|
|
2789
|
+
})
|
|
2790
|
+
]
|
|
2791
|
+
})]
|
|
2573
2792
|
})
|
|
2574
2793
|
]
|
|
2575
2794
|
});
|
|
2576
|
-
},
|
|
2795
|
+
}, Et = (e, t) => {
|
|
2577
2796
|
let n = t.trim().toLocaleLowerCase();
|
|
2578
2797
|
return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
|
|
2579
|
-
},
|
|
2798
|
+
}, Dt = (e, t, n) => {
|
|
2580
2799
|
if (!e.length) return -1;
|
|
2581
2800
|
for (let r = 0; r < e.length; r += 1) {
|
|
2582
2801
|
let i = (t + r * n + e.length) % e.length;
|
|
2583
2802
|
if (!e[i]?.disabled) return i;
|
|
2584
2803
|
}
|
|
2585
2804
|
return -1;
|
|
2586
|
-
},
|
|
2805
|
+
}, Ot = {
|
|
2587
2806
|
wrapper: "_wrapper_1v2s8_1",
|
|
2588
2807
|
control: "_control_1v2s8_17",
|
|
2589
2808
|
inputHost: "_inputHost_1v2s8_25",
|
|
@@ -2601,23 +2820,23 @@ var M = {
|
|
|
2601
2820
|
selected: "_selected_1v2s8_321",
|
|
2602
2821
|
active: "_active_1v2s8_321",
|
|
2603
2822
|
visuallyHidden: "_visuallyHidden_1v2s8_341"
|
|
2604
|
-
},
|
|
2823
|
+
}, kt = 8, At = 6, jt = 5, Mt = 10, Nt = {
|
|
2605
2824
|
sm: 30,
|
|
2606
2825
|
md: 40,
|
|
2607
2826
|
lg: 50
|
|
2608
|
-
},
|
|
2827
|
+
}, Pt = ({ options: e, value: r, onChange: i, placeholder: a = "Начните вводить", noResultsText: o = "Ничего не найдено", disabled: s = !1, readOnly: c = !1, stringWhileDisabled: u = !1, label: v, error: y, hint: b, size: x = "md", required: S = !1, className: C = "", name: w, id: T, needMark: E = !0 }) => {
|
|
2609
2828
|
let D = f(), O = T ?? `ds-search-dropdown-${w ?? D}`, k = `${O}-listbox`, A = `${O}-status`, j = b ? `${O}-hint` : void 0, M = y ? `${O}-error` : void 0, P = [
|
|
2610
2829
|
A,
|
|
2611
2830
|
j,
|
|
2612
2831
|
M
|
|
2613
|
-
].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]),
|
|
2832
|
+
].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]), W = m(() => Et(e, B), [e, B]), ie = s && u, ae = V >= 0 ? W[V] : void 0;
|
|
2614
2833
|
d(() => te(re?.label ?? ""), [re?.label, r]);
|
|
2615
|
-
let
|
|
2834
|
+
let oe = l(() => F.current?.querySelector("input") ?? null, []), se = l((e, t) => Dt(W, e, t), [W]), G = l((e) => {
|
|
2616
2835
|
H(e), !(e < 0) && requestAnimationFrame(() => L.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
2617
|
-
}, []),
|
|
2618
|
-
let e =
|
|
2836
|
+
}, []), K = l(() => {
|
|
2837
|
+
let e = oe();
|
|
2619
2838
|
if (!e) return;
|
|
2620
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(
|
|
2839
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(W.length, jt)) * Nt[x] + Mt, r = window.innerHeight - t.bottom - kt, i = t.top - kt, a = r < n && i > r, o = a ? i : r, s = Math.max(Nt[x] + Mt, Math.min(n, o)), c = window.innerWidth - t.width - kt, l = Math.max(kt, Math.min(t.left, c)), u = a ? Math.max(kt, t.top - s - At) : t.bottom + At;
|
|
2621
2840
|
ne({
|
|
2622
2841
|
top: u,
|
|
2623
2842
|
left: l,
|
|
@@ -2625,8 +2844,8 @@ var M = {
|
|
|
2625
2844
|
maxHeight: s
|
|
2626
2845
|
});
|
|
2627
2846
|
}, [
|
|
2628
|
-
|
|
2629
|
-
|
|
2847
|
+
W.length,
|
|
2848
|
+
oe,
|
|
2630
2849
|
x
|
|
2631
2850
|
]);
|
|
2632
2851
|
p(() => {
|
|
@@ -2634,10 +2853,10 @@ var M = {
|
|
|
2634
2853
|
ne(null);
|
|
2635
2854
|
return;
|
|
2636
2855
|
}
|
|
2637
|
-
return
|
|
2638
|
-
window.removeEventListener("resize",
|
|
2856
|
+
return K(), window.addEventListener("resize", K), window.addEventListener("scroll", K, !0), () => {
|
|
2857
|
+
window.removeEventListener("resize", K), window.removeEventListener("scroll", K, !0);
|
|
2639
2858
|
};
|
|
2640
|
-
}, [R,
|
|
2859
|
+
}, [R, K]), d(() => {
|
|
2641
2860
|
if (!R) return;
|
|
2642
2861
|
let e = (e) => {
|
|
2643
2862
|
let t = e.target;
|
|
@@ -2645,14 +2864,14 @@ var M = {
|
|
|
2645
2864
|
};
|
|
2646
2865
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
2647
2866
|
}, [R]);
|
|
2648
|
-
let
|
|
2649
|
-
s || c || (z(!0), H(
|
|
2650
|
-
},
|
|
2651
|
-
e.disabled || (te(e.label), z(!1), H(-1), i?.(e.value, e),
|
|
2652
|
-
},
|
|
2867
|
+
let ce = () => {
|
|
2868
|
+
s || c || (z(!0), H(se(0, 1)));
|
|
2869
|
+
}, le = (e) => {
|
|
2870
|
+
e.disabled || (te(e.label), z(!1), H(-1), i?.(e.value, e), oe()?.focus());
|
|
2871
|
+
}, ue = R ? /* @__PURE__ */ t("ul", {
|
|
2653
2872
|
ref: I,
|
|
2654
2873
|
id: k,
|
|
2655
|
-
className: `${
|
|
2874
|
+
className: `${Ot.menu} ${W.length === 0 ? Ot.menuEmpty : ""}`,
|
|
2656
2875
|
role: "listbox",
|
|
2657
2876
|
"aria-label": v,
|
|
2658
2877
|
style: U ? {
|
|
@@ -2666,10 +2885,10 @@ var M = {
|
|
|
2666
2885
|
visibility: "hidden",
|
|
2667
2886
|
maxHeight: 0
|
|
2668
2887
|
},
|
|
2669
|
-
children:
|
|
2670
|
-
className: `${
|
|
2888
|
+
children: W.length === 0 ? /* @__PURE__ */ t("li", {
|
|
2889
|
+
className: `${Ot.empty} ${Ot[x]}`,
|
|
2671
2890
|
children: o
|
|
2672
|
-
}) :
|
|
2891
|
+
}) : W.map((e, i) => {
|
|
2673
2892
|
let a = e.value === r, o = i === V;
|
|
2674
2893
|
return /* @__PURE__ */ t("li", {
|
|
2675
2894
|
role: "presentation",
|
|
@@ -2685,16 +2904,16 @@ var M = {
|
|
|
2685
2904
|
"aria-disabled": e.disabled,
|
|
2686
2905
|
"aria-selected": a,
|
|
2687
2906
|
className: [
|
|
2688
|
-
|
|
2689
|
-
|
|
2690
|
-
a ?
|
|
2691
|
-
o ?
|
|
2907
|
+
Ot.option,
|
|
2908
|
+
Ot[x],
|
|
2909
|
+
a ? Ot.selected : "",
|
|
2910
|
+
o ? Ot.active : ""
|
|
2692
2911
|
].filter(Boolean).join(" "),
|
|
2693
2912
|
onPointerMove: () => {
|
|
2694
2913
|
e.disabled || H(i);
|
|
2695
2914
|
},
|
|
2696
|
-
onClick: () =>
|
|
2697
|
-
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(
|
|
2915
|
+
onClick: () => le(e),
|
|
2916
|
+
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(J, {
|
|
2698
2917
|
name: "IconCheck",
|
|
2699
2918
|
width: 16,
|
|
2700
2919
|
height: 16
|
|
@@ -2706,23 +2925,23 @@ var M = {
|
|
|
2706
2925
|
return /* @__PURE__ */ n("div", {
|
|
2707
2926
|
ref: F,
|
|
2708
2927
|
className: [
|
|
2709
|
-
|
|
2710
|
-
y ?
|
|
2928
|
+
Ot.wrapper,
|
|
2929
|
+
y ? Ot.errorState : "",
|
|
2711
2930
|
C
|
|
2712
2931
|
].filter(Boolean).join(" "),
|
|
2713
2932
|
children: [
|
|
2714
2933
|
v && /* @__PURE__ */ t(ee, {
|
|
2715
|
-
htmlFor:
|
|
2934
|
+
htmlFor: ie ? void 0 : O,
|
|
2716
2935
|
required: S,
|
|
2717
2936
|
disabled: s,
|
|
2718
2937
|
children: v
|
|
2719
2938
|
}),
|
|
2720
|
-
|
|
2721
|
-
className: `${
|
|
2939
|
+
ie ? /* @__PURE__ */ t("div", {
|
|
2940
|
+
className: `${Ot.disabledText} ${Ot[x]}`,
|
|
2722
2941
|
children: re?.label ?? a
|
|
2723
2942
|
}) : /* @__PURE__ */ n("div", {
|
|
2724
|
-
className:
|
|
2725
|
-
children: [/* @__PURE__ */ t(
|
|
2943
|
+
className: Ot.control,
|
|
2944
|
+
children: [/* @__PURE__ */ t(nt, {
|
|
2726
2945
|
id: O,
|
|
2727
2946
|
name: w,
|
|
2728
2947
|
value: B,
|
|
@@ -2733,50 +2952,50 @@ var M = {
|
|
|
2733
2952
|
size: x,
|
|
2734
2953
|
clearable: !1,
|
|
2735
2954
|
autoComplete: "off",
|
|
2736
|
-
className: `${
|
|
2737
|
-
onFocus:
|
|
2955
|
+
className: `${Ot.inputHost} ${Ot[x]}`,
|
|
2956
|
+
onFocus: ce,
|
|
2738
2957
|
onChange: (t) => {
|
|
2739
|
-
let n = String(t), r =
|
|
2740
|
-
te(n), z(!0), H(
|
|
2958
|
+
let n = String(t), r = Et(e, n);
|
|
2959
|
+
te(n), z(!0), H(Dt(r, 0, 1));
|
|
2741
2960
|
},
|
|
2742
2961
|
role: "combobox",
|
|
2743
2962
|
"aria-autocomplete": "list",
|
|
2744
2963
|
"aria-expanded": R,
|
|
2745
2964
|
"aria-controls": k,
|
|
2746
|
-
"aria-activedescendant":
|
|
2965
|
+
"aria-activedescendant": ae ? `${O}-option-${V}` : void 0,
|
|
2747
2966
|
"aria-invalid": !!y,
|
|
2748
2967
|
"aria-describedby": P,
|
|
2749
|
-
onClick:
|
|
2968
|
+
onClick: ce,
|
|
2750
2969
|
onKeyDown: (e) => {
|
|
2751
2970
|
if (!(s || c)) {
|
|
2752
2971
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
2753
2972
|
e.preventDefault();
|
|
2754
|
-
let t = e.key === "ArrowDown" ? 1 : -1, n = V >= 0 ? V + t : t === 1 ? 0 :
|
|
2755
|
-
z(!0),
|
|
2973
|
+
let t = e.key === "ArrowDown" ? 1 : -1, n = V >= 0 ? V + t : t === 1 ? 0 : W.length - 1;
|
|
2974
|
+
z(!0), G(se(n, t));
|
|
2756
2975
|
} else if (e.key === "Home" || e.key === "End") {
|
|
2757
2976
|
if (!R) return;
|
|
2758
2977
|
e.preventDefault();
|
|
2759
2978
|
let t = e.key === "Home" ? 1 : -1;
|
|
2760
|
-
|
|
2761
|
-
} else e.key === "Enter" && R &&
|
|
2979
|
+
G(se(e.key === "Home" ? 0 : W.length - 1, t));
|
|
2980
|
+
} else e.key === "Enter" && R && ae ? (e.preventDefault(), le(ae)) : e.key === "Escape" && R ? (e.preventDefault(), z(!1), H(-1)) : e.key === "Tab" && (z(!1), H(-1));
|
|
2762
2981
|
}
|
|
2763
2982
|
}
|
|
2764
2983
|
}), /* @__PURE__ */ t("span", {
|
|
2765
|
-
className: `${
|
|
2984
|
+
className: `${Ot.chevron} ${R ? Ot.chevronOpen : ""}`,
|
|
2766
2985
|
"aria-hidden": "true",
|
|
2767
|
-
children: /* @__PURE__ */ t(
|
|
2986
|
+
children: /* @__PURE__ */ t(J, {
|
|
2768
2987
|
name: "IconChevron",
|
|
2769
2988
|
width: 20,
|
|
2770
2989
|
height: 20
|
|
2771
2990
|
})
|
|
2772
2991
|
})]
|
|
2773
2992
|
}),
|
|
2774
|
-
R && typeof document < "u" && _(
|
|
2993
|
+
R && typeof document < "u" && _(ue, document.body),
|
|
2775
2994
|
/* @__PURE__ */ n("span", {
|
|
2776
2995
|
id: A,
|
|
2777
|
-
className:
|
|
2996
|
+
className: Ot.visuallyHidden,
|
|
2778
2997
|
"aria-live": "polite",
|
|
2779
|
-
children: ["Найдено вариантов: ",
|
|
2998
|
+
children: ["Найдено вариантов: ", W.length]
|
|
2780
2999
|
}),
|
|
2781
3000
|
b && !y && /* @__PURE__ */ t(N, {
|
|
2782
3001
|
id: j,
|
|
@@ -2789,82 +3008,44 @@ var M = {
|
|
|
2789
3008
|
})
|
|
2790
3009
|
]
|
|
2791
3010
|
});
|
|
2792
|
-
},
|
|
3011
|
+
}, Ft = {
|
|
2793
3012
|
root: "_root_11adi_1",
|
|
2794
3013
|
header: "_header_11adi_21",
|
|
2795
3014
|
title: "_title_11adi_41",
|
|
2796
3015
|
dismiss: "_dismiss_11adi_55",
|
|
2797
3016
|
content: "_content_11adi_65"
|
|
2798
|
-
},
|
|
3017
|
+
}, It = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: c = "" }) => {
|
|
2799
3018
|
let l = `ds-info-block-${f()}`;
|
|
2800
3019
|
return /* @__PURE__ */ n("section", {
|
|
2801
|
-
className: `${
|
|
3020
|
+
className: `${Ft.root} ${c}`,
|
|
2802
3021
|
"aria-labelledby": l,
|
|
2803
3022
|
children: [/* @__PURE__ */ n("header", {
|
|
2804
|
-
className:
|
|
3023
|
+
className: Ft.header,
|
|
2805
3024
|
children: [/* @__PURE__ */ t(s, {
|
|
2806
3025
|
id: l,
|
|
2807
|
-
className:
|
|
3026
|
+
className: Ft.title,
|
|
2808
3027
|
children: e
|
|
2809
3028
|
}), i && /* @__PURE__ */ t(j, {
|
|
2810
|
-
className:
|
|
3029
|
+
className: Ft.dismiss,
|
|
2811
3030
|
variant: "empty",
|
|
2812
3031
|
onClick: a,
|
|
2813
3032
|
"aria-label": o,
|
|
2814
|
-
children: /* @__PURE__ */ t(
|
|
3033
|
+
children: /* @__PURE__ */ t(J, {
|
|
2815
3034
|
name: "IconCross",
|
|
2816
3035
|
width: 20,
|
|
2817
3036
|
height: 20
|
|
2818
3037
|
})
|
|
2819
3038
|
})]
|
|
2820
3039
|
}), /* @__PURE__ */ t("div", {
|
|
2821
|
-
className:
|
|
3040
|
+
className: Ft.content,
|
|
2822
3041
|
children: r
|
|
2823
3042
|
})]
|
|
2824
3043
|
});
|
|
2825
|
-
},
|
|
2826
|
-
wrapper: "_wrapper_1jspu_1",
|
|
2827
|
-
input: "_input_1jspu_21",
|
|
2828
|
-
switch: "_switch_1jspu_35",
|
|
2829
|
-
thumb: "_thumb_1jspu_67",
|
|
2830
|
-
label: "_label_1jspu_113",
|
|
2831
|
-
disabled: "_disabled_1jspu_125"
|
|
2832
|
-
}, Ft = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: c, id: l, value: u }) => {
|
|
2833
|
-
let d = f(), p = l ?? `ds-radio-button-${c ?? d}`;
|
|
2834
|
-
return /* @__PURE__ */ n("label", {
|
|
2835
|
-
htmlFor: p,
|
|
2836
|
-
className: `${Pt.wrapper} ${a ? Pt.disabled : ""} ${s}`,
|
|
2837
|
-
children: [
|
|
2838
|
-
/* @__PURE__ */ t("input", {
|
|
2839
|
-
id: p,
|
|
2840
|
-
className: Pt.input,
|
|
2841
|
-
type: "checkbox",
|
|
2842
|
-
role: "switch",
|
|
2843
|
-
name: c,
|
|
2844
|
-
value: u,
|
|
2845
|
-
checked: e,
|
|
2846
|
-
disabled: a,
|
|
2847
|
-
"aria-readonly": o || void 0,
|
|
2848
|
-
onChange: (e) => {
|
|
2849
|
-
o || r?.(e.target.checked, e);
|
|
2850
|
-
}
|
|
2851
|
-
}),
|
|
2852
|
-
/* @__PURE__ */ t("span", {
|
|
2853
|
-
className: Pt.switch,
|
|
2854
|
-
"aria-hidden": "true",
|
|
2855
|
-
children: /* @__PURE__ */ t("span", { className: Pt.thumb })
|
|
2856
|
-
}),
|
|
2857
|
-
i && /* @__PURE__ */ t("span", {
|
|
2858
|
-
className: Pt.label,
|
|
2859
|
-
children: i
|
|
2860
|
-
})
|
|
2861
|
-
]
|
|
2862
|
-
});
|
|
2863
|
-
}, It = {
|
|
3044
|
+
}, Lt = {
|
|
2864
3045
|
root: "_root_1ecm3_1",
|
|
2865
3046
|
grid: "_grid_1ecm3_13",
|
|
2866
3047
|
actions: "_actions_1ecm3_27"
|
|
2867
|
-
},
|
|
3048
|
+
}, Rt = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
2868
3049
|
let d = (e, t) => {
|
|
2869
3050
|
let n = {
|
|
2870
3051
|
...r,
|
|
@@ -2873,11 +3054,11 @@ var M = {
|
|
|
2873
3054
|
i?.(n, e), s === "instant" && a?.(n);
|
|
2874
3055
|
};
|
|
2875
3056
|
return /* @__PURE__ */ n("section", {
|
|
2876
|
-
className: `${
|
|
3057
|
+
className: `${Lt.root} ${u}`,
|
|
2877
3058
|
"aria-label": "Фильтры",
|
|
2878
3059
|
"aria-busy": c,
|
|
2879
3060
|
children: [/* @__PURE__ */ t("div", {
|
|
2880
|
-
className:
|
|
3061
|
+
className: Lt.grid,
|
|
2881
3062
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
2882
3063
|
let n = l || c || e.disabled, i = r[e.id];
|
|
2883
3064
|
if (e.type === "input") {
|
|
@@ -2887,19 +3068,19 @@ var M = {
|
|
|
2887
3068
|
placeholder: e.placeholder,
|
|
2888
3069
|
disabled: n
|
|
2889
3070
|
};
|
|
2890
|
-
return e.inputType === "number" ? /* @__PURE__ */ t(
|
|
3071
|
+
return e.inputType === "number" ? /* @__PURE__ */ t(nt, {
|
|
2891
3072
|
...r,
|
|
2892
3073
|
type: "number",
|
|
2893
3074
|
value: i ?? "",
|
|
2894
3075
|
onChange: (t) => d(e.id, t)
|
|
2895
|
-
}, e.id) : /* @__PURE__ */ t(
|
|
3076
|
+
}, e.id) : /* @__PURE__ */ t(nt, {
|
|
2896
3077
|
...r,
|
|
2897
3078
|
type: "text",
|
|
2898
3079
|
value: String(i ?? ""),
|
|
2899
3080
|
onChange: (t) => d(e.id, t)
|
|
2900
3081
|
}, e.id);
|
|
2901
3082
|
}
|
|
2902
|
-
if (e.type === "dropdown") return /* @__PURE__ */ t(
|
|
3083
|
+
if (e.type === "dropdown") return /* @__PURE__ */ t(Qe, {
|
|
2903
3084
|
label: e.label,
|
|
2904
3085
|
hint: e.hint,
|
|
2905
3086
|
placeholder: e.placeholder,
|
|
@@ -2908,7 +3089,7 @@ var M = {
|
|
|
2908
3089
|
disabled: n,
|
|
2909
3090
|
onChange: (t) => d(e.id, t)
|
|
2910
3091
|
}, e.id);
|
|
2911
|
-
if (e.type === "multiple") return /* @__PURE__ */ t(
|
|
3092
|
+
if (e.type === "multiple") return /* @__PURE__ */ t(st, {
|
|
2912
3093
|
label: e.label,
|
|
2913
3094
|
hint: e.hint,
|
|
2914
3095
|
placeholder: e.placeholder,
|
|
@@ -2917,14 +3098,14 @@ var M = {
|
|
|
2917
3098
|
disabled: n,
|
|
2918
3099
|
onChange: (t) => d(e.id, t)
|
|
2919
3100
|
}, e.id);
|
|
2920
|
-
if (e.type === "checkbox") return /* @__PURE__ */ t(
|
|
3101
|
+
if (e.type === "checkbox") return /* @__PURE__ */ t(xe, {
|
|
2921
3102
|
label: e.label,
|
|
2922
3103
|
hint: e.hint,
|
|
2923
3104
|
checked: !!i,
|
|
2924
3105
|
disabled: n,
|
|
2925
3106
|
onChange: (t) => d(e.id, t)
|
|
2926
3107
|
}, e.id);
|
|
2927
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
3108
|
+
if (e.type === "radio") return /* @__PURE__ */ t(lt, {
|
|
2928
3109
|
label: e.label,
|
|
2929
3110
|
checked: !!i,
|
|
2930
3111
|
disabled: n,
|
|
@@ -2934,7 +3115,7 @@ var M = {
|
|
|
2934
3115
|
from: null,
|
|
2935
3116
|
to: null
|
|
2936
3117
|
};
|
|
2937
|
-
return /* @__PURE__ */ t(
|
|
3118
|
+
return /* @__PURE__ */ t(We, {
|
|
2938
3119
|
hint: e.hint,
|
|
2939
3120
|
mode: e.mode,
|
|
2940
3121
|
min: e.min,
|
|
@@ -2945,7 +3126,7 @@ var M = {
|
|
|
2945
3126
|
}, e.id);
|
|
2946
3127
|
})
|
|
2947
3128
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
2948
|
-
className:
|
|
3129
|
+
className: Lt.actions,
|
|
2949
3130
|
children: [o && /* @__PURE__ */ t(j, {
|
|
2950
3131
|
variant: "destructiveOutline",
|
|
2951
3132
|
disabled: l || c,
|
|
@@ -2959,7 +3140,7 @@ var M = {
|
|
|
2959
3140
|
})]
|
|
2960
3141
|
})]
|
|
2961
3142
|
});
|
|
2962
|
-
},
|
|
3143
|
+
}, zt = {
|
|
2963
3144
|
grid: "_grid_1q540_1",
|
|
2964
3145
|
comfortable: "_comfortable_1q540_11",
|
|
2965
3146
|
compact: "_compact_1q540_19",
|
|
@@ -2976,23 +3157,23 @@ var M = {
|
|
|
2976
3157
|
summary: "_summary_1q540_101",
|
|
2977
3158
|
summaryTitle: "_summaryTitle_1q540_137",
|
|
2978
3159
|
summaryList: "_summaryList_1q540_145"
|
|
2979
|
-
},
|
|
3160
|
+
}, Bt = ({ columns: e = 2, density: n = "comfortable", className: r = "", ...i }) => /* @__PURE__ */ t("div", {
|
|
2980
3161
|
...i,
|
|
2981
|
-
className: `${
|
|
2982
|
-
}),
|
|
3162
|
+
className: `${zt.grid} ${zt[`columns${e}`]} ${zt[n]} ${r}`
|
|
3163
|
+
}), Vt = ({ span: e = 1, className: n = "", ...r }) => /* @__PURE__ */ t("div", {
|
|
2983
3164
|
...r,
|
|
2984
|
-
className: `${
|
|
2985
|
-
}),
|
|
3165
|
+
className: `${zt.item} ${zt[`span${e}`]} ${n}`
|
|
3166
|
+
}), Ht = ({ title: e = "Проверьте заполнение формы", items: r, focusField: i, className: a = "", ...o }) => r.length === 0 ? null : /* @__PURE__ */ n("div", {
|
|
2986
3167
|
...o,
|
|
2987
|
-
className: `${
|
|
3168
|
+
className: `${zt.summary} ${a}`,
|
|
2988
3169
|
role: "alert",
|
|
2989
3170
|
"aria-atomic": "true",
|
|
2990
3171
|
tabIndex: -1,
|
|
2991
3172
|
children: [/* @__PURE__ */ t("strong", {
|
|
2992
|
-
className:
|
|
3173
|
+
className: zt.summaryTitle,
|
|
2993
3174
|
children: e
|
|
2994
3175
|
}), /* @__PURE__ */ t("ul", {
|
|
2995
|
-
className:
|
|
3176
|
+
className: zt.summaryList,
|
|
2996
3177
|
children: r.map((e) => /* @__PURE__ */ t("li", { children: e.fieldId ? /* @__PURE__ */ t("a", {
|
|
2997
3178
|
href: `#${e.fieldId}`,
|
|
2998
3179
|
onClick: (t) => {
|
|
@@ -3001,7 +3182,7 @@ var M = {
|
|
|
3001
3182
|
children: e.message
|
|
3002
3183
|
}) : e.message }, e.id))
|
|
3003
3184
|
})]
|
|
3004
|
-
}),
|
|
3185
|
+
}), Ut = {
|
|
3005
3186
|
wrapper: "_wrapper_i20hz_1",
|
|
3006
3187
|
dropzone: "_dropzone_i20hz_15",
|
|
3007
3188
|
dragActive: "_dragActive_i20hz_45",
|
|
@@ -3014,12 +3195,12 @@ var M = {
|
|
|
3014
3195
|
file: "_file_i20hz_133",
|
|
3015
3196
|
fileName: "_fileName_i20hz_175",
|
|
3016
3197
|
fileSize: "_fileSize_i20hz_187"
|
|
3017
|
-
},
|
|
3198
|
+
}, Wt = (e) => `${e.name}:${e.size}:${e.lastModified}`, Gt = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Kt = (e, t) => !t || t.split(",").map((e) => e.trim().toLowerCase()).some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type.toLowerCase() === t), qt = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: c, label: l, hint: u, error: d, required: p = !1, disabled: m = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: w }) => {
|
|
3018
3199
|
let T = f(), E = y ?? `ds-file-input-${v ?? T}`, D = h(null), O = h(0), [k, A] = g(!1), M = u ? `${E}-hint` : void 0, P = d ? `${E}-error` : void 0, F = [M, P].filter(Boolean).join(" ") || void 0, I = !m && !_, L = (e) => {
|
|
3019
|
-
let t = [], n = new Set(r.map(
|
|
3200
|
+
let t = [], n = new Set(r.map(Wt)), l = e.filter((e) => Kt(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
3020
3201
|
file: e,
|
|
3021
3202
|
reason: "maxSize"
|
|
3022
|
-
}), !1) : !n.has(
|
|
3203
|
+
}), !1) : !n.has(Wt(e)) && (n.add(Wt(e)), !0) : (t.push({
|
|
3023
3204
|
file: e,
|
|
3024
3205
|
reason: "accept"
|
|
3025
3206
|
}), !1)), u = a ? c : 1, d = a ? [...r, ...l] : l.slice(-1);
|
|
@@ -3029,7 +3210,7 @@ var M = {
|
|
|
3029
3210
|
})), d = d.slice(0, u)), t.length && w?.(t), l.length && i?.(d), D.current && (D.current.value = "");
|
|
3030
3211
|
};
|
|
3031
3212
|
return /* @__PURE__ */ n("div", {
|
|
3032
|
-
className: `${
|
|
3213
|
+
className: `${Ut.wrapper} ${b}`,
|
|
3033
3214
|
children: [
|
|
3034
3215
|
l && /* @__PURE__ */ t(ee, {
|
|
3035
3216
|
htmlFor: E,
|
|
@@ -3038,7 +3219,7 @@ var M = {
|
|
|
3038
3219
|
children: l
|
|
3039
3220
|
}),
|
|
3040
3221
|
/* @__PURE__ */ n("div", {
|
|
3041
|
-
className: `${
|
|
3222
|
+
className: `${Ut.dropzone} ${k ? Ut.dragActive : ""} ${m ? Ut.disabled : ""} ${d ? Ut.error : ""}`,
|
|
3042
3223
|
onDragEnter: (e) => {
|
|
3043
3224
|
e.preventDefault(), I && ++O.current === 1 && A(!0);
|
|
3044
3225
|
},
|
|
@@ -3053,7 +3234,7 @@ var M = {
|
|
|
3053
3234
|
ref: D,
|
|
3054
3235
|
id: E,
|
|
3055
3236
|
name: v,
|
|
3056
|
-
className:
|
|
3237
|
+
className: Ut.nativeInput,
|
|
3057
3238
|
type: "file",
|
|
3058
3239
|
multiple: a,
|
|
3059
3240
|
accept: o,
|
|
@@ -3064,53 +3245,53 @@ var M = {
|
|
|
3064
3245
|
onChange: (e) => L(Array.from(e.target.files ?? []))
|
|
3065
3246
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
3066
3247
|
/* @__PURE__ */ t("ul", {
|
|
3067
|
-
className:
|
|
3248
|
+
className: Ut.files,
|
|
3068
3249
|
"aria-live": "polite",
|
|
3069
3250
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
3070
|
-
className:
|
|
3251
|
+
className: Ut.file,
|
|
3071
3252
|
children: [
|
|
3072
3253
|
/* @__PURE__ */ t("span", {
|
|
3073
|
-
className:
|
|
3254
|
+
className: Ut.fileName,
|
|
3074
3255
|
title: e.name,
|
|
3075
3256
|
children: e.name
|
|
3076
3257
|
}),
|
|
3077
3258
|
/* @__PURE__ */ t("span", {
|
|
3078
|
-
className:
|
|
3079
|
-
children:
|
|
3259
|
+
className: Ut.fileSize,
|
|
3260
|
+
children: Gt(e.size)
|
|
3080
3261
|
}),
|
|
3081
3262
|
I && /* @__PURE__ */ t(j, {
|
|
3082
3263
|
variant: "empty",
|
|
3083
3264
|
size: "sm",
|
|
3084
3265
|
"aria-label": `Удалить файл ${e.name}`,
|
|
3085
3266
|
onClick: () => i?.(r.filter((e, t) => t !== a)),
|
|
3086
|
-
children: /* @__PURE__ */ t(
|
|
3267
|
+
children: /* @__PURE__ */ t(J, {
|
|
3087
3268
|
name: "IconCross",
|
|
3088
3269
|
width: 16,
|
|
3089
3270
|
height: 16
|
|
3090
3271
|
})
|
|
3091
3272
|
})
|
|
3092
3273
|
]
|
|
3093
|
-
},
|
|
3274
|
+
}, Wt(e)))
|
|
3094
3275
|
}),
|
|
3095
3276
|
I && (a || r.length === 0) && /* @__PURE__ */ t(j, {
|
|
3096
|
-
className:
|
|
3277
|
+
className: Ut.browseButton,
|
|
3097
3278
|
size: "sm",
|
|
3098
3279
|
onClick: () => D.current?.click(),
|
|
3099
3280
|
children: C
|
|
3100
3281
|
}),
|
|
3101
3282
|
I && !a && /* @__PURE__ */ t(j, {
|
|
3102
|
-
className:
|
|
3283
|
+
className: Ut.browseButton,
|
|
3103
3284
|
size: "sm",
|
|
3104
3285
|
onClick: () => D.current?.click(),
|
|
3105
3286
|
children: S
|
|
3106
3287
|
})
|
|
3107
3288
|
] }) : /* @__PURE__ */ n("div", {
|
|
3108
|
-
className:
|
|
3289
|
+
className: Ut.empty,
|
|
3109
3290
|
children: [
|
|
3110
3291
|
/* @__PURE__ */ t("span", {
|
|
3111
|
-
className:
|
|
3292
|
+
className: Ut.uploadIcon,
|
|
3112
3293
|
"aria-hidden": "true",
|
|
3113
|
-
children: /* @__PURE__ */ t(
|
|
3294
|
+
children: /* @__PURE__ */ t(J, {
|
|
3114
3295
|
name: "IconUpload",
|
|
3115
3296
|
width: 24,
|
|
3116
3297
|
height: 24
|
|
@@ -3136,7 +3317,7 @@ var M = {
|
|
|
3136
3317
|
})
|
|
3137
3318
|
]
|
|
3138
3319
|
});
|
|
3139
|
-
},
|
|
3320
|
+
}, Jt = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
3140
3321
|
let [n, r] = g(null);
|
|
3141
3322
|
return d(() => {
|
|
3142
3323
|
let e = document.getElementById(t);
|
|
@@ -3149,7 +3330,7 @@ var M = {
|
|
|
3149
3330
|
n.childElementCount === 0 && n.parentElement && n.remove();
|
|
3150
3331
|
};
|
|
3151
3332
|
}, [t]), n ? _(e, n) : null;
|
|
3152
|
-
},
|
|
3333
|
+
}, Yt = ({ anchorRef: e, children: n, matchAnchorWidth: r = !1, offset: i = 4, className: a }) => {
|
|
3153
3334
|
let o = h(null), [s, c] = g({
|
|
3154
3335
|
position: "fixed",
|
|
3155
3336
|
visibility: "hidden",
|
|
@@ -3173,13 +3354,13 @@ var M = {
|
|
|
3173
3354
|
]);
|
|
3174
3355
|
return p(() => (u(), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), () => {
|
|
3175
3356
|
window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0);
|
|
3176
|
-
}), [u]), /* @__PURE__ */ t(
|
|
3357
|
+
}), [u]), /* @__PURE__ */ t(Jt, { children: /* @__PURE__ */ t("div", {
|
|
3177
3358
|
ref: o,
|
|
3178
3359
|
className: a,
|
|
3179
3360
|
style: s,
|
|
3180
3361
|
children: n
|
|
3181
3362
|
}) });
|
|
3182
|
-
},
|
|
3363
|
+
}, Xt = {
|
|
3183
3364
|
wrapper: "_wrapper_x2gki_1",
|
|
3184
3365
|
control: "_control_x2gki_15",
|
|
3185
3366
|
textarea: "_textarea_x2gki_25",
|
|
@@ -3193,12 +3374,12 @@ var M = {
|
|
|
3193
3374
|
clearAction: "_clearAction_x2gki_171",
|
|
3194
3375
|
messages: "_messages_x2gki_251",
|
|
3195
3376
|
counter: "_counter_x2gki_265"
|
|
3196
|
-
},
|
|
3197
|
-
function
|
|
3377
|
+
}, Zt = 2;
|
|
3378
|
+
function Qt(e) {
|
|
3198
3379
|
let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
|
|
3199
3380
|
return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
|
|
3200
3381
|
}
|
|
3201
|
-
function
|
|
3382
|
+
function $t({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, readOnly: o = !1, stringWhileDisabled: s = !1, label: c, error: u, hint: p, className: m = "", name: g, id: _, size: v = "md", clearable: y = !1, required: b = !1, maxLength: x, showCount: S = !1, minRows: C = Zt, maxRows: w, autoResize: T = !0, ...E }) {
|
|
3202
3383
|
let D = f(), O = _ ?? `ds-textarea-${g ?? D}`, k = h(null), A = p ? `${O}-hint` : void 0, j = u ? `${O}-error` : void 0, M = S && x ? `${O}-count` : void 0, P = [
|
|
3203
3384
|
A,
|
|
3204
3385
|
j,
|
|
@@ -3206,7 +3387,7 @@ function Qt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3206
3387
|
].filter(Boolean).join(" ") || void 0, F = Math.max(1, C), I = w === void 0 ? void 0 : Math.max(F, w), L = l(() => {
|
|
3207
3388
|
let e = k.current;
|
|
3208
3389
|
if (!e || !T) return;
|
|
3209
|
-
let t = window.getComputedStyle(e), n =
|
|
3390
|
+
let t = window.getComputedStyle(e), n = Qt(e), r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom) + Number.parseFloat(t.borderTopWidth) + Number.parseFloat(t.borderBottomWidth), i = n * F + r, a = I === void 0 ? Infinity : n * I + r;
|
|
3210
3391
|
e.style.height = "auto";
|
|
3211
3392
|
let o = Math.min(Math.max(e.scrollHeight, i), a);
|
|
3212
3393
|
e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
|
|
@@ -3238,7 +3419,7 @@ function Qt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3238
3419
|
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), L());
|
|
3239
3420
|
}, B = { "--ds-textarea-min-rows": F };
|
|
3240
3421
|
return /* @__PURE__ */ n("div", {
|
|
3241
|
-
className: `${
|
|
3422
|
+
className: `${Xt.wrapper} ${m}`,
|
|
3242
3423
|
children: [
|
|
3243
3424
|
c && /* @__PURE__ */ t(ee, {
|
|
3244
3425
|
htmlFor: O,
|
|
@@ -3248,12 +3429,12 @@ function Qt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3248
3429
|
}),
|
|
3249
3430
|
a && s ? /* @__PURE__ */ t("div", {
|
|
3250
3431
|
id: O,
|
|
3251
|
-
className: `${
|
|
3432
|
+
className: `${Xt.disabledText} ${Xt[v]}`,
|
|
3252
3433
|
style: B,
|
|
3253
3434
|
"aria-describedby": P,
|
|
3254
3435
|
children: e || i
|
|
3255
3436
|
}) : /* @__PURE__ */ n("div", {
|
|
3256
|
-
className:
|
|
3437
|
+
className: Xt.control,
|
|
3257
3438
|
children: [/* @__PURE__ */ t("textarea", {
|
|
3258
3439
|
ref: k,
|
|
3259
3440
|
id: O,
|
|
@@ -3268,15 +3449,15 @@ function Qt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3268
3449
|
style: B,
|
|
3269
3450
|
"aria-invalid": !!u,
|
|
3270
3451
|
"aria-describedby": P,
|
|
3271
|
-
className: `${
|
|
3452
|
+
className: `${Xt.textarea} ${Xt[v]} ${T ? Xt.autoResize : Xt.manualResize} ${u ? Xt.textareaError : ""}`,
|
|
3272
3453
|
onChange: R,
|
|
3273
3454
|
...E
|
|
3274
3455
|
}), y && e && !a && !o && /* @__PURE__ */ t("button", {
|
|
3275
3456
|
type: "button",
|
|
3276
|
-
className:
|
|
3457
|
+
className: Xt.clearAction,
|
|
3277
3458
|
"aria-label": "Очистить поле",
|
|
3278
3459
|
onClick: z,
|
|
3279
|
-
children: /* @__PURE__ */ t(
|
|
3460
|
+
children: /* @__PURE__ */ t(J, {
|
|
3280
3461
|
name: "IconCross",
|
|
3281
3462
|
width: 20,
|
|
3282
3463
|
height: 20
|
|
@@ -3284,7 +3465,7 @@ function Qt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3284
3465
|
})]
|
|
3285
3466
|
}),
|
|
3286
3467
|
(p || u || M) && /* @__PURE__ */ n("div", {
|
|
3287
|
-
className:
|
|
3468
|
+
className: Xt.messages,
|
|
3288
3469
|
children: [
|
|
3289
3470
|
p && !u && /* @__PURE__ */ t(N, {
|
|
3290
3471
|
id: A,
|
|
@@ -3297,7 +3478,7 @@ function Qt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3297
3478
|
}),
|
|
3298
3479
|
M && /* @__PURE__ */ n("span", {
|
|
3299
3480
|
id: M,
|
|
3300
|
-
className:
|
|
3481
|
+
className: Xt.counter,
|
|
3301
3482
|
children: [
|
|
3302
3483
|
e.length,
|
|
3303
3484
|
" / ",
|
|
@@ -3311,11 +3492,11 @@ function Qt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3311
3492
|
}
|
|
3312
3493
|
//#endregion
|
|
3313
3494
|
//#region src/components/DSModal/modal.store.ts
|
|
3314
|
-
var
|
|
3495
|
+
var en = 0, tn = S((e, t) => ({
|
|
3315
3496
|
modals: [],
|
|
3316
3497
|
openModal: (t, n = {}, r = {}) => {
|
|
3317
|
-
|
|
3318
|
-
let i = `ds-modal-${
|
|
3498
|
+
en += 1;
|
|
3499
|
+
let i = `ds-modal-${en}`;
|
|
3319
3500
|
return e((e) => ({ modals: [...e.modals, {
|
|
3320
3501
|
id: i,
|
|
3321
3502
|
name: t,
|
|
@@ -3339,10 +3520,10 @@ var $t = 0, en = S((e, t) => ({
|
|
|
3339
3520
|
let n = t().modals;
|
|
3340
3521
|
n.length && (e({ modals: [] }), n.forEach((e) => e.onClose?.()));
|
|
3341
3522
|
}
|
|
3342
|
-
})),
|
|
3343
|
-
|
|
3344
|
-
},
|
|
3345
|
-
function
|
|
3523
|
+
})), nn = () => {
|
|
3524
|
+
tn.getState().closeAllModals(), en = 0;
|
|
3525
|
+
}, rn = 8, an = 96, on = .55;
|
|
3526
|
+
function sn(e, t, n) {
|
|
3346
3527
|
return {
|
|
3347
3528
|
startX: e,
|
|
3348
3529
|
startY: t,
|
|
@@ -3350,16 +3531,16 @@ function on(e, t, n) {
|
|
|
3350
3531
|
intent: "pending"
|
|
3351
3532
|
};
|
|
3352
3533
|
}
|
|
3353
|
-
function
|
|
3534
|
+
function cn(e, t, n) {
|
|
3354
3535
|
let r = t - e.startX, i = n - e.startY;
|
|
3355
|
-
return e.intent === "pending" && Math.max(Math.abs(r), Math.abs(i)) >=
|
|
3536
|
+
return e.intent === "pending" && Math.max(Math.abs(r), Math.abs(i)) >= rn && (e.intent = Math.abs(i) > Math.abs(r) ? "vertical" : "horizontal"), e.intent === "vertical" ? Math.max(0, i) : 0;
|
|
3356
3537
|
}
|
|
3357
|
-
function
|
|
3538
|
+
function ln(e, t, n) {
|
|
3358
3539
|
if (e.intent !== "vertical") return !1;
|
|
3359
3540
|
let r = Math.max(0, t - e.startY), i = Math.max(1, n - e.startTime);
|
|
3360
|
-
return r >=
|
|
3541
|
+
return r >= an || r >= 32 && r / i >= on;
|
|
3361
3542
|
}
|
|
3362
|
-
var
|
|
3543
|
+
var un = {
|
|
3363
3544
|
layer: "_layer_w9isk_1",
|
|
3364
3545
|
backdrop: "_backdrop_w9isk_15",
|
|
3365
3546
|
"backdrop-enter": "_backdrop-enter_w9isk_1",
|
|
@@ -3372,10 +3553,10 @@ var ln = {
|
|
|
3372
3553
|
close: "_close_w9isk_141",
|
|
3373
3554
|
dragHandle: "_dragHandle_w9isk_149",
|
|
3374
3555
|
"sheet-enter": "_sheet-enter_w9isk_1"
|
|
3375
|
-
},
|
|
3376
|
-
function
|
|
3556
|
+
}, dn = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", fn = a({});
|
|
3557
|
+
function pn(e) {
|
|
3377
3558
|
if (e.key !== "Tab") return;
|
|
3378
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3559
|
+
let t = Array.from(e.currentTarget.querySelectorAll(dn));
|
|
3379
3560
|
if (!t.length) {
|
|
3380
3561
|
e.preventDefault();
|
|
3381
3562
|
return;
|
|
@@ -3383,18 +3564,18 @@ function fn(e) {
|
|
|
3383
3564
|
let n = t[0], r = t.at(-1);
|
|
3384
3565
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
|
|
3385
3566
|
}
|
|
3386
|
-
var
|
|
3387
|
-
let l = u(
|
|
3567
|
+
var mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: s = "", role: c = "dialog" }) => {
|
|
3568
|
+
let l = u(fn), p = r ?? l.title, m = i ?? l.description, _ = f(), v = f(), y = h(null), b = h(null), x = h(null), [S, C] = g(0), [w, T] = g(!1), E = tn((e) => e.closeModal), D = l.requestClose ?? (() => E(a)), O = p != null, k = m != null;
|
|
3388
3569
|
d(() => {
|
|
3389
3570
|
let e = document.activeElement, t = y.current;
|
|
3390
|
-
return (t?.querySelector(
|
|
3571
|
+
return (t?.querySelector(dn) ?? t)?.focus(), () => e?.focus();
|
|
3391
3572
|
}, []);
|
|
3392
3573
|
let A = (e) => {
|
|
3393
3574
|
e && x.current !== null && e.hasPointerCapture(x.current) && e.releasePointerCapture(x.current), b.current = null, x.current = null, T(!1), C(0);
|
|
3394
3575
|
};
|
|
3395
3576
|
return /* @__PURE__ */ n("div", {
|
|
3396
3577
|
ref: y,
|
|
3397
|
-
className: `${
|
|
3578
|
+
className: `${un.panel} ${s}`,
|
|
3398
3579
|
"data-closing": l.closing || void 0,
|
|
3399
3580
|
"data-dragging": w || void 0,
|
|
3400
3581
|
style: { "--ds-modal-drag-offset": `${S}px` },
|
|
@@ -3403,41 +3584,41 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3403
3584
|
"aria-labelledby": O ? _ : void 0,
|
|
3404
3585
|
"aria-describedby": k ? v : void 0,
|
|
3405
3586
|
tabIndex: -1,
|
|
3406
|
-
onKeyDown:
|
|
3587
|
+
onKeyDown: pn,
|
|
3407
3588
|
children: [
|
|
3408
3589
|
/* @__PURE__ */ t("button", {
|
|
3409
3590
|
type: "button",
|
|
3410
|
-
className:
|
|
3591
|
+
className: un.dragHandle,
|
|
3411
3592
|
"aria-label": "Потяните вниз, чтобы закрыть модальное окно",
|
|
3412
3593
|
onPointerDown: (e) => {
|
|
3413
|
-
(e.pointerType !== "mouse" || e.button === 0) && (x.current = e.pointerId, b.current =
|
|
3594
|
+
(e.pointerType !== "mouse" || e.button === 0) && (x.current = e.pointerId, b.current = sn(e.clientX, e.clientY, e.timeStamp), e.currentTarget.setPointerCapture(e.pointerId));
|
|
3414
3595
|
},
|
|
3415
3596
|
onPointerMove: (e) => {
|
|
3416
3597
|
if (e.pointerId !== x.current || !b.current) return;
|
|
3417
|
-
let t =
|
|
3598
|
+
let t = cn(b.current, e.clientX, e.clientY);
|
|
3418
3599
|
b.current.intent === "vertical" && (e.preventDefault(), T(!0), C(t));
|
|
3419
3600
|
},
|
|
3420
3601
|
onPointerUp: (e) => {
|
|
3421
3602
|
if (e.pointerId !== x.current || !b.current) return;
|
|
3422
|
-
let t =
|
|
3603
|
+
let t = ln(b.current, e.clientY, e.timeStamp);
|
|
3423
3604
|
A(e.currentTarget), t && D();
|
|
3424
3605
|
},
|
|
3425
3606
|
onPointerCancel: (e) => A(e.currentTarget),
|
|
3426
3607
|
children: /* @__PURE__ */ t("span", {})
|
|
3427
3608
|
}),
|
|
3428
3609
|
(O || o) && /* @__PURE__ */ n("header", {
|
|
3429
|
-
className:
|
|
3610
|
+
className: un.header,
|
|
3430
3611
|
children: [O && /* @__PURE__ */ t("h2", {
|
|
3431
3612
|
id: _,
|
|
3432
|
-
className:
|
|
3613
|
+
className: un.title,
|
|
3433
3614
|
children: p
|
|
3434
3615
|
}), /* @__PURE__ */ t(j, {
|
|
3435
|
-
className:
|
|
3616
|
+
className: un.close,
|
|
3436
3617
|
variant: "empty",
|
|
3437
3618
|
size: "sm",
|
|
3438
3619
|
"aria-label": o,
|
|
3439
3620
|
onClick: D,
|
|
3440
|
-
children: /* @__PURE__ */ t(
|
|
3621
|
+
children: /* @__PURE__ */ t(J, {
|
|
3441
3622
|
name: "IconCross",
|
|
3442
3623
|
width: 24,
|
|
3443
3624
|
height: 24
|
|
@@ -3446,17 +3627,17 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3446
3627
|
}),
|
|
3447
3628
|
k && /* @__PURE__ */ t("p", {
|
|
3448
3629
|
id: v,
|
|
3449
|
-
className:
|
|
3630
|
+
className: un.description,
|
|
3450
3631
|
children: m
|
|
3451
3632
|
}),
|
|
3452
3633
|
/* @__PURE__ */ t("div", {
|
|
3453
|
-
className:
|
|
3634
|
+
className: un.content,
|
|
3454
3635
|
children: e
|
|
3455
3636
|
})
|
|
3456
3637
|
]
|
|
3457
3638
|
});
|
|
3458
|
-
},
|
|
3459
|
-
let n =
|
|
3639
|
+
}, hn = ({ registry: e }) => {
|
|
3640
|
+
let n = tn((e) => e.modals), r = tn((e) => e.closeModal), [i, a] = g(() => /* @__PURE__ */ new Set()), o = h(/* @__PURE__ */ new Map()), s = (e) => {
|
|
3460
3641
|
if (o.current.has(e)) return;
|
|
3461
3642
|
a((t) => new Set(t).add(e));
|
|
3462
3643
|
let t = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
@@ -3472,7 +3653,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3472
3653
|
return () => e.forEach((e) => window.clearTimeout(e));
|
|
3473
3654
|
}, []), d(() => {
|
|
3474
3655
|
let e = (e) => {
|
|
3475
|
-
let t =
|
|
3656
|
+
let t = tn.getState().modals.at(-1);
|
|
3476
3657
|
e.key === "Escape" && t?.closeOnEscape && s(t.id);
|
|
3477
3658
|
};
|
|
3478
3659
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
@@ -3485,21 +3666,21 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3485
3666
|
n,
|
|
3486
3667
|
e
|
|
3487
3668
|
]), !n.length || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
3488
|
-
className:
|
|
3669
|
+
className: un.layer,
|
|
3489
3670
|
"aria-label": "Модальные окна",
|
|
3490
3671
|
children: n.map((r, a) => {
|
|
3491
3672
|
let o = e[r.name];
|
|
3492
3673
|
if (!o) return null;
|
|
3493
3674
|
let c = i.has(r.id);
|
|
3494
3675
|
return /* @__PURE__ */ t("div", {
|
|
3495
|
-
className:
|
|
3676
|
+
className: un.backdrop,
|
|
3496
3677
|
"data-closing": c || void 0,
|
|
3497
3678
|
"aria-hidden": a !== n.length - 1 || void 0,
|
|
3498
3679
|
inert: a !== n.length - 1 || void 0,
|
|
3499
3680
|
onMouseDown: (e) => {
|
|
3500
3681
|
e.target === e.currentTarget && r.closeOnBackdrop && s(r.id);
|
|
3501
3682
|
},
|
|
3502
|
-
children: /* @__PURE__ */ t(
|
|
3683
|
+
children: /* @__PURE__ */ t(fn.Provider, {
|
|
3503
3684
|
value: {
|
|
3504
3685
|
title: r.title ?? r.payload.title,
|
|
3505
3686
|
description: r.description ?? r.payload.description,
|
|
@@ -3516,31 +3697,31 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3516
3697
|
}, r.id);
|
|
3517
3698
|
})
|
|
3518
3699
|
}), document.body);
|
|
3519
|
-
},
|
|
3520
|
-
let o =
|
|
3700
|
+
}, gn = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
3701
|
+
let o = tn((e) => e.modals.length);
|
|
3521
3702
|
return d(() => {
|
|
3522
3703
|
if (!a || o === 0) return;
|
|
3523
3704
|
let e = document.body.style.overflow;
|
|
3524
3705
|
return document.body.style.overflow = "hidden", () => {
|
|
3525
3706
|
document.body.style.overflow = e;
|
|
3526
3707
|
};
|
|
3527
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
3528
|
-
},
|
|
3708
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(hn, { registry: r })] });
|
|
3709
|
+
}, _n = (e) => e, vn = {
|
|
3529
3710
|
message: "_message_c23ie_1",
|
|
3530
3711
|
actions: "_actions_c23ie_13"
|
|
3531
|
-
},
|
|
3712
|
+
}, yn = /* @__PURE__ */ new Map(), bn = 0, xn = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
3532
3713
|
let u = (e) => {
|
|
3533
|
-
|
|
3714
|
+
yn.get(l)?.(e), yn.delete(l), r();
|
|
3534
3715
|
};
|
|
3535
|
-
return /* @__PURE__ */ n(
|
|
3716
|
+
return /* @__PURE__ */ n(mn, {
|
|
3536
3717
|
modalId: e,
|
|
3537
3718
|
title: i,
|
|
3538
3719
|
role: "alertdialog",
|
|
3539
3720
|
children: [/* @__PURE__ */ t("p", {
|
|
3540
|
-
className:
|
|
3721
|
+
className: vn.message,
|
|
3541
3722
|
children: a
|
|
3542
3723
|
}), /* @__PURE__ */ n("div", {
|
|
3543
|
-
className:
|
|
3724
|
+
className: vn.actions,
|
|
3544
3725
|
children: [/* @__PURE__ */ t(j, {
|
|
3545
3726
|
variant: "outline",
|
|
3546
3727
|
onClick: () => u(!1),
|
|
@@ -3552,46 +3733,46 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3552
3733
|
})]
|
|
3553
3734
|
})]
|
|
3554
3735
|
});
|
|
3555
|
-
},
|
|
3736
|
+
}, Sn = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(mn, {
|
|
3556
3737
|
modalId: e,
|
|
3557
3738
|
title: i,
|
|
3558
3739
|
role: "alertdialog",
|
|
3559
3740
|
children: [/* @__PURE__ */ t("p", {
|
|
3560
|
-
className:
|
|
3741
|
+
className: vn.message,
|
|
3561
3742
|
children: a
|
|
3562
3743
|
}), /* @__PURE__ */ t("div", {
|
|
3563
|
-
className:
|
|
3744
|
+
className: vn.actions,
|
|
3564
3745
|
children: /* @__PURE__ */ t(j, {
|
|
3565
3746
|
onClick: r,
|
|
3566
3747
|
children: o
|
|
3567
3748
|
})
|
|
3568
3749
|
})]
|
|
3569
|
-
}),
|
|
3570
|
-
ConfirmModal:
|
|
3571
|
-
ErrorModal:
|
|
3572
|
-
}),
|
|
3573
|
-
let e =
|
|
3750
|
+
}), Cn = _n({
|
|
3751
|
+
ConfirmModal: xn,
|
|
3752
|
+
ErrorModal: Sn
|
|
3753
|
+
}), wn = () => {
|
|
3754
|
+
let e = tn((e) => e.openModal);
|
|
3574
3755
|
return (t = {}) => new Promise((n) => {
|
|
3575
|
-
|
|
3576
|
-
let r = `confirm-${
|
|
3577
|
-
|
|
3756
|
+
bn += 1;
|
|
3757
|
+
let r = `confirm-${bn}`;
|
|
3758
|
+
yn.set(r, n), e("ConfirmModal", {
|
|
3578
3759
|
...t,
|
|
3579
3760
|
requestId: r
|
|
3580
3761
|
}, {
|
|
3581
3762
|
closeOnEscape: !1,
|
|
3582
3763
|
onClose: () => {
|
|
3583
|
-
|
|
3764
|
+
yn.get(r)?.(!1), yn.delete(r);
|
|
3584
3765
|
}
|
|
3585
3766
|
});
|
|
3586
3767
|
});
|
|
3587
|
-
},
|
|
3588
|
-
let e =
|
|
3768
|
+
}, Tn = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", En = () => {
|
|
3769
|
+
let e = tn((e) => e.openModal);
|
|
3589
3770
|
return { showError: (t, n) => e("ErrorModal", {
|
|
3590
3771
|
title: n,
|
|
3591
|
-
message:
|
|
3772
|
+
message: Tn(t)
|
|
3592
3773
|
}) };
|
|
3593
|
-
},
|
|
3594
|
-
let e =
|
|
3774
|
+
}, Dn = S(() => ({})), On = S(() => ({})), kn = () => {
|
|
3775
|
+
let e = tn((e) => e.modals), t = tn((e) => e.openModal), n = tn((e) => e.closeModal), r = tn((e) => e.closeTopModal), i = tn((e) => e.closeAllModals), a = l((e, n = {}, r) => t(e, n, r), [t]), o = l((t) => e.some((e) => e.name === t), [e]);
|
|
3595
3776
|
return m(() => ({
|
|
3596
3777
|
openModal: a,
|
|
3597
3778
|
closeModal: n,
|
|
@@ -3607,7 +3788,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3607
3788
|
e.length,
|
|
3608
3789
|
a
|
|
3609
3790
|
]);
|
|
3610
|
-
},
|
|
3791
|
+
}, An = {
|
|
3611
3792
|
layer: "_layer_ct7yp_1",
|
|
3612
3793
|
backdrop: "_backdrop_ct7yp_13",
|
|
3613
3794
|
panel: "_panel_ct7yp_27",
|
|
@@ -3627,16 +3808,16 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3627
3808
|
"enter-right": "_enter-right_ct7yp_1",
|
|
3628
3809
|
"enter-left": "_enter-left_ct7yp_1",
|
|
3629
3810
|
"enter-bottom": "_enter-bottom_ct7yp_1"
|
|
3630
|
-
},
|
|
3811
|
+
}, jn = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Mn = a(null), Nn = (e) => {
|
|
3631
3812
|
if (e.key !== "Tab") return;
|
|
3632
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3813
|
+
let t = Array.from(e.currentTarget.querySelectorAll(jn));
|
|
3633
3814
|
if (!t.length) {
|
|
3634
3815
|
e.preventDefault();
|
|
3635
3816
|
return;
|
|
3636
3817
|
}
|
|
3637
3818
|
let n = t[0], r = t.at(-1);
|
|
3638
3819
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
|
|
3639
|
-
},
|
|
3820
|
+
}, Pn = () => u(Mn), Fn = ({ open: e, onCloseRequest: r, children: i, title: a, description: o, headerActions: s, footer: c, placement: l = "right", size: u = "md", closeOnEscape: p = !0, closeOnBackdrop: m = !0, preventClose: g = !1, closeLabel: v = "Закрыть", initialFocusRef: y, returnFocusRef: b, className: x = "" }) => {
|
|
3640
3821
|
let S = h(null), C = f(), w = f(), T = (e) => {
|
|
3641
3822
|
g || r(e);
|
|
3642
3823
|
};
|
|
@@ -3645,7 +3826,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3645
3826
|
let t = document.activeElement, n = b?.current, i = document.body.style.overflow;
|
|
3646
3827
|
document.body.style.overflow = "hidden";
|
|
3647
3828
|
let a = S.current;
|
|
3648
|
-
(y?.current ?? a?.querySelector(
|
|
3829
|
+
(y?.current ?? a?.querySelector(jn) ?? a)?.focus();
|
|
3649
3830
|
let o = (e) => {
|
|
3650
3831
|
e.key === "Escape" && p && !g && r("escape");
|
|
3651
3832
|
};
|
|
@@ -3660,29 +3841,29 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3660
3841
|
g,
|
|
3661
3842
|
b
|
|
3662
3843
|
]), !e || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
3663
|
-
className:
|
|
3844
|
+
className: An.layer,
|
|
3664
3845
|
children: /* @__PURE__ */ t("div", {
|
|
3665
|
-
className:
|
|
3846
|
+
className: An.backdrop,
|
|
3666
3847
|
onMouseDown: (e) => {
|
|
3667
3848
|
e.target === e.currentTarget && m && T("backdrop");
|
|
3668
3849
|
},
|
|
3669
|
-
children: /* @__PURE__ */ t(
|
|
3850
|
+
children: /* @__PURE__ */ t(Mn.Provider, {
|
|
3670
3851
|
value: { requestClose: T },
|
|
3671
3852
|
children: /* @__PURE__ */ n("section", {
|
|
3672
3853
|
ref: S,
|
|
3673
|
-
className: `${
|
|
3854
|
+
className: `${An.panel} ${An[l]} ${An[u]} ${x}`,
|
|
3674
3855
|
role: "dialog",
|
|
3675
3856
|
"aria-modal": "true",
|
|
3676
3857
|
"aria-labelledby": a ? C : void 0,
|
|
3677
3858
|
"aria-describedby": o ? w : void 0,
|
|
3678
3859
|
tabIndex: -1,
|
|
3679
|
-
onKeyDown:
|
|
3860
|
+
onKeyDown: Nn,
|
|
3680
3861
|
children: [
|
|
3681
3862
|
/* @__PURE__ */ n("header", {
|
|
3682
|
-
className:
|
|
3863
|
+
className: An.header,
|
|
3683
3864
|
children: [
|
|
3684
3865
|
/* @__PURE__ */ n("div", {
|
|
3685
|
-
className:
|
|
3866
|
+
className: An.heading,
|
|
3686
3867
|
children: [a && /* @__PURE__ */ t("h2", {
|
|
3687
3868
|
id: C,
|
|
3688
3869
|
children: a
|
|
@@ -3692,7 +3873,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3692
3873
|
})]
|
|
3693
3874
|
}),
|
|
3694
3875
|
s && /* @__PURE__ */ t("div", {
|
|
3695
|
-
className:
|
|
3876
|
+
className: An.headerActions,
|
|
3696
3877
|
children: s
|
|
3697
3878
|
}),
|
|
3698
3879
|
/* @__PURE__ */ t(j, {
|
|
@@ -3701,7 +3882,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3701
3882
|
"aria-label": v,
|
|
3702
3883
|
disabled: g,
|
|
3703
3884
|
onClick: () => T("close-button"),
|
|
3704
|
-
children: /* @__PURE__ */ t(
|
|
3885
|
+
children: /* @__PURE__ */ t(J, {
|
|
3705
3886
|
name: "IconCross",
|
|
3706
3887
|
width: 20,
|
|
3707
3888
|
height: 20
|
|
@@ -3710,11 +3891,11 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3710
3891
|
]
|
|
3711
3892
|
}),
|
|
3712
3893
|
/* @__PURE__ */ t("div", {
|
|
3713
|
-
className:
|
|
3894
|
+
className: An.content,
|
|
3714
3895
|
children: i
|
|
3715
3896
|
}),
|
|
3716
3897
|
c && /* @__PURE__ */ t("footer", {
|
|
3717
|
-
className:
|
|
3898
|
+
className: An.footer,
|
|
3718
3899
|
children: c
|
|
3719
3900
|
})
|
|
3720
3901
|
]
|
|
@@ -3722,17 +3903,17 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3722
3903
|
})
|
|
3723
3904
|
})
|
|
3724
3905
|
}), document.body);
|
|
3725
|
-
},
|
|
3906
|
+
}, In = ({ placement: e = "right", ...n }) => /* @__PURE__ */ t(Fn, {
|
|
3726
3907
|
...n,
|
|
3727
3908
|
placement: e
|
|
3728
|
-
}),
|
|
3909
|
+
}), Ln = (e) => /* @__PURE__ */ t(Fn, {
|
|
3729
3910
|
...e,
|
|
3730
3911
|
placement: "bottom"
|
|
3731
|
-
}),
|
|
3912
|
+
}), Rn = (e) => /* @__PURE__ */ t(Fn, {
|
|
3732
3913
|
...e,
|
|
3733
3914
|
placement: "fullscreen",
|
|
3734
3915
|
size: "xl"
|
|
3735
|
-
}),
|
|
3916
|
+
}), zn = {
|
|
3736
3917
|
wrapper: "_wrapper_1hyyy_1",
|
|
3737
3918
|
container: "_container_1hyyy_15",
|
|
3738
3919
|
inner: "_inner_1hyyy_35",
|
|
@@ -3747,29 +3928,29 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3747
3928
|
empty: "_empty_1hyyy_153",
|
|
3748
3929
|
destructive: "_destructive_1hyyy_161",
|
|
3749
3930
|
destructiveOutline: "_destructiveOutline_1hyyy_169"
|
|
3750
|
-
},
|
|
3751
|
-
className:
|
|
3931
|
+
}, Bn = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
3932
|
+
className: zn.wrapper,
|
|
3752
3933
|
children: /* @__PURE__ */ t("div", {
|
|
3753
|
-
className:
|
|
3934
|
+
className: zn.container,
|
|
3754
3935
|
children: /* @__PURE__ */ n("div", {
|
|
3755
|
-
className:
|
|
3936
|
+
className: zn.inner,
|
|
3756
3937
|
children: [
|
|
3757
3938
|
/* @__PURE__ */ t("div", {
|
|
3758
|
-
className:
|
|
3759
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3939
|
+
className: zn.cube,
|
|
3940
|
+
children: /* @__PURE__ */ t("div", { className: `${zn.cube__inner} ${zn[e]}` })
|
|
3760
3941
|
}),
|
|
3761
3942
|
/* @__PURE__ */ t("div", {
|
|
3762
|
-
className:
|
|
3763
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3943
|
+
className: zn.cube,
|
|
3944
|
+
children: /* @__PURE__ */ t("div", { className: `${zn.cube__inner} ${zn[e]}` })
|
|
3764
3945
|
}),
|
|
3765
3946
|
/* @__PURE__ */ t("div", {
|
|
3766
|
-
className:
|
|
3767
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3947
|
+
className: zn.cube,
|
|
3948
|
+
children: /* @__PURE__ */ t("div", { className: `${zn.cube__inner} ${zn[e]}` })
|
|
3768
3949
|
})
|
|
3769
3950
|
]
|
|
3770
3951
|
})
|
|
3771
3952
|
})
|
|
3772
|
-
}),
|
|
3953
|
+
}), Vn = {
|
|
3773
3954
|
viewport: "_viewport_bu4eh_1",
|
|
3774
3955
|
"top-right": "_top-right_bu4eh_21",
|
|
3775
3956
|
"top-left": "_top-left_bu4eh_31",
|
|
@@ -3785,12 +3966,12 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3785
3966
|
success: "_success_bu4eh_195",
|
|
3786
3967
|
warning: "_warning_bu4eh_203",
|
|
3787
3968
|
error: "_error_bu4eh_211"
|
|
3788
|
-
},
|
|
3969
|
+
}, Hn = {
|
|
3789
3970
|
info: "IconInfoCircle",
|
|
3790
3971
|
success: "IconSuccessCircle",
|
|
3791
3972
|
warning: "IconWarning",
|
|
3792
3973
|
error: "IconWarning"
|
|
3793
|
-
},
|
|
3974
|
+
}, Un = ({ toast: e, onClose: r }) => {
|
|
3794
3975
|
let [i, a] = g(!1), [o, s] = g(() => typeof document < "u" && document.hidden), c = h(e.duration), l = h(Date.now());
|
|
3795
3976
|
return d(() => {
|
|
3796
3977
|
if (i || o || e.duration <= 0) return;
|
|
@@ -3810,7 +3991,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3810
3991
|
let e = () => s(document.hidden);
|
|
3811
3992
|
return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
|
|
3812
3993
|
}, []), /* @__PURE__ */ n("article", {
|
|
3813
|
-
className: `${
|
|
3994
|
+
className: `${Vn.toast} ${Vn[e.variant]}`,
|
|
3814
3995
|
role: e.variant === "error" ? "alert" : "status",
|
|
3815
3996
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
3816
3997
|
onMouseEnter: () => a(!0),
|
|
@@ -3819,24 +4000,24 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3819
4000
|
onBlur: () => a(!1),
|
|
3820
4001
|
children: [
|
|
3821
4002
|
/* @__PURE__ */ t("div", {
|
|
3822
|
-
className:
|
|
4003
|
+
className: Vn.icon,
|
|
3823
4004
|
"aria-hidden": "true",
|
|
3824
|
-
children: /* @__PURE__ */ t(
|
|
3825
|
-
name:
|
|
4005
|
+
children: /* @__PURE__ */ t(J, {
|
|
4006
|
+
name: Hn[e.variant],
|
|
3826
4007
|
color: "var(--ds-toast-accent)",
|
|
3827
4008
|
width: 20,
|
|
3828
4009
|
height: 20
|
|
3829
4010
|
})
|
|
3830
4011
|
}),
|
|
3831
4012
|
/* @__PURE__ */ n("div", {
|
|
3832
|
-
className:
|
|
4013
|
+
className: Vn.body,
|
|
3833
4014
|
children: [
|
|
3834
4015
|
e.title && /* @__PURE__ */ t("strong", {
|
|
3835
|
-
className:
|
|
4016
|
+
className: Vn.title,
|
|
3836
4017
|
children: e.title
|
|
3837
4018
|
}),
|
|
3838
4019
|
/* @__PURE__ */ t("div", {
|
|
3839
|
-
className:
|
|
4020
|
+
className: Vn.message,
|
|
3840
4021
|
children: e.message
|
|
3841
4022
|
}),
|
|
3842
4023
|
e.action && /* @__PURE__ */ t(j, {
|
|
@@ -3854,7 +4035,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3854
4035
|
size: "sm",
|
|
3855
4036
|
"aria-label": "Закрыть уведомление",
|
|
3856
4037
|
onClick: () => r(e.id),
|
|
3857
|
-
children: /* @__PURE__ */ t(
|
|
4038
|
+
children: /* @__PURE__ */ t(J, {
|
|
3858
4039
|
name: "IconCross",
|
|
3859
4040
|
width: 20,
|
|
3860
4041
|
height: 20
|
|
@@ -3862,15 +4043,15 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3862
4043
|
})
|
|
3863
4044
|
]
|
|
3864
4045
|
});
|
|
3865
|
-
},
|
|
4046
|
+
}, Wn = 0, Gn = S((e, t) => ({
|
|
3866
4047
|
toasts: [],
|
|
3867
4048
|
showToast: (n) => {
|
|
3868
4049
|
if (n.dedupeKey) {
|
|
3869
4050
|
let e = t().toasts.find((e) => e.dedupeKey === n.dedupeKey);
|
|
3870
4051
|
if (e) return e.id;
|
|
3871
4052
|
}
|
|
3872
|
-
|
|
3873
|
-
let r = `ds-toast-${
|
|
4053
|
+
Wn += 1;
|
|
4054
|
+
let r = `ds-toast-${Wn}`;
|
|
3874
4055
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
3875
4056
|
variant: "info",
|
|
3876
4057
|
duration: 5e3,
|
|
@@ -3881,18 +4062,18 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3881
4062
|
},
|
|
3882
4063
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
3883
4064
|
clearToasts: () => e({ toasts: [] })
|
|
3884
|
-
})),
|
|
3885
|
-
let r =
|
|
4065
|
+
})), Kn = () => Gn.setState({ toasts: [] }), qn = ({ position: e = "top-right", maxVisible: n }) => {
|
|
4066
|
+
let r = Gn((e) => e.toasts), i = Gn((e) => e.removeToast), a = n === void 0 ? r : r.slice(0, Math.max(0, Math.floor(n)));
|
|
3886
4067
|
return /* @__PURE__ */ t("div", {
|
|
3887
|
-
className: `${
|
|
4068
|
+
className: `${Vn.viewport} ${Vn[e]}`,
|
|
3888
4069
|
"aria-label": "Уведомления",
|
|
3889
|
-
children: a.map((e) => /* @__PURE__ */ t(
|
|
4070
|
+
children: a.map((e) => /* @__PURE__ */ t(Un, {
|
|
3890
4071
|
toast: e,
|
|
3891
4072
|
onClose: i
|
|
3892
4073
|
}, e.id))
|
|
3893
4074
|
});
|
|
3894
|
-
},
|
|
3895
|
-
let e =
|
|
4075
|
+
}, Jn = () => {
|
|
4076
|
+
let e = Gn((e) => e.showToast), t = Gn((e) => e.removeToast), n = Gn((e) => e.clearToasts), r = l((t) => e({
|
|
3896
4077
|
...t,
|
|
3897
4078
|
variant: "info"
|
|
3898
4079
|
}), [e]), i = l((t) => e({
|
|
@@ -3922,7 +4103,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3922
4103
|
i,
|
|
3923
4104
|
a
|
|
3924
4105
|
]);
|
|
3925
|
-
},
|
|
4106
|
+
}, Yn = {
|
|
3926
4107
|
root: "_root_8dm5q_1",
|
|
3927
4108
|
tooltip: "_tooltip_8dm5q_11",
|
|
3928
4109
|
"ds-tooltip-in": "_ds-tooltip-in_8dm5q_1",
|
|
@@ -3930,7 +4111,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3930
4111
|
bottom: "_bottom_8dm5q_55",
|
|
3931
4112
|
left: "_left_8dm5q_67",
|
|
3932
4113
|
right: "_right_8dm5q_79"
|
|
3933
|
-
},
|
|
4114
|
+
}, Xn = ({ content: e, children: r, placement: a = "top", delay: o = 450, disabled: s = !1, maxWidth: l = 280, className: u = "" }) => {
|
|
3934
4115
|
let p = f(), [m, _] = g(!1), v = h(null), y = () => {
|
|
3935
4116
|
s || !e || (v.current = setTimeout(() => _(!0), o));
|
|
3936
4117
|
}, b = () => {
|
|
@@ -3952,23 +4133,23 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3952
4133
|
onBlur: b
|
|
3953
4134
|
});
|
|
3954
4135
|
return /* @__PURE__ */ n("span", {
|
|
3955
|
-
className: `${
|
|
4136
|
+
className: `${Yn.root} ${u}`,
|
|
3956
4137
|
onPointerDown: m ? b : y,
|
|
3957
4138
|
children: [x, m && /* @__PURE__ */ t("span", {
|
|
3958
4139
|
id: p,
|
|
3959
4140
|
role: "tooltip",
|
|
3960
|
-
className: `${
|
|
4141
|
+
className: `${Yn.tooltip} ${Yn[a]}`,
|
|
3961
4142
|
style: { maxWidth: l },
|
|
3962
4143
|
children: e
|
|
3963
4144
|
})]
|
|
3964
4145
|
});
|
|
3965
|
-
},
|
|
4146
|
+
}, Zn = {
|
|
3966
4147
|
root: "_root_bs28m_1",
|
|
3967
4148
|
tabList: "_tabList_bs28m_11",
|
|
3968
4149
|
tab: "_tab_bs28m_11",
|
|
3969
4150
|
panels: "_panels_bs28m_127",
|
|
3970
4151
|
panel: "_panel_bs28m_127"
|
|
3971
|
-
},
|
|
4152
|
+
}, Qn = ({ items: e, value: r, onChange: i, ariaLabel: a = "Вкладки", disabled: o = !1, loading: s = !1, className: c = "" }) => {
|
|
3972
4153
|
let l = `ds-tabs-${f().replace(/:/g, "")}`, u = h([]), d = o || s, p = e.findIndex((e) => e.id === r), m = e.findIndex((e) => !e.disabled), g = p >= 0 && !e[p]?.disabled ? p : m, _ = (t) => {
|
|
3973
4154
|
let n = e[t];
|
|
3974
4155
|
!n || n.disabled || d || (i(n.id), u.current[t]?.focus(), u.current[t]?.scrollIntoView({
|
|
@@ -3998,10 +4179,10 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3998
4179
|
t.preventDefault(), _(a);
|
|
3999
4180
|
};
|
|
4000
4181
|
return /* @__PURE__ */ n("div", {
|
|
4001
|
-
className: `${
|
|
4182
|
+
className: `${Zn.root} ${c}`,
|
|
4002
4183
|
"aria-busy": s || void 0,
|
|
4003
4184
|
children: [/* @__PURE__ */ t("div", {
|
|
4004
|
-
className:
|
|
4185
|
+
className: Zn.tabList,
|
|
4005
4186
|
role: "tablist",
|
|
4006
4187
|
"aria-label": a,
|
|
4007
4188
|
"aria-orientation": "horizontal",
|
|
@@ -4013,7 +4194,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4013
4194
|
u.current[n] = e;
|
|
4014
4195
|
},
|
|
4015
4196
|
id: a,
|
|
4016
|
-
className:
|
|
4197
|
+
className: Zn.tab,
|
|
4017
4198
|
type: "button",
|
|
4018
4199
|
role: "tab",
|
|
4019
4200
|
"aria-selected": i,
|
|
@@ -4026,12 +4207,12 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4026
4207
|
}, e.id);
|
|
4027
4208
|
})
|
|
4028
4209
|
}), /* @__PURE__ */ t("div", {
|
|
4029
|
-
className:
|
|
4210
|
+
className: Zn.panels,
|
|
4030
4211
|
children: e.map((e, n) => {
|
|
4031
4212
|
let i = e.id === r;
|
|
4032
4213
|
return /* @__PURE__ */ t("div", {
|
|
4033
4214
|
id: `${l}-panel-${n}`,
|
|
4034
|
-
className:
|
|
4215
|
+
className: Zn.panel,
|
|
4035
4216
|
role: "tabpanel",
|
|
4036
4217
|
"aria-labelledby": `${l}-tab-${n}`,
|
|
4037
4218
|
tabIndex: 0,
|
|
@@ -4041,7 +4222,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4041
4222
|
})
|
|
4042
4223
|
})]
|
|
4043
4224
|
});
|
|
4044
|
-
},
|
|
4225
|
+
}, $n = (e) => {
|
|
4045
4226
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
4046
4227
|
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")}`;
|
|
4047
4228
|
return n ? `${n}:${a}` : a;
|
|
@@ -4074,37 +4255,37 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4074
4255
|
settingsActionLabel: "_settingsActionLabel_14cqp_693",
|
|
4075
4256
|
caption: "_caption_14cqp_705",
|
|
4076
4257
|
fullscreen: "_fullscreen_14cqp_719"
|
|
4077
|
-
},
|
|
4258
|
+
}, er = 2500, tr = 5, nr = .05, rr = [
|
|
4078
4259
|
.5,
|
|
4079
4260
|
.75,
|
|
4080
4261
|
1,
|
|
4081
4262
|
1.25,
|
|
4082
4263
|
1.5,
|
|
4083
4264
|
2
|
|
4084
|
-
],
|
|
4085
|
-
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,
|
|
4265
|
+
], ir = ({ 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 }) => {
|
|
4266
|
+
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, W] = g(!!v.loop), [ie, ae] = g(-1), [oe, se] = g(!1), [G, K] = g(!0), [ce, le] = g(!1), [ue, de] = g(!1), fe = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), pe = i.map((e, t) => ({
|
|
4086
4267
|
track: e,
|
|
4087
4268
|
index: t
|
|
4088
|
-
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"),
|
|
4089
|
-
|
|
4090
|
-
}, [A,
|
|
4269
|
+
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), me = u ?? (C ? "Не удалось воспроизвести видео" : void 0), he = c || T && !me && r.length > 0, ge = !he && !me && r.length === 0, _e = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, ve = l(() => {
|
|
4270
|
+
K(!0), window.clearTimeout(S.current), A && !oe && (S.current = window.setTimeout(() => K(!1), er));
|
|
4271
|
+
}, [A, oe]);
|
|
4091
4272
|
d(() => {
|
|
4092
4273
|
w(!1), E(r.length > 0), O(!1), M(!1), N(!1), F(0), L(0), z(0);
|
|
4093
|
-
}, [
|
|
4094
|
-
let e = () =>
|
|
4274
|
+
}, [fe, r.length]), d(() => (ve(), () => window.clearTimeout(S.current)), [ve]), d(() => {
|
|
4275
|
+
let e = () => le(document.fullscreenElement === b.current), t = () => de(document.pictureInPictureElement === x.current);
|
|
4095
4276
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
4096
4277
|
document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
|
|
4097
4278
|
};
|
|
4098
4279
|
}, []), d(() => {
|
|
4099
|
-
if (!
|
|
4280
|
+
if (!oe) return;
|
|
4100
4281
|
let e = (e) => {
|
|
4101
|
-
y.current?.contains(e.target) ||
|
|
4282
|
+
y.current?.contains(e.target) || se(!1);
|
|
4102
4283
|
};
|
|
4103
4284
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
4104
|
-
}, [
|
|
4105
|
-
let
|
|
4285
|
+
}, [oe]);
|
|
4286
|
+
let ye = async () => {
|
|
4106
4287
|
let e = x.current;
|
|
4107
|
-
if (!(!e ||
|
|
4288
|
+
if (!(!e || me || he)) {
|
|
4108
4289
|
if (e.paused || e.ended) {
|
|
4109
4290
|
e.ended && (e.currentTime = 0);
|
|
4110
4291
|
try {
|
|
@@ -4114,60 +4295,60 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4114
4295
|
}
|
|
4115
4296
|
} else e.pause();
|
|
4116
4297
|
}
|
|
4117
|
-
},
|
|
4298
|
+
}, q = () => {
|
|
4118
4299
|
let e = x.current;
|
|
4119
4300
|
e && (e.muted = !e.muted);
|
|
4120
|
-
},
|
|
4301
|
+
}, be = (e) => {
|
|
4121
4302
|
let t = x.current;
|
|
4122
4303
|
t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
|
|
4123
|
-
},
|
|
4304
|
+
}, Y = (e) => {
|
|
4124
4305
|
let t = x.current;
|
|
4125
4306
|
!t || !I || (t.currentTime = Math.min(I, Math.max(0, e)), F(t.currentTime));
|
|
4126
|
-
},
|
|
4307
|
+
}, xe = async () => {
|
|
4127
4308
|
if (b.current) try {
|
|
4128
4309
|
document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
|
|
4129
4310
|
} catch {
|
|
4130
|
-
|
|
4311
|
+
le(!1);
|
|
4131
4312
|
}
|
|
4132
|
-
},
|
|
4313
|
+
}, X = async () => {
|
|
4133
4314
|
let e = x.current;
|
|
4134
|
-
if (!(!e || !
|
|
4315
|
+
if (!(!e || !_e)) try {
|
|
4135
4316
|
document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
|
|
4136
4317
|
} catch {
|
|
4137
|
-
|
|
4318
|
+
de(!1);
|
|
4138
4319
|
}
|
|
4139
|
-
},
|
|
4320
|
+
}, Se = (e) => {
|
|
4140
4321
|
let t = x.current;
|
|
4141
4322
|
t && (Array.from(t.textTracks).forEach((t, n) => {
|
|
4142
4323
|
t.mode = n === e ? "showing" : "disabled";
|
|
4143
|
-
}),
|
|
4144
|
-
},
|
|
4324
|
+
}), ae(e));
|
|
4325
|
+
}, Ce = (e) => {
|
|
4145
4326
|
let t = e.target;
|
|
4146
4327
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
4147
4328
|
let n = e.key.toLowerCase();
|
|
4148
|
-
n === " " || n === "k" ? (e.preventDefault(),
|
|
4149
|
-
},
|
|
4329
|
+
n === " " || n === "k" ? (e.preventDefault(), ye()) : n === "m" ? (e.preventDefault(), q()) : n === "f" ? (e.preventDefault(), xe()) : n === "c" && pe.length ? (e.preventDefault(), Se(ie === -1 ? pe[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), Y(P + (e.key === "ArrowRight" ? tr : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), be(B + (e.key === "ArrowUp" ? nr : -.05))) : e.key === "Escape" && se(!1), ve();
|
|
4330
|
+
}, we = () => {
|
|
4150
4331
|
let e = x.current;
|
|
4151
4332
|
w(!1), E(!0), e?.load();
|
|
4152
|
-
},
|
|
4333
|
+
}, Te = {
|
|
4153
4334
|
"--video-progress": `${I ? P / I * 100 : 0}%`,
|
|
4154
4335
|
"--video-buffered": `${R * 100}%`
|
|
4155
4336
|
};
|
|
4156
4337
|
return /* @__PURE__ */ n("figure", {
|
|
4157
4338
|
ref: y,
|
|
4158
4339
|
className: `${$.root} ${p}`,
|
|
4159
|
-
onKeyDown:
|
|
4340
|
+
onKeyDown: Ce,
|
|
4160
4341
|
children: [/* @__PURE__ */ n("div", {
|
|
4161
4342
|
ref: b,
|
|
4162
|
-
className: `${$.frame} ${
|
|
4343
|
+
className: `${$.frame} ${ce ? $.fullscreen : ""}`,
|
|
4163
4344
|
style: { aspectRatio: o },
|
|
4164
|
-
"aria-busy":
|
|
4345
|
+
"aria-busy": he || void 0,
|
|
4165
4346
|
tabIndex: m && r.length ? 0 : void 0,
|
|
4166
|
-
onPointerMove:
|
|
4167
|
-
onPointerDown:
|
|
4168
|
-
onFocusCapture:
|
|
4347
|
+
onPointerMove: ve,
|
|
4348
|
+
onPointerDown: ve,
|
|
4349
|
+
onFocusCapture: ve,
|
|
4169
4350
|
onMouseLeave: () => {
|
|
4170
|
-
A && !
|
|
4351
|
+
A && !oe && K(!1);
|
|
4171
4352
|
},
|
|
4172
4353
|
children: [
|
|
4173
4354
|
r.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -4180,18 +4361,18 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4180
4361
|
className: $.video,
|
|
4181
4362
|
style: { objectFit: s },
|
|
4182
4363
|
onClick: (e) => {
|
|
4183
|
-
v.onClick?.(e),
|
|
4364
|
+
v.onClick?.(e), ye();
|
|
4184
4365
|
},
|
|
4185
4366
|
onDoubleClick: (e) => {
|
|
4186
|
-
v.onDoubleClick?.(e),
|
|
4367
|
+
v.onDoubleClick?.(e), xe();
|
|
4187
4368
|
},
|
|
4188
4369
|
onLoadStart: (e) => {
|
|
4189
4370
|
E(!0), v.onLoadStart?.(e);
|
|
4190
4371
|
},
|
|
4191
4372
|
onLoadedMetadata: (e) => {
|
|
4192
4373
|
L(e.currentTarget.duration || 0);
|
|
4193
|
-
let t =
|
|
4194
|
-
|
|
4374
|
+
let t = pe.find(({ track: e }) => e.default);
|
|
4375
|
+
Se(t?.index ?? -1), v.onLoadedMetadata?.(e);
|
|
4195
4376
|
},
|
|
4196
4377
|
onDurationChange: (e) => {
|
|
4197
4378
|
L(e.currentTarget.duration || 0), v.onDurationChange?.(e);
|
|
@@ -4222,7 +4403,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4222
4403
|
M(!1), v.onPause?.(e);
|
|
4223
4404
|
},
|
|
4224
4405
|
onEnded: (e) => {
|
|
4225
|
-
M(!1), N(!0),
|
|
4406
|
+
M(!1), N(!0), K(!0), v.onEnded?.(e);
|
|
4226
4407
|
},
|
|
4227
4408
|
onVolumeChange: (e) => {
|
|
4228
4409
|
te(e.currentTarget.volume), H(e.currentTarget.muted), v.onVolumeChange?.(e);
|
|
@@ -4235,7 +4416,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4235
4416
|
},
|
|
4236
4417
|
children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
4237
4418
|
}),
|
|
4238
|
-
|
|
4419
|
+
he && /* @__PURE__ */ n("div", {
|
|
4239
4420
|
className: $.overlay,
|
|
4240
4421
|
role: "status",
|
|
4241
4422
|
"aria-live": "polite",
|
|
@@ -4244,21 +4425,21 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4244
4425
|
"aria-hidden": "true",
|
|
4245
4426
|
children: /* @__PURE__ */ t("div", {
|
|
4246
4427
|
className: $.loaderScale,
|
|
4247
|
-
children: /* @__PURE__ */ t(
|
|
4428
|
+
children: /* @__PURE__ */ t(Bn, {})
|
|
4248
4429
|
})
|
|
4249
4430
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
4250
4431
|
}),
|
|
4251
|
-
!
|
|
4432
|
+
!he && D && !me && /* @__PURE__ */ t("div", {
|
|
4252
4433
|
className: $.buffering,
|
|
4253
4434
|
role: "status",
|
|
4254
4435
|
"aria-label": "Буферизация видео",
|
|
4255
4436
|
children: /* @__PURE__ */ t(k, { variant: "primary" })
|
|
4256
4437
|
}),
|
|
4257
|
-
|
|
4438
|
+
ge && /* @__PURE__ */ n("div", {
|
|
4258
4439
|
className: `${$.state} ${$.empty}`,
|
|
4259
4440
|
role: "status",
|
|
4260
4441
|
children: [
|
|
4261
|
-
/* @__PURE__ */ t(
|
|
4442
|
+
/* @__PURE__ */ t(J, {
|
|
4262
4443
|
name: "IconInfoCircle",
|
|
4263
4444
|
className: $.stateIcon,
|
|
4264
4445
|
width: 40,
|
|
@@ -4268,40 +4449,40 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4268
4449
|
f ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
|
|
4269
4450
|
]
|
|
4270
4451
|
}),
|
|
4271
|
-
!
|
|
4452
|
+
!he && me && /* @__PURE__ */ n("div", {
|
|
4272
4453
|
className: `${$.state} ${$.error}`,
|
|
4273
4454
|
role: "alert",
|
|
4274
4455
|
children: [
|
|
4275
|
-
/* @__PURE__ */ t(
|
|
4456
|
+
/* @__PURE__ */ t(J, {
|
|
4276
4457
|
name: "IconWarning",
|
|
4277
4458
|
className: $.stateIcon,
|
|
4278
4459
|
width: 40,
|
|
4279
4460
|
height: 40
|
|
4280
4461
|
}),
|
|
4281
|
-
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children:
|
|
4462
|
+
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: me })] }),
|
|
4282
4463
|
r.length > 0 && /* @__PURE__ */ t(j, {
|
|
4283
4464
|
size: "sm",
|
|
4284
4465
|
variant: "secondary",
|
|
4285
|
-
onClick:
|
|
4466
|
+
onClick: we,
|
|
4286
4467
|
children: "Повторить"
|
|
4287
4468
|
})
|
|
4288
4469
|
]
|
|
4289
4470
|
}),
|
|
4290
|
-
!
|
|
4471
|
+
!he && !me && ee && /* @__PURE__ */ t("button", {
|
|
4291
4472
|
type: "button",
|
|
4292
4473
|
className: $.replay,
|
|
4293
4474
|
"aria-label": "Воспроизвести заново",
|
|
4294
|
-
onClick: () => void
|
|
4295
|
-
children: /* @__PURE__ */ t(
|
|
4475
|
+
onClick: () => void ye(),
|
|
4476
|
+
children: /* @__PURE__ */ t(J, {
|
|
4296
4477
|
name: "IconReplay",
|
|
4297
4478
|
width: 28,
|
|
4298
4479
|
height: 28
|
|
4299
4480
|
})
|
|
4300
4481
|
}),
|
|
4301
|
-
m && r.length > 0 && !
|
|
4302
|
-
className: `${$.controlsLayer} ${
|
|
4482
|
+
m && r.length > 0 && !he && !me && /* @__PURE__ */ n("div", {
|
|
4483
|
+
className: `${$.controlsLayer} ${G || !A ? $.controlsVisible : ""}`,
|
|
4303
4484
|
onClick: (e) => e.stopPropagation(),
|
|
4304
|
-
children: [
|
|
4485
|
+
children: [oe && /* @__PURE__ */ n("div", {
|
|
4305
4486
|
className: $.settings,
|
|
4306
4487
|
role: "dialog",
|
|
4307
4488
|
"aria-label": "Настройки видео",
|
|
@@ -4312,18 +4493,18 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4312
4493
|
let t = Number(e.target.value);
|
|
4313
4494
|
x.current && (x.current.playbackRate = t);
|
|
4314
4495
|
},
|
|
4315
|
-
children:
|
|
4496
|
+
children: rr.map((e) => /* @__PURE__ */ n("option", {
|
|
4316
4497
|
value: e,
|
|
4317
4498
|
children: [e, "×"]
|
|
4318
4499
|
}, e))
|
|
4319
4500
|
})] }),
|
|
4320
|
-
|
|
4321
|
-
value:
|
|
4322
|
-
onChange: (e) =>
|
|
4501
|
+
pe.length > 0 && /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Субтитры" }), /* @__PURE__ */ n("select", {
|
|
4502
|
+
value: ie,
|
|
4503
|
+
onChange: (e) => Se(Number(e.target.value)),
|
|
4323
4504
|
children: [/* @__PURE__ */ t("option", {
|
|
4324
4505
|
value: -1,
|
|
4325
4506
|
children: "Выключены"
|
|
4326
|
-
}),
|
|
4507
|
+
}), pe.map(({ track: e, index: n }) => /* @__PURE__ */ t("option", {
|
|
4327
4508
|
value: n,
|
|
4328
4509
|
children: e.label
|
|
4329
4510
|
}, `${e.srcLang}-${e.label}`))]
|
|
@@ -4332,17 +4513,17 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4332
4513
|
type: "button",
|
|
4333
4514
|
className: $.settingsAction,
|
|
4334
4515
|
"aria-pressed": re,
|
|
4335
|
-
onClick: () =>
|
|
4516
|
+
onClick: () => W((e) => !e),
|
|
4336
4517
|
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: re ? "Вкл." : "Выкл." })]
|
|
4337
4518
|
}),
|
|
4338
|
-
|
|
4519
|
+
_e && /* @__PURE__ */ t("button", {
|
|
4339
4520
|
type: "button",
|
|
4340
4521
|
className: $.settingsAction,
|
|
4341
|
-
"aria-pressed":
|
|
4342
|
-
onClick: () => void
|
|
4522
|
+
"aria-pressed": ue,
|
|
4523
|
+
onClick: () => void X(),
|
|
4343
4524
|
children: /* @__PURE__ */ n("span", {
|
|
4344
4525
|
className: $.settingsActionLabel,
|
|
4345
|
-
children: [/* @__PURE__ */ t(
|
|
4526
|
+
children: [/* @__PURE__ */ t(J, {
|
|
4346
4527
|
name: "IconPictureInPicture",
|
|
4347
4528
|
width: 18,
|
|
4348
4529
|
height: 18
|
|
@@ -4360,8 +4541,8 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4360
4541
|
className: `${$.controlButton} ${$.playButton}`,
|
|
4361
4542
|
"aria-label": A ? "Пауза" : "Воспроизвести",
|
|
4362
4543
|
title: A ? "Пауза (K)" : "Воспроизвести (K)",
|
|
4363
|
-
onClick: () => void
|
|
4364
|
-
children: /* @__PURE__ */ t(
|
|
4544
|
+
onClick: () => void ye(),
|
|
4545
|
+
children: /* @__PURE__ */ t(J, {
|
|
4365
4546
|
name: A ? "IconPause" : "IconPlay",
|
|
4366
4547
|
width: 24,
|
|
4367
4548
|
height: 24
|
|
@@ -4376,8 +4557,8 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4376
4557
|
"aria-label": V ? "Включить звук" : "Выключить звук",
|
|
4377
4558
|
"aria-pressed": V,
|
|
4378
4559
|
title: "Звук (M)",
|
|
4379
|
-
onClick:
|
|
4380
|
-
children: /* @__PURE__ */ t(
|
|
4560
|
+
onClick: q,
|
|
4561
|
+
children: /* @__PURE__ */ t(J, {
|
|
4381
4562
|
name: V || B === 0 ? "IconVolumeMuted" : "IconVolume",
|
|
4382
4563
|
width: 22,
|
|
4383
4564
|
height: 22
|
|
@@ -4391,7 +4572,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4391
4572
|
value: V ? 0 : B,
|
|
4392
4573
|
"aria-label": "Громкость",
|
|
4393
4574
|
"aria-valuetext": `${Math.round((V ? 0 : B) * 100)}%`,
|
|
4394
|
-
onChange: (e) =>
|
|
4575
|
+
onChange: (e) => be(Number(e.target.value))
|
|
4395
4576
|
})]
|
|
4396
4577
|
}),
|
|
4397
4578
|
/* @__PURE__ */ n("div", {
|
|
@@ -4399,23 +4580,23 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4399
4580
|
children: [
|
|
4400
4581
|
/* @__PURE__ */ t("span", {
|
|
4401
4582
|
className: $.time,
|
|
4402
|
-
children:
|
|
4583
|
+
children: $n(P)
|
|
4403
4584
|
}),
|
|
4404
4585
|
/* @__PURE__ */ t("input", {
|
|
4405
4586
|
className: $.timeline,
|
|
4406
|
-
style:
|
|
4587
|
+
style: Te,
|
|
4407
4588
|
type: "range",
|
|
4408
4589
|
min: 0,
|
|
4409
4590
|
max: I || 0,
|
|
4410
4591
|
step: .01,
|
|
4411
4592
|
value: Math.min(P, I || 0),
|
|
4412
4593
|
"aria-label": "Позиция воспроизведения",
|
|
4413
|
-
"aria-valuetext": `${
|
|
4414
|
-
onChange: (e) =>
|
|
4594
|
+
"aria-valuetext": `${$n(P)} из ${$n(I)}`,
|
|
4595
|
+
onChange: (e) => Y(Number(e.target.value))
|
|
4415
4596
|
}),
|
|
4416
4597
|
/* @__PURE__ */ t("span", {
|
|
4417
4598
|
className: $.time,
|
|
4418
|
-
children:
|
|
4599
|
+
children: $n(I)
|
|
4419
4600
|
})
|
|
4420
4601
|
]
|
|
4421
4602
|
}),
|
|
@@ -4425,10 +4606,10 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4425
4606
|
type: "button",
|
|
4426
4607
|
className: $.controlButton,
|
|
4427
4608
|
"aria-label": "Настройки",
|
|
4428
|
-
"aria-expanded":
|
|
4609
|
+
"aria-expanded": oe,
|
|
4429
4610
|
title: "Настройки",
|
|
4430
|
-
onClick: () =>
|
|
4431
|
-
children: /* @__PURE__ */ t(
|
|
4611
|
+
onClick: () => se((e) => !e),
|
|
4612
|
+
children: /* @__PURE__ */ t(J, {
|
|
4432
4613
|
name: "IconSettings",
|
|
4433
4614
|
width: 22,
|
|
4434
4615
|
height: 22
|
|
@@ -4436,11 +4617,11 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4436
4617
|
}), /* @__PURE__ */ t("button", {
|
|
4437
4618
|
type: "button",
|
|
4438
4619
|
className: $.controlButton,
|
|
4439
|
-
"aria-label":
|
|
4620
|
+
"aria-label": ce ? "Выйти из полноэкранного режима" : "Полноэкранный режим",
|
|
4440
4621
|
title: "Полноэкранный режим (F)",
|
|
4441
|
-
onClick: () => void
|
|
4442
|
-
children: /* @__PURE__ */ t(
|
|
4443
|
-
name:
|
|
4622
|
+
onClick: () => void xe(),
|
|
4623
|
+
children: /* @__PURE__ */ t(J, {
|
|
4624
|
+
name: ce ? "IconFullscreenExit" : "IconFullscreen",
|
|
4444
4625
|
width: 22,
|
|
4445
4626
|
height: 22
|
|
4446
4627
|
})
|
|
@@ -4455,7 +4636,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4455
4636
|
children: a
|
|
4456
4637
|
})]
|
|
4457
4638
|
});
|
|
4458
|
-
},
|
|
4639
|
+
}, ar = {
|
|
4459
4640
|
root: "_root_ymidq_1",
|
|
4460
4641
|
trigger: "_trigger_ymidq_15",
|
|
4461
4642
|
heading: "_heading_ymidq_41",
|
|
@@ -4465,7 +4646,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4465
4646
|
open: "_open_ymidq_91",
|
|
4466
4647
|
content: "_content_ymidq_99",
|
|
4467
4648
|
contentInner: "_contentInner_ymidq_119"
|
|
4468
|
-
},
|
|
4649
|
+
}, or = (e, t, n, r = 16) => {
|
|
4469
4650
|
if (t > Math.max(0, n - r * 2)) {
|
|
4470
4651
|
let t = e - r;
|
|
4471
4652
|
return Math.abs(t) <= 1 ? {
|
|
@@ -4487,7 +4668,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4487
4668
|
alignment: "none",
|
|
4488
4669
|
delta: 0
|
|
4489
4670
|
};
|
|
4490
|
-
},
|
|
4671
|
+
}, sr = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: u = "" }) => {
|
|
4491
4672
|
let p = f(), [m, _] = g(a), v = o ?? m, y = h(null), b = h(null), x = h(v);
|
|
4492
4673
|
return d(() => {
|
|
4493
4674
|
let e = x.current;
|
|
@@ -4497,7 +4678,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4497
4678
|
let r = !1, i = () => {
|
|
4498
4679
|
if (r) return;
|
|
4499
4680
|
r = !0;
|
|
4500
|
-
let e = t.getBoundingClientRect(), n =
|
|
4681
|
+
let e = t.getBoundingClientRect(), n = or(e.top, e.height, window.innerHeight, l);
|
|
4501
4682
|
if (n.alignment === "none") return;
|
|
4502
4683
|
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
4503
4684
|
window.scrollBy({
|
|
@@ -4518,10 +4699,10 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4518
4699
|
l
|
|
4519
4700
|
]), /* @__PURE__ */ n("section", {
|
|
4520
4701
|
ref: y,
|
|
4521
|
-
className: `${
|
|
4702
|
+
className: `${ar.root} ${v ? ar.open : ""} ${u}`,
|
|
4522
4703
|
children: [/* @__PURE__ */ n("button", {
|
|
4523
4704
|
type: "button",
|
|
4524
|
-
className:
|
|
4705
|
+
className: ar.trigger,
|
|
4525
4706
|
"aria-expanded": v,
|
|
4526
4707
|
"aria-controls": p,
|
|
4527
4708
|
onClick: () => {
|
|
@@ -4529,18 +4710,18 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4529
4710
|
o === void 0 && _(e), s?.(e);
|
|
4530
4711
|
},
|
|
4531
4712
|
children: [/* @__PURE__ */ n("span", {
|
|
4532
|
-
className:
|
|
4713
|
+
className: ar.heading,
|
|
4533
4714
|
children: [/* @__PURE__ */ t("span", {
|
|
4534
|
-
className:
|
|
4715
|
+
className: ar.title,
|
|
4535
4716
|
children: e
|
|
4536
4717
|
}), r && /* @__PURE__ */ t("span", {
|
|
4537
|
-
className:
|
|
4718
|
+
className: ar.subtitle,
|
|
4538
4719
|
children: r
|
|
4539
4720
|
})]
|
|
4540
4721
|
}), /* @__PURE__ */ t("span", {
|
|
4541
|
-
className:
|
|
4722
|
+
className: ar.icon,
|
|
4542
4723
|
"aria-hidden": "true",
|
|
4543
|
-
children: /* @__PURE__ */ t(
|
|
4724
|
+
children: /* @__PURE__ */ t(J, {
|
|
4544
4725
|
name: "IconChevron",
|
|
4545
4726
|
width: 20,
|
|
4546
4727
|
height: 20
|
|
@@ -4549,15 +4730,15 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4549
4730
|
}), /* @__PURE__ */ t("div", {
|
|
4550
4731
|
ref: b,
|
|
4551
4732
|
id: p,
|
|
4552
|
-
className:
|
|
4733
|
+
className: ar.content,
|
|
4553
4734
|
"aria-hidden": !v,
|
|
4554
4735
|
children: /* @__PURE__ */ t("div", {
|
|
4555
|
-
className:
|
|
4736
|
+
className: ar.contentInner,
|
|
4556
4737
|
children: i
|
|
4557
4738
|
})
|
|
4558
4739
|
})]
|
|
4559
4740
|
});
|
|
4560
|
-
},
|
|
4741
|
+
}, cr = {
|
|
4561
4742
|
root: "_root_14ewt_1",
|
|
4562
4743
|
topSlot: "_topSlot_14ewt_29",
|
|
4563
4744
|
searchSlot: "_searchSlot_14ewt_31",
|
|
@@ -4575,14 +4756,14 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4575
4756
|
description: "_description_14ewt_235",
|
|
4576
4757
|
badge: "_badge_14ewt_269",
|
|
4577
4758
|
empty: "_empty_14ewt_281"
|
|
4578
|
-
},
|
|
4759
|
+
}, lr = (e, t, n) => {
|
|
4579
4760
|
if (e.length === 0) return -1;
|
|
4580
4761
|
for (let r = 1; r <= e.length; r += 1) {
|
|
4581
4762
|
let i = (t + n * r + e.length) % e.length;
|
|
4582
4763
|
if (!e[i]?.disabled) return i;
|
|
4583
4764
|
}
|
|
4584
4765
|
return -1;
|
|
4585
|
-
},
|
|
4766
|
+
}, ur = ({ groups: r, currentItemId: i, ariaLabel: a = "Основная навигация", searchSlot: o, topSlot: s, bottomSlot: c, emptyState: l, renderLink: u, onItemSelect: d, className: p = "" }) => {
|
|
4586
4767
|
let m = f(), g = h(null), _ = h({
|
|
4587
4768
|
value: "",
|
|
4588
4769
|
time: 0
|
|
@@ -4594,7 +4775,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4594
4775
|
let n = v.findIndex((e) => e.id === t.id);
|
|
4595
4776
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
4596
4777
|
e.preventDefault();
|
|
4597
|
-
let t =
|
|
4778
|
+
let t = lr(v, n, e.key === "ArrowDown" ? 1 : -1);
|
|
4598
4779
|
x(v[t]);
|
|
4599
4780
|
return;
|
|
4600
4781
|
}
|
|
@@ -4614,26 +4795,26 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4614
4795
|
let a = r.id === i, o = {
|
|
4615
4796
|
children: /* @__PURE__ */ n(e, { children: [
|
|
4616
4797
|
r.icon && /* @__PURE__ */ t("span", {
|
|
4617
|
-
className:
|
|
4798
|
+
className: cr.icon,
|
|
4618
4799
|
"aria-hidden": "true",
|
|
4619
4800
|
children: r.icon
|
|
4620
4801
|
}),
|
|
4621
4802
|
/* @__PURE__ */ n("span", {
|
|
4622
|
-
className:
|
|
4803
|
+
className: cr.copy,
|
|
4623
4804
|
children: [/* @__PURE__ */ t("span", {
|
|
4624
|
-
className:
|
|
4805
|
+
className: cr.label,
|
|
4625
4806
|
children: r.label
|
|
4626
4807
|
}), r.description && /* @__PURE__ */ t("span", {
|
|
4627
|
-
className:
|
|
4808
|
+
className: cr.description,
|
|
4628
4809
|
children: r.description
|
|
4629
4810
|
})]
|
|
4630
4811
|
}),
|
|
4631
4812
|
r.badge && /* @__PURE__ */ t("span", {
|
|
4632
|
-
className:
|
|
4813
|
+
className: cr.badge,
|
|
4633
4814
|
children: r.badge
|
|
4634
4815
|
})
|
|
4635
4816
|
] }),
|
|
4636
|
-
className: `${
|
|
4817
|
+
className: `${cr.link} ${a ? cr.current : ""}`,
|
|
4637
4818
|
tabIndex: r.id === b ? 0 : -1,
|
|
4638
4819
|
"aria-current": a ? "page" : void 0,
|
|
4639
4820
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -4649,7 +4830,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4649
4830
|
onKeyDown: (e) => S(e, r)
|
|
4650
4831
|
};
|
|
4651
4832
|
return /* @__PURE__ */ t("li", {
|
|
4652
|
-
className:
|
|
4833
|
+
className: cr.item,
|
|
4653
4834
|
children: u ? u(r, o) : r.href ? /* @__PURE__ */ t("a", {
|
|
4654
4835
|
href: r.href,
|
|
4655
4836
|
...o,
|
|
@@ -4664,45 +4845,45 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4664
4845
|
};
|
|
4665
4846
|
return /* @__PURE__ */ n("nav", {
|
|
4666
4847
|
ref: g,
|
|
4667
|
-
className: `${
|
|
4848
|
+
className: `${cr.root} ${p}`,
|
|
4668
4849
|
"aria-label": a,
|
|
4669
4850
|
children: [
|
|
4670
4851
|
s && /* @__PURE__ */ t("div", {
|
|
4671
|
-
className:
|
|
4852
|
+
className: cr.topSlot,
|
|
4672
4853
|
children: s
|
|
4673
4854
|
}),
|
|
4674
4855
|
o && /* @__PURE__ */ t("div", {
|
|
4675
|
-
className:
|
|
4856
|
+
className: cr.searchSlot,
|
|
4676
4857
|
children: o
|
|
4677
4858
|
}),
|
|
4678
4859
|
/* @__PURE__ */ n("div", {
|
|
4679
|
-
className:
|
|
4860
|
+
className: cr.groups,
|
|
4680
4861
|
children: [r.map((e) => {
|
|
4681
4862
|
let r = `${m}-${e.id}`;
|
|
4682
4863
|
return /* @__PURE__ */ n("section", {
|
|
4683
|
-
className:
|
|
4864
|
+
className: cr.group,
|
|
4684
4865
|
"aria-labelledby": e.label ? r : void 0,
|
|
4685
4866
|
children: [e.label && /* @__PURE__ */ t("div", {
|
|
4686
4867
|
id: r,
|
|
4687
|
-
className:
|
|
4868
|
+
className: cr.groupLabel,
|
|
4688
4869
|
children: e.label
|
|
4689
4870
|
}), /* @__PURE__ */ t("ul", {
|
|
4690
|
-
className:
|
|
4871
|
+
className: cr.list,
|
|
4691
4872
|
children: e.items.map(C)
|
|
4692
4873
|
})]
|
|
4693
4874
|
}, e.id);
|
|
4694
4875
|
}), v.length === 0 && l && /* @__PURE__ */ t("div", {
|
|
4695
|
-
className:
|
|
4876
|
+
className: cr.empty,
|
|
4696
4877
|
children: l
|
|
4697
4878
|
})]
|
|
4698
4879
|
}),
|
|
4699
4880
|
c && /* @__PURE__ */ t("div", {
|
|
4700
|
-
className:
|
|
4881
|
+
className: cr.bottomSlot,
|
|
4701
4882
|
children: c
|
|
4702
4883
|
})
|
|
4703
4884
|
]
|
|
4704
4885
|
});
|
|
4705
|
-
},
|
|
4886
|
+
}, dr = {
|
|
4706
4887
|
root: "_root_2mdgb_1",
|
|
4707
4888
|
list: "_list_2mdgb_19",
|
|
4708
4889
|
item: "_item_2mdgb_37",
|
|
@@ -4712,7 +4893,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4712
4893
|
icon: "_icon_2mdgb_141",
|
|
4713
4894
|
badge: "_badge_2mdgb_149",
|
|
4714
4895
|
label: "_label_2mdgb_163"
|
|
4715
|
-
},
|
|
4896
|
+
}, fr = ({ items: r, currentItemId: i, ariaLabel: a = "Мобильная навигация", renderLink: o, onItemSelect: s, className: c = "" }) => {
|
|
4716
4897
|
let l = h(null), u = r.filter((e) => !e.disabled), d = u.some((e) => e.id === i) ? i : u[0]?.id, f = (e) => {
|
|
4717
4898
|
l.current?.querySelectorAll("[data-ds-navigation-item]")[e]?.focus();
|
|
4718
4899
|
}, p = (e, t) => {
|
|
@@ -4729,27 +4910,27 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4729
4910
|
};
|
|
4730
4911
|
return /* @__PURE__ */ t("nav", {
|
|
4731
4912
|
ref: l,
|
|
4732
|
-
className: `${
|
|
4913
|
+
className: `${dr.root} ${c}`,
|
|
4733
4914
|
"aria-label": a,
|
|
4734
4915
|
children: /* @__PURE__ */ t("ul", {
|
|
4735
|
-
className:
|
|
4916
|
+
className: dr.list,
|
|
4736
4917
|
children: r.map((r) => {
|
|
4737
4918
|
let a = r.id === i, c = {
|
|
4738
4919
|
children: /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("span", {
|
|
4739
|
-
className:
|
|
4920
|
+
className: dr.visual,
|
|
4740
4921
|
children: [r.icon && /* @__PURE__ */ t("span", {
|
|
4741
|
-
className:
|
|
4922
|
+
className: dr.icon,
|
|
4742
4923
|
"aria-hidden": "true",
|
|
4743
4924
|
children: r.icon
|
|
4744
4925
|
}), r.badge && /* @__PURE__ */ t("span", {
|
|
4745
|
-
className:
|
|
4926
|
+
className: dr.badge,
|
|
4746
4927
|
children: r.badge
|
|
4747
4928
|
})]
|
|
4748
4929
|
}), /* @__PURE__ */ t("span", {
|
|
4749
|
-
className:
|
|
4930
|
+
className: dr.label,
|
|
4750
4931
|
children: r.label
|
|
4751
4932
|
})] }),
|
|
4752
|
-
className: `${
|
|
4933
|
+
className: `${dr.link} ${a ? dr.current : ""}`,
|
|
4753
4934
|
tabIndex: r.id === d ? 0 : -1,
|
|
4754
4935
|
"aria-current": a ? "page" : void 0,
|
|
4755
4936
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -4765,7 +4946,7 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4765
4946
|
onKeyDown: (e) => p(e, r)
|
|
4766
4947
|
};
|
|
4767
4948
|
return /* @__PURE__ */ t("li", {
|
|
4768
|
-
className:
|
|
4949
|
+
className: dr.item,
|
|
4769
4950
|
children: o ? o(r, c) : r.href ? /* @__PURE__ */ t("a", {
|
|
4770
4951
|
href: r.href,
|
|
4771
4952
|
...c,
|
|
@@ -4782,4 +4963,4 @@ var pn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4782
4963
|
});
|
|
4783
4964
|
};
|
|
4784
4965
|
//#endregion
|
|
4785
|
-
export {
|
|
4966
|
+
export { xn as ConfirmModal, sr as DSAccordion, w as DSBadge, fr as DSBottomNavigation, Ln as DSBottomSheet, j as DSButton, xe as DSCheckbox, D as DSCounterBadge, Tt as DSDataTable, We as DSDateRange, Ve as DSDateTimePicker, In as DSDrawer, Qe as DSDropDown, st as DSDropDownMultiple, ee as DSFieldLabel, N as DSFieldMessage, qt as DSFileInput, Rt as DSFilters, Yt as DSFloatingMenu, Bt as DSFormGrid, Vt as DSFormGridItem, Rn as DSFullscreenDialog, J as DSIcon, It as DSInfoBlock, nt as DSInput, k as DSLoader, hn as DSModal, mn as DSModalFrame, ur as DSNavigationSurface, Fn as DSOverlay, Bn as DSPageLoader, Jt as DSPortal, lt as DSRadioButton, Pt as DSSearchDropDown, Ke as DSSkeleton, et as DSSort, Qn as DSTabs, $t as DSTextarea, Un as DSToast, qn as DSToastProvider, Xn as DSTooltip, Ht as DSValidationSummary, ir as DSVideoPlayerFrame, Sn as ErrorModal, gn as ModalSystemProvider, Cn as builtInModalRegistry, _n as defineModalRegistry, E as formatDSCounterValue, De as formatDateInputValue, Ne as formatDateTimeLocalValue, or as getDSAccordionScrollTarget, pt as getDSDataTableColumnStyle, ht as getDSDataTablePaginationItems, mt as getDSDataTableStickyColumnStyle, Tn as getErrorMessage, ft as getNextDSDataTablePageSelection, Xe as getNextEnabledOptionIndex, Ae as isValidDateInputPrefix, Ue as isValidDateRange, Oe as maskDateInputValue, je as parseDateInputValue, Pe as parseDateTimeLocalValue, nn as resetModalStore, Kn as resetToastStore, wn as useConfirmModal, Dn as useConfirmModalStore, Pn as useDSOverlay, En as useErrorModal, On as useErrorModalStore, kn as useModals, tn as useModalsStore, Jn as useToast, Gn as useToastStore, gt as validateDSDataTableData };
|