@3squared/forge-ui-3 0.5.4 → 0.6.0

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

@@ -1,11 +1,11 @@
 import fe from "primevue/message";
-import { defineComponent as $, openBlock as s, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as v, createElementVNode as m, normalizeClass as B, unref as c, createCommentVNode as F, createVNode as y, renderSlot as k, ref as T, createElementBlock as p, Fragment as D, mergeProps as S, onMounted as oe, watch as ge, computed as x, isRef as H, createTextVNode as P, toDisplayString as g, withDirectives as L, vShow as Y, mergeModels as q, useModel as R, createSlots as te, renderList as j, withKeys as J, useAttrs as de, withModifiers as G, normalizeStyle as he } from "vue";
+import { defineComponent as $, openBlock as s, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as F, createVNode as v, renderSlot as x, ref as M, createElementBlock as p, Fragment as D, mergeProps as S, onMounted as oe, watch as ge, computed as k, isRef as j, createTextVNode as P, toDisplayString as h, withDirectives as L, vShow as Y, mergeModels as q, useModel as R, createSlots as te, renderList as H, withKeys as J, useAttrs as de, withModifiers as G, normalizeStyle as he } from "vue";
 import { Icon as C } from "@iconify/vue";
 import E from "primevue/button";
 import we from "primevue/toast";
-import xe from "primevue/checkbox";
+import ke from "primevue/checkbox";
 import { useField as W } from "vee-validate";
-import ke from "primevue/progressspinner";
+import xe from "primevue/progressspinner";
 import _e from "primevue/dialog";
 import ne from "primevue/inputtext";
 import { vOnClickOutside as $e } from "@vueuse/components";
