@3squared/forge-ui-3 0.1.1 → 0.1.3

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

@@ -1,5 +1,5 @@
 import ye from "primevue/message";
-import { defineComponent as x, openBlock as n, createBlock as w, normalizeProps as X, guardReactiveProps as Q, withCtx as f, createElementVNode as m, normalizeClass as S, unref as p, createCommentVNode as F, createVNode as v, renderSlot as _, ref as T, createElementBlock as y, Fragment as U, mergeProps as B, computed as k, createTextVNode as P, toDisplayString as h, withDirectives as O, vShow as L, createSlots as ee, renderList as R, mergeModels as K, useModel as j, onMounted as ie, isRef as E, withKeys as Y, useAttrs as re, withModifiers as G, normalizeStyle as be } from "vue";
+import { defineComponent as $, openBlock as n, createBlock as w, normalizeProps as ae, guardReactiveProps as le, withCtx as f, createElementVNode as m, normalizeClass as S, unref as p, createCommentVNode as F, createVNode as v, renderSlot as k, ref as I, createElementBlock as y, Fragment as D, mergeProps as B, computed as _, createTextVNode as M, toDisplayString as h, withDirectives as R, vShow as L, mergeModels as H, useModel as O, createSlots as X, renderList as E, onMounted as ie, isRef as j, withKeys as Y, useAttrs as re, withModifiers as K, normalizeStyle as be } from "vue";
 import { Icon as C } from "@iconify/vue";
 import A from "primevue/button";
 import ve from "primevue/toast";
