@3squared/forge-ui-3 2.12.1 → 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/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.1",
+  "version": "2.12.2",
   "type": "module",
   "license": "MIT",
   "contributors": [