@3squared/forge-ui-3 0.4.1 → 0.5.0

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

@@ -1,30 +1,30 @@
-import ye from "primevue/message";
-import { defineComponent as x, openBlock as s, createBlock as w, normalizeProps as J, guardReactiveProps as X, withCtx as v, createElementVNode as c, normalizeClass as B, unref as u, createCommentVNode as F, createVNode as b, renderSlot as k, ref as P, createElementBlock as p, Fragment as O, mergeProps as S, computed as h, createTextVNode as V, toDisplayString as g, withDirectives as j, vShow as q, mergeModels as G, useModel as L, createSlots as Q, renderList as E, onMounted as ie, isRef as H, withKeys as Z, useAttrs as re, withModifiers as K, normalizeStyle as be } from "vue";
-import { Icon as C } from "@iconify/vue";
-import A from "primevue/button";
-import ve from "primevue/toast";
-import fe from "primevue/checkbox";
+import fe from "primevue/message";
+import { defineComponent as $, openBlock as s, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as v, createElementVNode as m, normalizeClass as B, unref as c, createCommentVNode as F, createVNode as y, renderSlot as k, ref as T, createElementBlock as p, Fragment as D, mergeProps as C, onMounted as oe, computed as x, watch as ge, isRef as H, createTextVNode as P, toDisplayString as g, withDirectives as L, vShow as Y, mergeModels as q, useModel as R, createSlots as te, renderList as j, withKeys as J, useAttrs as de, withModifiers as G, normalizeStyle as he } from "vue";
+import { Icon as S } from "@iconify/vue";
+import E from "primevue/button";
+import we from "primevue/toast";
+import xe from "primevue/checkbox";
 import { useField as W } from "vee-validate";
-import ge from "primevue/progressspinner";
-import he from "primevue/dialog";
-import le from "primevue/inputtext";
-import { vOnClickOutside as we } from "@vueuse/components";
-import ke from "primevue/menubar";
-import _e from "vue-multiselect";
-import xe from "primevue/calendar";
-import $e from "primevue/inputmask";
-import Be from "primevue/textarea";
-import de from "primevue/inputnumber";
-import Fe from "primevue/chips";
-import Se from "primevue/progressbar";
-import Ce from "primevue/divider";
-import Te from "primevue/steps";
-import Pe from "primevue/datatable";
-import oe from "primevue/dropdown";
-import Ve from "primevue/multiselect";
-import { BlockBlobClient as ue } from "@azure/storage-blob";
-import Ie from "primevue/image";
-const ze = {
+import ke from "primevue/progressspinner";
+import _e from "primevue/dialog";
+import ne from "primevue/inputtext";
+import { vOnClickOutside as $e } from "@vueuse/components";
+import Fe from "primevue/menubar";
+import Be from "vue-multiselect";
+import Se from "primevue/calendar";
+import Ce from "primevue/inputmask";
+import Ve from "primevue/textarea";
+import ue from "primevue/inputnumber";
+import Te from "primevue/chips";
+import Me from "primevue/progressbar";
+import Pe from "primevue/divider";
+import Ie from "primevue/steps";
+import ze from "primevue/datatable";
+import se from "primevue/dropdown";
+import Oe from "primevue/multiselect";
+import { BlockBlobClient as ce } from "@azure/storage-blob";
+import De from "primevue/image";
+const Ue = {
   button: {
     root: ({ props: e }) => ({
       class: [
@@ -108,7 +108,7 @@ const ze = {
       ]
     })
   }
-}, Me = {
+}, Ae = {
   checkbox: {
     root: () => ({
       class: [
@@ -126,7 +126,7 @@ const ze = {
       ]
     })
   }
-}, se = {
+}, re = {
   dropdown: {
     root: ({ props: e }) => ({
       class: [
@@ -186,16 +186,16 @@ const ze = {
     loadingIcon: "spinner-border spinner-border-sm border-0",
     itemGroupLabel: "ps-2 fw-bold"
   }
-}, Oe = {
+}, Ne = {
   column: {
     sortBadge: "ms-2 my-auto cursor-pointer",
     headerCell: (e) => {
-      var t, l, a, o;
+      var t, n, a, l;
       return {
         class: [{
           "cursor-move": e.props.reorderableColumns,
-          "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((l = e.column) == null ? void 0 : l.context.frozen) || ((a = e.column) == null ? void 0 : a.context.frozen) === "",
-          "overflow-hidden position-relative bg-clip-padding": (o = e.column) == null ? void 0 : o.context.resizable
+          "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((n = e.column) == null ? void 0 : n.context.frozen) || ((a = e.column) == null ? void 0 : a.context.frozen) === "",
+          "overflow-hidden position-relative bg-clip-padding": (l = e.column) == null ? void 0 : l.context.resizable
         }]
       };
     },
@@ -279,22 +279,22 @@ const ze = {
       ]
     })
   }
-}, Ue = {
+}, Ee = {
   inputtext: {
     root: (e) => {
-      var t, l;
+      var t, n;
       return {
         class: [
           "form-control",
           {
             "form-control-lg": ((t = e.props.size) == null ? void 0 : t.toLowerCase()) == "large",
-            "form-control-sm": ((l = e.props.size) == null ? void 0 : l.toLowerCase()) == "small"
+            "form-control-sm": ((n = e.props.size) == null ? void 0 : n.toLowerCase()) == "small"
           }
         ]
       };
     }
   }
-}, De = {
+}, Re = {
   inputmask: {
     root: () => ({
       class: [
@@ -302,12 +302,12 @@ const ze = {
       ]
     })
   }
-}, Ae = {
+}, Le = {
   inputSwitch: {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, Ne = {
+}, je = {
   textarea: {
     root: () => ({
       class: [
@@ -315,13 +315,13 @@ const ze = {
       ]
     })
   }
-}, Ee = {
+}, He = {
   // More PassThrough options in component file.
   chips: {
     root: "d-flex",
     label: "pe-2"
   }
-}, Re = {
+}, Ye = {
   dialog: {
     header: () => ({
       class: ["modal-header"]
@@ -361,7 +361,7 @@ const ze = {
       }]
     })
   }
-}, Le = {
+}, qe = {
   overlaypanel: {
     root: (e) => ({
       class: [
@@ -375,7 +375,7 @@ const ze = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, je = {
+}, Ge = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -404,13 +404,13 @@ const ze = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, He = {
+}, Ke = {
   // 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 "
   }
-}, qe = {
+}, We = {
   tabview: {
     navContainer: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -448,7 +448,7 @@ const ze = {
       class: ["p-2"]
     })
   }
-}, Ge = {
+}, Ze = {
   // More PassThrough options defined in ForgeDatepicker.
   calendar: {
     root: "d-inline-flex relative",
@@ -461,27 +461,55 @@ const ze = {
         }
       ]
     }),
+    groupContainer: "d-flex flex-wrap",
     header: "d-flex align-items-center justify-content-between p-2 border-bottom",
-    previousButton: "btn mb-1",
-    nextButton: "btn mb-1",
-    yearTitle: "btn",
-    monthTitle: "btn",
-    table: "m-2",
-    tableHeaderRow: "p-2",
-    weekday: "ms-2 ps-1",
-    monthPicker: "my-2",
-    month: "btn w-25",
-    yearPicker: "my-2",
-    year: "btn w-25",
+    previousButton: ({ props: e }) => ({
+      class: {
+        "btn mb-1 ms-auto": e.numberOfMonths === void 0 || e.numberOfMonths == 1,
+        "btn p-0 btn-sm": e.numberOfMonths !== void 0 && e.numberOfMonths > 1
+      }
+    }),
+    tableheadercell: "pe-none",
+    nextButton: ({ props: e }) => ({
+      class: {
+        "btn mb-1 me-auto": e.numberOfMonths === void 0 || e.numberOfMonths == 1,
+        "btn p-0 btn-sm": e.numberOfMonths !== void 0 && e.numberOfMonths > 1
+      }
+    }),
+    group: ({ props: e }) => ({
+      class: [
+        "d-flex flex-column",
+        {
+          "w-100": e.numberOfMonths === void 0 || e.numberOfMonths == 1
+        }
+      ]
+    }),
+    yearTitle: ({ props: e }) => ({
+      class: {
+        "btn ps-0 pe-1 fw-bold": e.numberOfMonths === void 0 || e.numberOfMonths == 1,
+        "fw-bold text-black border-0 bg-white": e.numberOfMonths !== void 0 && e.numberOfMonths > 1
+      }
+    }),
+    monthTitle: ({ props: e }) => ({
+      class: {
+        "btn ps-1 fw-bold": e.numberOfMonths === void 0 || e.numberOfMonths == 1,
+        "fw-bold text-black border-0 bg-white": e.numberOfMonths !== void 0 && e.numberOfMonths > 1
+      }
+    }),
+    title: "d-flex mx-auto",
+    decadetitle: "fw-bold",
+    table: "datepicker-table",
+    tableHeaderRow: "text-center",
+    monthPicker: "d-flex flex-row flex-wrap m-2",
+    yearPicker: "d-flex flex-row flex-wrap m-2",
     timePicker: "d-flex justify-content-center align-items-center border-top p-2",
     separatorContainer: "d-flex flex-column align-items-center px-2",
-    separator: "fs-4 mb-2",
-    hourPicker: "px-2 fs-5",
-    hour: "my-2",
-    minutePicker: "px-2 fs-5",
-    minute: "my-2",
-    secondPicker: "px-2 fs-5",
-    second: "my-2",
+    hourPicker: "px-2 d-flex flex-column",
+    hour: "mx-auto",
+    minutePicker: "px-2 d-flex flex-column",
+    minute: "mx-auto",
+    secondPicker: "px-2 d-flex flex-column",
+    second: "mx-auto",
     buttonbar: ({ props: e }) => ({
       class: [
         "p-2 d-flex",
@@ -489,9 +517,11 @@ const ze = {
           "border-top": !e.showTime
         }
       ]
-    })
+    }),
+    decrementButton: "btn btn-sm",
+    incrementButton: "btn btn-sm"
   }
-}, Ke = {
+}, Je = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
@@ -504,7 +534,7 @@ const ze = {
       class: ["text-white"]
     })
   }
-}, We = {
+}, Xe = {
   dataTable: {
     table: (e) => ({
       class: [
@@ -568,7 +598,7 @@ const ze = {
       ]
     })
   }
-}, Ze = {
+}, Qe = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -589,7 +619,7 @@ const ze = {
       ]
     })
   }
-}, Ye = {
+}, et = {
   // More PassThrough options in component file.
   menubar: {
     menu: ({ instance: e }) => ({
@@ -659,7 +689,7 @@ const ze = {
       ]
     })
   }
-}, Je = {
+}, tt = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -681,7 +711,7 @@ const ze = {
       class: ["tooltip-inner"]
     }
   }
