@efficiency-point/design-system 0.0.18 → 0.0.19
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/index.es.js
CHANGED
|
@@ -211,83 +211,83 @@ var T = {
|
|
|
211
211
|
if (!e) return "";
|
|
212
212
|
let n = `${N(e.getDate())}.${N(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${N(e.getHours())}:${N(e.getMinutes())}`;
|
|
213
213
|
return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
|
|
214
|
-
},
|
|
214
|
+
}, R = (e) => {
|
|
215
215
|
let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
|
|
216
216
|
return r.setDate(t.getDate() - n), Array.from({ length: 42 }, (e, t) => {
|
|
217
217
|
let n = new Date(r);
|
|
218
218
|
return n.setDate(r.getDate() + t), n;
|
|
219
219
|
});
|
|
220
|
-
},
|
|
220
|
+
}, ee = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), z = (e, t, n) => {
|
|
221
221
|
let r = P(e).getTime();
|
|
222
222
|
return !!(t && r < P(t).getTime() || n && r > P(n).getTime());
|
|
223
|
-
},
|
|
224
|
-
let O = c(), k = C ?? `ds-date-time-${w ?? O}`, N = g ? `${k}-hint` : void 0, P = _ ? `${k}-error` : void 0,
|
|
223
|
+
}, B = 8, te = 6, ne = ({ value: r, onChange: i, mode: a = "date", label: m, placeholder: h, hint: g, error: _, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, id: C, name: w, className: T = "" }) => {
|
|
224
|
+
let O = c(), k = C ?? `ds-date-time-${w ?? O}`, N = g ? `${k}-hint` : void 0, P = _ ? `${k}-error` : void 0, ne = d(null), re = d(null), ie = d(null), [V, H] = f(!1), [U, W] = f(r ?? /* @__PURE__ */ new Date()), [G, ae] = f(F(r, "time")), [oe, se] = f(null), ce = u(() => R(U), [U]), le = a !== "time", ue = a !== "date";
|
|
225
225
|
s(() => {
|
|
226
|
-
r &&
|
|
226
|
+
r && W(r), ae(F(r, "time"));
|
|
227
227
|
}, [r]);
|
|
228
|
-
let
|
|
229
|
-
let e =
|
|
228
|
+
let K = o(() => {
|
|
229
|
+
let e = re.current, t = ie.current;
|
|
230
230
|
if (!e || !t) return;
|
|
231
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
232
|
-
|
|
231
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - B, o = n.top - B, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(B, n.top - r.height - te) : n.bottom + te, u = n.left, d = i - r.width - B;
|
|
232
|
+
se({
|
|
233
233
|
top: l,
|
|
234
|
-
left: Math.max(
|
|
234
|
+
left: Math.max(B, Math.min(u, d)),
|
|
235
235
|
maxHeight: c
|
|
236
236
|
});
|
|
237
237
|
}, []);
|
|
238
238
|
l(() => {
|
|
239
|
-
if (!
|
|
240
|
-
|
|
239
|
+
if (!V) {
|
|
240
|
+
se(null);
|
|
241
241
|
return;
|
|
242
242
|
}
|
|
243
|
-
return
|
|
244
|
-
window.removeEventListener("resize",
|
|
243
|
+
return K(), window.addEventListener("resize", K), window.addEventListener("scroll", K, !0), () => {
|
|
244
|
+
window.removeEventListener("resize", K), window.removeEventListener("scroll", K, !0);
|
|
245
245
|
};
|
|
246
246
|
}, [
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
247
|
+
V,
|
|
248
|
+
K,
|
|
249
|
+
U,
|
|
250
|
+
G
|
|
251
251
|
]), s(() => {
|
|
252
|
-
if (!
|
|
252
|
+
if (!V) return;
|
|
253
253
|
let e = (e) => {
|
|
254
|
-
let t = e.target, n =
|
|
255
|
-
!n && !r &&
|
|
254
|
+
let t = e.target, n = ne.current?.contains(t), r = ie.current?.contains(t);
|
|
255
|
+
!n && !r && H(!1);
|
|
256
256
|
}, t = (e) => {
|
|
257
|
-
e.key === "Escape" && (
|
|
257
|
+
e.key === "Escape" && (H(!1), re.current?.focus());
|
|
258
258
|
};
|
|
259
259
|
return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
|
|
260
260
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
261
261
|
};
|
|
262
|
-
}, [
|
|
263
|
-
let
|
|
264
|
-
if (
|
|
262
|
+
}, [V]);
|
|
263
|
+
let q = (e) => {
|
|
264
|
+
if (z(e, x, S)) return;
|
|
265
265
|
let t = new Date(e);
|
|
266
|
-
t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" &&
|
|
267
|
-
},
|
|
268
|
-
if (
|
|
266
|
+
t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" && H(!1);
|
|
267
|
+
}, de = (e) => {
|
|
268
|
+
if (ae(e), !e) {
|
|
269
269
|
i?.(null);
|
|
270
270
|
return;
|
|
271
271
|
}
|
|
272
272
|
let t = I(e, "time");
|
|
273
273
|
if (!t) return;
|
|
274
|
-
let n = new Date(a === "datetime" ? r ??
|
|
274
|
+
let n = new Date(a === "datetime" ? r ?? U : /* @__PURE__ */ new Date());
|
|
275
275
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
276
|
-
},
|
|
277
|
-
ref:
|
|
276
|
+
}, fe = h ?? (a === "date" ? "Выберите дату" : a === "time" ? "Введите время" : "Выберите дату и время"), pe = [N, P].filter(Boolean).join(" ") || void 0, me = V && !y ? /* @__PURE__ */ n("div", {
|
|
277
|
+
ref: ie,
|
|
278
278
|
className: A.panel,
|
|
279
279
|
role: "dialog",
|
|
280
|
-
"aria-label": m ??
|
|
281
|
-
style:
|
|
282
|
-
top:
|
|
283
|
-
left:
|
|
284
|
-
maxHeight:
|
|
280
|
+
"aria-label": m ?? fe,
|
|
281
|
+
style: oe ? {
|
|
282
|
+
top: oe.top,
|
|
283
|
+
left: oe.left,
|
|
284
|
+
maxHeight: oe.maxHeight
|
|
285
285
|
} : {
|
|
286
286
|
visibility: "hidden",
|
|
287
287
|
top: 0,
|
|
288
288
|
left: 0
|
|
289
289
|
},
|
|
290
|
-
children: [
|
|
290
|
+
children: [le && /* @__PURE__ */ n(e, { children: [
|
|
291
291
|
/* @__PURE__ */ n("div", {
|
|
292
292
|
className: A.calendarHeader,
|
|
293
293
|
children: [
|
|
@@ -295,14 +295,14 @@ var T = {
|
|
|
295
295
|
type: "button",
|
|
296
296
|
className: A.nav,
|
|
297
297
|
"aria-label": "Предыдущий месяц",
|
|
298
|
-
onClick: () =>
|
|
298
|
+
onClick: () => W(new Date(U.getFullYear(), U.getMonth() - 1, 1)),
|
|
299
299
|
children: "‹"
|
|
300
300
|
}),
|
|
301
301
|
/* @__PURE__ */ t("select", {
|
|
302
302
|
className: A.monthSelect,
|
|
303
303
|
"aria-label": "Месяц",
|
|
304
|
-
value:
|
|
305
|
-
onChange: (e) =>
|
|
304
|
+
value: U.getMonth(),
|
|
305
|
+
onChange: (e) => W(new Date(U.getFullYear(), Number(e.target.value), 1)),
|
|
306
306
|
children: M.map((e, n) => /* @__PURE__ */ t("option", {
|
|
307
307
|
value: n,
|
|
308
308
|
children: e
|
|
@@ -312,14 +312,14 @@ var T = {
|
|
|
312
312
|
className: A.yearInput,
|
|
313
313
|
type: "number",
|
|
314
314
|
"aria-label": "Год",
|
|
315
|
-
value:
|
|
316
|
-
onChange: (e) =>
|
|
315
|
+
value: U.getFullYear(),
|
|
316
|
+
onChange: (e) => W(new Date(Number(e.target.value), U.getMonth(), 1))
|
|
317
317
|
}),
|
|
318
318
|
/* @__PURE__ */ t("button", {
|
|
319
319
|
type: "button",
|
|
320
320
|
className: A.nav,
|
|
321
321
|
"aria-label": "Следующий месяц",
|
|
322
|
-
onClick: () =>
|
|
322
|
+
onClick: () => W(new Date(U.getFullYear(), U.getMonth() + 1, 1)),
|
|
323
323
|
children: "›"
|
|
324
324
|
})
|
|
325
325
|
]
|
|
@@ -330,30 +330,30 @@ var T = {
|
|
|
330
330
|
}),
|
|
331
331
|
/* @__PURE__ */ t("div", {
|
|
332
332
|
className: A.days,
|
|
333
|
-
children:
|
|
334
|
-
let n =
|
|
333
|
+
children: ce.map((e) => {
|
|
334
|
+
let n = ee(r, e);
|
|
335
335
|
return /* @__PURE__ */ t("button", {
|
|
336
336
|
type: "button",
|
|
337
|
-
className: `${A.day} ${e.getMonth() ===
|
|
338
|
-
disabled:
|
|
337
|
+
className: `${A.day} ${e.getMonth() === U.getMonth() ? "" : A.outside} ${n ? A.selected : ""}`,
|
|
338
|
+
disabled: z(e, x, S),
|
|
339
339
|
"aria-pressed": n,
|
|
340
|
-
onClick: () =>
|
|
340
|
+
onClick: () => q(e),
|
|
341
341
|
children: e.getDate()
|
|
342
342
|
}, e.toISOString());
|
|
343
343
|
})
|
|
344
344
|
})
|
|
345
|
-
] }),
|
|
345
|
+
] }), ue && /* @__PURE__ */ n("label", {
|
|
346
346
|
className: A.timeLabel,
|
|
347
347
|
children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
|
|
348
348
|
className: A.timeInput,
|
|
349
349
|
type: "time",
|
|
350
|
-
value:
|
|
351
|
-
onChange: (e) =>
|
|
350
|
+
value: G,
|
|
351
|
+
onChange: (e) => de(e.target.value)
|
|
352
352
|
})]
|
|
353
353
|
})]
|
|
354
354
|
}) : null;
|
|
355
355
|
return /* @__PURE__ */ n("div", {
|
|
356
|
-
ref:
|
|
356
|
+
ref: ne,
|
|
357
357
|
className: `${A.wrapper} ${T}`,
|
|
358
358
|
children: [
|
|
359
359
|
m && /* @__PURE__ */ t(E, {
|
|
@@ -363,28 +363,28 @@ var T = {
|
|
|
363
363
|
children: m
|
|
364
364
|
}),
|
|
365
365
|
/* @__PURE__ */ n("button", {
|
|
366
|
-
ref:
|
|
366
|
+
ref: re,
|
|
367
367
|
id: k,
|
|
368
368
|
name: w,
|
|
369
369
|
type: "button",
|
|
370
370
|
className: `${A.trigger} ${_ ? A.error : ""}`,
|
|
371
371
|
disabled: v,
|
|
372
372
|
"aria-readonly": y || void 0,
|
|
373
|
-
"aria-expanded":
|
|
373
|
+
"aria-expanded": V,
|
|
374
374
|
"aria-haspopup": "dialog",
|
|
375
|
-
"aria-describedby":
|
|
375
|
+
"aria-describedby": pe,
|
|
376
376
|
onClick: () => {
|
|
377
|
-
y ||
|
|
377
|
+
y || H((e) => !e);
|
|
378
378
|
},
|
|
379
379
|
children: [/* @__PURE__ */ t("span", {
|
|
380
380
|
className: r ? A.value : A.placeholder,
|
|
381
|
-
children: L(r, a) ||
|
|
381
|
+
children: L(r, a) || fe
|
|
382
382
|
}), /* @__PURE__ */ t("span", {
|
|
383
383
|
"aria-hidden": "true",
|
|
384
384
|
children: "▾"
|
|
385
385
|
})]
|
|
386
386
|
}),
|
|
387
|
-
|
|
387
|
+
me && p(me, document.body),
|
|
388
388
|
g && !_ && /* @__PURE__ */ t(D, {
|
|
389
389
|
id: N,
|
|
390
390
|
children: g
|
|
@@ -396,20 +396,20 @@ var T = {
|
|
|
396
396
|
})
|
|
397
397
|
]
|
|
398
398
|
});
|
|
399
|
-
},
|
|
399
|
+
}, re = {
|
|
400
400
|
root: "_root_1q42e_1",
|
|
401
401
|
legend: "_legend_1q42e_3",
|
|
402
402
|
range: "_range_1q42e_5"
|
|
403
|
-
},
|
|
403
|
+
}, ie = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), V = ({ 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 = "" }) => {
|
|
404
404
|
let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
|
|
405
|
-
i?.(e),
|
|
405
|
+
i?.(e), ie(e) && r?.(e);
|
|
406
406
|
};
|
|
407
407
|
return /* @__PURE__ */ n("fieldset", {
|
|
408
|
-
className: `${
|
|
408
|
+
className: `${re.root} ${h}`,
|
|
409
409
|
disabled: f,
|
|
410
410
|
children: [/* @__PURE__ */ n("div", {
|
|
411
|
-
className:
|
|
412
|
-
children: [/* @__PURE__ */ t(
|
|
411
|
+
className: re.range,
|
|
412
|
+
children: [/* @__PURE__ */ t(ne, {
|
|
413
413
|
value: e.from,
|
|
414
414
|
mode: a === "datetime" ? "datetime" : a,
|
|
415
415
|
label: o,
|
|
@@ -423,7 +423,7 @@ var T = {
|
|
|
423
423
|
...e,
|
|
424
424
|
from: t
|
|
425
425
|
})
|
|
426
|
-
}), /* @__PURE__ */ t(
|
|
426
|
+
}), /* @__PURE__ */ t(ne, {
|
|
427
427
|
value: e.to,
|
|
428
428
|
mode: a === "datetime" ? "datetime" : a,
|
|
429
429
|
label: s,
|
|
@@ -440,7 +440,7 @@ var T = {
|
|
|
440
440
|
})]
|
|
441
441
|
}), c && !g && /* @__PURE__ */ t(D, { children: c })]
|
|
442
442
|
});
|
|
443
|
-
},
|
|
443
|
+
}, H = {
|
|
444
444
|
group: "_group_1fs9e_1",
|
|
445
445
|
skeleton: "_skeleton_1fs9e_3",
|
|
446
446
|
text: "_text_1fs9e_5",
|
|
@@ -448,101 +448,195 @@ var T = {
|
|
|
448
448
|
circular: "_circular_1fs9e_9",
|
|
449
449
|
animated: "_animated_1fs9e_11",
|
|
450
450
|
"ds-skeleton": "_ds-skeleton_1fs9e_1"
|
|
451
|
-
},
|
|
452
|
-
className: `${
|
|
451
|
+
}, U = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
|
|
452
|
+
className: `${H.group} ${o}`,
|
|
453
453
|
"aria-hidden": "true",
|
|
454
454
|
children: Array.from({ length: Math.max(1, i) }, (o, s) => /* @__PURE__ */ t("span", {
|
|
455
|
-
className: `${
|
|
455
|
+
className: `${H.skeleton} ${H[e]} ${a ? H.animated : ""}`,
|
|
456
456
|
style: {
|
|
457
457
|
width: s === i - 1 && i > 1 ? "70%" : n,
|
|
458
458
|
height: r
|
|
459
459
|
}
|
|
460
460
|
}, s))
|
|
461
|
-
}),
|
|
462
|
-
wrapper: "
|
|
463
|
-
label: "
|
|
464
|
-
container: "
|
|
465
|
-
trigger: "
|
|
466
|
-
disabledText: "
|
|
467
|
-
value: "
|
|
468
|
-
placeholder: "
|
|
469
|
-
chevron: "
|
|
470
|
-
chevronOpen: "
|
|
471
|
-
menu: "
|
|
472
|
-
option: "
|
|
473
|
-
selected: "
|
|
474
|
-
message: "
|
|
475
|
-
error: "
|
|
476
|
-
errorState: "
|
|
477
|
-
},
|
|
461
|
+
}), W = {
|
|
462
|
+
wrapper: "_wrapper_hotrv_1",
|
|
463
|
+
label: "_label_hotrv_17",
|
|
464
|
+
container: "_container_hotrv_29",
|
|
465
|
+
trigger: "_trigger_hotrv_37",
|
|
466
|
+
disabledText: "_disabledText_hotrv_39",
|
|
467
|
+
value: "_value_hotrv_109",
|
|
468
|
+
placeholder: "_placeholder_hotrv_111",
|
|
469
|
+
chevron: "_chevron_hotrv_137",
|
|
470
|
+
chevronOpen: "_chevronOpen_hotrv_163",
|
|
471
|
+
menu: "_menu_hotrv_171",
|
|
472
|
+
option: "_option_hotrv_201",
|
|
473
|
+
selected: "_selected_hotrv_239",
|
|
474
|
+
message: "_message_hotrv_259",
|
|
475
|
+
error: "_error_hotrv_261",
|
|
476
|
+
errorState: "_errorState_hotrv_287"
|
|
477
|
+
}, G = 8, ae = 6, oe = 120, se = (e, t, n) => {
|
|
478
|
+
if (!e.length) return -1;
|
|
478
479
|
for (let r = 0; r < e.length; r += 1) {
|
|
479
480
|
let i = (t + r * n + e.length) % e.length;
|
|
480
481
|
if (!e[i]?.disabled) return i;
|
|
481
482
|
}
|
|
482
483
|
return -1;
|
|
483
|
-
},
|
|
484
|
-
|
|
485
|
-
|
|
484
|
+
}, ce = (e) => {
|
|
485
|
+
if (typeof e == "number") return e;
|
|
486
|
+
if (typeof e == "string") {
|
|
487
|
+
let t = Number.parseFloat(e);
|
|
488
|
+
if (Number.isFinite(t)) return t;
|
|
489
|
+
}
|
|
490
|
+
return Infinity;
|
|
491
|
+
}, le = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опцию", disabled: m = !1, stringWhileDisabled: h = !1, label: g, error: _, hint: v, className: y = "", name: b, id: x, needMark: S = !0, maxMenuHeight: C }) => {
|
|
492
|
+
let w = c(), T = x ?? `ds-dropdown-${b ?? w}`, E = `${T}-listbox`, [D, O] = f(!1), [k, A] = f(null), j = d(null), M = d(null), N = d(null), P = d([]), F = u(() => e.find((e) => e.value === r), [e, r]), I = v ? `${T}-hint` : void 0, L = _ ? `${T}-error` : void 0, R = [I, L].filter(Boolean).join(" ") || void 0, ee = m && h, z = o(() => {
|
|
493
|
+
let e = M.current, t = N.current;
|
|
494
|
+
if (!e || !t) return;
|
|
495
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - G, o = n.top - G, s = a < r.height && o > a, c = Math.max(oe, s ? o : a), l = ce(C), u = Math.min(c, l), d = n.left, f = i - n.width - G, p = Math.max(G, Math.min(d, f)), m = s ? Math.max(G, n.top - r.height - ae) : n.bottom + ae;
|
|
496
|
+
A({
|
|
497
|
+
top: m,
|
|
498
|
+
left: p,
|
|
499
|
+
width: n.width,
|
|
500
|
+
maxHeight: u
|
|
501
|
+
});
|
|
502
|
+
}, [C]);
|
|
503
|
+
l(() => {
|
|
504
|
+
if (!D) {
|
|
505
|
+
A(null);
|
|
506
|
+
return;
|
|
507
|
+
}
|
|
508
|
+
return z(), window.addEventListener("resize", z), window.addEventListener("scroll", z, !0), () => {
|
|
509
|
+
window.removeEventListener("resize", z), window.removeEventListener("scroll", z, !0);
|
|
510
|
+
};
|
|
511
|
+
}, [
|
|
512
|
+
D,
|
|
513
|
+
z,
|
|
514
|
+
e.length
|
|
515
|
+
]), s(() => {
|
|
516
|
+
if (!D) return;
|
|
486
517
|
let e = (e) => {
|
|
487
|
-
|
|
518
|
+
let t = e.target, n = j.current?.contains(t), r = N.current?.contains(t);
|
|
519
|
+
!n && !r && O(!1);
|
|
488
520
|
}, t = (e) => {
|
|
489
|
-
e.key === "Escape" &&
|
|
521
|
+
e.key === "Escape" && (O(!1), M.current?.focus());
|
|
490
522
|
};
|
|
491
|
-
return document.addEventListener("
|
|
492
|
-
document.removeEventListener("
|
|
523
|
+
return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
|
|
524
|
+
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
493
525
|
};
|
|
494
|
-
}, [
|
|
495
|
-
let
|
|
496
|
-
let
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
}
|
|
526
|
+
}, [D]);
|
|
527
|
+
let B = (t, n) => {
|
|
528
|
+
let r = se(e, t, n);
|
|
529
|
+
if (r === -1) return;
|
|
530
|
+
let i = P.current[r];
|
|
531
|
+
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
532
|
+
}, te = (e) => {
|
|
533
|
+
e.disabled || (i?.(e.value, e), O(!1), M.current?.focus());
|
|
534
|
+
}, ne = D ? /* @__PURE__ */ t("ul", {
|
|
535
|
+
ref: N,
|
|
536
|
+
id: E,
|
|
537
|
+
className: W.menu,
|
|
538
|
+
role: "listbox",
|
|
539
|
+
"aria-label": g,
|
|
540
|
+
style: k ? {
|
|
541
|
+
position: "fixed",
|
|
542
|
+
top: k.top,
|
|
543
|
+
left: k.left,
|
|
544
|
+
width: k.width,
|
|
545
|
+
maxHeight: k.maxHeight
|
|
546
|
+
} : {
|
|
547
|
+
position: "fixed",
|
|
548
|
+
top: 0,
|
|
549
|
+
left: 0,
|
|
550
|
+
visibility: "hidden",
|
|
551
|
+
maxHeight: 0
|
|
552
|
+
},
|
|
553
|
+
children: e.map((i, a) => {
|
|
554
|
+
let o = i.value === r;
|
|
555
|
+
return /* @__PURE__ */ t("li", {
|
|
556
|
+
role: "presentation",
|
|
557
|
+
children: /* @__PURE__ */ n("button", {
|
|
558
|
+
ref: (e) => {
|
|
559
|
+
P.current[a] = e;
|
|
560
|
+
},
|
|
561
|
+
type: "button",
|
|
562
|
+
role: "option",
|
|
563
|
+
"aria-selected": o,
|
|
564
|
+
disabled: i.disabled,
|
|
565
|
+
className: [W.option, o ? W.selected : ""].filter(Boolean).join(" "),
|
|
566
|
+
onClick: () => te(i),
|
|
567
|
+
onKeyDown: (t) => {
|
|
568
|
+
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
569
|
+
t.preventDefault();
|
|
570
|
+
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
571
|
+
B(a + e, e);
|
|
572
|
+
}
|
|
573
|
+
if (t.key === "Tab" && O(!1), t.key === "Home" || t.key === "End") {
|
|
574
|
+
t.preventDefault();
|
|
575
|
+
let n = t.key === "Home" ? 1 : -1;
|
|
576
|
+
B(t.key === "Home" ? 0 : e.length - 1, n);
|
|
577
|
+
}
|
|
578
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), te(i));
|
|
579
|
+
},
|
|
580
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && S && /* @__PURE__ */ t("span", {
|
|
581
|
+
"aria-hidden": "true",
|
|
582
|
+
children: "✓"
|
|
583
|
+
})]
|
|
584
|
+
})
|
|
585
|
+
}, i.value);
|
|
586
|
+
})
|
|
587
|
+
}) : null;
|
|
501
588
|
return /* @__PURE__ */ n("div", {
|
|
502
|
-
ref:
|
|
589
|
+
ref: j,
|
|
503
590
|
className: [
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
591
|
+
W.wrapper,
|
|
592
|
+
_ ? W.errorState : "",
|
|
593
|
+
y
|
|
507
594
|
].filter(Boolean).join(" "),
|
|
508
595
|
children: [
|
|
509
|
-
|
|
510
|
-
htmlFor:
|
|
511
|
-
className:
|
|
512
|
-
children:
|
|
596
|
+
g && /* @__PURE__ */ t("label", {
|
|
597
|
+
htmlFor: ee ? void 0 : T,
|
|
598
|
+
className: W.label,
|
|
599
|
+
children: g
|
|
513
600
|
}),
|
|
514
601
|
/* @__PURE__ */ t("div", {
|
|
515
|
-
className:
|
|
516
|
-
children:
|
|
517
|
-
id:
|
|
518
|
-
className:
|
|
519
|
-
"aria-describedby":
|
|
520
|
-
children:
|
|
521
|
-
}) : /* @__PURE__ */ n(
|
|
522
|
-
ref:
|
|
523
|
-
id:
|
|
602
|
+
className: W.container,
|
|
603
|
+
children: ee ? /* @__PURE__ */ t("div", {
|
|
604
|
+
id: T,
|
|
605
|
+
className: W.disabledText,
|
|
606
|
+
"aria-describedby": R,
|
|
607
|
+
children: F?.label ?? a
|
|
608
|
+
}) : /* @__PURE__ */ n("button", {
|
|
609
|
+
ref: M,
|
|
610
|
+
id: T,
|
|
524
611
|
type: "button",
|
|
525
|
-
name:
|
|
526
|
-
className:
|
|
527
|
-
disabled:
|
|
612
|
+
name: b,
|
|
613
|
+
className: W.trigger,
|
|
614
|
+
disabled: m,
|
|
528
615
|
"aria-haspopup": "listbox",
|
|
529
|
-
"aria-expanded":
|
|
530
|
-
"aria-controls":
|
|
531
|
-
"aria-describedby":
|
|
532
|
-
"aria-invalid": !!
|
|
533
|
-
onClick: () =>
|
|
534
|
-
onKeyDown: (
|
|
535
|
-
if (
|
|
536
|
-
|
|
537
|
-
let
|
|
538
|
-
requestAnimationFrame(() =>
|
|
616
|
+
"aria-expanded": D,
|
|
617
|
+
"aria-controls": E,
|
|
618
|
+
"aria-describedby": R,
|
|
619
|
+
"aria-invalid": !!_,
|
|
620
|
+
onClick: () => O((e) => !e),
|
|
621
|
+
onKeyDown: (t) => {
|
|
622
|
+
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
623
|
+
t.preventDefault(), O(!0);
|
|
624
|
+
let n = t.key === "ArrowDown" ? 1 : -1;
|
|
625
|
+
requestAnimationFrame(() => {
|
|
626
|
+
B(t.key === "ArrowDown" ? 0 : e.length - 1, n);
|
|
627
|
+
});
|
|
628
|
+
}
|
|
629
|
+
if (t.key === "Enter" && D) {
|
|
630
|
+
t.preventDefault();
|
|
631
|
+
let n = e.findIndex((e) => e.value === r);
|
|
632
|
+
B(n >= 0 ? n : 0, 1);
|
|
539
633
|
}
|
|
540
634
|
},
|
|
541
635
|
children: [/* @__PURE__ */ t("span", {
|
|
542
|
-
className:
|
|
543
|
-
children:
|
|
636
|
+
className: F ? W.value : W.placeholder,
|
|
637
|
+
children: F?.label ?? a
|
|
544
638
|
}), /* @__PURE__ */ t("span", {
|
|
545
|
-
className:
|
|
639
|
+
className: [W.chevron, D ? W.chevronOpen : ""].filter(Boolean).join(" "),
|
|
546
640
|
"aria-hidden": "true",
|
|
547
641
|
children: /* @__PURE__ */ t("svg", {
|
|
548
642
|
viewBox: "0 0 20 20",
|
|
@@ -556,64 +650,31 @@ var T = {
|
|
|
556
650
|
})
|
|
557
651
|
})
|
|
558
652
|
})]
|
|
559
|
-
})
|
|
560
|
-
id: `${C}-listbox`,
|
|
561
|
-
className: V.menu,
|
|
562
|
-
role: "listbox",
|
|
563
|
-
"aria-label": m,
|
|
564
|
-
style: { maxHeight: x },
|
|
565
|
-
children: r.map((e, a) => {
|
|
566
|
-
let o = e.value === i;
|
|
567
|
-
return /* @__PURE__ */ t("li", {
|
|
568
|
-
role: "presentation",
|
|
569
|
-
children: /* @__PURE__ */ n("button", {
|
|
570
|
-
ref: (e) => {
|
|
571
|
-
O.current[a] = e;
|
|
572
|
-
},
|
|
573
|
-
type: "button",
|
|
574
|
-
role: "option",
|
|
575
|
-
"aria-selected": o,
|
|
576
|
-
disabled: e.disabled,
|
|
577
|
-
className: `${V.option} ${o ? V.selected : ""}`,
|
|
578
|
-
onClick: () => F(e),
|
|
579
|
-
onKeyDown: (e) => {
|
|
580
|
-
if ((e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), P(a + (e.key === "ArrowDown" ? 1 : -1), e.key === "ArrowDown" ? 1 : -1)), e.key === "Tab" && T(!1), e.key === "Home" || e.key === "End") {
|
|
581
|
-
e.preventDefault();
|
|
582
|
-
let t = e.key === "Home" ? 1 : -1;
|
|
583
|
-
P(e.key === "Home" ? 0 : r.length - 1, t);
|
|
584
|
-
}
|
|
585
|
-
},
|
|
586
|
-
children: [/* @__PURE__ */ t("span", { children: e.label }), o && b && /* @__PURE__ */ t("span", {
|
|
587
|
-
"aria-hidden": "true",
|
|
588
|
-
children: "✓"
|
|
589
|
-
})]
|
|
590
|
-
})
|
|
591
|
-
}, e.value);
|
|
592
|
-
})
|
|
593
|
-
})] })
|
|
653
|
+
})
|
|
594
654
|
}),
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
655
|
+
D && p(ne, document.body),
|
|
656
|
+
v && !_ && /* @__PURE__ */ t("span", {
|
|
657
|
+
id: I,
|
|
658
|
+
className: W.message,
|
|
659
|
+
children: v
|
|
599
660
|
}),
|
|
600
|
-
|
|
601
|
-
id:
|
|
602
|
-
className:
|
|
603
|
-
children:
|
|
661
|
+
_ && /* @__PURE__ */ t("span", {
|
|
662
|
+
id: L,
|
|
663
|
+
className: W.error,
|
|
664
|
+
children: _
|
|
604
665
|
})
|
|
605
666
|
]
|
|
606
667
|
});
|
|
607
|
-
},
|
|
668
|
+
}, ue = (e) => `${e.id}:${e.direction}`, K = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
|
|
608
669
|
let c = e.flatMap((e) => [{
|
|
609
|
-
value:
|
|
670
|
+
value: ue({
|
|
610
671
|
id: e.id,
|
|
611
672
|
direction: "asc"
|
|
612
673
|
}),
|
|
613
674
|
label: e.ascLabel ?? `${e.label} · по возрастанию`,
|
|
614
675
|
disabled: e.disabled
|
|
615
676
|
}, {
|
|
616
|
-
value:
|
|
677
|
+
value: ue({
|
|
617
678
|
id: e.id,
|
|
618
679
|
direction: "desc"
|
|
619
680
|
}),
|
|
@@ -622,7 +683,7 @@ var T = {
|
|
|
622
683
|
}]);
|
|
623
684
|
return /* @__PURE__ */ t(le, {
|
|
624
685
|
options: c,
|
|
625
|
-
value: n ?
|
|
686
|
+
value: n ? ue(n) : "",
|
|
626
687
|
label: i,
|
|
627
688
|
placeholder: a,
|
|
628
689
|
disabled: o,
|
|
@@ -635,7 +696,7 @@ var T = {
|
|
|
635
696
|
});
|
|
636
697
|
}
|
|
637
698
|
});
|
|
638
|
-
},
|
|
699
|
+
}, q = {
|
|
639
700
|
root: "_root_epm0h_1",
|
|
640
701
|
tableWrap: "_tableWrap_epm0h_3",
|
|
641
702
|
table: "_table_epm0h_3",
|
|
@@ -665,36 +726,36 @@ var T = {
|
|
|
665
726
|
for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
|
|
666
727
|
}
|
|
667
728
|
return null;
|
|
668
|
-
},
|
|
729
|
+
}, pe = (e, t) => typeof e == "function" ? e(t) : t[e], me = (e) => {
|
|
669
730
|
if (e == null || e === "") return null;
|
|
670
731
|
let t = Date.parse(String(e));
|
|
671
732
|
return Number.isNaN(t) ? null : t;
|
|
672
|
-
}, me = (e, t, n) => {
|
|
673
|
-
let r = pe(e.getValue(n)), i = pe(t.getValue(n));
|
|
674
|
-
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
675
733
|
}, he = (e, t, n) => {
|
|
734
|
+
let r = me(e.getValue(n)), i = me(t.getValue(n));
|
|
735
|
+
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
736
|
+
}, ge = (e, t, n) => {
|
|
676
737
|
let r = e.getValue(n), i = t.getValue(n);
|
|
677
738
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
678
|
-
},
|
|
739
|
+
}, _e = (e, t, n) => {
|
|
679
740
|
let r = e.getValue(n), i = t.getValue(n);
|
|
680
741
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
681
|
-
},
|
|
742
|
+
}, ve = (e, t, n) => {
|
|
682
743
|
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
683
744
|
return r.localeCompare(i, void 0, {
|
|
684
745
|
numeric: !0,
|
|
685
746
|
sensitivity: "base"
|
|
686
747
|
});
|
|
687
|
-
},
|
|
748
|
+
}, ye = (e) => {
|
|
688
749
|
switch (e) {
|
|
689
|
-
case "date": return
|
|
690
|
-
case "number": return
|
|
691
|
-
case "boolean": return
|
|
750
|
+
case "date": return he;
|
|
751
|
+
case "number": return ge;
|
|
752
|
+
case "boolean": return _e;
|
|
692
753
|
case "text":
|
|
693
|
-
case void 0: return
|
|
754
|
+
case void 0: return ve;
|
|
694
755
|
case "custom": return;
|
|
695
756
|
}
|
|
696
|
-
},
|
|
697
|
-
let t = (t) =>
|
|
757
|
+
}, be = (e) => {
|
|
758
|
+
let t = (t) => pe(e.accessor, t), n = e.sortFn ?? ye(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
|
|
698
759
|
id: e.id,
|
|
699
760
|
accessorFn: t,
|
|
700
761
|
header: () => e.header,
|
|
@@ -706,8 +767,8 @@ var T = {
|
|
|
706
767
|
sortDescFirst: e.sortDescFirst
|
|
707
768
|
};
|
|
708
769
|
return n !== void 0 && (i.sortFn = n), i;
|
|
709
|
-
},
|
|
710
|
-
let [S, C] = f([]), w = o ?? S, T = u(() => fe(e, r), [e, r]), E = u(() => e.map(
|
|
770
|
+
}, xe = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: c, getRowId: l, caption: d, ariaLabel: p, loading: m = !1, error: h, emptyState: g = "Нет данных", stickyHeader: v = !1, maxHeight: y, className: b = "", onRowClick: x }) => {
|
|
771
|
+
let [S, C] = f([]), w = o ?? S, T = u(() => fe(e, r), [e, r]), E = u(() => e.map(be), [e]), D = _({
|
|
711
772
|
features: de,
|
|
712
773
|
columns: E,
|
|
713
774
|
data: r,
|
|
@@ -721,17 +782,17 @@ var T = {
|
|
|
721
782
|
id: e.id,
|
|
722
783
|
label: typeof e.header == "string" ? e.header : e.id
|
|
723
784
|
})), A = [
|
|
724
|
-
|
|
725
|
-
a === "wide" ?
|
|
726
|
-
i ?
|
|
785
|
+
q.root,
|
|
786
|
+
a === "wide" ? q.wide : q.default,
|
|
787
|
+
i ? q.tableOnMobile : "",
|
|
727
788
|
b
|
|
728
789
|
].filter(Boolean).join(" "), j = T ?? h;
|
|
729
790
|
return /* @__PURE__ */ n("section", {
|
|
730
791
|
className: A,
|
|
731
792
|
"aria-busy": m,
|
|
732
793
|
children: [
|
|
733
|
-
!i && !m && !j && O.length > 0 && k.length > 0 && /* @__PURE__ */ t(
|
|
734
|
-
className:
|
|
794
|
+
!i && !m && !j && O.length > 0 && k.length > 0 && /* @__PURE__ */ t(K, {
|
|
795
|
+
className: q.mobileSort,
|
|
735
796
|
options: k,
|
|
736
797
|
value: w[0] ? {
|
|
737
798
|
id: w[0].id,
|
|
@@ -743,15 +804,15 @@ var T = {
|
|
|
743
804
|
}])
|
|
744
805
|
}),
|
|
745
806
|
/* @__PURE__ */ t("div", {
|
|
746
|
-
className:
|
|
807
|
+
className: q.tableWrap,
|
|
747
808
|
style: { maxHeight: y },
|
|
748
809
|
children: /* @__PURE__ */ n("table", {
|
|
749
|
-
className:
|
|
810
|
+
className: q.table,
|
|
750
811
|
"aria-label": p,
|
|
751
812
|
children: [
|
|
752
813
|
d && /* @__PURE__ */ t("caption", { children: d }),
|
|
753
814
|
/* @__PURE__ */ t("thead", {
|
|
754
|
-
className: v ?
|
|
815
|
+
className: v ? q.sticky : "",
|
|
755
816
|
children: D.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
|
|
756
817
|
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler();
|
|
757
818
|
return /* @__PURE__ */ t("th", {
|
|
@@ -759,7 +820,7 @@ var T = {
|
|
|
759
820
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
760
821
|
children: /* @__PURE__ */ n("button", {
|
|
761
822
|
type: "button",
|
|
762
|
-
className:
|
|
823
|
+
className: q.sortButton,
|
|
763
824
|
disabled: !i,
|
|
764
825
|
onClick: a,
|
|
765
826
|
children: [/* @__PURE__ */ t(D.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
|
|
@@ -772,17 +833,17 @@ var T = {
|
|
|
772
833
|
}),
|
|
773
834
|
/* @__PURE__ */ t("tbody", { children: m ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
774
835
|
colSpan: e.length,
|
|
775
|
-
children: /* @__PURE__ */ t(
|
|
836
|
+
children: /* @__PURE__ */ t(U, { lines: 3 })
|
|
776
837
|
}) }) : j ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
777
|
-
className:
|
|
838
|
+
className: q.state,
|
|
778
839
|
colSpan: e.length,
|
|
779
840
|
children: j
|
|
780
841
|
}) }) : O.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
781
|
-
className:
|
|
842
|
+
className: q.state,
|
|
782
843
|
colSpan: e.length,
|
|
783
844
|
children: g
|
|
784
845
|
}) }) : O.map((e) => /* @__PURE__ */ t("tr", {
|
|
785
|
-
className: x ?
|
|
846
|
+
className: x ? q.clickableRow : void 0,
|
|
786
847
|
onClick: () => x?.(e.original),
|
|
787
848
|
onKeyDown: (t) => {
|
|
788
849
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), x?.(e.original));
|
|
@@ -795,14 +856,14 @@ var T = {
|
|
|
795
856
|
})
|
|
796
857
|
}),
|
|
797
858
|
!i && /* @__PURE__ */ t("div", {
|
|
798
|
-
className:
|
|
859
|
+
className: q.cards,
|
|
799
860
|
role: "list",
|
|
800
861
|
"aria-label": p ?? d,
|
|
801
|
-
children: m ? /* @__PURE__ */ t(
|
|
802
|
-
className:
|
|
862
|
+
children: m ? /* @__PURE__ */ t(U, { lines: 4 }) : j ? /* @__PURE__ */ t("div", {
|
|
863
|
+
className: q.state,
|
|
803
864
|
children: j
|
|
804
865
|
}) : O.length === 0 ? /* @__PURE__ */ t("div", {
|
|
805
|
-
className:
|
|
866
|
+
className: q.state,
|
|
806
867
|
children: g
|
|
807
868
|
}) : O.map((r) => {
|
|
808
869
|
if (c) return /* @__PURE__ */ t("div", {
|
|
@@ -812,14 +873,14 @@ var T = {
|
|
|
812
873
|
columns: e
|
|
813
874
|
})
|
|
814
875
|
}, r.id);
|
|
815
|
-
let i = e.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), a = i.find((e) => e.mobile?.primary) ?? i.find((e) => e.mobile?.mobileVariant !== "actions"), o = (e) =>
|
|
876
|
+
let i = e.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), a = i.find((e) => e.mobile?.primary) ?? i.find((e) => e.mobile?.mobileVariant !== "actions"), o = (e) => pe(e.accessor, r.original), s = (e) => e.mobile?.renderMobile?.(r.original, o(e)) ?? e.cell?.(r.original, o(e)) ?? String(o(e) ?? "");
|
|
816
877
|
return /* @__PURE__ */ n("article", {
|
|
817
878
|
role: "listitem",
|
|
818
|
-
className:
|
|
879
|
+
className: q.card,
|
|
819
880
|
children: [
|
|
820
881
|
/* @__PURE__ */ t("h3", { children: a ? s(a) : `Строка ${r.index + 1}` }),
|
|
821
882
|
/* @__PURE__ */ t("dl", { children: i.filter((e) => e !== a && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
|
|
822
|
-
className: e.mobile?.mobileSpan === 2 ?
|
|
883
|
+
className: e.mobile?.mobileSpan === 2 ? q.spanTwo : "",
|
|
823
884
|
children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: s(e) })]
|
|
824
885
|
}, e.id)) }),
|
|
825
886
|
i.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: s(e) }, e.id))
|
|
@@ -829,7 +890,7 @@ var T = {
|
|
|
829
890
|
})
|
|
830
891
|
]
|
|
831
892
|
});
|
|
832
|
-
},
|
|
893
|
+
}, Se = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, label: l, error: p, hint: m, className: h = "", name: g, id: _, closeOnSelect: v = !1, maxMenuHeight: y }) => {
|
|
833
894
|
let b = c(), x = _ ?? `ds-dropdown-multiple-${g ?? b}`, [S, C] = f(!1), w = d(null), T = d(null), E = d([]), D = u(() => e.filter((e) => r.includes(e.value)), [e, r]), O = D.map((e) => e.label).join(", "), k = m ? `${x}-hint` : void 0, A = p ? `${x}-error` : void 0;
|
|
834
895
|
s(() => {
|
|
835
896
|
let e = (e) => {
|
|
@@ -846,30 +907,30 @@ var T = {
|
|
|
846
907
|
let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
|
|
847
908
|
i?.(n, e.filter((e) => n.includes(e.value))), v && (C(!1), T.current?.focus());
|
|
848
909
|
}, M = (t, n) => {
|
|
849
|
-
let r =
|
|
910
|
+
let r = se(e, t, n);
|
|
850
911
|
E.current[r]?.focus(), E.current[r]?.scrollIntoView({ block: "nearest" });
|
|
851
912
|
};
|
|
852
913
|
return /* @__PURE__ */ n("div", {
|
|
853
914
|
ref: w,
|
|
854
915
|
className: [
|
|
855
|
-
|
|
856
|
-
p ?
|
|
916
|
+
W.wrapper,
|
|
917
|
+
p ? W.errorState : "",
|
|
857
918
|
h
|
|
858
919
|
].filter(Boolean).join(" "),
|
|
859
920
|
children: [
|
|
860
921
|
l && /* @__PURE__ */ t("label", {
|
|
861
922
|
htmlFor: x,
|
|
862
|
-
className:
|
|
923
|
+
className: W.label,
|
|
863
924
|
children: l
|
|
864
925
|
}),
|
|
865
926
|
/* @__PURE__ */ n("div", {
|
|
866
|
-
className:
|
|
927
|
+
className: W.container,
|
|
867
928
|
children: [/* @__PURE__ */ n("button", {
|
|
868
929
|
ref: T,
|
|
869
930
|
id: x,
|
|
870
931
|
type: "button",
|
|
871
932
|
name: g,
|
|
872
|
-
className:
|
|
933
|
+
className: W.trigger,
|
|
873
934
|
disabled: o,
|
|
874
935
|
"aria-haspopup": "listbox",
|
|
875
936
|
"aria-expanded": S,
|
|
@@ -885,16 +946,16 @@ var T = {
|
|
|
885
946
|
}
|
|
886
947
|
},
|
|
887
948
|
children: [/* @__PURE__ */ t("span", {
|
|
888
|
-
className: D.length ?
|
|
949
|
+
className: D.length ? W.value : W.placeholder,
|
|
889
950
|
children: O || a
|
|
890
951
|
}), /* @__PURE__ */ t("span", {
|
|
891
|
-
className: `${
|
|
952
|
+
className: `${W.chevron} ${S ? W.chevronOpen : ""}`,
|
|
892
953
|
"aria-hidden": "true",
|
|
893
954
|
children: "⌄"
|
|
894
955
|
})]
|
|
895
956
|
}), S && /* @__PURE__ */ t("ul", {
|
|
896
957
|
id: `${x}-listbox`,
|
|
897
|
-
className:
|
|
958
|
+
className: W.menu,
|
|
898
959
|
role: "listbox",
|
|
899
960
|
"aria-label": l,
|
|
900
961
|
"aria-multiselectable": "true",
|
|
@@ -911,7 +972,7 @@ var T = {
|
|
|
911
972
|
role: "option",
|
|
912
973
|
"aria-selected": o,
|
|
913
974
|
disabled: i.disabled,
|
|
914
|
-
className: `${
|
|
975
|
+
className: `${W.option} ${o ? W.selected : ""}`,
|
|
915
976
|
onClick: () => j(i),
|
|
916
977
|
onKeyDown: (t) => {
|
|
917
978
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
@@ -937,17 +998,17 @@ var T = {
|
|
|
937
998
|
}),
|
|
938
999
|
m && !p && /* @__PURE__ */ t("span", {
|
|
939
1000
|
id: k,
|
|
940
|
-
className:
|
|
1001
|
+
className: W.message,
|
|
941
1002
|
children: m
|
|
942
1003
|
}),
|
|
943
1004
|
p && /* @__PURE__ */ t("span", {
|
|
944
1005
|
id: A,
|
|
945
|
-
className:
|
|
1006
|
+
className: W.error,
|
|
946
1007
|
children: p
|
|
947
1008
|
})
|
|
948
1009
|
]
|
|
949
1010
|
});
|
|
950
|
-
},
|
|
1011
|
+
}, Ce = {
|
|
951
1012
|
approve: "M4 12l5 5L20 6",
|
|
952
1013
|
reject: "M5 5l14 14M19 5L5 19",
|
|
953
1014
|
edit: "M4 20h4L19 9l-4-4L4 16v4z",
|
|
@@ -956,7 +1017,7 @@ var T = {
|
|
|
956
1017
|
basket: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3",
|
|
957
1018
|
info: "M12 10v7m0-10v.01",
|
|
958
1019
|
warning: "M12 4L3 20h18L12 4zm0 5v5m0 3v.01"
|
|
959
|
-
},
|
|
1020
|
+
}, we = ({ name: e, title: r, width: i = 24, height: a = 24, ...o }) => /* @__PURE__ */ n("svg", {
|
|
960
1021
|
viewBox: "0 0 24 24",
|
|
961
1022
|
width: i,
|
|
962
1023
|
height: a,
|
|
@@ -969,27 +1030,27 @@ var T = {
|
|
|
969
1030
|
"aria-hidden": !r || void 0,
|
|
970
1031
|
focusable: "false",
|
|
971
1032
|
...o,
|
|
972
|
-
children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d:
|
|
973
|
-
}),
|
|
1033
|
+
children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d: Ce[e] })]
|
|
1034
|
+
}), Te = {
|
|
974
1035
|
root: "_root_1y2s8_1",
|
|
975
1036
|
header: "_header_1y2s8_21",
|
|
976
1037
|
title: "_title_1y2s8_41",
|
|
977
1038
|
dismiss: "_dismiss_1y2s8_55",
|
|
978
1039
|
content: "_content_1y2s8_113"
|
|
979
|
-
},
|
|
1040
|
+
}, Ee = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: l = "" }) => {
|
|
980
1041
|
let u = `ds-info-block-${c()}`;
|
|
981
1042
|
return /* @__PURE__ */ n("section", {
|
|
982
|
-
className: `${
|
|
1043
|
+
className: `${Te.root} ${l}`,
|
|
983
1044
|
"aria-labelledby": u,
|
|
984
1045
|
children: [/* @__PURE__ */ n("header", {
|
|
985
|
-
className:
|
|
1046
|
+
className: Te.header,
|
|
986
1047
|
children: [/* @__PURE__ */ t(s, {
|
|
987
1048
|
id: u,
|
|
988
|
-
className:
|
|
1049
|
+
className: Te.title,
|
|
989
1050
|
children: e
|
|
990
1051
|
}), i && /* @__PURE__ */ t("button", {
|
|
991
1052
|
type: "button",
|
|
992
|
-
className:
|
|
1053
|
+
className: Te.dismiss,
|
|
993
1054
|
onClick: a,
|
|
994
1055
|
"aria-label": o,
|
|
995
1056
|
children: /* @__PURE__ */ t("svg", {
|
|
@@ -1005,23 +1066,23 @@ var T = {
|
|
|
1005
1066
|
})
|
|
1006
1067
|
})]
|
|
1007
1068
|
}), /* @__PURE__ */ t("div", {
|
|
1008
|
-
className:
|
|
1069
|
+
className: Te.content,
|
|
1009
1070
|
children: r
|
|
1010
1071
|
})]
|
|
1011
1072
|
});
|
|
1012
|
-
},
|
|
1073
|
+
}, J = {
|
|
1013
1074
|
wrapper: "_wrapper_ip6vf_1",
|
|
1014
1075
|
control: "_control_ip6vf_3",
|
|
1015
1076
|
input: "_input_ip6vf_5",
|
|
1016
1077
|
disabledText: "_disabledText_ip6vf_5",
|
|
1017
1078
|
inputError: "_inputError_ip6vf_39",
|
|
1018
1079
|
trailingAction: "_trailingAction_ip6vf_41"
|
|
1019
|
-
},
|
|
1020
|
-
let k = c(), A = v ?? `ds-input-${_ ?? k}`, j = d(null), [M, N] = f(!1), P = h ? `${A}-hint` : void 0, F = m ? `${A}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0,
|
|
1080
|
+
}, De = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: l = !1, stringWhileDisabled: u = !1, label: p, error: m, hint: h, className: g = "", name: _, id: v, clearable: y = !0, required: b = !1, selectTextOnFocus: x = !1, isPassword: S = !1, passwordVisibleLabel: C = "Скрыть пароль", passwordHiddenLabel: w = "Показать пароль", onFocus: T, ...O }) => {
|
|
1081
|
+
let k = c(), A = v ?? `ds-input-${_ ?? k}`, j = d(null), [M, N] = f(!1), P = h ? `${A}-hint` : void 0, F = m ? `${A}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0, R = S ? M ? "text" : "password" : i;
|
|
1021
1082
|
return s(() => {
|
|
1022
1083
|
S || N(!1);
|
|
1023
1084
|
}, [S]), /* @__PURE__ */ n("div", {
|
|
1024
|
-
className: `${
|
|
1085
|
+
className: `${J.wrapper} ${g}`,
|
|
1025
1086
|
children: [
|
|
1026
1087
|
p && /* @__PURE__ */ t(E, {
|
|
1027
1088
|
htmlFor: A,
|
|
@@ -1031,17 +1092,17 @@ var T = {
|
|
|
1031
1092
|
}),
|
|
1032
1093
|
o && u ? /* @__PURE__ */ t("div", {
|
|
1033
1094
|
id: A,
|
|
1034
|
-
className:
|
|
1095
|
+
className: J.disabledText,
|
|
1035
1096
|
"aria-describedby": L,
|
|
1036
1097
|
children: I || a
|
|
1037
1098
|
}) : /* @__PURE__ */ n("div", {
|
|
1038
|
-
className:
|
|
1099
|
+
className: J.control,
|
|
1039
1100
|
children: [
|
|
1040
1101
|
/* @__PURE__ */ t("input", {
|
|
1041
1102
|
ref: j,
|
|
1042
1103
|
id: A,
|
|
1043
1104
|
name: _,
|
|
1044
|
-
type:
|
|
1105
|
+
type: R,
|
|
1045
1106
|
value: I,
|
|
1046
1107
|
placeholder: a,
|
|
1047
1108
|
disabled: o,
|
|
@@ -1049,7 +1110,7 @@ var T = {
|
|
|
1049
1110
|
required: b,
|
|
1050
1111
|
"aria-invalid": !!m,
|
|
1051
1112
|
"aria-describedby": L,
|
|
1052
|
-
className: `${
|
|
1113
|
+
className: `${J.input} ${m ? J.inputError : ""}`,
|
|
1053
1114
|
onChange: (e) => {
|
|
1054
1115
|
if (i === "number" && !S) {
|
|
1055
1116
|
let t = e.target.value === "" ? "" : Number(e.target.value);
|
|
@@ -1065,7 +1126,7 @@ var T = {
|
|
|
1065
1126
|
}),
|
|
1066
1127
|
S && /* @__PURE__ */ t("button", {
|
|
1067
1128
|
type: "button",
|
|
1068
|
-
className:
|
|
1129
|
+
className: J.trailingAction,
|
|
1069
1130
|
disabled: o,
|
|
1070
1131
|
"aria-label": M ? C : w,
|
|
1071
1132
|
"aria-pressed": M,
|
|
@@ -1086,7 +1147,7 @@ var T = {
|
|
|
1086
1147
|
}),
|
|
1087
1148
|
!S && y && I && !o && !l && /* @__PURE__ */ t("button", {
|
|
1088
1149
|
type: "button",
|
|
1089
|
-
className:
|
|
1150
|
+
className: J.trailingAction,
|
|
1090
1151
|
"aria-label": "Очистить поле",
|
|
1091
1152
|
onClick: () => {
|
|
1092
1153
|
let e = j.current;
|
|
@@ -1107,22 +1168,22 @@ var T = {
|
|
|
1107
1168
|
})
|
|
1108
1169
|
]
|
|
1109
1170
|
});
|
|
1110
|
-
},
|
|
1171
|
+
}, Oe = {
|
|
1111
1172
|
wrapper: "_wrapper_vu1ob_1",
|
|
1112
1173
|
input: "_input_vu1ob_21",
|
|
1113
1174
|
switch: "_switch_vu1ob_35",
|
|
1114
1175
|
thumb: "_thumb_vu1ob_67",
|
|
1115
1176
|
label: "_label_vu1ob_111",
|
|
1116
1177
|
disabled: "_disabled_vu1ob_123"
|
|
1117
|
-
},
|
|
1178
|
+
}, ke = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: l, id: u, value: d }) => {
|
|
1118
1179
|
let f = c(), p = u ?? `ds-radio-button-${l ?? f}`;
|
|
1119
1180
|
return /* @__PURE__ */ n("label", {
|
|
1120
1181
|
htmlFor: p,
|
|
1121
|
-
className: `${
|
|
1182
|
+
className: `${Oe.wrapper} ${a ? Oe.disabled : ""} ${s}`,
|
|
1122
1183
|
children: [
|
|
1123
1184
|
/* @__PURE__ */ t("input", {
|
|
1124
1185
|
id: p,
|
|
1125
|
-
className:
|
|
1186
|
+
className: Oe.input,
|
|
1126
1187
|
type: "checkbox",
|
|
1127
1188
|
role: "switch",
|
|
1128
1189
|
name: l,
|
|
@@ -1135,21 +1196,21 @@ var T = {
|
|
|
1135
1196
|
}
|
|
1136
1197
|
}),
|
|
1137
1198
|
/* @__PURE__ */ t("span", {
|
|
1138
|
-
className:
|
|
1199
|
+
className: Oe.switch,
|
|
1139
1200
|
"aria-hidden": "true",
|
|
1140
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
1201
|
+
children: /* @__PURE__ */ t("span", { className: Oe.thumb })
|
|
1141
1202
|
}),
|
|
1142
1203
|
i && /* @__PURE__ */ t("span", {
|
|
1143
|
-
className:
|
|
1204
|
+
className: Oe.label,
|
|
1144
1205
|
children: i
|
|
1145
1206
|
})
|
|
1146
1207
|
]
|
|
1147
1208
|
});
|
|
1148
|
-
},
|
|
1209
|
+
}, Ae = {
|
|
1149
1210
|
root: "_root_kepgo_1",
|
|
1150
1211
|
grid: "_grid_kepgo_3",
|
|
1151
1212
|
actions: "_actions_kepgo_5"
|
|
1152
|
-
},
|
|
1213
|
+
}, je = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
1153
1214
|
let d = (e, t) => {
|
|
1154
1215
|
let n = {
|
|
1155
1216
|
...r,
|
|
@@ -1158,11 +1219,11 @@ var T = {
|
|
|
1158
1219
|
i?.(n, e), s === "instant" && a?.(n);
|
|
1159
1220
|
};
|
|
1160
1221
|
return /* @__PURE__ */ n("section", {
|
|
1161
|
-
className: `${
|
|
1222
|
+
className: `${Ae.root} ${u}`,
|
|
1162
1223
|
"aria-label": "Фильтры",
|
|
1163
1224
|
"aria-busy": c,
|
|
1164
1225
|
children: [/* @__PURE__ */ t("div", {
|
|
1165
|
-
className:
|
|
1226
|
+
className: Ae.grid,
|
|
1166
1227
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
1167
1228
|
let n = l || c || e.disabled, i = r[e.id];
|
|
1168
1229
|
if (e.type === "input") {
|
|
@@ -1172,12 +1233,12 @@ var T = {
|
|
|
1172
1233
|
placeholder: e.placeholder,
|
|
1173
1234
|
disabled: n
|
|
1174
1235
|
};
|
|
1175
|
-
return e.inputType === "number" ? /* @__PURE__ */ t(
|
|
1236
|
+
return e.inputType === "number" ? /* @__PURE__ */ t(De, {
|
|
1176
1237
|
...r,
|
|
1177
1238
|
type: "number",
|
|
1178
1239
|
value: i ?? "",
|
|
1179
1240
|
onChange: (t) => d(e.id, t)
|
|
1180
|
-
}, e.id) : /* @__PURE__ */ t(
|
|
1241
|
+
}, e.id) : /* @__PURE__ */ t(De, {
|
|
1181
1242
|
...r,
|
|
1182
1243
|
type: "text",
|
|
1183
1244
|
value: String(i ?? ""),
|
|
@@ -1193,7 +1254,7 @@ var T = {
|
|
|
1193
1254
|
disabled: n,
|
|
1194
1255
|
onChange: (t) => d(e.id, t)
|
|
1195
1256
|
}, e.id);
|
|
1196
|
-
if (e.type === "multiple") return /* @__PURE__ */ t(
|
|
1257
|
+
if (e.type === "multiple") return /* @__PURE__ */ t(Se, {
|
|
1197
1258
|
label: e.label,
|
|
1198
1259
|
hint: e.hint,
|
|
1199
1260
|
placeholder: e.placeholder,
|
|
@@ -1209,7 +1270,7 @@ var T = {
|
|
|
1209
1270
|
disabled: n,
|
|
1210
1271
|
onChange: (t) => d(e.id, t)
|
|
1211
1272
|
}, e.id);
|
|
1212
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
1273
|
+
if (e.type === "radio") return /* @__PURE__ */ t(ke, {
|
|
1213
1274
|
label: e.label,
|
|
1214
1275
|
checked: !!i,
|
|
1215
1276
|
disabled: n,
|
|
@@ -1219,7 +1280,7 @@ var T = {
|
|
|
1219
1280
|
from: null,
|
|
1220
1281
|
to: null
|
|
1221
1282
|
};
|
|
1222
|
-
return /* @__PURE__ */ t(
|
|
1283
|
+
return /* @__PURE__ */ t(V, {
|
|
1223
1284
|
hint: e.hint,
|
|
1224
1285
|
mode: e.mode,
|
|
1225
1286
|
min: e.min,
|
|
@@ -1230,7 +1291,7 @@ var T = {
|
|
|
1230
1291
|
}, e.id);
|
|
1231
1292
|
})
|
|
1232
1293
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
1233
|
-
className:
|
|
1294
|
+
className: Ae.actions,
|
|
1234
1295
|
children: [o && /* @__PURE__ */ t(w, {
|
|
1235
1296
|
variant: "destructiveOutline",
|
|
1236
1297
|
disabled: l || c,
|
|
@@ -1244,7 +1305,7 @@ var T = {
|
|
|
1244
1305
|
})]
|
|
1245
1306
|
})]
|
|
1246
1307
|
});
|
|
1247
|
-
},
|
|
1308
|
+
}, Y = {
|
|
1248
1309
|
wrapper: "_wrapper_1ymdr_1",
|
|
1249
1310
|
dropzone: "_dropzone_1ymdr_3",
|
|
1250
1311
|
dragActive: "_dragActive_1ymdr_5",
|
|
@@ -1258,12 +1319,12 @@ var T = {
|
|
|
1258
1319
|
file: "_file_1ymdr_19",
|
|
1259
1320
|
fileName: "_fileName_1ymdr_23",
|
|
1260
1321
|
fileSize: "_fileSize_1ymdr_25"
|
|
1261
|
-
},
|
|
1262
|
-
let O = c(), k = y ?? `ds-file-input-${v ?? O}`, A = d(null), j = d(0), [M, N] = f(!1), P = p ? `${k}-hint` : void 0, F = m ? `${k}-error` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = !g && !_,
|
|
1263
|
-
let t = [], n = new Set(r.map(
|
|
1322
|
+
}, Me = (e) => `${e.name}:${e.size}:${e.lastModified}`, Ne = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Pe = (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), Fe = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: l, label: u, hint: p, error: m, required: h = !1, disabled: g = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: T }) => {
|
|
1323
|
+
let O = c(), k = y ?? `ds-file-input-${v ?? O}`, A = d(null), j = d(0), [M, N] = f(!1), P = p ? `${k}-hint` : void 0, F = m ? `${k}-error` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = !g && !_, R = (e) => {
|
|
1324
|
+
let t = [], n = new Set(r.map(Me)), c = e.filter((e) => Pe(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
1264
1325
|
file: e,
|
|
1265
1326
|
reason: "maxSize"
|
|
1266
|
-
}), !1) : !n.has(
|
|
1327
|
+
}), !1) : !n.has(Me(e)) && (n.add(Me(e)), !0) : (t.push({
|
|
1267
1328
|
file: e,
|
|
1268
1329
|
reason: "accept"
|
|
1269
1330
|
}), !1)), u = a ? l : 1, d = a ? [...r, ...c] : c.slice(-1);
|
|
@@ -1273,7 +1334,7 @@ var T = {
|
|
|
1273
1334
|
})), d = d.slice(0, u)), t.length && T?.(t), c.length && i?.(d), A.current && (A.current.value = "");
|
|
1274
1335
|
};
|
|
1275
1336
|
return /* @__PURE__ */ n("div", {
|
|
1276
|
-
className: `${
|
|
1337
|
+
className: `${Y.wrapper} ${b}`,
|
|
1277
1338
|
children: [
|
|
1278
1339
|
u && /* @__PURE__ */ t(E, {
|
|
1279
1340
|
htmlFor: k,
|
|
@@ -1282,7 +1343,7 @@ var T = {
|
|
|
1282
1343
|
children: u
|
|
1283
1344
|
}),
|
|
1284
1345
|
/* @__PURE__ */ n("div", {
|
|
1285
|
-
className: `${
|
|
1346
|
+
className: `${Y.dropzone} ${M ? Y.dragActive : ""} ${g ? Y.disabled : ""} ${m ? Y.error : ""}`,
|
|
1286
1347
|
onDragEnter: (e) => {
|
|
1287
1348
|
e.preventDefault(), L && ++j.current === 1 && N(!0);
|
|
1288
1349
|
},
|
|
@@ -1291,13 +1352,13 @@ var T = {
|
|
|
1291
1352
|
e.preventDefault(), --j.current <= 0 && (j.current = 0, N(!1));
|
|
1292
1353
|
},
|
|
1293
1354
|
onDrop: (e) => {
|
|
1294
|
-
e.preventDefault(), j.current = 0, N(!1), L &&
|
|
1355
|
+
e.preventDefault(), j.current = 0, N(!1), L && R(Array.from(e.dataTransfer.files));
|
|
1295
1356
|
},
|
|
1296
1357
|
children: [/* @__PURE__ */ t("input", {
|
|
1297
1358
|
ref: A,
|
|
1298
1359
|
id: k,
|
|
1299
1360
|
name: v,
|
|
1300
|
-
className:
|
|
1361
|
+
className: Y.nativeInput,
|
|
1301
1362
|
type: "file",
|
|
1302
1363
|
multiple: a,
|
|
1303
1364
|
accept: o,
|
|
@@ -1305,22 +1366,22 @@ var T = {
|
|
|
1305
1366
|
disabled: !L,
|
|
1306
1367
|
"aria-describedby": I,
|
|
1307
1368
|
"aria-invalid": !!m,
|
|
1308
|
-
onChange: (e) =>
|
|
1369
|
+
onChange: (e) => R(Array.from(e.target.files ?? []))
|
|
1309
1370
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
1310
1371
|
/* @__PURE__ */ t("ul", {
|
|
1311
|
-
className:
|
|
1372
|
+
className: Y.files,
|
|
1312
1373
|
"aria-live": "polite",
|
|
1313
1374
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
1314
|
-
className:
|
|
1375
|
+
className: Y.file,
|
|
1315
1376
|
children: [
|
|
1316
1377
|
/* @__PURE__ */ t("span", {
|
|
1317
|
-
className:
|
|
1378
|
+
className: Y.fileName,
|
|
1318
1379
|
title: e.name,
|
|
1319
1380
|
children: e.name
|
|
1320
1381
|
}),
|
|
1321
1382
|
/* @__PURE__ */ t("span", {
|
|
1322
|
-
className:
|
|
1323
|
-
children:
|
|
1383
|
+
className: Y.fileSize,
|
|
1384
|
+
children: Ne(e.size)
|
|
1324
1385
|
}),
|
|
1325
1386
|
L && /* @__PURE__ */ t(w, {
|
|
1326
1387
|
variant: "empty",
|
|
@@ -1330,31 +1391,31 @@ var T = {
|
|
|
1330
1391
|
children: "×"
|
|
1331
1392
|
})
|
|
1332
1393
|
]
|
|
1333
|
-
},
|
|
1394
|
+
}, Me(e)))
|
|
1334
1395
|
}),
|
|
1335
1396
|
L && (a || r.length === 0) && /* @__PURE__ */ t(w, {
|
|
1336
|
-
className:
|
|
1397
|
+
className: Y.browseButton,
|
|
1337
1398
|
size: "sm",
|
|
1338
1399
|
onClick: () => A.current?.click(),
|
|
1339
1400
|
children: C
|
|
1340
1401
|
}),
|
|
1341
1402
|
L && !a && /* @__PURE__ */ t(w, {
|
|
1342
|
-
className:
|
|
1403
|
+
className: Y.browseButton,
|
|
1343
1404
|
size: "sm",
|
|
1344
1405
|
onClick: () => A.current?.click(),
|
|
1345
1406
|
children: S
|
|
1346
1407
|
})
|
|
1347
1408
|
] }) : /* @__PURE__ */ n("div", {
|
|
1348
|
-
className:
|
|
1409
|
+
className: Y.empty,
|
|
1349
1410
|
children: [
|
|
1350
1411
|
/* @__PURE__ */ t("span", {
|
|
1351
|
-
className:
|
|
1412
|
+
className: Y.uploadIcon,
|
|
1352
1413
|
"aria-hidden": "true",
|
|
1353
1414
|
children: "↑"
|
|
1354
1415
|
}),
|
|
1355
1416
|
/* @__PURE__ */ t("strong", { children: M ? "Отпустите файлы здесь" : x }),
|
|
1356
1417
|
!M && L && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(w, {
|
|
1357
|
-
className:
|
|
1418
|
+
className: Y.browseButton,
|
|
1358
1419
|
onClick: () => A.current?.click(),
|
|
1359
1420
|
children: S
|
|
1360
1421
|
})] })
|
|
@@ -1373,11 +1434,11 @@ var T = {
|
|
|
1373
1434
|
})
|
|
1374
1435
|
]
|
|
1375
1436
|
});
|
|
1376
|
-
},
|
|
1437
|
+
}, Ie = 0, X = v((e) => ({
|
|
1377
1438
|
modals: [],
|
|
1378
1439
|
openModal: (t, n = {}, r = {}) => {
|
|
1379
|
-
|
|
1380
|
-
let i = `ds-modal-${
|
|
1440
|
+
Ie += 1;
|
|
1441
|
+
let i = `ds-modal-${Ie}`;
|
|
1381
1442
|
return e((e) => ({ modals: [...e.modals, {
|
|
1382
1443
|
id: i,
|
|
1383
1444
|
name: t,
|
|
@@ -1389,7 +1450,7 @@ var T = {
|
|
|
1389
1450
|
closeModal: (t) => e((e) => ({ modals: e.modals.filter((e) => e.id !== t) })),
|
|
1390
1451
|
closeTopModal: () => e((e) => ({ modals: e.modals.slice(0, -1) })),
|
|
1391
1452
|
closeAllModals: () => e({ modals: [] })
|
|
1392
|
-
})),
|
|
1453
|
+
})), Le = () => X.setState({ modals: [] }), Z = {
|
|
1393
1454
|
layer: "_layer_1nb2z_1",
|
|
1394
1455
|
backdrop: "_backdrop_1nb2z_3",
|
|
1395
1456
|
panel: "_panel_1nb2z_5",
|
|
@@ -1397,14 +1458,14 @@ var T = {
|
|
|
1397
1458
|
title: "_title_1nb2z_11",
|
|
1398
1459
|
description: "_description_1nb2z_13",
|
|
1399
1460
|
content: "_content_1nb2z_15"
|
|
1400
|
-
},
|
|
1401
|
-
let f = c(), p = c(), m = d(null), h =
|
|
1461
|
+
}, Re = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", ze = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: u = "dialog" }) => {
|
|
1462
|
+
let f = c(), p = c(), m = d(null), h = X((e) => e.closeModal);
|
|
1402
1463
|
return s(() => {
|
|
1403
1464
|
let e = document.activeElement, t = m.current;
|
|
1404
|
-
return (t?.querySelector(
|
|
1465
|
+
return (t?.querySelector(Re) ?? t)?.focus(), () => e?.focus();
|
|
1405
1466
|
}, []), /* @__PURE__ */ n("div", {
|
|
1406
1467
|
ref: m,
|
|
1407
|
-
className: `${
|
|
1468
|
+
className: `${Z.panel} ${l}`,
|
|
1408
1469
|
role: u,
|
|
1409
1470
|
"aria-modal": "true",
|
|
1410
1471
|
"aria-labelledby": r ? f : void 0,
|
|
@@ -1412,7 +1473,7 @@ var T = {
|
|
|
1412
1473
|
tabIndex: -1,
|
|
1413
1474
|
onKeyDown: (e) => {
|
|
1414
1475
|
if (e.key !== "Tab") return;
|
|
1415
|
-
let t = Array.from(m.current?.querySelectorAll(
|
|
1476
|
+
let t = Array.from(m.current?.querySelectorAll(Re) ?? []);
|
|
1416
1477
|
if (!t.length) {
|
|
1417
1478
|
e.preventDefault();
|
|
1418
1479
|
return;
|
|
@@ -1422,10 +1483,10 @@ var T = {
|
|
|
1422
1483
|
},
|
|
1423
1484
|
children: [
|
|
1424
1485
|
(r || o) && /* @__PURE__ */ n("header", {
|
|
1425
|
-
className:
|
|
1486
|
+
className: Z.header,
|
|
1426
1487
|
children: [r && /* @__PURE__ */ t("h2", {
|
|
1427
1488
|
id: f,
|
|
1428
|
-
className:
|
|
1489
|
+
className: Z.title,
|
|
1429
1490
|
children: r
|
|
1430
1491
|
}), /* @__PURE__ */ t(w, {
|
|
1431
1492
|
variant: "empty",
|
|
@@ -1448,31 +1509,31 @@ var T = {
|
|
|
1448
1509
|
}),
|
|
1449
1510
|
i && /* @__PURE__ */ t("p", {
|
|
1450
1511
|
id: p,
|
|
1451
|
-
className:
|
|
1512
|
+
className: Z.description,
|
|
1452
1513
|
children: i
|
|
1453
1514
|
}),
|
|
1454
1515
|
/* @__PURE__ */ t("div", {
|
|
1455
|
-
className:
|
|
1516
|
+
className: Z.content,
|
|
1456
1517
|
children: e
|
|
1457
1518
|
})
|
|
1458
1519
|
]
|
|
1459
1520
|
});
|
|
1460
|
-
},
|
|
1461
|
-
let n =
|
|
1521
|
+
}, Be = ({ registry: e }) => {
|
|
1522
|
+
let n = X((e) => e.modals), r = X((e) => e.closeModal), i = X((e) => e.closeAllModals);
|
|
1462
1523
|
return s(() => {
|
|
1463
1524
|
let e = (e) => {
|
|
1464
1525
|
if (e.key !== "Escape") return;
|
|
1465
|
-
let t =
|
|
1526
|
+
let t = X.getState().modals.at(-1);
|
|
1466
1527
|
t?.closeOnEscape && r(t.id);
|
|
1467
1528
|
};
|
|
1468
1529
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
1469
1530
|
}, [r]), !n.length || typeof document > "u" ? null : p(/* @__PURE__ */ t("div", {
|
|
1470
|
-
className:
|
|
1531
|
+
className: Z.layer,
|
|
1471
1532
|
"aria-label": "Модальные окна",
|
|
1472
1533
|
children: n.map((a, o) => {
|
|
1473
1534
|
let s = e[a.name];
|
|
1474
1535
|
return s ? /* @__PURE__ */ t("div", {
|
|
1475
|
-
className:
|
|
1536
|
+
className: Z.backdrop,
|
|
1476
1537
|
"aria-hidden": o !== n.length - 1 || void 0,
|
|
1477
1538
|
onMouseDown: (e) => {
|
|
1478
1539
|
e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
|
|
@@ -1486,31 +1547,31 @@ var T = {
|
|
|
1486
1547
|
}, a.id) : null;
|
|
1487
1548
|
})
|
|
1488
1549
|
}), document.body);
|
|
1489
|
-
},
|
|
1490
|
-
let o =
|
|
1550
|
+
}, Ve = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
1551
|
+
let o = X((e) => e.modals.length);
|
|
1491
1552
|
return s(() => {
|
|
1492
1553
|
if (!a || o === 0) return;
|
|
1493
1554
|
let e = document.body.style.overflow;
|
|
1494
1555
|
return document.body.style.overflow = "hidden", () => {
|
|
1495
1556
|
document.body.style.overflow = e;
|
|
1496
1557
|
};
|
|
1497
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
1498
|
-
},
|
|
1558
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Be, { registry: r })] });
|
|
1559
|
+
}, He = (e) => e, Ue = {
|
|
1499
1560
|
message: "_message_1vtru_1",
|
|
1500
1561
|
actions: "_actions_1vtru_3"
|
|
1501
|
-
},
|
|
1562
|
+
}, We = /* @__PURE__ */ new Map(), Ge = 0, Ke = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
1502
1563
|
let u = (e) => {
|
|
1503
|
-
|
|
1564
|
+
We.get(l)?.(e), We.delete(l), r();
|
|
1504
1565
|
};
|
|
1505
|
-
return /* @__PURE__ */ n(
|
|
1566
|
+
return /* @__PURE__ */ n(ze, {
|
|
1506
1567
|
modalId: e,
|
|
1507
1568
|
title: i,
|
|
1508
1569
|
role: "alertdialog",
|
|
1509
1570
|
children: [/* @__PURE__ */ t("p", {
|
|
1510
|
-
className:
|
|
1571
|
+
className: Ue.message,
|
|
1511
1572
|
children: a
|
|
1512
1573
|
}), /* @__PURE__ */ n("div", {
|
|
1513
|
-
className:
|
|
1574
|
+
className: Ue.actions,
|
|
1514
1575
|
children: [/* @__PURE__ */ t(w, {
|
|
1515
1576
|
variant: "outline",
|
|
1516
1577
|
onClick: () => u(!1),
|
|
@@ -1522,55 +1583,55 @@ var T = {
|
|
|
1522
1583
|
})]
|
|
1523
1584
|
})]
|
|
1524
1585
|
});
|
|
1525
|
-
},
|
|
1586
|
+
}, qe = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(ze, {
|
|
1526
1587
|
modalId: e,
|
|
1527
1588
|
title: i,
|
|
1528
1589
|
role: "alertdialog",
|
|
1529
1590
|
children: [/* @__PURE__ */ t("p", {
|
|
1530
|
-
className:
|
|
1591
|
+
className: Ue.message,
|
|
1531
1592
|
children: a
|
|
1532
1593
|
}), /* @__PURE__ */ t("div", {
|
|
1533
|
-
className:
|
|
1594
|
+
className: Ue.actions,
|
|
1534
1595
|
children: /* @__PURE__ */ t(w, {
|
|
1535
1596
|
onClick: r,
|
|
1536
1597
|
children: o
|
|
1537
1598
|
})
|
|
1538
1599
|
})]
|
|
1539
|
-
}),
|
|
1540
|
-
ConfirmModal:
|
|
1541
|
-
ErrorModal:
|
|
1542
|
-
}),
|
|
1543
|
-
let e =
|
|
1600
|
+
}), Je = He({
|
|
1601
|
+
ConfirmModal: Ke,
|
|
1602
|
+
ErrorModal: qe
|
|
1603
|
+
}), Ye = () => {
|
|
1604
|
+
let e = X((e) => e.openModal);
|
|
1544
1605
|
return (t = {}) => new Promise((n) => {
|
|
1545
|
-
|
|
1546
|
-
let r = `confirm-${
|
|
1547
|
-
|
|
1606
|
+
Ge += 1;
|
|
1607
|
+
let r = `confirm-${Ge}`;
|
|
1608
|
+
We.set(r, n), e("ConfirmModal", {
|
|
1548
1609
|
...t,
|
|
1549
1610
|
requestId: r
|
|
1550
1611
|
}, { closeOnEscape: !1 });
|
|
1551
1612
|
});
|
|
1552
|
-
},
|
|
1553
|
-
let e =
|
|
1613
|
+
}, Xe = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", Ze = () => {
|
|
1614
|
+
let e = X((e) => e.openModal);
|
|
1554
1615
|
return { showError: (t, n) => e("ErrorModal", {
|
|
1555
1616
|
title: n,
|
|
1556
|
-
message:
|
|
1617
|
+
message: Xe(t)
|
|
1557
1618
|
}) };
|
|
1558
|
-
},
|
|
1559
|
-
let e =
|
|
1619
|
+
}, Qe = v(() => ({})), $e = v(() => ({})), et = () => {
|
|
1620
|
+
let e = X((e) => e.modals), t = X((e) => e.openModal);
|
|
1560
1621
|
return {
|
|
1561
1622
|
openModal: (e, n = {}, r) => t(e, n, r),
|
|
1562
|
-
closeModal:
|
|
1563
|
-
closeTopModal:
|
|
1564
|
-
closeAllModals:
|
|
1623
|
+
closeModal: X((e) => e.closeModal),
|
|
1624
|
+
closeTopModal: X((e) => e.closeTopModal),
|
|
1625
|
+
closeAllModals: X((e) => e.closeAllModals),
|
|
1565
1626
|
isOpen: (t) => e.some((e) => e.name === t),
|
|
1566
1627
|
count: e.length
|
|
1567
1628
|
};
|
|
1568
|
-
},
|
|
1569
|
-
className: `${
|
|
1629
|
+
}, tt = { root: "_root_1x7h7_1" }, nt = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
|
|
1630
|
+
className: `${tt.root} ${r}`,
|
|
1570
1631
|
role: "status",
|
|
1571
1632
|
"aria-label": e,
|
|
1572
1633
|
children: [/* @__PURE__ */ t(S, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
|
|
1573
|
-
}),
|
|
1634
|
+
}), rt = {
|
|
1574
1635
|
viewport: "_viewport_15mi5_1",
|
|
1575
1636
|
"top-right": "_top-right_15mi5_3",
|
|
1576
1637
|
"top-left": "_top-left_15mi5_5",
|
|
@@ -1583,7 +1644,7 @@ var T = {
|
|
|
1583
1644
|
success: "_success_15mi5_19",
|
|
1584
1645
|
warning: "_warning_15mi5_21",
|
|
1585
1646
|
error: "_error_15mi5_23"
|
|
1586
|
-
},
|
|
1647
|
+
}, it = (e) => {
|
|
1587
1648
|
let r;
|
|
1588
1649
|
return r = e === "info" ? /* @__PURE__ */ n("svg", {
|
|
1589
1650
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1669,7 +1730,7 @@ var T = {
|
|
|
1669
1730
|
/* @__PURE__ */ t("path", { d: "m9 9 6 6" })
|
|
1670
1731
|
]
|
|
1671
1732
|
}), r;
|
|
1672
|
-
},
|
|
1733
|
+
}, at = ({ toast: e, onClose: r }) => {
|
|
1673
1734
|
let [i, a] = f(!1), o = d(e.duration), c = d(Date.now());
|
|
1674
1735
|
return s(() => {
|
|
1675
1736
|
if (i || e.duration <= 0) return;
|
|
@@ -1684,7 +1745,7 @@ var T = {
|
|
|
1684
1745
|
e.duration,
|
|
1685
1746
|
e.id
|
|
1686
1747
|
]), /* @__PURE__ */ n("article", {
|
|
1687
|
-
className: `${
|
|
1748
|
+
className: `${rt.toast} ${rt[e.variant]}`,
|
|
1688
1749
|
role: e.variant === "error" ? "alert" : "status",
|
|
1689
1750
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
1690
1751
|
onMouseEnter: () => a(!0),
|
|
@@ -1692,9 +1753,9 @@ var T = {
|
|
|
1692
1753
|
onFocus: () => a(!0),
|
|
1693
1754
|
onBlur: () => a(!1),
|
|
1694
1755
|
children: [
|
|
1695
|
-
/* @__PURE__ */ t("div", { children:
|
|
1756
|
+
/* @__PURE__ */ t("div", { children: it(e.variant) }),
|
|
1696
1757
|
/* @__PURE__ */ n("div", {
|
|
1697
|
-
className:
|
|
1758
|
+
className: rt.body,
|
|
1698
1759
|
children: [
|
|
1699
1760
|
e.title && /* @__PURE__ */ t("strong", { children: e.title }),
|
|
1700
1761
|
/* @__PURE__ */ t("div", { children: e.message }),
|
|
@@ -1728,11 +1789,11 @@ var T = {
|
|
|
1728
1789
|
})
|
|
1729
1790
|
]
|
|
1730
1791
|
});
|
|
1731
|
-
},
|
|
1792
|
+
}, ot = 0, Q = v((e) => ({
|
|
1732
1793
|
toasts: [],
|
|
1733
1794
|
showToast: (t) => {
|
|
1734
|
-
|
|
1735
|
-
let n = `ds-toast-${
|
|
1795
|
+
ot += 1;
|
|
1796
|
+
let n = `ds-toast-${ot}`;
|
|
1736
1797
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
1737
1798
|
variant: "info",
|
|
1738
1799
|
duration: 5e3,
|
|
@@ -1743,18 +1804,18 @@ var T = {
|
|
|
1743
1804
|
},
|
|
1744
1805
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
1745
1806
|
clearToasts: () => e({ toasts: [] })
|
|
1746
|
-
})),
|
|
1747
|
-
let n =
|
|
1807
|
+
})), st = () => Q.setState({ toasts: [] }), ct = ({ position: e = "top-right" }) => {
|
|
1808
|
+
let n = Q((e) => e.toasts), r = Q((e) => e.removeToast);
|
|
1748
1809
|
return /* @__PURE__ */ t("div", {
|
|
1749
|
-
className: `${
|
|
1810
|
+
className: `${rt.viewport} ${rt[e]}`,
|
|
1750
1811
|
"aria-label": "Уведомления",
|
|
1751
|
-
children: n.map((e) => /* @__PURE__ */ t(
|
|
1812
|
+
children: n.map((e) => /* @__PURE__ */ t(at, {
|
|
1752
1813
|
toast: e,
|
|
1753
1814
|
onClose: r
|
|
1754
1815
|
}, e.id))
|
|
1755
1816
|
});
|
|
1756
|
-
},
|
|
1757
|
-
let e =
|
|
1817
|
+
}, lt = () => {
|
|
1818
|
+
let e = Q((e) => e.showToast), t = Q((e) => e.removeToast), n = Q((e) => e.clearToasts), r = o((t) => e({
|
|
1758
1819
|
...t,
|
|
1759
1820
|
variant: "info"
|
|
1760
1821
|
}), [e]), i = o((t) => e({
|
|
@@ -1784,7 +1845,7 @@ var T = {
|
|
|
1784
1845
|
i,
|
|
1785
1846
|
a
|
|
1786
1847
|
]);
|
|
1787
|
-
},
|
|
1848
|
+
}, ut = {
|
|
1788
1849
|
root: "_root_s9o0g_1",
|
|
1789
1850
|
tooltip: "_tooltip_s9o0g_3",
|
|
1790
1851
|
"ds-tooltip-in": "_ds-tooltip-in_s9o0g_1",
|
|
@@ -1792,7 +1853,7 @@ var T = {
|
|
|
1792
1853
|
bottom: "_bottom_s9o0g_7",
|
|
1793
1854
|
left: "_left_s9o0g_9",
|
|
1794
1855
|
right: "_right_s9o0g_11"
|
|
1795
|
-
},
|
|
1856
|
+
}, dt = ({ content: e, children: i, placement: o = "top", delay: l = 450, disabled: u = !1, maxWidth: p = 280, className: m = "" }) => {
|
|
1796
1857
|
let h = c(), [g, _] = f(!1), v = d(null), y = () => {
|
|
1797
1858
|
u || !e || (v.current = setTimeout(() => _(!0), l));
|
|
1798
1859
|
}, b = () => {
|
|
@@ -1814,29 +1875,29 @@ var T = {
|
|
|
1814
1875
|
onBlur: b
|
|
1815
1876
|
});
|
|
1816
1877
|
return /* @__PURE__ */ n("span", {
|
|
1817
|
-
className: `${
|
|
1878
|
+
className: `${ut.root} ${m}`,
|
|
1818
1879
|
onPointerDown: g ? b : y,
|
|
1819
1880
|
children: [x, g && /* @__PURE__ */ t("span", {
|
|
1820
1881
|
id: h,
|
|
1821
1882
|
role: "tooltip",
|
|
1822
|
-
className: `${
|
|
1883
|
+
className: `${ut.tooltip} ${ut[o]}`,
|
|
1823
1884
|
style: { maxWidth: p },
|
|
1824
1885
|
children: e
|
|
1825
1886
|
})]
|
|
1826
1887
|
});
|
|
1827
|
-
},
|
|
1888
|
+
}, ft = {
|
|
1828
1889
|
root: "_root_1ue3g_1",
|
|
1829
1890
|
frame: "_frame_1ue3g_3",
|
|
1830
1891
|
video: "_video_1ue3g_5",
|
|
1831
1892
|
overlay: "_overlay_1ue3g_7",
|
|
1832
1893
|
error: "_error_1ue3g_7",
|
|
1833
1894
|
caption: "_caption_1ue3g_13"
|
|
1834
|
-
},
|
|
1895
|
+
}, pt = ({ sources: e, tracks: r = [], title: i, aspectRatio: a = "16 / 9", objectFit: o = "contain", loading: s = !1, error: c, fallback: l, className: u = "", controls: d = !0, playsInline: p = !0, ...m }) => {
|
|
1835
1896
|
let [h, g] = f(!1), _ = c ?? (h ? "Не удалось воспроизвести видео" : void 0);
|
|
1836
1897
|
return /* @__PURE__ */ n("figure", {
|
|
1837
|
-
className: `${
|
|
1898
|
+
className: `${ft.root} ${u}`,
|
|
1838
1899
|
children: [/* @__PURE__ */ n("div", {
|
|
1839
|
-
className:
|
|
1900
|
+
className: ft.frame,
|
|
1840
1901
|
style: { aspectRatio: a },
|
|
1841
1902
|
children: [
|
|
1842
1903
|
!_ && e.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -1844,7 +1905,7 @@ var T = {
|
|
|
1844
1905
|
"aria-label": i,
|
|
1845
1906
|
controls: d,
|
|
1846
1907
|
playsInline: p,
|
|
1847
|
-
className:
|
|
1908
|
+
className: ft.video,
|
|
1848
1909
|
style: { objectFit: o },
|
|
1849
1910
|
onError: (e) => {
|
|
1850
1911
|
g(!0), m.onError?.(e);
|
|
@@ -1852,21 +1913,21 @@ var T = {
|
|
|
1852
1913
|
children: [e.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), r.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
1853
1914
|
}),
|
|
1854
1915
|
s && /* @__PURE__ */ t("div", {
|
|
1855
|
-
className:
|
|
1916
|
+
className: ft.overlay,
|
|
1856
1917
|
children: /* @__PURE__ */ t(S, { label: "Загрузка видео" })
|
|
1857
1918
|
}),
|
|
1858
1919
|
(_ || e.length === 0) && /* @__PURE__ */ t("div", {
|
|
1859
|
-
className:
|
|
1920
|
+
className: ft.error,
|
|
1860
1921
|
role: "alert",
|
|
1861
1922
|
children: l ?? _ ?? "Источник видео не указан"
|
|
1862
1923
|
})
|
|
1863
1924
|
]
|
|
1864
1925
|
}), /* @__PURE__ */ t("figcaption", {
|
|
1865
|
-
className:
|
|
1926
|
+
className: ft.caption,
|
|
1866
1927
|
children: i
|
|
1867
1928
|
})]
|
|
1868
1929
|
});
|
|
1869
|
-
},
|
|
1930
|
+
}, mt = {
|
|
1870
1931
|
popup: "_popup_15ovj_1",
|
|
1871
1932
|
trigger: "_trigger_15ovj_15",
|
|
1872
1933
|
content: "_content_15ovj_23",
|
|
@@ -1874,13 +1935,13 @@ var T = {
|
|
|
1874
1935
|
right: "_right_15ovj_141",
|
|
1875
1936
|
bottom: "_bottom_15ovj_175",
|
|
1876
1937
|
left: "_left_15ovj_209"
|
|
1877
|
-
},
|
|
1878
|
-
className: `${
|
|
1938
|
+
}, ht = ({ content: r, children: i, placement: a = "top", disabled: o = !1 }) => o ? /* @__PURE__ */ t(e, { children: i }) : /* @__PURE__ */ n("span", {
|
|
1939
|
+
className: `${mt.popup} ${mt[a]}`,
|
|
1879
1940
|
children: [/* @__PURE__ */ t("span", {
|
|
1880
|
-
className:
|
|
1941
|
+
className: mt.trigger,
|
|
1881
1942
|
children: i
|
|
1882
1943
|
}), /* @__PURE__ */ t("span", {
|
|
1883
|
-
className:
|
|
1944
|
+
className: mt.content,
|
|
1884
1945
|
role: "tooltip",
|
|
1885
1946
|
children: r
|
|
1886
1947
|
})]
|
|
@@ -1894,7 +1955,7 @@ var T = {
|
|
|
1894
1955
|
open: "_open_1tdda_91",
|
|
1895
1956
|
content: "_content_1tdda_99",
|
|
1896
1957
|
contentInner: "_contentInner_1tdda_119"
|
|
1897
|
-
},
|
|
1958
|
+
}, gt = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, className: l = "" }) => {
|
|
1898
1959
|
let u = c(), [d, p] = f(a), m = o ?? d;
|
|
1899
1960
|
return /* @__PURE__ */ n("section", {
|
|
1900
1961
|
className: `${$.root} ${m ? $.open : ""} ${l}`,
|
|
@@ -1941,7 +2002,7 @@ var T = {
|
|
|
1941
2002
|
})
|
|
1942
2003
|
})]
|
|
1943
2004
|
});
|
|
1944
|
-
},
|
|
2005
|
+
}, _t = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
1945
2006
|
let [n, r] = f(null);
|
|
1946
2007
|
return s(() => {
|
|
1947
2008
|
let e = document.getElementById(t);
|
|
@@ -1956,4 +2017,4 @@ var T = {
|
|
|
1956
2017
|
}, [t]), n ? p(e, n) : null;
|
|
1957
2018
|
};
|
|
1958
2019
|
//#endregion
|
|
1959
|
-
export {
|
|
2020
|
+
export { Ke as ConfirmModal, gt as DSAccordion, b as DSBadge, w as DSButton, k as DSCheckbox, xe as DSDataTable, V as DSDateRange, ne as DSDateTimePicker, le as DSDropDown, Se as DSDropDownMultiple, E as DSFieldLabel, D as DSFieldMessage, Fe as DSFileInput, je as DSFilters, we as DSIcon, Ee as DSInfoBlock, De as DSInput, S as DSLoader, Be as DSModal, ze as DSModalFrame, nt as DSPageLoader, ht as DSPopup, _t as DSPortal, ke as DSRadioButton, U as DSSkeleton, K as DSSort, at as DSToast, ct as DSToastProvider, dt as DSTooltip, pt as DSVideoPlayerFrame, qe as ErrorModal, Ve as ModalSystemProvider, Je as builtInModalRegistry, He as defineModalRegistry, F as formatDateTimeLocalValue, Xe as getErrorMessage, se as getNextEnabledOptionIndex, ie as isValidDateRange, I as parseDateTimeLocalValue, Le as resetModalStore, st as resetToastStore, Ye as useConfirmModal, Qe as useConfirmModalStore, Ze as useErrorModal, $e as useErrorModalStore, et as useModals, X as useModalsStore, lt as useToast, Q as useToastStore, fe as validateDSDataTableData };
|