v-sistec-features 1.30.0 → 1.31.0

package/dist/vDataTable.js

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