master-components-react 3.5.21 → 3.5.22

package/dist/master-components-react.es.js

@@ -414,7 +414,7 @@ function nB() {
     function mt(j, be) {
       typeof j.ref == "string" && dt.current;
     }
-    function Fi(j, be) {
+    function Mi(j, be) {
       {
         var Be = function() {
           Je || (Je = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", be));
@@ -425,7 +425,7 @@ function nB() {
         });
       }
     }
-    function Mi(j, be) {
+    function Ri(j, be) {
       {
         var Be = function() {
           di || (di = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", be));
@@ -478,7 +478,7 @@ function nB() {
         }
         if (ct || ni) {
           var vi = typeof j == "function" ? j.displayName || j.name || "Unknown" : j;
-          ct && Fi(St, vi), ni && Mi(St, vi);
+          ct && Mi(St, vi), ni && Ri(St, vi);
         }
         return ci(j, ct, ni, wt, it, dt.current, St);
       }
@@ -942,16 +942,16 @@ const rB = ({ loadingColor: e }) => /* @__PURE__ */ T.jsxs(
     return te && (We.borderTopRightRadius = 0, We.borderBottomRightRadius = 0, We.borderRight = 0), U && (J === "right" ? We.flexDirection = "row-reverse" : U && (We.paddingLeft = 0)), { ...We, ...N ?? {} };
   }, mt = (We) => {
     !We.composedPath().includes(pe.current) && We.composedPath().includes(X.current) || Ee(!1);
-  }, Fi = (We) => {
+  }, Mi = (We) => {
     Te(We.id), Ee(!1), $ && typeof $ == "function" && $(We);
-  }, Mi = () => {
+  }, Ri = () => {
     const We = _e.current, ft = pe.current;
     if (!ft || !We) return;
     const yi = We.getBoundingClientRect(), Vi = window.innerHeight, He = 80;
     W && (ft.style.position = "fixed", ft.style.width = He + "px", J === "right" ? ft.style.left = `${yi.right - He / 2}px` : ft.style.left = `${yi.left + He / 2}px`, yi.bottom + ft.offsetHeight > Vi ? (ft.style.top = `${window.scrollY + yi.top - ft.offsetHeight}px`, ft.style.bottom = "unset") : (ft.style.top = `${window.scrollY + yi.bottom}px`, ft.style.bottom = "unset"));
   };
   tt(() => {
-    Mi();
+    Ri();
   }, [pe, le]), tt(() => {
     e && e.length === 0 && calculateWidth();
   }, [e]), tt(() => (document.addEventListener("click", mt), () => {
@@ -993,9 +993,9 @@ const rB = ({ loadingColor: e }) => /* @__PURE__ */ T.jsxs(
                 children: qt(H)
               }
             ),
-            !z && U && /* @__PURE__ */ T.jsxs("div", { className: _i.inputDropDown, style: I ?? {}, onClick: () => (Ee(!0), Mi()), ref: X, children: [
+            !z && U && /* @__PURE__ */ T.jsxs("div", { className: _i.inputDropDown, style: I ?? {}, onClick: () => (Ee(!0), Ri()), ref: X, children: [
               q.find((We) => We.id === Re).label,
-              le && /* @__PURE__ */ T.jsx("ul", { ref: pe, style: S ?? {}, children: q && q.length && q.map((We, ft) => /* @__PURE__ */ T.jsx("li", { style: R ?? {}, onClick: () => Fi(We), children: (We == null ? void 0 : We.label) ?? "-" }, We.id)) }),
+              le && /* @__PURE__ */ T.jsx("ul", { ref: pe, style: S ?? {}, children: q && q.length && q.map((We, ft) => /* @__PURE__ */ T.jsx("li", { style: R ?? {}, onClick: () => Mi(We), children: (We == null ? void 0 : We.label) ?? "-" }, We.id)) }),
               /* @__PURE__ */ T.jsx(ku, {})
             ] }),
             z && /* @__PURE__ */ T.jsx("div", { className: `${_i.inputDropDown} ${_i.http}`, style: P ?? {}, onClick: () => Ee(!0), ref: X, children: "http://" }),
@@ -1049,7 +1049,7 @@ const rB = ({ loadingColor: e }) => /* @__PURE__ */ T.jsxs(
     ] }),
     d && (d == null ? void 0 : d.visible) && /* @__PURE__ */ T.jsx("div", { style: de ?? {}, className: `${_i.inputHelperText} ${d != null && d.error ? _i.error : ""}`, children: /* @__PURE__ */ T.jsx("p", { style: (d == null ? void 0 : d.style) ?? {}, children: d.text }) })
   ] });
-}, eL = "Textarea-module__textareaContainer", tL = "Textarea-module__textAreaLabel", iL = "Textarea-module__required", nL = "Textarea-module__wrap", rL = "Textarea-module__resize", aL = "Textarea-module__textarea", oL = "Textarea-module__focused", sL = "Textarea-module__disabled", lL = "Textarea-module__error", uL = "Textarea-module__popupEmojiContainer", dL = "Textarea-module__popupEmojiIcon", cL = "Textarea-module__popupEmojiList", hL = "Textarea-module__popupEmojiItem", fL = "Textarea-module__helperTextStyle", pL = "Textarea-module__dark", Ri = {
+}, eL = "Textarea-module__textareaContainer", tL = "Textarea-module__textAreaLabel", iL = "Textarea-module__required", nL = "Textarea-module__wrap", rL = "Textarea-module__resize", aL = "Textarea-module__textarea", oL = "Textarea-module__focused", sL = "Textarea-module__disabled", lL = "Textarea-module__error", uL = "Textarea-module__popupEmojiContainer", dL = "Textarea-module__popupEmojiIcon", cL = "Textarea-module__popupEmojiList", hL = "Textarea-module__popupEmojiItem", fL = "Textarea-module__helperTextStyle", pL = "Textarea-module__dark", ki = {
   textareaContainer: eL,
   textAreaLabel: tL,
   required: iL,
@@ -1190,19 +1190,19 @@ const rB = ({ loadingColor: e }) => /* @__PURE__ */ T.jsxs(
     "div",
     {
       style: p ?? {},
-      className: `${D === "dark" ? Ri.dark : ""} ${Ri.textareaContainer} ${i != null && i.type && (i != null && i.visible) ? Ri[i == null ? void 0 : i.type] : ""} ${h ? Ri.disabled : null}`,
+      className: `${D === "dark" ? ki.dark : ""} ${ki.textareaContainer} ${i != null && i.type && (i != null && i.visible) ? ki[i == null ? void 0 : i.type] : ""} ${h ? ki.disabled : null}`,
       children: [
-        t && /* @__PURE__ */ T.jsxs("div", { style: m, className: Ri.textAreaLabel, children: [
+        t && /* @__PURE__ */ T.jsxs("div", { style: m, className: ki.textAreaLabel, children: [
           /* @__PURE__ */ T.jsx("p", { children: t }),
-          /* @__PURE__ */ T.jsx("span", { style: g ?? {}, className: Ri.required, children: f && "*" }),
+          /* @__PURE__ */ T.jsx("span", { style: g ?? {}, className: ki.required, children: f && "*" }),
           B && x(B)
         ] }),
-        /* @__PURE__ */ T.jsxs("div", { className: `${Ri.wrap} ${l ? Ri.resize : ""}`, ref: q, children: [
+        /* @__PURE__ */ T.jsxs("div", { className: `${ki.wrap} ${l ? ki.resize : ""}`, ref: q, children: [
           /* @__PURE__ */ T.jsx(
             "textarea",
             {
               style: I(),
-              className: `${Ri.textarea} ${K ? Ri.focused : ""} ${h ? Ri.disabled : ""} ${i != null && i.error ? Ri.error : ""}`,
+              className: `${ki.textarea} ${K ? ki.focused : ""} ${h ? ki.disabled : ""} ${i != null && i.error ? ki.error : ""}`,
               value: a,
               placeholder: e ?? "",
               cols: n ?? "30",
@@ -1219,31 +1219,31 @@ const rB = ({ loadingColor: e }) => /* @__PURE__ */ T.jsxs(
               }
             }
           ),
-          o && /* @__PURE__ */ T.jsxs("div", { ref: J, className: Ri.popupEmojiContainer, children: [
+          o && /* @__PURE__ */ T.jsxs("div", { ref: J, className: ki.popupEmojiContainer, children: [
             /* @__PURE__ */ T.jsx(
               "div",
               {
-                className: Ri.popupEmojiIcon,
+                className: ki.popupEmojiIcon,
                 onClick: (S) => {
                   S.preventDefault(), H(!0), U((R) => !R);
                 },
                 children: /* @__PURE__ */ T.jsx(vL, {})
               }
             ),
-            W && /* @__PURE__ */ T.jsx("div", { ref: $, className: Ri.popupEmojiList, children: _L.map((S, R) => /* @__PURE__ */ T.jsx(
+            W && /* @__PURE__ */ T.jsx("div", { ref: $, className: ki.popupEmojiList, children: _L.map((S, R) => /* @__PURE__ */ T.jsx(
               "div",
               {
                 onClick: (P) => {
                   P.preventDefault(), ee(S);
                 },
-                className: Ri.popupEmojiItem,
+                className: ki.popupEmojiItem,
                 children: S
               },
               R
             )) })
           ] })
         ] }),
-        i && (i == null ? void 0 : i.text) && (i == null ? void 0 : i.text.length) > 0 && /* @__PURE__ */ T.jsx("div", { style: A ?? {}, className: `${Ri.helperTextStyle} ${i != null && i.error ? Ri.error : ""}`, children: /* @__PURE__ */ T.jsx("p", { style: (i == null ? void 0 : i.style) ?? {}, children: i.text }) })
+        i && (i == null ? void 0 : i.text) && (i == null ? void 0 : i.text.length) > 0 && /* @__PURE__ */ T.jsx("div", { style: A ?? {}, className: `${ki.helperTextStyle} ${i != null && i.error ? ki.error : ""}`, children: /* @__PURE__ */ T.jsx("p", { style: (i == null ? void 0 : i.style) ?? {}, children: i.text }) })
       ]
     }
   );
@@ -1441,14 +1441,14 @@ const rB = ({ loadingColor: e }) => /* @__PURE__ */ T.jsxs(
   treeProps: F,
   theme: L = "light"
 }) => {
-  const [X, pe] = ze(!1), [_e, le] = ze(!1), [Ee, Re] = ze([]), [Te, Ve] = ze(""), [dt, et] = ze(""), Je = je([]), di = je(null), qt = je(null), Wt = je({}), mt = je([]), Fi = (ye, se) => {
+  const [X, pe] = ze(!1), [_e, le] = ze(!1), [Ee, Re] = ze([]), [Te, Ve] = ze(""), [dt, et] = ze(""), Je = je([]), di = je(null), qt = je(null), Wt = je({}), mt = je([]), Mi = (ye, se) => {
     const j = /* @__PURE__ */ new Set();
     return ye.filter((be) => j.has(be[se]) ? !1 : (j.add(be[se]), !0));
-  }, Mi = (ye) => {
+  }, Ri = (ye) => {
     var se;
     Wt.current = ye, Ve((se = Wt.current) == null ? void 0 : se.label), W && typeof W == "function" && W(Wt.current), le(!1);
   }, ci = (ye) => {
-    Je.current = [...Je.current, ...H.filter((se) => se.selected == !0), ...H.filter((se) => se.id === ye.id)], ye.selected = !ye.selected, Je.current = Fi(Je.current, "id").filter((se) => se.selected), W && typeof W == "function" && W(Je.current), D || Ve(Je.current.map((se) => se.label).join(", ")), pe((se) => !se);
+    Je.current = [...Je.current, ...H.filter((se) => se.selected == !0), ...H.filter((se) => se.id === ye.id)], ye.selected = !ye.selected, Je.current = Mi(Je.current, "id").filter((se) => se.selected), W && typeof W == "function" && W(Je.current), D || Ve(Je.current.map((se) => se.label).join(", ")), pe((se) => !se);
   }, We = (ye) => {
     ye.stopPropagation(), z || h ? c && (et(""), mt.current = H, pe((se) => !se)) : (Je.current = [], U = null, H && H.length > 0 && H.forEach((se) => se.selected = !1), ft(""), Wt.current = {}, W({}), Ve("")), Y && typeof Y == "function" && Y("");
   }, ft = (ye) => {
@@ -1463,7 +1463,7 @@ const rB = ({ loadingColor: e }) => /* @__PURE__ */ T.jsxs(
   }, yi = () => {
     if (U || U === 0) {
       let ye = H.filter((se) => Number(se.id) === Number(U));
-      ye && ye[0] && (Wt.current = ye[0], te ? (Y && typeof Y == "function" && Y(Wt.current.label), Ve(Wt.current.label), ee && le((se) => !1)) : Mi(ye[0]));
+      ye && ye[0] && (Wt.current = ye[0], te ? (Y && typeof Y == "function" && Y(Wt.current.label), Ve(Wt.current.label), ee && le((se) => !1)) : Ri(ye[0]));
     }
   }, [Vi, He] = ze(!1), pt = (ye) => {
     let se = di.current.querySelector("ul"), be = Math.abs(se.scrollTop + se.clientHeight - se.scrollHeight) <= 2;
@@ -1475,7 +1475,7 @@ const rB = ({ loadingColor: e }) => /* @__PURE__ */ T.jsxs(
   }, gt = () => {
     H.forEach((ye) => {
       ye != null && ye.id && (ye == null ? void 0 : ye.id) !== null && (ye != null && ye.label) && (ye == null ? void 0 : ye.label) !== "" && (ye == null ? void 0 : ye.label) !== "-" && !ye.disabled && (ye.selected = !0);
-    }), Je.current = H, Je.current = Fi(Je.current, "id").filter((ye) => ye.selected), Ve(Je.current.map((ye) => ye.label).join(", ")), u && typeof u == "function" && u(), W(Je.current, !0), pe((ye) => !ye);
+    }), Je.current = H, Je.current = Mi(Je.current, "id").filter((ye) => ye.selected), Ve(Je.current.map((ye) => ye.label).join(", ")), u && typeof u == "function" && u(), W(Je.current, !0), pe((ye) => !ye);
   }, zt = je(!0);
   tt(() => {
     if (zt.current) {
@@ -1625,7 +1625,7 @@ const rB = ({ loadingColor: e }) => /* @__PURE__ */ T.jsxs(
                   style: ae ?? {},
                   className: `${!z && c ? ri[Ko((ye == null ? void 0 : ye.label) ?? "-")] : ""} ${!(ye != null && ye.label) || ye.label === void 0 || ye != null && ye.disabled ? ri.disabled : ""} ${(z ? ye.selected : (se = Wt.current) != null && se.id && ((j = Wt.current) == null ? void 0 : j.id) === ye.id) ? ri.selected : ""}`,
                   onClick: () => {
-                    z ? ci(ye) : Mi(ye);
+                    z ? ci(ye) : Ri(ye);
                   },
                   children: [
                     /* @__PURE__ */ T.jsxs("p", { children: [
@@ -3347,7 +3347,7 @@ const HF = ({
   popupProps: H,
   tagsProps: W
 }) => {
-  var X, pe, _e, le, Ee, Re, Te, Ve, dt, et, Je, di, qt, Wt, mt, Fi, Mi, ci, We, ft, yi, Vi;
+  var X, pe, _e, le, Ee, Re, Te, Ve, dt, et, Je, di, qt, Wt, mt, Mi, Ri, ci, We, ft, yi, Vi;
   const [U, q] = ze(!1), [J, $] = ze(d ?? null), [Y, x] = ze(!1);
   tt(() => {
     h && q(h);
@@ -3491,14 +3491,14 @@ const HF = ({
                     ey,
                     {
                       buttonStyle: (Je = g == null ? void 0 : g.closeName) != null && Je.style ? { ...(di = g == null ? void 0 : g.closeName) == null ? void 0 : di.style, borderRadius: "0.375rem", backgroundColor: "transparent" } : { borderRadius: "0.375rem", backgroundColor: "transparent" },
-                      label: (qt = g == null ? void 0 : g.closeName) != null && qt.label || ((mt = (Wt = g == null ? void 0 : g.closeName) == null ? void 0 : Wt.label) == null ? void 0 : mt.length) > 0 ? (Fi = g == null ? void 0 : g.closeName) == null ? void 0 : Fi.label : "Close",
+                      label: (qt = g == null ? void 0 : g.closeName) != null && qt.label || ((mt = (Wt = g == null ? void 0 : g.closeName) == null ? void 0 : Wt.label) == null ? void 0 : mt.length) > 0 ? (Mi = g == null ? void 0 : g.closeName) == null ? void 0 : Mi.label : "Close",
                       onClick: () => q(!1)
                     }
                   ),
                   /* @__PURE__ */ T.jsx(
                     ey,
                     {
-                      buttonStyle: (Mi = g == null ? void 0 : g.showResultName) != null && Mi.style ? { ...(ci = g == null ? void 0 : g.showResultName) == null ? void 0 : ci.style, borderRadius: "0.375rem" } : { borderRadius: "0.375rem" },
+                      buttonStyle: (Ri = g == null ? void 0 : g.showResultName) != null && Ri.style ? { ...(ci = g == null ? void 0 : g.showResultName) == null ? void 0 : ci.style, borderRadius: "0.375rem" } : { borderRadius: "0.375rem" },
                       label: (We = g == null ? void 0 : g.showResultName) != null && We.label || ((yi = (ft = g == null ? void 0 : g.showResultName) == null ? void 0 : ft.label) == null ? void 0 : yi.length) > 0 ? (Vi = g == null ? void 0 : g.showResultName) == null ? void 0 : Vi.label : `Show ${J ?? ""} result`,
                       onClick: de
                     }
@@ -10540,7 +10540,7 @@ var cH = function(e, t) {
   _simulatedTransitionEndDelay: 100
 }, Gs = function(e) {
   return e === 0 ? 0 : e / Math.abs(e);
-}, Pi = function(e, t, i) {
+}, Fi = function(e, t, i) {
   var n = !t && t !== 0, r = !i && i !== 0;
   return n && (t = r ? e : Math.min(e, i)), r && (i = n ? e : Math.max(e, t)), Math.min(Math.max(e, t), i);
 }, Wr = function(e, t, i) {
@@ -12339,7 +12339,7 @@ function V2(e, t) {
       return "";
     var n = L2(e), r = 1 / i === 1 / 0, a = i > 0 || r, o = n[a ? 0 : 1];
     P2(o) && (i *= 100), a || (i = -i);
-    var s = M2(o), l = [o.substr(0, s), o.substr(s + 1)], u = _0(l[1]), d = u + v0(l[1]), c = _0(l[0]), h = v0(l[0]) || t.unlimitedIntegerDigits ? void 0 : c, f = Math.floor(i).toString().length, p = Pi(d, 0, k2 - f), m = B2(l[0]).reverse(), g = CA(i, p < 0 ? 0 : p).split("."), y = m0(np(g[0]), c, h), b = m0(g[1], u, d);
+    var s = M2(o), l = [o.substr(0, s), o.substr(s + 1)], u = _0(l[1]), d = u + v0(l[1]), c = _0(l[0]), h = v0(l[0]) || t.unlimitedIntegerDigits ? void 0 : c, f = Math.floor(i).toString().length, p = Fi(d, 0, k2 - f), m = B2(l[0]).reverse(), g = CA(i, p < 0 ? 0 : p).split("."), y = m0(np(g[0]), c, h), b = m0(g[1], u, d);
     y = F2(y, m, t.thousandsSeparator);
     var A = np(g0(np(l[0]), y)), B = d ? g0(l[1], b) : "", D = A + (B.match(/\d/) ? t.decimalSeparator : "") + B;
     return D;
@@ -32225,8 +32225,8 @@ class O8 {
   _fitOffsetIntoAllowedRange(t, i) {
     var n = this._getAllowedOffsets();
     return {
-      top: Pi(t, -n.top, n.bottom),
-      left: Pi(i, -n.left, n.right)
+      top: Fi(t, -n.top, n.bottom),
+      left: Fi(i, -n.left, n.right)
     };
   }
   _getContainerDimensions() {
@@ -32447,14 +32447,14 @@ var ff = "dxResizable", R8 = "dx-resizable", k8 = "dx-resizable-resizing", Kd =
       maxHeight: o
     } = this.option(), s = () => i.width + t.x, l = () => i.height + t.y, u = (p) => t[p] === this._fitIntoArea(p, t[p]), d = () => Wr(s(), n, a) && u("x"), c = () => Wr(l(), r, o) && u("y");
     if (!d()) {
-      var h = this._fitIntoArea("x", Pi(s(), n, a) - i.width);
+      var h = this._fitIntoArea("x", Fi(s(), n, a) - i.width);
       t = {
         x: h,
         y: this._proportionate("y", h)
       };
     }
     if (!c()) {
-      var f = this._fitIntoArea("y", Pi(l(), r, o) - i.height);
+      var f = this._fitIntoArea("y", Fi(l(), r, o) - i.height);
       t = {
         x: this._proportionate("x", f),
         y: f
@@ -32476,8 +32476,8 @@ var ff = "dxResizable", R8 = "dx-resizable", k8 = "dx-resizable-resizing", Kd =
       maxHeight: s
     } = this.option();
     return {
-      x: Pi(n.width + t, r, o) - n.width,
-      y: Pi(n.height + i, a, s) - n.height
+      x: Fi(n.width + t, r, o) - n.width,
+      y: Fi(n.height + i, a, s) - n.height
     };
   },
   _getDeltaByOffset: function(e) {
@@ -32621,10 +32621,10 @@ var ff = "dxResizable", R8 = "dx-resizable", k8 = "dx-resizable-resizing", Kd =
     }), this._toggleResizingClass(!1);
   },
   _renderWidth: function(e) {
-    this.option("width", Pi(e, this.option("minWidth"), this.option("maxWidth")));
+    this.option("width", Fi(e, this.option("minWidth"), this.option("maxWidth")));
   },
   _renderHeight: function(e) {
-    this.option("height", Pi(e, this.option("minHeight"), this.option("maxHeight")));
+    this.option("height", Fi(e, this.option("minHeight"), this.option("maxHeight")));
   },
   _optionChanged: function(e) {
     switch (e.name) {
@@ -33939,7 +33939,7 @@ var b9 = "dx-popover", S9 = "dx-popover-wrapper", w9 = "dx-popover-arrow", E9 =
       left: 0
     }, s = wi.offset(this.$overlayContent()), l = t[r], u = s[n], d = Kt(this.$overlayContent().get(0))[r], c = o[n], h = a.get(0), f = h && !h.preventDefault ? Kt(h)[r] : 0, p = Math.max(u, c), m = Math.min(u + d, c + f), g;
     this.option("arrowPosition") === "start" ? g = p - u : this.option("arrowPosition") === "end" ? g = m - u - l : g = (p + m) / 2 - u - l / 2;
-    var y = this._positionController._getContentBorderWidth(e), b = Pi(g - y + this.option("arrowOffset"), y, d - l - 2 * y);
+    var y = this._positionController._getContentBorderWidth(e), b = Fi(g - y + this.option("arrowOffset"), y, d - l - 2 * y);
     this._$arrow.css(n, b);
   },
   _isPopoverInside: function() {
@@ -36938,12 +36938,12 @@ class Ao extends Sj {
 }
 nt("dxCheckBox", Ao);
 Ao.defaultOptions = Qj;
-var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-container"), Jp = "".concat(qi, "-loadindicator"), qa = "".concat(qi, "-container-opened"), Il = "".concat(qi, "-is-leaf"), Bi = "".concat(Ma, "-item"), e7 = "".concat(Bi, "-with-checkbox"), t7 = "".concat(Bi, "-without-checkbox"), i7 = "".concat(Bi, "-data"), us = "".concat(Ma, "-toggle-item-visibility"), n7 = "".concat(Ma, "-loadindicator"), r7 = "".concat(Ma, "-loadindicator-wrapper"), Qp = "".concat(Ma, "-toggle-item-visibility-opened"), ev = "".concat(Ma, "-select-all-item"), Yb = "dx-state-invisible", Tl = "dx-state-disabled", a7 = "dx-state-selected", tv = "dxTreeView_expand", Xd = "data-item-id", o7 = TO.inherit({
+var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-container"), Jp = "".concat(qi, "-loadindicator"), qa = "".concat(qi, "-container-opened"), Il = "".concat(qi, "-is-leaf"), Li = "".concat(Ma, "-item"), e7 = "".concat(Li, "-with-checkbox"), t7 = "".concat(Li, "-without-checkbox"), i7 = "".concat(Li, "-data"), us = "".concat(Ma, "-toggle-item-visibility"), n7 = "".concat(Ma, "-loadindicator"), r7 = "".concat(Ma, "-loadindicator-wrapper"), Qp = "".concat(Ma, "-toggle-item-visibility-opened"), ev = "".concat(Ma, "-select-all-item"), Yb = "dx-state-invisible", Tl = "dx-state-disabled", a7 = "dx-state-selected", tv = "dxTreeView_expand", Xd = "data-item-id", o7 = TO.inherit({
   _supportedKeys: function(e) {
     var t = (r) => {
       var a = v(this.option("focusedElement"));
       if (a.length) {
-        r.target = a, r.currentTarget = a, this._itemClickHandler(r, a.children("." + Bi));
+        r.target = a, r.currentTarget = a, this._itemClickHandler(r, a.children("." + Li));
         var o = this._getEventNameByOption(this.option("expandEvent")), s = o === Ce(vt, tv);
         s && this._expandEventHandler(r);
       }
@@ -36952,14 +36952,14 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
       var a = v(this.option("focusedElement")), o = this._getCheckBoxInstance(a);
       if (!o.option("disabled")) {
         var s = o.option("value");
-        this._updateItemSelection(!s, a.find("." + Bi).get(0), !0);
+        this._updateItemSelection(!s, a.find("." + Li).get(0), !0);
       }
     }, n = function(r, a) {
       if (this.option("expandAllEnabled")) {
         a.preventDefault();
         var o = v(this.option("focusedElement"));
         if (o.length) {
-          var s = this._getItemData(o.find(".".concat(Bi)));
+          var s = this._getItemData(o.find(".".concat(Li)));
           this._toggleExpandedNestedItems([s], r);
         }
       }
@@ -36988,7 +36988,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
     var n = this.$element().get(0).querySelector("[".concat(Xd, '="').concat(i, '"]'));
     return v(n);
   },
-  _activeStateUnit: "." + Bi,
+  _activeStateUnit: "." + Li,
   _widgetClass: function() {
     return Ma;
   },
@@ -37259,7 +37259,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
   _renderNodeContainer: function(e) {
     var t = v("<ul>").addClass(Rr);
     if (this.setAria("role", "group", t), e && e.length) {
-      var i = this._getItemData(e.children("." + Bi));
+      var i = this._getItemData(e.children("." + Li));
       this._expandedGetter(i) && t.addClass(qa), t.appendTo(e);
     }
     return t;
@@ -37507,7 +37507,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
     e.toggleClass(a7, !!t);
   },
   _toggleNodeDisabledState: function(e, t) {
-    var i = this._getNodeElement(e), n = i.find("." + Bi).eq(0);
+    var i = this._getNodeElement(e), n = i.find("." + Li).eq(0);
     if (this._dataAdapter.toggleNodeDisabledState(e.internalFields.key, t), n.toggleClass(Tl, !!t), this._showCheckboxes()) {
       var r = this._getCheckBoxInstance(i);
       r.option("disabled", !!t);
@@ -37518,7 +37518,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
     t === this.option("disabledExpr") && this._toggleNodeDisabledState(n, i);
   },
   _changeCheckboxValue: function(e) {
-    var t = v(e.element).parent("." + qi), i = t.children("." + Bi), n = this._getItemData(i), r = this._getNodeByElement(i), a = e.value;
+    var t = v(e.element).parent("." + qi), i = t.children("." + Li), n = this._getItemData(i), r = this._getNodeByElement(i), a = e.value;
     r && r.internalFields.selected === a || this._updateItemSelection(a, n, e.event);
   },
   _isSingleSelection: function() {
@@ -37592,7 +37592,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
     }
   },
   _itemEventHandlerImpl: function(e, t, i) {
-    var n = v(e).closest("." + qi).children("." + Bi);
+    var n = v(e).closest("." + qi).children("." + Li);
     return t(k(this._extendActionArgs(n), i));
   },
   _itemContextMenuHandler: function(e) {
@@ -37608,7 +37608,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
     });
   },
   _itemClass: function() {
-    return Bi;
+    return Li;
   },
   _itemDataKey: function() {
     return i7;
@@ -37630,13 +37630,13 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
   _updateSelectionToFirstItem: function(e, t) {
     for (var i = t; i >= 0; ) {
       var n = v(e[i]);
-      this._updateItemSelection(!0, n.find("." + Bi).get(0)), i--;
+      this._updateItemSelection(!0, n.find("." + Li).get(0)), i--;
     }
   },
   _updateSelectionToLastItem: function(e, t) {
     for (var i = e.length, n = t; n < i; ) {
       var r = v(e[n]);
-      this._updateItemSelection(!0, r.find("." + Bi).get(0)), n++;
+      this._updateItemSelection(!0, r.find("." + Li).get(0)), n++;
     }
   },
   _focusInHandler: function(e) {
@@ -37663,7 +37663,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
   },
   _findNonDisabledNodes: function(e) {
     return e.not(function() {
-      return v(this).children("." + Bi).hasClass(Tl);
+      return v(this).children("." + Li).hasClass(Tl);
     });
   },
   _moveFocus: function(e, t) {
@@ -37706,7 +37706,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
       }
   },
   _getNodeItemElement: function(e) {
-    return e.find("." + Bi).get(0);
+    return e.find("." + Li).get(0);
   },
   _nodeElements: function() {
     return this.$element().find("." + qi).not(":hidden");
@@ -37720,7 +37720,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
         this.option("focusedElement", Fe(i)), this.getScrollable().scrollToElement(this._getNodeItemElement(i));
         return;
       }
-      var n = this._getNodeByElement(e.children("." + Bi));
+      var n = this._getNodeByElement(e.children("." + Li));
       this._toggleExpandedState(n, !0);
     }
   },
@@ -37735,7 +37735,7 @@ var Ma = "dx-treeview", qi = "".concat(Ma, "-node"), Rr = "".concat(qi, "-contai
     if (e.length) {
       var t = e.find(".".concat(Rr)).eq(0);
       if (!e.hasClass(Il) && t.hasClass(qa)) {
-        var i = this._getNodeByElement(e.children("." + Bi));
+        var i = this._getNodeByElement(e.children("." + Li));
         this._toggleExpandedState(i, !1);
       } else {
         var n = this._getClosestNonDisabledNode(e);
@@ -39418,8 +39418,8 @@ var F7 = function(e, t, i) {
 function _a(e, t, i) {
   e = oo(e, 0);
   var n = Sh(t, i), r = {
-    start: Pi(e.start, n.start, n.end),
-    end: Pi(e.end, n.start, n.end)
+    start: Fi(e.start, n.start, n.end),
+    end: Fi(e.end, n.start, n.end)
   };
   return r;
 }
@@ -39743,7 +39743,7 @@ var U7 = Math, K7 = "dx-numberbox", j7 = ["tab", "del", "backspace", "leftArrow"
   },
   _parseValue: function(e) {
     var t = parseFloat(e);
-    return isNaN(t) ? null : Pi(t, this.option("min"), this.option("max"));
+    return isNaN(t) ? null : Fi(t, this.option("min"), this.option("max"));
   },
   _clearValue: function() {
     this._inputIsInvalid() && (this._input().val(""), this._validateValue()), this.callBase();
@@ -40115,7 +40115,7 @@ var U7 = Math, K7 = "dx-numberbox", j7 = ["tab", "del", "backspace", "leftArrow"
         this._parsedValue = t;
         return;
       }
-      this._parsedValue = Pi(t, this.option("min"), this.option("max"));
+      this._parsedValue = Fi(t, this.option("min"), this.option("max"));
     }
   },
   _valueChangeEventHandler: function(e) {
@@ -42021,12 +42021,12 @@ var Tq = ".dx-state-disabled", Aq = "dx-selectbox", Dq = "dx-selectbox-popup", O
 });
 nt("dxSelectBox", OC);
 var CS = (e) => e.getMonth() + 1, yS = (e, t) => {
-  var i = e.getDate(), n = Tu("M", e), r = Pi(parseInt(t), n.min, n.max);
+  var i = e.getDate(), n = Tu("M", e), r = Fi(parseInt(t), n.min, n.max);
   e.setMonth(r - 1, 1);
   var {
     min: a,
     max: o
-  } = Tu("dM", e), s = Pi(i, a, o);
+  } = Tu("dM", e), s = Fi(i, a, o);
   e.setDate(s);
 }, Rq = {
   a: (e) => e.getHours() < 12 ? 0 : 1,
@@ -42852,7 +42852,7 @@ var $q = "dx-calendar-navigator", Hq = "dx-calendar-navigator-previous-month", W
   year: 2,
   decade: 1,
   century: 0
-}, ki = {
+}, Bi = {
   MONTH: "month",
   YEAR: "year",
   DECADE: "decade",
@@ -42873,9 +42873,9 @@ var CR = Zn.inherit({
       min: new Date(1e3, 0),
       max: new Date(3e3, 0),
       firstDayOfWeek: void 0,
-      zoomLevel: ki.MONTH,
-      maxZoomLevel: ki.MONTH,
-      minZoomLevel: ki.CENTURY,
+      zoomLevel: Bi.MONTH,
+      maxZoomLevel: Bi.MONTH,
+      minZoomLevel: Bi.CENTURY,
       showTodayButton: !1,
       cellTemplate: "cell",
       disabledDates: null,
@@ -42984,16 +42984,16 @@ var CR = Zn.inherit({
   },
   _shiftDate: function(e, t, i, n) {
     switch (e) {
-      case ki.MONTH:
+      case Bi.MONTH:
         t.setDate(t.getDate() + i * n);
         break;
-      case ki.YEAR:
+      case Bi.YEAR:
         t.setMonth(t.getMonth() + i * n);
         break;
-      case ki.DECADE:
+      case Bi.DECADE:
         t.setFullYear(t.getFullYear() + i * n);
         break;
-      case ki.CENTURY:
+      case Bi.CENTURY:
         t.setFullYear(t.getFullYear() + 10 * i * n);
     }
   },
@@ -43011,25 +43011,25 @@ var CR = Zn.inherit({
   },
   _areDatesInSameView(e, t, i) {
     switch (e) {
-      case ki.MONTH:
+      case Bi.MONTH:
         return t.getMonth() === i.getMonth();
-      case ki.YEAR:
+      case Bi.YEAR:
         return t.getYear() === i.getYear();
-      case ki.DECADE:
+      case Bi.DECADE:
         return parseInt(t.getYear() / 10) === parseInt(i.getYear() / 10);
-      case ki.CENTURY:
+      case Bi.CENTURY:
         return parseInt(t.getYear() / 100) === parseInt(i.getYear() / 100);
     }
   },
   _areDatesInNeighborView(e, t, i) {
     switch (e) {
-      case ki.MONTH:
+      case Bi.MONTH:
         return n = t.getMonth(), r = i.getMonth(), a = Math.abs(n - r), Math.min(a, 12 - a) <= 1;
-      case ki.YEAR:
+      case Bi.YEAR:
         return Math.abs(t.getYear() - i.getYear()) <= 1;
-      case ki.DECADE:
+      case Bi.DECADE:
         return Math.abs(t.getYear() - i.getYear()) <= 10;
-      case ki.CENTURY:
+      case Bi.CENTURY:
         return Math.abs(t.getYear() - i.getYear()) <= 100;
     }
     var n, r, a;
@@ -43104,14 +43104,14 @@ var CR = Zn.inherit({
   },
   _getViewsOffset: function(e, t) {
     var i = this.option("zoomLevel");
-    if (i === ki.MONTH)
+    if (i === Bi.MONTH)
       return this._getMonthsOffset(e, t);
     var n;
     switch (i) {
-      case ki.CENTURY:
+      case Bi.CENTURY:
         n = 100;
         break;
-      case ki.DECADE:
+      case Bi.DECADE:
         n = 10;
         break;
       default:
@@ -45650,7 +45650,7 @@ var GY = qe(), UY = 573, KY = "dx-datebox-adaptivity-mode", FS = "dx-datebox-dat
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
     if (!(!this.option("text") || this._disposed)) {
       e && (this._initialMaskValue = new Date(this._maskValue));
-      var t = Pi(this._activePartIndex + e, 0, this._dateParts.length - 1);
+      var t = Fi(this._activePartIndex + e, 0, this._dateParts.length - 1);
       if (this._dateParts[t].isStub) {
         var i = t === 0 && e < 0 || t === this._dateParts.length - 1 && e > 0;
         if (i)
@@ -45683,7 +45683,7 @@ var GY = qe(), UY = 573, KY = "dx-datebox-adaptivity-mode", FS = "dx-datebox-dat
   _setActivePartValue(e, t) {
     t = t || this._maskValue;
     var i = this._getActivePartProp("setter"), n = this._getActivePartLimits();
-    e = Wr(e, n.min, n.max) ? e : e % 10, e = this._addLeadingZeroes(Pi(e, n.min, n.max)), Ie(i) ? i(t, e) : t[i](e), this._renderDisplayText(this._getDisplayedText(t)), this._renderDateParts();
+    e = Wr(e, n.min, n.max) ? e : e % 10, e = this._addLeadingZeroes(Fi(e, n.min, n.max)), Ie(i) ? i(t, e) : t[i](e), this._renderDisplayText(this._getDisplayedText(t)), this._renderDateParts();
   },
   _getActivePartProp(e) {
     if (!(!this._dateParts || !this._dateParts[this._activePartIndex]))
@@ -64380,9 +64380,9 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         for (X.max_code = dt, pe = L.heap_len >> 1; 1 <= pe; pe--) me(L, Ee, pe);
         for (le = Ve; pe = L.heap[1], L.heap[1] = L.heap[L.heap_len--], me(L, Ee, 1), _e = L.heap[1], L.heap[--L.heap_max] = pe, L.heap[--L.heap_max] = _e, Ee[2 * le] = Ee[2 * pe] + Ee[2 * _e], L.depth[le] = (L.depth[pe] >= L.depth[_e] ? L.depth[pe] : L.depth[_e]) + 1, Ee[2 * pe + 1] = Ee[2 * _e + 1] = le, L.heap[1] = le++, me(L, Ee, 1), 2 <= L.heap_len; ) ;
         L.heap[--L.heap_max] = L.heap[1], function(et, Je) {
-          var di, qt, Wt, mt, Fi, Mi, ci = Je.dyn_tree, We = Je.max_code, ft = Je.stat_desc.static_tree, yi = Je.stat_desc.has_stree, Vi = Je.stat_desc.extra_bits, He = Je.stat_desc.extra_base, pt = Je.stat_desc.max_length, Jt = 0;
+          var di, qt, Wt, mt, Mi, Ri, ci = Je.dyn_tree, We = Je.max_code, ft = Je.stat_desc.static_tree, yi = Je.stat_desc.has_stree, Vi = Je.stat_desc.extra_bits, He = Je.stat_desc.extra_base, pt = Je.stat_desc.max_length, Jt = 0;
           for (mt = 0; mt <= g; mt++) et.bl_count[mt] = 0;
-          for (ci[2 * et.heap[et.heap_max] + 1] = 0, di = et.heap_max + 1; di < m; di++) pt < (mt = ci[2 * ci[2 * (qt = et.heap[di]) + 1] + 1] + 1) && (mt = pt, Jt++), ci[2 * qt + 1] = mt, We < qt || (et.bl_count[mt]++, Fi = 0, He <= qt && (Fi = Vi[qt - He]), Mi = ci[2 * qt], et.opt_len += Mi * (mt + Fi), yi && (et.static_len += Mi * (ft[2 * qt + 1] + Fi)));
+          for (ci[2 * et.heap[et.heap_max] + 1] = 0, di = et.heap_max + 1; di < m; di++) pt < (mt = ci[2 * ci[2 * (qt = et.heap[di]) + 1] + 1] + 1) && (mt = pt, Jt++), ci[2 * qt + 1] = mt, We < qt || (et.bl_count[mt]++, Mi = 0, He <= qt && (Mi = Vi[qt - He]), Ri = ci[2 * qt], et.opt_len += Ri * (mt + Mi), yi && (et.static_len += Ri * (ft[2 * qt + 1] + Mi)));
           if (Jt !== 0) {
             do {
               for (mt = pt - 1; et.bl_count[mt] === 0; ) mt--;
@@ -64946,7 +64946,7 @@ var $E = 1632, HE = {
         return Lm._convertNumberFormat(e, t, n);
     }
   }
-}, Li = {
+}, Pi = {
   toXml: function(e, t, i) {
     var n = ["<", e];
     for (var r in t) {
@@ -64975,7 +64975,7 @@ var $E = 1632, HE = {
     return !w(e) || !w(e.vertical) && !w(e.wrapText) && !w(e.horizontal);
   },
   toXml: function(e) {
-    return Li.toXml("alignment", {
+    return Pi.toXml("alignment", {
       vertical: e.vertical,
       wrapText: w(e.wrapText) ? Number(e.wrapText) : void 0,
       horizontal: e.horizontal
@@ -65013,7 +65013,7 @@ var $E = 1632, HE = {
     return zi.isEmpty(e) && zi.isEmpty(t) || w(e) && w(t) && e.rgb === t.rgb && e.theme === t.theme;
   },
   toXml: function(e, t) {
-    return Li.toXml(e, {
+    return Pi.toXml(e, {
       rgb: t.rgb,
       theme: t.theme
     });
@@ -65039,7 +65039,7 @@ var $E = 1632, HE = {
   },
   toXml: function(e) {
     var t = [w(e.foregroundColor) ? zi.toXml("fgColor", e.foregroundColor) : "", w(e.backgroundColor) ? zi.toXml("bgColor", e.backgroundColor) : ""].join("");
-    return Li.toXml("patternFill", {
+    return Pi.toXml("patternFill", {
       patternType: e.patternType
     }, t);
   }
@@ -65092,7 +65092,7 @@ var $E = 1632, HE = {
     return !w(e) || ma.isEmpty(e.patternFill);
   },
   toXml: function(e) {
-    return Li.toXml("fill", {}, ma.toXml(e.patternFill));
+    return Pi.toXml("fill", {}, ma.toXml(e.patternFill));
   }
 }, mo = {
   tryCreateTag: function(e) {
@@ -65119,18 +65119,18 @@ var $E = 1632, HE = {
     return !w(e) || !w(e.size) && !w(e.name) && !w(e.family) && !w(e.scheme) && (!w(e.bold) || !e.bold) && (!w(e.italic) || !e.italic) && !w(e.underline) && zi.isEmpty(e.color);
   },
   toXml: function(e) {
-    var t = [w(e.bold) && e.bold ? Li.toXml("b", {}) : "", w(e.size) ? Li.toXml("sz", {
+    var t = [w(e.bold) && e.bold ? Pi.toXml("b", {}) : "", w(e.size) ? Pi.toXml("sz", {
       val: e.size
-    }) : "", w(e.color) ? zi.toXml("color", e.color) : "", w(e.name) ? Li.toXml("name", {
+    }) : "", w(e.color) ? zi.toXml("color", e.color) : "", w(e.name) ? Pi.toXml("name", {
       val: e.name
-    }) : "", w(e.family) ? Li.toXml("family", {
+    }) : "", w(e.family) ? Pi.toXml("family", {
       val: e.family
-    }) : "", w(e.scheme) ? Li.toXml("scheme", {
+    }) : "", w(e.scheme) ? Pi.toXml("scheme", {
       val: e.scheme
-    }) : "", w(e.italic) && e.italic ? Li.toXml("i", {}) : "", w(e.underline) ? Li.toXml("u", {
+    }) : "", w(e.italic) && e.italic ? Pi.toXml("i", {}) : "", w(e.underline) ? Pi.toXml("u", {
       val: e.underline
     }) : ""].join("");
-    return Li.toXml("font", {}, t);
+    return Pi.toXml("font", {}, t);
   }
 }, so = {
   tryCreateTag: function(e, t) {
@@ -65160,7 +65160,7 @@ var $E = 1632, HE = {
   },
   toXml: function(e) {
     var t = Pr.isEmpty(e.alignment), i;
-    return w(e.numberFormatId) && (i = e.numberFormatId > 0 ? 1 : 0), Li.toXml("xf", {
+    return w(e.numberFormatId) && (i = e.numberFormatId > 0 ? 1 : 0), Pi.toXml("xf", {
       xfId: 0,
       applyAlignment: t ? null : 1,
       fontId: e.fontId,
@@ -65184,7 +65184,7 @@ var $E = 1632, HE = {
     return !w(e) || !w(e.formatCode) || e.formatCode === "";
   },
   toXml: function(e) {
-    return Li.toXml("numFmt", {
+    return Pi.toXml("numFmt", {
       numFmtId: e[lr.ID_PROPERTY_NAME],
       formatCode: e.formatCode
     });
@@ -65219,7 +65219,7 @@ class WE {
   }
   generateCellFormatsXml() {
     var t = this._cellFormatTags.map((i) => so.toXml(i));
-    return Li.toXml("cellXfs", {
+    return Pi.toXml("cellXfs", {
       count: t.length
     }, t.join(""));
   }
@@ -65241,7 +65241,7 @@ class WE {
   }
   generateFillsXml() {
     var t = this._fillTags.map((i) => qn.toXml(i));
-    return Li.toXml("fills", {
+    return Pi.toXml("fills", {
       count: t.length
     }, t.join(""));
   }
@@ -65259,7 +65259,7 @@ class WE {
   }
   generateFontsXml() {
     var t = this._fontTags.map((i) => mo.toXml(i));
-    return Li.toXml("fonts", {
+    return Pi.toXml("fonts", {
       count: t.length
     }, t.join(""));
   }
@@ -65281,7 +65281,7 @@ class WE {
   generateNumberFormatsXml() {
     if (this._numberFormatTags.length > 0) {
       var t = this._numberFormatTags.map((i) => lr.toXml(i));
-      return Li.toXml("numFmts", {
+      return Pi.toXml("numFmts", {
         count: t.length
       }, t.join(""));
     } else
@@ -72374,20 +72374,18 @@ const yle = "ColumnConfigure-module__configureWrapper", xle = "ColumnConfigure-m
       event: (se, j) => Yo(se, j)
     }
   ]), qt = je(null), Wt = (se) => {
-    Je && Je.length && Fi();
+    Je && Je.length && Mi();
   }, mt = () => {
-    Je && Je.length && Fi();
-  }, Fi = () => {
+    Je && Je.length && Mi();
+  }, Mi = () => {
     document.querySelectorAll(".datagrid_action_data_controller > ul").forEach((j) => {
       j.style.display = "none", j.style.pointerEvents = "none";
     });
-  }, Mi = je(0);
-  console.log(1111111111111, Mi.current);
-  const ci = new Us({
+  }, Ri = je(0), ci = new Us({
     key: h ?? "id",
     load: async (se) => {
       let j = await f(se);
-      return Mi.current = j, j;
+      return Ri.current = j, j;
     },
     update: p,
     insert: m,
@@ -72507,7 +72505,7 @@ const yle = "ColumnConfigure-module__configureWrapper", xle = "ColumnConfigure-m
               }
             ) }) })
           ] }),
-          ue && /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+          Ri.current && Ri.current > 20 && /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
             /* @__PURE__ */ T.jsx("div", { className: "custom-pagination-controls", style: { position: "absolute", bottom: "18px", right: "24px", zIndex: "100" }, children: /* @__PURE__ */ T.jsxs(
               "button",
               {