@3squared/forge-ui-3 2.12.3 → 2.14.0

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

@@ -1,36 +1,37 @@
-import he from "primevue/message";
-import { defineComponent as $, openBlock as r, createBlock as f, normalizeProps as W, guardReactiveProps as Y, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as S, createVNode as h, renderSlot as k, ref as _, createElementBlock as v, Fragment as O, mergeProps as z, renderList as N, mergeModels as U, useModel as D, computed as T, createTextVNode as I, toDisplayString as w, withDirectives as H, vShow as J, createSlots as ee, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as K, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
-import { Icon as j } from "@iconify/vue";
-import A from "primevue/button";
-import Be from "primevue/toast";
-import Se from "primevue/autocomplete";
-import Ce from "primevue/checkbox";
-import { useField as te } from "vee-validate";
-import ze from "primevue/progressspinner";
-import Te from "primevue/dialog";
-import oe from "primevue/inputtext";
-import { vOnClickOutside as je } from "@vueuse/components";
-import Ie from "primevue/menubar";
-import ne from "primevue/multiselect";
-import _e from "primevue/datepicker";
+import Be from "primevue/message";
+import { defineComponent as S, openBlock as d, createBlock as b, normalizeProps as W, guardReactiveProps as G, withCtx as g, createElementVNode as m, normalizeClass as F, unref as u, createCommentVNode as C, createVNode as h, renderSlot as k, ref as P, createElementBlock as v, Fragment as E, mergeProps as j, renderList as U, mergeModels as R, useModel as N, computed as T, createTextVNode as M, toDisplayString as B, withDirectives as J, vShow as Z, createSlots as te, onMounted as ne, isRef as Fe, withKeys as ie, normalizeStyle as Se, withModifiers as X, watch as le, h as Ce, useTemplateRef as ze } from "vue";
+import { Icon as I } from "@iconify/vue";
+import q from "primevue/button";
+import Te from "primevue/toast";
+import je from "primevue/autocomplete";
+import Ie from "primevue/checkbox";
+import { useField as oe } from "vee-validate";
+import Pe from "primevue/progressspinner";
+import _e from "primevue/dialog";
+import se from "primevue/inputtext";
+import { vOnClickOutside as Me } from "@vueuse/components";
+import Ve from "primevue/menubar";
+import re from "primevue/multiselect";
+import De from "primevue/datepicker";
 import ae from "primevue/select";
-import Pe from "primevue/inputmask";
-import Ve from "primevue/textarea";
-import ue from "primevue/inputnumber";
-import Me from "primevue/chip";
-import De from "primevue/progressbar";
-import Oe from "primevue/step";
-import Ne from "primevue/stepper";
-import Ue from "primevue/steplist";
-import Ae from "primevue/steppanel";
-import qe from "primevue/steppanels";
-import Ee from "primevue/datatable";
-import { BlockBlobClient as me } from "@azure/storage-blob";
-import ve from "primevue/popover";
-import Le from "primevue/image";
-import Re from "primevue/panel";
-import { ToggleButton as He } from "primevue";
-const We = {
+import Oe from "primevue/inputmask";
+import Ne from "primevue/textarea";
+import fe from "primevue/inputnumber";
+import Ae from "primevue/chip";
+import Ee from "primevue/progressbar";
+import Ue from "primevue/step";
+import qe from "primevue/stepper";
+import Le from "primevue/steplist";
+import Re from "primevue/steppanel";
+import He from "primevue/steppanels";
+import We from "primevue/datatable";
+import Ge from "primevue/treetable";
+import { BlockBlobClient as ge } from "@azure/storage-blob";
+import be from "primevue/popover";
+import Ye from "primevue/image";
+import Je from "primevue/panel";
+import { ToggleButton as Ke } from "primevue";
+const Ze = {
   autoComplete: {
     root: ({ props: e }) => ({
       class: [
@@ -59,7 +60,7 @@ const We = {
     }),
     emptyMessage: "mx-3 my-2"
   }
-}, Ye = {
+}, Xe = {
   button: {
     root: ({ props: e }) => ({
       class: [
@@ -92,6 +93,13 @@ const We = {
           "text-success fw-bold btn-text-success": e.severity === "success" && e.text,
           "link-success text-decoration-underline link-underline-success": e.severity === "success" && e.link
         },
+        // Success Alternate
+        {
+          "btn-success-alternate text-white": e.severity === "success-alternate" && !e.outlined && !e.link && !e.text,
+          "btn-outline-success-alternate": e.severity === "success-alternate" && e.outlined,
+          "text-success-alternate fw-bold btn-text-success-alternate": e.severity === "success-alternate" && e.text,
+          "link-success-alternate text-decoration-underline link-underline-success-alternate": e.severity === "success-alternate" && e.link
+        },
         // Warning
         {
           "btn-warning text-white": e.severity === "warning" && !e.outlined && !e.link && !e.text,
@@ -142,6 +150,7 @@ const We = {
             "button-badge-brand": e.severity === "brand" && !e.outlined,
             "button-badge-secondary": e.severity === "secondary" && !e.outlined,
             "button-badge-success": e.severity === "success" && !e.outlined,
+            "button-badge-success-alternate": e.severity === "success-alternate" && !e.outlined,
             "button-badge-warning": (e.severity === "warning" || e.severity === "warn") && !e.outlined,
             "button-badge-danger": e.severity === "danger" && !e.outlined,
             "button-badge-info": e.severity === "info" && !e.outlined
@@ -151,6 +160,7 @@ const We = {
             "button-badge-brand outlined": e.severity === "brand" && e.outlined,
             "button-badge-secondary outlined": e.severity === "secondary" && e.outlined,
             "button-badge-success outlined": e.severity === "success" && e.outlined,
+            "button-badge-success-alternate outlined": e.severity === "success-alternate" && e.outlined,
             "button-badge-warning outlined": (e.severity === "warning" || e.severity === "warn") && e.outlined,
             "button-badge-danger outlined": e.severity === "danger" && e.outlined,
             "button-badge-info outlined": e.severity === "info" && e.outlined
@@ -160,7 +170,7 @@ const We = {
       })
     }
   }
-}, Ge = {
+}, Qe = {
   checkbox: {
     root: () => ({
       class: ["form-check"]
@@ -175,7 +185,7 @@ const We = {
       ]
     })
   }
-}, Je = {
+}, et = {
   select: {
     root: ({ props: e }) => ({
       class: [
@@ -225,7 +235,7 @@ const We = {
       ]
     })
   }
-}, Ke = {
+}, tt = {
   column: {
     pcSortBadge: "ms-2 my-auto cursor-pointer",
     headerCell: (e) => {
@@ -243,17 +253,19 @@ const We = {
     },
     pcRowEditorInit: "btn",
     rowToggleButton: "btn",
+    nodeToggleButton: "btn btn-sm",
     columnResizer: {
       class: "position-absolute top-0 end-0 m-0 h-100 p-0 cursor-resize border border-transparent"
     },
     pcRowEditorSave: "btn",
     pcRowEditorCancel: "btn",
     bodyCell: (e) => {
-      var t;
-      return {
+      var t, a;
+      return console.log(e.parent.props.resizableColumns), {
         class: {
-          "position-sticky": ((t = e.column.props) == null ? void 0 : t.frozen) !== void 0,
-          "overflow-hidden text-nowrap": e.props.resizableColumns
+          "expander-cell": (t = e.column.props) == null ? void 0 : t.expander,
+          "position-sticky": ((a = e.column.props) == null ? void 0 : a.frozen) !== void 0,
+          "overflow-hidden text-nowrap": e.parent.props.resizableColumns
         }
       };
     },
@@ -328,7 +340,7 @@ const We = {
       ]
     })
   }
-}, Ze = {
+}, at = {
   inputtext: {
     root: (e) => {
       var t, a;
@@ -343,7 +355,7 @@ const We = {
       };
     }
   }
-}, Xe = {
+}, it = {
   inputmask: {
     root: () => ({
       class: [
@@ -351,12 +363,12 @@ const We = {
       ]
     })
   }
-}, Qe = {
+}, lt = {
   toggleSwitch: {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, et = {
+}, nt = {
   tag: {
     root: ({ props: e }) => ({
       class: [
@@ -368,7 +380,8 @@ const We = {
           "bg-success-subtle text-success border-success": e.severity === "success",
           "bg-warning-subtle text-warning border-warning": e.severity === "warning" || e.severity === "warn",
           "bg-danger-subtle text-danger border-danger": e.severity === "danger",
-          "bg-info-subtle text-info border-info": e.severity === "info"
+          "bg-info-subtle text-info border-info": e.severity === "info",
+          "bg-success-alternate-subtle text-success-alternate border-success-alternate": e.severity === "success-alternate"
         },
         {
           "rounded-pill": e.rounded
@@ -376,7 +389,7 @@ const We = {
       ]
     })
   }
-}, tt = {
+}, ot = {
   textarea: {
     root: () => ({
       class: [
@@ -384,13 +397,13 @@ const We = {
       ]
     })
   }
-}, at = {
+}, st = {
   chip: {
     root: "badge rounded-pill bg-primary-subtle text-primary d-inline-flex align-items-center border border-primary me-1 p-1",
     label: "px-2 fs-6 fw-400",
     removeIcon: "ms-auto my-auto"
   }
-}, it = {
+}, rt = {
   dialog: {
     root: ({ parent: e }) => e.instance.$.type.name == "ConfirmDialog" ? {
       class: ["modal modal-dialog modal-content h-auto m-0 modal-sm"]
@@ -449,7 +462,7 @@ const We = {
       ]
     })
   }
-}, lt = {
+}, dt = {
   popover: {
     root: (e) => ({
       class: [
@@ -463,7 +476,7 @@ const We = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, ot = {
+}, pt = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -473,6 +486,7 @@ const We = {
           "alert-brand": e.severity === "brand",
           "alert-secondary": e.severity === "secondary",
           "alert-success": e.severity === "success",
+          "alert-success-alternate": e.severity === "success-alternate",
           "alert-warning": e.severity === "warning" || e.severity === "warn",
           "alert-danger": e.severity === "danger" || e.severity === "error",
           "alert-info": e.severity === "info"
@@ -492,7 +506,7 @@ const We = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, nt = {
+}, ct = {
   // More PT options defined in ForgeStepper.
   stepList: {
     root: "d-flex mb-2 w-100"
@@ -520,7 +534,7 @@ const We = {
     }),
     separator: "border border-1 separator"
   }
-}, st = {
+}, ut = {
   tabList: {
     root: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -545,7 +559,7 @@ const We = {
       class: ["p-2"]
     })
   }
-}, rt = {
+}, mt = {
   // More PassThrough options defined in ForgeDatepicker.
   datepicker: {
     root: "d-inline-flex relative w-100",
@@ -620,7 +634,7 @@ const We = {
     pcDecrementButton: { root: "btn btn-sm", label: "d-none" },
     pcIncrementButton: { root: "btn btn-sm", label: "d-none" }
   }
-}, dt = {
+}, vt = {
   multiselect: {
     root: ({ props: e }) => ({
       class: [
@@ -648,7 +662,7 @@ const We = {
       class: "d-none"
     })
   }
-}, pt = {
+}, ft = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
@@ -658,7 +672,7 @@ const We = {
       class: ["text-white m-1"]
     })
   }
-}, ct = {
+}, gt = {
   panel: {
     root: "card w-100",
     header: "h4 d-flex justify-content-between align-items-center fw-600 ms-4 me-3 my-2",
@@ -671,7 +685,7 @@ const We = {
     },
     contentContainer: "mt-2 mx-4 mb-4"
   }
-}, ut = {
+}, bt = {
   // More PT options can be found in the ForgeTable file.
   dataTable: {
     root: "position-relative",
@@ -745,7 +759,7 @@ const We = {
       ]
     })
   }
-}, mt = {
+}, yt = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -755,6 +769,7 @@ const We = {
           "badge-brand": e.severity === "brand",
           "badge-secondary": e.severity === "secondary",
           "badge-success": e.severity === "success",
+          "badge-success-alternate": e.severity === "success-alternate",
           "badge-warning": e.severity === "warning" || e.severity === "warn",
           "badge-danger": e.severity === "danger",
           "badge-info": e.severity === "info"
@@ -766,7 +781,7 @@ const We = {
       ]
     })
   }
-}, vt = {
+}, xt = {
   // More PassThrough options in component file.
   menubar: {
     rootList: ({ instance: e }) => ({
@@ -847,7 +862,7 @@ const We = {
       ]
     })
   }
-}, ft = {
+}, ht = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -869,7 +884,7 @@ const We = {
       class: ["tooltip-inner"]
     }
   }
-}, gt = {
+}, wt = {
   selectButton: {
     root: () => ({
       class: ["btn-group"]
@@ -887,7 +902,7 @@ const We = {
       ]
     })
   }
-}, bt = {
+}, kt = {
   splitbutton: {
     root: () => ({
       class: ["btn-group"]
@@ -901,6 +916,7 @@ const We = {
             "btn-brand": e.severity === "brand" && !e.outlined,
             "btn-secondary": e.severity === "secondary" && !e.outlined,
             "btn-success": e.severity === "success" && !e.outlined,
+            "btn-success-alternate": e.severity === "success-alternate" && !e.outlined,
             "btn-warning": (e.severity === "warning" || e.severity === "warn") && !e.outlined,
             "btn-danger": e.severity === "danger" && !e.outlined,
             "btn-info": e.severity === "info" && !e.outlined
@@ -910,6 +926,7 @@ const We = {
             "btn-outline-brand": e.severity === "brand" && e.outlined,
             "btn-outline-secondary": e.severity === "secondary" && e.outlined,
             "btn-outline-success": e.severity === "success" && e.outlined,
+            "btn-outline-success-alternate": e.severity === "success-alternate" && e.outlined,
             "btn-outline-warning": (e.severity === "warning" || e.severity === "warn") && e.outlined,
             "btn-outline-danger": e.severity === "danger" && e.outlined,
             "btn-outline-info": e.severity === "info" && e.outlined
@@ -931,7 +948,7 @@ const We = {
       separator: "border-bottom"
     }
   }
-}, yt = {
+}, $t = {
   progressspinner: {
     spin: () => ({
       class: [
@@ -939,7 +956,7 @@ const We = {
       ]
     })
   }
-}, xt = {
+}, Bt = {
   card: {
     root: () => ({
       class: ["card"]
@@ -963,11 +980,11 @@ const We = {
       class: ["card-header"]
     })
   }
-}, ht = {
+}, Ft = {
   divider: {
     root: "border-bottom w-100 m-1"
   }
-}, wt = {
+}, St = {
   image: {
     root: "position-relative d-inline-block",
     previewMask: "preview-button",
@@ -980,7 +997,7 @@ const We = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, kt = {
+}, Ct = {
   toast: {
     message: () => ({
       class: ["toast-container w-100 position-relative"]
@@ -1001,21 +1018,22 @@ const We = {
       class: ["ps-1"]
     }),
     messageIcon: ({ props: e }) => {
-      var t, a, i, l;
+      var t, a, i, l, n;
       return {
         class: [
           "toast-icon",
           {
             "text-primary": ((t = e.message) == null ? void 0 : t.severity) === "info",
             "text-success": ((a = e.message) == null ? void 0 : a.severity) === "success",
-            "text-danger": ((i = e.message) == null ? void 0 : i.severity) === "error",
-            "text-warning": ((l = e.message) == null ? void 0 : l.severity) === "warn"
+            "text-success-alternate": ((i = e.message) == null ? void 0 : i.severity) === "success-alternate",
+            "text-danger": ((l = e.message) == null ? void 0 : l.severity) === "error",
+            "text-warning": ((n = e.message) == null ? void 0 : n.severity) === "warn"
           }
         ]
       };
     }
   }
-}, $t = {
+}, zt = {
   tree: {
     node: "m-1",
     nodeToggleButton: ({ context: e }) => ({
@@ -1047,7 +1065,7 @@ const We = {
     pcFilterContainer: { root: "dropdown-item" },
     filterIcon: "d-none"
   }
-}, Ft = {
+}, Tt = {
   treeSelect: {
     root: ({ props: e }) => ({
       class: [
@@ -1095,7 +1113,7 @@ const We = {
       filterIcon: "d-none"
     }
   }
-}, Bt = {
+}, jt = {
   fieldset: {
     root: () => ({
       class: [
@@ -1121,7 +1139,7 @@ const We = {
       ]
     })
   }
-}, St = {
+}, It = {
   accordionPanel: {
     root: "card my-2"
   },
@@ -1139,45 +1157,67 @@ const We = {
   accordionContent: {
     root: "mt-2 mx-4 mb-4"
   }
-}, Ni = {
-  ...We,
-  ...mt,
-  ...Ye,
-  ...xt,
-  ...Ge,
-  ...at,
-  ...Ke,
-  ...rt,
-  ...it,
-  ...ht,
-  ...Je,
-  ...wt,
+}, Pt = {
+  // More PT options can be found in the ForgeTable file.
+  treetable: {
+    root: "position-relative",
+    table: ({ props: e, attrs: t }) => ({
+      class: [
+        "table position-relative",
+        {
+          "table-striped": t.stripedRows || t.stripedRows == "",
+          "table-hover": e.rowHover,
+          "table-bordered": e.showGridlines,
+          "table-sm": e.size === "small",
+          "table-lg": e.size === "large",
+          "opacity-50": e.loading
+        }
+      ]
+    }),
+    mask: () => ({
+      class: "table-overlay table-spinner"
+    })
+  }
+}, Yi = {
   ...Ze,
+  ...yt,
   ...Xe,
+  ...Bt,
   ...Qe,
-  ...ot,
-  ...dt,
-  ...vt,
+  ...st,
+  ...tt,
+  ...mt,
+  ...rt,
+  ...Ft,
+  ...et,
+  ...St,
+  ...at,
+  ...it,
   ...lt,
   ...pt,
-  ...yt,
-  ...ct,
+  ...vt,
+  ...xt,
+  ...dt,
+  ...ft,
+  ...$t,
   ...gt,
+  ...wt,
+  ...kt,
+  ...ct,
   ...bt,
   ...nt,
   ...ut,
-  ...et,
-  ...st,
-  ...kt,
-  ...tt,
-  ...Bt,
-  ...Ft,
-  ...$t,
-  ...St,
+  ...Ct,
+  ...ot,
+  ...jt,
+  ...Tt,
+  ...zt,
+  ...It,
+  ...Pt,
   directives: {
-    ...ft
+    ...ht
   }
-}, se = /* @__PURE__ */ $({
+}, de = /* @__PURE__ */ S({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -1197,32 +1237,32 @@ const We = {
   setup(e) {
     const t = e;
     return (a, i) => {
-      const l = he;
-      return r(), f(l, W(Y({ ...a.$attrs, ...t })), {
-        icon: b(() => [
+      const l = Be;
+      return d(), b(l, W(G({ ...a.$attrs, ...t })), {
+        icon: g(() => [
           m("div", {
-            class: B(t.icon ? "me-2 pe-1" : "")
+            class: F(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (r(), f(u(j), {
+            t.icon ? (d(), b(u(I), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
-              class: B(`text-${t.severity}`),
+              class: F(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : S("", !0)
+            }, null, 8, ["icon", "class"])) : C("", !0)
           ], 2)
         ]),
-        closeicon: b(() => [
-          h(u(j), { icon: "bi:x" })
+        closeicon: g(() => [
+          h(u(I), { icon: "bi:x" })
         ]),
-        default: b(() => [
+        default: g(() => [
           k(a.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), Ui = /* @__PURE__ */ $({
+}), Ji = /* @__PURE__ */ S({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1231,7 +1271,7 @@ const We = {
     params: { default: Array }
   },
   setup(e) {
-    const t = _(!1), a = e, i = async () => {
+    const t = P(!1), a = e, i = async () => {
       t.value = !0;
       try {
         await a.action.apply(this, a.params);
@@ -1240,31 +1280,31 @@ const We = {
       }
       t.value = !1;
     };
-    return (l, o) => {
-      const n = A;
-      return r(), v(O, null, [
-        h(n, z({ ...a, ...l.$attrs }, {
+    return (l, n) => {
+      const o = q;
+      return d(), v(E, null, [
+        h(o, j({ ...a, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: i
         }), null, 16, ["loading", "disabled"]),
-        h(u(Be))
+        h(u(Te))
       ], 64);
     };
   }
-}), Ai = /* @__PURE__ */ $({
+}), Ki = /* @__PURE__ */ S({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (t, a) => (r(), f(u(Se), z({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
-      default: b(() => [
-        (r(!0), v(O, null, N(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
+    return (t, a) => (d(), b(u(je), j({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+      default: g(() => [
+        (d(!0), v(E, null, U(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16));
   }
-}), Ct = { class: "d-flex flex-column" }, zt = ["for"], fe = /* @__PURE__ */ $({
+}), _t = { class: "d-flex flex-column" }, Mt = ["for"], ye = /* @__PURE__ */ S({
   __name: "ForgeCheckbox",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     label: { default: "" },
     value: {},
     modelValue: {},
@@ -1297,69 +1337,82 @@ const We = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { handleChange: i, errors: l, errorMessage: o } = te(
+    const t = e, a = N(e, "modelValue"), { handleChange: i, errors: l, errorMessage: n } = oe(
       () => t.name ?? "",
       void 0,
       {
         type: "checkbox",
         checkedValue: a.value
       }
-    ), n = (p, c) => {
+    ), o = (p, c) => {
       (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(c) : a.value = c;
     }, s = T(() => l.value.length > 0);
     return (p, c) => {
-      const g = Ce;
-      return r(), v("div", Ct, [
-        m("div", z({
+      const y = Ie;
+      return d(), v("div", _t, [
+        m("div", j({
           class: "d-flex",
           "data-cy": "checkbox-container",
-          onClick: c[2] || (c[2] = (d) => n(d, a.value))
+          onClick: c[2] || (c[2] = (r) => o(r, a.value))
         }, { ...p.$attrs }), [
-          h(g, z({ ...t }, {
+          h(y, j({ ...t }, {
             binary: "",
             modelValue: a.value,
-            "onUpdate:modelValue": c[0] || (c[0] = (d) => a.value = d),
+            "onUpdate:modelValue": c[0] || (c[0] = (r) => a.value = r),
             "input-id": t.name,
             "input-class": { "is-invalid": s.value },
             class: t.disabled || t.readonly ? "" : "cursor-pointer"
           }), null, 16, ["modelValue", "input-id", "input-class", "class"]),
           m("label", {
             for: t.name,
-            onClick: c[1] || (c[1] = (d) => n(d, !a.value)),
-            class: B([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
+            onClick: c[1] || (c[1] = (r) => o(r, !a.value)),
+            class: F([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
             k(p.$slots, "default", {}, () => [
-              I(w(t.label), 1)
+              M(B(t.label), 1)
             ])
-          ], 10, zt)
+          ], 10, Mt)
         ], 16),
-        H(m("small", {
+        J(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(u(o)), 513), [
-          [J, s.value]
+        }, B(u(n)), 513), [
+          [Z, s.value]
         ])
       ]);
     };
   }
-}), Tt = { class: "forge-loader" }, ge = /* @__PURE__ */ $({
+}), pe = /* @__PURE__ */ S({
   __name: "ForgeLoader",
   props: {
-    severity: { default: "primary" }
+    severity: { default: "primary" },
+    inLine: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e;
-    return (a, i) => {
-      const l = ze;
-      return r(), v("div", Tt, [
-        h(l, {
+    const t = e, a = T(() => ({
+      spin: () => ({
+        class: [
+          "spinner-border",
+          {
+            "spinner-border-sm": t.inLine
+          }
+        ]
+      })
+    }));
+    return (i, l) => {
+      const n = Pe;
+      return d(), v("div", {
+        class: F(i.inLine ? "" : "forge-loader")
+      }, [
+        h(n, {
           "animation-duration": ".75",
-          class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
-        }, null, 8, ["class"])
-      ]);
+          class: F(`text-${t.severity === void 0 ? "primary" : t.severity}`),
+          pt: a.value
+        }, null, 8, ["class", "pt"])
+      ], 2);
     };
   }
-}), jt = ["href", "target"], qi = /* @__PURE__ */ $({
+}), Vt = ["href", "target"], Zi = /* @__PURE__ */ S({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1393,25 +1446,25 @@ const We = {
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (i, l) => (r(), v("a", {
+    return (i, l) => (d(), v("a", {
       id: "link",
-      class: B(["cursor-pointer d-flex text-break", t.value]),
+      class: F(["cursor-pointer d-flex text-break", t.value]),
       href: i.url,
       target: i.target
     }, [
       k(i.$slots, "default", {}, () => [
-        i.iconName ? (r(), f(u(j), {
+        i.iconName ? (d(), b(u(I), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
-          class: B(["bi my-auto", a.value])
-        }, null, 8, ["icon", "class"])) : S("", !0),
-        I(" " + w(i.label), 1)
+          class: F(["bi my-auto", a.value])
+        }, null, 8, ["icon", "class"])) : C("", !0),
+        M(" " + B(i.label), 1)
       ])
-    ], 10, jt));
+    ], 10, Vt));
   }
 });
-function It(e) {
+function Dt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1422,18 +1475,18 @@ function It(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function Ei(e, t) {
+function Xi(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function Li(e, t, a) {
+function Qi(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const _t = { key: 0 }, Pt = {
+const Ot = { key: 0 }, Nt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Ri = /* @__PURE__ */ $({
+}, el = /* @__PURE__ */ S({
   __name: "ForgeModal",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     cancelText: { default: "Cancel" },
     submitText: { default: "Submit" },
     showFooter: { type: Boolean, default: !0 },
@@ -1492,8 +1545,8 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:visible", "update:error"],
   setup(e, { expose: t }) {
-    const a = D(e, "visible"), i = _(!1), l = e, o = _(!1), n = D(e, "error"), s = () => {
-      n.value = {
+    const a = N(e, "visible"), i = P(!1), l = e, n = P(!1), o = N(e, "error"), s = () => {
+      o.value = {
         hasError: !1,
         header: "",
         message: []
@@ -1506,22 +1559,22 @@ const _t = { key: 0 }, Pt = {
       i.value = !1;
     }, c = () => {
       i.value = !0;
-    }, g = () => {
+    }, y = () => {
       l.resetErrorOnClose && s(), a.value = !1;
-    }, d = async () => {
+    }, r = async () => {
       if (l.onConfirm) {
-        o.value = !0, n.value.hasError = !1;
+        n.value = !0, o.value.hasError = !1;
         try {
-          const C = await l.onConfirm();
-          (C || C == null) && g();
-        } catch (C) {
-          n.value.hasError = !0;
-          const V = It(C);
-          n.value.header = V.errorMessage, n.value.message = V.errorDetails;
+          const z = await l.onConfirm();
+          (z || z == null) && y();
+        } catch (z) {
+          o.value.hasError = !0;
+          const D = Dt(z);
+          o.value.header = D.errorMessage, o.value.message = D.errorDetails;
         }
-        o.value = !1;
+        n.value = !1;
       }
-    }, F = T(() => ({
+    }, $ = T(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1538,24 +1591,24 @@ const _t = { key: 0 }, Pt = {
         }
       ]
     }));
-    return (C, V) => {
-      const M = A, q = Te;
-      return r(), f(q, z(l, {
+    return (z, D) => {
+      const O = q, A = _e;
+      return d(), b(A, j(l, {
         onMaximize: c,
         onUnmaximize: p,
-        pt: F.value
-      }), ee({
-        closeicon: b(() => [
-          h(u(j), {
+        pt: $.value
+      }), te({
+        closeicon: g(() => [
+          h(u(I), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: g
+            onClick: y
           })
         ]),
-        maximizeicon: b(() => [
-          h(u(j), {
+        maximizeicon: g(() => [
+          h(u(I), {
             "data-cy": "maximisable-icon",
             icon: i.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1564,48 +1617,48 @@ const _t = { key: 0 }, Pt = {
         ]),
         _: 2
       }, [
-        N(C.$slots, (y, x) => ({
-          name: x,
-          fn: b((P) => [
-            x !== "footer" ? (r(), v(O, { key: 0 }, [
-              n.value.hasError ? (r(), f(se, {
+        U(z.$slots, (x, w) => ({
+          name: w,
+          fn: g((_) => [
+            w !== "footer" ? (d(), v(E, { key: 0 }, [
+              o.value.hasError ? (d(), b(de, {
                 key: 0,
                 severity: "danger",
                 "data-cy": "error"
               }, {
-                default: b(() => [
+                default: g(() => [
                   m("p", {
-                    class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
-                  }, w(n.value.header), 3),
-                  n.value.message.length > 0 ? (r(), v("ul", _t, [
-                    (r(!0), v(O, null, N(n.value.message, (L) => (r(), v("li", { key: L }, w(L), 1))), 128))
-                  ])) : S("", !0)
+                    class: F(o.value.message.length > 0 ? "my-auto" : "mb-0")
+                  }, B(o.value.header), 3),
+                  o.value.message.length > 0 ? (d(), v("ul", Ot, [
+                    (d(!0), v(E, null, U(o.value.message, (f) => (d(), v("li", { key: f }, B(f), 1))), 128))
+                  ])) : C("", !0)
                 ]),
                 _: 1
-              })) : S("", !0)
-            ], 64)) : S("", !0),
-            k(C.$slots, x, W(Y(P || {}))),
-            o.value ? k(C.$slots, "loader", { key: 1 }, () => [
-              h(ge, { "data-cy": "loader" })
-            ]) : S("", !0)
+              })) : C("", !0)
+            ], 64)) : C("", !0),
+            k(z.$slots, w, W(G(_ || {}))),
+            n.value ? k(z.$slots, "loader", { key: 1 }, () => [
+              h(pe, { "data-cy": "loader" })
+            ]) : C("", !0)
           ])
         })),
-        C.showFooter ? {
+        z.showFooter ? {
           name: "footer",
-          fn: b(() => [
-            m("div", Pt, [
-              h(M, {
-                label: C.cancelText,
-                class: B(l.cancelClass),
+          fn: g(() => [
+            m("div", Nt, [
+              h(O, {
+                label: z.cancelText,
+                class: F(l.cancelClass),
                 outlined: "",
-                onClick: g,
+                onClick: y,
                 id: "cancel-button",
                 type: l.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              h(M, {
-                label: C.submitText,
-                class: B([l.submitClass, "ms-auto"]),
-                onClick: d,
+              h(O, {
+                label: z.submitText,
+                class: F([l.submitClass, "ms-auto"]),
+                onClick: r,
                 id: "submit-button",
                 type: l.submitButtonType
               }, null, 8, ["label", "class", "type"])
@@ -1616,9 +1669,9 @@ const _t = { key: 0 }, Pt = {
       ]), 1040, ["pt"]);
     };
   }
-}), Vt = ["id"], Mt = { key: 0 }, Dt = { key: 0 }, Ot = { class: "d-flex justify-content-between align-items-center position-relative" }, Nt = { key: 1 }, Ut = { "data-cy": "readonly-value" }, At = /* @__PURE__ */ $({
+}), At = ["id"], Et = { key: 0 }, Ut = { key: 0 }, qt = { class: "d-flex justify-content-between align-items-center position-relative" }, Lt = { key: 1 }, Rt = { "data-cy": "readonly-value" }, Ht = /* @__PURE__ */ S({
   __name: "ForgeInlineEditor",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     name: { default: "" },
     completeAction: {},
     errorAction: {},
@@ -1631,13 +1684,13 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), i = _(!1), l = _(), o = () => {
-      var C;
-      i.value = !i.value, (C = l.value) == null || C.focus();
-    }, n = async () => {
-      if (F.value)
+    const t = e, a = N(e, "modelValue"), i = P(!1), l = P(), n = () => {
+      var z;
+      i.value = !i.value, (z = l.value) == null || z.focus();
+    }, o = async () => {
+      if ($.value)
         return !1;
-      if (a.value = d.value, t.completeAction)
+      if (a.value = r.value, t.completeAction)
         try {
           await t.completeAction.apply(this, t.params), i.value = !i.value;
         } catch {
@@ -1648,94 +1701,94 @@ const _t = { key: 0 }, Pt = {
     }, s = () => {
       i.value = !i.value;
     }, p = () => {
-      d.value = null;
-    }, { errorMessage: c, errors: g, value: d } = te(() => t.name, void 0, {
+      r.value = null;
+    }, { errorMessage: c, errors: y, value: r } = oe(() => t.name, void 0, {
       initialValue: a.value
     });
-    le(() => {
-      d.value = a.value;
+    ne(() => {
+      r.value = a.value;
     });
-    const F = T(() => g.value.length > 0);
-    return (C, V) => {
-      const M = oe, q = A;
-      return r(), v("div", {
+    const $ = T(() => y.value.length > 0);
+    return (z, D) => {
+      const O = se, A = q;
+      return d(), v("div", {
         id: t.name
       }, [
-        C.readonly ? (r(), v("div", Nt, [
-          k(C.$slots, "default", {}, () => [
-            m("span", Ut, w(u(d)), 1)
+        z.readonly ? (d(), v("div", Lt, [
+          k(z.$slots, "default", {}, () => [
+            m("span", Rt, B(u(r)), 1)
           ])
-        ])) : (r(), v("div", Mt, [
-          i.value ? (r(), v("div", Dt, [
-            H((r(), v("div", Ot, [
-              k(C.$slots, "editor", {
-                class: B({ "is-invalid": F.value }),
-                editFinished: n,
+        ])) : (d(), v("div", Et, [
+          i.value ? (d(), v("div", Ut, [
+            J((d(), v("div", qt, [
+              k(z.$slots, "editor", {
+                class: F({ "is-invalid": $.value }),
+                editFinished: o,
                 cancel: s,
-                val: u(d)
+                val: u(r)
               }, () => [
-                h(M, {
-                  modelValue: u(d),
-                  "onUpdate:modelValue": V[0] || (V[0] = (y) => we(d) ? d.value = y : null),
+                h(O, {
+                  modelValue: u(r),
+                  "onUpdate:modelValue": D[0] || (D[0] = (x) => Fe(r) ? r.value = x : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
-                  class: B({ "is-invalid": F.value }),
+                  class: F({ "is-invalid": $.value }),
                   onKeydown: [
-                    X(n, ["enter"]),
-                    X(s, ["esc"])
+                    ie(o, ["enter"]),
+                    ie(s, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              h(u(j), {
+              h(u(I), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
-                onKeydown: X(p, ["enter"]),
+                onKeydown: ie(p, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
-              [u(je), n]
+              [u(Me), o]
             ])
-          ])) : (r(), v("div", {
+          ])) : (d(), v("div", {
             key: 1,
             class: "d-flex text-muted",
-            onClick: o,
-            onFocus: o
+            onClick: n,
+            onFocus: n
           }, [
-            k(C.$slots, "default", {}, () => [
+            k(z.$slots, "default", {}, () => [
               m("div", {
-                class: B(["pe-2 cursor-pointer", { "text-invalid": F.value }]),
+                class: F(["pe-2 cursor-pointer", { "text-invalid": $.value }]),
                 "data-cy": "value"
-              }, w(u(d) ? u(d) : "Click to edit"), 3)
+              }, B(u(r) ? u(r) : "Click to edit"), 3)
             ]),
-            h(q, {
+            h(A, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: b(() => [
-                h(u(j), {
+              default: g(() => [
+                h(u(I), {
                   icon: "bi:pencil",
-                  class: B(F.value ? "text-invalid" : "text-muted"),
+                  class: F($.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: X(o, ["enter"])
+                  onKeydown: ie(n, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
             })
           ], 32))
         ])),
-        H(m("small", {
+        J(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(u(c)), 513), [
-          [J, F.value]
+        }, B(u(c)), 513), [
+          [Z, $.value]
         ])
-      ], 8, Vt);
+      ], 8, At);
     };
   }
-}), qt = ["href"], Hi = /* @__PURE__ */ $({
+}), Wt = ["href"], tl = /* @__PURE__ */ S({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1763,6 +1816,7 @@ const _t = { key: 0 }, Pt = {
             "bg-brand": t.severity === "brand",
             "bg-secondary": t.severity === "secondary",
             "bg-success": t.severity === "success",
+            "bg-success-alternate": t.severity === "success-alternate",
             "bg-warning": t.severity === "warning",
             "bg-danger": t.severity === "danger",
             "bg-info": t.severity === "info"
@@ -1779,26 +1833,26 @@ const _t = { key: 0 }, Pt = {
         ]
       })
     }));
-    return (i, l) => (r(), f(u(Ie), z({ ...t, ...i.$attrs }, {
+    return (i, l) => (d(), b(u(Ve), j({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
-    }), ee({
-      start: b(() => [
+    }), te({
+      start: g(() => [
         m("a", {
           href: i.logoUrl,
           class: "navbar-brand ms-3",
           "data-cy": "logo"
         }, [
           k(i.$slots, "logo", {}, () => [
-            l[0] || (l[0] = I(" Logo "))
+            l[0] || (l[0] = M(" Logo "))
           ])
-        ], 8, qt)
+        ], 8, Wt)
       ]),
-      buttonicon: b(() => [
+      buttonicon: g(() => [
         k(i.$slots, "buttonIcon", {}, () => [
-          h(u(j), {
+          h(u(I), {
             icon: "bi:list",
-            class: B(t.severity === "light" ? "text-black" : "text-white"),
+            class: F(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
             "data-cy": "burger-icon"
           }, null, 8, ["class"])
@@ -1806,24 +1860,24 @@ const _t = { key: 0 }, Pt = {
       ]),
       _: 2
     }, [
-      N(i.$slots, (o, n) => ({
-        name: n,
-        fn: b((s) => [
-          k(i.$slots, n, W(Y(s)))
+      U(i.$slots, (n, o) => ({
+        name: o,
+        fn: g((s) => [
+          k(i.$slots, o, W(G(s)))
         ])
       }))
     ]), 1040, ["pt"]));
   }
-}), Et = { class: "border alternating-item-list" }, Lt = {
+}), Gt = { class: "border alternating-item-list" }, Yt = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Rt = { class: "d-inline-block" }, Ht = {
+}, Jt = { class: "d-inline-block" }, Kt = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Wt = /* @__PURE__ */ $({
+}, Zt = /* @__PURE__ */ S({
   __name: "ForgeMultiSelectPreview",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     title: { default: "Selected Items" },
     orientation: { default: "row" },
     height: { default: "200px" },
@@ -1837,98 +1891,98 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), i = (l) => {
-      a.value = a.value.filter((o) => o.id !== l);
+    const t = e, a = N(e, "modelValue"), i = (l) => {
+      a.value = a.value.filter((n) => n.id !== l);
     };
-    return (l, o) => {
-      const n = ne, s = A;
-      return r(), v("div", {
-        class: B(l.orientation === "column" ? "row" : ""),
+    return (l, n) => {
+      const o = re, s = q;
+      return d(), v("div", {
+        class: F(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
         m("div", {
-          class: B(l.orientation === "row" ? "col-12 mb-1" : "col"),
+          class: F(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          h(n, z({
+          h(o, j({
             modelValue: a.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (p) => a.value = p)
+            "onUpdate:modelValue": n[0] || (n[0] = (p) => a.value = p)
           }, { ...l.$attrs }, {
             options: t.options ?? [],
             optionLabel: "label",
             placeholder: l.multiselectPlaceholder,
             "data-cy": "multiselect"
           }), {
-            default: b(() => [
-              (r(!0), v(O, null, N(l.$slots, (p, c) => k(l.$slots, c, { slot: c })), 256))
+            default: g(() => [
+              (d(!0), v(E, null, U(l.$slots, (p, c) => k(l.$slots, c, { slot: c })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
           k(l.$slots, "after-multi-select")
         ], 2),
         m("div", {
-          class: B(l.orientation === "row" ? "col-12" : "col"),
+          class: F(l.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
           m("div", {
-            style: ke({ height: l.height }),
+            style: Se({ height: l.height }),
             class: "overflow-auto"
           }, [
-            m("div", Et, [
-              l.title ? (r(), v("div", Lt, w(l.title), 1)) : S("", !0),
-              (r(!0), v(O, null, N(a.value, (p) => (r(), v("div", {
+            m("div", Gt, [
+              l.title ? (d(), v("div", Yt, B(l.title), 1)) : C("", !0),
+              (d(!0), v(E, null, U(a.value, (p) => (d(), v("div", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 k(l.$slots, "list-item", { item: p }, () => [
-                  m("span", Rt, w(p.shortLabel ? p.shortLabel : p.label), 1)
+                  m("span", Jt, B(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
-                l.canRemoveItemFromPreview ? (r(), f(s, {
+                l.canRemoveItemFromPreview ? (d(), b(s, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
                   onClick: (c) => i(p.id)
                 }, {
-                  default: b(() => [
-                    h(u(j), {
+                  default: g(() => [
+                    h(u(I), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${p.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : S("", !0)
+                }, 1032, ["onClick"])) : C("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (r(), v("div", Ht, w(t.optionsPreviewEmptyText), 1)) : S("", !0)
+              a.value == null || a.value.length == 0 ? (d(), v("div", Kt, B(t.optionsPreviewEmptyText), 1)) : C("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), Yt = { class: "d-flex justify-content-between pb-2" }, Gt = {
+}), Xt = { class: "d-flex justify-content-between pb-2" }, Qt = {
   "data-cy": "title",
   class: "my-auto"
-}, Jt = {
+}, ea = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, Wi = /* @__PURE__ */ $({
+}, al = /* @__PURE__ */ S({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (a, i) => (r(), v("div", Yt, [
-      m("h3", Gt, w(t.title), 1),
-      m("div", Jt, [
+    return (a, i) => (d(), v("div", Xt, [
+      m("h3", Qt, B(t.title), 1),
+      m("div", ea, [
         k(a.$slots, "default")
       ])
     ]));
   }
-}), Kt = { class: "d-flex" }, Zt = { "data-cy": "before-slot" }, Xt = { class: "position-relative w-100" }, Qt = { "data-cy": "after-slot" }, be = /* @__PURE__ */ $({
+}), ta = { class: "d-flex" }, aa = { "data-cy": "before-slot" }, ia = { class: "position-relative w-100" }, la = { "data-cy": "after-slot" }, xe = /* @__PURE__ */ S({
   __name: "ForgeDatepicker",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     severity: { default: "primary" },
     modelValue: {},
     defaultValue: {},
@@ -2002,37 +2056,38 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: n, setValue: s } = te(() => t.name, void 0, {
+    const t = e, a = N(e, "modelValue"), { errors: i, errorMessage: l, handleChange: n, handleBlur: o, setValue: s } = oe(() => t.name, void 0, {
       initialValue: a.value
     }), p = () => {
       s(null), a.value = null;
-    }, c = T(() => i.value.length > 0), g = T(() => ({
-      dayCell: ({ context: d }) => ({
+    }, c = T(() => i.value.length > 0), y = T(() => ({
+      dayCell: ({ context: r }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
           {
-            "cursor-pointer": !d.disabled,
-            "pe-none": d.disabled,
-            "text-white": d.selected
+            "cursor-pointer": !r.disabled,
+            "pe-none": r.disabled,
+            "text-white": r.selected
           },
           // Severities
           {
-            selected: d.selected && !d.disabled,
-            "text-primary": !d.selected && d.today && (t.severity === void 0 || t.severity === "primary"),
-            "text-brand": !d.selected && d.today && t.severity === "brand",
-            "text-secondary": !d.selected && d.today && t.severity === "secondary",
-            "text-success": !d.selected && d.today && t.severity === "success",
-            "text-warning": !d.selected && d.today && t.severity === "warning",
-            "text-danger": !d.selected && d.today && t.severity === "danger",
-            "text-info": !d.selected && d.today && t.severity === "info"
+            selected: r.selected && !r.disabled,
+            "text-primary": !r.selected && r.today && (t.severity === void 0 || t.severity === "primary"),
+            "text-brand": !r.selected && r.today && t.severity === "brand",
+            "text-secondary": !r.selected && r.today && t.severity === "secondary",
+            "text-success": !r.selected && r.today && t.severity === "success",
+            "text-success-alternate": !r.selected && r.today && t.severity === "success-alternate",
+            "text-warning": !r.selected && r.today && t.severity === "warning",
+            "text-danger": !r.selected && r.today && t.severity === "danger",
+            "text-info": !r.selected && r.today && t.severity === "info"
           }
         ]
       }),
-      dayLabel: ({ context: d }) => ({
+      dayLabel: ({ context: r }) => ({
         class: [
           // Disabled States
           {
-            "text-muted": d.disabled
+            "text-muted": r.disabled
           }
         ]
       }),
@@ -2045,6 +2100,7 @@ const _t = { key: 0 }, Pt = {
               "btn-link text-brand": t.severity === "brand",
               "btn-link text-secondary": t.severity === "secondary",
               "btn-link text-success": t.severity === "success",
+              "btn-link text-success-alternate": t.severity === "success-alternate",
               "btn-link text-warning": t.severity === "warning",
               "btn-link text-danger": t.severity === "danger",
               "btn-link text-info": t.severity === "info"
@@ -2061,6 +2117,7 @@ const _t = { key: 0 }, Pt = {
               "btn-link text-brand": t.severity === "brand",
               "btn-link text-secondary": t.severity === "secondary",
               "btn-link text-success": t.severity === "success",
+              "btn-link text-success-alternate": t.severity === "success-alternate",
               "btn-link text-warning": t.severity === "warning",
               "btn-link text-danger": t.severity === "danger",
               "btn-link text-info": t.severity === "info"
@@ -2068,83 +2125,85 @@ const _t = { key: 0 }, Pt = {
           ]
         })
       },
-      year: ({ context: d }) => ({
+      year: ({ context: r }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-brand": t.severity === "brand" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-secondary": t.severity === "secondary" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-success": t.severity === "success" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-warning": t.severity === "warning" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-danger": t.severity === "danger" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-info": t.severity === "info" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear()
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-brand": t.severity === "brand" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-secondary": t.severity === "secondary" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success": t.severity === "success" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success-alternate": t.severity === "success-alternate" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-warning": t.severity === "warning" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-danger": t.severity === "danger" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-info": t.severity === "info" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear()
           }
         ]
       }),
-      month: ({ context: d }) => ({
+      month: ({ context: r }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-brand": t.severity === "brand" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-secondary": t.severity === "secondary" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-success": t.severity === "success" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-warning": t.severity === "warning" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-danger": t.severity === "danger" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-info": t.severity === "info" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-brand": t.severity === "brand" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-secondary": t.severity === "secondary" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success": t.severity === "success" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success-alternate": t.severity === "success-alternate" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-warning": t.severity === "warning" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-danger": t.severity === "danger" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-info": t.severity === "info" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
           }
         ]
       })
     }));
-    return (d, F) => {
-      const C = _e;
-      return r(), v(O, null, [
-        m("div", Kt, [
-          m("span", Zt, [
-            k(d.$slots, "before")
+    return (r, $) => {
+      const z = De;
+      return d(), v(E, null, [
+        m("div", ta, [
+          m("span", aa, [
+            k(r.$slots, "before")
           ]),
-          m("div", Xt, [
-            h(C, z({ ...t, ...d.$attrs }, {
-              pt: g.value,
+          m("div", ia, [
+            h(z, j({ ...t, ...r.$attrs }, {
+              pt: y.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
-                F[0] || (F[0] = (V) => a.value = V),
-                u(o)
+                $[0] || ($[0] = (D) => a.value = D),
+                u(n)
               ],
-              onBlur: F[1] || (F[1] = () => u(n)),
+              onBlur: $[1] || ($[1] = () => u(o)),
               "input-class": { "datepicker-invalid": c.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            H(h(u(j), {
+            J(h(u(I), {
               "data-cy": "icon",
               icon: "bi:calendar4",
-              class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${c.value ? "text-danger-dark" : "text-muted"}`])
+              class: F(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${c.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
-              [J, t.showIcon]
+              [Z, t.showIcon]
             ]),
-            H(h(u(j), {
+            J(h(u(I), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
-              class: B(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
+              class: F(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
             }, null, 8, ["class"]), [
-              [J, t.modelValue]
+              [Z, t.modelValue]
             ])
           ]),
-          m("span", Qt, [
-            k(d.$slots, "after")
+          m("span", la, [
+            k(r.$slots, "after")
           ])
         ]),
-        H(m("small", {
+        J(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(u(l)), 513), [
-          [J, c.value]
+        }, B(u(l)), 513), [
+          [Z, c.value]
         ])
       ], 64);
     };
   }
-}), Yi = /* @__PURE__ */ $({
+}), il = /* @__PURE__ */ S({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -2152,11 +2211,11 @@ const _t = { key: 0 }, Pt = {
   },
   setup(e) {
     const t = e, a = T(() => t.maxCount - t.currentCount);
-    return (i, l) => (r(), v("div", {
-      class: B(a.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + w(a.value), 3));
+    return (i, l) => (d(), v("div", {
+      class: F(a.value < 0 ? "text-danger" : "")
+    }, "Remaining characters: " + B(a.value), 3));
   }
-}), ea = { class: "d-flex justify-content-between" }, Gi = /* @__PURE__ */ $({
+}), na = { class: "d-flex justify-content-between" }, ll = /* @__PURE__ */ S({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2168,7 +2227,7 @@ const _t = { key: 0 }, Pt = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = _(!1), i = _({
+    const t = e, a = P(!1), i = P({
       hasError: !1,
       message: ""
     });
@@ -2176,88 +2235,88 @@ const _t = { key: 0 }, Pt = {
       a.value = !0, i.value.hasError = !1;
       try {
         await t.onSubmit();
-      } catch (o) {
-        i.value.hasError = !0, o.message && (i.value.message = o.message);
+      } catch (n) {
+        i.value.hasError = !0, n.message && (i.value.message = n.message);
       }
       a.value = !1;
     }
-    return (o, n) => {
-      const s = A;
-      return r(), v("form", z(o.$attrs, {
+    return (n, o) => {
+      const s = q;
+      return d(), v("form", j(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: K(l, ["prevent"])
+        onSubmit: X(l, ["prevent"])
       }), [
-        o.hideTitle ? S("", !0) : (r(), v(O, { key: 0 }, [
-          k(o.$slots, "title", {}, () => [
+        n.hideTitle ? C("", !0) : (d(), v(E, { key: 0 }, [
+          k(n.$slots, "title", {}, () => [
             m("h3", {
-              class: B(o.titleClass),
+              class: F(n.titleClass),
               "data-cy": "form-title"
-            }, w(o.title), 3)
+            }, B(n.title), 3)
           ]),
-          n[1] || (n[1] = m("hr", null, null, -1))
+          o[1] || (o[1] = m("hr", null, null, -1))
         ], 64)),
-        i.value.hasError ? (r(), f(se, {
+        i.value.hasError ? (d(), b(de, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: b(() => [
-            k(o.$slots, "error", {
+          default: g(() => [
+            k(n.$slots, "error", {
               error: i.value.message
             }, () => [
-              I(w(i.value.message), 1)
+              M(B(i.value.message), 1)
             ])
           ]),
           _: 3
-        })) : S("", !0),
-        k(o.$slots, "default"),
-        m("div", ea, [
-          k(o.$slots, "cancel", {}, () => [
-            o.hideCancel ? S("", !0) : (r(), f(s, {
+        })) : C("", !0),
+        k(n.$slots, "default"),
+        m("div", na, [
+          k(n.$slots, "cancel", {}, () => [
+            n.hideCancel ? C("", !0) : (d(), b(s, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: n[0] || (n[0] = (p) => o.$emit("cancel"))
+              onClick: o[0] || (o[0] = (p) => n.$emit("cancel"))
             }, {
-              default: b(() => [
-                I(w(o.cancelText), 1)
+              default: g(() => [
+                M(B(n.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          k(o.$slots, "submit", { submit: l }, () => [
+          k(n.$slots, "submit", { submit: l }, () => [
             h(s, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: b(() => [
-                I(w(o.submitText), 1)
+              default: g(() => [
+                M(B(n.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        a.value ? (r(), f(ge, {
+        a.value ? (d(), b(pe, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : S("", !0)
+        })) : C("", !0)
       ], 16);
     };
   }
-}), ta = {
+}), oa = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, aa = ["for"], ia = {
+}, sa = ["for"], ra = {
   key: 0,
   class: "text-danger fw-600"
-}, Ji = /* @__PURE__ */ $({
+}, nl = /* @__PURE__ */ S({
   __name: "ForgeFormField",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     name: {},
     fieldLabelPosition: { default: "top" },
     fieldLabel: {},
@@ -2272,106 +2331,106 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = e, i = (g) => {
-      a.type == "number" ? s(g.value) : s(g);
-    }, { errors: l, value: o, errorMessage: n, handleChange: s, handleBlur: p } = te(() => a.name, void 0, {
+    const t = N(e, "modelValue"), a = e, i = (y) => {
+      a.type == "number" ? s(y.value) : s(y);
+    }, { errors: l, value: n, errorMessage: o, handleChange: s, handleBlur: p } = oe(() => a.name, void 0, {
       initialValue: t.value
     }), c = T(() => l.value.length > 0);
-    return ce(() => o.value, (g) => {
-      t.value = g;
-    }, { immediate: !0 }), (g, d) => {
-      const F = Ve, C = Pe, V = oe, M = ae, q = ne, y = be;
-      return a.type === "checkbox" ? (r(), f(fe, z({
+    return le(() => n.value, (y) => {
+      t.value = y;
+    }, { immediate: !0 }), (y, r) => {
+      const $ = Ne, z = Oe, D = se, O = ae, A = re, x = xe;
+      return a.type === "checkbox" ? (d(), b(ye, j({
         key: 0,
         id: a.name,
         label: a.fieldLabel
-      }, g.$attrs, {
+      }, y.$attrs, {
         name: a.name,
         modelValue: t.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (x) => t.value = x)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), v("div", ta, [
+        "onUpdate:modelValue": r[0] || (r[0] = (w) => t.value = w)
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), v("div", oa, [
         m("div", {
           "data-cy": "input-wrapper",
-          class: B(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
+          class: F(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
         }, [
           m("label", {
             for: a.name,
-            class: B(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
+            class: F(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, [
-            I(w(a.fieldLabel) + " ", 1),
-            g.required ? (r(), v("span", ia, "*")) : S("", !0)
-          ], 10, aa),
-          k(g.$slots, "default", W(Y({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
-            a.type === "number" ? (r(), f(u(ue), z({
+            M(B(a.fieldLabel) + " ", 1),
+            y.required ? (d(), v("span", ra, "*")) : C("", !0)
+          ], 10, sa),
+          k(y.$slots, "default", W(G({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
+            a.type === "number" ? (d(), b(u(fe), j({
               key: 0,
               id: a.name
-            }, g.$attrs, {
+            }, y.$attrs, {
               placeholder: a.placeholder,
               "input-class": { "is-invalid": c.value },
               class: { "is-invalid": c.value },
               onInput: i,
               modelValue: t.value,
-              "onUpdate:modelValue": d[1] || (d[1] = (x) => t.value = x)
-            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (r(), f(F, z({
+              "onUpdate:modelValue": r[1] || (r[1] = (w) => t.value = w)
+            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), b($, j({
               key: 1,
               id: a.name
-            }, g.$attrs, {
+            }, y.$attrs, {
               placeholder: a.placeholder,
               class: { "is-invalid": c.value },
               modelValue: t.value,
-              "onUpdate:modelValue": d[2] || (d[2] = (x) => t.value = x),
+              "onUpdate:modelValue": r[2] || (r[2] = (w) => t.value = w),
               onInput: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (r(), f(C, z({
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), b(z, j({
               key: 2,
               id: a.name
-            }, g.$attrs, {
+            }, y.$attrs, {
               placeholder: a.placeholder,
               mask: a.mask,
               class: { "is-invalid": c.value },
               modelValue: t.value,
-              "onUpdate:modelValue": d[3] || (d[3] = (x) => t.value = x),
+              "onUpdate:modelValue": r[3] || (r[3] = (w) => t.value = w),
               onComplete: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (r(), f(V, z({
+            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), b(D, j({
               key: 3,
               id: a.name
-            }, g.$attrs, {
+            }, y.$attrs, {
               placeholder: a.placeholder,
               class: { "is-invalid": c.value },
               modelValue: t.value,
-              "onUpdate:modelValue": d[4] || (d[4] = (x) => t.value = x),
+              "onUpdate:modelValue": r[4] || (r[4] = (w) => t.value = w),
               onInput: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (r(), f(M, z({ key: 4 }, { ...a, ...g.$attrs }, {
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), b(O, j({ key: 4 }, { ...a, ...y.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[5] || (d[5] = (x) => t.value = x),
+              "onUpdate:modelValue": r[5] || (r[5] = (w) => t.value = w),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (r(), f(q, z({ key: 5 }, { ...a, ...g.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), b(A, j({ key: 5 }, { ...a, ...y.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[6] || (d[6] = (x) => t.value = x),
+              "onUpdate:modelValue": r[6] || (r[6] = (w) => t.value = w),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (r(), f(Wt, z({ key: 6 }, { ...a, ...g.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), b(Zt, j({ key: 6 }, { ...a, ...y.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[7] || (d[7] = (x) => t.value = x),
+              "onUpdate:modelValue": r[7] || (r[7] = (w) => t.value = w),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (r(), f(y, z({ key: 7 }, { ...a, ...g.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), b(x, j({ key: 7 }, { ...a, ...y.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[8] || (d[8] = (x) => t.value = x),
+              "onUpdate:modelValue": r[8] || (r[8] = (w) => t.value = w),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : S("", !0)
+            }), null, 16, ["modelValue", "class"])) : C("", !0)
           ])
         ], 2),
-        H(m("small", {
+        J(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, w(u(n)), 513), [
-          [J, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
+        }, B(u(o)), 513), [
+          [Z, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
     };
   }
-}), Ki = /* @__PURE__ */ $({
+}), ol = /* @__PURE__ */ S({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2400,21 +2459,22 @@ const _t = { key: 0 }, Pt = {
           "bg-success-subtle border-success text-success": t.chipSeverity === "success",
           "bg-warning-subtle border-warning text-warning": t.chipSeverity === "warning",
           "bg-danger-subtle border-danger text-danger": t.chipSeverity === "danger",
-          "bg-info-subtle border-info text-info": t.chipSeverity === "info"
+          "bg-info-subtle border-info text-info": t.chipSeverity === "info",
+          "bg-info-success-alternate border-success-alternate text-success-alternate": t.chipSeverity === "success-alternate"
         }
       ]
     }));
     return (i, l) => {
-      const o = Me;
-      return r(), f(o, z({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
-        default: b(() => [
-          (r(!0), v(O, null, N(i.$slots, (n, s) => k(i.$slots, s, { slot: s })), 256))
+      const n = Ae;
+      return d(), b(n, j({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+        default: g(() => [
+          (d(!0), v(E, null, U(i.$slots, (o, s) => k(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), la = /* @__PURE__ */ $({
+}), sl = /* @__PURE__ */ S({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2438,6 +2498,8 @@ const _t = { key: 0 }, Pt = {
           return "bg-secondary";
         case "success":
           return "bg-success";
+        case "success-alternate":
+          return "bg-success-alternate";
         case "warning":
           return "bg-warning";
         case "danger":
@@ -2449,7 +2511,7 @@ const _t = { key: 0 }, Pt = {
         default:
           return "bg-primary";
       }
-    }), o = T(() => ({
+    }), n = T(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2457,18 +2519,18 @@ const _t = { key: 0 }, Pt = {
         class: [l.value, a.value, i.value, "progress-bar"]
       }
     }));
-    return (n, s) => {
-      const p = De;
-      return r(), f(p, z({ ...n.$attrs, ...t }, { pt: o.value }), {
-        default: b(() => [
-          k(n.$slots, "default")
+    return (o, s) => {
+      const p = Ee;
+      return d(), b(p, j({ ...o.$attrs, ...t }, { pt: n.value }), {
+        default: g(() => [
+          k(o.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
 });
-var oa = /* @__PURE__ */ $({
+var da = /* @__PURE__ */ S({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -2779,15 +2841,15 @@ var oa = /* @__PURE__ */ $({
         e && this.save();
       });
     },
-    wrapText(e, t, a, i, l, o) {
-      const n = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
-      var p = t.split(n).filter((M) => M.length > 0);
-      for (let M = 0; M < p.length; M++) {
-        for (var c = p[M].split(s).filter((q) => q.length > 0), g = "", d = 0; d < c.length; d++) {
-          var F = g + c[d] + " ", C = e.measureText(F), V = C.width;
-          V > l && d > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(g, a, i) : e.fillText(g, a, i), g = c[d] + " ", i += o) : g = F;
+    wrapText(e, t, a, i, l, n) {
+      const o = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
+      var p = t.split(o).filter((O) => O.length > 0);
+      for (let O = 0; O < p.length; O++) {
+        for (var c = p[O].split(s).filter((A) => A.length > 0), y = "", r = 0; r < c.length; r++) {
+          var $ = y + c[r] + " ", z = e.measureText($), D = z.width;
+          D > l && r > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), y = c[r] + " ", i += n) : y = $;
         }
-        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(g, a, i) : e.fillText(g, a, i), i += c.length > 0 ? o : 0;
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), i += c.length > 0 ? n : 0;
       }
     },
     save() {
@@ -2804,23 +2866,23 @@ var oa = /* @__PURE__ */ $({
     drawWatermark(e, t, a) {
       if (a.type === "Image") {
         let i = a.imageStyle ? a.imageStyle.width ? a.imageStyle.width : Number(this.width) : Number(this.width), l = a.imageStyle ? a.imageStyle.height ? a.imageStyle.height : Number(this.height) : Number(this.height);
-        const o = new Image();
-        o.src = a.source, o.onload = () => {
-          a && t && t.drawImage(o, a.x, a.y, Number(i), Number(l));
-          let n = document.createElement("canvas"), s = n.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, c = this.outputHeight === void 0 ? this.height : this.outputHeight;
-          if (n.width = Number(p), n.height = Number(c), s)
-            return s.drawImage(e, 0, 0, Number(p), Number(c)), this.$emit("update:image", n.toDataURL("image/" + this.saveAs, 1)), n.toDataURL("image/" + this.saveAs, 1);
+        const n = new Image();
+        n.src = a.source, n.onload = () => {
+          a && t && t.drawImage(n, a.x, a.y, Number(i), Number(l));
+          let o = document.createElement("canvas"), s = o.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, c = this.outputHeight === void 0 ? this.height : this.outputHeight;
+          if (o.width = Number(p), o.height = Number(c), s)
+            return s.drawImage(e, 0, 0, Number(p), Number(c)), this.$emit("update:image", o.toDataURL("image/" + this.saveAs, 1)), o.toDataURL("image/" + this.saveAs, 1);
         };
       } else if (a.type === "Text") {
-        let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", l = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", o = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", n = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
-        if (t.font = i, t.textAlign = l, t.textBaseline = o, a.fontStyle && a.fontStyle.rotate) {
-          let d, F;
-          a.fontStyle && a.fontStyle.width ? d = a.x + Math.floor(a.fontStyle.width / 2) : d = a.x, a.fontStyle && a.fontStyle.lineHeight ? F = a.y + Math.floor(a.fontStyle.lineHeight / 2) : F = a.y, t.translate(d, F), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(d * -1, F * -1);
+        let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", l = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", n = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", o = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
+        if (t.font = i, t.textAlign = l, t.textBaseline = n, a.fontStyle && a.fontStyle.rotate) {
+          let r, $;
+          a.fontStyle && a.fontStyle.width ? r = a.x + Math.floor(a.fontStyle.width / 2) : r = a.x, a.fontStyle && a.fontStyle.lineHeight ? $ = a.y + Math.floor(a.fontStyle.lineHeight / 2) : $ = a.y, t.translate(r, $), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(r * -1, $ * -1);
         }
-        a.fontStyle && a.fontStyle.drawType && a.fontStyle.drawType === "stroke" ? (t.strokeStyle = a.fontStyle.color, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.strokeText(a.source, a.x, a.y)) : (t.fillStyle = n, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.fillText(a.source, a.x, a.y));
-        let s = document.createElement("canvas"), p = s.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, g = this.outputHeight === void 0 ? this.height : this.outputHeight;
-        if (s.width = Number(c), s.height = Number(g), p)
-          return p.drawImage(e, 0, 0, Number(c), Number(g)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
+        a.fontStyle && a.fontStyle.drawType && a.fontStyle.drawType === "stroke" ? (t.strokeStyle = a.fontStyle.color, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.strokeText(a.source, a.x, a.y)) : (t.fillStyle = o, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.fillText(a.source, a.x, a.y));
+        let s = document.createElement("canvas"), p = s.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, y = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (s.width = Number(c), s.height = Number(y), p)
+          return p.drawImage(e, 0, 0, Number(c), Number(y)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
       }
     },
     isEmpty() {
@@ -2831,7 +2893,7 @@ var oa = /* @__PURE__ */ $({
     }
   },
   render() {
-    return $e("canvas", {
+    return Ce("canvas", {
       id: this.canvasId,
       height: Number(this.height),
       width: Number(this.width),
@@ -2858,7 +2920,7 @@ var oa = /* @__PURE__ */ $({
     });
   }
 });
-const na = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1 gap-1" }, Zi = /* @__PURE__ */ $({
+const pa = { class: "d-flex flex-column" }, ca = { class: "d-flex flex-row mt-1 gap-1" }, rl = /* @__PURE__ */ S({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -2871,7 +2933,7 @@ const na = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = Fe("drawingCanvas"), o = _(), n = () => {
+    const a = e, i = t, l = ze("drawingCanvas"), n = P(), o = () => {
       l == null || l.value.reset();
     }, s = () => {
       l == null || l.value.redo();
@@ -2880,72 +2942,72 @@ const na = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
     }, c = () => {
       i("save", l.value.isEmpty());
     };
-    return (g, d) => {
-      const F = A;
-      return r(), v("div", na, [
-        h(u(oa), z({
+    return (y, r) => {
+      const $ = q;
+      return d(), v("div", pa, [
+        h(u(da), j({
           ref_key: "drawingCanvas",
           ref: l,
-          image: o.value,
-          "onUpdate:image": d[0] || (d[0] = (C) => o.value = C),
+          image: n.value,
+          "onUpdate:image": r[0] || (r[0] = (z) => n.value = z),
           "data-cy": "drawing-canvas",
           class: "border canvas"
-        }, { ...g.$attrs }, {
-          height: g.height,
-          width: g.width,
-          style: `height: ${g.height}px; width: ${g.width}px`,
-          "line-join": g.lineJoin
+        }, { ...y.$attrs }, {
+          height: y.height,
+          width: y.width,
+          style: `height: ${y.height}px; width: ${y.width}px`,
+          "line-join": y.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
-        m("div", sa, [
-          a.showUndo ? (r(), f(F, {
+        m("div", ca, [
+          a.showUndo ? (d(), b($, {
             key: 0,
             onClick: p,
             outlined: "",
             "data-cy": "undo-button"
           }, {
-            default: b(() => d[1] || (d[1] = [
-              I("Undo")
+            default: g(() => r[1] || (r[1] = [
+              M("Undo")
             ])),
             _: 1
-          })) : S("", !0),
-          a.showRedo ? (r(), f(F, {
+          })) : C("", !0),
+          a.showRedo ? (d(), b($, {
             key: 1,
             onClick: s,
             outlined: "",
             "data-cy": "redo-button"
           }, {
-            default: b(() => d[2] || (d[2] = [
-              I("Redo")
+            default: g(() => r[2] || (r[2] = [
+              M("Redo")
             ])),
             _: 1
-          })) : S("", !0),
-          a.showClear ? (r(), f(F, {
+          })) : C("", !0),
+          a.showClear ? (d(), b($, {
             key: 2,
-            onClick: n,
+            onClick: o,
             outlined: "",
             "data-cy": "clear-button"
           }, {
-            default: b(() => d[3] || (d[3] = [
-              I("Clear")
+            default: g(() => r[3] || (r[3] = [
+              M("Clear")
             ])),
             _: 1
-          })) : S("", !0),
-          a.showSave ? (r(), f(F, {
+          })) : C("", !0),
+          a.showSave ? (d(), b($, {
             key: 3,
             onClick: c,
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
-            default: b(() => d[4] || (d[4] = [
-              I("Save")
+            default: g(() => r[4] || (r[4] = [
+              M("Save")
             ])),
             _: 1
-          })) : S("", !0)
+          })) : C("", !0)
         ])
       ]);
     };
   }
-}), ra = { class: "value text-white w-100 text-center" }, Xi = /* @__PURE__ */ $({
+}), ua = { class: "value text-white w-100 text-center" }, dl = /* @__PURE__ */ S({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2953,15 +3015,15 @@ const na = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e;
-    return (a, i) => (r(), v("div", z(a.$attrs, {
+    return (a, i) => (d(), v("div", j(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", ra, [
+      m("span", ua, [
         k(a.$slots, "default")
       ])
     ], 16));
   }
-}), da = { key: 0 }, Qi = /* @__PURE__ */ $({
+}), ma = { key: 0 }, pl = /* @__PURE__ */ S({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -3008,32 +3070,32 @@ const na = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
         ]
       })
     }));
-    return (i, l) => (r(), f(u(Ne), { value: i.currentStep }, {
-      default: b(() => [
-        h(u(Ue), null, {
-          default: b(() => [
-            (r(!0), v(O, null, N(i.steps, (o) => (r(), f(u(Oe), z({
-              key: o.value,
-              value: o.value,
-              disabled: o.disabled,
+    return (i, l) => (d(), b(u(qe), { value: i.currentStep }, {
+      default: g(() => [
+        h(u(Le), null, {
+          default: g(() => [
+            (d(!0), v(E, null, U(i.steps, (n) => (d(), b(u(Ue), j({
+              key: n.value,
+              value: n.value,
+              disabled: n.disabled,
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
-              default: b(() => [
-                i.showStepLabel ? (r(), v("div", da, w(o.label), 1)) : S("", !0)
+              default: g(() => [
+                i.showStepLabel ? (d(), v("div", ma, B(n.label), 1)) : C("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
           ]),
           _: 1
         }),
-        h(u(qe), null, {
-          default: b(() => [
-            (r(!0), v(O, null, N(i.steps, (o) => (r(), f(u(Ae), {
-              key: o.value,
-              value: o.value
+        h(u(He), null, {
+          default: g(() => [
+            (d(!0), v(E, null, U(i.steps, (n) => (d(), b(u(Re), {
+              key: n.value,
+              value: n.value
             }, {
-              default: b(() => [
-                k(i.$slots, "step" + o.value)
+              default: g(() => [
+                k(i.$slots, "step" + n.value)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -3044,7 +3106,7 @@ const na = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), pa = { class: "p-4 text-wrap w-100" }, ca = { class: "p-4 text-wrap w-100" }, el = /* @__PURE__ */ $({
+}), va = { class: "p-4 text-wrap w-100" }, fa = { class: "p-4 text-wrap w-100" }, cl = /* @__PURE__ */ S({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -3054,31 +3116,31 @@ const na = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e, a = T(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = T(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
-    return (l, o) => {
-      const n = A;
-      return t.clickable ? (r(), f(n, {
+    return (l, n) => {
+      const o = q;
+      return t.clickable ? (d(), b(o, {
         key: 0,
-        class: B(["d-flex w-100 p-0 text-body", a.value]),
+        class: F(["d-flex w-100 p-0 text-body", a.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: b(() => [
-          m("div", pa, [
+        default: g(() => [
+          m("div", va, [
             k(l.$slots, "default", {}, () => [
-              o[0] || (o[0] = I("Tile Content"))
+              n[0] || (n[0] = M("Tile Content"))
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (r(), v("div", {
+      }, 8, ["severity", "class"])) : (d(), v("div", {
         key: 1,
-        class: B(["d-flex w-100", i.value]),
+        class: F(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
-        m("div", ca, [
+        m("div", fa, [
           k(l.$slots, "default", {}, () => [
-            o[1] || (o[1] = I("Tile Content"))
+            n[1] || (n[1] = M("Tile Content"))
           ])
         ])
       ], 2));
@@ -3088,13 +3150,13 @@ const na = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
 function Q(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const ua = {
+const ga = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, ma = { class: "ms-2" }, va = { key: 0 }, fa = {
+}, ba = { class: "ms-2" }, ya = { key: 0 }, xa = {
   class: "w-auto",
   "data-cy": "total"
-}, ga = /* @__PURE__ */ $({
+}, he = /* @__PURE__ */ S({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -3103,15 +3165,15 @@ const ua = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = (n) => {
-      a("update:perPage", n.value);
-    }, o = T(() => {
-      const n = Math.ceil(i.total / i.perPage);
-      return `${n} ${Q(n, "page")}`;
+    const a = t, i = e, l = (o) => {
+      a("update:perPage", o.value);
+    }, n = T(() => {
+      const o = Math.ceil(i.total / i.perPage);
+      return `${o} ${Q(o, "page")}`;
     });
-    return (n, s) => (r(), v("div", ua, [
-      s[2] || (s[2] = I(" Number of results per page ")),
-      m("div", ma, [
+    return (o, s) => (d(), v("div", ga, [
+      s[2] || (s[2] = M(" Number of results per page ")),
+      m("div", ba, [
         h(u(ae), {
           options: i.pageSizes,
           "model-value": i.perPage,
@@ -3119,16 +3181,16 @@ const ua = {
           onChange: s[0] || (s[0] = (p) => l(p))
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (r(), v("div", va, [
+      i.total ? (d(), v("div", ya, [
         s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", fa, w(i.total) + " " + w(u(Q)(i.total, "result")) + " across " + w(o.value), 1)
-      ])) : S("", !0)
+        m("span", xa, B(i.total) + " " + B(u(Q)(i.total, "result")) + " across " + B(n.value), 1)
+      ])) : C("", !0)
     ]));
   }
-}), ba = { class: "position-relative" }, ya = { "data-cy": "above-table-slot" }, xa = { class: "d-flex w-100" }, ha = {
+}), ha = { class: "position-relative" }, wa = { "data-cy": "above-table-slot" }, ka = { class: "d-flex w-100" }, $a = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, wa = { class: "d-flex" }, ka = { class: "d-flex align-items-end mb-2" }, $a = { key: 0 }, Fa = { class: "ms-auto" }, tl = /* @__PURE__ */ $({
+}, Ba = { class: "d-flex" }, Fa = { class: "d-flex align-items-end mb-2" }, Sa = { key: 0 }, Ca = { class: "ms-auto" }, ul = /* @__PURE__ */ S({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3214,17 +3276,17 @@ const ua = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = _(), o = _([5, 10, 20, 50, 100]), n = _(10), s = _({
+    const a = t, i = e, l = P(), n = P([5, 10, 20, 50, 100]), o = P(10), s = P({
       filters: i.filters,
-      perPage: n.value,
+      perPage: o.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: i.totalRecords ?? i.value.length
     }), p = T(() => i.totalRecords ?? i.value.length), c = T(() => {
-      const y = Math.ceil(p.value / n.value);
-      return `${y} ${Q(y, "page")}`;
-    }), g = T(() => ({
+      const x = Math.ceil(p.value / o.value);
+      return `${x} ${Q(x, "page")}`;
+    }), y = T(() => ({
       thead: () => ({
         class: [
           {
@@ -3240,160 +3302,428 @@ const ua = {
             "text-brand": i.severity === "brand",
             "text-primary": i.severity === "primary",
             "text-success": i.severity === "success",
+            "text-success-alternate": i.severity === "success-alternate",
             "text-warning": i.severity === "warning",
             "text-danger": i.severity === "danger",
             "text-info": i.severity === "info"
           }
         ]
       })
-    })), d = () => {
+    })), r = () => {
       if (i.clearAll)
         i.clearAll();
       else
-        for (const y in i.filters)
-          typeof i.filters[y] == "string" ? i.filters[y] = "" : i.filters[y].value = null;
-      V(i.filters);
-    }, F = () => {
+        for (const x in i.filters)
+          typeof i.filters[x] == "string" ? i.filters[x] = "" : i.filters[x].value = null;
+      D(i.filters);
+    }, $ = () => {
       l.value.exportCSV();
-    }, C = (y) => {
-      var x;
-      s.value.sortDirection = y.sortOrder === 1 ? "Asc" : y.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((x = y.sortField) == null ? void 0 : x.toString()) ?? "", a("update:tableContext", s.value), a("sort", y);
-    }, V = (y) => {
-      s.value.filters = y, a("update:tableContext", s.value), a("update:filters", y);
-    }, M = (y) => {
-      s.value.page = y.page, a("update:tableContext", s.value), a("page", y);
-    }, q = () => {
-      s.value.perPage = n.value, a("update:tableContext", s.value);
+    }, z = (x) => {
+      var w;
+      s.value.sortDirection = x.sortOrder === 1 ? "Asc" : x.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((w = x.sortField) == null ? void 0 : w.toString()) ?? "", a("update:tableContext", s.value), a("sort", x);
+    }, D = (x) => {
+      s.value.filters = x, a("update:tableContext", s.value), a("update:filters", x);
+    }, O = (x) => {
+      s.value.page = x.page, a("update:tableContext", s.value), a("page", x);
+    }, A = () => {
+      s.value.perPage = o.value, a("update:tableContext", s.value);
     };
-    return ce(() => i.filters, (y) => {
-      s.value.filters = y, a("update:tableContext", s.value);
-    }, { deep: !0 }), le(() => a("update:tableContext", s.value)), (y, x) => (r(), v("div", ba, [
-      m("span", ya, [
-        k(y.$slots, "above-table")
+    return le(() => i.filters, (x) => {
+      s.value.filters = x, a("update:tableContext", s.value);
+    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (x, w) => (d(), v("div", ha, [
+      m("span", wa, [
+        k(x.$slots, "above-table")
       ]),
-      h(u(Ee), z({
+      h(u(We), j({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
-      }, { ...i, ...y.$attrs }, {
-        pt: g.value,
-        rows: n.value,
+      }, { ...i, ...x.$attrs }, {
+        pt: y.value,
+        rows: o.value,
         "total-records": p.value,
         "filter-display": i.filters ? "row" : void 0,
         ref_key: "forgeTable",
         ref: l,
         "data-cy": "table",
-        "onUpdate:filters": V,
-        onSort: C,
-        onPage: M,
+        "onUpdate:filters": D,
+        onSort: z,
+        onPage: O,
         showHeaders: ""
-      }), ee({
-        empty: b(() => [
-          m("div", xa, [
-            m("h5", ha, w(y.emptyMessage ?? "No items Found."), 1)
+      }), te({
+        empty: g(() => [
+          m("div", ka, [
+            m("h5", $a, B(x.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
-        header: b(() => [
+        header: g(() => [
           m("div", {
-            class: B(i.loading ? "opacity-50" : "")
+            class: F(i.loading ? "opacity-50" : "")
           }, [
-            m("div", wa, [
-              m("div", ka, [
-                y.paginator && !y.legacyPaginationFooter ? (r(), v("span", $a, [
-                  h(ga, {
+            m("div", Ba, [
+              m("div", Fa, [
+                x.paginator && !x.legacyPaginationFooter ? (d(), v("span", Sa, [
+                  h(he, {
                     total: p.value,
-                    "page-sizes": o.value,
-                    "per-page": n.value,
+                    "page-sizes": n.value,
+                    "per-page": o.value,
                     "onUpdate:perPage": [
-                      x[0] || (x[0] = (P) => n.value = P),
-                      q
+                      w[0] || (w[0] = (_) => o.value = _),
+                      A
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : S("", !0)
+                ])) : C("", !0)
               ]),
-              m("div", Fa, [
-                y.showClearButton ? (r(), f(u(A), {
+              m("div", Ca, [
+                x.showClearButton ? (d(), b(u(q), {
                   key: 0,
                   outlined: "",
-                  class: B(y.showExporterButton ? "me-2" : ""),
-                  onClick: d,
+                  class: F(x.showExporterButton ? "me-2" : ""),
+                  onClick: r,
                   "data-cy": "clear-all"
                 }, {
-                  default: b(() => [
-                    h(u(j), {
+                  default: g(() => [
+                    h(u(I), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    x[2] || (x[2] = I(" Clear "))
+                    w[2] || (w[2] = M(" Clear "))
                   ]),
                   _: 1
-                }, 8, ["class"])) : S("", !0),
-                y.showExporterButton ? (r(), f(u(A), {
+                }, 8, ["class"])) : C("", !0),
+                x.showExporterButton ? (d(), b(u(q), {
                   key: 1,
                   outlined: "",
-                  onClick: F,
+                  onClick: $,
                   "data-cy": "exporter"
                 }, {
-                  default: b(() => [
-                    h(u(j), {
+                  default: g(() => [
+                    h(u(I), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
-                    x[3] || (x[3] = I(" Export "))
+                    w[3] || (w[3] = M(" Export "))
                   ]),
                   _: 1
-                })) : S("", !0),
-                k(y.$slots, "column-customiser")
+                })) : C("", !0),
+                k(x.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
-        default: b(() => [
-          k(y.$slots, "default")
+        default: g(() => [
+          k(x.$slots, "default")
         ]),
         _: 2
       }, [
-        N(y.$slots, (P, L) => ({
-          name: L,
-          fn: b((ie) => [
-            k(y.$slots, L, W(Y(ie || {})))
+        U(x.$slots, (_, f) => ({
+          name: f,
+          fn: g((V) => [
+            k(x.$slots, f, W(G(V || {})))
           ])
         })),
-        y.legacyPaginationFooter ? {
+        x.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: b(() => [
+          fn: g(() => [
             m("span", {
-              class: B(["d-flex", i.loading ? "opacity-50" : ""]),
+              class: F(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              x[4] || (x[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
+              w[4] || (w[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
               h(u(ae), {
-                options: o.value,
-                modelValue: n.value,
-                "onUpdate:modelValue": x[1] || (x[1] = (P) => n.value = P),
+                options: n.value,
+                modelValue: o.value,
+                "onUpdate:modelValue": w[1] || (w[1] = (_) => o.value = _),
                 class: "ms-2",
-                onClick: q
+                onClick: A
               }, null, 8, ["options", "modelValue"])
             ], 2)
           ]),
           key: "0"
         } : void 0,
-        y.legacyPaginationFooter ? {
+        x.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: b(() => [
+          fn: g(() => [
             m("span", {
               "data-cy": "legacy-total",
-              class: B(i.loading ? "opacity-50" : "")
-            }, w(p.value) + " " + w(u(Q)(p.value, "result")) + " across " + w(c.value), 3)
+              class: F(i.loading ? "opacity-50" : "")
+            }, B(p.value) + " " + B(u(Q)(p.value, "result")) + " across " + B(c.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), Ba = { class: "d-flex position-relative" }, Sa = { class: "d-flex w-100" }, al = /* @__PURE__ */ $({
+}), za = { class: "position-relative" }, Ta = { "data-cy": "above-table-slot" }, ja = { class: "d-flex" }, Ia = { class: "d-flex align-items-end mb-2" }, Pa = { key: 0 }, _a = { class: "ms-auto" }, ml = /* @__PURE__ */ S({
+  __name: "ForgeTreeTable",
+  props: {
+    stripedRows: { type: Boolean, default: !1 },
+    parentExpanderFullRow: { type: Boolean, default: !1 },
+    totalColumns: { default: 1 },
+    severity: {},
+    value: {},
+    legacyPaginationFooter: { type: Boolean, default: !1 },
+    showClearButton: { type: Boolean, default: !1 },
+    clearAll: {},
+    emptyMessage: {},
+    dataKey: {},
+    expandedKeys: {},
+    selectionKeys: {},
+    selectionMode: {},
+    metaKeySelection: { type: Boolean },
+    contextMenu: { type: Boolean },
+    contextMenuSelection: {},
+    rows: {},
+    first: {},
+    totalRecords: {},
+    paginator: { type: Boolean, default: !0 },
+    paginatorPosition: {},
+    alwaysShowPaginator: { type: Boolean, default: !0 },
+    paginatorTemplate: {},
+    pageLinkSize: {},
+    rowsPerPageOptions: {},
+    currentPageReportTemplate: {},
+    lazy: { type: Boolean },
+    loading: { type: Boolean },
+    loadingIcon: {},
+    loadingMode: {},
+    rowHover: { type: Boolean },
+    autoLayout: { type: Boolean },
+    sortField: {},
+    sortOrder: {},
+    defaultSortOrder: {},
+    multiSortMeta: {},
+    sortMode: {},
+    removableSort: { type: Boolean },
+    filters: {},
+    filterMode: {},
+    filterLocale: {},
+    resizableColumns: { type: Boolean },
+    columnResizeMode: {},
+    indentation: {},
+    showGridlines: { type: Boolean },
+    scrollable: { type: Boolean },
+    scrollHeight: {},
+    size: {},
+    tableStyle: {},
+    tableClass: {},
+    tableProps: {},
+    dt: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  emits: ["update:filters", "update:tableContext", "sort", "page"],
+  setup(e, { emit: t }) {
+    const a = e, i = t, l = P([5, 10, 20, 50, 100]), n = P(10), o = P(0), s = P(0), p = P({
+      filters: a.filters,
+      perPage: n.value,
+      page: 0,
+      sortDirection: "None",
+      sortField: "",
+      total: a.totalRecords ?? a.value.length
+    }), c = T(() => a.totalRecords ?? a.value.length), y = T(() => {
+      const f = Math.ceil(c.value / n.value);
+      return `${f} ${Q(f, "page")}`;
+    }), r = T(() => ({
+      root: "position-relative",
+      table: (f) => ({
+        class: [
+          "table position-relative",
+          {
+            "table-striped": f.attrs.stripedRows,
+            "table-hover": f.props.rowHover,
+            "table-bordered": f.props.showGridlines,
+            "table-sm": f.props.size === "small",
+            "table-lg": f.props.size === "large",
+            "opacity-50": f.props.loading
+          }
+        ]
+      }),
+      loadingIcon: () => ({
+        class: [
+          "spinner-border border-0",
+          {
+            "text-brand": a.severity === "brand",
+            "text-primary": a.severity === "primary",
+            "text-success": a.severity === "success",
+            "text-success-alternate": a.severity === "success-alternate",
+            "text-warning": a.severity === "warning",
+            "text-danger": a.severity === "danger",
+            "text-info": a.severity === "info"
+          }
+        ]
+      }),
+      row: ({ instance: f }) => [
+        {
+          "parent-node": f.node.hasOwnProperty("children")
+        }
+      ]
+    }));
+    le(() => a.parentExpanderFullRow, (f) => {
+      f ? $() : z();
+    });
+    const $ = () => {
+      a.parentExpanderFullRow && setTimeout(
+        () => {
+          const f = Array.from(
+            document.querySelectorAll(".parent-node td.expander-cell")
+          );
+          Array.from(
+            document.querySelectorAll(".parent-node td")
+          ).forEach((L) => {
+            L.classList.add("d-none");
+          }), f.forEach((L) => {
+            L.setAttribute("colspan", a.totalColumns.toString()), L.classList.remove("d-none");
+          });
+        },
+        0
+      );
+    }, z = () => {
+      setTimeout(
+        () => {
+          const f = Array.from(
+            document.querySelectorAll(".parent-node td.expander-cell")
+          ), V = Array.from(
+            document.querySelectorAll(".parent-node td")
+          );
+          f.forEach((L) => {
+            L.removeAttribute("colspan");
+          }), V.forEach((L) => {
+            L.classList.remove("d-none");
+          });
+        },
+        0
+      );
+    }, D = () => {
+      if (a.clearAll)
+        a.clearAll();
+      else
+        for (const f in a.filters)
+          typeof a.filters[f] == "string" ? a.filters[f] = "" : a.filters[f].value = null;
+      A(a.filters);
+    }, O = (f) => {
+      var V;
+      p.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((V = f.sortField) == null ? void 0 : V.toString()) ?? "", i("update:tableContext", p.value), i("sort", f), $();
+    }, A = (f) => {
+      p.value.filters = f, i("update:tableContext", p.value), i("update:filters", f), $();
+    }, x = (f) => {
+      p.value.page = s.value = f.page, _(), i("update:tableContext", p.value), i("page", f), $();
+    }, w = () => {
+      p.value.perPage = n.value, s.value = 0, p.value.page = s.value = Math.floor(o.value / n.value), _(), i("update:tableContext", p.value), $();
+    };
+    le(() => a.filters, (f) => {
+      p.value.filters = f, i("update:tableContext", p.value);
+    }, { deep: !0 }), ne(() => {
+      $(), i("update:tableContext", p.value);
+    });
+    const _ = () => {
+      o.value = s.value * n.value;
+    };
+    return (f, V) => (d(), v("div", za, [
+      m("span", Ta, [
+        k(f.$slots, "above-table")
+      ]),
+      h(u(Ge), j({
+        class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
+      }, { ...a, ...f.$attrs }, {
+        pt: r.value,
+        "filter-display": a.filters ? "row" : void 0,
+        rows: f.paginator ? n.value : void 0,
+        "data-cy": "tree-table",
+        "onUpdate:filters": A,
+        onSort: O,
+        onPage: x,
+        onNodeExpand: V[2] || (V[2] = () => $()),
+        showHeaders: "",
+        first: o.value
+      }), te({
+        header: g(() => [
+          m("div", {
+            class: F(a.loading ? "opacity-50" : "")
+          }, [
+            m("div", ja, [
+              m("div", Ia, [
+                f.paginator && !f.legacyPaginationFooter ? (d(), v("span", Pa, [
+                  h(he, {
+                    total: c.value,
+                    "page-sizes": l.value,
+                    "per-page": n.value,
+                    "onUpdate:perPage": [
+                      V[0] || (V[0] = (L) => n.value = L),
+                      w
+                    ]
+                  }, null, 8, ["total", "page-sizes", "per-page"])
+                ])) : C("", !0)
+              ]),
+              m("div", _a, [
+                f.showClearButton ? (d(), b(u(q), {
+                  key: 0,
+                  outlined: "",
+                  onClick: D,
+                  "data-cy": "clear-all"
+                }, {
+                  default: g(() => [
+                    h(u(I), {
+                      icon: "bi:funnel-fill",
+                      width: "24",
+                      height: "24"
+                    }),
+                    V[3] || (V[3] = M(" Clear "))
+                  ]),
+                  _: 1
+                })) : C("", !0),
+                k(f.$slots, "column-customiser")
+              ])
+            ])
+          ], 2)
+        ]),
+        default: g(() => [
+          k(f.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        U(f.$slots, (L, ve) => ({
+          name: ve,
+          fn: g(($e) => [
+            k(f.$slots, ve, W(G($e || {})))
+          ])
+        })),
+        f.legacyPaginationFooter ? {
+          name: "paginatorstart",
+          fn: g(() => [
+            m("span", {
+              class: F(["d-flex", a.loading ? "opacity-50" : ""]),
+              "data-cy": "legacy-page-size"
+            }, [
+              V[4] || (V[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
+              h(u(ae), {
+                options: l.value,
+                modelValue: n.value,
+                "onUpdate:modelValue": V[1] || (V[1] = (L) => n.value = L),
+                class: "ms-2",
+                onClick: w
+              }, null, 8, ["options", "modelValue"])
+            ], 2)
+          ]),
+          key: "0"
+        } : void 0,
+        f.legacyPaginationFooter ? {
+          name: "paginatorend",
+          fn: g(() => [
+            m("span", {
+              "data-cy": "legacy-total",
+              class: F(a.loading ? "opacity-50" : "")
+            }, B(c.value) + " " + B(u(Q)(c.value, "result")) + " across " + B(y.value), 3)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["class", "pt", "filter-display", "rows", "first"])
+    ]));
+  }
+}), Ma = { class: "d-flex position-relative" }, Va = { class: "d-flex w-100" }, vl = /* @__PURE__ */ S({
   __name: "ForgeFilterHeader",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     dataType: {},
     dropdownOptions: {},
     showClearButton: { type: Boolean, default: !1 },
@@ -3406,57 +3736,57 @@ const ua = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = (l, o) => {
+    const t = N(e, "modelValue"), a = (l, n) => {
       if (!l || Array.isArray(l) && l.length === 0)
-        return o;
-      const n = (s) => {
+        return n;
+      const o = (s) => {
         var c;
         const p = (c = e.dropdownOptions) == null ? void 0 : c.find(
-          (g) => e.optionValue ? g[e.optionValue] === s : Object.keys(g).every((d) => s.hasOwnProperty(d) && g[d] === s[d])
+          (y) => e.optionValue ? y[e.optionValue] === s : Object.keys(y).every((r) => s.hasOwnProperty(r) && y[r] === s[r])
         );
         return e.optionLabel ? p[e.optionLabel] : p;
       };
-      return Array.isArray(l) ? l.map(n).join(", ") : n(l);
+      return Array.isArray(l) ? l.map(o).join(", ") : o(l);
     }, i = () => {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
-    return (l, o) => {
-      const n = ue, s = A;
-      return r(), v("div", Ba, [
-        l.dataType === "numeric" ? (r(), f(n, z({
+    return (l, n) => {
+      const o = fe, s = q;
+      return d(), v("div", Ma, [
+        l.dataType === "numeric" ? (d(), b(o, j({
           key: 0,
           modelValue: t.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (p) => t.value = p),
+          "onUpdate:modelValue": n[0] || (n[0] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
-        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (r(), f(be, z({
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (d(), b(xe, j({
           key: 1,
           modelValue: t.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (p) => t.value = p)
+          "onUpdate:modelValue": n[1] || (n[1] = (p) => t.value = p)
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (r(), f(u(ae), z({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), b(u(ae), j({
           key: 2,
           modelValue: t.value,
-          "onUpdate:modelValue": o[2] || (o[2] = (p) => t.value = p)
+          "onUpdate:modelValue": n[2] || (n[2] = (p) => t.value = p)
         }, l.$attrs, {
           options: l.dropdownOptions,
           "option-value": l.optionValue,
           "option-label": l.optionLabel
         }), {
-          value: b(({ value: p, placeholder: c }) => [
-            m("div", Sa, [
+          value: g(({ value: p, placeholder: c }) => [
+            m("div", Va, [
               m("span", {
-                class: B({ "filter-placeholder": p === null })
-              }, w(a(p, c)), 3),
-              l.showClearButton && t.value !== null ? (r(), f(s, {
+                class: F({ "filter-placeholder": p === null })
+              }, B(a(p, c)), 3),
+              l.showClearButton && t.value !== null ? (d(), b(s, {
                 key: 0,
-                onClick: K(i, ["prevent"]),
+                onClick: X(i, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
-                default: b(() => [
-                  h(u(j), {
+                default: g(() => [
+                  h(u(I), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -3464,34 +3794,34 @@ const ua = {
                   })
                 ]),
                 _: 1
-              })) : S("", !0)
+              })) : C("", !0)
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (r(), f(u(ne), z({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), b(u(re), j({
           key: 3,
           modelValue: t.value,
-          "onUpdate:modelValue": o[3] || (o[3] = (p) => t.value = p)
+          "onUpdate:modelValue": n[3] || (n[3] = (p) => t.value = p)
         }, l.$attrs, {
           options: l.dropdownOptions,
           showToggleAll: !1,
           "option-label": l.optionLabel,
           "option-value": l.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (r(), f(u(oe), z({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), b(u(se), j({
           key: 4,
           modelValue: t.value,
-          "onUpdate:modelValue": o[4] || (o[4] = (p) => t.value = p),
+          "onUpdate:modelValue": n[4] || (n[4] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
         }, l.$attrs), null, 16, ["modelValue"])),
-        l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (r(), f(s, {
+        l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (d(), b(s, {
           key: 5,
-          onClick: K(i, ["prevent"]),
+          onClick: X(i, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
-          default: b(() => [
-            h(u(j), {
+          default: g(() => [
+            h(u(I), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -3499,11 +3829,11 @@ const ua = {
             })
           ]),
           _: 1
-        })) : S("", !0)
+        })) : C("", !0)
       ]);
     };
   }
-}), re = {
+}), ce = {
   "application/prs.cww": ["cww"],
   "application/prs.xsf+xml": ["xsf"],
   "application/vnd.1000minds.decision-model+xml": ["1km"],
@@ -4202,8 +4532,8 @@ const ua = {
   "video/x-smv": ["smv"],
   "x-conference/x-cooltalk": ["ice"]
 };
-Object.freeze(re);
-const de = {
+Object.freeze(ce);
+const ue = {
   "application/andrew-inset": ["ez"],
   "application/appinstaller": ["appinstaller"],
   "application/applixware": ["aw"],
@@ -4555,31 +4885,31 @@ const de = {
   "video/quicktime": ["qt", "mov"],
   "video/webm": ["webm"]
 };
-Object.freeze(de);
-var E = function(e, t, a, i) {
+Object.freeze(ue);
+var H = function(e, t, a, i) {
   if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
   if (typeof t == "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return a === "m" ? i : a === "a" ? i.call(e) : i ? i.value : t.get(e);
-}, G, Z, R;
-class ye {
+}, K, ee, Y;
+class we {
   constructor(...t) {
-    G.set(this, /* @__PURE__ */ new Map()), Z.set(this, /* @__PURE__ */ new Map()), R.set(this, /* @__PURE__ */ new Map());
+    K.set(this, /* @__PURE__ */ new Map()), ee.set(this, /* @__PURE__ */ new Map()), Y.set(this, /* @__PURE__ */ new Map());
     for (const a of t)
       this.define(a);
   }
   define(t, a = !1) {
     for (let [i, l] of Object.entries(t)) {
-      i = i.toLowerCase(), l = l.map((s) => s.toLowerCase()), E(this, R, "f").has(i) || E(this, R, "f").set(i, /* @__PURE__ */ new Set());
-      const o = E(this, R, "f").get(i);
-      let n = !0;
+      i = i.toLowerCase(), l = l.map((s) => s.toLowerCase()), H(this, Y, "f").has(i) || H(this, Y, "f").set(i, /* @__PURE__ */ new Set());
+      const n = H(this, Y, "f").get(i);
+      let o = !0;
       for (let s of l) {
         const p = s.startsWith("*");
-        if (s = p ? s.slice(1) : s, o == null || o.add(s), n && E(this, Z, "f").set(i, s), n = !1, p)
+        if (s = p ? s.slice(1) : s, n == null || n.add(s), o && H(this, ee, "f").set(i, s), o = !1, p)
           continue;
-        const c = E(this, G, "f").get(s);
+        const c = H(this, K, "f").get(s);
         if (c && c != i && !a)
           throw new Error(`"${i} -> ${s}" conflicts with "${c} -> ${s}". Pass \`force=true\` to override this definition.`);
-        E(this, G, "f").set(s, i);
+        H(this, K, "f").set(s, i);
       }
     }
     return this;
@@ -4588,48 +4918,48 @@ class ye {
     if (typeof t != "string")
       return null;
     const a = t.replace(/^.*[/\\]/, "").toLowerCase(), i = a.replace(/^.*\./, "").toLowerCase(), l = a.length < t.length;
-    return !(i.length < a.length - 1) && l ? null : E(this, G, "f").get(i) ?? null;
+    return !(i.length < a.length - 1) && l ? null : H(this, K, "f").get(i) ?? null;
   }
   getExtension(t) {
     var a;
-    return typeof t != "string" ? null : (t = (a = t == null ? void 0 : t.split) == null ? void 0 : a.call(t, ";")[0], (t && E(this, Z, "f").get(t.trim().toLowerCase())) ?? null);
+    return typeof t != "string" ? null : (t = (a = t == null ? void 0 : t.split) == null ? void 0 : a.call(t, ";")[0], (t && H(this, ee, "f").get(t.trim().toLowerCase())) ?? null);
   }
   getAllExtensions(t) {
-    return typeof t != "string" ? null : E(this, R, "f").get(t.toLowerCase()) ?? null;
+    return typeof t != "string" ? null : H(this, Y, "f").get(t.toLowerCase()) ?? null;
   }
   _freeze() {
     this.define = () => {
       throw new Error("define() not allowed for built-in Mime objects. See https://github.com/broofa/mime/blob/main/README.md#custom-mime-instances");
     }, Object.freeze(this);
-    for (const t of E(this, R, "f").values())
+    for (const t of H(this, Y, "f").values())
       Object.freeze(t);
     return this;
   }
   _getTestState() {
     return {
-      types: E(this, G, "f"),
-      extensions: E(this, Z, "f")
+      types: H(this, K, "f"),
+      extensions: H(this, ee, "f")
     };
   }
 }
-G = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
-const Ca = new ye(de, re)._freeze();
-function xe(e, t, a, i) {
-  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 n = l.findIndex((p) => p.name === o.name);
+K = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
+const Da = new we(ue, ce)._freeze();
+function ke(e, t, a, i) {
+  const l = t.flatMap((n) => n.file);
+  return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
+    const o = l.findIndex((p) => p.name === n.name);
     let s = "Not Uploaded";
-    n === -1 ? ((!a.includes(o.type) || !(o.size <= i)) && (s = a.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
-      file: o,
+    o === -1 ? ((!a.includes(n.type) || !(n.size <= i)) && (s = a.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+      file: n,
       status: s,
       blobFileName: null
-    })) : t[n].status = "Duplicate";
+    })) : t[o].status = "Duplicate";
   }), t;
 }
-async function za(e, t) {
+async function Oa(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
-      await new me(t).delete();
+      await new ge(t).delete();
     } catch (a) {
       if (a !== "BlobNotFound") {
         e = "DeleteFileFailed";
@@ -4637,34 +4967,34 @@ async function za(e, t) {
       }
     }
 }
-function pe(e, t = !0, a = 1) {
+function me(e, t = !0, a = 1) {
   const i = t ? 1e3 : 1024;
   if (Math.abs(e) < i)
     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 n = 10 ** a;
+  let n = -1;
+  const o = 10 ** a;
   do
-    e /= i, ++o;
-  while (Math.round(Math.abs(e) * n) / n >= i && o < l.length - 1);
-  return e.toFixed(a) + " " + l[o];
+    e /= i, ++n;
+  while (Math.round(Math.abs(e) * o) / o >= i && n < l.length - 1);
+  return e.toFixed(a) + " " + l[n];
 }
-function Ta(e) {
+function Na(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function ja(e) {
+function Aa(e) {
   return URL.createObjectURL(e);
 }
-function Ia() {
-  const e = new ye(de, re);
+function Ea() {
+  const e = new we(ue, ce);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disabled", "multiple"], Va = {
+const Ua = { class: "d-flex justify-content-between" }, qa = ["accept", "disabled", "multiple"], La = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, Ma = /* @__PURE__ */ $({
+}, Ra = /* @__PURE__ */ S({
   __name: "UploadButton",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
     maxFileInput: {},
     showDragDropArea: { type: Boolean }
@@ -4674,73 +5004,73 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = _(), i = (n) => a.value.toggle(n), l = T(() => e.maxFileInput <= t.value.length), o = (n) => {
-      t.value = xe(n, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
+    const t = N(e, "modelValue"), a = P(), i = (o) => a.value.toggle(o), l = T(() => e.maxFileInput <= t.value.length), n = (o) => {
+      t.value = ke(o, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
     };
-    return (n, s) => {
-      const p = A;
-      return r(), v("div", _a, [
-        k(n.$slots, "message"),
+    return (o, s) => {
+      const p = q;
+      return d(), v("div", Ua, [
+        k(o.$slots, "message"),
         m("div", null, [
           m("input", {
             id: "file-input",
             type: "file",
             class: "d-none",
-            accept: n.acceptedFileTypes.join(", "),
+            accept: o.acceptedFileTypes.join(", "),
             disabled: l.value,
-            multiple: n.maxFileInput > 1,
-            onInput: s[0] || (s[0] = (c) => o([...c.target.files]))
-          }, null, 40, Pa),
+            multiple: o.maxFileInput > 1,
+            onInput: s[0] || (s[0] = (c) => n([...c.target.files]))
+          }, null, 40, qa),
           m("label", {
-            class: B([{ disabled: l.value }, "btn btn-primary"]),
+            class: F([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
-            k(n.$slots, "button-content", {}, () => [
-              h(u(j), {
+            k(o.$slots, "button-content", {}, () => [
+              h(u(I), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
                 width: "20px"
               }),
-              s[1] || (s[1] = I(" Browse your computer "))
+              s[1] || (s[1] = M(" Browse your computer "))
             ])
           ], 2)
         ]),
-        n.showDragDropArea ? (r(), f(p, {
+        o.showDragDropArea ? (d(), b(p, {
           link: "",
           class: "ms-auto",
-          key: n.acceptedFileTypes.length,
+          key: o.acceptedFileTypes.length,
           id: "accepted-file-types",
           onClick: i
         }, {
-          default: b(() => s[2] || (s[2] = [
-            I("Accepted File Types")
+          default: g(() => s[2] || (s[2] = [
+            M("Accepted File Types")
           ])),
           _: 1
-        })) : S("", !0),
-        h(u(ve), {
+        })) : C("", !0),
+        h(u(be), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
-          default: b(() => [
-            m("div", Va, w(n.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
+          default: g(() => [
+            m("div", La, B(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), Da = {
+}), Ha = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, Oa = {
+}, Wa = {
   key: 1,
   class: "d-flex flex-column"
-}, Na = /* @__PURE__ */ $({
+}, Ga = /* @__PURE__ */ S({
   __name: "DragDropArea",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     maxFileInput: {},
     maxFileSize: {},
     acceptedFileTypes: {}
@@ -4750,30 +5080,30 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = _(!1), i = T(() => e.maxFileInput <= t.value.length), l = (o) => {
-      a.value = !1, o.dataTransfer.files.length > e.maxFileInput || i.value ? o.preventDefault() : t.value = xe([...o.dataTransfer.files], t.value, e.acceptedFileTypes.map((n) => n.fileType), e.maxFileSize);
+    const t = N(e, "modelValue"), a = P(!1), i = T(() => e.maxFileInput <= t.value.length), l = (n) => {
+      a.value = !1, n.dataTransfer.files.length > e.maxFileInput || i.value ? n.preventDefault() : t.value = ke([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((o) => o.fileType), e.maxFileSize);
     };
-    return (o, n) => (r(), v("div", {
+    return (n, o) => (d(), v("div", {
       id: "drag-drop-area",
-      class: B(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: n[0] || (n[0] = K((s) => a.value = !1, ["prevent"])),
-      onDragover: n[1] || (n[1] = K((s) => a.value = !0, ["prevent"])),
-      onDrop: K(l, ["prevent"])
+      class: F(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      onDragleave: o[0] || (o[0] = X((s) => a.value = !1, ["prevent"])),
+      onDragover: o[1] || (o[1] = X((s) => a.value = !0, ["prevent"])),
+      onDrop: X(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (r(), v("div", Da, [
-        h(u(j), {
+      t.value.length === 0 ? (d(), v("div", Ha, [
+        h(u(I), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        n[2] || (n[2] = I(" Drag and drop files here "))
-      ])) : (r(), v("div", Oa, [
-        k(o.$slots, "default")
+        o[2] || (o[2] = M(" Drag and drop files here "))
+      ])) : (d(), v("div", Wa, [
+        k(n.$slots, "default")
       ]))
     ], 34));
   }
-}), Ua = { class: "d-flex align-items-center me-2" }, Aa = /* @__PURE__ */ $({
+}), Ya = { class: "d-flex align-items-center me-2" }, Ja = /* @__PURE__ */ S({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -4782,12 +5112,12 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = T(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), a = T(() => {
-      switch (e.uploadStatus) {
+    const t = e, a = T(() => t.uploadStatus === "Failed" || t.uploadStatus === "InvalidFileType" || t.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), i = T(() => {
+      switch (t.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
         case "InvalidFileSize":
-          return `Upload Failed: File size exceeds the ${pe(e.maxFileSize)} limit.`;
+          return `Upload Failed: File size exceeds the ${me(t.maxFileSize)} limit.`;
         case "Aborted":
           return "Upload Failed: User cancelled.";
         case "DeleteFileFailed":
@@ -4798,43 +5128,36 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (i, l) => (r(), v("div", Ua, [
-      i.uploadStatus === "Uploading" ? (r(), f(la, {
-        key: 0,
-        pixelWidth: 200,
-        animate: "",
-        striped: ""
-      }, {
-        default: b(() => [
-          I(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
-        ]),
-        _: 1
-      })) : S("", !0),
-      i.uploadStatus !== "Uploading" && i.uploadStatus !== "Not Uploaded" && i.uploadStatus !== "Uploaded" && i.uploadStatus !== "Preparing" ? (r(), f(se, {
-        key: 1,
-        id: "upload-status-alert",
-        severity: t.value,
-        class: "mb-0 w-75 ms-auto"
-      }, {
-        default: b(() => [
-          I(w(a.value), 1)
-        ]),
-        _: 1
-      }, 8, ["severity"])) : S("", !0)
-    ]));
+    return (l, n) => {
+      const o = pe;
+      return d(), v("div", Ya, [
+        t.uploadStatus === "Uploading" ? (d(), b(o, { key: 0 })) : C("", !0),
+        t.uploadStatus !== "Uploading" && t.uploadStatus !== "Not Uploaded" && t.uploadStatus !== "Uploaded" && t.uploadStatus !== "Preparing" ? (d(), b(de, {
+          key: 1,
+          id: "upload-status-alert",
+          severity: a.value,
+          class: "mb-0 w-75 ms-auto"
+        }, {
+          default: g(() => [
+            M(B(i.value), 1)
+          ]),
+          _: 1
+        }, 8, ["severity"])) : C("", !0)
+      ]);
+    };
   }
-}), qa = ["data-cy"], Ea = { class: "ms-3 d-flex flex-column" }, La = {
+}), Ka = ["data-cy"], Za = { class: "ms-3 d-flex flex-column" }, Xa = {
   key: 1,
   id: "file-name"
-}, Ra = {
+}, Qa = {
   class: "text-black-50",
   id: "file-type"
-}, Ha = {
+}, ei = {
   class: "text-black-50",
   id: "file-size"
-}, Wa = { class: "ms-auto my-auto d-flex" }, Ya = /* @__PURE__ */ $({
+}, ti = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, ai = /* @__PURE__ */ S({
   __name: "FileInfo",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     editableFileName: { type: Boolean },
     acceptedFileTypes: {},
     maxFileSize: {},
@@ -4849,64 +5172,64 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
     uploadStatus: { required: !0 },
     uploadStatusModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  emits: /* @__PURE__ */ R(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), o = t, n = _(a.value.name), s = _(""), p = _(0), c = _(), g = T(() => e.acceptedFileTypes.some(({ fileType: y }) => y === a.value.type)), d = T(() => a.value.size <= e.maxFileSize), F = T(() => a.value.type ? a.value.type : Ia().getType(a.value.name)), C = () => {
-      n.value != null && (V(), a.value = new File([a.value], n.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
-    }, V = () => {
-      let y = n.value.split("."), x = Ca.getExtension(F.value), P = n.value.split(".").pop();
-      y.length === 1 ? P && P.length > 0 && (n.value = [n.value, x].join(".")) : y.length > 1 && P !== x && (n.value = n.value.replace(P, x));
-    }, M = async () => {
-      if (!g.value || !d.value) {
-        l.value = g.value ? "InvalidFileSize" : "InvalidFileType";
+    const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), n = t, o = P(a.value.name), s = P(""), p = P(0), c = P(), y = T(() => e.acceptedFileTypes.some(({ fileType: x }) => x === a.value.type)), r = T(() => a.value.size <= e.maxFileSize), $ = T(() => a.value.type ? a.value.type : Ea().getType(a.value.name)), z = () => {
+      o.value != null && (D(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
+    }, D = () => {
+      let x = o.value.split("."), w = Da.getExtension($.value), _ = o.value.split(".").pop();
+      x.length === 1 ? _ && _.length > 0 && (o.value = [o.value, w].join(".")) : x.length > 1 && _ !== w && (o.value = o.value.replace(_, w));
+    }, O = async () => {
+      if (!y.value || !r.value) {
+        l.value = y.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
       l.value = "Preparing", c.value = new AbortController();
-      const [y, x] = await e.getFileUrlAction(a.value.name);
-      if (!y) {
+      const [x, w] = await e.getFileUrlAction(a.value.name);
+      if (!x) {
         l.value = "Failed";
         return;
       }
       try {
         l.value = "Uploading";
-        const P = new me(y), L = {
+        const _ = new ge(x), f = {
           abortSignal: c.value.signal,
-          onProgress: (ie) => p.value = ie.loadedBytes,
+          onProgress: (V) => p.value = V.loadedBytes,
           blobHTTPHeaders: {
-            blobContentType: F.value,
+            blobContentType: $.value,
             blobContentDisposition: `attachment; filename="${a.value.name}"`
           },
           tags: { temp: "true" }
         };
-        await P.uploadData(a.value, L), s.value = y, l.value = "Uploaded", i.value = x;
-      } catch (P) {
-        if (P.name === "AbortError") {
+        await _.uploadData(a.value, f), s.value = x, l.value = "Uploaded", i.value = w;
+      } catch (_) {
+        if (_.name === "AbortError") {
           l.value = "Aborted";
           return;
         }
         l.value = "Failed";
       }
-    }, q = async () => {
-      await za(l.value, s.value), o("deleted", a.value);
+    }, A = async () => {
+      await Oa(l.value, s.value), n("deleted", a.value);
     };
-    return le(() => {
-      e.autoUploadToBlob && M();
-    }), (y, x) => {
-      const P = A;
-      return r(), v("div", {
+    return ne(() => {
+      e.autoUploadToBlob && l.value != "Uploaded" && O();
+    }), (x, w) => {
+      const _ = q;
+      return d(), v("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          u(Ta)(a.value.type) ? (r(), f(u(Le), {
+          u(Na)(a.value.type) ? (d(), b(u(Ye), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: u(ja)(a.value),
+            src: u(Aa)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (r(), f(u(j), {
+          }, null, 8, ["src", "alt"])) : (d(), b(u(I), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -4914,80 +5237,80 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", Ea, [
+        m("div", Za, [
           m("div", null, [
-            y.editableFileName ? (r(), f(At, {
+            x.editableFileName ? (d(), b(Ht, {
               key: 0,
               id: "edit-file-name",
-              modelValue: n.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (L) => n.value = L),
-              rules: y.customFileNameRules,
+              modelValue: o.value,
+              "onUpdate:modelValue": w[0] || (w[0] = (f) => o.value = f),
+              rules: x.customFileNameRules,
               name: a.value.name,
-              "complete-action": C
-            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", La, w(n.value), 1))
+              "complete-action": z
+            }, null, 8, ["modelValue", "rules", "name"])) : (d(), v("span", Xa, B(o.value), 1))
           ]),
-          m("span", Ra, "File type: " + w(a.value.type.split("/").pop()), 1),
-          m("span", Ha, "File size: " + w(u(pe)(a.value.size)), 1)
+          m("span", Qa, "File type: " + B(a.value.type.split("/").pop()), 1),
+          m("span", ei, "File size: " + B(u(me)(a.value.size)), 1)
         ]),
-        m("div", Wa, [
-          (r(), f(Aa, {
+        m("div", ti, [
+          (d(), b(Ja, {
             key: l.value,
             "file-size": a.value.size,
             "upload-status": l.value,
             "bytes-uploaded": p.value,
-            "max-file-size": y.maxFileSize
+            "max-file-size": x.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" ? (r(), f(P, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (d(), b(_, {
             key: 0,
             link: "",
-            onClick: M
+            onClick: O
           }, {
-            default: b(() => [
-              h(u(j), {
+            default: g(() => [
+              h(u(I), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : S("", !0),
-          l.value === "Uploading" ? (r(), f(P, {
+          })) : C("", !0),
+          l.value === "Uploading" ? (d(), b(_, {
             key: 1,
             link: "",
-            onClick: x[1] || (x[1] = (L) => c.value.value.abort())
+            onClick: w[1] || (w[1] = (f) => c.value.abort())
           }, {
-            default: b(() => [
-              h(u(j), { icon: "bi:x-circle-fill" })
+            default: g(() => [
+              h(u(I), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (r(), f(P, {
+          })) : (d(), b(_, {
             key: 2,
             link: "",
-            onClick: q,
+            onClick: A,
             id: "delete-button"
           }, {
-            default: b(() => [
-              h(u(j), { icon: "bi:trash" })
+            default: g(() => [
+              h(u(I), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, qa);
+      ], 8, Ka);
     };
   }
-}), Ga = { class: "d-flex justify-content-end mt-1 gap-1" }, Ja = { id: "max-file-size" }, Ka = { id: "max-file-input" }, Za = /* @__PURE__ */ $({
+}), ii = { class: "d-flex justify-content-end mt-1 gap-1" }, li = { id: "max-file-size" }, ni = { id: "max-file-input" }, oi = /* @__PURE__ */ S({
   __name: "FileInputInfo",
   props: {
     maxFileSize: {},
     maxFileInput: {}
   },
   setup(e) {
-    return (t, a) => (r(), v("div", Ga, [
-      m("div", Ja, "Max file size: " + w(u(pe)(t.maxFileSize)), 1),
-      m("div", Ka, "| Max file count: " + w(t.maxFileInput), 1)
+    return (t, a) => (d(), v("div", ii, [
+      m("div", li, "Max file size: " + B(u(me)(t.maxFileSize)), 1),
+      m("div", ni, "| Max file count: " + B(t.maxFileInput), 1)
     ]));
   }
-}), Xa = { "data-cy": "file-uploader" }, Qa = { key: 0 }, il = /* @__PURE__ */ $({
+}), si = { "data-cy": "file-uploader" }, ri = { key: 0 }, fl = /* @__PURE__ */ S({
   __name: "ForgeFileUploader",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: {},
@@ -5002,26 +5325,26 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = e, i = (l) => {
-      t.value = t.value.filter((o) => o.file != l);
+    const t = N(e, "modelValue"), a = e, i = (l) => {
+      t.value = t.value.filter((n) => n.file != l);
     };
-    return (l, o) => (r(), v("div", Xa, [
-      h(Ma, z(a, {
+    return (l, n) => (d(), v("div", si, [
+      h(Ra, j(a, {
         modelValue: t.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (n) => t.value = n)
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (r(), v("div", Qa, [
-        h(Na, {
+      l.showDragDropArea ? (d(), v("div", ri, [
+        h(Ga, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (n) => t.value = n)
+          "onUpdate:modelValue": n[1] || (n[1] = (o) => t.value = o)
         }, {
-          default: b(() => [
-            (r(!0), v(O, null, N(t.value, ({ file: n }, s) => (r(), v("span", null, [
-              (r(), f(Ya, z({
-                key: n.name,
+          default: g(() => [
+            (d(!0), v(E, null, U(t.value, ({ file: o }, s) => (d(), v("div", null, [
+              (d(), b(ai, j({
+                key: o.name,
                 class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[s].file,
                 "onUpdate:file": (p) => t.value[s].file = p,
@@ -5035,14 +5358,14 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        h(Za, {
+        h(oi, {
           "max-file-size": a.maxFileSize,
           "max-file-input": l.maxFileInput
         }, null, 8, ["max-file-size", "max-file-input"])
-      ])) : S("", !0)
+      ])) : C("", !0)
     ]));
   }
-}), ei = { class: "d-flex" }, ti = { class: "me-3" }, ai = { class: "ms-2" }, ii = { class: "d-flex flex-column w-100" }, ll = /* @__PURE__ */ $({
+}), di = { class: "d-flex" }, pi = { class: "me-3" }, ci = { class: "ms-2" }, ui = { class: "d-flex flex-column w-100" }, gl = /* @__PURE__ */ S({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -5050,22 +5373,22 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = _(), i = _(!1), l = (o) => {
-      a.value.toggle(o);
+    const t = N(e, "modelValue"), a = P(), i = P(!1), l = (n) => {
+      a.value.toggle(n);
     };
-    return (o, n) => (r(), v(O, null, [
-      h(u(A), {
+    return (n, o) => (d(), v(E, null, [
+      h(u(q), {
         onClick: l,
         class: "ms-2"
       }, {
-        default: b(() => [
-          m("div", ei, [
-            m("div", ti, [
-              h(u(j), { icon: "bi:layout-three-columns" })
+        default: g(() => [
+          m("div", di, [
+            m("div", pi, [
+              h(u(I), { icon: "bi:layout-three-columns" })
             ]),
-            I(" Columns (" + w(t.value.filter((s) => s.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
-            m("div", ai, [
-              h(u(j), {
+            M(" Columns (" + B(t.value.filter((s) => s.selected).length ?? 0) + "/" + B(t.value.length ?? 0) + ") ", 1),
+            m("div", ci, [
+              h(u(I), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5073,24 +5396,24 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         ]),
         _: 1
       }),
-      h(u(ve), {
+      h(u(be), {
         ref_key: "columnCustomiserPanel",
         ref: a,
         class: "column-customiser",
-        onHide: n[0] || (n[0] = () => i.value = !1),
-        onShow: n[1] || (n[1] = () => i.value = !0)
+        onHide: o[0] || (o[0] = () => i.value = !1),
+        onShow: o[1] || (o[1] = () => i.value = !0)
       }, {
-        default: b(() => [
-          m("div", ii, [
-            (r(!0), v(O, null, N(t.value, (s, p) => (r(), v("div", {
-              class: B(["d-flex cursor-pointer", {
+        default: g(() => [
+          m("div", ui, [
+            (d(!0), v(E, null, U(t.value, (s, p) => (d(), v("div", {
+              class: F(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
                 "py-1": p !== 0 && t.value.length - 1 !== p,
                 "pt-1": t.value.length - 1 === p,
                 "pb-1": p === 0
               }])
             }, [
-              h(fe, {
+              h(ye, {
                 id: s.field,
                 modelValue: s.selected,
                 "onUpdate:modelValue": (c) => s.selected = c,
@@ -5105,19 +5428,19 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), ol = /* @__PURE__ */ $({
+}), bl = /* @__PURE__ */ S({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
-      const i = Re;
-      return r(), f(i, W(Y({ ...t.$attrs })), ee({
-        toggleicon: b(({ collapsed: l }) => [
-          l ? (r(), f(u(j), {
+      const i = Je;
+      return d(), b(i, W(G({ ...t.$attrs })), te({
+        toggleicon: g(({ collapsed: l }) => [
+          l ? (d(), b(u(I), {
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
-          })) : S("", !0),
-          l ? S("", !0) : (r(), f(u(j), {
+          })) : C("", !0),
+          l ? C("", !0) : (d(), b(u(I), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
@@ -5125,16 +5448,16 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         ]),
         _: 2
       }, [
-        N(t.$slots, (l, o) => ({
-          name: o,
-          fn: b((n) => [
-            k(t.$slots, o, W(Y(n)))
+        U(t.$slots, (l, n) => ({
+          name: n,
+          fn: g((o) => [
+            k(t.$slots, n, W(G(o)))
           ])
         }))
       ]), 1040);
     };
   }
-}), li = /* @__PURE__ */ $({
+}), mi = /* @__PURE__ */ S({
   __name: "ForgeToggleButton",
   props: {
     severity: { default: "primary" }
@@ -5161,17 +5484,17 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         ]
       })
     }));
-    return (i, l) => (r(), f(u(He), z({ ...i.$attrs, ...t }, {
+    return (i, l) => (d(), b(u(Ke), j({ ...i.$attrs, ...t }, {
       severity: t.severity,
       pt: a.value
     }), null, 16, ["severity", "pt"]));
   }
-}), oi = {
+}), vi = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, nl = /* @__PURE__ */ $({
+}, yl = /* @__PURE__ */ S({
   __name: "ForgeSelectButton",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ R({
     options: {},
     multiple: { type: Boolean, default: !0 },
     allowEmpty: { type: Boolean, default: !1 },
@@ -5182,25 +5505,25 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), i = (o) => {
-      var n;
-      return t.multiple ? (n = a == null ? void 0 : a.value) == null ? void 0 : n.includes(o.value) : a.value === o.value;
-    }, l = (o) => {
-      var n;
-      if (!o.disabled)
+    const t = e, a = N(e, "modelValue"), i = (n) => {
+      var o;
+      return t.multiple ? (o = a == null ? void 0 : a.value) == null ? void 0 : o.includes(n.value) : a.value === n.value;
+    }, l = (n) => {
+      var o;
+      if (!n.disabled)
         if (t.multiple) {
-          let s = (n = a.value) != null && n.length ? [...a.value] : [];
-          if (s.length >= 1 && s.includes(o.value)) {
+          let s = (o = a.value) != null && o.length ? [...a.value] : [];
+          if (s.length >= 1 && s.includes(n.value)) {
             if (!t.allowEmpty && s.length === 1) return;
-            s = s.length > 1 ? s.filter((c) => c !== o.value) : [];
+            s = s.length > 1 ? s.filter((c) => c !== n.value) : [];
           } else
-            s.push(o.value);
+            s.push(n.value);
           a.value = s;
         } else
-          a.value = a.value === o.value && t.allowEmpty ? null : o.value;
+          a.value = a.value === n.value && t.allowEmpty ? null : n.value;
     };
-    return (o, n) => (r(), v("div", oi, [
-      (r(!0), v(O, null, N(o.options, (s, p) => (r(), f(li, {
+    return (n, o) => (d(), v("div", vi, [
+      (d(!0), v(E, null, U(n.options, (s, p) => (d(), b(mi, {
         key: p,
         onLabel: s.label,
         offLabel: s.label,
@@ -5209,11 +5532,11 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         defaultValue: i(s),
         disabled: s.disabled,
         "data-cy": `toggle-button-${s.value}`,
-        invalid: o.invalid
+        invalid: n.invalid
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
-}), sl = () => ({
+}), xl = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5224,37 +5547,38 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }
 });
 export {
-  Ni as Bootstrap_PT,
-  Ui as ForgeActionButton,
-  se as ForgeAlert,
-  Ai as ForgeAutoComplete,
-  fe as ForgeCheckbox,
-  Ki as ForgeChip,
-  ll as ForgeColumnCustomiser,
-  be as ForgeDatepicker,
-  il as ForgeFileUploader,
-  al as ForgeFilterHeader,
-  Gi as ForgeForm,
-  Ji as ForgeFormField,
-  At as ForgeInlineEditor,
-  qi as ForgeLink,
-  ge as ForgeLoader,
-  Ri as ForgeModal,
-  Wt as ForgeMultiSelectPreview,
-  Hi as ForgeNavbar,
-  Wi as ForgePageHeader,
-  ol as ForgePanel,
-  la as ForgeProgressBar,
-  Yi as ForgeRemainingCharacters,
-  sl as ForgeResolver,
-  Zi as ForgeScratchpad,
-  nl as ForgeSelectButton,
-  Xi as ForgeStatWidget,
-  Qi as ForgeStepper,
-  tl as ForgeTable,
-  el as ForgeTile,
-  li as ForgeToggleButton,
-  Li as convertToMultiSelectOption,
-  Ei as enumToMultiSelectList,
-  It as parseError
+  Yi as Bootstrap_PT,
+  Ji as ForgeActionButton,
+  de as ForgeAlert,
+  Ki as ForgeAutoComplete,
+  ye as ForgeCheckbox,
+  ol as ForgeChip,
+  gl as ForgeColumnCustomiser,
+  xe as ForgeDatepicker,
+  fl as ForgeFileUploader,
+  vl as ForgeFilterHeader,
+  ll as ForgeForm,
+  nl as ForgeFormField,
+  Ht as ForgeInlineEditor,
+  Zi as ForgeLink,
+  pe as ForgeLoader,
+  el as ForgeModal,
+  Zt as ForgeMultiSelectPreview,
+  tl as ForgeNavbar,
+  al as ForgePageHeader,
+  bl as ForgePanel,
+  sl as ForgeProgressBar,
+  il as ForgeRemainingCharacters,
+  xl as ForgeResolver,
+  rl as ForgeScratchpad,
+  yl as ForgeSelectButton,
+  dl as ForgeStatWidget,
+  pl as ForgeStepper,
+  ul as ForgeTable,
+  cl as ForgeTile,
+  mi as ForgeToggleButton,
+  ml as ForgeTreeTable,
+  Qi as convertToMultiSelectOption,
+  Xi as enumToMultiSelectList,
+  Dt as parseError
 };