alex-evo-sh-ui-kit 1.1.82 → 1.1.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alex-evo-sh-ui-kit.es.js +800 -800
- package/dist/alex-evo-sh-ui-kit.umd.js +64 -64
- package/dist/index.css +1 -1
- package/package.json +4 -4
|
@@ -16,16 +16,16 @@ function fr() {
|
|
|
16
16
|
if (Zn)
|
|
17
17
|
return Ye;
|
|
18
18
|
Zn = 1;
|
|
19
|
-
var n = de, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
|
|
20
|
-
function l(c,
|
|
21
|
-
var u,
|
|
22
|
-
d !== void 0 && (f = "" + d),
|
|
23
|
-
for (u in
|
|
24
|
-
s.call(
|
|
19
|
+
var n = de, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
20
|
+
function l(c, o, d) {
|
|
21
|
+
var u, m = {}, f = null, x = null;
|
|
22
|
+
d !== void 0 && (f = "" + d), o.key !== void 0 && (f = "" + o.key), o.ref !== void 0 && (x = o.ref);
|
|
23
|
+
for (u in o)
|
|
24
|
+
s.call(o, u) && !a.hasOwnProperty(u) && (m[u] = o[u]);
|
|
25
25
|
if (c && c.defaultProps)
|
|
26
|
-
for (u in
|
|
27
|
-
|
|
28
|
-
return { $$typeof: t, type: c, key: f, ref:
|
|
26
|
+
for (u in o = c.defaultProps, o)
|
|
27
|
+
m[u] === void 0 && (m[u] = o[u]);
|
|
28
|
+
return { $$typeof: t, type: c, key: f, ref: x, props: m, _owner: i.current };
|
|
29
29
|
}
|
|
30
30
|
return Ye.Fragment = r, Ye.jsx = l, Ye.jsxs = l, Ye;
|
|
31
31
|
}
|
|
@@ -40,9 +40,9 @@ var Ue = {};
|
|
|
40
40
|
* LICENSE file in the root directory of this source tree.
|
|
41
41
|
*/
|
|
42
42
|
var Yn;
|
|
43
|
-
function
|
|
43
|
+
function mr() {
|
|
44
44
|
return Yn || (Yn = 1, process.env.NODE_ENV !== "production" && function() {
|
|
45
|
-
var n = de, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"),
|
|
45
|
+
var n = de, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), _ = Symbol.iterator, p = "@@iterator";
|
|
46
46
|
function j(h) {
|
|
47
47
|
if (h === null || typeof h != "object")
|
|
48
48
|
return null;
|
|
@@ -70,7 +70,7 @@ function xr() {
|
|
|
70
70
|
var v = !1, $ = !1, O = !1, z = !1, P = !1, M;
|
|
71
71
|
M = Symbol.for("react.module.reference");
|
|
72
72
|
function H(h) {
|
|
73
|
-
return !!(typeof h == "string" || typeof h == "function" || h === s || h ===
|
|
73
|
+
return !!(typeof h == "string" || typeof h == "function" || h === s || h === a || P || h === i || h === d || h === u || z || h === x || v || $ || O || typeof h == "object" && h !== null && (h.$$typeof === f || h.$$typeof === m || h.$$typeof === l || h.$$typeof === c || h.$$typeof === o || // This needs to include all possible module reference object
|
|
74
74
|
// types supported by any Flight configuration anywhere since
|
|
75
75
|
// we don't know which Flight build this will end up being used
|
|
76
76
|
// with.
|
|
@@ -98,7 +98,7 @@ function xr() {
|
|
|
98
98
|
return "Fragment";
|
|
99
99
|
case r:
|
|
100
100
|
return "Portal";
|
|
101
|
-
case
|
|
101
|
+
case a:
|
|
102
102
|
return "Profiler";
|
|
103
103
|
case i:
|
|
104
104
|
return "StrictMode";
|
|
@@ -115,9 +115,9 @@ function xr() {
|
|
|
115
115
|
case l:
|
|
116
116
|
var S = h;
|
|
117
117
|
return V(S._context) + ".Provider";
|
|
118
|
-
case
|
|
118
|
+
case o:
|
|
119
119
|
return B(h, h.render, "ForwardRef");
|
|
120
|
-
case
|
|
120
|
+
case m:
|
|
121
121
|
var T = h.displayName || null;
|
|
122
122
|
return T !== null ? T : k(h.type) || "Memo";
|
|
123
123
|
case f: {
|
|
@@ -262,18 +262,18 @@ function xr() {
|
|
|
262
262
|
if (he && T && typeof he.stack == "string") {
|
|
263
263
|
for (var Z = he.stack.split(`
|
|
264
264
|
`), ue = T.stack.split(`
|
|
265
|
-
`), ie = Z.length - 1,
|
|
266
|
-
|
|
267
|
-
for (; ie >= 1 &&
|
|
268
|
-
if (Z[ie] !== ue[
|
|
269
|
-
if (ie !== 1 ||
|
|
265
|
+
`), ie = Z.length - 1, ae = ue.length - 1; ie >= 1 && ae >= 0 && Z[ie] !== ue[ae]; )
|
|
266
|
+
ae--;
|
|
267
|
+
for (; ie >= 1 && ae >= 0; ie--, ae--)
|
|
268
|
+
if (Z[ie] !== ue[ae]) {
|
|
269
|
+
if (ie !== 1 || ae !== 1)
|
|
270
270
|
do
|
|
271
|
-
if (ie--,
|
|
272
|
-
var
|
|
271
|
+
if (ie--, ae--, ae < 0 || Z[ie] !== ue[ae]) {
|
|
272
|
+
var me = `
|
|
273
273
|
` + Z[ie].replace(" at new ", " at ");
|
|
274
|
-
return h.displayName &&
|
|
274
|
+
return h.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", h.displayName)), typeof h == "function" && G.set(h, me), me;
|
|
275
275
|
}
|
|
276
|
-
while (ie >= 1 &&
|
|
276
|
+
while (ie >= 1 && ae >= 0);
|
|
277
277
|
break;
|
|
278
278
|
}
|
|
279
279
|
}
|
|
@@ -305,9 +305,9 @@ function xr() {
|
|
|
305
305
|
}
|
|
306
306
|
if (typeof h == "object")
|
|
307
307
|
switch (h.$$typeof) {
|
|
308
|
-
case
|
|
308
|
+
case o:
|
|
309
309
|
return X(h.render);
|
|
310
|
-
case
|
|
310
|
+
case m:
|
|
311
311
|
return De(h.type, b, S);
|
|
312
312
|
case f: {
|
|
313
313
|
var T = h, ee = T._payload, te = T._init;
|
|
@@ -462,8 +462,8 @@ function xr() {
|
|
|
462
462
|
U[te] === void 0 && (U[te] = ie[te]);
|
|
463
463
|
}
|
|
464
464
|
if (Z || ue) {
|
|
465
|
-
var
|
|
466
|
-
Z && Kt(U,
|
|
465
|
+
var ae = typeof h == "function" ? h.displayName || h.name || "Unknown" : h;
|
|
466
|
+
Z && Kt(U, ae), ue && Xt(U, ae);
|
|
467
467
|
}
|
|
468
468
|
return Jt(h, Z, ue, ee, T, Ze.current, U);
|
|
469
469
|
}
|
|
@@ -557,9 +557,9 @@ Check the top-level render call using <` + S + ">.");
|
|
|
557
557
|
var S;
|
|
558
558
|
if (typeof b == "function")
|
|
559
559
|
S = b.propTypes;
|
|
560
|
-
else if (typeof b == "object" && (b.$$typeof ===
|
|
560
|
+
else if (typeof b == "object" && (b.$$typeof === o || // Note: Memo only checks outer props here.
|
|
561
561
|
// Inner props are checked in the reconciler.
|
|
562
|
-
b.$$typeof ===
|
|
562
|
+
b.$$typeof === m))
|
|
563
563
|
S = b.propTypes;
|
|
564
564
|
else
|
|
565
565
|
return;
|
|
@@ -598,37 +598,37 @@ Check the top-level render call using <` + S + ">.");
|
|
|
598
598
|
var ie;
|
|
599
599
|
h === null ? ie = "null" : Te(h) ? ie = "array" : h !== void 0 && h.$$typeof === t ? (ie = "<" + (k(h.type) || "Unknown") + " />", Z = " Did you accidentally export a JSX literal instead of a component?") : ie = typeof h, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ie, Z);
|
|
600
600
|
}
|
|
601
|
-
var
|
|
602
|
-
if (
|
|
603
|
-
return
|
|
601
|
+
var ae = qt(h, b, S, ee, te);
|
|
602
|
+
if (ae == null)
|
|
603
|
+
return ae;
|
|
604
604
|
if (U) {
|
|
605
|
-
var
|
|
606
|
-
if (
|
|
605
|
+
var me = b.children;
|
|
606
|
+
if (me !== void 0)
|
|
607
607
|
if (T)
|
|
608
|
-
if (Te(
|
|
609
|
-
for (var Ae = 0; Ae <
|
|
610
|
-
Wn(
|
|
611
|
-
Object.freeze && Object.freeze(
|
|
608
|
+
if (Te(me)) {
|
|
609
|
+
for (var Ae = 0; Ae < me.length; Ae++)
|
|
610
|
+
Wn(me[Ae], h);
|
|
611
|
+
Object.freeze && Object.freeze(me);
|
|
612
612
|
} else
|
|
613
613
|
g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
614
614
|
else
|
|
615
|
-
Wn(
|
|
615
|
+
Wn(me, h);
|
|
616
616
|
}
|
|
617
617
|
if (Ve.call(b, "key")) {
|
|
618
618
|
var Oe = k(h), he = Object.keys(b).filter(function(lr) {
|
|
619
619
|
return lr !== "key";
|
|
620
620
|
}), yn = he.length > 0 ? "{key: someKey, " + he.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
621
621
|
if (!zn[Oe + yn]) {
|
|
622
|
-
var
|
|
622
|
+
var or = he.length > 0 ? "{" + he.join(": ..., ") + ": ...}" : "{}";
|
|
623
623
|
g(`A props object containing a "key" prop is being spread into JSX:
|
|
624
624
|
let props = %s;
|
|
625
625
|
<%s {...props} />
|
|
626
626
|
React keys must be passed directly to JSX without using spread:
|
|
627
627
|
let props = %s;
|
|
628
|
-
<%s key={someKey} {...props} />`, yn, Oe,
|
|
628
|
+
<%s key={someKey} {...props} />`, yn, Oe, or, Oe), zn[Oe + yn] = !0;
|
|
629
629
|
}
|
|
630
630
|
}
|
|
631
|
-
return h === s ? tr(
|
|
631
|
+
return h === s ? tr(ae) : nr(ae), ae;
|
|
632
632
|
}
|
|
633
633
|
}
|
|
634
634
|
function rr(h, b, S) {
|
|
@@ -637,11 +637,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
637
637
|
function sr(h, b, S) {
|
|
638
638
|
return Gn(h, b, S, !1);
|
|
639
639
|
}
|
|
640
|
-
var ir = sr,
|
|
641
|
-
Ue.Fragment = s, Ue.jsx = ir, Ue.jsxs =
|
|
640
|
+
var ir = sr, ar = rr;
|
|
641
|
+
Ue.Fragment = s, Ue.jsx = ir, Ue.jsxs = ar;
|
|
642
642
|
}()), Ue;
|
|
643
643
|
}
|
|
644
|
-
process.env.NODE_ENV === "production" ? Sn.exports = fr() : Sn.exports =
|
|
644
|
+
process.env.NODE_ENV === "production" ? Sn.exports = fr() : Sn.exports = mr();
|
|
645
645
|
var e = Sn.exports;
|
|
646
646
|
const rt = (n) => /* @__PURE__ */ e.jsx(
|
|
647
647
|
Qe,
|
|
@@ -655,7 +655,7 @@ const rt = (n) => /* @__PURE__ */ e.jsx(
|
|
|
655
655
|
...n,
|
|
656
656
|
className: (n.className ?? "") + " text-button"
|
|
657
657
|
}
|
|
658
|
-
),
|
|
658
|
+
), xr = (n) => /* @__PURE__ */ e.jsx(
|
|
659
659
|
Qe,
|
|
660
660
|
{
|
|
661
661
|
...n,
|
|
@@ -670,11 +670,11 @@ const rt = (n) => /* @__PURE__ */ e.jsx(
|
|
|
670
670
|
), Qe = ({ size: n = "medium", ...t }) => {
|
|
671
671
|
const r = (i) => {
|
|
672
672
|
t.onClick && t.onClick(i);
|
|
673
|
-
let
|
|
674
|
-
|
|
673
|
+
let a = document.createElement("span");
|
|
674
|
+
a.classList.add("btn-overlay");
|
|
675
675
|
let l = i.pageX - i.currentTarget.offsetLeft, c = i.pageY - i.currentTarget.offsetTop;
|
|
676
|
-
|
|
677
|
-
|
|
676
|
+
a.style.left = l + "px", a.style.top = c + "px", i.currentTarget.appendChild(a), setTimeout(() => {
|
|
677
|
+
a.remove();
|
|
678
678
|
}, 500);
|
|
679
679
|
}, s = {
|
|
680
680
|
small: "btn--small",
|
|
@@ -682,7 +682,7 @@ const rt = (n) => /* @__PURE__ */ e.jsx(
|
|
|
682
682
|
large: "btn--large"
|
|
683
683
|
};
|
|
684
684
|
return /* @__PURE__ */ e.jsx("button", { ...t, className: (t.className ?? "") + " btn " + s[n], onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: t.children }) });
|
|
685
|
-
}, We = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(rt, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(be, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(
|
|
685
|
+
}, We = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(rt, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(be, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(xr, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(jr, { ...t }) : /* @__PURE__ */ e.jsx(Qe, { ...t }), st = (n, t) => {
|
|
686
686
|
A(() => {
|
|
687
687
|
if (n) {
|
|
688
688
|
const r = window.innerWidth - document.documentElement.clientWidth;
|
|
@@ -694,7 +694,7 @@ const rt = (n) => /* @__PURE__ */ e.jsx(
|
|
|
694
694
|
};
|
|
695
695
|
}, [n]);
|
|
696
696
|
};
|
|
697
|
-
var
|
|
697
|
+
var oe = /* @__PURE__ */ ((n) => (n.MOBILE = "MOBILE", n.STANDART = "STANDART", n.BIG_SCREEN = "BIG_SCREEN", n))(oe || {});
|
|
698
698
|
const fn = ({ children: n, onHide: t, disableBackplate: r }) => {
|
|
699
699
|
function s(i) {
|
|
700
700
|
i.stopPropagation(), t && t();
|
|
@@ -716,37 +716,37 @@ const fn = ({ children: n, onHide: t, disableBackplate: r }) => {
|
|
|
716
716
|
}
|
|
717
717
|
);
|
|
718
718
|
}, it = ({ bottom: n = 0, ...t }) => {
|
|
719
|
-
const [r, s] = y(!1), [i,
|
|
719
|
+
const [r, s] = y(!1), [i, a] = y(!0), l = J(null), c = N(() => {
|
|
720
720
|
s(!0), setTimeout(() => {
|
|
721
|
-
t.onHide(), s(!1),
|
|
721
|
+
t.onHide(), s(!1), a(!0);
|
|
722
722
|
}, 200);
|
|
723
723
|
}, [t.onHide]);
|
|
724
724
|
A(() => {
|
|
725
|
-
t.visible &&
|
|
725
|
+
t.visible && a(!1);
|
|
726
726
|
}, [t.visible]), A(() => {
|
|
727
727
|
!t.visible && !i && c();
|
|
728
728
|
}, [t.visible, c, i]);
|
|
729
|
-
const
|
|
729
|
+
const o = N((f) => {
|
|
730
730
|
window.innerHeight - f.changedTouches[0].clientY <= 150 && c(), l.current && (l.current.style.height = `${window.innerHeight - f.changedTouches[0].clientY + 20 - n}px`);
|
|
731
731
|
}, [c]), d = (f) => {
|
|
732
732
|
window.innerHeight - f.clientY + 20 <= 150 && c(), l.current && (l.current.style.height = `${window.innerHeight - f.clientY + 20 - n}px`);
|
|
733
733
|
}, u = () => {
|
|
734
734
|
document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
|
|
735
|
-
},
|
|
735
|
+
}, m = () => {
|
|
736
736
|
document.body.addEventListener("mousemove", d), document.body.addEventListener("mouseup", u);
|
|
737
737
|
};
|
|
738
738
|
return A(() => () => {
|
|
739
739
|
document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
|
|
740
740
|
}), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(fn, { onHide: c, children: /* @__PURE__ */ e.jsxs("div", { ref: l, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
|
|
741
|
-
/* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown:
|
|
741
|
+
/* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: m, onTouchMove: o, children: /* @__PURE__ */ e.jsx("span", {}) }),
|
|
742
742
|
/* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
|
|
743
743
|
] }) });
|
|
744
744
|
};
|
|
745
|
-
const
|
|
746
|
-
[
|
|
747
|
-
[
|
|
748
|
-
[
|
|
749
|
-
},
|
|
745
|
+
const at = {
|
|
746
|
+
[oe.MOBILE]: "small-screen",
|
|
747
|
+
[oe.STANDART]: "standart-screen",
|
|
748
|
+
[oe.BIG_SCREEN]: "big-screen"
|
|
749
|
+
}, ot = (n, t = oe.STANDART) => `var(--${n}-${at[t]})`, lt = (n, t = "standart") => `var(--${n}-${t})`, ct = (n, t = "normal", r = oe.STANDART) => `var(--${n}-heights-${at[r]}-${t})`, Pe = {
|
|
750
750
|
mobileSize: 720,
|
|
751
751
|
bigSize: 1400
|
|
752
752
|
}, pr = (n = {}) => {
|
|
@@ -755,8 +755,8 @@ const ot = {
|
|
|
755
755
|
mobileSize: n.mobileSize ?? Pe.mobileSize
|
|
756
756
|
};
|
|
757
757
|
t.bigSize <= 100 && (console.error("useScreenSize: invalid option"), t.bigSize = Pe.bigSize), t.mobileSize <= 100 && (console.error("useScreenSize: invalid option"), t.mobileSize = Pe.mobileSize), t.mobileSize >= t.bigSize && (console.error("useScreenSize: invalid option"), t.mobileSize = Pe.mobileSize, t.bigSize = Pe.bigSize);
|
|
758
|
-
const [r, s] = y(
|
|
759
|
-
window.innerWidth < t.mobileSize ? s(
|
|
758
|
+
const [r, s] = y(oe.STANDART), i = N(() => {
|
|
759
|
+
window.innerWidth < t.mobileSize ? s(oe.MOBILE) : window.innerWidth < t.bigSize ? s(oe.STANDART) : s(oe.BIG_SCREEN);
|
|
760
760
|
}, [window.innerWidth]);
|
|
761
761
|
return A(() => {
|
|
762
762
|
i();
|
|
@@ -764,32 +764,32 @@ const ot = {
|
|
|
764
764
|
window.removeEventListener("resize", i);
|
|
765
765
|
}), [i]), { screen: r };
|
|
766
766
|
}, Cr = {
|
|
767
|
-
screen:
|
|
767
|
+
screen: oe.STANDART
|
|
768
768
|
}, Ge = un(Cr), ki = ({ children: n, option: t }) => {
|
|
769
769
|
const r = pr(t);
|
|
770
770
|
return /* @__PURE__ */ e.jsx(Ge.Provider, { value: r, children: n });
|
|
771
771
|
}, Q = ({
|
|
772
772
|
type: n,
|
|
773
|
-
screensize: t =
|
|
773
|
+
screensize: t = oe.STANDART,
|
|
774
774
|
weight: r = "standart",
|
|
775
775
|
density: s = "normal",
|
|
776
776
|
children: i,
|
|
777
|
-
style:
|
|
777
|
+
style: a,
|
|
778
778
|
className: l = "",
|
|
779
779
|
...c
|
|
780
780
|
}) => {
|
|
781
|
-
const
|
|
782
|
-
fontSize:
|
|
781
|
+
const o = Ee(Ge), d = o ? o.screen : t, u = n === "heading" || n === "title" || n === "title-2", m = u ? "h3" : "span", f = {
|
|
782
|
+
fontSize: ot(n, d),
|
|
783
783
|
fontWeight: lt(n, r),
|
|
784
784
|
lineHeight: ct(n, s, d),
|
|
785
|
-
...
|
|
786
|
-
},
|
|
785
|
+
...a
|
|
786
|
+
}, x = u ? "typography-heading" : "typography-text";
|
|
787
787
|
return /* @__PURE__ */ e.jsx(
|
|
788
|
-
|
|
788
|
+
m,
|
|
789
789
|
{
|
|
790
790
|
...c,
|
|
791
791
|
style: f,
|
|
792
|
-
className: `${
|
|
792
|
+
className: `${x} ${l}`,
|
|
793
793
|
children: i
|
|
794
794
|
}
|
|
795
795
|
);
|
|
@@ -801,19 +801,19 @@ const ke = de.forwardRef(
|
|
|
801
801
|
classNameContainer: r = "",
|
|
802
802
|
transparent: s = !1,
|
|
803
803
|
size: i = "medium",
|
|
804
|
-
onClick:
|
|
804
|
+
onClick: a,
|
|
805
805
|
onContextMenu: l,
|
|
806
806
|
disabled: c = !1,
|
|
807
|
-
style:
|
|
807
|
+
style: o,
|
|
808
808
|
rippleDisabled: d = !1,
|
|
809
809
|
...u
|
|
810
|
-
},
|
|
810
|
+
}, m) => {
|
|
811
811
|
const f = N(
|
|
812
812
|
(_) => {
|
|
813
|
-
c || (
|
|
813
|
+
c || (a == null || a(_), !d && x(_));
|
|
814
814
|
},
|
|
815
|
-
[
|
|
816
|
-
),
|
|
815
|
+
[a, c]
|
|
816
|
+
), x = (_) => {
|
|
817
817
|
const p = _.currentTarget, j = document.createElement("span"), C = Math.max(p.clientWidth, p.clientHeight), g = C / 2;
|
|
818
818
|
j.style.width = j.style.height = `${C}px`, j.style.left = `${_.clientX - p.getBoundingClientRect().left - g}px`, j.style.top = `${_.clientY - p.getBoundingClientRect().top - g}px`, j.classList.add("iconbutton-ripple");
|
|
819
819
|
const w = p.getElementsByClassName("iconbutton-ripple")[0];
|
|
@@ -822,10 +822,10 @@ const ke = de.forwardRef(
|
|
|
822
822
|
return /* @__PURE__ */ e.jsx(
|
|
823
823
|
"button",
|
|
824
824
|
{
|
|
825
|
-
ref:
|
|
825
|
+
ref: m,
|
|
826
826
|
style: {
|
|
827
827
|
backgroundColor: s ? "transparent" : void 0,
|
|
828
|
-
...
|
|
828
|
+
...o
|
|
829
829
|
},
|
|
830
830
|
className: `iconbutton iconbutton--${i} ${t}`,
|
|
831
831
|
onClick: f,
|
|
@@ -839,7 +839,7 @@ const ke = de.forwardRef(
|
|
|
839
839
|
}
|
|
840
840
|
);
|
|
841
841
|
ke.displayName = "IconButton";
|
|
842
|
-
const E = de.forwardRef(({ className: n, onClick: t, children: r, dpi: s = "24", size: i, primaryColor:
|
|
842
|
+
const E = de.forwardRef(({ className: n, onClick: t, children: r, dpi: s = "24", size: i, primaryColor: a, secondaryColor: l, tertiaryColor: c, baseColor: o, ...d }, u) => /* @__PURE__ */ e.jsx(
|
|
843
843
|
"svg",
|
|
844
844
|
{
|
|
845
845
|
role: d.role,
|
|
@@ -957,7 +957,7 @@ const dt = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
|
|
|
957
957
|
}, ft = (n) => {
|
|
958
958
|
const t = D(n);
|
|
959
959
|
return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, fillRule: "evenodd", clipRule: "evenodd", d: "M12 6.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm0 14a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) });
|
|
960
|
-
},
|
|
960
|
+
}, mt = (n) => {
|
|
961
961
|
const t = D(n);
|
|
962
962
|
return /* @__PURE__ */ e.jsxs(E, { ...n, dpi: "52", children: [
|
|
963
963
|
/* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M50,12.5H2a2,2,0,0,1,0-4H50a2,2,0,0,1,0,4Z" }),
|
|
@@ -1073,13 +1073,13 @@ const dt = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
|
|
|
1073
1073
|
)
|
|
1074
1074
|
] })
|
|
1075
1075
|
] });
|
|
1076
|
-
}, En = (n) => /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M8 12H16M12 8V16M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
|
|
1076
|
+
}, En = (n) => /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M8 12H16M12 8V16M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), mn = (n) => {
|
|
1077
1077
|
const t = D(n);
|
|
1078
1078
|
return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
|
|
1079
1079
|
/* @__PURE__ */ e.jsx("path", { fill: "none", d: "M16 12L12 12L8 12", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round" }),
|
|
1080
1080
|
/* @__PURE__ */ e.jsx("circle", { fill: "none", cx: "12", cy: "12", r: "10", stroke: t.primaryColor, strokeWidth: "2" })
|
|
1081
1081
|
] });
|
|
1082
|
-
},
|
|
1082
|
+
}, xt = (n) => {
|
|
1083
1083
|
const t = D(n);
|
|
1084
1084
|
return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", stroke: t.primaryColor, d: "M15.4998 5.49994L18.3282 8.32837M3 20.9997L3.04745 20.6675C3.21536 19.4922 3.29932 18.9045 3.49029 18.3558C3.65975 17.8689 3.89124 17.4059 4.17906 16.9783C4.50341 16.4963 4.92319 16.0765 5.76274 15.237L17.4107 3.58896C18.1918 2.80791 19.4581 2.80791 20.2392 3.58896C21.0202 4.37001 21.0202 5.63634 20.2392 6.41739L8.37744 18.2791C7.61579 19.0408 7.23497 19.4216 6.8012 19.7244C6.41618 19.9932 6.00093 20.2159 5.56398 20.3879C5.07171 20.5817 4.54375 20.6882 3.48793 20.9012L3 20.9997Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
1085
1085
|
}, jt = (n) => {
|
|
@@ -2147,25 +2147,25 @@ const dt = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
|
|
|
2147
2147
|
}
|
|
2148
2148
|
) }) })
|
|
2149
2149
|
] });
|
|
2150
|
-
},
|
|
2150
|
+
}, xn = ({
|
|
2151
2151
|
className: n = "",
|
|
2152
2152
|
children: t,
|
|
2153
2153
|
header: r,
|
|
2154
2154
|
action: s,
|
|
2155
2155
|
onHide: i,
|
|
2156
|
-
style:
|
|
2156
|
+
style: a,
|
|
2157
2157
|
clearStyle: l = !1,
|
|
2158
2158
|
disableBackplate: c,
|
|
2159
|
-
marginBottom:
|
|
2159
|
+
marginBottom: o,
|
|
2160
2160
|
maxWidth: d = "560px",
|
|
2161
2161
|
showCloseButton: u = !1,
|
|
2162
|
-
ariaLabel:
|
|
2162
|
+
ariaLabel: m
|
|
2163
2163
|
}) => {
|
|
2164
2164
|
const f = () => {
|
|
2165
2165
|
i && i();
|
|
2166
|
-
},
|
|
2167
|
-
...
|
|
2168
|
-
marginBottom:
|
|
2166
|
+
}, x = {
|
|
2167
|
+
...a,
|
|
2168
|
+
marginBottom: o,
|
|
2169
2169
|
maxWidth: typeof d == "number" ? `${d}px` : d
|
|
2170
2170
|
};
|
|
2171
2171
|
return /* @__PURE__ */ e.jsx(
|
|
@@ -2176,11 +2176,11 @@ const dt = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
|
|
|
2176
2176
|
children: /* @__PURE__ */ e.jsxs(
|
|
2177
2177
|
"div",
|
|
2178
2178
|
{
|
|
2179
|
-
style:
|
|
2179
|
+
style: x,
|
|
2180
2180
|
className: `${l ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
|
|
2181
2181
|
role: "dialog",
|
|
2182
2182
|
"aria-modal": "true",
|
|
2183
|
-
"aria-label":
|
|
2183
|
+
"aria-label": m || r,
|
|
2184
2184
|
children: [
|
|
2185
2185
|
r && /* @__PURE__ */ e.jsxs("div", { className: "dialog-template__container__header dialog-template__container__header_color_surface-container", children: [
|
|
2186
2186
|
/* @__PURE__ */ e.jsx(Q, { type: "heading", children: r }),
|
|
@@ -2210,15 +2210,15 @@ const qe = ({
|
|
|
2210
2210
|
}) => {
|
|
2211
2211
|
const { screen: i } = Ee(Ge);
|
|
2212
2212
|
st(!0, document.body);
|
|
2213
|
-
const
|
|
2213
|
+
const a = () => {
|
|
2214
2214
|
var c;
|
|
2215
2215
|
(c = s.onHide) == null || c.call(s);
|
|
2216
2216
|
};
|
|
2217
|
-
return t || !r && i ===
|
|
2217
|
+
return t || !r && i === oe.MOBILE ? /* @__PURE__ */ e.jsx(
|
|
2218
2218
|
it,
|
|
2219
2219
|
{
|
|
2220
2220
|
bottom: n,
|
|
2221
|
-
onHide:
|
|
2221
|
+
onHide: a,
|
|
2222
2222
|
visible: !0,
|
|
2223
2223
|
children: /* @__PURE__ */ e.jsxs(
|
|
2224
2224
|
"div",
|
|
@@ -2233,7 +2233,7 @@ const qe = ({
|
|
|
2233
2233
|
}
|
|
2234
2234
|
)
|
|
2235
2235
|
}
|
|
2236
|
-
) : /* @__PURE__ */ e.jsx(
|
|
2236
|
+
) : /* @__PURE__ */ e.jsx(xn, { ...s, onHide: a });
|
|
2237
2237
|
}, dn = ({ btns: n, onHide: t, onSuccess: r }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: n.map((s) => s.danger ? /* @__PURE__ */ e.jsx(
|
|
2238
2238
|
Ur,
|
|
2239
2239
|
{
|
|
@@ -2261,19 +2261,19 @@ const qe = ({
|
|
|
2261
2261
|
header: r,
|
|
2262
2262
|
actionText: s,
|
|
2263
2263
|
cancelText: i = "Отмена",
|
|
2264
|
-
onSuccess:
|
|
2264
|
+
onSuccess: a,
|
|
2265
2265
|
onCancel: l,
|
|
2266
2266
|
onHide: c,
|
|
2267
|
-
children:
|
|
2267
|
+
children: o,
|
|
2268
2268
|
disableDefaultButtons: d = !1,
|
|
2269
2269
|
customActions: u,
|
|
2270
|
-
btns:
|
|
2270
|
+
btns: m
|
|
2271
2271
|
}) => {
|
|
2272
2272
|
const f = N(() => {
|
|
2273
|
-
|
|
2274
|
-
}, [
|
|
2273
|
+
a == null || a(), c == null || c();
|
|
2274
|
+
}, [a, c]), x = N(() => {
|
|
2275
2275
|
l == null || l(), c == null || c();
|
|
2276
|
-
}, [l, c]), _ = N(() => u || (d ? null :
|
|
2276
|
+
}, [l, c]), _ = N(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(dn, { onHide: x, onSuccess: f, btns: m }) : /* @__PURE__ */ e.jsx(dn, { onHide: x, onSuccess: f, btns: [
|
|
2277
2277
|
{
|
|
2278
2278
|
text: i,
|
|
2279
2279
|
hide: !0,
|
|
@@ -2283,27 +2283,27 @@ const qe = ({
|
|
|
2283
2283
|
text: s ?? "OK",
|
|
2284
2284
|
success: !0
|
|
2285
2285
|
}
|
|
2286
|
-
] })), [u, d,
|
|
2286
|
+
] })), [u, d, x, f, s, i]);
|
|
2287
2287
|
return /* @__PURE__ */ e.jsxs(
|
|
2288
2288
|
qe,
|
|
2289
2289
|
{
|
|
2290
2290
|
style: n,
|
|
2291
2291
|
header: r,
|
|
2292
|
-
onHide:
|
|
2292
|
+
onHide: x,
|
|
2293
2293
|
action: _(),
|
|
2294
2294
|
children: [
|
|
2295
2295
|
t && /* @__PURE__ */ e.jsx(Q, { type: "body", children: t }),
|
|
2296
|
-
|
|
2296
|
+
o
|
|
2297
2297
|
]
|
|
2298
2298
|
}
|
|
2299
2299
|
);
|
|
2300
2300
|
}, Re = ({ children: n, container: t = document.body }) => t ? hr.createPortal(
|
|
2301
2301
|
n,
|
|
2302
2302
|
t
|
|
2303
|
-
) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Ur = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...
|
|
2303
|
+
) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Ur = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...a }) => {
|
|
2304
2304
|
const [l, c] = y(null);
|
|
2305
2305
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
2306
|
-
/* @__PURE__ */ e.jsx(We, { styleType: i ?? "filled", ...
|
|
2306
|
+
/* @__PURE__ */ e.jsx(We, { styleType: i ?? "filled", ...a, onClick: c }),
|
|
2307
2307
|
l !== null && /* @__PURE__ */ e.jsx(Re, { container: n, children: /* @__PURE__ */ e.jsx(Yr, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(l), onHide: () => c(null) }) })
|
|
2308
2308
|
] });
|
|
2309
2309
|
};
|
|
@@ -2313,50 +2313,50 @@ const Un = ({
|
|
|
2313
2313
|
copiedTimeout: r = 2e3,
|
|
2314
2314
|
className: s = "",
|
|
2315
2315
|
onClick: i,
|
|
2316
|
-
disabled:
|
|
2316
|
+
disabled: a,
|
|
2317
2317
|
...l
|
|
2318
2318
|
}) => {
|
|
2319
|
-
const [c,
|
|
2320
|
-
if (!
|
|
2319
|
+
const [c, o] = y(!1), d = N(async (f) => {
|
|
2320
|
+
if (!a) {
|
|
2321
2321
|
try {
|
|
2322
|
-
await navigator.clipboard.writeText(n),
|
|
2323
|
-
} catch (
|
|
2324
|
-
console.error("Не удалось скопировать текст",
|
|
2322
|
+
await navigator.clipboard.writeText(n), o(!0), setTimeout(() => o(!1), r);
|
|
2323
|
+
} catch (x) {
|
|
2324
|
+
console.error("Не удалось скопировать текст", x);
|
|
2325
2325
|
}
|
|
2326
2326
|
i == null || i(f);
|
|
2327
2327
|
}
|
|
2328
|
-
}, [n,
|
|
2328
|
+
}, [n, a, r, i]), u = c ? /* @__PURE__ */ e.jsx($e, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(_t, { "aria-hidden": "true" }), m = c ? "Скопировано!" : "Копировать";
|
|
2329
2329
|
return t ? /* @__PURE__ */ e.jsxs("div", { className: "copy-button", children: [
|
|
2330
2330
|
/* @__PURE__ */ e.jsx(
|
|
2331
2331
|
ke,
|
|
2332
2332
|
{
|
|
2333
2333
|
icon: u,
|
|
2334
2334
|
onClick: d,
|
|
2335
|
-
disabled:
|
|
2336
|
-
"aria-label": `${
|
|
2335
|
+
disabled: a,
|
|
2336
|
+
"aria-label": `${m} ${n}`,
|
|
2337
2337
|
className: s,
|
|
2338
2338
|
...l
|
|
2339
2339
|
}
|
|
2340
2340
|
),
|
|
2341
|
-
/* @__PURE__ */ e.jsx(Q, { type: "body", "aria-live": "polite", children:
|
|
2341
|
+
/* @__PURE__ */ e.jsx(Q, { type: "body", "aria-live": "polite", children: m })
|
|
2342
2342
|
] }) : /* @__PURE__ */ e.jsx(
|
|
2343
2343
|
ke,
|
|
2344
2344
|
{
|
|
2345
2345
|
icon: u,
|
|
2346
2346
|
onClick: d,
|
|
2347
|
-
disabled:
|
|
2348
|
-
"aria-label": `${
|
|
2347
|
+
disabled: a,
|
|
2348
|
+
"aria-label": `${m} ${n}`,
|
|
2349
2349
|
className: s,
|
|
2350
2350
|
...l
|
|
2351
2351
|
}
|
|
2352
2352
|
);
|
|
2353
2353
|
};
|
|
2354
|
-
var
|
|
2354
|
+
var an = /* @__PURE__ */ ((n) => (n[n.OPEN = 0] = "OPEN", n[n.HIDING = 1] = "HIDING", n[n.CLOSE = 2] = "CLOSE", n))(an || {});
|
|
2355
2355
|
const Kr = ({ valueDisplayDuration: n = 2e3 }) => {
|
|
2356
2356
|
const [t, r] = y(
|
|
2357
2357
|
2
|
|
2358
2358
|
/* CLOSE */
|
|
2359
|
-
), s = J(), i = J(),
|
|
2359
|
+
), s = J(), i = J(), a = () => {
|
|
2360
2360
|
r(
|
|
2361
2361
|
1
|
|
2362
2362
|
/* HIDING */
|
|
@@ -2371,7 +2371,7 @@ const Kr = ({ valueDisplayDuration: n = 2e3 }) => {
|
|
|
2371
2371
|
0
|
|
2372
2372
|
/* OPEN */
|
|
2373
2373
|
), s.current && window.clearTimeout(s.current), i.current && window.clearTimeout(i.current), n && (s.current = window.setTimeout(() => {
|
|
2374
|
-
|
|
2374
|
+
a();
|
|
2375
2375
|
}, n));
|
|
2376
2376
|
};
|
|
2377
2377
|
return A(() => () => {
|
|
@@ -2379,13 +2379,13 @@ const Kr = ({ valueDisplayDuration: n = 2e3 }) => {
|
|
|
2379
2379
|
}, []), {
|
|
2380
2380
|
showPopup: l,
|
|
2381
2381
|
popupState: t,
|
|
2382
|
-
hidePopup:
|
|
2382
|
+
hidePopup: a
|
|
2383
2383
|
};
|
|
2384
2384
|
};
|
|
2385
|
-
const bt = ({ className: n = "", text: t, state: r =
|
|
2385
|
+
const bt = ({ className: n = "", text: t, state: r = an.OPEN }) => r === an.CLOSE ? null : /* @__PURE__ */ e.jsx(
|
|
2386
2386
|
"div",
|
|
2387
2387
|
{
|
|
2388
|
-
className: `alex-evo-sh-ui-kit-tooltip value-popup ${n} ${r ===
|
|
2388
|
+
className: `alex-evo-sh-ui-kit-tooltip value-popup ${n} ${r === an.HIDING ? "hiding" : ""}`,
|
|
2389
2389
|
"aria-live": "polite",
|
|
2390
2390
|
"aria-atomic": "true",
|
|
2391
2391
|
children: t
|
|
@@ -2393,11 +2393,11 @@ const bt = ({ className: n = "", text: t, state: r = on.OPEN }) => r === on.CLOS
|
|
|
2393
2393
|
);
|
|
2394
2394
|
function wi(n, t, r) {
|
|
2395
2395
|
arguments.length === 1 && (t = n.s, r = n.l, n = n.h);
|
|
2396
|
-
var s = n, i,
|
|
2397
|
-
return r *= 2, t *= r <= 1 ? r : 2 - r,
|
|
2396
|
+
var s = n, i, a;
|
|
2397
|
+
return r *= 2, t *= r <= 1 ? r : 2 - r, a = (r + t) / 2, i = 2 * t / (r + t), {
|
|
2398
2398
|
h: s,
|
|
2399
2399
|
s: i,
|
|
2400
|
-
v:
|
|
2400
|
+
v: a
|
|
2401
2401
|
};
|
|
2402
2402
|
}
|
|
2403
2403
|
function Si(n, t, r) {
|
|
@@ -2406,31 +2406,31 @@ function Si(n, t, r) {
|
|
|
2406
2406
|
return s != 0 && (s == 1 ? t = 0 : s < 0.5 ? t = t * r / (s * 2) : t = t * r / (2 - s * 2)), { h: n, s: t, l: s };
|
|
2407
2407
|
}
|
|
2408
2408
|
function Ke(n, t, r) {
|
|
2409
|
-
var s, i,
|
|
2410
|
-
switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), l = Math.floor(n * 6), c = n * 6 - l,
|
|
2409
|
+
var s, i, a, l, c, o, d, u;
|
|
2410
|
+
switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), l = Math.floor(n * 6), c = n * 6 - l, o = r * (1 - t), d = r * (1 - c * t), u = r * (1 - (1 - c) * t), l % 6) {
|
|
2411
2411
|
case 0:
|
|
2412
|
-
s = r, i = u,
|
|
2412
|
+
s = r, i = u, a = o;
|
|
2413
2413
|
break;
|
|
2414
2414
|
case 1:
|
|
2415
|
-
s = d, i = r,
|
|
2415
|
+
s = d, i = r, a = o;
|
|
2416
2416
|
break;
|
|
2417
2417
|
case 2:
|
|
2418
|
-
s =
|
|
2418
|
+
s = o, i = r, a = u;
|
|
2419
2419
|
break;
|
|
2420
2420
|
case 3:
|
|
2421
|
-
s =
|
|
2421
|
+
s = o, i = d, a = r;
|
|
2422
2422
|
break;
|
|
2423
2423
|
case 4:
|
|
2424
|
-
s = u, i =
|
|
2424
|
+
s = u, i = o, a = r;
|
|
2425
2425
|
break;
|
|
2426
2426
|
case 5:
|
|
2427
|
-
s = r, i =
|
|
2427
|
+
s = r, i = o, a = d;
|
|
2428
2428
|
break;
|
|
2429
2429
|
}
|
|
2430
2430
|
return {
|
|
2431
2431
|
r: Math.round(s * 255),
|
|
2432
2432
|
g: Math.round(i * 255),
|
|
2433
|
-
b: Math.round(
|
|
2433
|
+
b: Math.round(a * 255)
|
|
2434
2434
|
};
|
|
2435
2435
|
}
|
|
2436
2436
|
function Be(n) {
|
|
@@ -2440,33 +2440,33 @@ function Be(n) {
|
|
|
2440
2440
|
function He(n, t = !1) {
|
|
2441
2441
|
return t ? "#" + Be(n.r) + Be(n.g) + Be(n.b) : Be(n.r) + Be(n.g) + Be(n.b);
|
|
2442
2442
|
}
|
|
2443
|
-
function
|
|
2443
|
+
function on(n, t, r) {
|
|
2444
2444
|
arguments.length === 1 && (t = n.g, r = n.b, n = n.r);
|
|
2445
|
-
var s = Math.max(n, t, r), i = Math.min(n, t, r),
|
|
2445
|
+
var s = Math.max(n, t, r), i = Math.min(n, t, r), a = s - i, l, c = s === 0 ? 0 : a / s, o = s / 255;
|
|
2446
2446
|
switch (s) {
|
|
2447
2447
|
case i:
|
|
2448
2448
|
l = 0;
|
|
2449
2449
|
break;
|
|
2450
2450
|
case n:
|
|
2451
|
-
l = t - r +
|
|
2451
|
+
l = t - r + a * (t < r ? 6 : 0), l /= 6 * a;
|
|
2452
2452
|
break;
|
|
2453
2453
|
case t:
|
|
2454
|
-
l = r - n +
|
|
2454
|
+
l = r - n + a * 2, l /= 6 * a;
|
|
2455
2455
|
break;
|
|
2456
2456
|
case r:
|
|
2457
|
-
l = n - t +
|
|
2457
|
+
l = n - t + a * 4, l /= 6 * a;
|
|
2458
2458
|
break;
|
|
2459
2459
|
}
|
|
2460
2460
|
return {
|
|
2461
2461
|
h: l,
|
|
2462
2462
|
s: c,
|
|
2463
|
-
v:
|
|
2463
|
+
v: o
|
|
2464
2464
|
};
|
|
2465
2465
|
}
|
|
2466
2466
|
function ze(n) {
|
|
2467
2467
|
var t = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
|
|
2468
|
-
n = n.replace(t, function(s, i,
|
|
2469
|
-
return i + i +
|
|
2468
|
+
n = n.replace(t, function(s, i, a, l) {
|
|
2469
|
+
return i + i + a + a + l + l;
|
|
2470
2470
|
});
|
|
2471
2471
|
var r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
|
|
2472
2472
|
return r ? {
|
|
@@ -2486,25 +2486,25 @@ function yt(n, t, r) {
|
|
|
2486
2486
|
return r ?? "#e0e0e0";
|
|
2487
2487
|
if (n === 1)
|
|
2488
2488
|
return t;
|
|
2489
|
-
const s = r ? ze(r) : null, i = (s == null ? void 0 : s.r) ?? 224,
|
|
2490
|
-
return `rgb(${u}, ${
|
|
2489
|
+
const s = r ? ze(r) : null, i = (s == null ? void 0 : s.r) ?? 224, a = (s == null ? void 0 : s.g) ?? 224, l = (s == null ? void 0 : s.b) ?? 224, c = parseInt(t.substring(1, 3), 16), o = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (c - i)), m = Math.round(a + n * (o - a)), f = Math.round(l + n * (d - l));
|
|
2490
|
+
return `rgb(${u}, ${m}, ${f})`;
|
|
2491
2491
|
}
|
|
2492
2492
|
const ve = (n, t, r = "", s) => {
|
|
2493
|
-
let i,
|
|
2494
|
-
if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !f || (u = t.length > 9, u = f ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u,
|
|
2493
|
+
let i, a, l, c, o, d, u, m = Math.round, f = typeof r == "string";
|
|
2494
|
+
if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !f || (u = t.length > 9, u = f ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u, o = ve.pSBCr(t), c = n < 0, d = r && typeof r == "string" && r != "c" ? ve.pSBCr(r) : c ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = c ? n * -1 : n, c = 1 - n, !o || !d))
|
|
2495
2495
|
return null;
|
|
2496
|
-
s ? (i =
|
|
2497
|
-
let
|
|
2498
|
-
return d = d.a ?? 1,
|
|
2496
|
+
s ? (i = m(c * (o.r ?? 0) + n * (d.r ?? 0)), a = m(c * (o.g ?? 0) + n * (d.g ?? 0)), l = m(c * (o.b ?? 0) + n * (d.b ?? 0))) : (i = m((c * (o.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), a = m((c * (o.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), l = m((c * (o.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
|
|
2497
|
+
let x = o.a ?? 1;
|
|
2498
|
+
return d = d.a ?? 1, o = x >= 0 || d >= 0, x = x >= 0 || d >= 0 ? x < 0 ? d : d < 0 ? x : x * c + d * n : 0, u ? "rgb" + (o ? "a(" : "(") + i + "," + a + "," + l + (o ? "," + m(x * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + a * 65536 + l * 256 + (o ? m(x * 255) : 0)).toString(16).slice(1, o ? void 0 : -2);
|
|
2499
2499
|
};
|
|
2500
2500
|
ve.pSBCr = (n) => {
|
|
2501
2501
|
const t = parseInt;
|
|
2502
2502
|
let r = n.length, s = {};
|
|
2503
2503
|
if (r > 9) {
|
|
2504
|
-
const i = n.split(","), [
|
|
2504
|
+
const i = n.split(","), [a, l, c, o] = i;
|
|
2505
2505
|
if (r = i.length, r < 3 || r > 4)
|
|
2506
2506
|
return null;
|
|
2507
|
-
s.r = t(
|
|
2507
|
+
s.r = t(a[3] == "a" ? a.slice(5) : a.slice(4)), s.g = t(l), s.b = t(c), s.a = o ? parseFloat(o) : -1;
|
|
2508
2508
|
} else {
|
|
2509
2509
|
if (r == 8 || r == 6 || r < 4)
|
|
2510
2510
|
return null;
|
|
@@ -2514,7 +2514,7 @@ ve.pSBCr = (n) => {
|
|
|
2514
2514
|
}
|
|
2515
2515
|
return s;
|
|
2516
2516
|
};
|
|
2517
|
-
function
|
|
2517
|
+
function xe(n) {
|
|
2518
2518
|
const t = ze(n);
|
|
2519
2519
|
return t ? t.r * 0.299 + t.g * 0.589 + t.b * 0.114 > 186 ? "#000000" : "#FFFFFF" : "#fff";
|
|
2520
2520
|
}
|
|
@@ -2569,53 +2569,53 @@ const kt = {
|
|
|
2569
2569
|
const r = rn(n, t);
|
|
2570
2570
|
return {
|
|
2571
2571
|
Primary_color: n,
|
|
2572
|
-
On_primary_color:
|
|
2572
|
+
On_primary_color: xe(n),
|
|
2573
2573
|
Primary_container_color: r,
|
|
2574
|
-
On_primary_container_color:
|
|
2574
|
+
On_primary_container_color: xe(r)
|
|
2575
2575
|
};
|
|
2576
2576
|
},
|
|
2577
2577
|
Secondary_color: (n, t) => {
|
|
2578
2578
|
const r = rn(n, t);
|
|
2579
2579
|
return {
|
|
2580
2580
|
Secondary_color: n,
|
|
2581
|
-
On_secondary_color:
|
|
2581
|
+
On_secondary_color: xe(n),
|
|
2582
2582
|
Secondary_container_color: r,
|
|
2583
|
-
On_secondary_container_color:
|
|
2583
|
+
On_secondary_container_color: xe(r)
|
|
2584
2584
|
};
|
|
2585
2585
|
},
|
|
2586
2586
|
Tertiary_color: (n, t) => {
|
|
2587
2587
|
const r = rn(n, t);
|
|
2588
2588
|
return {
|
|
2589
2589
|
Tertiary_color: n,
|
|
2590
|
-
On_tertiary_color:
|
|
2590
|
+
On_tertiary_color: xe(n),
|
|
2591
2591
|
Tertiary_container_color: r,
|
|
2592
|
-
On_tertiary_container_color:
|
|
2592
|
+
On_tertiary_container_color: xe(r)
|
|
2593
2593
|
};
|
|
2594
2594
|
},
|
|
2595
2595
|
Background_color: (n, t) => ({
|
|
2596
2596
|
Background_color: n,
|
|
2597
|
-
On_background_color:
|
|
2597
|
+
On_background_color: xe(n)
|
|
2598
2598
|
}),
|
|
2599
2599
|
Error_color: (n, t) => {
|
|
2600
2600
|
const r = rn(n, t);
|
|
2601
2601
|
return {
|
|
2602
2602
|
Error_color: n,
|
|
2603
|
-
On_error_color:
|
|
2603
|
+
On_error_color: xe(n),
|
|
2604
2604
|
Error_container_color: r,
|
|
2605
|
-
On_error_container_color:
|
|
2605
|
+
On_error_container_color: xe(r)
|
|
2606
2606
|
};
|
|
2607
2607
|
},
|
|
2608
2608
|
Surface_container_color: (n, t) => {
|
|
2609
|
-
const r = ve(t ? -0.2 : 0.2, n) ?? n, s = ve(t ? -0.4 : 0.4, n) ?? n, i = ve(t ? 0.2 : -0.2, n) ?? n,
|
|
2609
|
+
const r = ve(t ? -0.2 : 0.2, n) ?? n, s = ve(t ? -0.4 : 0.4, n) ?? n, i = ve(t ? 0.2 : -0.2, n) ?? n, a = ve(t ? 0.4 : -0.4, n) ?? n, l = ve(t ? -0.5 : 0.5, n) ?? n;
|
|
2610
2610
|
return {
|
|
2611
2611
|
Surface_container_color: n,
|
|
2612
|
-
On_surface_color:
|
|
2612
|
+
On_surface_color: xe(n),
|
|
2613
2613
|
Surface_container_low_color: r,
|
|
2614
2614
|
Surface_container_lowest_color: s,
|
|
2615
2615
|
Surface_container_high_color: i,
|
|
2616
|
-
Surface_container_highest_color:
|
|
2616
|
+
Surface_container_highest_color: a,
|
|
2617
2617
|
Surface_container_hover_color: l,
|
|
2618
|
-
On_surface_variant_color: ve(t ? -0.6 : 0.4,
|
|
2618
|
+
On_surface_variant_color: ve(t ? -0.6 : 0.4, xe(n)) ?? xe(n)
|
|
2619
2619
|
};
|
|
2620
2620
|
},
|
|
2621
2621
|
Outline_color: (n, t) => ({
|
|
@@ -2624,14 +2624,14 @@ const kt = {
|
|
|
2624
2624
|
})
|
|
2625
2625
|
};
|
|
2626
2626
|
function Qr(n, t = !1) {
|
|
2627
|
-
const [r, s] = y({ ...kt, ...n }), [i,
|
|
2628
|
-
(
|
|
2629
|
-
const u = qr[
|
|
2627
|
+
const [r, s] = y({ ...kt, ...n }), [i, a] = y(t), l = N(
|
|
2628
|
+
(o, d) => {
|
|
2629
|
+
const u = qr[o];
|
|
2630
2630
|
if (!u)
|
|
2631
2631
|
return;
|
|
2632
|
-
const
|
|
2633
|
-
s((f) => ({ ...f, ...
|
|
2634
|
-
document.body.style.setProperty(`--${f.replace(/_/g, "-")}`,
|
|
2632
|
+
const m = u(d, i);
|
|
2633
|
+
s((f) => ({ ...f, ...m })), Object.entries(m).forEach(([f, x]) => {
|
|
2634
|
+
document.body.style.setProperty(`--${f.replace(/_/g, "-")}`, x);
|
|
2635
2635
|
});
|
|
2636
2636
|
},
|
|
2637
2637
|
[i]
|
|
@@ -2639,7 +2639,7 @@ function Qr(n, t = !1) {
|
|
|
2639
2639
|
return {
|
|
2640
2640
|
colors: r,
|
|
2641
2641
|
setColor: l,
|
|
2642
|
-
setReverse: (
|
|
2642
|
+
setReverse: (o) => a(o)
|
|
2643
2643
|
};
|
|
2644
2644
|
}
|
|
2645
2645
|
const es = {
|
|
@@ -2685,56 +2685,56 @@ const es = {
|
|
|
2685
2685
|
function ts(n = "light") {
|
|
2686
2686
|
const [t, r] = y(
|
|
2687
2687
|
kn
|
|
2688
|
-
), [s, i] = y(n), { colors:
|
|
2689
|
-
(
|
|
2690
|
-
const _ = t[
|
|
2688
|
+
), [s, i] = y(n), { colors: a, setColor: l, setReverse: c } = Qr(t[s].colors, t[s].reverse), o = N(
|
|
2689
|
+
(x) => {
|
|
2690
|
+
const _ = t[x].colors;
|
|
2691
2691
|
_ && (Object.entries(_).forEach(([p, j]) => {
|
|
2692
2692
|
l(p, j);
|
|
2693
|
-
}), c(t[
|
|
2693
|
+
}), c(t[x].reverse ?? !1), i(x));
|
|
2694
2694
|
},
|
|
2695
2695
|
[t, l]
|
|
2696
2696
|
);
|
|
2697
2697
|
A(() => {
|
|
2698
|
-
|
|
2699
|
-
}, [s,
|
|
2698
|
+
o(s);
|
|
2699
|
+
}, [s, o]);
|
|
2700
2700
|
const d = N(
|
|
2701
|
-
(
|
|
2701
|
+
(x, _, p) => {
|
|
2702
2702
|
r((j) => ({
|
|
2703
2703
|
...j,
|
|
2704
|
-
[
|
|
2705
|
-
colors: { ...j[
|
|
2706
|
-
reverse: j[
|
|
2704
|
+
[x]: {
|
|
2705
|
+
colors: { ...j[x].colors, [_]: p },
|
|
2706
|
+
reverse: j[x].reverse
|
|
2707
2707
|
}
|
|
2708
2708
|
}));
|
|
2709
2709
|
},
|
|
2710
2710
|
[]
|
|
2711
|
-
), u = N((
|
|
2711
|
+
), u = N((x, _ = "light", p) => {
|
|
2712
2712
|
r((j) => ({
|
|
2713
2713
|
...j,
|
|
2714
|
-
[
|
|
2714
|
+
[x]: { colors: j[_].colors, reverse: p === void 0 ? j[_].reverse : p }
|
|
2715
2715
|
}));
|
|
2716
|
-
}, []),
|
|
2716
|
+
}, []), m = N((x) => {
|
|
2717
2717
|
r((_) => {
|
|
2718
2718
|
const p = { ..._ };
|
|
2719
|
-
return delete p[
|
|
2720
|
-
}), s ===
|
|
2719
|
+
return delete p[x], p;
|
|
2720
|
+
}), s === x && i("light");
|
|
2721
2721
|
}, [s]), f = N(
|
|
2722
|
-
(
|
|
2723
|
-
kn[
|
|
2722
|
+
(x) => {
|
|
2723
|
+
kn[x] && r((_) => ({
|
|
2724
2724
|
..._,
|
|
2725
|
-
[
|
|
2725
|
+
[x]: { ...kn[x] }
|
|
2726
2726
|
}));
|
|
2727
2727
|
},
|
|
2728
2728
|
[]
|
|
2729
2729
|
);
|
|
2730
2730
|
return {
|
|
2731
|
-
colors:
|
|
2731
|
+
colors: a,
|
|
2732
2732
|
themes: t,
|
|
2733
2733
|
activeTheme: s,
|
|
2734
|
-
setActiveTheme:
|
|
2734
|
+
setActiveTheme: o,
|
|
2735
2735
|
updateThemeColor: d,
|
|
2736
2736
|
createTheme: u,
|
|
2737
|
-
deleteTheme:
|
|
2737
|
+
deleteTheme: m,
|
|
2738
2738
|
resetTheme: f
|
|
2739
2739
|
};
|
|
2740
2740
|
}
|
|
@@ -2757,22 +2757,22 @@ const Xe = () => {
|
|
|
2757
2757
|
onChange: r,
|
|
2758
2758
|
min: s = 0,
|
|
2759
2759
|
max: i = 100,
|
|
2760
|
-
step:
|
|
2760
|
+
step: a = 1,
|
|
2761
2761
|
strokeWidth: l = "40px",
|
|
2762
2762
|
value: c,
|
|
2763
|
-
orientation:
|
|
2763
|
+
orientation: o = "horizontal",
|
|
2764
2764
|
styleTrack: d = "base",
|
|
2765
2765
|
showValue: u = !0,
|
|
2766
|
-
valueDisplayDuration:
|
|
2766
|
+
valueDisplayDuration: m = 2e3,
|
|
2767
2767
|
ariaLabel: f = "Регулятор значения",
|
|
2768
|
-
startColor:
|
|
2768
|
+
startColor: x,
|
|
2769
2769
|
className: _ = "",
|
|
2770
2770
|
...p
|
|
2771
2771
|
}) => {
|
|
2772
|
-
const j = J(null), C = J(null), [g, w] = y(c ?? s), [v, $] = y("200px"), { colors: O } = Ee(Fn), { showPopup: z, popupState: P } = Kr({ valueDisplayDuration:
|
|
2772
|
+
const j = J(null), C = J(null), [g, w] = y(c ?? s), [v, $] = y("200px"), { colors: O } = Ee(Fn), { showPopup: z, popupState: P } = Kr({ valueDisplayDuration: m }), M = n ?? O.Primary_color ?? "#0000ff";
|
|
2773
2773
|
A(() => {
|
|
2774
2774
|
var R;
|
|
2775
|
-
if (
|
|
2775
|
+
if (o === "vertical" && ((R = C.current) != null && R.parentElement)) {
|
|
2776
2776
|
const I = () => {
|
|
2777
2777
|
var K, Y;
|
|
2778
2778
|
const ne = (Y = (K = C.current) == null ? void 0 : K.parentElement) == null ? void 0 : Y.clientHeight;
|
|
@@ -2782,7 +2782,7 @@ const Xe = () => {
|
|
|
2782
2782
|
const q = new ResizeObserver(I);
|
|
2783
2783
|
return C.current.parentElement && q.observe(C.current.parentElement), () => q.disconnect();
|
|
2784
2784
|
}
|
|
2785
|
-
}, [
|
|
2785
|
+
}, [o]), A(() => {
|
|
2786
2786
|
c !== void 0 && (w(c), H());
|
|
2787
2787
|
}, [c]);
|
|
2788
2788
|
const H = N(() => {
|
|
@@ -2795,9 +2795,9 @@ const Xe = () => {
|
|
|
2795
2795
|
[g, s, i]
|
|
2796
2796
|
), k = ge(() => ({
|
|
2797
2797
|
...p.style,
|
|
2798
|
-
[
|
|
2799
|
-
background: d === "point" ? "transperent" : d === "static-color" ? M : yt(V / 100, M,
|
|
2800
|
-
}), [V, M, p.style,
|
|
2798
|
+
[o === "vertical" ? "height" : "width"]: `${V}%`,
|
|
2799
|
+
background: d === "point" ? "transperent" : d === "static-color" ? M : yt(V / 100, M, x)
|
|
2800
|
+
}), [V, M, p.style, o, d]), F = ge(() => o === "vertical" ? {
|
|
2801
2801
|
"--range-width": l,
|
|
2802
2802
|
"--point-width": d === "point" ? l : "6px",
|
|
2803
2803
|
"--point-opacity": d === "point" ? "1" : "0",
|
|
@@ -2813,16 +2813,16 @@ const Xe = () => {
|
|
|
2813
2813
|
width: "100%",
|
|
2814
2814
|
height: Kn,
|
|
2815
2815
|
...p.style
|
|
2816
|
-
}, [
|
|
2816
|
+
}, [o, v, p.style, l, d, M]), L = ge(() => o === "vertical" ? {
|
|
2817
2817
|
width: v
|
|
2818
2818
|
} : {
|
|
2819
2819
|
width: "100%"
|
|
2820
|
-
}, [
|
|
2820
|
+
}, [o, v]);
|
|
2821
2821
|
return /* @__PURE__ */ e.jsxs(
|
|
2822
2822
|
"div",
|
|
2823
2823
|
{
|
|
2824
2824
|
ref: C,
|
|
2825
|
-
className: `range-wrapper ${
|
|
2825
|
+
className: `range-wrapper ${o} ${_}`,
|
|
2826
2826
|
style: F,
|
|
2827
2827
|
children: [
|
|
2828
2828
|
/* @__PURE__ */ e.jsxs("div", { className: "track", style: { background: t }, children: [
|
|
@@ -2837,13 +2837,13 @@ const Xe = () => {
|
|
|
2837
2837
|
min: s,
|
|
2838
2838
|
style: L,
|
|
2839
2839
|
max: i,
|
|
2840
|
-
step:
|
|
2840
|
+
step: a,
|
|
2841
2841
|
value: g,
|
|
2842
2842
|
onChange: B,
|
|
2843
2843
|
onFocus: p.onFocus,
|
|
2844
2844
|
onBlur: p.onBlur,
|
|
2845
2845
|
className: "slider-input",
|
|
2846
|
-
"aria-orientation":
|
|
2846
|
+
"aria-orientation": o,
|
|
2847
2847
|
"aria-valuenow": g,
|
|
2848
2848
|
"aria-valuemin": s,
|
|
2849
2849
|
"aria-valuemax": i,
|
|
@@ -2861,15 +2861,15 @@ const Xe = () => {
|
|
|
2861
2861
|
value: r = 0,
|
|
2862
2862
|
onChange: s,
|
|
2863
2863
|
onFocus: i,
|
|
2864
|
-
onBlur:
|
|
2864
|
+
onBlur: a,
|
|
2865
2865
|
styleRange: l = "circle",
|
|
2866
2866
|
styleTrack: c = "base",
|
|
2867
|
-
strokeWidth:
|
|
2867
|
+
strokeWidth: o = 20,
|
|
2868
2868
|
radius: d = 100,
|
|
2869
2869
|
colorBg: u = "var(--Surface-container-color)",
|
|
2870
|
-
colorRange:
|
|
2870
|
+
colorRange: m,
|
|
2871
2871
|
pointColor: f,
|
|
2872
|
-
showBase:
|
|
2872
|
+
showBase: x = !0,
|
|
2873
2873
|
showIndicator: _ = !0,
|
|
2874
2874
|
showPoint: p = !1,
|
|
2875
2875
|
rounding: j = !0,
|
|
@@ -2879,7 +2879,7 @@ const Xe = () => {
|
|
|
2879
2879
|
className: v,
|
|
2880
2880
|
startColor: $
|
|
2881
2881
|
}) => {
|
|
2882
|
-
const O = J(null), z = J(!1), P = d * 2, M = d * 2, H = Math.min(P, M), B = P / 2, V = M / 2, k = H / 2 -
|
|
2882
|
+
const O = J(null), z = J(!1), P = d * 2, M = d * 2, H = Math.min(P, M), B = P / 2, V = M / 2, k = H / 2 - o / 2, F = c === "point" ? !1 : _, L = c === "point" ? !0 : p, { colors: R } = Ee(Fn), I = m ?? R.Primary_color ?? "#0000ff", q = f ?? R.Primary_color ?? "#0000ff", [ne, K] = y(r);
|
|
2883
2883
|
A(() => {
|
|
2884
2884
|
r !== void 0 && K(r);
|
|
2885
2885
|
}, [r]);
|
|
@@ -2899,25 +2899,25 @@ const Xe = () => {
|
|
|
2899
2899
|
if (!O.current)
|
|
2900
2900
|
return;
|
|
2901
2901
|
const [G, pe] = le(), Ce = (ne - n) * pe / (t - n);
|
|
2902
|
-
if (
|
|
2902
|
+
if (x) {
|
|
2903
2903
|
const X = O.current.querySelector('[data-el="base"]');
|
|
2904
|
-
X && (X.style.stroke = u, X.style.strokeWidth =
|
|
2904
|
+
X && (X.style.stroke = u, X.style.strokeWidth = o.toString(), X.style.strokeLinecap = j ? "round" : "", X.style.strokeDashoffset = G.toString(), X.style.strokeDasharray = `${pe}, ${k * Math.PI * 2 - pe}`);
|
|
2905
2905
|
}
|
|
2906
2906
|
if (F) {
|
|
2907
2907
|
const X = O.current.querySelector('[data-el="indicator"]');
|
|
2908
2908
|
if (X) {
|
|
2909
2909
|
const _e = parseFloat(X.dataset.percentage ?? "");
|
|
2910
|
-
_e !== null && (_e < se - 2 || _e > se + 2) ? X.style.transition = ".3s" : X.style.transition = z.current ? "none" : ".3s", X.dataset.percentage = se.toString(), X.style.stroke = c === "static-color" ? I : yt(se / 100, I, $), X.style.strokeWidth =
|
|
2910
|
+
_e !== null && (_e < se - 2 || _e > se + 2) ? X.style.transition = ".3s" : X.style.transition = z.current ? "none" : ".3s", X.dataset.percentage = se.toString(), X.style.stroke = c === "static-color" ? I : yt(se / 100, I, $), X.style.strokeWidth = o.toString(), X.style.strokeLinecap = j ? "round" : "", X.style.strokeDashoffset = G.toString(), X.style.strokeDasharray = `${Ce}, ${k * Math.PI * 2 - Ce}`;
|
|
2911
2911
|
}
|
|
2912
2912
|
}
|
|
2913
2913
|
if (L) {
|
|
2914
2914
|
const X = O.current.querySelector('[data-el="point"]');
|
|
2915
2915
|
if (X) {
|
|
2916
2916
|
const _e = parseFloat(X.dataset.percentage ?? "");
|
|
2917
|
-
_e !== null && (_e < se - 2 || _e > se + 2) ? X.style.transition = ".3s" : X.style.transition = z.current ? "none" : ".3s", X.dataset.percentage = se.toString(), X.style.stroke = q, X.style.strokeWidth =
|
|
2917
|
+
_e !== null && (_e < se - 2 || _e > se + 2) ? X.style.transition = ".3s" : X.style.transition = z.current ? "none" : ".3s", X.dataset.percentage = se.toString(), X.style.stroke = q, X.style.strokeWidth = o.toString(), X.style.strokeLinecap = "round", ne === t && l === "semicircle" ? X.style.strokeDashoffset = "0" : X.style.strokeDashoffset = (G - Ce).toString(), X.style.strokeDasharray = `0, ${k * Math.PI * 2}`;
|
|
2918
2918
|
}
|
|
2919
2919
|
}
|
|
2920
|
-
}, [ne, le, t, n, k,
|
|
2920
|
+
}, [ne, le, t, n, k, o, u, I, q, x, F, L, j, se, $]), re = (G) => {
|
|
2921
2921
|
z.current = !0, document.addEventListener("mousemove", fe), document.addEventListener("mouseup", we), Se(G);
|
|
2922
2922
|
}, fe = (G) => {
|
|
2923
2923
|
G.preventDefault(), z.current && Se(G);
|
|
@@ -2938,9 +2938,9 @@ const Xe = () => {
|
|
|
2938
2938
|
document.removeEventListener("mousemove", fe), document.removeEventListener("mouseup", we);
|
|
2939
2939
|
}, []);
|
|
2940
2940
|
const W = {
|
|
2941
|
-
"--stroke-width": `${
|
|
2941
|
+
"--stroke-width": `${o}px`
|
|
2942
2942
|
};
|
|
2943
|
-
return /* @__PURE__ */ e.jsxs("div", { style: { width: P, height: M, ...g }, className: "range-circule-wrapper", onFocus: i, onBlur:
|
|
2943
|
+
return /* @__PURE__ */ e.jsxs("div", { style: { width: P, height: M, ...g }, className: "range-circule-wrapper", onFocus: i, onBlur: a, children: [
|
|
2944
2944
|
/* @__PURE__ */ e.jsxs(
|
|
2945
2945
|
"svg",
|
|
2946
2946
|
{
|
|
@@ -2949,7 +2949,7 @@ const Xe = () => {
|
|
|
2949
2949
|
height: "100%",
|
|
2950
2950
|
onMouseDown: re,
|
|
2951
2951
|
children: [
|
|
2952
|
-
|
|
2952
|
+
x && /* @__PURE__ */ e.jsx(
|
|
2953
2953
|
"circle",
|
|
2954
2954
|
{
|
|
2955
2955
|
"data-el": "base",
|
|
@@ -2992,21 +2992,21 @@ const ss = Fe(
|
|
|
2992
2992
|
size: r = "medium",
|
|
2993
2993
|
position: s = "bottom-right",
|
|
2994
2994
|
variant: i = "primary",
|
|
2995
|
-
className:
|
|
2995
|
+
className: a = "",
|
|
2996
2996
|
...l
|
|
2997
2997
|
}, c) => {
|
|
2998
|
-
const
|
|
2998
|
+
const o = !!t;
|
|
2999
2999
|
return /* @__PURE__ */ e.jsxs(
|
|
3000
3000
|
"button",
|
|
3001
3001
|
{
|
|
3002
3002
|
ref: c,
|
|
3003
3003
|
type: "button",
|
|
3004
|
-
className: `fab ${
|
|
3005
|
-
"aria-label":
|
|
3004
|
+
className: `fab ${o ? "fab--extended" : ""} fab--${r} fab--${i} ${s !== "none" ? `fab--${s}` : ""} ${a}`,
|
|
3005
|
+
"aria-label": o ? void 0 : l["aria-label"] || "Floating action button",
|
|
3006
3006
|
...l,
|
|
3007
3007
|
children: [
|
|
3008
3008
|
n && /* @__PURE__ */ e.jsx("span", { className: "fab__icon", children: n }),
|
|
3009
|
-
|
|
3009
|
+
o && /* @__PURE__ */ e.jsx("span", { className: "fab__text", children: t })
|
|
3010
3010
|
]
|
|
3011
3011
|
}
|
|
3012
3012
|
);
|
|
@@ -3019,10 +3019,10 @@ const je = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
|
|
|
3019
3019
|
/* @__PURE__ */ e.jsx("div", { className: `divider ${t ? "short" : ""}` })
|
|
3020
3020
|
] }) : /* @__PURE__ */ e.jsx("div", { style: n, className: `divider ${t ? "short" : ""}` });
|
|
3021
3021
|
const is = ({ item: n, isIcon: t, globalClick: r, autoHide: s, onHide: i }) => {
|
|
3022
|
-
const
|
|
3022
|
+
const a = () => {
|
|
3023
3023
|
n.onClick && n.onClick(), r && r(), s && (i == null || i());
|
|
3024
3024
|
};
|
|
3025
|
-
return /* @__PURE__ */ e.jsxs("div", { className: `menu-item menu-item__info ${n.disabled ? "menu-item_disabled" : ""}`, onClick:
|
|
3025
|
+
return /* @__PURE__ */ e.jsxs("div", { className: `menu-item menu-item__info ${n.disabled ? "menu-item_disabled" : ""}`, onClick: a, children: [
|
|
3026
3026
|
t ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: n.icon }) : null,
|
|
3027
3027
|
/* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: n.title }),
|
|
3028
3028
|
/* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx($e, {}) : null })
|
|
@@ -3041,14 +3041,14 @@ const is = ({ item: n, isIcon: t, globalClick: r, autoHide: s, onHide: i }) => {
|
|
|
3041
3041
|
let i = { x: n, y: t };
|
|
3042
3042
|
if (!r)
|
|
3043
3043
|
return i;
|
|
3044
|
-
const
|
|
3045
|
-
return
|
|
3044
|
+
const a = window.getComputedStyle(r), l = parseFloat(a.getPropertyValue("height")), c = parseFloat(a.getPropertyValue("width")), o = t + l - document.documentElement.clientHeight, d = n + c - document.documentElement.clientWidth;
|
|
3045
|
+
return o > 0 && (i.y = i.y - o - ((s == null ? void 0 : s.marginBottom) ?? 0)), d > 0 && (i.x = i.x - d - ((s == null ? void 0 : s.marginRight) ?? 0)), i;
|
|
3046
3046
|
};
|
|
3047
|
-
const
|
|
3048
|
-
const l = J(null), [c,
|
|
3049
|
-
function
|
|
3050
|
-
for (let
|
|
3051
|
-
if (
|
|
3047
|
+
const as = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i, onGlobalHide: a }) => {
|
|
3048
|
+
const l = J(null), [c, o] = y({ left: "0px", top: "0px" }), [d, u] = y(!1);
|
|
3049
|
+
function m(f) {
|
|
3050
|
+
for (let x of f)
|
|
3051
|
+
if (x.icon)
|
|
3052
3052
|
return !0;
|
|
3053
3053
|
return !1;
|
|
3054
3054
|
}
|
|
@@ -3058,46 +3058,46 @@ const os = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i,
|
|
|
3058
3058
|
let f = jn(l.current.parentElement);
|
|
3059
3059
|
if (!f)
|
|
3060
3060
|
return;
|
|
3061
|
-
let
|
|
3062
|
-
|
|
3063
|
-
left:
|
|
3064
|
-
top:
|
|
3061
|
+
let x = Nt(f.left + f.width, f.top, l.current, { marginRight: f.width });
|
|
3062
|
+
o({
|
|
3063
|
+
left: x.x - f.left + "px",
|
|
3064
|
+
top: x.y - f.top + "px"
|
|
3065
3065
|
}), u(!0);
|
|
3066
3066
|
}, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
3067
|
-
/* @__PURE__ */ e.jsx("div", { ref: l, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((f,
|
|
3067
|
+
/* @__PURE__ */ e.jsx("div", { ref: l, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((f, x) => /* @__PURE__ */ e.jsx(is, { onHide: a, autoHide: i, item: f, isIcon: m(n), globalClick: s }, x)) }),
|
|
3068
3068
|
r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "menu-block-backplate", onClick: t })
|
|
3069
3069
|
] });
|
|
3070
|
-
},
|
|
3071
|
-
const [l, c] = y(!1),
|
|
3070
|
+
}, os = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: a }) => {
|
|
3071
|
+
const [l, c] = y(!1), o = N(() => {
|
|
3072
3072
|
s.subItems ? c((d) => !d) : (s.onClick && s.onClick(), r && r(), t && n && n());
|
|
3073
3073
|
}, [s.onClick]);
|
|
3074
3074
|
return /* @__PURE__ */ e.jsxs("div", { className: `menu-item ${s.disabled ? "menu-item_disabled" : ""}`, children: [
|
|
3075
|
-
/* @__PURE__ */ e.jsxs("div", { className: "menu-item__info", onClick:
|
|
3075
|
+
/* @__PURE__ */ e.jsxs("div", { className: "menu-item__info", onClick: o, children: [
|
|
3076
3076
|
i ? /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__icon", children: s.icon }) : null,
|
|
3077
3077
|
/* @__PURE__ */ e.jsx("div", { className: "menu-item__info__text", children: s.title }),
|
|
3078
3078
|
/* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${l ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx($e, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
|
|
3079
3079
|
] }),
|
|
3080
|
-
l && s.subItems ? /* @__PURE__ */ e.jsx(
|
|
3080
|
+
l && s.subItems ? /* @__PURE__ */ e.jsx(as, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => c(!1), smallDisplay: a }) : null
|
|
3081
3081
|
] });
|
|
3082
3082
|
};
|
|
3083
3083
|
function wt({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: i }) {
|
|
3084
|
-
function
|
|
3084
|
+
function a(l) {
|
|
3085
3085
|
for (let c of l.items)
|
|
3086
3086
|
if (c.icon)
|
|
3087
3087
|
return !0;
|
|
3088
3088
|
return !1;
|
|
3089
3089
|
}
|
|
3090
|
-
return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((l, c) => /* @__PURE__ */ e.jsx(
|
|
3090
|
+
return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((l, c) => /* @__PURE__ */ e.jsx(os, { globalClick: s, autoHide: i, onHide: r, item: l, isIcon: a(n), smallDisplay: t }, c)) });
|
|
3091
3091
|
}
|
|
3092
3092
|
const ls = 100, cs = (n) => {
|
|
3093
3093
|
const t = J(null), [r, s] = y({ left: "0px", top: "0px" }), i = () => {
|
|
3094
3094
|
n.onHide && n.onHide();
|
|
3095
3095
|
};
|
|
3096
3096
|
return cr(() => {
|
|
3097
|
-
let
|
|
3097
|
+
let a = Nt(n.x, n.y, t.current, { marginBottom: ls });
|
|
3098
3098
|
s({
|
|
3099
|
-
left:
|
|
3100
|
-
top:
|
|
3099
|
+
left: a.x + "px",
|
|
3100
|
+
top: a.y + "px"
|
|
3101
3101
|
});
|
|
3102
3102
|
}, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsx(fn, { onHide: i, children: /* @__PURE__ */ e.jsx(
|
|
3103
3103
|
"div",
|
|
@@ -3105,9 +3105,9 @@ const ls = 100, cs = (n) => {
|
|
|
3105
3105
|
ref: t,
|
|
3106
3106
|
className: "base-menu base-menu_color_surface-container-high",
|
|
3107
3107
|
style: { ...r, width: n.width, maxWidth: n.width ? "100%" : void 0 },
|
|
3108
|
-
children: n.blocks.map((
|
|
3108
|
+
children: n.blocks.map((a, l) => /* @__PURE__ */ e.jsxs(de.Fragment, { children: [
|
|
3109
3109
|
l !== 0 ? /* @__PURE__ */ e.jsx(je, {}) : null,
|
|
3110
|
-
/* @__PURE__ */ e.jsx(wt, { block:
|
|
3110
|
+
/* @__PURE__ */ e.jsx(wt, { block: a, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
|
|
3111
3111
|
] }, l))
|
|
3112
3112
|
}
|
|
3113
3113
|
) }) : null;
|
|
@@ -3119,25 +3119,25 @@ const ds = (n) => {
|
|
|
3119
3119
|
s !== 0 ? /* @__PURE__ */ e.jsx(je, {}) : null,
|
|
3120
3120
|
/* @__PURE__ */ e.jsx(wt, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
|
|
3121
3121
|
] }, s)) }) });
|
|
3122
|
-
}, St = (n) => n.screensize ===
|
|
3123
|
-
const [c,
|
|
3124
|
-
|
|
3125
|
-
},
|
|
3126
|
-
p.stopPropagation(),
|
|
3127
|
-
}, _ = n ??
|
|
3122
|
+
}, St = (n) => n.screensize === oe.MOBILE ? /* @__PURE__ */ e.jsx(Re, { container: n.container, children: /* @__PURE__ */ e.jsx(ds, { ...n }) }) : /* @__PURE__ */ e.jsx(Re, { container: n.container, children: /* @__PURE__ */ e.jsx(cs, { ...n }) }), Ri = de.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...a }, l) => {
|
|
3123
|
+
const [c, o] = y(!1), [d, u] = y(void 0), { screen: m } = Ee(Ge), f = () => {
|
|
3124
|
+
o(!1), u(void 0);
|
|
3125
|
+
}, x = (p) => {
|
|
3126
|
+
p.stopPropagation(), o(!0), u({ x: p.clientX, y: p.clientY }), i == null || i(p);
|
|
3127
|
+
}, _ = n ?? m;
|
|
3128
3128
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
3129
3129
|
/* @__PURE__ */ e.jsx(
|
|
3130
3130
|
ke,
|
|
3131
3131
|
{
|
|
3132
3132
|
ref: l,
|
|
3133
|
-
onClick:
|
|
3134
|
-
...
|
|
3133
|
+
onClick: x,
|
|
3134
|
+
...a
|
|
3135
3135
|
}
|
|
3136
3136
|
),
|
|
3137
3137
|
/* @__PURE__ */ e.jsx(
|
|
3138
3138
|
St,
|
|
3139
3139
|
{
|
|
3140
|
-
marginBottom: _ ===
|
|
3140
|
+
marginBottom: _ === oe.MOBILE ? 80 : 0,
|
|
3141
3141
|
onHide: f,
|
|
3142
3142
|
autoHide: t,
|
|
3143
3143
|
screensize: n,
|
|
@@ -3157,10 +3157,10 @@ const Mt = de.forwardRef(
|
|
|
3157
3157
|
onChange: r,
|
|
3158
3158
|
readOnly: s,
|
|
3159
3159
|
disabled: i,
|
|
3160
|
-
checkIcon:
|
|
3160
|
+
checkIcon: a = /* @__PURE__ */ e.jsx($e, { baseColor: "var(--On-primary-color)" }),
|
|
3161
3161
|
size: l = "medium",
|
|
3162
3162
|
className: c,
|
|
3163
|
-
...
|
|
3163
|
+
...o
|
|
3164
3164
|
}, d) => /* @__PURE__ */ e.jsxs(
|
|
3165
3165
|
"label",
|
|
3166
3166
|
{
|
|
@@ -3183,26 +3183,26 @@ const Mt = de.forwardRef(
|
|
|
3183
3183
|
readOnly: s,
|
|
3184
3184
|
disabled: i,
|
|
3185
3185
|
"aria-checked": t,
|
|
3186
|
-
...
|
|
3186
|
+
...o
|
|
3187
3187
|
}
|
|
3188
3188
|
),
|
|
3189
|
-
/* @__PURE__ */ e.jsx("span", { className: "checkbox-box", children: /* @__PURE__ */ e.jsx("span", { className: "checkbox-icon-container", children: /* @__PURE__ */ e.jsx("span", { className: "checkbox-check-icon", children:
|
|
3189
|
+
/* @__PURE__ */ e.jsx("span", { className: "checkbox-box", children: /* @__PURE__ */ e.jsx("span", { className: "checkbox-icon-container", children: /* @__PURE__ */ e.jsx("span", { className: "checkbox-check-icon", children: a }) }) })
|
|
3190
3190
|
]
|
|
3191
3191
|
}
|
|
3192
3192
|
)
|
|
3193
3193
|
);
|
|
3194
3194
|
Mt.displayName = "Checkbox";
|
|
3195
3195
|
const Lt = de.forwardRef(
|
|
3196
|
-
({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className:
|
|
3197
|
-
const d = (
|
|
3198
|
-
|
|
3196
|
+
({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: a, disabled: l, ...c }, o) => {
|
|
3197
|
+
const d = (m) => {
|
|
3198
|
+
m.stopPropagation(), t == null || t(m);
|
|
3199
3199
|
}, u = l ? void 0 : s;
|
|
3200
3200
|
return /* @__PURE__ */ e.jsxs(
|
|
3201
3201
|
"div",
|
|
3202
3202
|
{
|
|
3203
3203
|
...c,
|
|
3204
|
-
ref:
|
|
3205
|
-
className: `chips ${r ? "chips--big" : ""} ${l ? "disabled" : ""} ${s ? "chips--clickable" : ""} ${
|
|
3204
|
+
ref: o,
|
|
3205
|
+
className: `chips ${r ? "chips--big" : ""} ${l ? "disabled" : ""} ${s ? "chips--clickable" : ""} ${a || ""}`,
|
|
3206
3206
|
onClick: u,
|
|
3207
3207
|
role: c.role ?? s ? "button" : void 0,
|
|
3208
3208
|
tabIndex: c.tabIndex ?? s ? 0 : void 0,
|
|
@@ -3233,21 +3233,21 @@ const $t = Fe(
|
|
|
3233
3233
|
value: r,
|
|
3234
3234
|
onChange: s,
|
|
3235
3235
|
readOnly: i,
|
|
3236
|
-
checked:
|
|
3236
|
+
checked: a,
|
|
3237
3237
|
defaultChecked: l,
|
|
3238
3238
|
label: c,
|
|
3239
|
-
size:
|
|
3239
|
+
size: o = "medium",
|
|
3240
3240
|
variant: d = "primary",
|
|
3241
3241
|
showLabel: u = !0,
|
|
3242
|
-
className:
|
|
3242
|
+
className: m,
|
|
3243
3243
|
...f
|
|
3244
|
-
},
|
|
3245
|
-
const _ = t !== void 0 ? t === r :
|
|
3246
|
-
return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${
|
|
3244
|
+
}, x) => {
|
|
3245
|
+
const _ = t !== void 0 ? t === r : a !== void 0 ? a : l;
|
|
3246
|
+
return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${m || ""}`, children: [
|
|
3247
3247
|
/* @__PURE__ */ e.jsx(
|
|
3248
3248
|
"input",
|
|
3249
3249
|
{
|
|
3250
|
-
ref:
|
|
3250
|
+
ref: x,
|
|
3251
3251
|
className: "radio-button",
|
|
3252
3252
|
name: n,
|
|
3253
3253
|
type: "radio",
|
|
@@ -3260,7 +3260,7 @@ const $t = Fe(
|
|
|
3260
3260
|
...f
|
|
3261
3261
|
}
|
|
3262
3262
|
),
|
|
3263
|
-
/* @__PURE__ */ e.jsx("span", { className: `radio-button-ui radio-button-ui--${
|
|
3263
|
+
/* @__PURE__ */ e.jsx("span", { className: `radio-button-ui radio-button-ui--${o} radio-button-ui--${d}` }),
|
|
3264
3264
|
u && c && /* @__PURE__ */ e.jsx("span", { className: "radio-button-label", children: c })
|
|
3265
3265
|
] });
|
|
3266
3266
|
}
|
|
@@ -3273,28 +3273,28 @@ const Rt = Fe(
|
|
|
3273
3273
|
multiple: r = !1,
|
|
3274
3274
|
name: s,
|
|
3275
3275
|
readOnly: i = !1,
|
|
3276
|
-
onChange:
|
|
3276
|
+
onChange: a,
|
|
3277
3277
|
className: l = "",
|
|
3278
3278
|
size: c = "medium",
|
|
3279
|
-
variant:
|
|
3279
|
+
variant: o = "primary",
|
|
3280
3280
|
...d
|
|
3281
3281
|
}, u) => {
|
|
3282
|
-
const [
|
|
3282
|
+
const [m, f] = y([]);
|
|
3283
3283
|
A(() => {
|
|
3284
|
-
f(
|
|
3284
|
+
f(x(t));
|
|
3285
3285
|
}, [t]);
|
|
3286
|
-
const
|
|
3286
|
+
const x = (p) => p === void 0 ? [] : Array.isArray(p) ? p : [p], _ = (p, j) => {
|
|
3287
3287
|
if (i)
|
|
3288
3288
|
return;
|
|
3289
3289
|
p.preventDefault();
|
|
3290
3290
|
let C;
|
|
3291
|
-
r ? C =
|
|
3291
|
+
r ? C = m.includes(j) ? m.filter((g) => g !== j) : [...m, j] : C = m.includes(j) ? [] : [j], f(C), a == null || a(C, p);
|
|
3292
3292
|
};
|
|
3293
3293
|
return /* @__PURE__ */ e.jsx(
|
|
3294
3294
|
"div",
|
|
3295
3295
|
{
|
|
3296
3296
|
ref: u,
|
|
3297
|
-
className: `segmented-button segmented-button--${c} segmented-button--${
|
|
3297
|
+
className: `segmented-button segmented-button--${c} segmented-button--${o} ${l}`,
|
|
3298
3298
|
role: "group",
|
|
3299
3299
|
...d,
|
|
3300
3300
|
children: n.map((p) => /* @__PURE__ */ e.jsxs(
|
|
@@ -3302,13 +3302,13 @@ const Rt = Fe(
|
|
|
3302
3302
|
{
|
|
3303
3303
|
type: "button",
|
|
3304
3304
|
role: "radio",
|
|
3305
|
-
"aria-checked":
|
|
3305
|
+
"aria-checked": m.includes(p),
|
|
3306
3306
|
"aria-label": p,
|
|
3307
3307
|
disabled: i,
|
|
3308
|
-
className: `segmented-button__item ${
|
|
3308
|
+
className: `segmented-button__item ${m.includes(p) ? "segmented-button__item--active" : ""}`,
|
|
3309
3309
|
onClick: (j) => _(j, p),
|
|
3310
3310
|
children: [
|
|
3311
|
-
|
|
3311
|
+
m.includes(p) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx($e, {}) }),
|
|
3312
3312
|
/* @__PURE__ */ e.jsx("span", { className: "segmented-button__text", children: p }),
|
|
3313
3313
|
/* @__PURE__ */ e.jsx(
|
|
3314
3314
|
"input",
|
|
@@ -3316,7 +3316,7 @@ const Rt = Fe(
|
|
|
3316
3316
|
type: r ? "checkbox" : "radio",
|
|
3317
3317
|
name: s,
|
|
3318
3318
|
value: p,
|
|
3319
|
-
checked:
|
|
3319
|
+
checked: m.includes(p),
|
|
3320
3320
|
readOnly: !0,
|
|
3321
3321
|
className: "segmented-button__input"
|
|
3322
3322
|
}
|
|
@@ -3337,10 +3337,10 @@ const Et = Fe(
|
|
|
3337
3337
|
className: r = "",
|
|
3338
3338
|
showLabel: s = !1,
|
|
3339
3339
|
labelOn: i = "On",
|
|
3340
|
-
labelOff:
|
|
3340
|
+
labelOff: a = "Off",
|
|
3341
3341
|
checked: l,
|
|
3342
3342
|
onChange: c,
|
|
3343
|
-
...
|
|
3343
|
+
...o
|
|
3344
3344
|
}, d) => /* @__PURE__ */ e.jsxs("label", { className: `switch-container ${r}`, children: [
|
|
3345
3345
|
/* @__PURE__ */ e.jsx(
|
|
3346
3346
|
"input",
|
|
@@ -3352,10 +3352,10 @@ const Et = Fe(
|
|
|
3352
3352
|
checked: l,
|
|
3353
3353
|
onChange: c,
|
|
3354
3354
|
className: `switch-input switch--${n} switch--${t}`,
|
|
3355
|
-
...
|
|
3355
|
+
...o
|
|
3356
3356
|
}
|
|
3357
3357
|
),
|
|
3358
|
-
s && /* @__PURE__ */ e.jsx("span", { className: "switch-label", children: l ? i :
|
|
3358
|
+
s && /* @__PURE__ */ e.jsx("span", { className: "switch-label", children: l ? i : a })
|
|
3359
3359
|
] })
|
|
3360
3360
|
);
|
|
3361
3361
|
Et.displayName = "Switch";
|
|
@@ -3365,29 +3365,29 @@ function us({
|
|
|
3365
3365
|
header: r,
|
|
3366
3366
|
onHide: s,
|
|
3367
3367
|
noHide: i = !1,
|
|
3368
|
-
name:
|
|
3368
|
+
name: a = "selection_dialog",
|
|
3369
3369
|
confirmText: l = "Выбрать",
|
|
3370
3370
|
cancelText: c = "Отмена",
|
|
3371
|
-
defaultValue:
|
|
3371
|
+
defaultValue: o,
|
|
3372
3372
|
style: d
|
|
3373
3373
|
}) {
|
|
3374
|
-
const [u,
|
|
3375
|
-
u !== void 0 && (n == null || n(u),
|
|
3376
|
-
}, [u, n, i, s]),
|
|
3374
|
+
const [u, m] = y(o), f = N(() => {
|
|
3375
|
+
u !== void 0 && (n == null || n(u), m(void 0), !i && (s == null || s()));
|
|
3376
|
+
}, [u, n, i, s]), x = N(() => {
|
|
3377
3377
|
s == null || s();
|
|
3378
3378
|
}, [s]), _ = N((p) => {
|
|
3379
|
-
|
|
3379
|
+
m(p);
|
|
3380
3380
|
}, []);
|
|
3381
3381
|
return /* @__PURE__ */ e.jsxs(
|
|
3382
3382
|
qe,
|
|
3383
3383
|
{
|
|
3384
3384
|
header: r,
|
|
3385
3385
|
style: d,
|
|
3386
|
-
onHide:
|
|
3386
|
+
onHide: x,
|
|
3387
3387
|
action: /* @__PURE__ */ e.jsx(
|
|
3388
3388
|
hs,
|
|
3389
3389
|
{
|
|
3390
|
-
onHide:
|
|
3390
|
+
onHide: x,
|
|
3391
3391
|
onSuccess: f,
|
|
3392
3392
|
disabled: u === void 0,
|
|
3393
3393
|
confirmText: l,
|
|
@@ -3419,7 +3419,7 @@ function us({
|
|
|
3419
3419
|
$t,
|
|
3420
3420
|
{
|
|
3421
3421
|
onClick: p.disabled ? void 0 : () => _(p.data),
|
|
3422
|
-
name:
|
|
3422
|
+
name: a,
|
|
3423
3423
|
checked: p.data === u,
|
|
3424
3424
|
disabled: p.disabled,
|
|
3425
3425
|
"aria-label": `Выбрать ${p.title}`
|
|
@@ -3428,7 +3428,7 @@ function us({
|
|
|
3428
3428
|
}
|
|
3429
3429
|
)
|
|
3430
3430
|
},
|
|
3431
|
-
`${
|
|
3431
|
+
`${a}_${j}`
|
|
3432
3432
|
))
|
|
3433
3433
|
}
|
|
3434
3434
|
),
|
|
@@ -3463,15 +3463,15 @@ const en = de.forwardRef(
|
|
|
3463
3463
|
styleContainer: r,
|
|
3464
3464
|
type: s = "text",
|
|
3465
3465
|
transparent: i,
|
|
3466
|
-
readOnly:
|
|
3466
|
+
readOnly: a,
|
|
3467
3467
|
password: l,
|
|
3468
3468
|
border: c,
|
|
3469
|
-
onClear:
|
|
3469
|
+
onClear: o,
|
|
3470
3470
|
icon: d,
|
|
3471
3471
|
onChange: u,
|
|
3472
|
-
name:
|
|
3472
|
+
name: m,
|
|
3473
3473
|
value: f,
|
|
3474
|
-
placeholder:
|
|
3474
|
+
placeholder: x,
|
|
3475
3475
|
className: _,
|
|
3476
3476
|
validEmptyValue: p,
|
|
3477
3477
|
onFocus: j,
|
|
@@ -3534,7 +3534,7 @@ const en = de.forwardRef(
|
|
|
3534
3534
|
max: w,
|
|
3535
3535
|
min: v,
|
|
3536
3536
|
id: ne,
|
|
3537
|
-
readOnly:
|
|
3537
|
+
readOnly: a,
|
|
3538
3538
|
disabled: O,
|
|
3539
3539
|
required: !0,
|
|
3540
3540
|
type: l ? "password" : s,
|
|
@@ -3542,7 +3542,7 @@ const en = de.forwardRef(
|
|
|
3542
3542
|
input-field__input-container__input
|
|
3543
3543
|
${k ? "input-field__input-container__input_error" : ""}
|
|
3544
3544
|
`,
|
|
3545
|
-
name:
|
|
3545
|
+
name: m,
|
|
3546
3546
|
value: f,
|
|
3547
3547
|
onClick: n,
|
|
3548
3548
|
onChange: (re) => u == null ? void 0 : u(re.target.value, re.target.name, re),
|
|
@@ -3551,10 +3551,10 @@ const en = de.forwardRef(
|
|
|
3551
3551
|
onKeyDown: H,
|
|
3552
3552
|
autoFocus: $,
|
|
3553
3553
|
"aria-invalid": k,
|
|
3554
|
-
"aria-describedby": k ? `${
|
|
3554
|
+
"aria-describedby": k ? `${m}-error` : void 0
|
|
3555
3555
|
}
|
|
3556
3556
|
),
|
|
3557
|
-
|
|
3557
|
+
x && /* @__PURE__ */ e.jsx(
|
|
3558
3558
|
"label",
|
|
3559
3559
|
{
|
|
3560
3560
|
htmlFor: ne,
|
|
@@ -3562,14 +3562,14 @@ const en = de.forwardRef(
|
|
|
3562
3562
|
className: `input-field__input-container__label
|
|
3563
3563
|
${I ? "input-field__input-container__label_filled" : ""}
|
|
3564
3564
|
`,
|
|
3565
|
-
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children:
|
|
3565
|
+
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
|
|
3566
3566
|
}
|
|
3567
3567
|
)
|
|
3568
3568
|
] }),
|
|
3569
|
-
|
|
3569
|
+
o && f && !O && /* @__PURE__ */ e.jsx("div", { className: `
|
|
3570
3570
|
input-field__icon-container
|
|
3571
3571
|
input-field__icon-container_clear-btn
|
|
3572
|
-
`, onClick:
|
|
3572
|
+
`, onClick: o, children: /* @__PURE__ */ e.jsx(Ne, { "aria-label": "Clear input" }) })
|
|
3573
3573
|
]
|
|
3574
3574
|
}
|
|
3575
3575
|
),
|
|
@@ -3585,28 +3585,28 @@ const Ei = ({
|
|
|
3585
3585
|
header: r,
|
|
3586
3586
|
onSuccess: s,
|
|
3587
3587
|
onHide: i,
|
|
3588
|
-
placeholder:
|
|
3588
|
+
placeholder: a,
|
|
3589
3589
|
type: l = "text",
|
|
3590
3590
|
min: c = 0,
|
|
3591
|
-
max:
|
|
3591
|
+
max: o = 100,
|
|
3592
3592
|
defaultValue: d = "",
|
|
3593
3593
|
confirmText: u = "OK",
|
|
3594
|
-
cancelText:
|
|
3594
|
+
cancelText: m = "Отмена",
|
|
3595
3595
|
validate: f
|
|
3596
3596
|
}) => {
|
|
3597
|
-
const [
|
|
3597
|
+
const [x, _] = y(d), [p, j] = y(!0);
|
|
3598
3598
|
A(() => {
|
|
3599
3599
|
if (f)
|
|
3600
|
-
j(f(
|
|
3600
|
+
j(f(x));
|
|
3601
3601
|
else if (l === "number") {
|
|
3602
|
-
const v = Number(
|
|
3603
|
-
j(!isNaN(v) && v >= c && v <=
|
|
3602
|
+
const v = Number(x);
|
|
3603
|
+
j(!isNaN(v) && v >= c && v <= o);
|
|
3604
3604
|
} else
|
|
3605
3605
|
j(!0);
|
|
3606
|
-
}, [
|
|
3606
|
+
}, [x, f, l, c, o]);
|
|
3607
3607
|
const C = N(() => {
|
|
3608
|
-
p && (s == null || s(
|
|
3609
|
-
}, [
|
|
3608
|
+
p && (s == null || s(x), i == null || i());
|
|
3609
|
+
}, [x, p, s, i]), g = N(() => {
|
|
3610
3610
|
i == null || i();
|
|
3611
3611
|
}, [i]), w = (v) => {
|
|
3612
3612
|
if (l === "number") {
|
|
@@ -3615,7 +3615,7 @@ const Ei = ({
|
|
|
3615
3615
|
return;
|
|
3616
3616
|
}
|
|
3617
3617
|
const $ = Number(v);
|
|
3618
|
-
isNaN($) || ($ < c && (v = String(c)), $ >
|
|
3618
|
+
isNaN($) || ($ < c && (v = String(c)), $ > o && (v = String(o)), _(v));
|
|
3619
3619
|
} else
|
|
3620
3620
|
_(v);
|
|
3621
3621
|
};
|
|
@@ -3626,12 +3626,12 @@ const Ei = ({
|
|
|
3626
3626
|
header: r,
|
|
3627
3627
|
onHide: g,
|
|
3628
3628
|
action: /* @__PURE__ */ e.jsxs("div", { children: [
|
|
3629
|
-
/* @__PURE__ */ e.jsx(be, { onClick: g, children:
|
|
3629
|
+
/* @__PURE__ */ e.jsx(be, { onClick: g, children: m }),
|
|
3630
3630
|
/* @__PURE__ */ e.jsx(
|
|
3631
3631
|
be,
|
|
3632
3632
|
{
|
|
3633
3633
|
onClick: C,
|
|
3634
|
-
disabled: !p || l === "number" &&
|
|
3634
|
+
disabled: !p || l === "number" && x === "",
|
|
3635
3635
|
children: u
|
|
3636
3636
|
}
|
|
3637
3637
|
)
|
|
@@ -3644,10 +3644,10 @@ const Ei = ({
|
|
|
3644
3644
|
{
|
|
3645
3645
|
type: l,
|
|
3646
3646
|
min: c,
|
|
3647
|
-
max:
|
|
3647
|
+
max: o,
|
|
3648
3648
|
border: !0,
|
|
3649
|
-
placeholder:
|
|
3650
|
-
value:
|
|
3649
|
+
placeholder: a,
|
|
3650
|
+
value: x,
|
|
3651
3651
|
onChange: w,
|
|
3652
3652
|
error: !p
|
|
3653
3653
|
}
|
|
@@ -3656,7 +3656,7 @@ const Ei = ({
|
|
|
3656
3656
|
"Введите число от ",
|
|
3657
3657
|
c,
|
|
3658
3658
|
" до ",
|
|
3659
|
-
|
|
3659
|
+
o
|
|
3660
3660
|
] })
|
|
3661
3661
|
] })
|
|
3662
3662
|
]
|
|
@@ -3669,22 +3669,22 @@ const Fi = ({
|
|
|
3669
3669
|
header: r,
|
|
3670
3670
|
children: s,
|
|
3671
3671
|
onSave: i,
|
|
3672
|
-
onHide:
|
|
3672
|
+
onHide: a,
|
|
3673
3673
|
marginBottom: l = 0,
|
|
3674
3674
|
disableBackplate: c,
|
|
3675
|
-
saveText:
|
|
3675
|
+
saveText: o,
|
|
3676
3676
|
cancelText: d,
|
|
3677
3677
|
forceFullScreen: u,
|
|
3678
|
-
btns:
|
|
3678
|
+
btns: m
|
|
3679
3679
|
}) => {
|
|
3680
3680
|
const { screen: f } = Ee(Ge);
|
|
3681
3681
|
st(!0, document.body);
|
|
3682
|
-
const
|
|
3683
|
-
|
|
3682
|
+
const x = () => {
|
|
3683
|
+
a == null || a();
|
|
3684
3684
|
}, _ = () => {
|
|
3685
3685
|
i == null || i();
|
|
3686
3686
|
};
|
|
3687
|
-
return u || f ===
|
|
3687
|
+
return u || f === oe.MOBILE ? /* @__PURE__ */ e.jsxs(
|
|
3688
3688
|
"div",
|
|
3689
3689
|
{
|
|
3690
3690
|
style: {
|
|
@@ -3699,36 +3699,36 @@ const Fi = ({
|
|
|
3699
3699
|
${t}`,
|
|
3700
3700
|
children: [
|
|
3701
3701
|
/* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__container__header", children: [
|
|
3702
|
-
/* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__button", children:
|
|
3702
|
+
/* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__button", children: a && /* @__PURE__ */ e.jsx(
|
|
3703
3703
|
ke,
|
|
3704
3704
|
{
|
|
3705
3705
|
transparent: !0,
|
|
3706
|
-
onClick:
|
|
3706
|
+
onClick: x,
|
|
3707
3707
|
icon: /* @__PURE__ */ e.jsx(Ne, {}),
|
|
3708
3708
|
"aria-label": "Закрыть"
|
|
3709
3709
|
}
|
|
3710
3710
|
) }),
|
|
3711
3711
|
/* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__text", children: r }),
|
|
3712
|
-
/* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: i && /* @__PURE__ */ e.jsx("button", { onClick: _, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(Q, { type: "body", weight: "bold", children:
|
|
3712
|
+
/* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: i && /* @__PURE__ */ e.jsx("button", { onClick: _, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(Q, { type: "body", weight: "bold", children: o || "Сохранить" }) }) })
|
|
3713
3713
|
] }),
|
|
3714
3714
|
/* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", children: [
|
|
3715
3715
|
s,
|
|
3716
|
-
|
|
3716
|
+
m && /* @__PURE__ */ e.jsx(dn, { btns: m.filter((j) => !j.hide && !j.success) })
|
|
3717
3717
|
] })
|
|
3718
3718
|
]
|
|
3719
3719
|
}
|
|
3720
3720
|
) : /* @__PURE__ */ e.jsx(
|
|
3721
|
-
|
|
3721
|
+
xn,
|
|
3722
3722
|
{
|
|
3723
3723
|
disableBackplate: c,
|
|
3724
3724
|
style: n,
|
|
3725
3725
|
header: r,
|
|
3726
3726
|
className: `full-screen-dialog ${t}`,
|
|
3727
|
-
onHide:
|
|
3728
|
-
action:
|
|
3729
|
-
|
|
3730
|
-
|
|
3731
|
-
] }) : /* @__PURE__ */ e.jsx(dn, { btns:
|
|
3727
|
+
onHide: x,
|
|
3728
|
+
action: m === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
3729
|
+
a && /* @__PURE__ */ e.jsx(We, { styleType: "outline", onClick: x, children: d ?? "Отмена" }),
|
|
3730
|
+
a && /* @__PURE__ */ e.jsx(We, { onClick: _, children: o ?? "Сохранить" })
|
|
3731
|
+
] }) : /* @__PURE__ */ e.jsx(dn, { btns: m, onHide: a, onSuccess: i }),
|
|
3732
3732
|
children: s
|
|
3733
3733
|
}
|
|
3734
3734
|
);
|
|
@@ -3740,15 +3740,15 @@ const fs = Fe(
|
|
|
3740
3740
|
imgSrc: r,
|
|
3741
3741
|
alt: s,
|
|
3742
3742
|
header: i,
|
|
3743
|
-
subhead:
|
|
3743
|
+
subhead: a,
|
|
3744
3744
|
text: l,
|
|
3745
3745
|
children: c,
|
|
3746
|
-
iconButtonCell:
|
|
3746
|
+
iconButtonCell: o,
|
|
3747
3747
|
onClick: d,
|
|
3748
3748
|
screenSize: u,
|
|
3749
|
-
rootApp:
|
|
3749
|
+
rootApp: m = "#root",
|
|
3750
3750
|
variant: f = "elevated",
|
|
3751
|
-
loading:
|
|
3751
|
+
loading: x = !1,
|
|
3752
3752
|
style: _,
|
|
3753
3753
|
elevation: p = 6,
|
|
3754
3754
|
...j
|
|
@@ -3757,7 +3757,7 @@ const fs = Fe(
|
|
|
3757
3757
|
O(P) && (d == null || d(P), z(P));
|
|
3758
3758
|
}, O = (P) => {
|
|
3759
3759
|
const M = P.target;
|
|
3760
|
-
return !M.closest(".action-container") && !M.closest(".card-icon-button") && !M.closest(".card-child-container") && !M.closest(".card-children") && !!M.closest(
|
|
3760
|
+
return !M.closest(".action-container") && !M.closest(".card-icon-button") && !M.closest(".card-child-container") && !M.closest(".card-children") && !!M.closest(m);
|
|
3761
3761
|
}, z = (P) => {
|
|
3762
3762
|
const M = P.currentTarget, H = M.querySelector(".card-ripple-container");
|
|
3763
3763
|
if (!H)
|
|
@@ -3770,17 +3770,17 @@ const fs = Fe(
|
|
|
3770
3770
|
{
|
|
3771
3771
|
ref: C,
|
|
3772
3772
|
style: _,
|
|
3773
|
-
className: `${n} card card--${f} ${v} ${
|
|
3773
|
+
className: `${n} card card--${f} ${v} ${x ? "card--loading" : ""}`,
|
|
3774
3774
|
onClick: $,
|
|
3775
3775
|
...j,
|
|
3776
3776
|
children: [
|
|
3777
3777
|
/* @__PURE__ */ e.jsx("div", { className: "card-ripple-container" }),
|
|
3778
3778
|
r && /* @__PURE__ */ e.jsxs("div", { className: "card-image-container", children: [
|
|
3779
3779
|
/* @__PURE__ */ e.jsx("img", { src: r, alt: s, loading: "lazy" }),
|
|
3780
|
-
|
|
3780
|
+
x && /* @__PURE__ */ e.jsx("div", { className: "card-image-overlay" })
|
|
3781
3781
|
] }),
|
|
3782
3782
|
/* @__PURE__ */ e.jsxs("div", { className: "card-content", children: [
|
|
3783
|
-
(i ||
|
|
3783
|
+
(i || o) && /* @__PURE__ */ e.jsxs("div", { className: "card-header", children: [
|
|
3784
3784
|
i && /* @__PURE__ */ e.jsx(
|
|
3785
3785
|
Q,
|
|
3786
3786
|
{
|
|
@@ -3791,16 +3791,16 @@ const fs = Fe(
|
|
|
3791
3791
|
children: i
|
|
3792
3792
|
}
|
|
3793
3793
|
),
|
|
3794
|
-
|
|
3794
|
+
o && /* @__PURE__ */ e.jsx("div", { className: "card-icon-button", children: o })
|
|
3795
3795
|
] }),
|
|
3796
|
-
|
|
3796
|
+
a && /* @__PURE__ */ e.jsx(
|
|
3797
3797
|
Q,
|
|
3798
3798
|
{
|
|
3799
3799
|
type: "title-2",
|
|
3800
3800
|
weight: "bold",
|
|
3801
3801
|
screensize: w,
|
|
3802
3802
|
className: "card-subhead",
|
|
3803
|
-
children:
|
|
3803
|
+
children: a
|
|
3804
3804
|
}
|
|
3805
3805
|
),
|
|
3806
3806
|
l && /* @__PURE__ */ e.jsx(
|
|
@@ -3815,7 +3815,7 @@ const fs = Fe(
|
|
|
3815
3815
|
c && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: c }),
|
|
3816
3816
|
t && /* @__PURE__ */ e.jsx("div", { className: "card-actions", children: t })
|
|
3817
3817
|
] }),
|
|
3818
|
-
|
|
3818
|
+
x && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
|
|
3819
3819
|
]
|
|
3820
3820
|
}
|
|
3821
3821
|
);
|
|
@@ -3823,11 +3823,11 @@ const fs = Fe(
|
|
|
3823
3823
|
);
|
|
3824
3824
|
fs.displayName = "Card";
|
|
3825
3825
|
const Vi = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n });
|
|
3826
|
-
const Ti = ({ children: n, className: t, id: r, height: s, width: i, pozMove:
|
|
3827
|
-
const [c,
|
|
3828
|
-
j.button == 1 && (
|
|
3826
|
+
const Ti = ({ children: n, className: t, id: r, height: s, width: i, pozMove: a, draggable: l = !0 }) => {
|
|
3827
|
+
const [c, o] = y(!1), [d, u] = y(null), [m, f] = y({ x: 0, y: 0 }), x = (j) => {
|
|
3828
|
+
j.button == 1 && (o(!1), u(null), document.body.style.cursor = "auto");
|
|
3829
3829
|
}, _ = (j) => {
|
|
3830
|
-
j.button == 1 && l && (u({ x: j.clientX, y: j.clientY }),
|
|
3830
|
+
j.button == 1 && l && (u({ x: j.clientX, y: j.clientY }), o(!0), document.body.style.cursor = "move");
|
|
3831
3831
|
}, p = N((j) => {
|
|
3832
3832
|
c && (f((C) => {
|
|
3833
3833
|
if (!d)
|
|
@@ -3838,8 +3838,8 @@ const Ti = ({ children: n, className: t, id: r, height: s, width: i, pozMove: o,
|
|
|
3838
3838
|
}), u({ x: j.clientX, y: j.clientY }));
|
|
3839
3839
|
}, [c, d]);
|
|
3840
3840
|
return A(() => {
|
|
3841
|
-
|
|
3842
|
-
}, [
|
|
3841
|
+
a && f({ ...a });
|
|
3842
|
+
}, [a]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: _, onMouseUp: x, onMouseMove: p, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: m.x, top: m.y }, children: n }) });
|
|
3843
3843
|
};
|
|
3844
3844
|
const Oi = ({
|
|
3845
3845
|
onClick: n,
|
|
@@ -3847,23 +3847,23 @@ const Oi = ({
|
|
|
3847
3847
|
gap: r,
|
|
3848
3848
|
className: s,
|
|
3849
3849
|
style: i,
|
|
3850
|
-
countColumn:
|
|
3850
|
+
countColumn: a,
|
|
3851
3851
|
items: l,
|
|
3852
3852
|
onClickColl: c,
|
|
3853
|
-
classNameColumn:
|
|
3853
|
+
classNameColumn: o,
|
|
3854
3854
|
minColumnWidth: d = "auto"
|
|
3855
3855
|
}) => {
|
|
3856
|
-
const u = de.useCallback((
|
|
3857
|
-
const p = Array.from({ length:
|
|
3856
|
+
const u = de.useCallback((x, _) => {
|
|
3857
|
+
const p = Array.from({ length: x }, () => []);
|
|
3858
3858
|
return _.forEach((j) => {
|
|
3859
3859
|
if (j.indexCol >= p.length) {
|
|
3860
|
-
console.error(`Invalid column index. indexCol = ${j.indexCol}, column count = ${
|
|
3860
|
+
console.error(`Invalid column index. indexCol = ${j.indexCol}, column count = ${x}`);
|
|
3861
3861
|
return;
|
|
3862
3862
|
}
|
|
3863
3863
|
p[j.indexCol].push(j.node);
|
|
3864
3864
|
}), p;
|
|
3865
|
-
}, []),
|
|
3866
|
-
c == null || c(
|
|
3865
|
+
}, []), m = de.useMemo(() => u(a, l), [u, a, l]), f = de.useCallback((x, _) => {
|
|
3866
|
+
c == null || c(x, _);
|
|
3867
3867
|
}, [c]);
|
|
3868
3868
|
return /* @__PURE__ */ e.jsx(
|
|
3869
3869
|
"div",
|
|
@@ -3873,74 +3873,74 @@ const Oi = ({
|
|
|
3873
3873
|
style: {
|
|
3874
3874
|
...i,
|
|
3875
3875
|
gap: r !== void 0 ? `${r}px` : "5px",
|
|
3876
|
-
gridTemplateColumns: `repeat(${
|
|
3876
|
+
gridTemplateColumns: `repeat(${a}, minmax(${d}, 1fr))`
|
|
3877
3877
|
},
|
|
3878
3878
|
className: `${s} alex-evo-sh-ui-kit-column-layout`,
|
|
3879
3879
|
"data-testid": "column-layout-container",
|
|
3880
|
-
children:
|
|
3880
|
+
children: m.map((x, _) => /* @__PURE__ */ e.jsx(
|
|
3881
3881
|
"div",
|
|
3882
3882
|
{
|
|
3883
3883
|
onClick: (p) => f(_, p),
|
|
3884
|
-
className: `${
|
|
3884
|
+
className: `${o} alex-evo-sh-ui-kit-column-layout-coll`,
|
|
3885
3885
|
"data-testid": `column-${_}`,
|
|
3886
|
-
children:
|
|
3886
|
+
children: x.map((p, j) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: p }, `item-${_}-${j}`))
|
|
3887
3887
|
},
|
|
3888
3888
|
`column-${_}`
|
|
3889
3889
|
))
|
|
3890
3890
|
}
|
|
3891
3891
|
);
|
|
3892
3892
|
};
|
|
3893
|
-
const
|
|
3893
|
+
const ms = 10, xs = 2e-3, Di = ({
|
|
3894
3894
|
children: n,
|
|
3895
3895
|
label: t,
|
|
3896
3896
|
className: r = "",
|
|
3897
3897
|
style: s,
|
|
3898
3898
|
border: i = !1,
|
|
3899
|
-
collapsible:
|
|
3899
|
+
collapsible: a = !1,
|
|
3900
3900
|
defaultVisible: l = !1,
|
|
3901
3901
|
action: c,
|
|
3902
|
-
onVisibilityChange:
|
|
3902
|
+
onVisibilityChange: o
|
|
3903
3903
|
}) => {
|
|
3904
|
-
const [d, u] = y(
|
|
3904
|
+
const [d, u] = y(a ? l : !0), m = J(null), f = (j) => {
|
|
3905
3905
|
if (!j)
|
|
3906
3906
|
return;
|
|
3907
3907
|
const C = jn(j);
|
|
3908
3908
|
if (C)
|
|
3909
|
-
return C.height +
|
|
3910
|
-
},
|
|
3909
|
+
return C.height + ms;
|
|
3910
|
+
}, x = (j) => {
|
|
3911
3911
|
const C = f(j);
|
|
3912
|
-
return C ? Math.min(C *
|
|
3912
|
+
return C ? Math.min(C * xs, 1) : 0.4;
|
|
3913
3913
|
}, _ = (j) => {
|
|
3914
3914
|
const C = j.target;
|
|
3915
|
-
if (!(C.closest(".action-btn") || C.classList.contains("action-btn")) &&
|
|
3915
|
+
if (!(C.closest(".action-btn") || C.classList.contains("action-btn")) && a) {
|
|
3916
3916
|
const w = !d;
|
|
3917
|
-
u(w),
|
|
3917
|
+
u(w), o == null || o(w);
|
|
3918
3918
|
}
|
|
3919
3919
|
};
|
|
3920
3920
|
A(() => {
|
|
3921
|
-
!
|
|
3922
|
-
}, [
|
|
3921
|
+
!a && !d && (u(!0), o == null || o(!0));
|
|
3922
|
+
}, [a, d, o]);
|
|
3923
3923
|
const p = ge(
|
|
3924
|
-
() => m
|
|
3925
|
-
[
|
|
3924
|
+
() => x(m.current),
|
|
3925
|
+
[m.current]
|
|
3926
3926
|
);
|
|
3927
3927
|
return /* @__PURE__ */ e.jsxs(
|
|
3928
3928
|
"div",
|
|
3929
3929
|
{
|
|
3930
3930
|
style: s,
|
|
3931
3931
|
className: `content-box ${i ? "border" : ""} ${d ? "active" : ""} ${r}`,
|
|
3932
|
-
"aria-expanded":
|
|
3932
|
+
"aria-expanded": a ? d : void 0,
|
|
3933
3933
|
children: [
|
|
3934
3934
|
/* @__PURE__ */ e.jsxs(
|
|
3935
3935
|
"div",
|
|
3936
3936
|
{
|
|
3937
3937
|
className: "content-box-label",
|
|
3938
3938
|
onClick: _,
|
|
3939
|
-
role:
|
|
3940
|
-
"aria-label":
|
|
3941
|
-
tabIndex:
|
|
3939
|
+
role: a ? "button" : void 0,
|
|
3940
|
+
"aria-label": a ? `${t} - click to ${d ? "collapse" : "expand"}` : t,
|
|
3941
|
+
tabIndex: a ? 0 : void 0,
|
|
3942
3942
|
onKeyDown: (j) => {
|
|
3943
|
-
|
|
3943
|
+
a && (j.key === "Enter" || j.key === " ") && (j.preventDefault(), _(j));
|
|
3944
3944
|
},
|
|
3945
3945
|
children: [
|
|
3946
3946
|
/* @__PURE__ */ e.jsx(Q, { type: "title", children: t }),
|
|
@@ -3957,7 +3957,7 @@ const xs = 10, ms = 2e-3, Di = ({
|
|
|
3957
3957
|
},
|
|
3958
3958
|
children: c.icon
|
|
3959
3959
|
}
|
|
3960
|
-
) :
|
|
3960
|
+
) : a ? /* @__PURE__ */ e.jsx("div", { className: "content-box-status-container", children: /* @__PURE__ */ e.jsx(
|
|
3961
3961
|
"span",
|
|
3962
3962
|
{
|
|
3963
3963
|
className: `content-box-status ${d ? "active" : ""}`,
|
|
@@ -3976,7 +3976,7 @@ const xs = 10, ms = 2e-3, Di = ({
|
|
|
3976
3976
|
height: d ? "auto" : "0px"
|
|
3977
3977
|
},
|
|
3978
3978
|
"aria-hidden": !d,
|
|
3979
|
-
children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref:
|
|
3979
|
+
children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref: m, children: n })
|
|
3980
3980
|
}
|
|
3981
3981
|
)
|
|
3982
3982
|
]
|
|
@@ -3996,25 +3996,25 @@ const Ii = ({ children: n, colSpan: t = 1 }) => /* @__PURE__ */ e.jsx(
|
|
|
3996
3996
|
className: r = "",
|
|
3997
3997
|
gridRowGap: s = "10px",
|
|
3998
3998
|
gridColumnGap: i = "5px",
|
|
3999
|
-
itemMinWith:
|
|
3999
|
+
itemMinWith: a,
|
|
4000
4000
|
itemMaxWith: l,
|
|
4001
4001
|
itemWith: c = "400px"
|
|
4002
4002
|
}) => {
|
|
4003
|
-
const
|
|
4004
|
-
if (!
|
|
4003
|
+
const o = J(null), [d, u] = y([]), m = J(null), f = J(null), x = N(() => {
|
|
4004
|
+
if (!o.current)
|
|
4005
4005
|
return;
|
|
4006
|
-
|
|
4007
|
-
const C =
|
|
4008
|
-
|
|
4009
|
-
}, [s, i,
|
|
4010
|
-
if (
|
|
4011
|
-
const C =
|
|
4006
|
+
o.current.style.display = "grid", o.current.style.gridRowGap = s, o.current.style.gridColumnGap = i;
|
|
4007
|
+
const C = a ?? c, g = l ?? c;
|
|
4008
|
+
o.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${C}, ${g}))`, o.current.style.gridAutoRows = "1px";
|
|
4009
|
+
}, [s, i, a, l, c]), _ = N(() => {
|
|
4010
|
+
if (o.current) {
|
|
4011
|
+
const C = o.current.querySelectorAll(".adaptiv-grid-item");
|
|
4012
4012
|
u(Array.from(C));
|
|
4013
4013
|
}
|
|
4014
4014
|
}, []), p = N(() => {
|
|
4015
|
-
if (!
|
|
4015
|
+
if (!o.current)
|
|
4016
4016
|
return;
|
|
4017
|
-
const C = window.getComputedStyle(
|
|
4017
|
+
const C = window.getComputedStyle(o.current), g = parseInt(C.getPropertyValue("grid-row-gap")) || 0, w = parseInt(C.getPropertyValue("grid-auto-rows")) || 1;
|
|
4018
4018
|
d.forEach((v) => {
|
|
4019
4019
|
const $ = v.querySelector(".adaptiv-grid-item-container");
|
|
4020
4020
|
if ($) {
|
|
@@ -4028,10 +4028,10 @@ const Ii = ({ children: n, colSpan: t = 1 }) => /* @__PURE__ */ e.jsx(
|
|
|
4028
4028
|
});
|
|
4029
4029
|
}, [p]);
|
|
4030
4030
|
return A(() => {
|
|
4031
|
-
|
|
4032
|
-
}, [
|
|
4033
|
-
|
|
4034
|
-
const C =
|
|
4031
|
+
x(), _();
|
|
4032
|
+
}, [x, _, t]), A(() => {
|
|
4033
|
+
m.current && m.current.disconnect(), m.current = new ResizeObserver(() => j());
|
|
4034
|
+
const C = m.current;
|
|
4035
4035
|
return d.forEach((g) => C.observe(g)), j(), () => {
|
|
4036
4036
|
C.disconnect(), f.current !== null && cancelAnimationFrame(f.current);
|
|
4037
4037
|
};
|
|
@@ -4039,7 +4039,7 @@ const Ii = ({ children: n, colSpan: t = 1 }) => /* @__PURE__ */ e.jsx(
|
|
|
4039
4039
|
"div",
|
|
4040
4040
|
{
|
|
4041
4041
|
style: { minWidth: n },
|
|
4042
|
-
ref:
|
|
4042
|
+
ref: o,
|
|
4043
4043
|
className: `adaptiv-grid-layout ${r}`,
|
|
4044
4044
|
children: t
|
|
4045
4045
|
}
|
|
@@ -4051,21 +4051,21 @@ const js = ({
|
|
|
4051
4051
|
style: r,
|
|
4052
4052
|
elevation: s = 1,
|
|
4053
4053
|
padded: i = !0,
|
|
4054
|
-
borderRadius:
|
|
4054
|
+
borderRadius: a = 12,
|
|
4055
4055
|
onClick: l,
|
|
4056
4056
|
onContextMenu: c
|
|
4057
4057
|
}) => {
|
|
4058
|
-
const
|
|
4058
|
+
const o = `elevation-${Math.min(24, Math.max(0, s))}`;
|
|
4059
4059
|
return /* @__PURE__ */ e.jsx(
|
|
4060
4060
|
"div",
|
|
4061
4061
|
{
|
|
4062
4062
|
style: {
|
|
4063
|
-
borderRadius: `${
|
|
4063
|
+
borderRadius: `${a}px`,
|
|
4064
4064
|
...r
|
|
4065
4065
|
},
|
|
4066
4066
|
onClick: l,
|
|
4067
4067
|
onContextMenu: c,
|
|
4068
|
-
className: `alex-evo-sh-ui-kit-panel ${
|
|
4068
|
+
className: `alex-evo-sh-ui-kit-panel ${o} ${i ? "padded" : ""} ${t}`,
|
|
4069
4069
|
children: n
|
|
4070
4070
|
}
|
|
4071
4071
|
);
|
|
@@ -4077,10 +4077,10 @@ const Bi = ({
|
|
|
4077
4077
|
tabClassName: r = "",
|
|
4078
4078
|
activeTabClassName: s = "active",
|
|
4079
4079
|
onTabClick: i,
|
|
4080
|
-
activeTabIndex:
|
|
4080
|
+
activeTabIndex: a,
|
|
4081
4081
|
tabContainerClassName: l = ""
|
|
4082
4082
|
}) => {
|
|
4083
|
-
const [c,
|
|
4083
|
+
const [c, o] = y(0), d = a !== void 0 ? a : c, u = J(null), m = J(null), [f, x] = y(!1), _ = (C) => {
|
|
4084
4084
|
if (u.current) {
|
|
4085
4085
|
const g = t || u.current.offsetWidth / 2;
|
|
4086
4086
|
u.current.scrollBy({
|
|
@@ -4091,21 +4091,21 @@ const Bi = ({
|
|
|
4091
4091
|
};
|
|
4092
4092
|
A(() => {
|
|
4093
4093
|
const C = () => {
|
|
4094
|
-
u.current &&
|
|
4094
|
+
u.current && x(
|
|
4095
4095
|
u.current.scrollWidth > u.current.clientWidth
|
|
4096
4096
|
);
|
|
4097
4097
|
};
|
|
4098
4098
|
return C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
|
|
4099
4099
|
}, []), A(() => {
|
|
4100
|
-
if (u.current &&
|
|
4100
|
+
if (u.current && m.current) {
|
|
4101
4101
|
const C = u.current.children[d];
|
|
4102
|
-
C && (
|
|
4102
|
+
C && (m.current.style.width = `${C.offsetWidth}px`, m.current.style.transform = `translateX(${C.offsetLeft}px)`);
|
|
4103
4103
|
}
|
|
4104
4104
|
}, [d]);
|
|
4105
4105
|
const p = (C) => {
|
|
4106
4106
|
C.key === "ArrowRight" ? j((d + 1) % n.length) : C.key === "ArrowLeft" && j((d - 1 + n.length) % n.length);
|
|
4107
4107
|
}, j = (C) => {
|
|
4108
|
-
|
|
4108
|
+
a === void 0 && o(C), i && i(C);
|
|
4109
4109
|
};
|
|
4110
4110
|
return /* @__PURE__ */ e.jsxs("div", { className: "alex-evo-ui-kit-tabs-container", children: [
|
|
4111
4111
|
/* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${l}`, children: [
|
|
@@ -4127,7 +4127,7 @@ const Bi = ({
|
|
|
4127
4127
|
},
|
|
4128
4128
|
C.label
|
|
4129
4129
|
)),
|
|
4130
|
-
/* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref:
|
|
4130
|
+
/* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: m })
|
|
4131
4131
|
]
|
|
4132
4132
|
}
|
|
4133
4133
|
),
|
|
@@ -4142,52 +4142,52 @@ const ps = Fe(({
|
|
|
4142
4142
|
maxHeight: r,
|
|
4143
4143
|
scroll: s,
|
|
4144
4144
|
transparent: i,
|
|
4145
|
-
width:
|
|
4145
|
+
width: a,
|
|
4146
4146
|
padding: l,
|
|
4147
4147
|
margin: c,
|
|
4148
|
-
...
|
|
4148
|
+
...o
|
|
4149
4149
|
}, d) => {
|
|
4150
4150
|
const u = {
|
|
4151
4151
|
overflowY: r ? s ? "scroll" : "hidden" : void 0,
|
|
4152
4152
|
maxHeight: r,
|
|
4153
4153
|
backgroundColor: i ? "transparent" : void 0,
|
|
4154
|
-
width:
|
|
4154
|
+
width: a,
|
|
4155
4155
|
padding: l,
|
|
4156
4156
|
margin: c
|
|
4157
|
-
},
|
|
4157
|
+
}, m = [
|
|
4158
4158
|
"list-container",
|
|
4159
4159
|
t,
|
|
4160
4160
|
s ? "list-container_scroll" : "",
|
|
4161
4161
|
i ? "list-container_transparent" : ""
|
|
4162
4162
|
].filter(Boolean).join(" ");
|
|
4163
|
-
return /* @__PURE__ */ e.jsx("ul", { ref: d, style: u, className:
|
|
4163
|
+
return /* @__PURE__ */ e.jsx("ul", { ref: d, style: u, className: m, ...o, children: n });
|
|
4164
4164
|
}), Cs = Fe(({
|
|
4165
4165
|
icon: n,
|
|
4166
4166
|
control: t,
|
|
4167
4167
|
text: r,
|
|
4168
4168
|
header: s,
|
|
4169
4169
|
description: i,
|
|
4170
|
-
value:
|
|
4170
|
+
value: a,
|
|
4171
4171
|
onClick: l,
|
|
4172
4172
|
hovered: c = !0,
|
|
4173
|
-
className:
|
|
4173
|
+
className: o = "",
|
|
4174
4174
|
disabled: d = !1,
|
|
4175
4175
|
active: u = !1,
|
|
4176
|
-
shadow:
|
|
4176
|
+
shadow: m = 0,
|
|
4177
4177
|
...f
|
|
4178
|
-
},
|
|
4178
|
+
}, x) => {
|
|
4179
4179
|
const _ = (j) => {
|
|
4180
4180
|
!d && !j.target.closest(".control-container") && (l == null || l(j));
|
|
4181
4181
|
}, p = [
|
|
4182
4182
|
"list-item-container",
|
|
4183
|
-
|
|
4184
|
-
`list-item-container_shadow-${
|
|
4183
|
+
o,
|
|
4184
|
+
`list-item-container_shadow-${m}`,
|
|
4185
4185
|
c && !d ? "list-item-container_hovered" : "",
|
|
4186
4186
|
d ? "list-item-container_disabled" : "",
|
|
4187
4187
|
u ? "list-item-container_active" : ""
|
|
4188
4188
|
].filter(Boolean).join(" ");
|
|
4189
|
-
return /* @__PURE__ */ e.jsxs("li", { ref:
|
|
4190
|
-
(n ||
|
|
4189
|
+
return /* @__PURE__ */ e.jsxs("li", { ref: x, className: p, onClick: _, "aria-disabled": d, ...f, children: [
|
|
4190
|
+
(n || a) && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__icon-container", children: n || a && /* @__PURE__ */ e.jsx(Q, { type: "body", children: a }) }),
|
|
4191
4191
|
(s || r || i) && /* @__PURE__ */ e.jsxs("div", { className: "list-item-container__text-container", children: [
|
|
4192
4192
|
s && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__header", children: /* @__PURE__ */ e.jsx(Q, { type: "body", children: s }) }),
|
|
4193
4193
|
r && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__text", children: /* @__PURE__ */ e.jsx(Q, { type: "small", children: r }) }),
|
|
@@ -4219,8 +4219,8 @@ function vs(n) {
|
|
|
4219
4219
|
return t[0];
|
|
4220
4220
|
}
|
|
4221
4221
|
const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
|
|
4222
|
-
const
|
|
4223
|
-
return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: l.length > 0 && l[0].backgroundColor ? l[0].backgroundColor : s, height: i }, children: t.template ? t.template(l, n) : l.map((c,
|
|
4222
|
+
const a = n[t.field], l = Ft(a);
|
|
4223
|
+
return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: l.length > 0 && l[0].backgroundColor ? l[0].backgroundColor : s, height: i }, children: t.template ? t.template(l, n) : l.map((c, o) => /* @__PURE__ */ e.jsx(
|
|
4224
4224
|
"p",
|
|
4225
4225
|
{
|
|
4226
4226
|
style: { color: c.color ?? r },
|
|
@@ -4228,7 +4228,7 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
|
|
|
4228
4228
|
onClick: c.onClick,
|
|
4229
4229
|
children: c.content
|
|
4230
4230
|
},
|
|
4231
|
-
|
|
4231
|
+
o
|
|
4232
4232
|
)) });
|
|
4233
4233
|
}, bs = ({
|
|
4234
4234
|
actions: n,
|
|
@@ -4236,10 +4236,10 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
|
|
|
4236
4236
|
columns: r,
|
|
4237
4237
|
onContextMenu: s,
|
|
4238
4238
|
onDelete: i,
|
|
4239
|
-
onEdit:
|
|
4239
|
+
onEdit: a,
|
|
4240
4240
|
onClickRow: l,
|
|
4241
4241
|
index: c,
|
|
4242
|
-
maxH:
|
|
4242
|
+
maxH: o
|
|
4243
4243
|
}) => {
|
|
4244
4244
|
const d = N(
|
|
4245
4245
|
(u) => {
|
|
@@ -4248,10 +4248,10 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
|
|
|
4248
4248
|
[c, l, t]
|
|
4249
4249
|
);
|
|
4250
4250
|
return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: d, children: [
|
|
4251
|
-
r.map((u,
|
|
4251
|
+
r.map((u, m) => /* @__PURE__ */ e.jsx(
|
|
4252
4252
|
gs,
|
|
4253
4253
|
{
|
|
4254
|
-
H:
|
|
4254
|
+
H: o == null ? void 0 : o[m],
|
|
4255
4255
|
color: u.color,
|
|
4256
4256
|
backgroundColor: u.backgroundColor,
|
|
4257
4257
|
column: u,
|
|
@@ -4259,17 +4259,17 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
|
|
|
4259
4259
|
},
|
|
4260
4260
|
u.field
|
|
4261
4261
|
)),
|
|
4262
|
-
n && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u,
|
|
4262
|
+
n && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, m) => /* @__PURE__ */ e.jsx(
|
|
4263
4263
|
ke,
|
|
4264
4264
|
{
|
|
4265
4265
|
transparent: !0,
|
|
4266
4266
|
icon: u.icon,
|
|
4267
4267
|
onClick: (f) => u.onClick(f, t, c)
|
|
4268
4268
|
},
|
|
4269
|
-
|
|
4269
|
+
m
|
|
4270
4270
|
)) }) }),
|
|
4271
|
-
(s || i ||
|
|
4272
|
-
|
|
4271
|
+
(s || i || a) && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
|
|
4272
|
+
a && /* @__PURE__ */ e.jsx(ke, { transparent: !0, icon: /* @__PURE__ */ e.jsx(xt, {}), onClick: () => a(t, c) }),
|
|
4273
4273
|
i && /* @__PURE__ */ e.jsx(
|
|
4274
4274
|
ke,
|
|
4275
4275
|
{
|
|
@@ -4294,45 +4294,45 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
|
|
|
4294
4294
|
onDelete: r,
|
|
4295
4295
|
onContextMenu: s,
|
|
4296
4296
|
onEdit: i,
|
|
4297
|
-
actions:
|
|
4297
|
+
actions: a,
|
|
4298
4298
|
onClickRow: l
|
|
4299
4299
|
}) => {
|
|
4300
4300
|
const c = ge(
|
|
4301
4301
|
() => t ?? _s(n),
|
|
4302
4302
|
[n, t]
|
|
4303
|
-
),
|
|
4303
|
+
), o = c.length + (a ? 1 : 0) + (r || s || i ? 1 : 0), d = (u) => u ? (Array.isArray(u) ? u : [u]).map((f, x) => typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ e.jsx("span", { children: f }, x) : /* @__PURE__ */ e.jsx(
|
|
4304
4304
|
"span",
|
|
4305
4305
|
{
|
|
4306
4306
|
style: { color: f.color },
|
|
4307
4307
|
onClick: f.onClick,
|
|
4308
4308
|
children: f.content
|
|
4309
4309
|
},
|
|
4310
|
-
|
|
4310
|
+
x
|
|
4311
4311
|
)) : null;
|
|
4312
4312
|
return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${l ? "clicked" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
|
|
4313
4313
|
/* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
|
|
4314
4314
|
c.map((u) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: u.title }, u.field)),
|
|
4315
|
-
|
|
4315
|
+
a && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }),
|
|
4316
4316
|
(r || s || i) && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" })
|
|
4317
4317
|
] }) }),
|
|
4318
|
-
/* @__PURE__ */ e.jsx("tbody", { children: n.map((u,
|
|
4318
|
+
/* @__PURE__ */ e.jsx("tbody", { children: n.map((u, m) => {
|
|
4319
4319
|
if ("__all__" in u) {
|
|
4320
4320
|
const f = vs(u.__all__);
|
|
4321
|
-
return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan:
|
|
4321
|
+
return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan: o, style: { backgroundColor: f == null ? void 0 : f.backgroundColor, color: f == null ? void 0 : f.color }, children: d(f) }) }, `all-${m}`);
|
|
4322
4322
|
}
|
|
4323
4323
|
return /* @__PURE__ */ e.jsx(
|
|
4324
4324
|
bs,
|
|
4325
4325
|
{
|
|
4326
4326
|
onClickRow: l,
|
|
4327
|
-
actions:
|
|
4328
|
-
index:
|
|
4327
|
+
actions: a,
|
|
4328
|
+
index: m,
|
|
4329
4329
|
columns: c,
|
|
4330
4330
|
item: u,
|
|
4331
4331
|
onDelete: r,
|
|
4332
4332
|
onContextMenu: s,
|
|
4333
4333
|
onEdit: i
|
|
4334
4334
|
},
|
|
4335
|
-
|
|
4335
|
+
m
|
|
4336
4336
|
);
|
|
4337
4337
|
}) })
|
|
4338
4338
|
] }) });
|
|
@@ -4396,7 +4396,7 @@ const Ns = ({ item: n, onHide: t }) => {
|
|
|
4396
4396
|
}
|
|
4397
4397
|
),
|
|
4398
4398
|
r && /* @__PURE__ */ e.jsx("div", { className: "navigation-sub-menu__content", children: n.children.map(
|
|
4399
|
-
(i,
|
|
4399
|
+
(i, a) => i.type === "button" ? /* @__PURE__ */ e.jsx(
|
|
4400
4400
|
Je,
|
|
4401
4401
|
{
|
|
4402
4402
|
active: i.active,
|
|
@@ -4404,7 +4404,7 @@ const Ns = ({ item: n, onHide: t }) => {
|
|
|
4404
4404
|
title: i.text,
|
|
4405
4405
|
icon: i.icon
|
|
4406
4406
|
},
|
|
4407
|
-
|
|
4407
|
+
a
|
|
4408
4408
|
) : i.type === "link" ? /* @__PURE__ */ e.jsx(
|
|
4409
4409
|
Vt,
|
|
4410
4410
|
{
|
|
@@ -4413,13 +4413,13 @@ const Ns = ({ item: n, onHide: t }) => {
|
|
|
4413
4413
|
icon: i.icon,
|
|
4414
4414
|
to: i.to
|
|
4415
4415
|
},
|
|
4416
|
-
|
|
4416
|
+
a
|
|
4417
4417
|
) : null
|
|
4418
4418
|
) })
|
|
4419
4419
|
] });
|
|
4420
4420
|
};
|
|
4421
|
-
const zi = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn:
|
|
4422
|
-
const c = (
|
|
4421
|
+
const zi = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: a, openAlways: l }) => {
|
|
4422
|
+
const c = (o, d) => o.type === "button" ? /* @__PURE__ */ e.jsx(Je, { active: o.active, onClick: o.onClick, title: o.text, icon: o.icon }, d) : o.type === "link" ? /* @__PURE__ */ e.jsx(Vt, { onClick: () => s(), title: o.text, icon: o.icon, to: o.to }, d) : o.type === "submenu" ? /* @__PURE__ */ e.jsx(Ns, { item: o, onHide: s }, d) : null;
|
|
4423
4423
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
4424
4424
|
/* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer ${n || l ? "navigation-drawer_show" : "navigation-drawer_hide"}`, children: [
|
|
4425
4425
|
t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
@@ -4439,7 +4439,7 @@ const zi = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backB
|
|
|
4439
4439
|
/* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: i && i.map(c) })
|
|
4440
4440
|
] }),
|
|
4441
4441
|
/* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__divider", children: /* @__PURE__ */ e.jsx(je, {}) }),
|
|
4442
|
-
|
|
4442
|
+
a ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block", children: /* @__PURE__ */ e.jsx(Je, { active: a.active, onClick: a.onClick, title: a.text, icon: a.icon }) }) : null
|
|
4443
4443
|
] }),
|
|
4444
4444
|
n && !l ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
|
|
4445
4445
|
] });
|
|
@@ -4461,7 +4461,7 @@ const ws = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Mn, { to: r,
|
|
|
4461
4461
|
`, children: t }),
|
|
4462
4462
|
/* @__PURE__ */ e.jsx("div", { className: "navigation-item-rail__text navigation-item-rail__text_color_surface-variant", children: r })
|
|
4463
4463
|
] }), Gi = ({ onToggleMenu: n, firstBtn: t, mainBtn: r, backBtn: s }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-rail", children: /* @__PURE__ */ e.jsx("div", { className: "navigation-rail__block", children: /* @__PURE__ */ e.jsxs("div", { className: "navigation-rail__block__content", children: [
|
|
4464
|
-
n ? /* @__PURE__ */ e.jsx(sn, { icon: /* @__PURE__ */ e.jsx(
|
|
4464
|
+
n ? /* @__PURE__ */ e.jsx(sn, { icon: /* @__PURE__ */ e.jsx(mt, { className: "navigation-rail__block__content__icon navigation-rail__block__content__icon_color_surface-variant" }), onClick: n }) : null,
|
|
4465
4465
|
t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
4466
4466
|
/* @__PURE__ */ e.jsx(je, {}),
|
|
4467
4467
|
/* @__PURE__ */ e.jsx(sn, { active: t.active, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(cn, {}), onClick: (i) => {
|
|
@@ -4469,7 +4469,7 @@ const ws = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Mn, { to: r,
|
|
|
4469
4469
|
} }),
|
|
4470
4470
|
/* @__PURE__ */ e.jsx(je, {})
|
|
4471
4471
|
] }) : null,
|
|
4472
|
-
r && r.map((i,
|
|
4472
|
+
r && r.map((i, a) => i.type === "button" ? /* @__PURE__ */ e.jsx(sn, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }, a) : i.type === "link" ? /* @__PURE__ */ e.jsx(ws, { title: i.text, icon: i.icon, to: i.to }, a) : null),
|
|
4473
4473
|
s ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
4474
4474
|
/* @__PURE__ */ e.jsx(je, {}),
|
|
4475
4475
|
/* @__PURE__ */ e.jsx(sn, { active: s.active, title: s.text, icon: s.icon ?? /* @__PURE__ */ e.jsx(cn, {}), onClick: (i) => {
|
|
@@ -4496,18 +4496,18 @@ function Jn(n, t, r, s) {
|
|
|
4496
4496
|
if (n.preventDefault(), !t)
|
|
4497
4497
|
return;
|
|
4498
4498
|
const i = t.getBoundingClientRect();
|
|
4499
|
-
let
|
|
4500
|
-
|
|
4499
|
+
let a = n.clientY - i.top;
|
|
4500
|
+
a > i.height && (a = i.height), a < 0 && (a = 0);
|
|
4501
4501
|
let l = n.clientX - i.left;
|
|
4502
4502
|
l > i.width && (l = i.width), l < 0 && (l = 0);
|
|
4503
|
-
const c =
|
|
4504
|
-
s(Math.round(u), Math.round(d)), Tt(r, l,
|
|
4503
|
+
const c = a / i.height, o = l / i.width, d = 100 - 100 * c, u = 100 * o;
|
|
4504
|
+
s(Math.round(u), Math.round(d)), Tt(r, l, a);
|
|
4505
4505
|
}
|
|
4506
4506
|
function Ls(n, t, r, s) {
|
|
4507
4507
|
const i = (l) => Jn(l, t, r, s);
|
|
4508
|
-
Jn(n, t, r, s), r.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup",
|
|
4509
|
-
function
|
|
4510
|
-
r.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup",
|
|
4508
|
+
Jn(n, t, r, s), r.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", a);
|
|
4509
|
+
function a() {
|
|
4510
|
+
r.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a);
|
|
4511
4511
|
}
|
|
4512
4512
|
}
|
|
4513
4513
|
function Tt(n, t, r) {
|
|
@@ -4528,16 +4528,16 @@ function qn(n, t, r, s) {
|
|
|
4528
4528
|
if (n.preventDefault(), !t)
|
|
4529
4529
|
return;
|
|
4530
4530
|
const i = t.getBoundingClientRect();
|
|
4531
|
-
let
|
|
4532
|
-
|
|
4533
|
-
const c = 360 - 360 * (
|
|
4534
|
-
s(c), Ot(r,
|
|
4531
|
+
let a = n.clientY - i.top;
|
|
4532
|
+
a > i.height && (a = i.height), a < 0 && (a = 0);
|
|
4533
|
+
const c = 360 - 360 * (a / i.height);
|
|
4534
|
+
s(c), Ot(r, a);
|
|
4535
4535
|
}
|
|
4536
4536
|
function Es(n, t, r, s) {
|
|
4537
4537
|
const i = (l) => qn(l, r, t, s);
|
|
4538
|
-
qn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup",
|
|
4539
|
-
function
|
|
4540
|
-
t.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup",
|
|
4538
|
+
qn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", a);
|
|
4539
|
+
function a() {
|
|
4540
|
+
t.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a);
|
|
4541
4541
|
}
|
|
4542
4542
|
}
|
|
4543
4543
|
function Ot(n, t) {
|
|
@@ -4558,7 +4558,7 @@ const Fs = [
|
|
|
4558
4558
|
"#E64AA9"
|
|
4559
4559
|
], Qn = { h: 0, s: 1, v: 0.5 }, Vs = (n) => {
|
|
4560
4560
|
try {
|
|
4561
|
-
return n ?
|
|
4561
|
+
return n ? on(ze(n)) : Qn;
|
|
4562
4562
|
} catch {
|
|
4563
4563
|
return Qn;
|
|
4564
4564
|
}
|
|
@@ -4568,35 +4568,35 @@ const Fs = [
|
|
|
4568
4568
|
onChange: r,
|
|
4569
4569
|
onAddColor: s,
|
|
4570
4570
|
autoHide: i,
|
|
4571
|
-
defaultColor:
|
|
4571
|
+
defaultColor: a,
|
|
4572
4572
|
userColors: l = [],
|
|
4573
4573
|
width: c = 310,
|
|
4574
|
-
height:
|
|
4574
|
+
height: o = "auto"
|
|
4575
4575
|
}) => {
|
|
4576
|
-
const d = J(null), u = J(null),
|
|
4577
|
-
`#${He(Ke(
|
|
4578
|
-
), w = ge(() => Ke(
|
|
4576
|
+
const d = J(null), u = J(null), m = J(null), f = J(null), [x, _] = y(Vs(t)), [p, j] = y(!1), [C, g] = y(
|
|
4577
|
+
`#${He(Ke(x))}`
|
|
4578
|
+
), w = ge(() => Ke(x), [x]), v = ge(() => `#${He(w)}`, [w]), $ = ge(
|
|
4579
4579
|
() => C[0] !== "#" ? `#${C}` : C,
|
|
4580
4580
|
[C]
|
|
4581
4581
|
);
|
|
4582
4582
|
A(() => {
|
|
4583
|
-
!
|
|
4584
|
-
|
|
4583
|
+
!m.current || !d.current || !u.current || !f.current || O(
|
|
4584
|
+
m.current,
|
|
4585
4585
|
f.current,
|
|
4586
4586
|
d.current,
|
|
4587
4587
|
u.current,
|
|
4588
|
-
|
|
4588
|
+
x
|
|
4589
4589
|
);
|
|
4590
|
-
}, [
|
|
4591
|
-
if (!
|
|
4590
|
+
}, [x]), A(() => {
|
|
4591
|
+
if (!m.current || !f.current)
|
|
4592
4592
|
return;
|
|
4593
|
-
const k =
|
|
4593
|
+
const k = m.current.getContext("2d");
|
|
4594
4594
|
k && (Ss(
|
|
4595
4595
|
k,
|
|
4596
|
-
|
|
4597
|
-
`#${He(Ke(
|
|
4596
|
+
m.current,
|
|
4597
|
+
`#${He(Ke(x.h, 1, 1))}`
|
|
4598
4598
|
), Ms(
|
|
4599
|
-
|
|
4599
|
+
m.current,
|
|
4600
4600
|
k,
|
|
4601
4601
|
f.current,
|
|
4602
4602
|
(F, L) => {
|
|
@@ -4606,7 +4606,7 @@ const Fs = [
|
|
|
4606
4606
|
});
|
|
4607
4607
|
}
|
|
4608
4608
|
));
|
|
4609
|
-
}, [
|
|
4609
|
+
}, [x.h]), A(() => {
|
|
4610
4610
|
if (!d.current || !u.current)
|
|
4611
4611
|
return;
|
|
4612
4612
|
const k = d.current.getContext("2d");
|
|
@@ -4619,7 +4619,7 @@ const Fs = [
|
|
|
4619
4619
|
}, []), A(() => {
|
|
4620
4620
|
if (C.length === 4 || C.length === 7)
|
|
4621
4621
|
try {
|
|
4622
|
-
_(
|
|
4622
|
+
_(on(ze(C)));
|
|
4623
4623
|
} catch {
|
|
4624
4624
|
console.warn("Invalid HEX color");
|
|
4625
4625
|
}
|
|
@@ -4633,7 +4633,7 @@ const Fs = [
|
|
|
4633
4633
|
}
|
|
4634
4634
|
}, z = (k) => {
|
|
4635
4635
|
try {
|
|
4636
|
-
_(
|
|
4636
|
+
_(on(ze(k))), g(k);
|
|
4637
4637
|
} catch {
|
|
4638
4638
|
console.warn("Invalid color format");
|
|
4639
4639
|
}
|
|
@@ -4644,21 +4644,21 @@ const Fs = [
|
|
|
4644
4644
|
}, [r, v]), H = N(
|
|
4645
4645
|
(k, F) => {
|
|
4646
4646
|
const L = Math.min(255, Math.max(0, F));
|
|
4647
|
-
_(
|
|
4647
|
+
_(on({ ...w, [k]: L })), g(He({ ...w, [k]: L }));
|
|
4648
4648
|
},
|
|
4649
4649
|
[w]
|
|
4650
4650
|
), B = N((k) => {
|
|
4651
4651
|
g(k);
|
|
4652
4652
|
}, []), V = N(() => {
|
|
4653
|
-
|
|
4654
|
-
}, [
|
|
4653
|
+
a && (r == null || r(a), i && (n == null || n()), z(a));
|
|
4654
|
+
}, [a, r, z]);
|
|
4655
4655
|
return /* @__PURE__ */ e.jsxs(
|
|
4656
|
-
|
|
4656
|
+
xn,
|
|
4657
4657
|
{
|
|
4658
4658
|
className: "color-picker-panel",
|
|
4659
4659
|
onHide: n,
|
|
4660
4660
|
clearStyle: !0,
|
|
4661
|
-
style: { width: c, height:
|
|
4661
|
+
style: { width: c, height: o },
|
|
4662
4662
|
children: [
|
|
4663
4663
|
/* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
|
|
4664
4664
|
/* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Fs.map((k, F) => /* @__PURE__ */ e.jsx(
|
|
@@ -4694,7 +4694,7 @@ const Fs = [
|
|
|
4694
4694
|
/* @__PURE__ */ e.jsx(
|
|
4695
4695
|
"canvas",
|
|
4696
4696
|
{
|
|
4697
|
-
ref:
|
|
4697
|
+
ref: m,
|
|
4698
4698
|
className: "spectrum-canvas spectrum-canvas-color-picker",
|
|
4699
4699
|
"aria-label": "Color spectrum"
|
|
4700
4700
|
}
|
|
@@ -4793,7 +4793,7 @@ const Fs = [
|
|
|
4793
4793
|
]
|
|
4794
4794
|
}
|
|
4795
4795
|
),
|
|
4796
|
-
|
|
4796
|
+
a && /* @__PURE__ */ e.jsxs(
|
|
4797
4797
|
"button",
|
|
4798
4798
|
{
|
|
4799
4799
|
onClick: V,
|
|
@@ -4803,7 +4803,7 @@ const Fs = [
|
|
|
4803
4803
|
/* @__PURE__ */ e.jsx(
|
|
4804
4804
|
"span",
|
|
4805
4805
|
{
|
|
4806
|
-
style: { backgroundColor:
|
|
4806
|
+
style: { backgroundColor: a },
|
|
4807
4807
|
className: "color-indicator"
|
|
4808
4808
|
}
|
|
4809
4809
|
),
|
|
@@ -4821,30 +4821,30 @@ const Fs = [
|
|
|
4821
4821
|
container: r,
|
|
4822
4822
|
value: s = "#f00",
|
|
4823
4823
|
className: i = "",
|
|
4824
|
-
transparent:
|
|
4824
|
+
transparent: a = !1,
|
|
4825
4825
|
userColors: l = [],
|
|
4826
4826
|
onAddColor: c,
|
|
4827
|
-
defaultColor:
|
|
4827
|
+
defaultColor: o,
|
|
4828
4828
|
placeholder: d
|
|
4829
4829
|
}) => {
|
|
4830
|
-
const [u,
|
|
4830
|
+
const [u, m] = y(!1), [f, x] = y(s);
|
|
4831
4831
|
A(() => {
|
|
4832
|
-
s !== void 0 &&
|
|
4832
|
+
s !== void 0 && x(s);
|
|
4833
4833
|
}, [s]);
|
|
4834
4834
|
const _ = N(() => {
|
|
4835
|
-
|
|
4835
|
+
m(!0);
|
|
4836
4836
|
}, []), p = N(
|
|
4837
4837
|
(g) => {
|
|
4838
|
-
|
|
4838
|
+
x(g), t == null || t(g), m(!1);
|
|
4839
4839
|
},
|
|
4840
4840
|
[t]
|
|
4841
4841
|
), j = N(() => {
|
|
4842
|
-
|
|
4842
|
+
m(!1);
|
|
4843
4843
|
}, []), C = [
|
|
4844
4844
|
"input-field",
|
|
4845
4845
|
"color-field",
|
|
4846
4846
|
n ? "input-field_border" : "",
|
|
4847
|
-
|
|
4847
|
+
a ? "input-field_transparent" : "",
|
|
4848
4848
|
i
|
|
4849
4849
|
].filter(Boolean).join(" ");
|
|
4850
4850
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
@@ -4875,7 +4875,7 @@ const Fs = [
|
|
|
4875
4875
|
u && /* @__PURE__ */ e.jsx(Re, { container: r, children: /* @__PURE__ */ e.jsx(
|
|
4876
4876
|
Ts,
|
|
4877
4877
|
{
|
|
4878
|
-
defaultColor:
|
|
4878
|
+
defaultColor: o,
|
|
4879
4879
|
userColors: l,
|
|
4880
4880
|
onAddColor: c,
|
|
4881
4881
|
onChange: p,
|
|
@@ -4899,21 +4899,21 @@ const Os = 2050, et = 1900, Me = [
|
|
|
4899
4899
|
"November",
|
|
4900
4900
|
"December"
|
|
4901
4901
|
], Ds = () => Array(Os - et).fill(0).map((n, t) => et + t), Is = ({ onChange: n, onHide: t }) => {
|
|
4902
|
-
const [r] = y(Me[(/* @__PURE__ */ new Date()).getMonth()]), [s] = y((/* @__PURE__ */ new Date()).getFullYear()), [i] = y((/* @__PURE__ */ new Date()).getDate()), [
|
|
4902
|
+
const [r] = y(Me[(/* @__PURE__ */ new Date()).getMonth()]), [s] = y((/* @__PURE__ */ new Date()).getFullYear()), [i] = y((/* @__PURE__ */ new Date()).getDate()), [a, l] = y(Me[(/* @__PURE__ */ new Date()).getMonth()]), [c, o] = y((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = y({
|
|
4903
4903
|
day: (/* @__PURE__ */ new Date()).getDate(),
|
|
4904
4904
|
type: "NOW_MONTH"
|
|
4905
4905
|
/* NOW_MONTH */
|
|
4906
|
-
}), [
|
|
4906
|
+
}), [m, f] = y(
|
|
4907
4907
|
"DAYS"
|
|
4908
4908
|
/* DAYS */
|
|
4909
|
-
),
|
|
4910
|
-
let O = Array(
|
|
4911
|
-
return O = Array(_(v, $, 0)).fill(0).map((H, B) => ({ type: "PREV_MONTH", day:
|
|
4909
|
+
), x = (v, $) => new Date(v, $ + 1, 0).getDate(), _ = (v, $, O) => new Date(v, $, O).getDay(), p = (v, $) => {
|
|
4910
|
+
let O = Array(x(v, $)).fill(0).map((H, B) => ({ type: "NOW_MONTH", day: B + 1 })), z = _(v, $, x(v, $)), P = Array(7 - z).fill(0).map((H, B) => ({ type: "NEXT_MONTH", day: B + 1 }));
|
|
4911
|
+
return O = Array(_(v, $, 0)).fill(0).map((H, B) => ({ type: "PREV_MONTH", day: x($ ? v : v - 1, $ ? $ - 1 : 11) - B })).reverse().concat(O).concat(P), O;
|
|
4912
4912
|
}, j = (v) => {
|
|
4913
4913
|
f(
|
|
4914
4914
|
"DAYS"
|
|
4915
4915
|
/* DAYS */
|
|
4916
|
-
),
|
|
4916
|
+
), o(v);
|
|
4917
4917
|
}, C = (v) => {
|
|
4918
4918
|
f(
|
|
4919
4919
|
"DAYS"
|
|
@@ -4923,19 +4923,19 @@ const Os = 2050, et = 1900, Me = [
|
|
|
4923
4923
|
u(v);
|
|
4924
4924
|
}, w = N(() => {
|
|
4925
4925
|
let v = /* @__PURE__ */ new Date();
|
|
4926
|
-
v.setFullYear(c), d.type === "NEXT_MONTH" ?
|
|
4927
|
-
}, [
|
|
4928
|
-
return /* @__PURE__ */ e.jsxs(
|
|
4926
|
+
v.setFullYear(c), d.type === "NEXT_MONTH" ? a === Me[11] ? (v.setMonth(0), v.setFullYear(c + 1)) : v.setMonth(Me.indexOf(a) + 1) : d.type === "PREV_MONTH" ? a === Me[0] ? (v.setMonth(11), v.setFullYear(c - 1)) : v.setMonth(Me.indexOf(a) - 1) : v.setMonth(Me.indexOf(a)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
|
|
4927
|
+
}, [a, c, n, t, d]);
|
|
4928
|
+
return /* @__PURE__ */ e.jsxs(xn, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
|
|
4929
4929
|
/* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
|
|
4930
|
-
/* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className:
|
|
4930
|
+
/* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: m === "MONTHS" ? "active" : "", onClick: () => f(
|
|
4931
4931
|
"MONTHS"
|
|
4932
4932
|
/* MONTHS */
|
|
4933
4933
|
), children: [
|
|
4934
|
-
|
|
4934
|
+
a,
|
|
4935
4935
|
" ",
|
|
4936
4936
|
/* @__PURE__ */ e.jsx(ln, {})
|
|
4937
4937
|
] }) }),
|
|
4938
|
-
/* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className:
|
|
4938
|
+
/* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: m === "YEARS" ? "active" : "", onClick: () => f(
|
|
4939
4939
|
"YEARS"
|
|
4940
4940
|
/* YEARS */
|
|
4941
4941
|
), children: [
|
|
@@ -4944,10 +4944,10 @@ const Os = 2050, et = 1900, Me = [
|
|
|
4944
4944
|
/* @__PURE__ */ e.jsx(ln, {})
|
|
4945
4945
|
] }) })
|
|
4946
4946
|
] }),
|
|
4947
|
-
|
|
4948
|
-
/* @__PURE__ */ e.jsx("div", { className: "status-container", children:
|
|
4947
|
+
m === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: Me.map((v, $) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => C(v), children: [
|
|
4948
|
+
/* @__PURE__ */ e.jsx("div", { className: "status-container", children: a === v ? /* @__PURE__ */ e.jsx($e, {}) : null }),
|
|
4949
4949
|
/* @__PURE__ */ e.jsx("div", { className: "content", children: v })
|
|
4950
|
-
] }, $)) }) :
|
|
4950
|
+
] }, $)) }) : m === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Ds().map((v, $) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => j(v), children: [
|
|
4951
4951
|
/* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === v ? /* @__PURE__ */ e.jsx($e, {}) : null }),
|
|
4952
4952
|
/* @__PURE__ */ e.jsx("div", { className: "content", children: v })
|
|
4953
4953
|
] }, $)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
@@ -4960,7 +4960,7 @@ const Os = 2050, et = 1900, Me = [
|
|
|
4960
4960
|
/* @__PURE__ */ e.jsx("span", { children: "S" }),
|
|
4961
4961
|
/* @__PURE__ */ e.jsx("span", { children: "S" })
|
|
4962
4962
|
] }),
|
|
4963
|
-
/* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: p(c, Me.indexOf(
|
|
4963
|
+
/* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: p(c, Me.indexOf(a)).map((v, $) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${i === v.day && c === s && a === r ? "now" : ""} ${v.day === d.day && v.type === d.type ? "select" : ""}`, onClick: () => g(v), children: v.day }, $)) })
|
|
4964
4964
|
] }),
|
|
4965
4965
|
/* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
|
|
4966
4966
|
/* @__PURE__ */ e.jsx(be, { className: "little m-0", onClick: t, children: "Cancel" }),
|
|
@@ -4973,18 +4973,18 @@ const Os = 2050, et = 1900, Me = [
|
|
|
4973
4973
|
name: r,
|
|
4974
4974
|
value: s,
|
|
4975
4975
|
className: i,
|
|
4976
|
-
error:
|
|
4976
|
+
error: a,
|
|
4977
4977
|
container: l,
|
|
4978
4978
|
errorText: c,
|
|
4979
|
-
helperText:
|
|
4979
|
+
helperText: o,
|
|
4980
4980
|
size: d = "medium",
|
|
4981
4981
|
disabled: u,
|
|
4982
|
-
placeholder:
|
|
4982
|
+
placeholder: m,
|
|
4983
4983
|
onBlur: f,
|
|
4984
|
-
onFocus:
|
|
4984
|
+
onFocus: x,
|
|
4985
4985
|
..._
|
|
4986
4986
|
}) => {
|
|
4987
|
-
const [p, j] = y(s ?? ""), [C, g] = y(!1), [w, v] = y(!1), [$, O] = y(!!s), z = hn(), P =
|
|
4987
|
+
const [p, j] = y(s ?? ""), [C, g] = y(!1), [w, v] = y(!1), [$, O] = y(!!s), z = hn(), P = a || c, M = () => {
|
|
4988
4988
|
g(!0);
|
|
4989
4989
|
}, H = (R) => {
|
|
4990
4990
|
let I = String(R + 1);
|
|
@@ -4993,7 +4993,7 @@ const Os = 2050, et = 1900, Me = [
|
|
|
4993
4993
|
let I = String(R);
|
|
4994
4994
|
return I.length < 2 && (I = "0" + I), I;
|
|
4995
4995
|
}, V = (R) => {
|
|
4996
|
-
|
|
4996
|
+
x == null || x(R), v(!0);
|
|
4997
4997
|
}, k = (R) => {
|
|
4998
4998
|
f == null || f(R), v(!1), O(!!R.target.value);
|
|
4999
4999
|
};
|
|
@@ -5035,21 +5035,21 @@ const Os = 2050, et = 1900, Me = [
|
|
|
5035
5035
|
..._
|
|
5036
5036
|
}
|
|
5037
5037
|
),
|
|
5038
|
-
|
|
5038
|
+
m && /* @__PURE__ */ e.jsx(
|
|
5039
5039
|
"label",
|
|
5040
5040
|
{
|
|
5041
5041
|
htmlFor: z,
|
|
5042
5042
|
className: `input-field__input-container__label
|
|
5043
5043
|
${$ ? "input-field__input-container__label_filled" : ""}
|
|
5044
5044
|
`,
|
|
5045
|
-
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children:
|
|
5045
|
+
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
|
|
5046
5046
|
}
|
|
5047
5047
|
)
|
|
5048
5048
|
] })
|
|
5049
5049
|
] }),
|
|
5050
5050
|
C ? /* @__PURE__ */ e.jsx(Re, { container: l, children: /* @__PURE__ */ e.jsx(Is, { onChange: F, onHide: () => g(!1) }) }) : null,
|
|
5051
5051
|
P && c && /* @__PURE__ */ e.jsx(Q, { type: "small", className: "input-field-container__error-text", children: c }),
|
|
5052
|
-
|
|
5052
|
+
o && !P && /* @__PURE__ */ e.jsx(Q, { type: "small", className: "input-field-container__helper-text", children: o })
|
|
5053
5053
|
] });
|
|
5054
5054
|
};
|
|
5055
5055
|
const Ps = {
|
|
@@ -5067,29 +5067,29 @@ const Ps = {
|
|
|
5067
5067
|
dayLabels: s = Ps
|
|
5068
5068
|
// Дефолтные значения
|
|
5069
5069
|
}) => {
|
|
5070
|
-
const [i,
|
|
5070
|
+
const [i, a] = y(t ?? []);
|
|
5071
5071
|
A(() => {
|
|
5072
|
-
t &&
|
|
5072
|
+
t && a(t);
|
|
5073
5073
|
}, [t]);
|
|
5074
|
-
const l = N((
|
|
5075
|
-
|
|
5076
|
-
const
|
|
5077
|
-
return n == null || n(
|
|
5074
|
+
const l = N((o) => (d) => {
|
|
5075
|
+
a((u) => {
|
|
5076
|
+
const m = d.target.checked ? [...u, o] : u.filter((f) => f !== o);
|
|
5077
|
+
return n == null || n(m), m;
|
|
5078
5078
|
});
|
|
5079
|
-
}, [n]), c = N((
|
|
5080
|
-
return /* @__PURE__ */ e.jsx("div", { className: `days-week-field-container ${r}`, children: Bs.map((
|
|
5079
|
+
}, [n]), c = N((o) => i.includes(o), [i]);
|
|
5080
|
+
return /* @__PURE__ */ e.jsx("div", { className: `days-week-field-container ${r}`, children: Bs.map((o) => /* @__PURE__ */ e.jsxs("label", { className: "day-of-week-label", children: [
|
|
5081
5081
|
/* @__PURE__ */ e.jsx(
|
|
5082
5082
|
"input",
|
|
5083
5083
|
{
|
|
5084
5084
|
type: "checkbox",
|
|
5085
|
-
onChange: l(
|
|
5086
|
-
checked: c(
|
|
5087
|
-
"aria-label": s[
|
|
5085
|
+
onChange: l(o),
|
|
5086
|
+
checked: c(o),
|
|
5087
|
+
"aria-label": s[o] || o
|
|
5088
5088
|
}
|
|
5089
5089
|
),
|
|
5090
|
-
/* @__PURE__ */ e.jsx("span", { children: s[
|
|
5090
|
+
/* @__PURE__ */ e.jsx("span", { children: s[o] || o }),
|
|
5091
5091
|
" "
|
|
5092
|
-
] },
|
|
5092
|
+
] }, o)) });
|
|
5093
5093
|
});
|
|
5094
5094
|
Hs.displayName = "DayOfWeekField";
|
|
5095
5095
|
const Ws = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), nt = (n, t = ",") => n.join(t);
|
|
@@ -5099,15 +5099,15 @@ const zs = ({
|
|
|
5099
5099
|
onChange: r,
|
|
5100
5100
|
border: s = !1,
|
|
5101
5101
|
placeholder: i = "Добавить значение",
|
|
5102
|
-
addButtonLabel:
|
|
5102
|
+
addButtonLabel: a = "Добавить",
|
|
5103
5103
|
separator: l = ",",
|
|
5104
5104
|
disabled: c = !1,
|
|
5105
|
-
className:
|
|
5105
|
+
className: o,
|
|
5106
5106
|
ariaLabel: d = "Добавление нового элемента",
|
|
5107
5107
|
chipsAriaLabel: u = "Список элементов",
|
|
5108
|
-
id:
|
|
5108
|
+
id: m,
|
|
5109
5109
|
error: f,
|
|
5110
|
-
errorText:
|
|
5110
|
+
errorText: x,
|
|
5111
5111
|
helperText: _
|
|
5112
5112
|
}) => {
|
|
5113
5113
|
const [p, j] = y([]), [C, g] = y(""), [w, v] = y(null);
|
|
@@ -5130,9 +5130,9 @@ const zs = ({
|
|
|
5130
5130
|
return /* @__PURE__ */ e.jsxs(
|
|
5131
5131
|
"div",
|
|
5132
5132
|
{
|
|
5133
|
-
className: `more-text ${
|
|
5133
|
+
className: `more-text ${o ?? ""}`,
|
|
5134
5134
|
style: { minWidth: n },
|
|
5135
|
-
id:
|
|
5135
|
+
id: m,
|
|
5136
5136
|
children: [
|
|
5137
5137
|
/* @__PURE__ */ e.jsx("div", { className: "add-value", children: /* @__PURE__ */ e.jsx(
|
|
5138
5138
|
en,
|
|
@@ -5143,11 +5143,11 @@ const zs = ({
|
|
|
5143
5143
|
border: s,
|
|
5144
5144
|
placeholder: i,
|
|
5145
5145
|
error: f,
|
|
5146
|
-
errorText:
|
|
5146
|
+
errorText: x,
|
|
5147
5147
|
helperText: _,
|
|
5148
5148
|
disabled: c,
|
|
5149
5149
|
"aria-label": d,
|
|
5150
|
-
"aria-describedby":
|
|
5150
|
+
"aria-describedby": m ? `${m}-help` : void 0
|
|
5151
5151
|
}
|
|
5152
5152
|
) }),
|
|
5153
5153
|
/* @__PURE__ */ e.jsxs(
|
|
@@ -5185,14 +5185,14 @@ const zs = ({
|
|
|
5185
5185
|
onClick: z,
|
|
5186
5186
|
className: "more-text-btn",
|
|
5187
5187
|
disabled: c || !C.trim(),
|
|
5188
|
-
"aria-label": `${
|
|
5189
|
-
children:
|
|
5188
|
+
"aria-label": `${a} элемент`,
|
|
5189
|
+
children: a
|
|
5190
5190
|
}
|
|
5191
5191
|
) })
|
|
5192
5192
|
]
|
|
5193
5193
|
}
|
|
5194
5194
|
),
|
|
5195
|
-
|
|
5195
|
+
m && /* @__PURE__ */ e.jsx("div", { id: `${m}-help`, className: "sr-only", children: 'Добавляйте элементы, вводя текст и нажимая Enter или кнопку "Добавить"' })
|
|
5196
5196
|
]
|
|
5197
5197
|
}
|
|
5198
5198
|
);
|
|
@@ -5203,15 +5203,15 @@ const Dt = de.forwardRef(({
|
|
|
5203
5203
|
transparent: r,
|
|
5204
5204
|
readOnly: s,
|
|
5205
5205
|
border: i,
|
|
5206
|
-
onClear:
|
|
5206
|
+
onClear: a,
|
|
5207
5207
|
icon: l,
|
|
5208
5208
|
onChange: c,
|
|
5209
|
-
name:
|
|
5209
|
+
name: o,
|
|
5210
5210
|
value: d,
|
|
5211
5211
|
placeholder: u,
|
|
5212
|
-
className:
|
|
5212
|
+
className: m,
|
|
5213
5213
|
validEmptyValue: f,
|
|
5214
|
-
onFocus:
|
|
5214
|
+
onFocus: x,
|
|
5215
5215
|
onBlur: _,
|
|
5216
5216
|
error: p,
|
|
5217
5217
|
max: j,
|
|
@@ -5237,22 +5237,22 @@ const Dt = de.forwardRef(({
|
|
|
5237
5237
|
}, [c]), le = N(() => {
|
|
5238
5238
|
q((W) => {
|
|
5239
5239
|
let G = W ? W + v : v;
|
|
5240
|
-
return typeof j == "number" && G > j && (G = j), Y(G,
|
|
5240
|
+
return typeof j == "number" && G > j && (G = j), Y(G, o), G;
|
|
5241
5241
|
});
|
|
5242
|
-
}, [Y,
|
|
5242
|
+
}, [Y, o, j, v]), se = N(() => {
|
|
5243
5243
|
q((W) => {
|
|
5244
5244
|
let G = W ? W - v : -v;
|
|
5245
|
-
return typeof C == "number" && G < C && (G = C), Y(G,
|
|
5245
|
+
return typeof C == "number" && G < C && (G = C), Y(G, o), G;
|
|
5246
5246
|
});
|
|
5247
|
-
}, [Y,
|
|
5247
|
+
}, [Y, o, C, v]), ye = N((W) => {
|
|
5248
5248
|
if (W.target.value === "") {
|
|
5249
5249
|
q("");
|
|
5250
5250
|
return;
|
|
5251
5251
|
}
|
|
5252
5252
|
W.target.value.length > 1 && W.target.value[0] === "0" && ![",", "."].includes(W.target.value[1]) && (W.target.value = W.target.value.slice(1));
|
|
5253
5253
|
let G = Number(W.target.value);
|
|
5254
|
-
typeof C == "number" && G < C && (G = C), typeof j == "number" && G > j && (G = j), q(Number(W.target.value)), Y(G,
|
|
5255
|
-
}, [
|
|
5254
|
+
typeof C == "number" && G < C && (G = C), typeof j == "number" && G > j && (G = j), q(Number(W.target.value)), Y(G, o);
|
|
5255
|
+
}, [o, Y, I, j, C]), re = N(() => {
|
|
5256
5256
|
B.current && clearTimeout(B.current), V.current && clearInterval(V.current), document.removeEventListener("mouseup", re);
|
|
5257
5257
|
}, []), fe = N((W) => {
|
|
5258
5258
|
W === "p" ? le() : W === "m" && se(), B.current && clearTimeout(B.current), V.current && clearInterval(V.current), document.addEventListener("mouseup", re), B.current = setTimeout(() => {
|
|
@@ -5273,7 +5273,7 @@ const Dt = de.forwardRef(({
|
|
|
5273
5273
|
medium: "input-field__number-field_medium",
|
|
5274
5274
|
large: "input-field__number-field_large"
|
|
5275
5275
|
};
|
|
5276
|
-
return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${
|
|
5276
|
+
return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${m}`, children: [
|
|
5277
5277
|
/* @__PURE__ */ e.jsxs(
|
|
5278
5278
|
"div",
|
|
5279
5279
|
{
|
|
@@ -5304,10 +5304,10 @@ const Dt = de.forwardRef(({
|
|
|
5304
5304
|
required: !0,
|
|
5305
5305
|
type: "number",
|
|
5306
5306
|
className: `input-field__input-container__input ${L ? "input-field__input-container__input_error" : ""}`,
|
|
5307
|
-
name:
|
|
5307
|
+
name: o,
|
|
5308
5308
|
value: I,
|
|
5309
5309
|
onChange: ye,
|
|
5310
|
-
onFocus:
|
|
5310
|
+
onFocus: x,
|
|
5311
5311
|
onBlur: we,
|
|
5312
5312
|
"aria-label": z,
|
|
5313
5313
|
"aria-labelledby": P,
|
|
@@ -5320,14 +5320,14 @@ const Dt = de.forwardRef(({
|
|
|
5320
5320
|
/* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: u ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: u }) : null }),
|
|
5321
5321
|
/* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
|
|
5322
5322
|
] }),
|
|
5323
|
-
|
|
5323
|
+
a ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(
|
|
5324
5324
|
Ne,
|
|
5325
5325
|
{
|
|
5326
|
-
onClick:
|
|
5326
|
+
onClick: a,
|
|
5327
5327
|
role: "button",
|
|
5328
5328
|
"aria-label": "Clear input",
|
|
5329
5329
|
tabIndex: 0,
|
|
5330
|
-
onKeyDown: (W) => W.key === "Enter" &&
|
|
5330
|
+
onKeyDown: (W) => W.key === "Enter" && a()
|
|
5331
5331
|
}
|
|
5332
5332
|
) }) : null,
|
|
5333
5333
|
/* @__PURE__ */ e.jsxs("div", { className: "input-field__number-field__button-block", children: [
|
|
@@ -5388,15 +5388,15 @@ const It = de.forwardRef(
|
|
|
5388
5388
|
styleContainer: r,
|
|
5389
5389
|
transparent: s,
|
|
5390
5390
|
readOnly: i,
|
|
5391
|
-
border:
|
|
5391
|
+
border: a,
|
|
5392
5392
|
onClear: l,
|
|
5393
5393
|
icon: c,
|
|
5394
|
-
onChange:
|
|
5394
|
+
onChange: o,
|
|
5395
5395
|
name: d,
|
|
5396
5396
|
value: u,
|
|
5397
|
-
placeholder:
|
|
5397
|
+
placeholder: m,
|
|
5398
5398
|
className: f,
|
|
5399
|
-
validEmptyValue:
|
|
5399
|
+
validEmptyValue: x,
|
|
5400
5400
|
onFocus: _,
|
|
5401
5401
|
onBlur: p,
|
|
5402
5402
|
error: j,
|
|
@@ -5420,8 +5420,8 @@ const It = de.forwardRef(
|
|
|
5420
5420
|
[j]
|
|
5421
5421
|
);
|
|
5422
5422
|
return A(() => {
|
|
5423
|
-
ne(
|
|
5424
|
-
}, [u,
|
|
5423
|
+
ne(x, u), F(!!u);
|
|
5424
|
+
}, [u, x, ne]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${f || ""}`, children: [
|
|
5425
5425
|
/* @__PURE__ */ e.jsxs(
|
|
5426
5426
|
"div",
|
|
5427
5427
|
{
|
|
@@ -5430,7 +5430,7 @@ const It = de.forwardRef(
|
|
|
5430
5430
|
className: `
|
|
5431
5431
|
input-field__text-area
|
|
5432
5432
|
input-field
|
|
5433
|
-
${
|
|
5433
|
+
${a ? "input-field_border" : ""}
|
|
5434
5434
|
${B ? "input-field_active" : ""}
|
|
5435
5435
|
${s ? "input-field_transparent" : ""}
|
|
5436
5436
|
${M ? "input-field_error" : ""}
|
|
@@ -5453,7 +5453,7 @@ const It = de.forwardRef(
|
|
|
5453
5453
|
value: u,
|
|
5454
5454
|
className: `input-field__input-container__input input-field__text-area__input-container__textarea ${M ? "input-field__input-container__input_error" : ""}`,
|
|
5455
5455
|
onClick: n,
|
|
5456
|
-
onChange: (K) =>
|
|
5456
|
+
onChange: (K) => o == null ? void 0 : o(K.target.value, K.target.name, K),
|
|
5457
5457
|
onFocus: I,
|
|
5458
5458
|
onBlur: q,
|
|
5459
5459
|
onKeyDown: O,
|
|
@@ -5462,13 +5462,13 @@ const It = de.forwardRef(
|
|
|
5462
5462
|
"aria-describedby": M ? `${d}-error` : void 0
|
|
5463
5463
|
}
|
|
5464
5464
|
),
|
|
5465
|
-
|
|
5465
|
+
m && /* @__PURE__ */ e.jsx(
|
|
5466
5466
|
"label",
|
|
5467
5467
|
{
|
|
5468
5468
|
htmlFor: L,
|
|
5469
5469
|
onClick: R,
|
|
5470
5470
|
className: `input-field__input-container__label input-field__text-area__label ${k ? "input-field__input-container__label_filled" : ""}`,
|
|
5471
|
-
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children:
|
|
5471
|
+
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
|
|
5472
5472
|
}
|
|
5473
5473
|
)
|
|
5474
5474
|
] }),
|
|
@@ -5482,13 +5482,13 @@ const It = de.forwardRef(
|
|
|
5482
5482
|
}
|
|
5483
5483
|
);
|
|
5484
5484
|
It.displayName = "TextArea";
|
|
5485
|
-
const Gs = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel:
|
|
5486
|
-
const [c,
|
|
5487
|
-
n(f),
|
|
5485
|
+
const Gs = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel: a, onOK: l }) => {
|
|
5486
|
+
const [c, o] = y(!1), d = N((f) => {
|
|
5487
|
+
n(f), o(!0);
|
|
5488
5488
|
}, [n]), u = N((f) => {
|
|
5489
|
-
t(f),
|
|
5490
|
-
}, [t]),
|
|
5491
|
-
|
|
5489
|
+
t(f), o(!1);
|
|
5490
|
+
}, [t]), m = N(() => {
|
|
5491
|
+
o(!1), a();
|
|
5492
5492
|
}, []);
|
|
5493
5493
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
5494
5494
|
/* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Select time" }) }),
|
|
@@ -5506,7 +5506,7 @@ const Gs = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
|
|
|
5506
5506
|
/* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(Ys, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Zs, { setHours: d }) }),
|
|
5507
5507
|
/* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
|
|
5508
5508
|
/* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(jt, {}) }),
|
|
5509
|
-
/* @__PURE__ */ e.jsx(be, { className: "little", onClick:
|
|
5509
|
+
/* @__PURE__ */ e.jsx(be, { className: "little", onClick: m, children: "Cancel" }),
|
|
5510
5510
|
/* @__PURE__ */ e.jsx(be, { className: "little", onClick: l, children: "OK" })
|
|
5511
5511
|
] })
|
|
5512
5512
|
] });
|
|
@@ -5514,32 +5514,32 @@ const Gs = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
|
|
|
5514
5514
|
function Zs({ setHours: n }) {
|
|
5515
5515
|
return /* @__PURE__ */ e.jsxs("div", { className: "clock-input", children: [
|
|
5516
5516
|
/* @__PURE__ */ e.jsxs("div", { className: "clock-input-am", children: [
|
|
5517
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(1), children: "1" }),
|
|
5518
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(2), children: "2" }),
|
|
5519
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(3), children: "3" }),
|
|
5520
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(4), children: "4" }),
|
|
5521
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(5), children: "5" }),
|
|
5522
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(6), children: "6" }),
|
|
5523
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(7), children: "7" }),
|
|
5524
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(8), children: "8" }),
|
|
5525
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(9), children: "9" }),
|
|
5526
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(10), children: "10" }),
|
|
5527
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(11), children: "11" }),
|
|
5528
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(12), children: "12" })
|
|
5517
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(1), children: /* @__PURE__ */ e.jsx("span", { children: "1" }) }),
|
|
5518
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(2), children: /* @__PURE__ */ e.jsx("span", { children: "2" }) }),
|
|
5519
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(3), children: /* @__PURE__ */ e.jsx("span", { children: "3" }) }),
|
|
5520
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(4), children: /* @__PURE__ */ e.jsx("span", { children: "4" }) }),
|
|
5521
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(5), children: /* @__PURE__ */ e.jsx("span", { children: "5" }) }),
|
|
5522
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(6), children: /* @__PURE__ */ e.jsx("span", { children: "6" }) }),
|
|
5523
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(7), children: /* @__PURE__ */ e.jsx("span", { children: "7" }) }),
|
|
5524
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(8), children: /* @__PURE__ */ e.jsx("span", { children: "8" }) }),
|
|
5525
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(9), children: /* @__PURE__ */ e.jsx("span", { children: "9" }) }),
|
|
5526
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(10), children: /* @__PURE__ */ e.jsx("span", { children: "10" }) }),
|
|
5527
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(11), children: /* @__PURE__ */ e.jsx("span", { children: "11" }) }),
|
|
5528
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(12), children: /* @__PURE__ */ e.jsx("span", { children: "12" }) })
|
|
5529
5529
|
] }),
|
|
5530
5530
|
/* @__PURE__ */ e.jsxs("div", { className: "clock-input-pm", children: [
|
|
5531
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(13), children: "13" }),
|
|
5532
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(14), children: "14" }),
|
|
5533
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(15), children: "15" }),
|
|
5534
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(16), children: "16" }),
|
|
5535
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(17), children: "17" }),
|
|
5536
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(18), children: "18" }),
|
|
5537
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(19), children: "19" }),
|
|
5538
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(20), children: "20" }),
|
|
5539
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(21), children: "21" }),
|
|
5540
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(22), children: "22" }),
|
|
5541
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(23), children: "23" }),
|
|
5542
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(0), children: "0" })
|
|
5531
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(13), children: /* @__PURE__ */ e.jsx("span", { children: "13" }) }),
|
|
5532
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(14), children: /* @__PURE__ */ e.jsx("span", { children: "14" }) }),
|
|
5533
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(15), children: /* @__PURE__ */ e.jsx("span", { children: "15" }) }),
|
|
5534
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(16), children: /* @__PURE__ */ e.jsx("span", { children: "16" }) }),
|
|
5535
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(17), children: /* @__PURE__ */ e.jsx("span", { children: "17" }) }),
|
|
5536
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(18), children: /* @__PURE__ */ e.jsx("span", { children: "18" }) }),
|
|
5537
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(19), children: /* @__PURE__ */ e.jsx("span", { children: "19" }) }),
|
|
5538
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(20), children: /* @__PURE__ */ e.jsx("span", { children: "20" }) }),
|
|
5539
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(21), children: /* @__PURE__ */ e.jsx("span", { children: "21" }) }),
|
|
5540
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(22), children: /* @__PURE__ */ e.jsx("span", { children: "22" }) }),
|
|
5541
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(23), children: /* @__PURE__ */ e.jsx("span", { children: "23" }) }),
|
|
5542
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(0), children: /* @__PURE__ */ e.jsx("span", { children: "0" }) })
|
|
5543
5543
|
] }),
|
|
5544
5544
|
/* @__PURE__ */ e.jsx("span", { className: "center" })
|
|
5545
5545
|
] });
|
|
@@ -5547,27 +5547,27 @@ function Zs({ setHours: n }) {
|
|
|
5547
5547
|
function Ys({ setMinutes: n }) {
|
|
5548
5548
|
return /* @__PURE__ */ e.jsxs("div", { className: "clock-input", children: [
|
|
5549
5549
|
/* @__PURE__ */ e.jsxs("div", { className: "clock-input-minute", children: [
|
|
5550
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(0), children: "00" }),
|
|
5551
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(5), children: "05" }),
|
|
5552
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(10), children: "10" }),
|
|
5553
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(15), children: "15" }),
|
|
5554
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(20), children: "20" }),
|
|
5555
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(25), children: "25" }),
|
|
5556
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(30), children: "30" }),
|
|
5557
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(35), children: "35" }),
|
|
5558
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(40), children: "40" }),
|
|
5559
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(45), children: "45" }),
|
|
5560
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(50), children: "50" }),
|
|
5561
|
-
/* @__PURE__ */ e.jsx("span", { onClick: () => n(55), children: "55" })
|
|
5550
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(0), children: /* @__PURE__ */ e.jsx("span", { children: "00" }) }),
|
|
5551
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(5), children: /* @__PURE__ */ e.jsx("span", { children: "05" }) }),
|
|
5552
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(10), children: /* @__PURE__ */ e.jsx("span", { children: "10" }) }),
|
|
5553
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(15), children: /* @__PURE__ */ e.jsx("span", { children: "15" }) }),
|
|
5554
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(20), children: /* @__PURE__ */ e.jsx("span", { children: "20" }) }),
|
|
5555
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(25), children: /* @__PURE__ */ e.jsx("span", { children: "25" }) }),
|
|
5556
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(30), children: /* @__PURE__ */ e.jsx("span", { children: "30" }) }),
|
|
5557
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(35), children: /* @__PURE__ */ e.jsx("span", { children: "35" }) }),
|
|
5558
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(40), children: /* @__PURE__ */ e.jsx("span", { children: "40" }) }),
|
|
5559
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(45), children: /* @__PURE__ */ e.jsx("span", { children: "45" }) }),
|
|
5560
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(50), children: /* @__PURE__ */ e.jsx("span", { children: "50" }) }),
|
|
5561
|
+
/* @__PURE__ */ e.jsx("span", { className: "number-span", onClick: () => n(55), children: /* @__PURE__ */ e.jsx("span", { children: "55" }) })
|
|
5562
5562
|
] }),
|
|
5563
5563
|
/* @__PURE__ */ e.jsx("span", { className: "center" })
|
|
5564
5564
|
] });
|
|
5565
5565
|
}
|
|
5566
|
-
const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, onCancel:
|
|
5566
|
+
const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, onCancel: a, onOK: l }) => {
|
|
5567
5567
|
const c = (d) => {
|
|
5568
5568
|
let u = Number(d.target.value);
|
|
5569
5569
|
u < 0 && (u = 0), u > 23 && (u = 23), n(u);
|
|
5570
|
-
},
|
|
5570
|
+
}, o = (d) => {
|
|
5571
5571
|
let u = Number(d.target.value);
|
|
5572
5572
|
u < 0 && (u = 0), u > 59 && (u = 59), t(u);
|
|
5573
5573
|
};
|
|
@@ -5580,25 +5580,25 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5580
5580
|
] }),
|
|
5581
5581
|
/* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
|
|
5582
5582
|
/* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
|
|
5583
|
-
/* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", value: s, min: 0, max: 59, onChange:
|
|
5583
|
+
/* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", value: s, min: 0, max: 59, onChange: o }) }),
|
|
5584
5584
|
/* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
|
|
5585
5585
|
] })
|
|
5586
5586
|
] }),
|
|
5587
5587
|
/* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
|
|
5588
5588
|
/* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Ln, {}) }),
|
|
5589
|
-
/* @__PURE__ */ e.jsx(be, { className: "little", onClick:
|
|
5589
|
+
/* @__PURE__ */ e.jsx(be, { className: "little", onClick: a, children: "Cancel" }),
|
|
5590
5590
|
/* @__PURE__ */ e.jsx(be, { className: "little", onClick: l, children: "OK" })
|
|
5591
5591
|
] })
|
|
5592
5592
|
] });
|
|
5593
5593
|
}, Ks = (n) => {
|
|
5594
|
-
const [t, r] = y(n.minutes ?? 0), [s, i] = y(n.hours ?? 0), [
|
|
5594
|
+
const [t, r] = y(n.minutes ?? 0), [s, i] = y(n.hours ?? 0), [a, l] = y(!0), c = () => {
|
|
5595
5595
|
n.onHide && n.onHide(), r(0), i(0);
|
|
5596
|
-
},
|
|
5596
|
+
}, o = N((u) => {
|
|
5597
5597
|
r(u), n.onChange && n.onChange(s, u), n.onHide && n.onHide();
|
|
5598
5598
|
}, [s]), d = N(() => {
|
|
5599
5599
|
n.onChange && n.onChange(s, t), n.onHide && n.onHide();
|
|
5600
5600
|
}, [s, t]);
|
|
5601
|
-
return
|
|
5601
|
+
return a ? /* @__PURE__ */ e.jsx(qe, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Gs, { setMinutes: o, setHours: i, minutes: t, hours: s, switchMode: () => l(!1), onCancel: c, onOK: d }) }) : /* @__PURE__ */ e.jsx(qe, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Us, { setMinutes: r, setHours: i, minutes: t, hours: s, switchMode: () => l(!0), onCancel: c, onOK: d }) });
|
|
5602
5602
|
}, Xs = {
|
|
5603
5603
|
small: "input-field__time-field_small",
|
|
5604
5604
|
medium: "input-field__time-field_medium",
|
|
@@ -5609,15 +5609,15 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5609
5609
|
name: r,
|
|
5610
5610
|
value: s = "",
|
|
5611
5611
|
className: i = "",
|
|
5612
|
-
validEmptyValue:
|
|
5612
|
+
validEmptyValue: a,
|
|
5613
5613
|
error: l,
|
|
5614
5614
|
container: c,
|
|
5615
|
-
disabled:
|
|
5615
|
+
disabled: o = !1,
|
|
5616
5616
|
errorText: d,
|
|
5617
5617
|
helperText: u,
|
|
5618
|
-
ariaLabel:
|
|
5618
|
+
ariaLabel: m,
|
|
5619
5619
|
size: f = "medium",
|
|
5620
|
-
ariaLabelledby:
|
|
5620
|
+
ariaLabelledby: x,
|
|
5621
5621
|
placeholder: _,
|
|
5622
5622
|
onBlur: p,
|
|
5623
5623
|
onFocus: j,
|
|
@@ -5628,11 +5628,11 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5628
5628
|
A(() => {
|
|
5629
5629
|
v(s);
|
|
5630
5630
|
}, [s]);
|
|
5631
|
-
const k = N(() => V ||
|
|
5631
|
+
const k = N(() => V || a && !w ? "error" : "", [w, V, a]), F = (Y, le) => {
|
|
5632
5632
|
const se = String(Y).padStart(2, "0"), ye = String(le).padStart(2, "0"), re = `${se}:${ye}`;
|
|
5633
5633
|
v(re), t == null || t(re);
|
|
5634
5634
|
}, L = () => {
|
|
5635
|
-
|
|
5635
|
+
o || O(!0);
|
|
5636
5636
|
}, R = (Y) => {
|
|
5637
5637
|
j == null || j(Y), P(!0);
|
|
5638
5638
|
}, I = (Y) => {
|
|
@@ -5670,9 +5670,9 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5670
5670
|
${n ? "input-field_border" : ""}
|
|
5671
5671
|
${z ? "input-field_active" : ""}
|
|
5672
5672
|
${V ? "input-field_error" : ""}
|
|
5673
|
-
${
|
|
5673
|
+
${o ? "input-field_disabled" : ""}
|
|
5674
5674
|
`,
|
|
5675
|
-
"aria-disabled":
|
|
5675
|
+
"aria-disabled": o,
|
|
5676
5676
|
style: C,
|
|
5677
5677
|
children: [
|
|
5678
5678
|
/* @__PURE__ */ e.jsx(
|
|
@@ -5682,12 +5682,12 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5682
5682
|
onClick: L,
|
|
5683
5683
|
"aria-label": "Открыть пикер времени",
|
|
5684
5684
|
role: "button",
|
|
5685
|
-
tabIndex:
|
|
5685
|
+
tabIndex: o ? -1 : 0,
|
|
5686
5686
|
onKeyDown: (Y) => Y.key === "Enter" && L(),
|
|
5687
5687
|
children: /* @__PURE__ */ e.jsx(Ln, {})
|
|
5688
5688
|
}
|
|
5689
5689
|
),
|
|
5690
|
-
/* @__PURE__ */ e.jsxs("div", { "aria-label":
|
|
5690
|
+
/* @__PURE__ */ e.jsxs("div", { "aria-label": m, className: "input-field__input-container", onClick: L, children: [
|
|
5691
5691
|
/* @__PURE__ */ e.jsx(
|
|
5692
5692
|
"input",
|
|
5693
5693
|
{
|
|
@@ -5699,8 +5699,8 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5699
5699
|
readOnly: !0,
|
|
5700
5700
|
onBlur: I,
|
|
5701
5701
|
onFocus: R,
|
|
5702
|
-
disabled:
|
|
5703
|
-
"aria-labelledby":
|
|
5702
|
+
disabled: o,
|
|
5703
|
+
"aria-labelledby": x,
|
|
5704
5704
|
"aria-invalid": V,
|
|
5705
5705
|
"aria-describedby": V && d ? `${r}-error` : u ? `${r}-helper` : void 0
|
|
5706
5706
|
}
|
|
@@ -5736,23 +5736,23 @@ function qs(n, t, r, s, i) {
|
|
|
5736
5736
|
return s + (i - s) * ((n - t) / (r - t));
|
|
5737
5737
|
}
|
|
5738
5738
|
const Nn = 0, wn = 100, Yi = ({ showValue: n = !0, ...t }) => {
|
|
5739
|
-
const [r, s] = y(0), [i,
|
|
5739
|
+
const [r, s] = y(0), [i, a] = y(!1), l = J(null), c = J(null);
|
|
5740
5740
|
A(() => {
|
|
5741
5741
|
t.value ? s(t.value) : s(0);
|
|
5742
5742
|
}, [t.value]);
|
|
5743
|
-
const
|
|
5743
|
+
const o = (f) => {
|
|
5744
5744
|
s(Number(f.target.value)), t.onChange && t.onChange(f);
|
|
5745
|
-
}, d = (f,
|
|
5745
|
+
}, d = (f, x, _) => {
|
|
5746
5746
|
if (l.current && c.current) {
|
|
5747
5747
|
let p = jn(c.current);
|
|
5748
5748
|
if (p)
|
|
5749
|
-
return qs(f,
|
|
5749
|
+
return qs(f, x, _, 0, _ - x) * (p.width - 20) / (_ - x);
|
|
5750
5750
|
}
|
|
5751
5751
|
return 0;
|
|
5752
5752
|
}, u = N((f) => {
|
|
5753
|
-
|
|
5754
|
-
}, [t.onFocus]),
|
|
5755
|
-
|
|
5753
|
+
a(!0), t.onFocus && t.onFocus(f);
|
|
5754
|
+
}, [t.onFocus]), m = N((f) => {
|
|
5755
|
+
a(!1), t.onBlur && t.onBlur(f);
|
|
5756
5756
|
}, [t.onBlur]);
|
|
5757
5757
|
return /* @__PURE__ */ e.jsx("div", { className: `range ${t.disabled ? "disabled" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: t.style, children: [
|
|
5758
5758
|
t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: t.min ?? Nn }) : null,
|
|
@@ -5761,21 +5761,21 @@ const Nn = 0, wn = 100, Yi = ({ showValue: n = !0, ...t }) => {
|
|
|
5761
5761
|
/* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
|
|
5762
5762
|
/* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: r })
|
|
5763
5763
|
] }) }) }),
|
|
5764
|
-
/* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: c, step: t.step, type: "range", min: t.min ?? Nn, max: t.max ?? wn, onChange:
|
|
5764
|
+
/* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: c, step: t.step, type: "range", min: t.min ?? Nn, max: t.max ?? wn, onChange: o, value: r, onFocus: u, onBlur: m })
|
|
5765
5765
|
] }),
|
|
5766
5766
|
t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? wn }) : null
|
|
5767
5767
|
] }) });
|
|
5768
5768
|
};
|
|
5769
|
-
const Ui = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style:
|
|
5769
|
+
const Ui = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: a, btn: l }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jr(i), color: s, ...a }, children: [
|
|
5770
5770
|
/* @__PURE__ */ e.jsx("h2", { children: r }),
|
|
5771
5771
|
t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
|
|
5772
5772
|
l ? /* @__PURE__ */ e.jsx(We, { styleType: l.styleType ?? "filled", style: l.style, className: l.className, onClick: l.onClick, children: l.text }) : null
|
|
5773
5773
|
] });
|
|
5774
|
-
const Qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent:
|
|
5775
|
-
const [c,
|
|
5774
|
+
const Qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: a, onlyStringValue: l }) => {
|
|
5775
|
+
const [c, o] = y(""), [d, u] = y(""), [m, f] = y(!1), [x, _] = y(!0), p = N((w, v) => {
|
|
5776
5776
|
s({ ...r, [v]: w });
|
|
5777
5777
|
}, [s, r]), j = N(() => {
|
|
5778
|
-
u(""),
|
|
5778
|
+
u(""), o(""), f(!1);
|
|
5779
5779
|
}, []), C = N(() => {
|
|
5780
5780
|
let w = d;
|
|
5781
5781
|
try {
|
|
@@ -5793,15 +5793,15 @@ const Qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
|
|
|
5793
5793
|
t,
|
|
5794
5794
|
":",
|
|
5795
5795
|
"{",
|
|
5796
|
-
|
|
5796
|
+
x ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
|
|
5797
5797
|
] }),
|
|
5798
5798
|
n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => f(!0), children: /* @__PURE__ */ e.jsx(En, {}) })
|
|
5799
5799
|
] }),
|
|
5800
|
-
|
|
5800
|
+
x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
|
|
5801
5801
|
(w, v) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(Vn, { readonly: n, onDelete: () => g(w), onChange: ($) => p($, w), name: w, data: r[w] }) }, v)
|
|
5802
5802
|
) : null }) : null,
|
|
5803
|
-
|
|
5804
|
-
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "key", onChange: (w) =>
|
|
5803
|
+
m && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
|
|
5804
|
+
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "key", onChange: (w) => o(w.target.value), className: "json-base-data-input", type: "text", value: c }) }),
|
|
5805
5805
|
":",
|
|
5806
5806
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (w) => u(w.target.value), className: "json-base-data-input", type: "text", value: d }) }),
|
|
5807
5807
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: C, children: "save" }),
|
|
@@ -5809,15 +5809,15 @@ const Qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
|
|
|
5809
5809
|
] }) : null,
|
|
5810
5810
|
/* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
|
|
5811
5811
|
"}",
|
|
5812
|
-
!n && !
|
|
5812
|
+
!n && !a ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(mn, {}) }) : null
|
|
5813
5813
|
] })
|
|
5814
5814
|
] }) });
|
|
5815
|
-
}, ei = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent:
|
|
5816
|
-
const [c,
|
|
5815
|
+
}, ei = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: a, onlyStringValue: l }) => {
|
|
5816
|
+
const [c, o] = y(""), [d, u] = y(!1), [m, f] = y(!0), x = N((C, g) => {
|
|
5817
5817
|
const w = r.slice();
|
|
5818
5818
|
w[g] = C, s(w);
|
|
5819
5819
|
}, [s, r]), _ = N(() => {
|
|
5820
|
-
|
|
5820
|
+
o(""), u(!1);
|
|
5821
5821
|
}, []), p = N(() => {
|
|
5822
5822
|
let C = c;
|
|
5823
5823
|
try {
|
|
@@ -5834,41 +5834,41 @@ const Qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
|
|
|
5834
5834
|
t,
|
|
5835
5835
|
":",
|
|
5836
5836
|
"[",
|
|
5837
|
-
|
|
5837
|
+
m ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
|
|
5838
5838
|
] }),
|
|
5839
5839
|
n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => u(!0), children: /* @__PURE__ */ e.jsx(En, {}) })
|
|
5840
5840
|
] }),
|
|
5841
|
-
|
|
5841
|
+
m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((C, g) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(Vn, { readonly: n, onDelete: () => j(g), onChange: (w) => x(w, g), name: String(g), data: C }) }, g)) }) : null,
|
|
5842
5842
|
d ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
|
|
5843
|
-
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "value", onChange: (C) =>
|
|
5843
|
+
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "value", onChange: (C) => o(C.target.value), className: "json-base-data-input", type: "text", value: c }) }),
|
|
5844
5844
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: p, children: "save" }),
|
|
5845
5845
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: _, children: "cancel" })
|
|
5846
5846
|
] }) : null,
|
|
5847
5847
|
/* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
|
|
5848
5848
|
"]",
|
|
5849
|
-
!n && !
|
|
5849
|
+
!n && !a ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(mn, {}) }) : null
|
|
5850
5850
|
] })
|
|
5851
5851
|
] }) });
|
|
5852
5852
|
}, ni = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i }) => {
|
|
5853
|
-
const
|
|
5853
|
+
const a = N((l) => {
|
|
5854
5854
|
s(l.target.value);
|
|
5855
5855
|
}, [s]);
|
|
5856
5856
|
return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
|
|
5857
5857
|
/* @__PURE__ */ e.jsx("span", { className: "json-object-name", children: t }),
|
|
5858
5858
|
":",
|
|
5859
5859
|
n ? /* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: String(r) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
5860
|
-
/* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: /* @__PURE__ */ e.jsx("input", { size: (r == null ? void 0 : r.toString().length) || 10, onChange:
|
|
5861
|
-
/* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(
|
|
5860
|
+
/* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: /* @__PURE__ */ e.jsx("input", { size: (r == null ? void 0 : r.toString().length) || 10, onChange: a, className: "json-base-data-input", type: "text", value: r !== void 0 ? String(r) : "" }) }),
|
|
5861
|
+
/* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(mn, {}) })
|
|
5862
5862
|
] })
|
|
5863
5863
|
] }) }) });
|
|
5864
5864
|
};
|
|
5865
5865
|
var At = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(At || {});
|
|
5866
|
-
const Vn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
5867
|
-
const [c,
|
|
5868
|
-
n || (
|
|
5866
|
+
const Vn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: a, onlyStringValue: l }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ni, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(ei, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: a === "ARRAY", onlyStringValue: l }) : /* @__PURE__ */ e.jsx(Qs, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: a === "OBJECT", onlyStringValue: l }) : null, Ki = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: a = At.NONE, onlyStringValue: l }) => {
|
|
5867
|
+
const [c, o] = y(r || void 0), [d, u] = y(""), m = N((_) => {
|
|
5868
|
+
n || (o(_), s && s(_));
|
|
5869
5869
|
}, [s]), f = N(() => {
|
|
5870
|
-
n || (
|
|
5871
|
-
}, [i]),
|
|
5870
|
+
n || (o(void 0), i && i());
|
|
5871
|
+
}, [i]), x = N(() => {
|
|
5872
5872
|
if (n)
|
|
5873
5873
|
return;
|
|
5874
5874
|
let _ = d;
|
|
@@ -5876,35 +5876,35 @@ const Vn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5876
5876
|
_ = JSON.parse(_);
|
|
5877
5877
|
} catch {
|
|
5878
5878
|
}
|
|
5879
|
-
|
|
5879
|
+
o(_), s && s(_);
|
|
5880
5880
|
}, [s, d]);
|
|
5881
5881
|
return A(() => {
|
|
5882
|
-
|
|
5882
|
+
o(r);
|
|
5883
5883
|
}, [r]), !c && n ? /* @__PURE__ */ e.jsx("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: "value" }) }) : c ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
5884
5884
|
/* @__PURE__ */ e.jsx(Un, { transparent: !0, text: JSON.stringify(r) }),
|
|
5885
|
-
/* @__PURE__ */ e.jsx(Vn, { readonly: n, onDelete: f, onChange:
|
|
5885
|
+
/* @__PURE__ */ e.jsx(Vn, { readonly: n, onDelete: f, onChange: m, data: c, baseType: a, name: t, onlyStringValue: l })
|
|
5886
5886
|
] }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
|
|
5887
5887
|
/* @__PURE__ */ e.jsx(Un, { transparent: !0, text: JSON.stringify(r) }),
|
|
5888
5888
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (_) => u(_.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
|
|
5889
|
-
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick:
|
|
5889
|
+
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: x, children: "save" })
|
|
5890
5890
|
] });
|
|
5891
5891
|
};
|
|
5892
|
-
const Xi = ({ btn: n, btnComponent: t, onSearch: r, placeholder: s, autoChenge: i, border:
|
|
5893
|
-
const l = J(null), [c,
|
|
5892
|
+
const Xi = ({ btn: n, btnComponent: t, onSearch: r, placeholder: s, autoChenge: i, border: a = !1 }) => {
|
|
5893
|
+
const l = J(null), [c, o] = y(""), [d, u] = y(!1), m = () => {
|
|
5894
5894
|
l.current && (l.current.focus(), u(!0));
|
|
5895
5895
|
}, f = () => {
|
|
5896
|
-
l.current && (l.current.focus(), l.current.value = ""),
|
|
5897
|
-
},
|
|
5896
|
+
l.current && (l.current.focus(), l.current.value = ""), o(""), u(!0), i && r("");
|
|
5897
|
+
}, x = () => {
|
|
5898
5898
|
f(), l.current && (l.current.blur(), u(!1));
|
|
5899
5899
|
}, _ = (j) => {
|
|
5900
|
-
|
|
5900
|
+
o(j.target.value), i && r(j.target.value);
|
|
5901
5901
|
}, p = (j) => {
|
|
5902
5902
|
j.code === "Enter" && r(c);
|
|
5903
5903
|
};
|
|
5904
|
-
return /* @__PURE__ */ e.jsx("div", { className: `search-container ${
|
|
5905
|
-
d ? /* @__PURE__ */ e.jsx("span", { onClick:
|
|
5904
|
+
return /* @__PURE__ */ e.jsx("div", { className: `search-container ${a ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
|
|
5905
|
+
d ? /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx($n, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
|
|
5906
5906
|
/* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: l, onChange: _, onKeyDown: p, value: c, onFocus: () => u(!0) }),
|
|
5907
|
-
d ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(Ne, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick:
|
|
5907
|
+
d ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(Ne, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(Rn, {}) })
|
|
5908
5908
|
] }) });
|
|
5909
5909
|
};
|
|
5910
5910
|
const ti = ({
|
|
@@ -5913,7 +5913,7 @@ const ti = ({
|
|
|
5913
5913
|
onChange: r,
|
|
5914
5914
|
isOpen: s,
|
|
5915
5915
|
onClose: i,
|
|
5916
|
-
point:
|
|
5916
|
+
point: a = { x: 50, y: 50 }
|
|
5917
5917
|
}) => {
|
|
5918
5918
|
const l = J(null);
|
|
5919
5919
|
if (A(() => {
|
|
@@ -5924,18 +5924,18 @@ const ti = ({
|
|
|
5924
5924
|
}, [s, i]), !s)
|
|
5925
5925
|
return null;
|
|
5926
5926
|
const c = (d, u) => {
|
|
5927
|
-
const
|
|
5927
|
+
const m = t[d] || [], f = m.includes(u) ? m.filter((x) => x !== u) : [...m, u];
|
|
5928
5928
|
r({
|
|
5929
5929
|
...t,
|
|
5930
5930
|
[d]: f
|
|
5931
5931
|
});
|
|
5932
|
-
},
|
|
5933
|
-
top: `${
|
|
5934
|
-
left: `${
|
|
5932
|
+
}, o = {
|
|
5933
|
+
top: `${a.y}px`,
|
|
5934
|
+
left: `${a.x}px`,
|
|
5935
5935
|
zIndex: 1e3
|
|
5936
5936
|
};
|
|
5937
|
-
return /* @__PURE__ */ e.jsx(fn, { onHide: i, children: /* @__PURE__ */ e.jsx(js, { className: "multi-filter", style:
|
|
5938
|
-
|
|
5937
|
+
return /* @__PURE__ */ e.jsx(fn, { onHide: i, children: /* @__PURE__ */ e.jsx(js, { className: "multi-filter", style: o, children: /* @__PURE__ */ e.jsx("div", { ref: l, children: n.map(({ name: d, options: u }, m) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
|
|
5938
|
+
m !== 0 && /* @__PURE__ */ e.jsx(je, {}),
|
|
5939
5939
|
/* @__PURE__ */ e.jsx(Q, { type: "title-2", weight: "bold", children: d }),
|
|
5940
5940
|
/* @__PURE__ */ e.jsx("div", { className: "filter-block", children: u.map((f) => /* @__PURE__ */ e.jsxs("label", { className: "filter-field", children: [
|
|
5941
5941
|
/* @__PURE__ */ e.jsx(
|
|
@@ -5955,22 +5955,22 @@ const ti = ({
|
|
|
5955
5955
|
autoChenge: r,
|
|
5956
5956
|
filters: s,
|
|
5957
5957
|
selectedFilters: i,
|
|
5958
|
-
onChangeFilter:
|
|
5958
|
+
onChangeFilter: a,
|
|
5959
5959
|
border: l = !1
|
|
5960
5960
|
}) => {
|
|
5961
|
-
const c = J(null), [
|
|
5962
|
-
c.current && (c.current.focus(),
|
|
5961
|
+
const c = J(null), [o, d] = y(""), [u, m] = y(!1), [f, x] = y(null), _ = () => {
|
|
5962
|
+
c.current && (c.current.focus(), m(!0));
|
|
5963
5963
|
}, p = () => {
|
|
5964
|
-
c.current && (c.current.focus(), c.current.value = ""), d(""),
|
|
5964
|
+
c.current && (c.current.focus(), c.current.value = ""), d(""), m(!0), r && n("");
|
|
5965
5965
|
}, j = () => {
|
|
5966
|
-
p(), c.current && (c.current.blur(),
|
|
5966
|
+
p(), c.current && (c.current.blur(), m(!1));
|
|
5967
5967
|
}, C = (v) => {
|
|
5968
5968
|
d(v.target.value), r && n(v.target.value);
|
|
5969
5969
|
}, g = (v) => {
|
|
5970
|
-
v.code === "Enter" && n(
|
|
5970
|
+
v.code === "Enter" && n(o);
|
|
5971
5971
|
}, w = (v) => {
|
|
5972
5972
|
const $ = v.currentTarget.getBoundingClientRect();
|
|
5973
|
-
|
|
5973
|
+
x({
|
|
5974
5974
|
x: $.left,
|
|
5975
5975
|
y: $.bottom
|
|
5976
5976
|
// ниже элемента
|
|
@@ -5979,27 +5979,27 @@ const ti = ({
|
|
|
5979
5979
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
5980
5980
|
/* @__PURE__ */ e.jsx("div", { className: `search-container ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
|
|
5981
5981
|
u ? /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx($n, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: w, children: /* @__PURE__ */ e.jsx(gt, {}) }),
|
|
5982
|
-
/* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: C, onKeyDown: g, value:
|
|
5982
|
+
/* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: C, onKeyDown: g, value: o, onFocus: () => m(!0) }),
|
|
5983
5983
|
u ? /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(Ne, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: _, children: /* @__PURE__ */ e.jsx(Rn, {}) })
|
|
5984
5984
|
] }) }),
|
|
5985
|
-
/* @__PURE__ */ e.jsx(Re, { container: document.body, children: /* @__PURE__ */ e.jsx(ti, { point: f ?? void 0, onClose: () =>
|
|
5985
|
+
/* @__PURE__ */ e.jsx(Re, { container: document.body, children: /* @__PURE__ */ e.jsx(ti, { point: f ?? void 0, onClose: () => x(null), isOpen: !!f, filters: s, selectedFilters: i, onChange: a }) })
|
|
5986
5986
|
] });
|
|
5987
5987
|
};
|
|
5988
5988
|
const ri = ({ visible: n, text: t, option: r }) => {
|
|
5989
|
-
const [s, i] = y(n), [
|
|
5989
|
+
const [s, i] = y(n), [a, l] = y(!1);
|
|
5990
5990
|
A(() => {
|
|
5991
5991
|
n ? (i(!0), setTimeout(() => l(!0), 10)) : (l(!1), setTimeout(() => i(!1), 300));
|
|
5992
5992
|
}, [n]);
|
|
5993
5993
|
const c = () => {
|
|
5994
|
-
var
|
|
5995
|
-
return (
|
|
5994
|
+
var o;
|
|
5995
|
+
return (o = r == null ? void 0 : r.onHide) == null ? void 0 : o.call(r);
|
|
5996
5996
|
};
|
|
5997
5997
|
return s ? /* @__PURE__ */ e.jsxs(
|
|
5998
5998
|
"div",
|
|
5999
5999
|
{
|
|
6000
6000
|
role: "alert",
|
|
6001
6001
|
"aria-live": "assertive",
|
|
6002
|
-
className: `snackbar-container ${
|
|
6002
|
+
className: `snackbar-container ${a ? "show" : "hide"} ${(r == null ? void 0 : r.className) ?? ""}`,
|
|
6003
6003
|
style: { backgroundColor: r == null ? void 0 : r.backgroundColor, color: r == null ? void 0 : r.color },
|
|
6004
6004
|
children: [
|
|
6005
6005
|
/* @__PURE__ */ e.jsxs("div", { className: "snackbar-content-container", children: [
|
|
@@ -6013,27 +6013,27 @@ const ri = ({ visible: n, text: t, option: r }) => {
|
|
|
6013
6013
|
};
|
|
6014
6014
|
const qi = ({
|
|
6015
6015
|
type: n,
|
|
6016
|
-
screensize: t =
|
|
6016
|
+
screensize: t = oe.STANDART,
|
|
6017
6017
|
weight: r = "standart",
|
|
6018
6018
|
density: s = "normal",
|
|
6019
6019
|
className: i = "",
|
|
6020
|
-
text:
|
|
6020
|
+
text: a,
|
|
6021
6021
|
style: l,
|
|
6022
6022
|
onClick: c,
|
|
6023
|
-
onContextMenu:
|
|
6023
|
+
onContextMenu: o,
|
|
6024
6024
|
...d
|
|
6025
6025
|
}) => {
|
|
6026
|
-
const u = J(null),
|
|
6027
|
-
fontSize:
|
|
6026
|
+
const u = J(null), m = J(null), [f, x] = y(!1), _ = n === "heading" || n === "title" || n === "title-2", p = _ ? "h3" : "span", j = {
|
|
6027
|
+
fontSize: ot(n, t),
|
|
6028
6028
|
fontWeight: lt(n, r),
|
|
6029
6029
|
lineHeight: ct(n, s, t),
|
|
6030
6030
|
...l
|
|
6031
6031
|
}, C = _ ? "typography-heading" : "typography-text", g = N(() => {
|
|
6032
|
-
if (!u.current || !
|
|
6032
|
+
if (!u.current || !m.current)
|
|
6033
6033
|
return;
|
|
6034
|
-
const w = u.current.clientWidth, v =
|
|
6035
|
-
|
|
6036
|
-
}, [
|
|
6034
|
+
const w = u.current.clientWidth, v = m.current.scrollWidth;
|
|
6035
|
+
x(w < v);
|
|
6036
|
+
}, [a]);
|
|
6037
6037
|
return A(() => (g(), window.addEventListener("resize", g), () => {
|
|
6038
6038
|
window.removeEventListener("resize", g);
|
|
6039
6039
|
}), [g]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
@@ -6042,7 +6042,7 @@ const qi = ({
|
|
|
6042
6042
|
{
|
|
6043
6043
|
ref: u,
|
|
6044
6044
|
onClick: c,
|
|
6045
|
-
onContextMenu:
|
|
6045
|
+
onContextMenu: o,
|
|
6046
6046
|
className: `runing-text ${f ? "runing" : ""}`,
|
|
6047
6047
|
children: /* @__PURE__ */ e.jsx(
|
|
6048
6048
|
p,
|
|
@@ -6050,7 +6050,7 @@ const qi = ({
|
|
|
6050
6050
|
...d,
|
|
6051
6051
|
style: j,
|
|
6052
6052
|
className: `${C} ${i}`,
|
|
6053
|
-
children: f ? `| ${
|
|
6053
|
+
children: f ? `| ${a} | ${a}` : a
|
|
6054
6054
|
}
|
|
6055
6055
|
)
|
|
6056
6056
|
}
|
|
@@ -6058,7 +6058,7 @@ const qi = ({
|
|
|
6058
6058
|
/* @__PURE__ */ e.jsx(
|
|
6059
6059
|
"div",
|
|
6060
6060
|
{
|
|
6061
|
-
ref:
|
|
6061
|
+
ref: m,
|
|
6062
6062
|
style: {
|
|
6063
6063
|
position: "absolute",
|
|
6064
6064
|
visibility: "hidden",
|
|
@@ -6067,7 +6067,7 @@ const qi = ({
|
|
|
6067
6067
|
...j
|
|
6068
6068
|
},
|
|
6069
6069
|
className: `${C} ${i}`,
|
|
6070
|
-
children:
|
|
6070
|
+
children: a
|
|
6071
6071
|
}
|
|
6072
6072
|
)
|
|
6073
6073
|
] });
|
|
@@ -6084,18 +6084,18 @@ const tt = (n, t) => {
|
|
|
6084
6084
|
({
|
|
6085
6085
|
inputRef: n,
|
|
6086
6086
|
style: t,
|
|
6087
|
-
screensize: r =
|
|
6087
|
+
screensize: r = oe.STANDART,
|
|
6088
6088
|
items: s,
|
|
6089
6089
|
onChange: i,
|
|
6090
|
-
value:
|
|
6090
|
+
value: a,
|
|
6091
6091
|
placeholder: l,
|
|
6092
6092
|
className: c,
|
|
6093
|
-
border:
|
|
6093
|
+
border: o,
|
|
6094
6094
|
name: d,
|
|
6095
6095
|
error: u,
|
|
6096
|
-
onBlur:
|
|
6096
|
+
onBlur: m,
|
|
6097
6097
|
onFocus: f,
|
|
6098
|
-
container:
|
|
6098
|
+
container: x = document.body,
|
|
6099
6099
|
size: _ = "medium",
|
|
6100
6100
|
transparent: p,
|
|
6101
6101
|
helperText: j,
|
|
@@ -6104,8 +6104,8 @@ const tt = (n, t) => {
|
|
|
6104
6104
|
}, w) => {
|
|
6105
6105
|
const [v, $] = y(""), [O, z] = y({ x: 0, y: 0, width: 100 }), [P, M] = y(!1), H = !!(u || C);
|
|
6106
6106
|
A(() => {
|
|
6107
|
-
$(tt(s,
|
|
6108
|
-
}, [
|
|
6107
|
+
$(tt(s, a ?? ""));
|
|
6108
|
+
}, [a, s]);
|
|
6109
6109
|
const B = N((L) => {
|
|
6110
6110
|
$(tt(s, L)), i && i(L), M(!1);
|
|
6111
6111
|
}, [s, i]), V = N((L) => typeof L == "string" ? { title: L, onClick: () => B(L) } : { title: L.title, onClick: () => B(L.value), icon: L.icon, disabled: L.disabled }, [B]), k = N((L) => {
|
|
@@ -6124,7 +6124,7 @@ const tt = (n, t) => {
|
|
|
6124
6124
|
input-field
|
|
6125
6125
|
input-field__text-field
|
|
6126
6126
|
${F[_]}
|
|
6127
|
-
${
|
|
6127
|
+
${o ? "input-field_border" : ""}
|
|
6128
6128
|
${P ? "input-field_active" : ""}
|
|
6129
6129
|
${p ? "input-field_transparent" : ""}
|
|
6130
6130
|
${H ? "input-field_error" : ""}
|
|
@@ -6141,7 +6141,7 @@ const tt = (n, t) => {
|
|
|
6141
6141
|
name: d,
|
|
6142
6142
|
value: v,
|
|
6143
6143
|
onFocus: f,
|
|
6144
|
-
onBlur:
|
|
6144
|
+
onBlur: m,
|
|
6145
6145
|
readOnly: !0
|
|
6146
6146
|
}
|
|
6147
6147
|
),
|
|
@@ -6149,13 +6149,13 @@ const tt = (n, t) => {
|
|
|
6149
6149
|
] }) }),
|
|
6150
6150
|
H && C && /* @__PURE__ */ e.jsx(Q, { type: "small", className: "input-field-container__error-text", children: C }),
|
|
6151
6151
|
j && !H && /* @__PURE__ */ e.jsx(Q, { type: "small", className: "input-field-container__helper-text", children: j }),
|
|
6152
|
-
/* @__PURE__ */ e.jsx(St, { marginBottom: r ===
|
|
6152
|
+
/* @__PURE__ */ e.jsx(St, { marginBottom: r === oe.MOBILE ? 80 : 0, width: O.width, screensize: r, x: O.x, y: O.y, onHide: () => M(!1), container: x, blocks: [{ items: s.map(V) }], visible: P })
|
|
6153
6153
|
] });
|
|
6154
6154
|
}
|
|
6155
6155
|
);
|
|
6156
6156
|
Pt.displayName = "SelectField";
|
|
6157
|
-
const si = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, container:
|
|
6158
|
-
const [l, c] = y(!1),
|
|
6157
|
+
const si = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, container: a = document.getElementById("root") }) => {
|
|
6158
|
+
const [l, c] = y(!1), o = n.find((u) => u.id === t), d = (u) => {
|
|
6159
6159
|
r == null || r(u), c(!1);
|
|
6160
6160
|
};
|
|
6161
6161
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
@@ -6163,15 +6163,15 @@ const si = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
|
|
|
6163
6163
|
en,
|
|
6164
6164
|
{
|
|
6165
6165
|
border: !0,
|
|
6166
|
-
icon: (
|
|
6167
|
-
value:
|
|
6166
|
+
icon: (o == null ? void 0 : o.component) ?? void 0,
|
|
6167
|
+
value: o == null ? void 0 : o.name,
|
|
6168
6168
|
readOnly: !0,
|
|
6169
6169
|
disabled: s,
|
|
6170
6170
|
onClick: () => c(!0),
|
|
6171
6171
|
placeholder: i
|
|
6172
6172
|
}
|
|
6173
6173
|
),
|
|
6174
|
-
l && /* @__PURE__ */ e.jsx(Re, { container:
|
|
6174
|
+
l && /* @__PURE__ */ e.jsx(Re, { container: a, children: /* @__PURE__ */ e.jsx(
|
|
6175
6175
|
us,
|
|
6176
6176
|
{
|
|
6177
6177
|
header: "Icons",
|
|
@@ -6197,13 +6197,13 @@ const si = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
|
|
|
6197
6197
|
GearIcon: yr,
|
|
6198
6198
|
X: Ne,
|
|
6199
6199
|
Trash: dt,
|
|
6200
|
-
Pen:
|
|
6200
|
+
Pen: xt,
|
|
6201
6201
|
Palette: ut,
|
|
6202
6202
|
Home: gr,
|
|
6203
6203
|
MoreHorizontal: cn,
|
|
6204
|
-
MenuIcon:
|
|
6204
|
+
MenuIcon: mt,
|
|
6205
6205
|
MoreVertical: ft,
|
|
6206
|
-
CircleMinus:
|
|
6206
|
+
CircleMinus: mn,
|
|
6207
6207
|
Calendar: ht,
|
|
6208
6208
|
Check: $e,
|
|
6209
6209
|
ChevronDown: ln,
|
|
@@ -6236,30 +6236,30 @@ const si = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
|
|
|
6236
6236
|
name: n.charAt(0).toUpperCase() + n.slice(1),
|
|
6237
6237
|
component: /* @__PURE__ */ e.jsx(t, {})
|
|
6238
6238
|
})), Qi = (n) => /* @__PURE__ */ e.jsx(si, { icons: ii, ...n });
|
|
6239
|
-
function
|
|
6239
|
+
function ea(n) {
|
|
6240
6240
|
if (n)
|
|
6241
6241
|
return Bt[n] ?? void 0;
|
|
6242
6242
|
}
|
|
6243
|
-
const
|
|
6243
|
+
const ai = {
|
|
6244
6244
|
showSnackbar: (n) => {
|
|
6245
6245
|
},
|
|
6246
6246
|
hideSnackbar: () => {
|
|
6247
6247
|
}
|
|
6248
|
-
},
|
|
6248
|
+
}, oi = un(ai), na = ({ children: n }) => {
|
|
6249
6249
|
var l;
|
|
6250
|
-
const [t, r] = y({ visible: !1, text: "" }), s = J(null), i = N((c,
|
|
6251
|
-
r({ visible: !0, text: c, option:
|
|
6252
|
-
}, []),
|
|
6250
|
+
const [t, r] = y({ visible: !1, text: "" }), s = J(null), i = N((c, o) => {
|
|
6251
|
+
r({ visible: !0, text: c, option: o }), s.current && clearTimeout(s.current), o != null && o.closeButton || (s.current = setTimeout(() => a(), (o == null ? void 0 : o.delay) ?? 3e3));
|
|
6252
|
+
}, []), a = N(() => {
|
|
6253
6253
|
s.current && (clearTimeout(s.current), s.current = null), r({ visible: !1, text: "" });
|
|
6254
6254
|
}, []);
|
|
6255
|
-
return /* @__PURE__ */ e.jsxs(
|
|
6255
|
+
return /* @__PURE__ */ e.jsxs(oi.Provider, { value: { showSnackbar: i, hideSnackbar: a }, children: [
|
|
6256
6256
|
/* @__PURE__ */ e.jsx(
|
|
6257
6257
|
ri,
|
|
6258
6258
|
{
|
|
6259
6259
|
...t,
|
|
6260
6260
|
option: {
|
|
6261
6261
|
...t.option,
|
|
6262
|
-
onHide: (l = t.option) != null && l.closeButton ?
|
|
6262
|
+
onHide: (l = t.option) != null && l.closeButton ? a : void 0
|
|
6263
6263
|
// гарантируем, что при нажатии на X скроется
|
|
6264
6264
|
}
|
|
6265
6265
|
}
|
|
@@ -6278,11 +6278,11 @@ function di(n) {
|
|
|
6278
6278
|
return typeof n == "boolean";
|
|
6279
6279
|
}
|
|
6280
6280
|
const Le = (n) => {
|
|
6281
|
-
const { value: t, changeField: r, errors: s } = Ee(Ht), i = N((
|
|
6282
|
-
r && r(n,
|
|
6283
|
-
}, [n]),
|
|
6284
|
-
const
|
|
6285
|
-
return di(
|
|
6281
|
+
const { value: t, changeField: r, errors: s } = Ee(Ht), i = N((o) => {
|
|
6282
|
+
r && r(n, o);
|
|
6283
|
+
}, [n]), a = N(() => {
|
|
6284
|
+
const o = t == null ? void 0 : t[n];
|
|
6285
|
+
return di(o) ? !!o : ci(o) ? Number(o) : li(o) ? o ?? "" : "";
|
|
6286
6286
|
}, [t, n]), l = N(() => {
|
|
6287
6287
|
r && r(n, "");
|
|
6288
6288
|
}, [n]), c = N(() => {
|
|
@@ -6290,7 +6290,7 @@ const Le = (n) => {
|
|
|
6290
6290
|
return s[n];
|
|
6291
6291
|
}, [s, n]);
|
|
6292
6292
|
return {
|
|
6293
|
-
value:
|
|
6293
|
+
value: a(),
|
|
6294
6294
|
clearHandler: l,
|
|
6295
6295
|
error: c(),
|
|
6296
6296
|
change: i
|
|
@@ -6304,8 +6304,8 @@ const Le = (n) => {
|
|
|
6304
6304
|
}, fi = (n) => {
|
|
6305
6305
|
const { value: t, change: r, error: s } = Le(n.name);
|
|
6306
6306
|
return /* @__PURE__ */ e.jsx(Pt, { ...n, container: n.container ?? document.body, value: t, onChange: r, errorText: s, error: !!s });
|
|
6307
|
-
},
|
|
6308
|
-
const { value: l, change: c } = Le(
|
|
6307
|
+
}, mi = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: a }) => {
|
|
6308
|
+
const { value: l, change: c } = Le(a), o = (d) => {
|
|
6309
6309
|
c && c(d.target.checked);
|
|
6310
6310
|
};
|
|
6311
6311
|
return /* @__PURE__ */ e.jsx("div", { className: `input-field form-switch ${i}`, style: r, children: /* @__PURE__ */ e.jsx(
|
|
@@ -6314,17 +6314,17 @@ const Le = (n) => {
|
|
|
6314
6314
|
readOnly: s,
|
|
6315
6315
|
ref: t,
|
|
6316
6316
|
placeholder: n,
|
|
6317
|
-
name:
|
|
6317
|
+
name: a,
|
|
6318
6318
|
checked: !!l,
|
|
6319
|
-
onChange:
|
|
6319
|
+
onChange: o
|
|
6320
6320
|
}
|
|
6321
6321
|
) });
|
|
6322
|
-
},
|
|
6323
|
-
const { value: l, change: c } = Le(
|
|
6322
|
+
}, xi = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: a }) => {
|
|
6323
|
+
const { value: l, change: c } = Le(a), o = (u) => {
|
|
6324
6324
|
if (u.length > 0)
|
|
6325
6325
|
return c && c(!0);
|
|
6326
6326
|
c && c(!1);
|
|
6327
|
-
}, d = N(() => l ? [n ??
|
|
6327
|
+
}, d = N(() => l ? [n ?? a] : [], [l, a, n]);
|
|
6328
6328
|
return /* @__PURE__ */ e.jsx(
|
|
6329
6329
|
Rt,
|
|
6330
6330
|
{
|
|
@@ -6334,8 +6334,8 @@ const Le = (n) => {
|
|
|
6334
6334
|
readOnly: s,
|
|
6335
6335
|
value: d(),
|
|
6336
6336
|
multiple: !0,
|
|
6337
|
-
items: [n ??
|
|
6338
|
-
onChange:
|
|
6337
|
+
items: [n ?? a],
|
|
6338
|
+
onChange: o
|
|
6339
6339
|
}
|
|
6340
6340
|
);
|
|
6341
6341
|
}, ji = (n) => {
|
|
@@ -6380,31 +6380,31 @@ const pi = (n) => {
|
|
|
6380
6380
|
}
|
|
6381
6381
|
);
|
|
6382
6382
|
}, vi = Fe(
|
|
6383
|
-
function({ children: t, value: r, name: s, errors: i, onFinish:
|
|
6384
|
-
const [
|
|
6385
|
-
f.preventDefault(),
|
|
6386
|
-
}, [
|
|
6383
|
+
function({ children: t, value: r, name: s, errors: i, onFinish: a, ...l }, c) {
|
|
6384
|
+
const [o, d] = y(r ?? {}), u = N((f) => {
|
|
6385
|
+
f.preventDefault(), a == null || a(o);
|
|
6386
|
+
}, [a, o]), m = N((f, x) => {
|
|
6387
6387
|
d((_) => ({
|
|
6388
6388
|
..._,
|
|
6389
|
-
[f]:
|
|
6389
|
+
[f]: x
|
|
6390
6390
|
}));
|
|
6391
6391
|
}, []);
|
|
6392
6392
|
return ur(c, () => ({
|
|
6393
|
-
submit: () =>
|
|
6394
|
-
setFieldValue: (f,
|
|
6395
|
-
d((_) => ({ ..._, [f]:
|
|
6393
|
+
submit: () => a == null ? void 0 : a(o),
|
|
6394
|
+
setFieldValue: (f, x) => {
|
|
6395
|
+
d((_) => ({ ..._, [f]: x }));
|
|
6396
6396
|
},
|
|
6397
6397
|
setValues: (f) => d(f),
|
|
6398
|
-
getValues: () =>
|
|
6398
|
+
getValues: () => o,
|
|
6399
6399
|
reset: () => d(r ?? {})
|
|
6400
|
-
}), [
|
|
6400
|
+
}), [a, o, r]), /* @__PURE__ */ e.jsx(Ht.Provider, { value: { value: o, changeField: m, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: u, noValidate: !0, ...l, children: t }) });
|
|
6401
6401
|
}
|
|
6402
|
-
),
|
|
6402
|
+
), ta = Object.assign(vi, {
|
|
6403
6403
|
TextInput: ji,
|
|
6404
6404
|
NumberInput: hi,
|
|
6405
6405
|
SelectInput: fi,
|
|
6406
|
-
SwitchField:
|
|
6407
|
-
SwitchButtonField:
|
|
6406
|
+
SwitchField: mi,
|
|
6407
|
+
SwitchButtonField: xi,
|
|
6408
6408
|
MoreTextField: ui,
|
|
6409
6409
|
TextArea: pi,
|
|
6410
6410
|
DateField: Ci,
|
|
@@ -6432,7 +6432,7 @@ export {
|
|
|
6432
6432
|
ln as ChevronDown,
|
|
6433
6433
|
Lt as Chips,
|
|
6434
6434
|
$i as CircleInput,
|
|
6435
|
-
|
|
6435
|
+
mn as CircleMinus,
|
|
6436
6436
|
En as CirclePlus,
|
|
6437
6437
|
Ln as Clock,
|
|
6438
6438
|
Fn as ColorContext,
|
|
@@ -6453,9 +6453,9 @@ export {
|
|
|
6453
6453
|
Ui as EmptyPage,
|
|
6454
6454
|
ss as FAB,
|
|
6455
6455
|
jr as FilledButton,
|
|
6456
|
-
|
|
6456
|
+
xr as FilledTotalButton,
|
|
6457
6457
|
gt as FilterIcon,
|
|
6458
|
-
|
|
6458
|
+
ta as Form,
|
|
6459
6459
|
Fi as FullScreenTemplateDialog,
|
|
6460
6460
|
yr as GearIcon,
|
|
6461
6461
|
Ai as GridLayout,
|
|
@@ -6478,10 +6478,10 @@ export {
|
|
|
6478
6478
|
Cs as ListItem,
|
|
6479
6479
|
Er as LogoutIcon,
|
|
6480
6480
|
St as Menu,
|
|
6481
|
-
|
|
6481
|
+
mt as MenuIcon,
|
|
6482
6482
|
Ct as Minus,
|
|
6483
6483
|
Mr as MinusUserIcon,
|
|
6484
|
-
|
|
6484
|
+
xn as ModalDialogTemplate,
|
|
6485
6485
|
Re as ModalPortal,
|
|
6486
6486
|
fn as ModalTemplate,
|
|
6487
6487
|
cn as MoreHorizontal,
|
|
@@ -6496,17 +6496,17 @@ export {
|
|
|
6496
6496
|
rt as OutlineButton,
|
|
6497
6497
|
ut as Palette,
|
|
6498
6498
|
js as Panel,
|
|
6499
|
-
|
|
6499
|
+
xt as Pen,
|
|
6500
6500
|
Wr as Play,
|
|
6501
6501
|
br as Plug,
|
|
6502
6502
|
pt as Plus,
|
|
6503
|
-
|
|
6504
|
-
|
|
6503
|
+
an as PopupState,
|
|
6504
|
+
on as RGBtoHSV,
|
|
6505
6505
|
$t as RadioButton,
|
|
6506
6506
|
Li as Range,
|
|
6507
6507
|
Fr as Room,
|
|
6508
6508
|
qi as RunningLine,
|
|
6509
|
-
|
|
6509
|
+
oe as ScreenSize,
|
|
6510
6510
|
Pi as ScrollContainer,
|
|
6511
6511
|
Xi as Search,
|
|
6512
6512
|
Ji as SearchAndFilter,
|
|
@@ -6522,8 +6522,8 @@ export {
|
|
|
6522
6522
|
Yi as Slider,
|
|
6523
6523
|
ds as SmallWindowMenu,
|
|
6524
6524
|
ri as Snackbar,
|
|
6525
|
-
|
|
6526
|
-
|
|
6525
|
+
oi as SneckbarContext,
|
|
6526
|
+
na as SneckbarProvider,
|
|
6527
6527
|
Et as Switch,
|
|
6528
6528
|
Tr as SwitchIcon,
|
|
6529
6529
|
Hi as Table,
|
|
@@ -6546,9 +6546,9 @@ export {
|
|
|
6546
6546
|
Lr as XUserIcon,
|
|
6547
6547
|
rn as getContainerColor,
|
|
6548
6548
|
jn as getContainerData,
|
|
6549
|
-
|
|
6549
|
+
ea as getIcons,
|
|
6550
6550
|
Nt as getModalWindowCord,
|
|
6551
|
-
|
|
6551
|
+
xe as getTextColor,
|
|
6552
6552
|
Xr as hexToRgb,
|
|
6553
6553
|
qs as map,
|
|
6554
6554
|
Qr as useColors,
|