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

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

@@ -1,22 +1,22 @@
 import he from "primevue/message";
-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 { defineComponent as F, openBlock as d, createBlock as b, normalizeProps as X, guardReactiveProps as Q, withCtx as g, createElementVNode as u, normalizeClass as B, unref as c, createCommentVNode as z, createVNode as y, renderSlot as k, ref as I, createElementBlock as f, Fragment as N, mergeProps as S, renderList as q, mergeModels as E, useModel as D, computed as C, createTextVNode as P, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as K, normalizeStyle as ke, withModifiers as G, watch as ce, 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 U from "primevue/button";
+import Fe from "primevue/toast";
+import Se from "primevue/autocomplete";
 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 oe from "primevue/inputtext";
 import { vOnClickOutside as je } from "@vueuse/components";
 import Ie from "primevue/menubar";
-import oe from "primevue/multiselect";
+import ne from "primevue/multiselect";
 import Pe from "primevue/datepicker";
 import te from "primevue/select";
 import _e from "primevue/inputmask";
 import Ve from "primevue/textarea";
-import ce from "primevue/inputnumber";
+import me from "primevue/inputnumber";
 import Me from "primevue/chip";
 import De from "primevue/progressbar";
 import Oe from "primevue/step";
@@ -24,10 +24,10 @@ 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";
+import Ee from "primevue/datatable";
+import { BlockBlobClient as ue } from "@azure/storage-blob";
+import ve from "primevue/popover";
+import Le from "primevue/image";
 const Re = {
   autoComplete: {
     root: ({ props: e }) => ({
@@ -360,12 +360,12 @@ const Re = {
         "badge d-inline-flex align-items-center border me-1 p-1",
         {
           "bg-primary-subtle text-primary border-primary": e.severity === null || e.severity === void 0 || e.severity === "primary",
-          "bg-primary-brand text-brand border-brand": e.severity === "brand",
-          "bg-primary-secondary text-secondary border-secondary": e.severity === "secondary",
-          "bg-primary-success text-success border-success": e.severity === "success",
-          "bg-primary-warning text-warning border-warning": e.severity === "warning" || e.severity === "warn",
-          "bg-primary-danger text-danger border-danger": e.severity === "danger",
-          "bg-primary-info text-info border-info": e.severity === "info"
+          "bg-brand-shade-1 text-brand border-brand": e.severity === "brand",
+          "bg-secondary-subtle text-secondary border-secondary": e.severity === "secondary",
+          "bg-success-subtle text-success border-success": e.severity === "success",
+          "bg-warning-subtle text-warning border-warning": e.severity === "warning" || e.severity === "warn",
+          "bg-danger-subtle text-danger border-danger": e.severity === "danger",
+          "bg-info-subtle text-info border-info": e.severity === "info"
         },
         {
           "rounded-pill": e.rounded
@@ -646,9 +646,9 @@ const Re = {
 }, dt = {
   panel: {
     root: "card w-100",
-    header: "d-flex justify-content-between align-items-center fw-600 mx-2",
+    header: "d-flex justify-content-between align-items-center fw-600 ms-4 me-3 my-2",
     pcToggleButton: "btn",
-    contentContainer: "m-2"
+    contentContainer: "mt-2 mx-4 mb-4"
   }
 }, pt = {
   // More PT options can be found in the ForgeTable file.
@@ -1000,7 +1000,7 @@ const Re = {
       ]
     })
   }
-}, Fi = {
+}, zi = {
   ...Re,
   ...ct,
   ...He,
@@ -1035,7 +1035,7 @@ const Re = {
   directives: {
     ...ut
   }
-}, ne = /* @__PURE__ */ S({
+}, se = /* @__PURE__ */ F({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -1056,12 +1056,12 @@ const Re = {
     const t = e;
     return (a, i) => {
       const l = he;
-      return d(), g(l, X(Q({ ...a.$attrs, ...t })), {
-        icon: f(() => [
+      return d(), b(l, X(Q({ ...a.$attrs, ...t })), {
+        icon: g(() => [
           u("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (d(), g(c(j), {
+            t.icon ? (d(), b(c(j), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -1070,17 +1070,17 @@ const Re = {
             }, null, 8, ["icon", "class"])) : z("", !0)
           ], 2)
         ]),
-        closeicon: f(() => [
+        closeicon: g(() => [
           y(c(j), { icon: "bi:x" })
         ]),
-        default: f(() => [
+        default: g(() => [
           k(a.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), zi = /* @__PURE__ */ S({
+}), Ci = /* @__PURE__ */ F({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1089,7 +1089,7 @@ const Re = {
     params: { default: Array }
   },
   setup(e) {
-    const t = P(!1), a = e, i = async () => {
+    const t = I(!1), a = e, i = async () => {
       t.value = !0;
       try {
         await a.action.apply(this, a.params);
@@ -1099,30 +1099,30 @@ const Re = {
       t.value = !1;
     };
     return (l, o) => {
-      const r = N;
-      return d(), v(O, null, [
-        y(r, F({ ...a, ...l.$attrs }, {
+      const s = U;
+      return d(), f(N, null, [
+        y(s, S({ ...a, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: i
         }), null, 16, ["loading", "disabled"]),
-        y(c(Se))
+        y(c(Fe))
       ], 64);
     };
   }
-}), Ci = /* @__PURE__ */ S({
+}), Ti = /* @__PURE__ */ F({
   __name: "ForgeAutoComplete",
   setup(e) {
-    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))
+    return (t, a) => (d(), b(c(Se), S({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+      default: g(() => [
+        (d(!0), f(N, null, q(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16));
   }
-}), kt = { class: "d-flex flex-column" }, $t = ["for"], ve = /* @__PURE__ */ S({
+}), kt = { class: "d-flex flex-column" }, $t = ["for"], fe = /* @__PURE__ */ F({
   __name: "ForgeCheckbox",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     label: { default: "" },
     value: {},
     modelValue: {},
@@ -1162,45 +1162,45 @@ const Re = {
         type: "checkbox",
         checkedValue: a.value
       }
-    ), r = (p) => {
+    ), s = (p) => {
       t.name ? i(p) : a.value = p;
-    }, s = C(() => l.value.length > 0);
+    }, r = C(() => l.value.length > 0);
     return (p, m) => {
-      const b = ze;
-      return d(), v("div", kt, [
-        u("div", F({
+      const x = ze;
+      return d(), f("div", kt, [
+        u("div", S({
           class: "d-flex",
           "data-cy": "checkbox-container",
-          onClick: m[2] || (m[2] = (n) => r(a.value))
+          onClick: m[2] || (m[2] = (n) => s(a.value))
         }, { ...p.$attrs }), [
-          y(b, F({ ...t }, {
+          y(x, S({ ...t }, {
             binary: "",
             modelValue: a.value,
             "onUpdate:modelValue": m[0] || (m[0] = (n) => a.value = n),
             "input-id": t.name,
-            "input-class": { "is-invalid": s.value },
+            "input-class": { "is-invalid": r.value },
             class: t.disabled ? "" : "cursor-pointer"
           }), null, 16, ["modelValue", "input-id", "input-class", "class"]),
           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"])
+            onClick: m[1] || (m[1] = (n) => s(!a.value)),
+            class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${r.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
             k(p.$slots, "default", {}, () => [
-              _(w(t.label), 1)
+              P(w(t.label), 1)
             ])
           ], 10, $t)
         ], 16),
-        R(u("small", {
+        H(u("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, w(c(o)), 513), [
-          [W, s.value]
+          [Y, r.value]
         ])
       ]);
     };
   }
-}), Bt = { class: "forge-loader" }, fe = /* @__PURE__ */ S({
+}), Bt = { class: "forge-loader" }, ge = /* @__PURE__ */ F({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -1209,7 +1209,7 @@ const Re = {
     const t = e;
     return (a, i) => {
       const l = Ce;
-      return d(), v("div", Bt, [
+      return d(), f("div", Bt, [
         y(l, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
@@ -1217,7 +1217,7 @@ const Re = {
       ]);
     };
   }
-}), St = ["href", "target"], Ti = /* @__PURE__ */ S({
+}), Ft = ["href", "target"], ji = /* @__PURE__ */ F({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1251,25 +1251,25 @@ const Re = {
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (i, l) => (d(), v("a", {
+    return (i, l) => (d(), f("a", {
       id: "link",
       class: B(["cursor-pointer d-flex text-break", t.value]),
       href: i.url,
       target: i.target
     }, [
       k(i.$slots, "default", {}, () => [
-        i.iconName ? (d(), g(c(j), {
+        i.iconName ? (d(), b(c(j), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
           class: B(["bi my-auto", a.value])
         }, null, 8, ["icon", "class"])) : z("", !0),
-        _(" " + w(i.label), 1)
+        P(" " + w(i.label), 1)
       ])
-    ], 10, St));
+    ], 10, Ft));
   }
 });
-function Ft(e) {
+function St(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1280,18 +1280,18 @@ function Ft(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function ji(e, t) {
+function Ii(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function Ii(e, t, a) {
+function Pi(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
 const zt = { key: 0 }, Ct = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Pi = /* @__PURE__ */ S({
+}, _i = /* @__PURE__ */ F({
   __name: "ForgeModal",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     cancelText: { default: "Cancel" },
     submitText: { default: "Submit" },
     showFooter: { type: Boolean, default: !0 },
@@ -1339,13 +1339,13 @@ const zt = { key: 0 }, Ct = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = D(e, "visible"), a = P(!1), i = e, l = P(!1), o = P({
+    const t = D(e, "visible"), a = I(!1), i = e, l = I(!1), o = I({
       hasError: !1,
       header: "",
       message: []
-    }), r = () => {
+    }), s = () => {
       a.value = !1;
-    }, s = () => {
+    }, r = () => {
       a.value = !0;
     }, p = () => {
       t.value = !1;
@@ -1357,12 +1357,12 @@ const zt = { key: 0 }, Ct = {
           (n || n == null) && p();
         } catch (n) {
           o.value.hasError = !0;
-          const $ = Ft(n);
+          const $ = St(n);
           o.value.header = $.errorMessage, o.value.message = $.errorDetails;
         }
         l.value = !1;
       }
-    }, b = C(() => ({
+    }, x = C(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1374,13 +1374,13 @@ const zt = { key: 0 }, Ct = {
       ]
     }));
     return (n, $) => {
-      const T = N, V = Te;
-      return d(), g(V, F(i, {
-        onMaximize: s,
-        onUnmaximize: r,
-        pt: b.value
-      }), ae({
-        closeicon: f(() => [
+      const T = U, V = Te;
+      return d(), b(V, S(i, {
+        onMaximize: r,
+        onUnmaximize: s,
+        pt: x.value
+      }), ie({
+        closeicon: g(() => [
           y(c(j), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
@@ -1389,7 +1389,7 @@ const zt = { key: 0 }, Ct = {
             onClick: p
           })
         ]),
-        maximizeicon: f(() => [
+        maximizeicon: g(() => [
           y(c(j), {
             "data-cy": "maximisable-icon",
             icon: a.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
@@ -1399,33 +1399,33 @@ const zt = { key: 0 }, Ct = {
         ]),
         _: 2
       }, [
-        A(n.$slots, (M, I) => ({
-          name: I,
-          fn: f((x) => [
-            o.value.hasError ? (d(), g(ne, {
+        q(n.$slots, (M, O) => ({
+          name: O,
+          fn: g((v) => [
+            o.value.hasError ? (d(), b(se, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
-              default: f(() => [
+              default: g(() => [
                 u("p", {
                   class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, w(o.value.header), 3),
-                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))
+                o.value.message.length > 0 ? (d(), f("ul", zt, [
+                  (d(!0), f(N, null, q(o.value.message, (h) => (d(), f("li", { key: h }, w(h), 1))), 128))
                 ])) : z("", !0)
               ]),
               _: 1
             })) : z("", !0),
-            k(n.$slots, I, X(Q(x || {}))),
+            k(n.$slots, O, X(Q(v || {}))),
             l.value ? k(n.$slots, "loader", { key: 1 }, () => [
-              y(fe, { "data-cy": "loader" })
+              y(ge, { "data-cy": "loader" })
             ]) : z("", !0)
           ])
         })),
         n.showFooter ? {
           name: "footer",
-          fn: f(() => [
+          fn: g(() => [
             u("div", Ct, [
               y(T, {
                 label: n.cancelText,
@@ -1449,9 +1449,9 @@ const zt = { key: 0 }, Ct = {
       ]), 1040, ["pt"]);
     };
   }
-}), 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({
+}), 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__ */ F({
   __name: "ForgeInlineEditor",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     name: { default: "" },
     completeAction: {},
     errorAction: {},
@@ -1464,10 +1464,10 @@ const zt = { key: 0 }, Ct = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), i = P(!1), l = P(), o = () => {
+    const t = e, a = D(e, "modelValue"), i = I(!1), l = I(), o = () => {
       var T;
       i.value = !i.value, (T = l.value) == null || T.focus();
-    }, r = async () => {
+    }, s = async () => {
       if ($.value)
         return !1;
       if (a.value = n.value, t.completeAction)
@@ -1478,46 +1478,46 @@ const zt = { key: 0 }, Ct = {
         }
       else
         i.value = !i.value;
-    }, s = () => {
+    }, r = () => {
       i.value = !i.value;
     }, p = () => {
       n.value = null;
-    }, { errorMessage: m, errors: b, value: n } = ee(() => t.name, void 0, {
+    }, { errorMessage: m, errors: x, value: n } = ee(() => t.name, void 0, {
       initialValue: a.value
     });
-    ie(() => {
+    le(() => {
       n.value = a.value;
     });
-    const $ = C(() => b.value.length > 0);
+    const $ = C(() => x.value.length > 0);
     return (T, V) => {
-      const M = le, I = N;
-      return d(), v("div", {
+      const M = oe, O = U;
+      return d(), f("div", {
         id: t.name
       }, [
-        T.readonly ? (d(), v("div", _t, [
+        T.readonly ? (d(), f("div", _t, [
           k(T.$slots, "default", {}, () => [
             u("span", Vt, w(c(n)), 1)
           ])
-        ])) : (d(), v("div", jt, [
-          i.value ? (d(), v("div", It, [
-            R((d(), v("div", Pt, [
+        ])) : (d(), f("div", jt, [
+          i.value ? (d(), f("div", It, [
+            H((d(), f("div", Pt, [
               k(T.$slots, "editor", {
                 class: B({ "is-invalid": $.value }),
-                editFinished: r,
-                cancel: s,
+                editFinished: s,
+                cancel: r,
                 val: c(n)
               }, () => [
                 y(M, {
+                  modelValue: c(n),
+                  "onUpdate:modelValue": V[0] || (V[0] = (v) => we(n) ? n.value = v : null),
+                  modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
-                  modelValue: c(n),
-                  "onUpdate:modelValue": V[0] || (V[0] = (x) => we(n) ? n.value = x : null),
-                  modelModifiers: { trim: !0 },
                   class: B({ "is-invalid": $.value }),
                   onKeydown: [
-                    K(r, ["enter"]),
-                    K(s, ["esc"])
+                    K(s, ["enter"]),
+                    K(r, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
@@ -1529,9 +1529,9 @@ const zt = { key: 0 }, Ct = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c(je), r]
+              [c(je), s]
             ])
-          ])) : (d(), v("div", {
+          ])) : (d(), f("div", {
             key: 1,
             class: "d-flex text-muted",
             onClick: o,
@@ -1543,11 +1543,11 @@ const zt = { key: 0 }, Ct = {
                 "data-cy": "value"
               }, w(c(n) ? c(n) : "Click to edit"), 3)
             ]),
-            y(I, {
+            y(O, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: f(() => [
+              default: g(() => [
                 y(c(j), {
                   icon: "bi:pencil",
                   class: B($.value ? "text-invalid" : "text-muted"),
@@ -1559,16 +1559,16 @@ const zt = { key: 0 }, Ct = {
             })
           ], 32))
         ])),
-        R(u("small", {
+        H(u("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, w(c(m)), 513), [
-          [W, $.value]
+          [Y, $.value]
         ])
       ], 8, Tt);
     };
   }
-}), Dt = ["href"], _i = /* @__PURE__ */ S({
+}), Dt = ["href"], Vi = /* @__PURE__ */ F({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1612,22 +1612,22 @@ const zt = { key: 0 }, Ct = {
         ]
       })
     }));
-    return (i, l) => (d(), g(c(Ie), F({ ...t, ...i.$attrs }, {
+    return (i, l) => (d(), b(c(Ie), S({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
-    }), ae({
-      start: f(() => [
+    }), ie({
+      start: g(() => [
         u("a", {
           href: i.logoUrl,
           class: "navbar-brand ms-3",
           "data-cy": "logo"
         }, [
           k(i.$slots, "logo", {}, () => [
-            l[0] || (l[0] = _(" Logo "))
+            l[0] || (l[0] = P(" Logo "))
           ])
         ], 8, Dt)
       ]),
-      buttonicon: f(() => [
+      buttonicon: g(() => [
         k(i.$slots, "buttonIcon", {}, () => [
           y(c(j), {
             icon: "bi:list",
@@ -1639,10 +1639,10 @@ const zt = { key: 0 }, Ct = {
       ]),
       _: 2
     }, [
-      A(i.$slots, (o, r) => ({
-        name: r,
-        fn: f((s) => [
-          k(i.$slots, r, X(Q(s)))
+      q(i.$slots, (o, s) => ({
+        name: s,
+        fn: g((r) => [
+          k(i.$slots, s, X(Q(r)))
         ])
       }))
     ]), 1040, ["pt"]));
@@ -1654,9 +1654,9 @@ const zt = { key: 0 }, Ct = {
 }, Ut = { class: "d-inline-block" }, At = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, qt = /* @__PURE__ */ S({
+}, qt = /* @__PURE__ */ F({
   __name: "ForgeMultiSelectPreview",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     title: { default: "Selected Items" },
     orientation: { default: "row" },
     height: { default: "200px" },
@@ -1674,8 +1674,8 @@ const zt = { key: 0 }, Ct = {
       a.value = a.value.filter((o) => o.id !== l);
     };
     return (l, o) => {
-      const r = oe, s = N;
-      return d(), v("div", {
+      const s = ne, r = U;
+      return d(), f("div", {
         class: B(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
@@ -1683,7 +1683,7 @@ const zt = { key: 0 }, Ct = {
           class: B(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          y(r, F({
+          y(s, S({
             modelValue: a.value,
             "onUpdate:modelValue": o[0] || (o[0] = (p) => a.value = p)
           }, { ...l.$attrs }, {
@@ -1692,8 +1692,8 @@ const zt = { key: 0 }, Ct = {
             placeholder: l.multiselectPlaceholder,
             "data-cy": "multiselect"
           }), {
-            default: f(() => [
-              (d(!0), v(O, null, A(l.$slots, (p, m) => k(l.$slots, m, { slot: m })), 256))
+            default: g(() => [
+              (d(!0), f(N, null, q(l.$slots, (p, m) => k(l.$slots, m, { slot: m })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
@@ -1708,21 +1708,21 @@ const zt = { key: 0 }, Ct = {
             class: "overflow-auto"
           }, [
             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", {
+              l.title ? (d(), f("div", Nt, w(l.title), 1)) : z("", !0),
+              (d(!0), f(N, null, q(a.value, (p) => (d(), f("div", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 k(l.$slots, "list-item", { item: p }, () => [
                   u("span", Ut, w(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
-                l.canRemoveItemFromPreview ? (d(), g(s, {
+                l.canRemoveItemFromPreview ? (d(), b(r, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
                   onClick: (m) => i(p.id)
                 }, {
-                  default: f(() => [
+                  default: g(() => [
                     y(c(j), {
                       icon: "bi:x",
                       class: "close-icon",
@@ -1732,36 +1732,36 @@ const zt = { key: 0 }, Ct = {
                   _: 2
                 }, 1032, ["onClick"])) : z("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (d(), v("div", At, w(t.optionsPreviewEmptyText), 1)) : z("", !0)
+              a.value == null || a.value.length == 0 ? (d(), f("div", At, w(t.optionsPreviewEmptyText), 1)) : z("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), Lt = { class: "d-flex justify-content-between pb-2" }, Et = {
+}), Et = { class: "d-flex justify-content-between pb-2" }, Lt = {
   "data-cy": "title",
   class: "my-auto"
 }, Rt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, Vi = /* @__PURE__ */ S({
+}, Mi = /* @__PURE__ */ F({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), v("div", Lt, [
-      u("h3", Et, w(t.title), 1),
+    return (a, i) => (d(), f("div", Et, [
+      u("h3", Lt, w(t.title), 1),
       u("div", Rt, [
         k(a.$slots, "default")
       ])
     ]));
   }
-}), Ht = { class: "d-flex" }, Wt = { "data-cy": "before-slot" }, Yt = { class: "position-relative w-100" }, Gt = { "data-cy": "after-slot" }, ge = /* @__PURE__ */ S({
+}), Ht = { class: "d-flex" }, Wt = { "data-cy": "before-slot" }, Yt = { class: "position-relative w-100" }, Gt = { "data-cy": "after-slot" }, be = /* @__PURE__ */ F({
   __name: "ForgeDatepicker",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     severity: { default: "primary" },
     modelValue: {},
     defaultValue: {},
@@ -1835,11 +1835,11 @@ const zt = { key: 0 }, Ct = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: r, setValue: s } = ee(() => t.name, void 0, {
+    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: s, setValue: r } = ee(() => t.name, void 0, {
       initialValue: a.value
     }), p = () => {
-      s(null), a.value = null;
-    }, m = C(() => i.value.length > 0), b = C(() => ({
+      r(null), a.value = null;
+    }, m = C(() => i.value.length > 0), x = C(() => ({
       dayCell: ({ context: n }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
@@ -1932,52 +1932,52 @@ const zt = { key: 0 }, Ct = {
     }));
     return (n, $) => {
       const T = Pe;
-      return d(), v(O, null, [
+      return d(), f(N, null, [
         u("div", Ht, [
           u("span", Wt, [
             k(n.$slots, "before")
           ]),
           u("div", Yt, [
-            y(T, F({ ...t, ...n.$attrs }, {
-              pt: b.value,
+            y(T, S({ ...t, ...n.$attrs }, {
+              pt: x.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
                 $[0] || ($[0] = (V) => a.value = V),
                 c(o)
               ],
-              onBlur: $[1] || ($[1] = () => c(r)),
+              onBlur: $[1] || ($[1] = () => c(s)),
               "input-class": { "datepicker-invalid": m.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            R(y(c(j), {
+            H(y(c(j), {
               "data-cy": "icon",
               icon: "bi:calendar4",
               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, t.showIcon]
+              [Y, t.showIcon]
             ]),
-            R(y(c(j), {
+            H(y(c(j), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
               class: B(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
             }, null, 8, ["class"]), [
-              [W, t.modelValue]
+              [Y, t.modelValue]
             ])
           ]),
           u("span", Gt, [
             k(n.$slots, "after")
           ])
         ]),
-        R(u("small", {
+        H(u("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, w(c(l)), 513), [
-          [W, m.value]
+          [Y, m.value]
         ])
       ], 64);
     };
   }
-}), Mi = /* @__PURE__ */ S({
+}), Di = /* @__PURE__ */ F({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -1985,11 +1985,11 @@ const zt = { key: 0 }, Ct = {
   },
   setup(e) {
     const t = e, a = C(() => t.maxCount - t.currentCount);
-    return (i, l) => (d(), v("div", {
+    return (i, l) => (d(), f("div", {
       class: B(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + w(a.value), 3));
   }
-}), Jt = { class: "d-flex justify-content-between" }, Di = /* @__PURE__ */ S({
+}), Jt = { class: "d-flex justify-content-between" }, Oi = /* @__PURE__ */ F({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2001,7 +2001,7 @@ const zt = { key: 0 }, Ct = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = P(!1), i = P({
+    const t = e, a = I(!1), i = I({
       hasError: !1,
       message: ""
     });
@@ -2014,32 +2014,32 @@ const zt = { key: 0 }, Ct = {
       }
       a.value = !1;
     }
-    return (o, r) => {
-      const s = N;
-      return d(), v("form", F(o.$attrs, {
+    return (o, s) => {
+      const r = U;
+      return d(), f("form", S(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: Y(l, ["prevent"])
+        onSubmit: G(l, ["prevent"])
       }), [
-        o.hideTitle ? z("", !0) : (d(), v(O, { key: 0 }, [
+        o.hideTitle ? z("", !0) : (d(), f(N, { key: 0 }, [
           k(o.$slots, "title", {}, () => [
             u("h3", {
               class: B(o.titleClass),
               "data-cy": "form-title"
             }, w(o.title), 3)
           ]),
-          r[1] || (r[1] = u("hr", null, null, -1))
+          s[1] || (s[1] = u("hr", null, null, -1))
         ], 64)),
-        i.value.hasError ? (d(), g(ne, {
+        i.value.hasError ? (d(), b(se, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: f(() => [
+          default: g(() => [
             k(o.$slots, "error", {
               error: i.value.message
             }, () => [
-              _(w(i.value.message), 1)
+              P(w(i.value.message), 1)
             ])
           ]),
           _: 3
@@ -2047,35 +2047,35 @@ const zt = { key: 0 }, Ct = {
         k(o.$slots, "default"),
         u("div", Jt, [
           k(o.$slots, "cancel", {}, () => [
-            o.hideCancel ? z("", !0) : (d(), g(s, {
+            o.hideCancel ? z("", !0) : (d(), b(r, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: r[0] || (r[0] = (p) => o.$emit("cancel"))
+              onClick: s[0] || (s[0] = (p) => o.$emit("cancel"))
             }, {
-              default: f(() => [
-                _(w(o.cancelText), 1)
+              default: g(() => [
+                P(w(o.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
           k(o.$slots, "submit", { submit: l }, () => [
-            y(s, {
+            y(r, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: f(() => [
-                _(w(o.submitText), 1)
+              default: g(() => [
+                P(w(o.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        a.value ? (d(), g(fe, {
+        a.value ? (d(), b(ge, {
           key: 2,
           "data-cy": "loading-spinner"
         })) : z("", !0)
@@ -2085,9 +2085,9 @@ const zt = { key: 0 }, Ct = {
 }), Kt = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, Zt = ["for"], Oi = /* @__PURE__ */ S({
+}, Zt = ["for"], Ni = /* @__PURE__ */ F({
   __name: "ForgeFormField",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     name: {},
     fieldLabelPosition: { default: "top" },
     fieldLabel: {},
@@ -2101,24 +2101,24 @@ const zt = { key: 0 }, Ct = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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, {
+    const t = D(e, "modelValue"), a = e, i = (x) => {
+      a.type == "number" ? r(x.value) : r(x);
+    }, { errors: l, value: o, errorMessage: s, handleChange: r, 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({
+    return ce(() => o.value, (x) => {
+      t.value = x;
+    }, { immediate: !0 }), (x, n) => {
+      const $ = Ve, T = _e, V = oe, M = te, O = ne, v = be;
+      return a.type === "checkbox" ? (d(), b(fe, S({
         key: 0,
         id: a.name,
         label: a.fieldLabel
-      }, b.$attrs, {
+      }, x.$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, [
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), f("div", Kt, [
         u("div", {
           "data-cy": "input-wrapper",
           class: B(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
@@ -2127,30 +2127,30 @@ const zt = { key: 0 }, Ct = {
             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({
+          a.type === "number" ? (d(), b(c(me), S({
             key: 0,
             id: a.name
-          }, b.$attrs, {
+          }, x.$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"])) : a.type === "textarea" ? (d(), g($, F({
+          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), b($, S({
             key: 1,
             id: a.name
-          }, b.$attrs, {
+          }, x.$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(p)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), g(T, F({
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), b(T, S({
             key: 2,
             id: a.name
-          }, b.$attrs, {
+          }, x.$attrs, {
             placeholder: a.placeholder,
             mask: a.mask,
             class: { "is-invalid": m.value },
@@ -2158,44 +2158,44 @@ const zt = { key: 0 }, Ct = {
             "onUpdate:modelValue": n[3] || (n[3] = (h) => t.value = h),
             onComplete: i,
             onBlur: c(p)
-          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), g(V, F({
+          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), b(V, S({
             key: 3,
             id: a.name
-          }, b.$attrs, {
+          }, x.$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(p)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), g(M, F({ key: 4 }, { ...a, ...b.$attrs }, {
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), b(M, S({ key: 4 }, { ...a, ...x.$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 }, {
+          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), b(O, S({ key: 5 }, { ...a, ...x.$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 }, {
+          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), b(qt, S({ key: 6 }, { ...a, ...x.$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 }, {
+          }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), b(v, S({ key: 7 }, { ...a, ...x.$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(u("small", {
+        H(u("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, w(c(r)), 513), [
-          [W, m.value && a.type !== "multiselect" && a.type !== "datepicker"]
+        }, w(c(s)), 513), [
+          [Y, m.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
     };
   }
-}), Ni = /* @__PURE__ */ S({
+}), Ui = /* @__PURE__ */ F({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2230,15 +2230,15 @@ const zt = { key: 0 }, Ct = {
     }));
     return (i, l) => {
       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))
+      return d(), b(o, S({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+        default: g(() => [
+          (d(!0), f(N, null, q(i.$slots, (s, r) => k(i.$slots, r, { slot: r })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), Xt = /* @__PURE__ */ S({
+}), Xt = /* @__PURE__ */ F({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2281,18 +2281,18 @@ const zt = { key: 0 }, Ct = {
         class: [l.value, a.value, i.value, "progress-bar"]
       }
     }));
-    return (r, s) => {
+    return (s, r) => {
       const p = De;
-      return d(), g(p, F({ ...r.$attrs, ...t }, { pt: o.value }), {
-        default: f(() => [
-          k(r.$slots, "default")
+      return d(), b(p, S({ ...s.$attrs, ...t }, { pt: o.value }), {
+        default: g(() => [
+          k(s.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
 });
-var Qt = /* @__PURE__ */ S({
+var Qt = /* @__PURE__ */ F({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -2604,14 +2604,14 @@ var Qt = /* @__PURE__ */ S({
       });
     },
     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);
+      const s = /(\r\n|\n\r|\n|\r)+/g, r = /\s+/g;
+      var p = t.split(s).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 = $;
+        for (var m = p[M].split(r).filter((O) => O.length > 0), x = "", n = 0; n < m.length; n++) {
+          var $ = x + 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(x, a, i) : e.fillText(x, a, i), x = m[n] + " ", i += o) : x = $;
         }
-        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;
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(x, a, i) : e.fillText(x, a, i), i += m.length > 0 ? o : 0;
       }
     },
     save() {
@@ -2631,20 +2631,20 @@ var Qt = /* @__PURE__ */ S({
         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);
+          let s = document.createElement("canvas"), r = s.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, m = this.outputHeight === void 0 ? this.height : this.outputHeight;
+          if (s.width = Number(p), s.height = Number(m), r)
+            return r.drawImage(e, 0, 0, Number(p), Number(m)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.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";
+        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", s = 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);
+        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 = s, 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 r = document.createElement("canvas"), p = r.getContext("2d"), m = this.outputWidth === void 0 ? this.width : this.outputWidth, x = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (r.width = Number(m), r.height = Number(x), p)
+          return p.drawImage(e, 0, 0, Number(m), Number(x)), this.$emit("update:image", r.toDataURL("image/" + this.saveAs, 1)), r.toDataURL("image/" + this.saveAs, 1);
       }
     },
     isEmpty() {
@@ -2682,7 +2682,7 @@ var Qt = /* @__PURE__ */ S({
     });
   }
 });
-const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1 gap-1" }, Ui = /* @__PURE__ */ S({
+const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1 gap-1" }, Ai = /* @__PURE__ */ F({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -2694,72 +2694,72 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = Be("drawingCanvas"), o = P(), r = () => {
+    const a = e, i = t, l = Be("drawingCanvas"), o = I(), s = () => {
       l == null || l.value.reset();
-    }, s = () => {
+    }, r = () => {
       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({
+    return (x, n) => {
+      const $ = U;
+      return d(), f("div", ea, [
+        y(c(Qt), S({
           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`
+        }, { ...x.$attrs }, {
+          height: x.height,
+          width: x.width,
+          style: `height: ${x.height}px; width: ${x.width}px`
         }), null, 16, ["image", "height", "width", "style"]),
         u("div", ta, [
-          a.showUndo ? (d(), g($, {
+          a.showUndo ? (d(), b($, {
             key: 0,
             onClick: p,
             outlined: "",
             "data-cy": "undo-button"
           }, {
-            default: f(() => n[1] || (n[1] = [
-              _("Undo")
+            default: g(() => n[1] || (n[1] = [
+              P("Undo")
             ])),
             _: 1
           })) : z("", !0),
-          a.showRedo ? (d(), g($, {
+          a.showRedo ? (d(), b($, {
             key: 1,
-            onClick: s,
+            onClick: r,
             outlined: "",
             "data-cy": "redo-button"
           }, {
-            default: f(() => n[2] || (n[2] = [
-              _("Redo")
+            default: g(() => n[2] || (n[2] = [
+              P("Redo")
             ])),
             _: 1
           })) : z("", !0),
-          a.showClear ? (d(), g($, {
+          a.showClear ? (d(), b($, {
             key: 2,
-            onClick: r,
+            onClick: s,
             outlined: "",
             "data-cy": "clear-button"
           }, {
-            default: f(() => n[3] || (n[3] = [
-              _("Clear")
+            default: g(() => n[3] || (n[3] = [
+              P("Clear")
             ])),
             _: 1
           })) : z("", !0),
-          a.showSave ? (d(), g($, {
+          a.showSave ? (d(), b($, {
             key: 3,
             onClick: m,
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
-            default: f(() => n[4] || (n[4] = [
-              _("Save")
+            default: g(() => n[4] || (n[4] = [
+              P("Save")
             ])),
             _: 1
           })) : z("", !0)
@@ -2767,7 +2767,7 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
       ]);
     };
   }
-}), aa = { class: "value text-white w-100 text-center" }, Ai = /* @__PURE__ */ S({
+}), aa = { class: "value text-white w-100 text-center" }, qi = /* @__PURE__ */ F({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2775,7 +2775,7 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), v("div", F(a.$attrs, {
+    return (a, i) => (d(), f("div", S(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       u("span", aa, [
@@ -2783,7 +2783,7 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
       ])
     ], 16));
   }
-}), ia = { key: 0 }, qi = /* @__PURE__ */ S({
+}), ia = { key: 0 }, Ei = /* @__PURE__ */ F({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -2830,18 +2830,18 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
         ]
       })
     }));
-    return (i, l) => (d(), g(c(Ne), { value: i.currentStep }, {
-      default: f(() => [
+    return (i, l) => (d(), b(c(Ne), { value: i.currentStep }, {
+      default: g(() => [
         y(c(Ue), null, {
-          default: f(() => [
-            (d(!0), v(O, null, A(i.steps, (o) => (d(), g(c(Oe), F({
+          default: g(() => [
+            (d(!0), f(N, null, q(i.steps, (o) => (d(), b(c(Oe), S({
               key: o.value,
               value: o.value,
               disabled: o.disabled,
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
-              default: f(() => [
-                i.showStepLabel ? (d(), v("div", ia, w(o.label), 1)) : z("", !0)
+              default: g(() => [
+                i.showStepLabel ? (d(), f("div", ia, w(o.label), 1)) : z("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
@@ -2849,12 +2849,12 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
           _: 1
         }),
         y(c(qe), null, {
-          default: f(() => [
-            (d(!0), v(O, null, A(i.steps, (o) => (d(), g(c(Ae), {
+          default: g(() => [
+            (d(!0), f(N, null, q(i.steps, (o) => (d(), b(c(Ae), {
               key: o.value,
               value: o.value
             }, {
-              default: f(() => [
+              default: g(() => [
                 k(i.$slots, "step" + o.value)
               ]),
               _: 2
@@ -2866,7 +2866,7 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), la = { class: "p-4 text-wrap w-100" }, oa = { class: "p-4 text-wrap w-100" }, Li = /* @__PURE__ */ S({
+}), la = { class: "p-4 text-wrap w-100" }, oa = { class: "p-4 text-wrap w-100" }, Li = /* @__PURE__ */ F({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2877,30 +2877,30 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
   setup(e) {
     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 = N;
-      return t.clickable ? (d(), g(r, {
+      const s = U;
+      return t.clickable ? (d(), b(s, {
         key: 0,
         class: B(["d-flex w-100 p-0 text-body", a.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: f(() => [
+        default: g(() => [
           u("div", la, [
             k(l.$slots, "default", {}, () => [
-              o[0] || (o[0] = _("Tile Content"))
+              o[0] || (o[0] = P("Tile Content"))
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (d(), v("div", {
+      }, 8, ["severity", "class"])) : (d(), f("div", {
         key: 1,
         class: B(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
         u("div", oa, [
           k(l.$slots, "default", {}, () => [
-            o[1] || (o[1] = _("Tile Content"))
+            o[1] || (o[1] = P("Tile Content"))
           ])
         ])
       ], 2));
@@ -2916,7 +2916,7 @@ const na = {
 }, sa = { class: "ms-2" }, ra = { key: 0 }, da = {
   class: "w-auto",
   "data-cy": "total"
-}, pa = /* @__PURE__ */ S({
+}, pa = /* @__PURE__ */ F({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2925,24 +2925,24 @@ const na = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = (r) => {
-      a("update:perPage", r.value);
+    const a = t, i = e, l = (s) => {
+      a("update:perPage", s.value);
     }, o = C(() => {
-      const r = Math.ceil(i.total / i.perPage);
-      return `${r} ${Z(r, "page")}`;
+      const s = Math.ceil(i.total / i.perPage);
+      return `${s} ${Z(s, "page")}`;
     });
-    return (r, s) => (d(), v("div", na, [
-      s[2] || (s[2] = _(" Number of results per page ")),
+    return (s, r) => (d(), f("div", na, [
+      r[2] || (r[2] = P(" Number of results per page ")),
       u("div", sa, [
         y(c(te), {
           options: i.pageSizes,
           "model-value": i.perPage,
           class: "page-size",
-          onChange: s[0] || (s[0] = (p) => l(p))
+          onChange: r[0] || (r[0] = (p) => l(p))
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (d(), v("div", ra, [
-        s[1] || (s[1] = u("span", { class: "mx-2" }, "|", -1)),
+      i.total ? (d(), f("div", ra, [
+        r[1] || (r[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)
     ]));
@@ -2950,7 +2950,7 @@ const na = {
 }), ca = { class: "position-relative" }, ma = { "data-cy": "above-table-slot" }, ua = { class: "d-flex w-100" }, va = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, fa = { class: "d-flex" }, ga = { class: "d-flex align-items-end mb-2" }, ba = { key: 0 }, xa = { class: "ms-auto" }, Ei = /* @__PURE__ */ S({
+}, fa = { class: "d-flex" }, ga = { class: "d-flex align-items-end mb-2" }, ba = { key: 0 }, xa = { class: "ms-auto" }, Ri = /* @__PURE__ */ F({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3036,17 +3036,17 @@ const na = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = P(), o = P([5, 10, 20, 50, 100]), r = P(10), s = P({
+    const a = t, i = e, l = I(), o = I([5, 10, 20, 50, 100]), s = I(10), r = I({
       filters: i.filters,
-      perPage: r.value,
+      perPage: s.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: i.totalRecords ?? i.value.length
     }), p = C(() => i.totalRecords ?? i.value.length), m = C(() => {
-      const x = Math.ceil(p.value / r.value);
-      return `${x} ${Z(x, "page")}`;
-    }), b = C(() => ({
+      const v = Math.ceil(p.value / s.value);
+      return `${v} ${Z(v, "page")}`;
+    }), x = C(() => ({
       thead: () => ({
         class: [
           {
@@ -3072,32 +3072,32 @@ const na = {
       if (i.clearAll)
         i.clearAll();
       else
-        for (const x in i.filters)
-          typeof i.filters[x] == "string" ? i.filters[x] = "" : i.filters[x].value = null;
+        for (const v in i.filters)
+          typeof i.filters[v] == "string" ? i.filters[v] = "" : i.filters[v].value = null;
       V(i.filters);
     }, $ = () => {
       l.value.exportCSV();
-    }, T = (x) => {
+    }, T = (v) => {
       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);
+      r.value.sortDirection = v.sortOrder === 1 ? "Asc" : v.sortOrder === -1 ? "Desc" : "None", r.value.sortField = ((h = v.sortField) == null ? void 0 : h.toString()) ?? "", a("update:tableContext", r.value), a("sort", v);
+    }, V = (v) => {
+      r.value.filters = v, a("update:tableContext", r.value), a("update:filters", v);
+    }, M = (v) => {
+      r.value.page = v.page, a("update:tableContext", r.value), a("page", v);
+    }, O = () => {
+      r.value.perPage = s.value, a("update:tableContext", r.value);
     };
-    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, [
+    return ce(() => i.filters, (v) => {
+      r.value.filters = v, a("update:tableContext", r.value);
+    }, { deep: !0 }), le(() => a("update:tableContext", r.value)), (v, h) => (d(), f("div", ca, [
       u("span", ma, [
-        k(x.$slots, "above-table")
+        k(v.$slots, "above-table")
       ]),
-      y(c(Le), F({
+      y(c(Ee), S({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
-      }, { ...i, ...x.$attrs }, {
-        pt: b.value,
-        rows: r.value,
+      }, { ...i, ...v.$attrs }, {
+        pt: x.value,
+        rows: s.value,
         "total-records": p.value,
         "filter-display": i.filters ? "row" : void 0,
         ref_key: "forgeTable",
@@ -3107,83 +3107,83 @@ const na = {
         onSort: T,
         onPage: M,
         showHeaders: ""
-      }), ae({
-        empty: f(() => [
+      }), ie({
+        empty: g(() => [
           u("div", ua, [
-            u("h5", va, w(x.emptyMessage ?? "No items Found."), 1)
+            u("h5", va, w(v.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
-        header: f(() => [
+        header: g(() => [
           u("div", {
             class: B(i.loading ? "opacity-50" : "")
           }, [
             u("div", fa, [
               u("div", ga, [
-                x.paginator && !x.legacyPaginationFooter ? (d(), v("span", ba, [
+                v.paginator && !v.legacyPaginationFooter ? (d(), f("span", ba, [
                   y(pa, {
                     total: p.value,
                     "page-sizes": o.value,
-                    "per-page": r.value,
+                    "per-page": s.value,
                     "onUpdate:perPage": [
-                      h[0] || (h[0] = (L) => r.value = L),
-                      I
+                      h[0] || (h[0] = (_) => s.value = _),
+                      O
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : z("", !0)
               ]),
               u("div", xa, [
-                x.showClearButton ? (d(), g(c(N), {
+                v.showClearButton ? (d(), b(c(U), {
                   key: 0,
                   outlined: "",
-                  class: B(x.showExporterButton ? "me-2" : ""),
+                  class: B(v.showExporterButton ? "me-2" : ""),
                   onClick: n,
                   "data-cy": "clear-all"
                 }, {
-                  default: f(() => [
+                  default: g(() => [
                     y(c(j), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    h[2] || (h[2] = _(" Clear "))
+                    h[2] || (h[2] = P(" Clear "))
                   ]),
                   _: 1
                 }, 8, ["class"])) : z("", !0),
-                x.showExporterButton ? (d(), g(c(N), {
+                v.showExporterButton ? (d(), b(c(U), {
                   key: 1,
                   outlined: "",
                   onClick: $,
                   "data-cy": "exporter"
                 }, {
-                  default: f(() => [
+                  default: g(() => [
                     y(c(j), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
-                    h[3] || (h[3] = _(" Export "))
+                    h[3] || (h[3] = P(" Export "))
                   ]),
                   _: 1
                 })) : z("", !0),
-                k(x.$slots, "column-customiser")
+                k(v.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
-        default: f(() => [
-          k(x.$slots, "default")
+        default: g(() => [
+          k(v.$slots, "default")
         ]),
         _: 2
       }, [
-        A(x.$slots, (L, J) => ({
-          name: J,
-          fn: f((ye) => [
-            k(x.$slots, J, X(Q(ye || {})))
+        q(v.$slots, (_, L) => ({
+          name: L,
+          fn: g((ae) => [
+            k(v.$slots, L, X(Q(ae || {})))
           ])
         })),
-        x.legacyPaginationFooter ? {
+        v.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: f(() => [
+          fn: g(() => [
             u("span", {
               class: B(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
@@ -3191,18 +3191,18 @@ const na = {
               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": h[1] || (h[1] = (L) => r.value = L),
+                modelValue: s.value,
+                "onUpdate:modelValue": h[1] || (h[1] = (_) => s.value = _),
                 class: "ms-2",
-                onClick: I
+                onClick: O
               }, null, 8, ["options", "modelValue"])
             ], 2)
           ]),
           key: "0"
         } : void 0,
-        x.legacyPaginationFooter ? {
+        v.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: f(() => [
+          fn: g(() => [
             u("span", {
               "data-cy": "legacy-total",
               class: B(i.loading ? "opacity-50" : "")
@@ -3213,9 +3213,9 @@ const na = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), ya = { class: "d-flex position-relative" }, ha = { class: "d-flex w-100" }, Ri = /* @__PURE__ */ S({
+}), ya = { class: "d-flex position-relative" }, ha = { class: "d-flex w-100" }, Hi = /* @__PURE__ */ F({
   __name: "ForgeFilterHeader",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     dataType: {},
     dropdownOptions: {},
     showClearButton: { type: Boolean, default: !1 },
@@ -3231,32 +3231,32 @@ const na = {
     const t = D(e, "modelValue"), a = (l, o) => {
       if (!l || Array.isArray(l) && l.length === 0)
         return o;
-      const r = (s) => {
+      const s = (r) => {
         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])
+          (x) => e.optionValue ? x[e.optionValue] === r : Object.keys(x).every((n) => r.hasOwnProperty(n) && x[n] === r[n])
         );
         return e.optionLabel ? p[e.optionLabel] : p;
       };
-      return Array.isArray(l) ? l.map(r).join(", ") : r(l);
+      return Array.isArray(l) ? l.map(s).join(", ") : s(l);
     }, i = () => {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
     return (l, o) => {
-      const r = ce, s = N;
-      return d(), v("div", ya, [
-        l.dataType === "numeric" ? (d(), g(r, F({
+      const s = me, r = U;
+      return d(), f("div", ya, [
+        l.dataType === "numeric" ? (d(), b(s, S({
           key: 0,
           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({
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (d(), b(be, S({
           key: 1,
           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" ? (d(), g(c(te), F({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), b(c(te), S({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": o[2] || (o[2] = (p) => t.value = p)
@@ -3265,18 +3265,18 @@ const na = {
           "option-value": l.optionValue,
           "option-label": l.optionLabel
         }), {
-          value: f(({ value: p, placeholder: m }) => [
+          value: g(({ 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, {
+              l.showClearButton && t.value !== null ? (d(), b(r, {
                 key: 0,
-                onClick: Y(i, ["prevent"]),
+                onClick: G(i, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
-                default: f(() => [
+                default: g(() => [
                   y(c(j), {
                     icon: "bi:x",
                     width: "1rem",
@@ -3289,7 +3289,7 @@ const na = {
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), g(c(oe), F({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), b(c(ne), S({
           key: 3,
           modelValue: t.value,
           "onUpdate:modelValue": o[3] || (o[3] = (p) => t.value = p)
@@ -3299,18 +3299,18 @@ const na = {
           "option-label": l.optionLabel,
           "option-value": l.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), g(c(le), F({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), b(c(oe), S({
           key: 4,
           modelValue: t.value,
           "onUpdate:modelValue": o[4] || (o[4] = (p) => t.value = p)
         }, l.$attrs), null, 16, ["modelValue"])),
-        l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (d(), g(s, {
+        l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (d(), b(r, {
           key: 5,
-          onClick: Y(i, ["prevent"]),
+          onClick: G(i, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
-          default: f(() => [
+          default: g(() => [
             y(c(j), {
               icon: "bi:x",
               width: "1rem",
@@ -3323,7 +3323,7 @@ const na = {
       ]);
     };
   }
-}), se = {
+}), re = {
   "application/prs.cww": ["cww"],
   "application/prs.xsf+xml": ["xsf"],
   "application/vnd.1000minds.decision-model+xml": ["1km"],
@@ -4022,8 +4022,8 @@ const na = {
   "video/x-smv": ["smv"],
   "x-conference/x-cooltalk": ["ice"]
 };
-Object.freeze(se);
-const re = {
+Object.freeze(re);
+const de = {
   "application/andrew-inset": ["ez"],
   "application/appinstaller": ["appinstaller"],
   "application/applixware": ["aw"],
@@ -4375,31 +4375,31 @@ const re = {
   "video/quicktime": ["qt", "mov"],
   "video/webm": ["webm"]
 };
-Object.freeze(re);
-var U = function(e, t, a, i) {
+Object.freeze(de);
+var A = 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 {
+}, W, J, R;
+class xe {
   constructor(...t) {
-    H.set(this, /* @__PURE__ */ new Map()), G.set(this, /* @__PURE__ */ new Map()), E.set(this, /* @__PURE__ */ new Map());
+    W.set(this, /* @__PURE__ */ new Map()), J.set(this, /* @__PURE__ */ new Map()), R.set(this, /* @__PURE__ */ new Map());
     for (const a of t)
       this.define(a);
   }
   define(t, a = !1) {
     for (let [i, l] of Object.entries(t)) {
-      i = i.toLowerCase(), l = l.map((s) => s.toLowerCase()), 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 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)
+      i = i.toLowerCase(), l = l.map((r) => r.toLowerCase()), A(this, R, "f").has(i) || A(this, R, "f").set(i, /* @__PURE__ */ new Set());
+      const o = A(this, R, "f").get(i);
+      let s = !0;
+      for (let r of l) {
+        const p = r.startsWith("*");
+        if (r = p ? r.slice(1) : r, o == null || o.add(r), s && A(this, J, "f").set(i, r), s = !1, p)
           continue;
-        const m = U(this, H, "f").get(s);
+        const m = A(this, W, "f").get(r);
         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);
+          throw new Error(`"${i} -> ${r}" conflicts with "${m} -> ${r}". Pass \`force=true\` to override this definition.`);
+        A(this, W, "f").set(r, i);
       }
     }
     return this;
@@ -4408,48 +4408,48 @@ class be {
     if (typeof t != "string")
       return null;
     const a = t.replace(/^.*[/\\]/, "").toLowerCase(), i = a.replace(/^.*\./, "").toLowerCase(), l = a.length < t.length;
-    return !(i.length < a.length - 1) && l ? null : U(this, H, "f").get(i) ?? null;
+    return !(i.length < a.length - 1) && l ? null : A(this, W, "f").get(i) ?? null;
   }
   getExtension(t) {
     var a;
-    return typeof t != "string" ? null : (t = (a = t == null ? void 0 : t.split) == null ? void 0 : a.call(t, ";")[0], (t && U(this, G, "f").get(t.trim().toLowerCase())) ?? null);
+    return typeof t != "string" ? null : (t = (a = t == null ? void 0 : t.split) == null ? void 0 : a.call(t, ";")[0], (t && A(this, J, "f").get(t.trim().toLowerCase())) ?? null);
   }
   getAllExtensions(t) {
-    return typeof t != "string" ? null : U(this, E, "f").get(t.toLowerCase()) ?? null;
+    return typeof t != "string" ? null : A(this, R, "f").get(t.toLowerCase()) ?? null;
   }
   _freeze() {
     this.define = () => {
       throw new Error("define() not allowed for built-in Mime objects. See https://github.com/broofa/mime/blob/main/README.md#custom-mime-instances");
     }, Object.freeze(this);
-    for (const t of U(this, E, "f").values())
+    for (const t of A(this, R, "f").values())
       Object.freeze(t);
     return this;
   }
   _getTestState() {
     return {
-      types: U(this, H, "f"),
-      extensions: U(this, G, "f")
+      types: A(this, W, "f"),
+      extensions: A(this, J, "f")
     };
   }
 }
-H = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
-new be(re, se)._freeze();
-function xe(e, t, a, i) {
+W = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
+const wa = new xe(de, re)._freeze();
+function ye(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({
+    const s = l.findIndex((p) => p.name === o.name);
+    let r = "Not Uploaded";
+    s === -1 ? ((!a.includes(o.type) || !(o.size <= i)) && (r = a.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
       file: o,
-      status: s,
+      status: r,
       blobFileName: null
-    })) : t[r].status = "Duplicate";
+    })) : t[s].status = "Duplicate";
   }), t;
 }
-async function wa(e, t) {
+async function ka(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
-      await new me(t).delete();
+      await new ue(t).delete();
     } catch (a) {
       if (a !== "BlobNotFound") {
         e = "DeleteFileFailed";
@@ -4457,34 +4457,34 @@ async function wa(e, t) {
       }
     }
 }
-function de(e, t = !0, a = 1) {
+function pe(e, t = !0, a = 1) {
   const i = t ? 1e3 : 1024;
   if (Math.abs(e) < i)
     return e + " B";
   const l = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
   let o = -1;
-  const r = 10 ** a;
+  const s = 10 ** a;
   do
     e /= i, ++o;
-  while (Math.round(Math.abs(e) * r) / r >= i && o < l.length - 1);
+  while (Math.round(Math.abs(e) * s) / s >= i && o < l.length - 1);
   return e.toFixed(a) + " " + l[o];
 }
-function ka(e) {
+function $a(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function $a(e) {
+function Ba(e) {
   return URL.createObjectURL(e);
 }
-function Ba() {
-  const e = new be(re, se);
+function Fa() {
+  const e = new xe(de, re);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disabled", "multiple"], za = {
+const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disabled", "multiple"], Ca = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, Ca = /* @__PURE__ */ S({
+}, Ta = /* @__PURE__ */ F({
   __name: "UploadButton",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
     maxFileInput: {},
     showDragDropArea: { type: Boolean }
@@ -4494,73 +4494,73 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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);
+    const t = D(e, "modelValue"), a = I(), i = (s) => a.value.toggle(s), l = C(() => e.maxFileInput <= t.value.length), o = (s) => {
+      t.value = ye(s, t.value, e.acceptedFileTypes.map((r) => r.fileType), e.maxFileInput);
     };
-    return (r, s) => {
-      const p = N;
-      return d(), v("div", Sa, [
-        k(r.$slots, "message"),
+    return (s, r) => {
+      const p = U;
+      return d(), f("div", Sa, [
+        k(s.$slots, "message"),
         u("div", null, [
           u("input", {
             id: "file-input",
             type: "file",
             class: "d-none",
-            accept: r.acceptedFileTypes.join(", "),
+            accept: s.acceptedFileTypes.join(", "),
             disabled: l.value,
-            multiple: r.maxFileInput > 1,
-            onInput: s[0] || (s[0] = (m) => o([...m.target.files]))
-          }, null, 40, Fa),
+            multiple: s.maxFileInput > 1,
+            onInput: r[0] || (r[0] = (m) => o([...m.target.files]))
+          }, null, 40, za),
           u("label", {
             class: B([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
-            k(r.$slots, "button-content", {}, () => [
+            k(s.$slots, "button-content", {}, () => [
               y(c(j), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
                 width: "20px"
               }),
-              s[1] || (s[1] = _(" Browse your computer "))
+              r[1] || (r[1] = P(" Browse your computer "))
             ])
           ], 2)
         ]),
-        r.showDragDropArea ? (d(), g(p, {
+        s.showDragDropArea ? (d(), b(p, {
           link: "",
           class: "ms-auto",
-          key: r.acceptedFileTypes.length,
+          key: s.acceptedFileTypes.length,
           id: "accepted-file-types",
           onClick: i
         }, {
-          default: f(() => s[2] || (s[2] = [
-            _("Accepted File Types")
+          default: g(() => r[2] || (r[2] = [
+            P("Accepted File Types")
           ])),
           _: 1
         })) : z("", !0),
-        y(c(ue), {
+        y(c(ve), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
-          default: f(() => [
-            u("div", za, w(r.acceptedFileTypes.map((m) => m.label ?? m.fileType.split("/").pop()).join(", ")), 1)
+          default: g(() => [
+            u("div", Ca, w(s.acceptedFileTypes.map((m) => m.label ?? m.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), Ta = {
+}), ja = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, ja = {
+}, Ia = {
   key: 1,
   class: "d-flex flex-column"
-}, Ia = /* @__PURE__ */ S({
+}, Pa = /* @__PURE__ */ F({
   __name: "DragDropArea",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     maxFileInput: {},
     maxFileSize: {},
     acceptedFileTypes: {}
@@ -4570,30 +4570,30 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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);
+    const t = D(e, "modelValue"), a = I(!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 = ye([...o.dataTransfer.files], t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileSize);
     };
-    return (o, r) => (d(), v("div", {
+    return (o, s) => (d(), f("div", {
       id: "drag-drop-area",
       class: B(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: 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"])
+      onDragleave: s[0] || (s[0] = G((r) => a.value = !1, ["prevent"])),
+      onDragover: s[1] || (s[1] = G((r) => a.value = !0, ["prevent"])),
+      onDrop: G(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (d(), v("div", Ta, [
+      t.value.length === 0 ? (d(), f("div", ja, [
         y(c(j), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        r[2] || (r[2] = _(" Drag and drop files here "))
-      ])) : (d(), v("div", ja, [
+        s[2] || (s[2] = P(" Drag and drop files here "))
+      ])) : (d(), f("div", Ia, [
         k(o.$slots, "default")
       ]))
     ], 34));
   }
-}), Pa = { class: "d-flex align-items-center me-2" }, _a = /* @__PURE__ */ S({
+}), _a = { class: "d-flex align-items-center me-2" }, Va = /* @__PURE__ */ F({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -4607,7 +4607,7 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
         case "InvalidFileSize":
-          return `Upload Failed: File size exceeds the ${de(e.maxFileSize)} limit.`;
+          return `Upload Failed: File size exceeds the ${pe(e.maxFileSize)} limit.`;
         case "Aborted":
           return "Upload Failed: User cancelled.";
         case "DeleteFileFailed":
@@ -4618,43 +4618,43 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (i, l) => (d(), v("div", Pa, [
-      i.uploadStatus === "Uploading" ? (d(), g(Xt, {
+    return (i, l) => (d(), f("div", _a, [
+      i.uploadStatus === "Uploading" ? (d(), b(Xt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
-        default: f(() => [
-          _(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
+        default: g(() => [
+          P(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
       })) : z("", !0),
-      i.uploadStatus !== "Uploading" && i.uploadStatus !== "Not Uploaded" && i.uploadStatus !== "Uploaded" && i.uploadStatus !== "Preparing" ? (d(), g(ne, {
+      i.uploadStatus !== "Uploading" && i.uploadStatus !== "Not Uploaded" && i.uploadStatus !== "Uploaded" && i.uploadStatus !== "Preparing" ? (d(), b(se, {
         key: 1,
         id: "upload-status-alert",
         severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
-        default: f(() => [
-          _(w(a.value), 1)
+        default: g(() => [
+          P(w(a.value), 1)
         ]),
         _: 1
       }, 8, ["severity"])) : z("", !0)
     ]));
   }
-}), Va = ["data-cy"], Ma = { class: "ms-3 d-flex flex-column" }, Da = {
+}), Ma = ["data-cy"], Da = { class: "ms-3 d-flex flex-column" }, Oa = {
   key: 1,
   id: "file-name"
-}, Oa = {
+}, Na = {
   class: "text-black-50",
   id: "file-type"
-}, Na = {
+}, Ua = {
   class: "text-black-50",
   id: "file-size"
-}, Ua = { class: "ms-auto my-auto d-flex" }, Aa = /* @__PURE__ */ S({
+}, Aa = { class: "ms-auto my-auto d-flex" }, qa = /* @__PURE__ */ F({
   __name: "FileInfo",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     editableFileName: { type: Boolean },
     acceptedFileTypes: {},
     maxFileSize: {},
@@ -4669,61 +4669,64 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
     uploadStatus: { required: !0 },
     uploadStatusModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  emits: /* @__PURE__ */ E(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), o = t, 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";
+    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), o = t, s = I(a.value.name), r = I(""), p = I(0), m = I(), x = C(() => e.acceptedFileTypes.some(({ fileType: v }) => v === a.value.type)), n = C(() => a.value.size <= e.maxFileSize), $ = C(() => a.value.type ? a.value.type : Fa().getType(a.value.name)), T = () => {
+      s.value != null && (V(), a.value = new File([a.value], s.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
+    }, V = () => {
+      let v = s.value.split("."), h = wa.getExtension($.value), _ = s.value.split(".").pop();
+      v.length === 1 ? _ && _.length > 0 && (s.value = [s.value, h].join(".")) : v.length > 1 && _ !== h && (s.value = s.value.replace(_, h));
+    }, M = async () => {
+      if (!x.value || !n.value) {
+        l.value = x.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
       l.value = "Preparing", m.value = new AbortController();
-      const [I, x] = await e.getFileUrlAction(a.value.name);
-      if (!I) {
+      const [v, h] = await e.getFileUrlAction(a.value.name);
+      if (!v) {
         l.value = "Failed";
         return;
       }
       try {
         l.value = "Uploading";
-        const h = new me(I), L = {
+        const _ = new ue(v), L = {
           abortSignal: m.value.signal,
-          onProgress: (J) => p.value = J.loadedBytes,
+          onProgress: (ae) => p.value = ae.loadedBytes,
           blobHTTPHeaders: {
             blobContentType: $.value,
             blobContentDisposition: `attachment; filename="${a.value.name}"`
           },
           tags: { temp: "true" }
         };
-        await h.uploadData(a.value, L), s.value = I, l.value = "Uploaded", i.value = x;
-      } catch (h) {
-        if (h.name === "AbortError") {
+        await _.uploadData(a.value, L), r.value = v, l.value = "Uploaded", i.value = h;
+      } catch (_) {
+        if (_.name === "AbortError") {
           l.value = "Aborted";
           return;
         }
         l.value = "Failed";
       }
-    }, M = async () => {
-      await wa(l.value, s.value), o("deleted", a.value);
+    }, O = async () => {
+      await ka(l.value, r.value), o("deleted", a.value);
     };
-    return ie(() => {
-      e.autoUploadToBlob && V();
-    }), (I, x) => {
-      const h = N;
-      return d(), v("div", {
+    return le(() => {
+      e.autoUploadToBlob && M();
+    }), (v, h) => {
+      const _ = U;
+      return d(), f("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
       }, [
         u("div", null, [
-          c(ka)(a.value.type) ? (d(), g(c(Ee), {
+          c($a)(a.value.type) ? (d(), b(c(Le), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c($a)(a.value),
+            src: c(Ba)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (d(), g(c(j), {
+          }, null, 8, ["src", "alt"])) : (d(), b(c(j), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -4731,78 +4734,78 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
             width: "75px"
           }))
         ]),
-        u("div", Ma, [
+        u("div", Da, [
           u("div", null, [
-            I.editableFileName ? (d(), g(Mt, {
+            v.editableFileName ? (d(), b(Mt, {
               key: 0,
               id: "edit-file-name",
-              modelValue: r.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (L) => r.value = L),
-              rules: I.customFileNameRules,
+              modelValue: s.value,
+              "onUpdate:modelValue": h[0] || (h[0] = (L) => s.value = L),
+              rules: v.customFileNameRules,
               name: a.value.name,
               "complete-action": T
-            }, null, 8, ["modelValue", "rules", "name"])) : (d(), v("span", Da, w(a.value.name), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (d(), f("span", Oa, w(s.value), 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)
+          u("span", Na, "File type: " + w(a.value.type.split("/").pop()), 1),
+          u("span", Ua, "File size: " + w(c(pe)(a.value.size)), 1)
         ]),
-        u("div", Ua, [
-          (d(), g(_a, {
+        u("div", Aa, [
+          (d(), b(Va, {
             key: l.value,
             "file-size": a.value.size,
             "upload-status": l.value,
             "bytes-uploaded": p.value,
-            "max-file-size": I.maxFileSize
+            "max-file-size": v.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" ? (d(), g(h, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (d(), b(_, {
             key: 0,
             link: "",
-            onClick: V
+            onClick: M
           }, {
-            default: f(() => [
+            default: g(() => [
               y(c(j), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
           })) : z("", !0),
-          l.value === "Uploading" ? (d(), g(h, {
+          l.value === "Uploading" ? (d(), b(_, {
             key: 1,
             link: "",
-            onClick: x[1] || (x[1] = (L) => m.value.value.abort())
+            onClick: h[1] || (h[1] = (L) => m.value.value.abort())
           }, {
-            default: f(() => [
+            default: g(() => [
               y(c(j), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (d(), g(h, {
+          })) : (d(), b(_, {
             key: 2,
             link: "",
-            onClick: M,
+            onClick: O,
             id: "delete-button"
           }, {
-            default: f(() => [
+            default: g(() => [
               y(c(j), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, Va);
+      ], 8, Ma);
     };
   }
-}), qa = { class: "d-flex justify-content-end mt-1" }, La = { id: "max-file-size" }, Ea = /* @__PURE__ */ S({
+}), Ea = { class: "d-flex justify-content-end mt-1" }, La = { id: "max-file-size" }, Ra = /* @__PURE__ */ F({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, a) => (d(), v("div", qa, [
-      u("div", La, "Max file size: " + w(c(de)(t.maxFileSize)), 1)
+    return (t, a) => (d(), f("div", Ea, [
+      u("div", La, "Max file size: " + w(c(pe)(t.maxFileSize)), 1)
     ]));
   }
-}), Ra = { "data-cy": "file-uploader" }, Ha = { key: 0 }, Hi = /* @__PURE__ */ S({
+}), Ha = { "data-cy": "file-uploader" }, Wa = { key: 0 }, Wi = /* @__PURE__ */ F({
   __name: "ForgeFileUploader",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: {},
@@ -4820,43 +4823,43 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
     const t = D(e, "modelValue"), a = e, i = (l) => {
       t.value = t.value.filter((o) => o.file != l);
     };
-    return (l, o) => (d(), v("div", Ra, [
-      y(Ca, F(a, {
+    return (l, o) => (d(), f("div", Ha, [
+      y(Ta, S(a, {
         modelValue: t.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (d(), v("div", Ha, [
-        y(Ia, {
+      l.showDragDropArea ? (d(), f("div", Wa, [
+        y(Pa, {
           "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)
+          "onUpdate:modelValue": o[1] || (o[1] = (s) => t.value = s)
         }, {
-          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: 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,
+          default: g(() => [
+            (d(!0), f(N, null, q(t.value, ({ file: s }, r) => (d(), f("span", null, [
+              (d(), b(qa, S({
+                key: s.name,
+                class: r === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
+                file: t.value[r].file,
+                "onUpdate:file": (p) => t.value[r].file = p,
+                "blob-file-name": t.value[r].blobFileName,
+                "onUpdate:blobFileName": (p) => t.value[r].blobFileName = p,
+                "upload-status": t.value[r].status,
+                "onUpdate:uploadStatus": (p) => t.value[r].status = p,
                 ref_for: !0
               }, 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"]),
-        y(Ea, {
+        y(Ra, {
           "max-file-size": a.maxFileSize
         }, null, 8, ["max-file-size"])
       ])) : z("", !0)
     ]));
   }
-}), Wa = { class: "d-flex" }, Ya = { class: "me-3" }, Ga = { class: "ms-2" }, Ja = { class: "d-flex flex-column w-100" }, Wi = /* @__PURE__ */ S({
+}), Ya = { class: "d-flex" }, Ga = { class: "me-3" }, Ja = { class: "ms-2" }, Ka = { class: "d-flex flex-column w-100" }, Yi = /* @__PURE__ */ F({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -4864,21 +4867,21 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = P(), i = P(!1), l = (o) => {
+    const t = D(e, "modelValue"), a = I(), i = I(!1), l = (o) => {
       a.value.toggle(o);
     };
-    return (o, r) => (d(), v(O, null, [
-      y(c(N), {
+    return (o, s) => (d(), f(N, null, [
+      y(c(U), {
         onClick: l,
         class: "ms-2"
       }, {
-        default: f(() => [
-          u("div", Wa, [
-            u("div", Ya, [
+        default: g(() => [
+          u("div", Ya, [
+            u("div", Ga, [
               y(c(j), { icon: "bi:layout-three-columns" })
             ]),
-            _(" Columns (" + w(t.value.filter((s) => s.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
-            u("div", Ga, [
+            P(" Columns (" + w(t.value.filter((r) => r.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
+            u("div", Ja, [
               y(c(j), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
@@ -4887,16 +4890,16 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
         ]),
         _: 1
       }),
-      y(c(ue), {
+      y(c(ve), {
         ref_key: "columnCustomiserPanel",
         ref: a,
         class: "column-customiser",
-        onHide: r[0] || (r[0] = () => i.value = !1),
-        onShow: r[1] || (r[1] = () => i.value = !0)
+        onHide: s[0] || (s[0] = () => i.value = !1),
+        onShow: s[1] || (s[1] = () => i.value = !0)
       }, {
-        default: f(() => [
-          u("div", Ja, [
-            (d(!0), v(O, null, A(t.value, (s, p) => (d(), v("div", {
+        default: g(() => [
+          u("div", Ka, [
+            (d(!0), f(N, null, q(t.value, (r, p) => (d(), f("div", {
               class: B(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
                 "py-1": p !== 0 && t.value.length - 1 !== p,
@@ -4904,13 +4907,13 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
                 "pb-1": p === 0
               }])
             }, [
-              y(ve, {
-                id: s.field,
-                modelValue: s.selected,
-                "onUpdate:modelValue": (m) => s.selected = m,
+              y(fe, {
+                id: r.field,
+                modelValue: r.selected,
+                "onUpdate:modelValue": (m) => r.selected = m,
                 binary: "",
                 class: "cursor-pointer",
-                label: s.header
+                label: r.header
               }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label"])
             ], 2))), 256))
           ])
@@ -4921,33 +4924,33 @@ const Sa = { class: "d-flex justify-content-between" }, Fa = ["accept", "disable
   }
 });
 export {
-  Fi as Bootstrap_PT,
-  zi as ForgeActionButton,
-  ne as ForgeAlert,
-  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,
+  zi as Bootstrap_PT,
+  Ci as ForgeActionButton,
+  se as ForgeAlert,
+  Ti as ForgeAutoComplete,
+  fe as ForgeCheckbox,
+  Ui as ForgeChip,
+  Yi as ForgeColumnCustomiser,
+  be as ForgeDatepicker,
+  Wi as ForgeFileUploader,
+  Hi as ForgeFilterHeader,
+  Oi as ForgeForm,
+  Ni as ForgeFormField,
   Mt as ForgeInlineEditor,
-  Ti as ForgeLink,
-  fe as ForgeLoader,
-  Pi as ForgeModal,
+  ji as ForgeLink,
+  ge as ForgeLoader,
+  _i as ForgeModal,
   qt as ForgeMultiSelectPreview,
-  _i as ForgeNavbar,
-  Vi as ForgePageHeader,
+  Vi as ForgeNavbar,
+  Mi as ForgePageHeader,
   Xt as ForgeProgressBar,
-  Mi as ForgeRemainingCharacters,
-  Ui as ForgeScratchpad,
-  Ai as ForgeStatWidget,
-  qi as ForgeStepper,
-  Ei as ForgeTable,
+  Di as ForgeRemainingCharacters,
+  Ai as ForgeScratchpad,
+  qi as ForgeStatWidget,
+  Ei as ForgeStepper,
+  Ri as ForgeTable,
   Li as ForgeTile,
-  Ii as convertToMultiSelectOption,
-  ji as enumToMultiSelectList,
-  Ft as parseError
+  Pi as convertToMultiSelectOption,
+  Ii as enumToMultiSelectList,
+  St as parseError
 };