-}, Xe = {
+}, at = {
   selectbutton: {
     root: () => ({
       class: ["btn-group"]
@@ -699,7 +729,7 @@ const ze = {
       ]
     })
   }
-}, Qe = {
+}, lt = {
   progressspinner: {
     spinner: () => ({
       class: [
@@ -707,7 +737,7 @@ const ze = {
       ]
     })
   }
-}, et = {
+}, ot = {
   card: {
     root: () => ({
       class: ["card"]
@@ -731,11 +761,11 @@ const ze = {
       class: ["card-header"]
     })
   }
-}, tt = {
+}, nt = {
   divider: {
     root: "border-bottom m-4 w-100"
   }
-}, at = {
+}, st = {
   image: {
     root: "position-relative d-inline-block",
     button: "preview-button",
@@ -748,7 +778,7 @@ const ze = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, lt = {
+}, it = {
   toast: {
     message: () => ({
       class: ["toast-container w-100 position-relative"]
@@ -772,51 +802,51 @@ const ze = {
       class: ["ps-1"]
     }),
     icon: ({ props: e }) => {
-      var t, l, a, o;
+      var t, n, a, l;
       return {
         class: [
           "toast-icon",
           {
             "text-primary": ((t = e.message) == null ? void 0 : t.severity) === "info",
-            "text-success": ((l = e.message) == null ? void 0 : l.severity) === "success",
+            "text-success": ((n = e.message) == null ? void 0 : n.severity) === "success",
             "text-danger": ((a = e.message) == null ? void 0 : a.severity) === "error",
-            "text-warning": ((o = e.message) == null ? void 0 : o.severity) === "warn"
+            "text-warning": ((l = e.message) == null ? void 0 : l.severity) === "warn"
           }
         ]
       };
     }
   }
-}, ll = {
-  ...Ze,
-  ...ze,
-  ...et,
-  ...Me,
-  ...Ee,
-  ...Oe,
-  ...Ge,
-  ...Re,
-  ...tt,
-  ...se,
-  ...at,
+}, rl = {
+  ...Qe,
   ...Ue,
-  ...De,
+  ...ot,
   ...Ae,
-  ...je,
-  ...se,
+  ...He,
+  ...Ne,
+  ...Ze,
   ...Ye,
+  ...nt,
+  ...re,
+  ...st,
+  ...Ee,
+  ...Re,
   ...Le,
+  ...Ge,
+  ...re,
+  ...et,
+  ...qe,
+  ...Je,
+  ...lt,
+  ...at,
   ...Ke,
-  ...Qe,
   ...Xe,
-  ...He,
   ...We,
-  ...qe,
-  ...lt,
-  ...Ne,
+  ...it,
+  ...je,
   directives: {
-    ...Je
+    ...tt
   }
-}, ee = /* @__PURE__ */ x({
+}, ae = /* @__PURE__ */ $({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -832,14 +862,14 @@ const ze = {
   },
   setup(e) {
     const t = e;
-    return (l, a) => {
-      const o = ye;
-      return s(), w(o, J(X({ ...l.$attrs, ...t })), {
+    return (n, a) => {
+      const l = fe;
+      return s(), w(l, Q(ee({ ...n.$attrs, ...t })), {
         messageicon: v(() => [
-          c("div", {
+          m("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (s(), w(u(C), {
+            t.icon ? (s(), w(c(S), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -849,16 +879,16 @@ const ze = {
           ], 2)
         ]),
         closeicon: v(() => [
-          b(u(C), { icon: "bi:x" })
+          y(c(S), { icon: "bi:x" })
         ]),
         default: v(() => [
-          k(l.$slots, "default")
+          k(n.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), ol = /* @__PURE__ */ x({
+}), dl = /* @__PURE__ */ $({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -867,31 +897,31 @@ const ze = {
     params: { default: Array }
   },
   setup(e) {
-    const t = P(!1), l = e, a = async () => {
+    const t = T(!1), n = e, a = async () => {
       t.value = !0;
       try {
-        await l.action.apply(this, l.params);
-      } catch (o) {
-        await l.errorAction.apply(this, l.errorParams ? [...l.errorParams, o] : [o]);
+        await n.action.apply(this, n.params);
+      } catch (l) {
+        await n.errorAction.apply(this, n.errorParams ? [...n.errorParams, l] : [l]);
       }
       t.value = !1;
     };
-    return (o, n) => {
-      const i = A;
-      return s(), p(O, null, [
-        b(i, S({ ...l, ...o.$attrs }, {
+    return (l, o) => {
+      const r = E;
+      return s(), p(D, null, [
+        y(r, C({ ...n, ...l.$attrs }, {
           loading: t.value,
-          disabled: t.value || l.disabled,
+          disabled: t.value || n.disabled,
           onClick: a
         }), null, 16, ["loading", "disabled"]),
-        b(u(ve))
+        y(c(we))
       ], 64);
     };
   }
-}), ot = {
+}), rt = {
   class: "d-flex",
   "data-cy": "checkbox-container"
-}, nt = /* @__PURE__ */ c("div", null, null, -1), st = ["for"], it = /* @__PURE__ */ x({
+}, dt = /* @__PURE__ */ m("div", null, null, -1), ut = ["for"], me = /* @__PURE__ */ $({
   __name: "ForgeCheckbox",
   props: {
     label: { default: "" },
@@ -919,66 +949,72 @@ const ze = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = t, a = e, { checked: o, handleChange: n, errors: i, errorMessage: m } = W(() => a.name ?? a.label, a.rules, {
+    const n = t, a = e, { checked: l, handleChange: o, setValue: r, errors: u, errorMessage: b } = W(() => a.name ?? a.label, a.rules, {
       type: "checkbox",
-      checkedValue: !0,
-      initialValue: a.modelValue
-    }), y = (_) => {
-      a.disabled || (n(_), l("update:modelValue", !a.modelValue));
-    }, r = h(() => i.value.length > 0);
-    return (_, d) => {
-      const f = fe;
-      return s(), p(O, null, [
-        c("div", ot, [
-          b(f, S({
+      checkedValue: !0
+    }), d = (i) => {
+      a.disabled || (o(i), n("update:modelValue", !a.modelValue));
+    };
+    oe(() => {
+      a.value !== void 0 && a.value !== (l == null ? void 0 : l.value) ? r(a.value) : a.modelValue !== void 0 && a.modelValue !== (l == null ? void 0 : l.value) && r(a.modelValue);
+    });
+    const f = x(() => u.value.length > 0);
+    return ge(() => a.value, (i) => {
+      i !== (l == null ? void 0 : l.value) && r(i);
+    }), (i, h) => {
+      const _ = xe;
+      return s(), p(D, null, [
+        m("div", rt, [
+          y(_, C({
             id: a.name
-          }, { ..._.$attrs, ...a }, {
-            value: u(o),
-            "input-class": { "is-invalid": r.value },
-            onChange: y
+          }, { ...i.$attrs, ...a }, {
+            modelValue: c(l),
+            "onUpdate:modelValue": h[0] || (h[0] = (V) => H(l) ? l.value = V : null),
+            "input-class": { "is-invalid": f.value },
+            onChange: d
           }), {
             icon: v(() => [
-              nt
+              dt
             ]),
             _: 1
-          }, 16, ["id", "value", "input-class"]),
-          c("label", {
+          }, 16, ["id", "modelValue", "input-class"]),
+          m("label", {
             for: a.name,
             class: B(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
-            onClick: y
+            onClick: d
           }, [
-            k(_.$slots, "default", {}, () => [
-              V(g(a.label), 1)
+            k(i.$slots, "default", {}, () => [
+              P(g(a.label), 1)
             ])
-          ], 10, st)
+          ], 10, ut)
         ]),
-        j(c("small", {
+        L(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, g(u(m)), 513), [
-          [q, r.value]
+        }, g(c(b)), 513), [
+          [Y, f.value]
         ])
       ], 64);
     };
   }
-}), rt = { class: "forge-loader" }, ce = /* @__PURE__ */ x({
+}), ct = { class: "forge-loader" }, pe = /* @__PURE__ */ $({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
   },
   setup(e) {
     const t = e;
-    return (l, a) => {
-      const o = ge;
-      return s(), p("div", rt, [
-        b(o, {
+    return (n, a) => {
+      const l = ke;
+      return s(), p("div", ct, [
+        y(l, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
       ]);
     };
   }
-}), dt = ["href", "target"], nl = /* @__PURE__ */ x({
+}), mt = ["href", "target"], ul = /* @__PURE__ */ $({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -996,7 +1032,7 @@ const ze = {
     iconName: {}
   },
   setup(e) {
-    const t = h(() => ({
+    const t = x(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1005,48 +1041,48 @@ const ze = {
       [`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 = h(() => ({
+    })), n = x(() => ({
       "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(), p("a", {
+    return (a, l) => (s(), p("a", {
       id: "link",
       class: B(["cursor-pointer d-flex", t.value]),
       href: a.url,
       target: a.target
     }, [
       k(a.$slots, "default", {}, () => [
-        a.iconName ? (s(), w(u(C), {
+        a.iconName ? (s(), w(c(S), {
           key: 0,
           id: "link-icon",
           icon: a.iconName,
-          class: B(["bi my-auto", l.value])
+          class: B(["bi my-auto", n.value])
         }, null, 8, ["icon", "class"])) : F("", !0),
-        V(" " + g(a.label), 1)
+        P(" " + g(a.label), 1)
       ])
-    ], 10, dt));
+    ], 10, mt));
   }
 });
-function ut(e) {
+function pt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
   };
   if (e.exception && (t.errorMessage = e.exception), e.message && (Array.isArray(e.message) ? t.errorDetails = e.message : t.errorMessage = e.message), e.response) {
-    const l = JSON.parse(e.response);
-    l.errors && (t.errorDetails = Object.values(l.errors).flat()), l.message && (t.errorDetails = l.message);
+    const n = JSON.parse(e.response);
+    n.errors && (t.errorDetails = Object.values(n.errors).flat()), n.message && (t.errorDetails = n.message);
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-const ct = { key: 0 }, mt = {
+const yt = { key: 0 }, vt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, sl = /* @__PURE__ */ x({
+}, cl = /* @__PURE__ */ $({
   __name: "ForgeModal",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     cancelText: { default: "Cancel" },
     submitText: { default: "Submit" },
     showFooter: { type: Boolean, default: !0 },
@@ -1087,102 +1123,102 @@ const ct = { key: 0 }, mt = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = L(e, "visible"), l = P(!1), a = e, o = P(!1), n = P({
+    const t = R(e, "visible"), n = T(!1), a = e, l = T(!1), o = T({
       hasError: !1,
       header: "",
       message: []
-    }), i = () => {
-      l.value = !1;
-    }, m = () => {
-      l.value = !0;
-    }, y = () => {
+    }), r = () => {
+      n.value = !1;
+    }, u = () => {
+      n.value = !0;
+    }, b = () => {
       t.value = !1;
-    }, r = async () => {
+    }, d = async () => {
       if (a.onConfirm) {
-        o.value = !0, n.value.hasError = !1;
+        l.value = !0, o.value.hasError = !1;
         try {
-          const d = await a.onConfirm();
-          (d || d == null) && y();
-        } catch (d) {
-          n.value.hasError = !0;
-          const f = ut(d);
-          n.value.header = f.errorMessage, n.value.message = f.errorDetails;
+          const i = await a.onConfirm();
+          (i || i == null) && b();
+        } catch (i) {
+          o.value.hasError = !0;
+          const h = pt(i);
+          o.value.header = h.errorMessage, o.value.message = h.errorDetails;
         }
-        o.value = !1;
+        l.value = !1;
       }
-    }, _ = h(() => ({
+    }, f = x(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
-          "mw-100 vh-100 vw-100 top-0 start-0": l.value
+          "mw-100 vh-100 vw-100 top-0 start-0": n.value
         }
       ]
     }));
-    return (d, f) => {
-      const $ = A, T = he;
-      return s(), w(T, S(a, {
-        onMaximize: m,
-        onUnmaximize: i,
-        pt: _.value
-      }), Q({
+    return (i, h) => {
+      const _ = E, V = _e;
+      return s(), w(V, C(a, {
+        onMaximize: u,
+        onUnmaximize: r,
+        pt: f.value
+      }), te({
         closeicon: v(() => [
-          b(u(C), {
+          y(c(S), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: y
+            onClick: b
           })
         ]),
         maximizeicon: v(() => [
-          b(u(C), {
+          y(c(S), {
             "data-cy": "maximisable-icon",
-            icon: l.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
+            icon: n.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
             height: "16"
           }, null, 8, ["icon"])
         ]),
         _: 2
       }, [
-        E(d.$slots, (I, M) => ({
-          name: M,
+        j(i.$slots, (M, I) => ({
+          name: I,
           fn: v((z) => [
-            n.value.hasError ? (s(), w(ee, {
+            o.value.hasError ? (s(), w(ae, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
               default: v(() => [
-                c("p", {
-                  class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
-                }, g(n.value.header), 3),
-                n.value.message.length > 0 ? (s(), p("ul", ct, [
-                  (s(!0), p(O, null, E(n.value.message, (N) => (s(), p("li", { key: N }, g(N), 1))), 128))
+                m("p", {
+                  class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
+                }, g(o.value.header), 3),
+                o.value.message.length > 0 ? (s(), p("ul", yt, [
+                  (s(!0), p(D, null, j(o.value.message, (N) => (s(), p("li", { key: N }, g(N), 1))), 128))
                 ])) : F("", !0)
               ]),
               _: 1
             })) : F("", !0),
-            k(d.$slots, M, J(X(z || {}))),
-            o.value ? k(d.$slots, "loader", { key: 1 }, () => [
-              b(ce, { "data-cy": "loader" })
+            k(i.$slots, I, Q(ee(z || {}))),
+            l.value ? k(i.$slots, "loader", { key: 1 }, () => [
+              y(pe, { "data-cy": "loader" })
             ]) : F("", !0)
           ])
         })),
-        d.showFooter ? {
+        i.showFooter ? {
           name: "footer",
           fn: v(() => [
-            c("div", mt, [
-              b($, {
-                label: d.cancelText,
+            m("div", vt, [
+              y(_, {
+                label: i.cancelText,
                 class: B(a.cancelClass),
                 outlined: "",
-                onClick: y,
+                onClick: b,
                 id: "cancel-button"
               }, null, 8, ["label", "class"]),
-              b($, {
-                label: d.submitText,
+              y(_, {
+                label: i.submitText,
                 class: B([a.submitClass, "ms-auto"]),
-                onClick: r,
+                onClick: d,
                 id: "submit-button"
               }, null, 8, ["label", "class"])
             ])
@@ -1192,9 +1228,9 @@ const ct = { key: 0 }, mt = {
       ]), 1040, ["pt"]);
     };
   }
-}), pt = ["id"], yt = { key: 0 }, bt = { key: 0 }, vt = { class: "d-flex justify-content-between align-items-center position-relative" }, ft = { key: 1 }, gt = { "data-cy": "readonly-value" }, ht = /* @__PURE__ */ x({
+}), 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__ */ $({
   __name: "ForgeInlineEditor",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     name: { default: "" },
     rules: {},
     completeAction: {},
@@ -1208,13 +1244,13 @@ const ct = { key: 0 }, mt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = L(e, "modelValue"), a = P(!1), o = P(), n = () => {
-      var $;
-      a.value = !a.value, ($ = o.value) == null || $.focus();
-    }, i = async () => {
-      if (f.value)
+    const t = e, n = R(e, "modelValue"), a = T(!1), l = T(), o = () => {
+      var _;
+      a.value = !a.value, (_ = l.value) == null || _.focus();
+    }, r = async () => {
+      if (h.value)
         return !1;
-      if (l.value = d.value, t.completeAction)
+      if (n.value = i.value, t.completeAction)
         try {
           await t.completeAction.apply(this, t.params), a.value = !a.value;
         } catch {
@@ -1222,95 +1258,95 @@ const ct = { key: 0 }, mt = {
         }
       else
         a.value = !a.value;
-    }, m = () => {
+    }, u = () => {
       a.value = !a.value;
-    }, y = () => {
-      d.value = null;
-    }, { errorMessage: r, errors: _, value: d } = W(() => t.name, t.rules);
-    ie(() => {
-      d.value = l.value;
+    }, b = () => {
+      i.value = null;
+    }, { errorMessage: d, errors: f, value: i } = W(() => t.name, t.rules);
+    oe(() => {
+      i.value = n.value;
     });
-    const f = h(() => _.value.length > 0);
-    return ($, T) => {
-      const I = le, M = A;
+    const h = x(() => f.value.length > 0);
+    return (_, V) => {
+      const M = ne, I = E;
       return s(), p("div", {
         id: t.name
       }, [
-        $.readonly ? (s(), p("div", ft, [
-          k($.$slots, "default", {}, () => [
-            c("span", gt, g(u(d)), 1)
+        _.readonly ? (s(), p("div", wt, [
+          k(_.$slots, "default", {}, () => [
+            m("span", xt, g(c(i)), 1)
           ])
-        ])) : (s(), p("div", yt, [
-          a.value ? (s(), p("div", bt, [
-            j((s(), p("div", vt, [
-              k($.$slots, "editor", {
-                class: B({ "is-invalid": f.value }),
-                editFinished: i,
-                cancel: m,
-                val: u(d)
+        ])) : (s(), p("div", ft, [
+          a.value ? (s(), p("div", gt, [
+            L((s(), p("div", ht, [
+              k(_.$slots, "editor", {
+                class: B({ "is-invalid": h.value }),
+                editFinished: r,
+                cancel: u,
+                val: c(i)
               }, () => [
-                b(I, {
+                y(M, {
                   "data-cy": "input",
                   ref_key: "input",
-                  ref: o,
-                  modelValue: u(d),
-                  "onUpdate:modelValue": T[0] || (T[0] = (z) => H(d) ? d.value = z : null),
+                  ref: l,
+                  modelValue: c(i),
+                  "onUpdate:modelValue": V[0] || (V[0] = (z) => H(i) ? i.value = z : null),
                   modelModifiers: { trim: !0 },
-                  class: B({ "is-invalid": f.value }),
+                  class: B({ "is-invalid": h.value }),
                   onKeydown: [
-                    Z(i, ["enter"]),
-                    Z(m, ["esc"])
+                    J(r, ["enter"]),
+                    J(u, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              b(u(C), {
+              y(c(S), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
-                onClick: y,
-                onKeydown: Z(y, ["enter"]),
+                onClick: b,
+                onKeydown: J(b, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
-              [u(we), i]
+              [c($e), r]
             ])
           ])) : (s(), p("div", {
             key: 1,
             class: "d-flex text-muted",
-            onClick: n,
-            onFocus: n
+            onClick: o,
+            onFocus: o
           }, [
-            k($.$slots, "default", {}, () => [
-              c("div", {
-                class: B(["pe-2 cursor-pointer", { "text-invalid": f.value }]),
+            k(_.$slots, "default", {}, () => [
+              m("div", {
+                class: B(["pe-2 cursor-pointer", { "text-invalid": h.value }]),
                 "data-cy": "value"
-              }, g(u(d) ? u(d) : "Click to edit"), 3)
+              }, g(c(i) ? c(i) : "Click to edit"), 3)
             ]),
-            b(M, {
+            y(I, {
               link: "",
               class: "p-0 m-0"
             }, {
               default: v(() => [
-                b(u(C), {
+                y(c(S), {
                   icon: "bi:pencil",
-                  class: B(f.value ? "text-invalid" : "text-muted"),
+                  class: B(h.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: Z(n, ["enter"])
+                  onKeydown: J(o, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
             })
           ], 32))
         ])),
-        j(c("small", {
+        L(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, g(u(r)), 513), [
-          [q, f.value]
+        }, g(c(d)), 513), [
+          [Y, h.value]
         ])
-      ], 8, pt);
+      ], 8, bt);
     };
   }
-}), wt = ["href"], il = /* @__PURE__ */ x({
+}), _t = ["href"], ml = /* @__PURE__ */ $({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1327,7 +1363,7 @@ const ct = { key: 0 }, mt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = h(() => ({
+    const t = e, n = x(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1354,26 +1390,26 @@ const ct = { key: 0 }, mt = {
         ]
       })
     }));
-    return (a, o) => {
-      const n = ke;
-      return s(), w(n, S({ ...t, ...a.$attrs }, {
-        pt: l.value,
+    return (a, l) => {
+      const o = Fe;
+      return s(), w(o, C({ ...t, ...a.$attrs }, {
+        pt: n.value,
         "data-cy": "navbar"
-      }), Q({
+      }), te({
         start: v(() => [
-          c("a", {
+          m("a", {
             href: a.logoUrl,
             class: "navbar-brand ms-3",
             "data-cy": "logo"
           }, [
             k(a.$slots, "logo", {}, () => [
-              V(" Logo ")
+              P(" Logo ")
             ])
-          ], 8, wt)
+          ], 8, _t)
         ]),
         menubuttonicon: v(() => [
           k(a.$slots, "menubuttonicon", {}, () => [
-            b(u(C), {
+            y(c(S), {
               icon: "bi:list",
               class: B(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
@@ -1383,16 +1419,16 @@ const ct = { key: 0 }, mt = {
         ]),
         _: 2
       }, [
-        E(a.$slots, (i, m) => ({
-          name: m,
-          fn: v((y) => [
-            k(a.$slots, m, J(X(y)))
+        j(a.$slots, (r, u) => ({
+          name: u,
+          fn: v((b) => [
+            k(a.$slots, u, Q(ee(b)))
           ])
         }))
       ]), 1040, ["pt"]);
     };
   }
-}), kt = ["onMousedown"], _t = ["checked"], xt = /* @__PURE__ */ c("strong", null, "Select all", -1), $t = ["data-cy"], Bt = ["checked"], Ft = /* @__PURE__ */ x({
+}), $t = /* @__PURE__ */ m("div", { class: "ps-1" }, "Select all", -1), Ft = ["data-cy"], Bt = { class: "ps-1" }, St = { class: "multiselect__tag d-inline-flex" }, Ct = { class: "my-auto" }, Vt = /* @__PURE__ */ $({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1405,119 +1441,141 @@ const ct = { key: 0 }, mt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = re(), o = t, { errors: n, value: i, errorMessage: m } = W(() => l.name, l.rules), y = P(!1), r = h(() => ({
+    const n = e, a = (U, O) => {
+      const Z = {
+        ...O,
+        $isDisabled: O.$isDisabled ?? !1
+      };
+      U(Z);
+    }, l = de(), o = t, { errors: r, value: u, errorMessage: b } = W(() => n.name, n.rules), d = T(!1), f = x(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
-      showPointer: !y.value,
-      placeholder: "Select...",
+      showPointer: !d.value,
+      placeholder: l.searchable === null || l.searchable ? "Search" : "Select",
       allowEmpty: !0,
       selectValue: "",
-      closeOnSelect: !!(a.multiple === null || a.multiple),
-      clearOnSelect: !!(a.multiple === null || a.multiple),
-      searchable: !!((a.searchable === null || a.searchable) && !f.value),
+      closeOnSelect: !!(l.multiple === null || l.multiple),
+      clearOnSelect: !!(l.multiple === null || l.multiple),
+      searchable: !!(l.searchable === null || l.searchable) && l.modelValue.length === l.options.length,
       async: !1,
-      ...a
-    })), _ = h(() => `forge-multiselect-${l.severity}`), d = h(() => `multiselect-option ${y.value ? " multiselect__option--highlight" : ""} ${f.value ? " multiselect__option--selected" : ""}`), f = h(() => r.value && !(r.value.multiple || !l.showSelectAll || r.value.async) ? !1 : a.modelValue.length === a.options.length), $ = h(() => n.value.length > 0), T = h(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (r.value.multiple ? a.modelValue.length > 0 : a.modelValue))), I = () => y.value = !0, M = () => y.value = !1, z = () => {
-      i.value = r.value.multiple ? [] : null, o("update:modelValue", i.value);
-    }, N = (U) => {
-      o("update:modelValue", l.selectValue ? U.map((D) => D[l.selectValue]) : U);
-    }, te = (U) => a.modelValue !== null ? a.modelValue.some((D) => r.value.selectValue ? U[l.selectValue] === D : U.id === D.id && U.label === D.label) : !1, pe = () => {
-      f.value ? z() : (i.value = [...a.options], o("update:modelValue", [...a.options]));
+      ...l
+    })), i = x(() => `forge-multiselect-${n.severity}`), h = x(() => `multiselect__option ${d.value ? " multiselect__option--highlight" : ""} ${_.value ? " multiselect__option--selected" : ""}`), _ = x(() => f.value && !(f.value.multiple || !n.showSelectAll || f.value.async) ? !1 : l.modelValue.length === l.options.length), V = x(() => r.value.length > 0), M = x(() => !!((l.allowEmpty == null || l.allowEmpty) && n.showClearSelection && (f.value.multiple ? l.modelValue.length > 0 : l.modelValue))), I = () => d.value = !0, z = () => d.value = !1, N = () => {
+      u.value = f.value.multiple ? [] : null, o("update:modelValue", u.value);
+    }, le = (U) => {
+      o("update:modelValue", n.selectValue ? U.map((O) => O[n.selectValue]) : U);
+    }, ve = (U) => l.modelValue !== null ? l.modelValue.some((O) => f.value.selectValue ? U[n.selectValue] === O : U.id === O.id && U.label === O.label) : !1, be = () => {
+      _.value ? N() : (u.value = [...l.options], o("update:modelValue", [...l.options]));
     };
-    return (U, D) => (s(), p(O, null, [
-      b(u(_e), S(r.value, {
-        class: [_.value, $.value ? "is-invalid" : ""],
-        "data-cy": "multiselect",
-        "onUpdate:modelValue": [
-          N,
-          D[1] || (D[1] = (R) => H(i) ? i.value = R : null)
-        ],
-        modelValue: u(i)
-      }), Q({
-        default: v(() => [
-          (s(!0), p(O, null, E(U.$slots, (R, ae) => k(U.$slots, ae, { slot: ae })), 256))
-        ]),
-        _: 2
-      }, [
-        T.value ? {
-          name: "caret",
-          fn: v(({ toggle: R }) => [
-            b(u(C), {
+    return (U, O) => {
+      const Z = me;
+      return s(), p(D, null, [
+        y(c(Be), C(f.value, {
+          class: [i.value, V.value ? "is-invalid" : ""],
+          "data-cy": "multiselect",
+          "onUpdate:modelValue": [
+            le,
+            O[1] || (O[1] = (A) => H(u) ? u.value = A : null)
+          ],
+          modelValue: c(u)
+        }), te({
+          caret: v(({ toggle: A }) => [
+            M.value ? (s(), w(c(S), {
+              key: 0,
               icon: "bi:x",
               class: "my-auto multiselect__clear-icon",
-              onMousedown: D[0] || (D[0] = K((ae) => z(), ["prevent", "stop"])),
-              "data-cy": "clear"
-            }),
-            c("div", {
-              class: "multiselect__select",
-              onMousedown: K(R, ["prevent", "stop"])
-            }, null, 40, kt)
+              onMousedown: O[0] || (O[0] = G((K) => N(), ["prevent", "stop"])),
+              "data-cy": "clear",
+              height: "18px",
+              width: "18px"
+            })) : F("", !0),
+            y(c(S), {
+              icon: "bi:chevron-down",
+              onClick: A,
+              class: "multiselect__select"
+            }, null, 8, ["onClick"])
           ]),
-          key: "0"
-        } : void 0,
-        r.value.multiple && U.showSelectAll && !r.value.async ? {
-          name: "beforeList",
-          fn: v(() => [
-            c("li", {
-              class: "multiselect__element",
-              onClick: pe,
-              onMouseover: I,
-              onMouseleave: M,
-              "data-cy": "toggle-all"
-            }, [
-              c("span", {
-                class: B(`multiselect__option ${d.value}`)
-              }, [
-                c("input", {
-                  checked: f.value,
-                  name: "selected",
-                  type: "checkbox",
-                  class: "multiselect__option--checkbox"
-                }, null, 8, _t),
-                xt
-              ], 2)
-            ], 32)
+          tag: v(({ option: A, remove: K }) => [
+            m("div", St, [
+              m("div", Ct, g(A.label), 1),
+              y(c(S), {
+                icon: "bi:x",
+                class: "my-auto multiselect__tag-icon",
+                onMousedown: G((Oa) => a(K, A), ["prevent", "stop"]),
+                height: "18px",
+                width: "18px"
+              }, null, 8, ["onMousedown"])
+            ])
           ]),
-          key: "1"
-        } : void 0,
-        r.value.multiple ? {
-          name: "option",
-          fn: v(({ option: R }) => [
-            c("div", {
-              "data-cy": R.label
-            }, [
-              c("input", {
-                checked: te(R),
-                name: "selected",
-                type: "checkbox",
-                class: "multiselect__option--checkbox"
-              }, null, 8, Bt),
-              V(" " + g(R[r.value.label]), 1)
-            ], 8, $t)
+          default: v(() => [
+            (s(!0), p(D, null, j(U.$slots, (A, K) => k(U.$slots, K, { slot: K })), 256))
           ]),
-          key: "2"
-        } : void 0
-      ]), 1040, ["class", "modelValue"]),
-      j(c("small", {
-        "data-cy": "error",
-        class: "invalid-feedback"
-      }, g(u(m)), 513), [
-        [q, $.value]
-      ])
-    ], 64));
+          _: 2
+        }, [
+          f.value.multiple && U.showSelectAll && !f.value.async ? {
+            name: "beforeList",
+            fn: v(() => [
+              m("li", {
+                class: "multiselect__element",
+                onClick: be,
+                onMouseover: I,
+                onMouseleave: z,
+                "data-cy": "toggle-all"
+              }, [
+                m("span", {
+                  class: B(`${h.value}`)
+                }, [
+                  y(Z, { value: _.value }, {
+                    default: v(() => [
+                      $t
+                    ]),
+                    _: 1
+                  }, 8, ["value"])
+                ], 2)
+              ], 32)
+            ]),
+            key: "0"
+          } : void 0,
+          f.value.multiple ? {
+            name: "option",
+            fn: v(({ option: A }) => [
+              m("div", {
+                "data-cy": A.label
+              }, [
+                (s(), w(Z, {
+                  value: ve(A),
+                  key: A
+                }, {
+                  default: v(() => [
+                    m("div", Bt, g(A[f.value.label]), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))
+              ], 8, Ft)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040, ["class", "modelValue"]),
+        L(m("small", {
+          "data-cy": "error",
+          class: "invalid-feedback"
+        }, g(c(b)), 513), [
+          [Y, V.value]
+        ])
+      ], 64);
+    };
   }
-}), St = {
+}), Tt = {
   key: 0,
   class: "pl-1"
-}, Ct = { class: "border alternating-item-list" }, Tt = {
+}, Mt = { class: "border alternating-item-list" }, Pt = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Pt = { class: "d-inline-block" }, Vt = {
+}, It = { class: "d-inline-block" }, zt = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, rl = /* @__PURE__ */ x({
+}, pl = /* @__PURE__ */ $({
   __name: "ForgeMultiSelectPreview",
   props: {
     title: { default: "Selected Items" },
@@ -1528,106 +1586,106 @@ const ct = { key: 0 }, mt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = re(), o = t, n = h(() => `${a.modelValue.length} selected`), i = h(() => a.modelValue.length), m = (r) => {
-      o("update:modelValue", r);
-    }, y = (r) => {
-      m(a.modelValue.filter((_) => _.id !== r));
+    const n = e, a = de(), l = t, o = x(() => `${a.modelValue.length} selected`), r = x(() => a.modelValue.length), u = (d) => {
+      l("update:modelValue", d);
+    }, b = (d) => {
+      u(a.modelValue.filter((f) => f.id !== d));
     };
-    return (r, _) => {
-      const d = A;
+    return (d, f) => {
+      const i = E;
       return s(), p("div", {
-        class: B(r.orientation === "column" ? "row" : ""),
+        class: B(d.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
-        c("div", {
-          class: B(r.orientation === "row" ? "col-12 mb-1" : "col"),
+        m("div", {
+          class: B(d.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          b(Ft, {
+          y(Vt, {
             "onUpdate:modelValue": [
-              _[0] || (_[0] = (f) => m(f)),
-              _[1] || (_[1] = (f) => r.$attrs.modelValue = f)
+              f[0] || (f[0] = (h) => u(h)),
+              f[1] || (f[1] = (h) => d.$attrs.modelValue = h)
             ],
-            modelValue: r.$attrs.modelValue,
-            "limit-text": n.value,
-            options: l.options
+            modelValue: d.$attrs.modelValue,
+            "limit-text": o.value,
+            options: n.options
           }, {
             tag: v(() => [
-              V(g(""))
+              P(g(""))
             ]),
             selection: v(() => [
-              r.$attrs.modelValue.length > 0 ? (s(), p("span", St, g(i.value) + " items selected", 1)) : F("", !0)
+              d.$attrs.modelValue.length > 0 ? (s(), p("span", Tt, g(r.value) + " items selected", 1)) : F("", !0)
             ]),
             default: v(() => [
-              (s(!0), p(O, null, E(r.$slots, (f, $) => k(r.$slots, $, { slot: $ })), 256))
+              (s(!0), p(D, null, j(d.$slots, (h, _) => k(d.$slots, _, { slot: _ })), 256))
             ]),
             _: 3
           }, 8, ["modelValue", "limit-text", "options"]),
-          k(r.$slots, "after-multi-select")
+          k(d.$slots, "after-multi-select")
         ], 2),
-        c("div", {
-          class: B(r.orientation === "row" ? "col-12" : "col"),
+        m("div", {
+          class: B(d.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
-          c("div", {
-            style: be({ height: r.height }),
+          m("div", {
+            style: he({ height: d.height }),
             class: "overflow-auto"
           }, [
-            c("div", Ct, [
-              r.title ? (s(), p("div", Tt, g(r.title), 1)) : F("", !0),
-              (s(!0), p(O, null, E(r.$attrs.modelValue, (f) => (s(), p("div", {
-                key: f.id,
+            m("div", Mt, [
+              d.title ? (s(), p("div", Pt, g(d.title), 1)) : F("", !0),
+              (s(!0), p(D, null, j(d.$attrs.modelValue, (h) => (s(), p("div", {
+                key: h.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                k(r.$slots, "list-item", { item: f }, () => [
-                  c("span", Pt, g(f.shortLabel ? f.shortLabel : f.label), 1)
+                k(d.$slots, "list-item", { item: h }, () => [
+                  m("span", It, g(h.shortLabel ? h.shortLabel : h.label), 1)
                 ]),
-                r.canRemoveItemFromPreview ? (s(), w(d, {
+                d.canRemoveItemFromPreview ? (s(), w(i, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: ($) => y(f.id)
+                  onClick: (_) => b(h.id)
                 }, {
                   default: v(() => [
-                    b(u(C), {
+                    y(c(S), {
                       icon: "bi:x",
                       class: "close-icon",
-                      "data-cy": `close-icon-${f.id}`
+                      "data-cy": `close-icon-${h.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
                 }, 1032, ["onClick"])) : F("", !0)
               ]))), 128)),
-              r.$attrs.modelValue.length === 0 ? (s(), p("div", Vt, "No Items Selected.")) : F("", !0)
+              d.$attrs.modelValue.length === 0 ? (s(), p("div", zt, "No Items Selected.")) : F("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), It = { class: "d-flex justify-content-between pb-2" }, zt = {
+}), Ot = { class: "d-flex justify-content-between pb-2" }, Dt = {
   "data-cy": "title",
   class: "h3"
-}, Mt = {
+}, Ut = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, dl = /* @__PURE__ */ x({
+}, yl = /* @__PURE__ */ $({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (l, a) => (s(), p("div", It, [
-      c("h1", zt, g(t.title), 1),
-      c("div", Mt, [
-        k(l.$slots, "default")
+    return (n, a) => (s(), p("div", Ot, [
+      m("h1", Dt, g(t.title), 1),
+      m("div", Ut, [
+        k(n.$slots, "default")
       ])
     ]));
   }
-}), Ot = { "data-cy": "before-slot" }, Ut = { "data-cy": "after-slot" }, Dt = /* @__PURE__ */ x({
+}), At = { "data-cy": "before-slot" }, Nt = { class: "position-relative" }, Et = { "data-cy": "after-slot" }, Rt = /* @__PURE__ */ $({
   __name: "ForgeDatepicker",
-  props: {
+  props: /* @__PURE__ */ q({
     severity: { default: "primary" },
     modelValue: {},
     selectionMode: { default: "single" },
@@ -1658,7 +1716,7 @@ const ct = { key: 0 }, mt = {
     showOnFocus: { type: Boolean },
     autoZIndex: { type: Boolean, default: !0 },
     baseZIndex: { default: 0 },
-    showButtonBar: { type: Boolean, default: !0 },
+    showButtonBar: { type: Boolean, default: !1 },
     shortYearCutoff: {},
     showTime: { type: Boolean },
     timeOnly: { type: Boolean },
@@ -1671,7 +1729,7 @@ const ct = { key: 0 }, mt = {
     hideOnRangeSelection: { type: Boolean },
     timeSeparator: {},
     showWeek: { type: Boolean },
-    manualInput: { type: Boolean },
+    manualInput: { type: Boolean, default: !0 },
     invalid: { type: Boolean },
     disabled: { type: Boolean },
     variant: {},
@@ -1691,21 +1749,41 @@ const ct = { key: 0 }, mt = {
     pt: {},
     ptOptions: {},
     unstyled: { type: Boolean }
-  },
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = h(() => ({
-      dayLabel: ({ context: a }) => ({
+    const t = e, n = R(e, "modelValue"), a = () => {
+      n.value = null;
+    }, l = x(() => ({
+      day: ({ context: o }) => ({
+        class: [
+          `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
+          {
+            "cursor-pointer": !o.disabled,
+            "pe-none": o.disabled,
+            "text-white": o.selected
+          },
+          // Severities
+          {
+            selected: o.selected && !o.disabled,
+            "text-primary": !o.selected && o.today && (t.severity === void 0 || t.severity === "primary"),
+            "text-brand": !o.selected && o.today && t.severity === "brand",
+            "text-secondary": !o.selected && o.today && t.severity === "secondary",
+            "text-success": !o.selected && o.today && t.severity === "success",
+            "text-warning": !o.selected && o.today && t.severity === "warning",
+            "text-danger": !o.selected && o.today && t.severity === "danger",
+            "text-info": !o.selected && o.today && t.severity === "info"
+          }
+        ]
+      }),
+      dayLabel: ({ context: o }) => ({
         class: [
-          "btn rounded-circle w-100 py-2",
+          // Disabled States
           {
-            "disabled border-0": a.disabled,
-            "btn-primary": a.selected && !a.disabled && (t.severity === void 0 || t.severity === "primary"),
-            "btn-brand": a.selected && !a.disabled && t.severity === "brand",
-            "btn-secondary": a.selected && !a.disabled && t.severity === "secondary",
-            "btn-success": a.selected && !a.disabled && t.severity === "success",
-            "btn-warning": a.selected && !a.disabled && t.severity === "warning",
-            "btn-danger": a.selected && !a.disabled && t.severity === "danger",
-            "btn-info": a.selected && !a.disabled && t.severity === "info"
+            "text-muted": o.disabled
           }
         ]
       }),
@@ -1740,43 +1818,83 @@ const ct = { key: 0 }, mt = {
             }
           ]
         })
-      }
+      },
+      year: ({ context: o }) => ({
+        class: [
+          "col-3 text-center cursor-pointer py-2",
+          {
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-brand": t.severity === "brand" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-secondary": t.severity === "secondary" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success": t.severity === "success" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-warning": t.severity === "warning" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-danger": t.severity === "danger" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-info": t.severity === "info" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear()
+          }
+        ]
+      }),
+      month: ({ context: o }) => ({
+        class: [
+          "col-3 text-center cursor-pointer py-2",
+          {
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-brand": t.severity === "brand" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-secondary": t.severity === "secondary" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success": t.severity === "success" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-warning": t.severity === "warning" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-danger": t.severity === "danger" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-info": t.severity === "info" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
+          }
+        ]
+      })
     }));
-    return (a, o) => {
-      const n = xe;
-      return s(), p(O, null, [
-        c("span", Ot, [
-          k(a.$slots, "before")
+    return (o, r) => {
+      const u = Se;
+      return s(), p(D, null, [
+        m("span", At, [
+          k(o.$slots, "before")
         ]),
-        b(n, S({ ...t, ...a.$attrs }, { pt: l.value }), null, 16, ["pt"]),
-        j(b(u(C), {
-          "data-cy": "icon",
-          icon: "bi:calendar3",
-          width: "32",
-          height: "32",
-          class: B(["ps-2", t.severity == null ? "text-primary" : `text-${t.severity}`])
-        }, null, 8, ["class"]), [
-          [q, t.showIcon]
+        m("div", Nt, [
+          y(u, C({ ...t, ...o.$attrs }, {
+            pt: l.value,
+            modelValue: n.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (b) => n.value = b)
+          }), null, 16, ["pt", "modelValue"]),
+          L(y(c(S), {
+            "data-cy": "icon",
+            icon: "bi:calendar4",
+            class: "position-absolute end-0 top-50 bottom-50 my-auto me-2 text-muted"
+          }, null, 512), [
+            [Y, t.showIcon]
+          ]),
+          L(y(c(S), {
+            "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"]), [
+            [Y, t.modelValue]
+          ])
         ]),
-        c("span", Ut, [
-          k(a.$slots, "after")
+        m("span", Et, [
+          k(o.$slots, "after")
         ])
       ], 64);
     };
   }
-}), ul = /* @__PURE__ */ x({
+}), vl = /* @__PURE__ */ $({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
     currentCount: {}
   },
   setup(e) {
-    const t = e, l = h(() => t.maxCount - t.currentCount);
-    return (a, o) => (s(), p("div", {
-      class: B(l.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + g(l.value), 3));
+    const t = e, n = x(() => t.maxCount - t.currentCount);
+    return (a, l) => (s(), p("div", {
+      class: B(n.value < 0 ? "text-danger" : "")
+    }, "Remaining characters: " + g(n.value), 3));
   }
-}), At = /* @__PURE__ */ c("hr", null, null, -1), Nt = { class: "d-flex justify-content-between" }, cl = /* @__PURE__ */ x({
+}), Lt = /* @__PURE__ */ m("hr", null, null, -1), jt = { class: "d-flex justify-content-between" }, bl = /* @__PURE__ */ $({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1788,88 +1906,88 @@ const ct = { key: 0 }, mt = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = P(!1), a = P({
+    const t = e, n = T(!1), a = T({
       hasError: !1,
       message: ""
     });
-    async function o() {
-      l.value = !0, a.value.hasError = !1;
+    async function l() {
+      n.value = !0, a.value.hasError = !1;
       try {
         await t.onSubmit();
-      } catch (n) {
-        a.value.hasError = !0, n.message && (a.value.message = n.message);
+      } catch (o) {
+        a.value.hasError = !0, o.message && (a.value.message = o.message);
       }
-      l.value = !1;
+      n.value = !1;
     }
-    return (n, i) => {
-      const m = A;
-      return s(), p("form", S(n.$attrs, {
+    return (o, r) => {
+      const u = E;
+      return s(), p("form", C(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: K(o, ["prevent"])
+        onSubmit: G(l, ["prevent"])
       }), [
-        n.hideTitle ? F("", !0) : (s(), p(O, { key: 0 }, [
-          k(n.$slots, "title", {}, () => [
-            c("h3", {
-              class: B(n.titleClass),
+        o.hideTitle ? F("", !0) : (s(), p(D, { key: 0 }, [
+          k(o.$slots, "title", {}, () => [
+            m("h3", {
+              class: B(o.titleClass),
               "data-cy": "form-title"
-            }, g(n.title), 3)
+            }, g(o.title), 3)
           ]),
-          At
+          Lt
         ], 64)),
-        a.value.hasError ? (s(), w(ee, {
+        a.value.hasError ? (s(), w(ae, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
           default: v(() => [
-            k(n.$slots, "error", {
+            k(o.$slots, "error", {
               error: a.value.message
             }, () => [
-              V(g(a.value.message), 1)
+              P(g(a.value.message), 1)
             ])
           ]),
           _: 3
         })) : F("", !0),
-        k(n.$slots, "default"),
-        c("div", Nt, [
-          k(n.$slots, "cancel", {}, () => [
-            n.hideCancel ? F("", !0) : (s(), w(m, {
+        k(o.$slots, "default"),
+        m("div", jt, [
+          k(o.$slots, "cancel", {}, () => [
+            o.hideCancel ? F("", !0) : (s(), w(u, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: i[0] || (i[0] = (y) => n.$emit("cancel"))
+              onClick: r[0] || (r[0] = (b) => o.$emit("cancel"))
             }, {
               default: v(() => [
-                V(g(n.cancelText), 1)
+                P(g(o.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          k(n.$slots, "submit", { submit: o }, () => [
-            b(m, {
+          k(o.$slots, "submit", { submit: l }, () => [
+            y(u, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
               default: v(() => [
-                V(g(n.submitText), 1)
+                P(g(o.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        l.value ? (s(), w(ce, {
+        n.value ? (s(), w(pe, {
           key: 2,
           "data-cy": "loading-spinner"
         })) : F("", !0)
       ], 16);
     };
   }
-}), Et = { class: "d-flex flex-column" }, Rt = ["for"], ml = /* @__PURE__ */ x({
+}), Ht = { class: "d-flex flex-column" }, Yt = ["for"], fl = /* @__PURE__ */ $({
   __name: "ForgeFormField",
   props: {
     name: {},
@@ -1880,61 +1998,61 @@ const ct = { key: 0 }, mt = {
     placeholder: { default: "" }
   },
   setup(e) {
-    const t = e, { errors: l, value: a, errorMessage: o } = W(() => t.name, t.rules), n = h(() => l.value.length > 0);
-    return (i, m) => {
-      const y = Be, r = $e, _ = le;
-      return s(), p("div", Et, [
+    const t = e, { errors: n, value: a, errorMessage: l } = W(() => t.name, t.rules), o = x(() => n.value.length > 0);
+    return (r, u) => {
+      const b = Ve, d = Ce, f = ne;
+      return s(), p("div", Ht, [
         t.type !== "checkbox" ? (s(), p("label", {
           key: 0,
           for: t.name
-        }, g(t.label), 9, Rt)) : F("", !0),
-        t.type === "checkbox" ? (s(), w(it, S({
+        }, g(t.label), 9, Yt)) : F("", !0),
+        t.type === "checkbox" ? (s(), w(me, C({
           key: 1,
           id: t.name,
-          rules: i.rules,
+          rules: r.rules,
           label: t.label
-        }, i.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (s(), w(u(de), S({
+        }, r.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (s(), w(c(ue), C({
           key: 2,
           id: t.name,
           placeholder: t.placeholder,
-          modelValue: u(a),
-          "onUpdate:modelValue": m[0] || (m[0] = (d) => H(a) ? a.value = d : null),
-          "input-class": { "is-invalid": n.value },
-          class: { "is-invalid": n.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (s(), w(y, S({
+          modelValue: c(a),
+          "onUpdate:modelValue": u[0] || (u[0] = (i) => H(a) ? a.value = i : null),
+          "input-class": { "is-invalid": o.value },
+          class: { "is-invalid": o.value }
+        }, r.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (s(), w(b, C({
           key: 3,
           id: t.name,
           placeholder: t.placeholder,
-          modelValue: u(a),
-          "onUpdate:modelValue": m[1] || (m[1] = (d) => H(a) ? a.value = d : null),
-          class: { "is-invalid": n.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (s(), w(r, S({
+          modelValue: c(a),
+          "onUpdate:modelValue": u[1] || (u[1] = (i) => H(a) ? a.value = i : null),
+          class: { "is-invalid": o.value }
+        }, r.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (s(), w(d, C({
           key: 4,
           id: t.name,
           placeholder: t.placeholder,
-          modelValue: u(a),
-          "onUpdate:modelValue": m[2] || (m[2] = (d) => H(a) ? a.value = d : null),
+          modelValue: c(a),
+          "onUpdate:modelValue": u[2] || (u[2] = (i) => H(a) ? a.value = i : null),
           mask: t.mask,
-          class: { "is-invalid": n.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (s(), w(_, S({
+          class: { "is-invalid": o.value }
+        }, r.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (s(), w(f, C({
           key: 5,
           id: t.name,
           placeholder: t.placeholder,
-          modelValue: u(a),
-          "onUpdate:modelValue": m[3] || (m[3] = (d) => H(a) ? a.value = d : null),
-          class: { "is-invalid": n.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
-        t.type !== "checkbox" ? j((s(), p("small", {
+          modelValue: c(a),
+          "onUpdate:modelValue": u[3] || (u[3] = (i) => H(a) ? a.value = i : null),
+          class: { "is-invalid": o.value }
+        }, r.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
+        t.type !== "checkbox" ? L((s(), p("small", {
           key: 6,
           "data-cy": "error",
           class: "invalid-feedback"
-        }, g(u(o)), 513)), [
-          [q, n.value]
+        }, g(c(l)), 513)), [
+          [Y, o.value]
         ]) : F("", !0)
       ]);
     };
   }
-}), pl = /* @__PURE__ */ x({
+}), gl = /* @__PURE__ */ $({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -1962,17 +2080,17 @@ const ct = { key: 0 }, mt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, { errors: l, value: a, errorMessage: o } = W(() => t.name, t.rules);
+    const t = e, { errors: n, value: a, errorMessage: l } = W(() => t.name, t.rules);
     a.value = t.modelValue;
-    const n = h(() => l.value.length > 0), i = h(() => ({
+    const o = x(() => n.value.length > 0), r = x(() => ({
       inputtoken: "list-unstyled",
       input: "border-0",
-      container: ({ props: m }) => ({
+      container: ({ props: u }) => ({
         class: [
           "form-control mb-0 d-flex",
           {
-            disabled: m.disabled,
-            "is-invalid": n.value
+            disabled: u.disabled,
+            "is-invalid": o.value
           }
         ]
       }),
@@ -1995,35 +2113,35 @@ const ct = { key: 0 }, mt = {
         ]
       }
     }));
-    return (m, y) => {
-      const r = Fe;
-      return s(), p(O, null, [
-        b(r, S({ ...t, ...m.$attrs }, {
-          pt: i.value,
-          "model-value": u(a),
-          "onUpdate:modelValue": y[0] || (y[0] = (_) => H(a) ? a.value = _ : null)
+    return (u, b) => {
+      const d = Te;
+      return s(), p(D, null, [
+        y(d, C({ ...t, ...u.$attrs }, {
+          pt: r.value,
+          "model-value": c(a),
+          "onUpdate:modelValue": b[0] || (b[0] = (f) => H(a) ? a.value = f : null)
         }), {
-          removetokenicon: v(({ removeCallback: _ }) => [
-            j(b(u(C), {
+          removetokenicon: v(({ removeCallback: f }) => [
+            L(y(c(S), {
               icon: "bi:x",
               class: "cursor-pointer",
-              onClick: _
+              onClick: f
             }, null, 8, ["onClick"]), [
-              [q, !t.disabled]
+              [Y, !t.disabled]
             ])
           ]),
           _: 1
         }, 16, ["pt", "model-value"]),
-        j(c("small", {
+        L(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, g(u(o)), 513), [
-          [q, n.value]
+        }, g(c(l)), 513), [
+          [Y, o.value]
         ])
       ], 64);
     };
   }
-}), Lt = /* @__PURE__ */ x({
+}), qt = /* @__PURE__ */ $({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2038,7 +2156,7 @@ const ct = { key: 0 }, mt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = h(() => t.striped ? "progress-bar-striped" : null), a = h(() => t.animate ? "progress-bar-animated" : null), o = h(() => {
+    const t = e, n = x(() => t.striped ? "progress-bar-striped" : null), a = x(() => t.animate ? "progress-bar-animated" : null), l = x(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2057,25 +2175,25 @@ const ct = { key: 0 }, mt = {
         default:
           return "bg-primary";
       }
-    }), n = h(() => ({
+    }), o = x(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
       value: {
-        class: [o.value, l.value, a.value]
+        class: [l.value, n.value, a.value]
       }
     }));
-    return (i, m) => {
-      const y = Se;
-      return s(), w(y, S({ ...i.$attrs, ...t }, { pt: n.value }), {
+    return (r, u) => {
+      const b = Me;
+      return s(), w(b, C({ ...r.$attrs, ...t }, { pt: o.value }), {
         default: v(() => [
-          k(i.$slots, "default")
+          k(r.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), jt = { class: "value text-light w-100 text-center" }, yl = /* @__PURE__ */ x({
+}), Gt = { class: "value text-light w-100 text-center" }, hl = /* @__PURE__ */ $({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2083,18 +2201,18 @@ const ct = { key: 0 }, mt = {
   },
   setup(e) {
     const t = e;
-    return (l, a) => (s(), p("div", S(l.$attrs, {
+    return (n, a) => (s(), p("div", C(n.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      c("span", jt, [
-        k(l.$slots, "default")
+      m("span", Gt, [
+        k(n.$slots, "default")
       ])
     ], 16));
   }
-}), Ht = {
+}), Kt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, qt = { class: "d-flex align-items-center justify-content-center w-100" }, bl = /* @__PURE__ */ x({
+}, Wt = { class: "d-flex align-items-center justify-content-center w-100" }, wl = /* @__PURE__ */ $({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2110,103 +2228,103 @@ const ct = { key: 0 }, mt = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = P(a.currentStep), n = () => {
+    const n = t, a = e, l = T(a.currentStep), o = () => {
       do
-        o.value--;
-      while (a.model[o.value].disabled);
-      l("update:currentStep", o.value);
-    }, i = () => {
-      if (o.value < a.model.length - 1)
+        l.value--;
+      while (a.model[l.value].disabled);
+      n("update:currentStep", l.value);
+    }, r = () => {
+      if (l.value < a.model.length - 1)
         do
-          o.value++;
-        while (a.model[o.value].disabled);
-      l("update:currentStep", o.value);
-    }, m = h(() => {
-      const r = a.model.findIndex((_) => !_.disabled);
-      return !(r < o.value && r > -1);
-    }), y = h(() => ({
-      menuitem: (r) => ({
+          l.value++;
+        while (a.model[l.value].disabled);
+      n("update:currentStep", l.value);
+    }, u = x(() => {
+      const d = a.model.findIndex((f) => !f.disabled);
+      return !(d < l.value && d > -1);
+    }), b = x(() => ({
+      menuitem: (d) => ({
         class: [{
-          "cursor-pointer": !r.context.disabled
+          "cursor-pointer": !d.context.disabled
         }]
       }),
-      step: (r) => ({
+      step: (d) => ({
         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: d.context.disabled,
+            "bg-primary text-white": d.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
+            "bg-brand text-white": d.context.index === l.value && a.severity === "brand",
+            "bg-secondary text-white": d.context.index === l.value && a.severity === "secondary",
+            "bg-success text-white": d.context.index === l.value && a.severity === "success",
+            "bg-warning text-white": d.context.index === l.value && a.severity === "warning",
+            "bg-danger text-white": d.context.index === l.value && a.severity === "danger",
+            "bg-info text-white": d.context.index === l.value && a.severity === "info"
           }
         ]
       }),
-      label: (r) => ({
+      label: (d) => ({
         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": d.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
+            "border-bottom border-2 border-brand": d.context.index === l.value && a.severity === "brand",
+            "border-bottom border-2 border-secondary": d.context.index === l.value && a.severity === "secondary",
+            "border-bottom border-2 border-success": d.context.index === l.value && a.severity === "success",
+            "border-bottom border-2 border-warning": d.context.index === l.value && a.severity === "warning",
+            "border-bottom border-2 border-danger": d.context.index === l.value && a.severity === "danger",
+            "border-bottom border-2 border-info": d.context.index === l.value && a.severity === "info"
           }
         ]
       })
     }));
-    return (r, _) => {
-      const d = A, f = Te, $ = Ce;
-      return s(), p("div", Ht, [
-        c("div", qt, [
-          b(d, {
+    return (d, f) => {
+      const i = E, h = Ie, _ = Pe;
+      return s(), p("div", Kt, [
+        m("div", Wt, [
+          y(i, {
             severity: a.severity,
-            disabled: m.value,
-            onClick: n,
+            disabled: u.value,
+            onClick: o,
             class: "rounded-circle py-2 me-4",
             "data-cy": "back-button"
           }, {
             default: v(() => [
-              b(u(C), {
+              y(c(S), {
                 icon: "bi:chevron-left",
                 class: "mb-1"
               })
             ]),
             _: 1
           }, 8, ["severity", "disabled"]),
-          b(f, {
-            "active-step": o.value,
-            "onUpdate:activeStep": _[0] || (_[0] = (T) => o.value = T),
+          y(h, {
+            "active-step": l.value,
+            "onUpdate:activeStep": f[0] || (f[0] = (V) => l.value = V),
             model: a.model,
-            pt: y.value,
+            pt: b.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
-        b($),
-        (s(!0), p(O, null, E(a.model, (T, I) => (s(), p("div", {
-          key: I,
+        y(_),
+        (s(!0), p(D, null, j(a.model, (V, M) => (s(), p("div", {
+          key: M,
           class: "w-100"
         }, [
-          I === o.value ? k(r.$slots, T.key ?? T.label, {
+          M === l.value ? k(d.$slots, V.key ?? V.label, {
             key: 0,
-            nextStep: i,
-            previousStep: n
+            nextStep: r,
+            previousStep: o
           }, () => [
-            b(ee, {
+            y(ae, {
               severity: "info",
               "data-cy": "alert"
             }, {
               default: v(() => [
-                V(" Please add Slot Content for the key " + g(T.key ?? T.label) + " ", 1),
-                b(d, {
+                P(" Please add Slot Content for the key " + g(V.key ?? V.label) + " ", 1),
+                y(i, {
                   severity: "primary",
                   label: "Next",
-                  onClick: i,
+                  onClick: r,
                   class: "ms-2"
                 })
               ]),
@@ -2217,7 +2335,7 @@ const ct = { key: 0 }, mt = {
       ]);
     };
   }
-}), Gt = { class: "p-4 text-wrap w-100" }, Kt = { class: "p-4 text-wrap w-100" }, vl = /* @__PURE__ */ x({
+}), Zt = { class: "p-4 text-wrap w-100" }, Jt = { class: "p-4 text-wrap w-100" }, xl = /* @__PURE__ */ $({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2225,20 +2343,20 @@ const ct = { key: 0 }, mt = {
     clickable: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = h(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = h(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
-    return (o, n) => {
-      const i = A;
-      return t.clickable ? (s(), w(i, {
+    const t = e, n = x(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = x(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
+    return (l, o) => {
+      const r = E;
+      return t.clickable ? (s(), w(r, {
         key: 0,
-        class: B(["d-flex w-100 p-0 text-body", l.value]),
+        class: B(["d-flex w-100 p-0 text-body", n.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
         default: v(() => [
-          c("div", Gt, [
-            k(o.$slots, "default", {}, () => [
-              V("Tile Content")
+          m("div", Zt, [
+            k(l.$slots, "default", {}, () => [
+              P("Tile Content")
             ])
           ])
         ]),
@@ -2248,25 +2366,25 @@ const ct = { key: 0 }, mt = {
         class: B(["d-flex w-100", a.value]),
         "data-cy": "tile"
       }, [
-        c("div", Kt, [
-          k(o.$slots, "default", {}, () => [
-            V("Tile Content")
+        m("div", Jt, [
+          k(l.$slots, "default", {}, () => [
+            P("Tile Content")
           ])
         ])
       ], 2));
     };
   }
 });
-function Y(e, t) {
+function X(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const Wt = {
+const Xt = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, Zt = { class: "ms-2" }, Yt = { key: 0 }, Jt = /* @__PURE__ */ c("span", { class: "mx-2" }, "|", -1), Xt = {
+}, Qt = { class: "ms-2" }, ea = { key: 0 }, ta = /* @__PURE__ */ m("span", { class: "mx-2" }, "|", -1), aa = {
   class: "w-auto",
   "data-cy": "total"
-}, Qt = /* @__PURE__ */ x({
+}, la = /* @__PURE__ */ $({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2275,31 +2393,31 @@ const Wt = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = (i) => {
-      l("update:perPage", i.value);
-    }, n = h(() => {
-      const i = Math.ceil(a.total / a.perPage);
-      return `${i} ${Y(i, "page")}`;
+    const n = t, a = e, l = (r) => {
+      n("update:perPage", r.value);
+    }, o = x(() => {
+      const r = Math.ceil(a.total / a.perPage);
+      return `${r} ${X(r, "page")}`;
     });
-    return (i, m) => (s(), p("div", Wt, [
-      V(" Number of results per page "),
-      c("div", Zt, [
-        b(u(oe), {
+    return (r, u) => (s(), p("div", Xt, [
+      P(" Number of results per page "),
+      m("div", Qt, [
+        y(c(se), {
           options: a.pageSizes,
           "model-value": a.perPage,
-          onChange: m[0] || (m[0] = (y) => o(y))
+          onChange: u[0] || (u[0] = (b) => l(b))
         }, null, 8, ["options", "model-value"])
       ]),
-      a.total ? (s(), p("div", Yt, [
-        Jt,
-        c("span", Xt, g(a.total) + " " + g(u(Y)(a.total, "result")) + " across " + g(n.value), 1)
+      a.total ? (s(), p("div", ea, [
+        ta,
+        m("span", aa, g(a.total) + " " + g(c(X)(a.total, "result")) + " across " + g(o.value), 1)
       ])) : F("", !0)
     ]));
   }
-}), ea = { "data-cy": "above-table-slot" }, ta = { class: "d-flex" }, aa = { class: "d-flex align-items-end mb-2" }, la = { key: 0 }, oa = { class: "ms-auto" }, na = {
+}), oa = { "data-cy": "above-table-slot" }, na = { class: "d-flex" }, sa = { class: "d-flex align-items-end mb-2" }, ia = { key: 0 }, ra = { class: "ms-auto" }, da = {
   class: "d-flex",
   "data-cy": "legacy-page-size"
-}, sa = /* @__PURE__ */ c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), ia = { "data-cy": "legacy-total" }, fl = /* @__PURE__ */ x({
+}, ua = /* @__PURE__ */ m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), ca = { "data-cy": "legacy-total" }, kl = /* @__PURE__ */ $({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2378,74 +2496,74 @@ const Wt = {
   },
   emits: ["update:filters"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = P([10, 20, 50, 100]), n = P(20), i = P(), m = () => {
-      for (const d in a.filters)
-        a.filters[d].value = null;
-      y(a.filters);
-    }, y = (d) => {
-      l("update:filters", d);
-    }, r = h(() => {
-      const d = Math.ceil((a.total ?? a.value.length) / n.value);
-      return `${d} ${Y(d, "page")}`;
-    }), _ = () => {
-      i.value.exportCSV();
+    const n = t, a = e, l = T([10, 20, 50, 100]), o = T(20), r = T(), u = () => {
+      for (const i in a.filters)
+        a.filters[i].value = null;
+      b(a.filters);
+    }, b = (i) => {
+      n("update:filters", i);
+    }, d = x(() => {
+      const i = Math.ceil((a.total ?? a.value.length) / o.value);
+      return `${i} ${X(i, "page")}`;
+    }), f = () => {
+      r.value.exportCSV();
     };
-    return (d, f) => (s(), p(O, null, [
-      c("span", ea, [
-        k(d.$slots, "above-table")
+    return (i, h) => (s(), p(D, null, [
+      m("span", oa, [
+        k(i.$slots, "above-table")
       ]),
-      b(u(Pe), S({ class: "w-100" }, { ...a, ...d.$attrs }, {
-        rows: n.value,
-        "total-records": d.total,
+      y(c(ze), C({ class: "w-100" }, { ...a, ...i.$attrs }, {
+        rows: o.value,
+        "total-records": i.total,
         "filter-display": a.filters ? "row" : void 0,
         ref_key: "forgeTable",
-        ref: i,
-        "onUpdate:filters": y,
+        ref: r,
+        "onUpdate:filters": b,
         "data-cy": "table"
-      }), Q({
+      }), te({
         header: v(() => [
-          c("div", ta, [
-            c("div", aa, [
-              d.paginator && !d.legacyPaginationFooter ? (s(), p("span", la, [
-                b(Qt, {
-                  total: d.total ?? d.value.length,
-                  "page-sizes": o.value,
-                  "per-page": n.value,
-                  "onUpdate:perPage": f[0] || (f[0] = ($) => n.value = $)
+          m("div", na, [
+            m("div", sa, [
+              i.paginator && !i.legacyPaginationFooter ? (s(), p("span", ia, [
+                y(la, {
+                  total: i.total ?? i.value.length,
+                  "page-sizes": l.value,
+                  "per-page": o.value,
+                  "onUpdate:perPage": h[0] || (h[0] = (_) => o.value = _)
                 }, null, 8, ["total", "page-sizes", "per-page"])
               ])) : F("", !0)
             ]),
-            c("div", oa, [
-              d.showClearButton ? (s(), w(u(A), {
+            m("div", ra, [
+              i.showClearButton ? (s(), w(c(E), {
                 key: 0,
                 outlined: "",
-                class: B(d.showExporterButton ? "me-2" : ""),
-                onClick: m,
+                class: B(i.showExporterButton ? "me-2" : ""),
+                onClick: u,
                 "data-cy": "clear-all"
               }, {
                 default: v(() => [
-                  b(u(C), {
+                  y(c(S), {
                     icon: "bi:funnel-fill",
                     width: "24",
                     height: "24"
                   }),
-                  V(" Clear ")
+                  P(" Clear ")
                 ]),
                 _: 1
               }, 8, ["class"])) : F("", !0),
-              d.showExporterButton ? (s(), w(u(A), {
+              i.showExporterButton ? (s(), w(c(E), {
                 key: 1,
                 outlined: "",
-                onClick: _,
+                onClick: f,
                 "data-cy": "exporter"
               }, {
                 default: v(() => [
-                  b(u(C), {
+                  y(c(S), {
                     icon: "typcn:export",
                     width: "24",
                     height: "24"
                   }),
-                  V(" Export ")
+                  P(" Export ")
                 ]),
                 _: 1
               })) : F("", !0)
@@ -2453,111 +2571,111 @@ const Wt = {
           ])
         ]),
         default: v(() => [
-          k(d.$slots, "default")
+          k(i.$slots, "default")
         ]),
         _: 2
       }, [
-        E(d.$slots, ($, T) => ({
-          name: T,
-          fn: v((I) => [
-            k(d.$slots, T, J(X(I || {})))
+        j(i.$slots, (_, V) => ({
+          name: V,
+          fn: v((M) => [
+            k(i.$slots, V, Q(ee(M || {})))
           ])
         })),
-        d.legacyPaginationFooter ? {
+        i.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: v(() => [
-            c("span", na, [
-              sa,
-              b(u(oe), {
-                options: o.value,
-                modelValue: n.value,
-                "onUpdate:modelValue": f[1] || (f[1] = ($) => n.value = $),
+            m("span", da, [
+              ua,
+              y(c(se), {
+                options: l.value,
+                modelValue: o.value,
+                "onUpdate:modelValue": h[1] || (h[1] = (_) => o.value = _),
                 class: "ms-2"
               }, null, 8, ["options", "modelValue"])
             ])
           ]),
           key: "0"
         } : void 0,
-        d.legacyPaginationFooter ? {
+        i.legacyPaginationFooter ? {
           name: "paginatorend",
           fn: v(() => [
-            c("span", ia, g(d.total ?? d.value.length) + " " + g(u(Y)(d.total ?? d.value.length, "result")) + " across " + g(r.value), 1)
+            m("span", ca, g(i.total ?? i.value.length) + " " + g(c(X)(i.total ?? i.value.length, "result")) + " across " + g(d.value), 1)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["rows", "total-records", "filter-display"])
     ], 64));
   }
-}), gl = /* @__PURE__ */ x({
+}), _l = /* @__PURE__ */ $({
   __name: "ForgeFilterHeader",
   props: {
     dataType: {},
     dropdownOptions: {}
   },
   setup(e) {
-    return (t, l) => {
-      const a = de;
-      return t.dataType === "numeric" ? (s(), w(a, S({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), w(Dt, S({ key: 1 }, t.$attrs, {
+    return (t, n) => {
+      const a = ue;
+      return t.dataType === "numeric" ? (s(), w(a, C({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), w(Rt, C({ key: 1 }, t.$attrs, {
         "show-icon": !1,
         "show-on-focus": !0,
         class: "w-100"
-      }), null, 16)) : t.dataType === "select" ? (s(), w(u(oe), S({ key: 2 }, t.$attrs, {
+      }), null, 16)) : t.dataType === "select" ? (s(), w(c(se), C({ key: 2 }, t.$attrs, {
         options: t.dropdownOptions,
         class: "dropdown-input w-100"
-      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), w(u(Ve), S({ key: 3 }, t.$attrs, {
+      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), w(c(Oe), C({ key: 3 }, t.$attrs, {
         options: t.dropdownOptions,
         showToggleAll: !1,
         placeholder: " ",
         filter: "",
         class: "w-100 dropdown-input"
-      }), null, 16, ["options"])) : (s(), w(u(le), S({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
+      }), null, 16, ["options"])) : (s(), w(c(ne), C({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
     };
   }
 });
-function me(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 m = "Not Uploaded";
-    i === -1 ? ((!l.includes(n.type) || !(n.size <= a)) && (m = l.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
-      file: n,
-      status: m,
+function ye(e, t, n, a) {
+  const l = t.flatMap((o) => o.file);
+  return t = t.map((o) => ({ ...o, status: o.status == "Duplicate" ? "Not Uploaded" : o.status })), e.forEach((o) => {
+    const r = l.findIndex((b) => b.name === o.name);
+    let u = "Not Uploaded";
+    r === -1 ? ((!n.includes(o.type) || !(o.size <= a)) && (u = n.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+      file: o,
+      status: u,
       blobFileName: null
-    })) : t[i].status = "Duplicate";
+    })) : t[r].status = "Duplicate";
   }), t;
 }
-async function ra(e, t) {
+async function ma(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
-      await new ue(t).delete();
-    } catch (l) {
-      if (l !== "BlobNotFound") {
+      await new ce(t).delete();
+    } catch (n) {
+      if (n !== "BlobNotFound") {
         e = "DeleteFileFailed";
         return;
       }
     }
 }
-function ne(e, t = !0, l = 1) {
+function ie(e, t = !0, n = 1) {
   const a = t ? 1e3 : 1024;
   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;
+  const l = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+  let o = -1;
+  const r = 10 ** n;
   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, ++o;
+  while (Math.round(Math.abs(e) * r) / r >= a && o < l.length - 1);
+  return e.toFixed(n) + " " + l[o];
 }
-function da(e) {
+function pa(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function ua(e) {
+function ya(e) {
   return URL.createObjectURL(e);
 }
-const ca = { class: "d-flex justify-content-between" }, ma = ["accept", "disabled", "multiple"], pa = /* @__PURE__ */ x({
+const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disabled", "multiple"], fa = /* @__PURE__ */ $({
   __name: "UploadButton",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     acceptedFileTypes: {},
     maxFileInput: {},
     showDragDropArea: { type: Boolean }
@@ -2567,54 +2685,54 @@ const ca = { class: "d-flex justify-content-between" }, ma = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), l = h(() => e.maxFileInput <= t.value.length), a = (o) => {
-      t.value = me(o, t.value, e.acceptedFileTypes, e.maxFileInput);
+    const t = R(e, "modelValue"), n = x(() => e.maxFileInput <= t.value.length), a = (l) => {
+      t.value = ye(l, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
-    return (o, n) => (s(), p("div", ca, [
-      k(o.$slots, "message"),
-      c("div", null, [
-        c("input", {
+    return (l, o) => (s(), p("div", va, [
+      k(l.$slots, "message"),
+      m("div", null, [
+        m("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, ma),
-        c("label", {
-          class: B([{ disabled: l.value }, "btn btn-primary"]),
+          accept: l.acceptedFileTypes.join(", "),
+          disabled: n.value,
+          multiple: l.maxFileInput > 1,
+          onInput: o[0] || (o[0] = (r) => a([...r.target.files]))
+        }, null, 40, ba),
+        m("label", {
+          class: B([{ disabled: n.value }, "btn btn-primary"]),
           id: "file-input-button",
           for: "file-input"
         }, [
-          k(o.$slots, "button-content", {}, () => [
-            b(u(C), {
+          k(l.$slots, "button-content", {}, () => [
+            y(c(S), {
               icon: "bi:upload",
               class: "me-2",
               height: "20px",
               width: "20px"
             }),
-            V(" Browse your computer ")
+            P(" Browse your computer ")
           ])
         ], 2)
       ]),
-      o.showDragDropArea ? (s(), p("div", {
+      l.showDragDropArea ? (s(), p("div", {
         class: "ms-auto",
-        key: o.acceptedFileTypes.length,
+        key: l.acceptedFileTypes.length,
         id: "accepted-file-types"
-      }, "Accepted File Types: " + g(o.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
+      }, "Accepted File Types: " + g(l.acceptedFileTypes.map((r) => r.split("/").pop()).join(", ")), 1)) : F("", !0)
     ]));
   }
-}), ya = {
+}), ga = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, ba = {
+}, ha = {
   key: 1,
   class: "d-flex flex-column"
-}, va = /* @__PURE__ */ x({
+}, wa = /* @__PURE__ */ $({
   __name: "DragDropArea",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     maxFileInput: {},
     maxFileSize: {},
     acceptedFileTypes: {}
@@ -2624,30 +2742,30 @@ const ca = { class: "d-flex justify-content-between" }, ma = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), l = P(!1), a = h(() => e.maxFileInput <= t.value.length), o = (n) => {
-      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || a.value ? n.preventDefault() : t.value = me([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
+    const t = R(e, "modelValue"), n = T(!1), a = x(() => e.maxFileInput <= t.value.length), l = (o) => {
+      n.value = !1, o.dataTransfer.files.length > e.maxFileInput || a.value ? o.preventDefault() : t.value = ye([...o.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
-    return (n, i) => (s(), p("div", {
+    return (o, r) => (s(), p("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] = K((m) => l.value = !1, ["prevent"])),
-      onDragover: i[1] || (i[1] = K((m) => l.value = !0, ["prevent"])),
-      onDrop: K(o, ["prevent"])
+      class: B(`${n.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      onDragleave: r[0] || (r[0] = G((u) => n.value = !1, ["prevent"])),
+      onDragover: r[1] || (r[1] = G((u) => n.value = !0, ["prevent"])),
+      onDrop: G(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (s(), p("div", ya, [
-        b(u(C), {
+      t.value.length === 0 ? (s(), p("div", ga, [
+        y(c(S), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        V(" Drag and drop files here ")
-      ])) : (s(), p("div", ba, [
-        k(n.$slots, "default")
+        P(" Drag and drop files here ")
+      ])) : (s(), p("div", ha, [
+        k(o.$slots, "default")
       ]))
     ], 34));
   }
-}), fa = { class: "d-flex align-items-center me-2" }, ga = /* @__PURE__ */ x({
+}), xa = { class: "d-flex align-items-center me-2" }, ka = /* @__PURE__ */ $({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -2656,12 +2774,12 @@ const ca = { class: "d-flex justify-content-between" }, ma = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = h(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), l = h(() => {
+    const t = x(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), n = x(() => {
       switch (e.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
         case "InvalidFileSize":
-          return `Upload Failed: File size exceeds the ${ne(e.maxFileSize)} limit.`;
+          return `Upload Failed: File size exceeds the ${ie(e.maxFileSize)} limit.`;
         case "Aborted":
           return "Upload Failed: User cancelled.";
         case "DeleteFileFailed":
@@ -2672,43 +2790,43 @@ const ca = { class: "d-flex justify-content-between" }, ma = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (a, o) => (s(), p("div", fa, [
-      a.uploadStatus === "Uploading" ? (s(), w(Lt, {
+    return (a, l) => (s(), p("div", xa, [
+      a.uploadStatus === "Uploading" ? (s(), w(qt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
         default: v(() => [
-          V(g((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
+          P(g((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
       })) : F("", !0),
-      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (s(), w(ee, {
+      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (s(), w(ae, {
         key: 1,
         id: "upload-status-alert",
         severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
         default: v(() => [
-          V(g(l.value), 1)
+          P(g(n.value), 1)
         ]),
         _: 1
       }, 8, ["severity"])) : F("", !0)
     ]));
   }
-}), ha = ["data-cy"], wa = { class: "ms-3 d-flex flex-column" }, ka = {
+}), _a = ["data-cy"], $a = { class: "ms-3 d-flex flex-column" }, Fa = {
   key: 1,
   id: "file-name"
-}, _a = {
+}, Ba = {
   class: "text-black-50",
   id: "file-type"
-}, xa = {
+}, Sa = {
   class: "text-black-50",
   id: "file-size"
-}, $a = { class: "ms-auto my-auto d-flex" }, Ba = /* @__PURE__ */ x({
+}, Ca = { class: "ms-auto my-auto d-flex" }, Va = /* @__PURE__ */ $({
   __name: "FileInfo",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     editableFileName: { type: Boolean },
     acceptedFileTypes: {},
     maxFileSize: {},
@@ -2723,57 +2841,57 @@ const ca = { class: "d-flex justify-content-between" }, ma = ["accept", "disable
     uploadStatus: { required: !0 },
     uploadStatusModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  emits: /* @__PURE__ */ q(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const l = L(e, "file"), a = L(e, "blobFileName"), o = L(e, "uploadStatus"), n = t, i = P(l.value.name), m = P(""), y = P(0), r = P(), _ = h(() => e.acceptedFileTypes.includes(l.value.type)), d = h(() => l.value.size <= e.maxFileSize), f = () => {
-      l.value = new File([l.value], i.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
-    }, $ = async () => {
-      if (!_.value || !d.value) {
-        o.value = _.value ? "InvalidFileSize" : "InvalidFileType";
+    const n = R(e, "file"), a = R(e, "blobFileName"), l = R(e, "uploadStatus"), o = t, r = T(n.value.name), u = T(""), b = T(0), d = T(), f = x(() => e.acceptedFileTypes.includes(n.value.type)), i = x(() => n.value.size <= e.maxFileSize), h = () => {
+      n.value = new File([n.value], r.value, { type: n.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
+    }, _ = async () => {
+      if (!f.value || !i.value) {
+        l.value = f.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      o.value = "Preparing", r.value = new AbortController();
-      const [I, M] = await e.getFileUrlAction(l.value.name);
-      if (!I) {
-        o.value = "Failed";
+      l.value = "Preparing", d.value = new AbortController();
+      const [M, I] = await e.getFileUrlAction(n.value.name);
+      if (!M) {
+        l.value = "Failed";
         return;
       }
       try {
-        o.value = "Uploading";
-        const z = new ue(I), N = {
-          abortSignal: r.value.signal,
-          onProgress: (te) => y.value = te.loadedBytes,
+        l.value = "Uploading";
+        const z = new ce(M), N = {
+          abortSignal: d.value.signal,
+          onProgress: (le) => b.value = le.loadedBytes,
           tags: { temp: "true" }
         };
-        await z.uploadData(l.value, N), m.value = I, o.value = "Uploaded", a.value = M;
+        await z.uploadData(n.value, N), u.value = M, l.value = "Uploaded", a.value = I;
       } catch (z) {
         if (z.name === "AbortError") {
-          o.value = "Aborted";
+          l.value = "Aborted";
           return;
         }
-        o.value = "Failed";
+        l.value = "Failed";
       }
-    }, T = async () => {
-      await ra(o.value, m.value), n("deleted", l.value);
+    }, V = async () => {
+      await ma(l.value, u.value), o("deleted", n.value);
     };
-    return ie(() => {
-      e.autoUploadToBlob && $();
-    }), (I, M) => {
-      const z = A;
+    return oe(() => {
+      e.autoUploadToBlob && _();
+    }), (M, I) => {
+      const z = E;
       return s(), p("div", {
         class: "py-4 px-3 d-flex",
-        "data-cy": `file-info-${l.value.name}`
+        "data-cy": `file-info-${n.value.name}`
       }, [
-        c("div", null, [
-          u(da)(l.value.type) ? (s(), w(u(Ie), {
+        m("div", null, [
+          c(pa)(n.value.type) ? (s(), w(c(De), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: u(ua)(l.value),
-            alt: l.value.name,
+            src: c(ya)(n.value),
+            alt: n.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (s(), w(u(C), {
+          }, null, 8, ["src", "alt"])) : (s(), w(c(S), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -2781,78 +2899,78 @@ const ca = { class: "d-flex justify-content-between" }, ma = ["accept", "disable
             width: "75px"
           }))
         ]),
-        c("div", wa, [
-          c("div", null, [
-            I.editableFileName ? (s(), w(ht, {
+        m("div", $a, [
+          m("div", null, [
+            M.editableFileName ? (s(), w(kt, {
               key: 0,
               id: "edit-file-name",
-              modelValue: i.value,
-              "onUpdate:modelValue": M[0] || (M[0] = (N) => i.value = N),
-              rules: I.customFileNameRules,
-              name: l.value.name,
-              "complete-action": f
-            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", ka, g(l.value.name), 1))
+              modelValue: r.value,
+              "onUpdate:modelValue": I[0] || (I[0] = (N) => r.value = N),
+              rules: M.customFileNameRules,
+              name: n.value.name,
+              "complete-action": h
+            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", Fa, g(n.value.name), 1))
           ]),
-          c("span", _a, "File type: " + g(l.value.type.split("/").pop()), 1),
-          c("span", xa, "File size: " + g(u(ne)(l.value.size)), 1)
+          m("span", Ba, "File type: " + g(n.value.type.split("/").pop()), 1),
+          m("span", Sa, "File size: " + g(c(ie)(n.value.size)), 1)
         ]),
-        c("div", $a, [
-          (s(), w(ga, {
-            key: o.value,
-            "file-size": l.value.size,
-            "upload-status": o.value,
-            "bytes-uploaded": y.value,
-            "max-file-size": I.maxFileSize
+        m("div", Ca, [
+          (s(), w(ka, {
+            key: l.value,
+            "file-size": n.value.size,
+            "upload-status": l.value,
+            "bytes-uploaded": b.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(), w(z, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (s(), w(z, {
             key: 0,
             link: "",
-            onClick: $
+            onClick: _
           }, {
             default: v(() => [
-              b(u(C), {
-                icon: o.value === "Not Uploaded" || o.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
+              y(c(S), {
+                icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
           })) : F("", !0),
-          o.value === "Uploading" ? (s(), w(z, {
+          l.value === "Uploading" ? (s(), w(z, {
             key: 1,
             link: "",
-            onClick: M[1] || (M[1] = (N) => r.value.value.abort())
+            onClick: I[1] || (I[1] = (N) => d.value.value.abort())
           }, {
             default: v(() => [
-              b(u(C), { icon: "bi:x-circle-fill" })
+              y(c(S), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
           })) : (s(), w(z, {
             key: 2,
             link: "",
-            onClick: T,
+            onClick: V,
             id: "delete-button"
           }, {
             default: v(() => [
-              b(u(C), { icon: "bi:trash" })
+              y(c(S), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, ha);
+      ], 8, _a);
     };
   }
-}), Fa = { class: "d-flex justify-content-end mt-1" }, Sa = { id: "max-file-size" }, Ca = /* @__PURE__ */ x({
+}), Ta = { class: "d-flex justify-content-end mt-1" }, Ma = { id: "max-file-size" }, Pa = /* @__PURE__ */ $({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, l) => (s(), p("div", Fa, [
-      c("div", Sa, "Max file size: " + g(u(ne)(t.maxFileSize)), 1)
+    return (t, n) => (s(), p("div", Ta, [
+      m("div", Ma, "Max file size: " + g(c(ie)(t.maxFileSize)), 1)
     ]));
   }
-}), Ta = { "data-cy": "file-uploader" }, Pa = { key: 0 }, hl = /* @__PURE__ */ x({
+}), Ia = { "data-cy": "file-uploader" }, za = { key: 0 }, $l = /* @__PURE__ */ $({
   __name: "ForgeFileUploader",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: {},
@@ -2867,69 +2985,69 @@ const ca = { class: "d-flex justify-content-between" }, ma = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), l = e, a = (o) => {
-      t.value = t.value.filter((n) => n.file != o);
+    const t = R(e, "modelValue"), n = e, a = (l) => {
+      t.value = t.value.filter((o) => o.file != l);
     };
-    return (o, n) => (s(), p("div", Ta, [
-      b(pa, S(l, {
+    return (l, o) => (s(), p("div", Ia, [
+      y(fa, C(n, {
         modelValue: t.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (i) => t.value = i)
+        "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
       }), null, 16, ["modelValue"]),
-      o.showDragDropArea ? (s(), p("div", Pa, [
-        b(va, {
-          "max-file-input": l.maxFileInput,
-          "max-file-size": l.maxFileSize,
-          "accepted-file-types": l.acceptedFileTypes,
+      l.showDragDropArea ? (s(), p("div", za, [
+        y(wa, {
+          "max-file-input": n.maxFileInput,
+          "max-file-size": n.maxFileSize,
+          "accepted-file-types": n.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (i) => t.value = i)
+          "onUpdate:modelValue": o[1] || (o[1] = (r) => t.value = r)
         }, {
           default: v(() => [
-            (s(!0), p(O, null, E(t.value, ({ file: i }, m) => (s(), p("span", null, [
-              (s(), w(Ba, S({
-                key: i.name,
-                class: m === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
-                file: t.value[m].file,
-                "onUpdate:file": (y) => t.value[m].file = y,
-                "blob-file-name": t.value[m].blobFileName,
-                "onUpdate:blobFileName": (y) => t.value[m].blobFileName = y,
-                "upload-status": t.value[m].status,
-                "onUpdate:uploadStatus": (y) => t.value[m].status = y,
+            (s(!0), p(D, null, j(t.value, ({ file: r }, u) => (s(), p("span", null, [
+              (s(), w(Va, C({
+                key: r.name,
+                class: u === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
+                file: t.value[u].file,
+                "onUpdate:file": (b) => t.value[u].file = b,
+                "blob-file-name": t.value[u].blobFileName,
+                "onUpdate:blobFileName": (b) => t.value[u].blobFileName = b,
+                "upload-status": t.value[u].status,
+                "onUpdate:uploadStatus": (b) => t.value[u].status = b,
                 ref_for: !0
-              }, l, { onDeleted: a }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
+              }, n, { 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(Ca, {
-          "max-file-size": l.maxFileSize
+        y(Pa, {
+          "max-file-size": n.maxFileSize
         }, null, 8, ["max-file-size"])
       ])) : F("", !0)
     ]));
   }
 });
 export {
-  ll as Bootstrap_PT,
-  ol as ForgeActionButton,
-  ee as ForgeAlert,
-  it as ForgeCheckbox,
-  pl as ForgeChips,
-  Dt as ForgeDatepicker,
-  hl as ForgeFileUploader,
-  gl as ForgeFilterHeader,
-  cl as ForgeForm,
-  ml as ForgeFormField,
-  ht as ForgeInlineEditor,
-  nl as ForgeLink,
-  ce as ForgeLoader,
-  sl as ForgeModal,
-  Ft as ForgeMultiSelect,
-  rl as ForgeMultiSelectPreview,
-  il as ForgeNavbar,
-  dl as ForgePageHeader,
-  Lt as ForgeProgressBar,
-  ul as ForgeRemainingCharacters,
-  yl as ForgeStatWidget,
-  bl as ForgeStepper,
-  fl as ForgeTable,
-  vl as ForgeTile
+  rl as Bootstrap_PT,
+  dl as ForgeActionButton,
+  ae as ForgeAlert,
+  me as ForgeCheckbox,
+  gl as ForgeChips,
+  Rt as ForgeDatepicker,
+  $l as ForgeFileUploader,
+  _l as ForgeFilterHeader,
+  bl as ForgeForm,
+  fl as ForgeFormField,
+  kt as ForgeInlineEditor,
+  ul as ForgeLink,
+  pe as ForgeLoader,
+  cl as ForgeModal,
+  Vt as ForgeMultiSelect,
+  pl as ForgeMultiSelectPreview,
+  ml as ForgeNavbar,
+  yl as ForgePageHeader,
+  qt as ForgeProgressBar,
+  vl as ForgeRemainingCharacters,
+  hl as ForgeStatWidget,
+  wl as ForgeStepper,
+  kl as ForgeTable,
+  xl as ForgeTile
 };