@3squared/forge-ui-3 2.24.0 → 2.25.0

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

@@ -1,39 +1,39 @@
-import Fe from "primevue/message";
-import { defineComponent as z, createBlock as x, openBlock as d, normalizeProps as G, guardReactiveProps as Y, withCtx as g, renderSlot as C, createVNode as k, unref as c, createElementVNode as m, normalizeClass as P, createCommentVNode as T, ref as I, createElementBlock as b, Fragment as N, mergeProps as j, renderList as U, mergeModels as E, useModel as L, computed as M, withDirectives as K, createTextVNode as V, toDisplayString as $, vShow as X, createSlots as ie, onMounted as ne, withKeys as le, isRef as Se, normalizeStyle as Ce, withModifiers as Q, watch as W, h as Te, useTemplateRef as ze } from "vue";
-import { Icon as _ } from "@iconify/vue";
-import q from "primevue/button";
+import Se from "primevue/message";
+import { defineComponent as z, createBlock as y, openBlock as d, normalizeProps as G, guardReactiveProps as Y, withCtx as v, renderSlot as C, createVNode as h, unref as p, createElementVNode as m, normalizeClass as P, createCommentVNode as T, ref as I, createElementBlock as g, Fragment as E, mergeProps as j, renderList as q, mergeModels as _, useModel as N, computed as M, withDirectives as K, createTextVNode as O, toDisplayString as B, vShow as X, createSlots as le, onMounted as se, withKeys as ne, isRef as Fe, normalizeStyle as Ce, withModifiers as Q, watch as W, h as Te, useTemplateRef as ze } from "vue";
+import { Icon as V } from "@iconify/vue";
+import R from "primevue/button";
 import Pe from "primevue/toast";
 import je from "primevue/autocomplete";
 import Me from "primevue/checkbox";
-import { useField as se } from "vee-validate";
+import { useField as re } from "vee-validate";
 import Ie from "primevue/progressspinner";
-import _e from "primevue/dialog";
-import ae from "primevue/inputtext";
-import { vOnClickOutside as Ve } from "@vueuse/components";
-import De from "primevue/menubar";
-import de from "primevue/multiselect";
-import Oe from "primevue/datepicker";
+import Ve from "primevue/dialog";
+import ie from "primevue/inputtext";
+import { vOnClickOutside as De } from "@vueuse/components";
+import Oe from "primevue/menubar";
+import ue from "primevue/multiselect";
+import Ae from "primevue/datepicker";
 import oe from "primevue/select";
-import Ae from "primevue/inputmask";
-import Le from "primevue/textarea";
-import fe from "primevue/inputnumber";
-import Ne from "primevue/chip";
-import Ue from "primevue/progressbar";
-import Ee from "primevue/step";
-import qe from "primevue/stepper";
+import Le from "primevue/inputmask";
+import Ne from "primevue/textarea";
+import be from "primevue/inputnumber";
+import Ue from "primevue/chip";
+import Ee from "primevue/progressbar";
+import qe from "primevue/step";
+import _e from "primevue/stepper";
 import Re from "primevue/steplist";
 import He from "primevue/steppanel";
 import We from "primevue/steppanels";
 import Ge from "primevue/datatable";
 import Ye from "primevue/treetable";
