@efficiency-point/design-system 0.4.7 → 0.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +99 -4
- package/assets/favicon/android-chrome-192x192.png +0 -0
- package/assets/favicon/android-chrome-512x512.png +0 -0
- package/assets/favicon/apple-touch-icon.png +0 -0
- package/assets/favicon/apple-touch-icon.svg +13 -0
- package/assets/favicon/browserconfig.xml +9 -0
- package/assets/favicon/favicon-16x16.png +0 -0
- package/assets/favicon/favicon-32x32.png +0 -0
- package/assets/favicon/favicon-48x48.png +0 -0
- package/assets/favicon/favicon-links.html +6 -0
- package/assets/favicon/favicon-maskable.svg +13 -0
- package/assets/favicon/favicon-signal.svg +13 -0
- package/assets/favicon/favicon-teal.svg +13 -0
- package/assets/favicon/favicon.ico +0 -0
- package/assets/favicon/favicon.svg +13 -0
- package/assets/favicon/mstile-150x150.png +0 -0
- package/assets/favicon/pwa-maskable-192x192.png +0 -0
- package/assets/favicon/pwa-maskable-512x512.png +0 -0
- package/assets/favicon/safari-pinned-tab.svg +4 -0
- package/assets/favicon/site.webmanifest +33 -0
- package/assets/fonts/OFL-Play.txt +93 -0
- package/assets/fonts/Play-Bold.ttf +0 -0
- package/dist/brand/favicon.d.ts +25 -0
- package/dist/brand/favicon.d.ts.map +1 -0
- package/dist/components/DSDataTable/DSDataTable.d.ts.map +1 -1
- package/dist/components/DSLogo/DSLogo.d.ts +11 -0
- package/dist/components/DSLogo/DSLogo.d.ts.map +1 -0
- package/dist/components/DSServiceBrand/DSServiceBrand.d.ts +9 -0
- package/dist/components/DSServiceBrand/DSServiceBrand.d.ts.map +1 -0
- package/dist/components/DSThemeSwitcher/theme.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +1190 -997
- package/dist/style.css +1 -1
- package/package.json +13 -4
- package/scripts/copy-favicons.mjs +70 -0
package/dist/index.es.js
CHANGED
|
@@ -3,7 +3,40 @@ import { Fragment as r, cloneElement as i, createContext as a, createElement as
|
|
|
3
3
|
import { createPortal as _ } from "react-dom";
|
|
4
4
|
import { createSortedRowModel as v, rowSortingFeature as y, tableFeatures as b, useTable as x } from "@tanstack/react-table";
|
|
5
5
|
import { create as S } from "zustand";
|
|
6
|
-
|
|
6
|
+
//#region src/components/DSThemeSwitcher/theme.ts
|
|
7
|
+
var C = "efficiency-point.design-system.theme", w = {
|
|
8
|
+
teal: "Стекло",
|
|
9
|
+
signal: "РПФ"
|
|
10
|
+
}, T = (e) => e === "teal" || e === "signal", E = () => {
|
|
11
|
+
try {
|
|
12
|
+
let e = typeof window > "u" ? null : window.localStorage.getItem(C);
|
|
13
|
+
return T(e) ? e : "signal";
|
|
14
|
+
} catch {
|
|
15
|
+
return "signal";
|
|
16
|
+
}
|
|
17
|
+
}, D = (e) => {
|
|
18
|
+
typeof document < "u" && (document.documentElement.dataset.dsTheme = e);
|
|
19
|
+
try {
|
|
20
|
+
typeof window < "u" && window.localStorage.setItem(C, e);
|
|
21
|
+
} catch {}
|
|
22
|
+
}, O = "signal", k = {
|
|
23
|
+
signal: {
|
|
24
|
+
assetName: "favicon-signal.svg",
|
|
25
|
+
themeColor: "#f6c500"
|
|
26
|
+
},
|
|
27
|
+
teal: {
|
|
28
|
+
assetName: "favicon-teal.svg",
|
|
29
|
+
themeColor: "#0b3e3a"
|
|
30
|
+
}
|
|
31
|
+
}, A = (e) => `${e.replace(/\/+$/, "")}/`, j = (e = O, t = "/") => `${A(t)}${k[e].assetName}`, M = (e = O, t = {}) => {
|
|
32
|
+
if (typeof document > "u") return;
|
|
33
|
+
let n = document.querySelector("link[data-ds-favicon]") ?? document.querySelector("link[rel~=\"icon\"][type=\"image/svg+xml\"]");
|
|
34
|
+
n || (n = document.createElement("link"), document.head.append(n)), n.rel = "icon", n.type = "image/svg+xml", n.sizes = "any", n.href = j(e, t.basePath), n.dataset.dsFavicon = e;
|
|
35
|
+
let r = document.querySelector("meta[name=\"theme-color\"]");
|
|
36
|
+
r || (r = document.createElement("meta"), r.name = "theme-color", document.head.append(r)), r.content = k[e].themeColor;
|
|
37
|
+
}, N = (e, t) => {
|
|
38
|
+
D(e), M(e, t);
|
|
39
|
+
}, P = {
|
|
7
40
|
badge: "_badge_1tup7_1",
|
|
8
41
|
sm: "_sm_1tup7_29",
|
|
9
42
|
md: "_md_1tup7_39",
|
|
@@ -16,24 +49,24 @@ var C = {
|
|
|
16
49
|
dot: "_dot_1tup7_121",
|
|
17
50
|
icon: "_icon_1tup7_137",
|
|
18
51
|
label: "_label_1tup7_147"
|
|
19
|
-
},
|
|
20
|
-
className: `${
|
|
52
|
+
}, F = ({ children: e, variant: r = "neutral", size: i = "md", dot: a = !1, icon: o, className: s = "" }) => /* @__PURE__ */ n("span", {
|
|
53
|
+
className: `${P.badge} ${P[r]} ${P[i]} ${s}`,
|
|
21
54
|
children: [
|
|
22
55
|
a && /* @__PURE__ */ t("span", {
|
|
23
|
-
className:
|
|
56
|
+
className: P.dot,
|
|
24
57
|
"aria-hidden": "true"
|
|
25
58
|
}),
|
|
26
59
|
o && /* @__PURE__ */ t("span", {
|
|
27
|
-
className:
|
|
60
|
+
className: P.icon,
|
|
28
61
|
"aria-hidden": "true",
|
|
29
62
|
children: o
|
|
30
63
|
}),
|
|
31
64
|
/* @__PURE__ */ t("span", {
|
|
32
|
-
className:
|
|
65
|
+
className: P.label,
|
|
33
66
|
children: e
|
|
34
67
|
})
|
|
35
68
|
]
|
|
36
|
-
}),
|
|
69
|
+
}), I = {
|
|
37
70
|
badge: "_badge_1k2yn_1",
|
|
38
71
|
sm: "_sm_1k2yn_25",
|
|
39
72
|
md: "_md_1k2yn_37",
|
|
@@ -43,18 +76,18 @@ var C = {
|
|
|
43
76
|
success: "_success_1k2yn_87",
|
|
44
77
|
warning: "_warning_1k2yn_99",
|
|
45
78
|
error: "_error_1k2yn_111"
|
|
46
|
-
},
|
|
79
|
+
}, L = (e, t = 99) => {
|
|
47
80
|
let n = Math.max(0, Math.floor(e)), r = Math.max(0, Math.floor(t));
|
|
48
81
|
return n > r ? `${r}+` : String(n);
|
|
49
|
-
},
|
|
82
|
+
}, R = ({ value: e, max: n = 99, label: r = "уведомлений", variant: i = "error", size: a = "sm", className: o = "", "aria-label": s, ...c }) => {
|
|
50
83
|
let l = Math.max(0, Math.floor(e));
|
|
51
84
|
return /* @__PURE__ */ t("span", {
|
|
52
85
|
...c,
|
|
53
|
-
className: `${
|
|
86
|
+
className: `${I.badge} ${I[i]} ${I[a]} ${o}`,
|
|
54
87
|
"aria-label": s ?? `${l} ${r}`,
|
|
55
|
-
children:
|
|
88
|
+
children: L(l, n)
|
|
56
89
|
});
|
|
57
|
-
},
|
|
90
|
+
}, z = {
|
|
58
91
|
container: "_container_bvxhv_1",
|
|
59
92
|
inner: "_inner_bvxhv_21",
|
|
60
93
|
line: "_line_bvxhv_39",
|
|
@@ -66,18 +99,18 @@ var C = {
|
|
|
66
99
|
destructive: "_destructive_bvxhv_97",
|
|
67
100
|
destructiveOutline: "_destructiveOutline_bvxhv_105",
|
|
68
101
|
grow: "_grow_bvxhv_1"
|
|
69
|
-
},
|
|
70
|
-
className: `${
|
|
102
|
+
}, ee = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
103
|
+
className: `${z.container} ${z[e]}`,
|
|
71
104
|
children: /* @__PURE__ */ n("div", {
|
|
72
|
-
className: `${
|
|
105
|
+
className: `${z.inner} ${z[e]}`,
|
|
73
106
|
children: [
|
|
74
|
-
/* @__PURE__ */ t("div", { className: `${
|
|
75
|
-
/* @__PURE__ */ t("div", { className: `${
|
|
76
|
-
/* @__PURE__ */ t("div", { className: `${
|
|
77
|
-
/* @__PURE__ */ t("div", { className: `${
|
|
107
|
+
/* @__PURE__ */ t("div", { className: `${z.line} ${z[e]}` }),
|
|
108
|
+
/* @__PURE__ */ t("div", { className: `${z.line} ${z[e]}` }),
|
|
109
|
+
/* @__PURE__ */ t("div", { className: `${z.line} ${z[e]}` }),
|
|
110
|
+
/* @__PURE__ */ t("div", { className: `${z.line} ${z[e]}` })
|
|
78
111
|
]
|
|
79
112
|
})
|
|
80
|
-
}),
|
|
113
|
+
}), B = {
|
|
81
114
|
button: "_button_4fqtv_1",
|
|
82
115
|
sm: "_sm_4fqtv_59",
|
|
83
116
|
md: "_md_4fqtv_73",
|
|
@@ -89,17 +122,17 @@ var C = {
|
|
|
89
122
|
empty: "_empty_4fqtv_157",
|
|
90
123
|
destructive: "_destructive_4fqtv_171",
|
|
91
124
|
destructiveOutline: "_destructiveOutline_4fqtv_183"
|
|
92
|
-
},
|
|
125
|
+
}, V = s(({ children: e, variant: n = "primary", size: r = "md", isLoading: i = !1, disabled: a, type: o = "button", className: s = "", ...c }, l) => /* @__PURE__ */ t("button", {
|
|
93
126
|
ref: l,
|
|
94
|
-
className: `${
|
|
127
|
+
className: `${B.button} ${B[n]} ${B[r]} ${s}`,
|
|
95
128
|
disabled: a || i,
|
|
96
129
|
"aria-busy": i || void 0,
|
|
97
130
|
...c,
|
|
98
131
|
type: o,
|
|
99
|
-
children: i ? /* @__PURE__ */ t(
|
|
132
|
+
children: i ? /* @__PURE__ */ t(ee, { variant: n }) : e
|
|
100
133
|
}));
|
|
101
|
-
|
|
102
|
-
var
|
|
134
|
+
V.displayName = "DSButton";
|
|
135
|
+
var H = {
|
|
103
136
|
label: "_label_1o819_1",
|
|
104
137
|
required: "_required_1o819_23",
|
|
105
138
|
error: "_error_1o819_25",
|
|
@@ -108,28 +141,28 @@ var M = {
|
|
|
108
141
|
disabled: "_disabled_1o819_47",
|
|
109
142
|
message: "_message_1o819_55",
|
|
110
143
|
success: "_success_1o819_71"
|
|
111
|
-
},
|
|
112
|
-
className: `${
|
|
144
|
+
}, te = ({ children: e, required: r = !1, optionalText: i, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ n("label", {
|
|
145
|
+
className: `${H.label} ${a ? H.disabled : ""} ${o}`,
|
|
113
146
|
...s,
|
|
114
147
|
children: [
|
|
115
148
|
/* @__PURE__ */ t("span", { children: e }),
|
|
116
149
|
r && /* @__PURE__ */ t("span", {
|
|
117
|
-
className:
|
|
150
|
+
className: H.required,
|
|
118
151
|
"aria-hidden": "true",
|
|
119
152
|
children: "*"
|
|
120
153
|
}),
|
|
121
154
|
i && /* @__PURE__ */ t("span", {
|
|
122
|
-
className:
|
|
155
|
+
className: H.optional,
|
|
123
156
|
children: i
|
|
124
157
|
})
|
|
125
158
|
]
|
|
126
|
-
}),
|
|
159
|
+
}), U = ({ children: e, variant: n = "hint", id: r, live: i = !1, className: a = "" }) => /* @__PURE__ */ t("span", {
|
|
127
160
|
id: r,
|
|
128
|
-
className: `${
|
|
161
|
+
className: `${H.message} ${H[n]} ${a}`,
|
|
129
162
|
role: i && n === "error" ? "alert" : void 0,
|
|
130
163
|
"aria-live": i && n !== "error" ? "polite" : void 0,
|
|
131
164
|
children: e
|
|
132
|
-
}),
|
|
165
|
+
}), W = ({ width: e = 24, height: r = 24, color: i, title: a, style: o, children: s, ...c }) => /* @__PURE__ */ n("svg", {
|
|
133
166
|
xmlns: "http://www.w3.org/2000/svg",
|
|
134
167
|
viewBox: "0 0 24 24",
|
|
135
168
|
width: e,
|
|
@@ -148,14 +181,14 @@ var M = {
|
|
|
148
181
|
} : o,
|
|
149
182
|
...c,
|
|
150
183
|
children: [a && /* @__PURE__ */ t("title", { children: a }), s]
|
|
151
|
-
}),
|
|
184
|
+
}), ne = (e) => /* @__PURE__ */ t(W, {
|
|
152
185
|
...e,
|
|
153
186
|
children: /* @__PURE__ */ t("path", { d: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3" })
|
|
154
|
-
}),
|
|
187
|
+
}), re = ({ strokeWidth: e = 2, ...r }) => /* @__PURE__ */ n(W, {
|
|
155
188
|
strokeWidth: e,
|
|
156
189
|
...r,
|
|
157
190
|
children: [/* @__PURE__ */ t("path", { d: "M2 20v-8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8" }), /* @__PURE__ */ t("path", { d: "M4 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4M12 4v6M2 18h20M5 18v2M19 18v2" })]
|
|
158
|
-
}),
|
|
191
|
+
}), ie = (e) => /* @__PURE__ */ n(W, {
|
|
159
192
|
...e,
|
|
160
193
|
children: [
|
|
161
194
|
/* @__PURE__ */ t("path", { d: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20" }),
|
|
@@ -163,7 +196,7 @@ var M = {
|
|
|
163
196
|
/* @__PURE__ */ t("path", { d: "M8 7h6" }),
|
|
164
197
|
/* @__PURE__ */ t("path", { d: "M8 11h8" })
|
|
165
198
|
]
|
|
166
|
-
}),
|
|
199
|
+
}), ae = (e) => /* @__PURE__ */ n(W, {
|
|
167
200
|
...e,
|
|
168
201
|
children: [
|
|
169
202
|
/* @__PURE__ */ t("rect", {
|
|
@@ -176,18 +209,18 @@ var M = {
|
|
|
176
209
|
/* @__PURE__ */ t("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
|
|
177
210
|
/* @__PURE__ */ t("path", { d: "M10 12h4" })
|
|
178
211
|
]
|
|
179
|
-
}),
|
|
212
|
+
}), oe = (e) => /* @__PURE__ */ t(W, {
|
|
180
213
|
...e,
|
|
181
214
|
children: /* @__PURE__ */ t("path", { d: "m5 12 4 4L19 6" })
|
|
182
|
-
}),
|
|
215
|
+
}), se = (e) => /* @__PURE__ */ t(W, {
|
|
183
216
|
viewBox: "0 0 20 20",
|
|
184
217
|
...e,
|
|
185
218
|
children: /* @__PURE__ */ t("path", { d: "M5 7.5L10 12.5L15 7.5" })
|
|
186
|
-
}),
|
|
219
|
+
}), ce = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(W, {
|
|
187
220
|
strokeWidth: e,
|
|
188
221
|
...n,
|
|
189
222
|
children: /* @__PURE__ */ t("path", { d: "M18 6 6 18M6 6l12 12" })
|
|
190
|
-
}),
|
|
223
|
+
}), le = (e) => /* @__PURE__ */ n(W, {
|
|
191
224
|
...e,
|
|
192
225
|
children: [/* @__PURE__ */ t("rect", {
|
|
193
226
|
width: "14",
|
|
@@ -196,37 +229,37 @@ var M = {
|
|
|
196
229
|
y: "8",
|
|
197
230
|
rx: "2"
|
|
198
231
|
}), /* @__PURE__ */ t("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
|
|
199
|
-
}),
|
|
232
|
+
}), ue = (e) => /* @__PURE__ */ t(W, {
|
|
200
233
|
...e,
|
|
201
234
|
children: /* @__PURE__ */ t("path", { d: "M4 20h4L19 9l-4-4L4 16v4z" })
|
|
202
|
-
}),
|
|
235
|
+
}), G = (e) => /* @__PURE__ */ n(W, {
|
|
203
236
|
...e,
|
|
204
237
|
children: [/* @__PURE__ */ t("circle", {
|
|
205
238
|
cx: "12",
|
|
206
239
|
cy: "12",
|
|
207
240
|
r: "10"
|
|
208
241
|
}), /* @__PURE__ */ t("path", { d: "m15 9-6 6M9 9l6 6" })]
|
|
209
|
-
}),
|
|
242
|
+
}), de = (e) => /* @__PURE__ */ n(W, {
|
|
210
243
|
...e,
|
|
211
244
|
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", {
|
|
212
245
|
cx: "12",
|
|
213
246
|
cy: "12",
|
|
214
247
|
r: "2.5"
|
|
215
248
|
})]
|
|
216
|
-
}),
|
|
249
|
+
}), fe = (e) => /* @__PURE__ */ t(W, {
|
|
217
250
|
...e,
|
|
218
251
|
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" })
|
|
219
|
-
}),
|
|
252
|
+
}), pe = (e) => /* @__PURE__ */ t(W, {
|
|
220
253
|
...e,
|
|
221
254
|
children: /* @__PURE__ */ t("path", { d: "M12 10v7m0-10v.01" })
|
|
222
|
-
}),
|
|
255
|
+
}), me = (e) => /* @__PURE__ */ n(W, {
|
|
223
256
|
...e,
|
|
224
257
|
children: [/* @__PURE__ */ t("circle", {
|
|
225
258
|
cx: "12",
|
|
226
259
|
cy: "12",
|
|
227
260
|
r: "10"
|
|
228
261
|
}), /* @__PURE__ */ t("path", { d: "M12 16v-4M12 8v.01" })]
|
|
229
|
-
}),
|
|
262
|
+
}), K = (e) => /* @__PURE__ */ n(W, {
|
|
230
263
|
...e,
|
|
231
264
|
children: [
|
|
232
265
|
/* @__PURE__ */ t("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5Z" }),
|
|
@@ -235,13 +268,13 @@ var M = {
|
|
|
235
268
|
/* @__PURE__ */ t("path", { d: "M16 17H8" }),
|
|
236
269
|
/* @__PURE__ */ t("path", { d: "M10 9H8" })
|
|
237
270
|
]
|
|
238
|
-
}),
|
|
271
|
+
}), he = (e) => /* @__PURE__ */ t(W, {
|
|
239
272
|
...e,
|
|
240
273
|
children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
|
|
241
|
-
}),
|
|
274
|
+
}), ge = (e) => /* @__PURE__ */ t(W, {
|
|
242
275
|
...e,
|
|
243
276
|
children: /* @__PURE__ */ t("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" })
|
|
244
|
-
}),
|
|
277
|
+
}), _e = (e) => /* @__PURE__ */ n(W, {
|
|
245
278
|
...e,
|
|
246
279
|
children: [/* @__PURE__ */ t("rect", {
|
|
247
280
|
width: "18",
|
|
@@ -250,17 +283,17 @@ var M = {
|
|
|
250
283
|
y: "3",
|
|
251
284
|
rx: "2"
|
|
252
285
|
}), /* @__PURE__ */ t("path", { d: "M3 9h18M9 21V9" })]
|
|
253
|
-
}),
|
|
286
|
+
}), ve = (e) => /* @__PURE__ */ t(W, {
|
|
254
287
|
...e,
|
|
255
288
|
children: /* @__PURE__ */ t("path", {
|
|
256
289
|
d: "M8 5v14M16 5v14",
|
|
257
290
|
strokeWidth: "3"
|
|
258
291
|
})
|
|
259
|
-
}),
|
|
292
|
+
}), ye = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(W, {
|
|
260
293
|
strokeWidth: e,
|
|
261
294
|
...n,
|
|
262
295
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14M5 12h14" })
|
|
263
|
-
}),
|
|
296
|
+
}), be = (e) => /* @__PURE__ */ n(W, {
|
|
264
297
|
...e,
|
|
265
298
|
children: [
|
|
266
299
|
/* @__PURE__ */ t("path", { d: "M12 22v-5" }),
|
|
@@ -268,60 +301,60 @@ var M = {
|
|
|
268
301
|
/* @__PURE__ */ t("path", { d: "M15 8V2" }),
|
|
269
302
|
/* @__PURE__ */ t("path", { d: "M18 8v5a6 6 0 0 1-12 0V8Z" })
|
|
270
303
|
]
|
|
271
|
-
}),
|
|
304
|
+
}), xe = (e) => /* @__PURE__ */ t(W, {
|
|
272
305
|
...e,
|
|
273
306
|
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
274
|
-
}),
|
|
307
|
+
}), Se = (e) => /* @__PURE__ */ t(W, {
|
|
275
308
|
...e,
|
|
276
309
|
children: /* @__PURE__ */ t("path", {
|
|
277
310
|
d: "m8 5 11 7-11 7V5Z",
|
|
278
311
|
fill: "currentColor",
|
|
279
312
|
stroke: "none"
|
|
280
313
|
})
|
|
281
|
-
}),
|
|
314
|
+
}), Ce = (e) => /* @__PURE__ */ t(W, {
|
|
282
315
|
...e,
|
|
283
316
|
children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
|
|
284
|
-
}),
|
|
317
|
+
}), we = (e) => /* @__PURE__ */ t(W, {
|
|
285
318
|
...e,
|
|
286
319
|
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" })
|
|
287
|
-
}),
|
|
320
|
+
}), Te = (e) => /* @__PURE__ */ t(W, {
|
|
288
321
|
...e,
|
|
289
322
|
children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
|
|
290
|
-
}),
|
|
323
|
+
}), Ee = (e) => /* @__PURE__ */ t(W, {
|
|
291
324
|
...e,
|
|
292
325
|
children: /* @__PURE__ */ t("path", { d: "M4 9h5V4m6 5h5V4M4 15h5v5m6-5h5v5" })
|
|
293
|
-
}),
|
|
326
|
+
}), De = (e) => /* @__PURE__ */ t(W, {
|
|
294
327
|
...e,
|
|
295
328
|
children: /* @__PURE__ */ t("path", { d: "M4 6h16v12H4V6Zm7 4a2 2 0 1 0 0 4m7-4a2 2 0 1 0 0 4" })
|
|
296
|
-
}),
|
|
329
|
+
}), Oe = (e) => /* @__PURE__ */ t(W, {
|
|
297
330
|
...e,
|
|
298
331
|
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" })
|
|
299
|
-
}),
|
|
332
|
+
}), ke = (e) => /* @__PURE__ */ t(W, {
|
|
300
333
|
...e,
|
|
301
334
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
302
|
-
}),
|
|
335
|
+
}), Ae = (e) => /* @__PURE__ */ t(W, {
|
|
303
336
|
...e,
|
|
304
337
|
children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
|
|
305
|
-
}),
|
|
338
|
+
}), je = (e) => /* @__PURE__ */ t(W, {
|
|
306
339
|
...e,
|
|
307
340
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
308
|
-
}),
|
|
341
|
+
}), Me = (e) => /* @__PURE__ */ t(W, {
|
|
309
342
|
...e,
|
|
310
343
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
311
|
-
}),
|
|
344
|
+
}), Ne = (e) => /* @__PURE__ */ n(W, {
|
|
312
345
|
...e,
|
|
313
346
|
children: [/* @__PURE__ */ t("circle", {
|
|
314
347
|
cx: "12",
|
|
315
348
|
cy: "12",
|
|
316
349
|
r: "10"
|
|
317
350
|
}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
|
|
318
|
-
}),
|
|
351
|
+
}), Pe = (e) => /* @__PURE__ */ t(W, {
|
|
319
352
|
...e,
|
|
320
353
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
321
|
-
}),
|
|
354
|
+
}), Fe = (e) => /* @__PURE__ */ n(W, {
|
|
322
355
|
...e,
|
|
323
356
|
children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
|
|
324
|
-
}),
|
|
357
|
+
}), Ie = (e) => /* @__PURE__ */ n(W, {
|
|
325
358
|
...e,
|
|
326
359
|
children: [
|
|
327
360
|
/* @__PURE__ */ t("path", { d: "M3 6h18" }),
|
|
@@ -340,13 +373,13 @@ var M = {
|
|
|
340
373
|
y2: "17"
|
|
341
374
|
})
|
|
342
375
|
]
|
|
343
|
-
}),
|
|
376
|
+
}), Le = (e) => /* @__PURE__ */ t(W, {
|
|
344
377
|
...e,
|
|
345
378
|
children: /* @__PURE__ */ t("path", { d: "m21.4 11.6-8.9 8.9a6 6 0 0 1-8.5-8.5l9.6-9.6a4 4 0 0 1 5.7 5.7l-9.6 9.6a2 2 0 0 1-2.8-2.8l8.9-8.9" })
|
|
346
|
-
}),
|
|
379
|
+
}), Re = (e) => /* @__PURE__ */ n(W, {
|
|
347
380
|
...e,
|
|
348
381
|
children: [/* @__PURE__ */ t("path", { d: "m22 2-7 20-4-9-9-4Z" }), /* @__PURE__ */ t("path", { d: "M22 2 11 13" })]
|
|
349
|
-
}),
|
|
382
|
+
}), ze = (e) => /* @__PURE__ */ n(W, {
|
|
350
383
|
...e,
|
|
351
384
|
children: [
|
|
352
385
|
/* @__PURE__ */ t("circle", {
|
|
@@ -357,7 +390,7 @@ var M = {
|
|
|
357
390
|
/* @__PURE__ */ t("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
|
|
358
391
|
/* @__PURE__ */ t("path", { d: "M9 9h.01M15 9h.01" })
|
|
359
392
|
]
|
|
360
|
-
}),
|
|
393
|
+
}), Be = (e) => /* @__PURE__ */ n(W, {
|
|
361
394
|
...e,
|
|
362
395
|
children: [
|
|
363
396
|
/* @__PURE__ */ t("circle", {
|
|
@@ -382,7 +415,7 @@ var M = {
|
|
|
382
415
|
stroke: "none"
|
|
383
416
|
})
|
|
384
417
|
]
|
|
385
|
-
}),
|
|
418
|
+
}), Ve = (e) => /* @__PURE__ */ t(W, {
|
|
386
419
|
...e,
|
|
387
420
|
children: [
|
|
388
421
|
5,
|
|
@@ -399,19 +432,19 @@ var M = {
|
|
|
399
432
|
fill: "currentColor",
|
|
400
433
|
stroke: "none"
|
|
401
434
|
}, `${n}-${e}`)))
|
|
402
|
-
}), q = (e) => (n) => /* @__PURE__ */ t(
|
|
435
|
+
}), q = (e) => (n) => /* @__PURE__ */ t(W, {
|
|
403
436
|
...n,
|
|
404
437
|
children: e.map(([e, t], n) => o(e, {
|
|
405
438
|
...t,
|
|
406
439
|
key: t.key ?? `${e}-${n}`
|
|
407
440
|
}))
|
|
408
|
-
}),
|
|
409
|
-
IconAppsGrid:
|
|
441
|
+
}), He = {
|
|
442
|
+
IconAppsGrid: Ve,
|
|
410
443
|
IconActivity: q([["path", {
|
|
411
444
|
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",
|
|
412
445
|
key: "169zse"
|
|
413
446
|
}]]),
|
|
414
|
-
IconArchive:
|
|
447
|
+
IconArchive: ae,
|
|
415
448
|
IconAlertTriangle: q([
|
|
416
449
|
["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" }],
|
|
417
450
|
["path", { d: "M12 9v4" }],
|
|
@@ -458,8 +491,8 @@ var M = {
|
|
|
458
491
|
["path", { d: "M13 17V5" }],
|
|
459
492
|
["path", { d: "M8 17v-3" }]
|
|
460
493
|
]),
|
|
461
|
-
IconBedDouble:
|
|
462
|
-
IconBookText:
|
|
494
|
+
IconBedDouble: re,
|
|
495
|
+
IconBookText: ie,
|
|
463
496
|
IconBell: q([["path", {
|
|
464
497
|
d: "M10.268 21a2 2 0 0 0 3.464 0",
|
|
465
498
|
key: "vwvbt9"
|
|
@@ -609,7 +642,7 @@ var M = {
|
|
|
609
642
|
d: "M12 6v6h4",
|
|
610
643
|
key: "135r8i"
|
|
611
644
|
}]]),
|
|
612
|
-
IconCopy:
|
|
645
|
+
IconCopy: le,
|
|
613
646
|
IconDownload: q([
|
|
614
647
|
["path", {
|
|
615
648
|
d: "M12 15V3",
|
|
@@ -656,7 +689,7 @@ var M = {
|
|
|
656
689
|
key: "18s6g9"
|
|
657
690
|
}]
|
|
658
691
|
]),
|
|
659
|
-
IconFileText:
|
|
692
|
+
IconFileText: K,
|
|
660
693
|
IconGauge: q([["path", {
|
|
661
694
|
d: "m12 14 4-4",
|
|
662
695
|
key: "9kzdfg"
|
|
@@ -1065,61 +1098,61 @@ var M = {
|
|
|
1065
1098
|
d: "m6 6 12 12",
|
|
1066
1099
|
key: "d8bk6v"
|
|
1067
1100
|
}]]),
|
|
1068
|
-
IconBasket:
|
|
1069
|
-
IconCheck:
|
|
1070
|
-
IconChevron:
|
|
1071
|
-
IconCross:
|
|
1072
|
-
IconEdit:
|
|
1073
|
-
IconErrorCircle:
|
|
1074
|
-
IconEye:
|
|
1075
|
-
IconEyeOff:
|
|
1076
|
-
IconInfo:
|
|
1077
|
-
IconInfoCircle:
|
|
1078
|
-
IconMinus:
|
|
1079
|
-
IconMoreVertical:
|
|
1080
|
-
IconList:
|
|
1081
|
-
IconPanelsTopLeft:
|
|
1082
|
-
IconPause:
|
|
1083
|
-
IconPaperclip:
|
|
1084
|
-
IconPlus:
|
|
1085
|
-
IconPlug:
|
|
1086
|
-
IconPictureInPicture:
|
|
1087
|
-
IconPlay:
|
|
1088
|
-
IconReplay:
|
|
1089
|
-
IconSettings:
|
|
1090
|
-
IconSend:
|
|
1091
|
-
IconSmile:
|
|
1092
|
-
IconFullscreen:
|
|
1093
|
-
IconFullscreenExit:
|
|
1094
|
-
IconCaptions:
|
|
1095
|
-
IconVolume:
|
|
1096
|
-
IconVolumeMuted:
|
|
1097
|
-
IconSort:
|
|
1098
|
-
IconSortAscending:
|
|
1099
|
-
IconSortDescending:
|
|
1100
|
-
IconSuccessCircle:
|
|
1101
|
-
IconUpload:
|
|
1102
|
-
IconWarning:
|
|
1103
|
-
IconTrash2:
|
|
1104
|
-
},
|
|
1105
|
-
let r =
|
|
1101
|
+
IconBasket: ne,
|
|
1102
|
+
IconCheck: oe,
|
|
1103
|
+
IconChevron: se,
|
|
1104
|
+
IconCross: ce,
|
|
1105
|
+
IconEdit: ue,
|
|
1106
|
+
IconErrorCircle: G,
|
|
1107
|
+
IconEye: de,
|
|
1108
|
+
IconEyeOff: fe,
|
|
1109
|
+
IconInfo: pe,
|
|
1110
|
+
IconInfoCircle: me,
|
|
1111
|
+
IconMinus: he,
|
|
1112
|
+
IconMoreVertical: Be,
|
|
1113
|
+
IconList: ge,
|
|
1114
|
+
IconPanelsTopLeft: _e,
|
|
1115
|
+
IconPause: ve,
|
|
1116
|
+
IconPaperclip: Le,
|
|
1117
|
+
IconPlus: ye,
|
|
1118
|
+
IconPlug: be,
|
|
1119
|
+
IconPictureInPicture: xe,
|
|
1120
|
+
IconPlay: Se,
|
|
1121
|
+
IconReplay: Ce,
|
|
1122
|
+
IconSettings: we,
|
|
1123
|
+
IconSend: Re,
|
|
1124
|
+
IconSmile: ze,
|
|
1125
|
+
IconFullscreen: Te,
|
|
1126
|
+
IconFullscreenExit: Ee,
|
|
1127
|
+
IconCaptions: De,
|
|
1128
|
+
IconVolume: Oe,
|
|
1129
|
+
IconVolumeMuted: ke,
|
|
1130
|
+
IconSort: Ae,
|
|
1131
|
+
IconSortAscending: je,
|
|
1132
|
+
IconSortDescending: Me,
|
|
1133
|
+
IconSuccessCircle: Ne,
|
|
1134
|
+
IconUpload: Pe,
|
|
1135
|
+
IconWarning: Fe,
|
|
1136
|
+
IconTrash2: Ie
|
|
1137
|
+
}, Ue = Object.freeze(Object.keys(He)), J = ({ name: e, ...n }) => {
|
|
1138
|
+
let r = He[e];
|
|
1106
1139
|
return /* @__PURE__ */ t(r, { ...n });
|
|
1107
|
-
},
|
|
1140
|
+
}, We = {
|
|
1108
1141
|
wrapper: "_wrapper_1seon_1",
|
|
1109
1142
|
label: "_label_1seon_13",
|
|
1110
1143
|
input: "_input_1seon_35",
|
|
1111
1144
|
control: "_control_1seon_49",
|
|
1112
1145
|
disabled: "_disabled_1seon_95",
|
|
1113
1146
|
controlError: "_controlError_1seon_121"
|
|
1114
|
-
},
|
|
1147
|
+
}, Ge = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: s = !1, readOnly: c = !1, className: l = "", name: u, id: p, indeterminate: m = !1, ariaLabel: g, ..._ }) => {
|
|
1115
1148
|
let v = f(), y = p ?? `ds-checkbox-${u ?? v}`, b = h(null), x = a ? `${y}-hint` : void 0, S = o ? `${y}-error` : void 0;
|
|
1116
1149
|
return d(() => {
|
|
1117
1150
|
b.current && (b.current.indeterminate = m && !e);
|
|
1118
1151
|
}, [e, m]), /* @__PURE__ */ n("div", {
|
|
1119
|
-
className: `${
|
|
1152
|
+
className: `${We.wrapper} ${l}`,
|
|
1120
1153
|
children: [
|
|
1121
1154
|
/* @__PURE__ */ n("label", {
|
|
1122
|
-
className: `${
|
|
1155
|
+
className: `${We.label} ${s ? We.disabled : ""}`,
|
|
1123
1156
|
htmlFor: y,
|
|
1124
1157
|
children: [
|
|
1125
1158
|
/* @__PURE__ */ t("input", {
|
|
@@ -1133,14 +1166,14 @@ var M = {
|
|
|
1133
1166
|
"aria-invalid": !!o,
|
|
1134
1167
|
"aria-describedby": [x, S].filter(Boolean).join(" ") || void 0,
|
|
1135
1168
|
"aria-label": g,
|
|
1136
|
-
className:
|
|
1169
|
+
className: We.input,
|
|
1137
1170
|
onChange: (e) => {
|
|
1138
1171
|
c || r?.(e.target.checked, e);
|
|
1139
1172
|
},
|
|
1140
1173
|
..._
|
|
1141
1174
|
}),
|
|
1142
1175
|
/* @__PURE__ */ n("span", {
|
|
1143
|
-
className: `${
|
|
1176
|
+
className: `${We.control} ${o ? We.controlError : ""}`,
|
|
1144
1177
|
"aria-hidden": "true",
|
|
1145
1178
|
children: [m && !e && /* @__PURE__ */ t(J, {
|
|
1146
1179
|
name: "IconMinus",
|
|
@@ -1155,11 +1188,11 @@ var M = {
|
|
|
1155
1188
|
i && /* @__PURE__ */ t("span", { children: i })
|
|
1156
1189
|
]
|
|
1157
1190
|
}),
|
|
1158
|
-
a && !o && /* @__PURE__ */ t(
|
|
1191
|
+
a && !o && /* @__PURE__ */ t(U, {
|
|
1159
1192
|
id: x,
|
|
1160
1193
|
children: a
|
|
1161
1194
|
}),
|
|
1162
|
-
o && /* @__PURE__ */ t(
|
|
1195
|
+
o && /* @__PURE__ */ t(U, {
|
|
1163
1196
|
id: S,
|
|
1164
1197
|
variant: "error",
|
|
1165
1198
|
children: o
|
|
@@ -1197,7 +1230,7 @@ var M = {
|
|
|
1197
1230
|
timeLabel: "_timeLabel_su17c_533",
|
|
1198
1231
|
previousMonth: "_previousMonth_su17c_593",
|
|
1199
1232
|
nextMonth: "_nextMonth_su17c_601"
|
|
1200
|
-
},
|
|
1233
|
+
}, Ke = [
|
|
1201
1234
|
"Пн",
|
|
1202
1235
|
"Вт",
|
|
1203
1236
|
"Ср",
|
|
@@ -1205,7 +1238,7 @@ var M = {
|
|
|
1205
1238
|
"Пт",
|
|
1206
1239
|
"Сб",
|
|
1207
1240
|
"Вс"
|
|
1208
|
-
],
|
|
1241
|
+
], qe = [
|
|
1209
1242
|
"Январь",
|
|
1210
1243
|
"Февраль",
|
|
1211
1244
|
"Март",
|
|
@@ -1218,33 +1251,33 @@ var M = {
|
|
|
1218
1251
|
"Октябрь",
|
|
1219
1252
|
"Ноябрь",
|
|
1220
1253
|
"Декабрь"
|
|
1221
|
-
],
|
|
1222
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1254
|
+
], Je = (e) => String(e).padStart(2, "0"), Ye = 8, Xe = "Некорректная дата", Ze = (e) => e ? `${Je(e.getDate())}.${Je(e.getMonth() + 1)}.${e.getFullYear()}` : "", Qe = (e) => {
|
|
1255
|
+
let t = e.replace(/\D/g, "").slice(0, Ye);
|
|
1223
1256
|
return [
|
|
1224
1257
|
t.slice(0, 2),
|
|
1225
1258
|
t.slice(2, 4),
|
|
1226
1259
|
t.slice(4, 8)
|
|
1227
1260
|
].filter(Boolean).join(".");
|
|
1228
|
-
},
|
|
1261
|
+
}, $e = (e) => {
|
|
1229
1262
|
if (!e) return !0;
|
|
1230
1263
|
let t = Number(e.padEnd(4, "0"));
|
|
1231
1264
|
return Number(e.padEnd(4, "9")) >= 1800 && t <= 2500;
|
|
1232
|
-
},
|
|
1265
|
+
}, et = (e) => {
|
|
1233
1266
|
if (!/^\d{0,8}$/.test(e)) return !1;
|
|
1234
1267
|
let t = e.slice(0, 2), n = e.slice(2, 4), r = e.slice(4, 8);
|
|
1235
|
-
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 :
|
|
1236
|
-
},
|
|
1268
|
+
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 : $e(r);
|
|
1269
|
+
}, tt = (e) => {
|
|
1237
1270
|
let t = /^(\d{2})\.(\d{2})\.(\d{4})$/.exec(e);
|
|
1238
1271
|
if (!t) return null;
|
|
1239
1272
|
let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]);
|
|
1240
1273
|
if (i < 1800 || i > 2500) return null;
|
|
1241
1274
|
let a = new Date(i, r, n, 12);
|
|
1242
1275
|
return a.getFullYear() !== i || a.getMonth() !== r || a.getDate() !== n ? null : a;
|
|
1243
|
-
},
|
|
1276
|
+
}, nt = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), rt = (e, t) => {
|
|
1244
1277
|
if (!e) return "";
|
|
1245
|
-
let n = `${e.getFullYear()}-${
|
|
1278
|
+
let n = `${e.getFullYear()}-${Je(e.getMonth() + 1)}-${Je(e.getDate())}`, r = `${Je(e.getHours())}:${Je(e.getMinutes())}`;
|
|
1246
1279
|
return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
|
|
1247
|
-
},
|
|
1280
|
+
}, it = (e, t) => {
|
|
1248
1281
|
if (!e) return null;
|
|
1249
1282
|
if (t === "time") {
|
|
1250
1283
|
let t = /^(\d{2}):(\d{2})$/.exec(e);
|
|
@@ -1262,38 +1295,38 @@ var M = {
|
|
|
1262
1295
|
}
|
|
1263
1296
|
let n = new Date(e);
|
|
1264
1297
|
return Number.isNaN(n.getTime()) ? null : n;
|
|
1265
|
-
},
|
|
1298
|
+
}, at = (e, t) => {
|
|
1266
1299
|
if (!e) return "";
|
|
1267
|
-
let n = `${
|
|
1300
|
+
let n = `${Je(e.getDate())}.${Je(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${Je(e.getHours())}:${Je(e.getMinutes())}`;
|
|
1268
1301
|
return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
|
|
1269
|
-
},
|
|
1302
|
+
}, ot = (e) => {
|
|
1270
1303
|
let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
|
|
1271
1304
|
return r.setDate(t.getDate() - n), Array.from({ length: 42 }, (e, t) => {
|
|
1272
1305
|
let n = new Date(r);
|
|
1273
1306
|
return n.setDate(r.getDate() + t), n;
|
|
1274
1307
|
});
|
|
1275
|
-
},
|
|
1276
|
-
let r =
|
|
1277
|
-
return !!(t && r <
|
|
1278
|
-
},
|
|
1279
|
-
let D = f(), O = w ?? `ds-date-time-${T ?? D}`, k = c ? `${O}-hint` : void 0, A = u ? `${O}-error` : void 0, j = h(null), M = h(null),
|
|
1308
|
+
}, st = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), ct = (e, t, n) => {
|
|
1309
|
+
let r = nt(e).getTime();
|
|
1310
|
+
return !!(t && r < nt(t).getTime() || n && r > nt(n).getTime());
|
|
1311
|
+
}, lt = 8, ut = 6, dt = ({ value: r, onChange: i, mode: a = "date", label: o, placeholder: s, hint: c, error: u, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: E = "" }) => {
|
|
1312
|
+
let D = f(), O = w ?? `ds-date-time-${T ?? D}`, k = c ? `${O}-hint` : void 0, A = u ? `${O}-error` : void 0, j = h(null), M = h(null), N = h(null), P = h(null), [F, I] = g(!1), [L, R] = g(r ?? /* @__PURE__ */ new Date()), [z, ee] = g(rt(r, "time")), [B, V] = g(Ze(r)), [H, W] = g(""), [ne, re] = g(0), [ie, ae] = g(null), oe = m(() => ot(L), [L]), se = a !== "time", ce = a !== "date";
|
|
1280
1313
|
d(() => {
|
|
1281
|
-
r &&
|
|
1314
|
+
r && R(r), ee(rt(r, "time")), V(Ze(r));
|
|
1282
1315
|
}, [r]), d(() => () => {
|
|
1283
|
-
|
|
1316
|
+
P.current && clearTimeout(P.current);
|
|
1284
1317
|
}, []);
|
|
1285
1318
|
let le = l(() => {
|
|
1286
|
-
let e = M.current, t =
|
|
1319
|
+
let e = M.current, t = N.current;
|
|
1287
1320
|
if (!e || !t) return;
|
|
1288
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1321
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - lt, o = n.top - lt, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(lt, n.top - r.height - ut) : n.bottom + ut, u = n.left, d = i - r.width - lt;
|
|
1289
1322
|
ae({
|
|
1290
1323
|
top: l,
|
|
1291
|
-
left: Math.max(
|
|
1324
|
+
left: Math.max(lt, Math.min(u, d)),
|
|
1292
1325
|
maxHeight: c
|
|
1293
1326
|
});
|
|
1294
1327
|
}, []);
|
|
1295
1328
|
p(() => {
|
|
1296
|
-
if (!
|
|
1329
|
+
if (!F) {
|
|
1297
1330
|
ae(null);
|
|
1298
1331
|
return;
|
|
1299
1332
|
}
|
|
@@ -1301,63 +1334,63 @@ var M = {
|
|
|
1301
1334
|
window.removeEventListener("resize", le), window.removeEventListener("scroll", le, !0);
|
|
1302
1335
|
};
|
|
1303
1336
|
}, [
|
|
1304
|
-
|
|
1337
|
+
F,
|
|
1305
1338
|
le,
|
|
1306
|
-
|
|
1307
|
-
|
|
1339
|
+
L,
|
|
1340
|
+
z
|
|
1308
1341
|
]), d(() => {
|
|
1309
|
-
if (!
|
|
1342
|
+
if (!F) return;
|
|
1310
1343
|
let e = (e) => {
|
|
1311
|
-
let t = e.target, n = j.current?.contains(t), r =
|
|
1312
|
-
!n && !r &&
|
|
1344
|
+
let t = e.target, n = j.current?.contains(t), r = N.current?.contains(t);
|
|
1345
|
+
!n && !r && I(!1);
|
|
1313
1346
|
}, t = (e) => {
|
|
1314
|
-
e.key === "Escape" && (
|
|
1347
|
+
e.key === "Escape" && (I(!1), M.current?.focus());
|
|
1315
1348
|
};
|
|
1316
1349
|
return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
|
|
1317
1350
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1318
1351
|
};
|
|
1319
|
-
}, [
|
|
1352
|
+
}, [F]);
|
|
1320
1353
|
let ue = (e) => {
|
|
1321
|
-
if (
|
|
1322
|
-
let t = a === "date" ?
|
|
1323
|
-
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t),
|
|
1354
|
+
if (ct(e, x, S)) return;
|
|
1355
|
+
let t = a === "date" ? it(rt(e, "date"), "date") : new Date(e);
|
|
1356
|
+
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), V(Ze(t)), a === "date" && I(!1));
|
|
1324
1357
|
}, G = () => {
|
|
1325
|
-
|
|
1326
|
-
|
|
1358
|
+
W(Xe), re((e) => e + 1), P.current && clearTimeout(P.current), P.current = setTimeout(() => {
|
|
1359
|
+
W(""), P.current = null;
|
|
1327
1360
|
}, 3e3);
|
|
1328
1361
|
}, de = (e) => {
|
|
1329
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1330
|
-
if (!
|
|
1362
|
+
let t = e.replace(/\D/g, "").slice(0, Ye);
|
|
1363
|
+
if (!et(t)) {
|
|
1331
1364
|
G();
|
|
1332
1365
|
return;
|
|
1333
1366
|
}
|
|
1334
|
-
let n =
|
|
1335
|
-
if (
|
|
1367
|
+
let n = Qe(t);
|
|
1368
|
+
if (V(n), !t) {
|
|
1336
1369
|
i?.(null);
|
|
1337
1370
|
return;
|
|
1338
1371
|
}
|
|
1339
|
-
if (t.length <
|
|
1340
|
-
let o =
|
|
1341
|
-
if (!o ||
|
|
1372
|
+
if (t.length < Ye) return;
|
|
1373
|
+
let o = tt(n);
|
|
1374
|
+
if (!o || ct(o, x, S)) {
|
|
1342
1375
|
G();
|
|
1343
1376
|
return;
|
|
1344
1377
|
}
|
|
1345
|
-
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o),
|
|
1378
|
+
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o), R(o), I(!1), requestAnimationFrame(() => M.current?.blur());
|
|
1346
1379
|
}, fe = (e) => {
|
|
1347
|
-
if (
|
|
1380
|
+
if (ee(e), !e) {
|
|
1348
1381
|
i?.(null);
|
|
1349
1382
|
return;
|
|
1350
1383
|
}
|
|
1351
|
-
let t =
|
|
1384
|
+
let t = it(e, "time");
|
|
1352
1385
|
if (!t) return;
|
|
1353
|
-
let n = new Date(a === "datetime" ? r ??
|
|
1386
|
+
let n = new Date(a === "datetime" ? r ?? L : /* @__PURE__ */ new Date());
|
|
1354
1387
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
1355
|
-
}, pe = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), me =
|
|
1388
|
+
}, pe = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), me = H ? `${O}-validation` : void 0, K = [
|
|
1356
1389
|
k,
|
|
1357
1390
|
A,
|
|
1358
1391
|
me
|
|
1359
|
-
].filter(Boolean).join(" ") || void 0, he =
|
|
1360
|
-
ref:
|
|
1392
|
+
].filter(Boolean).join(" ") || void 0, he = F && !y ? /* @__PURE__ */ n("div", {
|
|
1393
|
+
ref: N,
|
|
1361
1394
|
className: Y.panel,
|
|
1362
1395
|
role: "dialog",
|
|
1363
1396
|
"aria-label": o ?? pe,
|
|
@@ -1378,7 +1411,7 @@ var M = {
|
|
|
1378
1411
|
type: "button",
|
|
1379
1412
|
className: Y.nav,
|
|
1380
1413
|
"aria-label": "Предыдущий месяц",
|
|
1381
|
-
onClick: () =>
|
|
1414
|
+
onClick: () => R(new Date(L.getFullYear(), L.getMonth() - 1, 1)),
|
|
1382
1415
|
children: /* @__PURE__ */ t(J, {
|
|
1383
1416
|
name: "IconChevron",
|
|
1384
1417
|
width: 20,
|
|
@@ -1389,9 +1422,9 @@ var M = {
|
|
|
1389
1422
|
/* @__PURE__ */ t("select", {
|
|
1390
1423
|
className: Y.monthSelect,
|
|
1391
1424
|
"aria-label": "Месяц",
|
|
1392
|
-
value:
|
|
1393
|
-
onChange: (e) =>
|
|
1394
|
-
children:
|
|
1425
|
+
value: L.getMonth(),
|
|
1426
|
+
onChange: (e) => R(new Date(L.getFullYear(), Number(e.target.value), 1)),
|
|
1427
|
+
children: qe.map((e, n) => /* @__PURE__ */ t("option", {
|
|
1395
1428
|
value: n,
|
|
1396
1429
|
children: e
|
|
1397
1430
|
}, e))
|
|
@@ -1400,14 +1433,14 @@ var M = {
|
|
|
1400
1433
|
className: Y.yearInput,
|
|
1401
1434
|
type: "number",
|
|
1402
1435
|
"aria-label": "Год",
|
|
1403
|
-
value:
|
|
1404
|
-
onChange: (e) =>
|
|
1436
|
+
value: L.getFullYear(),
|
|
1437
|
+
onChange: (e) => R(new Date(Number(e.target.value), L.getMonth(), 1))
|
|
1405
1438
|
}),
|
|
1406
1439
|
/* @__PURE__ */ t("button", {
|
|
1407
1440
|
type: "button",
|
|
1408
1441
|
className: Y.nav,
|
|
1409
1442
|
"aria-label": "Следующий месяц",
|
|
1410
|
-
onClick: () =>
|
|
1443
|
+
onClick: () => R(new Date(L.getFullYear(), L.getMonth() + 1, 1)),
|
|
1411
1444
|
children: /* @__PURE__ */ t(J, {
|
|
1412
1445
|
name: "IconChevron",
|
|
1413
1446
|
width: 20,
|
|
@@ -1419,16 +1452,16 @@ var M = {
|
|
|
1419
1452
|
}),
|
|
1420
1453
|
/* @__PURE__ */ t("div", {
|
|
1421
1454
|
className: Y.weekdays,
|
|
1422
|
-
children:
|
|
1455
|
+
children: Ke.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
|
|
1423
1456
|
}),
|
|
1424
1457
|
/* @__PURE__ */ t("div", {
|
|
1425
1458
|
className: Y.days,
|
|
1426
1459
|
children: oe.map((e) => {
|
|
1427
|
-
let n =
|
|
1460
|
+
let n = st(r, e);
|
|
1428
1461
|
return /* @__PURE__ */ t("button", {
|
|
1429
1462
|
type: "button",
|
|
1430
|
-
className: `${Y.day} ${e.getMonth() ===
|
|
1431
|
-
disabled:
|
|
1463
|
+
className: `${Y.day} ${e.getMonth() === L.getMonth() ? "" : Y.outside} ${n ? Y.selected : ""}`,
|
|
1464
|
+
disabled: ct(e, x, S),
|
|
1432
1465
|
"aria-pressed": n,
|
|
1433
1466
|
onClick: () => ue(e),
|
|
1434
1467
|
children: e.getDate()
|
|
@@ -1440,7 +1473,7 @@ var M = {
|
|
|
1440
1473
|
children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
|
|
1441
1474
|
className: Y.timeInput,
|
|
1442
1475
|
type: "time",
|
|
1443
|
-
value:
|
|
1476
|
+
value: z,
|
|
1444
1477
|
onChange: (e) => fe(e.target.value)
|
|
1445
1478
|
})]
|
|
1446
1479
|
})]
|
|
@@ -1449,7 +1482,7 @@ var M = {
|
|
|
1449
1482
|
ref: j,
|
|
1450
1483
|
className: `${Y.wrapper} ${E}`,
|
|
1451
1484
|
children: [
|
|
1452
|
-
o && /* @__PURE__ */ t(
|
|
1485
|
+
o && /* @__PURE__ */ t(te, {
|
|
1453
1486
|
htmlFor: O,
|
|
1454
1487
|
required: b,
|
|
1455
1488
|
disabled: v,
|
|
@@ -1463,38 +1496,38 @@ var M = {
|
|
|
1463
1496
|
id: O,
|
|
1464
1497
|
name: T,
|
|
1465
1498
|
className: Y.dateInput,
|
|
1466
|
-
value:
|
|
1499
|
+
value: B,
|
|
1467
1500
|
placeholder: pe.split(" ")[0],
|
|
1468
1501
|
inputMode: "numeric",
|
|
1469
1502
|
autoComplete: "off",
|
|
1470
1503
|
maxLength: 10,
|
|
1471
1504
|
disabled: v,
|
|
1472
1505
|
readOnly: y,
|
|
1473
|
-
"aria-expanded":
|
|
1506
|
+
"aria-expanded": F,
|
|
1474
1507
|
"aria-haspopup": "dialog",
|
|
1475
1508
|
"aria-describedby": K,
|
|
1476
|
-
"aria-invalid": !!(u ||
|
|
1509
|
+
"aria-invalid": !!(u || H) || void 0,
|
|
1477
1510
|
onFocus: () => {
|
|
1478
|
-
y ||
|
|
1511
|
+
y || I(!0);
|
|
1479
1512
|
},
|
|
1480
1513
|
onClick: () => {
|
|
1481
|
-
y ||
|
|
1514
|
+
y || I(!0);
|
|
1482
1515
|
},
|
|
1483
1516
|
onChange: (e) => de(e.target.value)
|
|
1484
1517
|
}),
|
|
1485
|
-
a === "datetime" &&
|
|
1518
|
+
a === "datetime" && z && /* @__PURE__ */ t("span", {
|
|
1486
1519
|
className: Y.timeValue,
|
|
1487
|
-
children:
|
|
1520
|
+
children: z
|
|
1488
1521
|
}),
|
|
1489
1522
|
/* @__PURE__ */ t("button", {
|
|
1490
1523
|
type: "button",
|
|
1491
1524
|
className: Y.chevronButton,
|
|
1492
1525
|
disabled: v || y,
|
|
1493
|
-
"aria-label":
|
|
1526
|
+
"aria-label": F ? "Закрыть календарь" : "Открыть календарь",
|
|
1494
1527
|
tabIndex: -1,
|
|
1495
1528
|
onMouseDown: (e) => e.preventDefault(),
|
|
1496
1529
|
onClick: () => {
|
|
1497
|
-
|
|
1530
|
+
I((e) => !e), M.current?.focus();
|
|
1498
1531
|
},
|
|
1499
1532
|
children: /* @__PURE__ */ t("span", {
|
|
1500
1533
|
className: `${Y.chevron} ${he ? Y.chevronOpen : ""}`,
|
|
@@ -1515,15 +1548,15 @@ var M = {
|
|
|
1515
1548
|
className: `${Y.trigger} ${Y[C]} ${u ? Y.error : ""}`,
|
|
1516
1549
|
disabled: v,
|
|
1517
1550
|
"aria-readonly": y || void 0,
|
|
1518
|
-
"aria-expanded":
|
|
1551
|
+
"aria-expanded": F,
|
|
1519
1552
|
"aria-haspopup": "dialog",
|
|
1520
1553
|
"aria-describedby": K,
|
|
1521
1554
|
onClick: () => {
|
|
1522
|
-
y ||
|
|
1555
|
+
y || I((e) => !e);
|
|
1523
1556
|
},
|
|
1524
1557
|
children: [/* @__PURE__ */ t("span", {
|
|
1525
1558
|
className: r ? Y.value : Y.placeholder,
|
|
1526
|
-
children:
|
|
1559
|
+
children: at(r, a) || pe
|
|
1527
1560
|
}), /* @__PURE__ */ t("span", {
|
|
1528
1561
|
className: `${Y.chevron} ${he ? Y.chevronOpen : ""}`,
|
|
1529
1562
|
"aria-hidden": "true",
|
|
@@ -1534,38 +1567,38 @@ var M = {
|
|
|
1534
1567
|
})
|
|
1535
1568
|
})]
|
|
1536
1569
|
}),
|
|
1537
|
-
|
|
1570
|
+
H && /* @__PURE__ */ t("span", {
|
|
1538
1571
|
id: me,
|
|
1539
1572
|
className: Y.validationTooltip,
|
|
1540
1573
|
role: "status",
|
|
1541
1574
|
"aria-live": "polite",
|
|
1542
|
-
children:
|
|
1575
|
+
children: H
|
|
1543
1576
|
}, ne),
|
|
1544
1577
|
he && _(he, document.body),
|
|
1545
|
-
c && !u && /* @__PURE__ */ t(
|
|
1578
|
+
c && !u && /* @__PURE__ */ t(U, {
|
|
1546
1579
|
id: k,
|
|
1547
1580
|
children: c
|
|
1548
1581
|
}),
|
|
1549
|
-
u && /* @__PURE__ */ t(
|
|
1582
|
+
u && /* @__PURE__ */ t(U, {
|
|
1550
1583
|
id: A,
|
|
1551
1584
|
variant: "error",
|
|
1552
1585
|
children: u
|
|
1553
1586
|
})
|
|
1554
1587
|
]
|
|
1555
1588
|
});
|
|
1556
|
-
},
|
|
1589
|
+
}, ft = {
|
|
1557
1590
|
root: "_root_19vq2_1",
|
|
1558
1591
|
range: "_range_19vq2_21"
|
|
1559
|
-
},
|
|
1592
|
+
}, pt = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), mt = ({ 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 = "" }) => {
|
|
1560
1593
|
let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
|
|
1561
|
-
i?.(e),
|
|
1594
|
+
i?.(e), pt(e) && r?.(e);
|
|
1562
1595
|
};
|
|
1563
1596
|
return /* @__PURE__ */ n("fieldset", {
|
|
1564
|
-
className: `${
|
|
1597
|
+
className: `${ft.root} ${h}`,
|
|
1565
1598
|
disabled: f,
|
|
1566
1599
|
children: [/* @__PURE__ */ n("div", {
|
|
1567
|
-
className:
|
|
1568
|
-
children: [/* @__PURE__ */ t(
|
|
1600
|
+
className: ft.range,
|
|
1601
|
+
children: [/* @__PURE__ */ t(dt, {
|
|
1569
1602
|
value: e.from,
|
|
1570
1603
|
mode: a === "datetime" ? "datetime" : a,
|
|
1571
1604
|
label: o,
|
|
@@ -1579,7 +1612,7 @@ var M = {
|
|
|
1579
1612
|
...e,
|
|
1580
1613
|
from: t
|
|
1581
1614
|
})
|
|
1582
|
-
}), /* @__PURE__ */ t(
|
|
1615
|
+
}), /* @__PURE__ */ t(dt, {
|
|
1583
1616
|
value: e.to,
|
|
1584
1617
|
mode: a === "datetime" ? "datetime" : a,
|
|
1585
1618
|
label: s,
|
|
@@ -1594,9 +1627,9 @@ var M = {
|
|
|
1594
1627
|
to: t
|
|
1595
1628
|
})
|
|
1596
1629
|
})]
|
|
1597
|
-
}), c && !g && /* @__PURE__ */ t(
|
|
1630
|
+
}), c && !g && /* @__PURE__ */ t(U, { children: c })]
|
|
1598
1631
|
});
|
|
1599
|
-
},
|
|
1632
|
+
}, ht = {
|
|
1600
1633
|
group: "_group_ey6uk_1",
|
|
1601
1634
|
skeleton: "_skeleton_ey6uk_15",
|
|
1602
1635
|
text: "_text_ey6uk_27",
|
|
@@ -1604,17 +1637,17 @@ var M = {
|
|
|
1604
1637
|
circular: "_circular_ey6uk_47",
|
|
1605
1638
|
animated: "_animated_ey6uk_59",
|
|
1606
1639
|
"ds-skeleton": "_ds-skeleton_ey6uk_1"
|
|
1607
|
-
},
|
|
1608
|
-
className: `${
|
|
1640
|
+
}, gt = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
|
|
1641
|
+
className: `${ht.group} ${o}`,
|
|
1609
1642
|
"aria-hidden": "true",
|
|
1610
1643
|
children: Array.from({ length: Math.max(1, i) }, (i, o) => /* @__PURE__ */ t("span", {
|
|
1611
|
-
className: `${
|
|
1644
|
+
className: `${ht.skeleton} ${ht[e]} ${a ? ht.animated : ""}`,
|
|
1612
1645
|
style: {
|
|
1613
1646
|
width: n,
|
|
1614
1647
|
height: r
|
|
1615
1648
|
}
|
|
1616
1649
|
}, o))
|
|
1617
|
-
}),
|
|
1650
|
+
}), X = {
|
|
1618
1651
|
wrapper: "_wrapper_1l9o2_1",
|
|
1619
1652
|
container: "_container_1l9o2_17",
|
|
1620
1653
|
trigger: "_trigger_1l9o2_25",
|
|
@@ -1633,25 +1666,25 @@ var M = {
|
|
|
1633
1666
|
message: "_message_1l9o2_391",
|
|
1634
1667
|
error: "_error_1l9o2_393",
|
|
1635
1668
|
errorState: "_errorState_1l9o2_419"
|
|
1636
|
-
},
|
|
1669
|
+
}, _t = 8, vt = 6, yt = 120, bt = (e, t, n) => {
|
|
1637
1670
|
if (!e.length) return -1;
|
|
1638
1671
|
for (let r = 0; r < e.length; r += 1) {
|
|
1639
1672
|
let i = (t + r * n + e.length) % e.length;
|
|
1640
1673
|
if (!e[i]?.disabled) return i;
|
|
1641
1674
|
}
|
|
1642
1675
|
return -1;
|
|
1643
|
-
},
|
|
1676
|
+
}, xt = (e) => {
|
|
1644
1677
|
if (typeof e == "number") return e;
|
|
1645
1678
|
if (typeof e == "string") {
|
|
1646
1679
|
let t = Number.parseFloat(e);
|
|
1647
1680
|
if (Number.isFinite(t)) return t;
|
|
1648
1681
|
}
|
|
1649
1682
|
return Infinity;
|
|
1650
|
-
},
|
|
1651
|
-
let E = f(), D = C ?? `ds-dropdown-${S ?? E}`, O = `${D}-listbox`, [k, A] = g(!1), [j, M] = g(null), N = h(null), P = h(null), F = h(null), I = h([]), L = m(() => e.find((e) => e.value === r), [e, r]), R = y ? `${D}-hint` : void 0, z = u ? `${D}-error` : void 0,
|
|
1683
|
+
}, St = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опцию", disabled: o = !1, stringWhileDisabled: s = !1, label: c, error: u, size: v = "md", hint: y, className: b = "", required: x = !1, name: S, id: C, needMark: w = !0, maxMenuHeight: T }) => {
|
|
1684
|
+
let E = f(), D = C ?? `ds-dropdown-${S ?? E}`, O = `${D}-listbox`, [k, A] = g(!1), [j, M] = g(null), N = h(null), P = h(null), F = h(null), I = h([]), L = m(() => e.find((e) => e.value === r), [e, r]), R = y ? `${D}-hint` : void 0, z = u ? `${D}-error` : void 0, ee = [R, z].filter(Boolean).join(" ") || void 0, B = o && s, V = l(() => {
|
|
1652
1685
|
let e = P.current, t = F.current;
|
|
1653
1686
|
if (!e || !t) return;
|
|
1654
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1687
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - _t, o = n.top - _t, s = a < r.height && o > a, c = Math.max(yt, s ? o : a), l = xt(T), u = Math.min(c, l), d = n.left, f = i - n.width - _t, p = Math.max(_t, Math.min(d, f)), m = s ? Math.max(_t, n.top - r.height - vt) : n.bottom + vt;
|
|
1655
1688
|
M({
|
|
1656
1689
|
top: m,
|
|
1657
1690
|
left: p,
|
|
@@ -1664,12 +1697,12 @@ var M = {
|
|
|
1664
1697
|
M(null);
|
|
1665
1698
|
return;
|
|
1666
1699
|
}
|
|
1667
|
-
return
|
|
1668
|
-
window.removeEventListener("resize",
|
|
1700
|
+
return V(), window.addEventListener("resize", V), window.addEventListener("scroll", V, !0), () => {
|
|
1701
|
+
window.removeEventListener("resize", V), window.removeEventListener("scroll", V, !0);
|
|
1669
1702
|
};
|
|
1670
1703
|
}, [
|
|
1671
1704
|
k,
|
|
1672
|
-
|
|
1705
|
+
V,
|
|
1673
1706
|
e.length
|
|
1674
1707
|
]), d(() => {
|
|
1675
1708
|
if (!k) return;
|
|
@@ -1683,17 +1716,17 @@ var M = {
|
|
|
1683
1716
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1684
1717
|
};
|
|
1685
1718
|
}, [k]);
|
|
1686
|
-
let
|
|
1687
|
-
let r =
|
|
1719
|
+
let H = (t, n) => {
|
|
1720
|
+
let r = bt(e, t, n);
|
|
1688
1721
|
if (r === -1) return;
|
|
1689
1722
|
let i = I.current[r];
|
|
1690
1723
|
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
1691
|
-
},
|
|
1724
|
+
}, U = (e) => {
|
|
1692
1725
|
e.disabled || (i?.(e.value, e), A(!1), P.current?.focus());
|
|
1693
|
-
},
|
|
1726
|
+
}, W = k ? /* @__PURE__ */ t("ul", {
|
|
1694
1727
|
ref: F,
|
|
1695
1728
|
id: O,
|
|
1696
|
-
className:
|
|
1729
|
+
className: X.menu,
|
|
1697
1730
|
role: "listbox",
|
|
1698
1731
|
"aria-label": c,
|
|
1699
1732
|
style: j ? {
|
|
@@ -1723,24 +1756,24 @@ var M = {
|
|
|
1723
1756
|
disabled: i.disabled,
|
|
1724
1757
|
"data-option-variant": i.variant ?? "default",
|
|
1725
1758
|
className: [
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
i.variant === "action" ?
|
|
1729
|
-
o ?
|
|
1759
|
+
X[v],
|
|
1760
|
+
X.option,
|
|
1761
|
+
i.variant === "action" ? X.actionOption : "",
|
|
1762
|
+
o ? X.selected : ""
|
|
1730
1763
|
].filter(Boolean).join(" "),
|
|
1731
|
-
onClick: () =>
|
|
1764
|
+
onClick: () => U(i),
|
|
1732
1765
|
onKeyDown: (t) => {
|
|
1733
1766
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
1734
1767
|
t.preventDefault();
|
|
1735
1768
|
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
1736
|
-
|
|
1769
|
+
H(a + e, e);
|
|
1737
1770
|
}
|
|
1738
1771
|
if (t.key === "Tab" && A(!1), t.key === "Home" || t.key === "End") {
|
|
1739
1772
|
t.preventDefault();
|
|
1740
1773
|
let n = t.key === "Home" ? 1 : -1;
|
|
1741
|
-
|
|
1774
|
+
H(t.key === "Home" ? 0 : e.length - 1, n);
|
|
1742
1775
|
}
|
|
1743
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
1776
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), U(i));
|
|
1744
1777
|
},
|
|
1745
1778
|
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(J, {
|
|
1746
1779
|
name: "IconCheck",
|
|
@@ -1754,35 +1787,35 @@ var M = {
|
|
|
1754
1787
|
return /* @__PURE__ */ n("div", {
|
|
1755
1788
|
ref: N,
|
|
1756
1789
|
className: [
|
|
1757
|
-
|
|
1758
|
-
u ?
|
|
1790
|
+
X.wrapper,
|
|
1791
|
+
u ? X.errorState : "",
|
|
1759
1792
|
b
|
|
1760
1793
|
].filter(Boolean).join(" "),
|
|
1761
1794
|
children: [
|
|
1762
|
-
c && /* @__PURE__ */ t(
|
|
1795
|
+
c && /* @__PURE__ */ t(te, {
|
|
1763
1796
|
required: x,
|
|
1764
1797
|
disabled: o,
|
|
1765
|
-
htmlFor:
|
|
1798
|
+
htmlFor: B ? void 0 : D,
|
|
1766
1799
|
children: c
|
|
1767
1800
|
}),
|
|
1768
1801
|
/* @__PURE__ */ t("div", {
|
|
1769
|
-
className:
|
|
1770
|
-
children:
|
|
1802
|
+
className: X.container,
|
|
1803
|
+
children: B ? /* @__PURE__ */ t("div", {
|
|
1771
1804
|
id: D,
|
|
1772
|
-
className:
|
|
1773
|
-
"aria-describedby":
|
|
1805
|
+
className: X.disabledText,
|
|
1806
|
+
"aria-describedby": ee,
|
|
1774
1807
|
children: L?.label ?? a
|
|
1775
1808
|
}) : /* @__PURE__ */ n("button", {
|
|
1776
1809
|
ref: P,
|
|
1777
1810
|
id: D,
|
|
1778
1811
|
type: "button",
|
|
1779
1812
|
name: S,
|
|
1780
|
-
className: `${
|
|
1813
|
+
className: `${X.trigger} ${X[v]}`,
|
|
1781
1814
|
disabled: o,
|
|
1782
1815
|
"aria-haspopup": "listbox",
|
|
1783
1816
|
"aria-expanded": k,
|
|
1784
1817
|
"aria-controls": O,
|
|
1785
|
-
"aria-describedby":
|
|
1818
|
+
"aria-describedby": ee,
|
|
1786
1819
|
"aria-invalid": !!u,
|
|
1787
1820
|
onClick: () => A((e) => !e),
|
|
1788
1821
|
onKeyDown: (t) => {
|
|
@@ -1790,21 +1823,21 @@ var M = {
|
|
|
1790
1823
|
t.preventDefault(), A(!0);
|
|
1791
1824
|
let n = t.key === "ArrowDown" ? 1 : -1;
|
|
1792
1825
|
requestAnimationFrame(() => {
|
|
1793
|
-
|
|
1826
|
+
H(t.key === "ArrowDown" ? 0 : e.length - 1, n);
|
|
1794
1827
|
});
|
|
1795
1828
|
}
|
|
1796
1829
|
if (t.key === "Enter" && k) {
|
|
1797
1830
|
t.preventDefault();
|
|
1798
1831
|
let n = e.findIndex((e) => e.value === r);
|
|
1799
|
-
|
|
1832
|
+
H(n >= 0 ? n : 0, 1);
|
|
1800
1833
|
}
|
|
1801
1834
|
},
|
|
1802
1835
|
children: [/* @__PURE__ */ t("span", {
|
|
1803
|
-
className: `${L ?
|
|
1804
|
-
${
|
|
1836
|
+
className: `${L ? X.value : X.placeholder}
|
|
1837
|
+
${X[v]}`,
|
|
1805
1838
|
children: L?.label ?? a
|
|
1806
1839
|
}), /* @__PURE__ */ t("span", {
|
|
1807
|
-
className: [
|
|
1840
|
+
className: [X.chevron, k ? X.chevronOpen : ""].filter(Boolean).join(" "),
|
|
1808
1841
|
"aria-hidden": "true",
|
|
1809
1842
|
children: /* @__PURE__ */ t(J, {
|
|
1810
1843
|
name: "IconChevron",
|
|
@@ -1814,38 +1847,38 @@ var M = {
|
|
|
1814
1847
|
})]
|
|
1815
1848
|
})
|
|
1816
1849
|
}),
|
|
1817
|
-
k && _(
|
|
1850
|
+
k && _(W, document.body),
|
|
1818
1851
|
y && !u && /* @__PURE__ */ t("span", {
|
|
1819
1852
|
id: R,
|
|
1820
|
-
className:
|
|
1853
|
+
className: X.message,
|
|
1821
1854
|
children: y
|
|
1822
1855
|
}),
|
|
1823
1856
|
u && /* @__PURE__ */ t("span", {
|
|
1824
1857
|
id: z,
|
|
1825
|
-
className:
|
|
1858
|
+
className: X.error,
|
|
1826
1859
|
children: u
|
|
1827
1860
|
})
|
|
1828
1861
|
]
|
|
1829
1862
|
});
|
|
1830
|
-
},
|
|
1863
|
+
}, Ct = (e) => `${e.id}:${e.direction}`, wt = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
|
|
1831
1864
|
let c = e.flatMap((e) => [{
|
|
1832
|
-
value:
|
|
1865
|
+
value: Ct({
|
|
1833
1866
|
id: e.id,
|
|
1834
1867
|
direction: "asc"
|
|
1835
1868
|
}),
|
|
1836
1869
|
label: e.ascLabel ?? `${e.label} · по возрастанию`,
|
|
1837
1870
|
disabled: e.disabled
|
|
1838
1871
|
}, {
|
|
1839
|
-
value:
|
|
1872
|
+
value: Ct({
|
|
1840
1873
|
id: e.id,
|
|
1841
1874
|
direction: "desc"
|
|
1842
1875
|
}),
|
|
1843
1876
|
label: e.descLabel ?? `${e.label} · по убыванию`,
|
|
1844
1877
|
disabled: e.disabled
|
|
1845
1878
|
}]);
|
|
1846
|
-
return /* @__PURE__ */ t(
|
|
1879
|
+
return /* @__PURE__ */ t(St, {
|
|
1847
1880
|
options: c,
|
|
1848
|
-
value: n ?
|
|
1881
|
+
value: n ? Ct(n) : "",
|
|
1849
1882
|
label: i,
|
|
1850
1883
|
placeholder: a,
|
|
1851
1884
|
disabled: o,
|
|
@@ -1858,7 +1891,7 @@ var M = {
|
|
|
1858
1891
|
});
|
|
1859
1892
|
}
|
|
1860
1893
|
});
|
|
1861
|
-
},
|
|
1894
|
+
}, Tt = {
|
|
1862
1895
|
wrapper: "_wrapper_e5r94_1",
|
|
1863
1896
|
control: "_control_e5r94_15",
|
|
1864
1897
|
input: "_input_e5r94_25",
|
|
@@ -1868,14 +1901,14 @@ var M = {
|
|
|
1868
1901
|
lg: "_lg_e5r94_139",
|
|
1869
1902
|
inputError: "_inputError_e5r94_155",
|
|
1870
1903
|
trailingAction: "_trailingAction_e5r94_163"
|
|
1871
|
-
},
|
|
1872
|
-
let O = f(), k = v ?? `ds-input-${_ ?? O}`, A = h(null), [j, M] = g(!1),
|
|
1904
|
+
}, Et = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: s = !1, stringWhileDisabled: c = !1, label: l, error: u, hint: p, className: m = "", name: _, id: v, size: y = "md", clearable: b = !0, required: x = !1, selectTextOnFocus: S = !1, isPassword: C = !1, passwordVisibleLabel: w = "Скрыть пароль", passwordHiddenLabel: T = "Показать пароль", onFocus: E, ...D }) => {
|
|
1905
|
+
let O = f(), k = v ?? `ds-input-${_ ?? O}`, A = h(null), [j, M] = g(!1), N = p ? `${k}-hint` : void 0, P = u ? `${k}-error` : void 0, F = String(e ?? ""), I = [N, P].filter(Boolean).join(" ") || void 0, L = C ? j ? "text" : "password" : i;
|
|
1873
1906
|
return d(() => {
|
|
1874
1907
|
C || M(!1);
|
|
1875
1908
|
}, [C]), /* @__PURE__ */ n("div", {
|
|
1876
|
-
className: `${
|
|
1909
|
+
className: `${Tt.wrapper} ${m}`,
|
|
1877
1910
|
children: [
|
|
1878
|
-
l && /* @__PURE__ */ t(
|
|
1911
|
+
l && /* @__PURE__ */ t(te, {
|
|
1879
1912
|
htmlFor: k,
|
|
1880
1913
|
required: x,
|
|
1881
1914
|
disabled: o,
|
|
@@ -1883,25 +1916,25 @@ var M = {
|
|
|
1883
1916
|
}),
|
|
1884
1917
|
o && c ? /* @__PURE__ */ t("div", {
|
|
1885
1918
|
id: k,
|
|
1886
|
-
className:
|
|
1887
|
-
"aria-describedby":
|
|
1888
|
-
children:
|
|
1919
|
+
className: Tt.disabledText,
|
|
1920
|
+
"aria-describedby": I,
|
|
1921
|
+
children: F || a
|
|
1889
1922
|
}) : /* @__PURE__ */ n("div", {
|
|
1890
|
-
className:
|
|
1923
|
+
className: Tt.control,
|
|
1891
1924
|
children: [
|
|
1892
1925
|
/* @__PURE__ */ t("input", {
|
|
1893
1926
|
ref: A,
|
|
1894
1927
|
id: k,
|
|
1895
1928
|
name: _,
|
|
1896
|
-
type:
|
|
1897
|
-
value:
|
|
1929
|
+
type: L,
|
|
1930
|
+
value: F,
|
|
1898
1931
|
placeholder: a,
|
|
1899
1932
|
disabled: o,
|
|
1900
1933
|
readOnly: s,
|
|
1901
1934
|
required: x,
|
|
1902
1935
|
"aria-invalid": !!u,
|
|
1903
|
-
"aria-describedby":
|
|
1904
|
-
className: `${
|
|
1936
|
+
"aria-describedby": I,
|
|
1937
|
+
className: `${Tt.input} ${Tt[y]} ${u ? Tt.inputError : ""}`,
|
|
1905
1938
|
onChange: (e) => {
|
|
1906
1939
|
if (i === "number" && !C) {
|
|
1907
1940
|
let t = e.target.value === "" ? "" : Number(e.target.value);
|
|
@@ -1917,7 +1950,7 @@ var M = {
|
|
|
1917
1950
|
}),
|
|
1918
1951
|
C && /* @__PURE__ */ t("button", {
|
|
1919
1952
|
type: "button",
|
|
1920
|
-
className:
|
|
1953
|
+
className: Tt.trailingAction,
|
|
1921
1954
|
disabled: o,
|
|
1922
1955
|
"aria-label": j ? w : T,
|
|
1923
1956
|
"aria-pressed": j,
|
|
@@ -1928,9 +1961,9 @@ var M = {
|
|
|
1928
1961
|
height: 20
|
|
1929
1962
|
})
|
|
1930
1963
|
}),
|
|
1931
|
-
!C && b &&
|
|
1964
|
+
!C && b && F && !o && !s && /* @__PURE__ */ t("button", {
|
|
1932
1965
|
type: "button",
|
|
1933
|
-
className:
|
|
1966
|
+
className: Tt.trailingAction,
|
|
1934
1967
|
"aria-label": "Очистить поле",
|
|
1935
1968
|
onClick: () => {
|
|
1936
1969
|
let e = A.current;
|
|
@@ -1944,34 +1977,34 @@ var M = {
|
|
|
1944
1977
|
})
|
|
1945
1978
|
]
|
|
1946
1979
|
}),
|
|
1947
|
-
p && !u && /* @__PURE__ */ t(
|
|
1948
|
-
id:
|
|
1980
|
+
p && !u && /* @__PURE__ */ t(U, {
|
|
1981
|
+
id: N,
|
|
1949
1982
|
children: p
|
|
1950
1983
|
}),
|
|
1951
|
-
u && /* @__PURE__ */ t(
|
|
1952
|
-
id:
|
|
1984
|
+
u && /* @__PURE__ */ t(U, {
|
|
1985
|
+
id: P,
|
|
1953
1986
|
variant: "error",
|
|
1954
1987
|
children: u
|
|
1955
1988
|
})
|
|
1956
1989
|
]
|
|
1957
1990
|
});
|
|
1958
|
-
},
|
|
1991
|
+
}, Dt = 8, Ot = 6, kt = 120, At = (e) => {
|
|
1959
1992
|
if (typeof e == "number") return e;
|
|
1960
1993
|
if (typeof e == "string") {
|
|
1961
1994
|
let t = Number.parseFloat(e);
|
|
1962
1995
|
if (Number.isFinite(t)) return t;
|
|
1963
1996
|
}
|
|
1964
1997
|
return Infinity;
|
|
1965
|
-
},
|
|
1966
|
-
let D = f(), O = C ?? `ds-dropdown-multiple-${S ?? D}`, k = `${O}-listbox`, [A, j] = g(!1), [M, N] = g(null), P = h(null), F = h(null), I = h(null), L = h([]), R = m(() => e.filter((e) => r.includes(e.value)), [e, r]).map((e) => e.label).join(", "), z = b ? `${O}-hint` : void 0,
|
|
1998
|
+
}, jt = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, stringWhileDisabled: s = !1, label: c, error: u, size: v = "md", required: y = !1, hint: b, className: x = "", name: S, id: C, closeOnSelect: w = !1, needMark: T = !0, maxMenuHeight: E }) => {
|
|
1999
|
+
let D = f(), O = C ?? `ds-dropdown-multiple-${S ?? D}`, k = `${O}-listbox`, [A, j] = g(!1), [M, N] = g(null), P = h(null), F = h(null), I = h(null), L = h([]), R = m(() => e.filter((e) => r.includes(e.value)), [e, r]).map((e) => e.label).join(", "), z = b ? `${O}-hint` : void 0, ee = u ? `${O}-error` : void 0, B = [z, ee].filter(Boolean).join(" ") || void 0, V = o && s, H = l(() => {
|
|
1967
2000
|
let e = F.current, t = I.current;
|
|
1968
2001
|
if (!e || !t) return;
|
|
1969
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom -
|
|
2002
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom - Dt, a = n.top - Dt, o = i < r.height && a > i, s = Math.max(kt, o ? a : i), c = window.innerWidth - n.width - Dt;
|
|
1970
2003
|
N({
|
|
1971
|
-
top: o ? Math.max(
|
|
1972
|
-
left: Math.max(
|
|
2004
|
+
top: o ? Math.max(Dt, n.top - r.height - Ot) : n.bottom + Ot,
|
|
2005
|
+
left: Math.max(Dt, Math.min(n.left, c)),
|
|
1973
2006
|
width: n.width,
|
|
1974
|
-
maxHeight: Math.min(s,
|
|
2007
|
+
maxHeight: Math.min(s, At(E))
|
|
1975
2008
|
});
|
|
1976
2009
|
}, [E]);
|
|
1977
2010
|
p(() => {
|
|
@@ -1979,13 +2012,13 @@ var M = {
|
|
|
1979
2012
|
N(null);
|
|
1980
2013
|
return;
|
|
1981
2014
|
}
|
|
1982
|
-
return
|
|
1983
|
-
window.removeEventListener("resize",
|
|
2015
|
+
return H(), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), () => {
|
|
2016
|
+
window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
|
|
1984
2017
|
};
|
|
1985
2018
|
}, [
|
|
1986
2019
|
A,
|
|
1987
2020
|
e.length,
|
|
1988
|
-
|
|
2021
|
+
H
|
|
1989
2022
|
]), d(() => {
|
|
1990
2023
|
if (!A) return;
|
|
1991
2024
|
let e = (e) => {
|
|
@@ -1998,17 +2031,17 @@ var M = {
|
|
|
1998
2031
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1999
2032
|
};
|
|
2000
2033
|
}, [A]);
|
|
2001
|
-
let
|
|
2002
|
-
let r =
|
|
2034
|
+
let U = (t, n) => {
|
|
2035
|
+
let r = bt(e, t, n);
|
|
2003
2036
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
2004
|
-
},
|
|
2037
|
+
}, W = (t) => {
|
|
2005
2038
|
if (t.disabled) return;
|
|
2006
2039
|
let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
|
|
2007
2040
|
i?.(n, e.filter((e) => n.includes(e.value))), w && (j(!1), F.current?.focus());
|
|
2008
2041
|
}, ne = A ? /* @__PURE__ */ t("ul", {
|
|
2009
2042
|
ref: I,
|
|
2010
2043
|
id: k,
|
|
2011
|
-
className:
|
|
2044
|
+
className: X.menu,
|
|
2012
2045
|
role: "listbox",
|
|
2013
2046
|
"aria-label": c,
|
|
2014
2047
|
"aria-multiselectable": "true",
|
|
@@ -2039,24 +2072,24 @@ var M = {
|
|
|
2039
2072
|
disabled: i.disabled,
|
|
2040
2073
|
"data-option-variant": i.variant ?? "default",
|
|
2041
2074
|
className: [
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
i.variant === "action" ?
|
|
2045
|
-
o ?
|
|
2075
|
+
X[v],
|
|
2076
|
+
X.option,
|
|
2077
|
+
i.variant === "action" ? X.actionOption : "",
|
|
2078
|
+
o ? X.selected : ""
|
|
2046
2079
|
].filter(Boolean).join(" "),
|
|
2047
|
-
onClick: () =>
|
|
2080
|
+
onClick: () => W(i),
|
|
2048
2081
|
onKeyDown: (t) => {
|
|
2049
2082
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
2050
2083
|
t.preventDefault();
|
|
2051
2084
|
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
2052
|
-
|
|
2085
|
+
U(a + e, e);
|
|
2053
2086
|
}
|
|
2054
2087
|
if (t.key === "Home" || t.key === "End") {
|
|
2055
2088
|
t.preventDefault();
|
|
2056
2089
|
let n = t.key === "Home" ? 1 : -1;
|
|
2057
|
-
|
|
2090
|
+
U(t.key === "Home" ? 0 : e.length - 1, n);
|
|
2058
2091
|
}
|
|
2059
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
2092
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), W(i)), t.key === "Tab" && j(!1);
|
|
2060
2093
|
},
|
|
2061
2094
|
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(J, {
|
|
2062
2095
|
name: "IconCheck",
|
|
@@ -2070,49 +2103,49 @@ var M = {
|
|
|
2070
2103
|
return /* @__PURE__ */ n("div", {
|
|
2071
2104
|
ref: P,
|
|
2072
2105
|
className: [
|
|
2073
|
-
|
|
2074
|
-
u ?
|
|
2106
|
+
X.wrapper,
|
|
2107
|
+
u ? X.errorState : "",
|
|
2075
2108
|
x
|
|
2076
2109
|
].filter(Boolean).join(" "),
|
|
2077
2110
|
children: [
|
|
2078
|
-
c && /* @__PURE__ */ t(
|
|
2079
|
-
htmlFor:
|
|
2111
|
+
c && /* @__PURE__ */ t(te, {
|
|
2112
|
+
htmlFor: V ? void 0 : O,
|
|
2080
2113
|
required: y,
|
|
2081
2114
|
disabled: o,
|
|
2082
2115
|
children: c
|
|
2083
2116
|
}),
|
|
2084
2117
|
/* @__PURE__ */ t("div", {
|
|
2085
|
-
className:
|
|
2086
|
-
children:
|
|
2118
|
+
className: X.container,
|
|
2119
|
+
children: V ? /* @__PURE__ */ t("div", {
|
|
2087
2120
|
id: O,
|
|
2088
|
-
className: `${
|
|
2089
|
-
"aria-describedby":
|
|
2121
|
+
className: `${X.disabledText} ${X[v]}`,
|
|
2122
|
+
"aria-describedby": B,
|
|
2090
2123
|
children: R || a
|
|
2091
2124
|
}) : /* @__PURE__ */ n("button", {
|
|
2092
2125
|
ref: F,
|
|
2093
2126
|
id: O,
|
|
2094
2127
|
type: "button",
|
|
2095
2128
|
name: S,
|
|
2096
|
-
className: `${
|
|
2129
|
+
className: `${X.trigger} ${X[v]}`,
|
|
2097
2130
|
disabled: o,
|
|
2098
2131
|
"aria-haspopup": "listbox",
|
|
2099
2132
|
"aria-expanded": A,
|
|
2100
2133
|
"aria-controls": k,
|
|
2101
|
-
"aria-describedby":
|
|
2134
|
+
"aria-describedby": B,
|
|
2102
2135
|
"aria-invalid": !!u,
|
|
2103
2136
|
onClick: () => j((e) => !e),
|
|
2104
2137
|
onKeyDown: (t) => {
|
|
2105
2138
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
2106
2139
|
t.preventDefault(), j(!0);
|
|
2107
2140
|
let n = t.key === "ArrowDown" ? 1 : -1;
|
|
2108
|
-
requestAnimationFrame(() =>
|
|
2141
|
+
requestAnimationFrame(() => U(t.key === "ArrowDown" ? 0 : e.length - 1, n));
|
|
2109
2142
|
}
|
|
2110
2143
|
},
|
|
2111
2144
|
children: [/* @__PURE__ */ t("span", {
|
|
2112
|
-
className: `${R ?
|
|
2145
|
+
className: `${R ? X.value : X.placeholder} ${X[v]}`,
|
|
2113
2146
|
children: R || a
|
|
2114
2147
|
}), /* @__PURE__ */ t("span", {
|
|
2115
|
-
className: [
|
|
2148
|
+
className: [X.chevron, A ? X.chevronOpen : ""].filter(Boolean).join(" "),
|
|
2116
2149
|
"aria-hidden": "true",
|
|
2117
2150
|
children: /* @__PURE__ */ t(J, {
|
|
2118
2151
|
name: "IconChevron",
|
|
@@ -2125,32 +2158,32 @@ var M = {
|
|
|
2125
2158
|
A && _(ne, document.body),
|
|
2126
2159
|
b && !u && /* @__PURE__ */ t("span", {
|
|
2127
2160
|
id: z,
|
|
2128
|
-
className:
|
|
2161
|
+
className: X.message,
|
|
2129
2162
|
children: b
|
|
2130
2163
|
}),
|
|
2131
2164
|
u && /* @__PURE__ */ t("span", {
|
|
2132
|
-
id:
|
|
2133
|
-
className:
|
|
2165
|
+
id: ee,
|
|
2166
|
+
className: X.error,
|
|
2134
2167
|
children: u
|
|
2135
2168
|
})
|
|
2136
2169
|
]
|
|
2137
2170
|
});
|
|
2138
|
-
},
|
|
2171
|
+
}, Mt = {
|
|
2139
2172
|
wrapper: "_wrapper_1tjtn_1",
|
|
2140
2173
|
input: "_input_1tjtn_21",
|
|
2141
2174
|
switch: "_switch_1tjtn_35",
|
|
2142
2175
|
thumb: "_thumb_1tjtn_67",
|
|
2143
2176
|
label: "_label_1tjtn_113",
|
|
2144
2177
|
disabled: "_disabled_1tjtn_125"
|
|
2145
|
-
},
|
|
2178
|
+
}, Nt = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: c, id: l, value: u }) => {
|
|
2146
2179
|
let d = f(), p = l ?? `ds-radio-button-${c ?? d}`;
|
|
2147
2180
|
return /* @__PURE__ */ n("label", {
|
|
2148
2181
|
htmlFor: p,
|
|
2149
|
-
className: `${
|
|
2182
|
+
className: `${Mt.wrapper} ${a ? Mt.disabled : ""} ${s}`,
|
|
2150
2183
|
children: [
|
|
2151
2184
|
/* @__PURE__ */ t("input", {
|
|
2152
2185
|
id: p,
|
|
2153
|
-
className:
|
|
2186
|
+
className: Mt.input,
|
|
2154
2187
|
type: "checkbox",
|
|
2155
2188
|
role: "switch",
|
|
2156
2189
|
name: c,
|
|
@@ -2163,17 +2196,17 @@ var M = {
|
|
|
2163
2196
|
}
|
|
2164
2197
|
}),
|
|
2165
2198
|
/* @__PURE__ */ t("span", {
|
|
2166
|
-
className:
|
|
2199
|
+
className: Mt.switch,
|
|
2167
2200
|
"aria-hidden": "true",
|
|
2168
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
2201
|
+
children: /* @__PURE__ */ t("span", { className: Mt.thumb })
|
|
2169
2202
|
}),
|
|
2170
2203
|
i && /* @__PURE__ */ t("span", {
|
|
2171
|
-
className:
|
|
2204
|
+
className: Mt.label,
|
|
2172
2205
|
children: i
|
|
2173
2206
|
})
|
|
2174
2207
|
]
|
|
2175
2208
|
});
|
|
2176
|
-
},
|
|
2209
|
+
}, Z = {
|
|
2177
2210
|
root: "_root_1iup2_1",
|
|
2178
2211
|
toolbar: "_toolbar_1iup2_15",
|
|
2179
2212
|
totalWidget: "_totalWidget_1iup2_31",
|
|
@@ -2232,22 +2265,22 @@ var M = {
|
|
|
2232
2265
|
default: "_default_1iup2_1011",
|
|
2233
2266
|
tableOnMobile: "_tableOnMobile_1iup2_1011",
|
|
2234
2267
|
wide: "_wide_1iup2_1041"
|
|
2235
|
-
},
|
|
2268
|
+
}, Pt = b({
|
|
2236
2269
|
rowSortingFeature: y,
|
|
2237
2270
|
sortedRowModel: v()
|
|
2238
|
-
}),
|
|
2271
|
+
}), Ft = [
|
|
2239
2272
|
10,
|
|
2240
2273
|
30,
|
|
2241
2274
|
50,
|
|
2242
2275
|
-1
|
|
2243
|
-
],
|
|
2244
|
-
function
|
|
2276
|
+
], It = 30, Lt = 8;
|
|
2277
|
+
function Rt(e, t) {
|
|
2245
2278
|
return t.includes(e) ? e : t.includes(30) ? 30 : t.find((e) => Number.isSafeInteger(e) && e > 0) ?? 30;
|
|
2246
2279
|
}
|
|
2247
|
-
function
|
|
2248
|
-
return e === void 0 || !Number.isFinite(e) || e <= 0 ?
|
|
2280
|
+
function zt(e) {
|
|
2281
|
+
return e === void 0 || !Number.isFinite(e) || e <= 0 ? It : Math.max(1, Math.floor(e));
|
|
2249
2282
|
}
|
|
2250
|
-
var
|
|
2283
|
+
var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
2251
2284
|
let o = e.type === "multi-select" ? e.options : void 0, [s, c] = g(Array.isArray(o) ? o : []), [l, u] = g(!1);
|
|
2252
2285
|
return d(() => {
|
|
2253
2286
|
if (o === void 0) return;
|
|
@@ -2263,7 +2296,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2263
2296
|
}), () => {
|
|
2264
2297
|
e = !1;
|
|
2265
2298
|
};
|
|
2266
|
-
}, [o]), e.type === "multi-select" ? /* @__PURE__ */ t(
|
|
2299
|
+
}, [o]), e.type === "multi-select" ? /* @__PURE__ */ t(jt, {
|
|
2267
2300
|
label: e.label,
|
|
2268
2301
|
options: s,
|
|
2269
2302
|
value: Array.isArray(n) ? n.map(String) : [],
|
|
@@ -2271,7 +2304,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2271
2304
|
placeholder: l ? "Загрузка…" : e.placeholder,
|
|
2272
2305
|
error: a,
|
|
2273
2306
|
onChange: (e) => r(e)
|
|
2274
|
-
}) : e.type === "switch" ? /* @__PURE__ */ t(
|
|
2307
|
+
}) : e.type === "switch" ? /* @__PURE__ */ t(Nt, {
|
|
2275
2308
|
label: e.label,
|
|
2276
2309
|
checked: !!n,
|
|
2277
2310
|
disabled: i,
|
|
@@ -2281,29 +2314,29 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2281
2314
|
setValue: r,
|
|
2282
2315
|
disabled: i,
|
|
2283
2316
|
error: a
|
|
2284
|
-
}) : /* @__PURE__ */ t(
|
|
2317
|
+
}) : /* @__PURE__ */ t(Et, {
|
|
2285
2318
|
label: e.label,
|
|
2286
|
-
type:
|
|
2319
|
+
type: "text",
|
|
2287
2320
|
value: String(n ?? ""),
|
|
2288
2321
|
disabled: i,
|
|
2289
2322
|
placeholder: e.placeholder,
|
|
2290
2323
|
error: a,
|
|
2291
2324
|
onChange: (e) => r(e)
|
|
2292
2325
|
});
|
|
2293
|
-
},
|
|
2326
|
+
}, Vt = (e, t, n) => {
|
|
2294
2327
|
let r = new Set(e);
|
|
2295
2328
|
return t.forEach((e) => {
|
|
2296
2329
|
n ? r.add(e) : r.delete(e);
|
|
2297
2330
|
}), Array.from(r);
|
|
2298
|
-
},
|
|
2331
|
+
}, Ht = (e) => {
|
|
2299
2332
|
if (!(!e || e.width === void 0 && e.minWidth === void 0 && e.maxWidth === void 0)) return {
|
|
2300
2333
|
width: e.width,
|
|
2301
2334
|
minWidth: e.minWidth,
|
|
2302
2335
|
maxWidth: e.maxWidth
|
|
2303
2336
|
};
|
|
2304
|
-
},
|
|
2337
|
+
}, Ut = (e) => {
|
|
2305
2338
|
if (e?.sticky) return e.sticky === "start" ? { insetInlineStart: e.stickyOffset ?? 0 } : { insetInlineEnd: e.stickyOffset ?? 0 };
|
|
2306
|
-
},
|
|
2339
|
+
}, Wt = (e, t) => t <= 7 ? Array.from({ length: t }, (e, t) => t) : e <= 3 ? [
|
|
2307
2340
|
0,
|
|
2308
2341
|
1,
|
|
2309
2342
|
2,
|
|
@@ -2327,7 +2360,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2327
2360
|
e + 1,
|
|
2328
2361
|
"ellipsis-end",
|
|
2329
2362
|
t - 1
|
|
2330
|
-
],
|
|
2363
|
+
], Gt = (e, t) => {
|
|
2331
2364
|
let n = /* @__PURE__ */ new Set();
|
|
2332
2365
|
for (let t of e) {
|
|
2333
2366
|
if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
|
|
@@ -2339,36 +2372,36 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2339
2372
|
for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
|
|
2340
2373
|
}
|
|
2341
2374
|
return null;
|
|
2342
|
-
},
|
|
2375
|
+
}, Kt = (e, t) => typeof e == "function" ? e(t) : t[e], qt = (e) => {
|
|
2343
2376
|
if (e == null || e === "") return null;
|
|
2344
2377
|
let t = Date.parse(String(e));
|
|
2345
2378
|
return Number.isNaN(t) ? null : t;
|
|
2346
|
-
},
|
|
2347
|
-
let r =
|
|
2379
|
+
}, Jt = (e, t, n) => {
|
|
2380
|
+
let r = qt(e.getValue(n)), i = qt(t.getValue(n));
|
|
2348
2381
|
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
2349
|
-
},
|
|
2382
|
+
}, Yt = (e, t, n) => {
|
|
2350
2383
|
let r = e.getValue(n), i = t.getValue(n);
|
|
2351
2384
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
2352
|
-
},
|
|
2385
|
+
}, Xt = (e, t, n) => {
|
|
2353
2386
|
let r = e.getValue(n), i = t.getValue(n);
|
|
2354
2387
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
2355
|
-
},
|
|
2388
|
+
}, Zt = (e, t, n) => {
|
|
2356
2389
|
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
2357
2390
|
return r.localeCompare(i, void 0, {
|
|
2358
2391
|
numeric: !0,
|
|
2359
2392
|
sensitivity: "base"
|
|
2360
2393
|
});
|
|
2361
|
-
},
|
|
2394
|
+
}, Qt = (e) => {
|
|
2362
2395
|
switch (e) {
|
|
2363
|
-
case "date": return
|
|
2364
|
-
case "number": return
|
|
2365
|
-
case "boolean": return
|
|
2396
|
+
case "date": return Jt;
|
|
2397
|
+
case "number": return Yt;
|
|
2398
|
+
case "boolean": return Xt;
|
|
2366
2399
|
case "text":
|
|
2367
|
-
case void 0: return
|
|
2400
|
+
case void 0: return Zt;
|
|
2368
2401
|
case "custom": return;
|
|
2369
2402
|
}
|
|
2370
|
-
},
|
|
2371
|
-
let t = (t) =>
|
|
2403
|
+
}, $t = (e) => {
|
|
2404
|
+
let t = (t) => Kt(e.accessor, t), n = e.sortFn ?? Qt(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
|
|
2372
2405
|
id: e.id,
|
|
2373
2406
|
accessorFn: t,
|
|
2374
2407
|
header: () => e.header,
|
|
@@ -2380,14 +2413,14 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2380
2413
|
sortDescFirst: e.sortDescFirst
|
|
2381
2414
|
};
|
|
2382
2415
|
return n !== void 0 && (i.sortFn = n), i;
|
|
2383
|
-
},
|
|
2384
|
-
let [he, ge] = g([]), [_e, ve] = g([]), [ye, be] = g([]), [xe, Se] = g(0), [Ce, we] = g(() =>
|
|
2416
|
+
}, en = ({ columns: i, data: a, virtualizationThreshold: o = It, tableOnMobile: s = !1, mobileView: c, breakpoint: l = "default", sorting: u, onSortingChange: f, renderMobileCard: p, getRowId: _, getRowClassName: v, getRowStyle: y, toolbarContent: b, totalCountVariant: S = "default", totalCountLabel: C = "Всего", caption: w, ariaLabel: T, loading: E = !1, error: D, emptyState: O = "Нет данных", stickyHeader: k = !1, maxHeight: A, className: j = "", onRowClick: M, selectable: N = !1, selectedRowIds: P, onSelectedRowIdsChange: F, onRowDoubleClick: I, getRowSelectionLabel: L, selectAllRowsLabel: R = "Выбрать все строки на этой странице", resetSelectionLabel: z = "Сбросить выбор", openRowLabel: ee = "Открыть строку", pagination: B = !1, paginationMode: H = "client", page: te = 1, pageSize: U = 30, onPageSizeChange: W, pageSizeOptions: ne = Ft, pageSizeDraft: re, onPageSizeDraftChange: ie, pageSizeApplyMode: ae = "table", totalCount: oe, onPageChange: se, visibleColumnIds: ce, density: le = "comfortable", renderBulkActions: ue, renderExpandedRow: G, expandedRowIds: de, onExpandedRowIdsChange: fe, getRowExpansionLabel: pe, resultsAnnouncement: me, filterBar: K }) => {
|
|
2417
|
+
let [he, ge] = g([]), [_e, ve] = g([]), [ye, be] = g([]), [xe, Se] = g(0), [Ce, we] = g(() => Rt(U, ne)), Te = zt(o), Ee = u ?? he, De = Ee.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), Oe = U === -1, ke = Oe ? Math.max(1, (H === "server" ? Number(oe) : a.length) || a.length || 1) : Number.isFinite(U) && U > 0 ? Math.floor(U) : 30, Ae = B && H === "server", je = m(() => {
|
|
2385
2418
|
if (ce === void 0) return i;
|
|
2386
2419
|
let e = new Set(ce);
|
|
2387
2420
|
return i.filter((t) => e.has(t.id));
|
|
2388
|
-
}, [i, ce]),
|
|
2389
|
-
features:
|
|
2390
|
-
columns:
|
|
2421
|
+
}, [i, ce]), Me = m(() => je.length === 0 ? "Должна быть видима хотя бы одна колонка" : Gt(je, a), [a, je]), Ne = m(() => je.map($t), [je]), Pe = je.some((e) => Ht(e) !== void 0), Fe = x({
|
|
2422
|
+
features: Pt,
|
|
2423
|
+
columns: Ne,
|
|
2391
2424
|
data: a,
|
|
2392
2425
|
state: { sorting: Ee },
|
|
2393
2426
|
onSortingChange: (e) => {
|
|
@@ -2395,43 +2428,43 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2395
2428
|
u === void 0 && ge(t), Se(0), f?.(t);
|
|
2396
2429
|
},
|
|
2397
2430
|
getRowId: _
|
|
2398
|
-
}),
|
|
2431
|
+
}), Ie = Fe.getRowModel().rows, Le = Ae && Number.isFinite(oe) && Number(oe) >= 0 ? Math.floor(Number(oe)) : Ie.length, Re = B ? Math.max(1, Math.ceil(Le / ke)) : 1, ze = Number.isFinite(te) && te > 0 ? Math.floor(te) - 1 : 0, Be = Math.min(Ae ? ze : xe, Re - 1), Ve = m(() => B && !Ae ? Ie.slice(Be * ke, (Be + 1) * ke) : Ie, [
|
|
2399
2432
|
Ae,
|
|
2400
2433
|
ke,
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
]),
|
|
2434
|
+
B,
|
|
2435
|
+
Be,
|
|
2436
|
+
Ie
|
|
2437
|
+
]), q = Ve.length > Te, He = m(() => ({
|
|
2405
2438
|
data: a,
|
|
2406
2439
|
sortingKey: De,
|
|
2407
|
-
safePageIndex:
|
|
2440
|
+
safePageIndex: Be,
|
|
2408
2441
|
normalizedPageSize: ke,
|
|
2409
|
-
pagination:
|
|
2442
|
+
pagination: B,
|
|
2410
2443
|
isServerPagination: Ae,
|
|
2411
2444
|
normalizedVirtualizationThreshold: Te
|
|
2412
2445
|
}), [
|
|
2413
2446
|
a,
|
|
2414
2447
|
De,
|
|
2415
|
-
|
|
2448
|
+
Be,
|
|
2416
2449
|
ke,
|
|
2417
|
-
|
|
2450
|
+
B,
|
|
2418
2451
|
Ae,
|
|
2419
2452
|
Te
|
|
2420
|
-
]), [
|
|
2421
|
-
context:
|
|
2453
|
+
]), [Ue, We] = g({
|
|
2454
|
+
context: He,
|
|
2422
2455
|
count: Te
|
|
2423
|
-
}),
|
|
2424
|
-
|
|
2425
|
-
context:
|
|
2456
|
+
}), Y = Ue.context === He ? Ue.count : Te;
|
|
2457
|
+
Ue.context !== He && We({
|
|
2458
|
+
context: He,
|
|
2426
2459
|
count: Te
|
|
2427
2460
|
});
|
|
2428
|
-
let
|
|
2461
|
+
let Ke = m(() => Ve.slice(0, Y), [Ve, Y]), qe = q && Y < Ve.length, Je = qe ? Math.max(0, Ke.length - Lt) : -1, Ye = h(/* @__PURE__ */ new Map()), Xe = h(/* @__PURE__ */ new Map());
|
|
2429
2462
|
d(() => {
|
|
2430
|
-
if (!
|
|
2431
|
-
let e = [...
|
|
2432
|
-
!t || !e.some((e) => e.isIntersecting) || (t = !1, n.disconnect(),
|
|
2433
|
-
context:
|
|
2434
|
-
count: Math.min(e.count + Te,
|
|
2463
|
+
if (!qe || E || Me || D) return;
|
|
2464
|
+
let e = [...Ye.current.values(), ...Xe.current.values()], t = !0, n = new IntersectionObserver((e) => {
|
|
2465
|
+
!t || !e.some((e) => e.isIntersecting) || (t = !1, n.disconnect(), We((e) => e.context === He ? {
|
|
2466
|
+
context: He,
|
|
2467
|
+
count: Math.min(e.count + Te, Ve.length)
|
|
2435
2468
|
} : e));
|
|
2436
2469
|
}, {
|
|
2437
2470
|
root: null,
|
|
@@ -2443,84 +2476,84 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2443
2476
|
t = !1, n.disconnect();
|
|
2444
2477
|
};
|
|
2445
2478
|
}, [
|
|
2446
|
-
|
|
2447
|
-
|
|
2479
|
+
He,
|
|
2480
|
+
Y,
|
|
2448
2481
|
Te,
|
|
2449
|
-
|
|
2450
|
-
|
|
2482
|
+
Ve.length,
|
|
2483
|
+
qe,
|
|
2451
2484
|
E,
|
|
2452
|
-
|
|
2485
|
+
Me,
|
|
2453
2486
|
D,
|
|
2454
2487
|
c,
|
|
2455
2488
|
s,
|
|
2456
2489
|
p
|
|
2457
2490
|
]);
|
|
2458
|
-
let
|
|
2491
|
+
let Ze = P ?? _e, Qe = m(() => new Set(Ze), [Ze]), $e = de ?? ye, et = m(() => new Set($e), [$e]), tt = m(() => Ve.map((e) => e.id), [Ve]), nt = tt.filter((e) => Qe.has(e)).length, rt = tt.length > 0 && nt === tt.length, it = nt > 0 && !rt, at = m(() => je.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
2459
2492
|
id: e.id,
|
|
2460
2493
|
label: typeof e.header == "string" ? e.header : e.id
|
|
2461
|
-
})), [
|
|
2462
|
-
|
|
2463
|
-
l === "wide" ?
|
|
2464
|
-
|
|
2465
|
-
le === "compact" ?
|
|
2466
|
-
|
|
2467
|
-
].filter(Boolean).join(" "),
|
|
2468
|
-
|
|
2494
|
+
})), [je]), ot = m(() => Wt(Be, Re), [Re, Be]), st = c === void 0 ? s : c === "table", ct = [
|
|
2495
|
+
Z.root,
|
|
2496
|
+
l === "wide" ? Z.wide : Z.default,
|
|
2497
|
+
st ? Z.tableOnMobile : "",
|
|
2498
|
+
le === "compact" ? Z.compact : "",
|
|
2499
|
+
j
|
|
2500
|
+
].filter(Boolean).join(" "), lt = Me ?? D, ut = B && !Oe && !lt && Le > ke && (!E || Ae), dt = B && !!(W || ie || K), ft = re ?? Ce, pt = K ? (typeof K.validation == "function" ? K.validation(K.draftValues) : K.validation) ?? {} : {}, mt = K ? JSON.stringify(K.draftValues) !== JSON.stringify(K.appliedValues) || ft !== U : !1, ht = Object.values(pt).some(Boolean), X = Le === 0 ? 0 : Be * ke + 1, _t = Math.min((Be + 1) * ke, Le), vt = () => {
|
|
2501
|
+
ft !== U && (Se(0), se?.(1), W?.(ft));
|
|
2469
2502
|
}, yt = (e, r = !1) => {
|
|
2470
|
-
let i =
|
|
2503
|
+
let i = ft !== U, a = `ds-data-table-page-size-warning-${e}`;
|
|
2471
2504
|
return /* @__PURE__ */ n("div", {
|
|
2472
|
-
className: `${
|
|
2505
|
+
className: `${Z.pageSizePanel} ${Z[e]} ${r ? Z.embedded : ""}`,
|
|
2473
2506
|
children: [
|
|
2474
2507
|
/* @__PURE__ */ n("div", {
|
|
2475
|
-
className:
|
|
2508
|
+
className: Z.pageSizeMain,
|
|
2476
2509
|
children: [/* @__PURE__ */ n("fieldset", {
|
|
2477
|
-
className:
|
|
2510
|
+
className: Z.pageSizeFieldset,
|
|
2478
2511
|
disabled: E || K?.applying,
|
|
2479
2512
|
children: [/* @__PURE__ */ t("legend", { children: "На странице" }), /* @__PURE__ */ t("div", {
|
|
2480
|
-
className:
|
|
2513
|
+
className: Z.pageSizeOptions,
|
|
2481
2514
|
children: ne.map((e) => /* @__PURE__ */ t("button", {
|
|
2482
2515
|
type: "button",
|
|
2483
|
-
className: `${
|
|
2484
|
-
"aria-pressed":
|
|
2516
|
+
className: `${Z.pageSizeOption} ${ft === e ? Z.pageSizeOptionActive : ""}`,
|
|
2517
|
+
"aria-pressed": ft === e,
|
|
2485
2518
|
onClick: () => {
|
|
2486
2519
|
re === void 0 && we(e), ie?.(e);
|
|
2487
2520
|
},
|
|
2488
2521
|
children: e === -1 ? "Все" : e
|
|
2489
2522
|
}, e))
|
|
2490
2523
|
})]
|
|
2491
|
-
}), ae === "table" && !K && /* @__PURE__ */ t(
|
|
2524
|
+
}), ae === "table" && !K && /* @__PURE__ */ t(V, {
|
|
2492
2525
|
size: "sm",
|
|
2493
2526
|
disabled: E || !i,
|
|
2494
|
-
"aria-describedby":
|
|
2527
|
+
"aria-describedby": ft === -1 && i && e === "top" ? a : void 0,
|
|
2495
2528
|
onClick: vt,
|
|
2496
2529
|
children: "Применить"
|
|
2497
2530
|
})]
|
|
2498
2531
|
}),
|
|
2499
2532
|
/* @__PURE__ */ n("span", {
|
|
2500
|
-
className:
|
|
2533
|
+
className: Z.paginationRange,
|
|
2501
2534
|
children: [
|
|
2502
2535
|
"Показано ",
|
|
2503
|
-
|
|
2536
|
+
X,
|
|
2504
2537
|
"–",
|
|
2505
2538
|
_t,
|
|
2506
2539
|
" из",
|
|
2507
2540
|
" ",
|
|
2508
|
-
|
|
2541
|
+
Le
|
|
2509
2542
|
]
|
|
2510
2543
|
}),
|
|
2511
2544
|
mt && e === "top" && /* @__PURE__ */ t("span", {
|
|
2512
|
-
className:
|
|
2545
|
+
className: Z.pendingChanges,
|
|
2513
2546
|
role: "status",
|
|
2514
2547
|
children: "Есть неприменённые изменения"
|
|
2515
2548
|
}),
|
|
2516
|
-
Ae &&
|
|
2549
|
+
Ae && ft === -1 && i && /* @__PURE__ */ n("span", {
|
|
2517
2550
|
id: a,
|
|
2518
|
-
className:
|
|
2551
|
+
className: Z.pageSizeWarning,
|
|
2519
2552
|
"aria-hidden": e === "bottom" || void 0,
|
|
2520
2553
|
children: [
|
|
2521
2554
|
"Будут загружены все",
|
|
2522
2555
|
" ",
|
|
2523
|
-
|
|
2556
|
+
Le,
|
|
2524
2557
|
" ",
|
|
2525
2558
|
"записей"
|
|
2526
2559
|
]
|
|
@@ -2528,81 +2561,81 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2528
2561
|
]
|
|
2529
2562
|
});
|
|
2530
2563
|
}, bt = (e) => {
|
|
2531
|
-
let t = Math.max(0, Math.min(
|
|
2564
|
+
let t = Math.max(0, Math.min(Re - 1, e));
|
|
2532
2565
|
if (Ae) {
|
|
2533
|
-
t !==
|
|
2566
|
+
t !== Be && se?.(t + 1);
|
|
2534
2567
|
return;
|
|
2535
2568
|
}
|
|
2536
2569
|
Se(t);
|
|
2537
2570
|
}, xt = (e) => {
|
|
2538
2571
|
let t = Array.from(e);
|
|
2539
2572
|
P === void 0 && ve(t), F?.(t);
|
|
2540
|
-
},
|
|
2541
|
-
let t = new Set(
|
|
2573
|
+
}, St = (e) => {
|
|
2574
|
+
let t = new Set(Qe);
|
|
2542
2575
|
t.has(e) ? t.delete(e) : t.add(e), xt(t);
|
|
2543
|
-
},
|
|
2544
|
-
let e =
|
|
2576
|
+
}, Ct = () => {
|
|
2577
|
+
let e = Vt(Qe, tt, !rt);
|
|
2545
2578
|
P === void 0 && ve(e), F?.(e);
|
|
2546
|
-
},
|
|
2547
|
-
let t = new Set(
|
|
2579
|
+
}, Tt = () => xt(/* @__PURE__ */ new Set()), Et = (e) => {
|
|
2580
|
+
let t = new Set(et);
|
|
2548
2581
|
t.has(e) ? t.delete(e) : t.add(e);
|
|
2549
2582
|
let n = Array.from(t);
|
|
2550
2583
|
de === void 0 && be(n), fe?.(n);
|
|
2551
|
-
},
|
|
2552
|
-
visibleCount:
|
|
2553
|
-
totalCount:
|
|
2554
|
-
selectedCount:
|
|
2555
|
-
}) ?? `Показано строк: ${
|
|
2584
|
+
}, Dt = a.filter((e, t) => Qe.has(_?.(e, t) ?? String(t))), Ot = me?.({
|
|
2585
|
+
visibleCount: Ve.length,
|
|
2586
|
+
totalCount: Le,
|
|
2587
|
+
selectedCount: Qe.size
|
|
2588
|
+
}) ?? `Показано строк: ${Ve.length} из ${Le}. Выбрано: ${Qe.size}.`;
|
|
2556
2589
|
return d(() => {
|
|
2557
2590
|
Ae || Se(0);
|
|
2558
2591
|
}, [
|
|
2559
2592
|
a,
|
|
2560
2593
|
Ae,
|
|
2561
2594
|
ke,
|
|
2562
|
-
|
|
2595
|
+
B,
|
|
2563
2596
|
De
|
|
2564
2597
|
]), d(() => {
|
|
2565
|
-
!Ae && xe >=
|
|
2598
|
+
!Ae && xe >= Re && Se(Re - 1);
|
|
2566
2599
|
}, [
|
|
2567
2600
|
Ae,
|
|
2568
|
-
|
|
2601
|
+
Re,
|
|
2569
2602
|
xe
|
|
2570
2603
|
]), d(() => {
|
|
2571
|
-
we(
|
|
2572
|
-
}, [
|
|
2573
|
-
className:
|
|
2604
|
+
we(Rt(U, ne));
|
|
2605
|
+
}, [U, ne]), /* @__PURE__ */ n("section", {
|
|
2606
|
+
className: ct,
|
|
2574
2607
|
"aria-busy": E,
|
|
2575
2608
|
children: [
|
|
2576
2609
|
/* @__PURE__ */ t("div", {
|
|
2577
|
-
className:
|
|
2610
|
+
className: Z.srOnly,
|
|
2578
2611
|
"aria-live": "polite",
|
|
2579
2612
|
"aria-atomic": "true",
|
|
2580
|
-
children:
|
|
2613
|
+
children: Ot
|
|
2581
2614
|
}),
|
|
2582
|
-
ue &&
|
|
2583
|
-
className:
|
|
2615
|
+
ue && Qe.size > 0 && /* @__PURE__ */ t("div", {
|
|
2616
|
+
className: Z.bulkActions,
|
|
2584
2617
|
role: "region",
|
|
2585
2618
|
"aria-label": "Действия с выбранными строками",
|
|
2586
2619
|
children: ue({
|
|
2587
|
-
selectedRowIds: Array.from(
|
|
2588
|
-
selectedRows:
|
|
2589
|
-
clearSelection:
|
|
2620
|
+
selectedRowIds: Array.from(Qe),
|
|
2621
|
+
selectedRows: Dt,
|
|
2622
|
+
clearSelection: Tt
|
|
2590
2623
|
})
|
|
2591
2624
|
}),
|
|
2592
2625
|
K && /* @__PURE__ */ n("form", {
|
|
2593
|
-
className:
|
|
2626
|
+
className: Z.filterBar,
|
|
2594
2627
|
role: "search",
|
|
2595
2628
|
"aria-label": "Фильтры таблицы",
|
|
2596
2629
|
onSubmit: (e) => {
|
|
2597
2630
|
e.preventDefault(), !(!mt || ht || K.applying || E) && (Se(0), se?.(1), K.onApply({
|
|
2598
2631
|
filters: K.draftValues,
|
|
2599
|
-
pageSize:
|
|
2632
|
+
pageSize: ft
|
|
2600
2633
|
}));
|
|
2601
2634
|
},
|
|
2602
2635
|
children: [
|
|
2603
2636
|
/* @__PURE__ */ t("div", {
|
|
2604
|
-
className:
|
|
2605
|
-
children: K.fields.map((e) => /* @__PURE__ */ t(
|
|
2637
|
+
className: Z.filterFields,
|
|
2638
|
+
children: K.fields.map((e) => /* @__PURE__ */ t(Bt, {
|
|
2606
2639
|
field: e,
|
|
2607
2640
|
value: K.draftValues[e.key],
|
|
2608
2641
|
disabled: !!(e.disabled || K.applying || E),
|
|
@@ -2613,10 +2646,10 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2613
2646
|
})
|
|
2614
2647
|
}, e.key))
|
|
2615
2648
|
}),
|
|
2616
|
-
|
|
2649
|
+
dt && yt("top", !0),
|
|
2617
2650
|
/* @__PURE__ */ n("div", {
|
|
2618
|
-
className:
|
|
2619
|
-
children: [/* @__PURE__ */ t(
|
|
2651
|
+
className: Z.filterActions,
|
|
2652
|
+
children: [/* @__PURE__ */ t(V, {
|
|
2620
2653
|
variant: "empty",
|
|
2621
2654
|
disabled: K.applying || E,
|
|
2622
2655
|
onClick: () => {
|
|
@@ -2629,7 +2662,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2629
2662
|
});
|
|
2630
2663
|
},
|
|
2631
2664
|
children: K.resetLabel ?? "Сбросить"
|
|
2632
|
-
}), /* @__PURE__ */ t(
|
|
2665
|
+
}), /* @__PURE__ */ t(V, {
|
|
2633
2666
|
type: "submit",
|
|
2634
2667
|
isLoading: K.applying,
|
|
2635
2668
|
disabled: !mt || ht || E,
|
|
@@ -2638,75 +2671,75 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2638
2671
|
})
|
|
2639
2672
|
]
|
|
2640
2673
|
}),
|
|
2641
|
-
|
|
2674
|
+
dt && !K && yt("top"),
|
|
2642
2675
|
(S === "highlighted" || b != null) && /* @__PURE__ */ n("div", {
|
|
2643
|
-
className:
|
|
2676
|
+
className: Z.toolbar,
|
|
2644
2677
|
children: [S === "highlighted" && /* @__PURE__ */ n("div", {
|
|
2645
|
-
className:
|
|
2646
|
-
"aria-label": `${C}: ${
|
|
2678
|
+
className: Z.totalWidget,
|
|
2679
|
+
"aria-label": `${C}: ${Le}`,
|
|
2647
2680
|
children: [/* @__PURE__ */ t("span", {
|
|
2648
|
-
className:
|
|
2681
|
+
className: Z.totalLabel,
|
|
2649
2682
|
children: C
|
|
2650
2683
|
}), /* @__PURE__ */ t("strong", {
|
|
2651
|
-
className:
|
|
2652
|
-
children:
|
|
2684
|
+
className: Z.totalValue,
|
|
2685
|
+
children: Le
|
|
2653
2686
|
})]
|
|
2654
2687
|
}), b]
|
|
2655
2688
|
}),
|
|
2656
|
-
!
|
|
2657
|
-
className:
|
|
2658
|
-
options:
|
|
2689
|
+
!st && !E && !lt && Ve.length > 0 && at.length > 0 && /* @__PURE__ */ t(wt, {
|
|
2690
|
+
className: Z.mobileSort,
|
|
2691
|
+
options: at,
|
|
2659
2692
|
value: Ee[0] ? {
|
|
2660
2693
|
id: Ee[0].id,
|
|
2661
2694
|
direction: Ee[0].desc ? "desc" : "asc"
|
|
2662
2695
|
} : null,
|
|
2663
|
-
onChange: (e) =>
|
|
2696
|
+
onChange: (e) => Fe.setSorting([{
|
|
2664
2697
|
id: e.id,
|
|
2665
2698
|
desc: e.direction === "desc"
|
|
2666
2699
|
}])
|
|
2667
2700
|
}),
|
|
2668
2701
|
/* @__PURE__ */ t("div", {
|
|
2669
|
-
className:
|
|
2702
|
+
className: Z.tableWrap,
|
|
2670
2703
|
style: { maxHeight: A },
|
|
2671
2704
|
children: /* @__PURE__ */ n("table", {
|
|
2672
|
-
className:
|
|
2705
|
+
className: Z.table,
|
|
2673
2706
|
"aria-label": T,
|
|
2674
2707
|
children: [
|
|
2675
2708
|
w && /* @__PURE__ */ t("caption", { children: w }),
|
|
2676
|
-
(
|
|
2677
|
-
G && /* @__PURE__ */ t("col", { className:
|
|
2678
|
-
N && /* @__PURE__ */ t("col", { className:
|
|
2679
|
-
|
|
2709
|
+
(Pe || N || !!G) && /* @__PURE__ */ n("colgroup", { children: [
|
|
2710
|
+
G && /* @__PURE__ */ t("col", { className: Z.expansionColumn }),
|
|
2711
|
+
N && /* @__PURE__ */ t("col", { className: Z.selectionColumn }),
|
|
2712
|
+
je.map((e) => /* @__PURE__ */ t("col", { style: Ht(e) }, e.id))
|
|
2680
2713
|
] }),
|
|
2681
2714
|
/* @__PURE__ */ t("thead", {
|
|
2682
|
-
className: k ?
|
|
2683
|
-
children:
|
|
2715
|
+
className: k ? Z.sticky : "",
|
|
2716
|
+
children: Fe.getHeaderGroups().map((e) => /* @__PURE__ */ n("tr", { children: [
|
|
2684
2717
|
G && /* @__PURE__ */ t("th", {
|
|
2685
|
-
className:
|
|
2718
|
+
className: Z.expansionCell,
|
|
2686
2719
|
scope: "col",
|
|
2687
2720
|
children: /* @__PURE__ */ t("span", {
|
|
2688
|
-
className:
|
|
2721
|
+
className: Z.srOnly,
|
|
2689
2722
|
children: "Подробности"
|
|
2690
2723
|
})
|
|
2691
2724
|
}),
|
|
2692
2725
|
N && /* @__PURE__ */ t("th", {
|
|
2693
|
-
className:
|
|
2726
|
+
className: Z.selectionHeaderCell,
|
|
2694
2727
|
scope: "col",
|
|
2695
2728
|
children: /* @__PURE__ */ n("div", {
|
|
2696
|
-
className:
|
|
2697
|
-
children: [/* @__PURE__ */ t(
|
|
2698
|
-
checked:
|
|
2699
|
-
indeterminate:
|
|
2700
|
-
disabled: E ||
|
|
2729
|
+
className: Z.selectionHeaderControls,
|
|
2730
|
+
children: [/* @__PURE__ */ t(Ge, {
|
|
2731
|
+
checked: rt,
|
|
2732
|
+
indeterminate: it,
|
|
2733
|
+
disabled: E || tt.length === 0,
|
|
2701
2734
|
ariaLabel: R,
|
|
2702
|
-
onChange:
|
|
2703
|
-
}), /* @__PURE__ */ t(
|
|
2735
|
+
onChange: Ct
|
|
2736
|
+
}), /* @__PURE__ */ t(V, {
|
|
2704
2737
|
size: "sm",
|
|
2705
2738
|
variant: "empty",
|
|
2706
|
-
disabled:
|
|
2739
|
+
disabled: Qe.size === 0,
|
|
2707
2740
|
"aria-label": z,
|
|
2708
2741
|
title: z,
|
|
2709
|
-
onClick:
|
|
2742
|
+
onClick: Tt,
|
|
2710
2743
|
children: /* @__PURE__ */ t(J, {
|
|
2711
2744
|
name: "IconX",
|
|
2712
2745
|
width: 16,
|
|
@@ -2716,21 +2749,21 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2716
2749
|
})
|
|
2717
2750
|
}),
|
|
2718
2751
|
e.headers.map((e) => {
|
|
2719
|
-
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler(), o =
|
|
2752
|
+
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler(), o = je.find((t) => t.id === e.column.id);
|
|
2720
2753
|
return /* @__PURE__ */ t("th", {
|
|
2721
2754
|
scope: "col",
|
|
2722
2755
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
2723
|
-
className: o?.sticky ?
|
|
2756
|
+
className: o?.sticky ? Z.stickyColumn : void 0,
|
|
2724
2757
|
style: {
|
|
2725
|
-
...
|
|
2726
|
-
...
|
|
2758
|
+
...Ht(o),
|
|
2759
|
+
...Ut(o)
|
|
2727
2760
|
},
|
|
2728
2761
|
children: /* @__PURE__ */ n("button", {
|
|
2729
2762
|
type: "button",
|
|
2730
|
-
className:
|
|
2763
|
+
className: Z.sortButton,
|
|
2731
2764
|
disabled: !i,
|
|
2732
2765
|
onClick: a,
|
|
2733
|
-
children: [/* @__PURE__ */ t(
|
|
2766
|
+
children: [/* @__PURE__ */ t(Fe.FlexRender, { header: e }), /* @__PURE__ */ t(J, {
|
|
2734
2767
|
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
2735
2768
|
width: 16,
|
|
2736
2769
|
height: 16
|
|
@@ -2741,92 +2774,92 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2741
2774
|
] }, e.id))
|
|
2742
2775
|
}),
|
|
2743
2776
|
/* @__PURE__ */ t("tbody", { children: E ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2744
|
-
colSpan:
|
|
2745
|
-
children: /* @__PURE__ */ t(
|
|
2777
|
+
colSpan: je.length + +!!N + +!!G,
|
|
2778
|
+
children: /* @__PURE__ */ t(gt, {
|
|
2746
2779
|
lines: 3,
|
|
2747
2780
|
height: 65
|
|
2748
2781
|
})
|
|
2749
|
-
}) }) :
|
|
2750
|
-
className:
|
|
2751
|
-
colSpan:
|
|
2752
|
-
children:
|
|
2753
|
-
}) }) :
|
|
2754
|
-
className:
|
|
2755
|
-
colSpan:
|
|
2782
|
+
}) }) : lt ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2783
|
+
className: Z.state,
|
|
2784
|
+
colSpan: je.length + +!!N + +!!G,
|
|
2785
|
+
children: lt
|
|
2786
|
+
}) }) : Ve.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2787
|
+
className: Z.state,
|
|
2788
|
+
colSpan: je.length + +!!N + +!!G,
|
|
2756
2789
|
children: O
|
|
2757
|
-
}) }) : /* @__PURE__ */ t(e, { children:
|
|
2758
|
-
let a =
|
|
2790
|
+
}) }) : /* @__PURE__ */ t(e, { children: Ke.map((e, i) => {
|
|
2791
|
+
let a = Qe.has(e.id), o = L?.(e.original) ?? `Выбрать строку ${e.index + 1}`, s = et.has(e.id);
|
|
2759
2792
|
return /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ n("tr", {
|
|
2760
|
-
ref:
|
|
2761
|
-
e ?
|
|
2793
|
+
ref: Je >= 0 && i >= Je ? (e) => {
|
|
2794
|
+
e ? Ye.current.set(i, e) : Ye.current.delete(i);
|
|
2762
2795
|
} : void 0,
|
|
2763
2796
|
className: [
|
|
2764
|
-
|
|
2765
|
-
a ?
|
|
2797
|
+
M || N ? Z.clickableRow : "",
|
|
2798
|
+
a ? Z.selectedRow : "",
|
|
2766
2799
|
v?.(e.original)
|
|
2767
2800
|
].filter(Boolean).join(" "),
|
|
2768
2801
|
style: y?.(e.original),
|
|
2769
2802
|
"aria-selected": N ? a : void 0,
|
|
2770
2803
|
onClick: () => {
|
|
2771
|
-
N ?
|
|
2804
|
+
N ? St(e.id) : M?.(e.original);
|
|
2772
2805
|
},
|
|
2773
2806
|
onDoubleClick: () => {
|
|
2774
2807
|
N && I?.(e.original);
|
|
2775
2808
|
},
|
|
2776
2809
|
onKeyDown: (t) => {
|
|
2777
|
-
t.key === "Enter" ? (t.preventDefault(), N ? I?.(e.original) :
|
|
2810
|
+
t.key === "Enter" ? (t.preventDefault(), N ? I?.(e.original) : M?.(e.original)) : t.key === " " && N && (t.preventDefault(), St(e.id));
|
|
2778
2811
|
},
|
|
2779
|
-
tabIndex:
|
|
2780
|
-
role: !N &&
|
|
2812
|
+
tabIndex: M || N || I ? 0 : void 0,
|
|
2813
|
+
role: !N && M ? "button" : void 0,
|
|
2781
2814
|
children: [
|
|
2782
2815
|
G && /* @__PURE__ */ t("td", {
|
|
2783
|
-
className:
|
|
2816
|
+
className: Z.expansionCell,
|
|
2784
2817
|
onClick: (e) => e.stopPropagation(),
|
|
2785
|
-
children: /* @__PURE__ */ t(
|
|
2818
|
+
children: /* @__PURE__ */ t(V, {
|
|
2786
2819
|
size: "sm",
|
|
2787
2820
|
variant: "empty",
|
|
2788
2821
|
"aria-expanded": s,
|
|
2789
2822
|
"aria-label": pe?.(e.original, s) ?? (s ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2790
|
-
onClick: () =>
|
|
2823
|
+
onClick: () => Et(e.id),
|
|
2791
2824
|
children: /* @__PURE__ */ t(J, {
|
|
2792
2825
|
name: "IconChevron",
|
|
2793
2826
|
width: 16,
|
|
2794
2827
|
height: 16,
|
|
2795
|
-
className: s ?
|
|
2828
|
+
className: s ? Z.expansionIconOpen : Z.expansionIcon
|
|
2796
2829
|
})
|
|
2797
2830
|
})
|
|
2798
2831
|
}),
|
|
2799
2832
|
N && /* @__PURE__ */ t("td", {
|
|
2800
|
-
className:
|
|
2833
|
+
className: Z.selectionCell,
|
|
2801
2834
|
children: /* @__PURE__ */ t("div", {
|
|
2802
2835
|
onClick: (e) => e.stopPropagation(),
|
|
2803
|
-
children: /* @__PURE__ */ t(
|
|
2836
|
+
children: /* @__PURE__ */ t(Ge, {
|
|
2804
2837
|
checked: a,
|
|
2805
2838
|
ariaLabel: o,
|
|
2806
|
-
onChange: () =>
|
|
2839
|
+
onChange: () => St(e.id)
|
|
2807
2840
|
})
|
|
2808
2841
|
})
|
|
2809
2842
|
}),
|
|
2810
2843
|
e.getAllCells().map((e) => {
|
|
2811
|
-
let n =
|
|
2844
|
+
let n = je.find((t) => t.id === e.column.id);
|
|
2812
2845
|
return /* @__PURE__ */ t("td", {
|
|
2813
|
-
className: n?.sticky ?
|
|
2846
|
+
className: n?.sticky ? Z.stickyColumn : void 0,
|
|
2814
2847
|
style: {
|
|
2815
|
-
...
|
|
2816
|
-
...
|
|
2848
|
+
...Ht(n),
|
|
2849
|
+
...Ut(n)
|
|
2817
2850
|
},
|
|
2818
|
-
children: /* @__PURE__ */ t(
|
|
2851
|
+
children: /* @__PURE__ */ t(Fe.FlexRender, { cell: e })
|
|
2819
2852
|
}, e.id);
|
|
2820
2853
|
})
|
|
2821
2854
|
]
|
|
2822
2855
|
}), s && G && /* @__PURE__ */ t("tr", {
|
|
2823
|
-
className:
|
|
2856
|
+
className: Z.detailRow,
|
|
2824
2857
|
children: /* @__PURE__ */ t("td", {
|
|
2825
|
-
colSpan:
|
|
2858
|
+
colSpan: je.length + +!!N + 1,
|
|
2826
2859
|
children: G({
|
|
2827
2860
|
row: e.original,
|
|
2828
2861
|
rowId: e.id,
|
|
2829
|
-
collapse: () =>
|
|
2862
|
+
collapse: () => Et(e.id)
|
|
2830
2863
|
})
|
|
2831
2864
|
})
|
|
2832
2865
|
})] }, e.id);
|
|
@@ -2834,202 +2867,202 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2834
2867
|
]
|
|
2835
2868
|
})
|
|
2836
2869
|
}),
|
|
2837
|
-
!
|
|
2838
|
-
className:
|
|
2870
|
+
!st && /* @__PURE__ */ n("div", {
|
|
2871
|
+
className: Z.cards,
|
|
2839
2872
|
role: "list",
|
|
2840
2873
|
"aria-label": T ?? w,
|
|
2841
|
-
children: [N && !E && !
|
|
2842
|
-
className:
|
|
2843
|
-
children: [/* @__PURE__ */ t(
|
|
2844
|
-
checked:
|
|
2845
|
-
indeterminate:
|
|
2874
|
+
children: [N && !E && !lt && Ve.length > 0 && /* @__PURE__ */ n("div", {
|
|
2875
|
+
className: Z.mobileSelectionControls,
|
|
2876
|
+
children: [/* @__PURE__ */ t(Ge, {
|
|
2877
|
+
checked: rt,
|
|
2878
|
+
indeterminate: it,
|
|
2846
2879
|
ariaLabel: R,
|
|
2847
2880
|
label: R,
|
|
2848
|
-
onChange:
|
|
2849
|
-
}), /* @__PURE__ */ t(
|
|
2881
|
+
onChange: Ct
|
|
2882
|
+
}), /* @__PURE__ */ t(V, {
|
|
2850
2883
|
size: "sm",
|
|
2851
2884
|
variant: "empty",
|
|
2852
|
-
disabled:
|
|
2853
|
-
onClick:
|
|
2885
|
+
disabled: Qe.size === 0,
|
|
2886
|
+
onClick: Tt,
|
|
2854
2887
|
children: z
|
|
2855
2888
|
})]
|
|
2856
|
-
}), E ? /* @__PURE__ */ t(
|
|
2889
|
+
}), E ? /* @__PURE__ */ t(gt, {
|
|
2857
2890
|
lines: 4,
|
|
2858
2891
|
height: 65
|
|
2859
|
-
}) :
|
|
2860
|
-
className:
|
|
2861
|
-
children:
|
|
2862
|
-
}) :
|
|
2863
|
-
className:
|
|
2892
|
+
}) : lt ? /* @__PURE__ */ t("div", {
|
|
2893
|
+
className: Z.state,
|
|
2894
|
+
children: lt
|
|
2895
|
+
}) : Ve.length === 0 ? /* @__PURE__ */ t("div", {
|
|
2896
|
+
className: Z.state,
|
|
2864
2897
|
children: O
|
|
2865
|
-
}) : /* @__PURE__ */ t(e, { children:
|
|
2866
|
-
let i =
|
|
2867
|
-
className:
|
|
2898
|
+
}) : /* @__PURE__ */ t(e, { children: Ke.map((e, r) => {
|
|
2899
|
+
let i = Qe.has(e.id), a = et.has(e.id), o = L?.(e.original) ?? `Выбрать строку ${e.index + 1}`, s = N && /* @__PURE__ */ n("div", {
|
|
2900
|
+
className: Z.cardSelectionControls,
|
|
2868
2901
|
onClick: (e) => e.stopPropagation(),
|
|
2869
|
-
children: [/* @__PURE__ */ t(
|
|
2902
|
+
children: [/* @__PURE__ */ t(Ge, {
|
|
2870
2903
|
checked: i,
|
|
2871
2904
|
ariaLabel: o,
|
|
2872
|
-
onChange: () =>
|
|
2873
|
-
}), I && /* @__PURE__ */ t(
|
|
2905
|
+
onChange: () => St(e.id)
|
|
2906
|
+
}), I && /* @__PURE__ */ t(V, {
|
|
2874
2907
|
size: "sm",
|
|
2875
2908
|
variant: "empty",
|
|
2876
2909
|
onClick: () => I(e.original),
|
|
2877
|
-
children:
|
|
2910
|
+
children: ee
|
|
2878
2911
|
})]
|
|
2879
|
-
}), c = G && /* @__PURE__ */ t(
|
|
2912
|
+
}), c = G && /* @__PURE__ */ t(V, {
|
|
2880
2913
|
size: "sm",
|
|
2881
2914
|
variant: "empty",
|
|
2882
2915
|
"aria-expanded": a,
|
|
2883
2916
|
"aria-label": pe?.(e.original, a) ?? (a ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2884
2917
|
onClick: (t) => {
|
|
2885
|
-
t.stopPropagation(),
|
|
2918
|
+
t.stopPropagation(), Et(e.id);
|
|
2886
2919
|
},
|
|
2887
2920
|
children: /* @__PURE__ */ t(J, {
|
|
2888
2921
|
name: "IconChevron",
|
|
2889
2922
|
width: 16,
|
|
2890
2923
|
height: 16,
|
|
2891
|
-
className: a ?
|
|
2924
|
+
className: a ? Z.expansionIconOpen : Z.expansionIcon
|
|
2892
2925
|
})
|
|
2893
2926
|
});
|
|
2894
2927
|
if (p) return /* @__PURE__ */ n("div", {
|
|
2895
|
-
ref:
|
|
2896
|
-
e ?
|
|
2928
|
+
ref: Je >= 0 && r >= Je ? (e) => {
|
|
2929
|
+
e ? Xe.current.set(r, e) : Xe.current.delete(r);
|
|
2897
2930
|
} : void 0,
|
|
2898
2931
|
role: "listitem",
|
|
2899
2932
|
className: [
|
|
2900
|
-
|
|
2901
|
-
i ?
|
|
2933
|
+
Z.customCardShell,
|
|
2934
|
+
i ? Z.selectedCard : "",
|
|
2902
2935
|
v?.(e.original)
|
|
2903
2936
|
].filter(Boolean).join(" "),
|
|
2904
2937
|
style: y?.(e.original),
|
|
2905
2938
|
"aria-selected": N ? i : void 0,
|
|
2906
2939
|
onClick: () => {
|
|
2907
|
-
N &&
|
|
2940
|
+
N && St(e.id);
|
|
2908
2941
|
},
|
|
2909
2942
|
children: [
|
|
2910
2943
|
s,
|
|
2911
2944
|
p({
|
|
2912
2945
|
row: e.original,
|
|
2913
|
-
columns:
|
|
2946
|
+
columns: je
|
|
2914
2947
|
}),
|
|
2915
2948
|
c,
|
|
2916
2949
|
a && /* @__PURE__ */ t("div", {
|
|
2917
|
-
className:
|
|
2950
|
+
className: Z.cardDetail,
|
|
2918
2951
|
children: G?.({
|
|
2919
2952
|
row: e.original,
|
|
2920
2953
|
rowId: e.id,
|
|
2921
|
-
collapse: () =>
|
|
2954
|
+
collapse: () => Et(e.id)
|
|
2922
2955
|
})
|
|
2923
2956
|
})
|
|
2924
2957
|
]
|
|
2925
2958
|
}, e.id);
|
|
2926
|
-
let l =
|
|
2959
|
+
let l = je.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), u = l.find((e) => e.mobile?.primary) ?? l.find((e) => e.mobile?.mobileVariant !== "actions"), d = (t) => Kt(t.accessor, e.original), f = (t) => t.mobile?.renderMobile?.(e.original, d(t)) ?? t.cell?.(e.original, d(t)) ?? String(d(t) ?? "");
|
|
2927
2960
|
return /* @__PURE__ */ n("article", {
|
|
2928
|
-
ref:
|
|
2929
|
-
e ?
|
|
2961
|
+
ref: Je >= 0 && r >= Je ? (e) => {
|
|
2962
|
+
e ? Xe.current.set(r, e) : Xe.current.delete(r);
|
|
2930
2963
|
} : void 0,
|
|
2931
2964
|
role: "listitem",
|
|
2932
2965
|
className: [
|
|
2933
|
-
|
|
2934
|
-
i ?
|
|
2966
|
+
Z.card,
|
|
2967
|
+
i ? Z.selectedCard : "",
|
|
2935
2968
|
v?.(e.original)
|
|
2936
2969
|
].filter(Boolean).join(" "),
|
|
2937
2970
|
style: y?.(e.original),
|
|
2938
2971
|
"aria-selected": N ? i : void 0,
|
|
2939
2972
|
onClick: () => {
|
|
2940
|
-
N &&
|
|
2973
|
+
N && St(e.id);
|
|
2941
2974
|
},
|
|
2942
2975
|
children: [
|
|
2943
2976
|
s,
|
|
2944
2977
|
c,
|
|
2945
2978
|
/* @__PURE__ */ t("h3", { children: u ? f(u) : `Строка ${e.index + 1}` }),
|
|
2946
2979
|
/* @__PURE__ */ t("dl", { children: l.filter((e) => e !== u && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
|
|
2947
|
-
className: e.mobile?.mobileSpan === 2 ?
|
|
2980
|
+
className: e.mobile?.mobileSpan === 2 ? Z.spanTwo : "",
|
|
2948
2981
|
children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: f(e) })]
|
|
2949
2982
|
}, e.id)) }),
|
|
2950
2983
|
l.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: f(e) }, e.id)),
|
|
2951
2984
|
a && /* @__PURE__ */ t("div", {
|
|
2952
|
-
className:
|
|
2985
|
+
className: Z.cardDetail,
|
|
2953
2986
|
children: G?.({
|
|
2954
2987
|
row: e.original,
|
|
2955
2988
|
rowId: e.id,
|
|
2956
|
-
collapse: () =>
|
|
2989
|
+
collapse: () => Et(e.id)
|
|
2957
2990
|
})
|
|
2958
2991
|
})
|
|
2959
2992
|
]
|
|
2960
2993
|
}, e.id);
|
|
2961
2994
|
}) })]
|
|
2962
2995
|
}),
|
|
2963
|
-
(
|
|
2964
|
-
className:
|
|
2996
|
+
(ut || dt && !E && !lt && Ve.length > 0) && /* @__PURE__ */ n("nav", {
|
|
2997
|
+
className: Z.pagination,
|
|
2965
2998
|
"aria-label": "Пагинация таблицы",
|
|
2966
|
-
children: [
|
|
2967
|
-
className:
|
|
2999
|
+
children: [dt ? yt("bottom") : /* @__PURE__ */ n("span", {
|
|
3000
|
+
className: Z.paginationRange,
|
|
2968
3001
|
"aria-live": "polite",
|
|
2969
3002
|
children: [
|
|
2970
|
-
|
|
3003
|
+
X,
|
|
2971
3004
|
"–",
|
|
2972
3005
|
_t,
|
|
2973
3006
|
" из",
|
|
2974
3007
|
" ",
|
|
2975
|
-
|
|
3008
|
+
Le
|
|
2976
3009
|
]
|
|
2977
|
-
}),
|
|
2978
|
-
className:
|
|
3010
|
+
}), ut && /* @__PURE__ */ n("div", {
|
|
3011
|
+
className: Z.paginationControls,
|
|
2979
3012
|
children: [
|
|
2980
|
-
/* @__PURE__ */ n(
|
|
3013
|
+
/* @__PURE__ */ n(V, {
|
|
2981
3014
|
variant: "empty",
|
|
2982
3015
|
size: "md",
|
|
2983
|
-
disabled: E ||
|
|
3016
|
+
disabled: E || Be === 0,
|
|
2984
3017
|
"aria-label": "Предыдущая страница",
|
|
2985
3018
|
onClick: () => {
|
|
2986
|
-
bt(
|
|
3019
|
+
bt(Be - 1);
|
|
2987
3020
|
},
|
|
2988
3021
|
children: [/* @__PURE__ */ t(J, {
|
|
2989
3022
|
name: "IconChevron",
|
|
2990
3023
|
width: 18,
|
|
2991
3024
|
height: 18,
|
|
2992
|
-
className:
|
|
3025
|
+
className: Z.previousIcon
|
|
2993
3026
|
}), /* @__PURE__ */ t("span", {
|
|
2994
|
-
className:
|
|
3027
|
+
className: Z.paginationButtonLabel,
|
|
2995
3028
|
children: "Назад"
|
|
2996
3029
|
})]
|
|
2997
3030
|
}),
|
|
2998
3031
|
/* @__PURE__ */ t("div", {
|
|
2999
|
-
className:
|
|
3000
|
-
children:
|
|
3001
|
-
variant: e ===
|
|
3032
|
+
className: Z.pageNumbers,
|
|
3033
|
+
children: ot.map((e) => typeof e == "number" ? /* @__PURE__ */ t(V, {
|
|
3034
|
+
variant: e === Be ? "secondary" : "empty",
|
|
3002
3035
|
size: "md",
|
|
3003
|
-
className:
|
|
3036
|
+
className: Z.pageButton,
|
|
3004
3037
|
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
3005
|
-
"aria-current": e ===
|
|
3038
|
+
"aria-current": e === Be ? "page" : void 0,
|
|
3006
3039
|
disabled: E,
|
|
3007
3040
|
onClick: () => {
|
|
3008
3041
|
bt(e);
|
|
3009
3042
|
},
|
|
3010
3043
|
children: e + 1
|
|
3011
3044
|
}, e) : /* @__PURE__ */ t("span", {
|
|
3012
|
-
className:
|
|
3045
|
+
className: Z.ellipsis,
|
|
3013
3046
|
"aria-hidden": "true",
|
|
3014
3047
|
children: "…"
|
|
3015
3048
|
}, e))
|
|
3016
3049
|
}),
|
|
3017
|
-
/* @__PURE__ */ n(
|
|
3050
|
+
/* @__PURE__ */ n(V, {
|
|
3018
3051
|
variant: "empty",
|
|
3019
3052
|
size: "md",
|
|
3020
|
-
disabled: E ||
|
|
3053
|
+
disabled: E || Be === Re - 1,
|
|
3021
3054
|
"aria-label": "Следующая страница",
|
|
3022
3055
|
onClick: () => {
|
|
3023
|
-
bt(
|
|
3056
|
+
bt(Be + 1);
|
|
3024
3057
|
},
|
|
3025
3058
|
children: [/* @__PURE__ */ t("span", {
|
|
3026
|
-
className:
|
|
3059
|
+
className: Z.paginationButtonLabel,
|
|
3027
3060
|
children: "Вперёд"
|
|
3028
3061
|
}), /* @__PURE__ */ t(J, {
|
|
3029
3062
|
name: "IconChevron",
|
|
3030
3063
|
width: 18,
|
|
3031
3064
|
height: 18,
|
|
3032
|
-
className:
|
|
3065
|
+
className: Z.nextIcon
|
|
3033
3066
|
})]
|
|
3034
3067
|
})
|
|
3035
3068
|
]
|
|
@@ -3037,17 +3070,17 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3037
3070
|
})
|
|
3038
3071
|
]
|
|
3039
3072
|
});
|
|
3040
|
-
},
|
|
3073
|
+
}, tn = (e, t) => {
|
|
3041
3074
|
let n = t.trim().toLocaleLowerCase();
|
|
3042
3075
|
return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
|
|
3043
|
-
},
|
|
3076
|
+
}, nn = (e, t, n) => {
|
|
3044
3077
|
if (!e.length) return -1;
|
|
3045
3078
|
for (let r = 0; r < e.length; r += 1) {
|
|
3046
3079
|
let i = (t + r * n + e.length) % e.length;
|
|
3047
3080
|
if (!e[i]?.disabled) return i;
|
|
3048
3081
|
}
|
|
3049
3082
|
return -1;
|
|
3050
|
-
},
|
|
3083
|
+
}, Q = {
|
|
3051
3084
|
wrapper: "_wrapper_1os84_1",
|
|
3052
3085
|
control: "_control_1os84_17",
|
|
3053
3086
|
inputHost: "_inputHost_1os84_25",
|
|
@@ -3066,24 +3099,24 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3066
3099
|
active: "_active_1os84_321",
|
|
3067
3100
|
actionOption: "_actionOption_1os84_341",
|
|
3068
3101
|
visuallyHidden: "_visuallyHidden_1os84_375"
|
|
3069
|
-
},
|
|
3102
|
+
}, rn = 8, an = 6, on = 5, sn = 10, cn = {
|
|
3070
3103
|
sm: 30,
|
|
3071
3104
|
md: 40,
|
|
3072
3105
|
lg: 50
|
|
3073
|
-
},
|
|
3074
|
-
let D = f(), O = T ?? `ds-search-dropdown-${w ?? D}`, k = `${O}-listbox`, A = `${O}-status`, j = b ? `${O}-hint` : void 0, M = y ? `${O}-error` : void 0,
|
|
3106
|
+
}, ln = ({ options: e, value: r, onChange: i, placeholder: a = "Начните вводить", noResultsText: o = "Ничего не найдено", disabled: s = !1, readOnly: c = !1, stringWhileDisabled: u = !1, label: v, error: y, hint: b, size: x = "md", required: S = !1, className: C = "", name: w, id: T, needMark: E = !0 }) => {
|
|
3107
|
+
let D = f(), O = T ?? `ds-search-dropdown-${w ?? D}`, k = `${O}-listbox`, A = `${O}-status`, j = b ? `${O}-hint` : void 0, M = y ? `${O}-error` : void 0, N = [
|
|
3075
3108
|
A,
|
|
3076
3109
|
j,
|
|
3077
3110
|
M
|
|
3078
|
-
].filter(Boolean).join(" "),
|
|
3079
|
-
d(() =>
|
|
3080
|
-
let oe = l(() =>
|
|
3081
|
-
|
|
3111
|
+
].filter(Boolean).join(" "), P = h(null), F = h(null), I = h([]), [L, R] = g(!1), [z, ee] = g(""), [B, V] = g(-1), [H, W] = g(null), ne = m(() => e.find((e) => e.value === r), [e, r]), re = m(() => tn(e, z), [e, z]), ie = s && u, ae = B >= 0 ? re[B] : void 0;
|
|
3112
|
+
d(() => ee(ne?.label ?? ""), [ne?.label, r]);
|
|
3113
|
+
let oe = l(() => P.current?.querySelector("input") ?? null, []), se = l((e, t) => nn(re, e, t), [re]), ce = l((e) => {
|
|
3114
|
+
V(e), !(e < 0) && requestAnimationFrame(() => I.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
3082
3115
|
}, []), le = l(() => {
|
|
3083
3116
|
let e = oe();
|
|
3084
3117
|
if (!e) return;
|
|
3085
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(re.length,
|
|
3086
|
-
|
|
3118
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(re.length, on)) * cn[x] + sn, r = window.innerHeight - t.bottom - rn, i = t.top - rn, a = r < n && i > r, o = a ? i : r, s = Math.max(cn[x] + sn, Math.min(n, o)), c = window.innerWidth - t.width - rn, l = Math.max(rn, Math.min(t.left, c)), u = a ? Math.max(rn, t.top - s - an) : t.bottom + an;
|
|
3119
|
+
W({
|
|
3087
3120
|
top: u,
|
|
3088
3121
|
left: l,
|
|
3089
3122
|
width: t.width,
|
|
@@ -3095,36 +3128,36 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3095
3128
|
x
|
|
3096
3129
|
]);
|
|
3097
3130
|
p(() => {
|
|
3098
|
-
if (!
|
|
3099
|
-
|
|
3131
|
+
if (!L) {
|
|
3132
|
+
W(null);
|
|
3100
3133
|
return;
|
|
3101
3134
|
}
|
|
3102
3135
|
return le(), window.addEventListener("resize", le), window.addEventListener("scroll", le, !0), () => {
|
|
3103
3136
|
window.removeEventListener("resize", le), window.removeEventListener("scroll", le, !0);
|
|
3104
3137
|
};
|
|
3105
|
-
}, [
|
|
3106
|
-
if (!
|
|
3138
|
+
}, [L, le]), d(() => {
|
|
3139
|
+
if (!L) return;
|
|
3107
3140
|
let e = (e) => {
|
|
3108
3141
|
let t = e.target;
|
|
3109
|
-
!
|
|
3142
|
+
!P.current?.contains(t) && !F.current?.contains(t) && (R(!1), V(-1));
|
|
3110
3143
|
};
|
|
3111
3144
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
3112
|
-
}, [
|
|
3145
|
+
}, [L]);
|
|
3113
3146
|
let ue = () => {
|
|
3114
|
-
s || c || (
|
|
3147
|
+
s || c || (R(!0), V(se(0, 1)));
|
|
3115
3148
|
}, G = (e) => {
|
|
3116
|
-
e.disabled || (
|
|
3117
|
-
}, de =
|
|
3118
|
-
ref:
|
|
3149
|
+
e.disabled || (ee(e.label), R(!1), V(-1), i?.(e.value, e), oe()?.focus());
|
|
3150
|
+
}, de = L ? /* @__PURE__ */ t("ul", {
|
|
3151
|
+
ref: F,
|
|
3119
3152
|
id: k,
|
|
3120
|
-
className: `${
|
|
3153
|
+
className: `${Q.menu} ${re.length === 0 ? Q.menuEmpty : ""}`,
|
|
3121
3154
|
role: "listbox",
|
|
3122
3155
|
"aria-label": v,
|
|
3123
|
-
style:
|
|
3124
|
-
top:
|
|
3125
|
-
left:
|
|
3126
|
-
width:
|
|
3127
|
-
maxHeight:
|
|
3156
|
+
style: H ? {
|
|
3157
|
+
top: H.top,
|
|
3158
|
+
left: H.left,
|
|
3159
|
+
width: H.width,
|
|
3160
|
+
maxHeight: H.maxHeight
|
|
3128
3161
|
} : {
|
|
3129
3162
|
top: 0,
|
|
3130
3163
|
left: 0,
|
|
@@ -3132,15 +3165,15 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3132
3165
|
maxHeight: 0
|
|
3133
3166
|
},
|
|
3134
3167
|
children: re.length === 0 ? /* @__PURE__ */ t("li", {
|
|
3135
|
-
className: `${
|
|
3168
|
+
className: `${Q.empty} ${Q[x]}`,
|
|
3136
3169
|
children: o
|
|
3137
3170
|
}) : re.map((e, i) => {
|
|
3138
|
-
let a = e.value === r, o = i ===
|
|
3171
|
+
let a = e.value === r, o = i === B;
|
|
3139
3172
|
return /* @__PURE__ */ t("li", {
|
|
3140
3173
|
role: "presentation",
|
|
3141
3174
|
children: /* @__PURE__ */ n("button", {
|
|
3142
3175
|
ref: (e) => {
|
|
3143
|
-
|
|
3176
|
+
I.current[i] = e;
|
|
3144
3177
|
},
|
|
3145
3178
|
id: `${O}-option-${i}`,
|
|
3146
3179
|
type: "button",
|
|
@@ -3151,14 +3184,14 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3151
3184
|
"aria-selected": a,
|
|
3152
3185
|
"data-option-variant": e.variant ?? "default",
|
|
3153
3186
|
className: [
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
e.variant === "action" ?
|
|
3157
|
-
a ?
|
|
3158
|
-
o ?
|
|
3187
|
+
Q.option,
|
|
3188
|
+
Q[x],
|
|
3189
|
+
e.variant === "action" ? Q.actionOption : "",
|
|
3190
|
+
a ? Q.selected : "",
|
|
3191
|
+
o ? Q.active : ""
|
|
3159
3192
|
].filter(Boolean).join(" "),
|
|
3160
3193
|
onPointerMove: () => {
|
|
3161
|
-
e.disabled ||
|
|
3194
|
+
e.disabled || V(i);
|
|
3162
3195
|
},
|
|
3163
3196
|
onClick: () => G(e),
|
|
3164
3197
|
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(J, {
|
|
@@ -3171,28 +3204,28 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3171
3204
|
})
|
|
3172
3205
|
}) : null;
|
|
3173
3206
|
return /* @__PURE__ */ n("div", {
|
|
3174
|
-
ref:
|
|
3207
|
+
ref: P,
|
|
3175
3208
|
className: [
|
|
3176
|
-
|
|
3177
|
-
y ?
|
|
3209
|
+
Q.wrapper,
|
|
3210
|
+
y ? Q.errorState : "",
|
|
3178
3211
|
C
|
|
3179
3212
|
].filter(Boolean).join(" "),
|
|
3180
3213
|
children: [
|
|
3181
|
-
v && /* @__PURE__ */ t(
|
|
3214
|
+
v && /* @__PURE__ */ t(te, {
|
|
3182
3215
|
htmlFor: ie ? void 0 : O,
|
|
3183
3216
|
required: S,
|
|
3184
3217
|
disabled: s,
|
|
3185
3218
|
children: v
|
|
3186
3219
|
}),
|
|
3187
3220
|
ie ? /* @__PURE__ */ t("div", {
|
|
3188
|
-
className: `${
|
|
3221
|
+
className: `${Q.disabledText} ${Q[x]}`,
|
|
3189
3222
|
children: ne?.label ?? a
|
|
3190
3223
|
}) : /* @__PURE__ */ n("div", {
|
|
3191
|
-
className:
|
|
3192
|
-
children: [/* @__PURE__ */ t(
|
|
3224
|
+
className: Q.control,
|
|
3225
|
+
children: [/* @__PURE__ */ t(Et, {
|
|
3193
3226
|
id: O,
|
|
3194
3227
|
name: w,
|
|
3195
|
-
value:
|
|
3228
|
+
value: z,
|
|
3196
3229
|
placeholder: a,
|
|
3197
3230
|
disabled: s,
|
|
3198
3231
|
readOnly: c,
|
|
@@ -3200,36 +3233,36 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3200
3233
|
size: x,
|
|
3201
3234
|
clearable: !1,
|
|
3202
3235
|
autoComplete: "off",
|
|
3203
|
-
className: `${
|
|
3236
|
+
className: `${Q.inputHost} ${Q[x]}`,
|
|
3204
3237
|
onFocus: ue,
|
|
3205
3238
|
onChange: (t) => {
|
|
3206
|
-
let n = String(t), r =
|
|
3207
|
-
|
|
3239
|
+
let n = String(t), r = tn(e, n);
|
|
3240
|
+
ee(n), R(!0), V(nn(r, 0, 1));
|
|
3208
3241
|
},
|
|
3209
3242
|
role: "combobox",
|
|
3210
3243
|
"aria-autocomplete": "list",
|
|
3211
|
-
"aria-expanded":
|
|
3244
|
+
"aria-expanded": L,
|
|
3212
3245
|
"aria-controls": k,
|
|
3213
|
-
"aria-activedescendant": ae ? `${O}-option-${
|
|
3246
|
+
"aria-activedescendant": ae ? `${O}-option-${B}` : void 0,
|
|
3214
3247
|
"aria-invalid": !!y,
|
|
3215
|
-
"aria-describedby":
|
|
3248
|
+
"aria-describedby": N,
|
|
3216
3249
|
onClick: ue,
|
|
3217
3250
|
onKeyDown: (e) => {
|
|
3218
3251
|
if (!(s || c)) {
|
|
3219
3252
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
3220
3253
|
e.preventDefault();
|
|
3221
|
-
let t = e.key === "ArrowDown" ? 1 : -1, n =
|
|
3222
|
-
|
|
3254
|
+
let t = e.key === "ArrowDown" ? 1 : -1, n = B >= 0 ? B + t : t === 1 ? 0 : re.length - 1;
|
|
3255
|
+
R(!0), ce(se(n, t));
|
|
3223
3256
|
} else if (e.key === "Home" || e.key === "End") {
|
|
3224
|
-
if (!
|
|
3257
|
+
if (!L) return;
|
|
3225
3258
|
e.preventDefault();
|
|
3226
3259
|
let t = e.key === "Home" ? 1 : -1;
|
|
3227
3260
|
ce(se(e.key === "Home" ? 0 : re.length - 1, t));
|
|
3228
|
-
} else e.key === "Enter" &&
|
|
3261
|
+
} else e.key === "Enter" && L && ae ? (e.preventDefault(), G(ae)) : e.key === "Escape" && L ? (e.preventDefault(), R(!1), V(-1)) : e.key === "Tab" && (R(!1), V(-1));
|
|
3229
3262
|
}
|
|
3230
3263
|
}
|
|
3231
3264
|
}), /* @__PURE__ */ t("span", {
|
|
3232
|
-
className: `${
|
|
3265
|
+
className: `${Q.chevron} ${L ? Q.chevronOpen : ""}`,
|
|
3233
3266
|
"aria-hidden": "true",
|
|
3234
3267
|
children: /* @__PURE__ */ t(J, {
|
|
3235
3268
|
name: "IconChevron",
|
|
@@ -3238,43 +3271,43 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3238
3271
|
})
|
|
3239
3272
|
})]
|
|
3240
3273
|
}),
|
|
3241
|
-
|
|
3274
|
+
L && typeof document < "u" && _(de, document.body),
|
|
3242
3275
|
/* @__PURE__ */ n("span", {
|
|
3243
3276
|
id: A,
|
|
3244
|
-
className:
|
|
3277
|
+
className: Q.visuallyHidden,
|
|
3245
3278
|
"aria-live": "polite",
|
|
3246
3279
|
children: ["Найдено вариантов: ", re.length]
|
|
3247
3280
|
}),
|
|
3248
|
-
b && !y && /* @__PURE__ */ t(
|
|
3281
|
+
b && !y && /* @__PURE__ */ t(U, {
|
|
3249
3282
|
id: j,
|
|
3250
3283
|
children: b
|
|
3251
3284
|
}),
|
|
3252
|
-
y && /* @__PURE__ */ t(
|
|
3285
|
+
y && /* @__PURE__ */ t(U, {
|
|
3253
3286
|
id: M,
|
|
3254
3287
|
variant: "error",
|
|
3255
3288
|
children: y
|
|
3256
3289
|
})
|
|
3257
3290
|
]
|
|
3258
3291
|
});
|
|
3259
|
-
},
|
|
3292
|
+
}, un = {
|
|
3260
3293
|
root: "_root_11adi_1",
|
|
3261
3294
|
header: "_header_11adi_21",
|
|
3262
3295
|
title: "_title_11adi_41",
|
|
3263
3296
|
dismiss: "_dismiss_11adi_55",
|
|
3264
3297
|
content: "_content_11adi_65"
|
|
3265
|
-
},
|
|
3298
|
+
}, dn = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: c = "" }) => {
|
|
3266
3299
|
let l = `ds-info-block-${f()}`;
|
|
3267
3300
|
return /* @__PURE__ */ n("section", {
|
|
3268
|
-
className: `${
|
|
3301
|
+
className: `${un.root} ${c}`,
|
|
3269
3302
|
"aria-labelledby": l,
|
|
3270
3303
|
children: [/* @__PURE__ */ n("header", {
|
|
3271
|
-
className:
|
|
3304
|
+
className: un.header,
|
|
3272
3305
|
children: [/* @__PURE__ */ t(s, {
|
|
3273
3306
|
id: l,
|
|
3274
|
-
className:
|
|
3307
|
+
className: un.title,
|
|
3275
3308
|
children: e
|
|
3276
|
-
}), i && /* @__PURE__ */ t(
|
|
3277
|
-
className:
|
|
3309
|
+
}), i && /* @__PURE__ */ t(V, {
|
|
3310
|
+
className: un.dismiss,
|
|
3278
3311
|
variant: "empty",
|
|
3279
3312
|
onClick: a,
|
|
3280
3313
|
"aria-label": o,
|
|
@@ -3285,15 +3318,15 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3285
3318
|
})
|
|
3286
3319
|
})]
|
|
3287
3320
|
}), /* @__PURE__ */ t("div", {
|
|
3288
|
-
className:
|
|
3321
|
+
className: un.content,
|
|
3289
3322
|
children: r
|
|
3290
3323
|
})]
|
|
3291
3324
|
});
|
|
3292
|
-
},
|
|
3325
|
+
}, fn = {
|
|
3293
3326
|
root: "_root_1ecm3_1",
|
|
3294
3327
|
grid: "_grid_1ecm3_13",
|
|
3295
3328
|
actions: "_actions_1ecm3_27"
|
|
3296
|
-
},
|
|
3329
|
+
}, pn = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
3297
3330
|
let d = (e, t) => {
|
|
3298
3331
|
let n = {
|
|
3299
3332
|
...r,
|
|
@@ -3302,11 +3335,11 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3302
3335
|
i?.(n, e), s === "instant" && a?.(n);
|
|
3303
3336
|
};
|
|
3304
3337
|
return /* @__PURE__ */ n("section", {
|
|
3305
|
-
className: `${
|
|
3338
|
+
className: `${fn.root} ${u}`,
|
|
3306
3339
|
"aria-label": "Фильтры",
|
|
3307
3340
|
"aria-busy": c,
|
|
3308
3341
|
children: [/* @__PURE__ */ t("div", {
|
|
3309
|
-
className:
|
|
3342
|
+
className: fn.grid,
|
|
3310
3343
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
3311
3344
|
let n = l || c || e.disabled, i = r[e.id];
|
|
3312
3345
|
if (e.type === "input") {
|
|
@@ -3316,19 +3349,19 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3316
3349
|
placeholder: e.placeholder,
|
|
3317
3350
|
disabled: n
|
|
3318
3351
|
};
|
|
3319
|
-
return e.inputType === "number" ? /* @__PURE__ */ t(
|
|
3352
|
+
return e.inputType === "number" ? /* @__PURE__ */ t(Et, {
|
|
3320
3353
|
...r,
|
|
3321
3354
|
type: "number",
|
|
3322
3355
|
value: i ?? "",
|
|
3323
3356
|
onChange: (t) => d(e.id, t)
|
|
3324
|
-
}, e.id) : /* @__PURE__ */ t(
|
|
3357
|
+
}, e.id) : /* @__PURE__ */ t(Et, {
|
|
3325
3358
|
...r,
|
|
3326
3359
|
type: "text",
|
|
3327
3360
|
value: String(i ?? ""),
|
|
3328
3361
|
onChange: (t) => d(e.id, t)
|
|
3329
3362
|
}, e.id);
|
|
3330
3363
|
}
|
|
3331
|
-
if (e.type === "dropdown") return /* @__PURE__ */ t(
|
|
3364
|
+
if (e.type === "dropdown") return /* @__PURE__ */ t(St, {
|
|
3332
3365
|
label: e.label,
|
|
3333
3366
|
hint: e.hint,
|
|
3334
3367
|
placeholder: e.placeholder,
|
|
@@ -3337,7 +3370,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3337
3370
|
disabled: n,
|
|
3338
3371
|
onChange: (t) => d(e.id, t)
|
|
3339
3372
|
}, e.id);
|
|
3340
|
-
if (e.type === "multiple") return /* @__PURE__ */ t(
|
|
3373
|
+
if (e.type === "multiple") return /* @__PURE__ */ t(jt, {
|
|
3341
3374
|
label: e.label,
|
|
3342
3375
|
hint: e.hint,
|
|
3343
3376
|
placeholder: e.placeholder,
|
|
@@ -3346,14 +3379,14 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3346
3379
|
disabled: n,
|
|
3347
3380
|
onChange: (t) => d(e.id, t)
|
|
3348
3381
|
}, e.id);
|
|
3349
|
-
if (e.type === "checkbox") return /* @__PURE__ */ t(
|
|
3382
|
+
if (e.type === "checkbox") return /* @__PURE__ */ t(Ge, {
|
|
3350
3383
|
label: e.label,
|
|
3351
3384
|
hint: e.hint,
|
|
3352
3385
|
checked: !!i,
|
|
3353
3386
|
disabled: n,
|
|
3354
3387
|
onChange: (t) => d(e.id, t)
|
|
3355
3388
|
}, e.id);
|
|
3356
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
3389
|
+
if (e.type === "radio") return /* @__PURE__ */ t(Nt, {
|
|
3357
3390
|
label: e.label,
|
|
3358
3391
|
checked: !!i,
|
|
3359
3392
|
disabled: n,
|
|
@@ -3363,7 +3396,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3363
3396
|
from: null,
|
|
3364
3397
|
to: null
|
|
3365
3398
|
};
|
|
3366
|
-
return /* @__PURE__ */ t(
|
|
3399
|
+
return /* @__PURE__ */ t(mt, {
|
|
3367
3400
|
hint: e.hint,
|
|
3368
3401
|
mode: e.mode,
|
|
3369
3402
|
min: e.min,
|
|
@@ -3374,13 +3407,13 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3374
3407
|
}, e.id);
|
|
3375
3408
|
})
|
|
3376
3409
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
3377
|
-
className:
|
|
3378
|
-
children: [o && /* @__PURE__ */ t(
|
|
3410
|
+
className: fn.actions,
|
|
3411
|
+
children: [o && /* @__PURE__ */ t(V, {
|
|
3379
3412
|
variant: "destructiveOutline",
|
|
3380
3413
|
disabled: l || c,
|
|
3381
3414
|
onClick: o,
|
|
3382
3415
|
children: "Сбросить"
|
|
3383
|
-
}), s === "manual" && /* @__PURE__ */ t(
|
|
3416
|
+
}), s === "manual" && /* @__PURE__ */ t(V, {
|
|
3384
3417
|
isLoading: c,
|
|
3385
3418
|
disabled: l,
|
|
3386
3419
|
onClick: () => a?.(r),
|
|
@@ -3388,7 +3421,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3388
3421
|
})]
|
|
3389
3422
|
})]
|
|
3390
3423
|
});
|
|
3391
|
-
},
|
|
3424
|
+
}, mn = {
|
|
3392
3425
|
grid: "_grid_1q540_1",
|
|
3393
3426
|
comfortable: "_comfortable_1q540_11",
|
|
3394
3427
|
compact: "_compact_1q540_19",
|
|
@@ -3405,23 +3438,23 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3405
3438
|
summary: "_summary_1q540_101",
|
|
3406
3439
|
summaryTitle: "_summaryTitle_1q540_137",
|
|
3407
3440
|
summaryList: "_summaryList_1q540_145"
|
|
3408
|
-
},
|
|
3441
|
+
}, hn = ({ columns: e = 2, density: n = "comfortable", className: r = "", ...i }) => /* @__PURE__ */ t("div", {
|
|
3409
3442
|
...i,
|
|
3410
|
-
className: `${
|
|
3411
|
-
}),
|
|
3443
|
+
className: `${mn.grid} ${mn[`columns${e}`]} ${mn[n]} ${r}`
|
|
3444
|
+
}), gn = ({ span: e = 1, className: n = "", ...r }) => /* @__PURE__ */ t("div", {
|
|
3412
3445
|
...r,
|
|
3413
|
-
className: `${
|
|
3414
|
-
}),
|
|
3446
|
+
className: `${mn.item} ${mn[`span${e}`]} ${n}`
|
|
3447
|
+
}), _n = ({ title: e = "Проверьте заполнение формы", items: r, focusField: i, className: a = "", ...o }) => r.length === 0 ? null : /* @__PURE__ */ n("div", {
|
|
3415
3448
|
...o,
|
|
3416
|
-
className: `${
|
|
3449
|
+
className: `${mn.summary} ${a}`,
|
|
3417
3450
|
role: "alert",
|
|
3418
3451
|
"aria-atomic": "true",
|
|
3419
3452
|
tabIndex: -1,
|
|
3420
3453
|
children: [/* @__PURE__ */ t("strong", {
|
|
3421
|
-
className:
|
|
3454
|
+
className: mn.summaryTitle,
|
|
3422
3455
|
children: e
|
|
3423
3456
|
}), /* @__PURE__ */ t("ul", {
|
|
3424
|
-
className:
|
|
3457
|
+
className: mn.summaryList,
|
|
3425
3458
|
children: r.map((e) => /* @__PURE__ */ t("li", { children: e.fieldId ? /* @__PURE__ */ t("a", {
|
|
3426
3459
|
href: `#${e.fieldId}`,
|
|
3427
3460
|
onClick: (t) => {
|
|
@@ -3430,7 +3463,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3430
3463
|
children: e.message
|
|
3431
3464
|
}) : e.message }, e.id))
|
|
3432
3465
|
})]
|
|
3433
|
-
}),
|
|
3466
|
+
}), vn = {
|
|
3434
3467
|
wrapper: "_wrapper_yxnr3_1",
|
|
3435
3468
|
dropzone: "_dropzone_yxnr3_15",
|
|
3436
3469
|
dragActive: "_dragActive_yxnr3_45",
|
|
@@ -3443,12 +3476,12 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3443
3476
|
file: "_file_yxnr3_133",
|
|
3444
3477
|
fileName: "_fileName_yxnr3_175",
|
|
3445
3478
|
fileSize: "_fileSize_yxnr3_187"
|
|
3446
|
-
},
|
|
3447
|
-
let T = f(), E = y ?? `ds-file-input-${v ?? T}`, D = h(null), O = h(0), [k, A] = g(!1),
|
|
3448
|
-
let t = [], n = new Set(r.map(
|
|
3479
|
+
}, yn = (e) => `${e.name}:${e.size}:${e.lastModified}`, bn = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, xn = (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), Sn = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: c, label: l, hint: u, error: d, required: p = !1, disabled: m = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: w }) => {
|
|
3480
|
+
let T = f(), E = y ?? `ds-file-input-${v ?? T}`, D = h(null), O = h(0), [k, A] = g(!1), j = u ? `${E}-hint` : void 0, M = d ? `${E}-error` : void 0, N = [j, M].filter(Boolean).join(" ") || void 0, P = !m && !_, F = (e) => {
|
|
3481
|
+
let t = [], n = new Set(r.map(yn)), l = e.filter((e) => xn(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
3449
3482
|
file: e,
|
|
3450
3483
|
reason: "maxSize"
|
|
3451
|
-
}), !1) : !n.has(
|
|
3484
|
+
}), !1) : !n.has(yn(e)) && (n.add(yn(e)), !0) : (t.push({
|
|
3452
3485
|
file: e,
|
|
3453
3486
|
reason: "accept"
|
|
3454
3487
|
}), !1)), u = a ? c : 1, d = a ? [...r, ...l] : l.slice(-1);
|
|
@@ -3458,56 +3491,56 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3458
3491
|
})), d = d.slice(0, u)), t.length && w?.(t), l.length && i?.(d), D.current && (D.current.value = "");
|
|
3459
3492
|
};
|
|
3460
3493
|
return /* @__PURE__ */ n("div", {
|
|
3461
|
-
className: `${
|
|
3494
|
+
className: `${vn.wrapper} ${b}`,
|
|
3462
3495
|
children: [
|
|
3463
|
-
l && /* @__PURE__ */ t(
|
|
3496
|
+
l && /* @__PURE__ */ t(te, {
|
|
3464
3497
|
htmlFor: E,
|
|
3465
3498
|
required: p,
|
|
3466
3499
|
disabled: m,
|
|
3467
3500
|
children: l
|
|
3468
3501
|
}),
|
|
3469
3502
|
/* @__PURE__ */ n("div", {
|
|
3470
|
-
className: `${
|
|
3503
|
+
className: `${vn.dropzone} ${k ? vn.dragActive : ""} ${m ? vn.disabled : ""} ${d ? vn.error : ""}`,
|
|
3471
3504
|
onDragEnter: (e) => {
|
|
3472
|
-
e.preventDefault(),
|
|
3505
|
+
e.preventDefault(), P && ++O.current === 1 && A(!0);
|
|
3473
3506
|
},
|
|
3474
3507
|
onDragOver: (e) => e.preventDefault(),
|
|
3475
3508
|
onDragLeave: (e) => {
|
|
3476
3509
|
e.preventDefault(), --O.current <= 0 && (O.current = 0, A(!1));
|
|
3477
3510
|
},
|
|
3478
3511
|
onDrop: (e) => {
|
|
3479
|
-
e.preventDefault(), O.current = 0, A(!1),
|
|
3512
|
+
e.preventDefault(), O.current = 0, A(!1), P && F(Array.from(e.dataTransfer.files));
|
|
3480
3513
|
},
|
|
3481
3514
|
children: [/* @__PURE__ */ t("input", {
|
|
3482
3515
|
ref: D,
|
|
3483
3516
|
id: E,
|
|
3484
3517
|
name: v,
|
|
3485
|
-
className:
|
|
3518
|
+
className: vn.nativeInput,
|
|
3486
3519
|
type: "file",
|
|
3487
3520
|
multiple: a,
|
|
3488
3521
|
accept: o,
|
|
3489
3522
|
required: p && r.length === 0,
|
|
3490
|
-
disabled: !
|
|
3491
|
-
"aria-describedby":
|
|
3523
|
+
disabled: !P,
|
|
3524
|
+
"aria-describedby": N,
|
|
3492
3525
|
"aria-invalid": !!d,
|
|
3493
|
-
onChange: (e) =>
|
|
3526
|
+
onChange: (e) => F(Array.from(e.target.files ?? []))
|
|
3494
3527
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
3495
3528
|
/* @__PURE__ */ t("ul", {
|
|
3496
|
-
className:
|
|
3529
|
+
className: vn.files,
|
|
3497
3530
|
"aria-live": "polite",
|
|
3498
3531
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
3499
|
-
className:
|
|
3532
|
+
className: vn.file,
|
|
3500
3533
|
children: [
|
|
3501
3534
|
/* @__PURE__ */ t("span", {
|
|
3502
|
-
className:
|
|
3535
|
+
className: vn.fileName,
|
|
3503
3536
|
title: e.name,
|
|
3504
3537
|
children: e.name
|
|
3505
3538
|
}),
|
|
3506
3539
|
/* @__PURE__ */ t("span", {
|
|
3507
|
-
className:
|
|
3508
|
-
children:
|
|
3540
|
+
className: vn.fileSize,
|
|
3541
|
+
children: bn(e.size)
|
|
3509
3542
|
}),
|
|
3510
|
-
|
|
3543
|
+
P && /* @__PURE__ */ t(V, {
|
|
3511
3544
|
variant: "empty",
|
|
3512
3545
|
size: "sm",
|
|
3513
3546
|
"aria-label": `Удалить файл ${e.name}`,
|
|
@@ -3519,25 +3552,25 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3519
3552
|
})
|
|
3520
3553
|
})
|
|
3521
3554
|
]
|
|
3522
|
-
},
|
|
3555
|
+
}, yn(e)))
|
|
3523
3556
|
}),
|
|
3524
|
-
|
|
3525
|
-
className:
|
|
3557
|
+
P && (a || r.length === 0) && /* @__PURE__ */ t(V, {
|
|
3558
|
+
className: vn.browseButton,
|
|
3526
3559
|
size: "sm",
|
|
3527
3560
|
onClick: () => D.current?.click(),
|
|
3528
3561
|
children: C
|
|
3529
3562
|
}),
|
|
3530
|
-
|
|
3531
|
-
className:
|
|
3563
|
+
P && !a && /* @__PURE__ */ t(V, {
|
|
3564
|
+
className: vn.browseButton,
|
|
3532
3565
|
size: "sm",
|
|
3533
3566
|
onClick: () => D.current?.click(),
|
|
3534
3567
|
children: S
|
|
3535
3568
|
})
|
|
3536
3569
|
] }) : /* @__PURE__ */ n("div", {
|
|
3537
|
-
className:
|
|
3570
|
+
className: vn.empty,
|
|
3538
3571
|
children: [
|
|
3539
3572
|
/* @__PURE__ */ t("span", {
|
|
3540
|
-
className:
|
|
3573
|
+
className: vn.uploadIcon,
|
|
3541
3574
|
"aria-hidden": "true",
|
|
3542
3575
|
children: /* @__PURE__ */ t(J, {
|
|
3543
3576
|
name: "IconUpload",
|
|
@@ -3546,26 +3579,26 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3546
3579
|
})
|
|
3547
3580
|
}),
|
|
3548
3581
|
/* @__PURE__ */ t("strong", { children: k ? "Отпустите файлы здесь" : x }),
|
|
3549
|
-
!k &&
|
|
3582
|
+
!k && P && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(V, {
|
|
3550
3583
|
onClick: () => D.current?.click(),
|
|
3551
3584
|
children: S
|
|
3552
3585
|
})] })
|
|
3553
3586
|
]
|
|
3554
3587
|
})]
|
|
3555
3588
|
}),
|
|
3556
|
-
u && !d && /* @__PURE__ */ t(
|
|
3557
|
-
id:
|
|
3589
|
+
u && !d && /* @__PURE__ */ t(U, {
|
|
3590
|
+
id: j,
|
|
3558
3591
|
children: u
|
|
3559
3592
|
}),
|
|
3560
|
-
d && /* @__PURE__ */ t(
|
|
3561
|
-
id:
|
|
3593
|
+
d && /* @__PURE__ */ t(U, {
|
|
3594
|
+
id: M,
|
|
3562
3595
|
variant: "error",
|
|
3563
3596
|
live: !0,
|
|
3564
3597
|
children: d
|
|
3565
3598
|
})
|
|
3566
3599
|
]
|
|
3567
3600
|
});
|
|
3568
|
-
},
|
|
3601
|
+
}, Cn = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
3569
3602
|
let [n, r] = g(null);
|
|
3570
3603
|
return d(() => {
|
|
3571
3604
|
let e = document.getElementById(t);
|
|
@@ -3578,7 +3611,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3578
3611
|
n.childElementCount === 0 && n.parentElement && n.remove();
|
|
3579
3612
|
};
|
|
3580
3613
|
}, [t]), n ? _(e, n) : null;
|
|
3581
|
-
},
|
|
3614
|
+
}, wn = typeof window > "u" ? d : p, Tn = ({ anchorRef: e, children: n, matchAnchorWidth: r = !1, offset: i = 4, className: a }) => {
|
|
3582
3615
|
let [o, s] = g(null), [c, u] = g({
|
|
3583
3616
|
position: "fixed",
|
|
3584
3617
|
visibility: "hidden",
|
|
@@ -3601,7 +3634,7 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3601
3634
|
o,
|
|
3602
3635
|
i
|
|
3603
3636
|
]);
|
|
3604
|
-
return
|
|
3637
|
+
return wn(() => {
|
|
3605
3638
|
if (!o) return;
|
|
3606
3639
|
d(), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0);
|
|
3607
3640
|
let t = typeof ResizeObserver > "u" ? null : new ResizeObserver(d);
|
|
@@ -3612,13 +3645,13 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3612
3645
|
e,
|
|
3613
3646
|
o,
|
|
3614
3647
|
d
|
|
3615
|
-
]), /* @__PURE__ */ t(
|
|
3648
|
+
]), /* @__PURE__ */ t(Cn, { children: /* @__PURE__ */ t("div", {
|
|
3616
3649
|
ref: s,
|
|
3617
3650
|
className: a,
|
|
3618
3651
|
style: c,
|
|
3619
3652
|
children: n
|
|
3620
3653
|
}) });
|
|
3621
|
-
},
|
|
3654
|
+
}, En = {
|
|
3622
3655
|
wrapper: "_wrapper_1tid7_1",
|
|
3623
3656
|
control: "_control_1tid7_15",
|
|
3624
3657
|
textarea: "_textarea_1tid7_25",
|
|
@@ -3632,54 +3665,54 @@ var Ot = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3632
3665
|
clearAction: "_clearAction_1tid7_171",
|
|
3633
3666
|
messages: "_messages_1tid7_251",
|
|
3634
3667
|
counter: "_counter_1tid7_265"
|
|
3635
|
-
},
|
|
3636
|
-
function
|
|
3668
|
+
}, Dn = 2;
|
|
3669
|
+
function On(e) {
|
|
3637
3670
|
let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
|
|
3638
3671
|
return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
|
|
3639
3672
|
}
|
|
3640
|
-
function
|
|
3641
|
-
let D = f(), O = _ ?? `ds-textarea-${g ?? D}`, k = h(null), A = p ? `${O}-hint` : void 0, j = u ? `${O}-error` : void 0, M = S && x ? `${O}-count` : void 0,
|
|
3673
|
+
function kn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, readOnly: o = !1, stringWhileDisabled: s = !1, label: c, error: u, hint: p, className: m = "", name: g, id: _, size: v = "md", clearable: y = !1, required: b = !1, maxLength: x, showCount: S = !1, minRows: C = Dn, maxRows: w, autoResize: T = !0, ...E }) {
|
|
3674
|
+
let D = f(), O = _ ?? `ds-textarea-${g ?? D}`, k = h(null), A = p ? `${O}-hint` : void 0, j = u ? `${O}-error` : void 0, M = S && x ? `${O}-count` : void 0, N = [
|
|
3642
3675
|
A,
|
|
3643
3676
|
j,
|
|
3644
3677
|
M
|
|
3645
|
-
].filter(Boolean).join(" ") || void 0,
|
|
3678
|
+
].filter(Boolean).join(" ") || void 0, P = Math.max(1, C), F = w === void 0 ? void 0 : Math.max(P, w), I = l(() => {
|
|
3646
3679
|
let e = k.current;
|
|
3647
3680
|
if (!e || !T) return;
|
|
3648
|
-
let t = window.getComputedStyle(e), n =
|
|
3681
|
+
let t = window.getComputedStyle(e), n = On(e), r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom) + Number.parseFloat(t.borderTopWidth) + Number.parseFloat(t.borderBottomWidth), i = n * P + r, a = F === void 0 ? Infinity : n * F + r;
|
|
3649
3682
|
e.style.height = "auto";
|
|
3650
3683
|
let o = Math.min(Math.max(e.scrollHeight, i), a);
|
|
3651
3684
|
e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
|
|
3652
3685
|
}, [
|
|
3653
3686
|
T,
|
|
3654
|
-
|
|
3655
|
-
|
|
3687
|
+
F,
|
|
3688
|
+
P
|
|
3656
3689
|
]);
|
|
3657
3690
|
d(() => {
|
|
3658
|
-
|
|
3659
|
-
}, [
|
|
3691
|
+
I();
|
|
3692
|
+
}, [I, e]), d(() => {
|
|
3660
3693
|
if (!T) return;
|
|
3661
|
-
window.addEventListener("resize",
|
|
3694
|
+
window.addEventListener("resize", I);
|
|
3662
3695
|
let e = k.current?.parentElement, t;
|
|
3663
3696
|
if (e && typeof ResizeObserver < "u") {
|
|
3664
3697
|
let n = e.getBoundingClientRect().width;
|
|
3665
3698
|
t = new ResizeObserver(([e]) => {
|
|
3666
|
-
!e || e.contentRect.width === n || (n = e.contentRect.width,
|
|
3699
|
+
!e || e.contentRect.width === n || (n = e.contentRect.width, I());
|
|
3667
3700
|
}), t.observe(e);
|
|
3668
3701
|
}
|
|
3669
3702
|
return () => {
|
|
3670
|
-
window.removeEventListener("resize",
|
|
3703
|
+
window.removeEventListener("resize", I), t?.disconnect();
|
|
3671
3704
|
};
|
|
3672
|
-
}, [T,
|
|
3673
|
-
let
|
|
3674
|
-
r?.(e.target.value, e),
|
|
3675
|
-
},
|
|
3705
|
+
}, [T, I]);
|
|
3706
|
+
let L = (e) => {
|
|
3707
|
+
r?.(e.target.value, e), I();
|
|
3708
|
+
}, R = () => {
|
|
3676
3709
|
let e = k.current;
|
|
3677
|
-
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(),
|
|
3678
|
-
},
|
|
3710
|
+
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), I());
|
|
3711
|
+
}, z = { "--ds-textarea-min-rows": P };
|
|
3679
3712
|
return /* @__PURE__ */ n("div", {
|
|
3680
|
-
className: `${
|
|
3713
|
+
className: `${En.wrapper} ${m}`,
|
|
3681
3714
|
children: [
|
|
3682
|
-
c && /* @__PURE__ */ t(
|
|
3715
|
+
c && /* @__PURE__ */ t(te, {
|
|
3683
3716
|
htmlFor: O,
|
|
3684
3717
|
required: b,
|
|
3685
3718
|
disabled: a,
|
|
@@ -3687,12 +3720,12 @@ function vn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3687
3720
|
}),
|
|
3688
3721
|
a && s ? /* @__PURE__ */ t("div", {
|
|
3689
3722
|
id: O,
|
|
3690
|
-
className: `${
|
|
3691
|
-
style:
|
|
3692
|
-
"aria-describedby":
|
|
3723
|
+
className: `${En.disabledText} ${En[v]}`,
|
|
3724
|
+
style: z,
|
|
3725
|
+
"aria-describedby": N,
|
|
3693
3726
|
children: e || i
|
|
3694
3727
|
}) : /* @__PURE__ */ n("div", {
|
|
3695
|
-
className:
|
|
3728
|
+
className: En.control,
|
|
3696
3729
|
children: [/* @__PURE__ */ t("textarea", {
|
|
3697
3730
|
ref: k,
|
|
3698
3731
|
id: O,
|
|
@@ -3703,18 +3736,18 @@ function vn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3703
3736
|
readOnly: o,
|
|
3704
3737
|
required: b,
|
|
3705
3738
|
maxLength: x,
|
|
3706
|
-
rows:
|
|
3707
|
-
style:
|
|
3739
|
+
rows: P,
|
|
3740
|
+
style: z,
|
|
3708
3741
|
"aria-invalid": !!u,
|
|
3709
|
-
"aria-describedby":
|
|
3710
|
-
className: `${
|
|
3711
|
-
onChange:
|
|
3742
|
+
"aria-describedby": N,
|
|
3743
|
+
className: `${En.textarea} ${En[v]} ${T ? En.autoResize : En.manualResize} ${u ? En.textareaError : ""}`,
|
|
3744
|
+
onChange: L,
|
|
3712
3745
|
...E
|
|
3713
3746
|
}), y && e && !a && !o && /* @__PURE__ */ t("button", {
|
|
3714
3747
|
type: "button",
|
|
3715
|
-
className:
|
|
3748
|
+
className: En.clearAction,
|
|
3716
3749
|
"aria-label": "Очистить поле",
|
|
3717
|
-
onClick:
|
|
3750
|
+
onClick: R,
|
|
3718
3751
|
children: /* @__PURE__ */ t(J, {
|
|
3719
3752
|
name: "IconCross",
|
|
3720
3753
|
width: 20,
|
|
@@ -3723,20 +3756,20 @@ function vn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3723
3756
|
})]
|
|
3724
3757
|
}),
|
|
3725
3758
|
(p || u || M) && /* @__PURE__ */ n("div", {
|
|
3726
|
-
className:
|
|
3759
|
+
className: En.messages,
|
|
3727
3760
|
children: [
|
|
3728
|
-
p && !u && /* @__PURE__ */ t(
|
|
3761
|
+
p && !u && /* @__PURE__ */ t(U, {
|
|
3729
3762
|
id: A,
|
|
3730
3763
|
children: p
|
|
3731
3764
|
}),
|
|
3732
|
-
u && /* @__PURE__ */ t(
|
|
3765
|
+
u && /* @__PURE__ */ t(U, {
|
|
3733
3766
|
id: j,
|
|
3734
3767
|
variant: "error",
|
|
3735
3768
|
children: u
|
|
3736
3769
|
}),
|
|
3737
3770
|
M && /* @__PURE__ */ n("span", {
|
|
3738
3771
|
id: M,
|
|
3739
|
-
className:
|
|
3772
|
+
className: En.counter,
|
|
3740
3773
|
children: [
|
|
3741
3774
|
e.length,
|
|
3742
3775
|
" / ",
|
|
@@ -3750,11 +3783,11 @@ function vn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3750
3783
|
}
|
|
3751
3784
|
//#endregion
|
|
3752
3785
|
//#region src/components/DSModal/modal.store.ts
|
|
3753
|
-
var
|
|
3786
|
+
var An = 0, jn = S((e, t) => ({
|
|
3754
3787
|
modals: [],
|
|
3755
3788
|
openModal: (t, n = {}, r = {}) => {
|
|
3756
|
-
|
|
3757
|
-
let i = `ds-modal-${
|
|
3789
|
+
An += 1;
|
|
3790
|
+
let i = `ds-modal-${An}`;
|
|
3758
3791
|
return e((e) => ({ modals: [...e.modals, {
|
|
3759
3792
|
id: i,
|
|
3760
3793
|
name: t,
|
|
@@ -3778,10 +3811,10 @@ var yn = 0, bn = S((e, t) => ({
|
|
|
3778
3811
|
let n = t().modals;
|
|
3779
3812
|
n.length && (e({ modals: [] }), n.forEach((e) => e.onClose?.()));
|
|
3780
3813
|
}
|
|
3781
|
-
})),
|
|
3782
|
-
|
|
3783
|
-
},
|
|
3784
|
-
function
|
|
3814
|
+
})), Mn = () => {
|
|
3815
|
+
jn.getState().closeAllModals(), An = 0;
|
|
3816
|
+
}, Nn = 8, Pn = 96, Fn = .55;
|
|
3817
|
+
function In(e, t, n) {
|
|
3785
3818
|
return {
|
|
3786
3819
|
startX: e,
|
|
3787
3820
|
startY: t,
|
|
@@ -3789,16 +3822,16 @@ function Tn(e, t, n) {
|
|
|
3789
3822
|
intent: "pending"
|
|
3790
3823
|
};
|
|
3791
3824
|
}
|
|
3792
|
-
function
|
|
3825
|
+
function Ln(e, t, n) {
|
|
3793
3826
|
let r = t - e.startX, i = n - e.startY;
|
|
3794
|
-
return e.intent === "pending" && Math.max(Math.abs(r), Math.abs(i)) >=
|
|
3827
|
+
return e.intent === "pending" && Math.max(Math.abs(r), Math.abs(i)) >= Nn && (e.intent = Math.abs(i) > Math.abs(r) ? "vertical" : "horizontal"), e.intent === "vertical" ? Math.max(0, i) : 0;
|
|
3795
3828
|
}
|
|
3796
|
-
function
|
|
3829
|
+
function Rn(e, t, n) {
|
|
3797
3830
|
if (e.intent !== "vertical") return !1;
|
|
3798
3831
|
let r = Math.max(0, t - e.startY), i = Math.max(1, n - e.startTime);
|
|
3799
|
-
return r >=
|
|
3832
|
+
return r >= Pn || r >= 32 && r / i >= Fn;
|
|
3800
3833
|
}
|
|
3801
|
-
var
|
|
3834
|
+
var zn = {
|
|
3802
3835
|
layer: "_layer_tnds0_1",
|
|
3803
3836
|
backdrop: "_backdrop_tnds0_15",
|
|
3804
3837
|
"backdrop-enter": "_backdrop-enter_tnds0_1",
|
|
@@ -3811,10 +3844,10 @@ var On = {
|
|
|
3811
3844
|
close: "_close_tnds0_141",
|
|
3812
3845
|
dragHandle: "_dragHandle_tnds0_149",
|
|
3813
3846
|
"sheet-enter": "_sheet-enter_tnds0_1"
|
|
3814
|
-
},
|
|
3815
|
-
function
|
|
3847
|
+
}, Bn = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Vn = a({});
|
|
3848
|
+
function Hn(e) {
|
|
3816
3849
|
if (e.key !== "Tab") return;
|
|
3817
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3850
|
+
let t = Array.from(e.currentTarget.querySelectorAll(Bn));
|
|
3818
3851
|
if (!t.length) {
|
|
3819
3852
|
e.preventDefault();
|
|
3820
3853
|
return;
|
|
@@ -3822,18 +3855,18 @@ function jn(e) {
|
|
|
3822
3855
|
let n = t[0], r = t.at(-1);
|
|
3823
3856
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
|
|
3824
3857
|
}
|
|
3825
|
-
var
|
|
3826
|
-
let l = u(
|
|
3858
|
+
var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: s = "", role: c = "dialog" }) => {
|
|
3859
|
+
let l = u(Vn), p = r ?? l.title, m = i ?? l.description, _ = f(), v = f(), y = h(null), b = h(null), x = h(null), [S, C] = g(0), [w, T] = g(!1), E = jn((e) => e.closeModal), D = l.requestClose ?? (() => E(a)), O = p != null, k = m != null;
|
|
3827
3860
|
d(() => {
|
|
3828
3861
|
let e = document.activeElement, t = y.current;
|
|
3829
|
-
return (t?.querySelector(
|
|
3862
|
+
return (t?.querySelector(Bn) ?? t)?.focus(), () => e?.focus();
|
|
3830
3863
|
}, []);
|
|
3831
3864
|
let A = (e) => {
|
|
3832
3865
|
e && x.current !== null && e.hasPointerCapture(x.current) && e.releasePointerCapture(x.current), b.current = null, x.current = null, T(!1), C(0);
|
|
3833
3866
|
};
|
|
3834
3867
|
return /* @__PURE__ */ n("div", {
|
|
3835
3868
|
ref: y,
|
|
3836
|
-
className: `${
|
|
3869
|
+
className: `${zn.panel} ${s}`,
|
|
3837
3870
|
"data-closing": l.closing || void 0,
|
|
3838
3871
|
"data-dragging": w || void 0,
|
|
3839
3872
|
style: { "--ds-modal-drag-offset": `${S}px` },
|
|
@@ -3842,36 +3875,36 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3842
3875
|
"aria-labelledby": O ? _ : void 0,
|
|
3843
3876
|
"aria-describedby": k ? v : void 0,
|
|
3844
3877
|
tabIndex: -1,
|
|
3845
|
-
onKeyDown:
|
|
3878
|
+
onKeyDown: Hn,
|
|
3846
3879
|
children: [
|
|
3847
3880
|
/* @__PURE__ */ t("button", {
|
|
3848
3881
|
type: "button",
|
|
3849
|
-
className:
|
|
3882
|
+
className: zn.dragHandle,
|
|
3850
3883
|
"aria-label": "Потяните вниз, чтобы закрыть модальное окно",
|
|
3851
3884
|
onPointerDown: (e) => {
|
|
3852
|
-
(e.pointerType !== "mouse" || e.button === 0) && (x.current = e.pointerId, b.current =
|
|
3885
|
+
(e.pointerType !== "mouse" || e.button === 0) && (x.current = e.pointerId, b.current = In(e.clientX, e.clientY, e.timeStamp), e.currentTarget.setPointerCapture(e.pointerId));
|
|
3853
3886
|
},
|
|
3854
3887
|
onPointerMove: (e) => {
|
|
3855
3888
|
if (e.pointerId !== x.current || !b.current) return;
|
|
3856
|
-
let t =
|
|
3889
|
+
let t = Ln(b.current, e.clientX, e.clientY);
|
|
3857
3890
|
b.current.intent === "vertical" && (e.preventDefault(), T(!0), C(t));
|
|
3858
3891
|
},
|
|
3859
3892
|
onPointerUp: (e) => {
|
|
3860
3893
|
if (e.pointerId !== x.current || !b.current) return;
|
|
3861
|
-
let t =
|
|
3894
|
+
let t = Rn(b.current, e.clientY, e.timeStamp);
|
|
3862
3895
|
A(e.currentTarget), t && D();
|
|
3863
3896
|
},
|
|
3864
3897
|
onPointerCancel: (e) => A(e.currentTarget),
|
|
3865
3898
|
children: /* @__PURE__ */ t("span", {})
|
|
3866
3899
|
}),
|
|
3867
3900
|
(O || o) && /* @__PURE__ */ n("header", {
|
|
3868
|
-
className:
|
|
3901
|
+
className: zn.header,
|
|
3869
3902
|
children: [O && /* @__PURE__ */ t("h2", {
|
|
3870
3903
|
id: _,
|
|
3871
|
-
className:
|
|
3904
|
+
className: zn.title,
|
|
3872
3905
|
children: p
|
|
3873
|
-
}), /* @__PURE__ */ t(
|
|
3874
|
-
className:
|
|
3906
|
+
}), /* @__PURE__ */ t(V, {
|
|
3907
|
+
className: zn.close,
|
|
3875
3908
|
variant: "empty",
|
|
3876
3909
|
size: "sm",
|
|
3877
3910
|
"aria-label": o,
|
|
@@ -3885,17 +3918,17 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3885
3918
|
}),
|
|
3886
3919
|
k && /* @__PURE__ */ t("p", {
|
|
3887
3920
|
id: v,
|
|
3888
|
-
className:
|
|
3921
|
+
className: zn.description,
|
|
3889
3922
|
children: m
|
|
3890
3923
|
}),
|
|
3891
3924
|
/* @__PURE__ */ t("div", {
|
|
3892
|
-
className:
|
|
3925
|
+
className: zn.content,
|
|
3893
3926
|
children: e
|
|
3894
3927
|
})
|
|
3895
3928
|
]
|
|
3896
3929
|
});
|
|
3897
|
-
},
|
|
3898
|
-
let n =
|
|
3930
|
+
}, Wn = ({ registry: e }) => {
|
|
3931
|
+
let n = jn((e) => e.modals), r = jn((e) => e.closeModal), [i, a] = g(() => /* @__PURE__ */ new Set()), o = h(/* @__PURE__ */ new Map()), s = (e) => {
|
|
3899
3932
|
if (o.current.has(e)) return;
|
|
3900
3933
|
a((t) => new Set(t).add(e));
|
|
3901
3934
|
let t = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
@@ -3911,7 +3944,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3911
3944
|
return () => e.forEach((e) => window.clearTimeout(e));
|
|
3912
3945
|
}, []), d(() => {
|
|
3913
3946
|
let e = (e) => {
|
|
3914
|
-
let t =
|
|
3947
|
+
let t = jn.getState().modals.at(-1);
|
|
3915
3948
|
e.key === "Escape" && t?.closeOnEscape && s(t.id);
|
|
3916
3949
|
};
|
|
3917
3950
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
@@ -3924,21 +3957,21 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3924
3957
|
n,
|
|
3925
3958
|
e
|
|
3926
3959
|
]), !n.length || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
3927
|
-
className:
|
|
3960
|
+
className: zn.layer,
|
|
3928
3961
|
"aria-label": "Модальные окна",
|
|
3929
3962
|
children: n.map((r, a) => {
|
|
3930
3963
|
let o = e[r.name];
|
|
3931
3964
|
if (!o) return null;
|
|
3932
3965
|
let c = i.has(r.id);
|
|
3933
3966
|
return /* @__PURE__ */ t("div", {
|
|
3934
|
-
className:
|
|
3967
|
+
className: zn.backdrop,
|
|
3935
3968
|
"data-closing": c || void 0,
|
|
3936
3969
|
"aria-hidden": a !== n.length - 1 || void 0,
|
|
3937
3970
|
inert: a !== n.length - 1 || void 0,
|
|
3938
3971
|
onMouseDown: (e) => {
|
|
3939
3972
|
e.target === e.currentTarget && r.closeOnBackdrop && s(r.id);
|
|
3940
3973
|
},
|
|
3941
|
-
children: /* @__PURE__ */ t(
|
|
3974
|
+
children: /* @__PURE__ */ t(Vn.Provider, {
|
|
3942
3975
|
value: {
|
|
3943
3976
|
title: r.title ?? r.payload.title,
|
|
3944
3977
|
description: r.description ?? r.payload.description,
|
|
@@ -3955,82 +3988,82 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3955
3988
|
}, r.id);
|
|
3956
3989
|
})
|
|
3957
3990
|
}), document.body);
|
|
3958
|
-
},
|
|
3959
|
-
let o =
|
|
3991
|
+
}, Gn = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
3992
|
+
let o = jn((e) => e.modals.length);
|
|
3960
3993
|
return d(() => {
|
|
3961
3994
|
if (!a || o === 0) return;
|
|
3962
3995
|
let e = document.body.style.overflow;
|
|
3963
3996
|
return document.body.style.overflow = "hidden", () => {
|
|
3964
3997
|
document.body.style.overflow = e;
|
|
3965
3998
|
};
|
|
3966
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
3967
|
-
},
|
|
3999
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Wn, { registry: r })] });
|
|
4000
|
+
}, Kn = (e) => e, qn = {
|
|
3968
4001
|
message: "_message_c23ie_1",
|
|
3969
4002
|
actions: "_actions_c23ie_13"
|
|
3970
|
-
},
|
|
4003
|
+
}, Jn = /* @__PURE__ */ new Map(), Yn = 0, Xn = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
3971
4004
|
let u = (e) => {
|
|
3972
|
-
|
|
4005
|
+
Jn.get(l)?.(e), Jn.delete(l), r();
|
|
3973
4006
|
};
|
|
3974
|
-
return /* @__PURE__ */ n(
|
|
4007
|
+
return /* @__PURE__ */ n(Un, {
|
|
3975
4008
|
modalId: e,
|
|
3976
4009
|
title: i,
|
|
3977
4010
|
role: "alertdialog",
|
|
3978
4011
|
children: [/* @__PURE__ */ t("p", {
|
|
3979
|
-
className:
|
|
4012
|
+
className: qn.message,
|
|
3980
4013
|
children: a
|
|
3981
4014
|
}), /* @__PURE__ */ n("div", {
|
|
3982
|
-
className:
|
|
3983
|
-
children: [/* @__PURE__ */ t(
|
|
4015
|
+
className: qn.actions,
|
|
4016
|
+
children: [/* @__PURE__ */ t(V, {
|
|
3984
4017
|
variant: "outline",
|
|
3985
4018
|
onClick: () => u(!1),
|
|
3986
4019
|
children: s
|
|
3987
|
-
}), /* @__PURE__ */ t(
|
|
4020
|
+
}), /* @__PURE__ */ t(V, {
|
|
3988
4021
|
variant: c === "danger" ? "destructive" : "primary",
|
|
3989
4022
|
onClick: () => u(!0),
|
|
3990
4023
|
children: o
|
|
3991
4024
|
})]
|
|
3992
4025
|
})]
|
|
3993
4026
|
});
|
|
3994
|
-
},
|
|
4027
|
+
}, Zn = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Un, {
|
|
3995
4028
|
modalId: e,
|
|
3996
4029
|
title: i,
|
|
3997
4030
|
role: "alertdialog",
|
|
3998
4031
|
children: [/* @__PURE__ */ t("p", {
|
|
3999
|
-
className:
|
|
4032
|
+
className: qn.message,
|
|
4000
4033
|
children: a
|
|
4001
4034
|
}), /* @__PURE__ */ t("div", {
|
|
4002
|
-
className:
|
|
4003
|
-
children: /* @__PURE__ */ t(
|
|
4035
|
+
className: qn.actions,
|
|
4036
|
+
children: /* @__PURE__ */ t(V, {
|
|
4004
4037
|
onClick: r,
|
|
4005
4038
|
children: o
|
|
4006
4039
|
})
|
|
4007
4040
|
})]
|
|
4008
|
-
}),
|
|
4009
|
-
ConfirmModal:
|
|
4010
|
-
ErrorModal:
|
|
4011
|
-
}),
|
|
4012
|
-
let e =
|
|
4041
|
+
}), Qn = Kn({
|
|
4042
|
+
ConfirmModal: Xn,
|
|
4043
|
+
ErrorModal: Zn
|
|
4044
|
+
}), $n = () => {
|
|
4045
|
+
let e = jn((e) => e.openModal);
|
|
4013
4046
|
return (t = {}) => new Promise((n) => {
|
|
4014
|
-
|
|
4015
|
-
let r = `confirm-${
|
|
4016
|
-
|
|
4047
|
+
Yn += 1;
|
|
4048
|
+
let r = `confirm-${Yn}`;
|
|
4049
|
+
Jn.set(r, n), e("ConfirmModal", {
|
|
4017
4050
|
...t,
|
|
4018
4051
|
requestId: r
|
|
4019
4052
|
}, {
|
|
4020
4053
|
closeOnEscape: !1,
|
|
4021
4054
|
onClose: () => {
|
|
4022
|
-
|
|
4055
|
+
Jn.get(r)?.(!1), Jn.delete(r);
|
|
4023
4056
|
}
|
|
4024
4057
|
});
|
|
4025
4058
|
});
|
|
4026
|
-
},
|
|
4027
|
-
let e =
|
|
4059
|
+
}, er = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", tr = () => {
|
|
4060
|
+
let e = jn((e) => e.openModal);
|
|
4028
4061
|
return { showError: (t, n) => e("ErrorModal", {
|
|
4029
4062
|
title: n,
|
|
4030
|
-
message:
|
|
4063
|
+
message: er(t)
|
|
4031
4064
|
}) };
|
|
4032
|
-
},
|
|
4033
|
-
let e =
|
|
4065
|
+
}, nr = S(() => ({})), rr = S(() => ({})), ir = () => {
|
|
4066
|
+
let e = jn((e) => e.modals), t = jn((e) => e.openModal), n = jn((e) => e.closeModal), r = jn((e) => e.closeTopModal), i = jn((e) => e.closeAllModals), a = l((e, n = {}, r) => t(e, n, r), [t]), o = l((t) => e.some((e) => e.name === t), [e]);
|
|
4034
4067
|
return m(() => ({
|
|
4035
4068
|
openModal: a,
|
|
4036
4069
|
closeModal: n,
|
|
@@ -4046,7 +4079,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4046
4079
|
e.length,
|
|
4047
4080
|
a
|
|
4048
4081
|
]);
|
|
4049
|
-
},
|
|
4082
|
+
}, ar = {
|
|
4050
4083
|
layer: "_layer_2i8uw_1",
|
|
4051
4084
|
backdrop: "_backdrop_2i8uw_13",
|
|
4052
4085
|
panel: "_panel_2i8uw_27",
|
|
@@ -4066,16 +4099,16 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4066
4099
|
"enter-right": "_enter-right_2i8uw_1",
|
|
4067
4100
|
"enter-left": "_enter-left_2i8uw_1",
|
|
4068
4101
|
"enter-bottom": "_enter-bottom_2i8uw_1"
|
|
4069
|
-
},
|
|
4102
|
+
}, or = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", sr = a(null), cr = (e) => {
|
|
4070
4103
|
if (e.key !== "Tab") return;
|
|
4071
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
4104
|
+
let t = Array.from(e.currentTarget.querySelectorAll(or));
|
|
4072
4105
|
if (!t.length) {
|
|
4073
4106
|
e.preventDefault();
|
|
4074
4107
|
return;
|
|
4075
4108
|
}
|
|
4076
4109
|
let n = t[0], r = t.at(-1);
|
|
4077
4110
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
|
|
4078
|
-
},
|
|
4111
|
+
}, lr = () => u(sr), ur = ({ open: e, onCloseRequest: r, children: i, title: a, description: o, headerActions: s, footer: c, placement: l = "right", size: u = "md", closeOnEscape: p = !0, closeOnBackdrop: m = !0, preventClose: g = !1, closeLabel: v = "Закрыть", initialFocusRef: y, returnFocusRef: b, className: x = "" }) => {
|
|
4079
4112
|
let S = h(null), C = f(), w = f(), T = (e) => {
|
|
4080
4113
|
g || r(e);
|
|
4081
4114
|
};
|
|
@@ -4084,7 +4117,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4084
4117
|
let t = document.activeElement, n = b?.current, i = document.body.style.overflow;
|
|
4085
4118
|
document.body.style.overflow = "hidden";
|
|
4086
4119
|
let a = S.current;
|
|
4087
|
-
(y?.current ?? a?.querySelector(
|
|
4120
|
+
(y?.current ?? a?.querySelector(or) ?? a)?.focus();
|
|
4088
4121
|
let o = (e) => {
|
|
4089
4122
|
e.key === "Escape" && p && !g && r("escape");
|
|
4090
4123
|
};
|
|
@@ -4099,29 +4132,29 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4099
4132
|
g,
|
|
4100
4133
|
b
|
|
4101
4134
|
]), !e || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
4102
|
-
className:
|
|
4135
|
+
className: ar.layer,
|
|
4103
4136
|
children: /* @__PURE__ */ t("div", {
|
|
4104
|
-
className:
|
|
4137
|
+
className: ar.backdrop,
|
|
4105
4138
|
onMouseDown: (e) => {
|
|
4106
4139
|
e.target === e.currentTarget && m && T("backdrop");
|
|
4107
4140
|
},
|
|
4108
|
-
children: /* @__PURE__ */ t(
|
|
4141
|
+
children: /* @__PURE__ */ t(sr.Provider, {
|
|
4109
4142
|
value: { requestClose: T },
|
|
4110
4143
|
children: /* @__PURE__ */ n("section", {
|
|
4111
4144
|
ref: S,
|
|
4112
|
-
className: `${
|
|
4145
|
+
className: `${ar.panel} ${ar[l]} ${ar[u]} ${x}`,
|
|
4113
4146
|
role: "dialog",
|
|
4114
4147
|
"aria-modal": "true",
|
|
4115
4148
|
"aria-labelledby": a ? C : void 0,
|
|
4116
4149
|
"aria-describedby": o ? w : void 0,
|
|
4117
4150
|
tabIndex: -1,
|
|
4118
|
-
onKeyDown:
|
|
4151
|
+
onKeyDown: cr,
|
|
4119
4152
|
children: [
|
|
4120
4153
|
/* @__PURE__ */ n("header", {
|
|
4121
|
-
className:
|
|
4154
|
+
className: ar.header,
|
|
4122
4155
|
children: [
|
|
4123
4156
|
/* @__PURE__ */ n("div", {
|
|
4124
|
-
className:
|
|
4157
|
+
className: ar.heading,
|
|
4125
4158
|
children: [a && /* @__PURE__ */ t("h2", {
|
|
4126
4159
|
id: C,
|
|
4127
4160
|
children: a
|
|
@@ -4131,10 +4164,10 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4131
4164
|
})]
|
|
4132
4165
|
}),
|
|
4133
4166
|
s && /* @__PURE__ */ t("div", {
|
|
4134
|
-
className:
|
|
4167
|
+
className: ar.headerActions,
|
|
4135
4168
|
children: s
|
|
4136
4169
|
}),
|
|
4137
|
-
/* @__PURE__ */ t(
|
|
4170
|
+
/* @__PURE__ */ t(V, {
|
|
4138
4171
|
variant: "empty",
|
|
4139
4172
|
size: "sm",
|
|
4140
4173
|
"aria-label": v,
|
|
@@ -4149,11 +4182,11 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4149
4182
|
]
|
|
4150
4183
|
}),
|
|
4151
4184
|
/* @__PURE__ */ t("div", {
|
|
4152
|
-
className:
|
|
4185
|
+
className: ar.content,
|
|
4153
4186
|
children: i
|
|
4154
4187
|
}),
|
|
4155
4188
|
c && /* @__PURE__ */ t("footer", {
|
|
4156
|
-
className:
|
|
4189
|
+
className: ar.footer,
|
|
4157
4190
|
children: c
|
|
4158
4191
|
})
|
|
4159
4192
|
]
|
|
@@ -4161,17 +4194,17 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4161
4194
|
})
|
|
4162
4195
|
})
|
|
4163
4196
|
}), document.body);
|
|
4164
|
-
},
|
|
4197
|
+
}, dr = ({ placement: e = "right", ...n }) => /* @__PURE__ */ t(ur, {
|
|
4165
4198
|
...n,
|
|
4166
4199
|
placement: e
|
|
4167
|
-
}),
|
|
4200
|
+
}), fr = (e) => /* @__PURE__ */ t(ur, {
|
|
4168
4201
|
...e,
|
|
4169
4202
|
placement: "bottom"
|
|
4170
|
-
}),
|
|
4203
|
+
}), pr = (e) => /* @__PURE__ */ t(ur, {
|
|
4171
4204
|
...e,
|
|
4172
4205
|
placement: "fullscreen",
|
|
4173
4206
|
size: "xl"
|
|
4174
|
-
}),
|
|
4207
|
+
}), mr = {
|
|
4175
4208
|
wrapper: "_wrapper_hpk6i_1",
|
|
4176
4209
|
container: "_container_hpk6i_15",
|
|
4177
4210
|
inner: "_inner_hpk6i_35",
|
|
@@ -4186,29 +4219,29 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4186
4219
|
empty: "_empty_hpk6i_153",
|
|
4187
4220
|
destructive: "_destructive_hpk6i_161",
|
|
4188
4221
|
destructiveOutline: "_destructiveOutline_hpk6i_169"
|
|
4189
|
-
},
|
|
4190
|
-
className:
|
|
4222
|
+
}, hr = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
4223
|
+
className: mr.wrapper,
|
|
4191
4224
|
children: /* @__PURE__ */ t("div", {
|
|
4192
|
-
className:
|
|
4225
|
+
className: mr.container,
|
|
4193
4226
|
children: /* @__PURE__ */ n("div", {
|
|
4194
|
-
className:
|
|
4227
|
+
className: mr.inner,
|
|
4195
4228
|
children: [
|
|
4196
4229
|
/* @__PURE__ */ t("div", {
|
|
4197
|
-
className:
|
|
4198
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
4230
|
+
className: mr.cube,
|
|
4231
|
+
children: /* @__PURE__ */ t("div", { className: `${mr.cube__inner} ${mr[e]}` })
|
|
4199
4232
|
}),
|
|
4200
4233
|
/* @__PURE__ */ t("div", {
|
|
4201
|
-
className:
|
|
4202
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
4234
|
+
className: mr.cube,
|
|
4235
|
+
children: /* @__PURE__ */ t("div", { className: `${mr.cube__inner} ${mr[e]}` })
|
|
4203
4236
|
}),
|
|
4204
4237
|
/* @__PURE__ */ t("div", {
|
|
4205
|
-
className:
|
|
4206
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
4238
|
+
className: mr.cube,
|
|
4239
|
+
children: /* @__PURE__ */ t("div", { className: `${mr.cube__inner} ${mr[e]}` })
|
|
4207
4240
|
})
|
|
4208
4241
|
]
|
|
4209
4242
|
})
|
|
4210
4243
|
})
|
|
4211
|
-
}),
|
|
4244
|
+
}), gr = {
|
|
4212
4245
|
viewport: "_viewport_22b73_1",
|
|
4213
4246
|
"top-right": "_top-right_22b73_21",
|
|
4214
4247
|
"top-left": "_top-left_22b73_31",
|
|
@@ -4224,12 +4257,12 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4224
4257
|
success: "_success_22b73_195",
|
|
4225
4258
|
warning: "_warning_22b73_203",
|
|
4226
4259
|
error: "_error_22b73_211"
|
|
4227
|
-
},
|
|
4260
|
+
}, _r = {
|
|
4228
4261
|
info: "IconInfoCircle",
|
|
4229
4262
|
success: "IconSuccessCircle",
|
|
4230
4263
|
warning: "IconWarning",
|
|
4231
4264
|
error: "IconWarning"
|
|
4232
|
-
},
|
|
4265
|
+
}, vr = ({ toast: e, onClose: r }) => {
|
|
4233
4266
|
let [i, a] = g(!1), [o, s] = g(() => typeof document < "u" && document.hidden), c = h(e.duration), l = h(Date.now());
|
|
4234
4267
|
return d(() => {
|
|
4235
4268
|
if (i || o || e.duration <= 0) return;
|
|
@@ -4249,7 +4282,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4249
4282
|
let e = () => s(document.hidden);
|
|
4250
4283
|
return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
|
|
4251
4284
|
}, []), /* @__PURE__ */ n("article", {
|
|
4252
|
-
className: `${
|
|
4285
|
+
className: `${gr.toast} ${gr[e.variant]}`,
|
|
4253
4286
|
role: e.variant === "error" ? "alert" : "status",
|
|
4254
4287
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
4255
4288
|
onMouseEnter: () => a(!0),
|
|
@@ -4258,27 +4291,27 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4258
4291
|
onBlur: () => a(!1),
|
|
4259
4292
|
children: [
|
|
4260
4293
|
/* @__PURE__ */ t("div", {
|
|
4261
|
-
className:
|
|
4294
|
+
className: gr.icon,
|
|
4262
4295
|
"aria-hidden": "true",
|
|
4263
4296
|
children: /* @__PURE__ */ t(J, {
|
|
4264
|
-
name:
|
|
4297
|
+
name: _r[e.variant],
|
|
4265
4298
|
color: "var(--ds-toast-accent)",
|
|
4266
4299
|
width: 20,
|
|
4267
4300
|
height: 20
|
|
4268
4301
|
})
|
|
4269
4302
|
}),
|
|
4270
4303
|
/* @__PURE__ */ n("div", {
|
|
4271
|
-
className:
|
|
4304
|
+
className: gr.body,
|
|
4272
4305
|
children: [
|
|
4273
4306
|
e.title && /* @__PURE__ */ t("strong", {
|
|
4274
|
-
className:
|
|
4307
|
+
className: gr.title,
|
|
4275
4308
|
children: e.title
|
|
4276
4309
|
}),
|
|
4277
4310
|
/* @__PURE__ */ t("div", {
|
|
4278
|
-
className:
|
|
4311
|
+
className: gr.message,
|
|
4279
4312
|
children: e.message
|
|
4280
4313
|
}),
|
|
4281
|
-
e.action && /* @__PURE__ */ t(
|
|
4314
|
+
e.action && /* @__PURE__ */ t(V, {
|
|
4282
4315
|
variant: "empty",
|
|
4283
4316
|
size: "sm",
|
|
4284
4317
|
onClick: () => {
|
|
@@ -4288,7 +4321,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4288
4321
|
})
|
|
4289
4322
|
]
|
|
4290
4323
|
}),
|
|
4291
|
-
e.closable && /* @__PURE__ */ t(
|
|
4324
|
+
e.closable && /* @__PURE__ */ t(V, {
|
|
4292
4325
|
variant: "empty",
|
|
4293
4326
|
size: "sm",
|
|
4294
4327
|
"aria-label": "Закрыть уведомление",
|
|
@@ -4301,15 +4334,15 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4301
4334
|
})
|
|
4302
4335
|
]
|
|
4303
4336
|
});
|
|
4304
|
-
},
|
|
4337
|
+
}, yr = 0, br = S((e, t) => ({
|
|
4305
4338
|
toasts: [],
|
|
4306
4339
|
showToast: (n) => {
|
|
4307
4340
|
if (n.dedupeKey) {
|
|
4308
4341
|
let e = t().toasts.find((e) => e.dedupeKey === n.dedupeKey);
|
|
4309
4342
|
if (e) return e.id;
|
|
4310
4343
|
}
|
|
4311
|
-
|
|
4312
|
-
let r = `ds-toast-${
|
|
4344
|
+
yr += 1;
|
|
4345
|
+
let r = `ds-toast-${yr}`;
|
|
4313
4346
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
4314
4347
|
variant: "info",
|
|
4315
4348
|
duration: 5e3,
|
|
@@ -4320,18 +4353,18 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4320
4353
|
},
|
|
4321
4354
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
4322
4355
|
clearToasts: () => e({ toasts: [] })
|
|
4323
|
-
})),
|
|
4324
|
-
let r =
|
|
4356
|
+
})), xr = () => br.setState({ toasts: [] }), Sr = ({ position: e = "top-right", maxVisible: n }) => {
|
|
4357
|
+
let r = br((e) => e.toasts), i = br((e) => e.removeToast), a = n === void 0 ? r : r.slice(0, Math.max(0, Math.floor(n)));
|
|
4325
4358
|
return /* @__PURE__ */ t("div", {
|
|
4326
|
-
className: `${
|
|
4359
|
+
className: `${gr.viewport} ${gr[e]}`,
|
|
4327
4360
|
"aria-label": "Уведомления",
|
|
4328
|
-
children: a.map((e) => /* @__PURE__ */ t(
|
|
4361
|
+
children: a.map((e) => /* @__PURE__ */ t(vr, {
|
|
4329
4362
|
toast: e,
|
|
4330
4363
|
onClose: i
|
|
4331
4364
|
}, e.id))
|
|
4332
4365
|
});
|
|
4333
|
-
},
|
|
4334
|
-
let e =
|
|
4366
|
+
}, Cr = () => {
|
|
4367
|
+
let e = br((e) => e.showToast), t = br((e) => e.removeToast), n = br((e) => e.clearToasts), r = l((t) => e({
|
|
4335
4368
|
...t,
|
|
4336
4369
|
variant: "info"
|
|
4337
4370
|
}), [e]), i = l((t) => e({
|
|
@@ -4361,24 +4394,24 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4361
4394
|
i,
|
|
4362
4395
|
a
|
|
4363
4396
|
]);
|
|
4364
|
-
},
|
|
4397
|
+
}, wr = {
|
|
4365
4398
|
root: "_root_1pa4z_1",
|
|
4366
4399
|
tooltip: "_tooltip_1pa4z_11",
|
|
4367
4400
|
"ds-tooltip-in": "_ds-tooltip-in_1pa4z_1"
|
|
4368
|
-
},
|
|
4401
|
+
}, Tr = 8, Er = 16, Dr = {
|
|
4369
4402
|
top: "bottom",
|
|
4370
4403
|
right: "left",
|
|
4371
4404
|
bottom: "top",
|
|
4372
4405
|
left: "right"
|
|
4373
|
-
},
|
|
4406
|
+
}, Or = (e, t, n) => e === "top" ? t.top >= n.height + Tr + Er : e === "bottom" ? window.innerHeight - t.bottom >= n.height + Tr + Er : e === "left" ? t.left >= n.width + Tr + Er : window.innerWidth - t.right >= n.width + Tr + Er, kr = (e, t, n) => {
|
|
4374
4407
|
if (!(t.bottom > 0 && t.right > 0 && t.top < window.innerHeight && t.left < window.innerWidth)) return null;
|
|
4375
|
-
let r =
|
|
4376
|
-
return r === "top" && (a = t.top - n.height -
|
|
4408
|
+
let r = Or(e, t, n) ? e : Or(Dr[e], t, n) ? Dr[e] : e, i = t.left + (t.width - n.width) / 2, a = t.top + (t.height - n.height) / 2;
|
|
4409
|
+
return r === "top" && (a = t.top - n.height - Tr), r === "bottom" && (a = t.bottom + Tr), r === "left" && (i = t.left - n.width - Tr), r === "right" && (i = t.right + Tr), i = Math.min(Math.max(i, Er), Math.max(Er, window.innerWidth - n.width - Er)), a = Math.min(Math.max(a, Er), Math.max(Er, window.innerHeight - n.height - Er)), {
|
|
4377
4410
|
left: i,
|
|
4378
4411
|
top: a,
|
|
4379
4412
|
visibility: "visible"
|
|
4380
4413
|
};
|
|
4381
|
-
},
|
|
4414
|
+
}, Ar = ({ content: e, children: r, placement: a = "top", delay: o = 450, disabled: s = !1, maxWidth: u = 280, className: p = "" }) => {
|
|
4382
4415
|
let m = f(), [_, v] = g(!1), [y, b] = g({ visibility: "hidden" }), [x, S] = g(null), C = h(null), w = h(null), T = l(() => {
|
|
4383
4416
|
C.current && clearTimeout(C.current), C.current = null, v(!1);
|
|
4384
4417
|
}, []), E = l(() => {
|
|
@@ -4396,7 +4429,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4396
4429
|
let e = () => {
|
|
4397
4430
|
let e = w.current;
|
|
4398
4431
|
if (!e || !x) return;
|
|
4399
|
-
let t =
|
|
4432
|
+
let t = kr(a, e.getBoundingClientRect(), x.getBoundingClientRect());
|
|
4400
4433
|
if (!t) {
|
|
4401
4434
|
T();
|
|
4402
4435
|
return;
|
|
@@ -4433,24 +4466,24 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4433
4466
|
});
|
|
4434
4467
|
return /* @__PURE__ */ n("span", {
|
|
4435
4468
|
ref: w,
|
|
4436
|
-
className: `${
|
|
4469
|
+
className: `${wr.root} ${p}`,
|
|
4437
4470
|
onPointerDown: _ ? T : E,
|
|
4438
|
-
children: [O, _ && /* @__PURE__ */ t(
|
|
4471
|
+
children: [O, _ && /* @__PURE__ */ t(Cn, { children: /* @__PURE__ */ t("span", {
|
|
4439
4472
|
ref: S,
|
|
4440
4473
|
id: m,
|
|
4441
4474
|
role: "tooltip",
|
|
4442
|
-
className:
|
|
4475
|
+
className: wr.tooltip,
|
|
4443
4476
|
style: D,
|
|
4444
4477
|
children: e
|
|
4445
4478
|
}) })]
|
|
4446
4479
|
});
|
|
4447
|
-
},
|
|
4480
|
+
}, jr = {
|
|
4448
4481
|
root: "_root_bs28m_1",
|
|
4449
4482
|
tabList: "_tabList_bs28m_11",
|
|
4450
4483
|
tab: "_tab_bs28m_11",
|
|
4451
4484
|
panels: "_panels_bs28m_127",
|
|
4452
4485
|
panel: "_panel_bs28m_127"
|
|
4453
|
-
},
|
|
4486
|
+
}, Mr = ({ items: e, value: r, onChange: i, ariaLabel: a = "Вкладки", disabled: o = !1, loading: s = !1, className: c = "" }) => {
|
|
4454
4487
|
let l = `ds-tabs-${f().replace(/:/g, "")}`, u = h([]), d = o || s, p = e.findIndex((e) => e.id === r), m = e.findIndex((e) => !e.disabled), g = p >= 0 && !e[p]?.disabled ? p : m, _ = (t) => {
|
|
4455
4488
|
let n = e[t];
|
|
4456
4489
|
!n || n.disabled || d || (i(n.id), u.current[t]?.focus(), u.current[t]?.scrollIntoView({
|
|
@@ -4480,10 +4513,10 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4480
4513
|
t.preventDefault(), _(a);
|
|
4481
4514
|
};
|
|
4482
4515
|
return /* @__PURE__ */ n("div", {
|
|
4483
|
-
className: `${
|
|
4516
|
+
className: `${jr.root} ${c}`,
|
|
4484
4517
|
"aria-busy": s || void 0,
|
|
4485
4518
|
children: [/* @__PURE__ */ t("div", {
|
|
4486
|
-
className:
|
|
4519
|
+
className: jr.tabList,
|
|
4487
4520
|
role: "tablist",
|
|
4488
4521
|
"aria-label": a,
|
|
4489
4522
|
"aria-orientation": "horizontal",
|
|
@@ -4495,7 +4528,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4495
4528
|
u.current[n] = e;
|
|
4496
4529
|
},
|
|
4497
4530
|
id: a,
|
|
4498
|
-
className:
|
|
4531
|
+
className: jr.tab,
|
|
4499
4532
|
type: "button",
|
|
4500
4533
|
role: "tab",
|
|
4501
4534
|
"aria-selected": i,
|
|
@@ -4508,12 +4541,12 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4508
4541
|
}, e.id);
|
|
4509
4542
|
})
|
|
4510
4543
|
}), /* @__PURE__ */ t("div", {
|
|
4511
|
-
className:
|
|
4544
|
+
className: jr.panels,
|
|
4512
4545
|
children: e.map((e, n) => {
|
|
4513
4546
|
let i = e.id === r;
|
|
4514
4547
|
return /* @__PURE__ */ t("div", {
|
|
4515
4548
|
id: `${l}-panel-${n}`,
|
|
4516
|
-
className:
|
|
4549
|
+
className: jr.panel,
|
|
4517
4550
|
role: "tabpanel",
|
|
4518
4551
|
"aria-labelledby": `${l}-tab-${n}`,
|
|
4519
4552
|
tabIndex: 0,
|
|
@@ -4523,7 +4556,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4523
4556
|
})
|
|
4524
4557
|
})]
|
|
4525
4558
|
});
|
|
4526
|
-
},
|
|
4559
|
+
}, Nr = (e) => {
|
|
4527
4560
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
4528
4561
|
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")}`;
|
|
4529
4562
|
return n ? `${n}:${a}` : a;
|
|
@@ -4556,22 +4589,22 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4556
4589
|
settingsActionLabel: "_settingsActionLabel_m0ykf_693",
|
|
4557
4590
|
caption: "_caption_m0ykf_705",
|
|
4558
4591
|
fullscreen: "_fullscreen_m0ykf_719"
|
|
4559
|
-
},
|
|
4592
|
+
}, Pr = 2500, Fr = 5, Ir = .05, Lr = [
|
|
4560
4593
|
.5,
|
|
4561
4594
|
.75,
|
|
4562
4595
|
1,
|
|
4563
4596
|
1.25,
|
|
4564
4597
|
1.5,
|
|
4565
4598
|
2
|
|
4566
|
-
],
|
|
4567
|
-
let y = h(null), b = h(null), x = h(null), S = h(void 0), [C, w] = g(!1), [T, E] = g(r.length > 0), [D, O] = g(!1), [
|
|
4599
|
+
], Rr = ({ sources: r, tracks: i = [], title: a, aspectRatio: o = "16 / 9", objectFit: s = "contain", loading: c = !1, error: u, fallback: f, className: p = "", controls: m = !0, playsInline: _ = !0, ...v }) => {
|
|
4600
|
+
let y = h(null), b = h(null), x = h(null), S = h(void 0), [C, w] = g(!1), [T, E] = g(r.length > 0), [D, O] = g(!1), [k, A] = g(!1), [j, M] = g(!1), [N, P] = g(0), [F, I] = g(0), [L, R] = g(0), [z, B] = g(1), [H, te] = g(!!v.muted), [U, W] = g(1), [ne, re] = g(!!v.loop), [ie, ae] = g(-1), [oe, se] = g(!1), [ce, le] = g(!0), [ue, G] = g(!1), [de, fe] = g(!1), pe = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), me = i.map((e, t) => ({
|
|
4568
4601
|
track: e,
|
|
4569
4602
|
index: t
|
|
4570
4603
|
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), K = u ?? (C ? "Не удалось воспроизвести видео" : void 0), he = c || T && !K && r.length > 0, ge = !he && !K && r.length === 0, _e = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, ve = l(() => {
|
|
4571
|
-
le(!0), window.clearTimeout(S.current),
|
|
4572
|
-
}, [
|
|
4604
|
+
le(!0), window.clearTimeout(S.current), k && !oe && (S.current = window.setTimeout(() => le(!1), Pr));
|
|
4605
|
+
}, [k, oe]);
|
|
4573
4606
|
d(() => {
|
|
4574
|
-
w(!1), E(r.length > 0), O(!1),
|
|
4607
|
+
w(!1), E(r.length > 0), O(!1), A(!1), M(!1), P(0), I(0), R(0);
|
|
4575
4608
|
}, [pe, r.length]), d(() => (ve(), () => window.clearTimeout(S.current)), [ve]), d(() => {
|
|
4576
4609
|
let e = () => G(document.fullscreenElement === b.current), t = () => fe(document.pictureInPictureElement === x.current);
|
|
4577
4610
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
@@ -4604,7 +4637,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4604
4637
|
t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
|
|
4605
4638
|
}, Se = (e) => {
|
|
4606
4639
|
let t = x.current;
|
|
4607
|
-
!t || !
|
|
4640
|
+
!t || !F || (t.currentTime = Math.min(F, Math.max(0, e)), P(t.currentTime));
|
|
4608
4641
|
}, Ce = async () => {
|
|
4609
4642
|
if (b.current) try {
|
|
4610
4643
|
document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
|
|
@@ -4627,13 +4660,13 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4627
4660
|
let t = e.target;
|
|
4628
4661
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
4629
4662
|
let n = e.key.toLowerCase();
|
|
4630
|
-
n === " " || n === "k" ? (e.preventDefault(), ye()) : n === "m" ? (e.preventDefault(), be()) : n === "f" ? (e.preventDefault(), Ce()) : n === "c" && me.length ? (e.preventDefault(), Te(ie === -1 ? me[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), Se(
|
|
4663
|
+
n === " " || n === "k" ? (e.preventDefault(), ye()) : n === "m" ? (e.preventDefault(), be()) : n === "f" ? (e.preventDefault(), Ce()) : n === "c" && me.length ? (e.preventDefault(), Te(ie === -1 ? me[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), Se(N + (e.key === "ArrowRight" ? Fr : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), xe(z + (e.key === "ArrowUp" ? Ir : -.05))) : e.key === "Escape" && se(!1), ve();
|
|
4631
4664
|
}, De = () => {
|
|
4632
4665
|
let e = x.current;
|
|
4633
4666
|
w(!1), E(!0), e?.load();
|
|
4634
4667
|
}, Oe = {
|
|
4635
|
-
"--video-progress": `${
|
|
4636
|
-
"--video-buffered": `${
|
|
4668
|
+
"--video-progress": `${F ? N / F * 100 : 0}%`,
|
|
4669
|
+
"--video-buffered": `${L * 100}%`
|
|
4637
4670
|
};
|
|
4638
4671
|
return /* @__PURE__ */ n("figure", {
|
|
4639
4672
|
ref: y,
|
|
@@ -4649,7 +4682,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4649
4682
|
onPointerDown: ve,
|
|
4650
4683
|
onFocusCapture: ve,
|
|
4651
4684
|
onMouseLeave: () => {
|
|
4652
|
-
|
|
4685
|
+
k && !oe && le(!1);
|
|
4653
4686
|
},
|
|
4654
4687
|
children: [
|
|
4655
4688
|
r.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -4671,19 +4704,19 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4671
4704
|
E(!0), v.onLoadStart?.(e);
|
|
4672
4705
|
},
|
|
4673
4706
|
onLoadedMetadata: (e) => {
|
|
4674
|
-
|
|
4707
|
+
I(e.currentTarget.duration || 0);
|
|
4675
4708
|
let t = me.find(({ track: e }) => e.default);
|
|
4676
4709
|
Te(t?.index ?? -1), v.onLoadedMetadata?.(e);
|
|
4677
4710
|
},
|
|
4678
4711
|
onDurationChange: (e) => {
|
|
4679
|
-
|
|
4712
|
+
I(e.currentTarget.duration || 0), v.onDurationChange?.(e);
|
|
4680
4713
|
},
|
|
4681
4714
|
onTimeUpdate: (e) => {
|
|
4682
|
-
|
|
4715
|
+
P(e.currentTarget.currentTime), v.onTimeUpdate?.(e);
|
|
4683
4716
|
},
|
|
4684
4717
|
onProgress: (e) => {
|
|
4685
4718
|
let t = e.currentTarget;
|
|
4686
|
-
t.duration && t.buffered.length &&
|
|
4719
|
+
t.duration && t.buffered.length && R(t.buffered.end(t.buffered.length - 1) / t.duration), v.onProgress?.(e);
|
|
4687
4720
|
},
|
|
4688
4721
|
onLoadedData: (e) => {
|
|
4689
4722
|
E(!1), O(!1), v.onLoadedData?.(e);
|
|
@@ -4695,22 +4728,22 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4695
4728
|
O(!0), v.onWaiting?.(e);
|
|
4696
4729
|
},
|
|
4697
4730
|
onPlaying: (e) => {
|
|
4698
|
-
|
|
4731
|
+
A(!0), M(!1), O(!1), v.onPlaying?.(e);
|
|
4699
4732
|
},
|
|
4700
4733
|
onPlay: (e) => {
|
|
4701
|
-
|
|
4734
|
+
A(!0), v.onPlay?.(e);
|
|
4702
4735
|
},
|
|
4703
4736
|
onPause: (e) => {
|
|
4704
|
-
|
|
4737
|
+
A(!1), v.onPause?.(e);
|
|
4705
4738
|
},
|
|
4706
4739
|
onEnded: (e) => {
|
|
4707
|
-
|
|
4740
|
+
A(!1), M(!0), le(!0), v.onEnded?.(e);
|
|
4708
4741
|
},
|
|
4709
4742
|
onVolumeChange: (e) => {
|
|
4710
|
-
|
|
4743
|
+
B(e.currentTarget.volume), te(e.currentTarget.muted), v.onVolumeChange?.(e);
|
|
4711
4744
|
},
|
|
4712
4745
|
onRateChange: (e) => {
|
|
4713
|
-
|
|
4746
|
+
W(e.currentTarget.playbackRate), v.onRateChange?.(e);
|
|
4714
4747
|
},
|
|
4715
4748
|
onError: (e) => {
|
|
4716
4749
|
E(!1), O(!1), w(!0), v.onError?.(e);
|
|
@@ -4726,7 +4759,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4726
4759
|
"aria-hidden": "true",
|
|
4727
4760
|
children: /* @__PURE__ */ t("div", {
|
|
4728
4761
|
className: $.loaderScale,
|
|
4729
|
-
children: /* @__PURE__ */ t(
|
|
4762
|
+
children: /* @__PURE__ */ t(hr, {})
|
|
4730
4763
|
})
|
|
4731
4764
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
4732
4765
|
}),
|
|
@@ -4734,7 +4767,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4734
4767
|
className: $.buffering,
|
|
4735
4768
|
role: "status",
|
|
4736
4769
|
"aria-label": "Буферизация видео",
|
|
4737
|
-
children: /* @__PURE__ */ t(
|
|
4770
|
+
children: /* @__PURE__ */ t(ee, { variant: "primary" })
|
|
4738
4771
|
}),
|
|
4739
4772
|
ge && /* @__PURE__ */ n("div", {
|
|
4740
4773
|
className: `${$.state} ${$.empty}`,
|
|
@@ -4761,7 +4794,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4761
4794
|
height: 40
|
|
4762
4795
|
}),
|
|
4763
4796
|
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: K })] }),
|
|
4764
|
-
r.length > 0 && /* @__PURE__ */ t(
|
|
4797
|
+
r.length > 0 && /* @__PURE__ */ t(V, {
|
|
4765
4798
|
size: "sm",
|
|
4766
4799
|
variant: "secondary",
|
|
4767
4800
|
onClick: De,
|
|
@@ -4769,7 +4802,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4769
4802
|
})
|
|
4770
4803
|
]
|
|
4771
4804
|
}),
|
|
4772
|
-
!he && !K &&
|
|
4805
|
+
!he && !K && j && /* @__PURE__ */ t("button", {
|
|
4773
4806
|
type: "button",
|
|
4774
4807
|
className: $.replay,
|
|
4775
4808
|
"aria-label": "Воспроизвести заново",
|
|
@@ -4781,7 +4814,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4781
4814
|
})
|
|
4782
4815
|
}),
|
|
4783
4816
|
m && r.length > 0 && !he && !K && /* @__PURE__ */ n("div", {
|
|
4784
|
-
className: `${$.controlsLayer} ${ce || !
|
|
4817
|
+
className: `${$.controlsLayer} ${ce || !k ? $.controlsVisible : ""}`,
|
|
4785
4818
|
onClick: (e) => e.stopPropagation(),
|
|
4786
4819
|
children: [oe && /* @__PURE__ */ n("div", {
|
|
4787
4820
|
className: $.settings,
|
|
@@ -4789,12 +4822,12 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4789
4822
|
"aria-label": "Настройки видео",
|
|
4790
4823
|
children: [
|
|
4791
4824
|
/* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Скорость" }), /* @__PURE__ */ t("select", {
|
|
4792
|
-
value:
|
|
4825
|
+
value: U,
|
|
4793
4826
|
onChange: (e) => {
|
|
4794
4827
|
let t = Number(e.target.value);
|
|
4795
4828
|
x.current && (x.current.playbackRate = t);
|
|
4796
4829
|
},
|
|
4797
|
-
children:
|
|
4830
|
+
children: Lr.map((e) => /* @__PURE__ */ n("option", {
|
|
4798
4831
|
value: e,
|
|
4799
4832
|
children: [e, "×"]
|
|
4800
4833
|
}, e))
|
|
@@ -4840,11 +4873,11 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4840
4873
|
children: /* @__PURE__ */ t("button", {
|
|
4841
4874
|
type: "button",
|
|
4842
4875
|
className: `${$.controlButton} ${$.playButton}`,
|
|
4843
|
-
"aria-label":
|
|
4844
|
-
title:
|
|
4876
|
+
"aria-label": k ? "Пауза" : "Воспроизвести",
|
|
4877
|
+
title: k ? "Пауза (K)" : "Воспроизвести (K)",
|
|
4845
4878
|
onClick: () => void ye(),
|
|
4846
4879
|
children: /* @__PURE__ */ t(J, {
|
|
4847
|
-
name:
|
|
4880
|
+
name: k ? "IconPause" : "IconPlay",
|
|
4848
4881
|
width: 24,
|
|
4849
4882
|
height: 24
|
|
4850
4883
|
})
|
|
@@ -4860,7 +4893,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4860
4893
|
title: "Звук (M)",
|
|
4861
4894
|
onClick: be,
|
|
4862
4895
|
children: /* @__PURE__ */ t(J, {
|
|
4863
|
-
name: H ||
|
|
4896
|
+
name: H || z === 0 ? "IconVolumeMuted" : "IconVolume",
|
|
4864
4897
|
width: 22,
|
|
4865
4898
|
height: 22
|
|
4866
4899
|
})
|
|
@@ -4870,9 +4903,9 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4870
4903
|
min: 0,
|
|
4871
4904
|
max: 1,
|
|
4872
4905
|
step: .05,
|
|
4873
|
-
value: H ? 0 :
|
|
4906
|
+
value: H ? 0 : z,
|
|
4874
4907
|
"aria-label": "Громкость",
|
|
4875
|
-
"aria-valuetext": `${Math.round((H ? 0 :
|
|
4908
|
+
"aria-valuetext": `${Math.round((H ? 0 : z) * 100)}%`,
|
|
4876
4909
|
onChange: (e) => xe(Number(e.target.value))
|
|
4877
4910
|
})]
|
|
4878
4911
|
}),
|
|
@@ -4881,23 +4914,23 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4881
4914
|
children: [
|
|
4882
4915
|
/* @__PURE__ */ t("span", {
|
|
4883
4916
|
className: $.time,
|
|
4884
|
-
children:
|
|
4917
|
+
children: Nr(N)
|
|
4885
4918
|
}),
|
|
4886
4919
|
/* @__PURE__ */ t("input", {
|
|
4887
4920
|
className: $.timeline,
|
|
4888
4921
|
style: Oe,
|
|
4889
4922
|
type: "range",
|
|
4890
4923
|
min: 0,
|
|
4891
|
-
max:
|
|
4924
|
+
max: F || 0,
|
|
4892
4925
|
step: .01,
|
|
4893
|
-
value: Math.min(
|
|
4926
|
+
value: Math.min(N, F || 0),
|
|
4894
4927
|
"aria-label": "Позиция воспроизведения",
|
|
4895
|
-
"aria-valuetext": `${
|
|
4928
|
+
"aria-valuetext": `${Nr(N)} из ${Nr(F)}`,
|
|
4896
4929
|
onChange: (e) => Se(Number(e.target.value))
|
|
4897
4930
|
}),
|
|
4898
4931
|
/* @__PURE__ */ t("span", {
|
|
4899
4932
|
className: $.time,
|
|
4900
|
-
children:
|
|
4933
|
+
children: Nr(F)
|
|
4901
4934
|
})
|
|
4902
4935
|
]
|
|
4903
4936
|
}),
|
|
@@ -4937,7 +4970,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4937
4970
|
children: a
|
|
4938
4971
|
})]
|
|
4939
4972
|
});
|
|
4940
|
-
},
|
|
4973
|
+
}, zr = {
|
|
4941
4974
|
root: "_root_ymidq_1",
|
|
4942
4975
|
trigger: "_trigger_ymidq_15",
|
|
4943
4976
|
heading: "_heading_ymidq_41",
|
|
@@ -4947,7 +4980,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4947
4980
|
open: "_open_ymidq_91",
|
|
4948
4981
|
content: "_content_ymidq_99",
|
|
4949
4982
|
contentInner: "_contentInner_ymidq_119"
|
|
4950
|
-
},
|
|
4983
|
+
}, Br = (e, t, n, r = 16) => {
|
|
4951
4984
|
if (t > Math.max(0, n - r * 2)) {
|
|
4952
4985
|
let t = e - r;
|
|
4953
4986
|
return Math.abs(t) <= 1 ? {
|
|
@@ -4969,7 +5002,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4969
5002
|
alignment: "none",
|
|
4970
5003
|
delta: 0
|
|
4971
5004
|
};
|
|
4972
|
-
},
|
|
5005
|
+
}, Vr = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: u = "" }) => {
|
|
4973
5006
|
let p = f(), [m, _] = g(a), v = o ?? m, y = h(null), b = h(null), x = h(v);
|
|
4974
5007
|
return d(() => {
|
|
4975
5008
|
let e = x.current;
|
|
@@ -4979,7 +5012,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4979
5012
|
let r = !1, i = () => {
|
|
4980
5013
|
if (r) return;
|
|
4981
5014
|
r = !0;
|
|
4982
|
-
let e = t.getBoundingClientRect(), n =
|
|
5015
|
+
let e = t.getBoundingClientRect(), n = Br(e.top, e.height, window.innerHeight, l);
|
|
4983
5016
|
if (n.alignment === "none") return;
|
|
4984
5017
|
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
4985
5018
|
window.scrollBy({
|
|
@@ -5000,10 +5033,10 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5000
5033
|
l
|
|
5001
5034
|
]), /* @__PURE__ */ n("section", {
|
|
5002
5035
|
ref: y,
|
|
5003
|
-
className: `${
|
|
5036
|
+
className: `${zr.root} ${v ? zr.open : ""} ${u}`,
|
|
5004
5037
|
children: [/* @__PURE__ */ n("button", {
|
|
5005
5038
|
type: "button",
|
|
5006
|
-
className:
|
|
5039
|
+
className: zr.trigger,
|
|
5007
5040
|
"aria-expanded": v,
|
|
5008
5041
|
"aria-controls": p,
|
|
5009
5042
|
onClick: () => {
|
|
@@ -5011,16 +5044,16 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5011
5044
|
o === void 0 && _(e), s?.(e);
|
|
5012
5045
|
},
|
|
5013
5046
|
children: [/* @__PURE__ */ n("span", {
|
|
5014
|
-
className:
|
|
5047
|
+
className: zr.heading,
|
|
5015
5048
|
children: [/* @__PURE__ */ t("span", {
|
|
5016
|
-
className:
|
|
5049
|
+
className: zr.title,
|
|
5017
5050
|
children: e
|
|
5018
5051
|
}), r && /* @__PURE__ */ t("span", {
|
|
5019
|
-
className:
|
|
5052
|
+
className: zr.subtitle,
|
|
5020
5053
|
children: r
|
|
5021
5054
|
})]
|
|
5022
5055
|
}), /* @__PURE__ */ t("span", {
|
|
5023
|
-
className:
|
|
5056
|
+
className: zr.icon,
|
|
5024
5057
|
"aria-hidden": "true",
|
|
5025
5058
|
children: /* @__PURE__ */ t(J, {
|
|
5026
5059
|
name: "IconChevron",
|
|
@@ -5031,15 +5064,15 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5031
5064
|
}), /* @__PURE__ */ t("div", {
|
|
5032
5065
|
ref: b,
|
|
5033
5066
|
id: p,
|
|
5034
|
-
className:
|
|
5067
|
+
className: zr.content,
|
|
5035
5068
|
"aria-hidden": !v,
|
|
5036
5069
|
children: /* @__PURE__ */ t("div", {
|
|
5037
|
-
className:
|
|
5070
|
+
className: zr.contentInner,
|
|
5038
5071
|
children: i
|
|
5039
5072
|
})
|
|
5040
5073
|
})]
|
|
5041
5074
|
});
|
|
5042
|
-
},
|
|
5075
|
+
}, Hr = {
|
|
5043
5076
|
root: "_root_14ewt_1",
|
|
5044
5077
|
topSlot: "_topSlot_14ewt_29",
|
|
5045
5078
|
searchSlot: "_searchSlot_14ewt_31",
|
|
@@ -5057,14 +5090,14 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5057
5090
|
description: "_description_14ewt_235",
|
|
5058
5091
|
badge: "_badge_14ewt_269",
|
|
5059
5092
|
empty: "_empty_14ewt_281"
|
|
5060
|
-
},
|
|
5093
|
+
}, Ur = (e, t, n) => {
|
|
5061
5094
|
if (e.length === 0) return -1;
|
|
5062
5095
|
for (let r = 1; r <= e.length; r += 1) {
|
|
5063
5096
|
let i = (t + n * r + e.length) % e.length;
|
|
5064
5097
|
if (!e[i]?.disabled) return i;
|
|
5065
5098
|
}
|
|
5066
5099
|
return -1;
|
|
5067
|
-
},
|
|
5100
|
+
}, Wr = ({ groups: r, currentItemId: i, ariaLabel: a = "Основная навигация", searchSlot: o, topSlot: s, bottomSlot: c, emptyState: l, renderLink: u, onItemSelect: d, className: p = "" }) => {
|
|
5068
5101
|
let m = f(), g = h(null), _ = h({
|
|
5069
5102
|
value: "",
|
|
5070
5103
|
time: 0
|
|
@@ -5076,7 +5109,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5076
5109
|
let n = v.findIndex((e) => e.id === t.id);
|
|
5077
5110
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
5078
5111
|
e.preventDefault();
|
|
5079
|
-
let t =
|
|
5112
|
+
let t = Ur(v, n, e.key === "ArrowDown" ? 1 : -1);
|
|
5080
5113
|
x(v[t]);
|
|
5081
5114
|
return;
|
|
5082
5115
|
}
|
|
@@ -5096,26 +5129,26 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5096
5129
|
let a = r.id === i, o = {
|
|
5097
5130
|
children: /* @__PURE__ */ n(e, { children: [
|
|
5098
5131
|
r.icon && /* @__PURE__ */ t("span", {
|
|
5099
|
-
className:
|
|
5132
|
+
className: Hr.icon,
|
|
5100
5133
|
"aria-hidden": "true",
|
|
5101
5134
|
children: r.icon
|
|
5102
5135
|
}),
|
|
5103
5136
|
/* @__PURE__ */ n("span", {
|
|
5104
|
-
className:
|
|
5137
|
+
className: Hr.copy,
|
|
5105
5138
|
children: [/* @__PURE__ */ t("span", {
|
|
5106
|
-
className:
|
|
5139
|
+
className: Hr.label,
|
|
5107
5140
|
children: r.label
|
|
5108
5141
|
}), r.description && /* @__PURE__ */ t("span", {
|
|
5109
|
-
className:
|
|
5142
|
+
className: Hr.description,
|
|
5110
5143
|
children: r.description
|
|
5111
5144
|
})]
|
|
5112
5145
|
}),
|
|
5113
5146
|
r.badge && /* @__PURE__ */ t("span", {
|
|
5114
|
-
className:
|
|
5147
|
+
className: Hr.badge,
|
|
5115
5148
|
children: r.badge
|
|
5116
5149
|
})
|
|
5117
5150
|
] }),
|
|
5118
|
-
className: `${
|
|
5151
|
+
className: `${Hr.link} ${a ? Hr.current : ""}`,
|
|
5119
5152
|
tabIndex: r.id === b ? 0 : -1,
|
|
5120
5153
|
"aria-current": a ? "page" : void 0,
|
|
5121
5154
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -5131,7 +5164,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5131
5164
|
onKeyDown: (e) => S(e, r)
|
|
5132
5165
|
};
|
|
5133
5166
|
return /* @__PURE__ */ t("li", {
|
|
5134
|
-
className:
|
|
5167
|
+
className: Hr.item,
|
|
5135
5168
|
children: u ? u(r, o) : r.href ? /* @__PURE__ */ t("a", {
|
|
5136
5169
|
href: r.href,
|
|
5137
5170
|
...o,
|
|
@@ -5146,45 +5179,45 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5146
5179
|
};
|
|
5147
5180
|
return /* @__PURE__ */ n("nav", {
|
|
5148
5181
|
ref: g,
|
|
5149
|
-
className: `${
|
|
5182
|
+
className: `${Hr.root} ${p}`,
|
|
5150
5183
|
"aria-label": a,
|
|
5151
5184
|
children: [
|
|
5152
5185
|
s && /* @__PURE__ */ t("div", {
|
|
5153
|
-
className:
|
|
5186
|
+
className: Hr.topSlot,
|
|
5154
5187
|
children: s
|
|
5155
5188
|
}),
|
|
5156
5189
|
o && /* @__PURE__ */ t("div", {
|
|
5157
|
-
className:
|
|
5190
|
+
className: Hr.searchSlot,
|
|
5158
5191
|
children: o
|
|
5159
5192
|
}),
|
|
5160
5193
|
/* @__PURE__ */ n("div", {
|
|
5161
|
-
className:
|
|
5194
|
+
className: Hr.groups,
|
|
5162
5195
|
children: [r.map((e) => {
|
|
5163
5196
|
let r = `${m}-${e.id}`;
|
|
5164
5197
|
return /* @__PURE__ */ n("section", {
|
|
5165
|
-
className:
|
|
5198
|
+
className: Hr.group,
|
|
5166
5199
|
"aria-labelledby": e.label ? r : void 0,
|
|
5167
5200
|
children: [e.label && /* @__PURE__ */ t("div", {
|
|
5168
5201
|
id: r,
|
|
5169
|
-
className:
|
|
5202
|
+
className: Hr.groupLabel,
|
|
5170
5203
|
children: e.label
|
|
5171
5204
|
}), /* @__PURE__ */ t("ul", {
|
|
5172
|
-
className:
|
|
5205
|
+
className: Hr.list,
|
|
5173
5206
|
children: e.items.map(C)
|
|
5174
5207
|
})]
|
|
5175
5208
|
}, e.id);
|
|
5176
5209
|
}), v.length === 0 && l && /* @__PURE__ */ t("div", {
|
|
5177
|
-
className:
|
|
5210
|
+
className: Hr.empty,
|
|
5178
5211
|
children: l
|
|
5179
5212
|
})]
|
|
5180
5213
|
}),
|
|
5181
5214
|
c && /* @__PURE__ */ t("div", {
|
|
5182
|
-
className:
|
|
5215
|
+
className: Hr.bottomSlot,
|
|
5183
5216
|
children: c
|
|
5184
5217
|
})
|
|
5185
5218
|
]
|
|
5186
5219
|
});
|
|
5187
|
-
},
|
|
5220
|
+
}, Gr = {
|
|
5188
5221
|
root: "_root_2mdgb_1",
|
|
5189
5222
|
list: "_list_2mdgb_19",
|
|
5190
5223
|
item: "_item_2mdgb_37",
|
|
@@ -5194,7 +5227,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5194
5227
|
icon: "_icon_2mdgb_141",
|
|
5195
5228
|
badge: "_badge_2mdgb_149",
|
|
5196
5229
|
label: "_label_2mdgb_163"
|
|
5197
|
-
},
|
|
5230
|
+
}, Kr = ({ items: r, currentItemId: i, ariaLabel: a = "Мобильная навигация", renderLink: o, onItemSelect: s, className: c = "" }) => {
|
|
5198
5231
|
let l = h(null), u = r.filter((e) => !e.disabled), d = u.some((e) => e.id === i) ? i : u[0]?.id, f = (e) => {
|
|
5199
5232
|
l.current?.querySelectorAll("[data-ds-navigation-item]")[e]?.focus();
|
|
5200
5233
|
}, p = (e, t) => {
|
|
@@ -5211,27 +5244,27 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5211
5244
|
};
|
|
5212
5245
|
return /* @__PURE__ */ t("nav", {
|
|
5213
5246
|
ref: l,
|
|
5214
|
-
className: `${
|
|
5247
|
+
className: `${Gr.root} ${c}`,
|
|
5215
5248
|
"aria-label": a,
|
|
5216
5249
|
children: /* @__PURE__ */ t("ul", {
|
|
5217
|
-
className:
|
|
5250
|
+
className: Gr.list,
|
|
5218
5251
|
children: r.map((r) => {
|
|
5219
5252
|
let a = r.id === i, c = {
|
|
5220
5253
|
children: /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("span", {
|
|
5221
|
-
className:
|
|
5254
|
+
className: Gr.visual,
|
|
5222
5255
|
children: [r.icon && /* @__PURE__ */ t("span", {
|
|
5223
|
-
className:
|
|
5256
|
+
className: Gr.icon,
|
|
5224
5257
|
"aria-hidden": "true",
|
|
5225
5258
|
children: r.icon
|
|
5226
5259
|
}), r.badge && /* @__PURE__ */ t("span", {
|
|
5227
|
-
className:
|
|
5260
|
+
className: Gr.badge,
|
|
5228
5261
|
children: r.badge
|
|
5229
5262
|
})]
|
|
5230
5263
|
}), /* @__PURE__ */ t("span", {
|
|
5231
|
-
className:
|
|
5264
|
+
className: Gr.label,
|
|
5232
5265
|
children: r.label
|
|
5233
5266
|
})] }),
|
|
5234
|
-
className: `${
|
|
5267
|
+
className: `${Gr.link} ${a ? Gr.current : ""}`,
|
|
5235
5268
|
tabIndex: r.id === d ? 0 : -1,
|
|
5236
5269
|
"aria-current": a ? "page" : void 0,
|
|
5237
5270
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -5247,7 +5280,7 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5247
5280
|
onKeyDown: (e) => p(e, r)
|
|
5248
5281
|
};
|
|
5249
5282
|
return /* @__PURE__ */ t("li", {
|
|
5250
|
-
className:
|
|
5283
|
+
className: Gr.item,
|
|
5251
5284
|
children: o ? o(r, c) : r.href ? /* @__PURE__ */ t("a", {
|
|
5252
5285
|
href: r.href,
|
|
5253
5286
|
...c,
|
|
@@ -5262,28 +5295,188 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5262
5295
|
})
|
|
5263
5296
|
})
|
|
5264
5297
|
});
|
|
5265
|
-
},
|
|
5266
|
-
|
|
5267
|
-
|
|
5268
|
-
|
|
5269
|
-
|
|
5270
|
-
|
|
5271
|
-
|
|
5272
|
-
|
|
5273
|
-
|
|
5274
|
-
|
|
5275
|
-
|
|
5276
|
-
|
|
5277
|
-
|
|
5278
|
-
|
|
5279
|
-
|
|
5280
|
-
},
|
|
5298
|
+
}, qr = {
|
|
5299
|
+
logo: "_logo_1kw5e_17",
|
|
5300
|
+
edgeStart: "_edgeStart_1kw5e_33",
|
|
5301
|
+
edgeMiddle: "_edgeMiddle_1kw5e_41",
|
|
5302
|
+
edgeEnd: "_edgeEnd_1kw5e_49",
|
|
5303
|
+
paneStart: "_paneStart_1kw5e_57",
|
|
5304
|
+
paneMiddle: "_paneMiddle_1kw5e_67",
|
|
5305
|
+
paneEnd: "_paneEnd_1kw5e_77",
|
|
5306
|
+
sheenStart: "_sheenStart_1kw5e_87",
|
|
5307
|
+
sheenMiddle: "_sheenMiddle_1kw5e_97",
|
|
5308
|
+
sheenEnd: "_sheenEnd_1kw5e_107",
|
|
5309
|
+
rim: "_rim_1kw5e_117",
|
|
5310
|
+
wordmark: "_wordmark_1kw5e_127",
|
|
5311
|
+
edge: "_edge_1kw5e_33",
|
|
5312
|
+
pane: "_pane_1kw5e_57"
|
|
5313
|
+
}, Jr = {
|
|
5314
|
+
sm: 24,
|
|
5315
|
+
md: 40,
|
|
5316
|
+
lg: 56
|
|
5317
|
+
}, Yr = {
|
|
5318
|
+
icon: "0 0 128 224",
|
|
5319
|
+
wordmark: "0 0 600 160",
|
|
5320
|
+
lockup: "0 0 675 200"
|
|
5321
|
+
}, Xr = {
|
|
5322
|
+
icon: 128 / 224,
|
|
5323
|
+
wordmark: 600 / 160,
|
|
5324
|
+
lockup: 675 / 200
|
|
5325
|
+
}, Zr = ({ id: e, transform: r }) => /* @__PURE__ */ n("g", {
|
|
5326
|
+
transform: r,
|
|
5327
|
+
children: [
|
|
5328
|
+
/* @__PURE__ */ n("defs", { children: [
|
|
5329
|
+
/* @__PURE__ */ n("linearGradient", {
|
|
5330
|
+
id: `${e}-edge`,
|
|
5331
|
+
x1: "12",
|
|
5332
|
+
y1: "8",
|
|
5333
|
+
x2: "29",
|
|
5334
|
+
y2: "216",
|
|
5335
|
+
gradientUnits: "userSpaceOnUse",
|
|
5336
|
+
children: [
|
|
5337
|
+
/* @__PURE__ */ t("stop", { className: qr.edgeStart }),
|
|
5338
|
+
/* @__PURE__ */ t("stop", {
|
|
5339
|
+
offset: "0.52",
|
|
5340
|
+
className: qr.edgeMiddle
|
|
5341
|
+
}),
|
|
5342
|
+
/* @__PURE__ */ t("stop", {
|
|
5343
|
+
offset: "1",
|
|
5344
|
+
className: qr.edgeEnd
|
|
5345
|
+
})
|
|
5346
|
+
]
|
|
5347
|
+
}),
|
|
5348
|
+
/* @__PURE__ */ n("linearGradient", {
|
|
5349
|
+
id: `${e}-pane`,
|
|
5350
|
+
x1: "29",
|
|
5351
|
+
y1: "20",
|
|
5352
|
+
x2: "116",
|
|
5353
|
+
y2: "199",
|
|
5354
|
+
gradientUnits: "userSpaceOnUse",
|
|
5355
|
+
children: [
|
|
5356
|
+
/* @__PURE__ */ t("stop", { className: qr.paneStart }),
|
|
5357
|
+
/* @__PURE__ */ t("stop", {
|
|
5358
|
+
offset: "0.52",
|
|
5359
|
+
className: qr.paneMiddle
|
|
5360
|
+
}),
|
|
5361
|
+
/* @__PURE__ */ t("stop", {
|
|
5362
|
+
offset: "1",
|
|
5363
|
+
className: qr.paneEnd
|
|
5364
|
+
})
|
|
5365
|
+
]
|
|
5366
|
+
}),
|
|
5367
|
+
/* @__PURE__ */ n("linearGradient", {
|
|
5368
|
+
id: `${e}-sheen`,
|
|
5369
|
+
x1: "30",
|
|
5370
|
+
y1: "14",
|
|
5371
|
+
x2: "110",
|
|
5372
|
+
y2: "176",
|
|
5373
|
+
gradientUnits: "userSpaceOnUse",
|
|
5374
|
+
children: [
|
|
5375
|
+
/* @__PURE__ */ t("stop", { className: qr.sheenStart }),
|
|
5376
|
+
/* @__PURE__ */ t("stop", {
|
|
5377
|
+
offset: "0.42",
|
|
5378
|
+
className: qr.sheenMiddle
|
|
5379
|
+
}),
|
|
5380
|
+
/* @__PURE__ */ t("stop", {
|
|
5381
|
+
offset: "1",
|
|
5382
|
+
className: qr.sheenEnd
|
|
5383
|
+
})
|
|
5384
|
+
]
|
|
5385
|
+
})
|
|
5386
|
+
] }),
|
|
5387
|
+
/* @__PURE__ */ t("path", {
|
|
5388
|
+
className: qr.edge,
|
|
5389
|
+
d: "M12 13.5 28 8v208l-16-5.5z",
|
|
5390
|
+
fill: `url(#${e}-edge)`
|
|
5391
|
+
}),
|
|
5392
|
+
/* @__PURE__ */ t("path", {
|
|
5393
|
+
className: qr.pane,
|
|
5394
|
+
d: "M28 8 116 51.5v121L28 216z",
|
|
5395
|
+
fill: `url(#${e}-pane)`
|
|
5396
|
+
}),
|
|
5397
|
+
/* @__PURE__ */ t("path", {
|
|
5398
|
+
d: "M30 11.5 113.5 53v4L30 17z",
|
|
5399
|
+
fill: `url(#${e}-sheen)`
|
|
5400
|
+
}),
|
|
5401
|
+
/* @__PURE__ */ t("path", {
|
|
5402
|
+
className: qr.rim,
|
|
5403
|
+
d: "M115 53v118.5l-4.5 2.5V55.2z"
|
|
5404
|
+
})
|
|
5405
|
+
]
|
|
5406
|
+
}), Qr = ({ transform: e }) => /* @__PURE__ */ t("text", {
|
|
5407
|
+
className: qr.wordmark,
|
|
5408
|
+
x: "8",
|
|
5409
|
+
y: "128",
|
|
5410
|
+
transform: e,
|
|
5411
|
+
children: "Стекло"
|
|
5412
|
+
}), $r = ({ variant: r = "lockup", size: i = "md", decorative: a = !1, className: o = "", title: s = "Стекло", width: c, height: l, "aria-label": u, ...d }) => {
|
|
5413
|
+
let p = `ds-logo-${f().replaceAll(":", "")}`, m = l ?? (typeof i == "number" ? Math.max(1, i) : Jr[i]), h = typeof m == "number" ? m : Jr.md, g = c ?? Number((h * Xr[r]).toFixed(2)), _ = `${p}-title`;
|
|
5414
|
+
return /* @__PURE__ */ n("svg", {
|
|
5415
|
+
...d,
|
|
5416
|
+
className: `${qr.logo} ${o}`,
|
|
5417
|
+
viewBox: Yr[r],
|
|
5418
|
+
width: g,
|
|
5419
|
+
height: m,
|
|
5420
|
+
role: a ? void 0 : "img",
|
|
5421
|
+
"aria-hidden": a || void 0,
|
|
5422
|
+
"aria-label": a ? void 0 : u,
|
|
5423
|
+
"aria-labelledby": !a && !u ? _ : void 0,
|
|
5424
|
+
focusable: "false",
|
|
5425
|
+
children: [
|
|
5426
|
+
!a && !u && /* @__PURE__ */ t("title", {
|
|
5427
|
+
id: _,
|
|
5428
|
+
children: s
|
|
5429
|
+
}),
|
|
5430
|
+
r === "icon" && /* @__PURE__ */ t(Zr, { id: p }),
|
|
5431
|
+
r === "wordmark" && /* @__PURE__ */ t(Qr, {}),
|
|
5432
|
+
r === "lockup" && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(Zr, {
|
|
5433
|
+
id: p,
|
|
5434
|
+
transform: "translate(16 0) scale(.86)"
|
|
5435
|
+
}), /* @__PURE__ */ t(Qr, { transform: "translate(156 36) scale(.84)" })] })
|
|
5436
|
+
]
|
|
5437
|
+
});
|
|
5438
|
+
}, ei = {
|
|
5439
|
+
brand: "_brand_uueok_1",
|
|
5440
|
+
symbol: "_symbol_uueok_25",
|
|
5441
|
+
identity: "_identity_uueok_33",
|
|
5442
|
+
collapsed: "_collapsed_uueok_55",
|
|
5443
|
+
wordmark: "_wordmark_uueok_63",
|
|
5444
|
+
serviceName: "_serviceName_uueok_71"
|
|
5445
|
+
}, ti = ({ serviceName: e, collapsed: r = !1, logoSize: i, className: a = "", "aria-label": o, ...s }) => {
|
|
5446
|
+
let c = o ?? `Стекло. ${e}`;
|
|
5447
|
+
return /* @__PURE__ */ n("div", {
|
|
5448
|
+
...s,
|
|
5449
|
+
className: `${ei.brand} ${r ? ei.collapsed : ""} ${a}`,
|
|
5450
|
+
"data-collapsed": r || void 0,
|
|
5451
|
+
"aria-label": c,
|
|
5452
|
+
title: r ? c : s.title,
|
|
5453
|
+
children: [/* @__PURE__ */ t($r, {
|
|
5454
|
+
className: ei.symbol,
|
|
5455
|
+
variant: "icon",
|
|
5456
|
+
size: i ?? 44,
|
|
5457
|
+
decorative: !0
|
|
5458
|
+
}), /* @__PURE__ */ n("span", {
|
|
5459
|
+
className: ei.identity,
|
|
5460
|
+
"aria-hidden": "true",
|
|
5461
|
+
children: [/* @__PURE__ */ t($r, {
|
|
5462
|
+
className: ei.wordmark,
|
|
5463
|
+
variant: "wordmark",
|
|
5464
|
+
size: 32,
|
|
5465
|
+
decorative: !0
|
|
5466
|
+
}), /* @__PURE__ */ t("span", {
|
|
5467
|
+
className: ei.serviceName,
|
|
5468
|
+
title: e,
|
|
5469
|
+
children: e
|
|
5470
|
+
})]
|
|
5471
|
+
})]
|
|
5472
|
+
});
|
|
5473
|
+
}, ni = {
|
|
5281
5474
|
sample: "_sample_3woga_1",
|
|
5282
5475
|
menu: "_menu_3woga_59",
|
|
5283
5476
|
options: "_options_3woga_81",
|
|
5284
5477
|
legend: "_legend_3woga_93",
|
|
5285
5478
|
option: "_option_3woga_81"
|
|
5286
|
-
},
|
|
5479
|
+
}, ri = ({ value: r, onChange: i, compact: a = !1, disabled: o = !1 }) => {
|
|
5287
5480
|
let [s, c] = g(!1), l = h(null), [u, p] = g(null), m = f();
|
|
5288
5481
|
return d(() => {
|
|
5289
5482
|
if (!s) return;
|
|
@@ -5299,22 +5492,22 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5299
5492
|
if (!u) return;
|
|
5300
5493
|
let e = requestAnimationFrame(() => u.querySelector("input:checked")?.focus());
|
|
5301
5494
|
return () => cancelAnimationFrame(e);
|
|
5302
|
-
}, [u]), /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n(
|
|
5495
|
+
}, [u]), /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n(V, {
|
|
5303
5496
|
ref: l,
|
|
5304
5497
|
variant: "empty",
|
|
5305
5498
|
disabled: o,
|
|
5306
|
-
"aria-label": `Цветовая тема: ${
|
|
5307
|
-
title: `Цветовая тема: ${
|
|
5499
|
+
"aria-label": `Цветовая тема: ${w[r]}`,
|
|
5500
|
+
title: `Цветовая тема: ${w[r]}`,
|
|
5308
5501
|
"aria-expanded": s && !o,
|
|
5309
5502
|
"aria-controls": s && !o ? m : void 0,
|
|
5310
5503
|
onClick: () => c(!s),
|
|
5311
5504
|
children: [
|
|
5312
5505
|
/* @__PURE__ */ t("span", {
|
|
5313
5506
|
"data-ds-theme": r,
|
|
5314
|
-
className:
|
|
5507
|
+
className: ni.sample,
|
|
5315
5508
|
"aria-hidden": "true"
|
|
5316
5509
|
}),
|
|
5317
|
-
!a &&
|
|
5510
|
+
!a && w[r],
|
|
5318
5511
|
/* @__PURE__ */ t(J, {
|
|
5319
5512
|
name: "IconChevron",
|
|
5320
5513
|
width: 14,
|
|
@@ -5322,22 +5515,22 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5322
5515
|
"aria-hidden": "true"
|
|
5323
5516
|
})
|
|
5324
5517
|
]
|
|
5325
|
-
}), s && !o && /* @__PURE__ */ t(
|
|
5518
|
+
}), s && !o && /* @__PURE__ */ t(Tn, {
|
|
5326
5519
|
anchorRef: l,
|
|
5327
5520
|
children: /* @__PURE__ */ t("div", {
|
|
5328
5521
|
ref: p,
|
|
5329
5522
|
id: m,
|
|
5330
|
-
className:
|
|
5523
|
+
className: ni.menu,
|
|
5331
5524
|
onBlur: (e) => {
|
|
5332
5525
|
e.relatedTarget instanceof Node && !e.currentTarget.contains(e.relatedTarget) && !l.current?.contains(e.relatedTarget) && c(!1);
|
|
5333
5526
|
},
|
|
5334
5527
|
children: /* @__PURE__ */ n("fieldset", {
|
|
5335
|
-
className:
|
|
5528
|
+
className: ni.options,
|
|
5336
5529
|
children: [/* @__PURE__ */ t("legend", {
|
|
5337
|
-
className:
|
|
5530
|
+
className: ni.legend,
|
|
5338
5531
|
children: "Цветовая тема"
|
|
5339
5532
|
}), ["teal", "signal"].map((e) => /* @__PURE__ */ n("label", {
|
|
5340
|
-
className:
|
|
5533
|
+
className: ni.option,
|
|
5341
5534
|
children: [
|
|
5342
5535
|
/* @__PURE__ */ t("input", {
|
|
5343
5536
|
type: "radio",
|
|
@@ -5348,10 +5541,10 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5348
5541
|
}),
|
|
5349
5542
|
/* @__PURE__ */ t("span", {
|
|
5350
5543
|
"data-ds-theme": e,
|
|
5351
|
-
className:
|
|
5544
|
+
className: ni.sample,
|
|
5352
5545
|
"aria-hidden": "true"
|
|
5353
5546
|
}),
|
|
5354
|
-
/* @__PURE__ */ t("span", { children:
|
|
5547
|
+
/* @__PURE__ */ t("span", { children: w[e] }),
|
|
5355
5548
|
r === e && /* @__PURE__ */ t(J, {
|
|
5356
5549
|
name: "IconCheck",
|
|
5357
5550
|
width: 16,
|
|
@@ -5365,4 +5558,4 @@ var Mn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5365
5558
|
})] });
|
|
5366
5559
|
};
|
|
5367
5560
|
//#endregion
|
|
5368
|
-
export {
|
|
5561
|
+
export { Xn as ConfirmModal, O as DEFAULT_DS_FAVICON_THEME, Vr as DSAccordion, F as DSBadge, Kr as DSBottomNavigation, fr as DSBottomSheet, V as DSButton, Ge as DSCheckbox, R as DSCounterBadge, en as DSDataTable, mt as DSDateRange, dt as DSDateTimePicker, dr as DSDrawer, St as DSDropDown, jt as DSDropDownMultiple, te as DSFieldLabel, U as DSFieldMessage, Sn as DSFileInput, pn as DSFilters, Tn as DSFloatingMenu, hn as DSFormGrid, gn as DSFormGridItem, pr as DSFullscreenDialog, J as DSIcon, Ue as DSIconNames, dn as DSInfoBlock, Et as DSInput, ee as DSLoader, $r as DSLogo, Wn as DSModal, Un as DSModalFrame, Wr as DSNavigationSurface, ur as DSOverlay, hr as DSPageLoader, Cn as DSPortal, Nt as DSRadioButton, ln as DSSearchDropDown, ti as DSServiceBrand, gt as DSSkeleton, wt as DSSort, Mr as DSTabs, kn as DSTextarea, ri as DSThemeSwitcher, vr as DSToast, Sr as DSToastProvider, Ar as DSTooltip, _n as DSValidationSummary, Rr as DSVideoPlayerFrame, k as DS_FAVICON_THEMES, w as DS_THEME_NAMES, C as DS_THEME_STORAGE_KEY, Zn as ErrorModal, Gn as ModalSystemProvider, N as applyDSBrandTheme, M as applyDSFavicon, D as applyDSTheme, Qn as builtInModalRegistry, Kn as defineModalRegistry, L as formatDSCounterValue, Ze as formatDateInputValue, rt as formatDateTimeLocalValue, Br as getDSAccordionScrollTarget, Ht as getDSDataTableColumnStyle, Wt as getDSDataTablePaginationItems, Ut as getDSDataTableStickyColumnStyle, j as getDSFaviconHref, er as getErrorMessage, Vt as getNextDSDataTablePageSelection, bt as getNextEnabledOptionIndex, E as getStoredDSTheme, T as isDSTheme, et as isValidDateInputPrefix, pt as isValidDateRange, Qe as maskDateInputValue, tt as parseDateInputValue, it as parseDateTimeLocalValue, Mn as resetModalStore, xr as resetToastStore, $n as useConfirmModal, nr as useConfirmModalStore, lr as useDSOverlay, tr as useErrorModal, rr as useErrorModalStore, ir as useModals, jn as useModalsStore, Cr as useToast, br as useToastStore, Gt as validateDSDataTableData };
|