@3squared/forge-ui-3 1.3.0 → 1.3.2

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

@@ -1,10 +1,10 @@
 import ge from "primevue/message";
-import { defineComponent as F, openBlock as i, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as g, createElementVNode as m, normalizeClass as B, unref as p, createCommentVNode as C, createVNode as y, renderSlot as $, ref as P, createElementBlock as b, Fragment as N, mergeProps as V, mergeModels as R, useModel as U, computed as k, createTextVNode as O, toDisplayString as h, withDirectives as j, vShow as q, createSlots as te, renderList as H, onMounted as le, isRef as se, withKeys as J, useAttrs as he, withModifiers as Y, normalizeStyle as we, watch as ue } from "vue";
-import { Icon as _ } from "@iconify/vue";
+import { defineComponent as F, openBlock as i, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as g, createElementVNode as m, normalizeClass as B, unref as p, createCommentVNode as T, createVNode as y, renderSlot as $, ref as P, createElementBlock as b, Fragment as N, mergeProps as _, mergeModels as R, useModel as U, computed as k, createTextVNode as O, toDisplayString as h, withDirectives as H, vShow as q, createSlots as te, renderList as j, onMounted as le, isRef as se, withKeys as J, useAttrs as he, withModifiers as W, normalizeStyle as we, watch as ue } from "vue";
+import { Icon as C } from "@iconify/vue";
 import L from "primevue/button";
 import xe from "primevue/toast";
 import ce from "primevue/checkbox";
-import { useField as K } from "vee-validate";
+import { useField as G } from "vee-validate";
 import ke from "primevue/progressspinner";
 import $e from "primevue/dialog";
 import ie from "primevue/inputtext";
@@ -12,9 +12,9 @@ import { vOnClickOutside as Be } from "@vueuse/components";
 import Fe from "primevue/menubar";
 import _e from "vue-multiselect";
 import re from "primevue/multiselect";
-import Ve from "primevue/calendar";
+import Ce from "primevue/calendar";
 import ae from "primevue/dropdown";
-import Ce from "primevue/inputmask";
+import Ve from "primevue/inputmask";
 import Se from "primevue/textarea";
 import me from "primevue/inputnumber";
 import Te from "primevue/chips";
@@ -152,7 +152,10 @@ const De = {
         }
       ]
     }),
-    list: "list-unstyled mb-0 dropdown-menu overflow-y-auto show w-100",
+    list: ({ props: e }) => ({
+      class: ["list-unstyled mb-0 overflow-y-auto"],
+      style: "max-height:" + (e.scrollHeight ? e.scrollHeight : "200px")
+    }),
     item: ({ context: e }) => ({
       class: [
         "dropdown-item d-flex cursor-pointer text-wrap",
@@ -161,37 +164,17 @@ const De = {
         }
       ]
     }),
