@3squared/forge-ui-3 0.13.1 → 0.14.0

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

@@ -1,5 +1,5 @@
 import be from "primevue/message";
-import { defineComponent as F, openBlock as i, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as g, createElementVNode as c, normalizeClass as B, unref as m, createCommentVNode as S, createVNode as b, renderSlot as $, ref as I, createElementBlock as y, Fragment as L, mergeProps as _, mergeModels as E, useModel as A, computed as x, createTextVNode as O, toDisplayString as h, withDirectives as j, vShow as H, createSlots as te, renderList as Y, onMounted as ne, isRef as se, withKeys as J, useAttrs as fe, withModifiers as q, normalizeStyle as ge, watch as de } from "vue";
+import { defineComponent as F, openBlock as i, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as g, createElementVNode as c, normalizeClass as B, unref as m, createCommentVNode as S, createVNode as f, renderSlot as $, ref as I, createElementBlock as v, Fragment as L, mergeProps as _, mergeModels as E, useModel as A, computed as x, createTextVNode as O, toDisplayString as h, withDirectives as j, vShow as H, createSlots as te, renderList as Y, onMounted as ne, isRef as se, withKeys as J, useAttrs as fe, withModifiers as q, normalizeStyle as ge, watch as de } from "vue";
 import { Icon as V } from "@iconify/vue";
 import R from "primevue/button";
 import he from "primevue/toast";
@@ -185,7 +185,14 @@ const De = {
     clearicon: "ms-auto my-auto",
     loadingIcon: "spinner-border spinner-border-sm border-0",
     itemGroupLabel: "ps-2 fw-bold",
-    input: "w-100"
+    input: ({ instance: e }) => ({
+      class: [
+        "w-100",
+        {
+          "filter-placeholder": e.modelValue === void 0
+        }
+      ]
+    })
   }
 }, Ne = {
   column: {
@@ -850,7 +857,7 @@ const De = {
       };
     }
   }
-}, ml = {
+}, vl = {
   ...et,
   ...De,
   ...nt,
@@ -913,7 +920,7 @@ const De = {
           ], 2)
         ]),
         closeicon: g(() => [
-          b(m(V), { icon: "bi:x" })
+          f(m(V), { icon: "bi:x" })
         ]),
         default: g(() => [
           $(a.$slots, "default")
@@ -922,7 +929,7 @@ const De = {
       }, 16);
     };
   }
