@3squared/forge-ui-3 2.22.0 → 2.23.0

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

@@ -1,13 +1,13 @@
 import $e from "primevue/message";
-import { defineComponent as z, createBlock as x, openBlock as d, normalizeProps as G, guardReactiveProps as Y, withCtx as g, renderSlot as C, createVNode as k, unref as c, createElementVNode as m, normalizeClass as P, createCommentVNode as T, ref as _, createElementBlock as b, Fragment as N, mergeProps as j, renderList as U, mergeModels as E, useModel as L, computed as M, withDirectives as K, createTextVNode as V, toDisplayString as $, vShow as X, createSlots as ie, onMounted as ne, withKeys as le, isRef as Se, normalizeStyle as Fe, withModifiers as Q, watch as W, h as Ce, useTemplateRef as Te } from "vue";
+import { defineComponent as z, createBlock as x, openBlock as d, normalizeProps as G, guardReactiveProps as Y, withCtx as g, renderSlot as C, createVNode as k, unref as c, createElementVNode as m, normalizeClass as P, createCommentVNode as T, ref as M, createElementBlock as b, Fragment as N, mergeProps as j, renderList as U, mergeModels as E, useModel as L, computed as _, withDirectives as K, createTextVNode as V, toDisplayString as $, vShow as X, createSlots as ie, onMounted as ne, withKeys as le, isRef as Se, normalizeStyle as Fe, withModifiers as Q, watch as W, h as Ce, useTemplateRef as Te } from "vue";
 import { Icon as I } from "@iconify/vue";
 import q from "primevue/button";
 import ze from "primevue/toast";
 import Pe from "primevue/autocomplete";
 import je from "primevue/checkbox";
 import { useField as se } from "vee-validate";
-import Me from "primevue/progressspinner";
-import _e from "primevue/dialog";
+import _e from "primevue/progressspinner";
+import Me from "primevue/dialog";
 import ae from "primevue/inputtext";
 import { vOnClickOutside as Ie } from "@vueuse/components";
 import Ve from "primevue/menubar";
@@ -246,7 +246,7 @@ const Qe = {
           "ms-2 my-auto cursor-pointer",
           {
             // Remove the badge, if one of the (2) sort columns is the row grouping, as it looks like only one column is sortable. Will show numbers if not only 2 sort values
-            "d-none": e.parent.state.d_groupRowsSortMeta != null && e.parent.state.d_multiSortMeta != null && e.parent.state.d_multiSortMeta.length == 2 && e.parent.state.d_multiSortMeta.some((t) => t.field == e.parent.state.d_groupRowsSortMeta.field)
+            "d-none": e.parent.state.d_multiSortMeta != null && e.parent.state.d_multiSortMeta.length == 2 && e.parent.state.d_multiSortMeta.some((t) => t.field == e.parent.props.groupRowsBy)
           }
         ]
       }
