@3squared/forge-ui-3 2.8.1 → 2.9.0

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

@@ -1,17 +1,17 @@
 import he from "primevue/message";
-import { defineComponent as F, openBlock as d, createBlock as v, normalizeProps as K, guardReactiveProps as Z, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as C, createVNode as x, renderSlot as k, ref as I, createElementBlock as f, Fragment as O, mergeProps as S, renderList as A, mergeModels as N, useModel as D, computed as z, createTextVNode as _, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
-import { Icon as T } from "@iconify/vue";
-import q from "primevue/button";
+import { defineComponent as $, openBlock as r, createBlock as v, normalizeProps as K, guardReactiveProps as Z, withCtx as g, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as z, createVNode as x, renderSlot as k, ref as I, createElementBlock as f, Fragment as O, mergeProps as C, renderList as U, mergeModels as N, useModel as D, computed as T, createTextVNode as _, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
+import { Icon as j } from "@iconify/vue";
+import A from "primevue/button";
 import Be from "primevue/toast";
 import Se from "primevue/autocomplete";
 import Ce from "primevue/checkbox";
 import { useField as ee } from "vee-validate";
 import ze from "primevue/progressspinner";
 import Te from "primevue/dialog";
-import ne from "primevue/inputtext";
+import oe from "primevue/inputtext";
 import { vOnClickOutside as je } from "@vueuse/components";
 import Ie from "primevue/menubar";
-import oe from "primevue/multiselect";
+import ne from "primevue/multiselect";
 import _e from "primevue/datepicker";
 import te from "primevue/select";
 import Pe from "primevue/inputmask";
@@ -463,7 +463,7 @@ const We = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, nt = {
+}, ot = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -492,7 +492,7 @@ const We = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, ot = {
+}, nt = {
   // More PT options defined in ForgeStepper.
   stepList: {
     root: "d-flex mb-2 w-100"
@@ -1146,7 +1146,7 @@ const We = {
   ...Ze,
   ...Xe,
   ...Qe,
-  ...nt,
+  ...ot,
   ...dt,
   ...vt,
   ...lt,
@@ -1155,7 +1155,7 @@ const We = {
   ...ct,
   ...gt,
   ...bt,
-  ...ot,
+  ...nt,
   ...ut,
   ...et,
   ...st,
@@ -1168,7 +1168,7 @@ const We = {
   directives: {
     ...ft
   }
-}, se = /* @__PURE__ */ F({
+}, se = /* @__PURE__ */ $({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -1189,31 +1189,31 @@ const We = {
     const t = e;
     return (a, i) => {
       const l = he;
-      return d(), v(l, K(Z({ ...a.$attrs, ...t })), {
-        icon: b(() => [
+      return r(), v(l, K(Z({ ...a.$attrs, ...t })), {
+        icon: g(() => [
           m("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (d(), v(u(T), {
+            t.icon ? (r(), v(u(j), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
               class: B(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : C("", !0)
+            }, null, 8, ["icon", "class"])) : z("", !0)
           ], 2)
         ]),
-        closeicon: b(() => [
-          x(u(T), { icon: "bi:x" })
+        closeicon: g(() => [
+          x(u(j), { icon: "bi:x" })
         ]),
-        default: b(() => [
+        default: g(() => [
           k(a.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), Oi = /* @__PURE__ */ F({
+}), Oi = /* @__PURE__ */ $({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1232,9 +1232,9 @@ const We = {
       t.value = !1;
     };
     return (l, n) => {
-      const o = q;
-      return d(), f(O, null, [
-        x(o, S({ ...a, ...l.$attrs }, {
+      const o = A;
+      return r(), f(O, null, [
+        x(o, C({ ...a, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: i
@@ -1243,17 +1243,17 @@ const We = {
       ], 64);
     };
   }
-}), Ni = /* @__PURE__ */ F({
+}), Ni = /* @__PURE__ */ $({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (t, a) => (d(), v(u(Se), S({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
-      default: b(() => [
-        (d(!0), f(O, null, A(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
+    return (t, a) => (r(), v(u(Se), C({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+      default: g(() => [
+        (r(!0), f(O, null, U(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16));
   }
-}), Ct = { class: "d-flex flex-column" }, zt = ["for"], fe = /* @__PURE__ */ F({
+}), Ct = { class: "d-flex flex-column" }, zt = ["for"], fe = /* @__PURE__ */ $({
   __name: "ForgeCheckbox",
   props: /* @__PURE__ */ N({
     label: { default: "" },
@@ -1297,27 +1297,27 @@ const We = {
       }
     ), o = (p, c) => {
       (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(c) : a.value = c;
-    }, r = z(() => l.value.length > 0);
+    }, s = T(() => l.value.length > 0);
     return (p, c) => {
-      const y = Ce;
-      return d(), f("div", Ct, [
-        m("div", S({
+      const b = Ce;
+      return r(), f("div", Ct, [
+        m("div", C({
           class: "d-flex",
           "data-cy": "checkbox-container",
-          onClick: c[2] || (c[2] = (s) => o(s, a.value))
+          onClick: c[2] || (c[2] = (d) => o(d, a.value))
         }, { ...p.$attrs }), [
-          x(y, S({ ...t }, {
+          x(b, C({ ...t }, {
             binary: "",
             modelValue: a.value,
-            "onUpdate:modelValue": c[0] || (c[0] = (s) => a.value = s),
+            "onUpdate:modelValue": c[0] || (c[0] = (d) => a.value = d),
             "input-id": t.name,
-            "input-class": { "is-invalid": r.value },
+            "input-class": { "is-invalid": s.value },
             class: t.disabled || t.readonly ? "" : "cursor-pointer"
           }), null, 16, ["modelValue", "input-id", "input-class", "class"]),
           m("label", {
             for: t.name,
-            onClick: c[1] || (c[1] = (s) => o(s, !a.value)),
-            class: B([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${r.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
+            onClick: c[1] || (c[1] = (d) => o(d, !a.value)),
+            class: B([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
             k(p.$slots, "default", {}, () => [
               _(w(t.label), 1)
@@ -1328,12 +1328,12 @@ const We = {
           "data-cy": "error",
           class: "text-invalid"
         }, w(u(n)), 513), [
-          [Y, r.value]
+          [Y, s.value]
         ])
       ]);
     };
   }
-}), Tt = { class: "forge-loader" }, ge = /* @__PURE__ */ F({
+}), Tt = { class: "forge-loader" }, ge = /* @__PURE__ */ $({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -1342,7 +1342,7 @@ const We = {
     const t = e;
     return (a, i) => {
       const l = ze;
-      return d(), f("div", Tt, [
+      return r(), f("div", Tt, [
         x(l, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
@@ -1350,7 +1350,7 @@ const We = {
       ]);
     };
   }
-}), jt = ["href", "target"], Ui = /* @__PURE__ */ F({
+}), jt = ["href", "target"], Ui = /* @__PURE__ */ $({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1368,7 +1368,7 @@ const We = {
     iconName: {}
   },
   setup(e) {
-    const t = z(() => ({
+    const t = T(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1377,26 +1377,26 @@ const We = {
       [`link-underline-opacity-${e.underlineHoverOpacity ?? e.hoverOpacity}-hover`]: e.underlineHoverOpacity || e.hoverOpacity,
       [`link-offset-${e.underlineOffset}`]: e.underlineOffset,
       "icon-link icon-link-hover": e.animateIconOnHover
-    })), a = z(() => ({
+    })), a = T(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (i, l) => (d(), f("a", {
+    return (i, l) => (r(), f("a", {
       id: "link",
       class: B(["cursor-pointer d-flex text-break", t.value]),
       href: i.url,
       target: i.target
     }, [
       k(i.$slots, "default", {}, () => [
-        i.iconName ? (d(), v(u(T), {
+        i.iconName ? (r(), v(u(j), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
           class: B(["bi my-auto", a.value])
-        }, null, 8, ["icon", "class"])) : C("", !0),
+        }, null, 8, ["icon", "class"])) : z("", !0),
         _(" " + w(i.label), 1)
       ])
     ], 10, jt));
@@ -1422,7 +1422,7 @@ function qi(e, t, a) {
 const _t = { key: 0 }, Pt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Ei = /* @__PURE__ */ F({
+}, Ei = /* @__PURE__ */ $({
   __name: "ForgeModal",
   props: /* @__PURE__ */ N({
     cancelText: { default: "Cancel" },
@@ -1434,6 +1434,7 @@ const _t = { key: 0 }, Pt = {
     size: { default: "md" },
     cancelClass: { default: "" },
     submitClass: { default: "" },
+    resetErrorOnClose: { type: Boolean, default: !0 },
     header: { default: "Header" },
     footer: {},
     visible: { type: Boolean },
@@ -1471,109 +1472,119 @@ const _t = { key: 0 }, Pt = {
     visibleModifiers: {}
   }),
   emits: ["update:visible"],
-  setup(e) {
-    const t = D(e, "visible"), a = I(!1), i = e, l = I(!1), n = I({
+  setup(e, { expose: t }) {
+    const a = D(e, "visible"), i = I(!1), l = e, n = I(!1), o = I({
       hasError: !1,
       header: "",
       message: []
-    }), o = () => {
-      a.value = !1;
-    }, r = () => {
-      a.value = !0;
-    }, p = () => {
-      t.value = !1;
-    }, c = async () => {
-      if (i.onConfirm) {
-        l.value = !0, n.value.hasError = !1;
+    }), s = () => {
+      o.value = {
+        hasError: !1,
+        header: "",
+        message: []
+      };
+    };
+    t({
+      resetError: s
+    });
+    const p = () => {
+      i.value = !1;
+    }, c = () => {
+      i.value = !0;
+    }, b = () => {
+      l.resetErrorOnClose && s(), a.value = !1;
+    }, d = async () => {
+      if (l.onConfirm) {
+        n.value = !0, o.value.hasError = !1;
         try {
-          const s = await i.onConfirm();
-          (s || s == null) && p();
-        } catch (s) {
-          n.value.hasError = !0;
-          const $ = It(s);
-          n.value.header = $.errorMessage, n.value.message = $.errorDetails;
+          const S = await l.onConfirm();
+          (S || S == null) && b();
+        } catch (S) {
+          o.value.hasError = !0;
+          const V = It(S);
+          o.value.header = V.errorMessage, o.value.message = V.errorDetails;
         }
-        l.value = !1;
+        n.value = !1;
       }
-    }, y = z(() => ({
+    }, F = T(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
-          "mw-100 vh-100 vw-100 top-0 start-0": a.value,
-          "modal-sm": i.size === "sm",
-          "modal-lg": i.size === "lg",
-          "modal-xl": i.size === "xl"
+          "mw-100 vh-100 vw-100 top-0 start-0": i.value,
+          "modal-sm": l.size === "sm",
+          "modal-lg": l.size === "lg",
+          "modal-xl": l.size === "xl"
         }
       ]
     }));
-    return (s, $) => {
-      const j = q, V = Te;
-      return d(), v(V, S(i, {
-        onMaximize: r,
-        onUnmaximize: o,
-        pt: y.value
+    return (S, V) => {
+      const M = A, q = Te;
+      return r(), v(q, C(l, {
+        onMaximize: c,
+        onUnmaximize: p,
+        pt: F.value
       }), ie({
-        closeicon: b(() => [
-          x(u(T), {
+        closeicon: g(() => [
+          x(u(j), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: p
+            onClick: b
           })
         ]),
-        maximizeicon: b(() => [
-          x(u(T), {
+        maximizeicon: g(() => [
+          x(u(j), {
             "data-cy": "maximisable-icon",
-            icon: a.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
+            icon: i.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
             height: "16"
           }, null, 8, ["icon"])
         ]),
         _: 2
       }, [
-        A(s.$slots, (M, U) => ({
-          name: U,
-          fn: b((g) => [
-            n.value.hasError ? (d(), v(se, {
+        U(S.$slots, (y, h) => ({
+          name: h,
+          fn: g((P) => [
+            o.value.hasError ? (r(), v(se, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
-              default: b(() => [
+              default: g(() => [
                 m("p", {
-                  class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
-                }, w(n.value.header), 3),
-                n.value.message.length > 0 ? (d(), f("ul", _t, [
-                  (d(!0), f(O, null, A(n.value.message, (h) => (d(), f("li", { key: h }, w(h), 1))), 128))
-                ])) : C("", !0)
+                  class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
+                }, w(o.value.header), 3),
+                o.value.message.length > 0 ? (r(), f("ul", _t, [
+                  (r(!0), f(O, null, U(o.value.message, (L) => (r(), f("li", { key: L }, w(L), 1))), 128))
+                ])) : z("", !0)
               ]),
               _: 1
-            })) : C("", !0),
-            k(s.$slots, U, K(Z(g || {}))),
-            l.value ? k(s.$slots, "loader", { key: 1 }, () => [
+            })) : z("", !0),
+            k(S.$slots, h, K(Z(P || {}))),
+            n.value ? k(S.$slots, "loader", { key: 1 }, () => [
               x(ge, { "data-cy": "loader" })
-            ]) : C("", !0)
+            ]) : z("", !0)
           ])
         })),
-        s.showFooter ? {
+        S.showFooter ? {
           name: "footer",
-          fn: b(() => [
+          fn: g(() => [
             m("div", Pt, [
-              x(j, {
-                label: s.cancelText,
-                class: B(i.cancelClass),
+              x(M, {
+                label: S.cancelText,
+                class: B(l.cancelClass),
                 outlined: "",
-                onClick: p,
+                onClick: b,
                 id: "cancel-button",
-                type: i.cancelButtonType
+                type: l.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              x(j, {
-                label: s.submitText,
-                class: B([i.submitClass, "ms-auto"]),
-                onClick: c,
+              x(M, {
+                label: S.submitText,
+                class: B([l.submitClass, "ms-auto"]),
+                onClick: d,
                 id: "submit-button",
-                type: i.submitButtonType
+                type: l.submitButtonType
               }, null, 8, ["label", "class", "type"])
             ])
           ]),
@@ -1582,7 +1593,7 @@ const _t = { key: 0 }, Pt = {
       ]), 1040, ["pt"]);
     };
   }
-}), Vt = ["id"], Mt = { key: 0 }, Dt = { key: 0 }, Ot = { class: "d-flex justify-content-between align-items-center position-relative" }, Nt = { key: 1 }, Ut = { "data-cy": "readonly-value" }, At = /* @__PURE__ */ F({
+}), Vt = ["id"], Mt = { key: 0 }, Dt = { key: 0 }, Ot = { class: "d-flex justify-content-between align-items-center position-relative" }, Nt = { key: 1 }, Ut = { "data-cy": "readonly-value" }, At = /* @__PURE__ */ $({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ N({
     name: { default: "" },
@@ -1598,12 +1609,12 @@ const _t = { key: 0 }, Pt = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, a = D(e, "modelValue"), i = I(!1), l = I(), n = () => {
-      var j;
-      i.value = !i.value, (j = l.value) == null || j.focus();
+      var S;
+      i.value = !i.value, (S = l.value) == null || S.focus();
     }, o = async () => {
-      if ($.value)
+      if (F.value)
         return !1;
-      if (a.value = s.value, t.completeAction)
+      if (a.value = d.value, t.completeAction)
         try {
           await t.completeAction.apply(this, t.params), i.value = !i.value;
         } catch {
@@ -1611,50 +1622,50 @@ const _t = { key: 0 }, Pt = {
         }
       else
         i.value = !i.value;
-    }, r = () => {
+    }, s = () => {
       i.value = !i.value;
     }, p = () => {
-      s.value = null;
-    }, { errorMessage: c, errors: y, value: s } = ee(() => t.name, void 0, {
+      d.value = null;
+    }, { errorMessage: c, errors: b, value: d } = ee(() => t.name, void 0, {
       initialValue: a.value
     });
     le(() => {
-      s.value = a.value;
+      d.value = a.value;
     });
-    const $ = z(() => y.value.length > 0);
-    return (j, V) => {
-      const M = ne, U = q;
-      return d(), f("div", {
+    const F = T(() => b.value.length > 0);
+    return (S, V) => {
+      const M = oe, q = A;
+      return r(), f("div", {
         id: t.name
       }, [
-        j.readonly ? (d(), f("div", Nt, [
-          k(j.$slots, "default", {}, () => [
-            m("span", Ut, w(u(s)), 1)
+        S.readonly ? (r(), f("div", Nt, [
+          k(S.$slots, "default", {}, () => [
+            m("span", Ut, w(u(d)), 1)
           ])
-        ])) : (d(), f("div", Mt, [
-          i.value ? (d(), f("div", Dt, [
-            H((d(), f("div", Ot, [
-              k(j.$slots, "editor", {
-                class: B({ "is-invalid": $.value }),
+        ])) : (r(), f("div", Mt, [
+          i.value ? (r(), f("div", Dt, [
+            H((r(), f("div", Ot, [
+              k(S.$slots, "editor", {
+                class: B({ "is-invalid": F.value }),
                 editFinished: o,
-                cancel: r,
-                val: u(s)
+                cancel: s,
+                val: u(d)
               }, () => [
                 x(M, {
-                  modelValue: u(s),
-                  "onUpdate:modelValue": V[0] || (V[0] = (g) => we(s) ? s.value = g : null),
+                  modelValue: u(d),
+                  "onUpdate:modelValue": V[0] || (V[0] = (y) => we(d) ? d.value = y : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
-                  class: B({ "is-invalid": $.value }),
+                  class: B({ "is-invalid": F.value }),
                   onKeydown: [
                     X(o, ["enter"]),
-                    X(r, ["esc"])
+                    X(s, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              x(u(T), {
+              x(u(j), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
@@ -1664,26 +1675,26 @@ const _t = { key: 0 }, Pt = {
             ])), [
               [u(je), o]
             ])
-          ])) : (d(), f("div", {
+          ])) : (r(), f("div", {
             key: 1,
             class: "d-flex text-muted",
             onClick: n,
             onFocus: n
           }, [
-            k(j.$slots, "default", {}, () => [
+            k(S.$slots, "default", {}, () => [
               m("div", {
-                class: B(["pe-2 cursor-pointer", { "text-invalid": $.value }]),
+                class: B(["pe-2 cursor-pointer", { "text-invalid": F.value }]),
                 "data-cy": "value"
-              }, w(u(s) ? u(s) : "Click to edit"), 3)
+              }, w(u(d) ? u(d) : "Click to edit"), 3)
             ]),
-            x(U, {
+            x(q, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: b(() => [
-                x(u(T), {
+              default: g(() => [
+                x(u(j), {
                   icon: "bi:pencil",
-                  class: B($.value ? "text-invalid" : "text-muted"),
+                  class: B(F.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
                   onKeydown: X(n, ["enter"])
                 }, null, 8, ["class"])
@@ -1696,12 +1707,12 @@ const _t = { key: 0 }, Pt = {
           "data-cy": "error",
           class: "text-invalid"
         }, w(u(c)), 513), [
-          [Y, $.value]
+          [Y, F.value]
         ])
       ], 8, Vt);
     };
   }
-}), qt = ["href"], Li = /* @__PURE__ */ F({
+}), qt = ["href"], Li = /* @__PURE__ */ $({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1718,7 +1729,7 @@ const _t = { key: 0 }, Pt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = z(() => ({
+    const t = e, a = T(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1745,11 +1756,11 @@ const _t = { key: 0 }, Pt = {
         ]
       })
     }));
-    return (i, l) => (d(), v(u(Ie), S({ ...t, ...i.$attrs }, {
+    return (i, l) => (r(), v(u(Ie), C({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
     }), ie({
-      start: b(() => [
+      start: g(() => [
         m("a", {
           href: i.logoUrl,
           class: "navbar-brand ms-3",
@@ -1760,9 +1771,9 @@ const _t = { key: 0 }, Pt = {
           ])
         ], 8, qt)
       ]),
-      buttonicon: b(() => [
+      buttonicon: g(() => [
         k(i.$slots, "buttonIcon", {}, () => [
-          x(u(T), {
+          x(u(j), {
             icon: "bi:list",
             class: B(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
@@ -1772,10 +1783,10 @@ const _t = { key: 0 }, Pt = {
       ]),
       _: 2
     }, [
-      A(i.$slots, (n, o) => ({
+      U(i.$slots, (n, o) => ({
         name: o,
-        fn: b((r) => [
-          k(i.$slots, o, K(Z(r)))
+        fn: g((s) => [
+          k(i.$slots, o, K(Z(s)))
         ])
       }))
     ]), 1040, ["pt"]));
@@ -1787,7 +1798,7 @@ const _t = { key: 0 }, Pt = {
 }, Rt = { class: "d-inline-block" }, Ht = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Wt = /* @__PURE__ */ F({
+}, Wt = /* @__PURE__ */ $({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ N({
     title: { default: "Selected Items" },
@@ -1807,8 +1818,8 @@ const _t = { key: 0 }, Pt = {
       a.value = a.value.filter((n) => n.id !== l);
     };
     return (l, n) => {
-      const o = oe, r = q;
-      return d(), f("div", {
+      const o = ne, s = A;
+      return r(), f("div", {
         class: B(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
@@ -1816,7 +1827,7 @@ const _t = { key: 0 }, Pt = {
           class: B(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          x(o, S({
+          x(o, C({
             modelValue: a.value,
             "onUpdate:modelValue": n[0] || (n[0] = (p) => a.value = p)
           }, { ...l.$attrs }, {
@@ -1825,8 +1836,8 @@ const _t = { key: 0 }, Pt = {
             placeholder: l.multiselectPlaceholder,
             "data-cy": "multiselect"
           }), {
-            default: b(() => [
-              (d(!0), f(O, null, A(l.$slots, (p, c) => k(l.$slots, c, { slot: c })), 256))
+            default: g(() => [
+              (r(!0), f(O, null, U(l.$slots, (p, c) => k(l.$slots, c, { slot: c })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
@@ -1841,31 +1852,31 @@ const _t = { key: 0 }, Pt = {
             class: "overflow-auto"
           }, [
             m("div", Et, [
-              l.title ? (d(), f("div", Lt, w(l.title), 1)) : C("", !0),
-              (d(!0), f(O, null, A(a.value, (p) => (d(), f("div", {
+              l.title ? (r(), f("div", Lt, w(l.title), 1)) : z("", !0),
+              (r(!0), f(O, null, U(a.value, (p) => (r(), f("div", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 k(l.$slots, "list-item", { item: p }, () => [
                   m("span", Rt, w(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
-                l.canRemoveItemFromPreview ? (d(), v(r, {
+                l.canRemoveItemFromPreview ? (r(), v(s, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
                   onClick: (c) => i(p.id)
                 }, {
-                  default: b(() => [
-                    x(u(T), {
+                  default: g(() => [
+                    x(u(j), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${p.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : C("", !0)
+                }, 1032, ["onClick"])) : z("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (d(), f("div", Ht, w(t.optionsPreviewEmptyText), 1)) : C("", !0)
+              a.value == null || a.value.length == 0 ? (r(), f("div", Ht, w(t.optionsPreviewEmptyText), 1)) : z("", !0)
             ])
           ], 4)
         ], 2)
@@ -1878,21 +1889,21 @@ const _t = { key: 0 }, Pt = {
 }, Jt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, Ri = /* @__PURE__ */ F({
+}, Ri = /* @__PURE__ */ $({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), f("div", Yt, [
+    return (a, i) => (r(), f("div", Yt, [
       m("h3", Gt, w(t.title), 1),
       m("div", Jt, [
         k(a.$slots, "default")
       ])
     ]));
   }
-}), Kt = { class: "d-flex" }, Zt = { "data-cy": "before-slot" }, Xt = { class: "position-relative w-100" }, Qt = { "data-cy": "after-slot" }, be = /* @__PURE__ */ F({
+}), Kt = { class: "d-flex" }, Zt = { "data-cy": "before-slot" }, Xt = { class: "position-relative w-100" }, Qt = { "data-cy": "after-slot" }, be = /* @__PURE__ */ $({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ N({
     severity: { default: "primary" },
@@ -1968,37 +1979,37 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: n, handleBlur: o, setValue: r } = ee(() => t.name, void 0, {
+    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: n, handleBlur: o, setValue: s } = ee(() => t.name, void 0, {
       initialValue: a.value
     }), p = () => {
-      r(null), a.value = null;
-    }, c = z(() => i.value.length > 0), y = z(() => ({
-      dayCell: ({ context: s }) => ({
+      s(null), a.value = null;
+    }, c = T(() => i.value.length > 0), b = T(() => ({
+      dayCell: ({ context: d }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
           {
-            "cursor-pointer": !s.disabled,
-            "pe-none": s.disabled,
-            "text-white": s.selected
+            "cursor-pointer": !d.disabled,
+            "pe-none": d.disabled,
+            "text-white": d.selected
           },
           // Severities
           {
-            selected: s.selected && !s.disabled,
-            "text-primary": !s.selected && s.today && (t.severity === void 0 || t.severity === "primary"),
-            "text-brand": !s.selected && s.today && t.severity === "brand",
-            "text-secondary": !s.selected && s.today && t.severity === "secondary",
-            "text-success": !s.selected && s.today && t.severity === "success",
-            "text-warning": !s.selected && s.today && t.severity === "warning",
-            "text-danger": !s.selected && s.today && t.severity === "danger",
-            "text-info": !s.selected && s.today && t.severity === "info"
+            selected: d.selected && !d.disabled,
+            "text-primary": !d.selected && d.today && (t.severity === void 0 || t.severity === "primary"),
+            "text-brand": !d.selected && d.today && t.severity === "brand",
+            "text-secondary": !d.selected && d.today && t.severity === "secondary",
+            "text-success": !d.selected && d.today && t.severity === "success",
+            "text-warning": !d.selected && d.today && t.severity === "warning",
+            "text-danger": !d.selected && d.today && t.severity === "danger",
+            "text-info": !d.selected && d.today && t.severity === "info"
           }
         ]
       }),
-      dayLabel: ({ context: s }) => ({
+      dayLabel: ({ context: d }) => ({
         class: [
           // Disabled States
           {
-            "text-muted": s.disabled
+            "text-muted": d.disabled
           }
         ]
       }),
@@ -2034,61 +2045,61 @@ const _t = { key: 0 }, Pt = {
           ]
         })
       },
-      year: ({ context: s }) => ({
+      year: ({ context: d }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-brand": t.severity === "brand" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-secondary": t.severity === "secondary" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-success": t.severity === "success" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-warning": t.severity === "warning" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-danger": t.severity === "danger" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-info": t.severity === "info" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear()
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-brand": t.severity === "brand" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-secondary": t.severity === "secondary" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success": t.severity === "success" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-warning": t.severity === "warning" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-danger": t.severity === "danger" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-info": t.severity === "info" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear()
           }
         ]
       }),
-      month: ({ context: s }) => ({
+      month: ({ context: d }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-brand": t.severity === "brand" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-secondary": t.severity === "secondary" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-success": t.severity === "success" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-warning": t.severity === "warning" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-danger": t.severity === "danger" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-info": t.severity === "info" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-brand": t.severity === "brand" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-secondary": t.severity === "secondary" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success": t.severity === "success" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-warning": t.severity === "warning" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-danger": t.severity === "danger" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-info": t.severity === "info" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
           }
         ]
       })
     }));
-    return (s, $) => {
-      const j = _e;
-      return d(), f(O, null, [
+    return (d, F) => {
+      const S = _e;
+      return r(), f(O, null, [
         m("div", Kt, [
           m("span", Zt, [
-            k(s.$slots, "before")
+            k(d.$slots, "before")
           ]),
           m("div", Xt, [
-            x(j, S({ ...t, ...s.$attrs }, {
-              pt: y.value,
+            x(S, C({ ...t, ...d.$attrs }, {
+              pt: b.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
-                $[0] || ($[0] = (V) => a.value = V),
+                F[0] || (F[0] = (V) => a.value = V),
                 u(n)
               ],
-              onBlur: $[1] || ($[1] = () => u(o)),
+              onBlur: F[1] || (F[1] = () => u(o)),
               "input-class": { "datepicker-invalid": c.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            H(x(u(T), {
+            H(x(u(j), {
               "data-cy": "icon",
               icon: "bi:calendar4",
               class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${c.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [Y, t.showIcon]
             ]),
-            H(x(u(T), {
+            H(x(u(j), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
@@ -2098,7 +2109,7 @@ const _t = { key: 0 }, Pt = {
             ])
           ]),
           m("span", Qt, [
-            k(s.$slots, "after")
+            k(d.$slots, "after")
           ])
         ]),
         H(m("small", {
@@ -2110,19 +2121,19 @@ const _t = { key: 0 }, Pt = {
       ], 64);
     };
   }
-}), Hi = /* @__PURE__ */ F({
+}), Hi = /* @__PURE__ */ $({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
     currentCount: {}
   },
   setup(e) {
-    const t = e, a = z(() => t.maxCount - t.currentCount);
-    return (i, l) => (d(), f("div", {
+    const t = e, a = T(() => t.maxCount - t.currentCount);
+    return (i, l) => (r(), f("div", {
       class: B(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + w(a.value), 3));
   }
-}), ea = { class: "d-flex justify-content-between" }, Wi = /* @__PURE__ */ F({
+}), ea = { class: "d-flex justify-content-between" }, Wi = /* @__PURE__ */ $({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2148,13 +2159,13 @@ const _t = { key: 0 }, Pt = {
       a.value = !1;
     }
     return (n, o) => {
-      const r = q;
-      return d(), f("form", S(n.$attrs, {
+      const s = A;
+      return r(), f("form", C(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: G(l, ["prevent"])
       }), [
-        n.hideTitle ? C("", !0) : (d(), f(O, { key: 0 }, [
+        n.hideTitle ? z("", !0) : (r(), f(O, { key: 0 }, [
           k(n.$slots, "title", {}, () => [
             m("h3", {
               class: B(n.titleClass),
@@ -2163,12 +2174,12 @@ const _t = { key: 0 }, Pt = {
           ]),
           o[1] || (o[1] = m("hr", null, null, -1))
         ], 64)),
-        i.value.hasError ? (d(), v(se, {
+        i.value.hasError ? (r(), v(se, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: b(() => [
+          default: g(() => [
             k(n.$slots, "error", {
               error: i.value.message
             }, () => [
@@ -2176,11 +2187,11 @@ const _t = { key: 0 }, Pt = {
             ])
           ]),
           _: 3
-        })) : C("", !0),
+        })) : z("", !0),
         k(n.$slots, "default"),
         m("div", ea, [
           k(n.$slots, "cancel", {}, () => [
-            n.hideCancel ? C("", !0) : (d(), v(r, {
+            n.hideCancel ? z("", !0) : (r(), v(s, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
@@ -2188,37 +2199,37 @@ const _t = { key: 0 }, Pt = {
               outlined: "",
               onClick: o[0] || (o[0] = (p) => n.$emit("cancel"))
             }, {
-              default: b(() => [
+              default: g(() => [
                 _(w(n.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
           k(n.$slots, "submit", { submit: l }, () => [
-            x(r, {
+            x(s, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: b(() => [
+              default: g(() => [
                 _(w(n.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        a.value ? (d(), v(ge, {
+        a.value ? (r(), v(ge, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : C("", !0)
+        })) : z("", !0)
       ], 16);
     };
   }
 }), ta = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, aa = ["for"], Yi = /* @__PURE__ */ F({
+}, aa = ["for"], Yi = /* @__PURE__ */ $({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ N({
     name: {},
@@ -2234,24 +2245,24 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = e, i = (y) => {
-      a.type == "number" ? r(y.value) : r(y);
-    }, { errors: l, value: n, errorMessage: o, handleChange: r, handleBlur: p } = ee(() => a.name, void 0, {
+    const t = D(e, "modelValue"), a = e, i = (b) => {
+      a.type == "number" ? s(b.value) : s(b);
+    }, { errors: l, value: n, errorMessage: o, handleChange: s, handleBlur: p } = ee(() => a.name, void 0, {
       initialValue: t.value
-    }), c = z(() => l.value.length > 0);
-    return ce(() => n.value, (y) => {
-      t.value = y;
-    }, { immediate: !0 }), (y, s) => {
-      const $ = Ve, j = Pe, V = ne, M = te, U = oe, g = be;
-      return a.type === "checkbox" ? (d(), v(fe, S({
+    }), c = T(() => l.value.length > 0);
+    return ce(() => n.value, (b) => {
+      t.value = b;
+    }, { immediate: !0 }), (b, d) => {
+      const F = Ve, S = Pe, V = oe, M = te, q = ne, y = be;
+      return a.type === "checkbox" ? (r(), v(fe, C({
         key: 0,
         id: a.name,
         label: a.fieldLabel
-      }, y.$attrs, {
+      }, b.$attrs, {
         name: a.name,
         modelValue: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (h) => t.value = h)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), f("div", ta, [
+        "onUpdate:modelValue": d[0] || (d[0] = (h) => t.value = h)
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), f("div", ta, [
         m("div", {
           "data-cy": "input-wrapper",
           class: B(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
@@ -2260,64 +2271,64 @@ const _t = { key: 0 }, Pt = {
             for: a.name,
             class: B(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, w(a.fieldLabel), 11, aa),
-          a.type === "number" ? (d(), v(u(ue), S({
+          a.type === "number" ? (r(), v(u(ue), C({
             key: 0,
             id: a.name
-          }, y.$attrs, {
+          }, b.$attrs, {
             placeholder: a.placeholder,
             "input-class": { "is-invalid": c.value },
             class: { "is-invalid": c.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (h) => t.value = h),
+            "onUpdate:modelValue": d[1] || (d[1] = (h) => t.value = h),
             onInput: i
-          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), v($, S({
+          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (r(), v(F, C({
             key: 1,
             id: a.name
-          }, y.$attrs, {
+          }, b.$attrs, {
             placeholder: a.placeholder,
             class: { "is-invalid": c.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (h) => t.value = h),
+            "onUpdate:modelValue": d[2] || (d[2] = (h) => t.value = h),
             onInput: i,
             onBlur: u(p)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), v(j, S({
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (r(), v(S, C({
             key: 2,
             id: a.name
-          }, y.$attrs, {
+          }, b.$attrs, {
             placeholder: a.placeholder,
             mask: a.mask,
             class: { "is-invalid": c.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[3] || (s[3] = (h) => t.value = h),
+            "onUpdate:modelValue": d[3] || (d[3] = (h) => t.value = h),
             onComplete: i,
             onBlur: u(p)
-          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), v(V, S({
+          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (r(), v(V, C({
             key: 3,
             id: a.name
-          }, y.$attrs, {
+          }, b.$attrs, {
             placeholder: a.placeholder,
             class: { "is-invalid": c.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[4] || (s[4] = (h) => t.value = h),
+            "onUpdate:modelValue": d[4] || (d[4] = (h) => t.value = h),
             onInput: i,
             onBlur: u(p)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), v(M, S({ key: 4 }, { ...a, ...y.$attrs }, {
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (r(), v(M, C({ key: 4 }, { ...a, ...b.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[5] || (s[5] = (h) => t.value = h),
+            "onUpdate:modelValue": d[5] || (d[5] = (h) => t.value = h),
             class: { "is-invalid": c.value }
-          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), v(U, S({ key: 5 }, { ...a, ...y.$attrs }, {
+          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (r(), v(q, C({ key: 5 }, { ...a, ...b.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[6] || (s[6] = (h) => t.value = h),
+            "onUpdate:modelValue": d[6] || (d[6] = (h) => t.value = h),
             class: { "is-invalid": c.value }
-          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), v(Wt, S({ key: 6 }, { ...a, ...y.$attrs }, {
+          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (r(), v(Wt, C({ key: 6 }, { ...a, ...b.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[7] || (s[7] = (h) => t.value = h),
+            "onUpdate:modelValue": d[7] || (d[7] = (h) => t.value = h),
             class: { "is-invalid": c.value }
-          }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), v(g, S({ key: 7 }, { ...a, ...y.$attrs }, {
+          }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (r(), v(y, C({ key: 7 }, { ...a, ...b.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[8] || (s[8] = (h) => t.value = h),
+            "onUpdate:modelValue": d[8] || (d[8] = (h) => t.value = h),
             class: { "is-invalid": c.value }
-          }), null, 16, ["modelValue", "class"])) : C("", !0)
+          }), null, 16, ["modelValue", "class"])) : z("", !0)
         ], 2),
         H(m("small", {
           "data-cy": "error",
@@ -2328,7 +2339,7 @@ const _t = { key: 0 }, Pt = {
       ]));
     };
   }
-}), Gi = /* @__PURE__ */ F({
+}), Gi = /* @__PURE__ */ $({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2344,7 +2355,7 @@ const _t = { key: 0 }, Pt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = z(() => ({
+    const t = e, a = T(() => ({
       root: [
         "badge d-inline-flex align-items-center border me-1 p-1",
         {
@@ -2363,15 +2374,15 @@ const _t = { key: 0 }, Pt = {
     }));
     return (i, l) => {
       const n = Me;
-      return d(), v(n, S({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
-        default: b(() => [
-          (d(!0), f(O, null, A(i.$slots, (o, r) => k(i.$slots, r, { slot: r })), 256))
+      return r(), v(n, C({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+        default: g(() => [
+          (r(!0), f(O, null, U(i.$slots, (o, s) => k(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), ia = /* @__PURE__ */ F({
+}), ia = /* @__PURE__ */ $({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2387,7 +2398,7 @@ const _t = { key: 0 }, Pt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = z(() => t.striped ? "progress-bar-striped" : null), i = z(() => t.animate ? "progress-bar-animated" : null), l = z(() => {
+    const t = e, a = T(() => t.striped ? "progress-bar-striped" : null), i = T(() => t.animate ? "progress-bar-animated" : null), l = T(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2406,7 +2417,7 @@ const _t = { key: 0 }, Pt = {
         default:
           return "bg-primary";
       }
-    }), n = z(() => ({
+    }), n = T(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2414,10 +2425,10 @@ const _t = { key: 0 }, Pt = {
         class: [l.value, a.value, i.value, "progress-bar"]
       }
     }));
-    return (o, r) => {
+    return (o, s) => {
       const p = De;
-      return d(), v(p, S({ ...o.$attrs, ...t }, { pt: n.value }), {
-        default: b(() => [
+      return r(), v(p, C({ ...o.$attrs, ...t }, { pt: n.value }), {
+        default: g(() => [
           k(o.$slots, "default")
         ]),
         _: 3
@@ -2425,7 +2436,7 @@ const _t = { key: 0 }, Pt = {
     };
   }
 });
-var la = /* @__PURE__ */ F({
+var la = /* @__PURE__ */ $({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -2737,14 +2748,14 @@ var la = /* @__PURE__ */ F({
       });
     },
     wrapText(e, t, a, i, l, n) {
-      const o = /(\r\n|\n\r|\n|\r)+/g, r = /\s+/g;
+      const o = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
       var p = t.split(o).filter((M) => M.length > 0);
       for (let M = 0; M < p.length; M++) {
-        for (var c = p[M].split(r).filter((U) => U.length > 0), y = "", s = 0; s < c.length; s++) {
-          var $ = y + c[s] + " ", j = e.measureText($), V = j.width;
-          V > l && s > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), y = c[s] + " ", i += n) : y = $;
+        for (var c = p[M].split(s).filter((q) => q.length > 0), b = "", d = 0; d < c.length; d++) {
+          var F = b + c[d] + " ", S = e.measureText(F), V = S.width;
+          V > l && d > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(b, a, i) : e.fillText(b, a, i), b = c[d] + " ", i += n) : b = F;
         }
-        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), i += c.length > 0 ? n : 0;
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(b, a, i) : e.fillText(b, a, i), i += c.length > 0 ? n : 0;
       }
     },
     save() {
@@ -2764,20 +2775,20 @@ var la = /* @__PURE__ */ F({
         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"), r = 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), r)
-            return r.drawImage(e, 0, 0, Number(p), Number(c)), this.$emit("update:image", o.toDataURL("image/" + this.saveAs, 1)), o.toDataURL("image/" + this.saveAs, 1);
+          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);
         };
       } 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 s, $;
-          a.fontStyle && a.fontStyle.width ? s = a.x + Math.floor(a.fontStyle.width / 2) : s = a.x, a.fontStyle && a.fontStyle.lineHeight ? $ = a.y + Math.floor(a.fontStyle.lineHeight / 2) : $ = a.y, t.translate(s, $), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(s * -1, $ * -1);
+          let d, F;
+          a.fontStyle && a.fontStyle.width ? d = a.x + Math.floor(a.fontStyle.width / 2) : d = a.x, a.fontStyle && a.fontStyle.lineHeight ? F = a.y + Math.floor(a.fontStyle.lineHeight / 2) : F = a.y, t.translate(d, F), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(d * -1, F * -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 r = document.createElement("canvas"), p = r.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, y = this.outputHeight === void 0 ? this.height : this.outputHeight;
-        if (r.width = Number(c), r.height = Number(y), p)
-          return p.drawImage(e, 0, 0, Number(c), Number(y)), this.$emit("update:image", r.toDataURL("image/" + this.saveAs, 1)), r.toDataURL("image/" + this.saveAs, 1);
+        let s = document.createElement("canvas"), p = s.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, b = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (s.width = Number(c), s.height = Number(b), p)
+          return p.drawImage(e, 0, 0, Number(c), Number(b)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
       }
     },
     isEmpty() {
@@ -2815,7 +2826,7 @@ var la = /* @__PURE__ */ F({
     });
   }
 });
-const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1 gap-1" }, Ji = /* @__PURE__ */ F({
+const oa = { class: "d-flex flex-column" }, na = { class: "d-flex flex-row mt-1 gap-1" }, Ji = /* @__PURE__ */ $({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -2830,79 +2841,79 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
   setup(e, { emit: t }) {
     const a = e, i = t, l = Fe("drawingCanvas"), n = I(), o = () => {
       l == null || l.value.reset();
-    }, r = () => {
+    }, s = () => {
       l == null || l.value.redo();
     }, p = () => {
       l == null || l.value.undo();
     }, c = () => {
       i("save", l.value.isEmpty());
     };
-    return (y, s) => {
-      const $ = q;
-      return d(), f("div", na, [
-        x(u(la), S({
+    return (b, d) => {
+      const F = A;
+      return r(), f("div", oa, [
+        x(u(la), C({
           ref_key: "drawingCanvas",
           ref: l,
           image: n.value,
-          "onUpdate:image": s[0] || (s[0] = (j) => n.value = j),
+          "onUpdate:image": d[0] || (d[0] = (S) => n.value = S),
           "data-cy": "drawing-canvas",
           class: "border canvas"
-        }, { ...y.$attrs }, {
-          height: y.height,
-          width: y.width,
-          style: `height: ${y.height}px; width: ${y.width}px`,
-          "line-join": y.lineJoin
+        }, { ...b.$attrs }, {
+          height: b.height,
+          width: b.width,
+          style: `height: ${b.height}px; width: ${b.width}px`,
+          "line-join": b.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
-        m("div", oa, [
-          a.showUndo ? (d(), v($, {
+        m("div", na, [
+          a.showUndo ? (r(), v(F, {
             key: 0,
             onClick: p,
             outlined: "",
             "data-cy": "undo-button"
           }, {
-            default: b(() => s[1] || (s[1] = [
+            default: g(() => d[1] || (d[1] = [
               _("Undo")
             ])),
             _: 1
-          })) : C("", !0),
-          a.showRedo ? (d(), v($, {
+          })) : z("", !0),
+          a.showRedo ? (r(), v(F, {
             key: 1,
-            onClick: r,
+            onClick: s,
             outlined: "",
             "data-cy": "redo-button"
           }, {
-            default: b(() => s[2] || (s[2] = [
+            default: g(() => d[2] || (d[2] = [
               _("Redo")
             ])),
             _: 1
-          })) : C("", !0),
-          a.showClear ? (d(), v($, {
+          })) : z("", !0),
+          a.showClear ? (r(), v(F, {
             key: 2,
             onClick: o,
             outlined: "",
             "data-cy": "clear-button"
           }, {
-            default: b(() => s[3] || (s[3] = [
+            default: g(() => d[3] || (d[3] = [
               _("Clear")
             ])),
             _: 1
-          })) : C("", !0),
-          a.showSave ? (d(), v($, {
+          })) : z("", !0),
+          a.showSave ? (r(), v(F, {
             key: 3,
             onClick: c,
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
-            default: b(() => s[4] || (s[4] = [
+            default: g(() => d[4] || (d[4] = [
               _("Save")
             ])),
             _: 1
-          })) : C("", !0)
+          })) : z("", !0)
         ])
       ]);
     };
   }
-}), sa = { class: "value text-white w-100 text-center" }, Ki = /* @__PURE__ */ F({
+}), sa = { class: "value text-white w-100 text-center" }, Ki = /* @__PURE__ */ $({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2910,7 +2921,7 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), f("div", S(a.$attrs, {
+    return (a, i) => (r(), f("div", C(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", sa, [
@@ -2918,7 +2929,7 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
       ])
     ], 16));
   }
-}), ra = { key: 0 }, Zi = /* @__PURE__ */ F({
+}), ra = { key: 0 }, Zi = /* @__PURE__ */ $({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -2936,7 +2947,7 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = z(() => ({
+    const t = e, a = T(() => ({
       header: {
         class: [
           "p-0 m-0 d-flex align-items-center border border-0 bg-transparent gap-1",
@@ -2965,18 +2976,18 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
         ]
       })
     }));
-    return (i, l) => (d(), v(u(Ne), { value: i.currentStep }, {
-      default: b(() => [
+    return (i, l) => (r(), v(u(Ne), { value: i.currentStep }, {
+      default: g(() => [
         x(u(Ue), null, {
-          default: b(() => [
-            (d(!0), f(O, null, A(i.steps, (n) => (d(), v(u(Oe), S({
+          default: g(() => [
+            (r(!0), f(O, null, U(i.steps, (n) => (r(), v(u(Oe), C({
               key: n.value,
               value: n.value,
               disabled: n.disabled,
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
-              default: b(() => [
-                i.showStepLabel ? (d(), f("div", ra, w(n.label), 1)) : C("", !0)
+              default: g(() => [
+                i.showStepLabel ? (r(), f("div", ra, w(n.label), 1)) : z("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
@@ -2984,12 +2995,12 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
           _: 1
         }),
         x(u(qe), null, {
-          default: b(() => [
-            (d(!0), f(O, null, A(i.steps, (n) => (d(), v(u(Ae), {
+          default: g(() => [
+            (r(!0), f(O, null, U(i.steps, (n) => (r(), v(u(Ae), {
               key: n.value,
               value: n.value
             }, {
-              default: b(() => [
+              default: g(() => [
                 k(i.$slots, "step" + n.value)
               ]),
               _: 2
@@ -3001,7 +3012,7 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), da = { class: "p-4 text-wrap w-100" }, pa = { class: "p-4 text-wrap w-100" }, Xi = /* @__PURE__ */ F({
+}), da = { class: "p-4 text-wrap w-100" }, pa = { class: "p-4 text-wrap w-100" }, Xi = /* @__PURE__ */ $({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -3010,17 +3021,17 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = z(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = z(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
+    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(), v(o, {
+      const o = A;
+      return t.clickable ? (r(), v(o, {
         key: 0,
         class: B(["d-flex w-100 p-0 text-body", a.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: b(() => [
+        default: g(() => [
           m("div", da, [
             k(l.$slots, "default", {}, () => [
               n[0] || (n[0] = _("Tile Content"))
@@ -3028,7 +3039,7 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (d(), f("div", {
+      }, 8, ["severity", "class"])) : (r(), f("div", {
         key: 1,
         class: B(["d-flex w-100", i.value]),
         "data-cy": "tile"
@@ -3051,7 +3062,7 @@ const ca = {
 }, ua = { class: "ms-2" }, ma = { key: 0 }, va = {
   class: "w-auto",
   "data-cy": "total"
-}, fa = /* @__PURE__ */ F({
+}, fa = /* @__PURE__ */ $({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -3062,30 +3073,30 @@ const ca = {
   setup(e, { emit: t }) {
     const a = t, i = e, l = (o) => {
       a("update:perPage", o.value);
-    }, n = z(() => {
+    }, n = T(() => {
       const o = Math.ceil(i.total / i.perPage);
       return `${o} ${Q(o, "page")}`;
     });
-    return (o, r) => (d(), f("div", ca, [
-      r[2] || (r[2] = _(" Number of results per page ")),
+    return (o, s) => (r(), f("div", ca, [
+      s[2] || (s[2] = _(" Number of results per page ")),
       m("div", ua, [
         x(u(te), {
           options: i.pageSizes,
           "model-value": i.perPage,
           class: "page-size",
-          onChange: r[0] || (r[0] = (p) => l(p))
+          onChange: s[0] || (s[0] = (p) => l(p))
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (d(), f("div", ma, [
-        r[1] || (r[1] = m("span", { class: "mx-2" }, "|", -1)),
+      i.total ? (r(), f("div", ma, [
+        s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
         m("span", va, w(i.total) + " " + w(u(Q)(i.total, "result")) + " across " + w(n.value), 1)
-      ])) : C("", !0)
+      ])) : z("", !0)
     ]));
   }
 }), ga = { class: "position-relative" }, ba = { "data-cy": "above-table-slot" }, ya = { class: "d-flex w-100" }, xa = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, ha = { class: "d-flex" }, wa = { class: "d-flex align-items-end mb-2" }, ka = { key: 0 }, $a = { class: "ms-auto" }, Qi = /* @__PURE__ */ F({
+}, ha = { class: "d-flex" }, wa = { class: "d-flex align-items-end mb-2" }, ka = { key: 0 }, $a = { class: "ms-auto" }, Qi = /* @__PURE__ */ $({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3171,17 +3182,17 @@ const ca = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = I(), n = I([5, 10, 20, 50, 100]), o = I(10), r = I({
+    const a = t, i = e, l = I(), n = I([5, 10, 20, 50, 100]), o = I(10), s = I({
       filters: i.filters,
       perPage: o.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: i.totalRecords ?? i.value.length
-    }), p = z(() => i.totalRecords ?? i.value.length), c = z(() => {
-      const g = Math.ceil(p.value / o.value);
-      return `${g} ${Q(g, "page")}`;
-    }), y = z(() => ({
+    }), p = T(() => i.totalRecords ?? i.value.length), c = T(() => {
+      const y = Math.ceil(p.value / o.value);
+      return `${y} ${Q(y, "page")}`;
+    }), b = T(() => ({
       thead: () => ({
         class: [
           {
@@ -3203,35 +3214,35 @@ const ca = {
           }
         ]
       })
-    })), s = () => {
+    })), d = () => {
       if (i.clearAll)
         i.clearAll();
       else
-        for (const g in i.filters)
-          typeof i.filters[g] == "string" ? i.filters[g] = "" : i.filters[g].value = null;
+        for (const y in i.filters)
+          typeof i.filters[y] == "string" ? i.filters[y] = "" : i.filters[y].value = null;
       V(i.filters);
-    }, $ = () => {
+    }, F = () => {
       l.value.exportCSV();
-    }, j = (g) => {
+    }, S = (y) => {
       var h;
-      r.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", r.value.sortField = ((h = g.sortField) == null ? void 0 : h.toString()) ?? "", a("update:tableContext", r.value), a("sort", g);
-    }, V = (g) => {
-      r.value.filters = g, a("update:tableContext", r.value), a("update:filters", g);
-    }, M = (g) => {
-      r.value.page = g.page, a("update:tableContext", r.value), a("page", g);
-    }, U = () => {
-      r.value.perPage = o.value, a("update:tableContext", r.value);
+      s.value.sortDirection = y.sortOrder === 1 ? "Asc" : y.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((h = y.sortField) == null ? void 0 : h.toString()) ?? "", a("update:tableContext", s.value), a("sort", y);
+    }, V = (y) => {
+      s.value.filters = y, a("update:tableContext", s.value), a("update:filters", y);
+    }, M = (y) => {
+      s.value.page = y.page, a("update:tableContext", s.value), a("page", y);
+    }, q = () => {
+      s.value.perPage = o.value, a("update:tableContext", s.value);
     };
-    return ce(() => i.filters, (g) => {
-      r.value.filters = g, a("update:tableContext", r.value);
-    }, { deep: !0 }), le(() => a("update:tableContext", r.value)), (g, h) => (d(), f("div", ga, [
+    return ce(() => i.filters, (y) => {
+      s.value.filters = y, a("update:tableContext", s.value);
+    }, { deep: !0 }), le(() => a("update:tableContext", s.value)), (y, h) => (r(), f("div", ga, [
       m("span", ba, [
-        k(g.$slots, "above-table")
+        k(y.$slots, "above-table")
       ]),
-      x(u(Ee), S({
+      x(u(Ee), C({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
-      }, { ...i, ...g.$attrs }, {
-        pt: y.value,
+      }, { ...i, ...y.$attrs }, {
+        pt: b.value,
         rows: o.value,
         "total-records": p.value,
         "filter-display": i.filters ? "row" : void 0,
@@ -3239,43 +3250,43 @@ const ca = {
         ref: l,
         "data-cy": "table",
         "onUpdate:filters": V,
-        onSort: j,
+        onSort: S,
         onPage: M,
         showHeaders: ""
       }), ie({
-        empty: b(() => [
+        empty: g(() => [
           m("div", ya, [
-            m("h5", xa, w(g.emptyMessage ?? "No items Found."), 1)
+            m("h5", xa, w(y.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
-        header: b(() => [
+        header: g(() => [
           m("div", {
             class: B(i.loading ? "opacity-50" : "")
           }, [
             m("div", ha, [
               m("div", wa, [
-                g.paginator && !g.legacyPaginationFooter ? (d(), f("span", ka, [
+                y.paginator && !y.legacyPaginationFooter ? (r(), f("span", ka, [
                   x(fa, {
                     total: p.value,
                     "page-sizes": n.value,
                     "per-page": o.value,
                     "onUpdate:perPage": [
                       h[0] || (h[0] = (P) => o.value = P),
-                      U
+                      q
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : C("", !0)
+                ])) : z("", !0)
               ]),
               m("div", $a, [
-                g.showClearButton ? (d(), v(u(q), {
+                y.showClearButton ? (r(), v(u(A), {
                   key: 0,
                   outlined: "",
-                  class: B(g.showExporterButton ? "me-2" : ""),
-                  onClick: s,
+                  class: B(y.showExporterButton ? "me-2" : ""),
+                  onClick: d,
                   "data-cy": "clear-all"
                 }, {
-                  default: b(() => [
-                    x(u(T), {
+                  default: g(() => [
+                    x(u(j), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
@@ -3283,15 +3294,15 @@ const ca = {
                     h[2] || (h[2] = _(" Clear "))
                   ]),
                   _: 1
-                }, 8, ["class"])) : C("", !0),
-                g.showExporterButton ? (d(), v(u(q), {
+                }, 8, ["class"])) : z("", !0),
+                y.showExporterButton ? (r(), v(u(A), {
                   key: 1,
                   outlined: "",
-                  onClick: $,
+                  onClick: F,
                   "data-cy": "exporter"
                 }, {
-                  default: b(() => [
-                    x(u(T), {
+                  default: g(() => [
+                    x(u(j), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
@@ -3299,26 +3310,26 @@ const ca = {
                     h[3] || (h[3] = _(" Export "))
                   ]),
                   _: 1
-                })) : C("", !0),
-                k(g.$slots, "column-customiser")
+                })) : z("", !0),
+                k(y.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
-        default: b(() => [
-          k(g.$slots, "default")
+        default: g(() => [
+          k(y.$slots, "default")
         ]),
         _: 2
       }, [
-        A(g.$slots, (P, L) => ({
+        U(y.$slots, (P, L) => ({
           name: L,
-          fn: b((ae) => [
-            k(g.$slots, L, K(Z(ae || {})))
+          fn: g((ae) => [
+            k(y.$slots, L, K(Z(ae || {})))
           ])
         })),
-        g.legacyPaginationFooter ? {
+        y.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: b(() => [
+          fn: g(() => [
             m("span", {
               class: B(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
@@ -3329,15 +3340,15 @@ const ca = {
                 modelValue: o.value,
                 "onUpdate:modelValue": h[1] || (h[1] = (P) => o.value = P),
                 class: "ms-2",
-                onClick: U
+                onClick: q
               }, null, 8, ["options", "modelValue"])
             ], 2)
           ]),
           key: "0"
         } : void 0,
-        g.legacyPaginationFooter ? {
+        y.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: b(() => [
+          fn: g(() => [
             m("span", {
               "data-cy": "legacy-total",
               class: B(i.loading ? "opacity-50" : "")
@@ -3348,7 +3359,7 @@ const ca = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), Fa = { class: "d-flex position-relative" }, Ba = { class: "d-flex w-100" }, el = /* @__PURE__ */ F({
+}), Fa = { class: "d-flex position-relative" }, Ba = { class: "d-flex w-100" }, el = /* @__PURE__ */ $({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ N({
     dataType: {},
@@ -3366,10 +3377,10 @@ const ca = {
     const t = D(e, "modelValue"), a = (l, n) => {
       if (!l || Array.isArray(l) && l.length === 0)
         return n;
-      const o = (r) => {
+      const o = (s) => {
         var c;
         const p = (c = e.dropdownOptions) == null ? void 0 : c.find(
-          (y) => e.optionValue ? y[e.optionValue] === r : Object.keys(y).every((s) => r.hasOwnProperty(s) && y[s] === r[s])
+          (b) => e.optionValue ? b[e.optionValue] === s : Object.keys(b).every((d) => s.hasOwnProperty(d) && b[d] === s[d])
         );
         return e.optionLabel ? p[e.optionLabel] : p;
       };
@@ -3378,20 +3389,21 @@ const ca = {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
     return (l, n) => {
-      const o = ue, r = q;
-      return d(), f("div", Fa, [
-        l.dataType === "numeric" ? (d(), v(o, S({
+      const o = ue, s = A;
+      return r(), f("div", Fa, [
+        l.dataType === "numeric" ? (r(), v(o, C({
           key: 0,
           modelValue: t.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (p) => t.value = p)
-        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (d(), v(be, S({
+          "onUpdate:modelValue": n[0] || (n[0] = (p) => t.value = p),
+          modelModifiers: { trim: !0 }
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (r(), v(be, C({
           key: 1,
           modelValue: t.value,
           "onUpdate:modelValue": n[1] || (n[1] = (p) => t.value = p)
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), v(u(te), S({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (r(), v(u(te), C({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": n[2] || (n[2] = (p) => t.value = p)
@@ -3400,19 +3412,19 @@ const ca = {
           "option-value": l.optionValue,
           "option-label": l.optionLabel
         }), {
-          value: b(({ value: p, placeholder: c }) => [
+          value: g(({ value: p, placeholder: c }) => [
             m("div", Ba, [
               m("span", {
                 class: B({ "filter-placeholder": p === null })
               }, w(a(p, c)), 3),
-              l.showClearButton && t.value !== null ? (d(), v(r, {
+              l.showClearButton && t.value !== null ? (r(), v(s, {
                 key: 0,
                 onClick: G(i, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
-                default: b(() => [
-                  x(u(T), {
+                default: g(() => [
+                  x(u(j), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -3420,11 +3432,11 @@ const ca = {
                   })
                 ]),
                 _: 1
-              })) : C("", !0)
+              })) : z("", !0)
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), v(u(oe), S({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (r(), v(u(ne), C({
           key: 3,
           modelValue: t.value,
           "onUpdate:modelValue": n[3] || (n[3] = (p) => t.value = p)
@@ -3434,19 +3446,20 @@ const ca = {
           "option-label": l.optionLabel,
           "option-value": l.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), v(u(ne), S({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (r(), v(u(oe), C({
           key: 4,
           modelValue: t.value,
-          "onUpdate:modelValue": n[4] || (n[4] = (p) => t.value = p)
+          "onUpdate:modelValue": n[4] || (n[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(), v(r, {
+        l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (r(), v(s, {
           key: 5,
           onClick: G(i, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
-          default: b(() => [
-            x(u(T), {
+          default: g(() => [
+            x(u(j), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -3454,7 +3467,7 @@ const ca = {
             })
           ]),
           _: 1
-        })) : C("", !0)
+        })) : z("", !0)
       ]);
     };
   }
@@ -4524,17 +4537,17 @@ class ye {
   }
   define(t, a = !1) {
     for (let [i, l] of Object.entries(t)) {
-      i = i.toLowerCase(), l = l.map((r) => r.toLowerCase()), E(this, R, "f").has(i) || E(this, R, "f").set(i, /* @__PURE__ */ new Set());
+      i = i.toLowerCase(), l = l.map((s) => s.toLowerCase()), E(this, R, "f").has(i) || E(this, R, "f").set(i, /* @__PURE__ */ new Set());
       const n = E(this, R, "f").get(i);
       let o = !0;
-      for (let r of l) {
-        const p = r.startsWith("*");
-        if (r = p ? r.slice(1) : r, n == null || n.add(r), o && E(this, J, "f").set(i, r), o = !1, p)
+      for (let s of l) {
+        const p = s.startsWith("*");
+        if (s = p ? s.slice(1) : s, n == null || n.add(s), o && E(this, J, "f").set(i, s), o = !1, p)
           continue;
-        const c = E(this, W, "f").get(r);
+        const c = E(this, W, "f").get(s);
         if (c && c != i && !a)
-          throw new Error(`"${i} -> ${r}" conflicts with "${c} -> ${r}". Pass \`force=true\` to override this definition.`);
-        E(this, W, "f").set(r, i);
+          throw new Error(`"${i} -> ${s}" conflicts with "${c} -> ${s}". Pass \`force=true\` to override this definition.`);
+        E(this, W, "f").set(s, i);
       }
     }
     return this;
@@ -4573,10 +4586,10 @@ function xe(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);
-    let r = "Not Uploaded";
-    o === -1 ? ((!a.includes(n.type) || !(n.size <= i)) && (r = a.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+    let s = "Not Uploaded";
+    o === -1 ? ((!a.includes(n.type) || !(n.size <= i)) && (s = a.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
       file: n,
-      status: r,
+      status: s,
       blobFileName: null
     })) : t[o].status = "Duplicate";
   }), t;
@@ -4617,7 +4630,7 @@ function ja() {
 const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disabled", "multiple"], Pa = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, Va = /* @__PURE__ */ F({
+}, Va = /* @__PURE__ */ $({
   __name: "UploadButton",
   props: /* @__PURE__ */ N({
     acceptedFileTypes: {},
@@ -4629,12 +4642,12 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = I(), i = (o) => a.value.toggle(o), l = z(() => e.maxFileInput <= t.value.length), n = (o) => {
-      t.value = xe(o, t.value, e.acceptedFileTypes.map((r) => r.fileType), e.maxFileInput);
+    const t = D(e, "modelValue"), a = I(), i = (o) => a.value.toggle(o), l = T(() => e.maxFileInput <= t.value.length), n = (o) => {
+      t.value = xe(o, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
     };
-    return (o, r) => {
-      const p = q;
-      return d(), f("div", Ia, [
+    return (o, s) => {
+      const p = A;
+      return r(), f("div", Ia, [
         k(o.$slots, "message"),
         m("div", null, [
           m("input", {
@@ -4644,7 +4657,7 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
             accept: o.acceptedFileTypes.join(", "),
             disabled: l.value,
             multiple: o.maxFileInput > 1,
-            onInput: r[0] || (r[0] = (c) => n([...c.target.files]))
+            onInput: s[0] || (s[0] = (c) => n([...c.target.files]))
           }, null, 40, _a),
           m("label", {
             class: B([{ disabled: l.value }, "btn btn-primary"]),
@@ -4652,33 +4665,33 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
             for: "file-input"
           }, [
             k(o.$slots, "button-content", {}, () => [
-              x(u(T), {
+              x(u(j), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
                 width: "20px"
               }),
-              r[1] || (r[1] = _(" Browse your computer "))
+              s[1] || (s[1] = _(" Browse your computer "))
             ])
           ], 2)
         ]),
-        o.showDragDropArea ? (d(), v(p, {
+        o.showDragDropArea ? (r(), v(p, {
           link: "",
           class: "ms-auto",
           key: o.acceptedFileTypes.length,
           id: "accepted-file-types",
           onClick: i
         }, {
-          default: b(() => r[2] || (r[2] = [
+          default: g(() => s[2] || (s[2] = [
             _("Accepted File Types")
           ])),
           _: 1
-        })) : C("", !0),
+        })) : z("", !0),
         x(u(ve), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
-          default: b(() => [
+          default: g(() => [
             m("div", Pa, w(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
@@ -4693,7 +4706,7 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
 }, Da = {
   key: 1,
   class: "d-flex flex-column"
-}, Oa = /* @__PURE__ */ F({
+}, Oa = /* @__PURE__ */ $({
   __name: "DragDropArea",
   props: /* @__PURE__ */ N({
     maxFileInput: {},
@@ -4705,30 +4718,30 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = I(!1), i = z(() => e.maxFileInput <= t.value.length), l = (n) => {
+    const t = D(e, "modelValue"), a = I(!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 = xe([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((o) => o.fileType), e.maxFileSize);
     };
-    return (n, o) => (d(), f("div", {
+    return (n, o) => (r(), f("div", {
       id: "drag-drop-area",
       class: B(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: o[0] || (o[0] = G((r) => a.value = !1, ["prevent"])),
-      onDragover: o[1] || (o[1] = G((r) => a.value = !0, ["prevent"])),
+      onDragleave: o[0] || (o[0] = G((s) => a.value = !1, ["prevent"])),
+      onDragover: o[1] || (o[1] = G((s) => a.value = !0, ["prevent"])),
       onDrop: G(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (d(), f("div", Ma, [
-        x(u(T), {
+      t.value.length === 0 ? (r(), f("div", Ma, [
+        x(u(j), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
         o[2] || (o[2] = _(" Drag and drop files here "))
-      ])) : (d(), f("div", Da, [
+      ])) : (r(), f("div", Da, [
         k(n.$slots, "default")
       ]))
     ], 34));
   }
-}), Na = { class: "d-flex align-items-center me-2" }, Ua = /* @__PURE__ */ F({
+}), Na = { class: "d-flex align-items-center me-2" }, Ua = /* @__PURE__ */ $({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -4737,7 +4750,7 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = z(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), a = z(() => {
+    const t = T(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), a = T(() => {
       switch (e.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -4753,29 +4766,29 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (i, l) => (d(), f("div", Na, [
-      i.uploadStatus === "Uploading" ? (d(), v(ia, {
+    return (i, l) => (r(), f("div", Na, [
+      i.uploadStatus === "Uploading" ? (r(), v(ia, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
-        default: b(() => [
+        default: g(() => [
           _(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
-      })) : C("", !0),
-      i.uploadStatus !== "Uploading" && i.uploadStatus !== "Not Uploaded" && i.uploadStatus !== "Uploaded" && i.uploadStatus !== "Preparing" ? (d(), v(se, {
+      })) : z("", !0),
+      i.uploadStatus !== "Uploading" && i.uploadStatus !== "Not Uploaded" && i.uploadStatus !== "Uploaded" && i.uploadStatus !== "Preparing" ? (r(), v(se, {
         key: 1,
         id: "upload-status-alert",
         severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
-        default: b(() => [
+        default: g(() => [
           _(w(a.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : C("", !0)
+      }, 8, ["severity"])) : z("", !0)
     ]));
   }
 }), Aa = ["data-cy"], qa = { class: "ms-3 d-flex flex-column" }, Ea = {
@@ -4787,7 +4800,7 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
 }, Ra = {
   class: "text-black-50",
   id: "file-size"
-}, Ha = { class: "ms-auto my-auto d-flex" }, Wa = /* @__PURE__ */ F({
+}, Ha = { class: "ms-auto my-auto d-flex" }, Wa = /* @__PURE__ */ $({
   __name: "FileInfo",
   props: /* @__PURE__ */ N({
     editableFileName: { type: Boolean },
@@ -4806,34 +4819,34 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
   }),
   emits: /* @__PURE__ */ N(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, o = I(a.value.name), r = I(""), p = I(0), c = I(), y = z(() => e.acceptedFileTypes.some(({ fileType: g }) => g === a.value.type)), s = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : ja().getType(a.value.name)), j = () => {
+    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, o = I(a.value.name), s = I(""), p = I(0), c = I(), b = T(() => e.acceptedFileTypes.some(({ fileType: y }) => y === a.value.type)), d = T(() => a.value.size <= e.maxFileSize), F = T(() => a.value.type ? a.value.type : ja().getType(a.value.name)), S = () => {
       o.value != null && (V(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, V = () => {
-      let g = o.value.split("."), h = Sa.getExtension($.value), P = o.value.split(".").pop();
-      g.length === 1 ? P && P.length > 0 && (o.value = [o.value, h].join(".")) : g.length > 1 && P !== h && (o.value = o.value.replace(P, h));
+      let y = o.value.split("."), h = Sa.getExtension(F.value), P = o.value.split(".").pop();
+      y.length === 1 ? P && P.length > 0 && (o.value = [o.value, h].join(".")) : y.length > 1 && P !== h && (o.value = o.value.replace(P, h));
     }, M = async () => {
-      if (!y.value || !s.value) {
-        l.value = y.value ? "InvalidFileSize" : "InvalidFileType";
+      if (!b.value || !d.value) {
+        l.value = b.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
       l.value = "Preparing", c.value = new AbortController();
-      const [g, h] = await e.getFileUrlAction(a.value.name);
-      if (!g) {
+      const [y, h] = await e.getFileUrlAction(a.value.name);
+      if (!y) {
         l.value = "Failed";
         return;
       }
       try {
         l.value = "Uploading";
-        const P = new me(g), L = {
+        const P = new me(y), L = {
           abortSignal: c.value.signal,
           onProgress: (ae) => p.value = ae.loadedBytes,
           blobHTTPHeaders: {
-            blobContentType: $.value,
+            blobContentType: F.value,
             blobContentDisposition: `attachment; filename="${a.value.name}"`
           },
           tags: { temp: "true" }
         };
-        await P.uploadData(a.value, L), r.value = g, l.value = "Uploaded", i.value = h;
+        await P.uploadData(a.value, L), s.value = y, l.value = "Uploaded", i.value = h;
       } catch (P) {
         if (P.name === "AbortError") {
           l.value = "Aborted";
@@ -4841,19 +4854,19 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
         }
         l.value = "Failed";
       }
-    }, U = async () => {
-      await Ca(l.value, r.value), n("deleted", a.value);
+    }, q = async () => {
+      await Ca(l.value, s.value), n("deleted", a.value);
     };
     return le(() => {
       e.autoUploadToBlob && M();
-    }), (g, h) => {
-      const P = q;
-      return d(), f("div", {
+    }), (y, h) => {
+      const P = A;
+      return r(), f("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          u(za)(a.value.type) ? (d(), v(u(Le), {
+          u(za)(a.value.type) ? (r(), v(u(Le), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
@@ -4861,7 +4874,7 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (d(), v(u(T), {
+          }, null, 8, ["src", "alt"])) : (r(), v(u(j), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -4871,56 +4884,56 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
         ]),
         m("div", qa, [
           m("div", null, [
-            g.editableFileName ? (d(), v(At, {
+            y.editableFileName ? (r(), v(At, {
               key: 0,
               id: "edit-file-name",
               modelValue: o.value,
               "onUpdate:modelValue": h[0] || (h[0] = (L) => o.value = L),
-              rules: g.customFileNameRules,
+              rules: y.customFileNameRules,
               name: a.value.name,
-              "complete-action": j
-            }, null, 8, ["modelValue", "rules", "name"])) : (d(), f("span", Ea, w(o.value), 1))
+              "complete-action": S
+            }, null, 8, ["modelValue", "rules", "name"])) : (r(), f("span", Ea, w(o.value), 1))
           ]),
           m("span", La, "File type: " + w(a.value.type.split("/").pop()), 1),
           m("span", Ra, "File size: " + w(u(pe)(a.value.size)), 1)
         ]),
         m("div", Ha, [
-          (d(), v(Ua, {
+          (r(), v(Ua, {
             key: l.value,
             "file-size": a.value.size,
             "upload-status": l.value,
             "bytes-uploaded": p.value,
-            "max-file-size": g.maxFileSize
+            "max-file-size": y.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(), v(P, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (r(), v(P, {
             key: 0,
             link: "",
             onClick: M
           }, {
-            default: b(() => [
-              x(u(T), {
+            default: g(() => [
+              x(u(j), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : C("", !0),
-          l.value === "Uploading" ? (d(), v(P, {
+          })) : z("", !0),
+          l.value === "Uploading" ? (r(), v(P, {
             key: 1,
             link: "",
             onClick: h[1] || (h[1] = (L) => c.value.value.abort())
           }, {
-            default: b(() => [
-              x(u(T), { icon: "bi:x-circle-fill" })
+            default: g(() => [
+              x(u(j), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (d(), v(P, {
+          })) : (r(), v(P, {
             key: 2,
             link: "",
-            onClick: U,
+            onClick: q,
             id: "delete-button"
           }, {
-            default: b(() => [
-              x(u(T), { icon: "bi:trash" })
+            default: g(() => [
+              x(u(j), { icon: "bi:trash" })
             ]),
             _: 1
           }))
@@ -4928,17 +4941,17 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
       ], 8, Aa);
     };
   }
-}), Ya = { class: "d-flex justify-content-end mt-1" }, Ga = { id: "max-file-size" }, Ja = /* @__PURE__ */ F({
+}), Ya = { class: "d-flex justify-content-end mt-1" }, Ga = { id: "max-file-size" }, Ja = /* @__PURE__ */ $({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, a) => (d(), f("div", Ya, [
+    return (t, a) => (r(), f("div", Ya, [
       m("div", Ga, "Max file size: " + w(u(pe)(t.maxFileSize)), 1)
     ]));
   }
-}), Ka = { "data-cy": "file-uploader" }, Za = { key: 0 }, tl = /* @__PURE__ */ F({
+}), Ka = { "data-cy": "file-uploader" }, Za = { key: 0 }, tl = /* @__PURE__ */ $({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ N({
     acceptedFileTypes: {},
@@ -4958,12 +4971,12 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
     const t = D(e, "modelValue"), a = e, i = (l) => {
       t.value = t.value.filter((n) => n.file != l);
     };
-    return (l, n) => (d(), f("div", Ka, [
-      x(Va, S(a, {
+    return (l, n) => (r(), f("div", Ka, [
+      x(Va, C(a, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (d(), f("div", Za, [
+      l.showDragDropArea ? (r(), f("div", Za, [
         x(Oa, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
@@ -4971,17 +4984,17 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
           modelValue: t.value,
           "onUpdate:modelValue": n[1] || (n[1] = (o) => t.value = o)
         }, {
-          default: b(() => [
-            (d(!0), f(O, null, A(t.value, ({ file: o }, r) => (d(), f("span", null, [
-              (d(), v(Wa, S({
+          default: g(() => [
+            (r(!0), f(O, null, U(t.value, ({ file: o }, s) => (r(), f("span", null, [
+              (r(), v(Wa, C({
                 key: o.name,
-                class: r === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
-                file: t.value[r].file,
-                "onUpdate:file": (p) => t.value[r].file = p,
-                "blob-file-name": t.value[r].blobFileName,
-                "onUpdate:blobFileName": (p) => t.value[r].blobFileName = p,
-                "upload-status": t.value[r].status,
-                "onUpdate:uploadStatus": (p) => t.value[r].status = p,
+                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,
+                "blob-file-name": t.value[s].blobFileName,
+                "onUpdate:blobFileName": (p) => t.value[s].blobFileName = p,
+                "upload-status": t.value[s].status,
+                "onUpdate:uploadStatus": (p) => t.value[s].status = p,
                 ref_for: !0
               }, a, { onDeleted: i }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
             ]))), 256))
@@ -4991,10 +5004,10 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
         x(Ja, {
           "max-file-size": a.maxFileSize
         }, null, 8, ["max-file-size"])
-      ])) : C("", !0)
+      ])) : z("", !0)
     ]));
   }
-}), Xa = { class: "d-flex" }, Qa = { class: "me-3" }, ei = { class: "ms-2" }, ti = { class: "d-flex flex-column w-100" }, al = /* @__PURE__ */ F({
+}), Xa = { class: "d-flex" }, Qa = { class: "me-3" }, ei = { class: "ms-2" }, ti = { class: "d-flex flex-column w-100" }, al = /* @__PURE__ */ $({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -5005,19 +5018,19 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
     const t = D(e, "modelValue"), a = I(), i = I(!1), l = (n) => {
       a.value.toggle(n);
     };
-    return (n, o) => (d(), f(O, null, [
-      x(u(q), {
+    return (n, o) => (r(), f(O, null, [
+      x(u(A), {
         onClick: l,
         class: "ms-2"
       }, {
-        default: b(() => [
+        default: g(() => [
           m("div", Xa, [
             m("div", Qa, [
-              x(u(T), { icon: "bi:layout-three-columns" })
+              x(u(j), { icon: "bi:layout-three-columns" })
             ]),
-            _(" Columns (" + w(t.value.filter((r) => r.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
+            _(" Columns (" + w(t.value.filter((s) => s.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
             m("div", ei, [
-              x(u(T), {
+              x(u(j), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5032,9 +5045,9 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
         onHide: o[0] || (o[0] = () => i.value = !1),
         onShow: o[1] || (o[1] = () => i.value = !0)
       }, {
-        default: b(() => [
+        default: g(() => [
           m("div", ti, [
-            (d(!0), f(O, null, A(t.value, (r, p) => (d(), f("div", {
+            (r(!0), f(O, null, U(t.value, (s, p) => (r(), f("div", {
               class: B(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
                 "py-1": p !== 0 && t.value.length - 1 !== p,
@@ -5043,12 +5056,12 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
               }])
             }, [
               x(fe, {
-                id: r.field,
-                modelValue: r.selected,
-                "onUpdate:modelValue": (c) => r.selected = c,
+                id: s.field,
+                modelValue: s.selected,
+                "onUpdate:modelValue": (c) => s.selected = c,
                 binary: "",
                 class: "cursor-pointer",
-                label: r.header
+                label: s.header
               }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label"])
             ], 2))), 256))
           ])
@@ -5057,38 +5070,38 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), il = /* @__PURE__ */ F({
+}), il = /* @__PURE__ */ $({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
       const i = Re;
-      return d(), v(i, K(Z({ ...t.$attrs })), {
-        toggleicon: b(({ collapsed: l }) => [
-          l ? (d(), v(u(T), {
+      return r(), v(i, K(Z({ ...t.$attrs })), {
+        toggleicon: g(({ collapsed: l }) => [
+          l ? (r(), v(u(j), {
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
-          })) : C("", !0),
-          l ? C("", !0) : (d(), v(u(T), {
+          })) : z("", !0),
+          l ? z("", !0) : (r(), v(u(j), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
           }))
         ]),
-        default: b(() => [
+        default: g(() => [
           k(t.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), ai = /* @__PURE__ */ F({
+}), ai = /* @__PURE__ */ $({
   __name: "ForgeToggleButton",
   props: {
     severity: { default: "primary" }
   },
   setup(e) {
-    const t = e, a = z(() => ({
+    const t = e, a = T(() => ({
       root: (i) => ({
         class: [
           "btn",
@@ -5108,7 +5121,7 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
         ]
       })
     }));
-    return (i, l) => (d(), v(u(He), S({ ...i.$attrs, ...t }, {
+    return (i, l) => (r(), v(u(He), C({ ...i.$attrs, ...t }, {
       severity: t.severity,
       pt: a.value
     }), null, 16, ["severity", "pt"]));
@@ -5116,7 +5129,7 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
 }), ii = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, ll = /* @__PURE__ */ F({
+}, ll = /* @__PURE__ */ $({
   __name: "ForgeSelectButton",
   props: /* @__PURE__ */ N({
     multiple: { type: Boolean, default: !1 },
@@ -5129,25 +5142,25 @@ const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disable
   setup(e, { emit: t }) {
     const a = e, i = t, l = D(e, "modelValue"), n = (o) => {
       if (o.disabled) return;
-      const r = o.selected && l.value.filter((p) => o.value != p.value && p.selected).length < 1;
-      !a.allowEmpty && r || (a.multiple || l.value.forEach((p) => {
+      const s = o.selected && l.value.filter((p) => o.value != p.value && p.selected).length < 1;
+      !a.allowEmpty && s || (a.multiple || l.value.forEach((p) => {
         p.value != o.value && (p.selected = !1);
       }), o.selected = !o.selected, i("change", o));
     };
-    return (o, r) => (d(), f("div", ii, [
-      (d(!0), f(O, null, A(l.value, (p, c) => (d(), v(ai, {
+    return (o, s) => (r(), f("div", ii, [
+      (r(!0), f(O, null, U(l.value, (p, c) => (r(), v(ai, {
         onLabel: p.label,
         offLabel: p.label,
         severity: p.severity,
         key: c,
-        onChange: (y) => n(p),
+        onChange: (b) => n(p),
         defaultValue: p.selected,
         disabled: p.disabled,
         "data-cy": `toggle-button-${p.value}`
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy"]))), 128))
     ]));
   }
-}), nl = () => ({
+}), ol = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5180,7 +5193,7 @@ export {
   il as ForgePanel,
   ia as ForgeProgressBar,
   Hi as ForgeRemainingCharacters,
-  nl as ForgeResolver,
+  ol as ForgeResolver,
   Ji as ForgeScratchpad,
   ll as ForgeSelectButton,
   Ki as ForgeStatWidget,