v-sistec-features 1.24.0 → 1.26.0

package/dist/vDataTable.js

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