v-sistec-features 1.23.2 → 1.25.0

package/dist/vDataTable.js

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