@@ -430,7 +430,7 @@ const Qe = {
 }, pt = {
   dialog: {
     root: ({ parent: e }) => e.instance.$.type.name == "ConfirmDialog" ? {
-      class: ["modal modal-dialog modal-content h-auto m-0 modal-sm"]
+      class: ["modal modal-dialog modal-content h-auto m-0"]
     } : {},
     header: () => ({
       class: ["modal-header"]
@@ -1167,7 +1167,7 @@ const Qe = {
       filterIcon: "d-none"
     }
   }
-}, Mt = {
+}, _t = {
   fieldset: {
     root: () => ({
       class: [
@@ -1193,13 +1193,12 @@ const Qe = {
       ]
     })
   }
-}, _t = {
+}, Mt = {
   accordionPanel: {
     root: "card my-2"
   },
   accordionHeader: {
     root: "border-0 bg-transparent fw-400 w-100 d-flex flex-row justify-content-between align-content-center ps-4 pe-3 py-2 my-2",
-    //header: "h4 d-flex justify-content-between align-items-center fw-600 ms-4 me-3 my-2",
     pcToggleButton: {
       root: {
         class: [
@@ -1313,7 +1312,7 @@ const Qe = {
       ]
     })
   }
-}, no = {
+}, so = {
   ...Qe,
   ...ht,
   ...et,
@@ -1344,10 +1343,10 @@ const Qe = {
   ...vt,
   ...zt,
   ...rt,
-  ...Mt,
+  ..._t,
   ...jt,
   ...Pt,
-  ..._t,
+  ...Mt,
   ...It,
   ...Vt,
   ...Dt,
@@ -1400,7 +1399,7 @@ const Qe = {
       }, 16);
     };
   }
-}), so = /* @__PURE__ */ z({
+}), ro = /* @__PURE__ */ z({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1409,7 +1408,7 @@ const Qe = {
     params: { default: Array }
   },
   setup(e) {
-    const t = _(!1), a = e, i = async () => {
+    const t = M(!1), a = e, i = async () => {
       t.value = !0;
       try {
         await a.action.apply(this, a.params);
@@ -1430,7 +1429,7 @@ const Qe = {
       ], 64);
     };
   }
-}), ro = /* @__PURE__ */ z({
+}), po = /* @__PURE__ */ z({
   __name: "ForgeAutoComplete",
   setup(e) {
     return (t, a) => (d(), x(c(Pe), j({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
@@ -1484,7 +1483,7 @@ const Qe = {
       }
     ), n = (p, u) => {
       (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(u) : a.value = u;
-    }, s = M(() => o.value.length > 0);
+    }, s = _(() => o.value.length > 0);
     return (p, u) => {
       const h = je;
       return d(), b("div", At, [
@@ -1527,7 +1526,7 @@ const Qe = {
     inLine: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = M(() => ({
+    const t = e, a = _(() => ({
       spin: () => ({
         class: [
           "spinner-border",
@@ -1538,7 +1537,7 @@ const Qe = {
       })
     }));
     return (i, o) => {
-      const l = Me;
+      const l = _e;
       return d(), b("div", {
         class: P(i.inLine ? "" : "forge-loader")
       }, [
@@ -1550,7 +1549,7 @@ const Qe = {
       ], 2);
     };
   }
-}), Nt = ["href", "target"], po = /* @__PURE__ */ z({
+}), Nt = ["href", "target"], co = /* @__PURE__ */ z({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1568,7 +1567,7 @@ const Qe = {
     iconName: {}
   },
   setup(e) {
-    const t = M(() => ({
+    const t = _(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1577,7 +1576,7 @@ const Qe = {
       [`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
-    })), a = M(() => ({
+    })), a = _(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
@@ -1613,10 +1612,10 @@ function Ut(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function co(e, t) {
+function uo(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function uo(e, t, a) {
+function mo(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
 const Et = {
@@ -1626,7 +1625,7 @@ const Et = {
 }, qt = { key: 0 }, Rt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, mo = /* @__PURE__ */ z({
+}, vo = /* @__PURE__ */ z({
   __name: "ForgeModal",
   props: /* @__PURE__ */ E({
     cancelText: { default: "Cancel" },
@@ -1688,7 +1687,7 @@ const Et = {
   }),
   emits: ["update:visible", "update:error"],
   setup(e, { expose: t }) {
-    const a = L(e, "visible"), i = _(!1), o = e, l = _(!1), n = L(e, "error"), s = () => {
+    const a = L(e, "visible"), i = M(!1), o = e, l = M(!1), n = L(e, "error"), s = () => {
       n.value = {
         hasError: !1,
         header: "",
@@ -1717,7 +1716,7 @@ const Et = {
         }
         l.value = !1;
       }
-    }, w = M(() => ({
+    }, w = _(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1737,7 +1736,7 @@ const Et = {
       ]
     }));
     return (v, F) => {
-      const S = q, A = _e;
+      const S = q, A = Me;
       return d(), x(A, j(o, {
         onMaximize: u,
         onUnmaximize: p,
@@ -1831,7 +1830,7 @@ const Et = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = L(e, "modelValue"), i = _(!1), o = _(), l = () => {
+    const t = e, a = L(e, "modelValue"), i = M(!1), o = M(), l = () => {
       var v;
       i.value = !i.value, (v = o.value) == null || v.focus();
     }, n = async () => {
@@ -1855,7 +1854,7 @@ const Et = {
     ne(() => {
       r.value = a.value;
     });
-    const w = M(() => h.value.length > 0);
+    const w = _(() => h.value.length > 0);
     return (v, F) => {
       const S = ae, A = q;
       return d(), b("div", {
@@ -1935,7 +1934,7 @@ const Et = {
       ], 8, Ht);
     };
   }
-}), Xt = ["href"], vo = /* @__PURE__ */ z({
+}), Xt = ["href"], fo = /* @__PURE__ */ z({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1952,7 +1951,7 @@ const Et = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = M(() => ({
+    const t = e, a = _(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1991,7 +1990,7 @@ const Et = {
           "data-cy": "logo"
         }, [
           C(i.$slots, "logo", {}, () => [
-            o[0] || (o[0] = V(" Logo "))
+            o[0] || (o[0] = V(" Logo ", -1))
           ])
         ], 8, Xt)
       ]),
@@ -2113,7 +2112,7 @@ const Et = {
 }, na = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, fo = /* @__PURE__ */ z({
+}, go = /* @__PURE__ */ z({
   __name: "ForgePageHeader",
   props: {
     title: {}
@@ -2206,7 +2205,7 @@ const Et = {
       initialValue: a.value
     }), p = () => {
       s(null), a.value = null;
-    }, u = M(() => i.value.length > 0), h = M(() => ({
+    }, u = _(() => i.value.length > 0), h = _(() => ({
       day: ({ context: r, props: w, attrs: v }) => ({
         class: [
           "d-flex justify-content-center align-items-center",
@@ -2358,19 +2357,19 @@ const Et = {
       ], 64);
     };
   }
-}), go = /* @__PURE__ */ z({
+}), bo = /* @__PURE__ */ z({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
     currentCount: {}
   },
   setup(e) {
-    const t = e, a = M(() => t.maxCount - t.currentCount);
+    const t = e, a = _(() => t.maxCount - t.currentCount);
     return (i, o) => (d(), b("div", {
       class: P(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + $(a.value), 3));
   }
-}), ca = { class: "d-flex justify-content-between" }, bo = /* @__PURE__ */ z({
+}), ca = { class: "d-flex justify-content-between" }, yo = /* @__PURE__ */ z({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2382,7 +2381,7 @@ const Et = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = _(!1), i = _({
+    const t = e, a = M(!1), i = M({
       hasError: !1,
       message: ""
     });
@@ -2469,7 +2468,10 @@ const Et = {
 }, ma = ["for"], va = {
   key: 0,
   class: "text-danger fw-600"
-}, yo = /* @__PURE__ */ z({
+}, fa = {
+  class: "flex--1",
+  style: { flex: "1 0 auto" }
+}, xo = /* @__PURE__ */ z({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ E({
     name: {},
@@ -2490,7 +2492,7 @@ const Et = {
       a.type == "number" ? s(h.value) : s(h);
     }, { errors: o, value: l, errorMessage: n, handleChange: s, handleBlur: p } = se(() => a.name, void 0, {
       initialValue: t.value
-    }), u = M(() => o.value.length > 0);
+    }), u = _(() => o.value.length > 0);
     return W(() => l.value, (h) => {
       t.value = h;
     }, { immediate: !0 }), (h, r) => {
@@ -2506,7 +2508,7 @@ const Et = {
       }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), b("div", ua, [
         m("div", {
           "data-cy": "input-wrapper",
-          class: P(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
+          class: P(["d-flex flex--1", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
         }, [
           m("label", {
             for: a.name,
@@ -2515,77 +2517,79 @@ const Et = {
             V($(a.fieldLabel) + " ", 1),
             h.required ? (d(), b("span", va, "*")) : T("", !0)
           ], 10, ma),
-          C(h.$slots, "default", G(Y({ modelValue: t.value, updateModel: c(s), hasErrors: u.value })), () => [
-            a.type === "number" ? (d(), x(c(fe), j({
-              key: 0,
-              id: a.name
-            }, h.$attrs, {
-              class: ["flex-1", { "is-invalid": u.value }],
-              placeholder: a.placeholder,
-              "input-class": { "is-invalid": u.value },
-              onInput: i,
-              modelValue: t.value,
-              "onUpdate:modelValue": r[1] || (r[1] = (B) => t.value = B)
-            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), x(w, j({
-              key: 1,
-              id: a.name
-            }, h.$attrs, {
-              class: ["flex-1", { "is-invalid": u.value }],
-              placeholder: a.placeholder,
-              modelValue: t.value,
-              "onUpdate:modelValue": r[2] || (r[2] = (B) => t.value = B),
-              onInput: i,
-              onBlur: c(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), x(v, j({
-              key: 2,
-              id: a.name
-            }, h.$attrs, {
-              class: ["flex-1", { "is-invalid": u.value }],
-              placeholder: a.placeholder,
-              mask: a.mask,
-              modelValue: t.value,
-              "onUpdate:modelValue": r[3] || (r[3] = (B) => t.value = B),
-              onComplete: i,
-              onBlur: c(p)
-            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), x(F, j({
-              key: 3,
-              id: a.name
-            }, h.$attrs, {
-              class: ["flex-1", { "is-invalid": u.value }],
-              placeholder: a.placeholder,
-              modelValue: t.value,
-              "onUpdate:modelValue": r[4] || (r[4] = (B) => t.value = B),
-              onInput: i,
-              onBlur: c(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), x(S, j({ key: 4 }, { ...a, ...h.$attrs }, {
-              modelValue: t.value,
-              "onUpdate:modelValue": r[5] || (r[5] = (B) => t.value = B),
-              class: { "is-invalid": u.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), x(A, j({ key: 5 }, { ...a, ...h.$attrs }, {
-              modelValue: t.value,
-              "onUpdate:modelValue": r[6] || (r[6] = (B) => t.value = B),
-              class: { "is-invalid": u.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), x(ia, j({ key: 6 }, { ...a, ...h.$attrs }, {
-              modelValue: t.value,
-              "onUpdate:modelValue": r[7] || (r[7] = (B) => t.value = B),
-              class: { "is-invalid": u.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), x(f, j({ key: 7 }, { ...a, ...h.$attrs }, {
-              modelValue: t.value,
-              "onUpdate:modelValue": r[8] || (r[8] = (B) => t.value = B),
-              class: { "is-invalid": u.value }
-            }), null, 16, ["modelValue", "class"])) : T("", !0)
+          m("div", fa, [
+            C(h.$slots, "default", G(Y({ modelValue: t.value, updateModel: c(s), hasErrors: u.value })), () => [
+              a.type === "number" ? (d(), x(c(fe), j({
+                key: 0,
+                id: a.name
+              }, h.$attrs, {
+                class: ["flex-1", { "is-invalid": u.value }],
+                placeholder: a.placeholder,
+                "input-class": { "is-invalid": u.value },
+                onInput: i,
+                modelValue: t.value,
+                "onUpdate:modelValue": r[1] || (r[1] = (B) => t.value = B)
+              }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), x(w, j({
+                key: 1,
+                id: a.name
+              }, h.$attrs, {
+                class: ["w-100", { "is-invalid": u.value }],
+                placeholder: a.placeholder,
+                modelValue: t.value,
+                "onUpdate:modelValue": r[2] || (r[2] = (B) => t.value = B),
+                onInput: i,
+                onBlur: c(p)
+              }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), x(v, j({
+                key: 2,
+                id: a.name
+              }, h.$attrs, {
+                class: ["flex-1", { "is-invalid": u.value }],
+                placeholder: a.placeholder,
+                mask: a.mask,
+                modelValue: t.value,
+                "onUpdate:modelValue": r[3] || (r[3] = (B) => t.value = B),
+                onComplete: i,
+                onBlur: c(p)
+              }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), x(F, j({
+                key: 3,
+                id: a.name
+              }, h.$attrs, {
+                class: ["flex-1", { "is-invalid": u.value }],
+                placeholder: a.placeholder,
+                modelValue: t.value,
+                "onUpdate:modelValue": r[4] || (r[4] = (B) => t.value = B),
+                onInput: i,
+                onBlur: c(p)
+              }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), x(S, j({ key: 4 }, { ...a, ...h.$attrs }, {
+                modelValue: t.value,
+                "onUpdate:modelValue": r[5] || (r[5] = (B) => t.value = B),
+                class: { "is-invalid": u.value }
+              }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), x(A, j({ key: 5 }, { ...a, ...h.$attrs }, {
+                modelValue: t.value,
+                "onUpdate:modelValue": r[6] || (r[6] = (B) => t.value = B),
+                class: { "is-invalid": u.value }
+              }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), x(ia, j({ key: 6 }, { ...a, ...h.$attrs }, {
+                modelValue: t.value,
+                "onUpdate:modelValue": r[7] || (r[7] = (B) => t.value = B),
+                class: { "is-invalid": u.value }
+              }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), x(f, j({ key: 7 }, { ...a, ...h.$attrs }, {
+                modelValue: t.value,
+                "onUpdate:modelValue": r[8] || (r[8] = (B) => t.value = B),
+                class: { "is-invalid": u.value }
+              }), null, 16, ["modelValue", "class"])) : T("", !0)
+            ]),
+            K(m("small", {
+              "data-cy": "error",
+              class: "invalid-feedback"
+            }, $(c(n)), 513), [
+              [X, u.value && a.type !== "multiselect" && a.type !== "datepicker"]
+            ])
           ])
-        ], 2),
-        K(m("small", {
-          "data-cy": "error",
-          class: "invalid-feedback"
-        }, $(c(n)), 513), [
-          [X, u.value && a.type !== "multiselect" && a.type !== "datepicker"]
-        ])
+        ], 2)
       ]));
     };
   }
-}), xo = /* @__PURE__ */ z({
+}), ho = /* @__PURE__ */ z({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2601,7 +2605,7 @@ const Et = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = M(() => ({
+    const t = e, a = _(() => ({
       root: [
         "badge d-inline-flex align-items-center border me-1 p-1",
         {
@@ -2629,7 +2633,7 @@ const Et = {
       }, 16, ["pt"]);
     };
   }
-}), ho = /* @__PURE__ */ z({
+}), wo = /* @__PURE__ */ z({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2645,7 +2649,7 @@ const Et = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = M(() => t.striped ? "progress-bar-striped" : null), i = M(() => t.animate ? "progress-bar-animated" : null), o = M(() => {
+    const t = e, a = _(() => t.striped ? "progress-bar-striped" : null), i = _(() => t.animate ? "progress-bar-animated" : null), o = _(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2666,7 +2670,7 @@ const Et = {
         default:
           return "bg-primary";
       }
-    }), l = M(() => ({
+    }), l = _(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2685,7 +2689,7 @@ const Et = {
     };
   }
 });
-var fa = /* @__PURE__ */ z({
+var ga = /* @__PURE__ */ z({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -3075,7 +3079,7 @@ var fa = /* @__PURE__ */ z({
     });
   }
 });
-const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1 gap-1" }, wo = /* @__PURE__ */ z({
+const ba = { class: "d-flex flex-column" }, ya = { class: "d-flex flex-row mt-1 gap-1" }, ko = /* @__PURE__ */ z({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -3088,7 +3092,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, o = Te("drawingCanvas"), l = _(), n = () => {
+    const a = e, i = t, o = Te("drawingCanvas"), l = M(), n = () => {
       o == null || o.value.reset();
     }, s = () => {
       o == null || o.value.redo();
@@ -3099,8 +3103,8 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
     };
     return (h, r) => {
       const w = q;
-      return d(), b("div", ga, [
-        k(c(fa), j({
+      return d(), b("div", ba, [
+        k(c(ga), j({
           ref_key: "drawingCanvas",
           ref: o,
           image: l.value,
@@ -3113,7 +3117,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
           style: `height: ${h.height}px; width: ${h.width}px`,
           "line-join": h.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
-        m("div", ba, [
+        m("div", ya, [
           a.showUndo ? (d(), x(w, {
             key: 0,
             onClick: p,
@@ -3121,7 +3125,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
             "data-cy": "undo-button"
           }, {
             default: g(() => r[1] || (r[1] = [
-              V("Undo")
+              V("Undo", -1)
             ])),
             _: 1,
             __: [1]
@@ -3133,7 +3137,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
             "data-cy": "redo-button"
           }, {
             default: g(() => r[2] || (r[2] = [
-              V("Redo")
+              V("Redo", -1)
             ])),
             _: 1,
             __: [2]
@@ -3145,7 +3149,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
             "data-cy": "clear-button"
           }, {
             default: g(() => r[3] || (r[3] = [
-              V("Clear")
+              V("Clear", -1)
             ])),
             _: 1,
             __: [3]
@@ -3157,7 +3161,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
             "data-cy": "save-button"
           }, {
             default: g(() => r[4] || (r[4] = [
-              V("Save")
+              V("Save", -1)
             ])),
             _: 1,
             __: [4]
@@ -3166,7 +3170,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
       ]);
     };
   }
-}), ya = { class: "value text-white w-100 text-center" }, ko = /* @__PURE__ */ z({
+}), xa = { class: "value text-white w-100 text-center" }, Bo = /* @__PURE__ */ z({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -3177,12 +3181,12 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
     return (a, i) => (d(), b("div", j(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", ya, [
+      m("span", xa, [
         C(a.$slots, "default")
       ])
     ], 16));
   }
-}), xa = { key: 0 }, Bo = /* @__PURE__ */ z({
+}), ha = { key: 0 }, $o = /* @__PURE__ */ z({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -3200,7 +3204,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = M(() => ({
+    const t = e, a = _(() => ({
       header: {
         class: [
           "p-0 m-0 d-flex align-items-center border border-0 bg-transparent gap-1",
@@ -3239,7 +3243,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
               disabled: l.disabled
             }, { ref_for: !0 }, { ...i.$attrs }, { pt: a.value }), {
               default: g(() => [
-                i.showStepLabel ? (d(), b("div", xa, $(l.label), 1)) : T("", !0)
+                i.showStepLabel ? (d(), b("div", ha, $(l.label), 1)) : T("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
@@ -3264,7 +3268,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), ha = { class: "p-4 text-wrap w-100" }, wa = { class: "p-4 text-wrap w-100" }, $o = /* @__PURE__ */ z({
+}), wa = { class: "p-4 text-wrap w-100" }, ka = { class: "p-4 text-wrap w-100" }, So = /* @__PURE__ */ z({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -3273,7 +3277,7 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = M(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = M(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
+    const t = e, a = _(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = _(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
     return (o, l) => {
       const n = q;
       return t.clickable ? (d(), x(n, {
@@ -3284,9 +3288,9 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
         "data-cy": "button-tile"
       }, {
         default: g(() => [
-          m("div", ha, [
+          m("div", wa, [
             C(o.$slots, "default", {}, () => [
-              l[0] || (l[0] = V("Tile Content"))
+              l[0] || (l[0] = V("Tile Content", -1))
             ])
           ])
         ]),
@@ -3296,9 +3300,9 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
         class: P(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
-        m("div", wa, [
+        m("div", ka, [
           C(o.$slots, "default", {}, () => [
-            l[1] || (l[1] = V("Tile Content"))
+            l[1] || (l[1] = V("Tile Content", -1))
           ])
         ])
       ], 2));
@@ -3308,10 +3312,10 @@ const ga = { class: "d-flex flex-column" }, ba = { class: "d-flex flex-row mt-1
 function ee(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const ka = {
+const Ba = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, Ba = { class: "ms-2" }, $a = { key: 0 }, Sa = {
+}, $a = { class: "ms-2" }, Sa = { key: 0 }, Fa = {
   class: "w-auto",
   "data-cy": "total"
 }, he = /* @__PURE__ */ z({
@@ -3325,13 +3329,13 @@ const ka = {
   setup(e, { emit: t }) {
     const a = t, i = e, o = (n) => {
       a("update:perPage", n.value);
-    }, l = M(() => {
+    }, l = _(() => {
       const n = Math.ceil(i.total / i.perPage);
       return `${n} ${ee(n, "page")}`;
     });
-    return (n, s) => (d(), b("div", ka, [
-      s[2] || (s[2] = V(" Number of results per page ")),
-      m("div", Ba, [
+    return (n, s) => (d(), b("div", Ba, [
+      s[2] || (s[2] = V(" Number of results per page ", -1)),
+      m("div", $a, [
         k(c(oe), {
           options: i.pageSizes,
           "model-value": i.perPage,
@@ -3340,16 +3344,16 @@ const ka = {
           "data-cy": "pagination-page-size-select"
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (d(), b("div", $a, [
+      i.total ? (d(), b("div", Sa, [
         s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", Sa, $(i.total) + " " + $(c(ee)(i.total, "result")) + " across " + $(l.value), 1)
+        m("span", Fa, $(i.total) + " " + $(c(ee)(i.total, "result")) + " across " + $(l.value), 1)
       ])) : T("", !0)
     ]));
   }
-}), Fa = { class: "position-relative" }, Ca = { "data-cy": "above-table-slot" }, Ta = { class: "d-flex w-100" }, za = {
+}), Ca = { class: "position-relative" }, Ta = { "data-cy": "above-table-slot" }, za = { class: "d-flex w-100" }, Pa = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Pa = { class: "d-flex" }, ja = { class: "d-flex align-items-end mb-2" }, Ma = { key: 0 }, _a = { class: "ms-auto" }, So = /* @__PURE__ */ z({
+}, ja = { class: "d-flex" }, _a = { class: "d-flex align-items-end mb-2" }, Ma = { key: 0 }, Ia = { class: "ms-auto" }, Fo = /* @__PURE__ */ z({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3436,7 +3440,7 @@ const ka = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, o = _(), l = _([5, 10, 20, 50, 100]), n = _(i.perPage ?? 10), s = _({
+    const a = t, i = e, o = M(), l = M([5, 10, 20, 50, 100]), n = M(i.perPage ?? 10), s = M({
       filters: i.filters,
       perPage: n.value,
       page: 0,
@@ -3447,10 +3451,10 @@ const ka = {
     W(() => i.perPage, (f) => {
       f && (n.value = f, s.value.perPage = f);
     });
-    const p = M(() => i.totalRecords ?? i.value.length), u = M(() => {
+    const p = _(() => i.totalRecords ?? i.value.length), u = _(() => {
       const f = Math.ceil(p.value / n.value);
       return `${f} ${ee(f, "page")}`;
-    }), h = M(() => ({
+    }), h = _(() => ({
       thead: () => ({
         class: [
           {
@@ -3494,8 +3498,8 @@ const ka = {
     };
     return W(() => i.filters, (f) => {
       s.value.filters = f, a("update:tableContext", s.value);
-    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (f, B) => (d(), b("div", Fa, [
-      m("span", Ca, [
+    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (f, B) => (d(), b("div", Ca, [
+      m("span", Ta, [
         C(f.$slots, "above-table")
       ]),
       k(c(We), j({
@@ -3514,16 +3518,16 @@ const ka = {
         showHeaders: ""
       }), ie({
         empty: g(() => [
-          m("div", Ta, [
-            m("h5", za, $(f.emptyMessage ?? "No items Found."), 1)
+          m("div", za, [
+            m("h5", Pa, $(f.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: g(() => [
           m("div", {
             class: P(i.loading ? "opacity-50" : "")
           }, [
-            m("div", Pa, [
-              m("div", ja, [
+            m("div", ja, [
+              m("div", _a, [
                 f.paginator && !f.legacyPaginationFooter ? (d(), b("span", Ma, [
                   k(he, {
                     total: p.value,
@@ -3536,7 +3540,7 @@ const ka = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : T("", !0)
               ]),
-              m("div", _a, [
+              m("div", Ia, [
                 f.showClearButton ? (d(), x(c(q), {
                   key: 0,
                   outlined: "",
@@ -3550,7 +3554,7 @@ const ka = {
                       width: "24",
                       height: "24"
                     }),
-                    B[2] || (B[2] = V(" Clear "))
+                    B[2] || (B[2] = V(" Clear ", -1))
                   ]),
                   _: 1,
                   __: [2]
@@ -3567,7 +3571,7 @@ const ka = {
                       width: "24",
                       height: "24"
                     }),
-                    B[3] || (B[3] = V(" Export "))
+                    B[3] || (B[3] = V(" Export ", -1))
                   ]),
                   _: 1,
                   __: [3]
@@ -3620,10 +3624,10 @@ const ka = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), Ia = { class: "position-relative" }, Va = { "data-cy": "above-table-slot" }, Da = { class: "d-flex w-100" }, Oa = {
+}), Va = { class: "position-relative" }, Da = { "data-cy": "above-table-slot" }, Oa = { class: "d-flex w-100" }, Aa = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Aa = { class: "d-flex" }, La = { class: "d-flex align-items-end mb-2" }, Na = { key: 0 }, Ua = { class: "ms-auto" }, Fo = /* @__PURE__ */ z({
+}, La = { class: "d-flex" }, Na = { class: "d-flex align-items-end mb-2" }, Ua = { key: 0 }, Ea = { class: "ms-auto" }, Co = /* @__PURE__ */ z({
   __name: "ForgeTreeTable",
   props: {
     stripedRows: { type: Boolean, default: !1 },
@@ -3684,17 +3688,17 @@ const ka = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = e, i = t, o = _([5, 10, 20, 50, 100]), l = _(10), n = _(0), s = _(0), p = _({
+    const a = e, i = t, o = M([5, 10, 20, 50, 100]), l = M(10), n = M(0), s = M(0), p = M({
       filters: a.filters,
       perPage: l.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: a.totalRecords ?? a.value.length
-    }), u = M(() => a.totalRecords ?? a.value.length), h = M(() => {
+    }), u = _(() => a.totalRecords ?? a.value.length), h = _(() => {
       const y = Math.ceil(u.value / l.value);
       return `${y} ${ee(y, "page")}`;
-    }), r = M(() => ({
+    }), r = _(() => ({
       root: "position-relative",
       table: (y) => ({
         class: [
@@ -3791,8 +3795,8 @@ const ka = {
     const D = () => {
       n.value = s.value * l.value;
     };
-    return (y, O) => (d(), b("div", Ia, [
-      m("span", Va, [
+    return (y, O) => (d(), b("div", Va, [
+      m("span", Da, [
         C(y.$slots, "above-table")
       ]),
       k(c(Ge), j({
@@ -3810,17 +3814,17 @@ const ka = {
         first: n.value
       }), ie({
         empty: g(() => [
-          m("div", Da, [
-            m("h5", Oa, $(y.emptyMessage ?? "No items Found."), 1)
+          m("div", Oa, [
+            m("h5", Aa, $(y.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: g(() => [
           m("div", {
             class: P(a.loading ? "opacity-50" : "")
           }, [
-            m("div", Aa, [
-              m("div", La, [
-                y.paginator && !y.legacyPaginationFooter ? (d(), b("span", Na, [
+            m("div", La, [
+              m("div", Na, [
+                y.paginator && !y.legacyPaginationFooter ? (d(), b("span", Ua, [
                   k(he, {
                     total: u.value,
                     "page-sizes": o.value,
@@ -3832,7 +3836,7 @@ const ka = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : T("", !0)
               ]),
-              m("div", Ua, [
+              m("div", Ea, [
                 y.showClearButton ? (d(), x(c(q), {
                   key: 0,
                   outlined: "",
@@ -3845,7 +3849,7 @@ const ka = {
                       width: "24",
                       height: "24"
                     }),
-                    O[3] || (O[3] = V(" Clear "))
+                    O[3] || (O[3] = V(" Clear ", -1))
                   ]),
                   _: 1,
                   __: [3]
@@ -3898,7 +3902,7 @@ const ka = {
       ]), 1040, ["class", "pt", "filter-display", "rows", "first"])
     ]));
   }
-}), Ea = { class: "d-flex position-relative" }, qa = { class: "d-flex w-100" }, Co = /* @__PURE__ */ z({
+}), qa = { class: "d-flex position-relative" }, Ra = { class: "d-flex w-100" }, To = /* @__PURE__ */ z({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ E({
     dataType: {},
@@ -3929,7 +3933,7 @@ const ka = {
     };
     return (o, l) => {
       const n = fe, s = q;
-      return d(), b("div", Ea, [
+      return d(), b("div", qa, [
         o.dataType === "numeric" ? (d(), x(n, j({
           key: 0,
           modelValue: t.value,
@@ -3952,7 +3956,7 @@ const ka = {
           "option-label": o.optionLabel
         }), {
           value: g(({ value: p, placeholder: u }) => [
-            m("div", qa, [
+            m("div", Ra, [
               m("span", {
                 class: P({ "filter-placeholder": p === null })
               }, $(a(p, u)), 3),
@@ -5149,7 +5153,7 @@ class we {
   }
 }
 Z = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap();
-const Ra = new we(ue, ce)._freeze();
+const Ha = new we(ue, ce)._freeze();
 function ke(e, t, a, i) {
   const o = t.flatMap((l) => l.file);
   return t = t.map((l) => ({ ...l, status: l.status == "Duplicate" ? "Not Uploaded" : l.status })), e.forEach((l) => {
@@ -5162,7 +5166,7 @@ function ke(e, t, a, i) {
     })) : t[n].status = "Duplicate";
   }), t;
 }
-async function Ha(e, t) {
+async function Wa(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new ge(t).delete();
@@ -5185,20 +5189,20 @@ function me(e, t = !0, a = 1) {
   while (Math.round(Math.abs(e) * n) / n >= i && l < o.length - 1);
   return e.toFixed(a) + " " + o[l];
 }
-function Wa(e) {
+function Ga(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function Ga(e) {
+function Ya(e) {
   return URL.createObjectURL(e);
 }
-function Ya() {
+function Ja() {
   const e = new we(ue, ce);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disabled", "multiple"], Za = {
+const Ka = { class: "d-flex justify-content-between" }, Za = ["accept", "disabled", "multiple"], Xa = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, Xa = /* @__PURE__ */ z({
+}, Qa = /* @__PURE__ */ z({
   __name: "UploadButton",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -5211,12 +5215,12 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = _(), i = (n) => a.value.toggle(n), o = M(() => e.maxFileInput <= t.value.length), l = (n) => {
+    const t = L(e, "modelValue"), a = M(), i = (n) => a.value.toggle(n), o = _(() => e.maxFileInput <= t.value.length), l = (n) => {
       t.value = ke(n, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileSize);
     };
     return (n, s) => {
       const p = q;
-      return d(), b("div", Ja, [
+      return d(), b("div", Ka, [
         C(n.$slots, "message"),
         m("div", null, [
           m("input", {
@@ -5227,7 +5231,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
             disabled: o.value,
             multiple: n.maxFileInput > 1,
             onInput: s[0] || (s[0] = (u) => l([...u.target.files]))
-          }, null, 40, Ka),
+          }, null, 40, Za),
           m("label", {
             class: P([{ disabled: o.value }, "btn btn-primary"]),
             id: "file-input-button",
@@ -5240,7 +5244,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
                 height: "20px",
                 width: "20px"
               }),
-              s[1] || (s[1] = V(" Browse your computer "))
+              s[1] || (s[1] = V(" Browse your computer ", -1))
             ])
           ], 2)
         ]),
@@ -5252,7 +5256,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
           onClick: i
         }, {
           default: g(() => s[2] || (s[2] = [
-            V("Accepted File Types")
+            V("Accepted File Types", -1)
           ])),
           _: 1,
           __: [2]
@@ -5262,21 +5266,21 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
           ref: a
         }, {
           default: g(() => [
-            m("div", Za, $(n.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
+            m("div", Xa, $(n.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), Qa = {
+}), ei = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, ei = {
+}, ti = {
   key: 1,
   class: "d-flex flex-column"
-}, ti = /* @__PURE__ */ z({
+}, ai = /* @__PURE__ */ z({
   __name: "DragDropArea",
   props: /* @__PURE__ */ E({
     maxFileInput: {},
@@ -5288,7 +5292,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = _(!1), i = M(() => e.maxFileInput <= t.value.length), o = (l) => {
+    const t = L(e, "modelValue"), a = M(!1), i = _(() => e.maxFileInput <= t.value.length), o = (l) => {
       a.value = !1, l.dataTransfer.files.length > e.maxFileInput || i.value ? l.preventDefault() : t.value = ke([...l.dataTransfer.files], t.value, e.acceptedFileTypes.map((n) => n.fileType), e.maxFileSize);
     };
     return (l, n) => (d(), b("div", {
@@ -5298,20 +5302,20 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
       onDragover: n[1] || (n[1] = Q((s) => a.value = !0, ["prevent"])),
       onDrop: Q(o, ["prevent"])
     }, [
-      t.value.length === 0 ? (d(), b("div", Qa, [
+      t.value.length === 0 ? (d(), b("div", ei, [
         k(c(I), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        n[2] || (n[2] = V(" Drag and drop files here "))
-      ])) : (d(), b("div", ei, [
+        n[2] || (n[2] = V(" Drag and drop files here ", -1))
+      ])) : (d(), b("div", ti, [
         C(l.$slots, "default")
       ]))
     ], 34));
   }
-}), ai = { class: "d-flex align-items-center me-2" }, ii = /* @__PURE__ */ z({
+}), ii = { class: "d-flex align-items-center me-2" }, oi = /* @__PURE__ */ z({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -5320,7 +5324,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = e, a = M(() => t.uploadStatus === "Failed" || t.uploadStatus === "InvalidFileType" || t.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), i = M(() => {
+    const t = e, a = _(() => t.uploadStatus === "Failed" || t.uploadStatus === "InvalidFileType" || t.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), i = _(() => {
       switch (t.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -5338,7 +5342,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
     });
     return (o, l) => {
       const n = pe;
-      return d(), b("div", ai, [
+      return d(), b("div", ii, [
         t.uploadStatus === "Uploading" ? (d(), x(n, {
           key: 0,
           "in-line": ""
@@ -5357,16 +5361,16 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
       ]);
     };
   }
-}), oi = ["data-cy"], li = { class: "ms-3 d-flex flex-column" }, ni = {
+}), li = ["data-cy"], ni = { class: "ms-3 d-flex flex-column" }, si = {
   key: 1,
   id: "file-name"
-}, si = {
+}, ri = {
   class: "text-black-50",
   id: "file-type"
-}, ri = {
+}, di = {
   class: "text-black-50",
   id: "file-size"
-}, di = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, pi = /* @__PURE__ */ z({
+}, pi = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, ci = /* @__PURE__ */ z({
   __name: "FileInfo",
   props: /* @__PURE__ */ E({
     editableFileName: { type: Boolean },
@@ -5385,10 +5389,10 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
   }),
   emits: /* @__PURE__ */ E(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = L(e, "file"), i = L(e, "blobFileName"), o = L(e, "uploadStatus"), l = t, n = _(a.value.name), s = _(""), p = _(0), u = _(), h = M(() => e.acceptedFileTypes.some(({ fileType: f }) => f === a.value.type)), r = M(() => a.value.size <= e.maxFileSize), w = M(() => a.value.type ? a.value.type : Ya().getType(a.value.name)), v = () => {
+    const a = L(e, "file"), i = L(e, "blobFileName"), o = L(e, "uploadStatus"), l = t, n = M(a.value.name), s = M(""), p = M(0), u = M(), h = _(() => e.acceptedFileTypes.some(({ fileType: f }) => f === a.value.type)), r = _(() => a.value.size <= e.maxFileSize), w = _(() => a.value.type ? a.value.type : Ja().getType(a.value.name)), v = () => {
       n.value != null && (F(), a.value = new File([a.value], n.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, F = () => {
-      let f = n.value.split("."), B = Ra.getExtension(w.value), D = n.value.split(".").pop();
+      let f = n.value.split("."), B = Ha.getExtension(w.value), D = n.value.split(".").pop();
       f.length === 1 ? D && D.length > 0 && (n.value = [n.value, B].join(".")) : f.length > 1 && D !== B && (n.value = n.value.replace(D, B));
     }, S = async () => {
       if (!h.value || !r.value) {
@@ -5421,7 +5425,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
         o.value = "Failed";
       }
     }, A = async () => {
-      await Ha(o.value, s.value), l("deleted", a.value);
+      await Wa(o.value, s.value), l("deleted", a.value);
     };
     return ne(() => {
       e.autoUploadToBlob && o.value != "Uploaded" && S();
@@ -5432,11 +5436,11 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          c(Wa)(a.value.type) ? (d(), x(c(Ye), {
+          c(Ga)(a.value.type) ? (d(), x(c(Ye), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(Ga)(a.value),
+            src: c(Ya)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
@@ -5448,7 +5452,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", li, [
+        m("div", ni, [
           m("div", null, [
             f.editableFileName ? (d(), x(Zt, {
               key: 0,
@@ -5458,13 +5462,13 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
               rules: f.customFileNameRules,
               name: a.value.name,
               "complete-action": v
-            }, null, 8, ["modelValue", "rules", "name"])) : (d(), b("span", ni, $(n.value), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (d(), b("span", si, $(n.value), 1))
           ]),
-          m("span", si, "File type: " + $(a.value.type.split("/").pop()), 1),
-          m("span", ri, "File size: " + $(c(me)(a.value.size)), 1)
+          m("span", ri, "File type: " + $(a.value.type.split("/").pop()), 1),
+          m("span", di, "File size: " + $(c(me)(a.value.size)), 1)
         ]),
-        m("div", di, [
-          (d(), x(ii, {
+        m("div", pi, [
+          (d(), x(oi, {
             key: o.value,
             "file-size": a.value.size,
             "upload-status": o.value,
@@ -5504,22 +5508,22 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
             _: 1
           }))
         ])
-      ], 8, oi);
+      ], 8, li);
     };
   }
-}), ci = { class: "d-flex justify-content-end mt-1 gap-1" }, ui = { id: "max-file-size" }, mi = { id: "max-file-input" }, vi = /* @__PURE__ */ z({
+}), ui = { class: "d-flex justify-content-end mt-1 gap-1" }, mi = { id: "max-file-size" }, vi = { id: "max-file-input" }, fi = /* @__PURE__ */ z({
   __name: "FileInputInfo",
   props: {
     maxFileSize: {},
     maxFileInput: {}
   },
   setup(e) {
-    return (t, a) => (d(), b("div", ci, [
-      m("div", ui, "Max file size: " + $(c(me)(t.maxFileSize)), 1),
-      m("div", mi, "| Max file count: " + $(t.maxFileInput), 1)
+    return (t, a) => (d(), b("div", ui, [
+      m("div", mi, "Max file size: " + $(c(me)(t.maxFileSize)), 1),
+      m("div", vi, "| Max file count: " + $(t.maxFileInput), 1)
     ]));
   }
-}), fi = { "data-cy": "file-uploader" }, gi = { key: 1 }, To = /* @__PURE__ */ z({
+}), gi = { "data-cy": "file-uploader" }, bi = { key: 1 }, zo = /* @__PURE__ */ z({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -5544,7 +5548,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
     const a = e, i = (o) => {
       t.value = t.value.filter((l) => l.file != o);
     };
-    return (o, l) => (d(), b("div", fi, [
+    return (o, l) => (d(), b("div", gi, [
       t.value.length == o.maxFileInput && a.maxFileWarning != null ? (d(), x(re, {
         key: 0,
         id: "max-files-alert",
@@ -5555,12 +5559,12 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
         ]),
         _: 1
       })) : T("", !0),
-      k(Xa, j(a, {
+      k(Qa, j(a, {
         modelValue: t.value,
         "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n)
       }), null, 16, ["modelValue"]),
-      o.showDragDropArea ? (d(), b("div", gi, [
-        k(ti, {
+      o.showDragDropArea ? (d(), b("div", bi, [
+        k(ai, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
@@ -5569,7 +5573,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
         }, {
           default: g(() => [
             (d(!0), b(N, null, U(t.value, ({ file: n }, s) => (d(), b("div", null, [
-              (d(), x(pi, j({
+              (d(), x(ci, j({
                 key: n.name,
                 class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[s].file,
@@ -5583,14 +5587,14 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        k(vi, {
+        k(fi, {
           "max-file-size": a.maxFileSize,
           "max-file-input": o.maxFileInput
         }, null, 8, ["max-file-size", "max-file-input"])
       ])) : T("", !0)
     ]));
   }
-}), bi = { class: "d-flex" }, yi = { class: "me-3" }, xi = { class: "ms-2" }, hi = { class: "d-flex flex-column w-100" }, zo = /* @__PURE__ */ z({
+}), yi = { class: "d-flex" }, xi = { class: "me-3" }, hi = { class: "ms-2" }, wi = { class: "d-flex flex-column w-100" }, Po = /* @__PURE__ */ z({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -5598,7 +5602,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), a = _(), i = _(!1), o = (l) => {
+    const t = L(e, "modelValue"), a = M(), i = M(!1), o = (l) => {
       a.value.toggle(l);
     };
     return (l, n) => (d(), b(N, null, [
@@ -5607,12 +5611,12 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
         class: "ms-2"
       }, {
         default: g(() => [
-          m("div", bi, [
-            m("div", yi, [
+          m("div", yi, [
+            m("div", xi, [
               k(c(I), { icon: "bi:layout-three-columns" })
             ]),
             V(" Columns (" + $(t.value.filter((s) => s.selected).length ?? 0) + "/" + $(t.value.length ?? 0) + ") ", 1),
-            m("div", xi, [
+            m("div", hi, [
               k(c(I), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
@@ -5629,7 +5633,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
         onShow: n[1] || (n[1] = () => i.value = !0)
       }, {
         default: g(() => [
-          m("div", hi, [
+          m("div", wi, [
             (d(!0), b(N, null, U(t.value, (s, p) => (d(), b("div", {
               class: P(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
@@ -5653,7 +5657,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), Po = /* @__PURE__ */ z({
+}), jo = /* @__PURE__ */ z({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
@@ -5682,13 +5686,13 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
       ]), 1040);
     };
   }
-}), wi = /* @__PURE__ */ z({
+}), ki = /* @__PURE__ */ z({
   __name: "ForgeToggleButton",
   props: {
     severity: { default: "primary" }
   },
   setup(e) {
-    const t = e, a = M(() => ({
+    const t = e, a = _(() => ({
       root: (i) => ({
         class: [
           "btn",
@@ -5714,10 +5718,10 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
       pt: a.value
     }), null, 16, ["severity", "pt"]));
   }
-}), ki = {
+}), Bi = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, jo = /* @__PURE__ */ z({
+}, _o = /* @__PURE__ */ z({
   __name: "ForgeSelectButton",
   props: /* @__PURE__ */ E({
     options: {},
@@ -5747,8 +5751,8 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
         } else
           a.value = a.value === l.value && t.allowEmpty ? null : l.value;
     };
-    return (l, n) => (d(), b("div", ki, [
-      (d(!0), b(N, null, U(l.options, (s, p) => (d(), x(wi, {
+    return (l, n) => (d(), b("div", Bi, [
+      (d(!0), b(N, null, U(l.options, (s, p) => (d(), x(ki, {
         key: p,
         onLabel: s.label,
         offLabel: s.label,
@@ -5764,7 +5768,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
 }), Mo = /* @__PURE__ */ z({
   __name: "ForgeConfirmPopup",
   setup(e) {
-    const t = M(() => ({
+    const t = _(() => ({
       root: [
         "card w-fit-content position-absolute"
       ],
@@ -5782,13 +5786,13 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
       _: 3
     }, 16, ["pt"]));
   }
-}), Bi = {
+}), $i = {
   key: 0,
   class: "mb-1"
-}, $i = {
+}, Si = {
   key: 0,
   class: "mb-1"
-}, _o = /* @__PURE__ */ z({
+}, Io = /* @__PURE__ */ z({
   __name: "ForgePickList",
   props: /* @__PURE__ */ E({
     filterBy: {},
@@ -5831,7 +5835,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
   }),
   emits: ["update:modelValue", "update:targetList", "update:sourceList"],
   setup(e) {
-    const t = e, a = L(e, "modelValue"), i = L(e, "targetList"), o = L(e, "sourceList"), l = _(null), n = _(null), s = (v) => {
+    const t = e, a = L(e, "modelValue"), i = L(e, "targetList"), o = L(e, "sourceList"), l = M(null), n = M(null), s = (v) => {
       const { items: F } = v;
       i.value.push(...F), o.value = o.value.filter((S) => !F.includes(S));
     }, p = (v) => {
@@ -5879,7 +5883,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
       onMoveToSource: F[4] || (F[4] = (S) => p(S))
     }), {
       sourceheader: g(() => [
-        v.sourceTitle ? (d(), b("div", Bi, $(v.sourceTitle), 1)) : T("", !0),
+        v.sourceTitle ? (d(), b("div", $i, $(v.sourceTitle), 1)) : T("", !0),
         k(c(ae), {
           modelValue: l.value,
           "onUpdate:modelValue": [
@@ -5892,7 +5896,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
         }, null, 8, ["modelValue"])
       ]),
       targetheader: g(() => [
-        v.targetTitle ? (d(), b("div", $i, $(v.targetTitle), 1)) : T("", !0),
+        v.targetTitle ? (d(), b("div", Si, $(v.targetTitle), 1)) : T("", !0),
         k(c(ae), {
           modelValue: n.value,
           "onUpdate:modelValue": [
@@ -5910,7 +5914,7 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Io = () => ({
+}), Vo = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5921,40 +5925,40 @@ const Ja = { class: "d-flex justify-content-between" }, Ka = ["accept", "disable
   }
 });
 export {
-  no as Bootstrap_PT,
-  so as ForgeActionButton,
+  so as Bootstrap_PT,
+  ro as ForgeActionButton,
   re as ForgeAlert,
-  ro as ForgeAutoComplete,
+  po as ForgeAutoComplete,
   ye as ForgeCheckbox,
-  xo as ForgeChip,
-  zo as ForgeColumnCustomiser,
+  ho as ForgeChip,
+  Po as ForgeColumnCustomiser,
   Mo as ForgeConfirmPopup,
   xe as ForgeDatepicker,
-  To as ForgeFileUploader,
-  Co as ForgeFilterHeader,
-  bo as ForgeForm,
-  yo as ForgeFormField,
+  zo as ForgeFileUploader,
+  To as ForgeFilterHeader,
+  yo as ForgeForm,
+  xo as ForgeFormField,
   Zt as ForgeInlineEditor,
-  po as ForgeLink,
+  co as ForgeLink,
   pe as ForgeLoader,
-  mo as ForgeModal,
+  vo as ForgeModal,
   ia as ForgeMultiSelectPreview,
-  vo as ForgeNavbar,
-  fo as ForgePageHeader,
-  Po as ForgePanel,
-  _o as ForgePickList,
-  ho as ForgeProgressBar,
-  go as ForgeRemainingCharacters,
-  Io as ForgeResolver,
-  wo as ForgeScratchpad,
-  jo as ForgeSelectButton,
-  ko as ForgeStatWidget,
-  Bo as ForgeStepper,
-  So as ForgeTable,
-  $o as ForgeTile,
-  wi as ForgeToggleButton,
-  Fo as ForgeTreeTable,
-  uo as convertToMultiSelectOption,
-  co as enumToMultiSelectList,
+  fo as ForgeNavbar,
+  go as ForgePageHeader,
+  jo as ForgePanel,
+  Io as ForgePickList,
+  wo as ForgeProgressBar,
+  bo as ForgeRemainingCharacters,
+  Vo as ForgeResolver,
+  ko as ForgeScratchpad,
+  _o as ForgeSelectButton,
+  Bo as ForgeStatWidget,
+  $o as ForgeStepper,
+  Fo as ForgeTable,
+  So as ForgeTile,
+  ki as ForgeToggleButton,
+  Co as ForgeTreeTable,
+  mo as convertToMultiSelectOption,
+  uo as enumToMultiSelectList,
   Ut as parseError
 };