v-sistec-features 1.28.0 → 1.29.0

package/dist/vDataTable.js

@@ -1,8 +1,8 @@
-import { defineComponent as R, useSlots as Ye, inject as Me, onMounted as $e, h as me, computed as T, watch as W, resolveComponent as Ge, createElementBlock as r, openBlock as e, Fragment as D, createCommentVNode as b, createElementVNode as _, withModifiers as pe, createBlock as $, resolveDynamicComponent as V, unref as t, withDirectives as Be, withKeys as Xe, vModelText as Te, renderList as A, withCtx as X, createTextVNode as H, toDisplayString as z, normalizeClass as w, ref as O, nextTick as ge, normalizeProps as Ce, mergeProps as ve, Comment as We, Text as Re, provide as Qe, readonly as Ze, renderSlot as F, Teleport as oe, createVNode as te, TransitionGroup as et, Transition as tt, normalizeStyle as at } from "vue";
-import { _ as fe, P as nt } from "./Pagination-DtVDFQ07.js";
+import { defineComponent as R, useSlots as Ye, inject as Me, onMounted as $e, h as ge, computed as B, watch as J, resolveComponent as Ge, createElementBlock as r, openBlock as e, Fragment as E, createCommentVNode as C, createElementVNode as m, withModifiers as me, createBlock as $, resolveDynamicComponent as V, unref as t, withDirectives as Be, withKeys as Xe, vModelText as Te, renderList as A, withCtx as Z, createTextVNode as H, toDisplayString as O, normalizeClass as S, ref as I, nextTick as fe, normalizeProps as Ce, mergeProps as ve, Comment as We, Text as Qe, provide as Ze, readonly as Re, renderSlot as F, Teleport as ie, createVNode as se, TransitionGroup as et, Transition as tt, normalizeStyle as at } from "vue";
+import { _ as he, P as nt } from "./Pagination-DtVDFQ07.js";
 import st from "vuedraggable";
 import { D as lt } from "./datatableConfig-BMFlKtgh.js";
