v-sistec-features 1.25.0 → 1.26.2

package/dist/vDataTable.js

@@ -1,8 +1,8 @@
-import { defineComponent as Q, useSlots as qe, inject as he, onMounted as ye, computed as C, watch as J, resolveComponent as Le, createElementBlock as n, openBlock as t, createCommentVNode as b, createElementVNode as i, withDirectives as ke, withKeys as Fe, vModelText as be, Fragment as V, renderList as N, createBlock as H, withCtx as F, createTextVNode as O, toDisplayString as $, normalizeClass as k, withModifiers as me, ref as M, nextTick as xe, resolveDynamicComponent as te, normalizeProps as ve, mergeProps as ne, createStaticVNode as ee, Comment as Ue, Text as Ke, provide as Ye, readonly as Xe, renderSlot as j, Teleport as ge, unref as g, createVNode as W, TransitionGroup as Ge, Transition as We, normalizeStyle as Je } from "vue";
-import { D as Qe } from "./datatableConfig-BMFlKtgh.js";
-import { _ as re, P as Re } from "./Pagination-DtVDFQ07.js";
-import Ze from "vuedraggable";
-const we = Symbol("v-datatable-key"), va = /* @__PURE__ */ Q({
+import { defineComponent as K, useSlots as Je, inject as we, onMounted as xe, computed as S, watch as X, resolveComponent as Ye, createElementBlock as r, openBlock as n, Fragment as V, createCommentVNode as b, createElementVNode as d, withDirectives as Se, withKeys as Ge, vModelText as Ce, renderList as E, createBlock as N, withCtx as L, createTextVNode as j, toDisplayString as C, normalizeClass as k, withModifiers as he, createStaticVNode as Z, ref as z, nextTick as de, resolveDynamicComponent as ee, normalizeProps as ye, mergeProps as ue, h as Xe, Comment as We, Text as Qe, provide as Re, readonly as Ze, renderSlot as A, Teleport as ke, createVNode as G, unref as v, TransitionGroup as et, Transition as tt, normalizeStyle as at } from "vue";
+import { D as nt } from "./datatableConfig-BMFlKtgh.js";
+import { _ as ce, P as st } from "./Pagination-DtVDFQ07.js";
+import lt from "vuedraggable";
+const $e = Symbol("v-datatable-key"), Ba = /* @__PURE__ */ K({
   __name: "VColumn",
   props: {
     field: { default: null },
@@ -25,69 +25,69 @@ const we = Symbol("v-datatable-key"), va = /* @__PURE__ */ Q({
     start_hidden: { type: Boolean, default: !1 }
   },
   setup(u) {
-    const f = crypto.randomUUID(), l = u, e = qe(), _ = he(we);
-    if (!_)
+    const f = crypto.randomUUID(), s = u, e = Je(), m = we($e);
+    if (!m)
       throw new Error("VColumn deve ser usado dentro de um VDataTable.");
     const c = ["text", "img", "date", "html"];
-    return ye(() => {
-      if (l.field !== null && !l.field)
+    return xe(() => {
+      if (s.field !== null && !s.field)
         throw new Error('A propriedade "field" é obrigatória em VColumn.');
-      if (!l.header)
+      if (!s.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 (s.field !== null && !c.includes(s.type))
+        throw new Error(`O tipo "${s.type}" não é suportado em VColumn. Tipos suportados: text, img, date, html.`);
+      if (s.limite_text) {
+        if (s.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 s.limite_text == "string" && isNaN(Number(s.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(s.limite_text)) || Number(s.limite_text) <= 0)
           throw new Error('A propriedade "limite_text" deve ser um número maior que 0.');
       }
-      _.addColumn({
+      m.addColumn({
         id: f,
-        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,
+        field: s.field,
+        header: s.header,
+        type: s.type,
+        class_column: s.class_column,
+        class_row: s.class_row,
+        class_item: s.class_item,
+        click: s.click,
+        transform_function: s.transform_function,
+        locked: s.locked,
+        use_ordering: s.use_ordering,
+        param_ordering: s.param_ordering,
+        decreasing_value: s.decreasing_value,
+        increasing_value: s.increasing_value,
+        class_rules: s.class_rules,
         bodySlot: e.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: e.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: e.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,
+        ...s.type === "text" && { limite_text: Number(s.limite_text) },
+        ...s.type === "img" && { deactivate_img_preview: s.deactivate_img_preview },
+        ...s.type === "date" && { format: s.format },
+        start_hidden: s.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: !s.start_hidden
         // Se start_hidden for true, ela não estará visível inicialmente
       });
-    }), (B, x) => null;
+    }), ($, I) => null;
   }
-}), et = { class: "dropdown d-flex" }, tt = {
+}), ot = {
   key: 0,
   href: "#",
   class: "btn dropdown-toggle",
   "data-bs-toggle": "dropdown",
   title: "Pesquisas Prédefinidas"
-}, at = { class: "input-icon" }, lt = ["placeholder"], st = {
+}, rt = { class: "input-icon" }, it = ["placeholder"], dt = {
   key: 1,
   class: "input-icon-addon"
-}, nt = {
+}, ut = {
   key: 1,
   class: "dropdown-menu"
-}, rt = ["onClick"], ot = ["onClick"], it = /* @__PURE__ */ Q({
+}, ct = ["onClick"], pt = ["onClick"], _t = /* @__PURE__ */ K({
   __name: "SearchDatatable",
   props: {
     search: {},
@@ -100,41 +100,41 @@ const we = Symbol("v-datatable-key"), va = /* @__PURE__ */ Q({
   },
   emits: ["update:search", "update:filter", "search", "clickedClearSearch"],
   setup(u, { emit: f }) {
-    const l = u, e = f, _ = C({
-      get: () => l.search,
-      set: (o) => e("update:search", o)
-    }), c = C({
-      get: () => l.filter,
-      set: (o) => e("update:filter", o)
+    const s = u, e = f, m = S({
+      get: () => s.search,
+      set: (i) => e("update:search", i)
+    }), c = S({
+      get: () => s.filter,
+      set: (i) => e("update:filter", i)
     });
-    J(c, () => {
+    X(c, () => {
       e("search");
-    }), J(
-      () => l.list_filter,
-      (o) => {
-        Array.isArray(o) ? (o.forEach((a, w) => {
-          a?.type === 1 && !a.to && console.error(`Filtro na posição ${w} é do tipo 'router-link' mas não possui a propriedade 'to'.`);
-        }), l.item_use.includes(2) && o.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.");
+    }), X(
+      () => s.list_filter,
+      (i) => {
+        Array.isArray(i) ? (i.forEach((a, x) => {
+          a?.type === 1 && !a.to && console.error(`Filtro na posição ${x} é do tipo 'router-link' mas não possui a propriedade 'to'.`);
+        }), s.item_use.includes(2) && i.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 B(o) {
-      c.value === o ? c.value = "" : c.value = o;
+    function $(i) {
+      c.value === i ? c.value = "" : c.value = i;
     }
-    function x() {
-      _.value = "", l.deactivate_search_on_clear || e("search"), e("clickedClearSearch");
+    function I() {
+      m.value = "", s.deactivate_search_on_clear || e("search"), e("clickedClearSearch");
     }
-    function h(o) {
-      o.click && typeof o.click == "function" ? o.click() : console.error("O filtro selecionado não possui uma função de clique válida.");
+    function w(i) {
+      i.click && typeof i.click == "function" ? i.click() : console.error("O filtro selecionado não possui uma função de clique válida.");
     }
-    function v() {
-      l.deactivate_search_empty && _.value.trim() === "" || e("search");
+    function _() {
+      s.deactivate_search_empty && m.value.trim() === "" || e("search");
     }
-    return (o, a) => {
-      const w = Le("router-link");
-      return t(), n("div", et, [
-        u.item_use.includes(2) ? (t(), n("a", tt, [...a[2] || (a[2] = [
-          i("svg", {
+    return (i, a) => {
+      const x = Ye("router-link");
+      return n(), r(V, null, [
+        u.item_use.includes(2) ? (n(), r("a", ot, [...a[2] || (a[2] = [
+          d("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             class: "icon icon-tabler icon-tabler-filter",
             width: "24",
@@ -146,32 +146,32 @@ const we = Symbol("v-datatable-key"), va = /* @__PURE__ */ Q({
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
-            i("path", {
+            d("path", {
               stroke: "none",
               d: "M0 0h24v24H0z",
               fill: "none"
             }),
-            i("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" })
+            d("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" })
           ], -1)
         ])])) : b("", !0),
-        i("div", at, [
-          ke(i("input", {
+        d("div", rt, [
+          Se(d("input", {
             type: "text",
             class: "form-control ms-1",
             id: "inputSearchVDataTable",
-            "onUpdate:modelValue": a[0] || (a[0] = (m) => _.value = m),
-            onKeyup: Fe(v, ["enter"]),
+            "onUpdate:modelValue": a[0] || (a[0] = (g) => m.value = g),
+            onKeyup: Ge(_, ["enter"]),
             placeholder: u.placeholder_search
-          }, null, 40, lt), [
-            [be, _.value]
+          }, null, 40, it), [
+            [Ce, m.value]
           ]),
-          _.value ? (t(), n("span", {
+          m.value ? (n(), r("span", {
             key: 0,
-            onClick: a[1] || (a[1] = (m) => x()),
+            onClick: a[1] || (a[1] = (g) => I()),
             class: "inputClose",
             title: "Limpar pesquisa"
           }, [...a[3] || (a[3] = [
-            i("svg", {
+            d("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
@@ -183,16 +183,16 @@ const we = Symbol("v-datatable-key"), va = /* @__PURE__ */ Q({
               "stroke-linejoin": "round",
               class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
             }, [
-              i("path", {
+              d("path", {
                 stroke: "none",
                 d: "M0 0h24v24H0z",
                 fill: "none"
               }),
-              i("path", { d: "M18 6l-12 12" }),
-              i("path", { d: "M6 6l12 12" })
+              d("path", { d: "M18 6l-12 12" }),
+              d("path", { d: "M6 6l12 12" })
             ], -1)
-          ])])) : (t(), n("span", st, [...a[4] || (a[4] = [
-            i("svg", {
+          ])])) : (n(), r("span", dt, [...a[4] || (a[4] = [
+            d("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
@@ -204,223 +204,260 @@ const we = Symbol("v-datatable-key"), va = /* @__PURE__ */ Q({
               "stroke-linejoin": "round",
               class: "icon"
             }, [
-              i("path", {
+              d("path", {
                 stroke: "none",
                 d: "M0 0h24v24H0z",
                 fill: "none"
               }),
-              i("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }),
-              i("path", { d: "M21 21l-6 -6" })
+              d("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }),
+              d("path", { d: "M21 21l-6 -6" })
             ], -1)
           ])]))
         ]),
-        u.item_use.includes(2) ? (t(), n("div", nt, [
-          (t(!0), n(V, null, N(l.list_filter, (m, S) => (t(), n(V, { key: S }, [
-            "type" in m && m.type === 1 && (!("visible" in m) || m.visible) ? (t(), H(w, {
+        u.item_use.includes(2) ? (n(), r("div", ut, [
+          (n(!0), r(V, null, E(s.list_filter, (g, y) => (n(), r(V, { key: y }, [
+            "type" in g && g.type === 1 && (!("visible" in g) || g.visible) ? (n(), N(x, {
               key: 0,
-              to: m?.to,
+              to: g?.to,
               class: "dropdown-item cursor-pointer"
             }, {
-              default: F(() => [
-                O($(m.text), 1)
+              default: L(() => [
+                j(C(g.text), 1)
               ]),
               _: 2
-            }, 1032, ["to"])) : (!("type" in m) || m.type === 2) && (!("visible" in m) || m.visible) ? (t(), n("a", {
+            }, 1032, ["to"])) : (!("type" in g) || g.type === 2) && (!("visible" in g) || g.visible) ? (n(), r("a", {
               key: 1,
-              onClick: me((z) => B(String(m.value)), ["prevent"]),
-              class: k(["dropdown-item cursor-pointer", c.value === m?.value ? "bg-info text-dark selected" : ""])
-            }, $(m.text), 11, rt)) : (!("type" in m) || m.type === 3) && (!("visible" in m) || m.visible) ? (t(), n("a", {
+              onClick: he((B) => $(String(g.value)), ["prevent"]),
+              class: k(["dropdown-item cursor-pointer", c.value === g?.value ? "bg-info text-dark selected" : ""])
+            }, C(g.text), 11, ct)) : (!("type" in g) || g.type === 3) && (!("visible" in g) || g.visible) ? (n(), r("a", {
               key: 2,
-              onClick: me((z) => h(m), ["prevent"]),
-              class: k(["dropdown-item cursor-pointer", m?.active ? "bg-info text-dark selected" : ""])
-            }, $(m.text), 11, ot)) : b("", !0)
+              onClick: he((B) => w(g), ["prevent"]),
+              class: k(["dropdown-item cursor-pointer", g?.active ? "bg-info text-dark selected" : ""])
+            }, C(g.text), 11, pt)) : b("", !0)
           ], 64))), 128))
         ])) : b("", !0)
-      ]);
+      ], 64);
     };
   }
-}), dt = /* @__PURE__ */ re(it, [["__scopeId", "data-v-ed591287"]]);
-function ut() {
-  const u = M(!1), f = M(""), l = M(0), e = M(0), _ = C(() => ({
+}), mt = /* @__PURE__ */ ce(_t, [["__scopeId", "data-v-49b4073c"]]), gt = {
+  key: 0,
+  class: "dropdown d-inline-block ms-2"
+}, vt = {
+  class: "dropdown-menu dropdown-menu-end p-3 shadow-sm",
+  style: { "min-width": "220px", "z-index": "1050" }
+}, ft = { class: "d-flex flex-column gap-2" }, ht = ["checked", "disabled", "onChange"], yt = { class: "form-check-label user-select-none" }, kt = /* @__PURE__ */ K({
+  __name: "VExtraActions",
+  props: {
+    columns_list: { default: () => [] },
+    use_column_manager: { type: Boolean, default: !1 },
+    toggleColumnVisibility: { type: Function, default: () => {
+    } }
+  },
+  setup(u) {
+    return (f, s) => u.use_column_manager ? (n(), r("div", gt, [
+      s[1] || (s[1] = Z('<button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" title="Gerenciar Colunas visíveis"><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><path d="M4 6l5.5 0"></path><path d="M4 10l5.5 0"></path><path d="M4 14l5.5 0"></path><path d="M4 18l5.5 0"></path><path d="M14.5 6l5.5 0"></path><path d="M14.5 10l5.5 0"></path><path d="M14.5 14l5.5 0"></path><path d="M14.5 18l5.5 0"></path></svg></button>', 1)),
+      d("div", vt, [
+        s[0] || (s[0] = d("h6", { class: "dropdown-header text-uppercase fw-bold mb-2" }, "Exibir Colunas", -1)),
+        d("div", ft, [
+          (n(!0), r(V, null, E(u.columns_list, (e) => (n(), r("label", {
+            key: e.id,
+            class: "form-check cursor-pointer m-0"
+          }, [
+            d("input", {
+              class: "form-check-input",
+              type: "checkbox",
+              checked: e.visible,
+              disabled: e.locked,
+              onChange: (m) => u.toggleColumnVisibility(e.id)
+            }, null, 40, ht),
+            d("span", yt, C(e.header), 1)
+          ]))), 128))
+        ])
+      ])
+    ])) : b("", !0);
+  }
+});
+function bt() {
+  const u = z(!1), f = z(""), s = z(0), e = z(0), m = S(() => ({
     position: "fixed",
     zIndex: 9999,
     pointerEvents: "none",
     top: `${e.value + 15}px`,
-    left: `${l.value + 15}px`
+    left: `${s.value + 15}px`
   }));
-  function c(v) {
-    const o = v.clientX, a = v.clientY, w = window.innerHeight, m = 15, S = 300;
-    let z = a + m;
-    z + S > w && (z = a - S - m, z < 0 && (z = 0)), l.value = o, e.value = z;
+  function c(_) {
+    const i = _.clientX, a = _.clientY, x = window.innerHeight, g = 15, y = 300;
+    let B = a + g;
+    B + y > x && (B = a - y - g, B < 0 && (B = 0)), s.value = i, e.value = B;
   }
-  function B(v, o) {
-    u.value = !0, f.value = o, c(v);
+  function $(_, i) {
+    u.value = !0, f.value = i, c(_);
   }
-  function x(v) {
-    u.value && c(v);
+  function I(_) {
+    u.value && c(_);
   }
-  function h() {
+  function w() {
     u.value = !1;
   }
   return {
     isHovering: u,
     previewSrc: f,
-    previewStyle: _,
-    handleMouseOver: B,
-    handleMouseMove: x,
-    handleMouseLeave: h
+    previewStyle: m,
+    handleMouseOver: $,
+    handleMouseMove: I,
+    handleMouseLeave: w
   };
 }
-function ct(u, f, l, e) {
-  const _ = M([]);
+function wt(u, f, s, e) {
+  const m = z([]);
   function c() {
-    _.value = [];
+    m.value = [];
   }
-  function B(v) {
-    const o = v[f];
-    return _.value.some((a) => a === o);
+  function $(_) {
+    const i = _[f];
+    return m.value.some((a) => a === i);
   }
-  function x(v) {
-    const o = v[f], a = _.value.findIndex((m) => m === o), w = a > -1;
-    u ? (c(), w || (_.value.push(o), e && h(o))) : w ? _.value.splice(a, 1) : (_.value.push(o), e && h(o));
+  function I(_) {
+    const i = _[f], a = m.value.findIndex((g) => g === i), x = a > -1;
+    u ? (c(), x || (m.value.push(i), e && w(i))) : x ? m.value.splice(a, 1) : (m.value.push(i), e && w(i));
   }
-  function h(v) {
-    xe(() => {
-      if (l) {
-        const o = document.querySelector("#expand-item-" + v);
-        o && o.scrollIntoView({ behavior: "smooth", block: "center" });
+  function w(_) {
+    de(() => {
+      if (s) {
+        const i = document.querySelector("#expand-item-" + _);
+        i && i.scrollIntoView({ behavior: "smooth", block: "center" });
         return;
       } else
         setTimeout(() => {
-          const o = document.querySelector("#expand-item-" + v);
-          o && o.scrollIntoView({ behavior: "smooth", block: "center" });
+          const i = document.querySelector("#expand-item-" + _);
+          i && i.scrollIntoView({ behavior: "smooth", block: "center" });
         }, 600);
     });
   }
   return {
-    expanded_items: _,
-    is_item_expanded: B,
-    expand_item_toggle: x,
+    expanded_items: m,
+    is_item_expanded: $,
+    expand_item_toggle: I,
     close_all_expanded_items: c
   };
 }
-function pt(u, f, l, e, _, c) {
-  const B = M([]), x = C(() => (f.value.current_page = u.page_starts_at, u.endpoint)), h = C(() => ({
+function xt(u, f, s, e, m, c) {
+  const $ = z([]), I = S(() => u.endpoint), w = S(() => ({
     [u.page_param_name]: f.value.current_page + 1,
     [u.page_size_param_name]: f.value.limit_per_page,
     [u.search_param_name]: f.value.search || "",
     [u.filter_param_name]: f.value.filter || ""
-  })), v = C(() => {
-    const D = {};
-    for (const T of l.value)
-      T.use_ordering && (e.value[T.id] === "increasing" ? D[T.param_ordering] = T.increasing_value || "increasing" : e.value[T.id] === "decreasing" && (D[T.param_ordering] = T.decreasing_value || "decreasing"));
-    return D;
-  }), { data: o, pending: a, error: w, execute: m, attempt: S } = u.fetch(x, {
+  })), _ = S(() => {
+    const O = {};
+    for (const T of s.value)
+      T.use_ordering && (e.value[T.id] === "increasing" ? O[T.param_ordering] = T.increasing_value || "increasing" : e.value[T.id] === "decreasing" && (O[T.param_ordering] = T.decreasing_value || "decreasing"));
+    return O;
+  }), { data: i, pending: a, error: x, execute: g, attempt: y } = u.fetch(I, {
     disable_request: () => u.disable_request,
     params: () => {
-      const D = typeof u.add_params == "function";
+      const O = typeof u.add_params == "function";
       let T = {};
-      if (D) {
-        const ae = u.add_params;
-        T = ae();
+      if (O) {
+        const ne = u.add_params;
+        T = ne();
       } else
         T = u.add_params || {};
       return u.deactivate_default_params ? {
         ...T,
-        ...v.value
+        ..._.value
       } : {
-        ...h.value,
+        ...w.value,
         ...u.add_params,
-        ...v.value
+        ..._.value
       };
     },
     retry: u.retry_attempts,
     retryDelay: u.retry_delay,
     paramsReactives: !1,
     immediate: !1
-  }, u.fetch_name), z = M(!1), P = M(null), y = M(!1), U = C(() => a.value || z.value);
-  async function K() {
-    y.value || (y.value = !0), P.value && clearTimeout(P.value), z.value = !0, P.value = setTimeout(() => {
-      z.value = !1;
-    }, u.min_loading_delay), c(), _("beforeFetch"), await m(), _("afterFetch");
+  }, u.fetch_name), B = z(!1), F = z(null), h = z(!1), W = S(() => a.value || B.value);
+  async function Q() {
+    h.value || (h.value = !0), F.value && clearTimeout(F.value), B.value = !0, F.value = setTimeout(() => {
+      B.value = !1;
+    }, u.min_loading_delay), c(), m("beforeFetch"), await g(), m("afterFetch");
   }
-  function Y() {
-    f.value.current_page = u.page_starts_at, K();
+  function R() {
+    f.value.current_page = u.page_starts_at, Q();
   }
   return {
-    items: B,
+    items: $,
     pending: a,
-    error: w,
-    execute: m,
-    response: o,
-    attempt: S,
-    default_params: h,
-    fetchDataWithDelay: K,
-    reSearch: Y,
-    showLoadingState: U,
-    first_fetch: y
+    error: x,
+    execute: g,
+    response: i,
+    attempt: y,
+    default_params: w,
+    fetchDataWithDelay: Q,
+    reSearch: R,
+    showLoadingState: W,
+    first_fetch: h
   };
 }
-function _t(u, f) {
-  const l = M(null), e = M([]), _ = (v) => {
-    const o = u.item_key;
-    return e.value.some((a) => a[o] === v[o]);
-  }, c = C(() => {
+function St(u, f) {
+  const s = z(null), e = z([]), m = (_) => {
+    const i = u.item_key;
+    return e.value.some((a) => a[i] === _[i]);
+  }, c = S(() => {
     if (!f.value.length) return !1;
-    const v = f.value.filter((o) => _(o)).length;
-    return v === 0 ? !1 : v === f.value.length ? !0 : "indeterminate";
-  }), B = C(() => e.value.length > 0);
-  J([c, l], ([v]) => {
-    l.value && (v === "indeterminate" ? (l.value.checked = !1, l.value.indeterminate = !0) : (l.value.checked = v, l.value.indeterminate = !1));
+    const _ = f.value.filter((i) => m(i)).length;
+    return _ === 0 ? !1 : _ === f.value.length ? !0 : "indeterminate";
+  }), $ = S(() => e.value.length > 0);
+  X([c, s], ([_]) => {
+    s.value && (_ === "indeterminate" ? (s.value.checked = !1, s.value.indeterminate = !0) : (s.value.checked = _, s.value.indeterminate = !1));
   }, {
     immediate: !0,
     flush: "post"
   });
-  function x() {
-    const v = f.value;
-    if (!v.length) return;
-    const o = c.value;
-    if (o === !0 || o === "indeterminate") {
-      const a = v.map((w) => w[u.item_key]);
+  function I() {
+    const _ = f.value;
+    if (!_.length) return;
+    const i = c.value;
+    if (i === !0 || i === "indeterminate") {
+      const a = _.map((x) => x[u.item_key]);
       e.value = e.value.filter(
-        (w) => !a.includes(w[u.item_key])
+        (x) => !a.includes(x[u.item_key])
       );
     } else
-      v.forEach((a) => {
-        _(a) || e.value.push(a);
+      _.forEach((a) => {
+        m(a) || e.value.push(a);
       });
   }
-  function h(v) {
-    const o = u.item_key, a = e.value.findIndex((w) => w[o] === v[o]);
-    a > -1 ? e.value.splice(a, 1) : e.value.push(v);
+  function w(_) {
+    const i = u.item_key, a = e.value.findIndex((x) => x[i] === _[i]);
+    a > -1 ? e.value.splice(a, 1) : e.value.push(_);
   }
   return {
-    selectAllCheckbox: l,
+    selectAllCheckbox: s,
     selected_items: e,
-    isSelected: _,
+    isSelected: m,
     selectAllState: c,
-    atLeastOneSelected: B,
-    toggleSelectAll: x,
-    toggleItemSelection: h
+    atLeastOneSelected: $,
+    toggleSelectAll: I,
+    toggleItemSelection: w
   };
 }
-const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft = {
+const Ct = { class: "loading-container" }, $t = { key: 0 }, Mt = { key: 2 }, zt = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, ht = { class: "badge bg-orange text-white erro-custom-text" }, yt = { key: 0 }, kt = { key: 2 }, bt = {
+}, Bt = { class: "badge bg-orange text-white erro-custom-text" }, Tt = { key: 0 }, Vt = { key: 2 }, It = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, xt = { class: "badge bg-orange text-white erro-custom-text" }, wt = ["colspan"], St = {
+}, Ot = { class: "badge bg-orange text-white erro-custom-text" }, Dt = ["colspan"], Et = {
   key: 0,
   class: "d-flex flex-column justify-content-center align-items-center",
   style: { height: "6rem" }
-}, Ct = {
+}, Nt = {
   key: 1,
   style: { height: "3rem" }
-}, $t = {
+}, Ht = {
   key: 2,
   class: "p-3 text-center text-secondary"
-}, Mt = /* @__PURE__ */ Q({
+}, At = /* @__PURE__ */ K({
   __name: "VDataTableLoading",
   props: {
     columns: {},
@@ -433,129 +470,129 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
   },
   setup(u) {
     const f = u;
-    return (l, e) => (t(), n("div", mt, [
-      f.custom_loading ? (t(), H(te(f.custom_loading), { key: 0 })) : (t(), n("table", {
+    return (s, e) => (n(), r("div", Ct, [
+      f.custom_loading ? (n(), N(ee(f.custom_loading), { key: 0 })) : (n(), r("table", {
         key: 1,
         class: k(["table table-vcenter table-selectable", f.class_table])
       }, [
-        i("thead", null, [
-          i("tr", null, [
-            (t(!0), n(V, null, N(u.columns, (_) => (t(), n("th", {
-              key: _.field || _.header,
-              class: k(_.class_column)
-            }, $(_.header), 3))), 128))
+        d("thead", null, [
+          d("tr", null, [
+            (n(!0), r(V, null, E(u.columns, (m) => (n(), r("th", {
+              key: m.field || m.header,
+              class: k(m.class_column)
+            }, C(m.header), 3))), 128))
           ])
         ]),
-        i("tbody", null, [
-          f.type_loading === "placeholder" ? (t(!0), n(V, { key: 0 }, N(u.pagination.limit_per_page, (_) => (t(), n("tr", {
-            key: "placeholder-" + _,
+        d("tbody", null, [
+          f.type_loading === "placeholder" ? (n(!0), r(V, { key: 0 }, E(u.pagination.limit_per_page, (m) => (n(), r("tr", {
+            key: "placeholder-" + m,
             class: "placeholder-glow"
           }, [
-            (t(!0), n(V, null, N(u.columns, (c) => (t(), n("td", {
+            (n(!0), r(V, null, E(u.columns, (c) => (n(), r("td", {
               key: c.field || c.header,
               class: k(c.class_row)
             }, [
-              c.bodySlot ? (t(), n("span", vt, [...e[0] || (e[0] = [
-                i("span", { class: "placeholder col-8" }, null, -1)
-              ])])) : c.type === "text" ? (t(), n("span", {
+              c.bodySlot ? (n(), r("span", $t, [...e[0] || (e[0] = [
+                d("span", { class: "placeholder col-8" }, null, -1)
+              ])])) : c.type === "text" ? (n(), r("span", {
                 key: 1,
                 class: k(c.class_item)
               }, [...e[1] || (e[1] = [
-                i("span", { class: "placeholder col-8" }, null, -1)
-              ])], 2)) : c.type === "date" ? (t(), n("span", gt, [...e[2] || (e[2] = [
-                i("span", { class: "placeholder col-9" }, null, -1)
-              ])])) : c.type === "html" ? (t(), n("div", {
+                d("span", { class: "placeholder col-8" }, null, -1)
+              ])], 2)) : c.type === "date" ? (n(), r("span", Mt, [...e[2] || (e[2] = [
+                d("span", { class: "placeholder col-9" }, null, -1)
+              ])])) : c.type === "html" ? (n(), r("div", {
                 key: 3,
                 class: k(c.class_item)
               }, [...e[3] || (e[3] = [
-                i("div", { class: "placeholder col-12" }, null, -1)
-              ])], 2)) : c.type === "img" ? (t(), n("div", {
+                d("div", { class: "placeholder col-12" }, null, -1)
+              ])], 2)) : c.type === "img" ? (n(), r("div", {
                 key: 4,
                 class: k(c.class_item)
               }, [...e[4] || (e[4] = [
-                i("div", { class: "placeholder placeholder-img" }, null, -1)
-              ])], 2)) : (t(), n("span", ft, [
-                e[5] || (e[5] = O("tipo ", -1)),
-                i("span", ht, $(c.type), 1),
-                e[6] || (e[6] = O(" não suportado ", -1))
+                d("div", { class: "placeholder placeholder-img" }, null, -1)
+              ])], 2)) : (n(), r("span", zt, [
+                e[5] || (e[5] = j("tipo ", -1)),
+                d("span", Bt, C(c.type), 1),
+                e[6] || (e[6] = j(" não suportado ", -1))
               ]))
             ], 2))), 128))
-          ]))), 128)) : f.type_loading === "spiner-table" ? (t(!0), n(V, { key: 1 }, N(u.pagination.limit_per_page, (_) => (t(), n("tr", {
-            key: "placeholder-" + _
+          ]))), 128)) : f.type_loading === "spiner-table" ? (n(!0), r(V, { key: 1 }, E(u.pagination.limit_per_page, (m) => (n(), r("tr", {
+            key: "placeholder-" + m
           }, [
-            (t(!0), n(V, null, N(u.columns, (c) => (t(), n("td", {
+            (n(!0), r(V, null, E(u.columns, (c) => (n(), r("td", {
               key: c.field || c.header,
               class: k(c.class_row)
             }, [
-              c.bodySlot ? (t(), n("span", yt, [...e[7] || (e[7] = [
-                i("span", {
+              c.bodySlot ? (n(), r("span", Tt, [...e[7] || (e[7] = [
+                d("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])])) : c.type === "text" ? (t(), n("span", {
+              ])])) : c.type === "text" ? (n(), r("span", {
                 key: 1,
                 class: k(c.class_item)
               }, [...e[8] || (e[8] = [
-                i("span", {
+                d("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])], 2)) : c.type === "date" ? (t(), n("span", kt, [...e[9] || (e[9] = [
-                i("span", {
+              ])], 2)) : c.type === "date" ? (n(), r("span", Vt, [...e[9] || (e[9] = [
+                d("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])])) : c.type === "html" ? (t(), n("div", {
+              ])])) : c.type === "html" ? (n(), r("div", {
                 key: 3,
                 class: k(c.class_item)
               }, [...e[10] || (e[10] = [
-                i("span", {
+                d("span", {
                   class: "spinner-border spinner-border-sm",
                   role: "status",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])], 2)) : c.type === "img" ? (t(), n("div", {
+              ])], 2)) : c.type === "img" ? (n(), r("div", {
                 key: 4,
                 class: k(["", c.class_item])
               }, [...e[11] || (e[11] = [
-                i("span", { class: "placeholder-img d-flex justify-content-center align-items-center" }, [
-                  i("span", {
+                d("span", { class: "placeholder-img d-flex justify-content-center align-items-center" }, [
+                  d("span", {
                     class: "spinner-border spinner-border-sm",
                     role: "status",
                     "aria-hidden": "true"
                   })
                 ], -1)
-              ])], 2)) : (t(), n("span", bt, [
-                e[12] || (e[12] = O("tipo ", -1)),
-                i("span", xt, $(c.type), 1),
-                e[13] || (e[13] = O(" não suportado ", -1))
+              ])], 2)) : (n(), r("span", It, [
+                e[12] || (e[12] = j("tipo ", -1)),
+                d("span", Ot, C(c.type), 1),
+                e[13] || (e[13] = j(" não suportado ", -1))
               ]))
             ], 2))), 128))
-          ]))), 128)) : f.type_loading === "spiner" ? (t(!0), n(V, { key: 2 }, N(u.pagination.limit_per_page, (_) => (t(), n("tr", { key: _ }, [
-            i("td", {
+          ]))), 128)) : f.type_loading === "spiner" ? (n(!0), r(V, { key: 2 }, E(u.pagination.limit_per_page, (m) => (n(), r("tr", { key: m }, [
+            d("td", {
               colspan: u.columns.length,
               class: "text-center p-0",
               style: { "border-bottom": "none" }
             }, [
-              _ === Math.floor(u.pagination.limit_per_page / 2) + 1 ? (t(), n("div", St, [...e[14] || (e[14] = [
-                i("div", {
+              m === Math.floor(u.pagination.limit_per_page / 2) + 1 ? (n(), r("div", Et, [...e[14] || (e[14] = [
+                d("div", {
                   class: "spinner-border",
                   style: { width: "3rem", height: "3rem" },
                   role: "status"
                 }, null, -1),
-                i("span", { class: "mt-2" }, "Carregando...", -1)
-              ])])) : (t(), n("div", Ct))
-            ], 8, wt)
+                d("span", { class: "mt-2" }, "Carregando...", -1)
+              ])])) : (n(), r("div", Nt))
+            ], 8, Dt)
           ]))), 128)) : b("", !0)
         ])
       ], 2)),
-      u.attempt && u.attempt.current > 1 ? (t(), n("div", $t, " A conexão falhou. Tentando novamente... (Tentativa " + $(u.attempt.current) + " de " + $(u.attempt.total) + ") ", 1)) : b("", !0)
+      u.attempt && u.attempt.current > 1 ? (n(), r("div", Ht, " A conexão falhou. Tentando novamente... (Tentativa " + C(u.attempt.current) + " de " + C(u.attempt.total) + ") ", 1)) : b("", !0)
     ]));
   }
-}), zt = /* @__PURE__ */ re(Mt, [["__scopeId", "data-v-3b019685"]]), Tt = {
+}), jt = /* @__PURE__ */ ce(At, [["__scopeId", "data-v-3b019685"]]), Pt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -566,7 +603,7 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Bt = {
+}, qt = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -577,7 +614,7 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Vt = {
+}, Lt = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -588,7 +625,33 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, fe = /* @__PURE__ */ Q({
+}, Ft = /* @__PURE__ */ K({
+  __name: "VOrderingIcon",
+  props: {
+    orderings_state: {},
+    use_ordering: { type: Boolean }
+  },
+  emits: ["toggle"],
+  setup(u, { emit: f }) {
+    const s = u, e = f;
+    return (m, c) => u.use_ordering ? (n(), r("span", {
+      key: 0,
+      onClick: c[0] || (c[0] = ($) => e("toggle")),
+      class: "cursor-pointer"
+    }, [
+      !s.orderings_state || s.orderings_state === "none" ? (n(), r("svg", Pt, [...c[1] || (c[1] = [
+        Z('<path d="m3 8 4-4 4 4"></path><path d="m11 16-4 4-4-4"></path><path d="M7 4v16"></path><path d="M15 8h6"></path><path d="M15 16h6"></path><path d="M13 12h8"></path>', 6)
+      ])])) : s.orderings_state === "decreasing" ? (n(), r("svg", qt, [...c[2] || (c[2] = [
+        Z('<path d="m3 16 4 4 4-4"></path><path d="M7 20V4"></path><path d="M11 4h10"></path><path d="M11 8h7"></path><path d="M11 12h4"></path>', 5)
+      ])])) : s.orderings_state === "increasing" ? (n(), r("svg", Lt, [...c[3] || (c[3] = [
+        Z('<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>', 5)
+      ])])) : b("", !0)
+    ])) : b("", !0);
+  }
+}), Kt = {
+  key: 1,
+  class: "d-flex justify-content-between align-items-center"
+}, be = /* @__PURE__ */ K({
   __name: "VThDataTable",
   props: {
     header: {},
@@ -600,64 +663,56 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
   },
   emits: ["toggleOrderingState"],
   setup(u, { emit: f }) {
-    const l = u, e = C(() => ({
-      "header-draggable": !l.locked,
-      "header-locked": l.locked,
-      [l.class_column]: !0
-    })), _ = f, c = (x) => !x || x.length === 0 ? !0 : x.every((h) => h.type === Ue || h.type === Ke && typeof h.children == "string" && !h.children.trim() ? !0 : h.type === V || h.type === Symbol.for("v-fgt") || String(h.type) === "Symbol(Fragment)" ? c(h.children) : !1), B = C(() => {
-      if (!l.col || !l.col.colHeaderSlot) return !1;
-      const x = l.col.colHeaderSlot({ col: l.col, locked: l.locked });
-      return !c(x);
+    const s = u, e = () => Xe(Ft, {
+      orderings_state: s.orderings_state,
+      use_ordering: s.use_ordering,
+      onToggle: () => c("toggleOrderingState")
+    }), m = S(() => ({
+      "header-draggable": !s.locked,
+      "header-locked": s.locked,
+      [s.class_column]: !0
+    })), c = f, $ = (w) => !w || w.length === 0 ? !0 : w.every((_) => _.type === We || _.type === Qe && typeof _.children == "string" && !_.children.trim() ? !0 : _.type === V || _.type === Symbol.for("v-fgt") || String(_.type) === "Symbol(Fragment)" ? $(_.children) : !1), I = S(() => {
+      if (!s.col || !s.col.colHeaderSlot) return !1;
+      const w = s.col.colHeaderSlot({ col: s.col, locked: s.locked });
+      return !$(w);
     });
-    return (x, h) => (t(), n("th", {
-      class: k(e.value)
+    return (w, _) => (n(), r("th", {
+      class: k(m.value)
     }, [
-      i("div", {
+      d("div", {
         class: k({ "header-ordering": u.use_ordering })
       }, [
-        B.value ? (t(), H(te(u.col.colHeaderSlot), ve(ne({ key: 0 }, { col: l.col, locked: l.locked })), null, 16)) : (t(), n(V, { key: 1 }, [
-          i("span", null, $(l.header), 1),
-          u.col.colHeaderMidleSlot ? (t(), H(te(u.col.colHeaderMidleSlot), ve(ne({ key: 0 }, { col: l.col, locked: l.locked })), null, 16)) : b("", !0),
-          u.use_ordering ? (t(), n("span", {
-            key: 1,
-            onClick: h[0] || (h[0] = (v) => _("toggleOrderingState")),
-            class: "ms-2 cursor-pointer"
-          }, [
-            !l.orderings_state || l.orderings_state === "none" ? (t(), n("svg", Tt, [...h[1] || (h[1] = [
-              ee('<path d="m3 8 4-4 4 4"></path><path d="m11 16-4 4-4-4"></path><path d="M7 4v16"></path><path d="M15 8h6"></path><path d="M15 16h6"></path><path d="M13 12h8"></path>', 6)
-            ])])) : l.orderings_state === "decreasing" ? (t(), n("svg", Bt, [...h[2] || (h[2] = [
-              ee('<path d="m3 16 4 4 4-4"></path><path d="M7 20V4"></path><path d="M11 4h10"></path><path d="M11 8h7"></path><path d="M11 12h4"></path>', 5)
-            ])])) : l.orderings_state === "increasing" ? (t(), n("svg", Vt, [...h[3] || (h[3] = [
-              ee('<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>', 5)
-            ])])) : b("", !0)
-          ])) : b("", !0)
-        ], 64))
+        I.value ? (n(), N(ee(u.col.colHeaderSlot), ye(ue({ key: 0 }, { col: s.col, locked: s.locked, OrderingComponent: e })), null, 16)) : (n(), r("div", Kt, [
+          d("span", null, C(s.header), 1),
+          u.col.colHeaderMidleSlot ? (n(), N(ee(u.col.colHeaderMidleSlot), ye(ue({ key: 0 }, { col: s.col, locked: s.locked })), null, 16)) : b("", !0),
+          (n(), N(ee(e)))
+        ]))
       ], 2)
     ], 2));
   }
-}), Dt = { class: "mx-2 d-inline-block" }, Et = {
+}), Ut = { class: "mx-2 d-inline-block" }, Jt = { class: "dropdown d-flex" }, Yt = {
   key: 0,
   class: "alert alert-cyan d-flex justify-content-center align-items-center py-2",
   role: "alert"
-}, It = { class: "alert-title m-0" }, Nt = { class: "badge bg-azure text-azure-fg" }, Ht = {
+}, Gt = { class: "alert-title m-0" }, Xt = { class: "badge bg-azure text-azure-fg" }, Wt = {
   key: 1,
   class: "feedback-container text-center"
-}, Ot = {
+}, Qt = {
   key: 0,
   class: "text-secondary"
-}, jt = {
+}, Rt = {
   key: 1,
   class: "text-secondary"
-}, At = {
+}, Zt = {
   key: 2,
   class: "table-responsive"
-}, Pt = { key: 0 }, qt = { key: 0 }, Lt = {
+}, ea = { key: 0 }, ta = { key: 0 }, aa = {
   key: 1,
   class: "w-1"
-}, Ft = {
+}, na = {
   key: 0,
   class: "w-1"
-}, Ut = ["onClick"], Kt = {
+}, sa = ["onClick"], la = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -669,7 +724,7 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-right icon-transition-arrow"
-}, Yt = {
+}, oa = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
@@ -681,16 +736,16 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "icon icon-transition-plus"
-}, Xt = {
+}, ra = {
   key: 1,
   class: "w-1"
-}, Gt = ["checked", "onChange"], Wt = ["onClick"], Jt = ["onClick"], Qt = { key: 0 }, Rt = { key: 1 }, Zt = ["onClick", "innerHTML"], ea = ["onClick"], ta = ["src"], aa = ["src"], la = {
+}, ia = ["checked", "onChange"], da = ["onClick"], ua = ["onClick"], ca = { key: 0 }, pa = { key: 1 }, _a = ["onClick", "innerHTML"], ma = ["onClick"], ga = ["src"], va = ["src"], fa = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, sa = { class: "badge bg-orange text-white erro-custom-text" }, na = ["id"], ra = ["colspan"], oa = { key: 1 }, ia = {
+}, ha = { class: "badge bg-orange text-white erro-custom-text" }, ya = ["id"], ka = ["colspan"], ba = { key: 1 }, wa = {
   key: 2,
   class: "text-center p-4 text-secondary"
-}, da = ["src"], ua = /* @__PURE__ */ Q({
+}, xa = ["src"], Sa = /* @__PURE__ */ K({
   __name: "VDataTable",
   props: {
     fetch: {},
@@ -737,50 +792,54 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
     disable_request: { default: !1 },
     pagination_teleport: { default: null },
     search_teleport: { default: null },
-    show_header_when_empty: { type: Boolean, default: !1 }
+    show_header_when_empty: { type: Boolean, default: !1 },
+    storage_id: { default: "" },
+    use_column_manager: { type: Boolean, default: !1 }
   },
   emits: ["tradePage", "beforeFetch", "afterFetch", "clickedClearSearch"],
-  setup(u, { expose: f, emit: l }) {
-    const e = he(Qe, {}), {
-      isHovering: _,
+  setup(u, { expose: f, emit: s }) {
+    const e = we(nt, {}), {
+      isHovering: m,
       previewSrc: c,
-      previewStyle: B,
-      handleMouseOver: x,
-      handleMouseMove: h,
-      handleMouseLeave: v
-    } = ut(), o = u, a = C(() => ({
+      previewStyle: $,
+      handleMouseOver: I,
+      handleMouseMove: w,
+      handleMouseLeave: _
+    } = bt(), i = u, a = S(() => ({
       // Primeiro, espelha todas as props originais.
-      ...o,
+      ...i,
       // Agora SOBRESCREVEMOS as propriedades que precisam de lógica Global/Default
       // (Prioridade para Prop, mas aceita Global)
       // === TEXTOS ===
-      first_text_page_size: o.first_text_page_size ?? e.first_text_page_size ?? "Mostrar",
-      second_text_page_size: o.second_text_page_size ?? e.second_text_page_size ?? "registros",
-      placeholder_search: o.placeholder_search ?? e.placeholder_search ?? "Buscar...",
+      first_text_page_size: i.first_text_page_size ?? e.first_text_page_size ?? "Mostrar",
+      second_text_page_size: i.second_text_page_size ?? e.second_text_page_size ?? "registros",
+      placeholder_search: i.placeholder_search ?? e.placeholder_search ?? "Buscar...",
       // === CLASSES  ===
-      class_table: o.class_table || e.class_table || "",
-      class_pagination: o.class_pagination || e.class_pagination || "",
-      class_container: o.class_container || e.class_container || "",
-      class_content: o.class_content || e.class_content || "",
-      class_filters: o.class_filters || e.class_filters || "",
-      class_page_size: o.class_page_size || e.class_page_size || "",
+      class_table: i.class_table || e.class_table || "",
+      class_pagination: i.class_pagination || e.class_pagination || "",
+      class_container: i.class_container || e.class_container || "",
+      class_content: i.class_content || e.class_content || "",
+      class_filters: i.class_filters || e.class_filters || "",
+      class_page_size: i.class_page_size || e.class_page_size || "",
       // === CONFIGURAÇÃO DE API ===
-      filter_param_name: o.filter_param_name ?? e.filter_param_name ?? "filter",
-      search_param_name: o.search_param_name ?? e.search_param_name ?? "search",
-      page_param_name: o.page_param_name ?? e.page_param_name ?? "page",
-      page_size_param_name: o.page_size_param_name ?? e.page_size_param_name ?? "page_size",
-      page_starts_at: o.page_starts_at ?? e.page_starts_at ?? 0,
-      item_key: o.item_key ?? e.item_key ?? "id",
-      data_key: o.data_key ?? e.data_key ?? "results",
-      total_key: o.total_key ?? e.total_key ?? "count",
+      filter_param_name: i.filter_param_name ?? e.filter_param_name ?? "filter",
+      search_param_name: i.search_param_name ?? e.search_param_name ?? "search",
+      page_param_name: i.page_param_name ?? e.page_param_name ?? "page",
+      page_size_param_name: i.page_size_param_name ?? e.page_size_param_name ?? "page_size",
+      page_starts_at: i.page_starts_at ?? e.page_starts_at ?? 0,
+      item_key: i.item_key ?? e.item_key ?? "id",
+      data_key: i.data_key ?? e.data_key ?? "results",
+      total_key: i.total_key ?? e.total_key ?? "count",
       // === COMPORTAMENTO ===
-      limit_per_page: o.limit_per_page ?? e.limit_per_page ?? 5,
-      type_loading: o.type_loading ?? e.type_loading ?? "placeholder",
-      min_loading_delay: o.min_loading_delay ?? e.min_loading_delay ?? 600,
-      retry_attempts: o.retry_attempts ?? e.retry_attempts ?? 3,
-      retry_delay: o.retry_delay ?? e.retry_delay ?? 2e3,
-      show_header_when_empty: o.show_header_when_empty ?? e.show_header_when_empty ?? !1
-    })), w = l, m = M({}), S = M([]), z = M(0), P = M(!1), y = M({
+      limit_per_page: i.limit_per_page ?? e.limit_per_page ?? 5,
+      type_loading: i.type_loading ?? e.type_loading ?? "placeholder",
+      min_loading_delay: i.min_loading_delay ?? e.min_loading_delay ?? 600,
+      retry_attempts: i.retry_attempts ?? e.retry_attempts ?? 3,
+      retry_delay: i.retry_delay ?? e.retry_delay ?? 2e3,
+      show_header_when_empty: i.show_header_when_empty ?? e.show_header_when_empty ?? !1,
+      storage_id: i.storage_id ?? e.storage_id ?? "",
+      use_column_manager: i.use_column_manager ?? e.use_column_manager ?? !1
+    })), x = s, g = z({}), y = z([]), B = z(0), F = z(!1), h = z({
       current_page: a.value.page_starts_at,
       // pagina atual
       count: 0,
@@ -792,438 +851,508 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
       filter: ""
       // filtro selecionado
     }), {
-      expand_item_toggle: U,
-      close_all_expanded_items: K,
-      is_item_expanded: Y
-    } = ct(
+      expand_item_toggle: W,
+      close_all_expanded_items: Q,
+      is_item_expanded: R
+    } = wt(
       a.value.close_expanded_item_on_expand_new,
       a.value.item_key,
       a.value.deactivate_animation_expand,
       a.value.scroll_to_expanded_item
     ), {
-      items: D,
+      items: O,
       error: T,
-      response: ae,
-      attempt: le,
-      default_params: Se,
-      fetchDataWithDelay: q,
-      reSearch: E,
-      showLoadingState: Ce,
-      first_fetch: $e
-    } = pt(a.value, y, S, m, w, K), {
-      selectAllCheckbox: oe,
-      selected_items: L,
-      isSelected: ie,
-      atLeastOneSelected: Me,
-      toggleSelectAll: de,
-      toggleItemSelection: ze
-    } = _t(a.value, D), ue = C(
-      () => S.value.filter((r) => r.locked && r.visible !== !1)
-    ), se = C({
+      response: ne,
+      attempt: se,
+      default_params: Me,
+      fetchDataWithDelay: U,
+      reSearch: H,
+      showLoadingState: ze,
+      first_fetch: Be
+    } = xt(a.value, h, y, g, x, Q), {
+      selectAllCheckbox: pe,
+      selected_items: J,
+      isSelected: _e,
+      atLeastOneSelected: Te,
+      toggleSelectAll: me,
+      toggleItemSelection: Ve
+    } = St(a.value, O), Y = S(() => a.value.storage_id ? `vdatatable_${a.value.storage_id}_${a.value.endpoint}` : null);
+    function Ie() {
+      for (const t of y.value) {
+        let o = "";
+        const l = y.value.filter((M) => M.field === t.field).length;
+        if (t.field && l === 1)
+          o = t.field;
+        else {
+          const M = y.value.filter((p) => p.header === t.header).length;
+          if (t.header && M === 1)
+            o = t.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}`);
+        }
+        t.storage_key = o;
+      }
+    }
+    function le() {
+      if (!Y.value) return;
+      const t = y.value.map((o) => ({
+        storage_key: o.storage_key,
+        visible: o.visible
+      }));
+      localStorage.setItem(Y.value, JSON.stringify(t));
+    }
+    function Oe() {
+      if (!Y.value) return;
+      const t = localStorage.getItem(Y.value);
+      if (t)
+        try {
+          const o = JSON.parse(t), l = y.value.map((D) => D.storage_key).sort(), M = o.map((D) => D.storage_key).sort();
+          if (JSON.stringify(l) !== JSON.stringify(M)) {
+            localStorage.removeItem(Y.value), le();
+            return;
+          }
+          const p = [];
+          for (const D of o) {
+            const P = y.value.find((Ue) => Ue.storage_key === D.storage_key);
+            P && (P.visible = D.visible, p.push(P));
+          }
+          y.value.splice(0, y.value.length, ...p);
+        } catch {
+          localStorage.removeItem(Y.value);
+        }
+    }
+    const ge = S(
+      () => y.value.filter((t) => t.locked && t.visible !== !1)
+    ), oe = S({
       get() {
-        return S.value.filter((r) => !r.locked && r.visible !== !1);
+        return y.value.filter((t) => !t.locked && t.visible !== !1);
       },
-      set(r) {
-        const d = S.value.filter((I) => I.locked), s = S.value.filter((I) => !I.locked && I.visible === !1);
-        S.value = [...r, ...s, ...d];
+      set(t) {
+        const o = y.value.filter((M) => M.locked), l = y.value.filter((M) => !M.locked && M.visible === !1);
+        y.value.splice(0, y.value.length, ...t, ...l, ...o), le();
       }
-    }), Te = C(() => [...se.value, ...ue.value]), Be = C(() => S.value.map((r) => ({
-      id: r.id,
-      header: r.header,
-      field: r.field,
-      start_hidden: !!r.start_hidden,
+    }), De = S(() => [...oe.value, ...ge.value]), re = S(() => y.value.map((t) => ({
+      id: t.id,
+      header: t.header,
+      field: t.field,
+      start_hidden: !!t.start_hidden,
       // Converte para booleano, caso seja undefined
-      visible: r.visible !== !1,
-      locked: r.locked
+      visible: t.visible !== !1,
+      locked: t.locked
     })));
-    function Ve(r) {
-      const d = S.value.find((s) => s.id === r);
-      d && (d.visible = !d.visible);
+    function ie(t) {
+      const o = y.value.find((l) => l.id === t);
+      o && (o.visible = !o.visible, le());
     }
-    const ce = C(() => {
-      let r = [1];
-      return a.value.list_filter.length > 0 && r.push(2), r;
-    }), R = C(() => D.value.length > 0);
-    J(ae, (r) => {
-      r ? (D.value = r[a.value.data_key] || [], z.value = r[a.value.total_key] || 0, y.value.count = z.value) : (D.value = [], z.value = 0);
+    const Ee = S(() => {
+      let t = [1];
+      return a.value.list_filter.length > 0 && t.push(2), t;
+    }), te = S(() => O.value.length > 0);
+    X(ne, (t) => {
+      t ? (O.value = t[a.value.data_key] || [], B.value = t[a.value.total_key] || 0, h.value.count = B.value) : (O.value = [], B.value = 0);
     }, { immediate: !0 });
-    function De() {
+    function Ne() {
       setTimeout(() => {
-        P.value = !1;
+        F.value = !1;
       }, 500);
     }
-    function Ee(r) {
-      S.value.push(r);
+    function He(t) {
+      y.value.push(t);
     }
-    Ye(we, { addColumn: Ee });
-    const pe = (r) => {
-      const d = r.target, s = parseInt(d.value, 10);
-      s > 0 && (y.value.limit_per_page = s, y.value.limit_per_page = s, E());
+    Re($e, { addColumn: He });
+    const ve = (t) => {
+      const o = t.target, l = parseInt(o.value, 10);
+      l > 0 && (h.value.limit_per_page = l, h.value.limit_per_page = l, H());
     };
-    function A(r, d, s = null) {
-      if (!r) return d;
-      const I = r.split(".");
-      let p = d;
-      for (const X of I)
-        p && typeof p == "object" && X in p ? p = p[X] : console.error(`Caminho inválido ou valor nulo em: ${r} na parte ${X}`);
-      return s && (p = s(p)), p;
+    function q(t, o, l = null) {
+      if (!t) return o;
+      const M = t.split(".");
+      let p = o;
+      for (const D of M)
+        p && typeof p == "object" && D in p ? p = p[D] : console.error(`Caminho inválido ou valor nulo em: ${t} na parte ${D}`);
+      return l && (p = l(p)), p;
     }
-    function Ie(r, d) {
-      return d && typeof d == "number" && d > 0 && typeof r == "string" && r.length > d ? r.substring(0, d) + "..." : r;
+    function Ae(t, o) {
+      return o && typeof o == "number" && o > 0 && typeof t == "string" && t.length > o ? t.substring(0, o) + "..." : t;
     }
-    function _e(r) {
-      for (const s in m.value)
-        s !== r && (m.value[s] = "none");
-      const d = m.value[r] || "none";
-      d === "none" ? m.value[r] = "increasing" : d === "increasing" ? m.value[r] = "decreasing" : m.value[r] = "none", E();
+    function fe(t) {
+      for (const l in g.value)
+        l !== t && (g.value[l] = "none");
+      const o = g.value[t] || "none";
+      o === "none" ? g.value[t] = "increasing" : o === "increasing" ? g.value[t] = "decreasing" : g.value[t] = "none", H();
     }
-    function Ne(r) {
-      r > 0 ? (y.value.limit_per_page = r, E()) : console.warn("O limite deve ser um número maior que zero.");
+    function je(t) {
+      t > 0 ? (h.value.limit_per_page = t, H()) : console.warn("O limite deve ser um número maior que zero.");
     }
-    function He(r) {
-      y.value.search = r, E();
+    function Pe(t) {
+      h.value.search = t, H();
     }
-    function Oe(r) {
-      y.value.filter = r, E();
+    function qe(t) {
+      h.value.filter = t, H();
     }
-    function je(r) {
-      r >= 0 && r <= Math.ceil(y.value.count / y.value.limit_per_page) ? (y.value.current_page = r, q()) : console.warn("Número de página inválido.");
+    function Le(t) {
+      t >= 0 && t <= Math.ceil(h.value.count / h.value.limit_per_page) ? (h.value.current_page = t, U()) : console.warn("Número de página inválido.");
     }
-    function Ae() {
-      let r = S.value.length;
-      return a.value.use_checkbox && (r += 1), a.value.use_expandable_items && (r += 1), r;
+    function Fe() {
+      let t = y.value.length;
+      return a.value.use_checkbox && (t += 1), a.value.use_expandable_items && (t += 1), t;
     }
-    function Pe() {
-      w("tradePage"), q();
+    function Ke() {
+      x("tradePage"), U();
     }
-    const Z = (r, d) => {
-      const s = [r.class_item || ""];
-      if (r.click && s.push("cursor-pointer"), r.class_rules)
-        for (const [I, p] of Object.entries(r.class_rules))
-          typeof p == "function" && p(d) && s.push(I);
-      return s.join(" ").trim();
+    const ae = (t, o) => {
+      const l = [t.class_item || ""];
+      if (t.click && l.push("cursor-pointer"), t.class_rules)
+        for (const [M, p] of Object.entries(t.class_rules))
+          typeof p == "function" && p(o) && l.push(M);
+      return l.join(" ").trim();
     };
     return f({
-      execute: q,
-      reSearch: E,
-      pagination: Xe(y),
-      set_limit_per_page: Ne,
-      set_search: He,
-      set_filter: Oe,
-      set_page: je,
-      default_params: Se,
-      selected_items: L,
-      atLeastOneSelected: Me,
-      expand_item_toggle: U,
-      close_all_expanded_items: K,
-      selectAllCheckbox: oe,
-      toggleColumnVisibility: Ve,
-      columns_list: Be
-    }), ye(() => {
-      a.value.immediate && xe(() => {
-        E();
+      execute: U,
+      reSearch: H,
+      pagination: Ze(h),
+      set_limit_per_page: je,
+      set_search: Pe,
+      set_filter: qe,
+      set_page: Le,
+      default_params: Me,
+      selected_items: J,
+      atLeastOneSelected: Te,
+      expand_item_toggle: W,
+      close_all_expanded_items: Q,
+      selectAllCheckbox: pe,
+      toggleColumnVisibility: ie,
+      columns_list: re
+    }), xe(() => {
+      a.value.immediate && de(() => {
+        H();
+      }), de(() => {
+        a.value.storage_id && (Ie(), Oe());
       });
-    }), J(
-      () => a.value.add_params,
+    }), X(
       () => {
-        E();
+        const t = typeof a.value.add_params == "function" ? a.value.add_params() : a.value.add_params;
+        return JSON.stringify(t);
       },
-      { deep: !0 }
-    ), (r, d) => (t(), n("div", null, [
-      i("div", {
+      (t, o) => {
+        t !== o && o !== void 0 && H();
+      }
+    ), X(
+      () => a.value.endpoint,
+      (t, o) => {
+        t !== o && o !== void 0 && (h.value.current_page = a.value.page_starts_at);
+      }
+    ), (t, o) => (n(), r("div", null, [
+      d("div", {
         class: k(["", a.value.class_container])
       }, [
-        j(r.$slots, "default", {}, void 0, !0),
-        i("div", {
+        A(t.$slots, "default", {}, void 0, !0),
+        d("div", {
           class: k(["", a.value.class_content])
         }, [
-          i("div", {
+          d("div", {
             class: k([a.value.class_filters, "d-flex justify-content-between align-items-start"])
           }, [
-            j(r.$slots, "pageSize", {
-              changePageSize: pe,
-              limit_per_page: y.value.limit_per_page
+            A(t.$slots, "pageSize", {
+              changePageSize: ve,
+              limit_per_page: h.value.limit_per_page
             }, () => [
-              i("div", {
+              d("div", {
                 class: k(["text-secondary", a.value.class_page_size])
               }, [
-                O($(a.value.first_text_page_size) + " ", 1),
-                i("div", Dt, [
-                  ke(i("input", {
+                j(C(a.value.first_text_page_size) + " ", 1),
+                d("div", Ut, [
+                  Se(d("input", {
                     class: "form-control form-control-sm",
-                    onChange: pe,
-                    "onUpdate:modelValue": d[0] || (d[0] = (s) => y.value.limit_per_page = s),
+                    onChange: ve,
+                    "onUpdate:modelValue": o[0] || (o[0] = (l) => h.value.limit_per_page = l),
                     min: "1",
                     size: "3",
                     "aria-label": "Número de registros por página",
                     type: "number"
                   }, null, 544), [
                     [
-                      be,
-                      y.value.limit_per_page,
+                      Ce,
+                      h.value.limit_per_page,
                       void 0,
                       { lazy: !0 }
                     ]
                   ])
                 ]),
-                O(" " + $(a.value.second_text_page_size), 1)
+                j(" " + C(a.value.second_text_page_size), 1)
               ], 2)
             ], !0),
-            j(r.$slots, "fieldMiddle", {}, void 0, !0),
-            (t(), H(ge, {
+            A(t.$slots, "fieldMiddle", {}, void 0, !0),
+            (n(), N(ke, {
               to: a.value.search_teleport || "body",
               disabled: !a.value.search_teleport
             }, [
-              j(r.$slots, "search-field", {
-                search: y.value.search,
-                filter: y.value.filter,
-                reSearch: g(E),
-                list_filter: a.value.list_filter,
-                item_use: ce.value
-              }, () => [
-                a.value.disable_search ? b("", !0) : (t(), H(dt, {
+              d("div", Jt, [
+                a.value.disable_search ? b("", !0) : (n(), N(mt, {
                   key: 0,
-                  search: y.value.search,
-                  "onUpdate:search": d[1] || (d[1] = (s) => y.value.search = s),
-                  filter: y.value.filter,
-                  "onUpdate:filter": d[2] || (d[2] = (s) => y.value.filter = s),
+                  search: h.value.search,
+                  "onUpdate:search": o[1] || (o[1] = (l) => h.value.search = l),
+                  filter: h.value.filter,
+                  "onUpdate:filter": o[2] || (o[2] = (l) => h.value.filter = l),
                   list_filter: a.value.list_filter,
-                  item_use: ce.value,
-                  onSearch: g(E),
+                  item_use: Ee.value,
+                  onSearch: v(H),
                   deactivate_search_on_clear: a.value.deactivate_search_on_clear,
                   placeholder_search: a.value.placeholder_search,
                   deactivate_search_empty: a.value.deactivate_search_empty,
-                  onClickedClearSearch: d[3] || (d[3] = (s) => r.$emit("clickedClearSearch"))
-                }, null, 8, ["search", "filter", "list_filter", "item_use", "onSearch", "deactivate_search_on_clear", "placeholder_search", "deactivate_search_empty"]))
-              ], !0)
+                  use_column_manager: a.value.use_column_manager,
+                  toggleColumnVisibility: ie,
+                  columns_list: re.value,
+                  onClickedClearSearch: o[3] || (o[3] = (l) => t.$emit("clickedClearSearch"))
+                }, {
+                  "search-field": L(() => [
+                    A(t.$slots, "search-field", {
+                      search: h.value.search,
+                      filter: h.value.filter,
+                      reSearch: v(H)
+                    }, 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"])),
+                G(kt, {
+                  use_column_manager: a.value.use_column_manager,
+                  columns_list: re.value,
+                  toggleColumnVisibility: ie
+                }, {
+                  "extra-actions": L(() => [
+                    A(t.$slots, "extra-actions", {}, void 0, !0)
+                  ]),
+                  _: 3
+                }, 8, ["use_column_manager", "columns_list"])
+              ])
             ], 8, ["to", "disabled"]))
           ], 2),
-          j(r.$slots, "item-selected-info", {
-            selected_items: g(L),
-            clearSelection: () => L.value = []
+          A(t.$slots, "item-selected-info", {
+            selected_items: v(J),
+            clearSelection: () => J.value = []
           }, () => [
-            a.value.use_checkbox && g(L).length > 0 && !a.value.deactivate_selected_info ? (t(), n("div", Et, [
-              i("h4", It, [
-                d[10] || (d[10] = i("strong", null, "oi Itens Selecionados:", -1)),
-                d[11] || (d[11] = O()),
-                i("span", Nt, $(g(L).length), 1)
+            a.value.use_checkbox && v(J).length > 0 && !a.value.deactivate_selected_info ? (n(), r("div", Yt, [
+              d("h4", Gt, [
+                o[10] || (o[10] = d("strong", null, "oi Itens Selecionados:", -1)),
+                o[11] || (o[11] = j()),
+                d("span", Xt, C(v(J).length), 1)
               ]),
-              i("a", {
+              d("a", {
                 class: "cursor-pointer",
-                onClick: d[4] || (d[4] = (s) => L.value = [])
-              }, [...d[12] || (d[12] = [
-                ee('<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-trash" data-v-ea8e198a><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-ea8e198a></path><path d="M4 7l16 0" data-v-ea8e198a></path><path d="M10 11l0 6" data-v-ea8e198a></path><path d="M14 11l0 6" data-v-ea8e198a></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" data-v-ea8e198a></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" data-v-ea8e198a></path></svg> Limpar Seleção', 2)
+                onClick: o[4] || (o[4] = (l) => J.value = [])
+              }, [...o[12] || (o[12] = [
+                Z('<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-trash" data-v-06e5f788><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-06e5f788></path><path d="M4 7l16 0" data-v-06e5f788></path><path d="M10 11l0 6" data-v-06e5f788></path><path d="M14 11l0 6" data-v-06e5f788></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" data-v-06e5f788></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" data-v-06e5f788></path></svg> Limpar Seleção', 2)
               ])])
             ])) : b("", !0)
           ], !0),
-          g(Ce) ? (t(), H(zt, {
+          v(ze) ? (n(), N(jt, {
             key: 0,
-            columns: S.value,
-            limit: y.value.limit_per_page,
+            columns: y.value,
+            limit: h.value.limit_per_page,
             type_loading: a.value.type_loading,
             custom_loading: a.value.custom_loading,
             class_table: a.value.class_table,
-            attempt: g(le),
-            pagination: y.value
-          }, null, 8, ["columns", "limit", "type_loading", "custom_loading", "class_table", "attempt", "pagination"])) : g(T) ? (t(), n("div", Ht, [
-            d[13] || (d[13] = i("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
-            g(le) ? (t(), n("p", Ot, " Não foi possível carregar os dados após " + $(g(le).total) + " tentativa(s). ", 1)) : (t(), n("p", jt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
-            i("button", {
+            attempt: v(se),
+            pagination: h.value
+          }, null, 8, ["columns", "limit", "type_loading", "custom_loading", "class_table", "attempt", "pagination"])) : v(T) ? (n(), r("div", Wt, [
+            o[13] || (o[13] = d("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
+            v(se) ? (n(), r("p", Qt, " Não foi possível carregar os dados após " + C(v(se).total) + " tentativa(s). ", 1)) : (n(), r("p", Rt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
+            d("button", {
               class: "btn btn-primary mt-2",
-              onClick: d[5] || (d[5] = //@ts-ignore
-              (...s) => g(q) && g(q)(...s))
+              onClick: o[5] || (o[5] = //@ts-ignore
+              (...l) => v(U) && v(U)(...l))
             }, " Tentar Novamente ")
-          ])) : g(D) ? (t(), n("div", At, [
-            R.value || a.value.show_header_when_empty ? (t(), n("div", Pt, [
-              i("table", {
+          ])) : v(O) ? (n(), r("div", Zt, [
+            te.value || a.value.show_header_when_empty ? (n(), r("div", ea, [
+              d("table", {
                 class: k(["table table-vcenter table-selectable", a.value.class_table])
               }, [
-                i("thead", null, [
-                  W(g(Ze), {
-                    modelValue: se.value,
-                    "onUpdate:modelValue": d[7] || (d[7] = (s) => se.value = s),
+                d("thead", null, [
+                  G(v(lt), {
+                    modelValue: oe.value,
+                    "onUpdate:modelValue": o[7] || (o[7] = (l) => oe.value = l),
                     tag: "tr",
                     "item-key": "id",
                     animation: 400,
                     "ghost-class": "ghost-item",
                     "drag-class": "dragging-item",
-                    onStart: d[8] || (d[8] = (s) => P.value = !0),
-                    onEnd: d[9] || (d[9] = () => De())
+                    onStart: o[8] || (o[8] = (l) => F.value = !0),
+                    onEnd: o[9] || (o[9] = () => Ne())
                   }, {
-                    header: F(() => [
-                      a.value.use_expandable_items ? (t(), n("th", qt)) : b("", !0),
-                      a.value.use_checkbox ? (t(), n("th", Lt, [
-                        i("input", {
+                    header: L(() => [
+                      a.value.use_expandable_items ? (n(), r("th", ta)) : b("", !0),
+                      a.value.use_checkbox ? (n(), r("th", aa, [
+                        d("input", {
                           class: "form-check-input m-0",
                           type: "checkbox",
                           ref_key: "selectAllCheckbox",
-                          ref: oe,
-                          onChange: d[6] || (d[6] = //@ts-ignore
-                          (...s) => g(de) && g(de)(...s)),
+                          ref: pe,
+                          onChange: o[6] || (o[6] = //@ts-ignore
+                          (...l) => v(me) && v(me)(...l)),
                           "aria-label": "Selecionar todos os itens na página"
                         }, null, 544)
                       ])) : b("", !0)
                     ]),
-                    item: F(({ element: s }) => [
-                      W(fe, {
-                        header: s.header,
-                        class_column: s.class_column,
-                        use_ordering: s.use_ordering,
-                        orderings_state: m.value[s.id] || "none",
-                        onToggleOrderingState: () => _e(s.id),
+                    item: L(({ element: l }) => [
+                      G(be, {
+                        header: l.header,
+                        class_column: l.class_column,
+                        use_ordering: l.use_ordering,
+                        orderings_state: g.value[l.id] || "none",
+                        onToggleOrderingState: () => fe(l.id),
                         locked: !1,
-                        col: s
+                        col: l
                       }, null, 8, ["header", "class_column", "use_ordering", "orderings_state", "onToggleOrderingState", "col"])
                     ]),
-                    footer: F(() => [
-                      (t(!0), n(V, null, N(ue.value, (s) => (t(), H(fe, {
-                        key: s.field || s.header,
-                        header: s.header,
-                        class_column: s.class_column,
-                        use_ordering: s.use_ordering,
-                        orderings_state: m.value[s.id] || "none",
-                        onToggleOrderingState: () => _e(s.id),
-                        col: s,
+                    footer: L(() => [
+                      (n(!0), r(V, null, E(ge.value, (l) => (n(), N(be, {
+                        key: l.field || l.header,
+                        header: l.header,
+                        class_column: l.class_column,
+                        use_ordering: l.use_ordering,
+                        orderings_state: g.value[l.id] || "none",
+                        onToggleOrderingState: () => fe(l.id),
+                        col: l,
                         locked: ""
                       }, null, 8, ["header", "class_column", "use_ordering", "orderings_state", "onToggleOrderingState", "col"]))), 128))
                     ]),
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                i("tbody", null, [
-                  R.value ? (t(!0), n(V, { key: 0 }, N(g(D), (s, I) => (t(), n(V, {
-                    key: s[a.value.item_key]
+                d("tbody", null, [
+                  te.value ? (n(!0), r(V, { key: 0 }, E(v(O), (l, M) => (n(), r(V, {
+                    key: l[a.value.item_key]
                   }, [
-                    W(Ge, {
+                    G(et, {
                       tag: "tr",
-                      name: P.value ? "column-move" : ""
+                      name: F.value ? "column-move" : ""
                     }, {
-                      default: F(() => [
-                        a.value.use_expandable_items ? (t(), n("td", Ft, [
-                          j(r.$slots, "expand-button", {
-                            item: s,
-                            index: I,
-                            isExpanded: g(Y)(s),
-                            expand_item_toggle: g(U)
+                      default: L(() => [
+                        a.value.use_expandable_items ? (n(), r("td", na, [
+                          A(t.$slots, "expand-button", {
+                            item: l,
+                            index: M,
+                            isExpanded: v(R)(l),
+                            expand_item_toggle: v(W)
                           }, () => [
-                            i("button", {
+                            d("button", {
                               type: "button",
-                              class: k(["btn-clean btn-icon-anim", { "is-expanded": g(Y)(s) }]),
-                              onClick: (p) => g(U)(s)
+                              class: k(["btn-clean btn-icon-anim", { "is-expanded": v(R)(l) }]),
+                              onClick: (p) => v(W)(l)
                             }, [
-                              a.value.type_button_expand === "arrow" ? (t(), n("svg", Kt, [...d[14] || (d[14] = [
-                                i("path", {
+                              a.value.type_button_expand === "arrow" ? (n(), r("svg", la, [...o[14] || (o[14] = [
+                                d("path", {
                                   stroke: "none",
                                   d: "M0 0h24v24H0z",
                                   fill: "none"
                                 }, null, -1),
-                                i("path", { d: "M9 6l6 6l-6 6" }, null, -1)
-                              ])])) : (t(), n("svg", Yt, [...d[15] || (d[15] = [
-                                i("path", {
+                                d("path", { d: "M9 6l6 6l-6 6" }, null, -1)
+                              ])])) : (n(), r("svg", oa, [...o[15] || (o[15] = [
+                                d("path", {
                                   stroke: "none",
                                   d: "M0 0h24v24H0z",
                                   fill: "none"
                                 }, null, -1),
-                                i("path", {
+                                d("path", {
                                   d: "M12 5l0 14",
                                   class: "vertical-line"
                                 }, null, -1),
-                                i("path", { d: "M5 12l14 0" }, null, -1)
+                                d("path", { d: "M5 12l14 0" }, null, -1)
                               ])]))
-                            ], 10, Ut)
+                            ], 10, sa)
                           ], !0)
                         ])) : b("", !0),
-                        a.value.use_checkbox ? (t(), n("td", Xt, [
-                          i("input", {
+                        a.value.use_checkbox ? (n(), r("td", ra, [
+                          d("input", {
                             class: "form-check-input m-0",
                             type: "checkbox",
-                            checked: g(ie)(s),
-                            onChange: (p) => g(ze)(s),
+                            checked: v(_e)(l),
+                            onChange: (p) => v(Ve)(l),
                             "aria-label": "Selecionar este item"
-                          }, null, 40, Gt)
+                          }, null, 40, ia)
                         ])) : b("", !0),
-                        (t(!0), n(V, null, N(Te.value, (p, X) => (t(), n("td", {
+                        (n(!0), r(V, null, E(De.value, (p, D) => (n(), r("td", {
                           key: p.field || p.header,
                           class: k(p.class_row)
                         }, [
-                          p.bodySlot ? (t(), H(te(p.bodySlot), {
+                          p.bodySlot ? (n(), N(ee(p.bodySlot), {
                             key: 0,
-                            item: s,
-                            index: X,
-                            "is-selected": g(ie)(s)
-                          }, null, 8, ["item", "index", "is-selected"])) : p.type === "text" ? (t(), n("span", {
+                            item: l,
+                            index: D,
+                            "is-selected": v(_e)(l)
+                          }, null, 8, ["item", "index", "is-selected"])) : p.type === "text" ? (n(), r("span", {
                             key: 1,
-                            onClick: (G) => p.click ? p.click(s) : null,
-                            class: k(Z(p, s))
-                          }, $(Ie(A(p.field, s, p.transform_function), p.limite_text ?? null)), 11, Wt)) : p.type === "date" ? (t(), n("span", {
+                            onClick: (P) => p.click ? p.click(l) : null,
+                            class: k(ae(p, l))
+                          }, C(Ae(q(p.field, l, p.transform_function), p.limite_text ?? null)), 11, da)) : p.type === "date" ? (n(), r("span", {
                             key: 2,
-                            onClick: (G) => p.click ? p.click(s) : null,
-                            class: k(Z(p, s))
+                            onClick: (P) => p.click ? p.click(l) : null,
+                            class: k(ae(p, l))
                           }, [
-                            p.format === "complete" ? (t(), n("span", Qt, $(new Date(A(
+                            p.format === "complete" ? (n(), r("span", ca, C(new Date(q(
                               p.field,
-                              s
+                              l
                             )).toLocaleString()), 1)) : b("", !0),
-                            p.format === "simple" ? (t(), n("span", Rt, $(new Date(A(
+                            p.format === "simple" ? (n(), r("span", pa, C(new Date(q(
                               p.field,
-                              s
+                              l
                             )).toLocaleDateString()), 1)) : b("", !0)
-                          ], 10, Jt)) : p.type === "html" ? (t(), n("div", {
+                          ], 10, ua)) : p.type === "html" ? (n(), r("div", {
                             key: 3,
-                            onClick: (G) => p.click ? p.click(s) : null,
-                            class: k(Z(p, s)),
-                            innerHTML: A(p.field, s)
-                          }, null, 10, Zt)) : p.type === "img" ? (t(), n("div", {
+                            onClick: (P) => p.click ? p.click(l) : null,
+                            class: k(ae(p, l)),
+                            innerHTML: q(p.field, l)
+                          }, null, 10, _a)) : p.type === "img" ? (n(), r("div", {
                             key: 4,
-                            onClick: (G) => p.click ? p.click(s) : null,
-                            class: k(Z(p, s))
+                            onClick: (P) => p.click ? p.click(l) : null,
+                            class: k(ae(p, l))
                           }, [
-                            A(p.field, s) ? (t(), n("div", ne({
+                            q(p.field, l) ? (n(), r("div", ue({
                               key: 0,
                               ref_for: !0
                             }, p.deactivate_img_preview ? {
                               class: "container-img"
                             } : {
-                              onMouseover: (G) => g(x)(G, A(p.field, s)),
-                              onMousemove: g(h),
-                              onMouseleave: g(v),
+                              onMouseover: (P) => v(I)(P, q(p.field, l)),
+                              onMousemove: v(w),
+                              onMouseleave: v(_),
                               class: "container-img container-img-preview"
                             }), [
-                              i("img", {
+                              d("img", {
                                 class: "img-tamanho",
-                                src: A(p.field, s)
-                              }, null, 8, ta),
-                              i("img", {
+                                src: q(p.field, l)
+                              }, null, 8, ga),
+                              d("img", {
                                 class: "img-tamanho-cover",
-                                src: A(p.field, s)
-                              }, null, 8, aa),
-                              d[16] || (d[16] = i("div", { class: "bg-img" }, null, -1))
+                                src: q(p.field, l)
+                              }, null, 8, va),
+                              o[16] || (o[16] = d("div", { class: "bg-img" }, null, -1))
                             ], 16)) : b("", !0)
-                          ], 10, ea)) : (t(), n("span", la, [
-                            d[17] || (d[17] = O("tipo ", -1)),
-                            i("span", sa, $(p.type), 1),
-                            d[18] || (d[18] = O(" não suportado", -1))
+                          ], 10, ma)) : (n(), r("span", fa, [
+                            o[17] || (o[17] = j("tipo ", -1)),
+                            d("span", ha, C(p.type), 1),
+                            o[18] || (o[18] = j(" não suportado", -1))
                           ]))
                         ], 2))), 128))
                       ]),
                       _: 2
                     }, 1032, ["name"]),
-                    W(We, {
+                    G(tt, {
                       name: "expand-item-" + a.value.type_animation_expand,
                       css: !a.value.deactivate_animation_expand
                     }, {
-                      default: F(() => [
-                        g(Y)(s) ? (t(), n("tr", {
+                      default: L(() => [
+                        v(R)(l) ? (n(), r("tr", {
                           key: 0,
-                          id: "expand-item-" + s[a.value.item_key],
+                          id: "expand-item-" + l[a.value.item_key],
                           class: "expanded-item-row"
                         }, [
-                          i("td", {
-                            colspan: Ae()
+                          d("td", {
+                            colspan: Fe()
                           }, [
-                            j(r.$slots, "after-row", { item: s }, void 0, !0)
-                          ], 8, ra)
-                        ], 8, na)) : b("", !0)
+                            A(t.$slots, "after-row", { item: l }, void 0, !0)
+                          ], 8, ka)
+                        ], 8, ya)) : b("", !0)
                       ]),
                       _: 2
                     }, 1032, ["name", "css"])
@@ -1231,51 +1360,51 @@ const mt = { class: "loading-container" }, vt = { key: 0 }, gt = { key: 2 }, ft
                 ])
               ], 2)
             ])) : b("", !0),
-            !R.value && g($e) === !1 ? (t(), n("div", oa, [
-              j(r.$slots, "idle-state", {}, void 0, !0)
-            ])) : R.value ? b("", !0) : (t(), n("div", ia, [...d[19] || (d[19] = [
-              i("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
+            !te.value && v(Be) === !1 ? (n(), r("div", ba, [
+              A(t.$slots, "idle-state", {}, void 0, !0)
+            ])) : te.value ? b("", !0) : (n(), r("div", wa, [...o[19] || (o[19] = [
+              d("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
             ])]))
           ])) : b("", !0)
         ], 2)
       ], 2),
-      (t(), H(ge, {
+      (n(), N(ke, {
         to: a.value.pagination_teleport || "body",
         disabled: !a.value.pagination_teleport
       }, [
-        j(r.$slots, "pagination", {
-          pagination: y.value,
-          tradePage: g(q),
-          error: g(T)
+        A(t.$slots, "pagination", {
+          pagination: h.value,
+          tradePage: v(U),
+          error: v(T)
         }, () => [
-          !g(T) && y.value.count > 0 ? (t(), n("div", {
+          !v(T) && h.value.count > 0 ? (n(), r("div", {
             key: 0,
             class: k(["px-3", a.value.class_pagination])
           }, [
-            W(Re, {
+            G(st, {
               page_starts_at: a.value.page_starts_at,
               filtering: !0,
-              pagination: y.value,
-              onTradePage: Pe
+              pagination: h.value,
+              onTradePage: Ke
             }, null, 8, ["page_starts_at", "pagination"])
           ], 2)) : b("", !0)
         ], !0)
       ], 8, ["to", "disabled"])),
-      g(_) ? (t(), n("div", {
+      v(m) ? (n(), r("div", {
         key: 0,
         class: "image-preview-container",
-        style: Je(g(B))
+        style: at(v($))
       }, [
-        i("img", {
-          src: g(c),
+        d("img", {
+          src: v(c),
           alt: "Preview",
           class: "image-preview-large"
-        }, null, 8, da)
+        }, null, 8, xa)
       ], 4)) : b("", !0)
     ]));
   }
-}), ga = /* @__PURE__ */ re(ua, [["__scopeId", "data-v-ea8e198a"]]);
+}), Ta = /* @__PURE__ */ ce(Sa, [["__scopeId", "data-v-06e5f788"]]);
 export {
-  va as VColumn,
-  ga as VDataTable
+  Ba as VColumn,
+  Ta as VDataTable
 };