@3squared/forge-ui-3 0.8.0 → 0.10.0

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

@@ -1,30 +1,30 @@
-import fe from "primevue/message";
-import { defineComponent as F, openBlock as s, createBlock as k, normalizeProps as K, guardReactiveProps as te, withCtx as g, createElementVNode as u, normalizeClass as B, unref as c, createCommentVNode as C, createVNode as b, renderSlot as $, ref as I, createElementBlock as v, Fragment as N, mergeProps as V, onMounted as ae, watch as ie, computed as w, isRef as le, createTextVNode as z, toDisplayString as h, withDirectives as L, vShow as q, mergeModels as H, useModel as E, createSlots as oe, renderList as j, withKeys as Q, useAttrs as ce, withModifiers as G, normalizeStyle as ge } from "vue";
+import he from "primevue/message";
+import { defineComponent as V, openBlock as i, createBlock as h, normalizeProps as ee, guardReactiveProps as te, withCtx as b, createElementVNode as c, normalizeClass as F, unref as m, createCommentVNode as S, createVNode as f, renderSlot as B, ref as I, createElementBlock as y, Fragment as N, mergeProps as C, onMounted as ae, watch as re, computed as k, isRef as le, createTextVNode as O, toDisplayString as w, withDirectives as L, vShow as H, mergeModels as j, useModel as E, createSlots as oe, renderList as q, withKeys as X, useAttrs as ce, withModifiers as Y, normalizeStyle as we } from "vue";
 import { Icon as T } from "@iconify/vue";
 import R from "primevue/button";
-import he from "primevue/toast";
-import we from "primevue/checkbox";
-import { useField as Z } from "vee-validate";
-import xe from "primevue/progressspinner";
-import ke from "primevue/dialog";
-import re from "primevue/inputtext";
-import { vOnClickOutside as $e } from "@vueuse/components";
-import _e from "primevue/menubar";
-import Be from "vue-multiselect";
-import Fe from "primevue/calendar";
-import Se from "primevue/inputmask";
-import Ce from "primevue/textarea";
+import xe from "primevue/toast";
+import ke from "primevue/checkbox";
+import { useField as K } from "vee-validate";
+import $e from "primevue/progressspinner";
+import Be from "primevue/dialog";
+import de from "primevue/inputtext";
+import { vOnClickOutside as _e } from "@vueuse/components";
+import Fe from "primevue/menubar";
+import Ve from "vue-multiselect";
+import Se from "primevue/calendar";
+import ne from "primevue/dropdown";
+import Ce from "primevue/inputmask";
+import Te from "primevue/textarea";
 import me from "primevue/inputnumber";
-import Ve from "primevue/chips";
-import Te from "primevue/progressbar";
-import Pe from "primevue/divider";
-import Ie from "primevue/steps";
-import Me from "primevue/datatable";
-import de from "primevue/dropdown";
-import ze from "primevue/multiselect";
+import Pe from "primevue/chips";
+import Me from "primevue/progressbar";
+import Ie from "primevue/divider";
+import ze from "primevue/steps";
+import Oe from "primevue/datatable";
+import De from "primevue/multiselect";
 import { BlockBlobClient as pe } from "@azure/storage-blob";
