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