@@ -477,9 +477,6 @@ const Ia = {
     })
   },
   dialog: {
-    root: () => ({
-      class: ["modal modal-dialog modal-content vw-100"]
-    }),
     header: () => ({
       class: ["modal-header"]
     }),
@@ -495,8 +492,18 @@ const Ia = {
     headerIcons: () => ({
       class: ["ms-auto"]
     }),
+    icons: "d-flex ms-auto",
+    closeButton: ({ props: e }) => ({
+      class: [
+        "btn",
+        {
+          "ms-auto": !e.maximizable
+        }
+      ]
+    }),
     maximizableButton: ({ props: e }) => ({
       class: [
+        "btn ms-auto",
         {
           "me-2": e.closable
         }
@@ -791,7 +798,7 @@ const Ia = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, te = /* @__PURE__ */ x({
+}, Q = /* @__PURE__ */ $({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -809,7 +816,7 @@ const Ia = {
     const t = e;
     return (l, a) => {
       const s = ye;
-      return n(), w(s, X(Q({ ...l.$attrs, ...t })), {
+      return n(), w(s, ae(le({ ...l.$attrs, ...t })), {
         messageicon: f(() => [
           m("div", {
             class: S(t.icon ? "me-2 pe-1" : "")
@@ -827,13 +834,13 @@ const Ia = {
           v(p(C), { icon: "bi:x" })
         ]),
         default: f(() => [
-          _(l.$slots, "default")
+          k(l.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), Ta = /* @__PURE__ */ x({
+}), Ta = /* @__PURE__ */ $({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -842,7 +849,7 @@ const Ia = {
     params: { default: Array }
   },
   setup(e) {
-    const t = T(!1), l = e, a = async () => {
+    const t = I(!1), l = e, a = async () => {
       t.value = !0;
       try {
         await l.action.apply(this, l.params);
@@ -853,7 +860,7 @@ const Ia = {
     };
     return (s, o) => {
       const u = A;
-      return n(), y(U, null, [
+      return n(), y(D, null, [
         v(u, B({ ...l, ...s.$attrs }, {
           loading: t.value,
           disabled: t.value || l.disabled,
@@ -863,10 +870,10 @@ const Ia = {
       ], 64);
     };
   }
-}), Pe = {
+}), Me = {
   class: "d-flex",
   "data-cy": "checkbox-container"
-}, Me = /* @__PURE__ */ m("div", null, null, -1), Ue = ["for"], De = /* @__PURE__ */ x({
+}, Pe = /* @__PURE__ */ m("div", null, null, -1), Ue = ["for"], De = /* @__PURE__ */ $({
   __name: "ForgeCheckbox",
   props: {
     label: { default: "" },
@@ -894,49 +901,49 @@ const Ia = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = t, a = e, { checked: s, handleChange: o, errors: u, errorMessage: d } = W(() => a.name ?? a.label, a.rules, {
+    const l = t, a = e, { checked: s, handleChange: o, errors: u, errorMessage: r } = W(() => a.name ?? a.label, a.rules, {
       type: "checkbox",
       checkedValue: !0,
       initialValue: a.modelValue
-    }), r = (b) => {
+    }), d = (b) => {
       a.disabled || (o(b), l("update:modelValue", !a.modelValue));
-    }, i = k(() => u.value.length > 0);
+    }, i = _(() => u.value.length > 0);
     return (b, c) => {
       const g = fe;
-      return n(), y(U, null, [
-        m("div", Pe, [
+      return n(), y(D, null, [
+        m("div", Me, [
           v(g, B({
             id: a.name
           }, { ...b.$attrs, ...a }, {
             value: p(s),
             "input-class": { "is-invalid": i.value },
-            onChange: r
+            onChange: d
           }), {
             icon: f(() => [
-              Me
+              Pe
             ]),
             _: 1
           }, 16, ["id", "value", "input-class"]),
           m("label", {
             for: a.name,
             class: S(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
-            onClick: r
+            onClick: d
           }, [
-            _(b.$slots, "default", {}, () => [
-              P(h(a.label), 1)
+            k(b.$slots, "default", {}, () => [
+              M(h(a.label), 1)
             ])
           ], 10, Ue)
         ]),
-        O(m("small", {
+        R(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(p(d)), 513), [
+        }, h(p(r)), 513), [
           [L, i.value]
         ])
       ], 64);
     };
   }
-}), Ae = { class: "forge-loader" }, ce = /* @__PURE__ */ x({
+}), Ae = { class: "forge-loader" }, ce = /* @__PURE__ */ $({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -968,9 +975,9 @@ function Ne(e) {
 const Oe = { key: 0 }, Re = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Pa = /* @__PURE__ */ x({
+}, Ma = /* @__PURE__ */ $({
   __name: "ForgeModal",
-  props: {
+  props: /* @__PURE__ */ H({
     cancelText: { default: "Cancel" },
     submitText: { default: "Submit" },
     showFooter: { type: Boolean, default: !0 },
@@ -1005,39 +1012,57 @@ const Oe = { key: 0 }, Re = {
     pt: {},
     ptOptions: {},
     unstyled: { type: Boolean }
-  },
+  }, {
+    visible: { type: Boolean, required: !0 },
+    visibleModifiers: {}
+  }),
   emits: ["update:visible"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, s = T(!1), o = T({
+  setup(e) {
+    const t = O(e, "visible"), l = I(!1), a = e, s = I(!1), o = I({
       hasError: !1,
       header: "",
       message: []
     }), u = () => {
-      l("update:visible", !1);
-    }, d = async () => {
+      l.value = !1;
+    }, r = () => {
+      l.value = !0;
+    }, d = () => {
+      t.value = !1;
+    }, i = async () => {
       if (a.onConfirm) {
         s.value = !0, o.value.hasError = !1;
         try {
-          const r = await a.onConfirm();
-          (r || r == null) && u();
-        } catch (r) {
+          const c = await a.onConfirm();
+          (c || c == null) && d();
+        } catch (c) {
           o.value.hasError = !0;
-          const i = Ne(r);
-          o.value.header = i.errorMessage, o.value.message = i.errorDetails;
+          const g = Ne(c);
+          o.value.header = g.errorMessage, o.value.message = g.errorDetails;
         }
         s.value = !1;
       }
-    };
-    return (r, i) => {
-      const b = A, c = he;
-      return n(), w(c, X(Q(a)), ee({
+    }, b = _(() => ({
+      root: [
+        "modal modal-dialog modal-content h-auto m-0",
+        {
+          "mw-100 vh-100 vw-100 top-0 start-0": l.value
+        }
+      ]
+    }));
+    return (c, g) => {
+      const x = A, V = he;
+      return n(), w(V, B(a, {
+        onMaximize: r,
+        onUnmaximize: u,
+        pt: b.value
+      }), X({
         closeicon: f(() => [
           v(p(C), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "21",
             height: "21",
-            onClick: u
+            onClick: d
           })
         ]),
         maximizeicon: f(() => [
@@ -1047,7 +1072,7 @@ const Oe = { key: 0 }, Re = {
           })
         ]),
         default: f(() => [
-          o.value.hasError ? (n(), w(te, {
+          o.value.hasError ? (n(), w(Q, {
             key: 0,
             severity: "danger",
             "data-cy": "error"
@@ -1057,44 +1082,44 @@ const Oe = { key: 0 }, Re = {
                 class: S(o.value.message.length > 0 ? "my-auto" : "mb-0")
               }, h(o.value.header), 3),
               o.value.message.length > 0 ? (n(), y("ul", Oe, [
-                (n(!0), y(U, null, R(o.value.message, (g) => (n(), y("li", { key: g }, h(g), 1))), 128))
+                (n(!0), y(D, null, E(o.value.message, (U) => (n(), y("li", { key: U }, h(U), 1))), 128))
               ])) : F("", !0)
             ]),
             _: 1
           })) : F("", !0),
-          _(r.$slots, "default"),
-          s.value ? _(r.$slots, "loader", { key: 1 }, () => [
+          k(c.$slots, "default"),
+          s.value ? k(c.$slots, "loader", { key: 1 }, () => [
             v(ce, { "data-cy": "loader" })
           ]) : F("", !0)
         ]),
         _: 2
       }, [
-        r.showFooter ? {
+        c.showFooter ? {
           name: "footer",
           fn: f(() => [
             m("div", Re, [
-              v(b, {
-                label: r.cancelText,
+              v(x, {
+                label: c.cancelText,
                 outlined: "",
-                onClick: u,
+                onClick: d,
                 "data-cy": "cancel-button"
               }, null, 8, ["label"]),
-              v(b, {
-                label: r.submitText,
+              v(x, {
+                label: c.submitText,
                 class: "ms-auto",
-                onClick: d,
+                onClick: i,
                 "data-cy": "submit-button"
               }, null, 8, ["label"])
             ])
           ]),
           key: "0"
         } : void 0
-      ]), 1040);
+      ]), 1040, ["pt"]);
     };
   }
-}), Ee = ["id"], je = { key: 0 }, Le = { key: 0 }, He = { class: "d-flex justify-content-between align-items-center position-relative" }, qe = { key: 1 }, Ge = { "data-cy": "readonly-value" }, Ke = /* @__PURE__ */ x({
+}), Ee = ["id"], je = { key: 0 }, Le = { key: 0 }, He = { class: "d-flex justify-content-between align-items-center position-relative" }, qe = { key: 1 }, Ge = { "data-cy": "readonly-value" }, Ke = /* @__PURE__ */ $({
   __name: "ForgeInlineEditor",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ H({
     name: { default: "" },
     rules: {},
     completeAction: {},
@@ -1108,9 +1133,9 @@ const Oe = { key: 0 }, Re = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = j(e, "modelValue"), a = T(!1), s = T(), o = () => {
-      var $;
-      a.value = !a.value, ($ = s.value) == null || $.focus();
+    const t = e, l = O(e, "modelValue"), a = I(!1), s = I(), o = () => {
+      var x;
+      a.value = !a.value, (x = s.value) == null || x.focus();
     }, u = async () => {
       if (g.value)
         return !1;
@@ -1122,52 +1147,52 @@ const Oe = { key: 0 }, Re = {
         }
       else
         a.value = !a.value;
-    }, d = () => {
-      a.value = !a.value;
     }, r = () => {
+      a.value = !a.value;
+    }, d = () => {
       c.value = null;
     }, { errorMessage: i, errors: b, value: c } = W(() => t.name, t.rules);
     ie(() => {
       c.value = l.value;
     });
-    const g = k(() => b.value.length > 0);
-    return ($, z) => {
-      const D = oe, H = A;
+    const g = _(() => b.value.length > 0);
+    return (x, V) => {
+      const U = oe, q = A;
       return n(), y("div", {
         id: t.name
       }, [
-        $.readonly ? (n(), y("div", qe, [
-          _($.$slots, "default", {}, () => [
+        x.readonly ? (n(), y("div", qe, [
+          k(x.$slots, "default", {}, () => [
             m("span", Ge, h(p(c)), 1)
           ])
         ])) : (n(), y("div", je, [
           a.value ? (n(), y("div", Le, [
-            O((n(), y("div", He, [
-              _($.$slots, "editor", {
+            R((n(), y("div", He, [
+              k(x.$slots, "editor", {
                 class: S({ "is-invalid": g.value }),
                 editFinished: u,
-                cancel: d,
+                cancel: r,
                 val: p(c)
               }, () => [
-                v(D, {
+                v(U, {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: s,
                   modelValue: p(c),
-                  "onUpdate:modelValue": z[0] || (z[0] = (q) => E(c) ? c.value = q : null),
+                  "onUpdate:modelValue": V[0] || (V[0] = (G) => j(c) ? c.value = G : null),
                   modelModifiers: { trim: !0 },
                   class: S({ "is-invalid": g.value }),
                   onKeydown: [
                     Y(u, ["enter"]),
-                    Y(d, ["esc"])
+                    Y(r, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
               v(p(C), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
-                onClick: r,
-                onKeydown: Y(r, ["enter"]),
+                onClick: d,
+                onKeydown: Y(d, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
@@ -1179,13 +1204,13 @@ const Oe = { key: 0 }, Re = {
             onClick: o,
             onFocus: o
           }, [
-            _($.$slots, "default", {}, () => [
+            k(x.$slots, "default", {}, () => [
               m("div", {
                 class: S(["pe-2 cursor-pointer", { "text-invalid": g.value }]),
                 "data-cy": "value"
               }, h(p(c) ? p(c) : "Click to edit"), 3)
             ]),
-            v(H, {
+            v(q, {
               link: "",
               class: "p-0 m-0"
             }, {
@@ -1201,7 +1226,7 @@ const Oe = { key: 0 }, Re = {
             })
           ], 32))
         ])),
-        O(m("small", {
+        R(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(i)), 513), [
@@ -1210,7 +1235,7 @@ const Oe = { key: 0 }, Re = {
       ], 8, Ee);
     };
   }
-}), We = ["href"], Ma = /* @__PURE__ */ x({
+}), We = ["href"], Pa = /* @__PURE__ */ $({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1227,7 +1252,7 @@ const Oe = { key: 0 }, Re = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = k(() => ({
+    const t = e, l = _(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1258,20 +1283,20 @@ const Oe = { key: 0 }, Re = {
       return n(), w(o, B({ ...t, ...a.$attrs }, {
         pt: l.value,
         "data-cy": "navbar"
-      }), ee({
+      }), X({
         start: f(() => [
           m("a", {
             href: a.logoUrl,
             class: "navbar-brand ms-3",
             "data-cy": "logo"
           }, [
-            _(a.$slots, "logo", {}, () => [
-              P(" Logo ")
+            k(a.$slots, "logo", {}, () => [
+              M(" Logo ")
             ])
           ], 8, We)
         ]),
         menubuttonicon: f(() => [
-          _(a.$slots, "menubuttonicon", {}, () => [
+          k(a.$slots, "menubuttonicon", {}, () => [
             v(p(C), {
               icon: "bi:list",
               class: S(t.severity === "light" ? "text-black" : "text-white"),
@@ -1282,16 +1307,16 @@ const Oe = { key: 0 }, Re = {
         ]),
         _: 2
       }, [
-        R(a.$slots, (u, d) => ({
-          name: d,
-          fn: f((r) => [
-            _(a.$slots, d, X(Q(r)))
+        E(a.$slots, (u, r) => ({
+          name: r,
+          fn: f((d) => [
+            k(a.$slots, r, ae(le(d)))
           ])
         }))
       ]), 1040, ["pt"]);
     };
   }
-}), Ze = ["onMousedown"], Ye = ["checked"], Je = /* @__PURE__ */ m("strong", null, "Select all", -1), Xe = ["data-cy"], Qe = ["checked"], et = /* @__PURE__ */ x({
+}), Ze = ["onMousedown"], Ye = ["checked"], Je = /* @__PURE__ */ m("strong", null, "Select all", -1), Xe = ["data-cy"], Qe = ["checked"], et = /* @__PURE__ */ $({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1304,11 +1329,11 @@ const Oe = { key: 0 }, Re = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = re(), s = t, { errors: o, value: u, errorMessage: d } = W(() => l.name, l.rules), r = T(!1), i = k(() => ({
+    const l = e, a = re(), s = t, { errors: o, value: u, errorMessage: r } = W(() => l.name, l.rules), d = I(!1), i = _(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
-      showPointer: !r.value,
+      showPointer: !d.value,
       placeholder: "Select...",
       allowEmpty: !0,
       selectValue: "",
@@ -1317,52 +1342,52 @@ const Oe = { key: 0 }, Re = {
       searchable: !!((a.searchable === null || a.searchable) && !g.value),
       async: !1,
       ...a
-    })), b = k(() => `forge-multiselect-${l.severity}`), c = k(() => `multiselect-option ${r.value ? " multiselect__option--highlight" : ""} ${g.value ? " multiselect__option--selected" : ""}`), g = k(() => i.value && !(i.value.multiple || !l.showSelectAll || i.value.async) ? !1 : a.modelValue.length === a.options.length), $ = k(() => o.value.length > 0), z = k(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (i.value.multiple ? a.modelValue.length > 0 : a.modelValue))), D = () => r.value = !0, H = () => r.value = !1, q = () => {
+    })), b = _(() => `forge-multiselect-${l.severity}`), c = _(() => `multiselect-option ${d.value ? " multiselect__option--highlight" : ""} ${g.value ? " multiselect__option--selected" : ""}`), g = _(() => i.value && !(i.value.multiple || !l.showSelectAll || i.value.async) ? !1 : a.modelValue.length === a.options.length), x = _(() => o.value.length > 0), V = _(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (i.value.multiple ? a.modelValue.length > 0 : a.modelValue))), U = () => d.value = !0, q = () => d.value = !1, G = () => {
       u.value = i.value.multiple ? [] : null, s("update:modelValue", u.value);
-    }, ae = (V) => {
-      s("update:modelValue", l.selectValue ? V.map((I) => I[l.selectValue]) : V);
-    }, Z = (V) => a.modelValue !== null ? a.modelValue.some((I) => i.value.selectValue ? V[l.selectValue] === I : V.id === I.id && V.label === I.label) : !1, le = () => {
-      g.value ? q() : (u.value = [...a.options], s("update:modelValue", [...a.options]));
+    }, ee = (z) => {
+      s("update:modelValue", l.selectValue ? z.map((T) => T[l.selectValue]) : z);
+    }, Z = (z) => a.modelValue !== null ? a.modelValue.some((T) => i.value.selectValue ? z[l.selectValue] === T : z.id === T.id && z.label === T.label) : !1, te = () => {
+      g.value ? G() : (u.value = [...a.options], s("update:modelValue", [...a.options]));
     };
-    return (V, I) => (n(), y(U, null, [
+    return (z, T) => (n(), y(D, null, [
       v(p(ke), B(i.value, {
-        class: [b.value, $.value ? "is-invalid" : ""],
+        class: [b.value, x.value ? "is-invalid" : ""],
         "data-cy": "multiselect",
         "onUpdate:modelValue": [
-          ae,
-          I[1] || (I[1] = (M) => E(u) ? u.value = M : null)
+          ee,
+          T[1] || (T[1] = (P) => j(u) ? u.value = P : null)
         ],
         modelValue: p(u)
-      }), ee({
+      }), X({
         default: f(() => [
-          (n(!0), y(U, null, R(V.$slots, (M, N) => _(V.$slots, N, { slot: N })), 256))
+          (n(!0), y(D, null, E(z.$slots, (P, N) => k(z.$slots, N, { slot: N })), 256))
         ]),
         _: 2
       }, [
-        z.value ? {
+        V.value ? {
           name: "caret",
-          fn: f(({ toggle: M }) => [
+          fn: f(({ toggle: P }) => [
             v(p(C), {
               icon: "bi:x",
               class: "my-auto multiselect__clear-icon",
-              onMousedown: I[0] || (I[0] = G((N) => q(), ["prevent", "stop"])),
+              onMousedown: T[0] || (T[0] = K((N) => G(), ["prevent", "stop"])),
               "data-cy": "clear"
             }),
             m("div", {
               class: "multiselect__select",
-              onMousedown: G(M, ["prevent", "stop"])
+              onMousedown: K(P, ["prevent", "stop"])
             }, null, 40, Ze)
           ]),
           key: "0"
         } : void 0,
-        i.value.multiple && V.showSelectAll && !i.value.async ? {
+        i.value.multiple && z.showSelectAll && !i.value.async ? {
           name: "beforeList",
           fn: f(() => [
             m("li", {
               class: "multiselect__element",
-              onClick: le,
-              onMouseover: D,
-              onMouseleave: H,
+              onClick: te,
+              onMouseover: U,
+              onMouseleave: q,
               "data-cy": "toggle-all"
             }, [
               m("span", {
@@ -1382,27 +1407,27 @@ const Oe = { key: 0 }, Re = {
         } : void 0,
         i.value.multiple ? {
           name: "option",
-          fn: f(({ option: M }) => [
+          fn: f(({ option: P }) => [
             m("div", {
-              "data-cy": M.label
+              "data-cy": P.label
             }, [
               m("input", {
-                checked: Z(M),
+                checked: Z(P),
                 name: "selected",
                 type: "checkbox",
                 class: "multiselect__option--checkbox"
               }, null, 8, Qe),
-              P(" " + h(M[i.value.label]), 1)
+              M(" " + h(P[i.value.label]), 1)
             ], 8, Xe)
           ]),
           key: "2"
         } : void 0
       ]), 1040, ["class", "modelValue"]),
-      O(m("small", {
+      R(m("small", {
         "data-cy": "error",
         class: "invalid-feedback"
-      }, h(p(d)), 513), [
-        [L, $.value]
+      }, h(p(r)), 513), [
+        [L, x.value]
       ])
     ], 64));
   }
@@ -1416,7 +1441,7 @@ const Oe = { key: 0 }, Re = {
 }, ot = { class: "d-inline-block" }, st = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Ua = /* @__PURE__ */ x({
+}, Ua = /* @__PURE__ */ $({
   __name: "ForgeMultiSelectPreview",
   props: {
     title: { default: "Selected Items" },
@@ -1427,10 +1452,10 @@ const Oe = { key: 0 }, Re = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = re(), s = t, o = k(() => `${a.modelValue.length} selected`), u = k(() => a.modelValue.length), d = (i) => {
+    const l = e, a = re(), s = t, o = _(() => `${a.modelValue.length} selected`), u = _(() => a.modelValue.length), r = (i) => {
       s("update:modelValue", i);
-    }, r = (i) => {
-      d(a.modelValue.filter((b) => b.id !== i));
+    }, d = (i) => {
+      r(a.modelValue.filter((b) => b.id !== i));
     };
     return (i, b) => {
       const c = A;
@@ -1444,7 +1469,7 @@ const Oe = { key: 0 }, Re = {
         }, [
           v(et, {
             "onUpdate:modelValue": [
-              b[0] || (b[0] = (g) => d(g)),
+              b[0] || (b[0] = (g) => r(g)),
               b[1] || (b[1] = (g) => i.$attrs.modelValue = g)
             ],
             modelValue: i.$attrs.modelValue,
@@ -1452,17 +1477,17 @@ const Oe = { key: 0 }, Re = {
             options: l.options
           }, {
             tag: f(() => [
-              P(h(""))
+              M(h(""))
             ]),
             selection: f(() => [
               i.$attrs.modelValue.length > 0 ? (n(), y("span", tt, h(u.value) + " items selected", 1)) : F("", !0)
             ]),
             default: f(() => [
-              (n(!0), y(U, null, R(i.$slots, (g, $) => _(i.$slots, $, { slot: $ })), 256))
+              (n(!0), y(D, null, E(i.$slots, (g, x) => k(i.$slots, x, { slot: x })), 256))
             ]),
             _: 3
           }, 8, ["modelValue", "limit-text", "options"]),
-          _(i.$slots, "after-multi-select")
+          k(i.$slots, "after-multi-select")
         ], 2),
         m("div", {
           class: S(i.orientation === "row" ? "col-12" : "col"),
@@ -1474,18 +1499,18 @@ const Oe = { key: 0 }, Re = {
           }, [
             m("div", at, [
               i.title ? (n(), y("div", lt, h(i.title), 1)) : F("", !0),
-              (n(!0), y(U, null, R(i.$attrs.modelValue, (g) => (n(), y("div", {
+              (n(!0), y(D, null, E(i.$attrs.modelValue, (g) => (n(), y("div", {
                 key: g.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                _(i.$slots, "list-item", { item: g }, () => [
+                k(i.$slots, "list-item", { item: g }, () => [
                   m("span", ot, h(g.shortLabel ? g.shortLabel : g.label), 1)
                 ]),
                 i.canRemoveItemFromPreview ? (n(), w(c, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: ($) => r(g.id)
+                  onClick: (x) => d(g.id)
                 }, {
                   default: f(() => [
                     v(p(C), {
@@ -1510,7 +1535,7 @@ const Oe = { key: 0 }, Re = {
 }, rt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, Da = /* @__PURE__ */ x({
+}, Da = /* @__PURE__ */ $({
   __name: "ForgePageHeader",
   props: {
     title: {}
@@ -1520,11 +1545,11 @@ const Oe = { key: 0 }, Re = {
     return (l, a) => (n(), y("div", nt, [
       m("h1", it, h(t.title), 1),
       m("div", rt, [
-        _(l.$slots, "default")
+        k(l.$slots, "default")
       ])
     ]));
   }
-}), dt = { "data-cy": "before-slot" }, ut = { "data-cy": "after-slot" }, ct = /* @__PURE__ */ x({
+}), dt = { "data-cy": "before-slot" }, ut = { "data-cy": "after-slot" }, ct = /* @__PURE__ */ $({
   __name: "ForgeDatepicker",
   props: {
     severity: { default: "primary" },
@@ -1592,7 +1617,7 @@ const Oe = { key: 0 }, Re = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = k(() => ({
+    const t = e, l = _(() => ({
       dayLabel: ({ context: a }) => ({
         class: [
           "btn rounded-circle w-100 py-2",
@@ -1636,12 +1661,12 @@ const Oe = { key: 0 }, Re = {
     }));
     return (a, s) => {
       const o = xe;
-      return n(), y(U, null, [
+      return n(), y(D, null, [
         m("span", dt, [
-          _(a.$slots, "before")
+          k(a.$slots, "before")
         ]),
         v(o, B({ ...t, ...a.$attrs }, { pt: l.value }), null, 16, ["pt"]),
-        O(v(p(C), {
+        R(v(p(C), {
           "data-cy": "icon",
           icon: "bi:calendar3",
           width: "32",
@@ -1651,24 +1676,24 @@ const Oe = { key: 0 }, Re = {
           [L, t.showIcon]
         ]),
         m("span", ut, [
-          _(a.$slots, "after")
+          k(a.$slots, "after")
         ])
       ], 64);
     };
   }
-}), Aa = /* @__PURE__ */ x({
+}), Aa = /* @__PURE__ */ $({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
     currentCount: {}
   },
   setup(e) {
-    const t = e, l = k(() => t.maxCount - t.currentCount);
+    const t = e, l = _(() => t.maxCount - t.currentCount);
     return (a, s) => (n(), y("div", {
       class: S(l.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + h(l.value), 3));
   }
-}), pt = /* @__PURE__ */ m("hr", null, null, -1), mt = { class: "d-flex justify-content-between" }, Na = /* @__PURE__ */ x({
+}), pt = /* @__PURE__ */ m("hr", null, null, -1), mt = { class: "d-flex justify-content-between" }, Na = /* @__PURE__ */ $({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1680,7 +1705,7 @@ const Oe = { key: 0 }, Re = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = T(!1), a = T({
+    const t = e, l = I(!1), a = I({
       hasError: !1,
       message: ""
     });
@@ -1694,14 +1719,14 @@ const Oe = { key: 0 }, Re = {
       l.value = !1;
     }
     return (o, u) => {
-      const d = A;
+      const r = A;
       return n(), y("form", B(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: G(s, ["prevent"])
+        onSubmit: K(s, ["prevent"])
       }), [
-        o.hideTitle ? F("", !0) : (n(), y(U, { key: 0 }, [
-          _(o.$slots, "title", {}, () => [
+        o.hideTitle ? F("", !0) : (n(), y(D, { key: 0 }, [
+          k(o.$slots, "title", {}, () => [
             m("h3", {
               class: S(o.titleClass),
               "data-cy": "form-title"
@@ -1709,46 +1734,46 @@ const Oe = { key: 0 }, Re = {
           ]),
           pt
         ], 64)),
-        a.value.hasError ? (n(), w(te, {
+        a.value.hasError ? (n(), w(Q, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
           default: f(() => [
-            _(o.$slots, "error", {
+            k(o.$slots, "error", {
               error: a.value.message
             }, () => [
-              P(h(a.value.message), 1)
+              M(h(a.value.message), 1)
             ])
           ]),
           _: 3
         })) : F("", !0),
-        _(o.$slots, "default"),
+        k(o.$slots, "default"),
         m("div", mt, [
-          _(o.$slots, "cancel", {}, () => [
-            o.hideCancel ? F("", !0) : (n(), w(d, {
+          k(o.$slots, "cancel", {}, () => [
+            o.hideCancel ? F("", !0) : (n(), w(r, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: u[0] || (u[0] = (r) => o.$emit("cancel"))
+              onClick: u[0] || (u[0] = (d) => o.$emit("cancel"))
             }, {
               default: f(() => [
-                P(h(o.cancelText), 1)
+                M(h(o.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          _(o.$slots, "submit", { submit: s }, () => [
-            v(d, {
+          k(o.$slots, "submit", { submit: s }, () => [
+            v(r, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
               default: f(() => [
-                P(h(o.submitText), 1)
+                M(h(o.submitText), 1)
               ]),
               _: 1
             })
@@ -1761,7 +1786,7 @@ const Oe = { key: 0 }, Re = {
       ], 16);
     };
   }
-}), yt = { class: "d-flex flex-column" }, bt = ["for"], Oa = /* @__PURE__ */ x({
+}), yt = { class: "d-flex flex-column" }, bt = ["for"], Oa = /* @__PURE__ */ $({
   __name: "ForgeFormField",
   props: {
     name: {},
@@ -1772,9 +1797,9 @@ const Oe = { key: 0 }, Re = {
     placeholder: { default: "" }
   },
   setup(e) {
-    const t = e, { errors: l, value: a, errorMessage: s } = W(() => t.name, t.rules), o = k(() => l.value.length > 0);
-    return (u, d) => {
-      const r = Fe, i = $e, b = oe;
+    const t = e, { errors: l, value: a, errorMessage: s } = W(() => t.name, t.rules), o = _(() => l.value.length > 0);
+    return (u, r) => {
+      const d = Fe, i = $e, b = oe;
       return n(), y("div", yt, [
         t.type !== "checkbox" ? (n(), y("label", {
           key: 0,
@@ -1790,22 +1815,22 @@ const Oe = { key: 0 }, Re = {
           id: t.name,
           placeholder: t.placeholder,
           modelValue: p(a),
-          "onUpdate:modelValue": d[0] || (d[0] = (c) => E(a) ? a.value = c : null),
+          "onUpdate:modelValue": r[0] || (r[0] = (c) => j(a) ? a.value = c : null),
           "input-class": { "is-invalid": o.value },
           class: { "is-invalid": o.value }
-        }, u.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (n(), w(r, B({
+        }, u.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (n(), w(d, B({
           key: 3,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: p(a),
-          "onUpdate:modelValue": d[1] || (d[1] = (c) => E(a) ? a.value = c : null),
+          "onUpdate:modelValue": r[1] || (r[1] = (c) => j(a) ? a.value = c : null),
           class: { "is-invalid": o.value }
         }, u.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (n(), w(i, B({
           key: 4,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: p(a),
-          "onUpdate:modelValue": d[2] || (d[2] = (c) => E(a) ? a.value = c : null),
+          "onUpdate:modelValue": r[2] || (r[2] = (c) => j(a) ? a.value = c : null),
           mask: t.mask,
           class: { "is-invalid": o.value }
         }, u.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (n(), w(b, B({
@@ -1813,10 +1838,10 @@ const Oe = { key: 0 }, Re = {
           id: t.name,
           placeholder: t.placeholder,
           modelValue: p(a),
-          "onUpdate:modelValue": d[3] || (d[3] = (c) => E(a) ? a.value = c : null),
+          "onUpdate:modelValue": r[3] || (r[3] = (c) => j(a) ? a.value = c : null),
           class: { "is-invalid": o.value }
         }, u.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
-        t.type !== "checkbox" ? O((n(), y("small", {
+        t.type !== "checkbox" ? R((n(), y("small", {
           key: 6,
           "data-cy": "error",
           class: "invalid-feedback"
@@ -1826,7 +1851,7 @@ const Oe = { key: 0 }, Re = {
       ]);
     };
   }
-}), Ra = /* @__PURE__ */ x({
+}), Ra = /* @__PURE__ */ $({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -1856,12 +1881,12 @@ const Oe = { key: 0 }, Re = {
   setup(e) {
     const t = e, { errors: l, value: a, errorMessage: s } = W(() => t.name, t.rules);
     a.value = t.modelValue;
-    const o = k(() => l.value.length > 0), u = k(() => ({
-      container: ({ props: d }) => ({
+    const o = _(() => l.value.length > 0), u = _(() => ({
+      container: ({ props: r }) => ({
         class: [
           "form-control mb-0",
           {
-            disabled: d.disabled,
+            disabled: r.disabled,
             "is-invalid": o.value
           }
         ]
@@ -1884,16 +1909,16 @@ const Oe = { key: 0 }, Re = {
         ]
       }
     }));
-    return (d, r) => {
+    return (r, d) => {
       const i = Be;
-      return n(), y(U, null, [
-        v(i, B({ ...t, ...d.$attrs }, {
+      return n(), y(D, null, [
+        v(i, B({ ...t, ...r.$attrs }, {
           pt: u.value,
           "model-value": p(a),
-          "onUpdate:modelValue": r[0] || (r[0] = (b) => E(a) ? a.value = b : null)
+          "onUpdate:modelValue": d[0] || (d[0] = (b) => j(a) ? a.value = b : null)
         }), {
           removetokenicon: f(({ removeCallback: b }) => [
-            O(v(p(C), {
+            R(v(p(C), {
               icon: "bi:x",
               class: "cursor-pointer",
               onClick: b
@@ -1903,7 +1928,7 @@ const Oe = { key: 0 }, Re = {
           ]),
           _: 1
         }, 16, ["pt", "model-value"]),
-        O(m("small", {
+        R(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(s)), 513), [
@@ -1912,7 +1937,7 @@ const Oe = { key: 0 }, Re = {
       ], 64);
     };
   }
-}), vt = /* @__PURE__ */ x({
+}), vt = /* @__PURE__ */ $({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -1927,7 +1952,7 @@ const Oe = { key: 0 }, Re = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = k(() => t.striped ? "progress-bar-striped" : null), a = k(() => t.animate ? "progress-bar-animated" : null), s = k(() => {
+    const t = e, l = _(() => t.striped ? "progress-bar-striped" : null), a = _(() => t.animate ? "progress-bar-animated" : null), s = _(() => {
       switch (t.severity) {
         case "secondary":
           return "bg-secondary";
@@ -1944,7 +1969,7 @@ const Oe = { key: 0 }, Re = {
         default:
           return "bg-primary";
       }
-    }), o = k(() => ({
+    }), o = _(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -1952,17 +1977,17 @@ const Oe = { key: 0 }, Re = {
         class: [s.value, l.value, a.value]
       }
     }));
-    return (u, d) => {
-      const r = Se;
-      return n(), w(r, B({ ...u.$attrs, ...t }, { pt: o.value }), {
+    return (u, r) => {
+      const d = Se;
+      return n(), w(d, B({ ...u.$attrs, ...t }, { pt: o.value }), {
         default: f(() => [
-          _(u.$slots, "default")
+          k(u.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), ft = { class: "value text-light w-100 text-center" }, Ea = /* @__PURE__ */ x({
+}), ft = { class: "value text-light w-100 text-center" }, Ea = /* @__PURE__ */ $({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -1974,14 +1999,14 @@ const Oe = { key: 0 }, Re = {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", ft, [
-        _(l.$slots, "default")
+        k(l.$slots, "default")
       ])
     ], 16));
   }
 }), gt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, ht = { class: "d-flex align-items-center justify-content-center w-100" }, ja = /* @__PURE__ */ x({
+}, ht = { class: "d-flex align-items-center justify-content-center w-100" }, ja = /* @__PURE__ */ $({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -1997,7 +2022,7 @@ const Oe = { key: 0 }, Re = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const l = t, a = e, s = T(a.currentStep), o = () => {
+    const l = t, a = e, s = I(a.currentStep), o = () => {
       do
         s.value--;
       while (a.model[s.value].disabled);
@@ -2008,10 +2033,10 @@ const Oe = { key: 0 }, Re = {
           s.value++;
         while (a.model[s.value].disabled);
       l("update:currentStep", s.value);
-    }, d = k(() => {
+    }, r = _(() => {
       const i = a.model.findIndex((b) => !b.disabled);
       return !(i < s.value && i > -1);
-    }), r = k(() => ({
+    }), d = _(() => ({
       menuitem: (i) => ({
         class: [{
           "cursor-pointer": !i.context.disabled
@@ -2046,12 +2071,12 @@ const Oe = { key: 0 }, Re = {
       })
     }));
     return (i, b) => {
-      const c = A, g = Ve, $ = Ce;
+      const c = A, g = Ve, x = Ce;
       return n(), y("div", gt, [
         m("div", ht, [
           v(c, {
             severity: a.severity,
-            disabled: d.value,
+            disabled: r.value,
             onClick: o,
             class: "rounded-circle py-2 me-4",
             "data-cy": "back-button"
@@ -2066,28 +2091,28 @@ const Oe = { key: 0 }, Re = {
           }, 8, ["severity", "disabled"]),
           v(g, {
             "active-step": s.value,
-            "onUpdate:activeStep": b[0] || (b[0] = (z) => s.value = z),
+            "onUpdate:activeStep": b[0] || (b[0] = (V) => s.value = V),
             model: a.model,
-            pt: r.value,
+            pt: d.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
-        v($),
-        (n(!0), y(U, null, R(a.model, (z, D) => (n(), y("div", {
-          key: D,
+        v(x),
+        (n(!0), y(D, null, E(a.model, (V, U) => (n(), y("div", {
+          key: U,
           class: "w-100"
         }, [
-          D === s.value ? _(i.$slots, z.key ?? z.label, {
+          U === s.value ? k(i.$slots, V.key ?? V.label, {
             key: 0,
             nextStep: u,
             previousStep: o
           }, () => [
-            v(te, {
+            v(Q, {
               severity: "info",
               "data-cy": "alert"
             }, {
               default: f(() => [
-                P(" Please add Slot Content for the key " + h(z.key ?? z.label) + " ", 1),
+                M(" Please add Slot Content for the key " + h(V.key ?? V.label) + " ", 1),
                 v(c, {
                   severity: "primary",
                   label: "Next",
@@ -2102,7 +2127,7 @@ const Oe = { key: 0 }, Re = {
       ]);
     };
   }
-}), wt = { class: "p-4 text-wrap w-100" }, _t = { class: "p-4 text-wrap w-100" }, La = /* @__PURE__ */ x({
+}), wt = { class: "p-4 text-wrap w-100" }, _t = { class: "p-4 text-wrap w-100" }, La = /* @__PURE__ */ $({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2110,7 +2135,7 @@ const Oe = { key: 0 }, Re = {
     clickable: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = k(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
+    const t = e, l = _(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = _(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
     return (s, o) => {
       const u = A;
       return t.clickable ? (n(), w(u, {
@@ -2122,8 +2147,8 @@ const Oe = { key: 0 }, Re = {
       }, {
         default: f(() => [
           m("div", wt, [
-            _(s.$slots, "default", {}, () => [
-              P("Tile Content")
+            k(s.$slots, "default", {}, () => [
+              M("Tile Content")
             ])
           ])
         ]),
@@ -2134,8 +2159,8 @@ const Oe = { key: 0 }, Re = {
         "data-cy": "tile"
       }, [
         m("div", _t, [
-          _(s.$slots, "default", {}, () => [
-            P("Tile Content")
+          k(s.$slots, "default", {}, () => [
+            M("Tile Content")
           ])
         ])
       ], 2));
@@ -2151,7 +2176,7 @@ const kt = {
 }, xt = { class: "ms-2" }, $t = { key: 0 }, Ft = /* @__PURE__ */ m("span", { class: "mx-2" }, "|", -1), Bt = {
   class: "w-auto",
   "data-cy": "total"
-}, St = /* @__PURE__ */ x({
+}, St = /* @__PURE__ */ $({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2162,17 +2187,17 @@ const kt = {
   setup(e, { emit: t }) {
     const l = t, a = e, s = (u) => {
       l("update:perPage", u.value);
-    }, o = k(() => {
+    }, o = _(() => {
       const u = Math.ceil(a.total / a.perPage);
       return `${u} ${J(u, "page")}`;
     });
-    return (u, d) => (n(), y("div", kt, [
-      P(" Number of results per page "),
+    return (u, r) => (n(), y("div", kt, [
+      M(" Number of results per page "),
       m("div", xt, [
         v(p(se), {
           options: a.pageSizes,
           "model-value": a.perPage,
-          onChange: d[0] || (d[0] = (r) => s(r))
+          onChange: r[0] || (r[0] = (d) => s(d))
         }, null, 8, ["options", "model-value"])
       ]),
       a.total ? (n(), y("div", $t, [
@@ -2181,10 +2206,10 @@ const kt = {
       ])) : F("", !0)
     ]));
   }
-}), Ct = { "data-cy": "above-table-slot" }, Vt = { class: "d-flex" }, zt = { class: "d-flex align-items-end mb-2" }, It = { key: 0 }, Tt = { class: "ms-auto" }, Pt = {
+}), Ct = { "data-cy": "above-table-slot" }, Vt = { class: "d-flex" }, zt = { class: "d-flex align-items-end mb-2" }, It = { key: 0 }, Tt = { class: "ms-auto" }, Mt = {
   class: "d-flex",
   "data-cy": "legacy-page-size"
-}, Mt = /* @__PURE__ */ m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), Ut = { "data-cy": "legacy-total" }, Ha = /* @__PURE__ */ x({
+}, Pt = /* @__PURE__ */ m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), Ut = { "data-cy": "legacy-total" }, Ha = /* @__PURE__ */ $({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2263,21 +2288,21 @@ const kt = {
   },
   emits: ["update:filters"],
   setup(e, { emit: t }) {
-    const l = t, a = e, s = T([10, 20, 50, 100]), o = T(20), u = T(), d = () => {
+    const l = t, a = e, s = I([10, 20, 50, 100]), o = I(20), u = I(), r = () => {
       for (const c in a.filters)
         a.filters[c].value = null;
-      r(a.filters);
-    }, r = (c) => {
+      d(a.filters);
+    }, d = (c) => {
       l("update:filters", c);
-    }, i = k(() => {
+    }, i = _(() => {
       const c = Math.ceil((a.total ?? a.value.length) / o.value);
       return `${c} ${J(c, "page")}`;
     }), b = () => {
       u.value.exportCSV();
     };
-    return (c, g) => (n(), y(U, null, [
+    return (c, g) => (n(), y(D, null, [
       m("span", Ct, [
-        _(c.$slots, "above-table")
+        k(c.$slots, "above-table")
       ]),
       v(p(ze), B({ class: "w-100" }, { ...a, ...c.$attrs }, {
         rows: o.value,
@@ -2285,9 +2310,9 @@ const kt = {
         "filter-display": a.filters ? "row" : void 0,
         ref_key: "forgeTable",
         ref: u,
-        "onUpdate:filters": r,
+        "onUpdate:filters": d,
         "data-cy": "table"
-      }), ee({
+      }), X({
         header: f(() => [
           m("div", Vt, [
             m("div", zt, [
@@ -2296,7 +2321,7 @@ const kt = {
                   total: c.total ?? c.value.length,
                   "page-sizes": s.value,
                   "per-page": o.value,
-                  "onUpdate:perPage": g[0] || (g[0] = ($) => o.value = $)
+                  "onUpdate:perPage": g[0] || (g[0] = (x) => o.value = x)
                 }, null, 8, ["total", "page-sizes", "per-page"])
               ])) : F("", !0)
             ]),
@@ -2305,7 +2330,7 @@ const kt = {
                 key: 0,
                 outlined: "",
                 class: S(c.showExporterButton ? "me-2" : ""),
-                onClick: d,
+                onClick: r,
                 "data-cy": "clear-all"
               }, {
                 default: f(() => [
@@ -2314,7 +2339,7 @@ const kt = {
                     width: "24",
                     height: "24"
                   }),
-                  P(" Clear ")
+                  M(" Clear ")
                 ]),
                 _: 1
               }, 8, ["class"])) : F("", !0),
@@ -2330,7 +2355,7 @@ const kt = {
                     width: "24",
                     height: "24"
                   }),
-                  P(" Export ")
+                  M(" Export ")
                 ]),
                 _: 1
               })) : F("", !0)
@@ -2338,25 +2363,25 @@ const kt = {
           ])
         ]),
         default: f(() => [
-          _(c.$slots, "default")
+          k(c.$slots, "default")
         ]),
         _: 2
       }, [
-        R(c.$slots, ($, z) => ({
-          name: z,
-          fn: f((D) => [
-            _(c.$slots, z, X(Q(D || {})))
+        E(c.$slots, (x, V) => ({
+          name: V,
+          fn: f((U) => [
+            k(c.$slots, V, ae(le(U || {})))
           ])
         })),
         c.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: f(() => [
-            m("span", Pt, [
-              Mt,
+            m("span", Mt, [
+              Pt,
               v(p(se), {
                 options: s.value,
                 modelValue: o.value,
-                "onUpdate:modelValue": g[1] || (g[1] = ($) => o.value = $),
+                "onUpdate:modelValue": g[1] || (g[1] = (x) => o.value = x),
                 class: "ms-2"
               }, null, 8, ["options", "modelValue"])
             ])
@@ -2373,7 +2398,7 @@ const kt = {
       ]), 1040, ["rows", "total-records", "filter-display"])
     ], 64));
   }
-}), qa = /* @__PURE__ */ x({
+}), qa = /* @__PURE__ */ $({
   __name: "ForgeFilterHeader",
   props: {
     dataType: {},
@@ -2402,11 +2427,11 @@ const kt = {
 function pe(e, t, l, a) {
   const s = t.flatMap((o) => o.file);
   return t = t.map((o) => ({ ...o, status: o.status == "Duplicate" ? "Not Uploaded" : o.status })), e.forEach((o) => {
-    const u = s.findIndex((r) => r.name === o.name);
-    let d = "Not Uploaded";
-    u === -1 ? ((!l.includes(o.type) || !(o.size <= a)) && (d = l.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+    const u = s.findIndex((d) => d.name === o.name);
+    let r = "Not Uploaded";
+    u === -1 ? ((!l.includes(o.type) || !(o.size <= a)) && (r = l.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
       file: o,
-      status: d,
+      status: r,
       blobFileName: null
     })) : t[u].status = "Duplicate";
   }), t;
@@ -2440,9 +2465,9 @@ function At(e) {
 function Nt(e) {
   return URL.createObjectURL(e);
 }
-const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disabled", "multiple"], Et = /* @__PURE__ */ x({
+const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disabled", "multiple"], Et = /* @__PURE__ */ $({
   __name: "UploadButton",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ H({
     acceptedFileTypes: {},
     maxFileInput: {},
     showDragDropArea: { type: Boolean }
@@ -2452,42 +2477,42 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = j(e, "modelValue"), { acceptedFileTypes: l, maxFileInput: a, showDragDropArea: s } = e, o = k(() => a <= t.value.length), u = (d) => {
-      t.value = pe(d, t.value, l, a);
+    const t = O(e, "modelValue"), { acceptedFileTypes: l, maxFileInput: a, showDragDropArea: s } = e, o = _(() => a <= t.value.length), u = (r) => {
+      t.value = pe(r, t.value, l, a);
     };
-    return (d, r) => (n(), y("div", Ot, [
-      _(d.$slots, "message"),
+    return (r, d) => (n(), y("div", Ot, [
+      k(r.$slots, "message"),
       m("div", null, [
         m("input", {
           id: "file-input",
           type: "file",
           class: "d-none",
-          accept: d.acceptedFileTypes.join(", "),
+          accept: r.acceptedFileTypes.join(", "),
           disabled: o.value,
-          multiple: d.maxFileInput > 1,
-          onInput: r[0] || (r[0] = (i) => u([...i.target.files]))
+          multiple: r.maxFileInput > 1,
+          onInput: d[0] || (d[0] = (i) => u([...i.target.files]))
         }, null, 40, Rt),
         m("label", {
           class: S([{ disabled: o.value }, "btn btn-primary"]),
           id: "file-input-button",
           for: "file-input"
         }, [
-          _(d.$slots, "button-content", {}, () => [
+          k(r.$slots, "button-content", {}, () => [
             v(p(C), {
               icon: "bi:upload",
               class: "me-2",
               height: "20px",
               width: "20px"
             }),
-            P(" Browse your computer ")
+            M(" Browse your computer ")
           ])
         ], 2)
       ]),
-      d.showDragDropArea ? (n(), y("div", {
+      r.showDragDropArea ? (n(), y("div", {
         class: "ms-auto",
-        key: d.acceptedFileTypes.length,
+        key: r.acceptedFileTypes.length,
         id: "accepted-file-types"
-      }, "Accepted File Types: " + h(d.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
+      }, "Accepted File Types: " + h(r.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
     ]));
   }
 }), jt = {
@@ -2497,9 +2522,9 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
 }, Lt = {
   key: 1,
   class: "d-flex flex-column"
-}, Ht = /* @__PURE__ */ x({
+}, Ht = /* @__PURE__ */ $({
   __name: "DragDropArea",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ H({
     maxFileInput: {},
     maxFileSize: {},
     acceptedFileTypes: {}
@@ -2509,15 +2534,15 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { acceptedFileTypes: t, maxFileInput: l, maxFileSize: a } = e, s = j(e, "modelValue"), o = T(!1), u = k(() => l <= s.value.length), d = (r) => {
-      o.value = !1, r.dataTransfer.files.length > l || u.value ? r.preventDefault() : s.value = pe([...r.dataTransfer.files], s.value, t, a);
+    const { acceptedFileTypes: t, maxFileInput: l, maxFileSize: a } = e, s = O(e, "modelValue"), o = I(!1), u = _(() => l <= s.value.length), r = (d) => {
+      o.value = !1, d.dataTransfer.files.length > l || u.value ? d.preventDefault() : s.value = pe([...d.dataTransfer.files], s.value, t, a);
     };
-    return (r, i) => (n(), y("div", {
+    return (d, i) => (n(), y("div", {
       id: "drag-drop-area",
       class: S(`${o.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: i[0] || (i[0] = G((b) => o.value = !1, ["prevent"])),
-      onDragover: i[1] || (i[1] = G((b) => o.value = !0, ["prevent"])),
-      onDrop: G(d, ["prevent"])
+      onDragleave: i[0] || (i[0] = K((b) => o.value = !1, ["prevent"])),
+      onDragover: i[1] || (i[1] = K((b) => o.value = !0, ["prevent"])),
+      onDrop: K(r, ["prevent"])
     }, [
       s.value.length === 0 ? (n(), y("div", jt, [
         v(p(C), {
@@ -2526,13 +2551,13 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
           height: "20px",
           width: "20px"
         }),
-        P(" Drag and drop files here ")
+        M(" Drag and drop files here ")
       ])) : (n(), y("div", Lt, [
-        _(r.$slots, "default")
+        k(d.$slots, "default")
       ]))
     ], 34));
   }
-}), qt = { class: "d-flex align-items-center me-2" }, Gt = /* @__PURE__ */ x({
+}), qt = { class: "d-flex align-items-center me-2" }, Gt = /* @__PURE__ */ $({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -2541,7 +2566,7 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const { fileSize: t, uploadStatus: l, bytesUploaded: a, maxFileSize: s } = e, o = k(() => l === "Failed" || l === "InvalidFileType" || l === "InvalidFileSize" ? "danger" : "warning"), u = k(() => {
+    const { fileSize: t, uploadStatus: l, bytesUploaded: a, maxFileSize: s } = e, o = _(() => l === "Failed" || l === "InvalidFileType" || l === "InvalidFileSize" ? "danger" : "warning"), u = _(() => {
       switch (l) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -2557,26 +2582,26 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (d, r) => (n(), y("div", qt, [
-      d.uploadStatus === "Uploading" ? (n(), w(vt, {
+    return (r, d) => (n(), y("div", qt, [
+      r.uploadStatus === "Uploading" ? (n(), w(vt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
         default: f(() => [
-          P(h((d.bytesUploaded / d.fileSize * 100).toFixed(0)) + "%", 1)
+          M(h((r.bytesUploaded / r.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
       })) : F("", !0),
-      d.uploadStatus !== "Uploading" && d.uploadStatus !== "Not Uploaded" && d.uploadStatus !== "Uploaded" && d.uploadStatus !== "Preparing" ? (n(), w(te, {
+      r.uploadStatus !== "Uploading" && r.uploadStatus !== "Not Uploaded" && r.uploadStatus !== "Uploaded" && r.uploadStatus !== "Preparing" ? (n(), w(Q, {
         key: 1,
         id: "upload-status-alert",
         severity: o.value,
         class: "mb-0 w-75 ms-auto"
       }, {
         default: f(() => [
-          P(h(u.value), 1)
+          M(h(u.value), 1)
         ]),
         _: 1
       }, 8, ["severity"])) : F("", !0)
@@ -2591,9 +2616,9 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
 }, Jt = {
   class: "text-black-50",
   id: "file-size"
-}, Xt = { class: "ms-auto my-auto d-flex" }, Qt = /* @__PURE__ */ x({
+}, Xt = { class: "ms-auto my-auto d-flex" }, Qt = /* @__PURE__ */ $({
   __name: "FileInfo",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ H({
     editableFileName: { type: Boolean },
     acceptedFileTypes: {},
     maxFileSize: {},
@@ -2608,54 +2633,54 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
     uploadStatus: { required: !0 },
     uploadStatusModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  emits: /* @__PURE__ */ H(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const { autoUploadToBlob: l, maxFileSize: a, getFileUrlAction: s, customFileNameRules: o, editableFileName: u, acceptedFileTypes: d } = e, r = j(e, "file"), i = j(e, "blobFileName"), b = j(e, "uploadStatus"), c = t, g = T(r.value.name), $ = T(""), z = T(0), D = T(), H = k(() => d.includes(r.value.type)), q = k(() => r.value.size <= a), ae = () => {
-      r.value = new File([r.value], g.value, { type: r.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
+    const { autoUploadToBlob: l, maxFileSize: a, getFileUrlAction: s, customFileNameRules: o, editableFileName: u, acceptedFileTypes: r } = e, d = O(e, "file"), i = O(e, "blobFileName"), b = O(e, "uploadStatus"), c = t, g = I(d.value.name), x = I(""), V = I(0), U = I(), q = _(() => r.includes(d.value.type)), G = _(() => d.value.size <= a), ee = () => {
+      d.value = new File([d.value], g.value, { type: d.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, Z = async () => {
-      if (!H.value || !q.value) {
-        b.value = H.value ? "InvalidFileSize" : "InvalidFileType";
+      if (!q.value || !G.value) {
+        b.value = q.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      b.value = "Preparing", D.value = new AbortController();
-      const [V, I] = await s(r.value.name);
-      if (!V) {
+      b.value = "Preparing", U.value = new AbortController();
+      const [z, T] = await s(d.value.name);
+      if (!z) {
         b.value = "Failed";
         return;
       }
       try {
         b.value = "Uploading";
-        const M = new ue(V), N = {
-          abortSignal: D.value.signal,
-          onProgress: (me) => z.value = me.loadedBytes,
+        const P = new ue(z), N = {
+          abortSignal: U.value.signal,
+          onProgress: (me) => V.value = me.loadedBytes,
           tags: { temp: "true" }
         };
-        await M.uploadData(r.value, N), $.value = V, b.value = "Uploaded", i.value = I;
-      } catch (M) {
-        if (M.name === "AbortError") {
+        await P.uploadData(d.value, N), x.value = z, b.value = "Uploaded", i.value = T;
+      } catch (P) {
+        if (P.name === "AbortError") {
           b.value = "Aborted";
           return;
         }
         b.value = "Failed";
       }
-    }, le = async () => {
-      await Dt(b.value, $.value), c("deleted", r.value);
+    }, te = async () => {
+      await Dt(b.value, x.value), c("deleted", d.value);
     };
     return ie(() => {
       l && Z();
-    }), (V, I) => {
-      const M = A;
+    }), (z, T) => {
+      const P = A;
       return n(), y("div", {
         class: "py-4 px-3 d-flex",
-        "data-cy": `file-info-${r.value.name}`
+        "data-cy": `file-info-${d.value.name}`
       }, [
         m("div", null, [
-          p(At)(r.value.type) ? (n(), w(p(Te), {
+          p(At)(d.value.type) ? (n(), w(p(Te), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: p(Nt)(r.value),
-            alt: r.value.name,
+            src: p(Nt)(d.value),
+            alt: d.value.name,
             width: "75px",
             preview: ""
           }, null, 8, ["src", "alt"])) : (n(), w(p(C), {
@@ -2668,28 +2693,28 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
         ]),
         m("div", Wt, [
           m("div", null, [
-            V.editableFileName ? (n(), w(Ke, {
+            z.editableFileName ? (n(), w(Ke, {
               key: 0,
               id: "edit-file-name",
               modelValue: g.value,
-              "onUpdate:modelValue": I[0] || (I[0] = (N) => g.value = N),
-              rules: V.customFileNameRules,
-              name: r.value.name,
-              "complete-action": ae
-            }, null, 8, ["modelValue", "rules", "name"])) : (n(), y("span", Zt, h(r.value.name), 1))
+              "onUpdate:modelValue": T[0] || (T[0] = (N) => g.value = N),
+              rules: z.customFileNameRules,
+              name: d.value.name,
+              "complete-action": ee
+            }, null, 8, ["modelValue", "rules", "name"])) : (n(), y("span", Zt, h(d.value.name), 1))
           ]),
-          m("span", Yt, "File type: " + h(r.value.type.split("/").pop()), 1),
-          m("span", Jt, "File size: " + h(p(ne)(r.value.size)), 1)
+          m("span", Yt, "File type: " + h(d.value.type.split("/").pop()), 1),
+          m("span", Jt, "File size: " + h(p(ne)(d.value.size)), 1)
         ]),
         m("div", Xt, [
           (n(), w(Gt, {
             key: b.value,
-            "file-size": r.value.size,
+            "file-size": d.value.size,
             "upload-status": b.value,
-            "bytes-uploaded": z.value,
-            "max-file-size": V.maxFileSize
+            "bytes-uploaded": V.value,
+            "max-file-size": z.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          b.value === "Not Uploaded" || b.value === "Failed" || b.value === "Duplicate" || b.value === "Aborted" ? (n(), w(M, {
+          b.value === "Not Uploaded" || b.value === "Failed" || b.value === "Duplicate" || b.value === "Aborted" ? (n(), w(P, {
             key: 0,
             link: "",
             onClick: Z
@@ -2701,19 +2726,19 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
             ]),
             _: 1
           })) : F("", !0),
-          b.value === "Uploading" ? (n(), w(M, {
+          b.value === "Uploading" ? (n(), w(P, {
             key: 1,
             link: "",
-            onClick: I[1] || (I[1] = (N) => D.value.value.abort())
+            onClick: T[1] || (T[1] = (N) => U.value.value.abort())
           }, {
             default: f(() => [
               v(p(C), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (n(), w(M, {
+          })) : (n(), w(P, {
             key: 2,
             link: "",
-            onClick: le,
+            onClick: te,
             id: "delete-button"
           }, {
             default: f(() => [
@@ -2725,7 +2750,7 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
       ], 8, Kt);
     };
   }
-}), ea = { class: "d-flex justify-content-end mt-1" }, ta = { id: "max-file-size" }, aa = /* @__PURE__ */ x({
+}), ea = { class: "d-flex justify-content-end mt-1" }, ta = { id: "max-file-size" }, aa = /* @__PURE__ */ $({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
@@ -2735,9 +2760,9 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
       m("div", ta, "Max file size: " + h(p(ne)(t.maxFileSize)), 1)
     ]));
   }
-}), la = { "data-cy": "file-uploader" }, oa = { key: 0 }, Ga = /* @__PURE__ */ x({
+}), la = { "data-cy": "file-uploader" }, oa = { key: 0 }, Ga = /* @__PURE__ */ $({
   __name: "ForgeFileUploader",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ H({
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: {},
@@ -2752,7 +2777,7 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = j(e, "modelValue"), l = e, a = (s) => {
+    const t = O(e, "modelValue"), l = e, a = (s) => {
       t.value = t.value.filter((o) => o.file != s);
     };
     return (s, o) => (n(), y("div", la, [
@@ -2769,16 +2794,16 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
           "onUpdate:modelValue": o[1] || (o[1] = (u) => t.value = u)
         }, {
           default: f(() => [
-            (n(!0), y(U, null, R(t.value, ({ file: u }, d) => (n(), y("span", null, [
+            (n(!0), y(D, null, E(t.value, ({ file: u }, r) => (n(), y("span", null, [
               (n(), w(Qt, B({
                 key: u.name,
-                class: d === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
-                file: t.value[d].file,
-                "onUpdate:file": (r) => t.value[d].file = r,
-                "blob-file-name": t.value[d].blobFileName,
-                "onUpdate:blobFileName": (r) => t.value[d].blobFileName = r,
-                "upload-status": t.value[d].status,
-                "onUpdate:uploadStatus": (r) => t.value[d].status = r
+                class: r === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
+                file: t.value[r].file,
+                "onUpdate:file": (d) => t.value[r].file = d,
+                "blob-file-name": t.value[r].blobFileName,
+                "onUpdate:blobFileName": (d) => t.value[r].blobFileName = d,
+                "upload-status": t.value[r].status,
+                "onUpdate:uploadStatus": (d) => t.value[r].status = d
               }, l, { onDeleted: a }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
             ]))), 256))
           ]),
@@ -2794,7 +2819,7 @@ const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disable
 export {
   Ia as Bootstrap_PT,
   Ta as ForgeActionButton,
-  te as ForgeAlert,
+  Q as ForgeAlert,
   De as ForgeCheckbox,
   Ra as ForgeChips,
   ct as ForgeDatepicker,
@@ -2804,10 +2829,10 @@ export {
   Oa as ForgeFormField,
   Ke as ForgeInlineEditor,
   ce as ForgeLoader,
-  Pa as ForgeModal,
+  Ma as ForgeModal,
   et as ForgeMultiSelect,
   Ua as ForgeMultiSelectPreview,
-  Ma as ForgeNavbar,
+  Pa as ForgeNavbar,
   Da as ForgePageHeader,
   vt as ForgeProgressBar,
   Aa as ForgeRemainingCharacters,