v-sistec-features 1.9.3 → 1.10.0

package/dist/vDataTable.js

@@ -1,7 +1,7 @@
-import { defineComponent as R, useSlots as Ce, inject as Se, onMounted as $e, computed as C, watch as P, resolveComponent as ze, createElementBlock as n, openBlock as s, createCommentVNode as g, createElementVNode as t, withDirectives as ne, withKeys as Be, vModelText as re, Fragment as M, renderList as B, createBlock as U, withCtx as H, createTextVNode as V, toDisplayString as v, normalizeClass as m, withModifiers as se, ref as k, provide as Ve, readonly as Ne, nextTick as Te, renderSlot as O, createVNode as Q, createStaticVNode as je, resolveDynamicComponent as le, unref as f, TransitionGroup as De, mergeProps as Ae, normalizeStyle as Ee } from "vue";
-import { _ as oe, P as Ie } from "./Pagination-DtVDFQ07.js";
-import Oe from "vuedraggable";
-const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
+import { defineComponent as te, useSlots as Ve, inject as Te, onMounted as je, computed as M, watch as L, resolveComponent as Ne, createElementBlock as s, openBlock as n, createCommentVNode as h, createElementVNode as t, withDirectives as ie, withKeys as De, vModelText as de, Fragment as w, renderList as B, createBlock as ee, withCtx as O, createTextVNode as V, toDisplayString as m, normalizeClass as p, withModifiers as re, ref as k, provide as Ee, readonly as Ie, nextTick as Ae, renderSlot as E, createVNode as q, createStaticVNode as He, resolveDynamicComponent as oe, unref as g, TransitionGroup as Oe, mergeProps as Pe, Transition as qe, normalizeStyle as Le } from "vue";
+import { _ as ue, P as Ue } from "./Pagination-DtVDFQ07.js";
+import Fe from "vuedraggable";
+const ce = Symbol("v-datatable-key"), ra = /* @__PURE__ */ te({
   __name: "VColumn",
   props: {
     field: { default: null },
@@ -21,12 +21,12 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
     decreasing_value: { default: "" },
     increasing_value: { default: "" }
   },
-  setup(w) {
-    const i = w, b = Ce(), S = Se(ie);
-    if (!S)
+  setup(x) {
+    const i = x, b = Ve(), C = Te(ce);
+    if (!C)
       throw new Error("VColumn deve ser usado dentro de um VDataTable.");
     const z = ["text", "img", "date", "html"];
-    return $e(() => {
+    return je(() => {
       if (i.field !== null && !i.field)
         throw new Error('A propriedade "field" é obrigatória em VColumn.');
       if (!i.header)
@@ -41,7 +41,7 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
         if (isNaN(Number(i.limite_text)) || Number(i.limite_text) <= 0)
           throw new Error('A propriedade "limite_text" deve ser um número maior que 0.');
       }
-      S.addColumn({
+      C.addColumn({
         field: i.field,
         header: i.header,
         type: i.type,
@@ -60,21 +60,21 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
         ...i.type === "img" && { deactivate_img_preview: i.deactivate_img_preview },
         ...i.type === "date" && { format: i.format }
       });
-    }), ($, D) => null;
+    }), (S, I) => null;
   }
-}), He = { class: "dropdown d-flex" }, Pe = {
+}), Ke = { class: "dropdown d-flex" }, Ye = {
   key: 0,
   href: "#",
   class: "btn dropdown-toggle",
   "data-bs-toggle": "dropdown",
   title: "Pesquisas Prédefinidas"
-}, qe = { class: "input-icon" }, Le = ["placeholder"], Ue = {
+}, Xe = { class: "input-icon" }, Ge = ["placeholder"], We = {
   key: 1,
   class: "input-icon-addon"
-}, Fe = {
+}, Je = {
   key: 1,
   class: "dropdown-menu"
-}, Ke = ["onClick"], Ye = ["onClick"], Xe = /* @__PURE__ */ R({
+}, Qe = ["onClick"], Re = ["onClick"], Ze = /* @__PURE__ */ te({
   __name: "SearchDatatable",
   props: {
     search: {},
@@ -85,38 +85,38 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
     deactivate_search_on_clear: { type: Boolean, default: !1 }
   },
   emits: ["update:search", "update:filter", "search"],
-  setup(w, { emit: i }) {
-    const b = w, S = i, z = C({
+  setup(x, { emit: i }) {
+    const b = x, C = i, z = M({
       get: () => b.search,
-      set: (p) => S("update:search", p)
-    }), $ = C({
+      set: (_) => C("update:search", _)
+    }), S = M({
       get: () => b.filter,
-      set: (p) => S("update:filter", p)
+      set: (_) => C("update:filter", _)
     });
-    P($, () => {
-      S("search");
-    }), P(
+    L(S, () => {
+      C("search");
+    }), L(
       () => b.list_filter,
-      (p) => {
-        Array.isArray(p) ? (p.forEach((d, h) => {
-          d?.type === 1 && !d.to && console.error(`Filtro na posição ${h} é do tipo 'router-link' mas não possui a propriedade 'to'.`);
-        }), b.item_use.includes(2) && p.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.");
+      (_) => {
+        Array.isArray(_) ? (_.forEach((d, f) => {
+          d?.type === 1 && !d.to && console.error(`Filtro na posição ${f} é do tipo 'router-link' mas não possui a propriedade 'to'.`);
+        }), b.item_use.includes(2) && _.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 D(p) {
-      $.value === p ? $.value = "" : $.value = p;
+    function I(_) {
+      S.value === _ ? S.value = "" : S.value = _;
     }
-    function I() {
-      z.value = "", b.deactivate_search_on_clear || S("search");
+    function P() {
+      z.value = "", b.deactivate_search_on_clear || C("search");
     }
-    function o(p) {
-      p.click && typeof p.click == "function" ? p.click() : console.error("O filtro selecionado não possui uma função de clique válida.");
+    function o(_) {
+      _.click && typeof _.click == "function" ? _.click() : console.error("O filtro selecionado não possui uma função de clique válida.");
     }
-    return (p, d) => {
-      const h = ze("router-link");
-      return s(), n("div", He, [
-        w.item_use.includes(2) ? (s(), n("a", Pe, [...d[3] || (d[3] = [
+    return (_, d) => {
+      const f = Ne("router-link");
+      return n(), s("div", Ke, [
+        x.item_use.includes(2) ? (n(), s("a", Ye, [...d[3] || (d[3] = [
           t("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             class: "icon icon-tabler icon-tabler-filter",
@@ -136,21 +136,21 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
             }),
             t("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)
-        ])])) : g("", !0),
-        t("div", qe, [
-          ne(t("input", {
+        ])])) : h("", !0),
+        t("div", Xe, [
+          ie(t("input", {
             type: "text",
             class: "form-control ms-1",
             id: "inputSearchVDataTable",
             "onUpdate:modelValue": d[0] || (d[0] = (u) => z.value = u),
-            onKeyup: d[1] || (d[1] = Be((u) => p.$emit("search"), ["enter"])),
-            placeholder: w.placeholder_search
-          }, null, 40, Le), [
-            [re, z.value]
+            onKeyup: d[1] || (d[1] = De((u) => _.$emit("search"), ["enter"])),
+            placeholder: x.placeholder_search
+          }, null, 40, Ge), [
+            [de, z.value]
           ]),
-          z.value ? (s(), n("span", {
+          z.value ? (n(), s("span", {
             key: 0,
-            onClick: d[2] || (d[2] = (u) => I()),
+            onClick: d[2] || (d[2] = (u) => P()),
             class: "inputClose",
             title: "Limpar pesquisa"
           }, [...d[4] || (d[4] = [
@@ -174,7 +174,7 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
               t("path", { d: "M18 6l-12 12" }),
               t("path", { d: "M6 6l12 12" })
             ], -1)
-          ])])) : (s(), n("span", Ue, [...d[5] || (d[5] = [
+          ])])) : (n(), s("span", We, [...d[5] || (d[5] = [
             t("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
@@ -197,99 +197,99 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
             ], -1)
           ])]))
         ]),
-        w.item_use.includes(2) ? (s(), n("div", Fe, [
-          (s(!0), n(M, null, B(b.list_filter, (u, T) => (s(), n(M, { key: T }, [
-            "type" in u && u.type === 1 && (!("visible" in u) || u.visible) ? (s(), U(h, {
+        x.item_use.includes(2) ? (n(), s("div", Je, [
+          (n(!0), s(w, null, B(b.list_filter, (u, j) => (n(), s(w, { key: j }, [
+            "type" in u && u.type === 1 && (!("visible" in u) || u.visible) ? (n(), ee(f, {
               key: 0,
               to: u?.to,
               class: "dropdown-item cursor-pointer"
             }, {
-              default: H(() => [
-                V(v(u.text), 1)
+              default: O(() => [
+                V(m(u.text), 1)
               ]),
               _: 2
-            }, 1032, ["to"])) : (!("type" in u) || u.type === 2) && (!("visible" in u) || u.visible) ? (s(), n("a", {
+            }, 1032, ["to"])) : (!("type" in u) || u.type === 2) && (!("visible" in u) || u.visible) ? (n(), s("a", {
               key: 1,
-              onClick: se((_) => D(String(u.value)), ["prevent"]),
-              class: m(["dropdown-item cursor-pointer", $.value === u?.value ? "bg-info text-dark selected" : ""])
-            }, v(u.text), 11, Ke)) : (!("type" in u) || u.type === 3) && (!("visible" in u) || u.visible) ? (s(), n("a", {
+              onClick: re((v) => I(String(u.value)), ["prevent"]),
+              class: p(["dropdown-item cursor-pointer", S.value === u?.value ? "bg-info text-dark selected" : ""])
+            }, m(u.text), 11, Qe)) : (!("type" in u) || u.type === 3) && (!("visible" in u) || u.visible) ? (n(), s("a", {
               key: 2,
-              onClick: se((_) => o(u), ["prevent"]),
-              class: m(["dropdown-item cursor-pointer", u?.active ? "bg-info text-dark selected" : ""])
-            }, v(u.text), 11, Ye)) : g("", !0)
+              onClick: re((v) => o(u), ["prevent"]),
+              class: p(["dropdown-item cursor-pointer", u?.active ? "bg-info text-dark selected" : ""])
+            }, m(u.text), 11, Re)) : h("", !0)
           ], 64))), 128))
-        ])) : g("", !0)
+        ])) : h("", !0)
       ]);
     };
   }
-}), Ge = /* @__PURE__ */ oe(Xe, [["__scopeId", "data-v-5bb59b4b"]]);
-function We() {
-  const w = k(!1), i = k(""), b = k(0), S = k(0), z = C(() => ({
+}), et = /* @__PURE__ */ ue(Ze, [["__scopeId", "data-v-5bb59b4b"]]);
+function tt() {
+  const x = k(!1), i = k(""), b = k(0), C = k(0), z = M(() => ({
     position: "fixed",
     zIndex: 9999,
     pointerEvents: "none",
-    top: `${S.value + 15}px`,
+    top: `${C.value + 15}px`,
     left: `${b.value + 15}px`
   }));
-  function $(p) {
-    const d = p.clientX, h = p.clientY, u = window.innerHeight, T = 15, _ = 300;
-    let x = h + T;
-    x + _ > u && (x = h - _ - T, x < 0 && (x = 0)), b.value = d, S.value = x;
+  function S(_) {
+    const d = _.clientX, f = _.clientY, u = window.innerHeight, j = 15, v = 300;
+    let $ = f + j;
+    $ + v > u && ($ = f - v - j, $ < 0 && ($ = 0)), b.value = d, C.value = $;
   }
-  function D(p, d) {
-    w.value = !0, i.value = d, $(p);
+  function I(_, d) {
+    x.value = !0, i.value = d, S(_);
   }
-  function I(p) {
-    w.value && $(p);
+  function P(_) {
+    x.value && S(_);
   }
   function o() {
-    w.value = !1;
+    x.value = !1;
   }
   return {
-    isHovering: w,
+    isHovering: x,
     previewSrc: i,
     previewStyle: z,
-    handleMouseOver: D,
-    handleMouseMove: I,
+    handleMouseOver: I,
+    handleMouseMove: P,
     handleMouseLeave: o
   };
 }
-const Je = { class: "mx-2 d-inline-block" }, Qe = {
+const at = { class: "mx-2 d-inline-block" }, nt = {
   key: 0,
   class: "alert alert-cyan d-flex justify-content-center align-items-center py-2",
   role: "alert"
-}, Re = { class: "alert-title m-0" }, Ze = { class: "badge bg-azure text-azure-fg" }, et = { key: 0 }, tt = { key: 2 }, at = {
+}, st = { class: "alert-title m-0" }, lt = { class: "badge bg-azure text-azure-fg" }, rt = { key: 0 }, ot = { key: 2 }, it = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, st = { class: "badge bg-orange text-white erro-custom-text" }, lt = { key: 0 }, nt = { key: 2 }, rt = {
+}, dt = { class: "badge bg-orange text-white erro-custom-text" }, ut = { key: 0 }, ct = { key: 2 }, pt = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, ot = { class: "badge bg-orange text-white erro-custom-text" }, it = ["colspan"], dt = {
+}, _t = { class: "badge bg-orange text-white erro-custom-text" }, mt = ["colspan"], vt = {
   key: 0,
   class: "d-flex flex-column justify-content-center align-items-center",
   style: { height: "6rem" }
-}, ut = {
+}, ht = {
   key: 1,
   style: { height: "3rem" }
-}, ct = {
+}, ft = {
   key: 2,
   class: "p-3 text-center text-secondary"
-}, pt = {
+}, gt = {
   key: 1,
   class: "feedback-container text-center"
-}, mt = {
+}, kt = {
   key: 0,
   class: "text-secondary"
-}, vt = {
+}, yt = {
   key: 1,
   class: "text-secondary"
-}, _t = {
+}, wt = {
   key: 2,
   class: "table-responsive"
-}, ht = { key: 0 }, ft = {
-  key: 0,
+}, xt = { key: 0 }, bt = { key: 0 }, Mt = {
+  key: 1,
   class: "w-1"
-}, gt = { class: "header-ordering" }, kt = ["onClick"], yt = {
+}, Ct = { class: "header-ordering" }, St = ["onClick"], $t = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -300,7 +300,7 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, wt = {
+}, zt = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -311,7 +311,7 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, bt = {
+}, Bt = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -322,7 +322,7 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, xt = { class: "header-ordering" }, Mt = ["onClick"], Ct = {
+}, Vt = { class: "header-ordering" }, Tt = ["onClick"], jt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -333,7 +333,7 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, St = {
+}, Nt = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -344,7 +344,7 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, $t = {
+}, Dt = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -355,16 +355,46 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, zt = {
+}, Et = {
   key: 0,
   class: "w-1"
-}, Bt = ["checked", "onChange"], Vt = ["onClick"], Nt = ["onClick"], Tt = { key: 0 }, jt = { key: 1 }, Dt = ["onClick", "innerHTML"], At = ["onClick"], Et = ["src"], It = ["src"], Ot = {
+}, It = ["onClick"], At = {
+  key: 0,
+  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-chevron-right icon-transition-arrow"
+}, Ht = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-transition-plus"
+}, Ot = {
+  key: 1,
+  class: "w-1"
+}, Pt = ["checked", "onChange"], qt = ["onClick"], Lt = ["onClick"], Ut = { key: 0 }, Ft = { key: 1 }, Kt = ["onClick", "innerHTML"], Yt = ["onClick"], Xt = ["src"], Gt = ["src"], Wt = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, Ht = { class: "badge bg-orange text-white erro-custom-text" }, Pt = { key: 1 }, qt = {
+}, Jt = { class: "badge bg-orange text-white erro-custom-text" }, Qt = {
+  key: 0,
+  class: ""
+}, Rt = ["colspan"], Zt = { key: 1 }, ea = {
   key: 2,
   class: "text-center p-4 text-secondary"
-}, Lt = ["src"], Ut = /* @__PURE__ */ R({
+}, ta = ["src"], aa = /* @__PURE__ */ te({
   __name: "VDataTable",
   props: {
     fetch: {},
@@ -393,6 +423,10 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
     retry_attempts: { default: 3 },
     retry_delay: { default: 2e3 },
     use_checkbox: { type: Boolean, default: !1 },
+    use_expandable_items: { type: Boolean, default: !1 },
+    type_animation_expand: { default: "expand" },
+    deactivate_animation_expand: { type: Boolean, default: !1 },
+    type_button_expand: { default: "arrow" },
     item_key: { default: "id" },
     limit_per_page: { default: 5 },
     page_starts_at: { default: 0 },
@@ -401,15 +435,15 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
     placeholder_search: { default: "Buscar..." },
     deactivate_search_on_clear: { type: Boolean, default: !1 }
   },
-  setup(w, { expose: i }) {
+  setup(x, { expose: i }) {
     const {
       isHovering: b,
-      previewSrc: S,
+      previewSrc: C,
       previewStyle: z,
-      handleMouseOver: $,
-      handleMouseMove: D,
-      handleMouseLeave: I
-    } = We(), o = w, p = k(!1), d = k({}), h = k([]), u = k([]), T = k(0), _ = k([]), x = k(null), F = k(!1), K = k(null), c = k({
+      handleMouseOver: S,
+      handleMouseMove: I,
+      handleMouseLeave: P
+    } = tt(), o = x, _ = k(!1), d = k({}), f = k([]), u = k([]), j = k(0), v = k([]), $ = k([]), D = k(null), K = k(!1), Y = k(null), c = k({
       current_page: o.page_starts_at,
       // pagina atual
       count: 0,
@@ -420,180 +454,197 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
       // termo de busca
       filter: ""
       // filtro selecionado
-    }), de = C(() => (c.value.current_page = o.page_starts_at, o.endpoint)), { data: ue, pending: ce, error: Y, execute: pe, attempt: A } = o.fetch(de, {
+    }), pe = M(() => (c.value.current_page = o.page_starts_at, o.endpoint)), { data: _e, pending: me, error: X, execute: ve, attempt: A } = o.fetch(pe, {
       params: () => o.deactivate_default_params ? o.add_params && typeof o.add_params == "function" ? {
         ...o.add_params(),
-        ...q.value
+        ...U.value
       } : {
         ...o.add_params,
-        ...q.value
+        ...U.value
       } : o.add_params && typeof o.add_params == "function" ? {
-        ...W.value,
+        ...J.value,
         ...o.add_params(),
-        ...q.value
+        ...U.value
       } : {
-        ...W.value,
+        ...J.value,
         ...o.add_params,
-        ...q.value
+        ...U.value
       },
       retry: o.retry_attempts,
       retryDelay: o.retry_delay,
       paramsReactives: !1,
       immediate: !1
-    }, o.fetch_name), X = C(
-      () => h.value.filter((r) => r.locked)
-    ), G = C({
+    }, o.fetch_name), G = M(
+      () => f.value.filter((l) => l.locked)
+    ), W = M({
       get() {
-        return h.value.filter((r) => !r.locked);
+        return f.value.filter((l) => !l.locked);
       },
-      set(r) {
-        const e = X.value;
-        h.value = [...r, ...e];
+      set(l) {
+        const e = G.value;
+        f.value = [...l, ...e];
       }
-    }), me = C(() => [...G.value, ...X.value]), ve = C(() => {
-      let r = [1];
-      return o.list_filter.length > 0 && r.push(2), r;
-    }), q = C(() => {
-      const r = {};
-      for (const e of h.value)
+    }), he = M(() => [...W.value, ...G.value]), fe = M(() => {
+      let l = [1];
+      return o.list_filter.length > 0 && l.push(2), l;
+    }), U = M(() => {
+      const l = {};
+      for (const e of f.value)
         if (e.use_ordering)
           if (d.value[e.header] === "increasing")
-            r[e.param_ordering] = e.increasing_value || "increasing";
+            l[e.param_ordering] = e.increasing_value || "increasing";
           else if (d.value[e.header] === "decreasing")
-            r[e.param_ordering] = e.decreasing_value || "decreasing";
+            l[e.param_ordering] = e.decreasing_value || "decreasing";
           else
             continue;
         else
           continue;
-      return r;
-    }), W = C(() => ({
+      return l;
+    }), J = M(() => ({
       [o.page_param_name]: c.value.current_page + 1,
       [o.page_size_param_name]: c.value.limit_per_page,
       [o.search_param_name]: c.value.search || "",
       [o.filter_param_name]: c.value.filter || ""
-    })), _e = C(() => ce.value || F.value), L = (r) => {
+    })), ge = M(() => me.value || K.value), F = (l) => {
       const e = o.item_key;
-      return _.value.some((a) => a[e] === r[e]);
-    }, Z = C(() => {
+      return v.value.some((a) => a[e] === l[e]);
+    }, ae = M(() => {
       if (!u.value.length) return !1;
-      const r = u.value.filter((e) => L(e)).length;
-      return r === 0 ? !1 : r === u.value.length ? !0 : "indeterminate";
-    }), he = C(() => _.value.length > 0);
-    P([Z, x], ([r]) => {
-      x.value && (r === "indeterminate" ? (x.value.checked = !1, x.value.indeterminate = !0) : (x.value.checked = r, x.value.indeterminate = !1));
+      const l = u.value.filter((e) => F(e)).length;
+      return l === 0 ? !1 : l === u.value.length ? !0 : "indeterminate";
+    }), ke = M(() => v.value.length > 0);
+    L([ae, D], ([l]) => {
+      D.value && (l === "indeterminate" ? (D.value.checked = !1, D.value.indeterminate = !0) : (D.value.checked = l, D.value.indeterminate = !1));
     }, {
       immediate: !0,
       flush: "post"
-    }), P(ue, (r) => {
-      r ? (u.value = r[o.data_key] || [], T.value = r[o.total_key] || 0, c.value.count = T.value) : (u.value = [], T.value = 0);
+    }), L(_e, (l) => {
+      l ? (u.value = l[o.data_key] || [], j.value = l[o.total_key] || 0, c.value.count = j.value) : (u.value = [], j.value = 0);
     }, { immediate: !0 });
-    function fe() {
-      const r = u.value;
-      if (!r.length) return;
-      const e = Z.value;
+    function ye() {
+      const l = u.value;
+      if (!l.length) return;
+      const e = ae.value;
       if (e === !0 || e === "indeterminate") {
-        const a = r.map((l) => l[o.item_key]);
-        _.value = _.value.filter(
-          (l) => !a.includes(l[o.item_key])
+        const a = l.map((r) => r[o.item_key]);
+        v.value = v.value.filter(
+          (r) => !a.includes(r[o.item_key])
         );
       } else
-        r.forEach((a) => {
-          L(a) || _.value.push(a);
+        l.forEach((a) => {
+          F(a) || v.value.push(a);
         });
     }
-    function ge(r) {
-      const e = o.item_key, a = _.value.findIndex((l) => l[e] === r[e]);
-      a > -1 ? _.value.splice(a, 1) : _.value.push(r);
+    function we(l) {
+      const e = o.item_key, a = v.value.findIndex((r) => r[e] === l[e]);
+      a > -1 ? v.value.splice(a, 1) : v.value.push(l);
     }
-    function ke(r) {
-      h.value.push(r);
+    function xe(l) {
+      f.value.push(l);
     }
-    Ve(ie, { addColumn: ke });
-    function E() {
-      p.value || (p.value = !0), K.value && clearTimeout(K.value), F.value = !0, K.value = setTimeout(() => {
-        F.value = !1;
-      }, o.min_loading_delay), pe();
+    Ee(ce, { addColumn: xe });
+    function H() {
+      _.value || (_.value = !0), Y.value && clearTimeout(Y.value), K.value = !0, Y.value = setTimeout(() => {
+        K.value = !1;
+      }, o.min_loading_delay), ve();
     }
-    function N() {
-      c.value.current_page = o.page_starts_at, E();
+    function T() {
+      c.value.current_page = o.page_starts_at, H();
     }
-    const ee = (r) => {
-      const e = r.target, a = parseInt(e.value, 10);
-      a > 0 && (c.value.limit_per_page = a, c.value.limit_per_page = a, N());
+    const ne = (l) => {
+      const e = l.target, a = parseInt(e.value, 10);
+      a > 0 && (c.value.limit_per_page = a, c.value.limit_per_page = a, T());
     };
-    function j(r, e, a = null) {
-      if (!r) return e;
-      const l = r.split(".");
+    function N(l, e, a = null) {
+      if (!l) return e;
+      const r = l.split(".");
       let y = e;
-      for (const J of l)
-        y && typeof y == "object" && J in y ? y = y[J] : console.error(`Caminho inválido ou valor nulo em: ${r} na parte ${J}`);
+      for (const Z of r)
+        y && typeof y == "object" && Z in y ? y = y[Z] : console.error(`Caminho inválido ou valor nulo em: ${l} na parte ${Z}`);
       return a && (y = a(y)), y;
     }
-    function ye(r, e) {
-      return e && typeof e == "number" && e > 0 && typeof r == "string" && r.length > e ? r.substring(0, e) + "..." : r;
+    function be(l, e) {
+      return e && typeof e == "number" && e > 0 && typeof l == "string" && l.length > e ? l.substring(0, e) + "..." : l;
     }
-    function te(r) {
+    function se(l) {
       for (const a in d.value)
-        a !== r && (d.value[a] = "none");
-      const e = d.value[r] || "none";
-      e === "none" ? d.value[r] = "increasing" : e === "increasing" ? d.value[r] = "decreasing" : d.value[r] = "none", N();
+        a !== l && (d.value[a] = "none");
+      const e = d.value[l] || "none";
+      e === "none" ? d.value[l] = "increasing" : e === "increasing" ? d.value[l] = "decreasing" : d.value[l] = "none", T();
+    }
+    function Me(l) {
+      l > 0 ? (c.value.limit_per_page = l, T()) : console.warn("O limite deve ser um número maior que zero.");
+    }
+    function Ce(l) {
+      c.value.search = l, T();
+    }
+    function Se(l) {
+      c.value.filter = l, T();
+    }
+    function $e(l) {
+      l >= 0 && l <= Math.ceil(c.value.count / c.value.limit_per_page) ? (c.value.current_page = l, H()) : console.warn("Número de página inválido.");
     }
-    function we(r) {
-      r > 0 ? (c.value.limit_per_page = r, N()) : console.warn("O limite deve ser um número maior que zero.");
+    function Q(l) {
+      const e = l[o.item_key], a = $.value.findIndex((r) => r === e);
+      a > -1 ? $.value.splice(a, 1) : $.value.push(e);
     }
-    function be(r) {
-      c.value.search = r, N();
+    function R(l) {
+      const e = l[o.item_key];
+      return $.value.some((a) => a === e);
     }
-    function xe(r) {
-      c.value.filter = r, N();
+    function ze() {
+      $.value = [];
     }
-    function Me(r) {
-      r >= 0 && r <= Math.ceil(c.value.count / c.value.limit_per_page) ? (c.value.current_page = r, E()) : console.warn("Número de página inválido.");
+    function Be() {
+      let l = f.value.length;
+      return o.use_checkbox && (l += 1), o.use_expandable_items && (l += 1), l;
     }
     i({
-      execute: E,
-      reSearch: N,
-      pagination: Ne(c),
-      set_limit_per_page: we,
-      set_search: be,
-      set_filter: xe,
-      set_page: Me,
-      default_params: W,
-      selected_items: _,
-      atLeastOneSelected: he
+      execute: H,
+      reSearch: T,
+      pagination: Ie(c),
+      set_limit_per_page: Me,
+      set_search: Ce,
+      set_filter: Se,
+      set_page: $e,
+      default_params: J,
+      selected_items: v,
+      atLeastOneSelected: ke,
+      expand_item_toggle: Q,
+      close_all_expanded_items: ze
     });
-    const ae = k(!1);
-    return P(
+    const le = k(!1);
+    return L(
       () => o.add_params,
       () => {
-        ae.value ? N() : (ae.value = !0, Te(() => {
-          N();
+        le.value ? T() : (le.value = !0, Ae(() => {
+          T();
         }));
       },
       { deep: !0, immediate: o.immediate }
-    ), (r, e) => (s(), n("div", null, [
+    ), (l, e) => (n(), s("div", null, [
       t("div", {
-        class: m(["", o.class_container])
+        class: p(["", o.class_container])
       }, [
-        O(r.$slots, "default", {}, void 0, !0),
+        E(l.$slots, "default", {}, void 0, !0),
         t("div", {
-          class: m(["", o.class_content])
+          class: p(["", o.class_content])
         }, [
           t("div", {
-            class: m([o.class_filters, "d-flex justify-content-between align-items-start"])
+            class: p([o.class_filters, "d-flex justify-content-between align-items-start"])
           }, [
-            O(r.$slots, "pageSize", {
-              changePageSize: ee,
+            E(l.$slots, "pageSize", {
+              changePageSize: ne,
               limit_per_page: c.value.limit_per_page
             }, () => [
               t("div", {
-                class: m(["text-secondary", o.class_page_size])
+                class: p(["text-secondary", o.class_page_size])
               }, [
-                V(v(o.first_text_page_size) + " ", 1),
-                t("div", Je, [
-                  ne(t("input", {
+                V(m(o.first_text_page_size) + " ", 1),
+                t("div", at, [
+                  ie(t("input", {
                     class: "form-control form-control-sm",
-                    onChange: ee,
+                    onChange: ne,
                     "onUpdate:modelValue": e[0] || (e[0] = (a) => c.value.limit_per_page = a),
                     min: "1",
                     size: "3",
@@ -601,134 +652,134 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
                     type: "number"
                   }, null, 544), [
                     [
-                      re,
+                      de,
                       c.value.limit_per_page,
                       void 0,
                       { lazy: !0 }
                     ]
                   ])
                 ]),
-                V(" " + v(o.second_text_page_size), 1)
+                V(" " + m(o.second_text_page_size), 1)
               ], 2)
             ], !0),
-            O(r.$slots, "fieldMiddle", {}, void 0, !0),
-            Q(Ge, {
+            E(l.$slots, "fieldMiddle", {}, void 0, !0),
+            q(et, {
               search: c.value.search,
               "onUpdate:search": e[1] || (e[1] = (a) => c.value.search = a),
               filter: c.value.filter,
               "onUpdate:filter": e[2] || (e[2] = (a) => c.value.filter = a),
               list_filter: o.list_filter,
-              item_use: ve.value,
-              onSearch: N,
+              item_use: fe.value,
+              onSearch: T,
               deactivate_search_on_clear: o.deactivate_search_on_clear,
               placeholder_search: o.placeholder_search
             }, null, 8, ["search", "filter", "list_filter", "item_use", "deactivate_search_on_clear", "placeholder_search"])
           ], 2),
-          O(r.$slots, "item-selected-info", {
-            selected_items: _.value,
-            clearSelection: () => _.value = []
+          E(l.$slots, "item-selected-info", {
+            selected_items: v.value,
+            clearSelection: () => v.value = []
           }, () => [
-            o.use_checkbox && _.value.length > 0 && !o.deactivate_selected_info ? (s(), n("div", Qe, [
-              t("h4", Re, [
+            o.use_checkbox && v.value.length > 0 && !o.deactivate_selected_info ? (n(), s("div", nt, [
+              t("h4", st, [
                 e[5] || (e[5] = t("strong", null, "Itens Selecionados:", -1)),
                 e[6] || (e[6] = V()),
-                t("span", Ze, v(_.value.length), 1)
+                t("span", lt, m(v.value.length), 1)
               ]),
               t("a", {
                 class: "cursor-pointer",
-                onClick: e[3] || (e[3] = (a) => _.value = [])
+                onClick: e[3] || (e[3] = (a) => v.value = [])
               }, [...e[7] || (e[7] = [
-                je('<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-1f716b02><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-1f716b02></path><path d="M4 7l16 0" data-v-1f716b02></path><path d="M10 11l0 6" data-v-1f716b02></path><path d="M14 11l0 6" data-v-1f716b02></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" data-v-1f716b02></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" data-v-1f716b02></path></svg> Limpar Seleção', 2)
+                He('<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-9a1d925a><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-9a1d925a></path><path d="M4 7l16 0" data-v-9a1d925a></path><path d="M10 11l0 6" data-v-9a1d925a></path><path d="M14 11l0 6" data-v-9a1d925a></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" data-v-9a1d925a></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" data-v-9a1d925a></path></svg> Limpar Seleção', 2)
               ])])
-            ])) : g("", !0)
+            ])) : h("", !0)
           ], !0),
-          _e.value ? (s(), n(M, { key: 0 }, [
-            o.custom_loading ? (s(), U(le(o.custom_loading), { key: 0 })) : (s(), n("table", {
+          ge.value ? (n(), s(w, { key: 0 }, [
+            o.custom_loading ? (n(), ee(oe(o.custom_loading), { key: 0 })) : (n(), s("table", {
               key: 1,
-              class: m(["table table-vcenter table-selectable", o.class_table])
+              class: p(["table table-vcenter table-selectable", o.class_table])
             }, [
               t("thead", null, [
                 t("tr", null, [
-                  (s(!0), n(M, null, B(h.value, (a) => (s(), n("th", {
+                  (n(!0), s(w, null, B(f.value, (a) => (n(), s("th", {
                     key: a.field || a.header,
-                    class: m(a.class_column)
-                  }, v(a.header), 3))), 128))
+                    class: p(a.class_column)
+                  }, m(a.header), 3))), 128))
                 ])
               ]),
               t("tbody", null, [
-                o.type_loading === "placeholder" ? (s(!0), n(M, { key: 0 }, B(c.value.limit_per_page, (a) => (s(), n("tr", {
+                o.type_loading === "placeholder" ? (n(!0), s(w, { key: 0 }, B(c.value.limit_per_page, (a) => (n(), s("tr", {
                   key: "placeholder-" + a,
                   class: "placeholder-glow"
                 }, [
-                  (s(!0), n(M, null, B(h.value, (l) => (s(), n("td", {
-                    key: l.field || l.header,
-                    class: m(l.class_row)
+                  (n(!0), s(w, null, B(f.value, (r) => (n(), s("td", {
+                    key: r.field || r.header,
+                    class: p(r.class_row)
                   }, [
-                    l.bodySlot ? (s(), n("span", et, [...e[8] || (e[8] = [
+                    r.bodySlot ? (n(), s("span", rt, [...e[8] || (e[8] = [
                       t("span", { class: "placeholder col-8" }, null, -1)
-                    ])])) : l.type === "text" ? (s(), n("span", {
+                    ])])) : r.type === "text" ? (n(), s("span", {
                       key: 1,
-                      class: m(l.class_item)
+                      class: p(r.class_item)
                     }, [...e[9] || (e[9] = [
                       t("span", { class: "placeholder col-8" }, null, -1)
-                    ])], 2)) : l.type === "date" ? (s(), n("span", tt, [...e[10] || (e[10] = [
+                    ])], 2)) : r.type === "date" ? (n(), s("span", ot, [...e[10] || (e[10] = [
                       t("span", { class: "placeholder col-9" }, null, -1)
-                    ])])) : l.type === "html" ? (s(), n("div", {
+                    ])])) : r.type === "html" ? (n(), s("div", {
                       key: 3,
-                      class: m(l.class_item)
+                      class: p(r.class_item)
                     }, [...e[11] || (e[11] = [
                       t("div", { class: "placeholder col-12" }, null, -1)
-                    ])], 2)) : l.type === "img" ? (s(), n("div", {
+                    ])], 2)) : r.type === "img" ? (n(), s("div", {
                       key: 4,
-                      class: m(l.class_item)
+                      class: p(r.class_item)
                     }, [...e[12] || (e[12] = [
                       t("div", { class: "placeholder placeholder-img" }, null, -1)
-                    ])], 2)) : (s(), n("span", at, [
+                    ])], 2)) : (n(), s("span", it, [
                       e[13] || (e[13] = V("tipo ", -1)),
-                      t("span", st, v(l.type), 1),
+                      t("span", dt, m(r.type), 1),
                       e[14] || (e[14] = V(" não suportado ", -1))
                     ]))
                   ], 2))), 128))
-                ]))), 128)) : o.type_loading === "spiner-table" ? (s(!0), n(M, { key: 1 }, B(c.value.limit_per_page, (a) => (s(), n("tr", {
+                ]))), 128)) : o.type_loading === "spiner-table" ? (n(!0), s(w, { key: 1 }, B(c.value.limit_per_page, (a) => (n(), s("tr", {
                   key: "placeholder-" + a
                 }, [
-                  (s(!0), n(M, null, B(h.value, (l) => (s(), n("td", {
-                    key: l.field || l.header,
-                    class: m(l.class_row)
+                  (n(!0), s(w, null, B(f.value, (r) => (n(), s("td", {
+                    key: r.field || r.header,
+                    class: p(r.class_row)
                   }, [
-                    l.bodySlot ? (s(), n("span", lt, [...e[15] || (e[15] = [
+                    r.bodySlot ? (n(), s("span", ut, [...e[15] || (e[15] = [
                       t("span", {
                         class: "spinner-border spinner-border-sm",
                         role: "status",
                         "aria-hidden": "true"
                       }, null, -1)
-                    ])])) : l.type === "text" ? (s(), n("span", {
+                    ])])) : r.type === "text" ? (n(), s("span", {
                       key: 1,
-                      class: m(l.class_item)
+                      class: p(r.class_item)
                     }, [...e[16] || (e[16] = [
                       t("span", {
                         class: "spinner-border spinner-border-sm",
                         role: "status",
                         "aria-hidden": "true"
                       }, null, -1)
-                    ])], 2)) : l.type === "date" ? (s(), n("span", nt, [...e[17] || (e[17] = [
+                    ])], 2)) : r.type === "date" ? (n(), s("span", ct, [...e[17] || (e[17] = [
                       t("span", {
                         class: "spinner-border spinner-border-sm",
                         role: "status",
                         "aria-hidden": "true"
                       }, null, -1)
-                    ])])) : l.type === "html" ? (s(), n("div", {
+                    ])])) : r.type === "html" ? (n(), s("div", {
                       key: 3,
-                      class: m(l.class_item)
+                      class: p(r.class_item)
                     }, [...e[18] || (e[18] = [
                       t("span", {
                         class: "spinner-border spinner-border-sm",
                         role: "status",
                         "aria-hidden": "true"
                       }, null, -1)
-                    ])], 2)) : l.type === "img" ? (s(), n("div", {
+                    ])], 2)) : r.type === "img" ? (n(), s("div", {
                       key: 4,
-                      class: m(["", l.class_item])
+                      class: p(["", r.class_item])
                     }, [...e[19] || (e[19] = [
                       t("span", { class: "placeholder-img d-flex justify-content-center align-items-center" }, [
                         t("span", {
@@ -737,266 +788,318 @@ const Je = { class: "mx-2 d-inline-block" }, Qe = {
                           "aria-hidden": "true"
                         })
                       ], -1)
-                    ])], 2)) : (s(), n("span", rt, [
+                    ])], 2)) : (n(), s("span", pt, [
                       e[20] || (e[20] = V("tipo ", -1)),
-                      t("span", ot, v(l.type), 1),
+                      t("span", _t, m(r.type), 1),
                       e[21] || (e[21] = V(" não suportado ", -1))
                     ]))
                   ], 2))), 128))
-                ]))), 128)) : o.type_loading === "spiner" ? (s(!0), n(M, { key: 2 }, B(c.value.limit_per_page, (a) => (s(), n("tr", { key: a }, [
+                ]))), 128)) : o.type_loading === "spiner" ? (n(!0), s(w, { key: 2 }, B(c.value.limit_per_page, (a) => (n(), s("tr", { key: a }, [
                   t("td", {
-                    colspan: h.value.length,
+                    colspan: f.value.length,
                     class: "text-center p-0",
                     style: { "border-bottom": "none" }
                   }, [
-                    a === Math.floor(c.value.limit_per_page / 2) + 1 ? (s(), n("div", dt, [...e[22] || (e[22] = [
+                    a === Math.floor(c.value.limit_per_page / 2) + 1 ? (n(), s("div", vt, [...e[22] || (e[22] = [
                       t("div", {
                         class: "spinner-border",
                         style: { width: "3rem", height: "3rem" },
                         role: "status"
                       }, null, -1),
                       t("span", { class: "mt-2" }, "Carregando...", -1)
-                    ])])) : (s(), n("div", ut))
-                  ], 8, it)
-                ]))), 128)) : g("", !0)
+                    ])])) : (n(), s("div", ht))
+                  ], 8, mt)
+                ]))), 128)) : h("", !0)
               ])
             ], 2)),
-            f(A) && f(A).current > 1 ? (s(), n("div", ct, " A conexão falhou. Tentando novamente... (Tentativa " + v(f(A).current) + " de " + v(f(A).total) + ") ", 1)) : g("", !0)
-          ], 64)) : f(Y) ? (s(), n("div", pt, [
+            g(A) && g(A).current > 1 ? (n(), s("div", ft, " A conexão falhou. Tentando novamente... (Tentativa " + m(g(A).current) + " de " + m(g(A).total) + ") ", 1)) : h("", !0)
+          ], 64)) : g(X) ? (n(), s("div", gt, [
             e[23] || (e[23] = t("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
-            f(A) ? (s(), n("p", mt, " Não foi possível carregar os dados após " + v(f(A).total) + " tentativa(s). ", 1)) : (s(), n("p", vt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
+            g(A) ? (n(), s("p", kt, " Não foi possível carregar os dados após " + m(g(A).total) + " tentativa(s). ", 1)) : (n(), s("p", yt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
             t("button", {
               class: "btn btn-primary mt-2",
-              onClick: E
+              onClick: H
             }, " Tentar Novamente ")
-          ])) : u.value ? (s(), n("div", _t, [
-            u.value.length > 0 ? (s(), n("div", ht, [
+          ])) : u.value ? (n(), s("div", wt, [
+            u.value.length > 0 ? (n(), s("div", xt, [
               t("table", {
-                class: m(["table table-vcenter table-selectable", o.class_table])
+                class: p(["table table-vcenter table-selectable", o.class_table])
               }, [
                 t("thead", null, [
-                  Q(f(Oe), {
-                    modelValue: G.value,
-                    "onUpdate:modelValue": e[4] || (e[4] = (a) => G.value = a),
+                  q(g(Fe), {
+                    modelValue: W.value,
+                    "onUpdate:modelValue": e[4] || (e[4] = (a) => W.value = a),
                     tag: "tr",
                     "item-key": "header",
                     animation: 400,
                     "ghost-class": "ghost-item",
                     "drag-class": "dragging-item"
                   }, {
-                    header: H(() => [
-                      o.use_checkbox ? (s(), n("th", ft, [
+                    header: O(() => [
+                      o.use_expandable_items ? (n(), s("th", bt)) : h("", !0),
+                      o.use_checkbox ? (n(), s("th", Mt, [
                         t("input", {
                           class: "form-check-input m-0",
                           type: "checkbox",
                           ref_key: "selectAllCheckbox",
-                          ref: x,
-                          onChange: fe,
+                          ref: D,
+                          onChange: ye,
                           "aria-label": "Selecionar todos os itens na página"
                         }, null, 544)
-                      ])) : g("", !0)
+                      ])) : h("", !0)
                     ]),
-                    item: H(({ element: a }) => [
-                      a.use_ordering ? (s(), n("th", {
+                    item: O(({ element: a }) => [
+                      a.use_ordering ? (n(), s("th", {
                         key: 0,
-                        class: m(["header-draggable", a.class_column])
+                        class: p(["header-draggable", a.class_column])
                       }, [
-                        t("div", gt, [
-                          t("span", null, v(a.header), 1),
+                        t("div", Ct, [
+                          t("span", null, m(a.header), 1),
                           t("span", {
-                            onClick: () => te(a.header),
+                            onClick: () => se(a.header),
                             class: "ms-2 cursor-pointer"
                           }, [
-                            !d.value[a.header] || d.value[a.header] === "none" ? (s(), n("svg", yt, [...e[24] || (e[24] = [
+                            !d.value[a.header] || d.value[a.header] === "none" ? (n(), s("svg", $t, [...e[24] || (e[24] = [
                               t("path", { d: "m3 8 4-4 4 4" }, null, -1),
                               t("path", { d: "m11 16-4 4-4-4" }, null, -1),
                               t("path", { d: "M7 4v16" }, null, -1),
                               t("path", { d: "M15 8h6" }, null, -1),
                               t("path", { d: "M15 16h6" }, null, -1),
                               t("path", { d: "M13 12h8" }, null, -1)
-                            ])])) : d.value[a.header] === "decreasing" ? (s(), n("svg", wt, [...e[25] || (e[25] = [
+                            ])])) : d.value[a.header] === "decreasing" ? (n(), s("svg", zt, [...e[25] || (e[25] = [
                               t("path", { d: "m3 16 4 4 4-4" }, null, -1),
                               t("path", { d: "M7 20V4" }, null, -1),
                               t("path", { d: "M11 4h10" }, null, -1),
                               t("path", { d: "M11 8h7" }, null, -1),
                               t("path", { d: "M11 12h4" }, null, -1)
-                            ])])) : d.value[a.header] === "increasing" ? (s(), n("svg", bt, [...e[26] || (e[26] = [
+                            ])])) : d.value[a.header] === "increasing" ? (n(), s("svg", Bt, [...e[26] || (e[26] = [
                               t("path", { d: "m3 8 4-4 4 4" }, null, -1),
                               t("path", { d: "M7 4v16" }, null, -1),
                               t("path", { d: "M11 12h4" }, null, -1),
                               t("path", { d: "M11 16h7" }, null, -1),
                               t("path", { d: "M11 20h10" }, null, -1)
-                            ])])) : g("", !0)
-                          ], 8, kt)
+                            ])])) : h("", !0)
+                          ], 8, St)
                         ])
-                      ], 2)) : (s(), n("th", {
+                      ], 2)) : (n(), s("th", {
                         key: 1,
-                        class: m(["header-draggable", a.class_column])
-                      }, v(a.header), 3))
+                        class: p(["header-draggable", a.class_column])
+                      }, m(a.header), 3))
                     ]),
-                    footer: H(() => [
-                      (s(!0), n(M, null, B(X.value, (a) => (s(), n(M, {
+                    footer: O(() => [
+                      (n(!0), s(w, null, B(G.value, (a) => (n(), s(w, {
                         key: a.field || a.header
                       }, [
-                        a.use_ordering ? (s(), n("th", {
+                        a.use_ordering ? (n(), s("th", {
                           key: 0,
-                          class: m(["header-locked header-ordering", a.class_column])
+                          class: p(["header-locked header-ordering", a.class_column])
                         }, [
-                          t("div", xt, [
-                            t("span", null, v(a.header), 1),
+                          t("div", Vt, [
+                            t("span", null, m(a.header), 1),
                             t("span", {
-                              onClick: () => te(a.header),
+                              onClick: () => se(a.header),
                               class: "ms-2 cursor-pointer"
                             }, [
-                              !d.value[a.header] || d.value[a.header] === "none" ? (s(), n("svg", Ct, [...e[27] || (e[27] = [
+                              !d.value[a.header] || d.value[a.header] === "none" ? (n(), s("svg", jt, [...e[27] || (e[27] = [
                                 t("path", { d: "m3 8 4-4 4 4" }, null, -1),
                                 t("path", { d: "m11 16-4 4-4-4" }, null, -1),
                                 t("path", { d: "M7 4v16" }, null, -1),
                                 t("path", { d: "M15 8h6" }, null, -1),
                                 t("path", { d: "M15 16h6" }, null, -1),
                                 t("path", { d: "M13 12h8" }, null, -1)
-                              ])])) : d.value[a.header] === "decreasing" ? (s(), n("svg", St, [...e[28] || (e[28] = [
+                              ])])) : d.value[a.header] === "decreasing" ? (n(), s("svg", Nt, [...e[28] || (e[28] = [
                                 t("path", { d: "m3 16 4 4 4-4" }, null, -1),
                                 t("path", { d: "M7 20V4" }, null, -1),
                                 t("path", { d: "M11 4h10" }, null, -1),
                                 t("path", { d: "M11 8h7" }, null, -1),
                                 t("path", { d: "M11 12h4" }, null, -1)
-                              ])])) : d.value[a.header] === "increasing" ? (s(), n("svg", $t, [...e[29] || (e[29] = [
+                              ])])) : d.value[a.header] === "increasing" ? (n(), s("svg", Dt, [...e[29] || (e[29] = [
                                 t("path", { d: "m3 8 4-4 4 4" }, null, -1),
                                 t("path", { d: "M7 4v16" }, null, -1),
                                 t("path", { d: "M11 12h4" }, null, -1),
                                 t("path", { d: "M11 16h7" }, null, -1),
                                 t("path", { d: "M11 20h10" }, null, -1)
-                              ])])) : g("", !0)
-                            ], 8, Mt)
+                              ])])) : h("", !0)
+                            ], 8, Tt)
                           ])
-                        ], 2)) : (s(), n("th", {
+                        ], 2)) : (n(), s("th", {
                           key: 1,
-                          class: m(["header-locked", a.class_column])
-                        }, v(a.header), 3))
+                          class: p(["header-locked", a.class_column])
+                        }, m(a.header), 3))
                       ], 64))), 128))
                     ]),
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
                 t("tbody", null, [
-                  (s(!0), n(M, null, B(u.value, (a) => (s(), U(De, {
-                    tag: "tr",
-                    key: a[o.item_key],
-                    name: "column-move"
-                  }, {
-                    default: H(() => [
-                      o.use_checkbox ? (s(), n("td", zt, [
-                        t("input", {
-                          class: "form-check-input m-0",
-                          type: "checkbox",
-                          checked: L(a),
-                          onChange: (l) => ge(a),
-                          "aria-label": "Selecionar este item"
-                        }, null, 40, Bt)
-                      ])) : g("", !0),
-                      (s(!0), n(M, null, B(me.value, (l) => (s(), n("td", {
-                        key: l.field || l.header,
-                        class: m(l.class_row)
-                      }, [
-                        l.bodySlot ? (s(), U(le(l.bodySlot), {
-                          key: 0,
-                          item: a,
-                          "is-selected": L(a)
-                        }, null, 8, ["item", "is-selected"])) : l.type === "text" ? (s(), n("span", {
-                          key: 1,
-                          onClick: (y) => l.click ? l.click(a) : null,
-                          class: m(l.class_item + (l.click ? " cursor-pointer" : ""))
-                        }, v(ye(j(l.field, a, l.transform_function), l.limite_text ?? null)), 11, Vt)) : l.type === "date" ? (s(), n("span", {
-                          key: 2,
-                          onClick: (y) => l.click ? l.click(a) : null,
-                          class: m(l.class_item + (l.click ? " cursor-pointer" : ""))
-                        }, [
-                          l.format === "complete" ? (s(), n("span", Tt, v(new Date(j(l.field, a)).toLocaleString()), 1)) : g("", !0),
-                          l.format === "simple" ? (s(), n("span", jt, v(new Date(j(
-                            l.field,
-                            a
-                          )).toLocaleDateString()), 1)) : g("", !0)
-                        ], 10, Nt)) : l.type === "html" ? (s(), n("div", {
-                          key: 3,
-                          onClick: (y) => l.click ? l.click(a) : null,
-                          class: m(l.class_item + (l.click ? " cursor-pointer" : "")),
-                          innerHTML: j(l.field, a)
-                        }, null, 10, Dt)) : l.type === "img" ? (s(), n("div", {
-                          key: 4,
-                          onClick: (y) => l.click ? l.click(a) : null,
-                          class: m(l.class_item + (l.click ? " cursor-pointer" : ""))
+                  (n(!0), s(w, null, B(u.value, (a) => (n(), s(w, {
+                    key: a[o.item_key]
+                  }, [
+                    q(Oe, {
+                      tag: "tr",
+                      name: "column-move"
+                    }, {
+                      default: O(() => [
+                        o.use_expandable_items ? (n(), s("td", Et, [
+                          E(l.$slots, "expand-button", {
+                            item: a,
+                            isExpanded: R(a),
+                            expand_item_toggle: Q
+                          }, () => [
+                            t("button", {
+                              type: "button",
+                              class: p(["btn-clean btn-icon-anim", { "is-expanded": R(a) }]),
+                              onClick: (r) => Q(a)
+                            }, [
+                              o.type_button_expand === "arrow" ? (n(), s("svg", At, [...e[30] || (e[30] = [
+                                t("path", {
+                                  stroke: "none",
+                                  d: "M0 0h24v24H0z",
+                                  fill: "none"
+                                }, null, -1),
+                                t("path", { d: "M9 6l6 6l-6 6" }, null, -1)
+                              ])])) : (n(), s("svg", Ht, [...e[31] || (e[31] = [
+                                t("path", {
+                                  stroke: "none",
+                                  d: "M0 0h24v24H0z",
+                                  fill: "none"
+                                }, null, -1),
+                                t("path", {
+                                  d: "M12 5l0 14",
+                                  class: "vertical-line"
+                                }, null, -1),
+                                t("path", { d: "M5 12l14 0" }, null, -1)
+                              ])]))
+                            ], 10, It)
+                          ], !0)
+                        ])) : h("", !0),
+                        o.use_checkbox ? (n(), s("td", Ot, [
+                          t("input", {
+                            class: "form-check-input m-0",
+                            type: "checkbox",
+                            checked: F(a),
+                            onChange: (r) => we(a),
+                            "aria-label": "Selecionar este item"
+                          }, null, 40, Pt)
+                        ])) : h("", !0),
+                        (n(!0), s(w, null, B(he.value, (r) => (n(), s("td", {
+                          key: r.field || r.header,
+                          class: p(r.class_row)
                         }, [
-                          j(l.field, a) ? (s(), n("div", Ae({
+                          r.bodySlot ? (n(), ee(oe(r.bodySlot), {
                             key: 0,
-                            ref_for: !0
-                          }, l.deactivate_img_preview ? {
-                            class: "container-img"
-                          } : {
-                            onMouseover: (y) => f($)(y, j(l.field, a)),
-                            onMousemove: f(D),
-                            onMouseleave: f(I),
-                            class: "container-img container-img-preview"
-                          }), [
-                            t("img", {
-                              class: "img-tamanho",
-                              src: j(l.field, a)
-                            }, null, 8, Et),
-                            t("img", {
-                              class: "img-tamanho-cover",
-                              src: j(l.field, a)
-                            }, null, 8, It),
-                            e[30] || (e[30] = t("div", { class: "bg-img" }, null, -1))
-                          ], 16)) : g("", !0)
-                        ], 10, At)) : (s(), n("span", Ot, [
-                          e[31] || (e[31] = V("tipo ", -1)),
-                          t("span", Ht, v(l.type), 1),
-                          e[32] || (e[32] = V(" não suportado", -1))
-                        ]))
-                      ], 2))), 128))
-                    ]),
-                    _: 2
-                  }, 1024))), 128))
+                            item: a,
+                            "is-selected": F(a)
+                          }, null, 8, ["item", "is-selected"])) : r.type === "text" ? (n(), s("span", {
+                            key: 1,
+                            onClick: (y) => r.click ? r.click(a) : null,
+                            class: p(r.class_item + (r.click ? " cursor-pointer" : ""))
+                          }, m(be(N(r.field, a, r.transform_function), r.limite_text ?? null)), 11, qt)) : r.type === "date" ? (n(), s("span", {
+                            key: 2,
+                            onClick: (y) => r.click ? r.click(a) : null,
+                            class: p(r.class_item + (r.click ? " cursor-pointer" : ""))
+                          }, [
+                            r.format === "complete" ? (n(), s("span", Ut, m(new Date(N(r.field, a)).toLocaleString()), 1)) : h("", !0),
+                            r.format === "simple" ? (n(), s("span", Ft, m(new Date(N(
+                              r.field,
+                              a
+                            )).toLocaleDateString()), 1)) : h("", !0)
+                          ], 10, Lt)) : r.type === "html" ? (n(), s("div", {
+                            key: 3,
+                            onClick: (y) => r.click ? r.click(a) : null,
+                            class: p(r.class_item + (r.click ? " cursor-pointer" : "")),
+                            innerHTML: N(r.field, a)
+                          }, null, 10, Kt)) : r.type === "img" ? (n(), s("div", {
+                            key: 4,
+                            onClick: (y) => r.click ? r.click(a) : null,
+                            class: p(r.class_item + (r.click ? " cursor-pointer" : ""))
+                          }, [
+                            N(r.field, a) ? (n(), s("div", Pe({
+                              key: 0,
+                              ref_for: !0
+                            }, r.deactivate_img_preview ? {
+                              class: "container-img"
+                            } : {
+                              onMouseover: (y) => g(S)(y, N(r.field, a)),
+                              onMousemove: g(I),
+                              onMouseleave: g(P),
+                              class: "container-img container-img-preview"
+                            }), [
+                              t("img", {
+                                class: "img-tamanho",
+                                src: N(r.field, a)
+                              }, null, 8, Xt),
+                              t("img", {
+                                class: "img-tamanho-cover",
+                                src: N(r.field, a)
+                              }, null, 8, Gt),
+                              e[32] || (e[32] = t("div", { class: "bg-img" }, null, -1))
+                            ], 16)) : h("", !0)
+                          ], 10, Yt)) : (n(), s("span", Wt, [
+                            e[33] || (e[33] = V("tipo ", -1)),
+                            t("span", Jt, m(r.type), 1),
+                            e[34] || (e[34] = V(" não suportado", -1))
+                          ]))
+                        ], 2))), 128))
+                      ]),
+                      _: 2
+                    }, 1024),
+                    q(qe, {
+                      name: "expand-item-" + o.type_animation_expand,
+                      css: !o.deactivate_animation_expand
+                    }, {
+                      default: O(() => [
+                        R(a) ? (n(), s("tr", Qt, [
+                          t("td", {
+                            colspan: Be()
+                          }, [
+                            E(l.$slots, "after-row", { item: a }, void 0, !0)
+                          ], 8, Rt)
+                        ])) : h("", !0)
+                      ]),
+                      _: 2
+                    }, 1032, ["name", "css"])
+                  ], 64))), 128))
                 ])
               ], 2)
-            ])) : p.value === !1 ? (s(), n("div", Pt)) : (s(), n("div", qt, [...e[33] || (e[33] = [
+            ])) : _.value === !1 ? (n(), s("div", Zt)) : (n(), s("div", ea, [...e[35] || (e[35] = [
               t("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
             ])]))
-          ])) : g("", !0)
+          ])) : h("", !0)
         ], 2)
       ], 2),
-      O(r.$slots, "pagination", {
+      E(l.$slots, "pagination", {
         pagination: c.value,
-        tradePage: E,
-        error: f(Y)
+        tradePage: H,
+        error: g(X)
       }, () => [
-        !f(Y) && c.value.count > 0 ? (s(), n("div", {
+        !g(X) && c.value.count > 0 ? (n(), s("div", {
           key: 0,
-          class: m(["px-3", o.class_pagination])
+          class: p(["px-3", o.class_pagination])
         }, [
-          Q(Ie, {
+          q(Ue, {
             page_starts_at: o.page_starts_at,
             filtering: !0,
             pagination: c.value,
-            onTradePage: E
+            onTradePage: H
           }, null, 8, ["page_starts_at", "pagination"])
-        ], 2)) : g("", !0)
+        ], 2)) : h("", !0)
       ], !0),
-      f(b) ? (s(), n("div", {
+      g(b) ? (n(), s("div", {
         key: 0,
         class: "image-preview-container",
-        style: Ee(f(z))
+        style: Le(g(z))
       }, [
         t("img", {
-          src: f(S),
+          src: g(C),
           alt: "Preview",
           class: "image-preview-large"
-        }, null, 8, Lt)
-      ], 4)) : g("", !0)
+        }, null, 8, ta)
+      ], 4)) : h("", !0)
     ]));
   }
-}), Gt = /* @__PURE__ */ oe(Ut, [["__scopeId", "data-v-1f716b02"]]);
+}), oa = /* @__PURE__ */ ue(aa, [["__scopeId", "data-v-9a1d925a"]]);
 export {
-  Xt as VColumn,
-  Gt as VDataTable
+  ra as VColumn,
+  oa as VDataTable
 };