v-sistec-features 1.27.2 → 1.29.0

package/dist/vDataTable.js

@@ -1,8 +1,8 @@
-import { defineComponent as J, useSlots as Xe, inject as Ce, onMounted as Se, h as _e, computed as M, watch as Q, resolveComponent as We, createElementBlock as d, openBlock as e, Fragment as D, createCommentVNode as k, createElementVNode as _, withModifiers as ue, createBlock as C, resolveDynamicComponent as V, unref as s, withDirectives as Me, withKeys as Re, vModelText as $e, renderList as N, withCtx as U, createTextVNode as H, toDisplayString as B, normalizeClass as b, ref as z, nextTick as pe, normalizeProps as we, mergeProps as me, Comment as Qe, Text as Ze, provide as et, readonly as tt, renderSlot as A, Teleport as se, createVNode as R, TransitionGroup as at, Transition as nt, normalizeStyle as st } from "vue";
-import { _ as ge, P as lt } from "./Pagination-DtVDFQ07.js";
-import ot from "vuedraggable";
-import { D as rt } from "./datatableConfig-BMFlKtgh.js";
-const Be = Symbol("v-datatable-key"), $a = /* @__PURE__ */ J({
+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 Oe = Symbol("v-datatable-key"), Sa = /* @__PURE__ */ R({
   __name: "VColumn",
   props: {
     field: { default: null },
@@ -24,61 +24,61 @@ const Be = Symbol("v-datatable-key"), $a = /* @__PURE__ */ J({
     class_rules: { default: () => ({}) },
     start_hidden: { type: Boolean, default: !1 }
   },
-  setup(r) {
-    const g = crypto.randomUUID(), l = r, n = Xe(), u = Ce(Be);
-    if (!u)
+  setup(d) {
+    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"];
-    return Se(() => {
-      if (l.field !== null && !l.field)
+    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 (!l.header)
+      if (!n.header)
         throw new Error('A propriedade "header" é obrigatória em VColumn.');
-      if (l.field !== null && !c.includes(l.type))
-        throw new Error(`O tipo "${l.type}" não é suportado em VColumn. Tipos suportados: text, img, date, html.`);
-      if (l.limite_text) {
-        if (l.type !== "text")
+      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")
           throw new Error('A propriedade "limite_text" só pode ser usada quando o tipo for "text".');
-        if (typeof l.limite_text == "string" && isNaN(Number(l.limite_text)))
+        if (typeof n.limite_text == "string" && isNaN(Number(n.limite_text)))
           throw new Error('A propriedade "limite_text" deve ser um número quando for uma string.');
-        if (isNaN(Number(l.limite_text)) || Number(l.limite_text) <= 0)
+        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: g,
-        field: l.field,
-        header: l.header,
-        type: l.type,
-        class_column: l.class_column,
-        class_row: l.class_row,
-        class_item: l.class_item,
-        click: l.click,
-        transform_function: l.transform_function,
-        locked: l.locked,
-        use_ordering: l.use_ordering,
-        param_ordering: l.param_ordering,
-        decreasing_value: l.decreasing_value,
-        increasing_value: l.increasing_value,
-        class_rules: l.class_rules,
-        bodySlot: n.body,
+      c.addColumn({
+        id: _,
+        field: n.field,
+        header: n.header,
+        type: n.type,
+        class_column: n.class_column,
+        class_row: n.class_row,
+        class_item: n.class_item,
+        click: n.click,
+        transform_function: n.transform_function,
+        locked: n.locked,
+        use_ordering: n.use_ordering,
+        param_ordering: n.param_ordering,
+        decreasing_value: n.decreasing_value,
+        increasing_value: n.increasing_value,
+        class_rules: n.class_rules,
+        bodySlot: a.body,
         // colHeaderSlot é para o slot do header da coluna, que pode ser usado para colocar ícone de ordenação ou qualquer outra coisa que o usuário queira colocar no header da coluna
-        colHeaderSlot: n.col_header,
+        colHeaderSlot: a.col_header,
         // colHeaderMidleSlot é para o slot do header da coluna, mas ele fica entre o texto do header e o ícone de ordenação, para o usuário colocar coisas entre eles
-        colHeaderMidleSlot: n.col_header_midle,
-        ...l.type === "text" && { limite_text: Number(l.limite_text) },
-        ...l.type === "img" && { deactivate_img_preview: l.deactivate_img_preview },
-        ...l.type === "date" && { format: l.format },
-        start_hidden: l.start_hidden,
+        colHeaderMidleSlot: a.col_header_midle,
+        ...n.type === "text" && { limite_text: Number(n.limite_text) },
+        ...n.type === "img" && { deactivate_img_preview: n.deactivate_img_preview },
+        ...n.type === "date" && { format: n.format },
+        start_hidden: n.start_hidden,
         // se a coluna é opcional por padrão ela não é visível, mas o usuário pode escolher mostrar ela
-        visible: !l.start_hidden
+        visible: !n.start_hidden
         // Se start_hidden for true, ela não estará visível inicialmente
       });
-    }), (x, T) => null;
+    }), (w, p) => null;
   }
-}), it = new DOMParser(), dt = (r) => {
-  const l = it.parseFromString(r, "image/svg+xml").documentElement;
-  if (l.tagName.toLowerCase() !== "svg")
-    return () => _e("span", {
+}), ot = new DOMParser(), rt = (d) => {
+  const n = ot.parseFromString(d, "image/svg+xml").documentElement;
+  if (n.tagName.toLowerCase() !== "svg")
+    return () => ge("span", {
       style: {
         backgroundColor: "red",
         color: "white",
@@ -86,28 +86,28 @@ const Be = Symbol("v-datatable-key"), $a = /* @__PURE__ */ J({
         textAlign: "center"
       }
     }, "Icon Error");
-  const n = {};
-  for (const c of l.attributes)
-    n[c.name] = c.value;
-  const u = l.innerHTML;
-  return (c, { attrs: x }) => {
-    const T = n.class || "", S = x.class || "", m = [T, S].filter(Boolean).join(" "), { class: v, ...f } = n, { class: a, ...I } = x;
-    return _e("svg", {
-      ...f,
-      ...c,
-      ...I,
-      class: m,
-      innerHTML: u
+  const a = {};
+  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: f,
+      innerHTML: c
     });
   };
-}, ee = (r) => {
-  const g = {};
-  for (const l in r) {
-    const n = r[l];
-    typeof n == "string" ? g[l] = dt(n) : typeof n == "object" && n !== null && (g[l] = ee(n));
+}, le = (d) => {
+  const _ = {};
+  for (const n in d) {
+    const a = d[n];
+    typeof a == "string" ? _[n] = rt(a) : typeof a == "object" && a !== null && (_[n] = le(a));
   }
-  return g;
-}, le = {
+  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,13 +126,13 @@ const Be = Symbol("v-datatable-key"), $a = /* @__PURE__ */ J({
     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> '
-}, ct = { class: "input-icon" }, ut = ["placeholder"], _t = {
+}, it = { class: "input-icon" }, dt = ["placeholder"], ut = {
   key: 1,
   class: "input-icon-addon"
-}, pt = {
+}, ct = {
   key: 1,
   class: "dropdown-menu"
-}, mt = ["onClick"], gt = ["onClick"], ft = /* @__PURE__ */ J({
+}, _t = ["onClick"], pt = ["onClick"], mt = /* @__PURE__ */ R({
   __name: "SearchDatatable",
   props: {
     search: {},
@@ -144,99 +144,99 @@ const Be = Symbol("v-datatable-key"), $a = /* @__PURE__ */ J({
     deactivate_search_empty: { type: Boolean, default: !1 }
   },
   emits: ["update:search", "update:filter", "search", "clickedClearSearch"],
-  setup(r, { emit: g }) {
-    const l = ee(le), n = r, u = g, c = M({
-      get: () => n.search,
-      set: (f) => u("update:search", f)
-    }), x = M({
-      get: () => n.filter,
-      set: (f) => u("update:filter", f)
+  setup(d, { emit: _ }) {
+    const n = le(de), a = d, c = _, u = B({
+      get: () => a.search,
+      set: (h) => c("update:search", h)
+    }), w = B({
+      get: () => a.filter,
+      set: (h) => c("update:filter", h)
     });
-    Q(x, () => {
-      u("search");
-    }), Q(
-      () => n.list_filter,
-      (f) => {
-        Array.isArray(f) ? (f.forEach((a, I) => {
-          a?.type === 1 && !a.to && console.error(`Filtro na posição ${I} é do tipo 'router-link' mas não possui a propriedade 'to'.`);
-        }), n.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.");
+    J(w, () => {
+      c("search");
+    }), J(
+      () => a.list_filter,
+      (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) && 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 T(f) {
-      x.value === f ? x.value = "" : x.value = f;
+    function p(h) {
+      w.value === h ? w.value = "" : w.value = h;
     }
-    function S() {
-      c.value = "", n.deactivate_search_on_clear || u("search"), u("clickedClearSearch");
+    function T() {
+      u.value = "", a.deactivate_search_on_clear || c("search"), c("clickedClearSearch");
     }
-    function m(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 v() {
-      n.deactivate_search_empty && c.value.trim() === "" || u("search");
+    function k() {
+      a.deactivate_search_empty && u.value.trim() === "" || c("search");
     }
-    return (f, a) => {
-      const I = We("router-link");
-      return e(), d(D, null, [
-        r.item_use.includes(2) ? (e(), d("a", {
+    return (h, s) => {
+      const P = Ge("router-link");
+      return e(), r(E, null, [
+        d.item_use.includes(2) ? (e(), r("a", {
           key: 0,
-          onClick: a[0] || (a[0] = ue(() => {
+          onClick: s[0] || (s[0] = me(() => {
           }, ["prevent"])),
           href: "#",
           class: "btn dropdown-toggle",
           "data-bs-toggle": "dropdown",
           title: "Pesquisas Prédefinidas"
         }, [
-          (e(), C(V(s(l).search.filter)))
-        ])) : k("", !0),
-        _("div", ct, [
-          Me(_("input", {
+          (e(), $(V(t(n).search.filter)))
+        ])) : C("", !0),
+        m("div", it, [
+          Be(m("input", {
             type: "text",
             class: "form-control ms-1",
             id: "inputSearchVDataTable",
-            "onUpdate:modelValue": a[1] || (a[1] = (h) => c.value = h),
-            onKeyup: Re(v, ["enter"]),
-            placeholder: r.placeholder_search
-          }, null, 40, ut), [
-            [$e, c.value]
+            "onUpdate:modelValue": s[1] || (s[1] = (y) => u.value = y),
+            onKeyup: Xe(k, ["enter"]),
+            placeholder: d.placeholder_search
+          }, null, 40, dt), [
+            [Te, u.value]
           ]),
-          c.value ? (e(), d("span", {
+          u.value ? (e(), r("span", {
             key: 0,
-            onClick: a[2] || (a[2] = (h) => S()),
+            onClick: s[2] || (s[2] = (y) => T()),
             class: "inputClose",
             title: "Limpar pesquisa"
           }, [
-            (e(), C(V(s(l).search.clear)))
-          ])) : (e(), d("span", _t, [
-            (e(), C(V(s(l).search.loupe)))
+            (e(), $(V(t(n).search.clear)))
+          ])) : (e(), r("span", ut, [
+            (e(), $(V(t(n).search.loupe)))
           ]))
         ]),
-        r.item_use.includes(2) ? (e(), d("div", pt, [
-          (e(!0), d(D, null, N(n.list_filter, (h, y) => (e(), d(D, { key: y }, [
-            "type" in h && h.type === 1 && (!("visible" in h) || h.visible) ? (e(), C(I, {
+        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: U(() => [
-                H(B(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(), d("a", {
+            }, 1032, ["to"])) : (!("type" in y) || y.type === 2) && (!("visible" in y) || y.visible) ? (e(), r("a", {
               key: 1,
-              onClick: ue((P) => T(String(h.value)), ["prevent"]),
-              class: b(["dropdown-item cursor-pointer", x.value === h?.value ? "bg-info text-dark selected" : ""])
-            }, B(h.text), 11, mt)) : (!("type" in h) || h.type === 3) && (!("visible" in h) || h.visible) ? (e(), d("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: ue((P) => m(h), ["prevent"]),
-              class: b(["dropdown-item cursor-pointer", h?.active ? "bg-info text-dark selected" : ""])
-            }, B(h.text), 11, gt)) : k("", !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))
-        ])) : k("", !0)
+        ])) : C("", !0)
       ], 64);
     };
   }
-}), ht = /* @__PURE__ */ ge(ft, [["__scopeId", "data-v-4c04950a"]]), vt = { class: "d-flex flex-column gap-2" }, yt = ["checked", "disabled", "onChange"], kt = { class: "form-check-label user-select-none" }, bt = /* @__PURE__ */ J({
+}), 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: () => [] },
@@ -248,224 +248,301 @@ const Be = Symbol("v-datatable-key"), $a = /* @__PURE__ */ J({
     class_column_manager_button: { default: "" },
     disable_class_column_manager_default: { type: Boolean, default: !1 }
   },
-  setup(r) {
-    const g = ee(le);
-    return (l, n) => r.use_column_manager ? (e(), d("div", {
+  setup(d) {
+    const _ = le(de);
+    return (n, a) => d.use_column_manager ? (e(), r("div", {
       key: 0,
-      class: b([
-        { "dropdown d-inline-block ms-2": !r.disable_class_column_manager_default },
-        r.class_column_manager_dropdown
+      class: S([
+        { "dropdown d-inline-block ms-2": !d.disable_class_column_manager_default },
+        d.class_column_manager_dropdown
       ])
     }, [
-      _("button", {
-        class: b([
-          { "btn  dropdown-toggle": !r.disable_class_column_manager_default },
-          r.class_column_manager_button
+      m("button", {
+        class: S([
+          { "btn  dropdown-toggle": !d.disable_class_column_manager_default },
+          d.class_column_manager_button
         ]),
         type: "button",
         "data-bs-toggle": "dropdown",
         "aria-expanded": "false",
         title: "Gerenciar Colunas visíveis"
       }, [
-        (e(), C(V(s(g).column_manager)))
+        (e(), $(V(t(_).column_manager)))
       ], 2),
-      _("div", {
-        class: b(["dropdown-menu dropdown-menu-end p-3 shadow-sm", [
-          { "dropdown-menu dropdown-menu-end p-3 shadow-sm": !r.disable_class_column_manager_default },
-          r.class_column_manager_dropdown_menu
+      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" }
       }, [
-        n[0] || (n[0] = _("h6", { class: "dropdown-header text-uppercase fw-bold mb-2" }, "Exibir Colunas", -1)),
-        _("div", vt, [
-          (e(!0), d(D, null, N(r.columns_list, (u) => (e(), d("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) => r.toggleColumnVisibility(u.id)
-            }, null, 40, yt),
-            _("span", kt, B(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)) : k("", !0);
+    ], 2)) : C("", !0);
   }
 });
-function wt() {
-  const r = z(!1), g = z(""), l = z(0), n = z(0), u = M(() => ({
+function kt() {
+  const d = I(!1), _ = I(""), n = I(0), a = I(0), c = B(() => ({
     position: "fixed",
     zIndex: 9999,
     pointerEvents: "none",
-    top: `${n.value + 15}px`,
-    left: `${l.value + 15}px`
+    top: `${a.value + 15}px`,
+    left: `${n.value + 15}px`
   }));
-  function c(m) {
-    const v = m.clientX, f = m.clientY, a = window.innerHeight, I = 15, h = 300;
-    let y = f + I;
-    y + h > a && (y = f - h - I, y < 0 && (y = 0)), l.value = v, n.value = y;
+  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 x(m, v) {
-    r.value = !0, g.value = v, c(m);
+  function w(f, k) {
+    d.value = !0, _.value = k, u(f);
   }
-  function T(m) {
-    r.value && c(m);
+  function p(f) {
+    d.value && u(f);
   }
-  function S() {
-    r.value = !1;
+  function T() {
+    d.value = !1;
   }
   return {
-    isHovering: r,
-    previewSrc: g,
-    previewStyle: u,
-    handleMouseOver: x,
-    handleMouseMove: T,
-    handleMouseLeave: S
+    isHovering: d,
+    previewSrc: _,
+    previewStyle: c,
+    handleMouseOver: w,
+    handleMouseMove: p,
+    handleMouseLeave: T
   };
 }
-function xt(r, g, l, n) {
-  const u = z([]);
-  function c() {
-    u.value = [];
+function bt(d, _, n, a) {
+  const c = I([]);
+  function u() {
+    c.value = [];
   }
-  function x(m) {
-    const v = m[g];
-    return u.value.some((f) => f === v);
+  function w(f) {
+    const k = f[_];
+    return c.value.some((h) => h === k);
   }
-  function T(m) {
-    const v = m[g], f = u.value.findIndex((I) => I === v), a = f > -1;
-    r ? (c(), a || (u.value.push(v), n && S(v))) : a ? u.value.splice(f, 1) : (u.value.push(v), n && S(v));
+  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 S(m) {
-    pe(() => {
-      if (l) {
-        const v = document.querySelector("#expand-item-" + m);
-        v && v.scrollIntoView({ behavior: "smooth", block: "center" });
+  function T(f) {
+    fe(() => {
+      if (n) {
+        const k = document.querySelector("#expand-item-" + f);
+        k && k.scrollIntoView({ behavior: "smooth", block: "center" });
         return;
       } else
         setTimeout(() => {
-          const v = document.querySelector("#expand-item-" + m);
-          v && v.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: x,
-    expand_item_toggle: T,
-    close_all_expanded_items: c
+    expanded_items: c,
+    is_item_expanded: w,
+    expand_item_toggle: p,
+    close_all_expanded_items: u
   };
 }
-function Ct(r, g, l, n, u, c) {
-  const x = z([]), T = M(() => r.endpoint), S = M(() => ({
-    [r.page_param_name]: g.value.current_page + 1,
-    [r.page_size_param_name]: g.value.limit_per_page,
-    [r.search_param_name]: g.value.search || "",
-    [r.filter_param_name]: g.value.filter || ""
-  })), m = M(() => {
-    const L = {};
-    for (const $ of l.value)
-      $.use_ordering && (n.value[$.id] === "increasing" ? L[$.param_ordering] = $.increasing_value || "increasing" : n.value[$.id] === "decreasing" && (L[$.param_ordering] = $.decreasing_value || "decreasing"));
-    return L;
-  }), { data: v, pending: f, error: a, execute: I, attempt: h } = r.fetch(T, {
-    disable_request: () => r.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 L = typeof r.add_params == "function";
-      let $ = {};
-      if (L) {
-        const Z = r.add_params;
-        $ = Z();
+      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 (b) {
+        const N = p.value.add_params;
+        v = N();
+      } else
+        v = p.value.add_params || {};
+      if (D) {
+        const N = p.value.silent_params;
+        K = N();
       } else
-        $ = r.add_params || {};
-      return r.deactivate_default_params ? {
-        ...$,
-        ...m.value
+        K = p.value.silent_params || {};
+      if (W) {
+        const N = p.value.add_params_keep_page;
+        Q = N();
+      } else
+        Q = p.value.add_params_keep_page || {};
+      return p.value.deactivate_default_params ? {
+        ...v,
+        ...K,
+        ...Q,
+        ...k.value
       } : {
-        ...S.value,
-        ...r.add_params,
-        ...m.value
+        ...f.value,
+        ...v,
+        ...K,
+        ...Q,
+        ...k.value
       };
     },
-    retry: r.retry_attempts,
-    retryDelay: r.retry_delay,
+    retry: p.value.retry_attempts,
+    retryDelay: p.value.retry_delay,
     paramsReactives: !1,
     immediate: !1
-  }, r.fetch_name), y = z(!1), P = z(null), K = z(!1), w = M(() => f.value || y.value);
-  async function Y() {
-    K.value || (K.value = !0), P.value && clearTimeout(P.value), y.value = !0, P.value = setTimeout(() => {
-      y.value = !1;
-    }, r.min_loading_delay), c(), u("beforeFetch"), await I(), 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 te() {
-    g.value.current_page = r.page_starts_at, Y();
+  function ae() {
+    _.value.current_page = p.value.page_starts_at, X();
   }
-  return {
-    items: x,
-    pending: f,
-    error: a,
-    execute: I,
-    response: v,
-    attempt: h,
-    default_params: S,
-    fetchDataWithDelay: Y,
-    reSearch: te,
-    showLoadingState: w,
-    first_fetch: K
+  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 b = typeof p.value.add_params == "function" ? p.value.add_params() : p.value.add_params;
+      return JSON.stringify(b);
+    },
+    (b, v) => {
+      b !== v && v !== void 0 && ae();
+    }
+  ), J(
+    () => {
+      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);
+    },
+    (b, v) => {
+      b !== v && v !== void 0 && X();
+    }
+  ), J(
+    () => p.value.endpoint,
+    (b, v) => {
+      b !== v && v !== void 0 && (_.value.current_page = p.value.page_starts_at);
+    }
+  ), {
+    items: M,
+    pending: s,
+    error: P,
+    execute: y,
+    response: h,
+    attempt: x,
+    default_params: f,
+    fetchDataWithDelay: X,
+    reSearch: ae,
+    showLoadingState: te,
+    first_fetch: G
   };
 }
-function St(r, g) {
-  const l = z(null), n = z([]), u = (m) => {
-    const v = r.item_key;
-    return n.value.some((f) => f[v] === m[v]);
-  }, c = M(() => {
-    if (!g.value.length) return !1;
-    const m = g.value.filter((v) => u(v)).length;
-    return m === 0 ? !1 : m === g.value.length ? !0 : "indeterminate";
-  }), x = M(() => n.value.length > 0);
-  Q([c, l], ([m]) => {
-    l.value && (m === "indeterminate" ? (l.value.checked = !1, l.value.indeterminate = !0) : (l.value.checked = m, l.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 T() {
-    const m = g.value;
-    if (!m.length) return;
-    const v = c.value;
-    if (v === !0 || v === "indeterminate") {
-      const f = m.map((a) => a[r.item_key]);
-      n.value = n.value.filter(
-        (a) => !f.includes(a[r.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) => !h.includes(s[d.item_key])
       );
     } else
-      m.forEach((f) => {
-        u(f) || n.value.push(f);
+      f.forEach((h) => {
+        c(h) || a.value.push(h);
       });
   }
-  function S(m) {
-    const v = r.item_key, f = n.value.findIndex((a) => a[v] === m[v]);
-    f > -1 ? n.value.splice(f, 1) : n.value.push(m);
+  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: l,
-    selected_items: n,
-    isSelected: u,
-    selectAllState: c,
-    atLeastOneSelected: x,
-    toggleSelectAll: T,
-    toggleItemSelection: S
+    selectAllCheckbox: n,
+    selected_items: a,
+    isSelected: c,
+    selectAllState: u,
+    atLeastOneSelected: w,
+    toggleSelectAll: p,
+    toggleItemSelection: T
   };
 }
-const Mt = {
+const Ct = {
   // Configurações de API 
   fetch_name: "",
   custom_loading: null,
   deactivate_default_params: !1,
+  frontend_pagination: !1,
   add_params: {},
+  add_params_keep_page: {},
+  silent_params: {},
   list_filter: [],
   use_checkbox: !1,
   deactivate_selected_info: !1,
@@ -517,41 +594,42 @@ const Mt = {
   retry_delay: 2e3,
   show_header_when_empty: !1,
   storage_id: "",
-  use_column_manager: !1
+  use_column_manager: !1,
+  custom_frontend_filter: null
 };
-function $t(r) {
-  const g = Ce(rt, {});
-  return { options: M(() => {
-    const n = Object.fromEntries(
-      Object.entries(r).filter(([u, c]) => c !== void 0)
+function St(d) {
+  const _ = Me(lt, {});
+  return { options: B(() => {
+    const a = Object.fromEntries(
+      Object.entries(d).filter(([c, u]) => u !== void 0)
     );
     return {
-      ...Mt,
+      ...Ct,
       // 1º Camada: Prioridade Mínima (Valores Padrão)
-      ...g,
+      ..._,
       // 2º Camada: Prioridade Média (Valores Globais definidos por quem usa o plugin)
-      ...n
+      ...a
       // 3º Camada: Prioridade Máxima (O que o dev digitou na tela)
     };
   }) };
 }
-const Bt = { class: "loading-container" }, Tt = { key: 0 }, zt = { key: 2 }, It = {
+const Mt = { class: "loading-container" }, $t = { key: 0 }, Bt = { key: 2 }, Tt = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, Ot = { class: "badge bg-orange text-white erro-custom-text" }, Dt = { key: 0 }, Vt = { key: 2 }, Et = {
+}, 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"
-}, Nt = { class: "badge bg-orange text-white erro-custom-text" }, Ht = ["colspan"], jt = {
+}, 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" }
-}, At = {
+}, Nt = {
   key: 1,
   style: { height: "3rem" }
-}, Pt = {
+}, jt = {
   key: 2,
   class: "p-3 text-center text-secondary"
-}, Lt = /* @__PURE__ */ J({
+}, At = /* @__PURE__ */ R({
   __name: "VDataTableLoading",
   props: {
     columns: {},
@@ -562,151 +640,151 @@ const Bt = { class: "loading-container" }, Tt = { key: 0 }, zt = { key: 2 }, It
     attempt: {},
     pagination: {}
   },
-  setup(r) {
-    const g = r;
-    return (l, n) => (e(), d("div", Bt, [
-      g.custom_loading ? (e(), C(V(g.custom_loading), { key: 0 })) : (e(), d("table", {
+  setup(d) {
+    const _ = d;
+    return (n, a) => (e(), r("div", Mt, [
+      _.custom_loading ? (e(), $(V(_.custom_loading), { key: 0 })) : (e(), r("table", {
         key: 1,
-        class: b(["table table-vcenter table-selectable", g.class_table])
+        class: S(["table table-vcenter table-selectable", _.class_table])
       }, [
-        _("thead", null, [
-          _("tr", null, [
-            (e(!0), d(D, null, N(r.columns, (u) => (e(), d("th", {
-              key: u.field || u.header,
-              class: b(u.class_column)
-            }, B(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, [
-          g.type_loading === "placeholder" ? (e(!0), d(D, { key: 0 }, N(r.pagination.limit_per_page, (u) => (e(), d("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), d(D, null, N(r.columns, (c) => (e(), d("td", {
-              key: c.field || c.header,
-              class: b(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(), d("span", Tt, [...n[0] || (n[0] = [
-                _("span", { class: "placeholder col-8" }, null, -1)
-              ])])) : c.type === "text" ? (e(), d("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: b(c.class_item)
-              }, [...n[1] || (n[1] = [
-                _("span", { class: "placeholder col-8" }, null, -1)
-              ])], 2)) : c.type === "date" ? (e(), d("span", zt, [...n[2] || (n[2] = [
-                _("span", { class: "placeholder col-9" }, null, -1)
-              ])])) : c.type === "html" ? (e(), d("div", {
+                class: S(u.class_item)
+              }, [...a[1] || (a[1] = [
+                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: b(c.class_item)
-              }, [...n[3] || (n[3] = [
-                _("div", { class: "placeholder col-12" }, null, -1)
-              ])], 2)) : c.type === "img" ? (e(), d("div", {
+                class: S(u.class_item)
+              }, [...a[3] || (a[3] = [
+                m("div", { class: "placeholder col-12" }, null, -1)
+              ])], 2)) : u.type === "img" ? (e(), r("div", {
                 key: 4,
-                class: b(c.class_item)
-              }, [...n[4] || (n[4] = [
-                _("div", { class: "placeholder placeholder-img" }, null, -1)
-              ])], 2)) : (e(), d("span", It, [
-                n[5] || (n[5] = H("tipo ", -1)),
-                _("span", Ot, B(c.type), 1),
-                n[6] || (n[6] = H(" não suportado ", -1))
+                class: S(u.class_item)
+              }, [...a[4] || (a[4] = [
+                m("div", { class: "placeholder placeholder-img" }, null, -1)
+              ])], 2)) : (e(), r("span", Tt, [
+                a[5] || (a[5] = H("tipo ", -1)),
+                m("span", Ot, O(u.type), 1),
+                a[6] || (a[6] = H(" não suportado ", -1))
               ]))
             ], 2))), 128))
-          ]))), 128)) : g.type_loading === "spiner-table" ? (e(!0), d(D, { key: 1 }, N(r.pagination.limit_per_page, (u) => (e(), d("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), d(D, null, N(r.columns, (c) => (e(), d("td", {
-              key: c.field || c.header,
-              class: b(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(), d("span", Dt, [...n[7] || (n[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(), d("span", {
+              ])])) : u.type === "text" ? (e(), r("span", {
                 key: 1,
-                class: b(c.class_item)
-              }, [...n[8] || (n[8] = [
-                _("span", {
+                class: S(u.class_item)
+              }, [...a[8] || (a[8] = [
+                m("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])], 2)) : c.type === "date" ? (e(), d("span", Vt, [...n[9] || (n[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(), d("div", {
+              ])])) : u.type === "html" ? (e(), r("div", {
                 key: 3,
-                class: b(c.class_item)
-              }, [...n[10] || (n[10] = [
-                _("span", {
+                class: S(u.class_item)
+              }, [...a[10] || (a[10] = [
+                m("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])], 2)) : c.type === "img" ? (e(), d("div", {
+              ])], 2)) : u.type === "img" ? (e(), r("div", {
                 key: 4,
-                class: b(["", c.class_item])
-              }, [...n[11] || (n[11] = [
-                _("span", { class: "placeholder-img d-flex justify-content-center align-items-center" }, [
-                  _("span", {
+                class: S(["", u.class_item])
+              }, [...a[11] || (a[11] = [
+                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"
                   })
                 ], -1)
-              ])], 2)) : (e(), d("span", Et, [
-                n[12] || (n[12] = H("tipo ", -1)),
-                _("span", Nt, B(c.type), 1),
-                n[13] || (n[13] = H(" não suportado ", -1))
+              ])], 2)) : (e(), r("span", Pt, [
+                a[12] || (a[12] = H("tipo ", -1)),
+                m("span", Dt, O(u.type), 1),
+                a[13] || (a[13] = H(" não suportado ", -1))
               ]))
             ], 2))), 128))
-          ]))), 128)) : g.type_loading === "spiner" ? (e(!0), d(D, { key: 2 }, N(r.pagination.limit_per_page, (u) => (e(), d("tr", { key: u }, [
-            _("td", {
-              colspan: r.columns.length,
+          ]))), 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(r.pagination.limit_per_page / 2) + 1 ? (e(), d("div", jt, [...n[14] || (n[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)
-              ])])) : (e(), d("div", At))
-            ], 8, Ht)
-          ]))), 128)) : k("", !0)
+                m("span", { class: "mt-2" }, "Carregando...", -1)
+              ])])) : (e(), r("div", Nt))
+            ], 8, Et)
+          ]))), 128)) : C("", !0)
         ])
       ], 2)),
-      r.attempt && r.attempt.current > 1 ? (e(), d("div", Pt, " A conexão falhou. Tentando novamente... (Tentativa " + B(r.attempt.current) + " de " + B(r.attempt.total) + ") ", 1)) : k("", !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)
     ]));
   }
-}), qt = /* @__PURE__ */ ge(Lt, [["__scopeId", "data-v-3b019685"]]), Ft = /* @__PURE__ */ J({
+}), Ht = /* @__PURE__ */ he(At, [["__scopeId", "data-v-3b019685"]]), Ft = /* @__PURE__ */ R({
   __name: "VOrderingIcon",
   props: {
     orderings_state: {},
     use_ordering: { type: Boolean }
   },
   emits: ["toggle"],
-  setup(r, { emit: g }) {
-    const l = ee(le), n = r, u = g;
-    return (c, x) => r.use_ordering ? (e(), d("span", {
+  setup(d, { emit: _ }) {
+    const n = le(de), a = d, c = _;
+    return (u, w) => d.use_ordering ? (e(), r("span", {
       key: 0,
-      onClick: x[0] || (x[0] = (T) => u("toggle")),
+      onClick: w[0] || (w[0] = (p) => c("toggle")),
       class: "cursor-pointer"
     }, [
-      !n.orderings_state || n.orderings_state === "none" ? (e(), C(V(s(l).ordering.default), { key: 0 })) : n.orderings_state === "decreasing" ? (e(), C(V(s(l).ordering.decreasing), { key: 1 })) : n.orderings_state === "increasing" ? (e(), C(V(s(l).ordering.increasing), { key: 2 })) : k("", !0)
-    ])) : k("", !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);
   }
-}), Kt = {
+}), Lt = {
   key: 1,
   class: "d-flex justify-content-between align-items-center"
-}, xe = /* @__PURE__ */ J({
+}, Se = /* @__PURE__ */ R({
   __name: "VThDataTable",
   props: {
     header: {},
@@ -717,66 +795,66 @@ const Bt = { class: "loading-container" }, Tt = { key: 0 }, zt = { key: 2 }, It
     col: {}
   },
   emits: ["toggleOrderingState"],
-  setup(r, { emit: g }) {
-    const l = r, n = () => _e(Ft, {
-      orderings_state: l.orderings_state,
-      use_ordering: l.use_ordering,
-      onToggle: () => c("toggleOrderingState")
-    }), u = M(() => ({
-      "header-draggable": !l.locked,
-      "header-locked": l.locked,
-      [l.class_column]: !0
-    })), c = g, x = (S) => !S || S.length === 0 ? !0 : S.every((m) => m.type === Qe || m.type === Ze && typeof m.children == "string" && !m.children.trim() ? !0 : m.type === D || m.type === Symbol.for("v-fgt") || String(m.type) === "Symbol(Fragment)" ? x(m.children) : !1), T = M(() => {
-      if (!l.col || !l.col.colHeaderSlot) return !1;
-      const S = l.col.colHeaderSlot({ col: l.col, locked: l.locked });
-      return !x(S);
+  setup(d, { emit: _ }) {
+    const n = d, a = () => ge(Ft, {
+      orderings_state: n.orderings_state,
+      use_ordering: n.use_ordering,
+      onToggle: () => u("toggleOrderingState")
+    }), c = B(() => ({
+      "header-draggable": !n.locked,
+      "header-locked": n.locked,
+      [n.class_column]: !0
+    })), 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 T = n.col.colHeaderSlot({ col: n.col, locked: n.locked });
+      return !w(T);
     });
-    return (S, m) => (e(), d("th", {
-      class: b(u.value)
+    return (T, f) => (e(), r("th", {
+      class: S(c.value)
     }, [
-      _("div", {
-        class: b({ "header-ordering": r.use_ordering })
+      m("div", {
+        class: S({ "header-ordering": d.use_ordering })
       }, [
-        T.value ? (e(), C(V(r.col.colHeaderSlot), we(me({ key: 0 }, { col: l.col, locked: l.locked, OrderingComponent: n })), null, 16)) : (e(), d("div", Kt, [
-          _("span", null, B(l.header), 1),
-          r.col.colHeaderMidleSlot ? (e(), C(V(r.col.colHeaderMidleSlot), we(me({ key: 0 }, { col: l.col, locked: l.locked })), null, 16)) : k("", !0),
-          (e(), C(V(n)))
+        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)
     ], 2));
   }
-}), Ut = { class: "mx-2 d-inline-block" }, Jt = { class: "dropdown d-flex" }, Yt = {
+}), qt = { class: "mx-2 d-inline-block" }, Kt = { class: "dropdown d-flex" }, Ut = {
   key: 0,
   class: "alert alert-cyan d-flex justify-content-center align-items-center py-2",
   role: "alert"
-}, Gt = { class: "alert-title m-0" }, Xt = { class: "badge bg-azure text-azure-fg" }, Wt = {
+}, Jt = { class: "alert-title m-0" }, Yt = { class: "badge bg-azure text-azure-fg" }, Gt = {
   key: 1,
   class: "feedback-container text-center"
-}, Rt = {
+}, Xt = {
   key: 0,
   class: "text-secondary"
-}, Qt = {
+}, Wt = {
   key: 1,
   class: "text-secondary"
-}, Zt = {
+}, Qt = {
   key: 2,
   class: "table-responsive"
-}, ea = { key: 0 }, ta = { key: 0 }, aa = {
+}, Zt = { key: 0 }, Rt = { key: 0 }, ea = {
   key: 1,
   class: "w-1"
-}, na = {
+}, ta = {
   key: 0,
   class: "w-1"
-}, sa = ["onClick"], la = {
+}, aa = ["onClick"], na = {
   key: 1,
   class: "w-1"
-}, oa = ["checked", "onChange"], ra = ["onClick"], ia = ["onClick"], da = { key: 0 }, ca = { key: 1 }, ua = ["onClick", "innerHTML"], _a = ["onClick"], pa = ["src"], ma = ["src"], ga = {
+}, 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"
-}, fa = { class: "badge bg-orange text-white erro-custom-text" }, ha = ["id"], va = ["colspan"], ya = { key: 1 }, ka = {
+}, 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"
-}, ba = ["src"], wa = /* @__PURE__ */ J({
+}, ya = ["src"], ka = /* @__PURE__ */ R({
   __name: "VDataTable",
   props: {
     fetch: { type: Function },
@@ -789,6 +867,8 @@ const Bt = { class: "loading-container" }, Tt = { key: 0 }, zt = { key: 2 }, It
     page_param_name: {},
     page_size_param_name: {},
     add_params: { type: [Object, Function] },
+    add_params_keep_page: { type: [Object, Function] },
+    silent_params: { type: [Object, Function] },
     deactivate_default_params: { type: Boolean },
     disable_request: {},
     class_column_manager_dropdown: {},
@@ -801,6 +881,7 @@ const Bt = { class: "loading-container" }, Tt = { key: 0 }, zt = { key: 2 }, It
     class_table: {},
     class_filters: {},
     class_page_size: {},
+    frontend_pagination: { type: Boolean },
     limit_per_page: {},
     page_starts_at: {},
     min_loading_delay: {},
@@ -818,6 +899,7 @@ const Bt = { class: "loading-container" }, Tt = { key: 0 }, zt = { key: 2 }, It
     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 },
@@ -834,20 +916,20 @@ const Bt = { class: "loading-container" }, Tt = { key: 0 }, zt = { key: 2 }, It
     column_manager_teleport: {}
   },
   emits: ["tradePage", "beforeFetch", "afterFetch", "clickedClearSearch"],
-  setup(r, { expose: g, emit: l }) {
-    const n = ee(le), u = z(!1), {
-      isHovering: c,
-      previewSrc: x,
-      previewStyle: T,
-      handleMouseOver: S,
-      handleMouseMove: m,
-      handleMouseLeave: v
-    } = wt(), f = r, { options: a } = $t(f), I = l, h = z({}), y = z([]), P = z(0), K = z(!1), w = z({
-      current_page: a.value.page_starts_at,
+  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,
       // total de itens
-      limit_per_page: a.value.limit_per_page,
+      limit_per_page: s.value.limit_per_page,
       // limite de itens por página
       search: "",
       // termo de busca
@@ -855,380 +937,363 @@ const Bt = { class: "loading-container" }, Tt = { key: 0 }, zt = { key: 2 }, It
       // filtro selecionado
     }), {
       expand_item_toggle: Y,
-      close_all_expanded_items: te,
-      is_item_expanded: L
-    } = xt(
-      a.value.close_expanded_item_on_expand_new,
-      a.value.item_key,
-      a.value.deactivate_animation_expand,
-      a.value.scroll_to_expanded_item
+      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: $,
-      error: Z,
-      response: Te,
-      attempt: oe,
-      default_params: ze,
-      fetchDataWithDelay: G,
-      reSearch: j,
-      showLoadingState: Ie,
-      first_fetch: Oe
-    } = Ct(a.value, w, y, h, I, te), {
-      selectAllCheckbox: fe,
-      selected_items: X,
-      isSelected: he,
-      atLeastOneSelected: De,
-      toggleSelectAll: ve,
-      toggleItemSelection: Ve
-    } = St(a.value, $), W = M(() => a.value.storage_id ? `vdatatable_${a.value.storage_id}_${a.value.endpoint}` : null);
-    function Ee() {
-      for (const t of y.value) {
+      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: ze,
+      toggleSelectAll: ke,
+      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 x.value) {
         let i = "";
-        const o = y.value.filter((O) => O.field === t.field).length;
-        if (t.field && o === 1)
-          i = t.field;
+        const o = x.value.filter((z) => z.field === l.field).length;
+        if (l.field && o === 1)
+          i = l.field;
         else {
-          const O = y.value.filter((p) => p.header === t.header).length;
-          if (t.header && O === 1)
-            i = t.header;
+          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: ${t.header}`);
+            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}`);
         }
-        t.storage_key = i;
+        l.storage_key = i;
       }
     }
-    function re() {
-      if (!W.value) return;
-      const t = y.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(W.value, JSON.stringify(t));
+      localStorage.setItem(ne.value, JSON.stringify(l));
     }
-    function Ne() {
-      if (!W.value) return;
-      const t = localStorage.getItem(W.value);
-      if (t)
+    function De() {
+      if (!ne.value) return;
+      const l = localStorage.getItem(ne.value);
+      if (l)
         try {
-          const i = JSON.parse(t), o = y.value.map((E) => E.storage_key).sort(), O = i.map((E) => E.storage_key).sort();
-          if (JSON.stringify(o) !== JSON.stringify(O)) {
-            localStorage.removeItem(W.value), re();
+          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 = y.value.find((Ge) => Ge.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));
           }
-          y.value.splice(0, y.value.length, ...p);
+          x.value.splice(0, x.value.length, ...g);
         } catch {
-          localStorage.removeItem(W.value);
+          localStorage.removeItem(ne.value);
         }
     }
-    const ye = M(
-      () => y.value.filter((t) => t.locked && t.visible !== !1)
-    ), ie = M({
+    const be = B(
+      () => x.value.filter((l) => l.locked && l.visible !== !1)
+    ), ce = B({
       get() {
-        return y.value.filter((t) => !t.locked && t.visible !== !1);
+        return x.value.filter((l) => !l.locked && l.visible !== !1);
       },
-      set(t) {
-        const i = y.value.filter((O) => O.locked), o = y.value.filter((O) => !O.locked && O.visible === !1);
-        y.value.splice(0, y.value.length, ...t, ...o, ...i), re();
+      set(l) {
+        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();
       }
-    }), He = M(() => [...ie.value, ...ye.value]), de = M(() => y.value.map((t) => ({
-      id: t.id,
-      header: t.header,
-      field: t.field,
-      start_hidden: !!t.start_hidden,
+    }), Ee = B(() => [...ce.value, ...be.value]), _e = B(() => x.value.map((l) => ({
+      id: l.id,
+      header: l.header,
+      field: l.field,
+      start_hidden: !!l.start_hidden,
       // Converte para booleano, caso seja undefined
-      visible: t.visible !== !1,
-      locked: t.locked
+      visible: l.visible !== !1,
+      locked: l.locked
     })));
-    function ce(t) {
-      const i = y.value.find((o) => o.id === t);
-      i && (i.visible = !i.visible, re());
+    function pe(l) {
+      const i = x.value.find((o) => o.id === l);
+      i && (i.visible = !i.visible, ue());
     }
-    const je = M(() => {
-      let t = [1];
-      return a.value.list_filter.length > 0 && t.push(2), t;
-    }), ae = M(() => $.value.length > 0);
-    Q(Te, (t) => {
-      t ? ($.value = t[a.value.data_key] || [], P.value = t[a.value.total_key] || 0, w.value.count = P.value) : ($.value = [], P.value = 0);
-    }, { immediate: !0 });
-    function Ae() {
+    const Ve = B(() => {
+      let l = [1];
+      return s.value.list_filter.length > 0 && l.push(2), l;
+    }), oe = B(() => te.value.length > 0);
+    function Ne() {
       setTimeout(() => {
-        K.value = !1;
+        q.value = !1;
       }, 500);
     }
-    function Pe(t) {
-      y.value.push(t);
+    function je(l) {
+      x.value.push(l);
     }
-    et(Be, { addColumn: Pe });
-    const ke = (t) => {
-      const i = t.target, o = parseInt(i.value, 10);
-      o > 0 && (w.value.limit_per_page = o, w.value.limit_per_page = o, j());
+    Ze(Oe, { addColumn: je });
+    const we = (l) => {
+      const i = l.target, o = parseInt(i.value, 10);
+      o > 0 && (M.value.limit_per_page = o, M.value.limit_per_page = o, D());
     };
-    function F(t, i, o = null) {
-      if (!t) return i;
-      const O = t.split(".");
-      let p = i;
-      for (const E of O)
-        p && typeof p == "object" && E in p ? p = p[E] : console.error(`Caminho inválido ou valor nulo em: ${t} na parte ${E}`);
-      return o && (p = o(p)), p;
+    function U(l, i, o = null) {
+      if (!l) return i;
+      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 Le(t, i) {
-      return i && typeof i == "number" && i > 0 && typeof t == "string" && t.length > i ? t.substring(0, i) + "..." : t;
+    function Ae(l, i) {
+      return i && typeof i == "number" && i > 0 && typeof l == "string" && l.length > i ? l.substring(0, i) + "..." : l;
     }
-    function be(t) {
-      for (const o in h.value)
-        o !== t && (h.value[o] = "none");
-      const i = h.value[t] || "none";
-      i === "none" ? h.value[t] = "increasing" : i === "increasing" ? h.value[t] = "decreasing" : h.value[t] = "none", j();
+    function xe(l) {
+      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 qe(t) {
-      t > 0 ? (w.value.limit_per_page = t, j()) : console.warn("O limite deve ser um número maior que zero.");
+    function He(l) {
+      l > 0 ? (M.value.limit_per_page = l, D()) : console.warn("O limite deve ser um número maior que zero.");
     }
-    function Fe(t) {
-      w.value.search = t, j();
+    function Fe(l) {
+      M.value.search = l, D();
     }
-    function Ke(t) {
-      w.value.filter = t, j();
+    function Le(l) {
+      M.value.filter = l, D();
     }
-    function Ue(t) {
-      t >= 0 && t <= Math.ceil(w.value.count / w.value.limit_per_page) ? (w.value.current_page = t, G()) : console.warn("Número de página inválido.");
+    function qe(l) {
+      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 Je() {
-      let t = y.value.length;
-      return a.value.use_checkbox && (t += 1), a.value.use_expandable_items && (t += 1), t;
+    function Ke() {
+      let l = x.value.length;
+      return s.value.use_checkbox && (l += 1), s.value.use_expandable_items && (l += 1), l;
     }
-    function Ye() {
-      I("tradePage"), G();
+    function Ue() {
+      P("tradePage"), v();
     }
-    const ne = (t, i) => {
-      const o = [t.class_item || ""];
-      if (t.click && o.push("cursor-pointer"), t.class_rules)
-        for (const [O, p] of Object.entries(t.class_rules))
-          typeof p == "function" && p(i) && o.push(O);
+    const re = (l, i) => {
+      const o = [l.class_item || ""];
+      if (l.click && o.push("cursor-pointer"), l.class_rules)
+        for (const [z, g] of Object.entries(l.class_rules))
+          typeof g == "function" && g(i) && o.push(z);
       return o.join(" ").trim();
     };
-    return g({
-      execute: G,
-      reSearch: j,
-      pagination: tt(w),
-      set_limit_per_page: qe,
+    return _({
+      execute: v,
+      reSearch: D,
+      pagination: Re(M),
+      set_limit_per_page: He,
       set_search: Fe,
-      set_filter: Ke,
-      set_page: Ue,
-      default_params: ze,
-      selected_items: X,
-      atLeastOneSelected: De,
+      set_filter: Le,
+      set_page: qe,
+      default_params: b,
+      selected_items: N,
+      atLeastOneSelected: ze,
       expand_item_toggle: Y,
-      close_all_expanded_items: te,
-      selectAllCheckbox: fe,
-      toggleColumnVisibility: ce,
-      columns_list: de
-    }), Se(() => {
-      u.value = !0, a.value.immediate && pe(() => {
-        j();
-      }), pe(() => {
-        a.value.storage_id && (Ee(), Ne());
+      close_all_expanded_items: ee,
+      selectAllCheckbox: Q,
+      toggleColumnVisibility: pe,
+      columns_list: _e
+    }), $e(() => {
+      c.value = !0, s.value.immediate && fe(() => {
+        D();
+      }), fe(() => {
+        s.value.storage_id && (Pe(), De());
       });
-    }), Q(
-      () => {
-        const t = typeof a.value.add_params == "function" ? a.value.add_params() : a.value.add_params;
-        return JSON.stringify(t);
-      },
-      (t, i) => {
-        t !== i && i !== void 0 && j();
-      }
-    ), Q(
-      () => a.value.endpoint,
-      (t, i) => {
-        t !== i && i !== void 0 && (w.value.current_page = a.value.page_starts_at);
-      }
-    ), (t, i) => (e(), d("div", null, [
-      _("div", {
-        class: b(["", s(a).class_container])
+    }), (l, i) => (e(), r("div", null, [
+      m("div", {
+        class: S(["", t(s).class_container])
       }, [
-        A(t.$slots, "default", {}, void 0, !0),
-        _("div", {
-          class: b(["", s(a).class_content])
+        F(l.$slots, "default", {}, void 0, !0),
+        m("div", {
+          class: S(["", t(s).class_content])
         }, [
-          _("div", {
-            class: b([s(a).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"])
           }, [
-            A(t.$slots, "pageSize", {
-              changePageSize: ke,
-              limit_per_page: w.value.limit_per_page
+            F(l.$slots, "pageSize", {
+              changePageSize: we,
+              limit_per_page: M.value.limit_per_page
             }, () => [
-              _("div", {
-                class: b(["text-secondary", s(a).class_page_size])
+              m("div", {
+                class: S(["text-secondary", t(s).class_page_size])
               }, [
-                H(B(s(a).first_text_page_size) + " ", 1),
-                _("div", Ut, [
-                  Me(_("input", {
+                H(O(t(s).first_text_page_size) + " ", 1),
+                m("div", qt, [
+                  Be(m("input", {
                     class: "form-control form-control-sm",
-                    onChange: ke,
-                    "onUpdate:modelValue": i[0] || (i[0] = (o) => w.value.limit_per_page = o),
+                    onChange: we,
+                    "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",
                     type: "number"
                   }, null, 544), [
                     [
-                      $e,
-                      w.value.limit_per_page,
+                      Te,
+                      M.value.limit_per_page,
                       void 0,
                       { lazy: !0 }
                     ]
                   ])
                 ]),
-                H(" " + B(s(a).second_text_page_size), 1)
+                H(" " + O(t(s).second_text_page_size), 1)
               ], 2)
             ], !0),
-            A(t.$slots, "fieldMiddle", {}, void 0, !0),
-            _("div", Jt, [
-              u.value ? (e(), C(se, {
+            F(l.$slots, "fieldMiddle", {}, void 0, !0),
+            m("div", Kt, [
+              c.value ? (e(), $(ie, {
                 key: 0,
-                to: s(a).search_teleport || "body",
-                disabled: !s(a).search_teleport
+                to: t(s).search_teleport || "body",
+                disabled: !t(s).search_teleport
               }, [
-                s(a).disable_search ? k("", !0) : (e(), C(ht, {
+                t(s).disable_search ? C("", !0) : (e(), $(gt, {
                   key: 0,
-                  search: w.value.search,
-                  "onUpdate:search": i[1] || (i[1] = (o) => w.value.search = o),
-                  filter: w.value.filter,
-                  "onUpdate:filter": i[2] || (i[2] = (o) => w.value.filter = o),
-                  list_filter: s(a).list_filter,
-                  item_use: je.value,
-                  onSearch: s(j),
-                  deactivate_search_on_clear: s(a).deactivate_search_on_clear,
-                  placeholder_search: s(a).placeholder_search,
-                  deactivate_search_empty: s(a).deactivate_search_empty,
-                  use_column_manager: s(a).use_column_manager,
-                  toggleColumnVisibility: ce,
-                  columns_list: de.value,
-                  onClickedClearSearch: i[3] || (i[3] = (o) => t.$emit("clickedClearSearch"))
+                  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: 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: pe,
+                  columns_list: _e.value,
+                  onClickedClearSearch: i[3] || (i[3] = (o) => l.$emit("clickedClearSearch"))
                 }, {
-                  "search-field": U(() => [
-                    A(t.$slots, "search-field", {
-                      search: w.value.search,
-                      filter: w.value.filter,
-                      reSearch: s(j)
+                  "search-field": Z(() => [
+                    F(l.$slots, "search-field", {
+                      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"])) : k("", !0),
-              u.value ? (e(), C(se, {
+              ], 8, ["to", "disabled"])) : C("", !0),
+              c.value ? (e(), $(ie, {
                 key: 1,
-                to: s(a).column_manager_teleport || "body",
-                disabled: !s(a).column_manager_teleport
+                to: t(s).column_manager_teleport || "body",
+                disabled: !t(s).column_manager_teleport
               }, [
-                R(bt, {
-                  use_column_manager: s(a).use_column_manager,
-                  columns_list: de.value,
-                  toggleColumnVisibility: ce,
-                  disable_class_column_manager_default: s(a).disable_class_column_manager_default,
-                  class_column_manager_button: s(a).class_column_manager_button,
-                  class_column_manager_dropdown_menu: s(a).class_column_manager_dropdown_menu,
-                  class_column_manager_dropdown: s(a).class_column_manager_dropdown
+                se(yt, {
+                  use_column_manager: t(s).use_column_manager,
+                  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"])) : k("", !0),
-              u.value ? (e(), C(se, {
+              ], 8, ["to", "disabled"])) : C("", !0),
+              c.value ? (e(), $(ie, {
                 key: 2,
-                to: s(a).extra_actions_teleport || "body",
-                disabled: !s(a).extra_actions_teleport
+                to: t(s).extra_actions_teleport || "body",
+                disabled: !t(s).extra_actions_teleport
               }, [
-                A(t.$slots, "extra-actions", {}, void 0, !0)
-              ], 8, ["to", "disabled"])) : k("", !0)
+                F(l.$slots, "extra-actions", {}, void 0, !0)
+              ], 8, ["to", "disabled"])) : C("", !0)
             ])
           ], 2),
-          A(t.$slots, "item-selected-info", {
-            selected_items: s(X),
-            clearSelection: () => X.value = []
+          F(l.$slots, "item-selected-info", {
+            selected_items: t(N),
+            clearSelection: () => N.value = []
           }, () => [
-            s(a).use_checkbox && s(X).length > 0 && !s(a).deactivate_selected_info ? (e(), d("div", Yt, [
-              _("h4", Gt, [
-                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", Xt, B(s(X).length), 1)
+                m("span", Yt, O(t(N).length), 1)
               ]),
-              _("a", {
+              m("a", {
                 class: "cursor-pointer",
-                onClick: i[4] || (i[4] = (o) => X.value = [])
+                onClick: i[4] || (i[4] = (o) => N.value = [])
               }, [
-                (e(), C(V(s(n).checkbox.clear))),
+                (e(), $(V(t(a).checkbox.clear))),
                 i[12] || (i[12] = H(" Limpar Seleção ", -1))
               ])
-            ])) : k("", !0)
+            ])) : C("", !0)
           ], !0),
-          s(Ie) ? (e(), C(qt, {
+          t(K) ? (e(), $(Ht, {
             key: 0,
-            columns: y.value,
-            limit: w.value.limit_per_page,
-            type_loading: s(a).type_loading,
-            custom_loading: s(a).custom_loading,
-            class_table: s(a).class_table,
-            attempt: s(oe),
-            pagination: w.value
-          }, null, 8, ["columns", "limit", "type_loading", "custom_loading", "class_table", "attempt", "pagination"])) : s(Z) ? (e(), d("div", Wt, [
-            i[13] || (i[13] = _("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
-            s(oe) ? (e(), d("p", Rt, " Não foi possível carregar os dados após " + B(s(oe).total) + " tentativa(s). ", 1)) : (e(), d("p", Qt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
-            _("button", {
+            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(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) => s(G) && s(G)(...o))
+              (...o) => t(v) && t(v)(...o))
             }, " Tentar Novamente ")
-          ])) : s($) ? (e(), d("div", Zt, [
-            ae.value || s(a).show_header_when_empty ? (e(), d("div", ea, [
-              _("table", {
-                class: b(["table table-vcenter table-selectable", s(a).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, [
-                  R(s(ot), {
-                    modelValue: ie.value,
-                    "onUpdate:modelValue": i[7] || (i[7] = (o) => ie.value = o),
+                m("thead", null, [
+                  se(t(st), {
+                    modelValue: ce.value,
+                    "onUpdate:modelValue": i[7] || (i[7] = (o) => ce.value = o),
                     tag: "tr",
                     "item-key": "id",
                     animation: 400,
                     "ghost-class": "ghost-item",
                     "drag-class": "dragging-item",
-                    onStart: i[8] || (i[8] = (o) => K.value = !0),
-                    onEnd: i[9] || (i[9] = () => Ae())
+                    onStart: i[8] || (i[8] = (o) => q.value = !0),
+                    onEnd: i[9] || (i[9] = () => Ne())
                   }, {
-                    header: U(() => [
-                      s(a).use_expandable_items ? (e(), d("th", ta)) : k("", !0),
-                      s(a).use_checkbox ? (e(), d("th", aa, [
-                        _("input", {
+                    header: Z(() => [
+                      t(s).use_expandable_items ? (e(), r("th", Rt)) : C("", !0),
+                      t(s).use_checkbox ? (e(), r("th", ea, [
+                        m("input", {
                           class: "form-check-input m-0",
                           type: "checkbox",
                           ref_key: "selectAllCheckbox",
-                          ref: fe,
+                          ref: Q,
                           onChange: i[6] || (i[6] = //@ts-ignore
-                          (...o) => s(ve) && s(ve)(...o)),
+                          (...o) => t(ke) && t(ke)(...o)),
                           "aria-label": "Selecionar todos os itens na página"
                         }, null, 544)
-                      ])) : k("", !0)
+                      ])) : C("", !0)
                     ]),
-                    item: U(({ element: o }) => [
-                      R(xe, {
+                    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",
-                        onToggleOrderingState: () => be(o.id),
+                        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: U(() => [
-                      (e(!0), d(D, null, N(ye.value, (o) => (e(), C(xe, {
+                    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",
-                        onToggleOrderingState: () => be(o.id),
+                        orderings_state: y.value[o.id] || "none",
+                        onToggleOrderingState: () => xe(o.id),
                         col: o,
                         locked: ""
                       }, null, 8, ["header", "class_column", "use_ordering", "orderings_state", "onToggleOrderingState", "col"]))), 128))
@@ -1236,175 +1301,175 @@ const Bt = { class: "loading-container" }, Tt = { key: 0 }, zt = { key: 2 }, It
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                _("tbody", null, [
-                  ae.value ? (e(!0), d(D, { key: 0 }, N(s($), (o, O) => (e(), d(D, {
-                    key: o[s(a).item_key]
+                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]
                   }, [
-                    R(at, {
+                    se(et, {
                       tag: "tr",
-                      name: K.value ? "column-move" : ""
+                      name: q.value ? "column-move" : ""
                     }, {
-                      default: U(() => [
-                        s(a).use_expandable_items ? (e(), d("td", na, [
-                          A(t.$slots, "expand-button", {
+                      default: Z(() => [
+                        t(s).use_expandable_items ? (e(), r("td", ta, [
+                          F(l.$slots, "expand-button", {
                             item: o,
-                            index: O,
-                            isExpanded: s(L)(o),
-                            expand_item_toggle: s(Y)
+                            index: z,
+                            isExpanded: t(G)(o),
+                            expand_item_toggle: t(Y)
                           }, () => [
-                            _("button", {
+                            m("button", {
                               type: "button",
-                              class: b(["btn-clean btn-icon-anim", { "is-expanded": s(L)(o) }]),
-                              onClick: (p) => s(Y)(o)
+                              class: S(["btn-clean btn-icon-anim", { "is-expanded": t(G)(o) }]),
+                              onClick: (g) => t(Y)(o)
                             }, [
-                              s(a).type_button_expand === "arrow" ? (e(), C(V(s(n).expand.arrow), { key: 0 })) : (e(), C(V(s(n).expand.plus), { key: 1 }))
-                            ], 10, sa)
+                              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)
-                        ])) : k("", !0),
-                        s(a).use_checkbox ? (e(), d("td", la, [
-                          _("input", {
+                        ])) : C("", !0),
+                        t(s).use_checkbox ? (e(), r("td", na, [
+                          m("input", {
                             class: "form-check-input m-0",
                             type: "checkbox",
-                            checked: s(he)(o),
-                            onChange: (p) => s(Ve)(o),
+                            checked: t(ye)(o),
+                            onChange: (g) => t(Ie)(o),
                             "aria-label": "Selecionar este item"
-                          }, null, 40, oa)
-                        ])) : k("", !0),
-                        (e(!0), d(D, null, N(He.value, (p, E) => (e(), d("td", {
-                          key: p.field || p.header,
-                          class: b(p.class_row)
+                          }, null, 40, sa)
+                        ])) : 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(), C(V(p.bodySlot), {
+                          g.bodySlot ? (e(), $(V(g.bodySlot), {
                             key: 0,
                             item: o,
-                            index: E,
-                            "is-selected": s(he)(o)
-                          }, null, 8, ["item", "index", "is-selected"])) : p.type === "text" ? (e(), d("span", {
+                            index: j,
+                            "is-selected": t(ye)(o)
+                          }, null, 8, ["item", "index", "is-selected"])) : g.type === "text" ? (e(), r("span", {
                             key: 1,
-                            onClick: (q) => p.click ? p.click(o) : null,
-                            class: b(ne(p, o))
-                          }, B(Le(F(p.field, o, p.transform_function), p.limite_text ?? null)), 11, ra)) : p.type === "date" ? (e(), d("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: b(ne(p, o))
+                            onClick: (L) => g.click ? g.click(o) : null,
+                            class: S(re(g, o))
                           }, [
-                            p.format === "complete" ? (e(), d("span", da, B(new Date(F(
-                              p.field,
+                            g.format === "complete" ? (e(), r("span", ra, O(new Date(U(
+                              g.field,
                               o
-                            )).toLocaleString()), 1)) : k("", !0),
-                            p.format === "simple" ? (e(), d("span", ca, B(new Date(F(
-                              p.field,
+                            )).toLocaleString()), 1)) : C("", !0),
+                            g.format === "simple" ? (e(), r("span", ia, O(new Date(U(
+                              g.field,
                               o
-                            )).toLocaleDateString()), 1)) : k("", !0)
-                          ], 10, ia)) : p.type === "html" ? (e(), d("div", {
+                            )).toLocaleDateString()), 1)) : C("", !0)
+                          ], 10, oa)) : g.type === "html" ? (e(), r("div", {
                             key: 3,
-                            onClick: (q) => p.click ? p.click(o) : null,
-                            class: b(ne(p, o)),
-                            innerHTML: F(p.field, o)
-                          }, null, 10, ua)) : p.type === "img" ? (e(), d("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: b(ne(p, o))
+                            onClick: (L) => g.click ? g.click(o) : null,
+                            class: S(re(g, o))
                           }, [
-                            F(p.field, o) ? (e(), d("div", me({
+                            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) => s(S)(q, F(p.field, o)),
-                              onMousemove: s(m),
-                              onMouseleave: s(v),
+                              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: F(p.field, o)
-                              }, null, 8, pa),
-                              _("img", {
+                                src: U(g.field, o)
+                              }, null, 8, ca),
+                              m("img", {
                                 class: "img-tamanho-cover",
-                                src: F(p.field, o)
-                              }, null, 8, ma),
-                              i[14] || (i[14] = _("div", { class: "bg-img" }, null, -1))
-                            ], 16)) : k("", !0)
-                          ], 10, _a)) : (e(), d("span", ga, [
+                                src: U(g.field, o)
+                              }, null, 8, _a),
+                              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", fa, B(p.type), 1),
+                            m("span", ma, O(g.type), 1),
                             i[16] || (i[16] = H(" não suportado", -1))
                           ]))
                         ], 2))), 128))
                       ]),
                       _: 2
                     }, 1032, ["name"]),
-                    R(nt, {
-                      name: "expand-item-" + s(a).type_animation_expand,
-                      css: !s(a).deactivate_animation_expand
+                    se(tt, {
+                      name: "expand-item-" + t(s).type_animation_expand,
+                      css: !t(s).deactivate_animation_expand
                     }, {
-                      default: U(() => [
-                        s(L)(o) ? (e(), d("tr", {
+                      default: Z(() => [
+                        t(G)(o) ? (e(), r("tr", {
                           key: 0,
-                          id: "expand-item-" + o[s(a).item_key],
+                          id: "expand-item-" + o[t(s).item_key],
                           class: "expanded-item-row"
                         }, [
-                          _("td", {
-                            colspan: Je()
+                          m("td", {
+                            colspan: Ke()
                           }, [
-                            A(t.$slots, "after-row", { item: o }, void 0, !0)
-                          ], 8, va)
-                        ], 8, ha)) : k("", !0)
+                            F(l.$slots, "after-row", { item: o }, void 0, !0)
+                          ], 8, fa)
+                        ], 8, ga)) : C("", !0)
                       ]),
                       _: 2
                     }, 1032, ["name", "css"])
-                  ], 64))), 128)) : k("", !0)
+                  ], 64))), 128)) : C("", !0)
                 ])
               ], 2)
-            ])) : k("", !0),
-            !ae.value && s(Oe) === !1 ? (e(), d("div", ya, [
-              A(t.$slots, "idle-state", {}, void 0, !0)
-            ])) : ae.value ? k("", !0) : (e(), d("div", ka, [...i[17] || (i[17] = [
-              _("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
+            ])) : C("", !0),
+            !oe.value && t(W) === !1 ? (e(), r("div", va, [
+              F(l.$slots, "idle-state", {}, void 0, !0)
+            ])) : oe.value ? C("", !0) : (e(), r("div", ha, [...i[17] || (i[17] = [
+              m("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
             ])]))
-          ])) : k("", !0)
+          ])) : C("", !0)
         ], 2)
       ], 2),
-      u.value ? (e(), C(se, {
+      c.value ? (e(), $(ie, {
         key: 0,
-        to: s(a).pagination_teleport || "body",
-        disabled: !s(a).pagination_teleport
+        to: t(s).pagination_teleport || "body",
+        disabled: !t(s).pagination_teleport
       }, [
-        A(t.$slots, "pagination", {
-          pagination: w.value,
-          tradePage: s(G),
-          error: s(Z)
+        F(l.$slots, "pagination", {
+          pagination: M.value,
+          tradePage: t(v),
+          error: t(X)
         }, () => [
-          !s(Z) && w.value.count > 0 ? (e(), d("div", {
+          !t(X) && M.value.count > 0 ? (e(), r("div", {
             key: 0,
-            class: b(["px-3", s(a).class_pagination])
+            class: S(["px-3", t(s).class_pagination])
           }, [
-            R(lt, {
-              page_starts_at: s(a).page_starts_at,
+            se(nt, {
+              page_starts_at: t(s).page_starts_at,
               filtering: !0,
-              pagination: w.value,
-              onTradePage: Ye
+              pagination: M.value,
+              onTradePage: Ue
             }, null, 8, ["page_starts_at", "pagination"])
-          ], 2)) : k("", !0)
+          ], 2)) : C("", !0)
         ], !0)
-      ], 8, ["to", "disabled"])) : k("", !0),
-      s(c) ? (e(), d("div", {
+      ], 8, ["to", "disabled"])) : C("", !0),
+      t(u) ? (e(), r("div", {
         key: 1,
         class: "image-preview-container",
-        style: st(s(T))
+        style: at(t(p))
       }, [
-        _("img", {
-          src: s(x),
+        m("img", {
+          src: t(w),
           alt: "Preview",
           class: "image-preview-large"
-        }, null, 8, ba)
-      ], 4)) : k("", !0)
+        }, null, 8, ya)
+      ], 4)) : C("", !0)
     ]));
   }
-}), Ba = /* @__PURE__ */ ge(wa, [["__scopeId", "data-v-75226d83"]]);
+}), Ma = /* @__PURE__ */ he(ka, [["__scopeId", "data-v-3198e7cc"]]);
 export {
-  $a as VColumn,
-  Ba as VDataTable
+  Sa as VColumn,
+  Ma as VDataTable
 };