@3squared/forge-ui-3 0.6.0 → 0.7.0

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

@@ -1,28 +1,28 @@
-import fe from "primevue/message";
-import { defineComponent as $, openBlock as s, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as F, createVNode as v, renderSlot as x, ref as M, createElementBlock as p, Fragment as D, mergeProps as S, onMounted as oe, watch as ge, computed as k, isRef as j, createTextVNode as P, toDisplayString as h, withDirectives as L, vShow as Y, mergeModels as q, useModel as R, createSlots as te, renderList as H, withKeys as J, useAttrs as de, withModifiers as G, normalizeStyle as he } from "vue";
-import { Icon as C } from "@iconify/vue";
-import E from "primevue/button";
+import ge from "primevue/message";
+import { defineComponent as F, openBlock as s, createBlock as k, normalizeProps as ee, guardReactiveProps as te, withCtx as g, createElementVNode as u, normalizeClass as B, unref as c, createCommentVNode as C, createVNode as b, renderSlot as _, ref as M, createElementBlock as v, Fragment as N, mergeProps as V, onMounted as ae, watch as ie, computed as w, isRef as le, createTextVNode as z, toDisplayString as h, withDirectives as L, vShow as q, mergeModels as H, useModel as E, createSlots as oe, renderList as j, withKeys as X, useAttrs as me, withModifiers as G, normalizeStyle as he } from "vue";
+import { Icon as T } from "@iconify/vue";
+import R from "primevue/button";
 import we from "primevue/toast";
-import ke from "primevue/checkbox";
+import xe from "primevue/checkbox";
 import { useField as W } from "vee-validate";
-import xe from "primevue/progressspinner";
+import ke from "primevue/progressspinner";
 import _e from "primevue/dialog";
-import ne from "primevue/inputtext";
+import re from "primevue/inputtext";
 import { vOnClickOutside as $e } from "@vueuse/components";
-import Fe from "primevue/menubar";
-import Be from "vue-multiselect";
+import Be from "primevue/menubar";
+import Fe from "vue-multiselect";
 import Se from "primevue/calendar";
 import Ce from "primevue/inputmask";
 import Ve from "primevue/textarea";
-import ue from "primevue/inputnumber";
+import pe from "primevue/inputnumber";
 import Te from "primevue/chips";
-import Me from "primevue/progressbar";
-import Pe from "primevue/divider";
+import Pe from "primevue/progressbar";
+import Me from "primevue/divider";
 import Ie from "primevue/steps";
 import ze from "primevue/datatable";
-import se from "primevue/dropdown";
+import de from "primevue/dropdown";
 import Oe from "primevue/multiselect";
-import { BlockBlobClient as ce } from "@azure/storage-blob";
+import { BlockBlobClient as ve } from "@azure/storage-blob";
 import De from "primevue/image";
 const Ue = {
   button: {
@@ -126,7 +126,7 @@ const Ue = {
       ]
     })
   }
