@3squared/forge-ui-3 1.1.2 → 1.2.0

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

@@ -1,5 +1,5 @@
 import ge from "primevue/message";
-import { defineComponent as F, openBlock as r, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as f, createElementVNode as m, normalizeClass as B, unref as p, createCommentVNode as S, 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 z, 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 de } from "vue";
+import { defineComponent as F, openBlock as r, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as f, 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 z, 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 de } from "vue";
 import { Icon as _ } from "@iconify/vue";
 import E from "primevue/button";
 import xe from "primevue/toast";
@@ -13,8 +13,8 @@ import Fe from "primevue/menubar";
 import _e from "vue-multiselect";
 import Ve from "primevue/calendar";
 import ae from "primevue/dropdown";
-import Se from "primevue/inputmask";
-import Ce from "primevue/textarea";
+import Ce from "primevue/inputmask";
+import Se from "primevue/textarea";
 import ce from "primevue/inputnumber";
 import Te from "primevue/chips";
 import Pe from "primevue/progressbar";
@@ -869,7 +869,30 @@ const Ue = {
       };
     }
   }
-}, wa = {
+}, ut = {
+  fieldset: {
+    root: () => ({
+      class: [
+        "border rounded p-2 w-100"
+      ]
+    }),
+    legend: () => ({
+      class: [
+        "float-none w-auto px-2 mb-0 fw-semibold fs-6 fieldset-legend"
+      ]
+    }),
+    togglerIcon: () => ({
+      class: [
+        "me-1"
+      ]
+    }),
+    toggleableContent: () => ({
+      class: [
+        "px-2"
+      ]
+    })
+  }
+}, xa = {
   ...tt,
   ...Ue,
   ...st,
@@ -896,6 +919,7 @@ const Ue = {
   ...Ze,
   ...dt,
   ...He,
+  ...ut,
   directives: {
     ...at
   }
@@ -928,7 +952,7 @@ const Ue = {
               icon: t.icon,
               class: B(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : S("", !0)
+            }, null, 8, ["icon", "class"])) : C("", !0)
           ], 2)
         ]),
         closeicon: f(() => [
@@ -941,7 +965,7 @@ const Ue = {
       }, 16);
     };
   }
-}), xa = /* @__PURE__ */ F({
+}), ka = /* @__PURE__ */ F({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -971,7 +995,7 @@ const Ue = {
       ], 64);
     };
   }
-}), ut = { class: "d-flex flex-column" }, ct = ["for"], mt = /* @__PURE__ */ F({
+}), ct = { class: "d-flex flex-column" }, mt = ["for"], pt = /* @__PURE__ */ F({
   __name: "ForgeCheckbox",
   props: /* @__PURE__ */ R({
     label: { default: "" },
@@ -1013,7 +1037,7 @@ const Ue = {
     }, i = k(() => a.value.length > 0);
     return (u, c) => {
       const v = ue;
-      return r(), b("div", ut, [
+      return r(), b("div", ct, [
         m("div", V({
           class: "d-flex cursor-pointer",
           "data-cy": "checkbox-container",
@@ -1034,7 +1058,7 @@ const Ue = {
             $(u.$slots, "default", {}, () => [
               z(h(t.label), 1)
             ])
-          ], 10, ct)
+          ], 10, mt)
         ], 16),
         j(m("small", {
           "data-cy": "error",
@@ -1045,7 +1069,7 @@ const Ue = {
       ]);
     };
   }
-}), pt = { class: "forge-loader" }, ve = /* @__PURE__ */ F({
+}), vt = { class: "forge-loader" }, ve = /* @__PURE__ */ F({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -1054,7 +1078,7 @@ const Ue = {
     const t = e;
     return (l, o) => {
       const a = ke;
-      return r(), b("div", pt, [
+      return r(), b("div", vt, [
         y(a, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
@@ -1062,7 +1086,7 @@ const Ue = {
       ]);
     };
   }
-}), vt = ["href", "target"], ka = /* @__PURE__ */ F({
+}), yt = ["href", "target"], $a = /* @__PURE__ */ F({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1108,13 +1132,13 @@ const Ue = {
           id: "link-icon",
           icon: o.iconName,
           class: B(["bi my-auto", l.value])
-        }, null, 8, ["icon", "class"])) : S("", !0),
+        }, null, 8, ["icon", "class"])) : C("", !0),
         z(" " + h(o.label), 1)
       ])
-    ], 10, vt));
+    ], 10, yt));
   }
 });