-    header: "d-flex border-bottom pb-2",
-    headercheckboxcontainer: "form-check ms-2 mt-2",
-    headercheckbox: (e) => ({
-      class: [
-        "form-check-input px-2 py-2 rounded position-relative",
-        {
-          "bg-primary": e.instance.allSelected
-        }
-      ]
-    }),
-    headercheckboxicon: "mb-1 fw-medium text-white position-absolute filter-header-multiselect__check-icon",
-    filtercontainer: "d-flex position-relative mt-1 ps-2 w-100",
-    filterinput: "form-control w-100",
-    filtericon: {
+    panel: "dropdown-menu overflow-y-auto show",
+    filterContainer: "d-flex position-relative p-2 w-100",
+    filterInput: "form-control w-100",
+    filterIcon: {
       class: ["position-absolute bottom-0 end-0 me-3"],
       style: "top: 35%;"
     },
-    closebutton: "btn",
-    checkbox: (e) => ({
-      class: [
-        "form-check-input px-2 py-2 rounded position-relative",
-        {
-          "bg-primary": e.context.selected,
-          "form-check-input__focus": e.state.focused
-        }
-      ]
-    }),
-    checkboxicon: "mb-1 fw-medium text-white position-absolute filter-header-multiselect__check-icon",
-    clearicon: "ms-auto my-auto",
+    clearIcon: "ms-auto my-auto",
     loadingIcon: "spinner-border spinner-border-sm border-0",
     itemGroupLabel: "ps-2 fw-bold",
+    emptyMessage: "mx-3 my-2",
     input: ({ instance: e }) => ({
       class: [
         "w-100",
@@ -330,7 +313,7 @@ const De = {
     root: "form-check form-switch",
     input: "form-check-input"
   }
-}, je = {
+}, He = {
   textarea: {
     root: () => ({
       class: [
@@ -338,7 +321,7 @@ const De = {
       ]
     })
   }
-}, He = {
+}, je = {
   // More PassThrough options in component file.
   chips: {
     root: "d-flex",
@@ -401,7 +384,7 @@ const De = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, Ge = {
+}, We = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -430,13 +413,13 @@ const De = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, Ke = {
+}, Ge = {
   // More PT options defined in ForgeStepper.
   steps: {
     root: "w-100 mx-2 line",
     menu: "p-0 m-0 list-unstyled d-flex justify-content-between "
   }
-}, We = {
+}, Ke = {
   tabview: {
     navContainer: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -563,7 +546,7 @@ const De = {
     header: "d-flex dropdown-item",
     headerCheckbox: "dropdown-item ",
     labelContainer: "w-100 me-2",
-    label: "w-100",
+    label: "w-100 ellipsis-overflow",
     filterContainer: "d-flex w-100 cursor-pointer",
     filterIcon: "d-none",
     filterInput: "form-control form-control-sm",
@@ -571,7 +554,8 @@ const De = {
     hiddenInput: "d-none",
     token: "badge rounded-pill bg-primary-subtle text-primary d-inline-flex align-items-center border border-primary me-1 pt-1",
     tokenLabel: "px-2 fs-6 fw-400",
-    emptymessage: "mx-3 my-2",
+    emptyMessage: "mx-3 my-2",
+    clearIcon: "ms-auto my-auto",
     trigger: ({ state: e }) => ({
       class: [
         "d-none ms-auto my-auto filter-trigger",
@@ -895,12 +879,12 @@ const De = {
       ]
     })
   }
-}, ha = {
+}, ga = {
   ...et,
   ...De,
   ...nt,
   ...Ue,
-  ...He,
+  ...je,
   ...Ne,
   ...Ze,
   ...qe,
@@ -910,18 +894,18 @@ const De = {
   ...Le,
   ...Ee,
   ...Re,
-  ...Ge,
+  ...We,
   ...Je,
   ...tt,
   ...Ye,
   ...Xe,
   ...ot,
   ...at,
-  ...Ke,
+  ...Ge,
   ...Qe,
-  ...We,
+  ...Ke,
   ...rt,
-  ...je,
+  ...He,
   ...dt,
   directives: {
     ...lt
@@ -949,17 +933,17 @@ const De = {
           m("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (i(), w(p(_), {
+            t.icon ? (i(), w(p(C), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
               class: B(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : C("", !0)
+            }, null, 8, ["icon", "class"])) : T("", !0)
           ], 2)
         ]),
         closeicon: g(() => [
-          y(p(_), { icon: "bi:x" })
+          y(p(C), { icon: "bi:x" })
         ]),
         default: g(() => [
           $(l.$slots, "default")
@@ -968,7 +952,7 @@ const De = {
       }, 16);
     };
   }
-}), wa = /* @__PURE__ */ F({
+}), ha = /* @__PURE__ */ F({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -987,9 +971,9 @@ const De = {
       t.value = !1;
     };
     return (a, n) => {
-      const d = L;
+      const r = L;
       return i(), b(N, null, [
-        y(d, V({ ...l, ...a.$attrs }, {
+        y(r, _({ ...l, ...a.$attrs }, {
           loading: t.value,
           disabled: t.value || l.disabled,
           onClick: o
@@ -1028,46 +1012,46 @@ const De = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = U(e, "modelValue"), { handleChange: o, errors: a, errorMessage: n } = K(
+    const t = e, l = U(e, "modelValue"), { handleChange: o, errors: a, errorMessage: n } = G(
       () => t.name ?? "",
       void 0,
       {
         type: "checkbox",
         checkedValue: l.value
       }
-    ), d = (r) => {
-      t.name ? o(r) : l.value = r;
-    }, u = k(() => a.value.length > 0);
-    return (r, c) => {
+    ), r = (u) => {
+      t.name ? o(u) : l.value = u;
+    }, d = k(() => a.value.length > 0);
+    return (u, c) => {
       const v = ce;
       return i(), b("div", ut, [
-        m("div", V({
+        m("div", _({
           class: "d-flex cursor-pointer",
           "data-cy": "checkbox-container",
-          onClick: c[2] || (c[2] = (s) => d(l.value))
-        }, { ...r.$attrs }), [
-          y(v, V({ ...t }, {
+          onClick: c[2] || (c[2] = (s) => r(l.value))
+        }, { ...u.$attrs }), [
+          y(v, _({ ...t }, {
             binary: "",
             modelValue: l.value,
             "onUpdate:modelValue": c[0] || (c[0] = (s) => l.value = s),
             "input-id": t.name,
-            "input-class": { "is-invalid": u.value }
+            "input-class": { "is-invalid": d.value }
           }), null, 16, ["modelValue", "input-id", "input-class"]),
           m("label", {
             for: t.name,
-            onClick: c[1] || (c[1] = (s) => d(!l.value)),
-            class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${u.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
+            onClick: c[1] || (c[1] = (s) => r(!l.value)),
+            class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${d.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            $(r.$slots, "default", {}, () => [
+            $(u.$slots, "default", {}, () => [
               O(h(t.label), 1)
             ])
           ], 10, ct)
         ], 16),
-        j(m("small", {
+        H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(n)), 513), [
-          [q, u.value]
+          [q, d.value]
         ])
       ]);
     };
@@ -1089,7 +1073,7 @@ const De = {
       ]);
     };
   }
-}), vt = ["href", "target"], xa = /* @__PURE__ */ F({
+}), vt = ["href", "target"], wa = /* @__PURE__ */ F({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1130,12 +1114,12 @@ const De = {
       target: o.target
     }, [
       $(o.$slots, "default", {}, () => [
-        o.iconName ? (i(), w(p(_), {
+        o.iconName ? (i(), w(p(C), {
           key: 0,
           id: "link-icon",
           icon: o.iconName,
           class: B(["bi my-auto", l.value])
-        }, null, 8, ["icon", "class"])) : C("", !0),
+        }, null, 8, ["icon", "class"])) : T("", !0),
         O(" " + h(o.label), 1)
       ])
     ], 10, vt));
@@ -1152,16 +1136,16 @@ function yt(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function ka(e, t) {
+function xa(e, t) {
   return e.map((l) => ({ id: l, label: t ? t(l) : `${l}` }));
 }
-function $a(e, t, l) {
+function ka(e, t, l) {
   return { id: e, label: t ?? e.toString(), shortLabel: l };
 }
 const bt = { key: 0 }, ft = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Ba = /* @__PURE__ */ F({
+}, $a = /* @__PURE__ */ F({
   __name: "ForgeModal",
   props: /* @__PURE__ */ R({
     cancelText: { default: "Cancel" },
@@ -1211,22 +1195,22 @@ const bt = { key: 0 }, ft = {
       hasError: !1,
       header: "",
       message: []
-    }), d = () => {
+    }), r = () => {
       l.value = !1;
-    }, u = () => {
+    }, d = () => {
       l.value = !0;
-    }, r = () => {
+    }, u = () => {
       t.value = !1;
     }, c = async () => {
       if (o.onConfirm) {
         a.value = !0, n.value.hasError = !1;
         try {
           const s = await o.onConfirm();
-          (s || s == null) && r();
+          (s || s == null) && u();
         } catch (s) {
           n.value.hasError = !0;
-          const S = yt(s);
-          n.value.header = S.errorMessage, n.value.message = S.errorDetails;
+          const V = yt(s);
+          n.value.header = V.errorMessage, n.value.message = V.errorDetails;
         }
         a.value = !1;
       }
@@ -1241,24 +1225,24 @@ const bt = { key: 0 }, ft = {
         }
       ]
     }));
-    return (s, S) => {
-      const T = L, M = $e;
-      return i(), w(M, V(o, {
-        onMaximize: u,
-        onUnmaximize: d,
+    return (s, V) => {
+      const S = L, M = $e;
+      return i(), w(M, _(o, {
+        onMaximize: d,
+        onUnmaximize: r,
         pt: v.value
       }), te({
         closeicon: g(() => [
-          y(p(_), {
+          y(p(C), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: r
+            onClick: u
           })
         ]),
         maximizeicon: g(() => [
-          y(p(_), {
+          y(p(C), {
             "data-cy": "maximisable-icon",
             icon: l.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1267,7 +1251,7 @@ const bt = { key: 0 }, ft = {
         ]),
         _: 2
       }, [
-        H(s.$slots, (I, z) => ({
+        j(s.$slots, (I, z) => ({
           name: z,
           fn: g((f) => [
             n.value.hasError ? (i(), w(oe, {
@@ -1280,30 +1264,30 @@ const bt = { key: 0 }, ft = {
                   class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, h(n.value.header), 3),
                 n.value.message.length > 0 ? (i(), b("ul", bt, [
-                  (i(!0), b(N, null, H(n.value.message, (x) => (i(), b("li", { key: x }, h(x), 1))), 128))
-                ])) : C("", !0)
+                  (i(!0), b(N, null, j(n.value.message, (x) => (i(), b("li", { key: x }, h(x), 1))), 128))
+                ])) : T("", !0)
               ]),
               _: 1
-            })) : C("", !0),
+            })) : T("", !0),
             $(s.$slots, z, Q(ee(f || {}))),
             a.value ? $(s.$slots, "loader", { key: 1 }, () => [
               y(ye, { "data-cy": "loader" })
-            ]) : C("", !0)
+            ]) : T("", !0)
           ])
         })),
         s.showFooter ? {
           name: "footer",
           fn: g(() => [
             m("div", ft, [
-              y(T, {
+              y(S, {
                 label: s.cancelText,
                 class: B(o.cancelClass),
                 outlined: "",
-                onClick: r,
+                onClick: u,
                 id: "cancel-button",
                 type: o.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              y(T, {
+              y(S, {
                 label: s.submitText,
                 class: B([o.submitClass, "ms-auto"]),
                 onClick: c,
@@ -1333,10 +1317,10 @@ const bt = { key: 0 }, ft = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, l = U(e, "modelValue"), o = P(!1), a = P(), n = () => {
-      var T;
-      o.value = !o.value, (T = a.value) == null || T.focus();
-    }, d = async () => {
-      if (S.value)
+      var S;
+      o.value = !o.value, (S = a.value) == null || S.focus();
+    }, r = async () => {
+      if (V.value)
         return !1;
       if (l.value = s.value, t.completeAction)
         try {
@@ -1346,33 +1330,33 @@ const bt = { key: 0 }, ft = {
         }
       else
         o.value = !o.value;
-    }, u = () => {
+    }, d = () => {
       o.value = !o.value;
-    }, r = () => {
+    }, u = () => {
       s.value = null;
-    }, { errorMessage: c, errors: v, value: s } = K(() => t.name, void 0, {
+    }, { errorMessage: c, errors: v, value: s } = G(() => t.name, void 0, {
       initialValue: l.value
     });
     le(() => {
       s.value = l.value;
     });
-    const S = k(() => v.value.length > 0);
-    return (T, M) => {
+    const V = k(() => v.value.length > 0);
+    return (S, M) => {
       const I = ie, z = L;
       return i(), b("div", {
         id: t.name
       }, [
-        T.readonly ? (i(), b("div", kt, [
-          $(T.$slots, "default", {}, () => [
+        S.readonly ? (i(), b("div", kt, [
+          $(S.$slots, "default", {}, () => [
             m("span", $t, h(p(s)), 1)
           ])
         ])) : (i(), b("div", ht, [
           o.value ? (i(), b("div", wt, [
-            j((i(), b("div", xt, [
-              $(T.$slots, "editor", {
-                class: B({ "is-invalid": S.value }),
-                editFinished: d,
-                cancel: u,
+            H((i(), b("div", xt, [
+              $(S.$slots, "editor", {
+                class: B({ "is-invalid": V.value }),
+                editFinished: r,
+                cancel: d,
                 val: p(s)
               }, () => [
                 y(I, {
@@ -1382,22 +1366,22 @@ const bt = { key: 0 }, ft = {
                   modelValue: p(s),
                   "onUpdate:modelValue": M[0] || (M[0] = (f) => se(s) ? s.value = f : null),
                   modelModifiers: { trim: !0 },
-                  class: B({ "is-invalid": S.value }),
+                  class: B({ "is-invalid": V.value }),
                   onKeydown: [
-                    J(d, ["enter"]),
-                    J(u, ["esc"])
+                    J(r, ["enter"]),
+                    J(d, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              y(p(_), {
+              y(p(C), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
-                onClick: r,
-                onKeydown: J(r, ["enter"]),
+                onClick: u,
+                onKeydown: J(u, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
-              [p(Be), d]
+              [p(Be), r]
             ])
           ])) : (i(), b("div", {
             key: 1,
@@ -1405,9 +1389,9 @@ const bt = { key: 0 }, ft = {
             onClick: n,
             onFocus: n
           }, [
-            $(T.$slots, "default", {}, () => [
+            $(S.$slots, "default", {}, () => [
               m("div", {
-                class: B(["pe-2 cursor-pointer", { "text-invalid": S.value }]),
+                class: B(["pe-2 cursor-pointer", { "text-invalid": V.value }]),
                 "data-cy": "value"
               }, h(p(s) ? p(s) : "Click to edit"), 3)
             ]),
@@ -1416,9 +1400,9 @@ const bt = { key: 0 }, ft = {
               class: "p-0 m-0"
             }, {
               default: g(() => [
-                y(p(_), {
+                y(p(C), {
                   icon: "bi:pencil",
-                  class: B(S.value ? "text-invalid" : "text-muted"),
+                  class: B(V.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
                   onKeydown: J(n, ["enter"])
                 }, null, 8, ["class"])
@@ -1427,16 +1411,16 @@ const bt = { key: 0 }, ft = {
             })
           ], 32))
         ])),
-        j(m("small", {
+        H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(c)), 513), [
-          [q, S.value]
+          [q, V.value]
         ])
       ], 8, gt);
     };
   }
-}), Ft = ["href"], Fa = /* @__PURE__ */ F({
+}), Ft = ["href"], Ba = /* @__PURE__ */ F({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1482,7 +1466,7 @@ const bt = { key: 0 }, ft = {
     }));
     return (o, a) => {
       const n = Fe;
-      return i(), w(n, V({ ...t, ...o.$attrs }, {
+      return i(), w(n, _({ ...t, ...o.$attrs }, {
         pt: l.value,
         "data-cy": "navbar"
       }), te({
@@ -1499,7 +1483,7 @@ const bt = { key: 0 }, ft = {
         ]),
         menubuttonicon: g(() => [
           $(o.$slots, "menubuttonicon", {}, () => [
-            y(p(_), {
+            y(p(C), {
               icon: "bi:list",
               class: B(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
@@ -1509,16 +1493,16 @@ const bt = { key: 0 }, ft = {
         ]),
         _: 2
       }, [
-        H(o.$slots, (d, u) => ({
-          name: u,
-          fn: g((r) => [
-            $(o.$slots, u, Q(ee(r)))
+        j(o.$slots, (r, d) => ({
+          name: d,
+          fn: g((u) => [
+            $(o.$slots, d, Q(ee(u)))
           ])
         }))
       ]), 1040, ["pt"]);
     };
   }
-}), _t = { class: "multiselect__caret" }, Vt = ["checked"], Ct = ["data-cy"], St = ["checked"], Tt = { class: "my-auto ms-1" }, Pt = { class: "multiselect__tag d-inline-flex" }, Mt = { class: "my-auto" }, _a = /* @__PURE__ */ F({
+}), _t = { class: "multiselect__caret" }, Ct = ["checked"], Vt = ["data-cy"], St = ["checked"], Tt = { class: "my-auto ms-1" }, Pt = { class: "multiselect__tag d-inline-flex" }, Mt = { class: "my-auto" }, Fa = /* @__PURE__ */ F({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1536,7 +1520,7 @@ const bt = { key: 0 }, ft = {
         $isDisabled: D.$isDisabled ?? !1
       };
       E(A);
-    }, a = he(), n = t, { errors: d, value: u, errorMessage: r } = K(() => l.name, void 0, {
+    }, a = he(), n = t, { errors: r, value: d, errorMessage: u } = G(() => l.name, void 0, {
       initialValue: a.modelValue
     }), c = P(!1), v = k(() => ({
       multiple: !0,
@@ -1551,55 +1535,55 @@ const bt = { key: 0 }, ft = {
       searchable: !!(a.searchable === null || a.searchable) && a.modelValue.length === a.options.length,
       async: !1,
       ...a
-    })), s = k(() => `forge-multiselect-${l.severity}`), S = k(() => `multiselect__option ${c.value ? " multiselect__option--highlight" : ""} ${T.value ? " multiselect__option--selected" : ""}`), T = k(() => v.value && !(v.value.multiple || !l.showSelectAll || v.value.async) ? !1 : a.modelValue.length === a.options.length), M = k(() => d.value.length > 0), I = k(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (v.value.multiple ? a.modelValue.length > 0 : a.modelValue))), z = () => c.value = !0, f = () => c.value = !1, x = () => {
-      u.value = v.value.multiple ? [] : null, n("update:modelValue", u.value);
-    }, G = (E) => {
+    })), s = k(() => `forge-multiselect-${l.severity}`), V = k(() => `multiselect__option ${c.value ? " multiselect__option--highlight" : ""} ${S.value ? " multiselect__option--selected" : ""}`), S = k(() => v.value && !(v.value.multiple || !l.showSelectAll || v.value.async) ? !1 : a.modelValue.length === a.options.length), M = k(() => r.value.length > 0), I = k(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (v.value.multiple ? a.modelValue.length > 0 : a.modelValue))), z = () => c.value = !0, f = () => c.value = !1, x = () => {
+      d.value = v.value.multiple ? [] : null, n("update:modelValue", d.value);
+    }, Y = (E) => {
       n("update:modelValue", l.selectValue ? E.map((D) => D[l.selectValue]) : E);
     }, Z = (E) => a.modelValue !== null ? a.modelValue.some((D) => v.value.selectValue ? E[l.selectValue] === D : E.id === D.id && E.label === D.label) : !1, ne = () => {
-      T.value ? x() : (u.value = [...a.options], n("update:modelValue", [...a.options]));
+      S.value ? x() : (d.value = [...a.options], n("update:modelValue", [...a.options]));
     };
     return (E, D) => (i(), b(N, null, [
-      y(p(_e), V(v.value, {
+      y(p(_e), _(v.value, {
         class: [s.value, M.value ? "is-invalid" : ""],
         "data-cy": "multiselect",
         "onUpdate:modelValue": [
-          G,
-          D[1] || (D[1] = (A) => se(u) ? u.value = A : null)
+          Y,
+          D[1] || (D[1] = (A) => se(d) ? d.value = A : null)
         ],
-        modelValue: p(u)
+        modelValue: p(d)
       }), te({
         caret: g(({ toggle: A }) => [
           m("div", _t, [
-            I.value ? (i(), w(p(_), {
+            I.value ? (i(), w(p(C), {
               key: 0,
               icon: "bi:x",
               class: "my-auto text-black multiselect__clear",
-              onMousedown: D[0] || (D[0] = Y((W) => x(), ["prevent", "stop"])),
+              onMousedown: D[0] || (D[0] = W((K) => x(), ["prevent", "stop"])),
               "data-cy": "clear",
               height: "18px",
               width: "18px"
-            })) : C("", !0),
-            y(p(_), {
+            })) : T("", !0),
+            y(p(C), {
               icon: "bi:chevron-down",
               onClick: A,
               class: "multiselect__arrow"
             }, null, 8, ["onClick"])
           ])
         ]),
-        tag: g(({ option: A, remove: W }) => [
+        tag: g(({ option: A, remove: K }) => [
           m("div", Pt, [
             m("div", Mt, h(A.label), 1),
-            y(p(_), {
+            y(p(C), {
               icon: "bi:x",
               class: "my-auto multiselect__tag-icon",
-              onMousedown: Y((ql) => o(W, A), ["prevent", "stop"]),
+              onMousedown: W((jl) => o(K, A), ["prevent", "stop"]),
               height: "18px",
               width: "18px"
             }, null, 8, ["onMousedown"])
           ])
         ]),
         default: g(() => [
-          (i(!0), b(N, null, H(E.$slots, (A, W) => $(E.$slots, W, { slot: W })), 256))
+          (i(!0), b(N, null, j(E.$slots, (A, K) => $(E.$slots, K, { slot: K })), 256))
         ]),
         _: 2
       }, [
@@ -1614,14 +1598,14 @@ const bt = { key: 0 }, ft = {
               "data-cy": "toggle-all"
             }, [
               m("div", {
-                class: B(["d-flex py-1", S.value])
+                class: B(["d-flex py-1", V.value])
               }, [
                 m("input", {
-                  checked: T.value,
+                  checked: S.value,
                   name: "selected",
                   type: "checkbox",
                   class: "form-check-input px-2 py-2 rounded ms-2 cursor-pointer"
-                }, null, 8, Vt),
+                }, null, 8, Ct),
                 D[2] || (D[2] = m("div", { class: "my-auto ms-1" }, "Toggle all", -1))
               ], 2)
             ], 32)
@@ -1642,15 +1626,15 @@ const bt = { key: 0 }, ft = {
                 class: "form-check-input px-2 py-2 rounded ms-2 cursor-pointer"
               }, null, 8, St),
               m("div", Tt, h(A[v.value.label]), 1)
-            ], 8, Ct)
+            ], 8, Vt)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "modelValue"]),
-      j(m("small", {
+      H(m("small", {
         "data-cy": "error",
         class: "invalid-feedback"
-      }, h(p(r)), 513), [
+      }, h(p(u)), 513), [
         [q, M.value]
       ])
     ], 64));
@@ -1662,7 +1646,7 @@ const bt = { key: 0 }, ft = {
 }, Ot = { class: "d-inline-block" }, Dt = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Va = /* @__PURE__ */ F({
+}, _a = /* @__PURE__ */ F({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ R({
     title: { default: "Selected Items" },
@@ -1682,7 +1666,7 @@ const bt = { key: 0 }, ft = {
       l.value = l.value.filter((n) => n.id !== a);
     };
     return (a, n) => {
-      const d = re, u = L;
+      const r = re, d = L;
       return i(), b("div", {
         class: B(a.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
@@ -1691,9 +1675,9 @@ const bt = { key: 0 }, ft = {
           class: B(a.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          y(d, V({
+          y(r, _({
             modelValue: l.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => l.value = r)
+            "onUpdate:modelValue": n[0] || (n[0] = (u) => l.value = u)
           }, { ...a.$attrs }, {
             options: t.options,
             display: "chip",
@@ -1702,7 +1686,7 @@ const bt = { key: 0 }, ft = {
             "data-cy": "multiselect"
           }), {
             default: g(() => [
-              (i(!0), b(N, null, H(a.$slots, (r, c) => $(a.$slots, c, { slot: c })), 256))
+              (i(!0), b(N, null, j(a.$slots, (u, c) => $(a.$slots, c, { slot: c })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
@@ -1717,31 +1701,31 @@ const bt = { key: 0 }, ft = {
             class: "overflow-auto"
           }, [
             m("div", It, [
-              a.title ? (i(), b("div", zt, h(a.title), 1)) : C("", !0),
-              (i(!0), b(N, null, H(l.value, (r) => (i(), b("div", {
-                key: r.id,
+              a.title ? (i(), b("div", zt, h(a.title), 1)) : T("", !0),
+              (i(!0), b(N, null, j(l.value, (u) => (i(), b("div", {
+                key: u.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                $(a.$slots, "list-item", { item: r }, () => [
-                  m("span", Ot, h(r.shortLabel ? r.shortLabel : r.label), 1)
+                $(a.$slots, "list-item", { item: u }, () => [
+                  m("span", Ot, h(u.shortLabel ? u.shortLabel : u.label), 1)
                 ]),
-                a.canRemoveItemFromPreview ? (i(), w(u, {
+                a.canRemoveItemFromPreview ? (i(), w(d, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (c) => o(r.id)
+                  onClick: (c) => o(u.id)
                 }, {
                   default: g(() => [
-                    y(p(_), {
+                    y(p(C), {
                       icon: "bi:x",
                       class: "close-icon",
-                      "data-cy": `close-icon-${r.id}`
+                      "data-cy": `close-icon-${u.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : C("", !0)
+                }, 1032, ["onClick"])) : T("", !0)
               ]))), 128)),
-              l.value.length === 0 ? (i(), b("div", Dt, h(t.optionsPreviewEmptyText), 1)) : C("", !0)
+              l.value.length === 0 ? (i(), b("div", Dt, h(t.optionsPreviewEmptyText), 1)) : T("", !0)
             ])
           ], 4)
         ], 2)
@@ -1768,7 +1752,7 @@ const bt = { key: 0 }, ft = {
       ])
     ]));
   }
-}), Lt = { class: "d-flex" }, Et = { "data-cy": "before-slot" }, Rt = { class: "position-relative w-100" }, jt = { "data-cy": "after-slot" }, be = /* @__PURE__ */ F({
+}), Lt = { class: "d-flex" }, Et = { "data-cy": "before-slot" }, Rt = { class: "position-relative w-100" }, Ht = { "data-cy": "after-slot" }, be = /* @__PURE__ */ F({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ R({
     severity: { default: "primary" },
@@ -1841,10 +1825,10 @@ const bt = { key: 0 }, ft = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = U(e, "modelValue"), { errors: o, errorMessage: a, handleChange: n, handleBlur: d, setValue: u } = K(() => t.name, void 0, {
+    const t = e, l = U(e, "modelValue"), { errors: o, errorMessage: a, handleChange: n, handleBlur: r, setValue: d } = G(() => t.name, void 0, {
       initialValue: l.value
-    }), r = () => {
-      u(null), l.value = null;
+    }), u = () => {
+      d(null), l.value = null;
     }, c = k(() => o.value.length > 0), v = k(() => ({
       day: ({ context: s }) => ({
         class: [
@@ -1936,45 +1920,45 @@ const bt = { key: 0 }, ft = {
         ]
       })
     }));
-    return (s, S) => {
-      const T = Ve;
+    return (s, V) => {
+      const S = Ce;
       return i(), b(N, null, [
         m("div", Lt, [
           m("span", Et, [
             $(s.$slots, "before")
           ]),
           m("div", Rt, [
-            y(T, V({ ...t, ...s.$attrs }, {
+            y(S, _({ ...t, ...s.$attrs }, {
               pt: v.value,
               modelValue: l.value,
               "onUpdate:modelValue": [
-                S[0] || (S[0] = (M) => l.value = M),
+                V[0] || (V[0] = (M) => l.value = M),
                 p(n)
               ],
-              onBlur: p(d),
+              onBlur: p(r),
               "input-class": { "datepicker-invalid": c.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "onBlur", "input-class"]),
-            j(y(p(_), {
+            H(y(p(C), {
               "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"]), [
               [q, t.showIcon]
             ]),
-            j(y(p(_), {
+            H(y(p(C), {
               "data-cy": "icon",
               icon: "bi:x",
-              onClick: r,
+              onClick: u,
               class: B(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
             }, null, 8, ["class"]), [
               [q, t.modelValue]
             ])
           ]),
-          m("span", jt, [
+          m("span", Ht, [
             $(s.$slots, "after")
           ])
         ]),
-        j(m("small", {
+        H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(a)), 513), [
@@ -1983,7 +1967,7 @@ const bt = { key: 0 }, ft = {
       ], 64);
     };
   }
-}), Sa = /* @__PURE__ */ F({
+}), Va = /* @__PURE__ */ F({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -1995,7 +1979,7 @@ const bt = { key: 0 }, ft = {
       class: B(l.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + h(l.value), 3));
   }
-}), Ht = { class: "d-flex justify-content-between" }, Ta = /* @__PURE__ */ F({
+}), jt = { class: "d-flex justify-content-between" }, Sa = /* @__PURE__ */ F({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2020,21 +2004,21 @@ const bt = { key: 0 }, ft = {
       }
       l.value = !1;
     }
-    return (n, d) => {
-      const u = L;
-      return i(), b("form", V(n.$attrs, {
+    return (n, r) => {
+      const d = L;
+      return i(), b("form", _(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: Y(a, ["prevent"])
+        onSubmit: W(a, ["prevent"])
       }), [
-        n.hideTitle ? C("", !0) : (i(), b(N, { key: 0 }, [
+        n.hideTitle ? T("", !0) : (i(), b(N, { key: 0 }, [
           $(n.$slots, "title", {}, () => [
             m("h3", {
               class: B(n.titleClass),
               "data-cy": "form-title"
             }, h(n.title), 3)
           ]),
-          d[1] || (d[1] = m("hr", null, null, -1))
+          r[1] || (r[1] = m("hr", null, null, -1))
         ], 64)),
         o.value.hasError ? (i(), w(oe, {
           key: 1,
@@ -2049,17 +2033,17 @@ const bt = { key: 0 }, ft = {
             ])
           ]),
           _: 3
-        })) : C("", !0),
+        })) : T("", !0),
         $(n.$slots, "default"),
-        m("div", Ht, [
+        m("div", jt, [
           $(n.$slots, "cancel", {}, () => [
-            n.hideCancel ? C("", !0) : (i(), w(u, {
+            n.hideCancel ? T("", !0) : (i(), w(d, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: d[0] || (d[0] = (r) => n.$emit("cancel"))
+              onClick: r[0] || (r[0] = (u) => n.$emit("cancel"))
             }, {
               default: g(() => [
                 O(h(n.cancelText), 1)
@@ -2068,7 +2052,7 @@ const bt = { key: 0 }, ft = {
             }))
           ]),
           $(n.$slots, "submit", { submit: a }, () => [
-            y(u, {
+            y(d, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
@@ -2084,14 +2068,14 @@ const bt = { key: 0 }, ft = {
         l.value ? (i(), w(ye, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : C("", !0)
+        })) : T("", !0)
       ], 16);
     };
   }
 }), qt = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, Yt = ["for"], Pa = /* @__PURE__ */ F({
+}, Yt = ["for"], Ta = /* @__PURE__ */ F({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ R({
     name: {},
@@ -2099,7 +2083,8 @@ const bt = { key: 0 }, ft = {
     fieldLabel: {},
     type: { default: "text" },
     mask: { default: "" },
-    placeholder: { default: "" }
+    placeholder: { default: "" },
+    labelWidthClass: { default: "w-25" }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -2107,15 +2092,15 @@ const bt = { key: 0 }, ft = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = U(e, "modelValue"), l = e, o = (v) => {
-      l.type == "number" ? u(v.value) : u(v);
-    }, { errors: a, value: n, errorMessage: d, handleChange: u, handleBlur: r } = K(() => l.name, void 0, {
+      l.type == "number" ? d(v.value) : d(v);
+    }, { errors: a, value: n, errorMessage: r, handleChange: d, handleBlur: u } = G(() => l.name, void 0, {
       initialValue: t.value
     }), c = k(() => a.value.length > 0);
     return ue(() => n.value, (v) => {
       t.value = v;
     }, { immediate: !0 }), (v, s) => {
-      const S = Se, T = Ce, M = ie, I = ae, z = re, f = be;
-      return l.type === "checkbox" ? (i(), w(mt, V({
+      const V = Se, S = Ve, M = ie, I = ae, z = re, f = be;
+      return l.type === "checkbox" ? (i(), w(mt, _({
         key: 0,
         id: l.name,
         label: l.fieldLabel
@@ -2130,9 +2115,9 @@ const bt = { key: 0 }, ft = {
         }, [
           m("label", {
             for: l.name,
-            class: B(l.fieldLabelPosition === "top" ? "mb-1" : "me-2")
+            class: B(l.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + l.labelWidthClass)
           }, h(l.fieldLabel), 11, Yt),
-          l.type === "number" ? (i(), w(p(me), V({
+          l.type === "number" ? (i(), w(p(me), _({
             key: 0,
             id: l.name
           }, v.$attrs, {
@@ -2142,7 +2127,7 @@ const bt = { key: 0 }, ft = {
             modelValue: t.value,
             "onUpdate:modelValue": s[1] || (s[1] = (x) => t.value = x),
             onInput: o
-          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : l.type === "textarea" ? (i(), w(S, V({
+          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : l.type === "textarea" ? (i(), w(V, _({
             key: 1,
             id: l.name
           }, v.$attrs, {
@@ -2151,8 +2136,8 @@ const bt = { key: 0 }, ft = {
             modelValue: t.value,
             "onUpdate:modelValue": s[2] || (s[2] = (x) => t.value = x),
             onInput: o,
-            onBlur: p(r)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (i(), w(T, V({
+            onBlur: p(u)
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (i(), w(S, _({
             key: 2,
             id: l.name
           }, v.$attrs, {
@@ -2162,8 +2147,8 @@ const bt = { key: 0 }, ft = {
             modelValue: t.value,
             "onUpdate:modelValue": s[3] || (s[3] = (x) => t.value = x),
             onComplete: o,
-            onBlur: p(r)
-          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : l.type === "text" ? (i(), w(M, V({
+            onBlur: p(u)
+          }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : l.type === "text" ? (i(), w(M, _({
             key: 3,
             id: l.name
           }, v.$attrs, {
@@ -2172,31 +2157,31 @@ const bt = { key: 0 }, ft = {
             modelValue: t.value,
             "onUpdate:modelValue": s[4] || (s[4] = (x) => t.value = x),
             onInput: o,
-            onBlur: p(r)
-          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "select" ? (i(), w(I, V({ key: 4 }, { ...l, ...v.$attrs }, {
+            onBlur: p(u)
+          }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "select" ? (i(), w(I, _({ key: 4 }, { ...l, ...v.$attrs }, {
             modelValue: t.value,
             "onUpdate:modelValue": s[5] || (s[5] = (x) => t.value = x),
             class: { "is-invalid": c.value }
-          }), null, 16, ["modelValue", "class"])) : l.type === "multiselect" ? (i(), w(z, V({ key: 5 }, { ...l, ...v.$attrs }, {
+          }), null, 16, ["modelValue", "class"])) : l.type === "multiselect" ? (i(), w(z, _({ key: 5 }, { ...l, ...v.$attrs }, {
             modelValue: t.value,
             "onUpdate:modelValue": s[6] || (s[6] = (x) => t.value = x),
             class: { "is-invalid": c.value }
-          }), null, 16, ["modelValue", "class"])) : l.type === "datepicker" ? (i(), w(f, V({ key: 6 }, { ...l, ...v.$attrs }, {
+          }), null, 16, ["modelValue", "class"])) : l.type === "datepicker" ? (i(), w(f, _({ key: 6 }, { ...l, ...v.$attrs }, {
             modelValue: t.value,
             "onUpdate:modelValue": s[7] || (s[7] = (x) => t.value = x),
             class: { "is-invalid": c.value }
-          }), null, 16, ["modelValue", "class"])) : C("", !0)
+          }), null, 16, ["modelValue", "class"])) : T("", !0)
         ], 2),
-        j(m("small", {
+        H(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, h(p(d)), 513), [
+        }, h(p(r)), 513), [
           [q, c.value && l.type !== "multiselect" && l.type !== "datepicker"]
         ])
       ]));
     };
   }
-}), Ma = /* @__PURE__ */ F({
+}), Pa = /* @__PURE__ */ F({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -2223,16 +2208,16 @@ const bt = { key: 0 }, ft = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, { errors: l, value: o, errorMessage: a } = K(() => t.name, void 0, {
+    const t = e, { errors: l, value: o, errorMessage: a } = G(() => t.name, void 0, {
       initialValue: t.modelValue
-    }), n = k(() => l.value.length > 0), d = k(() => ({
+    }), n = k(() => l.value.length > 0), r = 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": n.value
           }
         ]
@@ -2256,16 +2241,16 @@ const bt = { key: 0 }, ft = {
         ]
       }
     }));
-    return (u, r) => {
+    return (d, u) => {
       const c = Te;
       return i(), b(N, null, [
-        y(c, V({ ...t, ...u.$attrs }, {
-          pt: d.value,
+        y(c, _({ ...t, ...d.$attrs }, {
+          pt: r.value,
           "model-value": p(o),
-          "onUpdate:modelValue": r[0] || (r[0] = (v) => se(o) ? o.value = v : null)
+          "onUpdate:modelValue": u[0] || (u[0] = (v) => se(o) ? o.value = v : null)
         }), {
           removetokenicon: g(({ removeCallback: v }) => [
-            j(y(p(_), {
+            H(y(p(C), {
               icon: "bi:x",
               class: "cursor-pointer",
               onClick: v
@@ -2275,7 +2260,7 @@ const bt = { key: 0 }, ft = {
           ]),
           _: 1
         }, 16, ["pt", "model-value"]),
-        j(m("small", {
+        H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(a)), 513), [
@@ -2284,7 +2269,7 @@ const bt = { key: 0 }, ft = {
       ], 64);
     };
   }
-}), Gt = /* @__PURE__ */ F({
+}), Wt = /* @__PURE__ */ F({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2326,17 +2311,17 @@ const bt = { key: 0 }, ft = {
         class: [a.value, l.value, o.value]
       }
     }));
-    return (d, u) => {
-      const r = Pe;
-      return i(), w(r, V({ ...d.$attrs, ...t }, { pt: n.value }), {
+    return (r, d) => {
+      const u = Pe;
+      return i(), w(u, _({ ...r.$attrs, ...t }, { pt: n.value }), {
         default: g(() => [
-          $(d.$slots, "default")
+          $(r.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), Kt = { class: "value text-white w-100 text-center" }, Ia = /* @__PURE__ */ F({
+}), Gt = { class: "value text-white w-100 text-center" }, Ma = /* @__PURE__ */ F({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2344,18 +2329,18 @@ const bt = { key: 0 }, ft = {
   },
   setup(e) {
     const t = e;
-    return (l, o) => (i(), b("div", V(l.$attrs, {
+    return (l, o) => (i(), b("div", _(l.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", Kt, [
+      m("span", Gt, [
         $(l.$slots, "default")
       ])
     ], 16));
   }
-}), Wt = {
+}), Kt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, Zt = { class: "d-flex align-items-center justify-content-center w-100" }, za = /* @__PURE__ */ F({
+}, Zt = { class: "d-flex align-items-center justify-content-center w-100" }, Ia = /* @__PURE__ */ F({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2376,16 +2361,16 @@ const bt = { key: 0 }, ft = {
         a.value--;
       while (o.model[a.value].disabled);
       l("update:currentStep", a.value);
-    }, d = () => {
+    }, r = () => {
       if (a.value < o.model.length - 1)
         do
           a.value++;
         while (o.model[a.value].disabled);
       l("update:currentStep", a.value);
-    }, u = k(() => {
+    }, d = k(() => {
       const c = o.model.findIndex((v) => !v.disabled);
       return !(c < a.value && c > -1);
-    }), r = k(() => ({
+    }), u = k(() => ({
       menuitem: (c) => ({
         class: [{
           "cursor-pointer": !c.context.disabled
@@ -2422,40 +2407,40 @@ const bt = { key: 0 }, ft = {
       })
     }));
     return (c, v) => {
-      const s = L, S = Ie, T = Me;
-      return i(), b("div", Wt, [
+      const s = L, V = Ie, S = Me;
+      return i(), b("div", Kt, [
         m("div", Zt, [
           y(s, {
             severity: o.severity,
-            disabled: u.value,
+            disabled: d.value,
             onClick: n,
             class: "rounded-circle py-2 me-4",
             "data-cy": "back-button"
           }, {
             default: g(() => [
-              y(p(_), {
+              y(p(C), {
                 icon: "bi:chevron-left",
                 class: "mb-1"
               })
             ]),
             _: 1
           }, 8, ["severity", "disabled"]),
-          y(S, {
+          y(V, {
             "active-step": a.value,
             "onUpdate:activeStep": v[0] || (v[0] = (M) => a.value = M),
             model: o.model,
-            pt: r.value,
+            pt: u.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
-        y(T, { class: "m-4" }),
-        (i(!0), b(N, null, H(o.model, (M, I) => (i(), b("div", {
+        y(S, { class: "m-4" }),
+        (i(!0), b(N, null, j(o.model, (M, I) => (i(), b("div", {
           key: I,
           class: "w-100"
         }, [
           I === a.value ? $(c.$slots, M.key ?? M.label, {
             key: 0,
-            nextStep: d,
+            nextStep: r,
             previousStep: n
           }, () => [
             y(oe, {
@@ -2467,18 +2452,18 @@ const bt = { key: 0 }, ft = {
                 y(s, {
                   severity: "primary",
                   label: "Next",
-                  onClick: d,
+                  onClick: r,
                   class: "ms-2"
                 })
               ]),
               _: 2
             }, 1024)
-          ]) : C("", !0)
+          ]) : T("", !0)
         ]))), 128))
       ]);
     };
   }
-}), Jt = { class: "p-4 text-wrap w-100" }, Xt = { class: "p-4 text-wrap w-100" }, Oa = /* @__PURE__ */ F({
+}), Jt = { class: "p-4 text-wrap w-100" }, Xt = { class: "p-4 text-wrap w-100" }, za = /* @__PURE__ */ F({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2489,8 +2474,8 @@ const bt = { key: 0 }, ft = {
   setup(e) {
     const t = e, l = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), o = k(() => `${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 (a, n) => {
-      const d = L;
-      return t.clickable ? (i(), w(d, {
+      const r = L;
+      return t.clickable ? (i(), w(r, {
         key: 0,
         class: B(["d-flex w-100 p-0 text-body", l.value]),
         severity: t.severity,
@@ -2537,32 +2522,32 @@ const Qt = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const l = t, o = e, a = (d) => {
-      l("update:perPage", d.value);
+    const l = t, o = e, a = (r) => {
+      l("update:perPage", r.value);
     }, n = k(() => {
-      const d = Math.ceil(o.total / o.perPage);
-      return `${d} ${X(d, "page")}`;
+      const r = Math.ceil(o.total / o.perPage);
+      return `${r} ${X(r, "page")}`;
     });
-    return (d, u) => (i(), b("div", Qt, [
-      u[2] || (u[2] = O(" Number of results per page ")),
+    return (r, d) => (i(), b("div", Qt, [
+      d[2] || (d[2] = O(" Number of results per page ")),
       m("div", el, [
         y(p(ae), {
           options: o.pageSizes,
           "model-value": o.perPage,
           class: "page-size",
-          onChange: u[0] || (u[0] = (r) => a(r))
+          onChange: d[0] || (d[0] = (u) => a(u))
         }, null, 8, ["options", "model-value"])
       ]),
       o.total ? (i(), b("div", tl, [
-        u[1] || (u[1] = m("span", { class: "mx-2" }, "|", -1)),
+        d[1] || (d[1] = m("span", { class: "mx-2" }, "|", -1)),
         m("span", ll, h(o.total) + " " + h(p(X)(o.total, "result")) + " across " + h(n.value), 1)
-      ])) : C("", !0)
+      ])) : T("", !0)
     ]));
   }
 }), ol = { class: "position-relative" }, nl = { "data-cy": "above-table-slot" }, sl = { class: "d-flex w-100" }, il = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, rl = { class: "d-flex" }, dl = { class: "d-flex align-items-end mb-2" }, ul = { key: 0 }, cl = { class: "ms-auto" }, Da = /* @__PURE__ */ F({
+}, rl = { class: "d-flex" }, dl = { class: "d-flex align-items-end mb-2" }, ul = { key: 0 }, cl = { class: "ms-auto" }, Oa = /* @__PURE__ */ F({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2644,15 +2629,15 @@ const Qt = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const l = t, o = e, a = P(), n = P([10, 20, 50, 100]), d = P(20), u = P({
+    const l = t, o = e, a = P(), n = P([5, 10, 20, 50, 100]), r = P(5), d = P({
       filters: o.filters,
-      perPage: d.value,
+      perPage: r.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: o.totalRecords ?? o.value.length
-    }), r = k(() => o.totalRecords ?? o.value.length), c = k(() => {
-      const f = Math.ceil(r.value / d.value);
+    }), u = k(() => o.totalRecords ?? o.value.length), c = k(() => {
+      const f = Math.ceil(u.value / r.value);
       return `${f} ${X(f, "page")}`;
     }), v = k(() => ({
       thead: () => ({
@@ -2683,36 +2668,36 @@ const Qt = {
         for (const f in o.filters)
           typeof o.filters[f] == "string" ? o.filters[f] = "" : o.filters[f].value = null;
       M(o.filters);
-    }, S = () => {
+    }, V = () => {
       a.value.exportCSV();
-    }, T = (f) => {
+    }, S = (f) => {
       var x;
-      u.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", u.value.sortField = ((x = f.sortField) == null ? void 0 : x.toString()) ?? "", l("update:tableContext", u.value), l("sort", f);
+      d.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", d.value.sortField = ((x = f.sortField) == null ? void 0 : x.toString()) ?? "", l("update:tableContext", d.value), l("sort", f);
     }, M = (f) => {
-      u.value.filters = f, l("update:tableContext", u.value), l("update:filters", f);
+      d.value.filters = f, l("update:tableContext", d.value), l("update:filters", f);
     }, I = (f) => {
-      u.value.page = f.page, l("update:tableContext", u.value), l("page", f);
+      d.value.page = f.page, l("update:tableContext", d.value), l("page", f);
     }, z = () => {
-      u.value.perPage = d.value, l("update:tableContext", u.value);
+      d.value.perPage = r.value, l("update:tableContext", d.value);
     };
     return ue(() => o.filters, (f) => {
-      u.value.filters = f, l("update:tableContext", u.value);
-    }, { deep: !0 }), le(() => l("update:tableContext", u.value)), (f, x) => (i(), b("div", ol, [
+      d.value.filters = f, l("update:tableContext", d.value);
+    }, { deep: !0 }), le(() => l("update:tableContext", d.value)), (f, x) => (i(), b("div", ol, [
       m("span", nl, [
         $(f.$slots, "above-table")
       ]),
-      y(p(ze), V({
+      y(p(ze), _({
         class: ["w-100", `${o.severity ? `forge-table-${o.severity}` : ""}`]
       }, { ...o, ...f.$attrs }, {
         pt: v.value,
-        rows: d.value,
-        "total-records": r.value,
+        rows: r.value,
+        "total-records": u.value,
         "filter-display": o.filters ? "row" : void 0,
         ref_key: "forgeTable",
         ref: a,
         "data-cy": "table",
         "onUpdate:filters": M,
-        onSort: T,
+        onSort: S,
         onPage: I
       }), te({
         empty: g(() => [
@@ -2728,15 +2713,15 @@ const Qt = {
               m("div", dl, [
                 f.paginator && !f.legacyPaginationFooter ? (i(), b("span", ul, [
                   y(al, {
-                    total: r.value,
+                    total: u.value,
                     "page-sizes": n.value,
-                    "per-page": d.value,
+                    "per-page": r.value,
                     "onUpdate:perPage": [
-                      x[0] || (x[0] = (G) => d.value = G),
+                      x[0] || (x[0] = (Y) => r.value = Y),
                       z
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : C("", !0)
+                ])) : T("", !0)
               ]),
               m("div", cl, [
                 f.showClearButton ? (i(), w(p(L), {
@@ -2747,7 +2732,7 @@ const Qt = {
                   "data-cy": "clear-all"
                 }, {
                   default: g(() => [
-                    y(p(_), {
+                    y(p(C), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
@@ -2755,15 +2740,15 @@ const Qt = {
                     x[2] || (x[2] = O(" Clear "))
                   ]),
                   _: 1
-                }, 8, ["class"])) : C("", !0),
+                }, 8, ["class"])) : T("", !0),
                 f.showExporterButton ? (i(), w(p(L), {
                   key: 1,
                   outlined: "",
-                  onClick: S,
+                  onClick: V,
                   "data-cy": "exporter"
                 }, {
                   default: g(() => [
-                    y(p(_), {
+                    y(p(C), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
@@ -2771,7 +2756,7 @@ const Qt = {
                     x[3] || (x[3] = O(" Export "))
                   ]),
                   _: 1
-                })) : C("", !0),
+                })) : T("", !0),
                 $(f.$slots, "column-customiser")
               ])
             ])
@@ -2782,7 +2767,7 @@ const Qt = {
         ]),
         _: 2
       }, [
-        H(f.$slots, (G, Z) => ({
+        j(f.$slots, (Y, Z) => ({
           name: Z,
           fn: g((ne) => [
             $(f.$slots, Z, Q(ee(ne || {})))
@@ -2798,8 +2783,8 @@ const Qt = {
               x[4] || (x[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
               y(p(ae), {
                 options: n.value,
-                modelValue: d.value,
-                "onUpdate:modelValue": x[1] || (x[1] = (G) => d.value = G),
+                modelValue: r.value,
+                "onUpdate:modelValue": x[1] || (x[1] = (Y) => r.value = Y),
                 class: "ms-2",
                 onClick: z
               }, null, 8, ["options", "modelValue"])
@@ -2813,14 +2798,14 @@ const Qt = {
             m("span", {
               "data-cy": "legacy-total",
               class: B(o.loading ? "opacity-50" : "")
-            }, h(r.value) + " " + h(p(X)(r.value, "result")) + " across " + h(c.value), 3)
+            }, h(u.value) + " " + h(p(X)(u.value, "result")) + " across " + h(c.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), ml = { class: "d-flex position-relative" }, pl = { class: "d-flex w-100" }, vl = { class: "d-flex w-100" }, Ua = /* @__PURE__ */ F({
+}), ml = { class: "d-flex position-relative" }, pl = { class: "d-flex w-100" }, Da = /* @__PURE__ */ F({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ R({
     dataType: {},
@@ -2838,53 +2823,53 @@ const Qt = {
     const t = U(e, "modelValue"), l = (a, n) => {
       if (!a || Array.isArray(a) && a.length === 0)
         return n;
-      const d = (u) => {
+      const r = (d) => {
         var c;
-        const r = (c = e.dropdownOptions) == null ? void 0 : c.find(
-          (v) => e.optionValue ? v[e.optionValue] === u : Object.keys(v).every((s) => u.hasOwnProperty(s) && v[s] === u[s])
+        const u = (c = e.dropdownOptions) == null ? void 0 : c.find(
+          (v) => e.optionValue ? v[e.optionValue] === d : Object.keys(v).every((s) => d.hasOwnProperty(s) && v[s] === d[s])
         );
-        return e.optionLabel ? r[e.optionLabel] : r;
+        return e.optionLabel ? u[e.optionLabel] : u;
       };
-      return Array.isArray(a) ? a.map(d).join(", ") : d(a);
+      return Array.isArray(a) ? a.map(r).join(", ") : r(a);
     }, o = () => {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
     return (a, n) => {
-      const d = me, u = L;
+      const r = me, d = L;
       return i(), b("div", ml, [
-        a.dataType === "numeric" ? (i(), w(d, V({
+        a.dataType === "numeric" ? (i(), w(r, _({
           key: 0,
           modelValue: t.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r)
-        }, a.$attrs), null, 16, ["modelValue"])) : a.dataType === "date" ? (i(), w(be, V({
+          "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u)
+        }, a.$attrs), null, 16, ["modelValue"])) : a.dataType === "date" ? (i(), w(be, _({
           key: 1,
           modelValue: t.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (r) => t.value = r)
+          "onUpdate:modelValue": n[1] || (n[1] = (u) => t.value = u)
         }, a.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : a.dataType === "select" ? (i(), w(p(ae), V({
+        }), null, 16, ["modelValue"])) : a.dataType === "select" ? (i(), w(p(ae), _({
           key: 2,
           modelValue: t.value,
-          "onUpdate:modelValue": n[2] || (n[2] = (r) => t.value = r)
+          "onUpdate:modelValue": n[2] || (n[2] = (u) => t.value = u)
         }, a.$attrs, {
           options: a.dropdownOptions,
           "option-value": a.optionValue,
           "option-label": a.optionLabel
         }), {
-          value: g(({ value: r, placeholder: c }) => [
+          value: g(({ value: u, placeholder: c }) => [
             m("div", pl, [
               m("span", {
-                class: B({ "filter-placeholder": r === null })
-              }, h(l(r, c)), 3),
-              a.showClearButton && t.value !== null ? (i(), w(u, {
+                class: B({ "filter-placeholder": u === null })
+              }, h(l(u, c)), 3),
+              a.showClearButton && t.value !== null ? (i(), w(d, {
                 key: 0,
-                onClick: Y(o, ["prevent"]),
+                onClick: W(o, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
                 default: g(() => [
-                  y(p(_), {
+                  y(p(C), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -2892,59 +2877,33 @@ const Qt = {
                   })
                 ]),
                 _: 1
-              })) : C("", !0)
+              })) : T("", !0)
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : a.dataType === "multiselect" ? (i(), w(p(re), V({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : a.dataType === "multiselect" ? (i(), w(p(re), _({
           key: 3,
           modelValue: t.value,
-          "onUpdate:modelValue": n[3] || (n[3] = (r) => t.value = r)
+          "onUpdate:modelValue": n[3] || (n[3] = (u) => t.value = u)
         }, a.$attrs, {
           options: a.dropdownOptions,
           showToggleAll: !1,
           "option-label": a.optionLabel,
           "option-value": a.optionValue,
-          filter: "",
-          display: "chip"
-        }), {
-          value: g(({ value: r, placeholder: c }) => [
-            m("div", vl, [
-              m("span", {
-                class: B({ "filter-placeholder": (r == null ? void 0 : r.length) === 0 || r === null })
-              }, h(l(r, c)), 3),
-              a.showClearButton && (r == null ? void 0 : r.length) > 0 ? (i(), w(u, {
-                key: 0,
-                onClick: Y(o, ["prevent"]),
-                size: "small",
-                class: "bg-transparent border-0 ms-auto p-0 pe-1"
-              }, {
-                default: g(() => [
-                  y(p(_), {
-                    icon: "bi:x",
-                    width: "1rem",
-                    height: "1rem",
-                    class: "text-black"
-                  })
-                ]),
-                _: 1
-              })) : C("", !0)
-            ])
-          ]),
-          _: 1
-        }, 16, ["modelValue", "options", "option-label", "option-value"])) : (i(), w(p(ie), V({
+          filter: ""
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (i(), w(p(ie), _({
           key: 4,
           modelValue: t.value,
-          "onUpdate:modelValue": n[4] || (n[4] = (r) => t.value = r)
+          "onUpdate:modelValue": n[4] || (n[4] = (u) => t.value = u)
         }, a.$attrs), null, 16, ["modelValue"])),
-        a.showClearButton && t.value !== null && a.dataType !== "select" && a.dataType !== "multiselect" && a.dataType !== "date" ? (i(), w(u, {
+        a.showClearButton && t.value !== null && a.dataType !== "select" && a.dataType !== "multiselect" && a.dataType !== "date" ? (i(), w(d, {
           key: 5,
-          onClick: Y(o, ["prevent"]),
+          onClick: W(o, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
           default: g(() => [
-            y(p(_), {
+            y(p(C), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -2952,7 +2911,7 @@ const Qt = {
             })
           ]),
           _: 1
-        })) : C("", !0)
+        })) : T("", !0)
       ]);
     };
   }
@@ -2960,16 +2919,16 @@ const Qt = {
 function fe(e, t, l, o) {
   const a = t.flatMap((n) => n.file);
   return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
-    const d = a.findIndex((r) => r.name === n.name);
-    let u = "Not Uploaded";
-    d === -1 ? ((!l.includes(n.type) || !(n.size <= o)) && (u = l.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+    const r = a.findIndex((u) => u.name === n.name);
+    let d = "Not Uploaded";
+    r === -1 ? ((!l.includes(n.type) || !(n.size <= o)) && (d = l.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
       file: n,
-      status: u,
+      status: d,
       blobFileName: null
-    })) : t[d].status = "Duplicate";
+    })) : t[r].status = "Duplicate";
   }), t;
 }
-async function yl(e, t) {
+async function vl(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new pe(t).delete();
@@ -2986,22 +2945,22 @@ function de(e, t = !0, l = 1) {
     return e + " B";
   const a = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
   let n = -1;
-  const d = 10 ** l;
+  const r = 10 ** l;
   do
     e /= o, ++n;
-  while (Math.round(Math.abs(e) * d) / d >= o && n < a.length - 1);
+  while (Math.round(Math.abs(e) * r) / r >= o && n < a.length - 1);
   return e.toFixed(l) + " " + a[n];
 }
-function bl(e) {
+function yl(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function fl(e) {
+function bl(e) {
   return URL.createObjectURL(e);
 }
-const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disabled", "multiple"], wl = {
+const fl = { class: "d-flex justify-content-between" }, gl = ["accept", "disabled", "multiple"], hl = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, xl = /* @__PURE__ */ F({
+}, wl = /* @__PURE__ */ F({
   __name: "UploadButton",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -3013,71 +2972,71 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = U(e, "modelValue"), l = P(), o = (d) => l.value.toggle(d), a = k(() => e.maxFileInput <= t.value.length), n = (d) => {
-      t.value = fe(d, t.value, e.acceptedFileTypes.map((u) => u.fileType), e.maxFileInput);
+    const t = U(e, "modelValue"), l = P(), o = (r) => l.value.toggle(r), a = k(() => e.maxFileInput <= t.value.length), n = (r) => {
+      t.value = fe(r, t.value, e.acceptedFileTypes.map((d) => d.fileType), e.maxFileInput);
     };
-    return (d, u) => {
-      const r = L;
-      return i(), b("div", gl, [
-        $(d.$slots, "message"),
+    return (r, d) => {
+      const u = L;
+      return i(), b("div", fl, [
+        $(r.$slots, "message"),
         m("div", null, [
           m("input", {
             id: "file-input",
             type: "file",
             class: "d-none",
-            accept: d.acceptedFileTypes.join(", "),
+            accept: r.acceptedFileTypes.join(", "),
             disabled: a.value,
-            multiple: d.maxFileInput > 1,
-            onInput: u[0] || (u[0] = (c) => n([...c.target.files]))
-          }, null, 40, hl),
+            multiple: r.maxFileInput > 1,
+            onInput: d[0] || (d[0] = (c) => n([...c.target.files]))
+          }, null, 40, gl),
           m("label", {
             class: B([{ disabled: a.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
-            $(d.$slots, "button-content", {}, () => [
-              y(p(_), {
+            $(r.$slots, "button-content", {}, () => [
+              y(p(C), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
                 width: "20px"
               }),
-              u[1] || (u[1] = O(" Browse your computer "))
+              d[1] || (d[1] = O(" Browse your computer "))
             ])
           ], 2)
         ]),
-        d.showDragDropArea ? (i(), w(r, {
+        r.showDragDropArea ? (i(), w(u, {
           link: "",
           class: "ms-auto",
-          key: d.acceptedFileTypes.length,
+          key: r.acceptedFileTypes.length,
           id: "accepted-file-types",
           onClick: o
         }, {
-          default: g(() => u[2] || (u[2] = [
+          default: g(() => d[2] || (d[2] = [
             O("Accepted File Types")
           ])),
           _: 1
-        })) : C("", !0),
+        })) : T("", !0),
         y(p(ve), {
           ref_key: "acceptedFilesOverlay",
           ref: l
         }, {
           default: g(() => [
-            m("div", wl, h(d.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
+            m("div", hl, h(r.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), kl = {
+}), xl = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, $l = {
+}, kl = {
   key: 1,
   class: "d-flex flex-column"
-}, Bl = /* @__PURE__ */ F({
+}, $l = /* @__PURE__ */ F({
   __name: "DragDropArea",
   props: /* @__PURE__ */ R({
     maxFileInput: {},
@@ -3090,29 +3049,29 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
   emits: ["update:modelValue"],
   setup(e) {
     const t = U(e, "modelValue"), l = P(!1), o = k(() => e.maxFileInput <= t.value.length), a = (n) => {
-      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || o.value ? n.preventDefault() : t.value = fe([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((d) => d.fileType), e.maxFileSize);
+      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || o.value ? n.preventDefault() : t.value = fe([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((r) => r.fileType), e.maxFileSize);
     };
-    return (n, d) => (i(), b("div", {
+    return (n, r) => (i(), b("div", {
       id: "drag-drop-area",
       class: B(`${l.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: d[0] || (d[0] = Y((u) => l.value = !1, ["prevent"])),
-      onDragover: d[1] || (d[1] = Y((u) => l.value = !0, ["prevent"])),
-      onDrop: Y(a, ["prevent"])
+      onDragleave: r[0] || (r[0] = W((d) => l.value = !1, ["prevent"])),
+      onDragover: r[1] || (r[1] = W((d) => l.value = !0, ["prevent"])),
+      onDrop: W(a, ["prevent"])
     }, [
-      t.value.length === 0 ? (i(), b("div", kl, [
-        y(p(_), {
+      t.value.length === 0 ? (i(), b("div", xl, [
+        y(p(C), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        d[2] || (d[2] = O(" Drag and drop files here "))
-      ])) : (i(), b("div", $l, [
+        r[2] || (r[2] = O(" Drag and drop files here "))
+      ])) : (i(), b("div", kl, [
         $(n.$slots, "default")
       ]))
     ], 34));
   }
-}), Fl = { class: "d-flex align-items-center me-2" }, _l = /* @__PURE__ */ F({
+}), Bl = { class: "d-flex align-items-center me-2" }, Fl = /* @__PURE__ */ F({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -3137,8 +3096,8 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (o, a) => (i(), b("div", Fl, [
-      o.uploadStatus === "Uploading" ? (i(), w(Gt, {
+    return (o, a) => (i(), b("div", Bl, [
+      o.uploadStatus === "Uploading" ? (i(), w(Wt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
@@ -3148,7 +3107,7 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
           O(h((o.bytesUploaded / o.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
-      })) : C("", !0),
+      })) : T("", !0),
       o.uploadStatus !== "Uploading" && o.uploadStatus !== "Not Uploaded" && o.uploadStatus !== "Uploaded" && o.uploadStatus !== "Preparing" ? (i(), w(oe, {
         key: 1,
         id: "upload-status-alert",
@@ -3159,19 +3118,19 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
           O(h(l.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : C("", !0)
+      }, 8, ["severity"])) : T("", !0)
     ]));
   }
-}), Vl = ["data-cy"], Cl = { class: "ms-3 d-flex flex-column" }, Sl = {
+}), _l = ["data-cy"], Cl = { class: "ms-3 d-flex flex-column" }, Vl = {
   key: 1,
   id: "file-name"
-}, Tl = {
+}, Sl = {
   class: "text-black-50",
   id: "file-type"
-}, Pl = {
+}, Tl = {
   class: "text-black-50",
   id: "file-size"
-}, Ml = { class: "ms-auto my-auto d-flex" }, Il = /* @__PURE__ */ F({
+}, Pl = { class: "ms-auto my-auto d-flex" }, Ml = /* @__PURE__ */ F({
   __name: "FileInfo",
   props: /* @__PURE__ */ R({
     editableFileName: { type: Boolean },
@@ -3190,9 +3149,9 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
   }),
   emits: /* @__PURE__ */ R(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const l = U(e, "file"), o = U(e, "blobFileName"), a = U(e, "uploadStatus"), n = t, d = P(l.value.name), u = P(""), r = P(0), c = P(), v = k(() => e.acceptedFileTypes.some(({ fileType: I }) => I === l.value.type)), s = k(() => l.value.size <= e.maxFileSize), S = () => {
-      l.value = new File([l.value], d.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
-    }, T = async () => {
+    const l = U(e, "file"), o = U(e, "blobFileName"), a = U(e, "uploadStatus"), n = t, r = P(l.value.name), d = P(""), u = P(0), c = P(), v = k(() => e.acceptedFileTypes.some(({ fileType: I }) => I === l.value.type)), s = k(() => l.value.size <= e.maxFileSize), V = () => {
+      l.value = new File([l.value], r.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
+    }, S = async () => {
       if (!v.value || !s.value) {
         a.value = v.value ? "InvalidFileSize" : "InvalidFileType";
         return;
@@ -3207,10 +3166,10 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
         a.value = "Uploading";
         const f = new pe(I), x = {
           abortSignal: c.value.signal,
-          onProgress: (G) => r.value = G.loadedBytes,
+          onProgress: (Y) => u.value = Y.loadedBytes,
           tags: { temp: "true" }
         };
-        await f.uploadData(l.value, x), u.value = I, a.value = "Uploaded", o.value = z;
+        await f.uploadData(l.value, x), d.value = I, a.value = "Uploaded", o.value = z;
       } catch (f) {
         if (f.name === "AbortError") {
           a.value = "Aborted";
@@ -3219,10 +3178,10 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
         a.value = "Failed";
       }
     }, M = async () => {
-      await yl(a.value, u.value), n("deleted", l.value);
+      await vl(a.value, d.value), n("deleted", l.value);
     };
     return le(() => {
-      e.autoUploadToBlob && T();
+      e.autoUploadToBlob && S();
     }), (I, z) => {
       const f = L;
       return i(), b("div", {
@@ -3230,15 +3189,15 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
         "data-cy": `file-info-${l.value.name}`
       }, [
         m("div", null, [
-          p(bl)(l.value.type) ? (i(), w(p(Oe), {
+          p(yl)(l.value.type) ? (i(), w(p(Oe), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: p(fl)(l.value),
+            src: p(bl)(l.value),
             alt: l.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (i(), w(p(_), {
+          }, null, 8, ["src", "alt"])) : (i(), w(p(C), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -3251,43 +3210,43 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
             I.editableFileName ? (i(), w(Bt, {
               key: 0,
               id: "edit-file-name",
-              modelValue: d.value,
-              "onUpdate:modelValue": z[0] || (z[0] = (x) => d.value = x),
+              modelValue: r.value,
+              "onUpdate:modelValue": z[0] || (z[0] = (x) => r.value = x),
               rules: I.customFileNameRules,
               name: l.value.name,
-              "complete-action": S
-            }, null, 8, ["modelValue", "rules", "name"])) : (i(), b("span", Sl, h(l.value.name), 1))
+              "complete-action": V
+            }, null, 8, ["modelValue", "rules", "name"])) : (i(), b("span", Vl, h(l.value.name), 1))
           ]),
-          m("span", Tl, "File type: " + h(l.value.type.split("/").pop()), 1),
-          m("span", Pl, "File size: " + h(p(de)(l.value.size)), 1)
+          m("span", Sl, "File type: " + h(l.value.type.split("/").pop()), 1),
+          m("span", Tl, "File size: " + h(p(de)(l.value.size)), 1)
         ]),
-        m("div", Ml, [
-          (i(), w(_l, {
+        m("div", Pl, [
+          (i(), w(Fl, {
             key: a.value,
             "file-size": l.value.size,
             "upload-status": a.value,
-            "bytes-uploaded": r.value,
+            "bytes-uploaded": u.value,
             "max-file-size": I.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
           a.value === "Not Uploaded" || a.value === "Failed" || a.value === "Duplicate" || a.value === "Aborted" ? (i(), w(f, {
             key: 0,
             link: "",
-            onClick: T
+            onClick: S
           }, {
             default: g(() => [
-              y(p(_), {
+              y(p(C), {
                 icon: a.value === "Not Uploaded" || a.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : C("", !0),
+          })) : T("", !0),
           a.value === "Uploading" ? (i(), w(f, {
             key: 1,
             link: "",
             onClick: z[1] || (z[1] = (x) => c.value.value.abort())
           }, {
             default: g(() => [
-              y(p(_), { icon: "bi:x-circle-fill" })
+              y(p(C), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
           })) : (i(), w(f, {
@@ -3297,25 +3256,25 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
             id: "delete-button"
           }, {
             default: g(() => [
-              y(p(_), { icon: "bi:trash" })
+              y(p(C), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, Vl);
+      ], 8, _l);
     };
   }
-}), zl = { class: "d-flex justify-content-end mt-1" }, Ol = { id: "max-file-size" }, Dl = /* @__PURE__ */ F({
+}), Il = { class: "d-flex justify-content-end mt-1" }, zl = { id: "max-file-size" }, Ol = /* @__PURE__ */ F({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, l) => (i(), b("div", zl, [
-      m("div", Ol, "Max file size: " + h(p(de)(t.maxFileSize)), 1)
+    return (t, l) => (i(), b("div", Il, [
+      m("div", zl, "Max file size: " + h(p(de)(t.maxFileSize)), 1)
     ]));
   }
-}), Ul = { "data-cy": "file-uploader" }, Al = { key: 0 }, Aa = /* @__PURE__ */ F({
+}), Dl = { "data-cy": "file-uploader" }, Ul = { key: 0 }, Ua = /* @__PURE__ */ F({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -3335,43 +3294,43 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
     const t = U(e, "modelValue"), l = e, o = (a) => {
       t.value = t.value.filter((n) => n.file != a);
     };
-    return (a, n) => (i(), b("div", Ul, [
-      y(xl, V(l, {
+    return (a, n) => (i(), b("div", Dl, [
+      y(wl, _(l, {
         modelValue: t.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (d) => t.value = d)
+        "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r)
       }), null, 16, ["modelValue"]),
-      a.showDragDropArea ? (i(), b("div", Al, [
-        y(Bl, {
+      a.showDragDropArea ? (i(), b("div", Ul, [
+        y($l, {
           "max-file-input": l.maxFileInput,
           "max-file-size": l.maxFileSize,
           "accepted-file-types": l.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (d) => t.value = d)
+          "onUpdate:modelValue": n[1] || (n[1] = (r) => t.value = r)
         }, {
           default: g(() => [
-            (i(!0), b(N, null, H(t.value, ({ file: d }, u) => (i(), b("span", null, [
-              (i(), w(Il, V({
-                key: d.name,
-                class: u === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
-                file: t.value[u].file,
-                "onUpdate:file": (r) => t.value[u].file = r,
-                "blob-file-name": t.value[u].blobFileName,
-                "onUpdate:blobFileName": (r) => t.value[u].blobFileName = r,
-                "upload-status": t.value[u].status,
-                "onUpdate:uploadStatus": (r) => t.value[u].status = r,
+            (i(!0), b(N, null, j(t.value, ({ file: r }, d) => (i(), b("span", null, [
+              (i(), w(Ml, _({
+                key: r.name,
+                class: d === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
+                file: t.value[d].file,
+                "onUpdate:file": (u) => t.value[d].file = u,
+                "blob-file-name": t.value[d].blobFileName,
+                "onUpdate:blobFileName": (u) => t.value[d].blobFileName = u,
+                "upload-status": t.value[d].status,
+                "onUpdate:uploadStatus": (u) => t.value[d].status = u,
                 ref_for: !0
               }, l, { onDeleted: o }), 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(Dl, {
+        y(Ol, {
           "max-file-size": l.maxFileSize
         }, null, 8, ["max-file-size"])
-      ])) : C("", !0)
+      ])) : T("", !0)
     ]));
   }
-}), Nl = { class: "d-flex" }, Ll = { class: "me-3" }, El = { class: "ms-2" }, Rl = { class: "d-flex flex-column w-100" }, jl = ["onClick"], Hl = ["for"], Na = /* @__PURE__ */ F({
+}), Al = { class: "d-flex" }, Nl = { class: "me-3" }, Ll = { class: "ms-2" }, El = { class: "d-flex flex-column w-100" }, Rl = ["onClick"], Hl = ["for"], Aa = /* @__PURE__ */ F({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -3379,27 +3338,27 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = U(e, "modelValue"), l = P(), o = P(!1), a = P([]), n = P([]), d = (r) => {
-      l.value.toggle(r);
-    }, u = (r) => {
-      const c = n.value.find((v) => v.field === r);
+    const t = U(e, "modelValue"), l = P(), o = P(!1), a = P([]), n = P([]), r = (u) => {
+      l.value.toggle(u);
+    }, d = (u) => {
+      const c = n.value.find((v) => v.field === u);
       c.selected = !c.selected, t.value = n.value.filter((v) => v.selected);
     };
     return le(() => {
-      a.value = [...t.value], n.value = [...t.value].map((r) => ({ ...r, selected: !0 }));
-    }), (r, c) => (i(), b(N, null, [
+      a.value = [...t.value], n.value = [...t.value].map((u) => ({ ...u, selected: !0 }));
+    }), (u, c) => (i(), b(N, null, [
       y(p(L), {
-        onClick: d,
+        onClick: r,
         class: "ms-2"
       }, {
         default: g(() => [
-          m("div", Nl, [
-            m("div", Ll, [
-              y(p(_), { icon: "bi:layout-three-columns" })
+          m("div", Al, [
+            m("div", Nl, [
+              y(p(C), { icon: "bi:layout-three-columns" })
             ]),
             O(" Columns (" + h(t.value.length ?? 0) + "/" + h(a.value.length ?? 0) + ") ", 1),
-            m("div", El, [
-              y(p(_), {
+            m("div", Ll, [
+              y(p(C), {
                 icon: o.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -3415,19 +3374,19 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
         onShow: c[1] || (c[1] = () => o.value = !0)
       }, {
         default: g(() => [
-          m("div", Rl, [
-            (i(!0), b(N, null, H(a.value, (v, s) => (i(), b("div", {
+          m("div", El, [
+            (i(!0), b(N, null, j(a.value, (v, s) => (i(), b("div", {
               class: B(["d-flex cursor-pointer", {
                 "border-top": s !== 0,
                 "py-1": s !== 0 && a.value.length - 1 !== s,
                 "pt-1": a.value.length - 1 === s,
                 "pb-1": s === 0
               }]),
-              onClick: (S) => u(v.field)
+              onClick: (V) => d(v.field)
             }, [
               y(p(ce), {
                 id: v.field,
-                "model-value": n.value.find((S) => S.field === v.field).selected,
+                "model-value": n.value.find((V) => V.field === v.field).selected,
                 binary: "",
                 class: "cursor-pointer"
               }, null, 8, ["id", "model-value"]),
@@ -3435,7 +3394,7 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
                 for: v.field,
                 class: "cursor-pointer"
               }, h(v.header), 9, Hl)
-            ], 10, jl))), 256))
+            ], 10, Rl))), 256))
           ])
         ]),
         _: 1
@@ -3444,32 +3403,32 @@ const gl = { class: "d-flex justify-content-between" }, hl = ["accept", "disable
   }
 });
 export {
-  ha as Bootstrap_PT,
-  wa as ForgeActionButton,
+  ga as Bootstrap_PT,
+  ha as ForgeActionButton,
   oe as ForgeAlert,
   mt as ForgeCheckbox,
-  Ma as ForgeChips,
-  Na as ForgeColumnCustomiser,
+  Pa as ForgeChips,
+  Aa as ForgeColumnCustomiser,
   be as ForgeDatepicker,
-  Aa as ForgeFileUploader,
-  Ua as ForgeFilterHeader,
-  Ta as ForgeForm,
-  Pa as ForgeFormField,
+  Ua as ForgeFileUploader,
+  Da as ForgeFilterHeader,
+  Sa as ForgeForm,
+  Ta as ForgeFormField,
   Bt as ForgeInlineEditor,
-  xa as ForgeLink,
+  wa as ForgeLink,
   ye as ForgeLoader,
-  Ba as ForgeModal,
-  _a as ForgeMultiSelect,
-  Va as ForgeMultiSelectPreview,
-  Fa as ForgeNavbar,
+  $a as ForgeModal,
+  Fa as ForgeMultiSelect,
+  _a as ForgeMultiSelectPreview,
+  Ba as ForgeNavbar,
   Ca as ForgePageHeader,
-  Gt as ForgeProgressBar,
-  Sa as ForgeRemainingCharacters,
-  Ia as ForgeStatWidget,
-  za as ForgeStepper,
-  Da as ForgeTable,
-  Oa as ForgeTile,
-  $a as convertToMultiSelectOption,
-  ka as enumToMultiSelectList,
+  Wt as ForgeProgressBar,
+  Va as ForgeRemainingCharacters,
+  Ma as ForgeStatWidget,
+  Ia as ForgeStepper,
+  Oa as ForgeTable,
+  za as ForgeTile,
+  ka as convertToMultiSelectOption,
+  xa as enumToMultiSelectList,
   yt as parseError
 };