-}), pl = /* @__PURE__ */ F({
+}), bl = /* @__PURE__ */ F({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -942,13 +949,13 @@ const De = {
     };
     return (l, n) => {
       const u = R;
-      return i(), y(L, null, [
-        b(u, _({ ...a, ...l.$attrs }, {
+      return i(), v(L, null, [
+        f(u, _({ ...a, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: o
         }), null, 16, ["loading", "disabled"]),
-        b(m(he))
+        f(m(he))
       ], 64);
     };
   }
@@ -992,22 +999,22 @@ const De = {
     }), u = x(() => l.value.length > 0);
     return (r, d) => {
       const p = we;
-      return i(), y("div", dt, [
+      return i(), v("div", dt, [
         c("div", _({
           class: "d-flex cursor-pointer",
           "data-cy": "checkbox-container",
-          onClick: d[2] || (d[2] = (v) => m(o)(a.value))
+          onClick: d[2] || (d[2] = (y) => m(o)(a.value))
         }, { ...r.$attrs }), [
-          b(p, _({ ...t }, {
+          f(p, _({ ...t }, {
             binary: "",
             modelValue: a.value,
-            "onUpdate:modelValue": d[0] || (d[0] = (v) => a.value = v),
+            "onUpdate:modelValue": d[0] || (d[0] = (y) => a.value = y),
             "input-id": t.name,
             "input-class": { "is-invalid": u.value }
           }), null, 16, ["modelValue", "input-id", "input-class"]),
           c("label", {
             for: t.name,
-            onClick: d[1] || (d[1] = (v) => m(o)(a.value)),
+            onClick: d[1] || (d[1] = (y) => m(o)(a.value)),
             class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${u.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
             $(r.$slots, "default", {}, () => [
@@ -1033,15 +1040,15 @@ const De = {
     const t = e;
     return (a, o) => {
       const l = xe;
-      return i(), y("div", mt, [
-        b(l, {
+      return i(), v("div", mt, [
+        f(l, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
       ]);
     };
   }
-}), pt = ["href", "target"], vl = /* @__PURE__ */ F({
+}), pt = ["href", "target"], fl = /* @__PURE__ */ F({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1075,7 +1082,7 @@ const De = {
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (o, l) => (i(), y("a", {
+    return (o, l) => (i(), v("a", {
       id: "link",
       class: B(["cursor-pointer d-flex", t.value]),
       href: o.url,
@@ -1093,7 +1100,7 @@ const De = {
     ], 10, pt));
   }
 });
-function vt(e) {
+function yt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1104,16 +1111,16 @@ function vt(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function yl(e, t) {
+function gl(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function bl(e, t, a) {
+function hl(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const yt = { key: 0 }, bt = {
+const vt = { key: 0 }, bt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, fl = /* @__PURE__ */ F({
+}, wl = /* @__PURE__ */ F({
   __name: "ForgeModal",
   props: /* @__PURE__ */ E({
     cancelText: { default: "Cancel" },
@@ -1177,12 +1184,12 @@ const yt = { key: 0 }, bt = {
           (s || s == null) && d();
         } catch (s) {
           n.value.hasError = !0;
-          const T = vt(s);
+          const T = yt(s);
           n.value.header = T.errorMessage, n.value.message = T.errorDetails;
         }
         l.value = !1;
       }
-    }, v = x(() => ({
+    }, y = x(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1198,10 +1205,10 @@ const yt = { key: 0 }, bt = {
       return i(), w(M, _(o, {
         onMaximize: r,
         onUnmaximize: u,
-        pt: v.value
+        pt: y.value
       }), te({
         closeicon: g(() => [
-          b(m(V), {
+          f(m(V), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
@@ -1210,7 +1217,7 @@ const yt = { key: 0 }, bt = {
           })
         ]),
         maximizeicon: g(() => [
-          b(m(V), {
+          f(m(V), {
             "data-cy": "maximisable-icon",
             icon: a.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1221,7 +1228,7 @@ const yt = { key: 0 }, bt = {
       }, [
         Y(s.$slots, (P, z) => ({
           name: z,
-          fn: g((f) => [
+          fn: g((b) => [
             n.value.hasError ? (i(), w(le, {
               key: 0,
               severity: "danger",
@@ -1231,15 +1238,15 @@ const yt = { key: 0 }, bt = {
                 c("p", {
                   class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, h(n.value.header), 3),
-                n.value.message.length > 0 ? (i(), y("ul", yt, [
-                  (i(!0), y(L, null, Y(n.value.message, (k) => (i(), y("li", { key: k }, h(k), 1))), 128))
+                n.value.message.length > 0 ? (i(), v("ul", vt, [
+                  (i(!0), v(L, null, Y(n.value.message, (k) => (i(), v("li", { key: k }, h(k), 1))), 128))
                 ])) : S("", !0)
               ]),
               _: 1
             })) : S("", !0),
-            $(s.$slots, z, Q(ee(f || {}))),
+            $(s.$slots, z, Q(ee(b || {}))),
             l.value ? $(s.$slots, "loader", { key: 1 }, () => [
-              b(me, { "data-cy": "loader" })
+              f(me, { "data-cy": "loader" })
             ]) : S("", !0)
           ])
         })),
@@ -1247,7 +1254,7 @@ const yt = { key: 0 }, bt = {
           name: "footer",
           fn: g(() => [
             c("div", bt, [
-              b(C, {
+              f(C, {
                 label: s.cancelText,
                 class: B(o.cancelClass),
                 outlined: "",
@@ -1255,7 +1262,7 @@ const yt = { key: 0 }, bt = {
                 id: "cancel-button",
                 type: o.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              b(C, {
+              f(C, {
                 label: s.submitText,
                 class: B([o.submitClass, "ms-auto"]),
                 onClick: p,
@@ -1302,37 +1309,37 @@ const yt = { key: 0 }, bt = {
       o.value = !o.value;
     }, d = () => {
       s.value = null;
-    }, { errorMessage: p, errors: v, value: s } = K(() => t.name, void 0, {
+    }, { errorMessage: p, errors: y, value: s } = K(() => t.name, void 0, {
       initialValue: a.value
     });
     ne(() => {
       s.value = a.value;
     });
-    const T = x(() => v.value.length > 0);
+    const T = x(() => y.value.length > 0);
     return (C, M) => {
       const P = ie, z = R;
-      return i(), y("div", {
+      return i(), v("div", {
         id: t.name
       }, [
-        C.readonly ? (i(), y("div", xt, [
+        C.readonly ? (i(), v("div", xt, [
           $(C.$slots, "default", {}, () => [
             c("span", kt, h(m(s)), 1)
           ])
-        ])) : (i(), y("div", gt, [
-          o.value ? (i(), y("div", ht, [
-            j((i(), y("div", wt, [
+        ])) : (i(), v("div", gt, [
+          o.value ? (i(), v("div", ht, [
+            j((i(), v("div", wt, [
               $(C.$slots, "editor", {
                 class: B({ "is-invalid": T.value }),
                 editFinished: u,
                 cancel: r,
                 val: m(s)
               }, () => [
-                b(P, {
+                f(P, {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
                   modelValue: m(s),
-                  "onUpdate:modelValue": M[0] || (M[0] = (f) => se(s) ? s.value = f : null),
+                  "onUpdate:modelValue": M[0] || (M[0] = (b) => se(s) ? s.value = b : null),
                   modelModifiers: { trim: !0 },
                   class: B({ "is-invalid": T.value }),
                   onKeydown: [
@@ -1341,7 +1348,7 @@ const yt = { key: 0 }, bt = {
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              b(m(V), {
+              f(m(V), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: d,
@@ -1351,7 +1358,7 @@ const yt = { key: 0 }, bt = {
             ])), [
               [m($e), u]
             ])
-          ])) : (i(), y("div", {
+          ])) : (i(), v("div", {
             key: 1,
             class: "d-flex text-muted",
             onClick: n,
@@ -1363,12 +1370,12 @@ const yt = { key: 0 }, bt = {
                 "data-cy": "value"
               }, h(m(s) ? m(s) : "Click to edit"), 3)
             ]),
-            b(z, {
+            f(z, {
               link: "",
               class: "p-0 m-0"
             }, {
               default: g(() => [
-                b(m(V), {
+                f(m(V), {
                   icon: "bi:pencil",
                   class: B(T.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
@@ -1388,7 +1395,7 @@ const yt = { key: 0 }, bt = {
       ], 8, ft);
     };
   }
-}), Bt = ["href"], gl = /* @__PURE__ */ F({
+}), Bt = ["href"], xl = /* @__PURE__ */ F({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1451,7 +1458,7 @@ const yt = { key: 0 }, bt = {
         ]),
         menubuttonicon: g(() => [
           $(o.$slots, "menubuttonicon", {}, () => [
-            b(m(V), {
+            f(m(V), {
               icon: "bi:list",
               class: B(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
@@ -1470,7 +1477,7 @@ const yt = { key: 0 }, bt = {
       ]), 1040, ["pt"]);
     };
   }
-}), Ft = ["checked"], _t = /* @__PURE__ */ c("div", { class: "my-auto ms-1" }, "Toggle all", -1), St = ["data-cy"], Vt = ["checked"], Ct = { class: "my-auto ms-1" }, Tt = { class: "multiselect__tag d-inline-flex" }, Mt = { class: "my-auto" }, pe = /* @__PURE__ */ F({
+}), Ft = { class: "multiselect__caret" }, _t = ["checked"], St = /* @__PURE__ */ c("div", { class: "my-auto ms-1" }, "Toggle all", -1), Vt = ["data-cy"], Ct = ["checked"], Tt = { class: "my-auto ms-1" }, Mt = { class: "multiselect__tag d-inline-flex" }, Pt = { class: "my-auto" }, pe = /* @__PURE__ */ F({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1490,7 +1497,7 @@ const yt = { key: 0 }, bt = {
       N(U);
     }, l = fe(), n = t, { errors: u, value: r, errorMessage: d } = K(() => a.name, void 0, {
       initialValue: l.modelValue
-    }), p = I(!1), v = x(() => ({
+    }), p = I(!1), y = x(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
@@ -1503,15 +1510,15 @@ const yt = { key: 0 }, bt = {
       searchable: !!(l.searchable === null || l.searchable) && l.modelValue.length === l.options.length,
       async: !1,
       ...l
-    })), s = x(() => `forge-multiselect-${a.severity}`), T = x(() => `multiselect__option ${p.value ? " multiselect__option--highlight" : ""} ${C.value ? " multiselect__option--selected" : ""}`), C = x(() => v.value && !(v.value.multiple || !a.showSelectAll || v.value.async) ? !1 : l.modelValue.length === l.options.length), M = x(() => u.value.length > 0), P = x(() => !!((l.allowEmpty == null || l.allowEmpty) && a.showClearSelection && (v.value.multiple ? l.modelValue.length > 0 : l.modelValue))), z = () => p.value = !0, f = () => p.value = !1, k = () => {
-      r.value = v.value.multiple ? [] : null, n("update:modelValue", r.value);
+    })), s = x(() => `forge-multiselect-${a.severity}`), T = x(() => `multiselect__option ${p.value ? " multiselect__option--highlight" : ""} ${C.value ? " multiselect__option--selected" : ""}`), C = x(() => y.value && !(y.value.multiple || !a.showSelectAll || y.value.async) ? !1 : l.modelValue.length === l.options.length), M = x(() => u.value.length > 0), P = x(() => !!((l.allowEmpty == null || l.allowEmpty) && a.showClearSelection && (y.value.multiple ? l.modelValue.length > 0 : l.modelValue))), z = () => p.value = !0, b = () => p.value = !1, k = () => {
+      r.value = y.value.multiple ? [] : null, n("update:modelValue", r.value);
     }, G = (N) => {
       n("update:modelValue", a.selectValue ? N.map((D) => D[a.selectValue]) : N);
-    }, Z = (N) => l.modelValue !== null ? l.modelValue.some((D) => v.value.selectValue ? N[a.selectValue] === D : N.id === D.id && N.label === D.label) : !1, oe = () => {
+    }, Z = (N) => l.modelValue !== null ? l.modelValue.some((D) => y.value.selectValue ? N[a.selectValue] === D : N.id === D.id && N.label === D.label) : !1, oe = () => {
       C.value ? k() : (r.value = [...l.options], n("update:modelValue", [...l.options]));
     };
-    return (N, D) => (i(), y(L, null, [
-      b(m(Fe), _(v.value, {
+    return (N, D) => (i(), v(L, null, [
+      f(m(Fe), _(y.value, {
         class: [s.value, M.value ? "is-invalid" : ""],
         "data-cy": "multiselect",
         "onUpdate:modelValue": [
@@ -1521,46 +1528,48 @@ const yt = { key: 0 }, bt = {
         modelValue: m(r)
       }), te({
         caret: g(({ toggle: U }) => [
-          P.value ? (i(), w(m(V), {
-            key: 0,
-            icon: "bi:x",
-            class: "my-auto multiselect__clear-icon",
-            onMousedown: D[0] || (D[0] = q((W) => k(), ["prevent", "stop"])),
-            "data-cy": "clear",
-            height: "18px",
-            width: "18px"
-          })) : S("", !0),
-          b(m(V), {
-            icon: "bi:chevron-down",
-            onClick: U,
-            class: "multiselect__select"
-          }, null, 8, ["onClick"])
+          c("div", Ft, [
+            P.value ? (i(), w(m(V), {
+              key: 0,
+              icon: "bi:x",
+              class: "my-auto text-black multiselect__clear",
+              onMousedown: D[0] || (D[0] = q((W) => k(), ["prevent", "stop"])),
+              "data-cy": "clear",
+              height: "18px",
+              width: "18px"
+            })) : S("", !0),
+            f(m(V), {
+              icon: "bi:chevron-down",
+              onClick: U,
+              class: "multiselect__arrow"
+            }, null, 8, ["onClick"])
+          ])
         ]),
         tag: g(({ option: U, remove: W }) => [
-          c("div", Tt, [
-            c("div", Mt, h(U.label), 1),
-            b(m(V), {
+          c("div", Mt, [
+            c("div", Pt, h(U.label), 1),
+            f(m(V), {
               icon: "bi:x",
               class: "my-auto multiselect__tag-icon",
-              onMousedown: q((Na) => o(W, U), ["prevent", "stop"]),
+              onMousedown: q((Ra) => o(W, U), ["prevent", "stop"]),
               height: "18px",
               width: "18px"
             }, null, 8, ["onMousedown"])
           ])
         ]),
         default: g(() => [
-          (i(!0), y(L, null, Y(N.$slots, (U, W) => $(N.$slots, W, { slot: W })), 256))
+          (i(!0), v(L, null, Y(N.$slots, (U, W) => $(N.$slots, W, { slot: W })), 256))
         ]),
         _: 2
       }, [
-        v.value.multiple && N.showSelectAll && !v.value.async ? {
+        y.value.multiple && N.showSelectAll && !y.value.async ? {
           name: "beforeList",
           fn: g(() => [
             c("li", {
               class: "multiselect__element",
               onClick: oe,
               onMouseover: z,
-              onMouseleave: f,
+              onMouseleave: b,
               "data-cy": "toggle-all"
             }, [
               c("div", {
@@ -1571,14 +1580,14 @@ const yt = { key: 0 }, bt = {
                   name: "selected",
                   type: "checkbox",
                   class: "form-check-input px-2 py-2 rounded ms-2 cursor-pointer"
-                }, null, 8, Ft),
-                _t
+                }, null, 8, _t),
+                St
               ], 2)
             ], 32)
           ]),
           key: "0"
         } : void 0,
-        v.value.multiple ? {
+        y.value.multiple ? {
           name: "option",
           fn: g(({ option: U }) => [
             c("div", {
@@ -1590,9 +1599,9 @@ const yt = { key: 0 }, bt = {
                 name: "selected",
                 type: "checkbox",
                 class: "form-check-input px-2 py-2 rounded ms-2 cursor-pointer"
-              }, null, 8, Vt),
-              c("div", Ct, h(U[v.value.label]), 1)
-            ], 8, St)
+              }, null, 8, Ct),
+              c("div", Tt, h(U[y.value.label]), 1)
+            ], 8, Vt)
           ]),
           key: "1"
         } : void 0
@@ -1605,17 +1614,17 @@ const yt = { key: 0 }, bt = {
       ])
     ], 64));
   }
-}), Pt = {
+}), It = {
   key: 0,
   class: "pl-1"
-}, It = { class: "border alternating-item-list" }, zt = {
+}, zt = { class: "border alternating-item-list" }, Ot = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Ot = { class: "d-inline-block" }, Dt = {
+}, Dt = { class: "d-inline-block" }, Ut = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, hl = /* @__PURE__ */ F({
+}, kl = /* @__PURE__ */ F({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ E({
     title: { default: "Selected Items" },
@@ -1635,7 +1644,7 @@ const yt = { key: 0 }, bt = {
     };
     return (l, n) => {
       const u = R;
-      return i(), y("div", {
+      return i(), v("div", {
         class: B(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
@@ -1643,7 +1652,7 @@ const yt = { key: 0 }, bt = {
           class: B(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          b(pe, _({
+          f(pe, _({
             modelValue: a.value,
             "onUpdate:modelValue": n[0] || (n[0] = (r) => a.value = r),
             "limit-text": () => `${a.value.length} selected`,
@@ -1653,10 +1662,10 @@ const yt = { key: 0 }, bt = {
               O(h(""))
             ]),
             selection: g(() => [
-              a.value.length > 0 ? (i(), y("span", Pt, h(a.value.length) + " items selected", 1)) : S("", !0)
+              a.value.length > 0 ? (i(), v("span", It, h(a.value.length) + " items selected", 1)) : S("", !0)
             ]),
             default: g(() => [
-              (i(!0), y(L, null, Y(l.$slots, (r, d) => $(l.$slots, d, { slot: d })), 256))
+              (i(!0), v(L, null, Y(l.$slots, (r, d) => $(l.$slots, d, { slot: d })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "limit-text", "options"]),
@@ -1670,14 +1679,14 @@ const yt = { key: 0 }, bt = {
             style: ge({ height: l.height }),
             class: "overflow-auto"
           }, [
-            c("div", It, [
-              l.title ? (i(), y("div", zt, h(l.title), 1)) : S("", !0),
-              (i(!0), y(L, null, Y(a.value, (r) => (i(), y("div", {
+            c("div", zt, [
+              l.title ? (i(), v("div", Ot, h(l.title), 1)) : S("", !0),
+              (i(!0), v(L, null, Y(a.value, (r) => (i(), v("div", {
                 key: r.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 $(l.$slots, "list-item", { item: r }, () => [
-                  c("span", Ot, h(r.shortLabel ? r.shortLabel : r.label), 1)
+                  c("span", Dt, h(r.shortLabel ? r.shortLabel : r.label), 1)
                 ]),
                 l.canRemoveItemFromPreview ? (i(), w(u, {
                   key: 0,
@@ -1686,7 +1695,7 @@ const yt = { key: 0 }, bt = {
                   onClick: (d) => o(r.id)
                 }, {
                   default: g(() => [
-                    b(m(V), {
+                    f(m(V), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${r.id}`
@@ -1695,34 +1704,34 @@ const yt = { key: 0 }, bt = {
                   _: 2
                 }, 1032, ["onClick"])) : S("", !0)
               ]))), 128)),
-              a.value.length === 0 ? (i(), y("div", Dt, h(t.optionsPreviewEmptyText), 1)) : S("", !0)
+              a.value.length === 0 ? (i(), v("div", Ut, h(t.optionsPreviewEmptyText), 1)) : S("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), Ut = { class: "d-flex justify-content-between pb-2" }, At = {
+}), At = { class: "d-flex justify-content-between pb-2" }, Nt = {
   "data-cy": "title",
   class: "my-auto"
-}, Nt = {
+}, Et = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, wl = /* @__PURE__ */ F({
+}, $l = /* @__PURE__ */ F({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (a, o) => (i(), y("div", Ut, [
-      c("h3", At, h(t.title), 1),
-      c("div", Nt, [
+    return (a, o) => (i(), v("div", At, [
+      c("h3", Nt, h(t.title), 1),
+      c("div", Et, [
         $(a.$slots, "default")
       ])
     ]));
   }
-}), Et = { class: "d-flex" }, Lt = { "data-cy": "before-slot" }, Rt = { class: "position-relative w-100" }, jt = { "data-cy": "after-slot" }, ve = /* @__PURE__ */ F({
+}), Lt = { class: "d-flex" }, Rt = { "data-cy": "before-slot" }, jt = { class: "position-relative w-100" }, Ht = { "data-cy": "after-slot" }, ye = /* @__PURE__ */ F({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ E({
     severity: { default: "primary" },
@@ -1799,7 +1808,7 @@ const yt = { key: 0 }, bt = {
       initialValue: a.value
     }), d = () => {
       r(null), a.value = null;
-    }, p = x(() => o.value.length > 0), v = x(() => ({
+    }, p = x(() => o.value.length > 0), y = x(() => ({
       day: ({ context: s }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
@@ -1892,14 +1901,14 @@ const yt = { key: 0 }, bt = {
     }));
     return (s, T) => {
       const C = _e;
-      return i(), y(L, null, [
-        c("div", Et, [
-          c("span", Lt, [
+      return i(), v(L, null, [
+        c("div", Lt, [
+          c("span", Rt, [
             $(s.$slots, "before")
           ]),
-          c("div", Rt, [
-            b(C, _({ ...t, ...s.$attrs }, {
-              pt: v.value,
+          c("div", jt, [
+            f(C, _({ ...t, ...s.$attrs }, {
+              pt: y.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
                 T[0] || (T[0] = (M) => a.value = M),
@@ -1908,14 +1917,14 @@ const yt = { key: 0 }, bt = {
               onBlur: m(u),
               "input-class": { "is-invalid": p.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "onBlur", "input-class"]),
-            j(b(m(V), {
+            j(f(m(V), {
               "data-cy": "icon",
               icon: "bi:calendar4",
               class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${p.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [H, t.showIcon]
             ]),
-            j(b(m(V), {
+            j(f(m(V), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: d,
@@ -1924,7 +1933,7 @@ const yt = { key: 0 }, bt = {
               [H, t.modelValue]
             ])
           ]),
-          c("span", jt, [
+          c("span", Ht, [
             $(s.$slots, "after")
           ])
         ]),
@@ -1937,7 +1946,7 @@ const yt = { key: 0 }, bt = {
       ], 64);
     };
   }
-}), xl = /* @__PURE__ */ F({
+}), Bl = /* @__PURE__ */ F({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -1945,11 +1954,11 @@ const yt = { key: 0 }, bt = {
   },
   setup(e) {
     const t = e, a = x(() => t.maxCount - t.currentCount);
-    return (o, l) => (i(), y("div", {
+    return (o, l) => (i(), v("div", {
       class: B(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + h(a.value), 3));
   }
-}), Ht = /* @__PURE__ */ c("hr", null, null, -1), qt = { class: "d-flex justify-content-between" }, kl = /* @__PURE__ */ F({
+}), qt = /* @__PURE__ */ c("hr", null, null, -1), Yt = { class: "d-flex justify-content-between" }, Fl = /* @__PURE__ */ F({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1976,19 +1985,19 @@ const yt = { key: 0 }, bt = {
     }
     return (n, u) => {
       const r = R;
-      return i(), y("form", _(n.$attrs, {
+      return i(), v("form", _(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: q(l, ["prevent"])
       }), [
-        n.hideTitle ? S("", !0) : (i(), y(L, { key: 0 }, [
+        n.hideTitle ? S("", !0) : (i(), v(L, { key: 0 }, [
           $(n.$slots, "title", {}, () => [
             c("h3", {
               class: B(n.titleClass),
               "data-cy": "form-title"
             }, h(n.title), 3)
           ]),
-          Ht
+          qt
         ], 64)),
         o.value.hasError ? (i(), w(le, {
           key: 1,
@@ -2005,7 +2014,7 @@ const yt = { key: 0 }, bt = {
           _: 3
         })) : S("", !0),
         $(n.$slots, "default"),
-        c("div", qt, [
+        c("div", Yt, [
           $(n.$slots, "cancel", {}, () => [
             n.hideCancel ? S("", !0) : (i(), w(r, {
               key: 0,
@@ -2022,7 +2031,7 @@ const yt = { key: 0 }, bt = {
             }))
           ]),
           $(n.$slots, "submit", { submit: l }, () => [
-            b(r, {
+            f(r, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
@@ -2042,10 +2051,10 @@ const yt = { key: 0 }, bt = {
       ], 16);
     };
   }
-}), Yt = {
+}), Gt = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, Gt = ["for"], $l = /* @__PURE__ */ F({
+}, Kt = ["for"], _l = /* @__PURE__ */ F({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ E({
     name: {},
@@ -2059,32 +2068,32 @@ const yt = { key: 0 }, bt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = A(e, "modelValue"), a = e, o = (v) => {
-      a.type == "number" ? r(v.value) : r(v);
+    const t = A(e, "modelValue"), a = e, o = (y) => {
+      a.type == "number" ? r(y.value) : r(y);
     }, { errors: l, value: n, errorMessage: u, handleChange: r, handleBlur: d } = K(() => a.name, void 0, {
       initialValue: t.value
     }), p = x(() => l.value.length > 0);
-    return de(() => n.value, (v) => {
-      t.value = v;
-    }, { immediate: !0 }), (v, s) => {
-      const T = Ve, C = Se, M = ie, P = ae, z = pe, f = ve;
+    return de(() => n.value, (y) => {
+      t.value = y;
+    }, { immediate: !0 }), (y, s) => {
+      const T = Ve, C = Se, M = ie, P = ae, z = pe, b = ye;
       return a.type === "checkbox" ? (i(), w(ct, _({
         key: 0,
         id: a.name,
         label: a.fieldLabel
-      }, v.$attrs, {
+      }, y.$attrs, {
         name: a.name,
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (k) => t.value = k)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (i(), y("div", Yt, [
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (i(), v("div", Gt, [
         c("label", {
           for: a.name,
           class: "mb-1"
-        }, h(a.fieldLabel), 9, Gt),
+        }, h(a.fieldLabel), 9, Kt),
         a.type === "number" ? (i(), w(m(ue), _({
           key: 0,
           id: a.name
-        }, v.$attrs, {
+        }, y.$attrs, {
           placeholder: a.placeholder,
           "input-class": { "is-invalid": p.value },
           class: { "is-invalid": p.value },
@@ -2094,7 +2103,7 @@ const yt = { key: 0 }, bt = {
         }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (i(), w(T, _({
           key: 1,
           id: a.name
-        }, v.$attrs, {
+        }, y.$attrs, {
           placeholder: a.placeholder,
           class: { "is-invalid": p.value },
           modelValue: t.value,
@@ -2104,7 +2113,7 @@ const yt = { key: 0 }, bt = {
         }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (i(), w(C, _({
           key: 2,
           id: a.name
-        }, v.$attrs, {
+        }, y.$attrs, {
           placeholder: a.placeholder,
           mask: a.mask,
           class: { "is-invalid": p.value },
@@ -2115,22 +2124,22 @@ const yt = { key: 0 }, bt = {
         }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (i(), w(M, _({
           key: 3,
           id: a.name
-        }, v.$attrs, {
+        }, y.$attrs, {
           placeholder: a.placeholder,
           class: { "is-invalid": p.value },
           modelValue: t.value,
           "onUpdate:modelValue": s[4] || (s[4] = (k) => t.value = k),
           onInput: o,
           onBlur: m(d)
-        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (i(), w(P, _({ key: 4 }, { ...a, ...v.$attrs }, {
+        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (i(), w(P, _({ key: 4 }, { ...a, ...y.$attrs }, {
           modelValue: t.value,
           "onUpdate:modelValue": s[5] || (s[5] = (k) => t.value = k),
           class: { "is-invalid": p.value }
-        }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (i(), w(z, _({ key: 5 }, { ...a, ...v.$attrs }, {
+        }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (i(), w(z, _({ key: 5 }, { ...a, ...y.$attrs }, {
           modelValue: t.value,
           "onUpdate:modelValue": s[6] || (s[6] = (k) => t.value = k),
           class: { "is-invalid": p.value }
-        }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (i(), w(f, _({ key: 6 }, { ...a, ...v.$attrs }, {
+        }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (i(), w(b, _({ key: 6 }, { ...a, ...y.$attrs }, {
           modelValue: t.value,
           "onUpdate:modelValue": s[7] || (s[7] = (k) => t.value = k),
           class: { "is-invalid": p.value }
@@ -2144,7 +2153,7 @@ const yt = { key: 0 }, bt = {
       ]));
     };
   }
-}), Bl = /* @__PURE__ */ F({
+}), Sl = /* @__PURE__ */ F({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -2206,17 +2215,17 @@ const yt = { key: 0 }, bt = {
     }));
     return (r, d) => {
       const p = Ce;
-      return i(), y(L, null, [
-        b(p, _({ ...t, ...r.$attrs }, {
+      return i(), v(L, null, [
+        f(p, _({ ...t, ...r.$attrs }, {
           pt: u.value,
           "model-value": m(o),
-          "onUpdate:modelValue": d[0] || (d[0] = (v) => se(o) ? o.value = v : null)
+          "onUpdate:modelValue": d[0] || (d[0] = (y) => se(o) ? o.value = y : null)
         }), {
-          removetokenicon: g(({ removeCallback: v }) => [
-            j(b(m(V), {
+          removetokenicon: g(({ removeCallback: y }) => [
+            j(f(m(V), {
               icon: "bi:x",
               class: "cursor-pointer",
-              onClick: v
+              onClick: y
             }, null, 8, ["onClick"]), [
               [H, !t.disabled]
             ])
@@ -2232,7 +2241,7 @@ const yt = { key: 0 }, bt = {
       ], 64);
     };
   }
-}), Kt = /* @__PURE__ */ F({
+}), Wt = /* @__PURE__ */ F({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2284,7 +2293,7 @@ const yt = { key: 0 }, bt = {
       }, 16, ["pt"]);
     };
   }
-}), Wt = { class: "value text-white w-100 text-center" }, Fl = /* @__PURE__ */ F({
+}), Zt = { class: "value text-white w-100 text-center" }, Vl = /* @__PURE__ */ F({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2292,18 +2301,18 @@ const yt = { key: 0 }, bt = {
   },
   setup(e) {
     const t = e;
-    return (a, o) => (i(), y("div", _(a.$attrs, {
+    return (a, o) => (i(), v("div", _(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      c("span", Wt, [
+      c("span", Zt, [
         $(a.$slots, "default")
       ])
     ], 16));
   }
-}), Zt = {
+}), Jt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, Jt = { class: "d-flex align-items-center justify-content-center w-100" }, _l = /* @__PURE__ */ F({
+}, Xt = { class: "d-flex align-items-center justify-content-center w-100" }, Cl = /* @__PURE__ */ F({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2331,7 +2340,7 @@ const yt = { key: 0 }, bt = {
         while (o.model[l.value].disabled);
       a("update:currentStep", l.value);
     }, r = x(() => {
-      const p = o.model.findIndex((v) => !v.disabled);
+      const p = o.model.findIndex((y) => !y.disabled);
       return !(p < l.value && p > -1);
     }), d = x(() => ({
       menuitem: (p) => ({
@@ -2369,11 +2378,11 @@ const yt = { key: 0 }, bt = {
         ]
       })
     }));
-    return (p, v) => {
+    return (p, y) => {
       const s = R, T = Pe, C = Me;
-      return i(), y("div", Zt, [
-        c("div", Jt, [
-          b(s, {
+      return i(), v("div", Jt, [
+        c("div", Xt, [
+          f(s, {
             severity: o.severity,
             disabled: r.value,
             onClick: n,
@@ -2381,23 +2390,23 @@ const yt = { key: 0 }, bt = {
             "data-cy": "back-button"
           }, {
             default: g(() => [
-              b(m(V), {
+              f(m(V), {
                 icon: "bi:chevron-left",
                 class: "mb-1"
               })
             ]),
             _: 1
           }, 8, ["severity", "disabled"]),
-          b(T, {
+          f(T, {
             "active-step": l.value,
-            "onUpdate:activeStep": v[0] || (v[0] = (M) => l.value = M),
+            "onUpdate:activeStep": y[0] || (y[0] = (M) => l.value = M),
             model: o.model,
             pt: d.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
-        b(C, { class: "m-4" }),
-        (i(!0), y(L, null, Y(o.model, (M, P) => (i(), y("div", {
+        f(C, { class: "m-4" }),
+        (i(!0), v(L, null, Y(o.model, (M, P) => (i(), v("div", {
           key: P,
           class: "w-100"
         }, [
@@ -2406,13 +2415,13 @@ const yt = { key: 0 }, bt = {
             nextStep: u,
             previousStep: n
           }, () => [
-            b(le, {
+            f(le, {
               severity: "info",
               "data-cy": "alert"
             }, {
               default: g(() => [
                 O(" Please add Slot Content for the key " + h(M.key ?? M.label) + " ", 1),
-                b(s, {
+                f(s, {
                   severity: "primary",
                   label: "Next",
                   onClick: u,
@@ -2426,7 +2435,7 @@ const yt = { key: 0 }, bt = {
       ]);
     };
   }
-}), Xt = { class: "p-4 text-wrap w-100" }, Qt = { class: "p-4 text-wrap w-100" }, Sl = /* @__PURE__ */ F({
+}), Qt = { class: "p-4 text-wrap w-100" }, ea = { class: "p-4 text-wrap w-100" }, Tl = /* @__PURE__ */ F({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2446,19 +2455,19 @@ const yt = { key: 0 }, bt = {
         "data-cy": "button-tile"
       }, {
         default: g(() => [
-          c("div", Xt, [
+          c("div", Qt, [
             $(l.$slots, "default", {}, () => [
               O("Tile Content")
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (i(), y("div", {
+      }, 8, ["severity", "class"])) : (i(), v("div", {
         key: 1,
         class: B(["d-flex w-100", o.value]),
         "data-cy": "tile"
       }, [
-        c("div", Qt, [
+        c("div", ea, [
           $(l.$slots, "default", {}, () => [
             O("Tile Content")
           ])
@@ -2470,13 +2479,13 @@ const yt = { key: 0 }, bt = {
 function X(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const ea = {
+const ta = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, ta = { class: "ms-2" }, aa = { key: 0 }, la = /* @__PURE__ */ c("span", { class: "mx-2" }, "|", -1), oa = {
+}, aa = { class: "ms-2" }, la = { key: 0 }, oa = /* @__PURE__ */ c("span", { class: "mx-2" }, "|", -1), na = {
   class: "w-auto",
   "data-cy": "total"
-}, na = /* @__PURE__ */ F({
+}, sa = /* @__PURE__ */ F({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2491,22 +2500,25 @@ const ea = {
       const u = Math.ceil(o.total / o.perPage);
       return `${u} ${X(u, "page")}`;
     });
-    return (u, r) => (i(), y("div", ea, [
+    return (u, r) => (i(), v("div", ta, [
       O(" Number of results per page "),
-      c("div", ta, [
-        b(m(ae), {
+      c("div", aa, [
+        f(m(ae), {
           options: o.pageSizes,
           "model-value": o.perPage,
           onChange: r[0] || (r[0] = (d) => l(d))
         }, null, 8, ["options", "model-value"])
       ]),
-      o.total ? (i(), y("div", aa, [
-        la,
-        c("span", oa, h(o.total) + " " + h(m(X)(o.total, "result")) + " across " + h(n.value), 1)
+      o.total ? (i(), v("div", la, [
+        oa,
+        c("span", na, h(o.total) + " " + h(m(X)(o.total, "result")) + " across " + h(n.value), 1)
       ])) : S("", !0)
     ]));
   }
-}), sa = { class: "position-relative" }, ia = { "data-cy": "above-table-slot" }, ra = { class: "d-flex" }, da = { class: "d-flex align-items-end mb-2" }, ua = { key: 0 }, ca = { class: "ms-auto" }, ma = /* @__PURE__ */ c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), Vl = /* @__PURE__ */ F({
+}), ia = { class: "position-relative" }, ra = { "data-cy": "above-table-slot" }, da = { class: "d-flex w-100" }, ua = {
+  class: "mx-auto",
+  "data-cy": "empty-message"
+}, ca = { class: "d-flex" }, ma = { class: "d-flex align-items-end mb-2" }, pa = { key: 0 }, ya = { class: "ms-auto" }, va = /* @__PURE__ */ c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), Ml = /* @__PURE__ */ F({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2516,6 +2528,7 @@ const ea = {
     stickyHeader: { type: Boolean, default: !0 },
     severity: {},
     clearAll: {},
+    emptyMessage: {},
     dataKey: {},
     rows: {},
     first: {},
@@ -2595,9 +2608,9 @@ const ea = {
       sortField: "",
       total: o.totalRecords ?? o.value.length
     }), d = x(() => o.totalRecords ?? o.value.length), p = x(() => {
-      const f = Math.ceil(d.value / u.value);
-      return `${f} ${X(f, "page")}`;
-    }), v = x(() => ({
+      const b = Math.ceil(d.value / u.value);
+      return `${b} ${X(b, "page")}`;
+    }), y = x(() => ({
       thead: () => ({
         class: [
           {
@@ -2623,31 +2636,31 @@ const ea = {
       if (o.clearAll)
         o.clearAll();
       else
-        for (const f in o.filters)
-          typeof o.filters[f] == "string" ? o.filters[f] = "" : o.filters[f].value = null;
+        for (const b in o.filters)
+          typeof o.filters[b] == "string" ? o.filters[b] = "" : o.filters[b].value = null;
       M(o.filters);
     }, T = () => {
       l.value.exportCSV();
-    }, C = (f) => {
+    }, C = (b) => {
       var k;
-      r.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", r.value.sortField = ((k = f.sortField) == null ? void 0 : k.toString()) ?? "", a("update:tableContext", r.value), a("sort", f);
-    }, M = (f) => {
-      r.value.filters = f, a("update:tableContext", r.value), a("update:filters", f);
-    }, P = (f) => {
-      r.value.page = f.page, a("update:tableContext", r.value), a("page", f);
+      r.value.sortDirection = b.sortOrder === 1 ? "Asc" : b.sortOrder === -1 ? "Desc" : "None", r.value.sortField = ((k = b.sortField) == null ? void 0 : k.toString()) ?? "", a("update:tableContext", r.value), a("sort", b);
+    }, M = (b) => {
+      r.value.filters = b, a("update:tableContext", r.value), a("update:filters", b);
+    }, P = (b) => {
+      r.value.page = b.page, a("update:tableContext", r.value), a("page", b);
     }, z = () => {
       r.value.perPage = u.value, a("update:tableContext", r.value);
     };
-    return de(() => o.filters, (f) => {
-      r.value.filters = f, a("update:tableContext", r.value);
-    }, { deep: !0 }), ne(() => a("update:tableContext", r.value)), (f, k) => (i(), y("div", sa, [
-      c("span", ia, [
-        $(f.$slots, "above-table")
+    return de(() => o.filters, (b) => {
+      r.value.filters = b, a("update:tableContext", r.value);
+    }, { deep: !0 }), ne(() => a("update:tableContext", r.value)), (b, k) => (i(), v("div", ia, [
+      c("span", ra, [
+        $(b.$slots, "above-table")
       ]),
-      b(m(Ie), _({
+      f(m(Ie), _({
         class: ["w-100", `${o.severity ? `forge-table-${o.severity}` : ""}`]
-      }, { ...o, ...f.$attrs }, {
-        pt: v.value,
+      }, { ...o, ...b.$attrs }, {
+        pt: y.value,
         rows: u.value,
         "total-records": d.value,
         "filter-display": o.filters ? "row" : void 0,
@@ -2658,14 +2671,19 @@ const ea = {
         onSort: C,
         onPage: P
       }), te({
+        empty: g(() => [
+          c("div", da, [
+            c("h5", ua, h(b.emptyMessage ?? "No items Found."), 1)
+          ])
+        ]),
         header: g(() => [
           c("div", {
             class: B(o.loading ? "opacity-50" : "")
           }, [
-            c("div", ra, [
-              c("div", da, [
-                f.paginator && !f.legacyPaginationFooter ? (i(), y("span", ua, [
-                  b(na, {
+            c("div", ca, [
+              c("div", ma, [
+                b.paginator && !b.legacyPaginationFooter ? (i(), v("span", pa, [
+                  f(sa, {
                     total: d.value,
                     "page-sizes": n.value,
                     "per-page": u.value,
@@ -2676,16 +2694,16 @@ const ea = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : S("", !0)
               ]),
-              c("div", ca, [
-                f.showClearButton ? (i(), w(m(R), {
+              c("div", ya, [
+                b.showClearButton ? (i(), w(m(R), {
                   key: 0,
                   outlined: "",
-                  class: B(f.showExporterButton ? "me-2" : ""),
+                  class: B(b.showExporterButton ? "me-2" : ""),
                   onClick: s,
                   "data-cy": "clear-all"
                 }, {
                   default: g(() => [
-                    b(m(V), {
+                    f(m(V), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
@@ -2694,14 +2712,14 @@ const ea = {
                   ]),
                   _: 1
                 }, 8, ["class"])) : S("", !0),
-                f.showExporterButton ? (i(), w(m(R), {
+                b.showExporterButton ? (i(), w(m(R), {
                   key: 1,
                   outlined: "",
                   onClick: T,
                   "data-cy": "exporter"
                 }, {
                   default: g(() => [
-                    b(m(V), {
+                    f(m(V), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
@@ -2715,25 +2733,25 @@ const ea = {
           ], 2)
         ]),
         default: g(() => [
-          $(f.$slots, "default")
+          $(b.$slots, "default")
         ]),
         _: 2
       }, [
-        Y(f.$slots, (G, Z) => ({
+        Y(b.$slots, (G, Z) => ({
           name: Z,
           fn: g((oe) => [
-            $(f.$slots, Z, Q(ee(oe || {})))
+            $(b.$slots, Z, Q(ee(oe || {})))
           ])
         })),
-        f.legacyPaginationFooter ? {
+        b.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: g(() => [
             c("span", {
               class: B(["d-flex", o.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              ma,
-              b(m(ae), {
+              va,
+              f(m(ae), {
                 options: n.value,
                 modelValue: u.value,
                 "onUpdate:modelValue": k[1] || (k[1] = (G) => u.value = G),
@@ -2744,7 +2762,7 @@ const ea = {
           ]),
           key: "0"
         } : void 0,
-        f.legacyPaginationFooter ? {
+        b.legacyPaginationFooter ? {
           name: "paginatorend",
           fn: g(() => [
             c("span", {
@@ -2757,7 +2775,7 @@ const ea = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), pa = { class: "d-flex position-relative" }, va = { class: "d-flex w-100" }, ya = { class: "d-flex w-100" }, Cl = /* @__PURE__ */ F({
+}), ba = { class: "d-flex position-relative" }, fa = { class: "d-flex w-100" }, ga = { class: "d-flex w-100" }, Pl = /* @__PURE__ */ F({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ E({
     dataType: {},
@@ -2778,7 +2796,7 @@ const ea = {
       const u = (r) => {
         var p;
         const d = (p = e.dropdownOptions) == null ? void 0 : p.find(
-          (v) => e.optionValue ? v[e.optionValue] === r : Object.keys(v).every((s) => r.hasOwnProperty(s) && v[s] === r[s])
+          (y) => e.optionValue ? y[e.optionValue] === r : Object.keys(y).every((s) => r.hasOwnProperty(s) && y[s] === r[s])
         );
         return e.optionLabel ? d[e.optionLabel] : d;
       };
@@ -2788,12 +2806,12 @@ const ea = {
     };
     return (l, n) => {
       const u = ue, r = R;
-      return i(), y("div", pa, [
+      return i(), v("div", ba, [
         l.dataType === "numeric" ? (i(), w(u, _({
           key: 0,
           modelValue: t.value,
           "onUpdate:modelValue": n[0] || (n[0] = (d) => t.value = d)
-        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (i(), w(ve, _({
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (i(), w(ye, _({
           key: 1,
           modelValue: t.value,
           "onUpdate:modelValue": n[1] || (n[1] = (d) => t.value = d)
@@ -2810,7 +2828,7 @@ const ea = {
           "option-label": l.optionLabel
         }), {
           value: g(({ value: d, placeholder: p }) => [
-            c("div", va, [
+            c("div", fa, [
               c("span", {
                 class: B({ "filter-placeholder": d === null })
               }, h(a(d, p)), 3),
@@ -2821,7 +2839,7 @@ const ea = {
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
                 default: g(() => [
-                  b(m(V), {
+                  f(m(V), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -2845,7 +2863,7 @@ const ea = {
           filter: ""
         }), {
           value: g(({ value: d, placeholder: p }) => [
-            c("div", ya, [
+            c("div", ga, [
               c("span", {
                 class: B({ "filter-placeholder": (d == null ? void 0 : d.length) === 0 || d === null })
               }, h(a(d, p)), 3),
@@ -2856,7 +2874,7 @@ const ea = {
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
                 default: g(() => [
-                  b(m(V), {
+                  f(m(V), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -2880,7 +2898,7 @@ const ea = {
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
           default: g(() => [
-            b(m(V), {
+            f(m(V), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -2893,7 +2911,7 @@ const ea = {
     };
   }
 });
-function ye(e, t, a, o) {
+function ve(e, t, a, o) {
   const l = t.flatMap((n) => n.file);
   return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
     const u = l.findIndex((d) => d.name === n.name);
@@ -2905,7 +2923,7 @@ function ye(e, t, a, o) {
     })) : t[u].status = "Duplicate";
   }), t;
 }
-async function ba(e, t) {
+async function ha(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new ce(t).delete();
@@ -2928,13 +2946,13 @@ function re(e, t = !0, a = 1) {
   while (Math.round(Math.abs(e) * u) / u >= o && n < l.length - 1);
   return e.toFixed(a) + " " + l[n];
 }
-function fa(e) {
+function wa(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function ga(e) {
+function xa(e) {
   return URL.createObjectURL(e);
 }
-const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disabled", "multiple"], xa = /* @__PURE__ */ F({
+const ka = { class: "d-flex justify-content-between" }, $a = ["accept", "disabled", "multiple"], Ba = /* @__PURE__ */ F({
   __name: "UploadButton",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -2947,9 +2965,9 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
   emits: ["update:modelValue"],
   setup(e) {
     const t = A(e, "modelValue"), a = x(() => e.maxFileInput <= t.value.length), o = (l) => {
-      t.value = ye(l, t.value, e.acceptedFileTypes, e.maxFileInput);
+      t.value = ve(l, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
-    return (l, n) => (i(), y("div", ha, [
+    return (l, n) => (i(), v("div", ka, [
       $(l.$slots, "message"),
       c("div", null, [
         c("input", {
@@ -2960,14 +2978,14 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
           disabled: a.value,
           multiple: l.maxFileInput > 1,
           onInput: n[0] || (n[0] = (u) => o([...u.target.files]))
-        }, null, 40, wa),
+        }, null, 40, $a),
         c("label", {
           class: B([{ disabled: a.value }, "btn btn-primary"]),
           id: "file-input-button",
           for: "file-input"
         }, [
           $(l.$slots, "button-content", {}, () => [
-            b(m(V), {
+            f(m(V), {
               icon: "bi:upload",
               class: "me-2",
               height: "20px",
@@ -2977,21 +2995,21 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
           ])
         ], 2)
       ]),
-      l.showDragDropArea ? (i(), y("div", {
+      l.showDragDropArea ? (i(), v("div", {
         class: "ms-auto",
         key: l.acceptedFileTypes.length,
         id: "accepted-file-types"
       }, "Accepted File Types: " + h(l.acceptedFileTypes.map((u) => u.split("/").pop()).join(", ")), 1)) : S("", !0)
     ]));
   }
-}), ka = {
+}), Fa = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, $a = {
+}, _a = {
   key: 1,
   class: "d-flex flex-column"
-}, Ba = /* @__PURE__ */ F({
+}, Sa = /* @__PURE__ */ F({
   __name: "DragDropArea",
   props: /* @__PURE__ */ E({
     maxFileInput: {},
@@ -3004,29 +3022,29 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
   emits: ["update:modelValue"],
   setup(e) {
     const t = A(e, "modelValue"), a = I(!1), o = x(() => e.maxFileInput <= t.value.length), l = (n) => {
-      a.value = !1, n.dataTransfer.files.length > e.maxFileInput || o.value ? n.preventDefault() : t.value = ye([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
+      a.value = !1, n.dataTransfer.files.length > e.maxFileInput || o.value ? n.preventDefault() : t.value = ve([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
-    return (n, u) => (i(), y("div", {
+    return (n, u) => (i(), v("div", {
       id: "drag-drop-area",
       class: B(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
       onDragleave: u[0] || (u[0] = q((r) => a.value = !1, ["prevent"])),
       onDragover: u[1] || (u[1] = q((r) => a.value = !0, ["prevent"])),
       onDrop: q(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (i(), y("div", ka, [
-        b(m(V), {
+      t.value.length === 0 ? (i(), v("div", Fa, [
+        f(m(V), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
         O(" Drag and drop files here ")
-      ])) : (i(), y("div", $a, [
+      ])) : (i(), v("div", _a, [
         $(n.$slots, "default")
       ]))
     ], 34));
   }
-}), Fa = { class: "d-flex align-items-center me-2" }, _a = /* @__PURE__ */ F({
+}), Va = { class: "d-flex align-items-center me-2" }, Ca = /* @__PURE__ */ F({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -3051,8 +3069,8 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (o, l) => (i(), y("div", Fa, [
-      o.uploadStatus === "Uploading" ? (i(), w(Kt, {
+    return (o, l) => (i(), v("div", Va, [
+      o.uploadStatus === "Uploading" ? (i(), w(Wt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
@@ -3076,16 +3094,16 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
       }, 8, ["severity"])) : S("", !0)
     ]));
   }
-}), Sa = ["data-cy"], Va = { class: "ms-3 d-flex flex-column" }, Ca = {
+}), Ta = ["data-cy"], Ma = { class: "ms-3 d-flex flex-column" }, Pa = {
   key: 1,
   id: "file-name"
-}, Ta = {
+}, Ia = {
   class: "text-black-50",
   id: "file-type"
-}, Ma = {
+}, za = {
   class: "text-black-50",
   id: "file-size"
-}, Pa = { class: "ms-auto my-auto d-flex" }, Ia = /* @__PURE__ */ F({
+}, Oa = { class: "ms-auto my-auto d-flex" }, Da = /* @__PURE__ */ F({
   __name: "FileInfo",
   props: /* @__PURE__ */ E({
     editableFileName: { type: Boolean },
@@ -3104,11 +3122,11 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
   }),
   emits: /* @__PURE__ */ E(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = A(e, "file"), o = A(e, "blobFileName"), l = A(e, "uploadStatus"), n = t, u = I(a.value.name), r = I(""), d = I(0), p = I(), v = x(() => e.acceptedFileTypes.includes(a.value.type)), s = x(() => a.value.size <= e.maxFileSize), T = () => {
+    const a = A(e, "file"), o = A(e, "blobFileName"), l = A(e, "uploadStatus"), n = t, u = I(a.value.name), r = I(""), d = I(0), p = I(), y = x(() => e.acceptedFileTypes.includes(a.value.type)), s = x(() => a.value.size <= e.maxFileSize), T = () => {
       a.value = new File([a.value], u.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, C = async () => {
-      if (!v.value || !s.value) {
-        l.value = v.value ? "InvalidFileSize" : "InvalidFileType";
+      if (!y.value || !s.value) {
+        l.value = y.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
       l.value = "Preparing", p.value = new AbortController();
@@ -3119,36 +3137,36 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
       }
       try {
         l.value = "Uploading";
-        const f = new ce(P), k = {
+        const b = new ce(P), k = {
           abortSignal: p.value.signal,
           onProgress: (G) => d.value = G.loadedBytes,
           tags: { temp: "true" }
         };
-        await f.uploadData(a.value, k), r.value = P, l.value = "Uploaded", o.value = z;
-      } catch (f) {
-        if (f.name === "AbortError") {
+        await b.uploadData(a.value, k), r.value = P, l.value = "Uploaded", o.value = z;
+      } catch (b) {
+        if (b.name === "AbortError") {
           l.value = "Aborted";
           return;
         }
         l.value = "Failed";
       }
     }, M = async () => {
-      await ba(l.value, r.value), n("deleted", a.value);
+      await ha(l.value, r.value), n("deleted", a.value);
     };
     return ne(() => {
       e.autoUploadToBlob && C();
     }), (P, z) => {
-      const f = R;
-      return i(), y("div", {
+      const b = R;
+      return i(), v("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
       }, [
         c("div", null, [
-          m(fa)(a.value.type) ? (i(), w(m(Oe), {
+          m(wa)(a.value.type) ? (i(), w(m(Oe), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: m(ga)(a.value),
+            src: m(xa)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
@@ -3160,7 +3178,7 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
             width: "75px"
           }))
         ]),
-        c("div", Va, [
+        c("div", Ma, [
           c("div", null, [
             P.editableFileName ? (i(), w($t, {
               key: 0,
@@ -3170,66 +3188,66 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
               rules: P.customFileNameRules,
               name: a.value.name,
               "complete-action": T
-            }, null, 8, ["modelValue", "rules", "name"])) : (i(), y("span", Ca, h(a.value.name), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (i(), v("span", Pa, h(a.value.name), 1))
           ]),
-          c("span", Ta, "File type: " + h(a.value.type.split("/").pop()), 1),
-          c("span", Ma, "File size: " + h(m(re)(a.value.size)), 1)
+          c("span", Ia, "File type: " + h(a.value.type.split("/").pop()), 1),
+          c("span", za, "File size: " + h(m(re)(a.value.size)), 1)
         ]),
-        c("div", Pa, [
-          (i(), w(_a, {
+        c("div", Oa, [
+          (i(), w(Ca, {
             key: l.value,
             "file-size": a.value.size,
             "upload-status": l.value,
             "bytes-uploaded": d.value,
             "max-file-size": P.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" ? (i(), w(f, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (i(), w(b, {
             key: 0,
             link: "",
             onClick: C
           }, {
             default: g(() => [
-              b(m(V), {
+              f(m(V), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
           })) : S("", !0),
-          l.value === "Uploading" ? (i(), w(f, {
+          l.value === "Uploading" ? (i(), w(b, {
             key: 1,
             link: "",
             onClick: z[1] || (z[1] = (k) => p.value.value.abort())
           }, {
             default: g(() => [
-              b(m(V), { icon: "bi:x-circle-fill" })
+              f(m(V), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (i(), w(f, {
+          })) : (i(), w(b, {
             key: 2,
             link: "",
             onClick: M,
             id: "delete-button"
           }, {
             default: g(() => [
-              b(m(V), { icon: "bi:trash" })
+              f(m(V), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, Sa);
+      ], 8, Ta);
     };
   }
-}), za = { class: "d-flex justify-content-end mt-1" }, Oa = { id: "max-file-size" }, Da = /* @__PURE__ */ F({
+}), Ua = { class: "d-flex justify-content-end mt-1" }, Aa = { id: "max-file-size" }, Na = /* @__PURE__ */ F({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, a) => (i(), y("div", za, [
-      c("div", Oa, "Max file size: " + h(m(re)(t.maxFileSize)), 1)
+    return (t, a) => (i(), v("div", Ua, [
+      c("div", Aa, "Max file size: " + h(m(re)(t.maxFileSize)), 1)
     ]));
   }
-}), Ua = { "data-cy": "file-uploader" }, Aa = { key: 0 }, Tl = /* @__PURE__ */ F({
+}), Ea = { "data-cy": "file-uploader" }, La = { key: 0 }, Il = /* @__PURE__ */ F({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -3249,13 +3267,13 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
     const t = A(e, "modelValue"), a = e, o = (l) => {
       t.value = t.value.filter((n) => n.file != l);
     };
-    return (l, n) => (i(), y("div", Ua, [
-      b(xa, _(a, {
+    return (l, n) => (i(), v("div", Ea, [
+      f(Ba, _(a, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (i(), y("div", Aa, [
-        b(Ba, {
+      l.showDragDropArea ? (i(), v("div", La, [
+        f(Sa, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
@@ -3263,8 +3281,8 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
           "onUpdate:modelValue": n[1] || (n[1] = (u) => t.value = u)
         }, {
           default: g(() => [
-            (i(!0), y(L, null, Y(t.value, ({ file: u }, r) => (i(), y("span", null, [
-              (i(), w(Ia, _({
+            (i(!0), v(L, null, Y(t.value, ({ file: u }, r) => (i(), v("span", null, [
+              (i(), w(Da, _({
                 key: u.name,
                 class: r === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[r].file,
@@ -3279,7 +3297,7 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        b(Da, {
+        f(Na, {
           "max-file-size": a.maxFileSize
         }, null, 8, ["max-file-size"])
       ])) : S("", !0)
@@ -3287,31 +3305,31 @@ const ha = { class: "d-flex justify-content-between" }, wa = ["accept", "disable
   }
 });
 export {
-  ml as Bootstrap_PT,
-  pl as ForgeActionButton,
+  vl as Bootstrap_PT,
+  bl as ForgeActionButton,
   le as ForgeAlert,
   ct as ForgeCheckbox,
-  Bl as ForgeChips,
-  ve as ForgeDatepicker,
-  Tl as ForgeFileUploader,
-  Cl as ForgeFilterHeader,
-  kl as ForgeForm,
-  $l as ForgeFormField,
+  Sl as ForgeChips,
+  ye as ForgeDatepicker,
+  Il as ForgeFileUploader,
+  Pl as ForgeFilterHeader,
+  Fl as ForgeForm,
+  _l as ForgeFormField,
   $t as ForgeInlineEditor,
-  vl as ForgeLink,
+  fl as ForgeLink,
   me as ForgeLoader,
-  fl as ForgeModal,
+  wl as ForgeModal,
   pe as ForgeMultiSelect,
-  hl as ForgeMultiSelectPreview,
-  gl as ForgeNavbar,
-  wl as ForgePageHeader,
-  Kt as ForgeProgressBar,
-  xl as ForgeRemainingCharacters,
-  Fl as ForgeStatWidget,
-  _l as ForgeStepper,
-  Vl as ForgeTable,
-  Sl as ForgeTile,
-  bl as convertToMultiSelectOption,
-  yl as enumToMultiSelectList,
-  vt as parseError
+  kl as ForgeMultiSelectPreview,
+  xl as ForgeNavbar,
+  $l as ForgePageHeader,
+  Wt as ForgeProgressBar,
+  Bl as ForgeRemainingCharacters,
+  Vl as ForgeStatWidget,
+  Cl as ForgeStepper,
+  Ml as ForgeTable,
+  Tl as ForgeTile,
+  hl as convertToMultiSelectOption,
+  gl as enumToMultiSelectList,
+  yt as parseError
 };