@efficiency-point/design-system 0.1.28 → 0.1.30
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 +20 -0
- package/dist/components/DSIcon/source/IconList.d.ts +4 -0
- package/dist/components/DSIcon/source/IconList.d.ts.map +1 -0
- package/dist/components/DSIcon/source/IconPanelsTopLeft.d.ts +4 -0
- package/dist/components/DSIcon/source/IconPanelsTopLeft.d.ts.map +1 -0
- package/dist/components/DSIcon/source/index.d.ts +2 -0
- package/dist/components/DSIcon/source/index.d.ts.map +1 -1
- package/dist/components/DSTabs/DSTabs.d.ts +18 -0
- package/dist/components/DSTabs/DSTabs.d.ts.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +429 -336
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -174,62 +174,74 @@ var O = {
|
|
|
174
174
|
...e,
|
|
175
175
|
children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
|
|
176
176
|
}), V = (e) => /* @__PURE__ */ t(A, {
|
|
177
|
+
...e,
|
|
178
|
+
children: /* @__PURE__ */ t("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" })
|
|
179
|
+
}), H = (e) => /* @__PURE__ */ n(A, {
|
|
180
|
+
...e,
|
|
181
|
+
children: [/* @__PURE__ */ t("rect", {
|
|
182
|
+
width: "18",
|
|
183
|
+
height: "18",
|
|
184
|
+
x: "3",
|
|
185
|
+
y: "3",
|
|
186
|
+
rx: "2"
|
|
187
|
+
}), /* @__PURE__ */ t("path", { d: "M3 9h18M9 21V9" })]
|
|
188
|
+
}), U = (e) => /* @__PURE__ */ t(A, {
|
|
177
189
|
...e,
|
|
178
190
|
children: /* @__PURE__ */ t("path", {
|
|
179
191
|
d: "M8 5v14M16 5v14",
|
|
180
192
|
strokeWidth: "3"
|
|
181
193
|
})
|
|
182
|
-
}),
|
|
194
|
+
}), W = (e) => /* @__PURE__ */ t(A, {
|
|
183
195
|
...e,
|
|
184
196
|
children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
|
|
185
|
-
}),
|
|
197
|
+
}), ne = (e) => /* @__PURE__ */ t(A, {
|
|
186
198
|
...e,
|
|
187
199
|
children: /* @__PURE__ */ t("path", {
|
|
188
200
|
d: "m8 5 11 7-11 7V5Z",
|
|
189
201
|
fill: "currentColor",
|
|
190
202
|
stroke: "none"
|
|
191
203
|
})
|
|
192
|
-
}),
|
|
204
|
+
}), G = (e) => /* @__PURE__ */ t(A, {
|
|
193
205
|
...e,
|
|
194
206
|
children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
|
|
195
|
-
}),
|
|
207
|
+
}), re = (e) => /* @__PURE__ */ t(A, {
|
|
196
208
|
...e,
|
|
197
209
|
children: /* @__PURE__ */ t("path", { d: "M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm7.4 5.2.1-1.7-.1-1.7 2-1.5-2-3.4-2.4 1a8 8 0 0 0-2.9-1.7L13.8 2h-3.9l-.4 2.7a8 8 0 0 0-2.8 1.7l-2.5-1-2 3.4 2.1 1.5-.1 1.7.1 1.7-2.1 1.5 2 3.4 2.5-1a8 8 0 0 0 2.8 1.7l.4 2.7h3.9l.3-2.7a8 8 0 0 0 2.9-1.7l2.4 1 2-3.4-2-1.5Z" })
|
|
198
|
-
}),
|
|
210
|
+
}), ie = (e) => /* @__PURE__ */ t(A, {
|
|
199
211
|
...e,
|
|
200
212
|
children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
|
|
201
|
-
}),
|
|
213
|
+
}), ae = (e) => /* @__PURE__ */ t(A, {
|
|
202
214
|
...e,
|
|
203
215
|
children: /* @__PURE__ */ t("path", { d: "M4 9h5V4m6 5h5V4M4 15h5v5m6-5h5v5" })
|
|
204
|
-
}),
|
|
216
|
+
}), oe = (e) => /* @__PURE__ */ t(A, {
|
|
205
217
|
...e,
|
|
206
218
|
children: /* @__PURE__ */ t("path", { d: "M4 6h16v12H4V6Zm7 4a2 2 0 1 0 0 4m7-4a2 2 0 1 0 0 4" })
|
|
207
|
-
}),
|
|
219
|
+
}), se = (e) => /* @__PURE__ */ t(A, {
|
|
208
220
|
...e,
|
|
209
221
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12-1c1.3 1.5 1.3 4.5 0 6m2.5-8.5c3 3 3 8 0 11" })
|
|
210
|
-
}),
|
|
222
|
+
}), K = (e) => /* @__PURE__ */ t(A, {
|
|
211
223
|
...e,
|
|
212
224
|
children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
|
|
213
|
-
}),
|
|
225
|
+
}), ce = (e) => /* @__PURE__ */ t(A, {
|
|
214
226
|
...e,
|
|
215
227
|
children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
|
|
216
|
-
}),
|
|
228
|
+
}), le = (e) => /* @__PURE__ */ t(A, {
|
|
217
229
|
...e,
|
|
218
230
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
219
|
-
}),
|
|
231
|
+
}), ue = (e) => /* @__PURE__ */ t(A, {
|
|
220
232
|
...e,
|
|
221
233
|
children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
|
|
222
|
-
}),
|
|
234
|
+
}), de = (e) => /* @__PURE__ */ n(A, {
|
|
223
235
|
...e,
|
|
224
236
|
children: [/* @__PURE__ */ t("circle", {
|
|
225
237
|
cx: "12",
|
|
226
238
|
cy: "12",
|
|
227
239
|
r: "10"
|
|
228
240
|
}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
|
|
229
|
-
}),
|
|
241
|
+
}), fe = (e) => /* @__PURE__ */ t(A, {
|
|
230
242
|
...e,
|
|
231
243
|
children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
|
|
232
|
-
}),
|
|
244
|
+
}), pe = (e) => /* @__PURE__ */ n(A, {
|
|
233
245
|
...e,
|
|
234
246
|
children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
|
|
235
247
|
}), q = (e) => (n) => /* @__PURE__ */ t(A, {
|
|
@@ -238,7 +250,7 @@ var O = {
|
|
|
238
250
|
...t,
|
|
239
251
|
key: t.key ?? `${e}-${n}`
|
|
240
252
|
}))
|
|
241
|
-
}),
|
|
253
|
+
}), me = {
|
|
242
254
|
IconActivity: q([["path", {
|
|
243
255
|
d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
|
|
244
256
|
key: "169zse"
|
|
@@ -903,41 +915,43 @@ var O = {
|
|
|
903
915
|
IconInfo: z,
|
|
904
916
|
IconInfoCircle: B,
|
|
905
917
|
IconMinus: te,
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
918
|
+
IconList: V,
|
|
919
|
+
IconPanelsTopLeft: H,
|
|
920
|
+
IconPause: U,
|
|
921
|
+
IconPictureInPicture: W,
|
|
922
|
+
IconPlay: ne,
|
|
923
|
+
IconReplay: G,
|
|
924
|
+
IconSettings: re,
|
|
925
|
+
IconFullscreen: ie,
|
|
926
|
+
IconFullscreenExit: ae,
|
|
927
|
+
IconCaptions: oe,
|
|
928
|
+
IconVolume: se,
|
|
929
|
+
IconVolumeMuted: K,
|
|
930
|
+
IconSort: ce,
|
|
931
|
+
IconSortAscending: le,
|
|
932
|
+
IconSortDescending: ue,
|
|
933
|
+
IconSuccessCircle: de,
|
|
934
|
+
IconUpload: fe,
|
|
935
|
+
IconWarning: pe
|
|
922
936
|
}, J = ({ name: e, ...n }) => {
|
|
923
|
-
let r =
|
|
937
|
+
let r = me[e];
|
|
924
938
|
return /* @__PURE__ */ t(r, { ...n });
|
|
925
|
-
},
|
|
939
|
+
}, he = {
|
|
926
940
|
wrapper: "_wrapper_1seon_1",
|
|
927
941
|
label: "_label_1seon_13",
|
|
928
942
|
input: "_input_1seon_35",
|
|
929
943
|
control: "_control_1seon_49",
|
|
930
944
|
disabled: "_disabled_1seon_95",
|
|
931
945
|
controlError: "_controlError_1seon_121"
|
|
932
|
-
},
|
|
946
|
+
}, ge = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: s = !1, readOnly: c = !1, className: l = "", name: f, id: p, indeterminate: h = !1, ...g }) => {
|
|
933
947
|
let _ = d(), v = p ?? `ds-checkbox-${f ?? _}`, y = m(null), b = a ? `${v}-hint` : void 0, x = o ? `${v}-error` : void 0;
|
|
934
948
|
return u(() => {
|
|
935
949
|
y.current && (y.current.indeterminate = h && !e);
|
|
936
950
|
}, [e, h]), /* @__PURE__ */ n("div", {
|
|
937
|
-
className: `${
|
|
951
|
+
className: `${he.wrapper} ${l}`,
|
|
938
952
|
children: [
|
|
939
953
|
/* @__PURE__ */ n("label", {
|
|
940
|
-
className: `${
|
|
954
|
+
className: `${he.label} ${s ? he.disabled : ""}`,
|
|
941
955
|
htmlFor: v,
|
|
942
956
|
children: [
|
|
943
957
|
/* @__PURE__ */ t("input", {
|
|
@@ -950,14 +964,14 @@ var O = {
|
|
|
950
964
|
"aria-readonly": c || void 0,
|
|
951
965
|
"aria-invalid": !!o,
|
|
952
966
|
"aria-describedby": [b, x].filter(Boolean).join(" ") || void 0,
|
|
953
|
-
className:
|
|
967
|
+
className: he.input,
|
|
954
968
|
onChange: (e) => {
|
|
955
969
|
c || r?.(e.target.checked, e);
|
|
956
970
|
},
|
|
957
971
|
...g
|
|
958
972
|
}),
|
|
959
973
|
/* @__PURE__ */ n("span", {
|
|
960
|
-
className: `${
|
|
974
|
+
className: `${he.control} ${o ? he.controlError : ""}`,
|
|
961
975
|
"aria-hidden": "true",
|
|
962
976
|
children: [h && !e && /* @__PURE__ */ t(J, {
|
|
963
977
|
name: "IconMinus",
|
|
@@ -1014,7 +1028,7 @@ var O = {
|
|
|
1014
1028
|
timeLabel: "_timeLabel_su17c_533",
|
|
1015
1029
|
previousMonth: "_previousMonth_su17c_593",
|
|
1016
1030
|
nextMonth: "_nextMonth_su17c_601"
|
|
1017
|
-
},
|
|
1031
|
+
}, _e = [
|
|
1018
1032
|
"Пн",
|
|
1019
1033
|
"Вт",
|
|
1020
1034
|
"Ср",
|
|
@@ -1022,7 +1036,7 @@ var O = {
|
|
|
1022
1036
|
"Пт",
|
|
1023
1037
|
"Сб",
|
|
1024
1038
|
"Вс"
|
|
1025
|
-
],
|
|
1039
|
+
], ve = [
|
|
1026
1040
|
"Январь",
|
|
1027
1041
|
"Февраль",
|
|
1028
1042
|
"Март",
|
|
@@ -1035,33 +1049,33 @@ var O = {
|
|
|
1035
1049
|
"Октябрь",
|
|
1036
1050
|
"Ноябрь",
|
|
1037
1051
|
"Декабрь"
|
|
1038
|
-
],
|
|
1039
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1052
|
+
], ye = (e) => String(e).padStart(2, "0"), be = 8, xe = "Некорректная дата", Se = (e) => e ? `${ye(e.getDate())}.${ye(e.getMonth() + 1)}.${e.getFullYear()}` : "", Ce = (e) => {
|
|
1053
|
+
let t = e.replace(/\D/g, "").slice(0, be);
|
|
1040
1054
|
return [
|
|
1041
1055
|
t.slice(0, 2),
|
|
1042
1056
|
t.slice(2, 4),
|
|
1043
1057
|
t.slice(4, 8)
|
|
1044
1058
|
].filter(Boolean).join(".");
|
|
1045
|
-
},
|
|
1059
|
+
}, we = (e) => {
|
|
1046
1060
|
if (!e) return !0;
|
|
1047
1061
|
let t = Number(e.padEnd(4, "0"));
|
|
1048
1062
|
return Number(e.padEnd(4, "9")) >= 1800 && t <= 2500;
|
|
1049
|
-
},
|
|
1063
|
+
}, Te = (e) => {
|
|
1050
1064
|
if (!/^\d{0,8}$/.test(e)) return !1;
|
|
1051
1065
|
let t = e.slice(0, 2), n = e.slice(2, 4), r = e.slice(4, 8);
|
|
1052
|
-
return t.length === 1 && Number(t) > 3 || t.length === 2 && (Number(t) < 1 || Number(t) > 31) || n.length === 1 && Number(n) > 1 || n.length === 2 && (Number(n) < 1 || Number(n) > 12) ? !1 :
|
|
1053
|
-
},
|
|
1066
|
+
return t.length === 1 && Number(t) > 3 || t.length === 2 && (Number(t) < 1 || Number(t) > 31) || n.length === 1 && Number(n) > 1 || n.length === 2 && (Number(n) < 1 || Number(n) > 12) ? !1 : we(r);
|
|
1067
|
+
}, Ee = (e) => {
|
|
1054
1068
|
let t = /^(\d{2})\.(\d{2})\.(\d{4})$/.exec(e);
|
|
1055
1069
|
if (!t) return null;
|
|
1056
1070
|
let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]);
|
|
1057
1071
|
if (i < 1800 || i > 2500) return null;
|
|
1058
1072
|
let a = new Date(i, r, n, 12);
|
|
1059
1073
|
return a.getFullYear() !== i || a.getMonth() !== r || a.getDate() !== n ? null : a;
|
|
1060
|
-
},
|
|
1074
|
+
}, De = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Oe = (e, t) => {
|
|
1061
1075
|
if (!e) return "";
|
|
1062
|
-
let n = `${e.getFullYear()}-${
|
|
1076
|
+
let n = `${e.getFullYear()}-${ye(e.getMonth() + 1)}-${ye(e.getDate())}`, r = `${ye(e.getHours())}:${ye(e.getMinutes())}`;
|
|
1063
1077
|
return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
|
|
1064
|
-
},
|
|
1078
|
+
}, ke = (e, t) => {
|
|
1065
1079
|
if (!e) return null;
|
|
1066
1080
|
if (t === "time") {
|
|
1067
1081
|
let t = /^(\d{2}):(\d{2})$/.exec(e);
|
|
@@ -1079,33 +1093,33 @@ var O = {
|
|
|
1079
1093
|
}
|
|
1080
1094
|
let n = new Date(e);
|
|
1081
1095
|
return Number.isNaN(n.getTime()) ? null : n;
|
|
1082
|
-
},
|
|
1096
|
+
}, Ae = (e, t) => {
|
|
1083
1097
|
if (!e) return "";
|
|
1084
|
-
let n = `${
|
|
1098
|
+
let n = `${ye(e.getDate())}.${ye(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${ye(e.getHours())}:${ye(e.getMinutes())}`;
|
|
1085
1099
|
return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
|
|
1086
|
-
},
|
|
1100
|
+
}, je = (e) => {
|
|
1087
1101
|
let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
|
|
1088
1102
|
return r.setDate(t.getDate() - n), Array.from({ length: 42 }, (e, t) => {
|
|
1089
1103
|
let n = new Date(r);
|
|
1090
1104
|
return n.setDate(r.getDate() + t), n;
|
|
1091
1105
|
});
|
|
1092
|
-
},
|
|
1093
|
-
let r =
|
|
1094
|
-
return !!(t && r <
|
|
1095
|
-
},
|
|
1096
|
-
let D = d(), O = w ?? `ds-date-time-${T ?? D}`, A = l ? `${O}-hint` : void 0, j = _ ? `${O}-error` : void 0, M = m(null), N = m(null), P = m(null), F = m(null), [I, L] = h(!1), [R, z] = h(r ?? /* @__PURE__ */ new Date()), [B, te] = h(
|
|
1106
|
+
}, Me = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), Ne = (e, t, n) => {
|
|
1107
|
+
let r = De(e).getTime();
|
|
1108
|
+
return !!(t && r < De(t).getTime() || n && r > De(n).getTime());
|
|
1109
|
+
}, Pe = 8, Fe = 6, Ie = ({ value: r, onChange: i, mode: a = "date", label: o, placeholder: s, hint: l, error: _, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: E = "" }) => {
|
|
1110
|
+
let D = d(), O = w ?? `ds-date-time-${T ?? D}`, A = l ? `${O}-hint` : void 0, j = _ ? `${O}-error` : void 0, M = m(null), N = m(null), P = m(null), F = m(null), [I, L] = h(!1), [R, z] = h(r ?? /* @__PURE__ */ new Date()), [B, te] = h(Oe(r, "time")), [V, H] = h(Se(r)), [U, W] = h(""), [ne, G] = h(0), [re, ie] = h(null), ae = p(() => je(R), [R]), oe = a !== "time", se = a !== "date";
|
|
1097
1111
|
u(() => {
|
|
1098
|
-
r && z(r), te(
|
|
1112
|
+
r && z(r), te(Oe(r, "time")), H(Se(r));
|
|
1099
1113
|
}, [r]), u(() => () => {
|
|
1100
1114
|
F.current && clearTimeout(F.current);
|
|
1101
1115
|
}, []);
|
|
1102
1116
|
let K = c(() => {
|
|
1103
1117
|
let e = N.current, t = P.current;
|
|
1104
1118
|
if (!e || !t) return;
|
|
1105
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1119
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - Pe, o = n.top - Pe, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(Pe, n.top - r.height - Fe) : n.bottom + Fe, u = n.left, d = i - r.width - Pe;
|
|
1106
1120
|
ie({
|
|
1107
1121
|
top: l,
|
|
1108
|
-
left: Math.max(
|
|
1122
|
+
left: Math.max(Pe, Math.min(u, d)),
|
|
1109
1123
|
maxHeight: c
|
|
1110
1124
|
});
|
|
1111
1125
|
}, []);
|
|
@@ -1135,27 +1149,27 @@ var O = {
|
|
|
1135
1149
|
};
|
|
1136
1150
|
}, [I]);
|
|
1137
1151
|
let ce = (e) => {
|
|
1138
|
-
if (
|
|
1139
|
-
let t = a === "date" ?
|
|
1140
|
-
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(
|
|
1152
|
+
if (Ne(e, x, S)) return;
|
|
1153
|
+
let t = a === "date" ? ke(Oe(e, "date"), "date") : new Date(e);
|
|
1154
|
+
t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), H(Se(t)), a === "date" && L(!1));
|
|
1141
1155
|
}, le = () => {
|
|
1142
|
-
W(
|
|
1156
|
+
W(xe), G((e) => e + 1), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
|
|
1143
1157
|
W(""), F.current = null;
|
|
1144
1158
|
}, 3e3);
|
|
1145
1159
|
}, ue = (e) => {
|
|
1146
|
-
let t = e.replace(/\D/g, "").slice(0,
|
|
1147
|
-
if (!
|
|
1160
|
+
let t = e.replace(/\D/g, "").slice(0, be);
|
|
1161
|
+
if (!Te(t)) {
|
|
1148
1162
|
le();
|
|
1149
1163
|
return;
|
|
1150
1164
|
}
|
|
1151
|
-
let n =
|
|
1165
|
+
let n = Ce(t);
|
|
1152
1166
|
if (H(n), !t) {
|
|
1153
1167
|
i?.(null);
|
|
1154
1168
|
return;
|
|
1155
1169
|
}
|
|
1156
|
-
if (t.length <
|
|
1157
|
-
let o =
|
|
1158
|
-
if (!o ||
|
|
1170
|
+
if (t.length < be) return;
|
|
1171
|
+
let o = Ee(n);
|
|
1172
|
+
if (!o || Ne(o, x, S)) {
|
|
1159
1173
|
le();
|
|
1160
1174
|
return;
|
|
1161
1175
|
}
|
|
@@ -1165,19 +1179,19 @@ var O = {
|
|
|
1165
1179
|
i?.(null);
|
|
1166
1180
|
return;
|
|
1167
1181
|
}
|
|
1168
|
-
let t =
|
|
1182
|
+
let t = ke(e, "time");
|
|
1169
1183
|
if (!t) return;
|
|
1170
1184
|
let n = new Date(a === "datetime" ? r ?? R : /* @__PURE__ */ new Date());
|
|
1171
1185
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
|
|
1172
|
-
},
|
|
1186
|
+
}, fe = s ?? (a === "date" ? "ДД.ММ.ГГГГ" : a === "time" ? "ЧЧ:ММ" : "ДД.ММ.ГГГГ ЧЧ:ММ"), pe = U ? `${O}-validation` : void 0, q = [
|
|
1173
1187
|
A,
|
|
1174
1188
|
j,
|
|
1175
|
-
|
|
1189
|
+
pe
|
|
1176
1190
|
].filter(Boolean).join(" ") || void 0, me = I && !y ? /* @__PURE__ */ n("div", {
|
|
1177
1191
|
ref: P,
|
|
1178
1192
|
className: Y.panel,
|
|
1179
1193
|
role: "dialog",
|
|
1180
|
-
"aria-label": o ??
|
|
1194
|
+
"aria-label": o ?? fe,
|
|
1181
1195
|
style: re ? {
|
|
1182
1196
|
top: re.top,
|
|
1183
1197
|
left: re.left,
|
|
@@ -1208,7 +1222,7 @@ var O = {
|
|
|
1208
1222
|
"aria-label": "Месяц",
|
|
1209
1223
|
value: R.getMonth(),
|
|
1210
1224
|
onChange: (e) => z(new Date(R.getFullYear(), Number(e.target.value), 1)),
|
|
1211
|
-
children:
|
|
1225
|
+
children: ve.map((e, n) => /* @__PURE__ */ t("option", {
|
|
1212
1226
|
value: n,
|
|
1213
1227
|
children: e
|
|
1214
1228
|
}, e))
|
|
@@ -1236,16 +1250,16 @@ var O = {
|
|
|
1236
1250
|
}),
|
|
1237
1251
|
/* @__PURE__ */ t("div", {
|
|
1238
1252
|
className: Y.weekdays,
|
|
1239
|
-
children:
|
|
1253
|
+
children: _e.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
|
|
1240
1254
|
}),
|
|
1241
1255
|
/* @__PURE__ */ t("div", {
|
|
1242
1256
|
className: Y.days,
|
|
1243
1257
|
children: ae.map((e) => {
|
|
1244
|
-
let n =
|
|
1258
|
+
let n = Me(r, e);
|
|
1245
1259
|
return /* @__PURE__ */ t("button", {
|
|
1246
1260
|
type: "button",
|
|
1247
1261
|
className: `${Y.day} ${e.getMonth() === R.getMonth() ? "" : Y.outside} ${n ? Y.selected : ""}`,
|
|
1248
|
-
disabled:
|
|
1262
|
+
disabled: Ne(e, x, S),
|
|
1249
1263
|
"aria-pressed": n,
|
|
1250
1264
|
onClick: () => ce(e),
|
|
1251
1265
|
children: e.getDate()
|
|
@@ -1281,7 +1295,7 @@ var O = {
|
|
|
1281
1295
|
name: T,
|
|
1282
1296
|
className: Y.dateInput,
|
|
1283
1297
|
value: V,
|
|
1284
|
-
placeholder:
|
|
1298
|
+
placeholder: fe.split(" ")[0],
|
|
1285
1299
|
inputMode: "numeric",
|
|
1286
1300
|
autoComplete: "off",
|
|
1287
1301
|
maxLength: 10,
|
|
@@ -1289,7 +1303,7 @@ var O = {
|
|
|
1289
1303
|
readOnly: y,
|
|
1290
1304
|
"aria-expanded": I,
|
|
1291
1305
|
"aria-haspopup": "dialog",
|
|
1292
|
-
"aria-describedby":
|
|
1306
|
+
"aria-describedby": q,
|
|
1293
1307
|
"aria-invalid": !!(_ || U) || void 0,
|
|
1294
1308
|
onFocus: () => {
|
|
1295
1309
|
y || L(!0);
|
|
@@ -1334,13 +1348,13 @@ var O = {
|
|
|
1334
1348
|
"aria-readonly": y || void 0,
|
|
1335
1349
|
"aria-expanded": I,
|
|
1336
1350
|
"aria-haspopup": "dialog",
|
|
1337
|
-
"aria-describedby":
|
|
1351
|
+
"aria-describedby": q,
|
|
1338
1352
|
onClick: () => {
|
|
1339
1353
|
y || L((e) => !e);
|
|
1340
1354
|
},
|
|
1341
1355
|
children: [/* @__PURE__ */ t("span", {
|
|
1342
1356
|
className: r ? Y.value : Y.placeholder,
|
|
1343
|
-
children:
|
|
1357
|
+
children: Ae(r, a) || fe
|
|
1344
1358
|
}), /* @__PURE__ */ t("span", {
|
|
1345
1359
|
className: `${Y.chevron} ${me ? Y.chevronOpen : ""}`,
|
|
1346
1360
|
"aria-hidden": "true",
|
|
@@ -1352,7 +1366,7 @@ var O = {
|
|
|
1352
1366
|
})]
|
|
1353
1367
|
}),
|
|
1354
1368
|
U && /* @__PURE__ */ t("span", {
|
|
1355
|
-
id:
|
|
1369
|
+
id: pe,
|
|
1356
1370
|
className: Y.validationTooltip,
|
|
1357
1371
|
role: "status",
|
|
1358
1372
|
"aria-live": "polite",
|
|
@@ -1370,19 +1384,19 @@ var O = {
|
|
|
1370
1384
|
})
|
|
1371
1385
|
]
|
|
1372
1386
|
});
|
|
1373
|
-
},
|
|
1387
|
+
}, Le = {
|
|
1374
1388
|
root: "_root_19vq2_1",
|
|
1375
1389
|
range: "_range_19vq2_21"
|
|
1376
|
-
},
|
|
1390
|
+
}, Re = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), ze = ({ value: e, onChange: r, onDraftChange: i, mode: a = "date", fromLabel: o = "От", toLabel: s = "До", hint: c, error: l, min: u, max: d, disabled: f = !1, readOnly: p = !1, required: m = !1, className: h = "" }) => {
|
|
1377
1391
|
let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
|
|
1378
|
-
i?.(e),
|
|
1392
|
+
i?.(e), Re(e) && r?.(e);
|
|
1379
1393
|
};
|
|
1380
1394
|
return /* @__PURE__ */ n("fieldset", {
|
|
1381
|
-
className: `${
|
|
1395
|
+
className: `${Le.root} ${h}`,
|
|
1382
1396
|
disabled: f,
|
|
1383
1397
|
children: [/* @__PURE__ */ n("div", {
|
|
1384
|
-
className:
|
|
1385
|
-
children: [/* @__PURE__ */ t(
|
|
1398
|
+
className: Le.range,
|
|
1399
|
+
children: [/* @__PURE__ */ t(Ie, {
|
|
1386
1400
|
value: e.from,
|
|
1387
1401
|
mode: a === "datetime" ? "datetime" : a,
|
|
1388
1402
|
label: o,
|
|
@@ -1396,7 +1410,7 @@ var O = {
|
|
|
1396
1410
|
...e,
|
|
1397
1411
|
from: t
|
|
1398
1412
|
})
|
|
1399
|
-
}), /* @__PURE__ */ t(
|
|
1413
|
+
}), /* @__PURE__ */ t(Ie, {
|
|
1400
1414
|
value: e.to,
|
|
1401
1415
|
mode: a === "datetime" ? "datetime" : a,
|
|
1402
1416
|
label: s,
|
|
@@ -1413,7 +1427,7 @@ var O = {
|
|
|
1413
1427
|
})]
|
|
1414
1428
|
}), c && !g && /* @__PURE__ */ t(k, { children: c })]
|
|
1415
1429
|
});
|
|
1416
|
-
},
|
|
1430
|
+
}, Be = {
|
|
1417
1431
|
group: "_group_ey6uk_1",
|
|
1418
1432
|
skeleton: "_skeleton_ey6uk_15",
|
|
1419
1433
|
text: "_text_ey6uk_27",
|
|
@@ -1421,11 +1435,11 @@ var O = {
|
|
|
1421
1435
|
circular: "_circular_ey6uk_47",
|
|
1422
1436
|
animated: "_animated_ey6uk_59",
|
|
1423
1437
|
"ds-skeleton": "_ds-skeleton_ey6uk_1"
|
|
1424
|
-
},
|
|
1425
|
-
className: `${
|
|
1438
|
+
}, Ve = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
|
|
1439
|
+
className: `${Be.group} ${o}`,
|
|
1426
1440
|
"aria-hidden": "true",
|
|
1427
1441
|
children: Array.from({ length: Math.max(1, i) }, (i, o) => /* @__PURE__ */ t("span", {
|
|
1428
|
-
className: `${
|
|
1442
|
+
className: `${Be.skeleton} ${Be[e]} ${a ? Be.animated : ""}`,
|
|
1429
1443
|
style: {
|
|
1430
1444
|
width: n,
|
|
1431
1445
|
height: r
|
|
@@ -1449,25 +1463,25 @@ var O = {
|
|
|
1449
1463
|
message: "_message_6g3qd_359",
|
|
1450
1464
|
error: "_error_6g3qd_361",
|
|
1451
1465
|
errorState: "_errorState_6g3qd_387"
|
|
1452
|
-
},
|
|
1466
|
+
}, He = 8, Ue = 6, We = 120, Ge = (e, t, n) => {
|
|
1453
1467
|
if (!e.length) return -1;
|
|
1454
1468
|
for (let r = 0; r < e.length; r += 1) {
|
|
1455
1469
|
let i = (t + r * n + e.length) % e.length;
|
|
1456
1470
|
if (!e[i]?.disabled) return i;
|
|
1457
1471
|
}
|
|
1458
1472
|
return -1;
|
|
1459
|
-
},
|
|
1473
|
+
}, Ke = (e) => {
|
|
1460
1474
|
if (typeof e == "number") return e;
|
|
1461
1475
|
if (typeof e == "string") {
|
|
1462
1476
|
let t = Number.parseFloat(e);
|
|
1463
1477
|
if (Number.isFinite(t)) return t;
|
|
1464
1478
|
}
|
|
1465
1479
|
return Infinity;
|
|
1466
|
-
},
|
|
1480
|
+
}, qe = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опцию", disabled: o = !1, stringWhileDisabled: s = !1, label: l, error: _, size: v = "md", hint: y, className: b = "", required: x = !1, name: S, id: C, needMark: w = !0, maxMenuHeight: T }) => {
|
|
1467
1481
|
let E = d(), D = C ?? `ds-dropdown-${S ?? E}`, O = `${D}-listbox`, [k, A] = h(!1), [j, M] = h(null), N = m(null), P = m(null), F = m(null), I = m([]), L = p(() => e.find((e) => e.value === r), [e, r]), R = y ? `${D}-hint` : void 0, z = _ ? `${D}-error` : void 0, B = [R, z].filter(Boolean).join(" ") || void 0, te = o && s, V = c(() => {
|
|
1468
1482
|
let e = P.current, t = F.current;
|
|
1469
1483
|
if (!e || !t) return;
|
|
1470
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom -
|
|
1484
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - He, o = n.top - He, s = a < r.height && o > a, c = Math.max(We, s ? o : a), l = Ke(T), u = Math.min(c, l), d = n.left, f = i - n.width - He, p = Math.max(He, Math.min(d, f)), m = s ? Math.max(He, n.top - r.height - Ue) : n.bottom + Ue;
|
|
1471
1485
|
M({
|
|
1472
1486
|
top: m,
|
|
1473
1487
|
left: p,
|
|
@@ -1500,7 +1514,7 @@ var O = {
|
|
|
1500
1514
|
};
|
|
1501
1515
|
}, [k]);
|
|
1502
1516
|
let H = (t, n) => {
|
|
1503
|
-
let r =
|
|
1517
|
+
let r = Ge(e, t, n);
|
|
1504
1518
|
if (r === -1) return;
|
|
1505
1519
|
let i = I.current[r];
|
|
1506
1520
|
i?.focus(), i?.scrollIntoView({ block: "nearest" });
|
|
@@ -1641,25 +1655,25 @@ var O = {
|
|
|
1641
1655
|
})
|
|
1642
1656
|
]
|
|
1643
1657
|
});
|
|
1644
|
-
},
|
|
1658
|
+
}, Je = (e) => `${e.id}:${e.direction}`, Ye = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
|
|
1645
1659
|
let c = e.flatMap((e) => [{
|
|
1646
|
-
value:
|
|
1660
|
+
value: Je({
|
|
1647
1661
|
id: e.id,
|
|
1648
1662
|
direction: "asc"
|
|
1649
1663
|
}),
|
|
1650
1664
|
label: e.ascLabel ?? `${e.label} · по возрастанию`,
|
|
1651
1665
|
disabled: e.disabled
|
|
1652
1666
|
}, {
|
|
1653
|
-
value:
|
|
1667
|
+
value: Je({
|
|
1654
1668
|
id: e.id,
|
|
1655
1669
|
direction: "desc"
|
|
1656
1670
|
}),
|
|
1657
1671
|
label: e.descLabel ?? `${e.label} · по убыванию`,
|
|
1658
1672
|
disabled: e.disabled
|
|
1659
1673
|
}]);
|
|
1660
|
-
return /* @__PURE__ */ t(
|
|
1674
|
+
return /* @__PURE__ */ t(qe, {
|
|
1661
1675
|
options: c,
|
|
1662
|
-
value: n ?
|
|
1676
|
+
value: n ? Je(n) : "",
|
|
1663
1677
|
label: i,
|
|
1664
1678
|
placeholder: a,
|
|
1665
1679
|
disabled: o,
|
|
@@ -1695,16 +1709,16 @@ var O = {
|
|
|
1695
1709
|
default: "_default_1jtuu_371",
|
|
1696
1710
|
tableOnMobile: "_tableOnMobile_1jtuu_371",
|
|
1697
1711
|
wide: "_wide_1jtuu_401"
|
|
1698
|
-
},
|
|
1712
|
+
}, Xe = y({
|
|
1699
1713
|
rowSortingFeature: v,
|
|
1700
1714
|
sortedRowModel: _()
|
|
1701
|
-
}),
|
|
1715
|
+
}), Ze = (e) => {
|
|
1702
1716
|
if (!(!e || e.width === void 0 && e.minWidth === void 0 && e.maxWidth === void 0)) return {
|
|
1703
1717
|
width: e.width,
|
|
1704
1718
|
minWidth: e.minWidth,
|
|
1705
1719
|
maxWidth: e.maxWidth
|
|
1706
1720
|
};
|
|
1707
|
-
},
|
|
1721
|
+
}, Qe = (e, t) => t <= 7 ? Array.from({ length: t }, (e, t) => t) : e <= 3 ? [
|
|
1708
1722
|
0,
|
|
1709
1723
|
1,
|
|
1710
1724
|
2,
|
|
@@ -1728,7 +1742,7 @@ var O = {
|
|
|
1728
1742
|
e + 1,
|
|
1729
1743
|
"ellipsis-end",
|
|
1730
1744
|
t - 1
|
|
1731
|
-
],
|
|
1745
|
+
], $e = (e, t) => {
|
|
1732
1746
|
let n = /* @__PURE__ */ new Set();
|
|
1733
1747
|
for (let t of e) {
|
|
1734
1748
|
if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
|
|
@@ -1740,36 +1754,36 @@ var O = {
|
|
|
1740
1754
|
for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
|
|
1741
1755
|
}
|
|
1742
1756
|
return null;
|
|
1743
|
-
},
|
|
1757
|
+
}, et = (e, t) => typeof e == "function" ? e(t) : t[e], tt = (e) => {
|
|
1744
1758
|
if (e == null || e === "") return null;
|
|
1745
1759
|
let t = Date.parse(String(e));
|
|
1746
1760
|
return Number.isNaN(t) ? null : t;
|
|
1747
|
-
},
|
|
1748
|
-
let r =
|
|
1761
|
+
}, nt = (e, t, n) => {
|
|
1762
|
+
let r = tt(e.getValue(n)), i = tt(t.getValue(n));
|
|
1749
1763
|
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
1750
|
-
},
|
|
1764
|
+
}, rt = (e, t, n) => {
|
|
1751
1765
|
let r = e.getValue(n), i = t.getValue(n);
|
|
1752
1766
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
1753
|
-
},
|
|
1767
|
+
}, it = (e, t, n) => {
|
|
1754
1768
|
let r = e.getValue(n), i = t.getValue(n);
|
|
1755
1769
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
1756
|
-
},
|
|
1770
|
+
}, at = (e, t, n) => {
|
|
1757
1771
|
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
1758
1772
|
return r.localeCompare(i, void 0, {
|
|
1759
1773
|
numeric: !0,
|
|
1760
1774
|
sensitivity: "base"
|
|
1761
1775
|
});
|
|
1762
|
-
},
|
|
1776
|
+
}, ot = (e) => {
|
|
1763
1777
|
switch (e) {
|
|
1764
|
-
case "date": return
|
|
1765
|
-
case "number": return
|
|
1766
|
-
case "boolean": return
|
|
1778
|
+
case "date": return nt;
|
|
1779
|
+
case "number": return rt;
|
|
1780
|
+
case "boolean": return it;
|
|
1767
1781
|
case "text":
|
|
1768
|
-
case void 0: return
|
|
1782
|
+
case void 0: return at;
|
|
1769
1783
|
case "custom": return;
|
|
1770
1784
|
}
|
|
1771
|
-
},
|
|
1772
|
-
let t = (t) =>
|
|
1785
|
+
}, st = (e) => {
|
|
1786
|
+
let t = (t) => et(e.accessor, t), n = e.sortFn ?? ot(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
|
|
1773
1787
|
id: e.id,
|
|
1774
1788
|
accessorFn: t,
|
|
1775
1789
|
header: () => e.header,
|
|
@@ -1781,13 +1795,13 @@ var O = {
|
|
|
1781
1795
|
sortDescFirst: e.sortDescFirst
|
|
1782
1796
|
};
|
|
1783
1797
|
return n !== void 0 && (i.sortFn = n), i;
|
|
1784
|
-
},
|
|
1798
|
+
}, ct = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: c, getRowId: l, caption: d, ariaLabel: f, loading: m = !1, error: g, emptyState: _ = "Нет данных", stickyHeader: v = !1, maxHeight: y, className: x = "", onRowClick: S, pagination: C = !1, paginationMode: w = "client", page: T = 1, pageSize: E = 30, totalCount: O, onPageChange: ee, visibleColumnIds: k }) => {
|
|
1785
1799
|
let [A, j] = h([]), [M, N] = h(0), P = o ?? A, F = P.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), I = Number.isFinite(E) && E > 0 ? Math.floor(E) : 30, L = C && w === "server", R = p(() => {
|
|
1786
1800
|
if (k === void 0) return e;
|
|
1787
1801
|
let t = new Set(k);
|
|
1788
1802
|
return e.filter((e) => t.has(e.id));
|
|
1789
|
-
}, [e, k]), z = p(() => R.length === 0 ? "Должна быть видима хотя бы одна колонка" :
|
|
1790
|
-
features:
|
|
1803
|
+
}, [e, k]), z = p(() => R.length === 0 ? "Должна быть видима хотя бы одна колонка" : $e(R, r), [r, R]), B = p(() => R.map(st), [R]), te = R.some((e) => Ze(e) !== void 0), V = b({
|
|
1804
|
+
features: Xe,
|
|
1791
1805
|
columns: B,
|
|
1792
1806
|
data: r,
|
|
1793
1807
|
state: { sorting: P },
|
|
@@ -1805,7 +1819,7 @@ var O = {
|
|
|
1805
1819
|
]), ie = p(() => R.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
|
|
1806
1820
|
id: e.id,
|
|
1807
1821
|
label: typeof e.header == "string" ? e.header : e.id
|
|
1808
|
-
})), [R]), ae = p(() =>
|
|
1822
|
+
})), [R]), ae = p(() => Qe(G, W), [W, G]), oe = [
|
|
1809
1823
|
Z.root,
|
|
1810
1824
|
a === "wide" ? Z.wide : Z.default,
|
|
1811
1825
|
i ? Z.tableOnMobile : "",
|
|
@@ -1836,7 +1850,7 @@ var O = {
|
|
|
1836
1850
|
className: oe,
|
|
1837
1851
|
"aria-busy": m,
|
|
1838
1852
|
children: [
|
|
1839
|
-
!i && !m && !se && re.length > 0 && ie.length > 0 && /* @__PURE__ */ t(
|
|
1853
|
+
!i && !m && !se && re.length > 0 && ie.length > 0 && /* @__PURE__ */ t(Ye, {
|
|
1840
1854
|
className: Z.mobileSort,
|
|
1841
1855
|
options: ie,
|
|
1842
1856
|
value: P[0] ? {
|
|
@@ -1856,7 +1870,7 @@ var O = {
|
|
|
1856
1870
|
"aria-label": f,
|
|
1857
1871
|
children: [
|
|
1858
1872
|
d && /* @__PURE__ */ t("caption", { children: d }),
|
|
1859
|
-
te && /* @__PURE__ */ t("colgroup", { children: R.map((e) => /* @__PURE__ */ t("col", { style:
|
|
1873
|
+
te && /* @__PURE__ */ t("colgroup", { children: R.map((e) => /* @__PURE__ */ t("col", { style: Ze(e) }, e.id)) }),
|
|
1860
1874
|
/* @__PURE__ */ t("thead", {
|
|
1861
1875
|
className: v ? Z.sticky : "",
|
|
1862
1876
|
children: V.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
|
|
@@ -1864,7 +1878,7 @@ var O = {
|
|
|
1864
1878
|
return /* @__PURE__ */ t("th", {
|
|
1865
1879
|
scope: "col",
|
|
1866
1880
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
1867
|
-
style:
|
|
1881
|
+
style: Ze(R.find((t) => t.id === e.column.id)),
|
|
1868
1882
|
children: /* @__PURE__ */ n("button", {
|
|
1869
1883
|
type: "button",
|
|
1870
1884
|
className: Z.sortButton,
|
|
@@ -1881,7 +1895,7 @@ var O = {
|
|
|
1881
1895
|
}),
|
|
1882
1896
|
/* @__PURE__ */ t("tbody", { children: m ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
1883
1897
|
colSpan: R.length,
|
|
1884
|
-
children: /* @__PURE__ */ t(
|
|
1898
|
+
children: /* @__PURE__ */ t(Ve, {
|
|
1885
1899
|
lines: 3,
|
|
1886
1900
|
height: 65
|
|
1887
1901
|
})
|
|
@@ -1902,7 +1916,7 @@ var O = {
|
|
|
1902
1916
|
tabIndex: S ? 0 : void 0,
|
|
1903
1917
|
role: S ? "button" : void 0,
|
|
1904
1918
|
children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", {
|
|
1905
|
-
style:
|
|
1919
|
+
style: Ze(R.find((t) => t.id === e.column.id)),
|
|
1906
1920
|
children: /* @__PURE__ */ t(V.FlexRender, { cell: e })
|
|
1907
1921
|
}, e.id))
|
|
1908
1922
|
}, e.id)) })
|
|
@@ -1913,7 +1927,7 @@ var O = {
|
|
|
1913
1927
|
className: Z.cards,
|
|
1914
1928
|
role: "list",
|
|
1915
1929
|
"aria-label": f ?? d,
|
|
1916
|
-
children: m ? /* @__PURE__ */ t(
|
|
1930
|
+
children: m ? /* @__PURE__ */ t(Ve, {
|
|
1917
1931
|
lines: 4,
|
|
1918
1932
|
height: 65
|
|
1919
1933
|
}) : se ? /* @__PURE__ */ t("div", {
|
|
@@ -1930,7 +1944,7 @@ var O = {
|
|
|
1930
1944
|
columns: R
|
|
1931
1945
|
})
|
|
1932
1946
|
}, e.id);
|
|
1933
|
-
let r = R.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), i = r.find((e) => e.mobile?.primary) ?? r.find((e) => e.mobile?.mobileVariant !== "actions"), a = (t) =>
|
|
1947
|
+
let r = R.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), i = r.find((e) => e.mobile?.primary) ?? r.find((e) => e.mobile?.mobileVariant !== "actions"), a = (t) => et(t.accessor, e.original), o = (t) => t.mobile?.renderMobile?.(e.original, a(t)) ?? t.cell?.(e.original, a(t)) ?? String(a(t) ?? "");
|
|
1934
1948
|
return /* @__PURE__ */ n("article", {
|
|
1935
1949
|
role: "listitem",
|
|
1936
1950
|
className: Z.card,
|
|
@@ -2021,23 +2035,23 @@ var O = {
|
|
|
2021
2035
|
})
|
|
2022
2036
|
]
|
|
2023
2037
|
});
|
|
2024
|
-
},
|
|
2038
|
+
}, lt = 8, ut = 6, dt = 120, ft = (e) => {
|
|
2025
2039
|
if (typeof e == "number") return e;
|
|
2026
2040
|
if (typeof e == "string") {
|
|
2027
2041
|
let t = Number.parseFloat(e);
|
|
2028
2042
|
if (Number.isFinite(t)) return t;
|
|
2029
2043
|
}
|
|
2030
2044
|
return Infinity;
|
|
2031
|
-
},
|
|
2045
|
+
}, pt = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, stringWhileDisabled: s = !1, label: l, error: _, size: v = "md", required: y = !1, hint: b, className: x = "", name: S, id: C, closeOnSelect: w = !1, needMark: T = !0, maxMenuHeight: E }) => {
|
|
2032
2046
|
let D = d(), O = C ?? `ds-dropdown-multiple-${S ?? D}`, k = `${O}-listbox`, [A, j] = h(!1), [M, N] = h(null), P = m(null), F = m(null), I = m(null), L = m([]), R = p(() => e.filter((e) => r.includes(e.value)), [e, r]).map((e) => e.label).join(", "), z = b ? `${O}-hint` : void 0, B = _ ? `${O}-error` : void 0, te = [z, B].filter(Boolean).join(" ") || void 0, V = o && s, H = c(() => {
|
|
2033
2047
|
let e = F.current, t = I.current;
|
|
2034
2048
|
if (!e || !t) return;
|
|
2035
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom -
|
|
2049
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom - lt, a = n.top - lt, o = i < r.height && a > i, s = Math.max(dt, o ? a : i), c = window.innerWidth - n.width - lt;
|
|
2036
2050
|
N({
|
|
2037
|
-
top: o ? Math.max(
|
|
2038
|
-
left: Math.max(
|
|
2051
|
+
top: o ? Math.max(lt, n.top - r.height - ut) : n.bottom + ut,
|
|
2052
|
+
left: Math.max(lt, Math.min(n.left, c)),
|
|
2039
2053
|
width: n.width,
|
|
2040
|
-
maxHeight: Math.min(s,
|
|
2054
|
+
maxHeight: Math.min(s, ft(E))
|
|
2041
2055
|
});
|
|
2042
2056
|
}, [E]);
|
|
2043
2057
|
f(() => {
|
|
@@ -2065,7 +2079,7 @@ var O = {
|
|
|
2065
2079
|
};
|
|
2066
2080
|
}, [A]);
|
|
2067
2081
|
let U = (t, n) => {
|
|
2068
|
-
let r =
|
|
2082
|
+
let r = Ge(e, t, n);
|
|
2069
2083
|
r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
|
|
2070
2084
|
}, W = (t) => {
|
|
2071
2085
|
if (t.disabled) return;
|
|
@@ -2199,7 +2213,7 @@ var O = {
|
|
|
2199
2213
|
})
|
|
2200
2214
|
]
|
|
2201
2215
|
});
|
|
2202
|
-
},
|
|
2216
|
+
}, mt = {
|
|
2203
2217
|
wrapper: "_wrapper_1izp1_1",
|
|
2204
2218
|
control: "_control_1izp1_15",
|
|
2205
2219
|
input: "_input_1izp1_25",
|
|
@@ -2209,12 +2223,12 @@ var O = {
|
|
|
2209
2223
|
lg: "_lg_1izp1_139",
|
|
2210
2224
|
inputError: "_inputError_1izp1_155",
|
|
2211
2225
|
trailingAction: "_trailingAction_1izp1_163"
|
|
2212
|
-
},
|
|
2226
|
+
}, ht = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: s = !1, stringWhileDisabled: c = !1, label: l, error: f, hint: p, className: g = "", name: _, id: v, size: y = "md", clearable: b = !0, required: x = !1, selectTextOnFocus: S = !1, isPassword: C = !1, passwordVisibleLabel: w = "Скрыть пароль", passwordHiddenLabel: T = "Показать пароль", onFocus: E, ...D }) => {
|
|
2213
2227
|
let O = d(), A = v ?? `ds-input-${_ ?? O}`, j = m(null), [M, N] = h(!1), P = p ? `${A}-hint` : void 0, F = f ? `${A}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0, R = C ? M ? "text" : "password" : i;
|
|
2214
2228
|
return u(() => {
|
|
2215
2229
|
C || N(!1);
|
|
2216
2230
|
}, [C]), /* @__PURE__ */ n("div", {
|
|
2217
|
-
className: `${
|
|
2231
|
+
className: `${mt.wrapper} ${g}`,
|
|
2218
2232
|
children: [
|
|
2219
2233
|
l && /* @__PURE__ */ t(ee, {
|
|
2220
2234
|
htmlFor: A,
|
|
@@ -2224,11 +2238,11 @@ var O = {
|
|
|
2224
2238
|
}),
|
|
2225
2239
|
o && c ? /* @__PURE__ */ t("div", {
|
|
2226
2240
|
id: A,
|
|
2227
|
-
className:
|
|
2241
|
+
className: mt.disabledText,
|
|
2228
2242
|
"aria-describedby": L,
|
|
2229
2243
|
children: I || a
|
|
2230
2244
|
}) : /* @__PURE__ */ n("div", {
|
|
2231
|
-
className:
|
|
2245
|
+
className: mt.control,
|
|
2232
2246
|
children: [
|
|
2233
2247
|
/* @__PURE__ */ t("input", {
|
|
2234
2248
|
ref: j,
|
|
@@ -2242,7 +2256,7 @@ var O = {
|
|
|
2242
2256
|
required: x,
|
|
2243
2257
|
"aria-invalid": !!f,
|
|
2244
2258
|
"aria-describedby": L,
|
|
2245
|
-
className: `${
|
|
2259
|
+
className: `${mt.input} ${mt[y]} ${f ? mt.inputError : ""}`,
|
|
2246
2260
|
onChange: (e) => {
|
|
2247
2261
|
if (i === "number" && !C) {
|
|
2248
2262
|
let t = e.target.value === "" ? "" : Number(e.target.value);
|
|
@@ -2258,7 +2272,7 @@ var O = {
|
|
|
2258
2272
|
}),
|
|
2259
2273
|
C && /* @__PURE__ */ t("button", {
|
|
2260
2274
|
type: "button",
|
|
2261
|
-
className:
|
|
2275
|
+
className: mt.trailingAction,
|
|
2262
2276
|
disabled: o,
|
|
2263
2277
|
"aria-label": M ? w : T,
|
|
2264
2278
|
"aria-pressed": M,
|
|
@@ -2271,7 +2285,7 @@ var O = {
|
|
|
2271
2285
|
}),
|
|
2272
2286
|
!C && b && I && !o && !s && /* @__PURE__ */ t("button", {
|
|
2273
2287
|
type: "button",
|
|
2274
|
-
className:
|
|
2288
|
+
className: mt.trailingAction,
|
|
2275
2289
|
"aria-label": "Очистить поле",
|
|
2276
2290
|
onClick: () => {
|
|
2277
2291
|
let e = j.current;
|
|
@@ -2296,10 +2310,10 @@ var O = {
|
|
|
2296
2310
|
})
|
|
2297
2311
|
]
|
|
2298
2312
|
});
|
|
2299
|
-
},
|
|
2313
|
+
}, gt = (e, t) => {
|
|
2300
2314
|
let n = t.trim().toLocaleLowerCase();
|
|
2301
2315
|
return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
|
|
2302
|
-
},
|
|
2316
|
+
}, _t = (e, t, n) => {
|
|
2303
2317
|
if (!e.length) return -1;
|
|
2304
2318
|
for (let r = 0; r < e.length; r += 1) {
|
|
2305
2319
|
let i = (t + r * n + e.length) % e.length;
|
|
@@ -2324,23 +2338,23 @@ var O = {
|
|
|
2324
2338
|
selected: "_selected_1v2s8_321",
|
|
2325
2339
|
active: "_active_1v2s8_321",
|
|
2326
2340
|
visuallyHidden: "_visuallyHidden_1v2s8_341"
|
|
2327
|
-
},
|
|
2341
|
+
}, vt = 8, yt = 6, bt = 5, xt = 10, St = {
|
|
2328
2342
|
sm: 30,
|
|
2329
2343
|
md: 40,
|
|
2330
2344
|
lg: 50
|
|
2331
|
-
},
|
|
2345
|
+
}, Ct = ({ options: e, value: r, onChange: i, placeholder: a = "Начните вводить", noResultsText: o = "Ничего не найдено", disabled: s = !1, readOnly: l = !1, stringWhileDisabled: _ = !1, label: v, error: y, hint: b, size: x = "md", required: S = !1, className: C = "", name: w, id: T, needMark: E = !0 }) => {
|
|
2332
2346
|
let D = d(), O = T ?? `ds-search-dropdown-${w ?? D}`, A = `${O}-listbox`, j = `${O}-status`, M = b ? `${O}-hint` : void 0, N = y ? `${O}-error` : void 0, P = [
|
|
2333
2347
|
j,
|
|
2334
2348
|
M,
|
|
2335
2349
|
N
|
|
2336
|
-
].filter(Boolean).join(" "), F = m(null), I = m(null), L = m([]), [R, z] = h(!1), [B, te] = h(""), [V, H] = h(-1), [U, W] = h(null), ne = p(() => e.find((e) => e.value === r), [e, r]), G = p(() =>
|
|
2350
|
+
].filter(Boolean).join(" "), F = m(null), I = m(null), L = m([]), [R, z] = h(!1), [B, te] = h(""), [V, H] = h(-1), [U, W] = h(null), ne = p(() => e.find((e) => e.value === r), [e, r]), G = p(() => gt(e, B), [e, B]), re = s && _, ie = V >= 0 ? G[V] : void 0;
|
|
2337
2351
|
u(() => te(ne?.label ?? ""), [ne?.label, r]);
|
|
2338
|
-
let ae = c(() => F.current?.querySelector("input") ?? null, []), oe = c((e, t) =>
|
|
2352
|
+
let ae = c(() => F.current?.querySelector("input") ?? null, []), oe = c((e, t) => _t(G, e, t), [G]), se = c((e) => {
|
|
2339
2353
|
H(e), !(e < 0) && requestAnimationFrame(() => L.current[e]?.scrollIntoView({ block: "nearest" }));
|
|
2340
2354
|
}, []), K = c(() => {
|
|
2341
2355
|
let e = ae();
|
|
2342
2356
|
if (!e) return;
|
|
2343
|
-
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(G.length,
|
|
2357
|
+
let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(G.length, bt)) * St[x] + xt, r = window.innerHeight - t.bottom - vt, i = t.top - vt, a = r < n && i > r, o = a ? i : r, s = Math.max(St[x] + xt, Math.min(n, o)), c = window.innerWidth - t.width - vt, l = Math.max(vt, Math.min(t.left, c)), u = a ? Math.max(vt, t.top - s - yt) : t.bottom + yt;
|
|
2344
2358
|
W({
|
|
2345
2359
|
top: u,
|
|
2346
2360
|
left: l,
|
|
@@ -2445,7 +2459,7 @@ var O = {
|
|
|
2445
2459
|
children: ne?.label ?? a
|
|
2446
2460
|
}) : /* @__PURE__ */ n("div", {
|
|
2447
2461
|
className: Q.control,
|
|
2448
|
-
children: [/* @__PURE__ */ t(
|
|
2462
|
+
children: [/* @__PURE__ */ t(ht, {
|
|
2449
2463
|
id: O,
|
|
2450
2464
|
name: w,
|
|
2451
2465
|
value: B,
|
|
@@ -2459,8 +2473,8 @@ var O = {
|
|
|
2459
2473
|
className: `${Q.inputHost} ${Q[x]}`,
|
|
2460
2474
|
onFocus: ce,
|
|
2461
2475
|
onChange: (t) => {
|
|
2462
|
-
let n = String(t), r =
|
|
2463
|
-
te(n), z(!0), H(
|
|
2476
|
+
let n = String(t), r = gt(e, n);
|
|
2477
|
+
te(n), z(!0), H(_t(r, 0, 1));
|
|
2464
2478
|
},
|
|
2465
2479
|
role: "combobox",
|
|
2466
2480
|
"aria-autocomplete": "list",
|
|
@@ -2512,25 +2526,25 @@ var O = {
|
|
|
2512
2526
|
})
|
|
2513
2527
|
]
|
|
2514
2528
|
});
|
|
2515
|
-
},
|
|
2529
|
+
}, wt = {
|
|
2516
2530
|
root: "_root_11adi_1",
|
|
2517
2531
|
header: "_header_11adi_21",
|
|
2518
2532
|
title: "_title_11adi_41",
|
|
2519
2533
|
dismiss: "_dismiss_11adi_55",
|
|
2520
2534
|
content: "_content_11adi_65"
|
|
2521
|
-
},
|
|
2535
|
+
}, Tt = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: c = "" }) => {
|
|
2522
2536
|
let l = `ds-info-block-${d()}`;
|
|
2523
2537
|
return /* @__PURE__ */ n("section", {
|
|
2524
|
-
className: `${
|
|
2538
|
+
className: `${wt.root} ${c}`,
|
|
2525
2539
|
"aria-labelledby": l,
|
|
2526
2540
|
children: [/* @__PURE__ */ n("header", {
|
|
2527
|
-
className:
|
|
2541
|
+
className: wt.header,
|
|
2528
2542
|
children: [/* @__PURE__ */ t(s, {
|
|
2529
2543
|
id: l,
|
|
2530
|
-
className:
|
|
2544
|
+
className: wt.title,
|
|
2531
2545
|
children: e
|
|
2532
2546
|
}), i && /* @__PURE__ */ t(D, {
|
|
2533
|
-
className:
|
|
2547
|
+
className: wt.dismiss,
|
|
2534
2548
|
variant: "empty",
|
|
2535
2549
|
onClick: a,
|
|
2536
2550
|
"aria-label": o,
|
|
@@ -2541,26 +2555,26 @@ var O = {
|
|
|
2541
2555
|
})
|
|
2542
2556
|
})]
|
|
2543
2557
|
}), /* @__PURE__ */ t("div", {
|
|
2544
|
-
className:
|
|
2558
|
+
className: wt.content,
|
|
2545
2559
|
children: r
|
|
2546
2560
|
})]
|
|
2547
2561
|
});
|
|
2548
|
-
},
|
|
2562
|
+
}, Et = {
|
|
2549
2563
|
wrapper: "_wrapper_1jspu_1",
|
|
2550
2564
|
input: "_input_1jspu_21",
|
|
2551
2565
|
switch: "_switch_1jspu_35",
|
|
2552
2566
|
thumb: "_thumb_1jspu_67",
|
|
2553
2567
|
label: "_label_1jspu_113",
|
|
2554
2568
|
disabled: "_disabled_1jspu_125"
|
|
2555
|
-
},
|
|
2569
|
+
}, Dt = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: c, id: l, value: u }) => {
|
|
2556
2570
|
let f = d(), p = l ?? `ds-radio-button-${c ?? f}`;
|
|
2557
2571
|
return /* @__PURE__ */ n("label", {
|
|
2558
2572
|
htmlFor: p,
|
|
2559
|
-
className: `${
|
|
2573
|
+
className: `${Et.wrapper} ${a ? Et.disabled : ""} ${s}`,
|
|
2560
2574
|
children: [
|
|
2561
2575
|
/* @__PURE__ */ t("input", {
|
|
2562
2576
|
id: p,
|
|
2563
|
-
className:
|
|
2577
|
+
className: Et.input,
|
|
2564
2578
|
type: "checkbox",
|
|
2565
2579
|
role: "switch",
|
|
2566
2580
|
name: c,
|
|
@@ -2573,21 +2587,21 @@ var O = {
|
|
|
2573
2587
|
}
|
|
2574
2588
|
}),
|
|
2575
2589
|
/* @__PURE__ */ t("span", {
|
|
2576
|
-
className:
|
|
2590
|
+
className: Et.switch,
|
|
2577
2591
|
"aria-hidden": "true",
|
|
2578
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
2592
|
+
children: /* @__PURE__ */ t("span", { className: Et.thumb })
|
|
2579
2593
|
}),
|
|
2580
2594
|
i && /* @__PURE__ */ t("span", {
|
|
2581
|
-
className:
|
|
2595
|
+
className: Et.label,
|
|
2582
2596
|
children: i
|
|
2583
2597
|
})
|
|
2584
2598
|
]
|
|
2585
2599
|
});
|
|
2586
|
-
},
|
|
2600
|
+
}, Ot = {
|
|
2587
2601
|
root: "_root_1ecm3_1",
|
|
2588
2602
|
grid: "_grid_1ecm3_13",
|
|
2589
2603
|
actions: "_actions_1ecm3_27"
|
|
2590
|
-
},
|
|
2604
|
+
}, kt = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
2591
2605
|
let d = (e, t) => {
|
|
2592
2606
|
let n = {
|
|
2593
2607
|
...r,
|
|
@@ -2596,11 +2610,11 @@ var O = {
|
|
|
2596
2610
|
i?.(n, e), s === "instant" && a?.(n);
|
|
2597
2611
|
};
|
|
2598
2612
|
return /* @__PURE__ */ n("section", {
|
|
2599
|
-
className: `${
|
|
2613
|
+
className: `${Ot.root} ${u}`,
|
|
2600
2614
|
"aria-label": "Фильтры",
|
|
2601
2615
|
"aria-busy": c,
|
|
2602
2616
|
children: [/* @__PURE__ */ t("div", {
|
|
2603
|
-
className:
|
|
2617
|
+
className: Ot.grid,
|
|
2604
2618
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
2605
2619
|
let n = l || c || e.disabled, i = r[e.id];
|
|
2606
2620
|
if (e.type === "input") {
|
|
@@ -2610,19 +2624,19 @@ var O = {
|
|
|
2610
2624
|
placeholder: e.placeholder,
|
|
2611
2625
|
disabled: n
|
|
2612
2626
|
};
|
|
2613
|
-
return e.inputType === "number" ? /* @__PURE__ */ t(
|
|
2627
|
+
return e.inputType === "number" ? /* @__PURE__ */ t(ht, {
|
|
2614
2628
|
...r,
|
|
2615
2629
|
type: "number",
|
|
2616
2630
|
value: i ?? "",
|
|
2617
2631
|
onChange: (t) => d(e.id, t)
|
|
2618
|
-
}, e.id) : /* @__PURE__ */ t(
|
|
2632
|
+
}, e.id) : /* @__PURE__ */ t(ht, {
|
|
2619
2633
|
...r,
|
|
2620
2634
|
type: "text",
|
|
2621
2635
|
value: String(i ?? ""),
|
|
2622
2636
|
onChange: (t) => d(e.id, t)
|
|
2623
2637
|
}, e.id);
|
|
2624
2638
|
}
|
|
2625
|
-
if (e.type === "dropdown") return /* @__PURE__ */ t(
|
|
2639
|
+
if (e.type === "dropdown") return /* @__PURE__ */ t(qe, {
|
|
2626
2640
|
label: e.label,
|
|
2627
2641
|
hint: e.hint,
|
|
2628
2642
|
placeholder: e.placeholder,
|
|
@@ -2631,7 +2645,7 @@ var O = {
|
|
|
2631
2645
|
disabled: n,
|
|
2632
2646
|
onChange: (t) => d(e.id, t)
|
|
2633
2647
|
}, e.id);
|
|
2634
|
-
if (e.type === "multiple") return /* @__PURE__ */ t(
|
|
2648
|
+
if (e.type === "multiple") return /* @__PURE__ */ t(pt, {
|
|
2635
2649
|
label: e.label,
|
|
2636
2650
|
hint: e.hint,
|
|
2637
2651
|
placeholder: e.placeholder,
|
|
@@ -2640,14 +2654,14 @@ var O = {
|
|
|
2640
2654
|
disabled: n,
|
|
2641
2655
|
onChange: (t) => d(e.id, t)
|
|
2642
2656
|
}, e.id);
|
|
2643
|
-
if (e.type === "checkbox") return /* @__PURE__ */ t(
|
|
2657
|
+
if (e.type === "checkbox") return /* @__PURE__ */ t(ge, {
|
|
2644
2658
|
label: e.label,
|
|
2645
2659
|
hint: e.hint,
|
|
2646
2660
|
checked: !!i,
|
|
2647
2661
|
disabled: n,
|
|
2648
2662
|
onChange: (t) => d(e.id, t)
|
|
2649
2663
|
}, e.id);
|
|
2650
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
2664
|
+
if (e.type === "radio") return /* @__PURE__ */ t(Dt, {
|
|
2651
2665
|
label: e.label,
|
|
2652
2666
|
checked: !!i,
|
|
2653
2667
|
disabled: n,
|
|
@@ -2657,7 +2671,7 @@ var O = {
|
|
|
2657
2671
|
from: null,
|
|
2658
2672
|
to: null
|
|
2659
2673
|
};
|
|
2660
|
-
return /* @__PURE__ */ t(
|
|
2674
|
+
return /* @__PURE__ */ t(ze, {
|
|
2661
2675
|
hint: e.hint,
|
|
2662
2676
|
mode: e.mode,
|
|
2663
2677
|
min: e.min,
|
|
@@ -2668,7 +2682,7 @@ var O = {
|
|
|
2668
2682
|
}, e.id);
|
|
2669
2683
|
})
|
|
2670
2684
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
2671
|
-
className:
|
|
2685
|
+
className: Ot.actions,
|
|
2672
2686
|
children: [o && /* @__PURE__ */ t(D, {
|
|
2673
2687
|
variant: "destructiveOutline",
|
|
2674
2688
|
disabled: l || c,
|
|
@@ -2682,7 +2696,7 @@ var O = {
|
|
|
2682
2696
|
})]
|
|
2683
2697
|
})]
|
|
2684
2698
|
});
|
|
2685
|
-
},
|
|
2699
|
+
}, At = {
|
|
2686
2700
|
wrapper: "_wrapper_i20hz_1",
|
|
2687
2701
|
dropzone: "_dropzone_i20hz_15",
|
|
2688
2702
|
dragActive: "_dragActive_i20hz_45",
|
|
@@ -2695,12 +2709,12 @@ var O = {
|
|
|
2695
2709
|
file: "_file_i20hz_133",
|
|
2696
2710
|
fileName: "_fileName_i20hz_175",
|
|
2697
2711
|
fileSize: "_fileSize_i20hz_187"
|
|
2698
|
-
},
|
|
2712
|
+
}, jt = (e) => `${e.name}:${e.size}:${e.lastModified}`, Mt = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Nt = (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), Pt = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: c, label: l, hint: u, error: f, required: p = !1, disabled: g = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: w }) => {
|
|
2699
2713
|
let T = d(), E = y ?? `ds-file-input-${v ?? T}`, O = m(null), A = m(0), [j, M] = h(!1), N = u ? `${E}-hint` : void 0, P = f ? `${E}-error` : void 0, F = [N, P].filter(Boolean).join(" ") || void 0, I = !g && !_, L = (e) => {
|
|
2700
|
-
let t = [], n = new Set(r.map(
|
|
2714
|
+
let t = [], n = new Set(r.map(jt)), l = e.filter((e) => Nt(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
2701
2715
|
file: e,
|
|
2702
2716
|
reason: "maxSize"
|
|
2703
|
-
}), !1) : !n.has(
|
|
2717
|
+
}), !1) : !n.has(jt(e)) && (n.add(jt(e)), !0) : (t.push({
|
|
2704
2718
|
file: e,
|
|
2705
2719
|
reason: "accept"
|
|
2706
2720
|
}), !1)), u = a ? c : 1, d = a ? [...r, ...l] : l.slice(-1);
|
|
@@ -2710,7 +2724,7 @@ var O = {
|
|
|
2710
2724
|
})), d = d.slice(0, u)), t.length && w?.(t), l.length && i?.(d), O.current && (O.current.value = "");
|
|
2711
2725
|
};
|
|
2712
2726
|
return /* @__PURE__ */ n("div", {
|
|
2713
|
-
className: `${
|
|
2727
|
+
className: `${At.wrapper} ${b}`,
|
|
2714
2728
|
children: [
|
|
2715
2729
|
l && /* @__PURE__ */ t(ee, {
|
|
2716
2730
|
htmlFor: E,
|
|
@@ -2719,7 +2733,7 @@ var O = {
|
|
|
2719
2733
|
children: l
|
|
2720
2734
|
}),
|
|
2721
2735
|
/* @__PURE__ */ n("div", {
|
|
2722
|
-
className: `${
|
|
2736
|
+
className: `${At.dropzone} ${j ? At.dragActive : ""} ${g ? At.disabled : ""} ${f ? At.error : ""}`,
|
|
2723
2737
|
onDragEnter: (e) => {
|
|
2724
2738
|
e.preventDefault(), I && ++A.current === 1 && M(!0);
|
|
2725
2739
|
},
|
|
@@ -2734,7 +2748,7 @@ var O = {
|
|
|
2734
2748
|
ref: O,
|
|
2735
2749
|
id: E,
|
|
2736
2750
|
name: v,
|
|
2737
|
-
className:
|
|
2751
|
+
className: At.nativeInput,
|
|
2738
2752
|
type: "file",
|
|
2739
2753
|
multiple: a,
|
|
2740
2754
|
accept: o,
|
|
@@ -2745,19 +2759,19 @@ var O = {
|
|
|
2745
2759
|
onChange: (e) => L(Array.from(e.target.files ?? []))
|
|
2746
2760
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
2747
2761
|
/* @__PURE__ */ t("ul", {
|
|
2748
|
-
className:
|
|
2762
|
+
className: At.files,
|
|
2749
2763
|
"aria-live": "polite",
|
|
2750
2764
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
2751
|
-
className:
|
|
2765
|
+
className: At.file,
|
|
2752
2766
|
children: [
|
|
2753
2767
|
/* @__PURE__ */ t("span", {
|
|
2754
|
-
className:
|
|
2768
|
+
className: At.fileName,
|
|
2755
2769
|
title: e.name,
|
|
2756
2770
|
children: e.name
|
|
2757
2771
|
}),
|
|
2758
2772
|
/* @__PURE__ */ t("span", {
|
|
2759
|
-
className:
|
|
2760
|
-
children:
|
|
2773
|
+
className: At.fileSize,
|
|
2774
|
+
children: Mt(e.size)
|
|
2761
2775
|
}),
|
|
2762
2776
|
I && /* @__PURE__ */ t(D, {
|
|
2763
2777
|
variant: "empty",
|
|
@@ -2771,25 +2785,25 @@ var O = {
|
|
|
2771
2785
|
})
|
|
2772
2786
|
})
|
|
2773
2787
|
]
|
|
2774
|
-
},
|
|
2788
|
+
}, jt(e)))
|
|
2775
2789
|
}),
|
|
2776
2790
|
I && (a || r.length === 0) && /* @__PURE__ */ t(D, {
|
|
2777
|
-
className:
|
|
2791
|
+
className: At.browseButton,
|
|
2778
2792
|
size: "sm",
|
|
2779
2793
|
onClick: () => O.current?.click(),
|
|
2780
2794
|
children: C
|
|
2781
2795
|
}),
|
|
2782
2796
|
I && !a && /* @__PURE__ */ t(D, {
|
|
2783
|
-
className:
|
|
2797
|
+
className: At.browseButton,
|
|
2784
2798
|
size: "sm",
|
|
2785
2799
|
onClick: () => O.current?.click(),
|
|
2786
2800
|
children: S
|
|
2787
2801
|
})
|
|
2788
2802
|
] }) : /* @__PURE__ */ n("div", {
|
|
2789
|
-
className:
|
|
2803
|
+
className: At.empty,
|
|
2790
2804
|
children: [
|
|
2791
2805
|
/* @__PURE__ */ t("span", {
|
|
2792
|
-
className:
|
|
2806
|
+
className: At.uploadIcon,
|
|
2793
2807
|
"aria-hidden": "true",
|
|
2794
2808
|
children: /* @__PURE__ */ t(J, {
|
|
2795
2809
|
name: "IconUpload",
|
|
@@ -2817,7 +2831,7 @@ var O = {
|
|
|
2817
2831
|
})
|
|
2818
2832
|
]
|
|
2819
2833
|
});
|
|
2820
|
-
},
|
|
2834
|
+
}, Ft = {
|
|
2821
2835
|
wrapper: "_wrapper_x2gki_1",
|
|
2822
2836
|
control: "_control_x2gki_15",
|
|
2823
2837
|
textarea: "_textarea_x2gki_25",
|
|
@@ -2831,12 +2845,12 @@ var O = {
|
|
|
2831
2845
|
clearAction: "_clearAction_x2gki_171",
|
|
2832
2846
|
messages: "_messages_x2gki_251",
|
|
2833
2847
|
counter: "_counter_x2gki_265"
|
|
2834
|
-
},
|
|
2835
|
-
function
|
|
2848
|
+
}, It = 2;
|
|
2849
|
+
function Lt(e) {
|
|
2836
2850
|
let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
|
|
2837
2851
|
return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
|
|
2838
2852
|
}
|
|
2839
|
-
function
|
|
2853
|
+
function Rt({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, readOnly: o = !1, stringWhileDisabled: s = !1, label: l, error: f, hint: p, className: h = "", name: g, id: _, size: v = "md", clearable: y = !1, required: b = !1, maxLength: x, showCount: S = !1, minRows: C = It, maxRows: w, autoResize: T = !0, ...E }) {
|
|
2840
2854
|
let D = d(), O = _ ?? `ds-textarea-${g ?? D}`, A = m(null), j = p ? `${O}-hint` : void 0, M = f ? `${O}-error` : void 0, N = S && x ? `${O}-count` : void 0, P = [
|
|
2841
2855
|
j,
|
|
2842
2856
|
M,
|
|
@@ -2844,7 +2858,7 @@ function It({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2844
2858
|
].filter(Boolean).join(" ") || void 0, F = Math.max(1, C), I = w === void 0 ? void 0 : Math.max(F, w), L = c(() => {
|
|
2845
2859
|
let e = A.current;
|
|
2846
2860
|
if (!e || !T) return;
|
|
2847
|
-
let t = window.getComputedStyle(e), n =
|
|
2861
|
+
let t = window.getComputedStyle(e), n = Lt(e), r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom) + Number.parseFloat(t.borderTopWidth) + Number.parseFloat(t.borderBottomWidth), i = n * F + r, a = I === void 0 ? Infinity : n * I + r;
|
|
2848
2862
|
e.style.height = "auto";
|
|
2849
2863
|
let o = Math.min(Math.max(e.scrollHeight, i), a);
|
|
2850
2864
|
e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
|
|
@@ -2876,7 +2890,7 @@ function It({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2876
2890
|
e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), L());
|
|
2877
2891
|
}, B = { "--ds-textarea-min-rows": F };
|
|
2878
2892
|
return /* @__PURE__ */ n("div", {
|
|
2879
|
-
className: `${
|
|
2893
|
+
className: `${Ft.wrapper} ${h}`,
|
|
2880
2894
|
children: [
|
|
2881
2895
|
l && /* @__PURE__ */ t(ee, {
|
|
2882
2896
|
htmlFor: O,
|
|
@@ -2886,12 +2900,12 @@ function It({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2886
2900
|
}),
|
|
2887
2901
|
a && s ? /* @__PURE__ */ t("div", {
|
|
2888
2902
|
id: O,
|
|
2889
|
-
className: `${
|
|
2903
|
+
className: `${Ft.disabledText} ${Ft[v]}`,
|
|
2890
2904
|
style: B,
|
|
2891
2905
|
"aria-describedby": P,
|
|
2892
2906
|
children: e || i
|
|
2893
2907
|
}) : /* @__PURE__ */ n("div", {
|
|
2894
|
-
className:
|
|
2908
|
+
className: Ft.control,
|
|
2895
2909
|
children: [/* @__PURE__ */ t("textarea", {
|
|
2896
2910
|
ref: A,
|
|
2897
2911
|
id: O,
|
|
@@ -2906,12 +2920,12 @@ function It({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2906
2920
|
style: B,
|
|
2907
2921
|
"aria-invalid": !!f,
|
|
2908
2922
|
"aria-describedby": P,
|
|
2909
|
-
className: `${
|
|
2923
|
+
className: `${Ft.textarea} ${Ft[v]} ${T ? Ft.autoResize : Ft.manualResize} ${f ? Ft.textareaError : ""}`,
|
|
2910
2924
|
onChange: R,
|
|
2911
2925
|
...E
|
|
2912
2926
|
}), y && e && !a && !o && /* @__PURE__ */ t("button", {
|
|
2913
2927
|
type: "button",
|
|
2914
|
-
className:
|
|
2928
|
+
className: Ft.clearAction,
|
|
2915
2929
|
"aria-label": "Очистить поле",
|
|
2916
2930
|
onClick: z,
|
|
2917
2931
|
children: /* @__PURE__ */ t(J, {
|
|
@@ -2922,7 +2936,7 @@ function It({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2922
2936
|
})]
|
|
2923
2937
|
}),
|
|
2924
2938
|
(p || f || N) && /* @__PURE__ */ n("div", {
|
|
2925
|
-
className:
|
|
2939
|
+
className: Ft.messages,
|
|
2926
2940
|
children: [
|
|
2927
2941
|
p && !f && /* @__PURE__ */ t(k, {
|
|
2928
2942
|
id: j,
|
|
@@ -2935,7 +2949,7 @@ function It({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2935
2949
|
}),
|
|
2936
2950
|
N && /* @__PURE__ */ n("span", {
|
|
2937
2951
|
id: N,
|
|
2938
|
-
className:
|
|
2952
|
+
className: Ft.counter,
|
|
2939
2953
|
children: [
|
|
2940
2954
|
e.length,
|
|
2941
2955
|
" / ",
|
|
@@ -2949,11 +2963,11 @@ function It({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, read
|
|
|
2949
2963
|
}
|
|
2950
2964
|
//#endregion
|
|
2951
2965
|
//#region src/components/DSModal/modal.store.ts
|
|
2952
|
-
var
|
|
2966
|
+
var zt = 0, Bt = x((e, t) => ({
|
|
2953
2967
|
modals: [],
|
|
2954
2968
|
openModal: (t, n = {}, r = {}) => {
|
|
2955
|
-
|
|
2956
|
-
let i = `ds-modal-${
|
|
2969
|
+
zt += 1;
|
|
2970
|
+
let i = `ds-modal-${zt}`;
|
|
2957
2971
|
return e((e) => ({ modals: [...e.modals, {
|
|
2958
2972
|
id: i,
|
|
2959
2973
|
name: t,
|
|
@@ -2977,9 +2991,9 @@ var Lt = 0, Rt = x((e, t) => ({
|
|
|
2977
2991
|
let n = t().modals;
|
|
2978
2992
|
n.length && (e({ modals: [] }), n.forEach((e) => e.onClose?.()));
|
|
2979
2993
|
}
|
|
2980
|
-
})),
|
|
2981
|
-
|
|
2982
|
-
},
|
|
2994
|
+
})), Vt = () => {
|
|
2995
|
+
Bt.getState().closeAllModals(), zt = 0;
|
|
2996
|
+
}, Ht = {
|
|
2983
2997
|
layer: "_layer_1mvch_1",
|
|
2984
2998
|
backdrop: "_backdrop_1mvch_15",
|
|
2985
2999
|
panel: "_panel_1mvch_35",
|
|
@@ -2988,10 +3002,10 @@ var Lt = 0, Rt = x((e, t) => ({
|
|
|
2988
3002
|
description: "_description_1mvch_93",
|
|
2989
3003
|
content: "_content_1mvch_107",
|
|
2990
3004
|
close: "_close_1mvch_115"
|
|
2991
|
-
},
|
|
2992
|
-
function
|
|
3005
|
+
}, Ut = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Wt = i({});
|
|
3006
|
+
function Gt(e) {
|
|
2993
3007
|
if (e.key !== "Tab") return;
|
|
2994
|
-
let t = Array.from(e.currentTarget.querySelectorAll(
|
|
3008
|
+
let t = Array.from(e.currentTarget.querySelectorAll(Ut));
|
|
2995
3009
|
if (!t.length) {
|
|
2996
3010
|
e.preventDefault();
|
|
2997
3011
|
return;
|
|
@@ -2999,29 +3013,29 @@ function Ut(e) {
|
|
|
2999
3013
|
let n = t[0], r = t.at(-1);
|
|
3000
3014
|
e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
|
|
3001
3015
|
}
|
|
3002
|
-
var
|
|
3003
|
-
let f = l(
|
|
3016
|
+
var Kt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: s = "", role: c = "dialog" }) => {
|
|
3017
|
+
let f = l(Wt), p = r ?? f.title, h = i ?? f.description, g = d(), _ = d(), v = m(null), y = Bt((e) => e.closeModal), b = p != null, x = h != null;
|
|
3004
3018
|
return u(() => {
|
|
3005
3019
|
let e = document.activeElement, t = v.current;
|
|
3006
|
-
return (t?.querySelector(
|
|
3020
|
+
return (t?.querySelector(Ut) ?? t)?.focus(), () => e?.focus();
|
|
3007
3021
|
}, []), /* @__PURE__ */ n("div", {
|
|
3008
3022
|
ref: v,
|
|
3009
|
-
className: `${
|
|
3023
|
+
className: `${Ht.panel} ${s}`,
|
|
3010
3024
|
role: c,
|
|
3011
3025
|
"aria-modal": "true",
|
|
3012
3026
|
"aria-labelledby": b ? g : void 0,
|
|
3013
3027
|
"aria-describedby": x ? _ : void 0,
|
|
3014
3028
|
tabIndex: -1,
|
|
3015
|
-
onKeyDown:
|
|
3029
|
+
onKeyDown: Gt,
|
|
3016
3030
|
children: [
|
|
3017
3031
|
(b || o) && /* @__PURE__ */ n("header", {
|
|
3018
|
-
className:
|
|
3032
|
+
className: Ht.header,
|
|
3019
3033
|
children: [b && /* @__PURE__ */ t("h2", {
|
|
3020
3034
|
id: g,
|
|
3021
|
-
className:
|
|
3035
|
+
className: Ht.title,
|
|
3022
3036
|
children: p
|
|
3023
3037
|
}), /* @__PURE__ */ t(D, {
|
|
3024
|
-
className:
|
|
3038
|
+
className: Ht.close,
|
|
3025
3039
|
variant: "empty",
|
|
3026
3040
|
size: "sm",
|
|
3027
3041
|
"aria-label": o,
|
|
@@ -3035,21 +3049,21 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3035
3049
|
}),
|
|
3036
3050
|
x && /* @__PURE__ */ t("p", {
|
|
3037
3051
|
id: _,
|
|
3038
|
-
className:
|
|
3052
|
+
className: Ht.description,
|
|
3039
3053
|
children: h
|
|
3040
3054
|
}),
|
|
3041
3055
|
/* @__PURE__ */ t("div", {
|
|
3042
|
-
className:
|
|
3056
|
+
className: Ht.content,
|
|
3043
3057
|
children: e
|
|
3044
3058
|
})
|
|
3045
3059
|
]
|
|
3046
3060
|
});
|
|
3047
|
-
},
|
|
3048
|
-
let n =
|
|
3061
|
+
}, qt = ({ registry: e }) => {
|
|
3062
|
+
let n = Bt((e) => e.modals), r = Bt((e) => e.closeModal), i = Bt((e) => e.closeAllModals);
|
|
3049
3063
|
return u(() => {
|
|
3050
3064
|
let e = (e) => {
|
|
3051
3065
|
if (e.key !== "Escape") return;
|
|
3052
|
-
let t =
|
|
3066
|
+
let t = Bt.getState().modals.at(-1);
|
|
3053
3067
|
t?.closeOnEscape && r(t.id);
|
|
3054
3068
|
};
|
|
3055
3069
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
@@ -3062,18 +3076,18 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3062
3076
|
n,
|
|
3063
3077
|
e
|
|
3064
3078
|
]), !n.length || typeof document > "u" ? null : g(/* @__PURE__ */ t("div", {
|
|
3065
|
-
className:
|
|
3079
|
+
className: Ht.layer,
|
|
3066
3080
|
"aria-label": "Модальные окна",
|
|
3067
3081
|
children: n.map((a, o) => {
|
|
3068
3082
|
let s = e[a.name];
|
|
3069
3083
|
return s ? /* @__PURE__ */ t("div", {
|
|
3070
|
-
className:
|
|
3084
|
+
className: Ht.backdrop,
|
|
3071
3085
|
"aria-hidden": o !== n.length - 1 || void 0,
|
|
3072
3086
|
inert: o !== n.length - 1 || void 0,
|
|
3073
3087
|
onMouseDown: (e) => {
|
|
3074
3088
|
e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
|
|
3075
3089
|
},
|
|
3076
|
-
children: /* @__PURE__ */ t(
|
|
3090
|
+
children: /* @__PURE__ */ t(Wt.Provider, {
|
|
3077
3091
|
value: {
|
|
3078
3092
|
title: a.title ?? a.payload.title,
|
|
3079
3093
|
description: a.description ?? a.payload.description
|
|
@@ -3088,31 +3102,31 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3088
3102
|
}, a.id) : null;
|
|
3089
3103
|
})
|
|
3090
3104
|
}), document.body);
|
|
3091
|
-
},
|
|
3092
|
-
let o =
|
|
3105
|
+
}, Jt = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
3106
|
+
let o = Bt((e) => e.modals.length);
|
|
3093
3107
|
return u(() => {
|
|
3094
3108
|
if (!a || o === 0) return;
|
|
3095
3109
|
let e = document.body.style.overflow;
|
|
3096
3110
|
return document.body.style.overflow = "hidden", () => {
|
|
3097
3111
|
document.body.style.overflow = e;
|
|
3098
3112
|
};
|
|
3099
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
3100
|
-
},
|
|
3113
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(qt, { registry: r })] });
|
|
3114
|
+
}, Yt = (e) => e, Xt = {
|
|
3101
3115
|
message: "_message_c23ie_1",
|
|
3102
3116
|
actions: "_actions_c23ie_13"
|
|
3103
|
-
},
|
|
3117
|
+
}, Zt = /* @__PURE__ */ new Map(), Qt = 0, $t = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
3104
3118
|
let u = (e) => {
|
|
3105
|
-
|
|
3119
|
+
Zt.get(l)?.(e), Zt.delete(l), r();
|
|
3106
3120
|
};
|
|
3107
|
-
return /* @__PURE__ */ n(
|
|
3121
|
+
return /* @__PURE__ */ n(Kt, {
|
|
3108
3122
|
modalId: e,
|
|
3109
3123
|
title: i,
|
|
3110
3124
|
role: "alertdialog",
|
|
3111
3125
|
children: [/* @__PURE__ */ t("p", {
|
|
3112
|
-
className:
|
|
3126
|
+
className: Xt.message,
|
|
3113
3127
|
children: a
|
|
3114
3128
|
}), /* @__PURE__ */ n("div", {
|
|
3115
|
-
className:
|
|
3129
|
+
className: Xt.actions,
|
|
3116
3130
|
children: [/* @__PURE__ */ t(D, {
|
|
3117
3131
|
variant: "outline",
|
|
3118
3132
|
onClick: () => u(!1),
|
|
@@ -3124,46 +3138,46 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3124
3138
|
})]
|
|
3125
3139
|
})]
|
|
3126
3140
|
});
|
|
3127
|
-
},
|
|
3141
|
+
}, en = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Kt, {
|
|
3128
3142
|
modalId: e,
|
|
3129
3143
|
title: i,
|
|
3130
3144
|
role: "alertdialog",
|
|
3131
3145
|
children: [/* @__PURE__ */ t("p", {
|
|
3132
|
-
className:
|
|
3146
|
+
className: Xt.message,
|
|
3133
3147
|
children: a
|
|
3134
3148
|
}), /* @__PURE__ */ t("div", {
|
|
3135
|
-
className:
|
|
3149
|
+
className: Xt.actions,
|
|
3136
3150
|
children: /* @__PURE__ */ t(D, {
|
|
3137
3151
|
onClick: r,
|
|
3138
3152
|
children: o
|
|
3139
3153
|
})
|
|
3140
3154
|
})]
|
|
3141
|
-
}),
|
|
3142
|
-
ConfirmModal:
|
|
3143
|
-
ErrorModal:
|
|
3144
|
-
}),
|
|
3145
|
-
let e =
|
|
3155
|
+
}), tn = Yt({
|
|
3156
|
+
ConfirmModal: $t,
|
|
3157
|
+
ErrorModal: en
|
|
3158
|
+
}), nn = () => {
|
|
3159
|
+
let e = Bt((e) => e.openModal);
|
|
3146
3160
|
return (t = {}) => new Promise((n) => {
|
|
3147
|
-
|
|
3148
|
-
let r = `confirm-${
|
|
3149
|
-
|
|
3161
|
+
Qt += 1;
|
|
3162
|
+
let r = `confirm-${Qt}`;
|
|
3163
|
+
Zt.set(r, n), e("ConfirmModal", {
|
|
3150
3164
|
...t,
|
|
3151
3165
|
requestId: r
|
|
3152
3166
|
}, {
|
|
3153
3167
|
closeOnEscape: !1,
|
|
3154
3168
|
onClose: () => {
|
|
3155
|
-
|
|
3169
|
+
Zt.get(r)?.(!1), Zt.delete(r);
|
|
3156
3170
|
}
|
|
3157
3171
|
});
|
|
3158
3172
|
});
|
|
3159
|
-
},
|
|
3160
|
-
let e =
|
|
3173
|
+
}, rn = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", an = () => {
|
|
3174
|
+
let e = Bt((e) => e.openModal);
|
|
3161
3175
|
return { showError: (t, n) => e("ErrorModal", {
|
|
3162
3176
|
title: n,
|
|
3163
|
-
message:
|
|
3177
|
+
message: rn(t)
|
|
3164
3178
|
}) };
|
|
3165
|
-
},
|
|
3166
|
-
let e =
|
|
3179
|
+
}, on = x(() => ({})), sn = x(() => ({})), cn = () => {
|
|
3180
|
+
let e = Bt((e) => e.modals), t = Bt((e) => e.openModal), n = Bt((e) => e.closeModal), r = Bt((e) => e.closeTopModal), i = Bt((e) => e.closeAllModals), a = c((e, n = {}, r) => t(e, n, r), [t]), o = c((t) => e.some((e) => e.name === t), [e]);
|
|
3167
3181
|
return p(() => ({
|
|
3168
3182
|
openModal: a,
|
|
3169
3183
|
closeModal: n,
|
|
@@ -3179,7 +3193,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3179
3193
|
e.length,
|
|
3180
3194
|
a
|
|
3181
3195
|
]);
|
|
3182
|
-
},
|
|
3196
|
+
}, ln = {
|
|
3183
3197
|
wrapper: "_wrapper_1hyyy_1",
|
|
3184
3198
|
container: "_container_1hyyy_15",
|
|
3185
3199
|
inner: "_inner_1hyyy_35",
|
|
@@ -3194,29 +3208,29 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3194
3208
|
empty: "_empty_1hyyy_153",
|
|
3195
3209
|
destructive: "_destructive_1hyyy_161",
|
|
3196
3210
|
destructiveOutline: "_destructiveOutline_1hyyy_169"
|
|
3197
|
-
},
|
|
3198
|
-
className:
|
|
3211
|
+
}, un = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
|
|
3212
|
+
className: ln.wrapper,
|
|
3199
3213
|
children: /* @__PURE__ */ t("div", {
|
|
3200
|
-
className:
|
|
3214
|
+
className: ln.container,
|
|
3201
3215
|
children: /* @__PURE__ */ n("div", {
|
|
3202
|
-
className:
|
|
3216
|
+
className: ln.inner,
|
|
3203
3217
|
children: [
|
|
3204
3218
|
/* @__PURE__ */ t("div", {
|
|
3205
|
-
className:
|
|
3206
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3219
|
+
className: ln.cube,
|
|
3220
|
+
children: /* @__PURE__ */ t("div", { className: `${ln.cube__inner} ${ln[e]}` })
|
|
3207
3221
|
}),
|
|
3208
3222
|
/* @__PURE__ */ t("div", {
|
|
3209
|
-
className:
|
|
3210
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3223
|
+
className: ln.cube,
|
|
3224
|
+
children: /* @__PURE__ */ t("div", { className: `${ln.cube__inner} ${ln[e]}` })
|
|
3211
3225
|
}),
|
|
3212
3226
|
/* @__PURE__ */ t("div", {
|
|
3213
|
-
className:
|
|
3214
|
-
children: /* @__PURE__ */ t("div", { className: `${
|
|
3227
|
+
className: ln.cube,
|
|
3228
|
+
children: /* @__PURE__ */ t("div", { className: `${ln.cube__inner} ${ln[e]}` })
|
|
3215
3229
|
})
|
|
3216
3230
|
]
|
|
3217
3231
|
})
|
|
3218
3232
|
})
|
|
3219
|
-
}),
|
|
3233
|
+
}), dn = {
|
|
3220
3234
|
viewport: "_viewport_1cf7u_1",
|
|
3221
3235
|
"top-right": "_top-right_1cf7u_21",
|
|
3222
3236
|
"top-left": "_top-left_1cf7u_31",
|
|
@@ -3228,12 +3242,12 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3228
3242
|
success: "_success_1cf7u_123",
|
|
3229
3243
|
warning: "_warning_1cf7u_131",
|
|
3230
3244
|
error: "_error_1cf7u_139"
|
|
3231
|
-
},
|
|
3245
|
+
}, fn = {
|
|
3232
3246
|
info: "IconInfoCircle",
|
|
3233
3247
|
success: "IconSuccessCircle",
|
|
3234
3248
|
warning: "IconWarning",
|
|
3235
3249
|
error: "IconWarning"
|
|
3236
|
-
},
|
|
3250
|
+
}, pn = ({ toast: e, onClose: r }) => {
|
|
3237
3251
|
let [i, a] = h(!1), o = m(e.duration), s = m(Date.now());
|
|
3238
3252
|
return u(() => {
|
|
3239
3253
|
if (i || e.duration <= 0) return;
|
|
@@ -3248,7 +3262,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3248
3262
|
e.duration,
|
|
3249
3263
|
e.id
|
|
3250
3264
|
]), /* @__PURE__ */ n("article", {
|
|
3251
|
-
className: `${
|
|
3265
|
+
className: `${dn.toast} ${dn[e.variant]}`,
|
|
3252
3266
|
role: e.variant === "error" ? "alert" : "status",
|
|
3253
3267
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
3254
3268
|
onMouseEnter: () => a(!0),
|
|
@@ -3257,13 +3271,13 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3257
3271
|
onBlur: () => a(!1),
|
|
3258
3272
|
children: [
|
|
3259
3273
|
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(J, {
|
|
3260
|
-
name:
|
|
3274
|
+
name: fn[e.variant],
|
|
3261
3275
|
color: "var(--ds-toast-accent)",
|
|
3262
3276
|
width: 24,
|
|
3263
3277
|
height: 24
|
|
3264
3278
|
}) }),
|
|
3265
3279
|
/* @__PURE__ */ n("div", {
|
|
3266
|
-
className:
|
|
3280
|
+
className: dn.body,
|
|
3267
3281
|
children: [
|
|
3268
3282
|
e.title && /* @__PURE__ */ t("strong", { children: e.title }),
|
|
3269
3283
|
/* @__PURE__ */ t("div", { children: e.message }),
|
|
@@ -3290,11 +3304,11 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3290
3304
|
})
|
|
3291
3305
|
]
|
|
3292
3306
|
});
|
|
3293
|
-
},
|
|
3307
|
+
}, mn = 0, hn = x((e) => ({
|
|
3294
3308
|
toasts: [],
|
|
3295
3309
|
showToast: (t) => {
|
|
3296
|
-
|
|
3297
|
-
let n = `ds-toast-${
|
|
3310
|
+
mn += 1;
|
|
3311
|
+
let n = `ds-toast-${mn}`;
|
|
3298
3312
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
3299
3313
|
variant: "info",
|
|
3300
3314
|
duration: 5e3,
|
|
@@ -3305,18 +3319,18 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3305
3319
|
},
|
|
3306
3320
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
3307
3321
|
clearToasts: () => e({ toasts: [] })
|
|
3308
|
-
})),
|
|
3309
|
-
let n =
|
|
3322
|
+
})), gn = () => hn.setState({ toasts: [] }), _n = ({ position: e = "top-right" }) => {
|
|
3323
|
+
let n = hn((e) => e.toasts), r = hn((e) => e.removeToast);
|
|
3310
3324
|
return /* @__PURE__ */ t("div", {
|
|
3311
|
-
className: `${
|
|
3325
|
+
className: `${dn.viewport} ${dn[e]}`,
|
|
3312
3326
|
"aria-label": "Уведомления",
|
|
3313
|
-
children: n.map((e) => /* @__PURE__ */ t(
|
|
3327
|
+
children: n.map((e) => /* @__PURE__ */ t(pn, {
|
|
3314
3328
|
toast: e,
|
|
3315
3329
|
onClose: r
|
|
3316
3330
|
}, e.id))
|
|
3317
3331
|
});
|
|
3318
|
-
},
|
|
3319
|
-
let e =
|
|
3332
|
+
}, vn = () => {
|
|
3333
|
+
let e = hn((e) => e.showToast), t = hn((e) => e.removeToast), n = hn((e) => e.clearToasts), r = c((t) => e({
|
|
3320
3334
|
...t,
|
|
3321
3335
|
variant: "info"
|
|
3322
3336
|
}), [e]), i = c((t) => e({
|
|
@@ -3346,7 +3360,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3346
3360
|
i,
|
|
3347
3361
|
a
|
|
3348
3362
|
]);
|
|
3349
|
-
},
|
|
3363
|
+
}, yn = {
|
|
3350
3364
|
root: "_root_8dm5q_1",
|
|
3351
3365
|
tooltip: "_tooltip_8dm5q_11",
|
|
3352
3366
|
"ds-tooltip-in": "_ds-tooltip-in_8dm5q_1",
|
|
@@ -3354,7 +3368,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3354
3368
|
bottom: "_bottom_8dm5q_55",
|
|
3355
3369
|
left: "_left_8dm5q_67",
|
|
3356
3370
|
right: "_right_8dm5q_79"
|
|
3357
|
-
},
|
|
3371
|
+
}, bn = ({ content: e, children: i, placement: a = "top", delay: o = 450, disabled: c = !1, maxWidth: l = 280, className: f = "" }) => {
|
|
3358
3372
|
let p = d(), [g, _] = h(!1), v = m(null), y = () => {
|
|
3359
3373
|
c || !e || (v.current = setTimeout(() => _(!0), o));
|
|
3360
3374
|
}, b = () => {
|
|
@@ -3376,17 +3390,96 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3376
3390
|
onBlur: b
|
|
3377
3391
|
});
|
|
3378
3392
|
return /* @__PURE__ */ n("span", {
|
|
3379
|
-
className: `${
|
|
3393
|
+
className: `${yn.root} ${f}`,
|
|
3380
3394
|
onPointerDown: g ? b : y,
|
|
3381
3395
|
children: [x, g && /* @__PURE__ */ t("span", {
|
|
3382
3396
|
id: p,
|
|
3383
3397
|
role: "tooltip",
|
|
3384
|
-
className: `${
|
|
3398
|
+
className: `${yn.tooltip} ${yn[a]}`,
|
|
3385
3399
|
style: { maxWidth: l },
|
|
3386
3400
|
children: e
|
|
3387
3401
|
})]
|
|
3388
3402
|
});
|
|
3389
|
-
},
|
|
3403
|
+
}, xn = {
|
|
3404
|
+
root: "_root_tuzrc_1",
|
|
3405
|
+
tabList: "_tabList_tuzrc_11",
|
|
3406
|
+
tab: "_tab_tuzrc_11",
|
|
3407
|
+
panels: "_panels_tuzrc_129",
|
|
3408
|
+
panel: "_panel_tuzrc_129"
|
|
3409
|
+
}, Sn = ({ items: e, value: r, onChange: i, ariaLabel: a = "Вкладки", disabled: o = !1, loading: s = !1, className: c = "" }) => {
|
|
3410
|
+
let l = `ds-tabs-${d().replace(/:/g, "")}`, u = m([]), f = o || s, p = e.findIndex((e) => e.id === r), h = e.findIndex((e) => !e.disabled), g = p >= 0 && !e[p]?.disabled ? p : h, _ = (t) => {
|
|
3411
|
+
let n = e[t];
|
|
3412
|
+
!n || n.disabled || f || (i(n.id), u.current[t]?.focus(), u.current[t]?.scrollIntoView({
|
|
3413
|
+
block: "nearest",
|
|
3414
|
+
inline: "nearest"
|
|
3415
|
+
}));
|
|
3416
|
+
}, v = (t, n) => {
|
|
3417
|
+
if (f) return;
|
|
3418
|
+
let r = e.map((e, t) => e.disabled ? -1 : t).filter((e) => e >= 0);
|
|
3419
|
+
if (r.length === 0) return;
|
|
3420
|
+
let i = r.indexOf(n), a;
|
|
3421
|
+
switch (t.key) {
|
|
3422
|
+
case "ArrowRight":
|
|
3423
|
+
a = r[(i + 1) % r.length];
|
|
3424
|
+
break;
|
|
3425
|
+
case "ArrowLeft":
|
|
3426
|
+
a = r[(i - 1 + r.length) % r.length];
|
|
3427
|
+
break;
|
|
3428
|
+
case "Home":
|
|
3429
|
+
a = r[0];
|
|
3430
|
+
break;
|
|
3431
|
+
case "End":
|
|
3432
|
+
a = r[r.length - 1];
|
|
3433
|
+
break;
|
|
3434
|
+
default: return;
|
|
3435
|
+
}
|
|
3436
|
+
t.preventDefault(), _(a);
|
|
3437
|
+
};
|
|
3438
|
+
return /* @__PURE__ */ n("div", {
|
|
3439
|
+
className: `${xn.root} ${c}`,
|
|
3440
|
+
"aria-busy": s || void 0,
|
|
3441
|
+
children: [/* @__PURE__ */ t("div", {
|
|
3442
|
+
className: xn.tabList,
|
|
3443
|
+
role: "tablist",
|
|
3444
|
+
"aria-label": a,
|
|
3445
|
+
"aria-orientation": "horizontal",
|
|
3446
|
+
"aria-disabled": f || void 0,
|
|
3447
|
+
children: e.map((e, n) => {
|
|
3448
|
+
let i = e.id === r, a = `${l}-tab-${n}`, o = `${l}-panel-${n}`;
|
|
3449
|
+
return /* @__PURE__ */ t("button", {
|
|
3450
|
+
ref: (e) => {
|
|
3451
|
+
u.current[n] = e;
|
|
3452
|
+
},
|
|
3453
|
+
id: a,
|
|
3454
|
+
className: xn.tab,
|
|
3455
|
+
type: "button",
|
|
3456
|
+
role: "tab",
|
|
3457
|
+
"aria-selected": i,
|
|
3458
|
+
"aria-controls": o,
|
|
3459
|
+
disabled: f || e.disabled,
|
|
3460
|
+
tabIndex: n === g ? 0 : -1,
|
|
3461
|
+
onClick: () => _(n),
|
|
3462
|
+
onKeyDown: (e) => v(e, n),
|
|
3463
|
+
children: e.label
|
|
3464
|
+
}, e.id);
|
|
3465
|
+
})
|
|
3466
|
+
}), /* @__PURE__ */ t("div", {
|
|
3467
|
+
className: xn.panels,
|
|
3468
|
+
children: e.map((e, n) => {
|
|
3469
|
+
let i = e.id === r;
|
|
3470
|
+
return /* @__PURE__ */ t("div", {
|
|
3471
|
+
id: `${l}-panel-${n}`,
|
|
3472
|
+
className: xn.panel,
|
|
3473
|
+
role: "tabpanel",
|
|
3474
|
+
"aria-labelledby": `${l}-tab-${n}`,
|
|
3475
|
+
tabIndex: 0,
|
|
3476
|
+
hidden: !i,
|
|
3477
|
+
children: e.content
|
|
3478
|
+
}, e.id);
|
|
3479
|
+
})
|
|
3480
|
+
})]
|
|
3481
|
+
});
|
|
3482
|
+
}, Cn = (e) => {
|
|
3390
3483
|
if (!Number.isFinite(e) || e < 0) return "00:00";
|
|
3391
3484
|
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")}`;
|
|
3392
3485
|
return n ? `${n}:${a}` : a;
|
|
@@ -3419,23 +3512,23 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3419
3512
|
settingsActionLabel: "_settingsActionLabel_14cqp_693",
|
|
3420
3513
|
caption: "_caption_14cqp_705",
|
|
3421
3514
|
fullscreen: "_fullscreen_14cqp_719"
|
|
3422
|
-
},
|
|
3515
|
+
}, wn = 2500, Tn = 5, En = .05, Dn = [
|
|
3423
3516
|
.5,
|
|
3424
3517
|
.75,
|
|
3425
3518
|
1,
|
|
3426
3519
|
1.25,
|
|
3427
3520
|
1.5,
|
|
3428
3521
|
2
|
|
3429
|
-
],
|
|
3430
|
-
let y = m(null), b = m(null), x = m(null), S = m(void 0), [C, w] = h(!1), [E, O] = h(r.length > 0), [ee, k] = h(!1), [A, j] = h(!1), [M, N] = h(!1), [P, F] = h(0), [I, L] = h(0), [R, z] = h(0), [B, te] = h(1), [V, H] = h(!!v.muted), [U, W] = h(1), [ne, G] = h(!!v.loop), [re, ie] = h(-1), [ae, oe] = h(!1), [se, K] = h(!0), [ce, le] = h(!1), [ue, de] = h(!1),
|
|
3522
|
+
], On = ({ sources: r, tracks: i = [], title: a, aspectRatio: o = "16 / 9", objectFit: s = "contain", loading: l = !1, error: d, fallback: f, className: p = "", controls: g = !0, playsInline: _ = !0, ...v }) => {
|
|
3523
|
+
let y = m(null), b = m(null), x = m(null), S = m(void 0), [C, w] = h(!1), [E, O] = h(r.length > 0), [ee, k] = h(!1), [A, j] = h(!1), [M, N] = h(!1), [P, F] = h(0), [I, L] = h(0), [R, z] = h(0), [B, te] = h(1), [V, H] = h(!!v.muted), [U, W] = h(1), [ne, G] = h(!!v.loop), [re, ie] = h(-1), [ae, oe] = h(!1), [se, K] = h(!0), [ce, le] = h(!1), [ue, de] = h(!1), fe = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), pe = i.map((e, t) => ({
|
|
3431
3524
|
track: e,
|
|
3432
3525
|
index: t
|
|
3433
|
-
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"),
|
|
3434
|
-
K(!0), window.clearTimeout(S.current), A && !ae && (S.current = window.setTimeout(() => K(!1),
|
|
3526
|
+
})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), q = d ?? (C ? "Не удалось воспроизвести видео" : void 0), me = l || E && !q && r.length > 0, he = !me && !q && r.length === 0, ge = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, Y = c(() => {
|
|
3527
|
+
K(!0), window.clearTimeout(S.current), A && !ae && (S.current = window.setTimeout(() => K(!1), wn));
|
|
3435
3528
|
}, [A, ae]);
|
|
3436
3529
|
u(() => {
|
|
3437
3530
|
w(!1), O(r.length > 0), k(!1), j(!1), N(!1), F(0), L(0), z(0);
|
|
3438
|
-
}, [
|
|
3531
|
+
}, [fe, r.length]), u(() => (Y(), () => window.clearTimeout(S.current)), [Y]), u(() => {
|
|
3439
3532
|
let e = () => le(document.fullscreenElement === b.current), t = () => de(document.pictureInPictureElement === x.current);
|
|
3440
3533
|
return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
|
|
3441
3534
|
document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
|
|
@@ -3449,7 +3542,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3449
3542
|
}, [ae]);
|
|
3450
3543
|
let _e = async () => {
|
|
3451
3544
|
let e = x.current;
|
|
3452
|
-
if (!(!e ||
|
|
3545
|
+
if (!(!e || q || me)) {
|
|
3453
3546
|
if (e.paused || e.ended) {
|
|
3454
3547
|
e.ended && (e.currentTime = 0);
|
|
3455
3548
|
try {
|
|
@@ -3476,7 +3569,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3476
3569
|
}
|
|
3477
3570
|
}, Se = async () => {
|
|
3478
3571
|
let e = x.current;
|
|
3479
|
-
if (!(!e || !
|
|
3572
|
+
if (!(!e || !ge)) try {
|
|
3480
3573
|
document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
|
|
3481
3574
|
} catch {
|
|
3482
3575
|
de(!1);
|
|
@@ -3490,7 +3583,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3490
3583
|
let t = e.target;
|
|
3491
3584
|
if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
|
|
3492
3585
|
let n = e.key.toLowerCase();
|
|
3493
|
-
n === " " || n === "k" ? (e.preventDefault(), _e()) : n === "m" ? (e.preventDefault(), ve()) : n === "f" ? (e.preventDefault(), xe()) : n === "c" &&
|
|
3586
|
+
n === " " || n === "k" ? (e.preventDefault(), _e()) : n === "m" ? (e.preventDefault(), ve()) : n === "f" ? (e.preventDefault(), xe()) : n === "c" && pe.length ? (e.preventDefault(), Ce(re === -1 ? pe[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), be(P + (e.key === "ArrowRight" ? Tn : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), ye(B + (e.key === "ArrowUp" ? En : -.05))) : e.key === "Escape" && oe(!1), Y();
|
|
3494
3587
|
}, Te = () => {
|
|
3495
3588
|
let e = x.current;
|
|
3496
3589
|
w(!1), O(!0), e?.load();
|
|
@@ -3508,9 +3601,9 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3508
3601
|
style: { aspectRatio: o },
|
|
3509
3602
|
"aria-busy": me || void 0,
|
|
3510
3603
|
tabIndex: g && r.length ? 0 : void 0,
|
|
3511
|
-
onPointerMove:
|
|
3512
|
-
onPointerDown:
|
|
3513
|
-
onFocusCapture:
|
|
3604
|
+
onPointerMove: Y,
|
|
3605
|
+
onPointerDown: Y,
|
|
3606
|
+
onFocusCapture: Y,
|
|
3514
3607
|
onMouseLeave: () => {
|
|
3515
3608
|
A && !ae && K(!1);
|
|
3516
3609
|
},
|
|
@@ -3535,7 +3628,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3535
3628
|
},
|
|
3536
3629
|
onLoadedMetadata: (e) => {
|
|
3537
3630
|
L(e.currentTarget.duration || 0);
|
|
3538
|
-
let t =
|
|
3631
|
+
let t = pe.find(({ track: e }) => e.default);
|
|
3539
3632
|
Ce(t?.index ?? -1), v.onLoadedMetadata?.(e);
|
|
3540
3633
|
},
|
|
3541
3634
|
onDurationChange: (e) => {
|
|
@@ -3589,17 +3682,17 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3589
3682
|
"aria-hidden": "true",
|
|
3590
3683
|
children: /* @__PURE__ */ t("div", {
|
|
3591
3684
|
className: $.loaderScale,
|
|
3592
|
-
children: /* @__PURE__ */ t(
|
|
3685
|
+
children: /* @__PURE__ */ t(un, {})
|
|
3593
3686
|
})
|
|
3594
3687
|
}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
|
|
3595
3688
|
}),
|
|
3596
|
-
!me && ee && !
|
|
3689
|
+
!me && ee && !q && /* @__PURE__ */ t("div", {
|
|
3597
3690
|
className: $.buffering,
|
|
3598
3691
|
role: "status",
|
|
3599
3692
|
"aria-label": "Буферизация видео",
|
|
3600
3693
|
children: /* @__PURE__ */ t(T, { variant: "primary" })
|
|
3601
3694
|
}),
|
|
3602
|
-
|
|
3695
|
+
he && /* @__PURE__ */ n("div", {
|
|
3603
3696
|
className: `${$.state} ${$.empty}`,
|
|
3604
3697
|
role: "status",
|
|
3605
3698
|
children: [
|
|
@@ -3613,7 +3706,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3613
3706
|
f ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
|
|
3614
3707
|
]
|
|
3615
3708
|
}),
|
|
3616
|
-
!me &&
|
|
3709
|
+
!me && q && /* @__PURE__ */ n("div", {
|
|
3617
3710
|
className: `${$.state} ${$.error}`,
|
|
3618
3711
|
role: "alert",
|
|
3619
3712
|
children: [
|
|
@@ -3623,7 +3716,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3623
3716
|
width: 40,
|
|
3624
3717
|
height: 40
|
|
3625
3718
|
}),
|
|
3626
|
-
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children:
|
|
3719
|
+
f ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: q })] }),
|
|
3627
3720
|
r.length > 0 && /* @__PURE__ */ t(D, {
|
|
3628
3721
|
size: "sm",
|
|
3629
3722
|
variant: "secondary",
|
|
@@ -3632,7 +3725,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3632
3725
|
})
|
|
3633
3726
|
]
|
|
3634
3727
|
}),
|
|
3635
|
-
!me && !
|
|
3728
|
+
!me && !q && M && /* @__PURE__ */ t("button", {
|
|
3636
3729
|
type: "button",
|
|
3637
3730
|
className: $.replay,
|
|
3638
3731
|
"aria-label": "Воспроизвести заново",
|
|
@@ -3643,7 +3736,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3643
3736
|
height: 28
|
|
3644
3737
|
})
|
|
3645
3738
|
}),
|
|
3646
|
-
g && r.length > 0 && !me && !
|
|
3739
|
+
g && r.length > 0 && !me && !q && /* @__PURE__ */ n("div", {
|
|
3647
3740
|
className: `${$.controlsLayer} ${se || !A ? $.controlsVisible : ""}`,
|
|
3648
3741
|
onClick: (e) => e.stopPropagation(),
|
|
3649
3742
|
children: [ae && /* @__PURE__ */ n("div", {
|
|
@@ -3657,18 +3750,18 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3657
3750
|
let t = Number(e.target.value);
|
|
3658
3751
|
x.current && (x.current.playbackRate = t);
|
|
3659
3752
|
},
|
|
3660
|
-
children:
|
|
3753
|
+
children: Dn.map((e) => /* @__PURE__ */ n("option", {
|
|
3661
3754
|
value: e,
|
|
3662
3755
|
children: [e, "×"]
|
|
3663
3756
|
}, e))
|
|
3664
3757
|
})] }),
|
|
3665
|
-
|
|
3758
|
+
pe.length > 0 && /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Субтитры" }), /* @__PURE__ */ n("select", {
|
|
3666
3759
|
value: re,
|
|
3667
3760
|
onChange: (e) => Ce(Number(e.target.value)),
|
|
3668
3761
|
children: [/* @__PURE__ */ t("option", {
|
|
3669
3762
|
value: -1,
|
|
3670
3763
|
children: "Выключены"
|
|
3671
|
-
}),
|
|
3764
|
+
}), pe.map(({ track: e, index: n }) => /* @__PURE__ */ t("option", {
|
|
3672
3765
|
value: n,
|
|
3673
3766
|
children: e.label
|
|
3674
3767
|
}, `${e.srcLang}-${e.label}`))]
|
|
@@ -3680,7 +3773,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3680
3773
|
onClick: () => G((e) => !e),
|
|
3681
3774
|
children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: ne ? "Вкл." : "Выкл." })]
|
|
3682
3775
|
}),
|
|
3683
|
-
|
|
3776
|
+
ge && /* @__PURE__ */ t("button", {
|
|
3684
3777
|
type: "button",
|
|
3685
3778
|
className: $.settingsAction,
|
|
3686
3779
|
"aria-pressed": ue,
|
|
@@ -3744,7 +3837,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3744
3837
|
children: [
|
|
3745
3838
|
/* @__PURE__ */ t("span", {
|
|
3746
3839
|
className: $.time,
|
|
3747
|
-
children:
|
|
3840
|
+
children: Cn(P)
|
|
3748
3841
|
}),
|
|
3749
3842
|
/* @__PURE__ */ t("input", {
|
|
3750
3843
|
className: $.timeline,
|
|
@@ -3755,12 +3848,12 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3755
3848
|
step: .01,
|
|
3756
3849
|
value: Math.min(P, I || 0),
|
|
3757
3850
|
"aria-label": "Позиция воспроизведения",
|
|
3758
|
-
"aria-valuetext": `${
|
|
3851
|
+
"aria-valuetext": `${Cn(P)} из ${Cn(I)}`,
|
|
3759
3852
|
onChange: (e) => be(Number(e.target.value))
|
|
3760
3853
|
}),
|
|
3761
3854
|
/* @__PURE__ */ t("span", {
|
|
3762
3855
|
className: $.time,
|
|
3763
|
-
children:
|
|
3856
|
+
children: Cn(I)
|
|
3764
3857
|
})
|
|
3765
3858
|
]
|
|
3766
3859
|
}),
|
|
@@ -3800,7 +3893,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3800
3893
|
children: a
|
|
3801
3894
|
})]
|
|
3802
3895
|
});
|
|
3803
|
-
},
|
|
3896
|
+
}, kn = {
|
|
3804
3897
|
root: "_root_ymidq_1",
|
|
3805
3898
|
trigger: "_trigger_ymidq_15",
|
|
3806
3899
|
heading: "_heading_ymidq_41",
|
|
@@ -3810,7 +3903,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3810
3903
|
open: "_open_ymidq_91",
|
|
3811
3904
|
content: "_content_ymidq_99",
|
|
3812
3905
|
contentInner: "_contentInner_ymidq_119"
|
|
3813
|
-
},
|
|
3906
|
+
}, An = (e, t, n, r = 16) => {
|
|
3814
3907
|
if (t > Math.max(0, n - r * 2)) {
|
|
3815
3908
|
let t = e - r;
|
|
3816
3909
|
return Math.abs(t) <= 1 ? {
|
|
@@ -3832,7 +3925,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3832
3925
|
alignment: "none",
|
|
3833
3926
|
delta: 0
|
|
3834
3927
|
};
|
|
3835
|
-
},
|
|
3928
|
+
}, jn = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, autoScrollOnOpen: c = !0, scrollOffset: l = 16, className: f = "" }) => {
|
|
3836
3929
|
let p = d(), [g, _] = h(a), v = o ?? g, y = m(null), b = m(null), x = m(v);
|
|
3837
3930
|
return u(() => {
|
|
3838
3931
|
let e = x.current;
|
|
@@ -3842,7 +3935,7 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3842
3935
|
let r = !1, i = () => {
|
|
3843
3936
|
if (r) return;
|
|
3844
3937
|
r = !0;
|
|
3845
|
-
let e = t.getBoundingClientRect(), n =
|
|
3938
|
+
let e = t.getBoundingClientRect(), n = An(e.top, e.height, window.innerHeight, l);
|
|
3846
3939
|
if (n.alignment === "none") return;
|
|
3847
3940
|
let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
|
|
3848
3941
|
window.scrollBy({
|
|
@@ -3863,10 +3956,10 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3863
3956
|
l
|
|
3864
3957
|
]), /* @__PURE__ */ n("section", {
|
|
3865
3958
|
ref: y,
|
|
3866
|
-
className: `${
|
|
3959
|
+
className: `${kn.root} ${v ? kn.open : ""} ${f}`,
|
|
3867
3960
|
children: [/* @__PURE__ */ n("button", {
|
|
3868
3961
|
type: "button",
|
|
3869
|
-
className:
|
|
3962
|
+
className: kn.trigger,
|
|
3870
3963
|
"aria-expanded": v,
|
|
3871
3964
|
"aria-controls": p,
|
|
3872
3965
|
onClick: () => {
|
|
@@ -3874,16 +3967,16 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3874
3967
|
o === void 0 && _(e), s?.(e);
|
|
3875
3968
|
},
|
|
3876
3969
|
children: [/* @__PURE__ */ n("span", {
|
|
3877
|
-
className:
|
|
3970
|
+
className: kn.heading,
|
|
3878
3971
|
children: [/* @__PURE__ */ t("span", {
|
|
3879
|
-
className:
|
|
3972
|
+
className: kn.title,
|
|
3880
3973
|
children: e
|
|
3881
3974
|
}), r && /* @__PURE__ */ t("span", {
|
|
3882
|
-
className:
|
|
3975
|
+
className: kn.subtitle,
|
|
3883
3976
|
children: r
|
|
3884
3977
|
})]
|
|
3885
3978
|
}), /* @__PURE__ */ t("span", {
|
|
3886
|
-
className:
|
|
3979
|
+
className: kn.icon,
|
|
3887
3980
|
"aria-hidden": "true",
|
|
3888
3981
|
children: /* @__PURE__ */ t(J, {
|
|
3889
3982
|
name: "IconChevron",
|
|
@@ -3894,15 +3987,15 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3894
3987
|
}), /* @__PURE__ */ t("div", {
|
|
3895
3988
|
ref: b,
|
|
3896
3989
|
id: p,
|
|
3897
|
-
className:
|
|
3990
|
+
className: kn.content,
|
|
3898
3991
|
"aria-hidden": !v,
|
|
3899
3992
|
children: /* @__PURE__ */ t("div", {
|
|
3900
|
-
className:
|
|
3993
|
+
className: kn.contentInner,
|
|
3901
3994
|
children: i
|
|
3902
3995
|
})
|
|
3903
3996
|
})]
|
|
3904
3997
|
});
|
|
3905
|
-
},
|
|
3998
|
+
}, Mn = ({ children: e, containerId: t = "overlay-root" }) => {
|
|
3906
3999
|
let [n, r] = h(null);
|
|
3907
4000
|
return u(() => {
|
|
3908
4001
|
let e = document.getElementById(t);
|
|
@@ -3917,4 +4010,4 @@ var Wt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "
|
|
|
3917
4010
|
}, [t]), n ? g(e, n) : null;
|
|
3918
4011
|
};
|
|
3919
4012
|
//#endregion
|
|
3920
|
-
export {
|
|
4013
|
+
export { $t as ConfirmModal, jn as DSAccordion, C as DSBadge, D as DSButton, ge as DSCheckbox, ct as DSDataTable, ze as DSDateRange, Ie as DSDateTimePicker, qe as DSDropDown, pt as DSDropDownMultiple, ee as DSFieldLabel, k as DSFieldMessage, Pt as DSFileInput, kt as DSFilters, J as DSIcon, Tt as DSInfoBlock, ht as DSInput, T as DSLoader, qt as DSModal, Kt as DSModalFrame, un as DSPageLoader, Mn as DSPortal, Dt as DSRadioButton, Ct as DSSearchDropDown, Ve as DSSkeleton, Ye as DSSort, Sn as DSTabs, Rt as DSTextarea, pn as DSToast, _n as DSToastProvider, bn as DSTooltip, On as DSVideoPlayerFrame, en as ErrorModal, Jt as ModalSystemProvider, tn as builtInModalRegistry, Yt as defineModalRegistry, Se as formatDateInputValue, Oe as formatDateTimeLocalValue, An as getDSAccordionScrollTarget, Ze as getDSDataTableColumnStyle, Qe as getDSDataTablePaginationItems, rn as getErrorMessage, Ge as getNextEnabledOptionIndex, Te as isValidDateInputPrefix, Re as isValidDateRange, Ce as maskDateInputValue, Ee as parseDateInputValue, ke as parseDateTimeLocalValue, Vt as resetModalStore, gn as resetToastStore, nn as useConfirmModal, on as useConfirmModalStore, an as useErrorModal, sn as useErrorModalStore, cn as useModals, Bt as useModalsStore, vn as useToast, hn as useToastStore, $e as validateDSDataTableData };
|