@efficiency-point/design-system 0.1.33 → 0.1.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DSModal/DSModal.d.ts +1 -1
- package/dist/components/DSModal/DSModal.d.ts.map +1 -1
- package/dist/components/DSModal/swipeGesture.d.ts +10 -0
- package/dist/components/DSModal/swipeGesture.d.ts.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.es.js +989 -923
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -183,20 +183,20 @@ var M = {
|
|
|
183
183
|
}), H = (e) => /* @__PURE__ */ t(P, {
|
|
184
184
|
...e,
|
|
185
185
|
children: /* @__PURE__ */ t("path", { d: "M12 10v7m0-10v.01" })
|
|
186
|
-
}),
|
|
186
|
+
}), ne = (e) => /* @__PURE__ */ n(P, {
|
|
187
187
|
...e,
|
|
188
188
|
children: [/* @__PURE__ */ t("circle", {
|
|
189
189
|
cx: "12",
|
|
190
190
|
cy: "12",
|
|
191
191
|
r: "10"
|
|
192
192
|
}), /* @__PURE__ */ t("path", { d: "M12 16v-4M12 8v.01" })]
|
|
193
|
-
}),
|
|
193
|
+
}), re = (e) => /* @__PURE__ */ t(P, {
|
|
194
194
|
...e,
|
|
195
195
|
children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
|
|
196
|
-
}),
|
|
196
|
+
}), ie = (e) => /* @__PURE__ */ t(P, {
|
|
197
197
|
...e,
|
|
198
198
|
children: /* @__PURE__ */ t("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" })
|
|
199
|
-
}),
|
|
199
|
+
}), ae = (e) => /* @__PURE__ */ n(P, {
|
|
200
200
|
...e,
|
|
201
201
|
children: [/* @__PURE__ */ t("rect", {
|
|
202
202
|
width: "18",
|
|
@@ -205,130 +205,130 @@ var M = {
|
|
|
205
205
|
y: "3",
|
|
206
206
|
rx: "2"
|
|
207
207
|
}), /* @__PURE__ */ t("path", { d: "M3 9h18M9 21V9" })]
|
|
208
|
-
}),
|
|
208
|
+
}), oe = (e) => /* @__PURE__ */ t(P, {
|
|
209
209
|
...e,
|
|
210
210
|
children: /* @__PURE__ */ t("path", {
|
|
211
211
|
d: "M8 5v14M16 5v14",
|
|
212
212
|
strokeWidth: "3"
|
|
213
213
|
})
|
|
214
|
-
}),
|
|
214
|
+
}), se = (e) => /* @__PURE__ */ t(P, {
|
|
215
215
|
...e,
|
|
216
216
|
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
217
|
-
}),
|
|
217
|
+
}), ce = (e) => /* @__PURE__ */ t(P, {
|
|
218
218
|
...e,
|
|
219
219
|
children: /* @__PURE__ */ t("path", {
|
|
220
220
|
d: "m8 5 11 7-11 7V5Z",
|
|
221
221
|
fill: "currentColor",
|
|
222
222
|
stroke: "none"
|
|
223
223
|
})
|
|
224
|
-
}),
|
|
224
|
+
}), le = (e) => /* @__PURE__ */ t(P, {
|
|
225
225
|
...e,
|
|
226
226
|
children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
|
|
227
|
-
}),
|
|
227
|
+
}), ue = (e) => /* @__PURE__ */ t(P, {
|
|
228
228
|
...e,
|
|
229
229
|
children: /* @__PURE__ */ t("path", { d: "M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm7.4 5.2.1-1.7-.1-1.7 2-1.5-2-3.4-2.4 1a8 8 0 0 0-2.9-1.7L13.8 2h-3.9l-.4 2.7a8 8 0 0 0-2.8 1.7l-2.5-1-2 3.4 2.1 1.5-.1 1.7.1 1.7-2.1 1.5 2 3.4 2.5-1a8 8 0 0 0 2.8 1.7l.4 2.7h3.9l.3-2.7a8 8 0 0 0 2.9-1.7l2.4 1 2-3.4-2-1.5Z" })
|
|
230
|
-
}),
|
|
230
|
+
}), U = (e) => /* @__PURE__ */ t(P, {
|
|
231
231
|
...e,
|
|
232
232
|
children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
|
|
233
|
-
}),
|
|
233
|
+
}), de = (e) => /* @__PURE__ */ t(P, {
|
|
234
234
|
...e,
|
|
235
235
|
children: /* @__PURE__ */ t("path", { d: "M4 9h5V4m6 5h5V4M4 15h5v5m6-5h5v5" })
|
|
236
|
-
}),
|
|
236
|
+
}), fe = (e) => /* @__PURE__ */ t(P, {
|
|
237
237
|
...e,
|
|
238
238
|
children: /* @__PURE__ */ t("path", { d: "M4 6h16v12H4V6Zm7 4a2 2 0 1 0 0 4m7-4a2 2 0 1 0 0 4" })
|
|
239
|
-
}),
|
|
239
|
+
}), pe = (e) => /* @__PURE__ */ t(P, {
|
|
240
240
|
...e,
|
|
241
241
|
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" })
|
|
242
|
-
}),
|
|
242
|
+
}), me = (e) => /* @__PURE__ */ t(P, {
|
|
243
243
|
...e,
|
|
244
244
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
245
|
-
}),
|
|
245
|
+
}), he = (e) => /* @__PURE__ */ t(P, {
|
|
246
246
|
...e,
|
|
247
247
|
children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
|
|
248
|
-
}),
|
|
248
|
+
}), W = (e) => /* @__PURE__ */ t(P, {
|
|
249
249
|
...e,
|
|
250
250
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
251
|
-
}),
|
|
251
|
+
}), ge = (e) => /* @__PURE__ */ t(P, {
|
|
252
252
|
...e,
|
|
253
253
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
254
|
-
}),
|
|
254
|
+
}), _e = (e) => /* @__PURE__ */ n(P, {
|
|
255
255
|
...e,
|
|
256
256
|
children: [/* @__PURE__ */ t("circle", {
|
|
257
257
|
cx: "12",
|
|
258
258
|
cy: "12",
|
|
259
259
|
r: "10"
|
|
260
260
|
}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
|
|
261
|
-
}),
|
|
261
|
+
}), ve = (e) => /* @__PURE__ */ t(P, {
|
|
262
262
|
...e,
|
|
263
263
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
264
|
-
}),
|
|
264
|
+
}), ye = (e) => /* @__PURE__ */ n(P, {
|
|
265
265
|
...e,
|
|
266
266
|
children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
|
|
267
|
-
}),
|
|
267
|
+
}), G = (e) => (n) => /* @__PURE__ */ t(P, {
|
|
268
268
|
...n,
|
|
269
269
|
children: e.map(([e, t], n) => o(e, {
|
|
270
270
|
...t,
|
|
271
271
|
key: t.key ?? `${e}-${n}`
|
|
272
272
|
}))
|
|
273
|
-
}),
|
|
274
|
-
IconActivity:
|
|
273
|
+
}), be = {
|
|
274
|
+
IconActivity: G([["path", {
|
|
275
275
|
d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
|
|
276
276
|
key: "169zse"
|
|
277
277
|
}]]),
|
|
278
|
-
IconAlertTriangle:
|
|
278
|
+
IconAlertTriangle: G([
|
|
279
279
|
["path", { d: "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }],
|
|
280
280
|
["path", { d: "M12 9v4" }],
|
|
281
281
|
["path", { d: "M12 17h.01" }]
|
|
282
282
|
]),
|
|
283
|
-
IconArrowDown:
|
|
283
|
+
IconArrowDown: G([["path", {
|
|
284
284
|
d: "M12 5v14",
|
|
285
285
|
key: "s699le"
|
|
286
286
|
}], ["path", {
|
|
287
287
|
d: "m19 12-7 7-7-7",
|
|
288
288
|
key: "1idqje"
|
|
289
289
|
}]]),
|
|
290
|
-
IconArrowLeft:
|
|
290
|
+
IconArrowLeft: G([["path", {
|
|
291
291
|
d: "m12 19-7-7 7-7",
|
|
292
292
|
key: "1l729n"
|
|
293
293
|
}], ["path", {
|
|
294
294
|
d: "M19 12H5",
|
|
295
295
|
key: "x3x0zl"
|
|
296
296
|
}]]),
|
|
297
|
-
IconArrowRight:
|
|
297
|
+
IconArrowRight: G([["path", {
|
|
298
298
|
d: "M5 12h14",
|
|
299
299
|
key: "1ays0h"
|
|
300
300
|
}], ["path", {
|
|
301
301
|
d: "m12 5 7 7-7 7",
|
|
302
302
|
key: "xquz4c"
|
|
303
303
|
}]]),
|
|
304
|
-
IconArrowUp:
|
|
304
|
+
IconArrowUp: G([["path", {
|
|
305
305
|
d: "m5 12 7-7 7 7",
|
|
306
306
|
key: "hav0vg"
|
|
307
307
|
}], ["path", {
|
|
308
308
|
d: "M12 19V5",
|
|
309
309
|
key: "x0mq9r"
|
|
310
310
|
}]]),
|
|
311
|
-
IconArrowUpRight:
|
|
311
|
+
IconArrowUpRight: G([["path", {
|
|
312
312
|
d: "M7 7h10v10",
|
|
313
313
|
key: "1tivn9"
|
|
314
314
|
}], ["path", {
|
|
315
315
|
d: "M7 17 17 7",
|
|
316
316
|
key: "1vkiza"
|
|
317
317
|
}]]),
|
|
318
|
-
IconBarChart3:
|
|
318
|
+
IconBarChart3: G([
|
|
319
319
|
["path", { d: "M3 3v18h18" }],
|
|
320
320
|
["path", { d: "M18 17V9" }],
|
|
321
321
|
["path", { d: "M13 17V5" }],
|
|
322
322
|
["path", { d: "M8 17v-3" }]
|
|
323
323
|
]),
|
|
324
|
-
IconBell:
|
|
324
|
+
IconBell: G([["path", {
|
|
325
325
|
d: "M10.268 21a2 2 0 0 0 3.464 0",
|
|
326
326
|
key: "vwvbt9"
|
|
327
327
|
}], ["path", {
|
|
328
328
|
d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
|
|
329
329
|
key: "11g9vi"
|
|
330
330
|
}]]),
|
|
331
|
-
IconBoxes:
|
|
331
|
+
IconBoxes: G([
|
|
332
332
|
["path", {
|
|
333
333
|
d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",
|
|
334
334
|
key: "lc1i9w"
|
|
@@ -378,7 +378,7 @@ var M = {
|
|
|
378
378
|
key: "1io7kd"
|
|
379
379
|
}]
|
|
380
380
|
]),
|
|
381
|
-
IconBuilding2:
|
|
381
|
+
IconBuilding2: G([
|
|
382
382
|
["path", {
|
|
383
383
|
d: "M10 12h4",
|
|
384
384
|
key: "a56b0p"
|
|
@@ -400,7 +400,7 @@ var M = {
|
|
|
400
400
|
key: "16ra0t"
|
|
401
401
|
}]
|
|
402
402
|
]),
|
|
403
|
-
IconCamera:
|
|
403
|
+
IconCamera: G([["path", {
|
|
404
404
|
d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
|
|
405
405
|
key: "18u6gg"
|
|
406
406
|
}], ["circle", {
|
|
@@ -409,7 +409,7 @@ var M = {
|
|
|
409
409
|
r: "3",
|
|
410
410
|
key: "1vg3eu"
|
|
411
411
|
}]]),
|
|
412
|
-
IconChartNoAxesCombined:
|
|
412
|
+
IconChartNoAxesCombined: G([
|
|
413
413
|
["path", {
|
|
414
414
|
d: "M12 16v5",
|
|
415
415
|
key: "zza2cw"
|
|
@@ -435,11 +435,11 @@ var M = {
|
|
|
435
435
|
key: "1t2idw"
|
|
436
436
|
}]
|
|
437
437
|
]),
|
|
438
|
-
IconChevronRight:
|
|
438
|
+
IconChevronRight: G([["path", {
|
|
439
439
|
d: "m9 18 6-6-6-6",
|
|
440
440
|
key: "mthhwq"
|
|
441
441
|
}]]),
|
|
442
|
-
IconCircleAlert:
|
|
442
|
+
IconCircleAlert: G([
|
|
443
443
|
["circle", {
|
|
444
444
|
cx: "12",
|
|
445
445
|
cy: "12",
|
|
@@ -461,7 +461,7 @@ var M = {
|
|
|
461
461
|
key: "4dfq90"
|
|
462
462
|
}]
|
|
463
463
|
]),
|
|
464
|
-
IconClock3:
|
|
464
|
+
IconClock3: G([["circle", {
|
|
465
465
|
cx: "12",
|
|
466
466
|
cy: "12",
|
|
467
467
|
r: "10",
|
|
@@ -470,7 +470,7 @@ var M = {
|
|
|
470
470
|
d: "M12 6v6h4",
|
|
471
471
|
key: "135r8i"
|
|
472
472
|
}]]),
|
|
473
|
-
IconDownload:
|
|
473
|
+
IconDownload: G([
|
|
474
474
|
["path", {
|
|
475
475
|
d: "M12 15V3",
|
|
476
476
|
key: "m9g1x1"
|
|
@@ -484,7 +484,7 @@ var M = {
|
|
|
484
484
|
key: "brsn70"
|
|
485
485
|
}]
|
|
486
486
|
]),
|
|
487
|
-
IconExternalLink:
|
|
487
|
+
IconExternalLink: G([
|
|
488
488
|
["path", {
|
|
489
489
|
d: "M15 3h6v6",
|
|
490
490
|
key: "1q9fwt"
|
|
@@ -498,7 +498,7 @@ var M = {
|
|
|
498
498
|
key: "a6xqqp"
|
|
499
499
|
}]
|
|
500
500
|
]),
|
|
501
|
-
IconFactory:
|
|
501
|
+
IconFactory: G([
|
|
502
502
|
["path", {
|
|
503
503
|
d: "M12 16h.01",
|
|
504
504
|
key: "1drbdi"
|
|
@@ -516,14 +516,14 @@ var M = {
|
|
|
516
516
|
key: "18s6g9"
|
|
517
517
|
}]
|
|
518
518
|
]),
|
|
519
|
-
IconGauge:
|
|
519
|
+
IconGauge: G([["path", {
|
|
520
520
|
d: "m12 14 4-4",
|
|
521
521
|
key: "9kzdfg"
|
|
522
522
|
}], ["path", {
|
|
523
523
|
d: "M3.34 19a10 10 0 1 1 17.32 0",
|
|
524
524
|
key: "19p75a"
|
|
525
525
|
}]]),
|
|
526
|
-
IconGripVertical:
|
|
526
|
+
IconGripVertical: G([
|
|
527
527
|
["circle", {
|
|
528
528
|
cx: "9",
|
|
529
529
|
cy: "12",
|
|
@@ -561,7 +561,7 @@ var M = {
|
|
|
561
561
|
key: "f4zoj3"
|
|
562
562
|
}]
|
|
563
563
|
]),
|
|
564
|
-
IconLayoutDashboard:
|
|
564
|
+
IconLayoutDashboard: G([
|
|
565
565
|
["rect", {
|
|
566
566
|
width: "7",
|
|
567
567
|
height: "9",
|
|
@@ -595,7 +595,7 @@ var M = {
|
|
|
595
595
|
key: "ldoo1y"
|
|
596
596
|
}]
|
|
597
597
|
]),
|
|
598
|
-
IconLockKeyhole:
|
|
598
|
+
IconLockKeyhole: G([
|
|
599
599
|
["circle", {
|
|
600
600
|
cx: "12",
|
|
601
601
|
cy: "16",
|
|
@@ -615,7 +615,7 @@ var M = {
|
|
|
615
615
|
key: "1pqi11"
|
|
616
616
|
}]
|
|
617
617
|
]),
|
|
618
|
-
IconLogOut:
|
|
618
|
+
IconLogOut: G([
|
|
619
619
|
["path", {
|
|
620
620
|
d: "m16 17 5-5-5-5",
|
|
621
621
|
key: "1bji2h"
|
|
@@ -629,7 +629,7 @@ var M = {
|
|
|
629
629
|
key: "1uf3rs"
|
|
630
630
|
}]
|
|
631
631
|
]),
|
|
632
|
-
IconMaximize2:
|
|
632
|
+
IconMaximize2: G([
|
|
633
633
|
["path", {
|
|
634
634
|
d: "M15 3h6v6",
|
|
635
635
|
key: "1q9fwt"
|
|
@@ -647,7 +647,7 @@ var M = {
|
|
|
647
647
|
key: "wtvkvv"
|
|
648
648
|
}]
|
|
649
649
|
]),
|
|
650
|
-
IconMenu:
|
|
650
|
+
IconMenu: G([
|
|
651
651
|
["path", {
|
|
652
652
|
d: "M4 5h16",
|
|
653
653
|
key: "1tepv9"
|
|
@@ -661,7 +661,7 @@ var M = {
|
|
|
661
661
|
key: "1djgab"
|
|
662
662
|
}]
|
|
663
663
|
]),
|
|
664
|
-
IconPackageCheck:
|
|
664
|
+
IconPackageCheck: G([
|
|
665
665
|
["path", {
|
|
666
666
|
d: "M12 22V12",
|
|
667
667
|
key: "d0xqtd"
|
|
@@ -683,7 +683,7 @@ var M = {
|
|
|
683
683
|
key: "9yrvtv"
|
|
684
684
|
}]
|
|
685
685
|
]),
|
|
686
|
-
IconRefreshCw:
|
|
686
|
+
IconRefreshCw: G([
|
|
687
687
|
["path", {
|
|
688
688
|
d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
|
|
689
689
|
key: "v9h5vc"
|
|
@@ -701,14 +701,14 @@ var M = {
|
|
|
701
701
|
key: "1cv678"
|
|
702
702
|
}]
|
|
703
703
|
]),
|
|
704
|
-
IconRotateCw:
|
|
704
|
+
IconRotateCw: G([["path", {
|
|
705
705
|
d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
|
|
706
706
|
key: "1p45f6"
|
|
707
707
|
}], ["path", {
|
|
708
708
|
d: "M21 3v5h-5",
|
|
709
709
|
key: "1q7to0"
|
|
710
710
|
}]]),
|
|
711
|
-
IconSearch:
|
|
711
|
+
IconSearch: G([["path", {
|
|
712
712
|
d: "m21 21-4.34-4.34",
|
|
713
713
|
key: "14j7rj"
|
|
714
714
|
}], ["circle", {
|
|
@@ -717,7 +717,7 @@ var M = {
|
|
|
717
717
|
r: "8",
|
|
718
718
|
key: "4ej97u"
|
|
719
719
|
}]]),
|
|
720
|
-
IconSettings2:
|
|
720
|
+
IconSettings2: G([
|
|
721
721
|
["path", {
|
|
722
722
|
d: "M14 17H5",
|
|
723
723
|
key: "gfn3mx"
|
|
@@ -739,7 +739,7 @@ var M = {
|
|
|
739
739
|
key: "dfmy0x"
|
|
740
740
|
}]
|
|
741
741
|
]),
|
|
742
|
-
IconShieldAlert:
|
|
742
|
+
IconShieldAlert: G([
|
|
743
743
|
["path", {
|
|
744
744
|
d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
|
|
745
745
|
key: "oel41y"
|
|
@@ -753,14 +753,14 @@ var M = {
|
|
|
753
753
|
key: "1drbdi"
|
|
754
754
|
}]
|
|
755
755
|
]),
|
|
756
|
-
IconShieldCheck:
|
|
756
|
+
IconShieldCheck: G([["path", {
|
|
757
757
|
d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
|
|
758
758
|
key: "oel41y"
|
|
759
759
|
}], ["path", {
|
|
760
760
|
d: "m9 12 2 2 4-4",
|
|
761
761
|
key: "dzmm74"
|
|
762
762
|
}]]),
|
|
763
|
-
IconSmartphone:
|
|
763
|
+
IconSmartphone: G([["rect", {
|
|
764
764
|
width: "14",
|
|
765
765
|
height: "20",
|
|
766
766
|
x: "5",
|
|
@@ -772,7 +772,7 @@ var M = {
|
|
|
772
772
|
d: "M12 18h.01",
|
|
773
773
|
key: "mhygvu"
|
|
774
774
|
}]]),
|
|
775
|
-
IconSparkles:
|
|
775
|
+
IconSparkles: G([
|
|
776
776
|
["path", {
|
|
777
777
|
d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
|
|
778
778
|
key: "1s2grr"
|
|
@@ -792,22 +792,22 @@ var M = {
|
|
|
792
792
|
key: "6kqj1y"
|
|
793
793
|
}]
|
|
794
794
|
]),
|
|
795
|
-
IconTable2:
|
|
795
|
+
IconTable2: G([["path", {
|
|
796
796
|
d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18",
|
|
797
797
|
key: "gugj83"
|
|
798
798
|
}]]),
|
|
799
|
-
IconThermometer:
|
|
799
|
+
IconThermometer: G([["path", {
|
|
800
800
|
d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
|
|
801
801
|
key: "17jzev"
|
|
802
802
|
}]]),
|
|
803
|
-
IconTrendingUp:
|
|
803
|
+
IconTrendingUp: G([["path", {
|
|
804
804
|
d: "M16 7h6v6",
|
|
805
805
|
key: "box55l"
|
|
806
806
|
}], ["path", {
|
|
807
807
|
d: "m22 7-8.5 8.5-5-5L2 17",
|
|
808
808
|
key: "1t1m79"
|
|
809
809
|
}]]),
|
|
810
|
-
IconUserCheck:
|
|
810
|
+
IconUserCheck: G([
|
|
811
811
|
["path", {
|
|
812
812
|
d: "m16 11 2 2 4-4",
|
|
813
813
|
key: "9rsbq5"
|
|
@@ -823,7 +823,7 @@ var M = {
|
|
|
823
823
|
key: "nufk8"
|
|
824
824
|
}]
|
|
825
825
|
]),
|
|
826
|
-
IconUserRound:
|
|
826
|
+
IconUserRound: G([["circle", {
|
|
827
827
|
cx: "12",
|
|
828
828
|
cy: "8",
|
|
829
829
|
r: "5",
|
|
@@ -832,7 +832,7 @@ var M = {
|
|
|
832
832
|
d: "M20 21a8 8 0 0 0-16 0",
|
|
833
833
|
key: "rfgkzh"
|
|
834
834
|
}]]),
|
|
835
|
-
IconUsers:
|
|
835
|
+
IconUsers: G([
|
|
836
836
|
["path", {
|
|
837
837
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
838
838
|
key: "1yyitq"
|
|
@@ -852,7 +852,7 @@ var M = {
|
|
|
852
852
|
key: "nufk8"
|
|
853
853
|
}]
|
|
854
854
|
]),
|
|
855
|
-
IconUserX:
|
|
855
|
+
IconUserX: G([
|
|
856
856
|
["path", {
|
|
857
857
|
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
858
858
|
key: "1yyitq"
|
|
@@ -878,7 +878,7 @@ var M = {
|
|
|
878
878
|
key: "1swrse"
|
|
879
879
|
}]
|
|
880
880
|
]),
|
|
881
|
-
IconVideo:
|
|
881
|
+
IconVideo: G([["path", {
|
|
882
882
|
d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
|
|
883
883
|
key: "ftymec"
|
|
884
884
|
}], ["rect", {
|
|
@@ -889,7 +889,7 @@ var M = {
|
|
|
889
889
|
rx: "2",
|
|
890
890
|
key: "158x01"
|
|
891
891
|
}]]),
|
|
892
|
-
IconVideoOff:
|
|
892
|
+
IconVideoOff: G([
|
|
893
893
|
["path", {
|
|
894
894
|
d: "M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196",
|
|
895
895
|
key: "w8jjjt"
|
|
@@ -903,7 +903,7 @@ var M = {
|
|
|
903
903
|
key: "1ooewy"
|
|
904
904
|
}]
|
|
905
905
|
]),
|
|
906
|
-
IconVolume2:
|
|
906
|
+
IconVolume2: G([
|
|
907
907
|
["path", {
|
|
908
908
|
d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
|
|
909
909
|
key: "uqj9uw"
|
|
@@ -917,7 +917,7 @@ var M = {
|
|
|
917
917
|
key: "ijwkga"
|
|
918
918
|
}]
|
|
919
919
|
]),
|
|
920
|
-
IconX:
|
|
920
|
+
IconX: G([["path", {
|
|
921
921
|
d: "M18 6 6 18",
|
|
922
922
|
key: "1bl5f8"
|
|
923
923
|
}], ["path", {
|
|
@@ -933,45 +933,45 @@ var M = {
|
|
|
933
933
|
IconEye: te,
|
|
934
934
|
IconEyeOff: V,
|
|
935
935
|
IconInfo: H,
|
|
936
|
-
IconInfoCircle:
|
|
937
|
-
IconMinus:
|
|
938
|
-
IconList:
|
|
939
|
-
IconPanelsTopLeft:
|
|
940
|
-
IconPause:
|
|
941
|
-
IconPictureInPicture:
|
|
942
|
-
IconPlay:
|
|
943
|
-
IconReplay:
|
|
944
|
-
IconSettings:
|
|
945
|
-
IconFullscreen:
|
|
946
|
-
IconFullscreenExit:
|
|
947
|
-
IconCaptions:
|
|
948
|
-
IconVolume:
|
|
949
|
-
IconVolumeMuted:
|
|
950
|
-
IconSort:
|
|
951
|
-
IconSortAscending:
|
|
952
|
-
IconSortDescending:
|
|
953
|
-
IconSuccessCircle:
|
|
954
|
-
IconUpload:
|
|
955
|
-
IconWarning:
|
|
956
|
-
},
|
|
957
|
-
let r =
|
|
936
|
+
IconInfoCircle: ne,
|
|
937
|
+
IconMinus: re,
|
|
938
|
+
IconList: ie,
|
|
939
|
+
IconPanelsTopLeft: ae,
|
|
940
|
+
IconPause: oe,
|
|
941
|
+
IconPictureInPicture: se,
|
|
942
|
+
IconPlay: ce,
|
|
943
|
+
IconReplay: le,
|
|
944
|
+
IconSettings: ue,
|
|
945
|
+
IconFullscreen: U,
|
|
946
|
+
IconFullscreenExit: de,
|
|
947
|
+
IconCaptions: fe,
|
|
948
|
+
IconVolume: pe,
|
|
949
|
+
IconVolumeMuted: me,
|
|
950
|
+
IconSort: he,
|
|
951
|
+
IconSortAscending: W,
|
|
952
|
+
IconSortDescending: ge,
|
|
953
|
+
IconSuccessCircle: _e,
|
|
954
|
+
IconUpload: ve,
|
|
955
|
+
IconWarning: ye
|
|
956
|
+
}, K = ({ name: e, ...n }) => {
|
|
957
|
+
let r = be[e];
|
|
958
958
|
return /* @__PURE__ */ t(r, { ...n });
|
|
959
|
-
},
|
|
959
|
+
}, xe = {
|
|
960
960
|
wrapper: "_wrapper_1seon_1",
|
|
961
961
|
label: "_label_1seon_13",
|
|
962
962
|
input: "_input_1seon_35",
|
|
963
963
|
control: "_control_1seon_49",
|
|
964
964
|
disabled: "_disabled_1seon_95",
|
|
965
965
|
controlError: "_controlError_1seon_121"
|
|
966
|
-
},
|
|
966
|
+
}, Se = ({ 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, ..._ }) => {
|
|
967
967
|
let v = f(), y = p ?? `ds-checkbox-${u ?? v}`, b = h(null), x = a ? `${y}-hint` : void 0, S = o ? `${y}-error` : void 0;
|
|
968
968
|
return d(() => {
|
|
969
969
|
b.current && (b.current.indeterminate = m && !e);
|
|
970
970
|
}, [e, m]), /* @__PURE__ */ n("div", {
|
|
971
|
-
className: `${
|
|
971
|
+
className: `${xe.wrapper} ${l}`,
|
|
972
972
|
children: [
|
|
973
973
|
/* @__PURE__ */ n("label", {
|
|
974
|
-
className: `${
|
|
974
|
+
className: `${xe.label} ${s ? xe.disabled : ""}`,
|
|
975
975
|
htmlFor: y,
|
|
976
976
|
children: [
|
|
977
977
|
/* @__PURE__ */ t("input", {
|
|
@@ -985,20 +985,20 @@ var M = {
|
|
|
985
985
|
"aria-invalid": !!o,
|
|
986
986
|
"aria-describedby": [x, S].filter(Boolean).join(" ") || void 0,
|
|
987
987
|
"aria-label": g,
|
|
988
|
-
className:
|
|
988
|
+
className: xe.input,
|
|
989
989
|
onChange: (e) => {
|
|
990
990
|
c || r?.(e.target.checked, e);
|
|
991
991
|
},
|
|
992
992
|
..._
|
|
993
993
|
}),
|
|
994
994
|
/* @__PURE__ */ n("span", {
|
|
995
|
-
className: `${
|
|
995
|
+
className: `${xe.control} ${o ? xe.controlError : ""}`,
|
|
996
996
|
"aria-hidden": "true",
|
|
997
|
-
children: [m && !e && /* @__PURE__ */ t(
|
|
997
|
+
children: [m && !e && /* @__PURE__ */ t(K, {
|
|
998
998
|
name: "IconMinus",
|
|
999
999
|
width: 16,
|
|
1000
1000
|
height: 16
|
|
1001
|
-
}), e && /* @__PURE__ */ t(
|
|
1001
|
+
}), e && /* @__PURE__ */ t(K, {
|
|
1002
1002
|
name: "IconCheck",
|
|
1003
1003
|
width: 16,
|
|
1004
1004
|
height: 16
|
|
@@ -1018,7 +1018,7 @@ var M = {
|
|
|
1018
1018
|
})
|
|
1019
1019
|
]
|
|
1020
1020
|
});
|
|
1021
|
-
},
|
|
1021
|
+
}, q = {
|
|
1022
1022
|
wrapper: "_wrapper_su17c_1",
|
|
1023
1023
|
trigger: "_trigger_su17c_17",
|
|
1024
1024
|
sm: "_sm_su17c_53",
|
|
@@ -1049,7 +1049,7 @@ var M = {
|
|
|
1049
1049
|
timeLabel: "_timeLabel_su17c_533",
|
|
1050
1050
|
previousMonth: "_previousMonth_su17c_593",
|
|
1051
1051
|
nextMonth: "_nextMonth_su17c_601"
|
|
1052
|
-
},
|
|
1052
|
+
}, J = [
|
|
1053
1053
|
"Пн",
|
|
1054
1054
|
"Вт",
|
|
1055
1055
|
"Ср",
|
|
@@ -1057,7 +1057,7 @@ var M = {
|
|
|
1057
1057
|
"Пт",
|
|
1058
1058
|
"Сб",
|
|
1059
1059
|
"Вс"
|
|
1060
|
-
],
|
|
1060
|
+
], Ce = [
|
|
1061
1061
|
"Январь",
|
|
1062
1062
|
"Февраль",
|
|
1063
1063
|
"Март",
|
|
@@ -1070,33 +1070,33 @@ var M = {
|
|
|
1070
1070
|
"Октябрь",
|
|
1071
1071
|
"Ноябрь",
|
|
1072
1072
|
"Декабрь"
|
|
1073
|
-
],
|
|
1074
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1073
|
+
], we = (e) => String(e).padStart(2, "0"), Te = 8, Ee = "Некорректная дата", De = (e) => e ? `${we(e.getDate())}.${we(e.getMonth() + 1)}.${e.getFullYear()}` : "", Oe = (e) => {
|
|
1074
|
+
let t = e.replace(/\D/g, "").slice(0, Te);
|
|
1075
1075
|
return [
|
|
1076
1076
|
t.slice(0, 2),
|
|
1077
1077
|
t.slice(2, 4),
|
|
1078
1078
|
t.slice(4, 8)
|
|
1079
1079
|
].filter(Boolean).join(".");
|
|
1080
|
-
},
|
|
1080
|
+
}, ke = (e) => {
|
|
1081
1081
|
if (!e) return !0;
|
|
1082
1082
|
let t = Number(e.padEnd(4, "0"));
|
|
1083
1083
|
return Number(e.padEnd(4, "9")) >= 1800 && t <= 2500;
|
|
1084
|
-
},
|
|
1084
|
+
}, Ae = (e) => {
|
|
1085
1085
|
if (!/^\d{0,8}$/.test(e)) return !1;
|
|
1086
1086
|
let t = e.slice(0, 2), n = e.slice(2, 4), r = e.slice(4, 8);
|
|
1087
|
-
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 :
|
|
1088
|
-
},
|
|
1087
|
+
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);
|
|
1088
|
+
}, je = (e) => {
|
|
1089
1089
|
let t = /^(\d{2})\.(\d{2})\.(\d{4})$/.exec(e);
|
|
1090
1090
|
if (!t) return null;
|
|
1091
1091
|
let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]);
|
|
1092
1092
|
if (i < 1800 || i > 2500) return null;
|
|
1093
1093
|
let a = new Date(i, r, n, 12);
|
|
1094
1094
|
return a.getFullYear() !== i || a.getMonth() !== r || a.getDate() !== n ? null : a;
|
|
1095
|
-
},
|
|
1095
|
+
}, Me = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Ne = (e, t) => {
|
|
1096
1096
|
if (!e) return "";
|
|
1097
|
-
let n = `${e.getFullYear()}-${
|
|
1097
|
+
let n = `${e.getFullYear()}-${we(e.getMonth() + 1)}-${we(e.getDate())}`, r = `${we(e.getHours())}:${we(e.getMinutes())}`;
|
|
1098
1098
|
return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
|
|
1099
|
-
},
|
|
1099
|
+
}, Pe = (e, t) => {
|
|
1100
1100
|
if (!e) return null;
|
|
1101
1101
|
if (t === "time") {
|
|
1102
1102
|
let t = /^(\d{2}):(\d{2})$/.exec(e);
|
|
@@ -1114,47 +1114,47 @@ var M = {
|
|
|
1114
1114
|
}
|
|
1115
1115
|
let n = new Date(e);
|
|
1116
1116
|
return Number.isNaN(n.getTime()) ? null : n;
|
|
1117
|
-
},
|
|
1117
|
+
}, Fe = (e, t) => {
|
|
1118
1118
|
if (!e) return "";
|
|
1119
|
-
let n = `${
|
|
1119
|
+
let n = `${we(e.getDate())}.${we(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${we(e.getHours())}:${we(e.getMinutes())}`;
|
|
1120
1120
|
return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
|
|
1121
|
-
},
|
|
1121
|
+
}, Ie = (e) => {
|
|
1122
1122
|
let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
|
|
1123
1123
|
return r.setDate(t.getDate() - n), Array.from({ length: 42 }, (e, t) => {
|
|
1124
1124
|
let n = new Date(r);
|
|
1125
1125
|
return n.setDate(r.getDate() + t), n;
|
|
1126
1126
|
});
|
|
1127
|
-
},
|
|
1128
|
-
let r =
|
|
1129
|
-
return !!(t && r <
|
|
1130
|
-
},
|
|
1131
|
-
let D = f(), O = w ?? `ds-date-time-${T ?? D}`, k = c ? `${O}-hint` : void 0, A = u ? `${O}-error` : void 0, j = h(null), M = h(null), P = h(null), F = h(null), [I, L] = g(!1), [R, z] = g(r ?? /* @__PURE__ */ new Date()), [B, te] = g(
|
|
1127
|
+
}, Le = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), Re = (e, t, n) => {
|
|
1128
|
+
let r = Me(e).getTime();
|
|
1129
|
+
return !!(t && r < Me(t).getTime() || n && r > Me(n).getTime());
|
|
1130
|
+
}, ze = 8, Be = 6, Ve = ({ value: r, onChange: i, mode: a = "date", label: o, placeholder: s, hint: c, error: u, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: E = "" }) => {
|
|
1131
|
+
let D = f(), O = w ?? `ds-date-time-${T ?? D}`, k = c ? `${O}-hint` : void 0, A = u ? `${O}-error` : void 0, j = h(null), M = h(null), P = h(null), F = h(null), [I, L] = g(!1), [R, z] = g(r ?? /* @__PURE__ */ new Date()), [B, te] = g(Ne(r, "time")), [V, H] = g(De(r)), [ne, re] = g(""), [ie, ae] = g(0), [oe, se] = g(null), ce = m(() => Ie(R), [R]), le = a !== "time", ue = a !== "date";
|
|
1132
1132
|
d(() => {
|
|
1133
|
-
r && z(r), te(
|
|
1133
|
+
r && z(r), te(Ne(r, "time")), H(De(r));
|
|
1134
1134
|
}, [r]), d(() => () => {
|
|
1135
1135
|
F.current && clearTimeout(F.current);
|
|
1136
1136
|
}, []);
|
|
1137
|
-
let
|
|
1137
|
+
let U = l(() => {
|
|
1138
1138
|
let e = M.current, t = P.current;
|
|
1139
1139
|
if (!e || !t) return;
|
|
1140
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1141
|
-
|
|
1140
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - ze, o = n.top - ze, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(ze, n.top - r.height - Be) : n.bottom + Be, u = n.left, d = i - r.width - ze;
|
|
1141
|
+
se({
|
|
1142
1142
|
top: l,
|
|
1143
|
-
left: Math.max(
|
|
1143
|
+
left: Math.max(ze, Math.min(u, d)),
|
|
1144
1144
|
maxHeight: c
|
|
1145
1145
|
});
|
|
1146
1146
|
}, []);
|
|
1147
1147
|
p(() => {
|
|
1148
1148
|
if (!I) {
|
|
1149
|
-
|
|
1149
|
+
se(null);
|
|
1150
1150
|
return;
|
|
1151
1151
|
}
|
|
1152
|
-
return
|
|
1153
|
-
window.removeEventListener("resize",
|
|
1152
|
+
return U(), window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), () => {
|
|
1153
|
+
window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
|
|
1154
1154
|
};
|
|
1155
1155
|
}, [
|
|
1156
1156
|
I,
|
|
1157
|
-
|
|
1157
|
+
U,
|
|
1158
1158
|
R,
|
|
1159
1159
|
B
|
|
1160
1160
|
]), d(() => {
|
|
@@ -1169,87 +1169,87 @@ var M = {
|
|
|
1169
1169
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1170
1170
|
};
|
|
1171
1171
|
}, [I]);
|
|
1172
|
-
let
|
|
1173
|
-
if (
|
|
1174
|
-
let t = a === "date" ? Ne(
|
|
1175
|
-
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(
|
|
1176
|
-
},
|
|
1177
|
-
|
|
1178
|
-
|
|
1172
|
+
let de = (e) => {
|
|
1173
|
+
if (Re(e, x, S)) return;
|
|
1174
|
+
let t = a === "date" ? Pe(Ne(e, "date"), "date") : new Date(e);
|
|
1175
|
+
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(De(t)), a === "date" && L(!1));
|
|
1176
|
+
}, fe = () => {
|
|
1177
|
+
re(Ee), ae((e) => e + 1), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
|
|
1178
|
+
re(""), F.current = null;
|
|
1179
1179
|
}, 3e3);
|
|
1180
|
-
},
|
|
1181
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1182
|
-
if (!
|
|
1183
|
-
|
|
1180
|
+
}, pe = (e) => {
|
|
1181
|
+
let t = e.replace(/\D/g, "").slice(0, Te);
|
|
1182
|
+
if (!Ae(t)) {
|
|
1183
|
+
fe();
|
|
1184
1184
|
return;
|
|
1185
1185
|
}
|
|
1186
|
-
let n =
|
|
1186
|
+
let n = Oe(t);
|
|
1187
1187
|
if (H(n), !t) {
|
|
1188
1188
|
i?.(null);
|
|
1189
1189
|
return;
|
|
1190
1190
|
}
|
|
1191
|
-
if (t.length <
|
|
1192
|
-
let o =
|
|
1193
|
-
if (!o ||
|
|
1194
|
-
|
|
1191
|
+
if (t.length < Te) return;
|
|
1192
|
+
let o = je(n);
|
|
1193
|
+
if (!o || Re(o, x, S)) {
|
|
1194
|
+
fe();
|
|
1195
1195
|
return;
|
|
1196
1196
|
}
|
|
1197
1197
|
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o), z(o), L(!1), requestAnimationFrame(() => M.current?.blur());
|
|
1198
|
-
},
|
|
1198
|
+
}, me = (e) => {
|
|
1199
1199
|
if (te(e), !e) {
|
|
1200
1200
|
i?.(null);
|
|
1201
1201
|
return;
|
|
1202
1202
|
}
|
|
1203
|
-
let t =
|
|
1203
|
+
let t = Pe(e, "time");
|
|
1204
1204
|
if (!t) return;
|
|
1205
1205
|
let n = new Date(a === "datetime" ? r ?? R : /* @__PURE__ */ new Date());
|
|
1206
1206
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
1207
|
-
},
|
|
1207
|
+
}, he = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), W = ne ? `${O}-validation` : void 0, ge = [
|
|
1208
1208
|
k,
|
|
1209
1209
|
A,
|
|
1210
|
-
|
|
1211
|
-
].filter(Boolean).join(" ") || void 0,
|
|
1210
|
+
W
|
|
1211
|
+
].filter(Boolean).join(" ") || void 0, _e = I && !y ? /* @__PURE__ */ n("div", {
|
|
1212
1212
|
ref: P,
|
|
1213
|
-
className:
|
|
1213
|
+
className: q.panel,
|
|
1214
1214
|
role: "dialog",
|
|
1215
|
-
"aria-label": o ??
|
|
1216
|
-
style:
|
|
1217
|
-
top:
|
|
1218
|
-
left:
|
|
1219
|
-
maxHeight:
|
|
1215
|
+
"aria-label": o ?? he,
|
|
1216
|
+
style: oe ? {
|
|
1217
|
+
top: oe.top,
|
|
1218
|
+
left: oe.left,
|
|
1219
|
+
maxHeight: oe.maxHeight
|
|
1220
1220
|
} : {
|
|
1221
1221
|
visibility: "hidden",
|
|
1222
1222
|
top: 0,
|
|
1223
1223
|
left: 0
|
|
1224
1224
|
},
|
|
1225
|
-
children: [
|
|
1225
|
+
children: [le && /* @__PURE__ */ n(e, { children: [
|
|
1226
1226
|
/* @__PURE__ */ n("div", {
|
|
1227
|
-
className:
|
|
1227
|
+
className: q.calendarHeader,
|
|
1228
1228
|
children: [
|
|
1229
1229
|
/* @__PURE__ */ t("button", {
|
|
1230
1230
|
type: "button",
|
|
1231
|
-
className:
|
|
1231
|
+
className: q.nav,
|
|
1232
1232
|
"aria-label": "Предыдущий месяц",
|
|
1233
1233
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() - 1, 1)),
|
|
1234
|
-
children: /* @__PURE__ */ t(
|
|
1234
|
+
children: /* @__PURE__ */ t(K, {
|
|
1235
1235
|
name: "IconChevron",
|
|
1236
1236
|
width: 20,
|
|
1237
1237
|
height: 20,
|
|
1238
|
-
className:
|
|
1238
|
+
className: q.previousMonth
|
|
1239
1239
|
})
|
|
1240
1240
|
}),
|
|
1241
1241
|
/* @__PURE__ */ t("select", {
|
|
1242
|
-
className:
|
|
1242
|
+
className: q.monthSelect,
|
|
1243
1243
|
"aria-label": "Месяц",
|
|
1244
1244
|
value: R.getMonth(),
|
|
1245
1245
|
onChange: (e) => z(new Date(R.getFullYear(), Number(e.target.value), 1)),
|
|
1246
|
-
children:
|
|
1246
|
+
children: Ce.map((e, n) => /* @__PURE__ */ t("option", {
|
|
1247
1247
|
value: n,
|
|
1248
1248
|
children: e
|
|
1249
1249
|
}, e))
|
|
1250
1250
|
}),
|
|
1251
1251
|
/* @__PURE__ */ t("input", {
|
|
1252
|
-
className:
|
|
1252
|
+
className: q.yearInput,
|
|
1253
1253
|
type: "number",
|
|
1254
1254
|
"aria-label": "Год",
|
|
1255
1255
|
value: R.getFullYear(),
|
|
@@ -1257,49 +1257,49 @@ var M = {
|
|
|
1257
1257
|
}),
|
|
1258
1258
|
/* @__PURE__ */ t("button", {
|
|
1259
1259
|
type: "button",
|
|
1260
|
-
className:
|
|
1260
|
+
className: q.nav,
|
|
1261
1261
|
"aria-label": "Следующий месяц",
|
|
1262
1262
|
onClick: () => z(new Date(R.getFullYear(), R.getMonth() + 1, 1)),
|
|
1263
|
-
children: /* @__PURE__ */ t(
|
|
1263
|
+
children: /* @__PURE__ */ t(K, {
|
|
1264
1264
|
name: "IconChevron",
|
|
1265
1265
|
width: 20,
|
|
1266
1266
|
height: 20,
|
|
1267
|
-
className:
|
|
1267
|
+
className: q.nextMonth
|
|
1268
1268
|
})
|
|
1269
1269
|
})
|
|
1270
1270
|
]
|
|
1271
1271
|
}),
|
|
1272
1272
|
/* @__PURE__ */ t("div", {
|
|
1273
|
-
className:
|
|
1274
|
-
children:
|
|
1273
|
+
className: q.weekdays,
|
|
1274
|
+
children: J.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
|
|
1275
1275
|
}),
|
|
1276
1276
|
/* @__PURE__ */ t("div", {
|
|
1277
|
-
className:
|
|
1278
|
-
children:
|
|
1279
|
-
let n =
|
|
1277
|
+
className: q.days,
|
|
1278
|
+
children: ce.map((e) => {
|
|
1279
|
+
let n = Le(r, e);
|
|
1280
1280
|
return /* @__PURE__ */ t("button", {
|
|
1281
1281
|
type: "button",
|
|
1282
|
-
className: `${
|
|
1283
|
-
disabled:
|
|
1282
|
+
className: `${q.day} ${e.getMonth() === R.getMonth() ? "" : q.outside} ${n ? q.selected : ""}`,
|
|
1283
|
+
disabled: Re(e, x, S),
|
|
1284
1284
|
"aria-pressed": n,
|
|
1285
|
-
onClick: () =>
|
|
1285
|
+
onClick: () => de(e),
|
|
1286
1286
|
children: e.getDate()
|
|
1287
1287
|
}, e.toISOString());
|
|
1288
1288
|
})
|
|
1289
1289
|
})
|
|
1290
|
-
] }),
|
|
1291
|
-
className:
|
|
1290
|
+
] }), ue && /* @__PURE__ */ n("label", {
|
|
1291
|
+
className: q.timeLabel,
|
|
1292
1292
|
children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
|
|
1293
|
-
className:
|
|
1293
|
+
className: q.timeInput,
|
|
1294
1294
|
type: "time",
|
|
1295
1295
|
value: B,
|
|
1296
|
-
onChange: (e) =>
|
|
1296
|
+
onChange: (e) => me(e.target.value)
|
|
1297
1297
|
})]
|
|
1298
1298
|
})]
|
|
1299
1299
|
}) : null;
|
|
1300
1300
|
return /* @__PURE__ */ n("div", {
|
|
1301
1301
|
ref: j,
|
|
1302
|
-
className: `${
|
|
1302
|
+
className: `${q.wrapper} ${E}`,
|
|
1303
1303
|
children: [
|
|
1304
1304
|
o && /* @__PURE__ */ t(ee, {
|
|
1305
1305
|
htmlFor: O,
|
|
@@ -1307,16 +1307,16 @@ var M = {
|
|
|
1307
1307
|
disabled: v,
|
|
1308
1308
|
children: o
|
|
1309
1309
|
}),
|
|
1310
|
-
|
|
1311
|
-
className: `${
|
|
1310
|
+
le ? /* @__PURE__ */ n("div", {
|
|
1311
|
+
className: `${q.trigger} ${q[C]} ${u ? q.error : ""} ${v ? q.disabled : ""}`,
|
|
1312
1312
|
children: [
|
|
1313
1313
|
/* @__PURE__ */ t("input", {
|
|
1314
1314
|
ref: M,
|
|
1315
1315
|
id: O,
|
|
1316
1316
|
name: T,
|
|
1317
|
-
className:
|
|
1317
|
+
className: q.dateInput,
|
|
1318
1318
|
value: V,
|
|
1319
|
-
placeholder:
|
|
1319
|
+
placeholder: he.split(" ")[0],
|
|
1320
1320
|
inputMode: "numeric",
|
|
1321
1321
|
autoComplete: "off",
|
|
1322
1322
|
maxLength: 10,
|
|
@@ -1324,23 +1324,23 @@ var M = {
|
|
|
1324
1324
|
readOnly: y,
|
|
1325
1325
|
"aria-expanded": I,
|
|
1326
1326
|
"aria-haspopup": "dialog",
|
|
1327
|
-
"aria-describedby":
|
|
1328
|
-
"aria-invalid": !!(u ||
|
|
1327
|
+
"aria-describedby": ge,
|
|
1328
|
+
"aria-invalid": !!(u || ne) || void 0,
|
|
1329
1329
|
onFocus: () => {
|
|
1330
1330
|
y || L(!0);
|
|
1331
1331
|
},
|
|
1332
1332
|
onClick: () => {
|
|
1333
1333
|
y || L(!0);
|
|
1334
1334
|
},
|
|
1335
|
-
onChange: (e) =>
|
|
1335
|
+
onChange: (e) => pe(e.target.value)
|
|
1336
1336
|
}),
|
|
1337
1337
|
a === "datetime" && B && /* @__PURE__ */ t("span", {
|
|
1338
|
-
className:
|
|
1338
|
+
className: q.timeValue,
|
|
1339
1339
|
children: B
|
|
1340
1340
|
}),
|
|
1341
1341
|
/* @__PURE__ */ t("button", {
|
|
1342
1342
|
type: "button",
|
|
1343
|
-
className:
|
|
1343
|
+
className: q.chevronButton,
|
|
1344
1344
|
disabled: v || y,
|
|
1345
1345
|
"aria-label": I ? "Закрыть календарь" : "Открыть календарь",
|
|
1346
1346
|
tabIndex: -1,
|
|
@@ -1349,9 +1349,9 @@ var M = {
|
|
|
1349
1349
|
L((e) => !e), M.current?.focus();
|
|
1350
1350
|
},
|
|
1351
1351
|
children: /* @__PURE__ */ t("span", {
|
|
1352
|
-
className: `${
|
|
1352
|
+
className: `${q.chevron} ${_e ? q.chevronOpen : ""}`,
|
|
1353
1353
|
"aria-hidden": "true",
|
|
1354
|
-
children: /* @__PURE__ */ t(
|
|
1354
|
+
children: /* @__PURE__ */ t(K, {
|
|
1355
1355
|
name: "IconChevron",
|
|
1356
1356
|
width: 20,
|
|
1357
1357
|
height: 20
|
|
@@ -1364,36 +1364,36 @@ var M = {
|
|
|
1364
1364
|
id: O,
|
|
1365
1365
|
name: T,
|
|
1366
1366
|
type: "button",
|
|
1367
|
-
className: `${
|
|
1367
|
+
className: `${q.trigger} ${q[C]} ${u ? q.error : ""}`,
|
|
1368
1368
|
disabled: v,
|
|
1369
1369
|
"aria-readonly": y || void 0,
|
|
1370
1370
|
"aria-expanded": I,
|
|
1371
1371
|
"aria-haspopup": "dialog",
|
|
1372
|
-
"aria-describedby":
|
|
1372
|
+
"aria-describedby": ge,
|
|
1373
1373
|
onClick: () => {
|
|
1374
1374
|
y || L((e) => !e);
|
|
1375
1375
|
},
|
|
1376
1376
|
children: [/* @__PURE__ */ t("span", {
|
|
1377
|
-
className: r ?
|
|
1378
|
-
children:
|
|
1377
|
+
className: r ? q.value : q.placeholder,
|
|
1378
|
+
children: Fe(r, a) || he
|
|
1379
1379
|
}), /* @__PURE__ */ t("span", {
|
|
1380
|
-
className: `${
|
|
1380
|
+
className: `${q.chevron} ${_e ? q.chevronOpen : ""}`,
|
|
1381
1381
|
"aria-hidden": "true",
|
|
1382
|
-
children: /* @__PURE__ */ t(
|
|
1382
|
+
children: /* @__PURE__ */ t(K, {
|
|
1383
1383
|
name: "IconChevron",
|
|
1384
1384
|
width: 20,
|
|
1385
1385
|
height: 20
|
|
1386
1386
|
})
|
|
1387
1387
|
})]
|
|
1388
1388
|
}),
|
|
1389
|
-
|
|
1390
|
-
id:
|
|
1391
|
-
className:
|
|
1389
|
+
ne && /* @__PURE__ */ t("span", {
|
|
1390
|
+
id: W,
|
|
1391
|
+
className: q.validationTooltip,
|
|
1392
1392
|
role: "status",
|
|
1393
1393
|
"aria-live": "polite",
|
|
1394
|
-
children:
|
|
1395
|
-
},
|
|
1396
|
-
|
|
1394
|
+
children: ne
|
|
1395
|
+
}, ie),
|
|
1396
|
+
_e && _(_e, document.body),
|
|
1397
1397
|
c && !u && /* @__PURE__ */ t(N, {
|
|
1398
1398
|
id: k,
|
|
1399
1399
|
children: c
|
|
@@ -1405,19 +1405,19 @@ var M = {
|
|
|
1405
1405
|
})
|
|
1406
1406
|
]
|
|
1407
1407
|
});
|
|
1408
|
-
},
|
|
1408
|
+
}, He = {
|
|
1409
1409
|
root: "_root_19vq2_1",
|
|
1410
1410
|
range: "_range_19vq2_21"
|
|
1411
|
-
},
|
|
1411
|
+
}, 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 = "" }) => {
|
|
1412
1412
|
let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
|
|
1413
|
-
i?.(e),
|
|
1413
|
+
i?.(e), Ue(e) && r?.(e);
|
|
1414
1414
|
};
|
|
1415
1415
|
return /* @__PURE__ */ n("fieldset", {
|
|
1416
|
-
className: `${
|
|
1416
|
+
className: `${He.root} ${h}`,
|
|
1417
1417
|
disabled: f,
|
|
1418
1418
|
children: [/* @__PURE__ */ n("div", {
|
|
1419
|
-
className:
|
|
1420
|
-
children: [/* @__PURE__ */ t(
|
|
1419
|
+
className: He.range,
|
|
1420
|
+
children: [/* @__PURE__ */ t(Ve, {
|
|
1421
1421
|
value: e.from,
|
|
1422
1422
|
mode: a === "datetime" ? "datetime" : a,
|
|
1423
1423
|
label: o,
|
|
@@ -1431,7 +1431,7 @@ var M = {
|
|
|
1431
1431
|
...e,
|
|
1432
1432
|
from: t
|
|
1433
1433
|
})
|
|
1434
|
-
}), /* @__PURE__ */ t(
|
|
1434
|
+
}), /* @__PURE__ */ t(Ve, {
|
|
1435
1435
|
value: e.to,
|
|
1436
1436
|
mode: a === "datetime" ? "datetime" : a,
|
|
1437
1437
|
label: s,
|
|
@@ -1448,7 +1448,7 @@ var M = {
|
|
|
1448
1448
|
})]
|
|
1449
1449
|
}), c && !g && /* @__PURE__ */ t(N, { children: c })]
|
|
1450
1450
|
});
|
|
1451
|
-
},
|
|
1451
|
+
}, Ge = {
|
|
1452
1452
|
group: "_group_ey6uk_1",
|
|
1453
1453
|
skeleton: "_skeleton_ey6uk_15",
|
|
1454
1454
|
text: "_text_ey6uk_27",
|
|
@@ -1456,17 +1456,17 @@ var M = {
|
|
|
1456
1456
|
circular: "_circular_ey6uk_47",
|
|
1457
1457
|
animated: "_animated_ey6uk_59",
|
|
1458
1458
|
"ds-skeleton": "_ds-skeleton_ey6uk_1"
|
|
1459
|
-
},
|
|
1460
|
-
className: `${
|
|
1459
|
+
}, Ke = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
|
|
1460
|
+
className: `${Ge.group} ${o}`,
|
|
1461
1461
|
"aria-hidden": "true",
|
|
1462
1462
|
children: Array.from({ length: Math.max(1, i) }, (i, o) => /* @__PURE__ */ t("span", {
|
|
1463
|
-
className: `${
|
|
1463
|
+
className: `${Ge.skeleton} ${Ge[e]} ${a ? Ge.animated : ""}`,
|
|
1464
1464
|
style: {
|
|
1465
1465
|
width: n,
|
|
1466
1466
|
height: r
|
|
1467
1467
|
}
|
|
1468
1468
|
}, o))
|
|
1469
|
-
}),
|
|
1469
|
+
}), Y = {
|
|
1470
1470
|
wrapper: "_wrapper_6g3qd_1",
|
|
1471
1471
|
container: "_container_6g3qd_17",
|
|
1472
1472
|
trigger: "_trigger_6g3qd_25",
|
|
@@ -1484,25 +1484,25 @@ var M = {
|
|
|
1484
1484
|
message: "_message_6g3qd_359",
|
|
1485
1485
|
error: "_error_6g3qd_361",
|
|
1486
1486
|
errorState: "_errorState_6g3qd_387"
|
|
1487
|
-
},
|
|
1487
|
+
}, qe = 8, Je = 6, Ye = 120, Xe = (e, t, n) => {
|
|
1488
1488
|
if (!e.length) return -1;
|
|
1489
1489
|
for (let r = 0; r < e.length; r += 1) {
|
|
1490
1490
|
let i = (t + r * n + e.length) % e.length;
|
|
1491
1491
|
if (!e[i]?.disabled) return i;
|
|
1492
1492
|
}
|
|
1493
1493
|
return -1;
|
|
1494
|
-
},
|
|
1494
|
+
}, Ze = (e) => {
|
|
1495
1495
|
if (typeof e == "number") return e;
|
|
1496
1496
|
if (typeof e == "string") {
|
|
1497
1497
|
let t = Number.parseFloat(e);
|
|
1498
1498
|
if (Number.isFinite(t)) return t;
|
|
1499
1499
|
}
|
|
1500
1500
|
return Infinity;
|
|
1501
|
-
},
|
|
1501
|
+
}, 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 }) => {
|
|
1502
1502
|
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(() => {
|
|
1503
1503
|
let e = P.current, t = F.current;
|
|
1504
1504
|
if (!e || !t) return;
|
|
1505
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1505
|
+
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;
|
|
1506
1506
|
M({
|
|
1507
1507
|
top: m,
|
|
1508
1508
|
left: p,
|
|
@@ -1535,16 +1535,16 @@ var M = {
|
|
|
1535
1535
|
};
|
|
1536
1536
|
}, [k]);
|
|
1537
1537
|
let H = (t, n) => {
|
|
1538
|
-
let r =
|
|
1538
|
+
let r = Xe(e, t, n);
|
|
1539
1539
|
if (r === -1) return;
|
|
1540
1540
|
let i = I.current[r];
|
|
1541
1541
|
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
1542
|
-
},
|
|
1542
|
+
}, ne = (e) => {
|
|
1543
1543
|
e.disabled || (i?.(e.value, e), A(!1), P.current?.focus());
|
|
1544
|
-
},
|
|
1544
|
+
}, re = k ? /* @__PURE__ */ t("ul", {
|
|
1545
1545
|
ref: F,
|
|
1546
1546
|
id: O,
|
|
1547
|
-
className:
|
|
1547
|
+
className: Y.menu,
|
|
1548
1548
|
role: "listbox",
|
|
1549
1549
|
"aria-label": c,
|
|
1550
1550
|
style: j ? {
|
|
@@ -1573,11 +1573,11 @@ var M = {
|
|
|
1573
1573
|
"aria-selected": o,
|
|
1574
1574
|
disabled: i.disabled,
|
|
1575
1575
|
className: [
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
o ?
|
|
1576
|
+
Y[v],
|
|
1577
|
+
Y.option,
|
|
1578
|
+
o ? Y.selected : ""
|
|
1579
1579
|
].filter(Boolean).join(" "),
|
|
1580
|
-
onClick: () =>
|
|
1580
|
+
onClick: () => ne(i),
|
|
1581
1581
|
onKeyDown: (t) => {
|
|
1582
1582
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
1583
1583
|
t.preventDefault();
|
|
@@ -1589,9 +1589,9 @@ var M = {
|
|
|
1589
1589
|
let n = t.key === "Home" ? 1 : -1;
|
|
1590
1590
|
H(t.key === "Home" ? 0 : e.length - 1, n);
|
|
1591
1591
|
}
|
|
1592
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
1592
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), ne(i));
|
|
1593
1593
|
},
|
|
1594
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(
|
|
1594
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(K, {
|
|
1595
1595
|
name: "IconCheck",
|
|
1596
1596
|
width: 16,
|
|
1597
1597
|
height: 16
|
|
@@ -1603,8 +1603,8 @@ var M = {
|
|
|
1603
1603
|
return /* @__PURE__ */ n("div", {
|
|
1604
1604
|
ref: N,
|
|
1605
1605
|
className: [
|
|
1606
|
-
|
|
1607
|
-
u ?
|
|
1606
|
+
Y.wrapper,
|
|
1607
|
+
u ? Y.errorState : "",
|
|
1608
1608
|
b
|
|
1609
1609
|
].filter(Boolean).join(" "),
|
|
1610
1610
|
children: [
|
|
@@ -1615,10 +1615,10 @@ var M = {
|
|
|
1615
1615
|
children: c
|
|
1616
1616
|
}),
|
|
1617
1617
|
/* @__PURE__ */ t("div", {
|
|
1618
|
-
className:
|
|
1618
|
+
className: Y.container,
|
|
1619
1619
|
children: te ? /* @__PURE__ */ t("div", {
|
|
1620
1620
|
id: D,
|
|
1621
|
-
className:
|
|
1621
|
+
className: Y.disabledText,
|
|
1622
1622
|
"aria-describedby": B,
|
|
1623
1623
|
children: L?.label ?? a
|
|
1624
1624
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -1626,7 +1626,7 @@ var M = {
|
|
|
1626
1626
|
id: D,
|
|
1627
1627
|
type: "button",
|
|
1628
1628
|
name: S,
|
|
1629
|
-
className: `${
|
|
1629
|
+
className: `${Y.trigger} ${Y[v]}`,
|
|
1630
1630
|
disabled: o,
|
|
1631
1631
|
"aria-haspopup": "listbox",
|
|
1632
1632
|
"aria-expanded": k,
|
|
@@ -1649,13 +1649,13 @@ var M = {
|
|
|
1649
1649
|
}
|
|
1650
1650
|
},
|
|
1651
1651
|
children: [/* @__PURE__ */ t("span", {
|
|
1652
|
-
className: `${L ?
|
|
1653
|
-
${
|
|
1652
|
+
className: `${L ? Y.value : Y.placeholder}
|
|
1653
|
+
${Y[v]}`,
|
|
1654
1654
|
children: L?.label ?? a
|
|
1655
1655
|
}), /* @__PURE__ */ t("span", {
|
|
1656
|
-
className: [
|
|
1656
|
+
className: [Y.chevron, k ? Y.chevronOpen : ""].filter(Boolean).join(" "),
|
|
1657
1657
|
"aria-hidden": "true",
|
|
1658
|
-
children: /* @__PURE__ */ t(
|
|
1658
|
+
children: /* @__PURE__ */ t(K, {
|
|
1659
1659
|
name: "IconChevron",
|
|
1660
1660
|
width: 20,
|
|
1661
1661
|
height: 20
|
|
@@ -1663,38 +1663,38 @@ var M = {
|
|
|
1663
1663
|
})]
|
|
1664
1664
|
})
|
|
1665
1665
|
}),
|
|
1666
|
-
k && _(
|
|
1666
|
+
k && _(re, document.body),
|
|
1667
1667
|
y && !u && /* @__PURE__ */ t("span", {
|
|
1668
1668
|
id: R,
|
|
1669
|
-
className:
|
|
1669
|
+
className: Y.message,
|
|
1670
1670
|
children: y
|
|
1671
1671
|
}),
|
|
1672
1672
|
u && /* @__PURE__ */ t("span", {
|
|
1673
1673
|
id: z,
|
|
1674
|
-
className:
|
|
1674
|
+
className: Y.error,
|
|
1675
1675
|
children: u
|
|
1676
1676
|
})
|
|
1677
1677
|
]
|
|
1678
1678
|
});
|
|
1679
|
-
},
|
|
1679
|
+
}, $e = (e) => `${e.id}:${e.direction}`, et = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
|
|
1680
1680
|
let c = e.flatMap((e) => [{
|
|
1681
|
-
value:
|
|
1681
|
+
value: $e({
|
|
1682
1682
|
id: e.id,
|
|
1683
1683
|
direction: "asc"
|
|
1684
1684
|
}),
|
|
1685
1685
|
label: e.ascLabel ?? `${e.label} · по возрастанию`,
|
|
1686
1686
|
disabled: e.disabled
|
|
1687
1687
|
}, {
|
|
1688
|
-
value:
|
|
1688
|
+
value: $e({
|
|
1689
1689
|
id: e.id,
|
|
1690
1690
|
direction: "desc"
|
|
1691
1691
|
}),
|
|
1692
1692
|
label: e.descLabel ?? `${e.label} · по убыванию`,
|
|
1693
1693
|
disabled: e.disabled
|
|
1694
1694
|
}]);
|
|
1695
|
-
return /* @__PURE__ */ t(
|
|
1695
|
+
return /* @__PURE__ */ t(Qe, {
|
|
1696
1696
|
options: c,
|
|
1697
|
-
value: n ?
|
|
1697
|
+
value: n ? $e(n) : "",
|
|
1698
1698
|
label: i,
|
|
1699
1699
|
placeholder: a,
|
|
1700
1700
|
disabled: o,
|
|
@@ -1707,7 +1707,7 @@ var M = {
|
|
|
1707
1707
|
});
|
|
1708
1708
|
}
|
|
1709
1709
|
});
|
|
1710
|
-
},
|
|
1710
|
+
}, X = {
|
|
1711
1711
|
root: "_root_1ekmv_1",
|
|
1712
1712
|
srOnly: "_srOnly_1ekmv_15",
|
|
1713
1713
|
bulkActions: "_bulkActions_1ekmv_39",
|
|
@@ -1749,23 +1749,23 @@ var M = {
|
|
|
1749
1749
|
default: "_default_1ekmv_641",
|
|
1750
1750
|
tableOnMobile: "_tableOnMobile_1ekmv_641",
|
|
1751
1751
|
wide: "_wide_1ekmv_671"
|
|
1752
|
-
},
|
|
1752
|
+
}, tt = b({
|
|
1753
1753
|
rowSortingFeature: y,
|
|
1754
1754
|
sortedRowModel: v()
|
|
1755
|
-
}),
|
|
1755
|
+
}), nt = (e, t, n) => {
|
|
1756
1756
|
let r = new Set(e);
|
|
1757
1757
|
return t.forEach((e) => {
|
|
1758
1758
|
n ? r.add(e) : r.delete(e);
|
|
1759
1759
|
}), Array.from(r);
|
|
1760
|
-
},
|
|
1760
|
+
}, rt = (e) => {
|
|
1761
1761
|
if (!(!e || e.width === void 0 && e.minWidth === void 0 && e.maxWidth === void 0)) return {
|
|
1762
1762
|
width: e.width,
|
|
1763
1763
|
minWidth: e.minWidth,
|
|
1764
1764
|
maxWidth: e.maxWidth
|
|
1765
1765
|
};
|
|
1766
|
-
},
|
|
1766
|
+
}, it = (e) => {
|
|
1767
1767
|
if (e?.sticky) return e.sticky === "start" ? { insetInlineStart: e.stickyOffset ?? 0 } : { insetInlineEnd: e.stickyOffset ?? 0 };
|
|
1768
|
-
},
|
|
1768
|
+
}, at = (e, t) => t <= 7 ? Array.from({ length: t }, (e, t) => t) : e <= 3 ? [
|
|
1769
1769
|
0,
|
|
1770
1770
|
1,
|
|
1771
1771
|
2,
|
|
@@ -1789,7 +1789,7 @@ var M = {
|
|
|
1789
1789
|
e + 1,
|
|
1790
1790
|
"ellipsis-end",
|
|
1791
1791
|
t - 1
|
|
1792
|
-
],
|
|
1792
|
+
], ot = (e, t) => {
|
|
1793
1793
|
let n = /* @__PURE__ */ new Set();
|
|
1794
1794
|
for (let t of e) {
|
|
1795
1795
|
if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
|
|
@@ -1801,36 +1801,36 @@ var M = {
|
|
|
1801
1801
|
for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
|
|
1802
1802
|
}
|
|
1803
1803
|
return null;
|
|
1804
|
-
},
|
|
1804
|
+
}, st = (e, t) => typeof e == "function" ? e(t) : t[e], ct = (e) => {
|
|
1805
1805
|
if (e == null || e === "") return null;
|
|
1806
1806
|
let t = Date.parse(String(e));
|
|
1807
1807
|
return Number.isNaN(t) ? null : t;
|
|
1808
|
-
}, ct = (e, t, n) => {
|
|
1809
|
-
let r = st(e.getValue(n)), i = st(t.getValue(n));
|
|
1810
|
-
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
1811
1808
|
}, lt = (e, t, n) => {
|
|
1809
|
+
let r = ct(e.getValue(n)), i = ct(t.getValue(n));
|
|
1810
|
+
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
1811
|
+
}, ut = (e, t, n) => {
|
|
1812
1812
|
let r = e.getValue(n), i = t.getValue(n);
|
|
1813
1813
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
1814
|
-
},
|
|
1814
|
+
}, dt = (e, t, n) => {
|
|
1815
1815
|
let r = e.getValue(n), i = t.getValue(n);
|
|
1816
1816
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
1817
|
-
},
|
|
1817
|
+
}, ft = (e, t, n) => {
|
|
1818
1818
|
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
1819
1819
|
return r.localeCompare(i, void 0, {
|
|
1820
1820
|
numeric: !0,
|
|
1821
1821
|
sensitivity: "base"
|
|
1822
1822
|
});
|
|
1823
|
-
},
|
|
1823
|
+
}, pt = (e) => {
|
|
1824
1824
|
switch (e) {
|
|
1825
|
-
case "date": return
|
|
1826
|
-
case "number": return
|
|
1827
|
-
case "boolean": return
|
|
1825
|
+
case "date": return lt;
|
|
1826
|
+
case "number": return ut;
|
|
1827
|
+
case "boolean": return dt;
|
|
1828
1828
|
case "text":
|
|
1829
|
-
case void 0: return
|
|
1829
|
+
case void 0: return ft;
|
|
1830
1830
|
case "custom": return;
|
|
1831
1831
|
}
|
|
1832
|
-
},
|
|
1833
|
-
let t = (t) =>
|
|
1832
|
+
}, mt = (e) => {
|
|
1833
|
+
let t = (t) => st(e.accessor, t), n = e.sortFn ?? pt(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
|
|
1834
1834
|
id: e.id,
|
|
1835
1835
|
accessorFn: t,
|
|
1836
1836
|
header: () => e.header,
|
|
@@ -1842,151 +1842,151 @@ var M = {
|
|
|
1842
1842
|
sortDescFirst: e.sortDescFirst
|
|
1843
1843
|
};
|
|
1844
1844
|
return n !== void 0 && (i.sortFn = n), i;
|
|
1845
|
-
},
|
|
1846
|
-
let [
|
|
1845
|
+
}, ht = ({ columns: e, data: i, tableOnMobile: a = !1, mobileView: o, breakpoint: s = "default", sorting: c, onSortingChange: l, renderMobileCard: u, getRowId: f, caption: p, ariaLabel: h, loading: _ = !1, error: v, emptyState: y = "Нет данных", stickyHeader: b = !1, maxHeight: S, className: C = "", onRowClick: w, selectable: T = !1, selectedRowIds: E, onSelectedRowIdsChange: D, onRowDoubleClick: O, getRowSelectionLabel: k, selectAllRowsLabel: A = "Выбрать все строки на этой странице", resetSelectionLabel: M = "Сбросить выбор", openRowLabel: ee = "Открыть строку", pagination: N = !1, paginationMode: P = "client", page: F = 1, pageSize: I = 30, totalCount: L, onPageChange: R, visibleColumnIds: z, density: B = "comfortable", renderBulkActions: te, renderExpandedRow: V, expandedRowIds: H, onExpandedRowIdsChange: ne, getRowExpansionLabel: re, resultsAnnouncement: ie }) => {
|
|
1846
|
+
let [ae, oe] = g([]), [se, ce] = g([]), [le, ue] = g([]), [U, de] = g(0), fe = c ?? ae, pe = fe.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), me = Number.isFinite(I) && I > 0 ? Math.floor(I) : 30, he = N && P === "server", W = m(() => {
|
|
1847
1847
|
if (z === void 0) return e;
|
|
1848
1848
|
let t = new Set(z);
|
|
1849
1849
|
return e.filter((e) => t.has(e.id));
|
|
1850
|
-
}, [e, z]),
|
|
1851
|
-
features:
|
|
1852
|
-
columns:
|
|
1850
|
+
}, [e, z]), ge = m(() => W.length === 0 ? "Должна быть видима хотя бы одна колонка" : ot(W, i), [i, W]), _e = m(() => W.map(mt), [W]), ve = W.some((e) => rt(e) !== void 0), ye = x({
|
|
1851
|
+
features: tt,
|
|
1852
|
+
columns: _e,
|
|
1853
1853
|
data: i,
|
|
1854
|
-
state: { sorting:
|
|
1854
|
+
state: { sorting: fe },
|
|
1855
1855
|
onSortingChange: (e) => {
|
|
1856
|
-
let t = typeof e == "function" ? e(
|
|
1857
|
-
c === void 0 &&
|
|
1856
|
+
let t = typeof e == "function" ? e(fe) : e;
|
|
1857
|
+
c === void 0 && oe(t), de(0), l?.(t);
|
|
1858
1858
|
},
|
|
1859
1859
|
getRowId: f
|
|
1860
|
-
}),
|
|
1860
|
+
}), G = ye.getRowModel().rows, be = he && Number.isFinite(L) && Number(L) >= 0 ? Math.floor(Number(L)) : G.length, xe = N ? Math.max(1, Math.ceil(be / me)) : 1, q = Number.isFinite(F) && F > 0 ? Math.floor(F) - 1 : 0, J = Math.min(he ? q : U, xe - 1), Ce = m(() => N && !he ? G.slice(J * me, (J + 1) * me) : G, [
|
|
1861
|
+
he,
|
|
1861
1862
|
me,
|
|
1862
|
-
pe,
|
|
1863
1863
|
N,
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
]),
|
|
1864
|
+
J,
|
|
1865
|
+
G
|
|
1866
|
+
]), we = E ?? se, Te = m(() => new Set(we), [we]), Ee = H ?? le, De = m(() => new Set(Ee), [Ee]), Oe = m(() => Ce.map((e) => e.id), [Ce]), ke = Oe.filter((e) => Te.has(e)).length, Ae = Oe.length > 0 && ke === Oe.length, je = ke > 0 && !Ae, Me = m(() => W.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
1867
1867
|
id: e.id,
|
|
1868
1868
|
label: typeof e.header == "string" ? e.header : e.id
|
|
1869
|
-
})), [
|
|
1870
|
-
|
|
1871
|
-
s === "wide" ?
|
|
1872
|
-
|
|
1873
|
-
B === "compact" ?
|
|
1869
|
+
})), [W]), Ne = m(() => at(J, xe), [xe, J]), Pe = o === void 0 ? a : o === "table", Fe = [
|
|
1870
|
+
X.root,
|
|
1871
|
+
s === "wide" ? X.wide : X.default,
|
|
1872
|
+
Pe ? X.tableOnMobile : "",
|
|
1873
|
+
B === "compact" ? X.compact : "",
|
|
1874
1874
|
C
|
|
1875
|
-
].filter(Boolean).join(" "),
|
|
1876
|
-
let t = Math.max(0, Math.min(
|
|
1877
|
-
if (
|
|
1878
|
-
t !==
|
|
1875
|
+
].filter(Boolean).join(" "), Ie = ge ?? v, Le = N && !Ie && be > me && (!_ || he), Re = J * me + 1, ze = Math.min((J + 1) * me, be), Be = (e) => {
|
|
1876
|
+
let t = Math.max(0, Math.min(xe - 1, e));
|
|
1877
|
+
if (he) {
|
|
1878
|
+
t !== J && R?.(t + 1);
|
|
1879
1879
|
return;
|
|
1880
1880
|
}
|
|
1881
|
-
|
|
1882
|
-
}, Be = (e) => {
|
|
1883
|
-
let t = Array.from(e);
|
|
1884
|
-
E === void 0 && se(t), D?.(t);
|
|
1881
|
+
de(t);
|
|
1885
1882
|
}, Ve = (e) => {
|
|
1886
|
-
let t =
|
|
1887
|
-
|
|
1888
|
-
}, He = () => {
|
|
1889
|
-
let
|
|
1890
|
-
|
|
1891
|
-
}, Ue = () =>
|
|
1892
|
-
let
|
|
1883
|
+
let t = Array.from(e);
|
|
1884
|
+
E === void 0 && ce(t), D?.(t);
|
|
1885
|
+
}, He = (e) => {
|
|
1886
|
+
let t = new Set(Te);
|
|
1887
|
+
t.has(e) ? t.delete(e) : t.add(e), Ve(t);
|
|
1888
|
+
}, Ue = () => {
|
|
1889
|
+
let e = nt(Te, Oe, !Ae);
|
|
1890
|
+
E === void 0 && ce(e), D?.(e);
|
|
1891
|
+
}, We = () => Ve(/* @__PURE__ */ new Set()), Ge = (e) => {
|
|
1892
|
+
let t = new Set(De);
|
|
1893
1893
|
t.has(e) ? t.delete(e) : t.add(e);
|
|
1894
1894
|
let n = Array.from(t);
|
|
1895
|
-
H === void 0 &&
|
|
1896
|
-
},
|
|
1897
|
-
visibleCount:
|
|
1898
|
-
totalCount:
|
|
1899
|
-
selectedCount:
|
|
1900
|
-
}) ?? `Показано строк: ${
|
|
1895
|
+
H === void 0 && ue(n), ne?.(n);
|
|
1896
|
+
}, Y = i.filter((e, t) => Te.has(f?.(e, t) ?? String(t))), qe = ie?.({
|
|
1897
|
+
visibleCount: Ce.length,
|
|
1898
|
+
totalCount: be,
|
|
1899
|
+
selectedCount: Te.size
|
|
1900
|
+
}) ?? `Показано строк: ${Ce.length} из ${be}. Выбрано: ${Te.size}.`;
|
|
1901
1901
|
return d(() => {
|
|
1902
|
-
|
|
1902
|
+
he || de(0);
|
|
1903
1903
|
}, [
|
|
1904
1904
|
i,
|
|
1905
|
+
he,
|
|
1905
1906
|
me,
|
|
1906
|
-
pe,
|
|
1907
1907
|
N,
|
|
1908
|
-
|
|
1908
|
+
pe
|
|
1909
1909
|
]), d(() => {
|
|
1910
|
-
!
|
|
1910
|
+
!he && U >= xe && de(xe - 1);
|
|
1911
1911
|
}, [
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1912
|
+
he,
|
|
1913
|
+
xe,
|
|
1914
|
+
U
|
|
1915
1915
|
]), /* @__PURE__ */ n("section", {
|
|
1916
|
-
className:
|
|
1916
|
+
className: Fe,
|
|
1917
1917
|
"aria-busy": _,
|
|
1918
1918
|
children: [
|
|
1919
1919
|
/* @__PURE__ */ t("div", {
|
|
1920
|
-
className:
|
|
1920
|
+
className: X.srOnly,
|
|
1921
1921
|
"aria-live": "polite",
|
|
1922
1922
|
"aria-atomic": "true",
|
|
1923
|
-
children:
|
|
1923
|
+
children: qe
|
|
1924
1924
|
}),
|
|
1925
|
-
te &&
|
|
1926
|
-
className:
|
|
1925
|
+
te && Te.size > 0 && /* @__PURE__ */ t("div", {
|
|
1926
|
+
className: X.bulkActions,
|
|
1927
1927
|
role: "region",
|
|
1928
1928
|
"aria-label": "Действия с выбранными строками",
|
|
1929
1929
|
children: te({
|
|
1930
|
-
selectedRowIds: Array.from(
|
|
1931
|
-
selectedRows:
|
|
1932
|
-
clearSelection:
|
|
1930
|
+
selectedRowIds: Array.from(Te),
|
|
1931
|
+
selectedRows: Y,
|
|
1932
|
+
clearSelection: We
|
|
1933
1933
|
})
|
|
1934
1934
|
}),
|
|
1935
|
-
!
|
|
1936
|
-
className:
|
|
1937
|
-
options:
|
|
1938
|
-
value:
|
|
1939
|
-
id:
|
|
1940
|
-
direction:
|
|
1935
|
+
!Pe && !_ && !Ie && Ce.length > 0 && Me.length > 0 && /* @__PURE__ */ t(et, {
|
|
1936
|
+
className: X.mobileSort,
|
|
1937
|
+
options: Me,
|
|
1938
|
+
value: fe[0] ? {
|
|
1939
|
+
id: fe[0].id,
|
|
1940
|
+
direction: fe[0].desc ? "desc" : "asc"
|
|
1941
1941
|
} : null,
|
|
1942
|
-
onChange: (e) =>
|
|
1942
|
+
onChange: (e) => ye.setSorting([{
|
|
1943
1943
|
id: e.id,
|
|
1944
1944
|
desc: e.direction === "desc"
|
|
1945
1945
|
}])
|
|
1946
1946
|
}),
|
|
1947
1947
|
/* @__PURE__ */ t("div", {
|
|
1948
|
-
className:
|
|
1948
|
+
className: X.tableWrap,
|
|
1949
1949
|
style: { maxHeight: S },
|
|
1950
1950
|
children: /* @__PURE__ */ n("table", {
|
|
1951
|
-
className:
|
|
1951
|
+
className: X.table,
|
|
1952
1952
|
"aria-label": h,
|
|
1953
1953
|
children: [
|
|
1954
1954
|
p && /* @__PURE__ */ t("caption", { children: p }),
|
|
1955
|
-
(
|
|
1956
|
-
V && /* @__PURE__ */ t("col", { className:
|
|
1957
|
-
T && /* @__PURE__ */ t("col", { className:
|
|
1958
|
-
|
|
1955
|
+
(ve || T || !!V) && /* @__PURE__ */ n("colgroup", { children: [
|
|
1956
|
+
V && /* @__PURE__ */ t("col", { className: X.expansionColumn }),
|
|
1957
|
+
T && /* @__PURE__ */ t("col", { className: X.selectionColumn }),
|
|
1958
|
+
W.map((e) => /* @__PURE__ */ t("col", { style: rt(e) }, e.id))
|
|
1959
1959
|
] }),
|
|
1960
1960
|
/* @__PURE__ */ t("thead", {
|
|
1961
|
-
className: b ?
|
|
1962
|
-
children:
|
|
1961
|
+
className: b ? X.sticky : "",
|
|
1962
|
+
children: ye.getHeaderGroups().map((e) => /* @__PURE__ */ n("tr", { children: [
|
|
1963
1963
|
V && /* @__PURE__ */ t("th", {
|
|
1964
|
-
className:
|
|
1964
|
+
className: X.expansionCell,
|
|
1965
1965
|
scope: "col",
|
|
1966
1966
|
children: /* @__PURE__ */ t("span", {
|
|
1967
|
-
className:
|
|
1967
|
+
className: X.srOnly,
|
|
1968
1968
|
children: "Подробности"
|
|
1969
1969
|
})
|
|
1970
1970
|
}),
|
|
1971
1971
|
T && /* @__PURE__ */ t("th", {
|
|
1972
|
-
className:
|
|
1972
|
+
className: X.selectionHeaderCell,
|
|
1973
1973
|
scope: "col",
|
|
1974
1974
|
children: /* @__PURE__ */ n("div", {
|
|
1975
|
-
className:
|
|
1976
|
-
children: [/* @__PURE__ */ t(
|
|
1977
|
-
checked:
|
|
1978
|
-
indeterminate:
|
|
1979
|
-
disabled: _ ||
|
|
1975
|
+
className: X.selectionHeaderControls,
|
|
1976
|
+
children: [/* @__PURE__ */ t(Se, {
|
|
1977
|
+
checked: Ae,
|
|
1978
|
+
indeterminate: je,
|
|
1979
|
+
disabled: _ || Oe.length === 0,
|
|
1980
1980
|
ariaLabel: A,
|
|
1981
|
-
onChange:
|
|
1981
|
+
onChange: Ue
|
|
1982
1982
|
}), /* @__PURE__ */ t(j, {
|
|
1983
1983
|
size: "sm",
|
|
1984
1984
|
variant: "empty",
|
|
1985
|
-
disabled:
|
|
1985
|
+
disabled: Te.size === 0,
|
|
1986
1986
|
"aria-label": M,
|
|
1987
1987
|
title: M,
|
|
1988
|
-
onClick:
|
|
1989
|
-
children: /* @__PURE__ */ t(
|
|
1988
|
+
onClick: We,
|
|
1989
|
+
children: /* @__PURE__ */ t(K, {
|
|
1990
1990
|
name: "IconX",
|
|
1991
1991
|
width: 16,
|
|
1992
1992
|
height: 16
|
|
@@ -1999,17 +1999,17 @@ var M = {
|
|
|
1999
1999
|
return /* @__PURE__ */ t("th", {
|
|
2000
2000
|
scope: "col",
|
|
2001
2001
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
2002
|
-
className:
|
|
2002
|
+
className: W.find((t) => t.id === e.column.id)?.sticky ? X.stickyColumn : void 0,
|
|
2003
2003
|
style: {
|
|
2004
|
-
...
|
|
2005
|
-
...
|
|
2004
|
+
...rt(W.find((t) => t.id === e.column.id)),
|
|
2005
|
+
...it(W.find((t) => t.id === e.column.id))
|
|
2006
2006
|
},
|
|
2007
2007
|
children: /* @__PURE__ */ n("button", {
|
|
2008
2008
|
type: "button",
|
|
2009
|
-
className:
|
|
2009
|
+
className: X.sortButton,
|
|
2010
2010
|
disabled: !i,
|
|
2011
2011
|
onClick: a,
|
|
2012
|
-
children: [/* @__PURE__ */ t(
|
|
2012
|
+
children: [/* @__PURE__ */ t(ye.FlexRender, { header: e }), /* @__PURE__ */ t(K, {
|
|
2013
2013
|
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
2014
2014
|
width: 16,
|
|
2015
2015
|
height: 16
|
|
@@ -2020,81 +2020,81 @@ var M = {
|
|
|
2020
2020
|
] }, e.id))
|
|
2021
2021
|
}),
|
|
2022
2022
|
/* @__PURE__ */ t("tbody", { children: _ ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2023
|
-
colSpan:
|
|
2024
|
-
children: /* @__PURE__ */ t(
|
|
2023
|
+
colSpan: W.length + +!!T + +!!V,
|
|
2024
|
+
children: /* @__PURE__ */ t(Ke, {
|
|
2025
2025
|
lines: 3,
|
|
2026
2026
|
height: 65
|
|
2027
2027
|
})
|
|
2028
|
-
}) }) :
|
|
2029
|
-
className:
|
|
2030
|
-
colSpan:
|
|
2031
|
-
children:
|
|
2032
|
-
}) }) :
|
|
2033
|
-
className:
|
|
2034
|
-
colSpan:
|
|
2028
|
+
}) }) : Ie ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2029
|
+
className: X.state,
|
|
2030
|
+
colSpan: W.length + +!!T + +!!V,
|
|
2031
|
+
children: Ie
|
|
2032
|
+
}) }) : Ce.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2033
|
+
className: X.state,
|
|
2034
|
+
colSpan: W.length + +!!T + +!!V,
|
|
2035
2035
|
children: y
|
|
2036
|
-
}) }) :
|
|
2037
|
-
let i =
|
|
2036
|
+
}) }) : Ce.map((e) => {
|
|
2037
|
+
let i = Te.has(e.id), a = k?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = De.has(e.id);
|
|
2038
2038
|
return /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ n("tr", {
|
|
2039
|
-
className: [w || T ?
|
|
2039
|
+
className: [w || T ? X.clickableRow : "", i ? X.selectedRow : ""].filter(Boolean).join(" "),
|
|
2040
2040
|
"aria-selected": T ? i : void 0,
|
|
2041
2041
|
onClick: () => {
|
|
2042
|
-
T ?
|
|
2042
|
+
T ? He(e.id) : w?.(e.original);
|
|
2043
2043
|
},
|
|
2044
2044
|
onDoubleClick: () => {
|
|
2045
2045
|
T && O?.(e.original);
|
|
2046
2046
|
},
|
|
2047
2047
|
onKeyDown: (t) => {
|
|
2048
|
-
t.key === "Enter" ? (t.preventDefault(), T ? O?.(e.original) : w?.(e.original)) : t.key === " " && T && (t.preventDefault(),
|
|
2048
|
+
t.key === "Enter" ? (t.preventDefault(), T ? O?.(e.original) : w?.(e.original)) : t.key === " " && T && (t.preventDefault(), He(e.id));
|
|
2049
2049
|
},
|
|
2050
2050
|
tabIndex: w || T || O ? 0 : void 0,
|
|
2051
2051
|
role: !T && w ? "button" : void 0,
|
|
2052
2052
|
children: [
|
|
2053
2053
|
V && /* @__PURE__ */ t("td", {
|
|
2054
|
-
className:
|
|
2054
|
+
className: X.expansionCell,
|
|
2055
2055
|
onClick: (e) => e.stopPropagation(),
|
|
2056
2056
|
children: /* @__PURE__ */ t(j, {
|
|
2057
2057
|
size: "sm",
|
|
2058
2058
|
variant: "empty",
|
|
2059
2059
|
"aria-expanded": o,
|
|
2060
|
-
"aria-label":
|
|
2061
|
-
onClick: () =>
|
|
2062
|
-
children: /* @__PURE__ */ t(
|
|
2060
|
+
"aria-label": re?.(e.original, o) ?? (o ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2061
|
+
onClick: () => Ge(e.id),
|
|
2062
|
+
children: /* @__PURE__ */ t(K, {
|
|
2063
2063
|
name: "IconChevron",
|
|
2064
2064
|
width: 16,
|
|
2065
2065
|
height: 16,
|
|
2066
|
-
className: o ?
|
|
2066
|
+
className: o ? X.expansionIconOpen : X.expansionIcon
|
|
2067
2067
|
})
|
|
2068
2068
|
})
|
|
2069
2069
|
}),
|
|
2070
2070
|
T && /* @__PURE__ */ t("td", {
|
|
2071
|
-
className:
|
|
2071
|
+
className: X.selectionCell,
|
|
2072
2072
|
children: /* @__PURE__ */ t("div", {
|
|
2073
2073
|
onClick: (e) => e.stopPropagation(),
|
|
2074
|
-
children: /* @__PURE__ */ t(
|
|
2074
|
+
children: /* @__PURE__ */ t(Se, {
|
|
2075
2075
|
checked: i,
|
|
2076
2076
|
ariaLabel: a,
|
|
2077
|
-
onChange: () =>
|
|
2077
|
+
onChange: () => He(e.id)
|
|
2078
2078
|
})
|
|
2079
2079
|
})
|
|
2080
2080
|
}),
|
|
2081
2081
|
e.getAllCells().map((e) => /* @__PURE__ */ t("td", {
|
|
2082
|
-
className:
|
|
2082
|
+
className: W.find((t) => t.id === e.column.id)?.sticky ? X.stickyColumn : void 0,
|
|
2083
2083
|
style: {
|
|
2084
|
-
...
|
|
2085
|
-
...
|
|
2084
|
+
...rt(W.find((t) => t.id === e.column.id)),
|
|
2085
|
+
...it(W.find((t) => t.id === e.column.id))
|
|
2086
2086
|
},
|
|
2087
|
-
children: /* @__PURE__ */ t(
|
|
2087
|
+
children: /* @__PURE__ */ t(ye.FlexRender, { cell: e })
|
|
2088
2088
|
}, e.id))
|
|
2089
2089
|
]
|
|
2090
2090
|
}), o && V && /* @__PURE__ */ t("tr", {
|
|
2091
|
-
className:
|
|
2091
|
+
className: X.detailRow,
|
|
2092
2092
|
children: /* @__PURE__ */ t("td", {
|
|
2093
|
-
colSpan:
|
|
2093
|
+
colSpan: W.length + +!!T + 1,
|
|
2094
2094
|
children: V({
|
|
2095
2095
|
row: e.original,
|
|
2096
2096
|
rowId: e.id,
|
|
2097
|
-
collapse: () =>
|
|
2097
|
+
collapse: () => Ge(e.id)
|
|
2098
2098
|
})
|
|
2099
2099
|
})
|
|
2100
2100
|
})] }, e.id);
|
|
@@ -2102,42 +2102,42 @@ var M = {
|
|
|
2102
2102
|
]
|
|
2103
2103
|
})
|
|
2104
2104
|
}),
|
|
2105
|
-
!
|
|
2106
|
-
className:
|
|
2105
|
+
!Pe && /* @__PURE__ */ n("div", {
|
|
2106
|
+
className: X.cards,
|
|
2107
2107
|
role: "list",
|
|
2108
2108
|
"aria-label": h ?? p,
|
|
2109
|
-
children: [T && !_ && !
|
|
2110
|
-
className:
|
|
2111
|
-
children: [/* @__PURE__ */ t(
|
|
2112
|
-
checked:
|
|
2113
|
-
indeterminate:
|
|
2109
|
+
children: [T && !_ && !Ie && Ce.length > 0 && /* @__PURE__ */ n("div", {
|
|
2110
|
+
className: X.mobileSelectionControls,
|
|
2111
|
+
children: [/* @__PURE__ */ t(Se, {
|
|
2112
|
+
checked: Ae,
|
|
2113
|
+
indeterminate: je,
|
|
2114
2114
|
ariaLabel: A,
|
|
2115
2115
|
label: A,
|
|
2116
|
-
onChange:
|
|
2116
|
+
onChange: Ue
|
|
2117
2117
|
}), /* @__PURE__ */ t(j, {
|
|
2118
2118
|
size: "sm",
|
|
2119
2119
|
variant: "empty",
|
|
2120
|
-
disabled:
|
|
2121
|
-
onClick:
|
|
2120
|
+
disabled: Te.size === 0,
|
|
2121
|
+
onClick: We,
|
|
2122
2122
|
children: M
|
|
2123
2123
|
})]
|
|
2124
|
-
}), _ ? /* @__PURE__ */ t(
|
|
2124
|
+
}), _ ? /* @__PURE__ */ t(Ke, {
|
|
2125
2125
|
lines: 4,
|
|
2126
2126
|
height: 65
|
|
2127
|
-
}) :
|
|
2128
|
-
className:
|
|
2129
|
-
children:
|
|
2130
|
-
}) :
|
|
2131
|
-
className:
|
|
2127
|
+
}) : Ie ? /* @__PURE__ */ t("div", {
|
|
2128
|
+
className: X.state,
|
|
2129
|
+
children: Ie
|
|
2130
|
+
}) : Ce.length === 0 ? /* @__PURE__ */ t("div", {
|
|
2131
|
+
className: X.state,
|
|
2132
2132
|
children: y
|
|
2133
|
-
}) :
|
|
2134
|
-
let r =
|
|
2135
|
-
className:
|
|
2133
|
+
}) : Ce.map((e) => {
|
|
2134
|
+
let r = Te.has(e.id), i = De.has(e.id), a = k?.(e.original) ?? `Выбрать строку ${e.index + 1}`, o = T && /* @__PURE__ */ n("div", {
|
|
2135
|
+
className: X.cardSelectionControls,
|
|
2136
2136
|
onClick: (e) => e.stopPropagation(),
|
|
2137
|
-
children: [/* @__PURE__ */ t(
|
|
2137
|
+
children: [/* @__PURE__ */ t(Se, {
|
|
2138
2138
|
checked: r,
|
|
2139
2139
|
ariaLabel: a,
|
|
2140
|
-
onChange: () =>
|
|
2140
|
+
onChange: () => He(e.id)
|
|
2141
2141
|
}), O && /* @__PURE__ */ t(j, {
|
|
2142
2142
|
size: "sm",
|
|
2143
2143
|
variant: "empty",
|
|
@@ -2148,119 +2148,119 @@ var M = {
|
|
|
2148
2148
|
size: "sm",
|
|
2149
2149
|
variant: "empty",
|
|
2150
2150
|
"aria-expanded": i,
|
|
2151
|
-
"aria-label":
|
|
2151
|
+
"aria-label": re?.(e.original, i) ?? (i ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2152
2152
|
onClick: (t) => {
|
|
2153
|
-
t.stopPropagation(),
|
|
2153
|
+
t.stopPropagation(), Ge(e.id);
|
|
2154
2154
|
},
|
|
2155
|
-
children: /* @__PURE__ */ t(
|
|
2155
|
+
children: /* @__PURE__ */ t(K, {
|
|
2156
2156
|
name: "IconChevron",
|
|
2157
2157
|
width: 16,
|
|
2158
2158
|
height: 16,
|
|
2159
|
-
className: i ?
|
|
2159
|
+
className: i ? X.expansionIconOpen : X.expansionIcon
|
|
2160
2160
|
})
|
|
2161
2161
|
});
|
|
2162
2162
|
if (u) return /* @__PURE__ */ n("div", {
|
|
2163
2163
|
role: "listitem",
|
|
2164
|
-
className: `${
|
|
2164
|
+
className: `${X.customCardShell} ${r ? X.selectedCard : ""}`,
|
|
2165
2165
|
"aria-selected": T ? r : void 0,
|
|
2166
2166
|
onClick: () => {
|
|
2167
|
-
T &&
|
|
2167
|
+
T && He(e.id);
|
|
2168
2168
|
},
|
|
2169
2169
|
children: [
|
|
2170
2170
|
o,
|
|
2171
2171
|
u({
|
|
2172
2172
|
row: e.original,
|
|
2173
|
-
columns:
|
|
2173
|
+
columns: W
|
|
2174
2174
|
}),
|
|
2175
2175
|
s,
|
|
2176
2176
|
i && /* @__PURE__ */ t("div", {
|
|
2177
|
-
className:
|
|
2177
|
+
className: X.cardDetail,
|
|
2178
2178
|
children: V?.({
|
|
2179
2179
|
row: e.original,
|
|
2180
2180
|
rowId: e.id,
|
|
2181
|
-
collapse: () =>
|
|
2181
|
+
collapse: () => Ge(e.id)
|
|
2182
2182
|
})
|
|
2183
2183
|
})
|
|
2184
2184
|
]
|
|
2185
2185
|
}, e.id);
|
|
2186
|
-
let c =
|
|
2186
|
+
let c = W.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), l = c.find((e) => e.mobile?.primary) ?? c.find((e) => e.mobile?.mobileVariant !== "actions"), d = (t) => st(t.accessor, e.original), f = (t) => t.mobile?.renderMobile?.(e.original, d(t)) ?? t.cell?.(e.original, d(t)) ?? String(d(t) ?? "");
|
|
2187
2187
|
return /* @__PURE__ */ n("article", {
|
|
2188
2188
|
role: "listitem",
|
|
2189
|
-
className: `${
|
|
2189
|
+
className: `${X.card} ${r ? X.selectedCard : ""}`,
|
|
2190
2190
|
"aria-selected": T ? r : void 0,
|
|
2191
2191
|
onClick: () => {
|
|
2192
|
-
T &&
|
|
2192
|
+
T && He(e.id);
|
|
2193
2193
|
},
|
|
2194
2194
|
children: [
|
|
2195
2195
|
o,
|
|
2196
2196
|
s,
|
|
2197
2197
|
/* @__PURE__ */ t("h3", { children: l ? f(l) : `Строка ${e.index + 1}` }),
|
|
2198
2198
|
/* @__PURE__ */ t("dl", { children: c.filter((e) => e !== l && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
|
|
2199
|
-
className: e.mobile?.mobileSpan === 2 ?
|
|
2199
|
+
className: e.mobile?.mobileSpan === 2 ? X.spanTwo : "",
|
|
2200
2200
|
children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: f(e) })]
|
|
2201
2201
|
}, e.id)) }),
|
|
2202
2202
|
c.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: f(e) }, e.id)),
|
|
2203
2203
|
i && /* @__PURE__ */ t("div", {
|
|
2204
|
-
className:
|
|
2204
|
+
className: X.cardDetail,
|
|
2205
2205
|
children: V?.({
|
|
2206
2206
|
row: e.original,
|
|
2207
2207
|
rowId: e.id,
|
|
2208
|
-
collapse: () =>
|
|
2208
|
+
collapse: () => Ge(e.id)
|
|
2209
2209
|
})
|
|
2210
2210
|
})
|
|
2211
2211
|
]
|
|
2212
2212
|
}, e.id);
|
|
2213
2213
|
})]
|
|
2214
2214
|
}),
|
|
2215
|
-
|
|
2216
|
-
className:
|
|
2215
|
+
Le && /* @__PURE__ */ n("nav", {
|
|
2216
|
+
className: X.pagination,
|
|
2217
2217
|
"aria-label": "Пагинация таблицы",
|
|
2218
2218
|
children: [/* @__PURE__ */ n("span", {
|
|
2219
|
-
className:
|
|
2219
|
+
className: X.paginationRange,
|
|
2220
2220
|
"aria-live": "polite",
|
|
2221
2221
|
children: [
|
|
2222
|
-
Le,
|
|
2223
|
-
"–",
|
|
2224
2222
|
Re,
|
|
2223
|
+
"–",
|
|
2224
|
+
ze,
|
|
2225
2225
|
" из ",
|
|
2226
|
-
|
|
2226
|
+
be
|
|
2227
2227
|
]
|
|
2228
2228
|
}), /* @__PURE__ */ n("div", {
|
|
2229
|
-
className:
|
|
2229
|
+
className: X.paginationControls,
|
|
2230
2230
|
children: [
|
|
2231
2231
|
/* @__PURE__ */ n(j, {
|
|
2232
2232
|
variant: "empty",
|
|
2233
2233
|
size: "md",
|
|
2234
|
-
disabled: _ ||
|
|
2234
|
+
disabled: _ || J === 0,
|
|
2235
2235
|
"aria-label": "Предыдущая страница",
|
|
2236
2236
|
onClick: () => {
|
|
2237
|
-
|
|
2237
|
+
Be(J - 1);
|
|
2238
2238
|
},
|
|
2239
|
-
children: [/* @__PURE__ */ t(
|
|
2239
|
+
children: [/* @__PURE__ */ t(K, {
|
|
2240
2240
|
name: "IconChevron",
|
|
2241
2241
|
width: 18,
|
|
2242
2242
|
height: 18,
|
|
2243
|
-
className:
|
|
2243
|
+
className: X.previousIcon
|
|
2244
2244
|
}), /* @__PURE__ */ t("span", {
|
|
2245
|
-
className:
|
|
2245
|
+
className: X.paginationButtonLabel,
|
|
2246
2246
|
children: "Назад"
|
|
2247
2247
|
})]
|
|
2248
2248
|
}),
|
|
2249
2249
|
/* @__PURE__ */ t("div", {
|
|
2250
|
-
className:
|
|
2251
|
-
children:
|
|
2252
|
-
variant: e ===
|
|
2250
|
+
className: X.pageNumbers,
|
|
2251
|
+
children: Ne.map((e) => typeof e == "number" ? /* @__PURE__ */ t(j, {
|
|
2252
|
+
variant: e === J ? "secondary" : "empty",
|
|
2253
2253
|
size: "md",
|
|
2254
|
-
className:
|
|
2254
|
+
className: X.pageButton,
|
|
2255
2255
|
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
2256
|
-
"aria-current": e ===
|
|
2256
|
+
"aria-current": e === J ? "page" : void 0,
|
|
2257
2257
|
disabled: _,
|
|
2258
2258
|
onClick: () => {
|
|
2259
|
-
|
|
2259
|
+
Be(e);
|
|
2260
2260
|
},
|
|
2261
2261
|
children: e + 1
|
|
2262
2262
|
}, e) : /* @__PURE__ */ t("span", {
|
|
2263
|
-
className:
|
|
2263
|
+
className: X.ellipsis,
|
|
2264
2264
|
"aria-hidden": "true",
|
|
2265
2265
|
children: "…"
|
|
2266
2266
|
}, e))
|
|
@@ -2268,19 +2268,19 @@ var M = {
|
|
|
2268
2268
|
/* @__PURE__ */ n(j, {
|
|
2269
2269
|
variant: "empty",
|
|
2270
2270
|
size: "md",
|
|
2271
|
-
disabled: _ ||
|
|
2271
|
+
disabled: _ || J === xe - 1,
|
|
2272
2272
|
"aria-label": "Следующая страница",
|
|
2273
2273
|
onClick: () => {
|
|
2274
|
-
|
|
2274
|
+
Be(J + 1);
|
|
2275
2275
|
},
|
|
2276
2276
|
children: [/* @__PURE__ */ t("span", {
|
|
2277
|
-
className:
|
|
2277
|
+
className: X.paginationButtonLabel,
|
|
2278
2278
|
children: "Вперёд"
|
|
2279
|
-
}), /* @__PURE__ */ t(
|
|
2279
|
+
}), /* @__PURE__ */ t(K, {
|
|
2280
2280
|
name: "IconChevron",
|
|
2281
2281
|
width: 18,
|
|
2282
2282
|
height: 18,
|
|
2283
|
-
className:
|
|
2283
|
+
className: X.nextIcon
|
|
2284
2284
|
})]
|
|
2285
2285
|
})
|
|
2286
2286
|
]
|
|
@@ -2288,23 +2288,23 @@ var M = {
|
|
|
2288
2288
|
})
|
|
2289
2289
|
]
|
|
2290
2290
|
});
|
|
2291
|
-
},
|
|
2291
|
+
}, gt = 8, _t = 6, vt = 120, yt = (e) => {
|
|
2292
2292
|
if (typeof e == "number") return e;
|
|
2293
2293
|
if (typeof e == "string") {
|
|
2294
2294
|
let t = Number.parseFloat(e);
|
|
2295
2295
|
if (Number.isFinite(t)) return t;
|
|
2296
2296
|
}
|
|
2297
2297
|
return Infinity;
|
|
2298
|
-
},
|
|
2298
|
+
}, bt = ({ 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 }) => {
|
|
2299
2299
|
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(() => {
|
|
2300
2300
|
let e = F.current, t = I.current;
|
|
2301
2301
|
if (!e || !t) return;
|
|
2302
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom -
|
|
2302
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom - gt, a = n.top - gt, o = i < r.height && a > i, s = Math.max(vt, o ? a : i), c = window.innerWidth - n.width - gt;
|
|
2303
2303
|
N({
|
|
2304
|
-
top: o ? Math.max(
|
|
2305
|
-
left: Math.max(
|
|
2304
|
+
top: o ? Math.max(gt, n.top - r.height - _t) : n.bottom + _t,
|
|
2305
|
+
left: Math.max(gt, Math.min(n.left, c)),
|
|
2306
2306
|
width: n.width,
|
|
2307
|
-
maxHeight: Math.min(s,
|
|
2307
|
+
maxHeight: Math.min(s, yt(E))
|
|
2308
2308
|
});
|
|
2309
2309
|
}, [E]);
|
|
2310
2310
|
p(() => {
|
|
@@ -2331,17 +2331,17 @@ var M = {
|
|
|
2331
2331
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
2332
2332
|
};
|
|
2333
2333
|
}, [A]);
|
|
2334
|
-
let
|
|
2335
|
-
let r =
|
|
2334
|
+
let ne = (t, n) => {
|
|
2335
|
+
let r = Xe(e, t, n);
|
|
2336
2336
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
2337
|
-
},
|
|
2337
|
+
}, re = (t) => {
|
|
2338
2338
|
if (t.disabled) return;
|
|
2339
2339
|
let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
|
|
2340
2340
|
i?.(n, e.filter((e) => n.includes(e.value))), w && (j(!1), F.current?.focus());
|
|
2341
|
-
},
|
|
2341
|
+
}, ie = A ? /* @__PURE__ */ t("ul", {
|
|
2342
2342
|
ref: I,
|
|
2343
2343
|
id: k,
|
|
2344
|
-
className:
|
|
2344
|
+
className: Y.menu,
|
|
2345
2345
|
role: "listbox",
|
|
2346
2346
|
"aria-label": c,
|
|
2347
2347
|
"aria-multiselectable": "true",
|
|
@@ -2371,25 +2371,25 @@ var M = {
|
|
|
2371
2371
|
"aria-selected": o,
|
|
2372
2372
|
disabled: i.disabled,
|
|
2373
2373
|
className: [
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
o ?
|
|
2374
|
+
Y[v],
|
|
2375
|
+
Y.option,
|
|
2376
|
+
o ? Y.selected : ""
|
|
2377
2377
|
].filter(Boolean).join(" "),
|
|
2378
|
-
onClick: () =>
|
|
2378
|
+
onClick: () => re(i),
|
|
2379
2379
|
onKeyDown: (t) => {
|
|
2380
2380
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
2381
2381
|
t.preventDefault();
|
|
2382
2382
|
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
2383
|
-
|
|
2383
|
+
ne(a + e, e);
|
|
2384
2384
|
}
|
|
2385
2385
|
if (t.key === "Home" || t.key === "End") {
|
|
2386
2386
|
t.preventDefault();
|
|
2387
2387
|
let n = t.key === "Home" ? 1 : -1;
|
|
2388
|
-
|
|
2388
|
+
ne(t.key === "Home" ? 0 : e.length - 1, n);
|
|
2389
2389
|
}
|
|
2390
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
2390
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), re(i)), t.key === "Tab" && j(!1);
|
|
2391
2391
|
},
|
|
2392
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(
|
|
2392
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(K, {
|
|
2393
2393
|
name: "IconCheck",
|
|
2394
2394
|
width: 16,
|
|
2395
2395
|
height: 16
|
|
@@ -2401,8 +2401,8 @@ var M = {
|
|
|
2401
2401
|
return /* @__PURE__ */ n("div", {
|
|
2402
2402
|
ref: P,
|
|
2403
2403
|
className: [
|
|
2404
|
-
|
|
2405
|
-
u ?
|
|
2404
|
+
Y.wrapper,
|
|
2405
|
+
u ? Y.errorState : "",
|
|
2406
2406
|
x
|
|
2407
2407
|
].filter(Boolean).join(" "),
|
|
2408
2408
|
children: [
|
|
@@ -2413,10 +2413,10 @@ var M = {
|
|
|
2413
2413
|
children: c
|
|
2414
2414
|
}),
|
|
2415
2415
|
/* @__PURE__ */ t("div", {
|
|
2416
|
-
className:
|
|
2416
|
+
className: Y.container,
|
|
2417
2417
|
children: V ? /* @__PURE__ */ t("div", {
|
|
2418
2418
|
id: O,
|
|
2419
|
-
className: `${
|
|
2419
|
+
className: `${Y.disabledText} ${Y[v]}`,
|
|
2420
2420
|
"aria-describedby": te,
|
|
2421
2421
|
children: R || a
|
|
2422
2422
|
}) : /* @__PURE__ */ n("button", {
|
|
@@ -2424,7 +2424,7 @@ var M = {
|
|
|
2424
2424
|
id: O,
|
|
2425
2425
|
type: "button",
|
|
2426
2426
|
name: S,
|
|
2427
|
-
className: `${
|
|
2427
|
+
className: `${Y.trigger} ${Y[v]}`,
|
|
2428
2428
|
disabled: o,
|
|
2429
2429
|
"aria-haspopup": "listbox",
|
|
2430
2430
|
"aria-expanded": A,
|
|
@@ -2436,16 +2436,16 @@ var M = {
|
|
|
2436
2436
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
2437
2437
|
t.preventDefault(), j(!0);
|
|
2438
2438
|
let n = t.key === "ArrowDown" ? 1 : -1;
|
|
2439
|
-
requestAnimationFrame(() =>
|
|
2439
|
+
requestAnimationFrame(() => ne(t.key === "ArrowDown" ? 0 : e.length - 1, n));
|
|
2440
2440
|
}
|
|
2441
2441
|
},
|
|
2442
2442
|
children: [/* @__PURE__ */ t("span", {
|
|
2443
|
-
className: `${R ?
|
|
2443
|
+
className: `${R ? Y.value : Y.placeholder} ${Y[v]}`,
|
|
2444
2444
|
children: R || a
|
|
2445
2445
|
}), /* @__PURE__ */ t("span", {
|
|
2446
|
-
className: [
|
|
2446
|
+
className: [Y.chevron, A ? Y.chevronOpen : ""].filter(Boolean).join(" "),
|
|
2447
2447
|
"aria-hidden": "true",
|
|
2448
|
-
children: /* @__PURE__ */ t(
|
|
2448
|
+
children: /* @__PURE__ */ t(K, {
|
|
2449
2449
|
name: "IconChevron",
|
|
2450
2450
|
width: 20,
|
|
2451
2451
|
height: 20
|
|
@@ -2453,20 +2453,20 @@ var M = {
|
|
|
2453
2453
|
})]
|
|
2454
2454
|
})
|
|
2455
2455
|
}),
|
|
2456
|
-
A && _(
|
|
2456
|
+
A && _(ie, document.body),
|
|
2457
2457
|
b && !u && /* @__PURE__ */ t("span", {
|
|
2458
2458
|
id: z,
|
|
2459
|
-
className:
|
|
2459
|
+
className: Y.message,
|
|
2460
2460
|
children: b
|
|
2461
2461
|
}),
|
|
2462
2462
|
u && /* @__PURE__ */ t("span", {
|
|
2463
2463
|
id: B,
|
|
2464
|
-
className:
|
|
2464
|
+
className: Y.error,
|
|
2465
2465
|
children: u
|
|
2466
2466
|
})
|
|
2467
2467
|
]
|
|
2468
2468
|
});
|
|
2469
|
-
},
|
|
2469
|
+
}, xt = {
|
|
2470
2470
|
wrapper: "_wrapper_1izp1_1",
|
|
2471
2471
|
control: "_control_1izp1_15",
|
|
2472
2472
|
input: "_input_1izp1_25",
|
|
@@ -2476,12 +2476,12 @@ var M = {
|
|
|
2476
2476
|
lg: "_lg_1izp1_139",
|
|
2477
2477
|
inputError: "_inputError_1izp1_155",
|
|
2478
2478
|
trailingAction: "_trailingAction_1izp1_163"
|
|
2479
|
-
},
|
|
2479
|
+
}, St = ({ 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 }) => {
|
|
2480
2480
|
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;
|
|
2481
2481
|
return d(() => {
|
|
2482
2482
|
C || M(!1);
|
|
2483
2483
|
}, [C]), /* @__PURE__ */ n("div", {
|
|
2484
|
-
className: `${
|
|
2484
|
+
className: `${xt.wrapper} ${m}`,
|
|
2485
2485
|
children: [
|
|
2486
2486
|
l && /* @__PURE__ */ t(ee, {
|
|
2487
2487
|
htmlFor: k,
|
|
@@ -2491,11 +2491,11 @@ var M = {
|
|
|
2491
2491
|
}),
|
|
2492
2492
|
o && c ? /* @__PURE__ */ t("div", {
|
|
2493
2493
|
id: k,
|
|
2494
|
-
className:
|
|
2494
|
+
className: xt.disabledText,
|
|
2495
2495
|
"aria-describedby": L,
|
|
2496
2496
|
children: I || a
|
|
2497
2497
|
}) : /* @__PURE__ */ n("div", {
|
|
2498
|
-
className:
|
|
2498
|
+
className: xt.control,
|
|
2499
2499
|
children: [
|
|
2500
2500
|
/* @__PURE__ */ t("input", {
|
|
2501
2501
|
ref: A,
|
|
@@ -2509,7 +2509,7 @@ var M = {
|
|
|
2509
2509
|
required: x,
|
|
2510
2510
|
"aria-invalid": !!u,
|
|
2511
2511
|
"aria-describedby": L,
|
|
2512
|
-
className: `${
|
|
2512
|
+
className: `${xt.input} ${xt[y]} ${u ? xt.inputError : ""}`,
|
|
2513
2513
|
onChange: (e) => {
|
|
2514
2514
|
if (i === "number" && !C) {
|
|
2515
2515
|
let t = e.target.value === "" ? "" : Number(e.target.value);
|
|
@@ -2525,12 +2525,12 @@ var M = {
|
|
|
2525
2525
|
}),
|
|
2526
2526
|
C && /* @__PURE__ */ t("button", {
|
|
2527
2527
|
type: "button",
|
|
2528
|
-
className:
|
|
2528
|
+
className: xt.trailingAction,
|
|
2529
2529
|
disabled: o,
|
|
2530
2530
|
"aria-label": j ? w : T,
|
|
2531
2531
|
"aria-pressed": j,
|
|
2532
2532
|
onClick: () => M((e) => !e),
|
|
2533
|
-
children: /* @__PURE__ */ t(
|
|
2533
|
+
children: /* @__PURE__ */ t(K, {
|
|
2534
2534
|
name: j ? "IconEyeOff" : "IconEye",
|
|
2535
2535
|
width: 20,
|
|
2536
2536
|
height: 20
|
|
@@ -2538,13 +2538,13 @@ var M = {
|
|
|
2538
2538
|
}),
|
|
2539
2539
|
!C && b && I && !o && !s && /* @__PURE__ */ t("button", {
|
|
2540
2540
|
type: "button",
|
|
2541
|
-
className:
|
|
2541
|
+
className: xt.trailingAction,
|
|
2542
2542
|
"aria-label": "Очистить поле",
|
|
2543
2543
|
onClick: () => {
|
|
2544
2544
|
let e = A.current;
|
|
2545
2545
|
e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
2546
2546
|
},
|
|
2547
|
-
children: /* @__PURE__ */ t(
|
|
2547
|
+
children: /* @__PURE__ */ t(K, {
|
|
2548
2548
|
name: "IconCross",
|
|
2549
2549
|
width: 20,
|
|
2550
2550
|
height: 20
|
|
@@ -2563,17 +2563,17 @@ var M = {
|
|
|
2563
2563
|
})
|
|
2564
2564
|
]
|
|
2565
2565
|
});
|
|
2566
|
-
},
|
|
2566
|
+
}, Ct = (e, t) => {
|
|
2567
2567
|
let n = t.trim().toLocaleLowerCase();
|
|
2568
2568
|
return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
|
|
2569
|
-
},
|
|
2569
|
+
}, wt = (e, t, n) => {
|
|
2570
2570
|
if (!e.length) return -1;
|
|
2571
2571
|
for (let r = 0; r < e.length; r += 1) {
|
|
2572
2572
|
let i = (t + r * n + e.length) % e.length;
|
|
2573
2573
|
if (!e[i]?.disabled) return i;
|
|
2574
2574
|
}
|
|
2575
2575
|
return -1;
|
|
2576
|
-
},
|
|
2576
|
+
}, Z = {
|
|
2577
2577
|
wrapper: "_wrapper_1v2s8_1",
|
|
2578
2578
|
control: "_control_1v2s8_17",
|
|
2579
2579
|
inputHost: "_inputHost_1v2s8_25",
|
|
@@ -2591,43 +2591,43 @@ var M = {
|
|
|
2591
2591
|
selected: "_selected_1v2s8_321",
|
|
2592
2592
|
active: "_active_1v2s8_321",
|
|
2593
2593
|
visuallyHidden: "_visuallyHidden_1v2s8_341"
|
|
2594
|
-
},
|
|
2594
|
+
}, Tt = 8, Et = 6, Dt = 5, Ot = 10, kt = {
|
|
2595
2595
|
sm: 30,
|
|
2596
2596
|
md: 40,
|
|
2597
2597
|
lg: 50
|
|
2598
|
-
},
|
|
2598
|
+
}, At = ({ 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 }) => {
|
|
2599
2599
|
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 = [
|
|
2600
2600
|
A,
|
|
2601
2601
|
j,
|
|
2602
2602
|
M
|
|
2603
|
-
].filter(Boolean).join(" "), F = h(null), I = h(null), L = h([]), [R, z] = g(!1), [B, te] = g(""), [V, H] = g(-1), [
|
|
2604
|
-
d(() => te(
|
|
2605
|
-
let
|
|
2603
|
+
].filter(Boolean).join(" "), F = h(null), I = h(null), L = h([]), [R, z] = g(!1), [B, te] = g(""), [V, H] = g(-1), [ne, re] = g(null), ie = m(() => e.find((e) => e.value === r), [e, r]), ae = m(() => Ct(e, B), [e, B]), oe = s && u, se = V >= 0 ? ae[V] : void 0;
|
|
2604
|
+
d(() => te(ie?.label ?? ""), [ie?.label, r]);
|
|
2605
|
+
let ce = l(() => F.current?.querySelector("input") ?? null, []), le = l((e, t) => wt(ae, e, t), [ae]), ue = l((e) => {
|
|
2606
2606
|
H(e), !(e < 0) && requestAnimationFrame(() => L.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
2607
|
-
}, []),
|
|
2608
|
-
let e =
|
|
2607
|
+
}, []), U = l(() => {
|
|
2608
|
+
let e = ce();
|
|
2609
2609
|
if (!e) return;
|
|
2610
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(
|
|
2611
|
-
|
|
2610
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(ae.length, Dt)) * kt[x] + Ot, r = window.innerHeight - t.bottom - Tt, i = t.top - Tt, a = r < n && i > r, o = a ? i : r, s = Math.max(kt[x] + Ot, Math.min(n, o)), c = window.innerWidth - t.width - Tt, l = Math.max(Tt, Math.min(t.left, c)), u = a ? Math.max(Tt, t.top - s - Et) : t.bottom + Et;
|
|
2611
|
+
re({
|
|
2612
2612
|
top: u,
|
|
2613
2613
|
left: l,
|
|
2614
2614
|
width: t.width,
|
|
2615
2615
|
maxHeight: s
|
|
2616
2616
|
});
|
|
2617
2617
|
}, [
|
|
2618
|
-
|
|
2619
|
-
|
|
2618
|
+
ae.length,
|
|
2619
|
+
ce,
|
|
2620
2620
|
x
|
|
2621
2621
|
]);
|
|
2622
2622
|
p(() => {
|
|
2623
2623
|
if (!R) {
|
|
2624
|
-
|
|
2624
|
+
re(null);
|
|
2625
2625
|
return;
|
|
2626
2626
|
}
|
|
2627
|
-
return
|
|
2628
|
-
window.removeEventListener("resize",
|
|
2627
|
+
return U(), window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), () => {
|
|
2628
|
+
window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
|
|
2629
2629
|
};
|
|
2630
|
-
}, [R,
|
|
2630
|
+
}, [R, U]), d(() => {
|
|
2631
2631
|
if (!R) return;
|
|
2632
2632
|
let e = (e) => {
|
|
2633
2633
|
let t = e.target;
|
|
@@ -2635,31 +2635,31 @@ var M = {
|
|
|
2635
2635
|
};
|
|
2636
2636
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
2637
2637
|
}, [R]);
|
|
2638
|
-
let
|
|
2639
|
-
s || c || (z(!0), H(
|
|
2640
|
-
},
|
|
2641
|
-
e.disabled || (te(e.label), z(!1), H(-1), i?.(e.value, e),
|
|
2642
|
-
},
|
|
2638
|
+
let de = () => {
|
|
2639
|
+
s || c || (z(!0), H(le(0, 1)));
|
|
2640
|
+
}, fe = (e) => {
|
|
2641
|
+
e.disabled || (te(e.label), z(!1), H(-1), i?.(e.value, e), ce()?.focus());
|
|
2642
|
+
}, pe = R ? /* @__PURE__ */ t("ul", {
|
|
2643
2643
|
ref: I,
|
|
2644
2644
|
id: k,
|
|
2645
|
-
className: `${
|
|
2645
|
+
className: `${Z.menu} ${ae.length === 0 ? Z.menuEmpty : ""}`,
|
|
2646
2646
|
role: "listbox",
|
|
2647
2647
|
"aria-label": v,
|
|
2648
|
-
style:
|
|
2649
|
-
top:
|
|
2650
|
-
left:
|
|
2651
|
-
width:
|
|
2652
|
-
maxHeight:
|
|
2648
|
+
style: ne ? {
|
|
2649
|
+
top: ne.top,
|
|
2650
|
+
left: ne.left,
|
|
2651
|
+
width: ne.width,
|
|
2652
|
+
maxHeight: ne.maxHeight
|
|
2653
2653
|
} : {
|
|
2654
2654
|
top: 0,
|
|
2655
2655
|
left: 0,
|
|
2656
2656
|
visibility: "hidden",
|
|
2657
2657
|
maxHeight: 0
|
|
2658
2658
|
},
|
|
2659
|
-
children:
|
|
2660
|
-
className: `${
|
|
2659
|
+
children: ae.length === 0 ? /* @__PURE__ */ t("li", {
|
|
2660
|
+
className: `${Z.empty} ${Z[x]}`,
|
|
2661
2661
|
children: o
|
|
2662
|
-
}) :
|
|
2662
|
+
}) : ae.map((e, i) => {
|
|
2663
2663
|
let a = e.value === r, o = i === V;
|
|
2664
2664
|
return /* @__PURE__ */ t("li", {
|
|
2665
2665
|
role: "presentation",
|
|
@@ -2675,16 +2675,16 @@ var M = {
|
|
|
2675
2675
|
"aria-disabled": e.disabled,
|
|
2676
2676
|
"aria-selected": a,
|
|
2677
2677
|
className: [
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
a ?
|
|
2681
|
-
o ?
|
|
2678
|
+
Z.option,
|
|
2679
|
+
Z[x],
|
|
2680
|
+
a ? Z.selected : "",
|
|
2681
|
+
o ? Z.active : ""
|
|
2682
2682
|
].filter(Boolean).join(" "),
|
|
2683
2683
|
onPointerMove: () => {
|
|
2684
2684
|
e.disabled || H(i);
|
|
2685
2685
|
},
|
|
2686
|
-
onClick: () =>
|
|
2687
|
-
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(
|
|
2686
|
+
onClick: () => fe(e),
|
|
2687
|
+
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(K, {
|
|
2688
2688
|
name: "IconCheck",
|
|
2689
2689
|
width: 16,
|
|
2690
2690
|
height: 16
|
|
@@ -2696,23 +2696,23 @@ var M = {
|
|
|
2696
2696
|
return /* @__PURE__ */ n("div", {
|
|
2697
2697
|
ref: F,
|
|
2698
2698
|
className: [
|
|
2699
|
-
|
|
2700
|
-
y ?
|
|
2699
|
+
Z.wrapper,
|
|
2700
|
+
y ? Z.errorState : "",
|
|
2701
2701
|
C
|
|
2702
2702
|
].filter(Boolean).join(" "),
|
|
2703
2703
|
children: [
|
|
2704
2704
|
v && /* @__PURE__ */ t(ee, {
|
|
2705
|
-
htmlFor:
|
|
2705
|
+
htmlFor: oe ? void 0 : O,
|
|
2706
2706
|
required: S,
|
|
2707
2707
|
disabled: s,
|
|
2708
2708
|
children: v
|
|
2709
2709
|
}),
|
|
2710
|
-
|
|
2711
|
-
className: `${
|
|
2712
|
-
children:
|
|
2710
|
+
oe ? /* @__PURE__ */ t("div", {
|
|
2711
|
+
className: `${Z.disabledText} ${Z[x]}`,
|
|
2712
|
+
children: ie?.label ?? a
|
|
2713
2713
|
}) : /* @__PURE__ */ n("div", {
|
|
2714
|
-
className:
|
|
2715
|
-
children: [/* @__PURE__ */ t(
|
|
2714
|
+
className: Z.control,
|
|
2715
|
+
children: [/* @__PURE__ */ t(St, {
|
|
2716
2716
|
id: O,
|
|
2717
2717
|
name: w,
|
|
2718
2718
|
value: B,
|
|
@@ -2723,50 +2723,50 @@ var M = {
|
|
|
2723
2723
|
size: x,
|
|
2724
2724
|
clearable: !1,
|
|
2725
2725
|
autoComplete: "off",
|
|
2726
|
-
className: `${
|
|
2727
|
-
onFocus:
|
|
2726
|
+
className: `${Z.inputHost} ${Z[x]}`,
|
|
2727
|
+
onFocus: de,
|
|
2728
2728
|
onChange: (t) => {
|
|
2729
|
-
let n = String(t), r =
|
|
2730
|
-
te(n), z(!0), H(
|
|
2729
|
+
let n = String(t), r = Ct(e, n);
|
|
2730
|
+
te(n), z(!0), H(wt(r, 0, 1));
|
|
2731
2731
|
},
|
|
2732
2732
|
role: "combobox",
|
|
2733
2733
|
"aria-autocomplete": "list",
|
|
2734
2734
|
"aria-expanded": R,
|
|
2735
2735
|
"aria-controls": k,
|
|
2736
|
-
"aria-activedescendant":
|
|
2736
|
+
"aria-activedescendant": se ? `${O}-option-${V}` : void 0,
|
|
2737
2737
|
"aria-invalid": !!y,
|
|
2738
2738
|
"aria-describedby": P,
|
|
2739
|
-
onClick:
|
|
2739
|
+
onClick: de,
|
|
2740
2740
|
onKeyDown: (e) => {
|
|
2741
2741
|
if (!(s || c)) {
|
|
2742
2742
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
2743
2743
|
e.preventDefault();
|
|
2744
|
-
let t = e.key === "ArrowDown" ? 1 : -1, n = V >= 0 ? V + t : t === 1 ? 0 :
|
|
2745
|
-
z(!0), le(
|
|
2744
|
+
let t = e.key === "ArrowDown" ? 1 : -1, n = V >= 0 ? V + t : t === 1 ? 0 : ae.length - 1;
|
|
2745
|
+
z(!0), ue(le(n, t));
|
|
2746
2746
|
} else if (e.key === "Home" || e.key === "End") {
|
|
2747
2747
|
if (!R) return;
|
|
2748
2748
|
e.preventDefault();
|
|
2749
2749
|
let t = e.key === "Home" ? 1 : -1;
|
|
2750
|
-
le(
|
|
2751
|
-
} else e.key === "Enter" && R &&
|
|
2750
|
+
ue(le(e.key === "Home" ? 0 : ae.length - 1, t));
|
|
2751
|
+
} else e.key === "Enter" && R && se ? (e.preventDefault(), fe(se)) : e.key === "Escape" && R ? (e.preventDefault(), z(!1), H(-1)) : e.key === "Tab" && (z(!1), H(-1));
|
|
2752
2752
|
}
|
|
2753
2753
|
}
|
|
2754
2754
|
}), /* @__PURE__ */ t("span", {
|
|
2755
|
-
className: `${
|
|
2755
|
+
className: `${Z.chevron} ${R ? Z.chevronOpen : ""}`,
|
|
2756
2756
|
"aria-hidden": "true",
|
|
2757
|
-
children: /* @__PURE__ */ t(
|
|
2757
|
+
children: /* @__PURE__ */ t(K, {
|
|
2758
2758
|
name: "IconChevron",
|
|
2759
2759
|
width: 20,
|
|
2760
2760
|
height: 20
|
|
2761
2761
|
})
|
|
2762
2762
|
})]
|
|
2763
2763
|
}),
|
|
2764
|
-
R && typeof document < "u" && _(
|
|
2764
|
+
R && typeof document < "u" && _(pe, document.body),
|
|
2765
2765
|
/* @__PURE__ */ n("span", {
|
|
2766
2766
|
id: A,
|
|
2767
|
-
className:
|
|
2767
|
+
className: Z.visuallyHidden,
|
|
2768
2768
|
"aria-live": "polite",
|
|
2769
|
-
children: ["Найдено вариантов: ",
|
|
2769
|
+
children: ["Найдено вариантов: ", ae.length]
|
|
2770
2770
|
}),
|
|
2771
2771
|
b && !y && /* @__PURE__ */ t(N, {
|
|
2772
2772
|
id: j,
|
|
@@ -2779,55 +2779,55 @@ var M = {
|
|
|
2779
2779
|
})
|
|
2780
2780
|
]
|
|
2781
2781
|
});
|
|
2782
|
-
},
|
|
2782
|
+
}, jt = {
|
|
2783
2783
|
root: "_root_11adi_1",
|
|
2784
2784
|
header: "_header_11adi_21",
|
|
2785
2785
|
title: "_title_11adi_41",
|
|
2786
2786
|
dismiss: "_dismiss_11adi_55",
|
|
2787
2787
|
content: "_content_11adi_65"
|
|
2788
|
-
},
|
|
2788
|
+
}, Mt = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: c = "" }) => {
|
|
2789
2789
|
let l = `ds-info-block-${f()}`;
|
|
2790
2790
|
return /* @__PURE__ */ n("section", {
|
|
2791
|
-
className: `${
|
|
2791
|
+
className: `${jt.root} ${c}`,
|
|
2792
2792
|
"aria-labelledby": l,
|
|
2793
2793
|
children: [/* @__PURE__ */ n("header", {
|
|
2794
|
-
className:
|
|
2794
|
+
className: jt.header,
|
|
2795
2795
|
children: [/* @__PURE__ */ t(s, {
|
|
2796
2796
|
id: l,
|
|
2797
|
-
className:
|
|
2797
|
+
className: jt.title,
|
|
2798
2798
|
children: e
|
|
2799
2799
|
}), i && /* @__PURE__ */ t(j, {
|
|
2800
|
-
className:
|
|
2800
|
+
className: jt.dismiss,
|
|
2801
2801
|
variant: "empty",
|
|
2802
2802
|
onClick: a,
|
|
2803
2803
|
"aria-label": o,
|
|
2804
|
-
children: /* @__PURE__ */ t(
|
|
2804
|
+
children: /* @__PURE__ */ t(K, {
|
|
2805
2805
|
name: "IconCross",
|
|
2806
2806
|
width: 20,
|
|
2807
2807
|
height: 20
|
|
2808
2808
|
})
|
|
2809
2809
|
})]
|
|
2810
2810
|
}), /* @__PURE__ */ t("div", {
|
|
2811
|
-
className:
|
|
2811
|
+
className: jt.content,
|
|
2812
2812
|
children: r
|
|
2813
2813
|
})]
|
|
2814
2814
|
});
|
|
2815
|
-
},
|
|
2815
|
+
}, Nt = {
|
|
2816
2816
|
wrapper: "_wrapper_1jspu_1",
|
|
2817
2817
|
input: "_input_1jspu_21",
|
|
2818
2818
|
switch: "_switch_1jspu_35",
|
|
2819
2819
|
thumb: "_thumb_1jspu_67",
|
|
2820
2820
|
label: "_label_1jspu_113",
|
|
2821
2821
|
disabled: "_disabled_1jspu_125"
|
|
2822
|
-
},
|
|
2822
|
+
}, Pt = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: c, id: l, value: u }) => {
|
|
2823
2823
|
let d = f(), p = l ?? `ds-radio-button-${c ?? d}`;
|
|
2824
2824
|
return /* @__PURE__ */ n("label", {
|
|
2825
2825
|
htmlFor: p,
|
|
2826
|
-
className: `${
|
|
2826
|
+
className: `${Nt.wrapper} ${a ? Nt.disabled : ""} ${s}`,
|
|
2827
2827
|
children: [
|
|
2828
2828
|
/* @__PURE__ */ t("input", {
|
|
2829
2829
|
id: p,
|
|
2830
|
-
className:
|
|
2830
|
+
className: Nt.input,
|
|
2831
2831
|
type: "checkbox",
|
|
2832
2832
|
role: "switch",
|
|
2833
2833
|
name: c,
|
|
@@ -2840,21 +2840,21 @@ var M = {
|
|
|
2840
2840
|
}
|
|
2841
2841
|
}),
|
|
2842
2842
|
/* @__PURE__ */ t("span", {
|
|
2843
|
-
className:
|
|
2843
|
+
className: Nt.switch,
|
|
2844
2844
|
"aria-hidden": "true",
|
|
2845
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
2845
|
+
children: /* @__PURE__ */ t("span", { className: Nt.thumb })
|
|
2846
2846
|
}),
|
|
2847
2847
|
i && /* @__PURE__ */ t("span", {
|
|
2848
|
-
className:
|
|
2848
|
+
className: Nt.label,
|
|
2849
2849
|
children: i
|
|
2850
2850
|
})
|
|
2851
2851
|
]
|
|
2852
2852
|
});
|
|
2853
|
-
},
|
|
2853
|
+
}, Ft = {
|
|
2854
2854
|
root: "_root_1ecm3_1",
|
|
2855
2855
|
grid: "_grid_1ecm3_13",
|
|
2856
2856
|
actions: "_actions_1ecm3_27"
|
|
2857
|
-
},
|
|
2857
|
+
}, It = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
2858
2858
|
let d = (e, t) => {
|
|
2859
2859
|
let n = {
|
|
2860
2860
|
...r,
|
|
@@ -2863,11 +2863,11 @@ var M = {
|
|
|
2863
2863
|
i?.(n, e), s === "instant" && a?.(n);
|
|
2864
2864
|
};
|
|
2865
2865
|
return /* @__PURE__ */ n("section", {
|
|
2866
|
-
className: `${
|
|
2866
|
+
className: `${Ft.root} ${u}`,
|
|
2867
2867
|
"aria-label": "Фильтры",
|
|
2868
2868
|
"aria-busy": c,
|
|
2869
2869
|
children: [/* @__PURE__ */ t("div", {
|
|
2870
|
-
className:
|
|
2870
|
+
className: Ft.grid,
|
|
2871
2871
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
2872
2872
|
let n = l || c || e.disabled, i = r[e.id];
|
|
2873
2873
|
if (e.type === "input") {
|
|
@@ -2877,19 +2877,19 @@ var M = {
|
|
|
2877
2877
|
placeholder: e.placeholder,
|
|
2878
2878
|
disabled: n
|
|
2879
2879
|
};
|
|
2880
|
-
return e.inputType === "number" ? /* @__PURE__ */ t(
|
|
2880
|
+
return e.inputType === "number" ? /* @__PURE__ */ t(St, {
|
|
2881
2881
|
...r,
|
|
2882
2882
|
type: "number",
|
|
2883
2883
|
value: i ?? "",
|
|
2884
2884
|
onChange: (t) => d(e.id, t)
|
|
2885
|
-
}, e.id) : /* @__PURE__ */ t(
|
|
2885
|
+
}, e.id) : /* @__PURE__ */ t(St, {
|
|
2886
2886
|
...r,
|
|
2887
2887
|
type: "text",
|
|
2888
2888
|
value: String(i ?? ""),
|
|
2889
2889
|
onChange: (t) => d(e.id, t)
|
|
2890
2890
|
}, e.id);
|
|
2891
2891
|
}
|
|
2892
|
-
if (e.type === "dropdown") return /* @__PURE__ */ t(
|
|
2892
|
+
if (e.type === "dropdown") return /* @__PURE__ */ t(Qe, {
|
|
2893
2893
|
label: e.label,
|
|
2894
2894
|
hint: e.hint,
|
|
2895
2895
|
placeholder: e.placeholder,
|
|
@@ -2898,7 +2898,7 @@ var M = {
|
|
|
2898
2898
|
disabled: n,
|
|
2899
2899
|
onChange: (t) => d(e.id, t)
|
|
2900
2900
|
}, e.id);
|
|
2901
|
-
if (e.type === "multiple") return /* @__PURE__ */ t(
|
|
2901
|
+
if (e.type === "multiple") return /* @__PURE__ */ t(bt, {
|
|
2902
2902
|
label: e.label,
|
|
2903
2903
|
hint: e.hint,
|
|
2904
2904
|
placeholder: e.placeholder,
|
|
@@ -2907,14 +2907,14 @@ var M = {
|
|
|
2907
2907
|
disabled: n,
|
|
2908
2908
|
onChange: (t) => d(e.id, t)
|
|
2909
2909
|
}, e.id);
|
|
2910
|
-
if (e.type === "checkbox") return /* @__PURE__ */ t(
|
|
2910
|
+
if (e.type === "checkbox") return /* @__PURE__ */ t(Se, {
|
|
2911
2911
|
label: e.label,
|
|
2912
2912
|
hint: e.hint,
|
|
2913
2913
|
checked: !!i,
|
|
2914
2914
|
disabled: n,
|
|
2915
2915
|
onChange: (t) => d(e.id, t)
|
|
2916
2916
|
}, e.id);
|
|
2917
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
2917
|
+
if (e.type === "radio") return /* @__PURE__ */ t(Pt, {
|
|
2918
2918
|
label: e.label,
|
|
2919
2919
|
checked: !!i,
|
|
2920
2920
|
disabled: n,
|
|
@@ -2924,7 +2924,7 @@ var M = {
|
|
|
2924
2924
|
from: null,
|
|
2925
2925
|
to: null
|
|
2926
2926
|
};
|
|
2927
|
-
return /* @__PURE__ */ t(
|
|
2927
|
+
return /* @__PURE__ */ t(We, {
|
|
2928
2928
|
hint: e.hint,
|
|
2929
2929
|
mode: e.mode,
|
|
2930
2930
|
min: e.min,
|
|
@@ -2935,7 +2935,7 @@ var M = {
|
|
|
2935
2935
|
}, e.id);
|
|
2936
2936
|
})
|
|
2937
2937
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
2938
|
-
className:
|
|
2938
|
+
className: Ft.actions,
|
|
2939
2939
|
children: [o && /* @__PURE__ */ t(j, {
|
|
2940
2940
|
variant: "destructiveOutline",
|
|
2941
2941
|
disabled: l || c,
|
|
@@ -2949,7 +2949,7 @@ var M = {
|
|
|
2949
2949
|
})]
|
|
2950
2950
|
})]
|
|
2951
2951
|
});
|
|
2952
|
-
},
|
|
2952
|
+
}, Lt = {
|
|
2953
2953
|
grid: "_grid_1q540_1",
|
|
2954
2954
|
comfortable: "_comfortable_1q540_11",
|
|
2955
2955
|
compact: "_compact_1q540_19",
|
|
@@ -2966,23 +2966,23 @@ var M = {
|
|
|
2966
2966
|
summary: "_summary_1q540_101",
|
|
2967
2967
|
summaryTitle: "_summaryTitle_1q540_137",
|
|
2968
2968
|
summaryList: "_summaryList_1q540_145"
|
|
2969
|
-
},
|
|
2969
|
+
}, Rt = ({ columns: e = 2, density: n = "comfortable", className: r = "", ...i }) => /* @__PURE__ */ t("div", {
|
|
2970
2970
|
...i,
|
|
2971
|
-
className: `${
|
|
2972
|
-
}),
|
|
2971
|
+
className: `${Lt.grid} ${Lt[`columns${e}`]} ${Lt[n]} ${r}`
|
|
2972
|
+
}), zt = ({ span: e = 1, className: n = "", ...r }) => /* @__PURE__ */ t("div", {
|
|
2973
2973
|
...r,
|
|
2974
|
-
className: `${
|
|
2975
|
-
}),
|
|
2974
|
+
className: `${Lt.item} ${Lt[`span${e}`]} ${n}`
|
|
2975
|
+
}), Bt = ({ title: e = "Проверьте заполнение формы", items: r, focusField: i, className: a = "", ...o }) => r.length === 0 ? null : /* @__PURE__ */ n("div", {
|
|
2976
2976
|
...o,
|
|
2977
|
-
className: `${
|
|
2977
|
+
className: `${Lt.summary} ${a}`,
|
|
2978
2978
|
role: "alert",
|
|
2979
2979
|
"aria-atomic": "true",
|
|
2980
2980
|
tabIndex: -1,
|
|
2981
2981
|
children: [/* @__PURE__ */ t("strong", {
|
|
2982
|
-
className:
|
|
2982
|
+
className: Lt.summaryTitle,
|
|
2983
2983
|
children: e
|
|
2984
2984
|
}), /* @__PURE__ */ t("ul", {
|
|
2985
|
-
className:
|
|
2985
|
+
className: Lt.summaryList,
|
|
2986
2986
|
children: r.map((e) => /* @__PURE__ */ t("li", { children: e.fieldId ? /* @__PURE__ */ t("a", {
|
|
2987
2987
|
href: `#${e.fieldId}`,
|
|
2988
2988
|
onClick: (t) => {
|
|
@@ -2991,7 +2991,7 @@ var M = {
|
|
|
2991
2991
|
children: e.message
|
|
2992
2992
|
}) : e.message }, e.id))
|
|
2993
2993
|
})]
|
|
2994
|
-
}),
|
|
2994
|
+
}), Vt = {
|
|
2995
2995
|
wrapper: "_wrapper_i20hz_1",
|
|
2996
2996
|
dropzone: "_dropzone_i20hz_15",
|
|
2997
2997
|
dragActive: "_dragActive_i20hz_45",
|
|
@@ -3004,12 +3004,12 @@ var M = {
|
|
|
3004
3004
|
file: "_file_i20hz_133",
|
|
3005
3005
|
fileName: "_fileName_i20hz_175",
|
|
3006
3006
|
fileSize: "_fileSize_i20hz_187"
|
|
3007
|
-
},
|
|
3007
|
+
}, Ht = (e) => `${e.name}:${e.size}:${e.lastModified}`, Ut = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Wt = (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), Gt = ({ 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 }) => {
|
|
3008
3008
|
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) => {
|
|
3009
|
-
let t = [], n = new Set(r.map(
|
|
3009
|
+
let t = [], n = new Set(r.map(Ht)), l = e.filter((e) => Wt(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
3010
3010
|
file: e,
|
|
3011
3011
|
reason: "maxSize"
|
|
3012
|
-
}), !1) : !n.has(
|
|
3012
|
+
}), !1) : !n.has(Ht(e)) && (n.add(Ht(e)), !0) : (t.push({
|
|
3013
3013
|
file: e,
|
|
3014
3014
|
reason: "accept"
|
|
3015
3015
|
}), !1)), u = a ? c : 1, d = a ? [...r, ...l] : l.slice(-1);
|
|
@@ -3019,7 +3019,7 @@ var M = {
|
|
|
3019
3019
|
})), d = d.slice(0, u)), t.length && w?.(t), l.length && i?.(d), D.current && (D.current.value = "");
|
|
3020
3020
|
};
|
|
3021
3021
|
return /* @__PURE__ */ n("div", {
|
|
3022
|
-
className: `${
|
|
3022
|
+
className: `${Vt.wrapper} ${b}`,
|
|
3023
3023
|
children: [
|
|
3024
3024
|
l && /* @__PURE__ */ t(ee, {
|
|
3025
3025
|
htmlFor: E,
|
|
@@ -3028,7 +3028,7 @@ var M = {
|
|
|
3028
3028
|
children: l
|
|
3029
3029
|
}),
|
|
3030
3030
|
/* @__PURE__ */ n("div", {
|
|
3031
|
-
className: `${
|
|
3031
|
+
className: `${Vt.dropzone} ${k ? Vt.dragActive : ""} ${m ? Vt.disabled : ""} ${d ? Vt.error : ""}`,
|
|
3032
3032
|
onDragEnter: (e) => {
|
|
3033
3033
|
e.preventDefault(), I && ++O.current === 1 && A(!0);
|
|
3034
3034
|
},
|
|
@@ -3043,7 +3043,7 @@ var M = {
|
|
|
3043
3043
|
ref: D,
|
|
3044
3044
|
id: E,
|
|
3045
3045
|
name: v,
|
|
3046
|
-
className:
|
|
3046
|
+
className: Vt.nativeInput,
|
|
3047
3047
|
type: "file",
|
|
3048
3048
|
multiple: a,
|
|
3049
3049
|
accept: o,
|
|
@@ -3054,53 +3054,53 @@ var M = {
|
|
|
3054
3054
|
onChange: (e) => L(Array.from(e.target.files ?? []))
|
|
3055
3055
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
3056
3056
|
/* @__PURE__ */ t("ul", {
|
|
3057
|
-
className:
|
|
3057
|
+
className: Vt.files,
|
|
3058
3058
|
"aria-live": "polite",
|
|
3059
3059
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
3060
|
-
className:
|
|
3060
|
+
className: Vt.file,
|
|
3061
3061
|
children: [
|
|
3062
3062
|
/* @__PURE__ */ t("span", {
|
|
3063
|
-
className:
|
|
3063
|
+
className: Vt.fileName,
|
|
3064
3064
|
title: e.name,
|
|
3065
3065
|
children: e.name
|
|
3066
3066
|
}),
|
|
3067
3067
|
/* @__PURE__ */ t("span", {
|
|
3068
|
-
className:
|
|
3069
|
-
children:
|
|
3068
|
+
className: Vt.fileSize,
|
|
3069
|
+
children: Ut(e.size)
|
|
3070
3070
|
}),
|
|
3071
3071
|
I && /* @__PURE__ */ t(j, {
|
|
3072
3072
|
variant: "empty",
|
|
3073
3073
|
size: "sm",
|
|
3074
3074
|
"aria-label": `Удалить файл ${e.name}`,
|
|
3075
3075
|
onClick: () => i?.(r.filter((e, t) => t !== a)),
|
|
3076
|
-
children: /* @__PURE__ */ t(
|
|
3076
|
+
children: /* @__PURE__ */ t(K, {
|
|
3077
3077
|
name: "IconCross",
|
|
3078
3078
|
width: 16,
|
|
3079
3079
|
height: 16
|
|
3080
3080
|
})
|
|
3081
3081
|
})
|
|
3082
3082
|
]
|
|
3083
|
-
},
|
|
3083
|
+
}, Ht(e)))
|
|
3084
3084
|
}),
|
|
3085
3085
|
I && (a || r.length === 0) && /* @__PURE__ */ t(j, {
|
|
3086
|
-
className:
|
|
3086
|
+
className: Vt.browseButton,
|
|
3087
3087
|
size: "sm",
|
|
3088
3088
|
onClick: () => D.current?.click(),
|
|
3089
3089
|
children: C
|
|
3090
3090
|
}),
|
|
3091
3091
|
I && !a && /* @__PURE__ */ t(j, {
|
|
3092
|
-
className:
|
|
3092
|
+
className: Vt.browseButton,
|
|
3093
3093
|
size: "sm",
|
|
3094
3094
|
onClick: () => D.current?.click(),
|
|
3095
3095
|
children: S
|
|
3096
3096
|
})
|
|
3097
3097
|
] }) : /* @__PURE__ */ n("div", {
|
|
3098
|
-
className:
|
|
3098
|
+
className: Vt.empty,
|
|
3099
3099
|
children: [
|
|
3100
3100
|
/* @__PURE__ */ t("span", {
|
|
3101
|
-
className:
|
|
3101
|
+
className: Vt.uploadIcon,
|
|
3102
3102
|
"aria-hidden": "true",
|
|
3103
|
-
children: /* @__PURE__ */ t(
|
|
3103
|
+
children: /* @__PURE__ */ t(K, {
|
|
3104
3104
|
name: "IconUpload",
|
|
3105
3105
|
width: 24,
|
|
3106
3106
|
height: 24
|
|
@@ -3126,7 +3126,7 @@ var M = {
|
|
|
3126
3126
|
})
|
|
3127
3127
|
]
|
|
3128
3128
|
});
|
|
3129
|
-
},
|
|
3129
|
+
}, Kt = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
3130
3130
|
let [n, r] = g(null);
|
|
3131
3131
|
return d(() => {
|
|
3132
3132
|
let e = document.getElementById(t);
|
|
@@ -3139,7 +3139,7 @@ var M = {
|
|
|
3139
3139
|
n.childElementCount === 0 && n.parentElement && n.remove();
|
|
3140
3140
|
};
|
|
3141
3141
|
}, [t]), n ? _(e, n) : null;
|
|
3142
|
-
},
|
|
3142
|
+
}, qt = ({ anchorRef: e, children: n, matchAnchorWidth: r = !1, offset: i = 4, className: a }) => {
|
|
3143
3143
|
let o = h(null), [s, c] = g({
|
|
3144
3144
|
position: "fixed",
|
|
3145
3145
|
visibility: "hidden",
|
|
@@ -3163,13 +3163,13 @@ var M = {
|
|
|
3163
3163
|
]);
|
|
3164
3164
|
return p(() => (u(), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), () => {
|
|
3165
3165
|
window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0);
|
|
3166
|
-
}), [u]), /* @__PURE__ */ t(
|
|
3166
|
+
}), [u]), /* @__PURE__ */ t(Kt, { children: /* @__PURE__ */ t("div", {
|
|
3167
3167
|
ref: o,
|
|
3168
3168
|
className: a,
|
|
3169
3169
|
style: s,
|
|
3170
3170
|
children: n
|
|
3171
3171
|
}) });
|
|
3172
|
-
},
|
|
3172
|
+
}, Jt = {
|
|
3173
3173
|
wrapper: "_wrapper_x2gki_1",
|
|
3174
3174
|
control: "_control_x2gki_15",
|
|
3175
3175
|
textarea: "_textarea_x2gki_25",
|
|
@@ -3183,12 +3183,12 @@ var M = {
|
|
|
3183
3183
|
clearAction: "_clearAction_x2gki_171",
|
|
3184
3184
|
messages: "_messages_x2gki_251",
|
|
3185
3185
|
counter: "_counter_x2gki_265"
|
|
3186
|
-
},
|
|
3187
|
-
function
|
|
3186
|
+
}, Yt = 2;
|
|
3187
|
+
function Xt(e) {
|
|
3188
3188
|
let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
|
|
3189
3189
|
return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
|
|
3190
3190
|
}
|
|
3191
|
-
function
|
|
3191
|
+
function Zt({ 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 = Yt, maxRows: w, autoResize: T = !0, ...E }) {
|
|
3192
3192
|
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 = [
|
|
3193
3193
|
A,
|
|
3194
3194
|
j,
|
|
@@ -3196,7 +3196,7 @@ function Xt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3196
3196
|
].filter(Boolean).join(" ") || void 0, F = Math.max(1, C), I = w === void 0 ? void 0 : Math.max(F, w), L = l(() => {
|
|
3197
3197
|
let e = k.current;
|
|
3198
3198
|
if (!e || !T) return;
|
|
3199
|
-
let t = window.getComputedStyle(e), n =
|
|
3199
|
+
let t = window.getComputedStyle(e), n = Xt(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;
|
|
3200
3200
|
e.style.height = "auto";
|
|
3201
3201
|
let o = Math.min(Math.max(e.scrollHeight, i), a);
|
|
3202
3202
|
e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
|
|
@@ -3228,7 +3228,7 @@ function Xt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3228
3228
|
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), L());
|
|
3229
3229
|
}, B = { "--ds-textarea-min-rows": F };
|
|
3230
3230
|
return /* @__PURE__ */ n("div", {
|
|
3231
|
-
className: `${
|
|
3231
|
+
className: `${Jt.wrapper} ${m}`,
|
|
3232
3232
|
children: [
|
|
3233
3233
|
c && /* @__PURE__ */ t(ee, {
|
|
3234
3234
|
htmlFor: O,
|
|
@@ -3238,12 +3238,12 @@ function Xt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3238
3238
|
}),
|
|
3239
3239
|
a && s ? /* @__PURE__ */ t("div", {
|
|
3240
3240
|
id: O,
|
|
3241
|
-
className: `${
|
|
3241
|
+
className: `${Jt.disabledText} ${Jt[v]}`,
|
|
3242
3242
|
style: B,
|
|
3243
3243
|
"aria-describedby": P,
|
|
3244
3244
|
children: e || i
|
|
3245
3245
|
}) : /* @__PURE__ */ n("div", {
|
|
3246
|
-
className:
|
|
3246
|
+
className: Jt.control,
|
|
3247
3247
|
children: [/* @__PURE__ */ t("textarea", {
|
|
3248
3248
|
ref: k,
|
|
3249
3249
|
id: O,
|
|
@@ -3258,15 +3258,15 @@ function Xt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3258
3258
|
style: B,
|
|
3259
3259
|
"aria-invalid": !!u,
|
|
3260
3260
|
"aria-describedby": P,
|
|
3261
|
-
className: `${
|
|
3261
|
+
className: `${Jt.textarea} ${Jt[v]} ${T ? Jt.autoResize : Jt.manualResize} ${u ? Jt.textareaError : ""}`,
|
|
3262
3262
|
onChange: R,
|
|
3263
3263
|
...E
|
|
3264
3264
|
}), y && e && !a && !o && /* @__PURE__ */ t("button", {
|
|
3265
3265
|
type: "button",
|
|
3266
|
-
className:
|
|
3266
|
+
className: Jt.clearAction,
|
|
3267
3267
|
"aria-label": "Очистить поле",
|
|
3268
3268
|
onClick: z,
|
|
3269
|
-
children: /* @__PURE__ */ t(
|
|
3269
|
+
children: /* @__PURE__ */ t(K, {
|
|
3270
3270
|
name: "IconCross",
|
|
3271
3271
|
width: 20,
|
|
3272
3272
|
height: 20
|
|
@@ -3274,7 +3274,7 @@ function Xt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3274
3274
|
})]
|
|
3275
3275
|
}),
|
|
3276
3276
|
(p || u || M) && /* @__PURE__ */ n("div", {
|
|
3277
|
-
className:
|
|
3277
|
+
className: Jt.messages,
|
|
3278
3278
|
children: [
|
|
3279
3279
|
p && !u && /* @__PURE__ */ t(N, {
|
|
3280
3280
|
id: A,
|
|
@@ -3287,7 +3287,7 @@ function Xt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3287
3287
|
}),
|
|
3288
3288
|
M && /* @__PURE__ */ n("span", {
|
|
3289
3289
|
id: M,
|
|
3290
|
-
className:
|
|
3290
|
+
className: Jt.counter,
|
|
3291
3291
|
children: [
|
|
3292
3292
|
e.length,
|
|
3293
3293
|
" / ",
|
|
@@ -3301,11 +3301,11 @@ function Xt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3301
3301
|
}
|
|
3302
3302
|
//#endregion
|
|
3303
3303
|
//#region src/components/DSModal/modal.store.ts
|
|
3304
|
-
var
|
|
3304
|
+
var Qt = 0, $t = S((e, t) => ({
|
|
3305
3305
|
modals: [],
|
|
3306
3306
|
openModal: (t, n = {}, r = {}) => {
|
|
3307
|
-
|
|
3308
|
-
let i = `ds-modal-${
|
|
3307
|
+
Qt += 1;
|
|
3308
|
+
let i = `ds-modal-${Qt}`;
|
|
3309
3309
|
return e((e) => ({ modals: [...e.modals, {
|
|
3310
3310
|
id: i,
|
|
3311
3311
|
name: t,
|
|
@@ -3329,21 +3329,43 @@ var Zt = 0, Qt = S((e, t) => ({
|
|
|
3329
3329
|
let n = t().modals;
|
|
3330
3330
|
n.length && (e({ modals: [] }), n.forEach((e) => e.onClose?.()));
|
|
3331
3331
|
}
|
|
3332
|
-
})),
|
|
3333
|
-
|
|
3334
|
-
},
|
|
3335
|
-
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
|
|
3344
|
-
|
|
3332
|
+
})), en = () => {
|
|
3333
|
+
$t.getState().closeAllModals(), Qt = 0;
|
|
3334
|
+
}, tn = 8, nn = 96, rn = .55;
|
|
3335
|
+
function an(e, t, n) {
|
|
3336
|
+
return {
|
|
3337
|
+
startX: e,
|
|
3338
|
+
startY: t,
|
|
3339
|
+
startTime: n,
|
|
3340
|
+
intent: "pending"
|
|
3341
|
+
};
|
|
3342
|
+
}
|
|
3343
|
+
function on(e, t, n) {
|
|
3344
|
+
let r = t - e.startX, i = n - e.startY;
|
|
3345
|
+
return e.intent === "pending" && Math.max(Math.abs(r), Math.abs(i)) >= tn && (e.intent = Math.abs(i) > Math.abs(r) ? "vertical" : "horizontal"), e.intent === "vertical" ? Math.max(0, i) : 0;
|
|
3346
|
+
}
|
|
3347
|
+
function sn(e, t, n) {
|
|
3348
|
+
if (e.intent !== "vertical") return !1;
|
|
3349
|
+
let r = Math.max(0, t - e.startY), i = Math.max(1, n - e.startTime);
|
|
3350
|
+
return r >= nn || r >= 32 && r / i >= rn;
|
|
3351
|
+
}
|
|
3352
|
+
var cn = {
|
|
3353
|
+
layer: "_layer_w9isk_1",
|
|
3354
|
+
backdrop: "_backdrop_w9isk_15",
|
|
3355
|
+
"backdrop-enter": "_backdrop-enter_w9isk_1",
|
|
3356
|
+
panel: "_panel_w9isk_47",
|
|
3357
|
+
"modal-enter": "_modal-enter_w9isk_1",
|
|
3358
|
+
header: "_header_w9isk_89",
|
|
3359
|
+
title: "_title_w9isk_107",
|
|
3360
|
+
description: "_description_w9isk_119",
|
|
3361
|
+
content: "_content_w9isk_133",
|
|
3362
|
+
close: "_close_w9isk_141",
|
|
3363
|
+
dragHandle: "_dragHandle_w9isk_149",
|
|
3364
|
+
"sheet-enter": "_sheet-enter_w9isk_1"
|
|
3365
|
+
}, ln = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", un = a({});
|
|
3366
|
+
function dn(e) {
|
|
3345
3367
|
if (e.key !== "Tab") return;
|
|
3346
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3368
|
+
let t = Array.from(e.currentTarget.querySelectorAll(ln));
|
|
3347
3369
|
if (!t.length) {
|
|
3348
3370
|
e.preventDefault();
|
|
3349
3371
|
return;
|
|
@@ -3351,61 +3373,100 @@ function rn(e) {
|
|
|
3351
3373
|
let n = t[0], r = t.at(-1);
|
|
3352
3374
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
|
|
3353
3375
|
}
|
|
3354
|
-
var
|
|
3355
|
-
let l = u(
|
|
3356
|
-
|
|
3357
|
-
let e = document.activeElement, t =
|
|
3358
|
-
return (t?.querySelector(
|
|
3359
|
-
}, [])
|
|
3360
|
-
|
|
3361
|
-
|
|
3376
|
+
var fn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: s = "", role: c = "dialog" }) => {
|
|
3377
|
+
let l = u(un), 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 = $t((e) => e.closeModal), D = l.requestClose ?? (() => E(a)), O = p != null, k = m != null;
|
|
3378
|
+
d(() => {
|
|
3379
|
+
let e = document.activeElement, t = y.current;
|
|
3380
|
+
return (t?.querySelector(ln) ?? t)?.focus(), () => e?.focus();
|
|
3381
|
+
}, []);
|
|
3382
|
+
let A = (e) => {
|
|
3383
|
+
e && x.current !== null && e.hasPointerCapture(x.current) && e.releasePointerCapture(x.current), b.current = null, x.current = null, T(!1), C(0);
|
|
3384
|
+
};
|
|
3385
|
+
return /* @__PURE__ */ n("div", {
|
|
3386
|
+
ref: y,
|
|
3387
|
+
className: `${cn.panel} ${s}`,
|
|
3388
|
+
"data-closing": l.closing || void 0,
|
|
3389
|
+
"data-dragging": w || void 0,
|
|
3390
|
+
style: { "--ds-modal-drag-offset": `${S}px` },
|
|
3362
3391
|
role: c,
|
|
3363
3392
|
"aria-modal": "true",
|
|
3364
|
-
"aria-labelledby":
|
|
3365
|
-
"aria-describedby":
|
|
3393
|
+
"aria-labelledby": O ? _ : void 0,
|
|
3394
|
+
"aria-describedby": k ? v : void 0,
|
|
3366
3395
|
tabIndex: -1,
|
|
3367
|
-
onKeyDown:
|
|
3396
|
+
onKeyDown: dn,
|
|
3368
3397
|
children: [
|
|
3369
|
-
|
|
3370
|
-
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3398
|
+
/* @__PURE__ */ t("button", {
|
|
3399
|
+
type: "button",
|
|
3400
|
+
className: cn.dragHandle,
|
|
3401
|
+
"aria-label": "Потяните вниз, чтобы закрыть модальное окно",
|
|
3402
|
+
onPointerDown: (e) => {
|
|
3403
|
+
(e.pointerType !== "mouse" || e.button === 0) && (x.current = e.pointerId, b.current = an(e.clientX, e.clientY, e.timeStamp), e.currentTarget.setPointerCapture(e.pointerId));
|
|
3404
|
+
},
|
|
3405
|
+
onPointerMove: (e) => {
|
|
3406
|
+
if (e.pointerId !== x.current || !b.current) return;
|
|
3407
|
+
let t = on(b.current, e.clientX, e.clientY);
|
|
3408
|
+
b.current.intent === "vertical" && (e.preventDefault(), T(!0), C(t));
|
|
3409
|
+
},
|
|
3410
|
+
onPointerUp: (e) => {
|
|
3411
|
+
if (e.pointerId !== x.current || !b.current) return;
|
|
3412
|
+
let t = sn(b.current, e.clientY, e.timeStamp);
|
|
3413
|
+
A(e.currentTarget), t && D();
|
|
3414
|
+
},
|
|
3415
|
+
onPointerCancel: (e) => A(e.currentTarget),
|
|
3416
|
+
children: /* @__PURE__ */ t("span", {})
|
|
3417
|
+
}),
|
|
3418
|
+
(O || o) && /* @__PURE__ */ n("header", {
|
|
3419
|
+
className: cn.header,
|
|
3420
|
+
children: [O && /* @__PURE__ */ t("h2", {
|
|
3421
|
+
id: _,
|
|
3422
|
+
className: cn.title,
|
|
3374
3423
|
children: p
|
|
3375
3424
|
}), /* @__PURE__ */ t(j, {
|
|
3376
|
-
className:
|
|
3425
|
+
className: cn.close,
|
|
3377
3426
|
variant: "empty",
|
|
3378
3427
|
size: "sm",
|
|
3379
3428
|
"aria-label": o,
|
|
3380
|
-
onClick:
|
|
3381
|
-
children: /* @__PURE__ */ t(
|
|
3429
|
+
onClick: D,
|
|
3430
|
+
children: /* @__PURE__ */ t(K, {
|
|
3382
3431
|
name: "IconCross",
|
|
3383
3432
|
width: 24,
|
|
3384
3433
|
height: 24
|
|
3385
3434
|
})
|
|
3386
3435
|
})]
|
|
3387
3436
|
}),
|
|
3388
|
-
|
|
3389
|
-
id:
|
|
3390
|
-
className:
|
|
3437
|
+
k && /* @__PURE__ */ t("p", {
|
|
3438
|
+
id: v,
|
|
3439
|
+
className: cn.description,
|
|
3391
3440
|
children: m
|
|
3392
3441
|
}),
|
|
3393
3442
|
/* @__PURE__ */ t("div", {
|
|
3394
|
-
className:
|
|
3443
|
+
className: cn.content,
|
|
3395
3444
|
children: e
|
|
3396
3445
|
})
|
|
3397
3446
|
]
|
|
3398
3447
|
});
|
|
3399
|
-
},
|
|
3400
|
-
let n =
|
|
3448
|
+
}, pn = ({ registry: e }) => {
|
|
3449
|
+
let n = $t((e) => e.modals), r = $t((e) => e.closeModal), [i, a] = g(() => /* @__PURE__ */ new Set()), o = h(/* @__PURE__ */ new Map()), s = (e) => {
|
|
3450
|
+
if (o.current.has(e)) return;
|
|
3451
|
+
a((t) => new Set(t).add(e));
|
|
3452
|
+
let t = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
3453
|
+
o.current.set(e, window.setTimeout(() => {
|
|
3454
|
+
o.current.delete(e), r(e), a((t) => {
|
|
3455
|
+
let n = new Set(t);
|
|
3456
|
+
return n.delete(e), n;
|
|
3457
|
+
});
|
|
3458
|
+
}, t ? 0 : 220));
|
|
3459
|
+
};
|
|
3401
3460
|
return d(() => {
|
|
3461
|
+
let e = o.current;
|
|
3462
|
+
return () => e.forEach((e) => window.clearTimeout(e));
|
|
3463
|
+
}, []), d(() => {
|
|
3402
3464
|
let e = (e) => {
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
t?.closeOnEscape && r(t.id);
|
|
3465
|
+
let t = $t.getState().modals.at(-1);
|
|
3466
|
+
e.key === "Escape" && t?.closeOnEscape && s(t.id);
|
|
3406
3467
|
};
|
|
3407
3468
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
3408
|
-
}
|
|
3469
|
+
}), d(() => {
|
|
3409
3470
|
n.forEach((t) => {
|
|
3410
3471
|
e[t.name] || r(t.id);
|
|
3411
3472
|
});
|
|
@@ -3414,57 +3475,62 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3414
3475
|
n,
|
|
3415
3476
|
e
|
|
3416
3477
|
]), !n.length || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
3417
|
-
className:
|
|
3478
|
+
className: cn.layer,
|
|
3418
3479
|
"aria-label": "Модальные окна",
|
|
3419
|
-
children: n.map((
|
|
3420
|
-
let
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3480
|
+
children: n.map((r, a) => {
|
|
3481
|
+
let o = e[r.name];
|
|
3482
|
+
if (!o) return null;
|
|
3483
|
+
let c = i.has(r.id);
|
|
3484
|
+
return /* @__PURE__ */ t("div", {
|
|
3485
|
+
className: cn.backdrop,
|
|
3486
|
+
"data-closing": c || void 0,
|
|
3487
|
+
"aria-hidden": a !== n.length - 1 || void 0,
|
|
3488
|
+
inert: a !== n.length - 1 || void 0,
|
|
3425
3489
|
onMouseDown: (e) => {
|
|
3426
|
-
e.target === e.currentTarget &&
|
|
3490
|
+
e.target === e.currentTarget && r.closeOnBackdrop && s(r.id);
|
|
3427
3491
|
},
|
|
3428
|
-
children: /* @__PURE__ */ t(
|
|
3492
|
+
children: /* @__PURE__ */ t(un.Provider, {
|
|
3429
3493
|
value: {
|
|
3430
|
-
title:
|
|
3431
|
-
description:
|
|
3494
|
+
title: r.title ?? r.payload.title,
|
|
3495
|
+
description: r.description ?? r.payload.description,
|
|
3496
|
+
closing: c,
|
|
3497
|
+
requestClose: () => s(r.id)
|
|
3432
3498
|
},
|
|
3433
|
-
children: /* @__PURE__ */ t(
|
|
3434
|
-
...
|
|
3435
|
-
modalId:
|
|
3436
|
-
close: () => r
|
|
3437
|
-
closeAll:
|
|
3499
|
+
children: /* @__PURE__ */ t(o, {
|
|
3500
|
+
...r.payload,
|
|
3501
|
+
modalId: r.id,
|
|
3502
|
+
close: () => s(r.id),
|
|
3503
|
+
closeAll: () => n.forEach(({ id: e }) => s(e))
|
|
3438
3504
|
})
|
|
3439
3505
|
})
|
|
3440
|
-
},
|
|
3506
|
+
}, r.id);
|
|
3441
3507
|
})
|
|
3442
3508
|
}), document.body);
|
|
3443
|
-
},
|
|
3444
|
-
let o =
|
|
3509
|
+
}, mn = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
3510
|
+
let o = $t((e) => e.modals.length);
|
|
3445
3511
|
return d(() => {
|
|
3446
3512
|
if (!a || o === 0) return;
|
|
3447
3513
|
let e = document.body.style.overflow;
|
|
3448
3514
|
return document.body.style.overflow = "hidden", () => {
|
|
3449
3515
|
document.body.style.overflow = e;
|
|
3450
3516
|
};
|
|
3451
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
3452
|
-
},
|
|
3517
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(pn, { registry: r })] });
|
|
3518
|
+
}, hn = (e) => e, gn = {
|
|
3453
3519
|
message: "_message_c23ie_1",
|
|
3454
3520
|
actions: "_actions_c23ie_13"
|
|
3455
|
-
},
|
|
3521
|
+
}, _n = /* @__PURE__ */ new Map(), vn = 0, yn = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
3456
3522
|
let u = (e) => {
|
|
3457
|
-
|
|
3523
|
+
_n.get(l)?.(e), _n.delete(l), r();
|
|
3458
3524
|
};
|
|
3459
|
-
return /* @__PURE__ */ n(
|
|
3525
|
+
return /* @__PURE__ */ n(fn, {
|
|
3460
3526
|
modalId: e,
|
|
3461
3527
|
title: i,
|
|
3462
3528
|
role: "alertdialog",
|
|
3463
3529
|
children: [/* @__PURE__ */ t("p", {
|
|
3464
|
-
className:
|
|
3530
|
+
className: gn.message,
|
|
3465
3531
|
children: a
|
|
3466
3532
|
}), /* @__PURE__ */ n("div", {
|
|
3467
|
-
className:
|
|
3533
|
+
className: gn.actions,
|
|
3468
3534
|
children: [/* @__PURE__ */ t(j, {
|
|
3469
3535
|
variant: "outline",
|
|
3470
3536
|
onClick: () => u(!1),
|
|
@@ -3476,46 +3542,46 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3476
3542
|
})]
|
|
3477
3543
|
})]
|
|
3478
3544
|
});
|
|
3479
|
-
},
|
|
3545
|
+
}, bn = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(fn, {
|
|
3480
3546
|
modalId: e,
|
|
3481
3547
|
title: i,
|
|
3482
3548
|
role: "alertdialog",
|
|
3483
3549
|
children: [/* @__PURE__ */ t("p", {
|
|
3484
|
-
className:
|
|
3550
|
+
className: gn.message,
|
|
3485
3551
|
children: a
|
|
3486
3552
|
}), /* @__PURE__ */ t("div", {
|
|
3487
|
-
className:
|
|
3553
|
+
className: gn.actions,
|
|
3488
3554
|
children: /* @__PURE__ */ t(j, {
|
|
3489
3555
|
onClick: r,
|
|
3490
3556
|
children: o
|
|
3491
3557
|
})
|
|
3492
3558
|
})]
|
|
3493
|
-
}),
|
|
3494
|
-
ConfirmModal:
|
|
3495
|
-
ErrorModal:
|
|
3496
|
-
}),
|
|
3497
|
-
let e =
|
|
3559
|
+
}), xn = hn({
|
|
3560
|
+
ConfirmModal: yn,
|
|
3561
|
+
ErrorModal: bn
|
|
3562
|
+
}), Sn = () => {
|
|
3563
|
+
let e = $t((e) => e.openModal);
|
|
3498
3564
|
return (t = {}) => new Promise((n) => {
|
|
3499
|
-
|
|
3500
|
-
let r = `confirm-${
|
|
3501
|
-
|
|
3565
|
+
vn += 1;
|
|
3566
|
+
let r = `confirm-${vn}`;
|
|
3567
|
+
_n.set(r, n), e("ConfirmModal", {
|
|
3502
3568
|
...t,
|
|
3503
3569
|
requestId: r
|
|
3504
3570
|
}, {
|
|
3505
3571
|
closeOnEscape: !1,
|
|
3506
3572
|
onClose: () => {
|
|
3507
|
-
|
|
3573
|
+
_n.get(r)?.(!1), _n.delete(r);
|
|
3508
3574
|
}
|
|
3509
3575
|
});
|
|
3510
3576
|
});
|
|
3511
|
-
},
|
|
3512
|
-
let e =
|
|
3577
|
+
}, Cn = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", wn = () => {
|
|
3578
|
+
let e = $t((e) => e.openModal);
|
|
3513
3579
|
return { showError: (t, n) => e("ErrorModal", {
|
|
3514
3580
|
title: n,
|
|
3515
|
-
message:
|
|
3581
|
+
message: Cn(t)
|
|
3516
3582
|
}) };
|
|
3517
|
-
},
|
|
3518
|
-
let e =
|
|
3583
|
+
}, Tn = S(() => ({})), En = S(() => ({})), Dn = () => {
|
|
3584
|
+
let e = $t((e) => e.modals), t = $t((e) => e.openModal), n = $t((e) => e.closeModal), r = $t((e) => e.closeTopModal), i = $t((e) => e.closeAllModals), a = l((e, n = {}, r) => t(e, n, r), [t]), o = l((t) => e.some((e) => e.name === t), [e]);
|
|
3519
3585
|
return m(() => ({
|
|
3520
3586
|
openModal: a,
|
|
3521
3587
|
closeModal: n,
|
|
@@ -3531,7 +3597,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3531
3597
|
e.length,
|
|
3532
3598
|
a
|
|
3533
3599
|
]);
|
|
3534
|
-
},
|
|
3600
|
+
}, On = {
|
|
3535
3601
|
layer: "_layer_ct7yp_1",
|
|
3536
3602
|
backdrop: "_backdrop_ct7yp_13",
|
|
3537
3603
|
panel: "_panel_ct7yp_27",
|
|
@@ -3551,16 +3617,16 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3551
3617
|
"enter-right": "_enter-right_ct7yp_1",
|
|
3552
3618
|
"enter-left": "_enter-left_ct7yp_1",
|
|
3553
3619
|
"enter-bottom": "_enter-bottom_ct7yp_1"
|
|
3554
|
-
},
|
|
3620
|
+
}, kn = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", An = a(null), jn = (e) => {
|
|
3555
3621
|
if (e.key !== "Tab") return;
|
|
3556
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3622
|
+
let t = Array.from(e.currentTarget.querySelectorAll(kn));
|
|
3557
3623
|
if (!t.length) {
|
|
3558
3624
|
e.preventDefault();
|
|
3559
3625
|
return;
|
|
3560
3626
|
}
|
|
3561
3627
|
let n = t[0], r = t.at(-1);
|
|
3562
3628
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
|
|
3563
|
-
},
|
|
3629
|
+
}, Mn = () => u(An), Nn = ({ 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 = "" }) => {
|
|
3564
3630
|
let S = h(null), C = f(), w = f(), T = (e) => {
|
|
3565
3631
|
g || r(e);
|
|
3566
3632
|
};
|
|
@@ -3569,7 +3635,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3569
3635
|
let t = document.activeElement, n = b?.current, i = document.body.style.overflow;
|
|
3570
3636
|
document.body.style.overflow = "hidden";
|
|
3571
3637
|
let a = S.current;
|
|
3572
|
-
(y?.current ?? a?.querySelector(
|
|
3638
|
+
(y?.current ?? a?.querySelector(kn) ?? a)?.focus();
|
|
3573
3639
|
let o = (e) => {
|
|
3574
3640
|
e.key === "Escape" && p && !g && r("escape");
|
|
3575
3641
|
};
|
|
@@ -3584,29 +3650,29 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3584
3650
|
g,
|
|
3585
3651
|
b
|
|
3586
3652
|
]), !e || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
3587
|
-
className:
|
|
3653
|
+
className: On.layer,
|
|
3588
3654
|
children: /* @__PURE__ */ t("div", {
|
|
3589
|
-
className:
|
|
3655
|
+
className: On.backdrop,
|
|
3590
3656
|
onMouseDown: (e) => {
|
|
3591
3657
|
e.target === e.currentTarget && m && T("backdrop");
|
|
3592
3658
|
},
|
|
3593
|
-
children: /* @__PURE__ */ t(
|
|
3659
|
+
children: /* @__PURE__ */ t(An.Provider, {
|
|
3594
3660
|
value: { requestClose: T },
|
|
3595
3661
|
children: /* @__PURE__ */ n("section", {
|
|
3596
3662
|
ref: S,
|
|
3597
|
-
className: `${
|
|
3663
|
+
className: `${On.panel} ${On[l]} ${On[u]} ${x}`,
|
|
3598
3664
|
role: "dialog",
|
|
3599
3665
|
"aria-modal": "true",
|
|
3600
3666
|
"aria-labelledby": a ? C : void 0,
|
|
3601
3667
|
"aria-describedby": o ? w : void 0,
|
|
3602
3668
|
tabIndex: -1,
|
|
3603
|
-
onKeyDown:
|
|
3669
|
+
onKeyDown: jn,
|
|
3604
3670
|
children: [
|
|
3605
3671
|
/* @__PURE__ */ n("header", {
|
|
3606
|
-
className:
|
|
3672
|
+
className: On.header,
|
|
3607
3673
|
children: [
|
|
3608
3674
|
/* @__PURE__ */ n("div", {
|
|
3609
|
-
className:
|
|
3675
|
+
className: On.heading,
|
|
3610
3676
|
children: [a && /* @__PURE__ */ t("h2", {
|
|
3611
3677
|
id: C,
|
|
3612
3678
|
children: a
|
|
@@ -3616,7 +3682,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3616
3682
|
})]
|
|
3617
3683
|
}),
|
|
3618
3684
|
s && /* @__PURE__ */ t("div", {
|
|
3619
|
-
className:
|
|
3685
|
+
className: On.headerActions,
|
|
3620
3686
|
children: s
|
|
3621
3687
|
}),
|
|
3622
3688
|
/* @__PURE__ */ t(j, {
|
|
@@ -3625,7 +3691,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3625
3691
|
"aria-label": v,
|
|
3626
3692
|
disabled: g,
|
|
3627
3693
|
onClick: () => T("close-button"),
|
|
3628
|
-
children: /* @__PURE__ */ t(
|
|
3694
|
+
children: /* @__PURE__ */ t(K, {
|
|
3629
3695
|
name: "IconCross",
|
|
3630
3696
|
width: 20,
|
|
3631
3697
|
height: 20
|
|
@@ -3634,11 +3700,11 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3634
3700
|
]
|
|
3635
3701
|
}),
|
|
3636
3702
|
/* @__PURE__ */ t("div", {
|
|
3637
|
-
className:
|
|
3703
|
+
className: On.content,
|
|
3638
3704
|
children: i
|
|
3639
3705
|
}),
|
|
3640
3706
|
c && /* @__PURE__ */ t("footer", {
|
|
3641
|
-
className:
|
|
3707
|
+
className: On.footer,
|
|
3642
3708
|
children: c
|
|
3643
3709
|
})
|
|
3644
3710
|
]
|
|
@@ -3646,17 +3712,17 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3646
3712
|
})
|
|
3647
3713
|
})
|
|
3648
3714
|
}), document.body);
|
|
3649
|
-
},
|
|
3715
|
+
}, Pn = ({ placement: e = "right", ...n }) => /* @__PURE__ */ t(Nn, {
|
|
3650
3716
|
...n,
|
|
3651
3717
|
placement: e
|
|
3652
|
-
}),
|
|
3718
|
+
}), Fn = (e) => /* @__PURE__ */ t(Nn, {
|
|
3653
3719
|
...e,
|
|
3654
3720
|
placement: "bottom"
|
|
3655
|
-
}),
|
|
3721
|
+
}), In = (e) => /* @__PURE__ */ t(Nn, {
|
|
3656
3722
|
...e,
|
|
3657
3723
|
placement: "fullscreen",
|
|
3658
3724
|
size: "xl"
|
|
3659
|
-
}),
|
|
3725
|
+
}), Ln = {
|
|
3660
3726
|
wrapper: "_wrapper_1hyyy_1",
|
|
3661
3727
|
container: "_container_1hyyy_15",
|
|
3662
3728
|
inner: "_inner_1hyyy_35",
|
|
@@ -3671,29 +3737,29 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3671
3737
|
empty: "_empty_1hyyy_153",
|
|
3672
3738
|
destructive: "_destructive_1hyyy_161",
|
|
3673
3739
|
destructiveOutline: "_destructiveOutline_1hyyy_169"
|
|
3674
|
-
},
|
|
3675
|
-
className:
|
|
3740
|
+
}, Rn = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
3741
|
+
className: Ln.wrapper,
|
|
3676
3742
|
children: /* @__PURE__ */ t("div", {
|
|
3677
|
-
className:
|
|
3743
|
+
className: Ln.container,
|
|
3678
3744
|
children: /* @__PURE__ */ n("div", {
|
|
3679
|
-
className:
|
|
3745
|
+
className: Ln.inner,
|
|
3680
3746
|
children: [
|
|
3681
3747
|
/* @__PURE__ */ t("div", {
|
|
3682
|
-
className:
|
|
3683
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3748
|
+
className: Ln.cube,
|
|
3749
|
+
children: /* @__PURE__ */ t("div", { className: `${Ln.cube__inner} ${Ln[e]}` })
|
|
3684
3750
|
}),
|
|
3685
3751
|
/* @__PURE__ */ t("div", {
|
|
3686
|
-
className:
|
|
3687
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3752
|
+
className: Ln.cube,
|
|
3753
|
+
children: /* @__PURE__ */ t("div", { className: `${Ln.cube__inner} ${Ln[e]}` })
|
|
3688
3754
|
}),
|
|
3689
3755
|
/* @__PURE__ */ t("div", {
|
|
3690
|
-
className:
|
|
3691
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3756
|
+
className: Ln.cube,
|
|
3757
|
+
children: /* @__PURE__ */ t("div", { className: `${Ln.cube__inner} ${Ln[e]}` })
|
|
3692
3758
|
})
|
|
3693
3759
|
]
|
|
3694
3760
|
})
|
|
3695
3761
|
})
|
|
3696
|
-
}),
|
|
3762
|
+
}), zn = {
|
|
3697
3763
|
viewport: "_viewport_bu4eh_1",
|
|
3698
3764
|
"top-right": "_top-right_bu4eh_21",
|
|
3699
3765
|
"top-left": "_top-left_bu4eh_31",
|
|
@@ -3709,12 +3775,12 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3709
3775
|
success: "_success_bu4eh_195",
|
|
3710
3776
|
warning: "_warning_bu4eh_203",
|
|
3711
3777
|
error: "_error_bu4eh_211"
|
|
3712
|
-
},
|
|
3778
|
+
}, Bn = {
|
|
3713
3779
|
info: "IconInfoCircle",
|
|
3714
3780
|
success: "IconSuccessCircle",
|
|
3715
3781
|
warning: "IconWarning",
|
|
3716
3782
|
error: "IconWarning"
|
|
3717
|
-
},
|
|
3783
|
+
}, Vn = ({ toast: e, onClose: r }) => {
|
|
3718
3784
|
let [i, a] = g(!1), [o, s] = g(() => typeof document < "u" && document.hidden), c = h(e.duration), l = h(Date.now());
|
|
3719
3785
|
return d(() => {
|
|
3720
3786
|
if (i || o || e.duration <= 0) return;
|
|
@@ -3734,7 +3800,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3734
3800
|
let e = () => s(document.hidden);
|
|
3735
3801
|
return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
|
|
3736
3802
|
}, []), /* @__PURE__ */ n("article", {
|
|
3737
|
-
className: `${
|
|
3803
|
+
className: `${zn.toast} ${zn[e.variant]}`,
|
|
3738
3804
|
role: e.variant === "error" ? "alert" : "status",
|
|
3739
3805
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
3740
3806
|
onMouseEnter: () => a(!0),
|
|
@@ -3743,24 +3809,24 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3743
3809
|
onBlur: () => a(!1),
|
|
3744
3810
|
children: [
|
|
3745
3811
|
/* @__PURE__ */ t("div", {
|
|
3746
|
-
className:
|
|
3812
|
+
className: zn.icon,
|
|
3747
3813
|
"aria-hidden": "true",
|
|
3748
|
-
children: /* @__PURE__ */ t(
|
|
3749
|
-
name:
|
|
3814
|
+
children: /* @__PURE__ */ t(K, {
|
|
3815
|
+
name: Bn[e.variant],
|
|
3750
3816
|
color: "var(--ds-toast-accent)",
|
|
3751
3817
|
width: 20,
|
|
3752
3818
|
height: 20
|
|
3753
3819
|
})
|
|
3754
3820
|
}),
|
|
3755
3821
|
/* @__PURE__ */ n("div", {
|
|
3756
|
-
className:
|
|
3822
|
+
className: zn.body,
|
|
3757
3823
|
children: [
|
|
3758
3824
|
e.title && /* @__PURE__ */ t("strong", {
|
|
3759
|
-
className:
|
|
3825
|
+
className: zn.title,
|
|
3760
3826
|
children: e.title
|
|
3761
3827
|
}),
|
|
3762
3828
|
/* @__PURE__ */ t("div", {
|
|
3763
|
-
className:
|
|
3829
|
+
className: zn.message,
|
|
3764
3830
|
children: e.message
|
|
3765
3831
|
}),
|
|
3766
3832
|
e.action && /* @__PURE__ */ t(j, {
|
|
@@ -3778,7 +3844,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3778
3844
|
size: "sm",
|
|
3779
3845
|
"aria-label": "Закрыть уведомление",
|
|
3780
3846
|
onClick: () => r(e.id),
|
|
3781
|
-
children: /* @__PURE__ */ t(
|
|
3847
|
+
children: /* @__PURE__ */ t(K, {
|
|
3782
3848
|
name: "IconCross",
|
|
3783
3849
|
width: 20,
|
|
3784
3850
|
height: 20
|
|
@@ -3786,15 +3852,15 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3786
3852
|
})
|
|
3787
3853
|
]
|
|
3788
3854
|
});
|
|
3789
|
-
},
|
|
3855
|
+
}, Hn = 0, Un = S((e, t) => ({
|
|
3790
3856
|
toasts: [],
|
|
3791
3857
|
showToast: (n) => {
|
|
3792
3858
|
if (n.dedupeKey) {
|
|
3793
3859
|
let e = t().toasts.find((e) => e.dedupeKey === n.dedupeKey);
|
|
3794
3860
|
if (e) return e.id;
|
|
3795
3861
|
}
|
|
3796
|
-
|
|
3797
|
-
let r = `ds-toast-${
|
|
3862
|
+
Hn += 1;
|
|
3863
|
+
let r = `ds-toast-${Hn}`;
|
|
3798
3864
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
3799
3865
|
variant: "info",
|
|
3800
3866
|
duration: 5e3,
|
|
@@ -3805,18 +3871,18 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3805
3871
|
},
|
|
3806
3872
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
3807
3873
|
clearToasts: () => e({ toasts: [] })
|
|
3808
|
-
})),
|
|
3809
|
-
let r =
|
|
3874
|
+
})), Wn = () => Un.setState({ toasts: [] }), Gn = ({ position: e = "top-right", maxVisible: n }) => {
|
|
3875
|
+
let r = Un((e) => e.toasts), i = Un((e) => e.removeToast), a = n === void 0 ? r : r.slice(0, Math.max(0, Math.floor(n)));
|
|
3810
3876
|
return /* @__PURE__ */ t("div", {
|
|
3811
|
-
className: `${
|
|
3877
|
+
className: `${zn.viewport} ${zn[e]}`,
|
|
3812
3878
|
"aria-label": "Уведомления",
|
|
3813
|
-
children: a.map((e) => /* @__PURE__ */ t(
|
|
3879
|
+
children: a.map((e) => /* @__PURE__ */ t(Vn, {
|
|
3814
3880
|
toast: e,
|
|
3815
3881
|
onClose: i
|
|
3816
3882
|
}, e.id))
|
|
3817
3883
|
});
|
|
3818
|
-
},
|
|
3819
|
-
let e =
|
|
3884
|
+
}, Kn = () => {
|
|
3885
|
+
let e = Un((e) => e.showToast), t = Un((e) => e.removeToast), n = Un((e) => e.clearToasts), r = l((t) => e({
|
|
3820
3886
|
...t,
|
|
3821
3887
|
variant: "info"
|
|
3822
3888
|
}), [e]), i = l((t) => e({
|
|
@@ -3846,7 +3912,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3846
3912
|
i,
|
|
3847
3913
|
a
|
|
3848
3914
|
]);
|
|
3849
|
-
},
|
|
3915
|
+
}, qn = {
|
|
3850
3916
|
root: "_root_8dm5q_1",
|
|
3851
3917
|
tooltip: "_tooltip_8dm5q_11",
|
|
3852
3918
|
"ds-tooltip-in": "_ds-tooltip-in_8dm5q_1",
|
|
@@ -3854,7 +3920,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3854
3920
|
bottom: "_bottom_8dm5q_55",
|
|
3855
3921
|
left: "_left_8dm5q_67",
|
|
3856
3922
|
right: "_right_8dm5q_79"
|
|
3857
|
-
},
|
|
3923
|
+
}, Jn = ({ content: e, children: r, placement: a = "top", delay: o = 450, disabled: s = !1, maxWidth: l = 280, className: u = "" }) => {
|
|
3858
3924
|
let p = f(), [m, _] = g(!1), v = h(null), y = () => {
|
|
3859
3925
|
s || !e || (v.current = setTimeout(() => _(!0), o));
|
|
3860
3926
|
}, b = () => {
|
|
@@ -3876,23 +3942,23 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3876
3942
|
onBlur: b
|
|
3877
3943
|
});
|
|
3878
3944
|
return /* @__PURE__ */ n("span", {
|
|
3879
|
-
className: `${
|
|
3945
|
+
className: `${qn.root} ${u}`,
|
|
3880
3946
|
onPointerDown: m ? b : y,
|
|
3881
3947
|
children: [x, m && /* @__PURE__ */ t("span", {
|
|
3882
3948
|
id: p,
|
|
3883
3949
|
role: "tooltip",
|
|
3884
|
-
className: `${
|
|
3950
|
+
className: `${qn.tooltip} ${qn[a]}`,
|
|
3885
3951
|
style: { maxWidth: l },
|
|
3886
3952
|
children: e
|
|
3887
3953
|
})]
|
|
3888
3954
|
});
|
|
3889
|
-
},
|
|
3955
|
+
}, Yn = {
|
|
3890
3956
|
root: "_root_bs28m_1",
|
|
3891
3957
|
tabList: "_tabList_bs28m_11",
|
|
3892
3958
|
tab: "_tab_bs28m_11",
|
|
3893
3959
|
panels: "_panels_bs28m_127",
|
|
3894
3960
|
panel: "_panel_bs28m_127"
|
|
3895
|
-
},
|
|
3961
|
+
}, Xn = ({ items: e, value: r, onChange: i, ariaLabel: a = "Вкладки", disabled: o = !1, loading: s = !1, className: c = "" }) => {
|
|
3896
3962
|
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) => {
|
|
3897
3963
|
let n = e[t];
|
|
3898
3964
|
!n || n.disabled || d || (i(n.id), u.current[t]?.focus(), u.current[t]?.scrollIntoView({
|
|
@@ -3922,10 +3988,10 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3922
3988
|
t.preventDefault(), _(a);
|
|
3923
3989
|
};
|
|
3924
3990
|
return /* @__PURE__ */ n("div", {
|
|
3925
|
-
className: `${
|
|
3991
|
+
className: `${Yn.root} ${c}`,
|
|
3926
3992
|
"aria-busy": s || void 0,
|
|
3927
3993
|
children: [/* @__PURE__ */ t("div", {
|
|
3928
|
-
className:
|
|
3994
|
+
className: Yn.tabList,
|
|
3929
3995
|
role: "tablist",
|
|
3930
3996
|
"aria-label": a,
|
|
3931
3997
|
"aria-orientation": "horizontal",
|
|
@@ -3937,7 +4003,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3937
4003
|
u.current[n] = e;
|
|
3938
4004
|
},
|
|
3939
4005
|
id: a,
|
|
3940
|
-
className:
|
|
4006
|
+
className: Yn.tab,
|
|
3941
4007
|
type: "button",
|
|
3942
4008
|
role: "tab",
|
|
3943
4009
|
"aria-selected": i,
|
|
@@ -3950,12 +4016,12 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3950
4016
|
}, e.id);
|
|
3951
4017
|
})
|
|
3952
4018
|
}), /* @__PURE__ */ t("div", {
|
|
3953
|
-
className:
|
|
4019
|
+
className: Yn.panels,
|
|
3954
4020
|
children: e.map((e, n) => {
|
|
3955
4021
|
let i = e.id === r;
|
|
3956
4022
|
return /* @__PURE__ */ t("div", {
|
|
3957
4023
|
id: `${l}-panel-${n}`,
|
|
3958
|
-
className:
|
|
4024
|
+
className: Yn.panel,
|
|
3959
4025
|
role: "tabpanel",
|
|
3960
4026
|
"aria-labelledby": `${l}-tab-${n}`,
|
|
3961
4027
|
tabIndex: 0,
|
|
@@ -3965,11 +4031,11 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3965
4031
|
})
|
|
3966
4032
|
})]
|
|
3967
4033
|
});
|
|
3968
|
-
},
|
|
4034
|
+
}, Zn = (e) => {
|
|
3969
4035
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
3970
4036
|
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")}`;
|
|
3971
4037
|
return n ? `${n}:${a}` : a;
|
|
3972
|
-
},
|
|
4038
|
+
}, Q = {
|
|
3973
4039
|
root: "_root_14cqp_1",
|
|
3974
4040
|
frame: "_frame_14cqp_35",
|
|
3975
4041
|
video: "_video_14cqp_65",
|
|
@@ -3998,37 +4064,37 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3998
4064
|
settingsActionLabel: "_settingsActionLabel_14cqp_693",
|
|
3999
4065
|
caption: "_caption_14cqp_705",
|
|
4000
4066
|
fullscreen: "_fullscreen_14cqp_719"
|
|
4001
|
-
},
|
|
4067
|
+
}, Qn = 2500, $n = 5, er = .05, tr = [
|
|
4002
4068
|
.5,
|
|
4003
4069
|
.75,
|
|
4004
4070
|
1,
|
|
4005
4071
|
1.25,
|
|
4006
4072
|
1.5,
|
|
4007
4073
|
2
|
|
4008
|
-
],
|
|
4009
|
-
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), [
|
|
4074
|
+
], nr = ({ sources: r, tracks: i = [], title: a, aspectRatio: o = "16 / 9", objectFit: s = "contain", loading: c = !1, error: u, fallback: f, className: p = "", controls: m = !0, playsInline: _ = !0, ...v }) => {
|
|
4075
|
+
let y = h(null), b = h(null), x = h(null), S = h(void 0), [C, w] = g(!1), [T, E] = g(r.length > 0), [D, O] = g(!1), [A, M] = g(!1), [ee, N] = g(!1), [P, F] = g(0), [I, L] = g(0), [R, z] = g(0), [B, te] = g(1), [V, H] = g(!!v.muted), [ne, re] = g(1), [ie, ae] = g(!!v.loop), [oe, se] = g(-1), [ce, le] = g(!1), [ue, U] = g(!0), [de, fe] = g(!1), [pe, me] = g(!1), he = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), W = i.map((e, t) => ({
|
|
4010
4076
|
track: e,
|
|
4011
4077
|
index: t
|
|
4012
|
-
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"),
|
|
4013
|
-
|
|
4014
|
-
}, [A,
|
|
4078
|
+
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), ge = u ?? (C ? "Не удалось воспроизвести видео" : void 0), _e = c || T && !ge && r.length > 0, ve = !_e && !ge && r.length === 0, ye = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, G = l(() => {
|
|
4079
|
+
U(!0), window.clearTimeout(S.current), A && !ce && (S.current = window.setTimeout(() => U(!1), Qn));
|
|
4080
|
+
}, [A, ce]);
|
|
4015
4081
|
d(() => {
|
|
4016
4082
|
w(!1), E(r.length > 0), O(!1), M(!1), N(!1), F(0), L(0), z(0);
|
|
4017
|
-
}, [
|
|
4018
|
-
let e = () =>
|
|
4083
|
+
}, [he, r.length]), d(() => (G(), () => window.clearTimeout(S.current)), [G]), d(() => {
|
|
4084
|
+
let e = () => fe(document.fullscreenElement === b.current), t = () => me(document.pictureInPictureElement === x.current);
|
|
4019
4085
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
4020
4086
|
document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
|
|
4021
4087
|
};
|
|
4022
4088
|
}, []), d(() => {
|
|
4023
|
-
if (!
|
|
4089
|
+
if (!ce) return;
|
|
4024
4090
|
let e = (e) => {
|
|
4025
|
-
y.current?.contains(e.target) ||
|
|
4091
|
+
y.current?.contains(e.target) || le(!1);
|
|
4026
4092
|
};
|
|
4027
4093
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
4028
|
-
}, [
|
|
4029
|
-
let
|
|
4094
|
+
}, [ce]);
|
|
4095
|
+
let be = async () => {
|
|
4030
4096
|
let e = x.current;
|
|
4031
|
-
if (!(!e ||
|
|
4097
|
+
if (!(!e || ge || _e)) {
|
|
4032
4098
|
if (e.paused || e.ended) {
|
|
4033
4099
|
e.ended && (e.currentTime = 0);
|
|
4034
4100
|
try {
|
|
@@ -4038,60 +4104,60 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4038
4104
|
}
|
|
4039
4105
|
} else e.pause();
|
|
4040
4106
|
}
|
|
4041
|
-
},
|
|
4107
|
+
}, xe = () => {
|
|
4042
4108
|
let e = x.current;
|
|
4043
4109
|
e && (e.muted = !e.muted);
|
|
4044
|
-
},
|
|
4110
|
+
}, Se = (e) => {
|
|
4045
4111
|
let t = x.current;
|
|
4046
4112
|
t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
|
|
4047
|
-
},
|
|
4113
|
+
}, q = (e) => {
|
|
4048
4114
|
let t = x.current;
|
|
4049
4115
|
!t || !I || (t.currentTime = Math.min(I, Math.max(0, e)), F(t.currentTime));
|
|
4050
|
-
},
|
|
4116
|
+
}, J = async () => {
|
|
4051
4117
|
if (b.current) try {
|
|
4052
4118
|
document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
|
|
4053
4119
|
} catch {
|
|
4054
|
-
|
|
4120
|
+
fe(!1);
|
|
4055
4121
|
}
|
|
4056
|
-
},
|
|
4122
|
+
}, Ce = async () => {
|
|
4057
4123
|
let e = x.current;
|
|
4058
|
-
if (!(!e || !
|
|
4124
|
+
if (!(!e || !ye)) try {
|
|
4059
4125
|
document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
|
|
4060
4126
|
} catch {
|
|
4061
|
-
|
|
4127
|
+
me(!1);
|
|
4062
4128
|
}
|
|
4063
|
-
},
|
|
4129
|
+
}, we = (e) => {
|
|
4064
4130
|
let t = x.current;
|
|
4065
4131
|
t && (Array.from(t.textTracks).forEach((t, n) => {
|
|
4066
4132
|
t.mode = n === e ? "showing" : "disabled";
|
|
4067
|
-
}),
|
|
4068
|
-
},
|
|
4133
|
+
}), se(e));
|
|
4134
|
+
}, Te = (e) => {
|
|
4069
4135
|
let t = e.target;
|
|
4070
4136
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
4071
4137
|
let n = e.key.toLowerCase();
|
|
4072
|
-
n === " " || n === "k" ? (e.preventDefault(),
|
|
4073
|
-
},
|
|
4138
|
+
n === " " || n === "k" ? (e.preventDefault(), be()) : n === "m" ? (e.preventDefault(), xe()) : n === "f" ? (e.preventDefault(), J()) : n === "c" && W.length ? (e.preventDefault(), we(oe === -1 ? W[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), q(P + (e.key === "ArrowRight" ? $n : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), Se(B + (e.key === "ArrowUp" ? er : -.05))) : e.key === "Escape" && le(!1), G();
|
|
4139
|
+
}, Ee = () => {
|
|
4074
4140
|
let e = x.current;
|
|
4075
4141
|
w(!1), E(!0), e?.load();
|
|
4076
|
-
},
|
|
4142
|
+
}, De = {
|
|
4077
4143
|
"--video-progress": `${I ? P / I * 100 : 0}%`,
|
|
4078
4144
|
"--video-buffered": `${R * 100}%`
|
|
4079
4145
|
};
|
|
4080
4146
|
return /* @__PURE__ */ n("figure", {
|
|
4081
4147
|
ref: y,
|
|
4082
|
-
className: `${
|
|
4083
|
-
onKeyDown:
|
|
4148
|
+
className: `${Q.root} ${p}`,
|
|
4149
|
+
onKeyDown: Te,
|
|
4084
4150
|
children: [/* @__PURE__ */ n("div", {
|
|
4085
4151
|
ref: b,
|
|
4086
|
-
className: `${
|
|
4152
|
+
className: `${Q.frame} ${de ? Q.fullscreen : ""}`,
|
|
4087
4153
|
style: { aspectRatio: o },
|
|
4088
|
-
"aria-busy":
|
|
4154
|
+
"aria-busy": _e || void 0,
|
|
4089
4155
|
tabIndex: m && r.length ? 0 : void 0,
|
|
4090
|
-
onPointerMove:
|
|
4091
|
-
onPointerDown:
|
|
4092
|
-
onFocusCapture:
|
|
4156
|
+
onPointerMove: G,
|
|
4157
|
+
onPointerDown: G,
|
|
4158
|
+
onFocusCapture: G,
|
|
4093
4159
|
onMouseLeave: () => {
|
|
4094
|
-
A && !
|
|
4160
|
+
A && !ce && U(!1);
|
|
4095
4161
|
},
|
|
4096
4162
|
children: [
|
|
4097
4163
|
r.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -4100,22 +4166,22 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4100
4166
|
"aria-label": a,
|
|
4101
4167
|
controls: !1,
|
|
4102
4168
|
playsInline: _,
|
|
4103
|
-
loop:
|
|
4104
|
-
className:
|
|
4169
|
+
loop: ie,
|
|
4170
|
+
className: Q.video,
|
|
4105
4171
|
style: { objectFit: s },
|
|
4106
4172
|
onClick: (e) => {
|
|
4107
|
-
v.onClick?.(e),
|
|
4173
|
+
v.onClick?.(e), be();
|
|
4108
4174
|
},
|
|
4109
4175
|
onDoubleClick: (e) => {
|
|
4110
|
-
v.onDoubleClick?.(e),
|
|
4176
|
+
v.onDoubleClick?.(e), J();
|
|
4111
4177
|
},
|
|
4112
4178
|
onLoadStart: (e) => {
|
|
4113
4179
|
E(!0), v.onLoadStart?.(e);
|
|
4114
4180
|
},
|
|
4115
4181
|
onLoadedMetadata: (e) => {
|
|
4116
4182
|
L(e.currentTarget.duration || 0);
|
|
4117
|
-
let t =
|
|
4118
|
-
|
|
4183
|
+
let t = W.find(({ track: e }) => e.default);
|
|
4184
|
+
we(t?.index ?? -1), v.onLoadedMetadata?.(e);
|
|
4119
4185
|
},
|
|
4120
4186
|
onDurationChange: (e) => {
|
|
4121
4187
|
L(e.currentTarget.duration || 0), v.onDurationChange?.(e);
|
|
@@ -4146,45 +4212,45 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4146
4212
|
M(!1), v.onPause?.(e);
|
|
4147
4213
|
},
|
|
4148
4214
|
onEnded: (e) => {
|
|
4149
|
-
M(!1), N(!0),
|
|
4215
|
+
M(!1), N(!0), U(!0), v.onEnded?.(e);
|
|
4150
4216
|
},
|
|
4151
4217
|
onVolumeChange: (e) => {
|
|
4152
4218
|
te(e.currentTarget.volume), H(e.currentTarget.muted), v.onVolumeChange?.(e);
|
|
4153
4219
|
},
|
|
4154
4220
|
onRateChange: (e) => {
|
|
4155
|
-
|
|
4221
|
+
re(e.currentTarget.playbackRate), v.onRateChange?.(e);
|
|
4156
4222
|
},
|
|
4157
4223
|
onError: (e) => {
|
|
4158
4224
|
E(!1), O(!1), w(!0), v.onError?.(e);
|
|
4159
4225
|
},
|
|
4160
4226
|
children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
4161
4227
|
}),
|
|
4162
|
-
|
|
4163
|
-
className:
|
|
4228
|
+
_e && /* @__PURE__ */ n("div", {
|
|
4229
|
+
className: Q.overlay,
|
|
4164
4230
|
role: "status",
|
|
4165
4231
|
"aria-live": "polite",
|
|
4166
4232
|
children: [/* @__PURE__ */ t("div", {
|
|
4167
|
-
className:
|
|
4233
|
+
className: Q.loaderViewport,
|
|
4168
4234
|
"aria-hidden": "true",
|
|
4169
4235
|
children: /* @__PURE__ */ t("div", {
|
|
4170
|
-
className:
|
|
4171
|
-
children: /* @__PURE__ */ t(
|
|
4236
|
+
className: Q.loaderScale,
|
|
4237
|
+
children: /* @__PURE__ */ t(Rn, {})
|
|
4172
4238
|
})
|
|
4173
4239
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
4174
4240
|
}),
|
|
4175
|
-
!
|
|
4176
|
-
className:
|
|
4241
|
+
!_e && D && !ge && /* @__PURE__ */ t("div", {
|
|
4242
|
+
className: Q.buffering,
|
|
4177
4243
|
role: "status",
|
|
4178
4244
|
"aria-label": "Буферизация видео",
|
|
4179
4245
|
children: /* @__PURE__ */ t(k, { variant: "primary" })
|
|
4180
4246
|
}),
|
|
4181
|
-
|
|
4182
|
-
className: `${
|
|
4247
|
+
ve && /* @__PURE__ */ n("div", {
|
|
4248
|
+
className: `${Q.state} ${Q.empty}`,
|
|
4183
4249
|
role: "status",
|
|
4184
4250
|
children: [
|
|
4185
|
-
/* @__PURE__ */ t(
|
|
4251
|
+
/* @__PURE__ */ t(K, {
|
|
4186
4252
|
name: "IconInfoCircle",
|
|
4187
|
-
className:
|
|
4253
|
+
className: Q.stateIcon,
|
|
4188
4254
|
width: 40,
|
|
4189
4255
|
height: 40
|
|
4190
4256
|
}),
|
|
@@ -4192,81 +4258,81 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4192
4258
|
f ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
|
|
4193
4259
|
]
|
|
4194
4260
|
}),
|
|
4195
|
-
!
|
|
4196
|
-
className: `${
|
|
4261
|
+
!_e && ge && /* @__PURE__ */ n("div", {
|
|
4262
|
+
className: `${Q.state} ${Q.error}`,
|
|
4197
4263
|
role: "alert",
|
|
4198
4264
|
children: [
|
|
4199
|
-
/* @__PURE__ */ t(
|
|
4265
|
+
/* @__PURE__ */ t(K, {
|
|
4200
4266
|
name: "IconWarning",
|
|
4201
|
-
className:
|
|
4267
|
+
className: Q.stateIcon,
|
|
4202
4268
|
width: 40,
|
|
4203
4269
|
height: 40
|
|
4204
4270
|
}),
|
|
4205
|
-
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children:
|
|
4271
|
+
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: ge })] }),
|
|
4206
4272
|
r.length > 0 && /* @__PURE__ */ t(j, {
|
|
4207
4273
|
size: "sm",
|
|
4208
4274
|
variant: "secondary",
|
|
4209
|
-
onClick:
|
|
4275
|
+
onClick: Ee,
|
|
4210
4276
|
children: "Повторить"
|
|
4211
4277
|
})
|
|
4212
4278
|
]
|
|
4213
4279
|
}),
|
|
4214
|
-
!
|
|
4280
|
+
!_e && !ge && ee && /* @__PURE__ */ t("button", {
|
|
4215
4281
|
type: "button",
|
|
4216
|
-
className:
|
|
4282
|
+
className: Q.replay,
|
|
4217
4283
|
"aria-label": "Воспроизвести заново",
|
|
4218
|
-
onClick: () => void
|
|
4219
|
-
children: /* @__PURE__ */ t(
|
|
4284
|
+
onClick: () => void be(),
|
|
4285
|
+
children: /* @__PURE__ */ t(K, {
|
|
4220
4286
|
name: "IconReplay",
|
|
4221
4287
|
width: 28,
|
|
4222
4288
|
height: 28
|
|
4223
4289
|
})
|
|
4224
4290
|
}),
|
|
4225
|
-
m && r.length > 0 && !
|
|
4226
|
-
className: `${
|
|
4291
|
+
m && r.length > 0 && !_e && !ge && /* @__PURE__ */ n("div", {
|
|
4292
|
+
className: `${Q.controlsLayer} ${ue || !A ? Q.controlsVisible : ""}`,
|
|
4227
4293
|
onClick: (e) => e.stopPropagation(),
|
|
4228
|
-
children: [
|
|
4229
|
-
className:
|
|
4294
|
+
children: [ce && /* @__PURE__ */ n("div", {
|
|
4295
|
+
className: Q.settings,
|
|
4230
4296
|
role: "dialog",
|
|
4231
4297
|
"aria-label": "Настройки видео",
|
|
4232
4298
|
children: [
|
|
4233
4299
|
/* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Скорость" }), /* @__PURE__ */ t("select", {
|
|
4234
|
-
value:
|
|
4300
|
+
value: ne,
|
|
4235
4301
|
onChange: (e) => {
|
|
4236
4302
|
let t = Number(e.target.value);
|
|
4237
4303
|
x.current && (x.current.playbackRate = t);
|
|
4238
4304
|
},
|
|
4239
|
-
children:
|
|
4305
|
+
children: tr.map((e) => /* @__PURE__ */ n("option", {
|
|
4240
4306
|
value: e,
|
|
4241
4307
|
children: [e, "×"]
|
|
4242
4308
|
}, e))
|
|
4243
4309
|
})] }),
|
|
4244
|
-
|
|
4245
|
-
value:
|
|
4246
|
-
onChange: (e) =>
|
|
4310
|
+
W.length > 0 && /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Субтитры" }), /* @__PURE__ */ n("select", {
|
|
4311
|
+
value: oe,
|
|
4312
|
+
onChange: (e) => we(Number(e.target.value)),
|
|
4247
4313
|
children: [/* @__PURE__ */ t("option", {
|
|
4248
4314
|
value: -1,
|
|
4249
4315
|
children: "Выключены"
|
|
4250
|
-
}),
|
|
4316
|
+
}), W.map(({ track: e, index: n }) => /* @__PURE__ */ t("option", {
|
|
4251
4317
|
value: n,
|
|
4252
4318
|
children: e.label
|
|
4253
4319
|
}, `${e.srcLang}-${e.label}`))]
|
|
4254
4320
|
})] }),
|
|
4255
4321
|
/* @__PURE__ */ n("button", {
|
|
4256
4322
|
type: "button",
|
|
4257
|
-
className:
|
|
4258
|
-
"aria-pressed":
|
|
4259
|
-
onClick: () =>
|
|
4260
|
-
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children:
|
|
4323
|
+
className: Q.settingsAction,
|
|
4324
|
+
"aria-pressed": ie,
|
|
4325
|
+
onClick: () => ae((e) => !e),
|
|
4326
|
+
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: ie ? "Вкл." : "Выкл." })]
|
|
4261
4327
|
}),
|
|
4262
|
-
|
|
4328
|
+
ye && /* @__PURE__ */ t("button", {
|
|
4263
4329
|
type: "button",
|
|
4264
|
-
className:
|
|
4265
|
-
"aria-pressed":
|
|
4266
|
-
onClick: () => void
|
|
4330
|
+
className: Q.settingsAction,
|
|
4331
|
+
"aria-pressed": pe,
|
|
4332
|
+
onClick: () => void Ce(),
|
|
4267
4333
|
children: /* @__PURE__ */ n("span", {
|
|
4268
|
-
className:
|
|
4269
|
-
children: [/* @__PURE__ */ t(
|
|
4334
|
+
className: Q.settingsActionLabel,
|
|
4335
|
+
children: [/* @__PURE__ */ t(K, {
|
|
4270
4336
|
name: "IconPictureInPicture",
|
|
4271
4337
|
width: 18,
|
|
4272
4338
|
height: 18
|
|
@@ -4275,17 +4341,17 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4275
4341
|
})
|
|
4276
4342
|
]
|
|
4277
4343
|
}), /* @__PURE__ */ n("div", {
|
|
4278
|
-
className:
|
|
4344
|
+
className: Q.controls,
|
|
4279
4345
|
children: [
|
|
4280
4346
|
/* @__PURE__ */ t("div", {
|
|
4281
|
-
className:
|
|
4347
|
+
className: Q.controlGroup,
|
|
4282
4348
|
children: /* @__PURE__ */ t("button", {
|
|
4283
4349
|
type: "button",
|
|
4284
|
-
className: `${
|
|
4350
|
+
className: `${Q.controlButton} ${Q.playButton}`,
|
|
4285
4351
|
"aria-label": A ? "Пауза" : "Воспроизвести",
|
|
4286
4352
|
title: A ? "Пауза (K)" : "Воспроизвести (K)",
|
|
4287
|
-
onClick: () => void
|
|
4288
|
-
children: /* @__PURE__ */ t(
|
|
4353
|
+
onClick: () => void be(),
|
|
4354
|
+
children: /* @__PURE__ */ t(K, {
|
|
4289
4355
|
name: A ? "IconPause" : "IconPlay",
|
|
4290
4356
|
width: 24,
|
|
4291
4357
|
height: 24
|
|
@@ -4293,21 +4359,21 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4293
4359
|
})
|
|
4294
4360
|
}),
|
|
4295
4361
|
/* @__PURE__ */ n("div", {
|
|
4296
|
-
className: `${
|
|
4362
|
+
className: `${Q.controlGroup} ${Q.volumeGroup}`,
|
|
4297
4363
|
children: [/* @__PURE__ */ t("button", {
|
|
4298
4364
|
type: "button",
|
|
4299
|
-
className:
|
|
4365
|
+
className: Q.controlButton,
|
|
4300
4366
|
"aria-label": V ? "Включить звук" : "Выключить звук",
|
|
4301
4367
|
"aria-pressed": V,
|
|
4302
4368
|
title: "Звук (M)",
|
|
4303
|
-
onClick:
|
|
4304
|
-
children: /* @__PURE__ */ t(
|
|
4369
|
+
onClick: xe,
|
|
4370
|
+
children: /* @__PURE__ */ t(K, {
|
|
4305
4371
|
name: V || B === 0 ? "IconVolumeMuted" : "IconVolume",
|
|
4306
4372
|
width: 22,
|
|
4307
4373
|
height: 22
|
|
4308
4374
|
})
|
|
4309
4375
|
}), /* @__PURE__ */ t("input", {
|
|
4310
|
-
className:
|
|
4376
|
+
className: Q.volume,
|
|
4311
4377
|
type: "range",
|
|
4312
4378
|
min: 0,
|
|
4313
4379
|
max: 1,
|
|
@@ -4315,56 +4381,56 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4315
4381
|
value: V ? 0 : B,
|
|
4316
4382
|
"aria-label": "Громкость",
|
|
4317
4383
|
"aria-valuetext": `${Math.round((V ? 0 : B) * 100)}%`,
|
|
4318
|
-
onChange: (e) =>
|
|
4384
|
+
onChange: (e) => Se(Number(e.target.value))
|
|
4319
4385
|
})]
|
|
4320
4386
|
}),
|
|
4321
4387
|
/* @__PURE__ */ n("div", {
|
|
4322
|
-
className: `${
|
|
4388
|
+
className: `${Q.controlGroup} ${Q.timelineGroup}`,
|
|
4323
4389
|
children: [
|
|
4324
4390
|
/* @__PURE__ */ t("span", {
|
|
4325
|
-
className:
|
|
4326
|
-
children:
|
|
4391
|
+
className: Q.time,
|
|
4392
|
+
children: Zn(P)
|
|
4327
4393
|
}),
|
|
4328
4394
|
/* @__PURE__ */ t("input", {
|
|
4329
|
-
className:
|
|
4330
|
-
style:
|
|
4395
|
+
className: Q.timeline,
|
|
4396
|
+
style: De,
|
|
4331
4397
|
type: "range",
|
|
4332
4398
|
min: 0,
|
|
4333
4399
|
max: I || 0,
|
|
4334
4400
|
step: .01,
|
|
4335
4401
|
value: Math.min(P, I || 0),
|
|
4336
4402
|
"aria-label": "Позиция воспроизведения",
|
|
4337
|
-
"aria-valuetext": `${
|
|
4338
|
-
onChange: (e) =>
|
|
4403
|
+
"aria-valuetext": `${Zn(P)} из ${Zn(I)}`,
|
|
4404
|
+
onChange: (e) => q(Number(e.target.value))
|
|
4339
4405
|
}),
|
|
4340
4406
|
/* @__PURE__ */ t("span", {
|
|
4341
|
-
className:
|
|
4342
|
-
children:
|
|
4407
|
+
className: Q.time,
|
|
4408
|
+
children: Zn(I)
|
|
4343
4409
|
})
|
|
4344
4410
|
]
|
|
4345
4411
|
}),
|
|
4346
4412
|
/* @__PURE__ */ n("div", {
|
|
4347
|
-
className:
|
|
4413
|
+
className: Q.controlGroup,
|
|
4348
4414
|
children: [/* @__PURE__ */ t("button", {
|
|
4349
4415
|
type: "button",
|
|
4350
|
-
className:
|
|
4416
|
+
className: Q.controlButton,
|
|
4351
4417
|
"aria-label": "Настройки",
|
|
4352
|
-
"aria-expanded":
|
|
4418
|
+
"aria-expanded": ce,
|
|
4353
4419
|
title: "Настройки",
|
|
4354
|
-
onClick: () =>
|
|
4355
|
-
children: /* @__PURE__ */ t(
|
|
4420
|
+
onClick: () => le((e) => !e),
|
|
4421
|
+
children: /* @__PURE__ */ t(K, {
|
|
4356
4422
|
name: "IconSettings",
|
|
4357
4423
|
width: 22,
|
|
4358
4424
|
height: 22
|
|
4359
4425
|
})
|
|
4360
4426
|
}), /* @__PURE__ */ t("button", {
|
|
4361
4427
|
type: "button",
|
|
4362
|
-
className:
|
|
4363
|
-
"aria-label":
|
|
4428
|
+
className: Q.controlButton,
|
|
4429
|
+
"aria-label": de ? "Выйти из полноэкранного режима" : "Полноэкранный режим",
|
|
4364
4430
|
title: "Полноэкранный режим (F)",
|
|
4365
|
-
onClick: () => void
|
|
4366
|
-
children: /* @__PURE__ */ t(
|
|
4367
|
-
name:
|
|
4431
|
+
onClick: () => void J(),
|
|
4432
|
+
children: /* @__PURE__ */ t(K, {
|
|
4433
|
+
name: de ? "IconFullscreenExit" : "IconFullscreen",
|
|
4368
4434
|
width: 22,
|
|
4369
4435
|
height: 22
|
|
4370
4436
|
})
|
|
@@ -4375,11 +4441,11 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4375
4441
|
})
|
|
4376
4442
|
]
|
|
4377
4443
|
}), /* @__PURE__ */ t("figcaption", {
|
|
4378
|
-
className:
|
|
4444
|
+
className: Q.caption,
|
|
4379
4445
|
children: a
|
|
4380
4446
|
})]
|
|
4381
4447
|
});
|
|
4382
|
-
},
|
|
4448
|
+
}, rr = {
|
|
4383
4449
|
root: "_root_ymidq_1",
|
|
4384
4450
|
trigger: "_trigger_ymidq_15",
|
|
4385
4451
|
heading: "_heading_ymidq_41",
|
|
@@ -4389,7 +4455,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4389
4455
|
open: "_open_ymidq_91",
|
|
4390
4456
|
content: "_content_ymidq_99",
|
|
4391
4457
|
contentInner: "_contentInner_ymidq_119"
|
|
4392
|
-
},
|
|
4458
|
+
}, ir = (e, t, n, r = 16) => {
|
|
4393
4459
|
if (t > Math.max(0, n - r * 2)) {
|
|
4394
4460
|
let t = e - r;
|
|
4395
4461
|
return Math.abs(t) <= 1 ? {
|
|
@@ -4411,7 +4477,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4411
4477
|
alignment: "none",
|
|
4412
4478
|
delta: 0
|
|
4413
4479
|
};
|
|
4414
|
-
},
|
|
4480
|
+
}, ar = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: u = "" }) => {
|
|
4415
4481
|
let p = f(), [m, _] = g(a), v = o ?? m, y = h(null), b = h(null), x = h(v);
|
|
4416
4482
|
return d(() => {
|
|
4417
4483
|
let e = x.current;
|
|
@@ -4421,7 +4487,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4421
4487
|
let r = !1, i = () => {
|
|
4422
4488
|
if (r) return;
|
|
4423
4489
|
r = !0;
|
|
4424
|
-
let e = t.getBoundingClientRect(), n =
|
|
4490
|
+
let e = t.getBoundingClientRect(), n = ir(e.top, e.height, window.innerHeight, l);
|
|
4425
4491
|
if (n.alignment === "none") return;
|
|
4426
4492
|
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
4427
4493
|
window.scrollBy({
|
|
@@ -4442,10 +4508,10 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4442
4508
|
l
|
|
4443
4509
|
]), /* @__PURE__ */ n("section", {
|
|
4444
4510
|
ref: y,
|
|
4445
|
-
className: `${
|
|
4511
|
+
className: `${rr.root} ${v ? rr.open : ""} ${u}`,
|
|
4446
4512
|
children: [/* @__PURE__ */ n("button", {
|
|
4447
4513
|
type: "button",
|
|
4448
|
-
className:
|
|
4514
|
+
className: rr.trigger,
|
|
4449
4515
|
"aria-expanded": v,
|
|
4450
4516
|
"aria-controls": p,
|
|
4451
4517
|
onClick: () => {
|
|
@@ -4453,18 +4519,18 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4453
4519
|
o === void 0 && _(e), s?.(e);
|
|
4454
4520
|
},
|
|
4455
4521
|
children: [/* @__PURE__ */ n("span", {
|
|
4456
|
-
className:
|
|
4522
|
+
className: rr.heading,
|
|
4457
4523
|
children: [/* @__PURE__ */ t("span", {
|
|
4458
|
-
className:
|
|
4524
|
+
className: rr.title,
|
|
4459
4525
|
children: e
|
|
4460
4526
|
}), r && /* @__PURE__ */ t("span", {
|
|
4461
|
-
className:
|
|
4527
|
+
className: rr.subtitle,
|
|
4462
4528
|
children: r
|
|
4463
4529
|
})]
|
|
4464
4530
|
}), /* @__PURE__ */ t("span", {
|
|
4465
|
-
className:
|
|
4531
|
+
className: rr.icon,
|
|
4466
4532
|
"aria-hidden": "true",
|
|
4467
|
-
children: /* @__PURE__ */ t(
|
|
4533
|
+
children: /* @__PURE__ */ t(K, {
|
|
4468
4534
|
name: "IconChevron",
|
|
4469
4535
|
width: 20,
|
|
4470
4536
|
height: 20
|
|
@@ -4473,15 +4539,15 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4473
4539
|
}), /* @__PURE__ */ t("div", {
|
|
4474
4540
|
ref: b,
|
|
4475
4541
|
id: p,
|
|
4476
|
-
className:
|
|
4542
|
+
className: rr.content,
|
|
4477
4543
|
"aria-hidden": !v,
|
|
4478
4544
|
children: /* @__PURE__ */ t("div", {
|
|
4479
|
-
className:
|
|
4545
|
+
className: rr.contentInner,
|
|
4480
4546
|
children: i
|
|
4481
4547
|
})
|
|
4482
4548
|
})]
|
|
4483
4549
|
});
|
|
4484
|
-
}, $
|
|
4550
|
+
}, $ = {
|
|
4485
4551
|
root: "_root_14ewt_1",
|
|
4486
4552
|
topSlot: "_topSlot_14ewt_29",
|
|
4487
4553
|
searchSlot: "_searchSlot_14ewt_31",
|
|
@@ -4499,14 +4565,14 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4499
4565
|
description: "_description_14ewt_235",
|
|
4500
4566
|
badge: "_badge_14ewt_269",
|
|
4501
4567
|
empty: "_empty_14ewt_281"
|
|
4502
|
-
},
|
|
4568
|
+
}, or = (e, t, n) => {
|
|
4503
4569
|
if (e.length === 0) return -1;
|
|
4504
4570
|
for (let r = 1; r <= e.length; r += 1) {
|
|
4505
4571
|
let i = (t + n * r + e.length) % e.length;
|
|
4506
4572
|
if (!e[i]?.disabled) return i;
|
|
4507
4573
|
}
|
|
4508
4574
|
return -1;
|
|
4509
|
-
},
|
|
4575
|
+
}, sr = ({ groups: r, currentItemId: i, ariaLabel: a = "Основная навигация", searchSlot: o, topSlot: s, bottomSlot: c, emptyState: l, renderLink: u, onItemSelect: d, className: p = "" }) => {
|
|
4510
4576
|
let m = f(), g = h(null), _ = h({
|
|
4511
4577
|
value: "",
|
|
4512
4578
|
time: 0
|
|
@@ -4518,7 +4584,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4518
4584
|
let n = v.findIndex((e) => e.id === t.id);
|
|
4519
4585
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
4520
4586
|
e.preventDefault();
|
|
4521
|
-
let t =
|
|
4587
|
+
let t = or(v, n, e.key === "ArrowDown" ? 1 : -1);
|
|
4522
4588
|
x(v[t]);
|
|
4523
4589
|
return;
|
|
4524
4590
|
}
|
|
@@ -4538,26 +4604,26 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4538
4604
|
let a = r.id === i, o = {
|
|
4539
4605
|
children: /* @__PURE__ */ n(e, { children: [
|
|
4540
4606
|
r.icon && /* @__PURE__ */ t("span", {
|
|
4541
|
-
className:
|
|
4607
|
+
className: $.icon,
|
|
4542
4608
|
"aria-hidden": "true",
|
|
4543
4609
|
children: r.icon
|
|
4544
4610
|
}),
|
|
4545
4611
|
/* @__PURE__ */ n("span", {
|
|
4546
|
-
className:
|
|
4612
|
+
className: $.copy,
|
|
4547
4613
|
children: [/* @__PURE__ */ t("span", {
|
|
4548
|
-
className:
|
|
4614
|
+
className: $.label,
|
|
4549
4615
|
children: r.label
|
|
4550
4616
|
}), r.description && /* @__PURE__ */ t("span", {
|
|
4551
|
-
className:
|
|
4617
|
+
className: $.description,
|
|
4552
4618
|
children: r.description
|
|
4553
4619
|
})]
|
|
4554
4620
|
}),
|
|
4555
4621
|
r.badge && /* @__PURE__ */ t("span", {
|
|
4556
|
-
className:
|
|
4622
|
+
className: $.badge,
|
|
4557
4623
|
children: r.badge
|
|
4558
4624
|
})
|
|
4559
4625
|
] }),
|
|
4560
|
-
className: `${
|
|
4626
|
+
className: `${$.link} ${a ? $.current : ""}`,
|
|
4561
4627
|
tabIndex: r.id === b ? 0 : -1,
|
|
4562
4628
|
"aria-current": a ? "page" : void 0,
|
|
4563
4629
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -4573,7 +4639,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4573
4639
|
onKeyDown: (e) => S(e, r)
|
|
4574
4640
|
};
|
|
4575
4641
|
return /* @__PURE__ */ t("li", {
|
|
4576
|
-
className:
|
|
4642
|
+
className: $.item,
|
|
4577
4643
|
children: u ? u(r, o) : r.href ? /* @__PURE__ */ t("a", {
|
|
4578
4644
|
href: r.href,
|
|
4579
4645
|
...o,
|
|
@@ -4588,45 +4654,45 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4588
4654
|
};
|
|
4589
4655
|
return /* @__PURE__ */ n("nav", {
|
|
4590
4656
|
ref: g,
|
|
4591
|
-
className: `${
|
|
4657
|
+
className: `${$.root} ${p}`,
|
|
4592
4658
|
"aria-label": a,
|
|
4593
4659
|
children: [
|
|
4594
4660
|
s && /* @__PURE__ */ t("div", {
|
|
4595
|
-
className:
|
|
4661
|
+
className: $.topSlot,
|
|
4596
4662
|
children: s
|
|
4597
4663
|
}),
|
|
4598
4664
|
o && /* @__PURE__ */ t("div", {
|
|
4599
|
-
className:
|
|
4665
|
+
className: $.searchSlot,
|
|
4600
4666
|
children: o
|
|
4601
4667
|
}),
|
|
4602
4668
|
/* @__PURE__ */ n("div", {
|
|
4603
|
-
className:
|
|
4669
|
+
className: $.groups,
|
|
4604
4670
|
children: [r.map((e) => {
|
|
4605
4671
|
let r = `${m}-${e.id}`;
|
|
4606
4672
|
return /* @__PURE__ */ n("section", {
|
|
4607
|
-
className:
|
|
4673
|
+
className: $.group,
|
|
4608
4674
|
"aria-labelledby": e.label ? r : void 0,
|
|
4609
4675
|
children: [e.label && /* @__PURE__ */ t("div", {
|
|
4610
4676
|
id: r,
|
|
4611
|
-
className:
|
|
4677
|
+
className: $.groupLabel,
|
|
4612
4678
|
children: e.label
|
|
4613
4679
|
}), /* @__PURE__ */ t("ul", {
|
|
4614
|
-
className:
|
|
4680
|
+
className: $.list,
|
|
4615
4681
|
children: e.items.map(C)
|
|
4616
4682
|
})]
|
|
4617
4683
|
}, e.id);
|
|
4618
4684
|
}), v.length === 0 && l && /* @__PURE__ */ t("div", {
|
|
4619
|
-
className:
|
|
4685
|
+
className: $.empty,
|
|
4620
4686
|
children: l
|
|
4621
4687
|
})]
|
|
4622
4688
|
}),
|
|
4623
4689
|
c && /* @__PURE__ */ t("div", {
|
|
4624
|
-
className:
|
|
4690
|
+
className: $.bottomSlot,
|
|
4625
4691
|
children: c
|
|
4626
4692
|
})
|
|
4627
4693
|
]
|
|
4628
4694
|
});
|
|
4629
|
-
},
|
|
4695
|
+
}, cr = {
|
|
4630
4696
|
root: "_root_2mdgb_1",
|
|
4631
4697
|
list: "_list_2mdgb_19",
|
|
4632
4698
|
item: "_item_2mdgb_37",
|
|
@@ -4636,7 +4702,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4636
4702
|
icon: "_icon_2mdgb_141",
|
|
4637
4703
|
badge: "_badge_2mdgb_149",
|
|
4638
4704
|
label: "_label_2mdgb_163"
|
|
4639
|
-
},
|
|
4705
|
+
}, lr = ({ items: r, currentItemId: i, ariaLabel: a = "Мобильная навигация", renderLink: o, onItemSelect: s, className: c = "" }) => {
|
|
4640
4706
|
let l = h(null), u = r.filter((e) => !e.disabled), d = u.some((e) => e.id === i) ? i : u[0]?.id, f = (e) => {
|
|
4641
4707
|
l.current?.querySelectorAll("[data-ds-navigation-item]")[e]?.focus();
|
|
4642
4708
|
}, p = (e, t) => {
|
|
@@ -4653,27 +4719,27 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4653
4719
|
};
|
|
4654
4720
|
return /* @__PURE__ */ t("nav", {
|
|
4655
4721
|
ref: l,
|
|
4656
|
-
className: `${
|
|
4722
|
+
className: `${cr.root} ${c}`,
|
|
4657
4723
|
"aria-label": a,
|
|
4658
4724
|
children: /* @__PURE__ */ t("ul", {
|
|
4659
|
-
className:
|
|
4725
|
+
className: cr.list,
|
|
4660
4726
|
children: r.map((r) => {
|
|
4661
4727
|
let a = r.id === i, c = {
|
|
4662
4728
|
children: /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("span", {
|
|
4663
|
-
className:
|
|
4729
|
+
className: cr.visual,
|
|
4664
4730
|
children: [r.icon && /* @__PURE__ */ t("span", {
|
|
4665
|
-
className:
|
|
4731
|
+
className: cr.icon,
|
|
4666
4732
|
"aria-hidden": "true",
|
|
4667
4733
|
children: r.icon
|
|
4668
4734
|
}), r.badge && /* @__PURE__ */ t("span", {
|
|
4669
|
-
className:
|
|
4735
|
+
className: cr.badge,
|
|
4670
4736
|
children: r.badge
|
|
4671
4737
|
})]
|
|
4672
4738
|
}), /* @__PURE__ */ t("span", {
|
|
4673
|
-
className:
|
|
4739
|
+
className: cr.label,
|
|
4674
4740
|
children: r.label
|
|
4675
4741
|
})] }),
|
|
4676
|
-
className: `${
|
|
4742
|
+
className: `${cr.link} ${a ? cr.current : ""}`,
|
|
4677
4743
|
tabIndex: r.id === d ? 0 : -1,
|
|
4678
4744
|
"aria-current": a ? "page" : void 0,
|
|
4679
4745
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -4689,7 +4755,7 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4689
4755
|
onKeyDown: (e) => p(e, r)
|
|
4690
4756
|
};
|
|
4691
4757
|
return /* @__PURE__ */ t("li", {
|
|
4692
|
-
className:
|
|
4758
|
+
className: cr.item,
|
|
4693
4759
|
children: o ? o(r, c) : r.href ? /* @__PURE__ */ t("a", {
|
|
4694
4760
|
href: r.href,
|
|
4695
4761
|
...c,
|
|
@@ -4706,4 +4772,4 @@ var an = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4706
4772
|
});
|
|
4707
4773
|
};
|
|
4708
4774
|
//#endregion
|
|
4709
|
-
export {
|
|
4775
|
+
export { yn as ConfirmModal, ar as DSAccordion, w as DSBadge, lr as DSBottomNavigation, Fn as DSBottomSheet, j as DSButton, Se as DSCheckbox, D as DSCounterBadge, ht as DSDataTable, We as DSDateRange, Ve as DSDateTimePicker, Pn as DSDrawer, Qe as DSDropDown, bt as DSDropDownMultiple, ee as DSFieldLabel, N as DSFieldMessage, Gt as DSFileInput, It as DSFilters, qt as DSFloatingMenu, Rt as DSFormGrid, zt as DSFormGridItem, In as DSFullscreenDialog, K as DSIcon, Mt as DSInfoBlock, St as DSInput, k as DSLoader, pn as DSModal, fn as DSModalFrame, sr as DSNavigationSurface, Nn as DSOverlay, Rn as DSPageLoader, Kt as DSPortal, Pt as DSRadioButton, At as DSSearchDropDown, Ke as DSSkeleton, et as DSSort, Xn as DSTabs, Zt as DSTextarea, Vn as DSToast, Gn as DSToastProvider, Jn as DSTooltip, Bt as DSValidationSummary, nr as DSVideoPlayerFrame, bn as ErrorModal, mn as ModalSystemProvider, xn as builtInModalRegistry, hn as defineModalRegistry, E as formatDSCounterValue, De as formatDateInputValue, Ne as formatDateTimeLocalValue, ir as getDSAccordionScrollTarget, rt as getDSDataTableColumnStyle, at as getDSDataTablePaginationItems, it as getDSDataTableStickyColumnStyle, Cn as getErrorMessage, nt as getNextDSDataTablePageSelection, Xe as getNextEnabledOptionIndex, Ae as isValidDateInputPrefix, Ue as isValidDateRange, Oe as maskDateInputValue, je as parseDateInputValue, Pe as parseDateTimeLocalValue, en as resetModalStore, Wn as resetToastStore, Sn as useConfirmModal, Tn as useConfirmModalStore, Mn as useDSOverlay, wn as useErrorModal, En as useErrorModalStore, Dn as useModals, $t as useModalsStore, Kn as useToast, Un as useToastStore, ot as validateDSDataTableData };
|