v-sistec-features 1.7.1 → 1.8.0

package/dist/Pagination-DtVDFQ07.js

@@ -0,0 +1,118 @@
+import { defineComponent as E, computed as g, createElementBlock as r, createCommentVNode as m, openBlock as c, createElementVNode as s, toDisplayString as _, withModifiers as p, Fragment as k, renderList as L, normalizeClass as A } from "vue";
+const T = {
+  key: 0,
+  class: "d-flex align-items-center justify-content-between w-100"
+}, j = {
+  key: 0,
+  class: "d-flex align-items-center gap-2"
+}, z = { class: "d-flex" }, N = ["disabled"], S = ["disabled"], V = { class: "d-flex gap-2" }, D = ["onClick", "disabled"], F = {
+  key: 1,
+  class: "m-0 p-0"
+}, I = { class: "d-flex" }, O = ["disabled"], $ = ["disabled"], w = `
+<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>
+`, q = /* @__PURE__ */ E({
+  __name: "Pagination",
+  props: {
+    pagination: {},
+    filtering: { type: Boolean, default: !1 },
+    page_starts_at: { default: 0 }
+  },
+  emits: ["tradePage"],
+  setup(u, { emit: v }) {
+    const t = u, i = v, o = g(() => t.pagination.limit_per_page ? Math.ceil(t.pagination.count / t.pagination.limit_per_page) : 0), f = g(() => e.value < o.value ? e.value : null), P = () => {
+      t.pagination.current_page++, i("tradePage");
+    }, y = (l) => {
+      t.pagination.current_page = l + (t.page_starts_at - 1), i("tradePage");
+    }, M = () => {
+      t.pagination.current_page = o.value + (t.page_starts_at - 1), i("tradePage");
+    }, C = () => {
+      t.pagination.current_page = t.page_starts_at, i("tradePage");
+    }, H = () => {
+      t.pagination.current_page > t.page_starts_at && (t.pagination.current_page--, i("tradePage"));
+    }, e = g(() => t.pagination.current_page - (t.page_starts_at - 1)), B = g(() => {
+      if (o.value <= 7)
+        return Array.from({ length: o.value }, (a, h) => h + 1);
+      const l = o.value, b = /* @__PURE__ */ new Set([
+        1,
+        2,
+        // Sempre mostra as 2 primeiras
+        e.value - 1,
+        e.value,
+        e.value + 1,
+        // Mostra a atual e vizinhas
+        l - 1,
+        l
+        // Sempre mostra as 2 últimas
+      ]), n = [];
+      let d = 0;
+      return Array.from(b).sort((a, h) => a - h).forEach((a) => {
+        a < 1 || a > l || (a > d + 1 && n.push("..."), n.push(a), d = a);
+      }), n;
+    });
+    return (l, b) => t.pagination.count > 0 ? (c(), r("div", T, [
+      s("span", null, " Mostrando de " + _(t.pagination.count !== 0 ? t.pagination.limit_per_page * (e.value - 1) + 1 : 0) + " até " + _(t.pagination.limit_per_page * e.value < t.pagination.count ? t.pagination.limit_per_page * e.value : t.pagination.count) + " de " + _(t.pagination.count) + " registros ", 1),
+      o.value > 0 ? (c(), r("div", j, [
+        s("div", z, [
+          s("button", {
+            class: "btn btn-estilo",
+            onClick: p(C, ["prevent"]),
+            disabled: e.value === 1,
+            innerHTML: w
+          }, null, 8, N),
+          s("button", {
+            class: "btn btn-estilo",
+            onClick: p(H, ["prevent"]),
+            disabled: e.value === 1,
+            innerHTML: x
+          }, null, 8, S)
+        ]),
+        s("div", V, [
+          (c(!0), r(k, null, L(B.value, (n, d) => (c(), r(k, { key: d }, [
+            typeof n == "number" ? (c(), r("button", {
+              key: 0,
+              class: A([e.value == n ? "page-select" : "", "page-estilo"]),
+              onClick: p((a) => y(n), ["prevent"]),
+              disabled: e.value == n
+            }, _(n), 11, D)) : (c(), r("span", F, "..."))
+          ], 64))), 128))
+        ]),
+        s("div", I, [
+          s("button", {
+            onClick: p(P, ["prevent"]),
+            class: "btn btn-estilo rotate-180",
+            disabled: !f.value,
+            innerHTML: x
+          }, null, 8, O),
+          s("button", {
+            onClick: p(M, ["prevent"]),
+            class: "btn btn-estilo rotate-180",
+            disabled: !f.value,
+            innerHTML: w
+          }, null, 8, $)
+        ])
+      ])) : m("", !0)
+    ])) : m("", !0);
+  }
+}), G = (u, v) => {
+  const t = u.__vccOpts || u;
+  for (const [i, o] of v)
+    t[i] = o;
+  return t;
+}, K = /* @__PURE__ */ G(q, [["__scopeId", "data-v-785126fa"]]);
+export {
+  K as P,
+  G as _
+};