-import Oe from "primevue/image";
-const De = {
+import Ue from "primevue/image";
+const Ae = {
   button: {
     root: ({ props: e }) => ({
       class: [
@@ -108,7 +108,7 @@ const De = {
       ]
     })
   }
-}, Ue = {
+}, Ne = {
   checkbox: {
     root: () => ({
       class: [
@@ -126,7 +126,7 @@ const De = {
       ]
     })
   }
-}, Ae = {
+}, Ee = {
   dropdown: {
     root: ({ props: e }) => ({
       class: [
@@ -148,7 +148,7 @@ const De = {
     list: "list-unstyled mb-0 dropdown-menu show w-100",
     item: ({ context: e }) => ({
       class: [
-        "dropdown-item d-flex cursor-pointer",
+        "dropdown-item d-flex cursor-pointer text-wrap",
         {
           "bg-primary text-white": e.selected
         }
@@ -184,9 +184,10 @@ const De = {
     checkboxicon: "mb-1 fw-medium text-white position-absolute filter-header-multiselect__check-icon",
     clearicon: "ms-auto my-auto",
     loadingIcon: "spinner-border spinner-border-sm border-0",
-    itemGroupLabel: "ps-2 fw-bold"
+    itemGroupLabel: "ps-2 fw-bold",
+    input: "w-100"
   }
-}, Ne = {
+}, Re = {
   column: {
     sortBadge: "ms-2 my-auto cursor-pointer",
     headerCell: (e) => {
@@ -282,7 +283,7 @@ const De = {
       ]
     })
   }
-}, Ee = {
+}, Le = {
   inputtext: {
     root: (e) => {
       var t, l;
@@ -297,7 +298,7 @@ const De = {
       };
     }
   }
-}, Re = {
+}, je = {
   inputmask: {
     root: () => ({
       class: [
@@ -305,12 +306,12 @@ const De = {
       ]
     })
   }
-}, Le = {
+}, He = {
   inputSwitch: {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, He = {
+}, Ye = {
   textarea: {
     root: () => ({
       class: [
@@ -318,13 +319,13 @@ const De = {
       ]
     })
   }
-}, je = {
+}, qe = {
   // More PassThrough options in component file.
   chips: {
     root: "d-flex",
     label: "pe-2"
   }
-}, Ye = {
+}, Ge = {
   dialog: {
     header: () => ({
       class: ["modal-header"]
@@ -367,7 +368,7 @@ const De = {
       ]
     })
   }
-}, qe = {
+}, Ke = {
   overlaypanel: {
     root: (e) => ({
       class: [
@@ -381,7 +382,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 = {
+}, We = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -410,13 +411,13 @@ const De = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, Ke = {
+}, Ze = {
   // 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 = {
+}, Je = {
   tabview: {
     navContainer: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -454,7 +455,7 @@ const De = {
       class: ["p-2"]
     })
   }
-}, Ze = {
+}, Xe = {
   // More PassThrough options defined in ForgeDatepicker.
   calendar: {
     root: "d-inline-flex relative w-100",
@@ -527,7 +528,7 @@ const De = {
     decrementButton: "btn btn-sm",
     incrementButton: "btn btn-sm"
   }
-}, Je = {
+}, Qe = {
   multiselect: {
     root: ({ props: e }) => ({
       class: [
@@ -541,15 +542,24 @@ const De = {
     list: "list-unstyled mb-0",
     item: "dropdown-item d-flex cursor-pointer",
     header: "d-flex",
+    labelContainer: "w-100",
+    label: "w-100",
     filterContainer: "d-flex w-100",
     filterIcon: "d-none",
     filterInput: "form-control form-control-sm my-2 mx-3",
     closeButton: "d-none",
     hiddenInput: "d-none",
     emptymessage: "mx-3 my-2",
-    trigger: "ms-auto"
+    trigger: ({ state: e }) => ({
+      class: [
+        "ms-auto my-auto",
+        {
+          "rotate-180": e.overlayVisible
+        }
+      ]
+    })
   }
-}, Xe = {
+}, et = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
@@ -562,7 +572,7 @@ const De = {
       class: ["text-white"]
     })
   }
-}, Qe = {
+}, tt = {
   // More PT options can be found in the ForgeTable file.
   dataTable: {
     datatable: "position-relative",
@@ -622,7 +632,7 @@ const De = {
       ]
     })
   }
-}, et = {
+}, at = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -643,7 +653,7 @@ const De = {
       ]
     })
   }
-}, tt = {
+}, lt = {
   // More PassThrough options in component file.
   menubar: {
     menu: ({ instance: e }) => ({
@@ -713,7 +723,7 @@ const De = {
       ]
     })
   }
-}, at = {
+}, ot = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -735,7 +745,7 @@ const De = {
       class: ["tooltip-inner"]
     }
   }
-}, lt = {
+}, nt = {
   selectbutton: {
     root: () => ({
       class: ["btn-group"]
@@ -753,7 +763,7 @@ const De = {
       ]
     })
   }
-}, ot = {
+}, st = {
   progressspinner: {
     spinner: () => ({
       class: [
@@ -761,7 +771,7 @@ const De = {
       ]
     })
   }
-}, nt = {
+}, it = {
   card: {
     root: () => ({
       class: ["card"]
@@ -785,11 +795,11 @@ const De = {
       class: ["card-header"]
     })
   }
-}, st = {
+}, rt = {
   divider: {
     root: "border-bottom m-4 w-100"
   }
-}, it = {
+}, dt = {
   image: {
     root: "position-relative d-inline-block",
     button: "preview-button",
@@ -802,7 +812,7 @@ const De = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, rt = {
+}, ut = {
   toast: {
     message: () => ({
       class: ["toast-container w-100 position-relative"]
@@ -840,37 +850,37 @@ const De = {
       };
     }
   }
-}, il = {
-  ...et,
-  ...De,
-  ...nt,
-  ...Ue,
-  ...je,
-  ...Ne,
-  ...Ze,
-  ...Ye,
-  ...st,
+}, cl = {
+  ...at,
   ...Ae,
   ...it,
-  ...Ee,
-  ...Re,
-  ...Le,
-  ...Ge,
-  ...Je,
-  ...tt,
+  ...Ne,
   ...qe,
+  ...Re,
   ...Xe,
-  ...ot,
-  ...lt,
-  ...Ke,
-  ...Qe,
-  ...We,
+  ...Ge,
   ...rt,
+  ...Ee,
+  ...dt,
+  ...Le,
+  ...je,
   ...He,
+  ...We,
+  ...Qe,
+  ...lt,
+  ...Ke,
+  ...et,
+  ...st,
+  ...nt,
+  ...Ze,
+  ...tt,
+  ...Je,
+  ...ut,
+  ...Ye,
   directives: {
-    ...at
+    ...ot
   }
-}, ne = /* @__PURE__ */ F({
+}, se = /* @__PURE__ */ V({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -887,32 +897,32 @@ const De = {
   setup(e) {
     const t = e;
     return (l, a) => {
-      const o = fe;
-      return s(), k(o, K(te({ ...l.$attrs, ...t })), {
-        messageicon: g(() => [
-          u("div", {
-            class: B(t.icon ? "me-2 pe-1" : "")
+      const o = he;
+      return i(), h(o, ee(te({ ...l.$attrs, ...t })), {
+        messageicon: b(() => [
+          c("div", {
+            class: F(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (s(), k(c(T), {
+            t.icon ? (i(), h(m(T), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
-              class: B(`text-${t.severity}`),
+              class: F(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : C("", !0)
+            }, null, 8, ["icon", "class"])) : S("", !0)
           ], 2)
         ]),
-        closeicon: g(() => [
-          b(c(T), { icon: "bi:x" })
+        closeicon: b(() => [
+          f(m(T), { icon: "bi:x" })
         ]),
-        default: g(() => [
-          $(l.$slots, "default")
+        default: b(() => [
+          B(l.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), rl = /* @__PURE__ */ F({
+}), ml = /* @__PURE__ */ V({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -930,19 +940,19 @@ const De = {
       }
       t.value = !1;
     };
-    return (o, n) => {
-      const i = R;
-      return s(), v(N, null, [
-        b(i, V({ ...l, ...o.$attrs }, {
+    return (o, s) => {
+      const d = R;
+      return i(), y(N, null, [
+        f(d, C({ ...l, ...o.$attrs }, {
           loading: t.value,
           disabled: t.value || l.disabled,
           onClick: a
         }), null, 16, ["loading", "disabled"]),
-        b(c(he))
+        f(m(xe))
       ], 64);
     };
   }
-}), dt = /* @__PURE__ */ u("div", null, null, -1), ut = ["for"], ve = /* @__PURE__ */ F({
+}), ct = /* @__PURE__ */ c("div", null, null, -1), mt = ["for"], ve = /* @__PURE__ */ V({
   __name: "ForgeCheckbox",
   props: {
     label: { default: "" },
@@ -969,58 +979,58 @@ const De = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = t, a = e, { checked: o, handleChange: n, setValue: i, errors: d, errorMessage: y } = Z(() => a.name ?? a.label, void 0, {
+    const l = t, a = e, { checked: o, handleChange: s, setValue: d, errors: r, errorMessage: v } = K(() => a.name ?? a.label, void 0, {
       type: "checkbox",
       checkedValue: !0
-    }), r = (p) => {
-      a.disabled || (n(p), l("update:modelValue", !a.modelValue));
+    }), u = (p) => {
+      a.disabled || (s(p), l("update:modelValue", !a.modelValue));
     };
     ae(() => {
-      a.value !== void 0 && a.value !== (o == null ? void 0 : o.value) ? i(a.value) : a.modelValue !== void 0 && a.modelValue !== (o == null ? void 0 : o.value) && i(a.modelValue);
-    }), ie(() => a.value, (p) => {
-      i(p);
+      a.value !== void 0 && a.value !== (o == null ? void 0 : o.value) ? d(a.value) : a.modelValue !== void 0 && a.modelValue !== (o == null ? void 0 : o.value) && d(a.modelValue);
+    }), re(() => a.value, (p) => {
+      d(p);
     });
-    const m = w(() => d.value.length > 0);
+    const n = k(() => r.value.length > 0);
     return (p, x) => {
-      const _ = we;
-      return s(), v(N, null, [
-        u("div", V({
+      const _ = ke;
+      return i(), y(N, null, [
+        c("div", C({
           class: "d-flex",
           "data-cy": "checkbox-container"
         }, { ...p.$attrs }), [
-          b(_, V({
+          f(_, C({
             id: a.name
           }, { ...a }, {
-            modelValue: c(o),
+            modelValue: m(o),
             "onUpdate:modelValue": x[0] || (x[0] = (P) => le(o) ? o.value = P : null),
-            "input-class": { "is-invalid": m.value },
-            onChange: r
+            "input-class": { "is-invalid": n.value },
+            onChange: u
           }), {
-            icon: g(() => [
-              dt
+            icon: b(() => [
+              ct
             ]),
             _: 1
           }, 16, ["id", "modelValue", "input-class"]),
-          u("label", {
+          c("label", {
             for: a.name,
-            class: B(`${a.disabled ? "opacity-50" : "cursor-pointer"} ${m.value ? "text-danger-dark" : ""}`),
-            onClick: r
+            class: F(`${a.disabled ? "opacity-50" : "cursor-pointer"} ${n.value ? "text-danger-dark" : ""}`),
+            onClick: u
           }, [
-            $(p.$slots, "default", {}, () => [
-              z(h(a.label), 1)
+            B(p.$slots, "default", {}, () => [
+              O(w(a.label), 1)
             ])
-          ], 10, ut)
+          ], 10, mt)
         ], 16),
-        L(u("small", {
+        L(c("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(c(y)), 513), [
-          [q, m.value]
+        }, w(m(v)), 513), [
+          [H, n.value]
         ])
       ], 64);
     };
   }
-}), ct = { class: "forge-loader" }, ye = /* @__PURE__ */ F({
+}), pt = { class: "forge-loader" }, ye = /* @__PURE__ */ V({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -1028,16 +1038,16 @@ const De = {
   setup(e) {
     const t = e;
     return (l, a) => {
-      const o = xe;
-      return s(), v("div", ct, [
-        b(o, {
+      const o = $e;
+      return i(), y("div", pt, [
+        f(o, {
           "animation-duration": ".75",
-          class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
+          class: F(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
       ]);
     };
   }
-}), mt = ["href", "target"], dl = /* @__PURE__ */ F({
+}), vt = ["href", "target"], pl = /* @__PURE__ */ V({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1055,7 +1065,7 @@ const De = {
     iconName: {}
   },
   setup(e) {
-    const t = w(() => ({
+    const t = k(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1064,32 +1074,32 @@ const De = {
       [`link-underline-opacity-${e.underlineHoverOpacity ?? e.hoverOpacity}-hover`]: e.underlineHoverOpacity || e.hoverOpacity,
       [`link-offset-${e.underlineOffset}`]: e.underlineOffset,
       "icon-link icon-link-hover": e.animateIconOnHover
-    })), l = w(() => ({
+    })), l = k(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (a, o) => (s(), v("a", {
+    return (a, o) => (i(), y("a", {
       id: "link",
-      class: B(["cursor-pointer d-flex", t.value]),
+      class: F(["cursor-pointer d-flex", t.value]),
       href: a.url,
       target: a.target
     }, [
-      $(a.$slots, "default", {}, () => [
-        a.iconName ? (s(), k(c(T), {
+      B(a.$slots, "default", {}, () => [
+        a.iconName ? (i(), h(m(T), {
           key: 0,
           id: "link-icon",
           icon: a.iconName,
-          class: B(["bi my-auto", l.value])
-        }, null, 8, ["icon", "class"])) : C("", !0),
-        z(" " + h(a.label), 1)
+          class: F(["bi my-auto", l.value])
+        }, null, 8, ["icon", "class"])) : S("", !0),
+        O(" " + w(a.label), 1)
       ])
-    ], 10, mt));
+    ], 10, vt));
   }
 });
-function pt(e) {
+function yt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1100,12 +1110,12 @@ function pt(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-const vt = { key: 0 }, yt = {
+const bt = { key: 0 }, ft = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, ul = /* @__PURE__ */ F({
+}, vl = /* @__PURE__ */ V({
   __name: "ForgeModal",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ j({
     cancelText: { default: "Cancel" },
     submitText: { default: "Submit" },
     showFooter: { type: Boolean, default: !0 },
@@ -1148,30 +1158,30 @@ const vt = { key: 0 }, yt = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = E(e, "visible"), l = I(!1), a = e, o = I(!1), n = I({
+    const t = E(e, "visible"), l = I(!1), a = e, o = I(!1), s = I({
       hasError: !1,
       header: "",
       message: []
-    }), i = () => {
+    }), d = () => {
       l.value = !1;
-    }, d = () => {
+    }, r = () => {
       l.value = !0;
-    }, y = () => {
+    }, v = () => {
       t.value = !1;
-    }, r = async () => {
+    }, u = async () => {
       if (a.onConfirm) {
-        o.value = !0, n.value.hasError = !1;
+        o.value = !0, s.value.hasError = !1;
         try {
           const p = await a.onConfirm();
-          (p || p == null) && y();
+          (p || p == null) && v();
         } catch (p) {
-          n.value.hasError = !0;
-          const x = pt(p);
-          n.value.header = x.errorMessage, n.value.message = x.errorDetails;
+          s.value.hasError = !0;
+          const x = yt(p);
+          s.value.header = x.errorMessage, s.value.message = x.errorDetails;
         }
         o.value = !1;
       }
-    }, m = w(() => ({
+    }, n = k(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1180,23 +1190,23 @@ const vt = { key: 0 }, yt = {
       ]
     }));
     return (p, x) => {
-      const _ = R, P = ke;
-      return s(), k(P, V(a, {
-        onMaximize: d,
-        onUnmaximize: i,
-        pt: m.value
+      const _ = R, P = Be;
+      return i(), h(P, C(a, {
+        onMaximize: r,
+        onUnmaximize: d,
+        pt: n.value
       }), oe({
-        closeicon: g(() => [
-          b(c(T), {
+        closeicon: b(() => [
+          f(m(T), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: y
+            onClick: v
           })
         ]),
-        maximizeicon: g(() => [
-          b(c(T), {
+        maximizeicon: b(() => [
+          f(m(T), {
             "data-cy": "maximisable-icon",
             icon: l.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1205,46 +1215,46 @@ const vt = { key: 0 }, yt = {
         ]),
         _: 2
       }, [
-        j(p.$slots, (S, O) => ({
-          name: O,
-          fn: g((f) => [
-            n.value.hasError ? (s(), k(ne, {
+        q(p.$slots, (M, z) => ({
+          name: z,
+          fn: b((g) => [
+            s.value.hasError ? (i(), h(se, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
-              default: g(() => [
-                u("p", {
-                  class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
-                }, h(n.value.header), 3),
-                n.value.message.length > 0 ? (s(), v("ul", vt, [
-                  (s(!0), v(N, null, j(n.value.message, (M) => (s(), v("li", { key: M }, h(M), 1))), 128))
-                ])) : C("", !0)
+              default: b(() => [
+                c("p", {
+                  class: F(s.value.message.length > 0 ? "my-auto" : "mb-0")
+                }, w(s.value.header), 3),
+                s.value.message.length > 0 ? (i(), y("ul", bt, [
+                  (i(!0), y(N, null, q(s.value.message, ($) => (i(), y("li", { key: $ }, w($), 1))), 128))
+                ])) : S("", !0)
               ]),
               _: 1
-            })) : C("", !0),
-            $(p.$slots, O, K(te(f || {}))),
-            o.value ? $(p.$slots, "loader", { key: 1 }, () => [
-              b(ye, { "data-cy": "loader" })
-            ]) : C("", !0)
+            })) : S("", !0),
+            B(p.$slots, z, ee(te(g || {}))),
+            o.value ? B(p.$slots, "loader", { key: 1 }, () => [
+              f(ye, { "data-cy": "loader" })
+            ]) : S("", !0)
           ])
         })),
         p.showFooter ? {
           name: "footer",
-          fn: g(() => [
-            u("div", yt, [
-              b(_, {
+          fn: b(() => [
+            c("div", ft, [
+              f(_, {
                 label: p.cancelText,
-                class: B(a.cancelClass),
+                class: F(a.cancelClass),
                 outlined: "",
-                onClick: y,
+                onClick: v,
                 id: "cancel-button",
                 type: a.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              b(_, {
+              f(_, {
                 label: p.submitText,
-                class: B([a.submitClass, "ms-auto"]),
-                onClick: r,
+                class: F([a.submitClass, "ms-auto"]),
+                onClick: u,
                 id: "submit-button",
                 type: a.submitButtonType
               }, null, 8, ["label", "class", "type"])
@@ -1255,9 +1265,9 @@ const vt = { key: 0 }, yt = {
       ]), 1040, ["pt"]);
     };
   }
-}), bt = ["id"], ft = { key: 0 }, gt = { key: 0 }, ht = { class: "d-flex justify-content-between align-items-center position-relative" }, wt = { key: 1 }, xt = { "data-cy": "readonly-value" }, kt = /* @__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__ */ V({
   __name: "ForgeInlineEditor",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ j({
     name: { default: "" },
     completeAction: {},
     errorAction: {},
@@ -1270,10 +1280,10 @@ const vt = { key: 0 }, yt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = E(e, "modelValue"), a = I(!1), o = I(), n = () => {
+    const t = e, l = E(e, "modelValue"), a = I(!1), o = I(), s = () => {
       var _;
       a.value = !a.value, (_ = o.value) == null || _.focus();
-    }, i = async () => {
+    }, d = async () => {
       if (x.value)
         return !1;
       if (l.value = p.value, t.completeAction)
@@ -1284,97 +1294,97 @@ const vt = { key: 0 }, yt = {
         }
       else
         a.value = !a.value;
-    }, d = () => {
+    }, r = () => {
       a.value = !a.value;
-    }, y = () => {
+    }, v = () => {
       p.value = null;
-    }, { errorMessage: r, errors: m, value: p } = Z(() => t.name, void 0, {
+    }, { errorMessage: u, errors: n, value: p } = K(() => t.name, void 0, {
       initialValue: l.value
     });
     ae(() => {
       p.value = l.value;
     });
-    const x = w(() => m.value.length > 0);
+    const x = k(() => n.value.length > 0);
     return (_, P) => {
-      const S = re, O = R;
-      return s(), v("div", {
+      const M = de, z = R;
+      return i(), y("div", {
         id: t.name
       }, [
-        _.readonly ? (s(), v("div", wt, [
-          $(_.$slots, "default", {}, () => [
-            u("span", xt, h(c(p)), 1)
+        _.readonly ? (i(), y("div", kt, [
+          B(_.$slots, "default", {}, () => [
+            c("span", $t, w(m(p)), 1)
           ])
-        ])) : (s(), v("div", ft, [
-          a.value ? (s(), v("div", gt, [
-            L((s(), v("div", ht, [
-              $(_.$slots, "editor", {
-                class: B({ "is-invalid": x.value }),
-                editFinished: i,
-                cancel: d,
-                val: c(p)
+        ])) : (i(), y("div", ht, [
+          a.value ? (i(), y("div", wt, [
+            L((i(), y("div", xt, [
+              B(_.$slots, "editor", {
+                class: F({ "is-invalid": x.value }),
+                editFinished: d,
+                cancel: r,
+                val: m(p)
               }, () => [
-                b(S, {
+                f(M, {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: o,
-                  modelValue: c(p),
-                  "onUpdate:modelValue": P[0] || (P[0] = (f) => le(p) ? p.value = f : null),
+                  modelValue: m(p),
+                  "onUpdate:modelValue": P[0] || (P[0] = (g) => le(p) ? p.value = g : null),
                   modelModifiers: { trim: !0 },
-                  class: B({ "is-invalid": x.value }),
+                  class: F({ "is-invalid": x.value }),
                   onKeydown: [
-                    Q(i, ["enter"]),
-                    Q(d, ["esc"])
+                    X(d, ["enter"]),
+                    X(r, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              b(c(T), {
+              f(m(T), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
-                onClick: y,
-                onKeydown: Q(y, ["enter"]),
+                onClick: v,
+                onKeydown: X(v, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c($e), i]
+              [m(_e), d]
             ])
-          ])) : (s(), v("div", {
+          ])) : (i(), y("div", {
             key: 1,
             class: "d-flex text-muted",
-            onClick: n,
-            onFocus: n
+            onClick: s,
+            onFocus: s
           }, [
-            $(_.$slots, "default", {}, () => [
-              u("div", {
-                class: B(["pe-2 cursor-pointer", { "text-invalid": x.value }]),
+            B(_.$slots, "default", {}, () => [
+              c("div", {
+                class: F(["pe-2 cursor-pointer", { "text-invalid": x.value }]),
                 "data-cy": "value"
-              }, h(c(p) ? c(p) : "Click to edit"), 3)
+              }, w(m(p) ? m(p) : "Click to edit"), 3)
             ]),
-            b(O, {
+            f(z, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: g(() => [
-                b(c(T), {
+              default: b(() => [
+                f(m(T), {
                   icon: "bi:pencil",
-                  class: B(x.value ? "text-invalid" : "text-muted"),
+                  class: F(x.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: Q(n, ["enter"])
+                  onKeydown: X(s, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
             })
           ], 32))
         ])),
-        L(u("small", {
+        L(c("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(c(r)), 513), [
-          [q, x.value]
+        }, w(m(u)), 513), [
+          [H, x.value]
         ])
-      ], 8, bt);
+      ], 8, gt);
     };
   }
-}), $t = ["href"], cl = /* @__PURE__ */ F({
+}), _t = ["href"], yl = /* @__PURE__ */ V({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1391,7 +1401,7 @@ const vt = { key: 0 }, yt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = w(() => ({
+    const t = e, l = k(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1419,27 +1429,27 @@ const vt = { key: 0 }, yt = {
       })
     }));
     return (a, o) => {
-      const n = _e;
-      return s(), k(n, V({ ...t, ...a.$attrs }, {
+      const s = Fe;
+      return i(), h(s, C({ ...t, ...a.$attrs }, {
         pt: l.value,
         "data-cy": "navbar"
       }), oe({
-        start: g(() => [
-          u("a", {
+        start: b(() => [
+          c("a", {
             href: a.logoUrl,
             class: "navbar-brand ms-3",
             "data-cy": "logo"
           }, [
-            $(a.$slots, "logo", {}, () => [
-              z(" Logo ")
+            B(a.$slots, "logo", {}, () => [
+              O(" Logo ")
             ])
-          ], 8, $t)
+          ], 8, _t)
         ]),
-        menubuttonicon: g(() => [
-          $(a.$slots, "menubuttonicon", {}, () => [
-            b(c(T), {
+        menubuttonicon: b(() => [
+          B(a.$slots, "menubuttonicon", {}, () => [
+            f(m(T), {
               icon: "bi:list",
-              class: B(t.severity === "light" ? "text-black" : "text-white"),
+              class: F(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
               "data-cy": "burger-icon"
             }, null, 8, ["class"])
@@ -1447,16 +1457,16 @@ const vt = { key: 0 }, yt = {
         ]),
         _: 2
       }, [
-        j(a.$slots, (i, d) => ({
-          name: d,
-          fn: g((y) => [
-            $(a.$slots, d, K(te(y)))
+        q(a.$slots, (d, r) => ({
+          name: r,
+          fn: b((v) => [
+            B(a.$slots, r, ee(te(v)))
           ])
         }))
       ]), 1040, ["pt"]);
     };
   }
-}), _t = /* @__PURE__ */ u("div", { class: "ps-1" }, "Select all", -1), Bt = ["data-cy"], Ft = { class: "ps-1 w-100" }, St = { class: "multiselect__tag d-inline-flex" }, Ct = { class: "my-auto" }, Vt = /* @__PURE__ */ F({
+}), Ft = /* @__PURE__ */ c("div", { class: "ps-1" }, "Select all", -1), Vt = ["data-cy"], St = { class: "ps-1 w-100" }, Ct = { class: "multiselect__tag d-inline-flex" }, Tt = { class: "my-auto" }, be = /* @__PURE__ */ V({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1469,18 +1479,18 @@ const vt = { key: 0 }, yt = {
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const l = e, a = (U, D) => {
-      const X = {
+      const J = {
         ...D,
         $isDisabled: D.$isDisabled ?? !1
       };
-      U(X);
-    }, o = ce(), n = t, { errors: i, value: d, errorMessage: y } = Z(() => l.name, void 0, {
+      U(J);
+    }, o = ce(), s = t, { errors: d, value: r, errorMessage: v } = K(() => l.name, void 0, {
       initialValue: o.modelValue
-    }), r = I(!1), m = w(() => ({
+    }), u = I(!1), n = k(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
-      showPointer: !r.value,
+      showPointer: !u.value,
       placeholder: o.searchable === null || o.searchable ? "Search" : "Select",
       allowEmpty: !0,
       selectValue: "",
@@ -1489,74 +1499,74 @@ const vt = { key: 0 }, yt = {
       searchable: !!(o.searchable === null || o.searchable) && o.modelValue.length === o.options.length,
       async: !1,
       ...o
-    })), p = w(() => `forge-multiselect-${l.severity}`), x = w(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${_.value ? " multiselect__option--selected" : ""}`), _ = w(() => m.value && !(m.value.multiple || !l.showSelectAll || m.value.async) ? !1 : o.modelValue.length === o.options.length), P = w(() => i.value.length > 0), S = w(() => !!((o.allowEmpty == null || o.allowEmpty) && l.showClearSelection && (m.value.multiple ? o.modelValue.length > 0 : o.modelValue))), O = () => r.value = !0, f = () => r.value = !1, M = () => {
-      d.value = m.value.multiple ? [] : null, n("update:modelValue", d.value);
-    }, Y = (U) => {
-      n("update:modelValue", l.selectValue ? U.map((D) => D[l.selectValue]) : U);
-    }, J = (U) => o.modelValue !== null ? o.modelValue.some((D) => m.value.selectValue ? U[l.selectValue] === D : U.id === D.id && U.label === D.label) : !1, se = () => {
-      _.value ? M() : (d.value = [...o.options], n("update:modelValue", [...o.options]));
+    })), p = k(() => `forge-multiselect-${l.severity}`), x = k(() => `multiselect__option ${u.value ? " multiselect__option--highlight" : ""} ${_.value ? " multiselect__option--selected" : ""}`), _ = k(() => n.value && !(n.value.multiple || !l.showSelectAll || n.value.async) ? !1 : o.modelValue.length === o.options.length), P = k(() => d.value.length > 0), M = k(() => !!((o.allowEmpty == null || o.allowEmpty) && l.showClearSelection && (n.value.multiple ? o.modelValue.length > 0 : o.modelValue))), z = () => u.value = !0, g = () => u.value = !1, $ = () => {
+      r.value = n.value.multiple ? [] : null, s("update:modelValue", r.value);
+    }, G = (U) => {
+      s("update:modelValue", l.selectValue ? U.map((D) => D[l.selectValue]) : U);
+    }, Z = (U) => o.modelValue !== null ? o.modelValue.some((D) => n.value.selectValue ? U[l.selectValue] === D : U.id === D.id && U.label === D.label) : !1, ie = () => {
+      _.value ? $() : (r.value = [...o.options], s("update:modelValue", [...o.options]));
     };
     return (U, D) => {
-      const X = ve;
-      return s(), v(N, null, [
-        b(c(Be), V(m.value, {
+      const J = ve;
+      return i(), y(N, null, [
+        f(m(Ve), C(n.value, {
           class: [p.value, P.value ? "is-invalid" : ""],
           "data-cy": "multiselect",
           "onUpdate:modelValue": [
-            Y,
-            D[1] || (D[1] = (A) => le(d) ? d.value = A : null)
+            G,
+            D[1] || (D[1] = (A) => le(r) ? r.value = A : null)
           ],
-          modelValue: c(d)
+          modelValue: m(r)
         }), oe({
-          caret: g(({ toggle: A }) => [
-            S.value ? (s(), k(c(T), {
+          caret: b(({ toggle: A }) => [
+            M.value ? (i(), h(m(T), {
               key: 0,
               icon: "bi:x",
               class: "my-auto multiselect__clear-icon",
-              onMousedown: D[0] || (D[0] = G((W) => M(), ["prevent", "stop"])),
+              onMousedown: D[0] || (D[0] = Y((W) => $(), ["prevent", "stop"])),
               "data-cy": "clear",
               height: "18px",
               width: "18px"
-            })) : C("", !0),
-            b(c(T), {
+            })) : S("", !0),
+            f(m(T), {
               icon: "bi:chevron-down",
               onClick: A,
               class: "multiselect__select"
             }, null, 8, ["onClick"])
           ]),
-          tag: g(({ option: A, remove: W }) => [
-            u("div", St, [
-              u("div", Ct, h(A.label), 1),
-              b(c(T), {
+          tag: b(({ option: A, remove: W }) => [
+            c("div", Ct, [
+              c("div", Tt, w(A.label), 1),
+              f(m(T), {
                 icon: "bi:x",
                 class: "my-auto multiselect__tag-icon",
-                onMousedown: G((za) => a(W, A), ["prevent", "stop"]),
+                onMousedown: Y((Aa) => a(W, A), ["prevent", "stop"]),
                 height: "18px",
                 width: "18px"
               }, null, 8, ["onMousedown"])
             ])
           ]),
-          default: g(() => [
-            (s(!0), v(N, null, j(U.$slots, (A, W) => $(U.$slots, W, { slot: W })), 256))
+          default: b(() => [
+            (i(!0), y(N, null, q(U.$slots, (A, W) => B(U.$slots, W, { slot: W })), 256))
           ]),
           _: 2
         }, [
-          m.value.multiple && U.showSelectAll && !m.value.async ? {
+          n.value.multiple && U.showSelectAll && !n.value.async ? {
             name: "beforeList",
-            fn: g(() => [
-              u("li", {
+            fn: b(() => [
+              c("li", {
                 class: "multiselect__element",
-                onClick: se,
-                onMouseover: O,
-                onMouseleave: f,
+                onClick: ie,
+                onMouseover: z,
+                onMouseleave: g,
                 "data-cy": "toggle-all"
               }, [
-                u("span", {
-                  class: B(`${x.value}`)
+                c("span", {
+                  class: F(`${x.value}`)
                 }, [
-                  b(X, { value: _.value }, {
-                    default: g(() => [
-                      _t
+                  f(J, { value: _.value }, {
+                    default: b(() => [
+                      Ft
                     ]),
                     _: 1
                   }, 8, ["value"])
@@ -1565,46 +1575,46 @@ const vt = { key: 0 }, yt = {
             ]),
             key: "0"
           } : void 0,
-          m.value.multiple ? {
+          n.value.multiple ? {
             name: "option",
-            fn: g(({ option: A }) => [
-              u("div", {
+            fn: b(({ option: A }) => [
+              c("div", {
                 "data-cy": A.label
               }, [
-                (s(), k(X, {
-                  value: J(A),
+                (i(), h(J, {
+                  value: Z(A),
                   key: A
                 }, {
-                  default: g(() => [
-                    u("div", Ft, h(A[m.value.label]), 1)
+                  default: b(() => [
+                    c("div", St, w(A[n.value.label]), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))
-              ], 8, Bt)
+              ], 8, Vt)
             ]),
             key: "1"
           } : void 0
         ]), 1040, ["class", "modelValue"]),
-        L(u("small", {
+        L(c("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, h(c(y)), 513), [
-          [q, P.value]
+        }, w(m(v)), 513), [
+          [H, P.value]
         ])
       ], 64);
     };
   }
-}), Tt = {
+}), Pt = {
   key: 0,
   class: "pl-1"
-}, Pt = { class: "border alternating-item-list" }, It = {
+}, Mt = { class: "border alternating-item-list" }, It = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Mt = { class: "d-inline-block" }, zt = {
+}, zt = { class: "d-inline-block" }, Ot = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, ml = /* @__PURE__ */ F({
+}, bl = /* @__PURE__ */ V({
   __name: "ForgeMultiSelectPreview",
   props: {
     title: { default: "Selected Items" },
@@ -1615,106 +1625,106 @@ const vt = { key: 0 }, yt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = ce(), o = t, n = w(() => `${a.modelValue.length} selected`), i = w(() => a.modelValue.length), d = (r) => {
-      o("update:modelValue", r);
-    }, y = (r) => {
-      d(a.modelValue.filter((m) => m.id !== r));
+    const l = e, a = ce(), o = t, s = k(() => `${a.modelValue.length} selected`), d = k(() => a.modelValue.length), r = (u) => {
+      o("update:modelValue", u);
+    }, v = (u) => {
+      r(a.modelValue.filter((n) => n.id !== u));
     };
-    return (r, m) => {
+    return (u, n) => {
       const p = R;
-      return s(), v("div", {
-        class: B(r.orientation === "column" ? "row" : ""),
+      return i(), y("div", {
+        class: F(u.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
-        u("div", {
-          class: B(r.orientation === "row" ? "col-12 mb-1" : "col"),
+        c("div", {
+          class: F(u.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          b(Vt, {
+          f(be, {
             "onUpdate:modelValue": [
-              m[0] || (m[0] = (x) => d(x)),
-              m[1] || (m[1] = (x) => r.$attrs.modelValue = x)
+              n[0] || (n[0] = (x) => r(x)),
+              n[1] || (n[1] = (x) => u.$attrs.modelValue = x)
             ],
-            modelValue: r.$attrs.modelValue,
-            "limit-text": n.value,
+            modelValue: u.$attrs.modelValue,
+            "limit-text": s.value,
             options: l.options
           }, {
-            tag: g(() => [
-              z(h(""))
+            tag: b(() => [
+              O(w(""))
             ]),
-            selection: g(() => [
-              r.$attrs.modelValue.length > 0 ? (s(), v("span", Tt, h(i.value) + " items selected", 1)) : C("", !0)
+            selection: b(() => [
+              u.$attrs.modelValue.length > 0 ? (i(), y("span", Pt, w(d.value) + " items selected", 1)) : S("", !0)
             ]),
-            default: g(() => [
-              (s(!0), v(N, null, j(r.$slots, (x, _) => $(r.$slots, _, { slot: _ })), 256))
+            default: b(() => [
+              (i(!0), y(N, null, q(u.$slots, (x, _) => B(u.$slots, _, { slot: _ })), 256))
             ]),
             _: 3
           }, 8, ["modelValue", "limit-text", "options"]),
-          $(r.$slots, "after-multi-select")
+          B(u.$slots, "after-multi-select")
         ], 2),
-        u("div", {
-          class: B(r.orientation === "row" ? "col-12" : "col"),
+        c("div", {
+          class: F(u.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
-          u("div", {
-            style: ge({ height: r.height }),
+          c("div", {
+            style: we({ height: u.height }),
             class: "overflow-auto"
           }, [
-            u("div", Pt, [
-              r.title ? (s(), v("div", It, h(r.title), 1)) : C("", !0),
-              (s(!0), v(N, null, j(r.$attrs.modelValue, (x) => (s(), v("div", {
+            c("div", Mt, [
+              u.title ? (i(), y("div", It, w(u.title), 1)) : S("", !0),
+              (i(!0), y(N, null, q(u.$attrs.modelValue, (x) => (i(), y("div", {
                 key: x.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                $(r.$slots, "list-item", { item: x }, () => [
-                  u("span", Mt, h(x.shortLabel ? x.shortLabel : x.label), 1)
+                B(u.$slots, "list-item", { item: x }, () => [
+                  c("span", zt, w(x.shortLabel ? x.shortLabel : x.label), 1)
                 ]),
-                r.canRemoveItemFromPreview ? (s(), k(p, {
+                u.canRemoveItemFromPreview ? (i(), h(p, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (_) => y(x.id)
+                  onClick: (_) => v(x.id)
                 }, {
-                  default: g(() => [
-                    b(c(T), {
+                  default: b(() => [
+                    f(m(T), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${x.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : C("", !0)
+                }, 1032, ["onClick"])) : S("", !0)
               ]))), 128)),
-              r.$attrs.modelValue.length === 0 ? (s(), v("div", zt, "No Items Selected.")) : C("", !0)
+              u.$attrs.modelValue.length === 0 ? (i(), y("div", Ot, "No Items Selected.")) : S("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), Ot = { class: "d-flex justify-content-between pb-2" }, Dt = {
+}), Dt = { class: "d-flex justify-content-between pb-2" }, Ut = {
   "data-cy": "title",
   class: "my-auto"
-}, Ut = {
+}, At = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, pl = /* @__PURE__ */ F({
+}, fl = /* @__PURE__ */ V({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (l, a) => (s(), v("div", Ot, [
-      u("h3", Dt, h(t.title), 1),
-      u("div", Ut, [
-        $(l.$slots, "default")
+    return (l, a) => (i(), y("div", Dt, [
+      c("h3", Ut, w(t.title), 1),
+      c("div", At, [
+        B(l.$slots, "default")
       ])
     ]));
   }
-}), At = { "data-cy": "before-slot" }, Nt = { class: "position-relative" }, Et = { "data-cy": "after-slot" }, Rt = /* @__PURE__ */ F({
+}), Nt = { class: "d-flex" }, Et = { "data-cy": "before-slot" }, Rt = { class: "position-relative" }, Lt = { "data-cy": "after-slot" }, fe = /* @__PURE__ */ V({
   __name: "ForgeDatepicker",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ j({
     severity: { default: "primary" },
     modelValue: {},
     selectionMode: { default: "single" },
@@ -1773,7 +1783,7 @@ const vt = { key: 0 }, yt = {
     panelStyle: {},
     panelClass: {},
     panelProps: {},
-    name: {},
+    name: { default: "" },
     ariaLabelledby: {},
     ariaLabel: {},
     pt: {},
@@ -1785,9 +1795,11 @@ const vt = { key: 0 }, yt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = E(e, "modelValue"), a = () => {
+    const t = e, l = E(e, "modelValue"), { errors: a, errorMessage: o, handleChange: s, handleBlur: d } = K(() => t.name, void 0, {
+      initialValue: l.value
+    }), r = () => {
       l.value = null;
-    }, o = w(() => ({
+    }, v = k(() => a.value.length > 0), u = k(() => ({
       day: ({ context: n }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
@@ -1878,53 +1890,66 @@ const vt = { key: 0 }, yt = {
         ]
       })
     }));
-    return (n, i) => {
-      const d = Fe;
-      return s(), v(N, null, [
-        u("span", At, [
-          $(n.$slots, "before")
-        ]),
-        u("div", Nt, [
-          b(d, V({ ...t, ...n.$attrs }, {
-            pt: o.value,
-            modelValue: l.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (y) => l.value = y)
-          }), null, 16, ["pt", "modelValue"]),
-          L(b(c(T), {
-            "data-cy": "icon",
-            icon: "bi:calendar4",
-            class: "position-absolute end-0 top-50 bottom-50 my-auto me-2 text-muted"
-          }, null, 512), [
-            [q, t.showIcon]
+    return (n, p) => {
+      const x = Se;
+      return i(), y(N, null, [
+        c("div", Nt, [
+          c("span", Et, [
+            B(n.$slots, "before")
           ]),
-          L(b(c(T), {
-            "data-cy": "icon",
-            icon: "bi:x",
-            onClick: a,
-            class: B(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer", t.showIcon ? "datepicker-close-icon" : "me-2"])
-          }, null, 8, ["class"]), [
-            [q, t.modelValue]
+          c("div", Rt, [
+            f(x, C({ ...t, ...n.$attrs }, {
+              pt: u.value,
+              modelValue: l.value,
+              "onUpdate:modelValue": [
+                p[0] || (p[0] = (_) => l.value = _),
+                m(s)
+              ],
+              onBlur: m(d),
+              "input-class": { "is-invalid": v.value }
+            }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "onBlur", "input-class"]),
+            L(f(m(T), {
+              "data-cy": "icon",
+              icon: "bi:calendar4",
+              class: F(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${v.value ? "text-danger-dark" : "text-muted"}`])
+            }, null, 8, ["class"]), [
+              [H, t.showIcon]
+            ]),
+            L(f(m(T), {
+              "data-cy": "icon",
+              icon: "bi:x",
+              onClick: r,
+              class: F(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
+            }, null, 8, ["class"]), [
+              [H, t.modelValue]
+            ])
+          ]),
+          c("span", Lt, [
+            B(n.$slots, "after")
           ])
         ]),
-        u("span", Et, [
-          $(n.$slots, "after")
+        L(c("small", {
+          "data-cy": "error",
+          class: "text-invalid"
+        }, w(m(o)), 513), [
+          [H, v.value]
         ])
       ], 64);
     };
   }
-}), vl = /* @__PURE__ */ F({
+}), gl = /* @__PURE__ */ V({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
     currentCount: {}
   },
   setup(e) {
-    const t = e, l = w(() => t.maxCount - t.currentCount);
-    return (a, o) => (s(), v("div", {
-      class: B(l.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + h(l.value), 3));
+    const t = e, l = k(() => t.maxCount - t.currentCount);
+    return (a, o) => (i(), y("div", {
+      class: F(l.value < 0 ? "text-danger" : "")
+    }, "Remaining characters: " + w(l.value), 3));
   }
-}), Lt = /* @__PURE__ */ u("hr", null, null, -1), Ht = { class: "d-flex justify-content-between" }, yl = /* @__PURE__ */ F({
+}), jt = /* @__PURE__ */ c("hr", null, null, -1), Ht = { class: "d-flex justify-content-between" }, hl = /* @__PURE__ */ V({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1944,87 +1969,87 @@ const vt = { key: 0 }, yt = {
       l.value = !0, a.value.hasError = !1;
       try {
         await t.onSubmit();
-      } catch (n) {
-        a.value.hasError = !0, n.message && (a.value.message = n.message);
+      } catch (s) {
+        a.value.hasError = !0, s.message && (a.value.message = s.message);
       }
       l.value = !1;
     }
-    return (n, i) => {
-      const d = R;
-      return s(), v("form", V(n.$attrs, {
+    return (s, d) => {
+      const r = R;
+      return i(), y("form", C(s.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: G(o, ["prevent"])
+        onSubmit: Y(o, ["prevent"])
       }), [
-        n.hideTitle ? C("", !0) : (s(), v(N, { key: 0 }, [
-          $(n.$slots, "title", {}, () => [
-            u("h3", {
-              class: B(n.titleClass),
+        s.hideTitle ? S("", !0) : (i(), y(N, { key: 0 }, [
+          B(s.$slots, "title", {}, () => [
+            c("h3", {
+              class: F(s.titleClass),
               "data-cy": "form-title"
-            }, h(n.title), 3)
+            }, w(s.title), 3)
           ]),
-          Lt
+          jt
         ], 64)),
-        a.value.hasError ? (s(), k(ne, {
+        a.value.hasError ? (i(), h(se, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: g(() => [
-            $(n.$slots, "error", {
+          default: b(() => [
+            B(s.$slots, "error", {
               error: a.value.message
             }, () => [
-              z(h(a.value.message), 1)
+              O(w(a.value.message), 1)
             ])
           ]),
           _: 3
-        })) : C("", !0),
-        $(n.$slots, "default"),
-        u("div", Ht, [
-          $(n.$slots, "cancel", {}, () => [
-            n.hideCancel ? C("", !0) : (s(), k(d, {
+        })) : S("", !0),
+        B(s.$slots, "default"),
+        c("div", Ht, [
+          B(s.$slots, "cancel", {}, () => [
+            s.hideCancel ? S("", !0) : (i(), h(r, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: i[0] || (i[0] = (y) => n.$emit("cancel"))
+              onClick: d[0] || (d[0] = (v) => s.$emit("cancel"))
             }, {
-              default: g(() => [
-                z(h(n.cancelText), 1)
+              default: b(() => [
+                O(w(s.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          $(n.$slots, "submit", { submit: o }, () => [
-            b(d, {
+          B(s.$slots, "submit", { submit: o }, () => [
+            f(r, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: g(() => [
-                z(h(n.submitText), 1)
+              default: b(() => [
+                O(w(s.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        l.value ? (s(), k(ye, {
+        l.value ? (i(), h(ye, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : C("", !0)
+        })) : S("", !0)
       ], 16);
     };
   }
-}), jt = {
+}), Yt = {
   key: 1,
-  class: "d-flex flex-column"
-}, Yt = ["for"], bl = /* @__PURE__ */ F({
+  class: "d-flex flex-column w-100"
+}, qt = ["for"], wl = /* @__PURE__ */ V({
   __name: "ForgeFormField",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ j({
     name: {},
-    label: {},
+    fieldLabel: {},
     type: { default: "text" },
     mask: { default: "" },
     placeholder: { default: "" }
@@ -2034,79 +2059,92 @@ const vt = { key: 0 }, yt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), l = e, a = (m) => {
-      l.type == "number" ? d(m.value) : d(m);
-    }, { errors: o, value: n, errorMessage: i, handleChange: d, handleBlur: y } = Z(() => l.name, void 0, {
+    const t = E(e, "modelValue"), l = e, a = (n) => {
+      l.type == "number" ? r(n.value) : r(n);
+    }, { errors: o, value: s, errorMessage: d, handleChange: r, handleBlur: v } = K(() => l.name, void 0, {
       initialValue: t.value
-    }), r = w(() => o.value.length > 0);
-    return ie(() => n.value, (m) => {
-      t.value = m;
-    }, { immediate: !0 }), (m, p) => {
-      const x = Ce, _ = Se, P = re;
-      return l.type === "checkbox" ? (s(), k(ve, V({
+    }), u = k(() => o.value.length > 0);
+    return re(() => s.value, (n) => {
+      t.value = n;
+    }, { immediate: !0 }), (n, p) => {
+      const x = Te, _ = Ce, P = de, M = ne, z = be, g = fe;
+      return l.type === "checkbox" ? (i(), h(ve, C({
         key: 0,
         id: l.name,
-        label: l.label
-      }, m.$attrs, {
+        label: l.fieldLabel
+      }, n.$attrs, {
         name: l.name,
         modelValue: t.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (S) => t.value = S)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (s(), v("div", jt, [
-        u("label", {
-          for: l.name
-        }, h(l.label), 9, Yt),
-        l.type === "number" ? (s(), k(c(me), V({
+        "onUpdate:modelValue": p[0] || (p[0] = ($) => t.value = $)
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (i(), y("div", Yt, [
+        c("label", {
+          for: l.name,
+          class: "mb-1"
+        }, w(l.fieldLabel), 9, qt),
+        l.type === "number" ? (i(), h(m(me), C({
           key: 0,
           id: l.name
-        }, m.$attrs, {
+        }, n.$attrs, {
           placeholder: l.placeholder,
-          "input-class": { "is-invalid": r.value },
-          class: { "is-invalid": r.value },
+          "input-class": { "is-invalid": u.value },
+          class: { "is-invalid": u.value },
           modelValue: t.value,
-          "onUpdate:modelValue": p[1] || (p[1] = (S) => t.value = S),
+          "onUpdate:modelValue": p[1] || (p[1] = ($) => t.value = $),
           onInput: a
-        }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : l.type === "textarea" ? (s(), k(x, V({
+        }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : l.type === "textarea" ? (i(), h(x, C({
           key: 1,
           id: l.name
-        }, m.$attrs, {
+        }, n.$attrs, {
           placeholder: l.placeholder,
-          class: { "is-invalid": r.value },
+          class: { "is-invalid": u.value },
           modelValue: t.value,
-          "onUpdate:modelValue": p[2] || (p[2] = (S) => t.value = S),
+          "onUpdate:modelValue": p[2] || (p[2] = ($) => t.value = $),
           onInput: a,
-          onBlur: c(y)
-        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (s(), k(_, V({
+          onBlur: m(v)
+        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (i(), h(_, C({
           key: 2,
           id: l.name
-        }, m.$attrs, {
+        }, n.$attrs, {
           placeholder: l.placeholder,
           mask: l.mask,
-          class: { "is-invalid": r.value },
+          class: { "is-invalid": u.value },
           modelValue: t.value,
-          "onUpdate:modelValue": p[3] || (p[3] = (S) => t.value = S),
-          onInput: a,
-          onBlur: c(y)
-        }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : l.type === "text" ? (s(), k(P, V({
+          "onUpdate:modelValue": p[3] || (p[3] = ($) => t.value = $),
+          onComplete: a,
+          onBlur: m(v)
+        }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : l.type === "text" ? (i(), h(P, C({
           key: 3,
           id: l.name
-        }, m.$attrs, {
+        }, n.$attrs, {
           placeholder: l.placeholder,
-          class: { "is-invalid": r.value },
+          class: { "is-invalid": u.value },
           modelValue: t.value,
-          "onUpdate:modelValue": p[4] || (p[4] = (S) => t.value = S),
+          "onUpdate:modelValue": p[4] || (p[4] = ($) => t.value = $),
           onInput: a,
-          onBlur: c(y)
-        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : C("", !0),
-        L(u("small", {
+          onBlur: m(v)
+        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "select" ? (i(), h(M, C({ key: 4 }, { ...l, ...n.$attrs }, {
+          modelValue: t.value,
+          "onUpdate:modelValue": p[5] || (p[5] = ($) => t.value = $),
+          class: { "is-invalid": u.value }
+        }), null, 16, ["modelValue", "class"])) : l.type === "multiselect" ? (i(), h(z, C({ key: 5 }, { ...l, ...n.$attrs }, {
+          modelValue: t.value,
+          "onUpdate:modelValue": p[6] || (p[6] = ($) => t.value = $),
+          class: { "is-invalid": u.value }
+        }), null, 16, ["modelValue", "class"])) : l.type === "datepicker" ? (i(), h(g, C({ key: 6 }, { ...l, ...n.$attrs }, {
+          modelValue: t.value,
+          "onUpdate:modelValue": p[7] || (p[7] = ($) => t.value = $),
+          class: { "is-invalid": u.value }
+        }), null, 16, ["modelValue", "class"])) : S("", !0),
+        L(c("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, h(c(i)), 513), [
-          [q, r.value]
+        }, w(m(d)), 513), [
+          [H, u.value && l.type !== "multiselect" && l.type !== "datepicker"]
         ])
       ]));
     };
   }
-}), fl = /* @__PURE__ */ F({
+}), xl = /* @__PURE__ */ V({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -2133,17 +2171,17 @@ const vt = { key: 0 }, yt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, { errors: l, value: a, errorMessage: o } = Z(() => t.name, void 0, {
+    const t = e, { errors: l, value: a, errorMessage: o } = K(() => t.name, void 0, {
       initialValue: t.modelValue
-    }), n = w(() => l.value.length > 0), i = w(() => ({
+    }), s = k(() => l.value.length > 0), d = k(() => ({
       inputtoken: "list-unstyled",
       input: "border-0",
-      container: ({ props: d }) => ({
+      container: ({ props: r }) => ({
         class: [
           "form-control mb-0 d-flex",
           {
-            disabled: d.disabled,
-            "is-invalid": n.value
+            disabled: r.disabled,
+            "is-invalid": s.value
           }
         ]
       }),
@@ -2166,35 +2204,35 @@ const vt = { key: 0 }, yt = {
         ]
       }
     }));
-    return (d, y) => {
-      const r = Ve;
-      return s(), v(N, null, [
-        b(r, V({ ...t, ...d.$attrs }, {
-          pt: i.value,
-          "model-value": c(a),
-          "onUpdate:modelValue": y[0] || (y[0] = (m) => le(a) ? a.value = m : null)
+    return (r, v) => {
+      const u = Pe;
+      return i(), y(N, null, [
+        f(u, C({ ...t, ...r.$attrs }, {
+          pt: d.value,
+          "model-value": m(a),
+          "onUpdate:modelValue": v[0] || (v[0] = (n) => le(a) ? a.value = n : null)
         }), {
-          removetokenicon: g(({ removeCallback: m }) => [
-            L(b(c(T), {
+          removetokenicon: b(({ removeCallback: n }) => [
+            L(f(m(T), {
               icon: "bi:x",
               class: "cursor-pointer",
-              onClick: m
+              onClick: n
             }, null, 8, ["onClick"]), [
-              [q, !t.disabled]
+              [H, !t.disabled]
             ])
           ]),
           _: 1
         }, 16, ["pt", "model-value"]),
-        L(u("small", {
+        L(c("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(c(o)), 513), [
-          [q, n.value]
+        }, w(m(o)), 513), [
+          [H, s.value]
         ])
       ], 64);
     };
   }
-}), qt = /* @__PURE__ */ F({
+}), Gt = /* @__PURE__ */ V({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2209,7 +2247,7 @@ const vt = { key: 0 }, yt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = w(() => t.striped ? "progress-bar-striped" : null), a = w(() => t.animate ? "progress-bar-animated" : null), o = w(() => {
+    const t = e, l = k(() => t.striped ? "progress-bar-striped" : null), a = k(() => t.animate ? "progress-bar-animated" : null), o = k(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2228,7 +2266,7 @@ const vt = { key: 0 }, yt = {
         default:
           return "bg-primary";
       }
-    }), n = w(() => ({
+    }), s = k(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2236,17 +2274,17 @@ const vt = { key: 0 }, yt = {
         class: [o.value, l.value, a.value]
       }
     }));
-    return (i, d) => {
-      const y = Te;
-      return s(), k(y, V({ ...i.$attrs, ...t }, { pt: n.value }), {
-        default: g(() => [
-          $(i.$slots, "default")
+    return (d, r) => {
+      const v = Me;
+      return i(), h(v, C({ ...d.$attrs, ...t }, { pt: s.value }), {
+        default: b(() => [
+          B(d.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), Gt = { class: "value text-white w-100 text-center" }, gl = /* @__PURE__ */ F({
+}), Kt = { class: "value text-white w-100 text-center" }, kl = /* @__PURE__ */ V({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2254,18 +2292,18 @@ const vt = { key: 0 }, yt = {
   },
   setup(e) {
     const t = e;
-    return (l, a) => (s(), v("div", V(l.$attrs, {
+    return (l, a) => (i(), y("div", C(l.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      u("span", Gt, [
-        $(l.$slots, "default")
+      c("span", Kt, [
+        B(l.$slots, "default")
       ])
     ], 16));
   }
-}), Kt = {
+}), Wt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, Wt = { class: "d-flex align-items-center justify-content-center w-100" }, hl = /* @__PURE__ */ F({
+}, Zt = { class: "d-flex align-items-center justify-content-center w-100" }, $l = /* @__PURE__ */ V({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2281,114 +2319,114 @@ const vt = { key: 0 }, yt = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = I(a.currentStep), n = () => {
+    const l = t, a = e, o = I(a.currentStep), s = () => {
       do
         o.value--;
       while (a.model[o.value].disabled);
       l("update:currentStep", o.value);
-    }, i = () => {
+    }, d = () => {
       if (o.value < a.model.length - 1)
         do
           o.value++;
         while (a.model[o.value].disabled);
       l("update:currentStep", o.value);
-    }, d = w(() => {
-      const r = a.model.findIndex((m) => !m.disabled);
-      return !(r < o.value && r > -1);
-    }), y = w(() => ({
-      menuitem: (r) => ({
+    }, r = k(() => {
+      const u = a.model.findIndex((n) => !n.disabled);
+      return !(u < o.value && u > -1);
+    }), v = k(() => ({
+      menuitem: (u) => ({
         class: [{
-          "cursor-pointer": !r.context.disabled
+          "cursor-pointer": !u.context.disabled
         }]
       }),
-      step: (r) => ({
+      step: (u) => ({
         class: [
           "d-flex align-items-center justify-content-center mb-2 step",
           {
-            inactive: r.context.disabled,
-            "bg-primary text-white": r.context.index === o.value && (a.severity === void 0 || a.severity === "primary"),
-            "bg-brand text-white": r.context.index === o.value && a.severity === "brand",
-            "bg-secondary text-white": r.context.index === o.value && a.severity === "secondary",
-            "bg-success text-white": r.context.index === o.value && a.severity === "success",
-            "bg-warning text-white": r.context.index === o.value && a.severity === "warning",
-            "bg-danger text-white": r.context.index === o.value && a.severity === "danger",
-            "bg-info text-white": r.context.index === o.value && a.severity === "info"
+            inactive: u.context.disabled,
+            "bg-primary text-white": u.context.index === o.value && (a.severity === void 0 || a.severity === "primary"),
+            "bg-brand text-white": u.context.index === o.value && a.severity === "brand",
+            "bg-secondary text-white": u.context.index === o.value && a.severity === "secondary",
+            "bg-success text-white": u.context.index === o.value && a.severity === "success",
+            "bg-warning text-white": u.context.index === o.value && a.severity === "warning",
+            "bg-danger text-white": u.context.index === o.value && a.severity === "danger",
+            "bg-info text-white": u.context.index === o.value && a.severity === "info"
           }
         ]
       }),
-      label: (r) => ({
+      label: (u) => ({
         class: [
           "h5",
           {
-            "border-bottom border-2 border-primary": r.context.index === o.value && (a.severity === void 0 || a.severity === "primary"),
-            "border-bottom border-2 border-brand": r.context.index === o.value && a.severity === "brand",
-            "border-bottom border-2 border-secondary": r.context.index === o.value && a.severity === "secondary",
-            "border-bottom border-2 border-success": r.context.index === o.value && a.severity === "success",
-            "border-bottom border-2 border-warning": r.context.index === o.value && a.severity === "warning",
-            "border-bottom border-2 border-danger": r.context.index === o.value && a.severity === "danger",
-            "border-bottom border-2 border-info": r.context.index === o.value && a.severity === "info"
+            "border-bottom border-2 border-primary": u.context.index === o.value && (a.severity === void 0 || a.severity === "primary"),
+            "border-bottom border-2 border-brand": u.context.index === o.value && a.severity === "brand",
+            "border-bottom border-2 border-secondary": u.context.index === o.value && a.severity === "secondary",
+            "border-bottom border-2 border-success": u.context.index === o.value && a.severity === "success",
+            "border-bottom border-2 border-warning": u.context.index === o.value && a.severity === "warning",
+            "border-bottom border-2 border-danger": u.context.index === o.value && a.severity === "danger",
+            "border-bottom border-2 border-info": u.context.index === o.value && a.severity === "info"
           }
         ]
       })
     }));
-    return (r, m) => {
-      const p = R, x = Ie, _ = Pe;
-      return s(), v("div", Kt, [
-        u("div", Wt, [
-          b(p, {
+    return (u, n) => {
+      const p = R, x = ze, _ = Ie;
+      return i(), y("div", Wt, [
+        c("div", Zt, [
+          f(p, {
             severity: a.severity,
-            disabled: d.value,
-            onClick: n,
+            disabled: r.value,
+            onClick: s,
             class: "rounded-circle py-2 me-4",
             "data-cy": "back-button"
           }, {
-            default: g(() => [
-              b(c(T), {
+            default: b(() => [
+              f(m(T), {
                 icon: "bi:chevron-left",
                 class: "mb-1"
               })
             ]),
             _: 1
           }, 8, ["severity", "disabled"]),
-          b(x, {
+          f(x, {
             "active-step": o.value,
-            "onUpdate:activeStep": m[0] || (m[0] = (P) => o.value = P),
+            "onUpdate:activeStep": n[0] || (n[0] = (P) => o.value = P),
             model: a.model,
-            pt: y.value,
+            pt: v.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
-        b(_),
-        (s(!0), v(N, null, j(a.model, (P, S) => (s(), v("div", {
-          key: S,
+        f(_),
+        (i(!0), y(N, null, q(a.model, (P, M) => (i(), y("div", {
+          key: M,
           class: "w-100"
         }, [
-          S === o.value ? $(r.$slots, P.key ?? P.label, {
+          M === o.value ? B(u.$slots, P.key ?? P.label, {
             key: 0,
-            nextStep: i,
-            previousStep: n
+            nextStep: d,
+            previousStep: s
           }, () => [
-            b(ne, {
+            f(se, {
               severity: "info",
               "data-cy": "alert"
             }, {
-              default: g(() => [
-                z(" Please add Slot Content for the key " + h(P.key ?? P.label) + " ", 1),
-                b(p, {
+              default: b(() => [
+                O(" Please add Slot Content for the key " + w(P.key ?? P.label) + " ", 1),
+                f(p, {
                   severity: "primary",
                   label: "Next",
-                  onClick: i,
+                  onClick: d,
                   class: "ms-2"
                 })
               ]),
               _: 2
             }, 1024)
-          ]) : C("", !0)
+          ]) : S("", !0)
         ]))), 128))
       ]);
     };
   }
-}), Zt = { class: "p-4 text-wrap w-100" }, Jt = { class: "p-4 text-wrap w-100" }, wl = /* @__PURE__ */ F({
+}), Jt = { class: "p-4 text-wrap w-100" }, Xt = { class: "p-4 text-wrap w-100" }, Bl = /* @__PURE__ */ V({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2397,48 +2435,48 @@ const vt = { key: 0 }, yt = {
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = w(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), a = w(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
-    return (o, n) => {
-      const i = R;
-      return t.clickable ? (s(), k(i, {
+    const t = e, l = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), a = 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 (o, s) => {
+      const d = R;
+      return t.clickable ? (i(), h(d, {
         key: 0,
-        class: B(["d-flex w-100 p-0 text-body", l.value]),
+        class: F(["d-flex w-100 p-0 text-body", l.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: g(() => [
-          u("div", Zt, [
-            $(o.$slots, "default", {}, () => [
-              z("Tile Content")
+        default: b(() => [
+          c("div", Jt, [
+            B(o.$slots, "default", {}, () => [
+              O("Tile Content")
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (s(), v("div", {
+      }, 8, ["severity", "class"])) : (i(), y("div", {
         key: 1,
-        class: B(["d-flex w-100", a.value]),
+        class: F(["d-flex w-100", a.value]),
         "data-cy": "tile"
       }, [
-        u("div", Jt, [
-          $(o.$slots, "default", {}, () => [
-            z("Tile Content")
+        c("div", Xt, [
+          B(o.$slots, "default", {}, () => [
+            O("Tile Content")
           ])
         ])
       ], 2));
     };
   }
 });
-function ee(e, t) {
+function Q(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const Xt = {
+const Qt = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, Qt = { class: "ms-2" }, ea = { key: 0 }, ta = /* @__PURE__ */ u("span", { class: "mx-2" }, "|", -1), aa = {
+}, ea = { class: "ms-2" }, ta = { key: 0 }, aa = /* @__PURE__ */ c("span", { class: "mx-2" }, "|", -1), la = {
   class: "w-auto",
   "data-cy": "total"
-}, la = /* @__PURE__ */ F({
+}, oa = /* @__PURE__ */ V({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2447,28 +2485,28 @@ const Xt = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = (i) => {
-      l("update:perPage", i.value);
-    }, n = w(() => {
-      const i = Math.ceil(a.total / a.perPage);
-      return `${i} ${ee(i, "page")}`;
+    const l = t, a = e, o = (d) => {
+      l("update:perPage", d.value);
+    }, s = k(() => {
+      const d = Math.ceil(a.total / a.perPage);
+      return `${d} ${Q(d, "page")}`;
     });
-    return (i, d) => (s(), v("div", Xt, [
-      z(" Number of results per page "),
-      u("div", Qt, [
-        b(c(de), {
+    return (d, r) => (i(), y("div", Qt, [
+      O(" Number of results per page "),
+      c("div", ea, [
+        f(m(ne), {
           options: a.pageSizes,
           "model-value": a.perPage,
-          onChange: d[0] || (d[0] = (y) => o(y))
+          onChange: r[0] || (r[0] = (v) => o(v))
         }, null, 8, ["options", "model-value"])
       ]),
-      a.total ? (s(), v("div", ea, [
-        ta,
-        u("span", aa, h(a.total) + " " + h(c(ee)(a.total, "result")) + " across " + h(n.value), 1)
-      ])) : C("", !0)
+      a.total ? (i(), y("div", ta, [
+        aa,
+        c("span", la, w(a.total) + " " + w(m(Q)(a.total, "result")) + " across " + w(s.value), 1)
+      ])) : S("", !0)
     ]));
   }
-}), oa = { class: "position-relative" }, na = { "data-cy": "above-table-slot" }, sa = { class: "d-flex" }, ia = { class: "d-flex align-items-end mb-2" }, ra = { key: 0 }, da = { class: "ms-auto" }, ua = /* @__PURE__ */ u("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), xl = /* @__PURE__ */ F({
+}), na = { class: "position-relative" }, sa = { "data-cy": "above-table-slot" }, ia = { class: "d-flex" }, ra = { class: "d-flex align-items-end mb-2" }, da = { key: 0 }, ua = { class: "ms-auto" }, ca = /* @__PURE__ */ c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), _l = /* @__PURE__ */ V({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2548,17 +2586,17 @@ const Xt = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = I(), n = I([10, 20, 50, 100]), i = I(20), d = I({
+    const l = t, a = e, o = I(), s = I([10, 20, 50, 100]), d = I(20), r = I({
       filters: a.filters,
-      perPage: i.value,
+      perPage: d.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: a.totalRecords ?? a.value.length
-    }), y = w(() => a.totalRecords ?? a.value.length), r = w(() => {
-      const f = Math.ceil(y.value / i.value);
-      return `${f} ${ee(f, "page")}`;
-    }), m = w(() => ({
+    }), v = k(() => a.totalRecords ?? a.value.length), u = k(() => {
+      const g = Math.ceil(v.value / d.value);
+      return `${g} ${Q(g, "page")}`;
+    }), n = k(() => ({
       thead: () => ({
         class: [
           {
@@ -2581,174 +2619,270 @@ const Xt = {
         ]
       })
     })), p = () => {
-      for (const f in a.filters)
-        typeof a.filters[f] == "string" ? a.filters[f] = "" : a.filters[f].value = null;
+      for (const g in a.filters)
+        typeof a.filters[g] == "string" ? a.filters[g] = "" : a.filters[g].value = null;
       P(a.filters);
     }, x = () => {
       o.value.exportCSV();
-    }, _ = (f) => {
-      var M;
-      d.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", d.value.sortField = ((M = f.sortField) == null ? void 0 : M.toString()) ?? "", l("update:tableContext", d.value), l("sort", f);
-    }, P = (f) => {
-      d.value.filters = f, l("update:tableContext", d.value), l("update:filters", f);
-    }, S = (f) => {
-      d.value.page = f.page, l("update:tableContext", d.value), l("page", f);
-    }, O = () => {
-      d.value.perPage = i.value, l("update:tableContext", d.value);
+    }, _ = (g) => {
+      var $;
+      r.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", r.value.sortField = (($ = g.sortField) == null ? void 0 : $.toString()) ?? "", l("update:tableContext", r.value), l("sort", g);
+    }, P = (g) => {
+      r.value.filters = g, l("update:tableContext", r.value), l("update:filters", g);
+    }, M = (g) => {
+      r.value.page = g.page, l("update:tableContext", r.value), l("page", g);
+    }, z = () => {
+      r.value.perPage = d.value, l("update:tableContext", r.value);
     };
-    return ie(() => a.filters, (f) => {
-      d.value.filters = f, l("update:tableContext", d.value);
-    }, { deep: !0 }), ae(() => l("update:tableContext", d.value)), (f, M) => (s(), v("div", oa, [
-      u("span", na, [
-        $(f.$slots, "above-table")
+    return re(() => a.filters, (g) => {
+      r.value.filters = g, l("update:tableContext", r.value);
+    }, { deep: !0 }), ae(() => l("update:tableContext", r.value)), (g, $) => (i(), y("div", na, [
+      c("span", sa, [
+        B(g.$slots, "above-table")
       ]),
-      b(c(Me), V({
+      f(m(Oe), C({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
-      }, { ...a, ...f.$attrs }, {
-        pt: m.value,
-        rows: i.value,
-        "total-records": y.value,
+      }, { ...a, ...g.$attrs }, {
+        pt: n.value,
+        rows: d.value,
+        "total-records": v.value,
         "filter-display": a.filters ? "row" : void 0,
         ref_key: "forgeTable",
         ref: o,
         "data-cy": "table",
         "onUpdate:filters": P,
         onSort: _,
-        onPage: S
+        onPage: M
       }), oe({
-        header: g(() => [
-          u("div", {
-            class: B(a.loading ? "opacity-50" : "")
+        header: b(() => [
+          c("div", {
+            class: F(a.loading ? "opacity-50" : "")
           }, [
-            u("div", sa, [
-              u("div", ia, [
-                f.paginator && !f.legacyPaginationFooter ? (s(), v("span", ra, [
-                  b(la, {
-                    total: y.value,
-                    "page-sizes": n.value,
-                    "per-page": i.value,
+            c("div", ia, [
+              c("div", ra, [
+                g.paginator && !g.legacyPaginationFooter ? (i(), y("span", da, [
+                  f(oa, {
+                    total: v.value,
+                    "page-sizes": s.value,
+                    "per-page": d.value,
                     "onUpdate:perPage": [
-                      M[0] || (M[0] = (Y) => i.value = Y),
-                      O
+                      $[0] || ($[0] = (G) => d.value = G),
+                      z
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : C("", !0)
+                ])) : S("", !0)
               ]),
-              u("div", da, [
-                f.showClearButton ? (s(), k(c(R), {
+              c("div", ua, [
+                g.showClearButton ? (i(), h(m(R), {
                   key: 0,
                   outlined: "",
-                  class: B(f.showExporterButton ? "me-2" : ""),
+                  class: F(g.showExporterButton ? "me-2" : ""),
                   onClick: p,
                   "data-cy": "clear-all"
                 }, {
-                  default: g(() => [
-                    b(c(T), {
+                  default: b(() => [
+                    f(m(T), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    z(" Clear ")
+                    O(" Clear ")
                   ]),
                   _: 1
-                }, 8, ["class"])) : C("", !0),
-                f.showExporterButton ? (s(), k(c(R), {
+                }, 8, ["class"])) : S("", !0),
+                g.showExporterButton ? (i(), h(m(R), {
                   key: 1,
                   outlined: "",
                   onClick: x,
                   "data-cy": "exporter"
                 }, {
-                  default: g(() => [
-                    b(c(T), {
+                  default: b(() => [
+                    f(m(T), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
-                    z(" Export ")
+                    O(" Export ")
                   ]),
                   _: 1
-                })) : C("", !0)
+                })) : S("", !0)
               ])
             ])
           ], 2)
         ]),
-        default: g(() => [
-          $(f.$slots, "default")
+        default: b(() => [
+          B(g.$slots, "default")
         ]),
         _: 2
       }, [
-        j(f.$slots, (Y, J) => ({
-          name: J,
-          fn: g((se) => [
-            $(f.$slots, J, K(te(se || {})))
+        q(g.$slots, (G, Z) => ({
+          name: Z,
+          fn: b((ie) => [
+            B(g.$slots, Z, ee(te(ie || {})))
           ])
         })),
-        f.legacyPaginationFooter ? {
+        g.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: g(() => [
-            u("span", {
-              class: B(["d-flex", a.loading ? "opacity-50" : ""]),
+          fn: b(() => [
+            c("span", {
+              class: F(["d-flex", a.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              ua,
-              b(c(de), {
-                options: n.value,
-                modelValue: i.value,
-                "onUpdate:modelValue": M[1] || (M[1] = (Y) => i.value = Y),
+              ca,
+              f(m(ne), {
+                options: s.value,
+                modelValue: d.value,
+                "onUpdate:modelValue": $[1] || ($[1] = (G) => d.value = G),
                 class: "ms-2",
-                onClick: O
+                onClick: z
               }, null, 8, ["options", "modelValue"])
             ], 2)
           ]),
           key: "0"
         } : void 0,
-        f.legacyPaginationFooter ? {
+        g.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: g(() => [
-            u("span", {
+          fn: b(() => [
+            c("span", {
               "data-cy": "legacy-total",
-              class: B(a.loading ? "opacity-50" : "")
-            }, h(y.value) + " " + h(c(ee)(y.value, "result")) + " across " + h(r.value), 3)
+              class: F(a.loading ? "opacity-50" : "")
+            }, w(v.value) + " " + w(m(Q)(v.value, "result")) + " across " + w(u.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), kl = /* @__PURE__ */ F({
+}), ma = { class: "d-flex position-relative" }, pa = { class: "d-flex w-100" }, va = { class: "d-flex w-100" }, Fl = /* @__PURE__ */ V({
   __name: "ForgeFilterHeader",
-  props: {
+  props: /* @__PURE__ */ j({
     dataType: {},
-    dropdownOptions: {}
-  },
+    dropdownOptions: {},
+    showClearButton: { type: Boolean, default: !1 },
+    clearFilter: { type: Function }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
   setup(e) {
-    return (t, l) => {
-      const a = me;
-      return t.dataType === "numeric" ? (s(), k(a, K(V({ key: 0 }, t.$attrs)), null, 16)) : t.dataType === "date" ? (s(), k(Rt, V({ key: 1 }, t.$attrs, {
-        "show-icon": !1,
-        "show-on-focus": !0
-      }), null, 16)) : t.dataType === "select" ? (s(), k(c(de), V({ key: 2 }, t.$attrs, { options: t.dropdownOptions }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), k(c(ze), V({ key: 3 }, t.$attrs, {
-        options: t.dropdownOptions,
-        showToggleAll: !1,
-        placeholder: " ",
-        filter: ""
-      }), null, 16, ["options"])) : (s(), k(c(re), K(V({ key: 4 }, t.$attrs)), null, 16));
+    const t = E(e, "modelValue"), l = () => {
+      e.clearFilter ? e.clearFilter() : t.value = null;
+    };
+    return (a, o) => {
+      const s = me, d = R;
+      return i(), y("div", ma, [
+        a.dataType === "numeric" ? (i(), h(s, C({
+          key: 0,
+          modelValue: t.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
+        }, a.$attrs), null, 16, ["modelValue"])) : a.dataType === "date" ? (i(), h(fe, C({
+          key: 1,
+          modelValue: t.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (r) => t.value = r)
+        }, a.$attrs, {
+          "show-icon": !1,
+          "show-on-focus": !0
+        }), null, 16, ["modelValue"])) : a.dataType === "select" ? (i(), h(m(ne), C({
+          key: 2,
+          modelValue: t.value,
+          "onUpdate:modelValue": o[2] || (o[2] = (r) => t.value = r)
+        }, a.$attrs, { options: a.dropdownOptions }), {
+          value: b(({ value: r, placeholder: v }) => [
+            c("div", pa, [
+              c("span", {
+                class: F({ "filter-placeholder": r === null })
+              }, w(r !== null ? r : v), 3),
+              a.showClearButton && t.value !== null ? (i(), h(d, {
+                key: 0,
+                onClick: Y(l, ["prevent"]),
+                size: "small",
+                class: "bg-transparent border-0 ms-auto p-0 pe-1"
+              }, {
+                default: b(() => [
+                  f(m(T), {
+                    icon: "bi:x",
+                    width: "1rem",
+                    height: "1rem",
+                    class: "text-black"
+                  })
+                ]),
+                _: 1
+              })) : S("", !0)
+            ])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "options"])) : a.dataType === "multiselect" ? (i(), h(m(De), C({
+          key: 3,
+          modelValue: t.value,
+          "onUpdate:modelValue": o[3] || (o[3] = (r) => t.value = r)
+        }, a.$attrs, {
+          options: a.dropdownOptions,
+          showToggleAll: !1,
+          filter: ""
+        }), {
+          value: b(({ value: r, placeholder: v }) => [
+            c("div", va, [
+              c("span", {
+                class: F({ "filter-placeholder": (r == null ? void 0 : r.length) === 0 })
+              }, w(r !== null && (r == null ? void 0 : r.length) > 0 ? r.join(", ") : v), 3),
+              a.showClearButton && (r == null ? void 0 : r.length) > 0 ? (i(), h(d, {
+                key: 0,
+                onClick: Y(l, ["prevent"]),
+                size: "small",
+                class: "bg-transparent border-0 ms-auto p-0 pe-1"
+              }, {
+                default: b(() => [
+                  f(m(T), {
+                    icon: "bi:x",
+                    width: "1rem",
+                    height: "1rem",
+                    class: "text-black"
+                  })
+                ]),
+                _: 1
+              })) : S("", !0)
+            ])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "options"])) : (i(), h(m(de), C({
+          key: 4,
+          modelValue: t.value,
+          "onUpdate:modelValue": o[4] || (o[4] = (r) => t.value = r)
+        }, a.$attrs), null, 16, ["modelValue"])),
+        a.showClearButton && t.value !== null && a.dataType !== "select" && a.dataType !== "multiselect" && a.dataType !== "date" ? (i(), h(d, {
+          key: 5,
+          onClick: Y(l, ["prevent"]),
+          size: "small",
+          class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
+        }, {
+          default: b(() => [
+            f(m(T), {
+              icon: "bi:x",
+              width: "1rem",
+              height: "1rem",
+              class: "text-black bg-white"
+            })
+          ]),
+          _: 1
+        })) : S("", !0)
+      ]);
     };
   }
 });
-function be(e, t, l, a) {
-  const o = t.flatMap((n) => n.file);
-  return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
-    const i = o.findIndex((y) => y.name === n.name);
-    let d = "Not Uploaded";
-    i === -1 ? ((!l.includes(n.type) || !(n.size <= a)) && (d = l.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
-      file: n,
-      status: d,
+function ge(e, t, l, a) {
+  const o = t.flatMap((s) => s.file);
+  return t = t.map((s) => ({ ...s, status: s.status == "Duplicate" ? "Not Uploaded" : s.status })), e.forEach((s) => {
+    const d = o.findIndex((v) => v.name === s.name);
+    let r = "Not Uploaded";
+    d === -1 ? ((!l.includes(s.type) || !(s.size <= a)) && (r = l.includes(s.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+      file: s,
+      status: r,
       blobFileName: null
-    })) : t[i].status = "Duplicate";
+    })) : t[d].status = "Duplicate";
   }), t;
 }
-async function ca(e, t) {
+async function ya(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new pe(t).delete();
@@ -2764,22 +2898,22 @@ function ue(e, t = !0, l = 1) {
   if (Math.abs(e) < a)
     return e + " B";
   const o = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
-  let n = -1;
-  const i = 10 ** l;
+  let s = -1;
+  const d = 10 ** l;
   do
-    e /= a, ++n;
-  while (Math.round(Math.abs(e) * i) / i >= a && n < o.length - 1);
-  return e.toFixed(l) + " " + o[n];
+    e /= a, ++s;
+  while (Math.round(Math.abs(e) * d) / d >= a && s < o.length - 1);
+  return e.toFixed(l) + " " + o[s];
 }
-function ma(e) {
+function ba(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function pa(e) {
+function fa(e) {
   return URL.createObjectURL(e);
 }
-const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disabled", "multiple"], ba = /* @__PURE__ */ F({
+const ga = { class: "d-flex justify-content-between" }, ha = ["accept", "disabled", "multiple"], wa = /* @__PURE__ */ V({
   __name: "UploadButton",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ j({
     acceptedFileTypes: {},
     maxFileInput: {},
     showDragDropArea: { type: Boolean }
@@ -2789,54 +2923,54 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), l = w(() => e.maxFileInput <= t.value.length), a = (o) => {
-      t.value = be(o, t.value, e.acceptedFileTypes, e.maxFileInput);
+    const t = E(e, "modelValue"), l = k(() => e.maxFileInput <= t.value.length), a = (o) => {
+      t.value = ge(o, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
-    return (o, n) => (s(), v("div", va, [
-      $(o.$slots, "message"),
-      u("div", null, [
-        u("input", {
+    return (o, s) => (i(), y("div", ga, [
+      B(o.$slots, "message"),
+      c("div", null, [
+        c("input", {
           id: "file-input",
           type: "file",
           class: "d-none",
           accept: o.acceptedFileTypes.join(", "),
           disabled: l.value,
           multiple: o.maxFileInput > 1,
-          onInput: n[0] || (n[0] = (i) => a([...i.target.files]))
-        }, null, 40, ya),
-        u("label", {
-          class: B([{ disabled: l.value }, "btn btn-primary"]),
+          onInput: s[0] || (s[0] = (d) => a([...d.target.files]))
+        }, null, 40, ha),
+        c("label", {
+          class: F([{ disabled: l.value }, "btn btn-primary"]),
           id: "file-input-button",
           for: "file-input"
         }, [
-          $(o.$slots, "button-content", {}, () => [
-            b(c(T), {
+          B(o.$slots, "button-content", {}, () => [
+            f(m(T), {
               icon: "bi:upload",
               class: "me-2",
               height: "20px",
               width: "20px"
             }),
-            z(" Browse your computer ")
+            O(" Browse your computer ")
           ])
         ], 2)
       ]),
-      o.showDragDropArea ? (s(), v("div", {
+      o.showDragDropArea ? (i(), y("div", {
         class: "ms-auto",
         key: o.acceptedFileTypes.length,
         id: "accepted-file-types"
-      }, "Accepted File Types: " + h(o.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : C("", !0)
+      }, "Accepted File Types: " + w(o.acceptedFileTypes.map((d) => d.split("/").pop()).join(", ")), 1)) : S("", !0)
     ]));
   }
-}), fa = {
+}), xa = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, ga = {
+}, ka = {
   key: 1,
   class: "d-flex flex-column"
-}, ha = /* @__PURE__ */ F({
+}, $a = /* @__PURE__ */ V({
   __name: "DragDropArea",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ j({
     maxFileInput: {},
     maxFileSize: {},
     acceptedFileTypes: {}
@@ -2846,30 +2980,30 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), l = I(!1), a = w(() => e.maxFileInput <= t.value.length), o = (n) => {
-      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || a.value ? n.preventDefault() : t.value = be([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
+    const t = E(e, "modelValue"), l = I(!1), a = k(() => e.maxFileInput <= t.value.length), o = (s) => {
+      l.value = !1, s.dataTransfer.files.length > e.maxFileInput || a.value ? s.preventDefault() : t.value = ge([...s.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
-    return (n, i) => (s(), v("div", {
+    return (s, d) => (i(), y("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: i[0] || (i[0] = G((d) => l.value = !1, ["prevent"])),
-      onDragover: i[1] || (i[1] = G((d) => l.value = !0, ["prevent"])),
-      onDrop: G(o, ["prevent"])
+      class: F(`${l.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      onDragleave: d[0] || (d[0] = Y((r) => l.value = !1, ["prevent"])),
+      onDragover: d[1] || (d[1] = Y((r) => l.value = !0, ["prevent"])),
+      onDrop: Y(o, ["prevent"])
     }, [
-      t.value.length === 0 ? (s(), v("div", fa, [
-        b(c(T), {
+      t.value.length === 0 ? (i(), y("div", xa, [
+        f(m(T), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        z(" Drag and drop files here ")
-      ])) : (s(), v("div", ga, [
-        $(n.$slots, "default")
+        O(" Drag and drop files here ")
+      ])) : (i(), y("div", ka, [
+        B(s.$slots, "default")
       ]))
     ], 34));
   }
-}), wa = { class: "d-flex align-items-center me-2" }, xa = /* @__PURE__ */ F({
+}), Ba = { class: "d-flex align-items-center me-2" }, _a = /* @__PURE__ */ V({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -2878,7 +3012,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = w(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), l = w(() => {
+    const t = k(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), l = k(() => {
       switch (e.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -2894,43 +3028,43 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (a, o) => (s(), v("div", wa, [
-      a.uploadStatus === "Uploading" ? (s(), k(qt, {
+    return (a, o) => (i(), y("div", Ba, [
+      a.uploadStatus === "Uploading" ? (i(), h(Gt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
-        default: g(() => [
-          z(h((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
+        default: b(() => [
+          O(w((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
-      })) : C("", !0),
-      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (s(), k(ne, {
+      })) : S("", !0),
+      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (i(), h(se, {
         key: 1,
         id: "upload-status-alert",
         severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
-        default: g(() => [
-          z(h(l.value), 1)
+        default: b(() => [
+          O(w(l.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : C("", !0)
+      }, 8, ["severity"])) : S("", !0)
     ]));
   }
-}), ka = ["data-cy"], $a = { class: "ms-3 d-flex flex-column" }, _a = {
+}), Fa = ["data-cy"], Va = { class: "ms-3 d-flex flex-column" }, Sa = {
   key: 1,
   id: "file-name"
-}, Ba = {
+}, Ca = {
   class: "text-black-50",
   id: "file-type"
-}, Fa = {
+}, Ta = {
   class: "text-black-50",
   id: "file-size"
-}, Sa = { class: "ms-auto my-auto d-flex" }, Ca = /* @__PURE__ */ F({
+}, Pa = { class: "ms-auto my-auto d-flex" }, Ma = /* @__PURE__ */ V({
   __name: "FileInfo",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ j({
     editableFileName: { type: Boolean },
     acceptedFileTypes: {},
     maxFileSize: {},
@@ -2945,57 +3079,57 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
     uploadStatus: { required: !0 },
     uploadStatusModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  emits: /* @__PURE__ */ j(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const l = E(e, "file"), a = E(e, "blobFileName"), o = E(e, "uploadStatus"), n = t, i = I(l.value.name), d = I(""), y = I(0), r = I(), m = w(() => e.acceptedFileTypes.includes(l.value.type)), p = w(() => l.value.size <= e.maxFileSize), x = () => {
-      l.value = new File([l.value], i.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
+    const l = E(e, "file"), a = E(e, "blobFileName"), o = E(e, "uploadStatus"), s = t, d = I(l.value.name), r = I(""), v = I(0), u = I(), n = k(() => e.acceptedFileTypes.includes(l.value.type)), p = k(() => l.value.size <= e.maxFileSize), x = () => {
+      l.value = new File([l.value], d.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, _ = async () => {
-      if (!m.value || !p.value) {
-        o.value = m.value ? "InvalidFileSize" : "InvalidFileType";
+      if (!n.value || !p.value) {
+        o.value = n.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      o.value = "Preparing", r.value = new AbortController();
-      const [S, O] = await e.getFileUrlAction(l.value.name);
-      if (!S) {
+      o.value = "Preparing", u.value = new AbortController();
+      const [M, z] = await e.getFileUrlAction(l.value.name);
+      if (!M) {
         o.value = "Failed";
         return;
       }
       try {
         o.value = "Uploading";
-        const f = new pe(S), M = {
-          abortSignal: r.value.signal,
-          onProgress: (Y) => y.value = Y.loadedBytes,
+        const g = new pe(M), $ = {
+          abortSignal: u.value.signal,
+          onProgress: (G) => v.value = G.loadedBytes,
           tags: { temp: "true" }
         };
-        await f.uploadData(l.value, M), d.value = S, o.value = "Uploaded", a.value = O;
-      } catch (f) {
-        if (f.name === "AbortError") {
+        await g.uploadData(l.value, $), r.value = M, o.value = "Uploaded", a.value = z;
+      } catch (g) {
+        if (g.name === "AbortError") {
           o.value = "Aborted";
           return;
         }
         o.value = "Failed";
       }
     }, P = async () => {
-      await ca(o.value, d.value), n("deleted", l.value);
+      await ya(o.value, r.value), s("deleted", l.value);
     };
     return ae(() => {
       e.autoUploadToBlob && _();
-    }), (S, O) => {
-      const f = R;
-      return s(), v("div", {
+    }), (M, z) => {
+      const g = R;
+      return i(), y("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${l.value.name}`
       }, [
-        u("div", null, [
-          c(ma)(l.value.type) ? (s(), k(c(Oe), {
+        c("div", null, [
+          m(ba)(l.value.type) ? (i(), h(m(Ue), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(pa)(l.value),
+            src: m(fa)(l.value),
             alt: l.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (s(), k(c(T), {
+          }, null, 8, ["src", "alt"])) : (i(), h(m(T), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -3003,78 +3137,78 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
             width: "75px"
           }))
         ]),
-        u("div", $a, [
-          u("div", null, [
-            S.editableFileName ? (s(), k(kt, {
+        c("div", Va, [
+          c("div", null, [
+            M.editableFileName ? (i(), h(Bt, {
               key: 0,
               id: "edit-file-name",
-              modelValue: i.value,
-              "onUpdate:modelValue": O[0] || (O[0] = (M) => i.value = M),
-              rules: S.customFileNameRules,
+              modelValue: d.value,
+              "onUpdate:modelValue": z[0] || (z[0] = ($) => d.value = $),
+              rules: M.customFileNameRules,
               name: l.value.name,
               "complete-action": x
-            }, null, 8, ["modelValue", "rules", "name"])) : (s(), v("span", _a, h(l.value.name), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (i(), y("span", Sa, w(l.value.name), 1))
           ]),
-          u("span", Ba, "File type: " + h(l.value.type.split("/").pop()), 1),
-          u("span", Fa, "File size: " + h(c(ue)(l.value.size)), 1)
+          c("span", Ca, "File type: " + w(l.value.type.split("/").pop()), 1),
+          c("span", Ta, "File size: " + w(m(ue)(l.value.size)), 1)
         ]),
-        u("div", Sa, [
-          (s(), k(xa, {
+        c("div", Pa, [
+          (i(), h(_a, {
             key: o.value,
             "file-size": l.value.size,
             "upload-status": o.value,
-            "bytes-uploaded": y.value,
-            "max-file-size": S.maxFileSize
+            "bytes-uploaded": v.value,
+            "max-file-size": M.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (s(), k(f, {
+          o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (i(), h(g, {
             key: 0,
             link: "",
             onClick: _
           }, {
-            default: g(() => [
-              b(c(T), {
+            default: b(() => [
+              f(m(T), {
                 icon: o.value === "Not Uploaded" || o.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : C("", !0),
-          o.value === "Uploading" ? (s(), k(f, {
+          })) : S("", !0),
+          o.value === "Uploading" ? (i(), h(g, {
             key: 1,
             link: "",
-            onClick: O[1] || (O[1] = (M) => r.value.value.abort())
+            onClick: z[1] || (z[1] = ($) => u.value.value.abort())
           }, {
-            default: g(() => [
-              b(c(T), { icon: "bi:x-circle-fill" })
+            default: b(() => [
+              f(m(T), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (s(), k(f, {
+          })) : (i(), h(g, {
             key: 2,
             link: "",
             onClick: P,
             id: "delete-button"
           }, {
-            default: g(() => [
-              b(c(T), { icon: "bi:trash" })
+            default: b(() => [
+              f(m(T), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, ka);
+      ], 8, Fa);
     };
   }
-}), Va = { class: "d-flex justify-content-end mt-1" }, Ta = { id: "max-file-size" }, Pa = /* @__PURE__ */ F({
+}), Ia = { class: "d-flex justify-content-end mt-1" }, za = { id: "max-file-size" }, Oa = /* @__PURE__ */ V({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, l) => (s(), v("div", Va, [
-      u("div", Ta, "Max file size: " + h(c(ue)(t.maxFileSize)), 1)
+    return (t, l) => (i(), y("div", Ia, [
+      c("div", za, "Max file size: " + w(m(ue)(t.maxFileSize)), 1)
     ]));
   }
-}), Ia = { "data-cy": "file-uploader" }, Ma = { key: 0 }, $l = /* @__PURE__ */ F({
+}), Da = { "data-cy": "file-uploader" }, Ua = { key: 0 }, Vl = /* @__PURE__ */ V({
   __name: "ForgeFileUploader",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ j({
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: {},
@@ -3090,68 +3224,68 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
   emits: ["update:modelValue"],
   setup(e) {
     const t = E(e, "modelValue"), l = e, a = (o) => {
-      t.value = t.value.filter((n) => n.file != o);
+      t.value = t.value.filter((s) => s.file != o);
     };
-    return (o, n) => (s(), v("div", Ia, [
-      b(ba, V(l, {
+    return (o, s) => (i(), y("div", Da, [
+      f(wa, C(l, {
         modelValue: t.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (i) => t.value = i)
+        "onUpdate:modelValue": s[0] || (s[0] = (d) => t.value = d)
       }), null, 16, ["modelValue"]),
-      o.showDragDropArea ? (s(), v("div", Ma, [
-        b(ha, {
+      o.showDragDropArea ? (i(), y("div", Ua, [
+        f($a, {
           "max-file-input": l.maxFileInput,
           "max-file-size": l.maxFileSize,
           "accepted-file-types": l.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (i) => t.value = i)
+          "onUpdate:modelValue": s[1] || (s[1] = (d) => t.value = d)
         }, {
-          default: g(() => [
-            (s(!0), v(N, null, j(t.value, ({ file: i }, d) => (s(), v("span", null, [
-              (s(), k(Ca, V({
-                key: i.name,
-                class: d === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
-                file: t.value[d].file,
-                "onUpdate:file": (y) => t.value[d].file = y,
-                "blob-file-name": t.value[d].blobFileName,
-                "onUpdate:blobFileName": (y) => t.value[d].blobFileName = y,
-                "upload-status": t.value[d].status,
-                "onUpdate:uploadStatus": (y) => t.value[d].status = y,
+          default: b(() => [
+            (i(!0), y(N, null, q(t.value, ({ file: d }, r) => (i(), y("span", null, [
+              (i(), h(Ma, C({
+                key: d.name,
+                class: r === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
+                file: t.value[r].file,
+                "onUpdate:file": (v) => t.value[r].file = v,
+                "blob-file-name": t.value[r].blobFileName,
+                "onUpdate:blobFileName": (v) => t.value[r].blobFileName = v,
+                "upload-status": t.value[r].status,
+                "onUpdate:uploadStatus": (v) => t.value[r].status = v,
                 ref_for: !0
               }, l, { onDeleted: a }), 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"]),
-        b(Pa, {
+        f(Oa, {
           "max-file-size": l.maxFileSize
         }, null, 8, ["max-file-size"])
-      ])) : C("", !0)
+      ])) : S("", !0)
     ]));
   }
 });
 export {
-  il as Bootstrap_PT,
-  rl as ForgeActionButton,
-  ne as ForgeAlert,
+  cl as Bootstrap_PT,
+  ml as ForgeActionButton,
+  se as ForgeAlert,
   ve as ForgeCheckbox,
-  fl as ForgeChips,
-  Rt as ForgeDatepicker,
-  $l as ForgeFileUploader,
-  kl as ForgeFilterHeader,
-  yl as ForgeForm,
-  bl as ForgeFormField,
-  kt as ForgeInlineEditor,
-  dl as ForgeLink,
+  xl as ForgeChips,
+  fe as ForgeDatepicker,
+  Vl as ForgeFileUploader,
+  Fl as ForgeFilterHeader,
+  hl as ForgeForm,
+  wl as ForgeFormField,
+  Bt as ForgeInlineEditor,
+  pl as ForgeLink,
   ye as ForgeLoader,
-  ul as ForgeModal,
-  Vt as ForgeMultiSelect,
-  ml as ForgeMultiSelectPreview,
-  cl as ForgeNavbar,
-  pl as ForgePageHeader,
-  qt as ForgeProgressBar,
-  vl as ForgeRemainingCharacters,
-  gl as ForgeStatWidget,
-  hl as ForgeStepper,
-  xl as ForgeTable,
-  wl as ForgeTile
+  vl as ForgeModal,
+  be as ForgeMultiSelect,
+  bl as ForgeMultiSelectPreview,
+  yl as ForgeNavbar,
+  fl as ForgePageHeader,
+  Gt as ForgeProgressBar,
+  gl as ForgeRemainingCharacters,
+  kl as ForgeStatWidget,
+  $l as ForgeStepper,
+  _l as ForgeTable,
+  Bl as ForgeTile
 };