@comercti/web-components-hmg 0.0.38 → 0.0.41

package/comerc-style-guide.es.js

@@ -612,8 +612,8 @@ const xe = /* @__PURE__ */ R({
       return V.charAt(0).toUpperCase() + V.slice(1);
     }), l = S(() => {
       const L = c.value.getFullYear(), V = c.value.getMonth(), F = new Date(L, V, 1).getDay(), I = new Date(L, V, 1 - (F + 6) % 7), O = [];
-      for (let z = 0; z < 42; z++) {
-        const G = new Date(I.getFullYear(), I.getMonth(), I.getDate() + z);
+      for (let E = 0; E < 42; E++) {
+        const G = new Date(I.getFullYear(), I.getMonth(), I.getDate() + E);
         O.push({
           date: G,
           currentMonth: G.getMonth() === V
@@ -976,7 +976,7 @@ const xe = /* @__PURE__ */ R({
         const q = Be(f.value, N);
         f.value = q, p.value = Be(q, -1);
       }
-    }, O = () => I("left", -1), z = () => I("left", 1), G = () => I("right", -1), J = () => I("right", 1), x = (b) => {
+    }, O = () => I("left", -1), E = () => I("left", 1), G = () => I("right", -1), J = () => I("right", 1), x = (b) => {
       p.value = new Date(b.getFullYear(), b.getMonth(), 1), f.value = new Date(
         p.value.getFullYear(),
         p.value.getMonth() + 1,
@@ -992,7 +992,7 @@ const xe = /* @__PURE__ */ R({
       u.value = new Date(b.getFullYear(), b.getMonth(), 1);
     }, D = (b) => {
       l.value = b.start, m.value = b.end, n("update:start", b.start), n("update:end", b.end), L();
-    }, E = (b) => {
+    }, z = (b) => {
       l.value && !m.value && (w.value = b);
     };
     return g.value ? (l.value = o.start ? typeof o.start == "string" ? le(o.start) : new Date(o.start) : null, m.value = o.end ? typeof o.end == "string" ? le(o.end) : new Date(o.end) : null) : u.value = o.modelValue ? typeof o.modelValue == "string" ? le(o.modelValue) : new Date(o.modelValue) : null, se(() => {
@@ -1072,9 +1072,9 @@ const xe = /* @__PURE__ */ R({
                     hoveredDate: w.value,
                     onSelectDate: F,
                     onPrevMonth: O,
-                    onNextMonth: z,
+                    onNextMonth: E,
                     onUpdateMonth: x,
-                    onHoverDate: E
+                    onHoverDate: z
                   }, null, 8, ["displayDate", "rangeStart", "rangeEnd", "hoveredDate"]),
                   N[2] || (N[2] = a("div", { class: "h-full w-0.5 border-l border-gray-200" }, null, -1)),
                   H(fe, {
@@ -1087,7 +1087,7 @@ const xe = /* @__PURE__ */ R({
                     onPrevMonth: G,
                     onNextMonth: J,
                     onUpdateMonth: A,
-                    onHoverDate: E
+                    onHoverDate: z
                   }, null, 8, ["displayDate", "rangeStart", "rangeEnd", "hoveredDate"])
                 ], 64)) : (i(), _(fe, {
                   key: 1,
@@ -1117,9 +1117,9 @@ const xe = /* @__PURE__ */ R({
                     hoveredDate: w.value,
                     onSelectDate: F,
                     onPrevMonth: O,
-                    onNextMonth: z,
+                    onNextMonth: E,
                     onUpdateMonth: x,
-                    onHoverDate: E
+                    onHoverDate: z
                   }, null, 8, ["displayDate", "rangeStart", "rangeEnd", "hoveredDate"]),
                   N[3] || (N[3] = a("div", { class: "h-full w-0.5 border-l border-gray-200" }, null, -1)),
                   H(fe, {
@@ -1132,7 +1132,7 @@ const xe = /* @__PURE__ */ R({
                     onPrevMonth: G,
                     onNextMonth: J,
                     onUpdateMonth: A,
-                    onHoverDate: E
+                    onHoverDate: z
                   }, null, 8, ["displayDate", "rangeStart", "rangeEnd", "hoveredDate"])
                 ], 64)) : (i(), _(fe, {
                   key: 1,
@@ -1346,30 +1346,30 @@ const xe = /* @__PURE__ */ R({
   }
   function L(D) {
     return D.flatMap(
-      (E) => E.subMenu ? [E.text, ...E.subMenu.map((b) => b.text)] : [E.text]
+      (z) => z.subMenu ? [z.text, ...z.subMenu.map((b) => b.text)] : [z.text]
     );
   }
-  function V(D, E) {
+  function V(D, z) {
     let b = [];
-    b = D.filter((N) => N.text.toLowerCase() === E.toLowerCase());
+    b = D.filter((N) => N.text.toLowerCase() === z.toLowerCase());
     for (const N of D) {
       let q = [];
-      N.subMenu && N.subMenu.length > 0 && (q = N.subMenu.filter((ee) => ee.text.toLowerCase() === E.toLowerCase())), q.length > 0 && (b = [N]);
+      N.subMenu && N.subMenu.length > 0 && (q = N.subMenu.filter((ee) => ee.text.toLowerCase() === z.toLowerCase())), q.length > 0 && (b = [N]);
     }
     b.length > 0 && P(b);
   }
   function P(D) {
     if (s.value.length == 1) {
-      const E = D.findIndex((b) => b.text === s.value[0].text);
-      t.value = E;
+      const z = D.findIndex((b) => b.text === s.value[0].text);
+      t.value = z;
     }
-    s.value = D.sort((E, b) => {
-      const N = Array.isArray(E.subMenu) && E.subMenu.length > 0 ? 1 : 0, q = Array.isArray(b.subMenu) && b.subMenu.length > 0 ? 1 : 0;
+    s.value = D.sort((z, b) => {
+      const N = Array.isArray(z.subMenu) && z.subMenu.length > 0 ? 1 : 0, q = Array.isArray(b.subMenu) && b.subMenu.length > 0 ? 1 : 0;
       return N - q;
     });
   }
   function F(D) {
-    l.value.includes(D) ? l.value = l.value.filter((E) => E !== D) : l.value.push(D), t.value = D;
+    l.value.includes(D) ? l.value = l.value.filter((z) => z !== D) : l.value.push(D), t.value = D;
   }
   function I(D) {
     c.value = D;
@@ -1377,16 +1377,16 @@ const xe = /* @__PURE__ */ R({
   function O() {
     t.value = 0;
   }
-  function z(D) {
+  function E(D) {
     t.value = D;
   }
   function G() {
     l.value = [];
   }
-  function J(D, E, b) {
-    Object.keys(o.value).length > 0 && (o.value = {}), b && (o.value[D] = E);
+  function J(D, z, b) {
+    Object.keys(o.value).length > 0 && (o.value = {}), b && (o.value[D] = z);
   }
-  const x = (D, E) => {
+  const x = (D, z) => {
     const b = [
       {
         text: "Meus serviços",
@@ -1403,15 +1403,15 @@ const xe = /* @__PURE__ */ R({
           // Garantindo string
         )
       }
-    ], ee = [...E, ...b, ...N].sort((ne, me) => {
+    ], ee = [...z, ...b, ...N].sort((ne, me) => {
       var De, ot;
       return +!!((De = ne.subMenu) != null && De.length) - +!!((ot = me.subMenu) != null && ot.length);
     });
     s.value = ee, c.value = [...ee];
   };
   function A(D) {
-    let E = { text: D.text, path: D.path };
-    return "options" in D && (E = { ...E, options: D.options }), E;
+    let z = { text: D.text, path: D.path };
+    return "options" in D && (z = { ...z, options: D.options }), z;
   }
   function M(D) {
     return /^(https?|ftp):\/\/([\w-]+(\.[\w-]+)+)(:\d+)?(\/[^\s]*)?$/i.test(D);
@@ -1430,7 +1430,7 @@ const xe = /* @__PURE__ */ R({
     atualizaOpcoesMenu: x,
     alterarMenu: f,
     limparArrayIndicesDropdown: G,
-    setarIndiceMenu: z,
+    setarIndiceMenu: E,
     setarIndiceDropdowns: J,
     setarBackupMenu: I,
     obterTextosMenu: L,
@@ -1523,29 +1523,29 @@ const xe = /* @__PURE__ */ R({
     ]));
   }
 }), fr = (e) => {
-  const t = B([]), o = B(null), n = B(!1), s = B(!1), c = B(!1), u = B([]), l = (z) => {
+  const t = B([]), o = B(null), n = B(!1), s = B(!1), c = B(!1), u = B([]), l = (E) => {
     if (t.value = t.value.filter((G) => !u.value.includes(G)), u.value = [], X("ce-file-upload")) {
-      z("updateFiles", t.value);
+      E("updateFiles", t.value);
       return;
     }
-    z("update:modelValue", t.value);
+    E("update:modelValue", t.value);
   };
-  function m(z) {
+  function m(E) {
     if (t.value = [], X("ce-file-upload")) {
-      z("updateFiles", t.value);
+      E("updateFiles", t.value);
       return;
     }
-    z("update:modelValue", t.value);
+    E("update:modelValue", t.value);
   }
-  const w = (z, G) => {
-    if (t.value.splice(z, 1), P(), X("ce-file-upload")) {
+  const w = (E, G) => {
+    if (t.value.splice(E, 1), P(), X("ce-file-upload")) {
       G("updateFiles", t.value);
       return;
     }
     G("update:modelValue", t.value);
-  }, p = (z) => e.accept.includes(z.type), f = (z) => {
+  }, p = (E) => e.accept.includes(E.type), f = (E) => {
     var x;
-    const G = (x = z.split(".").pop()) == null ? void 0 : x.toLowerCase();
+    const G = (x = E.split(".").pop()) == null ? void 0 : x.toLowerCase();
     return {
       pdf: "bg-red-500",
       doc: "bg-blue-500",
@@ -1568,31 +1568,31 @@ const xe = /* @__PURE__ */ R({
   function v() {
     return e.maxFile > 0 && t.value.length >= e.maxFile ? (n.value = !0, o.value = `Limite máximo de ${e.maxFile} arquivos atingido.`, !0) : (n.value = !1, o.value = null, !1);
   }
-  function g(z) {
-    const G = z.size / 1024;
-    return e.maxFileSize > 0 && G > e.maxFileSize ? (n.value = !0, o.value = `O arquivo ${z.name} excede o tamanho máximo de ${e.maxFileSize} KB.`, !0) : (n.value = !1, o.value = null, !1);
+  function g(E) {
+    const G = E.size / 1024;
+    return e.maxFileSize > 0 && G > e.maxFileSize ? (n.value = !0, o.value = `O arquivo ${E.name} excede o tamanho máximo de ${e.maxFileSize} KB.`, !0) : (n.value = !1, o.value = null, !1);
   }
-  function k(z) {
+  function k(E) {
     o.value = null, c.value = !0;
-    const G = { file: z, progress: 0, status: "uploading" };
+    const G = { file: E, progress: 0, status: "uploading" };
     t.value.push(G);
   }
-  const C = async (z, G) => {
-    if (!g(z) && !v()) {
-      k(z);
+  const C = async (E, G) => {
+    if (!g(E) && !v()) {
+      k(E);
       try {
         for (let x = 1; x <= 10; x++) {
           await new Promise((M) => setTimeout(M, 300));
-          const A = t.value.findIndex((M) => M.file === z);
+          const A = t.value.findIndex((M) => M.file === E);
           A !== -1 && (t.value[A] = { ...t.value[A], progress: x * 10 });
         }
-        const J = t.value.findIndex((x) => x.file === z);
+        const J = t.value.findIndex((x) => x.file === E);
         J !== -1 && (t.value[J] = {
           ...t.value[J],
           status: Math.random() > 0.2 ? "success" : "error"
         });
       } catch {
-        const J = t.value.findIndex((x) => x.file === z);
+        const J = t.value.findIndex((x) => x.file === E);
         J !== -1 && (t.value[J] = { ...t.value[J], status: "error" });
       } finally {
         if (c.value = !1, X("ce-file-upload")) {
@@ -1603,11 +1603,11 @@ const xe = /* @__PURE__ */ R({
       }
     }
   }, L = S(
-    () => e.accept.map((z) => z.split("/")[1].toUpperCase()).join(", ")
-  ), V = (z, G) => {
+    () => e.accept.map((E) => E.split("/")[1].toUpperCase()).join(", ")
+  ), V = (E, G) => {
     var J;
-    if (z.preventDefault(), P(), (J = z.dataTransfer) != null && J.files) {
-      const x = Array.from(z.dataTransfer.files);
+    if (E.preventDefault(), P(), (J = E.dataTransfer) != null && J.files) {
+      const x = Array.from(E.dataTransfer.files);
       if (x.some((M) => !p(M))) {
         o.value = "Arquivo inválido! Formatos permitidos: " + L.value;
         return;
@@ -1619,8 +1619,8 @@ const xe = /* @__PURE__ */ R({
   }, P = () => {
     n.value = !1, s.value = !1;
   };
-  function F(z) {
-    return !e.multiple && z.length > 1 ? (o.value = "Apenas um arquivo pode ser enviado por vez", n.value = !0, !0) : !1;
+  function F(E) {
+    return !e.multiple && E.length > 1 ? (o.value = "Apenas um arquivo pode ser enviado por vez", n.value = !0, !0) : !1;
   }
   return {
     arquivos: t,
@@ -1638,9 +1638,9 @@ const xe = /* @__PURE__ */ R({
     limparArquivos: m,
     removerSelecionados: l,
     removeArquivos: w,
-    manipulaArquivos: (z, G) => {
+    manipulaArquivos: (E, G) => {
       P();
-      const J = z.target;
+      const J = E.target;
       J != null && J.files && Array.from(J.files).forEach((x) => {
         C(x, G);
       });
@@ -1648,11 +1648,11 @@ const xe = /* @__PURE__ */ R({
     validaArquivo: p,
     recebeArquivo: C,
     manipulaArquivoViaArrastaSolta: V,
-    manipulaArrastar: (z) => {
+    manipulaArrastar: (E) => {
       var J;
-      z.preventDefault(), P();
-      const G = Array.from(z.dataTransfer.items).filter((x) => x.kind === "file");
-      F(G) || (J = z.dataTransfer) != null && J.items && (Array.from(z.dataTransfer.items).some(
+      E.preventDefault(), P();
+      const G = Array.from(E.dataTransfer.items).filter((x) => x.kind === "file");
+      F(G) || (J = E.dataTransfer) != null && J.items && (Array.from(E.dataTransfer.items).some(
         (A) => A.kind === "file" && !e.accept.includes(A.type)
       ) ? (n.value = !0, o.value = "Arquivo inválido") : s.value = !0);
     },
@@ -1762,7 +1762,7 @@ const xe = /* @__PURE__ */ R({
         }, null, 40, vr)
       ], 34),
       (i(!0), d(U, null, W(r(s), (I, O) => {
-        var z;
+        var E;
         return i(), d("div", {
           key: O,
           class: "border rounded-lg p-4 flex items-center space-x-3 shadow-md flex-col relative"
@@ -1799,7 +1799,7 @@ const xe = /* @__PURE__ */ R({
               a("div", {
                 class: h(["text-white font-bold text-[0.7rem] px-2 content-center rounded absolute top-5 h-5 -left-2", r(V)(I.file.name)])
               }, [
-                a("p", null, j(((z = I.file.name.split(".").pop()) == null ? void 0 : z.toUpperCase()) || "ARQ"), 1)
+                a("p", null, j(((E = I.file.name.split(".").pop()) == null ? void 0 : E.toUpperCase()) || "ARQ"), 1)
               ], 2)
             ]),
             a("div", Mr, [
@@ -2052,7 +2052,7 @@ const Tr = ["for", "innerHTML"], Zr = { class: "relative" }, Qr = ["id", "value"
         }
         s("update:modelValue", A);
       }
-    }, z = (x) => {
+    }, E = (x) => {
       if (P(x)) {
         const A = Array.isArray(g.value) ? [...g.value] : [], M = A.indexOf(x.value);
         if (M !== -1) {
@@ -2065,14 +2065,14 @@ const Tr = ["for", "innerHTML"], Zr = { class: "relative" }, Qr = ["id", "value"
       }
     }, G = (x, A, M) => {
       if (n.multiple && A.shiftKey && c.value !== null) {
-        const D = Math.min(c.value, M), E = Math.max(c.value, M), b = v.value[c.value], N = b ? P(b) : !0;
-        for (let q = D; q <= E; q++) {
+        const D = Math.min(c.value, M), z = Math.max(c.value, M), b = v.value[c.value], N = b ? P(b) : !0;
+        for (let q = D; q <= z; q++) {
           const ee = v.value[q];
-          ee && !ee.disabled && !ee.header && (N ? O(ee) : z(ee));
+          ee && !ee.disabled && !ee.header && (N ? O(ee) : E(ee));
         }
         c.value = M;
       } else
-        n.multiple ? (P(x) ? z(x) : O(x), c.value = M) : J(x);
+        n.multiple ? (P(x) ? E(x) : O(x), c.value = M) : J(x);
     }, J = (x) => {
       if (!x.disabled) {
         if (n.multiple && (x.value === "" || x.value === null)) {
@@ -2152,7 +2152,7 @@ const Tr = ["for", "innerHTML"], Zr = { class: "relative" }, Qr = ["id", "value"
                   a("span", null, j(F(M)), 1),
                   x.closeChip ? (i(), d("button", {
                     key: 0,
-                    onClick: Ce((E) => I(M), ["stop"]),
+                    onClick: Ce((z) => I(M), ["stop"]),
                     class: "ml-2 text-gray-600 hover:text-gray-800"
                   }, " × ", 8, Xr)) : y("", !0)
                 ]))), 128))
@@ -2209,7 +2209,7 @@ const Tr = ["for", "innerHTML"], Zr = { class: "relative" }, Qr = ["id", "value"
                 P(M) ? "bg-gray-100" : "",
                 M.disabled ? "opacity-50 cursor-not-allowed" : ""
               ]),
-              onClick: (E) => G(M, E, D)
+              onClick: (z) => G(M, z, D)
             }, [
               a("span", {
                 innerHTML: M.label || M.value
@@ -3882,13 +3882,13 @@ const sn = ["onClick"], ln = {
       obterTextosMenu: F,
       alternarDropdown: I,
       buscarNoMenu: O,
-      definirOpcoesMenu: z,
+      definirOpcoesMenu: E,
       travarMenuPorCliqueNoInput: G,
       defineRetorno: J
     } = _e(), x = e, A = t;
-    function M(D, E, b, N) {
-      w(D, E.text, b), p(N);
-      const q = J(E);
+    function M(D, z, b, N) {
+      w(D, z.text, b), p(N);
+      const q = J(z);
       if (b) {
         A("redirect", q);
         return;
@@ -3898,12 +3898,12 @@ const sn = ["onClick"], ln = {
     return K(x, () => {
       x.isHome && n();
     }), se(() => {
-      z(x.items), P(x.items);
-    }), (D, E) => (i(), d("div", {
+      E(x.items), P(x.items);
+    }), (D, z) => (i(), d("div", {
       class: h(["sm:hidden pt-[25px] relative h-full overflow-auto scrollbar-hide transition-all duration-300 ease-in-out bg-white border border-gray-200 rounded-lg", { "w-[310px] mr-2.5": r(o), "z-0": r(V), "z-10": !r(V) && r(o) }]),
-      onMouseenter: E[5] || (E[5] = //@ts-ignore
+      onMouseenter: z[5] || (z[5] = //@ts-ignore
       (...b) => r(l) && r(l)(...b)),
-      onMouseleave: E[6] || (E[6] = //@ts-ignore
+      onMouseleave: z[6] || (z[6] = //@ts-ignore
       (...b) => r(m) && r(m)(...b))
     }, [
       a("div", {
@@ -3916,7 +3916,7 @@ const sn = ["onClick"], ln = {
           }])
         }, " Menu ", 2),
         a("button", {
-          onClick: E[0] || (E[0] = (b) => r(u)(A))
+          onClick: z[0] || (z[0] = (b) => r(u)(A))
         }, [
           H(Q, {
             name: r(o) ? r(Ut) : r(Tt),
@@ -3933,10 +3933,10 @@ const sn = ["onClick"], ln = {
           key: 1,
           placeholder: "Pesquisar",
           items: r(F)(r(C)),
-          "onUpdate:modelValue": E[1] || (E[1] = (b) => r(O)(r(C), String(b))),
-          onFilterList: E[2] || (E[2] = (b) => r(O)(r(C), String(b))),
-          onClearFilter: E[3] || (E[3] = (b) => r(z)(r(C))),
-          "onInput:focus": E[4] || (E[4] = (b) => r(G)(A))
+          "onUpdate:modelValue": z[1] || (z[1] = (b) => r(O)(r(C), String(b))),
+          onFilterList: z[2] || (z[2] = (b) => r(O)(r(C), String(b))),
+          onClearFilter: z[3] || (z[3] = (b) => r(E)(r(C))),
+          "onInput:focus": z[4] || (z[4] = (b) => r(G)(A))
         }, null, 8, ["items"])) : (i(), _(Q, {
           key: 0,
           name: r(Le),
@@ -4126,9 +4126,9 @@ const sn = ["onClick"], ln = {
       atualizaOpcoesMenu: F,
       defineRetorno: I,
       validaUrl: O
-    } = _e(), z = e, G = t;
-    function J(A, M, D, E) {
-      O(M.path) && window.open(M.path, "_blank"), f(A, M.text, D), v(E);
+    } = _e(), E = e, G = t;
+    function J(A, M, D, z) {
+      O(M.path) && window.open(M.path, "_blank"), f(A, M.text, D), v(z);
       const b = I(M);
       if (D) {
         G("redirect", b);
@@ -4140,9 +4140,13 @@ const sn = ["onClick"], ln = {
     function x() {
       G("backToHome", !0);
     }
-    return se(() => {
-      P(z.itemsMenu), k(z.itemsMenu), F(z.itemsMenuMyService, z.itemsMenu);
-    }), (A, M) => (i(), d(U, null, [
+    return K(
+      () => E.itemsMenu,
+      (A) => {
+        P(A), k(A), F(E.itemsMenuMyService, E.itemsMenu);
+      },
+      { deep: !0, immediate: !0 }
+    ), (A, M) => (i(), d(U, null, [
       a("div", kn, [
         a("div", Cn, [
           a("img", {
@@ -4212,20 +4216,20 @@ const sn = ["onClick"], ln = {
                   color: "#737373"
                 }, null, 8, ["name"]))
               ], 2),
-              (i(!0), d(U, null, W(r(c), (D, E) => {
+              (i(!0), d(U, null, W(r(c), (D, z) => {
                 var b;
                 return i(), d("div", {
                   class: "px-2.5 mb-2 flex items-center",
-                  key: E
+                  key: z
                 }, [
                   ((b = D.subMenu) == null ? void 0 : b.length) == 0 ? (i(), d("div", {
                     key: 0,
                     class: h(["flex items-center cursor-pointer h-12 rounded-lg w-full text-[#292929] font-[600]", {
-                      "bg-gray-100": E === r(n),
+                      "bg-gray-100": z === r(n),
                       "justify-center": !r(o),
                       "pl-[1rem] space-x-2": r(o)
                     }]),
-                    onClick: (N) => J(null, D, !1, E)
+                    onClick: (N) => J(null, D, !1, z)
                   }, [
                     H(Q, {
                       name: D.icon || "",
@@ -4241,9 +4245,9 @@ const sn = ["onClick"], ln = {
                   ], 10, Fn)) : (i(), d("div", Yn, [
                     a("div", {
                       "data-testid": "menu-dropdown",
-                      onClick: (N) => r(L)(E),
+                      onClick: (N) => r(L)(z),
                       class: h(["flex items-center cursor-pointer h-12 rounded-lg w-full", {
-                        "bg-gray-100": r(l).includes(E) || E === r(n),
+                        "bg-gray-100": r(l).includes(z) || z === r(n),
                         "!justify-center": !r(o),
                         "px-[1rem]": r(o)
                       }])
@@ -4266,7 +4270,7 @@ const sn = ["onClick"], ln = {
                         ], 2)
                       ], 2),
                       H(Q, {
-                        name: r(l).includes(E) ? r(He) : r(Ge),
+                        name: r(l).includes(z) ? r(He) : r(Ge),
                         size: "24",
                         color: "#737373",
                         class: h({
@@ -4275,15 +4279,15 @@ const sn = ["onClick"], ln = {
                         })
                       }, null, 8, ["name", "class"])
                     ], 10, Gn),
-                    r(o) && r(l).includes(E) ? (i(), d("div", {
+                    r(o) && r(l).includes(z) ? (i(), d("div", {
                       key: 0,
-                      class: h(["rounded-lg pt-4 overflow-hidden transition-all duration-300 ease-in-out max-h-max w-full", { "max-h-full": r(l).includes(E) }])
+                      class: h(["rounded-lg pt-4 overflow-hidden transition-all duration-300 ease-in-out max-h-max w-full", { "max-h-full": r(l).includes(z) }])
                     }, [
                       (i(!0), d(U, null, W(D.subMenu, (N, q) => (i(), d("div", {
                         class: h(["h-12 flex flex-col justify-center w-full rounded-lg pl-12 hover:bg-gray-100 text-[#424242] font-[400]", {
-                          "w-[310px] bg-gray-100": r(s)[q] === N.text && E === r(n)
+                          "w-[310px] bg-gray-100": r(s)[q] === N.text && z === r(n)
                         }]),
-                        onClick: (ee) => J(q, N, !0, E),
+                        onClick: (ee) => J(q, N, !0, z),
                         key: q
                       }, [
                         H(Ae, {
@@ -5685,8 +5689,8 @@ const ki = {
         ], 2)
       ], 2),
       a("div", Ci, [
-        (i(!0), d(U, null, W(v.value, (O, z) => (i(), d("div", {
-          key: z,
+        (i(!0), d(U, null, W(v.value, (O, E) => (i(), d("div", {
+          key: E,
           class: "border-[1px] rounded-xl w-full shadow bg-white m-2"
         }, [
           a("div", Ai, [
@@ -5729,7 +5733,7 @@ const ki = {
             }, [
               a("div", {
                 class: "flex items-center space-x-1 cursor-pointer",
-                onClick: (z) => O.sortable ? r(m)(O.value) : null
+                onClick: (E) => O.sortable ? r(m)(O.value) : null
               }, [
                 a("span", Gi, j(O.text), 1),
                 O.sortable ? (i(), d("span", Hi, j(r(s) === O.value ? r(c) ? "↓" : "↑" : "⇅"), 1)) : y("", !0)
@@ -5738,9 +5742,9 @@ const ki = {
           ])
         ], 2),
         a("tbody", null, [
-          (i(!0), d(U, null, W(v.value, (O, z) => (i(), d("tr", {
+          (i(!0), d(U, null, W(v.value, (O, E) => (i(), d("tr", {
             key: O.id,
-            class: h(["border-b", { "bg-ce_white": F.striped && z % 2 === 0, "hover:bg-ce_white": !F.striped }])
+            class: h(["border-b", { "bg-ce_white": F.striped && E % 2 === 0, "hover:bg-ce_white": !F.striped }])
           }, [
             F.selectable ? (i(), d("td", Li, [
               H(ze, {