@efficiency-point/design-system 0.7.5 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -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 +3 -3
- 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 +0 -1
- package/assets/favicon/favicon-maskable.svg +3 -3
- package/assets/favicon/favicon-signal.svg +4 -4
- package/assets/favicon/favicon.ico +0 -0
- package/assets/favicon/favicon.svg +4 -4
- 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/dist/brand/favicon.d.ts.map +1 -1
- package/dist/components/DSDataTable/DSDataTable.d.ts +9 -1
- package/dist/components/DSDataTable/DSDataTable.d.ts.map +1 -1
- package/dist/components/DSTooltip/DSTooltip.d.ts +2 -1
- package/dist/components/DSTooltip/DSTooltip.d.ts.map +1 -1
- package/dist/components/DSTooltip/DSTooltip.position.d.ts +15 -0
- package/dist/components/DSTooltip/DSTooltip.position.d.ts.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.es.js +1018 -976
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -30,10 +30,12 @@ var C = "efficiency-point.design-system.theme", w = {
|
|
|
30
30
|
}
|
|
31
31
|
}, A = (e) => `${e.replace(/\/+$/, "")}/`, j = (e = O, t = "/") => `${A(t)}${k[e].assetName}`, M = (e = O, t = {}) => {
|
|
32
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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
let n = Array.from(document.querySelectorAll("link[rel~=\"icon\"]")), r = document.querySelector("link[data-ds-favicon]") ?? document.querySelector("link[rel~=\"icon\"][type=\"image/svg+xml\"]");
|
|
34
|
+
r || (r = document.createElement("link"), document.head.append(r)), r.rel = "icon", r.type = "image/svg+xml", r.sizes = "any", r.href = j(e, t.basePath), r.dataset.dsFavicon = e, n.forEach((e) => {
|
|
35
|
+
e !== r && e.remove();
|
|
36
|
+
});
|
|
37
|
+
let i = document.querySelector("meta[name=\"theme-color\"]");
|
|
38
|
+
i || (i = document.createElement("meta"), i.name = "theme-color", document.head.append(i)), i.content = k[e].themeColor;
|
|
37
39
|
}, N = (e, t) => {
|
|
38
40
|
D(e), M(e, t);
|
|
39
41
|
}, P = {
|
|
@@ -110,7 +112,7 @@ var C = "efficiency-point.design-system.theme", w = {
|
|
|
110
112
|
/* @__PURE__ */ t("div", { className: `${z.line} ${z[e]}` })
|
|
111
113
|
]
|
|
112
114
|
})
|
|
113
|
-
}),
|
|
115
|
+
}), te = {
|
|
114
116
|
button: "_button_4fqtv_1",
|
|
115
117
|
sm: "_sm_4fqtv_59",
|
|
116
118
|
md: "_md_4fqtv_73",
|
|
@@ -122,17 +124,17 @@ var C = "efficiency-point.design-system.theme", w = {
|
|
|
122
124
|
empty: "_empty_4fqtv_157",
|
|
123
125
|
destructive: "_destructive_4fqtv_171",
|
|
124
126
|
destructiveOutline: "_destructiveOutline_4fqtv_183"
|
|
125
|
-
},
|
|
127
|
+
}, B = s(({ children: e, variant: n = "primary", size: r = "md", isLoading: i = !1, disabled: a, type: o = "button", className: s = "", ...c }, l) => /* @__PURE__ */ t("button", {
|
|
126
128
|
ref: l,
|
|
127
|
-
className: `${
|
|
129
|
+
className: `${te.button} ${te[n]} ${te[r]} ${s}`,
|
|
128
130
|
disabled: a || i,
|
|
129
131
|
"aria-busy": i || void 0,
|
|
130
132
|
...c,
|
|
131
133
|
type: o,
|
|
132
134
|
children: i ? /* @__PURE__ */ t(ee, { variant: n }) : e
|
|
133
135
|
}));
|
|
134
|
-
|
|
135
|
-
var
|
|
136
|
+
B.displayName = "DSButton";
|
|
137
|
+
var V = {
|
|
136
138
|
label: "_label_1o819_1",
|
|
137
139
|
required: "_required_1o819_23",
|
|
138
140
|
error: "_error_1o819_25",
|
|
@@ -141,28 +143,28 @@ var H = {
|
|
|
141
143
|
disabled: "_disabled_1o819_47",
|
|
142
144
|
message: "_message_1o819_55",
|
|
143
145
|
success: "_success_1o819_71"
|
|
144
|
-
},
|
|
145
|
-
className: `${
|
|
146
|
+
}, ne = ({ children: e, required: r = !1, optionalText: i, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ n("label", {
|
|
147
|
+
className: `${V.label} ${a ? V.disabled : ""} ${o}`,
|
|
146
148
|
...s,
|
|
147
149
|
children: [
|
|
148
150
|
/* @__PURE__ */ t("span", { children: e }),
|
|
149
151
|
r && /* @__PURE__ */ t("span", {
|
|
150
|
-
className:
|
|
152
|
+
className: V.required,
|
|
151
153
|
"aria-hidden": "true",
|
|
152
154
|
children: "*"
|
|
153
155
|
}),
|
|
154
156
|
i && /* @__PURE__ */ t("span", {
|
|
155
|
-
className:
|
|
157
|
+
className: V.optional,
|
|
156
158
|
children: i
|
|
157
159
|
})
|
|
158
160
|
]
|
|
159
|
-
}),
|
|
161
|
+
}), H = ({ children: e, variant: n = "hint", id: r, live: i = !1, className: a = "" }) => /* @__PURE__ */ t("span", {
|
|
160
162
|
id: r,
|
|
161
|
-
className: `${
|
|
163
|
+
className: `${V.message} ${V[n]} ${a}`,
|
|
162
164
|
role: i && n === "error" ? "alert" : void 0,
|
|
163
165
|
"aria-live": i && n !== "error" ? "polite" : void 0,
|
|
164
166
|
children: e
|
|
165
|
-
}),
|
|
167
|
+
}), U = ({ width: e = 24, height: r = 24, color: i, title: a, style: o, children: s, ...c }) => /* @__PURE__ */ n("svg", {
|
|
166
168
|
xmlns: "http://www.w3.org/2000/svg",
|
|
167
169
|
viewBox: "0 0 24 24",
|
|
168
170
|
width: e,
|
|
@@ -181,14 +183,14 @@ var H = {
|
|
|
181
183
|
} : o,
|
|
182
184
|
...c,
|
|
183
185
|
children: [a && /* @__PURE__ */ t("title", { children: a }), s]
|
|
184
|
-
}),
|
|
186
|
+
}), re = (e) => /* @__PURE__ */ t(U, {
|
|
185
187
|
...e,
|
|
186
188
|
children: /* @__PURE__ */ t("path", { d: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3" })
|
|
187
|
-
}),
|
|
189
|
+
}), W = ({ strokeWidth: e = 2, ...r }) => /* @__PURE__ */ n(U, {
|
|
188
190
|
strokeWidth: e,
|
|
189
191
|
...r,
|
|
190
192
|
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" })]
|
|
191
|
-
}), ie = (e) => /* @__PURE__ */ n(
|
|
193
|
+
}), ie = (e) => /* @__PURE__ */ n(U, {
|
|
192
194
|
...e,
|
|
193
195
|
children: [
|
|
194
196
|
/* @__PURE__ */ t("path", { d: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20" }),
|
|
@@ -196,7 +198,7 @@ var H = {
|
|
|
196
198
|
/* @__PURE__ */ t("path", { d: "M8 7h6" }),
|
|
197
199
|
/* @__PURE__ */ t("path", { d: "M8 11h8" })
|
|
198
200
|
]
|
|
199
|
-
}), ae = (e) => /* @__PURE__ */ n(
|
|
201
|
+
}), ae = (e) => /* @__PURE__ */ n(U, {
|
|
200
202
|
...e,
|
|
201
203
|
children: [
|
|
202
204
|
/* @__PURE__ */ t("rect", {
|
|
@@ -209,18 +211,18 @@ var H = {
|
|
|
209
211
|
/* @__PURE__ */ t("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
|
|
210
212
|
/* @__PURE__ */ t("path", { d: "M10 12h4" })
|
|
211
213
|
]
|
|
212
|
-
}), oe = (e) => /* @__PURE__ */ t(
|
|
214
|
+
}), oe = (e) => /* @__PURE__ */ t(U, {
|
|
213
215
|
...e,
|
|
214
216
|
children: /* @__PURE__ */ t("path", { d: "m5 12 4 4L19 6" })
|
|
215
|
-
}), se = (e) => /* @__PURE__ */ t(
|
|
217
|
+
}), se = (e) => /* @__PURE__ */ t(U, {
|
|
216
218
|
viewBox: "0 0 20 20",
|
|
217
219
|
...e,
|
|
218
220
|
children: /* @__PURE__ */ t("path", { d: "M5 7.5L10 12.5L15 7.5" })
|
|
219
|
-
}), ce = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(
|
|
221
|
+
}), ce = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(U, {
|
|
220
222
|
strokeWidth: e,
|
|
221
223
|
...n,
|
|
222
224
|
children: /* @__PURE__ */ t("path", { d: "M18 6 6 18M6 6l12 12" })
|
|
223
|
-
}),
|
|
225
|
+
}), G = (e) => /* @__PURE__ */ n(U, {
|
|
224
226
|
...e,
|
|
225
227
|
children: [/* @__PURE__ */ t("rect", {
|
|
226
228
|
width: "14",
|
|
@@ -229,37 +231,37 @@ var H = {
|
|
|
229
231
|
y: "8",
|
|
230
232
|
rx: "2"
|
|
231
233
|
}), /* @__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" })]
|
|
232
|
-
}),
|
|
234
|
+
}), le = (e) => /* @__PURE__ */ t(U, {
|
|
233
235
|
...e,
|
|
234
236
|
children: /* @__PURE__ */ t("path", { d: "M4 20h4L19 9l-4-4L4 16v4z" })
|
|
235
|
-
}),
|
|
237
|
+
}), ue = (e) => /* @__PURE__ */ n(U, {
|
|
236
238
|
...e,
|
|
237
239
|
children: [/* @__PURE__ */ t("circle", {
|
|
238
240
|
cx: "12",
|
|
239
241
|
cy: "12",
|
|
240
242
|
r: "10"
|
|
241
243
|
}), /* @__PURE__ */ t("path", { d: "m15 9-6 6M9 9l6 6" })]
|
|
242
|
-
}), de = (e) => /* @__PURE__ */ n(
|
|
244
|
+
}), de = (e) => /* @__PURE__ */ n(U, {
|
|
243
245
|
...e,
|
|
244
246
|
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", {
|
|
245
247
|
cx: "12",
|
|
246
248
|
cy: "12",
|
|
247
249
|
r: "2.5"
|
|
248
250
|
})]
|
|
249
|
-
}), fe = (e) => /* @__PURE__ */ t(
|
|
251
|
+
}), fe = (e) => /* @__PURE__ */ t(U, {
|
|
250
252
|
...e,
|
|
251
253
|
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" })
|
|
252
|
-
}), pe = (e) => /* @__PURE__ */ t(
|
|
254
|
+
}), pe = (e) => /* @__PURE__ */ t(U, {
|
|
253
255
|
...e,
|
|
254
256
|
children: /* @__PURE__ */ t("path", { d: "M12 10v7m0-10v.01" })
|
|
255
|
-
}), me = (e) => /* @__PURE__ */ n(
|
|
257
|
+
}), me = (e) => /* @__PURE__ */ n(U, {
|
|
256
258
|
...e,
|
|
257
259
|
children: [/* @__PURE__ */ t("circle", {
|
|
258
260
|
cx: "12",
|
|
259
261
|
cy: "12",
|
|
260
262
|
r: "10"
|
|
261
263
|
}), /* @__PURE__ */ t("path", { d: "M12 16v-4M12 8v.01" })]
|
|
262
|
-
}),
|
|
264
|
+
}), he = (e) => /* @__PURE__ */ n(U, {
|
|
263
265
|
...e,
|
|
264
266
|
children: [
|
|
265
267
|
/* @__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" }),
|
|
@@ -268,13 +270,13 @@ var H = {
|
|
|
268
270
|
/* @__PURE__ */ t("path", { d: "M16 17H8" }),
|
|
269
271
|
/* @__PURE__ */ t("path", { d: "M10 9H8" })
|
|
270
272
|
]
|
|
271
|
-
}),
|
|
273
|
+
}), K = (e) => /* @__PURE__ */ t(U, {
|
|
272
274
|
...e,
|
|
273
275
|
children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
|
|
274
|
-
}), ge = (e) => /* @__PURE__ */ t(
|
|
276
|
+
}), ge = (e) => /* @__PURE__ */ t(U, {
|
|
275
277
|
...e,
|
|
276
278
|
children: /* @__PURE__ */ t("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" })
|
|
277
|
-
}), _e = (e) => /* @__PURE__ */ n(
|
|
279
|
+
}), _e = (e) => /* @__PURE__ */ n(U, {
|
|
278
280
|
...e,
|
|
279
281
|
children: [/* @__PURE__ */ t("rect", {
|
|
280
282
|
width: "18",
|
|
@@ -283,17 +285,17 @@ var H = {
|
|
|
283
285
|
y: "3",
|
|
284
286
|
rx: "2"
|
|
285
287
|
}), /* @__PURE__ */ t("path", { d: "M3 9h18M9 21V9" })]
|
|
286
|
-
}), ve = (e) => /* @__PURE__ */ t(
|
|
288
|
+
}), ve = (e) => /* @__PURE__ */ t(U, {
|
|
287
289
|
...e,
|
|
288
290
|
children: /* @__PURE__ */ t("path", {
|
|
289
291
|
d: "M8 5v14M16 5v14",
|
|
290
292
|
strokeWidth: "3"
|
|
291
293
|
})
|
|
292
|
-
}), ye = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(
|
|
294
|
+
}), ye = ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(U, {
|
|
293
295
|
strokeWidth: e,
|
|
294
296
|
...n,
|
|
295
297
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14M5 12h14" })
|
|
296
|
-
}), be = (e) => /* @__PURE__ */ n(
|
|
298
|
+
}), be = (e) => /* @__PURE__ */ n(U, {
|
|
297
299
|
...e,
|
|
298
300
|
children: [
|
|
299
301
|
/* @__PURE__ */ t("path", { d: "M12 22v-5" }),
|
|
@@ -301,60 +303,60 @@ var H = {
|
|
|
301
303
|
/* @__PURE__ */ t("path", { d: "M15 8V2" }),
|
|
302
304
|
/* @__PURE__ */ t("path", { d: "M18 8v5a6 6 0 0 1-12 0V8Z" })
|
|
303
305
|
]
|
|
304
|
-
}), xe = (e) => /* @__PURE__ */ t(
|
|
306
|
+
}), xe = (e) => /* @__PURE__ */ t(U, {
|
|
305
307
|
...e,
|
|
306
308
|
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
307
|
-
}), Se = (e) => /* @__PURE__ */ t(
|
|
309
|
+
}), Se = (e) => /* @__PURE__ */ t(U, {
|
|
308
310
|
...e,
|
|
309
311
|
children: /* @__PURE__ */ t("path", {
|
|
310
312
|
d: "m8 5 11 7-11 7V5Z",
|
|
311
313
|
fill: "currentColor",
|
|
312
314
|
stroke: "none"
|
|
313
315
|
})
|
|
314
|
-
}), Ce = (e) => /* @__PURE__ */ t(
|
|
316
|
+
}), Ce = (e) => /* @__PURE__ */ t(U, {
|
|
315
317
|
...e,
|
|
316
318
|
children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
|
|
317
|
-
}), we = (e) => /* @__PURE__ */ t(
|
|
319
|
+
}), we = (e) => /* @__PURE__ */ t(U, {
|
|
318
320
|
...e,
|
|
319
321
|
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" })
|
|
320
|
-
}), Te = (e) => /* @__PURE__ */ t(
|
|
322
|
+
}), Te = (e) => /* @__PURE__ */ t(U, {
|
|
321
323
|
...e,
|
|
322
324
|
children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
|
|
323
|
-
}), Ee = (e) => /* @__PURE__ */ t(
|
|
325
|
+
}), Ee = (e) => /* @__PURE__ */ t(U, {
|
|
324
326
|
...e,
|
|
325
327
|
children: /* @__PURE__ */ t("path", { d: "M4 9h5V4m6 5h5V4M4 15h5v5m6-5h5v5" })
|
|
326
|
-
}), De = (e) => /* @__PURE__ */ t(
|
|
328
|
+
}), De = (e) => /* @__PURE__ */ t(U, {
|
|
327
329
|
...e,
|
|
328
330
|
children: /* @__PURE__ */ t("path", { d: "M4 6h16v12H4V6Zm7 4a2 2 0 1 0 0 4m7-4a2 2 0 1 0 0 4" })
|
|
329
|
-
}), Oe = (e) => /* @__PURE__ */ t(
|
|
331
|
+
}), Oe = (e) => /* @__PURE__ */ t(U, {
|
|
330
332
|
...e,
|
|
331
333
|
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" })
|
|
332
|
-
}), ke = (e) => /* @__PURE__ */ t(
|
|
334
|
+
}), ke = (e) => /* @__PURE__ */ t(U, {
|
|
333
335
|
...e,
|
|
334
336
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
335
|
-
}), Ae = (e) => /* @__PURE__ */ t(
|
|
337
|
+
}), Ae = (e) => /* @__PURE__ */ t(U, {
|
|
336
338
|
...e,
|
|
337
339
|
children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
|
|
338
|
-
}), je = (e) => /* @__PURE__ */ t(
|
|
340
|
+
}), je = (e) => /* @__PURE__ */ t(U, {
|
|
339
341
|
...e,
|
|
340
342
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
341
|
-
}), Me = (e) => /* @__PURE__ */ t(
|
|
343
|
+
}), Me = (e) => /* @__PURE__ */ t(U, {
|
|
342
344
|
...e,
|
|
343
345
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
344
|
-
}), Ne = (e) => /* @__PURE__ */ n(
|
|
346
|
+
}), Ne = (e) => /* @__PURE__ */ n(U, {
|
|
345
347
|
...e,
|
|
346
348
|
children: [/* @__PURE__ */ t("circle", {
|
|
347
349
|
cx: "12",
|
|
348
350
|
cy: "12",
|
|
349
351
|
r: "10"
|
|
350
352
|
}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
|
|
351
|
-
}), Pe = (e) => /* @__PURE__ */ t(
|
|
353
|
+
}), Pe = (e) => /* @__PURE__ */ t(U, {
|
|
352
354
|
...e,
|
|
353
355
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
354
|
-
}), Fe = (e) => /* @__PURE__ */ n(
|
|
356
|
+
}), Fe = (e) => /* @__PURE__ */ n(U, {
|
|
355
357
|
...e,
|
|
356
358
|
children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
|
|
357
|
-
}), Ie = (e) => /* @__PURE__ */ n(
|
|
359
|
+
}), Ie = (e) => /* @__PURE__ */ n(U, {
|
|
358
360
|
...e,
|
|
359
361
|
children: [
|
|
360
362
|
/* @__PURE__ */ t("path", { d: "M3 6h18" }),
|
|
@@ -373,13 +375,13 @@ var H = {
|
|
|
373
375
|
y2: "17"
|
|
374
376
|
})
|
|
375
377
|
]
|
|
376
|
-
}), Le = (e) => /* @__PURE__ */ t(
|
|
378
|
+
}), Le = (e) => /* @__PURE__ */ t(U, {
|
|
377
379
|
...e,
|
|
378
380
|
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" })
|
|
379
|
-
}), Re = (e) => /* @__PURE__ */ n(
|
|
381
|
+
}), Re = (e) => /* @__PURE__ */ n(U, {
|
|
380
382
|
...e,
|
|
381
383
|
children: [/* @__PURE__ */ t("path", { d: "m22 2-7 20-4-9-9-4Z" }), /* @__PURE__ */ t("path", { d: "M22 2 11 13" })]
|
|
382
|
-
}), ze = (e) => /* @__PURE__ */ n(
|
|
384
|
+
}), ze = (e) => /* @__PURE__ */ n(U, {
|
|
383
385
|
...e,
|
|
384
386
|
children: [
|
|
385
387
|
/* @__PURE__ */ t("circle", {
|
|
@@ -390,7 +392,7 @@ var H = {
|
|
|
390
392
|
/* @__PURE__ */ t("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
|
|
391
393
|
/* @__PURE__ */ t("path", { d: "M9 9h.01M15 9h.01" })
|
|
392
394
|
]
|
|
393
|
-
}), Be = (e) => /* @__PURE__ */ n(
|
|
395
|
+
}), Be = (e) => /* @__PURE__ */ n(U, {
|
|
394
396
|
...e,
|
|
395
397
|
children: [
|
|
396
398
|
/* @__PURE__ */ t("circle", {
|
|
@@ -415,7 +417,7 @@ var H = {
|
|
|
415
417
|
stroke: "none"
|
|
416
418
|
})
|
|
417
419
|
]
|
|
418
|
-
}), Ve = (e) => /* @__PURE__ */ t(
|
|
420
|
+
}), Ve = (e) => /* @__PURE__ */ t(U, {
|
|
419
421
|
...e,
|
|
420
422
|
children: [
|
|
421
423
|
5,
|
|
@@ -432,7 +434,7 @@ var H = {
|
|
|
432
434
|
fill: "currentColor",
|
|
433
435
|
stroke: "none"
|
|
434
436
|
}, `${n}-${e}`)))
|
|
435
|
-
}), q = (e) => (n) => /* @__PURE__ */ t(
|
|
437
|
+
}), q = (e) => (n) => /* @__PURE__ */ t(U, {
|
|
436
438
|
...n,
|
|
437
439
|
children: e.map(([e, t], n) => o(e, {
|
|
438
440
|
...t,
|
|
@@ -491,7 +493,7 @@ var H = {
|
|
|
491
493
|
["path", { d: "M13 17V5" }],
|
|
492
494
|
["path", { d: "M8 17v-3" }]
|
|
493
495
|
]),
|
|
494
|
-
IconBedDouble:
|
|
496
|
+
IconBedDouble: W,
|
|
495
497
|
IconBookText: ie,
|
|
496
498
|
IconBell: q([["path", {
|
|
497
499
|
d: "M10.268 21a2 2 0 0 0 3.464 0",
|
|
@@ -642,7 +644,7 @@ var H = {
|
|
|
642
644
|
d: "M12 6v6h4",
|
|
643
645
|
key: "135r8i"
|
|
644
646
|
}]]),
|
|
645
|
-
IconCopy:
|
|
647
|
+
IconCopy: G,
|
|
646
648
|
IconDownload: q([
|
|
647
649
|
["path", {
|
|
648
650
|
d: "M12 15V3",
|
|
@@ -689,7 +691,7 @@ var H = {
|
|
|
689
691
|
key: "18s6g9"
|
|
690
692
|
}]
|
|
691
693
|
]),
|
|
692
|
-
IconFileText:
|
|
694
|
+
IconFileText: he,
|
|
693
695
|
IconGauge: q([["path", {
|
|
694
696
|
d: "m12 14 4-4",
|
|
695
697
|
key: "9kzdfg"
|
|
@@ -1098,17 +1100,17 @@ var H = {
|
|
|
1098
1100
|
d: "m6 6 12 12",
|
|
1099
1101
|
key: "d8bk6v"
|
|
1100
1102
|
}]]),
|
|
1101
|
-
IconBasket:
|
|
1103
|
+
IconBasket: re,
|
|
1102
1104
|
IconCheck: oe,
|
|
1103
1105
|
IconChevron: se,
|
|
1104
1106
|
IconCross: ce,
|
|
1105
|
-
IconEdit:
|
|
1106
|
-
IconErrorCircle:
|
|
1107
|
+
IconEdit: le,
|
|
1108
|
+
IconErrorCircle: ue,
|
|
1107
1109
|
IconEye: de,
|
|
1108
1110
|
IconEyeOff: fe,
|
|
1109
1111
|
IconInfo: pe,
|
|
1110
1112
|
IconInfoCircle: me,
|
|
1111
|
-
IconMinus:
|
|
1113
|
+
IconMinus: K,
|
|
1112
1114
|
IconMoreVertical: Be,
|
|
1113
1115
|
IconList: ge,
|
|
1114
1116
|
IconPanelsTopLeft: _e,
|
|
@@ -1188,11 +1190,11 @@ var H = {
|
|
|
1188
1190
|
i && /* @__PURE__ */ t("span", { children: i })
|
|
1189
1191
|
]
|
|
1190
1192
|
}),
|
|
1191
|
-
a && !o && /* @__PURE__ */ t(
|
|
1193
|
+
a && !o && /* @__PURE__ */ t(H, {
|
|
1192
1194
|
id: x,
|
|
1193
1195
|
children: a
|
|
1194
1196
|
}),
|
|
1195
|
-
o && /* @__PURE__ */ t(
|
|
1197
|
+
o && /* @__PURE__ */ t(H, {
|
|
1196
1198
|
id: S,
|
|
1197
1199
|
variant: "error",
|
|
1198
1200
|
children: o
|
|
@@ -1309,13 +1311,13 @@ var H = {
|
|
|
1309
1311
|
let r = nt(e).getTime();
|
|
1310
1312
|
return !!(t && r < nt(t).getTime() || n && r > nt(n).getTime());
|
|
1311
1313
|
}, 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")), [
|
|
1314
|
+
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")), [te, B] = g(Ze(r)), [V, U] = g(""), [re, W] = g(0), [ie, ae] = g(null), oe = m(() => ot(L), [L]), se = a !== "time", ce = a !== "date";
|
|
1313
1315
|
d(() => {
|
|
1314
|
-
r && R(r), ee(rt(r, "time")),
|
|
1316
|
+
r && R(r), ee(rt(r, "time")), B(Ze(r));
|
|
1315
1317
|
}, [r]), d(() => () => {
|
|
1316
1318
|
P.current && clearTimeout(P.current);
|
|
1317
1319
|
}, []);
|
|
1318
|
-
let
|
|
1320
|
+
let G = l(() => {
|
|
1319
1321
|
let e = M.current, t = N.current;
|
|
1320
1322
|
if (!e || !t) return;
|
|
1321
1323
|
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;
|
|
@@ -1330,12 +1332,12 @@ var H = {
|
|
|
1330
1332
|
ae(null);
|
|
1331
1333
|
return;
|
|
1332
1334
|
}
|
|
1333
|
-
return
|
|
1334
|
-
window.removeEventListener("resize",
|
|
1335
|
+
return G(), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0), () => {
|
|
1336
|
+
window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
|
|
1335
1337
|
};
|
|
1336
1338
|
}, [
|
|
1337
1339
|
F,
|
|
1338
|
-
|
|
1340
|
+
G,
|
|
1339
1341
|
L,
|
|
1340
1342
|
z
|
|
1341
1343
|
]), d(() => {
|
|
@@ -1350,29 +1352,29 @@ var H = {
|
|
|
1350
1352
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1351
1353
|
};
|
|
1352
1354
|
}, [F]);
|
|
1353
|
-
let
|
|
1355
|
+
let le = (e) => {
|
|
1354
1356
|
if (ct(e, x, S)) return;
|
|
1355
1357
|
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),
|
|
1357
|
-
},
|
|
1358
|
-
|
|
1359
|
-
|
|
1358
|
+
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), B(Ze(t)), a === "date" && I(!1));
|
|
1359
|
+
}, ue = () => {
|
|
1360
|
+
U(Xe), W((e) => e + 1), P.current && clearTimeout(P.current), P.current = setTimeout(() => {
|
|
1361
|
+
U(""), P.current = null;
|
|
1360
1362
|
}, 3e3);
|
|
1361
1363
|
}, de = (e) => {
|
|
1362
1364
|
let t = e.replace(/\D/g, "").slice(0, Ye);
|
|
1363
1365
|
if (!et(t)) {
|
|
1364
|
-
|
|
1366
|
+
ue();
|
|
1365
1367
|
return;
|
|
1366
1368
|
}
|
|
1367
1369
|
let n = Qe(t);
|
|
1368
|
-
if (
|
|
1370
|
+
if (B(n), !t) {
|
|
1369
1371
|
i?.(null);
|
|
1370
1372
|
return;
|
|
1371
1373
|
}
|
|
1372
1374
|
if (t.length < Ye) return;
|
|
1373
1375
|
let o = tt(n);
|
|
1374
1376
|
if (!o || ct(o, x, S)) {
|
|
1375
|
-
|
|
1377
|
+
ue();
|
|
1376
1378
|
return;
|
|
1377
1379
|
}
|
|
1378
1380
|
a === "datetime" && o.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(o), R(o), I(!1), requestAnimationFrame(() => M.current?.blur());
|
|
@@ -1385,11 +1387,11 @@ var H = {
|
|
|
1385
1387
|
if (!t) return;
|
|
1386
1388
|
let n = new Date(a === "datetime" ? r ?? L : /* @__PURE__ */ new Date());
|
|
1387
1389
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
1388
|
-
}, pe = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), me =
|
|
1390
|
+
}, pe = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), me = V ? `${O}-validation` : void 0, he = [
|
|
1389
1391
|
k,
|
|
1390
1392
|
A,
|
|
1391
1393
|
me
|
|
1392
|
-
].filter(Boolean).join(" ") || void 0,
|
|
1394
|
+
].filter(Boolean).join(" ") || void 0, K = F && !y ? /* @__PURE__ */ n("div", {
|
|
1393
1395
|
ref: N,
|
|
1394
1396
|
className: Y.panel,
|
|
1395
1397
|
role: "dialog",
|
|
@@ -1463,7 +1465,7 @@ var H = {
|
|
|
1463
1465
|
className: `${Y.day} ${e.getMonth() === L.getMonth() ? "" : Y.outside} ${n ? Y.selected : ""}`,
|
|
1464
1466
|
disabled: ct(e, x, S),
|
|
1465
1467
|
"aria-pressed": n,
|
|
1466
|
-
onClick: () =>
|
|
1468
|
+
onClick: () => le(e),
|
|
1467
1469
|
children: e.getDate()
|
|
1468
1470
|
}, e.toISOString());
|
|
1469
1471
|
})
|
|
@@ -1482,7 +1484,7 @@ var H = {
|
|
|
1482
1484
|
ref: j,
|
|
1483
1485
|
className: `${Y.wrapper} ${E}`,
|
|
1484
1486
|
children: [
|
|
1485
|
-
o && /* @__PURE__ */ t(
|
|
1487
|
+
o && /* @__PURE__ */ t(ne, {
|
|
1486
1488
|
htmlFor: O,
|
|
1487
1489
|
required: b,
|
|
1488
1490
|
disabled: v,
|
|
@@ -1496,7 +1498,7 @@ var H = {
|
|
|
1496
1498
|
id: O,
|
|
1497
1499
|
name: T,
|
|
1498
1500
|
className: Y.dateInput,
|
|
1499
|
-
value:
|
|
1501
|
+
value: te,
|
|
1500
1502
|
placeholder: pe.split(" ")[0],
|
|
1501
1503
|
inputMode: "numeric",
|
|
1502
1504
|
autoComplete: "off",
|
|
@@ -1505,8 +1507,8 @@ var H = {
|
|
|
1505
1507
|
readOnly: y,
|
|
1506
1508
|
"aria-expanded": F,
|
|
1507
1509
|
"aria-haspopup": "dialog",
|
|
1508
|
-
"aria-describedby":
|
|
1509
|
-
"aria-invalid": !!(u ||
|
|
1510
|
+
"aria-describedby": he,
|
|
1511
|
+
"aria-invalid": !!(u || V) || void 0,
|
|
1510
1512
|
onFocus: () => {
|
|
1511
1513
|
y || I(!0);
|
|
1512
1514
|
},
|
|
@@ -1530,7 +1532,7 @@ var H = {
|
|
|
1530
1532
|
I((e) => !e), M.current?.focus();
|
|
1531
1533
|
},
|
|
1532
1534
|
children: /* @__PURE__ */ t("span", {
|
|
1533
|
-
className: `${Y.chevron} ${
|
|
1535
|
+
className: `${Y.chevron} ${K ? Y.chevronOpen : ""}`,
|
|
1534
1536
|
"aria-hidden": "true",
|
|
1535
1537
|
children: /* @__PURE__ */ t(J, {
|
|
1536
1538
|
name: "IconChevron",
|
|
@@ -1550,7 +1552,7 @@ var H = {
|
|
|
1550
1552
|
"aria-readonly": y || void 0,
|
|
1551
1553
|
"aria-expanded": F,
|
|
1552
1554
|
"aria-haspopup": "dialog",
|
|
1553
|
-
"aria-describedby":
|
|
1555
|
+
"aria-describedby": he,
|
|
1554
1556
|
onClick: () => {
|
|
1555
1557
|
y || I((e) => !e);
|
|
1556
1558
|
},
|
|
@@ -1558,7 +1560,7 @@ var H = {
|
|
|
1558
1560
|
className: r ? Y.value : Y.placeholder,
|
|
1559
1561
|
children: at(r, a) || pe
|
|
1560
1562
|
}), /* @__PURE__ */ t("span", {
|
|
1561
|
-
className: `${Y.chevron} ${
|
|
1563
|
+
className: `${Y.chevron} ${K ? Y.chevronOpen : ""}`,
|
|
1562
1564
|
"aria-hidden": "true",
|
|
1563
1565
|
children: /* @__PURE__ */ t(J, {
|
|
1564
1566
|
name: "IconChevron",
|
|
@@ -1567,19 +1569,19 @@ var H = {
|
|
|
1567
1569
|
})
|
|
1568
1570
|
})]
|
|
1569
1571
|
}),
|
|
1570
|
-
|
|
1572
|
+
V && /* @__PURE__ */ t("span", {
|
|
1571
1573
|
id: me,
|
|
1572
1574
|
className: Y.validationTooltip,
|
|
1573
1575
|
role: "status",
|
|
1574
1576
|
"aria-live": "polite",
|
|
1575
|
-
children:
|
|
1576
|
-
},
|
|
1577
|
-
|
|
1578
|
-
c && !u && /* @__PURE__ */ t(
|
|
1577
|
+
children: V
|
|
1578
|
+
}, re),
|
|
1579
|
+
K && _(K, document.body),
|
|
1580
|
+
c && !u && /* @__PURE__ */ t(H, {
|
|
1579
1581
|
id: k,
|
|
1580
1582
|
children: c
|
|
1581
1583
|
}),
|
|
1582
|
-
u && /* @__PURE__ */ t(
|
|
1584
|
+
u && /* @__PURE__ */ t(H, {
|
|
1583
1585
|
id: A,
|
|
1584
1586
|
variant: "error",
|
|
1585
1587
|
children: u
|
|
@@ -1627,7 +1629,7 @@ var H = {
|
|
|
1627
1629
|
to: t
|
|
1628
1630
|
})
|
|
1629
1631
|
})]
|
|
1630
|
-
}), c && !g && /* @__PURE__ */ t(
|
|
1632
|
+
}), c && !g && /* @__PURE__ */ t(H, { children: c })]
|
|
1631
1633
|
});
|
|
1632
1634
|
}, ht = {
|
|
1633
1635
|
group: "_group_ey6uk_1",
|
|
@@ -1681,7 +1683,7 @@ var H = {
|
|
|
1681
1683
|
}
|
|
1682
1684
|
return Infinity;
|
|
1683
1685
|
}, 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,
|
|
1686
|
+
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, te = o && s, B = l(() => {
|
|
1685
1687
|
let e = P.current, t = F.current;
|
|
1686
1688
|
if (!e || !t) return;
|
|
1687
1689
|
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;
|
|
@@ -1697,12 +1699,12 @@ var H = {
|
|
|
1697
1699
|
M(null);
|
|
1698
1700
|
return;
|
|
1699
1701
|
}
|
|
1700
|
-
return
|
|
1701
|
-
window.removeEventListener("resize",
|
|
1702
|
+
return B(), window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), () => {
|
|
1703
|
+
window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0);
|
|
1702
1704
|
};
|
|
1703
1705
|
}, [
|
|
1704
1706
|
k,
|
|
1705
|
-
|
|
1707
|
+
B,
|
|
1706
1708
|
e.length
|
|
1707
1709
|
]), d(() => {
|
|
1708
1710
|
if (!k) return;
|
|
@@ -1716,14 +1718,14 @@ var H = {
|
|
|
1716
1718
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
1717
1719
|
};
|
|
1718
1720
|
}, [k]);
|
|
1719
|
-
let
|
|
1721
|
+
let V = (t, n) => {
|
|
1720
1722
|
let r = bt(e, t, n);
|
|
1721
1723
|
if (r === -1) return;
|
|
1722
1724
|
let i = I.current[r];
|
|
1723
1725
|
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
1724
|
-
},
|
|
1726
|
+
}, H = (e) => {
|
|
1725
1727
|
e.disabled || (i?.(e.value, e), A(!1), P.current?.focus());
|
|
1726
|
-
},
|
|
1728
|
+
}, U = k ? /* @__PURE__ */ t("ul", {
|
|
1727
1729
|
ref: F,
|
|
1728
1730
|
id: O,
|
|
1729
1731
|
className: X.menu,
|
|
@@ -1761,19 +1763,19 @@ var H = {
|
|
|
1761
1763
|
i.variant === "action" ? X.actionOption : "",
|
|
1762
1764
|
o ? X.selected : ""
|
|
1763
1765
|
].filter(Boolean).join(" "),
|
|
1764
|
-
onClick: () =>
|
|
1766
|
+
onClick: () => H(i),
|
|
1765
1767
|
onKeyDown: (t) => {
|
|
1766
1768
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
1767
1769
|
t.preventDefault();
|
|
1768
1770
|
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
1769
|
-
|
|
1771
|
+
V(a + e, e);
|
|
1770
1772
|
}
|
|
1771
1773
|
if (t.key === "Tab" && A(!1), t.key === "Home" || t.key === "End") {
|
|
1772
1774
|
t.preventDefault();
|
|
1773
1775
|
let n = t.key === "Home" ? 1 : -1;
|
|
1774
|
-
|
|
1776
|
+
V(t.key === "Home" ? 0 : e.length - 1, n);
|
|
1775
1777
|
}
|
|
1776
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
1778
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), H(i));
|
|
1777
1779
|
},
|
|
1778
1780
|
children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(J, {
|
|
1779
1781
|
name: "IconCheck",
|
|
@@ -1792,15 +1794,15 @@ var H = {
|
|
|
1792
1794
|
b
|
|
1793
1795
|
].filter(Boolean).join(" "),
|
|
1794
1796
|
children: [
|
|
1795
|
-
c && /* @__PURE__ */ t(
|
|
1797
|
+
c && /* @__PURE__ */ t(ne, {
|
|
1796
1798
|
required: x,
|
|
1797
1799
|
disabled: o,
|
|
1798
|
-
htmlFor:
|
|
1800
|
+
htmlFor: te ? void 0 : D,
|
|
1799
1801
|
children: c
|
|
1800
1802
|
}),
|
|
1801
1803
|
/* @__PURE__ */ t("div", {
|
|
1802
1804
|
className: X.container,
|
|
1803
|
-
children:
|
|
1805
|
+
children: te ? /* @__PURE__ */ t("div", {
|
|
1804
1806
|
id: D,
|
|
1805
1807
|
className: X.disabledText,
|
|
1806
1808
|
"aria-describedby": ee,
|
|
@@ -1823,13 +1825,13 @@ var H = {
|
|
|
1823
1825
|
t.preventDefault(), A(!0);
|
|
1824
1826
|
let n = t.key === "ArrowDown" ? 1 : -1;
|
|
1825
1827
|
requestAnimationFrame(() => {
|
|
1826
|
-
|
|
1828
|
+
V(t.key === "ArrowDown" ? 0 : e.length - 1, n);
|
|
1827
1829
|
});
|
|
1828
1830
|
}
|
|
1829
1831
|
if (t.key === "Enter" && k) {
|
|
1830
1832
|
t.preventDefault();
|
|
1831
1833
|
let n = e.findIndex((e) => e.value === r);
|
|
1832
|
-
|
|
1834
|
+
V(n >= 0 ? n : 0, 1);
|
|
1833
1835
|
}
|
|
1834
1836
|
},
|
|
1835
1837
|
children: [/* @__PURE__ */ t("span", {
|
|
@@ -1847,7 +1849,7 @@ var H = {
|
|
|
1847
1849
|
})]
|
|
1848
1850
|
})
|
|
1849
1851
|
}),
|
|
1850
|
-
k && _(
|
|
1852
|
+
k && _(U, document.body),
|
|
1851
1853
|
y && !u && /* @__PURE__ */ t("span", {
|
|
1852
1854
|
id: R,
|
|
1853
1855
|
className: X.message,
|
|
@@ -1908,7 +1910,7 @@ var H = {
|
|
|
1908
1910
|
}, [C]), /* @__PURE__ */ n("div", {
|
|
1909
1911
|
className: `${Tt.wrapper} ${m}`,
|
|
1910
1912
|
children: [
|
|
1911
|
-
l && /* @__PURE__ */ t(
|
|
1913
|
+
l && /* @__PURE__ */ t(ne, {
|
|
1912
1914
|
htmlFor: k,
|
|
1913
1915
|
required: x,
|
|
1914
1916
|
disabled: o,
|
|
@@ -1977,11 +1979,11 @@ var H = {
|
|
|
1977
1979
|
})
|
|
1978
1980
|
]
|
|
1979
1981
|
}),
|
|
1980
|
-
p && !u && /* @__PURE__ */ t(
|
|
1982
|
+
p && !u && /* @__PURE__ */ t(H, {
|
|
1981
1983
|
id: N,
|
|
1982
1984
|
children: p
|
|
1983
1985
|
}),
|
|
1984
|
-
u && /* @__PURE__ */ t(
|
|
1986
|
+
u && /* @__PURE__ */ t(H, {
|
|
1985
1987
|
id: P,
|
|
1986
1988
|
variant: "error",
|
|
1987
1989
|
children: u
|
|
@@ -1996,7 +1998,7 @@ var H = {
|
|
|
1996
1998
|
}
|
|
1997
1999
|
return Infinity;
|
|
1998
2000
|
}, 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,
|
|
2001
|
+
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, te = [z, ee].filter(Boolean).join(" ") || void 0, B = o && s, V = l(() => {
|
|
2000
2002
|
let e = F.current, t = I.current;
|
|
2001
2003
|
if (!e || !t) return;
|
|
2002
2004
|
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;
|
|
@@ -2012,13 +2014,13 @@ var H = {
|
|
|
2012
2014
|
N(null);
|
|
2013
2015
|
return;
|
|
2014
2016
|
}
|
|
2015
|
-
return
|
|
2016
|
-
window.removeEventListener("resize",
|
|
2017
|
+
return V(), window.addEventListener("resize", V), window.addEventListener("scroll", V, !0), () => {
|
|
2018
|
+
window.removeEventListener("resize", V), window.removeEventListener("scroll", V, !0);
|
|
2017
2019
|
};
|
|
2018
2020
|
}, [
|
|
2019
2021
|
A,
|
|
2020
2022
|
e.length,
|
|
2021
|
-
|
|
2023
|
+
V
|
|
2022
2024
|
]), d(() => {
|
|
2023
2025
|
if (!A) return;
|
|
2024
2026
|
let e = (e) => {
|
|
@@ -2031,14 +2033,14 @@ var H = {
|
|
|
2031
2033
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
|
|
2032
2034
|
};
|
|
2033
2035
|
}, [A]);
|
|
2034
|
-
let
|
|
2036
|
+
let H = (t, n) => {
|
|
2035
2037
|
let r = bt(e, t, n);
|
|
2036
2038
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
2037
|
-
},
|
|
2039
|
+
}, U = (t) => {
|
|
2038
2040
|
if (t.disabled) return;
|
|
2039
2041
|
let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
|
|
2040
2042
|
i?.(n, e.filter((e) => n.includes(e.value))), w && (j(!1), F.current?.focus());
|
|
2041
|
-
},
|
|
2043
|
+
}, re = A ? /* @__PURE__ */ t("ul", {
|
|
2042
2044
|
ref: I,
|
|
2043
2045
|
id: k,
|
|
2044
2046
|
className: X.menu,
|
|
@@ -2077,19 +2079,19 @@ var H = {
|
|
|
2077
2079
|
i.variant === "action" ? X.actionOption : "",
|
|
2078
2080
|
o ? X.selected : ""
|
|
2079
2081
|
].filter(Boolean).join(" "),
|
|
2080
|
-
onClick: () =>
|
|
2082
|
+
onClick: () => U(i),
|
|
2081
2083
|
onKeyDown: (t) => {
|
|
2082
2084
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
2083
2085
|
t.preventDefault();
|
|
2084
2086
|
let e = t.key === "ArrowDown" ? 1 : -1;
|
|
2085
|
-
|
|
2087
|
+
H(a + e, e);
|
|
2086
2088
|
}
|
|
2087
2089
|
if (t.key === "Home" || t.key === "End") {
|
|
2088
2090
|
t.preventDefault();
|
|
2089
2091
|
let n = t.key === "Home" ? 1 : -1;
|
|
2090
|
-
|
|
2092
|
+
H(t.key === "Home" ? 0 : e.length - 1, n);
|
|
2091
2093
|
}
|
|
2092
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
2094
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), U(i)), t.key === "Tab" && j(!1);
|
|
2093
2095
|
},
|
|
2094
2096
|
children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(J, {
|
|
2095
2097
|
name: "IconCheck",
|
|
@@ -2108,18 +2110,18 @@ var H = {
|
|
|
2108
2110
|
x
|
|
2109
2111
|
].filter(Boolean).join(" "),
|
|
2110
2112
|
children: [
|
|
2111
|
-
c && /* @__PURE__ */ t(
|
|
2112
|
-
htmlFor:
|
|
2113
|
+
c && /* @__PURE__ */ t(ne, {
|
|
2114
|
+
htmlFor: B ? void 0 : O,
|
|
2113
2115
|
required: y,
|
|
2114
2116
|
disabled: o,
|
|
2115
2117
|
children: c
|
|
2116
2118
|
}),
|
|
2117
2119
|
/* @__PURE__ */ t("div", {
|
|
2118
2120
|
className: X.container,
|
|
2119
|
-
children:
|
|
2121
|
+
children: B ? /* @__PURE__ */ t("div", {
|
|
2120
2122
|
id: O,
|
|
2121
2123
|
className: `${X.disabledText} ${X[v]}`,
|
|
2122
|
-
"aria-describedby":
|
|
2124
|
+
"aria-describedby": te,
|
|
2123
2125
|
children: R || a
|
|
2124
2126
|
}) : /* @__PURE__ */ n("button", {
|
|
2125
2127
|
ref: F,
|
|
@@ -2131,14 +2133,14 @@ var H = {
|
|
|
2131
2133
|
"aria-haspopup": "listbox",
|
|
2132
2134
|
"aria-expanded": A,
|
|
2133
2135
|
"aria-controls": k,
|
|
2134
|
-
"aria-describedby":
|
|
2136
|
+
"aria-describedby": te,
|
|
2135
2137
|
"aria-invalid": !!u,
|
|
2136
2138
|
onClick: () => j((e) => !e),
|
|
2137
2139
|
onKeyDown: (t) => {
|
|
2138
2140
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
2139
2141
|
t.preventDefault(), j(!0);
|
|
2140
2142
|
let n = t.key === "ArrowDown" ? 1 : -1;
|
|
2141
|
-
requestAnimationFrame(() =>
|
|
2143
|
+
requestAnimationFrame(() => H(t.key === "ArrowDown" ? 0 : e.length - 1, n));
|
|
2142
2144
|
}
|
|
2143
2145
|
},
|
|
2144
2146
|
children: [/* @__PURE__ */ t("span", {
|
|
@@ -2155,7 +2157,7 @@ var H = {
|
|
|
2155
2157
|
})]
|
|
2156
2158
|
})
|
|
2157
2159
|
}),
|
|
2158
|
-
A && _(
|
|
2160
|
+
A && _(re, document.body),
|
|
2159
2161
|
b && !u && /* @__PURE__ */ t("span", {
|
|
2160
2162
|
id: z,
|
|
2161
2163
|
className: X.message,
|
|
@@ -2206,81 +2208,188 @@ var H = {
|
|
|
2206
2208
|
})
|
|
2207
2209
|
]
|
|
2208
2210
|
});
|
|
2211
|
+
}, Pt = {
|
|
2212
|
+
root: "_root_ymidq_1",
|
|
2213
|
+
trigger: "_trigger_ymidq_15",
|
|
2214
|
+
heading: "_heading_ymidq_41",
|
|
2215
|
+
title: "_title_ymidq_51",
|
|
2216
|
+
subtitle: "_subtitle_ymidq_59",
|
|
2217
|
+
icon: "_icon_ymidq_69",
|
|
2218
|
+
open: "_open_ymidq_91",
|
|
2219
|
+
content: "_content_ymidq_99",
|
|
2220
|
+
contentInner: "_contentInner_ymidq_119"
|
|
2221
|
+
}, Ft = (e, t, n, r = 16) => {
|
|
2222
|
+
if (t > Math.max(0, n - r * 2)) {
|
|
2223
|
+
let t = e - r;
|
|
2224
|
+
return Math.abs(t) <= 1 ? {
|
|
2225
|
+
alignment: "none",
|
|
2226
|
+
delta: 0
|
|
2227
|
+
} : {
|
|
2228
|
+
alignment: "start",
|
|
2229
|
+
delta: t
|
|
2230
|
+
};
|
|
2231
|
+
}
|
|
2232
|
+
let i = e + t, a = n - r;
|
|
2233
|
+
return i > a ? {
|
|
2234
|
+
alignment: "end",
|
|
2235
|
+
delta: i - a
|
|
2236
|
+
} : e < r ? {
|
|
2237
|
+
alignment: "start",
|
|
2238
|
+
delta: e - r
|
|
2239
|
+
} : {
|
|
2240
|
+
alignment: "none",
|
|
2241
|
+
delta: 0
|
|
2242
|
+
};
|
|
2243
|
+
}, It = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: u = "" }) => {
|
|
2244
|
+
let p = f(), [m, _] = g(a), v = o ?? m, y = h(null), b = h(null), x = h(v);
|
|
2245
|
+
return d(() => {
|
|
2246
|
+
let e = x.current;
|
|
2247
|
+
if (x.current = v, !v || e || !c) return;
|
|
2248
|
+
let t = y.current, n = b.current;
|
|
2249
|
+
if (!t || !n || typeof window > "u") return;
|
|
2250
|
+
let r = !1, i = () => {
|
|
2251
|
+
if (r) return;
|
|
2252
|
+
r = !0;
|
|
2253
|
+
let e = t.getBoundingClientRect(), n = Ft(e.top, e.height, window.innerHeight, l);
|
|
2254
|
+
if (n.alignment === "none") return;
|
|
2255
|
+
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
2256
|
+
window.scrollBy({
|
|
2257
|
+
top: n.delta,
|
|
2258
|
+
behavior: i ? "auto" : "smooth"
|
|
2259
|
+
});
|
|
2260
|
+
}, a = (e) => {
|
|
2261
|
+
e.target === n && e.propertyName === "grid-template-rows" && i();
|
|
2262
|
+
};
|
|
2263
|
+
n.addEventListener("transitionend", a);
|
|
2264
|
+
let o = window.setTimeout(i, 280);
|
|
2265
|
+
return () => {
|
|
2266
|
+
n.removeEventListener("transitionend", a), window.clearTimeout(o);
|
|
2267
|
+
};
|
|
2268
|
+
}, [
|
|
2269
|
+
c,
|
|
2270
|
+
v,
|
|
2271
|
+
l
|
|
2272
|
+
]), /* @__PURE__ */ n("section", {
|
|
2273
|
+
ref: y,
|
|
2274
|
+
className: `${Pt.root} ${v ? Pt.open : ""} ${u}`,
|
|
2275
|
+
children: [/* @__PURE__ */ n("button", {
|
|
2276
|
+
type: "button",
|
|
2277
|
+
className: Pt.trigger,
|
|
2278
|
+
"aria-expanded": v,
|
|
2279
|
+
"aria-controls": p,
|
|
2280
|
+
onClick: () => {
|
|
2281
|
+
let e = !v;
|
|
2282
|
+
o === void 0 && _(e), s?.(e);
|
|
2283
|
+
},
|
|
2284
|
+
children: [/* @__PURE__ */ n("span", {
|
|
2285
|
+
className: Pt.heading,
|
|
2286
|
+
children: [/* @__PURE__ */ t("span", {
|
|
2287
|
+
className: Pt.title,
|
|
2288
|
+
children: e
|
|
2289
|
+
}), r && /* @__PURE__ */ t("span", {
|
|
2290
|
+
className: Pt.subtitle,
|
|
2291
|
+
children: r
|
|
2292
|
+
})]
|
|
2293
|
+
}), /* @__PURE__ */ t("span", {
|
|
2294
|
+
className: Pt.icon,
|
|
2295
|
+
"aria-hidden": "true",
|
|
2296
|
+
children: /* @__PURE__ */ t(J, {
|
|
2297
|
+
name: "IconChevron",
|
|
2298
|
+
width: 20,
|
|
2299
|
+
height: 20
|
|
2300
|
+
})
|
|
2301
|
+
})]
|
|
2302
|
+
}), /* @__PURE__ */ t("div", {
|
|
2303
|
+
ref: b,
|
|
2304
|
+
id: p,
|
|
2305
|
+
className: Pt.content,
|
|
2306
|
+
"aria-hidden": !v,
|
|
2307
|
+
children: /* @__PURE__ */ t("div", {
|
|
2308
|
+
className: Pt.contentInner,
|
|
2309
|
+
children: i
|
|
2310
|
+
})
|
|
2311
|
+
})]
|
|
2312
|
+
});
|
|
2209
2313
|
}, Z = {
|
|
2210
|
-
root: "
|
|
2211
|
-
toolbar: "
|
|
2212
|
-
totalWidget: "
|
|
2213
|
-
totalLabel: "
|
|
2214
|
-
totalValue: "
|
|
2215
|
-
srOnly: "
|
|
2216
|
-
bulkActions: "
|
|
2217
|
-
filterBar: "
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2314
|
+
root: "_root_14x6q_1",
|
|
2315
|
+
toolbar: "_toolbar_14x6q_15",
|
|
2316
|
+
totalWidget: "_totalWidget_14x6q_31",
|
|
2317
|
+
totalLabel: "_totalLabel_14x6q_53",
|
|
2318
|
+
totalValue: "_totalValue_14x6q_63",
|
|
2319
|
+
srOnly: "_srOnly_14x6q_77",
|
|
2320
|
+
bulkActions: "_bulkActions_14x6q_101",
|
|
2321
|
+
filterBar: "_filterBar_14x6q_123",
|
|
2322
|
+
filterBarEmbedded: "_filterBarEmbedded_14x6q_141",
|
|
2323
|
+
filterAccordion: "_filterAccordion_14x6q_153",
|
|
2324
|
+
filterFields: "_filterFields_14x6q_161",
|
|
2325
|
+
filterActions: "_filterActions_14x6q_175",
|
|
2326
|
+
filterFooter: "_filterFooter_14x6q_187",
|
|
2327
|
+
pageSizePanel: "_pageSizePanel_14x6q_205",
|
|
2328
|
+
embedded: "_embedded_14x6q_205",
|
|
2329
|
+
pageSizeSeparator: "_pageSizeSeparator_14x6q_225",
|
|
2330
|
+
pendingChanges: "_pendingChanges_14x6q_247",
|
|
2331
|
+
tableWrap: "_tableWrap_14x6q_259",
|
|
2332
|
+
table: "_table_14x6q_259",
|
|
2333
|
+
compact: "_compact_14x6q_309",
|
|
2334
|
+
selectionColumn: "_selectionColumn_14x6q_347",
|
|
2335
|
+
expansionColumn: "_expansionColumn_14x6q_355",
|
|
2336
|
+
expansionCell: "_expansionCell_14x6q_357",
|
|
2337
|
+
expansionIcon: "_expansionIcon_14x6q_369",
|
|
2338
|
+
expansionIconOpen: "_expansionIconOpen_14x6q_379",
|
|
2339
|
+
detailRow: "_detailRow_14x6q_389",
|
|
2340
|
+
stickyColumn: "_stickyColumn_14x6q_399",
|
|
2341
|
+
selectionHeaderCell: "_selectionHeaderCell_14x6q_435",
|
|
2342
|
+
selectionCell: "_selectionCell_14x6q_437",
|
|
2343
|
+
selectionHeaderControls: "_selectionHeaderControls_14x6q_449",
|
|
2344
|
+
mobileSelectionControls: "_mobileSelectionControls_14x6q_451",
|
|
2345
|
+
cardSelectionControls: "_cardSelectionControls_14x6q_453",
|
|
2346
|
+
singleSelectionControl: "_singleSelectionControl_14x6q_467",
|
|
2347
|
+
selectedRow: "_selectedRow_14x6q_487",
|
|
2348
|
+
sticky: "_sticky_14x6q_399",
|
|
2349
|
+
sortButton: "_sortButton_14x6q_525",
|
|
2350
|
+
state: "_state_14x6q_563",
|
|
2351
|
+
cards: "_cards_14x6q_575",
|
|
2352
|
+
mobileSort: "_mobileSort_14x6q_575",
|
|
2353
|
+
card: "_card_14x6q_453",
|
|
2354
|
+
spanTwo: "_spanTwo_14x6q_663",
|
|
2355
|
+
selectedCard: "_selectedCard_14x6q_671",
|
|
2356
|
+
customCardShell: "_customCardShell_14x6q_705",
|
|
2357
|
+
clickableRow: "_clickableRow_14x6q_719",
|
|
2358
|
+
cardDetail: "_cardDetail_14x6q_737",
|
|
2359
|
+
pagination: "_pagination_14x6q_763",
|
|
2360
|
+
bottom: "_bottom_14x6q_811",
|
|
2361
|
+
pageSizeMain: "_pageSizeMain_14x6q_825",
|
|
2362
|
+
pageSizeOptions: "_pageSizeOptions_14x6q_827",
|
|
2363
|
+
pageSizeFieldset: "_pageSizeFieldset_14x6q_839",
|
|
2364
|
+
pageSizeOption: "_pageSizeOption_14x6q_827",
|
|
2365
|
+
pageSizeOptionActive: "_pageSizeOptionActive_14x6q_917",
|
|
2366
|
+
pageSizeWarning: "_pageSizeWarning_14x6q_931",
|
|
2367
|
+
paginationRange: "_paginationRange_14x6q_943",
|
|
2368
|
+
paginationControls: "_paginationControls_14x6q_955",
|
|
2369
|
+
pageNumbers: "_pageNumbers_14x6q_957",
|
|
2370
|
+
pageButton: "_pageButton_14x6q_969",
|
|
2371
|
+
ellipsis: "_ellipsis_14x6q_979",
|
|
2372
|
+
previousIcon: "_previousIcon_14x6q_991",
|
|
2373
|
+
nextIcon: "_nextIcon_14x6q_999",
|
|
2374
|
+
default: "_default_14x6q_1127",
|
|
2375
|
+
tableOnMobile: "_tableOnMobile_14x6q_1127",
|
|
2376
|
+
wide: "_wide_14x6q_1157"
|
|
2377
|
+
}, Lt = b({
|
|
2269
2378
|
rowSortingFeature: y,
|
|
2270
2379
|
sortedRowModel: v()
|
|
2271
|
-
}),
|
|
2380
|
+
}), Rt = [
|
|
2272
2381
|
10,
|
|
2273
2382
|
30,
|
|
2274
2383
|
50,
|
|
2275
2384
|
-1
|
|
2276
|
-
],
|
|
2277
|
-
function
|
|
2385
|
+
], zt = 30, Bt = 8;
|
|
2386
|
+
function Vt(e, t) {
|
|
2278
2387
|
return t.includes(e) ? e : t.includes(30) ? 30 : t.find((e) => Number.isSafeInteger(e) && e > 0) ?? 30;
|
|
2279
2388
|
}
|
|
2280
|
-
function
|
|
2281
|
-
return e === void 0 || !Number.isFinite(e) || e <= 0 ?
|
|
2389
|
+
function Ht(e) {
|
|
2390
|
+
return e === void 0 || !Number.isFinite(e) || e <= 0 ? zt : Math.max(1, Math.floor(e));
|
|
2282
2391
|
}
|
|
2283
|
-
var
|
|
2392
|
+
var Ut = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
2284
2393
|
let o = e.type === "multi-select" ? e.options : void 0, [s, c] = g(Array.isArray(o) ? o : []), [l, u] = g(!1);
|
|
2285
2394
|
return d(() => {
|
|
2286
2395
|
if (o === void 0) return;
|
|
@@ -2323,20 +2432,20 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2323
2432
|
error: a,
|
|
2324
2433
|
onChange: (e) => r(e)
|
|
2325
2434
|
});
|
|
2326
|
-
},
|
|
2435
|
+
}, Wt = (e, t, n) => {
|
|
2327
2436
|
let r = new Set(e);
|
|
2328
2437
|
return t.forEach((e) => {
|
|
2329
2438
|
n ? r.add(e) : r.delete(e);
|
|
2330
2439
|
}), Array.from(r);
|
|
2331
|
-
},
|
|
2440
|
+
}, Gt = (e) => {
|
|
2332
2441
|
if (!(!e || e.width === void 0 && e.minWidth === void 0 && e.maxWidth === void 0)) return {
|
|
2333
2442
|
width: e.width,
|
|
2334
2443
|
minWidth: e.minWidth,
|
|
2335
2444
|
maxWidth: e.maxWidth
|
|
2336
2445
|
};
|
|
2337
|
-
},
|
|
2446
|
+
}, Kt = (e) => {
|
|
2338
2447
|
if (e?.sticky) return e.sticky === "start" ? { insetInlineStart: e.stickyOffset ?? 0 } : { insetInlineEnd: e.stickyOffset ?? 0 };
|
|
2339
|
-
},
|
|
2448
|
+
}, qt = (e, t) => t <= 7 ? Array.from({ length: t }, (e, t) => t) : e <= 3 ? [
|
|
2340
2449
|
0,
|
|
2341
2450
|
1,
|
|
2342
2451
|
2,
|
|
@@ -2360,7 +2469,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2360
2469
|
e + 1,
|
|
2361
2470
|
"ellipsis-end",
|
|
2362
2471
|
t - 1
|
|
2363
|
-
],
|
|
2472
|
+
], Jt = (e, t) => {
|
|
2364
2473
|
let n = /* @__PURE__ */ new Set();
|
|
2365
2474
|
for (let t of e) {
|
|
2366
2475
|
if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
|
|
@@ -2372,36 +2481,36 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2372
2481
|
for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
|
|
2373
2482
|
}
|
|
2374
2483
|
return null;
|
|
2375
|
-
},
|
|
2484
|
+
}, Yt = (e, t) => typeof e == "function" ? e(t) : t[e], Xt = (e) => {
|
|
2376
2485
|
if (e == null || e === "") return null;
|
|
2377
2486
|
let t = Date.parse(String(e));
|
|
2378
2487
|
return Number.isNaN(t) ? null : t;
|
|
2379
|
-
},
|
|
2380
|
-
let r =
|
|
2488
|
+
}, Zt = (e, t, n) => {
|
|
2489
|
+
let r = Xt(e.getValue(n)), i = Xt(t.getValue(n));
|
|
2381
2490
|
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
2382
|
-
},
|
|
2491
|
+
}, Qt = (e, t, n) => {
|
|
2383
2492
|
let r = e.getValue(n), i = t.getValue(n);
|
|
2384
2493
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
2385
|
-
},
|
|
2494
|
+
}, $t = (e, t, n) => {
|
|
2386
2495
|
let r = e.getValue(n), i = t.getValue(n);
|
|
2387
2496
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
2388
|
-
},
|
|
2497
|
+
}, en = (e, t, n) => {
|
|
2389
2498
|
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
2390
2499
|
return r.localeCompare(i, void 0, {
|
|
2391
2500
|
numeric: !0,
|
|
2392
2501
|
sensitivity: "base"
|
|
2393
2502
|
});
|
|
2394
|
-
},
|
|
2503
|
+
}, tn = (e) => {
|
|
2395
2504
|
switch (e) {
|
|
2396
|
-
case "date": return
|
|
2397
|
-
case "number": return
|
|
2398
|
-
case "boolean": return
|
|
2505
|
+
case "date": return Zt;
|
|
2506
|
+
case "number": return Qt;
|
|
2507
|
+
case "boolean": return $t;
|
|
2399
2508
|
case "text":
|
|
2400
|
-
case void 0: return
|
|
2509
|
+
case void 0: return en;
|
|
2401
2510
|
case "custom": return;
|
|
2402
2511
|
}
|
|
2403
|
-
},
|
|
2404
|
-
let t = (t) =>
|
|
2512
|
+
}, nn = (e) => {
|
|
2513
|
+
let t = (t) => Yt(e.accessor, t), n = e.sortFn ?? tn(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
|
|
2405
2514
|
id: e.id,
|
|
2406
2515
|
accessorFn: t,
|
|
2407
2516
|
header: () => e.header,
|
|
@@ -2413,58 +2522,58 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2413
2522
|
sortDescFirst: e.sortDescFirst
|
|
2414
2523
|
};
|
|
2415
2524
|
return n !== void 0 && (i.sortFn = n), i;
|
|
2416
|
-
},
|
|
2417
|
-
let [
|
|
2418
|
-
if (
|
|
2419
|
-
let e = new Set(
|
|
2525
|
+
}, rn = ({ columns: i, data: a, virtualizationThreshold: o = zt, 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 = "Сбросить выбор", showResetSelectionControl: ee = !0, openRowLabel: te = "Открыть строку", pagination: V = !1, paginationMode: ne = "client", page: H = 1, pageSize: U = 30, onPageSizeChange: re, pageSizeOptions: W = Rt, pageSizeDraft: ie, onPageSizeDraftChange: ae, pageSizeApplyMode: oe = "table", totalCount: se, onPageChange: ce, visibleColumnIds: G, density: le = "comfortable", renderBulkActions: ue, renderExpandedRow: de, expandedRowIds: fe, onExpandedRowIdsChange: pe, getRowExpansionLabel: me, resultsAnnouncement: he, filterBar: K }) => {
|
|
2526
|
+
let [ge, _e] = g([]), [ve, ye] = g([]), [be, xe] = g([]), [Se, Ce] = g(0), [we, Te] = g(() => Vt(U, W)), Ee = Ht(o), De = u ?? ge, Oe = De.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), ke = U === -1, Ae = ke ? Math.max(1, (ne === "server" ? Number(se) : a.length) || a.length || 1) : Number.isFinite(U) && U > 0 ? Math.floor(U) : 30, je = V && ne === "server", Me = m(() => {
|
|
2527
|
+
if (G === void 0) return i;
|
|
2528
|
+
let e = new Set(G);
|
|
2420
2529
|
return i.filter((t) => e.has(t.id));
|
|
2421
|
-
}, [i,
|
|
2422
|
-
features:
|
|
2423
|
-
columns:
|
|
2530
|
+
}, [i, G]), Ne = m(() => Me.length === 0 ? "Должна быть видима хотя бы одна колонка" : Jt(Me, a), [a, Me]), Pe = m(() => Me.map(nn), [Me]), Fe = Me.some((e) => Gt(e) !== void 0), Ie = x({
|
|
2531
|
+
features: Lt,
|
|
2532
|
+
columns: Pe,
|
|
2424
2533
|
data: a,
|
|
2425
|
-
state: { sorting:
|
|
2534
|
+
state: { sorting: De },
|
|
2426
2535
|
onSortingChange: (e) => {
|
|
2427
|
-
let t = typeof e == "function" ? e(
|
|
2428
|
-
u === void 0 &&
|
|
2536
|
+
let t = typeof e == "function" ? e(De) : e;
|
|
2537
|
+
u === void 0 && _e(t), Ce(0), f?.(t);
|
|
2429
2538
|
},
|
|
2430
2539
|
getRowId: _
|
|
2431
|
-
}),
|
|
2540
|
+
}), Le = Ie.getRowModel().rows, Re = je && Number.isFinite(se) && Number(se) >= 0 ? Math.floor(Number(se)) : Le.length, ze = V ? Math.max(1, Math.ceil(Re / Ae)) : 1, Be = Number.isFinite(H) && H > 0 ? Math.floor(H) - 1 : 0, Ve = Math.min(je ? Be : Se, ze - 1), q = m(() => V && !je ? Le.slice(Ve * Ae, (Ve + 1) * Ae) : Le, [
|
|
2541
|
+
je,
|
|
2432
2542
|
Ae,
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
]), q = Ve.length > Te, He = m(() => ({
|
|
2543
|
+
V,
|
|
2544
|
+
Ve,
|
|
2545
|
+
Le
|
|
2546
|
+
]), He = q.length > Ee, Ue = m(() => ({
|
|
2438
2547
|
data: a,
|
|
2439
|
-
sortingKey:
|
|
2440
|
-
safePageIndex:
|
|
2441
|
-
normalizedPageSize:
|
|
2442
|
-
pagination:
|
|
2443
|
-
isServerPagination:
|
|
2444
|
-
normalizedVirtualizationThreshold:
|
|
2548
|
+
sortingKey: Oe,
|
|
2549
|
+
safePageIndex: Ve,
|
|
2550
|
+
normalizedPageSize: Ae,
|
|
2551
|
+
pagination: V,
|
|
2552
|
+
isServerPagination: je,
|
|
2553
|
+
normalizedVirtualizationThreshold: Ee
|
|
2445
2554
|
}), [
|
|
2446
2555
|
a,
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
ke,
|
|
2450
|
-
B,
|
|
2556
|
+
Oe,
|
|
2557
|
+
Ve,
|
|
2451
2558
|
Ae,
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2559
|
+
V,
|
|
2560
|
+
je,
|
|
2561
|
+
Ee
|
|
2562
|
+
]), [We, Y] = g({
|
|
2563
|
+
context: Ue,
|
|
2564
|
+
count: Ee
|
|
2565
|
+
}), Ke = We.context === Ue ? We.count : Ee;
|
|
2566
|
+
We.context !== Ue && Y({
|
|
2567
|
+
context: Ue,
|
|
2568
|
+
count: Ee
|
|
2460
2569
|
});
|
|
2461
|
-
let
|
|
2570
|
+
let qe = m(() => q.slice(0, Ke), [q, Ke]), Je = He && Ke < q.length, Ye = Je ? Math.max(0, qe.length - Bt) : -1, Xe = h(/* @__PURE__ */ new Map()), Ze = h(/* @__PURE__ */ new Map());
|
|
2462
2571
|
d(() => {
|
|
2463
|
-
if (!
|
|
2464
|
-
let e = [...
|
|
2465
|
-
!t || !e.some((e) => e.isIntersecting) || (t = !1, n.disconnect(),
|
|
2466
|
-
context:
|
|
2467
|
-
count: Math.min(e.count +
|
|
2572
|
+
if (!Je || E || Ne || D) return;
|
|
2573
|
+
let e = [...Xe.current.values(), ...Ze.current.values()], t = !0, n = new IntersectionObserver((e) => {
|
|
2574
|
+
!t || !e.some((e) => e.isIntersecting) || (t = !1, n.disconnect(), Y((e) => e.context === Ue ? {
|
|
2575
|
+
context: Ue,
|
|
2576
|
+
count: Math.min(e.count + Ee, q.length)
|
|
2468
2577
|
} : e));
|
|
2469
2578
|
}, {
|
|
2470
2579
|
root: null,
|
|
@@ -2476,31 +2585,32 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2476
2585
|
t = !1, n.disconnect();
|
|
2477
2586
|
};
|
|
2478
2587
|
}, [
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2588
|
+
Ue,
|
|
2589
|
+
Ke,
|
|
2590
|
+
Ee,
|
|
2591
|
+
q.length,
|
|
2592
|
+
Je,
|
|
2484
2593
|
E,
|
|
2485
|
-
|
|
2594
|
+
Ne,
|
|
2486
2595
|
D,
|
|
2487
2596
|
c,
|
|
2488
2597
|
s,
|
|
2489
2598
|
p
|
|
2490
2599
|
]);
|
|
2491
|
-
let
|
|
2600
|
+
let Qe = P ?? ve, $e = m(() => new Set(Qe), [Qe]), et = fe ?? be, tt = m(() => new Set(et), [et]), nt = m(() => q.map((e) => e.id), [q]), rt = nt.filter((e) => $e.has(e)).length, it = nt.length > 0 && rt === nt.length, at = rt > 0 && !it, ot = m(() => Me.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
2492
2601
|
id: e.id,
|
|
2493
2602
|
label: typeof e.header == "string" ? e.header : e.id
|
|
2494
|
-
})), [
|
|
2603
|
+
})), [Me]), st = m(() => qt(Ve, ze), [ze, Ve]), ct = c === void 0 ? s : c === "table", lt = [
|
|
2495
2604
|
Z.root,
|
|
2496
2605
|
l === "wide" ? Z.wide : Z.default,
|
|
2497
|
-
|
|
2606
|
+
ct ? Z.tableOnMobile : "",
|
|
2498
2607
|
le === "compact" ? Z.compact : "",
|
|
2608
|
+
N && !ee ? Z.singleSelectionControl : "",
|
|
2499
2609
|
j
|
|
2500
|
-
].filter(Boolean).join(" "),
|
|
2501
|
-
|
|
2502
|
-
},
|
|
2503
|
-
let
|
|
2610
|
+
].filter(Boolean).join(" "), ut = Ne ?? D, dt = V && !ke && !ut && Re > Ae && (!E || je), ft = V && !!(re || ae || K), pt = ie ?? we, mt = K ? (typeof K.validation == "function" ? K.validation(K.draftValues) : K.validation) ?? {} : {}, ht = K ? JSON.stringify(K.draftValues) !== JSON.stringify(K.appliedValues) || pt !== U : !1, X = Object.values(mt).some(Boolean), _t = Re === 0 ? 0 : Ve * Ae + 1, vt = Math.min((Ve + 1) * Ae, Re), yt = () => {
|
|
2611
|
+
pt !== U && (Ce(0), ce?.(1), re?.(pt));
|
|
2612
|
+
}, bt = (e, r = !1, i = !1) => {
|
|
2613
|
+
let a = pt !== U, o = `ds-data-table-page-size-warning-${e}`;
|
|
2504
2614
|
return /* @__PURE__ */ n("div", {
|
|
2505
2615
|
className: `${Z.pageSizePanel} ${Z[e]} ${r ? Z.embedded : ""}`,
|
|
2506
2616
|
children: [
|
|
@@ -2511,189 +2621,202 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2511
2621
|
disabled: E || K?.applying,
|
|
2512
2622
|
children: [/* @__PURE__ */ t("legend", { children: "На странице" }), /* @__PURE__ */ t("div", {
|
|
2513
2623
|
className: Z.pageSizeOptions,
|
|
2514
|
-
children:
|
|
2624
|
+
children: W.map((e) => /* @__PURE__ */ t("button", {
|
|
2515
2625
|
type: "button",
|
|
2516
|
-
className: `${Z.pageSizeOption} ${
|
|
2517
|
-
"aria-pressed":
|
|
2626
|
+
className: `${Z.pageSizeOption} ${pt === e ? Z.pageSizeOptionActive : ""}`,
|
|
2627
|
+
"aria-pressed": pt === e,
|
|
2518
2628
|
onClick: () => {
|
|
2519
|
-
|
|
2629
|
+
ie === void 0 && Te(e), ae?.(e);
|
|
2520
2630
|
},
|
|
2521
2631
|
children: e === -1 ? "Все" : e
|
|
2522
2632
|
}, e))
|
|
2523
2633
|
})]
|
|
2524
|
-
}),
|
|
2634
|
+
}), oe === "table" && !K && /* @__PURE__ */ t(B, {
|
|
2525
2635
|
size: "sm",
|
|
2526
|
-
disabled: E || !
|
|
2527
|
-
"aria-describedby":
|
|
2528
|
-
onClick:
|
|
2636
|
+
disabled: E || !a,
|
|
2637
|
+
"aria-describedby": pt === -1 && a && e === "top" ? o : void 0,
|
|
2638
|
+
onClick: yt,
|
|
2529
2639
|
children: "Применить"
|
|
2530
2640
|
})]
|
|
2531
2641
|
}),
|
|
2642
|
+
i && /* @__PURE__ */ t("span", {
|
|
2643
|
+
className: Z.pageSizeSeparator,
|
|
2644
|
+
"aria-hidden": "true",
|
|
2645
|
+
children: "|"
|
|
2646
|
+
}),
|
|
2532
2647
|
/* @__PURE__ */ n("span", {
|
|
2533
2648
|
className: Z.paginationRange,
|
|
2534
2649
|
children: [
|
|
2535
2650
|
"Показано ",
|
|
2536
|
-
X,
|
|
2537
|
-
"–",
|
|
2538
2651
|
_t,
|
|
2652
|
+
"–",
|
|
2653
|
+
vt,
|
|
2539
2654
|
" из",
|
|
2540
2655
|
" ",
|
|
2541
|
-
|
|
2656
|
+
Re
|
|
2542
2657
|
]
|
|
2543
2658
|
}),
|
|
2544
|
-
|
|
2659
|
+
ht && e === "top" && /* @__PURE__ */ t("span", {
|
|
2545
2660
|
className: Z.pendingChanges,
|
|
2546
2661
|
role: "status",
|
|
2547
2662
|
children: "Есть неприменённые изменения"
|
|
2548
2663
|
}),
|
|
2549
|
-
|
|
2550
|
-
id:
|
|
2664
|
+
je && pt === -1 && a && /* @__PURE__ */ n("span", {
|
|
2665
|
+
id: o,
|
|
2551
2666
|
className: Z.pageSizeWarning,
|
|
2552
2667
|
"aria-hidden": e === "bottom" || void 0,
|
|
2553
2668
|
children: [
|
|
2554
2669
|
"Будут загружены все",
|
|
2555
2670
|
" ",
|
|
2556
|
-
|
|
2671
|
+
Re,
|
|
2557
2672
|
" ",
|
|
2558
2673
|
"записей"
|
|
2559
2674
|
]
|
|
2560
2675
|
})
|
|
2561
2676
|
]
|
|
2562
2677
|
});
|
|
2563
|
-
},
|
|
2564
|
-
let t = Math.max(0, Math.min(
|
|
2565
|
-
if (
|
|
2566
|
-
t !==
|
|
2678
|
+
}, xt = (e) => {
|
|
2679
|
+
let t = Math.max(0, Math.min(ze - 1, e));
|
|
2680
|
+
if (je) {
|
|
2681
|
+
t !== Ve && ce?.(t + 1);
|
|
2567
2682
|
return;
|
|
2568
2683
|
}
|
|
2569
|
-
|
|
2570
|
-
}, xt = (e) => {
|
|
2571
|
-
let t = Array.from(e);
|
|
2572
|
-
P === void 0 && ve(t), F?.(t);
|
|
2684
|
+
Ce(t);
|
|
2573
2685
|
}, St = (e) => {
|
|
2574
|
-
let t =
|
|
2575
|
-
|
|
2576
|
-
}, Ct = () => {
|
|
2577
|
-
let
|
|
2578
|
-
|
|
2579
|
-
}, Tt = () =>
|
|
2580
|
-
let
|
|
2686
|
+
let t = Array.from(e);
|
|
2687
|
+
P === void 0 && ye(t), F?.(t);
|
|
2688
|
+
}, Ct = (e) => {
|
|
2689
|
+
let t = new Set($e);
|
|
2690
|
+
t.has(e) ? t.delete(e) : t.add(e), St(t);
|
|
2691
|
+
}, Tt = () => {
|
|
2692
|
+
let e = Wt($e, nt, !it);
|
|
2693
|
+
P === void 0 && ye(e), F?.(e);
|
|
2694
|
+
}, Et = () => St(/* @__PURE__ */ new Set()), Dt = (e) => {
|
|
2695
|
+
let t = new Set(tt);
|
|
2581
2696
|
t.has(e) ? t.delete(e) : t.add(e);
|
|
2582
2697
|
let n = Array.from(t);
|
|
2583
|
-
|
|
2584
|
-
},
|
|
2585
|
-
visibleCount:
|
|
2586
|
-
totalCount:
|
|
2587
|
-
selectedCount:
|
|
2588
|
-
}) ?? `Показано строк: ${
|
|
2589
|
-
|
|
2590
|
-
|
|
2698
|
+
fe === void 0 && xe(n), pe?.(n);
|
|
2699
|
+
}, Ot = a.filter((e, t) => $e.has(_?.(e, t) ?? String(t))), kt = he?.({
|
|
2700
|
+
visibleCount: q.length,
|
|
2701
|
+
totalCount: Re,
|
|
2702
|
+
selectedCount: $e.size
|
|
2703
|
+
}) ?? `Показано строк: ${q.length} из ${Re}. Выбрано: ${$e.size}.`;
|
|
2704
|
+
d(() => {
|
|
2705
|
+
je || Ce(0);
|
|
2591
2706
|
}, [
|
|
2592
2707
|
a,
|
|
2708
|
+
je,
|
|
2593
2709
|
Ae,
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
De
|
|
2710
|
+
V,
|
|
2711
|
+
Oe
|
|
2597
2712
|
]), d(() => {
|
|
2598
|
-
!
|
|
2713
|
+
!je && Se >= ze && Ce(ze - 1);
|
|
2599
2714
|
}, [
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2715
|
+
je,
|
|
2716
|
+
ze,
|
|
2717
|
+
Se
|
|
2603
2718
|
]), d(() => {
|
|
2604
|
-
|
|
2605
|
-
}, [U,
|
|
2606
|
-
|
|
2719
|
+
Te(Vt(U, W));
|
|
2720
|
+
}, [U, W]);
|
|
2721
|
+
let At = K && ft ? bt("top", !0, K.footerLayout === "inline") : null, jt = K ? /* @__PURE__ */ n("div", {
|
|
2722
|
+
className: Z.filterActions,
|
|
2723
|
+
children: [/* @__PURE__ */ t(B, {
|
|
2724
|
+
variant: "empty",
|
|
2725
|
+
disabled: K.applying || E,
|
|
2726
|
+
onClick: () => {
|
|
2727
|
+
let e = K.resetValues ?? K.appliedValues;
|
|
2728
|
+
K.onDraftValuesChange(e);
|
|
2729
|
+
let t = K.resetPageSize ?? W[0] ?? 30;
|
|
2730
|
+
ie === void 0 && Te(t), ae?.(t), K.onReset?.({
|
|
2731
|
+
filters: e,
|
|
2732
|
+
pageSize: t
|
|
2733
|
+
});
|
|
2734
|
+
},
|
|
2735
|
+
children: K.resetLabel ?? "Сбросить"
|
|
2736
|
+
}), /* @__PURE__ */ t(B, {
|
|
2737
|
+
type: "submit",
|
|
2738
|
+
isLoading: K.applying,
|
|
2739
|
+
disabled: !ht || X || E,
|
|
2740
|
+
children: K.applyLabel ?? "Применить"
|
|
2741
|
+
})]
|
|
2742
|
+
}) : null, Mt = K ? /* @__PURE__ */ n("form", {
|
|
2743
|
+
className: `${Z.filterBar} ${K.collapsible ? Z.filterBarEmbedded : ""}`,
|
|
2744
|
+
role: "search",
|
|
2745
|
+
"aria-label": "Фильтры таблицы",
|
|
2746
|
+
onSubmit: (e) => {
|
|
2747
|
+
e.preventDefault(), !(!ht || X || K.applying || E) && (Ce(0), ce?.(1), K.onApply({
|
|
2748
|
+
filters: K.draftValues,
|
|
2749
|
+
pageSize: pt
|
|
2750
|
+
}));
|
|
2751
|
+
},
|
|
2752
|
+
children: [/* @__PURE__ */ t("div", {
|
|
2753
|
+
className: Z.filterFields,
|
|
2754
|
+
children: K.fields.map((e) => /* @__PURE__ */ t(Ut, {
|
|
2755
|
+
field: e,
|
|
2756
|
+
value: K.draftValues[e.key],
|
|
2757
|
+
disabled: !!(e.disabled || K.applying || E),
|
|
2758
|
+
error: mt[e.key],
|
|
2759
|
+
setValue: (t) => K.onDraftValuesChange({
|
|
2760
|
+
...K.draftValues,
|
|
2761
|
+
[e.key]: t
|
|
2762
|
+
})
|
|
2763
|
+
}, e.key))
|
|
2764
|
+
}), K.footerLayout === "inline" ? /* @__PURE__ */ n("div", {
|
|
2765
|
+
className: Z.filterFooter,
|
|
2766
|
+
children: [At, jt]
|
|
2767
|
+
}) : /* @__PURE__ */ n(e, { children: [At, jt] })]
|
|
2768
|
+
}) : null, Nt = K?.collapsible ? /* @__PURE__ */ t(It, {
|
|
2769
|
+
title: K.collapsible.title ?? "Фильтры",
|
|
2770
|
+
defaultOpen: K.collapsible.defaultOpen,
|
|
2771
|
+
autoScrollOnOpen: K.collapsible.autoScrollOnOpen,
|
|
2772
|
+
scrollOffset: K.collapsible.scrollOffset,
|
|
2773
|
+
className: Z.filterAccordion,
|
|
2774
|
+
children: Mt
|
|
2775
|
+
}) : Mt;
|
|
2776
|
+
return /* @__PURE__ */ n("section", {
|
|
2777
|
+
className: lt,
|
|
2607
2778
|
"aria-busy": E,
|
|
2608
2779
|
children: [
|
|
2609
2780
|
/* @__PURE__ */ t("div", {
|
|
2610
2781
|
className: Z.srOnly,
|
|
2611
2782
|
"aria-live": "polite",
|
|
2612
2783
|
"aria-atomic": "true",
|
|
2613
|
-
children:
|
|
2784
|
+
children: kt
|
|
2614
2785
|
}),
|
|
2615
|
-
ue &&
|
|
2786
|
+
ue && $e.size > 0 && /* @__PURE__ */ t("div", {
|
|
2616
2787
|
className: Z.bulkActions,
|
|
2617
2788
|
role: "region",
|
|
2618
2789
|
"aria-label": "Действия с выбранными строками",
|
|
2619
2790
|
children: ue({
|
|
2620
|
-
selectedRowIds: Array.from(
|
|
2621
|
-
selectedRows:
|
|
2622
|
-
clearSelection:
|
|
2791
|
+
selectedRowIds: Array.from($e),
|
|
2792
|
+
selectedRows: Ot,
|
|
2793
|
+
clearSelection: Et
|
|
2623
2794
|
})
|
|
2624
2795
|
}),
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
role: "search",
|
|
2628
|
-
"aria-label": "Фильтры таблицы",
|
|
2629
|
-
onSubmit: (e) => {
|
|
2630
|
-
e.preventDefault(), !(!mt || ht || K.applying || E) && (Se(0), se?.(1), K.onApply({
|
|
2631
|
-
filters: K.draftValues,
|
|
2632
|
-
pageSize: ft
|
|
2633
|
-
}));
|
|
2634
|
-
},
|
|
2635
|
-
children: [
|
|
2636
|
-
/* @__PURE__ */ t("div", {
|
|
2637
|
-
className: Z.filterFields,
|
|
2638
|
-
children: K.fields.map((e) => /* @__PURE__ */ t(Bt, {
|
|
2639
|
-
field: e,
|
|
2640
|
-
value: K.draftValues[e.key],
|
|
2641
|
-
disabled: !!(e.disabled || K.applying || E),
|
|
2642
|
-
error: pt[e.key],
|
|
2643
|
-
setValue: (t) => K.onDraftValuesChange({
|
|
2644
|
-
...K.draftValues,
|
|
2645
|
-
[e.key]: t
|
|
2646
|
-
})
|
|
2647
|
-
}, e.key))
|
|
2648
|
-
}),
|
|
2649
|
-
dt && yt("top", !0),
|
|
2650
|
-
/* @__PURE__ */ n("div", {
|
|
2651
|
-
className: Z.filterActions,
|
|
2652
|
-
children: [/* @__PURE__ */ t(V, {
|
|
2653
|
-
variant: "empty",
|
|
2654
|
-
disabled: K.applying || E,
|
|
2655
|
-
onClick: () => {
|
|
2656
|
-
let e = K.resetValues ?? K.appliedValues;
|
|
2657
|
-
K.onDraftValuesChange(e);
|
|
2658
|
-
let t = K.resetPageSize ?? ne[0] ?? 30;
|
|
2659
|
-
re === void 0 && we(t), ie?.(t), K.onReset?.({
|
|
2660
|
-
filters: e,
|
|
2661
|
-
pageSize: t
|
|
2662
|
-
});
|
|
2663
|
-
},
|
|
2664
|
-
children: K.resetLabel ?? "Сбросить"
|
|
2665
|
-
}), /* @__PURE__ */ t(V, {
|
|
2666
|
-
type: "submit",
|
|
2667
|
-
isLoading: K.applying,
|
|
2668
|
-
disabled: !mt || ht || E,
|
|
2669
|
-
children: K.applyLabel ?? "Применить"
|
|
2670
|
-
})]
|
|
2671
|
-
})
|
|
2672
|
-
]
|
|
2673
|
-
}),
|
|
2674
|
-
dt && !K && yt("top"),
|
|
2796
|
+
Nt,
|
|
2797
|
+
ft && !K && bt("top"),
|
|
2675
2798
|
(S === "highlighted" || b != null) && /* @__PURE__ */ n("div", {
|
|
2676
2799
|
className: Z.toolbar,
|
|
2677
2800
|
children: [S === "highlighted" && /* @__PURE__ */ n("div", {
|
|
2678
2801
|
className: Z.totalWidget,
|
|
2679
|
-
"aria-label": `${C}: ${
|
|
2802
|
+
"aria-label": `${C}: ${Re}`,
|
|
2680
2803
|
children: [/* @__PURE__ */ t("span", {
|
|
2681
2804
|
className: Z.totalLabel,
|
|
2682
2805
|
children: C
|
|
2683
2806
|
}), /* @__PURE__ */ t("strong", {
|
|
2684
2807
|
className: Z.totalValue,
|
|
2685
|
-
children:
|
|
2808
|
+
children: Re
|
|
2686
2809
|
})]
|
|
2687
2810
|
}), b]
|
|
2688
2811
|
}),
|
|
2689
|
-
!
|
|
2812
|
+
!ct && !E && !ut && q.length > 0 && ot.length > 0 && /* @__PURE__ */ t(wt, {
|
|
2690
2813
|
className: Z.mobileSort,
|
|
2691
|
-
options:
|
|
2692
|
-
value:
|
|
2693
|
-
id:
|
|
2694
|
-
direction:
|
|
2814
|
+
options: ot,
|
|
2815
|
+
value: De[0] ? {
|
|
2816
|
+
id: De[0].id,
|
|
2817
|
+
direction: De[0].desc ? "desc" : "asc"
|
|
2695
2818
|
} : null,
|
|
2696
|
-
onChange: (e) =>
|
|
2819
|
+
onChange: (e) => Ie.setSorting([{
|
|
2697
2820
|
id: e.id,
|
|
2698
2821
|
desc: e.direction === "desc"
|
|
2699
2822
|
}])
|
|
@@ -2706,15 +2829,15 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2706
2829
|
"aria-label": T,
|
|
2707
2830
|
children: [
|
|
2708
2831
|
w && /* @__PURE__ */ t("caption", { children: w }),
|
|
2709
|
-
(
|
|
2710
|
-
|
|
2832
|
+
(Fe || N || !!de) && /* @__PURE__ */ n("colgroup", { children: [
|
|
2833
|
+
de && /* @__PURE__ */ t("col", { className: Z.expansionColumn }),
|
|
2711
2834
|
N && /* @__PURE__ */ t("col", { className: Z.selectionColumn }),
|
|
2712
|
-
|
|
2835
|
+
Me.map((e) => /* @__PURE__ */ t("col", { style: Gt(e) }, e.id))
|
|
2713
2836
|
] }),
|
|
2714
2837
|
/* @__PURE__ */ t("thead", {
|
|
2715
2838
|
className: k ? Z.sticky : "",
|
|
2716
|
-
children:
|
|
2717
|
-
|
|
2839
|
+
children: Ie.getHeaderGroups().map((e) => /* @__PURE__ */ n("tr", { children: [
|
|
2840
|
+
de && /* @__PURE__ */ t("th", {
|
|
2718
2841
|
className: Z.expansionCell,
|
|
2719
2842
|
scope: "col",
|
|
2720
2843
|
children: /* @__PURE__ */ t("span", {
|
|
@@ -2728,18 +2851,18 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2728
2851
|
children: /* @__PURE__ */ n("div", {
|
|
2729
2852
|
className: Z.selectionHeaderControls,
|
|
2730
2853
|
children: [/* @__PURE__ */ t(Ge, {
|
|
2731
|
-
checked:
|
|
2732
|
-
indeterminate:
|
|
2733
|
-
disabled: E ||
|
|
2854
|
+
checked: it,
|
|
2855
|
+
indeterminate: at,
|
|
2856
|
+
disabled: E || nt.length === 0,
|
|
2734
2857
|
ariaLabel: R,
|
|
2735
|
-
onChange:
|
|
2736
|
-
}), /* @__PURE__ */ t(
|
|
2858
|
+
onChange: Tt
|
|
2859
|
+
}), ee && /* @__PURE__ */ t(B, {
|
|
2737
2860
|
size: "sm",
|
|
2738
2861
|
variant: "empty",
|
|
2739
|
-
disabled:
|
|
2862
|
+
disabled: $e.size === 0,
|
|
2740
2863
|
"aria-label": z,
|
|
2741
2864
|
title: z,
|
|
2742
|
-
onClick:
|
|
2865
|
+
onClick: Et,
|
|
2743
2866
|
children: /* @__PURE__ */ t(J, {
|
|
2744
2867
|
name: "IconX",
|
|
2745
2868
|
width: 16,
|
|
@@ -2749,21 +2872,21 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2749
2872
|
})
|
|
2750
2873
|
}),
|
|
2751
2874
|
e.headers.map((e) => {
|
|
2752
|
-
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler(), o =
|
|
2875
|
+
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler(), o = Me.find((t) => t.id === e.column.id);
|
|
2753
2876
|
return /* @__PURE__ */ t("th", {
|
|
2754
2877
|
scope: "col",
|
|
2755
2878
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
2756
2879
|
className: o?.sticky ? Z.stickyColumn : void 0,
|
|
2757
2880
|
style: {
|
|
2758
|
-
...
|
|
2759
|
-
...
|
|
2881
|
+
...Gt(o),
|
|
2882
|
+
...Kt(o)
|
|
2760
2883
|
},
|
|
2761
2884
|
children: /* @__PURE__ */ n("button", {
|
|
2762
2885
|
type: "button",
|
|
2763
2886
|
className: Z.sortButton,
|
|
2764
2887
|
disabled: !i,
|
|
2765
2888
|
onClick: a,
|
|
2766
|
-
children: [/* @__PURE__ */ t(
|
|
2889
|
+
children: [/* @__PURE__ */ t(Ie.FlexRender, { header: e }), /* @__PURE__ */ t(J, {
|
|
2767
2890
|
name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
|
|
2768
2891
|
width: 16,
|
|
2769
2892
|
height: 16
|
|
@@ -2774,24 +2897,24 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2774
2897
|
] }, e.id))
|
|
2775
2898
|
}),
|
|
2776
2899
|
/* @__PURE__ */ t("tbody", { children: E ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2777
|
-
colSpan:
|
|
2900
|
+
colSpan: Me.length + +!!N + +!!de,
|
|
2778
2901
|
children: /* @__PURE__ */ t(gt, {
|
|
2779
2902
|
lines: 3,
|
|
2780
2903
|
height: 65
|
|
2781
2904
|
})
|
|
2782
|
-
}) }) :
|
|
2905
|
+
}) }) : ut ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2783
2906
|
className: Z.state,
|
|
2784
|
-
colSpan:
|
|
2785
|
-
children:
|
|
2786
|
-
}) }) :
|
|
2907
|
+
colSpan: Me.length + +!!N + +!!de,
|
|
2908
|
+
children: ut
|
|
2909
|
+
}) }) : q.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
2787
2910
|
className: Z.state,
|
|
2788
|
-
colSpan:
|
|
2911
|
+
colSpan: Me.length + +!!N + +!!de,
|
|
2789
2912
|
children: O
|
|
2790
|
-
}) }) : /* @__PURE__ */ t(e, { children:
|
|
2791
|
-
let a =
|
|
2913
|
+
}) }) : /* @__PURE__ */ t(e, { children: qe.map((e, i) => {
|
|
2914
|
+
let a = $e.has(e.id), o = L?.(e.original) ?? `Выбрать строку ${e.index + 1}`, s = tt.has(e.id);
|
|
2792
2915
|
return /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ n("tr", {
|
|
2793
|
-
ref:
|
|
2794
|
-
e ?
|
|
2916
|
+
ref: Ye >= 0 && i >= Ye ? (e) => {
|
|
2917
|
+
e ? Xe.current.set(i, e) : Xe.current.delete(i);
|
|
2795
2918
|
} : void 0,
|
|
2796
2919
|
className: [
|
|
2797
2920
|
M || N ? Z.clickableRow : "",
|
|
@@ -2801,26 +2924,26 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2801
2924
|
style: y?.(e.original),
|
|
2802
2925
|
"aria-selected": N ? a : void 0,
|
|
2803
2926
|
onClick: () => {
|
|
2804
|
-
N ?
|
|
2927
|
+
N ? Ct(e.id) : M?.(e.original);
|
|
2805
2928
|
},
|
|
2806
2929
|
onDoubleClick: () => {
|
|
2807
2930
|
N && I?.(e.original);
|
|
2808
2931
|
},
|
|
2809
2932
|
onKeyDown: (t) => {
|
|
2810
|
-
t.key === "Enter" ? (t.preventDefault(), N ? I?.(e.original) : M?.(e.original)) : t.key === " " && N && (t.preventDefault(),
|
|
2933
|
+
t.key === "Enter" ? (t.preventDefault(), N ? I?.(e.original) : M?.(e.original)) : t.key === " " && N && (t.preventDefault(), Ct(e.id));
|
|
2811
2934
|
},
|
|
2812
2935
|
tabIndex: M || N || I ? 0 : void 0,
|
|
2813
2936
|
role: !N && M ? "button" : void 0,
|
|
2814
2937
|
children: [
|
|
2815
|
-
|
|
2938
|
+
de && /* @__PURE__ */ t("td", {
|
|
2816
2939
|
className: Z.expansionCell,
|
|
2817
2940
|
onClick: (e) => e.stopPropagation(),
|
|
2818
|
-
children: /* @__PURE__ */ t(
|
|
2941
|
+
children: /* @__PURE__ */ t(B, {
|
|
2819
2942
|
size: "sm",
|
|
2820
2943
|
variant: "empty",
|
|
2821
2944
|
"aria-expanded": s,
|
|
2822
|
-
"aria-label":
|
|
2823
|
-
onClick: () =>
|
|
2945
|
+
"aria-label": me?.(e.original, s) ?? (s ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2946
|
+
onClick: () => Dt(e.id),
|
|
2824
2947
|
children: /* @__PURE__ */ t(J, {
|
|
2825
2948
|
name: "IconChevron",
|
|
2826
2949
|
width: 16,
|
|
@@ -2836,30 +2959,30 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2836
2959
|
children: /* @__PURE__ */ t(Ge, {
|
|
2837
2960
|
checked: a,
|
|
2838
2961
|
ariaLabel: o,
|
|
2839
|
-
onChange: () =>
|
|
2962
|
+
onChange: () => Ct(e.id)
|
|
2840
2963
|
})
|
|
2841
2964
|
})
|
|
2842
2965
|
}),
|
|
2843
2966
|
e.getAllCells().map((e) => {
|
|
2844
|
-
let n =
|
|
2967
|
+
let n = Me.find((t) => t.id === e.column.id);
|
|
2845
2968
|
return /* @__PURE__ */ t("td", {
|
|
2846
2969
|
className: n?.sticky ? Z.stickyColumn : void 0,
|
|
2847
2970
|
style: {
|
|
2848
|
-
...
|
|
2849
|
-
...
|
|
2971
|
+
...Gt(n),
|
|
2972
|
+
...Kt(n)
|
|
2850
2973
|
},
|
|
2851
|
-
children: /* @__PURE__ */ t(
|
|
2974
|
+
children: /* @__PURE__ */ t(Ie.FlexRender, { cell: e })
|
|
2852
2975
|
}, e.id);
|
|
2853
2976
|
})
|
|
2854
2977
|
]
|
|
2855
|
-
}), s &&
|
|
2978
|
+
}), s && de && /* @__PURE__ */ t("tr", {
|
|
2856
2979
|
className: Z.detailRow,
|
|
2857
2980
|
children: /* @__PURE__ */ t("td", {
|
|
2858
|
-
colSpan:
|
|
2859
|
-
children:
|
|
2981
|
+
colSpan: Me.length + +!!N + 1,
|
|
2982
|
+
children: de({
|
|
2860
2983
|
row: e.original,
|
|
2861
2984
|
rowId: e.id,
|
|
2862
|
-
collapse: () =>
|
|
2985
|
+
collapse: () => Dt(e.id)
|
|
2863
2986
|
})
|
|
2864
2987
|
})
|
|
2865
2988
|
})] }, e.id);
|
|
@@ -2867,55 +2990,55 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2867
2990
|
]
|
|
2868
2991
|
})
|
|
2869
2992
|
}),
|
|
2870
|
-
!
|
|
2993
|
+
!ct && /* @__PURE__ */ n("div", {
|
|
2871
2994
|
className: Z.cards,
|
|
2872
2995
|
role: "list",
|
|
2873
2996
|
"aria-label": T ?? w,
|
|
2874
|
-
children: [N && !E && !
|
|
2997
|
+
children: [N && !E && !ut && q.length > 0 && /* @__PURE__ */ n("div", {
|
|
2875
2998
|
className: Z.mobileSelectionControls,
|
|
2876
2999
|
children: [/* @__PURE__ */ t(Ge, {
|
|
2877
|
-
checked:
|
|
2878
|
-
indeterminate:
|
|
3000
|
+
checked: it,
|
|
3001
|
+
indeterminate: at,
|
|
2879
3002
|
ariaLabel: R,
|
|
2880
3003
|
label: R,
|
|
2881
|
-
onChange:
|
|
2882
|
-
}), /* @__PURE__ */ t(
|
|
3004
|
+
onChange: Tt
|
|
3005
|
+
}), ee && /* @__PURE__ */ t(B, {
|
|
2883
3006
|
size: "sm",
|
|
2884
3007
|
variant: "empty",
|
|
2885
|
-
disabled:
|
|
2886
|
-
onClick:
|
|
3008
|
+
disabled: $e.size === 0,
|
|
3009
|
+
onClick: Et,
|
|
2887
3010
|
children: z
|
|
2888
3011
|
})]
|
|
2889
3012
|
}), E ? /* @__PURE__ */ t(gt, {
|
|
2890
3013
|
lines: 4,
|
|
2891
3014
|
height: 65
|
|
2892
|
-
}) :
|
|
3015
|
+
}) : ut ? /* @__PURE__ */ t("div", {
|
|
2893
3016
|
className: Z.state,
|
|
2894
|
-
children:
|
|
2895
|
-
}) :
|
|
3017
|
+
children: ut
|
|
3018
|
+
}) : q.length === 0 ? /* @__PURE__ */ t("div", {
|
|
2896
3019
|
className: Z.state,
|
|
2897
3020
|
children: O
|
|
2898
|
-
}) : /* @__PURE__ */ t(e, { children:
|
|
2899
|
-
let i =
|
|
3021
|
+
}) : /* @__PURE__ */ t(e, { children: qe.map((e, r) => {
|
|
3022
|
+
let i = $e.has(e.id), a = tt.has(e.id), o = L?.(e.original) ?? `Выбрать строку ${e.index + 1}`, s = N && /* @__PURE__ */ n("div", {
|
|
2900
3023
|
className: Z.cardSelectionControls,
|
|
2901
3024
|
onClick: (e) => e.stopPropagation(),
|
|
2902
3025
|
children: [/* @__PURE__ */ t(Ge, {
|
|
2903
3026
|
checked: i,
|
|
2904
3027
|
ariaLabel: o,
|
|
2905
|
-
onChange: () =>
|
|
2906
|
-
}), I && /* @__PURE__ */ t(
|
|
3028
|
+
onChange: () => Ct(e.id)
|
|
3029
|
+
}), I && /* @__PURE__ */ t(B, {
|
|
2907
3030
|
size: "sm",
|
|
2908
3031
|
variant: "empty",
|
|
2909
3032
|
onClick: () => I(e.original),
|
|
2910
|
-
children:
|
|
3033
|
+
children: te
|
|
2911
3034
|
})]
|
|
2912
|
-
}), c =
|
|
3035
|
+
}), c = de && /* @__PURE__ */ t(B, {
|
|
2913
3036
|
size: "sm",
|
|
2914
3037
|
variant: "empty",
|
|
2915
3038
|
"aria-expanded": a,
|
|
2916
|
-
"aria-label":
|
|
3039
|
+
"aria-label": me?.(e.original, a) ?? (a ? "Скрыть подробности строки" : "Показать подробности строки"),
|
|
2917
3040
|
onClick: (t) => {
|
|
2918
|
-
t.stopPropagation(),
|
|
3041
|
+
t.stopPropagation(), Dt(e.id);
|
|
2919
3042
|
},
|
|
2920
3043
|
children: /* @__PURE__ */ t(J, {
|
|
2921
3044
|
name: "IconChevron",
|
|
@@ -2925,8 +3048,8 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2925
3048
|
})
|
|
2926
3049
|
});
|
|
2927
3050
|
if (p) return /* @__PURE__ */ n("div", {
|
|
2928
|
-
ref:
|
|
2929
|
-
e ?
|
|
3051
|
+
ref: Ye >= 0 && r >= Ye ? (e) => {
|
|
3052
|
+
e ? Ze.current.set(r, e) : Ze.current.delete(r);
|
|
2930
3053
|
} : void 0,
|
|
2931
3054
|
role: "listitem",
|
|
2932
3055
|
className: [
|
|
@@ -2937,29 +3060,29 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2937
3060
|
style: y?.(e.original),
|
|
2938
3061
|
"aria-selected": N ? i : void 0,
|
|
2939
3062
|
onClick: () => {
|
|
2940
|
-
N &&
|
|
3063
|
+
N && Ct(e.id);
|
|
2941
3064
|
},
|
|
2942
3065
|
children: [
|
|
2943
3066
|
s,
|
|
2944
3067
|
p({
|
|
2945
3068
|
row: e.original,
|
|
2946
|
-
columns:
|
|
3069
|
+
columns: Me
|
|
2947
3070
|
}),
|
|
2948
3071
|
c,
|
|
2949
3072
|
a && /* @__PURE__ */ t("div", {
|
|
2950
3073
|
className: Z.cardDetail,
|
|
2951
|
-
children:
|
|
3074
|
+
children: de?.({
|
|
2952
3075
|
row: e.original,
|
|
2953
3076
|
rowId: e.id,
|
|
2954
|
-
collapse: () =>
|
|
3077
|
+
collapse: () => Dt(e.id)
|
|
2955
3078
|
})
|
|
2956
3079
|
})
|
|
2957
3080
|
]
|
|
2958
3081
|
}, e.id);
|
|
2959
|
-
let l =
|
|
3082
|
+
let l = Me.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) => Yt(t.accessor, e.original), f = (t) => t.mobile?.renderMobile?.(e.original, d(t)) ?? t.cell?.(e.original, d(t)) ?? String(d(t) ?? "");
|
|
2960
3083
|
return /* @__PURE__ */ n("article", {
|
|
2961
|
-
ref:
|
|
2962
|
-
e ?
|
|
3084
|
+
ref: Ye >= 0 && r >= Ye ? (e) => {
|
|
3085
|
+
e ? Ze.current.set(r, e) : Ze.current.delete(r);
|
|
2963
3086
|
} : void 0,
|
|
2964
3087
|
role: "listitem",
|
|
2965
3088
|
className: [
|
|
@@ -2970,7 +3093,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2970
3093
|
style: y?.(e.original),
|
|
2971
3094
|
"aria-selected": N ? i : void 0,
|
|
2972
3095
|
onClick: () => {
|
|
2973
|
-
N &&
|
|
3096
|
+
N && Ct(e.id);
|
|
2974
3097
|
},
|
|
2975
3098
|
children: [
|
|
2976
3099
|
s,
|
|
@@ -2983,40 +3106,40 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
2983
3106
|
l.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: f(e) }, e.id)),
|
|
2984
3107
|
a && /* @__PURE__ */ t("div", {
|
|
2985
3108
|
className: Z.cardDetail,
|
|
2986
|
-
children:
|
|
3109
|
+
children: de?.({
|
|
2987
3110
|
row: e.original,
|
|
2988
3111
|
rowId: e.id,
|
|
2989
|
-
collapse: () =>
|
|
3112
|
+
collapse: () => Dt(e.id)
|
|
2990
3113
|
})
|
|
2991
3114
|
})
|
|
2992
3115
|
]
|
|
2993
3116
|
}, e.id);
|
|
2994
3117
|
}) })]
|
|
2995
3118
|
}),
|
|
2996
|
-
(
|
|
3119
|
+
(dt || ft && !E && !ut && q.length > 0) && /* @__PURE__ */ n("nav", {
|
|
2997
3120
|
className: Z.pagination,
|
|
2998
3121
|
"aria-label": "Пагинация таблицы",
|
|
2999
|
-
children: [
|
|
3122
|
+
children: [ft ? bt("bottom") : /* @__PURE__ */ n("span", {
|
|
3000
3123
|
className: Z.paginationRange,
|
|
3001
3124
|
"aria-live": "polite",
|
|
3002
3125
|
children: [
|
|
3003
|
-
X,
|
|
3004
|
-
"–",
|
|
3005
3126
|
_t,
|
|
3127
|
+
"–",
|
|
3128
|
+
vt,
|
|
3006
3129
|
" из",
|
|
3007
3130
|
" ",
|
|
3008
|
-
|
|
3131
|
+
Re
|
|
3009
3132
|
]
|
|
3010
|
-
}),
|
|
3133
|
+
}), dt && /* @__PURE__ */ n("div", {
|
|
3011
3134
|
className: Z.paginationControls,
|
|
3012
3135
|
children: [
|
|
3013
|
-
/* @__PURE__ */ n(
|
|
3136
|
+
/* @__PURE__ */ n(B, {
|
|
3014
3137
|
variant: "empty",
|
|
3015
3138
|
size: "md",
|
|
3016
|
-
disabled: E ||
|
|
3139
|
+
disabled: E || Ve === 0,
|
|
3017
3140
|
"aria-label": "Предыдущая страница",
|
|
3018
3141
|
onClick: () => {
|
|
3019
|
-
|
|
3142
|
+
xt(Ve - 1);
|
|
3020
3143
|
},
|
|
3021
3144
|
children: [/* @__PURE__ */ t(J, {
|
|
3022
3145
|
name: "IconChevron",
|
|
@@ -3030,15 +3153,15 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3030
3153
|
}),
|
|
3031
3154
|
/* @__PURE__ */ t("div", {
|
|
3032
3155
|
className: Z.pageNumbers,
|
|
3033
|
-
children:
|
|
3034
|
-
variant: e ===
|
|
3156
|
+
children: st.map((e) => typeof e == "number" ? /* @__PURE__ */ t(B, {
|
|
3157
|
+
variant: e === Ve ? "secondary" : "empty",
|
|
3035
3158
|
size: "md",
|
|
3036
3159
|
className: Z.pageButton,
|
|
3037
3160
|
"aria-label": `Перейти на страницу ${e + 1}`,
|
|
3038
|
-
"aria-current": e ===
|
|
3161
|
+
"aria-current": e === Ve ? "page" : void 0,
|
|
3039
3162
|
disabled: E,
|
|
3040
3163
|
onClick: () => {
|
|
3041
|
-
|
|
3164
|
+
xt(e);
|
|
3042
3165
|
},
|
|
3043
3166
|
children: e + 1
|
|
3044
3167
|
}, e) : /* @__PURE__ */ t("span", {
|
|
@@ -3047,13 +3170,13 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3047
3170
|
children: "…"
|
|
3048
3171
|
}, e))
|
|
3049
3172
|
}),
|
|
3050
|
-
/* @__PURE__ */ n(
|
|
3173
|
+
/* @__PURE__ */ n(B, {
|
|
3051
3174
|
variant: "empty",
|
|
3052
3175
|
size: "md",
|
|
3053
|
-
disabled: E ||
|
|
3176
|
+
disabled: E || Ve === ze - 1,
|
|
3054
3177
|
"aria-label": "Следующая страница",
|
|
3055
3178
|
onClick: () => {
|
|
3056
|
-
|
|
3179
|
+
xt(Ve + 1);
|
|
3057
3180
|
},
|
|
3058
3181
|
children: [/* @__PURE__ */ t("span", {
|
|
3059
3182
|
className: Z.paginationButtonLabel,
|
|
@@ -3070,10 +3193,10 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3070
3193
|
})
|
|
3071
3194
|
]
|
|
3072
3195
|
});
|
|
3073
|
-
},
|
|
3196
|
+
}, an = (e, t) => {
|
|
3074
3197
|
let n = t.trim().toLocaleLowerCase();
|
|
3075
3198
|
return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
|
|
3076
|
-
},
|
|
3199
|
+
}, on = (e, t, n) => {
|
|
3077
3200
|
if (!e.length) return -1;
|
|
3078
3201
|
for (let r = 0; r < e.length; r += 1) {
|
|
3079
3202
|
let i = (t + r * n + e.length) % e.length;
|
|
@@ -3099,76 +3222,76 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3099
3222
|
active: "_active_1os84_321",
|
|
3100
3223
|
actionOption: "_actionOption_1os84_341",
|
|
3101
3224
|
visuallyHidden: "_visuallyHidden_1os84_375"
|
|
3102
|
-
},
|
|
3225
|
+
}, sn = 8, cn = 6, ln = 5, un = 10, dn = {
|
|
3103
3226
|
sm: 30,
|
|
3104
3227
|
md: 40,
|
|
3105
3228
|
lg: 50
|
|
3106
|
-
},
|
|
3229
|
+
}, fn = ({ 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
3230
|
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 = [
|
|
3108
3231
|
A,
|
|
3109
3232
|
j,
|
|
3110
3233
|
M
|
|
3111
|
-
].filter(Boolean).join(" "), P = h(null), F = h(null), I = h([]), [L, R] = g(!1), [z, ee] = g(""), [
|
|
3112
|
-
d(() => ee(
|
|
3113
|
-
let oe = l(() => P.current?.querySelector("input") ?? null, []), se = l((e, t) =>
|
|
3114
|
-
|
|
3115
|
-
}, []),
|
|
3234
|
+
].filter(Boolean).join(" "), P = h(null), F = h(null), I = h([]), [L, R] = g(!1), [z, ee] = g(""), [te, B] = g(-1), [V, U] = g(null), re = m(() => e.find((e) => e.value === r), [e, r]), W = m(() => an(e, z), [e, z]), ie = s && u, ae = te >= 0 ? W[te] : void 0;
|
|
3235
|
+
d(() => ee(re?.label ?? ""), [re?.label, r]);
|
|
3236
|
+
let oe = l(() => P.current?.querySelector("input") ?? null, []), se = l((e, t) => on(W, e, t), [W]), ce = l((e) => {
|
|
3237
|
+
B(e), !(e < 0) && requestAnimationFrame(() => I.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
3238
|
+
}, []), G = l(() => {
|
|
3116
3239
|
let e = oe();
|
|
3117
3240
|
if (!e) return;
|
|
3118
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(
|
|
3119
|
-
|
|
3241
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(W.length, ln)) * dn[x] + un, r = window.innerHeight - t.bottom - sn, i = t.top - sn, a = r < n && i > r, o = a ? i : r, s = Math.max(dn[x] + un, Math.min(n, o)), c = window.innerWidth - t.width - sn, l = Math.max(sn, Math.min(t.left, c)), u = a ? Math.max(sn, t.top - s - cn) : t.bottom + cn;
|
|
3242
|
+
U({
|
|
3120
3243
|
top: u,
|
|
3121
3244
|
left: l,
|
|
3122
3245
|
width: t.width,
|
|
3123
3246
|
maxHeight: s
|
|
3124
3247
|
});
|
|
3125
3248
|
}, [
|
|
3126
|
-
|
|
3249
|
+
W.length,
|
|
3127
3250
|
oe,
|
|
3128
3251
|
x
|
|
3129
3252
|
]);
|
|
3130
3253
|
p(() => {
|
|
3131
3254
|
if (!L) {
|
|
3132
|
-
|
|
3255
|
+
U(null);
|
|
3133
3256
|
return;
|
|
3134
3257
|
}
|
|
3135
|
-
return
|
|
3136
|
-
window.removeEventListener("resize",
|
|
3258
|
+
return G(), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0), () => {
|
|
3259
|
+
window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
|
|
3137
3260
|
};
|
|
3138
|
-
}, [L,
|
|
3261
|
+
}, [L, G]), d(() => {
|
|
3139
3262
|
if (!L) return;
|
|
3140
3263
|
let e = (e) => {
|
|
3141
3264
|
let t = e.target;
|
|
3142
|
-
!P.current?.contains(t) && !F.current?.contains(t) && (R(!1),
|
|
3265
|
+
!P.current?.contains(t) && !F.current?.contains(t) && (R(!1), B(-1));
|
|
3143
3266
|
};
|
|
3144
3267
|
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
3145
3268
|
}, [L]);
|
|
3146
|
-
let
|
|
3147
|
-
s || c || (R(!0),
|
|
3148
|
-
},
|
|
3149
|
-
e.disabled || (ee(e.label), R(!1),
|
|
3269
|
+
let le = () => {
|
|
3270
|
+
s || c || (R(!0), B(se(0, 1)));
|
|
3271
|
+
}, ue = (e) => {
|
|
3272
|
+
e.disabled || (ee(e.label), R(!1), B(-1), i?.(e.value, e), oe()?.focus());
|
|
3150
3273
|
}, de = L ? /* @__PURE__ */ t("ul", {
|
|
3151
3274
|
ref: F,
|
|
3152
3275
|
id: k,
|
|
3153
|
-
className: `${Q.menu} ${
|
|
3276
|
+
className: `${Q.menu} ${W.length === 0 ? Q.menuEmpty : ""}`,
|
|
3154
3277
|
role: "listbox",
|
|
3155
3278
|
"aria-label": v,
|
|
3156
|
-
style:
|
|
3157
|
-
top:
|
|
3158
|
-
left:
|
|
3159
|
-
width:
|
|
3160
|
-
maxHeight:
|
|
3279
|
+
style: V ? {
|
|
3280
|
+
top: V.top,
|
|
3281
|
+
left: V.left,
|
|
3282
|
+
width: V.width,
|
|
3283
|
+
maxHeight: V.maxHeight
|
|
3161
3284
|
} : {
|
|
3162
3285
|
top: 0,
|
|
3163
3286
|
left: 0,
|
|
3164
3287
|
visibility: "hidden",
|
|
3165
3288
|
maxHeight: 0
|
|
3166
3289
|
},
|
|
3167
|
-
children:
|
|
3290
|
+
children: W.length === 0 ? /* @__PURE__ */ t("li", {
|
|
3168
3291
|
className: `${Q.empty} ${Q[x]}`,
|
|
3169
3292
|
children: o
|
|
3170
|
-
}) :
|
|
3171
|
-
let a = e.value === r, o = i ===
|
|
3293
|
+
}) : W.map((e, i) => {
|
|
3294
|
+
let a = e.value === r, o = i === te;
|
|
3172
3295
|
return /* @__PURE__ */ t("li", {
|
|
3173
3296
|
role: "presentation",
|
|
3174
3297
|
children: /* @__PURE__ */ n("button", {
|
|
@@ -3191,9 +3314,9 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3191
3314
|
o ? Q.active : ""
|
|
3192
3315
|
].filter(Boolean).join(" "),
|
|
3193
3316
|
onPointerMove: () => {
|
|
3194
|
-
e.disabled ||
|
|
3317
|
+
e.disabled || B(i);
|
|
3195
3318
|
},
|
|
3196
|
-
onClick: () =>
|
|
3319
|
+
onClick: () => ue(e),
|
|
3197
3320
|
children: [/* @__PURE__ */ t("span", { children: e.label }), a && E && /* @__PURE__ */ t(J, {
|
|
3198
3321
|
name: "IconCheck",
|
|
3199
3322
|
width: 16,
|
|
@@ -3211,7 +3334,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3211
3334
|
C
|
|
3212
3335
|
].filter(Boolean).join(" "),
|
|
3213
3336
|
children: [
|
|
3214
|
-
v && /* @__PURE__ */ t(
|
|
3337
|
+
v && /* @__PURE__ */ t(ne, {
|
|
3215
3338
|
htmlFor: ie ? void 0 : O,
|
|
3216
3339
|
required: S,
|
|
3217
3340
|
disabled: s,
|
|
@@ -3219,7 +3342,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3219
3342
|
}),
|
|
3220
3343
|
ie ? /* @__PURE__ */ t("div", {
|
|
3221
3344
|
className: `${Q.disabledText} ${Q[x]}`,
|
|
3222
|
-
children:
|
|
3345
|
+
children: re?.label ?? a
|
|
3223
3346
|
}) : /* @__PURE__ */ n("div", {
|
|
3224
3347
|
className: Q.control,
|
|
3225
3348
|
children: [/* @__PURE__ */ t(Et, {
|
|
@@ -3234,31 +3357,31 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3234
3357
|
clearable: !1,
|
|
3235
3358
|
autoComplete: "off",
|
|
3236
3359
|
className: `${Q.inputHost} ${Q[x]}`,
|
|
3237
|
-
onFocus:
|
|
3360
|
+
onFocus: le,
|
|
3238
3361
|
onChange: (t) => {
|
|
3239
|
-
let n = String(t), r =
|
|
3240
|
-
ee(n), R(!0),
|
|
3362
|
+
let n = String(t), r = an(e, n);
|
|
3363
|
+
ee(n), R(!0), B(on(r, 0, 1));
|
|
3241
3364
|
},
|
|
3242
3365
|
role: "combobox",
|
|
3243
3366
|
"aria-autocomplete": "list",
|
|
3244
3367
|
"aria-expanded": L,
|
|
3245
3368
|
"aria-controls": k,
|
|
3246
|
-
"aria-activedescendant": ae ? `${O}-option-${
|
|
3369
|
+
"aria-activedescendant": ae ? `${O}-option-${te}` : void 0,
|
|
3247
3370
|
"aria-invalid": !!y,
|
|
3248
3371
|
"aria-describedby": N,
|
|
3249
|
-
onClick:
|
|
3372
|
+
onClick: le,
|
|
3250
3373
|
onKeyDown: (e) => {
|
|
3251
3374
|
if (!(s || c)) {
|
|
3252
3375
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
3253
3376
|
e.preventDefault();
|
|
3254
|
-
let t = e.key === "ArrowDown" ? 1 : -1, n =
|
|
3377
|
+
let t = e.key === "ArrowDown" ? 1 : -1, n = te >= 0 ? te + t : t === 1 ? 0 : W.length - 1;
|
|
3255
3378
|
R(!0), ce(se(n, t));
|
|
3256
3379
|
} else if (e.key === "Home" || e.key === "End") {
|
|
3257
3380
|
if (!L) return;
|
|
3258
3381
|
e.preventDefault();
|
|
3259
3382
|
let t = e.key === "Home" ? 1 : -1;
|
|
3260
|
-
ce(se(e.key === "Home" ? 0 :
|
|
3261
|
-
} else e.key === "Enter" && L && ae ? (e.preventDefault(),
|
|
3383
|
+
ce(se(e.key === "Home" ? 0 : W.length - 1, t));
|
|
3384
|
+
} else e.key === "Enter" && L && ae ? (e.preventDefault(), ue(ae)) : e.key === "Escape" && L ? (e.preventDefault(), R(!1), B(-1)) : e.key === "Tab" && (R(!1), B(-1));
|
|
3262
3385
|
}
|
|
3263
3386
|
}
|
|
3264
3387
|
}), /* @__PURE__ */ t("span", {
|
|
@@ -3276,38 +3399,38 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3276
3399
|
id: A,
|
|
3277
3400
|
className: Q.visuallyHidden,
|
|
3278
3401
|
"aria-live": "polite",
|
|
3279
|
-
children: ["Найдено вариантов: ",
|
|
3402
|
+
children: ["Найдено вариантов: ", W.length]
|
|
3280
3403
|
}),
|
|
3281
|
-
b && !y && /* @__PURE__ */ t(
|
|
3404
|
+
b && !y && /* @__PURE__ */ t(H, {
|
|
3282
3405
|
id: j,
|
|
3283
3406
|
children: b
|
|
3284
3407
|
}),
|
|
3285
|
-
y && /* @__PURE__ */ t(
|
|
3408
|
+
y && /* @__PURE__ */ t(H, {
|
|
3286
3409
|
id: M,
|
|
3287
3410
|
variant: "error",
|
|
3288
3411
|
children: y
|
|
3289
3412
|
})
|
|
3290
3413
|
]
|
|
3291
3414
|
});
|
|
3292
|
-
},
|
|
3415
|
+
}, pn = {
|
|
3293
3416
|
root: "_root_11adi_1",
|
|
3294
3417
|
header: "_header_11adi_21",
|
|
3295
3418
|
title: "_title_11adi_41",
|
|
3296
3419
|
dismiss: "_dismiss_11adi_55",
|
|
3297
3420
|
content: "_content_11adi_65"
|
|
3298
|
-
},
|
|
3421
|
+
}, mn = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: c = "" }) => {
|
|
3299
3422
|
let l = `ds-info-block-${f()}`;
|
|
3300
3423
|
return /* @__PURE__ */ n("section", {
|
|
3301
|
-
className: `${
|
|
3424
|
+
className: `${pn.root} ${c}`,
|
|
3302
3425
|
"aria-labelledby": l,
|
|
3303
3426
|
children: [/* @__PURE__ */ n("header", {
|
|
3304
|
-
className:
|
|
3427
|
+
className: pn.header,
|
|
3305
3428
|
children: [/* @__PURE__ */ t(s, {
|
|
3306
3429
|
id: l,
|
|
3307
|
-
className:
|
|
3430
|
+
className: pn.title,
|
|
3308
3431
|
children: e
|
|
3309
|
-
}), i && /* @__PURE__ */ t(
|
|
3310
|
-
className:
|
|
3432
|
+
}), i && /* @__PURE__ */ t(B, {
|
|
3433
|
+
className: pn.dismiss,
|
|
3311
3434
|
variant: "empty",
|
|
3312
3435
|
onClick: a,
|
|
3313
3436
|
"aria-label": o,
|
|
@@ -3318,15 +3441,15 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3318
3441
|
})
|
|
3319
3442
|
})]
|
|
3320
3443
|
}), /* @__PURE__ */ t("div", {
|
|
3321
|
-
className:
|
|
3444
|
+
className: pn.content,
|
|
3322
3445
|
children: r
|
|
3323
3446
|
})]
|
|
3324
3447
|
});
|
|
3325
|
-
},
|
|
3448
|
+
}, hn = {
|
|
3326
3449
|
root: "_root_1ecm3_1",
|
|
3327
3450
|
grid: "_grid_1ecm3_13",
|
|
3328
3451
|
actions: "_actions_1ecm3_27"
|
|
3329
|
-
},
|
|
3452
|
+
}, gn = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
3330
3453
|
let d = (e, t) => {
|
|
3331
3454
|
let n = {
|
|
3332
3455
|
...r,
|
|
@@ -3335,11 +3458,11 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3335
3458
|
i?.(n, e), s === "instant" && a?.(n);
|
|
3336
3459
|
};
|
|
3337
3460
|
return /* @__PURE__ */ n("section", {
|
|
3338
|
-
className: `${
|
|
3461
|
+
className: `${hn.root} ${u}`,
|
|
3339
3462
|
"aria-label": "Фильтры",
|
|
3340
3463
|
"aria-busy": c,
|
|
3341
3464
|
children: [/* @__PURE__ */ t("div", {
|
|
3342
|
-
className:
|
|
3465
|
+
className: hn.grid,
|
|
3343
3466
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
3344
3467
|
let n = l || c || e.disabled, i = r[e.id];
|
|
3345
3468
|
if (e.type === "input") {
|
|
@@ -3407,13 +3530,13 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3407
3530
|
}, e.id);
|
|
3408
3531
|
})
|
|
3409
3532
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
3410
|
-
className:
|
|
3411
|
-
children: [o && /* @__PURE__ */ t(
|
|
3533
|
+
className: hn.actions,
|
|
3534
|
+
children: [o && /* @__PURE__ */ t(B, {
|
|
3412
3535
|
variant: "destructiveOutline",
|
|
3413
3536
|
disabled: l || c,
|
|
3414
3537
|
onClick: o,
|
|
3415
3538
|
children: "Сбросить"
|
|
3416
|
-
}), s === "manual" && /* @__PURE__ */ t(
|
|
3539
|
+
}), s === "manual" && /* @__PURE__ */ t(B, {
|
|
3417
3540
|
isLoading: c,
|
|
3418
3541
|
disabled: l,
|
|
3419
3542
|
onClick: () => a?.(r),
|
|
@@ -3421,7 +3544,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3421
3544
|
})]
|
|
3422
3545
|
})]
|
|
3423
3546
|
});
|
|
3424
|
-
},
|
|
3547
|
+
}, _n = {
|
|
3425
3548
|
grid: "_grid_1q540_1",
|
|
3426
3549
|
comfortable: "_comfortable_1q540_11",
|
|
3427
3550
|
compact: "_compact_1q540_19",
|
|
@@ -3438,23 +3561,23 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3438
3561
|
summary: "_summary_1q540_101",
|
|
3439
3562
|
summaryTitle: "_summaryTitle_1q540_137",
|
|
3440
3563
|
summaryList: "_summaryList_1q540_145"
|
|
3441
|
-
},
|
|
3564
|
+
}, vn = ({ columns: e = 2, density: n = "comfortable", className: r = "", ...i }) => /* @__PURE__ */ t("div", {
|
|
3442
3565
|
...i,
|
|
3443
|
-
className: `${
|
|
3444
|
-
}),
|
|
3566
|
+
className: `${_n.grid} ${_n[`columns${e}`]} ${_n[n]} ${r}`
|
|
3567
|
+
}), yn = ({ span: e = 1, className: n = "", ...r }) => /* @__PURE__ */ t("div", {
|
|
3445
3568
|
...r,
|
|
3446
|
-
className: `${
|
|
3447
|
-
}),
|
|
3569
|
+
className: `${_n.item} ${_n[`span${e}`]} ${n}`
|
|
3570
|
+
}), bn = ({ title: e = "Проверьте заполнение формы", items: r, focusField: i, className: a = "", ...o }) => r.length === 0 ? null : /* @__PURE__ */ n("div", {
|
|
3448
3571
|
...o,
|
|
3449
|
-
className: `${
|
|
3572
|
+
className: `${_n.summary} ${a}`,
|
|
3450
3573
|
role: "alert",
|
|
3451
3574
|
"aria-atomic": "true",
|
|
3452
3575
|
tabIndex: -1,
|
|
3453
3576
|
children: [/* @__PURE__ */ t("strong", {
|
|
3454
|
-
className:
|
|
3577
|
+
className: _n.summaryTitle,
|
|
3455
3578
|
children: e
|
|
3456
3579
|
}), /* @__PURE__ */ t("ul", {
|
|
3457
|
-
className:
|
|
3580
|
+
className: _n.summaryList,
|
|
3458
3581
|
children: r.map((e) => /* @__PURE__ */ t("li", { children: e.fieldId ? /* @__PURE__ */ t("a", {
|
|
3459
3582
|
href: `#${e.fieldId}`,
|
|
3460
3583
|
onClick: (t) => {
|
|
@@ -3463,7 +3586,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3463
3586
|
children: e.message
|
|
3464
3587
|
}) : e.message }, e.id))
|
|
3465
3588
|
})]
|
|
3466
|
-
}),
|
|
3589
|
+
}), xn = {
|
|
3467
3590
|
wrapper: "_wrapper_yxnr3_1",
|
|
3468
3591
|
dropzone: "_dropzone_yxnr3_15",
|
|
3469
3592
|
dragActive: "_dragActive_yxnr3_45",
|
|
@@ -3476,12 +3599,12 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3476
3599
|
file: "_file_yxnr3_133",
|
|
3477
3600
|
fileName: "_fileName_yxnr3_175",
|
|
3478
3601
|
fileSize: "_fileSize_yxnr3_187"
|
|
3479
|
-
},
|
|
3602
|
+
}, Sn = (e) => `${e.name}:${e.size}:${e.lastModified}`, Cn = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, wn = (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), Tn = ({ 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
3603
|
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(
|
|
3604
|
+
let t = [], n = new Set(r.map(Sn)), l = e.filter((e) => wn(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
3482
3605
|
file: e,
|
|
3483
3606
|
reason: "maxSize"
|
|
3484
|
-
}), !1) : !n.has(
|
|
3607
|
+
}), !1) : !n.has(Sn(e)) && (n.add(Sn(e)), !0) : (t.push({
|
|
3485
3608
|
file: e,
|
|
3486
3609
|
reason: "accept"
|
|
3487
3610
|
}), !1)), u = a ? c : 1, d = a ? [...r, ...l] : l.slice(-1);
|
|
@@ -3491,16 +3614,16 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3491
3614
|
})), d = d.slice(0, u)), t.length && w?.(t), l.length && i?.(d), D.current && (D.current.value = "");
|
|
3492
3615
|
};
|
|
3493
3616
|
return /* @__PURE__ */ n("div", {
|
|
3494
|
-
className: `${
|
|
3617
|
+
className: `${xn.wrapper} ${b}`,
|
|
3495
3618
|
children: [
|
|
3496
|
-
l && /* @__PURE__ */ t(
|
|
3619
|
+
l && /* @__PURE__ */ t(ne, {
|
|
3497
3620
|
htmlFor: E,
|
|
3498
3621
|
required: p,
|
|
3499
3622
|
disabled: m,
|
|
3500
3623
|
children: l
|
|
3501
3624
|
}),
|
|
3502
3625
|
/* @__PURE__ */ n("div", {
|
|
3503
|
-
className: `${
|
|
3626
|
+
className: `${xn.dropzone} ${k ? xn.dragActive : ""} ${m ? xn.disabled : ""} ${d ? xn.error : ""}`,
|
|
3504
3627
|
onDragEnter: (e) => {
|
|
3505
3628
|
e.preventDefault(), P && ++O.current === 1 && A(!0);
|
|
3506
3629
|
},
|
|
@@ -3515,7 +3638,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3515
3638
|
ref: D,
|
|
3516
3639
|
id: E,
|
|
3517
3640
|
name: v,
|
|
3518
|
-
className:
|
|
3641
|
+
className: xn.nativeInput,
|
|
3519
3642
|
type: "file",
|
|
3520
3643
|
multiple: a,
|
|
3521
3644
|
accept: o,
|
|
@@ -3526,21 +3649,21 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3526
3649
|
onChange: (e) => F(Array.from(e.target.files ?? []))
|
|
3527
3650
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
3528
3651
|
/* @__PURE__ */ t("ul", {
|
|
3529
|
-
className:
|
|
3652
|
+
className: xn.files,
|
|
3530
3653
|
"aria-live": "polite",
|
|
3531
3654
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
3532
|
-
className:
|
|
3655
|
+
className: xn.file,
|
|
3533
3656
|
children: [
|
|
3534
3657
|
/* @__PURE__ */ t("span", {
|
|
3535
|
-
className:
|
|
3658
|
+
className: xn.fileName,
|
|
3536
3659
|
title: e.name,
|
|
3537
3660
|
children: e.name
|
|
3538
3661
|
}),
|
|
3539
3662
|
/* @__PURE__ */ t("span", {
|
|
3540
|
-
className:
|
|
3541
|
-
children:
|
|
3663
|
+
className: xn.fileSize,
|
|
3664
|
+
children: Cn(e.size)
|
|
3542
3665
|
}),
|
|
3543
|
-
P && /* @__PURE__ */ t(
|
|
3666
|
+
P && /* @__PURE__ */ t(B, {
|
|
3544
3667
|
variant: "empty",
|
|
3545
3668
|
size: "sm",
|
|
3546
3669
|
"aria-label": `Удалить файл ${e.name}`,
|
|
@@ -3552,25 +3675,25 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3552
3675
|
})
|
|
3553
3676
|
})
|
|
3554
3677
|
]
|
|
3555
|
-
},
|
|
3678
|
+
}, Sn(e)))
|
|
3556
3679
|
}),
|
|
3557
|
-
P && (a || r.length === 0) && /* @__PURE__ */ t(
|
|
3558
|
-
className:
|
|
3680
|
+
P && (a || r.length === 0) && /* @__PURE__ */ t(B, {
|
|
3681
|
+
className: xn.browseButton,
|
|
3559
3682
|
size: "sm",
|
|
3560
3683
|
onClick: () => D.current?.click(),
|
|
3561
3684
|
children: C
|
|
3562
3685
|
}),
|
|
3563
|
-
P && !a && /* @__PURE__ */ t(
|
|
3564
|
-
className:
|
|
3686
|
+
P && !a && /* @__PURE__ */ t(B, {
|
|
3687
|
+
className: xn.browseButton,
|
|
3565
3688
|
size: "sm",
|
|
3566
3689
|
onClick: () => D.current?.click(),
|
|
3567
3690
|
children: S
|
|
3568
3691
|
})
|
|
3569
3692
|
] }) : /* @__PURE__ */ n("div", {
|
|
3570
|
-
className:
|
|
3693
|
+
className: xn.empty,
|
|
3571
3694
|
children: [
|
|
3572
3695
|
/* @__PURE__ */ t("span", {
|
|
3573
|
-
className:
|
|
3696
|
+
className: xn.uploadIcon,
|
|
3574
3697
|
"aria-hidden": "true",
|
|
3575
3698
|
children: /* @__PURE__ */ t(J, {
|
|
3576
3699
|
name: "IconUpload",
|
|
@@ -3579,18 +3702,18 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3579
3702
|
})
|
|
3580
3703
|
}),
|
|
3581
3704
|
/* @__PURE__ */ t("strong", { children: k ? "Отпустите файлы здесь" : x }),
|
|
3582
|
-
!k && P && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(
|
|
3705
|
+
!k && P && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(B, {
|
|
3583
3706
|
onClick: () => D.current?.click(),
|
|
3584
3707
|
children: S
|
|
3585
3708
|
})] })
|
|
3586
3709
|
]
|
|
3587
3710
|
})]
|
|
3588
3711
|
}),
|
|
3589
|
-
u && !d && /* @__PURE__ */ t(
|
|
3712
|
+
u && !d && /* @__PURE__ */ t(H, {
|
|
3590
3713
|
id: j,
|
|
3591
3714
|
children: u
|
|
3592
3715
|
}),
|
|
3593
|
-
d && /* @__PURE__ */ t(
|
|
3716
|
+
d && /* @__PURE__ */ t(H, {
|
|
3594
3717
|
id: M,
|
|
3595
3718
|
variant: "error",
|
|
3596
3719
|
live: !0,
|
|
@@ -3598,7 +3721,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3598
3721
|
})
|
|
3599
3722
|
]
|
|
3600
3723
|
});
|
|
3601
|
-
},
|
|
3724
|
+
}, En = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
3602
3725
|
let [n, r] = g(null);
|
|
3603
3726
|
return d(() => {
|
|
3604
3727
|
let e = document.getElementById(t);
|
|
@@ -3611,7 +3734,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3611
3734
|
n.childElementCount === 0 && n.parentElement && n.remove();
|
|
3612
3735
|
};
|
|
3613
3736
|
}, [t]), n ? _(e, n) : null;
|
|
3614
|
-
},
|
|
3737
|
+
}, Dn = typeof window > "u" ? d : p, On = ({ anchorRef: e, children: n, matchAnchorWidth: r = !1, offset: i = 4, className: a }) => {
|
|
3615
3738
|
let [o, s] = g(null), [c, u] = g({
|
|
3616
3739
|
position: "fixed",
|
|
3617
3740
|
visibility: "hidden",
|
|
@@ -3634,7 +3757,7 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3634
3757
|
o,
|
|
3635
3758
|
i
|
|
3636
3759
|
]);
|
|
3637
|
-
return
|
|
3760
|
+
return Dn(() => {
|
|
3638
3761
|
if (!o) return;
|
|
3639
3762
|
d(), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0);
|
|
3640
3763
|
let t = typeof ResizeObserver > "u" ? null : new ResizeObserver(d);
|
|
@@ -3645,13 +3768,13 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3645
3768
|
e,
|
|
3646
3769
|
o,
|
|
3647
3770
|
d
|
|
3648
|
-
]), /* @__PURE__ */ t(
|
|
3771
|
+
]), /* @__PURE__ */ t(En, { children: /* @__PURE__ */ t("div", {
|
|
3649
3772
|
ref: s,
|
|
3650
3773
|
className: a,
|
|
3651
3774
|
style: c,
|
|
3652
3775
|
children: n
|
|
3653
3776
|
}) });
|
|
3654
|
-
},
|
|
3777
|
+
}, kn = {
|
|
3655
3778
|
wrapper: "_wrapper_1tid7_1",
|
|
3656
3779
|
control: "_control_1tid7_15",
|
|
3657
3780
|
textarea: "_textarea_1tid7_25",
|
|
@@ -3665,12 +3788,12 @@ var Bt = ({ field: e, value: n, setValue: r, disabled: i, error: a }) => {
|
|
|
3665
3788
|
clearAction: "_clearAction_1tid7_171",
|
|
3666
3789
|
messages: "_messages_1tid7_251",
|
|
3667
3790
|
counter: "_counter_1tid7_265"
|
|
3668
|
-
},
|
|
3669
|
-
function
|
|
3791
|
+
}, An = 2;
|
|
3792
|
+
function jn(e) {
|
|
3670
3793
|
let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
|
|
3671
3794
|
return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
|
|
3672
3795
|
}
|
|
3673
|
-
function
|
|
3796
|
+
function Mn({ 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 = An, maxRows: w, autoResize: T = !0, ...E }) {
|
|
3674
3797
|
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 = [
|
|
3675
3798
|
A,
|
|
3676
3799
|
j,
|
|
@@ -3678,7 +3801,7 @@ function kn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3678
3801
|
].filter(Boolean).join(" ") || void 0, P = Math.max(1, C), F = w === void 0 ? void 0 : Math.max(P, w), I = l(() => {
|
|
3679
3802
|
let e = k.current;
|
|
3680
3803
|
if (!e || !T) return;
|
|
3681
|
-
let t = window.getComputedStyle(e), n =
|
|
3804
|
+
let t = window.getComputedStyle(e), n = jn(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;
|
|
3682
3805
|
e.style.height = "auto";
|
|
3683
3806
|
let o = Math.min(Math.max(e.scrollHeight, i), a);
|
|
3684
3807
|
e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
|
|
@@ -3710,9 +3833,9 @@ function kn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3710
3833
|
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), I());
|
|
3711
3834
|
}, z = { "--ds-textarea-min-rows": P };
|
|
3712
3835
|
return /* @__PURE__ */ n("div", {
|
|
3713
|
-
className: `${
|
|
3836
|
+
className: `${kn.wrapper} ${m}`,
|
|
3714
3837
|
children: [
|
|
3715
|
-
c && /* @__PURE__ */ t(
|
|
3838
|
+
c && /* @__PURE__ */ t(ne, {
|
|
3716
3839
|
htmlFor: O,
|
|
3717
3840
|
required: b,
|
|
3718
3841
|
disabled: a,
|
|
@@ -3720,12 +3843,12 @@ function kn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3720
3843
|
}),
|
|
3721
3844
|
a && s ? /* @__PURE__ */ t("div", {
|
|
3722
3845
|
id: O,
|
|
3723
|
-
className: `${
|
|
3846
|
+
className: `${kn.disabledText} ${kn[v]}`,
|
|
3724
3847
|
style: z,
|
|
3725
3848
|
"aria-describedby": N,
|
|
3726
3849
|
children: e || i
|
|
3727
3850
|
}) : /* @__PURE__ */ n("div", {
|
|
3728
|
-
className:
|
|
3851
|
+
className: kn.control,
|
|
3729
3852
|
children: [/* @__PURE__ */ t("textarea", {
|
|
3730
3853
|
ref: k,
|
|
3731
3854
|
id: O,
|
|
@@ -3740,12 +3863,12 @@ function kn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3740
3863
|
style: z,
|
|
3741
3864
|
"aria-invalid": !!u,
|
|
3742
3865
|
"aria-describedby": N,
|
|
3743
|
-
className: `${
|
|
3866
|
+
className: `${kn.textarea} ${kn[v]} ${T ? kn.autoResize : kn.manualResize} ${u ? kn.textareaError : ""}`,
|
|
3744
3867
|
onChange: L,
|
|
3745
3868
|
...E
|
|
3746
3869
|
}), y && e && !a && !o && /* @__PURE__ */ t("button", {
|
|
3747
3870
|
type: "button",
|
|
3748
|
-
className:
|
|
3871
|
+
className: kn.clearAction,
|
|
3749
3872
|
"aria-label": "Очистить поле",
|
|
3750
3873
|
onClick: R,
|
|
3751
3874
|
children: /* @__PURE__ */ t(J, {
|
|
@@ -3756,20 +3879,20 @@ function kn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3756
3879
|
})]
|
|
3757
3880
|
}),
|
|
3758
3881
|
(p || u || M) && /* @__PURE__ */ n("div", {
|
|
3759
|
-
className:
|
|
3882
|
+
className: kn.messages,
|
|
3760
3883
|
children: [
|
|
3761
|
-
p && !u && /* @__PURE__ */ t(
|
|
3884
|
+
p && !u && /* @__PURE__ */ t(H, {
|
|
3762
3885
|
id: A,
|
|
3763
3886
|
children: p
|
|
3764
3887
|
}),
|
|
3765
|
-
u && /* @__PURE__ */ t(
|
|
3888
|
+
u && /* @__PURE__ */ t(H, {
|
|
3766
3889
|
id: j,
|
|
3767
3890
|
variant: "error",
|
|
3768
3891
|
children: u
|
|
3769
3892
|
}),
|
|
3770
3893
|
M && /* @__PURE__ */ n("span", {
|
|
3771
3894
|
id: M,
|
|
3772
|
-
className:
|
|
3895
|
+
className: kn.counter,
|
|
3773
3896
|
children: [
|
|
3774
3897
|
e.length,
|
|
3775
3898
|
" / ",
|
|
@@ -3783,11 +3906,11 @@ function kn({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
3783
3906
|
}
|
|
3784
3907
|
//#endregion
|
|
3785
3908
|
//#region src/components/DSModal/modal.store.ts
|
|
3786
|
-
var
|
|
3909
|
+
var Nn = 0, Pn = S((e, t) => ({
|
|
3787
3910
|
modals: [],
|
|
3788
3911
|
openModal: (t, n = {}, r = {}) => {
|
|
3789
|
-
|
|
3790
|
-
let i = `ds-modal-${
|
|
3912
|
+
Nn += 1;
|
|
3913
|
+
let i = `ds-modal-${Nn}`;
|
|
3791
3914
|
return e((e) => ({ modals: [...e.modals, {
|
|
3792
3915
|
id: i,
|
|
3793
3916
|
name: t,
|
|
@@ -3811,10 +3934,10 @@ var An = 0, jn = S((e, t) => ({
|
|
|
3811
3934
|
let n = t().modals;
|
|
3812
3935
|
n.length && (e({ modals: [] }), n.forEach((e) => e.onClose?.()));
|
|
3813
3936
|
}
|
|
3814
|
-
})),
|
|
3815
|
-
|
|
3816
|
-
},
|
|
3817
|
-
function
|
|
3937
|
+
})), Fn = () => {
|
|
3938
|
+
Pn.getState().closeAllModals(), Nn = 0;
|
|
3939
|
+
}, In = 8, Ln = 96, Rn = .55;
|
|
3940
|
+
function zn(e, t, n) {
|
|
3818
3941
|
return {
|
|
3819
3942
|
startX: e,
|
|
3820
3943
|
startY: t,
|
|
@@ -3822,16 +3945,16 @@ function In(e, t, n) {
|
|
|
3822
3945
|
intent: "pending"
|
|
3823
3946
|
};
|
|
3824
3947
|
}
|
|
3825
|
-
function
|
|
3948
|
+
function Bn(e, t, n) {
|
|
3826
3949
|
let r = t - e.startX, i = n - e.startY;
|
|
3827
|
-
return e.intent === "pending" && Math.max(Math.abs(r), Math.abs(i)) >=
|
|
3950
|
+
return e.intent === "pending" && Math.max(Math.abs(r), Math.abs(i)) >= In && (e.intent = Math.abs(i) > Math.abs(r) ? "vertical" : "horizontal"), e.intent === "vertical" ? Math.max(0, i) : 0;
|
|
3828
3951
|
}
|
|
3829
|
-
function
|
|
3952
|
+
function Vn(e, t, n) {
|
|
3830
3953
|
if (e.intent !== "vertical") return !1;
|
|
3831
3954
|
let r = Math.max(0, t - e.startY), i = Math.max(1, n - e.startTime);
|
|
3832
|
-
return r >=
|
|
3955
|
+
return r >= Ln || r >= 32 && r / i >= Rn;
|
|
3833
3956
|
}
|
|
3834
|
-
var
|
|
3957
|
+
var Hn = {
|
|
3835
3958
|
layer: "_layer_tnds0_1",
|
|
3836
3959
|
backdrop: "_backdrop_tnds0_15",
|
|
3837
3960
|
"backdrop-enter": "_backdrop-enter_tnds0_1",
|
|
@@ -3844,10 +3967,10 @@ var zn = {
|
|
|
3844
3967
|
close: "_close_tnds0_141",
|
|
3845
3968
|
dragHandle: "_dragHandle_tnds0_149",
|
|
3846
3969
|
"sheet-enter": "_sheet-enter_tnds0_1"
|
|
3847
|
-
},
|
|
3848
|
-
function
|
|
3970
|
+
}, Un = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Wn = a({});
|
|
3971
|
+
function Gn(e) {
|
|
3849
3972
|
if (e.key !== "Tab") return;
|
|
3850
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3973
|
+
let t = Array.from(e.currentTarget.querySelectorAll(Un));
|
|
3851
3974
|
if (!t.length) {
|
|
3852
3975
|
e.preventDefault();
|
|
3853
3976
|
return;
|
|
@@ -3855,18 +3978,18 @@ function Hn(e) {
|
|
|
3855
3978
|
let n = t[0], r = t.at(-1);
|
|
3856
3979
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
|
|
3857
3980
|
}
|
|
3858
|
-
var
|
|
3859
|
-
let l = u(
|
|
3981
|
+
var Kn = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: s = "", role: c = "dialog" }) => {
|
|
3982
|
+
let l = u(Wn), 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 = Pn((e) => e.closeModal), D = l.requestClose ?? (() => E(a)), O = p != null, k = m != null;
|
|
3860
3983
|
d(() => {
|
|
3861
3984
|
let e = document.activeElement, t = y.current;
|
|
3862
|
-
return (t?.querySelector(
|
|
3985
|
+
return (t?.querySelector(Un) ?? t)?.focus(), () => e?.focus();
|
|
3863
3986
|
}, []);
|
|
3864
3987
|
let A = (e) => {
|
|
3865
3988
|
e && x.current !== null && e.hasPointerCapture(x.current) && e.releasePointerCapture(x.current), b.current = null, x.current = null, T(!1), C(0);
|
|
3866
3989
|
};
|
|
3867
3990
|
return /* @__PURE__ */ n("div", {
|
|
3868
3991
|
ref: y,
|
|
3869
|
-
className: `${
|
|
3992
|
+
className: `${Hn.panel} ${s}`,
|
|
3870
3993
|
"data-closing": l.closing || void 0,
|
|
3871
3994
|
"data-dragging": w || void 0,
|
|
3872
3995
|
style: { "--ds-modal-drag-offset": `${S}px` },
|
|
@@ -3875,36 +3998,36 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3875
3998
|
"aria-labelledby": O ? _ : void 0,
|
|
3876
3999
|
"aria-describedby": k ? v : void 0,
|
|
3877
4000
|
tabIndex: -1,
|
|
3878
|
-
onKeyDown:
|
|
4001
|
+
onKeyDown: Gn,
|
|
3879
4002
|
children: [
|
|
3880
4003
|
/* @__PURE__ */ t("button", {
|
|
3881
4004
|
type: "button",
|
|
3882
|
-
className:
|
|
4005
|
+
className: Hn.dragHandle,
|
|
3883
4006
|
"aria-label": "Потяните вниз, чтобы закрыть модальное окно",
|
|
3884
4007
|
onPointerDown: (e) => {
|
|
3885
|
-
(e.pointerType !== "mouse" || e.button === 0) && (x.current = e.pointerId, b.current =
|
|
4008
|
+
(e.pointerType !== "mouse" || e.button === 0) && (x.current = e.pointerId, b.current = zn(e.clientX, e.clientY, e.timeStamp), e.currentTarget.setPointerCapture(e.pointerId));
|
|
3886
4009
|
},
|
|
3887
4010
|
onPointerMove: (e) => {
|
|
3888
4011
|
if (e.pointerId !== x.current || !b.current) return;
|
|
3889
|
-
let t =
|
|
4012
|
+
let t = Bn(b.current, e.clientX, e.clientY);
|
|
3890
4013
|
b.current.intent === "vertical" && (e.preventDefault(), T(!0), C(t));
|
|
3891
4014
|
},
|
|
3892
4015
|
onPointerUp: (e) => {
|
|
3893
4016
|
if (e.pointerId !== x.current || !b.current) return;
|
|
3894
|
-
let t =
|
|
4017
|
+
let t = Vn(b.current, e.clientY, e.timeStamp);
|
|
3895
4018
|
A(e.currentTarget), t && D();
|
|
3896
4019
|
},
|
|
3897
4020
|
onPointerCancel: (e) => A(e.currentTarget),
|
|
3898
4021
|
children: /* @__PURE__ */ t("span", {})
|
|
3899
4022
|
}),
|
|
3900
4023
|
(O || o) && /* @__PURE__ */ n("header", {
|
|
3901
|
-
className:
|
|
4024
|
+
className: Hn.header,
|
|
3902
4025
|
children: [O && /* @__PURE__ */ t("h2", {
|
|
3903
4026
|
id: _,
|
|
3904
|
-
className:
|
|
4027
|
+
className: Hn.title,
|
|
3905
4028
|
children: p
|
|
3906
|
-
}), /* @__PURE__ */ t(
|
|
3907
|
-
className:
|
|
4029
|
+
}), /* @__PURE__ */ t(B, {
|
|
4030
|
+
className: Hn.close,
|
|
3908
4031
|
variant: "empty",
|
|
3909
4032
|
size: "sm",
|
|
3910
4033
|
"aria-label": o,
|
|
@@ -3918,17 +4041,17 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3918
4041
|
}),
|
|
3919
4042
|
k && /* @__PURE__ */ t("p", {
|
|
3920
4043
|
id: v,
|
|
3921
|
-
className:
|
|
4044
|
+
className: Hn.description,
|
|
3922
4045
|
children: m
|
|
3923
4046
|
}),
|
|
3924
4047
|
/* @__PURE__ */ t("div", {
|
|
3925
|
-
className:
|
|
4048
|
+
className: Hn.content,
|
|
3926
4049
|
children: e
|
|
3927
4050
|
})
|
|
3928
4051
|
]
|
|
3929
4052
|
});
|
|
3930
|
-
},
|
|
3931
|
-
let n =
|
|
4053
|
+
}, qn = ({ registry: e }) => {
|
|
4054
|
+
let n = Pn((e) => e.modals), r = Pn((e) => e.closeModal), [i, a] = g(() => /* @__PURE__ */ new Set()), o = h(/* @__PURE__ */ new Map()), s = (e) => {
|
|
3932
4055
|
if (o.current.has(e)) return;
|
|
3933
4056
|
a((t) => new Set(t).add(e));
|
|
3934
4057
|
let t = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
@@ -3944,7 +4067,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3944
4067
|
return () => e.forEach((e) => window.clearTimeout(e));
|
|
3945
4068
|
}, []), d(() => {
|
|
3946
4069
|
let e = (e) => {
|
|
3947
|
-
let t =
|
|
4070
|
+
let t = Pn.getState().modals.at(-1);
|
|
3948
4071
|
e.key === "Escape" && t?.closeOnEscape && s(t.id);
|
|
3949
4072
|
};
|
|
3950
4073
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
@@ -3957,21 +4080,21 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3957
4080
|
n,
|
|
3958
4081
|
e
|
|
3959
4082
|
]), !n.length || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
3960
|
-
className:
|
|
4083
|
+
className: Hn.layer,
|
|
3961
4084
|
"aria-label": "Модальные окна",
|
|
3962
4085
|
children: n.map((r, a) => {
|
|
3963
4086
|
let o = e[r.name];
|
|
3964
4087
|
if (!o) return null;
|
|
3965
4088
|
let c = i.has(r.id);
|
|
3966
4089
|
return /* @__PURE__ */ t("div", {
|
|
3967
|
-
className:
|
|
4090
|
+
className: Hn.backdrop,
|
|
3968
4091
|
"data-closing": c || void 0,
|
|
3969
4092
|
"aria-hidden": a !== n.length - 1 || void 0,
|
|
3970
4093
|
inert: a !== n.length - 1 || void 0,
|
|
3971
4094
|
onMouseDown: (e) => {
|
|
3972
4095
|
e.target === e.currentTarget && r.closeOnBackdrop && s(r.id);
|
|
3973
4096
|
},
|
|
3974
|
-
children: /* @__PURE__ */ t(
|
|
4097
|
+
children: /* @__PURE__ */ t(Wn.Provider, {
|
|
3975
4098
|
value: {
|
|
3976
4099
|
title: r.title ?? r.payload.title,
|
|
3977
4100
|
description: r.description ?? r.payload.description,
|
|
@@ -3988,82 +4111,82 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3988
4111
|
}, r.id);
|
|
3989
4112
|
})
|
|
3990
4113
|
}), document.body);
|
|
3991
|
-
},
|
|
3992
|
-
let o =
|
|
4114
|
+
}, Jn = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
4115
|
+
let o = Pn((e) => e.modals.length);
|
|
3993
4116
|
return d(() => {
|
|
3994
4117
|
if (!a || o === 0) return;
|
|
3995
4118
|
let e = document.body.style.overflow;
|
|
3996
4119
|
return document.body.style.overflow = "hidden", () => {
|
|
3997
4120
|
document.body.style.overflow = e;
|
|
3998
4121
|
};
|
|
3999
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
4000
|
-
},
|
|
4122
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(qn, { registry: r })] });
|
|
4123
|
+
}, Yn = (e) => e, Xn = {
|
|
4001
4124
|
message: "_message_c23ie_1",
|
|
4002
4125
|
actions: "_actions_c23ie_13"
|
|
4003
|
-
},
|
|
4126
|
+
}, Zn = /* @__PURE__ */ new Map(), Qn = 0, $n = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
4004
4127
|
let u = (e) => {
|
|
4005
|
-
|
|
4128
|
+
Zn.get(l)?.(e), Zn.delete(l), r();
|
|
4006
4129
|
};
|
|
4007
|
-
return /* @__PURE__ */ n(
|
|
4130
|
+
return /* @__PURE__ */ n(Kn, {
|
|
4008
4131
|
modalId: e,
|
|
4009
4132
|
title: i,
|
|
4010
4133
|
role: "alertdialog",
|
|
4011
4134
|
children: [/* @__PURE__ */ t("p", {
|
|
4012
|
-
className:
|
|
4135
|
+
className: Xn.message,
|
|
4013
4136
|
children: a
|
|
4014
4137
|
}), /* @__PURE__ */ n("div", {
|
|
4015
|
-
className:
|
|
4016
|
-
children: [/* @__PURE__ */ t(
|
|
4138
|
+
className: Xn.actions,
|
|
4139
|
+
children: [/* @__PURE__ */ t(B, {
|
|
4017
4140
|
variant: "outline",
|
|
4018
4141
|
onClick: () => u(!1),
|
|
4019
4142
|
children: s
|
|
4020
|
-
}), /* @__PURE__ */ t(
|
|
4143
|
+
}), /* @__PURE__ */ t(B, {
|
|
4021
4144
|
variant: c === "danger" ? "destructive" : "primary",
|
|
4022
4145
|
onClick: () => u(!0),
|
|
4023
4146
|
children: o
|
|
4024
4147
|
})]
|
|
4025
4148
|
})]
|
|
4026
4149
|
});
|
|
4027
|
-
},
|
|
4150
|
+
}, er = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Kn, {
|
|
4028
4151
|
modalId: e,
|
|
4029
4152
|
title: i,
|
|
4030
4153
|
role: "alertdialog",
|
|
4031
4154
|
children: [/* @__PURE__ */ t("p", {
|
|
4032
|
-
className:
|
|
4155
|
+
className: Xn.message,
|
|
4033
4156
|
children: a
|
|
4034
4157
|
}), /* @__PURE__ */ t("div", {
|
|
4035
|
-
className:
|
|
4036
|
-
children: /* @__PURE__ */ t(
|
|
4158
|
+
className: Xn.actions,
|
|
4159
|
+
children: /* @__PURE__ */ t(B, {
|
|
4037
4160
|
onClick: r,
|
|
4038
4161
|
children: o
|
|
4039
4162
|
})
|
|
4040
4163
|
})]
|
|
4041
|
-
}),
|
|
4042
|
-
ConfirmModal:
|
|
4043
|
-
ErrorModal:
|
|
4044
|
-
}),
|
|
4045
|
-
let e =
|
|
4164
|
+
}), tr = Yn({
|
|
4165
|
+
ConfirmModal: $n,
|
|
4166
|
+
ErrorModal: er
|
|
4167
|
+
}), nr = () => {
|
|
4168
|
+
let e = Pn((e) => e.openModal);
|
|
4046
4169
|
return (t = {}) => new Promise((n) => {
|
|
4047
|
-
|
|
4048
|
-
let r = `confirm-${
|
|
4049
|
-
|
|
4170
|
+
Qn += 1;
|
|
4171
|
+
let r = `confirm-${Qn}`;
|
|
4172
|
+
Zn.set(r, n), e("ConfirmModal", {
|
|
4050
4173
|
...t,
|
|
4051
4174
|
requestId: r
|
|
4052
4175
|
}, {
|
|
4053
4176
|
closeOnEscape: !1,
|
|
4054
4177
|
onClose: () => {
|
|
4055
|
-
|
|
4178
|
+
Zn.get(r)?.(!1), Zn.delete(r);
|
|
4056
4179
|
}
|
|
4057
4180
|
});
|
|
4058
4181
|
});
|
|
4059
|
-
},
|
|
4060
|
-
let e =
|
|
4182
|
+
}, rr = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", ir = () => {
|
|
4183
|
+
let e = Pn((e) => e.openModal);
|
|
4061
4184
|
return { showError: (t, n) => e("ErrorModal", {
|
|
4062
4185
|
title: n,
|
|
4063
|
-
message:
|
|
4186
|
+
message: rr(t)
|
|
4064
4187
|
}) };
|
|
4065
|
-
},
|
|
4066
|
-
let e =
|
|
4188
|
+
}, ar = S(() => ({})), or = S(() => ({})), sr = () => {
|
|
4189
|
+
let e = Pn((e) => e.modals), t = Pn((e) => e.openModal), n = Pn((e) => e.closeModal), r = Pn((e) => e.closeTopModal), i = Pn((e) => e.closeAllModals), a = l((e, n = {}, r) => t(e, n, r), [t]), o = l((t) => e.some((e) => e.name === t), [e]);
|
|
4067
4190
|
return m(() => ({
|
|
4068
4191
|
openModal: a,
|
|
4069
4192
|
closeModal: n,
|
|
@@ -4079,7 +4202,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4079
4202
|
e.length,
|
|
4080
4203
|
a
|
|
4081
4204
|
]);
|
|
4082
|
-
},
|
|
4205
|
+
}, cr = {
|
|
4083
4206
|
layer: "_layer_2i8uw_1",
|
|
4084
4207
|
backdrop: "_backdrop_2i8uw_13",
|
|
4085
4208
|
panel: "_panel_2i8uw_27",
|
|
@@ -4099,16 +4222,16 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4099
4222
|
"enter-right": "_enter-right_2i8uw_1",
|
|
4100
4223
|
"enter-left": "_enter-left_2i8uw_1",
|
|
4101
4224
|
"enter-bottom": "_enter-bottom_2i8uw_1"
|
|
4102
|
-
},
|
|
4225
|
+
}, lr = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", ur = a(null), dr = (e) => {
|
|
4103
4226
|
if (e.key !== "Tab") return;
|
|
4104
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
4227
|
+
let t = Array.from(e.currentTarget.querySelectorAll(lr));
|
|
4105
4228
|
if (!t.length) {
|
|
4106
4229
|
e.preventDefault();
|
|
4107
4230
|
return;
|
|
4108
4231
|
}
|
|
4109
4232
|
let n = t[0], r = t.at(-1);
|
|
4110
4233
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
|
|
4111
|
-
},
|
|
4234
|
+
}, fr = () => u(ur), pr = ({ 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 = "" }) => {
|
|
4112
4235
|
let S = h(null), C = f(), w = f(), T = (e) => {
|
|
4113
4236
|
g || r(e);
|
|
4114
4237
|
};
|
|
@@ -4117,7 +4240,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4117
4240
|
let t = document.activeElement, n = b?.current, i = document.body.style.overflow;
|
|
4118
4241
|
document.body.style.overflow = "hidden";
|
|
4119
4242
|
let a = S.current;
|
|
4120
|
-
(y?.current ?? a?.querySelector(
|
|
4243
|
+
(y?.current ?? a?.querySelector(lr) ?? a)?.focus();
|
|
4121
4244
|
let o = (e) => {
|
|
4122
4245
|
e.key === "Escape" && p && !g && r("escape");
|
|
4123
4246
|
};
|
|
@@ -4132,29 +4255,29 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4132
4255
|
g,
|
|
4133
4256
|
b
|
|
4134
4257
|
]), !e || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
|
|
4135
|
-
className:
|
|
4258
|
+
className: cr.layer,
|
|
4136
4259
|
children: /* @__PURE__ */ t("div", {
|
|
4137
|
-
className:
|
|
4260
|
+
className: cr.backdrop,
|
|
4138
4261
|
onMouseDown: (e) => {
|
|
4139
4262
|
e.target === e.currentTarget && m && T("backdrop");
|
|
4140
4263
|
},
|
|
4141
|
-
children: /* @__PURE__ */ t(
|
|
4264
|
+
children: /* @__PURE__ */ t(ur.Provider, {
|
|
4142
4265
|
value: { requestClose: T },
|
|
4143
4266
|
children: /* @__PURE__ */ n("section", {
|
|
4144
4267
|
ref: S,
|
|
4145
|
-
className: `${
|
|
4268
|
+
className: `${cr.panel} ${cr[l]} ${cr[u]} ${x}`,
|
|
4146
4269
|
role: "dialog",
|
|
4147
4270
|
"aria-modal": "true",
|
|
4148
4271
|
"aria-labelledby": a ? C : void 0,
|
|
4149
4272
|
"aria-describedby": o ? w : void 0,
|
|
4150
4273
|
tabIndex: -1,
|
|
4151
|
-
onKeyDown:
|
|
4274
|
+
onKeyDown: dr,
|
|
4152
4275
|
children: [
|
|
4153
4276
|
/* @__PURE__ */ n("header", {
|
|
4154
|
-
className:
|
|
4277
|
+
className: cr.header,
|
|
4155
4278
|
children: [
|
|
4156
4279
|
/* @__PURE__ */ n("div", {
|
|
4157
|
-
className:
|
|
4280
|
+
className: cr.heading,
|
|
4158
4281
|
children: [a && /* @__PURE__ */ t("h2", {
|
|
4159
4282
|
id: C,
|
|
4160
4283
|
children: a
|
|
@@ -4164,10 +4287,10 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4164
4287
|
})]
|
|
4165
4288
|
}),
|
|
4166
4289
|
s && /* @__PURE__ */ t("div", {
|
|
4167
|
-
className:
|
|
4290
|
+
className: cr.headerActions,
|
|
4168
4291
|
children: s
|
|
4169
4292
|
}),
|
|
4170
|
-
/* @__PURE__ */ t(
|
|
4293
|
+
/* @__PURE__ */ t(B, {
|
|
4171
4294
|
variant: "empty",
|
|
4172
4295
|
size: "sm",
|
|
4173
4296
|
"aria-label": v,
|
|
@@ -4182,11 +4305,11 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4182
4305
|
]
|
|
4183
4306
|
}),
|
|
4184
4307
|
/* @__PURE__ */ t("div", {
|
|
4185
|
-
className:
|
|
4308
|
+
className: cr.content,
|
|
4186
4309
|
children: i
|
|
4187
4310
|
}),
|
|
4188
4311
|
c && /* @__PURE__ */ t("footer", {
|
|
4189
|
-
className:
|
|
4312
|
+
className: cr.footer,
|
|
4190
4313
|
children: c
|
|
4191
4314
|
})
|
|
4192
4315
|
]
|
|
@@ -4194,17 +4317,17 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4194
4317
|
})
|
|
4195
4318
|
})
|
|
4196
4319
|
}), document.body);
|
|
4197
|
-
},
|
|
4320
|
+
}, mr = ({ placement: e = "right", ...n }) => /* @__PURE__ */ t(pr, {
|
|
4198
4321
|
...n,
|
|
4199
4322
|
placement: e
|
|
4200
|
-
}),
|
|
4323
|
+
}), hr = (e) => /* @__PURE__ */ t(pr, {
|
|
4201
4324
|
...e,
|
|
4202
4325
|
placement: "bottom"
|
|
4203
|
-
}),
|
|
4326
|
+
}), gr = (e) => /* @__PURE__ */ t(pr, {
|
|
4204
4327
|
...e,
|
|
4205
4328
|
placement: "fullscreen",
|
|
4206
4329
|
size: "xl"
|
|
4207
|
-
}),
|
|
4330
|
+
}), _r = {
|
|
4208
4331
|
wrapper: "_wrapper_hpk6i_1",
|
|
4209
4332
|
container: "_container_hpk6i_15",
|
|
4210
4333
|
inner: "_inner_hpk6i_35",
|
|
@@ -4219,29 +4342,29 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4219
4342
|
empty: "_empty_hpk6i_153",
|
|
4220
4343
|
destructive: "_destructive_hpk6i_161",
|
|
4221
4344
|
destructiveOutline: "_destructiveOutline_hpk6i_169"
|
|
4222
|
-
},
|
|
4223
|
-
className:
|
|
4345
|
+
}, vr = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
4346
|
+
className: _r.wrapper,
|
|
4224
4347
|
children: /* @__PURE__ */ t("div", {
|
|
4225
|
-
className:
|
|
4348
|
+
className: _r.container,
|
|
4226
4349
|
children: /* @__PURE__ */ n("div", {
|
|
4227
|
-
className:
|
|
4350
|
+
className: _r.inner,
|
|
4228
4351
|
children: [
|
|
4229
4352
|
/* @__PURE__ */ t("div", {
|
|
4230
|
-
className:
|
|
4231
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
4353
|
+
className: _r.cube,
|
|
4354
|
+
children: /* @__PURE__ */ t("div", { className: `${_r.cube__inner} ${_r[e]}` })
|
|
4232
4355
|
}),
|
|
4233
4356
|
/* @__PURE__ */ t("div", {
|
|
4234
|
-
className:
|
|
4235
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
4357
|
+
className: _r.cube,
|
|
4358
|
+
children: /* @__PURE__ */ t("div", { className: `${_r.cube__inner} ${_r[e]}` })
|
|
4236
4359
|
}),
|
|
4237
4360
|
/* @__PURE__ */ t("div", {
|
|
4238
|
-
className:
|
|
4239
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
4361
|
+
className: _r.cube,
|
|
4362
|
+
children: /* @__PURE__ */ t("div", { className: `${_r.cube__inner} ${_r[e]}` })
|
|
4240
4363
|
})
|
|
4241
4364
|
]
|
|
4242
4365
|
})
|
|
4243
4366
|
})
|
|
4244
|
-
}),
|
|
4367
|
+
}), yr = {
|
|
4245
4368
|
viewport: "_viewport_22b73_1",
|
|
4246
4369
|
"top-right": "_top-right_22b73_21",
|
|
4247
4370
|
"top-left": "_top-left_22b73_31",
|
|
@@ -4257,12 +4380,12 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4257
4380
|
success: "_success_22b73_195",
|
|
4258
4381
|
warning: "_warning_22b73_203",
|
|
4259
4382
|
error: "_error_22b73_211"
|
|
4260
|
-
},
|
|
4383
|
+
}, br = {
|
|
4261
4384
|
info: "IconInfoCircle",
|
|
4262
4385
|
success: "IconSuccessCircle",
|
|
4263
4386
|
warning: "IconWarning",
|
|
4264
4387
|
error: "IconWarning"
|
|
4265
|
-
},
|
|
4388
|
+
}, xr = ({ toast: e, onClose: r }) => {
|
|
4266
4389
|
let [i, a] = g(!1), [o, s] = g(() => typeof document < "u" && document.hidden), c = h(e.duration), l = h(Date.now());
|
|
4267
4390
|
return d(() => {
|
|
4268
4391
|
if (i || o || e.duration <= 0) return;
|
|
@@ -4282,7 +4405,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4282
4405
|
let e = () => s(document.hidden);
|
|
4283
4406
|
return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
|
|
4284
4407
|
}, []), /* @__PURE__ */ n("article", {
|
|
4285
|
-
className: `${
|
|
4408
|
+
className: `${yr.toast} ${yr[e.variant]}`,
|
|
4286
4409
|
role: e.variant === "error" ? "alert" : "status",
|
|
4287
4410
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
4288
4411
|
onMouseEnter: () => a(!0),
|
|
@@ -4291,27 +4414,27 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4291
4414
|
onBlur: () => a(!1),
|
|
4292
4415
|
children: [
|
|
4293
4416
|
/* @__PURE__ */ t("div", {
|
|
4294
|
-
className:
|
|
4417
|
+
className: yr.icon,
|
|
4295
4418
|
"aria-hidden": "true",
|
|
4296
4419
|
children: /* @__PURE__ */ t(J, {
|
|
4297
|
-
name:
|
|
4420
|
+
name: br[e.variant],
|
|
4298
4421
|
color: "var(--ds-toast-accent)",
|
|
4299
4422
|
width: 20,
|
|
4300
4423
|
height: 20
|
|
4301
4424
|
})
|
|
4302
4425
|
}),
|
|
4303
4426
|
/* @__PURE__ */ n("div", {
|
|
4304
|
-
className:
|
|
4427
|
+
className: yr.body,
|
|
4305
4428
|
children: [
|
|
4306
4429
|
e.title && /* @__PURE__ */ t("strong", {
|
|
4307
|
-
className:
|
|
4430
|
+
className: yr.title,
|
|
4308
4431
|
children: e.title
|
|
4309
4432
|
}),
|
|
4310
4433
|
/* @__PURE__ */ t("div", {
|
|
4311
|
-
className:
|
|
4434
|
+
className: yr.message,
|
|
4312
4435
|
children: e.message
|
|
4313
4436
|
}),
|
|
4314
|
-
e.action && /* @__PURE__ */ t(
|
|
4437
|
+
e.action && /* @__PURE__ */ t(B, {
|
|
4315
4438
|
variant: "empty",
|
|
4316
4439
|
size: "sm",
|
|
4317
4440
|
onClick: () => {
|
|
@@ -4321,7 +4444,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4321
4444
|
})
|
|
4322
4445
|
]
|
|
4323
4446
|
}),
|
|
4324
|
-
e.closable && /* @__PURE__ */ t(
|
|
4447
|
+
e.closable && /* @__PURE__ */ t(B, {
|
|
4325
4448
|
variant: "empty",
|
|
4326
4449
|
size: "sm",
|
|
4327
4450
|
"aria-label": "Закрыть уведомление",
|
|
@@ -4334,15 +4457,15 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4334
4457
|
})
|
|
4335
4458
|
]
|
|
4336
4459
|
});
|
|
4337
|
-
},
|
|
4460
|
+
}, Sr = 0, Cr = S((e, t) => ({
|
|
4338
4461
|
toasts: [],
|
|
4339
4462
|
showToast: (n) => {
|
|
4340
4463
|
if (n.dedupeKey) {
|
|
4341
4464
|
let e = t().toasts.find((e) => e.dedupeKey === n.dedupeKey);
|
|
4342
4465
|
if (e) return e.id;
|
|
4343
4466
|
}
|
|
4344
|
-
|
|
4345
|
-
let r = `ds-toast-${
|
|
4467
|
+
Sr += 1;
|
|
4468
|
+
let r = `ds-toast-${Sr}`;
|
|
4346
4469
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
4347
4470
|
variant: "info",
|
|
4348
4471
|
duration: 5e3,
|
|
@@ -4353,18 +4476,18 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4353
4476
|
},
|
|
4354
4477
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
4355
4478
|
clearToasts: () => e({ toasts: [] })
|
|
4356
|
-
})),
|
|
4357
|
-
let r =
|
|
4479
|
+
})), wr = () => Cr.setState({ toasts: [] }), Tr = ({ position: e = "top-right", maxVisible: n }) => {
|
|
4480
|
+
let r = Cr((e) => e.toasts), i = Cr((e) => e.removeToast), a = n === void 0 ? r : r.slice(0, Math.max(0, Math.floor(n)));
|
|
4358
4481
|
return /* @__PURE__ */ t("div", {
|
|
4359
|
-
className: `${
|
|
4482
|
+
className: `${yr.viewport} ${yr[e]}`,
|
|
4360
4483
|
"aria-label": "Уведомления",
|
|
4361
|
-
children: a.map((e) => /* @__PURE__ */ t(
|
|
4484
|
+
children: a.map((e) => /* @__PURE__ */ t(xr, {
|
|
4362
4485
|
toast: e,
|
|
4363
4486
|
onClose: i
|
|
4364
4487
|
}, e.id))
|
|
4365
4488
|
});
|
|
4366
|
-
},
|
|
4367
|
-
let e =
|
|
4489
|
+
}, Er = () => {
|
|
4490
|
+
let e = Cr((e) => e.showToast), t = Cr((e) => e.removeToast), n = Cr((e) => e.clearToasts), r = l((t) => e({
|
|
4368
4491
|
...t,
|
|
4369
4492
|
variant: "info"
|
|
4370
4493
|
}), [e]), i = l((t) => e({
|
|
@@ -4394,96 +4517,117 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4394
4517
|
i,
|
|
4395
4518
|
a
|
|
4396
4519
|
]);
|
|
4397
|
-
},
|
|
4398
|
-
root: "_root_1pa4z_1",
|
|
4399
|
-
tooltip: "_tooltip_1pa4z_11",
|
|
4400
|
-
"ds-tooltip-in": "_ds-tooltip-in_1pa4z_1"
|
|
4401
|
-
}, Tr = 8, Er = 16, Dr = {
|
|
4520
|
+
}, Dr = 8, Or = 16, kr = {
|
|
4402
4521
|
top: "bottom",
|
|
4403
4522
|
right: "left",
|
|
4404
4523
|
bottom: "top",
|
|
4405
4524
|
left: "right"
|
|
4406
|
-
},
|
|
4407
|
-
|
|
4408
|
-
|
|
4409
|
-
|
|
4410
|
-
|
|
4411
|
-
|
|
4525
|
+
}, Ar = (e, t, n, r) => e === "top" ? t.top >= n.height + Dr + Or : e === "bottom" ? r.height - t.bottom >= n.height + Dr + Or : e === "left" ? t.left >= n.width + Dr + Or : r.width - t.right >= n.width + Dr + Or, jr = (e, t, n) => n && t ? {
|
|
4526
|
+
top: t.y,
|
|
4527
|
+
right: t.x,
|
|
4528
|
+
bottom: t.y,
|
|
4529
|
+
left: t.x,
|
|
4530
|
+
width: 0,
|
|
4531
|
+
height: 0
|
|
4532
|
+
} : e, Mr = (e, t, n, r) => {
|
|
4533
|
+
if (!(t.bottom > 0 && t.right > 0 && t.top < r.height && t.left < r.width)) return null;
|
|
4534
|
+
let i = Ar(e, t, n, r) ? e : Ar(kr[e], t, n, r) ? kr[e] : e, a = t.left + (t.width - n.width) / 2, o = t.top + (t.height - n.height) / 2;
|
|
4535
|
+
return i === "top" && (o = t.top - n.height - Dr), i === "bottom" && (o = t.bottom + Dr), i === "left" && (a = t.left - n.width - Dr), i === "right" && (a = t.right + Dr), a = Math.min(Math.max(a, Or), Math.max(Or, r.width - n.width - Or)), o = Math.min(Math.max(o, Or), Math.max(Or, r.height - n.height - Or)), {
|
|
4536
|
+
left: a,
|
|
4537
|
+
top: o,
|
|
4412
4538
|
visibility: "visible"
|
|
4413
4539
|
};
|
|
4414
|
-
},
|
|
4415
|
-
|
|
4416
|
-
|
|
4417
|
-
|
|
4418
|
-
|
|
4540
|
+
}, Nr = {
|
|
4541
|
+
root: "_root_1pa4z_1",
|
|
4542
|
+
tooltip: "_tooltip_1pa4z_11",
|
|
4543
|
+
"ds-tooltip-in": "_ds-tooltip-in_1pa4z_1"
|
|
4544
|
+
}, Pr = ({ content: e, children: r, placement: a = "top", followCursor: o = !1, delay: s = 450, disabled: u = !1, maxWidth: p = 280, className: m = "" }) => {
|
|
4545
|
+
let _ = f(), [v, y] = g(!1), [b, x] = g({ visibility: "hidden" }), [S, C] = g(null), w = h(null), T = h(null), E = h(null), D = h(() => void 0), O = l(() => {
|
|
4546
|
+
w.current && clearTimeout(w.current), w.current = null, y(!1);
|
|
4547
|
+
}, []), k = l(() => {
|
|
4548
|
+
u || !e || (w.current && clearTimeout(w.current), w.current = setTimeout(() => y(!0), s));
|
|
4419
4549
|
}, [
|
|
4420
4550
|
e,
|
|
4421
|
-
|
|
4422
|
-
|
|
4551
|
+
s,
|
|
4552
|
+
u
|
|
4423
4553
|
]);
|
|
4424
4554
|
if (d(() => {
|
|
4425
|
-
if (!
|
|
4426
|
-
|
|
4555
|
+
if (!v) {
|
|
4556
|
+
x({ visibility: "hidden" });
|
|
4427
4557
|
return;
|
|
4428
4558
|
}
|
|
4429
4559
|
let e = () => {
|
|
4430
|
-
let e =
|
|
4431
|
-
if (!e || !
|
|
4432
|
-
let t =
|
|
4560
|
+
let e = T.current;
|
|
4561
|
+
if (!e || !S) return;
|
|
4562
|
+
let t = Mr(a, jr(e.getBoundingClientRect(), E.current, o), S.getBoundingClientRect(), {
|
|
4563
|
+
width: window.innerWidth,
|
|
4564
|
+
height: window.innerHeight
|
|
4565
|
+
});
|
|
4433
4566
|
if (!t) {
|
|
4434
|
-
|
|
4567
|
+
O();
|
|
4435
4568
|
return;
|
|
4436
4569
|
}
|
|
4437
|
-
|
|
4570
|
+
x(t);
|
|
4438
4571
|
};
|
|
4439
|
-
e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0);
|
|
4572
|
+
D.current = e, e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0);
|
|
4440
4573
|
let t = typeof ResizeObserver > "u" ? null : new ResizeObserver(e);
|
|
4441
|
-
return
|
|
4442
|
-
window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0), t?.disconnect();
|
|
4574
|
+
return T.current && t?.observe(T.current), S && t?.observe(S), () => {
|
|
4575
|
+
D.current = () => void 0, window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0), t?.disconnect();
|
|
4443
4576
|
};
|
|
4444
4577
|
}, [
|
|
4445
|
-
|
|
4446
|
-
|
|
4578
|
+
o,
|
|
4579
|
+
O,
|
|
4580
|
+
v,
|
|
4447
4581
|
a,
|
|
4448
|
-
|
|
4582
|
+
S
|
|
4449
4583
|
]), d(() => {
|
|
4450
4584
|
let e = (e) => {
|
|
4451
|
-
e.key === "Escape" &&
|
|
4585
|
+
e.key === "Escape" && O();
|
|
4452
4586
|
};
|
|
4453
4587
|
return document.addEventListener("keydown", e), () => {
|
|
4454
|
-
document.removeEventListener("keydown", e),
|
|
4588
|
+
document.removeEventListener("keydown", e), w.current && clearTimeout(w.current);
|
|
4455
4589
|
};
|
|
4456
|
-
}, [
|
|
4457
|
-
let
|
|
4458
|
-
...
|
|
4459
|
-
"--ds-tooltip-max-width": typeof
|
|
4460
|
-
},
|
|
4461
|
-
"aria-describedby":
|
|
4462
|
-
onMouseEnter:
|
|
4463
|
-
onMouseLeave:
|
|
4464
|
-
|
|
4465
|
-
|
|
4590
|
+
}, [O]), !c(r)) return r;
|
|
4591
|
+
let A = {
|
|
4592
|
+
...b,
|
|
4593
|
+
"--ds-tooltip-max-width": typeof p == "number" ? `${p}px` : p
|
|
4594
|
+
}, j = i(r, {
|
|
4595
|
+
"aria-describedby": v ? _ : void 0,
|
|
4596
|
+
onMouseEnter: k,
|
|
4597
|
+
onMouseLeave: () => {
|
|
4598
|
+
E.current = null, O();
|
|
4599
|
+
},
|
|
4600
|
+
onFocus: () => {
|
|
4601
|
+
E.current = null, k();
|
|
4602
|
+
},
|
|
4603
|
+
onBlur: O
|
|
4466
4604
|
});
|
|
4467
4605
|
return /* @__PURE__ */ n("span", {
|
|
4468
|
-
ref:
|
|
4469
|
-
className: `${
|
|
4470
|
-
onPointerDown:
|
|
4471
|
-
|
|
4472
|
-
|
|
4473
|
-
|
|
4606
|
+
ref: T,
|
|
4607
|
+
className: `${Nr.root} ${m}`,
|
|
4608
|
+
onPointerDown: v ? O : k,
|
|
4609
|
+
onPointerMove: (e) => {
|
|
4610
|
+
o && (E.current = {
|
|
4611
|
+
x: e.clientX,
|
|
4612
|
+
y: e.clientY
|
|
4613
|
+
}, v && D.current());
|
|
4614
|
+
},
|
|
4615
|
+
children: [j, v && /* @__PURE__ */ t(En, { children: /* @__PURE__ */ t("span", {
|
|
4616
|
+
ref: C,
|
|
4617
|
+
id: _,
|
|
4474
4618
|
role: "tooltip",
|
|
4475
|
-
className:
|
|
4476
|
-
style:
|
|
4619
|
+
className: Nr.tooltip,
|
|
4620
|
+
style: A,
|
|
4477
4621
|
children: e
|
|
4478
4622
|
}) })]
|
|
4479
4623
|
});
|
|
4480
|
-
},
|
|
4624
|
+
}, Fr = {
|
|
4481
4625
|
root: "_root_bs28m_1",
|
|
4482
4626
|
tabList: "_tabList_bs28m_11",
|
|
4483
4627
|
tab: "_tab_bs28m_11",
|
|
4484
4628
|
panels: "_panels_bs28m_127",
|
|
4485
4629
|
panel: "_panel_bs28m_127"
|
|
4486
|
-
},
|
|
4630
|
+
}, Ir = ({ items: e, value: r, onChange: i, ariaLabel: a = "Вкладки", disabled: o = !1, loading: s = !1, className: c = "" }) => {
|
|
4487
4631
|
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) => {
|
|
4488
4632
|
let n = e[t];
|
|
4489
4633
|
!n || n.disabled || d || (i(n.id), u.current[t]?.focus(), u.current[t]?.scrollIntoView({
|
|
@@ -4513,10 +4657,10 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4513
4657
|
t.preventDefault(), _(a);
|
|
4514
4658
|
};
|
|
4515
4659
|
return /* @__PURE__ */ n("div", {
|
|
4516
|
-
className: `${
|
|
4660
|
+
className: `${Fr.root} ${c}`,
|
|
4517
4661
|
"aria-busy": s || void 0,
|
|
4518
4662
|
children: [/* @__PURE__ */ t("div", {
|
|
4519
|
-
className:
|
|
4663
|
+
className: Fr.tabList,
|
|
4520
4664
|
role: "tablist",
|
|
4521
4665
|
"aria-label": a,
|
|
4522
4666
|
"aria-orientation": "horizontal",
|
|
@@ -4528,7 +4672,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4528
4672
|
u.current[n] = e;
|
|
4529
4673
|
},
|
|
4530
4674
|
id: a,
|
|
4531
|
-
className:
|
|
4675
|
+
className: Fr.tab,
|
|
4532
4676
|
type: "button",
|
|
4533
4677
|
role: "tab",
|
|
4534
4678
|
"aria-selected": i,
|
|
@@ -4541,12 +4685,12 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4541
4685
|
}, e.id);
|
|
4542
4686
|
})
|
|
4543
4687
|
}), /* @__PURE__ */ t("div", {
|
|
4544
|
-
className:
|
|
4688
|
+
className: Fr.panels,
|
|
4545
4689
|
children: e.map((e, n) => {
|
|
4546
4690
|
let i = e.id === r;
|
|
4547
4691
|
return /* @__PURE__ */ t("div", {
|
|
4548
4692
|
id: `${l}-panel-${n}`,
|
|
4549
|
-
className:
|
|
4693
|
+
className: Fr.panel,
|
|
4550
4694
|
role: "tabpanel",
|
|
4551
4695
|
"aria-labelledby": `${l}-tab-${n}`,
|
|
4552
4696
|
tabIndex: 0,
|
|
@@ -4556,7 +4700,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4556
4700
|
})
|
|
4557
4701
|
})]
|
|
4558
4702
|
});
|
|
4559
|
-
},
|
|
4703
|
+
}, Lr = (e) => {
|
|
4560
4704
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
4561
4705
|
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")}`;
|
|
4562
4706
|
return n ? `${n}:${a}` : a;
|
|
@@ -4589,24 +4733,24 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4589
4733
|
settingsActionLabel: "_settingsActionLabel_m0ykf_693",
|
|
4590
4734
|
caption: "_caption_m0ykf_705",
|
|
4591
4735
|
fullscreen: "_fullscreen_m0ykf_719"
|
|
4592
|
-
},
|
|
4736
|
+
}, Rr = 2500, zr = 5, Br = .05, Vr = [
|
|
4593
4737
|
.5,
|
|
4594
4738
|
.75,
|
|
4595
4739
|
1,
|
|
4596
4740
|
1.25,
|
|
4597
4741
|
1.5,
|
|
4598
4742
|
2
|
|
4599
|
-
],
|
|
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,
|
|
4743
|
+
], Hr = ({ 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 }) => {
|
|
4744
|
+
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, te] = g(1), [V, ne] = g(!!v.muted), [H, U] = g(1), [re, W] = g(!!v.loop), [ie, ae] = g(-1), [oe, se] = g(!1), [ce, G] = g(!0), [le, ue] = g(!1), [de, fe] = g(!1), pe = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), me = i.map((e, t) => ({
|
|
4601
4745
|
track: e,
|
|
4602
4746
|
index: t
|
|
4603
|
-
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"),
|
|
4604
|
-
|
|
4747
|
+
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), he = u ?? (C ? "Не удалось воспроизвести видео" : void 0), K = c || T && !he && r.length > 0, ge = !K && !he && r.length === 0, _e = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, ve = l(() => {
|
|
4748
|
+
G(!0), window.clearTimeout(S.current), k && !oe && (S.current = window.setTimeout(() => G(!1), Rr));
|
|
4605
4749
|
}, [k, oe]);
|
|
4606
4750
|
d(() => {
|
|
4607
4751
|
w(!1), E(r.length > 0), O(!1), A(!1), M(!1), P(0), I(0), R(0);
|
|
4608
4752
|
}, [pe, r.length]), d(() => (ve(), () => window.clearTimeout(S.current)), [ve]), d(() => {
|
|
4609
|
-
let e = () =>
|
|
4753
|
+
let e = () => ue(document.fullscreenElement === b.current), t = () => fe(document.pictureInPictureElement === x.current);
|
|
4610
4754
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
4611
4755
|
document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
|
|
4612
4756
|
};
|
|
@@ -4619,7 +4763,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4619
4763
|
}, [oe]);
|
|
4620
4764
|
let ye = async () => {
|
|
4621
4765
|
let e = x.current;
|
|
4622
|
-
if (!(!e ||
|
|
4766
|
+
if (!(!e || he || K)) {
|
|
4623
4767
|
if (e.paused || e.ended) {
|
|
4624
4768
|
e.ended && (e.currentTime = 0);
|
|
4625
4769
|
try {
|
|
@@ -4642,7 +4786,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4642
4786
|
if (b.current) try {
|
|
4643
4787
|
document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
|
|
4644
4788
|
} catch {
|
|
4645
|
-
|
|
4789
|
+
ue(!1);
|
|
4646
4790
|
}
|
|
4647
4791
|
}, we = async () => {
|
|
4648
4792
|
let e = x.current;
|
|
@@ -4660,7 +4804,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4660
4804
|
let t = e.target;
|
|
4661
4805
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
4662
4806
|
let n = e.key.toLowerCase();
|
|
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" ?
|
|
4807
|
+
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" ? zr : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), xe(z + (e.key === "ArrowUp" ? Br : -.05))) : e.key === "Escape" && se(!1), ve();
|
|
4664
4808
|
}, De = () => {
|
|
4665
4809
|
let e = x.current;
|
|
4666
4810
|
w(!1), E(!0), e?.load();
|
|
@@ -4674,15 +4818,15 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4674
4818
|
onKeyDown: Ee,
|
|
4675
4819
|
children: [/* @__PURE__ */ n("div", {
|
|
4676
4820
|
ref: b,
|
|
4677
|
-
className: `${$.frame} ${
|
|
4821
|
+
className: `${$.frame} ${le ? $.fullscreen : ""}`,
|
|
4678
4822
|
style: { aspectRatio: o },
|
|
4679
|
-
"aria-busy":
|
|
4823
|
+
"aria-busy": K || void 0,
|
|
4680
4824
|
tabIndex: m && r.length ? 0 : void 0,
|
|
4681
4825
|
onPointerMove: ve,
|
|
4682
4826
|
onPointerDown: ve,
|
|
4683
4827
|
onFocusCapture: ve,
|
|
4684
4828
|
onMouseLeave: () => {
|
|
4685
|
-
k && !oe &&
|
|
4829
|
+
k && !oe && G(!1);
|
|
4686
4830
|
},
|
|
4687
4831
|
children: [
|
|
4688
4832
|
r.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -4691,7 +4835,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4691
4835
|
"aria-label": a,
|
|
4692
4836
|
controls: !1,
|
|
4693
4837
|
playsInline: _,
|
|
4694
|
-
loop:
|
|
4838
|
+
loop: re,
|
|
4695
4839
|
className: $.video,
|
|
4696
4840
|
style: { objectFit: s },
|
|
4697
4841
|
onClick: (e) => {
|
|
@@ -4737,20 +4881,20 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4737
4881
|
A(!1), v.onPause?.(e);
|
|
4738
4882
|
},
|
|
4739
4883
|
onEnded: (e) => {
|
|
4740
|
-
A(!1), M(!0),
|
|
4884
|
+
A(!1), M(!0), G(!0), v.onEnded?.(e);
|
|
4741
4885
|
},
|
|
4742
4886
|
onVolumeChange: (e) => {
|
|
4743
|
-
|
|
4887
|
+
te(e.currentTarget.volume), ne(e.currentTarget.muted), v.onVolumeChange?.(e);
|
|
4744
4888
|
},
|
|
4745
4889
|
onRateChange: (e) => {
|
|
4746
|
-
|
|
4890
|
+
U(e.currentTarget.playbackRate), v.onRateChange?.(e);
|
|
4747
4891
|
},
|
|
4748
4892
|
onError: (e) => {
|
|
4749
4893
|
E(!1), O(!1), w(!0), v.onError?.(e);
|
|
4750
4894
|
},
|
|
4751
4895
|
children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
4752
4896
|
}),
|
|
4753
|
-
|
|
4897
|
+
K && /* @__PURE__ */ n("div", {
|
|
4754
4898
|
className: $.overlay,
|
|
4755
4899
|
role: "status",
|
|
4756
4900
|
"aria-live": "polite",
|
|
@@ -4759,11 +4903,11 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4759
4903
|
"aria-hidden": "true",
|
|
4760
4904
|
children: /* @__PURE__ */ t("div", {
|
|
4761
4905
|
className: $.loaderScale,
|
|
4762
|
-
children: /* @__PURE__ */ t(
|
|
4906
|
+
children: /* @__PURE__ */ t(vr, {})
|
|
4763
4907
|
})
|
|
4764
4908
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
4765
4909
|
}),
|
|
4766
|
-
!
|
|
4910
|
+
!K && D && !he && /* @__PURE__ */ t("div", {
|
|
4767
4911
|
className: $.buffering,
|
|
4768
4912
|
role: "status",
|
|
4769
4913
|
"aria-label": "Буферизация видео",
|
|
@@ -4783,7 +4927,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4783
4927
|
f ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
|
|
4784
4928
|
]
|
|
4785
4929
|
}),
|
|
4786
|
-
!
|
|
4930
|
+
!K && he && /* @__PURE__ */ n("div", {
|
|
4787
4931
|
className: `${$.state} ${$.error}`,
|
|
4788
4932
|
role: "alert",
|
|
4789
4933
|
children: [
|
|
@@ -4793,8 +4937,8 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4793
4937
|
width: 40,
|
|
4794
4938
|
height: 40
|
|
4795
4939
|
}),
|
|
4796
|
-
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children:
|
|
4797
|
-
r.length > 0 && /* @__PURE__ */ t(
|
|
4940
|
+
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: he })] }),
|
|
4941
|
+
r.length > 0 && /* @__PURE__ */ t(B, {
|
|
4798
4942
|
size: "sm",
|
|
4799
4943
|
variant: "secondary",
|
|
4800
4944
|
onClick: De,
|
|
@@ -4802,7 +4946,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4802
4946
|
})
|
|
4803
4947
|
]
|
|
4804
4948
|
}),
|
|
4805
|
-
!
|
|
4949
|
+
!K && !he && j && /* @__PURE__ */ t("button", {
|
|
4806
4950
|
type: "button",
|
|
4807
4951
|
className: $.replay,
|
|
4808
4952
|
"aria-label": "Воспроизвести заново",
|
|
@@ -4813,7 +4957,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4813
4957
|
height: 28
|
|
4814
4958
|
})
|
|
4815
4959
|
}),
|
|
4816
|
-
m && r.length > 0 && !
|
|
4960
|
+
m && r.length > 0 && !K && !he && /* @__PURE__ */ n("div", {
|
|
4817
4961
|
className: `${$.controlsLayer} ${ce || !k ? $.controlsVisible : ""}`,
|
|
4818
4962
|
onClick: (e) => e.stopPropagation(),
|
|
4819
4963
|
children: [oe && /* @__PURE__ */ n("div", {
|
|
@@ -4822,12 +4966,12 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4822
4966
|
"aria-label": "Настройки видео",
|
|
4823
4967
|
children: [
|
|
4824
4968
|
/* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Скорость" }), /* @__PURE__ */ t("select", {
|
|
4825
|
-
value:
|
|
4969
|
+
value: H,
|
|
4826
4970
|
onChange: (e) => {
|
|
4827
4971
|
let t = Number(e.target.value);
|
|
4828
4972
|
x.current && (x.current.playbackRate = t);
|
|
4829
4973
|
},
|
|
4830
|
-
children:
|
|
4974
|
+
children: Vr.map((e) => /* @__PURE__ */ n("option", {
|
|
4831
4975
|
value: e,
|
|
4832
4976
|
children: [e, "×"]
|
|
4833
4977
|
}, e))
|
|
@@ -4846,9 +4990,9 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4846
4990
|
/* @__PURE__ */ n("button", {
|
|
4847
4991
|
type: "button",
|
|
4848
4992
|
className: $.settingsAction,
|
|
4849
|
-
"aria-pressed":
|
|
4850
|
-
onClick: () =>
|
|
4851
|
-
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children:
|
|
4993
|
+
"aria-pressed": re,
|
|
4994
|
+
onClick: () => W((e) => !e),
|
|
4995
|
+
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: re ? "Вкл." : "Выкл." })]
|
|
4852
4996
|
}),
|
|
4853
4997
|
_e && /* @__PURE__ */ t("button", {
|
|
4854
4998
|
type: "button",
|
|
@@ -4888,12 +5032,12 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4888
5032
|
children: [/* @__PURE__ */ t("button", {
|
|
4889
5033
|
type: "button",
|
|
4890
5034
|
className: $.controlButton,
|
|
4891
|
-
"aria-label":
|
|
4892
|
-
"aria-pressed":
|
|
5035
|
+
"aria-label": V ? "Включить звук" : "Выключить звук",
|
|
5036
|
+
"aria-pressed": V,
|
|
4893
5037
|
title: "Звук (M)",
|
|
4894
5038
|
onClick: be,
|
|
4895
5039
|
children: /* @__PURE__ */ t(J, {
|
|
4896
|
-
name:
|
|
5040
|
+
name: V || z === 0 ? "IconVolumeMuted" : "IconVolume",
|
|
4897
5041
|
width: 22,
|
|
4898
5042
|
height: 22
|
|
4899
5043
|
})
|
|
@@ -4903,9 +5047,9 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4903
5047
|
min: 0,
|
|
4904
5048
|
max: 1,
|
|
4905
5049
|
step: .05,
|
|
4906
|
-
value:
|
|
5050
|
+
value: V ? 0 : z,
|
|
4907
5051
|
"aria-label": "Громкость",
|
|
4908
|
-
"aria-valuetext": `${Math.round((
|
|
5052
|
+
"aria-valuetext": `${Math.round((V ? 0 : z) * 100)}%`,
|
|
4909
5053
|
onChange: (e) => xe(Number(e.target.value))
|
|
4910
5054
|
})]
|
|
4911
5055
|
}),
|
|
@@ -4914,7 +5058,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4914
5058
|
children: [
|
|
4915
5059
|
/* @__PURE__ */ t("span", {
|
|
4916
5060
|
className: $.time,
|
|
4917
|
-
children:
|
|
5061
|
+
children: Lr(N)
|
|
4918
5062
|
}),
|
|
4919
5063
|
/* @__PURE__ */ t("input", {
|
|
4920
5064
|
className: $.timeline,
|
|
@@ -4925,12 +5069,12 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4925
5069
|
step: .01,
|
|
4926
5070
|
value: Math.min(N, F || 0),
|
|
4927
5071
|
"aria-label": "Позиция воспроизведения",
|
|
4928
|
-
"aria-valuetext": `${
|
|
5072
|
+
"aria-valuetext": `${Lr(N)} из ${Lr(F)}`,
|
|
4929
5073
|
onChange: (e) => Se(Number(e.target.value))
|
|
4930
5074
|
}),
|
|
4931
5075
|
/* @__PURE__ */ t("span", {
|
|
4932
5076
|
className: $.time,
|
|
4933
|
-
children:
|
|
5077
|
+
children: Lr(F)
|
|
4934
5078
|
})
|
|
4935
5079
|
]
|
|
4936
5080
|
}),
|
|
@@ -4951,11 +5095,11 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4951
5095
|
}), /* @__PURE__ */ t("button", {
|
|
4952
5096
|
type: "button",
|
|
4953
5097
|
className: $.controlButton,
|
|
4954
|
-
"aria-label":
|
|
5098
|
+
"aria-label": le ? "Выйти из полноэкранного режима" : "Полноэкранный режим",
|
|
4955
5099
|
title: "Полноэкранный режим (F)",
|
|
4956
5100
|
onClick: () => void Ce(),
|
|
4957
5101
|
children: /* @__PURE__ */ t(J, {
|
|
4958
|
-
name:
|
|
5102
|
+
name: le ? "IconFullscreenExit" : "IconFullscreen",
|
|
4959
5103
|
width: 22,
|
|
4960
5104
|
height: 22
|
|
4961
5105
|
})
|
|
@@ -4970,109 +5114,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
4970
5114
|
children: a
|
|
4971
5115
|
})]
|
|
4972
5116
|
});
|
|
4973
|
-
},
|
|
4974
|
-
root: "_root_ymidq_1",
|
|
4975
|
-
trigger: "_trigger_ymidq_15",
|
|
4976
|
-
heading: "_heading_ymidq_41",
|
|
4977
|
-
title: "_title_ymidq_51",
|
|
4978
|
-
subtitle: "_subtitle_ymidq_59",
|
|
4979
|
-
icon: "_icon_ymidq_69",
|
|
4980
|
-
open: "_open_ymidq_91",
|
|
4981
|
-
content: "_content_ymidq_99",
|
|
4982
|
-
contentInner: "_contentInner_ymidq_119"
|
|
4983
|
-
}, Br = (e, t, n, r = 16) => {
|
|
4984
|
-
if (t > Math.max(0, n - r * 2)) {
|
|
4985
|
-
let t = e - r;
|
|
4986
|
-
return Math.abs(t) <= 1 ? {
|
|
4987
|
-
alignment: "none",
|
|
4988
|
-
delta: 0
|
|
4989
|
-
} : {
|
|
4990
|
-
alignment: "start",
|
|
4991
|
-
delta: t
|
|
4992
|
-
};
|
|
4993
|
-
}
|
|
4994
|
-
let i = e + t, a = n - r;
|
|
4995
|
-
return i > a ? {
|
|
4996
|
-
alignment: "end",
|
|
4997
|
-
delta: i - a
|
|
4998
|
-
} : e < r ? {
|
|
4999
|
-
alignment: "start",
|
|
5000
|
-
delta: e - r
|
|
5001
|
-
} : {
|
|
5002
|
-
alignment: "none",
|
|
5003
|
-
delta: 0
|
|
5004
|
-
};
|
|
5005
|
-
}, Vr = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: u = "" }) => {
|
|
5006
|
-
let p = f(), [m, _] = g(a), v = o ?? m, y = h(null), b = h(null), x = h(v);
|
|
5007
|
-
return d(() => {
|
|
5008
|
-
let e = x.current;
|
|
5009
|
-
if (x.current = v, !v || e || !c) return;
|
|
5010
|
-
let t = y.current, n = b.current;
|
|
5011
|
-
if (!t || !n || typeof window > "u") return;
|
|
5012
|
-
let r = !1, i = () => {
|
|
5013
|
-
if (r) return;
|
|
5014
|
-
r = !0;
|
|
5015
|
-
let e = t.getBoundingClientRect(), n = Br(e.top, e.height, window.innerHeight, l);
|
|
5016
|
-
if (n.alignment === "none") return;
|
|
5017
|
-
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
5018
|
-
window.scrollBy({
|
|
5019
|
-
top: n.delta,
|
|
5020
|
-
behavior: i ? "auto" : "smooth"
|
|
5021
|
-
});
|
|
5022
|
-
}, a = (e) => {
|
|
5023
|
-
e.target === n && e.propertyName === "grid-template-rows" && i();
|
|
5024
|
-
};
|
|
5025
|
-
n.addEventListener("transitionend", a);
|
|
5026
|
-
let o = window.setTimeout(i, 280);
|
|
5027
|
-
return () => {
|
|
5028
|
-
n.removeEventListener("transitionend", a), window.clearTimeout(o);
|
|
5029
|
-
};
|
|
5030
|
-
}, [
|
|
5031
|
-
c,
|
|
5032
|
-
v,
|
|
5033
|
-
l
|
|
5034
|
-
]), /* @__PURE__ */ n("section", {
|
|
5035
|
-
ref: y,
|
|
5036
|
-
className: `${zr.root} ${v ? zr.open : ""} ${u}`,
|
|
5037
|
-
children: [/* @__PURE__ */ n("button", {
|
|
5038
|
-
type: "button",
|
|
5039
|
-
className: zr.trigger,
|
|
5040
|
-
"aria-expanded": v,
|
|
5041
|
-
"aria-controls": p,
|
|
5042
|
-
onClick: () => {
|
|
5043
|
-
let e = !v;
|
|
5044
|
-
o === void 0 && _(e), s?.(e);
|
|
5045
|
-
},
|
|
5046
|
-
children: [/* @__PURE__ */ n("span", {
|
|
5047
|
-
className: zr.heading,
|
|
5048
|
-
children: [/* @__PURE__ */ t("span", {
|
|
5049
|
-
className: zr.title,
|
|
5050
|
-
children: e
|
|
5051
|
-
}), r && /* @__PURE__ */ t("span", {
|
|
5052
|
-
className: zr.subtitle,
|
|
5053
|
-
children: r
|
|
5054
|
-
})]
|
|
5055
|
-
}), /* @__PURE__ */ t("span", {
|
|
5056
|
-
className: zr.icon,
|
|
5057
|
-
"aria-hidden": "true",
|
|
5058
|
-
children: /* @__PURE__ */ t(J, {
|
|
5059
|
-
name: "IconChevron",
|
|
5060
|
-
width: 20,
|
|
5061
|
-
height: 20
|
|
5062
|
-
})
|
|
5063
|
-
})]
|
|
5064
|
-
}), /* @__PURE__ */ t("div", {
|
|
5065
|
-
ref: b,
|
|
5066
|
-
id: p,
|
|
5067
|
-
className: zr.content,
|
|
5068
|
-
"aria-hidden": !v,
|
|
5069
|
-
children: /* @__PURE__ */ t("div", {
|
|
5070
|
-
className: zr.contentInner,
|
|
5071
|
-
children: i
|
|
5072
|
-
})
|
|
5073
|
-
})]
|
|
5074
|
-
});
|
|
5075
|
-
}, Hr = {
|
|
5117
|
+
}, Ur = {
|
|
5076
5118
|
root: "_root_14ewt_1",
|
|
5077
5119
|
topSlot: "_topSlot_14ewt_29",
|
|
5078
5120
|
searchSlot: "_searchSlot_14ewt_31",
|
|
@@ -5090,14 +5132,14 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5090
5132
|
description: "_description_14ewt_235",
|
|
5091
5133
|
badge: "_badge_14ewt_269",
|
|
5092
5134
|
empty: "_empty_14ewt_281"
|
|
5093
|
-
},
|
|
5135
|
+
}, Wr = (e, t, n) => {
|
|
5094
5136
|
if (e.length === 0) return -1;
|
|
5095
5137
|
for (let r = 1; r <= e.length; r += 1) {
|
|
5096
5138
|
let i = (t + n * r + e.length) % e.length;
|
|
5097
5139
|
if (!e[i]?.disabled) return i;
|
|
5098
5140
|
}
|
|
5099
5141
|
return -1;
|
|
5100
|
-
},
|
|
5142
|
+
}, Gr = ({ groups: r, currentItemId: i, ariaLabel: a = "Основная навигация", searchSlot: o, topSlot: s, bottomSlot: c, emptyState: l, renderLink: u, onItemSelect: d, className: p = "" }) => {
|
|
5101
5143
|
let m = f(), g = h(null), _ = h({
|
|
5102
5144
|
value: "",
|
|
5103
5145
|
time: 0
|
|
@@ -5109,7 +5151,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5109
5151
|
let n = v.findIndex((e) => e.id === t.id);
|
|
5110
5152
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
5111
5153
|
e.preventDefault();
|
|
5112
|
-
let t =
|
|
5154
|
+
let t = Wr(v, n, e.key === "ArrowDown" ? 1 : -1);
|
|
5113
5155
|
x(v[t]);
|
|
5114
5156
|
return;
|
|
5115
5157
|
}
|
|
@@ -5129,26 +5171,26 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5129
5171
|
let a = r.id === i, o = {
|
|
5130
5172
|
children: /* @__PURE__ */ n(e, { children: [
|
|
5131
5173
|
r.icon && /* @__PURE__ */ t("span", {
|
|
5132
|
-
className:
|
|
5174
|
+
className: Ur.icon,
|
|
5133
5175
|
"aria-hidden": "true",
|
|
5134
5176
|
children: r.icon
|
|
5135
5177
|
}),
|
|
5136
5178
|
/* @__PURE__ */ n("span", {
|
|
5137
|
-
className:
|
|
5179
|
+
className: Ur.copy,
|
|
5138
5180
|
children: [/* @__PURE__ */ t("span", {
|
|
5139
|
-
className:
|
|
5181
|
+
className: Ur.label,
|
|
5140
5182
|
children: r.label
|
|
5141
5183
|
}), r.description && /* @__PURE__ */ t("span", {
|
|
5142
|
-
className:
|
|
5184
|
+
className: Ur.description,
|
|
5143
5185
|
children: r.description
|
|
5144
5186
|
})]
|
|
5145
5187
|
}),
|
|
5146
5188
|
r.badge && /* @__PURE__ */ t("span", {
|
|
5147
|
-
className:
|
|
5189
|
+
className: Ur.badge,
|
|
5148
5190
|
children: r.badge
|
|
5149
5191
|
})
|
|
5150
5192
|
] }),
|
|
5151
|
-
className: `${
|
|
5193
|
+
className: `${Ur.link} ${a ? Ur.current : ""}`,
|
|
5152
5194
|
tabIndex: r.id === b ? 0 : -1,
|
|
5153
5195
|
"aria-current": a ? "page" : void 0,
|
|
5154
5196
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -5164,7 +5206,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5164
5206
|
onKeyDown: (e) => S(e, r)
|
|
5165
5207
|
};
|
|
5166
5208
|
return /* @__PURE__ */ t("li", {
|
|
5167
|
-
className:
|
|
5209
|
+
className: Ur.item,
|
|
5168
5210
|
children: u ? u(r, o) : r.href ? /* @__PURE__ */ t("a", {
|
|
5169
5211
|
href: r.href,
|
|
5170
5212
|
...o,
|
|
@@ -5179,45 +5221,45 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5179
5221
|
};
|
|
5180
5222
|
return /* @__PURE__ */ n("nav", {
|
|
5181
5223
|
ref: g,
|
|
5182
|
-
className: `${
|
|
5224
|
+
className: `${Ur.root} ${p}`,
|
|
5183
5225
|
"aria-label": a,
|
|
5184
5226
|
children: [
|
|
5185
5227
|
s && /* @__PURE__ */ t("div", {
|
|
5186
|
-
className:
|
|
5228
|
+
className: Ur.topSlot,
|
|
5187
5229
|
children: s
|
|
5188
5230
|
}),
|
|
5189
5231
|
o && /* @__PURE__ */ t("div", {
|
|
5190
|
-
className:
|
|
5232
|
+
className: Ur.searchSlot,
|
|
5191
5233
|
children: o
|
|
5192
5234
|
}),
|
|
5193
5235
|
/* @__PURE__ */ n("div", {
|
|
5194
|
-
className:
|
|
5236
|
+
className: Ur.groups,
|
|
5195
5237
|
children: [r.map((e) => {
|
|
5196
5238
|
let r = `${m}-${e.id}`;
|
|
5197
5239
|
return /* @__PURE__ */ n("section", {
|
|
5198
|
-
className:
|
|
5240
|
+
className: Ur.group,
|
|
5199
5241
|
"aria-labelledby": e.label ? r : void 0,
|
|
5200
5242
|
children: [e.label && /* @__PURE__ */ t("div", {
|
|
5201
5243
|
id: r,
|
|
5202
|
-
className:
|
|
5244
|
+
className: Ur.groupLabel,
|
|
5203
5245
|
children: e.label
|
|
5204
5246
|
}), /* @__PURE__ */ t("ul", {
|
|
5205
|
-
className:
|
|
5247
|
+
className: Ur.list,
|
|
5206
5248
|
children: e.items.map(C)
|
|
5207
5249
|
})]
|
|
5208
5250
|
}, e.id);
|
|
5209
5251
|
}), v.length === 0 && l && /* @__PURE__ */ t("div", {
|
|
5210
|
-
className:
|
|
5252
|
+
className: Ur.empty,
|
|
5211
5253
|
children: l
|
|
5212
5254
|
})]
|
|
5213
5255
|
}),
|
|
5214
5256
|
c && /* @__PURE__ */ t("div", {
|
|
5215
|
-
className:
|
|
5257
|
+
className: Ur.bottomSlot,
|
|
5216
5258
|
children: c
|
|
5217
5259
|
})
|
|
5218
5260
|
]
|
|
5219
5261
|
});
|
|
5220
|
-
},
|
|
5262
|
+
}, Kr = {
|
|
5221
5263
|
root: "_root_2mdgb_1",
|
|
5222
5264
|
list: "_list_2mdgb_19",
|
|
5223
5265
|
item: "_item_2mdgb_37",
|
|
@@ -5227,7 +5269,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5227
5269
|
icon: "_icon_2mdgb_141",
|
|
5228
5270
|
badge: "_badge_2mdgb_149",
|
|
5229
5271
|
label: "_label_2mdgb_163"
|
|
5230
|
-
},
|
|
5272
|
+
}, qr = ({ items: r, currentItemId: i, ariaLabel: a = "Мобильная навигация", renderLink: o, onItemSelect: s, className: c = "" }) => {
|
|
5231
5273
|
let l = h(null), u = r.filter((e) => !e.disabled), d = u.some((e) => e.id === i) ? i : u[0]?.id, f = (e) => {
|
|
5232
5274
|
l.current?.querySelectorAll("[data-ds-navigation-item]")[e]?.focus();
|
|
5233
5275
|
}, p = (e, t) => {
|
|
@@ -5244,27 +5286,27 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5244
5286
|
};
|
|
5245
5287
|
return /* @__PURE__ */ t("nav", {
|
|
5246
5288
|
ref: l,
|
|
5247
|
-
className: `${
|
|
5289
|
+
className: `${Kr.root} ${c}`,
|
|
5248
5290
|
"aria-label": a,
|
|
5249
5291
|
children: /* @__PURE__ */ t("ul", {
|
|
5250
|
-
className:
|
|
5292
|
+
className: Kr.list,
|
|
5251
5293
|
children: r.map((r) => {
|
|
5252
5294
|
let a = r.id === i, c = {
|
|
5253
5295
|
children: /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("span", {
|
|
5254
|
-
className:
|
|
5296
|
+
className: Kr.visual,
|
|
5255
5297
|
children: [r.icon && /* @__PURE__ */ t("span", {
|
|
5256
|
-
className:
|
|
5298
|
+
className: Kr.icon,
|
|
5257
5299
|
"aria-hidden": "true",
|
|
5258
5300
|
children: r.icon
|
|
5259
5301
|
}), r.badge && /* @__PURE__ */ t("span", {
|
|
5260
|
-
className:
|
|
5302
|
+
className: Kr.badge,
|
|
5261
5303
|
children: r.badge
|
|
5262
5304
|
})]
|
|
5263
5305
|
}), /* @__PURE__ */ t("span", {
|
|
5264
|
-
className:
|
|
5306
|
+
className: Kr.label,
|
|
5265
5307
|
children: r.label
|
|
5266
5308
|
})] }),
|
|
5267
|
-
className: `${
|
|
5309
|
+
className: `${Kr.link} ${a ? Kr.current : ""}`,
|
|
5268
5310
|
tabIndex: r.id === d ? 0 : -1,
|
|
5269
5311
|
"aria-current": a ? "page" : void 0,
|
|
5270
5312
|
"aria-disabled": r.disabled ? !0 : void 0,
|
|
@@ -5280,7 +5322,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5280
5322
|
onKeyDown: (e) => p(e, r)
|
|
5281
5323
|
};
|
|
5282
5324
|
return /* @__PURE__ */ t("li", {
|
|
5283
|
-
className:
|
|
5325
|
+
className: Kr.item,
|
|
5284
5326
|
children: o ? o(r, c) : r.href ? /* @__PURE__ */ t("a", {
|
|
5285
5327
|
href: r.href,
|
|
5286
5328
|
...c,
|
|
@@ -5295,7 +5337,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5295
5337
|
})
|
|
5296
5338
|
})
|
|
5297
5339
|
});
|
|
5298
|
-
},
|
|
5340
|
+
}, Jr = {
|
|
5299
5341
|
logo: "_logo_1kw5e_17",
|
|
5300
5342
|
edgeStart: "_edgeStart_1kw5e_33",
|
|
5301
5343
|
edgeMiddle: "_edgeMiddle_1kw5e_41",
|
|
@@ -5310,19 +5352,19 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5310
5352
|
wordmark: "_wordmark_1kw5e_127",
|
|
5311
5353
|
edge: "_edge_1kw5e_33",
|
|
5312
5354
|
pane: "_pane_1kw5e_57"
|
|
5313
|
-
},
|
|
5355
|
+
}, Yr = {
|
|
5314
5356
|
sm: 24,
|
|
5315
5357
|
md: 40,
|
|
5316
5358
|
lg: 56
|
|
5317
|
-
},
|
|
5359
|
+
}, Xr = {
|
|
5318
5360
|
icon: "0 0 128 224",
|
|
5319
5361
|
wordmark: "0 0 600 160",
|
|
5320
5362
|
lockup: "0 0 675 200"
|
|
5321
|
-
},
|
|
5363
|
+
}, Zr = {
|
|
5322
5364
|
icon: 128 / 224,
|
|
5323
5365
|
wordmark: 600 / 160,
|
|
5324
5366
|
lockup: 675 / 200
|
|
5325
|
-
},
|
|
5367
|
+
}, Qr = ({ id: e, transform: r }) => /* @__PURE__ */ n("g", {
|
|
5326
5368
|
transform: r,
|
|
5327
5369
|
children: [
|
|
5328
5370
|
/* @__PURE__ */ n("defs", { children: [
|
|
@@ -5334,14 +5376,14 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5334
5376
|
y2: "216",
|
|
5335
5377
|
gradientUnits: "userSpaceOnUse",
|
|
5336
5378
|
children: [
|
|
5337
|
-
/* @__PURE__ */ t("stop", { className:
|
|
5379
|
+
/* @__PURE__ */ t("stop", { className: Jr.edgeStart }),
|
|
5338
5380
|
/* @__PURE__ */ t("stop", {
|
|
5339
5381
|
offset: "0.52",
|
|
5340
|
-
className:
|
|
5382
|
+
className: Jr.edgeMiddle
|
|
5341
5383
|
}),
|
|
5342
5384
|
/* @__PURE__ */ t("stop", {
|
|
5343
5385
|
offset: "1",
|
|
5344
|
-
className:
|
|
5386
|
+
className: Jr.edgeEnd
|
|
5345
5387
|
})
|
|
5346
5388
|
]
|
|
5347
5389
|
}),
|
|
@@ -5353,14 +5395,14 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5353
5395
|
y2: "199",
|
|
5354
5396
|
gradientUnits: "userSpaceOnUse",
|
|
5355
5397
|
children: [
|
|
5356
|
-
/* @__PURE__ */ t("stop", { className:
|
|
5398
|
+
/* @__PURE__ */ t("stop", { className: Jr.paneStart }),
|
|
5357
5399
|
/* @__PURE__ */ t("stop", {
|
|
5358
5400
|
offset: "0.52",
|
|
5359
|
-
className:
|
|
5401
|
+
className: Jr.paneMiddle
|
|
5360
5402
|
}),
|
|
5361
5403
|
/* @__PURE__ */ t("stop", {
|
|
5362
5404
|
offset: "1",
|
|
5363
|
-
className:
|
|
5405
|
+
className: Jr.paneEnd
|
|
5364
5406
|
})
|
|
5365
5407
|
]
|
|
5366
5408
|
}),
|
|
@@ -5372,25 +5414,25 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5372
5414
|
y2: "176",
|
|
5373
5415
|
gradientUnits: "userSpaceOnUse",
|
|
5374
5416
|
children: [
|
|
5375
|
-
/* @__PURE__ */ t("stop", { className:
|
|
5417
|
+
/* @__PURE__ */ t("stop", { className: Jr.sheenStart }),
|
|
5376
5418
|
/* @__PURE__ */ t("stop", {
|
|
5377
5419
|
offset: "0.42",
|
|
5378
|
-
className:
|
|
5420
|
+
className: Jr.sheenMiddle
|
|
5379
5421
|
}),
|
|
5380
5422
|
/* @__PURE__ */ t("stop", {
|
|
5381
5423
|
offset: "1",
|
|
5382
|
-
className:
|
|
5424
|
+
className: Jr.sheenEnd
|
|
5383
5425
|
})
|
|
5384
5426
|
]
|
|
5385
5427
|
})
|
|
5386
5428
|
] }),
|
|
5387
5429
|
/* @__PURE__ */ t("path", {
|
|
5388
|
-
className:
|
|
5430
|
+
className: Jr.edge,
|
|
5389
5431
|
d: "M12 13.5 28 8v208l-16-5.5z",
|
|
5390
5432
|
fill: `url(#${e}-edge)`
|
|
5391
5433
|
}),
|
|
5392
5434
|
/* @__PURE__ */ t("path", {
|
|
5393
|
-
className:
|
|
5435
|
+
className: Jr.pane,
|
|
5394
5436
|
d: "M28 8 116 51.5v121L28 216z",
|
|
5395
5437
|
fill: `url(#${e}-pane)`
|
|
5396
5438
|
}),
|
|
@@ -5399,22 +5441,22 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5399
5441
|
fill: `url(#${e}-sheen)`
|
|
5400
5442
|
}),
|
|
5401
5443
|
/* @__PURE__ */ t("path", {
|
|
5402
|
-
className:
|
|
5444
|
+
className: Jr.rim,
|
|
5403
5445
|
d: "M115 53v118.5l-4.5 2.5V55.2z"
|
|
5404
5446
|
})
|
|
5405
5447
|
]
|
|
5406
|
-
}),
|
|
5407
|
-
className:
|
|
5448
|
+
}), $r = ({ transform: e }) => /* @__PURE__ */ t("text", {
|
|
5449
|
+
className: Jr.wordmark,
|
|
5408
5450
|
x: "8",
|
|
5409
5451
|
y: "128",
|
|
5410
5452
|
transform: e,
|
|
5411
5453
|
children: "Стекло"
|
|
5412
|
-
}),
|
|
5413
|
-
let p = `ds-logo-${f().replaceAll(":", "")}`, m = l ?? (typeof i == "number" ? Math.max(1, i) :
|
|
5454
|
+
}), ei = ({ variant: r = "lockup", size: i = "md", decorative: a = !1, className: o = "", title: s = "Стекло", width: c, height: l, "aria-label": u, ...d }) => {
|
|
5455
|
+
let p = `ds-logo-${f().replaceAll(":", "")}`, m = l ?? (typeof i == "number" ? Math.max(1, i) : Yr[i]), h = typeof m == "number" ? m : Yr.md, g = c ?? Number((h * Zr[r]).toFixed(2)), _ = `${p}-title`;
|
|
5414
5456
|
return /* @__PURE__ */ n("svg", {
|
|
5415
5457
|
...d,
|
|
5416
|
-
className: `${
|
|
5417
|
-
viewBox:
|
|
5458
|
+
className: `${Jr.logo} ${o}`,
|
|
5459
|
+
viewBox: Xr[r],
|
|
5418
5460
|
width: g,
|
|
5419
5461
|
height: m,
|
|
5420
5462
|
role: a ? void 0 : "img",
|
|
@@ -5427,56 +5469,56 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5427
5469
|
id: _,
|
|
5428
5470
|
children: s
|
|
5429
5471
|
}),
|
|
5430
|
-
r === "icon" && /* @__PURE__ */ t(
|
|
5431
|
-
r === "wordmark" && /* @__PURE__ */ t(
|
|
5432
|
-
r === "lockup" && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(
|
|
5472
|
+
r === "icon" && /* @__PURE__ */ t(Qr, { id: p }),
|
|
5473
|
+
r === "wordmark" && /* @__PURE__ */ t($r, {}),
|
|
5474
|
+
r === "lockup" && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(Qr, {
|
|
5433
5475
|
id: p,
|
|
5434
5476
|
transform: "translate(16 0) scale(.86)"
|
|
5435
|
-
}), /* @__PURE__ */ t(
|
|
5477
|
+
}), /* @__PURE__ */ t($r, { transform: "translate(156 36) scale(.84)" })] })
|
|
5436
5478
|
]
|
|
5437
5479
|
});
|
|
5438
|
-
},
|
|
5480
|
+
}, ti = {
|
|
5439
5481
|
brand: "_brand_uueok_1",
|
|
5440
5482
|
symbol: "_symbol_uueok_25",
|
|
5441
5483
|
identity: "_identity_uueok_33",
|
|
5442
5484
|
collapsed: "_collapsed_uueok_55",
|
|
5443
5485
|
wordmark: "_wordmark_uueok_63",
|
|
5444
5486
|
serviceName: "_serviceName_uueok_71"
|
|
5445
|
-
},
|
|
5487
|
+
}, ni = ({ serviceName: e, collapsed: r = !1, logoSize: i, className: a = "", "aria-label": o, ...s }) => {
|
|
5446
5488
|
let c = o ?? `Стекло. ${e}`;
|
|
5447
5489
|
return /* @__PURE__ */ n("div", {
|
|
5448
5490
|
...s,
|
|
5449
|
-
className: `${
|
|
5491
|
+
className: `${ti.brand} ${r ? ti.collapsed : ""} ${a}`,
|
|
5450
5492
|
"data-collapsed": r || void 0,
|
|
5451
5493
|
"aria-label": c,
|
|
5452
5494
|
title: r ? c : s.title,
|
|
5453
|
-
children: [/* @__PURE__ */ t(
|
|
5454
|
-
className:
|
|
5495
|
+
children: [/* @__PURE__ */ t(ei, {
|
|
5496
|
+
className: ti.symbol,
|
|
5455
5497
|
variant: "icon",
|
|
5456
5498
|
size: i ?? 44,
|
|
5457
5499
|
decorative: !0
|
|
5458
5500
|
}), /* @__PURE__ */ n("span", {
|
|
5459
|
-
className:
|
|
5501
|
+
className: ti.identity,
|
|
5460
5502
|
"aria-hidden": "true",
|
|
5461
|
-
children: [/* @__PURE__ */ t(
|
|
5462
|
-
className:
|
|
5503
|
+
children: [/* @__PURE__ */ t(ei, {
|
|
5504
|
+
className: ti.wordmark,
|
|
5463
5505
|
variant: "wordmark",
|
|
5464
5506
|
size: 32,
|
|
5465
5507
|
decorative: !0
|
|
5466
5508
|
}), /* @__PURE__ */ t("span", {
|
|
5467
|
-
className:
|
|
5509
|
+
className: ti.serviceName,
|
|
5468
5510
|
title: e,
|
|
5469
5511
|
children: e
|
|
5470
5512
|
})]
|
|
5471
5513
|
})]
|
|
5472
5514
|
});
|
|
5473
|
-
},
|
|
5515
|
+
}, ri = {
|
|
5474
5516
|
sample: "_sample_3woga_1",
|
|
5475
5517
|
menu: "_menu_3woga_59",
|
|
5476
5518
|
options: "_options_3woga_81",
|
|
5477
5519
|
legend: "_legend_3woga_93",
|
|
5478
5520
|
option: "_option_3woga_81"
|
|
5479
|
-
},
|
|
5521
|
+
}, ii = ({ value: r, onChange: i, compact: a = !1, disabled: o = !1 }) => {
|
|
5480
5522
|
let [s, c] = g(!1), l = h(null), [u, p] = g(null), m = f();
|
|
5481
5523
|
return d(() => {
|
|
5482
5524
|
if (!s) return;
|
|
@@ -5492,7 +5534,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5492
5534
|
if (!u) return;
|
|
5493
5535
|
let e = requestAnimationFrame(() => u.querySelector("input:checked")?.focus());
|
|
5494
5536
|
return () => cancelAnimationFrame(e);
|
|
5495
|
-
}, [u]), /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n(
|
|
5537
|
+
}, [u]), /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n(B, {
|
|
5496
5538
|
ref: l,
|
|
5497
5539
|
variant: "empty",
|
|
5498
5540
|
disabled: o,
|
|
@@ -5504,7 +5546,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5504
5546
|
children: [
|
|
5505
5547
|
/* @__PURE__ */ t("span", {
|
|
5506
5548
|
"data-ds-theme": r,
|
|
5507
|
-
className:
|
|
5549
|
+
className: ri.sample,
|
|
5508
5550
|
"aria-hidden": "true"
|
|
5509
5551
|
}),
|
|
5510
5552
|
!a && w[r],
|
|
@@ -5515,22 +5557,22 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5515
5557
|
"aria-hidden": "true"
|
|
5516
5558
|
})
|
|
5517
5559
|
]
|
|
5518
|
-
}), s && !o && /* @__PURE__ */ t(
|
|
5560
|
+
}), s && !o && /* @__PURE__ */ t(On, {
|
|
5519
5561
|
anchorRef: l,
|
|
5520
5562
|
children: /* @__PURE__ */ t("div", {
|
|
5521
5563
|
ref: p,
|
|
5522
5564
|
id: m,
|
|
5523
|
-
className:
|
|
5565
|
+
className: ri.menu,
|
|
5524
5566
|
onBlur: (e) => {
|
|
5525
5567
|
e.relatedTarget instanceof Node && !e.currentTarget.contains(e.relatedTarget) && !l.current?.contains(e.relatedTarget) && c(!1);
|
|
5526
5568
|
},
|
|
5527
5569
|
children: /* @__PURE__ */ n("fieldset", {
|
|
5528
|
-
className:
|
|
5570
|
+
className: ri.options,
|
|
5529
5571
|
children: [/* @__PURE__ */ t("legend", {
|
|
5530
|
-
className:
|
|
5572
|
+
className: ri.legend,
|
|
5531
5573
|
children: "Цветовая тема"
|
|
5532
5574
|
}), ["teal", "signal"].map((e) => /* @__PURE__ */ n("label", {
|
|
5533
|
-
className:
|
|
5575
|
+
className: ri.option,
|
|
5534
5576
|
children: [
|
|
5535
5577
|
/* @__PURE__ */ t("input", {
|
|
5536
5578
|
type: "radio",
|
|
@@ -5541,7 +5583,7 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5541
5583
|
}),
|
|
5542
5584
|
/* @__PURE__ */ t("span", {
|
|
5543
5585
|
"data-ds-theme": e,
|
|
5544
|
-
className:
|
|
5586
|
+
className: ri.sample,
|
|
5545
5587
|
"aria-hidden": "true"
|
|
5546
5588
|
}),
|
|
5547
5589
|
/* @__PURE__ */ t("span", { children: w[e] }),
|
|
@@ -5558,4 +5600,4 @@ var Un = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
5558
5600
|
})] });
|
|
5559
5601
|
};
|
|
5560
5602
|
//#endregion
|
|
5561
|
-
export {
|
|
5603
|
+
export { $n as ConfirmModal, O as DEFAULT_DS_FAVICON_THEME, It as DSAccordion, F as DSBadge, qr as DSBottomNavigation, hr as DSBottomSheet, B as DSButton, Ge as DSCheckbox, R as DSCounterBadge, rn as DSDataTable, mt as DSDateRange, dt as DSDateTimePicker, mr as DSDrawer, St as DSDropDown, jt as DSDropDownMultiple, ne as DSFieldLabel, H as DSFieldMessage, Tn as DSFileInput, gn as DSFilters, On as DSFloatingMenu, vn as DSFormGrid, yn as DSFormGridItem, gr as DSFullscreenDialog, J as DSIcon, Ue as DSIconNames, mn as DSInfoBlock, Et as DSInput, ee as DSLoader, ei as DSLogo, qn as DSModal, Kn as DSModalFrame, Gr as DSNavigationSurface, pr as DSOverlay, vr as DSPageLoader, En as DSPortal, Nt as DSRadioButton, fn as DSSearchDropDown, ni as DSServiceBrand, gt as DSSkeleton, wt as DSSort, Ir as DSTabs, Mn as DSTextarea, ii as DSThemeSwitcher, xr as DSToast, Tr as DSToastProvider, Pr as DSTooltip, bn as DSValidationSummary, Hr as DSVideoPlayerFrame, k as DS_FAVICON_THEMES, w as DS_THEME_NAMES, C as DS_THEME_STORAGE_KEY, er as ErrorModal, Jn as ModalSystemProvider, N as applyDSBrandTheme, M as applyDSFavicon, D as applyDSTheme, tr as builtInModalRegistry, Yn as defineModalRegistry, L as formatDSCounterValue, Ze as formatDateInputValue, rt as formatDateTimeLocalValue, Ft as getDSAccordionScrollTarget, Gt as getDSDataTableColumnStyle, qt as getDSDataTablePaginationItems, Kt as getDSDataTableStickyColumnStyle, j as getDSFaviconHref, rr as getErrorMessage, Wt 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, Fn as resetModalStore, wr as resetToastStore, nr as useConfirmModal, ar as useConfirmModalStore, fr as useDSOverlay, ir as useErrorModal, or as useErrorModalStore, sr as useModals, Pn as useModalsStore, Er as useToast, Cr as useToastStore, Jt as validateDSDataTableData };
|