@3squared/forge-ui-3 0.16.0 → 1.0.0

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

@@ -1,7 +1,7 @@
 import be from "primevue/message";
-import { defineComponent as F, openBlock as i, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as g, createElementVNode as c, normalizeClass as B, unref as m, createCommentVNode as S, createVNode as f, renderSlot as $, ref as I, createElementBlock as v, Fragment as L, mergeProps as _, mergeModels as E, useModel as A, computed as k, createTextVNode as O, toDisplayString as h, withDirectives as j, vShow as H, createSlots as te, renderList as Y, onMounted as ne, isRef as se, withKeys as J, useAttrs as fe, withModifiers as q, normalizeStyle as ge, watch as de } from "vue";
+import { defineComponent as F, openBlock as r, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as b, createElementVNode as c, normalizeClass as B, unref as p, createCommentVNode as S, createVNode as f, renderSlot as $, ref as M, createElementBlock as v, Fragment as R, mergeProps as _, mergeModels as E, useModel as A, computed as k, createTextVNode as O, toDisplayString as h, withDirectives as j, vShow as H, createSlots as te, renderList as Y, onMounted as ne, isRef as se, withKeys as J, useAttrs as fe, withModifiers as q, normalizeStyle as ge, watch as de } from "vue";
 import { Icon as V } from "@iconify/vue";
-import R from "primevue/button";
+import L from "primevue/button";
 import he from "primevue/toast";
 import we from "primevue/checkbox";
 import { useField as K } from "vee-validate";
@@ -23,8 +23,9 @@ import Me from "primevue/steps";
 import Ie from "primevue/datatable";
 import ze from "primevue/multiselect";
 import { BlockBlobClient as ce } from "@azure/storage-blob";
