@3squared/forge-ui-3 2.19.1 → 2.20.0

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

@@ -1,17 +1,17 @@
-import Be from "primevue/message";
-import { defineComponent as C, openBlock as d, createBlock as y, normalizeProps as W, guardReactiveProps as G, withCtx as f, createElementVNode as m, normalizeClass as S, unref as u, createCommentVNode as z, createVNode as w, renderSlot as B, ref as j, createElementBlock as v, Fragment as A, mergeProps as _, renderList as E, mergeModels as R, useModel as N, computed as T, createTextVNode as M, toDisplayString as F, 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 Q, h as Ce, useTemplateRef as ze } from "vue";
-import { Icon as P } from "@iconify/vue";
+import Fe from "primevue/message";
+import { defineComponent as C, createBlock as y, openBlock as d, normalizeProps as W, guardReactiveProps as G, withCtx as v, renderSlot as F, createVNode as w, unref as u, createElementVNode as m, normalizeClass as S, createCommentVNode as z, ref as I, createElementBlock as f, Fragment as A, mergeProps as _, renderList as E, mergeModels as R, useModel as N, computed as T, withDirectives as J, createTextVNode as P, toDisplayString as B, vShow as X, createSlots as ae, onMounted as oe, withKeys as le, isRef as Be, normalizeStyle as Se, withModifiers as Q, watch as K, h as Ce, useTemplateRef as ze } from "vue";
+import { Icon as j } from "@iconify/vue";
 import q from "primevue/button";
 import Te from "primevue/toast";
 import _e from "primevue/autocomplete";
-import Pe from "primevue/checkbox";
-import { useField as oe } from "vee-validate";
-import je from "primevue/progressspinner";
-import Ie from "primevue/dialog";
-import se from "primevue/inputtext";
+import je from "primevue/checkbox";
+import { useField as ne } from "vee-validate";
+import Ie from "primevue/progressspinner";
+import Pe from "primevue/dialog";
+import re from "primevue/inputtext";
 import { vOnClickOutside as Me } from "@vueuse/components";
 import Ve from "primevue/menubar";
-import re from "primevue/multiselect";
+import de from "primevue/multiselect";
 import De from "primevue/datepicker";
 import ie from "primevue/select";
 import Oe from "primevue/inputmask";
@@ -240,15 +240,15 @@ const Xe = {
   column: {
     pcSortBadge: "ms-2 my-auto cursor-pointer",
     headerCell: (e) => {
-      var t, a, i, l, n, o;
+      var t, a, i, l, o, n;
       return {
         class: [
           "align-top",
           {
             "cursor-move": (t = e.props) == null ? void 0 : t.reorderableColumns,
             "position-sticky": ((a = e.column) == null ? void 0 : a.context.frozen) !== void 0 || ((i = e.column) == null ? void 0 : i.context.frozen) || ((l = e.column) == null ? void 0 : l.context.frozen) === "",
-            "overflow-hidden position-relative bg-clip-padding": (n = e.column) == null ? void 0 : n.context.resizable,
-            "align-bottom": ((o = e.column.props) == null ? void 0 : o.rowspan) > 1
+            "overflow-hidden position-relative bg-clip-padding": (o = e.column) == null ? void 0 : o.context.resizable,
+            "align-bottom": ((n = e.column.props) == null ? void 0 : n.rowspan) > 1
           }
         ]
       };
@@ -375,12 +375,12 @@ const Xe = {
       ]
     })
   }
-}, nt = {
+}, ot = {
   toggleSwitch: {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, ot = {
+}, nt = {
   tag: {
     root: ({ props: e }) => ({
       class: [
@@ -797,7 +797,7 @@ const Xe = {
       ]
     })
   }
-}, ht = {
+}, xt = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -819,7 +819,7 @@ const Xe = {
       ]
     })
   }
