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