v-sistec-features 1.3.0 → 1.3.2

package/dist/vDataPage.js

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