npm - v-sistec-features - Versions diffs - 1.22.3 → 1.23.0 - Mend

v-sistec-features 1.22.3 → 1.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/v-sistec-features.css +1 -1
package/dist/vDataTable.d.ts +16 -0
package/dist/vDataTable.js +672 -711
package/package.json +1 -1
package/src/DatatableVue/components/VColumn.vue +9 -1
package/src/DatatableVue/components/VDataTable.vue +18 -102
package/src/DatatableVue/components/VThDataTable.vue +107 -0
package/src/DatatableVue/keys.ts +2 -0

package/dist/vDataTable.js CHANGED Viewed

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