@3squared/forge-ui-3 2.0.0 → 2.2.0

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

@@ -1,34 +1,34 @@
 import he from "primevue/message";
-import { defineComponent as B, openBlock as s, createBlock as g, normalizeProps as X, guardReactiveProps as Q, withCtx as b, createElementVNode as m, normalizeClass as $, unref as c, createCommentVNode as j, createVNode as x, renderSlot as k, ref as _, createElementBlock as v, Fragment as O, mergeProps as F, renderList as U, mergeModels as q, useModel as I, computed as z, createTextVNode as P, toDisplayString as w, withDirectives as R, vShow as W, createSlots as ie, onMounted as ee, isRef as we, withKeys as Z, normalizeStyle as ke, withModifiers as G, watch as de } from "vue";
-import { Icon as T } from "@iconify/vue";
-import A from "primevue/button";
-import $e from "primevue/toast";
+import { defineComponent as S, openBlock as d, createBlock as g, normalizeProps as X, guardReactiveProps as Q, withCtx as f, createElementVNode as u, normalizeClass as B, unref as c, createCommentVNode as z, createVNode as y, renderSlot as k, ref as P, createElementBlock as v, Fragment as O, mergeProps as F, renderList as A, mergeModels as q, useModel as D, computed as C, createTextVNode as _, toDisplayString as w, withDirectives as R, vShow as W, createSlots as ae, onMounted as ie, isRef as we, withKeys as K, normalizeStyle as ke, withModifiers as Y, watch as pe, h as $e, useTemplateRef as Be } from "vue";
+import { Icon as j } from "@iconify/vue";
+import N from "primevue/button";
+import Se from "primevue/toast";
 import Fe from "primevue/autocomplete";
-import ce from "primevue/checkbox";
-import { useField as ae } from "vee-validate";
-import Be from "primevue/progressspinner";
-import ze from "primevue/dialog";
+import ze from "primevue/checkbox";
+import { useField as ee } from "vee-validate";
+import Ce from "primevue/progressspinner";
+import Te from "primevue/dialog";
 import le from "primevue/inputtext";
 import { vOnClickOutside as je } from "@vueuse/components";
-import Ce from "primevue/menubar";
+import Ie from "primevue/menubar";
 import oe from "primevue/multiselect";
-import Te from "primevue/datepicker";
+import Pe from "primevue/datepicker";
 import te from "primevue/select";
 import _e from "primevue/inputmask";
