@3squared/forge-ui-3 2.17.0 → 2.18.1

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

@@ -1,10 +1,10 @@
 import Be from "primevue/message";
-import { defineComponent as S, openBlock as r, createBlock as y, normalizeProps as W, guardReactiveProps as G, withCtx as f, createElementVNode as m, normalizeClass as F, unref as u, createCommentVNode as C, createVNode as h, renderSlot as k, ref as j, createElementBlock as v, Fragment as A, mergeProps as P, renderList as E, mergeModels as R, useModel as N, computed as z, createTextVNode as M, toDisplayString as B, withDirectives as J, vShow as Z, createSlots as ae, onMounted as ne, isRef as Fe, withKeys as le, normalizeStyle as Se, withModifiers as X, watch as Q, h as Ce, useTemplateRef as ze } from "vue";
-import { Icon as _ } from "@iconify/vue";
+import { defineComponent as S, openBlock as r, createBlock as y, normalizeProps as W, guardReactiveProps as G, withCtx as f, createElementVNode as m, normalizeClass as F, unref as u, createCommentVNode as C, createVNode as h, renderSlot as k, ref as j, createElementBlock as v, Fragment as A, mergeProps as _, renderList as E, mergeModels as R, useModel as N, computed as z, createTextVNode as M, toDisplayString as B, withDirectives as J, vShow as Z, createSlots as ae, onMounted as ne, isRef as Fe, withKeys as le, normalizeStyle as Se, withModifiers as X, watch as Q, h as Ce, useTemplateRef as ze } from "vue";
+import { Icon as P } from "@iconify/vue";
 import q from "primevue/button";
 import Te from "primevue/toast";
-import Pe from "primevue/autocomplete";
-import _e from "primevue/checkbox";
+import _e from "primevue/autocomplete";
+import Pe from "primevue/checkbox";
 import { useField as oe } from "vee-validate";
 import je from "primevue/progressspinner";
 import Ie from "primevue/dialog";
