@3squared/forge-ui-3 2.12.0 → 2.12.2

package/dist/esm/forge-ui-3.js

@@ -1,11 +1,11 @@
 import he from "primevue/message";
-import { defineComponent as $, openBlock as r, createBlock as f, normalizeProps as J, guardReactiveProps as K, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as S, createVNode as h, renderSlot as k, ref as _, createElementBlock as v, Fragment as O, mergeProps as z, renderList as N, mergeModels as U, useModel as D, computed as T, createTextVNode as I, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
+import { defineComponent as $, openBlock as r, createBlock as f, normalizeProps as W, guardReactiveProps as Y, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as S, createVNode as h, renderSlot as k, ref as _, createElementBlock as v, Fragment as O, mergeProps as z, renderList as N, mergeModels as U, useModel as D, computed as T, createTextVNode as I, toDisplayString as w, withDirectives as H, vShow as J, createSlots as ee, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as K, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
 import { Icon as j } from "@iconify/vue";
 import A from "primevue/button";
 import Be from "primevue/toast";
 import Se from "primevue/autocomplete";
 import Ce from "primevue/checkbox";
-import { useField as ee } from "vee-validate";
+import { useField as te } from "vee-validate";
 import ze from "primevue/progressspinner";
 import Te from "primevue/dialog";
 import oe from "primevue/inputtext";
@@ -13,7 +13,7 @@ import { vOnClickOutside as je } from "@vueuse/components";
 import Ie from "primevue/menubar";
 import ne from "primevue/multiselect";
 import _e from "primevue/datepicker";
-import te from "primevue/select";
+import ae from "primevue/select";
 import Pe from "primevue/inputmask";
 import Ve from "primevue/textarea";
 import ue from "primevue/inputnumber";
@@ -1190,7 +1190,7 @@ const We = {
     const t = e;
     return (a, i) => {
       const l = he;
-      return r(), f(l, J(K({ ...a.$attrs, ...t })), {
+      return r(), f(l, W(Y({ ...a.$attrs, ...t })), {
         icon: b(() => [
           m("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
@@ -1289,7 +1289,7 @@ const We = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { handleChange: i, errors: l, errorMessage: o } = ee(
+    const t = e, a = D(e, "modelValue"), { handleChange: i, errors: l, errorMessage: o } = te(
       () => t.name ?? "",
       void 0,
       {
@@ -1329,7 +1329,7 @@ const We = {
           "data-cy": "error",
           class: "text-invalid"
         }, w(u(o)), 513), [
-          [Y, s.value]
+          [J, s.value]
         ])
       ]);
     };
@@ -1536,7 +1536,7 @@ const _t = { key: 0 }, Pt = {
         onMaximize: c,
         onUnmaximize: p,
         pt: F.value
-      }), ie({
+      }), ee({
         closeicon: b(() => [
           h(u(j), {
             "data-cy": "close-icon",
@@ -1576,7 +1576,7 @@ const _t = { key: 0 }, Pt = {
                 _: 1
               })) : S("", !0)
             ], 64)) : S("", !0),
-            k(C.$slots, x, J(K(P || {}))),
+            k(C.$slots, x, W(Y(P || {}))),
             o.value ? k(C.$slots, "loader", { key: 1 }, () => [
               h(ge, { "data-cy": "loader" })
             ]) : S("", !0)
@@ -1641,7 +1641,7 @@ const _t = { key: 0 }, Pt = {
       i.value = !i.value;
     }, p = () => {
       d.value = null;
-    }, { errorMessage: c, errors: g, value: d } = ee(() => t.name, void 0, {
+    }, { errorMessage: c, errors: g, value: d } = te(() => t.name, void 0, {
       initialValue: a.value
     });
     le(() => {
@@ -1722,7 +1722,7 @@ const _t = { key: 0 }, Pt = {
           "data-cy": "error",
           class: "text-invalid"
         }, w(u(c)), 513), [
-          [Y, F.value]
+          [J, F.value]
         ])
       ], 8, Vt);
     };
@@ -1774,7 +1774,7 @@ const _t = { key: 0 }, Pt = {
     return (i, l) => (r(), f(u(Ie), z({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
-    }), ie({
+    }), ee({
       start: b(() => [
         m("a", {
           href: i.logoUrl,
@@ -1801,7 +1801,7 @@ const _t = { key: 0 }, Pt = {
       N(i.$slots, (o, n) => ({
         name: n,
         fn: b((s) => [
-          k(i.$slots, n, J(K(s)))
+          k(i.$slots, n, W(Y(s)))
         ])
       }))
     ]), 1040, ["pt"]));
@@ -1994,7 +1994,7 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: n, setValue: s } = ee(() => t.name, void 0, {
+    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: n, setValue: s } = te(() => t.name, void 0, {
       initialValue: a.value
     }), p = () => {
       s(null), a.value = null;
@@ -2112,7 +2112,7 @@ const _t = { key: 0 }, Pt = {
               icon: "bi:calendar4",
               class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${c.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
-              [Y, t.showIcon]
+              [J, t.showIcon]
             ]),
             H(h(u(j), {
               "data-cy": "icon",
@@ -2120,7 +2120,7 @@ const _t = { key: 0 }, Pt = {
               onClick: p,
               class: B(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
             }, null, 8, ["class"]), [
-              [Y, t.modelValue]
+              [J, t.modelValue]
             ])
           ]),
           m("span", Qt, [
@@ -2131,7 +2131,7 @@ const _t = { key: 0 }, Pt = {
           "data-cy": "error",
           class: "text-invalid"
         }, w(u(l)), 513), [
-          [Y, c.value]
+          [J, c.value]
         ])
       ], 64);
     };
@@ -2178,7 +2178,7 @@ const _t = { key: 0 }, Pt = {
       return r(), v("form", z(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: G(l, ["prevent"])
+        onSubmit: K(l, ["prevent"])
       }), [
         o.hideTitle ? S("", !0) : (r(), v(O, { key: 0 }, [
           k(o.$slots, "title", {}, () => [
@@ -2266,13 +2266,13 @@ const _t = { key: 0 }, Pt = {
   setup(e) {
     const t = D(e, "modelValue"), a = e, i = (g) => {
       a.type == "number" ? s(g.value) : s(g);
-    }, { errors: l, value: o, errorMessage: n, handleChange: s, handleBlur: p } = ee(() => a.name, void 0, {
+    }, { errors: l, value: o, errorMessage: n, handleChange: s, handleBlur: p } = te(() => a.name, void 0, {
       initialValue: t.value
     }), c = T(() => l.value.length > 0);
     return ce(() => o.value, (g) => {
       t.value = g;
     }, { immediate: !0 }), (g, d) => {
-      const F = Ve, C = Pe, V = oe, M = te, q = ne, y = be;
+      const F = Ve, C = Pe, V = oe, M = ae, q = ne, y = be;
       return a.type === "checkbox" ? (r(), f(fe, z({
         key: 0,
         id: a.name,
@@ -2293,7 +2293,7 @@ const _t = { key: 0 }, Pt = {
             I(w(a.fieldLabel) + " ", 1),
             g.required ? (r(), v("span", ia, "*")) : S("", !0)
           ], 10, aa),
-          k(g.$slots, "default", J(K({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
+          k(g.$slots, "default", W(Y({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
             a.type === "number" ? (r(), f(u(ue), z({
               key: 0,
               id: a.name
@@ -2358,7 +2358,7 @@ const _t = { key: 0 }, Pt = {
           "data-cy": "error",
           class: "invalid-feedback"
         }, w(u(n)), 513), [
-          [Y, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
+          [J, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
     };
@@ -3104,7 +3104,7 @@ const ua = {
     return (n, s) => (r(), v("div", ua, [
       s[2] || (s[2] = I(" Number of results per page ")),
       m("div", ma, [
-        h(u(te), {
+        h(u(ae), {
           options: i.pageSizes,
           "model-value": i.perPage,
           class: "page-size",
@@ -3277,7 +3277,7 @@ const ua = {
         onSort: C,
         onPage: M,
         showHeaders: ""
-      }), ie({
+      }), ee({
         empty: b(() => [
           m("div", xa, [
             m("h5", ha, w(y.emptyMessage ?? "No items Found."), 1)
@@ -3347,8 +3347,8 @@ const ua = {
       }, [
         N(y.$slots, (P, L) => ({
           name: L,
-          fn: b((ae) => [
-            k(y.$slots, L, J(K(ae || {})))
+          fn: b((ie) => [
+            k(y.$slots, L, W(Y(ie || {})))
           ])
         })),
         y.legacyPaginationFooter ? {
@@ -3359,7 +3359,7 @@ const ua = {
               "data-cy": "legacy-page-size"
             }, [
               x[4] || (x[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              h(u(te), {
+              h(u(ae), {
                 options: o.value,
                 modelValue: n.value,
                 "onUpdate:modelValue": x[1] || (x[1] = (P) => n.value = P),
@@ -3427,7 +3427,7 @@ const ua = {
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (r(), f(u(te), z({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (r(), f(u(ae), z({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": o[2] || (o[2] = (p) => t.value = p)
@@ -3443,7 +3443,7 @@ const ua = {
               }, w(a(p, c)), 3),
               l.showClearButton && t.value !== null ? (r(), f(s, {
                 key: 0,
-                onClick: G(i, ["prevent"]),
+                onClick: K(i, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
@@ -3478,7 +3478,7 @@ const ua = {
         }, l.$attrs), null, 16, ["modelValue"])),
         l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (r(), f(s, {
           key: 5,
-          onClick: G(i, ["prevent"]),
+          onClick: K(i, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
@@ -4552,10 +4552,10 @@ var E = function(e, t, a, i) {
   if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
   if (typeof t == "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return a === "m" ? i : a === "a" ? i.call(e) : i ? i.value : t.get(e);
-}, W, Z, R;
+}, G, Z, R;
 class ye {
   constructor(...t) {
-    W.set(this, /* @__PURE__ */ new Map()), Z.set(this, /* @__PURE__ */ new Map()), R.set(this, /* @__PURE__ */ new Map());
+    G.set(this, /* @__PURE__ */ new Map()), Z.set(this, /* @__PURE__ */ new Map()), R.set(this, /* @__PURE__ */ new Map());
     for (const a of t)
       this.define(a);
   }
@@ -4568,10 +4568,10 @@ class ye {
         const p = s.startsWith("*");
         if (s = p ? s.slice(1) : s, o == null || o.add(s), n && E(this, Z, "f").set(i, s), n = !1, p)
           continue;
-        const c = E(this, W, "f").get(s);
+        const c = E(this, G, "f").get(s);
         if (c && c != i && !a)
           throw new Error(`"${i} -> ${s}" conflicts with "${c} -> ${s}". Pass \`force=true\` to override this definition.`);
-        E(this, W, "f").set(s, i);
+        E(this, G, "f").set(s, i);
       }
     }
     return this;
@@ -4580,7 +4580,7 @@ class ye {
     if (typeof t != "string")
       return null;
     const a = t.replace(/^.*[/\\]/, "").toLowerCase(), i = a.replace(/^.*\./, "").toLowerCase(), l = a.length < t.length;
-    return !(i.length < a.length - 1) && l ? null : E(this, W, "f").get(i) ?? null;
+    return !(i.length < a.length - 1) && l ? null : E(this, G, "f").get(i) ?? null;
   }
   getExtension(t) {
     var a;
@@ -4599,12 +4599,12 @@ class ye {
   }
   _getTestState() {
     return {
-      types: E(this, W, "f"),
+      types: E(this, G, "f"),
       extensions: E(this, Z, "f")
     };
   }
 }
-W = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
+G = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
 const Ca = new ye(de, re)._freeze();
 function xe(e, t, a, i) {
   const l = t.flatMap((o) => o.file);
@@ -4748,9 +4748,9 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
     return (o, n) => (r(), v("div", {
       id: "drag-drop-area",
       class: B(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: n[0] || (n[0] = G((s) => a.value = !1, ["prevent"])),
-      onDragover: n[1] || (n[1] = G((s) => a.value = !0, ["prevent"])),
-      onDrop: G(l, ["prevent"])
+      onDragleave: n[0] || (n[0] = K((s) => a.value = !1, ["prevent"])),
+      onDragover: n[1] || (n[1] = K((s) => a.value = !0, ["prevent"])),
+      onDrop: K(l, ["prevent"])
     }, [
       t.value.length === 0 ? (r(), v("div", Da, [
         h(u(j), {
@@ -4863,7 +4863,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         l.value = "Uploading";
         const P = new me(y), L = {
           abortSignal: c.value.signal,
-          onProgress: (ae) => p.value = ae.loadedBytes,
+          onProgress: (ie) => p.value = ie.loadedBytes,
           blobHTTPHeaders: {
             blobContentType: F.value,
             blobContentDisposition: `attachment; filename="${a.value.name}"`
@@ -5102,7 +5102,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   setup(e) {
     return (t, a) => {
       const i = Re;
-      return r(), f(i, J(K({ ...t.$attrs })), {
+      return r(), f(i, W(Y({ ...t.$attrs })), ee({
         toggleicon: b(({ collapsed: l }) => [
           l ? (r(), f(u(j), {
             key: 0,
@@ -5115,11 +5115,15 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
             icon: "bi:chevron-up"
           }))
         ]),
-        default: b(() => [
-          k(t.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
+        _: 2
+      }, [
+        N(t.$slots, (l, o) => ({
+          name: o,
+          fn: b((n) => [
+            k(t.$slots, o, W(Y(n)))
+          ])
+        }))
+      ]), 1040);
     };
   }
 }), li = /* @__PURE__ */ $({

package/dist/src/components/ForgePanel.vue.d.ts

@@ -1,8 +1,6 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
+    slots: any;
     refs: {};
     rootEl: any;
 };

package/dist/src/components/ForgeToggleButton.vue.d.ts

@@ -3,6 +3,6 @@ export interface ForgeToggleButtonProps {
     severity?: Severity;
 }
 declare const _default: import('vue').DefineComponent<ForgeToggleButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgeToggleButtonProps> & Readonly<{}>, {
-    severity: Severity;
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/file-uploader/ForgeFileUploader.vue.d.ts

@@ -19,8 +19,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: ForgeFileStatus[]) => any) | undefined;
 }>, {
-    showDragDropArea: boolean;
     maxFileInput: number;
+    showDragDropArea: boolean;
     editableFileName: boolean;
     autoUploadToBlob: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/src/components/table/ForgePaginationHeader.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<ForgePaginationHeaderProps
 }, string, import('vue').PublicProps, Readonly<ForgePaginationHeaderProps> & Readonly<{
     "onUpdate:perPage"?: ((...args: any[]) => any) | undefined;
 }>, {
-    perPage: number;
     pageSizes: Array<number>;
+    perPage: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/table/ForgeTable.vue.d.ts

@@ -17,20 +17,20 @@ declare function __VLS_template(): {
         forgeTable: ({
             $props: DataTableProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $slots: DataTableSlots;
-            $emit: ((e: "page", event: DataTablePageEvent) => void) & ((e: "sort", event: DataTableSortEvent) => void) & ((e: "filter", event: import('primevue/datatable').DataTableFilterEvent) => void) & ((e: "value-change", value: any[]) => void) & ((e: "update:filters", value: DataTableFilterMeta) => void) & ((e: "update:first", value: number) => void) & ((e: "update:rows", value: number) => void) & ((e: "update:sortField", value: string) => void) & ((e: "update:sortOrder", value: number | undefined) => void) & ((e: "update:multiSortMeta", value: import('primevue/datatable').DataTableSortMeta[] | null | undefined) => void) & ((e: "update:selection", value: any) => void) & ((e: "update:contextMenuSelection", value: any) => void) & ((e: "update:expandedRows", value: any[] | import('primevue/datatable').DataTableExpandedRows) => void) & ((e: "update:expandedRowGroups", value: any[] | import('primevue/datatable').DataTableExpandedRows) => void) & ((e: "update:editingRows", value: any[] | import('primevue/datatable').DataTableEditingRows) => void) & ((e: "row-click", event: import('primevue/datatable').DataTableRowClickEvent) => void) & ((e: "row-dblclick", event: import('primevue/datatable').DataTableRowDoubleClickEvent) => void) & ((e: "row-contextmenu", event: import('primevue/datatable').DataTableRowContextMenuEvent) => void) & ((e: "row-select", event: import('primevue/datatable').DataTableRowSelectEvent) => void) & ((e: "row-select-all", event: import('primevue/datatable').DataTableRowSelectAllEvent) => void) & ((e: "row-unselect-all", event: import('primevue/datatable').DataTableRowUnselectAllEvent) => void) & ((e: "row-unselect", event: import('primevue/datatable').DataTableRowUnselectEvent) => void) & ((e: "select-all-change", event: import('primevue/datatable').DataTableSelectAllChangeEvent) => void) & ((e: "column-resize-end", event: import('primevue/datatable').DataTableColumnResizeEndEvent) => void) & ((e: "column-reorder", event: import('primevue/datatable').DataTableColumnReorderEvent) => void) & ((e: "row-reorder", event: import('primevue/datatable').DataTableRowReorderEvent) => void) & ((e: "row-expand", event: import('primevue/datatable').DataTableRowExpandEvent) => void) & ((e: "row-collapse", event: import('primevue/datatable').DataTableRowCollapseEvent) => void) & ((e: "rowgroup-expand", event: import('primevue/datatable').DataTableRowExpandEvent) => void) & ((e: "rowgroup-collapse", event: import('primevue/datatable').DataTableRowCollapseEvent) => void) & ((e: "cell-edit-init", event: import('primevue/datatable').DataTableCellEditInitEvent) => void) & ((e: "cell-edit-complete", event: import('primevue/datatable').DataTableCellEditCompleteEvent) => void) & ((e: "cell-edit-cancel", event: import('primevue/datatable').DataTableCellEditCancelEvent) => void) & ((e: "row-edit-init", event: import('primevue/datatable').DataTableRowEditInitEvent) => void) & ((e: "row-edit-save", event: import('primevue/datatable').DataTableRowEditSaveEvent) => void) & ((e: "row-edit-cancel", event: import('primevue/datatable').DataTableRowEditCancelEvent) => void) & ((e: "state-restore", event: import('primevue/datatable').DataTableStateEvent) => void) & ((e: "state-save", event: import('primevue/datatable').DataTableStateEvent) => void);
+            $emit: ((e: "sort", event: DataTableSortEvent) => void) & ((e: "filter", event: import('primevue/datatable').DataTableFilterEvent) => void) & ((e: "page", event: DataTablePageEvent) => void) & ((e: "value-change", value: any[]) => void) & ((e: "update:filters", value: DataTableFilterMeta) => void) & ((e: "update:first", value: number) => void) & ((e: "update:rows", value: number) => void) & ((e: "update:sortField", value: string) => void) & ((e: "update:sortOrder", value: number | undefined) => void) & ((e: "update:multiSortMeta", value: import('primevue/datatable').DataTableSortMeta[] | null | undefined) => void) & ((e: "update:selection", value: any) => void) & ((e: "update:contextMenuSelection", value: any) => void) & ((e: "update:expandedRows", value: any[] | import('primevue/datatable').DataTableExpandedRows) => void) & ((e: "update:expandedRowGroups", value: any[] | import('primevue/datatable').DataTableExpandedRows) => void) & ((e: "update:editingRows", value: any[] | import('primevue/datatable').DataTableEditingRows) => void) & ((e: "row-click", event: import('primevue/datatable').DataTableRowClickEvent) => void) & ((e: "row-dblclick", event: import('primevue/datatable').DataTableRowDoubleClickEvent) => void) & ((e: "row-contextmenu", event: import('primevue/datatable').DataTableRowContextMenuEvent) => void) & ((e: "row-select", event: import('primevue/datatable').DataTableRowSelectEvent) => void) & ((e: "row-select-all", event: import('primevue/datatable').DataTableRowSelectAllEvent) => void) & ((e: "row-unselect-all", event: import('primevue/datatable').DataTableRowUnselectAllEvent) => void) & ((e: "row-unselect", event: import('primevue/datatable').DataTableRowUnselectEvent) => void) & ((e: "select-all-change", event: import('primevue/datatable').DataTableSelectAllChangeEvent) => void) & ((e: "column-resize-end", event: import('primevue/datatable').DataTableColumnResizeEndEvent) => void) & ((e: "column-reorder", event: import('primevue/datatable').DataTableColumnReorderEvent) => void) & ((e: "row-reorder", event: import('primevue/datatable').DataTableRowReorderEvent) => void) & ((e: "row-expand", event: import('primevue/datatable').DataTableRowExpandEvent) => void) & ((e: "row-collapse", event: import('primevue/datatable').DataTableRowCollapseEvent) => void) & ((e: "rowgroup-expand", event: import('primevue/datatable').DataTableRowExpandEvent) => void) & ((e: "rowgroup-collapse", event: import('primevue/datatable').DataTableRowCollapseEvent) => void) & ((e: "cell-edit-init", event: import('primevue/datatable').DataTableCellEditInitEvent) => void) & ((e: "cell-edit-complete", event: import('primevue/datatable').DataTableCellEditCompleteEvent) => void) & ((e: "cell-edit-cancel", event: import('primevue/datatable').DataTableCellEditCancelEvent) => void) & ((e: "row-edit-init", event: import('primevue/datatable').DataTableRowEditInitEvent) => void) & ((e: "row-edit-save", event: import('primevue/datatable').DataTableRowEditSaveEvent) => void) & ((e: "row-edit-cancel", event: import('primevue/datatable').DataTableRowEditCancelEvent) => void) & ((e: "state-restore", event: import('primevue/datatable').DataTableStateEvent) => void) & ((e: "state-save", event: import('primevue/datatable').DataTableStateEvent) => void);
         } & import('primevue/datatable').DataTableMethods) | null;
     };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ForgeTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    page: (...args: any[]) => void;
     sort: (...args: any[]) => void;
+    page: (...args: any[]) => void;
     "update:filters": (...args: any[]) => void;
     "update:tableContext": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<ForgeTableProps> & Readonly<{
-    onPage?: ((...args: any[]) => any) | undefined;
     onSort?: ((...args: any[]) => any) | undefined;
+    onPage?: ((...args: any[]) => any) | undefined;
     "onUpdate:filters"?: ((...args: any[]) => any) | undefined;
     "onUpdate:tableContext"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -44,7 +44,7 @@ declare const __VLS_component: import('vue').DefineComponent<ForgeTableProps, {}
     forgeTable: ({
         $props: DataTableProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $slots: DataTableSlots;
-        $emit: ((e: "page", event: DataTablePageEvent) => void) & ((e: "sort", event: DataTableSortEvent) => void) & ((e: "filter", event: import('primevue/datatable').DataTableFilterEvent) => void) & ((e: "value-change", value: any[]) => void) & ((e: "update:filters", value: DataTableFilterMeta) => void) & ((e: "update:first", value: number) => void) & ((e: "update:rows", value: number) => void) & ((e: "update:sortField", value: string) => void) & ((e: "update:sortOrder", value: number | undefined) => void) & ((e: "update:multiSortMeta", value: import('primevue/datatable').DataTableSortMeta[] | null | undefined) => void) & ((e: "update:selection", value: any) => void) & ((e: "update:contextMenuSelection", value: any) => void) & ((e: "update:expandedRows", value: any[] | import('primevue/datatable').DataTableExpandedRows) => void) & ((e: "update:expandedRowGroups", value: any[] | import('primevue/datatable').DataTableExpandedRows) => void) & ((e: "update:editingRows", value: any[] | import('primevue/datatable').DataTableEditingRows) => void) & ((e: "row-click", event: import('primevue/datatable').DataTableRowClickEvent) => void) & ((e: "row-dblclick", event: import('primevue/datatable').DataTableRowDoubleClickEvent) => void) & ((e: "row-contextmenu", event: import('primevue/datatable').DataTableRowContextMenuEvent) => void) & ((e: "row-select", event: import('primevue/datatable').DataTableRowSelectEvent) => void) & ((e: "row-select-all", event: import('primevue/datatable').DataTableRowSelectAllEvent) => void) & ((e: "row-unselect-all", event: import('primevue/datatable').DataTableRowUnselectAllEvent) => void) & ((e: "row-unselect", event: import('primevue/datatable').DataTableRowUnselectEvent) => void) & ((e: "select-all-change", event: import('primevue/datatable').DataTableSelectAllChangeEvent) => void) & ((e: "column-resize-end", event: import('primevue/datatable').DataTableColumnResizeEndEvent) => void) & ((e: "column-reorder", event: import('primevue/datatable').DataTableColumnReorderEvent) => void) & ((e: "row-reorder", event: import('primevue/datatable').DataTableRowReorderEvent) => void) & ((e: "row-expand", event: import('primevue/datatable').DataTableRowExpandEvent) => void) & ((e: "row-collapse", event: import('primevue/datatable').DataTableRowCollapseEvent) => void) & ((e: "rowgroup-expand", event: import('primevue/datatable').DataTableRowExpandEvent) => void) & ((e: "rowgroup-collapse", event: import('primevue/datatable').DataTableRowCollapseEvent) => void) & ((e: "cell-edit-init", event: import('primevue/datatable').DataTableCellEditInitEvent) => void) & ((e: "cell-edit-complete", event: import('primevue/datatable').DataTableCellEditCompleteEvent) => void) & ((e: "cell-edit-cancel", event: import('primevue/datatable').DataTableCellEditCancelEvent) => void) & ((e: "row-edit-init", event: import('primevue/datatable').DataTableRowEditInitEvent) => void) & ((e: "row-edit-save", event: import('primevue/datatable').DataTableRowEditSaveEvent) => void) & ((e: "row-edit-cancel", event: import('primevue/datatable').DataTableRowEditCancelEvent) => void) & ((e: "state-restore", event: import('primevue/datatable').DataTableStateEvent) => void) & ((e: "state-save", event: import('primevue/datatable').DataTableStateEvent) => void);
+        $emit: ((e: "sort", event: DataTableSortEvent) => void) & ((e: "filter", event: import('primevue/datatable').DataTableFilterEvent) => void) & ((e: "page", event: DataTablePageEvent) => void) & ((e: "value-change", value: any[]) => void) & ((e: "update:filters", value: DataTableFilterMeta) => void) & ((e: "update:first", value: number) => void) & ((e: "update:rows", value: number) => void) & ((e: "update:sortField", value: string) => void) & ((e: "update:sortOrder", value: number | undefined) => void) & ((e: "update:multiSortMeta", value: import('primevue/datatable').DataTableSortMeta[] | null | undefined) => void) & ((e: "update:selection", value: any) => void) & ((e: "update:contextMenuSelection", value: any) => void) & ((e: "update:expandedRows", value: any[] | import('primevue/datatable').DataTableExpandedRows) => void) & ((e: "update:expandedRowGroups", value: any[] | import('primevue/datatable').DataTableExpandedRows) => void) & ((e: "update:editingRows", value: any[] | import('primevue/datatable').DataTableEditingRows) => void) & ((e: "row-click", event: import('primevue/datatable').DataTableRowClickEvent) => void) & ((e: "row-dblclick", event: import('primevue/datatable').DataTableRowDoubleClickEvent) => void) & ((e: "row-contextmenu", event: import('primevue/datatable').DataTableRowContextMenuEvent) => void) & ((e: "row-select", event: import('primevue/datatable').DataTableRowSelectEvent) => void) & ((e: "row-select-all", event: import('primevue/datatable').DataTableRowSelectAllEvent) => void) & ((e: "row-unselect-all", event: import('primevue/datatable').DataTableRowUnselectAllEvent) => void) & ((e: "row-unselect", event: import('primevue/datatable').DataTableRowUnselectEvent) => void) & ((e: "select-all-change", event: import('primevue/datatable').DataTableSelectAllChangeEvent) => void) & ((e: "column-resize-end", event: import('primevue/datatable').DataTableColumnResizeEndEvent) => void) & ((e: "column-reorder", event: import('primevue/datatable').DataTableColumnReorderEvent) => void) & ((e: "row-reorder", event: import('primevue/datatable').DataTableRowReorderEvent) => void) & ((e: "row-expand", event: import('primevue/datatable').DataTableRowExpandEvent) => void) & ((e: "row-collapse", event: import('primevue/datatable').DataTableRowCollapseEvent) => void) & ((e: "rowgroup-expand", event: import('primevue/datatable').DataTableRowExpandEvent) => void) & ((e: "rowgroup-collapse", event: import('primevue/datatable').DataTableRowCollapseEvent) => void) & ((e: "cell-edit-init", event: import('primevue/datatable').DataTableCellEditInitEvent) => void) & ((e: "cell-edit-complete", event: import('primevue/datatable').DataTableCellEditCompleteEvent) => void) & ((e: "cell-edit-cancel", event: import('primevue/datatable').DataTableCellEditCancelEvent) => void) & ((e: "row-edit-init", event: import('primevue/datatable').DataTableRowEditInitEvent) => void) & ((e: "row-edit-save", event: import('primevue/datatable').DataTableRowEditSaveEvent) => void) & ((e: "row-edit-cancel", event: import('primevue/datatable').DataTableRowEditCancelEvent) => void) & ((e: "state-restore", event: import('primevue/datatable').DataTableStateEvent) => void) & ((e: "state-save", event: import('primevue/datatable').DataTableStateEvent) => void);
     } & import('primevue/datatable').DataTableMethods) | null;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@3squared/forge-ui-3",
   "repository": "https://github.com/3Squared/ForgeUI-3",
   "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
-  "version": "2.12.0",
+  "version": "2.12.2",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -51,7 +51,7 @@
     "@vitejs/plugin-vue": "5.2.1",
     "@vitest/coverage-v8": "3.0.7",
     "@vitest/ui": "3.0.7",
-    "cypress": "14.0.3",
+    "cypress": "14.1.0",
     "cypress-real-events": "1.14.0",
     "rollup-plugin-visualizer": "5.14.0",
     "sass": "1.85.1",