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

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

@@ -1,39 +1,39 @@
-import $e 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 M, createElementBlock as b, Fragment as N, mergeProps as j, renderList as U, mergeModels as E, useModel as L, computed as _, 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 Fe, withModifiers as Q, watch as W, h as Ce, useTemplateRef as Te } from "vue";
-import { Icon as I } from "@iconify/vue";
+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 ze from "primevue/toast";
-import Pe from "primevue/autocomplete";
-import je from "primevue/checkbox";
+import Pe from "primevue/toast";
+import je from "primevue/autocomplete";
+import Me from "primevue/checkbox";
 import { useField as se } from "vee-validate";
-import _e from "primevue/progressspinner";
-import Me from "primevue/dialog";
+import Ie from "primevue/progressspinner";
+import _e from "primevue/dialog";
 import ae from "primevue/inputtext";
-import { vOnClickOutside as Ie } from "@vueuse/components";
-import Ve from "primevue/menubar";
+import { vOnClickOutside as Ve } from "@vueuse/components";
+import De from "primevue/menubar";
 import de from "primevue/multiselect";
-import De from "primevue/datepicker";
+import Oe from "primevue/datepicker";
 import oe from "primevue/select";
-import Oe from "primevue/inputmask";
-import Ae from "primevue/textarea";
+import Ae from "primevue/inputmask";
+import Le from "primevue/textarea";
 import fe from "primevue/inputnumber";