@@ -307,7 +307,7 @@ const Ue = {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, je = {
+}, He = {
   textarea: {
     root: () => ({
       class: [
@@ -315,7 +315,7 @@ const Ue = {
       ]
     })
   }
-}, He = {
+}, je = {
   // More PassThrough options in component file.
   chips: {
     root: "d-flex",
@@ -356,9 +356,12 @@ const Ue = {
       ]
     }),
     mask: ({ props: e }) => ({
-      class: [{
-        "modal-open": e.modal && e.visible
-      }]
+      class: [
+        "z-3",
+        {
+          "modal-open": e.modal && e.visible
+        }
+      ]
     })
   }
 }, qe = {
@@ -535,6 +538,7 @@ const Ue = {
     })
   }
 }, Xe = {
+  // More PT options can be found in the ForgeTable file.
   dataTable: {
     table: (e) => ({
       class: [
@@ -555,9 +559,6 @@ const Ue = {
       }
     }),
     rowgrouptoggler: "btn",
-    thead: () => ({
-      class: "sticky-header"
-    }),
     //@ts-ignore
     tbody: (e) => ({
       class: {
@@ -821,7 +822,7 @@ const Ue = {
   ...Ue,
   ...ot,
   ...Ae,
-  ...He,
+  ...je,
   ...Ne,
   ...Ze,
   ...Ye,
@@ -842,7 +843,7 @@ const Ue = {
   ...Xe,
   ...We,
   ...it,
-  ...je,
+  ...He,
   directives: {
     ...tt
   }
@@ -865,11 +866,11 @@ const Ue = {
     return (n, a) => {
       const l = fe;
       return s(), w(l, Q(ee({ ...n.$attrs, ...t })), {
-        messageicon: v(() => [
+        messageicon: b(() => [
           m("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (s(), w(c(C), {
+            t.icon ? (s(), w(u(C), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -878,11 +879,11 @@ const Ue = {
             }, null, 8, ["icon", "class"])) : F("", !0)
           ], 2)
         ]),
-        closeicon: v(() => [
-          y(c(C), { icon: "bi:x" })
+        closeicon: b(() => [
+          v(u(C), { icon: "bi:x" })
         ]),
-        default: v(() => [
-          k(n.$slots, "default")
+        default: b(() => [
+          x(n.$slots, "default")
         ]),
         _: 3
       }, 16);
@@ -897,7 +898,7 @@ const Ue = {
     params: { default: Array }
   },
   setup(e) {
-    const t = T(!1), n = e, a = async () => {
+    const t = M(!1), n = e, a = async () => {
       t.value = !0;
       try {
         await n.action.apply(this, n.params);
@@ -909,12 +910,12 @@ const Ue = {
     return (l, o) => {
       const i = E;
       return s(), p(D, null, [
-        y(i, S({ ...n, ...l.$attrs }, {
+        v(i, S({ ...n, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || n.disabled,
           onClick: a
         }), null, 16, ["loading", "disabled"]),
-        y(c(we))
+        v(u(we))
       ], 64);
     };
   }
@@ -946,34 +947,34 @@ const Ue = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = t, a = e, { checked: l, handleChange: o, setValue: i, errors: u, errorMessage: b } = W(() => a.name ?? a.label, a.rules, {
+    const n = t, a = e, { checked: l, handleChange: o, setValue: i, errors: d, errorMessage: f } = W(() => a.name ?? a.label, a.rules, {
       type: "checkbox",
       checkedValue: !0
-    }), d = (r) => {
-      a.disabled || (o(r), n("update:modelValue", !a.modelValue));
+    }), r = (y) => {
+      a.disabled || (o(y), n("update:modelValue", !a.modelValue));
     };
     oe(() => {
       a.value !== void 0 && a.value !== (l == null ? void 0 : l.value) ? i(a.value) : a.modelValue !== void 0 && a.modelValue !== (l == null ? void 0 : l.value) && i(a.modelValue);
-    }), ge(() => a.value, (r) => {
-      i(r);
+    }), ge(() => a.value, (y) => {
+      i(y);
     });
-    const f = x(() => u.value.length > 0);
-    return (r, h) => {
-      const _ = xe;
+    const g = k(() => d.value.length > 0);
+    return (y, c) => {
+      const _ = ke;
       return s(), p(D, null, [
         m("div", S({
           class: "d-flex",
           "data-cy": "checkbox-container"
-        }, { ...r.$attrs }), [
-          y(_, S({
+        }, { ...y.$attrs }), [
+          v(_, S({
             id: a.name
           }, { ...a }, {
-            modelValue: c(l),
-            "onUpdate:modelValue": h[0] || (h[0] = (V) => H(l) ? l.value = V : null),
-            "input-class": { "is-invalid": f.value },
-            onChange: d
+            modelValue: u(l),
+            "onUpdate:modelValue": c[0] || (c[0] = (V) => j(l) ? l.value = V : null),
+            "input-class": { "is-invalid": g.value },
+            onChange: r
           }), {
-            icon: v(() => [
+            icon: b(() => [
               rt
             ]),
             _: 1
@@ -981,18 +982,18 @@ const Ue = {
           m("label", {
             for: a.name,
             class: B(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
-            onClick: d
+            onClick: r
           }, [
-            k(r.$slots, "default", {}, () => [
-              P(g(a.label), 1)
+            x(y.$slots, "default", {}, () => [
+              P(h(a.label), 1)
             ])
           ], 10, dt)
         ], 16),
         L(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, g(c(b)), 513), [
-          [Y, f.value]
+        }, h(u(f)), 513), [
+          [Y, g.value]
         ])
       ], 64);
     };
@@ -1005,9 +1006,9 @@ const Ue = {
   setup(e) {
     const t = e;
     return (n, a) => {
-      const l = ke;
+      const l = xe;
       return s(), p("div", ut, [
-        y(l, {
+        v(l, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
@@ -1032,7 +1033,7 @@ const Ue = {
     iconName: {}
   },
   setup(e) {
-    const t = x(() => ({
+    const t = k(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1041,7 +1042,7 @@ const Ue = {
       [`link-underline-opacity-${e.underlineHoverOpacity ?? e.hoverOpacity}-hover`]: e.underlineHoverOpacity || e.hoverOpacity,
       [`link-offset-${e.underlineOffset}`]: e.underlineOffset,
       "icon-link icon-link-hover": e.animateIconOnHover
-    })), n = x(() => ({
+    })), n = k(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
@@ -1054,14 +1055,14 @@ const Ue = {
       href: a.url,
       target: a.target
     }, [
-      k(a.$slots, "default", {}, () => [
-        a.iconName ? (s(), w(c(C), {
+      x(a.$slots, "default", {}, () => [
+        a.iconName ? (s(), w(u(C), {
           key: 0,
           id: "link-icon",
           icon: a.iconName,
           class: B(["bi my-auto", n.value])
         }, null, 8, ["icon", "class"])) : F("", !0),
-        P(" " + g(a.label), 1)
+        P(" " + h(a.label), 1)
       ])
     ], 10, ct));
   }
@@ -1123,30 +1124,30 @@ const pt = { key: 0 }, yt = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = R(e, "visible"), n = T(!1), a = e, l = T(!1), o = T({
+    const t = R(e, "visible"), n = M(!1), a = e, l = M(!1), o = M({
       hasError: !1,
       header: "",
       message: []
     }), i = () => {
       n.value = !1;
-    }, u = () => {
+    }, d = () => {
       n.value = !0;
-    }, b = () => {
+    }, f = () => {
       t.value = !1;
-    }, d = async () => {
+    }, r = async () => {
       if (a.onConfirm) {
         l.value = !0, o.value.hasError = !1;
         try {
-          const r = await a.onConfirm();
-          (r || r == null) && b();
-        } catch (r) {
+          const y = await a.onConfirm();
+          (y || y == null) && f();
+        } catch (y) {
           o.value.hasError = !0;
-          const h = mt(r);
-          o.value.header = h.errorMessage, o.value.message = h.errorDetails;
+          const c = mt(y);
+          o.value.header = c.errorMessage, o.value.message = c.errorDetails;
         }
         l.value = !1;
       }
-    }, f = x(() => ({
+    }, g = k(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1154,24 +1155,24 @@ const pt = { key: 0 }, yt = {
         }
       ]
     }));
-    return (r, h) => {
+    return (y, c) => {
       const _ = E, V = _e;
       return s(), w(V, S(a, {
-        onMaximize: u,
+        onMaximize: d,
         onUnmaximize: i,
-        pt: f.value
+        pt: g.value
       }), te({
-        closeicon: v(() => [
-          y(c(C), {
+        closeicon: b(() => [
+          v(u(C), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: b
+            onClick: f
           })
         ]),
-        maximizeicon: v(() => [
-          y(c(C), {
+        maximizeicon: b(() => [
+          v(u(C), {
             "data-cy": "maximisable-icon",
             icon: n.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1180,45 +1181,45 @@ const pt = { key: 0 }, yt = {
         ]),
         _: 2
       }, [
-        j(r.$slots, (M, I) => ({
+        H(y.$slots, (T, I) => ({
           name: I,
-          fn: v((z) => [
+          fn: b((z) => [
             o.value.hasError ? (s(), w(ae, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
-              default: v(() => [
+              default: b(() => [
                 m("p", {
                   class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
-                }, g(o.value.header), 3),
+                }, h(o.value.header), 3),
                 o.value.message.length > 0 ? (s(), p("ul", pt, [
-                  (s(!0), p(D, null, j(o.value.message, (N) => (s(), p("li", { key: N }, g(N), 1))), 128))
+                  (s(!0), p(D, null, H(o.value.message, (N) => (s(), p("li", { key: N }, h(N), 1))), 128))
                 ])) : F("", !0)
               ]),
               _: 1
             })) : F("", !0),
-            k(r.$slots, I, Q(ee(z || {}))),
-            l.value ? k(r.$slots, "loader", { key: 1 }, () => [
-              y(pe, { "data-cy": "loader" })
+            x(y.$slots, I, Q(ee(z || {}))),
+            l.value ? x(y.$slots, "loader", { key: 1 }, () => [
+              v(pe, { "data-cy": "loader" })
             ]) : F("", !0)
           ])
         })),
-        r.showFooter ? {
+        y.showFooter ? {
           name: "footer",
-          fn: v(() => [
+          fn: b(() => [
             m("div", yt, [
-              y(_, {
-                label: r.cancelText,
+              v(_, {
+                label: y.cancelText,
                 class: B(a.cancelClass),
                 outlined: "",
-                onClick: b,
+                onClick: f,
                 id: "cancel-button"
               }, null, 8, ["label", "class"]),
-              y(_, {
-                label: r.submitText,
+              v(_, {
+                label: y.submitText,
                 class: B([a.submitClass, "ms-auto"]),
-                onClick: d,
+                onClick: r,
                 id: "submit-button"
               }, null, 8, ["label", "class"])
             ])
@@ -1228,7 +1229,7 @@ const pt = { key: 0 }, yt = {
       ]), 1040, ["pt"]);
     };
   }
-}), vt = ["id"], bt = { key: 0 }, ft = { key: 0 }, gt = { class: "d-flex justify-content-between align-items-center position-relative" }, ht = { key: 1 }, wt = { "data-cy": "readonly-value" }, xt = /* @__PURE__ */ $({
+}), vt = ["id"], bt = { key: 0 }, ft = { key: 0 }, gt = { class: "d-flex justify-content-between align-items-center position-relative" }, ht = { key: 1 }, wt = { "data-cy": "readonly-value" }, kt = /* @__PURE__ */ $({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ q({
     name: { default: "" },
@@ -1244,13 +1245,13 @@ const pt = { key: 0 }, yt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = R(e, "modelValue"), a = T(!1), l = T(), o = () => {
+    const t = e, n = R(e, "modelValue"), a = M(!1), l = M(), o = () => {
       var _;
       a.value = !a.value, (_ = l.value) == null || _.focus();
     }, i = async () => {
-      if (h.value)
+      if (c.value)
         return !1;
-      if (n.value = r.value, t.completeAction)
+      if (n.value = y.value, t.completeAction)
         try {
           await t.completeAction.apply(this, t.params), a.value = !a.value;
         } catch {
@@ -1258,56 +1259,56 @@ const pt = { key: 0 }, yt = {
         }
       else
         a.value = !a.value;
-    }, u = () => {
+    }, d = () => {
       a.value = !a.value;
-    }, b = () => {
-      r.value = null;
-    }, { errorMessage: d, errors: f, value: r } = W(() => t.name, t.rules);
+    }, f = () => {
+      y.value = null;
+    }, { errorMessage: r, errors: g, value: y } = W(() => t.name, t.rules);
     oe(() => {
-      r.value = n.value;
+      y.value = n.value;
     });
-    const h = x(() => f.value.length > 0);
+    const c = k(() => g.value.length > 0);
     return (_, V) => {
-      const M = ne, I = E;
+      const T = ne, I = E;
       return s(), p("div", {
         id: t.name
       }, [
         _.readonly ? (s(), p("div", ht, [
-          k(_.$slots, "default", {}, () => [
-            m("span", wt, g(c(r)), 1)
+          x(_.$slots, "default", {}, () => [
+            m("span", wt, h(u(y)), 1)
           ])
         ])) : (s(), p("div", bt, [
           a.value ? (s(), p("div", ft, [
             L((s(), p("div", gt, [
-              k(_.$slots, "editor", {
-                class: B({ "is-invalid": h.value }),
+              x(_.$slots, "editor", {
+                class: B({ "is-invalid": c.value }),
                 editFinished: i,
-                cancel: u,
-                val: c(r)
+                cancel: d,
+                val: u(y)
               }, () => [
-                y(M, {
+                v(T, {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
-                  modelValue: c(r),
-                  "onUpdate:modelValue": V[0] || (V[0] = (z) => H(r) ? r.value = z : null),
+                  modelValue: u(y),
+                  "onUpdate:modelValue": V[0] || (V[0] = (z) => j(y) ? y.value = z : null),
                   modelModifiers: { trim: !0 },
-                  class: B({ "is-invalid": h.value }),
+                  class: B({ "is-invalid": c.value }),
                   onKeydown: [
                     J(i, ["enter"]),
-                    J(u, ["esc"])
+                    J(d, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              y(c(C), {
+              v(u(C), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
-                onClick: b,
-                onKeydown: J(b, ["enter"]),
+                onClick: f,
+                onKeydown: J(f, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c($e), i]
+              [u($e), i]
             ])
           ])) : (s(), p("div", {
             key: 1,
@@ -1315,20 +1316,20 @@ const pt = { key: 0 }, yt = {
             onClick: o,
             onFocus: o
           }, [
-            k(_.$slots, "default", {}, () => [
+            x(_.$slots, "default", {}, () => [
               m("div", {
-                class: B(["pe-2 cursor-pointer", { "text-invalid": h.value }]),
+                class: B(["pe-2 cursor-pointer", { "text-invalid": c.value }]),
                 "data-cy": "value"
-              }, g(c(r) ? c(r) : "Click to edit"), 3)
+              }, h(u(y) ? u(y) : "Click to edit"), 3)
             ]),
-            y(I, {
+            v(I, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: v(() => [
-                y(c(C), {
+              default: b(() => [
+                v(u(C), {
                   icon: "bi:pencil",
-                  class: B(h.value ? "text-invalid" : "text-muted"),
+                  class: B(c.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
                   onKeydown: J(o, ["enter"])
                 }, null, 8, ["class"])
@@ -1340,13 +1341,13 @@ const pt = { key: 0 }, yt = {
         L(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, g(c(d)), 513), [
-          [Y, h.value]
+        }, h(u(r)), 513), [
+          [Y, c.value]
         ])
       ], 8, vt);
     };
   }
-}), kt = ["href"], cl = /* @__PURE__ */ $({
+}), xt = ["href"], cl = /* @__PURE__ */ $({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1363,7 +1364,7 @@ const pt = { key: 0 }, yt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = x(() => ({
+    const t = e, n = k(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1396,20 +1397,20 @@ const pt = { key: 0 }, yt = {
         pt: n.value,
         "data-cy": "navbar"
       }), te({
-        start: v(() => [
+        start: b(() => [
           m("a", {
             href: a.logoUrl,
             class: "navbar-brand ms-3",
             "data-cy": "logo"
           }, [
-            k(a.$slots, "logo", {}, () => [
+            x(a.$slots, "logo", {}, () => [
               P(" Logo ")
             ])
-          ], 8, kt)
+          ], 8, xt)
         ]),
-        menubuttonicon: v(() => [
-          k(a.$slots, "menubuttonicon", {}, () => [
-            y(c(C), {
+        menubuttonicon: b(() => [
+          x(a.$slots, "menubuttonicon", {}, () => [
+            v(u(C), {
               icon: "bi:list",
               class: B(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
@@ -1419,10 +1420,10 @@ const pt = { key: 0 }, yt = {
         ]),
         _: 2
       }, [
-        j(a.$slots, (i, u) => ({
-          name: u,
-          fn: v((b) => [
-            k(a.$slots, u, Q(ee(b)))
+        H(a.$slots, (i, d) => ({
+          name: d,
+          fn: b((f) => [
+            x(a.$slots, d, Q(ee(f)))
           ])
         }))
       ]), 1040, ["pt"]);
@@ -1447,11 +1448,11 @@ const pt = { key: 0 }, yt = {
         $isDisabled: O.$isDisabled ?? !1
       };
       U(Z);
-    }, l = de(), o = t, { errors: i, value: u, errorMessage: b } = W(() => n.name, n.rules), d = T(!1), f = x(() => ({
+    }, l = de(), o = t, { errors: i, value: d, errorMessage: f } = W(() => n.name, n.rules), r = M(!1), g = k(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
-      showPointer: !d.value,
+      showPointer: !r.value,
       placeholder: l.searchable === null || l.searchable ? "Search" : "Select",
       allowEmpty: !0,
       selectValue: "",
@@ -1460,27 +1461,27 @@ const pt = { key: 0 }, yt = {
       searchable: !!(l.searchable === null || l.searchable) && l.modelValue.length === l.options.length,
       async: !1,
       ...l
-    })), r = x(() => `forge-multiselect-${n.severity}`), h = x(() => `multiselect__option ${d.value ? " multiselect__option--highlight" : ""} ${_.value ? " multiselect__option--selected" : ""}`), _ = x(() => f.value && !(f.value.multiple || !n.showSelectAll || f.value.async) ? !1 : l.modelValue.length === l.options.length), V = x(() => i.value.length > 0), M = x(() => !!((l.allowEmpty == null || l.allowEmpty) && n.showClearSelection && (f.value.multiple ? l.modelValue.length > 0 : l.modelValue))), I = () => d.value = !0, z = () => d.value = !1, N = () => {
-      u.value = f.value.multiple ? [] : null, o("update:modelValue", u.value);
+    })), y = k(() => `forge-multiselect-${n.severity}`), c = k(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${_.value ? " multiselect__option--selected" : ""}`), _ = k(() => g.value && !(g.value.multiple || !n.showSelectAll || g.value.async) ? !1 : l.modelValue.length === l.options.length), V = k(() => i.value.length > 0), T = k(() => !!((l.allowEmpty == null || l.allowEmpty) && n.showClearSelection && (g.value.multiple ? l.modelValue.length > 0 : l.modelValue))), I = () => r.value = !0, z = () => r.value = !1, N = () => {
+      d.value = g.value.multiple ? [] : null, o("update:modelValue", d.value);
     }, le = (U) => {
       o("update:modelValue", n.selectValue ? U.map((O) => O[n.selectValue]) : U);
-    }, ve = (U) => l.modelValue !== null ? l.modelValue.some((O) => f.value.selectValue ? U[n.selectValue] === O : U.id === O.id && U.label === O.label) : !1, be = () => {
-      _.value ? N() : (u.value = [...l.options], o("update:modelValue", [...l.options]));
+    }, ve = (U) => l.modelValue !== null ? l.modelValue.some((O) => g.value.selectValue ? U[n.selectValue] === O : U.id === O.id && U.label === O.label) : !1, be = () => {
+      _.value ? N() : (d.value = [...l.options], o("update:modelValue", [...l.options]));
     };
     return (U, O) => {
       const Z = me;
       return s(), p(D, null, [
-        y(c(Be), S(f.value, {
-          class: [r.value, V.value ? "is-invalid" : ""],
+        v(u(Be), S(g.value, {
+          class: [y.value, V.value ? "is-invalid" : ""],
           "data-cy": "multiselect",
           "onUpdate:modelValue": [
             le,
-            O[1] || (O[1] = (A) => H(u) ? u.value = A : null)
+            O[1] || (O[1] = (A) => j(d) ? d.value = A : null)
           ],
-          modelValue: c(u)
+          modelValue: u(d)
         }), te({
-          caret: v(({ toggle: A }) => [
-            M.value ? (s(), w(c(C), {
+          caret: b(({ toggle: A }) => [
+            T.value ? (s(), w(u(C), {
               key: 0,
               icon: "bi:x",
               class: "my-auto multiselect__clear-icon",
@@ -1489,16 +1490,16 @@ const pt = { key: 0 }, yt = {
               height: "18px",
               width: "18px"
             })) : F("", !0),
-            y(c(C), {
+            v(u(C), {
               icon: "bi:chevron-down",
               onClick: A,
               class: "multiselect__select"
             }, null, 8, ["onClick"])
           ]),
-          tag: v(({ option: A, remove: K }) => [
+          tag: b(({ option: A, remove: K }) => [
             m("div", Bt, [
-              m("div", St, g(A.label), 1),
-              y(c(C), {
+              m("div", St, h(A.label), 1),
+              v(u(C), {
                 icon: "bi:x",
                 class: "my-auto multiselect__tag-icon",
                 onMousedown: G((za) => a(K, A), ["prevent", "stop"]),
@@ -1507,14 +1508,14 @@ const pt = { key: 0 }, yt = {
               }, null, 8, ["onMousedown"])
             ])
           ]),
-          default: v(() => [
-            (s(!0), p(D, null, j(U.$slots, (A, K) => k(U.$slots, K, { slot: K })), 256))
+          default: b(() => [
+            (s(!0), p(D, null, H(U.$slots, (A, K) => x(U.$slots, K, { slot: K })), 256))
           ]),
           _: 2
         }, [
-          f.value.multiple && U.showSelectAll && !f.value.async ? {
+          g.value.multiple && U.showSelectAll && !g.value.async ? {
             name: "beforeList",
-            fn: v(() => [
+            fn: b(() => [
               m("li", {
                 class: "multiselect__element",
                 onClick: be,
@@ -1523,10 +1524,10 @@ const pt = { key: 0 }, yt = {
                 "data-cy": "toggle-all"
               }, [
                 m("span", {
-                  class: B(`${h.value}`)
+                  class: B(`${c.value}`)
                 }, [
-                  y(Z, { value: _.value }, {
-                    default: v(() => [
+                  v(Z, { value: _.value }, {
+                    default: b(() => [
                       _t
                     ]),
                     _: 1
@@ -1536,9 +1537,9 @@ const pt = { key: 0 }, yt = {
             ]),
             key: "0"
           } : void 0,
-          f.value.multiple ? {
+          g.value.multiple ? {
             name: "option",
-            fn: v(({ option: A }) => [
+            fn: b(({ option: A }) => [
               m("div", {
                 "data-cy": A.label
               }, [
@@ -1546,8 +1547,8 @@ const pt = { key: 0 }, yt = {
                   value: ve(A),
                   key: A
                 }, {
-                  default: v(() => [
-                    m("div", Ft, g(A[f.value.label]), 1)
+                  default: b(() => [
+                    m("div", Ft, h(A[g.value.label]), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))
@@ -1559,7 +1560,7 @@ const pt = { key: 0 }, yt = {
         L(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, g(c(b)), 513), [
+        }, h(u(f)), 513), [
           [Y, V.value]
         ])
       ], 64);
@@ -1586,77 +1587,77 @@ const pt = { key: 0 }, yt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = de(), l = t, o = x(() => `${a.modelValue.length} selected`), i = x(() => a.modelValue.length), u = (d) => {
-      l("update:modelValue", d);
-    }, b = (d) => {
-      u(a.modelValue.filter((f) => f.id !== d));
+    const n = e, a = de(), l = t, o = k(() => `${a.modelValue.length} selected`), i = k(() => a.modelValue.length), d = (r) => {
+      l("update:modelValue", r);
+    }, f = (r) => {
+      d(a.modelValue.filter((g) => g.id !== r));
     };
-    return (d, f) => {
-      const r = E;
+    return (r, g) => {
+      const y = E;
       return s(), p("div", {
-        class: B(d.orientation === "column" ? "row" : ""),
+        class: B(r.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
         m("div", {
-          class: B(d.orientation === "row" ? "col-12 mb-1" : "col"),
+          class: B(r.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          y(Ct, {
+          v(Ct, {
             "onUpdate:modelValue": [
-              f[0] || (f[0] = (h) => u(h)),
-              f[1] || (f[1] = (h) => d.$attrs.modelValue = h)
+              g[0] || (g[0] = (c) => d(c)),
+              g[1] || (g[1] = (c) => r.$attrs.modelValue = c)
             ],
-            modelValue: d.$attrs.modelValue,
+            modelValue: r.$attrs.modelValue,
             "limit-text": o.value,
             options: n.options
           }, {
-            tag: v(() => [
-              P(g(""))
+            tag: b(() => [
+              P(h(""))
             ]),
-            selection: v(() => [
-              d.$attrs.modelValue.length > 0 ? (s(), p("span", Vt, g(i.value) + " items selected", 1)) : F("", !0)
+            selection: b(() => [
+              r.$attrs.modelValue.length > 0 ? (s(), p("span", Vt, h(i.value) + " items selected", 1)) : F("", !0)
             ]),
-            default: v(() => [
-              (s(!0), p(D, null, j(d.$slots, (h, _) => k(d.$slots, _, { slot: _ })), 256))
+            default: b(() => [
+              (s(!0), p(D, null, H(r.$slots, (c, _) => x(r.$slots, _, { slot: _ })), 256))
             ]),
             _: 3
           }, 8, ["modelValue", "limit-text", "options"]),
-          k(d.$slots, "after-multi-select")
+          x(r.$slots, "after-multi-select")
         ], 2),
         m("div", {
-          class: B(d.orientation === "row" ? "col-12" : "col"),
+          class: B(r.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
           m("div", {
-            style: he({ height: d.height }),
+            style: he({ height: r.height }),
             class: "overflow-auto"
           }, [
             m("div", Tt, [
-              d.title ? (s(), p("div", Mt, g(d.title), 1)) : F("", !0),
-              (s(!0), p(D, null, j(d.$attrs.modelValue, (h) => (s(), p("div", {
-                key: h.id,
+              r.title ? (s(), p("div", Mt, h(r.title), 1)) : F("", !0),
+              (s(!0), p(D, null, H(r.$attrs.modelValue, (c) => (s(), p("div", {
+                key: c.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                k(d.$slots, "list-item", { item: h }, () => [
-                  m("span", Pt, g(h.shortLabel ? h.shortLabel : h.label), 1)
+                x(r.$slots, "list-item", { item: c }, () => [
+                  m("span", Pt, h(c.shortLabel ? c.shortLabel : c.label), 1)
                 ]),
-                d.canRemoveItemFromPreview ? (s(), w(r, {
+                r.canRemoveItemFromPreview ? (s(), w(y, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (_) => b(h.id)
+                  onClick: (_) => f(c.id)
                 }, {
-                  default: v(() => [
-                    y(c(C), {
+                  default: b(() => [
+                    v(u(C), {
                       icon: "bi:x",
                       class: "close-icon",
-                      "data-cy": `close-icon-${h.id}`
+                      "data-cy": `close-icon-${c.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
                 }, 1032, ["onClick"])) : F("", !0)
               ]))), 128)),
-              d.$attrs.modelValue.length === 0 ? (s(), p("div", It, "No Items Selected.")) : F("", !0)
+              r.$attrs.modelValue.length === 0 ? (s(), p("div", It, "No Items Selected.")) : F("", !0)
             ])
           ], 4)
         ], 2)
@@ -1665,7 +1666,7 @@ const pt = { key: 0 }, yt = {
   }
 }), zt = { class: "d-flex justify-content-between pb-2" }, Ot = {
   "data-cy": "title",
-  class: "h3"
+  class: "my-auto"
 }, Dt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
@@ -1677,9 +1678,9 @@ const pt = { key: 0 }, yt = {
   setup(e) {
     const t = e;
     return (n, a) => (s(), p("div", zt, [
-      m("h1", Ot, g(t.title), 1),
+      m("h3", Ot, h(t.title), 1),
       m("div", Dt, [
-        k(n.$slots, "default")
+        x(n.$slots, "default")
       ])
     ]));
   }
@@ -1757,7 +1758,7 @@ const pt = { key: 0 }, yt = {
   setup(e) {
     const t = e, n = R(e, "modelValue"), a = () => {
       n.value = null;
-    }, l = x(() => ({
+    }, l = k(() => ({
       day: ({ context: o }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
@@ -1849,25 +1850,25 @@ const pt = { key: 0 }, yt = {
       })
     }));
     return (o, i) => {
-      const u = Se;
+      const d = Se;
       return s(), p(D, null, [
         m("span", Ut, [
-          k(o.$slots, "before")
+          x(o.$slots, "before")
         ]),
         m("div", At, [
-          y(u, S({ ...t, ...o.$attrs }, {
+          v(d, S({ ...t, ...o.$attrs }, {
             pt: l.value,
             modelValue: n.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (b) => n.value = b)
+            "onUpdate:modelValue": i[0] || (i[0] = (f) => n.value = f)
           }), null, 16, ["pt", "modelValue"]),
-          L(y(c(C), {
+          L(v(u(C), {
             "data-cy": "icon",
             icon: "bi:calendar4",
             class: "position-absolute end-0 top-50 bottom-50 my-auto me-2 text-muted"
           }, null, 512), [
             [Y, t.showIcon]
           ]),
-          L(y(c(C), {
+          L(v(u(C), {
             "data-cy": "icon",
             icon: "bi:x",
             onClick: a,
@@ -1877,7 +1878,7 @@ const pt = { key: 0 }, yt = {
           ])
         ]),
         m("span", Nt, [
-          k(o.$slots, "after")
+          x(o.$slots, "after")
         ])
       ], 64);
     };
@@ -1889,10 +1890,10 @@ const pt = { key: 0 }, yt = {
     currentCount: {}
   },
   setup(e) {
-    const t = e, n = x(() => t.maxCount - t.currentCount);
+    const t = e, n = k(() => t.maxCount - t.currentCount);
     return (a, l) => (s(), p("div", {
       class: B(n.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + g(n.value), 3));
+    }, "Remaining characters: " + h(n.value), 3));
   }
 }), Rt = /* @__PURE__ */ m("hr", null, null, -1), Lt = { class: "d-flex justify-content-between" }, vl = /* @__PURE__ */ $({
   __name: "ForgeForm",
@@ -1906,7 +1907,7 @@ const pt = { key: 0 }, yt = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = T(!1), a = T({
+    const t = e, n = M(!1), a = M({
       hasError: !1,
       message: ""
     });
@@ -1920,18 +1921,18 @@ const pt = { key: 0 }, yt = {
       n.value = !1;
     }
     return (o, i) => {
-      const u = E;
+      const d = E;
       return s(), p("form", S(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: G(l, ["prevent"])
       }), [
         o.hideTitle ? F("", !0) : (s(), p(D, { key: 0 }, [
-          k(o.$slots, "title", {}, () => [
+          x(o.$slots, "title", {}, () => [
             m("h3", {
               class: B(o.titleClass),
               "data-cy": "form-title"
-            }, g(o.title), 3)
+            }, h(o.title), 3)
           ]),
           Rt
         ], 64)),
@@ -1940,41 +1941,41 @@ const pt = { key: 0 }, yt = {
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: v(() => [
-            k(o.$slots, "error", {
+          default: b(() => [
+            x(o.$slots, "error", {
               error: a.value.message
             }, () => [
-              P(g(a.value.message), 1)
+              P(h(a.value.message), 1)
             ])
           ]),
           _: 3
         })) : F("", !0),
-        k(o.$slots, "default"),
+        x(o.$slots, "default"),
         m("div", Lt, [
-          k(o.$slots, "cancel", {}, () => [
-            o.hideCancel ? F("", !0) : (s(), w(u, {
+          x(o.$slots, "cancel", {}, () => [
+            o.hideCancel ? F("", !0) : (s(), w(d, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: i[0] || (i[0] = (b) => o.$emit("cancel"))
+              onClick: i[0] || (i[0] = (f) => o.$emit("cancel"))
             }, {
-              default: v(() => [
-                P(g(o.cancelText), 1)
+              default: b(() => [
+                P(h(o.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          k(o.$slots, "submit", { submit: l }, () => [
-            y(u, {
+          x(o.$slots, "submit", { submit: l }, () => [
+            v(d, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: v(() => [
-                P(g(o.submitText), 1)
+              default: b(() => [
+                P(h(o.submitText), 1)
               ]),
               _: 1
             })
@@ -1987,7 +1988,7 @@ const pt = { key: 0 }, yt = {
       ], 16);
     };
   }
-}), jt = { class: "d-flex flex-column" }, Ht = ["for"], bl = /* @__PURE__ */ $({
+}), Ht = { class: "d-flex flex-column" }, jt = ["for"], bl = /* @__PURE__ */ $({
   __name: "ForgeFormField",
   props: {
     name: {},
@@ -1998,55 +1999,55 @@ const pt = { key: 0 }, yt = {
     placeholder: { default: "" }
   },
   setup(e) {
-    const t = e, { errors: n, value: a, errorMessage: l } = W(() => t.name, t.rules), o = x(() => n.value.length > 0);
-    return (i, u) => {
-      const b = Ve, d = Ce, f = ne;
-      return s(), p("div", jt, [
+    const t = e, { errors: n, value: a, errorMessage: l } = W(() => t.name, t.rules), o = k(() => n.value.length > 0);
+    return (i, d) => {
+      const f = Ve, r = Ce, g = ne;
+      return s(), p("div", Ht, [
         t.type !== "checkbox" ? (s(), p("label", {
           key: 0,
           for: t.name
-        }, g(t.label), 9, Ht)) : F("", !0),
+        }, h(t.label), 9, jt)) : F("", !0),
         t.type === "checkbox" ? (s(), w(me, S({
           key: 1,
           id: t.name,
           rules: i.rules,
           label: t.label
-        }, i.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (s(), w(c(ue), S({
+        }, i.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (s(), w(u(ue), S({
           key: 2,
           id: t.name,
           placeholder: t.placeholder,
-          modelValue: c(a),
-          "onUpdate:modelValue": u[0] || (u[0] = (r) => H(a) ? a.value = r : null),
+          modelValue: u(a),
+          "onUpdate:modelValue": d[0] || (d[0] = (y) => j(a) ? a.value = y : null),
           "input-class": { "is-invalid": o.value },
           class: { "is-invalid": o.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (s(), w(b, S({
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (s(), w(f, S({
           key: 3,
           id: t.name,
           placeholder: t.placeholder,
-          modelValue: c(a),
-          "onUpdate:modelValue": u[1] || (u[1] = (r) => H(a) ? a.value = r : null),
+          modelValue: u(a),
+          "onUpdate:modelValue": d[1] || (d[1] = (y) => j(a) ? a.value = y : null),
           class: { "is-invalid": o.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (s(), w(d, S({
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (s(), w(r, S({
           key: 4,
           id: t.name,
           placeholder: t.placeholder,
-          modelValue: c(a),
-          "onUpdate:modelValue": u[2] || (u[2] = (r) => H(a) ? a.value = r : null),
+          modelValue: u(a),
+          "onUpdate:modelValue": d[2] || (d[2] = (y) => j(a) ? a.value = y : null),
           mask: t.mask,
           class: { "is-invalid": o.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (s(), w(f, S({
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (s(), w(g, S({
           key: 5,
           id: t.name,
           placeholder: t.placeholder,
-          modelValue: c(a),
-          "onUpdate:modelValue": u[3] || (u[3] = (r) => H(a) ? a.value = r : null),
+          modelValue: u(a),
+          "onUpdate:modelValue": d[3] || (d[3] = (y) => j(a) ? a.value = y : null),
           class: { "is-invalid": o.value }
         }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
         t.type !== "checkbox" ? L((s(), p("small", {
           key: 6,
           "data-cy": "error",
           class: "invalid-feedback"
-        }, g(c(l)), 513)), [
+        }, h(u(l)), 513)), [
           [Y, o.value]
         ]) : F("", !0)
       ]);
@@ -2082,14 +2083,14 @@ const pt = { key: 0 }, yt = {
   setup(e) {
     const t = e, { errors: n, value: a, errorMessage: l } = W(() => t.name, t.rules);
     a.value = t.modelValue;
-    const o = x(() => n.value.length > 0), i = x(() => ({
+    const o = k(() => n.value.length > 0), i = k(() => ({
       inputtoken: "list-unstyled",
       input: "border-0",
-      container: ({ props: u }) => ({
+      container: ({ props: d }) => ({
         class: [
           "form-control mb-0 d-flex",
           {
-            disabled: u.disabled,
+            disabled: d.disabled,
             "is-invalid": o.value
           }
         ]
@@ -2113,19 +2114,19 @@ const pt = { key: 0 }, yt = {
         ]
       }
     }));
-    return (u, b) => {
-      const d = Te;
+    return (d, f) => {
+      const r = Te;
       return s(), p(D, null, [
-        y(d, S({ ...t, ...u.$attrs }, {
+        v(r, S({ ...t, ...d.$attrs }, {
           pt: i.value,
-          "model-value": c(a),
-          "onUpdate:modelValue": b[0] || (b[0] = (f) => H(a) ? a.value = f : null)
+          "model-value": u(a),
+          "onUpdate:modelValue": f[0] || (f[0] = (g) => j(a) ? a.value = g : null)
         }), {
-          removetokenicon: v(({ removeCallback: f }) => [
-            L(y(c(C), {
+          removetokenicon: b(({ removeCallback: g }) => [
+            L(v(u(C), {
               icon: "bi:x",
               class: "cursor-pointer",
-              onClick: f
+              onClick: g
             }, null, 8, ["onClick"]), [
               [Y, !t.disabled]
             ])
@@ -2135,7 +2136,7 @@ const pt = { key: 0 }, yt = {
         L(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, g(c(l)), 513), [
+        }, h(u(l)), 513), [
           [Y, o.value]
         ])
       ], 64);
@@ -2156,7 +2157,7 @@ const pt = { key: 0 }, yt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = x(() => t.striped ? "progress-bar-striped" : null), a = x(() => t.animate ? "progress-bar-animated" : null), l = x(() => {
+    const t = e, n = k(() => t.striped ? "progress-bar-striped" : null), a = k(() => t.animate ? "progress-bar-animated" : null), l = k(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2175,7 +2176,7 @@ const pt = { key: 0 }, yt = {
         default:
           return "bg-primary";
       }
-    }), o = x(() => ({
+    }), o = k(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2183,11 +2184,11 @@ const pt = { key: 0 }, yt = {
         class: [l.value, n.value, a.value]
       }
     }));
-    return (i, u) => {
-      const b = Me;
-      return s(), w(b, S({ ...i.$attrs, ...t }, { pt: o.value }), {
-        default: v(() => [
-          k(i.$slots, "default")
+    return (i, d) => {
+      const f = Me;
+      return s(), w(f, S({ ...i.$attrs, ...t }, { pt: o.value }), {
+        default: b(() => [
+          x(i.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2205,7 +2206,7 @@ const pt = { key: 0 }, yt = {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", qt, [
-        k(n.$slots, "default")
+        x(n.$slots, "default")
       ])
     ], 16));
   }
@@ -2228,7 +2229,7 @@ const pt = { key: 0 }, yt = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const n = t, a = e, l = T(a.currentStep), o = () => {
+    const n = t, a = e, l = M(a.currentStep), o = () => {
       do
         l.value--;
       while (a.model[l.value].disabled);
@@ -2239,89 +2240,89 @@ const pt = { key: 0 }, yt = {
           l.value++;
         while (a.model[l.value].disabled);
       n("update:currentStep", l.value);
-    }, u = x(() => {
-      const d = a.model.findIndex((f) => !f.disabled);
-      return !(d < l.value && d > -1);
-    }), b = x(() => ({
-      menuitem: (d) => ({
+    }, d = k(() => {
+      const r = a.model.findIndex((g) => !g.disabled);
+      return !(r < l.value && r > -1);
+    }), f = k(() => ({
+      menuitem: (r) => ({
         class: [{
-          "cursor-pointer": !d.context.disabled
+          "cursor-pointer": !r.context.disabled
         }]
       }),
-      step: (d) => ({
+      step: (r) => ({
         class: [
           "d-flex align-items-center justify-content-center mb-2 step",
           {
-            inactive: d.context.disabled,
-            "bg-primary text-white": d.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
-            "bg-brand text-white": d.context.index === l.value && a.severity === "brand",
-            "bg-secondary text-white": d.context.index === l.value && a.severity === "secondary",
-            "bg-success text-white": d.context.index === l.value && a.severity === "success",
-            "bg-warning text-white": d.context.index === l.value && a.severity === "warning",
-            "bg-danger text-white": d.context.index === l.value && a.severity === "danger",
-            "bg-info text-white": d.context.index === l.value && a.severity === "info"
+            inactive: r.context.disabled,
+            "bg-primary text-white": r.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
+            "bg-brand text-white": r.context.index === l.value && a.severity === "brand",
+            "bg-secondary text-white": r.context.index === l.value && a.severity === "secondary",
+            "bg-success text-white": r.context.index === l.value && a.severity === "success",
+            "bg-warning text-white": r.context.index === l.value && a.severity === "warning",
+            "bg-danger text-white": r.context.index === l.value && a.severity === "danger",
+            "bg-info text-white": r.context.index === l.value && a.severity === "info"
           }
         ]
       }),
-      label: (d) => ({
+      label: (r) => ({
         class: [
           "h5",
           {
-            "border-bottom border-2 border-primary": d.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
-            "border-bottom border-2 border-brand": d.context.index === l.value && a.severity === "brand",
-            "border-bottom border-2 border-secondary": d.context.index === l.value && a.severity === "secondary",
-            "border-bottom border-2 border-success": d.context.index === l.value && a.severity === "success",
-            "border-bottom border-2 border-warning": d.context.index === l.value && a.severity === "warning",
-            "border-bottom border-2 border-danger": d.context.index === l.value && a.severity === "danger",
-            "border-bottom border-2 border-info": d.context.index === l.value && a.severity === "info"
+            "border-bottom border-2 border-primary": r.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
+            "border-bottom border-2 border-brand": r.context.index === l.value && a.severity === "brand",
+            "border-bottom border-2 border-secondary": r.context.index === l.value && a.severity === "secondary",
+            "border-bottom border-2 border-success": r.context.index === l.value && a.severity === "success",
+            "border-bottom border-2 border-warning": r.context.index === l.value && a.severity === "warning",
+            "border-bottom border-2 border-danger": r.context.index === l.value && a.severity === "danger",
+            "border-bottom border-2 border-info": r.context.index === l.value && a.severity === "info"
           }
         ]
       })
     }));
-    return (d, f) => {
-      const r = E, h = Ie, _ = Pe;
+    return (r, g) => {
+      const y = E, c = Ie, _ = Pe;
       return s(), p("div", Gt, [
         m("div", Kt, [
-          y(r, {
+          v(y, {
             severity: a.severity,
-            disabled: u.value,
+            disabled: d.value,
             onClick: o,
             class: "rounded-circle py-2 me-4",
             "data-cy": "back-button"
           }, {
-            default: v(() => [
-              y(c(C), {
+            default: b(() => [
+              v(u(C), {
                 icon: "bi:chevron-left",
                 class: "mb-1"
               })
             ]),
             _: 1
           }, 8, ["severity", "disabled"]),
-          y(h, {
+          v(c, {
             "active-step": l.value,
-            "onUpdate:activeStep": f[0] || (f[0] = (V) => l.value = V),
+            "onUpdate:activeStep": g[0] || (g[0] = (V) => l.value = V),
             model: a.model,
-            pt: b.value,
+            pt: f.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
-        y(_),
-        (s(!0), p(D, null, j(a.model, (V, M) => (s(), p("div", {
-          key: M,
+        v(_),
+        (s(!0), p(D, null, H(a.model, (V, T) => (s(), p("div", {
+          key: T,
           class: "w-100"
         }, [
-          M === l.value ? k(d.$slots, V.key ?? V.label, {
+          T === l.value ? x(r.$slots, V.key ?? V.label, {
             key: 0,
             nextStep: i,
             previousStep: o
           }, () => [
-            y(ae, {
+            v(ae, {
               severity: "info",
               "data-cy": "alert"
             }, {
-              default: v(() => [
-                P(" Please add Slot Content for the key " + g(V.key ?? V.label) + " ", 1),
-                y(r, {
+              default: b(() => [
+                P(" Please add Slot Content for the key " + h(V.key ?? V.label) + " ", 1),
+                v(y, {
                   severity: "primary",
                   label: "Next",
                   onClick: i,
@@ -2343,7 +2344,7 @@ const pt = { key: 0 }, yt = {
     clickable: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = x(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = x(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
+    const t = e, n = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = k(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
     return (l, o) => {
       const i = E;
       return t.clickable ? (s(), w(i, {
@@ -2353,9 +2354,9 @@ const pt = { key: 0 }, yt = {
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: v(() => [
+        default: b(() => [
           m("div", Wt, [
-            k(l.$slots, "default", {}, () => [
+            x(l.$slots, "default", {}, () => [
               P("Tile Content")
             ])
           ])
@@ -2367,7 +2368,7 @@ const pt = { key: 0 }, yt = {
         "data-cy": "tile"
       }, [
         m("div", Zt, [
-          k(l.$slots, "default", {}, () => [
+          x(l.$slots, "default", {}, () => [
             P("Tile Content")
           ])
         ])
@@ -2395,29 +2396,29 @@ const Jt = {
   setup(e, { emit: t }) {
     const n = t, a = e, l = (i) => {
       n("update:perPage", i.value);
-    }, o = x(() => {
+    }, o = k(() => {
       const i = Math.ceil(a.total / a.perPage);
       return `${i} ${X(i, "page")}`;
     });
-    return (i, u) => (s(), p("div", Jt, [
+    return (i, d) => (s(), p("div", Jt, [
       P(" Number of results per page "),
       m("div", Xt, [
-        y(c(se), {
+        v(u(se), {
           options: a.pageSizes,
           "model-value": a.perPage,
-          onChange: u[0] || (u[0] = (b) => l(b))
+          onChange: d[0] || (d[0] = (f) => l(f))
         }, null, 8, ["options", "model-value"])
       ]),
       a.total ? (s(), p("div", Qt, [
         ea,
-        m("span", ta, g(a.total) + " " + g(c(X)(a.total, "result")) + " across " + g(o.value), 1)
+        m("span", ta, h(a.total) + " " + h(u(X)(a.total, "result")) + " across " + h(o.value), 1)
       ])) : F("", !0)
     ]));
   }
 }), la = { "data-cy": "above-table-slot" }, oa = { class: "d-flex" }, na = { class: "d-flex align-items-end mb-2" }, sa = { key: 0 }, ia = { class: "ms-auto" }, ra = {
   class: "d-flex",
   "data-cy": "legacy-page-size"
-}, da = /* @__PURE__ */ m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), ua = { "data-cy": "legacy-total" }, xl = /* @__PURE__ */ $({
+}, da = /* @__PURE__ */ m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), ua = { "data-cy": "legacy-total" }, kl = /* @__PURE__ */ $({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2425,6 +2426,8 @@ const Jt = {
     total: {},
     showClearButton: { type: Boolean, default: !1 },
     showExporterButton: { type: Boolean, default: !1 },
+    stickyHeader: { type: Boolean, default: !0 },
+    severity: {},
     dataKey: {},
     rows: {},
     first: {},
@@ -2496,53 +2499,65 @@ const Jt = {
   },
   emits: ["update:filters"],
   setup(e, { emit: t }) {
-    const n = t, a = e, l = T([10, 20, 50, 100]), o = T(20), i = T(), u = () => {
-      for (const r in a.filters)
-        a.filters[r].value = null;
-      b(a.filters);
-    }, b = (r) => {
-      n("update:filters", r);
-    }, d = x(() => {
-      const r = Math.ceil((a.total ?? a.value.length) / o.value);
-      return `${r} ${X(r, "page")}`;
-    }), f = () => {
+    const n = t, a = e, l = M([10, 20, 50, 100]), o = M(20), i = M(), d = () => {
+      for (const c in a.filters)
+        a.filters[c].value = null;
+      f(a.filters);
+    }, f = (c) => {
+      n("update:filters", c);
+    }, r = k(() => {
+      const c = Math.ceil((a.total ?? a.value.length) / o.value);
+      return `${c} ${X(c, "page")}`;
+    }), g = () => {
       i.value.exportCSV();
-    };
-    return (r, h) => (s(), p(D, null, [
+    }, y = k(() => ({
+      thead: () => ({
+        class: [
+          {
+            "sticky-header": a.stickyHeader
+          }
+        ],
+        style: "position: "
+      })
+    }));
+    return (c, _) => (s(), p(D, null, [
       m("span", la, [
-        k(r.$slots, "above-table")
+        x(c.$slots, "above-table")
       ]),
-      y(c(ze), S({ class: "w-100" }, { ...a, ...r.$attrs }, {
+      v(u(ze), S({
+        class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
+      }, { ...a, ...c.$attrs }, {
         rows: o.value,
-        "total-records": r.total,
+        "total-records": c.total,
         "filter-display": a.filters ? "row" : void 0,
         ref_key: "forgeTable",
         ref: i,
-        "onUpdate:filters": b,
+        "onUpdate:filters": f,
+        pt: y.value,
         "data-cy": "table"
       }), te({
-        header: v(() => [
+        header: b(() => [
           m("div", oa, [
             m("div", na, [
-              r.paginator && !r.legacyPaginationFooter ? (s(), p("span", sa, [
-                y(aa, {
-                  total: r.total ?? r.value.length,
+              c.paginator && !c.legacyPaginationFooter ? (s(), p("span", sa, [
+                v(aa, {
+                  total: c.total ?? c.value.length,
                   "page-sizes": l.value,
                   "per-page": o.value,
-                  "onUpdate:perPage": h[0] || (h[0] = (_) => o.value = _)
+                  "onUpdate:perPage": _[0] || (_[0] = (V) => o.value = V)
                 }, null, 8, ["total", "page-sizes", "per-page"])
               ])) : F("", !0)
             ]),
             m("div", ia, [
-              r.showClearButton ? (s(), w(c(E), {
+              c.showClearButton ? (s(), w(u(E), {
                 key: 0,
                 outlined: "",
-                class: B(r.showExporterButton ? "me-2" : ""),
-                onClick: u,
+                class: B(c.showExporterButton ? "me-2" : ""),
+                onClick: d,
                 "data-cy": "clear-all"
               }, {
-                default: v(() => [
-                  y(c(C), {
+                default: b(() => [
+                  v(u(C), {
                     icon: "bi:funnel-fill",
                     width: "24",
                     height: "24"
@@ -2551,14 +2566,14 @@ const Jt = {
                 ]),
                 _: 1
               }, 8, ["class"])) : F("", !0),
-              r.showExporterButton ? (s(), w(c(E), {
+              c.showExporterButton ? (s(), w(u(E), {
                 key: 1,
                 outlined: "",
-                onClick: f,
+                onClick: g,
                 "data-cy": "exporter"
               }, {
-                default: v(() => [
-                  y(c(C), {
+                default: b(() => [
+                  v(u(C), {
                     icon: "typcn:export",
                     width: "24",
                     height: "24"
@@ -2570,43 +2585,43 @@ const Jt = {
             ])
           ])
         ]),
-        default: v(() => [
-          k(r.$slots, "default")
+        default: b(() => [
+          x(c.$slots, "default")
         ]),
         _: 2
       }, [
-        j(r.$slots, (_, V) => ({
-          name: V,
-          fn: v((M) => [
-            k(r.$slots, V, Q(ee(M || {})))
+        H(c.$slots, (V, T) => ({
+          name: T,
+          fn: b((I) => [
+            x(c.$slots, T, Q(ee(I || {})))
           ])
         })),
-        r.legacyPaginationFooter ? {
+        c.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: v(() => [
+          fn: b(() => [
             m("span", ra, [
               da,
-              y(c(se), {
+              v(u(se), {
                 options: l.value,
                 modelValue: o.value,
-                "onUpdate:modelValue": h[1] || (h[1] = (_) => o.value = _),
+                "onUpdate:modelValue": _[1] || (_[1] = (V) => o.value = V),
                 class: "ms-2"
               }, null, 8, ["options", "modelValue"])
             ])
           ]),
           key: "0"
         } : void 0,
-        r.legacyPaginationFooter ? {
+        c.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: v(() => [
-            m("span", ua, g(r.total ?? r.value.length) + " " + g(c(X)(r.total ?? r.value.length, "result")) + " across " + g(d.value), 1)
+          fn: b(() => [
+            m("span", ua, h(c.total ?? c.value.length) + " " + h(u(X)(c.total ?? c.value.length, "result")) + " across " + h(r.value), 1)
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["rows", "total-records", "filter-display"])
+      ]), 1040, ["class", "rows", "total-records", "filter-display", "pt"])
     ], 64));
   }
-}), kl = /* @__PURE__ */ $({
+}), xl = /* @__PURE__ */ $({
   __name: "ForgeFilterHeader",
   props: {
     dataType: {},
@@ -2619,27 +2634,27 @@ const Jt = {
         "show-icon": !1,
         "show-on-focus": !0,
         class: "w-100"
-      }), null, 16)) : t.dataType === "select" ? (s(), w(c(se), S({ key: 2 }, t.$attrs, {
+      }), null, 16)) : t.dataType === "select" ? (s(), w(u(se), S({ key: 2 }, t.$attrs, {
         options: t.dropdownOptions,
         class: "dropdown-input w-100"
-      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), w(c(Oe), S({ key: 3 }, t.$attrs, {
+      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), w(u(Oe), S({ key: 3 }, t.$attrs, {
         options: t.dropdownOptions,
         showToggleAll: !1,
         placeholder: " ",
         filter: "",
         class: "w-100 dropdown-input"
-      }), null, 16, ["options"])) : (s(), w(c(ne), S({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
+      }), null, 16, ["options"])) : (s(), w(u(ne), S({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
     };
   }
 });
 function ye(e, t, n, a) {
   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 i = l.findIndex((b) => b.name === o.name);
-    let u = "Not Uploaded";
-    i === -1 ? ((!n.includes(o.type) || !(o.size <= a)) && (u = n.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+    const i = l.findIndex((f) => f.name === o.name);
+    let d = "Not Uploaded";
+    i === -1 ? ((!n.includes(o.type) || !(o.size <= a)) && (d = n.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
       file: o,
-      status: u,
+      status: d,
       blobFileName: null
     })) : t[i].status = "Duplicate";
   }), t;
@@ -2685,11 +2700,11 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = R(e, "modelValue"), n = x(() => e.maxFileInput <= t.value.length), a = (l) => {
+    const t = R(e, "modelValue"), n = k(() => e.maxFileInput <= t.value.length), a = (l) => {
       t.value = ye(l, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
     return (l, o) => (s(), p("div", ya, [
-      k(l.$slots, "message"),
+      x(l.$slots, "message"),
       m("div", null, [
         m("input", {
           id: "file-input",
@@ -2705,8 +2720,8 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
           id: "file-input-button",
           for: "file-input"
         }, [
-          k(l.$slots, "button-content", {}, () => [
-            y(c(C), {
+          x(l.$slots, "button-content", {}, () => [
+            v(u(C), {
               icon: "bi:upload",
               class: "me-2",
               height: "20px",
@@ -2720,7 +2735,7 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
         class: "ms-auto",
         key: l.acceptedFileTypes.length,
         id: "accepted-file-types"
-      }, "Accepted File Types: " + g(l.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
+      }, "Accepted File Types: " + h(l.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
     ]));
   }
 }), fa = {
@@ -2742,18 +2757,18 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = R(e, "modelValue"), n = T(!1), a = x(() => e.maxFileInput <= t.value.length), l = (o) => {
+    const t = R(e, "modelValue"), n = M(!1), a = k(() => e.maxFileInput <= t.value.length), l = (o) => {
       n.value = !1, o.dataTransfer.files.length > e.maxFileInput || a.value ? o.preventDefault() : t.value = ye([...o.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
     return (o, i) => (s(), p("div", {
       id: "drag-drop-area",
       class: B(`${n.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: i[0] || (i[0] = G((u) => n.value = !1, ["prevent"])),
-      onDragover: i[1] || (i[1] = G((u) => n.value = !0, ["prevent"])),
+      onDragleave: i[0] || (i[0] = G((d) => n.value = !1, ["prevent"])),
+      onDragover: i[1] || (i[1] = G((d) => n.value = !0, ["prevent"])),
       onDrop: G(l, ["prevent"])
     }, [
       t.value.length === 0 ? (s(), p("div", fa, [
-        y(c(C), {
+        v(u(C), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
@@ -2761,11 +2776,11 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
         }),
         P(" Drag and drop files here ")
       ])) : (s(), p("div", ga, [
-        k(o.$slots, "default")
+        x(o.$slots, "default")
       ]))
     ], 34));
   }
-}), wa = { class: "d-flex align-items-center me-2" }, xa = /* @__PURE__ */ $({
+}), wa = { class: "d-flex align-items-center me-2" }, ka = /* @__PURE__ */ $({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -2774,7 +2789,7 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = x(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), n = x(() => {
+    const t = k(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), n = k(() => {
       switch (e.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -2797,8 +2812,8 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
         animate: "",
         striped: ""
       }, {
-        default: v(() => [
-          P(g((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
+        default: b(() => [
+          P(h((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
       })) : F("", !0),
@@ -2808,14 +2823,14 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
         severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
-        default: v(() => [
-          P(g(n.value), 1)
+        default: b(() => [
+          P(h(n.value), 1)
         ]),
         _: 1
       }, 8, ["severity"])) : F("", !0)
     ]));
   }
-}), ka = ["data-cy"], _a = { class: "ms-3 d-flex flex-column" }, $a = {
+}), xa = ["data-cy"], _a = { class: "ms-3 d-flex flex-column" }, $a = {
   key: 1,
   id: "file-name"
 }, Fa = {
@@ -2843,27 +2858,27 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   }),
   emits: /* @__PURE__ */ q(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const n = R(e, "file"), a = R(e, "blobFileName"), l = R(e, "uploadStatus"), o = t, i = T(n.value.name), u = T(""), b = T(0), d = T(), f = x(() => e.acceptedFileTypes.includes(n.value.type)), r = x(() => n.value.size <= e.maxFileSize), h = () => {
+    const n = R(e, "file"), a = R(e, "blobFileName"), l = R(e, "uploadStatus"), o = t, i = M(n.value.name), d = M(""), f = M(0), r = M(), g = k(() => e.acceptedFileTypes.includes(n.value.type)), y = k(() => n.value.size <= e.maxFileSize), c = () => {
       n.value = new File([n.value], i.value, { type: n.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, _ = async () => {
-      if (!f.value || !r.value) {
-        l.value = f.value ? "InvalidFileSize" : "InvalidFileType";
+      if (!g.value || !y.value) {
+        l.value = g.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      l.value = "Preparing", d.value = new AbortController();
-      const [M, I] = await e.getFileUrlAction(n.value.name);
-      if (!M) {
+      l.value = "Preparing", r.value = new AbortController();
+      const [T, I] = await e.getFileUrlAction(n.value.name);
+      if (!T) {
         l.value = "Failed";
         return;
       }
       try {
         l.value = "Uploading";
-        const z = new ce(M), N = {
-          abortSignal: d.value.signal,
-          onProgress: (le) => b.value = le.loadedBytes,
+        const z = new ce(T), N = {
+          abortSignal: r.value.signal,
+          onProgress: (le) => f.value = le.loadedBytes,
           tags: { temp: "true" }
         };
-        await z.uploadData(n.value, N), u.value = M, l.value = "Uploaded", a.value = I;
+        await z.uploadData(n.value, N), d.value = T, l.value = "Uploaded", a.value = I;
       } catch (z) {
         if (z.name === "AbortError") {
           l.value = "Aborted";
@@ -2872,26 +2887,26 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
         l.value = "Failed";
       }
     }, V = async () => {
-      await ca(l.value, u.value), o("deleted", n.value);
+      await ca(l.value, d.value), o("deleted", n.value);
     };
     return oe(() => {
       e.autoUploadToBlob && _();
-    }), (M, I) => {
+    }), (T, I) => {
       const z = E;
       return s(), p("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${n.value.name}`
       }, [
         m("div", null, [
-          c(ma)(n.value.type) ? (s(), w(c(De), {
+          u(ma)(n.value.type) ? (s(), w(u(De), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(pa)(n.value),
+            src: u(pa)(n.value),
             alt: n.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (s(), w(c(C), {
+          }, null, 8, ["src", "alt"])) : (s(), w(u(C), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -2901,34 +2916,34 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
         ]),
         m("div", _a, [
           m("div", null, [
-            M.editableFileName ? (s(), w(xt, {
+            T.editableFileName ? (s(), w(kt, {
               key: 0,
               id: "edit-file-name",
               modelValue: i.value,
               "onUpdate:modelValue": I[0] || (I[0] = (N) => i.value = N),
-              rules: M.customFileNameRules,
+              rules: T.customFileNameRules,
               name: n.value.name,
-              "complete-action": h
-            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", $a, g(n.value.name), 1))
+              "complete-action": c
+            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", $a, h(n.value.name), 1))
           ]),
-          m("span", Fa, "File type: " + g(n.value.type.split("/").pop()), 1),
-          m("span", Ba, "File size: " + g(c(ie)(n.value.size)), 1)
+          m("span", Fa, "File type: " + h(n.value.type.split("/").pop()), 1),
+          m("span", Ba, "File size: " + h(u(ie)(n.value.size)), 1)
         ]),
         m("div", Sa, [
-          (s(), w(xa, {
+          (s(), w(ka, {
             key: l.value,
             "file-size": n.value.size,
             "upload-status": l.value,
-            "bytes-uploaded": b.value,
-            "max-file-size": M.maxFileSize
+            "bytes-uploaded": f.value,
+            "max-file-size": T.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
           l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (s(), w(z, {
             key: 0,
             link: "",
             onClick: _
           }, {
-            default: v(() => [
-              y(c(C), {
+            default: b(() => [
+              v(u(C), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
@@ -2937,10 +2952,10 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
           l.value === "Uploading" ? (s(), w(z, {
             key: 1,
             link: "",
-            onClick: I[1] || (I[1] = (N) => d.value.value.abort())
+            onClick: I[1] || (I[1] = (N) => r.value.value.abort())
           }, {
-            default: v(() => [
-              y(c(C), { icon: "bi:x-circle-fill" })
+            default: b(() => [
+              v(u(C), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
           })) : (s(), w(z, {
@@ -2949,13 +2964,13 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
             onClick: V,
             id: "delete-button"
           }, {
-            default: v(() => [
-              y(c(C), { icon: "bi:trash" })
+            default: b(() => [
+              v(u(C), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, ka);
+      ], 8, xa);
     };
   }
 }), Va = { class: "d-flex justify-content-end mt-1" }, Ta = { id: "max-file-size" }, Ma = /* @__PURE__ */ $({
@@ -2965,7 +2980,7 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   },
   setup(e) {
     return (t, n) => (s(), p("div", Va, [
-      m("div", Ta, "Max file size: " + g(c(ie)(t.maxFileSize)), 1)
+      m("div", Ta, "Max file size: " + h(u(ie)(t.maxFileSize)), 1)
     ]));
   }
 }), Pa = { "data-cy": "file-uploader" }, Ia = { key: 0 }, _l = /* @__PURE__ */ $({
@@ -2989,36 +3004,36 @@ const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disable
       t.value = t.value.filter((o) => o.file != l);
     };
     return (l, o) => (s(), p("div", Pa, [
-      y(ba, S(n, {
+      v(ba, S(n, {
         modelValue: t.value,
         "onUpdate:modelValue": o[0] || (o[0] = (i) => t.value = i)
       }), null, 16, ["modelValue"]),
       l.showDragDropArea ? (s(), p("div", Ia, [
-        y(ha, {
+        v(ha, {
           "max-file-input": n.maxFileInput,
           "max-file-size": n.maxFileSize,
           "accepted-file-types": n.acceptedFileTypes,
           modelValue: t.value,
           "onUpdate:modelValue": o[1] || (o[1] = (i) => t.value = i)
         }, {
-          default: v(() => [
-            (s(!0), p(D, null, j(t.value, ({ file: i }, u) => (s(), p("span", null, [
+          default: b(() => [
+            (s(!0), p(D, null, H(t.value, ({ file: i }, d) => (s(), p("span", null, [
               (s(), w(Ca, S({
                 key: i.name,
-                class: u === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
-                file: t.value[u].file,
-                "onUpdate:file": (b) => t.value[u].file = b,
-                "blob-file-name": t.value[u].blobFileName,
-                "onUpdate:blobFileName": (b) => t.value[u].blobFileName = b,
-                "upload-status": t.value[u].status,
-                "onUpdate:uploadStatus": (b) => t.value[u].status = b,
+                class: d === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
+                file: t.value[d].file,
+                "onUpdate:file": (f) => t.value[d].file = f,
+                "blob-file-name": t.value[d].blobFileName,
+                "onUpdate:blobFileName": (f) => t.value[d].blobFileName = f,
+                "upload-status": t.value[d].status,
+                "onUpdate:uploadStatus": (f) => t.value[d].status = f,
                 ref_for: !0
               }, n, { onDeleted: a }), 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(Ma, {
+        v(Ma, {
           "max-file-size": n.maxFileSize
         }, null, 8, ["max-file-size"])
       ])) : F("", !0)
@@ -3033,10 +3048,10 @@ export {
   fl as ForgeChips,
   Et as ForgeDatepicker,
   _l as ForgeFileUploader,
-  kl as ForgeFilterHeader,
+  xl as ForgeFilterHeader,
   vl as ForgeForm,
   bl as ForgeFormField,
-  xt as ForgeInlineEditor,
+  kt as ForgeInlineEditor,
   dl as ForgeLink,
   pe as ForgeLoader,
   ul as ForgeModal,
@@ -3048,6 +3063,6 @@ export {
   yl as ForgeRemainingCharacters,
   gl as ForgeStatWidget,
   hl as ForgeStepper,
-  xl as ForgeTable,
+  kl as ForgeTable,
   wl as ForgeTile
 };