-const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
+const Oe = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
   __name: "VColumn",
   props: {
     field: { default: null },
@@ -25,16 +25,16 @@ const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
     start_hidden: { type: Boolean, default: !1 }
   },
   setup(d) {
-    const v = crypto.randomUUID(), n = d, a = Ye(), u = Me(ze);
-    if (!u)
+    const _ = crypto.randomUUID(), n = d, a = Ye(), c = Me(Oe);
+    if (!c)
       throw new Error("VColumn deve ser usado dentro de um VDataTable.");
-    const c = ["text", "img", "date", "html"];
+    const u = ["text", "img", "date", "html"];
     return $e(() => {
       if (n.field !== null && !n.field)
         throw new Error('A propriedade "field" é obrigatória em VColumn.');
       if (!n.header)
         throw new Error('A propriedade "header" é obrigatória em VColumn.');
-      if (n.field !== null && !c.includes(n.type))
+      if (n.field !== null && !u.includes(n.type))
         throw new Error(`O tipo "${n.type}" não é suportado em VColumn. Tipos suportados: text, img, date, html.`);
       if (n.limite_text) {
         if (n.type !== "text")
@@ -44,8 +44,8 @@ const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
         if (isNaN(Number(n.limite_text)) || Number(n.limite_text) <= 0)
           throw new Error('A propriedade "limite_text" deve ser um número maior que 0.');
       }
-      u.addColumn({
-        id: v,
+      c.addColumn({
+        id: _,
         field: n.field,
         header: n.header,
         type: n.type,
@@ -73,12 +73,12 @@ const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
         visible: !n.start_hidden
         // Se start_hidden for true, ela não estará visível inicialmente
       });
-    }), (C, m) => null;
+    }), (w, p) => null;
   }
 }), ot = new DOMParser(), rt = (d) => {
   const n = ot.parseFromString(d, "image/svg+xml").documentElement;
   if (n.tagName.toLowerCase() !== "svg")
-    return () => me("span", {
+    return () => ge("span", {
       style: {
         backgroundColor: "red",
         color: "white",
@@ -87,27 +87,27 @@ const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
       }
     }, "Icon Error");
   const a = {};
-  for (const c of n.attributes)
-    a[c.name] = c.value;
-  const u = n.innerHTML;
-  return (c, { attrs: C }) => {
-    const m = a.class || "", B = C.class || "", g = [m, B].filter(Boolean).join(" "), { class: y, ...f } = a, { class: s, ...P } = C;
-    return me("svg", {
-      ...f,
-      ...c,
+  for (const u of n.attributes)
+    a[u.name] = u.value;
+  const c = n.innerHTML;
+  return (u, { attrs: w }) => {
+    const p = a.class || "", T = w.class || "", f = [p, T].filter(Boolean).join(" "), { class: k, ...h } = a, { class: s, ...P } = w;
+    return ge("svg", {
+      ...h,
+      ...u,
       ...P,
-      class: g,
-      innerHTML: u
+      class: f,
+      innerHTML: c
     });
   };
-}, ae = (d) => {
-  const v = {};
+}, le = (d) => {
+  const _ = {};
   for (const n in d) {
     const a = d[n];
-    typeof a == "string" ? v[n] = rt(a) : typeof a == "object" && a !== null && (v[n] = ae(a));
+    typeof a == "string" ? _[n] = rt(a) : typeof a == "object" && a !== null && (_[n] = le(a));
   }
-  return v;
-}, re = {
+  return _;
+}, de = {
   search: {
     filter: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-filter" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z"> </path> </svg>',
     clear: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M18 6l-12 12" /> <path d="M6 6l12 12" /> </svg>',
@@ -126,10 +126,10 @@ const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
     increasing: ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="m3 8 4-4 4 4"></path> <path d="M7 4v16"></path> <path d="M11 12h4"></path> <path d="M11 16h7"></path> <path d="M11 20h10"></path> </svg>  '
   },
   column_manager: ' <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-columns" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 6l5.5 0" /> <path d="M4 10l5.5 0" /> <path d="M4 14l5.5 0" /> <path d="M4 18l5.5 0" /> <path d="M14.5 6l5.5 0" /> <path d="M14.5 10l5.5 0" /> <path d="M14.5 14l5.5 0" /> <path d="M14.5 18l5.5 0" /> </svg> '
-}, it = { class: "input-icon" }, dt = ["placeholder"], ct = {
+}, it = { class: "input-icon" }, dt = ["placeholder"], ut = {
   key: 1,
   class: "input-icon-addon"
-}, ut = {
+}, ct = {
   key: 1,
   class: "dropdown-menu"
 }, _t = ["onClick"], pt = ["onClick"], mt = /* @__PURE__ */ R({
@@ -144,43 +144,43 @@ const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
     deactivate_search_empty: { type: Boolean, default: !1 }
   },
   emits: ["update:search", "update:filter", "search", "clickedClearSearch"],
-  setup(d, { emit: v }) {
-    const n = ae(re), a = d, u = v, c = T({
+  setup(d, { emit: _ }) {
+    const n = le(de), a = d, c = _, u = B({
       get: () => a.search,
-      set: (f) => u("update:search", f)
-    }), C = T({
+      set: (h) => c("update:search", h)
+    }), w = B({
       get: () => a.filter,
-      set: (f) => u("update:filter", f)
+      set: (h) => c("update:filter", h)
     });
-    W(C, () => {
-      u("search");
-    }), W(
+    J(w, () => {
+      c("search");
+    }), J(
       () => a.list_filter,
-      (f) => {
-        Array.isArray(f) ? (f.forEach((s, P) => {
+      (h) => {
+        Array.isArray(h) ? (h.forEach((s, P) => {
           s?.type === 1 && !s.to && console.error(`Filtro na posição ${P} é do tipo 'router-link' mas não possui a propriedade 'to'.`);
-        }), a.item_use.includes(2) && f.length === 0 && console.error("Nenhum filtro foi passado. Certifique-se de que o array de filtros não está vazio.")) : console.error("list_filter deve ser um array.");
+        }), a.item_use.includes(2) && h.length === 0 && console.error("Nenhum filtro foi passado. Certifique-se de que o array de filtros não está vazio.")) : console.error("list_filter deve ser um array.");
       },
       { immediate: !0, deep: !0 }
     );
-    function m(f) {
-      C.value === f ? C.value = "" : C.value = f;
+    function p(h) {
+      w.value === h ? w.value = "" : w.value = h;
     }
-    function B() {
-      c.value = "", a.deactivate_search_on_clear || u("search"), u("clickedClearSearch");
+    function T() {
+      u.value = "", a.deactivate_search_on_clear || c("search"), c("clickedClearSearch");
     }
-    function g(f) {
-      f.click && typeof f.click == "function" ? f.click() : console.error("O filtro selecionado não possui uma função de clique válida.");
+    function f(h) {
+      h.click && typeof h.click == "function" ? h.click() : console.error("O filtro selecionado não possui uma função de clique válida.");
     }
-    function y() {
-      a.deactivate_search_empty && c.value.trim() === "" || u("search");
+    function k() {
+      a.deactivate_search_empty && u.value.trim() === "" || c("search");
     }
-    return (f, s) => {
+    return (h, s) => {
       const P = Ge("router-link");
-      return e(), r(D, null, [
+      return e(), r(E, null, [
         d.item_use.includes(2) ? (e(), r("a", {
           key: 0,
-          onClick: s[0] || (s[0] = pe(() => {
+          onClick: s[0] || (s[0] = me(() => {
           }, ["prevent"])),
           href: "#",
           class: "btn dropdown-toggle",
@@ -188,55 +188,55 @@ const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
           title: "Pesquisas Prédefinidas"
         }, [
           (e(), $(V(t(n).search.filter)))
-        ])) : b("", !0),
-        _("div", it, [
-          Be(_("input", {
+        ])) : C("", !0),
+        m("div", it, [
+          Be(m("input", {
             type: "text",
             class: "form-control ms-1",
             id: "inputSearchVDataTable",
-            "onUpdate:modelValue": s[1] || (s[1] = (h) => c.value = h),
-            onKeyup: Xe(y, ["enter"]),
+            "onUpdate:modelValue": s[1] || (s[1] = (y) => u.value = y),
+            onKeyup: Xe(k, ["enter"]),
             placeholder: d.placeholder_search
           }, null, 40, dt), [
-            [Te, c.value]
+            [Te, u.value]
           ]),
-          c.value ? (e(), r("span", {
+          u.value ? (e(), r("span", {
             key: 0,
-            onClick: s[2] || (s[2] = (h) => B()),
+            onClick: s[2] || (s[2] = (y) => T()),
             class: "inputClose",
             title: "Limpar pesquisa"
           }, [
             (e(), $(V(t(n).search.clear)))
-          ])) : (e(), r("span", ct, [
+          ])) : (e(), r("span", ut, [
             (e(), $(V(t(n).search.loupe)))
           ]))
         ]),
-        d.item_use.includes(2) ? (e(), r("div", ut, [
-          (e(!0), r(D, null, A(a.list_filter, (h, k) => (e(), r(D, { key: k }, [
-            "type" in h && h.type === 1 && (!("visible" in h) || h.visible) ? (e(), $(P, {
+        d.item_use.includes(2) ? (e(), r("div", ct, [
+          (e(!0), r(E, null, A(a.list_filter, (y, x) => (e(), r(E, { key: x }, [
+            "type" in y && y.type === 1 && (!("visible" in y) || y.visible) ? (e(), $(P, {
               key: 0,
-              to: h?.to,
+              to: y?.to,
               class: "dropdown-item cursor-pointer"
             }, {
-              default: X(() => [
-                H(z(h.text), 1)
+              default: Z(() => [
+                H(O(y.text), 1)
               ]),
               _: 2
-            }, 1032, ["to"])) : (!("type" in h) || h.type === 2) && (!("visible" in h) || h.visible) ? (e(), r("a", {
+            }, 1032, ["to"])) : (!("type" in y) || y.type === 2) && (!("visible" in y) || y.visible) ? (e(), r("a", {
               key: 1,
-              onClick: pe((L) => m(String(h.value)), ["prevent"]),
-              class: w(["dropdown-item cursor-pointer", C.value === h?.value ? "bg-info text-dark selected" : ""])
-            }, z(h.text), 11, _t)) : (!("type" in h) || h.type === 3) && (!("visible" in h) || h.visible) ? (e(), r("a", {
+              onClick: me((q) => p(String(y.value)), ["prevent"]),
+              class: S(["dropdown-item cursor-pointer", w.value === y?.value ? "bg-info text-dark selected" : ""])
+            }, O(y.text), 11, _t)) : (!("type" in y) || y.type === 3) && (!("visible" in y) || y.visible) ? (e(), r("a", {
               key: 2,
-              onClick: pe((L) => g(h), ["prevent"]),
-              class: w(["dropdown-item cursor-pointer", h?.active ? "bg-info text-dark selected" : ""])
-            }, z(h.text), 11, pt)) : b("", !0)
+              onClick: me((q) => f(y), ["prevent"]),
+              class: S(["dropdown-item cursor-pointer", y?.active ? "bg-info text-dark selected" : ""])
+            }, O(y.text), 11, pt)) : C("", !0)
           ], 64))), 128))
-        ])) : b("", !0)
+        ])) : C("", !0)
       ], 64);
     };
   }
-}), gt = /* @__PURE__ */ fe(mt, [["__scopeId", "data-v-4c04950a"]]), vt = { class: "d-flex flex-column gap-2" }, ft = ["checked", "disabled", "onChange"], ht = { class: "form-check-label user-select-none" }, yt = /* @__PURE__ */ R({
+}), gt = /* @__PURE__ */ he(mt, [["__scopeId", "data-v-6a2b24b1"]]), ft = { class: "d-flex flex-column gap-2" }, vt = ["checked", "disabled", "onChange"], ht = { class: "form-check-label user-select-none" }, yt = /* @__PURE__ */ R({
   __name: "VColumnManager",
   props: {
     columns_list: { default: () => [] },
@@ -249,16 +249,16 @@ const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
     disable_class_column_manager_default: { type: Boolean, default: !1 }
   },
   setup(d) {
-    const v = ae(re);
+    const _ = le(de);
     return (n, a) => d.use_column_manager ? (e(), r("div", {
       key: 0,
-      class: w([
+      class: S([
         { "dropdown d-inline-block ms-2": !d.disable_class_column_manager_default },
         d.class_column_manager_dropdown
       ])
     }, [
-      _("button", {
-        class: w([
+      m("button", {
+        class: S([
           { "btn  dropdown-toggle": !d.disable_class_column_manager_default },
           d.class_column_manager_button
         ]),
@@ -267,238 +267,271 @@ const ze = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
         "aria-expanded": "false",
         title: "Gerenciar Colunas visíveis"
       }, [
-        (e(), $(V(t(v).column_manager)))
+        (e(), $(V(t(_).column_manager)))
       ], 2),
-      _("div", {
-        class: w(["dropdown-menu dropdown-menu-end p-3 shadow-sm", [
+      m("div", {
+        class: S(["dropdown-menu dropdown-menu-end p-3 shadow-sm", [
           { "dropdown-menu dropdown-menu-end p-3 shadow-sm": !d.disable_class_column_manager_default },
           d.class_column_manager_dropdown_menu
         ]]),
         style: { "min-width": "220px", "z-index": "1050" }
       }, [
-        a[0] || (a[0] = _("h6", { class: "dropdown-header text-uppercase fw-bold mb-2" }, "Exibir Colunas", -1)),
-        _("div", vt, [
-          (e(!0), r(D, null, A(d.columns_list, (u) => (e(), r("label", {
-            key: u.id,
+        a[0] || (a[0] = m("h6", { class: "dropdown-header text-uppercase fw-bold mb-2" }, "Exibir Colunas", -1)),
+        m("div", ft, [
+          (e(!0), r(E, null, A(d.columns_list, (c) => (e(), r("label", {
+            key: c.id,
             class: "form-check cursor-pointer m-0"
           }, [
-            _("input", {
+            m("input", {
               class: "form-check-input",
               type: "checkbox",
-              checked: u.visible,
-              disabled: u.locked,
-              onChange: (c) => d.toggleColumnVisibility(u.id)
-            }, null, 40, ft),
-            _("span", ht, z(u.header), 1)
+              checked: c.visible,
+              disabled: c.locked,
+              onChange: (u) => d.toggleColumnVisibility(c.id)
+            }, null, 40, vt),
+            m("span", ht, O(c.header), 1)
           ]))), 128))
         ])
       ], 2)
-    ], 2)) : b("", !0);
+    ], 2)) : C("", !0);
   }
 });
 function kt() {
-  const d = O(!1), v = O(""), n = O(0), a = O(0), u = T(() => ({
+  const d = I(!1), _ = I(""), n = I(0), a = I(0), c = B(() => ({
     position: "fixed",
     zIndex: 9999,
     pointerEvents: "none",
     top: `${a.value + 15}px`,
     left: `${n.value + 15}px`
   }));
-  function c(g) {
-    const y = g.clientX, f = g.clientY, s = window.innerHeight, P = 15, h = 300;
-    let k = f + P;
-    k + h > s && (k = f - h - P, k < 0 && (k = 0)), n.value = y, a.value = k;
+  function u(f) {
+    const k = f.clientX, h = f.clientY, s = window.innerHeight, P = 15, y = 300;
+    let x = h + P;
+    x + y > s && (x = h - y - P, x < 0 && (x = 0)), n.value = k, a.value = x;
   }
-  function C(g, y) {
-    d.value = !0, v.value = y, c(g);
+  function w(f, k) {
+    d.value = !0, _.value = k, u(f);
   }
-  function m(g) {
-    d.value && c(g);
+  function p(f) {
+    d.value && u(f);
   }
-  function B() {
+  function T() {
     d.value = !1;
   }
   return {
     isHovering: d,
-    previewSrc: v,
-    previewStyle: u,
-    handleMouseOver: C,
-    handleMouseMove: m,
-    handleMouseLeave: B
+    previewSrc: _,
+    previewStyle: c,
+    handleMouseOver: w,
+    handleMouseMove: p,
+    handleMouseLeave: T
   };
 }
-function bt(d, v, n, a) {
-  const u = O([]);
-  function c() {
-    u.value = [];
+function bt(d, _, n, a) {
+  const c = I([]);
+  function u() {
+    c.value = [];
   }
-  function C(g) {
-    const y = g[v];
-    return u.value.some((f) => f === y);
+  function w(f) {
+    const k = f[_];
+    return c.value.some((h) => h === k);
   }
-  function m(g) {
-    const y = g[v], f = u.value.findIndex((P) => P === y), s = f > -1;
-    d ? (c(), s || (u.value.push(y), a && B(y))) : s ? u.value.splice(f, 1) : (u.value.push(y), a && B(y));
+  function p(f) {
+    const k = f[_], h = c.value.findIndex((P) => P === k), s = h > -1;
+    d ? (u(), s || (c.value.push(k), a && T(k))) : s ? c.value.splice(h, 1) : (c.value.push(k), a && T(k));
   }
-  function B(g) {
-    ge(() => {
+  function T(f) {
+    fe(() => {
       if (n) {
-        const y = document.querySelector("#expand-item-" + g);
-        y && y.scrollIntoView({ behavior: "smooth", block: "center" });
+        const k = document.querySelector("#expand-item-" + f);
+        k && k.scrollIntoView({ behavior: "smooth", block: "center" });
         return;
       } else
         setTimeout(() => {
-          const y = document.querySelector("#expand-item-" + g);
-          y && y.scrollIntoView({ behavior: "smooth", block: "center" });
+          const k = document.querySelector("#expand-item-" + f);
+          k && k.scrollIntoView({ behavior: "smooth", block: "center" });
         }, 600);
     });
   }
   return {
-    expanded_items: u,
-    is_item_expanded: C,
-    expand_item_toggle: m,
-    close_all_expanded_items: c
+    expanded_items: c,
+    is_item_expanded: w,
+    expand_item_toggle: p,
+    close_all_expanded_items: u
   };
 }
-function wt(d, v, n, a, u, c) {
-  const C = O([]), m = T(() => t(d)), B = T(() => m.value.endpoint), g = T(() => ({
-    [m.value.page_param_name]: v.value.current_page + 1,
-    [m.value.page_size_param_name]: v.value.limit_per_page,
-    [m.value.search_param_name]: v.value.search || "",
-    [m.value.filter_param_name]: v.value.filter || ""
-  })), y = T(() => {
-    const M = {};
-    for (const S of n.value)
-      S.use_ordering && (a.value[S.id] === "increasing" ? M[S.param_ordering] = S.increasing_value || "increasing" : a.value[S.id] === "decreasing" && (M[S.param_ordering] = S.decreasing_value || "decreasing"));
-    return M;
-  }), { data: f, pending: s, error: P, execute: h, attempt: k } = m.value.fetch(B, {
-    disable_request: () => m.value.disable_request,
+function wt(d, _, n, a, c, u) {
+  const w = I([]), p = B(() => t(d)), T = B(() => p.value.endpoint), f = B(() => ({
+    [p.value.page_param_name]: _.value.current_page + 1,
+    [p.value.page_size_param_name]: _.value.limit_per_page,
+    [p.value.search_param_name]: _.value.search || "",
+    [p.value.filter_param_name]: _.value.filter || ""
+  })), k = B(() => {
+    const b = {};
+    for (const v of n.value)
+      v.use_ordering && (a.value[v.id] === "increasing" ? b[v.param_ordering] = v.increasing_value || "increasing" : a.value[v.id] === "decreasing" && (b[v.param_ordering] = v.decreasing_value || "decreasing"));
+    return b;
+  }), { data: h, pending: s, error: P, execute: y, attempt: x } = p.value.fetch(T, {
+    disable_request: () => p.value.disable_request,
     params: () => {
-      const M = typeof m.value.add_params == "function";
-      let S = {};
-      const ie = typeof m.value.silent_params == "function";
-      let N = {};
-      const j = typeof m.value.add_params_keep_page == "function";
+      const b = typeof p.value.add_params == "function";
+      let v = {};
+      const D = typeof p.value.silent_params == "function";
+      let K = {};
+      const W = typeof p.value.add_params_keep_page == "function";
       let Q = {};
-      if (M) {
-        const G = m.value.add_params;
-        S = G();
+      if (b) {
+        const N = p.value.add_params;
+        v = N();
       } else
-        S = m.value.add_params || {};
-      if (ie) {
-        const G = m.value.silent_params;
-        N = G();
+        v = p.value.add_params || {};
+      if (D) {
+        const N = p.value.silent_params;
+        K = N();
       } else
-        N = m.value.silent_params || {};
-      if (j) {
-        const G = m.value.add_params_keep_page;
-        Q = G();
+        K = p.value.silent_params || {};
+      if (W) {
+        const N = p.value.add_params_keep_page;
+        Q = N();
       } else
-        Q = m.value.add_params_keep_page || {};
-      return m.value.deactivate_default_params ? {
-        ...S,
-        ...N,
+        Q = p.value.add_params_keep_page || {};
+      return p.value.deactivate_default_params ? {
+        ...v,
+        ...K,
         ...Q,
-        ...y.value
+        ...k.value
       } : {
-        ...g.value,
-        ...S,
-        ...N,
+        ...f.value,
+        ...v,
+        ...K,
         ...Q,
-        ...y.value
+        ...k.value
       };
     },
-    retry: m.value.retry_attempts,
-    retryDelay: m.value.retry_delay,
+    retry: p.value.retry_attempts,
+    retryDelay: p.value.retry_delay,
     paramsReactives: !1,
     immediate: !1
-  }, m.value.fetch_name), L = O(!1), x = O(null), U = O(!1), ne = T(() => s.value || L.value);
-  async function J() {
-    U.value || (U.value = !0), x.value && clearTimeout(x.value), L.value = !0, x.value = setTimeout(() => {
-      L.value = !1;
-    }, m.value.min_loading_delay), c(), u("beforeFetch"), await h(), u("afterFetch");
+  }, p.value.fetch_name), q = B(() => {
+    if (!p.value.frontend_pagination)
+      return w.value;
+    let b = w.value;
+    const v = p.value.custom_frontend_filter;
+    if (v && typeof v == "function")
+      b = b.filter(
+        (D) => v(D, _.value.search, _.value.filter)
+      );
+    else if (_.value.search) {
+      const D = _.value.search.toLowerCase();
+      b = b.filter((K) => Object.values(K).some(
+        (W) => W != null && String(W).toLowerCase().includes(D)
+      ));
+    }
+    return b;
+  });
+  J(q, (b) => {
+    if (p.value.frontend_pagination) {
+      _.value.count = b.length;
+      const v = Math.ceil(b.length / _.value.limit_per_page) - 1;
+      _.value.current_page > v && v >= 0 && (_.value.current_page = v);
+    }
+  }, { immediate: !0 });
+  const M = B(() => {
+    if (!p.value.frontend_pagination)
+      return w.value;
+    const b = _.value.current_page * _.value.limit_per_page, v = b + _.value.limit_per_page;
+    return q.value.slice(b, v);
+  }), Y = I(!1), ee = I(null), G = I(!1), te = B(() => s.value || Y.value);
+  async function X() {
+    G.value || (G.value = !0), ee.value && clearTimeout(ee.value), Y.value = !0, ee.value = setTimeout(() => {
+      Y.value = !1;
+    }, p.value.min_loading_delay), u(), c("beforeFetch"), (!p.value.frontend_pagination || w.value.length === 0) && await y(), c("afterFetch");
   }
-  function Y() {
-    v.value.current_page = m.value.page_starts_at, J();
+  function ae() {
+    _.value.current_page = p.value.page_starts_at, X();
   }
-  return W(f, (M) => {
-    M ? (C.value = M[m.value.data_key] || [], v.value.count = M[m.value.total_key] || 0) : (C.value = [], v.value.count = 0);
-  }, { immediate: !0 }), W(
+  return J(h, (b) => {
+    if (b) {
+      let v = [];
+      p.value.data_key ? v = b[p.value.data_key] || [] : v = Array.isArray(b) ? b : [b], w.value = v, p.value.frontend_pagination || (_.value.count = b[p.value.total_key] || 0);
+    } else
+      w.value = [], _.value.count = 0;
+  }, { immediate: !0 }), J(
     () => {
-      const M = typeof m.value.add_params == "function" ? m.value.add_params() : m.value.add_params;
-      return JSON.stringify(M);
+      const b = typeof p.value.add_params == "function" ? p.value.add_params() : p.value.add_params;
+      return JSON.stringify(b);
     },
-    (M, S) => {
-      M !== S && S !== void 0 && Y();
+    (b, v) => {
+      b !== v && v !== void 0 && ae();
     }
-  ), W(
+  ), J(
     () => {
-      const M = typeof m.value.add_params_keep_page == "function" ? m.value.add_params_keep_page() : m.value.add_params_keep_page;
-      return JSON.stringify(M);
+      const b = typeof p.value.add_params_keep_page == "function" ? p.value.add_params_keep_page() : p.value.add_params_keep_page;
+      return JSON.stringify(b);
     },
-    (M, S) => {
-      M !== S && S !== void 0 && J();
+    (b, v) => {
+      b !== v && v !== void 0 && X();
     }
-  ), W(
-    () => m.value.endpoint,
-    (M, S) => {
-      M !== S && S !== void 0 && (v.value.current_page = m.value.page_starts_at);
+  ), J(
+    () => p.value.endpoint,
+    (b, v) => {
+      b !== v && v !== void 0 && (_.value.current_page = p.value.page_starts_at);
     }
   ), {
-    items: C,
+    items: M,
     pending: s,
     error: P,
-    execute: h,
-    response: f,
-    attempt: k,
-    default_params: g,
-    fetchDataWithDelay: J,
-    reSearch: Y,
-    showLoadingState: ne,
-    first_fetch: U
+    execute: y,
+    response: h,
+    attempt: x,
+    default_params: f,
+    fetchDataWithDelay: X,
+    reSearch: ae,
+    showLoadingState: te,
+    first_fetch: G
   };
 }
-function xt(d, v) {
-  const n = O(null), a = O([]), u = (g) => {
-    const y = d.item_key;
-    return a.value.some((f) => f[y] === g[y]);
-  }, c = T(() => {
-    if (!v.value.length) return !1;
-    const g = v.value.filter((y) => u(y)).length;
-    return g === 0 ? !1 : g === v.value.length ? !0 : "indeterminate";
-  }), C = T(() => a.value.length > 0);
-  W([c, n], ([g]) => {
-    n.value && (g === "indeterminate" ? (n.value.checked = !1, n.value.indeterminate = !0) : (n.value.checked = g, n.value.indeterminate = !1));
+function xt(d, _) {
+  const n = I(null), a = I([]), c = (f) => {
+    const k = d.item_key;
+    return a.value.some((h) => h[k] === f[k]);
+  }, u = B(() => {
+    if (!_.value.length) return !1;
+    const f = _.value.filter((k) => c(k)).length;
+    return f === 0 ? !1 : f === _.value.length ? !0 : "indeterminate";
+  }), w = B(() => a.value.length > 0);
+  J([u, n], ([f]) => {
+    n.value && (f === "indeterminate" ? (n.value.checked = !1, n.value.indeterminate = !0) : (n.value.checked = f, n.value.indeterminate = !1));
   }, {
     immediate: !0,
     flush: "post"
   });
-  function m() {
-    const g = v.value;
-    if (!g.length) return;
-    const y = c.value;
-    if (y === !0 || y === "indeterminate") {
-      const f = g.map((s) => s[d.item_key]);
+  function p() {
+    const f = _.value;
+    if (!f.length) return;
+    const k = u.value;
+    if (k === !0 || k === "indeterminate") {
+      const h = f.map((s) => s[d.item_key]);
       a.value = a.value.filter(
-        (s) => !f.includes(s[d.item_key])
+        (s) => !h.includes(s[d.item_key])
       );
     } else
-      g.forEach((f) => {
-        u(f) || a.value.push(f);
+      f.forEach((h) => {
+        c(h) || a.value.push(h);
       });
   }
-  function B(g) {
-    const y = d.item_key, f = a.value.findIndex((s) => s[y] === g[y]);
-    f > -1 ? a.value.splice(f, 1) : a.value.push(g);
+  function T(f) {
+    const k = d.item_key, h = a.value.findIndex((s) => s[k] === f[k]);
+    h > -1 ? a.value.splice(h, 1) : a.value.push(f);
   }
   return {
     selectAllCheckbox: n,
     selected_items: a,
-    isSelected: u,
-    selectAllState: c,
-    atLeastOneSelected: C,
-    toggleSelectAll: m,
-    toggleItemSelection: B
+    isSelected: c,
+    selectAllState: u,
+    atLeastOneSelected: w,
+    toggleSelectAll: p,
+    toggleItemSelection: T
   };
 }
 const Ct = {
@@ -506,6 +539,7 @@ const Ct = {
   fetch_name: "",
   custom_loading: null,
   deactivate_default_params: !1,
+  frontend_pagination: !1,
   add_params: {},
   add_params_keep_page: {},
   silent_params: {},
@@ -560,18 +594,19 @@ const Ct = {
   retry_delay: 2e3,
   show_header_when_empty: !1,
   storage_id: "",
-  use_column_manager: !1
+  use_column_manager: !1,
+  custom_frontend_filter: null
 };
 function St(d) {
-  const v = Me(lt, {});
-  return { options: T(() => {
+  const _ = Me(lt, {});
+  return { options: B(() => {
     const a = Object.fromEntries(
-      Object.entries(d).filter(([u, c]) => c !== void 0)
+      Object.entries(d).filter(([c, u]) => u !== void 0)
     );
     return {
       ...Ct,
       // 1º Camada: Prioridade Mínima (Valores Padrão)
-      ...v,
+      ..._,
       // 2º Camada: Prioridade Média (Valores Globais definidos por quem usa o plugin)
       ...a
       // 3º Camada: Prioridade Máxima (O que o dev digitou na tela)
@@ -581,10 +616,10 @@ function St(d) {
 const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, zt = { class: "badge bg-orange text-white erro-custom-text" }, It = { key: 0 }, Ot = { key: 2 }, Pt = {
+}, Ot = { class: "badge bg-orange text-white erro-custom-text" }, zt = { key: 0 }, It = { key: 2 }, Pt = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, Dt = { class: "badge bg-orange text-white erro-custom-text" }, Vt = ["colspan"], Et = {
+}, Dt = { class: "badge bg-orange text-white erro-custom-text" }, Et = ["colspan"], Vt = {
   key: 0,
   class: "d-flex flex-column justify-content-center align-items-center",
   style: { height: "6rem" }
@@ -606,97 +641,97 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
     pagination: {}
   },
   setup(d) {
-    const v = d;
+    const _ = d;
     return (n, a) => (e(), r("div", Mt, [
-      v.custom_loading ? (e(), $(V(v.custom_loading), { key: 0 })) : (e(), r("table", {
+      _.custom_loading ? (e(), $(V(_.custom_loading), { key: 0 })) : (e(), r("table", {
         key: 1,
-        class: w(["table table-vcenter table-selectable", v.class_table])
+        class: S(["table table-vcenter table-selectable", _.class_table])
       }, [
-        _("thead", null, [
-          _("tr", null, [
-            (e(!0), r(D, null, A(d.columns, (u) => (e(), r("th", {
-              key: u.field || u.header,
-              class: w(u.class_column)
-            }, z(u.header), 3))), 128))
+        m("thead", null, [
+          m("tr", null, [
+            (e(!0), r(E, null, A(d.columns, (c) => (e(), r("th", {
+              key: c.field || c.header,
+              class: S(c.class_column)
+            }, O(c.header), 3))), 128))
           ])
         ]),
-        _("tbody", null, [
-          v.type_loading === "placeholder" ? (e(!0), r(D, { key: 0 }, A(d.pagination.limit_per_page, (u) => (e(), r("tr", {
-            key: "placeholder-" + u,
+        m("tbody", null, [
+          _.type_loading === "placeholder" ? (e(!0), r(E, { key: 0 }, A(d.pagination.limit_per_page, (c) => (e(), r("tr", {
+            key: "placeholder-" + c,
             class: "placeholder-glow"
           }, [
-            (e(!0), r(D, null, A(d.columns, (c) => (e(), r("td", {
-              key: c.field || c.header,
-              class: w(c.class_row)
+            (e(!0), r(E, null, A(d.columns, (u) => (e(), r("td", {
+              key: u.field || u.header,
+              class: S(u.class_row)
             }, [
-              c.bodySlot ? (e(), r("span", $t, [...a[0] || (a[0] = [
-                _("span", { class: "placeholder col-8" }, null, -1)
-              ])])) : c.type === "text" ? (e(), r("span", {
+              u.bodySlot ? (e(), r("span", $t, [...a[0] || (a[0] = [
+                m("span", { class: "placeholder col-8" }, null, -1)
+              ])])) : u.type === "text" ? (e(), r("span", {
                 key: 1,
-                class: w(c.class_item)
+                class: S(u.class_item)
               }, [...a[1] || (a[1] = [
-                _("span", { class: "placeholder col-8" }, null, -1)
-              ])], 2)) : c.type === "date" ? (e(), r("span", Bt, [...a[2] || (a[2] = [
-                _("span", { class: "placeholder col-9" }, null, -1)
-              ])])) : c.type === "html" ? (e(), r("div", {
+                m("span", { class: "placeholder col-8" }, null, -1)
+              ])], 2)) : u.type === "date" ? (e(), r("span", Bt, [...a[2] || (a[2] = [
+                m("span", { class: "placeholder col-9" }, null, -1)
+              ])])) : u.type === "html" ? (e(), r("div", {
                 key: 3,
-                class: w(c.class_item)
+                class: S(u.class_item)
               }, [...a[3] || (a[3] = [
-                _("div", { class: "placeholder col-12" }, null, -1)
-              ])], 2)) : c.type === "img" ? (e(), r("div", {
+                m("div", { class: "placeholder col-12" }, null, -1)
+              ])], 2)) : u.type === "img" ? (e(), r("div", {
                 key: 4,
-                class: w(c.class_item)
+                class: S(u.class_item)
               }, [...a[4] || (a[4] = [
-                _("div", { class: "placeholder placeholder-img" }, null, -1)
+                m("div", { class: "placeholder placeholder-img" }, null, -1)
               ])], 2)) : (e(), r("span", Tt, [
                 a[5] || (a[5] = H("tipo ", -1)),
-                _("span", zt, z(c.type), 1),
+                m("span", Ot, O(u.type), 1),
                 a[6] || (a[6] = H(" não suportado ", -1))
               ]))
             ], 2))), 128))
-          ]))), 128)) : v.type_loading === "spiner-table" ? (e(!0), r(D, { key: 1 }, A(d.pagination.limit_per_page, (u) => (e(), r("tr", {
-            key: "placeholder-" + u
+          ]))), 128)) : _.type_loading === "spiner-table" ? (e(!0), r(E, { key: 1 }, A(d.pagination.limit_per_page, (c) => (e(), r("tr", {
+            key: "placeholder-" + c
           }, [
-            (e(!0), r(D, null, A(d.columns, (c) => (e(), r("td", {
-              key: c.field || c.header,
-              class: w(c.class_row)
+            (e(!0), r(E, null, A(d.columns, (u) => (e(), r("td", {
+              key: u.field || u.header,
+              class: S(u.class_row)
             }, [
-              c.bodySlot ? (e(), r("span", It, [...a[7] || (a[7] = [
-                _("span", {
+              u.bodySlot ? (e(), r("span", zt, [...a[7] || (a[7] = [
+                m("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])])) : c.type === "text" ? (e(), r("span", {
+              ])])) : u.type === "text" ? (e(), r("span", {
                 key: 1,
-                class: w(c.class_item)
+                class: S(u.class_item)
               }, [...a[8] || (a[8] = [
-                _("span", {
+                m("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])], 2)) : c.type === "date" ? (e(), r("span", Ot, [...a[9] || (a[9] = [
-                _("span", {
+              ])], 2)) : u.type === "date" ? (e(), r("span", It, [...a[9] || (a[9] = [
+                m("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])])) : c.type === "html" ? (e(), r("div", {
+              ])])) : u.type === "html" ? (e(), r("div", {
                 key: 3,
-                class: w(c.class_item)
+                class: S(u.class_item)
               }, [...a[10] || (a[10] = [
-                _("span", {
+                m("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])], 2)) : c.type === "img" ? (e(), r("div", {
+              ])], 2)) : u.type === "img" ? (e(), r("div", {
                 key: 4,
-                class: w(["", c.class_item])
+                class: S(["", u.class_item])
               }, [...a[11] || (a[11] = [
-                _("span", { class: "placeholder-img d-flex justify-content-center align-items-center" }, [
-                  _("span", {
+                m("span", { class: "placeholder-img d-flex justify-content-center align-items-center" }, [
+                  m("span", {
                     class: "spinner-border spinner-border-sm",
                     role: "status",
                     "aria-hidden": "true"
@@ -704,47 +739,47 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
                 ], -1)
               ])], 2)) : (e(), r("span", Pt, [
                 a[12] || (a[12] = H("tipo ", -1)),
-                _("span", Dt, z(c.type), 1),
+                m("span", Dt, O(u.type), 1),
                 a[13] || (a[13] = H(" não suportado ", -1))
               ]))
             ], 2))), 128))
-          ]))), 128)) : v.type_loading === "spiner" ? (e(!0), r(D, { key: 2 }, A(d.pagination.limit_per_page, (u) => (e(), r("tr", { key: u }, [
-            _("td", {
+          ]))), 128)) : _.type_loading === "spiner" ? (e(!0), r(E, { key: 2 }, A(d.pagination.limit_per_page, (c) => (e(), r("tr", { key: c }, [
+            m("td", {
               colspan: d.columns.length,
               class: "text-center p-0",
               style: { "border-bottom": "none" }
             }, [
-              u === Math.floor(d.pagination.limit_per_page / 2) + 1 ? (e(), r("div", Et, [...a[14] || (a[14] = [
-                _("div", {
+              c === Math.floor(d.pagination.limit_per_page / 2) + 1 ? (e(), r("div", Vt, [...a[14] || (a[14] = [
+                m("div", {
                   class: "spinner-border",
                   style: { width: "3rem", height: "3rem" },
                   role: "status"
                 }, null, -1),
-                _("span", { class: "mt-2" }, "Carregando...", -1)
+                m("span", { class: "mt-2" }, "Carregando...", -1)
               ])])) : (e(), r("div", Nt))
-            ], 8, Vt)
-          ]))), 128)) : b("", !0)
+            ], 8, Et)
+          ]))), 128)) : C("", !0)
         ])
       ], 2)),
-      d.attempt && d.attempt.current > 1 ? (e(), r("div", jt, " A conexão falhou. Tentando novamente... (Tentativa " + z(d.attempt.current) + " de " + z(d.attempt.total) + ") ", 1)) : b("", !0)
+      d.attempt && d.attempt.current > 1 ? (e(), r("div", jt, " A conexão falhou. Tentando novamente... (Tentativa " + O(d.attempt.current) + " de " + O(d.attempt.total) + ") ", 1)) : C("", !0)
     ]));
   }
-}), Ht = /* @__PURE__ */ fe(At, [["__scopeId", "data-v-3b019685"]]), Ft = /* @__PURE__ */ R({
+}), Ht = /* @__PURE__ */ he(At, [["__scopeId", "data-v-3b019685"]]), Ft = /* @__PURE__ */ R({
   __name: "VOrderingIcon",
   props: {
     orderings_state: {},
     use_ordering: { type: Boolean }
   },
   emits: ["toggle"],
-  setup(d, { emit: v }) {
-    const n = ae(re), a = d, u = v;
-    return (c, C) => d.use_ordering ? (e(), r("span", {
+  setup(d, { emit: _ }) {
+    const n = le(de), a = d, c = _;
+    return (u, w) => d.use_ordering ? (e(), r("span", {
       key: 0,
-      onClick: C[0] || (C[0] = (m) => u("toggle")),
+      onClick: w[0] || (w[0] = (p) => c("toggle")),
       class: "cursor-pointer"
     }, [
-      !a.orderings_state || a.orderings_state === "none" ? (e(), $(V(t(n).ordering.default), { key: 0 })) : a.orderings_state === "decreasing" ? (e(), $(V(t(n).ordering.decreasing), { key: 1 })) : a.orderings_state === "increasing" ? (e(), $(V(t(n).ordering.increasing), { key: 2 })) : b("", !0)
-    ])) : b("", !0);
+      !a.orderings_state || a.orderings_state === "none" ? (e(), $(V(t(n).ordering.default), { key: 0 })) : a.orderings_state === "decreasing" ? (e(), $(V(t(n).ordering.decreasing), { key: 1 })) : a.orderings_state === "increasing" ? (e(), $(V(t(n).ordering.increasing), { key: 2 })) : C("", !0)
+    ])) : C("", !0);
   }
 }), Lt = {
   key: 1,
@@ -760,29 +795,29 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
     col: {}
   },
   emits: ["toggleOrderingState"],
-  setup(d, { emit: v }) {
-    const n = d, a = () => me(Ft, {
+  setup(d, { emit: _ }) {
+    const n = d, a = () => ge(Ft, {
       orderings_state: n.orderings_state,
       use_ordering: n.use_ordering,
-      onToggle: () => c("toggleOrderingState")
-    }), u = T(() => ({
+      onToggle: () => u("toggleOrderingState")
+    }), c = B(() => ({
       "header-draggable": !n.locked,
       "header-locked": n.locked,
       [n.class_column]: !0
-    })), c = v, C = (B) => !B || B.length === 0 ? !0 : B.every((g) => g.type === We || g.type === Re && typeof g.children == "string" && !g.children.trim() ? !0 : g.type === D || g.type === Symbol.for("v-fgt") || String(g.type) === "Symbol(Fragment)" ? C(g.children) : !1), m = T(() => {
+    })), u = _, w = (T) => !T || T.length === 0 ? !0 : T.every((f) => f.type === We || f.type === Qe && typeof f.children == "string" && !f.children.trim() ? !0 : f.type === E || f.type === Symbol.for("v-fgt") || String(f.type) === "Symbol(Fragment)" ? w(f.children) : !1), p = B(() => {
       if (!n.col || !n.col.colHeaderSlot) return !1;
-      const B = n.col.colHeaderSlot({ col: n.col, locked: n.locked });
-      return !C(B);
+      const T = n.col.colHeaderSlot({ col: n.col, locked: n.locked });
+      return !w(T);
     });
-    return (B, g) => (e(), r("th", {
-      class: w(u.value)
+    return (T, f) => (e(), r("th", {
+      class: S(c.value)
     }, [
-      _("div", {
-        class: w({ "header-ordering": d.use_ordering })
+      m("div", {
+        class: S({ "header-ordering": d.use_ordering })
       }, [
-        m.value ? (e(), $(V(d.col.colHeaderSlot), Ce(ve({ key: 0 }, { col: n.col, locked: n.locked, OrderingComponent: a })), null, 16)) : (e(), r("div", Lt, [
-          _("span", null, z(n.header), 1),
-          d.col.colHeaderMidleSlot ? (e(), $(V(d.col.colHeaderMidleSlot), Ce(ve({ key: 0 }, { col: n.col, locked: n.locked })), null, 16)) : b("", !0),
+        p.value ? (e(), $(V(d.col.colHeaderSlot), Ce(ve({ key: 0 }, { col: n.col, locked: n.locked, OrderingComponent: a })), null, 16)) : (e(), r("div", Lt, [
+          m("span", null, O(n.header), 1),
+          d.col.colHeaderMidleSlot ? (e(), $(V(d.col.colHeaderMidleSlot), Ce(ve({ key: 0 }, { col: n.col, locked: n.locked })), null, 16)) : C("", !0),
           (e(), $(V(a)))
         ]))
       ], 2)
@@ -801,10 +836,10 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
 }, Wt = {
   key: 1,
   class: "text-secondary"
-}, Rt = {
+}, Qt = {
   key: 2,
   class: "table-responsive"
-}, Qt = { key: 0 }, Zt = { key: 0 }, ea = {
+}, Zt = { key: 0 }, Rt = { key: 0 }, ea = {
   key: 1,
   class: "w-1"
 }, ta = {
@@ -813,10 +848,10 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
 }, aa = ["onClick"], na = {
   key: 1,
   class: "w-1"
-}, sa = ["checked", "onChange"], la = ["onClick"], oa = ["onClick"], ra = { key: 0 }, ia = { key: 1 }, da = ["onClick", "innerHTML"], ca = ["onClick"], ua = ["src"], _a = ["src"], pa = {
+}, sa = ["checked", "onChange"], la = ["onClick"], oa = ["onClick"], ra = { key: 0 }, ia = { key: 1 }, da = ["onClick", "innerHTML"], ua = ["onClick"], ca = ["src"], _a = ["src"], pa = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, ma = { class: "badge bg-orange text-white erro-custom-text" }, ga = ["id"], va = ["colspan"], fa = { key: 1 }, ha = {
+}, ma = { class: "badge bg-orange text-white erro-custom-text" }, ga = ["id"], fa = ["colspan"], va = { key: 1 }, ha = {
   key: 2,
   class: "text-center p-4 text-secondary"
 }, ya = ["src"], ka = /* @__PURE__ */ R({
@@ -846,6 +881,7 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
     class_table: {},
     class_filters: {},
     class_page_size: {},
+    frontend_pagination: { type: Boolean },
     limit_per_page: {},
     page_starts_at: {},
     min_loading_delay: {},
@@ -863,6 +899,7 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
     disable_search: { type: Boolean },
     deactivate_search_empty: { type: Boolean },
     deactivate_search_on_clear: { type: Boolean },
+    custom_frontend_filter: { type: [Function, null] },
     first_text_page_size: {},
     second_text_page_size: {},
     use_checkbox: { type: Boolean },
@@ -879,15 +916,15 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
     column_manager_teleport: {}
   },
   emits: ["tradePage", "beforeFetch", "afterFetch", "clickedClearSearch"],
-  setup(d, { expose: v, emit: n }) {
-    const a = ae(re), u = O(!1), {
-      isHovering: c,
-      previewSrc: C,
-      previewStyle: m,
-      handleMouseOver: B,
-      handleMouseMove: g,
-      handleMouseLeave: y
-    } = kt(), f = d, { options: s } = St(f), P = n, h = O({}), k = O([]), L = O(!1), x = O({
+  setup(d, { expose: _, emit: n }) {
+    const a = le(de), c = I(!1), {
+      isHovering: u,
+      previewSrc: w,
+      previewStyle: p,
+      handleMouseOver: T,
+      handleMouseMove: f,
+      handleMouseLeave: k
+    } = kt(), h = d, { options: s } = St(h), P = n, y = I({}), x = I([]), q = I(!1), M = I({
       current_page: s.value.page_starts_at,
       // pagina atual
       count: 0,
@@ -899,40 +936,40 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
       filter: ""
       // filtro selecionado
     }), {
-      expand_item_toggle: U,
-      close_all_expanded_items: ne,
-      is_item_expanded: J
+      expand_item_toggle: Y,
+      close_all_expanded_items: ee,
+      is_item_expanded: G
     } = bt(
       s.value.close_expanded_item_on_expand_new,
       s.value.item_key,
       s.value.deactivate_animation_expand,
       s.value.scroll_to_expanded_item
     ), {
-      items: Y,
-      error: M,
-      attempt: S,
-      default_params: ie,
-      fetchDataWithDelay: N,
-      reSearch: j,
-      showLoadingState: Q,
-      first_fetch: G
-    } = wt(s, x, k, h, P, ne), {
-      selectAllCheckbox: he,
-      selected_items: Z,
+      items: te,
+      error: X,
+      attempt: ae,
+      default_params: b,
+      fetchDataWithDelay: v,
+      reSearch: D,
+      showLoadingState: K,
+      first_fetch: W
+    } = wt(s, M, x, y, P, ee), {
+      selectAllCheckbox: Q,
+      selected_items: N,
       isSelected: ye,
-      atLeastOneSelected: Ie,
+      atLeastOneSelected: ze,
       toggleSelectAll: ke,
-      toggleItemSelection: Oe
-    } = xt(s.value, Y), ee = T(() => s.value.storage_id ? `vdatatable_${s.value.storage_id}_${s.value.endpoint}` : null);
+      toggleItemSelection: Ie
+    } = xt(s.value, te), ne = B(() => s.value.storage_id ? `vdatatable_${s.value.storage_id}_${s.value.endpoint}` : null);
     function Pe() {
-      for (const l of k.value) {
+      for (const l of x.value) {
         let i = "";
-        const o = k.value.filter((I) => I.field === l.field).length;
+        const o = x.value.filter((z) => z.field === l.field).length;
         if (l.field && o === 1)
           i = l.field;
         else {
-          const I = k.value.filter((p) => p.header === l.header).length;
-          if (l.header && I === 1)
+          const z = x.value.filter((g) => g.header === l.header).length;
+          if (l.header && z === 1)
             i = l.header;
           else
             throw new Error(`[VDataTable] Falha de integridade: Impossível designar um ID único de armazenamento. O 'field' e 'header' estão duplicados ou ausentes. Header ofensor: ${l.header}`);
@@ -940,45 +977,45 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
         l.storage_key = i;
       }
     }
-    function de() {
-      if (!ee.value) return;
-      const l = k.value.map((i) => ({
+    function ue() {
+      if (!ne.value) return;
+      const l = x.value.map((i) => ({
         storage_key: i.storage_key,
         visible: i.visible
       }));
-      localStorage.setItem(ee.value, JSON.stringify(l));
+      localStorage.setItem(ne.value, JSON.stringify(l));
     }
     function De() {
-      if (!ee.value) return;
-      const l = localStorage.getItem(ee.value);
+      if (!ne.value) return;
+      const l = localStorage.getItem(ne.value);
       if (l)
         try {
-          const i = JSON.parse(l), o = k.value.map((E) => E.storage_key).sort(), I = i.map((E) => E.storage_key).sort();
-          if (JSON.stringify(o) !== JSON.stringify(I)) {
-            localStorage.removeItem(ee.value), de();
+          const i = JSON.parse(l), o = x.value.map((j) => j.storage_key).sort(), z = i.map((j) => j.storage_key).sort();
+          if (JSON.stringify(o) !== JSON.stringify(z)) {
+            localStorage.removeItem(ne.value), ue();
             return;
           }
-          const p = [];
-          for (const E of i) {
-            const q = k.value.find((Je) => Je.storage_key === E.storage_key);
-            q && (q.visible = E.visible, p.push(q));
+          const g = [];
+          for (const j of i) {
+            const L = x.value.find((Je) => Je.storage_key === j.storage_key);
+            L && (L.visible = j.visible, g.push(L));
           }
-          k.value.splice(0, k.value.length, ...p);
+          x.value.splice(0, x.value.length, ...g);
         } catch {
-          localStorage.removeItem(ee.value);
+          localStorage.removeItem(ne.value);
         }
     }
-    const be = T(
-      () => k.value.filter((l) => l.locked && l.visible !== !1)
-    ), ce = T({
+    const be = B(
+      () => x.value.filter((l) => l.locked && l.visible !== !1)
+    ), ce = B({
       get() {
-        return k.value.filter((l) => !l.locked && l.visible !== !1);
+        return x.value.filter((l) => !l.locked && l.visible !== !1);
       },
       set(l) {
-        const i = k.value.filter((I) => I.locked), o = k.value.filter((I) => !I.locked && I.visible === !1);
-        k.value.splice(0, k.value.length, ...l, ...o, ...i), de();
+        const i = x.value.filter((z) => z.locked), o = x.value.filter((z) => !z.locked && z.visible === !1);
+        x.value.splice(0, x.value.length, ...l, ...o, ...i), ue();
       }
-    }), Ve = T(() => [...ce.value, ...be.value]), ue = T(() => k.value.map((l) => ({
+    }), Ee = B(() => [...ce.value, ...be.value]), _e = B(() => x.value.map((l) => ({
       id: l.id,
       header: l.header,
       field: l.field,
@@ -987,116 +1024,116 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
       visible: l.visible !== !1,
       locked: l.locked
     })));
-    function _e(l) {
-      const i = k.value.find((o) => o.id === l);
-      i && (i.visible = !i.visible, de());
+    function pe(l) {
+      const i = x.value.find((o) => o.id === l);
+      i && (i.visible = !i.visible, ue());
     }
-    const Ee = T(() => {
+    const Ve = B(() => {
       let l = [1];
       return s.value.list_filter.length > 0 && l.push(2), l;
-    }), se = T(() => Y.value.length > 0);
+    }), oe = B(() => te.value.length > 0);
     function Ne() {
       setTimeout(() => {
-        L.value = !1;
+        q.value = !1;
       }, 500);
     }
     function je(l) {
-      k.value.push(l);
+      x.value.push(l);
     }
-    Qe(ze, { addColumn: je });
+    Ze(Oe, { addColumn: je });
     const we = (l) => {
       const i = l.target, o = parseInt(i.value, 10);
-      o > 0 && (x.value.limit_per_page = o, x.value.limit_per_page = o, j());
+      o > 0 && (M.value.limit_per_page = o, M.value.limit_per_page = o, D());
     };
-    function K(l, i, o = null) {
+    function U(l, i, o = null) {
       if (!l) return i;
-      const I = l.split(".");
-      let p = i;
-      for (const E of I)
-        p && typeof p == "object" && E in p ? p = p[E] : console.error(`Caminho inválido ou valor nulo em: ${l} na parte ${E}`);
-      return o && (p = o(p)), p;
+      const z = l.split(".");
+      let g = i;
+      for (const j of z)
+        g && typeof g == "object" && j in g ? g = g[j] : console.error(`Caminho inválido ou valor nulo em: ${l} na parte ${j}`);
+      return o && (g = o(g)), g;
     }
     function Ae(l, i) {
       return i && typeof i == "number" && i > 0 && typeof l == "string" && l.length > i ? l.substring(0, i) + "..." : l;
     }
     function xe(l) {
-      for (const o in h.value)
-        o !== l && (h.value[o] = "none");
-      const i = h.value[l] || "none";
-      i === "none" ? h.value[l] = "increasing" : i === "increasing" ? h.value[l] = "decreasing" : h.value[l] = "none", j();
+      for (const o in y.value)
+        o !== l && (y.value[o] = "none");
+      const i = y.value[l] || "none";
+      i === "none" ? y.value[l] = "increasing" : i === "increasing" ? y.value[l] = "decreasing" : y.value[l] = "none", D();
     }
     function He(l) {
-      l > 0 ? (x.value.limit_per_page = l, j()) : console.warn("O limite deve ser um número maior que zero.");
+      l > 0 ? (M.value.limit_per_page = l, D()) : console.warn("O limite deve ser um número maior que zero.");
     }
     function Fe(l) {
-      x.value.search = l, j();
+      M.value.search = l, D();
     }
     function Le(l) {
-      x.value.filter = l, j();
+      M.value.filter = l, D();
     }
     function qe(l) {
-      l >= 0 && l <= Math.ceil(x.value.count / x.value.limit_per_page) ? (x.value.current_page = l, N()) : console.warn("Número de página inválido.");
+      l >= 0 && l <= Math.ceil(M.value.count / M.value.limit_per_page) ? (M.value.current_page = l, v()) : console.warn("Número de página inválido.");
     }
     function Ke() {
-      let l = k.value.length;
+      let l = x.value.length;
       return s.value.use_checkbox && (l += 1), s.value.use_expandable_items && (l += 1), l;
     }
     function Ue() {
-      P("tradePage"), N();
+      P("tradePage"), v();
     }
-    const le = (l, i) => {
+    const re = (l, i) => {
       const o = [l.class_item || ""];
       if (l.click && o.push("cursor-pointer"), l.class_rules)
-        for (const [I, p] of Object.entries(l.class_rules))
-          typeof p == "function" && p(i) && o.push(I);
+        for (const [z, g] of Object.entries(l.class_rules))
+          typeof g == "function" && g(i) && o.push(z);
       return o.join(" ").trim();
     };
-    return v({
-      execute: N,
-      reSearch: j,
-      pagination: Ze(x),
+    return _({
+      execute: v,
+      reSearch: D,
+      pagination: Re(M),
       set_limit_per_page: He,
       set_search: Fe,
       set_filter: Le,
       set_page: qe,
-      default_params: ie,
-      selected_items: Z,
-      atLeastOneSelected: Ie,
-      expand_item_toggle: U,
-      close_all_expanded_items: ne,
-      selectAllCheckbox: he,
-      toggleColumnVisibility: _e,
-      columns_list: ue
+      default_params: b,
+      selected_items: N,
+      atLeastOneSelected: ze,
+      expand_item_toggle: Y,
+      close_all_expanded_items: ee,
+      selectAllCheckbox: Q,
+      toggleColumnVisibility: pe,
+      columns_list: _e
     }), $e(() => {
-      u.value = !0, s.value.immediate && ge(() => {
-        j();
-      }), ge(() => {
+      c.value = !0, s.value.immediate && fe(() => {
+        D();
+      }), fe(() => {
         s.value.storage_id && (Pe(), De());
       });
     }), (l, i) => (e(), r("div", null, [
-      _("div", {
-        class: w(["", t(s).class_container])
+      m("div", {
+        class: S(["", t(s).class_container])
       }, [
         F(l.$slots, "default", {}, void 0, !0),
-        _("div", {
-          class: w(["", t(s).class_content])
+        m("div", {
+          class: S(["", t(s).class_content])
         }, [
-          _("div", {
-            class: w([t(s).class_filters, "d-flex justify-content-between align-items-start"])
+          m("div", {
+            class: S([t(s).class_filters, "d-flex justify-content-between align-items-start"])
           }, [
             F(l.$slots, "pageSize", {
               changePageSize: we,
-              limit_per_page: x.value.limit_per_page
+              limit_per_page: M.value.limit_per_page
             }, () => [
-              _("div", {
-                class: w(["text-secondary", t(s).class_page_size])
+              m("div", {
+                class: S(["text-secondary", t(s).class_page_size])
               }, [
-                H(z(t(s).first_text_page_size) + " ", 1),
-                _("div", qt, [
-                  Be(_("input", {
+                H(O(t(s).first_text_page_size) + " ", 1),
+                m("div", qt, [
+                  Be(m("input", {
                     class: "form-control form-control-sm",
                     onChange: we,
-                    "onUpdate:modelValue": i[0] || (i[0] = (o) => x.value.limit_per_page = o),
+                    "onUpdate:modelValue": i[0] || (i[0] = (o) => M.value.limit_per_page = o),
                     min: "1",
                     size: "3",
                     "aria-label": "Número de registros por página",
@@ -1104,116 +1141,116 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
                   }, null, 544), [
                     [
                       Te,
-                      x.value.limit_per_page,
+                      M.value.limit_per_page,
                       void 0,
                       { lazy: !0 }
                     ]
                   ])
                 ]),
-                H(" " + z(t(s).second_text_page_size), 1)
+                H(" " + O(t(s).second_text_page_size), 1)
               ], 2)
             ], !0),
             F(l.$slots, "fieldMiddle", {}, void 0, !0),
-            _("div", Kt, [
-              u.value ? (e(), $(oe, {
+            m("div", Kt, [
+              c.value ? (e(), $(ie, {
                 key: 0,
                 to: t(s).search_teleport || "body",
                 disabled: !t(s).search_teleport
               }, [
-                t(s).disable_search ? b("", !0) : (e(), $(gt, {
+                t(s).disable_search ? C("", !0) : (e(), $(gt, {
                   key: 0,
-                  search: x.value.search,
-                  "onUpdate:search": i[1] || (i[1] = (o) => x.value.search = o),
-                  filter: x.value.filter,
-                  "onUpdate:filter": i[2] || (i[2] = (o) => x.value.filter = o),
+                  search: M.value.search,
+                  "onUpdate:search": i[1] || (i[1] = (o) => M.value.search = o),
+                  filter: M.value.filter,
+                  "onUpdate:filter": i[2] || (i[2] = (o) => M.value.filter = o),
                   list_filter: t(s).list_filter,
-                  item_use: Ee.value,
-                  onSearch: t(j),
+                  item_use: Ve.value,
+                  onSearch: t(D),
                   deactivate_search_on_clear: t(s).deactivate_search_on_clear,
                   placeholder_search: t(s).placeholder_search,
                   deactivate_search_empty: t(s).deactivate_search_empty,
                   use_column_manager: t(s).use_column_manager,
-                  toggleColumnVisibility: _e,
-                  columns_list: ue.value,
+                  toggleColumnVisibility: pe,
+                  columns_list: _e.value,
                   onClickedClearSearch: i[3] || (i[3] = (o) => l.$emit("clickedClearSearch"))
                 }, {
-                  "search-field": X(() => [
+                  "search-field": Z(() => [
                     F(l.$slots, "search-field", {
-                      search: x.value.search,
-                      filter: x.value.filter,
-                      reSearch: t(j)
+                      search: M.value.search,
+                      filter: M.value.filter,
+                      reSearch: t(D)
                     }, void 0, !0)
                   ]),
                   _: 3
                 }, 8, ["search", "filter", "list_filter", "item_use", "onSearch", "deactivate_search_on_clear", "placeholder_search", "deactivate_search_empty", "use_column_manager", "columns_list"]))
-              ], 8, ["to", "disabled"])) : b("", !0),
-              u.value ? (e(), $(oe, {
+              ], 8, ["to", "disabled"])) : C("", !0),
+              c.value ? (e(), $(ie, {
                 key: 1,
                 to: t(s).column_manager_teleport || "body",
                 disabled: !t(s).column_manager_teleport
               }, [
-                te(yt, {
+                se(yt, {
                   use_column_manager: t(s).use_column_manager,
-                  columns_list: ue.value,
-                  toggleColumnVisibility: _e,
+                  columns_list: _e.value,
+                  toggleColumnVisibility: pe,
                   disable_class_column_manager_default: t(s).disable_class_column_manager_default,
                   class_column_manager_button: t(s).class_column_manager_button,
                   class_column_manager_dropdown_menu: t(s).class_column_manager_dropdown_menu,
                   class_column_manager_dropdown: t(s).class_column_manager_dropdown
                 }, null, 8, ["use_column_manager", "columns_list", "disable_class_column_manager_default", "class_column_manager_button", "class_column_manager_dropdown_menu", "class_column_manager_dropdown"])
-              ], 8, ["to", "disabled"])) : b("", !0),
-              u.value ? (e(), $(oe, {
+              ], 8, ["to", "disabled"])) : C("", !0),
+              c.value ? (e(), $(ie, {
                 key: 2,
                 to: t(s).extra_actions_teleport || "body",
                 disabled: !t(s).extra_actions_teleport
               }, [
                 F(l.$slots, "extra-actions", {}, void 0, !0)
-              ], 8, ["to", "disabled"])) : b("", !0)
+              ], 8, ["to", "disabled"])) : C("", !0)
             ])
           ], 2),
           F(l.$slots, "item-selected-info", {
-            selected_items: t(Z),
-            clearSelection: () => Z.value = []
+            selected_items: t(N),
+            clearSelection: () => N.value = []
           }, () => [
-            t(s).use_checkbox && t(Z).length > 0 && !t(s).deactivate_selected_info ? (e(), r("div", Ut, [
-              _("h4", Jt, [
-                i[10] || (i[10] = _("strong", null, "oi Itens Selecionados:", -1)),
+            t(s).use_checkbox && t(N).length > 0 && !t(s).deactivate_selected_info ? (e(), r("div", Ut, [
+              m("h4", Jt, [
+                i[10] || (i[10] = m("strong", null, "oi Itens Selecionados:", -1)),
                 i[11] || (i[11] = H()),
-                _("span", Yt, z(t(Z).length), 1)
+                m("span", Yt, O(t(N).length), 1)
               ]),
-              _("a", {
+              m("a", {
                 class: "cursor-pointer",
-                onClick: i[4] || (i[4] = (o) => Z.value = [])
+                onClick: i[4] || (i[4] = (o) => N.value = [])
               }, [
                 (e(), $(V(t(a).checkbox.clear))),
                 i[12] || (i[12] = H(" Limpar Seleção ", -1))
               ])
-            ])) : b("", !0)
+            ])) : C("", !0)
           ], !0),
-          t(Q) ? (e(), $(Ht, {
+          t(K) ? (e(), $(Ht, {
             key: 0,
-            columns: k.value,
-            limit: x.value.limit_per_page,
+            columns: x.value,
+            limit: M.value.limit_per_page,
             type_loading: t(s).type_loading,
             custom_loading: t(s).custom_loading,
             class_table: t(s).class_table,
-            attempt: t(S),
-            pagination: x.value
-          }, null, 8, ["columns", "limit", "type_loading", "custom_loading", "class_table", "attempt", "pagination"])) : t(M) ? (e(), r("div", Gt, [
-            i[13] || (i[13] = _("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
-            t(S) ? (e(), r("p", Xt, " Não foi possível carregar os dados após " + z(t(S).total) + " tentativa(s). ", 1)) : (e(), r("p", Wt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
-            _("button", {
+            attempt: t(ae),
+            pagination: M.value
+          }, null, 8, ["columns", "limit", "type_loading", "custom_loading", "class_table", "attempt", "pagination"])) : t(X) ? (e(), r("div", Gt, [
+            i[13] || (i[13] = m("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
+            t(ae) ? (e(), r("p", Xt, " Não foi possível carregar os dados após " + O(t(ae).total) + " tentativa(s). ", 1)) : (e(), r("p", Wt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
+            m("button", {
               class: "btn btn-primary mt-2",
               onClick: i[5] || (i[5] = //@ts-ignore
-              (...o) => t(N) && t(N)(...o))
+              (...o) => t(v) && t(v)(...o))
             }, " Tentar Novamente ")
-          ])) : t(Y) ? (e(), r("div", Rt, [
-            se.value || t(s).show_header_when_empty ? (e(), r("div", Qt, [
-              _("table", {
-                class: w(["table table-vcenter table-selectable", t(s).class_table])
+          ])) : t(te) ? (e(), r("div", Qt, [
+            oe.value || t(s).show_header_when_empty ? (e(), r("div", Zt, [
+              m("table", {
+                class: S(["table table-vcenter table-selectable", t(s).class_table])
               }, [
-                _("thead", null, [
-                  te(t(st), {
+                m("thead", null, [
+                  se(t(st), {
                     modelValue: ce.value,
                     "onUpdate:modelValue": i[7] || (i[7] = (o) => ce.value = o),
                     tag: "tr",
@@ -1221,41 +1258,41 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
                     animation: 400,
                     "ghost-class": "ghost-item",
                     "drag-class": "dragging-item",
-                    onStart: i[8] || (i[8] = (o) => L.value = !0),
+                    onStart: i[8] || (i[8] = (o) => q.value = !0),
                     onEnd: i[9] || (i[9] = () => Ne())
                   }, {
-                    header: X(() => [
-                      t(s).use_expandable_items ? (e(), r("th", Zt)) : b("", !0),
+                    header: Z(() => [
+                      t(s).use_expandable_items ? (e(), r("th", Rt)) : C("", !0),
                       t(s).use_checkbox ? (e(), r("th", ea, [
-                        _("input", {
+                        m("input", {
                           class: "form-check-input m-0",
                           type: "checkbox",
                           ref_key: "selectAllCheckbox",
-                          ref: he,
+                          ref: Q,
                           onChange: i[6] || (i[6] = //@ts-ignore
                           (...o) => t(ke) && t(ke)(...o)),
                           "aria-label": "Selecionar todos os itens na página"
                         }, null, 544)
-                      ])) : b("", !0)
+                      ])) : C("", !0)
                     ]),
-                    item: X(({ element: o }) => [
-                      te(Se, {
+                    item: Z(({ element: o }) => [
+                      se(Se, {
                         header: o.header,
                         class_column: o.class_column,
                         use_ordering: o.use_ordering,
-                        orderings_state: h.value[o.id] || "none",
+                        orderings_state: y.value[o.id] || "none",
                         onToggleOrderingState: () => xe(o.id),
                         locked: !1,
                         col: o
                       }, null, 8, ["header", "class_column", "use_ordering", "orderings_state", "onToggleOrderingState", "col"])
                     ]),
-                    footer: X(() => [
-                      (e(!0), r(D, null, A(be.value, (o) => (e(), $(Se, {
+                    footer: Z(() => [
+                      (e(!0), r(E, null, A(be.value, (o) => (e(), $(Se, {
                         key: o.field || o.header,
                         header: o.header,
                         class_column: o.class_column,
                         use_ordering: o.use_ordering,
-                        orderings_state: h.value[o.id] || "none",
+                        orderings_state: y.value[o.id] || "none",
                         onToggleOrderingState: () => xe(o.id),
                         col: o,
                         locked: ""
@@ -1264,174 +1301,174 @@ const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                _("tbody", null, [
-                  se.value ? (e(!0), r(D, { key: 0 }, A(t(Y), (o, I) => (e(), r(D, {
+                m("tbody", null, [
+                  oe.value ? (e(!0), r(E, { key: 0 }, A(t(te), (o, z) => (e(), r(E, {
                     key: o[t(s).item_key]
                   }, [
-                    te(et, {
+                    se(et, {
                       tag: "tr",
-                      name: L.value ? "column-move" : ""
+                      name: q.value ? "column-move" : ""
                     }, {
-                      default: X(() => [
+                      default: Z(() => [
                         t(s).use_expandable_items ? (e(), r("td", ta, [
                           F(l.$slots, "expand-button", {
                             item: o,
-                            index: I,
-                            isExpanded: t(J)(o),
-                            expand_item_toggle: t(U)
+                            index: z,
+                            isExpanded: t(G)(o),
+                            expand_item_toggle: t(Y)
                           }, () => [
-                            _("button", {
+                            m("button", {
                               type: "button",
-                              class: w(["btn-clean btn-icon-anim", { "is-expanded": t(J)(o) }]),
-                              onClick: (p) => t(U)(o)
+                              class: S(["btn-clean btn-icon-anim", { "is-expanded": t(G)(o) }]),
+                              onClick: (g) => t(Y)(o)
                             }, [
                               t(s).type_button_expand === "arrow" ? (e(), $(V(t(a).expand.arrow), { key: 0 })) : (e(), $(V(t(a).expand.plus), { key: 1 }))
                             ], 10, aa)
                           ], !0)
-                        ])) : b("", !0),
+                        ])) : C("", !0),
                         t(s).use_checkbox ? (e(), r("td", na, [
-                          _("input", {
+                          m("input", {
                             class: "form-check-input m-0",
                             type: "checkbox",
                             checked: t(ye)(o),
-                            onChange: (p) => t(Oe)(o),
+                            onChange: (g) => t(Ie)(o),
                             "aria-label": "Selecionar este item"
                           }, null, 40, sa)
-                        ])) : b("", !0),
-                        (e(!0), r(D, null, A(Ve.value, (p, E) => (e(), r("td", {
-                          key: p.field || p.header,
-                          class: w(p.class_row)
+                        ])) : C("", !0),
+                        (e(!0), r(E, null, A(Ee.value, (g, j) => (e(), r("td", {
+                          key: g.field || g.header,
+                          class: S(g.class_row)
                         }, [
-                          p.bodySlot ? (e(), $(V(p.bodySlot), {
+                          g.bodySlot ? (e(), $(V(g.bodySlot), {
                             key: 0,
                             item: o,
-                            index: E,
+                            index: j,
                             "is-selected": t(ye)(o)
-                          }, null, 8, ["item", "index", "is-selected"])) : p.type === "text" ? (e(), r("span", {
+                          }, null, 8, ["item", "index", "is-selected"])) : g.type === "text" ? (e(), r("span", {
                             key: 1,
-                            onClick: (q) => p.click ? p.click(o) : null,
-                            class: w(le(p, o))
-                          }, z(Ae(K(p.field, o, p.transform_function), p.limite_text ?? null)), 11, la)) : p.type === "date" ? (e(), r("span", {
+                            onClick: (L) => g.click ? g.click(o) : null,
+                            class: S(re(g, o))
+                          }, O(Ae(U(g.field, o, g.transform_function), g.limite_text ?? null)), 11, la)) : g.type === "date" ? (e(), r("span", {
                             key: 2,
-                            onClick: (q) => p.click ? p.click(o) : null,
-                            class: w(le(p, o))
+                            onClick: (L) => g.click ? g.click(o) : null,
+                            class: S(re(g, o))
                           }, [
-                            p.format === "complete" ? (e(), r("span", ra, z(new Date(K(
-                              p.field,
+                            g.format === "complete" ? (e(), r("span", ra, O(new Date(U(
+                              g.field,
                               o
-                            )).toLocaleString()), 1)) : b("", !0),
-                            p.format === "simple" ? (e(), r("span", ia, z(new Date(K(
-                              p.field,
+                            )).toLocaleString()), 1)) : C("", !0),
+                            g.format === "simple" ? (e(), r("span", ia, O(new Date(U(
+                              g.field,
                               o
-                            )).toLocaleDateString()), 1)) : b("", !0)
-                          ], 10, oa)) : p.type === "html" ? (e(), r("div", {
+                            )).toLocaleDateString()), 1)) : C("", !0)
+                          ], 10, oa)) : g.type === "html" ? (e(), r("div", {
                             key: 3,
-                            onClick: (q) => p.click ? p.click(o) : null,
-                            class: w(le(p, o)),
-                            innerHTML: K(p.field, o)
-                          }, null, 10, da)) : p.type === "img" ? (e(), r("div", {
+                            onClick: (L) => g.click ? g.click(o) : null,
+                            class: S(re(g, o)),
+                            innerHTML: U(g.field, o)
+                          }, null, 10, da)) : g.type === "img" ? (e(), r("div", {
                             key: 4,
-                            onClick: (q) => p.click ? p.click(o) : null,
-                            class: w(le(p, o))
+                            onClick: (L) => g.click ? g.click(o) : null,
+                            class: S(re(g, o))
                           }, [
-                            K(p.field, o) ? (e(), r("div", ve({
+                            U(g.field, o) ? (e(), r("div", ve({
                               key: 0,
                               ref_for: !0
-                            }, p.deactivate_img_preview ? {
+                            }, g.deactivate_img_preview ? {
                               class: "container-img"
                             } : {
-                              onMouseover: (q) => t(B)(q, K(p.field, o)),
-                              onMousemove: t(g),
-                              onMouseleave: t(y),
+                              onMouseover: (L) => t(T)(L, U(g.field, o)),
+                              onMousemove: t(f),
+                              onMouseleave: t(k),
                               class: "container-img container-img-preview"
                             }), [
-                              _("img", {
+                              m("img", {
                                 class: "img-tamanho",
-                                src: K(p.field, o)
-                              }, null, 8, ua),
-                              _("img", {
+                                src: U(g.field, o)
+                              }, null, 8, ca),
+                              m("img", {
                                 class: "img-tamanho-cover",
-                                src: K(p.field, o)
+                                src: U(g.field, o)
                               }, null, 8, _a),
-                              i[14] || (i[14] = _("div", { class: "bg-img" }, null, -1))
-                            ], 16)) : b("", !0)
-                          ], 10, ca)) : (e(), r("span", pa, [
+                              i[14] || (i[14] = m("div", { class: "bg-img" }, null, -1))
+                            ], 16)) : C("", !0)
+                          ], 10, ua)) : (e(), r("span", pa, [
                             i[15] || (i[15] = H("tipo ", -1)),
-                            _("span", ma, z(p.type), 1),
+                            m("span", ma, O(g.type), 1),
                             i[16] || (i[16] = H(" não suportado", -1))
                           ]))
                         ], 2))), 128))
                       ]),
                       _: 2
                     }, 1032, ["name"]),
-                    te(tt, {
+                    se(tt, {
                       name: "expand-item-" + t(s).type_animation_expand,
                       css: !t(s).deactivate_animation_expand
                     }, {
-                      default: X(() => [
-                        t(J)(o) ? (e(), r("tr", {
+                      default: Z(() => [
+                        t(G)(o) ? (e(), r("tr", {
                           key: 0,
                           id: "expand-item-" + o[t(s).item_key],
                           class: "expanded-item-row"
                         }, [
-                          _("td", {
+                          m("td", {
                             colspan: Ke()
                           }, [
                             F(l.$slots, "after-row", { item: o }, void 0, !0)
-                          ], 8, va)
-                        ], 8, ga)) : b("", !0)
+                          ], 8, fa)
+                        ], 8, ga)) : C("", !0)
                       ]),
                       _: 2
                     }, 1032, ["name", "css"])
-                  ], 64))), 128)) : b("", !0)
+                  ], 64))), 128)) : C("", !0)
                 ])
               ], 2)
-            ])) : b("", !0),
-            !se.value && t(G) === !1 ? (e(), r("div", fa, [
+            ])) : C("", !0),
+            !oe.value && t(W) === !1 ? (e(), r("div", va, [
               F(l.$slots, "idle-state", {}, void 0, !0)
-            ])) : se.value ? b("", !0) : (e(), r("div", ha, [...i[17] || (i[17] = [
-              _("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
+            ])) : oe.value ? C("", !0) : (e(), r("div", ha, [...i[17] || (i[17] = [
+              m("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
             ])]))
-          ])) : b("", !0)
+          ])) : C("", !0)
         ], 2)
       ], 2),
-      u.value ? (e(), $(oe, {
+      c.value ? (e(), $(ie, {
         key: 0,
         to: t(s).pagination_teleport || "body",
         disabled: !t(s).pagination_teleport
       }, [
         F(l.$slots, "pagination", {
-          pagination: x.value,
-          tradePage: t(N),
-          error: t(M)
+          pagination: M.value,
+          tradePage: t(v),
+          error: t(X)
         }, () => [
-          !t(M) && x.value.count > 0 ? (e(), r("div", {
+          !t(X) && M.value.count > 0 ? (e(), r("div", {
             key: 0,
-            class: w(["px-3", t(s).class_pagination])
+            class: S(["px-3", t(s).class_pagination])
           }, [
-            te(nt, {
+            se(nt, {
               page_starts_at: t(s).page_starts_at,
               filtering: !0,
-              pagination: x.value,
+              pagination: M.value,
               onTradePage: Ue
             }, null, 8, ["page_starts_at", "pagination"])
-          ], 2)) : b("", !0)
+          ], 2)) : C("", !0)
         ], !0)
-      ], 8, ["to", "disabled"])) : b("", !0),
-      t(c) ? (e(), r("div", {
+      ], 8, ["to", "disabled"])) : C("", !0),
+      t(u) ? (e(), r("div", {
         key: 1,
         class: "image-preview-container",
-        style: at(t(m))
+        style: at(t(p))
       }, [
-        _("img", {
-          src: t(C),
+        m("img", {
+          src: t(w),
           alt: "Preview",
           class: "image-preview-large"
         }, null, 8, ya)
-      ], 4)) : b("", !0)
+      ], 4)) : C("", !0)
     ]));
   }
-}), Ma = /* @__PURE__ */ fe(ka, [["__scopeId", "data-v-3198e7cc"]]);
+}), Ma = /* @__PURE__ */ he(ka, [["__scopeId", "data-v-3198e7cc"]]);
 export {
   Sa as VColumn,
   Ma as VDataTable