v-sistec-features 1.2.5 → 1.3.0

package/dist/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/dist/v-sistec-features.css

@@ -8,4 +8,4 @@
 * Copyright 2018-2025 The Tabler Authors
 * Copyright 2018-2025 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/[data-bs-theme-base=slate]{--tblr-gray-50:#f8fafc;--tblr-gray-100:#f1f5f9;--tblr-gray-200:#e2e8f0;--tblr-gray-300:#cbd5e1;--tblr-gray-400:#94a3b8;--tblr-gray-500:#64748b;--tblr-gray-600:#475569;--tblr-gray-700:#334155;--tblr-gray-800:#1e293b;--tblr-gray-900:#0f172a;--tblr-gray-950:#020617}[data-bs-theme-base=gray]{--tblr-gray-50:#f9fafb;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-gray-950:#030712}[data-bs-theme-base=zinc]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f4f4f5;--tblr-gray-200:#e4e4e7;--tblr-gray-300:#d4d4d8;--tblr-gray-400:#a1a1aa;--tblr-gray-500:#71717a;--tblr-gray-600:#52525b;--tblr-gray-700:#3f3f46;--tblr-gray-800:#27272a;--tblr-gray-900:#18181b;--tblr-gray-950:#09090b}[data-bs-theme-base=neutral]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f5f5f5;--tblr-gray-200:#e5e5e5;--tblr-gray-300:#d4d4d4;--tblr-gray-400:#a3a3a3;--tblr-gray-500:#737373;--tblr-gray-600:#525252;--tblr-gray-700:#404040;--tblr-gray-800:#262626;--tblr-gray-900:#171717;--tblr-gray-950:#0a0a0a}[data-bs-theme-base=stone]{--tblr-gray-50:#fafaf9;--tblr-gray-100:#f5f5f4;--tblr-gray-200:#e7e5e4;--tblr-gray-300:#d6d3d1;--tblr-gray-400:#a8a29e;--tblr-gray-500:#78716c;--tblr-gray-600:#57534e;--tblr-gray-700:#44403c;--tblr-gray-800:#292524;--tblr-gray-900:#1c1917;--tblr-gray-950:#0c0a09}[data-bs-theme-base=pink]{--tblr-gray-50:#fdf2f8;--tblr-gray-100:#fce7f3;--tblr-gray-200:#fbcfe8;--tblr-gray-300:#f9a8d4;--tblr-gray-400:#f472b6;--tblr-gray-500:#ec4899;--tblr-gray-600:#db2777;--tblr-gray-700:#be185d;--tblr-gray-800:#9d174d;--tblr-gray-900:#831843;--tblr-gray-950:#500724}[data-bs-theme-primary=blue]{--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209}[data-bs-theme-primary=azure]{--tblr-primary:#4299e1;--tblr-primary-rgb:66,153,225}[data-bs-theme-primary=indigo]{--tblr-primary:#4263eb;--tblr-primary-rgb:66,99,235}[data-bs-theme-primary=purple]{--tblr-primary:#ae3ec9;--tblr-primary-rgb:174,62,201}[data-bs-theme-primary=pink]{--tblr-primary:#d6336c;--tblr-primary-rgb:214,51,108}[data-bs-theme-primary=red]{--tblr-primary:#d63939;--tblr-primary-rgb:214,57,57}[data-bs-theme-primary=orange]{--tblr-primary:#f76707;--tblr-primary-rgb:247,103,7}[data-bs-theme-primary=yellow]{--tblr-primary:#f59f00;--tblr-primary-rgb:245,159,0}[data-bs-theme-primary=lime]{--tblr-primary:#74b816;--tblr-primary-rgb:116,184,22}[data-bs-theme-primary=green]{--tblr-primary:#2fb344;--tblr-primary-rgb:47,179,68}[data-bs-theme-primary=teal]{--tblr-primary:#0ca678;--tblr-primary-rgb:12,166,120}[data-bs-theme-primary=cyan]{--tblr-primary:#17a2b8;--tblr-primary-rgb:23,162,184}[data-bs-theme-radius="0"]{--tblr-border-radius-scale:0}[data-bs-theme-radius="0.5"]{--tblr-border-radius-scale:.5}[data-bs-theme-radius="1"]{--tblr-border-radius-scale:1}[data-bs-theme-radius="1.5"]{--tblr-border-radius-scale:1.5}[data-bs-theme-radius="2"]{--tblr-border-radius-scale:2}[data-bs-theme-primary=inverted]{--tblr-primary:var(--tblr-gray-800);--tblr-primary-fg:var(--tblr-light);--tblr-primary-rgb:31,41,55}[data-bs-theme-primary=inverted] [data-bs-theme=dark],[data-bs-theme-primary=inverted][data-bs-theme=dark]{--tblr-primary:#f9fafb;--tblr-primary-fg:var(--tblr-dark);--tblr-primary-rgb:249,250,251}[data-bs-theme-font=monospace]{--tblr-body-font-family:var(--tblr-font-monospace);--tblr-body-font-size:80%}[data-bs-theme-font=sans-serif]{--tblr-body-font-family:var(--tblr-font-sans-serif)}[data-bs-theme-font=serif]{--tblr-body-font-family:var(--tblr-font-serif)}[data-bs-theme-font=comic]{--tblr-body-font-family:var(--tblr-font-comic)}.rotate-180[data-v-b9735591] svg{transform:rotate(180deg)}.page-select[data-v-b9735591]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-b9735591]{border:none;--cor-escurecida: color-mix(in srgb, var(--tblr-primary), #000 25%);background:transparent;padding:1px 10px;border-radius:7px;margin:0!important;transition:color .15s ease-in-out,background-color .15s ease-in-out}.page-estilo[data-v-b9735591]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-b9735591]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-b9735591] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-b9735591] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-b9735591]{margin:0!important;padding:0!important}.inputClose[data-v-1b6ff54b]{color:var(--tblr-icon-color);z-index:10;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.2em;min-width:2.5rem;display:flex;justify-content:center}.inputClose[data-v-1b6ff54b]:hover{cursor:pointer}.selected[data-v-1b6ff54b]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-8ae12dec]{overflow-x:auto}.state-feedback[data-v-8ae12dec]{padding:1rem;text-align:center}.state-feedback.error[data-v-8ae12dec]{color:red}.pagination-controls[data-v-8ae12dec]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-8ae12dec]{width:40px;height:40px;border-radius:4px}.container-img[data-v-8ae12dec]{aspect-ratio:1;display:flex;justify-content:center;overflow:hidden;position:relative;max-width:40px;min-width:40px}.container-img .img-tamanho-cover[data-v-8ae12dec]{position:absolute;top:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5;filter:blur(4px)}.container-img .img-tamanho[data-v-8ae12dec]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-8ae12dec]{cursor:pointer}.container-img.container-img-preview[data-v-8ae12dec]:hover{border-style:dashed;border-color:var(--tblr-primary);border-width:2px;transition:border-width .15s ease-in-out}.container-img.container-img-preview:hover .img-tamanho[data-v-8ae12dec]{opacity:.3}.erro-custom-container[data-v-8ae12dec]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-8ae12dec]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-8ae12dec]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-8ae12dec]{position:fixed;z-index:9999;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:5px;pointer-events:none;transition:opacity .2s ease-in-out}.image-preview-container .image-preview-large[data-v-8ae12dec]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-8ae12dec]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-8ae12dec]{border-color:#ffffff5f!important}
+*/[data-bs-theme-base=slate]{--tblr-gray-50:#f8fafc;--tblr-gray-100:#f1f5f9;--tblr-gray-200:#e2e8f0;--tblr-gray-300:#cbd5e1;--tblr-gray-400:#94a3b8;--tblr-gray-500:#64748b;--tblr-gray-600:#475569;--tblr-gray-700:#334155;--tblr-gray-800:#1e293b;--tblr-gray-900:#0f172a;--tblr-gray-950:#020617}[data-bs-theme-base=gray]{--tblr-gray-50:#f9fafb;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-gray-950:#030712}[data-bs-theme-base=zinc]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f4f4f5;--tblr-gray-200:#e4e4e7;--tblr-gray-300:#d4d4d8;--tblr-gray-400:#a1a1aa;--tblr-gray-500:#71717a;--tblr-gray-600:#52525b;--tblr-gray-700:#3f3f46;--tblr-gray-800:#27272a;--tblr-gray-900:#18181b;--tblr-gray-950:#09090b}[data-bs-theme-base=neutral]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f5f5f5;--tblr-gray-200:#e5e5e5;--tblr-gray-300:#d4d4d4;--tblr-gray-400:#a3a3a3;--tblr-gray-500:#737373;--tblr-gray-600:#525252;--tblr-gray-700:#404040;--tblr-gray-800:#262626;--tblr-gray-900:#171717;--tblr-gray-950:#0a0a0a}[data-bs-theme-base=stone]{--tblr-gray-50:#fafaf9;--tblr-gray-100:#f5f5f4;--tblr-gray-200:#e7e5e4;--tblr-gray-300:#d6d3d1;--tblr-gray-400:#a8a29e;--tblr-gray-500:#78716c;--tblr-gray-600:#57534e;--tblr-gray-700:#44403c;--tblr-gray-800:#292524;--tblr-gray-900:#1c1917;--tblr-gray-950:#0c0a09}[data-bs-theme-base=pink]{--tblr-gray-50:#fdf2f8;--tblr-gray-100:#fce7f3;--tblr-gray-200:#fbcfe8;--tblr-gray-300:#f9a8d4;--tblr-gray-400:#f472b6;--tblr-gray-500:#ec4899;--tblr-gray-600:#db2777;--tblr-gray-700:#be185d;--tblr-gray-800:#9d174d;--tblr-gray-900:#831843;--tblr-gray-950:#500724}[data-bs-theme-primary=blue]{--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209}[data-bs-theme-primary=azure]{--tblr-primary:#4299e1;--tblr-primary-rgb:66,153,225}[data-bs-theme-primary=indigo]{--tblr-primary:#4263eb;--tblr-primary-rgb:66,99,235}[data-bs-theme-primary=purple]{--tblr-primary:#ae3ec9;--tblr-primary-rgb:174,62,201}[data-bs-theme-primary=pink]{--tblr-primary:#d6336c;--tblr-primary-rgb:214,51,108}[data-bs-theme-primary=red]{--tblr-primary:#d63939;--tblr-primary-rgb:214,57,57}[data-bs-theme-primary=orange]{--tblr-primary:#f76707;--tblr-primary-rgb:247,103,7}[data-bs-theme-primary=yellow]{--tblr-primary:#f59f00;--tblr-primary-rgb:245,159,0}[data-bs-theme-primary=lime]{--tblr-primary:#74b816;--tblr-primary-rgb:116,184,22}[data-bs-theme-primary=green]{--tblr-primary:#2fb344;--tblr-primary-rgb:47,179,68}[data-bs-theme-primary=teal]{--tblr-primary:#0ca678;--tblr-primary-rgb:12,166,120}[data-bs-theme-primary=cyan]{--tblr-primary:#17a2b8;--tblr-primary-rgb:23,162,184}[data-bs-theme-radius="0"]{--tblr-border-radius-scale:0}[data-bs-theme-radius="0.5"]{--tblr-border-radius-scale:.5}[data-bs-theme-radius="1"]{--tblr-border-radius-scale:1}[data-bs-theme-radius="1.5"]{--tblr-border-radius-scale:1.5}[data-bs-theme-radius="2"]{--tblr-border-radius-scale:2}[data-bs-theme-primary=inverted]{--tblr-primary:var(--tblr-gray-800);--tblr-primary-fg:var(--tblr-light);--tblr-primary-rgb:31,41,55}[data-bs-theme-primary=inverted] [data-bs-theme=dark],[data-bs-theme-primary=inverted][data-bs-theme=dark]{--tblr-primary:#f9fafb;--tblr-primary-fg:var(--tblr-dark);--tblr-primary-rgb:249,250,251}[data-bs-theme-font=monospace]{--tblr-body-font-family:var(--tblr-font-monospace);--tblr-body-font-size:80%}[data-bs-theme-font=sans-serif]{--tblr-body-font-family:var(--tblr-font-sans-serif)}[data-bs-theme-font=serif]{--tblr-body-font-family:var(--tblr-font-serif)}[data-bs-theme-font=comic]{--tblr-body-font-family:var(--tblr-font-comic)}.rotate-180[data-v-df81be49] svg{transform:rotate(180deg)}.page-select[data-v-df81be49]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-df81be49]{border:none;--cor-escurecida: color-mix(in srgb, var(--tblr-primary), #000 25%);background:transparent;padding:1px 10px;border-radius:7px;margin:0!important;transition:color .15s ease-in-out,background-color .15s ease-in-out}.page-estilo[data-v-df81be49]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-df81be49]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-df81be49] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-df81be49] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-df81be49]{margin:0!important;padding:0!important}.scroll-finish-style[data-v-e6e86eba]{color:#6c757d;display:block;text-align:center;margin-top:1rem;margin-bottom:1rem}.rotate-180[data-v-b9735591] svg{transform:rotate(180deg)}.page-select[data-v-b9735591]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-b9735591]{border:none;--cor-escurecida: color-mix(in srgb, var(--tblr-primary), #000 25%);background:transparent;padding:1px 10px;border-radius:7px;margin:0!important;transition:color .15s ease-in-out,background-color .15s ease-in-out}.page-estilo[data-v-b9735591]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-b9735591]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-b9735591] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-b9735591] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-b9735591]{margin:0!important;padding:0!important}.inputClose[data-v-1b6ff54b]{color:var(--tblr-icon-color);z-index:10;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.2em;min-width:2.5rem;display:flex;justify-content:center}.inputClose[data-v-1b6ff54b]:hover{cursor:pointer}.selected[data-v-1b6ff54b]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-5a415ab2]{overflow-x:auto}.state-feedback[data-v-5a415ab2]{padding:1rem;text-align:center}.state-feedback.error[data-v-5a415ab2]{color:red}.pagination-controls[data-v-5a415ab2]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-5a415ab2]{width:40px;height:40px;border-radius:4px}.container-img[data-v-5a415ab2]{aspect-ratio:1;display:flex;justify-content:center;overflow:hidden;position:relative;max-width:40px;min-width:40px}.container-img .img-tamanho-cover[data-v-5a415ab2]{position:absolute;top:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5;filter:blur(4px)}.container-img .img-tamanho[data-v-5a415ab2]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-5a415ab2]{cursor:pointer}.container-img.container-img-preview[data-v-5a415ab2]:hover{border-style:dashed;border-color:var(--tblr-primary);border-width:2px;transition:border-width .15s ease-in-out}.container-img.container-img-preview:hover .img-tamanho[data-v-5a415ab2]{opacity:.3}.erro-custom-container[data-v-5a415ab2]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-5a415ab2]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-5a415ab2]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-5a415ab2]{position:fixed;z-index:9999;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:5px;pointer-events:none;transition:opacity .2s ease-in-out}.image-preview-container .image-preview-large[data-v-5a415ab2]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-5a415ab2]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-5a415ab2]{border-color:#ffffff5f!important}

package/dist/vDataPage.js

@@ -0,0 +1,460 @@
+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)
+    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;
+}
+async function ge(a) {
+  return a ? (await D(), a.value instanceof HTMLElement ? a.value : a.value ? document.querySelector(a.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);
+    },
+    { root: a.parentEl, rootMargin: s }
+  );
+  return a.infiniteLoading.value && e.observe(a.infiniteLoading.value), e;
+}
+async function G(a, s) {
+  if (await D(), !a.top)
+    return;
+  const e = a.parentEl || document.documentElement;
+  e.scrollTop = e.scrollHeight - s;
+}
+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
+];
+function we(a, s) {
+  return _(), d("div", ye, ke);
+}
+const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633"]]), Ie = { class: "state-error" }, Pe = /* @__PURE__ */ R({
+  __name: "InfiniteLoading",
+  props: {
+    top: { type: Boolean, default: !1 },
+    target: {},
+    distance: { default: 0 },
+    identifier: {},
+    firstload: { type: Boolean, default: !0 },
+    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,
+      parentEl: null,
+      emit() {
+        u = (t.parentEl || document.documentElement).scrollHeight, h.loading(), s("infinite", h);
+      }
+    }, h = {
+      loading() {
+        l.value = "loading";
+      },
+      async loaded() {
+        l.value = "loaded", await G(t, u), fe(m.value, t.parentEl) && t.emit();
+      },
+      async complete() {
+        l.value = "complete", await G(t, u), i?.disconnect();
+      },
+      error() {
+        l.value = "error";
+      }
+    };
+    function v() {
+      i?.disconnect(), i = ve(t);
+    }
+    return N(P, v), Y(async () => {
+      t.parentEl = await ge(x), v();
+    }), oe(() => i?.disconnect()), (c, y) => (_(), d("div", {
+      ref_key: "infiniteLoading",
+      ref: m,
+      class: "v3-infinite-loading"
+    }, [
+      se(o("div", null, [
+        E(c.$slots, "spinner", {}, () => [
+          V(xe)
+        ], !0)
+      ], 512), [
+        [ue, l.value == "loading"]
+      ]),
+      l.value == "complete" ? E(c.$slots, "complete", { key: 0 }, () => {
+        var p;
+        return [
+          o("span", null, B(((p = c.slots) == null ? void 0 : p.complete) || "No more results!"), 1)
+        ];
+      }, !0) : M("", !0),
+      l.value == "error" ? E(c.$slots, "error", {
+        key: 1,
+        retry: t.emit
+      }, () => {
+        var p;
+        return [
+          o("span", Ie, [
+            o("span", null, B(((p = c.slots) == null ? void 0 : p.error) || "Oops something went wrong!"), 1),
+            o("button", {
+              class: "retry",
+              onClick: y[0] || (y[0] = //@ts-ignore
+              (...w) => t.emit && t.emit(...w))
+            }, "retry")
+          ])
+        ];
+      }, !0) : M("", !0)
+    ], 512));
+  }
+}), J = /* @__PURE__ */ X(Pe, [["__scopeId", "data-v-4bdee133"]]), Ee = {
+  key: 0,
+  class: "d-flex align-items-center justify-content-between w-100"
+}, Me = {
+  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 = {
+  key: 1,
+  class: "m-0 p-0"
+}, He = { class: "d-flex" }, Se = ["disabled"], Ae = ["disabled"], K = `
+<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>
+`, 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({
+  __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");
+    }, 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([
+        1,
+        2,
+        // Sempre mostra as 2 primeiras
+        t - 1,
+        t,
+        t + 1,
+        // Mostra a atual e vizinhas
+        h - 1,
+        h
+        // 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;
+    });
+    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", {
+            class: "btn btn-estilo",
+            onClick: L(C, ["prevent"]),
+            disabled: e.pagination.current_page === 0,
+            innerHTML: K
+          }, null, 8, Be),
+          o("button", {
+            class: "btn btn-estilo",
+            onClick: L(P, ["prevent"]),
+            disabled: e.pagination.current_page === 0,
+            innerHTML: Q
+          }, null, 8, De)
+        ]),
+        o("div", Le, [
+          (_(!0), d(O, null, F(x.value, (v, c) => (_(), d(O, { key: c }, [
+            typeof v == "number" ? (_(), d("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, "..."))
+          ], 64))), 128))
+        ]),
+        o("div", He, [
+          o("button", {
+            onClick: L(l, ["prevent"]),
+            class: "btn btn-estilo rotate-180",
+            disabled: !m.value,
+            innerHTML: Q
+          }, null, 8, Se),
+          o("button", {
+            onClick: L(I, ["prevent"]),
+            class: "btn btn-estilo rotate-180",
+            disabled: !m.value,
+            innerHTML: K
+          }, null, 8, Ae)
+        ])
+      ])) : M("", !0)
+    ])) : M("", !0);
+  }
+}), Ve = /* @__PURE__ */ $(Ne, [["__scopeId", "data-v-df81be49"]]), je = /* @__PURE__ */ R({
+  __name: "VDataPage",
+  props: {
+    fetch: {},
+    fetch_name: { default: "" },
+    endpoint: {},
+    type_loading: { default: "placeholder" },
+    type_fetch: { default: "pagination" },
+    custom_loading: { default: null },
+    deactivate_default_params: { type: Boolean, default: !1 },
+    filter_param_name: { default: "filter" },
+    search_param_name: { default: "search" },
+    page_param_name: { default: "page" },
+    page_size_param_name: { default: "page_size" },
+    add_params: { type: [Object, Function], default: () => ({}) },
+    data_key: { default: "results" },
+    total_key: { default: "count" },
+    list_filter: { default: () => [] },
+    first_text_page_size: { default: "Mostrar" },
+    second_text_page_size: { default: "registros" },
+    class_container: { default: "" },
+    class_pagination: { default: "" },
+    class_filters: { default: "" },
+    min_loading_delay: { default: 600 },
+    retry_attempts: { default: 3 },
+    retry_delay: { default: 2e3 },
+    use_checkbox: { type: Boolean, default: !1 },
+    item_key: { default: "id" },
+    limit_per_page: { default: 5 },
+    next_page_response_name: { default: "next_page" },
+    page_starts_at: { default: 0 },
+    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({
+      current_page: e.page_starts_at,
+      // pagina atual
+      count: 0,
+      // total de itens
+      limit_per_page: e.limit_per_page,
+      // limite de itens por página
+      search: "",
+      // termo de busca
+      filter: ""
+      // filtro selecionado
+    }), { data: h, pending: v, error: c, execute: y, attempt: p } = 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,
+        ...e.add_params()
+      } : {
+        ...w.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 || ""
+    }));
+    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);
+    }, { immediate: !0 });
+    async function b() {
+      return P.value && clearTimeout(P.value), C.value = !0, P.value = setTimeout(() => {
+        C.value = !1;
+      }, e.min_loading_delay), y();
+    }
+    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++;
+      });
+    }
+    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(n) {
+      t.value.search = n, t.value.current_page = 0, b();
+    }
+    function te(n) {
+      t.value.filter = n, t.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.");
+    }
+    s({
+      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);
+      });
+    });
+    const U = T(() => h.value?.[e.next_page_response_name] || null);
+    async function ne(n) {
+      if (!x.value) return;
+      if (!U.value) {
+        n.complete();
+        return;
+      }
+      if (t.value.current_page += 1, await y(), c.value) {
+        n.error();
+        return;
+      }
+      if (!l.value || l.value.length === 0) {
+        n.complete();
+        return;
+      }
+      const f = l.value.filter(
+        (k) => !r.value.some((H) => H[e.item_key] === k[e.item_key])
+      );
+      if (f.length === 0 && l.value.length > 0) {
+        n.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++;
+      });
+    }
+    async function ie(n) {
+      if (!x.value) return;
+      if (t.value.current_page <= e.page_starts_at) {
+        n.complete();
+        return;
+      }
+      const f = r.value[0];
+      if (!f) return;
+      const k = f[e.item_key];
+      if (!k) {
+        n.error();
+        return;
+      }
+      if (t.value.current_page -= 1, await y(), c.value) {
+        n.error();
+        return;
+      }
+      if (!l.value || l.value.length === 0) {
+        n.loaded();
+        return;
+      }
+      const H = l.value.filter(
+        (S) => !r.value.some((le) => le[e.item_key] === S[e.item_key])
+      );
+      if (H.length === 0 && l.value.length > 0) {
+        n.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 ? 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();
+      });
+    }
+    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", {
+        key: 0,
+        class: j(["", e.class_container])
+      }, [
+        (_(!0), d(O, null, F(l.value, (k) => E(n.$slots, "body", {
+          key: k[e.item_key],
+          item: k
+        }, void 0, !0)), 128))
+      ], 2)) : a.type_fetch === "infinite-scroll" ? (_(), d("div", {
+        key: 1,
+        class: j(e.class_container)
+      }, [
+        V(A(J), {
+          identifier: m.value,
+          direction: "top",
+          onInfinite: ie
+        }, {
+          complete: q(() => [...f[0] || (f[0] = [
+            o("span", null, null, -1)
+          ])]),
+          spinner: q(() => [...f[1] || (f[1] = [
+            o("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
+        }, void 0, !0)), 128)),
+        V(A(J), {
+          identifier: u.value,
+          onInfinite: ne
+        }, {
+          complete: q(() => [
+            E(n.$slots, "scroll-finish", {}, () => [
+              f[2] || (f[2] = o("span", { class: "scroll-finish-style" }, " Fim dos registros", -1))
+            ], !0)
+          ]),
+          _: 3
+        }, 8, ["identifier"])
+      ], 2)) : M("", !0),
+      a.type_fetch === "pagination" ? E(n.$slots, "pagination", {
+        key: 2,
+        pagination: t.value,
+        tradePage: b,
+        error: A(c)
+      }, () => [
+        !A(c) && t.value.count > 0 ? (_(), d("div", {
+          key: 0,
+          class: j(["px-3", e.class_pagination])
+        }, [
+          V(Ve, {
+            filtering: !0,
+            pagination: t.value,
+            onTradePage: b
+          }, null, 8, ["pagination"])
+        ], 2)) : M("", !0)
+      ], !0) : M("", !0)
+    ]));
+  }
+}), Fe = /* @__PURE__ */ $(je, [["__scopeId", "data-v-e6e86eba"]]);
+export {
+  Fe as VDataPage
+};