@3squared/forge-ui-3 2.10.1 → 2.12.0

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

@@ -1,5 +1,5 @@
 import he from "primevue/message";
-import { defineComponent as $, openBlock as r, createBlock as f, normalizeProps as J, guardReactiveProps as K, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as z, createVNode as x, renderSlot as k, ref as _, createElementBlock as v, Fragment as O, mergeProps as C, renderList as N, mergeModels as U, useModel as D, computed as T, createTextVNode as I, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
+import { defineComponent as $, openBlock as r, createBlock as f, normalizeProps as J, guardReactiveProps as K, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as S, createVNode as h, renderSlot as k, ref as _, createElementBlock as v, Fragment as O, mergeProps as z, renderList as N, mergeModels as U, useModel as D, computed as T, createTextVNode as I, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
 import { Icon as j } from "@iconify/vue";
 import A from "primevue/button";
 import Be from "primevue/toast";
@@ -8,10 +8,10 @@ import Ce from "primevue/checkbox";
 import { useField as ee } from "vee-validate";
 import ze from "primevue/progressspinner";
 import Te from "primevue/dialog";
-import ne 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 _e from "primevue/datepicker";
 import te from "primevue/select";
 import Pe from "primevue/inputmask";
@@ -463,7 +463,7 @@ const We = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, nt = {
+}, ot = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -492,7 +492,7 @@ const We = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, ot = {
+}, nt = {
   // More PT options defined in ForgeStepper.
   stepList: {
     root: "d-flex mb-2 w-100"
@@ -1147,7 +1147,7 @@ const We = {
   ...Ze,
   ...Xe,
   ...Qe,
-  ...nt,
+  ...ot,
   ...dt,
   ...vt,
   ...lt,
@@ -1156,7 +1156,7 @@ const We = {
   ...ct,
   ...gt,
   ...bt,
-  ...ot,
+  ...nt,
   ...ut,
   ...et,
   ...st,
@@ -1201,11 +1201,11 @@ const We = {
               icon: t.icon,
               class: B(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : z("", !0)
+            }, null, 8, ["icon", "class"])) : S("", !0)
           ], 2)
         ]),
         closeicon: b(() => [
-          x(u(j), { icon: "bi:x" })
+          h(u(j), { icon: "bi:x" })
         ]),
         default: b(() => [
           k(a.$slots, "default")
@@ -1232,22 +1232,22 @@ const We = {
       }
       t.value = !1;
     };
-    return (l, n) => {
-      const o = A;
+    return (l, o) => {
+      const n = A;
       return r(), v(O, null, [
-        x(o, C({ ...a, ...l.$attrs }, {
+        h(n, z({ ...a, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: i
         }), null, 16, ["loading", "disabled"]),
-        x(u(Be))
+        h(u(Be))
       ], 64);
     };
   }
 }), Ai = /* @__PURE__ */ $({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (t, a) => (r(), f(u(Se), C({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+    return (t, a) => (r(), f(u(Se), z({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
       default: b(() => [
         (r(!0), v(O, null, N(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
       ]),
@@ -1289,25 +1289,25 @@ const We = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { handleChange: i, errors: l, errorMessage: n } = ee(
+    const t = e, a = D(e, "modelValue"), { handleChange: i, errors: l, errorMessage: o } = ee(
       () => t.name ?? "",
       void 0,
       {
         type: "checkbox",
         checkedValue: a.value
       }
-    ), o = (p, c) => {
+    ), n = (p, c) => {
       (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(c) : a.value = c;
     }, s = T(() => l.value.length > 0);
     return (p, c) => {
       const g = Ce;
       return r(), v("div", Ct, [
-        m("div", C({
+        m("div", z({
           class: "d-flex",
           "data-cy": "checkbox-container",
-          onClick: c[2] || (c[2] = (d) => o(d, a.value))
+          onClick: c[2] || (c[2] = (d) => n(d, a.value))
         }, { ...p.$attrs }), [
-          x(g, C({ ...t }, {
+          h(g, z({ ...t }, {
             binary: "",
             modelValue: a.value,
             "onUpdate:modelValue": c[0] || (c[0] = (d) => a.value = d),
@@ -1317,7 +1317,7 @@ const We = {
           }), null, 16, ["modelValue", "input-id", "input-class", "class"]),
           m("label", {
             for: t.name,
-            onClick: c[1] || (c[1] = (d) => o(d, !a.value)),
+            onClick: c[1] || (c[1] = (d) => n(d, !a.value)),
             class: B([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
             k(p.$slots, "default", {}, () => [
@@ -1328,7 +1328,7 @@ const We = {
         H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(u(n)), 513), [
+        }, w(u(o)), 513), [
           [Y, s.value]
         ])
       ]);
@@ -1344,7 +1344,7 @@ const We = {
     return (a, i) => {
       const l = ze;
       return r(), v("div", Tt, [
-        x(l, {
+        h(l, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
@@ -1397,7 +1397,7 @@ const We = {
           id: "link-icon",
           icon: i.iconName,
           class: B(["bi my-auto", a.value])
-        }, null, 8, ["icon", "class"])) : z("", !0),
+        }, null, 8, ["icon", "class"])) : S("", !0),
         I(" " + w(i.label), 1)
       ])
     ], 10, jt));
@@ -1436,6 +1436,7 @@ const _t = { key: 0 }, Pt = {
     cancelClass: { default: "" },
     submitClass: { default: "" },
     resetErrorOnClose: { type: Boolean, default: !0 },
+    maxHeight: {},
     header: { default: "Header" },
     footer: {},
     visible: { type: Boolean },
@@ -1470,16 +1471,21 @@ const _t = { key: 0 }, Pt = {
     unstyled: { type: Boolean }
   }, {
     visible: { type: Boolean, required: !0 },
-    visibleModifiers: {}
+    visibleModifiers: {},
+    error: {
+      required: !1,
+      default: {
+        hasError: !1,
+        header: "",
+        message: []
+      }
+    },
+    errorModifiers: {}
   }),
-  emits: ["update:visible"],
+  emits: ["update:visible", "update:error"],
   setup(e, { expose: t }) {
-    const a = D(e, "visible"), i = _(!1), l = e, n = _(!1), o = _({
-      hasError: !1,
-      header: "",
-      message: []
-    }), s = () => {
-      o.value = {
+    const a = D(e, "visible"), i = _(!1), l = e, o = _(!1), n = D(e, "error"), s = () => {
+      n.value = {
         hasError: !1,
         header: "",
         message: []
@@ -1496,16 +1502,16 @@ const _t = { key: 0 }, Pt = {
       l.resetErrorOnClose && s(), a.value = !1;
     }, d = async () => {
       if (l.onConfirm) {
-        n.value = !0, o.value.hasError = !1;
+        o.value = !0, n.value.hasError = !1;
         try {
-          const S = await l.onConfirm();
-          (S || S == null) && g();
-        } catch (S) {
-          o.value.hasError = !0;
-          const V = It(S);
-          o.value.header = V.errorMessage, o.value.message = V.errorDetails;
+          const C = await l.onConfirm();
+          (C || C == null) && g();
+        } catch (C) {
+          n.value.hasError = !0;
+          const V = It(C);
+          n.value.header = V.errorMessage, n.value.message = V.errorDetails;
         }
-        n.value = !1;
+        o.value = !1;
       }
     }, F = T(() => ({
       root: [
@@ -1516,17 +1522,23 @@ const _t = { key: 0 }, Pt = {
           "modal-lg": l.size === "lg",
           "modal-xl": l.size === "xl"
         }
+      ],
+      content: [
+        "modal-body overflow-y-auto",
+        {
+          [`${l.maxHeight}`]: l.maxHeight && !i.value
+        }
       ]
     }));
-    return (S, V) => {
+    return (C, V) => {
       const M = A, q = Te;
-      return r(), f(q, C(l, {
+      return r(), f(q, z(l, {
         onMaximize: c,
         onUnmaximize: p,
         pt: F.value
       }), ie({
         closeicon: b(() => [
-          x(u(j), {
+          h(u(j), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
@@ -1535,7 +1547,7 @@ const _t = { key: 0 }, Pt = {
           })
         ]),
         maximizeicon: b(() => [
-          x(u(j), {
+          h(u(j), {
             "data-cy": "maximisable-icon",
             icon: i.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1544,44 +1556,46 @@ const _t = { key: 0 }, Pt = {
         ]),
         _: 2
       }, [
-        N(S.$slots, (y, h) => ({
-          name: h,
+        N(C.$slots, (y, x) => ({
+          name: x,
           fn: b((P) => [
-            o.value.hasError ? (r(), f(se, {
-              key: 0,
-              severity: "danger",
-              "data-cy": "error"
-            }, {
-              default: b(() => [
-                m("p", {
-                  class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
-                }, w(o.value.header), 3),
-                o.value.message.length > 0 ? (r(), v("ul", _t, [
-                  (r(!0), v(O, null, N(o.value.message, (L) => (r(), v("li", { key: L }, w(L), 1))), 128))
-                ])) : z("", !0)
-              ]),
-              _: 1
-            })) : z("", !0),
-            k(S.$slots, h, J(K(P || {}))),
-            n.value ? k(S.$slots, "loader", { key: 1 }, () => [
-              x(ge, { "data-cy": "loader" })
-            ]) : z("", !0)
+            x !== "footer" ? (r(), v(O, { key: 0 }, [
+              n.value.hasError ? (r(), f(se, {
+                key: 0,
+                severity: "danger",
+                "data-cy": "error"
+              }, {
+                default: b(() => [
+                  m("p", {
+                    class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
+                  }, w(n.value.header), 3),
+                  n.value.message.length > 0 ? (r(), v("ul", _t, [
+                    (r(!0), v(O, null, N(n.value.message, (L) => (r(), v("li", { key: L }, w(L), 1))), 128))
+                  ])) : S("", !0)
+                ]),
+                _: 1
+              })) : S("", !0)
+            ], 64)) : S("", !0),
+            k(C.$slots, x, J(K(P || {}))),
+            o.value ? k(C.$slots, "loader", { key: 1 }, () => [
+              h(ge, { "data-cy": "loader" })
+            ]) : S("", !0)
           ])
         })),
-        S.showFooter ? {
+        C.showFooter ? {
           name: "footer",
           fn: b(() => [
             m("div", Pt, [
-              x(M, {
-                label: S.cancelText,
+              h(M, {
+                label: C.cancelText,
                 class: B(l.cancelClass),
                 outlined: "",
                 onClick: g,
                 id: "cancel-button",
                 type: l.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              x(M, {
-                label: S.submitText,
+              h(M, {
+                label: C.submitText,
                 class: B([l.submitClass, "ms-auto"]),
                 onClick: d,
                 id: "submit-button",
@@ -1609,10 +1623,10 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), i = _(!1), l = _(), n = () => {
-      var S;
-      i.value = !i.value, (S = l.value) == null || S.focus();
-    }, o = async () => {
+    const t = e, a = D(e, "modelValue"), i = _(!1), l = _(), o = () => {
+      var C;
+      i.value = !i.value, (C = l.value) == null || C.focus();
+    }, n = async () => {
       if (F.value)
         return !1;
       if (a.value = d.value, t.completeAction)
@@ -1634,25 +1648,25 @@ const _t = { key: 0 }, Pt = {
       d.value = a.value;
     });
     const F = T(() => g.value.length > 0);
-    return (S, V) => {
-      const M = ne, q = A;
+    return (C, V) => {
+      const M = oe, q = A;
       return r(), v("div", {
         id: t.name
       }, [
-        S.readonly ? (r(), v("div", Nt, [
-          k(S.$slots, "default", {}, () => [
+        C.readonly ? (r(), v("div", Nt, [
+          k(C.$slots, "default", {}, () => [
             m("span", Ut, w(u(d)), 1)
           ])
         ])) : (r(), v("div", Mt, [
           i.value ? (r(), v("div", Dt, [
             H((r(), v("div", Ot, [
-              k(S.$slots, "editor", {
+              k(C.$slots, "editor", {
                 class: B({ "is-invalid": F.value }),
-                editFinished: o,
+                editFinished: n,
                 cancel: s,
                 val: u(d)
               }, () => [
-                x(M, {
+                h(M, {
                   modelValue: u(d),
                   "onUpdate:modelValue": V[0] || (V[0] = (y) => we(d) ? d.value = y : null),
                   modelModifiers: { trim: !0 },
@@ -1661,12 +1675,12 @@ const _t = { key: 0 }, Pt = {
                   ref: l,
                   class: B({ "is-invalid": F.value }),
                   onKeydown: [
-                    X(o, ["enter"]),
+                    X(n, ["enter"]),
                     X(s, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              x(u(j), {
+              h(u(j), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
@@ -1674,30 +1688,30 @@ const _t = { key: 0 }, Pt = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [u(je), o]
+              [u(je), n]
             ])
           ])) : (r(), v("div", {
             key: 1,
             class: "d-flex text-muted",
-            onClick: n,
-            onFocus: n
+            onClick: o,
+            onFocus: o
           }, [
-            k(S.$slots, "default", {}, () => [
+            k(C.$slots, "default", {}, () => [
               m("div", {
                 class: B(["pe-2 cursor-pointer", { "text-invalid": F.value }]),
                 "data-cy": "value"
               }, w(u(d) ? u(d) : "Click to edit"), 3)
             ]),
-            x(q, {
+            h(q, {
               link: "",
               class: "p-0 m-0"
             }, {
               default: b(() => [
-                x(u(j), {
+                h(u(j), {
                   icon: "bi:pencil",
                   class: B(F.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: X(n, ["enter"])
+                  onKeydown: X(o, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
@@ -1757,7 +1771,7 @@ const _t = { key: 0 }, Pt = {
         ]
       })
     }));
-    return (i, l) => (r(), f(u(Ie), C({ ...t, ...i.$attrs }, {
+    return (i, l) => (r(), f(u(Ie), z({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
     }), ie({
@@ -1774,7 +1788,7 @@ const _t = { key: 0 }, Pt = {
       ]),
       buttonicon: b(() => [
         k(i.$slots, "buttonIcon", {}, () => [
-          x(u(j), {
+          h(u(j), {
             icon: "bi:list",
             class: B(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
@@ -1784,10 +1798,10 @@ const _t = { key: 0 }, Pt = {
       ]),
       _: 2
     }, [
-      N(i.$slots, (n, o) => ({
-        name: o,
+      N(i.$slots, (o, n) => ({
+        name: n,
         fn: b((s) => [
-          k(i.$slots, o, J(K(s)))
+          k(i.$slots, n, J(K(s)))
         ])
       }))
     ]), 1040, ["pt"]));
@@ -1816,10 +1830,10 @@ const _t = { key: 0 }, Pt = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, a = D(e, "modelValue"), i = (l) => {
-      a.value = a.value.filter((n) => n.id !== l);
+      a.value = a.value.filter((o) => o.id !== l);
     };
-    return (l, n) => {
-      const o = oe, s = A;
+    return (l, o) => {
+      const n = ne, s = A;
       return r(), v("div", {
         class: B(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
@@ -1828,9 +1842,9 @@ const _t = { key: 0 }, Pt = {
           class: B(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          x(o, C({
+          h(n, z({
             modelValue: a.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (p) => a.value = p)
+            "onUpdate:modelValue": o[0] || (o[0] = (p) => a.value = p)
           }, { ...l.$attrs }, {
             options: t.options ?? [],
             optionLabel: "label",
@@ -1853,7 +1867,7 @@ const _t = { key: 0 }, Pt = {
             class: "overflow-auto"
           }, [
             m("div", Et, [
-              l.title ? (r(), v("div", Lt, w(l.title), 1)) : z("", !0),
+              l.title ? (r(), v("div", Lt, w(l.title), 1)) : S("", !0),
               (r(!0), v(O, null, N(a.value, (p) => (r(), v("div", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
@@ -1868,16 +1882,16 @@ const _t = { key: 0 }, Pt = {
                   onClick: (c) => i(p.id)
                 }, {
                   default: b(() => [
-                    x(u(j), {
+                    h(u(j), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${p.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : z("", !0)
+                }, 1032, ["onClick"])) : S("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (r(), v("div", Ht, w(t.optionsPreviewEmptyText), 1)) : z("", !0)
+              a.value == null || a.value.length == 0 ? (r(), v("div", Ht, w(t.optionsPreviewEmptyText), 1)) : S("", !0)
             ])
           ], 4)
         ], 2)
@@ -1980,7 +1994,7 @@ const _t = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: n, handleBlur: o, setValue: s } = ee(() => t.name, void 0, {
+    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: n, setValue: s } = ee(() => t.name, void 0, {
       initialValue: a.value
     }), p = () => {
       s(null), a.value = null;
@@ -2076,31 +2090,31 @@ const _t = { key: 0 }, Pt = {
       })
     }));
     return (d, F) => {
-      const S = _e;
+      const C = _e;
       return r(), v(O, null, [
         m("div", Kt, [
           m("span", Zt, [
             k(d.$slots, "before")
           ]),
           m("div", Xt, [
-            x(S, C({ ...t, ...d.$attrs }, {
+            h(C, z({ ...t, ...d.$attrs }, {
               pt: g.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
                 F[0] || (F[0] = (V) => a.value = V),
-                u(n)
+                u(o)
               ],
-              onBlur: F[1] || (F[1] = () => u(o)),
+              onBlur: F[1] || (F[1] = () => u(n)),
               "input-class": { "datepicker-invalid": c.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            H(x(u(j), {
+            H(h(u(j), {
               "data-cy": "icon",
               icon: "bi:calendar4",
               class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${c.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [Y, t.showIcon]
             ]),
-            H(x(u(j), {
+            H(h(u(j), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
@@ -2154,26 +2168,26 @@ const _t = { key: 0 }, Pt = {
       a.value = !0, i.value.hasError = !1;
       try {
         await t.onSubmit();
-      } catch (n) {
-        i.value.hasError = !0, n.message && (i.value.message = n.message);
+      } catch (o) {
+        i.value.hasError = !0, o.message && (i.value.message = o.message);
       }
       a.value = !1;
     }
-    return (n, o) => {
+    return (o, n) => {
       const s = A;
-      return r(), v("form", C(n.$attrs, {
+      return r(), v("form", z(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: G(l, ["prevent"])
       }), [
-        n.hideTitle ? z("", !0) : (r(), v(O, { key: 0 }, [
-          k(n.$slots, "title", {}, () => [
+        o.hideTitle ? S("", !0) : (r(), v(O, { key: 0 }, [
+          k(o.$slots, "title", {}, () => [
             m("h3", {
-              class: B(n.titleClass),
+              class: B(o.titleClass),
               "data-cy": "form-title"
-            }, w(n.title), 3)
+            }, w(o.title), 3)
           ]),
-          o[1] || (o[1] = m("hr", null, null, -1))
+          n[1] || (n[1] = m("hr", null, null, -1))
         ], 64)),
         i.value.hasError ? (r(), f(se, {
           key: 1,
@@ -2181,40 +2195,40 @@ const _t = { key: 0 }, Pt = {
           "data-cy": "error"
         }, {
           default: b(() => [
-            k(n.$slots, "error", {
+            k(o.$slots, "error", {
               error: i.value.message
             }, () => [
               I(w(i.value.message), 1)
             ])
           ]),
           _: 3
-        })) : z("", !0),
-        k(n.$slots, "default"),
+        })) : S("", !0),
+        k(o.$slots, "default"),
         m("div", ea, [
-          k(n.$slots, "cancel", {}, () => [
-            n.hideCancel ? z("", !0) : (r(), f(s, {
+          k(o.$slots, "cancel", {}, () => [
+            o.hideCancel ? S("", !0) : (r(), f(s, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: o[0] || (o[0] = (p) => n.$emit("cancel"))
+              onClick: n[0] || (n[0] = (p) => o.$emit("cancel"))
             }, {
               default: b(() => [
-                I(w(n.cancelText), 1)
+                I(w(o.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          k(n.$slots, "submit", { submit: l }, () => [
-            x(s, {
+          k(o.$slots, "submit", { submit: l }, () => [
+            h(s, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
               default: b(() => [
-                I(w(n.submitText), 1)
+                I(w(o.submitText), 1)
               ]),
               _: 1
             })
@@ -2223,7 +2237,7 @@ const _t = { key: 0 }, Pt = {
         a.value ? (r(), f(ge, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : z("", !0)
+        })) : S("", !0)
       ], 16);
     };
   }
@@ -2252,21 +2266,21 @@ const _t = { key: 0 }, Pt = {
   setup(e) {
     const t = D(e, "modelValue"), a = e, i = (g) => {
       a.type == "number" ? s(g.value) : s(g);
-    }, { errors: l, value: n, errorMessage: o, handleChange: s, handleBlur: p } = ee(() => a.name, void 0, {
+    }, { errors: l, value: o, errorMessage: n, handleChange: s, handleBlur: p } = ee(() => a.name, void 0, {
       initialValue: t.value
     }), c = T(() => l.value.length > 0);
-    return ce(() => n.value, (g) => {
+    return ce(() => o.value, (g) => {
       t.value = g;
     }, { immediate: !0 }), (g, d) => {
-      const F = Ve, S = Pe, V = ne, M = te, q = oe, y = be;
-      return a.type === "checkbox" ? (r(), f(fe, C({
+      const F = Ve, C = Pe, V = oe, M = te, q = ne, y = be;
+      return a.type === "checkbox" ? (r(), f(fe, z({
         key: 0,
         id: a.name,
         label: a.fieldLabel
       }, g.$attrs, {
         name: a.name,
         modelValue: t.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (h) => t.value = h)
+        "onUpdate:modelValue": d[0] || (d[0] = (x) => t.value = x)
       }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), v("div", ta, [
         m("div", {
           "data-cy": "input-wrapper",
@@ -2277,10 +2291,10 @@ const _t = { key: 0 }, Pt = {
             class: B(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, [
             I(w(a.fieldLabel) + " ", 1),
-            g.required ? (r(), v("span", ia, "*")) : z("", !0)
+            g.required ? (r(), v("span", ia, "*")) : S("", !0)
           ], 10, aa),
           k(g.$slots, "default", J(K({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
-            a.type === "number" ? (r(), f(u(ue), C({
+            a.type === "number" ? (r(), f(u(ue), z({
               key: 0,
               id: a.name
             }, g.$attrs, {
@@ -2289,18 +2303,18 @@ const _t = { key: 0 }, Pt = {
               class: { "is-invalid": c.value },
               onInput: i,
               modelValue: t.value,
-              "onUpdate:modelValue": d[1] || (d[1] = (h) => t.value = h)
-            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (r(), f(F, C({
+              "onUpdate:modelValue": d[1] || (d[1] = (x) => t.value = x)
+            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (r(), f(F, z({
               key: 1,
               id: a.name
             }, g.$attrs, {
               placeholder: a.placeholder,
               class: { "is-invalid": c.value },
               modelValue: t.value,
-              "onUpdate:modelValue": d[2] || (d[2] = (h) => t.value = h),
+              "onUpdate:modelValue": d[2] || (d[2] = (x) => t.value = x),
               onInput: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (r(), f(S, C({
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (r(), f(C, z({
               key: 2,
               id: a.name
             }, g.$attrs, {
@@ -2308,42 +2322,42 @@ const _t = { key: 0 }, Pt = {
               mask: a.mask,
               class: { "is-invalid": c.value },
               modelValue: t.value,
-              "onUpdate:modelValue": d[3] || (d[3] = (h) => t.value = h),
+              "onUpdate:modelValue": d[3] || (d[3] = (x) => t.value = x),
               onComplete: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (r(), f(V, C({
+            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (r(), f(V, z({
               key: 3,
               id: a.name
             }, g.$attrs, {
               placeholder: a.placeholder,
               class: { "is-invalid": c.value },
               modelValue: t.value,
-              "onUpdate:modelValue": d[4] || (d[4] = (h) => t.value = h),
+              "onUpdate:modelValue": d[4] || (d[4] = (x) => t.value = x),
               onInput: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (r(), f(M, C({ key: 4 }, { ...a, ...g.$attrs }, {
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (r(), f(M, z({ key: 4 }, { ...a, ...g.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[5] || (d[5] = (h) => t.value = h),
+              "onUpdate:modelValue": d[5] || (d[5] = (x) => t.value = x),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (r(), f(q, C({ key: 5 }, { ...a, ...g.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (r(), f(q, z({ key: 5 }, { ...a, ...g.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[6] || (d[6] = (h) => t.value = h),
+              "onUpdate:modelValue": d[6] || (d[6] = (x) => t.value = x),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (r(), f(Wt, C({ key: 6 }, { ...a, ...g.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (r(), f(Wt, z({ key: 6 }, { ...a, ...g.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[7] || (d[7] = (h) => t.value = h),
+              "onUpdate:modelValue": d[7] || (d[7] = (x) => t.value = x),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (r(), f(y, C({ key: 7 }, { ...a, ...g.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (r(), f(y, z({ key: 7 }, { ...a, ...g.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[8] || (d[8] = (h) => t.value = h),
+              "onUpdate:modelValue": d[8] || (d[8] = (x) => t.value = x),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : z("", !0)
+            }), null, 16, ["modelValue", "class"])) : S("", !0)
           ])
         ], 2),
         H(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, w(u(o)), 513), [
+        }, w(u(n)), 513), [
           [Y, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
@@ -2383,10 +2397,10 @@ const _t = { key: 0 }, Pt = {
       ]
     }));
     return (i, l) => {
-      const n = Me;
-      return r(), f(n, C({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+      const o = Me;
+      return r(), f(o, z({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
         default: b(() => [
-          (r(!0), v(O, null, N(i.$slots, (o, s) => k(i.$slots, s, { slot: s })), 256))
+          (r(!0), v(O, null, N(i.$slots, (n, s) => k(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2427,7 +2441,7 @@ const _t = { key: 0 }, Pt = {
         default:
           return "bg-primary";
       }
-    }), n = T(() => ({
+    }), o = T(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2435,18 +2449,18 @@ const _t = { key: 0 }, Pt = {
         class: [l.value, a.value, i.value, "progress-bar"]
       }
     }));
-    return (o, s) => {
+    return (n, s) => {
       const p = De;
-      return r(), f(p, C({ ...o.$attrs, ...t }, { pt: n.value }), {
+      return r(), f(p, z({ ...n.$attrs, ...t }, { pt: o.value }), {
         default: b(() => [
-          k(o.$slots, "default")
+          k(n.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
 });
-var na = /* @__PURE__ */ $({
+var oa = /* @__PURE__ */ $({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -2757,15 +2771,15 @@ var na = /* @__PURE__ */ $({
         e && this.save();
       });
     },
-    wrapText(e, t, a, i, l, n) {
-      const o = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
-      var p = t.split(o).filter((M) => M.length > 0);
+    wrapText(e, t, a, i, l, o) {
+      const n = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
+      var p = t.split(n).filter((M) => M.length > 0);
       for (let M = 0; M < p.length; M++) {
         for (var c = p[M].split(s).filter((q) => q.length > 0), g = "", d = 0; d < c.length; d++) {
-          var F = g + c[d] + " ", S = e.measureText(F), V = S.width;
-          V > l && d > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(g, a, i) : e.fillText(g, a, i), g = c[d] + " ", i += n) : g = F;
+          var F = g + c[d] + " ", C = e.measureText(F), V = C.width;
+          V > l && d > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(g, a, i) : e.fillText(g, a, i), g = c[d] + " ", i += o) : g = F;
         }
-        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(g, a, i) : e.fillText(g, a, i), i += c.length > 0 ? n : 0;
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(g, a, i) : e.fillText(g, a, i), i += c.length > 0 ? o : 0;
       }
     },
     save() {
@@ -2782,20 +2796,20 @@ var na = /* @__PURE__ */ $({
     drawWatermark(e, t, a) {
       if (a.type === "Image") {
         let i = a.imageStyle ? a.imageStyle.width ? a.imageStyle.width : Number(this.width) : Number(this.width), l = a.imageStyle ? a.imageStyle.height ? a.imageStyle.height : Number(this.height) : Number(this.height);
-        const n = new Image();
-        n.src = a.source, n.onload = () => {
-          a && t && t.drawImage(n, a.x, a.y, Number(i), Number(l));
-          let o = document.createElement("canvas"), s = o.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, c = this.outputHeight === void 0 ? this.height : this.outputHeight;
-          if (o.width = Number(p), o.height = Number(c), s)
-            return s.drawImage(e, 0, 0, Number(p), Number(c)), this.$emit("update:image", o.toDataURL("image/" + this.saveAs, 1)), o.toDataURL("image/" + this.saveAs, 1);
+        const o = new Image();
+        o.src = a.source, o.onload = () => {
+          a && t && t.drawImage(o, a.x, a.y, Number(i), Number(l));
+          let n = document.createElement("canvas"), s = n.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, c = this.outputHeight === void 0 ? this.height : this.outputHeight;
+          if (n.width = Number(p), n.height = Number(c), s)
+            return s.drawImage(e, 0, 0, Number(p), Number(c)), this.$emit("update:image", n.toDataURL("image/" + this.saveAs, 1)), n.toDataURL("image/" + this.saveAs, 1);
         };
       } 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", n = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", o = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
-        if (t.font = i, t.textAlign = l, t.textBaseline = n, a.fontStyle && a.fontStyle.rotate) {
+        let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", l = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", o = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", n = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
+        if (t.font = i, t.textAlign = l, t.textBaseline = o, a.fontStyle && a.fontStyle.rotate) {
           let d, F;
           a.fontStyle && a.fontStyle.width ? d = a.x + Math.floor(a.fontStyle.width / 2) : d = a.x, a.fontStyle && a.fontStyle.lineHeight ? F = a.y + Math.floor(a.fontStyle.lineHeight / 2) : F = a.y, t.translate(d, F), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(d * -1, F * -1);
         }
-        a.fontStyle && a.fontStyle.drawType && a.fontStyle.drawType === "stroke" ? (t.strokeStyle = a.fontStyle.color, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.strokeText(a.source, a.x, a.y)) : (t.fillStyle = o, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.fillText(a.source, a.x, a.y));
+        a.fontStyle && a.fontStyle.drawType && a.fontStyle.drawType === "stroke" ? (t.strokeStyle = a.fontStyle.color, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.strokeText(a.source, a.x, a.y)) : (t.fillStyle = n, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.fillText(a.source, a.x, a.y));
         let s = document.createElement("canvas"), p = s.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, g = this.outputHeight === void 0 ? this.height : this.outputHeight;
         if (s.width = Number(c), s.height = Number(g), p)
           return p.drawImage(e, 0, 0, Number(c), Number(g)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
@@ -2836,7 +2850,7 @@ var na = /* @__PURE__ */ $({
     });
   }
 });
-const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1 gap-1" }, Zi = /* @__PURE__ */ $({
+const na = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1 gap-1" }, Zi = /* @__PURE__ */ $({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -2849,7 +2863,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = Fe("drawingCanvas"), n = _(), o = () => {
+    const a = e, i = t, l = Fe("drawingCanvas"), o = _(), n = () => {
       l == null || l.value.reset();
     }, s = () => {
       l == null || l.value.redo();
@@ -2860,12 +2874,12 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
     };
     return (g, d) => {
       const F = A;
-      return r(), v("div", oa, [
-        x(u(na), C({
+      return r(), v("div", na, [
+        h(u(oa), z({
           ref_key: "drawingCanvas",
           ref: l,
-          image: n.value,
-          "onUpdate:image": d[0] || (d[0] = (S) => n.value = S),
+          image: o.value,
+          "onUpdate:image": d[0] || (d[0] = (C) => o.value = C),
           "data-cy": "drawing-canvas",
           class: "border canvas"
         }, { ...g.$attrs }, {
@@ -2885,7 +2899,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
               I("Undo")
             ])),
             _: 1
-          })) : z("", !0),
+          })) : S("", !0),
           a.showRedo ? (r(), f(F, {
             key: 1,
             onClick: s,
@@ -2896,10 +2910,10 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
               I("Redo")
             ])),
             _: 1
-          })) : z("", !0),
+          })) : S("", !0),
           a.showClear ? (r(), f(F, {
             key: 2,
-            onClick: o,
+            onClick: n,
             outlined: "",
             "data-cy": "clear-button"
           }, {
@@ -2907,7 +2921,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
               I("Clear")
             ])),
             _: 1
-          })) : z("", !0),
+          })) : S("", !0),
           a.showSave ? (r(), f(F, {
             key: 3,
             onClick: c,
@@ -2918,7 +2932,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
               I("Save")
             ])),
             _: 1
-          })) : z("", !0)
+          })) : S("", !0)
         ])
       ]);
     };
@@ -2931,7 +2945,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e;
-    return (a, i) => (r(), v("div", C(a.$attrs, {
+    return (a, i) => (r(), v("div", z(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", ra, [
@@ -2988,30 +3002,30 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
     }));
     return (i, l) => (r(), f(u(Ne), { value: i.currentStep }, {
       default: b(() => [
-        x(u(Ue), null, {
+        h(u(Ue), null, {
           default: b(() => [
-            (r(!0), v(O, null, N(i.steps, (n) => (r(), f(u(Oe), C({
-              key: n.value,
-              value: n.value,
-              disabled: n.disabled,
+            (r(!0), v(O, null, N(i.steps, (o) => (r(), f(u(Oe), z({
+              key: o.value,
+              value: o.value,
+              disabled: o.disabled,
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
               default: b(() => [
-                i.showStepLabel ? (r(), v("div", da, w(n.label), 1)) : z("", !0)
+                i.showStepLabel ? (r(), v("div", da, w(o.label), 1)) : S("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
           ]),
           _: 1
         }),
-        x(u(qe), null, {
+        h(u(qe), null, {
           default: b(() => [
-            (r(!0), v(O, null, N(i.steps, (n) => (r(), f(u(Ae), {
-              key: n.value,
-              value: n.value
+            (r(!0), v(O, null, N(i.steps, (o) => (r(), f(u(Ae), {
+              key: o.value,
+              value: o.value
             }, {
               default: b(() => [
-                k(i.$slots, "step" + n.value)
+                k(i.$slots, "step" + o.value)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -3032,9 +3046,9 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e, a = T(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = T(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
-    return (l, n) => {
-      const o = A;
-      return t.clickable ? (r(), f(o, {
+    return (l, o) => {
+      const n = A;
+      return t.clickable ? (r(), f(n, {
         key: 0,
         class: B(["d-flex w-100 p-0 text-body", a.value]),
         severity: t.severity,
@@ -3044,7 +3058,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
         default: b(() => [
           m("div", pa, [
             k(l.$slots, "default", {}, () => [
-              n[0] || (n[0] = I("Tile Content"))
+              o[0] || (o[0] = I("Tile Content"))
             ])
           ])
         ]),
@@ -3056,7 +3070,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
       }, [
         m("div", ca, [
           k(l.$slots, "default", {}, () => [
-            n[1] || (n[1] = I("Tile Content"))
+            o[1] || (o[1] = I("Tile Content"))
           ])
         ])
       ], 2));
@@ -3081,16 +3095,16 @@ const ua = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = (o) => {
-      a("update:perPage", o.value);
-    }, n = T(() => {
-      const o = Math.ceil(i.total / i.perPage);
-      return `${o} ${Q(o, "page")}`;
+    const a = t, i = e, l = (n) => {
+      a("update:perPage", n.value);
+    }, o = T(() => {
+      const n = Math.ceil(i.total / i.perPage);
+      return `${n} ${Q(n, "page")}`;
     });
-    return (o, s) => (r(), v("div", ua, [
+    return (n, s) => (r(), v("div", ua, [
       s[2] || (s[2] = I(" Number of results per page ")),
       m("div", ma, [
-        x(u(te), {
+        h(u(te), {
           options: i.pageSizes,
           "model-value": i.perPage,
           class: "page-size",
@@ -3099,8 +3113,8 @@ const ua = {
       ]),
       i.total ? (r(), v("div", va, [
         s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", fa, w(i.total) + " " + w(u(Q)(i.total, "result")) + " across " + w(n.value), 1)
-      ])) : z("", !0)
+        m("span", fa, w(i.total) + " " + w(u(Q)(i.total, "result")) + " across " + w(o.value), 1)
+      ])) : S("", !0)
     ]));
   }
 }), ba = { class: "position-relative" }, ya = { "data-cy": "above-table-slot" }, xa = { class: "d-flex w-100" }, ha = {
@@ -3192,15 +3206,15 @@ const ua = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = _(), n = _([5, 10, 20, 50, 100]), o = _(10), s = _({
+    const a = t, i = e, l = _(), o = _([5, 10, 20, 50, 100]), n = _(10), s = _({
       filters: i.filters,
-      perPage: o.value,
+      perPage: n.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: i.totalRecords ?? i.value.length
     }), p = T(() => i.totalRecords ?? i.value.length), c = T(() => {
-      const y = Math.ceil(p.value / o.value);
+      const y = Math.ceil(p.value / n.value);
       return `${y} ${Q(y, "page")}`;
     }), g = T(() => ({
       thead: () => ({
@@ -3233,34 +3247,34 @@ const ua = {
       V(i.filters);
     }, F = () => {
       l.value.exportCSV();
-    }, S = (y) => {
-      var h;
-      s.value.sortDirection = y.sortOrder === 1 ? "Asc" : y.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((h = y.sortField) == null ? void 0 : h.toString()) ?? "", a("update:tableContext", s.value), a("sort", y);
+    }, C = (y) => {
+      var x;
+      s.value.sortDirection = y.sortOrder === 1 ? "Asc" : y.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((x = y.sortField) == null ? void 0 : x.toString()) ?? "", a("update:tableContext", s.value), a("sort", y);
     }, V = (y) => {
       s.value.filters = y, a("update:tableContext", s.value), a("update:filters", y);
     }, M = (y) => {
       s.value.page = y.page, a("update:tableContext", s.value), a("page", y);
     }, q = () => {
-      s.value.perPage = o.value, a("update:tableContext", s.value);
+      s.value.perPage = n.value, a("update:tableContext", s.value);
     };
     return ce(() => i.filters, (y) => {
       s.value.filters = y, a("update:tableContext", s.value);
-    }, { deep: !0 }), le(() => a("update:tableContext", s.value)), (y, h) => (r(), v("div", ba, [
+    }, { deep: !0 }), le(() => a("update:tableContext", s.value)), (y, x) => (r(), v("div", ba, [
       m("span", ya, [
         k(y.$slots, "above-table")
       ]),
-      x(u(Ee), C({
+      h(u(Ee), z({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
       }, { ...i, ...y.$attrs }, {
         pt: g.value,
-        rows: o.value,
+        rows: n.value,
         "total-records": p.value,
         "filter-display": i.filters ? "row" : void 0,
         ref_key: "forgeTable",
         ref: l,
         "data-cy": "table",
         "onUpdate:filters": V,
-        onSort: S,
+        onSort: C,
         onPage: M,
         showHeaders: ""
       }), ie({
@@ -3276,16 +3290,16 @@ const ua = {
             m("div", wa, [
               m("div", ka, [
                 y.paginator && !y.legacyPaginationFooter ? (r(), v("span", $a, [
-                  x(ga, {
+                  h(ga, {
                     total: p.value,
-                    "page-sizes": n.value,
-                    "per-page": o.value,
+                    "page-sizes": o.value,
+                    "per-page": n.value,
                     "onUpdate:perPage": [
-                      h[0] || (h[0] = (P) => o.value = P),
+                      x[0] || (x[0] = (P) => n.value = P),
                       q
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : z("", !0)
+                ])) : S("", !0)
               ]),
               m("div", Fa, [
                 y.showClearButton ? (r(), f(u(A), {
@@ -3296,15 +3310,15 @@ const ua = {
                   "data-cy": "clear-all"
                 }, {
                   default: b(() => [
-                    x(u(j), {
+                    h(u(j), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    h[2] || (h[2] = I(" Clear "))
+                    x[2] || (x[2] = I(" Clear "))
                   ]),
                   _: 1
-                }, 8, ["class"])) : z("", !0),
+                }, 8, ["class"])) : S("", !0),
                 y.showExporterButton ? (r(), f(u(A), {
                   key: 1,
                   outlined: "",
@@ -3312,15 +3326,15 @@ const ua = {
                   "data-cy": "exporter"
                 }, {
                   default: b(() => [
-                    x(u(j), {
+                    h(u(j), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
-                    h[3] || (h[3] = I(" Export "))
+                    x[3] || (x[3] = I(" Export "))
                   ]),
                   _: 1
-                })) : z("", !0),
+                })) : S("", !0),
                 k(y.$slots, "column-customiser")
               ])
             ])
@@ -3344,11 +3358,11 @@ const ua = {
               class: B(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              h[4] || (h[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              x(u(te), {
-                options: n.value,
-                modelValue: o.value,
-                "onUpdate:modelValue": h[1] || (h[1] = (P) => o.value = P),
+              x[4] || (x[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
+              h(u(te), {
+                options: o.value,
+                modelValue: n.value,
+                "onUpdate:modelValue": x[1] || (x[1] = (P) => n.value = P),
                 class: "ms-2",
                 onClick: q
               }, null, 8, ["options", "modelValue"])
@@ -3384,39 +3398,39 @@ const ua = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = (l, n) => {
+    const t = D(e, "modelValue"), a = (l, o) => {
       if (!l || Array.isArray(l) && l.length === 0)
-        return n;
-      const o = (s) => {
+        return o;
+      const n = (s) => {
         var c;
         const p = (c = e.dropdownOptions) == null ? void 0 : c.find(
           (g) => e.optionValue ? g[e.optionValue] === s : Object.keys(g).every((d) => s.hasOwnProperty(d) && g[d] === s[d])
         );
         return e.optionLabel ? p[e.optionLabel] : p;
       };
-      return Array.isArray(l) ? l.map(o).join(", ") : o(l);
+      return Array.isArray(l) ? l.map(n).join(", ") : n(l);
     }, i = () => {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
-    return (l, n) => {
-      const o = ue, s = A;
+    return (l, o) => {
+      const n = ue, s = A;
       return r(), v("div", Ba, [
-        l.dataType === "numeric" ? (r(), f(o, C({
+        l.dataType === "numeric" ? (r(), f(n, z({
           key: 0,
           modelValue: t.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (p) => t.value = p),
+          "onUpdate:modelValue": o[0] || (o[0] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
-        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (r(), f(be, C({
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (r(), f(be, z({
           key: 1,
           modelValue: t.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (p) => t.value = p)
+          "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" ? (r(), f(u(te), C({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (r(), f(u(te), z({
           key: 2,
           modelValue: t.value,
-          "onUpdate:modelValue": n[2] || (n[2] = (p) => t.value = p)
+          "onUpdate:modelValue": o[2] || (o[2] = (p) => t.value = p)
         }, l.$attrs, {
           options: l.dropdownOptions,
           "option-value": l.optionValue,
@@ -3434,7 +3448,7 @@ const ua = {
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
                 default: b(() => [
-                  x(u(j), {
+                  h(u(j), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -3442,24 +3456,24 @@ const ua = {
                   })
                 ]),
                 _: 1
-              })) : z("", !0)
+              })) : S("", !0)
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (r(), f(u(oe), C({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (r(), f(u(ne), z({
           key: 3,
           modelValue: t.value,
-          "onUpdate:modelValue": n[3] || (n[3] = (p) => t.value = p)
+          "onUpdate:modelValue": o[3] || (o[3] = (p) => t.value = p)
         }, l.$attrs, {
           options: l.dropdownOptions,
           showToggleAll: !1,
           "option-label": l.optionLabel,
           "option-value": l.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (r(), f(u(ne), C({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (r(), f(u(oe), z({
           key: 4,
           modelValue: t.value,
-          "onUpdate:modelValue": n[4] || (n[4] = (p) => t.value = p),
+          "onUpdate:modelValue": o[4] || (o[4] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
         }, l.$attrs), null, 16, ["modelValue"])),
         l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (r(), f(s, {
@@ -3469,7 +3483,7 @@ const ua = {
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
           default: b(() => [
-            x(u(j), {
+            h(u(j), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -3477,7 +3491,7 @@ const ua = {
             })
           ]),
           _: 1
-        })) : z("", !0)
+        })) : S("", !0)
       ]);
     };
   }
@@ -4548,11 +4562,11 @@ class ye {
   define(t, a = !1) {
     for (let [i, l] of Object.entries(t)) {
       i = i.toLowerCase(), l = l.map((s) => s.toLowerCase()), E(this, R, "f").has(i) || E(this, R, "f").set(i, /* @__PURE__ */ new Set());
-      const n = E(this, R, "f").get(i);
-      let o = !0;
+      const o = E(this, R, "f").get(i);
+      let n = !0;
       for (let s of l) {
         const p = s.startsWith("*");
-        if (s = p ? s.slice(1) : s, n == null || n.add(s), o && E(this, Z, "f").set(i, s), o = !1, p)
+        if (s = p ? s.slice(1) : s, o == null || o.add(s), n && E(this, Z, "f").set(i, s), n = !1, p)
           continue;
         const c = E(this, W, "f").get(s);
         if (c && c != i && !a)
@@ -4593,15 +4607,15 @@ class ye {
 W = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
 const Ca = new ye(de, re)._freeze();
 function xe(e, t, a, i) {
-  const l = t.flatMap((n) => n.file);
-  return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
-    const o = l.findIndex((p) => p.name === n.name);
+  const l = t.flatMap((o) => o.file);
+  return t = t.map((o) => ({ ...o, status: o.status == "Duplicate" ? "Not Uploaded" : o.status })), e.forEach((o) => {
+    const n = l.findIndex((p) => p.name === o.name);
     let s = "Not Uploaded";
-    o === -1 ? ((!a.includes(n.type) || !(n.size <= i)) && (s = a.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
-      file: n,
+    n === -1 ? ((!a.includes(o.type) || !(o.size <= i)) && (s = a.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+      file: o,
       status: s,
       blobFileName: null
-    })) : t[o].status = "Duplicate";
+    })) : t[n].status = "Duplicate";
   }), t;
 }
 async function za(e, t) {
@@ -4620,12 +4634,12 @@ function pe(e, t = !0, a = 1) {
   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 n = -1;
-  const o = 10 ** a;
+  let o = -1;
+  const n = 10 ** a;
   do
-    e /= i, ++n;
-  while (Math.round(Math.abs(e) * o) / o >= i && n < l.length - 1);
-  return e.toFixed(a) + " " + l[n];
+    e /= i, ++o;
+  while (Math.round(Math.abs(e) * n) / n >= i && o < l.length - 1);
+  return e.toFixed(a) + " " + l[o];
 }
 function Ta(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
@@ -4652,30 +4666,30 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = _(), i = (o) => a.value.toggle(o), l = T(() => e.maxFileInput <= t.value.length), n = (o) => {
-      t.value = xe(o, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
+    const t = D(e, "modelValue"), a = _(), i = (n) => a.value.toggle(n), l = T(() => e.maxFileInput <= t.value.length), o = (n) => {
+      t.value = xe(n, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
     };
-    return (o, s) => {
+    return (n, s) => {
       const p = A;
       return r(), v("div", _a, [
-        k(o.$slots, "message"),
+        k(n.$slots, "message"),
         m("div", null, [
           m("input", {
             id: "file-input",
             type: "file",
             class: "d-none",
-            accept: o.acceptedFileTypes.join(", "),
+            accept: n.acceptedFileTypes.join(", "),
             disabled: l.value,
-            multiple: o.maxFileInput > 1,
-            onInput: s[0] || (s[0] = (c) => n([...c.target.files]))
+            multiple: n.maxFileInput > 1,
+            onInput: s[0] || (s[0] = (c) => o([...c.target.files]))
           }, null, 40, Pa),
           m("label", {
             class: B([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
-            k(o.$slots, "button-content", {}, () => [
-              x(u(j), {
+            k(n.$slots, "button-content", {}, () => [
+              h(u(j), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
@@ -4685,10 +4699,10 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
             ])
           ], 2)
         ]),
-        o.showDragDropArea ? (r(), f(p, {
+        n.showDragDropArea ? (r(), f(p, {
           link: "",
           class: "ms-auto",
-          key: o.acceptedFileTypes.length,
+          key: n.acceptedFileTypes.length,
           id: "accepted-file-types",
           onClick: i
         }, {
@@ -4696,13 +4710,13 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
             I("Accepted File Types")
           ])),
           _: 1
-        })) : z("", !0),
-        x(u(ve), {
+        })) : S("", !0),
+        h(u(ve), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
           default: b(() => [
-            m("div", Va, w(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
+            m("div", Va, w(n.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
@@ -4728,26 +4742,26 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = _(!1), i = T(() => e.maxFileInput <= t.value.length), l = (n) => {
-      a.value = !1, n.dataTransfer.files.length > e.maxFileInput || i.value ? n.preventDefault() : t.value = xe([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((o) => o.fileType), e.maxFileSize);
+    const t = D(e, "modelValue"), a = _(!1), i = T(() => e.maxFileInput <= t.value.length), l = (o) => {
+      a.value = !1, o.dataTransfer.files.length > e.maxFileInput || i.value ? o.preventDefault() : t.value = xe([...o.dataTransfer.files], t.value, e.acceptedFileTypes.map((n) => n.fileType), e.maxFileSize);
     };
-    return (n, o) => (r(), v("div", {
+    return (o, n) => (r(), v("div", {
       id: "drag-drop-area",
       class: B(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: o[0] || (o[0] = G((s) => a.value = !1, ["prevent"])),
-      onDragover: o[1] || (o[1] = G((s) => a.value = !0, ["prevent"])),
+      onDragleave: n[0] || (n[0] = G((s) => a.value = !1, ["prevent"])),
+      onDragover: n[1] || (n[1] = G((s) => a.value = !0, ["prevent"])),
       onDrop: G(l, ["prevent"])
     }, [
       t.value.length === 0 ? (r(), v("div", Da, [
-        x(u(j), {
+        h(u(j), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        o[2] || (o[2] = I(" Drag and drop files here "))
+        n[2] || (n[2] = I(" Drag and drop files here "))
       ])) : (r(), v("div", Oa, [
-        k(n.$slots, "default")
+        k(o.$slots, "default")
       ]))
     ], 34));
   }
@@ -4787,7 +4801,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           I(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
-      })) : z("", !0),
+      })) : S("", !0),
       i.uploadStatus !== "Uploading" && i.uploadStatus !== "Not Uploaded" && i.uploadStatus !== "Uploaded" && i.uploadStatus !== "Preparing" ? (r(), f(se, {
         key: 1,
         id: "upload-status-alert",
@@ -4798,7 +4812,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           I(w(a.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : z("", !0)
+      }, 8, ["severity"])) : S("", !0)
     ]));
   }
 }), qa = ["data-cy"], Ea = { class: "ms-3 d-flex flex-column" }, La = {
@@ -4829,18 +4843,18 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }),
   emits: /* @__PURE__ */ U(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, o = _(a.value.name), s = _(""), p = _(0), c = _(), g = T(() => e.acceptedFileTypes.some(({ fileType: y }) => y === a.value.type)), d = T(() => a.value.size <= e.maxFileSize), F = T(() => a.value.type ? a.value.type : Ia().getType(a.value.name)), S = () => {
-      o.value != null && (V(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
+    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), o = t, n = _(a.value.name), s = _(""), p = _(0), c = _(), g = T(() => e.acceptedFileTypes.some(({ fileType: y }) => y === a.value.type)), d = T(() => a.value.size <= e.maxFileSize), F = T(() => a.value.type ? a.value.type : Ia().getType(a.value.name)), C = () => {
+      n.value != null && (V(), a.value = new File([a.value], n.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, V = () => {
-      let y = o.value.split("."), h = Ca.getExtension(F.value), P = o.value.split(".").pop();
-      y.length === 1 ? P && P.length > 0 && (o.value = [o.value, h].join(".")) : y.length > 1 && P !== h && (o.value = o.value.replace(P, h));
+      let y = n.value.split("."), x = Ca.getExtension(F.value), P = n.value.split(".").pop();
+      y.length === 1 ? P && P.length > 0 && (n.value = [n.value, x].join(".")) : y.length > 1 && P !== x && (n.value = n.value.replace(P, x));
     }, M = async () => {
       if (!g.value || !d.value) {
         l.value = g.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
       l.value = "Preparing", c.value = new AbortController();
-      const [y, h] = await e.getFileUrlAction(a.value.name);
+      const [y, x] = await e.getFileUrlAction(a.value.name);
       if (!y) {
         l.value = "Failed";
         return;
@@ -4856,7 +4870,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           },
           tags: { temp: "true" }
         };
-        await P.uploadData(a.value, L), s.value = y, l.value = "Uploaded", i.value = h;
+        await P.uploadData(a.value, L), s.value = y, l.value = "Uploaded", i.value = x;
       } catch (P) {
         if (P.name === "AbortError") {
           l.value = "Aborted";
@@ -4865,11 +4879,11 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         l.value = "Failed";
       }
     }, q = async () => {
-      await za(l.value, s.value), n("deleted", a.value);
+      await za(l.value, s.value), o("deleted", a.value);
     };
     return le(() => {
       e.autoUploadToBlob && M();
-    }), (y, h) => {
+    }), (y, x) => {
       const P = A;
       return r(), v("div", {
         class: "py-4 px-3 d-flex",
@@ -4897,12 +4911,12 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
             y.editableFileName ? (r(), f(At, {
               key: 0,
               id: "edit-file-name",
-              modelValue: o.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (L) => o.value = L),
+              modelValue: n.value,
+              "onUpdate:modelValue": x[0] || (x[0] = (L) => n.value = L),
               rules: y.customFileNameRules,
               name: a.value.name,
-              "complete-action": S
-            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", La, w(o.value), 1))
+              "complete-action": C
+            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", La, w(n.value), 1))
           ]),
           m("span", Ra, "File type: " + w(a.value.type.split("/").pop()), 1),
           m("span", Ha, "File size: " + w(u(pe)(a.value.size)), 1)
@@ -4921,19 +4935,19 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
             onClick: M
           }, {
             default: b(() => [
-              x(u(j), {
+              h(u(j), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : z("", !0),
+          })) : S("", !0),
           l.value === "Uploading" ? (r(), f(P, {
             key: 1,
             link: "",
-            onClick: h[1] || (h[1] = (L) => c.value.value.abort())
+            onClick: x[1] || (x[1] = (L) => c.value.value.abort())
           }, {
             default: b(() => [
-              x(u(j), { icon: "bi:x-circle-fill" })
+              h(u(j), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
           })) : (r(), f(P, {
@@ -4943,7 +4957,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
             id: "delete-button"
           }, {
             default: b(() => [
-              x(u(j), { icon: "bi:trash" })
+              h(u(j), { icon: "bi:trash" })
             ]),
             _: 1
           }))
@@ -4981,25 +4995,25 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   emits: ["update:modelValue"],
   setup(e) {
     const t = D(e, "modelValue"), a = e, i = (l) => {
-      t.value = t.value.filter((n) => n.file != l);
+      t.value = t.value.filter((o) => o.file != l);
     };
-    return (l, n) => (r(), v("div", Xa, [
-      x(Ma, C(a, {
+    return (l, o) => (r(), v("div", Xa, [
+      h(Ma, z(a, {
         modelValue: t.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o)
+        "onUpdate:modelValue": o[0] || (o[0] = (n) => t.value = n)
       }), null, 16, ["modelValue"]),
       l.showDragDropArea ? (r(), v("div", Qa, [
-        x(Na, {
+        h(Na, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (o) => t.value = o)
+          "onUpdate:modelValue": o[1] || (o[1] = (n) => t.value = n)
         }, {
           default: b(() => [
-            (r(!0), v(O, null, N(t.value, ({ file: o }, s) => (r(), v("span", null, [
-              (r(), f(Ya, C({
-                key: o.name,
+            (r(!0), v(O, null, N(t.value, ({ file: n }, s) => (r(), v("span", null, [
+              (r(), f(Ya, z({
+                key: n.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,
@@ -5013,11 +5027,11 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        x(Za, {
+        h(Za, {
           "max-file-size": a.maxFileSize,
           "max-file-input": l.maxFileInput
         }, null, 8, ["max-file-size", "max-file-input"])
-      ])) : z("", !0)
+      ])) : S("", !0)
     ]));
   }
 }), ei = { class: "d-flex" }, ti = { class: "me-3" }, ai = { class: "ms-2" }, ii = { class: "d-flex flex-column w-100" }, ll = /* @__PURE__ */ $({
@@ -5028,22 +5042,22 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = _(), i = _(!1), l = (n) => {
-      a.value.toggle(n);
+    const t = D(e, "modelValue"), a = _(), i = _(!1), l = (o) => {
+      a.value.toggle(o);
     };
-    return (n, o) => (r(), v(O, null, [
-      x(u(A), {
+    return (o, n) => (r(), v(O, null, [
+      h(u(A), {
         onClick: l,
         class: "ms-2"
       }, {
         default: b(() => [
           m("div", ei, [
             m("div", ti, [
-              x(u(j), { icon: "bi:layout-three-columns" })
+              h(u(j), { icon: "bi:layout-three-columns" })
             ]),
             I(" Columns (" + w(t.value.filter((s) => s.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
             m("div", ai, [
-              x(u(j), {
+              h(u(j), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5051,12 +5065,12 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         ]),
         _: 1
       }),
-      x(u(ve), {
+      h(u(ve), {
         ref_key: "columnCustomiserPanel",
         ref: a,
         class: "column-customiser",
-        onHide: o[0] || (o[0] = () => i.value = !1),
-        onShow: o[1] || (o[1] = () => i.value = !0)
+        onHide: n[0] || (n[0] = () => i.value = !1),
+        onShow: n[1] || (n[1] = () => i.value = !0)
       }, {
         default: b(() => [
           m("div", ii, [
@@ -5068,7 +5082,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
                 "pb-1": p === 0
               }])
             }, [
-              x(fe, {
+              h(fe, {
                 id: s.field,
                 modelValue: s.selected,
                 "onUpdate:modelValue": (c) => s.selected = c,
@@ -5083,7 +5097,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), nl = /* @__PURE__ */ $({
+}), ol = /* @__PURE__ */ $({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
@@ -5094,8 +5108,8 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
-          })) : z("", !0),
-          l ? z("", !0) : (r(), f(u(j), {
+          })) : S("", !0),
+          l ? S("", !0) : (r(), f(u(j), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
@@ -5135,15 +5149,15 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         ]
       })
     }));
-    return (i, l) => (r(), f(u(He), C({ ...i.$attrs, ...t }, {
+    return (i, l) => (r(), f(u(He), z({ ...i.$attrs, ...t }, {
       severity: t.severity,
       pt: a.value
     }), null, 16, ["severity", "pt"]));
   }
-}), ni = {
+}), oi = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, ol = /* @__PURE__ */ $({
+}, nl = /* @__PURE__ */ $({
   __name: "ForgeSelectButton",
   props: /* @__PURE__ */ U({
     options: {},
@@ -5156,25 +5170,25 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), i = (n) => {
-      var o;
-      return t.multiple ? (o = a == null ? void 0 : a.value) == null ? void 0 : o.includes(n.value) : a.value === n.value;
-    }, l = (n) => {
-      var o;
-      if (!n.disabled)
+    const t = e, a = D(e, "modelValue"), i = (o) => {
+      var n;
+      return t.multiple ? (n = a == null ? void 0 : a.value) == null ? void 0 : n.includes(o.value) : a.value === o.value;
+    }, l = (o) => {
+      var n;
+      if (!o.disabled)
         if (t.multiple) {
-          let s = (o = a.value) != null && o.length ? [...a.value] : [];
-          if (s.length >= 1 && s.includes(n.value)) {
+          let s = (n = a.value) != null && n.length ? [...a.value] : [];
+          if (s.length >= 1 && s.includes(o.value)) {
             if (!t.allowEmpty && s.length === 1) return;
-            s = s.length > 1 ? s.filter((c) => c !== n.value) : [];
+            s = s.length > 1 ? s.filter((c) => c !== o.value) : [];
           } else
-            s.push(n.value);
+            s.push(o.value);
           a.value = s;
         } else
-          a.value = a.value === n.value && t.allowEmpty ? null : n.value;
+          a.value = a.value === o.value && t.allowEmpty ? null : o.value;
     };
-    return (n, o) => (r(), v("div", ni, [
-      (r(!0), v(O, null, N(n.options, (s, p) => (r(), f(li, {
+    return (o, n) => (r(), v("div", oi, [
+      (r(!0), v(O, null, N(o.options, (s, p) => (r(), f(li, {
         key: p,
         onLabel: s.label,
         offLabel: s.label,
@@ -5183,7 +5197,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         defaultValue: i(s),
         disabled: s.disabled,
         "data-cy": `toggle-button-${s.value}`,
-        invalid: n.invalid
+        invalid: o.invalid
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
@@ -5217,12 +5231,12 @@ export {
   Wt as ForgeMultiSelectPreview,
   Hi as ForgeNavbar,
   Wi as ForgePageHeader,
-  nl as ForgePanel,
+  ol as ForgePanel,
   la as ForgeProgressBar,
   Yi as ForgeRemainingCharacters,
   sl as ForgeResolver,
   Zi as ForgeScratchpad,
-  ol as ForgeSelectButton,
+  nl as ForgeSelectButton,
   Xi as ForgeStatWidget,
   Qi as ForgeStepper,
   tl as ForgeTable,