@efficiency-point/design-system 0.1.22 → 0.1.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DSIcon/source/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 +1546 -887
- 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
|
+
}), V = (e) => /* @__PURE__ */ t(A, {
|
|
174
|
+
...e,
|
|
175
|
+
children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
|
|
176
|
+
}), H = (e) => /* @__PURE__ */ t(A, {
|
|
177
|
+
...e,
|
|
178
|
+
children: /* @__PURE__ */ t("path", {
|
|
179
|
+
d: "M8 5v14M16 5v14",
|
|
180
|
+
strokeWidth: "3"
|
|
181
|
+
})
|
|
182
|
+
}), U = (e) => /* @__PURE__ */ t(A, {
|
|
183
|
+
...e,
|
|
184
|
+
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
185
|
+
}), W = (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
|
+
}), te = (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
|
+
}), re = (e) => /* @__PURE__ */ t(A, {
|
|
199
|
+
...e,
|
|
200
|
+
children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
|
|
201
|
+
}), ie = (e) => /* @__PURE__ */ t(A, {
|
|
202
|
+
...e,
|
|
203
|
+
children: /* @__PURE__ */ t("path", { d: "M4 9h5V4m6 5h5V4M4 15h5v5m6-5h5v5" })
|
|
204
|
+
}), ae = (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
|
+
}), oe = (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
|
+
}), se = (e) => /* @__PURE__ */ t(A, {
|
|
211
|
+
...e,
|
|
212
|
+
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
213
|
+
}), ce = (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
|
+
}), G = (e) => /* @__PURE__ */ t(A, {
|
|
217
|
+
...e,
|
|
218
|
+
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
219
|
+
}), le = (e) => /* @__PURE__ */ t(A, {
|
|
220
|
+
...e,
|
|
221
|
+
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
222
|
+
}), ue = (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
|
+
}), de = (e) => /* @__PURE__ */ t(A, {
|
|
230
|
+
...e,
|
|
231
|
+
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
232
|
+
}), fe = (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
|
+
}), K = (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
|
+
}), pe = {
|
|
242
|
+
IconActivity: K([["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: K([
|
|
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: K([["path", {
|
|
252
|
+
d: "M12 5v14",
|
|
253
|
+
key: "s699le"
|
|
254
|
+
}], ["path", {
|
|
255
|
+
d: "m19 12-7 7-7-7",
|
|
256
|
+
key: "1idqje"
|
|
257
|
+
}]]),
|
|
258
|
+
IconArrowLeft: K([["path", {
|
|
259
|
+
d: "m12 19-7-7 7-7",
|
|
260
|
+
key: "1l729n"
|
|
261
|
+
}], ["path", {
|
|
262
|
+
d: "M19 12H5",
|
|
263
|
+
key: "x3x0zl"
|
|
264
|
+
}]]),
|
|
265
|
+
IconArrowRight: K([["path", {
|
|
266
|
+
d: "M5 12h14",
|
|
267
|
+
key: "1ays0h"
|
|
268
|
+
}], ["path", {
|
|
269
|
+
d: "m12 5 7 7-7 7",
|
|
270
|
+
key: "xquz4c"
|
|
271
|
+
}]]),
|
|
272
|
+
IconArrowUp: K([["path", {
|
|
273
|
+
d: "m5 12 7-7 7 7",
|
|
274
|
+
key: "hav0vg"
|
|
275
|
+
}], ["path", {
|
|
276
|
+
d: "M12 19V5",
|
|
277
|
+
key: "x0mq9r"
|
|
278
|
+
}]]),
|
|
279
|
+
IconArrowUpRight: K([["path", {
|
|
280
|
+
d: "M7 7h10v10",
|
|
281
|
+
key: "1tivn9"
|
|
282
|
+
}], ["path", {
|
|
283
|
+
d: "M7 17 17 7",
|
|
284
|
+
key: "1vkiza"
|
|
285
|
+
}]]),
|
|
286
|
+
IconBarChart3: K([
|
|
287
|
+
["path", { d: "M3 3v18h18" }],
|
|
288
|
+
["path", { d: "M18 17V9" }],
|
|
289
|
+
["path", { d: "M13 17V5" }],
|
|
290
|
+
["path", { d: "M8 17v-3" }]
|
|
291
|
+
]),
|
|
292
|
+
IconBell: K([["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: K([
|
|
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: K([
|
|
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: K([["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: K([
|
|
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: K([["path", {
|
|
407
|
+
d: "m9 18 6-6-6-6",
|
|
408
|
+
key: "mthhwq"
|
|
409
|
+
}]]),
|
|
410
|
+
IconCircleAlert: K([
|
|
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: K([["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: K([
|
|
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: K([
|
|
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: K([
|
|
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: K([["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: K([
|
|
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: K([
|
|
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: K([
|
|
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: K([
|
|
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: K([
|
|
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: K([
|
|
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: K([
|
|
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: K([
|
|
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: K([["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: K([["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: K([
|
|
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: K([
|
|
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: K([["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: K([["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: K([
|
|
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: K([["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: K([["path", {
|
|
768
|
+
d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
|
|
769
|
+
key: "17jzev"
|
|
770
|
+
}]]),
|
|
771
|
+
IconTrendingUp: K([["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: K([
|
|
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: K([["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: K([
|
|
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: K([
|
|
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: K([["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: K([
|
|
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: K([
|
|
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: K([["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: V,
|
|
906
|
+
IconPause: H,
|
|
907
|
+
IconPictureInPicture: U,
|
|
908
|
+
IconPlay: W,
|
|
909
|
+
IconReplay: te,
|
|
910
|
+
IconSettings: ne,
|
|
911
|
+
IconFullscreen: re,
|
|
912
|
+
IconFullscreenExit: ie,
|
|
913
|
+
IconCaptions: ae,
|
|
914
|
+
IconVolume: oe,
|
|
915
|
+
IconVolumeMuted: se,
|
|
916
|
+
IconSort: ce,
|
|
917
|
+
IconSortAscending: G,
|
|
918
|
+
IconSortDescending: le,
|
|
919
|
+
IconSuccessCircle: ue,
|
|
920
|
+
IconUpload: de,
|
|
921
|
+
IconWarning: fe
|
|
922
|
+
}, q = ({ name: e, ...n }) => {
|
|
923
|
+
let r = pe[e];
|
|
265
924
|
return /* @__PURE__ */ t(r, { ...n });
|
|
266
|
-
},
|
|
925
|
+
}, J = {
|
|
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: `${J.wrapper} ${l}`,
|
|
279
938
|
children: [
|
|
280
939
|
/* @__PURE__ */ n("label", {
|
|
281
|
-
className: `${
|
|
940
|
+
className: `${J.label} ${s ? J.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: J.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: `${J.control} ${o ? J.controlError : ""}`,
|
|
302
961
|
"aria-hidden": "true",
|
|
303
|
-
children: [h && !e && /* @__PURE__ */ t(
|
|
962
|
+
children: [h && !e && /* @__PURE__ */ t(q, {
|
|
304
963
|
name: "IconMinus",
|
|
305
964
|
width: 16,
|
|
306
965
|
height: 16
|
|
307
|
-
}), e && /* @__PURE__ */ t(
|
|
966
|
+
}), e && /* @__PURE__ */ t(q, {
|
|
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, V] = h(Ee(r, "time")), [H, U] = h(be(r)), [W, te] = h(""), [ne, re] = h(0), [ie, ae] = h(null), oe = p(() => ke(R), [R]), se = a !== "time", ce = a !== "date";
|
|
1097
|
+
u(() => {
|
|
1098
|
+
r && z(r), V(Ee(r, "time")), U(be(r));
|
|
1099
|
+
}, [r]), u(() => () => {
|
|
1100
|
+
F.current && clearTimeout(F.current);
|
|
442
1101
|
}, []);
|
|
443
|
-
let
|
|
444
|
-
let e =
|
|
1102
|
+
let G = 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
|
+
ae({
|
|
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
|
+
ae(null);
|
|
456
1115
|
return;
|
|
457
1116
|
}
|
|
458
|
-
return
|
|
459
|
-
window.removeEventListener("resize",
|
|
1117
|
+
return G(), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0), () => {
|
|
1118
|
+
window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
|
|
460
1119
|
};
|
|
461
1120
|
}, [
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
]),
|
|
467
|
-
if (!
|
|
1121
|
+
I,
|
|
1122
|
+
G,
|
|
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 le = (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), U(be(t)), a === "date" && L(!1));
|
|
1141
|
+
}, ue = () => {
|
|
1142
|
+
te(ye), re((e) => e + 1), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
|
|
1143
|
+
te(""), F.current = null;
|
|
485
1144
|
}, 3e3);
|
|
486
|
-
},
|
|
487
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
488
|
-
if (!
|
|
489
|
-
|
|
1145
|
+
}, de = (e) => {
|
|
1146
|
+
let t = e.replace(/\D/g, "").slice(0, ve);
|
|
1147
|
+
if (!Ce(t)) {
|
|
1148
|
+
ue();
|
|
490
1149
|
return;
|
|
491
1150
|
}
|
|
492
|
-
let n =
|
|
493
|
-
if (
|
|
1151
|
+
let n = xe(t);
|
|
1152
|
+
if (U(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
|
+
ue();
|
|
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
|
+
}, fe = (e) => {
|
|
1164
|
+
if (V(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
|
+
}, K = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), pe = W ? `${O}-validation` : void 0, J = [
|
|
1173
|
+
A,
|
|
515
1174
|
j,
|
|
516
|
-
|
|
517
|
-
].filter(Boolean).join(" ") || void 0,
|
|
518
|
-
ref:
|
|
519
|
-
className:
|
|
1175
|
+
pe
|
|
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 ?? K,
|
|
1181
|
+
style: ie ? {
|
|
1182
|
+
top: ie.top,
|
|
1183
|
+
left: ie.left,
|
|
1184
|
+
maxHeight: ie.maxHeight
|
|
526
1185
|
} : {
|
|
527
1186
|
visibility: "hidden",
|
|
528
1187
|
top: 0,
|
|
529
1188
|
left: 0
|
|
530
1189
|
},
|
|
531
|
-
children: [
|
|
1190
|
+
children: [se && /* @__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(q, {
|
|
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(q, {
|
|
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: oe.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: () => le(e),
|
|
592
1251
|
children: e.getDate()
|
|
593
1252
|
}, e.toISOString());
|
|
594
1253
|
})
|
|
595
1254
|
})
|
|
596
|
-
] }),
|
|
597
|
-
className:
|
|
1255
|
+
] }), ce && /* @__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) => fe(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
|
+
se ? /* @__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: H,
|
|
1284
|
+
placeholder: K.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": J,
|
|
1293
|
+
"aria-invalid": !!(_ || W) || 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) => de(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(q, {
|
|
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": J,
|
|
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) || K
|
|
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(q, {
|
|
689
1348
|
name: "IconChevron",
|
|
690
1349
|
width: 20,
|
|
691
1350
|
height: 20
|
|
692
1351
|
})
|
|
693
1352
|
})]
|
|
694
1353
|
}),
|
|
695
|
-
|
|
696
|
-
id:
|
|
697
|
-
className:
|
|
1354
|
+
W && /* @__PURE__ */ t("span", {
|
|
1355
|
+
id: pe,
|
|
1356
|
+
className: Y.validationTooltip,
|
|
698
1357
|
role: "status",
|
|
699
1358
|
"aria-live": "polite",
|
|
700
|
-
children:
|
|
701
|
-
},
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
id:
|
|
705
|
-
children:
|
|
1359
|
+
children: W
|
|
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,34 +1449,34 @@ 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, V = o && s, H = 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
|
}
|
|
@@ -825,34 +1484,34 @@ var E = {
|
|
|
825
1484
|
window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
|
|
826
1485
|
};
|
|
827
1486
|
}, [
|
|
828
|
-
|
|
1487
|
+
k,
|
|
829
1488
|
H,
|
|
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
|
-
}, [
|
|
1501
|
+
}, [k]);
|
|
843
1502
|
let U = (t, n) => {
|
|
844
|
-
let r =
|
|
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
1507
|
}, W = (e) => {
|
|
849
|
-
e.disabled || (i?.(e.value, e),
|
|
850
|
-
},
|
|
1508
|
+
e.disabled || (i?.(e.value, e), A(!1), P.current?.focus());
|
|
1509
|
+
}, te = 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,9 +1538,9 @@ 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
1545
|
onClick: () => W(i),
|
|
887
1546
|
onKeyDown: (t) => {
|
|
@@ -890,14 +1549,14 @@ var E = {
|
|
|
890
1549
|
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
891
1550
|
U(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
|
U(t.key === "Home" ? 0 : e.length - 1, n);
|
|
897
1556
|
}
|
|
898
1557
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), W(i));
|
|
899
1558
|
},
|
|
900
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o &&
|
|
1559
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(q, {
|
|
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: V ? void 0 :
|
|
921
|
-
children:
|
|
1579
|
+
htmlFor: V ? void 0 : D,
|
|
1580
|
+
children: l
|
|
922
1581
|
}),
|
|
923
1582
|
/* @__PURE__ */ t("div", {
|
|
924
|
-
className:
|
|
1583
|
+
className: X.container,
|
|
925
1584
|
children: V ? /* @__PURE__ */ t("div", {
|
|
926
|
-
id:
|
|
927
|
-
className:
|
|
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
|
U(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
|
U(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(q, {
|
|
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(te, 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,54 +1781,54 @@ var E = {
|
|
|
1122
1781
|
sortDescFirst: e.sortDescFirst
|
|
1123
1782
|
};
|
|
1124
1783
|
return n !== void 0 && (i.sortFn = n), i;
|
|
1125
|
-
},
|
|
1126
|
-
let [E,
|
|
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, pageSize: w = 30, visibleColumnIds: T }) => {
|
|
1785
|
+
let [E, O] = h([]), [ee, k] = h(0), A = o ?? E, j = A.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), M = Number.isFinite(w) && w > 0 ? Math.floor(w) : 30, N = p(() => {
|
|
1786
|
+
if (T === void 0) return e;
|
|
1787
|
+
let t = new Set(T);
|
|
1129
1788
|
return e.filter((e) => t.has(e.id));
|
|
1130
|
-
}, [e,
|
|
1131
|
-
features:
|
|
1789
|
+
}, [e, T]), P = p(() => N.length === 0 ? "Должна быть видима хотя бы одна колонка" : Ze(N, r), [r, N]), F = p(() => N.map(at), [N]), I = N.some((e) => Ye(e) !== void 0), L = b({
|
|
1790
|
+
features: Je,
|
|
1132
1791
|
columns: F,
|
|
1133
1792
|
data: r,
|
|
1134
|
-
state: { sorting:
|
|
1793
|
+
state: { sorting: A },
|
|
1135
1794
|
onSortingChange: (e) => {
|
|
1136
|
-
let t = typeof e == "function" ? e(
|
|
1137
|
-
o === void 0 &&
|
|
1795
|
+
let t = typeof e == "function" ? e(A) : e;
|
|
1796
|
+
o === void 0 && O(t), k(0), s?.(t);
|
|
1138
1797
|
},
|
|
1139
|
-
getRowId:
|
|
1140
|
-
}), R = L.getRowModel().rows, z = C ? Math.max(1, Math.ceil(R.length / M)) : 1, B = Math.min(
|
|
1798
|
+
getRowId: l
|
|
1799
|
+
}), R = L.getRowModel().rows, z = C ? Math.max(1, Math.ceil(R.length / M)) : 1, B = Math.min(ee, z - 1), V = p(() => C ? R.slice(B * M, (B + 1) * M) : R, [
|
|
1141
1800
|
M,
|
|
1142
1801
|
C,
|
|
1143
1802
|
B,
|
|
1144
1803
|
R
|
|
1145
|
-
]), H =
|
|
1804
|
+
]), H = p(() => N.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
1146
1805
|
id: e.id,
|
|
1147
1806
|
label: typeof e.header == "string" ? e.header : e.id
|
|
1148
|
-
})), [N]), U =
|
|
1807
|
+
})), [N]), U = p(() => Xe(B, z), [z, B]), W = [
|
|
1149
1808
|
Z.root,
|
|
1150
1809
|
a === "wide" ? Z.wide : Z.default,
|
|
1151
1810
|
i ? Z.tableOnMobile : "",
|
|
1152
1811
|
x
|
|
1153
|
-
].filter(Boolean).join(" "),
|
|
1154
|
-
return
|
|
1155
|
-
|
|
1812
|
+
].filter(Boolean).join(" "), te = P ?? g, ne = C && !m && !te && R.length > M, re = B * M + 1, ie = Math.min((B + 1) * M, R.length);
|
|
1813
|
+
return u(() => {
|
|
1814
|
+
k(0);
|
|
1156
1815
|
}, [
|
|
1157
1816
|
r,
|
|
1158
1817
|
M,
|
|
1159
1818
|
C,
|
|
1160
1819
|
j
|
|
1161
|
-
]),
|
|
1162
|
-
|
|
1163
|
-
}, [z,
|
|
1820
|
+
]), u(() => {
|
|
1821
|
+
ee >= z && k(z - 1);
|
|
1822
|
+
}, [z, ee]), /* @__PURE__ */ n("section", {
|
|
1164
1823
|
className: W,
|
|
1165
|
-
"aria-busy":
|
|
1824
|
+
"aria-busy": m,
|
|
1166
1825
|
children: [
|
|
1167
|
-
!i && !
|
|
1826
|
+
!i && !m && !te && V.length > 0 && H.length > 0 && /* @__PURE__ */ t(qe, {
|
|
1168
1827
|
className: Z.mobileSort,
|
|
1169
1828
|
options: H,
|
|
1170
|
-
value:
|
|
1171
|
-
id:
|
|
1172
|
-
direction:
|
|
1829
|
+
value: A[0] ? {
|
|
1830
|
+
id: A[0].id,
|
|
1831
|
+
direction: A[0].desc ? "desc" : "asc"
|
|
1173
1832
|
} : null,
|
|
1174
1833
|
onChange: (e) => L.setSorting([{
|
|
1175
1834
|
id: e.id,
|
|
@@ -1178,13 +1837,13 @@ var E = {
|
|
|
1178
1837
|
}),
|
|
1179
1838
|
/* @__PURE__ */ t("div", {
|
|
1180
1839
|
className: Z.tableWrap,
|
|
1181
|
-
style: { maxHeight:
|
|
1840
|
+
style: { maxHeight: y },
|
|
1182
1841
|
children: /* @__PURE__ */ n("table", {
|
|
1183
1842
|
className: Z.table,
|
|
1184
|
-
"aria-label":
|
|
1843
|
+
"aria-label": f,
|
|
1185
1844
|
children: [
|
|
1186
1845
|
d && /* @__PURE__ */ t("caption", { children: d }),
|
|
1187
|
-
I && /* @__PURE__ */ t("colgroup", { children: N.map((e) => /* @__PURE__ */ t("col", { style:
|
|
1846
|
+
I && /* @__PURE__ */ t("colgroup", { children: N.map((e) => /* @__PURE__ */ t("col", { style: Ye(e) }, e.id)) }),
|
|
1188
1847
|
/* @__PURE__ */ t("thead", {
|
|
1189
1848
|
className: v ? Z.sticky : "",
|
|
1190
1849
|
children: L.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
|
|
@@ -1192,13 +1851,13 @@ var E = {
|
|
|
1192
1851
|
return /* @__PURE__ */ t("th", {
|
|
1193
1852
|
scope: "col",
|
|
1194
1853
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
1195
|
-
style:
|
|
1854
|
+
style: Ye(N.find((t) => t.id === e.column.id)),
|
|
1196
1855
|
children: /* @__PURE__ */ n("button", {
|
|
1197
1856
|
type: "button",
|
|
1198
1857
|
className: Z.sortButton,
|
|
1199
1858
|
disabled: !i,
|
|
1200
1859
|
onClick: a,
|
|
1201
|
-
children: [/* @__PURE__ */ t(L.FlexRender, { header: e }), /* @__PURE__ */ t(
|
|
1860
|
+
children: [/* @__PURE__ */ t(L.FlexRender, { header: e }), /* @__PURE__ */ t(q, {
|
|
1202
1861
|
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
1203
1862
|
width: 16,
|
|
1204
1863
|
height: 16
|
|
@@ -1207,13 +1866,13 @@ var E = {
|
|
|
1207
1866
|
}, e.id);
|
|
1208
1867
|
}) }, e.id))
|
|
1209
1868
|
}),
|
|
1210
|
-
/* @__PURE__ */ t("tbody", { children:
|
|
1869
|
+
/* @__PURE__ */ t("tbody", { children: m ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1211
1870
|
colSpan: N.length,
|
|
1212
|
-
children: /* @__PURE__ */ t(
|
|
1213
|
-
}) }) :
|
|
1871
|
+
children: /* @__PURE__ */ t(ze, { lines: 3 })
|
|
1872
|
+
}) }) : te ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1214
1873
|
className: Z.state,
|
|
1215
1874
|
colSpan: N.length,
|
|
1216
|
-
children:
|
|
1875
|
+
children: te
|
|
1217
1876
|
}) }) : V.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1218
1877
|
className: Z.state,
|
|
1219
1878
|
colSpan: N.length,
|
|
@@ -1227,7 +1886,7 @@ var E = {
|
|
|
1227
1886
|
tabIndex: S ? 0 : void 0,
|
|
1228
1887
|
role: S ? "button" : void 0,
|
|
1229
1888
|
children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", {
|
|
1230
|
-
style:
|
|
1889
|
+
style: Ye(N.find((t) => t.id === e.column.id)),
|
|
1231
1890
|
children: /* @__PURE__ */ t(L.FlexRender, { cell: e })
|
|
1232
1891
|
}, e.id))
|
|
1233
1892
|
}, e.id)) })
|
|
@@ -1237,10 +1896,10 @@ var E = {
|
|
|
1237
1896
|
!i && /* @__PURE__ */ t("div", {
|
|
1238
1897
|
className: Z.cards,
|
|
1239
1898
|
role: "list",
|
|
1240
|
-
"aria-label":
|
|
1241
|
-
children:
|
|
1899
|
+
"aria-label": f ?? d,
|
|
1900
|
+
children: m ? /* @__PURE__ */ t(ze, { lines: 4 }) : te ? /* @__PURE__ */ t("div", {
|
|
1242
1901
|
className: Z.state,
|
|
1243
|
-
children:
|
|
1902
|
+
children: te
|
|
1244
1903
|
}) : V.length === 0 ? /* @__PURE__ */ t("div", {
|
|
1245
1904
|
className: Z.state,
|
|
1246
1905
|
children: _
|
|
@@ -1252,7 +1911,7 @@ var E = {
|
|
|
1252
1911
|
columns: N
|
|
1253
1912
|
})
|
|
1254
1913
|
}, e.id);
|
|
1255
|
-
let r = N.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) =>
|
|
1914
|
+
let r = N.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
1915
|
return /* @__PURE__ */ n("article", {
|
|
1257
1916
|
role: "listitem",
|
|
1258
1917
|
className: Z.card,
|
|
@@ -1283,15 +1942,15 @@ var E = {
|
|
|
1283
1942
|
}), /* @__PURE__ */ n("div", {
|
|
1284
1943
|
className: Z.paginationControls,
|
|
1285
1944
|
children: [
|
|
1286
|
-
/* @__PURE__ */ n(
|
|
1945
|
+
/* @__PURE__ */ n(D, {
|
|
1287
1946
|
variant: "empty",
|
|
1288
1947
|
size: "md",
|
|
1289
1948
|
disabled: B === 0,
|
|
1290
1949
|
"aria-label": "Предыдущая страница",
|
|
1291
1950
|
onClick: () => {
|
|
1292
|
-
|
|
1951
|
+
k((e) => Math.max(0, e - 1));
|
|
1293
1952
|
},
|
|
1294
|
-
children: [/* @__PURE__ */ t(
|
|
1953
|
+
children: [/* @__PURE__ */ t(q, {
|
|
1295
1954
|
name: "IconChevron",
|
|
1296
1955
|
width: 18,
|
|
1297
1956
|
height: 18,
|
|
@@ -1303,14 +1962,14 @@ var E = {
|
|
|
1303
1962
|
}),
|
|
1304
1963
|
/* @__PURE__ */ t("div", {
|
|
1305
1964
|
className: Z.pageNumbers,
|
|
1306
|
-
children: U.map((e) => typeof e == "number" ? /* @__PURE__ */ t(
|
|
1965
|
+
children: U.map((e) => typeof e == "number" ? /* @__PURE__ */ t(D, {
|
|
1307
1966
|
variant: e === B ? "secondary" : "empty",
|
|
1308
1967
|
size: "md",
|
|
1309
1968
|
className: Z.pageButton,
|
|
1310
1969
|
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
1311
1970
|
"aria-current": e === B ? "page" : void 0,
|
|
1312
1971
|
onClick: () => {
|
|
1313
|
-
|
|
1972
|
+
k(e);
|
|
1314
1973
|
},
|
|
1315
1974
|
children: e + 1
|
|
1316
1975
|
}, e) : /* @__PURE__ */ t("span", {
|
|
@@ -1319,18 +1978,18 @@ var E = {
|
|
|
1319
1978
|
children: "…"
|
|
1320
1979
|
}, e))
|
|
1321
1980
|
}),
|
|
1322
|
-
/* @__PURE__ */ n(
|
|
1981
|
+
/* @__PURE__ */ n(D, {
|
|
1323
1982
|
variant: "empty",
|
|
1324
1983
|
size: "md",
|
|
1325
1984
|
disabled: B === z - 1,
|
|
1326
1985
|
"aria-label": "Следующая страница",
|
|
1327
1986
|
onClick: () => {
|
|
1328
|
-
|
|
1987
|
+
k((e) => Math.min(z - 1, e + 1));
|
|
1329
1988
|
},
|
|
1330
1989
|
children: [/* @__PURE__ */ t("span", {
|
|
1331
1990
|
className: Z.paginationButtonLabel,
|
|
1332
1991
|
children: "Вперёд"
|
|
1333
|
-
}), /* @__PURE__ */ t(
|
|
1992
|
+
}), /* @__PURE__ */ t(q, {
|
|
1334
1993
|
name: "IconChevron",
|
|
1335
1994
|
width: 18,
|
|
1336
1995
|
height: 18,
|
|
@@ -1342,27 +2001,27 @@ var E = {
|
|
|
1342
2001
|
})
|
|
1343
2002
|
]
|
|
1344
2003
|
});
|
|
1345
|
-
},
|
|
2004
|
+
}, st = 8, ct = 6, lt = 120, ut = (e) => {
|
|
1346
2005
|
if (typeof e == "number") return e;
|
|
1347
2006
|
if (typeof e == "string") {
|
|
1348
2007
|
let t = Number.parseFloat(e);
|
|
1349
2008
|
if (Number.isFinite(t)) return t;
|
|
1350
2009
|
}
|
|
1351
2010
|
return Infinity;
|
|
1352
|
-
},
|
|
1353
|
-
let
|
|
2011
|
+
}, 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 }) => {
|
|
2012
|
+
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, V = [z, B].filter(Boolean).join(" ") || void 0, H = o && s, U = c(() => {
|
|
1354
2013
|
let e = F.current, t = I.current;
|
|
1355
2014
|
if (!e || !t) return;
|
|
1356
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom -
|
|
2015
|
+
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
2016
|
N({
|
|
1358
|
-
top: o ? Math.max(
|
|
1359
|
-
left: Math.max(
|
|
2017
|
+
top: o ? Math.max(st, n.top - r.height - ct) : n.bottom + ct,
|
|
2018
|
+
left: Math.max(st, Math.min(n.left, c)),
|
|
1360
2019
|
width: n.width,
|
|
1361
|
-
maxHeight: Math.min(s,
|
|
2020
|
+
maxHeight: Math.min(s, ut(E))
|
|
1362
2021
|
});
|
|
1363
|
-
}, [
|
|
1364
|
-
|
|
1365
|
-
if (!
|
|
2022
|
+
}, [E]);
|
|
2023
|
+
f(() => {
|
|
2024
|
+
if (!A) {
|
|
1366
2025
|
N(null);
|
|
1367
2026
|
return;
|
|
1368
2027
|
}
|
|
@@ -1370,11 +2029,11 @@ var E = {
|
|
|
1370
2029
|
window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
|
|
1371
2030
|
};
|
|
1372
2031
|
}, [
|
|
1373
|
-
|
|
2032
|
+
A,
|
|
1374
2033
|
e.length,
|
|
1375
2034
|
U
|
|
1376
|
-
]),
|
|
1377
|
-
if (!
|
|
2035
|
+
]), u(() => {
|
|
2036
|
+
if (!A) return;
|
|
1378
2037
|
let e = (e) => {
|
|
1379
2038
|
let t = e.target;
|
|
1380
2039
|
!P.current?.contains(t) && !I.current?.contains(t) && j(!1);
|
|
@@ -1384,20 +2043,20 @@ var E = {
|
|
|
1384
2043
|
return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
|
|
1385
2044
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1386
2045
|
};
|
|
1387
|
-
}, [
|
|
2046
|
+
}, [A]);
|
|
1388
2047
|
let W = (t, n) => {
|
|
1389
|
-
let r =
|
|
2048
|
+
let r = Ue(e, t, n);
|
|
1390
2049
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
1391
|
-
},
|
|
2050
|
+
}, te = (t) => {
|
|
1392
2051
|
if (t.disabled) return;
|
|
1393
2052
|
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 =
|
|
2053
|
+
i?.(n, e.filter((e) => n.includes(e.value))), w && (j(!1), F.current?.focus());
|
|
2054
|
+
}, ne = A ? /* @__PURE__ */ t("ul", {
|
|
1396
2055
|
ref: I,
|
|
1397
|
-
id:
|
|
1398
|
-
className:
|
|
2056
|
+
id: k,
|
|
2057
|
+
className: X.menu,
|
|
1399
2058
|
role: "listbox",
|
|
1400
|
-
"aria-label":
|
|
2059
|
+
"aria-label": l,
|
|
1401
2060
|
"aria-multiselectable": "true",
|
|
1402
2061
|
style: M ? {
|
|
1403
2062
|
position: "fixed",
|
|
@@ -1425,11 +2084,11 @@ var E = {
|
|
|
1425
2084
|
"aria-selected": o,
|
|
1426
2085
|
disabled: i.disabled,
|
|
1427
2086
|
className: [
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
o ?
|
|
2087
|
+
X[v],
|
|
2088
|
+
X.option,
|
|
2089
|
+
o ? X.selected : ""
|
|
1431
2090
|
].filter(Boolean).join(" "),
|
|
1432
|
-
onClick: () =>
|
|
2091
|
+
onClick: () => te(i),
|
|
1433
2092
|
onKeyDown: (t) => {
|
|
1434
2093
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
1435
2094
|
t.preventDefault();
|
|
@@ -1441,9 +2100,9 @@ var E = {
|
|
|
1441
2100
|
let n = t.key === "Home" ? 1 : -1;
|
|
1442
2101
|
W(t.key === "Home" ? 0 : e.length - 1, n);
|
|
1443
2102
|
}
|
|
1444
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
2103
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), te(i)), t.key === "Tab" && j(!1);
|
|
1445
2104
|
},
|
|
1446
|
-
children: [/* @__PURE__ */ t("span", { children: i.label }), o &&
|
|
2105
|
+
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(q, {
|
|
1447
2106
|
name: "IconCheck",
|
|
1448
2107
|
width: 16,
|
|
1449
2108
|
height: 16
|
|
@@ -1455,34 +2114,34 @@ var E = {
|
|
|
1455
2114
|
return /* @__PURE__ */ n("div", {
|
|
1456
2115
|
ref: P,
|
|
1457
2116
|
className: [
|
|
1458
|
-
|
|
1459
|
-
_ ?
|
|
2117
|
+
X.wrapper,
|
|
2118
|
+
_ ? X.errorState : "",
|
|
1460
2119
|
x
|
|
1461
2120
|
].filter(Boolean).join(" "),
|
|
1462
2121
|
children: [
|
|
1463
|
-
|
|
1464
|
-
htmlFor: H ? void 0 :
|
|
2122
|
+
l && /* @__PURE__ */ t(ee, {
|
|
2123
|
+
htmlFor: H ? void 0 : O,
|
|
1465
2124
|
required: y,
|
|
1466
2125
|
disabled: o,
|
|
1467
|
-
children:
|
|
2126
|
+
children: l
|
|
1468
2127
|
}),
|
|
1469
2128
|
/* @__PURE__ */ t("div", {
|
|
1470
|
-
className:
|
|
2129
|
+
className: X.container,
|
|
1471
2130
|
children: H ? /* @__PURE__ */ t("div", {
|
|
1472
|
-
id:
|
|
1473
|
-
className: `${
|
|
2131
|
+
id: O,
|
|
2132
|
+
className: `${X.disabledText} ${X[v]}`,
|
|
1474
2133
|
"aria-describedby": V,
|
|
1475
2134
|
children: R || a
|
|
1476
2135
|
}) : /* @__PURE__ */ n("button", {
|
|
1477
2136
|
ref: F,
|
|
1478
|
-
id:
|
|
2137
|
+
id: O,
|
|
1479
2138
|
type: "button",
|
|
1480
2139
|
name: S,
|
|
1481
|
-
className: `${
|
|
2140
|
+
className: `${X.trigger} ${X[v]}`,
|
|
1482
2141
|
disabled: o,
|
|
1483
2142
|
"aria-haspopup": "listbox",
|
|
1484
|
-
"aria-expanded":
|
|
1485
|
-
"aria-controls":
|
|
2143
|
+
"aria-expanded": A,
|
|
2144
|
+
"aria-controls": k,
|
|
1486
2145
|
"aria-describedby": V,
|
|
1487
2146
|
"aria-invalid": !!_,
|
|
1488
2147
|
onClick: () => j((e) => !e),
|
|
@@ -1494,12 +2153,12 @@ var E = {
|
|
|
1494
2153
|
}
|
|
1495
2154
|
},
|
|
1496
2155
|
children: [/* @__PURE__ */ t("span", {
|
|
1497
|
-
className: `${R ?
|
|
2156
|
+
className: `${R ? X.value : X.placeholder} ${X[v]}`,
|
|
1498
2157
|
children: R || a
|
|
1499
2158
|
}), /* @__PURE__ */ t("span", {
|
|
1500
|
-
className: [
|
|
2159
|
+
className: [X.chevron, A ? X.chevronOpen : ""].filter(Boolean).join(" "),
|
|
1501
2160
|
"aria-hidden": "true",
|
|
1502
|
-
children: /* @__PURE__ */ t(
|
|
2161
|
+
children: /* @__PURE__ */ t(q, {
|
|
1503
2162
|
name: "IconChevron",
|
|
1504
2163
|
width: 20,
|
|
1505
2164
|
height: 20
|
|
@@ -1507,20 +2166,20 @@ var E = {
|
|
|
1507
2166
|
})]
|
|
1508
2167
|
})
|
|
1509
2168
|
}),
|
|
1510
|
-
|
|
2169
|
+
A && g(ne, document.body),
|
|
1511
2170
|
b && !_ && /* @__PURE__ */ t("span", {
|
|
1512
2171
|
id: z,
|
|
1513
|
-
className:
|
|
2172
|
+
className: X.message,
|
|
1514
2173
|
children: b
|
|
1515
2174
|
}),
|
|
1516
2175
|
_ && /* @__PURE__ */ t("span", {
|
|
1517
2176
|
id: B,
|
|
1518
|
-
className:
|
|
2177
|
+
className: X.error,
|
|
1519
2178
|
children: _
|
|
1520
2179
|
})
|
|
1521
2180
|
]
|
|
1522
2181
|
});
|
|
1523
|
-
},
|
|
2182
|
+
}, ft = {
|
|
1524
2183
|
wrapper: "_wrapper_1izp1_1",
|
|
1525
2184
|
control: "_control_1izp1_15",
|
|
1526
2185
|
input: "_input_1izp1_25",
|
|
@@ -1530,30 +2189,30 @@ var E = {
|
|
|
1530
2189
|
lg: "_lg_1izp1_139",
|
|
1531
2190
|
inputError: "_inputError_1izp1_155",
|
|
1532
2191
|
trailingAction: "_trailingAction_1izp1_163"
|
|
1533
|
-
},
|
|
1534
|
-
let O =
|
|
1535
|
-
return
|
|
2192
|
+
}, 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 }) => {
|
|
2193
|
+
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;
|
|
2194
|
+
return u(() => {
|
|
1536
2195
|
C || N(!1);
|
|
1537
2196
|
}, [C]), /* @__PURE__ */ n("div", {
|
|
1538
|
-
className: `${
|
|
2197
|
+
className: `${ft.wrapper} ${g}`,
|
|
1539
2198
|
children: [
|
|
1540
|
-
|
|
1541
|
-
htmlFor:
|
|
2199
|
+
l && /* @__PURE__ */ t(ee, {
|
|
2200
|
+
htmlFor: A,
|
|
1542
2201
|
required: x,
|
|
1543
2202
|
disabled: o,
|
|
1544
|
-
children:
|
|
2203
|
+
children: l
|
|
1545
2204
|
}),
|
|
1546
2205
|
o && c ? /* @__PURE__ */ t("div", {
|
|
1547
|
-
id:
|
|
1548
|
-
className:
|
|
2206
|
+
id: A,
|
|
2207
|
+
className: ft.disabledText,
|
|
1549
2208
|
"aria-describedby": L,
|
|
1550
2209
|
children: I || a
|
|
1551
2210
|
}) : /* @__PURE__ */ n("div", {
|
|
1552
|
-
className:
|
|
2211
|
+
className: ft.control,
|
|
1553
2212
|
children: [
|
|
1554
2213
|
/* @__PURE__ */ t("input", {
|
|
1555
2214
|
ref: j,
|
|
1556
|
-
id:
|
|
2215
|
+
id: A,
|
|
1557
2216
|
name: _,
|
|
1558
2217
|
type: R,
|
|
1559
2218
|
value: I,
|
|
@@ -1563,7 +2222,7 @@ var E = {
|
|
|
1563
2222
|
required: x,
|
|
1564
2223
|
"aria-invalid": !!f,
|
|
1565
2224
|
"aria-describedby": L,
|
|
1566
|
-
className: `${
|
|
2225
|
+
className: `${ft.input} ${ft[y]} ${f ? ft.inputError : ""}`,
|
|
1567
2226
|
onChange: (e) => {
|
|
1568
2227
|
if (i === "number" && !C) {
|
|
1569
2228
|
let t = e.target.value === "" ? "" : Number(e.target.value);
|
|
@@ -1573,18 +2232,18 @@ var E = {
|
|
|
1573
2232
|
r?.(e.target.value, e);
|
|
1574
2233
|
},
|
|
1575
2234
|
onFocus: (e) => {
|
|
1576
|
-
S && e.currentTarget.value && e.currentTarget.select(),
|
|
2235
|
+
S && e.currentTarget.value && e.currentTarget.select(), E?.(e);
|
|
1577
2236
|
},
|
|
1578
|
-
...
|
|
2237
|
+
...D
|
|
1579
2238
|
}),
|
|
1580
2239
|
C && /* @__PURE__ */ t("button", {
|
|
1581
2240
|
type: "button",
|
|
1582
|
-
className:
|
|
2241
|
+
className: ft.trailingAction,
|
|
1583
2242
|
disabled: o,
|
|
1584
|
-
"aria-label": M ?
|
|
2243
|
+
"aria-label": M ? w : T,
|
|
1585
2244
|
"aria-pressed": M,
|
|
1586
2245
|
onClick: () => N((e) => !e),
|
|
1587
|
-
children: /* @__PURE__ */ t(
|
|
2246
|
+
children: /* @__PURE__ */ t(q, {
|
|
1588
2247
|
name: M ? "IconEyeOff" : "IconEye",
|
|
1589
2248
|
width: 20,
|
|
1590
2249
|
height: 20
|
|
@@ -1592,13 +2251,13 @@ var E = {
|
|
|
1592
2251
|
}),
|
|
1593
2252
|
!C && b && I && !o && !s && /* @__PURE__ */ t("button", {
|
|
1594
2253
|
type: "button",
|
|
1595
|
-
className:
|
|
2254
|
+
className: ft.trailingAction,
|
|
1596
2255
|
"aria-label": "Очистить поле",
|
|
1597
2256
|
onClick: () => {
|
|
1598
2257
|
let e = j.current;
|
|
1599
2258
|
e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
1600
2259
|
},
|
|
1601
|
-
children: /* @__PURE__ */ t(
|
|
2260
|
+
children: /* @__PURE__ */ t(q, {
|
|
1602
2261
|
name: "IconCross",
|
|
1603
2262
|
width: 20,
|
|
1604
2263
|
height: 20
|
|
@@ -1606,21 +2265,21 @@ var E = {
|
|
|
1606
2265
|
})
|
|
1607
2266
|
]
|
|
1608
2267
|
}),
|
|
1609
|
-
|
|
2268
|
+
p && !f && /* @__PURE__ */ t(k, {
|
|
1610
2269
|
id: P,
|
|
1611
|
-
children:
|
|
2270
|
+
children: p
|
|
1612
2271
|
}),
|
|
1613
|
-
f && /* @__PURE__ */ t(
|
|
2272
|
+
f && /* @__PURE__ */ t(k, {
|
|
1614
2273
|
id: F,
|
|
1615
2274
|
variant: "error",
|
|
1616
2275
|
children: f
|
|
1617
2276
|
})
|
|
1618
2277
|
]
|
|
1619
2278
|
});
|
|
1620
|
-
},
|
|
2279
|
+
}, mt = (e, t) => {
|
|
1621
2280
|
let n = t.trim().toLocaleLowerCase();
|
|
1622
2281
|
return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
|
|
1623
|
-
},
|
|
2282
|
+
}, ht = (e, t, n) => {
|
|
1624
2283
|
if (!e.length) return -1;
|
|
1625
2284
|
for (let r = 0; r < e.length; r += 1) {
|
|
1626
2285
|
let i = (t + r * n + e.length) % e.length;
|
|
@@ -1645,24 +2304,24 @@ var E = {
|
|
|
1645
2304
|
selected: "_selected_1v2s8_321",
|
|
1646
2305
|
active: "_active_1v2s8_321",
|
|
1647
2306
|
visuallyHidden: "_visuallyHidden_1v2s8_341"
|
|
1648
|
-
},
|
|
2307
|
+
}, gt = 8, _t = 6, vt = 5, yt = 10, bt = {
|
|
1649
2308
|
sm: 30,
|
|
1650
2309
|
md: 40,
|
|
1651
2310
|
lg: 50
|
|
1652
|
-
},
|
|
1653
|
-
let
|
|
2311
|
+
}, 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 }) => {
|
|
2312
|
+
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
2313
|
j,
|
|
1655
2314
|
M,
|
|
1656
2315
|
N
|
|
1657
|
-
].filter(Boolean).join(" "), F =
|
|
1658
|
-
|
|
1659
|
-
let oe =
|
|
2316
|
+
].filter(Boolean).join(" "), F = m(null), I = m(null), L = m([]), [R, z] = h(!1), [B, V] = h(""), [H, U] = h(-1), [W, te] = h(null), ne = p(() => e.find((e) => e.value === r), [e, r]), re = p(() => mt(e, B), [e, B]), ie = s && _, ae = H >= 0 ? re[H] : void 0;
|
|
2317
|
+
u(() => V(ne?.label ?? ""), [ne?.label, r]);
|
|
2318
|
+
let oe = c(() => F.current?.querySelector("input") ?? null, []), se = c((e, t) => ht(re, e, t), [re]), ce = c((e) => {
|
|
1660
2319
|
U(e), !(e < 0) && requestAnimationFrame(() => L.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
1661
|
-
}, []),
|
|
2320
|
+
}, []), G = c(() => {
|
|
1662
2321
|
let e = oe();
|
|
1663
2322
|
if (!e) return;
|
|
1664
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(re.length,
|
|
1665
|
-
|
|
2323
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(re.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;
|
|
2324
|
+
te({
|
|
1666
2325
|
top: u,
|
|
1667
2326
|
left: l,
|
|
1668
2327
|
width: t.width,
|
|
@@ -1673,15 +2332,15 @@ var E = {
|
|
|
1673
2332
|
oe,
|
|
1674
2333
|
x
|
|
1675
2334
|
]);
|
|
1676
|
-
|
|
2335
|
+
f(() => {
|
|
1677
2336
|
if (!R) {
|
|
1678
|
-
|
|
2337
|
+
te(null);
|
|
1679
2338
|
return;
|
|
1680
2339
|
}
|
|
1681
|
-
return
|
|
1682
|
-
window.removeEventListener("resize",
|
|
2340
|
+
return G(), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0), () => {
|
|
2341
|
+
window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
|
|
1683
2342
|
};
|
|
1684
|
-
}, [R,
|
|
2343
|
+
}, [R, G]), u(() => {
|
|
1685
2344
|
if (!R) return;
|
|
1686
2345
|
let e = (e) => {
|
|
1687
2346
|
let t = e.target;
|
|
@@ -1689,13 +2348,13 @@ var E = {
|
|
|
1689
2348
|
};
|
|
1690
2349
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
1691
2350
|
}, [R]);
|
|
1692
|
-
let
|
|
1693
|
-
|
|
1694
|
-
},
|
|
2351
|
+
let le = () => {
|
|
2352
|
+
s || l || (z(!0), U(se(0, 1)));
|
|
2353
|
+
}, ue = (e) => {
|
|
1695
2354
|
e.disabled || (V(e.label), z(!1), U(-1), i?.(e.value, e), oe()?.focus());
|
|
1696
|
-
},
|
|
2355
|
+
}, de = R ? /* @__PURE__ */ t("ul", {
|
|
1697
2356
|
ref: I,
|
|
1698
|
-
id:
|
|
2357
|
+
id: A,
|
|
1699
2358
|
className: `${Q.menu} ${re.length === 0 ? Q.menuEmpty : ""}`,
|
|
1700
2359
|
role: "listbox",
|
|
1701
2360
|
"aria-label": v,
|
|
@@ -1737,8 +2396,8 @@ var E = {
|
|
|
1737
2396
|
onPointerMove: () => {
|
|
1738
2397
|
e.disabled || U(i);
|
|
1739
2398
|
},
|
|
1740
|
-
onClick: () =>
|
|
1741
|
-
children: [/* @__PURE__ */ t("span", { children: e.label }), a &&
|
|
2399
|
+
onClick: () => ue(e),
|
|
2400
|
+
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(q, {
|
|
1742
2401
|
name: "IconCheck",
|
|
1743
2402
|
width: 16,
|
|
1744
2403
|
height: 16
|
|
@@ -1755,10 +2414,10 @@ var E = {
|
|
|
1755
2414
|
C
|
|
1756
2415
|
].filter(Boolean).join(" "),
|
|
1757
2416
|
children: [
|
|
1758
|
-
v && /* @__PURE__ */ t(
|
|
2417
|
+
v && /* @__PURE__ */ t(ee, {
|
|
1759
2418
|
htmlFor: ie ? void 0 : O,
|
|
1760
2419
|
required: S,
|
|
1761
|
-
disabled:
|
|
2420
|
+
disabled: s,
|
|
1762
2421
|
children: v
|
|
1763
2422
|
}),
|
|
1764
2423
|
ie ? /* @__PURE__ */ t("div", {
|
|
@@ -1766,33 +2425,33 @@ var E = {
|
|
|
1766
2425
|
children: ne?.label ?? a
|
|
1767
2426
|
}) : /* @__PURE__ */ n("div", {
|
|
1768
2427
|
className: Q.control,
|
|
1769
|
-
children: [/* @__PURE__ */ t(
|
|
2428
|
+
children: [/* @__PURE__ */ t(pt, {
|
|
1770
2429
|
id: O,
|
|
1771
|
-
name:
|
|
2430
|
+
name: w,
|
|
1772
2431
|
value: B,
|
|
1773
2432
|
placeholder: a,
|
|
1774
|
-
disabled:
|
|
1775
|
-
readOnly:
|
|
2433
|
+
disabled: s,
|
|
2434
|
+
readOnly: l,
|
|
1776
2435
|
required: S,
|
|
1777
2436
|
size: x,
|
|
1778
2437
|
clearable: !1,
|
|
1779
2438
|
autoComplete: "off",
|
|
1780
2439
|
className: `${Q.inputHost} ${Q[x]}`,
|
|
1781
|
-
onFocus:
|
|
2440
|
+
onFocus: le,
|
|
1782
2441
|
onChange: (t) => {
|
|
1783
|
-
let n = String(t), r =
|
|
1784
|
-
V(n), z(!0), U(
|
|
2442
|
+
let n = String(t), r = mt(e, n);
|
|
2443
|
+
V(n), z(!0), U(ht(r, 0, 1));
|
|
1785
2444
|
},
|
|
1786
2445
|
role: "combobox",
|
|
1787
2446
|
"aria-autocomplete": "list",
|
|
1788
2447
|
"aria-expanded": R,
|
|
1789
|
-
"aria-controls":
|
|
2448
|
+
"aria-controls": A,
|
|
1790
2449
|
"aria-activedescendant": ae ? `${O}-option-${H}` : void 0,
|
|
1791
2450
|
"aria-invalid": !!y,
|
|
1792
2451
|
"aria-describedby": P,
|
|
1793
|
-
onClick:
|
|
2452
|
+
onClick: le,
|
|
1794
2453
|
onKeyDown: (e) => {
|
|
1795
|
-
if (!(
|
|
2454
|
+
if (!(s || l)) {
|
|
1796
2455
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
1797
2456
|
e.preventDefault();
|
|
1798
2457
|
let t = e.key === "ArrowDown" ? 1 : -1, n = H >= 0 ? H + t : t === 1 ? 0 : re.length - 1;
|
|
@@ -1802,90 +2461,90 @@ var E = {
|
|
|
1802
2461
|
e.preventDefault();
|
|
1803
2462
|
let t = e.key === "Home" ? 1 : -1;
|
|
1804
2463
|
ce(se(e.key === "Home" ? 0 : re.length - 1, t));
|
|
1805
|
-
} else e.key === "Enter" && R && ae ? (e.preventDefault(),
|
|
2464
|
+
} else e.key === "Enter" && R && ae ? (e.preventDefault(), ue(ae)) : e.key === "Escape" && R ? (e.preventDefault(), z(!1), U(-1)) : e.key === "Tab" && (z(!1), U(-1));
|
|
1806
2465
|
}
|
|
1807
2466
|
}
|
|
1808
2467
|
}), /* @__PURE__ */ t("span", {
|
|
1809
2468
|
className: `${Q.chevron} ${R ? Q.chevronOpen : ""}`,
|
|
1810
2469
|
"aria-hidden": "true",
|
|
1811
|
-
children: /* @__PURE__ */ t(
|
|
2470
|
+
children: /* @__PURE__ */ t(q, {
|
|
1812
2471
|
name: "IconChevron",
|
|
1813
2472
|
width: 20,
|
|
1814
2473
|
height: 20
|
|
1815
2474
|
})
|
|
1816
2475
|
})]
|
|
1817
2476
|
}),
|
|
1818
|
-
R && typeof document < "u" &&
|
|
2477
|
+
R && typeof document < "u" && g(de, document.body),
|
|
1819
2478
|
/* @__PURE__ */ n("span", {
|
|
1820
2479
|
id: j,
|
|
1821
2480
|
className: Q.visuallyHidden,
|
|
1822
2481
|
"aria-live": "polite",
|
|
1823
2482
|
children: ["Найдено вариантов: ", re.length]
|
|
1824
2483
|
}),
|
|
1825
|
-
b && !y && /* @__PURE__ */ t(
|
|
2484
|
+
b && !y && /* @__PURE__ */ t(k, {
|
|
1826
2485
|
id: M,
|
|
1827
2486
|
children: b
|
|
1828
2487
|
}),
|
|
1829
|
-
y && /* @__PURE__ */ t(
|
|
2488
|
+
y && /* @__PURE__ */ t(k, {
|
|
1830
2489
|
id: N,
|
|
1831
2490
|
variant: "error",
|
|
1832
2491
|
children: y
|
|
1833
2492
|
})
|
|
1834
2493
|
]
|
|
1835
2494
|
});
|
|
1836
|
-
},
|
|
2495
|
+
}, St = {
|
|
1837
2496
|
root: "_root_11adi_1",
|
|
1838
2497
|
header: "_header_11adi_21",
|
|
1839
2498
|
title: "_title_11adi_41",
|
|
1840
2499
|
dismiss: "_dismiss_11adi_55",
|
|
1841
2500
|
content: "_content_11adi_65"
|
|
1842
|
-
},
|
|
1843
|
-
let l = `ds-info-block-${
|
|
2501
|
+
}, Ct = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: c = "" }) => {
|
|
2502
|
+
let l = `ds-info-block-${d()}`;
|
|
1844
2503
|
return /* @__PURE__ */ n("section", {
|
|
1845
|
-
className: `${
|
|
2504
|
+
className: `${St.root} ${c}`,
|
|
1846
2505
|
"aria-labelledby": l,
|
|
1847
2506
|
children: [/* @__PURE__ */ n("header", {
|
|
1848
|
-
className:
|
|
2507
|
+
className: St.header,
|
|
1849
2508
|
children: [/* @__PURE__ */ t(s, {
|
|
1850
2509
|
id: l,
|
|
1851
|
-
className:
|
|
2510
|
+
className: St.title,
|
|
1852
2511
|
children: e
|
|
1853
|
-
}), i && /* @__PURE__ */ t(
|
|
1854
|
-
className:
|
|
2512
|
+
}), i && /* @__PURE__ */ t(D, {
|
|
2513
|
+
className: St.dismiss,
|
|
1855
2514
|
variant: "empty",
|
|
1856
2515
|
onClick: a,
|
|
1857
2516
|
"aria-label": o,
|
|
1858
|
-
children: /* @__PURE__ */ t(
|
|
2517
|
+
children: /* @__PURE__ */ t(q, {
|
|
1859
2518
|
name: "IconCross",
|
|
1860
2519
|
width: 20,
|
|
1861
2520
|
height: 20
|
|
1862
2521
|
})
|
|
1863
2522
|
})]
|
|
1864
2523
|
}), /* @__PURE__ */ t("div", {
|
|
1865
|
-
className:
|
|
2524
|
+
className: St.content,
|
|
1866
2525
|
children: r
|
|
1867
2526
|
})]
|
|
1868
2527
|
});
|
|
1869
|
-
},
|
|
2528
|
+
}, wt = {
|
|
1870
2529
|
wrapper: "_wrapper_1np4e_1",
|
|
1871
2530
|
input: "_input_1np4e_21",
|
|
1872
2531
|
switch: "_switch_1np4e_35",
|
|
1873
2532
|
thumb: "_thumb_1np4e_67",
|
|
1874
2533
|
label: "_label_1np4e_113",
|
|
1875
2534
|
disabled: "_disabled_1np4e_125"
|
|
1876
|
-
},
|
|
1877
|
-
let f =
|
|
2535
|
+
}, Tt = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: c, id: l, value: u }) => {
|
|
2536
|
+
let f = d(), p = l ?? `ds-radio-button-${c ?? f}`;
|
|
1878
2537
|
return /* @__PURE__ */ n("label", {
|
|
1879
2538
|
htmlFor: p,
|
|
1880
|
-
className: `${
|
|
2539
|
+
className: `${wt.wrapper} ${a ? wt.disabled : ""} ${s}`,
|
|
1881
2540
|
children: [
|
|
1882
2541
|
/* @__PURE__ */ t("input", {
|
|
1883
2542
|
id: p,
|
|
1884
|
-
className:
|
|
2543
|
+
className: wt.input,
|
|
1885
2544
|
type: "checkbox",
|
|
1886
2545
|
role: "switch",
|
|
1887
2546
|
name: c,
|
|
1888
|
-
value:
|
|
2547
|
+
value: u,
|
|
1889
2548
|
checked: e,
|
|
1890
2549
|
disabled: a,
|
|
1891
2550
|
"aria-readonly": o || void 0,
|
|
@@ -1894,21 +2553,21 @@ var E = {
|
|
|
1894
2553
|
}
|
|
1895
2554
|
}),
|
|
1896
2555
|
/* @__PURE__ */ t("span", {
|
|
1897
|
-
className:
|
|
2556
|
+
className: wt.switch,
|
|
1898
2557
|
"aria-hidden": "true",
|
|
1899
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
2558
|
+
children: /* @__PURE__ */ t("span", { className: wt.thumb })
|
|
1900
2559
|
}),
|
|
1901
2560
|
i && /* @__PURE__ */ t("span", {
|
|
1902
|
-
className:
|
|
2561
|
+
className: wt.label,
|
|
1903
2562
|
children: i
|
|
1904
2563
|
})
|
|
1905
2564
|
]
|
|
1906
2565
|
});
|
|
1907
|
-
},
|
|
2566
|
+
}, Et = {
|
|
1908
2567
|
root: "_root_1ecm3_1",
|
|
1909
2568
|
grid: "_grid_1ecm3_13",
|
|
1910
2569
|
actions: "_actions_1ecm3_27"
|
|
1911
|
-
},
|
|
2570
|
+
}, Dt = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
1912
2571
|
let d = (e, t) => {
|
|
1913
2572
|
let n = {
|
|
1914
2573
|
...r,
|
|
@@ -1917,11 +2576,11 @@ var E = {
|
|
|
1917
2576
|
i?.(n, e), s === "instant" && a?.(n);
|
|
1918
2577
|
};
|
|
1919
2578
|
return /* @__PURE__ */ n("section", {
|
|
1920
|
-
className: `${
|
|
2579
|
+
className: `${Et.root} ${u}`,
|
|
1921
2580
|
"aria-label": "Фильтры",
|
|
1922
2581
|
"aria-busy": c,
|
|
1923
2582
|
children: [/* @__PURE__ */ t("div", {
|
|
1924
|
-
className:
|
|
2583
|
+
className: Et.grid,
|
|
1925
2584
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
1926
2585
|
let n = l || c || e.disabled, i = r[e.id];
|
|
1927
2586
|
if (e.type === "input") {
|
|
@@ -1931,19 +2590,19 @@ var E = {
|
|
|
1931
2590
|
placeholder: e.placeholder,
|
|
1932
2591
|
disabled: n
|
|
1933
2592
|
};
|
|
1934
|
-
return e.inputType === "number" ? /* @__PURE__ */ t(
|
|
2593
|
+
return e.inputType === "number" ? /* @__PURE__ */ t(pt, {
|
|
1935
2594
|
...r,
|
|
1936
2595
|
type: "number",
|
|
1937
2596
|
value: i ?? "",
|
|
1938
2597
|
onChange: (t) => d(e.id, t)
|
|
1939
|
-
}, e.id) : /* @__PURE__ */ t(
|
|
2598
|
+
}, e.id) : /* @__PURE__ */ t(pt, {
|
|
1940
2599
|
...r,
|
|
1941
2600
|
type: "text",
|
|
1942
2601
|
value: String(i ?? ""),
|
|
1943
2602
|
onChange: (t) => d(e.id, t)
|
|
1944
2603
|
}, e.id);
|
|
1945
2604
|
}
|
|
1946
|
-
if (e.type === "dropdown") return /* @__PURE__ */ t(
|
|
2605
|
+
if (e.type === "dropdown") return /* @__PURE__ */ t(Ge, {
|
|
1947
2606
|
label: e.label,
|
|
1948
2607
|
hint: e.hint,
|
|
1949
2608
|
placeholder: e.placeholder,
|
|
@@ -1952,7 +2611,7 @@ var E = {
|
|
|
1952
2611
|
disabled: n,
|
|
1953
2612
|
onChange: (t) => d(e.id, t)
|
|
1954
2613
|
}, e.id);
|
|
1955
|
-
if (e.type === "multiple") return /* @__PURE__ */ t(
|
|
2614
|
+
if (e.type === "multiple") return /* @__PURE__ */ t(dt, {
|
|
1956
2615
|
label: e.label,
|
|
1957
2616
|
hint: e.hint,
|
|
1958
2617
|
placeholder: e.placeholder,
|
|
@@ -1961,14 +2620,14 @@ var E = {
|
|
|
1961
2620
|
disabled: n,
|
|
1962
2621
|
onChange: (t) => d(e.id, t)
|
|
1963
2622
|
}, e.id);
|
|
1964
|
-
if (e.type === "checkbox") return /* @__PURE__ */ t(
|
|
2623
|
+
if (e.type === "checkbox") return /* @__PURE__ */ t(me, {
|
|
1965
2624
|
label: e.label,
|
|
1966
2625
|
hint: e.hint,
|
|
1967
2626
|
checked: !!i,
|
|
1968
2627
|
disabled: n,
|
|
1969
2628
|
onChange: (t) => d(e.id, t)
|
|
1970
2629
|
}, e.id);
|
|
1971
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
2630
|
+
if (e.type === "radio") return /* @__PURE__ */ t(Tt, {
|
|
1972
2631
|
label: e.label,
|
|
1973
2632
|
checked: !!i,
|
|
1974
2633
|
disabled: n,
|
|
@@ -1978,7 +2637,7 @@ var E = {
|
|
|
1978
2637
|
from: null,
|
|
1979
2638
|
to: null
|
|
1980
2639
|
};
|
|
1981
|
-
return /* @__PURE__ */ t(
|
|
2640
|
+
return /* @__PURE__ */ t(Le, {
|
|
1982
2641
|
hint: e.hint,
|
|
1983
2642
|
mode: e.mode,
|
|
1984
2643
|
min: e.min,
|
|
@@ -1989,13 +2648,13 @@ var E = {
|
|
|
1989
2648
|
}, e.id);
|
|
1990
2649
|
})
|
|
1991
2650
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
1992
|
-
className:
|
|
1993
|
-
children: [o && /* @__PURE__ */ t(
|
|
2651
|
+
className: Et.actions,
|
|
2652
|
+
children: [o && /* @__PURE__ */ t(D, {
|
|
1994
2653
|
variant: "destructiveOutline",
|
|
1995
2654
|
disabled: l || c,
|
|
1996
2655
|
onClick: o,
|
|
1997
2656
|
children: "Сбросить"
|
|
1998
|
-
}), s === "manual" && /* @__PURE__ */ t(
|
|
2657
|
+
}), s === "manual" && /* @__PURE__ */ t(D, {
|
|
1999
2658
|
isLoading: c,
|
|
2000
2659
|
disabled: l,
|
|
2001
2660
|
onClick: () => a?.(r),
|
|
@@ -2003,7 +2662,7 @@ var E = {
|
|
|
2003
2662
|
})]
|
|
2004
2663
|
})]
|
|
2005
2664
|
});
|
|
2006
|
-
},
|
|
2665
|
+
}, Ot = {
|
|
2007
2666
|
wrapper: "_wrapper_i20hz_1",
|
|
2008
2667
|
dropzone: "_dropzone_i20hz_15",
|
|
2009
2668
|
dragActive: "_dragActive_i20hz_45",
|
|
@@ -2016,121 +2675,121 @@ var E = {
|
|
|
2016
2675
|
file: "_file_i20hz_133",
|
|
2017
2676
|
fileName: "_fileName_i20hz_175",
|
|
2018
2677
|
fileSize: "_fileSize_i20hz_187"
|
|
2019
|
-
},
|
|
2020
|
-
let
|
|
2021
|
-
let t = [], n = new Set(r.map(
|
|
2678
|
+
}, 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 }) => {
|
|
2679
|
+
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) => {
|
|
2680
|
+
let t = [], n = new Set(r.map(kt)), l = e.filter((e) => jt(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
2022
2681
|
file: e,
|
|
2023
2682
|
reason: "maxSize"
|
|
2024
|
-
}), !1) : !n.has(
|
|
2683
|
+
}), !1) : !n.has(kt(e)) && (n.add(kt(e)), !0) : (t.push({
|
|
2025
2684
|
file: e,
|
|
2026
2685
|
reason: "accept"
|
|
2027
2686
|
}), !1)), u = a ? c : 1, d = a ? [...r, ...l] : l.slice(-1);
|
|
2028
2687
|
u !== void 0 && d.length > u && (d.slice(u).forEach((e) => t.push({
|
|
2029
2688
|
file: e,
|
|
2030
2689
|
reason: "maxFiles"
|
|
2031
|
-
})), d = d.slice(0, u)), t.length &&
|
|
2690
|
+
})), d = d.slice(0, u)), t.length && w?.(t), l.length && i?.(d), O.current && (O.current.value = "");
|
|
2032
2691
|
};
|
|
2033
2692
|
return /* @__PURE__ */ n("div", {
|
|
2034
|
-
className: `${
|
|
2693
|
+
className: `${Ot.wrapper} ${b}`,
|
|
2035
2694
|
children: [
|
|
2036
|
-
l && /* @__PURE__ */ t(
|
|
2695
|
+
l && /* @__PURE__ */ t(ee, {
|
|
2037
2696
|
htmlFor: E,
|
|
2038
|
-
required:
|
|
2697
|
+
required: p,
|
|
2039
2698
|
disabled: g,
|
|
2040
2699
|
children: l
|
|
2041
2700
|
}),
|
|
2042
2701
|
/* @__PURE__ */ n("div", {
|
|
2043
|
-
className: `${
|
|
2702
|
+
className: `${Ot.dropzone} ${j ? Ot.dragActive : ""} ${g ? Ot.disabled : ""} ${f ? Ot.error : ""}`,
|
|
2044
2703
|
onDragEnter: (e) => {
|
|
2045
|
-
e.preventDefault(), I && ++
|
|
2704
|
+
e.preventDefault(), I && ++A.current === 1 && M(!0);
|
|
2046
2705
|
},
|
|
2047
2706
|
onDragOver: (e) => e.preventDefault(),
|
|
2048
2707
|
onDragLeave: (e) => {
|
|
2049
|
-
e.preventDefault(), --
|
|
2708
|
+
e.preventDefault(), --A.current <= 0 && (A.current = 0, M(!1));
|
|
2050
2709
|
},
|
|
2051
2710
|
onDrop: (e) => {
|
|
2052
|
-
e.preventDefault(),
|
|
2711
|
+
e.preventDefault(), A.current = 0, M(!1), I && L(Array.from(e.dataTransfer.files));
|
|
2053
2712
|
},
|
|
2054
2713
|
children: [/* @__PURE__ */ t("input", {
|
|
2055
2714
|
ref: O,
|
|
2056
2715
|
id: E,
|
|
2057
2716
|
name: v,
|
|
2058
|
-
className:
|
|
2717
|
+
className: Ot.nativeInput,
|
|
2059
2718
|
type: "file",
|
|
2060
2719
|
multiple: a,
|
|
2061
2720
|
accept: o,
|
|
2062
|
-
required:
|
|
2721
|
+
required: p && r.length === 0,
|
|
2063
2722
|
disabled: !I,
|
|
2064
2723
|
"aria-describedby": F,
|
|
2065
2724
|
"aria-invalid": !!f,
|
|
2066
2725
|
onChange: (e) => L(Array.from(e.target.files ?? []))
|
|
2067
2726
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
2068
2727
|
/* @__PURE__ */ t("ul", {
|
|
2069
|
-
className:
|
|
2728
|
+
className: Ot.files,
|
|
2070
2729
|
"aria-live": "polite",
|
|
2071
2730
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
2072
|
-
className:
|
|
2731
|
+
className: Ot.file,
|
|
2073
2732
|
children: [
|
|
2074
2733
|
/* @__PURE__ */ t("span", {
|
|
2075
|
-
className:
|
|
2734
|
+
className: Ot.fileName,
|
|
2076
2735
|
title: e.name,
|
|
2077
2736
|
children: e.name
|
|
2078
2737
|
}),
|
|
2079
2738
|
/* @__PURE__ */ t("span", {
|
|
2080
|
-
className:
|
|
2081
|
-
children:
|
|
2739
|
+
className: Ot.fileSize,
|
|
2740
|
+
children: At(e.size)
|
|
2082
2741
|
}),
|
|
2083
|
-
I && /* @__PURE__ */ t(
|
|
2742
|
+
I && /* @__PURE__ */ t(D, {
|
|
2084
2743
|
variant: "empty",
|
|
2085
2744
|
size: "sm",
|
|
2086
2745
|
"aria-label": `Удалить файл ${e.name}`,
|
|
2087
2746
|
onClick: () => i?.(r.filter((e, t) => t !== a)),
|
|
2088
|
-
children: /* @__PURE__ */ t(
|
|
2747
|
+
children: /* @__PURE__ */ t(q, {
|
|
2089
2748
|
name: "IconCross",
|
|
2090
2749
|
width: 16,
|
|
2091
2750
|
height: 16
|
|
2092
2751
|
})
|
|
2093
2752
|
})
|
|
2094
2753
|
]
|
|
2095
|
-
},
|
|
2754
|
+
}, kt(e)))
|
|
2096
2755
|
}),
|
|
2097
|
-
I && (a || r.length === 0) && /* @__PURE__ */ t(
|
|
2098
|
-
className:
|
|
2756
|
+
I && (a || r.length === 0) && /* @__PURE__ */ t(D, {
|
|
2757
|
+
className: Ot.browseButton,
|
|
2099
2758
|
size: "sm",
|
|
2100
2759
|
onClick: () => O.current?.click(),
|
|
2101
2760
|
children: C
|
|
2102
2761
|
}),
|
|
2103
|
-
I && !a && /* @__PURE__ */ t(
|
|
2104
|
-
className:
|
|
2762
|
+
I && !a && /* @__PURE__ */ t(D, {
|
|
2763
|
+
className: Ot.browseButton,
|
|
2105
2764
|
size: "sm",
|
|
2106
2765
|
onClick: () => O.current?.click(),
|
|
2107
2766
|
children: S
|
|
2108
2767
|
})
|
|
2109
2768
|
] }) : /* @__PURE__ */ n("div", {
|
|
2110
|
-
className:
|
|
2769
|
+
className: Ot.empty,
|
|
2111
2770
|
children: [
|
|
2112
2771
|
/* @__PURE__ */ t("span", {
|
|
2113
|
-
className:
|
|
2772
|
+
className: Ot.uploadIcon,
|
|
2114
2773
|
"aria-hidden": "true",
|
|
2115
|
-
children: /* @__PURE__ */ t(
|
|
2774
|
+
children: /* @__PURE__ */ t(q, {
|
|
2116
2775
|
name: "IconUpload",
|
|
2117
2776
|
width: 24,
|
|
2118
2777
|
height: 24
|
|
2119
2778
|
})
|
|
2120
2779
|
}),
|
|
2121
2780
|
/* @__PURE__ */ t("strong", { children: j ? "Отпустите файлы здесь" : x }),
|
|
2122
|
-
!j && I && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(
|
|
2781
|
+
!j && I && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(D, {
|
|
2123
2782
|
onClick: () => O.current?.click(),
|
|
2124
2783
|
children: S
|
|
2125
2784
|
})] })
|
|
2126
2785
|
]
|
|
2127
2786
|
})]
|
|
2128
2787
|
}),
|
|
2129
|
-
|
|
2788
|
+
u && !f && /* @__PURE__ */ t(k, {
|
|
2130
2789
|
id: N,
|
|
2131
|
-
children:
|
|
2790
|
+
children: u
|
|
2132
2791
|
}),
|
|
2133
|
-
f && /* @__PURE__ */ t(
|
|
2792
|
+
f && /* @__PURE__ */ t(k, {
|
|
2134
2793
|
id: P,
|
|
2135
2794
|
variant: "error",
|
|
2136
2795
|
live: !0,
|
|
@@ -2138,7 +2797,7 @@ var E = {
|
|
|
2138
2797
|
})
|
|
2139
2798
|
]
|
|
2140
2799
|
});
|
|
2141
|
-
},
|
|
2800
|
+
}, Nt = {
|
|
2142
2801
|
wrapper: "_wrapper_x2gki_1",
|
|
2143
2802
|
control: "_control_x2gki_15",
|
|
2144
2803
|
textarea: "_textarea_x2gki_25",
|
|
@@ -2152,34 +2811,34 @@ var E = {
|
|
|
2152
2811
|
clearAction: "_clearAction_x2gki_171",
|
|
2153
2812
|
messages: "_messages_x2gki_251",
|
|
2154
2813
|
counter: "_counter_x2gki_265"
|
|
2155
|
-
},
|
|
2156
|
-
function
|
|
2814
|
+
}, Pt = 2;
|
|
2815
|
+
function Ft(e) {
|
|
2157
2816
|
let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
|
|
2158
2817
|
return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
|
|
2159
2818
|
}
|
|
2160
|
-
function
|
|
2161
|
-
let
|
|
2819
|
+
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 }) {
|
|
2820
|
+
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
2821
|
j,
|
|
2163
2822
|
M,
|
|
2164
2823
|
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 =
|
|
2824
|
+
].filter(Boolean).join(" ") || void 0, F = Math.max(1, C), I = w === void 0 ? void 0 : Math.max(F, w), L = c(() => {
|
|
2825
|
+
let e = A.current;
|
|
2826
|
+
if (!e || !T) return;
|
|
2827
|
+
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
2828
|
e.style.height = "auto";
|
|
2170
2829
|
let o = Math.min(Math.max(e.scrollHeight, i), a);
|
|
2171
2830
|
e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
|
|
2172
2831
|
}, [
|
|
2173
|
-
|
|
2832
|
+
T,
|
|
2174
2833
|
I,
|
|
2175
2834
|
F
|
|
2176
2835
|
]);
|
|
2177
|
-
|
|
2836
|
+
u(() => {
|
|
2178
2837
|
L();
|
|
2179
|
-
}, [L, e]),
|
|
2180
|
-
if (!
|
|
2838
|
+
}, [L, e]), u(() => {
|
|
2839
|
+
if (!T) return;
|
|
2181
2840
|
window.addEventListener("resize", L);
|
|
2182
|
-
let e =
|
|
2841
|
+
let e = A.current?.parentElement, t;
|
|
2183
2842
|
if (e && typeof ResizeObserver < "u") {
|
|
2184
2843
|
let n = e.getBoundingClientRect().width;
|
|
2185
2844
|
t = new ResizeObserver(([e]) => {
|
|
@@ -2189,32 +2848,32 @@ function st({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2189
2848
|
return () => {
|
|
2190
2849
|
window.removeEventListener("resize", L), t?.disconnect();
|
|
2191
2850
|
};
|
|
2192
|
-
}, [
|
|
2851
|
+
}, [T, L]);
|
|
2193
2852
|
let R = (e) => {
|
|
2194
2853
|
r?.(e.target.value, e), L();
|
|
2195
2854
|
}, z = () => {
|
|
2196
|
-
let e =
|
|
2855
|
+
let e = A.current;
|
|
2197
2856
|
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), L());
|
|
2198
2857
|
}, B = { "--ds-textarea-min-rows": F };
|
|
2199
2858
|
return /* @__PURE__ */ n("div", {
|
|
2200
|
-
className: `${
|
|
2859
|
+
className: `${Nt.wrapper} ${h}`,
|
|
2201
2860
|
children: [
|
|
2202
|
-
|
|
2861
|
+
l && /* @__PURE__ */ t(ee, {
|
|
2203
2862
|
htmlFor: O,
|
|
2204
2863
|
required: b,
|
|
2205
2864
|
disabled: a,
|
|
2206
|
-
children:
|
|
2865
|
+
children: l
|
|
2207
2866
|
}),
|
|
2208
|
-
a &&
|
|
2867
|
+
a && s ? /* @__PURE__ */ t("div", {
|
|
2209
2868
|
id: O,
|
|
2210
|
-
className: `${
|
|
2869
|
+
className: `${Nt.disabledText} ${Nt[v]}`,
|
|
2211
2870
|
style: B,
|
|
2212
2871
|
"aria-describedby": P,
|
|
2213
2872
|
children: e || i
|
|
2214
2873
|
}) : /* @__PURE__ */ n("div", {
|
|
2215
|
-
className:
|
|
2874
|
+
className: Nt.control,
|
|
2216
2875
|
children: [/* @__PURE__ */ t("textarea", {
|
|
2217
|
-
ref:
|
|
2876
|
+
ref: A,
|
|
2218
2877
|
id: O,
|
|
2219
2878
|
name: g,
|
|
2220
2879
|
value: e,
|
|
@@ -2227,36 +2886,36 @@ function st({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2227
2886
|
style: B,
|
|
2228
2887
|
"aria-invalid": !!f,
|
|
2229
2888
|
"aria-describedby": P,
|
|
2230
|
-
className: `${
|
|
2889
|
+
className: `${Nt.textarea} ${Nt[v]} ${T ? Nt.autoResize : Nt.manualResize} ${f ? Nt.textareaError : ""}`,
|
|
2231
2890
|
onChange: R,
|
|
2232
|
-
...
|
|
2891
|
+
...E
|
|
2233
2892
|
}), y && e && !a && !o && /* @__PURE__ */ t("button", {
|
|
2234
2893
|
type: "button",
|
|
2235
|
-
className:
|
|
2894
|
+
className: Nt.clearAction,
|
|
2236
2895
|
"aria-label": "Очистить поле",
|
|
2237
2896
|
onClick: z,
|
|
2238
|
-
children: /* @__PURE__ */ t(
|
|
2897
|
+
children: /* @__PURE__ */ t(q, {
|
|
2239
2898
|
name: "IconCross",
|
|
2240
2899
|
width: 20,
|
|
2241
2900
|
height: 20
|
|
2242
2901
|
})
|
|
2243
2902
|
})]
|
|
2244
2903
|
}),
|
|
2245
|
-
(
|
|
2246
|
-
className:
|
|
2904
|
+
(p || f || N) && /* @__PURE__ */ n("div", {
|
|
2905
|
+
className: Nt.messages,
|
|
2247
2906
|
children: [
|
|
2248
|
-
|
|
2907
|
+
p && !f && /* @__PURE__ */ t(k, {
|
|
2249
2908
|
id: j,
|
|
2250
|
-
children:
|
|
2909
|
+
children: p
|
|
2251
2910
|
}),
|
|
2252
|
-
f && /* @__PURE__ */ t(
|
|
2911
|
+
f && /* @__PURE__ */ t(k, {
|
|
2253
2912
|
id: M,
|
|
2254
2913
|
variant: "error",
|
|
2255
2914
|
children: f
|
|
2256
2915
|
}),
|
|
2257
2916
|
N && /* @__PURE__ */ n("span", {
|
|
2258
2917
|
id: N,
|
|
2259
|
-
className:
|
|
2918
|
+
className: Nt.counter,
|
|
2260
2919
|
children: [
|
|
2261
2920
|
e.length,
|
|
2262
2921
|
" / ",
|
|
@@ -2270,11 +2929,11 @@ function st({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2270
2929
|
}
|
|
2271
2930
|
//#endregion
|
|
2272
2931
|
//#region src/components/DSModal/modal.store.ts
|
|
2273
|
-
var
|
|
2932
|
+
var Lt = 0, Rt = x((e, t) => ({
|
|
2274
2933
|
modals: [],
|
|
2275
2934
|
openModal: (t, n = {}, r = {}) => {
|
|
2276
|
-
|
|
2277
|
-
let i = `ds-modal-${
|
|
2935
|
+
Lt += 1;
|
|
2936
|
+
let i = `ds-modal-${Lt}`;
|
|
2278
2937
|
return e((e) => ({ modals: [...e.modals, {
|
|
2279
2938
|
id: i,
|
|
2280
2939
|
name: t,
|
|
@@ -2298,9 +2957,9 @@ var ct = 0, lt = b((e, t) => ({
|
|
|
2298
2957
|
let n = t().modals;
|
|
2299
2958
|
n.length && (e({ modals: [] }), n.forEach((e) => e.onClose?.()));
|
|
2300
2959
|
}
|
|
2301
|
-
})),
|
|
2302
|
-
|
|
2303
|
-
},
|
|
2960
|
+
})), zt = () => {
|
|
2961
|
+
Rt.getState().closeAllModals(), Lt = 0;
|
|
2962
|
+
}, Bt = {
|
|
2304
2963
|
layer: "_layer_1mvch_1",
|
|
2305
2964
|
backdrop: "_backdrop_1mvch_15",
|
|
2306
2965
|
panel: "_panel_1mvch_35",
|
|
@@ -2309,10 +2968,10 @@ var ct = 0, lt = b((e, t) => ({
|
|
|
2309
2968
|
description: "_description_1mvch_93",
|
|
2310
2969
|
content: "_content_1mvch_107",
|
|
2311
2970
|
close: "_close_1mvch_115"
|
|
2312
|
-
},
|
|
2313
|
-
function
|
|
2971
|
+
}, Vt = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Ht = i({});
|
|
2972
|
+
function Ut(e) {
|
|
2314
2973
|
if (e.key !== "Tab") return;
|
|
2315
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
2974
|
+
let t = Array.from(e.currentTarget.querySelectorAll(Vt));
|
|
2316
2975
|
if (!t.length) {
|
|
2317
2976
|
e.preventDefault();
|
|
2318
2977
|
return;
|
|
@@ -2320,34 +2979,34 @@ function mt(e) {
|
|
|
2320
2979
|
let n = t[0], r = t.at(-1);
|
|
2321
2980
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
|
|
2322
2981
|
}
|
|
2323
|
-
var
|
|
2324
|
-
let f =
|
|
2325
|
-
return
|
|
2982
|
+
var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: s = "", role: c = "dialog" }) => {
|
|
2983
|
+
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;
|
|
2984
|
+
return u(() => {
|
|
2326
2985
|
let e = document.activeElement, t = v.current;
|
|
2327
|
-
return (t?.querySelector(
|
|
2986
|
+
return (t?.querySelector(Vt) ?? t)?.focus(), () => e?.focus();
|
|
2328
2987
|
}, []), /* @__PURE__ */ n("div", {
|
|
2329
2988
|
ref: v,
|
|
2330
|
-
className: `${
|
|
2331
|
-
role:
|
|
2989
|
+
className: `${Bt.panel} ${s}`,
|
|
2990
|
+
role: c,
|
|
2332
2991
|
"aria-modal": "true",
|
|
2333
2992
|
"aria-labelledby": b ? g : void 0,
|
|
2334
2993
|
"aria-describedby": x ? _ : void 0,
|
|
2335
2994
|
tabIndex: -1,
|
|
2336
|
-
onKeyDown:
|
|
2995
|
+
onKeyDown: Ut,
|
|
2337
2996
|
children: [
|
|
2338
2997
|
(b || o) && /* @__PURE__ */ n("header", {
|
|
2339
|
-
className:
|
|
2998
|
+
className: Bt.header,
|
|
2340
2999
|
children: [b && /* @__PURE__ */ t("h2", {
|
|
2341
3000
|
id: g,
|
|
2342
|
-
className:
|
|
2343
|
-
children:
|
|
2344
|
-
}), /* @__PURE__ */ t(
|
|
2345
|
-
className:
|
|
3001
|
+
className: Bt.title,
|
|
3002
|
+
children: p
|
|
3003
|
+
}), /* @__PURE__ */ t(D, {
|
|
3004
|
+
className: Bt.close,
|
|
2346
3005
|
variant: "empty",
|
|
2347
3006
|
size: "sm",
|
|
2348
3007
|
"aria-label": o,
|
|
2349
3008
|
onClick: () => y(a),
|
|
2350
|
-
children: /* @__PURE__ */ t(
|
|
3009
|
+
children: /* @__PURE__ */ t(q, {
|
|
2351
3010
|
name: "IconCross",
|
|
2352
3011
|
width: 24,
|
|
2353
3012
|
height: 24
|
|
@@ -2356,25 +3015,25 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2356
3015
|
}),
|
|
2357
3016
|
x && /* @__PURE__ */ t("p", {
|
|
2358
3017
|
id: _,
|
|
2359
|
-
className:
|
|
3018
|
+
className: Bt.description,
|
|
2360
3019
|
children: h
|
|
2361
3020
|
}),
|
|
2362
3021
|
/* @__PURE__ */ t("div", {
|
|
2363
|
-
className:
|
|
3022
|
+
className: Bt.content,
|
|
2364
3023
|
children: e
|
|
2365
3024
|
})
|
|
2366
3025
|
]
|
|
2367
3026
|
});
|
|
2368
|
-
},
|
|
2369
|
-
let n =
|
|
2370
|
-
return
|
|
3027
|
+
}, Gt = ({ registry: e }) => {
|
|
3028
|
+
let n = Rt((e) => e.modals), r = Rt((e) => e.closeModal), i = Rt((e) => e.closeAllModals);
|
|
3029
|
+
return u(() => {
|
|
2371
3030
|
let e = (e) => {
|
|
2372
3031
|
if (e.key !== "Escape") return;
|
|
2373
|
-
let t =
|
|
3032
|
+
let t = Rt.getState().modals.at(-1);
|
|
2374
3033
|
t?.closeOnEscape && r(t.id);
|
|
2375
3034
|
};
|
|
2376
3035
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
2377
|
-
}, [r]),
|
|
3036
|
+
}, [r]), u(() => {
|
|
2378
3037
|
n.forEach((t) => {
|
|
2379
3038
|
e[t.name] || r(t.id);
|
|
2380
3039
|
});
|
|
@@ -2382,19 +3041,19 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2382
3041
|
r,
|
|
2383
3042
|
n,
|
|
2384
3043
|
e
|
|
2385
|
-
]), !n.length || typeof document > "u" ? null :
|
|
2386
|
-
className:
|
|
3044
|
+
]), !n.length || typeof document > "u" ? null : g(/* @__PURE__ */ t("div", {
|
|
3045
|
+
className: Bt.layer,
|
|
2387
3046
|
"aria-label": "Модальные окна",
|
|
2388
3047
|
children: n.map((a, o) => {
|
|
2389
3048
|
let s = e[a.name];
|
|
2390
3049
|
return s ? /* @__PURE__ */ t("div", {
|
|
2391
|
-
className:
|
|
3050
|
+
className: Bt.backdrop,
|
|
2392
3051
|
"aria-hidden": o !== n.length - 1 || void 0,
|
|
2393
3052
|
inert: o !== n.length - 1 || void 0,
|
|
2394
3053
|
onMouseDown: (e) => {
|
|
2395
3054
|
e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
|
|
2396
3055
|
},
|
|
2397
|
-
children: /* @__PURE__ */ t(
|
|
3056
|
+
children: /* @__PURE__ */ t(Ht.Provider, {
|
|
2398
3057
|
value: {
|
|
2399
3058
|
title: a.title ?? a.payload.title,
|
|
2400
3059
|
description: a.description ?? a.payload.description
|
|
@@ -2409,83 +3068,83 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2409
3068
|
}, a.id) : null;
|
|
2410
3069
|
})
|
|
2411
3070
|
}), document.body);
|
|
2412
|
-
},
|
|
2413
|
-
let o =
|
|
2414
|
-
return
|
|
3071
|
+
}, Kt = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
3072
|
+
let o = Rt((e) => e.modals.length);
|
|
3073
|
+
return u(() => {
|
|
2415
3074
|
if (!a || o === 0) return;
|
|
2416
3075
|
let e = document.body.style.overflow;
|
|
2417
3076
|
return document.body.style.overflow = "hidden", () => {
|
|
2418
3077
|
document.body.style.overflow = e;
|
|
2419
3078
|
};
|
|
2420
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
2421
|
-
},
|
|
3079
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Gt, { registry: r })] });
|
|
3080
|
+
}, qt = (e) => e, Jt = {
|
|
2422
3081
|
message: "_message_c23ie_1",
|
|
2423
3082
|
actions: "_actions_c23ie_13"
|
|
2424
|
-
},
|
|
3083
|
+
}, 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
3084
|
let u = (e) => {
|
|
2426
|
-
|
|
3085
|
+
Yt.get(l)?.(e), Yt.delete(l), r();
|
|
2427
3086
|
};
|
|
2428
|
-
return /* @__PURE__ */ n(
|
|
3087
|
+
return /* @__PURE__ */ n(Wt, {
|
|
2429
3088
|
modalId: e,
|
|
2430
3089
|
title: i,
|
|
2431
3090
|
role: "alertdialog",
|
|
2432
3091
|
children: [/* @__PURE__ */ t("p", {
|
|
2433
|
-
className:
|
|
3092
|
+
className: Jt.message,
|
|
2434
3093
|
children: a
|
|
2435
3094
|
}), /* @__PURE__ */ n("div", {
|
|
2436
|
-
className:
|
|
2437
|
-
children: [/* @__PURE__ */ t(
|
|
3095
|
+
className: Jt.actions,
|
|
3096
|
+
children: [/* @__PURE__ */ t(D, {
|
|
2438
3097
|
variant: "outline",
|
|
2439
3098
|
onClick: () => u(!1),
|
|
2440
3099
|
children: s
|
|
2441
|
-
}), /* @__PURE__ */ t(
|
|
3100
|
+
}), /* @__PURE__ */ t(D, {
|
|
2442
3101
|
variant: c === "danger" ? "destructive" : "primary",
|
|
2443
3102
|
onClick: () => u(!0),
|
|
2444
3103
|
children: o
|
|
2445
3104
|
})]
|
|
2446
3105
|
})]
|
|
2447
3106
|
});
|
|
2448
|
-
},
|
|
3107
|
+
}, Qt = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Wt, {
|
|
2449
3108
|
modalId: e,
|
|
2450
3109
|
title: i,
|
|
2451
3110
|
role: "alertdialog",
|
|
2452
3111
|
children: [/* @__PURE__ */ t("p", {
|
|
2453
|
-
className:
|
|
3112
|
+
className: Jt.message,
|
|
2454
3113
|
children: a
|
|
2455
3114
|
}), /* @__PURE__ */ t("div", {
|
|
2456
|
-
className:
|
|
2457
|
-
children: /* @__PURE__ */ t(
|
|
3115
|
+
className: Jt.actions,
|
|
3116
|
+
children: /* @__PURE__ */ t(D, {
|
|
2458
3117
|
onClick: r,
|
|
2459
3118
|
children: o
|
|
2460
3119
|
})
|
|
2461
3120
|
})]
|
|
2462
|
-
}),
|
|
2463
|
-
ConfirmModal:
|
|
2464
|
-
ErrorModal:
|
|
2465
|
-
}),
|
|
2466
|
-
let e =
|
|
3121
|
+
}), $t = qt({
|
|
3122
|
+
ConfirmModal: Zt,
|
|
3123
|
+
ErrorModal: Qt
|
|
3124
|
+
}), en = () => {
|
|
3125
|
+
let e = Rt((e) => e.openModal);
|
|
2467
3126
|
return (t = {}) => new Promise((n) => {
|
|
2468
|
-
|
|
2469
|
-
let r = `confirm-${
|
|
2470
|
-
|
|
3127
|
+
Xt += 1;
|
|
3128
|
+
let r = `confirm-${Xt}`;
|
|
3129
|
+
Yt.set(r, n), e("ConfirmModal", {
|
|
2471
3130
|
...t,
|
|
2472
3131
|
requestId: r
|
|
2473
3132
|
}, {
|
|
2474
3133
|
closeOnEscape: !1,
|
|
2475
3134
|
onClose: () => {
|
|
2476
|
-
|
|
3135
|
+
Yt.get(r)?.(!1), Yt.delete(r);
|
|
2477
3136
|
}
|
|
2478
3137
|
});
|
|
2479
3138
|
});
|
|
2480
|
-
},
|
|
2481
|
-
let e =
|
|
3139
|
+
}, 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 = () => {
|
|
3140
|
+
let e = Rt((e) => e.openModal);
|
|
2482
3141
|
return { showError: (t, n) => e("ErrorModal", {
|
|
2483
3142
|
title: n,
|
|
2484
|
-
message:
|
|
3143
|
+
message: tn(t)
|
|
2485
3144
|
}) };
|
|
2486
|
-
},
|
|
2487
|
-
let e =
|
|
2488
|
-
return
|
|
3145
|
+
}, rn = x(() => ({})), an = x(() => ({})), on = () => {
|
|
3146
|
+
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]);
|
|
3147
|
+
return p(() => ({
|
|
2489
3148
|
openModal: a,
|
|
2490
3149
|
closeModal: n,
|
|
2491
3150
|
closeTopModal: r,
|
|
@@ -2500,7 +3159,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2500
3159
|
e.length,
|
|
2501
3160
|
a
|
|
2502
3161
|
]);
|
|
2503
|
-
},
|
|
3162
|
+
}, sn = {
|
|
2504
3163
|
wrapper: "_wrapper_71h8n_1",
|
|
2505
3164
|
container: "_container_71h8n_15",
|
|
2506
3165
|
inner: "_inner_71h8n_35",
|
|
@@ -2508,29 +3167,29 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2508
3167
|
jump: "_jump_71h8n_1",
|
|
2509
3168
|
cube__inner: "_cube__inner_71h8n_67",
|
|
2510
3169
|
morph: "_morph_71h8n_1"
|
|
2511
|
-
},
|
|
2512
|
-
className:
|
|
3170
|
+
}, cn = () => /* @__PURE__ */ t("div", {
|
|
3171
|
+
className: sn.wrapper,
|
|
2513
3172
|
children: /* @__PURE__ */ t("div", {
|
|
2514
|
-
className:
|
|
3173
|
+
className: sn.container,
|
|
2515
3174
|
children: /* @__PURE__ */ n("div", {
|
|
2516
|
-
className:
|
|
3175
|
+
className: sn.inner,
|
|
2517
3176
|
children: [
|
|
2518
3177
|
/* @__PURE__ */ t("div", {
|
|
2519
|
-
className:
|
|
2520
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3178
|
+
className: sn.cube,
|
|
3179
|
+
children: /* @__PURE__ */ t("div", { className: sn.cube__inner })
|
|
2521
3180
|
}),
|
|
2522
3181
|
/* @__PURE__ */ t("div", {
|
|
2523
|
-
className:
|
|
2524
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3182
|
+
className: sn.cube,
|
|
3183
|
+
children: /* @__PURE__ */ t("div", { className: sn.cube__inner })
|
|
2525
3184
|
}),
|
|
2526
3185
|
/* @__PURE__ */ t("div", {
|
|
2527
|
-
className:
|
|
2528
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3186
|
+
className: sn.cube,
|
|
3187
|
+
children: /* @__PURE__ */ t("div", { className: sn.cube__inner })
|
|
2529
3188
|
})
|
|
2530
3189
|
]
|
|
2531
3190
|
})
|
|
2532
3191
|
})
|
|
2533
|
-
}),
|
|
3192
|
+
}), ln = {
|
|
2534
3193
|
viewport: "_viewport_3qpmj_1",
|
|
2535
3194
|
"top-right": "_top-right_3qpmj_21",
|
|
2536
3195
|
"top-left": "_top-left_3qpmj_31",
|
|
@@ -2542,7 +3201,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2542
3201
|
success: "_success_3qpmj_117",
|
|
2543
3202
|
warning: "_warning_3qpmj_125",
|
|
2544
3203
|
error: "_error_3qpmj_133"
|
|
2545
|
-
},
|
|
3204
|
+
}, un = {
|
|
2546
3205
|
info: {
|
|
2547
3206
|
name: "IconInfoCircle",
|
|
2548
3207
|
color: "var(--color-primary)"
|
|
@@ -2559,9 +3218,9 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2559
3218
|
name: "IconWarning",
|
|
2560
3219
|
color: "var(--color-error)"
|
|
2561
3220
|
}
|
|
2562
|
-
},
|
|
2563
|
-
let [i, a] =
|
|
2564
|
-
return
|
|
3221
|
+
}, dn = ({ toast: e, onClose: r }) => {
|
|
3222
|
+
let [i, a] = h(!1), o = m(e.duration), s = m(Date.now());
|
|
3223
|
+
return u(() => {
|
|
2565
3224
|
if (i || e.duration <= 0) return;
|
|
2566
3225
|
s.current = Date.now();
|
|
2567
3226
|
let t = setTimeout(() => r(e.id), o.current);
|
|
@@ -2574,7 +3233,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2574
3233
|
e.duration,
|
|
2575
3234
|
e.id
|
|
2576
3235
|
]), /* @__PURE__ */ n("article", {
|
|
2577
|
-
className: `${
|
|
3236
|
+
className: `${ln.toast} ${ln[e.variant]}`,
|
|
2578
3237
|
role: e.variant === "error" ? "alert" : "status",
|
|
2579
3238
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
2580
3239
|
onMouseEnter: () => a(!0),
|
|
@@ -2582,17 +3241,17 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2582
3241
|
onFocus: () => a(!0),
|
|
2583
3242
|
onBlur: () => a(!1),
|
|
2584
3243
|
children: [
|
|
2585
|
-
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
2586
|
-
...
|
|
3244
|
+
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(q, {
|
|
3245
|
+
...un[e.variant],
|
|
2587
3246
|
width: 24,
|
|
2588
3247
|
height: 24
|
|
2589
3248
|
}) }),
|
|
2590
3249
|
/* @__PURE__ */ n("div", {
|
|
2591
|
-
className:
|
|
3250
|
+
className: ln.body,
|
|
2592
3251
|
children: [
|
|
2593
3252
|
e.title && /* @__PURE__ */ t("strong", { children: e.title }),
|
|
2594
3253
|
/* @__PURE__ */ t("div", { children: e.message }),
|
|
2595
|
-
e.action && /* @__PURE__ */ t(
|
|
3254
|
+
e.action && /* @__PURE__ */ t(D, {
|
|
2596
3255
|
variant: "empty",
|
|
2597
3256
|
size: "sm",
|
|
2598
3257
|
onClick: () => {
|
|
@@ -2602,12 +3261,12 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2602
3261
|
})
|
|
2603
3262
|
]
|
|
2604
3263
|
}),
|
|
2605
|
-
e.closable && /* @__PURE__ */ t(
|
|
3264
|
+
e.closable && /* @__PURE__ */ t(D, {
|
|
2606
3265
|
variant: "empty",
|
|
2607
3266
|
size: "sm",
|
|
2608
3267
|
"aria-label": "Закрыть уведомление",
|
|
2609
3268
|
onClick: () => r(e.id),
|
|
2610
|
-
children: /* @__PURE__ */ t(
|
|
3269
|
+
children: /* @__PURE__ */ t(q, {
|
|
2611
3270
|
name: "IconCross",
|
|
2612
3271
|
width: 24,
|
|
2613
3272
|
height: 24
|
|
@@ -2615,11 +3274,11 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2615
3274
|
})
|
|
2616
3275
|
]
|
|
2617
3276
|
});
|
|
2618
|
-
},
|
|
3277
|
+
}, fn = 0, pn = x((e) => ({
|
|
2619
3278
|
toasts: [],
|
|
2620
3279
|
showToast: (t) => {
|
|
2621
|
-
|
|
2622
|
-
let n = `ds-toast-${
|
|
3280
|
+
fn += 1;
|
|
3281
|
+
let n = `ds-toast-${fn}`;
|
|
2623
3282
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
2624
3283
|
variant: "info",
|
|
2625
3284
|
duration: 5e3,
|
|
@@ -2630,31 +3289,31 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2630
3289
|
},
|
|
2631
3290
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
2632
3291
|
clearToasts: () => e({ toasts: [] })
|
|
2633
|
-
})),
|
|
2634
|
-
let n =
|
|
3292
|
+
})), mn = () => pn.setState({ toasts: [] }), hn = ({ position: e = "top-right" }) => {
|
|
3293
|
+
let n = pn((e) => e.toasts), r = pn((e) => e.removeToast);
|
|
2635
3294
|
return /* @__PURE__ */ t("div", {
|
|
2636
|
-
className: `${
|
|
3295
|
+
className: `${ln.viewport} ${ln[e]}`,
|
|
2637
3296
|
"aria-label": "Уведомления",
|
|
2638
|
-
children: n.map((e) => /* @__PURE__ */ t(
|
|
3297
|
+
children: n.map((e) => /* @__PURE__ */ t(dn, {
|
|
2639
3298
|
toast: e,
|
|
2640
3299
|
onClose: r
|
|
2641
3300
|
}, e.id))
|
|
2642
3301
|
});
|
|
2643
|
-
},
|
|
2644
|
-
let e =
|
|
3302
|
+
}, gn = () => {
|
|
3303
|
+
let e = pn((e) => e.showToast), t = pn((e) => e.removeToast), n = pn((e) => e.clearToasts), r = c((t) => e({
|
|
2645
3304
|
...t,
|
|
2646
3305
|
variant: "info"
|
|
2647
|
-
}), [e]), i =
|
|
3306
|
+
}), [e]), i = c((t) => e({
|
|
2648
3307
|
...t,
|
|
2649
3308
|
variant: "success"
|
|
2650
|
-
}), [e]), a =
|
|
3309
|
+
}), [e]), a = c((t) => e({
|
|
2651
3310
|
...t,
|
|
2652
3311
|
variant: "warning"
|
|
2653
|
-
}), [e]), o =
|
|
3312
|
+
}), [e]), o = c((t) => e({
|
|
2654
3313
|
...t,
|
|
2655
3314
|
variant: "error"
|
|
2656
3315
|
}), [e]);
|
|
2657
|
-
return
|
|
3316
|
+
return p(() => ({
|
|
2658
3317
|
showToast: e,
|
|
2659
3318
|
infoToast: r,
|
|
2660
3319
|
successToast: i,
|
|
@@ -2671,7 +3330,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2671
3330
|
i,
|
|
2672
3331
|
a
|
|
2673
3332
|
]);
|
|
2674
|
-
},
|
|
3333
|
+
}, _n = {
|
|
2675
3334
|
root: "_root_8dm5q_1",
|
|
2676
3335
|
tooltip: "_tooltip_8dm5q_11",
|
|
2677
3336
|
"ds-tooltip-in": "_ds-tooltip-in_8dm5q_1",
|
|
@@ -2679,39 +3338,39 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2679
3338
|
bottom: "_bottom_8dm5q_55",
|
|
2680
3339
|
left: "_left_8dm5q_67",
|
|
2681
3340
|
right: "_right_8dm5q_79"
|
|
2682
|
-
},
|
|
2683
|
-
let
|
|
2684
|
-
c || !e || (v.current = setTimeout(() => _(!0),
|
|
3341
|
+
}, vn = ({ content: e, children: i, placement: a = "top", delay: o = 450, disabled: c = !1, maxWidth: l = 280, className: f = "" }) => {
|
|
3342
|
+
let p = d(), [g, _] = h(!1), v = m(null), y = () => {
|
|
3343
|
+
c || !e || (v.current = setTimeout(() => _(!0), o));
|
|
2685
3344
|
}, b = () => {
|
|
2686
3345
|
v.current && clearTimeout(v.current), _(!1);
|
|
2687
3346
|
};
|
|
2688
|
-
if (
|
|
3347
|
+
if (u(() => {
|
|
2689
3348
|
let e = (e) => {
|
|
2690
3349
|
e.key === "Escape" && b();
|
|
2691
3350
|
};
|
|
2692
3351
|
return document.addEventListener("keydown", e), () => {
|
|
2693
3352
|
document.removeEventListener("keydown", e), v.current && clearTimeout(v.current);
|
|
2694
3353
|
};
|
|
2695
|
-
}, []), !
|
|
3354
|
+
}, []), !s(i)) return i;
|
|
2696
3355
|
let x = r(i, {
|
|
2697
|
-
"aria-describedby": g ?
|
|
3356
|
+
"aria-describedby": g ? p : void 0,
|
|
2698
3357
|
onMouseEnter: y,
|
|
2699
3358
|
onMouseLeave: b,
|
|
2700
3359
|
onFocus: y,
|
|
2701
3360
|
onBlur: b
|
|
2702
3361
|
});
|
|
2703
3362
|
return /* @__PURE__ */ n("span", {
|
|
2704
|
-
className: `${
|
|
3363
|
+
className: `${_n.root} ${f}`,
|
|
2705
3364
|
onPointerDown: g ? b : y,
|
|
2706
3365
|
children: [x, g && /* @__PURE__ */ t("span", {
|
|
2707
|
-
id:
|
|
3366
|
+
id: p,
|
|
2708
3367
|
role: "tooltip",
|
|
2709
|
-
className: `${
|
|
2710
|
-
style: { maxWidth:
|
|
3368
|
+
className: `${_n.tooltip} ${_n[a]}`,
|
|
3369
|
+
style: { maxWidth: l },
|
|
2711
3370
|
children: e
|
|
2712
3371
|
})]
|
|
2713
3372
|
});
|
|
2714
|
-
},
|
|
3373
|
+
}, yn = (e) => {
|
|
2715
3374
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
2716
3375
|
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
3376
|
return n ? `${n}:${a}` : a;
|
|
@@ -2744,37 +3403,37 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2744
3403
|
settingsActionLabel: "_settingsActionLabel_1h73w_693",
|
|
2745
3404
|
caption: "_caption_1h73w_705",
|
|
2746
3405
|
fullscreen: "_fullscreen_1h73w_719"
|
|
2747
|
-
},
|
|
3406
|
+
}, bn = 2500, xn = 5, Sn = .05, Cn = [
|
|
2748
3407
|
.5,
|
|
2749
3408
|
.75,
|
|
2750
3409
|
1,
|
|
2751
3410
|
1.25,
|
|
2752
3411
|
1.5,
|
|
2753
3412
|
2
|
|
2754
|
-
],
|
|
2755
|
-
let y =
|
|
3413
|
+
], 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 }) => {
|
|
3414
|
+
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, V] = h(1), [H, U] = h(!!v.muted), [W, te] = h(1), [ne, re] = h(!!v.loop), [ie, ae] = h(-1), [oe, se] = h(!1), [ce, G] = h(!0), [le, ue] = h(!1), [de, fe] = h(!1), K = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), pe = i.map((e, t) => ({
|
|
2756
3415
|
track: e,
|
|
2757
3416
|
index: t
|
|
2758
|
-
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"),
|
|
2759
|
-
|
|
2760
|
-
}, [
|
|
2761
|
-
|
|
2762
|
-
w(!1),
|
|
2763
|
-
}, [
|
|
2764
|
-
let e = () =>
|
|
3417
|
+
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), J = d ?? (C ? "Не удалось воспроизвести видео" : void 0), me = l || E && !J && r.length > 0, Y = !me && !J && r.length === 0, he = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, ge = c(() => {
|
|
3418
|
+
G(!0), window.clearTimeout(S.current), A && !oe && (S.current = window.setTimeout(() => G(!1), bn));
|
|
3419
|
+
}, [A, oe]);
|
|
3420
|
+
u(() => {
|
|
3421
|
+
w(!1), O(r.length > 0), k(!1), j(!1), N(!1), F(0), L(0), z(0);
|
|
3422
|
+
}, [K, r.length]), u(() => (ge(), () => window.clearTimeout(S.current)), [ge]), u(() => {
|
|
3423
|
+
let e = () => ue(document.fullscreenElement === b.current), t = () => fe(document.pictureInPictureElement === x.current);
|
|
2765
3424
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
2766
3425
|
document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
|
|
2767
3426
|
};
|
|
2768
|
-
}, []),
|
|
3427
|
+
}, []), u(() => {
|
|
2769
3428
|
if (!oe) return;
|
|
2770
3429
|
let e = (e) => {
|
|
2771
3430
|
y.current?.contains(e.target) || se(!1);
|
|
2772
3431
|
};
|
|
2773
3432
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
2774
3433
|
}, [oe]);
|
|
2775
|
-
let
|
|
3434
|
+
let _e = async () => {
|
|
2776
3435
|
let e = x.current;
|
|
2777
|
-
if (!(!e ||
|
|
3436
|
+
if (!(!e || J || me)) {
|
|
2778
3437
|
if (e.paused || e.ended) {
|
|
2779
3438
|
e.ended && (e.currentTime = 0);
|
|
2780
3439
|
try {
|
|
@@ -2784,60 +3443,60 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2784
3443
|
}
|
|
2785
3444
|
} else e.pause();
|
|
2786
3445
|
}
|
|
2787
|
-
},
|
|
3446
|
+
}, ve = () => {
|
|
2788
3447
|
let e = x.current;
|
|
2789
3448
|
e && (e.muted = !e.muted);
|
|
2790
|
-
},
|
|
3449
|
+
}, ye = (e) => {
|
|
2791
3450
|
let t = x.current;
|
|
2792
3451
|
t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
|
|
2793
|
-
},
|
|
3452
|
+
}, be = (e) => {
|
|
2794
3453
|
let t = x.current;
|
|
2795
3454
|
!t || !I || (t.currentTime = Math.min(I, Math.max(0, e)), F(t.currentTime));
|
|
2796
|
-
},
|
|
3455
|
+
}, xe = async () => {
|
|
2797
3456
|
if (b.current) try {
|
|
2798
3457
|
document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
|
|
2799
3458
|
} catch {
|
|
2800
|
-
|
|
3459
|
+
ue(!1);
|
|
2801
3460
|
}
|
|
2802
|
-
},
|
|
3461
|
+
}, Se = async () => {
|
|
2803
3462
|
let e = x.current;
|
|
2804
|
-
if (!(!e || !
|
|
3463
|
+
if (!(!e || !he)) try {
|
|
2805
3464
|
document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
|
|
2806
3465
|
} catch {
|
|
2807
|
-
|
|
3466
|
+
fe(!1);
|
|
2808
3467
|
}
|
|
2809
|
-
},
|
|
3468
|
+
}, Ce = (e) => {
|
|
2810
3469
|
let t = x.current;
|
|
2811
3470
|
t && (Array.from(t.textTracks).forEach((t, n) => {
|
|
2812
3471
|
t.mode = n === e ? "showing" : "disabled";
|
|
2813
3472
|
}), ae(e));
|
|
2814
|
-
},
|
|
3473
|
+
}, we = (e) => {
|
|
2815
3474
|
let t = e.target;
|
|
2816
3475
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
2817
3476
|
let n = e.key.toLowerCase();
|
|
2818
|
-
n === " " || n === "k" ? (e.preventDefault(),
|
|
2819
|
-
},
|
|
3477
|
+
n === " " || n === "k" ? (e.preventDefault(), _e()) : n === "m" ? (e.preventDefault(), ve()) : n === "f" ? (e.preventDefault(), xe()) : n === "c" && pe.length ? (e.preventDefault(), Ce(ie === -1 ? pe[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" && se(!1), ge();
|
|
3478
|
+
}, Te = () => {
|
|
2820
3479
|
let e = x.current;
|
|
2821
|
-
w(!1),
|
|
2822
|
-
},
|
|
3480
|
+
w(!1), O(!0), e?.load();
|
|
3481
|
+
}, Ee = {
|
|
2823
3482
|
"--video-progress": `${I ? P / I * 100 : 0}%`,
|
|
2824
3483
|
"--video-buffered": `${R * 100}%`
|
|
2825
3484
|
};
|
|
2826
3485
|
return /* @__PURE__ */ n("figure", {
|
|
2827
3486
|
ref: y,
|
|
2828
|
-
className: `${$.root} ${
|
|
2829
|
-
onKeyDown:
|
|
3487
|
+
className: `${$.root} ${p}`,
|
|
3488
|
+
onKeyDown: we,
|
|
2830
3489
|
children: [/* @__PURE__ */ n("div", {
|
|
2831
3490
|
ref: b,
|
|
2832
|
-
className: `${$.frame} ${
|
|
3491
|
+
className: `${$.frame} ${le ? $.fullscreen : ""}`,
|
|
2833
3492
|
style: { aspectRatio: o },
|
|
2834
|
-
"aria-busy":
|
|
3493
|
+
"aria-busy": me || void 0,
|
|
2835
3494
|
tabIndex: g && r.length ? 0 : void 0,
|
|
2836
|
-
onPointerMove:
|
|
2837
|
-
onPointerDown:
|
|
2838
|
-
onFocusCapture:
|
|
3495
|
+
onPointerMove: ge,
|
|
3496
|
+
onPointerDown: ge,
|
|
3497
|
+
onFocusCapture: ge,
|
|
2839
3498
|
onMouseLeave: () => {
|
|
2840
|
-
|
|
3499
|
+
A && !oe && G(!1);
|
|
2841
3500
|
},
|
|
2842
3501
|
children: [
|
|
2843
3502
|
r.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -2848,20 +3507,20 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2848
3507
|
playsInline: _,
|
|
2849
3508
|
loop: ne,
|
|
2850
3509
|
className: $.video,
|
|
2851
|
-
style: { objectFit:
|
|
3510
|
+
style: { objectFit: s },
|
|
2852
3511
|
onClick: (e) => {
|
|
2853
|
-
v.onClick?.(e),
|
|
3512
|
+
v.onClick?.(e), _e();
|
|
2854
3513
|
},
|
|
2855
3514
|
onDoubleClick: (e) => {
|
|
2856
|
-
v.onDoubleClick?.(e),
|
|
3515
|
+
v.onDoubleClick?.(e), xe();
|
|
2857
3516
|
},
|
|
2858
3517
|
onLoadStart: (e) => {
|
|
2859
|
-
|
|
3518
|
+
O(!0), v.onLoadStart?.(e);
|
|
2860
3519
|
},
|
|
2861
3520
|
onLoadedMetadata: (e) => {
|
|
2862
3521
|
L(e.currentTarget.duration || 0);
|
|
2863
|
-
let t =
|
|
2864
|
-
|
|
3522
|
+
let t = pe.find(({ track: e }) => e.default);
|
|
3523
|
+
Ce(t?.index ?? -1), v.onLoadedMetadata?.(e);
|
|
2865
3524
|
},
|
|
2866
3525
|
onDurationChange: (e) => {
|
|
2867
3526
|
L(e.currentTarget.duration || 0), v.onDurationChange?.(e);
|
|
@@ -2874,16 +3533,16 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2874
3533
|
t.duration && t.buffered.length && z(t.buffered.end(t.buffered.length - 1) / t.duration), v.onProgress?.(e);
|
|
2875
3534
|
},
|
|
2876
3535
|
onLoadedData: (e) => {
|
|
2877
|
-
|
|
3536
|
+
O(!1), k(!1), v.onLoadedData?.(e);
|
|
2878
3537
|
},
|
|
2879
3538
|
onCanPlay: (e) => {
|
|
2880
|
-
|
|
3539
|
+
O(!1), k(!1), v.onCanPlay?.(e);
|
|
2881
3540
|
},
|
|
2882
3541
|
onWaiting: (e) => {
|
|
2883
|
-
|
|
3542
|
+
k(!0), v.onWaiting?.(e);
|
|
2884
3543
|
},
|
|
2885
3544
|
onPlaying: (e) => {
|
|
2886
|
-
j(!0), N(!1),
|
|
3545
|
+
j(!0), N(!1), k(!1), v.onPlaying?.(e);
|
|
2887
3546
|
},
|
|
2888
3547
|
onPlay: (e) => {
|
|
2889
3548
|
j(!0), v.onPlay?.(e);
|
|
@@ -2892,20 +3551,20 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2892
3551
|
j(!1), v.onPause?.(e);
|
|
2893
3552
|
},
|
|
2894
3553
|
onEnded: (e) => {
|
|
2895
|
-
j(!1), N(!0),
|
|
3554
|
+
j(!1), N(!0), G(!0), v.onEnded?.(e);
|
|
2896
3555
|
},
|
|
2897
3556
|
onVolumeChange: (e) => {
|
|
2898
3557
|
V(e.currentTarget.volume), U(e.currentTarget.muted), v.onVolumeChange?.(e);
|
|
2899
3558
|
},
|
|
2900
3559
|
onRateChange: (e) => {
|
|
2901
|
-
|
|
3560
|
+
te(e.currentTarget.playbackRate), v.onRateChange?.(e);
|
|
2902
3561
|
},
|
|
2903
3562
|
onError: (e) => {
|
|
2904
|
-
|
|
3563
|
+
O(!1), k(!1), w(!0), v.onError?.(e);
|
|
2905
3564
|
},
|
|
2906
3565
|
children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
2907
3566
|
}),
|
|
2908
|
-
|
|
3567
|
+
me && /* @__PURE__ */ n("div", {
|
|
2909
3568
|
className: $.overlay,
|
|
2910
3569
|
role: "status",
|
|
2911
3570
|
"aria-live": "polite",
|
|
@@ -2914,21 +3573,21 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2914
3573
|
"aria-hidden": "true",
|
|
2915
3574
|
children: /* @__PURE__ */ t("div", {
|
|
2916
3575
|
className: $.loaderScale,
|
|
2917
|
-
children: /* @__PURE__ */ t(
|
|
3576
|
+
children: /* @__PURE__ */ t(cn, {})
|
|
2918
3577
|
})
|
|
2919
3578
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
2920
3579
|
}),
|
|
2921
|
-
!
|
|
3580
|
+
!me && ee && !J && /* @__PURE__ */ t("div", {
|
|
2922
3581
|
className: $.buffering,
|
|
2923
3582
|
role: "status",
|
|
2924
3583
|
"aria-label": "Буферизация видео",
|
|
2925
|
-
children: /* @__PURE__ */ t(
|
|
3584
|
+
children: /* @__PURE__ */ t(T, { variant: "empty" })
|
|
2926
3585
|
}),
|
|
2927
|
-
|
|
3586
|
+
Y && /* @__PURE__ */ n("div", {
|
|
2928
3587
|
className: `${$.state} ${$.empty}`,
|
|
2929
3588
|
role: "status",
|
|
2930
3589
|
children: [
|
|
2931
|
-
/* @__PURE__ */ t(
|
|
3590
|
+
/* @__PURE__ */ t(q, {
|
|
2932
3591
|
name: "IconInfoCircle",
|
|
2933
3592
|
className: $.stateIcon,
|
|
2934
3593
|
width: 40,
|
|
@@ -2938,38 +3597,38 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2938
3597
|
f ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
|
|
2939
3598
|
]
|
|
2940
3599
|
}),
|
|
2941
|
-
!
|
|
3600
|
+
!me && J && /* @__PURE__ */ n("div", {
|
|
2942
3601
|
className: `${$.state} ${$.error}`,
|
|
2943
3602
|
role: "alert",
|
|
2944
3603
|
children: [
|
|
2945
|
-
/* @__PURE__ */ t(
|
|
3604
|
+
/* @__PURE__ */ t(q, {
|
|
2946
3605
|
name: "IconWarning",
|
|
2947
3606
|
className: $.stateIcon,
|
|
2948
3607
|
width: 40,
|
|
2949
3608
|
height: 40
|
|
2950
3609
|
}),
|
|
2951
|
-
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children:
|
|
2952
|
-
r.length > 0 && /* @__PURE__ */ t(
|
|
3610
|
+
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: J })] }),
|
|
3611
|
+
r.length > 0 && /* @__PURE__ */ t(D, {
|
|
2953
3612
|
size: "sm",
|
|
2954
3613
|
variant: "secondary",
|
|
2955
|
-
onClick:
|
|
3614
|
+
onClick: Te,
|
|
2956
3615
|
children: "Повторить"
|
|
2957
3616
|
})
|
|
2958
3617
|
]
|
|
2959
3618
|
}),
|
|
2960
|
-
!
|
|
3619
|
+
!me && !J && M && /* @__PURE__ */ t("button", {
|
|
2961
3620
|
type: "button",
|
|
2962
3621
|
className: $.replay,
|
|
2963
3622
|
"aria-label": "Воспроизвести заново",
|
|
2964
|
-
onClick: () => void
|
|
2965
|
-
children: /* @__PURE__ */ t(
|
|
3623
|
+
onClick: () => void _e(),
|
|
3624
|
+
children: /* @__PURE__ */ t(q, {
|
|
2966
3625
|
name: "IconReplay",
|
|
2967
3626
|
width: 28,
|
|
2968
3627
|
height: 28
|
|
2969
3628
|
})
|
|
2970
3629
|
}),
|
|
2971
|
-
g && r.length > 0 && !
|
|
2972
|
-
className: `${$.controlsLayer} ${ce || !
|
|
3630
|
+
g && r.length > 0 && !me && !J && /* @__PURE__ */ n("div", {
|
|
3631
|
+
className: `${$.controlsLayer} ${ce || !A ? $.controlsVisible : ""}`,
|
|
2973
3632
|
onClick: (e) => e.stopPropagation(),
|
|
2974
3633
|
children: [oe && /* @__PURE__ */ n("div", {
|
|
2975
3634
|
className: $.settings,
|
|
@@ -2982,18 +3641,18 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
2982
3641
|
let t = Number(e.target.value);
|
|
2983
3642
|
x.current && (x.current.playbackRate = t);
|
|
2984
3643
|
},
|
|
2985
|
-
children:
|
|
3644
|
+
children: Cn.map((e) => /* @__PURE__ */ n("option", {
|
|
2986
3645
|
value: e,
|
|
2987
3646
|
children: [e, "×"]
|
|
2988
3647
|
}, e))
|
|
2989
3648
|
})] }),
|
|
2990
|
-
|
|
3649
|
+
pe.length > 0 && /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Субтитры" }), /* @__PURE__ */ n("select", {
|
|
2991
3650
|
value: ie,
|
|
2992
|
-
onChange: (e) =>
|
|
3651
|
+
onChange: (e) => Ce(Number(e.target.value)),
|
|
2993
3652
|
children: [/* @__PURE__ */ t("option", {
|
|
2994
3653
|
value: -1,
|
|
2995
3654
|
children: "Выключены"
|
|
2996
|
-
}),
|
|
3655
|
+
}), pe.map(({ track: e, index: n }) => /* @__PURE__ */ t("option", {
|
|
2997
3656
|
value: n,
|
|
2998
3657
|
children: e.label
|
|
2999
3658
|
}, `${e.srcLang}-${e.label}`))]
|
|
@@ -3005,14 +3664,14 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3005
3664
|
onClick: () => re((e) => !e),
|
|
3006
3665
|
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: ne ? "Вкл." : "Выкл." })]
|
|
3007
3666
|
}),
|
|
3008
|
-
|
|
3667
|
+
he && /* @__PURE__ */ t("button", {
|
|
3009
3668
|
type: "button",
|
|
3010
3669
|
className: $.settingsAction,
|
|
3011
|
-
"aria-pressed":
|
|
3012
|
-
onClick: () => void
|
|
3670
|
+
"aria-pressed": de,
|
|
3671
|
+
onClick: () => void Se(),
|
|
3013
3672
|
children: /* @__PURE__ */ n("span", {
|
|
3014
3673
|
className: $.settingsActionLabel,
|
|
3015
|
-
children: [/* @__PURE__ */ t(
|
|
3674
|
+
children: [/* @__PURE__ */ t(q, {
|
|
3016
3675
|
name: "IconPictureInPicture",
|
|
3017
3676
|
width: 18,
|
|
3018
3677
|
height: 18
|
|
@@ -3028,11 +3687,11 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3028
3687
|
children: /* @__PURE__ */ t("button", {
|
|
3029
3688
|
type: "button",
|
|
3030
3689
|
className: `${$.controlButton} ${$.playButton}`,
|
|
3031
|
-
"aria-label":
|
|
3032
|
-
title:
|
|
3033
|
-
onClick: () => void
|
|
3034
|
-
children: /* @__PURE__ */ t(
|
|
3035
|
-
name:
|
|
3690
|
+
"aria-label": A ? "Пауза" : "Воспроизвести",
|
|
3691
|
+
title: A ? "Пауза (K)" : "Воспроизвести (K)",
|
|
3692
|
+
onClick: () => void _e(),
|
|
3693
|
+
children: /* @__PURE__ */ t(q, {
|
|
3694
|
+
name: A ? "IconPause" : "IconPlay",
|
|
3036
3695
|
width: 24,
|
|
3037
3696
|
height: 24
|
|
3038
3697
|
})
|
|
@@ -3046,8 +3705,8 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3046
3705
|
"aria-label": H ? "Включить звук" : "Выключить звук",
|
|
3047
3706
|
"aria-pressed": H,
|
|
3048
3707
|
title: "Звук (M)",
|
|
3049
|
-
onClick:
|
|
3050
|
-
children: /* @__PURE__ */ t(
|
|
3708
|
+
onClick: ve,
|
|
3709
|
+
children: /* @__PURE__ */ t(q, {
|
|
3051
3710
|
name: H || B === 0 ? "IconVolumeMuted" : "IconVolume",
|
|
3052
3711
|
width: 22,
|
|
3053
3712
|
height: 22
|
|
@@ -3061,7 +3720,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3061
3720
|
value: H ? 0 : B,
|
|
3062
3721
|
"aria-label": "Громкость",
|
|
3063
3722
|
"aria-valuetext": `${Math.round((H ? 0 : B) * 100)}%`,
|
|
3064
|
-
onChange: (e) =>
|
|
3723
|
+
onChange: (e) => ye(Number(e.target.value))
|
|
3065
3724
|
})]
|
|
3066
3725
|
}),
|
|
3067
3726
|
/* @__PURE__ */ n("div", {
|
|
@@ -3069,23 +3728,23 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3069
3728
|
children: [
|
|
3070
3729
|
/* @__PURE__ */ t("span", {
|
|
3071
3730
|
className: $.time,
|
|
3072
|
-
children:
|
|
3731
|
+
children: yn(P)
|
|
3073
3732
|
}),
|
|
3074
3733
|
/* @__PURE__ */ t("input", {
|
|
3075
3734
|
className: $.timeline,
|
|
3076
|
-
style:
|
|
3735
|
+
style: Ee,
|
|
3077
3736
|
type: "range",
|
|
3078
3737
|
min: 0,
|
|
3079
3738
|
max: I || 0,
|
|
3080
3739
|
step: .01,
|
|
3081
3740
|
value: Math.min(P, I || 0),
|
|
3082
3741
|
"aria-label": "Позиция воспроизведения",
|
|
3083
|
-
"aria-valuetext": `${
|
|
3084
|
-
onChange: (e) =>
|
|
3742
|
+
"aria-valuetext": `${yn(P)} из ${yn(I)}`,
|
|
3743
|
+
onChange: (e) => be(Number(e.target.value))
|
|
3085
3744
|
}),
|
|
3086
3745
|
/* @__PURE__ */ t("span", {
|
|
3087
3746
|
className: $.time,
|
|
3088
|
-
children:
|
|
3747
|
+
children: yn(I)
|
|
3089
3748
|
})
|
|
3090
3749
|
]
|
|
3091
3750
|
}),
|
|
@@ -3098,7 +3757,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3098
3757
|
"aria-expanded": oe,
|
|
3099
3758
|
title: "Настройки",
|
|
3100
3759
|
onClick: () => se((e) => !e),
|
|
3101
|
-
children: /* @__PURE__ */ t(
|
|
3760
|
+
children: /* @__PURE__ */ t(q, {
|
|
3102
3761
|
name: "IconSettings",
|
|
3103
3762
|
width: 22,
|
|
3104
3763
|
height: 22
|
|
@@ -3106,11 +3765,11 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3106
3765
|
}), /* @__PURE__ */ t("button", {
|
|
3107
3766
|
type: "button",
|
|
3108
3767
|
className: $.controlButton,
|
|
3109
|
-
"aria-label":
|
|
3768
|
+
"aria-label": le ? "Выйти из полноэкранного режима" : "Полноэкранный режим",
|
|
3110
3769
|
title: "Полноэкранный режим (F)",
|
|
3111
|
-
onClick: () => void
|
|
3112
|
-
children: /* @__PURE__ */ t(
|
|
3113
|
-
name:
|
|
3770
|
+
onClick: () => void xe(),
|
|
3771
|
+
children: /* @__PURE__ */ t(q, {
|
|
3772
|
+
name: le ? "IconFullscreenExit" : "IconFullscreen",
|
|
3114
3773
|
width: 22,
|
|
3115
3774
|
height: 22
|
|
3116
3775
|
})
|
|
@@ -3125,7 +3784,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3125
3784
|
children: a
|
|
3126
3785
|
})]
|
|
3127
3786
|
});
|
|
3128
|
-
},
|
|
3787
|
+
}, Tn = {
|
|
3129
3788
|
root: "_root_ymidq_1",
|
|
3130
3789
|
trigger: "_trigger_ymidq_15",
|
|
3131
3790
|
heading: "_heading_ymidq_41",
|
|
@@ -3135,7 +3794,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3135
3794
|
open: "_open_ymidq_91",
|
|
3136
3795
|
content: "_content_ymidq_99",
|
|
3137
3796
|
contentInner: "_contentInner_ymidq_119"
|
|
3138
|
-
},
|
|
3797
|
+
}, En = (e, t, n, r = 16) => {
|
|
3139
3798
|
if (t > Math.max(0, n - r * 2)) {
|
|
3140
3799
|
let t = e - r;
|
|
3141
3800
|
return Math.abs(t) <= 1 ? {
|
|
@@ -3157,9 +3816,9 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3157
3816
|
alignment: "none",
|
|
3158
3817
|
delta: 0
|
|
3159
3818
|
};
|
|
3160
|
-
},
|
|
3161
|
-
let
|
|
3162
|
-
return
|
|
3819
|
+
}, Dn = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: f = "" }) => {
|
|
3820
|
+
let p = d(), [g, _] = h(a), v = o ?? g, y = m(null), b = m(null), x = m(v);
|
|
3821
|
+
return u(() => {
|
|
3163
3822
|
let e = x.current;
|
|
3164
3823
|
if (x.current = v, !v || e || !c) return;
|
|
3165
3824
|
let t = y.current, n = b.current;
|
|
@@ -3167,7 +3826,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3167
3826
|
let r = !1, i = () => {
|
|
3168
3827
|
if (r) return;
|
|
3169
3828
|
r = !0;
|
|
3170
|
-
let e = t.getBoundingClientRect(), n =
|
|
3829
|
+
let e = t.getBoundingClientRect(), n = En(e.top, e.height, window.innerHeight, l);
|
|
3171
3830
|
if (n.alignment === "none") return;
|
|
3172
3831
|
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
3173
3832
|
window.scrollBy({
|
|
@@ -3185,32 +3844,32 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3185
3844
|
}, [
|
|
3186
3845
|
c,
|
|
3187
3846
|
v,
|
|
3188
|
-
|
|
3847
|
+
l
|
|
3189
3848
|
]), /* @__PURE__ */ n("section", {
|
|
3190
3849
|
ref: y,
|
|
3191
|
-
className: `${
|
|
3850
|
+
className: `${Tn.root} ${v ? Tn.open : ""} ${f}`,
|
|
3192
3851
|
children: [/* @__PURE__ */ n("button", {
|
|
3193
3852
|
type: "button",
|
|
3194
|
-
className:
|
|
3853
|
+
className: Tn.trigger,
|
|
3195
3854
|
"aria-expanded": v,
|
|
3196
|
-
"aria-controls":
|
|
3855
|
+
"aria-controls": p,
|
|
3197
3856
|
onClick: () => {
|
|
3198
3857
|
let e = !v;
|
|
3199
3858
|
o === void 0 && _(e), s?.(e);
|
|
3200
3859
|
},
|
|
3201
3860
|
children: [/* @__PURE__ */ n("span", {
|
|
3202
|
-
className:
|
|
3861
|
+
className: Tn.heading,
|
|
3203
3862
|
children: [/* @__PURE__ */ t("span", {
|
|
3204
|
-
className:
|
|
3863
|
+
className: Tn.title,
|
|
3205
3864
|
children: e
|
|
3206
3865
|
}), r && /* @__PURE__ */ t("span", {
|
|
3207
|
-
className:
|
|
3866
|
+
className: Tn.subtitle,
|
|
3208
3867
|
children: r
|
|
3209
3868
|
})]
|
|
3210
3869
|
}), /* @__PURE__ */ t("span", {
|
|
3211
|
-
className:
|
|
3870
|
+
className: Tn.icon,
|
|
3212
3871
|
"aria-hidden": "true",
|
|
3213
|
-
children: /* @__PURE__ */ t(
|
|
3872
|
+
children: /* @__PURE__ */ t(q, {
|
|
3214
3873
|
name: "IconChevron",
|
|
3215
3874
|
width: 20,
|
|
3216
3875
|
height: 20
|
|
@@ -3218,18 +3877,18 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3218
3877
|
})]
|
|
3219
3878
|
}), /* @__PURE__ */ t("div", {
|
|
3220
3879
|
ref: b,
|
|
3221
|
-
id:
|
|
3222
|
-
className:
|
|
3880
|
+
id: p,
|
|
3881
|
+
className: Tn.content,
|
|
3223
3882
|
"aria-hidden": !v,
|
|
3224
3883
|
children: /* @__PURE__ */ t("div", {
|
|
3225
|
-
className:
|
|
3884
|
+
className: Tn.contentInner,
|
|
3226
3885
|
children: i
|
|
3227
3886
|
})
|
|
3228
3887
|
})]
|
|
3229
3888
|
});
|
|
3230
|
-
},
|
|
3231
|
-
let [n, r] =
|
|
3232
|
-
return
|
|
3889
|
+
}, On = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
3890
|
+
let [n, r] = h(null);
|
|
3891
|
+
return u(() => {
|
|
3233
3892
|
let e = document.getElementById(t);
|
|
3234
3893
|
if (e) {
|
|
3235
3894
|
r(e);
|
|
@@ -3239,7 +3898,7 @@ var ht = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3239
3898
|
return n.id = t, document.body.appendChild(n), r(n), () => {
|
|
3240
3899
|
n.childElementCount === 0 && n.parentElement && n.remove();
|
|
3241
3900
|
};
|
|
3242
|
-
}, [t]), n ?
|
|
3901
|
+
}, [t]), n ? g(e, n) : null;
|
|
3243
3902
|
};
|
|
3244
3903
|
//#endregion
|
|
3245
|
-
export {
|
|
3904
|
+
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, q 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 };
|