@3squared/forge-ui-3 2.14.1 → 2.14.2

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

@@ -1,5 +1,5 @@
 import Be from "primevue/message";
-import { defineComponent as S, openBlock as d, createBlock as b, normalizeProps as W, guardReactiveProps as G, withCtx as g, createElementVNode as m, normalizeClass as F, unref as u, createCommentVNode as C, createVNode as h, renderSlot as k, ref as P, createElementBlock as v, Fragment as E, mergeProps as j, renderList as U, mergeModels as R, useModel as N, computed as T, createTextVNode as M, toDisplayString as B, withDirectives as J, vShow as Z, createSlots as te, onMounted as ne, isRef as Fe, withKeys as ie, normalizeStyle as Se, withModifiers as X, watch as le, h as Ce, useTemplateRef as ze } from "vue";
+import { defineComponent as S, openBlock as d, createBlock as b, normalizeProps as W, guardReactiveProps as G, withCtx as g, createElementVNode as m, normalizeClass as F, unref as u, createCommentVNode as C, createVNode as h, renderSlot as $, ref as P, createElementBlock as v, Fragment as E, mergeProps as j, renderList as U, mergeModels as R, useModel as N, computed as T, createTextVNode as M, toDisplayString as B, withDirectives as J, vShow as Z, createSlots as ae, onMounted as ne, isRef as Fe, withKeys as le, normalizeStyle as Se, withModifiers as X, watch as te, h as Ce, useTemplateRef as ze } from "vue";
 import { Icon as I } from "@iconify/vue";
 import q from "primevue/button";
 import Te from "primevue/toast";
@@ -13,7 +13,7 @@ import { vOnClickOutside as Me } from "@vueuse/components";
 import Ve from "primevue/menubar";
 import re from "primevue/multiselect";
 import De from "primevue/datepicker";
-import ae from "primevue/select";
+import ie from "primevue/select";
 import Oe from "primevue/inputmask";
 import Ne from "primevue/textarea";
 import fe from "primevue/inputnumber";
@@ -1256,7 +1256,7 @@ const Ze = {
           h(u(I), { icon: "bi:x" })
         ]),
         default: g(() => [
-          k(a.$slots, "default")
+          $(a.$slots, "default")
         ]),
         _: 3
       }, 16);
