@efficiency-point/design-system 0.1.22 → 0.1.24
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 +19 -0
- package/dist/components/DSDataTable/DSDataTable.d.ts +5 -1
- package/dist/components/DSDataTable/DSDataTable.d.ts.map +1 -1
- package/dist/components/DSIcon/source/IconVideoAnalytics.d.ts +48 -0
- package/dist/components/DSIcon/source/IconVideoAnalytics.d.ts.map +1 -0
- package/dist/components/DSIcon/source/index.d.ts +46 -0
- package/dist/components/DSIcon/source/index.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.es.js +1644 -971
- 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 { cloneElement as r, createContext as i,
|
|
3
|
-
import { createPortal as
|
|
4
|
-
import { createSortedRowModel as
|
|
5
|
-
import { create as
|
|
6
|
-
var
|
|
2
|
+
import { cloneElement as r, createContext as i, createElement as a, forwardRef as o, isValidElement as s, useCallback as c, useContext as l, useEffect as u, useId as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
|
|
3
|
+
import { createPortal as g } from "react-dom";
|
|
4
|
+
import { createSortedRowModel as _, rowSortingFeature as v, tableFeatures as y, useTable as b } from "@tanstack/react-table";
|
|
5
|
+
import { create as x } from "zustand";
|
|
6
|
+
var S = {
|
|
7
7
|
badge: "_badge_1xyff_1",
|
|
8
8
|
sm: "_sm_1xyff_29",
|
|
9
9
|
md: "_md_1xyff_39",
|
|
@@ -15,24 +15,24 @@ var x = {
|
|
|
15
15
|
dot: "_dot_1xyff_109",
|
|
16
16
|
icon: "_icon_1xyff_125",
|
|
17
17
|
label: "_label_1xyff_135"
|
|
18
|
-
},
|
|
19
|
-
className: `${
|
|
18
|
+
}, C = ({ children: e, variant: r = "neutral", size: i = "md", dot: a = !1, icon: o, className: s = "" }) => /* @__PURE__ */ n("span", {
|
|
19
|
+
className: `${S.badge} ${S[r]} ${S[i]} ${s}`,
|
|
20
20
|
children: [
|
|
21
21
|
a && /* @__PURE__ */ t("span", {
|
|
22
|
-
className:
|
|
22
|
+
className: S.dot,
|
|
23
23
|
"aria-hidden": "true"
|
|
24
24
|
}),
|
|
25
25
|
o && /* @__PURE__ */ t("span", {
|
|
26
|
-
className:
|
|
26
|
+
className: S.icon,
|
|
27
27
|
"aria-hidden": "true",
|
|
28
28
|
children: o
|
|
29
29
|
}),
|
|
30
30
|
/* @__PURE__ */ t("span", {
|
|
31
|
-
className:
|
|
31
|
+
className: S.label,
|
|
32
32
|
children: e
|
|
33
33
|
})
|
|
34
34
|
]
|
|
35
|
-
}),
|
|
35
|
+
}), w = {
|
|
36
36
|
container: "_container_1jyk1_1",
|
|
37
37
|
inner: "_inner_1jyk1_21",
|
|
38
38
|
line: "_line_1jyk1_39",
|
|
@@ -44,18 +44,18 @@ var x = {
|
|
|
44
44
|
destructive: "_destructive_1jyk1_97",
|
|
45
45
|
destructiveOutline: "_destructiveOutline_1jyk1_105",
|
|
46
46
|
grow: "_grow_1jyk1_1"
|
|
47
|
-
},
|
|
48
|
-
className: `${
|
|
47
|
+
}, T = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
48
|
+
className: `${w.container} ${w[e]}`,
|
|
49
49
|
children: /* @__PURE__ */ n("div", {
|
|
50
|
-
className: `${
|
|
50
|
+
className: `${w.inner} ${w[e]}`,
|
|
51
51
|
children: [
|
|
52
|
-
/* @__PURE__ */ t("div", { className: `${
|
|
53
|
-
/* @__PURE__ */ t("div", { className: `${
|
|
54
|
-
/* @__PURE__ */ t("div", { className: `${
|
|
55
|
-
/* @__PURE__ */ t("div", { className: `${
|
|
52
|
+
/* @__PURE__ */ t("div", { className: `${w.line} ${w[e]}` }),
|
|
53
|
+
/* @__PURE__ */ t("div", { className: `${w.line} ${w[e]}` }),
|
|
54
|
+
/* @__PURE__ */ t("div", { className: `${w.line} ${w[e]}` }),
|
|
55
|
+
/* @__PURE__ */ t("div", { className: `${w.line} ${w[e]}` })
|
|
56
56
|
]
|
|
57
57
|
})
|
|
58
|
-
}),
|
|
58
|
+
}), E = {
|
|
59
59
|
button: "_button_8341b_1",
|
|
60
60
|
sm: "_sm_8341b_59",
|
|
61
61
|
md: "_md_8341b_73",
|
|
@@ -67,17 +67,17 @@ var x = {
|
|
|
67
67
|
empty: "_empty_8341b_157",
|
|
68
68
|
destructive: "_destructive_8341b_171",
|
|
69
69
|
destructiveOutline: "_destructiveOutline_8341b_183"
|
|
70
|
-
},
|
|
70
|
+
}, D = o(({ children: e, variant: n = "primary", size: r = "md", isLoading: i = !1, disabled: a, type: o = "button", className: s = "", ...c }, l) => /* @__PURE__ */ t("button", {
|
|
71
71
|
ref: l,
|
|
72
|
-
className: `${
|
|
72
|
+
className: `${E.button} ${E[n]} ${E[r]} ${s}`,
|
|
73
73
|
disabled: a || i,
|
|
74
74
|
"aria-busy": i || void 0,
|
|
75
75
|
...c,
|
|
76
76
|
type: o,
|
|
77
|
-
children: i ? /* @__PURE__ */ t(
|
|
77
|
+
children: i ? /* @__PURE__ */ t(T, { variant: n }) : e
|
|
78
78
|
}));
|
|
79
|
-
|
|
80
|
-
var
|
|
79
|
+
D.displayName = "DSButton";
|
|
80
|
+
var O = {
|
|
81
81
|
label: "_label_1o819_1",
|
|
82
82
|
required: "_required_1o819_23",
|
|
83
83
|
error: "_error_1o819_25",
|
|
@@ -86,28 +86,28 @@ var E = {
|
|
|
86
86
|
disabled: "_disabled_1o819_47",
|
|
87
87
|
message: "_message_1o819_55",
|
|
88
88
|
success: "_success_1o819_71"
|
|
89
|
-
},
|
|
90
|
-
className: `${
|
|
89
|
+
}, ee = ({ children: e, required: r = !1, optionalText: i, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ n("label", {
|
|
90
|
+
className: `${O.label} ${a ? O.disabled : ""} ${o}`,
|
|
91
91
|
...s,
|
|
92
92
|
children: [
|
|
93
93
|
/* @__PURE__ */ t("span", { children: e }),
|
|
94
94
|
r && /* @__PURE__ */ t("span", {
|
|
95
|
-
className:
|
|
95
|
+
className: O.required,
|
|
96
96
|
"aria-hidden": "true",
|
|
97
97
|
children: "*"
|
|
98
98
|
}),
|
|
99
99
|
i && /* @__PURE__ */ t("span", {
|
|
100
|
-
className:
|
|
100
|
+
className: O.optional,
|
|
101
101
|
children: i
|
|
102
102
|
})
|
|
103
103
|
]
|
|
104
|
-
}),
|
|
104
|
+
}), k = ({ children: e, variant: n = "hint", id: r, live: i = !1, className: a = "" }) => /* @__PURE__ */ t("span", {
|
|
105
105
|
id: r,
|
|
106
|
-
className: `${
|
|
106
|
+
className: `${O.message} ${O[n]} ${a}`,
|
|
107
107
|
role: i && n === "error" ? "alert" : void 0,
|
|
108
108
|
"aria-live": i && n !== "error" ? "polite" : void 0,
|
|
109
109
|
children: e
|
|
110
|
-
}),
|
|
110
|
+
}), A = ({ width: e = 24, height: r = 24, color: i, title: a, style: o, children: s, ...c }) => /* @__PURE__ */ n("svg", {
|
|
111
111
|
xmlns: "http://www.w3.org/2000/svg",
|
|
112
112
|
viewBox: "0 0 24 24",
|
|
113
113
|
width: e,
|
|
@@ -126,159 +126,818 @@ var E = {
|
|
|
126
126
|
} : o,
|
|
127
127
|
...c,
|
|
128
128
|
children: [a && /* @__PURE__ */ t("title", { children: a }), s]
|
|
129
|
-
}),
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
})
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
129
|
+
}), j = (e) => /* @__PURE__ */ t(A, {
|
|
130
|
+
...e,
|
|
131
|
+
children: /* @__PURE__ */ t("path", { d: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3" })
|
|
132
|
+
}), M = (e) => /* @__PURE__ */ t(A, {
|
|
133
|
+
...e,
|
|
134
|
+
children: /* @__PURE__ */ t("path", { d: "m5 12 4 4L19 6" })
|
|
135
|
+
}), N = (e) => /* @__PURE__ */ t(A, {
|
|
136
|
+
viewBox: "0 0 20 20",
|
|
137
|
+
...e,
|
|
138
|
+
children: /* @__PURE__ */ t("path", { d: "M5 7.5L10 12.5L15 7.5" })
|
|
139
|
+
}), P = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(A, {
|
|
140
|
+
strokeWidth: e,
|
|
141
|
+
...n,
|
|
142
|
+
children: /* @__PURE__ */ t("path", { d: "M18 6 6 18M6 6l12 12" })
|
|
143
|
+
}), F = (e) => /* @__PURE__ */ t(A, {
|
|
144
|
+
...e,
|
|
145
|
+
children: /* @__PURE__ */ t("path", { d: "M4 20h4L19 9l-4-4L4 16v4z" })
|
|
146
|
+
}), I = (e) => /* @__PURE__ */ n(A, {
|
|
147
|
+
...e,
|
|
148
|
+
children: [/* @__PURE__ */ t("circle", {
|
|
149
|
+
cx: "12",
|
|
150
|
+
cy: "12",
|
|
151
|
+
r: "10"
|
|
152
|
+
}), /* @__PURE__ */ t("path", { d: "m15 9-6 6M9 9l6 6" })]
|
|
153
|
+
}), L = (e) => /* @__PURE__ */ n(A, {
|
|
154
|
+
...e,
|
|
155
|
+
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
|
+
cx: "12",
|
|
157
|
+
cy: "12",
|
|
158
|
+
r: "2.5"
|
|
159
|
+
})]
|
|
160
|
+
}), R = (e) => /* @__PURE__ */ t(A, {
|
|
161
|
+
...e,
|
|
162
|
+
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
|
+
}), z = (e) => /* @__PURE__ */ t(A, {
|
|
164
|
+
...e,
|
|
165
|
+
children: /* @__PURE__ */ t("path", { d: "M12 10v7m0-10v.01" })
|
|
166
|
+
}), B = (e) => /* @__PURE__ */ n(A, {
|
|
167
|
+
...e,
|
|
168
|
+
children: [/* @__PURE__ */ t("circle", {
|
|
169
|
+
cx: "12",
|
|
170
|
+
cy: "12",
|
|
171
|
+
r: "10"
|
|
172
|
+
}), /* @__PURE__ */ t("path", { d: "M12 16v-4M12 8v.01" })]
|
|
173
|
+
}), te = (e) => /* @__PURE__ */ t(A, {
|
|
174
|
+
...e,
|
|
175
|
+
children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
|
|
176
|
+
}), V = (e) => /* @__PURE__ */ t(A, {
|
|
177
|
+
...e,
|
|
178
|
+
children: /* @__PURE__ */ t("path", {
|
|
179
|
+
d: "M8 5v14M16 5v14",
|
|
180
|
+
strokeWidth: "3"
|
|
181
|
+
})
|
|
182
|
+
}), H = (e) => /* @__PURE__ */ t(A, {
|
|
183
|
+
...e,
|
|
184
|
+
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
185
|
+
}), U = (e) => /* @__PURE__ */ t(A, {
|
|
186
|
+
...e,
|
|
187
|
+
children: /* @__PURE__ */ t("path", {
|
|
188
|
+
d: "m8 5 11 7-11 7V5Z",
|
|
189
|
+
fill: "currentColor",
|
|
190
|
+
stroke: "none"
|
|
191
|
+
})
|
|
192
|
+
}), W = (e) => /* @__PURE__ */ t(A, {
|
|
193
|
+
...e,
|
|
194
|
+
children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
|
|
195
|
+
}), ne = (e) => /* @__PURE__ */ t(A, {
|
|
196
|
+
...e,
|
|
197
|
+
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" })
|
|
198
|
+
}), G = (e) => /* @__PURE__ */ t(A, {
|
|
199
|
+
...e,
|
|
200
|
+
children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
|
|
201
|
+
}), re = (e) => /* @__PURE__ */ t(A, {
|
|
202
|
+
...e,
|
|
203
|
+
children: /* @__PURE__ */ t("path", { d: "M4 9h5V4m6 5h5V4M4 15h5v5m6-5h5v5" })
|
|
204
|
+
}), ie = (e) => /* @__PURE__ */ t(A, {
|
|
205
|
+
...e,
|
|
206
|
+
children: /* @__PURE__ */ t("path", { d: "M4 6h16v12H4V6Zm7 4a2 2 0 1 0 0 4m7-4a2 2 0 1 0 0 4" })
|
|
207
|
+
}), ae = (e) => /* @__PURE__ */ t(A, {
|
|
208
|
+
...e,
|
|
209
|
+
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" })
|
|
210
|
+
}), oe = (e) => /* @__PURE__ */ t(A, {
|
|
211
|
+
...e,
|
|
212
|
+
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
213
|
+
}), se = (e) => /* @__PURE__ */ t(A, {
|
|
214
|
+
...e,
|
|
215
|
+
children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
|
|
216
|
+
}), K = (e) => /* @__PURE__ */ t(A, {
|
|
217
|
+
...e,
|
|
218
|
+
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
219
|
+
}), ce = (e) => /* @__PURE__ */ t(A, {
|
|
220
|
+
...e,
|
|
221
|
+
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
222
|
+
}), le = (e) => /* @__PURE__ */ n(A, {
|
|
223
|
+
...e,
|
|
224
|
+
children: [/* @__PURE__ */ t("circle", {
|
|
225
|
+
cx: "12",
|
|
226
|
+
cy: "12",
|
|
227
|
+
r: "10"
|
|
228
|
+
}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
|
|
229
|
+
}), ue = (e) => /* @__PURE__ */ t(A, {
|
|
230
|
+
...e,
|
|
231
|
+
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
232
|
+
}), de = (e) => /* @__PURE__ */ n(A, {
|
|
233
|
+
...e,
|
|
234
|
+
children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
|
|
235
|
+
}), q = (e) => (n) => /* @__PURE__ */ t(A, {
|
|
236
|
+
...n,
|
|
237
|
+
children: e.map(([e, t], n) => a(e, {
|
|
238
|
+
...t,
|
|
239
|
+
key: t.key ?? `${e}-${n}`
|
|
240
|
+
}))
|
|
241
|
+
}), fe = {
|
|
242
|
+
IconActivity: q([["path", {
|
|
243
|
+
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",
|
|
244
|
+
key: "169zse"
|
|
245
|
+
}]]),
|
|
246
|
+
IconAlertTriangle: q([
|
|
247
|
+
["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" }],
|
|
248
|
+
["path", { d: "M12 9v4" }],
|
|
249
|
+
["path", { d: "M12 17h.01" }]
|
|
250
|
+
]),
|
|
251
|
+
IconArrowDown: q([["path", {
|
|
252
|
+
d: "M12 5v14",
|
|
253
|
+
key: "s699le"
|
|
254
|
+
}], ["path", {
|
|
255
|
+
d: "m19 12-7 7-7-7",
|
|
256
|
+
key: "1idqje"
|
|
257
|
+
}]]),
|
|
258
|
+
IconArrowLeft: q([["path", {
|
|
259
|
+
d: "m12 19-7-7 7-7",
|
|
260
|
+
key: "1l729n"
|
|
261
|
+
}], ["path", {
|
|
262
|
+
d: "M19 12H5",
|
|
263
|
+
key: "x3x0zl"
|
|
264
|
+
}]]),
|
|
265
|
+
IconArrowRight: q([["path", {
|
|
266
|
+
d: "M5 12h14",
|
|
267
|
+
key: "1ays0h"
|
|
268
|
+
}], ["path", {
|
|
269
|
+
d: "m12 5 7 7-7 7",
|
|
270
|
+
key: "xquz4c"
|
|
271
|
+
}]]),
|
|
272
|
+
IconArrowUp: q([["path", {
|
|
273
|
+
d: "m5 12 7-7 7 7",
|
|
274
|
+
key: "hav0vg"
|
|
275
|
+
}], ["path", {
|
|
276
|
+
d: "M12 19V5",
|
|
277
|
+
key: "x0mq9r"
|
|
278
|
+
}]]),
|
|
279
|
+
IconArrowUpRight: q([["path", {
|
|
280
|
+
d: "M7 7h10v10",
|
|
281
|
+
key: "1tivn9"
|
|
282
|
+
}], ["path", {
|
|
283
|
+
d: "M7 17 17 7",
|
|
284
|
+
key: "1vkiza"
|
|
285
|
+
}]]),
|
|
286
|
+
IconBarChart3: q([
|
|
287
|
+
["path", { d: "M3 3v18h18" }],
|
|
288
|
+
["path", { d: "M18 17V9" }],
|
|
289
|
+
["path", { d: "M13 17V5" }],
|
|
290
|
+
["path", { d: "M8 17v-3" }]
|
|
291
|
+
]),
|
|
292
|
+
IconBell: q([["path", {
|
|
293
|
+
d: "M10.268 21a2 2 0 0 0 3.464 0",
|
|
294
|
+
key: "vwvbt9"
|
|
295
|
+
}], ["path", {
|
|
296
|
+
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",
|
|
297
|
+
key: "11g9vi"
|
|
298
|
+
}]]),
|
|
299
|
+
IconBoxes: q([
|
|
300
|
+
["path", {
|
|
301
|
+
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",
|
|
302
|
+
key: "lc1i9w"
|
|
303
|
+
}],
|
|
304
|
+
["path", {
|
|
305
|
+
d: "m7 16.5-4.74-2.85",
|
|
306
|
+
key: "1o9zyk"
|
|
307
|
+
}],
|
|
308
|
+
["path", {
|
|
309
|
+
d: "m7 16.5 5-3",
|
|
310
|
+
key: "va8pkn"
|
|
311
|
+
}],
|
|
312
|
+
["path", {
|
|
313
|
+
d: "M7 16.5v5.17",
|
|
314
|
+
key: "jnp8gn"
|
|
315
|
+
}],
|
|
316
|
+
["path", {
|
|
317
|
+
d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z",
|
|
318
|
+
key: "8zsnat"
|
|
319
|
+
}],
|
|
320
|
+
["path", {
|
|
321
|
+
d: "m17 16.5-5-3",
|
|
322
|
+
key: "8arw3v"
|
|
323
|
+
}],
|
|
324
|
+
["path", {
|
|
325
|
+
d: "m17 16.5 4.74-2.85",
|
|
326
|
+
key: "8rfmw"
|
|
327
|
+
}],
|
|
328
|
+
["path", {
|
|
329
|
+
d: "M17 16.5v5.17",
|
|
330
|
+
key: "k6z78m"
|
|
331
|
+
}],
|
|
332
|
+
["path", {
|
|
333
|
+
d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z",
|
|
334
|
+
key: "1xygjf"
|
|
335
|
+
}],
|
|
336
|
+
["path", {
|
|
337
|
+
d: "M12 8 7.26 5.15",
|
|
338
|
+
key: "1vbdud"
|
|
339
|
+
}],
|
|
340
|
+
["path", {
|
|
341
|
+
d: "m12 8 4.74-2.85",
|
|
342
|
+
key: "3rx089"
|
|
343
|
+
}],
|
|
344
|
+
["path", {
|
|
345
|
+
d: "M12 13.5V8",
|
|
346
|
+
key: "1io7kd"
|
|
347
|
+
}]
|
|
348
|
+
]),
|
|
349
|
+
IconBuilding2: q([
|
|
350
|
+
["path", {
|
|
351
|
+
d: "M10 12h4",
|
|
352
|
+
key: "a56b0p"
|
|
353
|
+
}],
|
|
354
|
+
["path", {
|
|
355
|
+
d: "M10 8h4",
|
|
356
|
+
key: "1sr2af"
|
|
357
|
+
}],
|
|
358
|
+
["path", {
|
|
359
|
+
d: "M14 21v-3a2 2 0 0 0-4 0v3",
|
|
360
|
+
key: "1rgiei"
|
|
361
|
+
}],
|
|
362
|
+
["path", {
|
|
363
|
+
d: "M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",
|
|
364
|
+
key: "secmi2"
|
|
365
|
+
}],
|
|
366
|
+
["path", {
|
|
367
|
+
d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16",
|
|
368
|
+
key: "16ra0t"
|
|
369
|
+
}]
|
|
370
|
+
]),
|
|
371
|
+
IconCamera: q([["path", {
|
|
372
|
+
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",
|
|
373
|
+
key: "18u6gg"
|
|
374
|
+
}], ["circle", {
|
|
375
|
+
cx: "12",
|
|
376
|
+
cy: "13",
|
|
377
|
+
r: "3",
|
|
378
|
+
key: "1vg3eu"
|
|
379
|
+
}]]),
|
|
380
|
+
IconChartNoAxesCombined: q([
|
|
381
|
+
["path", {
|
|
382
|
+
d: "M12 16v5",
|
|
383
|
+
key: "zza2cw"
|
|
384
|
+
}],
|
|
385
|
+
["path", {
|
|
386
|
+
d: "M16 14.639V21",
|
|
387
|
+
key: "1s85h0"
|
|
388
|
+
}],
|
|
389
|
+
["path", {
|
|
390
|
+
d: "M20 10.656V21",
|
|
391
|
+
key: "q45596"
|
|
392
|
+
}],
|
|
393
|
+
["path", {
|
|
394
|
+
d: "m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15",
|
|
395
|
+
key: "1fw8x9"
|
|
396
|
+
}],
|
|
397
|
+
["path", {
|
|
398
|
+
d: "M4 18.463V21",
|
|
399
|
+
key: "1otddq"
|
|
400
|
+
}],
|
|
401
|
+
["path", {
|
|
402
|
+
d: "M8 14.656V21",
|
|
403
|
+
key: "1t2idw"
|
|
404
|
+
}]
|
|
405
|
+
]),
|
|
406
|
+
IconChevronRight: q([["path", {
|
|
407
|
+
d: "m9 18 6-6-6-6",
|
|
408
|
+
key: "mthhwq"
|
|
409
|
+
}]]),
|
|
410
|
+
IconCircleAlert: q([
|
|
411
|
+
["circle", {
|
|
155
412
|
cx: "12",
|
|
156
413
|
cy: "12",
|
|
157
|
-
r: "10"
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
414
|
+
r: "10",
|
|
415
|
+
key: "1mglay"
|
|
416
|
+
}],
|
|
417
|
+
["line", {
|
|
418
|
+
x1: "12",
|
|
419
|
+
x2: "12",
|
|
420
|
+
y1: "8",
|
|
421
|
+
y2: "12",
|
|
422
|
+
key: "1pkeuh"
|
|
423
|
+
}],
|
|
424
|
+
["line", {
|
|
425
|
+
x1: "12",
|
|
426
|
+
x2: "12.01",
|
|
427
|
+
y1: "16",
|
|
428
|
+
y2: "16",
|
|
429
|
+
key: "4dfq90"
|
|
430
|
+
}]
|
|
431
|
+
]),
|
|
432
|
+
IconClock3: q([["circle", {
|
|
433
|
+
cx: "12",
|
|
434
|
+
cy: "12",
|
|
435
|
+
r: "10",
|
|
436
|
+
key: "1mglay"
|
|
437
|
+
}], ["path", {
|
|
438
|
+
d: "M12 6v6h4",
|
|
439
|
+
key: "135r8i"
|
|
440
|
+
}]]),
|
|
441
|
+
IconDownload: q([
|
|
442
|
+
["path", {
|
|
443
|
+
d: "M12 15V3",
|
|
444
|
+
key: "m9g1x1"
|
|
445
|
+
}],
|
|
446
|
+
["path", {
|
|
447
|
+
d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
|
|
448
|
+
key: "ih7n3h"
|
|
449
|
+
}],
|
|
450
|
+
["path", {
|
|
451
|
+
d: "m7 10 5 5 5-5",
|
|
452
|
+
key: "brsn70"
|
|
453
|
+
}]
|
|
454
|
+
]),
|
|
455
|
+
IconExternalLink: q([
|
|
456
|
+
["path", {
|
|
457
|
+
d: "M15 3h6v6",
|
|
458
|
+
key: "1q9fwt"
|
|
459
|
+
}],
|
|
460
|
+
["path", {
|
|
461
|
+
d: "M10 14 21 3",
|
|
462
|
+
key: "gplh6r"
|
|
463
|
+
}],
|
|
464
|
+
["path", {
|
|
465
|
+
d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
|
|
466
|
+
key: "a6xqqp"
|
|
467
|
+
}]
|
|
468
|
+
]),
|
|
469
|
+
IconFactory: q([
|
|
470
|
+
["path", {
|
|
471
|
+
d: "M12 16h.01",
|
|
472
|
+
key: "1drbdi"
|
|
473
|
+
}],
|
|
474
|
+
["path", {
|
|
475
|
+
d: "M16 16h.01",
|
|
476
|
+
key: "1f9h7w"
|
|
477
|
+
}],
|
|
478
|
+
["path", {
|
|
479
|
+
d: "M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z",
|
|
480
|
+
key: "1iv0i2"
|
|
481
|
+
}],
|
|
482
|
+
["path", {
|
|
483
|
+
d: "M8 16h.01",
|
|
484
|
+
key: "18s6g9"
|
|
485
|
+
}]
|
|
486
|
+
]),
|
|
487
|
+
IconGauge: q([["path", {
|
|
488
|
+
d: "m12 14 4-4",
|
|
489
|
+
key: "9kzdfg"
|
|
490
|
+
}], ["path", {
|
|
491
|
+
d: "M3.34 19a10 10 0 1 1 17.32 0",
|
|
492
|
+
key: "19p75a"
|
|
493
|
+
}]]),
|
|
494
|
+
IconGripVertical: q([
|
|
495
|
+
["circle", {
|
|
496
|
+
cx: "9",
|
|
164
497
|
cy: "12",
|
|
165
|
-
r: "
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
498
|
+
r: "1",
|
|
499
|
+
key: "1vctgf"
|
|
500
|
+
}],
|
|
501
|
+
["circle", {
|
|
502
|
+
cx: "9",
|
|
503
|
+
cy: "5",
|
|
504
|
+
r: "1",
|
|
505
|
+
key: "hp0tcf"
|
|
506
|
+
}],
|
|
507
|
+
["circle", {
|
|
508
|
+
cx: "9",
|
|
509
|
+
cy: "19",
|
|
510
|
+
r: "1",
|
|
511
|
+
key: "fkjjf6"
|
|
512
|
+
}],
|
|
513
|
+
["circle", {
|
|
514
|
+
cx: "15",
|
|
180
515
|
cy: "12",
|
|
181
|
-
r: "
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
234
|
-
}),
|
|
235
|
-
IconSort: (e) => /* @__PURE__ */ t(O, {
|
|
236
|
-
...e,
|
|
237
|
-
children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
|
|
238
|
-
}),
|
|
239
|
-
IconSortAscending: (e) => /* @__PURE__ */ t(O, {
|
|
240
|
-
...e,
|
|
241
|
-
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
242
|
-
}),
|
|
243
|
-
IconSortDescending: (e) => /* @__PURE__ */ t(O, {
|
|
244
|
-
...e,
|
|
245
|
-
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
246
|
-
}),
|
|
247
|
-
IconSuccessCircle: (e) => /* @__PURE__ */ n(O, {
|
|
248
|
-
...e,
|
|
249
|
-
children: [/* @__PURE__ */ t("circle", {
|
|
516
|
+
r: "1",
|
|
517
|
+
key: "1tmaij"
|
|
518
|
+
}],
|
|
519
|
+
["circle", {
|
|
520
|
+
cx: "15",
|
|
521
|
+
cy: "5",
|
|
522
|
+
r: "1",
|
|
523
|
+
key: "19l28e"
|
|
524
|
+
}],
|
|
525
|
+
["circle", {
|
|
526
|
+
cx: "15",
|
|
527
|
+
cy: "19",
|
|
528
|
+
r: "1",
|
|
529
|
+
key: "f4zoj3"
|
|
530
|
+
}]
|
|
531
|
+
]),
|
|
532
|
+
IconLayoutDashboard: q([
|
|
533
|
+
["rect", {
|
|
534
|
+
width: "7",
|
|
535
|
+
height: "9",
|
|
536
|
+
x: "3",
|
|
537
|
+
y: "3",
|
|
538
|
+
rx: "1",
|
|
539
|
+
key: "10lvy0"
|
|
540
|
+
}],
|
|
541
|
+
["rect", {
|
|
542
|
+
width: "7",
|
|
543
|
+
height: "5",
|
|
544
|
+
x: "14",
|
|
545
|
+
y: "3",
|
|
546
|
+
rx: "1",
|
|
547
|
+
key: "16une8"
|
|
548
|
+
}],
|
|
549
|
+
["rect", {
|
|
550
|
+
width: "7",
|
|
551
|
+
height: "9",
|
|
552
|
+
x: "14",
|
|
553
|
+
y: "12",
|
|
554
|
+
rx: "1",
|
|
555
|
+
key: "1hutg5"
|
|
556
|
+
}],
|
|
557
|
+
["rect", {
|
|
558
|
+
width: "7",
|
|
559
|
+
height: "5",
|
|
560
|
+
x: "3",
|
|
561
|
+
y: "16",
|
|
562
|
+
rx: "1",
|
|
563
|
+
key: "ldoo1y"
|
|
564
|
+
}]
|
|
565
|
+
]),
|
|
566
|
+
IconLockKeyhole: q([
|
|
567
|
+
["circle", {
|
|
250
568
|
cx: "12",
|
|
251
|
-
cy: "
|
|
252
|
-
r: "
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
569
|
+
cy: "16",
|
|
570
|
+
r: "1",
|
|
571
|
+
key: "1au0dj"
|
|
572
|
+
}],
|
|
573
|
+
["rect", {
|
|
574
|
+
x: "3",
|
|
575
|
+
y: "10",
|
|
576
|
+
width: "18",
|
|
577
|
+
height: "12",
|
|
578
|
+
rx: "2",
|
|
579
|
+
key: "6s8ecr"
|
|
580
|
+
}],
|
|
581
|
+
["path", {
|
|
582
|
+
d: "M7 10V7a5 5 0 0 1 10 0v3",
|
|
583
|
+
key: "1pqi11"
|
|
584
|
+
}]
|
|
585
|
+
]),
|
|
586
|
+
IconLogOut: q([
|
|
587
|
+
["path", {
|
|
588
|
+
d: "m16 17 5-5-5-5",
|
|
589
|
+
key: "1bji2h"
|
|
590
|
+
}],
|
|
591
|
+
["path", {
|
|
592
|
+
d: "M21 12H9",
|
|
593
|
+
key: "dn1m92"
|
|
594
|
+
}],
|
|
595
|
+
["path", {
|
|
596
|
+
d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",
|
|
597
|
+
key: "1uf3rs"
|
|
598
|
+
}]
|
|
599
|
+
]),
|
|
600
|
+
IconMaximize2: q([
|
|
601
|
+
["path", {
|
|
602
|
+
d: "M15 3h6v6",
|
|
603
|
+
key: "1q9fwt"
|
|
604
|
+
}],
|
|
605
|
+
["path", {
|
|
606
|
+
d: "m21 3-7 7",
|
|
607
|
+
key: "1l2asr"
|
|
608
|
+
}],
|
|
609
|
+
["path", {
|
|
610
|
+
d: "m3 21 7-7",
|
|
611
|
+
key: "tjx5ai"
|
|
612
|
+
}],
|
|
613
|
+
["path", {
|
|
614
|
+
d: "M9 21H3v-6",
|
|
615
|
+
key: "wtvkvv"
|
|
616
|
+
}]
|
|
617
|
+
]),
|
|
618
|
+
IconMenu: q([
|
|
619
|
+
["path", {
|
|
620
|
+
d: "M4 5h16",
|
|
621
|
+
key: "1tepv9"
|
|
622
|
+
}],
|
|
623
|
+
["path", {
|
|
624
|
+
d: "M4 12h16",
|
|
625
|
+
key: "1lakjw"
|
|
626
|
+
}],
|
|
627
|
+
["path", {
|
|
628
|
+
d: "M4 19h16",
|
|
629
|
+
key: "1djgab"
|
|
630
|
+
}]
|
|
631
|
+
]),
|
|
632
|
+
IconPackageCheck: q([
|
|
633
|
+
["path", {
|
|
634
|
+
d: "M12 22V12",
|
|
635
|
+
key: "d0xqtd"
|
|
636
|
+
}],
|
|
637
|
+
["path", {
|
|
638
|
+
d: "m16 17 2 2 4-4",
|
|
639
|
+
key: "uh5qu3"
|
|
640
|
+
}],
|
|
641
|
+
["path", {
|
|
642
|
+
d: "M21 11.127V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.729l7 4a2 2 0 0 0 2 .001l1.32-.753",
|
|
643
|
+
key: "kpkbpo"
|
|
644
|
+
}],
|
|
645
|
+
["path", {
|
|
646
|
+
d: "M3.29 7 12 12l8.71-5",
|
|
647
|
+
key: "19ckod"
|
|
648
|
+
}],
|
|
649
|
+
["path", {
|
|
650
|
+
d: "m7.5 4.27 8.997 5.148",
|
|
651
|
+
key: "9yrvtv"
|
|
652
|
+
}]
|
|
653
|
+
]),
|
|
654
|
+
IconRefreshCw: q([
|
|
655
|
+
["path", {
|
|
656
|
+
d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
|
|
657
|
+
key: "v9h5vc"
|
|
658
|
+
}],
|
|
659
|
+
["path", {
|
|
660
|
+
d: "M21 3v5h-5",
|
|
661
|
+
key: "1q7to0"
|
|
662
|
+
}],
|
|
663
|
+
["path", {
|
|
664
|
+
d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",
|
|
665
|
+
key: "3uifl3"
|
|
666
|
+
}],
|
|
667
|
+
["path", {
|
|
668
|
+
d: "M8 16H3v5",
|
|
669
|
+
key: "1cv678"
|
|
670
|
+
}]
|
|
671
|
+
]),
|
|
672
|
+
IconRotateCw: q([["path", {
|
|
673
|
+
d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
|
|
674
|
+
key: "1p45f6"
|
|
675
|
+
}], ["path", {
|
|
676
|
+
d: "M21 3v5h-5",
|
|
677
|
+
key: "1q7to0"
|
|
678
|
+
}]]),
|
|
679
|
+
IconSearch: q([["path", {
|
|
680
|
+
d: "m21 21-4.34-4.34",
|
|
681
|
+
key: "14j7rj"
|
|
682
|
+
}], ["circle", {
|
|
683
|
+
cx: "11",
|
|
684
|
+
cy: "11",
|
|
685
|
+
r: "8",
|
|
686
|
+
key: "4ej97u"
|
|
687
|
+
}]]),
|
|
688
|
+
IconSettings2: q([
|
|
689
|
+
["path", {
|
|
690
|
+
d: "M14 17H5",
|
|
691
|
+
key: "gfn3mx"
|
|
692
|
+
}],
|
|
693
|
+
["path", {
|
|
694
|
+
d: "M19 7h-9",
|
|
695
|
+
key: "6i9tg"
|
|
696
|
+
}],
|
|
697
|
+
["circle", {
|
|
698
|
+
cx: "17",
|
|
699
|
+
cy: "17",
|
|
700
|
+
r: "3",
|
|
701
|
+
key: "18b49y"
|
|
702
|
+
}],
|
|
703
|
+
["circle", {
|
|
704
|
+
cx: "7",
|
|
705
|
+
cy: "7",
|
|
706
|
+
r: "3",
|
|
707
|
+
key: "dfmy0x"
|
|
708
|
+
}]
|
|
709
|
+
]),
|
|
710
|
+
IconShieldAlert: q([
|
|
711
|
+
["path", {
|
|
712
|
+
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",
|
|
713
|
+
key: "oel41y"
|
|
714
|
+
}],
|
|
715
|
+
["path", {
|
|
716
|
+
d: "M12 8v4",
|
|
717
|
+
key: "1got3b"
|
|
718
|
+
}],
|
|
719
|
+
["path", {
|
|
720
|
+
d: "M12 16h.01",
|
|
721
|
+
key: "1drbdi"
|
|
722
|
+
}]
|
|
723
|
+
]),
|
|
724
|
+
IconShieldCheck: q([["path", {
|
|
725
|
+
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",
|
|
726
|
+
key: "oel41y"
|
|
727
|
+
}], ["path", {
|
|
728
|
+
d: "m9 12 2 2 4-4",
|
|
729
|
+
key: "dzmm74"
|
|
730
|
+
}]]),
|
|
731
|
+
IconSmartphone: q([["rect", {
|
|
732
|
+
width: "14",
|
|
733
|
+
height: "20",
|
|
734
|
+
x: "5",
|
|
735
|
+
y: "2",
|
|
736
|
+
rx: "2",
|
|
737
|
+
ry: "2",
|
|
738
|
+
key: "1yt0o3"
|
|
739
|
+
}], ["path", {
|
|
740
|
+
d: "M12 18h.01",
|
|
741
|
+
key: "mhygvu"
|
|
742
|
+
}]]),
|
|
743
|
+
IconSparkles: q([
|
|
744
|
+
["path", {
|
|
745
|
+
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",
|
|
746
|
+
key: "1s2grr"
|
|
747
|
+
}],
|
|
748
|
+
["path", {
|
|
749
|
+
d: "M20 2v4",
|
|
750
|
+
key: "1rf3ol"
|
|
751
|
+
}],
|
|
752
|
+
["path", {
|
|
753
|
+
d: "M22 4h-4",
|
|
754
|
+
key: "gwowj6"
|
|
755
|
+
}],
|
|
756
|
+
["circle", {
|
|
757
|
+
cx: "4",
|
|
758
|
+
cy: "20",
|
|
759
|
+
r: "2",
|
|
760
|
+
key: "6kqj1y"
|
|
761
|
+
}]
|
|
762
|
+
]),
|
|
763
|
+
IconTable2: q([["path", {
|
|
764
|
+
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",
|
|
765
|
+
key: "gugj83"
|
|
766
|
+
}]]),
|
|
767
|
+
IconThermometer: q([["path", {
|
|
768
|
+
d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
|
|
769
|
+
key: "17jzev"
|
|
770
|
+
}]]),
|
|
771
|
+
IconTrendingUp: q([["path", {
|
|
772
|
+
d: "M16 7h6v6",
|
|
773
|
+
key: "box55l"
|
|
774
|
+
}], ["path", {
|
|
775
|
+
d: "m22 7-8.5 8.5-5-5L2 17",
|
|
776
|
+
key: "1t1m79"
|
|
777
|
+
}]]),
|
|
778
|
+
IconUserCheck: q([
|
|
779
|
+
["path", {
|
|
780
|
+
d: "m16 11 2 2 4-4",
|
|
781
|
+
key: "9rsbq5"
|
|
782
|
+
}],
|
|
783
|
+
["path", {
|
|
784
|
+
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
785
|
+
key: "1yyitq"
|
|
786
|
+
}],
|
|
787
|
+
["circle", {
|
|
788
|
+
cx: "9",
|
|
789
|
+
cy: "7",
|
|
790
|
+
r: "4",
|
|
791
|
+
key: "nufk8"
|
|
792
|
+
}]
|
|
793
|
+
]),
|
|
794
|
+
IconUserRound: q([["circle", {
|
|
795
|
+
cx: "12",
|
|
796
|
+
cy: "8",
|
|
797
|
+
r: "5",
|
|
798
|
+
key: "1hypcn"
|
|
799
|
+
}], ["path", {
|
|
800
|
+
d: "M20 21a8 8 0 0 0-16 0",
|
|
801
|
+
key: "rfgkzh"
|
|
802
|
+
}]]),
|
|
803
|
+
IconUsers: q([
|
|
804
|
+
["path", {
|
|
805
|
+
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
806
|
+
key: "1yyitq"
|
|
807
|
+
}],
|
|
808
|
+
["path", {
|
|
809
|
+
d: "M16 3.128a4 4 0 0 1 0 7.744",
|
|
810
|
+
key: "16gr8j"
|
|
811
|
+
}],
|
|
812
|
+
["path", {
|
|
813
|
+
d: "M22 21v-2a4 4 0 0 0-3-3.87",
|
|
814
|
+
key: "kshegd"
|
|
815
|
+
}],
|
|
816
|
+
["circle", {
|
|
817
|
+
cx: "9",
|
|
818
|
+
cy: "7",
|
|
819
|
+
r: "4",
|
|
820
|
+
key: "nufk8"
|
|
821
|
+
}]
|
|
822
|
+
]),
|
|
823
|
+
IconUserX: q([
|
|
824
|
+
["path", {
|
|
825
|
+
d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
|
|
826
|
+
key: "1yyitq"
|
|
827
|
+
}],
|
|
828
|
+
["circle", {
|
|
829
|
+
cx: "9",
|
|
830
|
+
cy: "7",
|
|
831
|
+
r: "4",
|
|
832
|
+
key: "nufk8"
|
|
833
|
+
}],
|
|
834
|
+
["line", {
|
|
835
|
+
x1: "17",
|
|
836
|
+
x2: "22",
|
|
837
|
+
y1: "8",
|
|
838
|
+
y2: "13",
|
|
839
|
+
key: "3nzzx3"
|
|
840
|
+
}],
|
|
841
|
+
["line", {
|
|
842
|
+
x1: "22",
|
|
843
|
+
x2: "17",
|
|
844
|
+
y1: "8",
|
|
845
|
+
y2: "13",
|
|
846
|
+
key: "1swrse"
|
|
847
|
+
}]
|
|
848
|
+
]),
|
|
849
|
+
IconVideo: q([["path", {
|
|
850
|
+
d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
|
|
851
|
+
key: "ftymec"
|
|
852
|
+
}], ["rect", {
|
|
853
|
+
x: "2",
|
|
854
|
+
y: "6",
|
|
855
|
+
width: "14",
|
|
856
|
+
height: "12",
|
|
857
|
+
rx: "2",
|
|
858
|
+
key: "158x01"
|
|
859
|
+
}]]),
|
|
860
|
+
IconVideoOff: q([
|
|
861
|
+
["path", {
|
|
862
|
+
d: "M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196",
|
|
863
|
+
key: "w8jjjt"
|
|
864
|
+
}],
|
|
865
|
+
["path", {
|
|
866
|
+
d: "M16 16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2",
|
|
867
|
+
key: "1xawa7"
|
|
868
|
+
}],
|
|
869
|
+
["path", {
|
|
870
|
+
d: "m2 2 20 20",
|
|
871
|
+
key: "1ooewy"
|
|
872
|
+
}]
|
|
873
|
+
]),
|
|
874
|
+
IconVolume2: q([
|
|
875
|
+
["path", {
|
|
876
|
+
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",
|
|
877
|
+
key: "uqj9uw"
|
|
878
|
+
}],
|
|
879
|
+
["path", {
|
|
880
|
+
d: "M16 9a5 5 0 0 1 0 6",
|
|
881
|
+
key: "1q6k2b"
|
|
882
|
+
}],
|
|
883
|
+
["path", {
|
|
884
|
+
d: "M19.364 18.364a9 9 0 0 0 0-12.728",
|
|
885
|
+
key: "ijwkga"
|
|
886
|
+
}]
|
|
887
|
+
]),
|
|
888
|
+
IconX: q([["path", {
|
|
889
|
+
d: "M18 6 6 18",
|
|
890
|
+
key: "1bl5f8"
|
|
891
|
+
}], ["path", {
|
|
892
|
+
d: "m6 6 12 12",
|
|
893
|
+
key: "d8bk6v"
|
|
894
|
+
}]]),
|
|
895
|
+
IconBasket: j,
|
|
896
|
+
IconCheck: M,
|
|
897
|
+
IconChevron: N,
|
|
898
|
+
IconCross: P,
|
|
899
|
+
IconEdit: F,
|
|
900
|
+
IconErrorCircle: I,
|
|
901
|
+
IconEye: L,
|
|
902
|
+
IconEyeOff: R,
|
|
903
|
+
IconInfo: z,
|
|
904
|
+
IconInfoCircle: B,
|
|
905
|
+
IconMinus: te,
|
|
906
|
+
IconPause: V,
|
|
907
|
+
IconPictureInPicture: H,
|
|
908
|
+
IconPlay: U,
|
|
909
|
+
IconReplay: W,
|
|
910
|
+
IconSettings: ne,
|
|
911
|
+
IconFullscreen: G,
|
|
912
|
+
IconFullscreenExit: re,
|
|
913
|
+
IconCaptions: ie,
|
|
914
|
+
IconVolume: ae,
|
|
915
|
+
IconVolumeMuted: oe,
|
|
916
|
+
IconSort: se,
|
|
917
|
+
IconSortAscending: K,
|
|
918
|
+
IconSortDescending: ce,
|
|
919
|
+
IconSuccessCircle: le,
|
|
920
|
+
IconUpload: ue,
|
|
921
|
+
IconWarning: de
|
|
922
|
+
}, J = ({ name: e, ...n }) => {
|
|
923
|
+
let r = fe[e];
|
|
265
924
|
return /* @__PURE__ */ t(r, { ...n });
|
|
266
|
-
},
|
|
925
|
+
}, pe = {
|
|
267
926
|
wrapper: "_wrapper_1seon_1",
|
|
268
927
|
label: "_label_1seon_13",
|
|
269
928
|
input: "_input_1seon_35",
|
|
270
929
|
control: "_control_1seon_49",
|
|
271
930
|
disabled: "_disabled_1seon_95",
|
|
272
931
|
controlError: "_controlError_1seon_121"
|
|
273
|
-
},
|
|
274
|
-
let _ =
|
|
275
|
-
return
|
|
932
|
+
}, me = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: s = !1, readOnly: c = !1, className: l = "", name: f, id: p, indeterminate: h = !1, ...g }) => {
|
|
933
|
+
let _ = d(), v = p ?? `ds-checkbox-${f ?? _}`, y = m(null), b = a ? `${v}-hint` : void 0, x = o ? `${v}-error` : void 0;
|
|
934
|
+
return u(() => {
|
|
276
935
|
y.current && (y.current.indeterminate = h && !e);
|
|
277
936
|
}, [e, h]), /* @__PURE__ */ n("div", {
|
|
278
|
-
className: `${
|
|
937
|
+
className: `${pe.wrapper} ${l}`,
|
|
279
938
|
children: [
|
|
280
939
|
/* @__PURE__ */ n("label", {
|
|
281
|
-
className: `${
|
|
940
|
+
className: `${pe.label} ${s ? pe.disabled : ""}`,
|
|
282
941
|
htmlFor: v,
|
|
283
942
|
children: [
|
|
284
943
|
/* @__PURE__ */ t("input", {
|
|
@@ -291,20 +950,20 @@ var E = {
|
|
|
291
950
|
"aria-readonly": c || void 0,
|
|
292
951
|
"aria-invalid": !!o,
|
|
293
952
|
"aria-describedby": [b, x].filter(Boolean).join(" ") || void 0,
|
|
294
|
-
className:
|
|
953
|
+
className: pe.input,
|
|
295
954
|
onChange: (e) => {
|
|
296
955
|
c || r?.(e.target.checked, e);
|
|
297
956
|
},
|
|
298
957
|
...g
|
|
299
958
|
}),
|
|
300
959
|
/* @__PURE__ */ n("span", {
|
|
301
|
-
className: `${
|
|
960
|
+
className: `${pe.control} ${o ? pe.controlError : ""}`,
|
|
302
961
|
"aria-hidden": "true",
|
|
303
|
-
children: [h && !e && /* @__PURE__ */ t(
|
|
962
|
+
children: [h && !e && /* @__PURE__ */ t(J, {
|
|
304
963
|
name: "IconMinus",
|
|
305
964
|
width: 16,
|
|
306
965
|
height: 16
|
|
307
|
-
}), e && /* @__PURE__ */ t(
|
|
966
|
+
}), e && /* @__PURE__ */ t(J, {
|
|
308
967
|
name: "IconCheck",
|
|
309
968
|
width: 16,
|
|
310
969
|
height: 16
|
|
@@ -313,18 +972,18 @@ var E = {
|
|
|
313
972
|
i && /* @__PURE__ */ t("span", { children: i })
|
|
314
973
|
]
|
|
315
974
|
}),
|
|
316
|
-
a && !o && /* @__PURE__ */ t(
|
|
975
|
+
a && !o && /* @__PURE__ */ t(k, {
|
|
317
976
|
id: b,
|
|
318
977
|
children: a
|
|
319
978
|
}),
|
|
320
|
-
o && /* @__PURE__ */ t(
|
|
979
|
+
o && /* @__PURE__ */ t(k, {
|
|
321
980
|
id: x,
|
|
322
981
|
variant: "error",
|
|
323
982
|
children: o
|
|
324
983
|
})
|
|
325
984
|
]
|
|
326
985
|
});
|
|
327
|
-
},
|
|
986
|
+
}, Y = {
|
|
328
987
|
wrapper: "_wrapper_su17c_1",
|
|
329
988
|
trigger: "_trigger_su17c_17",
|
|
330
989
|
sm: "_sm_su17c_53",
|
|
@@ -355,7 +1014,7 @@ var E = {
|
|
|
355
1014
|
timeLabel: "_timeLabel_su17c_533",
|
|
356
1015
|
previousMonth: "_previousMonth_su17c_593",
|
|
357
1016
|
nextMonth: "_nextMonth_su17c_601"
|
|
358
|
-
},
|
|
1017
|
+
}, he = [
|
|
359
1018
|
"Пн",
|
|
360
1019
|
"Вт",
|
|
361
1020
|
"Ср",
|
|
@@ -363,7 +1022,7 @@ var E = {
|
|
|
363
1022
|
"Пт",
|
|
364
1023
|
"Сб",
|
|
365
1024
|
"Вс"
|
|
366
|
-
],
|
|
1025
|
+
], ge = [
|
|
367
1026
|
"Январь",
|
|
368
1027
|
"Февраль",
|
|
369
1028
|
"Март",
|
|
@@ -376,33 +1035,33 @@ var E = {
|
|
|
376
1035
|
"Октябрь",
|
|
377
1036
|
"Ноябрь",
|
|
378
1037
|
"Декабрь"
|
|
379
|
-
],
|
|
380
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1038
|
+
], _e = (e) => String(e).padStart(2, "0"), ve = 8, ye = "Некорректная дата", be = (e) => e ? `${_e(e.getDate())}.${_e(e.getMonth() + 1)}.${e.getFullYear()}` : "", xe = (e) => {
|
|
1039
|
+
let t = e.replace(/\D/g, "").slice(0, ve);
|
|
381
1040
|
return [
|
|
382
1041
|
t.slice(0, 2),
|
|
383
1042
|
t.slice(2, 4),
|
|
384
1043
|
t.slice(4, 8)
|
|
385
1044
|
].filter(Boolean).join(".");
|
|
386
|
-
},
|
|
1045
|
+
}, Se = (e) => {
|
|
387
1046
|
if (!e) return !0;
|
|
388
1047
|
let t = Number(e.padEnd(4, "0"));
|
|
389
1048
|
return Number(e.padEnd(4, "9")) >= 1800 && t <= 2500;
|
|
390
|
-
},
|
|
1049
|
+
}, Ce = (e) => {
|
|
391
1050
|
if (!/^\d{0,8}$/.test(e)) return !1;
|
|
392
1051
|
let t = e.slice(0, 2), n = e.slice(2, 4), r = e.slice(4, 8);
|
|
393
|
-
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 :
|
|
394
|
-
},
|
|
1052
|
+
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 : Se(r);
|
|
1053
|
+
}, we = (e) => {
|
|
395
1054
|
let t = /^(\d{2})\.(\d{2})\.(\d{4})$/.exec(e);
|
|
396
1055
|
if (!t) return null;
|
|
397
1056
|
let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]);
|
|
398
1057
|
if (i < 1800 || i > 2500) return null;
|
|
399
1058
|
let a = new Date(i, r, n, 12);
|
|
400
1059
|
return a.getFullYear() !== i || a.getMonth() !== r || a.getDate() !== n ? null : a;
|
|
401
|
-
},
|
|
1060
|
+
}, Te = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Ee = (e, t) => {
|
|
402
1061
|
if (!e) return "";
|
|
403
|
-
let n = `${e.getFullYear()}-${
|
|
1062
|
+
let n = `${e.getFullYear()}-${_e(e.getMonth() + 1)}-${_e(e.getDate())}`, r = `${_e(e.getHours())}:${_e(e.getMinutes())}`;
|
|
404
1063
|
return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
|
|
405
|
-
},
|
|
1064
|
+
}, De = (e, t) => {
|
|
406
1065
|
if (!e) return null;
|
|
407
1066
|
if (t === "time") {
|
|
408
1067
|
let t = /^(\d{2}):(\d{2})$/.exec(e);
|
|
@@ -420,244 +1079,244 @@ var E = {
|
|
|
420
1079
|
}
|
|
421
1080
|
let n = new Date(e);
|
|
422
1081
|
return Number.isNaN(n.getTime()) ? null : n;
|
|
423
|
-
},
|
|
1082
|
+
}, Oe = (e, t) => {
|
|
424
1083
|
if (!e) return "";
|
|
425
|
-
let n = `${
|
|
1084
|
+
let n = `${_e(e.getDate())}.${_e(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${_e(e.getHours())}:${_e(e.getMinutes())}`;
|
|
426
1085
|
return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
|
|
427
|
-
},
|
|
1086
|
+
}, ke = (e) => {
|
|
428
1087
|
let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
|
|
429
1088
|
return r.setDate(t.getDate() - n), Array.from({ length: 42 }, (e, t) => {
|
|
430
1089
|
let n = new Date(r);
|
|
431
1090
|
return n.setDate(r.getDate() + t), n;
|
|
432
1091
|
});
|
|
433
|
-
},
|
|
434
|
-
let r =
|
|
435
|
-
return !!(t && r <
|
|
436
|
-
},
|
|
437
|
-
let
|
|
438
|
-
|
|
439
|
-
r &&
|
|
440
|
-
}, [r]),
|
|
441
|
-
|
|
1092
|
+
}, Ae = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), je = (e, t, n) => {
|
|
1093
|
+
let r = Te(e).getTime();
|
|
1094
|
+
return !!(t && r < Te(t).getTime() || n && r > Te(n).getTime());
|
|
1095
|
+
}, Me = 8, Ne = 6, Pe = ({ value: r, onChange: i, mode: a = "date", label: o, placeholder: s, hint: l, error: _, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: E = "" }) => {
|
|
1096
|
+
let D = d(), O = w ?? `ds-date-time-${T ?? D}`, A = l ? `${O}-hint` : void 0, j = _ ? `${O}-error` : void 0, M = m(null), N = m(null), P = m(null), F = m(null), [I, L] = h(!1), [R, z] = h(r ?? /* @__PURE__ */ new Date()), [B, te] = h(Ee(r, "time")), [V, H] = h(be(r)), [U, W] = h(""), [ne, G] = h(0), [re, ie] = h(null), ae = p(() => ke(R), [R]), oe = a !== "time", se = a !== "date";
|
|
1097
|
+
u(() => {
|
|
1098
|
+
r && z(r), te(Ee(r, "time")), H(be(r));
|
|
1099
|
+
}, [r]), u(() => () => {
|
|
1100
|
+
F.current && clearTimeout(F.current);
|
|
442
1101
|
}, []);
|
|
443
|
-
let
|
|
444
|
-
let e =
|
|
1102
|
+
let K = c(() => {
|
|
1103
|
+
let e = N.current, t = P.current;
|
|
445
1104
|
if (!e || !t) return;
|
|
446
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
447
|
-
|
|
1105
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - Me, o = n.top - Me, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(Me, n.top - r.height - Ne) : n.bottom + Ne, u = n.left, d = i - r.width - Me;
|
|
1106
|
+
ie({
|
|
448
1107
|
top: l,
|
|
449
|
-
left: Math.max(
|
|
1108
|
+
left: Math.max(Me, Math.min(u, d)),
|
|
450
1109
|
maxHeight: c
|
|
451
1110
|
});
|
|
452
1111
|
}, []);
|
|
453
|
-
|
|
454
|
-
if (!
|
|
455
|
-
|
|
1112
|
+
f(() => {
|
|
1113
|
+
if (!I) {
|
|
1114
|
+
ie(null);
|
|
456
1115
|
return;
|
|
457
1116
|
}
|
|
458
|
-
return
|
|
459
|
-
window.removeEventListener("resize",
|
|
1117
|
+
return K(), window.addEventListener("resize", K), window.addEventListener("scroll", K, !0), () => {
|
|
1118
|
+
window.removeEventListener("resize", K), window.removeEventListener("scroll", K, !0);
|
|
460
1119
|
};
|
|
461
1120
|
}, [
|
|
1121
|
+
I,
|
|
462
1122
|
K,
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
if (!K) return;
|
|
1123
|
+
R,
|
|
1124
|
+
B
|
|
1125
|
+
]), u(() => {
|
|
1126
|
+
if (!I) return;
|
|
468
1127
|
let e = (e) => {
|
|
469
|
-
let t = e.target, n = M.current?.contains(t), r =
|
|
470
|
-
!n && !r &&
|
|
1128
|
+
let t = e.target, n = M.current?.contains(t), r = P.current?.contains(t);
|
|
1129
|
+
!n && !r && L(!1);
|
|
471
1130
|
}, t = (e) => {
|
|
472
|
-
e.key === "Escape" && (
|
|
1131
|
+
e.key === "Escape" && (L(!1), N.current?.focus());
|
|
473
1132
|
};
|
|
474
1133
|
return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
|
|
475
1134
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
476
1135
|
};
|
|
477
|
-
}, [
|
|
478
|
-
let
|
|
479
|
-
if (
|
|
480
|
-
let t = a === "date" ?
|
|
481
|
-
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t),
|
|
482
|
-
},
|
|
483
|
-
|
|
484
|
-
|
|
1136
|
+
}, [I]);
|
|
1137
|
+
let ce = (e) => {
|
|
1138
|
+
if (je(e, x, S)) return;
|
|
1139
|
+
let t = a === "date" ? De(Ee(e, "date"), "date") : new Date(e);
|
|
1140
|
+
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(be(t)), a === "date" && L(!1));
|
|
1141
|
+
}, le = () => {
|
|
1142
|
+
W(ye), G((e) => e + 1), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
|
|
1143
|
+
W(""), F.current = null;
|
|
485
1144
|
}, 3e3);
|
|
486
|
-
},
|
|
487
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
488
|
-
if (!
|
|
489
|
-
|
|
1145
|
+
}, ue = (e) => {
|
|
1146
|
+
let t = e.replace(/\D/g, "").slice(0, ve);
|
|
1147
|
+
if (!Ce(t)) {
|
|
1148
|
+
le();
|
|
490
1149
|
return;
|
|
491
1150
|
}
|
|
492
|
-
let n =
|
|
493
|
-
if (
|
|
1151
|
+
let n = xe(t);
|
|
1152
|
+
if (H(n), !t) {
|
|
494
1153
|
i?.(null);
|
|
495
1154
|
return;
|
|
496
1155
|
}
|
|
497
|
-
if (t.length <
|
|
498
|
-
let o =
|
|
499
|
-
if (!o ||
|
|
500
|
-
|
|
1156
|
+
if (t.length < ve) return;
|
|
1157
|
+
let o = we(n);
|
|
1158
|
+
if (!o || je(o, x, S)) {
|
|
1159
|
+
le();
|
|
501
1160
|
return;
|
|
502
1161
|
}
|
|
503
|
-
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o),
|
|
504
|
-
},
|
|
505
|
-
if (
|
|
1162
|
+
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o), z(o), L(!1), requestAnimationFrame(() => N.current?.blur());
|
|
1163
|
+
}, de = (e) => {
|
|
1164
|
+
if (te(e), !e) {
|
|
506
1165
|
i?.(null);
|
|
507
1166
|
return;
|
|
508
1167
|
}
|
|
509
|
-
let t =
|
|
1168
|
+
let t = De(e, "time");
|
|
510
1169
|
if (!t) return;
|
|
511
|
-
let n = new Date(a === "datetime" ? r ??
|
|
1170
|
+
let n = new Date(a === "datetime" ? r ?? R : /* @__PURE__ */ new Date());
|
|
512
1171
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
513
|
-
},
|
|
514
|
-
|
|
1172
|
+
}, q = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), fe = U ? `${O}-validation` : void 0, pe = [
|
|
1173
|
+
A,
|
|
515
1174
|
j,
|
|
516
|
-
|
|
517
|
-
].filter(Boolean).join(" ") || void 0,
|
|
518
|
-
ref:
|
|
519
|
-
className:
|
|
1175
|
+
fe
|
|
1176
|
+
].filter(Boolean).join(" ") || void 0, me = I && !y ? /* @__PURE__ */ n("div", {
|
|
1177
|
+
ref: P,
|
|
1178
|
+
className: Y.panel,
|
|
520
1179
|
role: "dialog",
|
|
521
|
-
"aria-label": o ??
|
|
522
|
-
style:
|
|
523
|
-
top:
|
|
524
|
-
left:
|
|
525
|
-
maxHeight:
|
|
1180
|
+
"aria-label": o ?? q,
|
|
1181
|
+
style: re ? {
|
|
1182
|
+
top: re.top,
|
|
1183
|
+
left: re.left,
|
|
1184
|
+
maxHeight: re.maxHeight
|
|
526
1185
|
} : {
|
|
527
1186
|
visibility: "hidden",
|
|
528
1187
|
top: 0,
|
|
529
1188
|
left: 0
|
|
530
1189
|
},
|
|
531
|
-
children: [
|
|
1190
|
+
children: [oe && /* @__PURE__ */ n(e, { children: [
|
|
532
1191
|
/* @__PURE__ */ n("div", {
|
|
533
|
-
className:
|
|
1192
|
+
className: Y.calendarHeader,
|
|
534
1193
|
children: [
|
|
535
1194
|
/* @__PURE__ */ t("button", {
|
|
536
1195
|
type: "button",
|
|
537
|
-
className:
|
|
1196
|
+
className: Y.nav,
|
|
538
1197
|
"aria-label": "Предыдущий месяц",
|
|
539
|
-
onClick: () =>
|
|
540
|
-
children: /* @__PURE__ */ t(
|
|
1198
|
+
onClick: () => z(new Date(R.getFullYear(), R.getMonth() - 1, 1)),
|
|
1199
|
+
children: /* @__PURE__ */ t(J, {
|
|
541
1200
|
name: "IconChevron",
|
|
542
1201
|
width: 20,
|
|
543
1202
|
height: 20,
|
|
544
|
-
className:
|
|
1203
|
+
className: Y.previousMonth
|
|
545
1204
|
})
|
|
546
1205
|
}),
|
|
547
1206
|
/* @__PURE__ */ t("select", {
|
|
548
|
-
className:
|
|
1207
|
+
className: Y.monthSelect,
|
|
549
1208
|
"aria-label": "Месяц",
|
|
550
|
-
value:
|
|
551
|
-
onChange: (e) =>
|
|
552
|
-
children:
|
|
1209
|
+
value: R.getMonth(),
|
|
1210
|
+
onChange: (e) => z(new Date(R.getFullYear(), Number(e.target.value), 1)),
|
|
1211
|
+
children: ge.map((e, n) => /* @__PURE__ */ t("option", {
|
|
553
1212
|
value: n,
|
|
554
1213
|
children: e
|
|
555
1214
|
}, e))
|
|
556
1215
|
}),
|
|
557
1216
|
/* @__PURE__ */ t("input", {
|
|
558
|
-
className:
|
|
1217
|
+
className: Y.yearInput,
|
|
559
1218
|
type: "number",
|
|
560
1219
|
"aria-label": "Год",
|
|
561
|
-
value:
|
|
562
|
-
onChange: (e) =>
|
|
1220
|
+
value: R.getFullYear(),
|
|
1221
|
+
onChange: (e) => z(new Date(Number(e.target.value), R.getMonth(), 1))
|
|
563
1222
|
}),
|
|
564
1223
|
/* @__PURE__ */ t("button", {
|
|
565
1224
|
type: "button",
|
|
566
|
-
className:
|
|
1225
|
+
className: Y.nav,
|
|
567
1226
|
"aria-label": "Следующий месяц",
|
|
568
|
-
onClick: () =>
|
|
569
|
-
children: /* @__PURE__ */ t(
|
|
1227
|
+
onClick: () => z(new Date(R.getFullYear(), R.getMonth() + 1, 1)),
|
|
1228
|
+
children: /* @__PURE__ */ t(J, {
|
|
570
1229
|
name: "IconChevron",
|
|
571
1230
|
width: 20,
|
|
572
1231
|
height: 20,
|
|
573
|
-
className:
|
|
1232
|
+
className: Y.nextMonth
|
|
574
1233
|
})
|
|
575
1234
|
})
|
|
576
1235
|
]
|
|
577
1236
|
}),
|
|
578
1237
|
/* @__PURE__ */ t("div", {
|
|
579
|
-
className:
|
|
580
|
-
children:
|
|
1238
|
+
className: Y.weekdays,
|
|
1239
|
+
children: he.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
|
|
581
1240
|
}),
|
|
582
1241
|
/* @__PURE__ */ t("div", {
|
|
583
|
-
className:
|
|
584
|
-
children:
|
|
585
|
-
let n =
|
|
1242
|
+
className: Y.days,
|
|
1243
|
+
children: ae.map((e) => {
|
|
1244
|
+
let n = Ae(r, e);
|
|
586
1245
|
return /* @__PURE__ */ t("button", {
|
|
587
1246
|
type: "button",
|
|
588
|
-
className: `${
|
|
589
|
-
disabled:
|
|
1247
|
+
className: `${Y.day} ${e.getMonth() === R.getMonth() ? "" : Y.outside} ${n ? Y.selected : ""}`,
|
|
1248
|
+
disabled: je(e, x, S),
|
|
590
1249
|
"aria-pressed": n,
|
|
591
|
-
onClick: () =>
|
|
1250
|
+
onClick: () => ce(e),
|
|
592
1251
|
children: e.getDate()
|
|
593
1252
|
}, e.toISOString());
|
|
594
1253
|
})
|
|
595
1254
|
})
|
|
596
|
-
] }),
|
|
597
|
-
className:
|
|
1255
|
+
] }), se && /* @__PURE__ */ n("label", {
|
|
1256
|
+
className: Y.timeLabel,
|
|
598
1257
|
children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
|
|
599
|
-
className:
|
|
1258
|
+
className: Y.timeInput,
|
|
600
1259
|
type: "time",
|
|
601
|
-
value:
|
|
602
|
-
onChange: (e) =>
|
|
1260
|
+
value: B,
|
|
1261
|
+
onChange: (e) => de(e.target.value)
|
|
603
1262
|
})]
|
|
604
1263
|
})]
|
|
605
1264
|
}) : null;
|
|
606
1265
|
return /* @__PURE__ */ n("div", {
|
|
607
1266
|
ref: M,
|
|
608
|
-
className: `${
|
|
1267
|
+
className: `${Y.wrapper} ${E}`,
|
|
609
1268
|
children: [
|
|
610
|
-
o && /* @__PURE__ */ t(
|
|
1269
|
+
o && /* @__PURE__ */ t(ee, {
|
|
611
1270
|
htmlFor: O,
|
|
612
1271
|
required: b,
|
|
613
1272
|
disabled: v,
|
|
614
1273
|
children: o
|
|
615
1274
|
}),
|
|
616
|
-
|
|
617
|
-
className: `${
|
|
1275
|
+
oe ? /* @__PURE__ */ n("div", {
|
|
1276
|
+
className: `${Y.trigger} ${Y[C]} ${_ ? Y.error : ""} ${v ? Y.disabled : ""}`,
|
|
618
1277
|
children: [
|
|
619
1278
|
/* @__PURE__ */ t("input", {
|
|
620
|
-
ref:
|
|
1279
|
+
ref: N,
|
|
621
1280
|
id: O,
|
|
622
|
-
name:
|
|
623
|
-
className:
|
|
624
|
-
value:
|
|
625
|
-
placeholder:
|
|
1281
|
+
name: T,
|
|
1282
|
+
className: Y.dateInput,
|
|
1283
|
+
value: V,
|
|
1284
|
+
placeholder: q.split(" ")[0],
|
|
626
1285
|
inputMode: "numeric",
|
|
627
1286
|
autoComplete: "off",
|
|
628
1287
|
maxLength: 10,
|
|
629
1288
|
disabled: v,
|
|
630
1289
|
readOnly: y,
|
|
631
|
-
"aria-expanded":
|
|
1290
|
+
"aria-expanded": I,
|
|
632
1291
|
"aria-haspopup": "dialog",
|
|
633
|
-
"aria-describedby":
|
|
634
|
-
"aria-invalid": !!(_ ||
|
|
1292
|
+
"aria-describedby": pe,
|
|
1293
|
+
"aria-invalid": !!(_ || U) || void 0,
|
|
635
1294
|
onFocus: () => {
|
|
636
|
-
y ||
|
|
1295
|
+
y || L(!0);
|
|
637
1296
|
},
|
|
638
1297
|
onClick: () => {
|
|
639
|
-
y ||
|
|
1298
|
+
y || L(!0);
|
|
640
1299
|
},
|
|
641
|
-
onChange: (e) =>
|
|
1300
|
+
onChange: (e) => ue(e.target.value)
|
|
642
1301
|
}),
|
|
643
|
-
a === "datetime" &&
|
|
644
|
-
className:
|
|
645
|
-
children:
|
|
1302
|
+
a === "datetime" && B && /* @__PURE__ */ t("span", {
|
|
1303
|
+
className: Y.timeValue,
|
|
1304
|
+
children: B
|
|
646
1305
|
}),
|
|
647
1306
|
/* @__PURE__ */ t("button", {
|
|
648
1307
|
type: "button",
|
|
649
|
-
className:
|
|
1308
|
+
className: Y.chevronButton,
|
|
650
1309
|
disabled: v || y,
|
|
651
|
-
"aria-label":
|
|
1310
|
+
"aria-label": I ? "Закрыть календарь" : "Открыть календарь",
|
|
652
1311
|
tabIndex: -1,
|
|
653
1312
|
onMouseDown: (e) => e.preventDefault(),
|
|
654
1313
|
onClick: () => {
|
|
655
|
-
|
|
1314
|
+
L((e) => !e), N.current?.focus();
|
|
656
1315
|
},
|
|
657
1316
|
children: /* @__PURE__ */ t("span", {
|
|
658
|
-
className: `${
|
|
1317
|
+
className: `${Y.chevron} ${me ? Y.chevronOpen : ""}`,
|
|
659
1318
|
"aria-hidden": "true",
|
|
660
|
-
children: /* @__PURE__ */ t(
|
|
1319
|
+
children: /* @__PURE__ */ t(J, {
|
|
661
1320
|
name: "IconChevron",
|
|
662
1321
|
width: 20,
|
|
663
1322
|
height: 20
|
|
@@ -666,64 +1325,64 @@ var E = {
|
|
|
666
1325
|
})
|
|
667
1326
|
]
|
|
668
1327
|
}) : /* @__PURE__ */ n("button", {
|
|
669
|
-
ref:
|
|
1328
|
+
ref: N,
|
|
670
1329
|
id: O,
|
|
671
|
-
name:
|
|
1330
|
+
name: T,
|
|
672
1331
|
type: "button",
|
|
673
|
-
className: `${
|
|
1332
|
+
className: `${Y.trigger} ${Y[C]} ${_ ? Y.error : ""}`,
|
|
674
1333
|
disabled: v,
|
|
675
1334
|
"aria-readonly": y || void 0,
|
|
676
|
-
"aria-expanded":
|
|
1335
|
+
"aria-expanded": I,
|
|
677
1336
|
"aria-haspopup": "dialog",
|
|
678
|
-
"aria-describedby":
|
|
1337
|
+
"aria-describedby": pe,
|
|
679
1338
|
onClick: () => {
|
|
680
|
-
y ||
|
|
1339
|
+
y || L((e) => !e);
|
|
681
1340
|
},
|
|
682
1341
|
children: [/* @__PURE__ */ t("span", {
|
|
683
|
-
className: r ?
|
|
684
|
-
children:
|
|
1342
|
+
className: r ? Y.value : Y.placeholder,
|
|
1343
|
+
children: Oe(r, a) || q
|
|
685
1344
|
}), /* @__PURE__ */ t("span", {
|
|
686
|
-
className: `${
|
|
1345
|
+
className: `${Y.chevron} ${me ? Y.chevronOpen : ""}`,
|
|
687
1346
|
"aria-hidden": "true",
|
|
688
|
-
children: /* @__PURE__ */ t(
|
|
1347
|
+
children: /* @__PURE__ */ t(J, {
|
|
689
1348
|
name: "IconChevron",
|
|
690
1349
|
width: 20,
|
|
691
1350
|
height: 20
|
|
692
1351
|
})
|
|
693
1352
|
})]
|
|
694
1353
|
}),
|
|
695
|
-
|
|
696
|
-
id:
|
|
697
|
-
className:
|
|
1354
|
+
U && /* @__PURE__ */ t("span", {
|
|
1355
|
+
id: fe,
|
|
1356
|
+
className: Y.validationTooltip,
|
|
698
1357
|
role: "status",
|
|
699
1358
|
"aria-live": "polite",
|
|
700
|
-
children:
|
|
701
|
-
},
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
id:
|
|
705
|
-
children:
|
|
1359
|
+
children: U
|
|
1360
|
+
}, ne),
|
|
1361
|
+
me && g(me, document.body),
|
|
1362
|
+
l && !_ && /* @__PURE__ */ t(k, {
|
|
1363
|
+
id: A,
|
|
1364
|
+
children: l
|
|
706
1365
|
}),
|
|
707
|
-
_ && /* @__PURE__ */ t(
|
|
1366
|
+
_ && /* @__PURE__ */ t(k, {
|
|
708
1367
|
id: j,
|
|
709
1368
|
variant: "error",
|
|
710
1369
|
children: _
|
|
711
1370
|
})
|
|
712
1371
|
]
|
|
713
1372
|
});
|
|
714
|
-
},
|
|
1373
|
+
}, Fe = {
|
|
715
1374
|
root: "_root_19vq2_1",
|
|
716
1375
|
range: "_range_19vq2_21"
|
|
717
|
-
},
|
|
1376
|
+
}, Ie = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), Le = ({ 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 = "" }) => {
|
|
718
1377
|
let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
|
|
719
|
-
i?.(e),
|
|
1378
|
+
i?.(e), Ie(e) && r?.(e);
|
|
720
1379
|
};
|
|
721
1380
|
return /* @__PURE__ */ n("fieldset", {
|
|
722
|
-
className: `${
|
|
1381
|
+
className: `${Fe.root} ${h}`,
|
|
723
1382
|
disabled: f,
|
|
724
1383
|
children: [/* @__PURE__ */ n("div", {
|
|
725
|
-
className:
|
|
726
|
-
children: [/* @__PURE__ */ t(
|
|
1384
|
+
className: Fe.range,
|
|
1385
|
+
children: [/* @__PURE__ */ t(Pe, {
|
|
727
1386
|
value: e.from,
|
|
728
1387
|
mode: a === "datetime" ? "datetime" : a,
|
|
729
1388
|
label: o,
|
|
@@ -737,7 +1396,7 @@ var E = {
|
|
|
737
1396
|
...e,
|
|
738
1397
|
from: t
|
|
739
1398
|
})
|
|
740
|
-
}), /* @__PURE__ */ t(
|
|
1399
|
+
}), /* @__PURE__ */ t(Pe, {
|
|
741
1400
|
value: e.to,
|
|
742
1401
|
mode: a === "datetime" ? "datetime" : a,
|
|
743
1402
|
label: s,
|
|
@@ -752,9 +1411,9 @@ var E = {
|
|
|
752
1411
|
to: t
|
|
753
1412
|
})
|
|
754
1413
|
})]
|
|
755
|
-
}), c && !g && /* @__PURE__ */ t(
|
|
1414
|
+
}), c && !g && /* @__PURE__ */ t(k, { children: c })]
|
|
756
1415
|
});
|
|
757
|
-
},
|
|
1416
|
+
}, Re = {
|
|
758
1417
|
group: "_group_10ug0_1",
|
|
759
1418
|
skeleton: "_skeleton_10ug0_15",
|
|
760
1419
|
text: "_text_10ug0_27",
|
|
@@ -762,17 +1421,17 @@ var E = {
|
|
|
762
1421
|
circular: "_circular_10ug0_47",
|
|
763
1422
|
animated: "_animated_10ug0_59",
|
|
764
1423
|
"ds-skeleton": "_ds-skeleton_10ug0_1"
|
|
765
|
-
},
|
|
766
|
-
className: `${
|
|
1424
|
+
}, ze = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
|
|
1425
|
+
className: `${Re.group} ${o}`,
|
|
767
1426
|
"aria-hidden": "true",
|
|
768
1427
|
children: Array.from({ length: Math.max(1, i) }, (i, o) => /* @__PURE__ */ t("span", {
|
|
769
|
-
className: `${
|
|
1428
|
+
className: `${Re.skeleton} ${Re[e]} ${a ? Re.animated : ""}`,
|
|
770
1429
|
style: {
|
|
771
1430
|
width: n,
|
|
772
1431
|
height: r
|
|
773
1432
|
}
|
|
774
1433
|
}, o))
|
|
775
|
-
}),
|
|
1434
|
+
}), X = {
|
|
776
1435
|
wrapper: "_wrapper_6g3qd_1",
|
|
777
1436
|
container: "_container_6g3qd_17",
|
|
778
1437
|
trigger: "_trigger_6g3qd_25",
|
|
@@ -790,69 +1449,69 @@ var E = {
|
|
|
790
1449
|
message: "_message_6g3qd_359",
|
|
791
1450
|
error: "_error_6g3qd_361",
|
|
792
1451
|
errorState: "_errorState_6g3qd_387"
|
|
793
|
-
},
|
|
1452
|
+
}, Be = 8, Ve = 6, He = 120, Ue = (e, t, n) => {
|
|
794
1453
|
if (!e.length) return -1;
|
|
795
1454
|
for (let r = 0; r < e.length; r += 1) {
|
|
796
1455
|
let i = (t + r * n + e.length) % e.length;
|
|
797
1456
|
if (!e[i]?.disabled) return i;
|
|
798
1457
|
}
|
|
799
1458
|
return -1;
|
|
800
|
-
},
|
|
1459
|
+
}, We = (e) => {
|
|
801
1460
|
if (typeof e == "number") return e;
|
|
802
1461
|
if (typeof e == "string") {
|
|
803
1462
|
let t = Number.parseFloat(e);
|
|
804
1463
|
if (Number.isFinite(t)) return t;
|
|
805
1464
|
}
|
|
806
1465
|
return Infinity;
|
|
807
|
-
},
|
|
808
|
-
let
|
|
1466
|
+
}, Ge = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опцию", disabled: o = !1, stringWhileDisabled: s = !1, label: l, error: _, size: v = "md", hint: y, className: b = "", required: x = !1, name: S, id: C, needMark: w = !0, maxMenuHeight: T }) => {
|
|
1467
|
+
let E = d(), D = C ?? `ds-dropdown-${S ?? E}`, O = `${D}-listbox`, [k, A] = h(!1), [j, M] = h(null), N = m(null), P = m(null), F = m(null), I = m([]), L = p(() => e.find((e) => e.value === r), [e, r]), R = y ? `${D}-hint` : void 0, z = _ ? `${D}-error` : void 0, B = [R, z].filter(Boolean).join(" ") || void 0, te = o && s, V = c(() => {
|
|
809
1468
|
let e = P.current, t = F.current;
|
|
810
1469
|
if (!e || !t) return;
|
|
811
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1470
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - Be, o = n.top - Be, s = a < r.height && o > a, c = Math.max(He, s ? o : a), l = We(T), u = Math.min(c, l), d = n.left, f = i - n.width - Be, p = Math.max(Be, Math.min(d, f)), m = s ? Math.max(Be, n.top - r.height - Ve) : n.bottom + Ve;
|
|
812
1471
|
M({
|
|
813
1472
|
top: m,
|
|
814
1473
|
left: p,
|
|
815
1474
|
width: n.width,
|
|
816
1475
|
maxHeight: u
|
|
817
1476
|
});
|
|
818
|
-
}, [
|
|
819
|
-
|
|
820
|
-
if (!
|
|
1477
|
+
}, [T]);
|
|
1478
|
+
f(() => {
|
|
1479
|
+
if (!k) {
|
|
821
1480
|
M(null);
|
|
822
1481
|
return;
|
|
823
1482
|
}
|
|
824
|
-
return
|
|
825
|
-
window.removeEventListener("resize",
|
|
1483
|
+
return V(), window.addEventListener("resize", V), window.addEventListener("scroll", V, !0), () => {
|
|
1484
|
+
window.removeEventListener("resize", V), window.removeEventListener("scroll", V, !0);
|
|
826
1485
|
};
|
|
827
1486
|
}, [
|
|
828
|
-
|
|
829
|
-
|
|
1487
|
+
k,
|
|
1488
|
+
V,
|
|
830
1489
|
e.length
|
|
831
|
-
]),
|
|
832
|
-
if (!
|
|
1490
|
+
]), u(() => {
|
|
1491
|
+
if (!k) return;
|
|
833
1492
|
let e = (e) => {
|
|
834
1493
|
let t = e.target, n = N.current?.contains(t), r = F.current?.contains(t);
|
|
835
|
-
!n && !r &&
|
|
1494
|
+
!n && !r && A(!1);
|
|
836
1495
|
}, t = (e) => {
|
|
837
|
-
e.key === "Escape" && (
|
|
1496
|
+
e.key === "Escape" && (A(!1), P.current?.focus());
|
|
838
1497
|
};
|
|
839
1498
|
return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
|
|
840
1499
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
841
1500
|
};
|
|
842
|
-
}, [
|
|
843
|
-
let
|
|
844
|
-
let r =
|
|
1501
|
+
}, [k]);
|
|
1502
|
+
let H = (t, n) => {
|
|
1503
|
+
let r = Ue(e, t, n);
|
|
845
1504
|
if (r === -1) return;
|
|
846
1505
|
let i = I.current[r];
|
|
847
1506
|
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
848
|
-
},
|
|
849
|
-
e.disabled || (i?.(e.value, e),
|
|
850
|
-
},
|
|
1507
|
+
}, U = (e) => {
|
|
1508
|
+
e.disabled || (i?.(e.value, e), A(!1), P.current?.focus());
|
|
1509
|
+
}, W = k ? /* @__PURE__ */ t("ul", {
|
|
851
1510
|
ref: F,
|
|
852
|
-
id:
|
|
853
|
-
className:
|
|
1511
|
+
id: O,
|
|
1512
|
+
className: X.menu,
|
|
854
1513
|
role: "listbox",
|
|
855
|
-
"aria-label":
|
|
1514
|
+
"aria-label": l,
|
|
856
1515
|
style: j ? {
|
|
857
1516
|
position: "fixed",
|
|
858
1517
|
top: j.top,
|
|
@@ -879,25 +1538,25 @@ var E = {
|
|
|
879
1538
|
"aria-selected": o,
|
|
880
1539
|
disabled: i.disabled,
|
|
881
1540
|
className: [
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
o ?
|
|
1541
|
+
X[v],
|
|
1542
|
+
X.option,
|
|
1543
|
+
o ? X.selected : ""
|
|
885
1544
|
].filter(Boolean).join(" "),
|
|
886
|
-
onClick: () =>
|
|
1545
|
+
onClick: () => U(i),
|
|
887
1546
|
onKeyDown: (t) => {
|
|
888
1547
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
889
1548
|
t.preventDefault();
|
|
890
1549
|
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
891
|
-
|
|
1550
|
+
H(a + e, e);
|
|
892
1551
|
}
|
|
893
|
-
if (t.key === "Tab" &&
|
|
1552
|
+
if (t.key === "Tab" && A(!1), t.key === "Home" || t.key === "End") {
|
|
894
1553
|
t.preventDefault();
|
|
895
1554
|
let n = t.key === "Home" ? 1 : -1;
|
|
896
|
-
|
|
1555
|
+
H(t.key === "Home" ? 0 : e.length - 1, n);
|
|
897
1556
|
}
|
|
898
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
1557
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), U(i));
|
|
899
1558
|
},
|
|
900
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o &&
|
|
1559
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(J, {
|
|
901
1560
|
name: "IconCheck",
|
|
902
1561
|
width: 16,
|
|
903
1562
|
height: 16
|
|
@@ -909,59 +1568,59 @@ var E = {
|
|
|
909
1568
|
return /* @__PURE__ */ n("div", {
|
|
910
1569
|
ref: N,
|
|
911
1570
|
className: [
|
|
912
|
-
|
|
913
|
-
_ ?
|
|
1571
|
+
X.wrapper,
|
|
1572
|
+
_ ? X.errorState : "",
|
|
914
1573
|
b
|
|
915
1574
|
].filter(Boolean).join(" "),
|
|
916
1575
|
children: [
|
|
917
|
-
|
|
1576
|
+
l && /* @__PURE__ */ t(ee, {
|
|
918
1577
|
required: x,
|
|
919
1578
|
disabled: o,
|
|
920
|
-
htmlFor:
|
|
921
|
-
children:
|
|
1579
|
+
htmlFor: te ? void 0 : D,
|
|
1580
|
+
children: l
|
|
922
1581
|
}),
|
|
923
1582
|
/* @__PURE__ */ t("div", {
|
|
924
|
-
className:
|
|
925
|
-
children:
|
|
926
|
-
id:
|
|
927
|
-
className:
|
|
1583
|
+
className: X.container,
|
|
1584
|
+
children: te ? /* @__PURE__ */ t("div", {
|
|
1585
|
+
id: D,
|
|
1586
|
+
className: X.disabledText,
|
|
928
1587
|
"aria-describedby": B,
|
|
929
1588
|
children: L?.label ?? a
|
|
930
1589
|
}) : /* @__PURE__ */ n("button", {
|
|
931
1590
|
ref: P,
|
|
932
|
-
id:
|
|
1591
|
+
id: D,
|
|
933
1592
|
type: "button",
|
|
934
1593
|
name: S,
|
|
935
|
-
className: `${
|
|
1594
|
+
className: `${X.trigger} ${X[v]}`,
|
|
936
1595
|
disabled: o,
|
|
937
1596
|
"aria-haspopup": "listbox",
|
|
938
|
-
"aria-expanded":
|
|
939
|
-
"aria-controls":
|
|
1597
|
+
"aria-expanded": k,
|
|
1598
|
+
"aria-controls": O,
|
|
940
1599
|
"aria-describedby": B,
|
|
941
1600
|
"aria-invalid": !!_,
|
|
942
|
-
onClick: () =>
|
|
1601
|
+
onClick: () => A((e) => !e),
|
|
943
1602
|
onKeyDown: (t) => {
|
|
944
1603
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
945
|
-
t.preventDefault(),
|
|
1604
|
+
t.preventDefault(), A(!0);
|
|
946
1605
|
let n = t.key === "ArrowDown" ? 1 : -1;
|
|
947
1606
|
requestAnimationFrame(() => {
|
|
948
|
-
|
|
1607
|
+
H(t.key === "ArrowDown" ? 0 : e.length - 1, n);
|
|
949
1608
|
});
|
|
950
1609
|
}
|
|
951
|
-
if (t.key === "Enter" &&
|
|
1610
|
+
if (t.key === "Enter" && k) {
|
|
952
1611
|
t.preventDefault();
|
|
953
1612
|
let n = e.findIndex((e) => e.value === r);
|
|
954
|
-
|
|
1613
|
+
H(n >= 0 ? n : 0, 1);
|
|
955
1614
|
}
|
|
956
1615
|
},
|
|
957
1616
|
children: [/* @__PURE__ */ t("span", {
|
|
958
|
-
className: `${L ?
|
|
959
|
-
${
|
|
1617
|
+
className: `${L ? X.value : X.placeholder}
|
|
1618
|
+
${X[v]}`,
|
|
960
1619
|
children: L?.label ?? a
|
|
961
1620
|
}), /* @__PURE__ */ t("span", {
|
|
962
|
-
className: [
|
|
1621
|
+
className: [X.chevron, k ? X.chevronOpen : ""].filter(Boolean).join(" "),
|
|
963
1622
|
"aria-hidden": "true",
|
|
964
|
-
children: /* @__PURE__ */ t(
|
|
1623
|
+
children: /* @__PURE__ */ t(J, {
|
|
965
1624
|
name: "IconChevron",
|
|
966
1625
|
width: 20,
|
|
967
1626
|
height: 20
|
|
@@ -969,38 +1628,38 @@ var E = {
|
|
|
969
1628
|
})]
|
|
970
1629
|
})
|
|
971
1630
|
}),
|
|
972
|
-
|
|
1631
|
+
k && g(W, document.body),
|
|
973
1632
|
y && !_ && /* @__PURE__ */ t("span", {
|
|
974
1633
|
id: R,
|
|
975
|
-
className:
|
|
1634
|
+
className: X.message,
|
|
976
1635
|
children: y
|
|
977
1636
|
}),
|
|
978
1637
|
_ && /* @__PURE__ */ t("span", {
|
|
979
1638
|
id: z,
|
|
980
|
-
className:
|
|
1639
|
+
className: X.error,
|
|
981
1640
|
children: _
|
|
982
1641
|
})
|
|
983
1642
|
]
|
|
984
1643
|
});
|
|
985
|
-
},
|
|
1644
|
+
}, Ke = (e) => `${e.id}:${e.direction}`, qe = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
|
|
986
1645
|
let c = e.flatMap((e) => [{
|
|
987
|
-
value:
|
|
1646
|
+
value: Ke({
|
|
988
1647
|
id: e.id,
|
|
989
1648
|
direction: "asc"
|
|
990
1649
|
}),
|
|
991
1650
|
label: e.ascLabel ?? `${e.label} · по возрастанию`,
|
|
992
1651
|
disabled: e.disabled
|
|
993
1652
|
}, {
|
|
994
|
-
value:
|
|
1653
|
+
value: Ke({
|
|
995
1654
|
id: e.id,
|
|
996
1655
|
direction: "desc"
|
|
997
1656
|
}),
|
|
998
1657
|
label: e.descLabel ?? `${e.label} · по убыванию`,
|
|
999
1658
|
disabled: e.disabled
|
|
1000
1659
|
}]);
|
|
1001
|
-
return /* @__PURE__ */ t(
|
|
1660
|
+
return /* @__PURE__ */ t(Ge, {
|
|
1002
1661
|
options: c,
|
|
1003
|
-
value: n ?
|
|
1662
|
+
value: n ? Ke(n) : "",
|
|
1004
1663
|
label: i,
|
|
1005
1664
|
placeholder: a,
|
|
1006
1665
|
disabled: o,
|
|
@@ -1036,16 +1695,16 @@ var E = {
|
|
|
1036
1695
|
default: "_default_1jtuu_371",
|
|
1037
1696
|
tableOnMobile: "_tableOnMobile_1jtuu_371",
|
|
1038
1697
|
wide: "_wide_1jtuu_401"
|
|
1039
|
-
},
|
|
1040
|
-
rowSortingFeature:
|
|
1041
|
-
sortedRowModel:
|
|
1042
|
-
}),
|
|
1698
|
+
}, Je = y({
|
|
1699
|
+
rowSortingFeature: v,
|
|
1700
|
+
sortedRowModel: _()
|
|
1701
|
+
}), Ye = (e) => {
|
|
1043
1702
|
if (!(!e || e.width === void 0 && e.minWidth === void 0 && e.maxWidth === void 0)) return {
|
|
1044
1703
|
width: e.width,
|
|
1045
1704
|
minWidth: e.minWidth,
|
|
1046
1705
|
maxWidth: e.maxWidth
|
|
1047
1706
|
};
|
|
1048
|
-
},
|
|
1707
|
+
}, Xe = (e, t) => t <= 7 ? Array.from({ length: t }, (e, t) => t) : e <= 3 ? [
|
|
1049
1708
|
0,
|
|
1050
1709
|
1,
|
|
1051
1710
|
2,
|
|
@@ -1069,7 +1728,7 @@ var E = {
|
|
|
1069
1728
|
e + 1,
|
|
1070
1729
|
"ellipsis-end",
|
|
1071
1730
|
t - 1
|
|
1072
|
-
],
|
|
1731
|
+
], Ze = (e, t) => {
|
|
1073
1732
|
let n = /* @__PURE__ */ new Set();
|
|
1074
1733
|
for (let t of e) {
|
|
1075
1734
|
if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
|
|
@@ -1081,36 +1740,36 @@ var E = {
|
|
|
1081
1740
|
for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
|
|
1082
1741
|
}
|
|
1083
1742
|
return null;
|
|
1084
|
-
},
|
|
1743
|
+
}, Qe = (e, t) => typeof e == "function" ? e(t) : t[e], $e = (e) => {
|
|
1085
1744
|
if (e == null || e === "") return null;
|
|
1086
1745
|
let t = Date.parse(String(e));
|
|
1087
1746
|
return Number.isNaN(t) ? null : t;
|
|
1088
|
-
},
|
|
1089
|
-
let r =
|
|
1747
|
+
}, et = (e, t, n) => {
|
|
1748
|
+
let r = $e(e.getValue(n)), i = $e(t.getValue(n));
|
|
1090
1749
|
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
1091
|
-
},
|
|
1750
|
+
}, tt = (e, t, n) => {
|
|
1092
1751
|
let r = e.getValue(n), i = t.getValue(n);
|
|
1093
1752
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
1094
|
-
},
|
|
1753
|
+
}, nt = (e, t, n) => {
|
|
1095
1754
|
let r = e.getValue(n), i = t.getValue(n);
|
|
1096
1755
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
1097
|
-
},
|
|
1756
|
+
}, rt = (e, t, n) => {
|
|
1098
1757
|
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
1099
1758
|
return r.localeCompare(i, void 0, {
|
|
1100
1759
|
numeric: !0,
|
|
1101
1760
|
sensitivity: "base"
|
|
1102
1761
|
});
|
|
1103
|
-
},
|
|
1762
|
+
}, it = (e) => {
|
|
1104
1763
|
switch (e) {
|
|
1105
|
-
case "date": return
|
|
1106
|
-
case "number": return
|
|
1107
|
-
case "boolean": return
|
|
1764
|
+
case "date": return et;
|
|
1765
|
+
case "number": return tt;
|
|
1766
|
+
case "boolean": return nt;
|
|
1108
1767
|
case "text":
|
|
1109
|
-
case void 0: return
|
|
1768
|
+
case void 0: return rt;
|
|
1110
1769
|
case "custom": return;
|
|
1111
1770
|
}
|
|
1112
|
-
},
|
|
1113
|
-
let t = (t) =>
|
|
1771
|
+
}, at = (e) => {
|
|
1772
|
+
let t = (t) => Qe(e.accessor, t), n = e.sortFn ?? it(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
|
|
1114
1773
|
id: e.id,
|
|
1115
1774
|
accessorFn: t,
|
|
1116
1775
|
header: () => e.header,
|
|
@@ -1122,83 +1781,96 @@ var E = {
|
|
|
1122
1781
|
sortDescFirst: e.sortDescFirst
|
|
1123
1782
|
};
|
|
1124
1783
|
return n !== void 0 && (i.sortFn = n), i;
|
|
1125
|
-
},
|
|
1126
|
-
let [
|
|
1127
|
-
if (
|
|
1128
|
-
let t = new Set(
|
|
1784
|
+
}, ot = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: c, getRowId: l, caption: d, ariaLabel: f, loading: m = !1, error: g, emptyState: _ = "Нет данных", stickyHeader: v = !1, maxHeight: y, className: x = "", onRowClick: S, pagination: C = !1, paginationMode: w = "client", page: T = 1, pageSize: E = 30, totalCount: O, onPageChange: ee, visibleColumnIds: k }) => {
|
|
1785
|
+
let [A, j] = h([]), [M, N] = h(0), P = o ?? A, F = P.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), I = Number.isFinite(E) && E > 0 ? Math.floor(E) : 30, L = C && w === "server", R = p(() => {
|
|
1786
|
+
if (k === void 0) return e;
|
|
1787
|
+
let t = new Set(k);
|
|
1129
1788
|
return e.filter((e) => t.has(e.id));
|
|
1130
|
-
}, [e,
|
|
1131
|
-
features:
|
|
1132
|
-
columns:
|
|
1789
|
+
}, [e, k]), z = p(() => R.length === 0 ? "Должна быть видима хотя бы одна колонка" : Ze(R, r), [r, R]), B = p(() => R.map(at), [R]), te = R.some((e) => Ye(e) !== void 0), V = b({
|
|
1790
|
+
features: Je,
|
|
1791
|
+
columns: B,
|
|
1133
1792
|
data: r,
|
|
1134
|
-
state: { sorting:
|
|
1793
|
+
state: { sorting: P },
|
|
1135
1794
|
onSortingChange: (e) => {
|
|
1136
|
-
let t = typeof e == "function" ? e(
|
|
1137
|
-
o === void 0 &&
|
|
1795
|
+
let t = typeof e == "function" ? e(P) : e;
|
|
1796
|
+
o === void 0 && j(t), N(0), s?.(t);
|
|
1138
1797
|
},
|
|
1139
|
-
getRowId:
|
|
1140
|
-
}),
|
|
1141
|
-
|
|
1798
|
+
getRowId: l
|
|
1799
|
+
}), H = V.getRowModel().rows, U = L && Number.isFinite(O) && Number(O) >= 0 ? Math.floor(Number(O)) : H.length, W = C ? Math.max(1, Math.ceil(U / I)) : 1, ne = Number.isFinite(T) && T > 0 ? Math.floor(T) - 1 : 0, G = Math.min(L ? ne : M, W - 1), re = p(() => C && !L ? H.slice(G * I, (G + 1) * I) : H, [
|
|
1800
|
+
L,
|
|
1801
|
+
I,
|
|
1142
1802
|
C,
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
]),
|
|
1803
|
+
G,
|
|
1804
|
+
H
|
|
1805
|
+
]), ie = p(() => R.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
1146
1806
|
id: e.id,
|
|
1147
1807
|
label: typeof e.header == "string" ? e.header : e.id
|
|
1148
|
-
})), [
|
|
1808
|
+
})), [R]), ae = p(() => Xe(G, W), [W, G]), oe = [
|
|
1149
1809
|
Z.root,
|
|
1150
1810
|
a === "wide" ? Z.wide : Z.default,
|
|
1151
1811
|
i ? Z.tableOnMobile : "",
|
|
1152
1812
|
x
|
|
1153
|
-
].filter(Boolean).join(" "),
|
|
1154
|
-
|
|
1155
|
-
|
|
1813
|
+
].filter(Boolean).join(" "), se = z ?? g, K = C && !se && U > I && (!m || L), ce = G * I + 1, le = Math.min((G + 1) * I, U), ue = (e) => {
|
|
1814
|
+
let t = Math.max(0, Math.min(W - 1, e));
|
|
1815
|
+
if (L) {
|
|
1816
|
+
t !== G && ee?.(t + 1);
|
|
1817
|
+
return;
|
|
1818
|
+
}
|
|
1819
|
+
N(t);
|
|
1820
|
+
};
|
|
1821
|
+
return u(() => {
|
|
1822
|
+
L || N(0);
|
|
1156
1823
|
}, [
|
|
1157
1824
|
r,
|
|
1158
|
-
|
|
1825
|
+
L,
|
|
1826
|
+
I,
|
|
1159
1827
|
C,
|
|
1160
|
-
|
|
1161
|
-
]),
|
|
1162
|
-
|
|
1163
|
-
}, [
|
|
1164
|
-
|
|
1165
|
-
|
|
1828
|
+
F
|
|
1829
|
+
]), u(() => {
|
|
1830
|
+
!L && M >= W && N(W - 1);
|
|
1831
|
+
}, [
|
|
1832
|
+
L,
|
|
1833
|
+
W,
|
|
1834
|
+
M
|
|
1835
|
+
]), /* @__PURE__ */ n("section", {
|
|
1836
|
+
className: oe,
|
|
1837
|
+
"aria-busy": m,
|
|
1166
1838
|
children: [
|
|
1167
|
-
!i && !
|
|
1839
|
+
!i && !m && !se && re.length > 0 && ie.length > 0 && /* @__PURE__ */ t(qe, {
|
|
1168
1840
|
className: Z.mobileSort,
|
|
1169
|
-
options:
|
|
1170
|
-
value:
|
|
1171
|
-
id:
|
|
1172
|
-
direction:
|
|
1841
|
+
options: ie,
|
|
1842
|
+
value: P[0] ? {
|
|
1843
|
+
id: P[0].id,
|
|
1844
|
+
direction: P[0].desc ? "desc" : "asc"
|
|
1173
1845
|
} : null,
|
|
1174
|
-
onChange: (e) =>
|
|
1846
|
+
onChange: (e) => V.setSorting([{
|
|
1175
1847
|
id: e.id,
|
|
1176
1848
|
desc: e.direction === "desc"
|
|
1177
1849
|
}])
|
|
1178
1850
|
}),
|
|
1179
1851
|
/* @__PURE__ */ t("div", {
|
|
1180
1852
|
className: Z.tableWrap,
|
|
1181
|
-
style: { maxHeight:
|
|
1853
|
+
style: { maxHeight: y },
|
|
1182
1854
|
children: /* @__PURE__ */ n("table", {
|
|
1183
1855
|
className: Z.table,
|
|
1184
|
-
"aria-label":
|
|
1856
|
+
"aria-label": f,
|
|
1185
1857
|
children: [
|
|
1186
1858
|
d && /* @__PURE__ */ t("caption", { children: d }),
|
|
1187
|
-
|
|
1859
|
+
te && /* @__PURE__ */ t("colgroup", { children: R.map((e) => /* @__PURE__ */ t("col", { style: Ye(e) }, e.id)) }),
|
|
1188
1860
|
/* @__PURE__ */ t("thead", {
|
|
1189
1861
|
className: v ? Z.sticky : "",
|
|
1190
|
-
children:
|
|
1862
|
+
children: V.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
|
|
1191
1863
|
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler();
|
|
1192
1864
|
return /* @__PURE__ */ t("th", {
|
|
1193
1865
|
scope: "col",
|
|
1194
1866
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
1195
|
-
style:
|
|
1867
|
+
style: Ye(R.find((t) => t.id === e.column.id)),
|
|
1196
1868
|
children: /* @__PURE__ */ n("button", {
|
|
1197
1869
|
type: "button",
|
|
1198
1870
|
className: Z.sortButton,
|
|
1199
1871
|
disabled: !i,
|
|
1200
1872
|
onClick: a,
|
|
1201
|
-
children: [/* @__PURE__ */ t(
|
|
1873
|
+
children: [/* @__PURE__ */ t(V.FlexRender, { header: e }), /* @__PURE__ */ t(J, {
|
|
1202
1874
|
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
1203
1875
|
width: 16,
|
|
1204
1876
|
height: 16
|
|
@@ -1207,18 +1879,18 @@ var E = {
|
|
|
1207
1879
|
}, e.id);
|
|
1208
1880
|
}) }, e.id))
|
|
1209
1881
|
}),
|
|
1210
|
-
/* @__PURE__ */ t("tbody", { children:
|
|
1211
|
-
colSpan:
|
|
1212
|
-
children: /* @__PURE__ */ t(
|
|
1213
|
-
}) }) :
|
|
1882
|
+
/* @__PURE__ */ t("tbody", { children: m ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1883
|
+
colSpan: R.length,
|
|
1884
|
+
children: /* @__PURE__ */ t(ze, { lines: 3 })
|
|
1885
|
+
}) }) : se ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1214
1886
|
className: Z.state,
|
|
1215
|
-
colSpan:
|
|
1216
|
-
children:
|
|
1217
|
-
}) }) :
|
|
1887
|
+
colSpan: R.length,
|
|
1888
|
+
children: se
|
|
1889
|
+
}) }) : re.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1218
1890
|
className: Z.state,
|
|
1219
|
-
colSpan:
|
|
1891
|
+
colSpan: R.length,
|
|
1220
1892
|
children: _
|
|
1221
|
-
}) }) :
|
|
1893
|
+
}) }) : re.map((e) => /* @__PURE__ */ t("tr", {
|
|
1222
1894
|
className: S ? Z.clickableRow : void 0,
|
|
1223
1895
|
onClick: () => S?.(e.original),
|
|
1224
1896
|
onKeyDown: (t) => {
|
|
@@ -1227,8 +1899,8 @@ var E = {
|
|
|
1227
1899
|
tabIndex: S ? 0 : void 0,
|
|
1228
1900
|
role: S ? "button" : void 0,
|
|
1229
1901
|
children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", {
|
|
1230
|
-
style:
|
|
1231
|
-
children: /* @__PURE__ */ t(
|
|
1902
|
+
style: Ye(R.find((t) => t.id === e.column.id)),
|
|
1903
|
+
children: /* @__PURE__ */ t(V.FlexRender, { cell: e })
|
|
1232
1904
|
}, e.id))
|
|
1233
1905
|
}, e.id)) })
|
|
1234
1906
|
]
|
|
@@ -1237,22 +1909,22 @@ var E = {
|
|
|
1237
1909
|
!i && /* @__PURE__ */ t("div", {
|
|
1238
1910
|
className: Z.cards,
|
|
1239
1911
|
role: "list",
|
|
1240
|
-
"aria-label":
|
|
1241
|
-
children:
|
|
1912
|
+
"aria-label": f ?? d,
|
|
1913
|
+
children: m ? /* @__PURE__ */ t(ze, { lines: 4 }) : se ? /* @__PURE__ */ t("div", {
|
|
1242
1914
|
className: Z.state,
|
|
1243
|
-
children:
|
|
1244
|
-
}) :
|
|
1915
|
+
children: se
|
|
1916
|
+
}) : re.length === 0 ? /* @__PURE__ */ t("div", {
|
|
1245
1917
|
className: Z.state,
|
|
1246
1918
|
children: _
|
|
1247
|
-
}) :
|
|
1919
|
+
}) : re.map((e) => {
|
|
1248
1920
|
if (c) return /* @__PURE__ */ t("div", {
|
|
1249
1921
|
role: "listitem",
|
|
1250
1922
|
children: c({
|
|
1251
1923
|
row: e.original,
|
|
1252
|
-
columns:
|
|
1924
|
+
columns: R
|
|
1253
1925
|
})
|
|
1254
1926
|
}, e.id);
|
|
1255
|
-
let r =
|
|
1927
|
+
let r = R.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), i = r.find((e) => e.mobile?.primary) ?? r.find((e) => e.mobile?.mobileVariant !== "actions"), a = (t) => Qe(t.accessor, e.original), o = (t) => t.mobile?.renderMobile?.(e.original, a(t)) ?? t.cell?.(e.original, a(t)) ?? String(a(t) ?? "");
|
|
1256
1928
|
return /* @__PURE__ */ n("article", {
|
|
1257
1929
|
role: "listitem",
|
|
1258
1930
|
className: Z.card,
|
|
@@ -1267,31 +1939,31 @@ var E = {
|
|
|
1267
1939
|
}, e.id);
|
|
1268
1940
|
})
|
|
1269
1941
|
}),
|
|
1270
|
-
|
|
1942
|
+
K && /* @__PURE__ */ n("nav", {
|
|
1271
1943
|
className: Z.pagination,
|
|
1272
1944
|
"aria-label": "Пагинация таблицы",
|
|
1273
1945
|
children: [/* @__PURE__ */ n("span", {
|
|
1274
1946
|
className: Z.paginationRange,
|
|
1275
1947
|
"aria-live": "polite",
|
|
1276
1948
|
children: [
|
|
1277
|
-
|
|
1949
|
+
ce,
|
|
1278
1950
|
"–",
|
|
1279
|
-
|
|
1951
|
+
le,
|
|
1280
1952
|
" из ",
|
|
1281
|
-
|
|
1953
|
+
U
|
|
1282
1954
|
]
|
|
1283
1955
|
}), /* @__PURE__ */ n("div", {
|
|
1284
1956
|
className: Z.paginationControls,
|
|
1285
1957
|
children: [
|
|
1286
|
-
/* @__PURE__ */ n(
|
|
1958
|
+
/* @__PURE__ */ n(D, {
|
|
1287
1959
|
variant: "empty",
|
|
1288
1960
|
size: "md",
|
|
1289
|
-
disabled:
|
|
1961
|
+
disabled: m || G === 0,
|
|
1290
1962
|
"aria-label": "Предыдущая страница",
|
|
1291
1963
|
onClick: () => {
|
|
1292
|
-
|
|
1964
|
+
ue(G - 1);
|
|
1293
1965
|
},
|
|
1294
|
-
children: [/* @__PURE__ */ t(
|
|
1966
|
+
children: [/* @__PURE__ */ t(J, {
|
|
1295
1967
|
name: "IconChevron",
|
|
1296
1968
|
width: 18,
|
|
1297
1969
|
height: 18,
|
|
@@ -1303,14 +1975,15 @@ var E = {
|
|
|
1303
1975
|
}),
|
|
1304
1976
|
/* @__PURE__ */ t("div", {
|
|
1305
1977
|
className: Z.pageNumbers,
|
|
1306
|
-
children:
|
|
1307
|
-
variant: e ===
|
|
1978
|
+
children: ae.map((e) => typeof e == "number" ? /* @__PURE__ */ t(D, {
|
|
1979
|
+
variant: e === G ? "secondary" : "empty",
|
|
1308
1980
|
size: "md",
|
|
1309
1981
|
className: Z.pageButton,
|
|
1310
1982
|
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
1311
|
-
"aria-current": e ===
|
|
1983
|
+
"aria-current": e === G ? "page" : void 0,
|
|
1984
|
+
disabled: m,
|
|
1312
1985
|
onClick: () => {
|
|
1313
|
-
|
|
1986
|
+
ue(e);
|
|
1314
1987
|
},
|
|
1315
1988
|
children: e + 1
|
|
1316
1989
|
}, e) : /* @__PURE__ */ t("span", {
|
|
@@ -1319,18 +1992,18 @@ var E = {
|
|
|
1319
1992
|
children: "…"
|
|
1320
1993
|
}, e))
|
|
1321
1994
|
}),
|
|
1322
|
-
/* @__PURE__ */ n(
|
|
1995
|
+
/* @__PURE__ */ n(D, {
|
|
1323
1996
|
variant: "empty",
|
|
1324
1997
|
size: "md",
|
|
1325
|
-
disabled:
|
|
1998
|
+
disabled: m || G === W - 1,
|
|
1326
1999
|
"aria-label": "Следующая страница",
|
|
1327
2000
|
onClick: () => {
|
|
1328
|
-
|
|
2001
|
+
ue(G + 1);
|
|
1329
2002
|
},
|
|
1330
2003
|
children: [/* @__PURE__ */ t("span", {
|
|
1331
2004
|
className: Z.paginationButtonLabel,
|
|
1332
2005
|
children: "Вперёд"
|
|
1333
|
-
}), /* @__PURE__ */ t(
|
|
2006
|
+
}), /* @__PURE__ */ t(J, {
|
|
1334
2007
|
name: "IconChevron",
|
|
1335
2008
|
width: 18,
|
|
1336
2009
|
height: 18,
|
|
@@ -1342,39 +2015,39 @@ var E = {
|
|
|
1342
2015
|
})
|
|
1343
2016
|
]
|
|
1344
2017
|
});
|
|
1345
|
-
},
|
|
2018
|
+
}, st = 8, ct = 6, lt = 120, ut = (e) => {
|
|
1346
2019
|
if (typeof e == "number") return e;
|
|
1347
2020
|
if (typeof e == "string") {
|
|
1348
2021
|
let t = Number.parseFloat(e);
|
|
1349
2022
|
if (Number.isFinite(t)) return t;
|
|
1350
2023
|
}
|
|
1351
2024
|
return Infinity;
|
|
1352
|
-
},
|
|
1353
|
-
let
|
|
2025
|
+
}, dt = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, stringWhileDisabled: s = !1, label: l, error: _, size: v = "md", required: y = !1, hint: b, className: x = "", name: S, id: C, closeOnSelect: w = !1, needMark: T = !0, maxMenuHeight: E }) => {
|
|
2026
|
+
let D = d(), O = C ?? `ds-dropdown-multiple-${S ?? D}`, k = `${O}-listbox`, [A, j] = h(!1), [M, N] = h(null), P = m(null), F = m(null), I = m(null), L = m([]), R = p(() => e.filter((e) => r.includes(e.value)), [e, r]).map((e) => e.label).join(", "), z = b ? `${O}-hint` : void 0, B = _ ? `${O}-error` : void 0, te = [z, B].filter(Boolean).join(" ") || void 0, V = o && s, H = c(() => {
|
|
1354
2027
|
let e = F.current, t = I.current;
|
|
1355
2028
|
if (!e || !t) return;
|
|
1356
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom -
|
|
2029
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom - st, a = n.top - st, o = i < r.height && a > i, s = Math.max(lt, o ? a : i), c = window.innerWidth - n.width - st;
|
|
1357
2030
|
N({
|
|
1358
|
-
top: o ? Math.max(
|
|
1359
|
-
left: Math.max(
|
|
2031
|
+
top: o ? Math.max(st, n.top - r.height - ct) : n.bottom + ct,
|
|
2032
|
+
left: Math.max(st, Math.min(n.left, c)),
|
|
1360
2033
|
width: n.width,
|
|
1361
|
-
maxHeight: Math.min(s,
|
|
2034
|
+
maxHeight: Math.min(s, ut(E))
|
|
1362
2035
|
});
|
|
1363
|
-
}, [
|
|
1364
|
-
|
|
1365
|
-
if (!
|
|
2036
|
+
}, [E]);
|
|
2037
|
+
f(() => {
|
|
2038
|
+
if (!A) {
|
|
1366
2039
|
N(null);
|
|
1367
2040
|
return;
|
|
1368
2041
|
}
|
|
1369
|
-
return
|
|
1370
|
-
window.removeEventListener("resize",
|
|
2042
|
+
return H(), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), () => {
|
|
2043
|
+
window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
|
|
1371
2044
|
};
|
|
1372
2045
|
}, [
|
|
1373
|
-
|
|
2046
|
+
A,
|
|
1374
2047
|
e.length,
|
|
1375
|
-
|
|
1376
|
-
]),
|
|
1377
|
-
if (!
|
|
2048
|
+
H
|
|
2049
|
+
]), u(() => {
|
|
2050
|
+
if (!A) return;
|
|
1378
2051
|
let e = (e) => {
|
|
1379
2052
|
let t = e.target;
|
|
1380
2053
|
!P.current?.contains(t) && !I.current?.contains(t) && j(!1);
|
|
@@ -1384,20 +2057,20 @@ var E = {
|
|
|
1384
2057
|
return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
|
|
1385
2058
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1386
2059
|
};
|
|
1387
|
-
}, [
|
|
1388
|
-
let
|
|
1389
|
-
let r =
|
|
2060
|
+
}, [A]);
|
|
2061
|
+
let U = (t, n) => {
|
|
2062
|
+
let r = Ue(e, t, n);
|
|
1390
2063
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
1391
|
-
},
|
|
2064
|
+
}, W = (t) => {
|
|
1392
2065
|
if (t.disabled) return;
|
|
1393
2066
|
let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
|
|
1394
|
-
i?.(n, e.filter((e) => n.includes(e.value))),
|
|
1395
|
-
}, ne =
|
|
2067
|
+
i?.(n, e.filter((e) => n.includes(e.value))), w && (j(!1), F.current?.focus());
|
|
2068
|
+
}, ne = A ? /* @__PURE__ */ t("ul", {
|
|
1396
2069
|
ref: I,
|
|
1397
|
-
id:
|
|
1398
|
-
className:
|
|
2070
|
+
id: k,
|
|
2071
|
+
className: X.menu,
|
|
1399
2072
|
role: "listbox",
|
|
1400
|
-
"aria-label":
|
|
2073
|
+
"aria-label": l,
|
|
1401
2074
|
"aria-multiselectable": "true",
|
|
1402
2075
|
style: M ? {
|
|
1403
2076
|
position: "fixed",
|
|
@@ -1425,25 +2098,25 @@ var E = {
|
|
|
1425
2098
|
"aria-selected": o,
|
|
1426
2099
|
disabled: i.disabled,
|
|
1427
2100
|
className: [
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
o ?
|
|
2101
|
+
X[v],
|
|
2102
|
+
X.option,
|
|
2103
|
+
o ? X.selected : ""
|
|
1431
2104
|
].filter(Boolean).join(" "),
|
|
1432
|
-
onClick: () =>
|
|
2105
|
+
onClick: () => W(i),
|
|
1433
2106
|
onKeyDown: (t) => {
|
|
1434
2107
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
1435
2108
|
t.preventDefault();
|
|
1436
2109
|
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
1437
|
-
|
|
2110
|
+
U(a + e, e);
|
|
1438
2111
|
}
|
|
1439
2112
|
if (t.key === "Home" || t.key === "End") {
|
|
1440
2113
|
t.preventDefault();
|
|
1441
2114
|
let n = t.key === "Home" ? 1 : -1;
|
|
1442
|
-
|
|
2115
|
+
U(t.key === "Home" ? 0 : e.length - 1, n);
|
|
1443
2116
|
}
|
|
1444
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
2117
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), W(i)), t.key === "Tab" && j(!1);
|
|
1445
2118
|
},
|
|
1446
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o &&
|
|
2119
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(J, {
|
|
1447
2120
|
name: "IconCheck",
|
|
1448
2121
|
width: 16,
|
|
1449
2122
|
height: 16
|
|
@@ -1455,51 +2128,51 @@ var E = {
|
|
|
1455
2128
|
return /* @__PURE__ */ n("div", {
|
|
1456
2129
|
ref: P,
|
|
1457
2130
|
className: [
|
|
1458
|
-
|
|
1459
|
-
_ ?
|
|
2131
|
+
X.wrapper,
|
|
2132
|
+
_ ? X.errorState : "",
|
|
1460
2133
|
x
|
|
1461
2134
|
].filter(Boolean).join(" "),
|
|
1462
2135
|
children: [
|
|
1463
|
-
|
|
1464
|
-
htmlFor:
|
|
2136
|
+
l && /* @__PURE__ */ t(ee, {
|
|
2137
|
+
htmlFor: V ? void 0 : O,
|
|
1465
2138
|
required: y,
|
|
1466
2139
|
disabled: o,
|
|
1467
|
-
children:
|
|
2140
|
+
children: l
|
|
1468
2141
|
}),
|
|
1469
2142
|
/* @__PURE__ */ t("div", {
|
|
1470
|
-
className:
|
|
1471
|
-
children:
|
|
1472
|
-
id:
|
|
1473
|
-
className: `${
|
|
1474
|
-
"aria-describedby":
|
|
2143
|
+
className: X.container,
|
|
2144
|
+
children: V ? /* @__PURE__ */ t("div", {
|
|
2145
|
+
id: O,
|
|
2146
|
+
className: `${X.disabledText} ${X[v]}`,
|
|
2147
|
+
"aria-describedby": te,
|
|
1475
2148
|
children: R || a
|
|
1476
2149
|
}) : /* @__PURE__ */ n("button", {
|
|
1477
2150
|
ref: F,
|
|
1478
|
-
id:
|
|
2151
|
+
id: O,
|
|
1479
2152
|
type: "button",
|
|
1480
2153
|
name: S,
|
|
1481
|
-
className: `${
|
|
2154
|
+
className: `${X.trigger} ${X[v]}`,
|
|
1482
2155
|
disabled: o,
|
|
1483
2156
|
"aria-haspopup": "listbox",
|
|
1484
|
-
"aria-expanded":
|
|
1485
|
-
"aria-controls":
|
|
1486
|
-
"aria-describedby":
|
|
2157
|
+
"aria-expanded": A,
|
|
2158
|
+
"aria-controls": k,
|
|
2159
|
+
"aria-describedby": te,
|
|
1487
2160
|
"aria-invalid": !!_,
|
|
1488
2161
|
onClick: () => j((e) => !e),
|
|
1489
2162
|
onKeyDown: (t) => {
|
|
1490
2163
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
1491
2164
|
t.preventDefault(), j(!0);
|
|
1492
2165
|
let n = t.key === "ArrowDown" ? 1 : -1;
|
|
1493
|
-
requestAnimationFrame(() =>
|
|
2166
|
+
requestAnimationFrame(() => U(t.key === "ArrowDown" ? 0 : e.length - 1, n));
|
|
1494
2167
|
}
|
|
1495
2168
|
},
|
|
1496
2169
|
children: [/* @__PURE__ */ t("span", {
|
|
1497
|
-
className: `${R ?
|
|
2170
|
+
className: `${R ? X.value : X.placeholder} ${X[v]}`,
|
|
1498
2171
|
children: R || a
|
|
1499
2172
|
}), /* @__PURE__ */ t("span", {
|
|
1500
|
-
className: [
|
|
2173
|
+
className: [X.chevron, A ? X.chevronOpen : ""].filter(Boolean).join(" "),
|
|
1501
2174
|
"aria-hidden": "true",
|
|
1502
|
-
children: /* @__PURE__ */ t(
|
|
2175
|
+
children: /* @__PURE__ */ t(J, {
|
|
1503
2176
|
name: "IconChevron",
|
|
1504
2177
|
width: 20,
|
|
1505
2178
|
height: 20
|
|
@@ -1507,20 +2180,20 @@ var E = {
|
|
|
1507
2180
|
})]
|
|
1508
2181
|
})
|
|
1509
2182
|
}),
|
|
1510
|
-
|
|
2183
|
+
A && g(ne, document.body),
|
|
1511
2184
|
b && !_ && /* @__PURE__ */ t("span", {
|
|
1512
2185
|
id: z,
|
|
1513
|
-
className:
|
|
2186
|
+
className: X.message,
|
|
1514
2187
|
children: b
|
|
1515
2188
|
}),
|
|
1516
2189
|
_ && /* @__PURE__ */ t("span", {
|
|
1517
2190
|
id: B,
|
|
1518
|
-
className:
|
|
2191
|
+
className: X.error,
|
|
1519
2192
|
children: _
|
|
1520
2193
|
})
|
|
1521
2194
|
]
|
|
1522
2195
|
});
|
|
1523
|
-
},
|
|
2196
|
+
}, ft = {
|
|
1524
2197
|
wrapper: "_wrapper_1izp1_1",
|
|
1525
2198
|
control: "_control_1izp1_15",
|
|
1526
2199
|
input: "_input_1izp1_25",
|
|
@@ -1530,30 +2203,30 @@ var E = {
|
|
|
1530
2203
|
lg: "_lg_1izp1_139",
|
|
1531
2204
|
inputError: "_inputError_1izp1_155",
|
|
1532
2205
|
trailingAction: "_trailingAction_1izp1_163"
|
|
1533
|
-
},
|
|
1534
|
-
let O =
|
|
1535
|
-
return
|
|
2206
|
+
}, pt = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: s = !1, stringWhileDisabled: c = !1, label: l, error: f, hint: p, className: g = "", 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 }) => {
|
|
2207
|
+
let O = d(), A = v ?? `ds-input-${_ ?? O}`, j = m(null), [M, N] = h(!1), P = p ? `${A}-hint` : void 0, F = f ? `${A}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0, R = C ? M ? "text" : "password" : i;
|
|
2208
|
+
return u(() => {
|
|
1536
2209
|
C || N(!1);
|
|
1537
2210
|
}, [C]), /* @__PURE__ */ n("div", {
|
|
1538
|
-
className: `${
|
|
2211
|
+
className: `${ft.wrapper} ${g}`,
|
|
1539
2212
|
children: [
|
|
1540
|
-
|
|
1541
|
-
htmlFor:
|
|
2213
|
+
l && /* @__PURE__ */ t(ee, {
|
|
2214
|
+
htmlFor: A,
|
|
1542
2215
|
required: x,
|
|
1543
2216
|
disabled: o,
|
|
1544
|
-
children:
|
|
2217
|
+
children: l
|
|
1545
2218
|
}),
|
|
1546
2219
|
o && c ? /* @__PURE__ */ t("div", {
|
|
1547
|
-
id:
|
|
1548
|
-
className:
|
|
2220
|
+
id: A,
|
|
2221
|
+
className: ft.disabledText,
|
|
1549
2222
|
"aria-describedby": L,
|
|
1550
2223
|
children: I || a
|
|
1551
2224
|
}) : /* @__PURE__ */ n("div", {
|
|
1552
|
-
className:
|
|
2225
|
+
className: ft.control,
|
|
1553
2226
|
children: [
|
|
1554
2227
|
/* @__PURE__ */ t("input", {
|
|
1555
2228
|
ref: j,
|
|
1556
|
-
id:
|
|
2229
|
+
id: A,
|
|
1557
2230
|
name: _,
|
|
1558
2231
|
type: R,
|
|
1559
2232
|
value: I,
|
|
@@ -1563,7 +2236,7 @@ var E = {
|
|
|
1563
2236
|
required: x,
|
|
1564
2237
|
"aria-invalid": !!f,
|
|
1565
2238
|
"aria-describedby": L,
|
|
1566
|
-
className: `${
|
|
2239
|
+
className: `${ft.input} ${ft[y]} ${f ? ft.inputError : ""}`,
|
|
1567
2240
|
onChange: (e) => {
|
|
1568
2241
|
if (i === "number" && !C) {
|
|
1569
2242
|
let t = e.target.value === "" ? "" : Number(e.target.value);
|
|
@@ -1573,18 +2246,18 @@ var E = {
|
|
|
1573
2246
|
r?.(e.target.value, e);
|
|
1574
2247
|
},
|
|
1575
2248
|
onFocus: (e) => {
|
|
1576
|
-
S && e.currentTarget.value && e.currentTarget.select(),
|
|
2249
|
+
S && e.currentTarget.value && e.currentTarget.select(), E?.(e);
|
|
1577
2250
|
},
|
|
1578
|
-
...
|
|
2251
|
+
...D
|
|
1579
2252
|
}),
|
|
1580
2253
|
C && /* @__PURE__ */ t("button", {
|
|
1581
2254
|
type: "button",
|
|
1582
|
-
className:
|
|
2255
|
+
className: ft.trailingAction,
|
|
1583
2256
|
disabled: o,
|
|
1584
|
-
"aria-label": M ?
|
|
2257
|
+
"aria-label": M ? w : T,
|
|
1585
2258
|
"aria-pressed": M,
|
|
1586
2259
|
onClick: () => N((e) => !e),
|
|
1587
|
-
children: /* @__PURE__ */ t(
|
|
2260
|
+
children: /* @__PURE__ */ t(J, {
|
|
1588
2261
|
name: M ? "IconEyeOff" : "IconEye",
|
|
1589
2262
|
width: 20,
|
|
1590
2263
|
height: 20
|
|
@@ -1592,13 +2265,13 @@ var E = {
|
|
|
1592
2265
|
}),
|
|
1593
2266
|
!C && b && I && !o && !s && /* @__PURE__ */ t("button", {
|
|
1594
2267
|
type: "button",
|
|
1595
|
-
className:
|
|
2268
|
+
className: ft.trailingAction,
|
|
1596
2269
|
"aria-label": "Очистить поле",
|
|
1597
2270
|
onClick: () => {
|
|
1598
2271
|
let e = j.current;
|
|
1599
2272
|
e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
1600
2273
|
},
|
|
1601
|
-
children: /* @__PURE__ */ t(
|
|
2274
|
+
children: /* @__PURE__ */ t(J, {
|
|
1602
2275
|
name: "IconCross",
|
|
1603
2276
|
width: 20,
|
|
1604
2277
|
height: 20
|
|
@@ -1606,21 +2279,21 @@ var E = {
|
|
|
1606
2279
|
})
|
|
1607
2280
|
]
|
|
1608
2281
|
}),
|
|
1609
|
-
|
|
2282
|
+
p && !f && /* @__PURE__ */ t(k, {
|
|
1610
2283
|
id: P,
|
|
1611
|
-
children:
|
|
2284
|
+
children: p
|
|
1612
2285
|
}),
|
|
1613
|
-
f && /* @__PURE__ */ t(
|
|
2286
|
+
f && /* @__PURE__ */ t(k, {
|
|
1614
2287
|
id: F,
|
|
1615
2288
|
variant: "error",
|
|
1616
2289
|
children: f
|
|
1617
2290
|
})
|
|
1618
2291
|
]
|
|
1619
2292
|
});
|
|
1620
|
-
},
|
|
2293
|
+
}, mt = (e, t) => {
|
|
1621
2294
|
let n = t.trim().toLocaleLowerCase();
|
|
1622
2295
|
return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
|
|
1623
|
-
},
|
|
2296
|
+
}, ht = (e, t, n) => {
|
|
1624
2297
|
if (!e.length) return -1;
|
|
1625
2298
|
for (let r = 0; r < e.length; r += 1) {
|
|
1626
2299
|
let i = (t + r * n + e.length) % e.length;
|
|
@@ -1645,76 +2318,76 @@ var E = {
|
|
|
1645
2318
|
selected: "_selected_1v2s8_321",
|
|
1646
2319
|
active: "_active_1v2s8_321",
|
|
1647
2320
|
visuallyHidden: "_visuallyHidden_1v2s8_341"
|
|
1648
|
-
},
|
|
2321
|
+
}, gt = 8, _t = 6, vt = 5, yt = 10, bt = {
|
|
1649
2322
|
sm: 30,
|
|
1650
2323
|
md: 40,
|
|
1651
2324
|
lg: 50
|
|
1652
|
-
},
|
|
1653
|
-
let
|
|
2325
|
+
}, xt = ({ options: e, value: r, onChange: i, placeholder: a = "Начните вводить", noResultsText: o = "Ничего не найдено", disabled: s = !1, readOnly: l = !1, stringWhileDisabled: _ = !1, label: v, error: y, hint: b, size: x = "md", required: S = !1, className: C = "", name: w, id: T, needMark: E = !0 }) => {
|
|
2326
|
+
let D = d(), O = T ?? `ds-search-dropdown-${w ?? D}`, A = `${O}-listbox`, j = `${O}-status`, M = b ? `${O}-hint` : void 0, N = y ? `${O}-error` : void 0, P = [
|
|
1654
2327
|
j,
|
|
1655
2328
|
M,
|
|
1656
2329
|
N
|
|
1657
|
-
].filter(Boolean).join(" "), F =
|
|
1658
|
-
|
|
1659
|
-
let
|
|
1660
|
-
|
|
1661
|
-
}, []), K =
|
|
1662
|
-
let e =
|
|
2330
|
+
].filter(Boolean).join(" "), F = m(null), I = m(null), L = m([]), [R, z] = h(!1), [B, te] = h(""), [V, H] = h(-1), [U, W] = h(null), ne = p(() => e.find((e) => e.value === r), [e, r]), G = p(() => mt(e, B), [e, B]), re = s && _, ie = V >= 0 ? G[V] : void 0;
|
|
2331
|
+
u(() => te(ne?.label ?? ""), [ne?.label, r]);
|
|
2332
|
+
let ae = c(() => F.current?.querySelector("input") ?? null, []), oe = c((e, t) => ht(G, e, t), [G]), se = c((e) => {
|
|
2333
|
+
H(e), !(e < 0) && requestAnimationFrame(() => L.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
2334
|
+
}, []), K = c(() => {
|
|
2335
|
+
let e = ae();
|
|
1663
2336
|
if (!e) return;
|
|
1664
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(
|
|
1665
|
-
|
|
2337
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(G.length, vt)) * bt[x] + yt, r = window.innerHeight - t.bottom - gt, i = t.top - gt, a = r < n && i > r, o = a ? i : r, s = Math.max(bt[x] + yt, Math.min(n, o)), c = window.innerWidth - t.width - gt, l = Math.max(gt, Math.min(t.left, c)), u = a ? Math.max(gt, t.top - s - _t) : t.bottom + _t;
|
|
2338
|
+
W({
|
|
1666
2339
|
top: u,
|
|
1667
2340
|
left: l,
|
|
1668
2341
|
width: t.width,
|
|
1669
2342
|
maxHeight: s
|
|
1670
2343
|
});
|
|
1671
2344
|
}, [
|
|
1672
|
-
|
|
1673
|
-
|
|
2345
|
+
G.length,
|
|
2346
|
+
ae,
|
|
1674
2347
|
x
|
|
1675
2348
|
]);
|
|
1676
|
-
|
|
2349
|
+
f(() => {
|
|
1677
2350
|
if (!R) {
|
|
1678
|
-
|
|
2351
|
+
W(null);
|
|
1679
2352
|
return;
|
|
1680
2353
|
}
|
|
1681
2354
|
return K(), window.addEventListener("resize", K), window.addEventListener("scroll", K, !0), () => {
|
|
1682
2355
|
window.removeEventListener("resize", K), window.removeEventListener("scroll", K, !0);
|
|
1683
2356
|
};
|
|
1684
|
-
}, [R, K]),
|
|
2357
|
+
}, [R, K]), u(() => {
|
|
1685
2358
|
if (!R) return;
|
|
1686
2359
|
let e = (e) => {
|
|
1687
2360
|
let t = e.target;
|
|
1688
|
-
!F.current?.contains(t) && !I.current?.contains(t) && (z(!1),
|
|
2361
|
+
!F.current?.contains(t) && !I.current?.contains(t) && (z(!1), H(-1));
|
|
1689
2362
|
};
|
|
1690
2363
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
1691
2364
|
}, [R]);
|
|
1692
|
-
let
|
|
1693
|
-
|
|
1694
|
-
},
|
|
1695
|
-
e.disabled || (
|
|
1696
|
-
},
|
|
2365
|
+
let ce = () => {
|
|
2366
|
+
s || l || (z(!0), H(oe(0, 1)));
|
|
2367
|
+
}, le = (e) => {
|
|
2368
|
+
e.disabled || (te(e.label), z(!1), H(-1), i?.(e.value, e), ae()?.focus());
|
|
2369
|
+
}, ue = R ? /* @__PURE__ */ t("ul", {
|
|
1697
2370
|
ref: I,
|
|
1698
|
-
id:
|
|
1699
|
-
className: `${Q.menu} ${
|
|
2371
|
+
id: A,
|
|
2372
|
+
className: `${Q.menu} ${G.length === 0 ? Q.menuEmpty : ""}`,
|
|
1700
2373
|
role: "listbox",
|
|
1701
2374
|
"aria-label": v,
|
|
1702
|
-
style:
|
|
1703
|
-
top:
|
|
1704
|
-
left:
|
|
1705
|
-
width:
|
|
1706
|
-
maxHeight:
|
|
2375
|
+
style: U ? {
|
|
2376
|
+
top: U.top,
|
|
2377
|
+
left: U.left,
|
|
2378
|
+
width: U.width,
|
|
2379
|
+
maxHeight: U.maxHeight
|
|
1707
2380
|
} : {
|
|
1708
2381
|
top: 0,
|
|
1709
2382
|
left: 0,
|
|
1710
2383
|
visibility: "hidden",
|
|
1711
2384
|
maxHeight: 0
|
|
1712
2385
|
},
|
|
1713
|
-
children:
|
|
2386
|
+
children: G.length === 0 ? /* @__PURE__ */ t("li", {
|
|
1714
2387
|
className: `${Q.empty} ${Q[x]}`,
|
|
1715
2388
|
children: o
|
|
1716
|
-
}) :
|
|
1717
|
-
let a = e.value === r, o = i ===
|
|
2389
|
+
}) : G.map((e, i) => {
|
|
2390
|
+
let a = e.value === r, o = i === V;
|
|
1718
2391
|
return /* @__PURE__ */ t("li", {
|
|
1719
2392
|
role: "presentation",
|
|
1720
2393
|
children: /* @__PURE__ */ n("button", {
|
|
@@ -1735,10 +2408,10 @@ var E = {
|
|
|
1735
2408
|
o ? Q.active : ""
|
|
1736
2409
|
].filter(Boolean).join(" "),
|
|
1737
2410
|
onPointerMove: () => {
|
|
1738
|
-
e.disabled ||
|
|
2411
|
+
e.disabled || H(i);
|
|
1739
2412
|
},
|
|
1740
|
-
onClick: () =>
|
|
1741
|
-
children: [/* @__PURE__ */ t("span", { children: e.label }), a &&
|
|
2413
|
+
onClick: () => le(e),
|
|
2414
|
+
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(J, {
|
|
1742
2415
|
name: "IconCheck",
|
|
1743
2416
|
width: 16,
|
|
1744
2417
|
height: 16
|
|
@@ -1755,137 +2428,137 @@ var E = {
|
|
|
1755
2428
|
C
|
|
1756
2429
|
].filter(Boolean).join(" "),
|
|
1757
2430
|
children: [
|
|
1758
|
-
v && /* @__PURE__ */ t(
|
|
1759
|
-
htmlFor:
|
|
2431
|
+
v && /* @__PURE__ */ t(ee, {
|
|
2432
|
+
htmlFor: re ? void 0 : O,
|
|
1760
2433
|
required: S,
|
|
1761
|
-
disabled:
|
|
2434
|
+
disabled: s,
|
|
1762
2435
|
children: v
|
|
1763
2436
|
}),
|
|
1764
|
-
|
|
2437
|
+
re ? /* @__PURE__ */ t("div", {
|
|
1765
2438
|
className: `${Q.disabledText} ${Q[x]}`,
|
|
1766
2439
|
children: ne?.label ?? a
|
|
1767
2440
|
}) : /* @__PURE__ */ n("div", {
|
|
1768
2441
|
className: Q.control,
|
|
1769
|
-
children: [/* @__PURE__ */ t(
|
|
2442
|
+
children: [/* @__PURE__ */ t(pt, {
|
|
1770
2443
|
id: O,
|
|
1771
|
-
name:
|
|
2444
|
+
name: w,
|
|
1772
2445
|
value: B,
|
|
1773
2446
|
placeholder: a,
|
|
1774
|
-
disabled:
|
|
1775
|
-
readOnly:
|
|
2447
|
+
disabled: s,
|
|
2448
|
+
readOnly: l,
|
|
1776
2449
|
required: S,
|
|
1777
2450
|
size: x,
|
|
1778
2451
|
clearable: !1,
|
|
1779
2452
|
autoComplete: "off",
|
|
1780
2453
|
className: `${Q.inputHost} ${Q[x]}`,
|
|
1781
|
-
onFocus:
|
|
2454
|
+
onFocus: ce,
|
|
1782
2455
|
onChange: (t) => {
|
|
1783
|
-
let n = String(t), r =
|
|
1784
|
-
|
|
2456
|
+
let n = String(t), r = mt(e, n);
|
|
2457
|
+
te(n), z(!0), H(ht(r, 0, 1));
|
|
1785
2458
|
},
|
|
1786
2459
|
role: "combobox",
|
|
1787
2460
|
"aria-autocomplete": "list",
|
|
1788
2461
|
"aria-expanded": R,
|
|
1789
|
-
"aria-controls":
|
|
1790
|
-
"aria-activedescendant":
|
|
2462
|
+
"aria-controls": A,
|
|
2463
|
+
"aria-activedescendant": ie ? `${O}-option-${V}` : void 0,
|
|
1791
2464
|
"aria-invalid": !!y,
|
|
1792
2465
|
"aria-describedby": P,
|
|
1793
|
-
onClick:
|
|
2466
|
+
onClick: ce,
|
|
1794
2467
|
onKeyDown: (e) => {
|
|
1795
|
-
if (!(
|
|
2468
|
+
if (!(s || l)) {
|
|
1796
2469
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
1797
2470
|
e.preventDefault();
|
|
1798
|
-
let t = e.key === "ArrowDown" ? 1 : -1, n =
|
|
1799
|
-
z(!0),
|
|
2471
|
+
let t = e.key === "ArrowDown" ? 1 : -1, n = V >= 0 ? V + t : t === 1 ? 0 : G.length - 1;
|
|
2472
|
+
z(!0), se(oe(n, t));
|
|
1800
2473
|
} else if (e.key === "Home" || e.key === "End") {
|
|
1801
2474
|
if (!R) return;
|
|
1802
2475
|
e.preventDefault();
|
|
1803
2476
|
let t = e.key === "Home" ? 1 : -1;
|
|
1804
|
-
|
|
1805
|
-
} else e.key === "Enter" && R &&
|
|
2477
|
+
se(oe(e.key === "Home" ? 0 : G.length - 1, t));
|
|
2478
|
+
} else e.key === "Enter" && R && ie ? (e.preventDefault(), le(ie)) : e.key === "Escape" && R ? (e.preventDefault(), z(!1), H(-1)) : e.key === "Tab" && (z(!1), H(-1));
|
|
1806
2479
|
}
|
|
1807
2480
|
}
|
|
1808
2481
|
}), /* @__PURE__ */ t("span", {
|
|
1809
2482
|
className: `${Q.chevron} ${R ? Q.chevronOpen : ""}`,
|
|
1810
2483
|
"aria-hidden": "true",
|
|
1811
|
-
children: /* @__PURE__ */ t(
|
|
2484
|
+
children: /* @__PURE__ */ t(J, {
|
|
1812
2485
|
name: "IconChevron",
|
|
1813
2486
|
width: 20,
|
|
1814
2487
|
height: 20
|
|
1815
2488
|
})
|
|
1816
2489
|
})]
|
|
1817
2490
|
}),
|
|
1818
|
-
R && typeof document < "u" &&
|
|
2491
|
+
R && typeof document < "u" && g(ue, document.body),
|
|
1819
2492
|
/* @__PURE__ */ n("span", {
|
|
1820
2493
|
id: j,
|
|
1821
2494
|
className: Q.visuallyHidden,
|
|
1822
2495
|
"aria-live": "polite",
|
|
1823
|
-
children: ["Найдено вариантов: ",
|
|
2496
|
+
children: ["Найдено вариантов: ", G.length]
|
|
1824
2497
|
}),
|
|
1825
|
-
b && !y && /* @__PURE__ */ t(
|
|
2498
|
+
b && !y && /* @__PURE__ */ t(k, {
|
|
1826
2499
|
id: M,
|
|
1827
2500
|
children: b
|
|
1828
2501
|
}),
|
|
1829
|
-
y && /* @__PURE__ */ t(
|
|
2502
|
+
y && /* @__PURE__ */ t(k, {
|
|
1830
2503
|
id: N,
|
|
1831
2504
|
variant: "error",
|
|
1832
2505
|
children: y
|
|
1833
2506
|
})
|
|
1834
2507
|
]
|
|
1835
2508
|
});
|
|
1836
|
-
},
|
|
2509
|
+
}, St = {
|
|
1837
2510
|
root: "_root_11adi_1",
|
|
1838
2511
|
header: "_header_11adi_21",
|
|
1839
2512
|
title: "_title_11adi_41",
|
|
1840
2513
|
dismiss: "_dismiss_11adi_55",
|
|
1841
2514
|
content: "_content_11adi_65"
|
|
1842
|
-
},
|
|
1843
|
-
let l = `ds-info-block-${
|
|
2515
|
+
}, Ct = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: c = "" }) => {
|
|
2516
|
+
let l = `ds-info-block-${d()}`;
|
|
1844
2517
|
return /* @__PURE__ */ n("section", {
|
|
1845
|
-
className: `${
|
|
2518
|
+
className: `${St.root} ${c}`,
|
|
1846
2519
|
"aria-labelledby": l,
|
|
1847
2520
|
children: [/* @__PURE__ */ n("header", {
|
|
1848
|
-
className:
|
|
2521
|
+
className: St.header,
|
|
1849
2522
|
children: [/* @__PURE__ */ t(s, {
|
|
1850
2523
|
id: l,
|
|
1851
|
-
className:
|
|
2524
|
+
className: St.title,
|
|
1852
2525
|
children: e
|
|
1853
|
-
}), i && /* @__PURE__ */ t(
|
|
1854
|
-
className:
|
|
2526
|
+
}), i && /* @__PURE__ */ t(D, {
|
|
2527
|
+
className: St.dismiss,
|
|
1855
2528
|
variant: "empty",
|
|
1856
2529
|
onClick: a,
|
|
1857
2530
|
"aria-label": o,
|
|
1858
|
-
children: /* @__PURE__ */ t(
|
|
2531
|
+
children: /* @__PURE__ */ t(J, {
|
|
1859
2532
|
name: "IconCross",
|
|
1860
2533
|
width: 20,
|
|
1861
2534
|
height: 20
|
|
1862
2535
|
})
|
|
1863
2536
|
})]
|
|
1864
2537
|
}), /* @__PURE__ */ t("div", {
|
|
1865
|
-
className:
|
|
2538
|
+
className: St.content,
|
|
1866
2539
|
children: r
|
|
1867
2540
|
})]
|
|
1868
2541
|
});
|
|
1869
|
-
},
|
|
2542
|
+
}, wt = {
|
|
1870
2543
|
wrapper: "_wrapper_1np4e_1",
|
|
1871
2544
|
input: "_input_1np4e_21",
|
|
1872
2545
|
switch: "_switch_1np4e_35",
|
|
1873
2546
|
thumb: "_thumb_1np4e_67",
|
|
1874
2547
|
label: "_label_1np4e_113",
|
|
1875
2548
|
disabled: "_disabled_1np4e_125"
|
|
1876
|
-
},
|
|
1877
|
-
let f =
|
|
2549
|
+
}, Tt = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: c, id: l, value: u }) => {
|
|
2550
|
+
let f = d(), p = l ?? `ds-radio-button-${c ?? f}`;
|
|
1878
2551
|
return /* @__PURE__ */ n("label", {
|
|
1879
2552
|
htmlFor: p,
|
|
1880
|
-
className: `${
|
|
2553
|
+
className: `${wt.wrapper} ${a ? wt.disabled : ""} ${s}`,
|
|
1881
2554
|
children: [
|
|
1882
2555
|
/* @__PURE__ */ t("input", {
|
|
1883
2556
|
id: p,
|
|
1884
|
-
className:
|
|
2557
|
+
className: wt.input,
|
|
1885
2558
|
type: "checkbox",
|
|
1886
2559
|
role: "switch",
|
|
1887
2560
|
name: c,
|
|
1888
|
-
value:
|
|
2561
|
+
value: u,
|
|
1889
2562
|
checked: e,
|
|
1890
2563
|
disabled: a,
|
|
1891
2564
|
"aria-readonly": o || void 0,
|
|
@@ -1894,21 +2567,21 @@ var E = {
|
|
|
1894
2567
|
}
|
|
1895
2568
|
}),
|
|
1896
2569
|
/* @__PURE__ */ t("span", {
|
|
1897
|
-
className:
|
|
2570
|
+
className: wt.switch,
|
|
1898
2571
|
"aria-hidden": "true",
|
|
1899
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
2572
|
+
children: /* @__PURE__ */ t("span", { className: wt.thumb })
|
|
1900
2573
|
}),
|
|
1901
2574
|
i && /* @__PURE__ */ t("span", {
|
|
1902
|
-
className:
|
|
2575
|
+
className: wt.label,
|
|
1903
2576
|
children: i
|
|
1904
2577
|
})
|
|
1905
2578
|
]
|
|
1906
2579
|
});
|
|
1907
|
-
},
|
|
2580
|
+
}, Et = {
|
|
1908
2581
|
root: "_root_1ecm3_1",
|
|
1909
2582
|
grid: "_grid_1ecm3_13",
|
|
1910
2583
|
actions: "_actions_1ecm3_27"
|
|
1911
|
-
},
|
|
2584
|
+
}, Dt = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
1912
2585
|
let d = (e, t) => {
|
|
1913
2586
|
let n = {
|
|
1914
2587
|
...r,
|
|
@@ -1917,11 +2590,11 @@ var E = {
|
|
|
1917
2590
|
i?.(n, e), s === "instant" && a?.(n);
|
|
1918
2591
|
};
|
|
1919
2592
|
return /* @__PURE__ */ n("section", {
|
|
1920
|
-
className: `${
|
|
2593
|
+
className: `${Et.root} ${u}`,
|
|
1921
2594
|
"aria-label": "Фильтры",
|
|
1922
2595
|
"aria-busy": c,
|
|
1923
2596
|
children: [/* @__PURE__ */ t("div", {
|
|
1924
|
-
className:
|
|
2597
|
+
className: Et.grid,
|
|
1925
2598
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
1926
2599
|
let n = l || c || e.disabled, i = r[e.id];
|
|
1927
2600
|
if (e.type === "input") {
|
|
@@ -1931,19 +2604,19 @@ var E = {
|
|
|
1931
2604
|
placeholder: e.placeholder,
|
|
1932
2605
|
disabled: n
|
|
1933
2606
|
};
|
|
1934
|
-
return e.inputType === "number" ? /* @__PURE__ */ t(
|
|
2607
|
+
return e.inputType === "number" ? /* @__PURE__ */ t(pt, {
|
|
1935
2608
|
...r,
|
|
1936
2609
|
type: "number",
|
|
1937
2610
|
value: i ?? "",
|
|
1938
2611
|
onChange: (t) => d(e.id, t)
|
|
1939
|
-
}, e.id) : /* @__PURE__ */ t(
|
|
2612
|
+
}, e.id) : /* @__PURE__ */ t(pt, {
|
|
1940
2613
|
...r,
|
|
1941
2614
|
type: "text",
|
|
1942
2615
|
value: String(i ?? ""),
|
|
1943
2616
|
onChange: (t) => d(e.id, t)
|
|
1944
2617
|
}, e.id);
|
|
1945
2618
|
}
|
|
1946
|
-
if (e.type === "dropdown") return /* @__PURE__ */ t(
|
|
2619
|
+
if (e.type === "dropdown") return /* @__PURE__ */ t(Ge, {
|
|
1947
2620
|
label: e.label,
|
|
1948
2621
|
hint: e.hint,
|
|
1949
2622
|
placeholder: e.placeholder,
|
|
@@ -1952,7 +2625,7 @@ var E = {
|
|
|
1952
2625
|
disabled: n,
|
|
1953
2626
|
onChange: (t) => d(e.id, t)
|
|
1954
2627
|
}, e.id);
|
|
1955
|
-
if (e.type === "multiple") return /* @__PURE__ */ t(
|
|
2628
|
+
if (e.type === "multiple") return /* @__PURE__ */ t(dt, {
|
|
1956
2629
|
label: e.label,
|
|
1957
2630
|
hint: e.hint,
|
|
1958
2631
|
placeholder: e.placeholder,
|
|
@@ -1961,14 +2634,14 @@ var E = {
|
|
|
1961
2634
|
disabled: n,
|
|
1962
2635
|
onChange: (t) => d(e.id, t)
|
|
1963
2636
|
}, e.id);
|
|
1964
|
-
if (e.type === "checkbox") return /* @__PURE__ */ t(
|
|
2637
|
+
if (e.type === "checkbox") return /* @__PURE__ */ t(me, {
|
|
1965
2638
|
label: e.label,
|
|
1966
2639
|
hint: e.hint,
|
|
1967
2640
|
checked: !!i,
|
|
1968
2641
|
disabled: n,
|
|
1969
2642
|
onChange: (t) => d(e.id, t)
|
|
1970
2643
|
}, e.id);
|
|
1971
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
2644
|
+
if (e.type === "radio") return /* @__PURE__ */ t(Tt, {
|
|
1972
2645
|
label: e.label,
|
|
1973
2646
|
checked: !!i,
|
|
1974
2647
|
disabled: n,
|
|
@@ -1978,7 +2651,7 @@ var E = {
|
|
|
1978
2651
|
from: null,
|
|
1979
2652
|
to: null
|
|
1980
2653
|
};
|
|
1981
|
-
return /* @__PURE__ */ t(
|
|
2654
|
+
return /* @__PURE__ */ t(Le, {
|
|
1982
2655
|
hint: e.hint,
|
|
1983
2656
|
mode: e.mode,
|
|
1984
2657
|
min: e.min,
|
|
@@ -1989,13 +2662,13 @@ var E = {
|
|
|
1989
2662
|
}, e.id);
|
|
1990
2663
|
})
|
|
1991
2664
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
1992
|
-
className:
|
|
1993
|
-
children: [o && /* @__PURE__ */ t(
|
|
2665
|
+
className: Et.actions,
|
|
2666
|
+
children: [o && /* @__PURE__ */ t(D, {
|
|
1994
2667
|
variant: "destructiveOutline",
|
|
1995
2668
|
disabled: l || c,
|
|
1996
2669
|
onClick: o,
|
|
1997
2670
|
children: "Сбросить"
|
|
1998
|
-
}), s === "manual" && /* @__PURE__ */ t(
|
|
2671
|
+
}), s === "manual" && /* @__PURE__ */ t(D, {
|
|
1999
2672
|
isLoading: c,
|
|
2000
2673
|
disabled: l,
|
|
2001
2674
|
onClick: () => a?.(r),
|
|
@@ -2003,7 +2676,7 @@ var E = {
|
|
|
2003
2676
|
})]
|
|
2004
2677
|
})]
|
|
2005
2678
|
});
|
|
2006
|
-
},
|
|
2679
|
+
}, Ot = {
|
|
2007
2680
|
wrapper: "_wrapper_i20hz_1",
|
|
2008
2681
|
dropzone: "_dropzone_i20hz_15",
|
|
2009
2682
|
dragActive: "_dragActive_i20hz_45",
|
|
@@ -2016,121 +2689,121 @@ var E = {
|
|
|
2016
2689
|
file: "_file_i20hz_133",
|
|
2017
2690
|
fileName: "_fileName_i20hz_175",
|
|
2018
2691
|
fileSize: "_fileSize_i20hz_187"
|
|
2019
|
-
},
|
|
2020
|
-
let
|
|
2021
|
-
let t = [], n = new Set(r.map(
|
|
2692
|
+
}, kt = (e) => `${e.name}:${e.size}:${e.lastModified}`, At = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, jt = (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), Mt = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: c, label: l, hint: u, error: f, required: p = !1, disabled: g = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: w }) => {
|
|
2693
|
+
let T = d(), E = y ?? `ds-file-input-${v ?? T}`, O = m(null), A = m(0), [j, M] = h(!1), N = u ? `${E}-hint` : void 0, P = f ? `${E}-error` : void 0, F = [N, P].filter(Boolean).join(" ") || void 0, I = !g && !_, L = (e) => {
|
|
2694
|
+
let t = [], n = new Set(r.map(kt)), l = e.filter((e) => jt(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
2022
2695
|
file: e,
|
|
2023
2696
|
reason: "maxSize"
|
|
2024
|
-
}), !1) : !n.has(
|
|
2697
|
+
}), !1) : !n.has(kt(e)) && (n.add(kt(e)), !0) : (t.push({
|
|
2025
2698
|
file: e,
|
|
2026
2699
|
reason: "accept"
|
|
2027
2700
|
}), !1)), u = a ? c : 1, d = a ? [...r, ...l] : l.slice(-1);
|
|
2028
2701
|
u !== void 0 && d.length > u && (d.slice(u).forEach((e) => t.push({
|
|
2029
2702
|
file: e,
|
|
2030
2703
|
reason: "maxFiles"
|
|
2031
|
-
})), d = d.slice(0, u)), t.length &&
|
|
2704
|
+
})), d = d.slice(0, u)), t.length && w?.(t), l.length && i?.(d), O.current && (O.current.value = "");
|
|
2032
2705
|
};
|
|
2033
2706
|
return /* @__PURE__ */ n("div", {
|
|
2034
|
-
className: `${
|
|
2707
|
+
className: `${Ot.wrapper} ${b}`,
|
|
2035
2708
|
children: [
|
|
2036
|
-
l && /* @__PURE__ */ t(
|
|
2709
|
+
l && /* @__PURE__ */ t(ee, {
|
|
2037
2710
|
htmlFor: E,
|
|
2038
|
-
required:
|
|
2711
|
+
required: p,
|
|
2039
2712
|
disabled: g,
|
|
2040
2713
|
children: l
|
|
2041
2714
|
}),
|
|
2042
2715
|
/* @__PURE__ */ n("div", {
|
|
2043
|
-
className: `${
|
|
2716
|
+
className: `${Ot.dropzone} ${j ? Ot.dragActive : ""} ${g ? Ot.disabled : ""} ${f ? Ot.error : ""}`,
|
|
2044
2717
|
onDragEnter: (e) => {
|
|
2045
|
-
e.preventDefault(), I && ++
|
|
2718
|
+
e.preventDefault(), I && ++A.current === 1 && M(!0);
|
|
2046
2719
|
},
|
|
2047
2720
|
onDragOver: (e) => e.preventDefault(),
|
|
2048
2721
|
onDragLeave: (e) => {
|
|
2049
|
-
e.preventDefault(), --
|
|
2722
|
+
e.preventDefault(), --A.current <= 0 && (A.current = 0, M(!1));
|
|
2050
2723
|
},
|
|
2051
2724
|
onDrop: (e) => {
|
|
2052
|
-
e.preventDefault(),
|
|
2725
|
+
e.preventDefault(), A.current = 0, M(!1), I && L(Array.from(e.dataTransfer.files));
|
|
2053
2726
|
},
|
|
2054
2727
|
children: [/* @__PURE__ */ t("input", {
|
|
2055
2728
|
ref: O,
|
|
2056
2729
|
id: E,
|
|
2057
2730
|
name: v,
|
|
2058
|
-
className:
|
|
2731
|
+
className: Ot.nativeInput,
|
|
2059
2732
|
type: "file",
|
|
2060
2733
|
multiple: a,
|
|
2061
2734
|
accept: o,
|
|
2062
|
-
required:
|
|
2735
|
+
required: p && r.length === 0,
|
|
2063
2736
|
disabled: !I,
|
|
2064
2737
|
"aria-describedby": F,
|
|
2065
2738
|
"aria-invalid": !!f,
|
|
2066
2739
|
onChange: (e) => L(Array.from(e.target.files ?? []))
|
|
2067
2740
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
2068
2741
|
/* @__PURE__ */ t("ul", {
|
|
2069
|
-
className:
|
|
2742
|
+
className: Ot.files,
|
|
2070
2743
|
"aria-live": "polite",
|
|
2071
2744
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
2072
|
-
className:
|
|
2745
|
+
className: Ot.file,
|
|
2073
2746
|
children: [
|
|
2074
2747
|
/* @__PURE__ */ t("span", {
|
|
2075
|
-
className:
|
|
2748
|
+
className: Ot.fileName,
|
|
2076
2749
|
title: e.name,
|
|
2077
2750
|
children: e.name
|
|
2078
2751
|
}),
|
|
2079
2752
|
/* @__PURE__ */ t("span", {
|
|
2080
|
-
className:
|
|
2081
|
-
children:
|
|
2753
|
+
className: Ot.fileSize,
|
|
2754
|
+
children: At(e.size)
|
|
2082
2755
|
}),
|
|
2083
|
-
I && /* @__PURE__ */ t(
|
|
2756
|
+
I && /* @__PURE__ */ t(D, {
|
|
2084
2757
|
variant: "empty",
|
|
2085
2758
|
size: "sm",
|
|
2086
2759
|
"aria-label": `Удалить файл ${e.name}`,
|
|
2087
2760
|
onClick: () => i?.(r.filter((e, t) => t !== a)),
|
|
2088
|
-
children: /* @__PURE__ */ t(
|
|
2761
|
+
children: /* @__PURE__ */ t(J, {
|
|
2089
2762
|
name: "IconCross",
|
|
2090
2763
|
width: 16,
|
|
2091
2764
|
height: 16
|
|
2092
2765
|
})
|
|
2093
2766
|
})
|
|
2094
2767
|
]
|
|
2095
|
-
},
|
|
2768
|
+
}, kt(e)))
|
|
2096
2769
|
}),
|
|
2097
|
-
I && (a || r.length === 0) && /* @__PURE__ */ t(
|
|
2098
|
-
className:
|
|
2770
|
+
I && (a || r.length === 0) && /* @__PURE__ */ t(D, {
|
|
2771
|
+
className: Ot.browseButton,
|
|
2099
2772
|
size: "sm",
|
|
2100
2773
|
onClick: () => O.current?.click(),
|
|
2101
2774
|
children: C
|
|
2102
2775
|
}),
|
|
2103
|
-
I && !a && /* @__PURE__ */ t(
|
|
2104
|
-
className:
|
|
2776
|
+
I && !a && /* @__PURE__ */ t(D, {
|
|
2777
|
+
className: Ot.browseButton,
|
|
2105
2778
|
size: "sm",
|
|
2106
2779
|
onClick: () => O.current?.click(),
|
|
2107
2780
|
children: S
|
|
2108
2781
|
})
|
|
2109
2782
|
] }) : /* @__PURE__ */ n("div", {
|
|
2110
|
-
className:
|
|
2783
|
+
className: Ot.empty,
|
|
2111
2784
|
children: [
|
|
2112
2785
|
/* @__PURE__ */ t("span", {
|
|
2113
|
-
className:
|
|
2786
|
+
className: Ot.uploadIcon,
|
|
2114
2787
|
"aria-hidden": "true",
|
|
2115
|
-
children: /* @__PURE__ */ t(
|
|
2788
|
+
children: /* @__PURE__ */ t(J, {
|
|
2116
2789
|
name: "IconUpload",
|
|
2117
2790
|
width: 24,
|
|
2118
2791
|
height: 24
|
|
2119
2792
|
})
|
|
2120
2793
|
}),
|
|
2121
2794
|
/* @__PURE__ */ t("strong", { children: j ? "Отпустите файлы здесь" : x }),
|
|
2122
|
-
!j && I && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(
|
|
2795
|
+
!j && I && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(D, {
|
|
2123
2796
|
onClick: () => O.current?.click(),
|
|
2124
2797
|
children: S
|
|
2125
2798
|
})] })
|
|
2126
2799
|
]
|
|
2127
2800
|
})]
|
|
2128
2801
|
}),
|
|
2129
|
-
|
|
2802
|
+
u && !f && /* @__PURE__ */ t(k, {
|
|
2130
2803
|
id: N,
|
|
2131
|
-
children:
|
|
2804
|
+
children: u
|
|
2132
2805
|
}),
|
|
2133
|
-
f && /* @__PURE__ */ t(
|
|
2806
|
+
f && /* @__PURE__ */ t(k, {
|
|
2134
2807
|
id: P,
|
|
2135
2808
|
variant: "error",
|
|
2136
2809
|
live: !0,
|
|
@@ -2138,7 +2811,7 @@ var E = {
|
|
|
2138
2811
|
})
|
|
2139
2812
|
]
|
|
2140
2813
|
});
|
|
2141
|
-
},
|
|
2814
|
+
}, Nt = {
|
|
2142
2815
|
wrapper: "_wrapper_x2gki_1",
|
|
2143
2816
|
control: "_control_x2gki_15",
|
|
2144
2817
|
textarea: "_textarea_x2gki_25",
|
|
@@ -2152,34 +2825,34 @@ var E = {
|
|
|
2152
2825
|
clearAction: "_clearAction_x2gki_171",
|
|
2153
2826
|
messages: "_messages_x2gki_251",
|
|
2154
2827
|
counter: "_counter_x2gki_265"
|
|
2155
|
-
},
|
|
2156
|
-
function
|
|
2828
|
+
}, Pt = 2;
|
|
2829
|
+
function Ft(e) {
|
|
2157
2830
|
let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
|
|
2158
2831
|
return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
|
|
2159
2832
|
}
|
|
2160
|
-
function
|
|
2161
|
-
let
|
|
2833
|
+
function It({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, readOnly: o = !1, stringWhileDisabled: s = !1, label: l, error: f, hint: p, className: h = "", name: g, id: _, size: v = "md", clearable: y = !1, required: b = !1, maxLength: x, showCount: S = !1, minRows: C = Pt, maxRows: w, autoResize: T = !0, ...E }) {
|
|
2834
|
+
let D = d(), O = _ ?? `ds-textarea-${g ?? D}`, A = m(null), j = p ? `${O}-hint` : void 0, M = f ? `${O}-error` : void 0, N = S && x ? `${O}-count` : void 0, P = [
|
|
2162
2835
|
j,
|
|
2163
2836
|
M,
|
|
2164
2837
|
N
|
|
2165
|
-
].filter(Boolean).join(" ") || void 0, F = Math.max(1, C), I =
|
|
2166
|
-
let e =
|
|
2167
|
-
if (!e || !
|
|
2168
|
-
let t = window.getComputedStyle(e), n =
|
|
2838
|
+
].filter(Boolean).join(" ") || void 0, F = Math.max(1, C), I = w === void 0 ? void 0 : Math.max(F, w), L = c(() => {
|
|
2839
|
+
let e = A.current;
|
|
2840
|
+
if (!e || !T) return;
|
|
2841
|
+
let t = window.getComputedStyle(e), n = Ft(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;
|
|
2169
2842
|
e.style.height = "auto";
|
|
2170
2843
|
let o = Math.min(Math.max(e.scrollHeight, i), a);
|
|
2171
2844
|
e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
|
|
2172
2845
|
}, [
|
|
2173
|
-
|
|
2846
|
+
T,
|
|
2174
2847
|
I,
|
|
2175
2848
|
F
|
|
2176
2849
|
]);
|
|
2177
|
-
|
|
2850
|
+
u(() => {
|
|
2178
2851
|
L();
|
|
2179
|
-
}, [L, e]),
|
|
2180
|
-
if (!
|
|
2852
|
+
}, [L, e]), u(() => {
|
|
2853
|
+
if (!T) return;
|
|
2181
2854
|
window.addEventListener("resize", L);
|
|
2182
|
-
let e =
|
|
2855
|
+
let e = A.current?.parentElement, t;
|
|
2183
2856
|
if (e && typeof ResizeObserver < "u") {
|
|
2184
2857
|
let n = e.getBoundingClientRect().width;
|
|
2185
2858
|
t = new ResizeObserver(([e]) => {
|
|
@@ -2189,32 +2862,32 @@ function st({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2189
2862
|
return () => {
|
|
2190
2863
|
window.removeEventListener("resize", L), t?.disconnect();
|
|
2191
2864
|
};
|
|
2192
|
-
}, [
|
|
2865
|
+
}, [T, L]);
|
|
2193
2866
|
let R = (e) => {
|
|
2194
2867
|
r?.(e.target.value, e), L();
|
|
2195
2868
|
}, z = () => {
|
|
2196
|
-
let e =
|
|
2869
|
+
let e = A.current;
|
|
2197
2870
|
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), L());
|
|
2198
2871
|
}, B = { "--ds-textarea-min-rows": F };
|
|
2199
2872
|
return /* @__PURE__ */ n("div", {
|
|
2200
|
-
className: `${
|
|
2873
|
+
className: `${Nt.wrapper} ${h}`,
|
|
2201
2874
|
children: [
|
|
2202
|
-
|
|
2875
|
+
l && /* @__PURE__ */ t(ee, {
|
|
2203
2876
|
htmlFor: O,
|
|
2204
2877
|
required: b,
|
|
2205
2878
|
disabled: a,
|
|
2206
|
-
children:
|
|
2879
|
+
children: l
|
|
2207
2880
|
}),
|
|
2208
|
-
a &&
|
|
2881
|
+
a && s ? /* @__PURE__ */ t("div", {
|
|
2209
2882
|
id: O,
|
|
2210
|
-
className: `${
|
|
2883
|
+
className: `${Nt.disabledText} ${Nt[v]}`,
|
|
2211
2884
|
style: B,
|
|
2212
2885
|
"aria-describedby": P,
|
|
2213
2886
|
children: e || i
|
|
2214
2887
|
}) : /* @__PURE__ */ n("div", {
|
|
2215
|
-
className:
|
|
2888
|
+
className: Nt.control,
|
|
2216
2889
|
children: [/* @__PURE__ */ t("textarea", {
|
|
2217
|
-
ref:
|
|
2890
|
+
ref: A,
|
|
2218
2891
|
id: O,
|
|
2219
2892
|
name: g,
|
|
2220
2893
|
value: e,
|
|
@@ -2227,36 +2900,36 @@ function st({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2227
2900
|
style: B,
|
|
2228
2901
|
"aria-invalid": !!f,
|
|
2229
2902
|
"aria-describedby": P,
|
|
2230
|
-
className: `${
|
|
2903
|
+
className: `${Nt.textarea} ${Nt[v]} ${T ? Nt.autoResize : Nt.manualResize} ${f ? Nt.textareaError : ""}`,
|
|
2231
2904
|
onChange: R,
|
|
2232
|
-
...
|
|
2905
|
+
...E
|
|
2233
2906
|
}), y && e && !a && !o && /* @__PURE__ */ t("button", {
|
|
2234
2907
|
type: "button",
|
|
2235
|
-
className:
|
|
2908
|
+
className: Nt.clearAction,
|
|
2236
2909
|
"aria-label": "Очистить поле",
|
|
2237
2910
|
onClick: z,
|
|
2238
|
-
children: /* @__PURE__ */ t(
|
|
2911
|
+
children: /* @__PURE__ */ t(J, {
|
|
2239
2912
|
name: "IconCross",
|
|
2240
2913
|
width: 20,
|
|
2241
2914
|
height: 20
|
|
2242
2915
|
})
|
|
2243
2916
|
})]
|
|
2244
2917
|
}),
|
|
2245
|
-
(
|
|
2246
|
-
className:
|
|
2918
|
+
(p || f || N) && /* @__PURE__ */ n("div", {
|
|
2919
|
+
className: Nt.messages,
|
|
2247
2920
|
children: [
|
|
2248
|
-
|
|
2921
|
+
p && !f && /* @__PURE__ */ t(k, {
|
|
2249
2922
|
id: j,
|
|
2250
|
-
children:
|
|
2923
|
+
children: p
|
|
2251
2924
|
}),
|
|
2252
|
-
f && /* @__PURE__ */ t(
|
|
2925
|
+
f && /* @__PURE__ */ t(k, {
|
|
2253
2926
|
id: M,
|
|
2254
2927
|
variant: "error",
|
|
2255
2928
|
children: f
|
|
2256
2929
|
}),
|
|
2257
2930
|
N && /* @__PURE__ */ n("span", {
|
|
2258
2931
|
id: N,
|
|
2259
|
-
className:
|
|
2932
|
+
className: Nt.counter,
|
|
2260
2933
|
children: [
|
|
2261
2934
|
e.length,
|
|
2262
2935
|
" / ",
|
|
@@ -2270,11 +2943,11 @@ function st({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2270
2943
|
}
|
|
2271
2944
|
//#endregion
|
|
2272
2945
|
//#region src/components/DSModal/modal.store.ts
|
|
2273
|
-
var
|
|
2946
|
+
var Lt = 0, Rt = x((e, t) => ({
|
|
2274
2947
|
modals: [],
|
|
2275
2948
|
openModal: (t, n = {}, r = {}) => {
|
|
2276
|
-
|
|
2277
|
-
let i = `ds-modal-${
|
|
2949
|
+
Lt += 1;
|
|
2950
|
+
let i = `ds-modal-${Lt}`;
|
|
2278
2951
|
return e((e) => ({ modals: [...e.modals, {
|
|
2279
2952
|
id: i,
|
|
2280
2953
|
name: t,
|
|
@@ -2298,9 +2971,9 @@ var ct = 0, lt = b((e, t) => ({
|
|
|
2298
2971
|
let n = t().modals;
|
|
2299
2972
|
n.length && (e({ modals: [] }), n.forEach((e) => e.onClose?.()));
|
|
2300
2973
|
}
|
|
2301
|
-
})),
|
|
2302
|
-
|
|
2303
|
-
},
|
|
2974
|
+
})), zt = () => {
|
|
2975
|
+
Rt.getState().closeAllModals(), Lt = 0;
|
|
2976
|
+
}, Bt = {
|
|
2304
2977
|
layer: "_layer_1mvch_1",
|
|
2305
2978
|
backdrop: "_backdrop_1mvch_15",
|
|
2306
2979
|
panel: "_panel_1mvch_35",
|
|
@@ -2309,10 +2982,10 @@ var ct = 0, lt = b((e, t) => ({
|
|
|
2309
2982
|
description: "_description_1mvch_93",
|
|
2310
2983
|
content: "_content_1mvch_107",
|
|
2311
2984
|
close: "_close_1mvch_115"
|
|
2312
|
-
},
|
|
2313
|
-
function
|
|
2985
|
+
}, Vt = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Ht = i({});
|
|
2986
|
+
function Ut(e) {
|
|
2314
2987
|
if (e.key !== "Tab") return;
|
|
2315
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
2988
|
+
let t = Array.from(e.currentTarget.querySelectorAll(Vt));
|
|
2316
2989
|
if (!t.length) {
|
|
2317
2990
|
e.preventDefault();
|
|
2318
2991
|
return;
|
|
@@ -2320,34 +2993,34 @@ function mt(e) {
|
|
|
2320
2993
|
let n = t[0], r = t.at(-1);
|
|
2321
2994
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
|
|
2322
2995
|
}
|
|
2323
|
-
var
|
|
2324
|
-
let f =
|
|
2325
|
-
return
|
|
2996
|
+
var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: s = "", role: c = "dialog" }) => {
|
|
2997
|
+
let f = l(Ht), p = r ?? f.title, h = i ?? f.description, g = d(), _ = d(), v = m(null), y = Rt((e) => e.closeModal), b = p != null, x = h != null;
|
|
2998
|
+
return u(() => {
|
|
2326
2999
|
let e = document.activeElement, t = v.current;
|
|
2327
|
-
return (t?.querySelector(
|
|
3000
|
+
return (t?.querySelector(Vt) ?? t)?.focus(), () => e?.focus();
|
|
2328
3001
|
}, []), /* @__PURE__ */ n("div", {
|
|
2329
3002
|
ref: v,
|
|
2330
|
-
className: `${
|
|
2331
|
-
role:
|
|
3003
|
+
className: `${Bt.panel} ${s}`,
|
|
3004
|
+
role: c,
|
|
2332
3005
|
"aria-modal": "true",
|
|
2333
3006
|
"aria-labelledby": b ? g : void 0,
|
|
2334
3007
|
"aria-describedby": x ? _ : void 0,
|
|
2335
3008
|
tabIndex: -1,
|
|
2336
|
-
onKeyDown:
|
|
3009
|
+
onKeyDown: Ut,
|
|
2337
3010
|
children: [
|
|
2338
3011
|
(b || o) && /* @__PURE__ */ n("header", {
|
|
2339
|
-
className:
|
|
3012
|
+
className: Bt.header,
|
|
2340
3013
|
children: [b && /* @__PURE__ */ t("h2", {
|
|
2341
3014
|
id: g,
|
|
2342
|
-
className:
|
|
2343
|
-
children:
|
|
2344
|
-
}), /* @__PURE__ */ t(
|
|
2345
|
-
className:
|
|
3015
|
+
className: Bt.title,
|
|
3016
|
+
children: p
|
|
3017
|
+
}), /* @__PURE__ */ t(D, {
|
|
3018
|
+
className: Bt.close,
|
|
2346
3019
|
variant: "empty",
|
|
2347
3020
|
size: "sm",
|
|
2348
3021
|
"aria-label": o,
|
|
2349
3022
|
onClick: () => y(a),
|
|
2350
|
-
children: /* @__PURE__ */ t(
|
|
3023
|
+
children: /* @__PURE__ */ t(J, {
|
|
2351
3024
|
name: "IconCross",
|
|
2352
3025
|
width: 24,
|
|
2353
3026
|
height: 24
|
|
@@ -2356,25 +3029,25 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2356
3029
|
}),
|
|
2357
3030
|
x && /* @__PURE__ */ t("p", {
|
|
2358
3031
|
id: _,
|
|
2359
|
-
className:
|
|
3032
|
+
className: Bt.description,
|
|
2360
3033
|
children: h
|
|
2361
3034
|
}),
|
|
2362
3035
|
/* @__PURE__ */ t("div", {
|
|
2363
|
-
className:
|
|
3036
|
+
className: Bt.content,
|
|
2364
3037
|
children: e
|
|
2365
3038
|
})
|
|
2366
3039
|
]
|
|
2367
3040
|
});
|
|
2368
|
-
},
|
|
2369
|
-
let n =
|
|
2370
|
-
return
|
|
3041
|
+
}, Gt = ({ registry: e }) => {
|
|
3042
|
+
let n = Rt((e) => e.modals), r = Rt((e) => e.closeModal), i = Rt((e) => e.closeAllModals);
|
|
3043
|
+
return u(() => {
|
|
2371
3044
|
let e = (e) => {
|
|
2372
3045
|
if (e.key !== "Escape") return;
|
|
2373
|
-
let t =
|
|
3046
|
+
let t = Rt.getState().modals.at(-1);
|
|
2374
3047
|
t?.closeOnEscape && r(t.id);
|
|
2375
3048
|
};
|
|
2376
3049
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
2377
|
-
}, [r]),
|
|
3050
|
+
}, [r]), u(() => {
|
|
2378
3051
|
n.forEach((t) => {
|
|
2379
3052
|
e[t.name] || r(t.id);
|
|
2380
3053
|
});
|
|
@@ -2382,19 +3055,19 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2382
3055
|
r,
|
|
2383
3056
|
n,
|
|
2384
3057
|
e
|
|
2385
|
-
]), !n.length || typeof document > "u" ? null :
|
|
2386
|
-
className:
|
|
3058
|
+
]), !n.length || typeof document > "u" ? null : g(/* @__PURE__ */ t("div", {
|
|
3059
|
+
className: Bt.layer,
|
|
2387
3060
|
"aria-label": "Модальные окна",
|
|
2388
3061
|
children: n.map((a, o) => {
|
|
2389
3062
|
let s = e[a.name];
|
|
2390
3063
|
return s ? /* @__PURE__ */ t("div", {
|
|
2391
|
-
className:
|
|
3064
|
+
className: Bt.backdrop,
|
|
2392
3065
|
"aria-hidden": o !== n.length - 1 || void 0,
|
|
2393
3066
|
inert: o !== n.length - 1 || void 0,
|
|
2394
3067
|
onMouseDown: (e) => {
|
|
2395
3068
|
e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
|
|
2396
3069
|
},
|
|
2397
|
-
children: /* @__PURE__ */ t(
|
|
3070
|
+
children: /* @__PURE__ */ t(Ht.Provider, {
|
|
2398
3071
|
value: {
|
|
2399
3072
|
title: a.title ?? a.payload.title,
|
|
2400
3073
|
description: a.description ?? a.payload.description
|
|
@@ -2409,83 +3082,83 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2409
3082
|
}, a.id) : null;
|
|
2410
3083
|
})
|
|
2411
3084
|
}), document.body);
|
|
2412
|
-
},
|
|
2413
|
-
let o =
|
|
2414
|
-
return
|
|
3085
|
+
}, Kt = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
3086
|
+
let o = Rt((e) => e.modals.length);
|
|
3087
|
+
return u(() => {
|
|
2415
3088
|
if (!a || o === 0) return;
|
|
2416
3089
|
let e = document.body.style.overflow;
|
|
2417
3090
|
return document.body.style.overflow = "hidden", () => {
|
|
2418
3091
|
document.body.style.overflow = e;
|
|
2419
3092
|
};
|
|
2420
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
2421
|
-
},
|
|
3093
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Gt, { registry: r })] });
|
|
3094
|
+
}, qt = (e) => e, Jt = {
|
|
2422
3095
|
message: "_message_c23ie_1",
|
|
2423
3096
|
actions: "_actions_c23ie_13"
|
|
2424
|
-
},
|
|
3097
|
+
}, Yt = /* @__PURE__ */ new Map(), Xt = 0, Zt = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
2425
3098
|
let u = (e) => {
|
|
2426
|
-
|
|
3099
|
+
Yt.get(l)?.(e), Yt.delete(l), r();
|
|
2427
3100
|
};
|
|
2428
|
-
return /* @__PURE__ */ n(
|
|
3101
|
+
return /* @__PURE__ */ n(Wt, {
|
|
2429
3102
|
modalId: e,
|
|
2430
3103
|
title: i,
|
|
2431
3104
|
role: "alertdialog",
|
|
2432
3105
|
children: [/* @__PURE__ */ t("p", {
|
|
2433
|
-
className:
|
|
3106
|
+
className: Jt.message,
|
|
2434
3107
|
children: a
|
|
2435
3108
|
}), /* @__PURE__ */ n("div", {
|
|
2436
|
-
className:
|
|
2437
|
-
children: [/* @__PURE__ */ t(
|
|
3109
|
+
className: Jt.actions,
|
|
3110
|
+
children: [/* @__PURE__ */ t(D, {
|
|
2438
3111
|
variant: "outline",
|
|
2439
3112
|
onClick: () => u(!1),
|
|
2440
3113
|
children: s
|
|
2441
|
-
}), /* @__PURE__ */ t(
|
|
3114
|
+
}), /* @__PURE__ */ t(D, {
|
|
2442
3115
|
variant: c === "danger" ? "destructive" : "primary",
|
|
2443
3116
|
onClick: () => u(!0),
|
|
2444
3117
|
children: o
|
|
2445
3118
|
})]
|
|
2446
3119
|
})]
|
|
2447
3120
|
});
|
|
2448
|
-
},
|
|
3121
|
+
}, Qt = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Wt, {
|
|
2449
3122
|
modalId: e,
|
|
2450
3123
|
title: i,
|
|
2451
3124
|
role: "alertdialog",
|
|
2452
3125
|
children: [/* @__PURE__ */ t("p", {
|
|
2453
|
-
className:
|
|
3126
|
+
className: Jt.message,
|
|
2454
3127
|
children: a
|
|
2455
3128
|
}), /* @__PURE__ */ t("div", {
|
|
2456
|
-
className:
|
|
2457
|
-
children: /* @__PURE__ */ t(
|
|
3129
|
+
className: Jt.actions,
|
|
3130
|
+
children: /* @__PURE__ */ t(D, {
|
|
2458
3131
|
onClick: r,
|
|
2459
3132
|
children: o
|
|
2460
3133
|
})
|
|
2461
3134
|
})]
|
|
2462
|
-
}),
|
|
2463
|
-
ConfirmModal:
|
|
2464
|
-
ErrorModal:
|
|
2465
|
-
}),
|
|
2466
|
-
let e =
|
|
3135
|
+
}), $t = qt({
|
|
3136
|
+
ConfirmModal: Zt,
|
|
3137
|
+
ErrorModal: Qt
|
|
3138
|
+
}), en = () => {
|
|
3139
|
+
let e = Rt((e) => e.openModal);
|
|
2467
3140
|
return (t = {}) => new Promise((n) => {
|
|
2468
|
-
|
|
2469
|
-
let r = `confirm-${
|
|
2470
|
-
|
|
3141
|
+
Xt += 1;
|
|
3142
|
+
let r = `confirm-${Xt}`;
|
|
3143
|
+
Yt.set(r, n), e("ConfirmModal", {
|
|
2471
3144
|
...t,
|
|
2472
3145
|
requestId: r
|
|
2473
3146
|
}, {
|
|
2474
3147
|
closeOnEscape: !1,
|
|
2475
3148
|
onClose: () => {
|
|
2476
|
-
|
|
3149
|
+
Yt.get(r)?.(!1), Yt.delete(r);
|
|
2477
3150
|
}
|
|
2478
3151
|
});
|
|
2479
3152
|
});
|
|
2480
|
-
},
|
|
2481
|
-
let e =
|
|
3153
|
+
}, tn = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", nn = () => {
|
|
3154
|
+
let e = Rt((e) => e.openModal);
|
|
2482
3155
|
return { showError: (t, n) => e("ErrorModal", {
|
|
2483
3156
|
title: n,
|
|
2484
|
-
message:
|
|
3157
|
+
message: tn(t)
|
|
2485
3158
|
}) };
|
|
2486
|
-
},
|
|
2487
|
-
let e =
|
|
2488
|
-
return
|
|
3159
|
+
}, rn = x(() => ({})), an = x(() => ({})), on = () => {
|
|
3160
|
+
let e = Rt((e) => e.modals), t = Rt((e) => e.openModal), n = Rt((e) => e.closeModal), r = Rt((e) => e.closeTopModal), i = Rt((e) => e.closeAllModals), a = c((e, n = {}, r) => t(e, n, r), [t]), o = c((t) => e.some((e) => e.name === t), [e]);
|
|
3161
|
+
return p(() => ({
|
|
2489
3162
|
openModal: a,
|
|
2490
3163
|
closeModal: n,
|
|
2491
3164
|
closeTopModal: r,
|
|
@@ -2500,7 +3173,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2500
3173
|
e.length,
|
|
2501
3174
|
a
|
|
2502
3175
|
]);
|
|
2503
|
-
},
|
|
3176
|
+
}, sn = {
|
|
2504
3177
|
wrapper: "_wrapper_71h8n_1",
|
|
2505
3178
|
container: "_container_71h8n_15",
|
|
2506
3179
|
inner: "_inner_71h8n_35",
|
|
@@ -2508,29 +3181,29 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2508
3181
|
jump: "_jump_71h8n_1",
|
|
2509
3182
|
cube__inner: "_cube__inner_71h8n_67",
|
|
2510
3183
|
morph: "_morph_71h8n_1"
|
|
2511
|
-
},
|
|
2512
|
-
className:
|
|
3184
|
+
}, cn = () => /* @__PURE__ */ t("div", {
|
|
3185
|
+
className: sn.wrapper,
|
|
2513
3186
|
children: /* @__PURE__ */ t("div", {
|
|
2514
|
-
className:
|
|
3187
|
+
className: sn.container,
|
|
2515
3188
|
children: /* @__PURE__ */ n("div", {
|
|
2516
|
-
className:
|
|
3189
|
+
className: sn.inner,
|
|
2517
3190
|
children: [
|
|
2518
3191
|
/* @__PURE__ */ t("div", {
|
|
2519
|
-
className:
|
|
2520
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3192
|
+
className: sn.cube,
|
|
3193
|
+
children: /* @__PURE__ */ t("div", { className: sn.cube__inner })
|
|
2521
3194
|
}),
|
|
2522
3195
|
/* @__PURE__ */ t("div", {
|
|
2523
|
-
className:
|
|
2524
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3196
|
+
className: sn.cube,
|
|
3197
|
+
children: /* @__PURE__ */ t("div", { className: sn.cube__inner })
|
|
2525
3198
|
}),
|
|
2526
3199
|
/* @__PURE__ */ t("div", {
|
|
2527
|
-
className:
|
|
2528
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3200
|
+
className: sn.cube,
|
|
3201
|
+
children: /* @__PURE__ */ t("div", { className: sn.cube__inner })
|
|
2529
3202
|
})
|
|
2530
3203
|
]
|
|
2531
3204
|
})
|
|
2532
3205
|
})
|
|
2533
|
-
}),
|
|
3206
|
+
}), ln = {
|
|
2534
3207
|
viewport: "_viewport_3qpmj_1",
|
|
2535
3208
|
"top-right": "_top-right_3qpmj_21",
|
|
2536
3209
|
"top-left": "_top-left_3qpmj_31",
|
|
@@ -2542,7 +3215,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2542
3215
|
success: "_success_3qpmj_117",
|
|
2543
3216
|
warning: "_warning_3qpmj_125",
|
|
2544
3217
|
error: "_error_3qpmj_133"
|
|
2545
|
-
},
|
|
3218
|
+
}, un = {
|
|
2546
3219
|
info: {
|
|
2547
3220
|
name: "IconInfoCircle",
|
|
2548
3221
|
color: "var(--color-primary)"
|
|
@@ -2559,9 +3232,9 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2559
3232
|
name: "IconWarning",
|
|
2560
3233
|
color: "var(--color-error)"
|
|
2561
3234
|
}
|
|
2562
|
-
},
|
|
2563
|
-
let [i, a] =
|
|
2564
|
-
return
|
|
3235
|
+
}, dn = ({ toast: e, onClose: r }) => {
|
|
3236
|
+
let [i, a] = h(!1), o = m(e.duration), s = m(Date.now());
|
|
3237
|
+
return u(() => {
|
|
2565
3238
|
if (i || e.duration <= 0) return;
|
|
2566
3239
|
s.current = Date.now();
|
|
2567
3240
|
let t = setTimeout(() => r(e.id), o.current);
|
|
@@ -2574,7 +3247,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2574
3247
|
e.duration,
|
|
2575
3248
|
e.id
|
|
2576
3249
|
]), /* @__PURE__ */ n("article", {
|
|
2577
|
-
className: `${
|
|
3250
|
+
className: `${ln.toast} ${ln[e.variant]}`,
|
|
2578
3251
|
role: e.variant === "error" ? "alert" : "status",
|
|
2579
3252
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
2580
3253
|
onMouseEnter: () => a(!0),
|
|
@@ -2582,17 +3255,17 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2582
3255
|
onFocus: () => a(!0),
|
|
2583
3256
|
onBlur: () => a(!1),
|
|
2584
3257
|
children: [
|
|
2585
|
-
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
2586
|
-
...
|
|
3258
|
+
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(J, {
|
|
3259
|
+
...un[e.variant],
|
|
2587
3260
|
width: 24,
|
|
2588
3261
|
height: 24
|
|
2589
3262
|
}) }),
|
|
2590
3263
|
/* @__PURE__ */ n("div", {
|
|
2591
|
-
className:
|
|
3264
|
+
className: ln.body,
|
|
2592
3265
|
children: [
|
|
2593
3266
|
e.title && /* @__PURE__ */ t("strong", { children: e.title }),
|
|
2594
3267
|
/* @__PURE__ */ t("div", { children: e.message }),
|
|
2595
|
-
e.action && /* @__PURE__ */ t(
|
|
3268
|
+
e.action && /* @__PURE__ */ t(D, {
|
|
2596
3269
|
variant: "empty",
|
|
2597
3270
|
size: "sm",
|
|
2598
3271
|
onClick: () => {
|
|
@@ -2602,12 +3275,12 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2602
3275
|
})
|
|
2603
3276
|
]
|
|
2604
3277
|
}),
|
|
2605
|
-
e.closable && /* @__PURE__ */ t(
|
|
3278
|
+
e.closable && /* @__PURE__ */ t(D, {
|
|
2606
3279
|
variant: "empty",
|
|
2607
3280
|
size: "sm",
|
|
2608
3281
|
"aria-label": "Закрыть уведомление",
|
|
2609
3282
|
onClick: () => r(e.id),
|
|
2610
|
-
children: /* @__PURE__ */ t(
|
|
3283
|
+
children: /* @__PURE__ */ t(J, {
|
|
2611
3284
|
name: "IconCross",
|
|
2612
3285
|
width: 24,
|
|
2613
3286
|
height: 24
|
|
@@ -2615,11 +3288,11 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2615
3288
|
})
|
|
2616
3289
|
]
|
|
2617
3290
|
});
|
|
2618
|
-
},
|
|
3291
|
+
}, fn = 0, pn = x((e) => ({
|
|
2619
3292
|
toasts: [],
|
|
2620
3293
|
showToast: (t) => {
|
|
2621
|
-
|
|
2622
|
-
let n = `ds-toast-${
|
|
3294
|
+
fn += 1;
|
|
3295
|
+
let n = `ds-toast-${fn}`;
|
|
2623
3296
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
2624
3297
|
variant: "info",
|
|
2625
3298
|
duration: 5e3,
|
|
@@ -2630,31 +3303,31 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2630
3303
|
},
|
|
2631
3304
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
2632
3305
|
clearToasts: () => e({ toasts: [] })
|
|
2633
|
-
})),
|
|
2634
|
-
let n =
|
|
3306
|
+
})), mn = () => pn.setState({ toasts: [] }), hn = ({ position: e = "top-right" }) => {
|
|
3307
|
+
let n = pn((e) => e.toasts), r = pn((e) => e.removeToast);
|
|
2635
3308
|
return /* @__PURE__ */ t("div", {
|
|
2636
|
-
className: `${
|
|
3309
|
+
className: `${ln.viewport} ${ln[e]}`,
|
|
2637
3310
|
"aria-label": "Уведомления",
|
|
2638
|
-
children: n.map((e) => /* @__PURE__ */ t(
|
|
3311
|
+
children: n.map((e) => /* @__PURE__ */ t(dn, {
|
|
2639
3312
|
toast: e,
|
|
2640
3313
|
onClose: r
|
|
2641
3314
|
}, e.id))
|
|
2642
3315
|
});
|
|
2643
|
-
},
|
|
2644
|
-
let e =
|
|
3316
|
+
}, gn = () => {
|
|
3317
|
+
let e = pn((e) => e.showToast), t = pn((e) => e.removeToast), n = pn((e) => e.clearToasts), r = c((t) => e({
|
|
2645
3318
|
...t,
|
|
2646
3319
|
variant: "info"
|
|
2647
|
-
}), [e]), i =
|
|
3320
|
+
}), [e]), i = c((t) => e({
|
|
2648
3321
|
...t,
|
|
2649
3322
|
variant: "success"
|
|
2650
|
-
}), [e]), a =
|
|
3323
|
+
}), [e]), a = c((t) => e({
|
|
2651
3324
|
...t,
|
|
2652
3325
|
variant: "warning"
|
|
2653
|
-
}), [e]), o =
|
|
3326
|
+
}), [e]), o = c((t) => e({
|
|
2654
3327
|
...t,
|
|
2655
3328
|
variant: "error"
|
|
2656
3329
|
}), [e]);
|
|
2657
|
-
return
|
|
3330
|
+
return p(() => ({
|
|
2658
3331
|
showToast: e,
|
|
2659
3332
|
infoToast: r,
|
|
2660
3333
|
successToast: i,
|
|
@@ -2671,7 +3344,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2671
3344
|
i,
|
|
2672
3345
|
a
|
|
2673
3346
|
]);
|
|
2674
|
-
},
|
|
3347
|
+
}, _n = {
|
|
2675
3348
|
root: "_root_8dm5q_1",
|
|
2676
3349
|
tooltip: "_tooltip_8dm5q_11",
|
|
2677
3350
|
"ds-tooltip-in": "_ds-tooltip-in_8dm5q_1",
|
|
@@ -2679,39 +3352,39 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2679
3352
|
bottom: "_bottom_8dm5q_55",
|
|
2680
3353
|
left: "_left_8dm5q_67",
|
|
2681
3354
|
right: "_right_8dm5q_79"
|
|
2682
|
-
},
|
|
2683
|
-
let
|
|
2684
|
-
c || !e || (v.current = setTimeout(() => _(!0),
|
|
3355
|
+
}, vn = ({ content: e, children: i, placement: a = "top", delay: o = 450, disabled: c = !1, maxWidth: l = 280, className: f = "" }) => {
|
|
3356
|
+
let p = d(), [g, _] = h(!1), v = m(null), y = () => {
|
|
3357
|
+
c || !e || (v.current = setTimeout(() => _(!0), o));
|
|
2685
3358
|
}, b = () => {
|
|
2686
3359
|
v.current && clearTimeout(v.current), _(!1);
|
|
2687
3360
|
};
|
|
2688
|
-
if (
|
|
3361
|
+
if (u(() => {
|
|
2689
3362
|
let e = (e) => {
|
|
2690
3363
|
e.key === "Escape" && b();
|
|
2691
3364
|
};
|
|
2692
3365
|
return document.addEventListener("keydown", e), () => {
|
|
2693
3366
|
document.removeEventListener("keydown", e), v.current && clearTimeout(v.current);
|
|
2694
3367
|
};
|
|
2695
|
-
}, []), !
|
|
3368
|
+
}, []), !s(i)) return i;
|
|
2696
3369
|
let x = r(i, {
|
|
2697
|
-
"aria-describedby": g ?
|
|
3370
|
+
"aria-describedby": g ? p : void 0,
|
|
2698
3371
|
onMouseEnter: y,
|
|
2699
3372
|
onMouseLeave: b,
|
|
2700
3373
|
onFocus: y,
|
|
2701
3374
|
onBlur: b
|
|
2702
3375
|
});
|
|
2703
3376
|
return /* @__PURE__ */ n("span", {
|
|
2704
|
-
className: `${
|
|
3377
|
+
className: `${_n.root} ${f}`,
|
|
2705
3378
|
onPointerDown: g ? b : y,
|
|
2706
3379
|
children: [x, g && /* @__PURE__ */ t("span", {
|
|
2707
|
-
id:
|
|
3380
|
+
id: p,
|
|
2708
3381
|
role: "tooltip",
|
|
2709
|
-
className: `${
|
|
2710
|
-
style: { maxWidth:
|
|
3382
|
+
className: `${_n.tooltip} ${_n[a]}`,
|
|
3383
|
+
style: { maxWidth: l },
|
|
2711
3384
|
children: e
|
|
2712
3385
|
})]
|
|
2713
3386
|
});
|
|
2714
|
-
},
|
|
3387
|
+
}, yn = (e) => {
|
|
2715
3388
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
2716
3389
|
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")}`;
|
|
2717
3390
|
return n ? `${n}:${a}` : a;
|
|
@@ -2744,37 +3417,37 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2744
3417
|
settingsActionLabel: "_settingsActionLabel_1h73w_693",
|
|
2745
3418
|
caption: "_caption_1h73w_705",
|
|
2746
3419
|
fullscreen: "_fullscreen_1h73w_719"
|
|
2747
|
-
},
|
|
3420
|
+
}, bn = 2500, xn = 5, Sn = .05, Cn = [
|
|
2748
3421
|
.5,
|
|
2749
3422
|
.75,
|
|
2750
3423
|
1,
|
|
2751
3424
|
1.25,
|
|
2752
3425
|
1.5,
|
|
2753
3426
|
2
|
|
2754
|
-
],
|
|
2755
|
-
let y =
|
|
3427
|
+
], wn = ({ sources: r, tracks: i = [], title: a, aspectRatio: o = "16 / 9", objectFit: s = "contain", loading: l = !1, error: d, fallback: f, className: p = "", controls: g = !0, playsInline: _ = !0, ...v }) => {
|
|
3428
|
+
let y = m(null), b = m(null), x = m(null), S = m(void 0), [C, w] = h(!1), [E, O] = h(r.length > 0), [ee, k] = h(!1), [A, j] = h(!1), [M, N] = h(!1), [P, F] = h(0), [I, L] = h(0), [R, z] = h(0), [B, te] = h(1), [V, H] = h(!!v.muted), [U, W] = h(1), [ne, G] = h(!!v.loop), [re, ie] = h(-1), [ae, oe] = h(!1), [se, K] = h(!0), [ce, le] = h(!1), [ue, de] = h(!1), q = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), fe = i.map((e, t) => ({
|
|
2756
3429
|
track: e,
|
|
2757
3430
|
index: t
|
|
2758
|
-
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"),
|
|
2759
|
-
K(!0), window.clearTimeout(S.current),
|
|
2760
|
-
}, [
|
|
2761
|
-
|
|
2762
|
-
w(!1),
|
|
2763
|
-
}, [
|
|
2764
|
-
let e = () =>
|
|
3431
|
+
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), pe = d ?? (C ? "Не удалось воспроизвести видео" : void 0), me = l || E && !pe && r.length > 0, Y = !me && !pe && r.length === 0, he = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, ge = c(() => {
|
|
3432
|
+
K(!0), window.clearTimeout(S.current), A && !ae && (S.current = window.setTimeout(() => K(!1), bn));
|
|
3433
|
+
}, [A, ae]);
|
|
3434
|
+
u(() => {
|
|
3435
|
+
w(!1), O(r.length > 0), k(!1), j(!1), N(!1), F(0), L(0), z(0);
|
|
3436
|
+
}, [q, r.length]), u(() => (ge(), () => window.clearTimeout(S.current)), [ge]), u(() => {
|
|
3437
|
+
let e = () => le(document.fullscreenElement === b.current), t = () => de(document.pictureInPictureElement === x.current);
|
|
2765
3438
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
2766
3439
|
document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
|
|
2767
3440
|
};
|
|
2768
|
-
}, []),
|
|
2769
|
-
if (!
|
|
3441
|
+
}, []), u(() => {
|
|
3442
|
+
if (!ae) return;
|
|
2770
3443
|
let e = (e) => {
|
|
2771
|
-
y.current?.contains(e.target) ||
|
|
3444
|
+
y.current?.contains(e.target) || oe(!1);
|
|
2772
3445
|
};
|
|
2773
3446
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
2774
|
-
}, [
|
|
2775
|
-
let
|
|
3447
|
+
}, [ae]);
|
|
3448
|
+
let _e = async () => {
|
|
2776
3449
|
let e = x.current;
|
|
2777
|
-
if (!(!e ||
|
|
3450
|
+
if (!(!e || pe || me)) {
|
|
2778
3451
|
if (e.paused || e.ended) {
|
|
2779
3452
|
e.ended && (e.currentTime = 0);
|
|
2780
3453
|
try {
|
|
@@ -2784,60 +3457,60 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2784
3457
|
}
|
|
2785
3458
|
} else e.pause();
|
|
2786
3459
|
}
|
|
2787
|
-
},
|
|
3460
|
+
}, ve = () => {
|
|
2788
3461
|
let e = x.current;
|
|
2789
3462
|
e && (e.muted = !e.muted);
|
|
2790
|
-
},
|
|
3463
|
+
}, ye = (e) => {
|
|
2791
3464
|
let t = x.current;
|
|
2792
3465
|
t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
|
|
2793
|
-
},
|
|
3466
|
+
}, be = (e) => {
|
|
2794
3467
|
let t = x.current;
|
|
2795
3468
|
!t || !I || (t.currentTime = Math.min(I, Math.max(0, e)), F(t.currentTime));
|
|
2796
|
-
},
|
|
3469
|
+
}, xe = async () => {
|
|
2797
3470
|
if (b.current) try {
|
|
2798
3471
|
document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
|
|
2799
3472
|
} catch {
|
|
2800
|
-
|
|
3473
|
+
le(!1);
|
|
2801
3474
|
}
|
|
2802
|
-
},
|
|
3475
|
+
}, Se = async () => {
|
|
2803
3476
|
let e = x.current;
|
|
2804
|
-
if (!(!e || !
|
|
3477
|
+
if (!(!e || !he)) try {
|
|
2805
3478
|
document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
|
|
2806
3479
|
} catch {
|
|
2807
|
-
|
|
3480
|
+
de(!1);
|
|
2808
3481
|
}
|
|
2809
|
-
},
|
|
3482
|
+
}, Ce = (e) => {
|
|
2810
3483
|
let t = x.current;
|
|
2811
3484
|
t && (Array.from(t.textTracks).forEach((t, n) => {
|
|
2812
3485
|
t.mode = n === e ? "showing" : "disabled";
|
|
2813
|
-
}),
|
|
2814
|
-
},
|
|
3486
|
+
}), ie(e));
|
|
3487
|
+
}, we = (e) => {
|
|
2815
3488
|
let t = e.target;
|
|
2816
3489
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
2817
3490
|
let n = e.key.toLowerCase();
|
|
2818
|
-
n === " " || n === "k" ? (e.preventDefault(),
|
|
2819
|
-
},
|
|
3491
|
+
n === " " || n === "k" ? (e.preventDefault(), _e()) : n === "m" ? (e.preventDefault(), ve()) : n === "f" ? (e.preventDefault(), xe()) : n === "c" && fe.length ? (e.preventDefault(), Ce(re === -1 ? fe[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), be(P + (e.key === "ArrowRight" ? xn : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), ye(B + (e.key === "ArrowUp" ? Sn : -.05))) : e.key === "Escape" && oe(!1), ge();
|
|
3492
|
+
}, Te = () => {
|
|
2820
3493
|
let e = x.current;
|
|
2821
|
-
w(!1),
|
|
2822
|
-
},
|
|
3494
|
+
w(!1), O(!0), e?.load();
|
|
3495
|
+
}, Ee = {
|
|
2823
3496
|
"--video-progress": `${I ? P / I * 100 : 0}%`,
|
|
2824
3497
|
"--video-buffered": `${R * 100}%`
|
|
2825
3498
|
};
|
|
2826
3499
|
return /* @__PURE__ */ n("figure", {
|
|
2827
3500
|
ref: y,
|
|
2828
|
-
className: `${$.root} ${
|
|
2829
|
-
onKeyDown:
|
|
3501
|
+
className: `${$.root} ${p}`,
|
|
3502
|
+
onKeyDown: we,
|
|
2830
3503
|
children: [/* @__PURE__ */ n("div", {
|
|
2831
3504
|
ref: b,
|
|
2832
|
-
className: `${$.frame} ${
|
|
3505
|
+
className: `${$.frame} ${ce ? $.fullscreen : ""}`,
|
|
2833
3506
|
style: { aspectRatio: o },
|
|
2834
|
-
"aria-busy":
|
|
3507
|
+
"aria-busy": me || void 0,
|
|
2835
3508
|
tabIndex: g && r.length ? 0 : void 0,
|
|
2836
|
-
onPointerMove:
|
|
2837
|
-
onPointerDown:
|
|
2838
|
-
onFocusCapture:
|
|
3509
|
+
onPointerMove: ge,
|
|
3510
|
+
onPointerDown: ge,
|
|
3511
|
+
onFocusCapture: ge,
|
|
2839
3512
|
onMouseLeave: () => {
|
|
2840
|
-
|
|
3513
|
+
A && !ae && K(!1);
|
|
2841
3514
|
},
|
|
2842
3515
|
children: [
|
|
2843
3516
|
r.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -2848,20 +3521,20 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2848
3521
|
playsInline: _,
|
|
2849
3522
|
loop: ne,
|
|
2850
3523
|
className: $.video,
|
|
2851
|
-
style: { objectFit:
|
|
3524
|
+
style: { objectFit: s },
|
|
2852
3525
|
onClick: (e) => {
|
|
2853
|
-
v.onClick?.(e),
|
|
3526
|
+
v.onClick?.(e), _e();
|
|
2854
3527
|
},
|
|
2855
3528
|
onDoubleClick: (e) => {
|
|
2856
|
-
v.onDoubleClick?.(e),
|
|
3529
|
+
v.onDoubleClick?.(e), xe();
|
|
2857
3530
|
},
|
|
2858
3531
|
onLoadStart: (e) => {
|
|
2859
|
-
|
|
3532
|
+
O(!0), v.onLoadStart?.(e);
|
|
2860
3533
|
},
|
|
2861
3534
|
onLoadedMetadata: (e) => {
|
|
2862
3535
|
L(e.currentTarget.duration || 0);
|
|
2863
|
-
let t =
|
|
2864
|
-
|
|
3536
|
+
let t = fe.find(({ track: e }) => e.default);
|
|
3537
|
+
Ce(t?.index ?? -1), v.onLoadedMetadata?.(e);
|
|
2865
3538
|
},
|
|
2866
3539
|
onDurationChange: (e) => {
|
|
2867
3540
|
L(e.currentTarget.duration || 0), v.onDurationChange?.(e);
|
|
@@ -2874,16 +3547,16 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2874
3547
|
t.duration && t.buffered.length && z(t.buffered.end(t.buffered.length - 1) / t.duration), v.onProgress?.(e);
|
|
2875
3548
|
},
|
|
2876
3549
|
onLoadedData: (e) => {
|
|
2877
|
-
|
|
3550
|
+
O(!1), k(!1), v.onLoadedData?.(e);
|
|
2878
3551
|
},
|
|
2879
3552
|
onCanPlay: (e) => {
|
|
2880
|
-
|
|
3553
|
+
O(!1), k(!1), v.onCanPlay?.(e);
|
|
2881
3554
|
},
|
|
2882
3555
|
onWaiting: (e) => {
|
|
2883
|
-
|
|
3556
|
+
k(!0), v.onWaiting?.(e);
|
|
2884
3557
|
},
|
|
2885
3558
|
onPlaying: (e) => {
|
|
2886
|
-
j(!0), N(!1),
|
|
3559
|
+
j(!0), N(!1), k(!1), v.onPlaying?.(e);
|
|
2887
3560
|
},
|
|
2888
3561
|
onPlay: (e) => {
|
|
2889
3562
|
j(!0), v.onPlay?.(e);
|
|
@@ -2895,17 +3568,17 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2895
3568
|
j(!1), N(!0), K(!0), v.onEnded?.(e);
|
|
2896
3569
|
},
|
|
2897
3570
|
onVolumeChange: (e) => {
|
|
2898
|
-
|
|
3571
|
+
te(e.currentTarget.volume), H(e.currentTarget.muted), v.onVolumeChange?.(e);
|
|
2899
3572
|
},
|
|
2900
3573
|
onRateChange: (e) => {
|
|
2901
|
-
|
|
3574
|
+
W(e.currentTarget.playbackRate), v.onRateChange?.(e);
|
|
2902
3575
|
},
|
|
2903
3576
|
onError: (e) => {
|
|
2904
|
-
|
|
3577
|
+
O(!1), k(!1), w(!0), v.onError?.(e);
|
|
2905
3578
|
},
|
|
2906
3579
|
children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
2907
3580
|
}),
|
|
2908
|
-
|
|
3581
|
+
me && /* @__PURE__ */ n("div", {
|
|
2909
3582
|
className: $.overlay,
|
|
2910
3583
|
role: "status",
|
|
2911
3584
|
"aria-live": "polite",
|
|
@@ -2914,21 +3587,21 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2914
3587
|
"aria-hidden": "true",
|
|
2915
3588
|
children: /* @__PURE__ */ t("div", {
|
|
2916
3589
|
className: $.loaderScale,
|
|
2917
|
-
children: /* @__PURE__ */ t(
|
|
3590
|
+
children: /* @__PURE__ */ t(cn, {})
|
|
2918
3591
|
})
|
|
2919
3592
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
2920
3593
|
}),
|
|
2921
|
-
!
|
|
3594
|
+
!me && ee && !pe && /* @__PURE__ */ t("div", {
|
|
2922
3595
|
className: $.buffering,
|
|
2923
3596
|
role: "status",
|
|
2924
3597
|
"aria-label": "Буферизация видео",
|
|
2925
|
-
children: /* @__PURE__ */ t(
|
|
3598
|
+
children: /* @__PURE__ */ t(T, { variant: "empty" })
|
|
2926
3599
|
}),
|
|
2927
|
-
|
|
3600
|
+
Y && /* @__PURE__ */ n("div", {
|
|
2928
3601
|
className: `${$.state} ${$.empty}`,
|
|
2929
3602
|
role: "status",
|
|
2930
3603
|
children: [
|
|
2931
|
-
/* @__PURE__ */ t(
|
|
3604
|
+
/* @__PURE__ */ t(J, {
|
|
2932
3605
|
name: "IconInfoCircle",
|
|
2933
3606
|
className: $.stateIcon,
|
|
2934
3607
|
width: 40,
|
|
@@ -2938,62 +3611,62 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2938
3611
|
f ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
|
|
2939
3612
|
]
|
|
2940
3613
|
}),
|
|
2941
|
-
!
|
|
3614
|
+
!me && pe && /* @__PURE__ */ n("div", {
|
|
2942
3615
|
className: `${$.state} ${$.error}`,
|
|
2943
3616
|
role: "alert",
|
|
2944
3617
|
children: [
|
|
2945
|
-
/* @__PURE__ */ t(
|
|
3618
|
+
/* @__PURE__ */ t(J, {
|
|
2946
3619
|
name: "IconWarning",
|
|
2947
3620
|
className: $.stateIcon,
|
|
2948
3621
|
width: 40,
|
|
2949
3622
|
height: 40
|
|
2950
3623
|
}),
|
|
2951
|
-
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children:
|
|
2952
|
-
r.length > 0 && /* @__PURE__ */ t(
|
|
3624
|
+
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: pe })] }),
|
|
3625
|
+
r.length > 0 && /* @__PURE__ */ t(D, {
|
|
2953
3626
|
size: "sm",
|
|
2954
3627
|
variant: "secondary",
|
|
2955
|
-
onClick:
|
|
3628
|
+
onClick: Te,
|
|
2956
3629
|
children: "Повторить"
|
|
2957
3630
|
})
|
|
2958
3631
|
]
|
|
2959
3632
|
}),
|
|
2960
|
-
!
|
|
3633
|
+
!me && !pe && M && /* @__PURE__ */ t("button", {
|
|
2961
3634
|
type: "button",
|
|
2962
3635
|
className: $.replay,
|
|
2963
3636
|
"aria-label": "Воспроизвести заново",
|
|
2964
|
-
onClick: () => void
|
|
2965
|
-
children: /* @__PURE__ */ t(
|
|
3637
|
+
onClick: () => void _e(),
|
|
3638
|
+
children: /* @__PURE__ */ t(J, {
|
|
2966
3639
|
name: "IconReplay",
|
|
2967
3640
|
width: 28,
|
|
2968
3641
|
height: 28
|
|
2969
3642
|
})
|
|
2970
3643
|
}),
|
|
2971
|
-
g && r.length > 0 && !
|
|
2972
|
-
className: `${$.controlsLayer} ${
|
|
3644
|
+
g && r.length > 0 && !me && !pe && /* @__PURE__ */ n("div", {
|
|
3645
|
+
className: `${$.controlsLayer} ${se || !A ? $.controlsVisible : ""}`,
|
|
2973
3646
|
onClick: (e) => e.stopPropagation(),
|
|
2974
|
-
children: [
|
|
3647
|
+
children: [ae && /* @__PURE__ */ n("div", {
|
|
2975
3648
|
className: $.settings,
|
|
2976
3649
|
role: "dialog",
|
|
2977
3650
|
"aria-label": "Настройки видео",
|
|
2978
3651
|
children: [
|
|
2979
3652
|
/* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Скорость" }), /* @__PURE__ */ t("select", {
|
|
2980
|
-
value:
|
|
3653
|
+
value: U,
|
|
2981
3654
|
onChange: (e) => {
|
|
2982
3655
|
let t = Number(e.target.value);
|
|
2983
3656
|
x.current && (x.current.playbackRate = t);
|
|
2984
3657
|
},
|
|
2985
|
-
children:
|
|
3658
|
+
children: Cn.map((e) => /* @__PURE__ */ n("option", {
|
|
2986
3659
|
value: e,
|
|
2987
3660
|
children: [e, "×"]
|
|
2988
3661
|
}, e))
|
|
2989
3662
|
})] }),
|
|
2990
|
-
|
|
2991
|
-
value:
|
|
2992
|
-
onChange: (e) =>
|
|
3663
|
+
fe.length > 0 && /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Субтитры" }), /* @__PURE__ */ n("select", {
|
|
3664
|
+
value: re,
|
|
3665
|
+
onChange: (e) => Ce(Number(e.target.value)),
|
|
2993
3666
|
children: [/* @__PURE__ */ t("option", {
|
|
2994
3667
|
value: -1,
|
|
2995
3668
|
children: "Выключены"
|
|
2996
|
-
}),
|
|
3669
|
+
}), fe.map(({ track: e, index: n }) => /* @__PURE__ */ t("option", {
|
|
2997
3670
|
value: n,
|
|
2998
3671
|
children: e.label
|
|
2999
3672
|
}, `${e.srcLang}-${e.label}`))]
|
|
@@ -3002,17 +3675,17 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3002
3675
|
type: "button",
|
|
3003
3676
|
className: $.settingsAction,
|
|
3004
3677
|
"aria-pressed": ne,
|
|
3005
|
-
onClick: () =>
|
|
3678
|
+
onClick: () => G((e) => !e),
|
|
3006
3679
|
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: ne ? "Вкл." : "Выкл." })]
|
|
3007
3680
|
}),
|
|
3008
|
-
|
|
3681
|
+
he && /* @__PURE__ */ t("button", {
|
|
3009
3682
|
type: "button",
|
|
3010
3683
|
className: $.settingsAction,
|
|
3011
|
-
"aria-pressed":
|
|
3012
|
-
onClick: () => void
|
|
3684
|
+
"aria-pressed": ue,
|
|
3685
|
+
onClick: () => void Se(),
|
|
3013
3686
|
children: /* @__PURE__ */ n("span", {
|
|
3014
3687
|
className: $.settingsActionLabel,
|
|
3015
|
-
children: [/* @__PURE__ */ t(
|
|
3688
|
+
children: [/* @__PURE__ */ t(J, {
|
|
3016
3689
|
name: "IconPictureInPicture",
|
|
3017
3690
|
width: 18,
|
|
3018
3691
|
height: 18
|
|
@@ -3028,11 +3701,11 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3028
3701
|
children: /* @__PURE__ */ t("button", {
|
|
3029
3702
|
type: "button",
|
|
3030
3703
|
className: `${$.controlButton} ${$.playButton}`,
|
|
3031
|
-
"aria-label":
|
|
3032
|
-
title:
|
|
3033
|
-
onClick: () => void
|
|
3034
|
-
children: /* @__PURE__ */ t(
|
|
3035
|
-
name:
|
|
3704
|
+
"aria-label": A ? "Пауза" : "Воспроизвести",
|
|
3705
|
+
title: A ? "Пауза (K)" : "Воспроизвести (K)",
|
|
3706
|
+
onClick: () => void _e(),
|
|
3707
|
+
children: /* @__PURE__ */ t(J, {
|
|
3708
|
+
name: A ? "IconPause" : "IconPlay",
|
|
3036
3709
|
width: 24,
|
|
3037
3710
|
height: 24
|
|
3038
3711
|
})
|
|
@@ -3043,12 +3716,12 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3043
3716
|
children: [/* @__PURE__ */ t("button", {
|
|
3044
3717
|
type: "button",
|
|
3045
3718
|
className: $.controlButton,
|
|
3046
|
-
"aria-label":
|
|
3047
|
-
"aria-pressed":
|
|
3719
|
+
"aria-label": V ? "Включить звук" : "Выключить звук",
|
|
3720
|
+
"aria-pressed": V,
|
|
3048
3721
|
title: "Звук (M)",
|
|
3049
|
-
onClick:
|
|
3050
|
-
children: /* @__PURE__ */ t(
|
|
3051
|
-
name:
|
|
3722
|
+
onClick: ve,
|
|
3723
|
+
children: /* @__PURE__ */ t(J, {
|
|
3724
|
+
name: V || B === 0 ? "IconVolumeMuted" : "IconVolume",
|
|
3052
3725
|
width: 22,
|
|
3053
3726
|
height: 22
|
|
3054
3727
|
})
|
|
@@ -3058,10 +3731,10 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3058
3731
|
min: 0,
|
|
3059
3732
|
max: 1,
|
|
3060
3733
|
step: .05,
|
|
3061
|
-
value:
|
|
3734
|
+
value: V ? 0 : B,
|
|
3062
3735
|
"aria-label": "Громкость",
|
|
3063
|
-
"aria-valuetext": `${Math.round((
|
|
3064
|
-
onChange: (e) =>
|
|
3736
|
+
"aria-valuetext": `${Math.round((V ? 0 : B) * 100)}%`,
|
|
3737
|
+
onChange: (e) => ye(Number(e.target.value))
|
|
3065
3738
|
})]
|
|
3066
3739
|
}),
|
|
3067
3740
|
/* @__PURE__ */ n("div", {
|
|
@@ -3069,23 +3742,23 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3069
3742
|
children: [
|
|
3070
3743
|
/* @__PURE__ */ t("span", {
|
|
3071
3744
|
className: $.time,
|
|
3072
|
-
children:
|
|
3745
|
+
children: yn(P)
|
|
3073
3746
|
}),
|
|
3074
3747
|
/* @__PURE__ */ t("input", {
|
|
3075
3748
|
className: $.timeline,
|
|
3076
|
-
style:
|
|
3749
|
+
style: Ee,
|
|
3077
3750
|
type: "range",
|
|
3078
3751
|
min: 0,
|
|
3079
3752
|
max: I || 0,
|
|
3080
3753
|
step: .01,
|
|
3081
3754
|
value: Math.min(P, I || 0),
|
|
3082
3755
|
"aria-label": "Позиция воспроизведения",
|
|
3083
|
-
"aria-valuetext": `${
|
|
3084
|
-
onChange: (e) =>
|
|
3756
|
+
"aria-valuetext": `${yn(P)} из ${yn(I)}`,
|
|
3757
|
+
onChange: (e) => be(Number(e.target.value))
|
|
3085
3758
|
}),
|
|
3086
3759
|
/* @__PURE__ */ t("span", {
|
|
3087
3760
|
className: $.time,
|
|
3088
|
-
children:
|
|
3761
|
+
children: yn(I)
|
|
3089
3762
|
})
|
|
3090
3763
|
]
|
|
3091
3764
|
}),
|
|
@@ -3095,10 +3768,10 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3095
3768
|
type: "button",
|
|
3096
3769
|
className: $.controlButton,
|
|
3097
3770
|
"aria-label": "Настройки",
|
|
3098
|
-
"aria-expanded":
|
|
3771
|
+
"aria-expanded": ae,
|
|
3099
3772
|
title: "Настройки",
|
|
3100
|
-
onClick: () =>
|
|
3101
|
-
children: /* @__PURE__ */ t(
|
|
3773
|
+
onClick: () => oe((e) => !e),
|
|
3774
|
+
children: /* @__PURE__ */ t(J, {
|
|
3102
3775
|
name: "IconSettings",
|
|
3103
3776
|
width: 22,
|
|
3104
3777
|
height: 22
|
|
@@ -3106,11 +3779,11 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3106
3779
|
}), /* @__PURE__ */ t("button", {
|
|
3107
3780
|
type: "button",
|
|
3108
3781
|
className: $.controlButton,
|
|
3109
|
-
"aria-label":
|
|
3782
|
+
"aria-label": ce ? "Выйти из полноэкранного режима" : "Полноэкранный режим",
|
|
3110
3783
|
title: "Полноэкранный режим (F)",
|
|
3111
|
-
onClick: () => void
|
|
3112
|
-
children: /* @__PURE__ */ t(
|
|
3113
|
-
name:
|
|
3784
|
+
onClick: () => void xe(),
|
|
3785
|
+
children: /* @__PURE__ */ t(J, {
|
|
3786
|
+
name: ce ? "IconFullscreenExit" : "IconFullscreen",
|
|
3114
3787
|
width: 22,
|
|
3115
3788
|
height: 22
|
|
3116
3789
|
})
|
|
@@ -3125,7 +3798,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3125
3798
|
children: a
|
|
3126
3799
|
})]
|
|
3127
3800
|
});
|
|
3128
|
-
},
|
|
3801
|
+
}, Tn = {
|
|
3129
3802
|
root: "_root_ymidq_1",
|
|
3130
3803
|
trigger: "_trigger_ymidq_15",
|
|
3131
3804
|
heading: "_heading_ymidq_41",
|
|
@@ -3135,7 +3808,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3135
3808
|
open: "_open_ymidq_91",
|
|
3136
3809
|
content: "_content_ymidq_99",
|
|
3137
3810
|
contentInner: "_contentInner_ymidq_119"
|
|
3138
|
-
},
|
|
3811
|
+
}, En = (e, t, n, r = 16) => {
|
|
3139
3812
|
if (t > Math.max(0, n - r * 2)) {
|
|
3140
3813
|
let t = e - r;
|
|
3141
3814
|
return Math.abs(t) <= 1 ? {
|
|
@@ -3157,9 +3830,9 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3157
3830
|
alignment: "none",
|
|
3158
3831
|
delta: 0
|
|
3159
3832
|
};
|
|
3160
|
-
},
|
|
3161
|
-
let
|
|
3162
|
-
return
|
|
3833
|
+
}, Dn = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: f = "" }) => {
|
|
3834
|
+
let p = d(), [g, _] = h(a), v = o ?? g, y = m(null), b = m(null), x = m(v);
|
|
3835
|
+
return u(() => {
|
|
3163
3836
|
let e = x.current;
|
|
3164
3837
|
if (x.current = v, !v || e || !c) return;
|
|
3165
3838
|
let t = y.current, n = b.current;
|
|
@@ -3167,7 +3840,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3167
3840
|
let r = !1, i = () => {
|
|
3168
3841
|
if (r) return;
|
|
3169
3842
|
r = !0;
|
|
3170
|
-
let e = t.getBoundingClientRect(), n =
|
|
3843
|
+
let e = t.getBoundingClientRect(), n = En(e.top, e.height, window.innerHeight, l);
|
|
3171
3844
|
if (n.alignment === "none") return;
|
|
3172
3845
|
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
3173
3846
|
window.scrollBy({
|
|
@@ -3185,32 +3858,32 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3185
3858
|
}, [
|
|
3186
3859
|
c,
|
|
3187
3860
|
v,
|
|
3188
|
-
|
|
3861
|
+
l
|
|
3189
3862
|
]), /* @__PURE__ */ n("section", {
|
|
3190
3863
|
ref: y,
|
|
3191
|
-
className: `${
|
|
3864
|
+
className: `${Tn.root} ${v ? Tn.open : ""} ${f}`,
|
|
3192
3865
|
children: [/* @__PURE__ */ n("button", {
|
|
3193
3866
|
type: "button",
|
|
3194
|
-
className:
|
|
3867
|
+
className: Tn.trigger,
|
|
3195
3868
|
"aria-expanded": v,
|
|
3196
|
-
"aria-controls":
|
|
3869
|
+
"aria-controls": p,
|
|
3197
3870
|
onClick: () => {
|
|
3198
3871
|
let e = !v;
|
|
3199
3872
|
o === void 0 && _(e), s?.(e);
|
|
3200
3873
|
},
|
|
3201
3874
|
children: [/* @__PURE__ */ n("span", {
|
|
3202
|
-
className:
|
|
3875
|
+
className: Tn.heading,
|
|
3203
3876
|
children: [/* @__PURE__ */ t("span", {
|
|
3204
|
-
className:
|
|
3877
|
+
className: Tn.title,
|
|
3205
3878
|
children: e
|
|
3206
3879
|
}), r && /* @__PURE__ */ t("span", {
|
|
3207
|
-
className:
|
|
3880
|
+
className: Tn.subtitle,
|
|
3208
3881
|
children: r
|
|
3209
3882
|
})]
|
|
3210
3883
|
}), /* @__PURE__ */ t("span", {
|
|
3211
|
-
className:
|
|
3884
|
+
className: Tn.icon,
|
|
3212
3885
|
"aria-hidden": "true",
|
|
3213
|
-
children: /* @__PURE__ */ t(
|
|
3886
|
+
children: /* @__PURE__ */ t(J, {
|
|
3214
3887
|
name: "IconChevron",
|
|
3215
3888
|
width: 20,
|
|
3216
3889
|
height: 20
|
|
@@ -3218,18 +3891,18 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3218
3891
|
})]
|
|
3219
3892
|
}), /* @__PURE__ */ t("div", {
|
|
3220
3893
|
ref: b,
|
|
3221
|
-
id:
|
|
3222
|
-
className:
|
|
3894
|
+
id: p,
|
|
3895
|
+
className: Tn.content,
|
|
3223
3896
|
"aria-hidden": !v,
|
|
3224
3897
|
children: /* @__PURE__ */ t("div", {
|
|
3225
|
-
className:
|
|
3898
|
+
className: Tn.contentInner,
|
|
3226
3899
|
children: i
|
|
3227
3900
|
})
|
|
3228
3901
|
})]
|
|
3229
3902
|
});
|
|
3230
|
-
},
|
|
3231
|
-
let [n, r] =
|
|
3232
|
-
return
|
|
3903
|
+
}, On = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
3904
|
+
let [n, r] = h(null);
|
|
3905
|
+
return u(() => {
|
|
3233
3906
|
let e = document.getElementById(t);
|
|
3234
3907
|
if (e) {
|
|
3235
3908
|
r(e);
|
|
@@ -3239,7 +3912,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3239
3912
|
return n.id = t, document.body.appendChild(n), r(n), () => {
|
|
3240
3913
|
n.childElementCount === 0 && n.parentElement && n.remove();
|
|
3241
3914
|
};
|
|
3242
|
-
}, [t]), n ?
|
|
3915
|
+
}, [t]), n ? g(e, n) : null;
|
|
3243
3916
|
};
|
|
3244
3917
|
//#endregion
|
|
3245
|
-
export {
|
|
3918
|
+
export { Zt as ConfirmModal, Dn as DSAccordion, C as DSBadge, D as DSButton, me as DSCheckbox, ot as DSDataTable, Le as DSDateRange, Pe as DSDateTimePicker, Ge as DSDropDown, dt as DSDropDownMultiple, ee as DSFieldLabel, k as DSFieldMessage, Mt as DSFileInput, Dt as DSFilters, J as DSIcon, Ct as DSInfoBlock, pt as DSInput, T as DSLoader, Gt as DSModal, Wt as DSModalFrame, cn as DSPageLoader, On as DSPortal, Tt as DSRadioButton, xt as DSSearchDropDown, ze as DSSkeleton, qe as DSSort, It as DSTextarea, dn as DSToast, hn as DSToastProvider, vn as DSTooltip, wn as DSVideoPlayerFrame, Qt as ErrorModal, Kt as ModalSystemProvider, $t as builtInModalRegistry, qt as defineModalRegistry, be as formatDateInputValue, Ee as formatDateTimeLocalValue, En as getDSAccordionScrollTarget, Ye as getDSDataTableColumnStyle, Xe as getDSDataTablePaginationItems, tn as getErrorMessage, Ue as getNextEnabledOptionIndex, Ce as isValidDateInputPrefix, Ie as isValidDateRange, xe as maskDateInputValue, we as parseDateInputValue, De as parseDateTimeLocalValue, zt as resetModalStore, mn as resetToastStore, en as useConfirmModal, rn as useConfirmModalStore, nn as useErrorModal, an as useErrorModalStore, on as useModals, Rt as useModalsStore, gn as useToast, pn as useToastStore, Ze as validateDSDataTableData };
|