@comercti/web-components-hmg 0.0.31 → 0.0.33

package/comerc-style-guide.es.js

@@ -27,7 +27,7 @@ const Ft = (e) => {
 function X(e) {
   return !!customElements.get(e);
 }
-const Ht = ["innerHTML"], Q = /* @__PURE__ */ U({
+const Ht = ["innerHTML"], V = /* @__PURE__ */ U({
   __name: "ce-svg-icon",
   props: {
     name: {},
@@ -155,7 +155,7 @@ const Ht = ["innerHTML"], Q = /* @__PURE__ */ U({
     }
     return (f, v) => (i(), d("div", $t, [
       a("div", eo, [
-        N(Q, {
+        N(V, {
           name: r(He),
           size: "20",
           color: "#737373"
@@ -177,7 +177,7 @@ const Ht = ["innerHTML"], Q = /* @__PURE__ */ U({
           onClick: p,
           class: "absolute right-5 text-[#737373] text-2xl top-1/2 -translate-y-1/2"
         }, [
-          N(Q, {
+          N(V, {
             name: r(ke),
             size: "20",
             color: "#737373"
@@ -605,15 +605,15 @@ const xt = /* @__PURE__ */ U({
     const o = e, n = t, s = E(/* @__PURE__ */ new Date());
     o.displayDate || s.value.setDate(1);
     const c = S(() => o.displayDate ? new Date(o.displayDate) : new Date(s.value)), u = S(() => {
-      const H = { month: "long", year: "numeric" }, V = c.value.toLocaleDateString("pt-BR", H);
-      return V.charAt(0).toUpperCase() + V.slice(1);
+      const H = { month: "long", year: "numeric" }, Q = c.value.toLocaleDateString("pt-BR", H);
+      return Q.charAt(0).toUpperCase() + Q.slice(1);
     }), l = S(() => {
-      const H = c.value.getFullYear(), V = c.value.getMonth(), Y = new Date(H, V, 1).getDay(), I = new Date(H, V, 1 - (Y + 6) % 7), O = [];
+      const H = c.value.getFullYear(), Q = c.value.getMonth(), Y = new Date(H, Q, 1).getDay(), I = new Date(H, Q, 1 - (Y + 6) % 7), O = [];
       for (let B = 0; B < 42; B++) {
         const F = new Date(I.getFullYear(), I.getMonth(), I.getDate() + B);
         O.push({
           date: F,
-          currentMonth: F.getMonth() === V
+          currentMonth: F.getMonth() === Q
         });
       }
       return O;
@@ -631,14 +631,14 @@ const xt = /* @__PURE__ */ U({
       );
     }, p = (H) => o.rangeStart || o.rangeEnd ? o.rangeStart && Ie(H, o.rangeStart) || o.rangeEnd && Ie(H, o.rangeEnd) : o.internalDate ? Ie(H, o.internalDate) : !1, f = (H) => {
       if (o.rangeStart && o.rangeEnd) {
-        const V = o.rangeStart.getTime(), P = o.rangeEnd.getTime(), Y = H.getTime();
-        return Y > Math.min(V, P) && Y < Math.max(V, P);
+        const Q = o.rangeStart.getTime(), P = o.rangeEnd.getTime(), Y = H.getTime();
+        return Y > Math.min(Q, P) && Y < Math.max(Q, P);
       }
       return !1;
     }, v = (H) => {
       if (o.rangeStart && !o.rangeEnd && o.hoveredDate) {
-        const V = o.rangeStart.getTime(), P = o.hoveredDate.getTime(), Y = H.getTime();
-        return Y > Math.min(V, P) && Y < Math.max(V, P);
+        const Q = o.rangeStart.getTime(), P = o.hoveredDate.getTime(), Y = H.getTime();
+        return Y > Math.min(Q, P) && Y < Math.max(Q, P);
       }
       return !1;
     }, g = (H) => {
@@ -648,12 +648,12 @@ const xt = /* @__PURE__ */ U({
     }, C = () => {
       n("hoverDate", null);
     };
-    return (H, V) => (i(), d("div", oe({ class: "min-w-[300px] text-sm" }, H.$attrs), [
+    return (H, Q) => (i(), d("div", oe({ class: "min-w-[300px] text-sm" }, H.$attrs), [
       a("div", yo, [
         a("button", {
           onClick: m,
           class: "p-2 rounded-md hover:bg-gray-100"
-        }, V[0] || (V[0] = [
+        }, Q[0] || (Q[0] = [
           a("svg", {
             class: "w-4 h-4",
             fill: "none",
@@ -672,7 +672,7 @@ const xt = /* @__PURE__ */ U({
         a("button", {
           onClick: b,
           class: "p-2 rounded-md hover:bg-gray-100"
-        }, V[1] || (V[1] = [
+        }, Q[1] || (Q[1] = [
           a("svg", {
             class: "w-4 h-4",
             fill: "none",
@@ -819,12 +819,12 @@ const xt = /* @__PURE__ */ U({
           class: "select-none absolute left-3 top-1/2 -translate-y-1/2",
           onClick: f[1] || (f[1] = (v) => m())
         }, [
-          c["prepend-inner"] ? G(p.$slots, "prepend-inner", { key: 0 }) : p.type === "email" ? (i(), _(Q, {
+          c["prepend-inner"] ? G(p.$slots, "prepend-inner", { key: 0 }) : p.type === "email" ? (i(), _(V, {
             key: 1,
             name: r(Ot),
             size: "20",
             color: "#737373"
-          }, null, 8, ["name"])) : p.type === "date" ? (i(), _(Q, {
+          }, null, 8, ["name"])) : p.type === "date" ? (i(), _(V, {
             key: 2,
             name: r(Lt),
             size: "20",
@@ -855,7 +855,7 @@ const xt = /* @__PURE__ */ U({
           class: "select-none absolute right-3 top-1/2 -translate-y-1/2",
           onClick: f[2] || (f[2] = (v) => m())
         }, [
-          c["append-inner"] ? G(p.$slots, "append-inner", { key: 0 }) : p.noAlertIcon ? y("", !0) : (i(), _(Q, {
+          c["append-inner"] ? G(p.$slots, "append-inner", { key: 0 }) : p.noAlertIcon ? y("", !0) : (i(), _(V, {
             key: 1,
             name: p.invalidFeedback || p.invalid ? r(Pt) : r(St),
             size: "20",
@@ -947,7 +947,7 @@ const xt = /* @__PURE__ */ U({
       )), await Et()), c.value = !c.value);
     }, H = () => {
       c.value = !1;
-    }, V = (h) => {
+    }, Q = (h) => {
       v.value && !v.value.contains(h.target) && H();
     }, P = (h) => {
       u.value = h, n("update:modelValue", h), H();
@@ -993,9 +993,9 @@ const xt = /* @__PURE__ */ U({
       l.value && !m.value && (b.value = h);
     };
     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(() => {
-      document.addEventListener("click", V);
+      document.addEventListener("click", Q);
     }), ht(() => {
-      document.removeEventListener("click", V);
+      document.removeEventListener("click", Q);
     }), (h, L) => (i(), d("div", oe({
       ref_key: "rootRef",
       ref: v,
@@ -1346,7 +1346,7 @@ const xt = /* @__PURE__ */ U({
       (z) => z.subMenu ? [z.text, ...z.subMenu.map((h) => h.text)] : [z.text]
     );
   }
-  function V(D, z) {
+  function Q(D, z) {
     let h = [];
     h = D.filter((L) => L.text.toLowerCase() === z.toLowerCase());
     for (const L of D) {
@@ -1438,7 +1438,7 @@ const xt = /* @__PURE__ */ U({
     colapsarMenu: p,
     voltarParaInicio: O,
     alternarDropdown: Y,
-    buscarNoMenu: V,
+    buscarNoMenu: Q,
     definirOpcoesMenu: P,
     travarMenuPorCliqueNoInput: v,
     validaUrl: A
@@ -1487,7 +1487,7 @@ const xt = /* @__PURE__ */ U({
         a("p", {
           style: ee(r(u)(f.variant, f.color))
         }, j(f.text), 5),
-        N(Q, {
+        N(V, {
           name: r(o) ? r(Fe) : r(Ge),
           color: "#737373",
           size: "20"
@@ -1503,7 +1503,7 @@ const xt = /* @__PURE__ */ U({
             }, [
               a("div", cr, [
                 g.icon ? (i(), d("div", ur, [
-                  N(Q, {
+                  N(V, {
                     name: g.icon || "",
                     color: "#737373",
                     size: "20"
@@ -1601,7 +1601,7 @@ const xt = /* @__PURE__ */ U({
     }
   }, H = S(
     () => e.accept.map((B) => B.split("/")[1].toUpperCase()).join(", ")
-  ), V = (B, F) => {
+  ), Q = (B, F) => {
     var J;
     if (B.preventDefault(), P(), (J = B.dataTransfer) != null && J.files) {
       const x = Array.from(B.dataTransfer.files);
@@ -1644,7 +1644,7 @@ const xt = /* @__PURE__ */ U({
     },
     validaArquivo: p,
     recebeArquivo: C,
-    manipulaArquivoViaArrastaSolta: V,
+    manipulaArquivoViaArrastaSolta: Q,
     manipulaArrastar: (B) => {
       var J;
       B.preventDefault(), P();
@@ -1699,7 +1699,7 @@ const xt = /* @__PURE__ */ U({
       removeArquivos: k,
       restauraEstado: C,
       manipulaArrastar: H,
-      obterCorPorExtensao: V
+      obterCorPorExtensao: Q
     } = mr(o);
     return (P, Y) => (i(), d("div", fr, [
       a("div", {
@@ -1720,7 +1720,7 @@ const xt = /* @__PURE__ */ U({
           onClick: Y[0] || (Y[0] = (I) => r(f)(n)),
           class: "text-white px-4 py-2 rounded-md flex space-x-2 bg-[#C0002B] absolute top-2 right-2"
         }, [
-          N(Q, {
+          N(V, {
             name: r(Kt),
             size: "20",
             color: "#fff"
@@ -1728,7 +1728,7 @@ const xt = /* @__PURE__ */ U({
           a("p", null, j(r(b).length), 1)
         ])) : y("", !0),
         a("div", hr, [
-          N(Q, {
+          N(V, {
             name: r(_t),
             size: "20",
             color: "#737373"
@@ -1779,7 +1779,7 @@ const xt = /* @__PURE__ */ U({
               onClick: (F) => r(k)(O, n),
               class: "text-gray-500 hover:text-red-500"
             }, [
-              N(Q, {
+              N(V, {
                 name: r(qt),
                 size: "20",
                 color: "#737373"
@@ -1788,13 +1788,13 @@ const xt = /* @__PURE__ */ U({
           ]),
           a("div", kr, [
             a("div", Cr, [
-              N(Q, {
+              N(V, {
                 name: r(Qt),
                 size: "45",
                 color: "#737373"
               }, null, 8, ["name"]),
               a("div", {
-                class: w(["text-white font-bold text-[0.7rem] px-2 content-center rounded absolute top-5 h-5 -left-2", r(V)(I.file.name)])
+                class: w(["text-white font-bold text-[0.7rem] px-2 content-center rounded absolute top-5 h-5 -left-2", r(Q)(I.file.name)])
               }, [
                 a("p", null, j(((B = I.file.name.split(".").pop()) == null ? void 0 : B.toUpperCase()) || "ARQ"), 1)
               ], 2)
@@ -2017,7 +2017,7 @@ const Ur = ["for", "innerHTML"], Tr = { class: "relative" }, Zr = ["id", "value"
   },
   emits: ["update:modelValue", "openDropdown", "closeDropdown", "inputSearch", "change"],
   setup(e, { expose: t, emit: o }) {
-    const n = e, s = o, c = E(null), u = E(null), l = E(null), m = E(null), { selectAbertoRef: b, aberturaSelect: p } = Or(l, m), { termoBuscaRef: f, optsFiltradas: v } = Sr(n, s), { valorInternoRef: g, verValueSelecionado: k, valorInterno: C } = Rr(n), H = S(() => n.id || Ce("select")), V = S(() => n.multiple && Array.isArray(g.value) ? g.value : []);
+    const n = e, s = o, c = E(null), u = E(null), l = E(null), m = E(null), { selectAbertoRef: b, aberturaSelect: p } = Or(l, m), { termoBuscaRef: f, optsFiltradas: v } = Sr(n, s), { valorInternoRef: g, verValueSelecionado: k, valorInterno: C } = Rr(n), H = S(() => n.id || Ce("select")), Q = S(() => n.multiple && Array.isArray(g.value) ? g.value : []);
     K(
       () => n.modelValue,
       (x) => {
@@ -2137,12 +2137,12 @@ const Ur = ["for", "innerHTML"], Tr = { class: "relative" }, Zr = ["id", "value"
         }, [
           G(x.$slots, "prepend-inner"),
           a("div", Qr, [
-            x.multiple && V.value.length ? (i(), d(R, { key: 0 }, [
+            x.multiple && Q.value.length ? (i(), d(R, { key: 0 }, [
               x.$slots.selection ? G(x.$slots, "selection", {
                 key: 0,
                 value: r(k)
               }) : (i(), d("div", Vr, [
-                (i(!0), d(R, null, W(V.value, (A, D) => (i(), d("div", {
+                (i(!0), d(R, null, W(Q.value, (A, D) => (i(), d("div", {
                   key: A + D,
                   class: "bg-white border border-gray-300 text-black rounded-xl px-2 py-1 inline-flex items-center text-xs"
                 }, [
@@ -2515,14 +2515,14 @@ const Ca = /* @__PURE__ */ va(xa, [["render", ka]]), Ma = { class: "flex" }, Aa
         disabled: s.value <= 1,
         onClick: l[0] || (l[0] = (m) => c(s.value - 1))
       }, [
-        N(Q, {
+        N(V, {
           name: r(bt),
           size: "18",
           color: "#000"
         }, null, 8, ["name"])
       ], 8, Aa),
       a("div", ja, [
-        N(Q, {
+        N(V, {
           name: r(Jt),
           size: "18",
           color: "#000"
@@ -2533,7 +2533,7 @@ const Ca = /* @__PURE__ */ va(xa, [["render", ka]]), Ma = { class: "flex" }, Aa
         disabled: s.value >= u.totalPage,
         onClick: l[1] || (l[1] = (m) => c(s.value + 1))
       }, [
-        N(Q, {
+        N(V, {
           name: r(vt),
           size: "18",
           color: "#000"
@@ -3873,7 +3873,7 @@ const nn = ["onClick"], sn = {
       opcoesMenu: k,
       backupMenu: C,
       arrayIndicesDropdown: H,
-      clicado: V,
+      clicado: Q,
       setarBackupMenu: P,
       obterTextosMenu: Y,
       alternarDropdown: I,
@@ -3896,7 +3896,7 @@ const nn = ["onClick"], sn = {
     }), se(() => {
       B(x.items), P(x.items);
     }), (D, z) => (i(), d("div", {
-      class: w(["sm:hidden pt-[25px] relative h-full overflow-auto transition-all duration-300 ease-in-out bg-white border border-gray-200 rounded-lg", [{ "w-[310px] mr-2.5": r(o) }, r(V) ? "z-0" : "z-10"]]),
+      class: w(["sm:hidden pt-[25px] relative h-full overflow-auto 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(Q), "z-10": !r(Q) && r(o) }]),
       onMouseenter: z[5] || (z[5] = //@ts-ignore
       (...h) => r(l) && r(l)(...h)),
       onMouseleave: z[6] || (z[6] = //@ts-ignore
@@ -3914,7 +3914,7 @@ const nn = ["onClick"], sn = {
         a("button", {
           onClick: z[0] || (z[0] = (h) => r(u)(M))
         }, [
-          N(Q, {
+          N(V, {
             name: r(o) ? r(Rt) : r(Ut),
             size: "20",
             color: "#737373"
@@ -3933,7 +3933,7 @@ const nn = ["onClick"], sn = {
           onFilterList: z[2] || (z[2] = (h) => r(O)(r(C), String(h))),
           onClearFilter: z[3] || (z[3] = (h) => r(B)(r(C))),
           "onInput:focus": z[4] || (z[4] = (h) => r(F)(M))
-        }, null, 8, ["items"])) : (i(), _(Q, {
+        }, null, 8, ["items"])) : (i(), _(V, {
           key: 0,
           name: r(He),
           size: "20",
@@ -3955,7 +3955,7 @@ const nn = ["onClick"], sn = {
             }]),
             onClick: ($) => A(null, h, !1, L)
           }, [
-            N(Q, {
+            N(V, {
               name: h.icon || "",
               size: "20",
               color: "#737373"
@@ -3979,7 +3979,7 @@ const nn = ["onClick"], sn = {
               a("div", {
                 class: w(["flex items-center w-full text-[#292929] font-[600]", { "justify-center": !r(o), "space-x-2": r(o) }])
               }, [
-                N(Q, {
+                N(V, {
                   name: h.icon || "",
                   size: "20",
                   color: "#737373"
@@ -3993,7 +3993,7 @@ const nn = ["onClick"], sn = {
                   a("span", null, j(h.text), 1)
                 ], 2)
               ], 2),
-              N(Q, {
+              N(V, {
                 class: w({
                   [r(s)()]: !r(o),
                   [r(c)()]: r(o)
@@ -4043,7 +4043,7 @@ const nn = ["onClick"], sn = {
         onBlur: u[1] || (u[1] = (l) => r(n) && r(o)())
       }, [
         u[2] || (u[2] = a("p", null, "Soluções para você", -1)),
-        N(Q, {
+        N(V, {
           name: r(n) ? r(Fe) : r(Ge),
           size: "20",
           color: "#737373"
@@ -4117,7 +4117,7 @@ const nn = ["onClick"], sn = {
       setarBackupMenu: k,
       obterTextosMenu: C,
       alternarDropdown: H,
-      buscarNoMenu: V,
+      buscarNoMenu: Q,
       definirOpcoesMenu: P,
       atualizaOpcoesMenu: Y,
       defineRetorno: I,
@@ -4167,7 +4167,7 @@ const nn = ["onClick"], sn = {
           (...D) => r(p) && r(p)(...D)),
           class: "p-2 hidden sm:block"
         }, [
-          N(Q, {
+          N(V, {
             name: r(Zt),
             size: "24",
             color: "#000"
@@ -4198,10 +4198,10 @@ const nn = ["onClick"], sn = {
                   key: 1,
                   placeholder: "Pesquisar",
                   items: r(C)(r(u)),
-                  "onUpdate:modelValue": A[2] || (A[2] = (D) => r(V)(r(u), String(D))),
-                  onFilterList: A[3] || (A[3] = (D) => r(V)(r(u), String(D))),
+                  "onUpdate:modelValue": A[2] || (A[2] = (D) => r(Q)(r(u), String(D))),
+                  onFilterList: A[3] || (A[3] = (D) => r(Q)(r(u), String(D))),
                   onClearFilter: A[4] || (A[4] = (D) => r(P)(r(u)))
-                }, null, 8, ["items"])) : (i(), _(Q, {
+                }, null, 8, ["items"])) : (i(), _(V, {
                   key: 0,
                   name: r(He),
                   size: "20",
@@ -4223,7 +4223,7 @@ const nn = ["onClick"], sn = {
                     }]),
                     onClick: (L) => J(null, D, !1, z)
                   }, [
-                    N(Q, {
+                    N(V, {
                       name: D.icon || "",
                       size: "20",
                       color: "#737373"
@@ -4247,7 +4247,7 @@ const nn = ["onClick"], sn = {
                       a("div", {
                         class: w(["flex items-center w-full text-[#292929] font-[600]", { "justify-center": !r(o), "space-x-2": r(o) }])
                       }, [
-                        N(Q, {
+                        N(V, {
                           name: D.icon || "",
                           size: "20",
                           color: "#737373"
@@ -4261,7 +4261,7 @@ const nn = ["onClick"], sn = {
                           a("span", null, j(D.text), 1)
                         ], 2)
                       ], 2),
-                      N(Q, {
+                      N(V, {
                         name: r(l).includes(z) ? r(Fe) : r(Ge),
                         size: "24",
                         color: "#737373",
@@ -4309,7 +4309,7 @@ const nn = ["onClick"], sn = {
                   onClick: A[5] || (A[5] = (D) => F("logout", !0)),
                   class: "p-2 float-right"
                 }, [
-                  N(Q, {
+                  N(V, {
                     name: r(Tt),
                     size: "24",
                     color: "#737373"
@@ -4324,7 +4324,7 @@ const nn = ["onClick"], sn = {
               (...D) => r(p) && r(p)(...D)),
               class: "p-2"
             }, [
-              N(Q, {
+              N(V, {
                 name: r(ke),
                 size: "24",
                 color: "#737373"
@@ -4737,7 +4737,7 @@ const ds = {
           href: l.link,
           target: "_blank"
         }, [
-          N(Q, {
+          N(V, {
             name: l.icon || "",
             size: "20",
             color: c.background == "green" ? "#fff" : "#737373"
@@ -4866,7 +4866,7 @@ const ds = {
           href: n.link,
           target: "_blank"
         }, [
-          N(Q, {
+          N(V, {
             name: n.icon || "",
             size: "20",
             color: "#fff",
@@ -4929,7 +4929,7 @@ const ul = { class: "flex justify-center items-center sm:absolute sm:top-2 sm:ri
           a("button", {
             onClick: o[0] || (o[0] = (n) => t.$emit("close", !1))
           }, [
-            N(Q, {
+            N(V, {
               name: r(ke),
               size: "20",
               color: t.background == "1" ? "#fff" : "#737373"
@@ -4965,7 +4965,7 @@ const ul = { class: "flex justify-center items-center sm:absolute sm:top-2 sm:ri
           onClick: s[0] || (s[0] = (c) => o("close", !1)),
           class: "absolute top-2 right-2"
         }, [
-          N(Q, {
+          N(V, {
             name: r(ke),
             size: "20",
             color: " #737373"
@@ -5086,7 +5086,7 @@ const vl = {
               onClick: (g) => r(n)(v.id),
               class: "active:scale-90"
             }, [
-              N(Q, {
+              N(V, {
                 name: r(ke),
                 size: "20",
                 color: " #737373"
@@ -5279,7 +5279,7 @@ const Tl = (e) => {
         disabled: r(s) === 1
       }, [
         a("div", Vl, [
-          N(Q, {
+          N(V, {
             name: r(bt),
             size: "20",
             color: "#000"
@@ -5293,7 +5293,7 @@ const Tl = (e) => {
         onClick: k[1] || (k[1] = (C) => r(v)(n)),
         disabled: r(s) < 5
       }, [
-        N(Q, {
+        N(V, {
           name: r(Nt),
           size: "15",
           color: "#000"
@@ -5306,7 +5306,7 @@ const Tl = (e) => {
             r(s) === C ? "bg-ce_white" : "",
             r(u) > 6 ? "border-r-0" : "border-r-[1px]"
           ], "px-3 py-[0.45rem] border-l-[1px] w-10 text-ce_dark_gray sm:hidden"]),
-          onClick: (V) => r(m)(C, n)
+          onClick: (Q) => r(m)(C, n)
         }, [
           a("p", ql, j(C), 1)
         ], 10, Wl))), 128)),
@@ -5318,7 +5318,7 @@ const Tl = (e) => {
         onClick: k[2] || (k[2] = (C) => r(f)(n)),
         disabled: r(l) + 5 >= r(u)
       }, [
-        N(Q, {
+        N(V, {
           name: r(It),
           size: "15",
           color: "#000"
@@ -5331,7 +5331,7 @@ const Tl = (e) => {
       }, [
         a("div", ei, [
           k[5] || (k[5] = a("p", { class: "sm:hidden" }, "Próximo", -1)),
-          N(Q, {
+          N(V, {
             name: r(vt),
             size: "20",
             color: "#000"
@@ -5481,7 +5481,7 @@ const Tl = (e) => {
             a("div", {
               class: w(["border-[1.5px] w-[2rem] h-[2rem] rounded-full grid place-items-center", s(m.status)])
             }, [
-              m.status === "done" ? (i(), _(Q, {
+              m.status === "done" ? (i(), _(V, {
                 key: 0,
                 name: r(Wt),
                 size: "15",
@@ -5637,7 +5637,7 @@ const xi = {
       },
       { immediate: !0 }
     );
-    const g = t, k = ae(), C = E(null), { hasSlot: H } = ye("groupButton", C, k), { hasSlot: V } = ye("title", C, k), { hasSlot: P } = ye("pagination", C, k);
+    const g = t, k = ae(), C = E(null), { hasSlot: H } = ye("groupButton", C, k), { hasSlot: Q } = ye("title", C, k), { hasSlot: P } = ye("pagination", C, k);
     return (Y, I) => (i(), d("div", {
       class: "overflow-x-auto bg-white shadow-md rounded-lg border-[1px]",
       ref_key: "rootRef",
@@ -5646,8 +5646,8 @@ const xi = {
       a("div", {
         class: w([
           "w-full flex items-center sm:border-b-[1px] sm:flex-col sm:items-start sm:space-y-2",
-          r(V) ? "justify-between" : "justify-end",
-          r(H) || r(V) || Y.search ? "p-5" : "p-0"
+          r(Q) ? "justify-between" : "justify-end",
+          r(H) || r(Q) || Y.search ? "p-5" : "p-0"
         ])
       }, [
         G(Y.$slots, "title"),
@@ -5666,7 +5666,7 @@ const xi = {
               onChange: I[1] || (I[1] = (O) => r(b)(O, g))
             }, {
               "prepend-inner": te(() => [
-                N(Q, {
+                N(V, {
                   name: r(He),
                   size: "20",
                   color: "#737373"
@@ -5775,7 +5775,7 @@ customElements.define("ce-pagination", Li);
 customElements.define("ce-progress-indicator", Ni);
 customElements.define("ce-progress-steps", Ii);
 customElements.define("ce-data-table", Oi);
-const Si = Z(T(Q));
+const Si = Z(T(V));
 customElements.define("ce-svg-icon", Si);
 const Ri = { class: "w-full h-full" }, Ui = ["src", "alt"], Ti = {
   key: 1,