@@ -991,7 +991,7 @@ const Xe = {
     previewMask: "preview-button",
     mask: "position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center mask",
     original: "preview",
-    toolbar: "position-absolute top-0 end-0 d-flex p-3 z-3",
+    toolbar: "position-absolute top-0 end-0 d-flex p-3 z-3 bg-black",
     rotaterightbutton: "btn text-white",
     rotateleftbutton: "btn text-white",
     zoomoutbutton: "btn text-white",
@@ -1066,7 +1066,7 @@ const Xe = {
     pcFilterContainer: { root: "dropdown-item" },
     filterIcon: "d-none"
   }
-}, Pt = {
+}, _t = {
   treeSelect: {
     root: ({ props: e }) => ({
       class: [
@@ -1114,7 +1114,7 @@ const Xe = {
       filterIcon: "d-none"
     }
   }
-}, _t = {
+}, Pt = {
   fieldset: {
     root: () => ({
       class: [
@@ -1179,7 +1179,7 @@ const Xe = {
       class: "table-overlay table-spinner"
     })
   }
-}, Zi = {
+}, Qi = {
   ...Xe,
   ...xt,
   ...Qe,
@@ -1210,8 +1210,8 @@ const Xe = {
   ...mt,
   ...zt,
   ...st,
-  ..._t,
   ...Pt,
+  ..._t,
   ...Tt,
   ...jt,
   ...It,
@@ -1244,7 +1244,7 @@ const Xe = {
           m("div", {
             class: F(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (r(), y(u(_), {
+            t.icon ? (r(), y(u(P), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -1254,7 +1254,7 @@ const Xe = {
           ], 2)
         ]),
         closeicon: f(() => [
-          h(u(_), { icon: "bi:x" })
+          h(u(P), { icon: "bi:x" })
         ]),
         default: f(() => [
           k(a.$slots, "default")
@@ -1263,7 +1263,7 @@ const Xe = {
       }, 16);
     };
   }
-}), Xi = /* @__PURE__ */ S({
+}), el = /* @__PURE__ */ S({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1284,7 +1284,7 @@ const Xe = {
     return (l, n) => {
       const o = q;
       return r(), v(A, null, [
-        h(o, P({ ...a, ...l.$attrs }, {
+        h(o, _({ ...a, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: i
@@ -1293,10 +1293,10 @@ const Xe = {
       ], 64);
     };
   }
-}), Qi = /* @__PURE__ */ S({
+}), tl = /* @__PURE__ */ S({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (t, a) => (r(), y(u(Pe), P({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+    return (t, a) => (r(), y(u(_e), _({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
       default: f(() => [
         (r(!0), v(A, null, E(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
       ]),
@@ -1349,14 +1349,14 @@ const Xe = {
       (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(c) : a.value = c;
     }, s = z(() => l.value.length > 0);
     return (p, c) => {
-      const x = _e;
+      const x = Pe;
       return r(), v("div", Mt, [
-        m("div", P({
+        m("div", _({
           class: "d-flex",
           "data-cy": "checkbox-container",
           onClick: c[2] || (c[2] = (d) => o(d, a.value))
         }, { ...p.$attrs }), [
-          h(x, P({ ...t }, {
+          h(x, _({ ...t }, {
             binary: "",
             modelValue: a.value,
             "onUpdate:modelValue": c[0] || (c[0] = (d) => a.value = d),
@@ -1413,7 +1413,7 @@ const Xe = {
       ], 2);
     };
   }
-}), Dt = ["href", "target"], el = /* @__PURE__ */ S({
+}), Dt = ["href", "target"], al = /* @__PURE__ */ S({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1454,7 +1454,7 @@ const Xe = {
       target: i.target
     }, [
       k(i.$slots, "default", {}, () => [
-        i.iconName ? (r(), y(u(_), {
+        i.iconName ? (r(), y(u(P), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
@@ -1476,10 +1476,10 @@ function Ot(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function tl(e, t) {
+function il(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function al(e, t, a) {
+function ll(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
 const Nt = {
@@ -1489,7 +1489,7 @@ const Nt = {
 }, At = { key: 0 }, Et = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, il = /* @__PURE__ */ S({
+}, nl = /* @__PURE__ */ S({
   __name: "ForgeModal",
   props: /* @__PURE__ */ R({
     cancelText: { default: "Cancel" },
@@ -1601,13 +1601,13 @@ const Nt = {
     }));
     return (T, D) => {
       const O = q, U = Ie;
-      return r(), y(U, P(l, {
+      return r(), y(U, _(l, {
         onMaximize: c,
         onUnmaximize: p,
         pt: $.value
       }), ae({
         closeicon: f(() => [
-          h(u(_), {
+          h(u(P), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
@@ -1616,7 +1616,7 @@ const Nt = {
           })
         ]),
         maximizeicon: f(() => [
-          h(u(_), {
+          h(u(P), {
             "data-cy": "maximisable-icon",
             icon: i.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1625,7 +1625,7 @@ const Nt = {
         ]),
         _: 2
       }, [
-        E(T.$slots, (g, w) => ({
+        E(T.$slots, (b, w) => ({
           name: w,
           fn: f((I) => [
             w == "default" ? (r(), v(A, { key: 0 }, [
@@ -1640,7 +1640,7 @@ const Nt = {
                       class: F(o.value.message.length > 0 ? "my-auto" : "mb-0")
                     }, B(o.value.header), 3),
                     o.value.message.length > 0 ? (r(), v("ul", At, [
-                      (r(!0), v(A, null, E(o.value.message, (b) => (r(), v("li", { key: b }, B(b), 1))), 128))
+                      (r(!0), v(A, null, E(o.value.message, (g) => (r(), v("li", { key: g }, B(g), 1))), 128))
                     ])) : C("", !0)
                   ]),
                   _: 1
@@ -1739,7 +1739,7 @@ const Nt = {
               }, () => [
                 h(O, {
                   modelValue: u(d),
-                  "onUpdate:modelValue": D[0] || (D[0] = (g) => Fe(d) ? d.value = g : null),
+                  "onUpdate:modelValue": D[0] || (D[0] = (b) => Fe(d) ? d.value = b : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
@@ -1751,7 +1751,7 @@ const Nt = {
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              h(u(_), {
+              h(u(P), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
@@ -1778,7 +1778,7 @@ const Nt = {
               class: "p-0 m-0"
             }, {
               default: f(() => [
-                h(u(_), {
+                h(u(P), {
                   icon: "bi:pencil",
                   class: F($.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
@@ -1798,7 +1798,7 @@ const Nt = {
       ], 8, Ut);
     };
   }
-}), Yt = ["href"], ll = /* @__PURE__ */ S({
+}), Yt = ["href"], ol = /* @__PURE__ */ S({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1843,7 +1843,7 @@ const Nt = {
         ]
       })
     }));
-    return (i, l) => (r(), y(u(Ve), P({ ...t, ...i.$attrs }, {
+    return (i, l) => (r(), y(u(Ve), _({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
     }), ae({
@@ -1860,7 +1860,7 @@ const Nt = {
       ]),
       buttonicon: f(() => [
         k(i.$slots, "buttonIcon", {}, () => [
-          h(u(_), {
+          h(u(P), {
             icon: "bi:list",
             class: F(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
@@ -1914,7 +1914,7 @@ const Nt = {
           class: F(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          h(o, P({
+          h(o, _({
             modelValue: a.value,
             "onUpdate:modelValue": n[0] || (n[0] = (p) => a.value = p)
           }, { ...l.$attrs }, {
@@ -1954,7 +1954,7 @@ const Nt = {
                   onClick: (c) => i(p.id)
                 }, {
                   default: f(() => [
-                    h(u(_), {
+                    h(u(P), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${p.id}`
@@ -1976,7 +1976,7 @@ const Nt = {
 }, aa = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, nl = /* @__PURE__ */ S({
+}, sl = /* @__PURE__ */ S({
   __name: "ForgePageHeader",
   props: {
     title: {}
@@ -2173,7 +2173,7 @@ const Nt = {
             k(d.$slots, "before")
           ]),
           m("div", na, [
-            h(T, P({ ...t, ...d.$attrs }, {
+            h(T, _({ ...t, ...d.$attrs }, {
               pt: x.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
@@ -2183,14 +2183,14 @@ const Nt = {
               onBlur: $[1] || ($[1] = () => u(o)),
               "input-class": { "datepicker-invalid": c.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            J(h(u(_), {
+            J(h(u(P), {
               "data-cy": "icon",
               icon: "bi:calendar4",
               class: F(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${c.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [Z, t.showIcon]
             ]),
-            J(h(u(_), {
+            J(h(u(P), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
@@ -2212,7 +2212,7 @@ const Nt = {
       ], 64);
     };
   }
-}), ol = /* @__PURE__ */ S({
+}), rl = /* @__PURE__ */ S({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -2224,7 +2224,7 @@ const Nt = {
       class: F(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + B(a.value), 3));
   }
-}), sa = { class: "d-flex justify-content-between" }, sl = /* @__PURE__ */ S({
+}), sa = { class: "d-flex justify-content-between" }, dl = /* @__PURE__ */ S({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2251,7 +2251,7 @@ const Nt = {
     }
     return (n, o) => {
       const s = q;
-      return r(), v("form", P(n.$attrs, {
+      return r(), v("form", _(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: X(l, ["prevent"])
@@ -2323,7 +2323,7 @@ const Nt = {
 }, da = ["for"], pa = {
   key: 0,
   class: "text-danger fw-600"
-}, rl = /* @__PURE__ */ S({
+}, pl = /* @__PURE__ */ S({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ R({
     name: {},
@@ -2348,8 +2348,8 @@ const Nt = {
     return Q(() => n.value, (x) => {
       t.value = x;
     }, { immediate: !0 }), (x, d) => {
-      const $ = Ne, T = Oe, D = se, O = ie, U = re, g = xe;
-      return a.type === "checkbox" ? (r(), y(ye, P({
+      const $ = Ne, T = Oe, D = se, O = ie, U = re, b = xe;
+      return a.type === "checkbox" ? (r(), y(ye, _({
         key: 0,
         id: a.name,
         label: a.fieldLabel
@@ -2370,7 +2370,7 @@ const Nt = {
             x.required ? (r(), v("span", pa, "*")) : C("", !0)
           ], 10, da),
           k(x.$slots, "default", W(G({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
-            a.type === "number" ? (r(), y(u(fe), P({
+            a.type === "number" ? (r(), y(u(fe), _({
               key: 0,
               id: a.name
             }, x.$attrs, {
@@ -2380,7 +2380,7 @@ const Nt = {
               onInput: i,
               modelValue: t.value,
               "onUpdate:modelValue": d[1] || (d[1] = (w) => t.value = w)
-            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (r(), y($, P({
+            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (r(), y($, _({
               key: 1,
               id: a.name
             }, x.$attrs, {
@@ -2390,7 +2390,7 @@ const Nt = {
               "onUpdate:modelValue": d[2] || (d[2] = (w) => t.value = w),
               onInput: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (r(), y(T, P({
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (r(), y(T, _({
               key: 2,
               id: a.name
             }, x.$attrs, {
@@ -2401,7 +2401,7 @@ const Nt = {
               "onUpdate:modelValue": d[3] || (d[3] = (w) => t.value = w),
               onComplete: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (r(), y(D, P({
+            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (r(), y(D, _({
               key: 3,
               id: a.name
             }, x.$attrs, {
@@ -2411,19 +2411,19 @@ const Nt = {
               "onUpdate:modelValue": d[4] || (d[4] = (w) => t.value = w),
               onInput: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (r(), y(O, P({ key: 4 }, { ...a, ...x.$attrs }, {
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (r(), y(O, _({ key: 4 }, { ...a, ...x.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": d[5] || (d[5] = (w) => t.value = w),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (r(), y(U, P({ key: 5 }, { ...a, ...x.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (r(), y(U, _({ key: 5 }, { ...a, ...x.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": d[6] || (d[6] = (w) => t.value = w),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (r(), y(Qt, P({ key: 6 }, { ...a, ...x.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (r(), y(Qt, _({ key: 6 }, { ...a, ...x.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": d[7] || (d[7] = (w) => t.value = w),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (r(), y(g, P({ key: 7 }, { ...a, ...x.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (r(), y(b, _({ key: 7 }, { ...a, ...x.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": d[8] || (d[8] = (w) => t.value = w),
               class: { "is-invalid": c.value }
@@ -2439,7 +2439,7 @@ const Nt = {
       ]));
     };
   }
-}), dl = /* @__PURE__ */ S({
+}), cl = /* @__PURE__ */ S({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2475,7 +2475,7 @@ const Nt = {
     }));
     return (i, l) => {
       const n = Ae;
-      return r(), y(n, P({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+      return r(), y(n, _({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
         default: f(() => [
           (r(!0), v(A, null, E(i.$slots, (o, s) => k(i.$slots, s, { slot: s })), 256))
         ]),
@@ -2483,7 +2483,7 @@ const Nt = {
       }, 16, ["pt"]);
     };
   }
-}), pl = /* @__PURE__ */ S({
+}), ul = /* @__PURE__ */ S({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2530,7 +2530,7 @@ const Nt = {
     }));
     return (o, s) => {
       const p = Ee;
-      return r(), y(p, P({ ...o.$attrs, ...t }, { pt: n.value }), {
+      return r(), y(p, _({ ...o.$attrs, ...t }, { pt: n.value }), {
         default: f(() => [
           k(o.$slots, "default")
         ]),
@@ -2929,7 +2929,7 @@ var ca = /* @__PURE__ */ S({
     });
   }
 });
-const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1 gap-1" }, cl = /* @__PURE__ */ S({
+const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1 gap-1" }, ml = /* @__PURE__ */ S({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -2954,7 +2954,7 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
     return (x, d) => {
       const $ = q;
       return r(), v("div", ua, [
-        h(u(ca), P({
+        h(u(ca), _({
           ref_key: "drawingCanvas",
           ref: l,
           image: n.value,
@@ -3016,7 +3016,7 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
       ]);
     };
   }
-}), va = { class: "value text-white w-100 text-center" }, ul = /* @__PURE__ */ S({
+}), va = { class: "value text-white w-100 text-center" }, vl = /* @__PURE__ */ S({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -3024,7 +3024,7 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e;
-    return (a, i) => (r(), v("div", P(a.$attrs, {
+    return (a, i) => (r(), v("div", _(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", va, [
@@ -3032,7 +3032,7 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
       ])
     ], 16));
   }
-}), fa = { key: 0 }, ml = /* @__PURE__ */ S({
+}), fa = { key: 0 }, fl = /* @__PURE__ */ S({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -3083,7 +3083,7 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
       default: f(() => [
         h(u(Le), null, {
           default: f(() => [
-            (r(!0), v(A, null, E(i.steps, (n) => (r(), y(u(Ue), P({
+            (r(!0), v(A, null, E(i.steps, (n) => (r(), y(u(Ue), _({
               key: n.value,
               value: n.value,
               disabled: n.disabled,
@@ -3115,7 +3115,7 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), ga = { class: "p-4 text-wrap w-100" }, ba = { class: "p-4 text-wrap w-100" }, vl = /* @__PURE__ */ S({
+}), ga = { class: "p-4 text-wrap w-100" }, ba = { class: "p-4 text-wrap w-100" }, gl = /* @__PURE__ */ S({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -3200,7 +3200,7 @@ const ya = {
 }), ka = { class: "position-relative" }, $a = { "data-cy": "above-table-slot" }, Ba = { class: "d-flex w-100" }, Fa = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Sa = { class: "d-flex" }, Ca = { class: "d-flex align-items-end mb-2" }, za = { key: 0 }, Ta = { class: "ms-auto" }, fl = /* @__PURE__ */ S({
+}, Sa = { class: "d-flex" }, Ca = { class: "d-flex align-items-end mb-2" }, za = { key: 0 }, Ta = { class: "ms-auto" }, bl = /* @__PURE__ */ S({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3295,12 +3295,12 @@ const ya = {
       sortField: "",
       total: i.totalRecords ?? i.value.length
     });
-    Q(() => i.perPage, (g) => {
-      g && (o.value = g, s.value.perPage = g);
+    Q(() => i.perPage, (b) => {
+      b && (o.value = b, s.value.perPage = b);
     });
     const p = z(() => i.totalRecords ?? i.value.length), c = z(() => {
-      const g = Math.ceil(p.value / o.value);
-      return `${g} ${ee(g, "page")}`;
+      const b = Math.ceil(p.value / o.value);
+      return `${b} ${ee(b, "page")}`;
     }), x = z(() => ({
       thead: () => ({
         class: [
@@ -3328,30 +3328,30 @@ const ya = {
       if (i.clearAll)
         i.clearAll();
       else
-        for (const g in i.filters)
-          typeof i.filters[g] == "string" ? i.filters[g] = "" : i.filters[g].value = null;
+        for (const b in i.filters)
+          typeof i.filters[b] == "string" ? i.filters[b] = "" : i.filters[b].value = null;
       D(i.filters);
     }, $ = () => {
       l.value.exportCSV();
-    }, T = (g) => {
+    }, T = (b) => {
       var w;
-      s.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((w = g.sortField) == null ? void 0 : w.toString()) ?? "", a("update:tableContext", s.value), a("sort", g);
-    }, D = (g) => {
-      s.value.filters = g, a("update:tableContext", s.value), a("update:filters", g);
-    }, O = (g) => {
-      s.value.page = g.page, a("update:tableContext", s.value), a("page", g);
+      s.value.sortDirection = b.sortOrder === 1 ? "Asc" : b.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((w = b.sortField) == null ? void 0 : w.toString()) ?? "", a("update:tableContext", s.value), a("sort", b);
+    }, D = (b) => {
+      s.value.filters = b, a("update:tableContext", s.value), a("update:filters", b);
+    }, O = (b) => {
+      s.value.page = b.page, a("update:tableContext", s.value), a("page", b);
     }, U = () => {
       s.value.perPage = o.value, a("update:tableContext", s.value);
     };
-    return Q(() => i.filters, (g) => {
-      s.value.filters = g, a("update:tableContext", s.value);
-    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (g, w) => (r(), v("div", ka, [
+    return Q(() => i.filters, (b) => {
+      s.value.filters = b, a("update:tableContext", s.value);
+    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (b, w) => (r(), v("div", ka, [
       m("span", $a, [
-        k(g.$slots, "above-table")
+        k(b.$slots, "above-table")
       ]),
-      h(u(We), P({
+      h(u(We), _({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
-      }, { ...i, ...g.$attrs }, {
+      }, { ...i, ...b.$attrs }, {
         pt: x.value,
         rows: o.value,
         "total-records": p.value,
@@ -3366,7 +3366,7 @@ const ya = {
       }), ae({
         empty: f(() => [
           m("div", Ba, [
-            m("h5", Fa, B(g.emptyMessage ?? "No items Found."), 1)
+            m("h5", Fa, B(b.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: f(() => [
@@ -3375,7 +3375,7 @@ const ya = {
           }, [
             m("div", Sa, [
               m("div", Ca, [
-                g.paginator && !g.legacyPaginationFooter ? (r(), v("span", za, [
+                b.paginator && !b.legacyPaginationFooter ? (r(), v("span", za, [
                   h(he, {
                     total: p.value,
                     "page-sizes": n.value,
@@ -3388,15 +3388,15 @@ const ya = {
                 ])) : C("", !0)
               ]),
               m("div", Ta, [
-                g.showClearButton ? (r(), y(u(q), {
+                b.showClearButton ? (r(), y(u(q), {
                   key: 0,
                   outlined: "",
-                  class: F(g.showExporterButton ? "me-2" : ""),
+                  class: F(b.showExporterButton ? "me-2" : ""),
                   onClick: d,
                   "data-cy": "clear-all"
                 }, {
                   default: f(() => [
-                    h(u(_), {
+                    h(u(P), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
@@ -3405,14 +3405,14 @@ const ya = {
                   ]),
                   _: 1
                 }, 8, ["class"])) : C("", !0),
-                g.showExporterButton ? (r(), y(u(q), {
+                b.showExporterButton ? (r(), y(u(q), {
                   key: 1,
                   outlined: "",
                   onClick: $,
                   "data-cy": "exporter"
                 }, {
                   default: f(() => [
-                    h(u(_), {
+                    h(u(P), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
@@ -3421,23 +3421,23 @@ const ya = {
                   ]),
                   _: 1
                 })) : C("", !0),
-                k(g.$slots, "column-customiser")
+                k(b.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
         default: f(() => [
-          k(g.$slots, "default")
+          k(b.$slots, "default")
         ]),
         _: 2
       }, [
-        E(g.$slots, (I, b) => ({
-          name: b,
+        E(b.$slots, (I, g) => ({
+          name: g,
           fn: f((V) => [
-            k(g.$slots, b, W(G(V || {})))
+            k(b.$slots, g, W(G(V || {})))
           ])
         })),
-        g.legacyPaginationFooter ? {
+        b.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: f(() => [
             m("span", {
@@ -3456,7 +3456,7 @@ const ya = {
           ]),
           key: "0"
         } : void 0,
-        g.legacyPaginationFooter ? {
+        b.legacyPaginationFooter ? {
           name: "paginatorend",
           fn: f(() => [
             m("span", {
@@ -3469,7 +3469,10 @@ const ya = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), Pa = { class: "position-relative" }, _a = { "data-cy": "above-table-slot" }, ja = { class: "d-flex" }, Ia = { class: "d-flex align-items-end mb-2" }, Ma = { key: 0 }, Va = { class: "ms-auto" }, gl = /* @__PURE__ */ S({
+}), _a = { class: "position-relative" }, Pa = { "data-cy": "above-table-slot" }, ja = { class: "d-flex w-100" }, Ia = {
+  class: "mx-auto",
+  "data-cy": "empty-message"
+}, Ma = { class: "d-flex" }, Va = { class: "d-flex align-items-end mb-2" }, Da = { key: 0 }, Oa = { class: "ms-auto" }, yl = /* @__PURE__ */ S({
   __name: "ForgeTreeTable",
   props: {
     stripedRows: { type: Boolean, default: !1 },
@@ -3538,20 +3541,20 @@ const ya = {
       sortField: "",
       total: a.totalRecords ?? a.value.length
     }), c = z(() => a.totalRecords ?? a.value.length), x = z(() => {
-      const b = Math.ceil(c.value / n.value);
-      return `${b} ${ee(b, "page")}`;
+      const g = Math.ceil(c.value / n.value);
+      return `${g} ${ee(g, "page")}`;
     }), d = z(() => ({
       root: "position-relative",
-      table: (b) => ({
+      table: (g) => ({
         class: [
           "table position-relative",
           {
-            "table-striped": b.attrs.stripedRows,
-            "table-hover": b.props.rowHover,
-            "table-bordered": b.props.showGridlines,
-            "table-sm": b.props.size === "small",
-            "table-lg": b.props.size === "large",
-            "opacity-50": b.props.loading
+            "table-striped": g.attrs.stripedRows,
+            "table-hover": g.props.rowHover,
+            "table-bordered": g.props.showGridlines,
+            "table-sm": g.props.size === "small",
+            "table-lg": g.props.size === "large",
+            "opacity-50": g.props.loading
           }
         ]
       }),
@@ -3569,26 +3572,26 @@ const ya = {
           }
         ]
       }),
-      row: ({ instance: b }) => [
+      row: ({ instance: g }) => [
         {
-          "parent-node": b.node.hasOwnProperty("children")
+          "parent-node": g.node.hasOwnProperty("children")
         }
       ]
     }));
-    Q(() => a.parentExpanderFullRow, (b) => {
-      b ? $() : T();
+    Q(() => a.parentExpanderFullRow, (g) => {
+      g ? $() : T();
     });
     const $ = () => {
       a.parentExpanderFullRow && setTimeout(
         () => {
-          const b = Array.from(
+          const g = Array.from(
             document.querySelectorAll(".parent-node td.expander-cell")
           );
           Array.from(
             document.querySelectorAll(".parent-node td")
           ).forEach((L) => {
             L.classList.add("d-none");
-          }), b.forEach((L) => {
+          }), g.forEach((L) => {
             L.setAttribute("colspan", a.totalColumns.toString()), L.classList.remove("d-none");
           });
         },
@@ -3597,12 +3600,12 @@ const ya = {
     }, T = () => {
       setTimeout(
         () => {
-          const b = Array.from(
+          const g = Array.from(
             document.querySelectorAll(".parent-node td.expander-cell")
           ), V = Array.from(
             document.querySelectorAll(".parent-node td")
           );
-          b.forEach((L) => {
+          g.forEach((L) => {
             L.removeAttribute("colspan");
           }), V.forEach((L) => {
             L.classList.remove("d-none");
@@ -3614,21 +3617,21 @@ const ya = {
       if (a.clearAll)
         a.clearAll();
       else
-        for (const b in a.filters)
-          typeof a.filters[b] == "string" ? a.filters[b] = "" : a.filters[b].value = null;
+        for (const g in a.filters)
+          typeof a.filters[g] == "string" ? a.filters[g] = "" : a.filters[g].value = null;
       U(a.filters);
-    }, O = (b) => {
+    }, O = (g) => {
       var V;
-      p.value.sortDirection = b.sortOrder === 1 ? "Asc" : b.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((V = b.sortField) == null ? void 0 : V.toString()) ?? "", i("update:tableContext", p.value), i("sort", b), $();
-    }, U = (b) => {
-      p.value.filters = b, i("update:tableContext", p.value), i("update:filters", b), $();
-    }, g = (b) => {
-      p.value.page = s.value = b.page, I(), i("update:tableContext", p.value), i("page", b), $();
+      p.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((V = g.sortField) == null ? void 0 : V.toString()) ?? "", i("update:tableContext", p.value), i("sort", g), $();
+    }, U = (g) => {
+      p.value.filters = g, i("update:tableContext", p.value), i("update:filters", g), $();
+    }, b = (g) => {
+      p.value.page = s.value = g.page, I(), i("update:tableContext", p.value), i("page", g), $();
     }, w = () => {
       p.value.perPage = n.value, s.value = 0, p.value.page = s.value = Math.floor(o.value / n.value), I(), i("update:tableContext", p.value), $();
     };
-    Q(() => a.filters, (b) => {
-      p.value.filters = b, i("update:tableContext", p.value);
+    Q(() => a.filters, (g) => {
+      p.value.filters = g, i("update:tableContext", p.value);
     }, { deep: !0 }), Q(() => a.value, () => {
       $();
     }), ne(() => {
@@ -3637,31 +3640,36 @@ const ya = {
     const I = () => {
       o.value = s.value * n.value;
     };
-    return (b, V) => (r(), v("div", Pa, [
-      m("span", _a, [
-        k(b.$slots, "above-table")
+    return (g, V) => (r(), v("div", _a, [
+      m("span", Pa, [
+        k(g.$slots, "above-table")
       ]),
-      h(u(Ge), P({
+      h(u(Ge), _({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
-      }, { ...a, ...b.$attrs }, {
+      }, { ...a, ...g.$attrs }, {
         pt: d.value,
         "filter-display": a.filters ? "row" : void 0,
-        rows: b.paginator ? n.value : void 0,
+        rows: g.paginator ? n.value : void 0,
         "data-cy": "tree-table",
         "onUpdate:filters": U,
         onSort: O,
-        onPage: g,
+        onPage: b,
         onNodeExpand: V[2] || (V[2] = () => $()),
         showHeaders: "",
         first: o.value
       }), ae({
+        empty: f(() => [
+          m("div", ja, [
+            m("h5", Ia, B(g.emptyMessage ?? "No items Found."), 1)
+          ])
+        ]),
         header: f(() => [
           m("div", {
             class: F(a.loading ? "opacity-50" : "")
           }, [
-            m("div", ja, [
-              m("div", Ia, [
-                b.paginator && !b.legacyPaginationFooter ? (r(), v("span", Ma, [
+            m("div", Ma, [
+              m("div", Va, [
+                g.paginator && !g.legacyPaginationFooter ? (r(), v("span", Da, [
                   h(he, {
                     total: c.value,
                     "page-sizes": l.value,
@@ -3673,15 +3681,15 @@ const ya = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : C("", !0)
               ]),
-              m("div", Va, [
-                b.showClearButton ? (r(), y(u(q), {
+              m("div", Oa, [
+                g.showClearButton ? (r(), y(u(q), {
                   key: 0,
                   outlined: "",
                   onClick: D,
                   "data-cy": "clear-all"
                 }, {
                   default: f(() => [
-                    h(u(_), {
+                    h(u(P), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
@@ -3690,23 +3698,23 @@ const ya = {
                   ]),
                   _: 1
                 })) : C("", !0),
-                k(b.$slots, "column-customiser")
+                k(g.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
         default: f(() => [
-          k(b.$slots, "default")
+          k(g.$slots, "default")
         ]),
         _: 2
       }, [
-        E(b.$slots, (L, ve) => ({
+        E(g.$slots, (L, ve) => ({
           name: ve,
           fn: f(($e) => [
-            k(b.$slots, ve, W(G($e || {})))
+            k(g.$slots, ve, W(G($e || {})))
           ])
         })),
-        b.legacyPaginationFooter ? {
+        g.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: f(() => [
             m("span", {
@@ -3725,7 +3733,7 @@ const ya = {
           ]),
           key: "0"
         } : void 0,
-        b.legacyPaginationFooter ? {
+        g.legacyPaginationFooter ? {
           name: "paginatorend",
           fn: f(() => [
             m("span", {
@@ -3738,7 +3746,7 @@ const ya = {
       ]), 1040, ["class", "pt", "filter-display", "rows", "first"])
     ]));
   }
-}), Da = { class: "d-flex position-relative" }, Oa = { class: "d-flex w-100" }, bl = /* @__PURE__ */ S({
+}), Na = { class: "d-flex position-relative" }, Aa = { class: "d-flex w-100" }, xl = /* @__PURE__ */ S({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ R({
     dataType: {},
@@ -3769,20 +3777,20 @@ const ya = {
     };
     return (l, n) => {
       const o = fe, s = q;
-      return r(), v("div", Da, [
-        l.dataType === "numeric" ? (r(), y(o, P({
+      return r(), v("div", Na, [
+        l.dataType === "numeric" ? (r(), y(o, _({
           key: 0,
           modelValue: t.value,
           "onUpdate:modelValue": n[0] || (n[0] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
-        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (r(), y(xe, P({
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (r(), y(xe, _({
           key: 1,
           modelValue: t.value,
           "onUpdate:modelValue": n[1] || (n[1] = (p) => t.value = p)
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (r(), y(u(ie), P({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (r(), y(u(ie), _({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": n[2] || (n[2] = (p) => t.value = p)
@@ -3792,7 +3800,7 @@ const ya = {
           "option-label": l.optionLabel
         }), {
           value: f(({ value: p, placeholder: c }) => [
-            m("div", Oa, [
+            m("div", Aa, [
               m("span", {
                 class: F({ "filter-placeholder": p === null })
               }, B(a(p, c)), 3),
@@ -3803,7 +3811,7 @@ const ya = {
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
                 default: f(() => [
-                  h(u(_), {
+                  h(u(P), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -3815,7 +3823,7 @@ const ya = {
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (r(), y(u(re), P({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (r(), y(u(re), _({
           key: 3,
           modelValue: t.value,
           "onUpdate:modelValue": n[3] || (n[3] = (p) => t.value = p)
@@ -3825,7 +3833,7 @@ const ya = {
           "option-label": l.optionLabel,
           "option-value": l.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (r(), y(u(se), P({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (r(), y(u(se), _({
           key: 4,
           modelValue: t.value,
           "onUpdate:modelValue": n[4] || (n[4] = (p) => t.value = p),
@@ -3838,7 +3846,7 @@ const ya = {
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
           default: f(() => [
-            h(u(_), {
+            h(u(P), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -4960,7 +4968,7 @@ class we {
   }
 }
 K = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
-const Na = new we(ue, ce)._freeze();
+const Ea = new we(ue, ce)._freeze();
 function ke(e, t, a, i) {
   const l = t.flatMap((n) => n.file);
   return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
@@ -4973,7 +4981,7 @@ function ke(e, t, a, i) {
     })) : t[o].status = "Duplicate";
   }), t;
 }
-async function Aa(e, t) {
+async function Ua(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new ge(t).delete();
@@ -4996,20 +5004,20 @@ function me(e, t = !0, a = 1) {
   while (Math.round(Math.abs(e) * o) / o >= i && n < l.length - 1);
   return e.toFixed(a) + " " + l[n];
 }
-function Ea(e) {
+function qa(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function Ua(e) {
+function La(e) {
   return URL.createObjectURL(e);
 }
-function qa() {
+function Ra() {
   const e = new we(ue, ce);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disabled", "multiple"], Ha = {
+const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disabled", "multiple"], Ga = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, Wa = /* @__PURE__ */ S({
+}, Ya = /* @__PURE__ */ S({
   __name: "UploadButton",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -5026,7 +5034,7 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
     };
     return (o, s) => {
       const p = q;
-      return r(), v("div", La, [
+      return r(), v("div", Ha, [
         k(o.$slots, "message"),
         m("div", null, [
           m("input", {
@@ -5037,14 +5045,14 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
             disabled: l.value,
             multiple: o.maxFileInput > 1,
             onInput: s[0] || (s[0] = (c) => n([...c.target.files]))
-          }, null, 40, Ra),
+          }, null, 40, Wa),
           m("label", {
             class: F([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
             k(o.$slots, "button-content", {}, () => [
-              h(u(_), {
+              h(u(P), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
@@ -5071,21 +5079,21 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
           ref: a
         }, {
           default: f(() => [
-            m("div", Ha, B(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
+            m("div", Ga, B(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), Ga = {
+}), Ja = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, Ya = {
+}, Ka = {
   key: 1,
   class: "d-flex flex-column"
-}, Ja = /* @__PURE__ */ S({
+}, Za = /* @__PURE__ */ S({
   __name: "DragDropArea",
   props: /* @__PURE__ */ R({
     maxFileInput: {},
@@ -5107,20 +5115,20 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
       onDragover: o[1] || (o[1] = X((s) => a.value = !0, ["prevent"])),
       onDrop: X(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (r(), v("div", Ga, [
-        h(u(_), {
+      t.value.length === 0 ? (r(), v("div", Ja, [
+        h(u(P), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
         o[2] || (o[2] = M(" Drag and drop files here "))
-      ])) : (r(), v("div", Ya, [
+      ])) : (r(), v("div", Ka, [
         k(n.$slots, "default")
       ]))
     ], 34));
   }
-}), Ka = { class: "d-flex align-items-center me-2" }, Za = /* @__PURE__ */ S({
+}), Xa = { class: "d-flex align-items-center me-2" }, Qa = /* @__PURE__ */ S({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -5147,7 +5155,7 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
     });
     return (l, n) => {
       const o = pe;
-      return r(), v("div", Ka, [
+      return r(), v("div", Xa, [
         t.uploadStatus === "Uploading" ? (r(), y(o, {
           key: 0,
           "in-line": ""
@@ -5166,16 +5174,16 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
       ]);
     };
   }
-}), Xa = ["data-cy"], Qa = { class: "ms-3 d-flex flex-column" }, ei = {
+}), ei = ["data-cy"], ti = { class: "ms-3 d-flex flex-column" }, ai = {
   key: 1,
   id: "file-name"
-}, ti = {
+}, ii = {
   class: "text-black-50",
   id: "file-type"
-}, ai = {
+}, li = {
   class: "text-black-50",
   id: "file-size"
-}, ii = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, li = /* @__PURE__ */ S({
+}, ni = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, oi = /* @__PURE__ */ S({
   __name: "FileInfo",
   props: /* @__PURE__ */ R({
     editableFileName: { type: Boolean },
@@ -5194,25 +5202,25 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
   }),
   emits: /* @__PURE__ */ R(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), n = t, o = j(a.value.name), s = j(""), p = j(0), c = j(), x = z(() => e.acceptedFileTypes.some(({ fileType: g }) => g === a.value.type)), d = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : qa().getType(a.value.name)), T = () => {
+    const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), n = t, o = j(a.value.name), s = j(""), p = j(0), c = j(), x = z(() => e.acceptedFileTypes.some(({ fileType: b }) => b === a.value.type)), d = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : Ra().getType(a.value.name)), T = () => {
       o.value != null && (D(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, D = () => {
-      let g = o.value.split("."), w = Na.getExtension($.value), I = o.value.split(".").pop();
-      g.length === 1 ? I && I.length > 0 && (o.value = [o.value, w].join(".")) : g.length > 1 && I !== w && (o.value = o.value.replace(I, w));
+      let b = o.value.split("."), w = Ea.getExtension($.value), I = o.value.split(".").pop();
+      b.length === 1 ? I && I.length > 0 && (o.value = [o.value, w].join(".")) : b.length > 1 && I !== w && (o.value = o.value.replace(I, w));
     }, O = async () => {
       if (!x.value || !d.value) {
         l.value = x.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
       l.value = "Preparing", c.value = new AbortController();
-      const [g, w] = await e.getFileUrlAction(a.value.name);
-      if (!g) {
+      const [b, w] = await e.getFileUrlAction(a.value.name);
+      if (!b) {
         l.value = "Failed";
         return;
       }
       try {
         l.value = "Uploading";
-        const I = new ge(g), b = {
+        const I = new ge(b), g = {
           abortSignal: c.value.signal,
           onProgress: (V) => p.value = V.loadedBytes,
           blobHTTPHeaders: {
@@ -5221,7 +5229,7 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
           },
           tags: { temp: "true" }
         };
-        await I.uploadData(a.value, b), s.value = g, l.value = "Uploaded", i.value = w;
+        await I.uploadData(a.value, g), s.value = b, l.value = "Uploaded", i.value = w;
       } catch (I) {
         if (I.name === "AbortError") {
           l.value = "Aborted";
@@ -5230,26 +5238,26 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
         l.value = "Failed";
       }
     }, U = async () => {
-      await Aa(l.value, s.value), n("deleted", a.value);
+      await Ua(l.value, s.value), n("deleted", a.value);
     };
     return ne(() => {
       e.autoUploadToBlob && l.value != "Uploaded" && O();
-    }), (g, w) => {
+    }), (b, w) => {
       const I = q;
       return r(), v("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          u(Ea)(a.value.type) ? (r(), y(u(Ye), {
+          u(qa)(a.value.type) ? (r(), y(u(Ye), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: u(Ua)(a.value),
+            src: u(La)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (r(), y(u(_), {
+          }, null, 8, ["src", "alt"])) : (r(), y(u(P), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -5257,28 +5265,28 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", Qa, [
+        m("div", ti, [
           m("div", null, [
-            g.editableFileName ? (r(), y(Gt, {
+            b.editableFileName ? (r(), y(Gt, {
               key: 0,
               id: "edit-file-name",
               modelValue: o.value,
-              "onUpdate:modelValue": w[0] || (w[0] = (b) => o.value = b),
-              rules: g.customFileNameRules,
+              "onUpdate:modelValue": w[0] || (w[0] = (g) => o.value = g),
+              rules: b.customFileNameRules,
               name: a.value.name,
               "complete-action": T
-            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", ei, B(o.value), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", ai, B(o.value), 1))
           ]),
-          m("span", ti, "File type: " + B(a.value.type.split("/").pop()), 1),
-          m("span", ai, "File size: " + B(u(me)(a.value.size)), 1)
+          m("span", ii, "File type: " + B(a.value.type.split("/").pop()), 1),
+          m("span", li, "File size: " + B(u(me)(a.value.size)), 1)
         ]),
-        m("div", ii, [
-          (r(), y(Za, {
+        m("div", ni, [
+          (r(), y(Qa, {
             key: l.value,
             "file-size": a.value.size,
             "upload-status": l.value,
             "bytes-uploaded": p.value,
-            "max-file-size": g.maxFileSize
+            "max-file-size": b.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
           l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (r(), y(I, {
             key: 0,
@@ -5286,7 +5294,7 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
             onClick: O
           }, {
             default: f(() => [
-              h(u(_), {
+              h(u(P), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
@@ -5295,10 +5303,10 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
           l.value === "Uploading" ? (r(), y(I, {
             key: 1,
             link: "",
-            onClick: w[1] || (w[1] = (b) => c.value.abort())
+            onClick: w[1] || (w[1] = (g) => c.value.abort())
           }, {
             default: f(() => [
-              h(u(_), { icon: "bi:x-circle-fill" })
+              h(u(P), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
           })) : (r(), y(I, {
@@ -5308,27 +5316,27 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
             id: "delete-button"
           }, {
             default: f(() => [
-              h(u(_), { icon: "bi:trash" })
+              h(u(P), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, Xa);
+      ], 8, ei);
     };
   }
-}), ni = { class: "d-flex justify-content-end mt-1 gap-1" }, oi = { id: "max-file-size" }, si = { id: "max-file-input" }, ri = /* @__PURE__ */ S({
+}), si = { class: "d-flex justify-content-end mt-1 gap-1" }, ri = { id: "max-file-size" }, di = { id: "max-file-input" }, pi = /* @__PURE__ */ S({
   __name: "FileInputInfo",
   props: {
     maxFileSize: {},
     maxFileInput: {}
   },
   setup(e) {
-    return (t, a) => (r(), v("div", ni, [
-      m("div", oi, "Max file size: " + B(u(me)(t.maxFileSize)), 1),
-      m("div", si, "| Max file count: " + B(t.maxFileInput), 1)
+    return (t, a) => (r(), v("div", si, [
+      m("div", ri, "Max file size: " + B(u(me)(t.maxFileSize)), 1),
+      m("div", di, "| Max file count: " + B(t.maxFileInput), 1)
     ]));
   }
-}), di = { "data-cy": "file-uploader" }, pi = { key: 0 }, yl = /* @__PURE__ */ S({
+}), ci = { "data-cy": "file-uploader" }, ui = { key: 0 }, hl = /* @__PURE__ */ S({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -5348,13 +5356,13 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
     const t = N(e, "modelValue"), a = e, i = (l) => {
       t.value = t.value.filter((n) => n.file != l);
     };
-    return (l, n) => (r(), v("div", di, [
-      h(Wa, P(a, {
+    return (l, n) => (r(), v("div", ci, [
+      h(Ya, _(a, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (r(), v("div", pi, [
-        h(Ja, {
+      l.showDragDropArea ? (r(), v("div", ui, [
+        h(Za, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
@@ -5363,7 +5371,7 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
         }, {
           default: f(() => [
             (r(!0), v(A, null, E(t.value, ({ file: o }, s) => (r(), v("div", null, [
-              (r(), y(li, P({
+              (r(), y(oi, _({
                 key: o.name,
                 class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[s].file,
@@ -5378,14 +5386,14 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        h(ri, {
+        h(pi, {
           "max-file-size": a.maxFileSize,
           "max-file-input": l.maxFileInput
         }, null, 8, ["max-file-size", "max-file-input"])
       ])) : C("", !0)
     ]));
   }
-}), ci = { class: "d-flex" }, ui = { class: "me-3" }, mi = { class: "ms-2" }, vi = { class: "d-flex flex-column w-100" }, xl = /* @__PURE__ */ S({
+}), mi = { class: "d-flex" }, vi = { class: "me-3" }, fi = { class: "ms-2" }, gi = { class: "d-flex flex-column w-100" }, wl = /* @__PURE__ */ S({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -5402,13 +5410,13 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
         class: "ms-2"
       }, {
         default: f(() => [
-          m("div", ci, [
-            m("div", ui, [
-              h(u(_), { icon: "bi:layout-three-columns" })
+          m("div", mi, [
+            m("div", vi, [
+              h(u(P), { icon: "bi:layout-three-columns" })
             ]),
             M(" Columns (" + B(t.value.filter((s) => s.selected).length ?? 0) + "/" + B(t.value.length ?? 0) + ") ", 1),
-            m("div", mi, [
-              h(u(_), {
+            m("div", fi, [
+              h(u(P), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5424,7 +5432,7 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
         onShow: o[1] || (o[1] = () => i.value = !0)
       }, {
         default: f(() => [
-          m("div", vi, [
+          m("div", gi, [
             (r(!0), v(A, null, E(t.value, (s, p) => (r(), v("div", {
               class: F(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
@@ -5448,19 +5456,19 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), hl = /* @__PURE__ */ S({
+}), kl = /* @__PURE__ */ S({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
       const i = Je;
       return r(), y(i, W(G({ ...t.$attrs })), ae({
         toggleicon: f(({ collapsed: l }) => [
-          l ? (r(), y(u(_), {
+          l ? (r(), y(u(P), {
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
           })) : C("", !0),
-          l ? C("", !0) : (r(), y(u(_), {
+          l ? C("", !0) : (r(), y(u(P), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
@@ -5477,7 +5485,7 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
       ]), 1040);
     };
   }
-}), fi = /* @__PURE__ */ S({
+}), bi = /* @__PURE__ */ S({
   __name: "ForgeToggleButton",
   props: {
     severity: { default: "primary" }
@@ -5504,15 +5512,15 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
         ]
       })
     }));
-    return (i, l) => (r(), y(u(Ke), P({ ...i.$attrs, ...t }, {
+    return (i, l) => (r(), y(u(Ke), _({ ...i.$attrs, ...t }, {
       severity: t.severity,
       pt: a.value
     }), null, 16, ["severity", "pt"]));
   }
-}), gi = {
+}), yi = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, wl = /* @__PURE__ */ S({
+}, $l = /* @__PURE__ */ S({
   __name: "ForgeSelectButton",
   props: /* @__PURE__ */ R({
     options: {},
@@ -5542,8 +5550,8 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
         } else
           a.value = a.value === n.value && t.allowEmpty ? null : n.value;
     };
-    return (n, o) => (r(), v("div", gi, [
-      (r(!0), v(A, null, E(n.options, (s, p) => (r(), y(fi, {
+    return (n, o) => (r(), v("div", yi, [
+      (r(!0), v(A, null, E(n.options, (s, p) => (r(), y(bi, {
         key: p,
         onLabel: s.label,
         offLabel: s.label,
@@ -5556,7 +5564,7 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
-}), kl = /* @__PURE__ */ S({
+}), Bl = /* @__PURE__ */ S({
   __name: "ForgeConfirmPopup",
   setup(e) {
     const t = z(() => ({
@@ -5570,14 +5578,14 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
       pcRejectButton: { root: "btn btn-outline-primary btn-sm" },
       pcAcceptButton: { root: "btn btn-primary btn-sm" }
     }));
-    return (a, i) => (r(), y(u(Ze), P({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
+    return (a, i) => (r(), y(u(Ze), _({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
       default: f(() => [
         (r(!0), v(A, null, E(a.$slots, (l, n) => k(a.$slots, n, { slot: n })), 256))
       ]),
       _: 3
     }, 16, ["pt"]));
   }
-}), $l = () => ({
+}), Fl = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5588,39 +5596,39 @@ const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disable
   }
 });
 export {
-  Zi as Bootstrap_PT,
-  Xi as ForgeActionButton,
+  Qi as Bootstrap_PT,
+  el as ForgeActionButton,
   de as ForgeAlert,
-  Qi as ForgeAutoComplete,
+  tl as ForgeAutoComplete,
   ye as ForgeCheckbox,
-  dl as ForgeChip,
-  xl as ForgeColumnCustomiser,
-  kl as ForgeConfirmPopup,
+  cl as ForgeChip,
+  wl as ForgeColumnCustomiser,
+  Bl as ForgeConfirmPopup,
   xe as ForgeDatepicker,
-  yl as ForgeFileUploader,
-  bl as ForgeFilterHeader,
-  sl as ForgeForm,
-  rl as ForgeFormField,
+  hl as ForgeFileUploader,
+  xl as ForgeFilterHeader,
+  dl as ForgeForm,
+  pl as ForgeFormField,
   Gt as ForgeInlineEditor,
-  el as ForgeLink,
+  al as ForgeLink,
   pe as ForgeLoader,
-  il as ForgeModal,
+  nl as ForgeModal,
   Qt as ForgeMultiSelectPreview,
-  ll as ForgeNavbar,
-  nl as ForgePageHeader,
-  hl as ForgePanel,
-  pl as ForgeProgressBar,
-  ol as ForgeRemainingCharacters,
-  $l as ForgeResolver,
-  cl as ForgeScratchpad,
-  wl as ForgeSelectButton,
-  ul as ForgeStatWidget,
-  ml as ForgeStepper,
-  fl as ForgeTable,
-  vl as ForgeTile,
-  fi as ForgeToggleButton,
-  gl as ForgeTreeTable,
-  al as convertToMultiSelectOption,
-  tl as enumToMultiSelectList,
+  ol as ForgeNavbar,
+  sl as ForgePageHeader,
+  kl as ForgePanel,
+  ul as ForgeProgressBar,
+  rl as ForgeRemainingCharacters,
+  Fl as ForgeResolver,
+  ml as ForgeScratchpad,
+  $l as ForgeSelectButton,
+  vl as ForgeStatWidget,
+  fl as ForgeStepper,
+  bl as ForgeTable,
+  gl as ForgeTile,
+  bi as ForgeToggleButton,
+  yl as ForgeTreeTable,
+  ll as convertToMultiSelectOption,
+  il as enumToMultiSelectList,
   Ot as parseError
 };