-import Oe from "primevue/image";
-const De = {
+import Oe from "primevue/overlaypanel";
+import De from "primevue/image";
+const Ue = {
   button: {
     root: ({ props: e }) => ({
       class: [
@@ -115,7 +116,7 @@ const De = {
       ]
     })
   }
-}, Ue = {
+}, Ae = {
   checkbox: {
     root: () => ({
       class: [
@@ -133,11 +134,11 @@ const De = {
       ]
     })
   }
-}, Ae = {
+}, Ne = {
   dropdown: {
     root: ({ props: e }) => ({
       class: [
-        "form-control d-flex cursor-pointer",
+        "form-control d-flex cursor-pointer position-relative",
         {
           disabled: e.disabled
         }
@@ -145,13 +146,13 @@ const De = {
     }),
     trigger: ({ state: e }) => ({
       class: [
-        "my-auto ms-2",
+        "my-auto filter-trigger",
         {
           "rotate-180": e.overlayVisible
         }
       ]
     }),
-    list: "list-unstyled mb-0 dropdown-menu show w-100",
+    list: "list-unstyled mb-0 dropdown-menu overflow-y-auto show w-100",
     item: ({ context: e }) => ({
       class: [
         "dropdown-item d-flex cursor-pointer text-wrap",
@@ -200,13 +201,14 @@ const De = {
       ]
     })
   }
-}, Ne = {
+}, Ee = {
   column: {
     sortBadge: "ms-2 my-auto cursor-pointer",
     headerCell: (e) => {
       var t, l, o, a;
       return {
         class: [
+          "align-top",
           {
             "cursor-move": e.props.reorderableColumns,
             "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((l = e.column) == null ? void 0 : l.context.frozen) || ((o = e.column) == null ? void 0 : o.context.frozen) === "",
@@ -242,7 +244,7 @@ const De = {
         }
       ]
     }),
-    headerFilterClearButton: ({ props: e }) => (console.log(), {
+    headerFilterClearButton: ({ props: e }) => ({
       class: [
         "btn",
         {
@@ -280,7 +282,8 @@ const De = {
       ]
     },
     headerContent: "d-flex",
-    sort: "d-flex ms-auto my-auto cursor-pointer",
+    headerTitle: "text-break",
+    sort: "d-flex ms-auto cursor-pointer table-sort-icon",
     rowCheckbox: (e) => ({
       class: [
         "form-check-input px-2 py-2 rounded position-relative",
@@ -299,7 +302,7 @@ const De = {
       ]
     })
   }
-}, Ee = {
+}, Le = {
   inputtext: {
     root: (e) => {
       var t, l;
@@ -314,7 +317,7 @@ const De = {
       };
     }
   }
-}, Le = {
+}, Re = {
   inputmask: {
     root: () => ({
       class: [
@@ -322,12 +325,12 @@ const De = {
       ]
     })
   }
-}, Re = {
+}, je = {
   inputSwitch: {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, je = {
+}, He = {
   textarea: {
     root: () => ({
       class: [
@@ -335,13 +338,13 @@ const De = {
       ]
     })
   }
-}, He = {
+}, qe = {
   // More PassThrough options in component file.
   chips: {
     root: "d-flex",
     label: "pe-2"
   }
-}, qe = {
+}, Ye = {
   dialog: {
     header: () => ({
       class: ["modal-header"]
@@ -384,7 +387,7 @@ const De = {
       ]
     })
   }
-}, Ye = {
+}, Ge = {
   overlaypanel: {
     root: (e) => ({
       class: [
@@ -398,7 +401,7 @@ const De = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, Ge = {
+}, Ke = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -427,13 +430,13 @@ const De = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, Ke = {
+}, We = {
   // More PT options defined in ForgeStepper.
   steps: {
     root: "w-100 mx-2 line",
     menu: "p-0 m-0 list-unstyled d-flex justify-content-between "
   }
-}, We = {
+}, Ze = {
   tabview: {
     navContainer: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -471,7 +474,7 @@ const De = {
       class: ["p-2"]
     })
   }
-}, Ze = {
+}, Je = {
   // More PassThrough options defined in ForgeDatepicker.
   calendar: {
     root: "d-inline-flex relative w-100",
@@ -544,17 +547,17 @@ const De = {
     decrementButton: "btn btn-sm",
     incrementButton: "btn btn-sm"
   }
-}, Je = {
+}, Xe = {
   multiselect: {
     root: ({ props: e }) => ({
       class: [
-        "form-control d-flex cursor-pointer w-100",
+        "form-control d-flex cursor-pointer position-relative w-100",
         {
           disabled: e.disabled
         }
       ]
     }),
-    panel: "dropdown-menu show",
+    panel: "dropdown-menu overflow-y-auto show",
     list: "list-unstyled mb-0",
     item: "dropdown-item d-flex cursor-pointer",
     header: "d-flex",
@@ -568,14 +571,14 @@ const De = {
     emptymessage: "mx-3 my-2",
     trigger: ({ state: e }) => ({
       class: [
-        "ms-auto my-auto",
+        "ms-auto my-auto filter-trigger",
         {
           "rotate-180": e.overlayVisible
         }
       ]
     })
   }
-}, Xe = {
+}, Qe = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
@@ -588,7 +591,7 @@ const De = {
       class: ["text-white"]
     })
   }
-}, Qe = {
+}, et = {
   // More PT options can be found in the ForgeTable file.
   dataTable: {
     datatable: "position-relative",
@@ -648,7 +651,7 @@ const De = {
       ]
     })
   }
-}, et = {
+}, tt = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -669,7 +672,7 @@ const De = {
       ]
     })
   }
-}, tt = {
+}, lt = {
   // More PassThrough options in component file.
   menubar: {
     menu: ({ instance: e }) => ({
@@ -739,7 +742,7 @@ const De = {
       ]
     })
   }
-}, lt = {
+}, at = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -761,7 +764,7 @@ const De = {
       class: ["tooltip-inner"]
     }
   }
-}, at = {
+}, ot = {
   selectbutton: {
     root: () => ({
       class: ["btn-group"]
@@ -779,7 +782,7 @@ const De = {
       ]
     })
   }
-}, ot = {
+}, nt = {
   progressspinner: {
     spinner: () => ({
       class: [
@@ -787,7 +790,7 @@ const De = {
       ]
     })
   }
-}, nt = {
+}, st = {
   card: {
     root: () => ({
       class: ["card"]
@@ -811,11 +814,11 @@ const De = {
       class: ["card-header"]
     })
   }
-}, st = {
+}, it = {
   divider: {
     root: "border-bottom w-100 m-1"
   }
-}, it = {
+}, rt = {
   image: {
     root: "position-relative d-inline-block",
     button: "preview-button",
@@ -828,7 +831,7 @@ const De = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, rt = {
+}, dt = {
   toast: {
     message: () => ({
       class: ["toast-container w-100 position-relative"]
@@ -866,35 +869,35 @@ const De = {
       };
     }
   }
-}, ca = {
-  ...et,
-  ...De,
-  ...nt,
+}, ya = {
+  ...tt,
   ...Ue,
-  ...He,
-  ...Ne,
-  ...Ze,
-  ...qe,
   ...st,
   ...Ae,
-  ...it,
+  ...qe,
   ...Ee,
-  ...Le,
-  ...Re,
-  ...Ge,
   ...Je,
-  ...tt,
   ...Ye,
-  ...Xe,
-  ...ot,
-  ...at,
+  ...it,
+  ...Ne,
+  ...rt,
+  ...Le,
+  ...Re,
+  ...je,
   ...Ke,
+  ...Xe,
+  ...lt,
+  ...Ge,
   ...Qe,
+  ...nt,
+  ...ot,
   ...We,
-  ...rt,
-  ...je,
+  ...et,
+  ...Ze,
+  ...dt,
+  ...He,
   directives: {
-    ...lt
+    ...at
   }
 }, ae = /* @__PURE__ */ F({
   __name: "ForgeAlert",
@@ -914,12 +917,12 @@ const De = {
     const t = e;
     return (l, o) => {
       const a = be;
-      return i(), w(a, Q(ee({ ...l.$attrs, ...t })), {
-        messageicon: g(() => [
+      return r(), w(a, Q(ee({ ...l.$attrs, ...t })), {
+        messageicon: b(() => [
           c("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (i(), w(m(V), {
+            t.icon ? (r(), w(p(V), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -928,17 +931,17 @@ const De = {
             }, null, 8, ["icon", "class"])) : S("", !0)
           ], 2)
         ]),
-        closeicon: g(() => [
-          f(m(V), { icon: "bi:x" })
+        closeicon: b(() => [
+          f(p(V), { icon: "bi:x" })
         ]),
-        default: g(() => [
+        default: b(() => [
           $(l.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), ma = /* @__PURE__ */ F({
+}), va = /* @__PURE__ */ F({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -947,7 +950,7 @@ const De = {
     params: { default: Array }
   },
   setup(e) {
-    const t = I(!1), l = e, o = async () => {
+    const t = M(!1), l = e, o = async () => {
       t.value = !0;
       try {
         await l.action.apply(this, l.params);
@@ -957,18 +960,18 @@ const De = {
       t.value = !1;
     };
     return (a, n) => {
-      const d = R;
-      return i(), v(L, null, [
+      const d = L;
+      return r(), v(R, null, [
         f(d, _({ ...l, ...a.$attrs }, {
           loading: t.value,
           disabled: t.value || l.disabled,
           onClick: o
         }), null, 16, ["loading", "disabled"]),
-        f(m(he))
+        f(p(he))
       ], 64);
     };
   }
-}), dt = { class: "d-flex flex-column" }, ut = ["for"], ct = /* @__PURE__ */ F({
+}), ut = { class: "d-flex flex-column" }, ct = ["for"], mt = /* @__PURE__ */ F({
   __name: "ForgeCheckbox",
   props: /* @__PURE__ */ E({
     label: { default: "" },
@@ -1006,15 +1009,15 @@ const De = {
       type: "checkbox",
       checkedValue: l.value
     }), d = k(() => a.value.length > 0);
-    return (r, u) => {
-      const p = we;
-      return i(), v("div", dt, [
+    return (s, u) => {
+      const m = we;
+      return r(), v("div", ut, [
         c("div", _({
           class: "d-flex cursor-pointer",
           "data-cy": "checkbox-container",
-          onClick: u[2] || (u[2] = (y) => m(o)(l.value))
-        }, { ...r.$attrs }), [
-          f(p, _({ ...t }, {
+          onClick: u[2] || (u[2] = (y) => p(o)(l.value))
+        }, { ...s.$attrs }), [
+          f(m, _({ ...t }, {
             binary: "",
             modelValue: l.value,
             "onUpdate:modelValue": u[0] || (u[0] = (y) => l.value = y),
@@ -1023,24 +1026,24 @@ const De = {
           }), null, 16, ["modelValue", "input-id", "input-class"]),
           c("label", {
             for: t.name,
-            onClick: u[1] || (u[1] = (y) => m(o)(l.value)),
+            onClick: u[1] || (u[1] = (y) => p(o)(l.value)),
             class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${d.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            $(r.$slots, "default", {}, () => [
+            $(s.$slots, "default", {}, () => [
               O(h(t.label), 1)
             ])
-          ], 10, ut)
+          ], 10, ct)
         ], 16),
         j(c("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(m(n)), 513), [
+        }, h(p(n)), 513), [
           [H, d.value]
         ])
       ]);
     };
   }
-}), mt = { class: "forge-loader" }, me = /* @__PURE__ */ F({
+}), pt = { class: "forge-loader" }, me = /* @__PURE__ */ F({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -1049,7 +1052,7 @@ const De = {
     const t = e;
     return (l, o) => {
       const a = xe;
-      return i(), v("div", mt, [
+      return r(), v("div", pt, [
         f(a, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
@@ -1057,7 +1060,7 @@ const De = {
       ]);
     };
   }
-}), pt = ["href", "target"], pa = /* @__PURE__ */ F({
+}), yt = ["href", "target"], ba = /* @__PURE__ */ F({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1091,14 +1094,14 @@ const De = {
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (o, a) => (i(), v("a", {
+    return (o, a) => (r(), v("a", {
       id: "link",
-      class: B(["cursor-pointer d-flex", t.value]),
+      class: B(["cursor-pointer d-flex text-break", t.value]),
       href: o.url,
       target: o.target
     }, [
       $(o.$slots, "default", {}, () => [
-        o.iconName ? (i(), w(m(V), {
+        o.iconName ? (r(), w(p(V), {
           key: 0,
           id: "link-icon",
           icon: o.iconName,
@@ -1106,10 +1109,10 @@ const De = {
         }, null, 8, ["icon", "class"])) : S("", !0),
         O(" " + h(o.label), 1)
       ])
-    ], 10, pt));
+    ], 10, yt));
   }
 });
-function yt(e) {
+function vt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1120,16 +1123,16 @@ function yt(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function ya(e, t) {
+function fa(e, t) {
   return e.map((l) => ({ id: l, label: t ? t(l) : `${l}` }));
 }
-function va(e, t, l) {
+function ga(e, t, l) {
   return { id: e, label: t ?? e.toString(), shortLabel: l };
 }
-const vt = { key: 0 }, bt = {
+const bt = { key: 0 }, ft = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, ba = /* @__PURE__ */ F({
+}, ha = /* @__PURE__ */ F({
   __name: "ForgeModal",
   props: /* @__PURE__ */ E({
     cancelText: { default: "Cancel" },
@@ -1175,25 +1178,25 @@ const vt = { key: 0 }, bt = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = A(e, "visible"), l = I(!1), o = e, a = I(!1), n = I({
+    const t = A(e, "visible"), l = M(!1), o = e, a = M(!1), n = M({
       hasError: !1,
       header: "",
       message: []
     }), d = () => {
       l.value = !1;
-    }, r = () => {
+    }, s = () => {
       l.value = !0;
     }, u = () => {
       t.value = !1;
-    }, p = async () => {
+    }, m = async () => {
       if (o.onConfirm) {
         a.value = !0, n.value.hasError = !1;
         try {
-          const s = await o.onConfirm();
-          (s || s == null) && u();
-        } catch (s) {
+          const i = await o.onConfirm();
+          (i || i == null) && u();
+        } catch (i) {
           n.value.hasError = !0;
-          const T = yt(s);
+          const T = vt(i);
           n.value.header = T.errorMessage, n.value.message = T.errorDetails;
         }
         a.value = !1;
@@ -1209,15 +1212,15 @@ const vt = { key: 0 }, bt = {
         }
       ]
     }));
-    return (s, T) => {
-      const C = R, P = ke;
-      return i(), w(P, _(o, {
-        onMaximize: r,
+    return (i, T) => {
+      const C = L, P = ke;
+      return r(), w(P, _(o, {
+        onMaximize: s,
         onUnmaximize: d,
         pt: y.value
       }), te({
-        closeicon: g(() => [
-          f(m(V), {
+        closeicon: b(() => [
+          f(p(V), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
@@ -1225,8 +1228,8 @@ const vt = { key: 0 }, bt = {
             onClick: u
           })
         ]),
-        maximizeicon: g(() => [
-          f(m(V), {
+        maximizeicon: b(() => [
+          f(p(V), {
             "data-cy": "maximisable-icon",
             icon: l.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1235,36 +1238,36 @@ const vt = { key: 0 }, bt = {
         ]),
         _: 2
       }, [
-        Y(s.$slots, (M, z) => ({
+        Y(i.$slots, (I, z) => ({
           name: z,
-          fn: g((b) => [
-            n.value.hasError ? (i(), w(ae, {
+          fn: b((g) => [
+            n.value.hasError ? (r(), w(ae, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
-              default: g(() => [
+              default: b(() => [
                 c("p", {
                   class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, h(n.value.header), 3),
-                n.value.message.length > 0 ? (i(), v("ul", vt, [
-                  (i(!0), v(L, null, Y(n.value.message, (x) => (i(), v("li", { key: x }, h(x), 1))), 128))
+                n.value.message.length > 0 ? (r(), v("ul", bt, [
+                  (r(!0), v(R, null, Y(n.value.message, (x) => (r(), v("li", { key: x }, h(x), 1))), 128))
                 ])) : S("", !0)
               ]),
               _: 1
             })) : S("", !0),
-            $(s.$slots, z, Q(ee(b || {}))),
-            a.value ? $(s.$slots, "loader", { key: 1 }, () => [
+            $(i.$slots, z, Q(ee(g || {}))),
+            a.value ? $(i.$slots, "loader", { key: 1 }, () => [
               f(me, { "data-cy": "loader" })
             ]) : S("", !0)
           ])
         })),
-        s.showFooter ? {
+        i.showFooter ? {
           name: "footer",
-          fn: g(() => [
-            c("div", bt, [
+          fn: b(() => [
+            c("div", ft, [
               f(C, {
-                label: s.cancelText,
+                label: i.cancelText,
                 class: B(o.cancelClass),
                 outlined: "",
                 onClick: u,
@@ -1272,9 +1275,9 @@ const vt = { key: 0 }, bt = {
                 type: o.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
               f(C, {
-                label: s.submitText,
+                label: i.submitText,
                 class: B([o.submitClass, "ms-auto"]),
-                onClick: p,
+                onClick: m,
                 id: "submit-button",
                 type: o.submitButtonType
               }, null, 8, ["label", "class", "type"])
@@ -1285,7 +1288,7 @@ const vt = { key: 0 }, bt = {
       ]), 1040, ["pt"]);
     };
   }
-}), ft = ["id"], gt = { key: 0 }, ht = { key: 0 }, wt = { class: "d-flex justify-content-between align-items-center position-relative" }, xt = { key: 1 }, kt = { "data-cy": "readonly-value" }, $t = /* @__PURE__ */ F({
+}), gt = ["id"], ht = { key: 0 }, wt = { key: 0 }, xt = { class: "d-flex justify-content-between align-items-center position-relative" }, kt = { key: 1 }, $t = { "data-cy": "readonly-value" }, Bt = /* @__PURE__ */ F({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ E({
     name: { default: "" },
@@ -1300,13 +1303,13 @@ const vt = { key: 0 }, bt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = A(e, "modelValue"), o = I(!1), a = I(), n = () => {
+    const t = e, l = A(e, "modelValue"), o = M(!1), a = M(), n = () => {
       var C;
       o.value = !o.value, (C = a.value) == null || C.focus();
     }, d = async () => {
       if (T.value)
         return !1;
-      if (l.value = s.value, t.completeAction)
+      if (l.value = i.value, t.completeAction)
         try {
           await t.completeAction.apply(this, t.params), o.value = !o.value;
         } catch {
@@ -1314,50 +1317,50 @@ const vt = { key: 0 }, bt = {
         }
       else
         o.value = !o.value;
-    }, r = () => {
+    }, s = () => {
       o.value = !o.value;
     }, u = () => {
-      s.value = null;
-    }, { errorMessage: p, errors: y, value: s } = K(() => t.name, void 0, {
+      i.value = null;
+    }, { errorMessage: m, errors: y, value: i } = K(() => t.name, void 0, {
       initialValue: l.value
     });
     ne(() => {
-      s.value = l.value;
+      i.value = l.value;
     });
     const T = k(() => y.value.length > 0);
     return (C, P) => {
-      const M = ie, z = R;
-      return i(), v("div", {
+      const I = ie, z = L;
+      return r(), v("div", {
         id: t.name
       }, [
-        C.readonly ? (i(), v("div", xt, [
+        C.readonly ? (r(), v("div", kt, [
           $(C.$slots, "default", {}, () => [
-            c("span", kt, h(m(s)), 1)
+            c("span", $t, h(p(i)), 1)
           ])
-        ])) : (i(), v("div", gt, [
-          o.value ? (i(), v("div", ht, [
-            j((i(), v("div", wt, [
+        ])) : (r(), v("div", ht, [
+          o.value ? (r(), v("div", wt, [
+            j((r(), v("div", xt, [
               $(C.$slots, "editor", {
                 class: B({ "is-invalid": T.value }),
                 editFinished: d,
-                cancel: r,
-                val: m(s)
+                cancel: s,
+                val: p(i)
               }, () => [
-                f(M, {
+                f(I, {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: a,
-                  modelValue: m(s),
-                  "onUpdate:modelValue": P[0] || (P[0] = (b) => se(s) ? s.value = b : null),
+                  modelValue: p(i),
+                  "onUpdate:modelValue": P[0] || (P[0] = (g) => se(i) ? i.value = g : null),
                   modelModifiers: { trim: !0 },
                   class: B({ "is-invalid": T.value }),
                   onKeydown: [
                     J(d, ["enter"]),
-                    J(r, ["esc"])
+                    J(s, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              f(m(V), {
+              f(p(V), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: u,
@@ -1365,9 +1368,9 @@ const vt = { key: 0 }, bt = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [m($e), d]
+              [p($e), d]
             ])
-          ])) : (i(), v("div", {
+          ])) : (r(), v("div", {
             key: 1,
             class: "d-flex text-muted",
             onClick: n,
@@ -1377,14 +1380,14 @@ const vt = { key: 0 }, bt = {
               c("div", {
                 class: B(["pe-2 cursor-pointer", { "text-invalid": T.value }]),
                 "data-cy": "value"
-              }, h(m(s) ? m(s) : "Click to edit"), 3)
+              }, h(p(i) ? p(i) : "Click to edit"), 3)
             ]),
             f(z, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: g(() => [
-                f(m(V), {
+              default: b(() => [
+                f(p(V), {
                   icon: "bi:pencil",
                   class: B(T.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
@@ -1398,13 +1401,13 @@ const vt = { key: 0 }, bt = {
         j(c("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(m(p)), 513), [
+        }, h(p(m)), 513), [
           [H, T.value]
         ])
-      ], 8, ft);
+      ], 8, gt);
     };
   }
-}), Bt = ["href"], fa = /* @__PURE__ */ F({
+}), Ft = ["href"], wa = /* @__PURE__ */ F({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1450,11 +1453,11 @@ const vt = { key: 0 }, bt = {
     }));
     return (o, a) => {
       const n = Be;
-      return i(), w(n, _({ ...t, ...o.$attrs }, {
+      return r(), w(n, _({ ...t, ...o.$attrs }, {
         pt: l.value,
         "data-cy": "navbar"
       }), te({
-        start: g(() => [
+        start: b(() => [
           c("a", {
             href: o.logoUrl,
             class: "navbar-brand ms-3",
@@ -1463,11 +1466,11 @@ const vt = { key: 0 }, bt = {
             $(o.$slots, "logo", {}, () => [
               a[0] || (a[0] = O(" Logo "))
             ])
-          ], 8, Bt)
+          ], 8, Ft)
         ]),
-        menubuttonicon: g(() => [
+        menubuttonicon: b(() => [
           $(o.$slots, "menubuttonicon", {}, () => [
-            f(m(V), {
+            f(p(V), {
               icon: "bi:list",
               class: B(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
@@ -1477,16 +1480,16 @@ const vt = { key: 0 }, bt = {
         ]),
         _: 2
       }, [
-        Y(o.$slots, (d, r) => ({
-          name: r,
-          fn: g((u) => [
-            $(o.$slots, r, Q(ee(u)))
+        Y(o.$slots, (d, s) => ({
+          name: s,
+          fn: b((u) => [
+            $(o.$slots, s, Q(ee(u)))
           ])
         }))
       ]), 1040, ["pt"]);
     };
   }
-}), Ft = { class: "multiselect__caret" }, _t = ["checked"], St = ["data-cy"], Vt = ["checked"], Ct = { class: "my-auto ms-1" }, Tt = { class: "multiselect__tag d-inline-flex" }, Pt = { class: "my-auto" }, pe = /* @__PURE__ */ F({
+}), _t = { class: "multiselect__caret" }, St = ["checked"], Vt = ["data-cy"], Ct = ["checked"], Tt = { class: "my-auto ms-1" }, Pt = { class: "multiselect__tag d-inline-flex" }, Mt = { class: "my-auto" }, pe = /* @__PURE__ */ F({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1504,13 +1507,13 @@ const vt = { key: 0 }, bt = {
         $isDisabled: D.$isDisabled ?? !1
       };
       N(U);
-    }, a = fe(), n = t, { errors: d, value: r, errorMessage: u } = K(() => l.name, void 0, {
+    }, a = fe(), n = t, { errors: d, value: s, errorMessage: u } = K(() => l.name, void 0, {
       initialValue: a.modelValue
-    }), p = I(!1), y = k(() => ({
+    }), m = M(!1), y = k(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
-      showPointer: !p.value,
+      showPointer: !m.value,
       placeholder: a.searchable === null || a.searchable ? "Search" : "Select",
       allowEmpty: !0,
       selectValue: "",
@@ -1519,26 +1522,26 @@ const vt = { key: 0 }, bt = {
       searchable: !!(a.searchable === null || a.searchable) && a.modelValue.length === a.options.length,
       async: !1,
       ...a
-    })), s = k(() => `forge-multiselect-${l.severity}`), T = k(() => `multiselect__option ${p.value ? " multiselect__option--highlight" : ""} ${C.value ? " multiselect__option--selected" : ""}`), C = k(() => y.value && !(y.value.multiple || !l.showSelectAll || y.value.async) ? !1 : a.modelValue.length === a.options.length), P = k(() => d.value.length > 0), M = k(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (y.value.multiple ? a.modelValue.length > 0 : a.modelValue))), z = () => p.value = !0, b = () => p.value = !1, x = () => {
-      r.value = y.value.multiple ? [] : null, n("update:modelValue", r.value);
+    })), i = k(() => `forge-multiselect-${l.severity}`), T = k(() => `multiselect__option ${m.value ? " multiselect__option--highlight" : ""} ${C.value ? " multiselect__option--selected" : ""}`), C = k(() => y.value && !(y.value.multiple || !l.showSelectAll || y.value.async) ? !1 : a.modelValue.length === a.options.length), P = k(() => d.value.length > 0), I = k(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (y.value.multiple ? a.modelValue.length > 0 : a.modelValue))), z = () => m.value = !0, g = () => m.value = !1, x = () => {
+      s.value = y.value.multiple ? [] : null, n("update:modelValue", s.value);
     }, G = (N) => {
       n("update:modelValue", l.selectValue ? N.map((D) => D[l.selectValue]) : N);
     }, Z = (N) => a.modelValue !== null ? a.modelValue.some((D) => y.value.selectValue ? N[l.selectValue] === D : N.id === D.id && N.label === D.label) : !1, oe = () => {
-      C.value ? x() : (r.value = [...a.options], n("update:modelValue", [...a.options]));
+      C.value ? x() : (s.value = [...a.options], n("update:modelValue", [...a.options]));
     };
-    return (N, D) => (i(), v(L, null, [
-      f(m(Fe), _(y.value, {
-        class: [s.value, P.value ? "is-invalid" : ""],
+    return (N, D) => (r(), v(R, null, [
+      f(p(Fe), _(y.value, {
+        class: [i.value, P.value ? "is-invalid" : ""],
         "data-cy": "multiselect",
         "onUpdate:modelValue": [
           G,
-          D[1] || (D[1] = (U) => se(r) ? r.value = U : null)
+          D[1] || (D[1] = (U) => se(s) ? s.value = U : null)
         ],
-        modelValue: m(r)
+        modelValue: p(s)
       }), te({
-        caret: g(({ toggle: U }) => [
-          c("div", Ft, [
-            M.value ? (i(), w(m(V), {
+        caret: b(({ toggle: U }) => [
+          c("div", _t, [
+            I.value ? (r(), w(p(V), {
               key: 0,
               icon: "bi:x",
               class: "my-auto text-black multiselect__clear",
@@ -1547,38 +1550,38 @@ const vt = { key: 0 }, bt = {
               height: "18px",
               width: "18px"
             })) : S("", !0),
-            f(m(V), {
+            f(p(V), {
               icon: "bi:chevron-down",
               onClick: U,
               class: "multiselect__arrow"
             }, null, 8, ["onClick"])
           ])
         ]),
-        tag: g(({ option: U, remove: W }) => [
-          c("div", Tt, [
-            c("div", Pt, h(U.label), 1),
-            f(m(V), {
+        tag: b(({ option: U, remove: W }) => [
+          c("div", Pt, [
+            c("div", Mt, h(U.label), 1),
+            f(p(V), {
               icon: "bi:x",
               class: "my-auto multiselect__tag-icon",
-              onMousedown: q((Al) => o(W, U), ["prevent", "stop"]),
+              onMousedown: q((El) => o(W, U), ["prevent", "stop"]),
               height: "18px",
               width: "18px"
             }, null, 8, ["onMousedown"])
           ])
         ]),
-        default: g(() => [
-          (i(!0), v(L, null, Y(N.$slots, (U, W) => $(N.$slots, W, { slot: W })), 256))
+        default: b(() => [
+          (r(!0), v(R, null, Y(N.$slots, (U, W) => $(N.$slots, W, { slot: W })), 256))
         ]),
         _: 2
       }, [
         y.value.multiple && N.showSelectAll && !y.value.async ? {
           name: "beforeList",
-          fn: g(() => [
+          fn: b(() => [
             c("li", {
               class: "multiselect__element",
               onClick: oe,
               onMouseover: z,
-              onMouseleave: b,
+              onMouseleave: g,
               "data-cy": "toggle-all"
             }, [
               c("div", {
@@ -1589,7 +1592,7 @@ const vt = { key: 0 }, bt = {
                   name: "selected",
                   type: "checkbox",
                   class: "form-check-input px-2 py-2 rounded ms-2 cursor-pointer"
-                }, null, 8, _t),
+                }, null, 8, St),
                 D[2] || (D[2] = c("div", { class: "my-auto ms-1" }, "Toggle all", -1))
               ], 2)
             ], 32)
@@ -1598,7 +1601,7 @@ const vt = { key: 0 }, bt = {
         } : void 0,
         y.value.multiple ? {
           name: "option",
-          fn: g(({ option: U }) => [
+          fn: b(({ option: U }) => [
             c("div", {
               class: "d-flex py-1",
               "data-cy": U.label
@@ -1608,9 +1611,9 @@ const vt = { key: 0 }, bt = {
                 name: "selected",
                 type: "checkbox",
                 class: "form-check-input px-2 py-2 rounded ms-2 cursor-pointer"
-              }, null, 8, Vt),
-              c("div", Ct, h(U[y.value.label]), 1)
-            ], 8, St)
+              }, null, 8, Ct),
+              c("div", Tt, h(U[y.value.label]), 1)
+            ], 8, Vt)
           ]),
           key: "1"
         } : void 0
@@ -1618,22 +1621,22 @@ const vt = { key: 0 }, bt = {
       j(c("small", {
         "data-cy": "error",
         class: "invalid-feedback"
-      }, h(m(u)), 513), [
+      }, h(p(u)), 513), [
         [H, P.value]
       ])
     ], 64));
   }
-}), Mt = {
+}), It = {
   key: 0,
   class: "pl-1"
-}, It = { class: "border alternating-item-list" }, zt = {
+}, zt = { class: "border alternating-item-list" }, Ot = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Ot = { class: "d-inline-block" }, Dt = {
+}, Dt = { class: "d-inline-block" }, Ut = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, ga = /* @__PURE__ */ F({
+}, xa = /* @__PURE__ */ F({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ E({
     title: { default: "Selected Items" },
@@ -1652,8 +1655,8 @@ const vt = { key: 0 }, bt = {
       l.value = l.value.filter((n) => n.id !== a);
     };
     return (a, n) => {
-      const d = R;
-      return i(), v("div", {
+      const d = L;
+      return r(), v("div", {
         class: B(a.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
@@ -1663,18 +1666,18 @@ const vt = { key: 0 }, bt = {
         }, [
           f(pe, _({
             modelValue: l.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => l.value = r),
+            "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
             "limit-text": () => `${l.value.length} selected`,
             options: t.options
           }, { ...a.$attrs }), {
-            tag: g(() => n[1] || (n[1] = [
+            tag: b(() => n[1] || (n[1] = [
               O(h(""))
             ])),
-            selection: g(() => [
-              l.value.length > 0 ? (i(), v("span", Mt, h(l.value.length) + " items selected", 1)) : S("", !0)
+            selection: b(() => [
+              l.value.length > 0 ? (r(), v("span", It, h(l.value.length) + " items selected", 1)) : S("", !0)
             ]),
-            default: g(() => [
-              (i(!0), v(L, null, Y(a.$slots, (r, u) => $(a.$slots, u, { slot: u })), 256))
+            default: b(() => [
+              (r(!0), v(R, null, Y(a.$slots, (s, u) => $(a.$slots, u, { slot: u })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "limit-text", "options"]),
@@ -1688,59 +1691,59 @@ const vt = { key: 0 }, bt = {
             style: ge({ height: a.height }),
             class: "overflow-auto"
           }, [
-            c("div", It, [
-              a.title ? (i(), v("div", zt, h(a.title), 1)) : S("", !0),
-              (i(!0), v(L, null, Y(l.value, (r) => (i(), v("div", {
-                key: r.id,
+            c("div", zt, [
+              a.title ? (r(), v("div", Ot, h(a.title), 1)) : S("", !0),
+              (r(!0), v(R, null, Y(l.value, (s) => (r(), v("div", {
+                key: s.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                $(a.$slots, "list-item", { item: r }, () => [
-                  c("span", Ot, h(r.shortLabel ? r.shortLabel : r.label), 1)
+                $(a.$slots, "list-item", { item: s }, () => [
+                  c("span", Dt, h(s.shortLabel ? s.shortLabel : s.label), 1)
                 ]),
-                a.canRemoveItemFromPreview ? (i(), w(d, {
+                a.canRemoveItemFromPreview ? (r(), w(d, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (u) => o(r.id)
+                  onClick: (u) => o(s.id)
                 }, {
-                  default: g(() => [
-                    f(m(V), {
+                  default: b(() => [
+                    f(p(V), {
                       icon: "bi:x",
                       class: "close-icon",
-                      "data-cy": `close-icon-${r.id}`
+                      "data-cy": `close-icon-${s.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
                 }, 1032, ["onClick"])) : S("", !0)
               ]))), 128)),
-              l.value.length === 0 ? (i(), v("div", Dt, h(t.optionsPreviewEmptyText), 1)) : S("", !0)
+              l.value.length === 0 ? (r(), v("div", Ut, h(t.optionsPreviewEmptyText), 1)) : S("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), Ut = { class: "d-flex justify-content-between pb-2" }, At = {
+}), At = { class: "d-flex justify-content-between pb-2" }, Nt = {
   "data-cy": "title",
   class: "my-auto"
-}, Nt = {
+}, Et = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, ha = /* @__PURE__ */ F({
+}, ka = /* @__PURE__ */ F({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (l, o) => (i(), v("div", Ut, [
-      c("h3", At, h(t.title), 1),
-      c("div", Nt, [
+    return (l, o) => (r(), v("div", At, [
+      c("h3", Nt, h(t.title), 1),
+      c("div", Et, [
         $(l.$slots, "default")
       ])
     ]));
   }
-}), Et = { class: "d-flex" }, Lt = { "data-cy": "before-slot" }, Rt = { class: "position-relative w-100" }, jt = { "data-cy": "after-slot" }, ye = /* @__PURE__ */ F({
+}), Lt = { class: "d-flex" }, Rt = { "data-cy": "before-slot" }, jt = { class: "position-relative w-100" }, Ht = { "data-cy": "after-slot" }, ye = /* @__PURE__ */ F({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ E({
     severity: { default: "primary" },
@@ -1813,37 +1816,37 @@ const vt = { key: 0 }, bt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = A(e, "modelValue"), { errors: o, errorMessage: a, handleChange: n, handleBlur: d, setValue: r } = K(() => t.name, void 0, {
+    const t = e, l = A(e, "modelValue"), { errors: o, errorMessage: a, handleChange: n, handleBlur: d, setValue: s } = K(() => t.name, void 0, {
       initialValue: l.value
     }), u = () => {
-      r(null), l.value = null;
-    }, p = k(() => o.value.length > 0), y = k(() => ({
-      day: ({ context: s }) => ({
+      s(null), l.value = null;
+    }, m = k(() => o.value.length > 0), y = k(() => ({
+      day: ({ context: i }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
           {
-            "cursor-pointer": !s.disabled,
-            "pe-none": s.disabled,
-            "text-white": s.selected
+            "cursor-pointer": !i.disabled,
+            "pe-none": i.disabled,
+            "text-white": i.selected
           },
           // Severities
           {
-            selected: s.selected && !s.disabled,
-            "text-primary": !s.selected && s.today && (t.severity === void 0 || t.severity === "primary"),
-            "text-brand": !s.selected && s.today && t.severity === "brand",
-            "text-secondary": !s.selected && s.today && t.severity === "secondary",
-            "text-success": !s.selected && s.today && t.severity === "success",
-            "text-warning": !s.selected && s.today && t.severity === "warning",
-            "text-danger": !s.selected && s.today && t.severity === "danger",
-            "text-info": !s.selected && s.today && t.severity === "info"
+            selected: i.selected && !i.disabled,
+            "text-primary": !i.selected && i.today && (t.severity === void 0 || t.severity === "primary"),
+            "text-brand": !i.selected && i.today && t.severity === "brand",
+            "text-secondary": !i.selected && i.today && t.severity === "secondary",
+            "text-success": !i.selected && i.today && t.severity === "success",
+            "text-warning": !i.selected && i.today && t.severity === "warning",
+            "text-danger": !i.selected && i.today && t.severity === "danger",
+            "text-info": !i.selected && i.today && t.severity === "info"
           }
         ]
       }),
-      dayLabel: ({ context: s }) => ({
+      dayLabel: ({ context: i }) => ({
         class: [
           // Disabled States
           {
-            "text-muted": s.disabled
+            "text-muted": i.disabled
           }
         ]
       }),
@@ -1879,61 +1882,61 @@ const vt = { key: 0 }, bt = {
           ]
         })
       },
-      year: ({ context: s }) => ({
+      year: ({ context: i }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-brand": t.severity === "brand" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-secondary": t.severity === "secondary" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-success": t.severity === "success" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-warning": t.severity === "warning" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-danger": t.severity === "danger" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-info": t.severity === "info" && s.year.value === (/* @__PURE__ */ new Date()).getFullYear()
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && i.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-brand": t.severity === "brand" && i.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-secondary": t.severity === "secondary" && i.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success": t.severity === "success" && i.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-warning": t.severity === "warning" && i.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-danger": t.severity === "danger" && i.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-info": t.severity === "info" && i.year.value === (/* @__PURE__ */ new Date()).getFullYear()
           }
         ]
       }),
-      month: ({ context: s }) => ({
+      month: ({ context: i }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-brand": t.severity === "brand" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-secondary": t.severity === "secondary" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-success": t.severity === "success" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-warning": t.severity === "warning" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-danger": t.severity === "danger" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-info": t.severity === "info" && s.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && i.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-brand": t.severity === "brand" && i.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-secondary": t.severity === "secondary" && i.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success": t.severity === "success" && i.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-warning": t.severity === "warning" && i.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-danger": t.severity === "danger" && i.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-info": t.severity === "info" && i.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
           }
         ]
       })
     }));
-    return (s, T) => {
+    return (i, T) => {
       const C = _e;
-      return i(), v(L, null, [
-        c("div", Et, [
-          c("span", Lt, [
-            $(s.$slots, "before")
+      return r(), v(R, null, [
+        c("div", Lt, [
+          c("span", Rt, [
+            $(i.$slots, "before")
           ]),
-          c("div", Rt, [
-            f(C, _({ ...t, ...s.$attrs }, {
+          c("div", jt, [
+            f(C, _({ ...t, ...i.$attrs }, {
               pt: y.value,
               modelValue: l.value,
               "onUpdate:modelValue": [
                 T[0] || (T[0] = (P) => l.value = P),
-                m(n)
+                p(n)
               ],
-              onBlur: m(d),
-              "input-class": { "is-invalid": p.value }
+              onBlur: p(d),
+              "input-class": { "datepicker-invalid": m.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "onBlur", "input-class"]),
-            j(f(m(V), {
+            j(f(p(V), {
               "data-cy": "icon",
               icon: "bi:calendar4",
-              class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${p.value ? "text-danger-dark" : "text-muted"}`])
+              class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${m.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [H, t.showIcon]
             ]),
-            j(f(m(V), {
+            j(f(p(V), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: u,
@@ -1942,20 +1945,20 @@ const vt = { key: 0 }, bt = {
               [H, t.modelValue]
             ])
           ]),
-          c("span", jt, [
-            $(s.$slots, "after")
+          c("span", Ht, [
+            $(i.$slots, "after")
           ])
         ]),
         j(c("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(m(a)), 513), [
-          [H, p.value]
+        }, h(p(a)), 513), [
+          [H, m.value]
         ])
       ], 64);
     };
   }
-}), wa = /* @__PURE__ */ F({
+}), $a = /* @__PURE__ */ F({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -1963,11 +1966,11 @@ const vt = { key: 0 }, bt = {
   },
   setup(e) {
     const t = e, l = k(() => t.maxCount - t.currentCount);
-    return (o, a) => (i(), v("div", {
+    return (o, a) => (r(), v("div", {
       class: B(l.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + h(l.value), 3));
   }
-}), Ht = { class: "d-flex justify-content-between" }, xa = /* @__PURE__ */ F({
+}), qt = { class: "d-flex justify-content-between" }, Ba = /* @__PURE__ */ F({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1979,7 +1982,7 @@ const vt = { key: 0 }, bt = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = I(!1), o = I({
+    const t = e, l = M(!1), o = M({
       hasError: !1,
       message: ""
     });
@@ -1993,13 +1996,13 @@ const vt = { key: 0 }, bt = {
       l.value = !1;
     }
     return (n, d) => {
-      const r = R;
-      return i(), v("form", _(n.$attrs, {
+      const s = L;
+      return r(), v("form", _(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: q(a, ["prevent"])
       }), [
-        n.hideTitle ? S("", !0) : (i(), v(L, { key: 0 }, [
+        n.hideTitle ? S("", !0) : (r(), v(R, { key: 0 }, [
           $(n.$slots, "title", {}, () => [
             c("h3", {
               class: B(n.titleClass),
@@ -2008,12 +2011,12 @@ const vt = { key: 0 }, bt = {
           ]),
           d[1] || (d[1] = c("hr", null, null, -1))
         ], 64)),
-        o.value.hasError ? (i(), w(ae, {
+        o.value.hasError ? (r(), w(ae, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: g(() => [
+          default: b(() => [
             $(n.$slots, "error", {
               error: o.value.message
             }, () => [
@@ -2023,9 +2026,9 @@ const vt = { key: 0 }, bt = {
           _: 3
         })) : S("", !0),
         $(n.$slots, "default"),
-        c("div", Ht, [
+        c("div", qt, [
           $(n.$slots, "cancel", {}, () => [
-            n.hideCancel ? S("", !0) : (i(), w(r, {
+            n.hideCancel ? S("", !0) : (r(), w(s, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
@@ -2033,37 +2036,37 @@ const vt = { key: 0 }, bt = {
               outlined: "",
               onClick: d[0] || (d[0] = (u) => n.$emit("cancel"))
             }, {
-              default: g(() => [
+              default: b(() => [
                 O(h(n.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
           $(n.$slots, "submit", { submit: a }, () => [
-            f(r, {
+            f(s, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: g(() => [
+              default: b(() => [
                 O(h(n.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        l.value ? (i(), w(me, {
+        l.value ? (r(), w(me, {
           key: 2,
           "data-cy": "loading-spinner"
         })) : S("", !0)
       ], 16);
     };
   }
-}), qt = {
+}), Yt = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, Yt = ["for"], ka = /* @__PURE__ */ F({
+}, Gt = ["for"], Fa = /* @__PURE__ */ F({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ E({
     name: {},
@@ -2079,23 +2082,23 @@ const vt = { key: 0 }, bt = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = A(e, "modelValue"), l = e, o = (y) => {
-      l.type == "number" ? r(y.value) : r(y);
-    }, { errors: a, value: n, errorMessage: d, handleChange: r, handleBlur: u } = K(() => l.name, void 0, {
+      l.type == "number" ? s(y.value) : s(y);
+    }, { errors: a, value: n, errorMessage: d, handleChange: s, handleBlur: u } = K(() => l.name, void 0, {
       initialValue: t.value
-    }), p = k(() => a.value.length > 0);
+    }), m = k(() => a.value.length > 0);
     return de(() => n.value, (y) => {
       t.value = y;
-    }, { immediate: !0 }), (y, s) => {
-      const T = Ve, C = Se, P = ie, M = le, z = pe, b = ye;
-      return l.type === "checkbox" ? (i(), w(ct, _({
+    }, { immediate: !0 }), (y, i) => {
+      const T = Ve, C = Se, P = ie, I = le, z = pe, g = ye;
+      return l.type === "checkbox" ? (r(), w(mt, _({
         key: 0,
         id: l.name,
         label: l.fieldLabel
       }, y.$attrs, {
         name: l.name,
         modelValue: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (x) => t.value = x)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (i(), v("div", qt, [
+        "onUpdate:modelValue": i[0] || (i[0] = (x) => t.value = x)
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), v("div", Yt, [
         c("div", {
           "data-cy": "input-wrapper",
           class: B(["d-flex", l.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
@@ -2103,72 +2106,72 @@ const vt = { key: 0 }, bt = {
           c("label", {
             for: l.name,
             class: B(l.fieldLabelPosition === "top" ? "mb-1" : "me-2")
-          }, h(l.fieldLabel), 11, Yt),
-          l.type === "number" ? (i(), w(m(ue), _({
+          }, h(l.fieldLabel), 11, Gt),
+          l.type === "number" ? (r(), w(p(ue), _({
             key: 0,
             id: l.name
           }, y.$attrs, {
             placeholder: l.placeholder,
-            "input-class": { "is-invalid": p.value },
-            class: { "is-invalid": p.value },
+            "input-class": { "is-invalid": m.value },
+            class: { "is-invalid": m.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (x) => t.value = x),
+            "onUpdate:modelValue": i[1] || (i[1] = (x) => t.value = x),
             onInput: o
-          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : l.type === "textarea" ? (i(), w(T, _({
+          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : l.type === "textarea" ? (r(), w(T, _({
             key: 1,
             id: l.name
           }, y.$attrs, {
             placeholder: l.placeholder,
-            class: { "is-invalid": p.value },
+            class: { "is-invalid": m.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (x) => t.value = x),
+            "onUpdate:modelValue": i[2] || (i[2] = (x) => t.value = x),
             onInput: o,
-            onBlur: m(u)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (i(), w(C, _({
+            onBlur: p(u)
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (r(), w(C, _({
             key: 2,
             id: l.name
           }, y.$attrs, {
             placeholder: l.placeholder,
             mask: l.mask,
-            class: { "is-invalid": p.value },
+            class: { "is-invalid": m.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[3] || (s[3] = (x) => t.value = x),
+            "onUpdate:modelValue": i[3] || (i[3] = (x) => t.value = x),
             onComplete: o,
-            onBlur: m(u)
-          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : l.type === "text" ? (i(), w(P, _({
+            onBlur: p(u)
+          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : l.type === "text" ? (r(), w(P, _({
             key: 3,
             id: l.name
           }, y.$attrs, {
             placeholder: l.placeholder,
-            class: { "is-invalid": p.value },
+            class: { "is-invalid": m.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[4] || (s[4] = (x) => t.value = x),
+            "onUpdate:modelValue": i[4] || (i[4] = (x) => t.value = x),
             onInput: o,
-            onBlur: m(u)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "select" ? (i(), w(M, _({ key: 4 }, { ...l, ...y.$attrs }, {
+            onBlur: p(u)
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "select" ? (r(), w(I, _({ key: 4 }, { ...l, ...y.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[5] || (s[5] = (x) => t.value = x),
-            class: { "is-invalid": p.value }
-          }), null, 16, ["modelValue", "class"])) : l.type === "multiselect" ? (i(), w(z, _({ key: 5 }, { ...l, ...y.$attrs }, {
+            "onUpdate:modelValue": i[5] || (i[5] = (x) => t.value = x),
+            class: { "is-invalid": m.value }
+          }), null, 16, ["modelValue", "class"])) : l.type === "multiselect" ? (r(), w(z, _({ key: 5 }, { ...l, ...y.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[6] || (s[6] = (x) => t.value = x),
-            class: { "is-invalid": p.value }
-          }), null, 16, ["modelValue", "class"])) : l.type === "datepicker" ? (i(), w(b, _({ key: 6 }, { ...l, ...y.$attrs }, {
+            "onUpdate:modelValue": i[6] || (i[6] = (x) => t.value = x),
+            class: { "is-invalid": m.value }
+          }), null, 16, ["modelValue", "class"])) : l.type === "datepicker" ? (r(), w(g, _({ key: 6 }, { ...l, ...y.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[7] || (s[7] = (x) => t.value = x),
-            class: { "is-invalid": p.value }
+            "onUpdate:modelValue": i[7] || (i[7] = (x) => t.value = x),
+            class: { "is-invalid": m.value }
           }), null, 16, ["modelValue", "class"])) : S("", !0)
         ], 2),
         j(c("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, h(m(d)), 513), [
-          [H, p.value && l.type !== "multiselect" && l.type !== "datepicker"]
+        }, h(p(d)), 513), [
+          [H, m.value && l.type !== "multiselect" && l.type !== "datepicker"]
         ])
       ]));
     };
   }
-}), $a = /* @__PURE__ */ F({
+}), _a = /* @__PURE__ */ F({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -2200,11 +2203,11 @@ const vt = { key: 0 }, bt = {
     }), n = k(() => l.value.length > 0), d = k(() => ({
       inputtoken: "list-unstyled",
       input: "border-0",
-      container: ({ props: r }) => ({
+      container: ({ props: s }) => ({
         class: [
           "form-control mb-0 d-flex",
           {
-            disabled: r.disabled,
+            disabled: s.disabled,
             "is-invalid": n.value
           }
         ]
@@ -2228,16 +2231,16 @@ const vt = { key: 0 }, bt = {
         ]
       }
     }));
-    return (r, u) => {
-      const p = Ce;
-      return i(), v(L, null, [
-        f(p, _({ ...t, ...r.$attrs }, {
+    return (s, u) => {
+      const m = Ce;
+      return r(), v(R, null, [
+        f(m, _({ ...t, ...s.$attrs }, {
           pt: d.value,
-          "model-value": m(o),
+          "model-value": p(o),
           "onUpdate:modelValue": u[0] || (u[0] = (y) => se(o) ? o.value = y : null)
         }), {
-          removetokenicon: g(({ removeCallback: y }) => [
-            j(f(m(V), {
+          removetokenicon: b(({ removeCallback: y }) => [
+            j(f(p(V), {
               icon: "bi:x",
               class: "cursor-pointer",
               onClick: y
@@ -2250,13 +2253,13 @@ const vt = { key: 0 }, bt = {
         j(c("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(m(a)), 513), [
+        }, h(p(a)), 513), [
           [H, n.value]
         ])
       ], 64);
     };
   }
-}), Gt = /* @__PURE__ */ F({
+}), Kt = /* @__PURE__ */ F({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2298,17 +2301,17 @@ const vt = { key: 0 }, bt = {
         class: [a.value, l.value, o.value]
       }
     }));
-    return (d, r) => {
+    return (d, s) => {
       const u = Te;
-      return i(), w(u, _({ ...d.$attrs, ...t }, { pt: n.value }), {
-        default: g(() => [
+      return r(), w(u, _({ ...d.$attrs, ...t }, { pt: n.value }), {
+        default: b(() => [
           $(d.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), Kt = { class: "value text-white w-100 text-center" }, Ba = /* @__PURE__ */ F({
+}), Wt = { class: "value text-white w-100 text-center" }, Sa = /* @__PURE__ */ F({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2316,18 +2319,18 @@ const vt = { key: 0 }, bt = {
   },
   setup(e) {
     const t = e;
-    return (l, o) => (i(), v("div", _(l.$attrs, {
+    return (l, o) => (r(), v("div", _(l.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      c("span", Kt, [
+      c("span", Wt, [
         $(l.$slots, "default")
       ])
     ], 16));
   }
-}), Wt = {
+}), Zt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, Zt = { class: "d-flex align-items-center justify-content-center w-100" }, Fa = /* @__PURE__ */ F({
+}, Jt = { class: "d-flex align-items-center justify-content-center w-100" }, Va = /* @__PURE__ */ F({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2343,7 +2346,7 @@ const vt = { key: 0 }, bt = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const l = t, o = e, a = I(o.currentStep), n = () => {
+    const l = t, o = e, a = M(o.currentStep), n = () => {
       do
         a.value--;
       while (o.model[a.value].disabled);
@@ -2354,58 +2357,58 @@ const vt = { key: 0 }, bt = {
           a.value++;
         while (o.model[a.value].disabled);
       l("update:currentStep", a.value);
-    }, r = k(() => {
-      const p = o.model.findIndex((y) => !y.disabled);
-      return !(p < a.value && p > -1);
+    }, s = k(() => {
+      const m = o.model.findIndex((y) => !y.disabled);
+      return !(m < a.value && m > -1);
     }), u = k(() => ({
-      menuitem: (p) => ({
+      menuitem: (m) => ({
         class: [{
-          "cursor-pointer": !p.context.disabled
+          "cursor-pointer": !m.context.disabled
         }]
       }),
-      step: (p) => ({
+      step: (m) => ({
         class: [
           "d-flex align-items-center justify-content-center mb-2 step",
           {
-            inactive: p.context.disabled,
-            "bg-primary text-white": p.context.index === a.value && (o.severity === void 0 || o.severity === "primary"),
-            "bg-brand text-white": p.context.index === a.value && o.severity === "brand",
-            "bg-secondary text-white": p.context.index === a.value && o.severity === "secondary",
-            "bg-success text-white": p.context.index === a.value && o.severity === "success",
-            "bg-warning text-white": p.context.index === a.value && o.severity === "warning",
-            "bg-danger text-white": p.context.index === a.value && o.severity === "danger",
-            "bg-info text-white": p.context.index === a.value && o.severity === "info"
+            inactive: m.context.disabled,
+            "bg-primary text-white": m.context.index === a.value && (o.severity === void 0 || o.severity === "primary"),
+            "bg-brand text-white": m.context.index === a.value && o.severity === "brand",
+            "bg-secondary text-white": m.context.index === a.value && o.severity === "secondary",
+            "bg-success text-white": m.context.index === a.value && o.severity === "success",
+            "bg-warning text-white": m.context.index === a.value && o.severity === "warning",
+            "bg-danger text-white": m.context.index === a.value && o.severity === "danger",
+            "bg-info text-white": m.context.index === a.value && o.severity === "info"
           }
         ]
       }),
-      label: (p) => ({
+      label: (m) => ({
         class: [
           "h5",
           {
-            "border-bottom border-2 border-primary": p.context.index === a.value && (o.severity === void 0 || o.severity === "primary"),
-            "border-bottom border-2 border-brand": p.context.index === a.value && o.severity === "brand",
-            "border-bottom border-2 border-secondary": p.context.index === a.value && o.severity === "secondary",
-            "border-bottom border-2 border-success": p.context.index === a.value && o.severity === "success",
-            "border-bottom border-2 border-warning": p.context.index === a.value && o.severity === "warning",
-            "border-bottom border-2 border-danger": p.context.index === a.value && o.severity === "danger",
-            "border-bottom border-2 border-info": p.context.index === a.value && o.severity === "info"
+            "border-bottom border-2 border-primary": m.context.index === a.value && (o.severity === void 0 || o.severity === "primary"),
+            "border-bottom border-2 border-brand": m.context.index === a.value && o.severity === "brand",
+            "border-bottom border-2 border-secondary": m.context.index === a.value && o.severity === "secondary",
+            "border-bottom border-2 border-success": m.context.index === a.value && o.severity === "success",
+            "border-bottom border-2 border-warning": m.context.index === a.value && o.severity === "warning",
+            "border-bottom border-2 border-danger": m.context.index === a.value && o.severity === "danger",
+            "border-bottom border-2 border-info": m.context.index === a.value && o.severity === "info"
           }
         ]
       })
     }));
-    return (p, y) => {
-      const s = R, T = Me, C = Pe;
-      return i(), v("div", Wt, [
-        c("div", Zt, [
-          f(s, {
+    return (m, y) => {
+      const i = L, T = Me, C = Pe;
+      return r(), v("div", Zt, [
+        c("div", Jt, [
+          f(i, {
             severity: o.severity,
-            disabled: r.value,
+            disabled: s.value,
             onClick: n,
             class: "rounded-circle py-2 me-4",
             "data-cy": "back-button"
           }, {
-            default: g(() => [
-              f(m(V), {
+            default: b(() => [
+              f(p(V), {
                 icon: "bi:chevron-left",
                 class: "mb-1"
               })
@@ -2421,11 +2424,11 @@ const vt = { key: 0 }, bt = {
           }, null, 8, ["active-step", "model", "pt"])
         ]),
         f(C, { class: "m-4" }),
-        (i(!0), v(L, null, Y(o.model, (P, M) => (i(), v("div", {
-          key: M,
+        (r(!0), v(R, null, Y(o.model, (P, I) => (r(), v("div", {
+          key: I,
           class: "w-100"
         }, [
-          M === a.value ? $(p.$slots, P.key ?? P.label, {
+          I === a.value ? $(m.$slots, P.key ?? P.label, {
             key: 0,
             nextStep: d,
             previousStep: n
@@ -2434,9 +2437,9 @@ const vt = { key: 0 }, bt = {
               severity: "info",
               "data-cy": "alert"
             }, {
-              default: g(() => [
+              default: b(() => [
                 O(" Please add Slot Content for the key " + h(P.key ?? P.label) + " ", 1),
-                f(s, {
+                f(i, {
                   severity: "primary",
                   label: "Next",
                   onClick: d,
@@ -2450,7 +2453,7 @@ const vt = { key: 0 }, bt = {
       ]);
     };
   }
-}), Jt = { class: "p-4 text-wrap w-100" }, Xt = { class: "p-4 text-wrap w-100" }, _a = /* @__PURE__ */ F({
+}), Xt = { class: "p-4 text-wrap w-100" }, Qt = { class: "p-4 text-wrap w-100" }, Ca = /* @__PURE__ */ F({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2461,28 +2464,28 @@ const vt = { key: 0 }, bt = {
   setup(e) {
     const t = e, l = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), o = k(() => `${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 (a, n) => {
-      const d = R;
-      return t.clickable ? (i(), w(d, {
+      const d = L;
+      return t.clickable ? (r(), w(d, {
         key: 0,
         class: B(["d-flex w-100 p-0 text-body", l.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: g(() => [
-          c("div", Jt, [
+        default: b(() => [
+          c("div", Xt, [
             $(a.$slots, "default", {}, () => [
               n[0] || (n[0] = O("Tile Content"))
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (i(), v("div", {
+      }, 8, ["severity", "class"])) : (r(), v("div", {
         key: 1,
         class: B(["d-flex w-100", o.value]),
         "data-cy": "tile"
       }, [
-        c("div", Xt, [
+        c("div", Qt, [
           $(a.$slots, "default", {}, () => [
             n[1] || (n[1] = O("Tile Content"))
           ])
@@ -2494,13 +2497,13 @@ const vt = { key: 0 }, bt = {
 function X(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const Qt = {
+const el = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, el = { class: "ms-2" }, tl = { key: 0 }, ll = {
+}, tl = { class: "ms-2" }, ll = { key: 0 }, al = {
   class: "w-auto",
   "data-cy": "total"
-}, al = /* @__PURE__ */ F({
+}, ol = /* @__PURE__ */ F({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2515,25 +2518,26 @@ const Qt = {
       const d = Math.ceil(o.total / o.perPage);
       return `${d} ${X(d, "page")}`;
     });
-    return (d, r) => (i(), v("div", Qt, [
-      r[2] || (r[2] = O(" Number of results per page ")),
-      c("div", el, [
-        f(m(le), {
+    return (d, s) => (r(), v("div", el, [
+      s[2] || (s[2] = O(" Number of results per page ")),
+      c("div", tl, [
+        f(p(le), {
           options: o.pageSizes,
           "model-value": o.perPage,
-          onChange: r[0] || (r[0] = (u) => a(u))
+          class: "page-size",
+          onChange: s[0] || (s[0] = (u) => a(u))
         }, null, 8, ["options", "model-value"])
       ]),
-      o.total ? (i(), v("div", tl, [
-        r[1] || (r[1] = c("span", { class: "mx-2" }, "|", -1)),
-        c("span", ll, h(o.total) + " " + h(m(X)(o.total, "result")) + " across " + h(n.value), 1)
+      o.total ? (r(), v("div", ll, [
+        s[1] || (s[1] = c("span", { class: "mx-2" }, "|", -1)),
+        c("span", al, h(o.total) + " " + h(p(X)(o.total, "result")) + " across " + h(n.value), 1)
       ])) : S("", !0)
     ]));
   }
-}), ol = { class: "position-relative" }, nl = { "data-cy": "above-table-slot" }, sl = { class: "d-flex w-100" }, il = {
+}), nl = { class: "position-relative" }, sl = { "data-cy": "above-table-slot" }, il = { class: "d-flex w-100" }, rl = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, rl = { class: "d-flex" }, dl = { class: "d-flex align-items-end mb-2" }, ul = { key: 0 }, cl = { class: "ms-auto" }, Sa = /* @__PURE__ */ F({
+}, dl = { class: "d-flex" }, ul = { class: "d-flex align-items-end mb-2" }, cl = { key: 0 }, ml = { class: "ms-auto" }, Ta = /* @__PURE__ */ F({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2615,16 +2619,16 @@ const Qt = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const l = t, o = e, a = I(), n = I([10, 20, 50, 100]), d = I(20), r = I({
+    const l = t, o = e, a = M(), n = M([10, 20, 50, 100]), d = M(20), s = M({
       filters: o.filters,
       perPage: d.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: o.totalRecords ?? o.value.length
-    }), u = k(() => o.totalRecords ?? o.value.length), p = k(() => {
-      const b = Math.ceil(u.value / d.value);
-      return `${b} ${X(b, "page")}`;
+    }), u = k(() => o.totalRecords ?? o.value.length), m = k(() => {
+      const g = Math.ceil(u.value / d.value);
+      return `${g} ${X(g, "page")}`;
     }), y = k(() => ({
       thead: () => ({
         class: [
@@ -2647,34 +2651,34 @@ const Qt = {
           }
         ]
       })
-    })), s = () => {
+    })), i = () => {
       if (o.clearAll)
         o.clearAll();
       else
-        for (const b in o.filters)
-          typeof o.filters[b] == "string" ? o.filters[b] = "" : o.filters[b].value = null;
+        for (const g in o.filters)
+          typeof o.filters[g] == "string" ? o.filters[g] = "" : o.filters[g].value = null;
       P(o.filters);
     }, T = () => {
       a.value.exportCSV();
-    }, C = (b) => {
+    }, C = (g) => {
       var x;
-      r.value.sortDirection = b.sortOrder === 1 ? "Asc" : b.sortOrder === -1 ? "Desc" : "None", r.value.sortField = ((x = b.sortField) == null ? void 0 : x.toString()) ?? "", l("update:tableContext", r.value), l("sort", b);
-    }, P = (b) => {
-      r.value.filters = b, l("update:tableContext", r.value), l("update:filters", b);
-    }, M = (b) => {
-      r.value.page = b.page, l("update:tableContext", r.value), l("page", b);
+      s.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((x = g.sortField) == null ? void 0 : x.toString()) ?? "", l("update:tableContext", s.value), l("sort", g);
+    }, P = (g) => {
+      s.value.filters = g, l("update:tableContext", s.value), l("update:filters", g);
+    }, I = (g) => {
+      s.value.page = g.page, l("update:tableContext", s.value), l("page", g);
     }, z = () => {
-      r.value.perPage = d.value, l("update:tableContext", r.value);
+      s.value.perPage = d.value, l("update:tableContext", s.value);
     };
-    return de(() => o.filters, (b) => {
-      r.value.filters = b, l("update:tableContext", r.value);
-    }, { deep: !0 }), ne(() => l("update:tableContext", r.value)), (b, x) => (i(), v("div", ol, [
-      c("span", nl, [
-        $(b.$slots, "above-table")
+    return de(() => o.filters, (g) => {
+      s.value.filters = g, l("update:tableContext", s.value);
+    }, { deep: !0 }), ne(() => l("update:tableContext", s.value)), (g, x) => (r(), v("div", nl, [
+      c("span", sl, [
+        $(g.$slots, "above-table")
       ]),
-      f(m(Ie), _({
+      f(p(Ie), _({
         class: ["w-100", `${o.severity ? `forge-table-${o.severity}` : ""}`]
-      }, { ...o, ...b.$attrs }, {
+      }, { ...o, ...g.$attrs }, {
         pt: y.value,
         rows: d.value,
         "total-records": u.value,
@@ -2684,21 +2688,21 @@ const Qt = {
         "data-cy": "table",
         "onUpdate:filters": P,
         onSort: C,
-        onPage: M
+        onPage: I
       }), te({
-        empty: g(() => [
-          c("div", sl, [
-            c("h5", il, h(b.emptyMessage ?? "No items Found."), 1)
+        empty: b(() => [
+          c("div", il, [
+            c("h5", rl, h(g.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
-        header: g(() => [
+        header: b(() => [
           c("div", {
             class: B(o.loading ? "opacity-50" : "")
           }, [
-            c("div", rl, [
-              c("div", dl, [
-                b.paginator && !b.legacyPaginationFooter ? (i(), v("span", ul, [
-                  f(al, {
+            c("div", dl, [
+              c("div", ul, [
+                g.paginator && !g.legacyPaginationFooter ? (r(), v("span", cl, [
+                  f(ol, {
                     total: u.value,
                     "page-sizes": n.value,
                     "per-page": d.value,
@@ -2709,16 +2713,16 @@ const Qt = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : S("", !0)
               ]),
-              c("div", cl, [
-                b.showClearButton ? (i(), w(m(R), {
+              c("div", ml, [
+                g.showClearButton ? (r(), w(p(L), {
                   key: 0,
                   outlined: "",
-                  class: B(b.showExporterButton ? "me-2" : ""),
-                  onClick: s,
+                  class: B(g.showExporterButton ? "me-2" : ""),
+                  onClick: i,
                   "data-cy": "clear-all"
                 }, {
-                  default: g(() => [
-                    f(m(V), {
+                  default: b(() => [
+                    f(p(V), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
@@ -2727,14 +2731,14 @@ const Qt = {
                   ]),
                   _: 1
                 }, 8, ["class"])) : S("", !0),
-                b.showExporterButton ? (i(), w(m(R), {
+                g.showExporterButton ? (r(), w(p(L), {
                   key: 1,
                   outlined: "",
                   onClick: T,
                   "data-cy": "exporter"
                 }, {
-                  default: g(() => [
-                    f(m(V), {
+                  default: b(() => [
+                    f(p(V), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
@@ -2747,26 +2751,26 @@ const Qt = {
             ])
           ], 2)
         ]),
-        default: g(() => [
-          $(b.$slots, "default")
+        default: b(() => [
+          $(g.$slots, "default")
         ]),
         _: 2
       }, [
-        Y(b.$slots, (G, Z) => ({
+        Y(g.$slots, (G, Z) => ({
           name: Z,
-          fn: g((oe) => [
-            $(b.$slots, Z, Q(ee(oe || {})))
+          fn: b((oe) => [
+            $(g.$slots, Z, Q(ee(oe || {})))
           ])
         })),
-        b.legacyPaginationFooter ? {
+        g.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: g(() => [
+          fn: b(() => [
             c("span", {
               class: B(["d-flex", o.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
               x[4] || (x[4] = c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              f(m(le), {
+              f(p(le), {
                 options: n.value,
                 modelValue: d.value,
                 "onUpdate:modelValue": x[1] || (x[1] = (G) => d.value = G),
@@ -2777,20 +2781,20 @@ const Qt = {
           ]),
           key: "0"
         } : void 0,
-        b.legacyPaginationFooter ? {
+        g.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: g(() => [
+          fn: b(() => [
             c("span", {
               "data-cy": "legacy-total",
               class: B(o.loading ? "opacity-50" : "")
-            }, h(u.value) + " " + h(m(X)(u.value, "result")) + " across " + h(p.value), 3)
+            }, h(u.value) + " " + h(p(X)(u.value, "result")) + " across " + h(m.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), ml = { class: "d-flex position-relative" }, pl = { class: "d-flex w-100" }, yl = { class: "d-flex w-100" }, Va = /* @__PURE__ */ F({
+}), pl = { class: "d-flex position-relative" }, yl = { class: "d-flex w-100" }, vl = { class: "d-flex w-100" }, Pa = /* @__PURE__ */ F({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ E({
     dataType: {},
@@ -2808,10 +2812,10 @@ const Qt = {
     const t = A(e, "modelValue"), l = (a, n) => {
       if (!a || Array.isArray(a) && a.length === 0)
         return n;
-      const d = (r) => {
-        var p;
-        const u = (p = e.dropdownOptions) == null ? void 0 : p.find(
-          (y) => e.optionValue ? y[e.optionValue] === r : Object.keys(y).every((s) => r.hasOwnProperty(s) && y[s] === r[s])
+      const d = (s) => {
+        var m;
+        const u = (m = e.dropdownOptions) == null ? void 0 : m.find(
+          (y) => e.optionValue ? y[e.optionValue] === s : Object.keys(y).every((i) => s.hasOwnProperty(i) && y[i] === s[i])
         );
         return e.optionLabel ? u[e.optionLabel] : u;
       };
@@ -2820,20 +2824,20 @@ const Qt = {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
     return (a, n) => {
-      const d = ue, r = R;
-      return i(), v("div", ml, [
-        a.dataType === "numeric" ? (i(), w(d, _({
+      const d = ue, s = L;
+      return r(), v("div", pl, [
+        a.dataType === "numeric" ? (r(), w(d, _({
           key: 0,
           modelValue: t.value,
           "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u)
-        }, a.$attrs), null, 16, ["modelValue"])) : a.dataType === "date" ? (i(), w(ye, _({
+        }, a.$attrs), null, 16, ["modelValue"])) : a.dataType === "date" ? (r(), w(ye, _({
           key: 1,
           modelValue: t.value,
           "onUpdate:modelValue": n[1] || (n[1] = (u) => t.value = u)
         }, a.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : a.dataType === "select" ? (i(), w(m(le), _({
+        }), null, 16, ["modelValue"])) : a.dataType === "select" ? (r(), w(p(le), _({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": n[2] || (n[2] = (u) => t.value = u)
@@ -2842,19 +2846,19 @@ const Qt = {
           "option-value": a.optionValue,
           "option-label": a.optionLabel
         }), {
-          value: g(({ value: u, placeholder: p }) => [
-            c("div", pl, [
+          value: b(({ value: u, placeholder: m }) => [
+            c("div", yl, [
               c("span", {
                 class: B({ "filter-placeholder": u === null })
-              }, h(l(u, p)), 3),
-              a.showClearButton && t.value !== null ? (i(), w(r, {
+              }, h(l(u, m)), 3),
+              a.showClearButton && t.value !== null ? (r(), w(s, {
                 key: 0,
                 onClick: q(o, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
-                default: g(() => [
-                  f(m(V), {
+                default: b(() => [
+                  f(p(V), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -2866,7 +2870,7 @@ const Qt = {
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : a.dataType === "multiselect" ? (i(), w(m(ze), _({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : a.dataType === "multiselect" ? (r(), w(p(ze), _({
           key: 3,
           modelValue: t.value,
           "onUpdate:modelValue": n[3] || (n[3] = (u) => t.value = u)
@@ -2877,19 +2881,19 @@ const Qt = {
           "option-value": a.optionValue,
           filter: ""
         }), {
-          value: g(({ value: u, placeholder: p }) => [
-            c("div", yl, [
+          value: b(({ value: u, placeholder: m }) => [
+            c("div", vl, [
               c("span", {
                 class: B({ "filter-placeholder": (u == null ? void 0 : u.length) === 0 || u === null })
-              }, h(l(u, p)), 3),
-              a.showClearButton && (u == null ? void 0 : u.length) > 0 ? (i(), w(r, {
+              }, h(l(u, m)), 3),
+              a.showClearButton && (u == null ? void 0 : u.length) > 0 ? (r(), w(s, {
                 key: 0,
                 onClick: q(o, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
-                default: g(() => [
-                  f(m(V), {
+                default: b(() => [
+                  f(p(V), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -2901,19 +2905,19 @@ const Qt = {
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-label", "option-value"])) : (i(), w(m(ie), _({
+        }, 16, ["modelValue", "options", "option-label", "option-value"])) : (r(), w(p(ie), _({
           key: 4,
           modelValue: t.value,
           "onUpdate:modelValue": n[4] || (n[4] = (u) => t.value = u)
         }, a.$attrs), null, 16, ["modelValue"])),
-        a.showClearButton && t.value !== null && a.dataType !== "select" && a.dataType !== "multiselect" && a.dataType !== "date" ? (i(), w(r, {
+        a.showClearButton && t.value !== null && a.dataType !== "select" && a.dataType !== "multiselect" && a.dataType !== "date" ? (r(), w(s, {
           key: 5,
           onClick: q(o, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
-          default: g(() => [
-            f(m(V), {
+          default: b(() => [
+            f(p(V), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -2930,15 +2934,15 @@ function ve(e, t, l, o) {
   const a = t.flatMap((n) => n.file);
   return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
     const d = a.findIndex((u) => u.name === n.name);
-    let r = "Not Uploaded";
-    d === -1 ? ((!l.includes(n.type) || !(n.size <= o)) && (r = l.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+    let s = "Not Uploaded";
+    d === -1 ? ((!l.includes(n.type) || !(n.size <= o)) && (s = l.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
       file: n,
-      status: r,
+      status: s,
       blobFileName: null
     })) : t[d].status = "Duplicate";
   }), t;
 }
-async function vl(e, t) {
+async function bl(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new ce(t).delete();
@@ -2961,13 +2965,16 @@ function re(e, t = !0, l = 1) {
   while (Math.round(Math.abs(e) * d) / d >= o && n < a.length - 1);
   return e.toFixed(l) + " " + a[n];
 }
-function bl(e) {
+function fl(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function fl(e) {
+function gl(e) {
   return URL.createObjectURL(e);
 }
-const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disabled", "multiple"], wl = /* @__PURE__ */ F({
+const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disabled", "multiple"], xl = {
+  class: "text-break accepted-file-types-container",
+  id: "accepted-file-types-overlay"
+}, kl = /* @__PURE__ */ F({
   __name: "UploadButton",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -2979,52 +2986,71 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = A(e, "modelValue"), l = k(() => e.maxFileInput <= t.value.length), o = (a) => {
-      t.value = ve(a, t.value, e.acceptedFileTypes, e.maxFileInput);
+    const t = A(e, "modelValue"), l = M(), o = (d) => l.value.toggle(d), a = k(() => e.maxFileInput <= t.value.length), n = (d) => {
+      t.value = ve(d, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
+    };
+    return (d, s) => {
+      const u = L;
+      return r(), v("div", hl, [
+        $(d.$slots, "message"),
+        c("div", null, [
+          c("input", {
+            id: "file-input",
+            type: "file",
+            class: "d-none",
+            accept: d.acceptedFileTypes.join(", "),
+            disabled: a.value,
+            multiple: d.maxFileInput > 1,
+            onInput: s[0] || (s[0] = (m) => n([...m.target.files]))
+          }, null, 40, wl),
+          c("label", {
+            class: B([{ disabled: a.value }, "btn btn-primary"]),
+            id: "file-input-button",
+            for: "file-input"
+          }, [
+            $(d.$slots, "button-content", {}, () => [
+              f(p(V), {
+                icon: "bi:upload",
+                class: "me-2",
+                height: "20px",
+                width: "20px"
+              }),
+              s[1] || (s[1] = O(" Browse your computer "))
+            ])
+          ], 2)
+        ]),
+        d.showDragDropArea ? (r(), w(u, {
+          link: "",
+          class: "ms-auto",
+          key: d.acceptedFileTypes.length,
+          id: "accepted-file-types",
+          onClick: o
+        }, {
+          default: b(() => s[2] || (s[2] = [
+            O("Accepted File Types")
+          ])),
+          _: 1
+        })) : S("", !0),
+        f(p(Oe), {
+          ref_key: "acceptedFilesOverlay",
+          ref: l
+        }, {
+          default: b(() => [
+            c("div", xl, h(d.acceptedFileTypes.map((m) => m.label ?? m.fileType.split("/").pop()).join(", ")), 1)
+          ]),
+          _: 1
+        }, 512)
+      ]);
     };
-    return (a, n) => (i(), v("div", gl, [
-      $(a.$slots, "message"),
-      c("div", null, [
-        c("input", {
-          id: "file-input",
-          type: "file",
-          class: "d-none",
-          accept: a.acceptedFileTypes.join(", "),
-          disabled: l.value,
-          multiple: a.maxFileInput > 1,
-          onInput: n[0] || (n[0] = (d) => o([...d.target.files]))
-        }, null, 40, hl),
-        c("label", {
-          class: B([{ disabled: l.value }, "btn btn-primary"]),
-          id: "file-input-button",
-          for: "file-input"
-        }, [
-          $(a.$slots, "button-content", {}, () => [
-            f(m(V), {
-              icon: "bi:upload",
-              class: "me-2",
-              height: "20px",
-              width: "20px"
-            }),
-            n[1] || (n[1] = O(" Browse your computer "))
-          ])
-        ], 2)
-      ]),
-      a.showDragDropArea ? (i(), v("div", {
-        class: "ms-auto",
-        key: a.acceptedFileTypes.length,
-        id: "accepted-file-types"
-      }, "Accepted File Types: " + h(a.acceptedFileTypes.map((d) => d.split("/").pop()).join(", ")), 1)) : S("", !0)
-    ]));
   }
-}), xl = {
+}), $l = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, kl = {
+}, Bl = {
   key: 1,
   class: "d-flex flex-column"
-}, $l = /* @__PURE__ */ F({
+}, Fl = /* @__PURE__ */ F({
   __name: "DragDropArea",
   props: /* @__PURE__ */ E({
     maxFileInput: {},
@@ -3036,30 +3062,30 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = A(e, "modelValue"), l = I(!1), o = k(() => e.maxFileInput <= t.value.length), a = (n) => {
-      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || o.value ? n.preventDefault() : t.value = ve([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
+    const t = A(e, "modelValue"), l = M(!1), o = k(() => e.maxFileInput <= t.value.length), a = (n) => {
+      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || o.value ? n.preventDefault() : t.value = ve([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((d) => d.fileType), e.maxFileSize);
     };
-    return (n, d) => (i(), v("div", {
+    return (n, d) => (r(), v("div", {
       id: "drag-drop-area",
       class: B(`${l.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: d[0] || (d[0] = q((r) => l.value = !1, ["prevent"])),
-      onDragover: d[1] || (d[1] = q((r) => l.value = !0, ["prevent"])),
+      onDragleave: d[0] || (d[0] = q((s) => l.value = !1, ["prevent"])),
+      onDragover: d[1] || (d[1] = q((s) => l.value = !0, ["prevent"])),
       onDrop: q(a, ["prevent"])
     }, [
-      t.value.length === 0 ? (i(), v("div", xl, [
-        f(m(V), {
+      t.value.length === 0 ? (r(), v("div", $l, [
+        f(p(V), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
         d[2] || (d[2] = O(" Drag and drop files here "))
-      ])) : (i(), v("div", kl, [
+      ])) : (r(), v("div", Bl, [
         $(n.$slots, "default")
       ]))
     ], 34));
   }
-}), Bl = { class: "d-flex align-items-center me-2" }, Fl = /* @__PURE__ */ F({
+}), _l = { class: "d-flex align-items-center me-2" }, Sl = /* @__PURE__ */ F({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -3084,41 +3110,41 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (o, a) => (i(), v("div", Bl, [
-      o.uploadStatus === "Uploading" ? (i(), w(Gt, {
+    return (o, a) => (r(), v("div", _l, [
+      o.uploadStatus === "Uploading" ? (r(), w(Kt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
-        default: g(() => [
+        default: b(() => [
           O(h((o.bytesUploaded / o.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
       })) : S("", !0),
-      o.uploadStatus !== "Uploading" && o.uploadStatus !== "Not Uploaded" && o.uploadStatus !== "Uploaded" && o.uploadStatus !== "Preparing" ? (i(), w(ae, {
+      o.uploadStatus !== "Uploading" && o.uploadStatus !== "Not Uploaded" && o.uploadStatus !== "Uploaded" && o.uploadStatus !== "Preparing" ? (r(), w(ae, {
         key: 1,
         id: "upload-status-alert",
         severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
-        default: g(() => [
+        default: b(() => [
           O(h(l.value), 1)
         ]),
         _: 1
       }, 8, ["severity"])) : S("", !0)
     ]));
   }
-}), _l = ["data-cy"], Sl = { class: "ms-3 d-flex flex-column" }, Vl = {
+}), Vl = ["data-cy"], Cl = { class: "ms-3 d-flex flex-column" }, Tl = {
   key: 1,
   id: "file-name"
-}, Cl = {
+}, Pl = {
   class: "text-black-50",
   id: "file-type"
-}, Tl = {
+}, Ml = {
   class: "text-black-50",
   id: "file-size"
-}, Pl = { class: "ms-auto my-auto d-flex" }, Ml = /* @__PURE__ */ F({
+}, Il = { class: "ms-auto my-auto d-flex" }, zl = /* @__PURE__ */ F({
   __name: "FileInfo",
   props: /* @__PURE__ */ E({
     editableFileName: { type: Boolean },
@@ -3137,55 +3163,55 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
   }),
   emits: /* @__PURE__ */ E(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const l = A(e, "file"), o = A(e, "blobFileName"), a = A(e, "uploadStatus"), n = t, d = I(l.value.name), r = I(""), u = I(0), p = I(), y = k(() => e.acceptedFileTypes.includes(l.value.type)), s = k(() => l.value.size <= e.maxFileSize), T = () => {
+    const l = A(e, "file"), o = A(e, "blobFileName"), a = A(e, "uploadStatus"), n = t, d = M(l.value.name), s = M(""), u = M(0), m = M(), y = k(() => e.acceptedFileTypes.includes(l.value.type)), i = k(() => l.value.size <= e.maxFileSize), T = () => {
       l.value = new File([l.value], d.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, C = async () => {
-      if (!y.value || !s.value) {
+      if (!y.value || !i.value) {
         a.value = y.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      a.value = "Preparing", p.value = new AbortController();
-      const [M, z] = await e.getFileUrlAction(l.value.name);
-      if (!M) {
+      a.value = "Preparing", m.value = new AbortController();
+      const [I, z] = await e.getFileUrlAction(l.value.name);
+      if (!I) {
         a.value = "Failed";
         return;
       }
       try {
         a.value = "Uploading";
-        const b = new ce(M), x = {
-          abortSignal: p.value.signal,
+        const g = new ce(I), x = {
+          abortSignal: m.value.signal,
           onProgress: (G) => u.value = G.loadedBytes,
           tags: { temp: "true" }
         };
-        await b.uploadData(l.value, x), r.value = M, a.value = "Uploaded", o.value = z;
-      } catch (b) {
-        if (b.name === "AbortError") {
+        await g.uploadData(l.value, x), s.value = I, a.value = "Uploaded", o.value = z;
+      } catch (g) {
+        if (g.name === "AbortError") {
           a.value = "Aborted";
           return;
         }
         a.value = "Failed";
       }
     }, P = async () => {
-      await vl(a.value, r.value), n("deleted", l.value);
+      await bl(a.value, s.value), n("deleted", l.value);
     };
     return ne(() => {
       e.autoUploadToBlob && C();
-    }), (M, z) => {
-      const b = R;
-      return i(), v("div", {
+    }), (I, z) => {
+      const g = L;
+      return r(), v("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${l.value.name}`
       }, [
         c("div", null, [
-          m(bl)(l.value.type) ? (i(), w(m(Oe), {
+          p(fl)(l.value.type) ? (r(), w(p(De), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: m(fl)(l.value),
+            src: p(gl)(l.value),
             alt: l.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (i(), w(m(V), {
+          }, null, 8, ["src", "alt"])) : (r(), w(p(V), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -3193,76 +3219,76 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
             width: "75px"
           }))
         ]),
-        c("div", Sl, [
+        c("div", Cl, [
           c("div", null, [
-            M.editableFileName ? (i(), w($t, {
+            I.editableFileName ? (r(), w(Bt, {
               key: 0,
               id: "edit-file-name",
               modelValue: d.value,
               "onUpdate:modelValue": z[0] || (z[0] = (x) => d.value = x),
-              rules: M.customFileNameRules,
+              rules: I.customFileNameRules,
               name: l.value.name,
               "complete-action": T
-            }, null, 8, ["modelValue", "rules", "name"])) : (i(), v("span", Vl, h(l.value.name), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", Tl, h(l.value.name), 1))
           ]),
-          c("span", Cl, "File type: " + h(l.value.type.split("/").pop()), 1),
-          c("span", Tl, "File size: " + h(m(re)(l.value.size)), 1)
+          c("span", Pl, "File type: " + h(l.value.type.split("/").pop()), 1),
+          c("span", Ml, "File size: " + h(p(re)(l.value.size)), 1)
         ]),
-        c("div", Pl, [
-          (i(), w(Fl, {
+        c("div", Il, [
+          (r(), w(Sl, {
             key: a.value,
             "file-size": l.value.size,
             "upload-status": a.value,
             "bytes-uploaded": u.value,
-            "max-file-size": M.maxFileSize
+            "max-file-size": I.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          a.value === "Not Uploaded" || a.value === "Failed" || a.value === "Duplicate" || a.value === "Aborted" ? (i(), w(b, {
+          a.value === "Not Uploaded" || a.value === "Failed" || a.value === "Duplicate" || a.value === "Aborted" ? (r(), w(g, {
             key: 0,
             link: "",
             onClick: C
           }, {
-            default: g(() => [
-              f(m(V), {
+            default: b(() => [
+              f(p(V), {
                 icon: a.value === "Not Uploaded" || a.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
           })) : S("", !0),
-          a.value === "Uploading" ? (i(), w(b, {
+          a.value === "Uploading" ? (r(), w(g, {
             key: 1,
             link: "",
-            onClick: z[1] || (z[1] = (x) => p.value.value.abort())
+            onClick: z[1] || (z[1] = (x) => m.value.value.abort())
           }, {
-            default: g(() => [
-              f(m(V), { icon: "bi:x-circle-fill" })
+            default: b(() => [
+              f(p(V), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (i(), w(b, {
+          })) : (r(), w(g, {
             key: 2,
             link: "",
             onClick: P,
             id: "delete-button"
           }, {
-            default: g(() => [
-              f(m(V), { icon: "bi:trash" })
+            default: b(() => [
+              f(p(V), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, _l);
+      ], 8, Vl);
     };
   }
-}), Il = { class: "d-flex justify-content-end mt-1" }, zl = { id: "max-file-size" }, Ol = /* @__PURE__ */ F({
+}), Ol = { class: "d-flex justify-content-end mt-1" }, Dl = { id: "max-file-size" }, Ul = /* @__PURE__ */ F({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, l) => (i(), v("div", Il, [
-      c("div", zl, "Max file size: " + h(m(re)(t.maxFileSize)), 1)
+    return (t, l) => (r(), v("div", Ol, [
+      c("div", Dl, "Max file size: " + h(p(re)(t.maxFileSize)), 1)
     ]));
   }
-}), Dl = { "data-cy": "file-uploader" }, Ul = { key: 0 }, Ca = /* @__PURE__ */ F({
+}), Al = { "data-cy": "file-uploader" }, Nl = { key: 0 }, Ma = /* @__PURE__ */ F({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -3282,37 +3308,37 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
     const t = A(e, "modelValue"), l = e, o = (a) => {
       t.value = t.value.filter((n) => n.file != a);
     };
-    return (a, n) => (i(), v("div", Dl, [
-      f(wl, _(l, {
+    return (a, n) => (r(), v("div", Al, [
+      f(kl, _(l, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (d) => t.value = d)
       }), null, 16, ["modelValue"]),
-      a.showDragDropArea ? (i(), v("div", Ul, [
-        f($l, {
+      a.showDragDropArea ? (r(), v("div", Nl, [
+        f(Fl, {
           "max-file-input": l.maxFileInput,
           "max-file-size": l.maxFileSize,
           "accepted-file-types": l.acceptedFileTypes,
           modelValue: t.value,
           "onUpdate:modelValue": n[1] || (n[1] = (d) => t.value = d)
         }, {
-          default: g(() => [
-            (i(!0), v(L, null, Y(t.value, ({ file: d }, r) => (i(), v("span", null, [
-              (i(), w(Ml, _({
+          default: b(() => [
+            (r(!0), v(R, null, Y(t.value, ({ file: d }, s) => (r(), v("span", null, [
+              (r(), w(zl, _({
                 key: d.name,
-                class: r === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
-                file: t.value[r].file,
-                "onUpdate:file": (u) => t.value[r].file = u,
-                "blob-file-name": t.value[r].blobFileName,
-                "onUpdate:blobFileName": (u) => t.value[r].blobFileName = u,
-                "upload-status": t.value[r].status,
-                "onUpdate:uploadStatus": (u) => t.value[r].status = u,
+                class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
+                file: t.value[s].file,
+                "onUpdate:file": (u) => t.value[s].file = u,
+                "blob-file-name": t.value[s].blobFileName,
+                "onUpdate:blobFileName": (u) => t.value[s].blobFileName = u,
+                "upload-status": t.value[s].status,
+                "onUpdate:uploadStatus": (u) => t.value[s].status = u,
                 ref_for: !0
               }, l, { onDeleted: o }), 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"]),
-        f(Ol, {
+        f(Ul, {
           "max-file-size": l.maxFileSize
         }, null, 8, ["max-file-size"])
       ])) : S("", !0)
@@ -3320,31 +3346,31 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
   }
 });
 export {
-  ca as Bootstrap_PT,
-  ma as ForgeActionButton,
+  ya as Bootstrap_PT,
+  va as ForgeActionButton,
   ae as ForgeAlert,
-  ct as ForgeCheckbox,
-  $a as ForgeChips,
+  mt as ForgeCheckbox,
+  _a as ForgeChips,
   ye as ForgeDatepicker,
-  Ca as ForgeFileUploader,
-  Va as ForgeFilterHeader,
-  xa as ForgeForm,
-  ka as ForgeFormField,
-  $t as ForgeInlineEditor,
-  pa as ForgeLink,
+  Ma as ForgeFileUploader,
+  Pa as ForgeFilterHeader,
+  Ba as ForgeForm,
+  Fa as ForgeFormField,
+  Bt as ForgeInlineEditor,
+  ba as ForgeLink,
   me as ForgeLoader,
-  ba as ForgeModal,
+  ha as ForgeModal,
   pe as ForgeMultiSelect,
-  ga as ForgeMultiSelectPreview,
-  fa as ForgeNavbar,
-  ha as ForgePageHeader,
-  Gt as ForgeProgressBar,
-  wa as ForgeRemainingCharacters,
-  Ba as ForgeStatWidget,
-  Fa as ForgeStepper,
-  Sa as ForgeTable,
-  _a as ForgeTile,
-  va as convertToMultiSelectOption,
-  ya as enumToMultiSelectList,
-  yt as parseError
+  xa as ForgeMultiSelectPreview,
+  wa as ForgeNavbar,
+  ka as ForgePageHeader,
+  Kt as ForgeProgressBar,
+  $a as ForgeRemainingCharacters,
+  Sa as ForgeStatWidget,
+  Va as ForgeStepper,
+  Ta as ForgeTable,
+  Ca as ForgeTile,
+  ga as convertToMultiSelectOption,
+  fa as enumToMultiSelectList,
+  vt as parseError
 };