package/dist/Pagination.d.ts

@@ -0,0 +1,27 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+
+export declare const Pagination: DefineComponent<PaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+tradePage: () => any;
+}, string, PublicProps, Readonly<PaginationProps> & Readonly<{
+onTradePage?: (() => any) | undefined;
+}>, {
+filtering: boolean;
+page_starts_at: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare interface PaginationObject {
+    current_page: number;
+    count: number;
+    limit_per_page: number;
+}
+
+declare interface PaginationProps {
+    pagination: PaginationObject;
+    filtering?: boolean;
+    page_starts_at?: number;
+}
+
+export { }

package/dist/Pagination.js

@@ -0,0 +1,4 @@
+import { P as i } from "./Pagination-DtVDFQ07.js";
+export {
+  i as Pagination
+};

package/dist/{core/plugin.d.ts → core.d.ts}

@@ -1,5 +1,7 @@
-import { App } from 'vue';
-declare const SistecPlugin: {
-    install: (app: App, _options?: any) => void;
-};
-export { SistecPlugin };
+import { App } from 'vue';
+
+export declare const SistecPlugin: {
+    install: (app: App, _options?: any) => void;
+};
+
+export { }

package/dist/{iframeCommunicator/useIframeCommunicator.d.ts → iframeCommunicator.d.ts}

@@ -1,8 +1,18 @@
-/**
- * Um Composable para gerenciar a comunicação entre um iframe e sua janela pai.
- * @param onMessageReceived - Uma função de callback que será executada quando uma mensagem for recebida do pai.
- */
-export declare function useIframeCommunicator(onMessageReceived: (event: MessageEvent) => void): {
-    isInIframe: Readonly<import('vue').Ref<boolean, boolean>>;
-    sendMessage: (message: any, targetOrigin?: string) => void;
-};
+import { Ref } from 'vue';
+
+/**
+ * Um Composable para gerenciar a comunicação entre um iframe e sua janela pai.
+ * @param onMessageReceived - Uma função de callback que será executada quando uma mensagem for recebida do pai.
+ */
+export declare function useIframeCommunicator(onMessageReceived: (event: MessageEvent) => void): {
+    isInIframe: Readonly<Ref<boolean, boolean>>;
+    sendMessage: (message: any, targetOrigin?: string) => void;
+};
+
+/**
+ * Um composable "tudo-em-um" que configura a comunicação de temas com a janela pai.
+ * para usar, bastar importar e chamar useTheme() na raiz do component app do iframe
+ */
+export declare function useTheme(): void;
+
+export { }

package/dist/index.d.ts

@@ -1,3 +1,26 @@
-export * from './core';
-export * from './iframeCommunicator';
-export * from '@tabler/icons-vue';
+import { App } from 'vue';
+import { Ref } from 'vue';
+
+export declare const SistecPlugin: {
+    install: (app: App, _options?: any) => void;
+};
+
+/**
+ * Um Composable para gerenciar a comunicação entre um iframe e sua janela pai.
+ * @param onMessageReceived - Uma função de callback que será executada quando uma mensagem for recebida do pai.
+ */
+export declare function useIframeCommunicator(onMessageReceived: (event: MessageEvent) => void): {
+    isInIframe: Readonly<Ref<boolean, boolean>>;
+    sendMessage: (message: any, targetOrigin?: string) => void;
+};
+
+/**
+ * Um composable "tudo-em-um" que configura a comunicação de temas com a janela pai.
+ * para usar, bastar importar e chamar useTheme() na raiz do component app do iframe
+ */
+export declare function useTheme(): void;
+
+
+export * from "@tabler/icons-vue";
+
+export { }

package/dist/toast.d.ts

@@ -0,0 +1,19 @@
+import { StoreDefinition } from 'pinia';
+
+/**
+ * Define os tipos de toast aceitos.
+ * 1 = success
+ * 2 = error
+ * 3 = info
+ */
+declare type ToastStoreType = 1 | 2 | 3;
+
+export declare const useToastStore: StoreDefinition<"toastStore", Pick<{
+showToast: (title: string, body: string, type: ToastStoreType) => void;
+}, never>, Pick<{
+showToast: (title: string, body: string, type: ToastStoreType) => void;
+}, never>, Pick<{
+showToast: (title: string, body: string, type: ToastStoreType) => void;
+}, "showToast">>;
+
+export { }

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)}:root{--color-error-inputs: red}[data-bs-theme=dark]{--color-error-inputs: oklch(.666 .179 58.318)}.style-custom-v-required-default{display:flex!important;justify-content:center!important;flex-direction:column!important;gap:2px}.style-custom-v-required-error .v-required-span{color:var(--color-error-inputs)!important;white-space:pre-wrap}.multiselect__tags{background-color:var(--cor-bg-inputs);border:var(--border-inputs);border-radius:5px!important;font-size:.875rem;line-height:1.4285714286}.multiselect__placeholder{color:var(--color-text-multiselect)!important}.style-custom-v-required-error input,.style-custom-v-required-error select,.style-custom-v-required-error textarea{border:2px solid var(--color-error-inputs)!important;color:var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__tags{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__input{border:none!important}.style-custom-v-required-error .multiselect__placeholder{color:var(--color-error-inputs)!important}.style-custom-v-required-error .image-drop-zone{border-color:var(--color-error-inputs)!important}.style-custom-v-required-error .quillWrapper{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error input::placeholder{color:var(--color-error-inputs)!important}.t-container{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff}.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-08efb648]{color:#6c757d;display:block;text-align:center;margin-top:1rem;margin-bottom:1rem}.rotate-180[data-v-78d23729] svg{transform:rotate(180deg)}.page-select[data-v-78d23729]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-78d23729]{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-78d23729]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-78d23729]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-78d23729] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-78d23729] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-78d23729]{margin:0!important;padding:0!important}.inputClose[data-v-dc655be7]{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-dc655be7]:hover{cursor:pointer}.selected[data-v-dc655be7]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-f75d7012]{overflow-x:auto}.state-feedback[data-v-f75d7012]{padding:1rem;text-align:center}.state-feedback.error[data-v-f75d7012]{color:red}.pagination-controls[data-v-f75d7012]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-f75d7012]{width:40px;height:40px;border-radius:4px}.container-img[data-v-f75d7012]{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-f75d7012]{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-f75d7012]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-f75d7012]{cursor:pointer}.container-img.container-img-preview[data-v-f75d7012]: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-f75d7012]{opacity:.3}.erro-custom-container[data-v-f75d7012]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-f75d7012]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-f75d7012]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-f75d7012]{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-f75d7012]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-f75d7012]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-f75d7012]{border-color:#ffffff5f!important}.ghost-item[data-v-f75d7012]{opacity:.5;background:var(--tblr-primary-lt, #e6f0ff);border-radius:8px}.dragging-item[data-v-f75d7012]{cursor:grabbing;background:var(--tblr-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:.5;background-color:var(--tblr-primary-bg-subtle);filter:grayscale(0) invert(0)}.header-draggable[data-v-f75d7012]{cursor:grab}.column-move-move[data-v-f75d7012]{transition:transform .4s ease}.column-move-enter-active[data-v-f75d7012],.column-move-leave-active[data-v-f75d7012]{transition:all .4s ease}.header-ordering[data-v-f75d7012]{display:flex;justify-content:space-between}
+*/[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)}:root{--color-error-inputs: red}[data-bs-theme=dark]{--color-error-inputs: oklch(.666 .179 58.318)}.style-custom-v-required-default{display:flex!important;justify-content:center!important;flex-direction:column!important;gap:2px}.style-custom-v-required-error .v-required-span{color:var(--color-error-inputs)!important;white-space:pre-wrap}.multiselect__tags{background-color:var(--cor-bg-inputs);border:var(--border-inputs);border-radius:5px!important;font-size:.875rem;line-height:1.4285714286}.multiselect__placeholder{color:var(--color-text-multiselect)!important}.style-custom-v-required-error input,.style-custom-v-required-error select,.style-custom-v-required-error textarea{border:2px solid var(--color-error-inputs)!important;color:var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__tags{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__input{border:none!important}.style-custom-v-required-error .multiselect__placeholder{color:var(--color-error-inputs)!important}.style-custom-v-required-error .image-drop-zone{border-color:var(--color-error-inputs)!important}.style-custom-v-required-error .quillWrapper{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error input::placeholder{color:var(--color-error-inputs)!important}.rotate-180[data-v-785126fa] svg{transform:rotate(180deg)}.page-select[data-v-785126fa]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-785126fa]{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-785126fa]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-785126fa]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-785126fa] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-785126fa] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-785126fa]{margin:0!important;padding:0!important}.t-container{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff}.scroll-finish-style[data-v-48421ad6]{color:#6c757d;display:block;text-align:center;margin-top:1rem;margin-bottom:1rem}.inputClose[data-v-dc655be7]{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-dc655be7]:hover{cursor:pointer}.selected[data-v-dc655be7]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-87ed687a]{overflow-x:auto}.state-feedback[data-v-87ed687a]{padding:1rem;text-align:center}.state-feedback.error[data-v-87ed687a]{color:red}.pagination-controls[data-v-87ed687a]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-87ed687a]{width:40px;height:40px;border-radius:4px}.container-img[data-v-87ed687a]{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-87ed687a]{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-87ed687a]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-87ed687a]{cursor:pointer}.container-img.container-img-preview[data-v-87ed687a]: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-87ed687a]{opacity:.3}.erro-custom-container[data-v-87ed687a]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-87ed687a]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-87ed687a]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-87ed687a]{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-87ed687a]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-87ed687a]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-87ed687a]{border-color:#ffffff5f!important}.ghost-item[data-v-87ed687a]{opacity:.5;background:var(--tblr-primary-lt, #e6f0ff);border-radius:8px}.dragging-item[data-v-87ed687a]{cursor:grabbing;background:var(--tblr-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:.5;background-color:var(--tblr-primary-bg-subtle);filter:grayscale(0) invert(0)}.header-draggable[data-v-87ed687a]{cursor:grab}.column-move-move[data-v-87ed687a]{transition:transform .4s ease}.column-move-enter-active[data-v-87ed687a],.column-move-leave-active[data-v-87ed687a]{transition:all .4s ease}.header-ordering[data-v-87ed687a]{display:flex;justify-content:space-between}

package/dist/vDataPage.d.ts

@@ -0,0 +1,109 @@
+import { AllowedComponentProps } from 'vue';
+import { Component } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { PublicProps } from 'vue';
+import { Ref } from 'vue';
+import { ShallowUnwrapRef } from 'vue';
+import { VNode } from 'vue';
+import { VNodeProps } from 'vue';
+import { WatchSource } from 'vue';
+
+declare type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare interface ExposedFunctions {
+    execute: () => void;
+    pagination: Ref<PaginationObject>;
+    default_params: Record<string, any>;
+    set_limit_per_page: (newLimit: number) => void;
+    set_search: (newSearch: string) => void;
+    set_filter: (newFilter: string) => void;
+    set_page: (newPage: number) => void;
+    reSearch: () => void;
+}
+
+declare interface PaginationObject {
+    current_page: number;
+    count: number;
+    limit_per_page: number;
+    search: string;
+    filter: string;
+}
+
+export declare const VDataPage: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onTradePage?: ((...args: any[]) => any) | undefined;
+        readonly onBeforeFetch?: ((...args: any[]) => any) | undefined;
+        readonly onAfterFetch?: ((...args: any[]) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onTradePage" | "onBeforeFetch" | "onAfterFetch"> & VDataPageProps & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<ExposedFunctions>): void;
+    attrs: any;
+    slots: {
+        loading?(_: {
+            n: number;
+        }): any;
+        loading?(_: {}): any;
+        error?(_: {
+            error: any;
+        }): any;
+        empty?(_: {}): any;
+        body?(_: {
+            item: T;
+        }): any;
+        body?(_: {
+            item: T;
+        }): any;
+        'scroll-finish'?(_: {}): any;
+        pagination?(_: {
+            pagination: {
+                current_page: number;
+                count: number;
+                limit_per_page: number;
+                search: string;
+                filter: string;
+            };
+            tradePage: () => Promise<void>;
+            error: any;
+        }): any;
+    };
+    emit: (event: "tradePage" | "beforeFetch" | "afterFetch", ...args: any[]) => void;
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+
+declare interface VDataPageProps {
+    fetch: Function;
+    fetch_name?: string;
+    endpoint: string;
+    type_loading?: 'placeholder' | 'spiner-table' | 'spiner';
+    type_fetch?: 'pagination' | 'infinite-scroll' | 'none';
+    custom_loading?: Component | null;
+    deactivate_default_params?: boolean;
+    filter_param_name?: string;
+    search_param_name?: string;
+    page_param_name?: string;
+    page_size_param_name?: string;
+    add_params?: Object | Function;
+    data_key?: string;
+    total_key?: string;
+    list_filter?: any[];
+    first_text_page_size?: string;
+    second_text_page_size?: string;
+    class_container?: string;
+    class_loading_container?: string;
+    class_pagination?: string;
+    class_filters?: string;
+    min_loading_delay?: number;
+    retry_attempts?: number;
+    retry_delay?: number;
+    use_checkbox?: boolean;
+    item_key?: string;
+    limit_per_page?: number;
+    next_page_response_name?: string;
+    page_starts_at: number;
+    element_id?: string;
+    watch?: WatchSource[];
+}
+
+export { }