-import Le from "primevue/chip";
-import Ne from "primevue/progressbar";
-import Ue from "primevue/step";
-import Ee from "primevue/stepper";
-import qe from "primevue/steplist";
-import Re from "primevue/steppanel";
-import He from "primevue/steppanels";
-import We from "primevue/datatable";
-import Ge from "primevue/treetable";
+import Ne from "primevue/chip";
+import Ue from "primevue/progressbar";
+import Ee from "primevue/step";
+import qe 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 Ye from "primevue/image";
-import Je from "primevue/panel";
-import { ToggleButton as Ke } from "primevue";
-import Ze from "primevue/confirmpopup";
-import Xe from "primevue/picklist";
-const Qe = {
+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 = {
   autoComplete: {
     root: ({ props: e }) => ({
       class: [
@@ -62,7 +62,7 @@ const Qe = {
     }),
     emptyMessage: "mx-3 my-2"
   }
-}, et = {
+}, tt = {
   button: {
     root: ({ props: e }) => ({
       class: [
@@ -172,7 +172,7 @@ const Qe = {
       })
     }
   }
-}, tt = {
+}, at = {
   checkbox: {
     root: () => ({
       class: ["form-check"]
@@ -187,7 +187,7 @@ const Qe = {
       ]
     })
   }
-}, at = {
+}, it = {
   select: {
     root: ({ props: e }) => ({
       class: [
@@ -238,7 +238,7 @@ const Qe = {
       ]
     })
   }
-}, it = {
+}, ot = {
   column: {
     pcSortBadge: (e) => ({
       root: {
@@ -364,7 +364,7 @@ const Qe = {
       ]
     })
   }
-}, ot = {
+}, lt = {
   inputtext: {
     root: (e) => {
       var t, a;
@@ -379,7 +379,7 @@ const Qe = {
       };
     }
   }
-}, lt = {
+}, nt = {
   inputmask: {
     root: () => ({
       class: [
@@ -387,12 +387,12 @@ const Qe = {
       ]
     })
   }
-}, nt = {
+}, st = {
   toggleSwitch: {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, st = {
+}, rt = {
   tag: {
     root: ({ props: e }) => ({
       class: [
@@ -413,7 +413,7 @@ const Qe = {
       ]
     })
   }
-}, rt = {
+}, dt = {
   textarea: {
     root: () => ({
       class: [
@@ -421,13 +421,13 @@ const Qe = {
       ]
     })
   }
-}, dt = {
+}, pt = {
   chip: {
     root: "badge rounded-pill bg-primary-subtle text-primary d-inline-flex align-items-center border border-primary me-1 p-1",
     label: "px-2 fs-6 fw-400",
     removeIcon: "ms-auto my-auto"
   }
-}, pt = {
+}, ct = {
   dialog: {
     root: ({ parent: e }) => e.instance.$.type.name == "ConfirmDialog" ? {
       class: ["modal modal-dialog modal-content h-auto m-0"]
@@ -486,7 +486,7 @@ const Qe = {
       ]
     })
   }
-}, ct = {
+}, ut = {
   popover: {
     root: (e) => ({
       class: [
@@ -500,7 +500,7 @@ const Qe = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, ut = {
+}, mt = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -530,7 +530,7 @@ const Qe = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, mt = {
+}, vt = {
   // More PT options defined in ForgeStepper.
   stepList: {
     root: "d-flex mb-2 w-100"
@@ -558,7 +558,7 @@ const Qe = {
     }),
     separator: "border border-1 separator"
   }
-}, vt = {
+}, ft = {
   tabList: {
     root: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -583,7 +583,7 @@ const Qe = {
       class: ["p-2"]
     })
   }
-}, ft = {
+}, gt = {
   // More PassThrough options defined in ForgeDatepicker.
   datepicker: {
     root: "d-flex flex-1 relative",
@@ -684,7 +684,7 @@ const Qe = {
     pcDecrementButton: { root: "btn btn-sm", label: "d-none" },
     pcIncrementButton: { root: "btn btn-sm", label: "d-none" }
   }
-}, gt = {
+}, bt = {
   multiselect: {
     root: ({ props: e }) => ({
       class: [
@@ -712,7 +712,7 @@ const Qe = {
       class: "d-none"
     })
   }
-}, bt = {
+}, yt = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
@@ -722,7 +722,7 @@ const Qe = {
       class: ["text-white m-1"]
     })
   }
-}, yt = {
+}, xt = {
   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 Qe = {
     },
     contentContainer: "mt-2 mx-4 mb-4"
   }
-}, xt = {
+}, ht = {
   // More PT options can be found in the ForgeTable file.
   dataTable: {
     root: "position-relative",
@@ -808,7 +808,7 @@ const Qe = {
       ]
     })
   }
-}, ht = {
+}, wt = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -830,7 +830,7 @@ const Qe = {
       ]
     })
   }
-}, wt = {
+}, kt = {
   // More PassThrough options in component file.
   menubar: {
     rootList: ({ instance: e }) => ({
@@ -911,7 +911,7 @@ const Qe = {
       ]
     })
   }
-}, kt = {
+}, Bt = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -933,7 +933,7 @@ const Qe = {
       class: ["tooltip-inner"]
     }
   }
-}, Bt = {
+}, $t = {
   selectButton: {
     root: () => ({
       class: ["btn-group"]
@@ -951,7 +951,7 @@ const Qe = {
       ]
     })
   }
-}, $t = {
+}, Ft = {
   splitbutton: {
     root: () => ({
       class: ["btn-group"]
@@ -1010,7 +1010,7 @@ const Qe = {
       ]
     })
   }
-}, Ft = {
+}, Ct = {
   card: {
     root: () => ({
       class: ["card"]
@@ -1034,11 +1034,11 @@ const Qe = {
       class: ["card-header"]
     })
   }
-}, Ct = {
+}, Tt = {
   divider: {
     root: "border-bottom w-100 m-1"
   }
-}, Tt = {
+}, zt = {
   image: {
     root: "position-relative d-inline-block",
     previewMask: "preview-button",
@@ -1051,7 +1051,7 @@ const Qe = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, zt = {
+}, Pt = {
   toast: {
     message: () => ({
       class: ["toast-container w-100 position-relative"]
@@ -1087,7 +1087,7 @@ const Qe = {
       };
     }
   }
-}, Pt = {
+}, jt = {
   tree: {
     node: "m-1",
     nodeToggleButton: ({ context: e }) => ({
@@ -1119,7 +1119,7 @@ const Qe = {
     pcFilterContainer: { root: "dropdown-item" },
     filterIcon: "d-none"
   }
-}, jt = {
+}, Mt = {
   treeSelect: {
     root: ({ props: e }) => ({
       class: [
@@ -1167,7 +1167,7 @@ const Qe = {
       filterIcon: "d-none"
     }
   }
-}, _t = {
+}, It = {
   fieldset: {
     root: () => ({
       class: [
@@ -1193,7 +1193,7 @@ const Qe = {
       ]
     })
   }
-}, Mt = {
+}, _t = {
   accordionPanel: {
     root: "card my-2"
   },
@@ -1210,7 +1210,7 @@ const Qe = {
   accordionContent: {
     root: "mt-2 mx-4 mb-4"
   }
-}, It = {
+}, Vt = {
   // More PT options can be found in the ForgeTable file.
   treetable: {
     root: "position-relative",
@@ -1231,7 +1231,7 @@ const Qe = {
       class: "table-overlay table-spinner"
     })
   }
-}, Vt = {
+}, Dt = {
   picklist: {
     root: " d-flex gap-3",
     pcMoveAllToSourceButton: { root: "btn btn-sm btn-outline-primary focus-ring " },
@@ -1267,7 +1267,7 @@ const Qe = {
     sourceListContainer: " h-100 flex-1",
     targetListContainer: "h-100 flex-1"
   }
-}, Dt = {
+}, Ot = {
   listbox: {
     root: "border rounded",
     list: "list-unstyled list-group list-group-flush",
@@ -1286,7 +1286,7 @@ const Qe = {
     filterIcon: "d-none",
     pcFilter: { root: "form-control form-control-sm mx-2 mt-2 mb-1" }
   }
-}, Ot = {
+}, At = {
   drawer: {
     root: ({ props: e }) => ({
       class: [
@@ -1312,47 +1312,47 @@ const Qe = {
       ]
     })
   }
-}, so = {
-  ...Qe,
-  ...ht,
+}, ro = {
   ...et,
-  ...Ft,
+  ...wt,
   ...tt,
-  ...dt,
-  ...it,
-  ...ft,
-  ...pt,
   ...Ct,
   ...at,
-  ...Tt,
+  ...pt,
   ...ot,
-  ...lt,
-  ...nt,
-  ...ut,
   ...gt,
-  ...wt,
   ...ct,
+  ...Tt,
+  ...it,
+  ...zt,
+  ...lt,
+  ...nt,
+  ...st,
+  ...mt,
   ...bt,
-  ...St,
+  ...kt,
+  ...ut,
   ...yt,
-  ...Bt,
-  ...$t,
-  ...mt,
+  ...St,
   ...xt,
-  ...st,
+  ...$t,
+  ...Ft,
   ...vt,
-  ...zt,
+  ...ht,
   ...rt,
-  ..._t,
-  ...jt,
+  ...ft,
   ...Pt,
-  ...Mt,
+  ...dt,
   ...It,
+  ...Mt,
+  ...jt,
+  ..._t,
   ...Vt,
   ...Dt,
   ...Ot,
+  ...At,
   directives: {
-    ...kt
+    ...Bt
   }
 }, re = /* @__PURE__ */ z({
   __name: "ForgeAlert",
@@ -1374,13 +1374,13 @@ const Qe = {
   setup(e) {
     const t = e;
     return (a, i) => {
-      const o = $e;
+      const o = Fe;
       return d(), x(o, G(Y({ ...a.$attrs, ...t })), {
         icon: g(() => [
           m("div", {
             class: P(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (d(), x(c(I), {
+            t.icon ? (d(), x(c(_), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -1390,7 +1390,7 @@ const Qe = {
           ], 2)
         ]),
         closeicon: g(() => [
-          k(c(I), { icon: "bi:x" })
+          k(c(_), { icon: "bi:x" })
         ]),
         default: g(() => [
           C(a.$slots, "default")
@@ -1399,7 +1399,7 @@ const Qe = {
       }, 16);
     };
   }
-}), ro = /* @__PURE__ */ z({
+}), po = /* @__PURE__ */ z({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1408,7 +1408,7 @@ const Qe = {
     params: { default: Array }
   },
   setup(e) {
-    const t = M(!1), a = e, i = async () => {
+    const t = I(!1), a = e, i = async () => {
       t.value = !0;
       try {
         await a.action.apply(this, a.params);
@@ -1425,21 +1425,21 @@ const Qe = {
           disabled: t.value || a.disabled,
           onClick: i
         }), null, 16, ["loading", "disabled"]),
-        k(c(ze))
+        k(c(Pe))
       ], 64);
     };
   }
-}), po = /* @__PURE__ */ z({
+}), co = /* @__PURE__ */ z({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (t, a) => (d(), x(c(Pe), j({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+    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))
       ]),
       _: 3
     }, 16));
   }
-}), At = { class: "d-flex flex-column" }, Lt = ["for"], ye = /* @__PURE__ */ z({
+}), Lt = { class: "d-flex flex-column" }, Nt = ["for"], ye = /* @__PURE__ */ z({
   __name: "ForgeCheckbox",
   props: /* @__PURE__ */ E({
     label: { default: "" },
@@ -1483,10 +1483,10 @@ const Qe = {
       }
     ), n = (p, u) => {
       (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(u) : a.value = u;
-    }, s = _(() => o.value.length > 0);
+    }, s = M(() => o.value.length > 0);
     return (p, u) => {
-      const h = je;
-      return d(), b("div", At, [
+      const h = Me;
+      return d(), b("div", Lt, [
         m("div", j({
           class: "d-flex",
           "data-cy": "checkbox-container",
@@ -1508,7 +1508,7 @@ const Qe = {
             C(p.$slots, "default", {}, () => [
               V($(t.label), 1)
             ])
-          ], 10, Lt)
+          ], 10, Nt)
         ], 16),
         K(m("small", {
           "data-cy": "error",
@@ -1526,7 +1526,7 @@ const Qe = {
     inLine: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = M(() => ({
       spin: () => ({
         class: [
           "spinner-border",
@@ -1537,7 +1537,7 @@ const Qe = {
       })
     }));
     return (i, o) => {
-      const l = _e;
+      const l = Ie;
       return d(), b("div", {
         class: P(i.inLine ? "" : "forge-loader")
       }, [
@@ -1549,7 +1549,7 @@ const Qe = {
       ], 2);
     };
   }
-}), Nt = ["href", "target"], co = /* @__PURE__ */ z({
+}), Ut = ["href", "target"], uo = /* @__PURE__ */ z({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1567,7 +1567,7 @@ const Qe = {
     iconName: {}
   },
   setup(e) {
-    const t = _(() => ({
+    const t = M(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1576,7 +1576,7 @@ const Qe = {
       [`link-underline-opacity-${e.underlineHoverOpacity ?? e.hoverOpacity}-hover`]: e.underlineHoverOpacity || e.hoverOpacity,
       [`link-offset-${e.underlineOffset}`]: e.underlineOffset,
       "icon-link icon-link-hover": e.animateIconOnHover
-    })), a = _(() => ({
+    })), a = M(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
@@ -1590,7 +1590,7 @@ const Qe = {
       target: i.target
     }, [
       C(i.$slots, "default", {}, () => [
-        i.iconName ? (d(), x(c(I), {
+        i.iconName ? (d(), x(c(_), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
@@ -1598,10 +1598,10 @@ const Qe = {
         }, null, 8, ["icon", "class"])) : T("", !0),
         V(" " + $(i.label), 1)
       ])
-    ], 10, Nt));
+    ], 10, Ut));
   }
 });
-function Ut(e) {
+function Et(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1612,20 +1612,20 @@ function Ut(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function uo(e, t) {
+function mo(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function mo(e, t, a) {
+function vo(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const Et = {
+const qt = {
   key: 0,
   class: "sticky-top py-3 error-bg",
   "data-cy": "error-wrapper"
-}, qt = { key: 0 }, Rt = {
+}, Rt = { key: 0 }, Ht = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, vo = /* @__PURE__ */ z({
+}, fo = /* @__PURE__ */ z({
   __name: "ForgeModal",
   props: /* @__PURE__ */ E({
     cancelText: { default: "Cancel" },
@@ -1640,6 +1640,7 @@ const Et = {
     resetErrorOnClose: { type: Boolean, default: !0 },
     maxHeight: {},
     minHeight: {},
+    hideErrorBanner: { type: Boolean, default: !1 },
     header: { default: "Header" },
     footer: {},
     visible: { type: Boolean },
@@ -1687,7 +1688,7 @@ const Et = {
   }),
   emits: ["update:visible", "update:error"],
   setup(e, { expose: t }) {
-    const a = L(e, "visible"), i = M(!1), o = e, l = M(!1), n = L(e, "error"), s = () => {
+    const a = L(e, "visible"), i = I(!1), o = e, l = I(!1), n = L(e, "error"), s = () => {
       n.value = {
         hasError: !1,
         header: "",
@@ -1711,12 +1712,12 @@ const Et = {
           (v || v == null) && h();
         } catch (v) {
           n.value.hasError = !0;
-          const F = Ut(v);
-          n.value.header = F.errorMessage, n.value.message = F.errorDetails;
+          const S = Et(v);
+          n.value.header = S.errorMessage, n.value.message = S.errorDetails;
         }
         l.value = !1;
       }
-    }, w = _(() => ({
+    }, w = M(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1735,15 +1736,15 @@ const Et = {
         }
       ]
     }));
-    return (v, F) => {
-      const S = q, A = Me;
+    return (v, S) => {
+      const F = q, A = _e;
       return d(), x(A, j(o, {
         onMaximize: u,
         onUnmaximize: p,
         pt: w.value
       }), ie({
         closeicon: g(() => [
-          k(c(I), {
+          k(c(_), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
@@ -1752,7 +1753,7 @@ const Et = {
           })
         ]),
         maximizeicon: g(() => [
-          k(c(I), {
+          k(c(_), {
             "data-cy": "maximisable-icon",
             icon: i.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1765,7 +1766,7 @@ const Et = {
           name: B,
           fn: g((D) => [
             B == "default" ? (d(), b(N, { key: 0 }, [
-              n.value.hasError ? (d(), b("div", Et, [
+              n.value.hasError && !v.hideErrorBanner ? (d(), b("div", qt, [
                 k(re, {
                   severity: "danger",
                   "data-cy": "error",
@@ -1775,7 +1776,7 @@ const Et = {
                     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", qt, [
+                    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))
                     ])) : T("", !0)
                   ]),
@@ -1792,8 +1793,8 @@ const Et = {
         v.showFooter ? {
           name: "footer",
           fn: g(() => [
-            m("div", Rt, [
-              k(S, {
+            m("div", Ht, [
+              k(F, {
                 label: v.cancelText,
                 class: P(o.cancelClass),
                 outlined: "",
@@ -1801,7 +1802,7 @@ const Et = {
                 id: "cancel-button",
                 type: o.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              k(S, {
+              k(F, {
                 label: v.submitText,
                 class: P([o.submitClass, "ms-auto"]),
                 onClick: r,
@@ -1815,7 +1816,7 @@ const Et = {
       ]), 1040, ["pt"]);
     };
   }
-}), Ht = ["id"], Wt = { key: 0 }, Gt = { key: 0 }, Yt = { class: "d-flex justify-content-between align-items-center position-relative" }, Jt = { key: 1 }, Kt = { "data-cy": "readonly-value" }, Zt = /* @__PURE__ */ z({
+}), 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({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ E({
     name: { default: "" },
@@ -1830,7 +1831,7 @@ const Et = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = L(e, "modelValue"), i = M(!1), o = M(), l = () => {
+    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();
     }, n = async () => {
@@ -1854,28 +1855,28 @@ const Et = {
     ne(() => {
       r.value = a.value;
     });
-    const w = _(() => h.value.length > 0);
-    return (v, F) => {
-      const S = ae, A = q;
+    const w = M(() => h.value.length > 0);
+    return (v, S) => {
+      const F = ae, A = q;
       return d(), b("div", {
         id: t.name
       }, [
-        v.readonly ? (d(), b("div", Jt, [
+        v.readonly ? (d(), b("div", Kt, [
           C(v.$slots, "default", {}, () => [
-            m("span", Kt, $(c(r)), 1)
+            m("span", Zt, $(c(r)), 1)
           ])
-        ])) : (d(), b("div", Wt, [
-          i.value ? (d(), b("div", Gt, [
-            K((d(), b("div", Yt, [
+        ])) : (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 }),
                 editFinished: n,
                 cancel: s,
                 val: c(r)
               }, () => [
-                k(S, {
+                k(F, {
                   modelValue: c(r),
-                  "onUpdate:modelValue": F[0] || (F[0] = (f) => Se(r) ? r.value = f : null),
+                  "onUpdate:modelValue": S[0] || (S[0] = (f) => Se(r) ? r.value = f : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
@@ -1887,7 +1888,7 @@ const Et = {
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              k(c(I), {
+              k(c(_), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
@@ -1895,7 +1896,7 @@ const Et = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c(Ie), n]
+              [c(Ve), n]
             ])
           ])) : (d(), b("div", {
             key: 1,
@@ -1914,7 +1915,7 @@ const Et = {
               class: "p-0 m-0"
             }, {
               default: g(() => [
-                k(c(I), {
+                k(c(_), {
                   icon: "bi:pencil",
                   class: P(w.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
@@ -1931,10 +1932,10 @@ const Et = {
         }, $(c(u)), 513), [
           [X, w.value]
         ])
-      ], 8, Ht);
+      ], 8, Wt);
     };
   }
-}), Xt = ["href"], fo = /* @__PURE__ */ z({
+}), Qt = ["href"], go = /* @__PURE__ */ z({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1951,7 +1952,7 @@ const Et = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = M(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1979,7 +1980,7 @@ const Et = {
         ]
       })
     }));
-    return (i, o) => (d(), x(c(Ve), j({ ...t, ...i.$attrs }, {
+    return (i, o) => (d(), x(c(De), j({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
     }), ie({
@@ -1992,11 +1993,11 @@ const Et = {
           C(i.$slots, "logo", {}, () => [
             o[0] || (o[0] = V(" Logo ", -1))
           ])
-        ], 8, Xt)
+        ], 8, Qt)
       ]),
       buttonicon: g(() => [
         C(i.$slots, "buttonIcon", {}, () => [
-          k(c(I), {
+          k(c(_), {
             icon: "bi:list",
             class: P(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
@@ -2014,14 +2015,14 @@ const Et = {
       }))
     ]), 1040, ["pt"]));
   }
-}), Qt = { class: "border alternating-item-list" }, ea = {
+}), ea = { class: "border alternating-item-list" }, ta = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, ta = { class: "d-inline-block" }, aa = {
+}, aa = { class: "d-inline-block" }, ia = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, ia = /* @__PURE__ */ z({
+}, oa = /* @__PURE__ */ z({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ E({
     title: { default: "Selected Items" },
@@ -2071,17 +2072,17 @@ const Et = {
           "data-cy": "options-preview"
         }, [
           m("div", {
-            style: Fe({ height: o.height }),
+            style: Ce({ height: o.height }),
             class: "overflow-auto"
           }, [
-            m("div", Qt, [
-              o.title ? (d(), b("div", ea, $(o.title), 1)) : T("", !0),
+            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,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 C(o.$slots, "list-item", { item: p }, () => [
-                  m("span", ta, $(p.shortLabel ? p.shortLabel : p.label), 1)
+                  m("span", aa, $(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
                 o.canRemoveItemFromPreview ? (d(), x(s, {
                   key: 0,
@@ -2090,7 +2091,7 @@ const Et = {
                   onClick: (u) => i(p.id)
                 }, {
                   default: g(() => [
-                    k(c(I), {
+                    k(c(_), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${p.id}`
@@ -2099,34 +2100,34 @@ const Et = {
                   _: 2
                 }, 1032, ["onClick"])) : T("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (d(), b("div", aa, $(t.optionsPreviewEmptyText), 1)) : T("", !0)
+              a.value == null || a.value.length == 0 ? (d(), b("div", ia, $(t.optionsPreviewEmptyText), 1)) : T("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), oa = { class: "d-flex justify-content-between pb-2" }, la = {
+}), la = { class: "d-flex justify-content-between pb-2" }, na = {
   "data-cy": "title",
   class: "my-auto"
-}, na = {
+}, sa = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, go = /* @__PURE__ */ z({
+}, bo = /* @__PURE__ */ z({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), b("div", oa, [
-      m("h3", la, $(t.title), 1),
-      m("div", na, [
+    return (a, i) => (d(), b("div", la, [
+      m("h3", na, $(t.title), 1),
+      m("div", sa, [
         C(a.$slots, "default")
       ])
     ]));
   }
-}), sa = { class: "d-flex flex-1" }, ra = { "data-cy": "before-slot" }, da = { class: "position-relative d-flex flex-1" }, pa = { "data-cy": "after-slot" }, xe = /* @__PURE__ */ z({
+}), 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({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ E({
     severity: { default: "primary" },
@@ -2205,7 +2206,7 @@ const Et = {
       initialValue: a.value
     }), p = () => {
       s(null), a.value = null;
-    }, u = _(() => i.value.length > 0), h = _(() => ({
+    }, u = M(() => i.value.length > 0), h = M(() => ({
       day: ({ context: r, props: w, attrs: v }) => ({
         class: [
           "d-flex justify-content-center align-items-center",
@@ -2311,31 +2312,31 @@ const Et = {
       })
     }));
     return (r, w) => {
-      const v = De;
+      const v = Oe;
       return d(), b(N, null, [
-        m("div", sa, [
-          m("span", ra, [
+        m("div", ra, [
+          m("span", da, [
             C(r.$slots, "before")
           ]),
-          m("div", da, [
+          m("div", pa, [
             k(v, j({ ...t, ...r.$attrs }, {
               pt: h.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
-                w[0] || (w[0] = (F) => a.value = F),
+                w[0] || (w[0] = (S) => a.value = S),
                 c(l)
               ],
               onBlur: w[1] || (w[1] = () => c(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(I), {
+            K(k(c(_), {
               "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(I), {
+            K(k(c(_), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
@@ -2344,7 +2345,7 @@ const Et = {
               [X, t.modelValue && !t.inline && !r.readonly]
             ])
           ]),
-          m("span", pa, [
+          m("span", ca, [
             C(r.$slots, "after")
           ])
         ]),
@@ -2357,19 +2358,19 @@ const Et = {
       ], 64);
     };
   }
-}), bo = /* @__PURE__ */ z({
+}), yo = /* @__PURE__ */ z({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
     currentCount: {}
   },
   setup(e) {
-    const t = e, a = _(() => t.maxCount - t.currentCount);
+    const t = e, a = M(() => t.maxCount - t.currentCount);
     return (i, o) => (d(), b("div", {
       class: P(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + $(a.value), 3));
   }
-}), ca = { class: "d-flex justify-content-between" }, yo = /* @__PURE__ */ z({
+}), ua = { class: "d-flex justify-content-between" }, xo = /* @__PURE__ */ z({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2381,7 +2382,7 @@ const Et = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = M(!1), i = M({
+    const t = e, a = I(!1), i = I({
       hasError: !1,
       message: ""
     });
@@ -2425,7 +2426,7 @@ const Et = {
           _: 3
         })) : T("", !0),
         C(l.$slots, "default"),
-        m("div", ca, [
+        m("div", ua, [
           C(l.$slots, "cancel", {}, () => [
             l.hideCancel ? T("", !0) : (d(), x(s, {
               key: 0,
@@ -2462,16 +2463,16 @@ const Et = {
       ], 16);
     };
   }
-}), ua = {
+}), ma = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, ma = ["for"], va = {
+}, va = ["for"], fa = {
   key: 0,
   class: "text-danger fw-600"
-}, fa = {
+}, ga = {
   class: "flex--1",
   style: { flex: "1 0 auto" }
-}, xo = /* @__PURE__ */ z({
+}, ho = /* @__PURE__ */ z({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ E({
     name: {},
@@ -2492,11 +2493,11 @@ const Et = {
       a.type == "number" ? s(h.value) : s(h);
     }, { errors: o, value: l, errorMessage: n, handleChange: s, handleBlur: p } = se(() => a.name, void 0, {
       initialValue: t.value
-    }), u = _(() => o.value.length > 0);
+    }), u = M(() => o.value.length > 0);
     return W(() => l.value, (h) => {
       t.value = h;
     }, { immediate: !0 }), (h, r) => {
-      const w = Ae, v = Oe, F = ae, S = oe, A = de, f = xe;
+      const w = Le, v = Ae, S = ae, F = oe, A = de, f = xe;
       return a.type === "checkbox" ? (d(), x(ye, j({
         key: 0,
         id: a.name,
@@ -2505,7 +2506,7 @@ const Et = {
         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", ua, [
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), b("div", ma, [
         m("div", {
           "data-cy": "input-wrapper",
           class: P(["d-flex flex--1", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
@@ -2515,9 +2516,9 @@ const Et = {
             class: P(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, [
             V($(a.fieldLabel) + " ", 1),
-            h.required ? (d(), b("span", va, "*")) : T("", !0)
-          ], 10, ma),
-          m("div", fa, [
+            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({
                 key: 0,
@@ -2550,7 +2551,7 @@ const Et = {
                 "onUpdate:modelValue": r[3] || (r[3] = (B) => t.value = B),
                 onComplete: i,
                 onBlur: c(p)
-              }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), x(F, j({
+              }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), x(S, j({
                 key: 3,
                 id: a.name
               }, h.$attrs, {
@@ -2560,7 +2561,7 @@ const Et = {
                 "onUpdate:modelValue": r[4] || (r[4] = (B) => t.value = B),
                 onInput: i,
                 onBlur: c(p)
-              }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), x(S, j({ key: 4 }, { ...a, ...h.$attrs }, {
+              }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), x(F, j({ key: 4 }, { ...a, ...h.$attrs }, {
                 modelValue: t.value,
                 "onUpdate:modelValue": r[5] || (r[5] = (B) => t.value = B),
                 class: { "is-invalid": u.value }
@@ -2568,7 +2569,7 @@ const Et = {
                 modelValue: t.value,
                 "onUpdate:modelValue": r[6] || (r[6] = (B) => t.value = B),
                 class: { "is-invalid": u.value }
-              }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), x(ia, j({ key: 6 }, { ...a, ...h.$attrs }, {
+              }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), x(oa, j({ key: 6 }, { ...a, ...h.$attrs }, {
                 modelValue: t.value,
                 "onUpdate:modelValue": r[7] || (r[7] = (B) => t.value = B),
                 class: { "is-invalid": u.value }
@@ -2589,7 +2590,7 @@ const Et = {
       ]));
     };
   }
-}), ho = /* @__PURE__ */ z({
+}), wo = /* @__PURE__ */ z({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2605,7 +2606,7 @@ const Et = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = M(() => ({
       root: [
         "badge d-inline-flex align-items-center border me-1 p-1",
         {
@@ -2624,7 +2625,7 @@ const Et = {
       ]
     }));
     return (i, o) => {
-      const l = Le;
+      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))
@@ -2633,7 +2634,7 @@ const Et = {
       }, 16, ["pt"]);
     };
   }
-}), wo = /* @__PURE__ */ z({
+}), ko = /* @__PURE__ */ z({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2649,7 +2650,7 @@ const Et = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = _(() => t.striped ? "progress-bar-striped" : null), i = _(() => t.animate ? "progress-bar-animated" : null), o = _(() => {
+    const t = e, a = M(() => t.striped ? "progress-bar-striped" : null), i = M(() => t.animate ? "progress-bar-animated" : null), o = M(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2670,7 +2671,7 @@ const Et = {
         default:
           return "bg-primary";
       }
-    }), l = _(() => ({
+    }), l = M(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2679,7 +2680,7 @@ const Et = {
       }
     }));
     return (n, s) => {
-      const p = Ne;
+      const p = Ue;
       return d(), x(p, j({ ...n.$attrs, ...t }, { pt: l.value }), {
         default: g(() => [
           C(n.$slots, "default")
@@ -2689,7 +2690,7 @@ const Et = {
     };
   }
 });
-var ga = /* @__PURE__ */ z({
+var ba = /* @__PURE__ */ z({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -3002,11 +3003,11 @@ var ga = /* @__PURE__ */ z({
     },
     wrapText(e, t, a, i, o, l) {
       const n = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
-      var p = t.split(n).filter((S) => S.length > 0);
-      for (let S = 0; S < p.length; S++) {
-        for (var u = p[S].split(s).filter((A) => A.length > 0), h = "", r = 0; r < u.length; r++) {
-          var w = h + u[r] + " ", v = e.measureText(w), F = v.width;
-          F > 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 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;
         }
         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;
       }
@@ -3052,7 +3053,7 @@ var ga = /* @__PURE__ */ z({
     }
   },
   render() {
-    return Ce("canvas", {
+    return Te("canvas", {
       id: this.canvasId,
       height: Number(this.height),
       width: Number(this.width),
@@ -3079,7 +3080,7 @@ var ga = /* @__PURE__ */ z({
     });
   }
 });
-const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1 gap-1" }, ko = /* @__PURE__ */ z({
+const ya = { class: "d-flex flex-column" }, xa = { class: "d-flex flex-row mt-1 gap-1" }, Bo = /* @__PURE__ */ z({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -3092,7 +3093,7 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, o = Te("drawingCanvas"), l = M(), n = () => {
+    const a = e, i = t, o = ze("drawingCanvas"), l = I(), n = () => {
       o == null || o.value.reset();
     }, s = () => {
       o == null || o.value.redo();
@@ -3103,8 +3104,8 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
     };
     return (h, r) => {
       const w = q;
-      return d(), b("div", ba, [
-        k(c(ga), j({
+      return d(), b("div", ya, [
+        k(c(ba), j({
           ref_key: "drawingCanvas",
           ref: o,
           image: l.value,
@@ -3117,18 +3118,17 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
           style: `height: ${h.height}px; width: ${h.width}px`,
           "line-join": h.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
-        m("div", ya, [
+        m("div", xa, [
           a.showUndo ? (d(), x(w, {
             key: 0,
             onClick: p,
             outlined: "",
             "data-cy": "undo-button"
           }, {
-            default: g(() => r[1] || (r[1] = [
+            default: g(() => [...r[1] || (r[1] = [
               V("Undo", -1)
-            ])),
-            _: 1,
-            __: [1]
+            ])]),
+            _: 1
           })) : T("", !0),
           a.showRedo ? (d(), x(w, {
             key: 1,
@@ -3136,11 +3136,10 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
             outlined: "",
             "data-cy": "redo-button"
           }, {
-            default: g(() => r[2] || (r[2] = [
+            default: g(() => [...r[2] || (r[2] = [
               V("Redo", -1)
-            ])),
-            _: 1,
-            __: [2]
+            ])]),
+            _: 1
           })) : T("", !0),
           a.showClear ? (d(), x(w, {
             key: 2,
@@ -3148,11 +3147,10 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
             outlined: "",
             "data-cy": "clear-button"
           }, {
-            default: g(() => r[3] || (r[3] = [
+            default: g(() => [...r[3] || (r[3] = [
               V("Clear", -1)
-            ])),
-            _: 1,
-            __: [3]
+            ])]),
+            _: 1
           })) : T("", !0),
           a.showSave ? (d(), x(w, {
             key: 3,
@@ -3160,17 +3158,16 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
-            default: g(() => r[4] || (r[4] = [
+            default: g(() => [...r[4] || (r[4] = [
               V("Save", -1)
-            ])),
-            _: 1,
-            __: [4]
+            ])]),
+            _: 1
           })) : T("", !0)
         ])
       ]);
     };
   }
-}), xa = { class: "value text-white w-100 text-center" }, Bo = /* @__PURE__ */ z({
+}), ha = { class: "value text-white w-100 text-center" }, $o = /* @__PURE__ */ z({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -3181,12 +3178,12 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
     return (a, i) => (d(), b("div", j(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", xa, [
+      m("span", ha, [
         C(a.$slots, "default")
       ])
     ], 16));
   }
-}), ha = { key: 0 }, $o = /* @__PURE__ */ z({
+}), wa = { key: 0 }, Fo = /* @__PURE__ */ z({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -3204,7 +3201,7 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = M(() => ({
       header: {
         class: [
           "p-0 m-0 d-flex align-items-center border border-0 bg-transparent gap-1",
@@ -3233,26 +3230,26 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
         ]
       })
     }));
-    return (i, o) => (d(), x(c(Ee), { value: i.currentStep }, {
+    return (i, o) => (d(), x(c(qe), { value: i.currentStep }, {
       default: g(() => [
-        k(c(qe), null, {
+        k(c(Re), null, {
           default: g(() => [
-            (d(!0), b(N, null, U(i.steps, (l) => (d(), x(c(Ue), j({
+            (d(!0), b(N, null, U(i.steps, (l) => (d(), x(c(Ee), j({
               key: l.value,
               value: l.value,
               disabled: l.disabled
             }, { ref_for: !0 }, { ...i.$attrs }, { pt: a.value }), {
               default: g(() => [
-                i.showStepLabel ? (d(), b("div", ha, $(l.label), 1)) : T("", !0)
+                i.showStepLabel ? (d(), b("div", wa, $(l.label), 1)) : T("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
           ]),
           _: 1
         }),
-        k(c(He), null, {
+        k(c(We), null, {
           default: g(() => [
-            (d(!0), b(N, null, U(i.steps, (l) => (d(), x(c(Re), {
+            (d(!0), b(N, null, U(i.steps, (l) => (d(), x(c(He), {
               key: l.value,
               value: l.value
             }, {
@@ -3268,7 +3265,7 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), wa = { class: "p-4 text-wrap w-100" }, ka = { class: "p-4 text-wrap w-100" }, So = /* @__PURE__ */ z({
+}), ka = { class: "p-4 text-wrap w-100" }, Ba = { class: "p-4 text-wrap w-100" }, So = /* @__PURE__ */ z({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -3277,7 +3274,7 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = _(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = _(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
+    const t = e, a = 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, {
@@ -3288,7 +3285,7 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
         "data-cy": "button-tile"
       }, {
         default: g(() => [
-          m("div", wa, [
+          m("div", ka, [
             C(o.$slots, "default", {}, () => [
               l[0] || (l[0] = V("Tile Content", -1))
             ])
@@ -3300,7 +3297,7 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
         class: P(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
-        m("div", ka, [
+        m("div", Ba, [
           C(o.$slots, "default", {}, () => [
             l[1] || (l[1] = V("Tile Content", -1))
           ])
@@ -3312,10 +3309,10 @@ const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1
 function ee(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const Ba = {
+const $a = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, $a = { class: "ms-2" }, Sa = { key: 0 }, Fa = {
+}, Fa = { class: "ms-2" }, Sa = { key: 0 }, Ca = {
   class: "w-auto",
   "data-cy": "total"
 }, he = /* @__PURE__ */ z({
@@ -3329,13 +3326,13 @@ const Ba = {
   setup(e, { emit: t }) {
     const a = t, i = e, o = (n) => {
       a("update:perPage", n.value);
-    }, l = _(() => {
+    }, l = M(() => {
       const n = Math.ceil(i.total / i.perPage);
       return `${n} ${ee(n, "page")}`;
     });
-    return (n, s) => (d(), b("div", Ba, [
+    return (n, s) => (d(), b("div", $a, [
       s[2] || (s[2] = V(" Number of results per page ", -1)),
-      m("div", $a, [
+      m("div", Fa, [
         k(c(oe), {
           options: i.pageSizes,
           "model-value": i.perPage,
@@ -3346,14 +3343,14 @@ const Ba = {
       ]),
       i.total ? (d(), b("div", Sa, [
         s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", Fa, $(i.total) + " " + $(c(ee)(i.total, "result")) + " across " + $(l.value), 1)
+        m("span", Ca, $(i.total) + " " + $(c(ee)(i.total, "result")) + " across " + $(l.value), 1)
       ])) : T("", !0)
     ]));
   }
-}), Ca = { class: "position-relative" }, Ta = { "data-cy": "above-table-slot" }, za = { class: "d-flex w-100" }, Pa = {
+}), Ta = { class: "position-relative" }, za = { "data-cy": "above-table-slot" }, Pa = { class: "d-flex w-100" }, ja = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, ja = { class: "d-flex" }, _a = { class: "d-flex align-items-end mb-2" }, Ma = { key: 0 }, Ia = { class: "ms-auto" }, Fo = /* @__PURE__ */ z({
+}, Ma = { class: "d-flex" }, Ia = { class: "d-flex align-items-end mb-2" }, _a = { key: 0 }, Va = { class: "ms-auto" }, Co = /* @__PURE__ */ z({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3440,7 +3437,7 @@ const Ba = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, o = M(), l = M([5, 10, 20, 50, 100]), n = M(i.perPage ?? 10), s = M({
+    const a = t, i = e, o = I(), l = I([5, 10, 20, 50, 100]), n = I(i.perPage ?? 10), s = I({
       filters: i.filters,
       perPage: n.value,
       page: 0,
@@ -3451,10 +3448,10 @@ const Ba = {
     W(() => i.perPage, (f) => {
       f && (n.value = f, s.value.perPage = f);
     });
-    const p = _(() => i.totalRecords ?? i.value.length), u = _(() => {
+    const p = M(() => i.totalRecords ?? i.value.length), u = M(() => {
       const f = Math.ceil(p.value / n.value);
       return `${f} ${ee(f, "page")}`;
-    }), h = _(() => ({
+    }), h = M(() => ({
       thead: () => ({
         class: [
           {
@@ -3483,26 +3480,26 @@ const Ba = {
       else
         for (const f in i.filters)
           typeof i.filters[f] == "string" ? i.filters[f] = "" : i.filters[f].value = null;
-      F(i.filters);
+      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);
-    }, F = (f) => {
-      s.value.filters = f, a("update:tableContext", s.value), a("update:filters", 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 = () => {
       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", Ca, [
-      m("span", Ta, [
+    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (f, B) => (d(), b("div", Ta, [
+      m("span", za, [
         C(f.$slots, "above-table")
       ]),
-      k(c(We), j({
+      k(c(Ge), j({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
       }, { ...i, ...f.$attrs }, {
         pt: h.value,
@@ -3512,23 +3509,23 @@ const Ba = {
         ref_key: "forgeTable",
         ref: o,
         "data-cy": "table",
-        "onUpdate:filters": F,
+        "onUpdate:filters": S,
         onSort: v,
-        onPage: S,
+        onPage: F,
         showHeaders: ""
       }), ie({
         empty: g(() => [
-          m("div", za, [
-            m("h5", Pa, $(f.emptyMessage ?? "No items Found."), 1)
+          m("div", Pa, [
+            m("h5", ja, $(f.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: g(() => [
           m("div", {
             class: P(i.loading ? "opacity-50" : "")
           }, [
-            m("div", ja, [
-              m("div", _a, [
-                f.paginator && !f.legacyPaginationFooter ? (d(), b("span", Ma, [
+            m("div", Ma, [
+              m("div", Ia, [
+                f.paginator && !f.legacyPaginationFooter ? (d(), b("span", _a, [
                   k(he, {
                     total: p.value,
                     "page-sizes": l.value,
@@ -3540,7 +3537,7 @@ const Ba = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : T("", !0)
               ]),
-              m("div", Ia, [
+              m("div", Va, [
                 f.showClearButton ? (d(), x(c(q), {
                   key: 0,
                   outlined: "",
@@ -3549,15 +3546,14 @@ const Ba = {
                   "data-cy": "clear-all"
                 }, {
                   default: g(() => [
-                    k(c(I), {
+                    k(c(_), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
                     B[2] || (B[2] = V(" Clear ", -1))
                   ]),
-                  _: 1,
-                  __: [2]
+                  _: 1
                 }, 8, ["class"])) : T("", !0),
                 f.showExporterButton ? (d(), x(c(q), {
                   key: 1,
@@ -3566,15 +3562,14 @@ const Ba = {
                   "data-cy": "exporter"
                 }, {
                   default: g(() => [
-                    k(c(I), {
+                    k(c(_), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
                     B[3] || (B[3] = V(" Export ", -1))
                   ]),
-                  _: 1,
-                  __: [3]
+                  _: 1
                 })) : T("", !0),
                 C(f.$slots, "column-customiser")
               ])
@@ -3624,10 +3619,10 @@ const Ba = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), Va = { class: "position-relative" }, Da = { "data-cy": "above-table-slot" }, Oa = { class: "d-flex w-100" }, Aa = {
+}), Da = { class: "position-relative" }, Oa = { "data-cy": "above-table-slot" }, Aa = { class: "d-flex w-100" }, La = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, La = { class: "d-flex" }, Na = { class: "d-flex align-items-end mb-2" }, Ua = { key: 0 }, Ea = { class: "ms-auto" }, Co = /* @__PURE__ */ z({
+}, Na = { class: "d-flex" }, Ua = { class: "d-flex align-items-end mb-2" }, Ea = { key: 0 }, qa = { class: "ms-auto" }, To = /* @__PURE__ */ z({
   __name: "ForgeTreeTable",
   props: {
     stripedRows: { type: Boolean, default: !1 },
@@ -3688,17 +3683,17 @@ const Ba = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = e, i = t, o = M([5, 10, 20, 50, 100]), l = M(10), n = M(0), s = M(0), p = M({
+    const a = e, i = t, o = I([5, 10, 20, 50, 100]), l = I(10), n = I(0), s = I(0), p = I({
       filters: a.filters,
       perPage: l.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: a.totalRecords ?? a.value.length
-    }), u = _(() => a.totalRecords ?? a.value.length), h = _(() => {
+    }), u = M(() => a.totalRecords ?? a.value.length), h = M(() => {
       const y = Math.ceil(u.value / l.value);
       return `${y} ${ee(y, "page")}`;
-    }), r = _(() => ({
+    }), r = M(() => ({
       root: "position-relative",
       table: (y) => ({
         class: [
@@ -3768,14 +3763,14 @@ const Ba = {
         },
         0
       );
-    }, F = () => {
+    }, S = () => {
       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);
-    }, S = (y) => {
+    }, 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) => {
@@ -3795,11 +3790,11 @@ const Ba = {
     const D = () => {
       n.value = s.value * l.value;
     };
-    return (y, O) => (d(), b("div", Va, [
-      m("span", Da, [
+    return (y, O) => (d(), b("div", Da, [
+      m("span", Oa, [
         C(y.$slots, "above-table")
       ]),
-      k(c(Ge), j({
+      k(c(Ye), j({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
       }, { ...a, ...y.$attrs }, {
         pt: r.value,
@@ -3807,24 +3802,24 @@ const Ba = {
         rows: y.paginator ? l.value : void 0,
         "data-cy": "tree-table",
         "onUpdate:filters": A,
-        onSort: S,
+        onSort: F,
         onPage: f,
         onNodeExpand: O[2] || (O[2] = () => w()),
         showHeaders: "",
         first: n.value
       }), ie({
         empty: g(() => [
-          m("div", Oa, [
-            m("h5", Aa, $(y.emptyMessage ?? "No items Found."), 1)
+          m("div", Aa, [
+            m("h5", La, $(y.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: g(() => [
           m("div", {
             class: P(a.loading ? "opacity-50" : "")
           }, [
-            m("div", La, [
-              m("div", Na, [
-                y.paginator && !y.legacyPaginationFooter ? (d(), b("span", Ua, [
+            m("div", Na, [
+              m("div", Ua, [
+                y.paginator && !y.legacyPaginationFooter ? (d(), b("span", Ea, [
                   k(he, {
                     total: u.value,
                     "page-sizes": o.value,
@@ -3836,23 +3831,22 @@ const Ba = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : T("", !0)
               ]),
-              m("div", Ea, [
+              m("div", qa, [
                 y.showClearButton ? (d(), x(c(q), {
                   key: 0,
                   outlined: "",
-                  onClick: F,
+                  onClick: S,
                   "data-cy": "clear-all"
                 }, {
                   default: g(() => [
-                    k(c(I), {
+                    k(c(_), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
                     O[3] || (O[3] = V(" Clear ", -1))
                   ]),
-                  _: 1,
-                  __: [3]
+                  _: 1
                 })) : T("", !0),
                 C(y.$slots, "column-customiser")
               ])
@@ -3866,8 +3860,8 @@ const Ba = {
       }, [
         U(y.$slots, (R, ve) => ({
           name: ve,
-          fn: g((Be) => [
-            C(y.$slots, ve, G(Y(Be || {})))
+          fn: g(($e) => [
+            C(y.$slots, ve, G(Y($e || {})))
           ])
         })),
         y.legacyPaginationFooter ? {
@@ -3902,7 +3896,7 @@ const Ba = {
       ]), 1040, ["class", "pt", "filter-display", "rows", "first"])
     ]));
   }
-}), qa = { class: "d-flex position-relative" }, Ra = { class: "d-flex w-100" }, To = /* @__PURE__ */ z({
+}), Ra = { class: "d-flex position-relative" }, Ha = { class: "d-flex w-100" }, zo = /* @__PURE__ */ z({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ E({
     dataType: {},
@@ -3933,7 +3927,7 @@ const Ba = {
     };
     return (o, l) => {
       const n = fe, s = q;
-      return d(), b("div", qa, [
+      return d(), b("div", Ra, [
         o.dataType === "numeric" ? (d(), x(n, j({
           key: 0,
           modelValue: t.value,
@@ -3956,7 +3950,7 @@ const Ba = {
           "option-label": o.optionLabel
         }), {
           value: g(({ value: p, placeholder: u }) => [
-            m("div", Ra, [
+            m("div", Ha, [
               m("span", {
                 class: P({ "filter-placeholder": p === null })
               }, $(a(p, u)), 3),
@@ -3967,7 +3961,7 @@ const Ba = {
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
                 default: g(() => [
-                  k(c(I), {
+                  k(c(_), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -4002,7 +3996,7 @@ const Ba = {
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
           default: g(() => [
-            k(c(I), {
+            k(c(_), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -5153,20 +5147,24 @@ class we {
   }
 }
 Z = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap();
-const Ha = new we(ue, ce)._freeze();
+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);
     let s = "Not Uploaded";
-    n === -1 ? ((!a.includes(l.type) || !(l.size <= i)) && (s = a.includes(l.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
-      file: l,
-      status: s,
-      blobFileName: null
-    })) : t[n].status = "Duplicate";
+    if (n === -1) {
+      const p = Ka(l);
+      !p || !a.includes(p) ? s = "InvalidFileType" : l.size <= i || (s = "InvalidFileSize"), t.unshift({
+        file: l,
+        status: s,
+        blobFileName: null
+      });
+    } else
+      t[n].status = "Duplicate";
   }), t;
 }
-async function Wa(e, t) {
+async function Ga(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new ge(t).delete();
@@ -5189,20 +5187,23 @@ function me(e, t = !0, a = 1) {
   while (Math.round(Math.abs(e) * n) / n >= i && l < o.length - 1);
   return e.toFixed(a) + " " + o[l];
 }
-function Ga(e) {
+function Ya(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function Ya(e) {
+function Ja(e) {
   return URL.createObjectURL(e);
 }
-function Ja() {
+function Ka(e) {
+  return e.type ? e.type : Be().getType(e.name);
+}
+function Be() {
   const e = new we(ue, ce);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disabled", "multiple"], Xa = {
+const Za = { class: "d-flex justify-content-between" }, Xa = ["accept", "disabled", "multiple"], Qa = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, Qa = /* @__PURE__ */ z({
+}, ei = /* @__PURE__ */ z({
   __name: "UploadButton",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -5215,12 +5216,12 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = M(), i = (n) => a.value.toggle(n), o = _(() => e.maxFileInput <= t.value.length), l = (n) => {
+    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);
     };
     return (n, s) => {
       const p = q;
-      return d(), b("div", Ka, [
+      return d(), b("div", Za, [
         C(n.$slots, "message"),
         m("div", null, [
           m("input", {
@@ -5231,14 +5232,14 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
             disabled: o.value,
             multiple: n.maxFileInput > 1,
             onInput: s[0] || (s[0] = (u) => l([...u.target.files]))
-          }, null, 40, Za),
+          }, null, 40, Xa),
           m("label", {
             class: P([{ disabled: o.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
             C(n.$slots, "button-content", {}, () => [
-              k(c(I), {
+              k(c(_), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
@@ -5255,32 +5256,31 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
           id: "accepted-file-types",
           onClick: i
         }, {
-          default: g(() => s[2] || (s[2] = [
+          default: g(() => [...s[2] || (s[2] = [
             V("Accepted File Types", -1)
-          ])),
-          _: 1,
-          __: [2]
+          ])]),
+          _: 1
         })) : T("", !0),
         k(c(be), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
           default: g(() => [
-            m("div", Xa, $(n.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
+            m("div", Qa, $(n.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), ei = {
+}), ti = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, ti = {
+}, ai = {
   key: 1,
   class: "d-flex flex-column"
-}, ai = /* @__PURE__ */ z({
+}, ii = /* @__PURE__ */ z({
   __name: "DragDropArea",
   props: /* @__PURE__ */ E({
     maxFileInput: {},
@@ -5292,7 +5292,7 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = M(!1), i = _(() => e.maxFileInput <= t.value.length), o = (l) => {
+    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);
     };
     return (l, n) => (d(), b("div", {
@@ -5302,20 +5302,20 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
       onDragover: n[1] || (n[1] = Q((s) => a.value = !0, ["prevent"])),
       onDrop: Q(o, ["prevent"])
     }, [
-      t.value.length === 0 ? (d(), b("div", ei, [
-        k(c(I), {
+      t.value.length === 0 ? (d(), b("div", ti, [
+        k(c(_), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
         n[2] || (n[2] = V(" Drag and drop files here ", -1))
-      ])) : (d(), b("div", ti, [
+      ])) : (d(), b("div", ai, [
         C(l.$slots, "default")
       ]))
     ], 34));
   }
-}), ii = { class: "d-flex align-items-center me-2" }, oi = /* @__PURE__ */ z({
+}), oi = { class: "d-flex align-items-center me-2" }, li = /* @__PURE__ */ z({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -5324,7 +5324,7 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = e, a = _(() => t.uploadStatus === "Failed" || t.uploadStatus === "InvalidFileType" || t.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), i = _(() => {
+    const t = e, a = M(() => t.uploadStatus === "Failed" || t.uploadStatus === "InvalidFileType" || t.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), i = M(() => {
       switch (t.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -5342,7 +5342,7 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
     });
     return (o, l) => {
       const n = pe;
-      return d(), b("div", ii, [
+      return d(), b("div", oi, [
         t.uploadStatus === "Uploading" ? (d(), x(n, {
           key: 0,
           "in-line": ""
@@ -5361,16 +5361,16 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
       ]);
     };
   }
-}), li = ["data-cy"], ni = { class: "ms-3 d-flex flex-column" }, si = {
+}), ni = ["data-cy"], si = { class: "ms-3 d-flex flex-column" }, ri = {
   key: 1,
   id: "file-name"
-}, ri = {
+}, di = {
   class: "text-black-50",
   id: "file-type"
-}, di = {
+}, pi = {
   class: "text-black-50",
   id: "file-size"
-}, pi = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, ci = /* @__PURE__ */ z({
+}, ci = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, ui = /* @__PURE__ */ z({
   __name: "FileInfo",
   props: /* @__PURE__ */ E({
     editableFileName: { type: Boolean },
@@ -5389,12 +5389,12 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
   }),
   emits: /* @__PURE__ */ E(["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 = M(a.value.name), s = M(""), p = M(0), u = M(), h = _(() => e.acceptedFileTypes.some(({ fileType: f }) => f === a.value.type)), r = _(() => a.value.size <= e.maxFileSize), w = _(() => a.value.type ? a.value.type : Ja().getType(a.value.name)), v = () => {
-      n.value != null && (F(), a.value = new File([a.value], n.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
-    }, F = () => {
-      let f = n.value.split("."), B = Ha.getExtension(w.value), D = n.value.split(".").pop();
+    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 = () => {
+      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));
-    }, S = async () => {
+    }, F = async () => {
       if (!h.value || !r.value) {
         o.value = h.value ? "InvalidFileSize" : "InvalidFileType";
         return;
@@ -5425,10 +5425,10 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
         o.value = "Failed";
       }
     }, A = async () => {
-      await Wa(o.value, s.value), l("deleted", a.value);
+      await Ga(o.value, s.value), l("deleted", a.value);
     };
     return ne(() => {
-      e.autoUploadToBlob && o.value != "Uploaded" && S();
+      e.autoUploadToBlob && o.value != "Uploaded" && F();
     }), (f, B) => {
       const D = q;
       return d(), b("div", {
@@ -5436,15 +5436,15 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          c(Ga)(a.value.type) ? (d(), x(c(Ye), {
+          c(Ya)(a.value.type) ? (d(), x(c(Je), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(Ya)(a.value),
+            src: c(Ja)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (d(), x(c(I), {
+          }, null, 8, ["src", "alt"])) : (d(), x(c(_), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -5452,9 +5452,9 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", ni, [
+        m("div", si, [
           m("div", null, [
-            f.editableFileName ? (d(), x(Zt, {
+            f.editableFileName ? (d(), x(Xt, {
               key: 0,
               id: "edit-file-name",
               modelValue: n.value,
@@ -5462,13 +5462,13 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
               rules: f.customFileNameRules,
               name: a.value.name,
               "complete-action": v
-            }, null, 8, ["modelValue", "rules", "name"])) : (d(), b("span", si, $(n.value), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (d(), b("span", ri, $(n.value), 1))
           ]),
-          m("span", ri, "File type: " + $(a.value.type.split("/").pop()), 1),
-          m("span", di, "File size: " + $(c(me)(a.value.size)), 1)
+          m("span", di, "File type: " + $(a.value.type.split("/").pop()), 1),
+          m("span", pi, "File size: " + $(c(me)(a.value.size)), 1)
         ]),
-        m("div", pi, [
-          (d(), x(oi, {
+        m("div", ci, [
+          (d(), x(li, {
             key: o.value,
             "file-size": a.value.size,
             "upload-status": o.value,
@@ -5478,10 +5478,10 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
           o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (d(), x(D, {
             key: 0,
             link: "",
-            onClick: S
+            onClick: F
           }, {
             default: g(() => [
-              k(c(I), {
+              k(c(_), {
                 icon: o.value === "Not Uploaded" || o.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
@@ -5493,7 +5493,7 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
             onClick: B[1] || (B[1] = (y) => u.value.abort())
           }, {
             default: g(() => [
-              k(c(I), { icon: "bi:x-circle-fill" })
+              k(c(_), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
           })) : (d(), x(D, {
@@ -5503,27 +5503,27 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
             id: "delete-button"
           }, {
             default: g(() => [
-              k(c(I), { icon: "bi:trash" })
+              k(c(_), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, li);
+      ], 8, ni);
     };
   }
-}), ui = { class: "d-flex justify-content-end mt-1 gap-1" }, mi = { id: "max-file-size" }, vi = { id: "max-file-input" }, fi = /* @__PURE__ */ z({
+}), mi = { class: "d-flex justify-content-end mt-1 gap-1" }, vi = { id: "max-file-size" }, fi = { id: "max-file-input" }, gi = /* @__PURE__ */ z({
   __name: "FileInputInfo",
   props: {
     maxFileSize: {},
     maxFileInput: {}
   },
   setup(e) {
-    return (t, a) => (d(), b("div", ui, [
-      m("div", mi, "Max file size: " + $(c(me)(t.maxFileSize)), 1),
-      m("div", vi, "| Max file count: " + $(t.maxFileInput), 1)
+    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)
     ]));
   }
-}), gi = { "data-cy": "file-uploader" }, bi = { key: 1 }, zo = /* @__PURE__ */ z({
+}), bi = { "data-cy": "file-uploader" }, yi = { key: 1 }, Po = /* @__PURE__ */ z({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -5548,7 +5548,7 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
     const a = e, i = (o) => {
       t.value = t.value.filter((l) => l.file != o);
     };
-    return (o, l) => (d(), b("div", gi, [
+    return (o, l) => (d(), b("div", bi, [
       t.value.length == o.maxFileInput && a.maxFileWarning != null ? (d(), x(re, {
         key: 0,
         id: "max-files-alert",
@@ -5559,12 +5559,12 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
         ]),
         _: 1
       })) : T("", !0),
-      k(Qa, j(a, {
+      k(ei, j(a, {
         modelValue: t.value,
         "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n)
       }), null, 16, ["modelValue"]),
-      o.showDragDropArea ? (d(), b("div", bi, [
-        k(ai, {
+      o.showDragDropArea ? (d(), b("div", yi, [
+        k(ii, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
@@ -5573,7 +5573,7 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
         }, {
           default: g(() => [
             (d(!0), b(N, null, U(t.value, ({ file: n }, s) => (d(), b("div", null, [
-              (d(), x(ci, j({
+              (d(), x(ui, j({
                 key: n.name,
                 class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[s].file,
@@ -5587,14 +5587,14 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        k(fi, {
+        k(gi, {
           "max-file-size": a.maxFileSize,
           "max-file-input": o.maxFileInput
         }, null, 8, ["max-file-size", "max-file-input"])
       ])) : T("", !0)
     ]));
   }
-}), yi = { class: "d-flex" }, xi = { class: "me-3" }, hi = { class: "ms-2" }, wi = { class: "d-flex flex-column w-100" }, Po = /* @__PURE__ */ z({
+}), xi = { class: "d-flex" }, hi = { class: "me-3" }, wi = { class: "ms-2" }, ki = { class: "d-flex flex-column w-100" }, jo = /* @__PURE__ */ z({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -5602,7 +5602,7 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = M(), i = M(!1), o = (l) => {
+    const t = L(e, "modelValue"), a = I(), i = I(!1), o = (l) => {
       a.value.toggle(l);
     };
     return (l, n) => (d(), b(N, null, [
@@ -5611,13 +5611,13 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
         class: "ms-2"
       }, {
         default: g(() => [
-          m("div", yi, [
-            m("div", xi, [
-              k(c(I), { icon: "bi:layout-three-columns" })
+          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),
-            m("div", hi, [
-              k(c(I), {
+            m("div", wi, [
+              k(c(_), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5633,7 +5633,7 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
         onShow: n[1] || (n[1] = () => i.value = !0)
       }, {
         default: g(() => [
-          m("div", wi, [
+          m("div", ki, [
             (d(!0), b(N, null, U(t.value, (s, p) => (d(), b("div", {
               class: P(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
@@ -5657,19 +5657,19 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), jo = /* @__PURE__ */ z({
+}), Mo = /* @__PURE__ */ z({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
-      const i = Je;
+      const i = Ke;
       return d(), x(i, G(Y({ ...t.$attrs })), ie({
         toggleicon: g(({ collapsed: o }) => [
-          o ? (d(), x(c(I), {
+          o ? (d(), x(c(_), {
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
           })) : T("", !0),
-          o ? T("", !0) : (d(), x(c(I), {
+          o ? T("", !0) : (d(), x(c(_), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
@@ -5686,13 +5686,13 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
       ]), 1040);
     };
   }
-}), ki = /* @__PURE__ */ z({
+}), Bi = /* @__PURE__ */ z({
   __name: "ForgeToggleButton",
   props: {
     severity: { default: "primary" }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = M(() => ({
       root: (i) => ({
         class: [
           "btn",
@@ -5713,15 +5713,15 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
         ]
       })
     }));
-    return (i, o) => (d(), x(c(Ke), j({ ...i.$attrs, ...t }, {
+    return (i, o) => (d(), x(c(Ze), j({ ...i.$attrs, ...t }, {
       severity: t.severity,
       pt: a.value
     }), null, 16, ["severity", "pt"]));
   }
-}), Bi = {
+}), $i = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, _o = /* @__PURE__ */ z({
+}, Io = /* @__PURE__ */ z({
   __name: "ForgeSelectButton",
   props: /* @__PURE__ */ E({
     options: {},
@@ -5751,8 +5751,8 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
         } else
           a.value = a.value === l.value && t.allowEmpty ? null : l.value;
     };
-    return (l, n) => (d(), b("div", Bi, [
-      (d(!0), b(N, null, U(l.options, (s, p) => (d(), x(ki, {
+    return (l, n) => (d(), b("div", $i, [
+      (d(!0), b(N, null, U(l.options, (s, p) => (d(), x(Bi, {
         key: p,
         onLabel: s.label,
         offLabel: s.label,
@@ -5765,10 +5765,10 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
-}), Mo = /* @__PURE__ */ z({
+}), _o = /* @__PURE__ */ z({
   __name: "ForgeConfirmPopup",
   setup(e) {
-    const t = _(() => ({
+    const t = M(() => ({
       root: [
         "card w-fit-content position-absolute"
       ],
@@ -5779,20 +5779,20 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
       pcRejectButton: { root: "btn btn-outline-primary btn-sm" },
       pcAcceptButton: { root: "btn btn-primary btn-sm" }
     }));
-    return (a, i) => (d(), x(c(Ze), j({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
+    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))
       ]),
       _: 3
     }, 16, ["pt"]));
   }
-}), $i = {
+}), Fi = {
   key: 0,
   class: "mb-1"
 }, Si = {
   key: 0,
   class: "mb-1"
-}, Io = /* @__PURE__ */ z({
+}, Vo = /* @__PURE__ */ z({
   __name: "ForgePickList",
   props: /* @__PURE__ */ E({
     filterBy: {},
@@ -5835,12 +5835,12 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["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 = M(null), n = M(null), s = (v) => {
-      const { items: F } = v;
-      i.value.push(...F), o.value = o.value.filter((S) => !F.includes(S));
+    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: F } = v;
-      o.value.push(...F), i.value = i.value.filter((S) => !F.includes(S));
+      const { items: S } = v;
+      o.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 = () => {
@@ -5852,42 +5852,42 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
       w();
     });
     const r = () => {
-      var S;
-      const v = t.filterBy, F = l.value ? o.value.filter((A) => {
+      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];
-      (S = a.value) == null || S.splice(0, 1, F);
+      (F = a.value) == null || F.splice(0, 1, S);
     }, w = () => {
-      var S;
-      const v = t.filterBy, F = n.value ? i.value.filter((A) => {
+      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());
       }) : [...i.value];
-      (S = a.value) == null || S.splice(1, 1, F);
+      (F = a.value) == null || F.splice(1, 1, S);
     };
     return W(
       () => a.value,
       (v) => {
-        var F, S;
-        v && (i.value = v[1].length > 0 ? [...v[1]] : [], o.value = v[0].length > 0 ? [...v[0]] : [], (F = a.value) == null || F.splice(0, 1, o.value), (S = a.value) == null || S.splice(1, 1, i.value));
+        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));
       },
       { once: !0 }
-    ), (v, F) => (d(), x(c(Xe), j({
+    ), (v, S) => (d(), x(c(Qe), j({
       modelValue: a.value,
-      "onUpdate:modelValue": F[2] || (F[2] = (S) => a.value = S)
+      "onUpdate:modelValue": S[2] || (S[2] = (F) => a.value = F)
     }, { ...v.$attrs, ...t }, {
       onMoveAllToSource: u,
       onMoveAllToTarget: h,
-      onMoveToTarget: F[3] || (F[3] = (S) => s(S)),
-      onMoveToSource: F[4] || (F[4] = (S) => p(S))
+      onMoveToTarget: S[3] || (S[3] = (F) => s(F)),
+      onMoveToSource: S[4] || (S[4] = (F) => p(F))
     }), {
       sourceheader: g(() => [
-        v.sourceTitle ? (d(), b("div", $i, $(v.sourceTitle), 1)) : T("", !0),
+        v.sourceTitle ? (d(), b("div", Fi, $(v.sourceTitle), 1)) : T("", !0),
         k(c(ae), {
           modelValue: l.value,
           "onUpdate:modelValue": [
-            F[0] || (F[0] = (S) => l.value = S),
+            S[0] || (S[0] = (F) => l.value = F),
             r
           ],
           class: "mb-2",
@@ -5900,7 +5900,7 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
         k(c(ae), {
           modelValue: n.value,
           "onUpdate:modelValue": [
-            F[1] || (F[1] = (S) => n.value = S),
+            S[1] || (S[1] = (F) => n.value = F),
             w
           ],
           class: "mb-2",
@@ -5908,13 +5908,13 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
           "data-cy": "target-search"
         }, null, 8, ["modelValue"])
       ]),
-      option: g(({ option: S }) => [
-        V($(S[v.filterBy]), 1)
+      option: g(({ option: F }) => [
+        V($(F[v.filterBy]), 1)
       ]),
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Vo = () => ({
+}), Do = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5925,40 +5925,40 @@ const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disable
   }
 });
 export {
-  so as Bootstrap_PT,
-  ro as ForgeActionButton,
+  ro as Bootstrap_PT,
+  po as ForgeActionButton,
   re as ForgeAlert,
-  po as ForgeAutoComplete,
+  co as ForgeAutoComplete,
   ye as ForgeCheckbox,
-  ho as ForgeChip,
-  Po as ForgeColumnCustomiser,
-  Mo as ForgeConfirmPopup,
+  wo as ForgeChip,
+  jo as ForgeColumnCustomiser,
+  _o as ForgeConfirmPopup,
   xe as ForgeDatepicker,
-  zo as ForgeFileUploader,
-  To as ForgeFilterHeader,
-  yo as ForgeForm,
-  xo as ForgeFormField,
-  Zt as ForgeInlineEditor,
-  co as ForgeLink,
+  Po as ForgeFileUploader,
+  zo as ForgeFilterHeader,
+  xo as ForgeForm,
+  ho as ForgeFormField,
+  Xt as ForgeInlineEditor,
+  uo as ForgeLink,
   pe as ForgeLoader,
-  vo as ForgeModal,
-  ia as ForgeMultiSelectPreview,
-  fo as ForgeNavbar,
-  go as ForgePageHeader,
-  jo as ForgePanel,
-  Io as ForgePickList,
-  wo as ForgeProgressBar,
-  bo as ForgeRemainingCharacters,
-  Vo as ForgeResolver,
-  ko as ForgeScratchpad,
-  _o as ForgeSelectButton,
-  Bo as ForgeStatWidget,
-  $o as ForgeStepper,
-  Fo as ForgeTable,
+  fo 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,
-  ki as ForgeToggleButton,
-  Co as ForgeTreeTable,
-  mo as convertToMultiSelectOption,
-  uo as enumToMultiSelectList,
-  Ut as parseError
+  Bi as ForgeToggleButton,
+  To as ForgeTreeTable,
+  vo as convertToMultiSelectOption,
+  mo as enumToMultiSelectList,
+  Et as parseError
 };