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

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

@@ -1,8 +1,8 @@
 import he from "primevue/message";
-import { defineComponent as $, openBlock as r, createBlock as f, normalizeProps as J, guardReactiveProps as K, withCtx as b, createElementVNode as m, normalizeClass as F, unref as u, createCommentVNode as z, createVNode as x, renderSlot as w, ref as _, createElementBlock as v, Fragment as O, mergeProps as C, renderList as N, mergeModels as U, useModel as D, computed as T, createTextVNode as I, toDisplayString as k, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Be } from "vue";
+import { defineComponent as $, openBlock as r, createBlock as f, normalizeProps as J, guardReactiveProps as K, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as z, createVNode as x, renderSlot as k, ref as _, createElementBlock as v, Fragment as O, mergeProps as C, renderList as N, mergeModels as U, useModel as D, computed as T, createTextVNode as I, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
 import { Icon as j } from "@iconify/vue";
 import A from "primevue/button";
-import Fe from "primevue/toast";
+import Be from "primevue/toast";
 import Se from "primevue/autocomplete";
 import Ce from "primevue/checkbox";
 import { useField as ee } from "vee-validate";
@@ -1039,7 +1039,7 @@ const We = {
     pcFilterContainer: { root: "dropdown-item" },
     filterIcon: "d-none"
   }
-}, Bt = {
+}, Ft = {
   treeSelect: {
     root: ({ props: e }) => ({
       class: [
@@ -1087,7 +1087,7 @@ const We = {
       filterIcon: "d-none"
     }
   }
-}, Ft = {
+}, Bt = {
   fieldset: {
     root: () => ({
       class: [
@@ -1131,7 +1131,7 @@ const We = {
   accordionContent: {
     root: "mt-2 mx-4 mb-4"
   }
-}, Oi = {
+}, Ni = {
   ...We,
   ...mt,
   ...Ye,
@@ -1162,8 +1162,8 @@ const We = {
   ...st,
   ...kt,
   ...tt,
-  ...Ft,
   ...Bt,
+  ...Ft,
   ...$t,
   ...St,
   directives: {
@@ -1193,13 +1193,13 @@ const We = {
       return r(), f(l, J(K({ ...a.$attrs, ...t })), {
         icon: b(() => [
           m("div", {
-            class: F(t.icon ? "me-2 pe-1" : "")
+            class: B(t.icon ? "me-2 pe-1" : "")
           }, [
             t.icon ? (r(), f(u(j), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
-              class: F(`text-${t.severity}`),
+              class: B(`text-${t.severity}`),
               height: 35
             }, null, 8, ["icon", "class"])) : z("", !0)
           ], 2)
@@ -1208,13 +1208,13 @@ const We = {
           x(u(j), { icon: "bi:x" })
         ]),
         default: b(() => [
-          w(a.$slots, "default")
+          k(a.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), Ni = /* @__PURE__ */ $({
+}), Ui = /* @__PURE__ */ $({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1240,16 +1240,16 @@ const We = {
           disabled: t.value || a.disabled,
           onClick: i
         }), null, 16, ["loading", "disabled"]),
-        x(u(Fe))
+        x(u(Be))
       ], 64);
     };
   }
-}), Ui = /* @__PURE__ */ $({
+}), Ai = /* @__PURE__ */ $({
   __name: "ForgeAutoComplete",
   setup(e) {
     return (t, a) => (r(), f(u(Se), C({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
       default: b(() => [
-        (r(!0), v(O, null, N(t.$slots, (i, l) => w(t.$slots, l, { slot: l })), 256))
+        (r(!0), v(O, null, N(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16));
@@ -1318,17 +1318,17 @@ const We = {
           m("label", {
             for: t.name,
             onClick: c[1] || (c[1] = (d) => o(d, !a.value)),
-            class: F([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
+            class: B([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            w(p.$slots, "default", {}, () => [
-              I(k(t.label), 1)
+            k(p.$slots, "default", {}, () => [
+              I(w(t.label), 1)
             ])
           ], 10, zt)
         ], 16),
         H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, k(u(n)), 513), [
+        }, w(u(n)), 513), [
           [Y, s.value]
         ])
       ]);
@@ -1346,12 +1346,12 @@ const We = {
       return r(), v("div", Tt, [
         x(l, {
           "animation-duration": ".75",
-          class: F(`text-${t.severity === void 0 ? "primary" : t.severity}`)
+          class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
       ]);
     };
   }
-}), jt = ["href", "target"], Ai = /* @__PURE__ */ $({
+}), jt = ["href", "target"], qi = /* @__PURE__ */ $({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1387,18 +1387,18 @@ const We = {
     }));
     return (i, l) => (r(), v("a", {
       id: "link",
-      class: F(["cursor-pointer d-flex text-break", t.value]),
+      class: B(["cursor-pointer d-flex text-break", t.value]),
       href: i.url,
       target: i.target
     }, [
-      w(i.$slots, "default", {}, () => [
+      k(i.$slots, "default", {}, () => [
         i.iconName ? (r(), f(u(j), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
-          class: F(["bi my-auto", a.value])
+          class: B(["bi my-auto", a.value])
         }, null, 8, ["icon", "class"])) : z("", !0),
-        I(" " + k(i.label), 1)
+        I(" " + w(i.label), 1)
       ])
     ], 10, jt));
   }
@@ -1414,16 +1414,16 @@ function It(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function qi(e, t) {
+function Ei(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function Ei(e, t, a) {
+function Li(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
 const _t = { key: 0 }, Pt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Li = /* @__PURE__ */ $({
+}, Ri = /* @__PURE__ */ $({
   __name: "ForgeModal",
   props: /* @__PURE__ */ U({
     cancelText: { default: "Cancel" },
@@ -1507,7 +1507,7 @@ const _t = { key: 0 }, Pt = {
         }
         n.value = !1;
       }
-    }, B = T(() => ({
+    }, F = T(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1523,7 +1523,7 @@ const _t = { key: 0 }, Pt = {
       return r(), f(q, C(l, {
         onMaximize: c,
         onUnmaximize: p,
-        pt: B.value
+        pt: F.value
       }), ie({
         closeicon: b(() => [
           x(u(j), {
@@ -1554,16 +1554,16 @@ const _t = { key: 0 }, Pt = {
             }, {
               default: b(() => [
                 m("p", {
-                  class: F(o.value.message.length > 0 ? "my-auto" : "mb-0")
-                }, k(o.value.header), 3),
+                  class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
+                }, w(o.value.header), 3),
                 o.value.message.length > 0 ? (r(), v("ul", _t, [
-                  (r(!0), v(O, null, N(o.value.message, (L) => (r(), v("li", { key: L }, k(L), 1))), 128))
+                  (r(!0), v(O, null, N(o.value.message, (L) => (r(), v("li", { key: L }, w(L), 1))), 128))
                 ])) : z("", !0)
               ]),
               _: 1
             })) : z("", !0),
-            w(S.$slots, h, J(K(P || {}))),
-            n.value ? w(S.$slots, "loader", { key: 1 }, () => [
+            k(S.$slots, h, J(K(P || {}))),
+            n.value ? k(S.$slots, "loader", { key: 1 }, () => [
               x(ge, { "data-cy": "loader" })
             ]) : z("", !0)
           ])
@@ -1574,7 +1574,7 @@ const _t = { key: 0 }, Pt = {
             m("div", Pt, [
               x(M, {
                 label: S.cancelText,
-                class: F(l.cancelClass),
+                class: B(l.cancelClass),
                 outlined: "",
                 onClick: g,
                 id: "cancel-button",
@@ -1582,7 +1582,7 @@ const _t = { key: 0 }, Pt = {
               }, null, 8, ["label", "class", "type"]),
               x(M, {
                 label: S.submitText,
-                class: F([l.submitClass, "ms-auto"]),
+                class: B([l.submitClass, "ms-auto"]),
                 onClick: d,
                 id: "submit-button",
                 type: l.submitButtonType
@@ -1613,7 +1613,7 @@ const _t = { key: 0 }, Pt = {
       var S;
       i.value = !i.value, (S = l.value) == null || S.focus();
     }, o = async () => {
-      if (B.value)
+      if (F.value)
         return !1;
       if (a.value = d.value, t.completeAction)
         try {
@@ -1633,21 +1633,21 @@ const _t = { key: 0 }, Pt = {
     le(() => {
       d.value = a.value;
     });
-    const B = T(() => g.value.length > 0);
+    const F = T(() => g.value.length > 0);
     return (S, V) => {
       const M = ne, q = A;
       return r(), v("div", {
         id: t.name
       }, [
         S.readonly ? (r(), v("div", Nt, [
-          w(S.$slots, "default", {}, () => [
-            m("span", Ut, k(u(d)), 1)
+          k(S.$slots, "default", {}, () => [
+            m("span", Ut, w(u(d)), 1)
           ])
         ])) : (r(), v("div", Mt, [
           i.value ? (r(), v("div", Dt, [
             H((r(), v("div", Ot, [
-              w(S.$slots, "editor", {
-                class: F({ "is-invalid": B.value }),
+              k(S.$slots, "editor", {
+                class: B({ "is-invalid": F.value }),
                 editFinished: o,
                 cancel: s,
                 val: u(d)
@@ -1659,7 +1659,7 @@ const _t = { key: 0 }, Pt = {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
-                  class: F({ "is-invalid": B.value }),
+                  class: B({ "is-invalid": F.value }),
                   onKeydown: [
                     X(o, ["enter"]),
                     X(s, ["esc"])
@@ -1682,11 +1682,11 @@ const _t = { key: 0 }, Pt = {
             onClick: n,
             onFocus: n
           }, [
-            w(S.$slots, "default", {}, () => [
+            k(S.$slots, "default", {}, () => [
               m("div", {
-                class: F(["pe-2 cursor-pointer", { "text-invalid": B.value }]),
+                class: B(["pe-2 cursor-pointer", { "text-invalid": F.value }]),
                 "data-cy": "value"
-              }, k(u(d) ? u(d) : "Click to edit"), 3)
+              }, w(u(d) ? u(d) : "Click to edit"), 3)
             ]),
             x(q, {
               link: "",
@@ -1695,7 +1695,7 @@ const _t = { key: 0 }, Pt = {
               default: b(() => [
                 x(u(j), {
                   icon: "bi:pencil",
-                  class: F(B.value ? "text-invalid" : "text-muted"),
+                  class: B(F.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
                   onKeydown: X(n, ["enter"])
                 }, null, 8, ["class"])
@@ -1707,13 +1707,13 @@ const _t = { key: 0 }, Pt = {
         H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, k(u(c)), 513), [
-          [Y, B.value]
+        }, w(u(c)), 513), [
+          [Y, F.value]
         ])
       ], 8, Vt);
     };
   }
-}), qt = ["href"], Ri = /* @__PURE__ */ $({
+}), qt = ["href"], Hi = /* @__PURE__ */ $({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1767,16 +1767,16 @@ const _t = { key: 0 }, Pt = {
           class: "navbar-brand ms-3",
           "data-cy": "logo"
         }, [
-          w(i.$slots, "logo", {}, () => [
+          k(i.$slots, "logo", {}, () => [
             l[0] || (l[0] = I(" Logo "))
           ])
         ], 8, qt)
       ]),
       buttonicon: b(() => [
-        w(i.$slots, "buttonIcon", {}, () => [
+        k(i.$slots, "buttonIcon", {}, () => [
           x(u(j), {
             icon: "bi:list",
-            class: F(t.severity === "light" ? "text-black" : "text-white"),
+            class: B(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
             "data-cy": "burger-icon"
           }, null, 8, ["class"])
@@ -1787,7 +1787,7 @@ const _t = { key: 0 }, Pt = {
       N(i.$slots, (n, o) => ({
         name: o,
         fn: b((s) => [
-          w(i.$slots, o, J(K(s)))
+          k(i.$slots, o, J(K(s)))
         ])
       }))
     ]), 1040, ["pt"]));
@@ -1821,11 +1821,11 @@ const _t = { key: 0 }, Pt = {
     return (l, n) => {
       const o = oe, s = A;
       return r(), v("div", {
-        class: F(l.orientation === "column" ? "row" : ""),
+        class: B(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
         m("div", {
-          class: F(l.orientation === "row" ? "col-12 mb-1" : "col"),
+          class: B(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
           x(o, C({
@@ -1838,14 +1838,14 @@ const _t = { key: 0 }, Pt = {
             "data-cy": "multiselect"
           }), {
             default: b(() => [
-              (r(!0), v(O, null, N(l.$slots, (p, c) => w(l.$slots, c, { slot: c })), 256))
+              (r(!0), v(O, null, N(l.$slots, (p, c) => k(l.$slots, c, { slot: c })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
-          w(l.$slots, "after-multi-select")
+          k(l.$slots, "after-multi-select")
         ], 2),
         m("div", {
-          class: F(l.orientation === "row" ? "col-12" : "col"),
+          class: B(l.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
           m("div", {
@@ -1853,13 +1853,13 @@ const _t = { key: 0 }, Pt = {
             class: "overflow-auto"
           }, [
             m("div", Et, [
-              l.title ? (r(), v("div", Lt, k(l.title), 1)) : z("", !0),
+              l.title ? (r(), v("div", Lt, w(l.title), 1)) : z("", !0),
               (r(!0), v(O, null, N(a.value, (p) => (r(), v("div", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                w(l.$slots, "list-item", { item: p }, () => [
-                  m("span", Rt, k(p.shortLabel ? p.shortLabel : p.label), 1)
+                k(l.$slots, "list-item", { item: p }, () => [
+                  m("span", Rt, w(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
                 l.canRemoveItemFromPreview ? (r(), f(s, {
                   key: 0,
@@ -1877,7 +1877,7 @@ const _t = { key: 0 }, Pt = {
                   _: 2
                 }, 1032, ["onClick"])) : z("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (r(), v("div", Ht, k(t.optionsPreviewEmptyText), 1)) : z("", !0)
+              a.value == null || a.value.length == 0 ? (r(), v("div", Ht, w(t.optionsPreviewEmptyText), 1)) : z("", !0)
             ])
           ], 4)
         ], 2)
@@ -1890,7 +1890,7 @@ const _t = { key: 0 }, Pt = {
 }, Jt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, Hi = /* @__PURE__ */ $({
+}, Wi = /* @__PURE__ */ $({
   __name: "ForgePageHeader",
   props: {
     title: {}
@@ -1898,9 +1898,9 @@ const _t = { key: 0 }, Pt = {
   setup(e) {
     const t = e;
     return (a, i) => (r(), v("div", Yt, [
-      m("h3", Gt, k(t.title), 1),
+      m("h3", Gt, w(t.title), 1),
       m("div", Jt, [
-        w(a.$slots, "default")
+        k(a.$slots, "default")
       ])
     ]));
   }
@@ -2075,28 +2075,28 @@ const _t = { key: 0 }, Pt = {
         ]
       })
     }));
-    return (d, B) => {
+    return (d, F) => {
       const S = _e;
       return r(), v(O, null, [
         m("div", Kt, [
           m("span", Zt, [
-            w(d.$slots, "before")
+            k(d.$slots, "before")
           ]),
           m("div", Xt, [
             x(S, C({ ...t, ...d.$attrs }, {
               pt: g.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
-                B[0] || (B[0] = (V) => a.value = V),
+                F[0] || (F[0] = (V) => a.value = V),
                 u(n)
               ],
-              onBlur: B[1] || (B[1] = () => u(o)),
+              onBlur: F[1] || (F[1] = () => u(o)),
               "input-class": { "datepicker-invalid": c.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
             H(x(u(j), {
               "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"}`])
+              class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${c.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [Y, t.showIcon]
             ]),
@@ -2104,25 +2104,25 @@ const _t = { key: 0 }, Pt = {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
-              class: F(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
+              class: B(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
             }, null, 8, ["class"]), [
               [Y, t.modelValue]
             ])
           ]),
           m("span", Qt, [
-            w(d.$slots, "after")
+            k(d.$slots, "after")
           ])
         ]),
         H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, k(u(l)), 513), [
+        }, w(u(l)), 513), [
           [Y, c.value]
         ])
       ], 64);
     };
   }
-}), Wi = /* @__PURE__ */ $({
+}), Yi = /* @__PURE__ */ $({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -2131,10 +2131,10 @@ const _t = { key: 0 }, Pt = {
   setup(e) {
     const t = e, a = T(() => t.maxCount - t.currentCount);
     return (i, l) => (r(), v("div", {
-      class: F(a.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + k(a.value), 3));
+      class: B(a.value < 0 ? "text-danger" : "")
+    }, "Remaining characters: " + w(a.value), 3));
   }
-}), ea = { class: "d-flex justify-content-between" }, Yi = /* @__PURE__ */ $({
+}), ea = { class: "d-flex justify-content-between" }, Gi = /* @__PURE__ */ $({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2167,11 +2167,11 @@ const _t = { key: 0 }, Pt = {
         onSubmit: G(l, ["prevent"])
       }), [
         n.hideTitle ? z("", !0) : (r(), v(O, { key: 0 }, [
-          w(n.$slots, "title", {}, () => [
+          k(n.$slots, "title", {}, () => [
             m("h3", {
-              class: F(n.titleClass),
+              class: B(n.titleClass),
               "data-cy": "form-title"
-            }, k(n.title), 3)
+            }, w(n.title), 3)
           ]),
           o[1] || (o[1] = m("hr", null, null, -1))
         ], 64)),
@@ -2181,17 +2181,17 @@ const _t = { key: 0 }, Pt = {
           "data-cy": "error"
         }, {
           default: b(() => [
-            w(n.$slots, "error", {
+            k(n.$slots, "error", {
               error: i.value.message
             }, () => [
-              I(k(i.value.message), 1)
+              I(w(i.value.message), 1)
             ])
           ]),
           _: 3
         })) : z("", !0),
-        w(n.$slots, "default"),
+        k(n.$slots, "default"),
         m("div", ea, [
-          w(n.$slots, "cancel", {}, () => [
+          k(n.$slots, "cancel", {}, () => [
             n.hideCancel ? z("", !0) : (r(), f(s, {
               key: 0,
               "data-cy": "cancel-btn",
@@ -2201,12 +2201,12 @@ const _t = { key: 0 }, Pt = {
               onClick: o[0] || (o[0] = (p) => n.$emit("cancel"))
             }, {
               default: b(() => [
-                I(k(n.cancelText), 1)
+                I(w(n.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          w(n.$slots, "submit", { submit: l }, () => [
+          k(n.$slots, "submit", { submit: l }, () => [
             x(s, {
               "data-cy": "submit-btn",
               type: "submit",
@@ -2214,7 +2214,7 @@ const _t = { key: 0 }, Pt = {
               class: "ms-auto"
             }, {
               default: b(() => [
-                I(k(n.submitText), 1)
+                I(w(n.submitText), 1)
               ]),
               _: 1
             })
@@ -2233,7 +2233,7 @@ const _t = { key: 0 }, Pt = {
 }, aa = ["for"], ia = {
   key: 0,
   class: "text-danger fw-600"
-}, Gi = /* @__PURE__ */ $({
+}, Ji = /* @__PURE__ */ $({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ U({
     name: {},
@@ -2258,7 +2258,7 @@ const _t = { key: 0 }, Pt = {
     return ce(() => n.value, (g) => {
       t.value = g;
     }, { immediate: !0 }), (g, d) => {
-      const B = Ve, S = Pe, V = ne, M = te, q = oe, y = be;
+      const F = Ve, S = Pe, V = ne, M = te, q = oe, y = be;
       return a.type === "checkbox" ? (r(), f(fe, C({
         key: 0,
         id: a.name,
@@ -2270,16 +2270,16 @@ const _t = { key: 0 }, Pt = {
       }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), v("div", ta, [
         m("div", {
           "data-cy": "input-wrapper",
-          class: F(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
+          class: B(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
         }, [
           m("label", {
             for: a.name,
-            class: F(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
+            class: B(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, [
-            I(k(a.fieldLabel) + " ", 1),
+            I(w(a.fieldLabel) + " ", 1),
             g.required ? (r(), v("span", ia, "*")) : z("", !0)
           ], 10, aa),
-          w(g.$slots, "default", J(K({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
+          k(g.$slots, "default", J(K({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
             a.type === "number" ? (r(), f(u(ue), C({
               key: 0,
               id: a.name
@@ -2290,7 +2290,7 @@ const _t = { key: 0 }, Pt = {
               onInput: i,
               modelValue: t.value,
               "onUpdate:modelValue": d[1] || (d[1] = (h) => t.value = h)
-            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (r(), f(B, C({
+            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (r(), f(F, C({
               key: 1,
               id: a.name
             }, g.$attrs, {
@@ -2343,13 +2343,13 @@ const _t = { key: 0 }, Pt = {
         H(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, k(u(o)), 513), [
+        }, w(u(o)), 513), [
           [Y, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
     };
   }
-}), Ji = /* @__PURE__ */ $({
+}), Ki = /* @__PURE__ */ $({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2386,7 +2386,7 @@ const _t = { key: 0 }, Pt = {
       const n = Me;
       return r(), f(n, C({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
         default: b(() => [
-          (r(!0), v(O, null, N(i.$slots, (o, s) => w(i.$slots, s, { slot: s })), 256))
+          (r(!0), v(O, null, N(i.$slots, (o, s) => k(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2439,7 +2439,7 @@ const _t = { key: 0 }, Pt = {
       const p = De;
       return r(), f(p, C({ ...o.$attrs, ...t }, { pt: n.value }), {
         default: b(() => [
-          w(o.$slots, "default")
+          k(o.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2762,8 +2762,8 @@ var na = /* @__PURE__ */ $({
       var p = t.split(o).filter((M) => M.length > 0);
       for (let M = 0; M < p.length; M++) {
         for (var c = p[M].split(s).filter((q) => q.length > 0), g = "", d = 0; d < c.length; d++) {
-          var B = g + c[d] + " ", S = e.measureText(B), V = S.width;
-          V > l && d > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(g, a, i) : e.fillText(g, a, i), g = c[d] + " ", i += n) : g = B;
+          var F = g + c[d] + " ", S = e.measureText(F), V = S.width;
+          V > l && d > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(g, a, i) : e.fillText(g, a, i), g = c[d] + " ", i += n) : g = F;
         }
         this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(g, a, i) : e.fillText(g, a, i), i += c.length > 0 ? n : 0;
       }
@@ -2792,8 +2792,8 @@ var na = /* @__PURE__ */ $({
       } else if (a.type === "Text") {
         let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", l = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", n = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", o = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
         if (t.font = i, t.textAlign = l, t.textBaseline = n, a.fontStyle && a.fontStyle.rotate) {
-          let d, B;
-          a.fontStyle && a.fontStyle.width ? d = a.x + Math.floor(a.fontStyle.width / 2) : d = a.x, a.fontStyle && a.fontStyle.lineHeight ? B = a.y + Math.floor(a.fontStyle.lineHeight / 2) : B = a.y, t.translate(d, B), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(d * -1, B * -1);
+          let d, F;
+          a.fontStyle && a.fontStyle.width ? d = a.x + Math.floor(a.fontStyle.width / 2) : d = a.x, a.fontStyle && a.fontStyle.lineHeight ? F = a.y + Math.floor(a.fontStyle.lineHeight / 2) : F = a.y, t.translate(d, F), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(d * -1, F * -1);
         }
         a.fontStyle && a.fontStyle.drawType && a.fontStyle.drawType === "stroke" ? (t.strokeStyle = a.fontStyle.color, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.strokeText(a.source, a.x, a.y)) : (t.fillStyle = o, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.fillText(a.source, a.x, a.y));
         let s = document.createElement("canvas"), p = s.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, g = this.outputHeight === void 0 ? this.height : this.outputHeight;
@@ -2836,7 +2836,7 @@ var na = /* @__PURE__ */ $({
     });
   }
 });
-const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1 gap-1" }, Ki = /* @__PURE__ */ $({
+const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1 gap-1" }, Zi = /* @__PURE__ */ $({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -2849,7 +2849,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = Be("drawingCanvas"), n = _(), o = () => {
+    const a = e, i = t, l = Fe("drawingCanvas"), n = _(), o = () => {
       l == null || l.value.reset();
     }, s = () => {
       l == null || l.value.redo();
@@ -2859,7 +2859,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
       i("save", l.value.isEmpty());
     };
     return (g, d) => {
-      const B = A;
+      const F = A;
       return r(), v("div", oa, [
         x(u(na), C({
           ref_key: "drawingCanvas",
@@ -2875,7 +2875,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
           "line-join": g.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
         m("div", sa, [
-          a.showUndo ? (r(), f(B, {
+          a.showUndo ? (r(), f(F, {
             key: 0,
             onClick: p,
             outlined: "",
@@ -2886,7 +2886,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
             ])),
             _: 1
           })) : z("", !0),
-          a.showRedo ? (r(), f(B, {
+          a.showRedo ? (r(), f(F, {
             key: 1,
             onClick: s,
             outlined: "",
@@ -2897,7 +2897,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
             ])),
             _: 1
           })) : z("", !0),
-          a.showClear ? (r(), f(B, {
+          a.showClear ? (r(), f(F, {
             key: 2,
             onClick: o,
             outlined: "",
@@ -2908,7 +2908,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
             ])),
             _: 1
           })) : z("", !0),
-          a.showSave ? (r(), f(B, {
+          a.showSave ? (r(), f(F, {
             key: 3,
             onClick: c,
             class: "ms-auto",
@@ -2923,7 +2923,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
       ]);
     };
   }
-}), ra = { class: "value text-white w-100 text-center" }, Zi = /* @__PURE__ */ $({
+}), ra = { class: "value text-white w-100 text-center" }, Xi = /* @__PURE__ */ $({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2935,11 +2935,11 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", ra, [
-        w(a.$slots, "default")
+        k(a.$slots, "default")
       ])
     ], 16));
   }
-}), da = { key: 0 }, Xi = /* @__PURE__ */ $({
+}), da = { key: 0 }, Qi = /* @__PURE__ */ $({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -2997,7 +2997,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
               default: b(() => [
-                i.showStepLabel ? (r(), v("div", da, k(n.label), 1)) : z("", !0)
+                i.showStepLabel ? (r(), v("div", da, w(n.label), 1)) : z("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
@@ -3011,7 +3011,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
               value: n.value
             }, {
               default: b(() => [
-                w(i.$slots, "step" + n.value)
+                k(i.$slots, "step" + n.value)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -3022,7 +3022,7 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), pa = { class: "p-4 text-wrap w-100" }, ca = { class: "p-4 text-wrap w-100" }, Qi = /* @__PURE__ */ $({
+}), pa = { class: "p-4 text-wrap w-100" }, ca = { class: "p-4 text-wrap w-100" }, el = /* @__PURE__ */ $({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -3036,14 +3036,14 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
       const o = A;
       return t.clickable ? (r(), f(o, {
         key: 0,
-        class: F(["d-flex w-100 p-0 text-body", a.value]),
+        class: B(["d-flex w-100 p-0 text-body", a.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
         default: b(() => [
           m("div", pa, [
-            w(l.$slots, "default", {}, () => [
+            k(l.$slots, "default", {}, () => [
               n[0] || (n[0] = I("Tile Content"))
             ])
           ])
@@ -3051,11 +3051,11 @@ const oa = { class: "d-flex flex-column" }, sa = { class: "d-flex flex-row mt-1
         _: 3
       }, 8, ["severity", "class"])) : (r(), v("div", {
         key: 1,
-        class: F(["d-flex w-100", i.value]),
+        class: B(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
         m("div", ca, [
-          w(l.$slots, "default", {}, () => [
+          k(l.$slots, "default", {}, () => [
             n[1] || (n[1] = I("Tile Content"))
           ])
         ])
@@ -3099,14 +3099,14 @@ const ua = {
       ]),
       i.total ? (r(), v("div", va, [
         s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", fa, k(i.total) + " " + k(u(Q)(i.total, "result")) + " across " + k(n.value), 1)
+        m("span", fa, w(i.total) + " " + w(u(Q)(i.total, "result")) + " across " + w(n.value), 1)
       ])) : z("", !0)
     ]));
   }
 }), ba = { class: "position-relative" }, ya = { "data-cy": "above-table-slot" }, xa = { class: "d-flex w-100" }, ha = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, wa = { class: "d-flex" }, ka = { class: "d-flex align-items-end mb-2" }, $a = { key: 0 }, Ba = { class: "ms-auto" }, el = /* @__PURE__ */ $({
+}, wa = { class: "d-flex" }, ka = { class: "d-flex align-items-end mb-2" }, $a = { key: 0 }, Fa = { class: "ms-auto" }, tl = /* @__PURE__ */ $({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3231,7 +3231,7 @@ const ua = {
         for (const y in i.filters)
           typeof i.filters[y] == "string" ? i.filters[y] = "" : i.filters[y].value = null;
       V(i.filters);
-    }, B = () => {
+    }, F = () => {
       l.value.exportCSV();
     }, S = (y) => {
       var h;
@@ -3247,7 +3247,7 @@ const ua = {
       s.value.filters = y, a("update:tableContext", s.value);
     }, { deep: !0 }), le(() => a("update:tableContext", s.value)), (y, h) => (r(), v("div", ba, [
       m("span", ya, [
-        w(y.$slots, "above-table")
+        k(y.$slots, "above-table")
       ]),
       x(u(Ee), C({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
@@ -3266,12 +3266,12 @@ const ua = {
       }), ie({
         empty: b(() => [
           m("div", xa, [
-            m("h5", ha, k(y.emptyMessage ?? "No items Found."), 1)
+            m("h5", ha, w(y.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: b(() => [
           m("div", {
-            class: F(i.loading ? "opacity-50" : "")
+            class: B(i.loading ? "opacity-50" : "")
           }, [
             m("div", wa, [
               m("div", ka, [
@@ -3287,11 +3287,11 @@ const ua = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : z("", !0)
               ]),
-              m("div", Ba, [
+              m("div", Fa, [
                 y.showClearButton ? (r(), f(u(A), {
                   key: 0,
                   outlined: "",
-                  class: F(y.showExporterButton ? "me-2" : ""),
+                  class: B(y.showExporterButton ? "me-2" : ""),
                   onClick: d,
                   "data-cy": "clear-all"
                 }, {
@@ -3308,7 +3308,7 @@ const ua = {
                 y.showExporterButton ? (r(), f(u(A), {
                   key: 1,
                   outlined: "",
-                  onClick: B,
+                  onClick: F,
                   "data-cy": "exporter"
                 }, {
                   default: b(() => [
@@ -3321,27 +3321,27 @@ const ua = {
                   ]),
                   _: 1
                 })) : z("", !0),
-                w(y.$slots, "column-customiser")
+                k(y.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
         default: b(() => [
-          w(y.$slots, "default")
+          k(y.$slots, "default")
         ]),
         _: 2
       }, [
         N(y.$slots, (P, L) => ({
           name: L,
           fn: b((ae) => [
-            w(y.$slots, L, J(K(ae || {})))
+            k(y.$slots, L, J(K(ae || {})))
           ])
         })),
         y.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: b(() => [
             m("span", {
-              class: F(["d-flex", i.loading ? "opacity-50" : ""]),
+              class: B(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
               h[4] || (h[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
@@ -3361,15 +3361,15 @@ const ua = {
           fn: b(() => [
             m("span", {
               "data-cy": "legacy-total",
-              class: F(i.loading ? "opacity-50" : "")
-            }, k(p.value) + " " + k(u(Q)(p.value, "result")) + " across " + k(c.value), 3)
+              class: B(i.loading ? "opacity-50" : "")
+            }, w(p.value) + " " + w(u(Q)(p.value, "result")) + " across " + w(c.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), Fa = { class: "d-flex position-relative" }, Sa = { class: "d-flex w-100" }, tl = /* @__PURE__ */ $({
+}), Ba = { class: "d-flex position-relative" }, Sa = { class: "d-flex w-100" }, al = /* @__PURE__ */ $({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ U({
     dataType: {},
@@ -3400,7 +3400,7 @@ const ua = {
     };
     return (l, n) => {
       const o = ue, s = A;
-      return r(), v("div", Fa, [
+      return r(), v("div", Ba, [
         l.dataType === "numeric" ? (r(), f(o, C({
           key: 0,
           modelValue: t.value,
@@ -3425,8 +3425,8 @@ const ua = {
           value: b(({ value: p, placeholder: c }) => [
             m("div", Sa, [
               m("span", {
-                class: F({ "filter-placeholder": p === null })
-              }, k(a(p, c)), 3),
+                class: B({ "filter-placeholder": p === null })
+              }, w(a(p, c)), 3),
               l.showClearButton && t.value !== null ? (r(), f(s, {
                 key: 0,
                 onClick: G(i, ["prevent"]),
@@ -4658,7 +4658,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
     return (o, s) => {
       const p = A;
       return r(), v("div", _a, [
-        w(o.$slots, "message"),
+        k(o.$slots, "message"),
         m("div", null, [
           m("input", {
             id: "file-input",
@@ -4670,11 +4670,11 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
             onInput: s[0] || (s[0] = (c) => n([...c.target.files]))
           }, null, 40, Pa),
           m("label", {
-            class: F([{ disabled: l.value }, "btn btn-primary"]),
+            class: B([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
-            w(o.$slots, "button-content", {}, () => [
+            k(o.$slots, "button-content", {}, () => [
               x(u(j), {
                 icon: "bi:upload",
                 class: "me-2",
@@ -4702,7 +4702,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           ref: a
         }, {
           default: b(() => [
-            m("div", Va, k(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
+            m("div", Va, w(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
@@ -4733,7 +4733,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
     };
     return (n, o) => (r(), v("div", {
       id: "drag-drop-area",
-      class: F(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      class: B(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
       onDragleave: o[0] || (o[0] = G((s) => a.value = !1, ["prevent"])),
       onDragover: o[1] || (o[1] = G((s) => a.value = !0, ["prevent"])),
       onDrop: G(l, ["prevent"])
@@ -4747,7 +4747,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         }),
         o[2] || (o[2] = I(" Drag and drop files here "))
       ])) : (r(), v("div", Oa, [
-        w(n.$slots, "default")
+        k(n.$slots, "default")
       ]))
     ], 34));
   }
@@ -4784,7 +4784,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         striped: ""
       }, {
         default: b(() => [
-          I(k((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
+          I(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
       })) : z("", !0),
@@ -4795,7 +4795,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         class: "mb-0 w-75 ms-auto"
       }, {
         default: b(() => [
-          I(k(a.value), 1)
+          I(w(a.value), 1)
         ]),
         _: 1
       }, 8, ["severity"])) : z("", !0)
@@ -4829,10 +4829,10 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }),
   emits: /* @__PURE__ */ U(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, o = _(a.value.name), s = _(""), p = _(0), c = _(), g = T(() => e.acceptedFileTypes.some(({ fileType: y }) => y === a.value.type)), d = T(() => a.value.size <= e.maxFileSize), B = T(() => a.value.type ? a.value.type : Ia().getType(a.value.name)), S = () => {
+    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, o = _(a.value.name), s = _(""), p = _(0), c = _(), g = T(() => e.acceptedFileTypes.some(({ fileType: y }) => y === a.value.type)), d = T(() => a.value.size <= e.maxFileSize), F = T(() => a.value.type ? a.value.type : Ia().getType(a.value.name)), S = () => {
       o.value != null && (V(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, V = () => {
-      let y = o.value.split("."), h = Ca.getExtension(B.value), P = o.value.split(".").pop();
+      let y = o.value.split("."), h = Ca.getExtension(F.value), P = o.value.split(".").pop();
       y.length === 1 ? P && P.length > 0 && (o.value = [o.value, h].join(".")) : y.length > 1 && P !== h && (o.value = o.value.replace(P, h));
     }, M = async () => {
       if (!g.value || !d.value) {
@@ -4851,7 +4851,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           abortSignal: c.value.signal,
           onProgress: (ae) => p.value = ae.loadedBytes,
           blobHTTPHeaders: {
-            blobContentType: B.value,
+            blobContentType: F.value,
             blobContentDisposition: `attachment; filename="${a.value.name}"`
           },
           tags: { temp: "true" }
@@ -4902,10 +4902,10 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
               rules: y.customFileNameRules,
               name: a.value.name,
               "complete-action": S
-            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", La, k(o.value), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", La, w(o.value), 1))
           ]),
-          m("span", Ra, "File type: " + k(a.value.type.split("/").pop()), 1),
-          m("span", Ha, "File size: " + k(u(pe)(a.value.size)), 1)
+          m("span", Ra, "File type: " + w(a.value.type.split("/").pop()), 1),
+          m("span", Ha, "File size: " + w(u(pe)(a.value.size)), 1)
         ]),
         m("div", Wa, [
           (r(), f(Aa, {
@@ -4951,17 +4951,19 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
       ], 8, qa);
     };
   }
-}), Ga = { class: "d-flex justify-content-end mt-1" }, Ja = { id: "max-file-size" }, Ka = /* @__PURE__ */ $({
-  __name: "MaxFileSize",
+}), Ga = { class: "d-flex justify-content-end mt-1 gap-1" }, Ja = { id: "max-file-size" }, Ka = { id: "max-file-input" }, Za = /* @__PURE__ */ $({
+  __name: "FileInputInfo",
   props: {
-    maxFileSize: {}
+    maxFileSize: {},
+    maxFileInput: {}
   },
   setup(e) {
     return (t, a) => (r(), v("div", Ga, [
-      m("div", Ja, "Max file size: " + k(u(pe)(t.maxFileSize)), 1)
+      m("div", Ja, "Max file size: " + w(u(pe)(t.maxFileSize)), 1),
+      m("div", Ka, "| Max file count: " + w(t.maxFileInput), 1)
     ]));
   }
-}), Za = { "data-cy": "file-uploader" }, Xa = { key: 0 }, al = /* @__PURE__ */ $({
+}), Xa = { "data-cy": "file-uploader" }, Qa = { key: 0 }, il = /* @__PURE__ */ $({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ U({
     acceptedFileTypes: {},
@@ -4981,12 +4983,12 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
     const t = D(e, "modelValue"), a = e, i = (l) => {
       t.value = t.value.filter((n) => n.file != l);
     };
-    return (l, n) => (r(), v("div", Za, [
+    return (l, n) => (r(), v("div", Xa, [
       x(Ma, C(a, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (r(), v("div", Xa, [
+      l.showDragDropArea ? (r(), v("div", Qa, [
         x(Na, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
@@ -5011,13 +5013,14 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        x(Ka, {
-          "max-file-size": a.maxFileSize
-        }, null, 8, ["max-file-size"])
+        x(Za, {
+          "max-file-size": a.maxFileSize,
+          "max-file-input": l.maxFileInput
+        }, null, 8, ["max-file-size", "max-file-input"])
       ])) : z("", !0)
     ]));
   }
-}), Qa = { class: "d-flex" }, ei = { class: "me-3" }, ti = { class: "ms-2" }, ai = { class: "d-flex flex-column w-100" }, il = /* @__PURE__ */ $({
+}), ei = { class: "d-flex" }, ti = { class: "me-3" }, ai = { class: "ms-2" }, ii = { class: "d-flex flex-column w-100" }, ll = /* @__PURE__ */ $({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -5034,12 +5037,12 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         class: "ms-2"
       }, {
         default: b(() => [
-          m("div", Qa, [
-            m("div", ei, [
+          m("div", ei, [
+            m("div", ti, [
               x(u(j), { icon: "bi:layout-three-columns" })
             ]),
-            I(" Columns (" + k(t.value.filter((s) => s.selected).length ?? 0) + "/" + k(t.value.length ?? 0) + ") ", 1),
-            m("div", ti, [
+            I(" Columns (" + w(t.value.filter((s) => s.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
+            m("div", ai, [
               x(u(j), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
@@ -5056,9 +5059,9 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         onShow: o[1] || (o[1] = () => i.value = !0)
       }, {
         default: b(() => [
-          m("div", ai, [
+          m("div", ii, [
             (r(!0), v(O, null, N(t.value, (s, p) => (r(), v("div", {
-              class: F(["d-flex cursor-pointer", {
+              class: B(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
                 "py-1": p !== 0 && t.value.length - 1 !== p,
                 "pt-1": t.value.length - 1 === p,
@@ -5080,7 +5083,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), ll = /* @__PURE__ */ $({
+}), nl = /* @__PURE__ */ $({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
@@ -5099,13 +5102,13 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
           }))
         ]),
         default: b(() => [
-          w(t.$slots, "default")
+          k(t.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), ii = /* @__PURE__ */ $({
+}), li = /* @__PURE__ */ $({
   __name: "ForgeToggleButton",
   props: {
     severity: { default: "primary" }
@@ -5137,10 +5140,10 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
       pt: a.value
     }), null, 16, ["severity", "pt"]));
   }
-}), li = {
+}), ni = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, nl = /* @__PURE__ */ $({
+}, ol = /* @__PURE__ */ $({
   __name: "ForgeSelectButton",
   props: /* @__PURE__ */ U({
     options: {},
@@ -5170,8 +5173,8 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
         } else
           a.value = a.value === n.value && t.allowEmpty ? null : n.value;
     };
-    return (n, o) => (r(), v("div", li, [
-      (r(!0), v(O, null, N(n.options, (s, p) => (r(), f(ii, {
+    return (n, o) => (r(), v("div", ni, [
+      (r(!0), v(O, null, N(n.options, (s, p) => (r(), f(li, {
         key: p,
         onLabel: s.label,
         offLabel: s.label,
@@ -5184,7 +5187,7 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
-}), ol = () => ({
+}), sl = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5195,37 +5198,37 @@ const _a = { class: "d-flex justify-content-between" }, Pa = ["accept", "disable
   }
 });
 export {
-  Oi as Bootstrap_PT,
-  Ni as ForgeActionButton,
+  Ni as Bootstrap_PT,
+  Ui as ForgeActionButton,
   se as ForgeAlert,
-  Ui as ForgeAutoComplete,
+  Ai as ForgeAutoComplete,
   fe as ForgeCheckbox,
-  Ji as ForgeChip,
-  il as ForgeColumnCustomiser,
+  Ki as ForgeChip,
+  ll as ForgeColumnCustomiser,
   be as ForgeDatepicker,
-  al as ForgeFileUploader,
-  tl as ForgeFilterHeader,
-  Yi as ForgeForm,
-  Gi as ForgeFormField,
+  il as ForgeFileUploader,
+  al as ForgeFilterHeader,
+  Gi as ForgeForm,
+  Ji as ForgeFormField,
   At as ForgeInlineEditor,
-  Ai as ForgeLink,
+  qi as ForgeLink,
   ge as ForgeLoader,
-  Li as ForgeModal,
+  Ri as ForgeModal,
   Wt as ForgeMultiSelectPreview,
-  Ri as ForgeNavbar,
-  Hi as ForgePageHeader,
-  ll as ForgePanel,
+  Hi as ForgeNavbar,
+  Wi as ForgePageHeader,
+  nl as ForgePanel,
   la as ForgeProgressBar,
-  Wi as ForgeRemainingCharacters,
-  ol as ForgeResolver,
-  Ki as ForgeScratchpad,
-  nl as ForgeSelectButton,
-  Zi as ForgeStatWidget,
-  Xi as ForgeStepper,
-  el as ForgeTable,
-  Qi as ForgeTile,
-  ii as ForgeToggleButton,
-  Ei as convertToMultiSelectOption,
-  qi as enumToMultiSelectList,
+  Yi as ForgeRemainingCharacters,
+  sl as ForgeResolver,
+  Zi as ForgeScratchpad,
+  ol as ForgeSelectButton,
+  Xi as ForgeStatWidget,
+  Qi as ForgeStepper,
+  tl as ForgeTable,
+  el as ForgeTile,
+  li as ForgeToggleButton,
+  Li as convertToMultiSelectOption,
+  Ei as enumToMultiSelectList,
   It as parseError
 };

package/dist/src/components/file-uploader/components/FileInputInfo.vue.d.ts

@@ -0,0 +1,6 @@
+interface FileInputInfoProps {
+    maxFileSize: number;
+    maxFileInput: number;
+}
+declare const _default: import('vue').DefineComponent<FileInputInfoProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FileInputInfoProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@3squared/forge-ui-3",
   "repository": "https://github.com/3Squared/ForgeUI-3",
   "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
-  "version": "2.10.0",
+  "version": "2.10.1",
   "type": "module",
   "license": "MIT",
   "contributors": [

package/dist/src/components/file-uploader/components/MaxFileSize.vue.d.ts

@@ -1,5 +0,0 @@
-interface MaxFileSizeProps {
-    maxFileSize: number;
-}
-declare const _default: import('vue').DefineComponent<MaxFileSizeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MaxFileSizeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;