@@ -1297,7 +1297,7 @@ const Ze = {
   setup(e) {
     return (t, a) => (d(), b(u(je), j({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
       default: g(() => [
-        (d(!0), v(E, null, U(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
+        (d(!0), v(E, null, U(t.$slots, (i, l) => $(t.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16));
@@ -1368,7 +1368,7 @@ const Ze = {
             onClick: c[1] || (c[1] = (r) => o(r, !a.value)),
             class: F([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            k(p.$slots, "default", {}, () => [
+            $(p.$slots, "default", {}, () => [
               M(B(t.label), 1)
             ])
           ], 10, Mt)
@@ -1452,7 +1452,7 @@ const Ze = {
       href: i.url,
       target: i.target
     }, [
-      k(i.$slots, "default", {}, () => [
+      $(i.$slots, "default", {}, () => [
         i.iconName ? (d(), b(u(I), {
           key: 0,
           id: "link-icon",
@@ -1574,7 +1574,7 @@ const Ot = { key: 0 }, Nt = {
         }
         n.value = !1;
       }
-    }, $ = T(() => ({
+    }, k = T(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1596,8 +1596,8 @@ const Ot = { key: 0 }, Nt = {
       return d(), b(A, j(l, {
         onMaximize: c,
         onUnmaximize: p,
-        pt: $.value
-      }), te({
+        pt: k.value
+      }), ae({
         closeicon: g(() => [
           h(u(I), {
             "data-cy": "close-icon",
@@ -1637,8 +1637,8 @@ const Ot = { key: 0 }, Nt = {
                 _: 1
               })) : C("", !0)
             ], 64)) : C("", !0),
-            k(z.$slots, w, W(G(_ || {}))),
-            n.value ? k(z.$slots, "loader", { key: 1 }, () => [
+            $(z.$slots, w, W(G(_ || {}))),
+            n.value ? $(z.$slots, "loader", { key: 1 }, () => [
               h(pe, { "data-cy": "loader" })
             ]) : C("", !0)
           ])
@@ -1688,7 +1688,7 @@ const Ot = { key: 0 }, Nt = {
       var z;
       i.value = !i.value, (z = l.value) == null || z.focus();
     }, o = async () => {
-      if ($.value)
+      if (k.value)
         return !1;
       if (a.value = r.value, t.completeAction)
         try {
@@ -1708,21 +1708,21 @@ const Ot = { key: 0 }, Nt = {
     ne(() => {
       r.value = a.value;
     });
-    const $ = T(() => y.value.length > 0);
+    const k = T(() => y.value.length > 0);
     return (z, D) => {
       const O = se, A = q;
       return d(), v("div", {
         id: t.name
       }, [
         z.readonly ? (d(), v("div", Lt, [
-          k(z.$slots, "default", {}, () => [
+          $(z.$slots, "default", {}, () => [
             m("span", Rt, B(u(r)), 1)
           ])
         ])) : (d(), v("div", Et, [
           i.value ? (d(), v("div", Ut, [
             J((d(), v("div", qt, [
-              k(z.$slots, "editor", {
-                class: F({ "is-invalid": $.value }),
+              $(z.$slots, "editor", {
+                class: F({ "is-invalid": k.value }),
                 editFinished: o,
                 cancel: s,
                 val: u(r)
@@ -1734,10 +1734,10 @@ const Ot = { key: 0 }, Nt = {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
-                  class: F({ "is-invalid": $.value }),
+                  class: F({ "is-invalid": k.value }),
                   onKeydown: [
-                    ie(o, ["enter"]),
-                    ie(s, ["esc"])
+                    le(o, ["enter"]),
+                    le(s, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
@@ -1745,7 +1745,7 @@ const Ot = { key: 0 }, Nt = {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
-                onKeydown: ie(p, ["enter"]),
+                onKeydown: le(p, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
@@ -1757,9 +1757,9 @@ const Ot = { key: 0 }, Nt = {
             onClick: n,
             onFocus: n
           }, [
-            k(z.$slots, "default", {}, () => [
+            $(z.$slots, "default", {}, () => [
               m("div", {
-                class: F(["pe-2 cursor-pointer", { "text-invalid": $.value }]),
+                class: F(["pe-2 cursor-pointer", { "text-invalid": k.value }]),
                 "data-cy": "value"
               }, B(u(r) ? u(r) : "Click to edit"), 3)
             ]),
@@ -1770,9 +1770,9 @@ const Ot = { key: 0 }, Nt = {
               default: g(() => [
                 h(u(I), {
                   icon: "bi:pencil",
-                  class: F($.value ? "text-invalid" : "text-muted"),
+                  class: F(k.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: ie(n, ["enter"])
+                  onKeydown: le(n, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
@@ -1783,7 +1783,7 @@ const Ot = { key: 0 }, Nt = {
           "data-cy": "error",
           class: "text-invalid"
         }, B(u(c)), 513), [
-          [Z, $.value]
+          [Z, k.value]
         ])
       ], 8, At);
     };
@@ -1836,20 +1836,20 @@ const Ot = { key: 0 }, Nt = {
     return (i, l) => (d(), b(u(Ve), j({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
-    }), te({
+    }), ae({
       start: g(() => [
         m("a", {
           href: i.logoUrl,
           class: "navbar-brand ms-3",
           "data-cy": "logo"
         }, [
-          k(i.$slots, "logo", {}, () => [
+          $(i.$slots, "logo", {}, () => [
             l[0] || (l[0] = M(" Logo "))
           ])
         ], 8, Wt)
       ]),
       buttonicon: g(() => [
-        k(i.$slots, "buttonIcon", {}, () => [
+        $(i.$slots, "buttonIcon", {}, () => [
           h(u(I), {
             icon: "bi:list",
             class: F(t.severity === "light" ? "text-black" : "text-white"),
@@ -1863,7 +1863,7 @@ const Ot = { key: 0 }, Nt = {
       U(i.$slots, (n, o) => ({
         name: o,
         fn: g((s) => [
-          k(i.$slots, o, W(G(s)))
+          $(i.$slots, o, W(G(s)))
         ])
       }))
     ]), 1040, ["pt"]));
@@ -1914,11 +1914,11 @@ const Ot = { key: 0 }, Nt = {
             "data-cy": "multiselect"
           }), {
             default: g(() => [
-              (d(!0), v(E, null, U(l.$slots, (p, c) => k(l.$slots, c, { slot: c })), 256))
+              (d(!0), v(E, null, U(l.$slots, (p, c) => $(l.$slots, c, { slot: c })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
-          k(l.$slots, "after-multi-select")
+          $(l.$slots, "after-multi-select")
         ], 2),
         m("div", {
           class: F(l.orientation === "row" ? "col-12" : "col"),
@@ -1934,7 +1934,7 @@ const Ot = { key: 0 }, Nt = {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                k(l.$slots, "list-item", { item: p }, () => [
+                $(l.$slots, "list-item", { item: p }, () => [
                   m("span", Jt, B(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
                 l.canRemoveItemFromPreview ? (d(), b(s, {
@@ -1976,7 +1976,7 @@ const Ot = { key: 0 }, Nt = {
     return (a, i) => (d(), v("div", Xt, [
       m("h3", Qt, B(t.title), 1),
       m("div", ea, [
-        k(a.$slots, "default")
+        $(a.$slots, "default")
       ])
     ]));
   }
@@ -2155,22 +2155,22 @@ const Ot = { key: 0 }, Nt = {
         ]
       })
     }));
-    return (r, $) => {
+    return (r, k) => {
       const z = De;
       return d(), v(E, null, [
         m("div", ta, [
           m("span", aa, [
-            k(r.$slots, "before")
+            $(r.$slots, "before")
           ]),
           m("div", ia, [
             h(z, j({ ...t, ...r.$attrs }, {
               pt: y.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
-                $[0] || ($[0] = (D) => a.value = D),
+                k[0] || (k[0] = (D) => a.value = D),
                 u(n)
               ],
-              onBlur: $[1] || ($[1] = () => u(o)),
+              onBlur: k[1] || (k[1] = () => u(o)),
               "input-class": { "datepicker-invalid": c.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
             J(h(u(I), {
@@ -2190,7 +2190,7 @@ const Ot = { key: 0 }, Nt = {
             ])
           ]),
           m("span", la, [
-            k(r.$slots, "after")
+            $(r.$slots, "after")
           ])
         ]),
         J(m("small", {
@@ -2247,7 +2247,7 @@ const Ot = { key: 0 }, Nt = {
         onSubmit: X(l, ["prevent"])
       }), [
         n.hideTitle ? C("", !0) : (d(), v(E, { key: 0 }, [
-          k(n.$slots, "title", {}, () => [
+          $(n.$slots, "title", {}, () => [
             m("h3", {
               class: F(n.titleClass),
               "data-cy": "form-title"
@@ -2261,7 +2261,7 @@ const Ot = { key: 0 }, Nt = {
           "data-cy": "error"
         }, {
           default: g(() => [
-            k(n.$slots, "error", {
+            $(n.$slots, "error", {
               error: i.value.message
             }, () => [
               M(B(i.value.message), 1)
@@ -2269,9 +2269,9 @@ const Ot = { key: 0 }, Nt = {
           ]),
           _: 3
         })) : C("", !0),
-        k(n.$slots, "default"),
+        $(n.$slots, "default"),
         m("div", na, [
-          k(n.$slots, "cancel", {}, () => [
+          $(n.$slots, "cancel", {}, () => [
             n.hideCancel ? C("", !0) : (d(), b(s, {
               key: 0,
               "data-cy": "cancel-btn",
@@ -2286,7 +2286,7 @@ const Ot = { key: 0 }, Nt = {
               _: 1
             }))
           ]),
-          k(n.$slots, "submit", { submit: l }, () => [
+          $(n.$slots, "submit", { submit: l }, () => [
             h(s, {
               "data-cy": "submit-btn",
               type: "submit",
@@ -2335,10 +2335,10 @@ const Ot = { key: 0 }, Nt = {
     }, { errors: l, value: n, errorMessage: o, handleChange: s, handleBlur: p } = oe(() => a.name, void 0, {
       initialValue: t.value
     }), c = T(() => l.value.length > 0);
-    return le(() => n.value, (y) => {
+    return te(() => n.value, (y) => {
       t.value = y;
     }, { immediate: !0 }), (y, r) => {
-      const $ = Ne, z = Oe, D = se, O = ae, A = re, x = xe;
+      const k = Ne, z = Oe, D = se, O = ie, A = re, x = xe;
       return a.type === "checkbox" ? (d(), b(ye, j({
         key: 0,
         id: a.name,
@@ -2359,7 +2359,7 @@ const Ot = { key: 0 }, Nt = {
             M(B(a.fieldLabel) + " ", 1),
             y.required ? (d(), v("span", ra, "*")) : C("", !0)
           ], 10, sa),
-          k(y.$slots, "default", W(G({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
+          $(y.$slots, "default", W(G({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
             a.type === "number" ? (d(), b(u(fe), j({
               key: 0,
               id: a.name
@@ -2370,7 +2370,7 @@ const Ot = { key: 0 }, Nt = {
               onInput: i,
               modelValue: t.value,
               "onUpdate:modelValue": r[1] || (r[1] = (w) => t.value = w)
-            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), b($, j({
+            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), b(k, j({
               key: 1,
               id: a.name
             }, y.$attrs, {
@@ -2467,7 +2467,7 @@ const Ot = { key: 0 }, Nt = {
       const n = Ae;
       return d(), b(n, j({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
         default: g(() => [
-          (d(!0), v(E, null, U(i.$slots, (o, s) => k(i.$slots, s, { slot: s })), 256))
+          (d(!0), v(E, null, U(i.$slots, (o, s) => $(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2522,7 +2522,7 @@ const Ot = { key: 0 }, Nt = {
       const p = Ee;
       return d(), b(p, j({ ...o.$attrs, ...t }, { pt: n.value }), {
         default: g(() => [
-          k(o.$slots, "default")
+          $(o.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2845,8 +2845,8 @@ var da = /* @__PURE__ */ S({
       var p = t.split(o).filter((O) => O.length > 0);
       for (let O = 0; O < p.length; O++) {
         for (var c = p[O].split(s).filter((A) => A.length > 0), y = "", r = 0; r < c.length; r++) {
-          var $ = y + c[r] + " ", z = e.measureText($), D = z.width;
-          D > l && r > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), y = c[r] + " ", i += n) : y = $;
+          var k = y + c[r] + " ", z = e.measureText(k), D = z.width;
+          D > l && r > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), y = c[r] + " ", i += n) : y = k;
         }
         this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), i += c.length > 0 ? n : 0;
       }
@@ -2875,8 +2875,8 @@ var da = /* @__PURE__ */ S({
       } else if (a.type === "Text") {
         let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", l = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", n = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", o = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
         if (t.font = i, t.textAlign = l, t.textBaseline = n, a.fontStyle && a.fontStyle.rotate) {
-          let r, $;
-          a.fontStyle && a.fontStyle.width ? r = a.x + Math.floor(a.fontStyle.width / 2) : r = a.x, a.fontStyle && a.fontStyle.lineHeight ? $ = a.y + Math.floor(a.fontStyle.lineHeight / 2) : $ = a.y, t.translate(r, $), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(r * -1, $ * -1);
+          let r, k;
+          a.fontStyle && a.fontStyle.width ? r = a.x + Math.floor(a.fontStyle.width / 2) : r = a.x, a.fontStyle && a.fontStyle.lineHeight ? k = a.y + Math.floor(a.fontStyle.lineHeight / 2) : k = a.y, t.translate(r, k), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(r * -1, k * -1);
         }
         a.fontStyle && a.fontStyle.drawType && a.fontStyle.drawType === "stroke" ? (t.strokeStyle = a.fontStyle.color, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.strokeText(a.source, a.x, a.y)) : (t.fillStyle = o, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.fillText(a.source, a.x, a.y));
         let s = document.createElement("canvas"), p = s.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, y = this.outputHeight === void 0 ? this.height : this.outputHeight;
@@ -2942,7 +2942,7 @@ const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1
       i("save", l.value.isEmpty());
     };
     return (y, r) => {
-      const $ = q;
+      const k = q;
       return d(), v("div", pa, [
         h(u(da), j({
           ref_key: "drawingCanvas",
@@ -2958,7 +2958,7 @@ const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1
           "line-join": y.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
         m("div", ca, [
-          a.showUndo ? (d(), b($, {
+          a.showUndo ? (d(), b(k, {
             key: 0,
             onClick: p,
             outlined: "",
@@ -2969,7 +2969,7 @@ const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1
             ])),
             _: 1
           })) : C("", !0),
-          a.showRedo ? (d(), b($, {
+          a.showRedo ? (d(), b(k, {
             key: 1,
             onClick: s,
             outlined: "",
@@ -2980,7 +2980,7 @@ const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1
             ])),
             _: 1
           })) : C("", !0),
-          a.showClear ? (d(), b($, {
+          a.showClear ? (d(), b(k, {
             key: 2,
             onClick: o,
             outlined: "",
@@ -2991,7 +2991,7 @@ const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1
             ])),
             _: 1
           })) : C("", !0),
-          a.showSave ? (d(), b($, {
+          a.showSave ? (d(), b(k, {
             key: 3,
             onClick: c,
             class: "ms-auto",
@@ -3018,7 +3018,7 @@ const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", ua, [
-        k(a.$slots, "default")
+        $(a.$slots, "default")
       ])
     ], 16));
   }
@@ -3094,7 +3094,7 @@ const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1
               value: n.value
             }, {
               default: g(() => [
-                k(i.$slots, "step" + n.value)
+                $(i.$slots, "step" + n.value)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -3126,7 +3126,7 @@ const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1
       }, {
         default: g(() => [
           m("div", va, [
-            k(l.$slots, "default", {}, () => [
+            $(l.$slots, "default", {}, () => [
               n[0] || (n[0] = M("Tile Content"))
             ])
           ])
@@ -3138,7 +3138,7 @@ const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1
         "data-cy": "tile"
       }, [
         m("div", fa, [
-          k(l.$slots, "default", {}, () => [
+          $(l.$slots, "default", {}, () => [
             n[1] || (n[1] = M("Tile Content"))
           ])
         ])
@@ -3173,7 +3173,7 @@ const ga = {
     return (o, s) => (d(), v("div", ga, [
       s[2] || (s[2] = M(" Number of results per page ")),
       m("div", ba, [
-        h(u(ae), {
+        h(u(ie), {
           options: i.pageSizes,
           "model-value": i.perPage,
           class: "page-size",
@@ -3315,7 +3315,7 @@ const ga = {
         for (const x in i.filters)
           typeof i.filters[x] == "string" ? i.filters[x] = "" : i.filters[x].value = null;
       D(i.filters);
-    }, $ = () => {
+    }, k = () => {
       l.value.exportCSV();
     }, z = (x) => {
       var w;
@@ -3327,11 +3327,11 @@ const ga = {
     }, A = () => {
       s.value.perPage = o.value, a("update:tableContext", s.value);
     };
-    return le(() => i.filters, (x) => {
+    return te(() => i.filters, (x) => {
       s.value.filters = x, a("update:tableContext", s.value);
     }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (x, w) => (d(), v("div", ha, [
       m("span", wa, [
-        k(x.$slots, "above-table")
+        $(x.$slots, "above-table")
       ]),
       h(u(We), j({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
@@ -3347,7 +3347,7 @@ const ga = {
         onSort: z,
         onPage: O,
         showHeaders: ""
-      }), te({
+      }), ae({
         empty: g(() => [
           m("div", ka, [
             m("h5", $a, B(x.emptyMessage ?? "No items Found."), 1)
@@ -3392,7 +3392,7 @@ const ga = {
                 x.showExporterButton ? (d(), b(u(q), {
                   key: 1,
                   outlined: "",
-                  onClick: $,
+                  onClick: k,
                   "data-cy": "exporter"
                 }, {
                   default: g(() => [
@@ -3405,20 +3405,20 @@ const ga = {
                   ]),
                   _: 1
                 })) : C("", !0),
-                k(x.$slots, "column-customiser")
+                $(x.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
         default: g(() => [
-          k(x.$slots, "default")
+          $(x.$slots, "default")
         ]),
         _: 2
       }, [
         U(x.$slots, (_, f) => ({
           name: f,
           fn: g((V) => [
-            k(x.$slots, f, W(G(V || {})))
+            $(x.$slots, f, W(G(V || {})))
           ])
         })),
         x.legacyPaginationFooter ? {
@@ -3429,7 +3429,7 @@ const ga = {
               "data-cy": "legacy-page-size"
             }, [
               w[4] || (w[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              h(u(ae), {
+              h(u(ie), {
                 options: n.value,
                 modelValue: o.value,
                 "onUpdate:modelValue": w[1] || (w[1] = (_) => o.value = _),
@@ -3559,10 +3559,10 @@ const ga = {
         }
       ]
     }));
-    le(() => a.parentExpanderFullRow, (f) => {
-      f ? $() : z();
+    te(() => a.parentExpanderFullRow, (f) => {
+      f ? k() : z();
     });
-    const $ = () => {
+    const k = () => {
       a.parentExpanderFullRow && setTimeout(
         () => {
           const f = Array.from(
@@ -3603,25 +3603,27 @@ const ga = {
       A(a.filters);
     }, O = (f) => {
       var V;
-      p.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((V = f.sortField) == null ? void 0 : V.toString()) ?? "", i("update:tableContext", p.value), i("sort", f), $();
+      p.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((V = f.sortField) == null ? void 0 : V.toString()) ?? "", i("update:tableContext", p.value), i("sort", f), k();
     }, A = (f) => {
-      p.value.filters = f, i("update:tableContext", p.value), i("update:filters", f), $();
+      p.value.filters = f, i("update:tableContext", p.value), i("update:filters", f), k();
     }, x = (f) => {
-      p.value.page = s.value = f.page, _(), i("update:tableContext", p.value), i("page", f), $();
+      p.value.page = s.value = f.page, _(), i("update:tableContext", p.value), i("page", f), k();
     }, w = () => {
-      p.value.perPage = n.value, s.value = 0, p.value.page = s.value = Math.floor(o.value / n.value), _(), i("update:tableContext", p.value), $();
+      p.value.perPage = n.value, s.value = 0, p.value.page = s.value = Math.floor(o.value / n.value), _(), i("update:tableContext", p.value), k();
     };
-    le(() => a.filters, (f) => {
+    te(() => a.filters, (f) => {
       p.value.filters = f, i("update:tableContext", p.value);
-    }, { deep: !0 }), ne(() => {
-      $(), i("update:tableContext", p.value);
+    }, { deep: !0 }), te(() => a.value, () => {
+      k();
+    }), ne(() => {
+      k(), i("update:tableContext", p.value);
     });
     const _ = () => {
       o.value = s.value * n.value;
     };
     return (f, V) => (d(), v("div", za, [
       m("span", Ta, [
-        k(f.$slots, "above-table")
+        $(f.$slots, "above-table")
       ]),
       h(u(Ge), j({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
@@ -3633,10 +3635,10 @@ const ga = {
         "onUpdate:filters": A,
         onSort: O,
         onPage: x,
-        onNodeExpand: V[2] || (V[2] = () => $()),
+        onNodeExpand: V[2] || (V[2] = () => k()),
         showHeaders: "",
         first: o.value
-      }), te({
+      }), ae({
         header: g(() => [
           m("div", {
             class: F(a.loading ? "opacity-50" : "")
@@ -3672,20 +3674,20 @@ const ga = {
                   ]),
                   _: 1
                 })) : C("", !0),
-                k(f.$slots, "column-customiser")
+                $(f.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
         default: g(() => [
-          k(f.$slots, "default")
+          $(f.$slots, "default")
         ]),
         _: 2
       }, [
         U(f.$slots, (L, ve) => ({
           name: ve,
           fn: g(($e) => [
-            k(f.$slots, ve, W(G($e || {})))
+            $(f.$slots, ve, W(G($e || {})))
           ])
         })),
         f.legacyPaginationFooter ? {
@@ -3696,7 +3698,7 @@ const ga = {
               "data-cy": "legacy-page-size"
             }, [
               V[4] || (V[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              h(u(ae), {
+              h(u(ie), {
                 options: l.value,
                 modelValue: n.value,
                 "onUpdate:modelValue": V[1] || (V[1] = (L) => n.value = L),
@@ -3764,7 +3766,7 @@ const ga = {
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), b(u(ae), j({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), b(u(ie), j({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": n[2] || (n[2] = (p) => t.value = p)
@@ -5009,7 +5011,7 @@ const Ua = { class: "d-flex justify-content-between" }, qa = ["accept", "disable
     return (o, s) => {
       const p = q;
       return d(), v("div", Ua, [
-        k(o.$slots, "message"),
+        $(o.$slots, "message"),
         m("div", null, [
           m("input", {
             id: "file-input",
@@ -5025,7 +5027,7 @@ const Ua = { class: "d-flex justify-content-between" }, qa = ["accept", "disable
             id: "file-input-button",
             for: "file-input"
           }, [
-            k(o.$slots, "button-content", {}, () => [
+            $(o.$slots, "button-content", {}, () => [
               h(u(I), {
                 icon: "bi:upload",
                 class: "me-2",
@@ -5098,7 +5100,7 @@ const Ua = { class: "d-flex justify-content-between" }, qa = ["accept", "disable
         }),
         o[2] || (o[2] = M(" Drag and drop files here "))
       ])) : (d(), v("div", Wa, [
-        k(n.$slots, "default")
+        $(n.$slots, "default")
       ]))
     ], 34));
   }
@@ -5173,10 +5175,10 @@ const Ua = { class: "d-flex justify-content-between" }, qa = ["accept", "disable
   }),
   emits: /* @__PURE__ */ R(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), n = t, o = P(a.value.name), s = P(""), p = P(0), c = P(), y = T(() => e.acceptedFileTypes.some(({ fileType: x }) => x === a.value.type)), r = T(() => a.value.size <= e.maxFileSize), $ = T(() => a.value.type ? a.value.type : Ea().getType(a.value.name)), z = () => {
+    const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), n = t, o = P(a.value.name), s = P(""), p = P(0), c = P(), y = T(() => e.acceptedFileTypes.some(({ fileType: x }) => x === a.value.type)), r = T(() => a.value.size <= e.maxFileSize), k = T(() => a.value.type ? a.value.type : Ea().getType(a.value.name)), z = () => {
       o.value != null && (D(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, D = () => {
-      let x = o.value.split("."), w = Da.getExtension($.value), _ = o.value.split(".").pop();
+      let x = o.value.split("."), w = Da.getExtension(k.value), _ = o.value.split(".").pop();
       x.length === 1 ? _ && _.length > 0 && (o.value = [o.value, w].join(".")) : x.length > 1 && _ !== w && (o.value = o.value.replace(_, w));
     }, O = async () => {
       if (!y.value || !r.value) {
@@ -5195,7 +5197,7 @@ const Ua = { class: "d-flex justify-content-between" }, qa = ["accept", "disable
           abortSignal: c.value.signal,
           onProgress: (V) => p.value = V.loadedBytes,
           blobHTTPHeaders: {
-            blobContentType: $.value,
+            blobContentType: k.value,
             blobContentDisposition: `attachment; filename="${a.value.name}"`
           },
           tags: { temp: "true" }
@@ -5432,7 +5434,7 @@ const Ua = { class: "d-flex justify-content-between" }, qa = ["accept", "disable
   setup(e) {
     return (t, a) => {
       const i = Je;
-      return d(), b(i, W(G({ ...t.$attrs })), te({
+      return d(), b(i, W(G({ ...t.$attrs })), ae({
         toggleicon: g(({ collapsed: l }) => [
           l ? (d(), b(u(I), {
             key: 0,
@@ -5450,7 +5452,7 @@ const Ua = { class: "d-flex justify-content-between" }, qa = ["accept", "disable
         U(t.$slots, (l, n) => ({
           name: n,
           fn: g((o) => [
-            k(t.$slots, n, W(G(o)))
+            $(t.$slots, n, W(G(o)))
           ])
         }))
       ]), 1040);

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.14.1",
+  "version": "2.14.2",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -35,7 +35,7 @@
   "dependencies": {
     "@azure/abort-controller": "^2.0.0",
     "@azure/storage-blob": "12.26.0",
-    "@iconify/vue": "4.2.0",
+    "@iconify/vue": "4.3.0",
     "@popperjs/core": "2.11.8",
     "@vueuse/components": "^13.0.0",
     "bootstrap": "^5.3.3",
@@ -58,7 +58,7 @@
     "sass": "1.85.1",
     "typescript": "5.8.2",
     "unplugin-vue-components": "28.4.1",
-    "vite": "6.2.1",
+    "vite": "6.2.2",
     "vite-bundle-visualizer": "1.2.1",
     "vite-plugin-dts": "4.5.3",
     "vite-plugin-istanbul": "7.0.0",