v-sistec-features 1.7.0 → 1.8.0

package/dist/vDataPage.js

@@ -1,43 +1,43 @@
-import { defineComponent as G, ref as b, toRefs as de, createElementBlock as f, watch as z, onMounted as ce, onUnmounted as pe, openBlock as g, withDirectives as fe, renderSlot as x, createCommentVNode as T, createElementVNode as c, createVNode as j, vShow as ge, toDisplayString as F, nextTick as H, pushScopeId as _e, popScopeId as ve, computed as S, withModifiers as A, Fragment as C, renderList as $, normalizeClass as U, readonly as me, isRef as he, unref as B, withCtx as W } from "vue";
-import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function ye(i, _ = null) {
-  if (!i)
+import { defineComponent as Q, ref as _, toRefs as oe, createElementBlock as g, watch as P, onMounted as ue, onUnmounted as se, openBlock as m, withDirectives as de, renderSlot as k, createCommentVNode as U, createElementVNode as v, createVNode as q, vShow as ce, toDisplayString as A, nextTick as B, pushScopeId as fe, popScopeId as pe, computed as W, readonly as _e, isRef as ge, Fragment as D, createTextVNode as me, normalizeClass as M, renderList as $, unref as T, withCtx as j } from "vue";
+import { P as ve, _ as he } from "./Pagination-DtVDFQ07.js";
+function ye(a, d = null) {
+  if (!a)
     return !1;
-  const t = i.getBoundingClientRect(), l = _ ? _.getBoundingClientRect() : { top: 0, left: 0, bottom: window.innerHeight, right: window.innerWidth };
-  return t.bottom >= l.top && t.top <= l.bottom && t.right >= l.left && t.left <= l.right;
+  const u = a.getBoundingClientRect(), i = d ? d.getBoundingClientRect() : { top: 0, left: 0, bottom: window.innerHeight, right: window.innerWidth };
+  return u.bottom >= i.top && u.top <= i.bottom && u.right >= i.left && u.left <= i.right;
 }
-async function ke(i) {
-  return i ? (await H(), i.value instanceof HTMLElement ? i.value : i.value ? document.querySelector(i.value) : null) : null;
+async function ke(a) {
+  return a ? (await B(), a.value instanceof HTMLElement ? a.value : a.value ? document.querySelector(a.value) : null) : null;
 }
-function be(i) {
-  let _ = `0px 0px ${i.distance}px 0px`;
-  i.top && (_ = `${i.distance}px 0px 0px 0px`);
-  const t = new IntersectionObserver(
-    (l) => {
-      l[0].isIntersecting && (i.firstload && i.emit(), i.firstload = !0);
+function Ie(a) {
+  let d = `0px 0px ${a.distance}px 0px`;
+  a.top && (d = `${a.distance}px 0px 0px 0px`);
+  const u = new IntersectionObserver(
+    (i) => {
+      i[0].isIntersecting && (a.firstload && a.emit(), a.firstload = !0);
     },
-    { root: i.parentEl, rootMargin: _ }
+    { root: a.parentEl, rootMargin: d }
   );
-  return i.infiniteLoading.value && t.observe(i.infiniteLoading.value), t;
+  return a.infiniteLoading.value && u.observe(a.infiniteLoading.value), u;
 }
-async function K(i, _) {
-  if (await H(), !i.top)
+async function J(a, d) {
+  if (await B(), !a.top)
     return;
-  const t = i.parentEl || document.documentElement;
-  t.scrollTop = t.scrollHeight - _;
+  const u = a.parentEl || document.documentElement;
+  u.scrollTop = u.scrollHeight - d;
 }
-const ee = (i, _) => {
-  const t = i.__vccOpts || i;
-  for (const [l, e] of _)
-    t[l] = e;
-  return t;
-}, we = {}, Ie = (i) => (_e("data-v-d3e37633"), i = i(), ve(), i), xe = { class: "container" }, Le = /* @__PURE__ */ Ie(() => /* @__PURE__ */ c("div", { class: "spinner" }, null, -1)), Ee = [
-  Le
+const Y = (a, d) => {
+  const u = a.__vccOpts || a;
+  for (const [i, e] of d)
+    u[i] = e;
+  return u;
+}, we = {}, Le = (a) => (fe("data-v-d3e37633"), a = a(), pe(), a), Ee = { class: "container" }, be = /* @__PURE__ */ Le(() => /* @__PURE__ */ v("div", { class: "spinner" }, null, -1)), xe = [
+  be
 ];
-function Pe(i, _) {
-  return g(), f("div", xe, Ee);
+function De(a, d) {
+  return m(), g("div", Ee, xe);
 }
-const Me = /* @__PURE__ */ ee(we, [["render", Pe], ["__scopeId", "data-v-d3e37633"]]), De = { class: "state-error" }, Ce = /* @__PURE__ */ G({
+const Te = /* @__PURE__ */ Y(we, [["render", De], ["__scopeId", "data-v-d3e37633"]]), Pe = { class: "state-error" }, Be = /* @__PURE__ */ Q({
   __name: "InfiniteLoading",
   props: {
     top: { type: Boolean, default: !1 },
@@ -48,180 +48,74 @@ const Me = /* @__PURE__ */ ee(we, [["render", Pe], ["__scopeId", "data-v-d3e3763
     slots: {}
   },
   emits: ["infinite"],
-  setup(i, { emit: _ }) {
-    const t = i;
-    let l = null, e = 0;
-    const y = b(null), m = b(""), { top: P, firstload: p, distance: o } = t, { identifier: M, target: D } = de(t), s = {
-      infiniteLoading: y,
-      top: P,
-      firstload: p,
+  setup(a, { emit: d }) {
+    const u = a;
+    let i = null, e = 0;
+    const I = _(null), h = _(""), { top: F, firstload: s, distance: o } = u, { identifier: S, target: z } = oe(u), c = {
+      infiniteLoading: I,
+      top: F,
+      firstload: s,
       distance: o,
       parentEl: null,
       emit() {
-        e = (s.parentEl || document.documentElement).scrollHeight, h.loading(), _("infinite", h);
+        e = (c.parentEl || document.documentElement).scrollHeight, w.loading(), d("infinite", w);
       }
-    }, h = {
+    }, w = {
       loading() {
-        m.value = "loading";
+        h.value = "loading";
       },
       async loaded() {
-        m.value = "loaded", await K(s, e), ye(y.value, s.parentEl) && s.emit();
+        h.value = "loaded", await J(c, e), ye(I.value, c.parentEl) && c.emit();
       },
       async complete() {
-        m.value = "complete", await K(s, e), l?.disconnect();
+        h.value = "complete", await J(c, e), i?.disconnect();
       },
       error() {
-        m.value = "error";
+        h.value = "error";
       }
     };
     function n() {
-      l?.disconnect(), l = be(s);
+      i?.disconnect(), i = Ie(c);
     }
-    return z(M, n), ce(async () => {
-      s.parentEl = await ke(D), n();
-    }), pe(() => l?.disconnect()), (v, E) => (g(), f("div", {
+    return P(S, n), ue(async () => {
+      c.parentEl = await ke(z), n();
+    }), se(() => i?.disconnect()), (L, C) => (m(), g("div", {
       ref_key: "infiniteLoading",
-      ref: y,
+      ref: I,
       class: "v3-infinite-loading"
     }, [
-      fe(c("div", null, [
-        x(v.$slots, "spinner", {}, () => [
-          j(Me)
+      de(v("div", null, [
+        k(L.$slots, "spinner", {}, () => [
+          q(Te)
         ], !0)
       ], 512), [
-        [ge, m.value == "loading"]
+        [ce, h.value == "loading"]
       ]),
-      m.value == "complete" ? x(v.$slots, "complete", { key: 0 }, () => {
-        var u;
+      h.value == "complete" ? k(L.$slots, "complete", { key: 0 }, () => {
+        var f;
         return [
-          c("span", null, F(((u = v.slots) == null ? void 0 : u.complete) || "No more results!"), 1)
+          v("span", null, A(((f = L.slots) == null ? void 0 : f.complete) || "No more results!"), 1)
         ];
-      }, !0) : T("", !0),
-      m.value == "error" ? x(v.$slots, "error", {
+      }, !0) : U("", !0),
+      h.value == "error" ? k(L.$slots, "error", {
         key: 1,
-        retry: s.emit
+        retry: c.emit
       }, () => {
-        var u;
+        var f;
         return [
-          c("span", De, [
-            c("span", null, F(((u = v.slots) == null ? void 0 : u.error) || "Oops something went wrong!"), 1),
-            c("button", {
+          v("span", Pe, [
+            v("span", null, A(((f = L.slots) == null ? void 0 : f.error) || "Oops something went wrong!"), 1),
+            v("button", {
               class: "retry",
-              onClick: E[0] || (E[0] = //@ts-ignore
-              (...L) => s.emit && s.emit(...L))
+              onClick: C[0] || (C[0] = //@ts-ignore
+              (...b) => c.emit && c.emit(...b))
             }, "retry")
           ])
         ];
-      }, !0) : T("", !0)
+      }, !0) : U("", !0)
     ], 512));
   }
-}), Q = /* @__PURE__ */ ee(Ce, [["__scopeId", "data-v-4bdee133"]]), Te = {
-  key: 0,
-  class: "d-flex align-items-center justify-content-between w-100"
-}, Be = {
-  key: 0,
-  class: "d-flex align-items-center gap-2"
-}, ze = { class: "d-flex" }, Fe = ["disabled"], He = ["disabled"], Se = { class: "d-flex gap-2" }, Ae = ["onClick", "disabled"], Ue = {
-  key: 1,
-  class: "m-0 p-0"
-}, Ne = { class: "d-flex" }, Oe = ["disabled"], Ve = ["disabled"], Y = `
-<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-chevrons-left">
-                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                <path d="M11 7l-5 5l5 5" />
-                <path d="M17 7l-5 5l5 5" />
-              </svg>
-`, X = `
-              <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-chevron-left">
-                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                <path d="M15 6l-6 6l6 6" />
-              </svg>
-`, je = /* @__PURE__ */ G({
-  __name: "PaginationDatatable",
-  props: {
-    pagination: {},
-    filtering: { type: Boolean, default: !1 }
-  },
-  emits: ["tradePage"],
-  setup(i, { emit: _ }) {
-    const t = i, l = _, e = S(() => t.pagination.limit_per_page ? Math.ceil(t.pagination.count / t.pagination.limit_per_page) : 0), y = S(() => t.pagination.current_page + 1 < e.value ? t.pagination.current_page + 1 : null), m = () => {
-      t.pagination.current_page++, l("tradePage");
-    }, P = (s) => {
-      t.pagination.current_page = s - 1, l("tradePage");
-    }, p = () => {
-      t.pagination.current_page = e.value - 1, l("tradePage");
-    }, o = () => {
-      t.pagination.current_page = 0, l("tradePage");
-    }, M = () => {
-      t.pagination.current_page > 0 && (t.pagination.current_page--, l("tradePage"));
-    }, D = S(() => {
-      if (e.value <= 7)
-        return Array.from({ length: e.value }, (u, L) => L + 1);
-      const s = t.pagination.current_page + 1, h = e.value, n = /* @__PURE__ */ new Set([
-        1,
-        2,
-        // Sempre mostra as 2 primeiras
-        s - 1,
-        s,
-        s + 1,
-        // Mostra a atual e vizinhas
-        h - 1,
-        h
-        // Sempre mostra as 2 últimas
-      ]), v = [];
-      let E = 0;
-      return Array.from(n).sort((u, L) => u - L).forEach((u) => {
-        u < 1 || u > h || (u > E + 1 && v.push("..."), v.push(u), E = u);
-      }), v;
-    });
-    return (s, h) => t.pagination.count > 0 ? (g(), f("div", Te, [
-      c("span", null, " Mostrando de " + F(t.pagination.count !== 0 ? t.pagination.limit_per_page * t.pagination.current_page + 1 : 0) + " até " + F(t.pagination.limit_per_page * (t.pagination.current_page + 1) < t.pagination.count ? t.pagination.limit_per_page * (t.pagination.current_page + 1) : t.pagination.count) + " de " + F(t.pagination.count) + " registros ", 1),
-      e.value > 0 ? (g(), f("div", Be, [
-        c("div", ze, [
-          c("button", {
-            class: "btn btn-estilo",
-            onClick: A(o, ["prevent"]),
-            disabled: t.pagination.current_page === 0,
-            innerHTML: Y
-          }, null, 8, Fe),
-          c("button", {
-            class: "btn btn-estilo",
-            onClick: A(M, ["prevent"]),
-            disabled: t.pagination.current_page === 0,
-            innerHTML: X
-          }, null, 8, He)
-        ]),
-        c("div", Se, [
-          (g(!0), f(C, null, $(D.value, (n, v) => (g(), f(C, { key: v }, [
-            typeof n == "number" ? (g(), f("button", {
-              key: 0,
-              class: U([t.pagination.current_page + 1 == n ? "page-select" : "", "page-estilo"]),
-              onClick: A((E) => P(n), ["prevent"]),
-              disabled: t.pagination.current_page + 1 == n
-            }, F(n), 11, Ae)) : (g(), f("span", Ue, "..."))
-          ], 64))), 128))
-        ]),
-        c("div", Ne, [
-          c("button", {
-            onClick: A(m, ["prevent"]),
-            class: "btn btn-estilo rotate-180",
-            disabled: !y.value,
-            innerHTML: X
-          }, null, 8, Oe),
-          c("button", {
-            onClick: A(p, ["prevent"]),
-            class: "btn btn-estilo rotate-180",
-            disabled: !y.value,
-            innerHTML: Y
-          }, null, 8, Ve)
-        ])
-      ])) : T("", !0)
-    ])) : T("", !0);
-  }
-}), $e = /* @__PURE__ */ Z(je, [["__scopeId", "data-v-df81be49"]]), qe = /* @__PURE__ */ G({
+}), K = /* @__PURE__ */ Y(Be, [["__scopeId", "data-v-4bdee133"]]), Fe = /* @__PURE__ */ Q({
   __name: "VDataPage",
   props: {
     fetch: {},
@@ -257,8 +151,8 @@ const Me = /* @__PURE__ */ ee(we, [["render", Pe], ["__scopeId", "data-v-d3e3763
     watch: { default: () => [] }
   },
   emits: ["tradePage", "beforeFetch", "afterFetch"],
-  setup(i, { expose: _, emit: t }) {
-    const l = t, e = i, y = b(!0), m = b(Date.now()), P = b(Date.now()), p = b([]), o = b([]), M = b(0), D = b(!1), s = b(null), h = b(!1), n = b({
+  setup(a, { expose: d, emit: u }) {
+    const i = u, e = a, I = _(!0), h = _(Date.now()), F = _(Date.now()), s = _([]), o = _([]), S = _(0), z = _(!1), c = _(null), w = _(!1), n = _({
       current_page: e.page_starts_at,
       // pagina atual
       count: 0,
@@ -269,258 +163,266 @@ const Me = /* @__PURE__ */ ee(we, [["render", Pe], ["__scopeId", "data-v-d3e3763
       // termo de busca
       filter: ""
       // filtro selecionado
-    }), { data: v, pending: E, error: u, execute: L, attempt: Re } = e.fetch(e.endpoint, {
+    }), { data: L, pending: C, error: f, execute: b, attempt: Se } = e.fetch(e.endpoint, {
       params: () => e.deactivate_default_params ? e.add_params && typeof e.add_params == "function" ? e.add_params() : {
         ...e.add_params
       } : e.add_params && typeof e.add_params == "function" ? {
-        ...q.value,
+        ...H.value,
         ...e.add_params()
       } : {
-        ...q.value,
+        ...H.value,
         ...e.add_params
       },
       retry: e.retry_attempts,
       retryDelay: e.retry_delay,
       paramsReactives: !1,
       immediate: !1
-    }, e.fetch_name), q = S(() => ({
+    }, e.fetch_name), H = W(() => ({
       [e.page_param_name]: n.value.current_page + 1,
       [e.page_size_param_name]: n.value.limit_per_page,
       [e.search_param_name]: n.value.search || "",
       [e.filter_param_name]: n.value.filter || ""
-    })), te = S(() => E.value || D.value);
-    z(v, (a) => {
-      a ? (p.value = a[e.data_key] || [], M.value = a[e.total_key] || 0, n.value.count = M.value) : (p.value = [], M.value = 0);
+    })), X = W(() => C.value || z.value);
+    P(L, (t) => {
+      t ? (s.value = t[e.data_key] || [], S.value = t[e.total_key] || 0, n.value.count = S.value) : (s.value = [], S.value = 0);
     }, { immediate: !0 });
-    async function w() {
-      if (s.value && clearTimeout(s.value), D.value = !0, s.value = setTimeout(() => {
-        D.value = !1;
+    function x() {
+      n.value.current_page = e.page_starts_at, E();
+    }
+    async function E() {
+      if (c.value && clearTimeout(c.value), z.value = !0, c.value = setTimeout(() => {
+        z.value = !1;
       }, e.min_loading_delay), e.type_fetch === "infinite-scroll")
-        return L();
-      e.type_fetch === "pagination" && (l("beforeFetch"), await L(), l("afterFetch"));
+        return b();
+      e.type_fetch === "pagination" && (i("beforeFetch"), await b(), i("afterFetch"));
     }
     let N = 0;
     async function R() {
       N++;
-      const a = N;
-      p.value = [], o.value = [], n.value.current_page = e.page_starts_at, l("beforeFetch"), await w(), l("afterFetch"), a === N && H(() => {
-        if (a !== N)
+      const t = N;
+      s.value = [], o.value = [], n.value.current_page = e.page_starts_at, i("beforeFetch"), await E(), i("afterFetch"), t === N && B(() => {
+        if (t !== N)
           return;
-        let d = crypto.randomUUID();
-        p.value.forEach((r) => {
-          r.loading = !0, r.idhashInfiniteLoading = d;
-        }), o.value.push(...p.value), setTimeout(() => {
-          o.value.forEach((r) => {
-            r.idhashInfiniteLoading === d && (r.loading = !1, delete r.idhashInfiniteLoading);
+        let r = crypto.randomUUID();
+        s.value.forEach((l) => {
+          l.loading = !0, l.idhashInfiniteLoading = r;
+        }), o.value.push(...s.value), setTimeout(() => {
+          o.value.forEach((l) => {
+            l.idhashInfiniteLoading === r && (l.loading = !1, delete l.idhashInfiniteLoading);
           });
-        }, e.min_loading_delay), h.value = !0, m.value++, P.value++;
+        }, e.min_loading_delay), w.value = !0, h.value++, F.value++;
       });
     }
-    function ae(a) {
-      a > 0 ? (n.value.limit_per_page = a, n.value.current_page = 0, w()) : console.warn("O limite deve ser um número maior que zero.");
+    function Z(t) {
+      t > 0 ? (n.value.limit_per_page = t, x()) : console.warn("O limite deve ser um número maior que zero.");
     }
-    function ne(a) {
-      n.value.search = a, n.value.current_page = 0, w();
+    function ee(t) {
+      n.value.search = t, x();
     }
-    function ie(a) {
-      n.value.filter = a, n.value.current_page = 0, w();
+    function te(t) {
+      n.value.filter = t, x();
     }
-    function le(a) {
-      a >= 1 && a <= Math.ceil(n.value.count / n.value.limit_per_page) ? (n.value.current_page = a - 1, w()) : console.warn("Número de página inválido.");
+    function ae(t) {
+      t >= 0 && t <= Math.ceil(n.value.count / n.value.limit_per_page) ? (n.value.current_page = t, E()) : console.warn("Número de página inválido.");
     }
-    _({
-      execute: w,
-      pagination: me(n),
-      set_limit_per_page: ae,
-      set_search: ne,
-      set_filter: ie,
-      set_page: le,
-      default_params: q
+    d({
+      execute: E,
+      pagination: _e(n),
+      set_limit_per_page: Z,
+      set_search: ee,
+      set_filter: te,
+      set_page: ae,
+      reSearch: x,
+      default_params: H
     });
-    const J = S(() => v.value?.[e.next_page_response_name] || null);
-    async function re(a) {
-      if (!h.value) return;
-      if (!J.value) {
-        a.complete();
+    const G = W(() => L.value?.[e.next_page_response_name] || null);
+    async function ne(t) {
+      if (!w.value) return;
+      if (!G.value) {
+        t.complete();
         return;
       }
-      if (n.value.current_page += 1, await L(), u.value) {
-        a.error();
+      if (n.value.current_page += 1, await b(), f.value) {
+        t.error();
         return;
       }
-      if (!p.value || p.value.length === 0) {
-        a.complete();
+      if (!s.value || s.value.length === 0) {
+        t.complete();
         return;
       }
-      const d = p.value.filter(
-        (k) => !o.value.some((V) => V[e.item_key] === k[e.item_key])
+      const r = s.value.filter(
+        (p) => !o.value.some((O) => O[e.item_key] === p[e.item_key])
       );
-      if (d.length === 0 && p.value.length > 0) {
-        a.loaded();
+      if (r.length === 0 && s.value.length > 0) {
+        t.loaded();
         return;
       }
-      const r = crypto.randomUUID();
-      d.forEach((k) => {
-        k.loading = !0, k.idhashInfiniteLoading = r;
-      }), o.value.push(...d), setTimeout(() => {
-        o.value.forEach((k) => {
-          k.idhashInfiniteLoading === r && (k.loading = !1, delete k.idhashInfiniteLoading);
+      const l = crypto.randomUUID();
+      r.forEach((p) => {
+        p.loading = !0, p.idhashInfiniteLoading = l;
+      }), o.value.push(...r), setTimeout(() => {
+        o.value.forEach((p) => {
+          p.idhashInfiniteLoading === l && (p.loading = !1, delete p.idhashInfiniteLoading);
         });
-      }, e.min_loading_delay), H(() => {
-        o.value && o.value.length > n.value.limit_per_page * 2 && o.value.splice(0, n.value.limit_per_page), J.value ? a.loaded() : a.complete(), P.value++;
+      }, e.min_loading_delay), B(() => {
+        o.value && o.value.length > n.value.limit_per_page * 2 && o.value.splice(0, n.value.limit_per_page), G.value ? t.loaded() : t.complete(), F.value++;
       });
     }
-    async function oe(a) {
-      if (!h.value) return;
+    async function ie(t) {
+      if (!w.value) return;
       if (n.value.current_page <= e.page_starts_at) {
-        a.complete();
+        t.complete();
         return;
       }
-      const d = o.value[0];
-      if (!d) return;
-      const r = d[e.item_key];
-      if (!r) {
-        a.error();
+      const r = o.value[0];
+      if (!r) return;
+      const l = r[e.item_key];
+      if (!l) {
+        t.error();
         return;
       }
-      if (n.value.current_page -= 1, await L(), u.value) {
-        a.error();
+      if (n.value.current_page -= 1, await b(), f.value) {
+        t.error();
         return;
       }
-      if (!p.value || p.value.length === 0) {
-        a.loaded();
+      if (!s.value || s.value.length === 0) {
+        t.loaded();
         return;
       }
-      const k = p.value.filter(
-        (I) => !o.value.some((ue) => ue[e.item_key] === I[e.item_key])
-      ), V = crypto.randomUUID();
-      if (k.forEach((I) => {
-        I.loading = !0, I.idhashInfiniteLoading = V;
-      }), k.length === 0 && p.value.length > 0) {
-        a.loaded();
+      const p = s.value.filter(
+        (y) => !o.value.some((re) => re[e.item_key] === y[e.item_key])
+      ), O = crypto.randomUUID();
+      if (p.forEach((y) => {
+        y.loading = !0, y.idhashInfiniteLoading = O;
+      }), p.length === 0 && s.value.length > 0) {
+        t.loaded();
         return;
       }
-      o.value.unshift(...k), o.value && o.value.length > n.value.limit_per_page * 2 && o.value.splice(-n.value.limit_per_page, n.value.limit_per_page), setTimeout(() => {
-        o.value.forEach((I) => {
-          I.idhashInfiniteLoading === V && (I.loading = !1, delete I.idhashInfiniteLoading);
+      o.value.unshift(...p), o.value && o.value.length > n.value.limit_per_page * 2 && o.value.splice(-n.value.limit_per_page, n.value.limit_per_page), setTimeout(() => {
+        o.value.forEach((y) => {
+          y.idhashInfiniteLoading === O && (y.loading = !1, delete y.idhashInfiniteLoading);
         });
-      }, e.min_loading_delay), H(() => {
-        const I = document.getElementById(e.element_id + r);
-        I ? I.scrollIntoView({ behavior: "auto", block: "start" }) : console.warn(`
+      }, e.min_loading_delay), B(() => {
+        const y = document.getElementById(e.element_id + l);
+        y ? y.scrollIntoView({ behavior: "auto", block: "start" }) : console.warn(`
             Elemento não encontrado para scroll verifique se a propriedade 'element_id' está correta ou não foi definida.
-            `), m.value++, a.loaded();
+            `), h.value++, t.loaded();
       });
     }
-    const O = [];
-    e.watch && Array.isArray(e.watch) && e.watch.forEach((a) => {
-      (he(a) || typeof a == "function") && O.push(a);
-    }), z(() => n.value.current_page, () => {
-      l("tradePage");
-    }), O.length > 0 && (e.type_fetch === "pagination" ? z(O, () => {
-      n.value.current_page = e.page_starts_at, w();
-    }, { deep: !0 }) : e.type_fetch === "infinite-scroll" && z(O, () => {
-      h.value = !1, R();
+    const V = [];
+    e.watch && Array.isArray(e.watch) && e.watch.forEach((t) => {
+      (ge(t) || typeof t == "function") && V.push(t);
+    }), P(() => n.value.current_page, () => {
+      i("tradePage");
+    }), V.length > 0 && (e.type_fetch === "pagination" ? P(V, () => {
+      x();
+    }, { deep: !0 }) : e.type_fetch === "infinite-scroll" && P(V, () => {
+      w.value = !1, R();
     }, { deep: !0 }));
-    function se() {
-      l("tradePage"), w();
+    function le() {
+      i("tradePage"), E();
     }
-    return z(
+    return P(
       () => e.add_params,
       () => {
-        y.value ? H(() => {
-          y.value && e.type_fetch === "infinite-scroll" ? (R(), y.value = !1) : y.value && e.type_fetch === "pagination" && (w(), y.value = !1);
-        }) : e.type_fetch === "pagination" ? (n.value.current_page = e.page_starts_at, w()) : e.type_fetch === "infinite-scroll" && (h.value = !1, R());
+        I.value ? B(() => {
+          I.value && e.type_fetch === "infinite-scroll" ? (R(), I.value = !1) : I.value && e.type_fetch === "pagination" && (E(), I.value = !1);
+        }) : e.type_fetch === "pagination" ? x() : e.type_fetch === "infinite-scroll" && (w.value = !1, R());
       },
       { deep: !0, immediate: !0 }
-    ), (a, d) => (g(), f("div", null, [
-      i.type_fetch === "pagination" ? (g(), f(C, { key: 0 }, [
-        te.value ? (g(), f("div", {
-          key: 0,
-          class: U(e.class_loading_container)
-        }, [
-          (g(!0), f(C, null, $(n.value.limit_per_page, (r) => x(a.$slots, "loading", {
-            key: "placeholder-" + r,
-            n: r
-          }, void 0, !0)), 128))
-        ], 2)) : B(u) ? x(a.$slots, "error", {
+    ), (t, r) => (m(), g(D, null, [
+      me(A(e.limit_per_page) + " " + A(n.value.limit_per_page) + " ", 1),
+      v("div", null, [
+        a.type_fetch === "pagination" ? (m(), g(D, { key: 0 }, [
+          X.value ? (m(), g("div", {
+            key: 0,
+            class: M(e.class_loading_container)
+          }, [
+            (m(!0), g(D, null, $(n.value.limit_per_page, (l) => k(t.$slots, "loading", {
+              key: "placeholder-" + l,
+              n: l
+            }, void 0, !0)), 128))
+          ], 2)) : T(f) ? k(t.$slots, "error", {
+            key: 1,
+            error: T(f)
+          }, () => [
+            r[0] || (r[0] = v("div", {
+              class: "alert alert-danger",
+              role: "alert"
+            }, " Ocorreu um erro ao carregar os dados. ", -1))
+          ], !0) : n.value.count === 0 ? k(t.$slots, "empty", { key: 2 }, () => [
+            r[1] || (r[1] = v("div", {
+              class: "alert alert-info",
+              role: "alert"
+            }, " Nenhum registro encontrado. ", -1))
+          ], !0) : (m(), g("div", {
+            key: 3,
+            class: M(e.class_container)
+          }, [
+            (m(!0), g(D, null, $(s.value, (l) => k(t.$slots, "body", {
+              key: l[e.item_key],
+              item: l
+            }, void 0, !0)), 128))
+          ], 2))
+        ], 64)) : a.type_fetch === "infinite-scroll" ? (m(), g("div", {
           key: 1,
-          error: B(u)
-        }, () => [
-          d[0] || (d[0] = c("div", {
-            class: "alert alert-danger",
-            role: "alert"
-          }, " Ocorreu um erro ao carregar os dados. ", -1))
-        ], !0) : n.value.count === 0 ? x(a.$slots, "empty", { key: 2 }, () => [
-          d[1] || (d[1] = c("div", {
-            class: "alert alert-info",
-            role: "alert"
-          }, " Nenhum registro encontrado. ", -1))
-        ], !0) : (g(), f("div", {
-          key: 3,
-          class: U(e.class_container)
-        }, [
-          (g(!0), f(C, null, $(p.value, (r) => x(a.$slots, "body", {
-            key: r[e.item_key],
-            item: r
-          }, void 0, !0)), 128))
-        ], 2))
-      ], 64)) : i.type_fetch === "infinite-scroll" ? (g(), f("div", {
-        key: 1,
-        class: U(e.class_container)
-      }, [
-        j(B(Q), {
-          identifier: P.value,
-          direction: "top",
-          onInfinite: oe
-        }, {
-          complete: W(() => [...d[2] || (d[2] = [
-            c("span", null, null, -1)
-          ])]),
-          spinner: W(() => [...d[3] || (d[3] = [
-            c("span", null, null, -1)
-          ])]),
-          _: 1
-        }, 8, ["identifier"]),
-        (g(!0), f(C, null, $(o.value, (r) => (g(), f(C, {
-          key: r[e.item_key]
+          class: M(e.class_container)
         }, [
-          r.loading ? x(a.$slots, "loading", { key: 1 }, void 0, !0) : x(a.$slots, "body", {
+          q(T(K), {
+            identifier: F.value,
+            direction: "top",
+            onInfinite: ie
+          }, {
+            complete: j(() => [...r[2] || (r[2] = [
+              v("span", null, null, -1)
+            ])]),
+            spinner: j(() => [...r[3] || (r[3] = [
+              v("span", null, null, -1)
+            ])]),
+            _: 1
+          }, 8, ["identifier"]),
+          (m(!0), g(D, null, $(o.value, (l) => (m(), g(D, {
+            key: l[e.item_key]
+          }, [
+            l.loading ? k(t.$slots, "loading", { key: 1 }, void 0, !0) : k(t.$slots, "body", {
+              key: 0,
+              item: l
+            }, void 0, !0)
+          ], 64))), 128)),
+          q(T(K), {
+            identifier: h.value,
+            onInfinite: ne
+          }, {
+            complete: j(() => [
+              k(t.$slots, "scroll-finish", {}, () => [
+                r[4] || (r[4] = v("span", { class: "scroll-finish-style" }, " Fim dos registros", -1))
+              ], !0)
+            ]),
+            _: 3
+          }, 8, ["identifier"])
+        ], 2)) : U("", !0),
+        a.type_fetch === "pagination" ? k(t.$slots, "pagination", {
+          key: 2,
+          pagination: n.value,
+          tradePage: E,
+          error: T(f)
+        }, () => [
+          !T(f) && n.value.count > 0 ? (m(), g("div", {
             key: 0,
-            item: r
-          }, void 0, !0)
-        ], 64))), 128)),
-        j(B(Q), {
-          identifier: m.value,
-          onInfinite: re
-        }, {
-          complete: W(() => [
-            x(a.$slots, "scroll-finish", {}, () => [
-              d[4] || (d[4] = c("span", { class: "scroll-finish-style" }, " Fim dos registros", -1))
-            ], !0)
-          ]),
-          _: 3
-        }, 8, ["identifier"])
-      ], 2)) : T("", !0),
-      i.type_fetch === "pagination" ? x(a.$slots, "pagination", {
-        key: 2,
-        pagination: n.value,
-        tradePage: w,
-        error: B(u)
-      }, () => [
-        !B(u) && n.value.count > 0 ? (g(), f("div", {
-          key: 0,
-          class: U(["px-3", e.class_pagination])
-        }, [
-          j($e, {
-            filtering: !0,
-            pagination: n.value,
-            onTradePage: se
-          }, null, 8, ["pagination"])
-        ], 2)) : T("", !0)
-      ], !0) : T("", !0)
-    ]));
+            class: M(["px-3", e.class_pagination])
+          }, [
+            q(ve, {
+              filtering: !0,
+              page_starts_at: e.page_starts_at,
+              pagination: n.value,
+              onTradePage: le
+            }, null, 8, ["page_starts_at", "pagination"])
+          ], 2)) : U("", !0)
+        ], !0) : U("", !0)
+      ])
+    ], 64));
   }
-}), Je = /* @__PURE__ */ Z(qe, [["__scopeId", "data-v-08efb648"]]);
+}), Ce = /* @__PURE__ */ he(Fe, [["__scopeId", "data-v-48421ad6"]]);
 export {
-  Je as VDataPage
+  Ce as VDataPage
 };