-import Se from "primevue/textarea";
-import me from "primevue/inputnumber";
-import Ve from "primevue/chip";
-import Pe from "primevue/progressbar";
-import Me from "primevue/step";
-import Ie from "primevue/stepper";
-import Oe from "primevue/steplist";
-import De from "primevue/steppanel";
-import Ue from "primevue/steppanels";
-import qe from "primevue/datatable";
-import { BlockBlobClient as ue } from "@azure/storage-blob";
-import ve from "primevue/popover";
-import Ae from "primevue/image";
-const Le = {
+import Ve from "primevue/textarea";
+import ce 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 Le from "primevue/datatable";
+import { BlockBlobClient as me } from "@azure/storage-blob";
+import ue from "primevue/popover";
+import Ee from "primevue/image";
+const Re = {
   autoComplete: {
     root: ({ props: e }) => ({
       class: [
@@ -57,7 +57,7 @@ const Le = {
     }),
     emptyMessage: "mx-3 my-2"
   }
-}, Ee = {
+}, He = {
   button: {
     root: ({ props: e }) => ({
       class: [
@@ -158,23 +158,23 @@ const Le = {
       })
     }
   }
-}, Ne = {
+}, We = {
   checkbox: {
     root: () => ({
       class: ["form-check"]
     }),
-    input: ({ context: e, state: a }) => ({
+    input: ({ context: e, state: t }) => ({
       class: [
         "form-check-input px-2 py-2 rounded",
         {
           "bg-primary": e == null ? void 0 : e.checked,
           "cursor-pointer": !(e != null && e.disabled),
-          "form-check-input__focus": a.focused
+          "form-check-input__focus": t.focused
         }
       ]
     })
   }
-}, Re = {
+}, Ye = {
   select: {
     root: ({ props: e }) => ({
       class: [
@@ -222,17 +222,17 @@ const Le = {
       ]
     })
   }
-}, He = {
+}, Ge = {
   column: {
     pcSortBadge: "ms-2 my-auto cursor-pointer",
     headerCell: (e) => {
-      var a, t, i, l;
+      var t, a, i, l;
       return {
         class: [
           "align-top",
           {
             "cursor-move": e.props.reorderableColumns,
-            "position-sticky": ((a = e.column) == null ? void 0 : a.context.frozen) !== void 0 || ((t = e.column) == null ? void 0 : t.context.frozen) || ((i = e.column) == null ? void 0 : i.context.frozen) === "",
+            "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((a = e.column) == null ? void 0 : a.context.frozen) || ((i = e.column) == null ? void 0 : i.context.frozen) === "",
             "overflow-hidden position-relative bg-clip-padding": (l = e.column) == null ? void 0 : l.context.resizable
           }
         ]
@@ -246,10 +246,10 @@ const Le = {
     pcRowEditorSave: "btn",
     pcRowEditorCancel: "btn",
     bodyCell: (e) => {
-      var a;
+      var t;
       return {
         class: {
-          "position-sticky": ((a = e.column.props) == null ? void 0 : a.frozen) !== void 0,
+          "position-sticky": ((t = e.column.props) == null ? void 0 : t.frozen) !== void 0,
           "overflow-hidden text-nowrap": e.props.resizableColumns
         }
       };
@@ -264,12 +264,12 @@ const Le = {
       ]
     }),
     pcColumnFilterClearButton: ({ props: e }) => {
-      var a;
+      var t;
       return {
         class: [
           "btn",
           {
-            "d-none": e.filters[e.field] ? ((a = e.filters[e.field]) == null ? void 0 : a.value) === null : !1
+            "d-none": e.filters[e.field] ? ((t = e.filters[e.field]) == null ? void 0 : t.value) === null : !1
           }
         ]
       };
@@ -288,13 +288,13 @@ const Le = {
     filterElementContainer: "w-100",
     filterConstraintList: "ps-0",
     filterConstraint: (e) => {
-      var a;
+      var t;
       return {
         class: [
           "dropdown-item cursor-pointer",
           {
             //@ts-ignore
-            active: (a = e.column.context) == null ? void 0 : a.highlighted
+            active: (t = e.column.context) == null ? void 0 : t.highlighted
           }
         ]
       };
@@ -325,22 +325,22 @@ const Le = {
       ]
     })
   }
-}, We = {
+}, Je = {
   inputtext: {
     root: (e) => {
-      var a, t;
+      var t, a;
       return {
         class: [
           "form-control",
           {
-            "form-control-lg": ((a = e.props.size) == null ? void 0 : a.toLowerCase()) == "large",
-            "form-control-sm": ((t = e.props.size) == null ? void 0 : t.toLowerCase()) == "small"
+            "form-control-lg": ((t = e.props.size) == null ? void 0 : t.toLowerCase()) == "large",
+            "form-control-sm": ((a = e.props.size) == null ? void 0 : a.toLowerCase()) == "small"
           }
         ]
       };
     }
   }
-}, Ge = {
+}, Ke = {
   inputmask: {
     root: () => ({
       class: [
@@ -348,12 +348,12 @@ const Le = {
       ]
     })
   }
-}, Ye = {
+}, Ze = {
   toggleSwitch: {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, Ke = {
+}, Xe = {
   tag: {
     root: ({ props: e }) => ({
       class: [
@@ -373,7 +373,7 @@ const Le = {
       ]
     })
   }
-}, Ze = {
+}, Qe = {
   textarea: {
     root: () => ({
       class: [
@@ -381,13 +381,13 @@ const Le = {
       ]
     })
   }
-}, Je = {
+}, et = {
   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"
   }
-}, Xe = {
+}, tt = {
   dialog: {
     header: () => ({
       class: ["modal-header"]
@@ -434,7 +434,7 @@ const Le = {
       ]
     })
   }
-}, Qe = {
+}, at = {
   popover: {
     root: (e) => ({
       class: [
@@ -448,7 +448,7 @@ const Le = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, ea = {
+}, it = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -477,7 +477,7 @@ const Le = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, aa = {
+}, lt = {
   // More PT options defined in ForgeStepper.
   stepList: {
     root: "d-flex mb-2 w-100"
@@ -505,7 +505,7 @@ const Le = {
     }),
     separator: "border border-1 separator"
   }
-}, ta = {
+}, ot = {
   tabList: {
     root: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -530,7 +530,7 @@ const Le = {
       class: ["p-2"]
     })
   }
-}, ia = {
+}, nt = {
   // More PassThrough options defined in ForgeDatepicker.
   datepicker: {
     root: "d-inline-flex relative w-100",
@@ -605,7 +605,7 @@ const Le = {
     pcDecrementButton: { root: "btn btn-sm", label: "d-none" },
     pcIncrementButton: { root: "btn btn-sm", label: "d-none" }
   }
-}, la = {
+}, st = {
   multiselect: {
     root: ({ props: e }) => ({
       class: [
@@ -633,7 +633,7 @@ const Le = {
       class: "d-none"
     })
   }
-}, oa = {
+}, rt = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
@@ -643,14 +643,14 @@ const Le = {
       class: ["text-white m-1"]
     })
   }
-}, na = {
+}, dt = {
   panel: {
     root: "card w-100",
     header: "d-flex justify-content-between align-items-center fw-600 mx-2",
     pcToggleButton: "btn",
     contentContainer: "m-2"
   }
-}, sa = {
+}, pt = {
   // More PT options can be found in the ForgeTable file.
   dataTable: {
     root: "position-relative",
@@ -687,12 +687,12 @@ const Le = {
   },
   paginator: {
     root: (e) => {
-      var a;
+      var t;
       return {
         class: [
           "",
           {
-            "opacity-50": (a = e.parent) == null ? void 0 : a.props.loading
+            "opacity-50": (t = e.parent) == null ? void 0 : t.props.loading
           }
         ]
       };
@@ -713,7 +713,7 @@ const Le = {
       ]
     })
   }
-}, ra = {
+}, ct = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -734,7 +734,7 @@ const Le = {
       ]
     })
   }
-}, pa = {
+}, mt = {
   // More PassThrough options in component file.
   menubar: {
     rootList: ({ instance: e }) => ({
@@ -746,17 +746,17 @@ const Le = {
       ]
     }),
     item: ({ context: e }) => {
-      var a;
+      var t;
       return {
         class: [
           "nav-item",
           {
-            dropdown: ((a = e.item.items) == null ? void 0 : a.length) > 0
+            dropdown: ((t = e.item.items) == null ? void 0 : t.length) > 0
           }
         ]
       };
     },
-    itemLink: ({ context: e, instance: a }) => ({
+    itemLink: ({ context: e, instance: t }) => ({
       class: [
         "cursor-pointer",
         {
@@ -764,7 +764,7 @@ const Le = {
           "nav-link": e.level === 0,
           "dropdown-item": e.level > 0,
           disabled: e.item.disabled,
-          "px-3": a.mobileActive
+          "px-3": t.mobileActive
         }
       ]
     }),
@@ -815,7 +815,7 @@ const Le = {
       ]
     })
   }
-}, da = {
+}, ut = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -837,7 +837,7 @@ const Le = {
       class: ["tooltip-inner"]
     }
   }
-}, ca = {
+}, vt = {
   selectButton: {
     root: () => ({
       class: ["btn-group"]
@@ -854,7 +854,43 @@ const Le = {
       ]
     })
   }
-}, ma = {
+}, ft = {
+  splitbutton: {
+    root: () => ({
+      class: ["btn-group"]
+    }),
+    pcDropdown: {
+      root: ({ props: e }) => ({
+        class: [
+          "btn dropdown-toggle-split",
+          {
+            "btn-primary": (e.severity === void 0 || e.severity === "primary" || e.severity === null) && !e.outlined,
+            "btn-brand": e.severity === "brand" && !e.outlined,
+            "btn-secondary": e.severity === "secondary" && !e.outlined,
+            "btn-success": e.severity === "success" && !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
+          },
+          {
+            "btn-outline-primary ": (e.severity === void 0 || e.severity === "primary" || e.severity === null) && e.outlined,
+            "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-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
+          }
+        ]
+      })
+    },
+    pcMenu: {
+      rootList: "dropdown-menu show w-100",
+      item: "dropdown-item",
+      separator: "border-bottom w-100"
+    }
+  }
+}, gt = {
   progressspinner: {
     spin: () => ({
       class: [
@@ -862,7 +898,7 @@ const Le = {
       ]
     })
   }
-}, ua = {
+}, bt = {
   card: {
     root: () => ({
       class: ["card"]
@@ -886,11 +922,11 @@ const Le = {
       class: ["card-header"]
     })
   }
-}, va = {
+}, xt = {
   divider: {
     root: "border-bottom w-100 m-1"
   }
-}, fa = {
+}, yt = {
   image: {
     root: "position-relative d-inline-block",
     previewMask: "preview-button",
@@ -903,7 +939,7 @@ const Le = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, ba = {
+}, ht = {
   toast: {
     message: () => ({
       class: ["toast-container w-100 position-relative"]
@@ -924,13 +960,13 @@ const Le = {
       class: ["ps-1"]
     }),
     messageIcon: ({ props: e }) => {
-      var a, t, i, l;
+      var t, a, i, l;
       return {
         class: [
           "toast-icon",
           {
-            "text-primary": ((a = e.message) == null ? void 0 : a.severity) === "info",
-            "text-success": ((t = e.message) == null ? void 0 : t.severity) === "success",
+            "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"
           }
@@ -938,7 +974,7 @@ const Le = {
       };
     }
   }
-}, ga = {
+}, wt = {
   fieldset: {
     root: () => ({
       class: [
@@ -964,41 +1000,42 @@ const Le = {
       ]
     })
   }
-}, ki = {
-  ...Le,
-  ...ra,
-  ...Ee,
-  ...ua,
-  ...Ne,
-  ...Je,
-  ...He,
-  ...ia,
-  ...Xe,
-  ...va,
+}, Fi = {
   ...Re,
-  ...fa,
+  ...ct,
+  ...He,
+  ...bt,
   ...We,
+  ...et,
   ...Ge,
+  ...nt,
+  ...tt,
+  ...xt,
   ...Ye,
-  ...ea,
-  ...la,
-  ...pa,
-  ...Qe,
-  ...oa,
-  ...ma,
-  ...na,
-  ...ca,
-  ...aa,
-  ...sa,
+  ...yt,
+  ...Je,
   ...Ke,
-  ...ta,
-  ...ba,
   ...Ze,
-  ...ga,
+  ...it,
+  ...st,
+  ...mt,
+  ...at,
+  ...rt,
+  ...gt,
+  ...dt,
+  ...vt,
+  ...ft,
+  ...lt,
+  ...pt,
+  ...Xe,
+  ...ot,
+  ...ht,
+  ...Qe,
+  ...wt,
   directives: {
-    ...da
+    ...ut
   }
-}, ne = /* @__PURE__ */ B({
+}, ne = /* @__PURE__ */ S({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -1016,34 +1053,34 @@ const Le = {
     variant: {}
   },
   setup(e) {
-    const a = e;
-    return (t, i) => {
+    const t = e;
+    return (a, i) => {
       const l = he;
-      return s(), g(l, X(Q({ ...t.$attrs, ...a })), {
-        icon: b(() => [
-          m("div", {
-            class: $(a.icon ? "me-2 pe-1" : "")
+      return d(), g(l, X(Q({ ...a.$attrs, ...t })), {
+        icon: f(() => [
+          u("div", {
+            class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            a.icon ? (s(), g(c(T), {
+            t.icon ? (d(), g(c(j), {
               key: 0,
               "data-cy": "message-icon",
-              icon: a.icon,
-              class: $(`text-${a.severity}`),
+              icon: t.icon,
+              class: B(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : j("", !0)
+            }, null, 8, ["icon", "class"])) : z("", !0)
           ], 2)
         ]),
-        closeicon: b(() => [
-          x(c(T), { icon: "bi:x" })
+        closeicon: f(() => [
+          y(c(j), { icon: "bi:x" })
         ]),
-        default: b(() => [
-          k(t.$slots, "default")
+        default: f(() => [
+          k(a.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), $i = /* @__PURE__ */ B({
+}), zi = /* @__PURE__ */ S({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1052,38 +1089,38 @@ const Le = {
     params: { default: Array }
   },
   setup(e) {
-    const a = _(!1), t = e, i = async () => {
-      a.value = !0;
+    const t = P(!1), a = e, i = async () => {
+      t.value = !0;
       try {
-        await t.action.apply(this, t.params);
+        await a.action.apply(this, a.params);
       } catch (l) {
-        await t.errorAction.apply(this, t.errorParams ? [...t.errorParams, l] : [l]);
+        await a.errorAction.apply(this, a.errorParams ? [...a.errorParams, l] : [l]);
       }
-      a.value = !1;
+      t.value = !1;
     };
     return (l, o) => {
-      const r = A;
-      return s(), v(O, null, [
-        x(r, F({ ...t, ...l.$attrs }, {
-          loading: a.value,
-          disabled: a.value || t.disabled,
+      const r = N;
+      return d(), v(O, null, [
+        y(r, F({ ...a, ...l.$attrs }, {
+          loading: t.value,
+          disabled: t.value || a.disabled,
           onClick: i
         }), null, 16, ["loading", "disabled"]),
-        x(c($e))
+        y(c(Se))
       ], 64);
     };
   }
-}), Fi = /* @__PURE__ */ B({
+}), Ci = /* @__PURE__ */ S({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (a, t) => (s(), g(c(Fe), F({ ...a.$attrs, ...a.$props }, { inputClass: "form-control border-0" }), {
-      default: b(() => [
-        (s(!0), v(O, null, U(a.$slots, (i, l) => k(a.$slots, l, { slot: l })), 256))
+    return (t, a) => (d(), g(c(Fe), F({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+      default: f(() => [
+        (d(!0), v(O, null, A(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16));
   }
-}), xa = { class: "d-flex flex-column" }, ya = ["for"], ha = /* @__PURE__ */ B({
+}), kt = { class: "d-flex flex-column" }, $t = ["for"], ve = /* @__PURE__ */ S({
   __name: "ForgeCheckbox",
   props: /* @__PURE__ */ q({
     label: { default: "" },
@@ -1118,69 +1155,69 @@ const Le = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, t = I(e, "modelValue"), { handleChange: i, errors: l, errorMessage: o } = ae(
-      () => a.name ?? "",
+    const t = e, a = D(e, "modelValue"), { handleChange: i, errors: l, errorMessage: o } = ee(
+      () => t.name ?? "",
       void 0,
       {
         type: "checkbox",
-        checkedValue: t.value
+        checkedValue: a.value
       }
-    ), r = (d) => {
-      a.name ? i(d) : t.value = d;
-    }, p = z(() => l.value.length > 0);
-    return (d, u) => {
-      const h = ce;
-      return s(), v("div", xa, [
-        m("div", F({
+    ), r = (p) => {
+      t.name ? i(p) : a.value = p;
+    }, s = C(() => l.value.length > 0);
+    return (p, m) => {
+      const b = ze;
+      return d(), v("div", kt, [
+        u("div", F({
           class: "d-flex",
           "data-cy": "checkbox-container",
-          onClick: u[2] || (u[2] = (n) => r(t.value))
-        }, { ...d.$attrs }), [
-          x(h, F({ ...a }, {
+          onClick: m[2] || (m[2] = (n) => r(a.value))
+        }, { ...p.$attrs }), [
+          y(b, F({ ...t }, {
             binary: "",
-            modelValue: t.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (n) => t.value = n),
-            "input-id": a.name,
-            "input-class": { "is-invalid": p.value },
-            class: a.disabled ? "" : "cursor-pointer"
+            modelValue: a.value,
+            "onUpdate:modelValue": m[0] || (m[0] = (n) => a.value = n),
+            "input-id": t.name,
+            "input-class": { "is-invalid": s.value },
+            class: t.disabled ? "" : "cursor-pointer"
           }), null, 16, ["modelValue", "input-id", "input-class", "class"]),
-          m("label", {
-            for: a.name,
-            onClick: u[1] || (u[1] = (n) => r(!t.value)),
-            class: $([`${a.disabled ? "opacity-50" : "cursor-pointer"} ${p.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
+          u("label", {
+            for: t.name,
+            onClick: m[1] || (m[1] = (n) => r(!a.value)),
+            class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            k(d.$slots, "default", {}, () => [
-              P(w(a.label), 1)
+            k(p.$slots, "default", {}, () => [
+              _(w(t.label), 1)
             ])
-          ], 10, ya)
+          ], 10, $t)
         ], 16),
-        R(m("small", {
+        R(u("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, w(c(o)), 513), [
-          [W, p.value]
+          [W, s.value]
         ])
       ]);
     };
   }
-}), wa = { class: "forge-loader" }, fe = /* @__PURE__ */ B({
+}), Bt = { class: "forge-loader" }, fe = /* @__PURE__ */ S({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
   },
   setup(e) {
-    const a = e;
-    return (t, i) => {
-      const l = Be;
-      return s(), v("div", wa, [
-        x(l, {
+    const t = e;
+    return (a, i) => {
+      const l = Ce;
+      return d(), v("div", Bt, [
+        y(l, {
           "animation-duration": ".75",
-          class: $(`text-${a.severity === void 0 ? "primary" : a.severity}`)
+          class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
       ]);
     };
   }
-}), ka = ["href", "target"], Bi = /* @__PURE__ */ B({
+}), St = ["href", "target"], Ti = /* @__PURE__ */ S({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1198,7 +1235,7 @@ const Le = {
     iconName: {}
   },
   setup(e) {
-    const a = z(() => ({
+    const t = C(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1207,52 +1244,52 @@ const Le = {
       [`link-underline-opacity-${e.underlineHoverOpacity ?? e.hoverOpacity}-hover`]: e.underlineHoverOpacity || e.hoverOpacity,
       [`link-offset-${e.underlineOffset}`]: e.underlineOffset,
       "icon-link icon-link-hover": e.animateIconOnHover
-    })), t = z(() => ({
+    })), a = C(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (i, l) => (s(), v("a", {
+    return (i, l) => (d(), v("a", {
       id: "link",
-      class: $(["cursor-pointer d-flex text-break", a.value]),
+      class: B(["cursor-pointer d-flex text-break", t.value]),
       href: i.url,
       target: i.target
     }, [
       k(i.$slots, "default", {}, () => [
-        i.iconName ? (s(), g(c(T), {
+        i.iconName ? (d(), g(c(j), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
-          class: $(["bi my-auto", t.value])
-        }, null, 8, ["icon", "class"])) : j("", !0),
-        P(" " + w(i.label), 1)
+          class: B(["bi my-auto", a.value])
+        }, null, 8, ["icon", "class"])) : z("", !0),
+        _(" " + w(i.label), 1)
       ])
-    ], 10, ka));
+    ], 10, St));
   }
 });
-function $a(e) {
-  const a = {
+function Ft(e) {
+  const t = {
     errorMessage: "",
     errorDetails: []
   };
-  if (e.exception && (a.errorMessage = e.exception), e.message && (Array.isArray(e.message) ? a.errorDetails = e.message : a.errorMessage = e.message), e.response) {
-    const t = JSON.parse(e.response);
-    t.errors && (a.errorDetails = Object.values(t.errors).flat()), t.message && (a.errorDetails = t.message);
+  if (e.exception && (t.errorMessage = e.exception), e.message && (Array.isArray(e.message) ? t.errorDetails = e.message : t.errorMessage = e.message), e.response) {
+    const a = JSON.parse(e.response);
+    a.errors && (t.errorDetails = Object.values(a.errors).flat()), a.message && (t.errorDetails = a.message);
   }
-  return a.errorMessage === "" && a.errorDetails.length === 0 && (a.errorMessage = e), a;
+  return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function zi(e, a) {
-  return e.map((t) => ({ id: t, label: a ? a(t) : `${t}` }));
+function ji(e, t) {
+  return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function ji(e, a, t) {
-  return { id: e, label: a ?? e.toString(), shortLabel: t };
+function Ii(e, t, a) {
+  return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const Fa = { key: 0 }, Ba = {
+const zt = { key: 0 }, Ct = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Ci = /* @__PURE__ */ B({
+}, Pi = /* @__PURE__ */ S({
   __name: "ForgeModal",
   props: /* @__PURE__ */ q({
     cancelText: { default: "Cancel" },
@@ -1302,106 +1339,106 @@ const Fa = { key: 0 }, Ba = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const a = I(e, "visible"), t = _(!1), i = e, l = _(!1), o = _({
+    const t = D(e, "visible"), a = P(!1), i = e, l = P(!1), o = P({
       hasError: !1,
       header: "",
       message: []
     }), r = () => {
-      t.value = !1;
-    }, p = () => {
-      t.value = !0;
-    }, d = () => {
       a.value = !1;
-    }, u = async () => {
+    }, s = () => {
+      a.value = !0;
+    }, p = () => {
+      t.value = !1;
+    }, m = async () => {
       if (i.onConfirm) {
         l.value = !0, o.value.hasError = !1;
         try {
           const n = await i.onConfirm();
-          (n || n == null) && d();
+          (n || n == null) && p();
         } catch (n) {
           o.value.hasError = !0;
-          const C = $a(n);
-          o.value.header = C.errorMessage, o.value.message = C.errorDetails;
+          const $ = Ft(n);
+          o.value.header = $.errorMessage, o.value.message = $.errorDetails;
         }
         l.value = !1;
       }
-    }, h = z(() => ({
+    }, b = C(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
-          "mw-100 vh-100 vw-100 top-0 start-0": t.value,
+          "mw-100 vh-100 vw-100 top-0 start-0": a.value,
           "modal-sm": i.size === "sm",
           "modal-lg": i.size === "lg",
           "modal-xl": i.size === "xl"
         }
       ]
     }));
-    return (n, C) => {
-      const S = A, M = ze;
-      return s(), g(M, F(i, {
-        onMaximize: p,
+    return (n, $) => {
+      const T = N, V = Te;
+      return d(), g(V, F(i, {
+        onMaximize: s,
         onUnmaximize: r,
-        pt: h.value
-      }), ie({
-        closeicon: b(() => [
-          x(c(T), {
+        pt: b.value
+      }), ae({
+        closeicon: f(() => [
+          y(c(j), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: d
+            onClick: p
           })
         ]),
-        maximizeicon: b(() => [
-          x(c(T), {
+        maximizeicon: f(() => [
+          y(c(j), {
             "data-cy": "maximisable-icon",
-            icon: t.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
+            icon: a.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
             height: "16"
           }, null, 8, ["icon"])
         ]),
         _: 2
       }, [
-        U(n.$slots, (E, V) => ({
-          name: V,
-          fn: b((f) => [
-            o.value.hasError ? (s(), g(ne, {
+        A(n.$slots, (M, I) => ({
+          name: I,
+          fn: f((x) => [
+            o.value.hasError ? (d(), g(ne, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
-              default: b(() => [
-                m("p", {
-                  class: $(o.value.message.length > 0 ? "my-auto" : "mb-0")
+              default: f(() => [
+                u("p", {
+                  class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, w(o.value.header), 3),
-                o.value.message.length > 0 ? (s(), v("ul", Fa, [
-                  (s(!0), v(O, null, U(o.value.message, (y) => (s(), v("li", { key: y }, w(y), 1))), 128))
-                ])) : j("", !0)
+                o.value.message.length > 0 ? (d(), v("ul", zt, [
+                  (d(!0), v(O, null, A(o.value.message, (h) => (d(), v("li", { key: h }, w(h), 1))), 128))
+                ])) : z("", !0)
               ]),
               _: 1
-            })) : j("", !0),
-            k(n.$slots, V, X(Q(f || {}))),
+            })) : z("", !0),
+            k(n.$slots, I, X(Q(x || {}))),
             l.value ? k(n.$slots, "loader", { key: 1 }, () => [
-              x(fe, { "data-cy": "loader" })
-            ]) : j("", !0)
+              y(fe, { "data-cy": "loader" })
+            ]) : z("", !0)
           ])
         })),
         n.showFooter ? {
           name: "footer",
-          fn: b(() => [
-            m("div", Ba, [
-              x(S, {
+          fn: f(() => [
+            u("div", Ct, [
+              y(T, {
                 label: n.cancelText,
-                class: $(i.cancelClass),
+                class: B(i.cancelClass),
                 outlined: "",
-                onClick: d,
+                onClick: p,
                 id: "cancel-button",
                 type: i.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              x(S, {
+              y(T, {
                 label: n.submitText,
-                class: $([i.submitClass, "ms-auto"]),
-                onClick: u,
+                class: B([i.submitClass, "ms-auto"]),
+                onClick: m,
                 id: "submit-button",
                 type: i.submitButtonType
               }, null, 8, ["label", "class", "type"])
@@ -1412,7 +1449,7 @@ const Fa = { key: 0 }, Ba = {
       ]), 1040, ["pt"]);
     };
   }
-}), za = ["id"], ja = { key: 0 }, Ca = { key: 0 }, Ta = { class: "d-flex justify-content-between align-items-center position-relative" }, _a = { key: 1 }, Sa = { "data-cy": "readonly-value" }, Va = /* @__PURE__ */ B({
+}), Tt = ["id"], jt = { key: 0 }, It = { key: 0 }, Pt = { class: "d-flex justify-content-between align-items-center position-relative" }, _t = { key: 1 }, Vt = { "data-cy": "readonly-value" }, Mt = /* @__PURE__ */ S({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ q({
     name: { default: "" },
@@ -1427,111 +1464,111 @@ const Fa = { key: 0 }, Ba = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, t = I(e, "modelValue"), i = _(!1), l = _(), o = () => {
-      var S;
-      i.value = !i.value, (S = l.value) == null || S.focus();
+    const t = e, a = D(e, "modelValue"), i = P(!1), l = P(), o = () => {
+      var T;
+      i.value = !i.value, (T = l.value) == null || T.focus();
     }, r = async () => {
-      if (C.value)
+      if ($.value)
         return !1;
-      if (t.value = n.value, a.completeAction)
+      if (a.value = n.value, t.completeAction)
         try {
-          await a.completeAction.apply(this, a.params), i.value = !i.value;
+          await t.completeAction.apply(this, t.params), i.value = !i.value;
         } catch {
-          a.errorAction && await a.errorAction.apply(this, a.errorParams);
+          t.errorAction && await t.errorAction.apply(this, t.errorParams);
         }
       else
         i.value = !i.value;
-    }, p = () => {
+    }, s = () => {
       i.value = !i.value;
-    }, d = () => {
+    }, p = () => {
       n.value = null;
-    }, { errorMessage: u, errors: h, value: n } = ae(() => a.name, void 0, {
-      initialValue: t.value
+    }, { errorMessage: m, errors: b, value: n } = ee(() => t.name, void 0, {
+      initialValue: a.value
     });
-    ee(() => {
-      n.value = t.value;
+    ie(() => {
+      n.value = a.value;
     });
-    const C = z(() => h.value.length > 0);
-    return (S, M) => {
-      const E = le, V = A;
-      return s(), v("div", {
-        id: a.name
+    const $ = C(() => b.value.length > 0);
+    return (T, V) => {
+      const M = le, I = N;
+      return d(), v("div", {
+        id: t.name
       }, [
-        S.readonly ? (s(), v("div", _a, [
-          k(S.$slots, "default", {}, () => [
-            m("span", Sa, w(c(n)), 1)
+        T.readonly ? (d(), v("div", _t, [
+          k(T.$slots, "default", {}, () => [
+            u("span", Vt, w(c(n)), 1)
           ])
-        ])) : (s(), v("div", ja, [
-          i.value ? (s(), v("div", Ca, [
-            R((s(), v("div", Ta, [
-              k(S.$slots, "editor", {
-                class: $({ "is-invalid": C.value }),
+        ])) : (d(), v("div", jt, [
+          i.value ? (d(), v("div", It, [
+            R((d(), v("div", Pt, [
+              k(T.$slots, "editor", {
+                class: B({ "is-invalid": $.value }),
                 editFinished: r,
-                cancel: p,
+                cancel: s,
                 val: c(n)
               }, () => [
-                x(E, {
+                y(M, {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
                   modelValue: c(n),
-                  "onUpdate:modelValue": M[0] || (M[0] = (f) => we(n) ? n.value = f : null),
+                  "onUpdate:modelValue": V[0] || (V[0] = (x) => we(n) ? n.value = x : null),
                   modelModifiers: { trim: !0 },
-                  class: $({ "is-invalid": C.value }),
+                  class: B({ "is-invalid": $.value }),
                   onKeydown: [
-                    Z(r, ["enter"]),
-                    Z(p, ["esc"])
+                    K(r, ["enter"]),
+                    K(s, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              x(c(T), {
+              y(c(j), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
-                onClick: d,
-                onKeydown: Z(d, ["enter"]),
+                onClick: p,
+                onKeydown: K(p, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
               [c(je), r]
             ])
-          ])) : (s(), v("div", {
+          ])) : (d(), v("div", {
             key: 1,
             class: "d-flex text-muted",
             onClick: o,
             onFocus: o
           }, [
-            k(S.$slots, "default", {}, () => [
-              m("div", {
-                class: $(["pe-2 cursor-pointer", { "text-invalid": C.value }]),
+            k(T.$slots, "default", {}, () => [
+              u("div", {
+                class: B(["pe-2 cursor-pointer", { "text-invalid": $.value }]),
                 "data-cy": "value"
               }, w(c(n) ? c(n) : "Click to edit"), 3)
             ]),
-            x(V, {
+            y(I, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: b(() => [
-                x(c(T), {
+              default: f(() => [
+                y(c(j), {
                   icon: "bi:pencil",
-                  class: $(C.value ? "text-invalid" : "text-muted"),
+                  class: B($.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: Z(o, ["enter"])
+                  onKeydown: K(o, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
             })
           ], 32))
         ])),
-        R(m("small", {
+        R(u("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(c(u)), 513), [
-          [W, C.value]
+        }, w(c(m)), 513), [
+          [W, $.value]
         ])
-      ], 8, za);
+      ], 8, Tt);
     };
   }
-}), Pa = ["href"], Ti = /* @__PURE__ */ B({
+}), Dt = ["href"], _i = /* @__PURE__ */ S({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1548,53 +1585,53 @@ const Fa = { key: 0 }, Ba = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const a = e, t = z(() => ({
+    const t = e, a = C(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
           {
-            "bg-light": a.severity === "light",
-            "bg-dark": a.severity === "dark",
-            "bg-primary": a.severity === "primary",
-            "bg-brand": a.severity === "brand",
-            "bg-secondary": a.severity === "secondary",
-            "bg-success": a.severity === "success",
-            "bg-warning": a.severity === "warning",
-            "bg-danger": a.severity === "danger",
-            "bg-info": a.severity === "info"
+            "bg-light": t.severity === "light",
+            "bg-dark": t.severity === "dark",
+            "bg-primary": t.severity === "primary",
+            "bg-brand": t.severity === "brand",
+            "bg-secondary": t.severity === "secondary",
+            "bg-success": t.severity === "success",
+            "bg-warning": t.severity === "warning",
+            "bg-danger": t.severity === "danger",
+            "bg-info": t.severity === "info"
           },
           {
-            "navbar-light": a.severity === "light",
-            "navbar-dark": a.severity !== "light"
+            "navbar-light": t.severity === "light",
+            "navbar-dark": t.severity !== "light"
           },
           {
-            "fixed-top": a.position === "fixed-top",
-            "fixed-bottom": a.position === "fixed-bottom",
-            "sticky-top": a.position === "sticky-top"
+            "fixed-top": t.position === "fixed-top",
+            "fixed-bottom": t.position === "fixed-bottom",
+            "sticky-top": t.position === "sticky-top"
           }
         ]
       })
     }));
-    return (i, l) => (s(), g(c(Ce), F({ ...a, ...i.$attrs }, {
-      pt: t.value,
+    return (i, l) => (d(), g(c(Ie), F({ ...t, ...i.$attrs }, {
+      pt: a.value,
       "data-cy": "navbar"
-    }), ie({
-      start: b(() => [
-        m("a", {
+    }), ae({
+      start: f(() => [
+        u("a", {
           href: i.logoUrl,
           class: "navbar-brand ms-3",
           "data-cy": "logo"
         }, [
           k(i.$slots, "logo", {}, () => [
-            l[0] || (l[0] = P(" Logo "))
+            l[0] || (l[0] = _(" Logo "))
           ])
-        ], 8, Pa)
+        ], 8, Dt)
       ]),
-      buttonicon: b(() => [
+      buttonicon: f(() => [
         k(i.$slots, "buttonIcon", {}, () => [
-          x(c(T), {
+          y(c(j), {
             icon: "bi:list",
-            class: $(a.severity === "light" ? "text-black" : "text-white"),
+            class: B(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
             "data-cy": "burger-icon"
           }, null, 8, ["class"])
@@ -1602,22 +1639,22 @@ const Fa = { key: 0 }, Ba = {
       ]),
       _: 2
     }, [
-      U(i.$slots, (o, r) => ({
+      A(i.$slots, (o, r) => ({
         name: r,
-        fn: b((p) => [
-          k(i.$slots, r, X(Q(p)))
+        fn: f((s) => [
+          k(i.$slots, r, X(Q(s)))
         ])
       }))
     ]), 1040, ["pt"]));
   }
-}), Ma = { class: "border alternating-item-list" }, Ia = {
+}), Ot = { class: "border alternating-item-list" }, Nt = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Oa = { class: "d-inline-block" }, Da = {
+}, Ut = { class: "d-inline-block" }, At = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Ua = /* @__PURE__ */ B({
+}, qt = /* @__PURE__ */ S({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ q({
     title: { default: "Selected Items" },
@@ -1633,96 +1670,96 @@ const Fa = { key: 0 }, Ba = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, t = I(e, "modelValue"), i = (l) => {
-      t.value = t.value.filter((o) => o.id !== l);
+    const t = e, a = D(e, "modelValue"), i = (l) => {
+      a.value = a.value.filter((o) => o.id !== l);
     };
     return (l, o) => {
-      const r = oe, p = A;
-      return s(), v("div", {
-        class: $(l.orientation === "column" ? "row" : ""),
+      const r = oe, s = N;
+      return d(), v("div", {
+        class: B(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
-        m("div", {
-          class: $(l.orientation === "row" ? "col-12 mb-1" : "col"),
+        u("div", {
+          class: B(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          x(r, F({
-            modelValue: t.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (d) => t.value = d)
+          y(r, F({
+            modelValue: a.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (p) => a.value = p)
           }, { ...l.$attrs }, {
-            options: a.options ?? [],
+            options: t.options ?? [],
             optionLabel: "label",
             placeholder: l.multiselectPlaceholder,
             "data-cy": "multiselect"
           }), {
-            default: b(() => [
-              (s(!0), v(O, null, U(l.$slots, (d, u) => k(l.$slots, u, { slot: u })), 256))
+            default: f(() => [
+              (d(!0), v(O, null, A(l.$slots, (p, m) => k(l.$slots, m, { slot: m })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
           k(l.$slots, "after-multi-select")
         ], 2),
-        m("div", {
-          class: $(l.orientation === "row" ? "col-12" : "col"),
+        u("div", {
+          class: B(l.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
-          m("div", {
+          u("div", {
             style: ke({ height: l.height }),
             class: "overflow-auto"
           }, [
-            m("div", Ma, [
-              l.title ? (s(), v("div", Ia, w(l.title), 1)) : j("", !0),
-              (s(!0), v(O, null, U(t.value, (d) => (s(), v("div", {
-                key: d.id,
+            u("div", Ot, [
+              l.title ? (d(), v("div", Nt, w(l.title), 1)) : z("", !0),
+              (d(!0), v(O, null, A(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: d }, () => [
-                  m("span", Oa, w(d.shortLabel ? d.shortLabel : d.label), 1)
+                k(l.$slots, "list-item", { item: p }, () => [
+                  u("span", Ut, w(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
-                l.canRemoveItemFromPreview ? (s(), g(p, {
+                l.canRemoveItemFromPreview ? (d(), g(s, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (u) => i(d.id)
+                  onClick: (m) => i(p.id)
                 }, {
-                  default: b(() => [
-                    x(c(T), {
+                  default: f(() => [
+                    y(c(j), {
                       icon: "bi:x",
                       class: "close-icon",
-                      "data-cy": `close-icon-${d.id}`
+                      "data-cy": `close-icon-${p.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : j("", !0)
+                }, 1032, ["onClick"])) : z("", !0)
               ]))), 128)),
-              t.value == null || t.value.length == 0 ? (s(), v("div", Da, w(a.optionsPreviewEmptyText), 1)) : j("", !0)
+              a.value == null || a.value.length == 0 ? (d(), v("div", At, w(t.optionsPreviewEmptyText), 1)) : z("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), qa = { class: "d-flex justify-content-between pb-2" }, Aa = {
+}), Lt = { class: "d-flex justify-content-between pb-2" }, Et = {
   "data-cy": "title",
   class: "my-auto"
-}, La = {
+}, Rt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, _i = /* @__PURE__ */ B({
+}, Vi = /* @__PURE__ */ S({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
-    const a = e;
-    return (t, i) => (s(), v("div", qa, [
-      m("h3", Aa, w(a.title), 1),
-      m("div", La, [
-        k(t.$slots, "default")
+    const t = e;
+    return (a, i) => (d(), v("div", Lt, [
+      u("h3", Et, w(t.title), 1),
+      u("div", Rt, [
+        k(a.$slots, "default")
       ])
     ]));
   }
-}), Ea = { class: "d-flex" }, Na = { "data-cy": "before-slot" }, Ra = { class: "position-relative w-100" }, Ha = { "data-cy": "after-slot" }, be = /* @__PURE__ */ B({
+}), Ht = { class: "d-flex" }, Wt = { "data-cy": "before-slot" }, Yt = { class: "position-relative w-100" }, Gt = { "data-cy": "after-slot" }, ge = /* @__PURE__ */ S({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ q({
     severity: { default: "primary" },
@@ -1798,14 +1835,14 @@ const Fa = { key: 0 }, Ba = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, t = I(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: r, setValue: p } = ae(() => a.name, void 0, {
-      initialValue: t.value
-    }), d = () => {
-      p(null), t.value = null;
-    }, u = z(() => i.value.length > 0), h = z(() => ({
+    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: r, setValue: s } = ee(() => t.name, void 0, {
+      initialValue: a.value
+    }), p = () => {
+      s(null), a.value = null;
+    }, m = C(() => i.value.length > 0), b = C(() => ({
       dayCell: ({ context: n }) => ({
         class: [
-          `text-center date-${a.severity === void 0 ? "primary" : a.severity}`,
+          `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
           {
             "cursor-pointer": !n.disabled,
             "pe-none": n.disabled,
@@ -1814,13 +1851,13 @@ const Fa = { key: 0 }, Ba = {
           // Severities
           {
             selected: n.selected && !n.disabled,
-            "text-primary": !n.selected && n.today && (a.severity === void 0 || a.severity === "primary"),
-            "text-brand": !n.selected && n.today && a.severity === "brand",
-            "text-secondary": !n.selected && n.today && a.severity === "secondary",
-            "text-success": !n.selected && n.today && a.severity === "success",
-            "text-warning": !n.selected && n.today && a.severity === "warning",
-            "text-danger": !n.selected && n.today && a.severity === "danger",
-            "text-info": !n.selected && n.today && a.severity === "info"
+            "text-primary": !n.selected && n.today && (t.severity === void 0 || t.severity === "primary"),
+            "text-brand": !n.selected && n.today && t.severity === "brand",
+            "text-secondary": !n.selected && n.today && t.severity === "secondary",
+            "text-success": !n.selected && n.today && t.severity === "success",
+            "text-warning": !n.selected && n.today && t.severity === "warning",
+            "text-danger": !n.selected && n.today && t.severity === "danger",
+            "text-info": !n.selected && n.today && t.severity === "info"
           }
         ]
       }),
@@ -1837,13 +1874,13 @@ const Fa = { key: 0 }, Ba = {
           class: [
             "btn ms-auto",
             {
-              "btn-link text-primary": a.severity === void 0 || a.severity === "primary",
-              "btn-link text-brand": a.severity === "brand",
-              "btn-link text-secondary": a.severity === "secondary",
-              "btn-link text-success": a.severity === "success",
-              "btn-link text-warning": a.severity === "warning",
-              "btn-link text-danger": a.severity === "danger",
-              "btn-link text-info": a.severity === "info"
+              "btn-link text-primary": t.severity === void 0 || t.severity === "primary",
+              "btn-link text-brand": t.severity === "brand",
+              "btn-link text-secondary": t.severity === "secondary",
+              "btn-link text-success": t.severity === "success",
+              "btn-link text-warning": t.severity === "warning",
+              "btn-link text-danger": t.severity === "danger",
+              "btn-link text-info": t.severity === "info"
             }
           ]
         })
@@ -1853,13 +1890,13 @@ const Fa = { key: 0 }, Ba = {
           class: [
             "btn",
             {
-              "btn-link text-primary": a.severity === void 0 || a.severity === "primary",
-              "btn-link text-brand": a.severity === "brand",
-              "btn-link text-secondary": a.severity === "secondary",
-              "btn-link text-success": a.severity === "success",
-              "btn-link text-warning": a.severity === "warning",
-              "btn-link text-danger": a.severity === "danger",
-              "btn-link text-info": a.severity === "info"
+              "btn-link text-primary": t.severity === void 0 || t.severity === "primary",
+              "btn-link text-brand": t.severity === "brand",
+              "btn-link text-secondary": t.severity === "secondary",
+              "btn-link text-success": t.severity === "success",
+              "btn-link text-warning": t.severity === "warning",
+              "btn-link text-danger": t.severity === "danger",
+              "btn-link text-info": t.severity === "info"
             }
           ]
         })
@@ -1868,13 +1905,13 @@ const Fa = { key: 0 }, Ba = {
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (a.severity === void 0 || a.severity === "primary") && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-brand": a.severity === "brand" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-secondary": a.severity === "secondary" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-success": a.severity === "success" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-warning": a.severity === "warning" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-danger": a.severity === "danger" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-info": a.severity === "info" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear()
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-brand": t.severity === "brand" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-secondary": t.severity === "secondary" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success": t.severity === "success" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-warning": t.severity === "warning" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-danger": t.severity === "danger" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-info": t.severity === "info" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear()
           }
         ]
       }),
@@ -1882,77 +1919,77 @@ const Fa = { key: 0 }, Ba = {
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (a.severity === void 0 || a.severity === "primary") && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-brand": a.severity === "brand" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-secondary": a.severity === "secondary" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-success": a.severity === "success" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-warning": a.severity === "warning" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-danger": a.severity === "danger" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-info": a.severity === "info" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-brand": t.severity === "brand" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-secondary": t.severity === "secondary" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success": t.severity === "success" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-warning": t.severity === "warning" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-danger": t.severity === "danger" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-info": t.severity === "info" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
           }
         ]
       })
     }));
-    return (n, C) => {
-      const S = Te;
-      return s(), v(O, null, [
-        m("div", Ea, [
-          m("span", Na, [
+    return (n, $) => {
+      const T = Pe;
+      return d(), v(O, null, [
+        u("div", Ht, [
+          u("span", Wt, [
             k(n.$slots, "before")
           ]),
-          m("div", Ra, [
-            x(S, F({ ...a, ...n.$attrs }, {
-              pt: h.value,
-              modelValue: t.value,
+          u("div", Yt, [
+            y(T, F({ ...t, ...n.$attrs }, {
+              pt: b.value,
+              modelValue: a.value,
               "onUpdate:modelValue": [
-                C[0] || (C[0] = (M) => t.value = M),
+                $[0] || ($[0] = (V) => a.value = V),
                 c(o)
               ],
-              onBlur: C[1] || (C[1] = () => c(r)),
-              "input-class": { "datepicker-invalid": u.value }
+              onBlur: $[1] || ($[1] = () => c(r)),
+              "input-class": { "datepicker-invalid": m.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            R(x(c(T), {
+            R(y(c(j), {
               "data-cy": "icon",
               icon: "bi:calendar4",
-              class: $(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${u.value ? "text-danger-dark" : "text-muted"}`])
+              class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${m.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
-              [W, a.showIcon]
+              [W, t.showIcon]
             ]),
-            R(x(c(T), {
+            R(y(c(j), {
               "data-cy": "icon",
               icon: "bi:x",
-              onClick: d,
-              class: $(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", a.showIcon ? "datepicker-close-icon" : "me-2"])
+              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"])
             }, null, 8, ["class"]), [
-              [W, a.modelValue]
+              [W, t.modelValue]
             ])
           ]),
-          m("span", Ha, [
+          u("span", Gt, [
             k(n.$slots, "after")
           ])
         ]),
-        R(m("small", {
+        R(u("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, w(c(l)), 513), [
-          [W, u.value]
+          [W, m.value]
         ])
       ], 64);
     };
   }
-}), Si = /* @__PURE__ */ B({
+}), Mi = /* @__PURE__ */ S({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
     currentCount: {}
   },
   setup(e) {
-    const a = e, t = z(() => a.maxCount - a.currentCount);
-    return (i, l) => (s(), v("div", {
-      class: $(t.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + w(t.value), 3));
+    const t = e, a = C(() => t.maxCount - t.currentCount);
+    return (i, l) => (d(), v("div", {
+      class: B(a.value < 0 ? "text-danger" : "")
+    }, "Remaining characters: " + w(a.value), 3));
   }
-}), Wa = { class: "d-flex justify-content-between" }, Vi = /* @__PURE__ */ B({
+}), Jt = { class: "d-flex justify-content-between" }, Di = /* @__PURE__ */ S({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1964,91 +2001,91 @@ const Fa = { key: 0 }, Ba = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, t = _(!1), i = _({
+    const t = e, a = P(!1), i = P({
       hasError: !1,
       message: ""
     });
     async function l() {
-      t.value = !0, i.value.hasError = !1;
+      a.value = !0, i.value.hasError = !1;
       try {
-        await a.onSubmit();
+        await t.onSubmit();
       } catch (o) {
         i.value.hasError = !0, o.message && (i.value.message = o.message);
       }
-      t.value = !1;
+      a.value = !1;
     }
     return (o, r) => {
-      const p = A;
-      return s(), v("form", F(o.$attrs, {
+      const s = N;
+      return d(), v("form", F(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: G(l, ["prevent"])
+        onSubmit: Y(l, ["prevent"])
       }), [
-        o.hideTitle ? j("", !0) : (s(), v(O, { key: 0 }, [
+        o.hideTitle ? z("", !0) : (d(), v(O, { key: 0 }, [
           k(o.$slots, "title", {}, () => [
-            m("h3", {
-              class: $(o.titleClass),
+            u("h3", {
+              class: B(o.titleClass),
               "data-cy": "form-title"
             }, w(o.title), 3)
           ]),
-          r[1] || (r[1] = m("hr", null, null, -1))
+          r[1] || (r[1] = u("hr", null, null, -1))
         ], 64)),
-        i.value.hasError ? (s(), g(ne, {
+        i.value.hasError ? (d(), g(ne, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: b(() => [
+          default: f(() => [
             k(o.$slots, "error", {
               error: i.value.message
             }, () => [
-              P(w(i.value.message), 1)
+              _(w(i.value.message), 1)
             ])
           ]),
           _: 3
-        })) : j("", !0),
+        })) : z("", !0),
         k(o.$slots, "default"),
-        m("div", Wa, [
+        u("div", Jt, [
           k(o.$slots, "cancel", {}, () => [
-            o.hideCancel ? j("", !0) : (s(), g(p, {
+            o.hideCancel ? z("", !0) : (d(), g(s, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: r[0] || (r[0] = (d) => o.$emit("cancel"))
+              onClick: r[0] || (r[0] = (p) => o.$emit("cancel"))
             }, {
-              default: b(() => [
-                P(w(o.cancelText), 1)
+              default: f(() => [
+                _(w(o.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
           k(o.$slots, "submit", { submit: l }, () => [
-            x(p, {
+            y(s, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: b(() => [
-                P(w(o.submitText), 1)
+              default: f(() => [
+                _(w(o.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        t.value ? (s(), g(fe, {
+        a.value ? (d(), g(fe, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : j("", !0)
+        })) : z("", !0)
       ], 16);
     };
   }
-}), Ga = {
+}), Kt = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, Ya = ["for"], Pi = /* @__PURE__ */ B({
+}, Zt = ["for"], Oi = /* @__PURE__ */ S({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ q({
     name: {},
@@ -2064,101 +2101,101 @@ const Fa = { key: 0 }, Ba = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = I(e, "modelValue"), t = e, i = (h) => {
-      t.type == "number" ? p(h.value) : p(h);
-    }, { errors: l, value: o, errorMessage: r, handleChange: p, handleBlur: d } = ae(() => t.name, void 0, {
-      initialValue: a.value
-    }), u = z(() => l.value.length > 0);
-    return de(() => o.value, (h) => {
-      a.value = h;
-    }, { immediate: !0 }), (h, n) => {
-      const C = Se, S = _e, M = le, E = te, V = oe, f = be;
-      return t.type === "checkbox" ? (s(), g(ha, F({
+    const t = D(e, "modelValue"), a = e, i = (b) => {
+      a.type == "number" ? s(b.value) : s(b);
+    }, { errors: l, value: o, errorMessage: r, handleChange: s, handleBlur: p } = ee(() => a.name, void 0, {
+      initialValue: t.value
+    }), m = C(() => l.value.length > 0);
+    return pe(() => o.value, (b) => {
+      t.value = b;
+    }, { immediate: !0 }), (b, n) => {
+      const $ = Ve, T = _e, V = le, M = te, I = oe, x = ge;
+      return a.type === "checkbox" ? (d(), g(ve, F({
         key: 0,
-        id: t.name,
-        label: t.fieldLabel
-      }, h.$attrs, {
-        name: t.name,
-        modelValue: a.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (y) => a.value = y)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (s(), v("div", Ga, [
-        m("div", {
+        id: a.name,
+        label: a.fieldLabel
+      }, b.$attrs, {
+        name: a.name,
+        modelValue: t.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (h) => t.value = h)
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), v("div", Kt, [
+        u("div", {
           "data-cy": "input-wrapper",
-          class: $(["d-flex", t.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
+          class: B(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
         }, [
-          m("label", {
-            for: t.name,
-            class: $(t.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + t.labelWidthClass)
-          }, w(t.fieldLabel), 11, Ya),
-          t.type === "number" ? (s(), g(c(me), F({
+          u("label", {
+            for: a.name,
+            class: B(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
+          }, w(a.fieldLabel), 11, Zt),
+          a.type === "number" ? (d(), g(c(ce), F({
             key: 0,
-            id: t.name
-          }, h.$attrs, {
-            placeholder: t.placeholder,
-            "input-class": { "is-invalid": u.value },
-            class: { "is-invalid": u.value },
-            modelValue: a.value,
-            "onUpdate:modelValue": n[1] || (n[1] = (y) => a.value = y),
+            id: a.name
+          }, b.$attrs, {
+            placeholder: a.placeholder,
+            "input-class": { "is-invalid": m.value },
+            class: { "is-invalid": m.value },
+            modelValue: t.value,
+            "onUpdate:modelValue": n[1] || (n[1] = (h) => t.value = h),
             onInput: i
-          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : t.type === "textarea" ? (s(), g(C, F({
+          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), g($, F({
             key: 1,
-            id: t.name
-          }, h.$attrs, {
-            placeholder: t.placeholder,
-            class: { "is-invalid": u.value },
-            modelValue: a.value,
-            "onUpdate:modelValue": n[2] || (n[2] = (y) => a.value = y),
+            id: a.name
+          }, b.$attrs, {
+            placeholder: a.placeholder,
+            class: { "is-invalid": m.value },
+            modelValue: t.value,
+            "onUpdate:modelValue": n[2] || (n[2] = (h) => t.value = h),
             onInput: i,
-            onBlur: c(d)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : t.type === "mask" ? (s(), g(S, F({
+            onBlur: c(p)
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), g(T, F({
             key: 2,
-            id: t.name
-          }, h.$attrs, {
-            placeholder: t.placeholder,
-            mask: t.mask,
-            class: { "is-invalid": u.value },
-            modelValue: a.value,
-            "onUpdate:modelValue": n[3] || (n[3] = (y) => a.value = y),
+            id: a.name
+          }, b.$attrs, {
+            placeholder: a.placeholder,
+            mask: a.mask,
+            class: { "is-invalid": m.value },
+            modelValue: t.value,
+            "onUpdate:modelValue": n[3] || (n[3] = (h) => t.value = h),
             onComplete: i,
-            onBlur: c(d)
-          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : t.type === "text" ? (s(), g(M, F({
+            onBlur: c(p)
+          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), g(V, F({
             key: 3,
-            id: t.name
-          }, h.$attrs, {
-            placeholder: t.placeholder,
-            class: { "is-invalid": u.value },
-            modelValue: a.value,
-            "onUpdate:modelValue": n[4] || (n[4] = (y) => a.value = y),
+            id: a.name
+          }, b.$attrs, {
+            placeholder: a.placeholder,
+            class: { "is-invalid": m.value },
+            modelValue: t.value,
+            "onUpdate:modelValue": n[4] || (n[4] = (h) => t.value = h),
             onInput: i,
-            onBlur: c(d)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : t.type === "select" ? (s(), g(E, F({ key: 4 }, { ...t, ...h.$attrs }, {
-            modelValue: a.value,
-            "onUpdate:modelValue": n[5] || (n[5] = (y) => a.value = y),
-            class: { "is-invalid": u.value }
-          }), null, 16, ["modelValue", "class"])) : t.type === "multiselect" ? (s(), g(V, F({ key: 5 }, { ...t, ...h.$attrs }, {
-            modelValue: a.value,
-            "onUpdate:modelValue": n[6] || (n[6] = (y) => a.value = y),
-            class: { "is-invalid": u.value }
-          }), null, 16, ["modelValue", "class"])) : t.type === "multiselect-preview" ? (s(), g(Ua, F({ key: 6 }, { ...t, ...h.$attrs }, {
-            modelValue: a.value,
-            "onUpdate:modelValue": n[7] || (n[7] = (y) => a.value = y),
-            class: { "is-invalid": u.value }
-          }), null, 16, ["modelValue", "class"])) : t.type === "datepicker" ? (s(), g(f, F({ key: 7 }, { ...t, ...h.$attrs }, {
-            modelValue: a.value,
-            "onUpdate:modelValue": n[8] || (n[8] = (y) => a.value = y),
-            class: { "is-invalid": u.value }
-          }), null, 16, ["modelValue", "class"])) : j("", !0)
+            onBlur: c(p)
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), g(M, F({ key: 4 }, { ...a, ...b.$attrs }, {
+            modelValue: t.value,
+            "onUpdate:modelValue": n[5] || (n[5] = (h) => t.value = h),
+            class: { "is-invalid": m.value }
+          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), g(I, F({ key: 5 }, { ...a, ...b.$attrs }, {
+            modelValue: t.value,
+            "onUpdate:modelValue": n[6] || (n[6] = (h) => t.value = h),
+            class: { "is-invalid": m.value }
+          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), g(qt, F({ key: 6 }, { ...a, ...b.$attrs }, {
+            modelValue: t.value,
+            "onUpdate:modelValue": n[7] || (n[7] = (h) => t.value = h),
+            class: { "is-invalid": m.value }
+          }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), g(x, F({ key: 7 }, { ...a, ...b.$attrs }, {
+            modelValue: t.value,
+            "onUpdate:modelValue": n[8] || (n[8] = (h) => t.value = h),
+            class: { "is-invalid": m.value }
+          }), null, 16, ["modelValue", "class"])) : z("", !0)
         ], 2),
-        R(m("small", {
+        R(u("small", {
           "data-cy": "error",
           class: "invalid-feedback"
         }, w(c(r)), 513), [
-          [W, u.value && t.type !== "multiselect" && t.type !== "datepicker"]
+          [W, m.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
     };
   }
-}), Mi = /* @__PURE__ */ B({
+}), Ni = /* @__PURE__ */ S({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2174,34 +2211,34 @@ const Fa = { key: 0 }, Ba = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const a = e, t = z(() => ({
+    const t = e, a = C(() => ({
       root: [
         "badge d-inline-flex align-items-center border me-1 p-1",
         {
-          "rounded-pill": a.pill
+          "rounded-pill": t.pill
         },
         {
-          "bg-primary-subtle border-primary text-primary": a.chipSeverity === void 0 || a.chipSeverity === "primary",
-          "bg-brand-subtle border-brand text-brand": a.chipSeverity === "brand",
-          "bg-secondary-subtle border-secondary text-secondary": a.chipSeverity === "secondary",
-          "bg-success-subtle border-success text-success": a.chipSeverity === "success",
-          "bg-warning-subtle border-warning text-warning": a.chipSeverity === "warning",
-          "bg-danger-subtle border-danger text-danger": a.chipSeverity === "danger",
-          "bg-info-subtle border-info text-info": a.chipSeverity === "info"
+          "bg-primary-subtle border-primary text-primary": t.chipSeverity === void 0 || t.chipSeverity === "primary",
+          "bg-brand-subtle border-brand text-brand": t.chipSeverity === "brand",
+          "bg-secondary-subtle border-secondary text-secondary": t.chipSeverity === "secondary",
+          "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"
         }
       ]
     }));
     return (i, l) => {
-      const o = Ve;
-      return s(), g(o, F({ ...i.$attrs, ...i.$props }, { pt: t.value }), {
-        default: b(() => [
-          (s(!0), v(O, null, U(i.$slots, (r, p) => k(i.$slots, p, { slot: p })), 256))
+      const o = Me;
+      return d(), g(o, F({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+        default: f(() => [
+          (d(!0), v(O, null, A(i.$slots, (r, s) => k(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), Ka = /* @__PURE__ */ B({
+}), Xt = /* @__PURE__ */ S({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2217,8 +2254,8 @@ const Fa = { key: 0 }, Ba = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const a = e, t = z(() => a.striped ? "progress-bar-striped" : null), i = z(() => a.animate ? "progress-bar-animated" : null), l = z(() => {
-      switch (a.severity) {
+    const t = e, a = C(() => t.striped ? "progress-bar-striped" : null), i = C(() => t.animate ? "progress-bar-animated" : null), l = C(() => {
+      switch (t.severity) {
         case "brand":
           return "bg-brand";
         case "secondary":
@@ -2236,41 +2273,517 @@ const Fa = { key: 0 }, Ba = {
         default:
           return "bg-primary";
       }
-    }), o = z(() => ({
+    }), o = C(() => ({
       root: {
-        style: a.pixelWidth ? `width: ${a.pixelWidth}px` : ""
+        style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
       value: {
-        class: [l.value, t.value, i.value, "progress-bar"]
+        class: [l.value, a.value, i.value, "progress-bar"]
       }
     }));
-    return (r, p) => {
-      const d = Pe;
-      return s(), g(d, F({ ...r.$attrs, ...a }, { pt: o.value }), {
-        default: b(() => [
+    return (r, s) => {
+      const p = De;
+      return d(), g(p, F({ ...r.$attrs, ...t }, { pt: o.value }), {
+        default: f(() => [
           k(r.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), Za = { class: "value text-white w-100 text-center" }, Ii = /* @__PURE__ */ B({
+});
+var Qt = /* @__PURE__ */ S({
+  name: "VueDrawingCanvas",
+  props: {
+    strokeType: {
+      type: String,
+      validator: (e) => ["dash", "line", "square", "circle", "triangle", "half_triangle"].indexOf(e) !== -1,
+      default: () => "dash"
+    },
+    fillShape: {
+      type: Boolean,
+      default: () => !1
+    },
+    width: {
+      type: [String, Number],
+      default: () => 600
+    },
+    height: {
+      type: [String, Number],
+      default: () => 400
+    },
+    image: {
+      type: String,
+      default: () => ""
+    },
+    eraser: {
+      type: Boolean,
+      default: () => !1
+    },
+    color: {
+      type: String,
+      default: () => "#000000"
+    },
+    lineWidth: {
+      type: Number,
+      default: () => 5
+    },
+    lineCap: {
+      type: String,
+      validator: (e) => ["round", "square", "butt"].indexOf(e) !== -1,
+      default: () => "round"
+    },
+    lineJoin: {
+      type: String,
+      validator: (e) => ["miter", "round", "bevel"].indexOf(e) !== -1,
+      default: () => "miter"
+    },
+    lock: {
+      type: Boolean,
+      default: () => !1
+    },
+    styles: {
+      type: [Array, String, Object]
+    },
+    classes: {
+      type: [Array, String, Object]
+    },
+    backgroundColor: {
+      type: String,
+      default: () => "#FFFFFF"
+    },
+    backgroundImage: {
+      type: String,
+      default: () => null
+    },
+    watermark: {
+      type: Object,
+      default: () => null
+    },
+    saveAs: {
+      type: String,
+      validator: (e) => ["jpeg", "png"].indexOf(e) !== -1,
+      default: () => "png"
+    },
+    canvasId: {
+      type: String,
+      default: () => "VueDrawingCanvas"
+    },
+    initialImage: {
+      type: Array,
+      default: () => []
+    },
+    additionalImages: {
+      type: Array,
+      default: () => []
+    },
+    outputWidth: {
+      type: Number
+    },
+    outputHeight: {
+      type: Number
+    }
+  },
+  data() {
+    return {
+      loadedImage: null,
+      drawing: !1,
+      context: null,
+      images: [],
+      strokes: {
+        type: "",
+        from: {
+          x: 0,
+          y: 0
+        },
+        coordinates: [],
+        color: "",
+        width: "",
+        fill: !1,
+        lineCap: "",
+        lineJoin: ""
+      },
+      guides: [],
+      trash: []
+    };
+  },
+  mounted() {
+    this.setContext(), this.$nextTick(() => {
+      this.drawInitialImage(), this.drawAdditionalImages();
+    });
+  },
+  watch: {
+    backgroundImage: function() {
+      this.loadedImage = null;
+    }
+  },
+  methods: {
+    async setContext() {
+      let e = document.querySelector("#" + this.canvasId);
+      this.context = this.context ? this.context : e.getContext("2d"), await this.setBackground();
+    },
+    drawInitialImage() {
+      this.initialImage && this.initialImage.length > 0 && (this.images = [].concat(this.images, this.initialImage), this.redraw(!0));
+    },
+    drawAdditionalImages() {
+      if (this.additionalImages && this.additionalImages.length > 0) {
+        let e = document.querySelector("#" + this.canvasId);
+        this.additionalImages.forEach((t) => {
+          this.drawWatermark(e, this.context, t);
+        });
+      }
+    },
+    clear() {
+      this.context.clearRect(0, 0, Number(this.width), Number(this.height));
+    },
+    async setBackground() {
+      this.clear(), this.context.fillStyle = this.backgroundColor, this.context.fillRect(0, 0, Number(this.width), Number(this.height)), await this.$nextTick(async () => {
+        await this.drawBackgroundImage();
+      }), this.save();
+    },
+    async drawBackgroundImage() {
+      if (this.loadedImage)
+        this.context.drawImage(this.loadedImage, 0, 0, Number(this.width), Number(this.height));
+      else
+        return new Promise((e) => {
+          if (!this.backgroundImage) {
+            e();
+            return;
+          }
+          const t = new Image();
+          t.src = this.backgroundImage, t.onload = () => {
+            this.context.drawImage(t, 0, 0, Number(this.width), Number(this.height)), this.loadedImage = t, e();
+          };
+        });
+    },
+    getCoordinates(e) {
+      let t, a;
+      if (e.touches && e.touches.length > 0) {
+        let l = document.querySelector("#" + this.canvasId).getBoundingClientRect();
+        t = e.touches[0].clientX - l.left, a = e.touches[0].clientY - l.top;
+      } else
+        t = e.offsetX, a = e.offsetY;
+      return {
+        x: t,
+        y: a
+      };
+    },
+    startDraw(e) {
+      if (!this.lock) {
+        this.drawing = !0;
+        let t = this.getCoordinates(e);
+        this.strokes = {
+          type: this.eraser ? "eraser" : this.strokeType,
+          from: t,
+          coordinates: [],
+          color: this.eraser ? this.backgroundColor : this.color,
+          width: this.lineWidth,
+          fill: this.eraser || this.strokeType === "dash" || this.strokeType === "line" ? !1 : this.fillShape,
+          lineCap: this.lineCap,
+          lineJoin: this.lineJoin
+        }, this.guides = [];
+      }
+    },
+    draw(e) {
+      if (this.drawing) {
+        this.context || this.setContext();
+        let t = this.getCoordinates(e);
+        if (this.eraser || this.strokeType === "dash")
+          this.strokes.coordinates.push(t), this.drawShape(this.context, this.strokes, !1);
+        else {
+          switch (this.strokeType) {
+            case "line":
+              this.guides = [{
+                x: t.x,
+                y: t.y
+              }];
+              break;
+            case "square":
+              this.guides = [{
+                x: t.x,
+                y: this.strokes.from.y
+              }, {
+                x: t.x,
+                y: t.y
+              }, {
+                x: this.strokes.from.x,
+                y: t.y
+              }, {
+                x: this.strokes.from.x,
+                y: this.strokes.from.y
+              }];
+              break;
+            case "triangle":
+              let a = Math.floor((t.x - this.strokes.from.x) / 2) < 0 ? Math.floor((t.x - this.strokes.from.x) / 2) * -1 : Math.floor((t.x - this.strokes.from.x) / 2), i = this.strokes.from.x < t.x ? this.strokes.from.x + a : this.strokes.from.x - a;
+              this.guides = [{
+                x: t.x,
+                y: this.strokes.from.y
+              }, {
+                x: i,
+                y: t.y
+              }, {
+                x: this.strokes.from.x,
+                y: this.strokes.from.y
+              }];
+              break;
+            case "half_triangle":
+              this.guides = [{
+                x: t.x,
+                y: this.strokes.from.y
+              }, {
+                x: this.strokes.from.x,
+                y: t.y
+              }, {
+                x: this.strokes.from.x,
+                y: this.strokes.from.y
+              }];
+              break;
+            case "circle":
+              let l = this.strokes.from.x - t.x < 0 ? (this.strokes.from.x - t.x) * -1 : this.strokes.from.x - t.x;
+              this.guides = [{
+                x: this.strokes.from.x > t.x ? this.strokes.from.x - l : this.strokes.from.x + l,
+                y: this.strokes.from.y
+              }, {
+                x: l,
+                y: l
+              }];
+              break;
+          }
+          this.drawGuide(!0);
+        }
+      }
+    },
+    drawGuide(e) {
+      this.redraw(!0), this.$nextTick(() => {
+        this.context.strokeStyle = this.color, this.context.lineWidth = 1, this.context.lineJoin = this.lineJoin, this.context.lineCap = this.lineCap, this.context.beginPath(), this.context.setLineDash([15, 15]), this.strokes.type === "circle" ? this.context.ellipse(this.guides[0].x, this.guides[0].y, this.guides[1].x, this.guides[1].y, 0, 0, Math.PI * 2) : (this.context.moveTo(this.strokes.from.x, this.strokes.from.y), this.guides.forEach((t) => {
+          this.context.lineTo(t.x, t.y);
+        }), e && this.context.closePath()), this.context.stroke();
+      });
+    },
+    drawShape(e, t, a) {
+      e.strokeStyle = t.color, e.fillStyle = t.color, e.lineWidth = t.width, e.lineJoin = t.lineJoin === void 0 ? this.lineJoin : t.lineJoin, e.lineCap = t.lineCap === void 0 ? this.lineCap : t.lineCap, e.beginPath(), e.setLineDash([]), t.type === "circle" ? e.ellipse(t.coordinates[0].x, t.coordinates[0].y, t.coordinates[1].x, t.coordinates[1].y, 0, 0, Math.PI * 2) : (e.moveTo(t.from.x, t.from.y), t.coordinates.forEach((i) => {
+        e.lineTo(i.x, i.y);
+      }), a && e.closePath()), t.fill ? e.fill() : e.stroke();
+    },
+    stopDraw() {
+      this.drawing && (this.strokes.coordinates = this.guides.length > 0 ? this.guides : this.strokes.coordinates, this.images.push(this.strokes), this.redraw(!0), this.drawing = !1, this.trash = []);
+    },
+    reset() {
+      this.lock || (this.images = [], this.strokes = {
+        type: "",
+        coordinates: [],
+        color: "",
+        width: "",
+        fill: !1,
+        lineCap: "",
+        lineJoin: ""
+      }, this.guides = [], this.trash = [], this.redraw(!0));
+    },
+    undo() {
+      if (!this.lock) {
+        let e = this.images.pop();
+        e && (this.trash.push(e), this.redraw(!0));
+      }
+    },
+    redo() {
+      if (!this.lock) {
+        let e = this.trash.pop();
+        e && (this.images.push(e), this.redraw(!0));
+      }
+    },
+    async redraw(e) {
+      e = typeof e < "u" ? e : !0, await this.setBackground().then(() => {
+        this.drawAdditionalImages();
+      }).then(() => {
+        let t = document.createElement("canvas"), a = t.getContext("2d");
+        t.width = Number(this.width), t.height = Number(this.height), a && (this.images.forEach((i) => {
+          a && (a.globalCompositeOperation = i.type === "eraser" ? "destination-out" : "source-over", (i.type !== "circle" || i.type === "circle" && i.coordinates.length > 0) && this.drawShape(a, i, !(i.type === "eraser" || i.type === "dash" || i.type === "line")));
+        }), this.context.drawImage(t, 0, 0, Number(this.width), Number(this.height)));
+      }).then(() => {
+        e && this.save();
+      });
+    },
+    wrapText(e, t, a, i, l, o) {
+      const r = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
+      var p = t.split(r).filter((M) => M.length > 0);
+      for (let M = 0; M < p.length; M++) {
+        for (var m = p[M].split(s).filter((I) => I.length > 0), b = "", n = 0; n < m.length; n++) {
+          var $ = b + m[n] + " ", T = e.measureText($), V = T.width;
+          V > l && n > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(b, a, i) : e.fillText(b, a, i), b = m[n] + " ", i += o) : b = $;
+        }
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(b, a, i) : e.fillText(b, a, i), i += m.length > 0 ? o : 0;
+      }
+    },
+    save() {
+      let e = document.querySelector("#" + this.canvasId);
+      if (this.watermark) {
+        let t = document.createElement("canvas"), a = t.getContext("2d");
+        a && (t.width = Number(this.width), t.height = Number(this.height), a.drawImage(e, 0, 0, Number(this.width), Number(this.height)), this.drawWatermark(t, a, this.watermark));
+      } else {
+        let t = document.createElement("canvas"), a = t.getContext("2d"), i = this.outputWidth === void 0 ? this.width : this.outputWidth, l = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (t.width = Number(i), t.height = Number(l), a)
+          return a.drawImage(e, 0, 0, Number(i), Number(l)), this.$emit("update:image", t.toDataURL("image/" + this.saveAs, 1)), t.toDataURL("image/" + this.saveAs, 1);
+      }
+    },
+    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 r = document.createElement("canvas"), s = r.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, m = this.outputHeight === void 0 ? this.height : this.outputHeight;
+          if (r.width = Number(p), r.height = Number(m), s)
+            return s.drawImage(e, 0, 0, Number(p), Number(m)), this.$emit("update:image", r.toDataURL("image/" + this.saveAs, 1)), r.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", r = 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 n, $;
+          a.fontStyle && a.fontStyle.width ? n = a.x + Math.floor(a.fontStyle.width / 2) : n = a.x, a.fontStyle && a.fontStyle.lineHeight ? $ = a.y + Math.floor(a.fontStyle.lineHeight / 2) : $ = a.y, t.translate(n, $), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(n * -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 = r, 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"), m = this.outputWidth === void 0 ? this.width : this.outputWidth, b = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (s.width = Number(m), s.height = Number(b), p)
+          return p.drawImage(e, 0, 0, Number(m), Number(b)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
+      }
+    },
+    isEmpty() {
+      return !(this.images.length > 0);
+    },
+    getAllStrokes() {
+      return this.images;
+    }
+  },
+  render() {
+    return $e("canvas", {
+      id: this.canvasId,
+      height: Number(this.height),
+      width: Number(this.width),
+      style: {
+        touchAction: "none",
+        // @ts-ignore
+        ...this.styles
+      },
+      class: this.classes,
+      onMousedown: (e) => this.startDraw(e),
+      onMousemove: (e) => this.draw(e),
+      onMouseup: () => this.stopDraw(),
+      onMouseleave: () => this.stopDraw(),
+      onTouchstart: (e) => this.startDraw(e),
+      onTouchmove: (e) => this.draw(e),
+      onTouchend: () => this.stopDraw(),
+      onTouchleave: () => this.stopDraw(),
+      onTouchcancel: () => this.stopDraw(),
+      onPointerdown: (e) => this.startDraw(e),
+      onPointermove: (e) => this.draw(e),
+      onPointerup: () => this.stopDraw(),
+      onPointerleave: () => this.stopDraw(),
+      onPointercancel: () => this.stopDraw()
+    });
+  }
+});
+const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1 gap-1" }, Ui = /* @__PURE__ */ S({
+  __name: "ForgeScratchpad",
+  props: {
+    showClear: { type: Boolean, default: !0 },
+    showUndo: { type: Boolean, default: !0 },
+    showRedo: { type: Boolean, default: !0 },
+    showSave: { type: Boolean, default: !0 },
+    height: { default: 300 },
+    width: { default: 600 }
+  },
+  emits: ["save"],
+  setup(e, { emit: t }) {
+    const a = e, i = t, l = Be("drawingCanvas"), o = P(), r = () => {
+      l == null || l.value.reset();
+    }, s = () => {
+      l == null || l.value.redo();
+    }, p = () => {
+      l == null || l.value.undo();
+    }, m = () => {
+      i("save", l.value.isEmpty());
+    };
+    return (b, n) => {
+      const $ = N;
+      return d(), v("div", ea, [
+        y(c(Qt), F({
+          ref_key: "drawingCanvas",
+          ref: l,
+          image: o.value,
+          "onUpdate:image": n[0] || (n[0] = (T) => o.value = T),
+          "data-cy": "drawing-canvas",
+          class: "border canvas"
+        }, { ...b.$attrs }, {
+          height: b.height,
+          width: b.width,
+          style: `height: ${b.height}px; width: ${b.width}px`
+        }), null, 16, ["image", "height", "width", "style"]),
+        u("div", ta, [
+          a.showUndo ? (d(), g($, {
+            key: 0,
+            onClick: p,
+            outlined: "",
+            "data-cy": "undo-button"
+          }, {
+            default: f(() => n[1] || (n[1] = [
+              _("Undo")
+            ])),
+            _: 1
+          })) : z("", !0),
+          a.showRedo ? (d(), g($, {
+            key: 1,
+            onClick: s,
+            outlined: "",
+            "data-cy": "redo-button"
+          }, {
+            default: f(() => n[2] || (n[2] = [
+              _("Redo")
+            ])),
+            _: 1
+          })) : z("", !0),
+          a.showClear ? (d(), g($, {
+            key: 2,
+            onClick: r,
+            outlined: "",
+            "data-cy": "clear-button"
+          }, {
+            default: f(() => n[3] || (n[3] = [
+              _("Clear")
+            ])),
+            _: 1
+          })) : z("", !0),
+          a.showSave ? (d(), g($, {
+            key: 3,
+            onClick: m,
+            class: "ms-auto",
+            "data-cy": "save-button"
+          }, {
+            default: f(() => n[4] || (n[4] = [
+              _("Save")
+            ])),
+            _: 1
+          })) : z("", !0)
+        ])
+      ]);
+    };
+  }
+}), aa = { class: "value text-white w-100 text-center" }, Ai = /* @__PURE__ */ S({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
     severity: { default: "primary" }
   },
   setup(e) {
-    const a = e;
-    return (t, i) => (s(), v("div", F(t.$attrs, {
-      class: `d-flex shadow m-2 align-items-center widget--${a.size} bg-${a.severity}`
+    const t = e;
+    return (a, i) => (d(), v("div", F(a.$attrs, {
+      class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", Za, [
-        k(t.$slots, "default")
+      u("span", aa, [
+        k(a.$slots, "default")
       ])
     ], 16));
   }
-}), Ja = { key: 0 }, Oi = /* @__PURE__ */ B({
+}), ia = { key: 0 }, qi = /* @__PURE__ */ S({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -2288,13 +2801,13 @@ const Fa = { key: 0 }, Ba = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const a = e, t = z(() => ({
+    const t = e, a = C(() => ({
       header: {
         class: [
           "p-0 m-0 d-flex align-items-center border border-0 bg-transparent gap-1",
           {
-            "flex-row": a.inlineSteps,
-            "flex-column": !a.inlineSteps
+            "flex-row": t.inlineSteps,
+            "flex-column": !t.inlineSteps
           }
         ]
       },
@@ -2303,7 +2816,7 @@ const Fa = { key: 0 }, Ba = {
           "step mb-2 d-flex align-items-center justify-content-center",
           {
             inactive: i.disabled,
-            [`bg-${a.severity} text-white`]: i.active
+            [`bg-${t.severity} text-white`]: i.active
           }
         ]
       }),
@@ -2312,36 +2825,36 @@ const Fa = { key: 0 }, Ba = {
           "h5",
           {
             inactive: i.disabled,
-            [`border-bottom border-2 border-${a.severity}`]: i.active
+            [`border-bottom border-2 border-${t.severity}`]: i.active
           }
         ]
       })
     }));
-    return (i, l) => (s(), g(c(Ie), { value: i.currentStep }, {
-      default: b(() => [
-        x(c(Oe), null, {
-          default: b(() => [
-            (s(!0), v(O, null, U(i.steps, (o) => (s(), g(c(Me), F({
+    return (i, l) => (d(), g(c(Ne), { value: i.currentStep }, {
+      default: f(() => [
+        y(c(Ue), null, {
+          default: f(() => [
+            (d(!0), v(O, null, A(i.steps, (o) => (d(), g(c(Oe), F({
               key: o.value,
               value: o.value,
               disabled: o.disabled,
               ref_for: !0
-            }, { ...i.$attrs }, { pt: t.value }), {
-              default: b(() => [
-                i.showStepLabel ? (s(), v("div", Ja, w(o.label), 1)) : j("", !0)
+            }, { ...i.$attrs }, { pt: a.value }), {
+              default: f(() => [
+                i.showStepLabel ? (d(), v("div", ia, w(o.label), 1)) : z("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
           ]),
           _: 1
         }),
-        x(c(Ue), null, {
-          default: b(() => [
-            (s(!0), v(O, null, U(i.steps, (o) => (s(), g(c(De), {
+        y(c(qe), null, {
+          default: f(() => [
+            (d(!0), v(O, null, A(i.steps, (o) => (d(), g(c(Ae), {
               key: o.value,
               value: o.value
             }, {
-              default: b(() => [
+              default: f(() => [
                 k(i.$slots, "step" + o.value)
               ]),
               _: 2
@@ -2353,7 +2866,7 @@ const Fa = { key: 0 }, Ba = {
       _: 3
     }, 8, ["value"]));
   }
-}), Xa = { class: "p-4 text-wrap w-100" }, Qa = { class: "p-4 text-wrap w-100" }, Di = /* @__PURE__ */ B({
+}), la = { class: "p-4 text-wrap w-100" }, oa = { class: "p-4 text-wrap w-100" }, Li = /* @__PURE__ */ S({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2362,48 +2875,48 @@ const Fa = { key: 0 }, Ba = {
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, t = z(() => `${a.severity === void 0 ? "tile-primary" : `tile-${a.severity}`} ${a.barPosition === "none" ? "" : `tile-bar-${a.barPosition}`} ${a.selected ? "selected" : ""}`), i = z(() => `${a.severity === void 0 ? "tile-primary border-primary" : `tile-${a.severity} border-${a.severity}`} ${a.barPosition === "none" ? "" : `tile-bar-${a.barPosition}`} ${a.selected ? "selected" : ""}`);
+    const t = e, a = C(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = C(() => `${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 r = A;
-      return a.clickable ? (s(), g(r, {
+      const r = N;
+      return t.clickable ? (d(), g(r, {
         key: 0,
-        class: $(["d-flex w-100 p-0 text-body", t.value]),
-        severity: a.severity,
+        class: B(["d-flex w-100 p-0 text-body", a.value]),
+        severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: b(() => [
-          m("div", Xa, [
+        default: f(() => [
+          u("div", la, [
             k(l.$slots, "default", {}, () => [
-              o[0] || (o[0] = P("Tile Content"))
+              o[0] || (o[0] = _("Tile Content"))
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (s(), v("div", {
+      }, 8, ["severity", "class"])) : (d(), v("div", {
         key: 1,
-        class: $(["d-flex w-100", i.value]),
+        class: B(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
-        m("div", Qa, [
+        u("div", oa, [
           k(l.$slots, "default", {}, () => [
-            o[1] || (o[1] = P("Tile Content"))
+            o[1] || (o[1] = _("Tile Content"))
           ])
         ])
       ], 2));
     };
   }
 });
-function J(e, a) {
-  return e > 1 ? `${a}s` : a;
+function Z(e, t) {
+  return e > 1 ? `${t}s` : t;
 }
-const et = {
+const na = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, at = { class: "ms-2" }, tt = { key: 0 }, it = {
+}, sa = { class: "ms-2" }, ra = { key: 0 }, da = {
   class: "w-auto",
   "data-cy": "total"
-}, lt = /* @__PURE__ */ B({
+}, pa = /* @__PURE__ */ S({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2411,33 +2924,33 @@ const et = {
     perPage: { default: 10 }
   },
   emits: ["update:perPage"],
-  setup(e, { emit: a }) {
-    const t = a, i = e, l = (r) => {
-      t("update:perPage", r.value);
-    }, o = z(() => {
+  setup(e, { emit: t }) {
+    const a = t, i = e, l = (r) => {
+      a("update:perPage", r.value);
+    }, o = C(() => {
       const r = Math.ceil(i.total / i.perPage);
-      return `${r} ${J(r, "page")}`;
+      return `${r} ${Z(r, "page")}`;
     });
-    return (r, p) => (s(), v("div", et, [
-      p[2] || (p[2] = P(" Number of results per page ")),
-      m("div", at, [
-        x(c(te), {
+    return (r, s) => (d(), v("div", na, [
+      s[2] || (s[2] = _(" Number of results per page ")),
+      u("div", sa, [
+        y(c(te), {
           options: i.pageSizes,
           "model-value": i.perPage,
           class: "page-size",
-          onChange: p[0] || (p[0] = (d) => l(d))
+          onChange: s[0] || (s[0] = (p) => l(p))
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (s(), v("div", tt, [
-        p[1] || (p[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", it, w(i.total) + " " + w(c(J)(i.total, "result")) + " across " + w(o.value), 1)
-      ])) : j("", !0)
+      i.total ? (d(), v("div", ra, [
+        s[1] || (s[1] = u("span", { class: "mx-2" }, "|", -1)),
+        u("span", da, w(i.total) + " " + w(c(Z)(i.total, "result")) + " across " + w(o.value), 1)
+      ])) : z("", !0)
     ]));
   }
-}), ot = { class: "position-relative" }, nt = { "data-cy": "above-table-slot" }, st = { class: "d-flex w-100" }, rt = {
+}), ca = { class: "position-relative" }, ma = { "data-cy": "above-table-slot" }, ua = { class: "d-flex w-100" }, va = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, pt = { class: "d-flex" }, dt = { class: "d-flex align-items-end mb-2" }, ct = { key: 0 }, mt = { class: "ms-auto" }, Ui = /* @__PURE__ */ B({
+}, fa = { class: "d-flex" }, ga = { class: "d-flex align-items-end mb-2" }, ba = { key: 0 }, xa = { class: "ms-auto" }, Ei = /* @__PURE__ */ S({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2522,18 +3035,18 @@ const et = {
     unstyled: { type: Boolean }
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
-  setup(e, { emit: a }) {
-    const t = a, i = e, l = _(), o = _([5, 10, 20, 50, 100]), r = _(10), p = _({
+  setup(e, { emit: t }) {
+    const a = t, i = e, l = P(), o = P([5, 10, 20, 50, 100]), r = P(10), s = P({
       filters: i.filters,
       perPage: r.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: i.totalRecords ?? i.value.length
-    }), d = z(() => i.totalRecords ?? i.value.length), u = z(() => {
-      const f = Math.ceil(d.value / r.value);
-      return `${f} ${J(f, "page")}`;
-    }), h = z(() => ({
+    }), p = C(() => i.totalRecords ?? i.value.length), m = C(() => {
+      const x = Math.ceil(p.value / r.value);
+      return `${x} ${Z(x, "page")}`;
+    }), b = C(() => ({
       thead: () => ({
         class: [
           {
@@ -2559,148 +3072,148 @@ const et = {
       if (i.clearAll)
         i.clearAll();
       else
-        for (const f in i.filters)
-          typeof i.filters[f] == "string" ? i.filters[f] = "" : i.filters[f].value = null;
-      M(i.filters);
-    }, C = () => {
+        for (const x in i.filters)
+          typeof i.filters[x] == "string" ? i.filters[x] = "" : i.filters[x].value = null;
+      V(i.filters);
+    }, $ = () => {
       l.value.exportCSV();
-    }, S = (f) => {
-      var y;
-      p.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((y = f.sortField) == null ? void 0 : y.toString()) ?? "", t("update:tableContext", p.value), t("sort", f);
-    }, M = (f) => {
-      p.value.filters = f, t("update:tableContext", p.value), t("update:filters", f);
-    }, E = (f) => {
-      p.value.page = f.page, t("update:tableContext", p.value), t("page", f);
-    }, V = () => {
-      p.value.perPage = r.value, t("update:tableContext", p.value);
+    }, T = (x) => {
+      var h;
+      s.value.sortDirection = x.sortOrder === 1 ? "Asc" : x.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((h = x.sortField) == null ? void 0 : h.toString()) ?? "", a("update:tableContext", s.value), a("sort", x);
+    }, V = (x) => {
+      s.value.filters = x, a("update:tableContext", s.value), a("update:filters", x);
+    }, M = (x) => {
+      s.value.page = x.page, a("update:tableContext", s.value), a("page", x);
+    }, I = () => {
+      s.value.perPage = r.value, a("update:tableContext", s.value);
     };
-    return de(() => i.filters, (f) => {
-      p.value.filters = f, t("update:tableContext", p.value);
-    }, { deep: !0 }), ee(() => t("update:tableContext", p.value)), (f, y) => (s(), v("div", ot, [
-      m("span", nt, [
-        k(f.$slots, "above-table")
+    return pe(() => i.filters, (x) => {
+      s.value.filters = x, a("update:tableContext", s.value);
+    }, { deep: !0 }), ie(() => a("update:tableContext", s.value)), (x, h) => (d(), v("div", ca, [
+      u("span", ma, [
+        k(x.$slots, "above-table")
       ]),
-      x(c(qe), F({
+      y(c(Le), F({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
-      }, { ...i, ...f.$attrs }, {
-        pt: h.value,
+      }, { ...i, ...x.$attrs }, {
+        pt: b.value,
         rows: r.value,
-        "total-records": d.value,
+        "total-records": p.value,
         "filter-display": i.filters ? "row" : void 0,
         ref_key: "forgeTable",
         ref: l,
         "data-cy": "table",
-        "onUpdate:filters": M,
-        onSort: S,
-        onPage: E,
+        "onUpdate:filters": V,
+        onSort: T,
+        onPage: M,
         showHeaders: ""
-      }), ie({
-        empty: b(() => [
-          m("div", st, [
-            m("h5", rt, w(f.emptyMessage ?? "No items Found."), 1)
+      }), ae({
+        empty: f(() => [
+          u("div", ua, [
+            u("h5", va, w(x.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
-        header: b(() => [
-          m("div", {
-            class: $(i.loading ? "opacity-50" : "")
+        header: f(() => [
+          u("div", {
+            class: B(i.loading ? "opacity-50" : "")
           }, [
-            m("div", pt, [
-              m("div", dt, [
-                f.paginator && !f.legacyPaginationFooter ? (s(), v("span", ct, [
-                  x(lt, {
-                    total: d.value,
+            u("div", fa, [
+              u("div", ga, [
+                x.paginator && !x.legacyPaginationFooter ? (d(), v("span", ba, [
+                  y(pa, {
+                    total: p.value,
                     "page-sizes": o.value,
                     "per-page": r.value,
                     "onUpdate:perPage": [
-                      y[0] || (y[0] = (L) => r.value = L),
-                      V
+                      h[0] || (h[0] = (L) => r.value = L),
+                      I
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : j("", !0)
+                ])) : z("", !0)
               ]),
-              m("div", mt, [
-                f.showClearButton ? (s(), g(c(A), {
+              u("div", xa, [
+                x.showClearButton ? (d(), g(c(N), {
                   key: 0,
                   outlined: "",
-                  class: $(f.showExporterButton ? "me-2" : ""),
+                  class: B(x.showExporterButton ? "me-2" : ""),
                   onClick: n,
                   "data-cy": "clear-all"
                 }, {
-                  default: b(() => [
-                    x(c(T), {
+                  default: f(() => [
+                    y(c(j), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    y[2] || (y[2] = P(" Clear "))
+                    h[2] || (h[2] = _(" Clear "))
                   ]),
                   _: 1
-                }, 8, ["class"])) : j("", !0),
-                f.showExporterButton ? (s(), g(c(A), {
+                }, 8, ["class"])) : z("", !0),
+                x.showExporterButton ? (d(), g(c(N), {
                   key: 1,
                   outlined: "",
-                  onClick: C,
+                  onClick: $,
                   "data-cy": "exporter"
                 }, {
-                  default: b(() => [
-                    x(c(T), {
+                  default: f(() => [
+                    y(c(j), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
-                    y[3] || (y[3] = P(" Export "))
+                    h[3] || (h[3] = _(" Export "))
                   ]),
                   _: 1
-                })) : j("", !0),
-                k(f.$slots, "column-customiser")
+                })) : z("", !0),
+                k(x.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
-        default: b(() => [
-          k(f.$slots, "default")
+        default: f(() => [
+          k(x.$slots, "default")
         ]),
         _: 2
       }, [
-        U(f.$slots, (L, K) => ({
-          name: K,
-          fn: b((ye) => [
-            k(f.$slots, K, X(Q(ye || {})))
+        A(x.$slots, (L, J) => ({
+          name: J,
+          fn: f((ye) => [
+            k(x.$slots, J, X(Q(ye || {})))
           ])
         })),
-        f.legacyPaginationFooter ? {
+        x.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: b(() => [
-            m("span", {
-              class: $(["d-flex", i.loading ? "opacity-50" : ""]),
+          fn: f(() => [
+            u("span", {
+              class: B(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              y[4] || (y[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              x(c(te), {
+              h[4] || (h[4] = u("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
+              y(c(te), {
                 options: o.value,
                 modelValue: r.value,
-                "onUpdate:modelValue": y[1] || (y[1] = (L) => r.value = L),
+                "onUpdate:modelValue": h[1] || (h[1] = (L) => r.value = L),
                 class: "ms-2",
-                onClick: V
+                onClick: I
               }, null, 8, ["options", "modelValue"])
             ], 2)
           ]),
           key: "0"
         } : void 0,
-        f.legacyPaginationFooter ? {
+        x.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: b(() => [
-            m("span", {
+          fn: f(() => [
+            u("span", {
               "data-cy": "legacy-total",
-              class: $(i.loading ? "opacity-50" : "")
-            }, w(d.value) + " " + w(c(J)(d.value, "result")) + " across " + w(u.value), 3)
+              class: B(i.loading ? "opacity-50" : "")
+            }, w(p.value) + " " + w(c(Z)(p.value, "result")) + " across " + w(m.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), ut = { class: "d-flex position-relative" }, vt = { class: "d-flex w-100" }, qi = /* @__PURE__ */ B({
+}), ya = { class: "d-flex position-relative" }, ha = { class: "d-flex w-100" }, Ri = /* @__PURE__ */ S({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ q({
     dataType: {},
@@ -2715,56 +3228,56 @@ const et = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = I(e, "modelValue"), t = (l, o) => {
+    const t = D(e, "modelValue"), a = (l, o) => {
       if (!l || Array.isArray(l) && l.length === 0)
         return o;
-      const r = (p) => {
-        var u;
-        const d = (u = e.dropdownOptions) == null ? void 0 : u.find(
-          (h) => e.optionValue ? h[e.optionValue] === p : Object.keys(h).every((n) => p.hasOwnProperty(n) && h[n] === p[n])
+      const r = (s) => {
+        var m;
+        const p = (m = e.dropdownOptions) == null ? void 0 : m.find(
+          (b) => e.optionValue ? b[e.optionValue] === s : Object.keys(b).every((n) => s.hasOwnProperty(n) && b[n] === s[n])
         );
-        return e.optionLabel ? d[e.optionLabel] : d;
+        return e.optionLabel ? p[e.optionLabel] : p;
       };
       return Array.isArray(l) ? l.map(r).join(", ") : r(l);
     }, i = () => {
-      e.clearFilter ? e.clearFilter() : a.value = null;
+      e.clearFilter ? e.clearFilter() : t.value = null;
     };
     return (l, o) => {
-      const r = me, p = A;
-      return s(), v("div", ut, [
-        l.dataType === "numeric" ? (s(), g(r, F({
+      const r = ce, s = N;
+      return d(), v("div", ya, [
+        l.dataType === "numeric" ? (d(), g(r, F({
           key: 0,
-          modelValue: a.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (d) => a.value = d)
-        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (s(), g(be, F({
+          modelValue: t.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (p) => t.value = p)
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (d(), g(ge, F({
           key: 1,
-          modelValue: a.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (d) => a.value = d)
+          modelValue: t.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (p) => t.value = p)
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (s(), g(c(te), F({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), g(c(te), F({
           key: 2,
-          modelValue: a.value,
-          "onUpdate:modelValue": o[2] || (o[2] = (d) => a.value = d)
+          modelValue: t.value,
+          "onUpdate:modelValue": o[2] || (o[2] = (p) => t.value = p)
         }, l.$attrs, {
           options: l.dropdownOptions,
           "option-value": l.optionValue,
           "option-label": l.optionLabel
         }), {
-          value: b(({ value: d, placeholder: u }) => [
-            m("div", vt, [
-              m("span", {
-                class: $({ "filter-placeholder": d === null })
-              }, w(t(d, u)), 3),
-              l.showClearButton && a.value !== null ? (s(), g(p, {
+          value: f(({ value: p, placeholder: m }) => [
+            u("div", ha, [
+              u("span", {
+                class: B({ "filter-placeholder": p === null })
+              }, w(a(p, m)), 3),
+              l.showClearButton && t.value !== null ? (d(), g(s, {
                 key: 0,
-                onClick: G(i, ["prevent"]),
+                onClick: Y(i, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
-                default: b(() => [
-                  x(c(T), {
+                default: f(() => [
+                  y(c(j), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -2772,33 +3285,33 @@ const et = {
                   })
                 ]),
                 _: 1
-              })) : j("", !0)
+              })) : z("", !0)
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (s(), g(c(oe), F({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), g(c(oe), F({
           key: 3,
-          modelValue: a.value,
-          "onUpdate:modelValue": o[3] || (o[3] = (d) => a.value = d)
+          modelValue: t.value,
+          "onUpdate:modelValue": o[3] || (o[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"])) : (s(), g(c(le), F({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), g(c(le), F({
           key: 4,
-          modelValue: a.value,
-          "onUpdate:modelValue": o[4] || (o[4] = (d) => a.value = d)
+          modelValue: t.value,
+          "onUpdate:modelValue": o[4] || (o[4] = (p) => t.value = p)
         }, l.$attrs), null, 16, ["modelValue"])),
-        l.showClearButton && a.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (s(), g(p, {
+        l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (d(), g(s, {
           key: 5,
-          onClick: G(i, ["prevent"]),
+          onClick: Y(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(() => [
-            x(c(T), {
+          default: f(() => [
+            y(c(j), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -2806,7 +3319,7 @@ const et = {
             })
           ]),
           _: 1
-        })) : j("", !0)
+        })) : z("", !0)
       ]);
     };
   }
@@ -3863,113 +4376,113 @@ const re = {
   "video/webm": ["webm"]
 };
 Object.freeze(re);
-var D = function(e, a, t, i) {
-  if (t === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof a == "function" ? e !== a || !i : !a.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return t === "m" ? i : t === "a" ? i.call(e) : i ? i.value : a.get(e);
-}, H, Y, N;
-class ge {
-  constructor(...a) {
-    H.set(this, /* @__PURE__ */ new Map()), Y.set(this, /* @__PURE__ */ new Map()), N.set(this, /* @__PURE__ */ new Map());
-    for (const t of a)
-      this.define(t);
+var U = 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);
+}, H, G, E;
+class be {
+  constructor(...t) {
+    H.set(this, /* @__PURE__ */ new Map()), G.set(this, /* @__PURE__ */ new Map()), E.set(this, /* @__PURE__ */ new Map());
+    for (const a of t)
+      this.define(a);
   }
-  define(a, t = !1) {
-    for (let [i, l] of Object.entries(a)) {
-      i = i.toLowerCase(), l = l.map((p) => p.toLowerCase()), D(this, N, "f").has(i) || D(this, N, "f").set(i, /* @__PURE__ */ new Set());
-      const o = D(this, N, "f").get(i);
+  define(t, a = !1) {
+    for (let [i, l] of Object.entries(t)) {
+      i = i.toLowerCase(), l = l.map((s) => s.toLowerCase()), U(this, E, "f").has(i) || U(this, E, "f").set(i, /* @__PURE__ */ new Set());
+      const o = U(this, E, "f").get(i);
       let r = !0;
-      for (let p of l) {
-        const d = p.startsWith("*");
-        if (p = d ? p.slice(1) : p, o == null || o.add(p), r && D(this, Y, "f").set(i, p), r = !1, d)
+      for (let s of l) {
+        const p = s.startsWith("*");
+        if (s = p ? s.slice(1) : s, o == null || o.add(s), r && U(this, G, "f").set(i, s), r = !1, p)
           continue;
-        const u = D(this, H, "f").get(p);
-        if (u && u != i && !t)
-          throw new Error(`"${i} -> ${p}" conflicts with "${u} -> ${p}". Pass \`force=true\` to override this definition.`);
-        D(this, H, "f").set(p, i);
+        const m = U(this, H, "f").get(s);
+        if (m && m != i && !a)
+          throw new Error(`"${i} -> ${s}" conflicts with "${m} -> ${s}". Pass \`force=true\` to override this definition.`);
+        U(this, H, "f").set(s, i);
       }
     }
     return this;
   }
-  getType(a) {
-    if (typeof a != "string")
+  getType(t) {
+    if (typeof t != "string")
       return null;
-    const t = a.replace(/^.*[/\\]/, "").toLowerCase(), i = t.replace(/^.*\./, "").toLowerCase(), l = t.length < a.length;
-    return !(i.length < t.length - 1) && l ? null : D(this, H, "f").get(i) ?? null;
+    const a = t.replace(/^.*[/\\]/, "").toLowerCase(), i = a.replace(/^.*\./, "").toLowerCase(), l = a.length < t.length;
+    return !(i.length < a.length - 1) && l ? null : U(this, H, "f").get(i) ?? null;
   }
-  getExtension(a) {
-    var t;
-    return typeof a != "string" ? null : (a = (t = a == null ? void 0 : a.split) == null ? void 0 : t.call(a, ";")[0], (a && D(this, Y, "f").get(a.trim().toLowerCase())) ?? 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 && U(this, G, "f").get(t.trim().toLowerCase())) ?? null);
   }
-  getAllExtensions(a) {
-    return typeof a != "string" ? null : D(this, N, "f").get(a.toLowerCase()) ?? null;
+  getAllExtensions(t) {
+    return typeof t != "string" ? null : U(this, E, "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 a of D(this, N, "f").values())
-      Object.freeze(a);
+    for (const t of U(this, E, "f").values())
+      Object.freeze(t);
     return this;
   }
   _getTestState() {
     return {
-      types: D(this, H, "f"),
-      extensions: D(this, Y, "f")
+      types: U(this, H, "f"),
+      extensions: U(this, G, "f")
     };
   }
 }
-H = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-new ge(re, se)._freeze();
-function xe(e, a, t, i) {
-  const l = a.flatMap((o) => o.file);
-  return a = a.map((o) => ({ ...o, status: o.status == "Duplicate" ? "Not Uploaded" : o.status })), e.forEach((o) => {
-    const r = l.findIndex((d) => d.name === o.name);
-    let p = "Not Uploaded";
-    r === -1 ? ((!t.includes(o.type) || !(o.size <= i)) && (p = t.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), a.unshift({
+H = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
+new be(re, se)._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 r = l.findIndex((p) => p.name === o.name);
+    let s = "Not Uploaded";
+    r === -1 ? ((!a.includes(o.type) || !(o.size <= i)) && (s = a.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
       file: o,
-      status: p,
+      status: s,
       blobFileName: null
-    })) : a[r].status = "Duplicate";
-  }), a;
+    })) : t[r].status = "Duplicate";
+  }), t;
 }
-async function ft(e, a) {
-  if (e === "Uploaded" && a !== null)
+async function wa(e, t) {
+  if (e === "Uploaded" && t !== null)
     try {
-      await new ue(a).delete();
-    } catch (t) {
-      if (t !== "BlobNotFound") {
+      await new me(t).delete();
+    } catch (a) {
+      if (a !== "BlobNotFound") {
         e = "DeleteFileFailed";
         return;
       }
     }
 }
-function pe(e, a = !0, t = 1) {
-  const i = a ? 1e3 : 1024;
+function de(e, t = !0, a = 1) {
+  const i = t ? 1e3 : 1024;
   if (Math.abs(e) < i)
     return e + " B";
-  const l = a ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+  const l = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
   let o = -1;
-  const r = 10 ** t;
+  const r = 10 ** a;
   do
     e /= i, ++o;
   while (Math.round(Math.abs(e) * r) / r >= i && o < l.length - 1);
-  return e.toFixed(t) + " " + l[o];
+  return e.toFixed(a) + " " + l[o];
 }
-function bt(e) {
+function ka(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function gt(e) {
+function $a(e) {
   return URL.createObjectURL(e);
 }
-function xt() {
-  const e = new ge(re, se);
+function Ba() {
+  const e = new be(re, se);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disabled", "multiple"], wt = {
+const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disabled", "multiple"], za = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, kt = /* @__PURE__ */ B({
+}, Ca = /* @__PURE__ */ S({
   __name: "UploadButton",
   props: /* @__PURE__ */ q({
     acceptedFileTypes: {},
@@ -3981,71 +4494,71 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = I(e, "modelValue"), t = _(), i = (r) => t.value.toggle(r), l = z(() => e.maxFileInput <= a.value.length), o = (r) => {
-      a.value = xe(r, a.value, e.acceptedFileTypes.map((p) => p.fileType), e.maxFileInput);
+    const t = D(e, "modelValue"), a = P(), i = (r) => a.value.toggle(r), l = C(() => e.maxFileInput <= t.value.length), o = (r) => {
+      t.value = xe(r, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
     };
-    return (r, p) => {
-      const d = A;
-      return s(), v("div", yt, [
+    return (r, s) => {
+      const p = N;
+      return d(), v("div", Sa, [
         k(r.$slots, "message"),
-        m("div", null, [
-          m("input", {
+        u("div", null, [
+          u("input", {
             id: "file-input",
             type: "file",
             class: "d-none",
             accept: r.acceptedFileTypes.join(", "),
             disabled: l.value,
             multiple: r.maxFileInput > 1,
-            onInput: p[0] || (p[0] = (u) => o([...u.target.files]))
-          }, null, 40, ht),
-          m("label", {
-            class: $([{ disabled: l.value }, "btn btn-primary"]),
+            onInput: s[0] || (s[0] = (m) => o([...m.target.files]))
+          }, null, 40, Fa),
+          u("label", {
+            class: B([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
             k(r.$slots, "button-content", {}, () => [
-              x(c(T), {
+              y(c(j), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
                 width: "20px"
               }),
-              p[1] || (p[1] = P(" Browse your computer "))
+              s[1] || (s[1] = _(" Browse your computer "))
             ])
           ], 2)
         ]),
-        r.showDragDropArea ? (s(), g(d, {
+        r.showDragDropArea ? (d(), g(p, {
           link: "",
           class: "ms-auto",
           key: r.acceptedFileTypes.length,
           id: "accepted-file-types",
           onClick: i
         }, {
-          default: b(() => p[2] || (p[2] = [
-            P("Accepted File Types")
+          default: f(() => s[2] || (s[2] = [
+            _("Accepted File Types")
           ])),
           _: 1
-        })) : j("", !0),
-        x(c(ve), {
+        })) : z("", !0),
+        y(c(ue), {
           ref_key: "acceptedFilesOverlay",
-          ref: t
+          ref: a
         }, {
-          default: b(() => [
-            m("div", wt, w(r.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
+          default: f(() => [
+            u("div", za, w(r.acceptedFileTypes.map((m) => m.label ?? m.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), $t = {
+}), Ta = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, Ft = {
+}, ja = {
   key: 1,
   class: "d-flex flex-column"
-}, Bt = /* @__PURE__ */ B({
+}, Ia = /* @__PURE__ */ S({
   __name: "DragDropArea",
   props: /* @__PURE__ */ q({
     maxFileInput: {},
@@ -4057,30 +4570,30 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = I(e, "modelValue"), t = _(!1), i = z(() => e.maxFileInput <= a.value.length), l = (o) => {
-      t.value = !1, o.dataTransfer.files.length > e.maxFileInput || i.value ? o.preventDefault() : a.value = xe([...o.dataTransfer.files], a.value, e.acceptedFileTypes.map((r) => r.fileType), e.maxFileSize);
+    const t = D(e, "modelValue"), a = P(!1), i = C(() => 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((r) => r.fileType), e.maxFileSize);
     };
-    return (o, r) => (s(), v("div", {
+    return (o, r) => (d(), v("div", {
       id: "drag-drop-area",
-      class: $(`${t.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: r[0] || (r[0] = G((p) => t.value = !1, ["prevent"])),
-      onDragover: r[1] || (r[1] = G((p) => t.value = !0, ["prevent"])),
-      onDrop: G(l, ["prevent"])
+      class: B(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      onDragleave: r[0] || (r[0] = Y((s) => a.value = !1, ["prevent"])),
+      onDragover: r[1] || (r[1] = Y((s) => a.value = !0, ["prevent"])),
+      onDrop: Y(l, ["prevent"])
     }, [
-      a.value.length === 0 ? (s(), v("div", $t, [
-        x(c(T), {
+      t.value.length === 0 ? (d(), v("div", Ta, [
+        y(c(j), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        r[2] || (r[2] = P(" Drag and drop files here "))
-      ])) : (s(), v("div", Ft, [
+        r[2] || (r[2] = _(" Drag and drop files here "))
+      ])) : (d(), v("div", ja, [
         k(o.$slots, "default")
       ]))
     ], 34));
   }
-}), zt = { class: "d-flex align-items-center me-2" }, jt = /* @__PURE__ */ B({
+}), Pa = { class: "d-flex align-items-center me-2" }, _a = /* @__PURE__ */ S({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -4089,12 +4602,12 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const a = z(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), t = z(() => {
+    const t = C(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), a = C(() => {
       switch (e.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 ${de(e.maxFileSize)} limit.`;
         case "Aborted":
           return "Upload Failed: User cancelled.";
         case "DeleteFileFailed":
@@ -4105,41 +4618,41 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (i, l) => (s(), v("div", zt, [
-      i.uploadStatus === "Uploading" ? (s(), g(Ka, {
+    return (i, l) => (d(), v("div", Pa, [
+      i.uploadStatus === "Uploading" ? (d(), g(Xt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
-        default: b(() => [
-          P(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
+        default: f(() => [
+          _(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
-      })) : j("", !0),
-      i.uploadStatus !== "Uploading" && i.uploadStatus !== "Not Uploaded" && i.uploadStatus !== "Uploaded" && i.uploadStatus !== "Preparing" ? (s(), g(ne, {
+      })) : z("", !0),
+      i.uploadStatus !== "Uploading" && i.uploadStatus !== "Not Uploaded" && i.uploadStatus !== "Uploaded" && i.uploadStatus !== "Preparing" ? (d(), g(ne, {
         key: 1,
         id: "upload-status-alert",
-        severity: a.value,
+        severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
-        default: b(() => [
-          P(w(t.value), 1)
+        default: f(() => [
+          _(w(a.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : j("", !0)
+      }, 8, ["severity"])) : z("", !0)
     ]));
   }
-}), Ct = ["data-cy"], Tt = { class: "ms-3 d-flex flex-column" }, _t = {
+}), Va = ["data-cy"], Ma = { class: "ms-3 d-flex flex-column" }, Da = {
   key: 1,
   id: "file-name"
-}, St = {
+}, Oa = {
   class: "text-black-50",
   id: "file-type"
-}, Vt = {
+}, Na = {
   class: "text-black-50",
   id: "file-size"
-}, Pt = { class: "ms-auto my-auto d-flex" }, Mt = /* @__PURE__ */ B({
+}, Ua = { class: "ms-auto my-auto d-flex" }, Aa = /* @__PURE__ */ S({
   __name: "FileInfo",
   props: /* @__PURE__ */ q({
     editableFileName: { type: Boolean },
@@ -4157,60 +4670,60 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
     uploadStatusModifiers: {}
   }),
   emits: /* @__PURE__ */ q(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
-  setup(e, { emit: a }) {
-    const t = I(e, "file"), i = I(e, "blobFileName"), l = I(e, "uploadStatus"), o = a, r = _(t.value.name), p = _(""), d = _(0), u = _(), h = z(() => e.acceptedFileTypes.some(({ fileType: V }) => V === t.value.type)), n = z(() => t.value.size <= e.maxFileSize), C = z(() => t.value.type ? t.value.type : xt().getType(t.value.name)), S = () => {
-      r.value != null && (t.value = new File([t.value], r.value, { type: t.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
-    }, M = async () => {
-      if (!h.value || !n.value) {
-        l.value = h.value ? "InvalidFileSize" : "InvalidFileType";
+  setup(e, { emit: t }) {
+    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), o = t, r = P(a.value.name), s = P(""), p = P(0), m = P(), b = C(() => e.acceptedFileTypes.some(({ fileType: I }) => I === a.value.type)), n = C(() => a.value.size <= e.maxFileSize), $ = C(() => a.value.type ? a.value.type : Ba().getType(a.value.name)), T = () => {
+      r.value != null && (a.value = new File([a.value], r.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
+    }, V = async () => {
+      if (!b.value || !n.value) {
+        l.value = b.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      l.value = "Preparing", u.value = new AbortController();
-      const [V, f] = await e.getFileUrlAction(t.value.name);
-      if (!V) {
+      l.value = "Preparing", m.value = new AbortController();
+      const [I, x] = await e.getFileUrlAction(a.value.name);
+      if (!I) {
         l.value = "Failed";
         return;
       }
       try {
         l.value = "Uploading";
-        const y = new ue(V), L = {
-          abortSignal: u.value.signal,
-          onProgress: (K) => d.value = K.loadedBytes,
+        const h = new me(I), L = {
+          abortSignal: m.value.signal,
+          onProgress: (J) => p.value = J.loadedBytes,
           blobHTTPHeaders: {
-            blobContentType: C.value,
-            blobContentDisposition: `attachment; filename="${t.value.name}"`
+            blobContentType: $.value,
+            blobContentDisposition: `attachment; filename="${a.value.name}"`
           },
           tags: { temp: "true" }
         };
-        await y.uploadData(t.value, L), p.value = V, l.value = "Uploaded", i.value = f;
-      } catch (y) {
-        if (y.name === "AbortError") {
+        await h.uploadData(a.value, L), s.value = I, l.value = "Uploaded", i.value = x;
+      } catch (h) {
+        if (h.name === "AbortError") {
           l.value = "Aborted";
           return;
         }
         l.value = "Failed";
       }
-    }, E = async () => {
-      await ft(l.value, p.value), o("deleted", t.value);
+    }, M = async () => {
+      await wa(l.value, s.value), o("deleted", a.value);
     };
-    return ee(() => {
-      e.autoUploadToBlob && M();
-    }), (V, f) => {
-      const y = A;
-      return s(), v("div", {
+    return ie(() => {
+      e.autoUploadToBlob && V();
+    }), (I, x) => {
+      const h = N;
+      return d(), v("div", {
         class: "py-4 px-3 d-flex",
-        "data-cy": `file-info-${t.value.name}`
+        "data-cy": `file-info-${a.value.name}`
       }, [
-        m("div", null, [
-          c(bt)(t.value.type) ? (s(), g(c(Ae), {
+        u("div", null, [
+          c(ka)(a.value.type) ? (d(), g(c(Ee), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(gt)(t.value),
-            alt: t.value.name,
+            src: c($a)(a.value),
+            alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (s(), g(c(T), {
+          }, null, 8, ["src", "alt"])) : (d(), g(c(j), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -4218,76 +4731,76 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", Tt, [
-          m("div", null, [
-            V.editableFileName ? (s(), g(Va, {
+        u("div", Ma, [
+          u("div", null, [
+            I.editableFileName ? (d(), g(Mt, {
               key: 0,
               id: "edit-file-name",
               modelValue: r.value,
-              "onUpdate:modelValue": f[0] || (f[0] = (L) => r.value = L),
-              rules: V.customFileNameRules,
-              name: t.value.name,
-              "complete-action": S
-            }, null, 8, ["modelValue", "rules", "name"])) : (s(), v("span", _t, w(t.value.name), 1))
+              "onUpdate:modelValue": x[0] || (x[0] = (L) => r.value = L),
+              rules: I.customFileNameRules,
+              name: a.value.name,
+              "complete-action": T
+            }, null, 8, ["modelValue", "rules", "name"])) : (d(), v("span", Da, w(a.value.name), 1))
           ]),
-          m("span", St, "File type: " + w(t.value.type.split("/").pop()), 1),
-          m("span", Vt, "File size: " + w(c(pe)(t.value.size)), 1)
+          u("span", Oa, "File type: " + w(a.value.type.split("/").pop()), 1),
+          u("span", Na, "File size: " + w(c(de)(a.value.size)), 1)
         ]),
-        m("div", Pt, [
-          (s(), g(jt, {
+        u("div", Ua, [
+          (d(), g(_a, {
             key: l.value,
-            "file-size": t.value.size,
+            "file-size": a.value.size,
             "upload-status": l.value,
-            "bytes-uploaded": d.value,
-            "max-file-size": V.maxFileSize
+            "bytes-uploaded": p.value,
+            "max-file-size": I.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (s(), g(y, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (d(), g(h, {
             key: 0,
             link: "",
-            onClick: M
+            onClick: V
           }, {
-            default: b(() => [
-              x(c(T), {
+            default: f(() => [
+              y(c(j), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : j("", !0),
-          l.value === "Uploading" ? (s(), g(y, {
+          })) : z("", !0),
+          l.value === "Uploading" ? (d(), g(h, {
             key: 1,
             link: "",
-            onClick: f[1] || (f[1] = (L) => u.value.value.abort())
+            onClick: x[1] || (x[1] = (L) => m.value.value.abort())
           }, {
-            default: b(() => [
-              x(c(T), { icon: "bi:x-circle-fill" })
+            default: f(() => [
+              y(c(j), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (s(), g(y, {
+          })) : (d(), g(h, {
             key: 2,
             link: "",
-            onClick: E,
+            onClick: M,
             id: "delete-button"
           }, {
-            default: b(() => [
-              x(c(T), { icon: "bi:trash" })
+            default: f(() => [
+              y(c(j), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, Ct);
+      ], 8, Va);
     };
   }
-}), It = { class: "d-flex justify-content-end mt-1" }, Ot = { id: "max-file-size" }, Dt = /* @__PURE__ */ B({
+}), qa = { class: "d-flex justify-content-end mt-1" }, La = { id: "max-file-size" }, Ea = /* @__PURE__ */ S({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (a, t) => (s(), v("div", It, [
-      m("div", Ot, "Max file size: " + w(c(pe)(a.maxFileSize)), 1)
+    return (t, a) => (d(), v("div", qa, [
+      u("div", La, "Max file size: " + w(c(de)(t.maxFileSize)), 1)
     ]));
   }
-}), Ut = { "data-cy": "file-uploader" }, qt = { key: 0 }, Ai = /* @__PURE__ */ B({
+}), Ra = { "data-cy": "file-uploader" }, Ha = { key: 0 }, Hi = /* @__PURE__ */ S({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ q({
     acceptedFileTypes: {},
@@ -4304,46 +4817,46 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = I(e, "modelValue"), t = e, i = (l) => {
-      a.value = a.value.filter((o) => o.file != l);
+    const t = D(e, "modelValue"), a = e, i = (l) => {
+      t.value = t.value.filter((o) => o.file != l);
     };
-    return (l, o) => (s(), v("div", Ut, [
-      x(kt, F(t, {
-        modelValue: a.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (r) => a.value = r)
+    return (l, o) => (d(), v("div", Ra, [
+      y(Ca, F(a, {
+        modelValue: t.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (s(), v("div", qt, [
-        x(Bt, {
-          "max-file-input": t.maxFileInput,
-          "max-file-size": t.maxFileSize,
-          "accepted-file-types": t.acceptedFileTypes,
-          modelValue: a.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (r) => a.value = r)
+      l.showDragDropArea ? (d(), v("div", Ha, [
+        y(Ia, {
+          "max-file-input": a.maxFileInput,
+          "max-file-size": a.maxFileSize,
+          "accepted-file-types": a.acceptedFileTypes,
+          modelValue: t.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (r) => t.value = r)
         }, {
-          default: b(() => [
-            (s(!0), v(O, null, U(a.value, ({ file: r }, p) => (s(), v("span", null, [
-              (s(), g(Mt, F({
+          default: f(() => [
+            (d(!0), v(O, null, A(t.value, ({ file: r }, s) => (d(), v("span", null, [
+              (d(), g(Aa, F({
                 key: r.name,
-                class: p === a.value.length - 1 || a.value.length == 1 ? "" : "border-bottom",
-                file: a.value[p].file,
-                "onUpdate:file": (d) => a.value[p].file = d,
-                "blob-file-name": a.value[p].blobFileName,
-                "onUpdate:blobFileName": (d) => a.value[p].blobFileName = d,
-                "upload-status": a.value[p].status,
-                "onUpdate:uploadStatus": (d) => a.value[p].status = d,
+                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,
+                "blob-file-name": t.value[s].blobFileName,
+                "onUpdate:blobFileName": (p) => t.value[s].blobFileName = p,
+                "upload-status": t.value[s].status,
+                "onUpdate:uploadStatus": (p) => t.value[s].status = p,
                 ref_for: !0
-              }, t, { onDeleted: i }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
+              }, a, { onDeleted: i }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
             ]))), 256))
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        x(Dt, {
-          "max-file-size": t.maxFileSize
+        y(Ea, {
+          "max-file-size": a.maxFileSize
         }, null, 8, ["max-file-size"])
-      ])) : j("", !0)
+      ])) : z("", !0)
     ]));
   }
-}), At = { class: "d-flex" }, Lt = { class: "me-3" }, Et = { class: "ms-2" }, Nt = { class: "d-flex flex-column w-100" }, Rt = ["onClick"], Ht = ["for"], Li = /* @__PURE__ */ B({
+}), Wa = { class: "d-flex" }, Ya = { class: "me-3" }, Ga = { class: "ms-2" }, Ja = { class: "d-flex flex-column w-100" }, Wi = /* @__PURE__ */ S({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -4351,27 +4864,22 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const a = I(e, "modelValue"), t = _(), i = _(!1), l = _([]), o = _([]), r = (d) => {
-      t.value.toggle(d);
-    }, p = (d) => {
-      const u = o.value.find((h) => h.field === d);
-      u.selected = !u.selected, a.value = o.value.filter((h) => h.selected);
+    const t = D(e, "modelValue"), a = P(), i = P(!1), l = (o) => {
+      a.value.toggle(o);
     };
-    return ee(() => {
-      l.value = [...a.value], o.value = [...a.value].map((d) => ({ ...d, selected: !0 }));
-    }), (d, u) => (s(), v(O, null, [
-      x(c(A), {
-        onClick: r,
+    return (o, r) => (d(), v(O, null, [
+      y(c(N), {
+        onClick: l,
         class: "ms-2"
       }, {
-        default: b(() => [
-          m("div", At, [
-            m("div", Lt, [
-              x(c(T), { icon: "bi:layout-three-columns" })
+        default: f(() => [
+          u("div", Wa, [
+            u("div", Ya, [
+              y(c(j), { icon: "bi:layout-three-columns" })
             ]),
-            P(" Columns (" + w(a.value.length ?? 0) + "/" + w(l.value.length ?? 0) + ") ", 1),
-            m("div", Et, [
-              x(c(T), {
+            _(" Columns (" + w(t.value.filter((s) => s.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
+            u("div", Ga, [
+              y(c(j), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -4379,35 +4887,32 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
         ]),
         _: 1
       }),
-      x(c(ve), {
+      y(c(ue), {
         ref_key: "columnCustomiserPanel",
-        ref: t,
+        ref: a,
         class: "column-customiser",
-        onHide: u[0] || (u[0] = () => i.value = !1),
-        onShow: u[1] || (u[1] = () => i.value = !0)
+        onHide: r[0] || (r[0] = () => i.value = !1),
+        onShow: r[1] || (r[1] = () => i.value = !0)
       }, {
-        default: b(() => [
-          m("div", Nt, [
-            (s(!0), v(O, null, U(l.value, (h, n) => (s(), v("div", {
-              class: $(["d-flex cursor-pointer", {
-                "border-top": n !== 0,
-                "py-1": n !== 0 && l.value.length - 1 !== n,
-                "pt-1": l.value.length - 1 === n,
-                "pb-1": n === 0
-              }]),
-              onClick: (C) => p(h.field)
+        default: f(() => [
+          u("div", Ja, [
+            (d(!0), v(O, null, A(t.value, (s, p) => (d(), v("div", {
+              class: B(["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
+              }])
             }, [
-              x(c(ce), {
-                id: h.field,
-                "model-value": o.value.find((C) => C.field === h.field).selected,
+              y(ve, {
+                id: s.field,
+                modelValue: s.selected,
+                "onUpdate:modelValue": (m) => s.selected = m,
                 binary: "",
-                class: "cursor-pointer"
-              }, null, 8, ["id", "model-value"]),
-              m("label", {
-                for: h.field,
-                class: "cursor-pointer"
-              }, w(h.header), 9, Ht)
-            ], 10, Rt))), 256))
+                class: "cursor-pointer",
+                label: s.header
+              }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label"])
+            ], 2))), 256))
           ])
         ]),
         _: 1
@@ -4416,32 +4921,33 @@ const yt = { class: "d-flex justify-content-between" }, ht = ["accept", "disable
   }
 });
 export {
-  ki as Bootstrap_PT,
-  $i as ForgeActionButton,
+  Fi as Bootstrap_PT,
+  zi as ForgeActionButton,
   ne as ForgeAlert,
-  Fi as ForgeAutoComplete,
-  ha as ForgeCheckbox,
-  Mi as ForgeChip,
-  Li as ForgeColumnCustomiser,
-  be as ForgeDatepicker,
-  Ai as ForgeFileUploader,
-  qi as ForgeFilterHeader,
-  Vi as ForgeForm,
-  Pi as ForgeFormField,
-  Va as ForgeInlineEditor,
-  Bi as ForgeLink,
+  Ci as ForgeAutoComplete,
+  ve as ForgeCheckbox,
+  Ni as ForgeChip,
+  Wi as ForgeColumnCustomiser,
+  ge as ForgeDatepicker,
+  Hi as ForgeFileUploader,
+  Ri as ForgeFilterHeader,
+  Di as ForgeForm,
+  Oi as ForgeFormField,
+  Mt as ForgeInlineEditor,
+  Ti as ForgeLink,
   fe as ForgeLoader,
-  Ci as ForgeModal,
-  Ua as ForgeMultiSelectPreview,
-  Ti as ForgeNavbar,
-  _i as ForgePageHeader,
-  Ka as ForgeProgressBar,
-  Si as ForgeRemainingCharacters,
-  Ii as ForgeStatWidget,
-  Oi as ForgeStepper,
-  Ui as ForgeTable,
-  Di as ForgeTile,
-  ji as convertToMultiSelectOption,
-  zi as enumToMultiSelectList,
-  $a as parseError
+  Pi as ForgeModal,
+  qt as ForgeMultiSelectPreview,
+  _i as ForgeNavbar,
+  Vi as ForgePageHeader,
+  Xt as ForgeProgressBar,
+  Mi as ForgeRemainingCharacters,
+  Ui as ForgeScratchpad,
+  Ai as ForgeStatWidget,
+  qi as ForgeStepper,
+  Ei as ForgeTable,
+  Li as ForgeTile,
+  Ii as convertToMultiSelectOption,
+  ji as enumToMultiSelectList,
+  Ft as parseError
 };