-function yt(e) {
+function bt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1125,16 +1149,16 @@ function yt(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function $a(e, t) {
+function Ba(e, t) {
   return e.map((l) => ({ id: l, label: t ? t(l) : `${l}` }));
 }
-function Ba(e, t, l) {
+function Fa(e, t, l) {
   return { id: e, label: t ?? e.toString(), shortLabel: l };
 }
-const bt = { key: 0 }, ft = {
+const ft = { key: 0 }, gt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Fa = /* @__PURE__ */ F({
+}, _a = /* @__PURE__ */ F({
   __name: "ForgeModal",
   props: /* @__PURE__ */ R({
     cancelText: { default: "Cancel" },
@@ -1198,8 +1222,8 @@ const bt = { key: 0 }, ft = {
           (s || s == null) && u();
         } catch (s) {
           n.value.hasError = !0;
-          const C = yt(s);
-          n.value.header = C.errorMessage, n.value.message = C.errorDetails;
+          const S = bt(s);
+          n.value.header = S.errorMessage, n.value.message = S.errorDetails;
         }
         a.value = !1;
       }
@@ -1214,7 +1238,7 @@ const bt = { key: 0 }, ft = {
         }
       ]
     }));
-    return (s, C) => {
+    return (s, S) => {
       const T = E, M = $e;
       return r(), w(M, V(o, {
         onMaximize: i,
@@ -1252,22 +1276,22 @@ const bt = { key: 0 }, ft = {
                 m("p", {
                   class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, h(n.value.header), 3),
-                n.value.message.length > 0 ? (r(), b("ul", bt, [
+                n.value.message.length > 0 ? (r(), b("ul", ft, [
                   (r(!0), b(N, null, H(n.value.message, (x) => (r(), b("li", { key: x }, h(x), 1))), 128))
-                ])) : S("", !0)
+                ])) : C("", !0)
               ]),
               _: 1
-            })) : S("", !0),
+            })) : C("", !0),
             $(s.$slots, O, Q(ee(g || {}))),
             a.value ? $(s.$slots, "loader", { key: 1 }, () => [
               y(ve, { "data-cy": "loader" })
-            ]) : S("", !0)
+            ]) : C("", !0)
           ])
         })),
         s.showFooter ? {
           name: "footer",
           fn: f(() => [
-            m("div", ft, [
+            m("div", gt, [
               y(T, {
                 label: s.cancelText,
                 class: B(o.cancelClass),
@@ -1290,7 +1314,7 @@ const bt = { key: 0 }, ft = {
       ]), 1040, ["pt"]);
     };
   }
-}), gt = ["id"], ht = { key: 0 }, wt = { key: 0 }, xt = { class: "d-flex justify-content-between align-items-center position-relative" }, kt = { key: 1 }, $t = { "data-cy": "readonly-value" }, Bt = /* @__PURE__ */ F({
+}), ht = ["id"], wt = { key: 0 }, xt = { key: 0 }, kt = { class: "d-flex justify-content-between align-items-center position-relative" }, $t = { key: 1 }, Bt = { "data-cy": "readonly-value" }, Ft = /* @__PURE__ */ F({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ R({
     name: { default: "" },
@@ -1309,7 +1333,7 @@ const bt = { key: 0 }, ft = {
       var T;
       o.value = !o.value, (T = a.value) == null || T.focus();
     }, d = async () => {
-      if (C.value)
+      if (S.value)
         return !1;
       if (l.value = s.value, t.completeAction)
         try {
@@ -1329,21 +1353,21 @@ const bt = { key: 0 }, ft = {
     le(() => {
       s.value = l.value;
     });
-    const C = k(() => v.value.length > 0);
+    const S = k(() => v.value.length > 0);
     return (T, M) => {
       const I = ie, O = E;
       return r(), b("div", {
         id: t.name
       }, [
-        T.readonly ? (r(), b("div", kt, [
+        T.readonly ? (r(), b("div", $t, [
           $(T.$slots, "default", {}, () => [
-            m("span", $t, h(p(s)), 1)
+            m("span", Bt, h(p(s)), 1)
           ])
-        ])) : (r(), b("div", ht, [
-          o.value ? (r(), b("div", wt, [
-            j((r(), b("div", xt, [
+        ])) : (r(), b("div", wt, [
+          o.value ? (r(), b("div", xt, [
+            j((r(), b("div", kt, [
               $(T.$slots, "editor", {
-                class: B({ "is-invalid": C.value }),
+                class: B({ "is-invalid": S.value }),
                 editFinished: d,
                 cancel: i,
                 val: p(s)
@@ -1355,7 +1379,7 @@ const bt = { key: 0 }, ft = {
                   modelValue: p(s),
                   "onUpdate:modelValue": M[0] || (M[0] = (g) => se(s) ? s.value = g : null),
                   modelModifiers: { trim: !0 },
-                  class: B({ "is-invalid": C.value }),
+                  class: B({ "is-invalid": S.value }),
                   onKeydown: [
                     J(d, ["enter"]),
                     J(i, ["esc"])
@@ -1380,7 +1404,7 @@ const bt = { key: 0 }, ft = {
           }, [
             $(T.$slots, "default", {}, () => [
               m("div", {
-                class: B(["pe-2 cursor-pointer", { "text-invalid": C.value }]),
+                class: B(["pe-2 cursor-pointer", { "text-invalid": S.value }]),
                 "data-cy": "value"
               }, h(p(s) ? p(s) : "Click to edit"), 3)
             ]),
@@ -1391,7 +1415,7 @@ const bt = { key: 0 }, ft = {
               default: f(() => [
                 y(p(_), {
                   icon: "bi:pencil",
-                  class: B(C.value ? "text-invalid" : "text-muted"),
+                  class: B(S.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
                   onKeydown: J(n, ["enter"])
                 }, null, 8, ["class"])
@@ -1404,12 +1428,12 @@ const bt = { key: 0 }, ft = {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(c)), 513), [
-          [q, C.value]
+          [q, S.value]
         ])
-      ], 8, gt);
+      ], 8, ht);
     };
   }
-}), Ft = ["href"], _a = /* @__PURE__ */ F({
+}), _t = ["href"], Va = /* @__PURE__ */ F({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1468,7 +1492,7 @@ const bt = { key: 0 }, ft = {
             $(o.$slots, "logo", {}, () => [
               a[0] || (a[0] = z(" Logo "))
             ])
-          ], 8, Ft)
+          ], 8, _t)
         ]),
         menubuttonicon: f(() => [
           $(o.$slots, "menubuttonicon", {}, () => [
@@ -1491,7 +1515,7 @@ const bt = { key: 0 }, ft = {
       ]), 1040, ["pt"]);
     };
   }
-}), _t = { class: "multiselect__caret" }, Vt = ["checked"], St = ["data-cy"], Ct = ["checked"], Tt = { class: "my-auto ms-1" }, Pt = { class: "multiselect__tag d-inline-flex" }, Mt = { class: "my-auto" }, ye = /* @__PURE__ */ F({
+}), Vt = { class: "multiselect__caret" }, Ct = ["checked"], St = ["data-cy"], Tt = ["checked"], Pt = { class: "my-auto ms-1" }, Mt = { class: "multiselect__tag d-inline-flex" }, It = { class: "my-auto" }, ye = /* @__PURE__ */ F({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1524,7 +1548,7 @@ 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}`), C = 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))), O = () => c.value = !0, g = () => c.value = !1, x = () => {
+    })), 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))), O = () => c.value = !0, g = () => c.value = !1, x = () => {
       i.value = v.value.multiple ? [] : null, n("update:modelValue", i.value);
     }, G = (L) => {
       n("update:modelValue", l.selectValue ? L.map((D) => D[l.selectValue]) : L);
@@ -1542,7 +1566,7 @@ const bt = { key: 0 }, ft = {
         modelValue: p(i)
       }), te({
         caret: f(({ toggle: A }) => [
-          m("div", _t, [
+          m("div", Vt, [
             I.value ? (r(), w(p(_), {
               key: 0,
               icon: "bi:x",
@@ -1551,7 +1575,7 @@ const bt = { key: 0 }, ft = {
               "data-cy": "clear",
               height: "18px",
               width: "18px"
-            })) : S("", !0),
+            })) : C("", !0),
             y(p(_), {
               icon: "bi:chevron-down",
               onClick: A,
@@ -1560,12 +1584,12 @@ const bt = { key: 0 }, ft = {
           ])
         ]),
         tag: f(({ option: A, remove: W }) => [
-          m("div", Pt, [
-            m("div", Mt, h(A.label), 1),
+          m("div", Mt, [
+            m("div", It, h(A.label), 1),
             y(p(_), {
               icon: "bi:x",
               class: "my-auto multiselect__tag-icon",
-              onMousedown: Y((Yl) => o(W, A), ["prevent", "stop"]),
+              onMousedown: Y((Gl) => o(W, A), ["prevent", "stop"]),
               height: "18px",
               width: "18px"
             }, null, 8, ["onMousedown"])
@@ -1587,14 +1611,14 @@ const bt = { key: 0 }, ft = {
               "data-cy": "toggle-all"
             }, [
               m("div", {
-                class: B(["d-flex py-1", C.value])
+                class: B(["d-flex py-1", S.value])
               }, [
                 m("input", {
                   checked: T.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)
@@ -1613,8 +1637,8 @@ const bt = { key: 0 }, ft = {
                 name: "selected",
                 type: "checkbox",
                 class: "form-check-input px-2 py-2 rounded ms-2 cursor-pointer"
-              }, null, 8, Ct),
-              m("div", Tt, h(A[v.value.label]), 1)
+              }, null, 8, Tt),
+              m("div", Pt, h(A[v.value.label]), 1)
             ], 8, St)
           ]),
           key: "1"
@@ -1628,17 +1652,17 @@ const bt = { key: 0 }, ft = {
       ])
     ], 64));
   }
-}), It = {
+}), zt = {
   key: 0,
   class: "pl-1"
-}, zt = { class: "border alternating-item-list" }, Ot = {
+}, Ot = { class: "border alternating-item-list" }, Dt = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Dt = { class: "d-inline-block" }, Ut = {
+}, Ut = { class: "d-inline-block" }, At = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Va = /* @__PURE__ */ F({
+}, Ca = /* @__PURE__ */ F({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ R({
     title: { default: "Selected Items" },
@@ -1676,7 +1700,7 @@ const bt = { key: 0 }, ft = {
               z(h(""))
             ])),
             selection: f(() => [
-              l.value.length > 0 ? (r(), b("span", It, h(l.value.length) + " items selected", 1)) : S("", !0)
+              l.value.length > 0 ? (r(), b("span", zt, h(l.value.length) + " items selected", 1)) : C("", !0)
             ]),
             default: f(() => [
               (r(!0), b(N, null, H(a.$slots, (i, u) => $(a.$slots, u, { slot: u })), 256))
@@ -1693,14 +1717,14 @@ const bt = { key: 0 }, ft = {
             style: we({ height: a.height }),
             class: "overflow-auto"
           }, [
-            m("div", zt, [
-              a.title ? (r(), b("div", Ot, h(a.title), 1)) : S("", !0),
+            m("div", Ot, [
+              a.title ? (r(), b("div", Dt, h(a.title), 1)) : C("", !0),
               (r(!0), b(N, null, H(l.value, (i) => (r(), b("div", {
                 key: i.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 $(a.$slots, "list-item", { item: i }, () => [
-                  m("span", Dt, h(i.shortLabel ? i.shortLabel : i.label), 1)
+                  m("span", Ut, h(i.shortLabel ? i.shortLabel : i.label), 1)
                 ]),
                 a.canRemoveItemFromPreview ? (r(), w(d, {
                   key: 0,
@@ -1716,19 +1740,19 @@ const bt = { key: 0 }, ft = {
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : S("", !0)
+                }, 1032, ["onClick"])) : C("", !0)
               ]))), 128)),
-              l.value.length === 0 ? (r(), b("div", Ut, h(t.optionsPreviewEmptyText), 1)) : S("", !0)
+              l.value.length === 0 ? (r(), b("div", At, h(t.optionsPreviewEmptyText), 1)) : C("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), At = { class: "d-flex justify-content-between pb-2" }, Nt = {
+}), Nt = { class: "d-flex justify-content-between pb-2" }, Et = {
   "data-cy": "title",
   class: "my-auto"
-}, Et = {
+}, Lt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
 }, Sa = /* @__PURE__ */ F({
@@ -1738,14 +1762,14 @@ const bt = { key: 0 }, ft = {
   },
   setup(e) {
     const t = e;
-    return (l, o) => (r(), b("div", At, [
-      m("h3", Nt, h(t.title), 1),
-      m("div", Et, [
+    return (l, o) => (r(), b("div", Nt, [
+      m("h3", Et, h(t.title), 1),
+      m("div", Lt, [
         $(l.$slots, "default")
       ])
     ]));
   }
-}), Lt = { class: "d-flex" }, Rt = { "data-cy": "before-slot" }, jt = { class: "position-relative w-100" }, Ht = { "data-cy": "after-slot" }, be = /* @__PURE__ */ F({
+}), Rt = { class: "d-flex" }, jt = { "data-cy": "before-slot" }, Ht = { class: "position-relative w-100" }, qt = { "data-cy": "after-slot" }, be = /* @__PURE__ */ F({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ R({
     severity: { default: "primary" },
@@ -1913,19 +1937,19 @@ const bt = { key: 0 }, ft = {
         ]
       })
     }));
-    return (s, C) => {
+    return (s, S) => {
       const T = Ve;
       return r(), b(N, null, [
-        m("div", Lt, [
-          m("span", Rt, [
+        m("div", Rt, [
+          m("span", jt, [
             $(s.$slots, "before")
           ]),
-          m("div", jt, [
+          m("div", Ht, [
             y(T, V({ ...t, ...s.$attrs }, {
               pt: v.value,
               modelValue: l.value,
               "onUpdate:modelValue": [
-                C[0] || (C[0] = (M) => l.value = M),
+                S[0] || (S[0] = (M) => l.value = M),
                 p(n)
               ],
               onBlur: p(d),
@@ -1947,7 +1971,7 @@ const bt = { key: 0 }, ft = {
               [q, t.modelValue]
             ])
           ]),
-          m("span", Ht, [
+          m("span", qt, [
             $(s.$slots, "after")
           ])
         ]),
@@ -1960,7 +1984,7 @@ const bt = { key: 0 }, ft = {
       ], 64);
     };
   }
-}), Ca = /* @__PURE__ */ F({
+}), Ta = /* @__PURE__ */ F({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -1972,7 +1996,7 @@ const bt = { key: 0 }, ft = {
       class: B(l.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + h(l.value), 3));
   }
-}), qt = { class: "d-flex justify-content-between" }, Ta = /* @__PURE__ */ F({
+}), Yt = { class: "d-flex justify-content-between" }, Pa = /* @__PURE__ */ F({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2004,7 +2028,7 @@ const bt = { key: 0 }, ft = {
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: Y(a, ["prevent"])
       }), [
-        n.hideTitle ? S("", !0) : (r(), b(N, { key: 0 }, [
+        n.hideTitle ? C("", !0) : (r(), b(N, { key: 0 }, [
           $(n.$slots, "title", {}, () => [
             m("h3", {
               class: B(n.titleClass),
@@ -2026,11 +2050,11 @@ const bt = { key: 0 }, ft = {
             ])
           ]),
           _: 3
-        })) : S("", !0),
+        })) : C("", !0),
         $(n.$slots, "default"),
-        m("div", qt, [
+        m("div", Yt, [
           $(n.$slots, "cancel", {}, () => [
-            n.hideCancel ? S("", !0) : (r(), w(i, {
+            n.hideCancel ? C("", !0) : (r(), w(i, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
@@ -2061,14 +2085,14 @@ const bt = { key: 0 }, ft = {
         l.value ? (r(), w(ve, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : S("", !0)
+        })) : C("", !0)
       ], 16);
     };
   }
-}), Yt = {
+}), Gt = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, Gt = ["for"], Pa = /* @__PURE__ */ F({
+}, Kt = ["for"], Ma = /* @__PURE__ */ F({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ R({
     name: {},
@@ -2091,8 +2115,8 @@ const bt = { key: 0 }, ft = {
     return de(() => n.value, (v) => {
       t.value = v;
     }, { immediate: !0 }), (v, s) => {
-      const C = Ce, T = Se, M = ie, I = ae, O = ye, g = be;
-      return l.type === "checkbox" ? (r(), w(mt, V({
+      const S = Se, T = Ce, M = ie, I = ae, O = ye, g = be;
+      return l.type === "checkbox" ? (r(), w(pt, V({
         key: 0,
         id: l.name,
         label: l.fieldLabel
@@ -2100,7 +2124,7 @@ const bt = { key: 0 }, ft = {
         name: l.name,
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (x) => t.value = x)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), b("div", Yt, [
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), b("div", Gt, [
         m("div", {
           "data-cy": "input-wrapper",
           class: B(["d-flex", l.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
@@ -2108,7 +2132,7 @@ const bt = { key: 0 }, ft = {
           m("label", {
             for: l.name,
             class: B(l.fieldLabelPosition === "top" ? "mb-1" : "me-2")
-          }, h(l.fieldLabel), 11, Gt),
+          }, h(l.fieldLabel), 11, Kt),
           l.type === "number" ? (r(), w(p(ce), V({
             key: 0,
             id: l.name
@@ -2119,7 +2143,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" ? (r(), w(C, V({
+          }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : l.type === "textarea" ? (r(), w(S, V({
             key: 1,
             id: l.name
           }, v.$attrs, {
@@ -2162,7 +2186,7 @@ const bt = { key: 0 }, ft = {
             modelValue: t.value,
             "onUpdate:modelValue": s[7] || (s[7] = (x) => t.value = x),
             class: { "is-invalid": c.value }
-          }), null, 16, ["modelValue", "class"])) : S("", !0)
+          }), null, 16, ["modelValue", "class"])) : C("", !0)
         ], 2),
         j(m("small", {
           "data-cy": "error",
@@ -2173,7 +2197,7 @@ const bt = { key: 0 }, ft = {
       ]));
     };
   }
-}), Ma = /* @__PURE__ */ F({
+}), Ia = /* @__PURE__ */ F({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -2261,7 +2285,7 @@ const bt = { key: 0 }, ft = {
       ], 64);
     };
   }
-}), Kt = /* @__PURE__ */ F({
+}), Wt = /* @__PURE__ */ F({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2313,7 +2337,7 @@ const bt = { key: 0 }, ft = {
       }, 16, ["pt"]);
     };
   }
-}), Wt = { class: "value text-white w-100 text-center" }, Ia = /* @__PURE__ */ F({
+}), Zt = { class: "value text-white w-100 text-center" }, za = /* @__PURE__ */ F({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2324,15 +2348,15 @@ const bt = { key: 0 }, ft = {
     return (l, o) => (r(), b("div", V(l.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", Wt, [
+      m("span", Zt, [
         $(l.$slots, "default")
       ])
     ], 16));
   }
-}), Zt = {
+}), Jt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, Jt = { class: "d-flex align-items-center justify-content-center w-100" }, za = /* @__PURE__ */ F({
+}, Xt = { class: "d-flex align-items-center justify-content-center w-100" }, Oa = /* @__PURE__ */ F({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2399,9 +2423,9 @@ const bt = { key: 0 }, ft = {
       })
     }));
     return (c, v) => {
-      const s = E, C = Ie, T = Me;
-      return r(), b("div", Zt, [
-        m("div", Jt, [
+      const s = E, S = Ie, T = Me;
+      return r(), b("div", Jt, [
+        m("div", Xt, [
           y(s, {
             severity: o.severity,
             disabled: i.value,
@@ -2417,7 +2441,7 @@ const bt = { key: 0 }, ft = {
             ]),
             _: 1
           }, 8, ["severity", "disabled"]),
-          y(C, {
+          y(S, {
             "active-step": a.value,
             "onUpdate:activeStep": v[0] || (v[0] = (M) => a.value = M),
             model: o.model,
@@ -2450,12 +2474,12 @@ const bt = { key: 0 }, ft = {
               ]),
               _: 2
             }, 1024)
-          ]) : S("", !0)
+          ]) : C("", !0)
         ]))), 128))
       ]);
     };
   }
-}), Xt = { class: "p-4 text-wrap w-100" }, Qt = { class: "p-4 text-wrap w-100" }, Oa = /* @__PURE__ */ F({
+}), Qt = { class: "p-4 text-wrap w-100" }, el = { class: "p-4 text-wrap w-100" }, Da = /* @__PURE__ */ F({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2475,7 +2499,7 @@ const bt = { key: 0 }, ft = {
         "data-cy": "button-tile"
       }, {
         default: f(() => [
-          m("div", Xt, [
+          m("div", Qt, [
             $(a.$slots, "default", {}, () => [
               n[0] || (n[0] = z("Tile Content"))
             ])
@@ -2487,7 +2511,7 @@ const bt = { key: 0 }, ft = {
         class: B(["d-flex w-100", o.value]),
         "data-cy": "tile"
       }, [
-        m("div", Qt, [
+        m("div", el, [
           $(a.$slots, "default", {}, () => [
             n[1] || (n[1] = z("Tile Content"))
           ])
@@ -2499,13 +2523,13 @@ const bt = { key: 0 }, ft = {
 function X(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const el = {
+const tl = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, tl = { class: "ms-2" }, ll = { key: 0 }, al = {
+}, ll = { class: "ms-2" }, al = { key: 0 }, ol = {
   class: "w-auto",
   "data-cy": "total"
-}, ol = /* @__PURE__ */ F({
+}, nl = /* @__PURE__ */ F({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2520,9 +2544,9 @@ const el = {
       const d = Math.ceil(o.total / o.perPage);
       return `${d} ${X(d, "page")}`;
     });
-    return (d, i) => (r(), b("div", el, [
+    return (d, i) => (r(), b("div", tl, [
       i[2] || (i[2] = z(" Number of results per page ")),
-      m("div", tl, [
+      m("div", ll, [
         y(p(ae), {
           options: o.pageSizes,
           "model-value": o.perPage,
@@ -2530,16 +2554,16 @@ const el = {
           onChange: i[0] || (i[0] = (u) => a(u))
         }, null, 8, ["options", "model-value"])
       ]),
-      o.total ? (r(), b("div", ll, [
+      o.total ? (r(), b("div", al, [
         i[1] || (i[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", al, h(o.total) + " " + h(p(X)(o.total, "result")) + " across " + h(n.value), 1)
-      ])) : S("", !0)
+        m("span", ol, h(o.total) + " " + h(p(X)(o.total, "result")) + " across " + h(n.value), 1)
+      ])) : C("", !0)
     ]));
   }
-}), nl = { class: "position-relative" }, sl = { "data-cy": "above-table-slot" }, il = { class: "d-flex w-100" }, rl = {
+}), sl = { class: "position-relative" }, il = { "data-cy": "above-table-slot" }, rl = { class: "d-flex w-100" }, dl = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, dl = { class: "d-flex" }, ul = { class: "d-flex align-items-end mb-2" }, cl = { key: 0 }, ml = { class: "ms-auto" }, Da = /* @__PURE__ */ F({
+}, ul = { class: "d-flex" }, cl = { class: "d-flex align-items-end mb-2" }, ml = { key: 0 }, pl = { class: "ms-auto" }, Ua = /* @__PURE__ */ F({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2660,7 +2684,7 @@ const el = {
         for (const g in o.filters)
           typeof o.filters[g] == "string" ? o.filters[g] = "" : o.filters[g].value = null;
       M(o.filters);
-    }, C = () => {
+    }, S = () => {
       a.value.exportCSV();
     }, T = (g) => {
       var x;
@@ -2674,8 +2698,8 @@ const el = {
     };
     return de(() => o.filters, (g) => {
       i.value.filters = g, l("update:tableContext", i.value);
-    }, { deep: !0 }), le(() => l("update:tableContext", i.value)), (g, x) => (r(), b("div", nl, [
-      m("span", sl, [
+    }, { deep: !0 }), le(() => l("update:tableContext", i.value)), (g, x) => (r(), b("div", sl, [
+      m("span", il, [
         $(g.$slots, "above-table")
       ]),
       y(p(ze), V({
@@ -2693,18 +2717,18 @@ const el = {
         onPage: I
       }), te({
         empty: f(() => [
-          m("div", il, [
-            m("h5", rl, h(g.emptyMessage ?? "No items Found."), 1)
+          m("div", rl, [
+            m("h5", dl, h(g.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: f(() => [
           m("div", {
             class: B(o.loading ? "opacity-50" : "")
           }, [
-            m("div", dl, [
-              m("div", ul, [
-                g.paginator && !g.legacyPaginationFooter ? (r(), b("span", cl, [
-                  y(ol, {
+            m("div", ul, [
+              m("div", cl, [
+                g.paginator && !g.legacyPaginationFooter ? (r(), b("span", ml, [
+                  y(nl, {
                     total: u.value,
                     "page-sizes": n.value,
                     "per-page": d.value,
@@ -2713,9 +2737,9 @@ const el = {
                       O
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : S("", !0)
+                ])) : C("", !0)
               ]),
-              m("div", ml, [
+              m("div", pl, [
                 g.showClearButton ? (r(), w(p(E), {
                   key: 0,
                   outlined: "",
@@ -2732,11 +2756,11 @@ const el = {
                     x[2] || (x[2] = z(" Clear "))
                   ]),
                   _: 1
-                }, 8, ["class"])) : S("", !0),
+                }, 8, ["class"])) : C("", !0),
                 g.showExporterButton ? (r(), w(p(E), {
                   key: 1,
                   outlined: "",
-                  onClick: C,
+                  onClick: S,
                   "data-cy": "exporter"
                 }, {
                   default: f(() => [
@@ -2748,7 +2772,7 @@ const el = {
                     x[3] || (x[3] = z(" Export "))
                   ]),
                   _: 1
-                })) : S("", !0),
+                })) : C("", !0),
                 $(g.$slots, "column-customiser")
               ])
             ])
@@ -2797,7 +2821,7 @@ const el = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), pl = { class: "d-flex position-relative" }, vl = { class: "d-flex w-100" }, yl = { class: "d-flex w-100" }, Ua = /* @__PURE__ */ F({
+}), vl = { class: "d-flex position-relative" }, yl = { class: "d-flex w-100" }, bl = { class: "d-flex w-100" }, Aa = /* @__PURE__ */ F({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ R({
     dataType: {},
@@ -2828,7 +2852,7 @@ const el = {
     };
     return (a, n) => {
       const d = ce, i = E;
-      return r(), b("div", pl, [
+      return r(), b("div", vl, [
         a.dataType === "numeric" ? (r(), w(d, V({
           key: 0,
           modelValue: t.value,
@@ -2850,7 +2874,7 @@ const el = {
           "option-label": a.optionLabel
         }), {
           value: f(({ value: u, placeholder: c }) => [
-            m("div", vl, [
+            m("div", yl, [
               m("span", {
                 class: B({ "filter-placeholder": u === null })
               }, h(l(u, c)), 3),
@@ -2869,7 +2893,7 @@ const el = {
                   })
                 ]),
                 _: 1
-              })) : S("", !0)
+              })) : C("", !0)
             ])
           ]),
           _: 1
@@ -2885,7 +2909,7 @@ const el = {
           filter: ""
         }), {
           value: f(({ value: u, placeholder: c }) => [
-            m("div", yl, [
+            m("div", bl, [
               m("span", {
                 class: B({ "filter-placeholder": (u == null ? void 0 : u.length) === 0 || u === null })
               }, h(l(u, c)), 3),
@@ -2904,7 +2928,7 @@ const el = {
                   })
                 ]),
                 _: 1
-              })) : S("", !0)
+              })) : C("", !0)
             ])
           ]),
           _: 1
@@ -2928,7 +2952,7 @@ const el = {
             })
           ]),
           _: 1
-        })) : S("", !0)
+        })) : C("", !0)
       ]);
     };
   }
@@ -2945,7 +2969,7 @@ function fe(e, t, l, o) {
     })) : t[d].status = "Duplicate";
   }), t;
 }
-async function bl(e, t) {
+async function fl(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new me(t).delete();
@@ -2968,16 +2992,16 @@ function re(e, t = !0, l = 1) {
   while (Math.round(Math.abs(e) * d) / d >= o && n < a.length - 1);
   return e.toFixed(l) + " " + a[n];
 }
-function fl(e) {
+function gl(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function gl(e) {
+function hl(e) {
   return URL.createObjectURL(e);
 }
-const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disabled", "multiple"], xl = {
+const wl = { class: "d-flex justify-content-between" }, xl = ["accept", "disabled", "multiple"], kl = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, kl = /* @__PURE__ */ F({
+}, $l = /* @__PURE__ */ F({
   __name: "UploadButton",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -2994,7 +3018,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
     };
     return (d, i) => {
       const u = E;
-      return r(), b("div", hl, [
+      return r(), b("div", wl, [
         $(d.$slots, "message"),
         m("div", null, [
           m("input", {
@@ -3005,7 +3029,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
             disabled: a.value,
             multiple: d.maxFileInput > 1,
             onInput: i[0] || (i[0] = (c) => n([...c.target.files]))
-          }, null, 40, wl),
+          }, null, 40, xl),
           m("label", {
             class: B([{ disabled: a.value }, "btn btn-primary"]),
             id: "file-input-button",
@@ -3033,27 +3057,27 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
             z("Accepted File Types")
           ])),
           _: 1
-        })) : S("", !0),
+        })) : C("", !0),
         y(p(pe), {
           ref_key: "acceptedFilesOverlay",
           ref: l
         }, {
           default: f(() => [
-            m("div", xl, h(d.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
+            m("div", kl, h(d.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), $l = {
+}), Bl = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, Bl = {
+}, Fl = {
   key: 1,
   class: "d-flex flex-column"
-}, Fl = /* @__PURE__ */ F({
+}, _l = /* @__PURE__ */ F({
   __name: "DragDropArea",
   props: /* @__PURE__ */ R({
     maxFileInput: {},
@@ -3075,7 +3099,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
       onDragover: d[1] || (d[1] = Y((i) => l.value = !0, ["prevent"])),
       onDrop: Y(a, ["prevent"])
     }, [
-      t.value.length === 0 ? (r(), b("div", $l, [
+      t.value.length === 0 ? (r(), b("div", Bl, [
         y(p(_), {
           icon: "bi:upload",
           class: "me-2",
@@ -3083,12 +3107,12 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
           width: "20px"
         }),
         d[2] || (d[2] = z(" Drag and drop files here "))
-      ])) : (r(), b("div", Bl, [
+      ])) : (r(), b("div", Fl, [
         $(n.$slots, "default")
       ]))
     ], 34));
   }
-}), _l = { class: "d-flex align-items-center me-2" }, Vl = /* @__PURE__ */ F({
+}), Vl = { class: "d-flex align-items-center me-2" }, Cl = /* @__PURE__ */ F({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -3113,8 +3137,8 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (o, a) => (r(), b("div", _l, [
-      o.uploadStatus === "Uploading" ? (r(), w(Kt, {
+    return (o, a) => (r(), b("div", Vl, [
+      o.uploadStatus === "Uploading" ? (r(), w(Wt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
@@ -3124,7 +3148,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
           z(h((o.bytesUploaded / o.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
-      })) : S("", !0),
+      })) : C("", !0),
       o.uploadStatus !== "Uploading" && o.uploadStatus !== "Not Uploaded" && o.uploadStatus !== "Uploaded" && o.uploadStatus !== "Preparing" ? (r(), w(oe, {
         key: 1,
         id: "upload-status-alert",
@@ -3135,19 +3159,19 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
           z(h(l.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : S("", !0)
+      }, 8, ["severity"])) : C("", !0)
     ]));
   }
-}), Sl = ["data-cy"], Cl = { class: "ms-3 d-flex flex-column" }, Tl = {
+}), Sl = ["data-cy"], Tl = { class: "ms-3 d-flex flex-column" }, Pl = {
   key: 1,
   id: "file-name"
-}, Pl = {
+}, Ml = {
   class: "text-black-50",
   id: "file-type"
-}, Ml = {
+}, Il = {
   class: "text-black-50",
   id: "file-size"
-}, Il = { class: "ms-auto my-auto d-flex" }, zl = /* @__PURE__ */ F({
+}, zl = { class: "ms-auto my-auto d-flex" }, Ol = /* @__PURE__ */ F({
   __name: "FileInfo",
   props: /* @__PURE__ */ R({
     editableFileName: { type: Boolean },
@@ -3166,7 +3190,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["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), i = P(""), u = P(0), c = P(), v = k(() => e.acceptedFileTypes.includes(l.value.type)), s = k(() => l.value.size <= e.maxFileSize), C = () => {
+    const l = U(e, "file"), o = U(e, "blobFileName"), a = U(e, "uploadStatus"), n = t, d = P(l.value.name), i = P(""), u = 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 () => {
       if (!v.value || !s.value) {
@@ -3195,7 +3219,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
         a.value = "Failed";
       }
     }, M = async () => {
-      await bl(a.value, i.value), n("deleted", l.value);
+      await fl(a.value, i.value), n("deleted", l.value);
     };
     return le(() => {
       e.autoUploadToBlob && T();
@@ -3206,11 +3230,11 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
         "data-cy": `file-info-${l.value.name}`
       }, [
         m("div", null, [
-          p(fl)(l.value.type) ? (r(), w(p(De), {
+          p(gl)(l.value.type) ? (r(), w(p(De), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: p(gl)(l.value),
+            src: p(hl)(l.value),
             alt: l.value.name,
             width: "75px",
             preview: ""
@@ -3222,23 +3246,23 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", Cl, [
+        m("div", Tl, [
           m("div", null, [
-            I.editableFileName ? (r(), w(Bt, {
+            I.editableFileName ? (r(), w(Ft, {
               key: 0,
               id: "edit-file-name",
               modelValue: d.value,
               "onUpdate:modelValue": O[0] || (O[0] = (x) => d.value = x),
               rules: I.customFileNameRules,
               name: l.value.name,
-              "complete-action": C
-            }, null, 8, ["modelValue", "rules", "name"])) : (r(), b("span", Tl, h(l.value.name), 1))
+              "complete-action": S
+            }, null, 8, ["modelValue", "rules", "name"])) : (r(), b("span", Pl, h(l.value.name), 1))
           ]),
-          m("span", Pl, "File type: " + h(l.value.type.split("/").pop()), 1),
-          m("span", Ml, "File size: " + h(p(re)(l.value.size)), 1)
+          m("span", Ml, "File type: " + h(l.value.type.split("/").pop()), 1),
+          m("span", Il, "File size: " + h(p(re)(l.value.size)), 1)
         ]),
-        m("div", Il, [
-          (r(), w(Vl, {
+        m("div", zl, [
+          (r(), w(Cl, {
             key: a.value,
             "file-size": l.value.size,
             "upload-status": a.value,
@@ -3256,7 +3280,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : S("", !0),
+          })) : C("", !0),
           a.value === "Uploading" ? (r(), w(g, {
             key: 1,
             link: "",
@@ -3281,17 +3305,17 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
       ], 8, Sl);
     };
   }
-}), Ol = { class: "d-flex justify-content-end mt-1" }, Dl = { id: "max-file-size" }, Ul = /* @__PURE__ */ F({
+}), Dl = { class: "d-flex justify-content-end mt-1" }, Ul = { id: "max-file-size" }, Al = /* @__PURE__ */ F({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, l) => (r(), b("div", Ol, [
-      m("div", Dl, "Max file size: " + h(p(re)(t.maxFileSize)), 1)
+    return (t, l) => (r(), b("div", Dl, [
+      m("div", Ul, "Max file size: " + h(p(re)(t.maxFileSize)), 1)
     ]));
   }
-}), Al = { "data-cy": "file-uploader" }, Nl = { key: 0 }, Aa = /* @__PURE__ */ F({
+}), Nl = { "data-cy": "file-uploader" }, El = { key: 0 }, Na = /* @__PURE__ */ F({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -3311,13 +3335,13 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
     const t = U(e, "modelValue"), l = e, o = (a) => {
       t.value = t.value.filter((n) => n.file != a);
     };
-    return (a, n) => (r(), b("div", Al, [
-      y(kl, V(l, {
+    return (a, n) => (r(), b("div", Nl, [
+      y($l, V(l, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (d) => t.value = d)
       }), null, 16, ["modelValue"]),
-      a.showDragDropArea ? (r(), b("div", Nl, [
-        y(Fl, {
+      a.showDragDropArea ? (r(), b("div", El, [
+        y(_l, {
           "max-file-input": l.maxFileInput,
           "max-file-size": l.maxFileSize,
           "accepted-file-types": l.acceptedFileTypes,
@@ -3326,7 +3350,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
         }, {
           default: f(() => [
             (r(!0), b(N, null, H(t.value, ({ file: d }, i) => (r(), b("span", null, [
-              (r(), w(zl, V({
+              (r(), w(Ol, V({
                 key: d.name,
                 class: i === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[i].file,
@@ -3341,13 +3365,13 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        y(Ul, {
+        y(Al, {
           "max-file-size": l.maxFileSize
         }, null, 8, ["max-file-size"])
-      ])) : S("", !0)
+      ])) : C("", !0)
     ]));
   }
-}), El = { class: "d-flex" }, Ll = { class: "me-3" }, Rl = { class: "ms-2" }, jl = { class: "d-flex flex-column w-100" }, Hl = ["onClick"], ql = ["for"], Na = /* @__PURE__ */ F({
+}), Ll = { class: "d-flex" }, Rl = { class: "me-3" }, jl = { class: "ms-2" }, Hl = { class: "d-flex flex-column w-100" }, ql = ["onClick"], Yl = ["for"], Ea = /* @__PURE__ */ F({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -3369,12 +3393,12 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
         class: "ms-2"
       }, {
         default: f(() => [
-          m("div", El, [
-            m("div", Ll, [
+          m("div", Ll, [
+            m("div", Rl, [
               y(p(_), { icon: "bi:layout-three-columns" })
             ]),
             z(" Columns (" + h(t.value.length ?? 0) + "/" + h(a.value.length ?? 0) + ") ", 1),
-            m("div", Rl, [
+            m("div", jl, [
               y(p(_), {
                 icon: o.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
@@ -3391,7 +3415,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
         onShow: c[1] || (c[1] = () => o.value = !0)
       }, {
         default: f(() => [
-          m("div", jl, [
+          m("div", Hl, [
             (r(!0), b(N, null, H(a.value, (v, s) => (r(), b("div", {
               class: B(["d-flex cursor-pointer", {
                 "border-top": s !== 0,
@@ -3399,19 +3423,19 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
                 "pt-1": a.value.length - 1 === s,
                 "pb-1": s === 0
               }]),
-              onClick: (C) => i(v.field)
+              onClick: (S) => i(v.field)
             }, [
               y(p(ue), {
                 id: v.field,
-                "model-value": n.value.find((C) => C.field === v.field).selected,
+                "model-value": n.value.find((S) => S.field === v.field).selected,
                 binary: "",
                 class: "cursor-pointer"
               }, null, 8, ["id", "model-value"]),
               m("label", {
                 for: v.field,
                 class: "cursor-pointer"
-              }, h(v.header), 9, ql)
-            ], 10, Hl))), 256))
+              }, h(v.header), 9, Yl)
+            ], 10, ql))), 256))
           ])
         ]),
         _: 1
@@ -3420,32 +3444,32 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
   }
 });
 export {
-  wa as Bootstrap_PT,
-  xa as ForgeActionButton,
+  xa as Bootstrap_PT,
+  ka as ForgeActionButton,
   oe as ForgeAlert,
-  mt as ForgeCheckbox,
-  Ma as ForgeChips,
-  Na as ForgeColumnCustomiser,
+  pt as ForgeCheckbox,
+  Ia as ForgeChips,
+  Ea as ForgeColumnCustomiser,
   be as ForgeDatepicker,
-  Aa as ForgeFileUploader,
-  Ua as ForgeFilterHeader,
-  Ta as ForgeForm,
-  Pa as ForgeFormField,
-  Bt as ForgeInlineEditor,
-  ka as ForgeLink,
+  Na as ForgeFileUploader,
+  Aa as ForgeFilterHeader,
+  Pa as ForgeForm,
+  Ma as ForgeFormField,
+  Ft as ForgeInlineEditor,
+  $a as ForgeLink,
   ve as ForgeLoader,
-  Fa as ForgeModal,
+  _a as ForgeModal,
   ye as ForgeMultiSelect,
-  Va as ForgeMultiSelectPreview,
-  _a as ForgeNavbar,
+  Ca as ForgeMultiSelectPreview,
+  Va as ForgeNavbar,
   Sa as ForgePageHeader,
-  Kt as ForgeProgressBar,
-  Ca as ForgeRemainingCharacters,
-  Ia as ForgeStatWidget,
-  za as ForgeStepper,
-  Da as ForgeTable,
-  Oa as ForgeTile,
-  Ba as convertToMultiSelectOption,
-  $a as enumToMultiSelectList,
-  yt as parseError
+  Wt as ForgeProgressBar,
+  Ta as ForgeRemainingCharacters,
+  za as ForgeStatWidget,
+  Oa as ForgeStepper,
+  Ua as ForgeTable,
+  Da as ForgeTile,
+  Fa as convertToMultiSelectOption,
+  Ba as enumToMultiSelectList,
+  bt as parseError
 };