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