-}, re = {
+}, ce = {
   dropdown: {
     root: ({ props: e }) => ({
       class: [
@@ -190,12 +190,12 @@ const Ue = {
   column: {
     sortBadge: "ms-2 my-auto cursor-pointer",
     headerCell: (e) => {
-      var t, n, a, l;
+      var t, l, a, o;
       return {
         class: [{
           "cursor-move": e.props.reorderableColumns,
-          "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
+          "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
         }]
       };
     },
@@ -282,13 +282,13 @@ const Ue = {
 }, Ee = {
   inputtext: {
     root: (e) => {
-      var t, n;
+      var t, l;
       return {
         class: [
           "form-control",
           {
             "form-control-lg": ((t = e.props.size) == null ? void 0 : t.toLowerCase()) == "large",
-            "form-control-sm": ((n = e.props.size) == null ? void 0 : n.toLowerCase()) == "small"
+            "form-control-sm": ((l = e.props.size) == null ? void 0 : l.toLowerCase()) == "small"
           }
         ]
       };
@@ -540,6 +540,7 @@ const Ue = {
 }, Xe = {
   // More PT options can be found in the ForgeTable file.
   dataTable: {
+    datatable: "position-relative",
     table: (e) => ({
       class: [
         "table position-relative",
@@ -567,9 +568,6 @@ const Ue = {
     }),
     loadingOverlay: () => ({
       class: "table-overlay table-spinner"
-    }),
-    loadingIcon: () => ({
-      class: "spinner-border border-0"
     })
   },
   paginator: {
@@ -585,13 +583,13 @@ const Ue = {
       };
     },
     pages: "d-flex",
-    firstPageButton: "page-link",
-    previousPageButton: "page-link",
-    nextPageButton: "page-link",
-    lastPageButton: "page-link me-2",
+    firstPageButton: "page-link cursor-pointer",
+    previousPageButton: "page-link cursor-pointer",
+    nextPageButton: "page-link cursor-pointer",
+    lastPageButton: "page-link me-2 cursor-pointer",
     pageButton: ({ context: e }) => ({
       class: [
-        "page-link",
+        "page-link cursor-pointer",
         {
           active: e.active,
           disabled: e.disabled
@@ -803,21 +801,21 @@ const Ue = {
       class: ["ps-1"]
     }),
     icon: ({ props: e }) => {
-      var t, n, a, l;
+      var t, l, a, o;
       return {
         class: [
           "toast-icon",
           {
             "text-primary": ((t = e.message) == null ? void 0 : t.severity) === "info",
-            "text-success": ((n = e.message) == null ? void 0 : n.severity) === "success",
+            "text-success": ((l = e.message) == null ? void 0 : l.severity) === "success",
             "text-danger": ((a = e.message) == null ? void 0 : a.severity) === "error",
-            "text-warning": ((l = e.message) == null ? void 0 : l.severity) === "warn"
+            "text-warning": ((o = e.message) == null ? void 0 : o.severity) === "warn"
           }
         ]
       };
     }
   }
-}, il = {
+}, sl = {
   ...Qe,
   ...Ue,
   ...ot,
@@ -827,13 +825,13 @@ const Ue = {
   ...Ze,
   ...Ye,
   ...nt,
-  ...re,
+  ...ce,
   ...st,
   ...Ee,
   ...Re,
   ...Le,
   ...Ge,
-  ...re,
+  ...ce,
   ...et,
   ...qe,
   ...Je,
@@ -847,7 +845,7 @@ const Ue = {
   directives: {
     ...tt
   }
-}, ae = /* @__PURE__ */ $({
+}, ne = /* @__PURE__ */ F({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -863,33 +861,33 @@ const Ue = {
   },
   setup(e) {
     const t = e;
-    return (n, a) => {
-      const l = fe;
-      return s(), w(l, Q(ee({ ...n.$attrs, ...t })), {
-        messageicon: b(() => [
-          m("div", {
+    return (l, a) => {
+      const o = ge;
+      return s(), k(o, ee(te({ ...l.$attrs, ...t })), {
+        messageicon: g(() => [
+          u("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (s(), w(u(C), {
+            t.icon ? (s(), k(c(T), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
               class: B(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : F("", !0)
+            }, null, 8, ["icon", "class"])) : C("", !0)
           ], 2)
         ]),
-        closeicon: b(() => [
-          v(u(C), { icon: "bi:x" })
+        closeicon: g(() => [
+          b(c(T), { icon: "bi:x" })
         ]),
-        default: b(() => [
-          x(n.$slots, "default")
+        default: g(() => [
+          _(l.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), rl = /* @__PURE__ */ $({
+}), il = /* @__PURE__ */ F({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -898,32 +896,31 @@ const Ue = {
     params: { default: Array }
   },
   setup(e) {
-    const t = M(!1), n = e, a = async () => {
+    const t = M(!1), l = e, a = async () => {
       t.value = !0;
       try {
-        await n.action.apply(this, n.params);
-      } catch (l) {
-        await n.errorAction.apply(this, n.errorParams ? [...n.errorParams, l] : [l]);
+        await l.action.apply(this, l.params);
+      } catch (o) {
+        await l.errorAction.apply(this, l.errorParams ? [...l.errorParams, o] : [o]);
       }
       t.value = !1;
     };
-    return (l, o) => {
-      const i = E;
-      return s(), p(D, null, [
-        v(i, S({ ...n, ...l.$attrs }, {
+    return (o, n) => {
+      const i = R;
+      return s(), v(N, null, [
+        b(i, V({ ...l, ...o.$attrs }, {
           loading: t.value,
-          disabled: t.value || n.disabled,
+          disabled: t.value || l.disabled,
           onClick: a
         }), null, 16, ["loading", "disabled"]),
-        v(u(we))
+        b(c(we))
       ], 64);
     };
   }
-}), rt = /* @__PURE__ */ m("div", null, null, -1), dt = ["for"], me = /* @__PURE__ */ $({
+}), rt = /* @__PURE__ */ u("div", null, null, -1), dt = ["for"], ye = /* @__PURE__ */ F({
   __name: "ForgeCheckbox",
   props: {
     label: { default: "" },
-    rules: {},
     value: {},
     modelValue: {},
     name: {},
@@ -947,75 +944,75 @@ const Ue = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = t, a = e, { checked: l, handleChange: o, setValue: i, errors: d, errorMessage: f } = W(() => a.name ?? a.label, a.rules, {
+    const l = t, a = e, { checked: o, handleChange: n, setValue: i, errors: d, errorMessage: y } = W(() => a.name ?? a.label, void 0, {
       type: "checkbox",
       checkedValue: !0
-    }), r = (y) => {
-      a.disabled || (o(y), n("update:modelValue", !a.modelValue));
+    }), r = (p) => {
+      a.disabled || (n(p), l("update:modelValue", !a.modelValue));
     };
-    oe(() => {
-      a.value !== void 0 && a.value !== (l == null ? void 0 : l.value) ? i(a.value) : a.modelValue !== void 0 && a.modelValue !== (l == null ? void 0 : l.value) && i(a.modelValue);
-    }), ge(() => a.value, (y) => {
-      i(y);
+    ae(() => {
+      a.value !== void 0 && a.value !== (o == null ? void 0 : o.value) ? i(a.value) : a.modelValue !== void 0 && a.modelValue !== (o == null ? void 0 : o.value) && i(a.modelValue);
+    }), ie(() => a.value, (p) => {
+      i(p);
     });
-    const g = k(() => d.value.length > 0);
-    return (y, c) => {
-      const _ = ke;
-      return s(), p(D, null, [
-        m("div", S({
+    const m = w(() => d.value.length > 0);
+    return (p, x) => {
+      const $ = xe;
+      return s(), v(N, null, [
+        u("div", V({
           class: "d-flex",
           "data-cy": "checkbox-container"
-        }, { ...y.$attrs }), [
-          v(_, S({
+        }, { ...p.$attrs }), [
+          b($, V({
             id: a.name
           }, { ...a }, {
-            modelValue: u(l),
-            "onUpdate:modelValue": c[0] || (c[0] = (V) => j(l) ? l.value = V : null),
-            "input-class": { "is-invalid": g.value },
+            modelValue: c(o),
+            "onUpdate:modelValue": x[0] || (x[0] = (P) => le(o) ? o.value = P : null),
+            "input-class": { "is-invalid": m.value },
             onChange: r
           }), {
-            icon: b(() => [
+            icon: g(() => [
               rt
             ]),
             _: 1
           }, 16, ["id", "modelValue", "input-class"]),
-          m("label", {
+          u("label", {
             for: a.name,
-            class: B(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
+            class: B(`${a.disabled ? "opacity-50" : "cursor-pointer"} ${m.value ? "text-danger-dark" : ""}`),
             onClick: r
           }, [
-            x(y.$slots, "default", {}, () => [
-              P(h(a.label), 1)
+            _(p.$slots, "default", {}, () => [
+              z(h(a.label), 1)
             ])
           ], 10, dt)
         ], 16),
-        L(m("small", {
+        L(u("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(u(f)), 513), [
-          [Y, g.value]
+        }, h(c(y)), 513), [
+          [q, m.value]
         ])
       ], 64);
     };
   }
-}), ut = { class: "forge-loader" }, pe = /* @__PURE__ */ $({
+}), ut = { class: "forge-loader" }, be = /* @__PURE__ */ F({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
   },
   setup(e) {
     const t = e;
-    return (n, a) => {
-      const l = xe;
-      return s(), p("div", ut, [
-        v(l, {
+    return (l, a) => {
+      const o = ke;
+      return s(), v("div", ut, [
+        b(o, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
       ]);
     };
   }
-}), ct = ["href", "target"], dl = /* @__PURE__ */ $({
+}), ct = ["href", "target"], rl = /* @__PURE__ */ F({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1033,7 +1030,7 @@ const Ue = {
     iconName: {}
   },
   setup(e) {
-    const t = k(() => ({
+    const t = w(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1042,27 +1039,27 @@ const Ue = {
       [`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
-    })), n = k(() => ({
+    })), l = w(() => ({
       "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, l) => (s(), p("a", {
+    return (a, o) => (s(), v("a", {
       id: "link",
       class: B(["cursor-pointer d-flex", t.value]),
       href: a.url,
       target: a.target
     }, [
-      x(a.$slots, "default", {}, () => [
-        a.iconName ? (s(), w(u(C), {
+      _(a.$slots, "default", {}, () => [
+        a.iconName ? (s(), k(c(T), {
           key: 0,
           id: "link-icon",
           icon: a.iconName,
-          class: B(["bi my-auto", n.value])
-        }, null, 8, ["icon", "class"])) : F("", !0),
-        P(" " + h(a.label), 1)
+          class: B(["bi my-auto", l.value])
+        }, null, 8, ["icon", "class"])) : C("", !0),
+        z(" " + h(a.label), 1)
       ])
     ], 10, ct));
   }
@@ -1073,21 +1070,23 @@ function mt(e) {
     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 n = JSON.parse(e.response);
-    n.errors && (t.errorDetails = Object.values(n.errors).flat()), n.message && (t.errorDetails = n.message);
+    const l = JSON.parse(e.response);
+    l.errors && (t.errorDetails = Object.values(l.errors).flat()), l.message && (t.errorDetails = l.message);
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-const pt = { key: 0 }, yt = {
+const pt = { key: 0 }, vt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, ul = /* @__PURE__ */ $({
+}, dl = /* @__PURE__ */ F({
   __name: "ForgeModal",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ H({
     cancelText: { default: "Cancel" },
     submitText: { default: "Submit" },
     showFooter: { type: Boolean, default: !0 },
     onConfirm: { type: [Function, null], default: null },
+    submitButtonType: { default: "button" },
+    cancelButtonType: { default: "button" },
     header: { default: "Header" },
     footer: {},
     visible: { type: Boolean },
@@ -1124,104 +1123,106 @@ const pt = { key: 0 }, yt = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = R(e, "visible"), n = M(!1), a = e, l = M(!1), o = M({
+    const t = E(e, "visible"), l = M(!1), a = e, o = M(!1), n = M({
       hasError: !1,
       header: "",
       message: []
     }), i = () => {
-      n.value = !1;
+      l.value = !1;
     }, d = () => {
-      n.value = !0;
-    }, f = () => {
+      l.value = !0;
+    }, y = () => {
       t.value = !1;
     }, r = async () => {
       if (a.onConfirm) {
-        l.value = !0, o.value.hasError = !1;
+        o.value = !0, n.value.hasError = !1;
         try {
-          const y = await a.onConfirm();
-          (y || y == null) && f();
-        } catch (y) {
-          o.value.hasError = !0;
-          const c = mt(y);
-          o.value.header = c.errorMessage, o.value.message = c.errorDetails;
+          const p = await a.onConfirm();
+          (p || p == null) && y();
+        } catch (p) {
+          n.value.hasError = !0;
+          const x = mt(p);
+          n.value.header = x.errorMessage, n.value.message = x.errorDetails;
         }
-        l.value = !1;
+        o.value = !1;
       }
-    }, g = k(() => ({
+    }, m = w(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
-          "mw-100 vh-100 vw-100 top-0 start-0": n.value
+          "mw-100 vh-100 vw-100 top-0 start-0": l.value
         }
       ]
     }));
-    return (y, c) => {
-      const _ = E, V = _e;
-      return s(), w(V, S(a, {
+    return (p, x) => {
+      const $ = R, P = _e;
+      return s(), k(P, V(a, {
         onMaximize: d,
         onUnmaximize: i,
-        pt: g.value
-      }), te({
-        closeicon: b(() => [
-          v(u(C), {
+        pt: m.value
+      }), oe({
+        closeicon: g(() => [
+          b(c(T), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: f
+            onClick: y
           })
         ]),
-        maximizeicon: b(() => [
-          v(u(C), {
+        maximizeicon: g(() => [
+          b(c(T), {
             "data-cy": "maximisable-icon",
-            icon: n.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
+            icon: l.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
             height: "16"
           }, null, 8, ["icon"])
         ]),
         _: 2
       }, [
-        H(y.$slots, (T, I) => ({
-          name: I,
-          fn: b((z) => [
-            o.value.hasError ? (s(), w(ae, {
+        j(p.$slots, (S, O) => ({
+          name: O,
+          fn: g((f) => [
+            n.value.hasError ? (s(), k(ne, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
-              default: b(() => [
-                m("p", {
-                  class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
-                }, h(o.value.header), 3),
-                o.value.message.length > 0 ? (s(), p("ul", pt, [
-                  (s(!0), p(D, null, H(o.value.message, (N) => (s(), p("li", { key: N }, h(N), 1))), 128))
-                ])) : F("", !0)
+              default: g(() => [
+                u("p", {
+                  class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
+                }, h(n.value.header), 3),
+                n.value.message.length > 0 ? (s(), v("ul", pt, [
+                  (s(!0), v(N, null, j(n.value.message, (I) => (s(), v("li", { key: I }, h(I), 1))), 128))
+                ])) : C("", !0)
               ]),
               _: 1
-            })) : F("", !0),
-            x(y.$slots, I, Q(ee(z || {}))),
-            l.value ? x(y.$slots, "loader", { key: 1 }, () => [
-              v(pe, { "data-cy": "loader" })
-            ]) : F("", !0)
+            })) : C("", !0),
+            _(p.$slots, O, ee(te(f || {}))),
+            o.value ? _(p.$slots, "loader", { key: 1 }, () => [
+              b(be, { "data-cy": "loader" })
+            ]) : C("", !0)
           ])
         })),
-        y.showFooter ? {
+        p.showFooter ? {
           name: "footer",
-          fn: b(() => [
-            m("div", yt, [
-              v(_, {
-                label: y.cancelText,
+          fn: g(() => [
+            u("div", vt, [
+              b($, {
+                label: p.cancelText,
                 class: B(a.cancelClass),
                 outlined: "",
-                onClick: f,
-                id: "cancel-button"
-              }, null, 8, ["label", "class"]),
-              v(_, {
-                label: y.submitText,
+                onClick: y,
+                id: "cancel-button",
+                type: a.cancelButtonType
+              }, null, 8, ["label", "class", "type"]),
+              b($, {
+                label: p.submitText,
                 class: B([a.submitClass, "ms-auto"]),
                 onClick: r,
-                id: "submit-button"
-              }, null, 8, ["label", "class"])
+                id: "submit-button",
+                type: a.submitButtonType
+              }, null, 8, ["label", "class", "type"])
             ])
           ]),
           key: "0"
@@ -1229,9 +1230,9 @@ const pt = { key: 0 }, yt = {
       ]), 1040, ["pt"]);
     };
   }
-}), vt = ["id"], bt = { key: 0 }, ft = { key: 0 }, gt = { class: "d-flex justify-content-between align-items-center position-relative" }, ht = { key: 1 }, wt = { "data-cy": "readonly-value" }, kt = /* @__PURE__ */ $({
+}), yt = ["id"], bt = { key: 0 }, ft = { key: 0 }, gt = { class: "d-flex justify-content-between align-items-center position-relative" }, ht = { key: 1 }, wt = { "data-cy": "readonly-value" }, xt = /* @__PURE__ */ F({
   __name: "ForgeInlineEditor",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ H({
     name: { default: "" },
     rules: {},
     completeAction: {},
@@ -1245,13 +1246,13 @@ const pt = { key: 0 }, yt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = R(e, "modelValue"), a = M(!1), l = M(), o = () => {
-      var _;
-      a.value = !a.value, (_ = l.value) == null || _.focus();
+    const t = e, l = E(e, "modelValue"), a = M(!1), o = M(), n = () => {
+      var $;
+      a.value = !a.value, ($ = o.value) == null || $.focus();
     }, i = async () => {
-      if (c.value)
+      if (x.value)
         return !1;
-      if (n.value = y.value, t.completeAction)
+      if (l.value = p.value, t.completeAction)
         try {
           await t.completeAction.apply(this, t.params), a.value = !a.value;
         } catch {
@@ -1261,93 +1262,93 @@ const pt = { key: 0 }, yt = {
         a.value = !a.value;
     }, d = () => {
       a.value = !a.value;
-    }, f = () => {
-      y.value = null;
-    }, { errorMessage: r, errors: g, value: y } = W(() => t.name, t.rules);
-    oe(() => {
-      y.value = n.value;
+    }, y = () => {
+      p.value = null;
+    }, { errorMessage: r, errors: m, value: p } = W(() => t.name, t.rules);
+    ae(() => {
+      p.value = l.value;
     });
-    const c = k(() => g.value.length > 0);
-    return (_, V) => {
-      const T = ne, I = E;
-      return s(), p("div", {
+    const x = w(() => m.value.length > 0);
+    return ($, P) => {
+      const S = re, O = R;
+      return s(), v("div", {
         id: t.name
       }, [
-        _.readonly ? (s(), p("div", ht, [
-          x(_.$slots, "default", {}, () => [
-            m("span", wt, h(u(y)), 1)
+        $.readonly ? (s(), v("div", ht, [
+          _($.$slots, "default", {}, () => [
+            u("span", wt, h(c(p)), 1)
           ])
-        ])) : (s(), p("div", bt, [
-          a.value ? (s(), p("div", ft, [
-            L((s(), p("div", gt, [
-              x(_.$slots, "editor", {
-                class: B({ "is-invalid": c.value }),
+        ])) : (s(), v("div", bt, [
+          a.value ? (s(), v("div", ft, [
+            L((s(), v("div", gt, [
+              _($.$slots, "editor", {
+                class: B({ "is-invalid": x.value }),
                 editFinished: i,
                 cancel: d,
-                val: u(y)
+                val: c(p)
               }, () => [
-                v(T, {
+                b(S, {
                   "data-cy": "input",
                   ref_key: "input",
-                  ref: l,
-                  modelValue: u(y),
-                  "onUpdate:modelValue": V[0] || (V[0] = (z) => j(y) ? y.value = z : null),
+                  ref: o,
+                  modelValue: c(p),
+                  "onUpdate:modelValue": P[0] || (P[0] = (f) => le(p) ? p.value = f : null),
                   modelModifiers: { trim: !0 },
-                  class: B({ "is-invalid": c.value }),
+                  class: B({ "is-invalid": x.value }),
                   onKeydown: [
-                    J(i, ["enter"]),
-                    J(d, ["esc"])
+                    X(i, ["enter"]),
+                    X(d, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              v(u(C), {
+              b(c(T), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
-                onClick: f,
-                onKeydown: J(f, ["enter"]),
+                onClick: y,
+                onKeydown: X(y, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
-              [u($e), i]
+              [c($e), i]
             ])
-          ])) : (s(), p("div", {
+          ])) : (s(), v("div", {
             key: 1,
             class: "d-flex text-muted",
-            onClick: o,
-            onFocus: o
+            onClick: n,
+            onFocus: n
           }, [
-            x(_.$slots, "default", {}, () => [
-              m("div", {
-                class: B(["pe-2 cursor-pointer", { "text-invalid": c.value }]),
+            _($.$slots, "default", {}, () => [
+              u("div", {
+                class: B(["pe-2 cursor-pointer", { "text-invalid": x.value }]),
                 "data-cy": "value"
-              }, h(u(y) ? u(y) : "Click to edit"), 3)
+              }, h(c(p) ? c(p) : "Click to edit"), 3)
             ]),
-            v(I, {
+            b(O, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: b(() => [
-                v(u(C), {
+              default: g(() => [
+                b(c(T), {
                   icon: "bi:pencil",
-                  class: B(c.value ? "text-invalid" : "text-muted"),
+                  class: B(x.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: J(o, ["enter"])
+                  onKeydown: X(n, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
             })
           ], 32))
         ])),
-        L(m("small", {
+        L(u("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(u(r)), 513), [
-          [Y, c.value]
+        }, h(c(r)), 513), [
+          [q, x.value]
         ])
-      ], 8, vt);
+      ], 8, yt);
     };
   }
-}), xt = ["href"], cl = /* @__PURE__ */ $({
+}), kt = ["href"], ul = /* @__PURE__ */ F({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1364,7 +1365,7 @@ const pt = { key: 0 }, yt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = k(() => ({
+    const t = e, l = w(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1391,26 +1392,26 @@ const pt = { key: 0 }, yt = {
         ]
       })
     }));
-    return (a, l) => {
-      const o = Fe;
-      return s(), w(o, S({ ...t, ...a.$attrs }, {
-        pt: n.value,
+    return (a, o) => {
+      const n = Be;
+      return s(), k(n, V({ ...t, ...a.$attrs }, {
+        pt: l.value,
         "data-cy": "navbar"
-      }), te({
-        start: b(() => [
-          m("a", {
+      }), oe({
+        start: g(() => [
+          u("a", {
             href: a.logoUrl,
             class: "navbar-brand ms-3",
             "data-cy": "logo"
           }, [
-            x(a.$slots, "logo", {}, () => [
-              P(" Logo ")
+            _(a.$slots, "logo", {}, () => [
+              z(" Logo ")
             ])
-          ], 8, xt)
+          ], 8, kt)
         ]),
-        menubuttonicon: b(() => [
-          x(a.$slots, "menubuttonicon", {}, () => [
-            v(u(C), {
+        menubuttonicon: g(() => [
+          _(a.$slots, "menubuttonicon", {}, () => [
+            b(c(T), {
               icon: "bi:list",
               class: B(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
@@ -1420,16 +1421,16 @@ const pt = { key: 0 }, yt = {
         ]),
         _: 2
       }, [
-        H(a.$slots, (i, d) => ({
+        j(a.$slots, (i, d) => ({
           name: d,
-          fn: b((f) => [
-            x(a.$slots, d, Q(ee(f)))
+          fn: g((y) => [
+            _(a.$slots, d, ee(te(y)))
           ])
         }))
       ]), 1040, ["pt"]);
     };
   }
-}), _t = /* @__PURE__ */ m("div", { class: "ps-1" }, "Select all", -1), $t = ["data-cy"], Ft = { class: "ps-1 w-100" }, Bt = { class: "multiselect__tag d-inline-flex" }, St = { class: "my-auto" }, Ct = /* @__PURE__ */ $({
+}), _t = /* @__PURE__ */ u("div", { class: "ps-1" }, "Select all", -1), $t = ["data-cy"], Bt = { class: "ps-1 w-100" }, Ft = { class: "multiselect__tag d-inline-flex" }, St = { class: "my-auto" }, Ct = /* @__PURE__ */ F({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1442,92 +1443,92 @@ const pt = { key: 0 }, yt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = (U, O) => {
-      const Z = {
-        ...O,
-        $isDisabled: O.$isDisabled ?? !1
+    const l = e, a = (U, D) => {
+      const J = {
+        ...D,
+        $isDisabled: D.$isDisabled ?? !1
       };
-      U(Z);
-    }, l = de(), o = t, { errors: i, value: d, errorMessage: f } = W(() => n.name, n.rules), r = M(!1), g = k(() => ({
+      U(J);
+    }, o = me(), n = t, { errors: i, value: d, errorMessage: y } = W(() => l.name, l.rules), r = M(!1), m = w(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
       showPointer: !r.value,
-      placeholder: l.searchable === null || l.searchable ? "Search" : "Select",
+      placeholder: o.searchable === null || o.searchable ? "Search" : "Select",
       allowEmpty: !0,
       selectValue: "",
-      closeOnSelect: !!(l.multiple === null || l.multiple),
-      clearOnSelect: !!(l.multiple === null || l.multiple),
-      searchable: !!(l.searchable === null || l.searchable) && l.modelValue.length === l.options.length,
+      closeOnSelect: !!(o.multiple === null || o.multiple),
+      clearOnSelect: !!(o.multiple === null || o.multiple),
+      searchable: !!(o.searchable === null || o.searchable) && o.modelValue.length === o.options.length,
       async: !1,
-      ...l
-    })), y = k(() => `forge-multiselect-${n.severity}`), c = k(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${_.value ? " multiselect__option--selected" : ""}`), _ = k(() => g.value && !(g.value.multiple || !n.showSelectAll || g.value.async) ? !1 : l.modelValue.length === l.options.length), V = k(() => i.value.length > 0), T = k(() => !!((l.allowEmpty == null || l.allowEmpty) && n.showClearSelection && (g.value.multiple ? l.modelValue.length > 0 : l.modelValue))), I = () => r.value = !0, z = () => r.value = !1, N = () => {
-      d.value = g.value.multiple ? [] : null, o("update:modelValue", d.value);
-    }, le = (U) => {
-      o("update:modelValue", n.selectValue ? U.map((O) => O[n.selectValue]) : U);
-    }, ve = (U) => l.modelValue !== null ? l.modelValue.some((O) => g.value.selectValue ? U[n.selectValue] === O : U.id === O.id && U.label === O.label) : !1, be = () => {
-      _.value ? N() : (d.value = [...l.options], o("update:modelValue", [...l.options]));
+      ...o
+    })), p = w(() => `forge-multiselect-${l.severity}`), x = w(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${$.value ? " multiselect__option--selected" : ""}`), $ = w(() => m.value && !(m.value.multiple || !l.showSelectAll || m.value.async) ? !1 : o.modelValue.length === o.options.length), P = w(() => i.value.length > 0), S = w(() => !!((o.allowEmpty == null || o.allowEmpty) && l.showClearSelection && (m.value.multiple ? o.modelValue.length > 0 : o.modelValue))), O = () => r.value = !0, f = () => r.value = !1, I = () => {
+      d.value = m.value.multiple ? [] : null, n("update:modelValue", d.value);
+    }, Y = (U) => {
+      n("update:modelValue", l.selectValue ? U.map((D) => D[l.selectValue]) : U);
+    }, Z = (U) => o.modelValue !== null ? o.modelValue.some((D) => m.value.selectValue ? U[l.selectValue] === D : U.id === D.id && U.label === D.label) : !1, se = () => {
+      $.value ? I() : (d.value = [...o.options], n("update:modelValue", [...o.options]));
     };
-    return (U, O) => {
-      const Z = me;
-      return s(), p(D, null, [
-        v(u(Be), S(g.value, {
-          class: [y.value, V.value ? "is-invalid" : ""],
+    return (U, D) => {
+      const J = ye;
+      return s(), v(N, null, [
+        b(c(Fe), V(m.value, {
+          class: [p.value, P.value ? "is-invalid" : ""],
           "data-cy": "multiselect",
           "onUpdate:modelValue": [
-            le,
-            O[1] || (O[1] = (A) => j(d) ? d.value = A : null)
+            Y,
+            D[1] || (D[1] = (A) => le(d) ? d.value = A : null)
           ],
-          modelValue: u(d)
-        }), te({
-          caret: b(({ toggle: A }) => [
-            T.value ? (s(), w(u(C), {
+          modelValue: c(d)
+        }), oe({
+          caret: g(({ toggle: A }) => [
+            S.value ? (s(), k(c(T), {
               key: 0,
               icon: "bi:x",
               class: "my-auto multiselect__clear-icon",
-              onMousedown: O[0] || (O[0] = G((K) => N(), ["prevent", "stop"])),
+              onMousedown: D[0] || (D[0] = G((K) => I(), ["prevent", "stop"])),
               "data-cy": "clear",
               height: "18px",
               width: "18px"
-            })) : F("", !0),
-            v(u(C), {
+            })) : C("", !0),
+            b(c(T), {
               icon: "bi:chevron-down",
               onClick: A,
               class: "multiselect__select"
             }, null, 8, ["onClick"])
           ]),
-          tag: b(({ option: A, remove: K }) => [
-            m("div", Bt, [
-              m("div", St, h(A.label), 1),
-              v(u(C), {
+          tag: g(({ option: A, remove: K }) => [
+            u("div", Ft, [
+              u("div", St, h(A.label), 1),
+              b(c(T), {
                 icon: "bi:x",
                 class: "my-auto multiselect__tag-icon",
-                onMousedown: G((za) => a(K, A), ["prevent", "stop"]),
+                onMousedown: G((Ia) => a(K, A), ["prevent", "stop"]),
                 height: "18px",
                 width: "18px"
               }, null, 8, ["onMousedown"])
             ])
           ]),
-          default: b(() => [
-            (s(!0), p(D, null, H(U.$slots, (A, K) => x(U.$slots, K, { slot: K })), 256))
+          default: g(() => [
+            (s(!0), v(N, null, j(U.$slots, (A, K) => _(U.$slots, K, { slot: K })), 256))
           ]),
           _: 2
         }, [
-          g.value.multiple && U.showSelectAll && !g.value.async ? {
+          m.value.multiple && U.showSelectAll && !m.value.async ? {
             name: "beforeList",
-            fn: b(() => [
-              m("li", {
+            fn: g(() => [
+              u("li", {
                 class: "multiselect__element",
-                onClick: be,
-                onMouseover: I,
-                onMouseleave: z,
+                onClick: se,
+                onMouseover: O,
+                onMouseleave: f,
                 "data-cy": "toggle-all"
               }, [
-                m("span", {
-                  class: B(`${c.value}`)
+                u("span", {
+                  class: B(`${x.value}`)
                 }, [
-                  v(Z, { value: _.value }, {
-                    default: b(() => [
+                  b(J, { value: $.value }, {
+                    default: g(() => [
                       _t
                     ]),
                     _: 1
@@ -1537,18 +1538,18 @@ const pt = { key: 0 }, yt = {
             ]),
             key: "0"
           } : void 0,
-          g.value.multiple ? {
+          m.value.multiple ? {
             name: "option",
-            fn: b(({ option: A }) => [
-              m("div", {
+            fn: g(({ option: A }) => [
+              u("div", {
                 "data-cy": A.label
               }, [
-                (s(), w(Z, {
-                  value: ve(A),
+                (s(), k(J, {
+                  value: Z(A),
                   key: A
                 }, {
-                  default: b(() => [
-                    m("div", Ft, h(A[g.value.label]), 1)
+                  default: g(() => [
+                    u("div", Bt, h(A[m.value.label]), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))
@@ -1557,11 +1558,11 @@ const pt = { key: 0 }, yt = {
             key: "1"
           } : void 0
         ]), 1040, ["class", "modelValue"]),
-        L(m("small", {
+        L(u("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, h(u(f)), 513), [
-          [Y, V.value]
+        }, h(c(y)), 513), [
+          [q, P.value]
         ])
       ], 64);
     };
@@ -1569,14 +1570,14 @@ const pt = { key: 0 }, yt = {
 }), Vt = {
   key: 0,
   class: "pl-1"
-}, Tt = { class: "border alternating-item-list" }, Mt = {
+}, Tt = { class: "border alternating-item-list" }, Pt = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Pt = { class: "d-inline-block" }, It = {
+}, Mt = { class: "d-inline-block" }, It = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, ml = /* @__PURE__ */ $({
+}, cl = /* @__PURE__ */ F({
   __name: "ForgeMultiSelectPreview",
   props: {
     title: { default: "Selected Items" },
@@ -1587,77 +1588,77 @@ const pt = { key: 0 }, yt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = de(), l = t, o = k(() => `${a.modelValue.length} selected`), i = k(() => a.modelValue.length), d = (r) => {
-      l("update:modelValue", r);
-    }, f = (r) => {
-      d(a.modelValue.filter((g) => g.id !== r));
+    const l = e, a = me(), o = t, n = w(() => `${a.modelValue.length} selected`), i = w(() => a.modelValue.length), d = (r) => {
+      o("update:modelValue", r);
+    }, y = (r) => {
+      d(a.modelValue.filter((m) => m.id !== r));
     };
-    return (r, g) => {
-      const y = E;
-      return s(), p("div", {
+    return (r, m) => {
+      const p = R;
+      return s(), v("div", {
         class: B(r.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
-        m("div", {
+        u("div", {
           class: B(r.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          v(Ct, {
+          b(Ct, {
             "onUpdate:modelValue": [
-              g[0] || (g[0] = (c) => d(c)),
-              g[1] || (g[1] = (c) => r.$attrs.modelValue = c)
+              m[0] || (m[0] = (x) => d(x)),
+              m[1] || (m[1] = (x) => r.$attrs.modelValue = x)
             ],
             modelValue: r.$attrs.modelValue,
-            "limit-text": o.value,
-            options: n.options
+            "limit-text": n.value,
+            options: l.options
           }, {
-            tag: b(() => [
-              P(h(""))
+            tag: g(() => [
+              z(h(""))
             ]),
-            selection: b(() => [
-              r.$attrs.modelValue.length > 0 ? (s(), p("span", Vt, h(i.value) + " items selected", 1)) : F("", !0)
+            selection: g(() => [
+              r.$attrs.modelValue.length > 0 ? (s(), v("span", Vt, h(i.value) + " items selected", 1)) : C("", !0)
             ]),
-            default: b(() => [
-              (s(!0), p(D, null, H(r.$slots, (c, _) => x(r.$slots, _, { slot: _ })), 256))
+            default: g(() => [
+              (s(!0), v(N, null, j(r.$slots, (x, $) => _(r.$slots, $, { slot: $ })), 256))
             ]),
             _: 3
           }, 8, ["modelValue", "limit-text", "options"]),
-          x(r.$slots, "after-multi-select")
+          _(r.$slots, "after-multi-select")
         ], 2),
-        m("div", {
+        u("div", {
           class: B(r.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
-          m("div", {
+          u("div", {
             style: he({ height: r.height }),
             class: "overflow-auto"
           }, [
-            m("div", Tt, [
-              r.title ? (s(), p("div", Mt, h(r.title), 1)) : F("", !0),
-              (s(!0), p(D, null, H(r.$attrs.modelValue, (c) => (s(), p("div", {
-                key: c.id,
+            u("div", Tt, [
+              r.title ? (s(), v("div", Pt, h(r.title), 1)) : C("", !0),
+              (s(!0), v(N, null, j(r.$attrs.modelValue, (x) => (s(), v("div", {
+                key: x.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                x(r.$slots, "list-item", { item: c }, () => [
-                  m("span", Pt, h(c.shortLabel ? c.shortLabel : c.label), 1)
+                _(r.$slots, "list-item", { item: x }, () => [
+                  u("span", Mt, h(x.shortLabel ? x.shortLabel : x.label), 1)
                 ]),
-                r.canRemoveItemFromPreview ? (s(), w(y, {
+                r.canRemoveItemFromPreview ? (s(), k(p, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (_) => f(c.id)
+                  onClick: ($) => y(x.id)
                 }, {
-                  default: b(() => [
-                    v(u(C), {
+                  default: g(() => [
+                    b(c(T), {
                       icon: "bi:x",
                       class: "close-icon",
-                      "data-cy": `close-icon-${c.id}`
+                      "data-cy": `close-icon-${x.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : F("", !0)
+                }, 1032, ["onClick"])) : C("", !0)
               ]))), 128)),
-              r.$attrs.modelValue.length === 0 ? (s(), p("div", It, "No Items Selected.")) : F("", !0)
+              r.$attrs.modelValue.length === 0 ? (s(), v("div", It, "No Items Selected.")) : C("", !0)
             ])
           ], 4)
         ], 2)
@@ -1670,23 +1671,23 @@ const pt = { key: 0 }, yt = {
 }, Dt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, pl = /* @__PURE__ */ $({
+}, ml = /* @__PURE__ */ F({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (n, a) => (s(), p("div", zt, [
-      m("h3", Ot, h(t.title), 1),
-      m("div", Dt, [
-        x(n.$slots, "default")
+    return (l, a) => (s(), v("div", zt, [
+      u("h3", Ot, h(t.title), 1),
+      u("div", Dt, [
+        _(l.$slots, "default")
       ])
     ]));
   }
-}), Ut = { "data-cy": "before-slot" }, At = { class: "position-relative" }, Nt = { "data-cy": "after-slot" }, Et = /* @__PURE__ */ $({
+}), Ut = { "data-cy": "before-slot" }, At = { class: "position-relative" }, Nt = { "data-cy": "after-slot" }, Et = /* @__PURE__ */ F({
   __name: "ForgeDatepicker",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ H({
     severity: { default: "primary" },
     modelValue: {},
     selectionMode: { default: "single" },
@@ -1745,6 +1746,7 @@ const pt = { key: 0 }, yt = {
     panelStyle: {},
     panelClass: {},
     panelProps: {},
+    name: {},
     ariaLabelledby: {},
     ariaLabel: {},
     pt: {},
@@ -1756,35 +1758,35 @@ const pt = { key: 0 }, yt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = R(e, "modelValue"), a = () => {
-      n.value = null;
-    }, l = k(() => ({
-      day: ({ context: o }) => ({
+    const t = e, l = E(e, "modelValue"), a = () => {
+      l.value = null;
+    }, o = w(() => ({
+      day: ({ context: n }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
           {
-            "cursor-pointer": !o.disabled,
-            "pe-none": o.disabled,
-            "text-white": o.selected
+            "cursor-pointer": !n.disabled,
+            "pe-none": n.disabled,
+            "text-white": n.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"
+            selected: n.selected && !n.disabled,
+            "text-primary": !n.selected && n.today && (t.severity === void 0 || t.severity === "primary"),
+            "text-brand": !n.selected && n.today && t.severity === "brand",
+            "text-secondary": !n.selected && n.today && t.severity === "secondary",
+            "text-success": !n.selected && n.today && t.severity === "success",
+            "text-warning": !n.selected && n.today && t.severity === "warning",
+            "text-danger": !n.selected && n.today && t.severity === "danger",
+            "text-info": !n.selected && n.today && t.severity === "info"
           }
         ]
       }),
-      dayLabel: ({ context: o }) => ({
+      dayLabel: ({ context: n }) => ({
         class: [
           // Disabled States
           {
-            "text-muted": o.disabled
+            "text-muted": n.disabled
           }
         ]
       }),
@@ -1820,82 +1822,82 @@ const pt = { key: 0 }, yt = {
           ]
         })
       },
-      year: ({ context: o }) => ({
+      year: ({ context: n }) => ({
         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()
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-brand": t.severity === "brand" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-secondary": t.severity === "secondary" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success": t.severity === "success" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-warning": t.severity === "warning" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-danger": t.severity === "danger" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-info": t.severity === "info" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear()
           }
         ]
       }),
-      month: ({ context: o }) => ({
+      month: ({ context: n }) => ({
         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
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-brand": t.severity === "brand" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-secondary": t.severity === "secondary" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success": t.severity === "success" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-warning": t.severity === "warning" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-danger": t.severity === "danger" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-info": t.severity === "info" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
           }
         ]
       })
     }));
-    return (o, i) => {
+    return (n, i) => {
       const d = Se;
-      return s(), p(D, null, [
-        m("span", Ut, [
-          x(o.$slots, "before")
+      return s(), v(N, null, [
+        u("span", Ut, [
+          _(n.$slots, "before")
         ]),
-        m("div", At, [
-          v(d, S({ ...t, ...o.$attrs }, {
-            pt: l.value,
-            modelValue: n.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (f) => n.value = f)
+        u("div", At, [
+          b(d, V({ ...t, ...n.$attrs }, {
+            pt: o.value,
+            modelValue: l.value,
+            "onUpdate:modelValue": i[0] || (i[0] = (y) => l.value = y)
           }), null, 16, ["pt", "modelValue"]),
-          L(v(u(C), {
+          L(b(c(T), {
             "data-cy": "icon",
             icon: "bi:calendar4",
             class: "position-absolute end-0 top-50 bottom-50 my-auto me-2 text-muted"
           }, null, 512), [
-            [Y, t.showIcon]
+            [q, t.showIcon]
           ]),
-          L(v(u(C), {
+          L(b(c(T), {
             "data-cy": "icon",
             icon: "bi:x",
             onClick: a,
             class: B(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer", t.showIcon ? "datepicker-close-icon" : "me-2"])
           }, null, 8, ["class"]), [
-            [Y, t.modelValue]
+            [q, t.modelValue]
           ])
         ]),
-        m("span", Nt, [
-          x(o.$slots, "after")
+        u("span", Nt, [
+          _(n.$slots, "after")
         ])
       ], 64);
     };
   }
-}), yl = /* @__PURE__ */ $({
+}), pl = /* @__PURE__ */ F({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
     currentCount: {}
   },
   setup(e) {
-    const t = e, n = k(() => t.maxCount - t.currentCount);
-    return (a, l) => (s(), p("div", {
-      class: B(n.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + h(n.value), 3));
+    const t = e, l = w(() => t.maxCount - t.currentCount);
+    return (a, o) => (s(), v("div", {
+      class: B(l.value < 0 ? "text-danger" : "")
+    }, "Remaining characters: " + h(l.value), 3));
   }
-}), Rt = /* @__PURE__ */ m("hr", null, null, -1), Lt = { class: "d-flex justify-content-between" }, vl = /* @__PURE__ */ $({
+}), Rt = /* @__PURE__ */ u("hr", null, null, -1), Lt = { class: "d-flex justify-content-between" }, vl = /* @__PURE__ */ F({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1907,153 +1909,177 @@ const pt = { key: 0 }, yt = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = M(!1), a = M({
+    const t = e, l = M(!1), a = M({
       hasError: !1,
       message: ""
     });
-    async function l() {
-      n.value = !0, a.value.hasError = !1;
+    async function o() {
+      l.value = !0, a.value.hasError = !1;
       try {
         await t.onSubmit();
-      } catch (o) {
-        a.value.hasError = !0, o.message && (a.value.message = o.message);
+      } catch (n) {
+        a.value.hasError = !0, n.message && (a.value.message = n.message);
       }
-      n.value = !1;
+      l.value = !1;
     }
-    return (o, i) => {
-      const d = E;
-      return s(), p("form", S(o.$attrs, {
+    return (n, i) => {
+      const d = R;
+      return s(), v("form", V(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: G(l, ["prevent"])
+        onSubmit: G(o, ["prevent"])
       }), [
-        o.hideTitle ? F("", !0) : (s(), p(D, { key: 0 }, [
-          x(o.$slots, "title", {}, () => [
-            m("h3", {
-              class: B(o.titleClass),
+        n.hideTitle ? C("", !0) : (s(), v(N, { key: 0 }, [
+          _(n.$slots, "title", {}, () => [
+            u("h3", {
+              class: B(n.titleClass),
               "data-cy": "form-title"
-            }, h(o.title), 3)
+            }, h(n.title), 3)
           ]),
           Rt
         ], 64)),
-        a.value.hasError ? (s(), w(ae, {
+        a.value.hasError ? (s(), k(ne, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: b(() => [
-            x(o.$slots, "error", {
+          default: g(() => [
+            _(n.$slots, "error", {
               error: a.value.message
             }, () => [
-              P(h(a.value.message), 1)
+              z(h(a.value.message), 1)
             ])
           ]),
           _: 3
-        })) : F("", !0),
-        x(o.$slots, "default"),
-        m("div", Lt, [
-          x(o.$slots, "cancel", {}, () => [
-            o.hideCancel ? F("", !0) : (s(), w(d, {
+        })) : C("", !0),
+        _(n.$slots, "default"),
+        u("div", Lt, [
+          _(n.$slots, "cancel", {}, () => [
+            n.hideCancel ? C("", !0) : (s(), k(d, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: i[0] || (i[0] = (f) => o.$emit("cancel"))
+              onClick: i[0] || (i[0] = (y) => n.$emit("cancel"))
             }, {
-              default: b(() => [
-                P(h(o.cancelText), 1)
+              default: g(() => [
+                z(h(n.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          x(o.$slots, "submit", { submit: l }, () => [
-            v(d, {
+          _(n.$slots, "submit", { submit: o }, () => [
+            b(d, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: b(() => [
-                P(h(o.submitText), 1)
+              default: g(() => [
+                z(h(n.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        n.value ? (s(), w(pe, {
+        l.value ? (s(), k(be, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : F("", !0)
+        })) : C("", !0)
       ], 16);
     };
   }
-}), Ht = { class: "d-flex flex-column" }, jt = ["for"], bl = /* @__PURE__ */ $({
+}), Ht = {
+  key: 1,
+  class: "d-flex flex-column"
+}, jt = ["for"], yl = /* @__PURE__ */ F({
   __name: "ForgeFormField",
-  props: {
+  props: /* @__PURE__ */ H({
     name: {},
     label: {},
     type: { default: "text" },
-    rules: {},
     mask: { default: "" },
     placeholder: { default: "" }
-  },
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
   setup(e) {
-    const t = e, { errors: n, value: a, errorMessage: l } = W(() => t.name, t.rules), o = k(() => n.value.length > 0);
-    return (i, d) => {
-      const f = Ve, r = Ce, g = ne;
-      return s(), p("div", Ht, [
-        t.type !== "checkbox" ? (s(), p("label", {
+    const t = E(e, "modelValue"), l = e, a = (m) => {
+      l.type == "number" ? d(m.value) : d(m);
+    }, { errors: o, value: n, errorMessage: i, handleChange: d, handleBlur: y } = W(() => l.name, void 0, {
+      initialValue: t.value
+    }), r = w(() => o.value.length > 0);
+    return ie(() => n.value, (m) => {
+      t.value = m;
+    }, { immediate: !0 }), (m, p) => {
+      const x = Ve, $ = Ce, P = re;
+      return l.type === "checkbox" ? (s(), k(ye, V({
+        key: 0,
+        id: l.name,
+        label: l.label
+      }, m.$attrs, {
+        name: l.name,
+        modelValue: t.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (S) => t.value = S)
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (s(), v("div", Ht, [
+        u("label", {
+          for: l.name
+        }, h(l.label), 9, jt),
+        l.type === "number" ? (s(), k(c(pe), V({
           key: 0,
-          for: t.name
-        }, h(t.label), 9, jt)) : F("", !0),
-        t.type === "checkbox" ? (s(), w(me, S({
+          id: l.name
+        }, m.$attrs, {
+          placeholder: l.placeholder,
+          "input-class": { "is-invalid": r.value },
+          class: { "is-invalid": r.value },
+          modelValue: t.value,
+          "onUpdate:modelValue": p[1] || (p[1] = (S) => t.value = S),
+          onInput: a
+        }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : l.type === "textarea" ? (s(), k(x, V({
           key: 1,
-          id: t.name,
-          rules: i.rules,
-          label: t.label
-        }, i.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (s(), w(u(ue), S({
+          id: l.name
+        }, m.$attrs, {
+          placeholder: l.placeholder,
+          class: { "is-invalid": r.value },
+          modelValue: t.value,
+          "onUpdate:modelValue": p[2] || (p[2] = (S) => t.value = S),
+          onInput: a,
+          onBlur: c(y)
+        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (s(), k($, V({
           key: 2,
-          id: t.name,
-          placeholder: t.placeholder,
-          modelValue: u(a),
-          "onUpdate:modelValue": d[0] || (d[0] = (y) => j(a) ? a.value = y : null),
-          "input-class": { "is-invalid": o.value },
-          class: { "is-invalid": o.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (s(), w(f, S({
+          id: l.name
+        }, m.$attrs, {
+          placeholder: l.placeholder,
+          mask: l.mask,
+          class: { "is-invalid": r.value },
+          modelValue: t.value,
+          "onUpdate:modelValue": p[3] || (p[3] = (S) => t.value = S),
+          onInput: a,
+          onBlur: c(y)
+        }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : l.type === "text" ? (s(), k(P, V({
           key: 3,
-          id: t.name,
-          placeholder: t.placeholder,
-          modelValue: u(a),
-          "onUpdate:modelValue": d[1] || (d[1] = (y) => j(a) ? a.value = y : null),
-          class: { "is-invalid": o.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (s(), w(r, S({
-          key: 4,
-          id: t.name,
-          placeholder: t.placeholder,
-          modelValue: u(a),
-          "onUpdate:modelValue": d[2] || (d[2] = (y) => j(a) ? a.value = y : null),
-          mask: t.mask,
-          class: { "is-invalid": o.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (s(), w(g, S({
-          key: 5,
-          id: t.name,
-          placeholder: t.placeholder,
-          modelValue: u(a),
-          "onUpdate:modelValue": d[3] || (d[3] = (y) => j(a) ? a.value = y : null),
-          class: { "is-invalid": o.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
-        t.type !== "checkbox" ? L((s(), p("small", {
-          key: 6,
+          id: l.name
+        }, m.$attrs, {
+          placeholder: l.placeholder,
+          class: { "is-invalid": r.value },
+          modelValue: t.value,
+          "onUpdate:modelValue": p[4] || (p[4] = (S) => t.value = S),
+          onInput: a,
+          onBlur: c(y)
+        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : C("", !0),
+        L(u("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, h(u(l)), 513)), [
-          [Y, o.value]
-        ]) : F("", !0)
-      ]);
+        }, h(c(i)), 513), [
+          [q, r.value]
+        ])
+      ]));
     };
   }
-}), fl = /* @__PURE__ */ $({
+}), bl = /* @__PURE__ */ F({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -2081,9 +2107,9 @@ const pt = { key: 0 }, yt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, { errors: n, value: a, errorMessage: l } = W(() => t.name, t.rules);
+    const t = e, { errors: l, value: a, errorMessage: o } = W(() => t.name, t.rules);
     a.value = t.modelValue;
-    const o = k(() => n.value.length > 0), i = k(() => ({
+    const n = w(() => l.value.length > 0), i = w(() => ({
       inputtoken: "list-unstyled",
       input: "border-0",
       container: ({ props: d }) => ({
@@ -2091,7 +2117,7 @@ const pt = { key: 0 }, yt = {
           "form-control mb-0 d-flex",
           {
             disabled: d.disabled,
-            "is-invalid": o.value
+            "is-invalid": n.value
           }
         ]
       }),
@@ -2114,35 +2140,35 @@ const pt = { key: 0 }, yt = {
         ]
       }
     }));
-    return (d, f) => {
+    return (d, y) => {
       const r = Te;
-      return s(), p(D, null, [
-        v(r, S({ ...t, ...d.$attrs }, {
+      return s(), v(N, null, [
+        b(r, V({ ...t, ...d.$attrs }, {
           pt: i.value,
-          "model-value": u(a),
-          "onUpdate:modelValue": f[0] || (f[0] = (g) => j(a) ? a.value = g : null)
+          "model-value": c(a),
+          "onUpdate:modelValue": y[0] || (y[0] = (m) => le(a) ? a.value = m : null)
         }), {
-          removetokenicon: b(({ removeCallback: g }) => [
-            L(v(u(C), {
+          removetokenicon: g(({ removeCallback: m }) => [
+            L(b(c(T), {
               icon: "bi:x",
               class: "cursor-pointer",
-              onClick: g
+              onClick: m
             }, null, 8, ["onClick"]), [
-              [Y, !t.disabled]
+              [q, !t.disabled]
             ])
           ]),
           _: 1
         }, 16, ["pt", "model-value"]),
-        L(m("small", {
+        L(u("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(u(l)), 513), [
-          [Y, o.value]
+        }, h(c(o)), 513), [
+          [q, n.value]
         ])
       ], 64);
     };
   }
-}), Yt = /* @__PURE__ */ $({
+}), Yt = /* @__PURE__ */ F({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2157,7 +2183,7 @@ const pt = { key: 0 }, yt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = k(() => t.striped ? "progress-bar-striped" : null), a = k(() => t.animate ? "progress-bar-animated" : null), l = k(() => {
+    const t = e, l = w(() => t.striped ? "progress-bar-striped" : null), a = w(() => t.animate ? "progress-bar-animated" : null), o = w(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2176,25 +2202,25 @@ const pt = { key: 0 }, yt = {
         default:
           return "bg-primary";
       }
-    }), o = k(() => ({
+    }), n = w(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
       value: {
-        class: [l.value, n.value, a.value]
+        class: [o.value, l.value, a.value]
       }
     }));
     return (i, d) => {
-      const f = Me;
-      return s(), w(f, S({ ...i.$attrs, ...t }, { pt: o.value }), {
-        default: b(() => [
-          x(i.$slots, "default")
+      const y = Pe;
+      return s(), k(y, V({ ...i.$attrs, ...t }, { pt: n.value }), {
+        default: g(() => [
+          _(i.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), qt = { class: "value text-white w-100 text-center" }, gl = /* @__PURE__ */ $({
+}), qt = { class: "value text-white w-100 text-center" }, fl = /* @__PURE__ */ F({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2202,18 +2228,18 @@ const pt = { key: 0 }, yt = {
   },
   setup(e) {
     const t = e;
-    return (n, a) => (s(), p("div", S(n.$attrs, {
+    return (l, a) => (s(), v("div", V(l.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", qt, [
-        x(n.$slots, "default")
+      u("span", qt, [
+        _(l.$slots, "default")
       ])
     ], 16));
   }
 }), Gt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, Kt = { class: "d-flex align-items-center justify-content-center w-100" }, hl = /* @__PURE__ */ $({
+}, Kt = { class: "d-flex align-items-center justify-content-center w-100" }, gl = /* @__PURE__ */ F({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2229,21 +2255,21 @@ const pt = { key: 0 }, yt = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const n = t, a = e, l = M(a.currentStep), o = () => {
+    const l = t, a = e, o = M(a.currentStep), n = () => {
       do
-        l.value--;
-      while (a.model[l.value].disabled);
-      n("update:currentStep", l.value);
+        o.value--;
+      while (a.model[o.value].disabled);
+      l("update:currentStep", o.value);
     }, i = () => {
-      if (l.value < a.model.length - 1)
+      if (o.value < a.model.length - 1)
         do
-          l.value++;
-        while (a.model[l.value].disabled);
-      n("update:currentStep", l.value);
-    }, d = k(() => {
-      const r = a.model.findIndex((g) => !g.disabled);
-      return !(r < l.value && r > -1);
-    }), f = k(() => ({
+          o.value++;
+        while (a.model[o.value].disabled);
+      l("update:currentStep", o.value);
+    }, d = w(() => {
+      const r = a.model.findIndex((m) => !m.disabled);
+      return !(r < o.value && r > -1);
+    }), y = w(() => ({
       menuitem: (r) => ({
         class: [{
           "cursor-pointer": !r.context.disabled
@@ -2254,13 +2280,13 @@ const pt = { key: 0 }, yt = {
           "d-flex align-items-center justify-content-center mb-2 step",
           {
             inactive: r.context.disabled,
-            "bg-primary text-white": r.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
-            "bg-brand text-white": r.context.index === l.value && a.severity === "brand",
-            "bg-secondary text-white": r.context.index === l.value && a.severity === "secondary",
-            "bg-success text-white": r.context.index === l.value && a.severity === "success",
-            "bg-warning text-white": r.context.index === l.value && a.severity === "warning",
-            "bg-danger text-white": r.context.index === l.value && a.severity === "danger",
-            "bg-info text-white": r.context.index === l.value && a.severity === "info"
+            "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"
           }
         ]
       }),
@@ -2268,61 +2294,61 @@ const pt = { key: 0 }, yt = {
         class: [
           "h5",
           {
-            "border-bottom border-2 border-primary": r.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
-            "border-bottom border-2 border-brand": r.context.index === l.value && a.severity === "brand",
-            "border-bottom border-2 border-secondary": r.context.index === l.value && a.severity === "secondary",
-            "border-bottom border-2 border-success": r.context.index === l.value && a.severity === "success",
-            "border-bottom border-2 border-warning": r.context.index === l.value && a.severity === "warning",
-            "border-bottom border-2 border-danger": r.context.index === l.value && a.severity === "danger",
-            "border-bottom border-2 border-info": r.context.index === l.value && a.severity === "info"
+            "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"
           }
         ]
       })
     }));
-    return (r, g) => {
-      const y = E, c = Ie, _ = Pe;
-      return s(), p("div", Gt, [
-        m("div", Kt, [
-          v(y, {
+    return (r, m) => {
+      const p = R, x = Ie, $ = Me;
+      return s(), v("div", Gt, [
+        u("div", Kt, [
+          b(p, {
             severity: a.severity,
             disabled: d.value,
-            onClick: o,
+            onClick: n,
             class: "rounded-circle py-2 me-4",
             "data-cy": "back-button"
           }, {
-            default: b(() => [
-              v(u(C), {
+            default: g(() => [
+              b(c(T), {
                 icon: "bi:chevron-left",
                 class: "mb-1"
               })
             ]),
             _: 1
           }, 8, ["severity", "disabled"]),
-          v(c, {
-            "active-step": l.value,
-            "onUpdate:activeStep": g[0] || (g[0] = (V) => l.value = V),
+          b(x, {
+            "active-step": o.value,
+            "onUpdate:activeStep": m[0] || (m[0] = (P) => o.value = P),
             model: a.model,
-            pt: f.value,
+            pt: y.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
-        v(_),
-        (s(!0), p(D, null, H(a.model, (V, T) => (s(), p("div", {
-          key: T,
+        b($),
+        (s(!0), v(N, null, j(a.model, (P, S) => (s(), v("div", {
+          key: S,
           class: "w-100"
         }, [
-          T === l.value ? x(r.$slots, V.key ?? V.label, {
+          S === o.value ? _(r.$slots, P.key ?? P.label, {
             key: 0,
             nextStep: i,
-            previousStep: o
+            previousStep: n
           }, () => [
-            v(ae, {
+            b(ne, {
               severity: "info",
               "data-cy": "alert"
             }, {
-              default: b(() => [
-                P(" Please add Slot Content for the key " + h(V.key ?? V.label) + " ", 1),
-                v(y, {
+              default: g(() => [
+                z(" Please add Slot Content for the key " + h(P.key ?? P.label) + " ", 1),
+                b(p, {
                   severity: "primary",
                   label: "Next",
                   onClick: i,
@@ -2331,12 +2357,12 @@ const pt = { key: 0 }, yt = {
               ]),
               _: 2
             }, 1024)
-          ]) : F("", !0)
+          ]) : C("", !0)
         ]))), 128))
       ]);
     };
   }
-}), Wt = { class: "p-4 text-wrap w-100" }, Zt = { class: "p-4 text-wrap w-100" }, wl = /* @__PURE__ */ $({
+}), Wt = { class: "p-4 text-wrap w-100" }, Zt = { class: "p-4 text-wrap w-100" }, hl = /* @__PURE__ */ F({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2344,48 +2370,48 @@ const pt = { key: 0 }, yt = {
     clickable: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = k(() => `${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 i = E;
-      return t.clickable ? (s(), w(i, {
+    const t = e, l = w(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = w(() => `${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 = R;
+      return t.clickable ? (s(), k(i, {
         key: 0,
-        class: B(["d-flex w-100 p-0 text-body", n.value]),
+        class: B(["d-flex w-100 p-0 text-body", l.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: b(() => [
-          m("div", Wt, [
-            x(l.$slots, "default", {}, () => [
-              P("Tile Content")
+        default: g(() => [
+          u("div", Wt, [
+            _(o.$slots, "default", {}, () => [
+              z("Tile Content")
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (s(), p("div", {
+      }, 8, ["severity", "class"])) : (s(), v("div", {
         key: 1,
         class: B(["d-flex w-100", a.value]),
         "data-cy": "tile"
       }, [
-        m("div", Zt, [
-          x(l.$slots, "default", {}, () => [
-            P("Tile Content")
+        u("div", Zt, [
+          _(o.$slots, "default", {}, () => [
+            z("Tile Content")
           ])
         ])
       ], 2));
     };
   }
 });
-function X(e, t) {
+function Q(e, t) {
   return e > 1 ? `${t}s` : t;
 }
 const Jt = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, Xt = { class: "ms-2" }, Qt = { key: 0 }, ea = /* @__PURE__ */ m("span", { class: "mx-2" }, "|", -1), ta = {
+}, Xt = { class: "ms-2" }, Qt = { key: 0 }, ea = /* @__PURE__ */ u("span", { class: "mx-2" }, "|", -1), ta = {
   class: "w-auto",
   "data-cy": "total"
-}, aa = /* @__PURE__ */ $({
+}, aa = /* @__PURE__ */ F({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2394,36 +2420,32 @@ const Jt = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const n = t, a = e, l = (i) => {
-      n("update:perPage", i.value);
-    }, o = k(() => {
+    const l = t, a = e, o = (i) => {
+      l("update:perPage", i.value);
+    }, n = w(() => {
       const i = Math.ceil(a.total / a.perPage);
-      return `${i} ${X(i, "page")}`;
+      return `${i} ${Q(i, "page")}`;
     });
-    return (i, d) => (s(), p("div", Jt, [
-      P(" Number of results per page "),
-      m("div", Xt, [
-        v(u(se), {
+    return (i, d) => (s(), v("div", Jt, [
+      z(" Number of results per page "),
+      u("div", Xt, [
+        b(c(de), {
           options: a.pageSizes,
           "model-value": a.perPage,
-          onChange: d[0] || (d[0] = (f) => l(f))
+          onChange: d[0] || (d[0] = (y) => o(y))
         }, null, 8, ["options", "model-value"])
       ]),
-      a.total ? (s(), p("div", Qt, [
+      a.total ? (s(), v("div", Qt, [
         ea,
-        m("span", ta, h(a.total) + " " + h(u(X)(a.total, "result")) + " across " + h(o.value), 1)
-      ])) : F("", !0)
+        u("span", ta, h(a.total) + " " + h(c(Q)(a.total, "result")) + " across " + h(n.value), 1)
+      ])) : C("", !0)
     ]));
   }
-}), la = { "data-cy": "above-table-slot" }, oa = { class: "d-flex" }, na = { class: "d-flex align-items-end mb-2" }, sa = { key: 0 }, ia = { class: "ms-auto" }, ra = {
-  class: "d-flex",
-  "data-cy": "legacy-page-size"
-}, da = /* @__PURE__ */ m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), ua = { "data-cy": "legacy-total" }, kl = /* @__PURE__ */ $({
+}), la = { class: "position-relative" }, 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 = /* @__PURE__ */ u("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), wl = /* @__PURE__ */ F({
   __name: "ForgeTable",
   props: {
     value: {},
     legacyPaginationFooter: { type: Boolean, default: !1 },
-    total: {},
     showClearButton: { type: Boolean, default: !1 },
     showExporterButton: { type: Boolean, default: !1 },
     stickyHeader: { type: Boolean, default: !0 },
@@ -2497,20 +2519,19 @@ const Jt = {
     ptOptions: {},
     unstyled: { type: Boolean }
   },
-  emits: ["update:filters"],
+  emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const n = t, a = e, l = M([10, 20, 50, 100]), o = M(20), i = M(), d = () => {
-      for (const c in a.filters)
-        a.filters[c].value = null;
-      f(a.filters);
-    }, f = (c) => {
-      n("update:filters", c);
-    }, r = k(() => {
-      const c = Math.ceil((a.total ?? a.value.length) / o.value);
-      return `${c} ${X(c, "page")}`;
-    }), g = () => {
-      i.value.exportCSV();
-    }, y = k(() => ({
+    const l = t, a = e, o = M(), n = M([10, 20, 50, 100]), i = M(20), d = M({
+      filters: a.filters,
+      perPage: i.value,
+      page: 0,
+      sortDirection: "None",
+      sortField: "",
+      total: a.totalRecords ?? a.value.length
+    }), y = w(() => a.totalRecords ?? a.value.length), r = w(() => {
+      const f = Math.ceil(y.value / i.value);
+      return `${f} ${Q(f, "page")}`;
+    }), m = w(() => ({
       thead: () => ({
         class: [
           {
@@ -2518,179 +2539,225 @@ const Jt = {
           }
         ],
         style: "position: "
+      }),
+      loadingIcon: () => ({
+        class: [
+          "spinner-border border-0",
+          {
+            "text-brand": a.severity === "brand",
+            "text-primary": a.severity === "primary",
+            "text-success": a.severity === "success",
+            "text-warning": a.severity === "warning",
+            "text-danger": a.severity === "danger",
+            "text-info": a.severity === "info"
+          }
+        ]
       })
-    }));
-    return (c, _) => (s(), p(D, null, [
-      m("span", la, [
-        x(c.$slots, "above-table")
+    })), p = () => {
+      for (const f in a.filters)
+        typeof a.filters[f] == "string" ? a.filters[f] = "" : a.filters[f].value = null;
+      P(a.filters);
+    }, x = () => {
+      o.value.exportCSV();
+    }, $ = (f) => {
+      var I;
+      d.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", d.value.sortField = ((I = f.sortField) == null ? void 0 : I.toString()) ?? "", l("update:tableContext", d.value), l("sort", f);
+    }, P = (f) => {
+      d.value.filters = f, l("update:tableContext", d.value), l("update:filters", f);
+    }, S = (f) => {
+      d.value.page = f.page, l("update:tableContext", d.value), l("page", f);
+    }, O = () => {
+      d.value.perPage = i.value, l("update:tableContext", d.value);
+    };
+    return ie(() => a.filters, (f) => {
+      d.value.filters = f, l("update:tableContext", d.value);
+    }, { deep: !0 }), ae(() => l("update:tableContext", d.value)), (f, I) => (s(), v("div", la, [
+      u("span", oa, [
+        _(f.$slots, "above-table")
       ]),
-      v(u(ze), S({
+      b(c(ze), V({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
-      }, { ...a, ...c.$attrs }, {
-        rows: o.value,
-        "total-records": c.total,
+      }, { ...a, ...f.$attrs }, {
+        pt: m.value,
+        rows: i.value,
+        "total-records": y.value,
         "filter-display": a.filters ? "row" : void 0,
         ref_key: "forgeTable",
-        ref: i,
-        "onUpdate:filters": f,
-        pt: y.value,
-        "data-cy": "table"
-      }), te({
-        header: b(() => [
-          m("div", oa, [
-            m("div", na, [
-              c.paginator && !c.legacyPaginationFooter ? (s(), p("span", sa, [
-                v(aa, {
-                  total: c.total ?? c.value.length,
-                  "page-sizes": l.value,
-                  "per-page": o.value,
-                  "onUpdate:perPage": _[0] || (_[0] = (V) => o.value = V)
-                }, null, 8, ["total", "page-sizes", "per-page"])
-              ])) : F("", !0)
-            ]),
-            m("div", ia, [
-              c.showClearButton ? (s(), w(u(E), {
-                key: 0,
-                outlined: "",
-                class: B(c.showExporterButton ? "me-2" : ""),
-                onClick: d,
-                "data-cy": "clear-all"
-              }, {
-                default: b(() => [
-                  v(u(C), {
-                    icon: "bi:funnel-fill",
-                    width: "24",
-                    height: "24"
-                  }),
-                  P(" Clear ")
-                ]),
-                _: 1
-              }, 8, ["class"])) : F("", !0),
-              c.showExporterButton ? (s(), w(u(E), {
-                key: 1,
-                outlined: "",
-                onClick: g,
-                "data-cy": "exporter"
-              }, {
-                default: b(() => [
-                  v(u(C), {
-                    icon: "typcn:export",
-                    width: "24",
-                    height: "24"
-                  }),
-                  P(" Export ")
-                ]),
-                _: 1
-              })) : F("", !0)
+        ref: o,
+        "data-cy": "table",
+        "onUpdate:filters": P,
+        onSort: $,
+        onPage: S
+      }), oe({
+        header: g(() => [
+          u("div", {
+            class: B(a.loading ? "opacity-50" : "")
+          }, [
+            u("div", na, [
+              u("div", sa, [
+                f.paginator && !f.legacyPaginationFooter ? (s(), v("span", ia, [
+                  b(aa, {
+                    total: y.value,
+                    "page-sizes": n.value,
+                    "per-page": i.value,
+                    "onUpdate:perPage": [
+                      I[0] || (I[0] = (Y) => i.value = Y),
+                      O
+                    ]
+                  }, null, 8, ["total", "page-sizes", "per-page"])
+                ])) : C("", !0)
+              ]),
+              u("div", ra, [
+                f.showClearButton ? (s(), k(c(R), {
+                  key: 0,
+                  outlined: "",
+                  class: B(f.showExporterButton ? "me-2" : ""),
+                  onClick: p,
+                  "data-cy": "clear-all"
+                }, {
+                  default: g(() => [
+                    b(c(T), {
+                      icon: "bi:funnel-fill",
+                      width: "24",
+                      height: "24"
+                    }),
+                    z(" Clear ")
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : C("", !0),
+                f.showExporterButton ? (s(), k(c(R), {
+                  key: 1,
+                  outlined: "",
+                  onClick: x,
+                  "data-cy": "exporter"
+                }, {
+                  default: g(() => [
+                    b(c(T), {
+                      icon: "typcn:export",
+                      width: "24",
+                      height: "24"
+                    }),
+                    z(" Export ")
+                  ]),
+                  _: 1
+                })) : C("", !0)
+              ])
             ])
-          ])
+          ], 2)
         ]),
-        default: b(() => [
-          x(c.$slots, "default")
+        default: g(() => [
+          _(f.$slots, "default")
         ]),
         _: 2
       }, [
-        H(c.$slots, (V, T) => ({
-          name: T,
-          fn: b((I) => [
-            x(c.$slots, T, Q(ee(I || {})))
+        j(f.$slots, (Y, Z) => ({
+          name: Z,
+          fn: g((se) => [
+            _(f.$slots, Z, ee(te(se || {})))
           ])
         })),
-        c.legacyPaginationFooter ? {
+        f.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: b(() => [
-            m("span", ra, [
+          fn: g(() => [
+            u("span", {
+              class: B(["d-flex", a.loading ? "opacity-50" : ""]),
+              "data-cy": "legacy-page-size"
+            }, [
               da,
-              v(u(se), {
-                options: l.value,
-                modelValue: o.value,
-                "onUpdate:modelValue": _[1] || (_[1] = (V) => o.value = V),
-                class: "ms-2"
+              b(c(de), {
+                options: n.value,
+                modelValue: i.value,
+                "onUpdate:modelValue": I[1] || (I[1] = (Y) => i.value = Y),
+                class: "ms-2",
+                onClick: O
               }, null, 8, ["options", "modelValue"])
-            ])
+            ], 2)
           ]),
           key: "0"
         } : void 0,
-        c.legacyPaginationFooter ? {
+        f.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: b(() => [
-            m("span", ua, h(c.total ?? c.value.length) + " " + h(u(X)(c.total ?? c.value.length, "result")) + " across " + h(r.value), 1)
+          fn: g(() => [
+            u("span", {
+              "data-cy": "legacy-total",
+              class: B(a.loading ? "opacity-50" : "")
+            }, h(y.value) + " " + h(c(Q)(y.value, "result")) + " across " + h(r.value), 3)
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["class", "rows", "total-records", "filter-display", "pt"])
-    ], 64));
+      ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
+    ]));
   }
-}), xl = /* @__PURE__ */ $({
+}), xl = /* @__PURE__ */ F({
   __name: "ForgeFilterHeader",
   props: {
     dataType: {},
     dropdownOptions: {}
   },
   setup(e) {
-    return (t, n) => {
-      const a = ue;
-      return t.dataType === "numeric" ? (s(), w(a, S({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), w(Et, S({ key: 1 }, t.$attrs, {
+    return (t, l) => {
+      const a = pe;
+      return t.dataType === "numeric" ? (s(), k(a, V({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), k(Et, V({ key: 1 }, t.$attrs, {
         "show-icon": !1,
         "show-on-focus": !0,
         class: "w-100"
-      }), null, 16)) : t.dataType === "select" ? (s(), w(u(se), S({ key: 2 }, t.$attrs, {
+      }), null, 16)) : t.dataType === "select" ? (s(), k(c(de), V({ key: 2 }, t.$attrs, {
         options: t.dropdownOptions,
         class: "dropdown-input w-100"
-      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), w(u(Oe), S({ key: 3 }, t.$attrs, {
+      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), k(c(Oe), V({ key: 3 }, t.$attrs, {
         options: t.dropdownOptions,
         showToggleAll: !1,
         placeholder: " ",
         filter: "",
         class: "w-100 dropdown-input"
-      }), null, 16, ["options"])) : (s(), w(u(ne), S({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
+      }), null, 16, ["options"])) : (s(), k(c(re), V({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
     };
   }
 });
-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 i = l.findIndex((f) => f.name === o.name);
+function fe(e, t, l, a) {
+  const o = t.flatMap((n) => n.file);
+  return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
+    const i = o.findIndex((y) => y.name === n.name);
     let d = "Not Uploaded";
-    i === -1 ? ((!n.includes(o.type) || !(o.size <= a)) && (d = n.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
-      file: o,
+    i === -1 ? ((!l.includes(n.type) || !(n.size <= a)) && (d = l.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+      file: n,
       status: d,
       blobFileName: null
     })) : t[i].status = "Duplicate";
   }), t;
 }
-async function ca(e, t) {
+async function ua(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
-      await new ce(t).delete();
-    } catch (n) {
-      if (n !== "BlobNotFound") {
+      await new ve(t).delete();
+    } catch (l) {
+      if (l !== "BlobNotFound") {
         e = "DeleteFileFailed";
         return;
       }
     }
 }
-function ie(e, t = !0, n = 1) {
+function ue(e, t = !0, l = 1) {
   const a = t ? 1e3 : 1024;
   if (Math.abs(e) < a)
     return e + " B";
-  const l = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
-  let o = -1;
-  const i = 10 ** n;
+  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;
   do
-    e /= a, ++o;
-  while (Math.round(Math.abs(e) * i) / i >= a && o < l.length - 1);
-  return e.toFixed(n) + " " + l[o];
+    e /= a, ++n;
+  while (Math.round(Math.abs(e) * i) / i >= a && n < o.length - 1);
+  return e.toFixed(l) + " " + o[n];
 }
-function ma(e) {
+function ca(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function pa(e) {
+function ma(e) {
   return URL.createObjectURL(e);
 }
-const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disabled", "multiple"], ba = /* @__PURE__ */ $({
+const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disabled", "multiple"], ya = /* @__PURE__ */ F({
   __name: "UploadButton",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ H({
     acceptedFileTypes: {},
     maxFileInput: {},
     showDragDropArea: { type: Boolean }
@@ -2700,54 +2767,54 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = R(e, "modelValue"), n = k(() => e.maxFileInput <= t.value.length), a = (l) => {
-      t.value = ye(l, t.value, e.acceptedFileTypes, e.maxFileInput);
+    const t = E(e, "modelValue"), l = w(() => e.maxFileInput <= t.value.length), a = (o) => {
+      t.value = fe(o, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
-    return (l, o) => (s(), p("div", ya, [
-      x(l.$slots, "message"),
-      m("div", null, [
-        m("input", {
+    return (o, n) => (s(), v("div", pa, [
+      _(o.$slots, "message"),
+      u("div", null, [
+        u("input", {
           id: "file-input",
           type: "file",
           class: "d-none",
-          accept: l.acceptedFileTypes.join(", "),
-          disabled: n.value,
-          multiple: l.maxFileInput > 1,
-          onInput: o[0] || (o[0] = (i) => a([...i.target.files]))
+          accept: o.acceptedFileTypes.join(", "),
+          disabled: l.value,
+          multiple: o.maxFileInput > 1,
+          onInput: n[0] || (n[0] = (i) => a([...i.target.files]))
         }, null, 40, va),
-        m("label", {
-          class: B([{ disabled: n.value }, "btn btn-primary"]),
+        u("label", {
+          class: B([{ disabled: l.value }, "btn btn-primary"]),
           id: "file-input-button",
           for: "file-input"
         }, [
-          x(l.$slots, "button-content", {}, () => [
-            v(u(C), {
+          _(o.$slots, "button-content", {}, () => [
+            b(c(T), {
               icon: "bi:upload",
               class: "me-2",
               height: "20px",
               width: "20px"
             }),
-            P(" Browse your computer ")
+            z(" Browse your computer ")
           ])
         ], 2)
       ]),
-      l.showDragDropArea ? (s(), p("div", {
+      o.showDragDropArea ? (s(), v("div", {
         class: "ms-auto",
-        key: l.acceptedFileTypes.length,
+        key: o.acceptedFileTypes.length,
         id: "accepted-file-types"
-      }, "Accepted File Types: " + h(l.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
+      }, "Accepted File Types: " + h(o.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : C("", !0)
     ]));
   }
-}), fa = {
+}), ba = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, ga = {
+}, fa = {
   key: 1,
   class: "d-flex flex-column"
-}, ha = /* @__PURE__ */ $({
+}, ga = /* @__PURE__ */ F({
   __name: "DragDropArea",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ H({
     maxFileInput: {},
     maxFileSize: {},
     acceptedFileTypes: {}
@@ -2757,30 +2824,30 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = R(e, "modelValue"), n = M(!1), a = k(() => 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);
+    const t = E(e, "modelValue"), l = M(!1), a = w(() => e.maxFileInput <= t.value.length), o = (n) => {
+      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || a.value ? n.preventDefault() : t.value = fe([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
-    return (o, i) => (s(), p("div", {
+    return (n, i) => (s(), v("div", {
       id: "drag-drop-area",
-      class: B(`${n.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: i[0] || (i[0] = G((d) => n.value = !1, ["prevent"])),
-      onDragover: i[1] || (i[1] = G((d) => n.value = !0, ["prevent"])),
-      onDrop: G(l, ["prevent"])
+      class: B(`${l.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      onDragleave: i[0] || (i[0] = G((d) => l.value = !1, ["prevent"])),
+      onDragover: i[1] || (i[1] = G((d) => l.value = !0, ["prevent"])),
+      onDrop: G(o, ["prevent"])
     }, [
-      t.value.length === 0 ? (s(), p("div", fa, [
-        v(u(C), {
+      t.value.length === 0 ? (s(), v("div", ba, [
+        b(c(T), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        P(" Drag and drop files here ")
-      ])) : (s(), p("div", ga, [
-        x(o.$slots, "default")
+        z(" Drag and drop files here ")
+      ])) : (s(), v("div", fa, [
+        _(n.$slots, "default")
       ]))
     ], 34));
   }
-}), wa = { class: "d-flex align-items-center me-2" }, ka = /* @__PURE__ */ $({
+}), ha = { class: "d-flex align-items-center me-2" }, wa = /* @__PURE__ */ F({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -2789,12 +2856,12 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = k(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), n = k(() => {
+    const t = w(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), l = w(() => {
       switch (e.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
         case "InvalidFileSize":
-          return `Upload Failed: File size exceeds the ${ie(e.maxFileSize)} limit.`;
+          return `Upload Failed: File size exceeds the ${ue(e.maxFileSize)} limit.`;
         case "Aborted":
           return "Upload Failed: User cancelled.";
         case "DeleteFileFailed":
@@ -2805,43 +2872,43 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (a, l) => (s(), p("div", wa, [
-      a.uploadStatus === "Uploading" ? (s(), w(Yt, {
+    return (a, o) => (s(), v("div", ha, [
+      a.uploadStatus === "Uploading" ? (s(), k(Yt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
-        default: b(() => [
-          P(h((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
+        default: g(() => [
+          z(h((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(ae, {
+      })) : C("", !0),
+      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (s(), k(ne, {
         key: 1,
         id: "upload-status-alert",
         severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
-        default: b(() => [
-          P(h(n.value), 1)
+        default: g(() => [
+          z(h(l.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : F("", !0)
+      }, 8, ["severity"])) : C("", !0)
     ]));
   }
-}), xa = ["data-cy"], _a = { class: "ms-3 d-flex flex-column" }, $a = {
+}), xa = ["data-cy"], ka = { class: "ms-3 d-flex flex-column" }, _a = {
   key: 1,
   id: "file-name"
-}, Fa = {
+}, $a = {
   class: "text-black-50",
   id: "file-type"
 }, Ba = {
   class: "text-black-50",
   id: "file-size"
-}, Sa = { class: "ms-auto my-auto d-flex" }, Ca = /* @__PURE__ */ $({
+}, Fa = { class: "ms-auto my-auto d-flex" }, Sa = /* @__PURE__ */ F({
   __name: "FileInfo",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ H({
     editableFileName: { type: Boolean },
     acceptedFileTypes: {},
     maxFileSize: {},
@@ -2856,57 +2923,57 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
     uploadStatus: { required: !0 },
     uploadStatusModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  emits: /* @__PURE__ */ H(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const n = R(e, "file"), a = R(e, "blobFileName"), l = R(e, "uploadStatus"), o = t, i = M(n.value.name), d = M(""), f = M(0), r = M(), g = k(() => e.acceptedFileTypes.includes(n.value.type)), y = k(() => n.value.size <= e.maxFileSize), c = () => {
-      n.value = new File([n.value], i.value, { type: n.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
-    }, _ = async () => {
-      if (!g.value || !y.value) {
-        l.value = g.value ? "InvalidFileSize" : "InvalidFileType";
+    const l = E(e, "file"), a = E(e, "blobFileName"), o = E(e, "uploadStatus"), n = t, i = M(l.value.name), d = M(""), y = M(0), r = M(), m = w(() => e.acceptedFileTypes.includes(l.value.type)), p = w(() => l.value.size <= e.maxFileSize), x = () => {
+      l.value = new File([l.value], i.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
+    }, $ = async () => {
+      if (!m.value || !p.value) {
+        o.value = m.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      l.value = "Preparing", r.value = new AbortController();
-      const [T, I] = await e.getFileUrlAction(n.value.name);
-      if (!T) {
-        l.value = "Failed";
+      o.value = "Preparing", r.value = new AbortController();
+      const [S, O] = await e.getFileUrlAction(l.value.name);
+      if (!S) {
+        o.value = "Failed";
         return;
       }
       try {
-        l.value = "Uploading";
-        const z = new ce(T), N = {
+        o.value = "Uploading";
+        const f = new ve(S), I = {
           abortSignal: r.value.signal,
-          onProgress: (le) => f.value = le.loadedBytes,
+          onProgress: (Y) => y.value = Y.loadedBytes,
           tags: { temp: "true" }
         };
-        await z.uploadData(n.value, N), d.value = T, l.value = "Uploaded", a.value = I;
-      } catch (z) {
-        if (z.name === "AbortError") {
-          l.value = "Aborted";
+        await f.uploadData(l.value, I), d.value = S, o.value = "Uploaded", a.value = O;
+      } catch (f) {
+        if (f.name === "AbortError") {
+          o.value = "Aborted";
           return;
         }
-        l.value = "Failed";
+        o.value = "Failed";
       }
-    }, V = async () => {
-      await ca(l.value, d.value), o("deleted", n.value);
+    }, P = async () => {
+      await ua(o.value, d.value), n("deleted", l.value);
     };
-    return oe(() => {
-      e.autoUploadToBlob && _();
-    }), (T, I) => {
-      const z = E;
-      return s(), p("div", {
+    return ae(() => {
+      e.autoUploadToBlob && $();
+    }), (S, O) => {
+      const f = R;
+      return s(), v("div", {
         class: "py-4 px-3 d-flex",
-        "data-cy": `file-info-${n.value.name}`
+        "data-cy": `file-info-${l.value.name}`
       }, [
-        m("div", null, [
-          u(ma)(n.value.type) ? (s(), w(u(De), {
+        u("div", null, [
+          c(ca)(l.value.type) ? (s(), k(c(De), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: u(pa)(n.value),
-            alt: n.value.name,
+            src: c(ma)(l.value),
+            alt: l.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (s(), w(u(C), {
+          }, null, 8, ["src", "alt"])) : (s(), k(c(T), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -2914,58 +2981,58 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", _a, [
-          m("div", null, [
-            T.editableFileName ? (s(), w(kt, {
+        u("div", ka, [
+          u("div", null, [
+            S.editableFileName ? (s(), k(xt, {
               key: 0,
               id: "edit-file-name",
               modelValue: i.value,
-              "onUpdate:modelValue": I[0] || (I[0] = (N) => i.value = N),
-              rules: T.customFileNameRules,
-              name: n.value.name,
-              "complete-action": c
-            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", $a, h(n.value.name), 1))
+              "onUpdate:modelValue": O[0] || (O[0] = (I) => i.value = I),
+              rules: S.customFileNameRules,
+              name: l.value.name,
+              "complete-action": x
+            }, null, 8, ["modelValue", "rules", "name"])) : (s(), v("span", _a, h(l.value.name), 1))
           ]),
-          m("span", Fa, "File type: " + h(n.value.type.split("/").pop()), 1),
-          m("span", Ba, "File size: " + h(u(ie)(n.value.size)), 1)
+          u("span", $a, "File type: " + h(l.value.type.split("/").pop()), 1),
+          u("span", Ba, "File size: " + h(c(ue)(l.value.size)), 1)
         ]),
-        m("div", Sa, [
-          (s(), w(ka, {
-            key: l.value,
-            "file-size": n.value.size,
-            "upload-status": l.value,
-            "bytes-uploaded": f.value,
-            "max-file-size": T.maxFileSize
+        u("div", Fa, [
+          (s(), k(wa, {
+            key: o.value,
+            "file-size": l.value.size,
+            "upload-status": o.value,
+            "bytes-uploaded": y.value,
+            "max-file-size": S.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (s(), w(z, {
+          o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (s(), k(f, {
             key: 0,
             link: "",
-            onClick: _
+            onClick: $
           }, {
-            default: b(() => [
-              v(u(C), {
-                icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
+            default: g(() => [
+              b(c(T), {
+                icon: o.value === "Not Uploaded" || o.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : F("", !0),
-          l.value === "Uploading" ? (s(), w(z, {
+          })) : C("", !0),
+          o.value === "Uploading" ? (s(), k(f, {
             key: 1,
             link: "",
-            onClick: I[1] || (I[1] = (N) => r.value.value.abort())
+            onClick: O[1] || (O[1] = (I) => r.value.value.abort())
           }, {
-            default: b(() => [
-              v(u(C), { icon: "bi:x-circle-fill" })
+            default: g(() => [
+              b(c(T), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (s(), w(z, {
+          })) : (s(), k(f, {
             key: 2,
             link: "",
-            onClick: V,
+            onClick: P,
             id: "delete-button"
           }, {
-            default: b(() => [
-              v(u(C), { icon: "bi:trash" })
+            default: g(() => [
+              b(c(T), { icon: "bi:trash" })
             ]),
             _: 1
           }))
@@ -2973,19 +3040,19 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
       ], 8, xa);
     };
   }
-}), Va = { class: "d-flex justify-content-end mt-1" }, Ta = { id: "max-file-size" }, Ma = /* @__PURE__ */ $({
+}), Ca = { class: "d-flex justify-content-end mt-1" }, Va = { id: "max-file-size" }, Ta = /* @__PURE__ */ F({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, n) => (s(), p("div", Va, [
-      m("div", Ta, "Max file size: " + h(u(ie)(t.maxFileSize)), 1)
+    return (t, l) => (s(), v("div", Ca, [
+      u("div", Va, "Max file size: " + h(c(ue)(t.maxFileSize)), 1)
     ]));
   }
-}), Pa = { "data-cy": "file-uploader" }, Ia = { key: 0 }, _l = /* @__PURE__ */ $({
+}), Pa = { "data-cy": "file-uploader" }, Ma = { key: 0 }, kl = /* @__PURE__ */ F({
   __name: "ForgeFileUploader",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ H({
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: {},
@@ -3000,69 +3067,69 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = R(e, "modelValue"), n = e, a = (l) => {
-      t.value = t.value.filter((o) => o.file != l);
+    const t = E(e, "modelValue"), l = e, a = (o) => {
+      t.value = t.value.filter((n) => n.file != o);
     };
-    return (l, o) => (s(), p("div", Pa, [
-      v(ba, S(n, {
+    return (o, n) => (s(), v("div", Pa, [
+      b(ya, V(l, {
         modelValue: t.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (i) => t.value = i)
+        "onUpdate:modelValue": n[0] || (n[0] = (i) => t.value = i)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (s(), p("div", Ia, [
-        v(ha, {
-          "max-file-input": n.maxFileInput,
-          "max-file-size": n.maxFileSize,
-          "accepted-file-types": n.acceptedFileTypes,
+      o.showDragDropArea ? (s(), v("div", Ma, [
+        b(ga, {
+          "max-file-input": l.maxFileInput,
+          "max-file-size": l.maxFileSize,
+          "accepted-file-types": l.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (i) => t.value = i)
+          "onUpdate:modelValue": n[1] || (n[1] = (i) => t.value = i)
         }, {
-          default: b(() => [
-            (s(!0), p(D, null, H(t.value, ({ file: i }, d) => (s(), p("span", null, [
-              (s(), w(Ca, S({
+          default: g(() => [
+            (s(!0), v(N, null, j(t.value, ({ file: i }, d) => (s(), v("span", null, [
+              (s(), k(Sa, V({
                 key: i.name,
                 class: d === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[d].file,
-                "onUpdate:file": (f) => t.value[d].file = f,
+                "onUpdate:file": (y) => t.value[d].file = y,
                 "blob-file-name": t.value[d].blobFileName,
-                "onUpdate:blobFileName": (f) => t.value[d].blobFileName = f,
+                "onUpdate:blobFileName": (y) => t.value[d].blobFileName = y,
                 "upload-status": t.value[d].status,
-                "onUpdate:uploadStatus": (f) => t.value[d].status = f,
+                "onUpdate:uploadStatus": (y) => t.value[d].status = y,
                 ref_for: !0
-              }, n, { onDeleted: a }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
+              }, l, { onDeleted: a }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
             ]))), 256))
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        v(Ma, {
-          "max-file-size": n.maxFileSize
+        b(Ta, {
+          "max-file-size": l.maxFileSize
         }, null, 8, ["max-file-size"])
-      ])) : F("", !0)
+      ])) : C("", !0)
     ]));
   }
 });
 export {
-  il as Bootstrap_PT,
-  rl as ForgeActionButton,
-  ae as ForgeAlert,
-  me as ForgeCheckbox,
-  fl as ForgeChips,
+  sl as Bootstrap_PT,
+  il as ForgeActionButton,
+  ne as ForgeAlert,
+  ye as ForgeCheckbox,
+  bl as ForgeChips,
   Et as ForgeDatepicker,
-  _l as ForgeFileUploader,
+  kl as ForgeFileUploader,
   xl as ForgeFilterHeader,
   vl as ForgeForm,
-  bl as ForgeFormField,
-  kt as ForgeInlineEditor,
-  dl as ForgeLink,
-  pe as ForgeLoader,
-  ul as ForgeModal,
+  yl as ForgeFormField,
+  xt as ForgeInlineEditor,
+  rl as ForgeLink,
+  be as ForgeLoader,
+  dl as ForgeModal,
   Ct as ForgeMultiSelect,
-  ml as ForgeMultiSelectPreview,
-  cl as ForgeNavbar,
-  pl as ForgePageHeader,
+  cl as ForgeMultiSelectPreview,
+  ul as ForgeNavbar,
+  ml as ForgePageHeader,
   Yt as ForgeProgressBar,
-  yl as ForgeRemainingCharacters,
-  gl as ForgeStatWidget,
-  hl as ForgeStepper,
-  kl as ForgeTable,
-  wl as ForgeTile
+  pl as ForgeRemainingCharacters,
+  fl as ForgeStatWidget,
+  gl as ForgeStepper,
+  wl as ForgeTable,
+  hl as ForgeTile
 };