-import { BlockBlobClient as ge } from "@azure/storage-blob";
-import be from "primevue/popover";
-import Je from "primevue/image";
-import Ke from "primevue/panel";
-import { ToggleButton as Ze } from "primevue";
-import Xe from "primevue/confirmpopup";
-import Qe from "primevue/picklist";
-const et = {
+import { BlockBlobClient as pe, newPipeline as Je } from "@azure/storage-blob";
+import ye from "primevue/popover";
+import Ke from "primevue/image";
+import Ze from "primevue/panel";
+import { ToggleButton as Xe } from "primevue";
+import Qe from "primevue/confirmpopup";
+import et from "primevue/picklist";
+const tt = {
   autoComplete: {
     root: ({ props: e }) => ({
       class: [
@@ -62,7 +62,7 @@ const et = {
     }),
     emptyMessage: "mx-3 my-2"
   }
-}, tt = {
+}, at = {
   button: {
     root: ({ props: e }) => ({
       class: [
@@ -172,7 +172,7 @@ const et = {
       })
     }
   }
-}, at = {
+}, it = {
   checkbox: {
     root: () => ({
       class: ["form-check"]
@@ -187,7 +187,7 @@ const et = {
       ]
     })
   }
-}, it = {
+}, lt = {
   select: {
     root: ({ props: e }) => ({
       class: [
@@ -252,14 +252,14 @@ const et = {
       }
     }),
     headerCell: (e) => {
-      var t, a, i, o, l, n;
+      var t, a, i, l, o, n;
       return {
         class: [
           "align-top",
           {
             "cursor-move": (t = e.props) == null ? void 0 : t.reorderableColumns,
-            "position-sticky": ((a = e.column) == null ? void 0 : a.context.frozen) !== void 0 || ((i = e.column) == null ? void 0 : i.context.frozen) || ((o = e.column) == null ? void 0 : o.context.frozen) === "",
-            "overflow-hidden position-relative bg-clip-padding": (l = e.column) == null ? void 0 : l.context.resizable,
+            "position-sticky": ((a = e.column) == null ? void 0 : a.context.frozen) !== void 0 || ((i = e.column) == null ? void 0 : i.context.frozen) || ((l = e.column) == null ? void 0 : l.context.frozen) === "",
+            "overflow-hidden position-relative bg-clip-padding": (o = e.column) == null ? void 0 : o.context.resizable,
             "align-bottom": ((n = e.column.props) == null ? void 0 : n.rowspan) > 1
           }
         ]
@@ -364,7 +364,7 @@ const et = {
       ]
     })
   }
-}, lt = {
+}, nt = {
   inputtext: {
     root: (e) => {
       var t, a;
@@ -379,7 +379,7 @@ const et = {
       };
     }
   }
-}, nt = {
+}, st = {
   inputmask: {
     root: () => ({
       class: [
@@ -387,12 +387,12 @@ const et = {
       ]
     })
   }
-}, st = {
+}, rt = {
   toggleSwitch: {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, rt = {
+}, dt = {
   tag: {
     root: ({ props: e }) => ({
       class: [
@@ -413,7 +413,7 @@ const et = {
       ]
     })
   }
-}, dt = {
+}, ct = {
   textarea: {
     root: () => ({
       class: [
@@ -427,7 +427,7 @@ const et = {
     label: "px-2 fs-6 fw-400",
     removeIcon: "ms-auto my-auto"
   }
-}, ct = {
+}, ut = {
   dialog: {
     root: ({ parent: e }) => e.instance.$.type.name == "ConfirmDialog" ? {
       class: ["modal modal-dialog modal-content h-auto m-0"]
@@ -486,7 +486,7 @@ const et = {
       ]
     })
   }
-}, ut = {
+}, mt = {
   popover: {
     root: (e) => ({
       class: [
@@ -500,7 +500,7 @@ const et = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, mt = {
+}, vt = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -530,7 +530,7 @@ const et = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, vt = {
+}, ft = {
   // More PT options defined in ForgeStepper.
   stepList: {
     root: "d-flex mb-2 w-100"
@@ -558,7 +558,7 @@ const et = {
     }),
     separator: "border border-1 separator"
   }
-}, ft = {
+}, gt = {
   tabList: {
     root: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -583,7 +583,7 @@ const et = {
       class: ["p-2"]
     })
   }
-}, gt = {
+}, bt = {
   // More PassThrough options defined in ForgeDatepicker.
   datepicker: {
     root: "d-flex flex-1 relative",
@@ -684,7 +684,7 @@ const et = {
     pcDecrementButton: { root: "btn btn-sm", label: "d-none" },
     pcIncrementButton: { root: "btn btn-sm", label: "d-none" }
   }
-}, bt = {
+}, yt = {
   multiselect: {
     root: ({ props: e }) => ({
       class: [
@@ -712,7 +712,7 @@ const et = {
       class: "d-none"
     })
   }
-}, yt = {
+}, xt = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
@@ -722,7 +722,7 @@ const et = {
       class: ["text-white m-1"]
     })
   }
-}, xt = {
+}, ht = {
   panel: {
     root: "card w-100",
     header: "h4 d-flex justify-content-between align-items-center fw-600 ms-4 me-3 my-2",
@@ -735,7 +735,7 @@ const et = {
     },
     contentContainer: "mt-2 mx-4 mb-4"
   }
-}, ht = {
+}, wt = {
   // More PT options can be found in the ForgeTable file.
   dataTable: {
     root: "position-relative",
@@ -808,7 +808,7 @@ const et = {
       ]
     })
   }
-}, wt = {
+}, kt = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -830,7 +830,7 @@ const et = {
       ]
     })
   }
-}, kt = {
+}, Bt = {
   // More PassThrough options in component file.
   menubar: {
     rootList: ({ instance: e }) => ({
@@ -911,7 +911,7 @@ const et = {
       ]
     })
   }
-}, Bt = {
+}, $t = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -933,7 +933,7 @@ const et = {
       class: ["tooltip-inner"]
     }
   }
-}, $t = {
+}, St = {
   selectButton: {
     root: () => ({
       class: ["btn-group"]
@@ -1002,7 +1002,7 @@ const et = {
       separator: "border-bottom"
     }
   }
-}, St = {
+}, Ct = {
   progressspinner: {
     spin: () => ({
       class: [
@@ -1010,7 +1010,7 @@ const et = {
       ]
     })
   }
-}, Ct = {
+}, Tt = {
   card: {
     root: () => ({
       class: ["card"]
@@ -1034,11 +1034,11 @@ const et = {
       class: ["card-header"]
     })
   }
-}, Tt = {
+}, zt = {
   divider: {
     root: "border-bottom w-100 m-1"
   }
-}, zt = {
+}, Pt = {
   image: {
     root: "position-relative d-inline-block",
     previewMask: "preview-button",
@@ -1051,7 +1051,7 @@ const et = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, Pt = {
+}, jt = {
   toast: {
     message: () => ({
       class: ["toast-container w-100 position-relative"]
@@ -1072,7 +1072,7 @@ const et = {
       class: ["ps-1"]
     }),
     messageIcon: ({ props: e }) => {
-      var t, a, i, o, l;
+      var t, a, i, l, o;
       return {
         class: [
           "toast-icon",
@@ -1080,14 +1080,14 @@ const et = {
             "text-primary": ((t = e.message) == null ? void 0 : t.severity) === "info",
             "text-success": ((a = e.message) == null ? void 0 : a.severity) === "success",
             "text-success-alternate": ((i = e.message) == null ? void 0 : i.severity) === "success-alternate",
-            "text-danger": ((o = e.message) == null ? void 0 : o.severity) === "error",
-            "text-warning": ((l = e.message) == null ? void 0 : l.severity) === "warn"
+            "text-danger": ((l = e.message) == null ? void 0 : l.severity) === "error",
+            "text-warning": ((o = e.message) == null ? void 0 : o.severity) === "warn"
           }
         ]
       };
     }
   }
-}, jt = {
+}, Mt = {
   tree: {
     node: "m-1",
     nodeToggleButton: ({ context: e }) => ({
@@ -1119,7 +1119,7 @@ const et = {
     pcFilterContainer: { root: "dropdown-item" },
     filterIcon: "d-none"
   }
-}, Mt = {
+}, It = {
   treeSelect: {
     root: ({ props: e }) => ({
       class: [
@@ -1167,7 +1167,7 @@ const et = {
       filterIcon: "d-none"
     }
   }
-}, It = {
+}, Vt = {
   fieldset: {
     root: () => ({
       class: [
@@ -1193,7 +1193,7 @@ const et = {
       ]
     })
   }
-}, _t = {
+}, Dt = {
   accordionPanel: {
     root: "card my-2"
   },
@@ -1210,7 +1210,7 @@ const et = {
   accordionContent: {
     root: "mt-2 mx-4 mb-4"
   }
-}, Vt = {
+}, Ot = {
   // More PT options can be found in the ForgeTable file.
   treetable: {
     root: "position-relative",
@@ -1231,7 +1231,7 @@ const et = {
       class: "table-overlay table-spinner"
     })
   }
-}, Dt = {
+}, At = {
   picklist: {
     root: " d-flex gap-3",
     pcMoveAllToSourceButton: { root: "btn btn-sm btn-outline-primary focus-ring " },
@@ -1267,7 +1267,7 @@ const et = {
     sourceListContainer: " h-100 flex-1",
     targetListContainer: "h-100 flex-1"
   }
-}, Ot = {
+}, Lt = {
   listbox: {
     root: "border rounded",
     list: "list-unstyled list-group list-group-flush",
@@ -1286,7 +1286,7 @@ const et = {
     filterIcon: "d-none",
     pcFilter: { root: "form-control form-control-sm mx-2 mt-2 mb-1" }
   }
-}, At = {
+}, Nt = {
   drawer: {
     root: ({ props: e }) => ({
       class: [
@@ -1312,49 +1312,49 @@ const et = {
       ]
     })
   }
-}, ro = {
-  ...et,
-  ...wt,
+}, dl = {
   ...tt,
-  ...Ct,
+  ...kt,
   ...at,
-  ...pt,
-  ...ot,
-  ...gt,
-  ...ct,
   ...Tt,
   ...it,
+  ...pt,
+  ...ot,
+  ...bt,
+  ...ut,
   ...zt,
   ...lt,
+  ...Pt,
   ...nt,
   ...st,
-  ...mt,
-  ...bt,
-  ...kt,
-  ...ut,
+  ...rt,
+  ...vt,
   ...yt,
-  ...St,
+  ...Bt,
+  ...mt,
   ...xt,
-  ...$t,
-  ...Ft,
-  ...vt,
+  ...Ct,
   ...ht,
-  ...rt,
+  ...St,
+  ...Ft,
   ...ft,
-  ...Pt,
+  ...wt,
   ...dt,
-  ...It,
-  ...Mt,
+  ...gt,
   ...jt,
-  ..._t,
+  ...ct,
   ...Vt,
+  ...It,
+  ...Mt,
   ...Dt,
   ...Ot,
   ...At,
+  ...Lt,
+  ...Nt,
   directives: {
-    ...Bt
+    ...$t
   }
-}, re = /* @__PURE__ */ z({
+}, de = /* @__PURE__ */ z({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -1374,13 +1374,13 @@ const et = {
   setup(e) {
     const t = e;
     return (a, i) => {
-      const o = Fe;
-      return d(), x(o, G(Y({ ...a.$attrs, ...t })), {
-        icon: g(() => [
+      const l = Se;
+      return d(), y(l, G(Y({ ...a.$attrs, ...t })), {
+        icon: v(() => [
           m("div", {
             class: P(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (d(), x(c(_), {
+            t.icon ? (d(), y(p(V), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -1389,17 +1389,17 @@ const et = {
             }, null, 8, ["icon", "class"])) : T("", !0)
           ], 2)
         ]),
-        closeicon: g(() => [
-          k(c(_), { icon: "bi:x" })
+        closeicon: v(() => [
+          h(p(V), { icon: "bi:x" })
         ]),
-        default: g(() => [
+        default: v(() => [
           C(a.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), po = /* @__PURE__ */ z({
+}), cl = /* @__PURE__ */ z({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1412,36 +1412,36 @@ const et = {
       t.value = !0;
       try {
         await a.action.apply(this, a.params);
-      } catch (o) {
-        await a.errorAction.apply(this, a.errorParams ? [...a.errorParams, o] : [o]);
+      } catch (l) {
+        await a.errorAction.apply(this, a.errorParams ? [...a.errorParams, l] : [l]);
       }
       t.value = !1;
     };
-    return (o, l) => {
-      const n = q;
-      return d(), b(N, null, [
-        k(n, j({ ...a, ...o.$attrs }, {
+    return (l, o) => {
+      const n = R;
+      return d(), g(E, null, [
+        h(n, j({ ...a, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: i
         }), null, 16, ["loading", "disabled"]),
-        k(c(Pe))
+        h(p(Pe))
       ], 64);
     };
   }
-}), co = /* @__PURE__ */ z({
+}), pl = /* @__PURE__ */ z({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (t, a) => (d(), x(c(je), j({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
-      default: g(() => [
-        (d(!0), b(N, null, U(t.$slots, (i, o) => C(t.$slots, o, { slot: o })), 256))
+    return (t, a) => (d(), y(p(je), j({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+      default: v(() => [
+        (d(!0), g(E, null, q(t.$slots, (i, l) => C(t.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16));
   }
-}), Lt = { class: "d-flex flex-column" }, Nt = ["for"], ye = /* @__PURE__ */ z({
+}), Ut = { class: "d-flex flex-column" }, Et = ["for"], xe = /* @__PURE__ */ z({
   __name: "ForgeCheckbox",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     label: { default: "" },
     value: {},
     modelValue: {},
@@ -1474,25 +1474,25 @@ const et = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = L(e, "modelValue"), { handleChange: i, errors: o, errorMessage: l } = se(
+    const t = e, a = N(e, "modelValue"), { handleChange: i, errors: l, errorMessage: o } = re(
       () => t.name ?? "",
       void 0,
       {
         type: "checkbox",
         checkedValue: a.value
       }
-    ), n = (p, u) => {
-      (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(u) : a.value = u;
-    }, s = M(() => o.value.length > 0);
-    return (p, u) => {
-      const h = Me;
-      return d(), b("div", Lt, [
+    ), n = (c, u) => {
+      (t.disabled || t.readonly) && c.preventDefault(), t.name ? i(u) : a.value = u;
+    }, s = M(() => l.value.length > 0);
+    return (c, u) => {
+      const w = Me;
+      return d(), g("div", Ut, [
         m("div", j({
           class: "d-flex",
           "data-cy": "checkbox-container",
           onClick: u[2] || (u[2] = (r) => n(r, a.value))
-        }, { ...p.$attrs }), [
-          k(h, j({ ...t }, {
+        }, { ...c.$attrs }), [
+          h(w, j({ ...t }, {
             binary: "",
             modelValue: a.value,
             "onUpdate:modelValue": u[0] || (u[0] = (r) => a.value = r),
@@ -1505,21 +1505,21 @@ const et = {
             onClick: u[1] || (u[1] = (r) => n(r, !a.value)),
             class: P([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            C(p.$slots, "default", {}, () => [
-              V($(t.label), 1)
+            C(c.$slots, "default", {}, () => [
+              O(B(t.label), 1)
             ])
-          ], 10, Nt)
+          ], 10, Et)
         ], 16),
         K(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, $(c(l)), 513), [
+        }, B(p(o)), 513), [
           [X, s.value]
         ])
       ]);
     };
   }
-}), pe = /* @__PURE__ */ z({
+}), me = /* @__PURE__ */ z({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" },
@@ -1536,12 +1536,12 @@ const et = {
         ]
       })
     }));
-    return (i, o) => {
-      const l = Ie;
-      return d(), b("div", {
-        class: P(i.inLine ? "" : "forge-loader")
+    return (i, l) => {
+      const o = Ie;
+      return d(), g("div", {
+        class: P(e.inLine ? "" : "forge-loader")
       }, [
-        k(l, {
+        h(o, {
           "animation-duration": ".75",
           class: P(`text-${t.severity === void 0 ? "primary" : t.severity}`),
           pt: a.value
@@ -1549,7 +1549,7 @@ const et = {
       ], 2);
     };
   }
-}), Ut = ["href", "target"], uo = /* @__PURE__ */ z({
+}), qt = ["href", "target"], ul = /* @__PURE__ */ z({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1583,25 +1583,25 @@ const et = {
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (i, o) => (d(), b("a", {
+    return (i, l) => (d(), g("a", {
       id: "link",
       class: P(["cursor-pointer d-flex text-break", t.value]),
-      href: i.url,
-      target: i.target
+      href: e.url,
+      target: e.target
     }, [
       C(i.$slots, "default", {}, () => [
-        i.iconName ? (d(), x(c(_), {
+        e.iconName ? (d(), y(p(V), {
           key: 0,
           id: "link-icon",
-          icon: i.iconName,
+          icon: e.iconName,
           class: P(["bi my-auto", a.value])
         }, null, 8, ["icon", "class"])) : T("", !0),
-        V(" " + $(i.label), 1)
+        O(" " + B(e.label), 1)
       ])
-    ], 10, Ut));
+    ], 10, qt));
   }
 });
-function Et(e) {
+function _t(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1612,22 +1612,22 @@ function Et(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function mo(e, t) {
+function ml(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function vo(e, t, a) {
+function vl(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const qt = {
+const Rt = {
   key: 0,
   class: "sticky-top py-3 error-bg",
   "data-cy": "error-wrapper"
-}, Rt = { key: 0 }, Ht = {
+}, Ht = { key: 0 }, Wt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, fo = /* @__PURE__ */ z({
+}, fl = /* @__PURE__ */ z({
   __name: "ForgeModal",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     cancelText: { default: "Cancel" },
     submitText: { default: "Submit" },
     showFooter: { type: Boolean, default: !0 },
@@ -1688,7 +1688,7 @@ const qt = {
   }),
   emits: ["update:visible", "update:error"],
   setup(e, { expose: t }) {
-    const a = L(e, "visible"), i = I(!1), o = e, l = I(!1), n = L(e, "error"), s = () => {
+    const a = N(e, "visible"), i = I(!1), l = e, o = I(!1), n = N(e, "error"), s = () => {
       n.value = {
         hasError: !1,
         header: "",
@@ -1698,62 +1698,62 @@ const qt = {
     t({
       resetError: s
     });
-    const p = () => {
+    const c = () => {
       i.value = !1;
     }, u = () => {
       i.value = !0;
-    }, h = () => {
-      o.resetErrorOnClose && s(), a.value = !1;
+    }, w = () => {
+      l.resetErrorOnClose && s(), a.value = !1;
     }, r = async () => {
-      if (o.onConfirm) {
-        l.value = !0, n.value.hasError = !1;
+      if (l.onConfirm) {
+        o.value = !0, n.value.hasError = !1;
         try {
-          const v = await o.onConfirm();
-          (v || v == null) && h();
-        } catch (v) {
+          const b = await l.onConfirm();
+          (b || b == null) && w();
+        } catch (b) {
           n.value.hasError = !0;
-          const S = Et(v);
+          const S = _t(b);
           n.value.header = S.errorMessage, n.value.message = S.errorDetails;
         }
-        l.value = !1;
+        o.value = !1;
       }
-    }, w = M(() => ({
+    }, x = M(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
           "mw-100 vh-100 vw-100 top-0 start-0": i.value,
-          "modal-sm": o.size === "sm",
-          "modal-lg": o.size === "lg",
-          "modal-xl": o.size === "xl"
+          "modal-sm": l.size === "sm",
+          "modal-lg": l.size === "lg",
+          "modal-xl": l.size === "xl"
         }
       ],
       content: [
         "modal-body overflow-y-auto",
         {
-          [`${o.maxHeight}`]: o.maxHeight && !i.value,
-          [`${o.minHeight}`]: o.minHeight && !i.value,
+          [`${l.maxHeight}`]: l.maxHeight && !i.value,
+          [`${l.minHeight}`]: l.minHeight && !i.value,
           "pt-0": n.value.hasError
         }
       ]
     }));
-    return (v, S) => {
-      const F = q, A = _e;
-      return d(), x(A, j(o, {
+    return (b, S) => {
+      const F = R, L = Ve;
+      return d(), y(L, j(l, {
         onMaximize: u,
-        onUnmaximize: p,
-        pt: w.value
-      }), ie({
-        closeicon: g(() => [
-          k(c(_), {
+        onUnmaximize: c,
+        pt: x.value
+      }), le({
+        closeicon: v(() => [
+          h(p(V), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: h
+            onClick: w
           })
         ]),
-        maximizeicon: g(() => [
-          k(c(_), {
+        maximizeicon: v(() => [
+          h(p(V), {
             "data-cy": "maximisable-icon",
             icon: i.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1762,52 +1762,52 @@ const qt = {
         ]),
         _: 2
       }, [
-        U(v.$slots, (f, B) => ({
-          name: B,
-          fn: g((D) => [
-            B == "default" ? (d(), b(N, { key: 0 }, [
-              n.value.hasError && !v.hideErrorBanner ? (d(), b("div", qt, [
-                k(re, {
+        q(b.$slots, ($, k) => ({
+          name: k,
+          fn: v((A) => [
+            k == "default" ? (d(), g(E, { key: 0 }, [
+              n.value.hasError && !e.hideErrorBanner ? (d(), g("div", Rt, [
+                h(de, {
                   severity: "danger",
                   "data-cy": "error",
                   class: "mb-0"
                 }, {
-                  default: g(() => [
+                  default: v(() => [
                     m("p", {
                       class: P(n.value.message.length > 0 ? "my-auto" : "mb-0")
-                    }, $(n.value.header), 3),
-                    n.value.message.length > 0 ? (d(), b("ul", Rt, [
-                      (d(!0), b(N, null, U(n.value.message, (y) => (d(), b("li", { key: y }, $(y), 1))), 128))
+                    }, B(n.value.header), 3),
+                    n.value.message.length > 0 ? (d(), g("ul", Ht, [
+                      (d(!0), g(E, null, q(n.value.message, (f) => (d(), g("li", { key: f }, B(f), 1))), 128))
                     ])) : T("", !0)
                   ]),
                   _: 1
                 })
               ])) : T("", !0)
             ], 64)) : T("", !0),
-            C(v.$slots, B, G(Y(D || {}))),
-            l.value ? C(v.$slots, "loader", { key: 1 }, () => [
-              k(pe, { "data-cy": "loader" })
+            C(b.$slots, k, G(Y(A || {}))),
+            o.value ? C(b.$slots, "loader", { key: 1 }, () => [
+              h(me, { "data-cy": "loader" })
             ]) : T("", !0)
           ])
         })),
-        v.showFooter ? {
+        e.showFooter ? {
           name: "footer",
-          fn: g(() => [
-            m("div", Ht, [
-              k(F, {
-                label: v.cancelText,
-                class: P(o.cancelClass),
+          fn: v(() => [
+            m("div", Wt, [
+              h(F, {
+                label: e.cancelText,
+                class: P(l.cancelClass),
                 outlined: "",
-                onClick: h,
+                onClick: w,
                 id: "cancel-button",
-                type: o.cancelButtonType
+                type: l.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              k(F, {
-                label: v.submitText,
-                class: P([o.submitClass, "ms-auto"]),
+              h(F, {
+                label: e.submitText,
+                class: P([l.submitClass, "ms-auto"]),
                 onClick: r,
                 id: "submit-button",
-                type: o.submitButtonType
+                type: l.submitButtonType
               }, null, 8, ["label", "class", "type"])
             ])
           ]),
@@ -1816,9 +1816,9 @@ const qt = {
       ]), 1040, ["pt"]);
     };
   }
-}), Wt = ["id"], Gt = { key: 0 }, Yt = { key: 0 }, Jt = { class: "d-flex justify-content-between align-items-center position-relative" }, Kt = { key: 1 }, Zt = { "data-cy": "readonly-value" }, Xt = /* @__PURE__ */ z({
+}), Gt = ["id"], Yt = { key: 0 }, Jt = { key: 0 }, Kt = { class: "d-flex justify-content-between align-items-center position-relative" }, Zt = { key: 1 }, Xt = { "data-cy": "readonly-value" }, Qt = /* @__PURE__ */ z({
   __name: "ForgeInlineEditor",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     name: { default: "" },
     completeAction: {},
     errorAction: {},
@@ -1831,11 +1831,11 @@ const qt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = L(e, "modelValue"), i = I(!1), o = I(), l = () => {
-      var v;
-      i.value = !i.value, (v = o.value) == null || v.focus();
+    const t = e, a = N(e, "modelValue"), i = I(!1), l = I(), o = () => {
+      var b;
+      i.value = !i.value, (b = l.value) == null || b.focus();
     }, n = async () => {
-      if (w.value)
+      if (x.value)
         return !1;
       if (a.value = r.value, t.completeAction)
         try {
@@ -1847,79 +1847,79 @@ const qt = {
         i.value = !i.value;
     }, s = () => {
       i.value = !i.value;
-    }, p = () => {
+    }, c = () => {
       r.value = null;
-    }, { errorMessage: u, errors: h, value: r } = se(() => t.name, void 0, {
+    }, { errorMessage: u, errors: w, value: r } = re(() => t.name, void 0, {
       initialValue: a.value
     });
-    ne(() => {
+    se(() => {
       r.value = a.value;
     });
-    const w = M(() => h.value.length > 0);
-    return (v, S) => {
-      const F = ae, A = q;
-      return d(), b("div", {
+    const x = M(() => w.value.length > 0);
+    return (b, S) => {
+      const F = ie, L = R;
+      return d(), g("div", {
         id: t.name
       }, [
-        v.readonly ? (d(), b("div", Kt, [
-          C(v.$slots, "default", {}, () => [
-            m("span", Zt, $(c(r)), 1)
+        e.readonly ? (d(), g("div", Zt, [
+          C(b.$slots, "default", {}, () => [
+            m("span", Xt, B(p(r)), 1)
           ])
-        ])) : (d(), b("div", Gt, [
-          i.value ? (d(), b("div", Yt, [
-            K((d(), b("div", Jt, [
-              C(v.$slots, "editor", {
-                class: P({ "is-invalid": w.value }),
+        ])) : (d(), g("div", Yt, [
+          i.value ? (d(), g("div", Jt, [
+            K((d(), g("div", Kt, [
+              C(b.$slots, "editor", {
+                class: P({ "is-invalid": x.value }),
                 editFinished: n,
                 cancel: s,
-                val: c(r)
+                val: p(r)
               }, () => [
-                k(F, {
-                  modelValue: c(r),
-                  "onUpdate:modelValue": S[0] || (S[0] = (f) => Se(r) ? r.value = f : null),
+                h(F, {
+                  modelValue: p(r),
+                  "onUpdate:modelValue": S[0] || (S[0] = ($) => Fe(r) ? r.value = $ : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
-                  ref: o,
-                  class: P({ "is-invalid": w.value }),
+                  ref: l,
+                  class: P({ "is-invalid": x.value }),
                   onKeydown: [
-                    le(n, ["enter"]),
-                    le(s, ["esc"])
+                    ne(n, ["enter"]),
+                    ne(s, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              k(c(_), {
+              h(p(V), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
-                onClick: p,
-                onKeydown: le(p, ["enter"]),
+                onClick: c,
+                onKeydown: ne(c, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c(Ve), n]
+              [p(De), n]
             ])
-          ])) : (d(), b("div", {
+          ])) : (d(), g("div", {
             key: 1,
             class: "d-flex text-muted",
-            onClick: l,
-            onFocus: l
+            onClick: o,
+            onFocus: o
           }, [
-            C(v.$slots, "default", {}, () => [
+            C(b.$slots, "default", {}, () => [
               m("div", {
-                class: P(["pe-2 cursor-pointer", { "text-invalid": w.value }]),
+                class: P(["pe-2 cursor-pointer", { "text-invalid": x.value }]),
                 "data-cy": "value"
-              }, $(c(r) ? c(r) : "Click to edit"), 3)
+              }, B(p(r) ? p(r) : "Click to edit"), 3)
             ]),
-            k(A, {
+            h(L, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: g(() => [
-                k(c(_), {
+              default: v(() => [
+                h(p(V), {
                   icon: "bi:pencil",
-                  class: P(w.value ? "text-invalid" : "text-muted"),
+                  class: P(x.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: le(l, ["enter"])
+                  onKeydown: ne(o, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
@@ -1929,13 +1929,13 @@ const qt = {
         K(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, $(c(u)), 513), [
-          [X, w.value]
+        }, B(p(u)), 513), [
+          [X, x.value]
         ])
-      ], 8, Wt);
+      ], 8, Gt);
     };
   }
-}), Qt = ["href"], go = /* @__PURE__ */ z({
+}), ea = ["href"], gl = /* @__PURE__ */ z({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1980,24 +1980,24 @@ const qt = {
         ]
       })
     }));
-    return (i, o) => (d(), x(c(De), j({ ...t, ...i.$attrs }, {
+    return (i, l) => (d(), y(p(Oe), j({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
-    }), ie({
-      start: g(() => [
+    }), le({
+      start: v(() => [
         m("a", {
-          href: i.logoUrl,
+          href: e.logoUrl,
           class: "navbar-brand ms-3",
           "data-cy": "logo"
         }, [
           C(i.$slots, "logo", {}, () => [
-            o[0] || (o[0] = V(" Logo ", -1))
+            l[0] || (l[0] = O(" Logo ", -1))
           ])
-        ], 8, Qt)
+        ], 8, ea)
       ]),
-      buttonicon: g(() => [
+      buttonicon: v(() => [
         C(i.$slots, "buttonIcon", {}, () => [
-          k(c(_), {
+          h(p(V), {
             icon: "bi:list",
             class: P(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
@@ -2007,24 +2007,24 @@ const qt = {
       ]),
       _: 2
     }, [
-      U(i.$slots, (l, n) => ({
+      q(i.$slots, (o, n) => ({
         name: n,
-        fn: g((s) => [
+        fn: v((s) => [
           C(i.$slots, n, G(Y(s)))
         ])
       }))
     ]), 1040, ["pt"]));
   }
-}), ea = { class: "border alternating-item-list" }, ta = {
+}), ta = { class: "border alternating-item-list" }, aa = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, aa = { class: "d-inline-block" }, ia = {
+}, ia = { class: "d-inline-block" }, la = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
 }, oa = /* @__PURE__ */ z({
   __name: "ForgeMultiSelectPreview",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     title: { default: "Selected Items" },
     orientation: { default: "row" },
     height: { default: "200px" },
@@ -2038,98 +2038,98 @@ const qt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = L(e, "modelValue"), i = (o) => {
-      a.value = a.value.filter((l) => l.id !== o);
+    const t = e, a = N(e, "modelValue"), i = (l) => {
+      a.value = a.value.filter((o) => o.id !== l);
     };
-    return (o, l) => {
-      const n = de, s = q;
-      return d(), b("div", {
-        class: P(o.orientation === "column" ? "row" : "flex-1"),
+    return (l, o) => {
+      const n = ue, s = R;
+      return d(), g("div", {
+        class: P(e.orientation === "column" ? "row" : "flex-1"),
         "data-cy": "multiselect-preview"
       }, [
         m("div", {
-          class: P(o.orientation === "row" ? "col-12 mb-1" : "col"),
+          class: P(e.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          k(n, j({
+          h(n, j({
             modelValue: a.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (p) => a.value = p)
-          }, { ...o.$attrs }, {
+            "onUpdate:modelValue": o[0] || (o[0] = (c) => a.value = c)
+          }, { ...l.$attrs }, {
             options: t.options ?? [],
             optionLabel: "label",
-            placeholder: o.multiselectPlaceholder,
+            placeholder: e.multiselectPlaceholder,
             "data-cy": "multiselect"
           }), {
-            default: g(() => [
-              (d(!0), b(N, null, U(o.$slots, (p, u) => C(o.$slots, u, { slot: u })), 256))
+            default: v(() => [
+              (d(!0), g(E, null, q(l.$slots, (c, u) => C(l.$slots, u, { slot: u })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
-          C(o.$slots, "after-multi-select")
+          C(l.$slots, "after-multi-select")
         ], 2),
         m("div", {
-          class: P(o.orientation === "row" ? "col-12" : "col"),
+          class: P(e.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
           m("div", {
-            style: Ce({ height: o.height }),
+            style: Ce({ height: e.height }),
             class: "overflow-auto"
           }, [
-            m("div", ea, [
-              o.title ? (d(), b("div", ta, $(o.title), 1)) : T("", !0),
-              (d(!0), b(N, null, U(a.value, (p) => (d(), b("div", {
-                key: p.id,
+            m("div", ta, [
+              e.title ? (d(), g("div", aa, B(e.title), 1)) : T("", !0),
+              (d(!0), g(E, null, q(a.value, (c) => (d(), g("div", {
+                key: c.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                C(o.$slots, "list-item", { item: p }, () => [
-                  m("span", aa, $(p.shortLabel ? p.shortLabel : p.label), 1)
+                C(l.$slots, "list-item", { item: c }, () => [
+                  m("span", ia, B(c.shortLabel ? c.shortLabel : c.label), 1)
                 ]),
-                o.canRemoveItemFromPreview ? (d(), x(s, {
+                e.canRemoveItemFromPreview ? (d(), y(s, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (u) => i(p.id)
+                  onClick: (u) => i(c.id)
                 }, {
-                  default: g(() => [
-                    k(c(_), {
+                  default: v(() => [
+                    h(p(V), {
                       icon: "bi:x",
                       class: "close-icon",
-                      "data-cy": `close-icon-${p.id}`
+                      "data-cy": `close-icon-${c.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
                 }, 1032, ["onClick"])) : T("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (d(), b("div", ia, $(t.optionsPreviewEmptyText), 1)) : T("", !0)
+              a.value == null || a.value.length == 0 ? (d(), g("div", la, B(t.optionsPreviewEmptyText), 1)) : T("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), la = { class: "d-flex justify-content-between pb-2" }, na = {
+}), na = { class: "d-flex justify-content-between pb-2" }, sa = {
   "data-cy": "title",
   class: "my-auto"
-}, sa = {
+}, ra = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, bo = /* @__PURE__ */ z({
+}, bl = /* @__PURE__ */ z({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), b("div", la, [
-      m("h3", na, $(t.title), 1),
-      m("div", sa, [
+    return (a, i) => (d(), g("div", na, [
+      m("h3", sa, B(t.title), 1),
+      m("div", ra, [
         C(a.$slots, "default")
       ])
     ]));
   }
-}), ra = { class: "d-flex flex-1" }, da = { "data-cy": "before-slot" }, pa = { class: "position-relative d-flex flex-1" }, ca = { "data-cy": "after-slot" }, xe = /* @__PURE__ */ z({
+}), da = { class: "d-flex flex-1" }, ca = { "data-cy": "before-slot" }, pa = { class: "position-relative d-flex flex-1" }, ua = { "data-cy": "after-slot" }, he = /* @__PURE__ */ z({
   __name: "ForgeDatepicker",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     severity: { default: "primary" },
     modelValue: {},
     defaultValue: {},
@@ -2178,6 +2178,7 @@ const qt = {
     variant: {},
     readonly: { type: Boolean },
     placeholder: {},
+    required: { type: Boolean },
     appendTo: { default: "body" },
     inputId: {},
     inputStyle: {},
@@ -2202,12 +2203,12 @@ const qt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = L(e, "modelValue"), { errors: i, errorMessage: o, handleChange: l, handleBlur: n, setValue: s } = se(() => t.name, void 0, {
+    const t = e, a = N(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: n, setValue: s } = re(() => t.name, void 0, {
       initialValue: a.value
-    }), p = () => {
+    }), c = () => {
       s(null), a.value = null;
-    }, u = M(() => i.value.length > 0), h = M(() => ({
-      day: ({ context: r, props: w, attrs: v }) => ({
+    }, u = M(() => i.value.length > 0), w = M(() => ({
+      day: ({ context: r, props: x, attrs: b }) => ({
         class: [
           "d-flex justify-content-center align-items-center",
           {
@@ -2222,19 +2223,19 @@ const qt = {
             //This is used to show which dates should be shows as 'disabled'. The first part of logic is used to only (due to prime vue passing 
             //disabled for otherMonth dates) show the disabled styling for current calendar dates. The second part of logic is used to set the 
             //disabled state for dates out of the min/max date range, as they would also come through the context as disabled dates without knowing why
-            "text-grey-300": r.disabled && !r.otherMonth || w.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < w.minDate || w.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > w.maxDate,
-            "fw-500": r.disabled && !r.otherMonth || w.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < w.minDate || w.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > w.maxDate
+            "text-grey-300": r.disabled && !r.otherMonth || x.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < x.minDate || x.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > x.maxDate,
+            "fw-500": r.disabled && !r.otherMonth || x.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < x.minDate || x.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > x.maxDate
           },
           // Severities
           {
-            "date-primary": v.severity === void 0 || v.severity === "primary",
-            "date-brand": v.severity === "brand",
-            "date-secondary": v.severity === "secondary",
-            "date-success": v.severity === "success",
-            "date-success-alternate": v.severity === "success-alternate",
-            "date-warning": v.severity === "warning",
-            "date-danger": v.severity === "danger",
-            "date-info": v.severity === "info"
+            "date-primary": b.severity === void 0 || b.severity === "primary",
+            "date-brand": b.severity === "brand",
+            "date-secondary": b.severity === "secondary",
+            "date-success": b.severity === "success",
+            "date-success-alternate": b.severity === "success-alternate",
+            "date-warning": b.severity === "warning",
+            "date-danger": b.severity === "danger",
+            "date-info": b.severity === "info"
           }
         ]
       }),
@@ -2311,54 +2312,54 @@ const qt = {
         ]
       })
     }));
-    return (r, w) => {
-      const v = Oe;
-      return d(), b(N, null, [
-        m("div", ra, [
-          m("span", da, [
+    return (r, x) => {
+      const b = Ae;
+      return d(), g(E, null, [
+        m("div", da, [
+          m("span", ca, [
             C(r.$slots, "before")
           ]),
           m("div", pa, [
-            k(v, j({ ...t, ...r.$attrs }, {
-              pt: h.value,
+            h(b, j({ ...t, ...r.$attrs }, {
+              pt: w.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
-                w[0] || (w[0] = (S) => a.value = S),
-                c(l)
+                x[0] || (x[0] = (S) => a.value = S),
+                p(o)
               ],
-              onBlur: w[1] || (w[1] = () => c(n)),
+              onBlur: x[1] || (x[1] = () => p(n)),
               "input-class": { "text-truncate": !0, "datepicker-invalid": u.value, "pe-5": t.showIcon && t.modelValue, "pe-4": (t.showIcon || t.modelValue) && !(t.showIcon && t.modelValue) }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            K(k(c(_), {
+            K(h(p(V), {
               "data-cy": "icon",
               icon: "bi:calendar4",
               class: P(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white pe-none", `${u.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [X, t.showIcon && !t.inline]
             ]),
-            K(k(c(_), {
+            K(h(p(V), {
               "data-cy": "icon",
               icon: "bi:x",
-              onClick: p,
+              onClick: c,
               class: P(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
             }, null, 8, ["class"]), [
-              [X, t.modelValue && !t.inline && !r.readonly]
+              [X, t.modelValue && !t.inline && !e.readonly]
             ])
           ]),
-          m("span", ca, [
+          m("span", ua, [
             C(r.$slots, "after")
           ])
         ]),
         K(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, $(c(o)), 513), [
+        }, B(p(l)), 513), [
           [X, u.value]
         ])
       ], 64);
     };
   }
-}), yo = /* @__PURE__ */ z({
+}), yl = /* @__PURE__ */ z({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -2366,11 +2367,11 @@ const qt = {
   },
   setup(e) {
     const t = e, a = M(() => t.maxCount - t.currentCount);
-    return (i, o) => (d(), b("div", {
+    return (i, l) => (d(), g("div", {
       class: P(a.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + $(a.value), 3));
+    }, "Remaining characters: " + B(a.value), 3));
   }
-}), ua = { class: "d-flex justify-content-between" }, xo = /* @__PURE__ */ z({
+}), ma = { class: "d-flex justify-content-between" }, xl = /* @__PURE__ */ z({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2386,95 +2387,95 @@ const qt = {
       hasError: !1,
       message: ""
     });
-    async function o() {
+    async function l() {
       a.value = !0, i.value.hasError = !1;
       try {
         await t.onSubmit();
-      } catch (l) {
-        i.value.hasError = !0, l.message && (i.value.message = l.message);
+      } catch (o) {
+        i.value.hasError = !0, o.message && (i.value.message = o.message);
       }
       a.value = !1;
     }
-    return (l, n) => {
-      const s = q;
-      return d(), b("form", j(l.$attrs, {
+    return (o, n) => {
+      const s = R;
+      return d(), g("form", j(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: Q(o, ["prevent"])
+        onSubmit: Q(l, ["prevent"])
       }), [
-        l.hideTitle ? T("", !0) : (d(), b(N, { key: 0 }, [
-          C(l.$slots, "title", {}, () => [
+        e.hideTitle ? T("", !0) : (d(), g(E, { key: 0 }, [
+          C(o.$slots, "title", {}, () => [
             m("h3", {
-              class: P(l.titleClass),
+              class: P(e.titleClass),
               "data-cy": "form-title"
-            }, $(l.title), 3)
+            }, B(e.title), 3)
           ]),
           n[1] || (n[1] = m("hr", null, null, -1))
         ], 64)),
-        i.value.hasError ? (d(), x(re, {
+        i.value.hasError ? (d(), y(de, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: g(() => [
-            C(l.$slots, "error", {
+          default: v(() => [
+            C(o.$slots, "error", {
               error: i.value.message
             }, () => [
-              V($(i.value.message), 1)
+              O(B(i.value.message), 1)
             ])
           ]),
           _: 3
         })) : T("", !0),
-        C(l.$slots, "default"),
-        m("div", ua, [
-          C(l.$slots, "cancel", {}, () => [
-            l.hideCancel ? T("", !0) : (d(), x(s, {
+        C(o.$slots, "default"),
+        m("div", ma, [
+          C(o.$slots, "cancel", {}, () => [
+            e.hideCancel ? T("", !0) : (d(), y(s, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: n[0] || (n[0] = (p) => l.$emit("cancel"))
+              onClick: n[0] || (n[0] = (c) => o.$emit("cancel"))
             }, {
-              default: g(() => [
-                V($(l.cancelText), 1)
+              default: v(() => [
+                O(B(e.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          C(l.$slots, "submit", { submit: o }, () => [
-            k(s, {
+          C(o.$slots, "submit", { submit: l }, () => [
+            h(s, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: g(() => [
-                V($(l.submitText), 1)
+              default: v(() => [
+                O(B(e.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        a.value ? (d(), x(pe, {
+        a.value ? (d(), y(me, {
           key: 2,
           "data-cy": "loading-spinner"
         })) : T("", !0)
       ], 16);
     };
   }
-}), ma = {
+}), va = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, va = ["for"], fa = {
+}, fa = ["for"], ga = {
   key: 0,
   class: "text-danger fw-600"
-}, ga = {
+}, ba = {
   class: "flex--1",
   style: { flex: "1 0 auto" }
-}, ho = /* @__PURE__ */ z({
+}, hl = /* @__PURE__ */ z({
   __name: "ForgeFormField",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     name: {},
     fieldLabelPosition: { default: "top" },
     fieldLabel: {},
@@ -2489,24 +2490,24 @@ const qt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = e, i = (h) => {
-      a.type == "number" ? s(h.value) : s(h);
-    }, { errors: o, value: l, errorMessage: n, handleChange: s, handleBlur: p } = se(() => a.name, void 0, {
+    const t = N(e, "modelValue"), a = e, i = (w) => {
+      a.type == "number" ? s(w.value) : s(w);
+    }, { errors: l, value: o, errorMessage: n, handleChange: s, handleBlur: c } = re(() => a.name, void 0, {
       initialValue: t.value
-    }), u = M(() => o.value.length > 0);
-    return W(() => l.value, (h) => {
-      t.value = h;
-    }, { immediate: !0 }), (h, r) => {
-      const w = Le, v = Ae, S = ae, F = oe, A = de, f = xe;
-      return a.type === "checkbox" ? (d(), x(ye, j({
+    }), u = M(() => l.value.length > 0);
+    return W(() => o.value, (w) => {
+      t.value = w;
+    }, { immediate: !0 }), (w, r) => {
+      const x = Ne, b = Le, S = ie, F = oe, L = ue, $ = he;
+      return a.type === "checkbox" ? (d(), y(xe, j({
         key: 0,
         id: a.name,
         label: a.fieldLabel
-      }, h.$attrs, {
+      }, w.$attrs, {
         name: a.name,
         modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (B) => t.value = B)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), b("div", ma, [
+        "onUpdate:modelValue": r[0] || (r[0] = (k) => t.value = k)
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), g("div", va, [
         m("div", {
           "data-cy": "input-wrapper",
           class: P(["d-flex flex--1", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
@@ -2515,74 +2516,74 @@ const qt = {
             for: a.name,
             class: P(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, [
-            V($(a.fieldLabel) + " ", 1),
-            h.required ? (d(), b("span", fa, "*")) : T("", !0)
-          ], 10, va),
-          m("div", ga, [
-            C(h.$slots, "default", G(Y({ modelValue: t.value, updateModel: c(s), hasErrors: u.value })), () => [
-              a.type === "number" ? (d(), x(c(fe), j({
+            O(B(a.fieldLabel) + " ", 1),
+            e.required ? (d(), g("span", ga, "*")) : T("", !0)
+          ], 10, fa),
+          m("div", ba, [
+            C(w.$slots, "default", G(Y({ modelValue: t.value, updateModel: p(s), hasErrors: u.value })), () => [
+              a.type === "number" ? (d(), y(p(be), j({
                 key: 0,
                 id: a.name
-              }, h.$attrs, {
+              }, w.$attrs, {
                 class: ["flex-1", { "is-invalid": u.value }],
                 placeholder: a.placeholder,
                 "input-class": { "is-invalid": u.value },
                 onInput: i,
                 modelValue: t.value,
-                "onUpdate:modelValue": r[1] || (r[1] = (B) => t.value = B)
-              }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), x(w, j({
+                "onUpdate:modelValue": r[1] || (r[1] = (k) => t.value = k)
+              }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), y(x, j({
                 key: 1,
                 id: a.name
-              }, h.$attrs, {
+              }, w.$attrs, {
                 class: ["w-100", { "is-invalid": u.value }],
                 placeholder: a.placeholder,
                 modelValue: t.value,
-                "onUpdate:modelValue": r[2] || (r[2] = (B) => t.value = B),
+                "onUpdate:modelValue": r[2] || (r[2] = (k) => t.value = k),
                 onInput: i,
-                onBlur: c(p)
-              }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), x(v, j({
+                onBlur: p(c)
+              }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), y(b, j({
                 key: 2,
                 id: a.name
-              }, h.$attrs, {
+              }, w.$attrs, {
                 class: ["flex-1", { "is-invalid": u.value }],
                 placeholder: a.placeholder,
                 mask: a.mask,
                 modelValue: t.value,
-                "onUpdate:modelValue": r[3] || (r[3] = (B) => t.value = B),
+                "onUpdate:modelValue": r[3] || (r[3] = (k) => t.value = k),
                 onComplete: i,
-                onBlur: c(p)
-              }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), x(S, j({
+                onBlur: p(c)
+              }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), y(S, j({
                 key: 3,
                 id: a.name
-              }, h.$attrs, {
+              }, w.$attrs, {
                 class: ["flex-1", { "is-invalid": u.value }],
                 placeholder: a.placeholder,
                 modelValue: t.value,
-                "onUpdate:modelValue": r[4] || (r[4] = (B) => t.value = B),
+                "onUpdate:modelValue": r[4] || (r[4] = (k) => t.value = k),
                 onInput: i,
-                onBlur: c(p)
-              }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), x(F, j({ key: 4 }, { ...a, ...h.$attrs }, {
+                onBlur: p(c)
+              }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), y(F, j({ key: 4 }, { ...a, ...w.$attrs }, {
                 modelValue: t.value,
-                "onUpdate:modelValue": r[5] || (r[5] = (B) => t.value = B),
+                "onUpdate:modelValue": r[5] || (r[5] = (k) => t.value = k),
                 class: { "is-invalid": u.value }
-              }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), x(A, j({ key: 5 }, { ...a, ...h.$attrs }, {
+              }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), y(L, j({ key: 5 }, { ...a, ...w.$attrs }, {
                 modelValue: t.value,
-                "onUpdate:modelValue": r[6] || (r[6] = (B) => t.value = B),
+                "onUpdate:modelValue": r[6] || (r[6] = (k) => t.value = k),
                 class: { "is-invalid": u.value }
-              }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), x(oa, j({ key: 6 }, { ...a, ...h.$attrs }, {
+              }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), y(oa, j({ key: 6 }, { ...a, ...w.$attrs }, {
                 modelValue: t.value,
-                "onUpdate:modelValue": r[7] || (r[7] = (B) => t.value = B),
+                "onUpdate:modelValue": r[7] || (r[7] = (k) => t.value = k),
                 class: { "is-invalid": u.value }
-              }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), x(f, j({ key: 7 }, { ...a, ...h.$attrs }, {
+              }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), y($, j({ key: 7 }, { ...a, ...w.$attrs }, {
                 modelValue: t.value,
-                "onUpdate:modelValue": r[8] || (r[8] = (B) => t.value = B),
+                "onUpdate:modelValue": r[8] || (r[8] = (k) => t.value = k),
                 class: { "is-invalid": u.value }
               }), null, 16, ["modelValue", "class"])) : T("", !0)
             ]),
             K(m("small", {
               "data-cy": "error",
               class: "invalid-feedback"
-            }, $(c(n)), 513), [
+            }, B(p(n)), 513), [
               [X, u.value && a.type !== "multiselect" && a.type !== "datepicker"]
             ])
           ])
@@ -2590,7 +2591,7 @@ const qt = {
       ]));
     };
   }
-}), wo = /* @__PURE__ */ z({
+}), wl = /* @__PURE__ */ z({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2624,17 +2625,17 @@ const qt = {
         }
       ]
     }));
-    return (i, o) => {
-      const l = Ne;
-      return d(), x(l, j({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
-        default: g(() => [
-          (d(!0), b(N, null, U(i.$slots, (n, s) => C(i.$slots, s, { slot: s })), 256))
+    return (i, l) => {
+      const o = Ue;
+      return d(), y(o, j({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+        default: v(() => [
+          (d(!0), g(E, null, q(i.$slots, (n, s) => C(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), ko = /* @__PURE__ */ z({
+}), kl = /* @__PURE__ */ z({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2650,7 +2651,7 @@ const qt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = M(() => t.striped ? "progress-bar-striped" : null), i = M(() => t.animate ? "progress-bar-animated" : null), o = M(() => {
+    const t = e, a = M(() => t.striped ? "progress-bar-striped" : null), i = M(() => t.animate ? "progress-bar-animated" : null), l = M(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2671,18 +2672,18 @@ const qt = {
         default:
           return "bg-primary";
       }
-    }), l = M(() => ({
+    }), o = M(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
       value: {
-        class: [o.value, a.value, i.value, "progress-bar"]
+        class: [l.value, a.value, i.value, "progress-bar"]
       }
     }));
     return (n, s) => {
-      const p = Ue;
-      return d(), x(p, j({ ...n.$attrs, ...t }, { pt: l.value }), {
-        default: g(() => [
+      const c = Ee;
+      return d(), y(c, j({ ...n.$attrs, ...t }, { pt: o.value }), {
+        default: v(() => [
           C(n.$slots, "default")
         ]),
         _: 3
@@ -2690,7 +2691,7 @@ const qt = {
     };
   }
 });
-var ba = /* @__PURE__ */ z({
+var ya = /* @__PURE__ */ z({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -2857,8 +2858,8 @@ var ba = /* @__PURE__ */ z({
     getCoordinates(e) {
       let t, a;
       if (e.touches && e.touches.length > 0) {
-        let o = document.querySelector("#" + this.canvasId).getBoundingClientRect();
-        t = e.touches[0].clientX - o.left, a = e.touches[0].clientY - o.top;
+        let l = document.querySelector("#" + this.canvasId).getBoundingClientRect();
+        t = e.touches[0].clientX - l.left, a = e.touches[0].clientY - l.top;
       } else
         t = e.offsetX, a = e.offsetY;
       return {
@@ -2937,13 +2938,13 @@ var ba = /* @__PURE__ */ z({
               }];
               break;
             case "circle":
-              let o = this.strokes.from.x - t.x < 0 ? (this.strokes.from.x - t.x) * -1 : this.strokes.from.x - t.x;
+              let l = this.strokes.from.x - t.x < 0 ? (this.strokes.from.x - t.x) * -1 : this.strokes.from.x - t.x;
               this.guides = [{
-                x: this.strokes.from.x > t.x ? this.strokes.from.x - o : this.strokes.from.x + o,
+                x: this.strokes.from.x > t.x ? this.strokes.from.x - l : this.strokes.from.x + l,
                 y: this.strokes.from.y
               }, {
-                x: o,
-                y: o
+                x: l,
+                y: l
               }];
               break;
           }
@@ -3001,15 +3002,15 @@ var ba = /* @__PURE__ */ z({
         e && this.save();
       });
     },
-    wrapText(e, t, a, i, o, l) {
+    wrapText(e, t, a, i, l, o) {
       const n = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
-      var p = t.split(n).filter((F) => F.length > 0);
-      for (let F = 0; F < p.length; F++) {
-        for (var u = p[F].split(s).filter((A) => A.length > 0), h = "", r = 0; r < u.length; r++) {
-          var w = h + u[r] + " ", v = e.measureText(w), S = v.width;
-          S > o && r > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(h, a, i) : e.fillText(h, a, i), h = u[r] + " ", i += l) : h = w;
+      var c = t.split(n).filter((F) => F.length > 0);
+      for (let F = 0; F < c.length; F++) {
+        for (var u = c[F].split(s).filter((L) => L.length > 0), w = "", r = 0; r < u.length; r++) {
+          var x = w + u[r] + " ", b = e.measureText(x), S = b.width;
+          S > l && r > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(w, a, i) : e.fillText(w, a, i), w = u[r] + " ", i += o) : w = x;
         }
-        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(h, a, i) : e.fillText(h, a, i), i += u.length > 0 ? l : 0;
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(w, a, i) : e.fillText(w, a, i), i += u.length > 0 ? o : 0;
       }
     },
     save() {
@@ -3018,31 +3019,31 @@ var ba = /* @__PURE__ */ z({
         let t = document.createElement("canvas"), a = t.getContext("2d");
         a && (t.width = Number(this.width), t.height = Number(this.height), a.drawImage(e, 0, 0, Number(this.width), Number(this.height)), this.drawWatermark(t, a, this.watermark));
       } else {
-        let t = document.createElement("canvas"), a = t.getContext("2d"), i = this.outputWidth === void 0 ? this.width : this.outputWidth, o = this.outputHeight === void 0 ? this.height : this.outputHeight;
-        if (t.width = Number(i), t.height = Number(o), a)
-          return a.drawImage(e, 0, 0, Number(i), Number(o)), this.$emit("update:image", t.toDataURL("image/" + this.saveAs, 1)), t.toDataURL("image/" + this.saveAs, 1);
+        let t = document.createElement("canvas"), a = t.getContext("2d"), i = this.outputWidth === void 0 ? this.width : this.outputWidth, l = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (t.width = Number(i), t.height = Number(l), a)
+          return a.drawImage(e, 0, 0, Number(i), Number(l)), this.$emit("update:image", t.toDataURL("image/" + this.saveAs, 1)), t.toDataURL("image/" + this.saveAs, 1);
       }
     },
     drawWatermark(e, t, a) {
       if (a.type === "Image") {
-        let i = a.imageStyle ? a.imageStyle.width ? a.imageStyle.width : Number(this.width) : Number(this.width), o = a.imageStyle ? a.imageStyle.height ? a.imageStyle.height : Number(this.height) : Number(this.height);
-        const l = new Image();
-        l.src = a.source, l.onload = () => {
-          a && t && t.drawImage(l, a.x, a.y, Number(i), Number(o));
-          let n = document.createElement("canvas"), s = n.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, u = this.outputHeight === void 0 ? this.height : this.outputHeight;
-          if (n.width = Number(p), n.height = Number(u), s)
-            return s.drawImage(e, 0, 0, Number(p), Number(u)), this.$emit("update:image", n.toDataURL("image/" + this.saveAs, 1)), n.toDataURL("image/" + this.saveAs, 1);
+        let i = a.imageStyle ? a.imageStyle.width ? a.imageStyle.width : Number(this.width) : Number(this.width), l = a.imageStyle ? a.imageStyle.height ? a.imageStyle.height : Number(this.height) : Number(this.height);
+        const o = new Image();
+        o.src = a.source, o.onload = () => {
+          a && t && t.drawImage(o, a.x, a.y, Number(i), Number(l));
+          let n = document.createElement("canvas"), s = n.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, u = this.outputHeight === void 0 ? this.height : this.outputHeight;
+          if (n.width = Number(c), n.height = Number(u), s)
+            return s.drawImage(e, 0, 0, Number(c), Number(u)), this.$emit("update:image", n.toDataURL("image/" + this.saveAs, 1)), n.toDataURL("image/" + this.saveAs, 1);
         };
       } else if (a.type === "Text") {
-        let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", o = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", l = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", n = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
-        if (t.font = i, t.textAlign = o, t.textBaseline = l, a.fontStyle && a.fontStyle.rotate) {
-          let r, w;
-          a.fontStyle && a.fontStyle.width ? r = a.x + Math.floor(a.fontStyle.width / 2) : r = a.x, a.fontStyle && a.fontStyle.lineHeight ? w = a.y + Math.floor(a.fontStyle.lineHeight / 2) : w = a.y, t.translate(r, w), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(r * -1, w * -1);
+        let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", l = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", o = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", n = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
+        if (t.font = i, t.textAlign = l, t.textBaseline = o, a.fontStyle && a.fontStyle.rotate) {
+          let r, x;
+          a.fontStyle && a.fontStyle.width ? r = a.x + Math.floor(a.fontStyle.width / 2) : r = a.x, a.fontStyle && a.fontStyle.lineHeight ? x = a.y + Math.floor(a.fontStyle.lineHeight / 2) : x = a.y, t.translate(r, x), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(r * -1, x * -1);
         }
         a.fontStyle && a.fontStyle.drawType && a.fontStyle.drawType === "stroke" ? (t.strokeStyle = a.fontStyle.color, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.strokeText(a.source, a.x, a.y)) : (t.fillStyle = n, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.fillText(a.source, a.x, a.y));
-        let s = document.createElement("canvas"), p = s.getContext("2d"), u = this.outputWidth === void 0 ? this.width : this.outputWidth, h = this.outputHeight === void 0 ? this.height : this.outputHeight;
-        if (s.width = Number(u), s.height = Number(h), p)
-          return p.drawImage(e, 0, 0, Number(u), Number(h)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
+        let s = document.createElement("canvas"), c = s.getContext("2d"), u = this.outputWidth === void 0 ? this.width : this.outputWidth, w = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (s.width = Number(u), s.height = Number(w), c)
+          return c.drawImage(e, 0, 0, Number(u), Number(w)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
       }
     },
     isEmpty() {
@@ -3080,7 +3081,7 @@ var ba = /* @__PURE__ */ z({
     });
   }
 });
-const ya = { class: "d-flex flex-column" }, xa = { class: "d-flex flex-row mt-1 gap-1" }, Bo = /* @__PURE__ */ z({
+const xa = { class: "d-flex flex-column" }, ha = { class: "d-flex flex-row mt-1 gap-1" }, Bl = /* @__PURE__ */ z({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -3093,73 +3094,73 @@ const ya = { class: "d-flex flex-column" }, xa = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, o = ze("drawingCanvas"), l = I(), n = () => {
-      o == null || o.value.reset();
+    const a = e, i = t, l = ze("drawingCanvas"), o = I(), n = () => {
+      l == null || l.value.reset();
     }, s = () => {
-      o == null || o.value.redo();
-    }, p = () => {
-      o == null || o.value.undo();
+      l == null || l.value.redo();
+    }, c = () => {
+      l == null || l.value.undo();
     }, u = () => {
-      i("save", o.value.isEmpty());
+      i("save", l.value.isEmpty());
     };
-    return (h, r) => {
-      const w = q;
-      return d(), b("div", ya, [
-        k(c(ba), j({
+    return (w, r) => {
+      const x = R;
+      return d(), g("div", xa, [
+        h(p(ya), j({
           ref_key: "drawingCanvas",
-          ref: o,
-          image: l.value,
-          "onUpdate:image": r[0] || (r[0] = (v) => l.value = v),
+          ref: l,
+          image: o.value,
+          "onUpdate:image": r[0] || (r[0] = (b) => o.value = b),
           "data-cy": "drawing-canvas",
           class: "border canvas"
-        }, { ...h.$attrs }, {
-          height: h.height,
-          width: h.width,
-          style: `height: ${h.height}px; width: ${h.width}px`,
-          "line-join": h.lineJoin
+        }, { ...w.$attrs }, {
+          height: e.height,
+          width: e.width,
+          style: `height: ${e.height}px; width: ${e.width}px`,
+          "line-join": e.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
-        m("div", xa, [
-          a.showUndo ? (d(), x(w, {
+        m("div", ha, [
+          a.showUndo ? (d(), y(x, {
             key: 0,
-            onClick: p,
+            onClick: c,
             outlined: "",
             "data-cy": "undo-button"
           }, {
-            default: g(() => [...r[1] || (r[1] = [
-              V("Undo", -1)
+            default: v(() => [...r[1] || (r[1] = [
+              O("Undo", -1)
             ])]),
             _: 1
           })) : T("", !0),
-          a.showRedo ? (d(), x(w, {
+          a.showRedo ? (d(), y(x, {
             key: 1,
             onClick: s,
             outlined: "",
             "data-cy": "redo-button"
           }, {
-            default: g(() => [...r[2] || (r[2] = [
-              V("Redo", -1)
+            default: v(() => [...r[2] || (r[2] = [
+              O("Redo", -1)
             ])]),
             _: 1
           })) : T("", !0),
-          a.showClear ? (d(), x(w, {
+          a.showClear ? (d(), y(x, {
             key: 2,
             onClick: n,
             outlined: "",
             "data-cy": "clear-button"
           }, {
-            default: g(() => [...r[3] || (r[3] = [
-              V("Clear", -1)
+            default: v(() => [...r[3] || (r[3] = [
+              O("Clear", -1)
             ])]),
             _: 1
           })) : T("", !0),
-          a.showSave ? (d(), x(w, {
+          a.showSave ? (d(), y(x, {
             key: 3,
             onClick: u,
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
-            default: g(() => [...r[4] || (r[4] = [
-              V("Save", -1)
+            default: v(() => [...r[4] || (r[4] = [
+              O("Save", -1)
             ])]),
             _: 1
           })) : T("", !0)
@@ -3167,7 +3168,7 @@ const ya = { class: "d-flex flex-column" }, xa = { class: "d-flex flex-row mt-1
       ]);
     };
   }
-}), ha = { class: "value text-white w-100 text-center" }, $o = /* @__PURE__ */ z({
+}), wa = { class: "value text-white w-100 text-center" }, $l = /* @__PURE__ */ z({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -3175,15 +3176,15 @@ const ya = { class: "d-flex flex-column" }, xa = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), b("div", j(a.$attrs, {
+    return (a, i) => (d(), g("div", j(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", ha, [
+      m("span", wa, [
         C(a.$slots, "default")
       ])
     ], 16));
   }
-}), wa = { key: 0 }, Fo = /* @__PURE__ */ z({
+}), ka = { key: 0 }, Sl = /* @__PURE__ */ z({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -3230,31 +3231,31 @@ const ya = { class: "d-flex flex-column" }, xa = { class: "d-flex flex-row mt-1
         ]
       })
     }));
-    return (i, o) => (d(), x(c(qe), { value: i.currentStep }, {
-      default: g(() => [
-        k(c(Re), null, {
-          default: g(() => [
-            (d(!0), b(N, null, U(i.steps, (l) => (d(), x(c(Ee), j({
-              key: l.value,
-              value: l.value,
-              disabled: l.disabled
+    return (i, l) => (d(), y(p(_e), { value: e.currentStep }, {
+      default: v(() => [
+        h(p(Re), null, {
+          default: v(() => [
+            (d(!0), g(E, null, q(e.steps, (o) => (d(), y(p(qe), j({
+              key: o.value,
+              value: o.value,
+              disabled: o.disabled
             }, { ref_for: !0 }, { ...i.$attrs }, { pt: a.value }), {
-              default: g(() => [
-                i.showStepLabel ? (d(), b("div", wa, $(l.label), 1)) : T("", !0)
+              default: v(() => [
+                e.showStepLabel ? (d(), g("div", ka, B(o.label), 1)) : T("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
           ]),
           _: 1
         }),
-        k(c(We), null, {
-          default: g(() => [
-            (d(!0), b(N, null, U(i.steps, (l) => (d(), x(c(He), {
-              key: l.value,
-              value: l.value
+        h(p(We), null, {
+          default: v(() => [
+            (d(!0), g(E, null, q(e.steps, (o) => (d(), y(p(He), {
+              key: o.value,
+              value: o.value
             }, {
-              default: g(() => [
-                C(i.$slots, "step" + l.value)
+              default: v(() => [
+                C(i.$slots, "step" + o.value)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -3265,7 +3266,7 @@ const ya = { class: "d-flex flex-column" }, xa = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), ka = { class: "p-4 text-wrap w-100" }, Ba = { class: "p-4 text-wrap w-100" }, So = /* @__PURE__ */ z({
+}), Ba = { class: "p-4 text-wrap w-100" }, $a = { class: "p-4 text-wrap w-100" }, Fl = /* @__PURE__ */ z({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -3275,31 +3276,31 @@ const ya = { class: "d-flex flex-column" }, xa = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e, a = M(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = M(() => `${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 (o, l) => {
-      const n = q;
-      return t.clickable ? (d(), x(n, {
+    return (l, o) => {
+      const n = R;
+      return t.clickable ? (d(), y(n, {
         key: 0,
         class: P(["d-flex w-100 p-0 text-body", a.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: g(() => [
-          m("div", ka, [
-            C(o.$slots, "default", {}, () => [
-              l[0] || (l[0] = V("Tile Content", -1))
+        default: v(() => [
+          m("div", Ba, [
+            C(l.$slots, "default", {}, () => [
+              o[0] || (o[0] = O("Tile Content", -1))
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (d(), b("div", {
+      }, 8, ["severity", "class"])) : (d(), g("div", {
         key: 1,
         class: P(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
-        m("div", Ba, [
-          C(o.$slots, "default", {}, () => [
-            l[1] || (l[1] = V("Tile Content", -1))
+        m("div", $a, [
+          C(l.$slots, "default", {}, () => [
+            o[1] || (o[1] = O("Tile Content", -1))
           ])
         ])
       ], 2));
@@ -3309,13 +3310,13 @@ const ya = { class: "d-flex flex-column" }, xa = { class: "d-flex flex-row mt-1
 function ee(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const $a = {
+const Sa = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, Fa = { class: "ms-2" }, Sa = { key: 0 }, Ca = {
+}, Fa = { class: "ms-2" }, Ca = { key: 0 }, Ta = {
   class: "w-auto",
   "data-cy": "total"
-}, he = /* @__PURE__ */ z({
+}, we = /* @__PURE__ */ z({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -3324,33 +3325,33 @@ const $a = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const a = t, i = e, o = (n) => {
+    const a = t, i = e, l = (n) => {
       a("update:perPage", n.value);
-    }, l = M(() => {
+    }, o = M(() => {
       const n = Math.ceil(i.total / i.perPage);
       return `${n} ${ee(n, "page")}`;
     });
-    return (n, s) => (d(), b("div", $a, [
-      s[2] || (s[2] = V(" Number of results per page ", -1)),
+    return (n, s) => (d(), g("div", Sa, [
+      s[2] || (s[2] = O(" Number of results per page ", -1)),
       m("div", Fa, [
-        k(c(oe), {
+        h(p(oe), {
           options: i.pageSizes,
           "model-value": i.perPage,
           class: "page-size",
-          onChange: s[0] || (s[0] = (p) => o(p)),
+          onChange: s[0] || (s[0] = (c) => l(c)),
           "data-cy": "pagination-page-size-select"
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (d(), b("div", Sa, [
+      i.total ? (d(), g("div", Ca, [
         s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", Ca, $(i.total) + " " + $(c(ee)(i.total, "result")) + " across " + $(l.value), 1)
+        m("span", Ta, B(i.total) + " " + B(p(ee)(i.total, "result")) + " across " + B(o.value), 1)
       ])) : T("", !0)
     ]));
   }
-}), Ta = { class: "position-relative" }, za = { "data-cy": "above-table-slot" }, Pa = { class: "d-flex w-100" }, ja = {
+}), za = { class: "position-relative" }, Pa = { "data-cy": "above-table-slot" }, ja = { class: "d-flex w-100" }, Ma = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Ma = { class: "d-flex" }, Ia = { class: "d-flex align-items-end mb-2" }, _a = { key: 0 }, Va = { class: "ms-auto" }, Co = /* @__PURE__ */ z({
+}, Ia = { class: "d-flex" }, Va = { class: "d-flex align-items-end mb-2" }, Da = { key: 0 }, Oa = { class: "ms-auto" }, Cl = /* @__PURE__ */ z({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3437,7 +3438,7 @@ const $a = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, o = I(), l = I([5, 10, 20, 50, 100]), n = I(i.perPage ?? 10), s = I({
+    const a = t, i = e, l = I(), o = I([5, 10, 20, 50, 100]), n = I(i.perPage ?? 10), s = I({
       filters: i.filters,
       perPage: n.value,
       page: 0,
@@ -3445,13 +3446,13 @@ const $a = {
       sortField: "",
       total: i.totalRecords ?? i.value.length
     });
-    W(() => i.perPage, (f) => {
-      f && (n.value = f, s.value.perPage = f);
+    W(() => i.perPage, ($) => {
+      $ && (n.value = $, s.value.perPage = $);
     });
-    const p = M(() => i.totalRecords ?? i.value.length), u = M(() => {
-      const f = Math.ceil(p.value / n.value);
-      return `${f} ${ee(f, "page")}`;
-    }), h = M(() => ({
+    const c = M(() => i.totalRecords ?? i.value.length), u = M(() => {
+      const $ = Math.ceil(c.value / n.value);
+      return `${$} ${ee($, "page")}`;
+    }), w = M(() => ({
       thead: () => ({
         class: [
           {
@@ -3478,151 +3479,151 @@ const $a = {
       if (i.clearAll)
         i.clearAll();
       else
-        for (const f in i.filters)
-          typeof i.filters[f] == "string" ? i.filters[f] = "" : i.filters[f].value = null;
+        for (const $ in i.filters)
+          typeof i.filters[$] == "string" ? i.filters[$] = "" : i.filters[$].value = null;
       S(i.filters);
-    }, w = () => {
-      o.value.exportCSV();
-    }, v = (f) => {
-      var B;
-      s.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((B = f.sortField) == null ? void 0 : B.toString()) ?? "", a("update:tableContext", s.value), a("sort", f);
-    }, S = (f) => {
-      s.value.filters = f, a("update:tableContext", s.value), a("update:filters", f);
-    }, F = (f) => {
-      s.value.page = f.page, a("update:tableContext", s.value), a("page", f);
-    }, A = () => {
+    }, x = () => {
+      l.value.exportCSV();
+    }, b = ($) => {
+      var k;
+      s.value.sortDirection = $.sortOrder === 1 ? "Asc" : $.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((k = $.sortField) == null ? void 0 : k.toString()) ?? "", a("update:tableContext", s.value), a("sort", $);
+    }, S = ($) => {
+      s.value.filters = $, a("update:tableContext", s.value), a("update:filters", $);
+    }, F = ($) => {
+      s.value.page = $.page, a("update:tableContext", s.value), a("page", $);
+    }, L = () => {
       s.value.perPage = n.value, a("update:tableContext", s.value);
     };
-    return W(() => i.filters, (f) => {
-      s.value.filters = f, a("update:tableContext", s.value);
-    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (f, B) => (d(), b("div", Ta, [
-      m("span", za, [
-        C(f.$slots, "above-table")
+    return W(() => i.filters, ($) => {
+      s.value.filters = $, a("update:tableContext", s.value);
+    }, { deep: !0 }), se(() => a("update:tableContext", s.value)), ($, k) => (d(), g("div", za, [
+      m("span", Pa, [
+        C($.$slots, "above-table")
       ]),
-      k(c(Ge), j({
+      h(p(Ge), j({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
-      }, { ...i, ...f.$attrs }, {
-        pt: h.value,
+      }, { ...i, ...$.$attrs }, {
+        pt: w.value,
         rows: n.value,
-        "total-records": p.value,
+        "total-records": c.value,
         "filter-display": i.filters ? "row" : void 0,
         ref_key: "forgeTable",
-        ref: o,
+        ref: l,
         "data-cy": "table",
         "onUpdate:filters": S,
-        onSort: v,
+        onSort: b,
         onPage: F,
         showHeaders: ""
-      }), ie({
-        empty: g(() => [
-          m("div", Pa, [
-            m("h5", ja, $(f.emptyMessage ?? "No items Found."), 1)
+      }), le({
+        empty: v(() => [
+          m("div", ja, [
+            m("h5", Ma, B(e.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
-        header: g(() => [
+        header: v(() => [
           m("div", {
             class: P(i.loading ? "opacity-50" : "")
           }, [
-            m("div", Ma, [
-              m("div", Ia, [
-                f.paginator && !f.legacyPaginationFooter ? (d(), b("span", _a, [
-                  k(he, {
-                    total: p.value,
-                    "page-sizes": l.value,
+            m("div", Ia, [
+              m("div", Va, [
+                e.paginator && !e.legacyPaginationFooter ? (d(), g("span", Da, [
+                  h(we, {
+                    total: c.value,
+                    "page-sizes": o.value,
                     "per-page": n.value,
                     "onUpdate:perPage": [
-                      B[0] || (B[0] = (D) => n.value = D),
-                      A
+                      k[0] || (k[0] = (A) => n.value = A),
+                      L
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : T("", !0)
               ]),
-              m("div", Va, [
-                f.showClearButton ? (d(), x(c(q), {
+              m("div", Oa, [
+                e.showClearButton ? (d(), y(p(R), {
                   key: 0,
                   outlined: "",
-                  class: P(f.showExporterButton ? "me-2" : ""),
+                  class: P(e.showExporterButton ? "me-2" : ""),
                   onClick: r,
                   "data-cy": "clear-all"
                 }, {
-                  default: g(() => [
-                    k(c(_), {
+                  default: v(() => [
+                    h(p(V), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    B[2] || (B[2] = V(" Clear ", -1))
+                    k[2] || (k[2] = O(" Clear ", -1))
                   ]),
                   _: 1
                 }, 8, ["class"])) : T("", !0),
-                f.showExporterButton ? (d(), x(c(q), {
+                e.showExporterButton ? (d(), y(p(R), {
                   key: 1,
                   outlined: "",
-                  onClick: w,
+                  onClick: x,
                   "data-cy": "exporter"
                 }, {
-                  default: g(() => [
-                    k(c(_), {
+                  default: v(() => [
+                    h(p(V), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
-                    B[3] || (B[3] = V(" Export ", -1))
+                    k[3] || (k[3] = O(" Export ", -1))
                   ]),
                   _: 1
                 })) : T("", !0),
-                C(f.$slots, "column-customiser")
+                C($.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
-        default: g(() => [
-          C(f.$slots, "default")
+        default: v(() => [
+          C($.$slots, "default")
         ]),
         _: 2
       }, [
-        U(f.$slots, (D, y) => ({
-          name: y,
-          fn: g((O) => [
-            C(f.$slots, y, G(Y(O || {})))
+        q($.$slots, (A, f) => ({
+          name: f,
+          fn: v((D) => [
+            C($.$slots, f, G(Y(D || {})))
           ])
         })),
-        f.legacyPaginationFooter ? {
+        e.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: g(() => [
+          fn: v(() => [
             m("span", {
               class: P(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              B[4] || (B[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              k(c(oe), {
-                options: l.value,
+              k[4] || (k[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
+              h(p(oe), {
+                options: o.value,
                 modelValue: n.value,
-                "onUpdate:modelValue": B[1] || (B[1] = (D) => n.value = D),
+                "onUpdate:modelValue": k[1] || (k[1] = (A) => n.value = A),
                 class: "ms-2",
-                onClick: A
+                onClick: L
               }, null, 8, ["options", "modelValue"])
             ], 2)
           ]),
           key: "0"
         } : void 0,
-        f.legacyPaginationFooter ? {
+        e.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: g(() => [
+          fn: v(() => [
             m("span", {
               "data-cy": "legacy-total",
               class: P(i.loading ? "opacity-50" : "")
-            }, $(p.value) + " " + $(c(ee)(p.value, "result")) + " across " + $(u.value), 3)
+            }, B(c.value) + " " + B(p(ee)(c.value, "result")) + " across " + B(u.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), Da = { class: "position-relative" }, Oa = { "data-cy": "above-table-slot" }, Aa = { class: "d-flex w-100" }, La = {
+}), Aa = { class: "position-relative" }, La = { "data-cy": "above-table-slot" }, Na = { class: "d-flex w-100" }, Ua = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Na = { class: "d-flex" }, Ua = { class: "d-flex align-items-end mb-2" }, Ea = { key: 0 }, qa = { class: "ms-auto" }, To = /* @__PURE__ */ z({
+}, Ea = { class: "d-flex" }, qa = { class: "d-flex align-items-end mb-2" }, _a = { key: 0 }, Ra = { class: "ms-auto" }, Tl = /* @__PURE__ */ z({
   __name: "ForgeTreeTable",
   props: {
     stripedRows: { type: Boolean, default: !1 },
@@ -3683,28 +3684,28 @@ const $a = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = e, i = t, o = I([5, 10, 20, 50, 100]), l = I(10), n = I(0), s = I(0), p = I({
+    const a = e, i = t, l = I([5, 10, 20, 50, 100]), o = I(10), n = I(0), s = I(0), c = I({
       filters: a.filters,
-      perPage: l.value,
+      perPage: o.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: a.totalRecords ?? a.value.length
-    }), u = M(() => a.totalRecords ?? a.value.length), h = M(() => {
-      const y = Math.ceil(u.value / l.value);
-      return `${y} ${ee(y, "page")}`;
+    }), u = M(() => a.totalRecords ?? a.value.length), w = M(() => {
+      const f = Math.ceil(u.value / o.value);
+      return `${f} ${ee(f, "page")}`;
     }), r = M(() => ({
       root: "position-relative",
-      table: (y) => ({
+      table: (f) => ({
         class: [
           "table position-relative",
           {
-            "table-striped": y.attrs.stripedRows,
-            "table-hover": y.props.rowHover,
-            "table-bordered": y.props.showGridlines,
-            "table-sm": y.props.size === "small",
-            "table-lg": y.props.size === "large",
-            "opacity-50": y.props.loading
+            "table-striped": f.attrs.stripedRows,
+            "table-hover": f.props.rowHover,
+            "table-bordered": f.props.showGridlines,
+            "table-sm": f.props.size === "small",
+            "table-lg": f.props.size === "large",
+            "opacity-50": f.props.loading
           }
         ]
       }),
@@ -3722,43 +3723,43 @@ const $a = {
           }
         ]
       }),
-      row: ({ instance: y }) => [
+      row: ({ instance: f }) => [
         {
-          "parent-node": y.node.hasOwnProperty("children")
+          "parent-node": f.node.hasOwnProperty("children")
         }
       ]
     }));
-    W(() => a.parentExpanderFullRow, (y) => {
-      y ? w() : v();
+    W(() => a.parentExpanderFullRow, (f) => {
+      f ? x() : b();
     });
-    const w = () => {
+    const x = () => {
       a.parentExpanderFullRow && setTimeout(
         () => {
-          const y = Array.from(
+          const f = Array.from(
             document.querySelectorAll(".parent-node td.expander-cell")
           );
           Array.from(
             document.querySelectorAll(".parent-node td")
-          ).forEach((R) => {
-            R.classList.add("d-none");
-          }), y.forEach((R) => {
-            R.setAttribute("colspan", a.totalColumns.toString()), R.classList.remove("d-none");
+          ).forEach((U) => {
+            U.classList.add("d-none");
+          }), f.forEach((U) => {
+            U.setAttribute("colspan", a.totalColumns.toString()), U.classList.remove("d-none");
           });
         },
         0
       );
-    }, v = () => {
+    }, b = () => {
       setTimeout(
         () => {
-          const y = Array.from(
+          const f = Array.from(
             document.querySelectorAll(".parent-node td.expander-cell")
-          ), O = Array.from(
+          ), D = Array.from(
             document.querySelectorAll(".parent-node td")
           );
-          y.forEach((R) => {
-            R.removeAttribute("colspan");
-          }), O.forEach((R) => {
-            R.classList.remove("d-none");
+          f.forEach((U) => {
+            U.removeAttribute("colspan");
+          }), D.forEach((U) => {
+            U.classList.remove("d-none");
           });
         },
         0
@@ -3767,138 +3768,138 @@ const $a = {
       if (a.clearAll)
         a.clearAll();
       else
-        for (const y in a.filters)
-          typeof a.filters[y] == "string" ? a.filters[y] = "" : a.filters[y].value = null;
-      A(a.filters);
-    }, F = (y) => {
-      var O;
-      p.value.sortDirection = y.sortOrder === 1 ? "Asc" : y.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((O = y.sortField) == null ? void 0 : O.toString()) ?? "", i("update:tableContext", p.value), i("sort", y), w();
-    }, A = (y) => {
-      p.value.filters = y, i("update:tableContext", p.value), i("update:filters", y), w();
-    }, f = (y) => {
-      p.value.page = s.value = y.page, D(), i("update:tableContext", p.value), i("page", y), w();
-    }, B = () => {
-      p.value.perPage = l.value, s.value = 0, p.value.page = s.value = Math.floor(n.value / l.value), D(), i("update:tableContext", p.value), w();
+        for (const f in a.filters)
+          typeof a.filters[f] == "string" ? a.filters[f] = "" : a.filters[f].value = null;
+      L(a.filters);
+    }, F = (f) => {
+      var D;
+      c.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", c.value.sortField = ((D = f.sortField) == null ? void 0 : D.toString()) ?? "", i("update:tableContext", c.value), i("sort", f), x();
+    }, L = (f) => {
+      c.value.filters = f, i("update:tableContext", c.value), i("update:filters", f), x();
+    }, $ = (f) => {
+      c.value.page = s.value = f.page, A(), i("update:tableContext", c.value), i("page", f), x();
+    }, k = () => {
+      c.value.perPage = o.value, s.value = 0, c.value.page = s.value = Math.floor(n.value / o.value), A(), i("update:tableContext", c.value), x();
     };
-    W(() => a.filters, (y) => {
-      p.value.filters = y, i("update:tableContext", p.value);
+    W(() => a.filters, (f) => {
+      c.value.filters = f, i("update:tableContext", c.value);
     }, { deep: !0 }), W(() => a.value, () => {
-      w();
-    }), ne(() => {
-      w(), i("update:tableContext", p.value);
+      x();
+    }), se(() => {
+      x(), i("update:tableContext", c.value);
     });
-    const D = () => {
-      n.value = s.value * l.value;
+    const A = () => {
+      n.value = s.value * o.value;
     };
-    return (y, O) => (d(), b("div", Da, [
-      m("span", Oa, [
-        C(y.$slots, "above-table")
+    return (f, D) => (d(), g("div", Aa, [
+      m("span", La, [
+        C(f.$slots, "above-table")
       ]),
-      k(c(Ye), j({
+      h(p(Ye), j({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
-      }, { ...a, ...y.$attrs }, {
+      }, { ...a, ...f.$attrs }, {
         pt: r.value,
         "filter-display": a.filters ? "row" : void 0,
-        rows: y.paginator ? l.value : void 0,
+        rows: e.paginator ? o.value : void 0,
         "data-cy": "tree-table",
-        "onUpdate:filters": A,
+        "onUpdate:filters": L,
         onSort: F,
-        onPage: f,
-        onNodeExpand: O[2] || (O[2] = () => w()),
+        onPage: $,
+        onNodeExpand: D[2] || (D[2] = () => x()),
         showHeaders: "",
         first: n.value
-      }), ie({
-        empty: g(() => [
-          m("div", Aa, [
-            m("h5", La, $(y.emptyMessage ?? "No items Found."), 1)
+      }), le({
+        empty: v(() => [
+          m("div", Na, [
+            m("h5", Ua, B(e.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
-        header: g(() => [
+        header: v(() => [
           m("div", {
             class: P(a.loading ? "opacity-50" : "")
           }, [
-            m("div", Na, [
-              m("div", Ua, [
-                y.paginator && !y.legacyPaginationFooter ? (d(), b("span", Ea, [
-                  k(he, {
+            m("div", Ea, [
+              m("div", qa, [
+                e.paginator && !e.legacyPaginationFooter ? (d(), g("span", _a, [
+                  h(we, {
                     total: u.value,
-                    "page-sizes": o.value,
-                    "per-page": l.value,
+                    "page-sizes": l.value,
+                    "per-page": o.value,
                     "onUpdate:perPage": [
-                      O[0] || (O[0] = (R) => l.value = R),
-                      B
+                      D[0] || (D[0] = (U) => o.value = U),
+                      k
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : T("", !0)
               ]),
-              m("div", qa, [
-                y.showClearButton ? (d(), x(c(q), {
+              m("div", Ra, [
+                e.showClearButton ? (d(), y(p(R), {
                   key: 0,
                   outlined: "",
                   onClick: S,
                   "data-cy": "clear-all"
                 }, {
-                  default: g(() => [
-                    k(c(_), {
+                  default: v(() => [
+                    h(p(V), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    O[3] || (O[3] = V(" Clear ", -1))
+                    D[3] || (D[3] = O(" Clear ", -1))
                   ]),
                   _: 1
                 })) : T("", !0),
-                C(y.$slots, "column-customiser")
+                C(f.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
-        default: g(() => [
-          C(y.$slots, "default")
+        default: v(() => [
+          C(f.$slots, "default")
         ]),
         _: 2
       }, [
-        U(y.$slots, (R, ve) => ({
-          name: ve,
-          fn: g(($e) => [
-            C(y.$slots, ve, G(Y($e || {})))
+        q(f.$slots, (U, te) => ({
+          name: te,
+          fn: v((ce) => [
+            C(f.$slots, te, G(Y(ce || {})))
           ])
         })),
-        y.legacyPaginationFooter ? {
+        e.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: g(() => [
+          fn: v(() => [
             m("span", {
               class: P(["d-flex", a.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              O[4] || (O[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              k(c(oe), {
-                options: o.value,
-                modelValue: l.value,
-                "onUpdate:modelValue": O[1] || (O[1] = (R) => l.value = R),
+              D[4] || (D[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
+              h(p(oe), {
+                options: l.value,
+                modelValue: o.value,
+                "onUpdate:modelValue": D[1] || (D[1] = (U) => o.value = U),
                 class: "ms-2",
-                onClick: B
+                onClick: k
               }, null, 8, ["options", "modelValue"])
             ], 2)
           ]),
           key: "0"
         } : void 0,
-        y.legacyPaginationFooter ? {
+        e.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: g(() => [
+          fn: v(() => [
             m("span", {
               "data-cy": "legacy-total",
               class: P(a.loading ? "opacity-50" : "")
-            }, $(u.value) + " " + $(c(ee)(u.value, "result")) + " across " + $(h.value), 3)
+            }, B(u.value) + " " + B(p(ee)(u.value, "result")) + " across " + B(w.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "filter-display", "rows", "first"])
     ]));
   }
-}), Ra = { class: "d-flex position-relative" }, Ha = { class: "d-flex w-100" }, zo = /* @__PURE__ */ z({
+}), Ha = { class: "d-flex position-relative" }, Wa = { class: "d-flex w-100" }, zl = /* @__PURE__ */ z({
   __name: "ForgeFilterHeader",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     dataType: {},
     dropdownOptions: {},
     showClearButton: { type: Boolean, default: !1 },
@@ -3911,57 +3912,57 @@ const $a = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = (o, l) => {
-      if (!o && typeof o != "boolean" || Array.isArray(o) && o.length === 0)
-        return l;
+    const t = N(e, "modelValue"), a = (l, o) => {
+      if (!l && typeof l != "boolean" || Array.isArray(l) && l.length === 0)
+        return o;
       const n = (s) => {
         var u;
-        const p = (u = e.dropdownOptions) == null ? void 0 : u.find(
-          (h) => e.optionValue ? h[e.optionValue] === s : Object.keys(h).every((r) => s.hasOwnProperty(r) && h[r] === s[r])
+        const c = (u = e.dropdownOptions) == null ? void 0 : u.find(
+          (w) => e.optionValue ? w[e.optionValue] === s : Object.keys(w).every((r) => s.hasOwnProperty(r) && w[r] === s[r])
         );
-        return e.optionLabel ? p[e.optionLabel] : p;
+        return e.optionLabel ? c[e.optionLabel] : c;
       };
-      return Array.isArray(o) ? o.map(n).join(", ") : n(o);
+      return Array.isArray(l) ? l.map(n).join(", ") : n(l);
     }, i = () => {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
-    return (o, l) => {
-      const n = fe, s = q;
-      return d(), b("div", Ra, [
-        o.dataType === "numeric" ? (d(), x(n, j({
+    return (l, o) => {
+      const n = be, s = R;
+      return d(), g("div", Ha, [
+        e.dataType === "numeric" ? (d(), y(n, j({
           key: 0,
           modelValue: t.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (p) => t.value = p),
+          "onUpdate:modelValue": o[0] || (o[0] = (c) => t.value = c),
           modelModifiers: { trim: !0 }
-        }, o.$attrs), null, 16, ["modelValue"])) : o.dataType === "date" ? (d(), x(xe, j({
+        }, l.$attrs), null, 16, ["modelValue"])) : e.dataType === "date" ? (d(), y(he, j({
           key: 1,
           modelValue: t.value,
-          "onUpdate:modelValue": l[1] || (l[1] = (p) => t.value = p)
-        }, o.$attrs, {
+          "onUpdate:modelValue": o[1] || (o[1] = (c) => t.value = c)
+        }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : o.dataType === "select" ? (d(), x(c(oe), j({
+        }), null, 16, ["modelValue"])) : e.dataType === "select" ? (d(), y(p(oe), j({
           key: 2,
           modelValue: t.value,
-          "onUpdate:modelValue": l[2] || (l[2] = (p) => t.value = p)
-        }, o.$attrs, {
-          options: o.dropdownOptions,
-          "option-value": o.optionValue,
-          "option-label": o.optionLabel
+          "onUpdate:modelValue": o[2] || (o[2] = (c) => t.value = c)
+        }, l.$attrs, {
+          options: e.dropdownOptions,
+          "option-value": e.optionValue,
+          "option-label": e.optionLabel
         }), {
-          value: g(({ value: p, placeholder: u }) => [
-            m("div", Ha, [
+          value: v(({ value: c, placeholder: u }) => [
+            m("div", Wa, [
               m("span", {
-                class: P({ "filter-placeholder": p === null })
-              }, $(a(p, u)), 3),
-              o.showClearButton && t.value !== null ? (d(), x(s, {
+                class: P({ "filter-placeholder": c === null })
+              }, B(a(c, u)), 3),
+              e.showClearButton && t.value !== null ? (d(), y(s, {
                 key: 0,
                 onClick: Q(i, ["stop"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
-                default: g(() => [
-                  k(c(_), {
+                default: v(() => [
+                  h(p(V), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -3973,30 +3974,30 @@ const $a = {
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : o.dataType === "multiselect" ? (d(), x(c(de), j({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : e.dataType === "multiselect" ? (d(), y(p(ue), j({
           key: 3,
           modelValue: t.value,
-          "onUpdate:modelValue": l[3] || (l[3] = (p) => t.value = p)
-        }, o.$attrs, {
-          options: o.dropdownOptions,
+          "onUpdate:modelValue": o[3] || (o[3] = (c) => t.value = c)
+        }, l.$attrs, {
+          options: e.dropdownOptions,
           showToggleAll: !1,
-          "option-label": o.optionLabel,
-          "option-value": o.optionValue,
+          "option-label": e.optionLabel,
+          "option-value": e.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), x(c(ae), j({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), y(p(ie), j({
           key: 4,
           modelValue: t.value,
-          "onUpdate:modelValue": l[4] || (l[4] = (p) => t.value = p),
+          "onUpdate:modelValue": o[4] || (o[4] = (c) => t.value = c),
           modelModifiers: { trim: !0 }
-        }, o.$attrs), null, 16, ["modelValue"])),
-        o.showClearButton && t.value !== null && o.dataType !== "select" && o.dataType !== "multiselect" && o.dataType !== "date" && t.value != "" ? (d(), x(s, {
+        }, l.$attrs), null, 16, ["modelValue"])),
+        e.showClearButton && t.value !== null && e.dataType !== "select" && e.dataType !== "multiselect" && e.dataType !== "date" && t.value != "" ? (d(), y(s, {
           key: 5,
           onClick: Q(i, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
-          default: g(() => [
-            k(c(_), {
+          default: v(() => [
+            h(p(V), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -4008,7 +4009,7 @@ const $a = {
       ]);
     };
   }
-}), ce = {
+}), ve = {
   "application/prs.cww": ["cww"],
   "application/prs.xsf+xml": ["xsf"],
   "application/vnd.1000minds.decision-model+xml": ["1km"],
@@ -4724,8 +4725,8 @@ const $a = {
   "video/x-smv": ["smv"],
   "x-conference/x-cooltalk": ["ice"]
 };
-Object.freeze(ce);
-const ue = {
+Object.freeze(ve);
+const fe = {
   "application/andrew-inset": ["ez"],
   "application/appinstaller": ["appinstaller"],
   "application/applixware": ["aw"],
@@ -5089,26 +5090,26 @@ const ue = {
   "video/quicktime": ["qt", "mov"],
   "video/webm": ["webm"]
 };
-Object.freeze(ue);
+Object.freeze(fe);
 var H = function(e, t, a, i) {
   if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
   if (typeof t == "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return a === "m" ? i : a === "a" ? i.call(e) : i ? i.value : t.get(e);
-}, Z, te, J;
-class we {
+}, Z, ae, J;
+class ke {
   constructor(...t) {
-    Z.set(this, /* @__PURE__ */ new Map()), te.set(this, /* @__PURE__ */ new Map()), J.set(this, /* @__PURE__ */ new Map());
+    Z.set(this, /* @__PURE__ */ new Map()), ae.set(this, /* @__PURE__ */ new Map()), J.set(this, /* @__PURE__ */ new Map());
     for (const a of t)
       this.define(a);
   }
   define(t, a = !1) {
-    for (let [i, o] of Object.entries(t)) {
-      i = i.toLowerCase(), o = o.map((s) => s.toLowerCase()), H(this, J, "f").has(i) || H(this, J, "f").set(i, /* @__PURE__ */ new Set());
-      const l = H(this, J, "f").get(i);
+    for (let [i, l] of Object.entries(t)) {
+      i = i.toLowerCase(), l = l.map((s) => s.toLowerCase()), H(this, J, "f").has(i) || H(this, J, "f").set(i, /* @__PURE__ */ new Set());
+      const o = H(this, J, "f").get(i);
       let n = !0;
-      for (let s of o) {
-        const p = s.startsWith("*");
-        if (s = p ? s.slice(1) : s, l == null || l.add(s), n && H(this, te, "f").set(i, s), n = !1, p)
+      for (let s of l) {
+        const c = s.startsWith("*");
+        if (s = c ? s.slice(1) : s, o == null || o.add(s), n && H(this, ae, "f").set(i, s), n = !1, c)
           continue;
         const u = H(this, Z, "f").get(s);
         if (u && u != i && !a)
@@ -5121,12 +5122,12 @@ class we {
   getType(t) {
     if (typeof t != "string")
       return null;
-    const a = t.replace(/^.*[/\\]/s, "").toLowerCase(), i = a.replace(/^.*\./s, "").toLowerCase(), o = a.length < t.length;
-    return !(i.length < a.length - 1) && o ? null : H(this, Z, "f").get(i) ?? null;
+    const a = t.replace(/^.*[/\\]/s, "").toLowerCase(), i = a.replace(/^.*\./s, "").toLowerCase(), l = a.length < t.length;
+    return !(i.length < a.length - 1) && l ? null : H(this, Z, "f").get(i) ?? null;
   }
   getExtension(t) {
     var a;
-    return typeof t != "string" ? null : (t = (a = t == null ? void 0 : t.split) == null ? void 0 : a.call(t, ";")[0], (t && H(this, te, "f").get(t.trim().toLowerCase())) ?? null);
+    return typeof t != "string" ? null : (t = (a = t == null ? void 0 : t.split) == null ? void 0 : a.call(t, ";")[0], (t && H(this, ae, "f").get(t.trim().toLowerCase())) ?? null);
   }
   getAllExtensions(t) {
     return typeof t != "string" ? null : H(this, J, "f").get(t.toLowerCase()) ?? null;
@@ -5142,21 +5143,21 @@ class we {
   _getTestState() {
     return {
       types: H(this, Z, "f"),
-      extensions: H(this, te, "f")
+      extensions: H(this, ae, "f")
     };
   }
 }
-Z = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap();
-const Wa = new we(ue, ce)._freeze();
-function ke(e, t, a, i) {
-  const o = t.flatMap((l) => l.file);
-  return t = t.map((l) => ({ ...l, status: l.status == "Duplicate" ? "Not Uploaded" : l.status })), e.forEach((l) => {
-    const n = o.findIndex((p) => p.name === l.name);
+Z = /* @__PURE__ */ new WeakMap(), ae = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap();
+const Ga = new ke(fe, ve)._freeze();
+function Be(e, t, a, i) {
+  const l = t.flatMap((o) => o.file);
+  return t = t.map((o) => ({ ...o, status: o.status == "Duplicate" ? "Not Uploaded" : o.status })), e.forEach((o) => {
+    const n = l.findIndex((c) => c.name === o.name);
     let s = "Not Uploaded";
     if (n === -1) {
-      const p = Ka(l);
-      !p || !a.includes(p) ? s = "InvalidFileType" : l.size <= i || (s = "InvalidFileSize"), t.unshift({
-        file: l,
+      const c = Za(o);
+      !c || !a.includes(c) ? s = "InvalidFileType" : o.size <= i || (s = "InvalidFileSize"), t.unshift({
+        file: o,
         status: s,
         blobFileName: null
       });
@@ -5164,10 +5165,10 @@ function ke(e, t, a, i) {
       t[n].status = "Duplicate";
   }), t;
 }
-async function Ga(e, t) {
+async function Ya(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
-      await new ge(t).delete();
+      await new pe(t).delete();
     } catch (a) {
       if (a !== "BlobNotFound") {
         e = "DeleteFileFailed";
@@ -5175,37 +5176,37 @@ async function Ga(e, t) {
       }
     }
 }
-function me(e, t = !0, a = 1) {
+function ge(e, t = !0, a = 1) {
   const i = t ? 1e3 : 1024;
   if (Math.abs(e) < i)
     return e + " B";
-  const o = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
-  let l = -1;
+  const l = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+  let o = -1;
   const n = 10 ** a;
   do
-    e /= i, ++l;
-  while (Math.round(Math.abs(e) * n) / n >= i && l < o.length - 1);
-  return e.toFixed(a) + " " + o[l];
+    e /= i, ++o;
+  while (Math.round(Math.abs(e) * n) / n >= i && o < l.length - 1);
+  return e.toFixed(a) + " " + l[o];
 }
-function Ya(e) {
+function Ja(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function Ja(e) {
+function Ka(e) {
   return URL.createObjectURL(e);
 }
-function Ka(e) {
-  return e.type ? e.type : Be().getType(e.name);
+function Za(e) {
+  return e.type ? e.type : $e().getType(e.name);
 }
-function Be() {
-  const e = new we(ue, ce);
+function $e() {
+  const e = new ke(fe, ve);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disabled", "multiple"], Qa = {
+const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disabled", "multiple"], ei = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, ei = /* @__PURE__ */ z({
+}, ti = /* @__PURE__ */ z({
   __name: "UploadButton",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     acceptedFileTypes: {},
     maxFileInput: {},
     maxFileSize: {},
@@ -5216,73 +5217,73 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = I(), i = (n) => a.value.toggle(n), o = M(() => e.maxFileInput <= t.value.length), l = (n) => {
-      t.value = ke(n, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileSize);
+    const t = N(e, "modelValue"), a = I(), i = (n) => a.value.toggle(n), l = M(() => e.maxFileInput <= t.value.length), o = (n) => {
+      t.value = Be(n, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileSize);
     };
     return (n, s) => {
-      const p = q;
-      return d(), b("div", Za, [
+      const c = R;
+      return d(), g("div", Xa, [
         C(n.$slots, "message"),
         m("div", null, [
           m("input", {
             id: "file-input",
             type: "file",
             class: "d-none",
-            accept: n.acceptedFileTypes.join(", "),
-            disabled: o.value,
-            multiple: n.maxFileInput > 1,
-            onInput: s[0] || (s[0] = (u) => l([...u.target.files]))
-          }, null, 40, Xa),
+            accept: e.acceptedFileTypes.join(", "),
+            disabled: l.value,
+            multiple: e.maxFileInput > 1,
+            onInput: s[0] || (s[0] = (u) => o([...u.target.files]))
+          }, null, 40, Qa),
           m("label", {
-            class: P([{ disabled: o.value }, "btn btn-primary"]),
+            class: P([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
             C(n.$slots, "button-content", {}, () => [
-              k(c(_), {
+              h(p(V), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
                 width: "20px"
               }),
-              s[1] || (s[1] = V(" Browse your computer ", -1))
+              s[1] || (s[1] = O(" Browse your computer ", -1))
             ])
           ], 2)
         ]),
-        n.showDragDropArea ? (d(), x(p, {
+        e.showDragDropArea ? (d(), y(c, {
           link: "",
           class: "ms-auto",
-          key: n.acceptedFileTypes.length,
+          key: e.acceptedFileTypes.length,
           id: "accepted-file-types",
           onClick: i
         }, {
-          default: g(() => [...s[2] || (s[2] = [
-            V("Accepted File Types", -1)
+          default: v(() => [...s[2] || (s[2] = [
+            O("Accepted File Types", -1)
           ])]),
           _: 1
         })) : T("", !0),
-        k(c(be), {
+        h(p(ye), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
-          default: g(() => [
-            m("div", Qa, $(n.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
+          default: v(() => [
+            m("div", ei, B(e.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), ti = {
+}), ai = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, ai = {
+}, ii = {
   key: 1,
   class: "d-flex flex-column"
-}, ii = /* @__PURE__ */ z({
+}, li = /* @__PURE__ */ z({
   __name: "DragDropArea",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     maxFileInput: {},
     maxFileSize: {},
     acceptedFileTypes: {}
@@ -5292,30 +5293,30 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = I(!1), i = M(() => e.maxFileInput <= t.value.length), o = (l) => {
-      a.value = !1, l.dataTransfer.files.length > e.maxFileInput || i.value ? l.preventDefault() : t.value = ke([...l.dataTransfer.files], t.value, e.acceptedFileTypes.map((n) => n.fileType), e.maxFileSize);
+    const t = N(e, "modelValue"), a = I(!1), i = M(() => e.maxFileInput <= t.value.length), l = (o) => {
+      a.value = !1, o.dataTransfer.files.length > e.maxFileInput || i.value ? o.preventDefault() : t.value = Be([...o.dataTransfer.files], t.value, e.acceptedFileTypes.map((n) => n.fileType), e.maxFileSize);
     };
-    return (l, n) => (d(), b("div", {
+    return (o, n) => (d(), g("div", {
       id: "drag-drop-area",
       class: P(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
       onDragleave: n[0] || (n[0] = Q((s) => a.value = !1, ["prevent"])),
       onDragover: n[1] || (n[1] = Q((s) => a.value = !0, ["prevent"])),
-      onDrop: Q(o, ["prevent"])
+      onDrop: Q(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (d(), b("div", ti, [
-        k(c(_), {
+      t.value.length === 0 ? (d(), g("div", ai, [
+        h(p(V), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        n[2] || (n[2] = V(" Drag and drop files here ", -1))
-      ])) : (d(), b("div", ai, [
-        C(l.$slots, "default")
+        n[2] || (n[2] = O(" Drag and drop files here ", -1))
+      ])) : (d(), g("div", ii, [
+        C(o.$slots, "default")
       ]))
     ], 34));
   }
-}), oi = { class: "d-flex align-items-center me-2" }, li = /* @__PURE__ */ z({
+}), oi = { class: "d-flex align-items-center me-2" }, ni = /* @__PURE__ */ z({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -5329,7 +5330,7 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
         case "InvalidFileSize":
-          return `Upload Failed: File size exceeds the ${me(t.maxFileSize)} limit.`;
+          return `Upload Failed: File size exceeds the ${ge(t.maxFileSize)} limit.`;
         case "Aborted":
           return "Upload Failed: User cancelled.";
         case "DeleteFileFailed":
@@ -5340,45 +5341,46 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (o, l) => {
-      const n = pe;
-      return d(), b("div", oi, [
-        t.uploadStatus === "Uploading" ? (d(), x(n, {
+    return (l, o) => {
+      const n = me;
+      return d(), g("div", oi, [
+        t.uploadStatus === "Uploading" ? (d(), y(n, {
           key: 0,
           "in-line": ""
         })) : T("", !0),
-        t.uploadStatus !== "Uploading" && t.uploadStatus !== "Not Uploaded" && t.uploadStatus !== "Uploaded" && t.uploadStatus !== "Preparing" ? (d(), x(re, {
+        t.uploadStatus !== "Uploading" && t.uploadStatus !== "Not Uploaded" && t.uploadStatus !== "Uploaded" && t.uploadStatus !== "Preparing" ? (d(), y(de, {
           key: 1,
           id: "upload-status-alert",
           severity: a.value,
           class: "mb-0 w-75 ms-auto"
         }, {
-          default: g(() => [
-            V($(i.value), 1)
+          default: v(() => [
+            O(B(i.value), 1)
           ]),
           _: 1
         }, 8, ["severity"])) : T("", !0)
       ]);
     };
   }
-}), ni = ["data-cy"], si = { class: "ms-3 d-flex flex-column" }, ri = {
+}), si = ["data-cy"], ri = { class: "ms-3 d-flex flex-column" }, di = {
   key: 1,
   id: "file-name"
-}, di = {
+}, ci = {
   class: "text-black-50",
   id: "file-type"
 }, pi = {
   class: "text-black-50",
   id: "file-size"
-}, ci = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, ui = /* @__PURE__ */ z({
+}, ui = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, mi = /* @__PURE__ */ z({
   __name: "FileInfo",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     editableFileName: { type: Boolean },
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: { type: Function },
     customFileNameRules: {},
-    autoUploadToBlob: { type: Boolean }
+    autoUploadToBlob: { type: Boolean },
+    storageServiceVersionOverride: {}
   }, {
     file: { required: !0 },
     fileModifiers: {},
@@ -5387,64 +5389,80 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
     uploadStatus: { required: !0 },
     uploadStatusModifiers: {}
   }),
-  emits: /* @__PURE__ */ E(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  emits: /* @__PURE__ */ _(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = L(e, "file"), i = L(e, "blobFileName"), o = L(e, "uploadStatus"), l = t, n = I(a.value.name), s = I(""), p = I(0), u = I(), h = M(() => e.acceptedFileTypes.some(({ fileType: f }) => f === a.value.type)), r = M(() => a.value.size <= e.maxFileSize), w = M(() => a.value.type ? a.value.type : Be().getType(a.value.name)), v = () => {
+    const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), o = t, n = I(a.value.name), s = I(""), c = I(0), u = I(), w = M(() => e.acceptedFileTypes.some(({ fileType: k }) => k === a.value.type)), r = M(() => a.value.size <= e.maxFileSize), x = M(() => a.value.type ? a.value.type : $e().getType(a.value.name)), b = () => {
       n.value != null && (S(), a.value = new File([a.value], n.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, S = () => {
-      let f = n.value.split("."), B = Wa.getExtension(w.value), D = n.value.split(".").pop();
-      f.length === 1 ? D && D.length > 0 && (n.value = [n.value, B].join(".")) : f.length > 1 && D !== B && (n.value = n.value.replace(D, B));
-    }, F = async () => {
-      if (!h.value || !r.value) {
-        o.value = h.value ? "InvalidFileSize" : "InvalidFileType";
+      let k = n.value.split("."), A = Ga.getExtension(x.value), f = n.value.split(".").pop();
+      k.length === 1 ? f && f.length > 0 && (n.value = [n.value, A].join(".")) : k.length > 1 && f !== A && (n.value = n.value.replace(f, A));
+    }, F = (k, A) => {
+      let f = {};
+      if (A) {
+        f = {
+          // 👇 this is where additional policies go
+          additionalPolicies: [
+            { policy: {
+              name: "forceVersionPolicy",
+              sendRequest: async (te, ce) => (te.headers.set("x-ms-version", A), ce(te))
+            }, position: "perRetry" }
+          ]
+        };
+        const U = Je(void 0, f);
+        return new pe(k, U);
+      }
+      return new pe(k);
+    }, L = async () => {
+      if (!w.value || !r.value) {
+        l.value = w.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      o.value = "Preparing", u.value = new AbortController();
-      const [f, B] = await e.getFileUrlAction(a.value.name);
-      if (!f) {
-        o.value = "Failed";
+      l.value = "Preparing", u.value = new AbortController();
+      const [k, A] = await e.getFileUrlAction(a.value.name);
+      if (!k) {
+        l.value = "Failed";
         return;
       }
       try {
-        o.value = "Uploading";
-        const D = new ge(f), y = {
+        l.value = "Uploading";
+        const f = F(k, e.storageServiceVersionOverride), D = {
           abortSignal: u.value.signal,
-          onProgress: (O) => p.value = O.loadedBytes,
+          onProgress: (U) => c.value = U.loadedBytes,
           blobHTTPHeaders: {
-            blobContentType: w.value,
+            blobContentType: x.value,
             blobContentDisposition: `attachment; filename="${a.value.name}"`
           },
           tags: { temp: "true" }
         };
-        await D.uploadData(a.value, y), s.value = f, o.value = "Uploaded", i.value = B;
-      } catch (D) {
-        if (D.name === "AbortError") {
-          o.value = "Aborted";
+        await f.uploadData(a.value, D), s.value = k, l.value = "Uploaded", i.value = A;
+      } catch (f) {
+        if (f.name === "AbortError") {
+          l.value = "Aborted";
           return;
         }
-        o.value = "Failed";
+        l.value = "Failed";
       }
-    }, A = async () => {
-      await Ga(o.value, s.value), l("deleted", a.value);
+    }, $ = async () => {
+      await Ya(l.value, s.value), o("deleted", a.value);
     };
-    return ne(() => {
-      e.autoUploadToBlob && o.value != "Uploaded" && F();
-    }), (f, B) => {
-      const D = q;
-      return d(), b("div", {
+    return se(() => {
+      e.autoUploadToBlob && l.value != "Uploaded" && L();
+    }), (k, A) => {
+      const f = R;
+      return d(), g("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          c(Ya)(a.value.type) ? (d(), x(c(Je), {
+          p(Ja)(a.value.type) ? (d(), y(p(Ke), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(Ja)(a.value),
+            src: p(Ka)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (d(), x(c(_), {
+          }, null, 8, ["src", "alt"])) : (d(), y(p(V), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -5452,80 +5470,80 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", si, [
+        m("div", ri, [
           m("div", null, [
-            f.editableFileName ? (d(), x(Xt, {
+            e.editableFileName ? (d(), y(Qt, {
               key: 0,
               id: "edit-file-name",
               modelValue: n.value,
-              "onUpdate:modelValue": B[0] || (B[0] = (y) => n.value = y),
-              rules: f.customFileNameRules,
+              "onUpdate:modelValue": A[0] || (A[0] = (D) => n.value = D),
+              rules: e.customFileNameRules,
               name: a.value.name,
-              "complete-action": v
-            }, null, 8, ["modelValue", "rules", "name"])) : (d(), b("span", ri, $(n.value), 1))
+              "complete-action": b
+            }, null, 8, ["modelValue", "rules", "name"])) : (d(), g("span", di, B(n.value), 1))
           ]),
-          m("span", di, "File type: " + $(a.value.type.split("/").pop()), 1),
-          m("span", pi, "File size: " + $(c(me)(a.value.size)), 1)
+          m("span", ci, "File type: " + B(a.value.type.split("/").pop()), 1),
+          m("span", pi, "File size: " + B(p(ge)(a.value.size)), 1)
         ]),
-        m("div", ci, [
-          (d(), x(li, {
-            key: o.value,
+        m("div", ui, [
+          (d(), y(ni, {
+            key: l.value,
             "file-size": a.value.size,
-            "upload-status": o.value,
-            "bytes-uploaded": p.value,
-            "max-file-size": f.maxFileSize
+            "upload-status": l.value,
+            "bytes-uploaded": c.value,
+            "max-file-size": e.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (d(), x(D, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (d(), y(f, {
             key: 0,
             link: "",
-            onClick: F
+            onClick: L
           }, {
-            default: g(() => [
-              k(c(_), {
-                icon: o.value === "Not Uploaded" || o.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
+            default: v(() => [
+              h(p(V), {
+                icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
           })) : T("", !0),
-          o.value === "Uploading" ? (d(), x(D, {
+          l.value === "Uploading" ? (d(), y(f, {
             key: 1,
             link: "",
-            onClick: B[1] || (B[1] = (y) => u.value.abort())
+            onClick: A[1] || (A[1] = (D) => u.value.abort())
           }, {
-            default: g(() => [
-              k(c(_), { icon: "bi:x-circle-fill" })
+            default: v(() => [
+              h(p(V), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (d(), x(D, {
+          })) : (d(), y(f, {
             key: 2,
             link: "",
-            onClick: A,
+            onClick: $,
             id: "delete-button"
           }, {
-            default: g(() => [
-              k(c(_), { icon: "bi:trash" })
+            default: v(() => [
+              h(p(V), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, ni);
+      ], 8, si);
     };
   }
-}), mi = { class: "d-flex justify-content-end mt-1 gap-1" }, vi = { id: "max-file-size" }, fi = { id: "max-file-input" }, gi = /* @__PURE__ */ z({
+}), vi = { class: "d-flex justify-content-end mt-1 gap-1" }, fi = { id: "max-file-size" }, gi = { id: "max-file-input" }, bi = /* @__PURE__ */ z({
   __name: "FileInputInfo",
   props: {
     maxFileSize: {},
     maxFileInput: {}
   },
   setup(e) {
-    return (t, a) => (d(), b("div", mi, [
-      m("div", vi, "Max file size: " + $(c(me)(t.maxFileSize)), 1),
-      m("div", fi, "| Max file count: " + $(t.maxFileInput), 1)
+    return (t, a) => (d(), g("div", vi, [
+      m("div", fi, "Max file size: " + B(p(ge)(e.maxFileSize)), 1),
+      m("div", gi, "| Max file count: " + B(e.maxFileInput), 1)
     ]));
   }
-}), bi = { "data-cy": "file-uploader" }, yi = { key: 1 }, Po = /* @__PURE__ */ z({
+}), yi = { "data-cy": "file-uploader" }, xi = { key: 1 }, Pl = /* @__PURE__ */ z({
   __name: "ForgeFileUploader",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: {},
@@ -5534,67 +5552,68 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
     maxFileInput: { default: 3 },
     editableFileName: { type: Boolean, default: !1 },
     autoUploadToBlob: { type: Boolean, default: !0 },
-    maxFileWarning: { default: "Maximum number of files reached." }
+    maxFileWarning: { default: "Maximum number of files reached." },
+    storageServiceVersionOverride: {}
   }, {
     modelValue: { default: [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue");
-    W(t, (o, l) => {
-      o.length > a.maxFileInput && (o.length = a.maxFileInput);
+    const t = N(e, "modelValue");
+    W(t, (l, o) => {
+      l.length > a.maxFileInput && (l.length = a.maxFileInput);
     }, { deep: 2 });
-    const a = e, i = (o) => {
-      t.value = t.value.filter((l) => l.file != o);
+    const a = e, i = (l) => {
+      t.value = t.value.filter((o) => o.file != l);
     };
-    return (o, l) => (d(), b("div", bi, [
-      t.value.length == o.maxFileInput && a.maxFileWarning != null ? (d(), x(re, {
+    return (l, o) => (d(), g("div", yi, [
+      t.value.length == e.maxFileInput && a.maxFileWarning != null ? (d(), y(de, {
         key: 0,
         id: "max-files-alert",
         severity: "danger"
       }, {
-        default: g(() => [
-          V($(o.maxFileWarning), 1)
+        default: v(() => [
+          O(B(e.maxFileWarning), 1)
         ]),
         _: 1
       })) : T("", !0),
-      k(ei, j(a, {
+      h(ti, j(a, {
         modelValue: t.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n)
+        "onUpdate:modelValue": o[0] || (o[0] = (n) => t.value = n)
       }), null, 16, ["modelValue"]),
-      o.showDragDropArea ? (d(), b("div", yi, [
-        k(ii, {
+      e.showDragDropArea ? (d(), g("div", xi, [
+        h(li, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": l[1] || (l[1] = (n) => t.value = n)
+          "onUpdate:modelValue": o[1] || (o[1] = (n) => t.value = n)
         }, {
-          default: g(() => [
-            (d(!0), b(N, null, U(t.value, ({ file: n }, s) => (d(), b("div", null, [
-              (d(), x(ui, j({
+          default: v(() => [
+            (d(!0), g(E, null, q(t.value, ({ file: n }, s) => (d(), g("div", null, [
+              (d(), y(mi, j({
                 key: n.name,
                 class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[s].file,
-                "onUpdate:file": (p) => t.value[s].file = p,
+                "onUpdate:file": (c) => t.value[s].file = c,
                 "blob-file-name": t.value[s].blobFileName,
-                "onUpdate:blobFileName": (p) => t.value[s].blobFileName = p,
+                "onUpdate:blobFileName": (c) => t.value[s].blobFileName = c,
                 "upload-status": t.value[s].status,
-                "onUpdate:uploadStatus": (p) => t.value[s].status = p
+                "onUpdate:uploadStatus": (c) => t.value[s].status = c
               }, { ref_for: !0 }, a, { onDeleted: i }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
             ]))), 256))
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        k(gi, {
+        h(bi, {
           "max-file-size": a.maxFileSize,
-          "max-file-input": o.maxFileInput
+          "max-file-input": e.maxFileInput
         }, null, 8, ["max-file-size", "max-file-input"])
       ])) : T("", !0)
     ]));
   }
-}), xi = { class: "d-flex" }, hi = { class: "me-3" }, wi = { class: "ms-2" }, ki = { class: "d-flex flex-column w-100" }, jo = /* @__PURE__ */ z({
+}), hi = { class: "d-flex" }, wi = { class: "me-3" }, ki = { class: "ms-2" }, Bi = { class: "d-flex flex-column w-100" }, jl = /* @__PURE__ */ z({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -5602,22 +5621,22 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = I(), i = I(!1), o = (l) => {
-      a.value.toggle(l);
+    const t = N(e, "modelValue"), a = I(), i = I(!1), l = (o) => {
+      a.value.toggle(o);
     };
-    return (l, n) => (d(), b(N, null, [
-      k(c(q), {
-        onClick: o,
+    return (o, n) => (d(), g(E, null, [
+      h(p(R), {
+        onClick: l,
         class: "ms-2"
       }, {
-        default: g(() => [
-          m("div", xi, [
-            m("div", hi, [
-              k(c(_), { icon: "bi:layout-three-columns" })
-            ]),
-            V(" Columns (" + $(t.value.filter((s) => s.selected).length ?? 0) + "/" + $(t.value.length ?? 0) + ") ", 1),
+        default: v(() => [
+          m("div", hi, [
             m("div", wi, [
-              k(c(_), {
+              h(p(V), { icon: "bi:layout-three-columns" })
+            ]),
+            O(" Columns (" + B(t.value.filter((s) => s.selected).length ?? 0) + "/" + B(t.value.length ?? 0) + ") ", 1),
+            m("div", ki, [
+              h(p(V), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5625,24 +5644,24 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
         ]),
         _: 1
       }),
-      k(c(be), {
+      h(p(ye), {
         ref_key: "columnCustomiserPanel",
         ref: a,
         class: "column-customiser",
         onHide: n[0] || (n[0] = () => i.value = !1),
         onShow: n[1] || (n[1] = () => i.value = !0)
       }, {
-        default: g(() => [
-          m("div", ki, [
-            (d(!0), b(N, null, U(t.value, (s, p) => (d(), b("div", {
+        default: v(() => [
+          m("div", Bi, [
+            (d(!0), g(E, null, q(t.value, (s, c) => (d(), g("div", {
               class: P(["d-flex cursor-pointer", {
-                "border-top": p !== 0,
-                "py-1": p !== 0 && t.value.length - 1 !== p,
-                "pt-1": t.value.length - 1 === p,
-                "pb-1": p === 0
+                "border-top": c !== 0,
+                "py-1": c !== 0 && t.value.length - 1 !== c,
+                "pt-1": t.value.length - 1 === c,
+                "pb-1": c === 0
               }])
             }, [
-              k(ye, {
+              h(xe, {
                 id: s.field,
                 modelValue: s.selected,
                 "onUpdate:modelValue": (u) => s.selected = u,
@@ -5657,19 +5676,19 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), Mo = /* @__PURE__ */ z({
+}), Ml = /* @__PURE__ */ z({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
-      const i = Ke;
-      return d(), x(i, G(Y({ ...t.$attrs })), ie({
-        toggleicon: g(({ collapsed: o }) => [
-          o ? (d(), x(c(_), {
+      const i = Ze;
+      return d(), y(i, G(Y({ ...t.$attrs })), le({
+        toggleicon: v(({ collapsed: l }) => [
+          l ? (d(), y(p(V), {
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
           })) : T("", !0),
-          o ? T("", !0) : (d(), x(c(_), {
+          l ? T("", !0) : (d(), y(p(V), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
@@ -5677,16 +5696,16 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
         ]),
         _: 2
       }, [
-        U(t.$slots, (o, l) => ({
-          name: l,
-          fn: g((n) => [
-            C(t.$slots, l, G(Y(n)))
+        q(t.$slots, (l, o) => ({
+          name: o,
+          fn: v((n) => [
+            C(t.$slots, o, G(Y(n)))
           ])
         }))
       ]), 1040);
     };
   }
-}), Bi = /* @__PURE__ */ z({
+}), $i = /* @__PURE__ */ z({
   __name: "ForgeToggleButton",
   props: {
     severity: { default: "primary" }
@@ -5713,17 +5732,17 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
         ]
       })
     }));
-    return (i, o) => (d(), x(c(Ze), j({ ...i.$attrs, ...t }, {
+    return (i, l) => (d(), y(p(Xe), j({ ...i.$attrs, ...t }, {
       severity: t.severity,
       pt: a.value
     }), null, 16, ["severity", "pt"]));
   }
-}), $i = {
+}), Si = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, Io = /* @__PURE__ */ z({
+}, Il = /* @__PURE__ */ z({
   __name: "ForgeSelectButton",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     options: {},
     multiple: { type: Boolean, default: !0 },
     allowEmpty: { type: Boolean, default: !1 },
@@ -5734,38 +5753,38 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = L(e, "modelValue"), i = (l) => {
+    const t = e, a = N(e, "modelValue"), i = (o) => {
       var n;
-      return t.multiple ? (n = a == null ? void 0 : a.value) == null ? void 0 : n.includes(l.value) : a.value === l.value;
-    }, o = (l) => {
+      return t.multiple ? (n = a == null ? void 0 : a.value) == null ? void 0 : n.includes(o.value) : a.value === o.value;
+    }, l = (o) => {
       var n;
-      if (!l.disabled)
+      if (!o.disabled)
         if (t.multiple) {
           let s = (n = a.value) != null && n.length ? [...a.value] : [];
-          if (s.length >= 1 && s.includes(l.value)) {
+          if (s.length >= 1 && s.includes(o.value)) {
             if (!t.allowEmpty && s.length === 1) return;
-            s = s.length > 1 ? s.filter((u) => u !== l.value) : [];
+            s = s.length > 1 ? s.filter((u) => u !== o.value) : [];
           } else
-            s.push(l.value);
+            s.push(o.value);
           a.value = s;
         } else
-          a.value = a.value === l.value && t.allowEmpty ? null : l.value;
+          a.value = a.value === o.value && t.allowEmpty ? null : o.value;
     };
-    return (l, n) => (d(), b("div", $i, [
-      (d(!0), b(N, null, U(l.options, (s, p) => (d(), x(Bi, {
-        key: p,
+    return (o, n) => (d(), g("div", Si, [
+      (d(!0), g(E, null, q(e.options, (s, c) => (d(), y($i, {
+        key: c,
         onLabel: s.label,
         offLabel: s.label,
         severity: s.severity,
-        onChange: (u) => o(s),
+        onChange: (u) => l(s),
         defaultValue: i(s),
         disabled: s.disabled,
         "data-cy": `toggle-button-${s.value}`,
-        invalid: l.invalid
+        invalid: e.invalid
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
-}), _o = /* @__PURE__ */ z({
+}), Vl = /* @__PURE__ */ z({
   __name: "ForgeConfirmPopup",
   setup(e) {
     const t = M(() => ({
@@ -5779,9 +5798,9 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
       pcRejectButton: { root: "btn btn-outline-primary btn-sm" },
       pcAcceptButton: { root: "btn btn-primary btn-sm" }
     }));
-    return (a, i) => (d(), x(c(Xe), j({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
-      default: g(() => [
-        (d(!0), b(N, null, U(a.$slots, (o, l) => C(a.$slots, l, { slot: l })), 256))
+    return (a, i) => (d(), y(p(Qe), j({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
+      default: v(() => [
+        (d(!0), g(E, null, q(a.$slots, (l, o) => C(a.$slots, o, { slot: o })), 256))
       ]),
       _: 3
     }, 16, ["pt"]));
@@ -5789,12 +5808,12 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
 }), Fi = {
   key: 0,
   class: "mb-1"
-}, Si = {
+}, Ci = {
   key: 0,
   class: "mb-1"
-}, Vo = /* @__PURE__ */ z({
+}, Dl = /* @__PURE__ */ z({
   __name: "ForgePickList",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ _({
     filterBy: {},
     sourceTitle: {},
     targetTitle: {},
@@ -5835,59 +5854,59 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
   }),
   emits: ["update:modelValue", "update:targetList", "update:sourceList"],
   setup(e) {
-    const t = e, a = L(e, "modelValue"), i = L(e, "targetList"), o = L(e, "sourceList"), l = I(null), n = I(null), s = (v) => {
-      const { items: S } = v;
-      i.value.push(...S), o.value = o.value.filter((F) => !S.includes(F));
-    }, p = (v) => {
-      const { items: S } = v;
-      o.value.push(...S), i.value = i.value.filter((F) => !S.includes(F));
+    const t = e, a = N(e, "modelValue"), i = N(e, "targetList"), l = N(e, "sourceList"), o = I(null), n = I(null), s = (b) => {
+      const { items: S } = b;
+      i.value.push(...S), l.value = l.value.filter((F) => !S.includes(F));
+    }, c = (b) => {
+      const { items: S } = b;
+      l.value.push(...S), i.value = i.value.filter((F) => !S.includes(F));
     }, u = () => {
-      o.value = [.../* @__PURE__ */ new Set([...o.value, ...a.value[1]])], i.value = i.value.filter((v) => !a.value[1].includes(v));
-    }, h = () => {
-      i.value = [.../* @__PURE__ */ new Set([...i.value, ...a.value[0]])], o.value = o.value.filter((v) => !a.value[0].includes(v));
+      l.value = [.../* @__PURE__ */ new Set([...l.value, ...a.value[1]])], i.value = i.value.filter((b) => !a.value[1].includes(b));
+    }, w = () => {
+      i.value = [.../* @__PURE__ */ new Set([...i.value, ...a.value[0]])], l.value = l.value.filter((b) => !a.value[0].includes(b));
     };
-    W(o, async () => {
+    W(l, async () => {
       r();
     }), W(i, async () => {
-      w();
+      x();
     });
     const r = () => {
       var F;
-      const v = t.filterBy, S = l.value ? o.value.filter((A) => {
-        var f;
-        return A[v].toLowerCase().includes((f = l.value) == null ? void 0 : f.toLowerCase());
-      }) : [...o.value];
+      const b = t.filterBy, S = o.value ? l.value.filter((L) => {
+        var $;
+        return L[b].toLowerCase().includes(($ = o.value) == null ? void 0 : $.toLowerCase());
+      }) : [...l.value];
       (F = a.value) == null || F.splice(0, 1, S);
-    }, w = () => {
+    }, x = () => {
       var F;
-      const v = t.filterBy, S = n.value ? i.value.filter((A) => {
-        var f;
-        return A[v].toLowerCase().includes((f = n.value) == null ? void 0 : f.toLowerCase());
+      const b = t.filterBy, S = n.value ? i.value.filter((L) => {
+        var $;
+        return L[b].toLowerCase().includes(($ = n.value) == null ? void 0 : $.toLowerCase());
       }) : [...i.value];
       (F = a.value) == null || F.splice(1, 1, S);
     };
     return W(
       () => a.value,
-      (v) => {
+      (b) => {
         var S, F;
-        v && (i.value = v[1].length > 0 ? [...v[1]] : [], o.value = v[0].length > 0 ? [...v[0]] : [], (S = a.value) == null || S.splice(0, 1, o.value), (F = a.value) == null || F.splice(1, 1, i.value));
+        b && (i.value = b[1].length > 0 ? [...b[1]] : [], l.value = b[0].length > 0 ? [...b[0]] : [], (S = a.value) == null || S.splice(0, 1, l.value), (F = a.value) == null || F.splice(1, 1, i.value));
       },
       { once: !0 }
-    ), (v, S) => (d(), x(c(Qe), j({
+    ), (b, S) => (d(), y(p(et), j({
       modelValue: a.value,
       "onUpdate:modelValue": S[2] || (S[2] = (F) => a.value = F)
-    }, { ...v.$attrs, ...t }, {
+    }, { ...b.$attrs, ...t }, {
       onMoveAllToSource: u,
-      onMoveAllToTarget: h,
+      onMoveAllToTarget: w,
       onMoveToTarget: S[3] || (S[3] = (F) => s(F)),
-      onMoveToSource: S[4] || (S[4] = (F) => p(F))
+      onMoveToSource: S[4] || (S[4] = (F) => c(F))
     }), {
-      sourceheader: g(() => [
-        v.sourceTitle ? (d(), b("div", Fi, $(v.sourceTitle), 1)) : T("", !0),
-        k(c(ae), {
-          modelValue: l.value,
+      sourceheader: v(() => [
+        e.sourceTitle ? (d(), g("div", Fi, B(e.sourceTitle), 1)) : T("", !0),
+        h(p(ie), {
+          modelValue: o.value,
           "onUpdate:modelValue": [
-            S[0] || (S[0] = (F) => l.value = F),
+            S[0] || (S[0] = (F) => o.value = F),
             r
           ],
           class: "mb-2",
@@ -5895,26 +5914,26 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
           "data-cy": "source-search"
         }, null, 8, ["modelValue"])
       ]),
-      targetheader: g(() => [
-        v.targetTitle ? (d(), b("div", Si, $(v.targetTitle), 1)) : T("", !0),
-        k(c(ae), {
+      targetheader: v(() => [
+        e.targetTitle ? (d(), g("div", Ci, B(e.targetTitle), 1)) : T("", !0),
+        h(p(ie), {
           modelValue: n.value,
           "onUpdate:modelValue": [
             S[1] || (S[1] = (F) => n.value = F),
-            w
+            x
           ],
           class: "mb-2",
           placeholder: "Search",
           "data-cy": "target-search"
         }, null, 8, ["modelValue"])
       ]),
-      option: g(({ option: F }) => [
-        V($(F[v.filterBy]), 1)
+      option: v(({ option: F }) => [
+        O(B(F[e.filterBy]), 1)
       ]),
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Do = () => ({
+}), Ol = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5925,40 +5944,40 @@ const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disable
   }
 });
 export {
-  ro as Bootstrap_PT,
-  po as ForgeActionButton,
-  re as ForgeAlert,
-  co as ForgeAutoComplete,
-  ye as ForgeCheckbox,
-  wo as ForgeChip,
-  jo as ForgeColumnCustomiser,
-  _o as ForgeConfirmPopup,
-  xe as ForgeDatepicker,
-  Po as ForgeFileUploader,
-  zo as ForgeFilterHeader,
-  xo as ForgeForm,
-  ho as ForgeFormField,
-  Xt as ForgeInlineEditor,
-  uo as ForgeLink,
-  pe as ForgeLoader,
-  fo as ForgeModal,
+  dl as Bootstrap_PT,
+  cl as ForgeActionButton,
+  de as ForgeAlert,
+  pl as ForgeAutoComplete,
+  xe as ForgeCheckbox,
+  wl as ForgeChip,
+  jl as ForgeColumnCustomiser,
+  Vl as ForgeConfirmPopup,
+  he as ForgeDatepicker,
+  Pl as ForgeFileUploader,
+  zl as ForgeFilterHeader,
+  xl as ForgeForm,
+  hl as ForgeFormField,
+  Qt as ForgeInlineEditor,
+  ul as ForgeLink,
+  me as ForgeLoader,
+  fl as ForgeModal,
   oa as ForgeMultiSelectPreview,
-  go as ForgeNavbar,
-  bo as ForgePageHeader,
-  Mo as ForgePanel,
-  Vo as ForgePickList,
-  ko as ForgeProgressBar,
-  yo as ForgeRemainingCharacters,
-  Do as ForgeResolver,
-  Bo as ForgeScratchpad,
-  Io as ForgeSelectButton,
-  $o as ForgeStatWidget,
-  Fo as ForgeStepper,
-  Co as ForgeTable,
-  So as ForgeTile,
-  Bi as ForgeToggleButton,
-  To as ForgeTreeTable,
-  vo as convertToMultiSelectOption,
-  mo as enumToMultiSelectList,
-  Et as parseError
+  gl as ForgeNavbar,
+  bl as ForgePageHeader,
+  Ml as ForgePanel,
+  Dl as ForgePickList,
+  kl as ForgeProgressBar,
+  yl as ForgeRemainingCharacters,
+  Ol as ForgeResolver,
+  Bl as ForgeScratchpad,
+  Il as ForgeSelectButton,
+  $l as ForgeStatWidget,
+  Sl as ForgeStepper,
+  Cl as ForgeTable,
+  Fl as ForgeTile,
+  $i as ForgeToggleButton,
+  Tl as ForgeTreeTable,
+  vl as convertToMultiSelectOption,
+  ml as enumToMultiSelectList,
+  _t as parseError
 };