v-sistec-features 1.25.0 → 1.26.0

package/dist/vDataTable.js

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