-}, xt = {
+}, ht = {
   // More PassThrough options in component file.
   menubar: {
     rootList: ({ instance: e }) => ({
@@ -982,11 +982,16 @@ const Xe = {
           class: t
         };
       },
-      itemLink: "dropdown-item",
+      itemLink: ({ props: e }) => ({
+        class: [
+          "dropdown-item",
+          { "cursor-pointer": !e.disabled }
+        ]
+      }),
       separator: "border-bottom"
     }
   }
-}, Bt = {
+}, Ft = {
   progressspinner: {
     spin: () => ({
       class: [
@@ -994,7 +999,7 @@ const Xe = {
       ]
     })
   }
-}, Ft = {
+}, Bt = {
   card: {
     root: () => ({
       class: ["card"]
@@ -1056,7 +1061,7 @@ const Xe = {
       class: ["ps-1"]
     }),
     messageIcon: ({ props: e }) => {
-      var t, a, i, l, n;
+      var t, a, i, l, o;
       return {
         class: [
           "toast-icon",
@@ -1065,7 +1070,7 @@ const Xe = {
             "text-success": ((a = e.message) == null ? void 0 : a.severity) === "success",
             "text-success-alternate": ((i = e.message) == null ? void 0 : i.severity) === "success-alternate",
             "text-danger": ((l = e.message) == null ? void 0 : l.severity) === "error",
-            "text-warning": ((n = e.message) == null ? void 0 : n.severity) === "warn"
+            "text-warning": ((o = e.message) == null ? void 0 : o.severity) === "warn"
           }
         ]
       };
@@ -1151,7 +1156,7 @@ const Xe = {
       filterIcon: "d-none"
     }
   }
-}, Pt = {
+}, jt = {
   fieldset: {
     root: () => ({
       class: [
@@ -1177,7 +1182,7 @@ const Xe = {
       ]
     })
   }
-}, jt = {
+}, It = {
   accordionPanel: {
     root: "card my-2"
   },
@@ -1195,7 +1200,7 @@ const Xe = {
   accordionContent: {
     root: "mt-2 mx-4 mb-4"
   }
-}, It = {
+}, Pt = {
   // More PT options can be found in the ForgeTable file.
   treetable: {
     root: "position-relative",
@@ -1218,9 +1223,9 @@ const Xe = {
   }
 }, Qi = {
   ...Xe,
-  ...ht,
+  ...xt,
   ...Qe,
-  ...Ft,
+  ...Bt,
   ...et,
   ...rt,
   ...at,
@@ -1231,31 +1236,31 @@ const Xe = {
   ...Ct,
   ...it,
   ...lt,
-  ...nt,
+  ...ot,
   ...ct,
   ...ft,
-  ...xt,
+  ...ht,
   ...pt,
   ...gt,
-  ...Bt,
+  ...Ft,
   ...bt,
   ...kt,
   ...$t,
   ...ut,
   ...yt,
-  ...ot,
+  ...nt,
   ...mt,
   ...zt,
   ...st,
-  ...Pt,
+  ...jt,
   ..._t,
   ...Tt,
-  ...jt,
   ...It,
+  ...Pt,
   directives: {
     ...wt
   }
-}, de = /* @__PURE__ */ C({
+}, se = /* @__PURE__ */ C({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -1275,13 +1280,13 @@ const Xe = {
   setup(e) {
     const t = e;
     return (a, i) => {
-      const l = Be;
+      const l = Fe;
       return d(), y(l, W(G({ ...a.$attrs, ...t })), {
-        icon: f(() => [
+        icon: v(() => [
           m("div", {
             class: S(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (d(), y(u(P), {
+            t.icon ? (d(), y(u(j), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -1290,11 +1295,11 @@ const Xe = {
             }, null, 8, ["icon", "class"])) : z("", !0)
           ], 2)
         ]),
-        closeicon: f(() => [
-          w(u(P), { icon: "bi:x" })
+        closeicon: v(() => [
+          w(u(j), { icon: "bi:x" })
         ]),
-        default: f(() => [
-          B(a.$slots, "default")
+        default: v(() => [
+          F(a.$slots, "default")
         ]),
         _: 3
       }, 16);
@@ -1309,7 +1314,7 @@ const Xe = {
     params: { default: Array }
   },
   setup(e) {
-    const t = j(!1), a = e, i = async () => {
+    const t = I(!1), a = e, i = async () => {
       t.value = !0;
       try {
         await a.action.apply(this, a.params);
@@ -1318,10 +1323,10 @@ const Xe = {
       }
       t.value = !1;
     };
-    return (l, n) => {
-      const o = q;
-      return d(), v(A, null, [
-        w(o, _({ ...a, ...l.$attrs }, {
+    return (l, o) => {
+      const n = q;
+      return d(), f(A, null, [
+        w(n, _({ ...a, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: i
@@ -1334,8 +1339,8 @@ const Xe = {
   __name: "ForgeAutoComplete",
   setup(e) {
     return (t, a) => (d(), y(u(_e), _({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
-      default: f(() => [
-        (d(!0), v(A, null, E(t.$slots, (i, l) => B(t.$slots, l, { slot: l })), 256))
+      default: v(() => [
+        (d(!0), f(A, null, E(t.$slots, (i, l) => F(t.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16));
@@ -1375,25 +1380,25 @@ const Xe = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = N(e, "modelValue"), { handleChange: i, errors: l, errorMessage: n } = oe(
+    const t = e, a = N(e, "modelValue"), { handleChange: i, errors: l, errorMessage: o } = ne(
       () => t.name ?? "",
       void 0,
       {
         type: "checkbox",
         checkedValue: a.value
       }
-    ), o = (p, c) => {
+    ), n = (p, c) => {
       (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(c) : a.value = c;
     }, s = T(() => l.value.length > 0);
     return (p, c) => {
-      const h = Pe;
-      return d(), v("div", Mt, [
+      const x = je;
+      return d(), f("div", Mt, [
         m("div", _({
           class: "d-flex",
           "data-cy": "checkbox-container",
-          onClick: c[2] || (c[2] = (r) => o(r, a.value))
+          onClick: c[2] || (c[2] = (r) => n(r, a.value))
         }, { ...p.$attrs }), [
-          w(h, _({ ...t }, {
+          w(x, _({ ...t }, {
             binary: "",
             modelValue: a.value,
             "onUpdate:modelValue": c[0] || (c[0] = (r) => a.value = r),
@@ -1403,19 +1408,19 @@ const Xe = {
           }), null, 16, ["modelValue", "input-id", "input-class", "class"]),
           m("label", {
             for: t.name,
-            onClick: c[1] || (c[1] = (r) => o(r, !a.value)),
+            onClick: c[1] || (c[1] = (r) => n(r, !a.value)),
             class: S([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            B(p.$slots, "default", {}, () => [
-              M(F(t.label), 1)
+            F(p.$slots, "default", {}, () => [
+              P(B(t.label), 1)
             ])
           ], 10, Vt)
         ], 16),
         J(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, F(u(n)), 513), [
-          [Z, s.value]
+        }, B(u(o)), 513), [
+          [X, s.value]
         ])
       ]);
     };
@@ -1438,11 +1443,11 @@ const Xe = {
       })
     }));
     return (i, l) => {
-      const n = je;
-      return d(), v("div", {
+      const o = Ie;
+      return d(), f("div", {
         class: S(i.inLine ? "" : "forge-loader")
       }, [
-        w(n, {
+        w(o, {
           "animation-duration": ".75",
           class: S(`text-${t.severity === void 0 ? "primary" : t.severity}`),
           pt: a.value
@@ -1484,20 +1489,20 @@ const Xe = {
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (i, l) => (d(), v("a", {
+    return (i, l) => (d(), f("a", {
       id: "link",
       class: S(["cursor-pointer d-flex text-break", t.value]),
       href: i.url,
       target: i.target
     }, [
-      B(i.$slots, "default", {}, () => [
-        i.iconName ? (d(), y(u(P), {
+      F(i.$slots, "default", {}, () => [
+        i.iconName ? (d(), y(u(j), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
           class: S(["bi my-auto", a.value])
         }, null, 8, ["icon", "class"])) : z("", !0),
-        M(" " + F(i.label), 1)
+        P(" " + B(i.label), 1)
       ])
     ], 10, Dt));
   }
@@ -1526,7 +1531,7 @@ const Nt = {
 }, At = { key: 0 }, Et = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, nl = /* @__PURE__ */ C({
+}, ol = /* @__PURE__ */ C({
   __name: "ForgeModal",
   props: /* @__PURE__ */ R({
     cancelText: { default: "Cancel" },
@@ -1588,8 +1593,8 @@ const Nt = {
   }),
   emits: ["update:visible", "update:error"],
   setup(e, { expose: t }) {
-    const a = N(e, "visible"), i = j(!1), l = e, n = j(!1), o = N(e, "error"), s = () => {
-      o.value = {
+    const a = N(e, "visible"), i = I(!1), l = e, o = I(!1), n = N(e, "error"), s = () => {
+      n.value = {
         hasError: !1,
         header: "",
         message: []
@@ -1602,22 +1607,22 @@ const Nt = {
       i.value = !1;
     }, c = () => {
       i.value = !0;
-    }, h = () => {
+    }, x = () => {
       l.resetErrorOnClose && s(), a.value = !1;
     }, r = async () => {
       if (l.onConfirm) {
-        n.value = !0, o.value.hasError = !1;
+        o.value = !0, n.value.hasError = !1;
         try {
           const $ = await l.onConfirm();
-          ($ || $ == null) && h();
+          ($ || $ == null) && x();
         } catch ($) {
-          o.value.hasError = !0;
+          n.value.hasError = !0;
           const D = Ot($);
-          o.value.header = D.errorMessage, o.value.message = D.errorDetails;
+          n.value.header = D.errorMessage, n.value.message = D.errorDetails;
         }
-        n.value = !1;
+        o.value = !1;
       }
-    }, x = T(() => ({
+    }, h = T(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1632,28 +1637,28 @@ const Nt = {
         {
           [`${l.maxHeight}`]: l.maxHeight && !i.value,
           [`${l.minHeight}`]: l.minHeight && !i.value,
-          "pt-0": o.value.hasError
+          "pt-0": n.value.hasError
         }
       ]
     }));
     return ($, D) => {
-      const O = q, U = Ie;
+      const O = q, U = Pe;
       return d(), y(U, _(l, {
         onMaximize: c,
         onUnmaximize: p,
-        pt: x.value
+        pt: h.value
       }), ae({
-        closeicon: f(() => [
-          w(u(P), {
+        closeicon: v(() => [
+          w(u(j), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: h
+            onClick: x
           })
         ]),
-        maximizeicon: f(() => [
-          w(u(P), {
+        maximizeicon: v(() => [
+          w(u(j), {
             "data-cy": "maximisable-icon",
             icon: i.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1664,41 +1669,41 @@ const Nt = {
       }, [
         E($.$slots, (b, k) => ({
           name: k,
-          fn: f((I) => [
-            k == "default" ? (d(), v(A, { key: 0 }, [
-              o.value.hasError ? (d(), v("div", Nt, [
-                w(de, {
+          fn: v((M) => [
+            k == "default" ? (d(), f(A, { key: 0 }, [
+              n.value.hasError ? (d(), f("div", Nt, [
+                w(se, {
                   severity: "danger",
                   "data-cy": "error",
                   class: "mb-0"
                 }, {
-                  default: f(() => [
+                  default: v(() => [
                     m("p", {
-                      class: S(o.value.message.length > 0 ? "my-auto" : "mb-0")
-                    }, F(o.value.header), 3),
-                    o.value.message.length > 0 ? (d(), v("ul", At, [
-                      (d(!0), v(A, null, E(o.value.message, (g) => (d(), v("li", { key: g }, F(g), 1))), 128))
+                      class: S(n.value.message.length > 0 ? "my-auto" : "mb-0")
+                    }, B(n.value.header), 3),
+                    n.value.message.length > 0 ? (d(), f("ul", At, [
+                      (d(!0), f(A, null, E(n.value.message, (g) => (d(), f("li", { key: g }, B(g), 1))), 128))
                     ])) : z("", !0)
                   ]),
                   _: 1
                 })
               ])) : z("", !0)
             ], 64)) : z("", !0),
-            B($.$slots, k, W(G(I || {}))),
-            n.value ? B($.$slots, "loader", { key: 1 }, () => [
+            F($.$slots, k, W(G(M || {}))),
+            o.value ? F($.$slots, "loader", { key: 1 }, () => [
               w(pe, { "data-cy": "loader" })
             ]) : z("", !0)
           ])
         })),
         $.showFooter ? {
           name: "footer",
-          fn: f(() => [
+          fn: v(() => [
             m("div", Et, [
               w(O, {
                 label: $.cancelText,
                 class: S(l.cancelClass),
                 outlined: "",
-                onClick: h,
+                onClick: x,
                 id: "cancel-button",
                 type: l.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
@@ -1731,11 +1736,11 @@ const Nt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = N(e, "modelValue"), i = j(!1), l = j(), n = () => {
+    const t = e, a = N(e, "modelValue"), i = I(!1), l = I(), o = () => {
       var $;
       i.value = !i.value, ($ = l.value) == null || $.focus();
-    }, o = async () => {
-      if (x.value)
+    }, n = async () => {
+      if (h.value)
         return !1;
       if (a.value = r.value, t.completeAction)
         try {
@@ -1749,46 +1754,46 @@ const Nt = {
       i.value = !i.value;
     }, p = () => {
       r.value = null;
-    }, { errorMessage: c, errors: h, value: r } = oe(() => t.name, void 0, {
+    }, { errorMessage: c, errors: x, value: r } = ne(() => t.name, void 0, {
       initialValue: a.value
     });
-    ne(() => {
+    oe(() => {
       r.value = a.value;
     });
-    const x = T(() => h.value.length > 0);
+    const h = T(() => x.value.length > 0);
     return ($, D) => {
-      const O = se, U = q;
-      return d(), v("div", {
+      const O = re, U = q;
+      return d(), f("div", {
         id: t.name
       }, [
-        $.readonly ? (d(), v("div", Ht, [
-          B($.$slots, "default", {}, () => [
-            m("span", Wt, F(u(r)), 1)
+        $.readonly ? (d(), f("div", Ht, [
+          F($.$slots, "default", {}, () => [
+            m("span", Wt, B(u(r)), 1)
           ])
-        ])) : (d(), v("div", qt, [
-          i.value ? (d(), v("div", Lt, [
-            J((d(), v("div", Rt, [
-              B($.$slots, "editor", {
-                class: S({ "is-invalid": x.value }),
-                editFinished: o,
+        ])) : (d(), f("div", qt, [
+          i.value ? (d(), f("div", Lt, [
+            J((d(), f("div", Rt, [
+              F($.$slots, "editor", {
+                class: S({ "is-invalid": h.value }),
+                editFinished: n,
                 cancel: s,
                 val: u(r)
               }, () => [
                 w(O, {
                   modelValue: u(r),
-                  "onUpdate:modelValue": D[0] || (D[0] = (b) => Fe(r) ? r.value = b : null),
+                  "onUpdate:modelValue": D[0] || (D[0] = (b) => Be(r) ? r.value = b : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
-                  class: S({ "is-invalid": x.value }),
+                  class: S({ "is-invalid": h.value }),
                   onKeydown: [
-                    le(o, ["enter"]),
+                    le(n, ["enter"]),
                     le(s, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              w(u(P), {
+              w(u(j), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
@@ -1796,30 +1801,30 @@ const Nt = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [u(Me), o]
+              [u(Me), n]
             ])
-          ])) : (d(), v("div", {
+          ])) : (d(), f("div", {
             key: 1,
             class: "d-flex text-muted",
-            onClick: n,
-            onFocus: n
+            onClick: o,
+            onFocus: o
           }, [
-            B($.$slots, "default", {}, () => [
+            F($.$slots, "default", {}, () => [
               m("div", {
-                class: S(["pe-2 cursor-pointer", { "text-invalid": x.value }]),
+                class: S(["pe-2 cursor-pointer", { "text-invalid": h.value }]),
                 "data-cy": "value"
-              }, F(u(r) ? u(r) : "Click to edit"), 3)
+              }, B(u(r) ? u(r) : "Click to edit"), 3)
             ]),
             w(U, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: f(() => [
-                w(u(P), {
+              default: v(() => [
+                w(u(j), {
                   icon: "bi:pencil",
-                  class: S(x.value ? "text-invalid" : "text-muted"),
+                  class: S(h.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: le(n, ["enter"])
+                  onKeydown: le(o, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
@@ -1829,13 +1834,13 @@ const Nt = {
         J(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, F(u(c)), 513), [
-          [Z, x.value]
+        }, B(u(c)), 513), [
+          [X, h.value]
         ])
       ], 8, Ut);
     };
   }
-}), Yt = ["href"], ol = /* @__PURE__ */ C({
+}), Yt = ["href"], nl = /* @__PURE__ */ C({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1884,20 +1889,20 @@ const Nt = {
       pt: a.value,
       "data-cy": "navbar"
     }), ae({
-      start: f(() => [
+      start: v(() => [
         m("a", {
           href: i.logoUrl,
           class: "navbar-brand ms-3",
           "data-cy": "logo"
         }, [
-          B(i.$slots, "logo", {}, () => [
-            l[0] || (l[0] = M(" Logo "))
+          F(i.$slots, "logo", {}, () => [
+            l[0] || (l[0] = P(" Logo "))
           ])
         ], 8, Yt)
       ]),
-      buttonicon: f(() => [
-        B(i.$slots, "buttonIcon", {}, () => [
-          w(u(P), {
+      buttonicon: v(() => [
+        F(i.$slots, "buttonIcon", {}, () => [
+          w(u(j), {
             icon: "bi:list",
             class: S(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
@@ -1907,10 +1912,10 @@ const Nt = {
       ]),
       _: 2
     }, [
-      E(i.$slots, (n, o) => ({
-        name: o,
-        fn: f((s) => [
-          B(i.$slots, o, W(G(s)))
+      E(i.$slots, (o, n) => ({
+        name: n,
+        fn: v((s) => [
+          F(i.$slots, n, W(G(s)))
         ])
       }))
     ]), 1040, ["pt"]));
@@ -1939,11 +1944,11 @@ const Nt = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, a = N(e, "modelValue"), i = (l) => {
-      a.value = a.value.filter((n) => n.id !== l);
+      a.value = a.value.filter((o) => o.id !== l);
     };
-    return (l, n) => {
-      const o = re, s = q;
-      return d(), v("div", {
+    return (l, o) => {
+      const n = de, s = q;
+      return d(), f("div", {
         class: S(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
@@ -1951,21 +1956,21 @@ const Nt = {
           class: S(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          w(o, _({
+          w(n, _({
             modelValue: a.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (p) => a.value = p)
+            "onUpdate:modelValue": o[0] || (o[0] = (p) => a.value = p)
           }, { ...l.$attrs }, {
             options: t.options ?? [],
             optionLabel: "label",
             placeholder: l.multiselectPlaceholder,
             "data-cy": "multiselect"
           }), {
-            default: f(() => [
-              (d(!0), v(A, null, E(l.$slots, (p, c) => B(l.$slots, c, { slot: c })), 256))
+            default: v(() => [
+              (d(!0), f(A, null, E(l.$slots, (p, c) => F(l.$slots, c, { slot: c })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
-          B(l.$slots, "after-multi-select")
+          F(l.$slots, "after-multi-select")
         ], 2),
         m("div", {
           class: S(l.orientation === "row" ? "col-12" : "col"),
@@ -1976,13 +1981,13 @@ const Nt = {
             class: "overflow-auto"
           }, [
             m("div", Jt, [
-              l.title ? (d(), v("div", Kt, F(l.title), 1)) : z("", !0),
-              (d(!0), v(A, null, E(a.value, (p) => (d(), v("div", {
+              l.title ? (d(), f("div", Kt, B(l.title), 1)) : z("", !0),
+              (d(!0), f(A, null, E(a.value, (p) => (d(), f("div", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                B(l.$slots, "list-item", { item: p }, () => [
-                  m("span", Zt, F(p.shortLabel ? p.shortLabel : p.label), 1)
+                F(l.$slots, "list-item", { item: p }, () => [
+                  m("span", Zt, B(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
                 l.canRemoveItemFromPreview ? (d(), y(s, {
                   key: 0,
@@ -1990,8 +1995,8 @@ const Nt = {
                   class: "m-0 p-0 d-flex align-items-center",
                   onClick: (c) => i(p.id)
                 }, {
-                  default: f(() => [
-                    w(u(P), {
+                  default: v(() => [
+                    w(u(j), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${p.id}`
@@ -2000,7 +2005,7 @@ const Nt = {
                   _: 2
                 }, 1032, ["onClick"])) : z("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (d(), v("div", Xt, F(t.optionsPreviewEmptyText), 1)) : z("", !0)
+              a.value == null || a.value.length == 0 ? (d(), f("div", Xt, B(t.optionsPreviewEmptyText), 1)) : z("", !0)
             ])
           ], 4)
         ], 2)
@@ -2020,14 +2025,14 @@ const Nt = {
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), v("div", ea, [
-      m("h3", ta, F(t.title), 1),
+    return (a, i) => (d(), f("div", ea, [
+      m("h3", ta, B(t.title), 1),
       m("div", aa, [
-        B(a.$slots, "default")
+        F(a.$slots, "default")
       ])
     ]));
   }
-}), ia = { class: "d-flex" }, la = { "data-cy": "before-slot" }, na = { class: "position-relative w-100" }, oa = { "data-cy": "after-slot" }, he = /* @__PURE__ */ C({
+}), ia = { class: "d-flex" }, la = { "data-cy": "before-slot" }, oa = { class: "position-relative w-100" }, na = { "data-cy": "after-slot" }, xe = /* @__PURE__ */ C({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ R({
     severity: { default: "primary" },
@@ -2102,12 +2107,12 @@ const Nt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = N(e, "modelValue"), { errors: i, errorMessage: l, handleChange: n, handleBlur: o, setValue: s } = oe(() => t.name, void 0, {
+    const t = e, a = N(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: n, setValue: s } = ne(() => t.name, void 0, {
       initialValue: a.value
     }), p = () => {
       s(null), a.value = null;
-    }, c = T(() => i.value.length > 0), h = T(() => ({
-      day: ({ context: r, props: x, attrs: $ }) => ({
+    }, c = T(() => i.value.length > 0), x = T(() => ({
+      day: ({ context: r, props: h, attrs: $ }) => ({
         class: [
           "d-flex justify-content-center align-items-center",
           {
@@ -2122,8 +2127,8 @@ const Nt = {
             //This is used to show which dates should be shows as 'disabled'. The first part of logic is used to only (due to prime vue passing 
             //disabled for otherMonth dates) show the disabled styling for current calendar dates. The second part of logic is used to set the 
             //disabled state for dates out of the min/max date range, as they would also come through the context as disabled dates without knowing why
-            "text-grey-300": r.disabled && !r.otherMonth || x.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < x.minDate || x.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > x.maxDate,
-            "fw-500": r.disabled && !r.otherMonth || x.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < x.minDate || x.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > x.maxDate
+            "text-grey-300": r.disabled && !r.otherMonth || h.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < h.minDate || h.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > h.maxDate,
+            "fw-500": r.disabled && !r.otherMonth || h.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < h.minDate || h.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > h.maxDate
           },
           // Severities
           {
@@ -2211,49 +2216,49 @@ const Nt = {
         ]
       })
     }));
-    return (r, x) => {
+    return (r, h) => {
       const $ = De;
-      return d(), v(A, null, [
+      return d(), f(A, null, [
         m("div", ia, [
           m("span", la, [
-            B(r.$slots, "before")
+            F(r.$slots, "before")
           ]),
-          m("div", na, [
+          m("div", oa, [
             w($, _({ ...t, ...r.$attrs }, {
-              pt: h.value,
+              pt: x.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
-                x[0] || (x[0] = (D) => a.value = D),
-                u(n)
+                h[0] || (h[0] = (D) => a.value = D),
+                u(o)
               ],
-              onBlur: x[1] || (x[1] = () => u(o)),
+              onBlur: h[1] || (h[1] = () => u(n)),
               "input-class": { "text-truncate": !0, "datepicker-invalid": c.value, "pe-5": t.showIcon && t.modelValue, "pe-4": (t.showIcon || t.modelValue) && !(t.showIcon && t.modelValue) }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            J(w(u(P), {
+            J(w(u(j), {
               "data-cy": "icon",
               icon: "bi:calendar4",
               class: S(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white pe-none", `${c.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
-              [Z, t.showIcon && !t.inline]
+              [X, t.showIcon && !t.inline]
             ]),
-            J(w(u(P), {
+            J(w(u(j), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
               class: S(["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"]), [
-              [Z, t.modelValue && !t.inline]
+              [X, t.modelValue && !t.inline]
             ])
           ]),
-          m("span", oa, [
-            B(r.$slots, "after")
+          m("span", na, [
+            F(r.$slots, "after")
           ])
         ]),
         J(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, F(u(l)), 513), [
-          [Z, c.value]
+        }, B(u(l)), 513), [
+          [X, c.value]
         ])
       ], 64);
     };
@@ -2266,9 +2271,9 @@ const Nt = {
   },
   setup(e) {
     const t = e, a = T(() => t.maxCount - t.currentCount);
-    return (i, l) => (d(), v("div", {
+    return (i, l) => (d(), f("div", {
       class: S(a.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + F(a.value), 3));
+    }, "Remaining characters: " + B(a.value), 3));
   }
 }), sa = { class: "d-flex justify-content-between" }, dl = /* @__PURE__ */ C({
   __name: "ForgeForm",
@@ -2282,7 +2287,7 @@ const Nt = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = j(!1), i = j({
+    const t = e, a = I(!1), i = I({
       hasError: !1,
       message: ""
     });
@@ -2290,67 +2295,67 @@ const Nt = {
       a.value = !0, i.value.hasError = !1;
       try {
         await t.onSubmit();
-      } catch (n) {
-        i.value.hasError = !0, n.message && (i.value.message = n.message);
+      } catch (o) {
+        i.value.hasError = !0, o.message && (i.value.message = o.message);
       }
       a.value = !1;
     }
-    return (n, o) => {
+    return (o, n) => {
       const s = q;
-      return d(), v("form", _(n.$attrs, {
+      return d(), f("form", _(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: X(l, ["prevent"])
+        onSubmit: Q(l, ["prevent"])
       }), [
-        n.hideTitle ? z("", !0) : (d(), v(A, { key: 0 }, [
-          B(n.$slots, "title", {}, () => [
+        o.hideTitle ? z("", !0) : (d(), f(A, { key: 0 }, [
+          F(o.$slots, "title", {}, () => [
             m("h3", {
-              class: S(n.titleClass),
+              class: S(o.titleClass),
               "data-cy": "form-title"
-            }, F(n.title), 3)
+            }, B(o.title), 3)
           ]),
-          o[1] || (o[1] = m("hr", null, null, -1))
+          n[1] || (n[1] = m("hr", null, null, -1))
         ], 64)),
-        i.value.hasError ? (d(), y(de, {
+        i.value.hasError ? (d(), y(se, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: f(() => [
-            B(n.$slots, "error", {
+          default: v(() => [
+            F(o.$slots, "error", {
               error: i.value.message
             }, () => [
-              M(F(i.value.message), 1)
+              P(B(i.value.message), 1)
             ])
           ]),
           _: 3
         })) : z("", !0),
-        B(n.$slots, "default"),
+        F(o.$slots, "default"),
         m("div", sa, [
-          B(n.$slots, "cancel", {}, () => [
-            n.hideCancel ? z("", !0) : (d(), y(s, {
+          F(o.$slots, "cancel", {}, () => [
+            o.hideCancel ? z("", !0) : (d(), y(s, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: o[0] || (o[0] = (p) => n.$emit("cancel"))
+              onClick: n[0] || (n[0] = (p) => o.$emit("cancel"))
             }, {
-              default: f(() => [
-                M(F(n.cancelText), 1)
+              default: v(() => [
+                P(B(o.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          B(n.$slots, "submit", { submit: l }, () => [
+          F(o.$slots, "submit", { submit: l }, () => [
             w(s, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: f(() => [
-                M(F(n.submitText), 1)
+              default: v(() => [
+                P(B(o.submitText), 1)
               ]),
               _: 1
             })
@@ -2386,24 +2391,24 @@ const Nt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = e, i = (h) => {
-      a.type == "number" ? s(h.value) : s(h);
-    }, { errors: l, value: n, errorMessage: o, handleChange: s, handleBlur: p } = oe(() => a.name, void 0, {
+    const t = N(e, "modelValue"), a = e, i = (x) => {
+      a.type == "number" ? s(x.value) : s(x);
+    }, { errors: l, value: o, errorMessage: n, handleChange: s, handleBlur: p } = ne(() => a.name, void 0, {
       initialValue: t.value
     }), c = T(() => l.value.length > 0);
-    return Q(() => n.value, (h) => {
-      t.value = h;
-    }, { immediate: !0 }), (h, r) => {
-      const x = Ne, $ = Oe, D = se, O = ie, U = re, b = he;
+    return K(() => o.value, (x) => {
+      t.value = x;
+    }, { immediate: !0 }), (x, r) => {
+      const h = Ne, $ = Oe, D = re, O = ie, U = de, b = xe;
       return a.type === "checkbox" ? (d(), y(ye, _({
         key: 0,
         id: a.name,
         label: a.fieldLabel
-      }, h.$attrs, {
+      }, x.$attrs, {
         name: a.name,
         modelValue: t.value,
         "onUpdate:modelValue": r[0] || (r[0] = (k) => t.value = k)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), v("div", ra, [
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), f("div", ra, [
         m("div", {
           "data-cy": "input-wrapper",
           class: S(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
@@ -2412,24 +2417,24 @@ const Nt = {
             for: a.name,
             class: S(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, [
-            M(F(a.fieldLabel) + " ", 1),
-            h.required ? (d(), v("span", pa, "*")) : z("", !0)
+            P(B(a.fieldLabel) + " ", 1),
+            x.required ? (d(), f("span", pa, "*")) : z("", !0)
           ], 10, da),
-          B(h.$slots, "default", W(G({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
+          F(x.$slots, "default", W(G({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
             a.type === "number" ? (d(), y(u(fe), _({
               key: 0,
               id: a.name
-            }, h.$attrs, {
+            }, x.$attrs, {
               placeholder: a.placeholder,
               "input-class": { "is-invalid": c.value },
               class: { "is-invalid": c.value },
               onInput: i,
               modelValue: t.value,
               "onUpdate:modelValue": r[1] || (r[1] = (k) => t.value = k)
-            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), y(x, _({
+            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), y(h, _({
               key: 1,
               id: a.name
-            }, h.$attrs, {
+            }, x.$attrs, {
               placeholder: a.placeholder,
               class: { "is-invalid": c.value },
               modelValue: t.value,
@@ -2439,7 +2444,7 @@ const Nt = {
             }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), y($, _({
               key: 2,
               id: a.name
-            }, h.$attrs, {
+            }, x.$attrs, {
               placeholder: a.placeholder,
               mask: a.mask,
               class: { "is-invalid": c.value },
@@ -2450,26 +2455,26 @@ const Nt = {
             }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), y(D, _({
               key: 3,
               id: a.name
-            }, h.$attrs, {
+            }, x.$attrs, {
               placeholder: a.placeholder,
               class: { "is-invalid": c.value },
               modelValue: t.value,
               "onUpdate:modelValue": r[4] || (r[4] = (k) => t.value = k),
               onInput: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), y(O, _({ key: 4 }, { ...a, ...h.$attrs }, {
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), y(O, _({ key: 4 }, { ...a, ...x.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": r[5] || (r[5] = (k) => t.value = k),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), y(U, _({ key: 5 }, { ...a, ...h.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), y(U, _({ key: 5 }, { ...a, ...x.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": r[6] || (r[6] = (k) => t.value = k),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), y(Qt, _({ key: 6 }, { ...a, ...h.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), y(Qt, _({ key: 6 }, { ...a, ...x.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": r[7] || (r[7] = (k) => t.value = k),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), y(b, _({ key: 7 }, { ...a, ...h.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), y(b, _({ key: 7 }, { ...a, ...x.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": r[8] || (r[8] = (k) => t.value = k),
               class: { "is-invalid": c.value }
@@ -2479,8 +2484,8 @@ const Nt = {
         J(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, F(u(o)), 513), [
-          [Z, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
+        }, B(u(n)), 513), [
+          [X, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
     };
@@ -2520,10 +2525,10 @@ const Nt = {
       ]
     }));
     return (i, l) => {
-      const n = Ae;
-      return d(), y(n, _({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
-        default: f(() => [
-          (d(!0), v(A, null, E(i.$slots, (o, s) => B(i.$slots, s, { slot: s })), 256))
+      const o = Ae;
+      return d(), y(o, _({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+        default: v(() => [
+          (d(!0), f(A, null, E(i.$slots, (n, s) => F(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2566,7 +2571,7 @@ const Nt = {
         default:
           return "bg-primary";
       }
-    }), n = T(() => ({
+    }), o = T(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2574,11 +2579,11 @@ const Nt = {
         class: [l.value, a.value, i.value, "progress-bar"]
       }
     }));
-    return (o, s) => {
+    return (n, s) => {
       const p = Ee;
-      return d(), y(p, _({ ...o.$attrs, ...t }, { pt: n.value }), {
-        default: f(() => [
-          B(o.$slots, "default")
+      return d(), y(p, _({ ...n.$attrs, ...t }, { pt: o.value }), {
+        default: v(() => [
+          F(n.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2896,15 +2901,15 @@ var ca = /* @__PURE__ */ C({
         e && this.save();
       });
     },
-    wrapText(e, t, a, i, l, n) {
-      const o = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
-      var p = t.split(o).filter((O) => O.length > 0);
+    wrapText(e, t, a, i, l, o) {
+      const n = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
+      var p = t.split(n).filter((O) => O.length > 0);
       for (let O = 0; O < p.length; O++) {
-        for (var c = p[O].split(s).filter((U) => U.length > 0), h = "", r = 0; r < c.length; r++) {
-          var x = h + c[r] + " ", $ = e.measureText(x), D = $.width;
-          D > l && r > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(h, a, i) : e.fillText(h, a, i), h = c[r] + " ", i += n) : h = x;
+        for (var c = p[O].split(s).filter((U) => U.length > 0), x = "", r = 0; r < c.length; r++) {
+          var h = x + c[r] + " ", $ = e.measureText(h), D = $.width;
+          D > l && r > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(x, a, i) : e.fillText(x, a, i), x = c[r] + " ", i += o) : x = h;
         }
-        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(h, a, i) : e.fillText(h, a, i), i += c.length > 0 ? n : 0;
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(x, a, i) : e.fillText(x, a, i), i += c.length > 0 ? o : 0;
       }
     },
     save() {
@@ -2921,23 +2926,23 @@ var ca = /* @__PURE__ */ C({
     drawWatermark(e, t, a) {
       if (a.type === "Image") {
         let i = a.imageStyle ? a.imageStyle.width ? a.imageStyle.width : Number(this.width) : Number(this.width), l = a.imageStyle ? a.imageStyle.height ? a.imageStyle.height : Number(this.height) : Number(this.height);
-        const n = new Image();
-        n.src = a.source, n.onload = () => {
-          a && t && t.drawImage(n, a.x, a.y, Number(i), Number(l));
-          let o = document.createElement("canvas"), s = o.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, c = this.outputHeight === void 0 ? this.height : this.outputHeight;
-          if (o.width = Number(p), o.height = Number(c), s)
-            return s.drawImage(e, 0, 0, Number(p), Number(c)), this.$emit("update:image", o.toDataURL("image/" + this.saveAs, 1)), o.toDataURL("image/" + this.saveAs, 1);
+        const o = new Image();
+        o.src = a.source, o.onload = () => {
+          a && t && t.drawImage(o, a.x, a.y, Number(i), Number(l));
+          let n = document.createElement("canvas"), s = n.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, c = this.outputHeight === void 0 ? this.height : this.outputHeight;
+          if (n.width = Number(p), n.height = Number(c), s)
+            return s.drawImage(e, 0, 0, Number(p), Number(c)), this.$emit("update:image", n.toDataURL("image/" + this.saveAs, 1)), n.toDataURL("image/" + this.saveAs, 1);
         };
       } 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, x;
-          a.fontStyle && a.fontStyle.width ? r = a.x + Math.floor(a.fontStyle.width / 2) : r = a.x, a.fontStyle && a.fontStyle.lineHeight ? x = a.y + Math.floor(a.fontStyle.lineHeight / 2) : x = a.y, t.translate(r, x), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(r * -1, x * -1);
+        let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", l = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", o = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", n = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
+        if (t.font = i, t.textAlign = l, t.textBaseline = o, a.fontStyle && a.fontStyle.rotate) {
+          let r, h;
+          a.fontStyle && a.fontStyle.width ? r = a.x + Math.floor(a.fontStyle.width / 2) : r = a.x, a.fontStyle && a.fontStyle.lineHeight ? h = a.y + Math.floor(a.fontStyle.lineHeight / 2) : h = a.y, t.translate(r, h), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(r * -1, h * -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, h = this.outputHeight === void 0 ? this.height : this.outputHeight;
-        if (s.width = Number(c), s.height = Number(h), p)
-          return p.drawImage(e, 0, 0, Number(c), Number(h)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 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 = n, 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, x = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (s.width = Number(c), s.height = Number(x), p)
+          return p.drawImage(e, 0, 0, Number(c), Number(x)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
       }
     },
     isEmpty() {
@@ -2988,7 +2993,7 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = ze("drawingCanvas"), n = j(), o = () => {
+    const a = e, i = t, l = ze("drawingCanvas"), o = I(), n = () => {
       l == null || l.value.reset();
     }, s = () => {
       l == null || l.value.redo();
@@ -2997,66 +3002,70 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
     }, c = () => {
       i("save", l.value.isEmpty());
     };
-    return (h, r) => {
-      const x = q;
-      return d(), v("div", ua, [
+    return (x, r) => {
+      const h = q;
+      return d(), f("div", ua, [
         w(u(ca), _({
           ref_key: "drawingCanvas",
           ref: l,
-          image: n.value,
-          "onUpdate:image": r[0] || (r[0] = ($) => n.value = $),
+          image: o.value,
+          "onUpdate:image": r[0] || (r[0] = ($) => o.value = $),
           "data-cy": "drawing-canvas",
           class: "border canvas"
-        }, { ...h.$attrs }, {
-          height: h.height,
-          width: h.width,
-          style: `height: ${h.height}px; width: ${h.width}px`,
-          "line-join": h.lineJoin
+        }, { ...x.$attrs }, {
+          height: x.height,
+          width: x.width,
+          style: `height: ${x.height}px; width: ${x.width}px`,
+          "line-join": x.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
         m("div", ma, [
-          a.showUndo ? (d(), y(x, {
+          a.showUndo ? (d(), y(h, {
             key: 0,
             onClick: p,
             outlined: "",
             "data-cy": "undo-button"
           }, {
-            default: f(() => r[1] || (r[1] = [
-              M("Undo")
+            default: v(() => r[1] || (r[1] = [
+              P("Undo")
             ])),
-            _: 1
+            _: 1,
+            __: [1]
           })) : z("", !0),
-          a.showRedo ? (d(), y(x, {
+          a.showRedo ? (d(), y(h, {
             key: 1,
             onClick: s,
             outlined: "",
             "data-cy": "redo-button"
           }, {
-            default: f(() => r[2] || (r[2] = [
-              M("Redo")
+            default: v(() => r[2] || (r[2] = [
+              P("Redo")
             ])),
-            _: 1
+            _: 1,
+            __: [2]
           })) : z("", !0),
-          a.showClear ? (d(), y(x, {
+          a.showClear ? (d(), y(h, {
             key: 2,
-            onClick: o,
+            onClick: n,
             outlined: "",
             "data-cy": "clear-button"
           }, {
-            default: f(() => r[3] || (r[3] = [
-              M("Clear")
+            default: v(() => r[3] || (r[3] = [
+              P("Clear")
             ])),
-            _: 1
+            _: 1,
+            __: [3]
           })) : z("", !0),
-          a.showSave ? (d(), y(x, {
+          a.showSave ? (d(), y(h, {
             key: 3,
             onClick: c,
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
-            default: f(() => r[4] || (r[4] = [
-              M("Save")
+            default: v(() => r[4] || (r[4] = [
+              P("Save")
             ])),
-            _: 1
+            _: 1,
+            __: [4]
           })) : z("", !0)
         ])
       ]);
@@ -3070,11 +3079,11 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), v("div", _(a.$attrs, {
+    return (a, i) => (d(), f("div", _(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", va, [
-        B(a.$slots, "default")
+        F(a.$slots, "default")
       ])
     ], 16));
   }
@@ -3126,17 +3135,17 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
       })
     }));
     return (i, l) => (d(), y(u(qe), { value: i.currentStep }, {
-      default: f(() => [
+      default: v(() => [
         w(u(Le), null, {
-          default: f(() => [
-            (d(!0), v(A, null, E(i.steps, (n) => (d(), y(u(Ue), _({
-              key: n.value,
-              value: n.value,
-              disabled: n.disabled,
+          default: v(() => [
+            (d(!0), f(A, null, E(i.steps, (o) => (d(), y(u(Ue), _({
+              key: o.value,
+              value: o.value,
+              disabled: o.disabled,
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
-              default: f(() => [
-                i.showStepLabel ? (d(), v("div", fa, F(n.label), 1)) : z("", !0)
+              default: v(() => [
+                i.showStepLabel ? (d(), f("div", fa, B(o.label), 1)) : z("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
@@ -3144,13 +3153,13 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
           _: 1
         }),
         w(u(He), null, {
-          default: f(() => [
-            (d(!0), v(A, null, E(i.steps, (n) => (d(), y(u(Re), {
-              key: n.value,
-              value: n.value
+          default: v(() => [
+            (d(!0), f(A, null, E(i.steps, (o) => (d(), y(u(Re), {
+              key: o.value,
+              value: o.value
             }, {
-              default: f(() => [
-                B(i.$slots, "step" + n.value)
+              default: v(() => [
+                F(i.$slots, "step" + o.value)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -3171,31 +3180,31 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e, a = T(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = T(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
-    return (l, n) => {
-      const o = q;
-      return t.clickable ? (d(), y(o, {
+    return (l, o) => {
+      const n = q;
+      return t.clickable ? (d(), y(n, {
         key: 0,
         class: S(["d-flex w-100 p-0 text-body", a.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: f(() => [
+        default: v(() => [
           m("div", ga, [
-            B(l.$slots, "default", {}, () => [
-              n[0] || (n[0] = M("Tile Content"))
+            F(l.$slots, "default", {}, () => [
+              o[0] || (o[0] = P("Tile Content"))
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (d(), v("div", {
+      }, 8, ["severity", "class"])) : (d(), f("div", {
         key: 1,
         class: S(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
         m("div", ba, [
-          B(l.$slots, "default", {}, () => [
-            n[1] || (n[1] = M("Tile Content"))
+          F(l.$slots, "default", {}, () => [
+            o[1] || (o[1] = P("Tile Content"))
           ])
         ])
       ], 2));
@@ -3208,10 +3217,10 @@ function ee(e, t) {
 const ya = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, ha = { class: "ms-2" }, xa = { key: 0 }, wa = {
+}, xa = { class: "ms-2" }, ha = { key: 0 }, wa = {
   class: "w-auto",
   "data-cy": "total"
-}, xe = /* @__PURE__ */ C({
+}, he = /* @__PURE__ */ C({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -3220,15 +3229,15 @@ const ya = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = (o) => {
-      a("update:perPage", o.value);
-    }, n = T(() => {
-      const o = Math.ceil(i.total / i.perPage);
-      return `${o} ${ee(o, "page")}`;
+    const a = t, i = e, l = (n) => {
+      a("update:perPage", n.value);
+    }, o = T(() => {
+      const n = Math.ceil(i.total / i.perPage);
+      return `${n} ${ee(n, "page")}`;
     });
-    return (o, s) => (d(), v("div", ya, [
-      s[2] || (s[2] = M(" Number of results per page ")),
-      m("div", ha, [
+    return (n, s) => (d(), f("div", ya, [
+      s[2] || (s[2] = P(" Number of results per page ")),
+      m("div", xa, [
         w(u(ie), {
           options: i.pageSizes,
           "model-value": i.perPage,
@@ -3237,13 +3246,13 @@ const ya = {
           "data-cy": "pagination-page-size-select"
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (d(), v("div", xa, [
+      i.total ? (d(), f("div", ha, [
         s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", wa, F(i.total) + " " + F(u(ee)(i.total, "result")) + " across " + F(n.value), 1)
+        m("span", wa, B(i.total) + " " + B(u(ee)(i.total, "result")) + " across " + B(o.value), 1)
       ])) : z("", !0)
     ]));
   }
-}), ka = { class: "position-relative" }, $a = { "data-cy": "above-table-slot" }, Ba = { class: "d-flex w-100" }, Fa = {
+}), ka = { class: "position-relative" }, $a = { "data-cy": "above-table-slot" }, Fa = { class: "d-flex w-100" }, Ba = {
   class: "mx-auto",
   "data-cy": "empty-message"
 }, Sa = { class: "d-flex" }, Ca = { class: "d-flex align-items-end mb-2" }, za = { key: 0 }, Ta = { class: "ms-auto" }, bl = /* @__PURE__ */ C({
@@ -3333,21 +3342,21 @@ const ya = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = j(), n = j([5, 10, 20, 50, 100]), o = j(i.perPage ?? 10), s = j({
+    const a = t, i = e, l = I(), o = I([5, 10, 20, 50, 100]), n = I(i.perPage ?? 10), s = I({
       filters: i.filters,
-      perPage: o.value,
+      perPage: n.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: i.totalRecords ?? i.value.length
     });
-    Q(() => i.perPage, (b) => {
-      b && (o.value = b, s.value.perPage = b);
+    K(() => i.perPage, (b) => {
+      b && (n.value = b, s.value.perPage = b);
     });
     const p = T(() => i.totalRecords ?? i.value.length), c = T(() => {
-      const b = Math.ceil(p.value / o.value);
+      const b = Math.ceil(p.value / n.value);
       return `${b} ${ee(b, "page")}`;
-    }), h = T(() => ({
+    }), x = T(() => ({
       thead: () => ({
         class: [
           {
@@ -3377,7 +3386,7 @@ const ya = {
         for (const b in i.filters)
           typeof i.filters[b] == "string" ? i.filters[b] = "" : i.filters[b].value = null;
       D(i.filters);
-    }, x = () => {
+    }, h = () => {
       l.value.exportCSV();
     }, $ = (b) => {
       var k;
@@ -3387,19 +3396,19 @@ const ya = {
     }, O = (b) => {
       s.value.page = b.page, a("update:tableContext", s.value), a("page", b);
     }, U = () => {
-      s.value.perPage = o.value, a("update:tableContext", s.value);
+      s.value.perPage = n.value, a("update:tableContext", s.value);
     };
-    return Q(() => i.filters, (b) => {
+    return K(() => i.filters, (b) => {
       s.value.filters = b, a("update:tableContext", s.value);
-    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (b, k) => (d(), v("div", ka, [
+    }, { deep: !0 }), oe(() => a("update:tableContext", s.value)), (b, k) => (d(), f("div", ka, [
       m("span", $a, [
-        B(b.$slots, "above-table")
+        F(b.$slots, "above-table")
       ]),
       w(u(We), _({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
       }, { ...i, ...b.$attrs }, {
-        pt: h.value,
-        rows: o.value,
+        pt: x.value,
+        rows: n.value,
         "total-records": p.value,
         "filter-display": i.filters ? "row" : void 0,
         ref_key: "forgeTable",
@@ -3410,24 +3419,24 @@ const ya = {
         onPage: O,
         showHeaders: ""
       }), ae({
-        empty: f(() => [
-          m("div", Ba, [
-            m("h5", Fa, F(b.emptyMessage ?? "No items Found."), 1)
+        empty: v(() => [
+          m("div", Fa, [
+            m("h5", Ba, B(b.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
-        header: f(() => [
+        header: v(() => [
           m("div", {
             class: S(i.loading ? "opacity-50" : "")
           }, [
             m("div", Sa, [
               m("div", Ca, [
-                b.paginator && !b.legacyPaginationFooter ? (d(), v("span", za, [
-                  w(xe, {
+                b.paginator && !b.legacyPaginationFooter ? (d(), f("span", za, [
+                  w(he, {
                     total: p.value,
-                    "page-sizes": n.value,
-                    "per-page": o.value,
+                    "page-sizes": o.value,
+                    "per-page": n.value,
                     "onUpdate:perPage": [
-                      k[0] || (k[0] = (I) => o.value = I),
+                      k[0] || (k[0] = (M) => n.value = M),
                       U
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
@@ -3441,60 +3450,62 @@ const ya = {
                   onClick: r,
                   "data-cy": "clear-all"
                 }, {
-                  default: f(() => [
-                    w(u(P), {
+                  default: v(() => [
+                    w(u(j), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    k[2] || (k[2] = M(" Clear "))
+                    k[2] || (k[2] = P(" Clear "))
                   ]),
-                  _: 1
+                  _: 1,
+                  __: [2]
                 }, 8, ["class"])) : z("", !0),
                 b.showExporterButton ? (d(), y(u(q), {
                   key: 1,
                   outlined: "",
-                  onClick: x,
+                  onClick: h,
                   "data-cy": "exporter"
                 }, {
-                  default: f(() => [
-                    w(u(P), {
+                  default: v(() => [
+                    w(u(j), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
-                    k[3] || (k[3] = M(" Export "))
+                    k[3] || (k[3] = P(" Export "))
                   ]),
-                  _: 1
+                  _: 1,
+                  __: [3]
                 })) : z("", !0),
-                B(b.$slots, "column-customiser")
+                F(b.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
-        default: f(() => [
-          B(b.$slots, "default")
+        default: v(() => [
+          F(b.$slots, "default")
         ]),
         _: 2
       }, [
-        E(b.$slots, (I, g) => ({
+        E(b.$slots, (M, g) => ({
           name: g,
-          fn: f((V) => [
-            B(b.$slots, g, W(G(V || {})))
+          fn: v((V) => [
+            F(b.$slots, g, W(G(V || {})))
           ])
         })),
         b.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: f(() => [
+          fn: v(() => [
             m("span", {
               class: S(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
               k[4] || (k[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
               w(u(ie), {
-                options: n.value,
-                modelValue: o.value,
-                "onUpdate:modelValue": k[1] || (k[1] = (I) => o.value = I),
+                options: o.value,
+                modelValue: n.value,
+                "onUpdate:modelValue": k[1] || (k[1] = (M) => n.value = M),
                 class: "ms-2",
                 onClick: U
               }, null, 8, ["options", "modelValue"])
@@ -3504,18 +3515,18 @@ const ya = {
         } : void 0,
         b.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: f(() => [
+          fn: v(() => [
             m("span", {
               "data-cy": "legacy-total",
               class: S(i.loading ? "opacity-50" : "")
-            }, F(p.value) + " " + F(u(ee)(p.value, "result")) + " across " + F(c.value), 3)
+            }, B(p.value) + " " + B(u(ee)(p.value, "result")) + " across " + B(c.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), _a = { class: "position-relative" }, Pa = { "data-cy": "above-table-slot" }, ja = { class: "d-flex w-100" }, Ia = {
+}), _a = { class: "position-relative" }, ja = { "data-cy": "above-table-slot" }, Ia = { class: "d-flex w-100" }, Pa = {
   class: "mx-auto",
   "data-cy": "empty-message"
 }, Ma = { class: "d-flex" }, Va = { class: "d-flex align-items-end mb-2" }, Da = { key: 0 }, Oa = { class: "ms-auto" }, yl = /* @__PURE__ */ C({
@@ -3579,15 +3590,15 @@ const ya = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = j([5, 10, 20, 50, 100]), n = j(10), o = j(0), s = j(0), p = j({
+    const a = e, i = t, l = I([5, 10, 20, 50, 100]), o = I(10), n = I(0), s = I(0), p = I({
       filters: a.filters,
-      perPage: n.value,
+      perPage: o.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: a.totalRecords ?? a.value.length
-    }), c = T(() => a.totalRecords ?? a.value.length), h = T(() => {
-      const g = Math.ceil(c.value / n.value);
+    }), c = T(() => a.totalRecords ?? a.value.length), x = T(() => {
+      const g = Math.ceil(c.value / o.value);
       return `${g} ${ee(g, "page")}`;
     }), r = T(() => ({
       root: "position-relative",
@@ -3624,10 +3635,10 @@ const ya = {
         }
       ]
     }));
-    Q(() => a.parentExpanderFullRow, (g) => {
-      g ? x() : $();
+    K(() => a.parentExpanderFullRow, (g) => {
+      g ? h() : $();
     });
-    const x = () => {
+    const h = () => {
       a.parentExpanderFullRow && setTimeout(
         () => {
           const g = Array.from(
@@ -3668,60 +3679,60 @@ const ya = {
       U(a.filters);
     }, O = (g) => {
       var V;
-      p.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((V = g.sortField) == null ? void 0 : V.toString()) ?? "", i("update:tableContext", p.value), i("sort", g), x();
+      p.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((V = g.sortField) == null ? void 0 : V.toString()) ?? "", i("update:tableContext", p.value), i("sort", g), h();
     }, U = (g) => {
-      p.value.filters = g, i("update:tableContext", p.value), i("update:filters", g), x();
+      p.value.filters = g, i("update:tableContext", p.value), i("update:filters", g), h();
     }, b = (g) => {
-      p.value.page = s.value = g.page, I(), i("update:tableContext", p.value), i("page", g), x();
+      p.value.page = s.value = g.page, M(), i("update:tableContext", p.value), i("page", g), h();
     }, k = () => {
-      p.value.perPage = n.value, s.value = 0, p.value.page = s.value = Math.floor(o.value / n.value), I(), i("update:tableContext", p.value), x();
+      p.value.perPage = o.value, s.value = 0, p.value.page = s.value = Math.floor(n.value / o.value), M(), i("update:tableContext", p.value), h();
     };
-    Q(() => a.filters, (g) => {
+    K(() => a.filters, (g) => {
       p.value.filters = g, i("update:tableContext", p.value);
-    }, { deep: !0 }), Q(() => a.value, () => {
-      x();
-    }), ne(() => {
-      x(), i("update:tableContext", p.value);
+    }, { deep: !0 }), K(() => a.value, () => {
+      h();
+    }), oe(() => {
+      h(), i("update:tableContext", p.value);
     });
-    const I = () => {
-      o.value = s.value * n.value;
+    const M = () => {
+      n.value = s.value * o.value;
     };
-    return (g, V) => (d(), v("div", _a, [
-      m("span", Pa, [
-        B(g.$slots, "above-table")
+    return (g, V) => (d(), f("div", _a, [
+      m("span", ja, [
+        F(g.$slots, "above-table")
       ]),
       w(u(Ge), _({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
       }, { ...a, ...g.$attrs }, {
         pt: r.value,
         "filter-display": a.filters ? "row" : void 0,
-        rows: g.paginator ? n.value : void 0,
+        rows: g.paginator ? o.value : void 0,
         "data-cy": "tree-table",
         "onUpdate:filters": U,
         onSort: O,
         onPage: b,
-        onNodeExpand: V[2] || (V[2] = () => x()),
+        onNodeExpand: V[2] || (V[2] = () => h()),
         showHeaders: "",
-        first: o.value
+        first: n.value
       }), ae({
-        empty: f(() => [
-          m("div", ja, [
-            m("h5", Ia, F(g.emptyMessage ?? "No items Found."), 1)
+        empty: v(() => [
+          m("div", Ia, [
+            m("h5", Pa, B(g.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
-        header: f(() => [
+        header: v(() => [
           m("div", {
             class: S(a.loading ? "opacity-50" : "")
           }, [
             m("div", Ma, [
               m("div", Va, [
-                g.paginator && !g.legacyPaginationFooter ? (d(), v("span", Da, [
-                  w(xe, {
+                g.paginator && !g.legacyPaginationFooter ? (d(), f("span", Da, [
+                  w(he, {
                     total: c.value,
                     "page-sizes": l.value,
-                    "per-page": n.value,
+                    "per-page": o.value,
                     "onUpdate:perPage": [
-                      V[0] || (V[0] = (L) => n.value = L),
+                      V[0] || (V[0] = (L) => o.value = L),
                       k
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
@@ -3734,35 +3745,36 @@ const ya = {
                   onClick: D,
                   "data-cy": "clear-all"
                 }, {
-                  default: f(() => [
-                    w(u(P), {
+                  default: v(() => [
+                    w(u(j), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    V[3] || (V[3] = M(" Clear "))
+                    V[3] || (V[3] = P(" Clear "))
                   ]),
-                  _: 1
+                  _: 1,
+                  __: [3]
                 })) : z("", !0),
-                B(g.$slots, "column-customiser")
+                F(g.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
-        default: f(() => [
-          B(g.$slots, "default")
+        default: v(() => [
+          F(g.$slots, "default")
         ]),
         _: 2
       }, [
         E(g.$slots, (L, ve) => ({
           name: ve,
-          fn: f(($e) => [
-            B(g.$slots, ve, W(G($e || {})))
+          fn: v(($e) => [
+            F(g.$slots, ve, W(G($e || {})))
           ])
         })),
         g.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: f(() => [
+          fn: v(() => [
             m("span", {
               class: S(["d-flex", a.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
@@ -3770,8 +3782,8 @@ const ya = {
               V[4] || (V[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
               w(u(ie), {
                 options: l.value,
-                modelValue: n.value,
-                "onUpdate:modelValue": V[1] || (V[1] = (L) => n.value = L),
+                modelValue: o.value,
+                "onUpdate:modelValue": V[1] || (V[1] = (L) => o.value = L),
                 class: "ms-2",
                 onClick: k
               }, null, 8, ["options", "modelValue"])
@@ -3781,18 +3793,18 @@ const ya = {
         } : void 0,
         g.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: f(() => [
+          fn: v(() => [
             m("span", {
               "data-cy": "legacy-total",
               class: S(a.loading ? "opacity-50" : "")
-            }, F(c.value) + " " + F(u(ee)(c.value, "result")) + " across " + F(h.value), 3)
+            }, B(c.value) + " " + B(u(ee)(c.value, "result")) + " across " + B(x.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "filter-display", "rows", "first"])
     ]));
   }
-}), Na = { class: "d-flex position-relative" }, Aa = { class: "d-flex w-100" }, hl = /* @__PURE__ */ C({
+}), Na = { class: "d-flex position-relative" }, Aa = { class: "d-flex w-100" }, xl = /* @__PURE__ */ C({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ R({
     dataType: {},
@@ -3807,57 +3819,57 @@ const ya = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = (l, n) => {
+    const t = N(e, "modelValue"), a = (l, o) => {
       if (!l || Array.isArray(l) && l.length === 0)
-        return n;
-      const o = (s) => {
+        return o;
+      const n = (s) => {
         var c;
         const p = (c = e.dropdownOptions) == null ? void 0 : c.find(
-          (h) => e.optionValue ? h[e.optionValue] === s : Object.keys(h).every((r) => s.hasOwnProperty(r) && h[r] === s[r])
+          (x) => e.optionValue ? x[e.optionValue] === s : Object.keys(x).every((r) => s.hasOwnProperty(r) && x[r] === s[r])
         );
         return e.optionLabel ? p[e.optionLabel] : p;
       };
-      return Array.isArray(l) ? l.map(o).join(", ") : o(l);
+      return Array.isArray(l) ? l.map(n).join(", ") : n(l);
     }, i = () => {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
-    return (l, n) => {
-      const o = fe, s = q;
-      return d(), v("div", Na, [
-        l.dataType === "numeric" ? (d(), y(o, _({
+    return (l, o) => {
+      const n = fe, s = q;
+      return d(), f("div", Na, [
+        l.dataType === "numeric" ? (d(), y(n, _({
           key: 0,
           modelValue: t.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (p) => t.value = p),
+          "onUpdate:modelValue": o[0] || (o[0] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
-        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (d(), y(he, _({
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (d(), y(xe, _({
           key: 1,
           modelValue: t.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (p) => t.value = p)
+          "onUpdate:modelValue": o[1] || (o[1] = (p) => t.value = p)
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
         }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), y(u(ie), _({
           key: 2,
           modelValue: t.value,
-          "onUpdate:modelValue": n[2] || (n[2] = (p) => t.value = p)
+          "onUpdate:modelValue": o[2] || (o[2] = (p) => t.value = p)
         }, l.$attrs, {
           options: l.dropdownOptions,
           "option-value": l.optionValue,
           "option-label": l.optionLabel
         }), {
-          value: f(({ value: p, placeholder: c }) => [
+          value: v(({ value: p, placeholder: c }) => [
             m("div", Aa, [
               m("span", {
                 class: S({ "filter-placeholder": p === null })
-              }, F(a(p, c)), 3),
+              }, B(a(p, c)), 3),
               l.showClearButton && t.value !== null ? (d(), y(s, {
                 key: 0,
-                onClick: X(i, ["prevent"]),
+                onClick: Q(i, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
-                default: f(() => [
-                  w(u(P), {
+                default: v(() => [
+                  w(u(j), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -3869,30 +3881,30 @@ const ya = {
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), y(u(re), _({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), y(u(de), _({
           key: 3,
           modelValue: t.value,
-          "onUpdate:modelValue": n[3] || (n[3] = (p) => t.value = p)
+          "onUpdate:modelValue": o[3] || (o[3] = (p) => t.value = p)
         }, l.$attrs, {
           options: l.dropdownOptions,
           showToggleAll: !1,
           "option-label": l.optionLabel,
           "option-value": l.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), y(u(se), _({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), y(u(re), _({
           key: 4,
           modelValue: t.value,
-          "onUpdate:modelValue": n[4] || (n[4] = (p) => t.value = p),
+          "onUpdate:modelValue": o[4] || (o[4] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
         }, l.$attrs), null, 16, ["modelValue"])),
         l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (d(), y(s, {
           key: 5,
-          onClick: X(i, ["prevent"]),
+          onClick: Q(i, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
-          default: f(() => [
-            w(u(P), {
+          default: v(() => [
+            w(u(j), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -3942,6 +3954,7 @@ const ya = {
   "application/vnd.aristanetworks.swi": ["swi"],
   "application/vnd.astraea-software.iota": ["iota"],
   "application/vnd.audiograph": ["aep"],
+  "application/vnd.autodesk.fbx": ["fbx"],
   "application/vnd.balsamiq.bmml+xml": ["bmml"],
   "application/vnd.blueice.multipass": ["mpm"],
   "application/vnd.bmi": ["bmi"],
@@ -3971,6 +3984,7 @@ const ya = {
   "application/vnd.dart": ["dart"],
   "application/vnd.data-vision.rdz": ["rdz"],
   "application/vnd.dbf": ["dbf"],
+  "application/vnd.dcmp+xml": ["dcmp"],
   "application/vnd.dece.data": ["uvf", "uvvf", "uvd", "uvvd"],
   "application/vnd.dece.ttml+xml": ["uvt", "uvvt"],
   "application/vnd.dece.unspecified": ["uvx", "uvvx"],
@@ -4022,7 +4036,13 @@ const ya = {
   "application/vnd.geospace": ["g3w"],
   "application/vnd.gmx": ["gmx"],
   "application/vnd.google-apps.document": ["gdoc"],
+  "application/vnd.google-apps.drawing": ["gdraw"],
+  "application/vnd.google-apps.form": ["gform"],
+  "application/vnd.google-apps.jam": ["gjam"],
+  "application/vnd.google-apps.map": ["gmap"],
   "application/vnd.google-apps.presentation": ["gslides"],
+  "application/vnd.google-apps.script": ["gscript"],
+  "application/vnd.google-apps.site": ["gsite"],
   "application/vnd.google-apps.spreadsheet": ["gsheet"],
   "application/vnd.google-earth.kml+xml": ["kml"],
   "application/vnd.google-earth.kmz": ["kmz"],
@@ -4133,6 +4153,7 @@ const ya = {
   "application/vnd.ms-powerpoint.slideshow.macroenabled.12": ["ppsm"],
   "application/vnd.ms-powerpoint.template.macroenabled.12": ["potm"],
   "application/vnd.ms-project": ["*mpp", "mpt"],
+  "application/vnd.ms-visio.viewer": ["vdx"],
   "application/vnd.ms-word.document.macroenabled.12": ["docm"],
   "application/vnd.ms-word.template.macroenabled.12": ["dotm"],
   "application/vnd.ms-works": ["wps", "wks", "wcm", "wdb"],
@@ -4212,6 +4233,9 @@ const ya = {
   "application/vnd.pocketlearn": ["plf"],
   "application/vnd.powerbuilder6": ["pbd"],
   "application/vnd.previewsystems.box": ["box"],
+  "application/vnd.procrate.brushset": ["brushset"],
+  "application/vnd.procreate.brush": ["brush"],
+  "application/vnd.procreate.dream": ["drm"],
   "application/vnd.proteus.magazine": ["mgz"],
   "application/vnd.publishare-delta-tree": ["qps"],
   "application/vnd.pvi.ptid1": ["ptid"],
@@ -4287,7 +4311,7 @@ const ya = {
   "application/vnd.unity": ["unityweb"],
   "application/vnd.uoml+xml": ["uoml", "uo"],
   "application/vnd.vcx": ["vcx"],
-  "application/vnd.visio": ["vsd", "vst", "vss", "vsw"],
+  "application/vnd.visio": ["vsd", "vst", "vss", "vsw", "vsdx", "vtx"],
   "application/vnd.visionary": ["vis"],
   "application/vnd.vsf": ["vsf"],
   "application/vnd.wap.wbxml": ["wbxml"],
@@ -4321,6 +4345,7 @@ const ya = {
   "application/x-bcpio": ["bcpio"],
   "application/x-bdoc": ["*bdoc"],
   "application/x-bittorrent": ["torrent"],
+  "application/x-blender": ["blend"],
   "application/x-blorb": ["blb", "blorb"],
   "application/x-bzip": ["bz"],
   "application/x-bzip2": ["bz2", "boz"],
@@ -4331,6 +4356,7 @@ const ya = {
   "application/x-chess-pgn": ["pgn"],
   "application/x-chrome-extension": ["crx"],
   "application/x-cocoa": ["cco"],
+  "application/x-compressed": ["*rar"],
   "application/x-conference": ["nsc"],
   "application/x-cpio": ["cpio"],
   "application/x-csh": ["csh"],
@@ -4370,6 +4396,7 @@ const ya = {
   "application/x-hdf": ["hdf"],
   "application/x-httpd-php": ["php"],
   "application/x-install-instructions": ["install"],
+  "application/x-ipynb+json": ["ipynb"],
   "application/x-iso9660-image": ["*iso"],
   "application/x-iwork-keynote-sffkey": ["*key"],
   "application/x-iwork-numbers-sffnumbers": ["*numbers"],
@@ -4447,6 +4474,7 @@ const ya = {
   "application/x-xliff+xml": ["*xlf"],
   "application/x-xpinstall": ["xpi"],
   "application/x-xz": ["xz"],
+  "application/x-zip-compressed": ["*zip"],
   "application/x-zmachine": ["z1", "z2", "z3", "z4", "z5", "z6", "z7", "z8"],
   "audio/vnd.dece.audio": ["uva", "uvva"],
   "audio/vnd.digital-winds": ["eol"],
@@ -4504,6 +4532,7 @@ const ya = {
   "image/vnd.xiff": ["xif"],
   "image/vnd.zbrush.pcx": ["pcx"],
   "image/x-3ds": ["3ds"],
+  "image/x-adobe-dng": ["dng"],
   "image/x-cmu-raster": ["ras"],
   "image/x-cmx": ["cmx"],
   "image/x-freehand": ["fh", "fhc", "fh4", "fh5", "fh7"],
@@ -4634,6 +4663,7 @@ const ue = {
   "application/dash+xml": ["mpd"],
   "application/dash-patch+xml": ["mpp"],
   "application/davmount+xml": ["davmount"],
+  "application/dicom": ["dcm"],
   "application/docbook+xml": ["dbk"],
   "application/dssc+der": ["dssc"],
   "application/dssc+xml": ["xdssc"],
@@ -4720,7 +4750,14 @@ const ue = {
   "application/oebps-package+xml": ["opf"],
   "application/ogg": ["ogx"],
   "application/omdoc+xml": ["omdoc"],
-  "application/onenote": ["onetoc", "onetoc2", "onetmp", "onepkg"],
+  "application/onenote": [
+    "onetoc",
+    "onetoc2",
+    "onetmp",
+    "onepkg",
+    "one",
+    "onea"
+  ],
   "application/oxps": ["oxps"],
   "application/p2p-overlay+xml": ["relo"],
   "application/patch-ops-error+xml": ["xer"],
@@ -4816,6 +4853,7 @@ const ue = {
   "application/yang": ["yang"],
   "application/yin+xml": ["yin"],
   "application/zip": ["zip"],
+  "application/zip+dotlottie": ["lottie"],
   "audio/3gpp": ["*3gpp"],
   "audio/aac": ["adts", "aac"],
   "audio/adpcm": ["adp"],
@@ -4824,7 +4862,7 @@ const ue = {
   "audio/midi": ["mid", "midi", "kar", "rmi"],
   "audio/mobile-xmf": ["mxmf"],
   "audio/mp3": ["*mp3"],
-  "audio/mp4": ["m4a", "mp4a"],
+  "audio/mp4": ["m4a", "mp4a", "m4b"],
   "audio/mpeg": ["mpga", "mp2", "mp2a", "mp3", "m2a", "m3a"],
   "audio/ogg": ["oga", "ogg", "spx", "opus"],
   "audio/s3m": ["s3m"],
@@ -4856,11 +4894,12 @@ const ue = {
   "image/heif": ["heif"],
   "image/heif-sequence": ["heifs"],
   "image/hej2k": ["hej2"],
-  "image/hsj2": ["hsj2"],
   "image/ief": ["ief"],
+  "image/jaii": ["jaii"],
+  "image/jais": ["jais"],
   "image/jls": ["jls"],
   "image/jp2": ["jp2", "jpg2"],
-  "image/jpeg": ["jpeg", "jpg", "jpe"],
+  "image/jpeg": ["jpg", "jpeg", "jpe"],
   "image/jph": ["jph"],
   "image/jphc": ["jhc"],
   "image/jpm": ["jpm", "jpgm"],
@@ -4875,6 +4914,7 @@ const ue = {
   "image/jxss": ["jxss"],
   "image/ktx": ["ktx"],
   "image/ktx2": ["ktx2"],
+  "image/pjpeg": ["jfif"],
   "image/png": ["png"],
   "image/sgi": ["sgi"],
   "image/svg+xml": ["svg", "svgz"],
@@ -4888,7 +4928,7 @@ const ue = {
   "message/global-delivery-status": ["u8dsn"],
   "message/global-disposition-notification": ["u8mdn"],
   "message/global-headers": ["u8hdr"],
-  "message/rfc822": ["eml", "mime"],
+  "message/rfc822": ["eml", "mime", "mht", "mhtml"],
   "model/3mf": ["3mf"],
   "model/gltf+json": ["gltf"],
   "model/gltf-binary": ["glb"],
@@ -4898,6 +4938,7 @@ const ue = {
   "model/mtl": ["mtl"],
   "model/obj": ["obj"],
   "model/prc": ["prc"],
+  "model/step": ["step", "stp", "stpnc", "p21", "210"],
   "model/step+xml": ["stpx"],
   "model/step+zip": ["stpz"],
   "model/step-xml+zip": ["stpxz"],
@@ -4961,26 +5002,26 @@ var H = 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);
-}, K, te, Y;
+}, Z, te, Y;
 class we {
   constructor(...t) {
-    K.set(this, /* @__PURE__ */ new Map()), te.set(this, /* @__PURE__ */ new Map()), Y.set(this, /* @__PURE__ */ new Map());
+    Z.set(this, /* @__PURE__ */ new Map()), te.set(this, /* @__PURE__ */ new Map()), Y.set(this, /* @__PURE__ */ new Map());
     for (const a of t)
       this.define(a);
   }
   define(t, a = !1) {
     for (let [i, l] of Object.entries(t)) {
       i = i.toLowerCase(), l = l.map((s) => s.toLowerCase()), H(this, Y, "f").has(i) || H(this, Y, "f").set(i, /* @__PURE__ */ new Set());
-      const n = H(this, Y, "f").get(i);
-      let o = !0;
+      const o = H(this, Y, "f").get(i);
+      let n = !0;
       for (let s of l) {
         const p = s.startsWith("*");
-        if (s = p ? s.slice(1) : s, n == null || n.add(s), o && H(this, te, "f").set(i, s), o = !1, p)
+        if (s = p ? s.slice(1) : s, o == null || o.add(s), n && H(this, te, "f").set(i, s), n = !1, p)
           continue;
-        const c = H(this, K, "f").get(s);
+        const c = H(this, Z, "f").get(s);
         if (c && c != i && !a)
           throw new Error(`"${i} -> ${s}" conflicts with "${c} -> ${s}". Pass \`force=true\` to override this definition.`);
-        H(this, K, "f").set(s, i);
+        H(this, Z, "f").set(s, i);
       }
     }
     return this;
@@ -4988,8 +5029,8 @@ class we {
   getType(t) {
     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 : H(this, K, "f").get(i) ?? null;
+    const a = t.replace(/^.*[/\\]/s, "").toLowerCase(), i = a.replace(/^.*\./s, "").toLowerCase(), l = a.length < t.length;
+    return !(i.length < a.length - 1) && l ? null : H(this, Z, "f").get(i) ?? null;
   }
   getExtension(t) {
     var a;
@@ -5008,23 +5049,23 @@ class we {
   }
   _getTestState() {
     return {
-      types: H(this, K, "f"),
+      types: H(this, Z, "f"),
       extensions: H(this, te, "f")
     };
   }
 }
-K = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
+Z = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
 const Ea = new we(ue, ce)._freeze();
 function ke(e, t, a, i) {
-  const l = t.flatMap((n) => n.file);
-  return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
-    const o = l.findIndex((p) => p.name === n.name);
+  const l = t.flatMap((o) => o.file);
+  return t = t.map((o) => ({ ...o, status: o.status == "Duplicate" ? "Not Uploaded" : o.status })), e.forEach((o) => {
+    const n = l.findIndex((p) => p.name === o.name);
     let s = "Not Uploaded";
-    o === -1 ? ((!a.includes(n.type) || !(n.size <= i)) && (s = a.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
-      file: n,
+    n === -1 ? ((!a.includes(o.type) || !(o.size <= i)) && (s = a.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+      file: o,
       status: s,
       blobFileName: null
-    })) : t[o].status = "Duplicate";
+    })) : t[n].status = "Duplicate";
   }), t;
 }
 async function Ua(e, t) {
@@ -5043,12 +5084,12 @@ function me(e, t = !0, a = 1) {
   if (Math.abs(e) < i)
     return e + " B";
   const l = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
-  let n = -1;
-  const o = 10 ** a;
+  let o = -1;
+  const n = 10 ** a;
   do
-    e /= i, ++n;
-  while (Math.round(Math.abs(e) * o) / o >= i && n < l.length - 1);
-  return e.toFixed(a) + " " + l[n];
+    e /= i, ++o;
+  while (Math.round(Math.abs(e) * n) / n >= i && o < l.length - 1);
+  return e.toFixed(a) + " " + l[o];
 }
 function qa(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
@@ -5075,57 +5116,58 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = j(), i = (o) => a.value.toggle(o), l = T(() => e.maxFileInput <= t.value.length), n = (o) => {
-      t.value = ke(o, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
+    const t = N(e, "modelValue"), a = I(), i = (n) => a.value.toggle(n), l = T(() => e.maxFileInput <= t.value.length), o = (n) => {
+      t.value = ke(n, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
     };
-    return (o, s) => {
+    return (n, s) => {
       const p = q;
-      return d(), v("div", Ha, [
-        B(o.$slots, "message"),
+      return d(), f("div", Ha, [
+        F(n.$slots, "message"),
         m("div", null, [
           m("input", {
             id: "file-input",
             type: "file",
             class: "d-none",
-            accept: o.acceptedFileTypes.join(", "),
+            accept: n.acceptedFileTypes.join(", "),
             disabled: l.value,
-            multiple: o.maxFileInput > 1,
-            onInput: s[0] || (s[0] = (c) => n([...c.target.files]))
+            multiple: n.maxFileInput > 1,
+            onInput: s[0] || (s[0] = (c) => o([...c.target.files]))
           }, null, 40, Wa),
           m("label", {
             class: S([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
-            B(o.$slots, "button-content", {}, () => [
-              w(u(P), {
+            F(n.$slots, "button-content", {}, () => [
+              w(u(j), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
                 width: "20px"
               }),
-              s[1] || (s[1] = M(" Browse your computer "))
+              s[1] || (s[1] = P(" Browse your computer "))
             ])
           ], 2)
         ]),
-        o.showDragDropArea ? (d(), y(p, {
+        n.showDragDropArea ? (d(), y(p, {
           link: "",
           class: "ms-auto",
-          key: o.acceptedFileTypes.length,
+          key: n.acceptedFileTypes.length,
           id: "accepted-file-types",
           onClick: i
         }, {
-          default: f(() => s[2] || (s[2] = [
-            M("Accepted File Types")
+          default: v(() => s[2] || (s[2] = [
+            P("Accepted File Types")
           ])),
-          _: 1
+          _: 1,
+          __: [2]
         })) : z("", !0),
         w(u(be), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
-          default: f(() => [
-            m("div", Ga, F(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
+          default: v(() => [
+            m("div", Ga, B(n.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
@@ -5151,26 +5193,26 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = j(!1), i = T(() => e.maxFileInput <= t.value.length), l = (n) => {
-      a.value = !1, n.dataTransfer.files.length > e.maxFileInput || i.value ? n.preventDefault() : t.value = ke([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((o) => o.fileType), e.maxFileSize);
+    const t = N(e, "modelValue"), a = I(!1), i = T(() => e.maxFileInput <= t.value.length), l = (o) => {
+      a.value = !1, o.dataTransfer.files.length > e.maxFileInput || i.value ? o.preventDefault() : t.value = ke([...o.dataTransfer.files], t.value, e.acceptedFileTypes.map((n) => n.fileType), e.maxFileSize);
     };
-    return (n, o) => (d(), v("div", {
+    return (o, n) => (d(), f("div", {
       id: "drag-drop-area",
       class: S(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: o[0] || (o[0] = X((s) => a.value = !1, ["prevent"])),
-      onDragover: o[1] || (o[1] = X((s) => a.value = !0, ["prevent"])),
-      onDrop: X(l, ["prevent"])
+      onDragleave: n[0] || (n[0] = Q((s) => a.value = !1, ["prevent"])),
+      onDragover: n[1] || (n[1] = Q((s) => a.value = !0, ["prevent"])),
+      onDrop: Q(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (d(), v("div", Ja, [
-        w(u(P), {
+      t.value.length === 0 ? (d(), f("div", Ja, [
+        w(u(j), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        o[2] || (o[2] = M(" Drag and drop files here "))
-      ])) : (d(), v("div", Ka, [
-        B(n.$slots, "default")
+        n[2] || (n[2] = P(" Drag and drop files here "))
+      ])) : (d(), f("div", Ka, [
+        F(o.$slots, "default")
       ]))
     ], 34));
   }
@@ -5199,21 +5241,21 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (l, n) => {
-      const o = pe;
-      return d(), v("div", Xa, [
-        t.uploadStatus === "Uploading" ? (d(), y(o, {
+    return (l, o) => {
+      const n = pe;
+      return d(), f("div", Xa, [
+        t.uploadStatus === "Uploading" ? (d(), y(n, {
           key: 0,
           "in-line": ""
         })) : z("", !0),
-        t.uploadStatus !== "Uploading" && t.uploadStatus !== "Not Uploaded" && t.uploadStatus !== "Uploaded" && t.uploadStatus !== "Preparing" ? (d(), y(de, {
+        t.uploadStatus !== "Uploading" && t.uploadStatus !== "Not Uploaded" && t.uploadStatus !== "Uploaded" && t.uploadStatus !== "Preparing" ? (d(), y(se, {
           key: 1,
           id: "upload-status-alert",
           severity: a.value,
           class: "mb-0 w-75 ms-auto"
         }, {
-          default: f(() => [
-            M(F(i.value), 1)
+          default: v(() => [
+            P(B(i.value), 1)
           ]),
           _: 1
         }, 8, ["severity"])) : z("", !0)
@@ -5229,7 +5271,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
 }, li = {
   class: "text-black-50",
   id: "file-size"
-}, ni = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, oi = /* @__PURE__ */ C({
+}, oi = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, ni = /* @__PURE__ */ C({
   __name: "FileInfo",
   props: /* @__PURE__ */ R({
     editableFileName: { type: Boolean },
@@ -5248,14 +5290,14 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["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 = j(a.value.name), s = j(""), p = j(0), c = j(), h = T(() => e.acceptedFileTypes.some(({ fileType: b }) => b === a.value.type)), r = T(() => a.value.size <= e.maxFileSize), x = T(() => a.value.type ? a.value.type : Ra().getType(a.value.name)), $ = () => {
-      o.value != null && (D(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
+    const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), o = t, n = I(a.value.name), s = I(""), p = I(0), c = I(), x = T(() => e.acceptedFileTypes.some(({ fileType: b }) => b === a.value.type)), r = T(() => a.value.size <= e.maxFileSize), h = T(() => a.value.type ? a.value.type : Ra().getType(a.value.name)), $ = () => {
+      n.value != null && (D(), a.value = new File([a.value], n.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, D = () => {
-      let b = o.value.split("."), k = Ea.getExtension(x.value), I = o.value.split(".").pop();
-      b.length === 1 ? I && I.length > 0 && (o.value = [o.value, k].join(".")) : b.length > 1 && I !== k && (o.value = o.value.replace(I, k));
+      let b = n.value.split("."), k = Ea.getExtension(h.value), M = n.value.split(".").pop();
+      b.length === 1 ? M && M.length > 0 && (n.value = [n.value, k].join(".")) : b.length > 1 && M !== k && (n.value = n.value.replace(M, k));
     }, O = async () => {
-      if (!h.value || !r.value) {
-        l.value = h.value ? "InvalidFileSize" : "InvalidFileType";
+      if (!x.value || !r.value) {
+        l.value = x.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
       l.value = "Preparing", c.value = new AbortController();
@@ -5266,31 +5308,31 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
       }
       try {
         l.value = "Uploading";
-        const I = new ge(b), g = {
+        const M = new ge(b), g = {
           abortSignal: c.value.signal,
           onProgress: (V) => p.value = V.loadedBytes,
           blobHTTPHeaders: {
-            blobContentType: x.value,
+            blobContentType: h.value,
             blobContentDisposition: `attachment; filename="${a.value.name}"`
           },
           tags: { temp: "true" }
         };
-        await I.uploadData(a.value, g), s.value = b, l.value = "Uploaded", i.value = k;
-      } catch (I) {
-        if (I.name === "AbortError") {
+        await M.uploadData(a.value, g), s.value = b, l.value = "Uploaded", i.value = k;
+      } catch (M) {
+        if (M.name === "AbortError") {
           l.value = "Aborted";
           return;
         }
         l.value = "Failed";
       }
     }, U = async () => {
-      await Ua(l.value, s.value), n("deleted", a.value);
+      await Ua(l.value, s.value), o("deleted", a.value);
     };
-    return ne(() => {
+    return oe(() => {
       e.autoUploadToBlob && l.value != "Uploaded" && O();
     }), (b, k) => {
-      const I = q;
-      return d(), v("div", {
+      const M = q;
+      return d(), f("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
       }, [
@@ -5303,7 +5345,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (d(), y(u(P), {
+          }, null, 8, ["src", "alt"])) : (d(), y(u(j), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -5316,17 +5358,17 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
             b.editableFileName ? (d(), y(Gt, {
               key: 0,
               id: "edit-file-name",
-              modelValue: o.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (g) => o.value = g),
+              modelValue: n.value,
+              "onUpdate:modelValue": k[0] || (k[0] = (g) => n.value = g),
               rules: b.customFileNameRules,
               name: a.value.name,
               "complete-action": $
-            }, null, 8, ["modelValue", "rules", "name"])) : (d(), v("span", ai, F(o.value), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (d(), f("span", ai, B(n.value), 1))
           ]),
-          m("span", ii, "File type: " + F(a.value.type.split("/").pop()), 1),
-          m("span", li, "File size: " + F(u(me)(a.value.size)), 1)
+          m("span", ii, "File type: " + B(a.value.type.split("/").pop()), 1),
+          m("span", li, "File size: " + B(u(me)(a.value.size)), 1)
         ]),
-        m("div", ni, [
+        m("div", oi, [
           (d(), y(Qa, {
             key: l.value,
             "file-size": a.value.size,
@@ -5334,35 +5376,35 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
             "bytes-uploaded": p.value,
             "max-file-size": b.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (d(), y(I, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (d(), y(M, {
             key: 0,
             link: "",
             onClick: O
           }, {
-            default: f(() => [
-              w(u(P), {
+            default: v(() => [
+              w(u(j), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
           })) : z("", !0),
-          l.value === "Uploading" ? (d(), y(I, {
+          l.value === "Uploading" ? (d(), y(M, {
             key: 1,
             link: "",
             onClick: k[1] || (k[1] = (g) => c.value.abort())
           }, {
-            default: f(() => [
-              w(u(P), { icon: "bi:x-circle-fill" })
+            default: v(() => [
+              w(u(j), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (d(), y(I, {
+          })) : (d(), y(M, {
             key: 2,
             link: "",
             onClick: U,
             id: "delete-button"
           }, {
-            default: f(() => [
-              w(u(P), { icon: "bi:trash" })
+            default: v(() => [
+              w(u(j), { icon: "bi:trash" })
             ]),
             _: 1
           }))
@@ -5377,12 +5419,12 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
     maxFileInput: {}
   },
   setup(e) {
-    return (t, a) => (d(), v("div", si, [
-      m("div", ri, "Max file size: " + F(u(me)(t.maxFileSize)), 1),
-      m("div", di, "| Max file count: " + F(t.maxFileInput), 1)
+    return (t, a) => (d(), f("div", si, [
+      m("div", ri, "Max file size: " + B(u(me)(t.maxFileSize)), 1),
+      m("div", di, "| Max file count: " + B(t.maxFileInput), 1)
     ]));
   }
-}), ci = { "data-cy": "file-uploader" }, ui = { key: 0 }, xl = /* @__PURE__ */ C({
+}), ci = { "data-cy": "file-uploader" }, ui = { key: 1 }, hl = /* @__PURE__ */ C({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -5392,33 +5434,48 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
     customFileNameRules: {},
     maxFileInput: { default: 3 },
     editableFileName: { type: Boolean, default: !1 },
-    autoUploadToBlob: { type: Boolean, default: !0 }
+    autoUploadToBlob: { type: Boolean, default: !0 },
+    maxFileWarning: { default: "Maximum number of files reached." }
   }, {
     modelValue: { default: [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = e, i = (l) => {
-      t.value = t.value.filter((n) => n.file != l);
+    const t = N(e, "modelValue");
+    K(t, (l, o) => {
+      l.length > a.maxFileInput && (l.length = a.maxFileInput);
+    }, { deep: 2 });
+    const a = e, i = (l) => {
+      t.value = t.value.filter((o) => o.file != l);
     };
-    return (l, n) => (d(), v("div", ci, [
+    return (l, o) => (d(), f("div", ci, [
+      t.value.length == l.maxFileInput && a.maxFileWarning != null ? (d(), y(se, {
+        key: 0,
+        id: "max-files-alert",
+        severity: "danger"
+      }, {
+        default: v(() => [
+          P(B(l.maxFileWarning), 1)
+        ]),
+        _: 1
+      })) : z("", !0),
       w(Ya, _(a, {
         modelValue: t.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o)
+        "onUpdate:modelValue": o[0] || (o[0] = (n) => t.value = n)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (d(), v("div", ui, [
+      l.showDragDropArea ? (d(), f("div", ui, [
         w(Za, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (o) => t.value = o)
+          "onUpdate:modelValue": o[1] || (o[1] = (n) => t.value = n)
         }, {
-          default: f(() => [
-            (d(!0), v(A, null, E(t.value, ({ file: o }, s) => (d(), v("div", null, [
-              (d(), y(oi, _({
-                key: o.name,
+          default: v(() => [
+            (d(!0), f(A, null, E(t.value, ({ file: n }, s) => (d(), f("div", null, [
+              (d(), y(ni, _({
+                key: n.name,
                 class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[s].file,
                 "onUpdate:file": (p) => t.value[s].file = p,
@@ -5447,22 +5504,22 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = j(), i = j(!1), l = (n) => {
-      a.value.toggle(n);
+    const t = N(e, "modelValue"), a = I(), i = I(!1), l = (o) => {
+      a.value.toggle(o);
     };
-    return (n, o) => (d(), v(A, null, [
+    return (o, n) => (d(), f(A, null, [
       w(u(q), {
         onClick: l,
         class: "ms-2"
       }, {
-        default: f(() => [
+        default: v(() => [
           m("div", mi, [
             m("div", vi, [
-              w(u(P), { icon: "bi:layout-three-columns" })
+              w(u(j), { icon: "bi:layout-three-columns" })
             ]),
-            M(" Columns (" + F(t.value.filter((s) => s.selected).length ?? 0) + "/" + F(t.value.length ?? 0) + ") ", 1),
+            P(" Columns (" + B(t.value.filter((s) => s.selected).length ?? 0) + "/" + B(t.value.length ?? 0) + ") ", 1),
             m("div", fi, [
-              w(u(P), {
+              w(u(j), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5474,12 +5531,12 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
         ref_key: "columnCustomiserPanel",
         ref: a,
         class: "column-customiser",
-        onHide: o[0] || (o[0] = () => i.value = !1),
-        onShow: o[1] || (o[1] = () => i.value = !0)
+        onHide: n[0] || (n[0] = () => i.value = !1),
+        onShow: n[1] || (n[1] = () => i.value = !0)
       }, {
-        default: f(() => [
+        default: v(() => [
           m("div", gi, [
-            (d(!0), v(A, null, E(t.value, (s, p) => (d(), v("div", {
+            (d(!0), f(A, null, E(t.value, (s, p) => (d(), f("div", {
               class: S(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
                 "py-1": p !== 0 && t.value.length - 1 !== p,
@@ -5508,13 +5565,13 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
     return (t, a) => {
       const i = Je;
       return d(), y(i, W(G({ ...t.$attrs })), ae({
-        toggleicon: f(({ collapsed: l }) => [
-          l ? (d(), y(u(P), {
+        toggleicon: v(({ collapsed: l }) => [
+          l ? (d(), y(u(j), {
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
           })) : z("", !0),
-          l ? z("", !0) : (d(), y(u(P), {
+          l ? z("", !0) : (d(), y(u(j), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
@@ -5522,10 +5579,10 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
         ]),
         _: 2
       }, [
-        E(t.$slots, (l, n) => ({
-          name: n,
-          fn: f((o) => [
-            B(t.$slots, n, W(G(o)))
+        E(t.$slots, (l, o) => ({
+          name: o,
+          fn: v((n) => [
+            F(t.$slots, o, W(G(n)))
           ])
         }))
       ]), 1040);
@@ -5579,25 +5636,25 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = N(e, "modelValue"), i = (n) => {
-      var o;
-      return t.multiple ? (o = a == null ? void 0 : a.value) == null ? void 0 : o.includes(n.value) : a.value === n.value;
-    }, l = (n) => {
-      var o;
-      if (!n.disabled)
+    const t = e, a = N(e, "modelValue"), i = (o) => {
+      var n;
+      return t.multiple ? (n = a == null ? void 0 : a.value) == null ? void 0 : n.includes(o.value) : a.value === o.value;
+    }, l = (o) => {
+      var n;
+      if (!o.disabled)
         if (t.multiple) {
-          let s = (o = a.value) != null && o.length ? [...a.value] : [];
-          if (s.length >= 1 && s.includes(n.value)) {
+          let s = (n = a.value) != null && n.length ? [...a.value] : [];
+          if (s.length >= 1 && s.includes(o.value)) {
             if (!t.allowEmpty && s.length === 1) return;
-            s = s.length > 1 ? s.filter((c) => c !== n.value) : [];
+            s = s.length > 1 ? s.filter((c) => c !== o.value) : [];
           } else
-            s.push(n.value);
+            s.push(o.value);
           a.value = s;
         } else
-          a.value = a.value === n.value && t.allowEmpty ? null : n.value;
+          a.value = a.value === o.value && t.allowEmpty ? null : o.value;
     };
-    return (n, o) => (d(), v("div", yi, [
-      (d(!0), v(A, null, E(n.options, (s, p) => (d(), y(bi, {
+    return (o, n) => (d(), f("div", yi, [
+      (d(!0), f(A, null, E(o.options, (s, p) => (d(), y(bi, {
         key: p,
         onLabel: s.label,
         offLabel: s.label,
@@ -5606,11 +5663,11 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
         defaultValue: i(s),
         disabled: s.disabled,
         "data-cy": `toggle-button-${s.value}`,
-        invalid: n.invalid
+        invalid: o.invalid
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
-}), Bl = /* @__PURE__ */ C({
+}), Fl = /* @__PURE__ */ C({
   __name: "ForgeConfirmPopup",
   setup(e) {
     const t = T(() => ({
@@ -5625,13 +5682,13 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
       pcAcceptButton: { root: "btn btn-primary btn-sm" }
     }));
     return (a, i) => (d(), y(u(Ze), _({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
-      default: f(() => [
-        (d(!0), v(A, null, E(a.$slots, (l, n) => B(a.$slots, n, { slot: n })), 256))
+      default: v(() => [
+        (d(!0), f(A, null, E(a.$slots, (l, o) => F(a.$slots, o, { slot: o })), 256))
       ]),
       _: 3
     }, 16, ["pt"]));
   }
-}), Fl = () => ({
+}), Bl = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5644,28 +5701,28 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
 export {
   Qi as Bootstrap_PT,
   el as ForgeActionButton,
-  de as ForgeAlert,
+  se as ForgeAlert,
   tl as ForgeAutoComplete,
   ye as ForgeCheckbox,
   cl as ForgeChip,
   wl as ForgeColumnCustomiser,
-  Bl as ForgeConfirmPopup,
-  he as ForgeDatepicker,
-  xl as ForgeFileUploader,
-  hl as ForgeFilterHeader,
+  Fl as ForgeConfirmPopup,
+  xe as ForgeDatepicker,
+  hl as ForgeFileUploader,
+  xl as ForgeFilterHeader,
   dl as ForgeForm,
   pl as ForgeFormField,
   Gt as ForgeInlineEditor,
   al as ForgeLink,
   pe as ForgeLoader,
-  nl as ForgeModal,
+  ol as ForgeModal,
   Qt as ForgeMultiSelectPreview,
-  ol as ForgeNavbar,
+  nl as ForgeNavbar,
   sl as ForgePageHeader,
   kl as ForgePanel,
   ul as ForgeProgressBar,
   rl as ForgeRemainingCharacters,
-  Fl as ForgeResolver,
+  Bl as ForgeResolver,
   ml as ForgeScratchpad,
   $l as ForgeSelectButton,
   vl as ForgeStatWidget,