@3squared/forge-ui-3 0.5.0 → 0.5.2

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

@@ -1,6 +1,6 @@
 import fe from "primevue/message";
-import { defineComponent as $, openBlock as s, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as v, createElementVNode as m, normalizeClass as B, unref as c, createCommentVNode as F, createVNode as y, renderSlot as k, ref as T, createElementBlock as p, Fragment as D, mergeProps as C, onMounted as oe, computed as x, watch as ge, isRef as H, createTextVNode as P, toDisplayString as g, withDirectives as L, vShow as Y, mergeModels as q, useModel as R, createSlots as te, renderList as j, withKeys as J, useAttrs as de, withModifiers as G, normalizeStyle as he } from "vue";
-import { Icon as S } from "@iconify/vue";
+import { defineComponent as $, openBlock as s, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as v, createElementVNode as m, normalizeClass as B, unref as c, createCommentVNode as F, createVNode as y, renderSlot as k, ref as T, createElementBlock as p, Fragment as D, mergeProps as S, onMounted as oe, watch as ge, computed as x, isRef as H, createTextVNode as P, toDisplayString as g, withDirectives as L, vShow as Y, mergeModels as q, useModel as R, createSlots as te, renderList as j, withKeys as J, useAttrs as de, withModifiers as G, normalizeStyle as he } from "vue";
+import { Icon as C } from "@iconify/vue";
 import E from "primevue/button";
 import we from "primevue/toast";
 import xe from "primevue/checkbox";
@@ -816,7 +816,7 @@ const Ue = {
       };
     }
   }
-}, rl = {
+}, il = {
   ...Qe,
   ...Ue,
   ...ot,
@@ -869,7 +869,7 @@ const Ue = {
           m("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (s(), w(c(S), {
+            t.icon ? (s(), w(c(C), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -879,7 +879,7 @@ const Ue = {
           ], 2)
         ]),
         closeicon: v(() => [
-          y(c(S), { icon: "bi:x" })
+          y(c(C), { icon: "bi:x" })
         ]),
         default: v(() => [
           k(n.$slots, "default")
@@ -888,7 +888,7 @@ const Ue = {
       }, 16);
     };
   }
-}), dl = /* @__PURE__ */ $({
+}), rl = /* @__PURE__ */ $({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -907,9 +907,9 @@ const Ue = {
       t.value = !1;
     };
     return (l, o) => {
-      const r = E;
+      const i = E;
       return s(), p(D, null, [
-        y(r, C({ ...n, ...l.$attrs }, {
+        y(i, S({ ...n, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || n.disabled,
           onClick: a
@@ -918,10 +918,7 @@ const Ue = {
       ], 64);
     };
   }
-}), rt = {
-  class: "d-flex",
-  "data-cy": "checkbox-container"
-}, dt = /* @__PURE__ */ m("div", null, null, -1), ut = ["for"], me = /* @__PURE__ */ $({
+}), rt = /* @__PURE__ */ m("div", null, null, -1), dt = ["for"], me = /* @__PURE__ */ $({
   __name: "ForgeCheckbox",
   props: {
     label: { default: "" },
@@ -949,32 +946,35 @@ const Ue = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = t, a = e, { checked: l, handleChange: o, setValue: r, errors: u, errorMessage: b } = W(() => a.name ?? a.label, a.rules, {
+    const n = t, a = e, { checked: l, handleChange: o, setValue: i, errors: u, errorMessage: b } = W(() => a.name ?? a.label, a.rules, {
       type: "checkbox",
       checkedValue: !0
-    }), d = (i) => {
-      a.disabled || (o(i), n("update:modelValue", !a.modelValue));
+    }), d = (r) => {
+      a.disabled || (o(r), n("update:modelValue", !a.modelValue));
     };
     oe(() => {
-      a.value !== void 0 && a.value !== (l == null ? void 0 : l.value) ? r(a.value) : a.modelValue !== void 0 && a.modelValue !== (l == null ? void 0 : l.value) && r(a.modelValue);
+      a.value !== void 0 && a.value !== (l == null ? void 0 : l.value) ? i(a.value) : a.modelValue !== void 0 && a.modelValue !== (l == null ? void 0 : l.value) && i(a.modelValue);
+    }), ge(() => a.value, (r) => {
+      i(r);
     });
     const f = x(() => u.value.length > 0);
-    return ge(() => a.value, (i) => {
-      i !== (l == null ? void 0 : l.value) && r(i);
-    }), (i, h) => {
+    return (r, h) => {
       const _ = xe;
       return s(), p(D, null, [
-        m("div", rt, [
-          y(_, C({
+        m("div", S({
+          class: "d-flex",
+          "data-cy": "checkbox-container"
+        }, { ...r.$attrs }), [
+          y(_, S({
             id: a.name
-          }, { ...i.$attrs, ...a }, {
+          }, { ...a }, {
             modelValue: c(l),
             "onUpdate:modelValue": h[0] || (h[0] = (V) => H(l) ? l.value = V : null),
             "input-class": { "is-invalid": f.value },
             onChange: d
           }), {
             icon: v(() => [
-              dt
+              rt
             ]),
             _: 1
           }, 16, ["id", "modelValue", "input-class"]),
@@ -983,11 +983,11 @@ const Ue = {
             class: B(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
             onClick: d
           }, [
-            k(i.$slots, "default", {}, () => [
+            k(r.$slots, "default", {}, () => [
               P(g(a.label), 1)
             ])
-          ], 10, ut)
-        ]),
+          ], 10, dt)
+        ], 16),
         L(m("small", {
           "data-cy": "error",
           class: "text-invalid"
@@ -997,7 +997,7 @@ const Ue = {
       ], 64);
     };
   }
-}), ct = { class: "forge-loader" }, pe = /* @__PURE__ */ $({
+}), ut = { class: "forge-loader" }, pe = /* @__PURE__ */ $({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -1006,7 +1006,7 @@ const Ue = {
     const t = e;
     return (n, a) => {
       const l = ke;
-      return s(), p("div", ct, [
+      return s(), p("div", ut, [
         y(l, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
@@ -1014,7 +1014,7 @@ const Ue = {
       ]);
     };
   }
-}), mt = ["href", "target"], ul = /* @__PURE__ */ $({
+}), ct = ["href", "target"], dl = /* @__PURE__ */ $({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1055,7 +1055,7 @@ const Ue = {
       target: a.target
     }, [
       k(a.$slots, "default", {}, () => [
-        a.iconName ? (s(), w(c(S), {
+        a.iconName ? (s(), w(c(C), {
           key: 0,
           id: "link-icon",
           icon: a.iconName,
@@ -1063,10 +1063,10 @@ const Ue = {
         }, null, 8, ["icon", "class"])) : F("", !0),
         P(" " + g(a.label), 1)
       ])
-    ], 10, mt));
+    ], 10, ct));
   }
 });
-function pt(e) {
+function mt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1077,10 +1077,10 @@ function pt(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-const yt = { key: 0 }, vt = {
+const pt = { key: 0 }, yt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, cl = /* @__PURE__ */ $({
+}, ul = /* @__PURE__ */ $({
   __name: "ForgeModal",
   props: /* @__PURE__ */ q({
     cancelText: { default: "Cancel" },
@@ -1127,7 +1127,7 @@ const yt = { key: 0 }, vt = {
       hasError: !1,
       header: "",
       message: []
-    }), r = () => {
+    }), i = () => {
       n.value = !1;
     }, u = () => {
       n.value = !0;
@@ -1137,11 +1137,11 @@ const yt = { key: 0 }, vt = {
       if (a.onConfirm) {
         l.value = !0, o.value.hasError = !1;
         try {
-          const i = await a.onConfirm();
-          (i || i == null) && b();
-        } catch (i) {
+          const r = await a.onConfirm();
+          (r || r == null) && b();
+        } catch (r) {
           o.value.hasError = !0;
-          const h = pt(i);
+          const h = mt(r);
           o.value.header = h.errorMessage, o.value.message = h.errorDetails;
         }
         l.value = !1;
@@ -1154,15 +1154,15 @@ const yt = { key: 0 }, vt = {
         }
       ]
     }));
-    return (i, h) => {
+    return (r, h) => {
       const _ = E, V = _e;
-      return s(), w(V, C(a, {
+      return s(), w(V, S(a, {
         onMaximize: u,
-        onUnmaximize: r,
+        onUnmaximize: i,
         pt: f.value
       }), te({
         closeicon: v(() => [
-          y(c(S), {
+          y(c(C), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
@@ -1171,7 +1171,7 @@ const yt = { key: 0 }, vt = {
           })
         ]),
         maximizeicon: v(() => [
-          y(c(S), {
+          y(c(C), {
             "data-cy": "maximisable-icon",
             icon: n.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1180,7 +1180,7 @@ const yt = { key: 0 }, vt = {
         ]),
         _: 2
       }, [
-        j(i.$slots, (M, I) => ({
+        j(r.$slots, (M, I) => ({
           name: I,
           fn: v((z) => [
             o.value.hasError ? (s(), w(ae, {
@@ -1192,31 +1192,31 @@ const yt = { key: 0 }, vt = {
                 m("p", {
                   class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, g(o.value.header), 3),
-                o.value.message.length > 0 ? (s(), p("ul", yt, [
+                o.value.message.length > 0 ? (s(), p("ul", pt, [
                   (s(!0), p(D, null, j(o.value.message, (N) => (s(), p("li", { key: N }, g(N), 1))), 128))
                 ])) : F("", !0)
               ]),
               _: 1
             })) : F("", !0),
-            k(i.$slots, I, Q(ee(z || {}))),
-            l.value ? k(i.$slots, "loader", { key: 1 }, () => [
+            k(r.$slots, I, Q(ee(z || {}))),
+            l.value ? k(r.$slots, "loader", { key: 1 }, () => [
               y(pe, { "data-cy": "loader" })
             ]) : F("", !0)
           ])
         })),
-        i.showFooter ? {
+        r.showFooter ? {
           name: "footer",
           fn: v(() => [
-            m("div", vt, [
+            m("div", yt, [
               y(_, {
-                label: i.cancelText,
+                label: r.cancelText,
                 class: B(a.cancelClass),
                 outlined: "",
                 onClick: b,
                 id: "cancel-button"
               }, null, 8, ["label", "class"]),
               y(_, {
-                label: i.submitText,
+                label: r.submitText,
                 class: B([a.submitClass, "ms-auto"]),
                 onClick: d,
                 id: "submit-button"
@@ -1228,7 +1228,7 @@ const yt = { key: 0 }, vt = {
       ]), 1040, ["pt"]);
     };
   }
-}), bt = ["id"], ft = { key: 0 }, gt = { key: 0 }, ht = { class: "d-flex justify-content-between align-items-center position-relative" }, wt = { key: 1 }, xt = { "data-cy": "readonly-value" }, kt = /* @__PURE__ */ $({
+}), vt = ["id"], bt = { key: 0 }, ft = { key: 0 }, gt = { class: "d-flex justify-content-between align-items-center position-relative" }, ht = { key: 1 }, wt = { "data-cy": "readonly-value" }, xt = /* @__PURE__ */ $({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ q({
     name: { default: "" },
@@ -1247,10 +1247,10 @@ const yt = { key: 0 }, vt = {
     const t = e, n = R(e, "modelValue"), a = T(!1), l = T(), o = () => {
       var _;
       a.value = !a.value, (_ = l.value) == null || _.focus();
-    }, r = async () => {
+    }, i = async () => {
       if (h.value)
         return !1;
-      if (n.value = i.value, t.completeAction)
+      if (n.value = r.value, t.completeAction)
         try {
           await t.completeAction.apply(this, t.params), a.value = !a.value;
         } catch {
@@ -1261,10 +1261,10 @@ const yt = { key: 0 }, vt = {
     }, u = () => {
       a.value = !a.value;
     }, b = () => {
-      i.value = null;
-    }, { errorMessage: d, errors: f, value: i } = W(() => t.name, t.rules);
+      r.value = null;
+    }, { errorMessage: d, errors: f, value: r } = W(() => t.name, t.rules);
     oe(() => {
-      i.value = n.value;
+      r.value = n.value;
     });
     const h = x(() => f.value.length > 0);
     return (_, V) => {
@@ -1272,34 +1272,34 @@ const yt = { key: 0 }, vt = {
       return s(), p("div", {
         id: t.name
       }, [
-        _.readonly ? (s(), p("div", wt, [
+        _.readonly ? (s(), p("div", ht, [
           k(_.$slots, "default", {}, () => [
-            m("span", xt, g(c(i)), 1)
+            m("span", wt, g(c(r)), 1)
           ])
-        ])) : (s(), p("div", ft, [
-          a.value ? (s(), p("div", gt, [
-            L((s(), p("div", ht, [
+        ])) : (s(), p("div", bt, [
+          a.value ? (s(), p("div", ft, [
+            L((s(), p("div", gt, [
               k(_.$slots, "editor", {
                 class: B({ "is-invalid": h.value }),
-                editFinished: r,
+                editFinished: i,
                 cancel: u,
-                val: c(i)
+                val: c(r)
               }, () => [
                 y(M, {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
-                  modelValue: c(i),
-                  "onUpdate:modelValue": V[0] || (V[0] = (z) => H(i) ? i.value = z : null),
+                  modelValue: c(r),
+                  "onUpdate:modelValue": V[0] || (V[0] = (z) => H(r) ? r.value = z : null),
                   modelModifiers: { trim: !0 },
                   class: B({ "is-invalid": h.value }),
                   onKeydown: [
-                    J(r, ["enter"]),
+                    J(i, ["enter"]),
                     J(u, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              y(c(S), {
+              y(c(C), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: b,
@@ -1307,7 +1307,7 @@ const yt = { key: 0 }, vt = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c($e), r]
+              [c($e), i]
             ])
           ])) : (s(), p("div", {
             key: 1,
@@ -1319,14 +1319,14 @@ const yt = { key: 0 }, vt = {
               m("div", {
                 class: B(["pe-2 cursor-pointer", { "text-invalid": h.value }]),
                 "data-cy": "value"
-              }, g(c(i) ? c(i) : "Click to edit"), 3)
+              }, g(c(r) ? c(r) : "Click to edit"), 3)
             ]),
             y(I, {
               link: "",
               class: "p-0 m-0"
             }, {
               default: v(() => [
-                y(c(S), {
+                y(c(C), {
                   icon: "bi:pencil",
                   class: B(h.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
@@ -1343,10 +1343,10 @@ const yt = { key: 0 }, vt = {
         }, g(c(d)), 513), [
           [Y, h.value]
         ])
-      ], 8, bt);
+      ], 8, vt);
     };
   }
-}), _t = ["href"], ml = /* @__PURE__ */ $({
+}), kt = ["href"], cl = /* @__PURE__ */ $({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1392,7 +1392,7 @@ const yt = { key: 0 }, vt = {
     }));
     return (a, l) => {
       const o = Fe;
-      return s(), w(o, C({ ...t, ...a.$attrs }, {
+      return s(), w(o, S({ ...t, ...a.$attrs }, {
         pt: n.value,
         "data-cy": "navbar"
       }), te({
@@ -1405,11 +1405,11 @@ const yt = { key: 0 }, vt = {
             k(a.$slots, "logo", {}, () => [
               P(" Logo ")
             ])
-          ], 8, _t)
+          ], 8, kt)
         ]),
         menubuttonicon: v(() => [
           k(a.$slots, "menubuttonicon", {}, () => [
-            y(c(S), {
+            y(c(C), {
               icon: "bi:list",
               class: B(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
@@ -1419,7 +1419,7 @@ const yt = { key: 0 }, vt = {
         ]),
         _: 2
       }, [
-        j(a.$slots, (r, u) => ({
+        j(a.$slots, (i, u) => ({
           name: u,
           fn: v((b) => [
             k(a.$slots, u, Q(ee(b)))
@@ -1428,7 +1428,7 @@ const yt = { key: 0 }, vt = {
       ]), 1040, ["pt"]);
     };
   }
-}), $t = /* @__PURE__ */ m("div", { class: "ps-1" }, "Select all", -1), Ft = ["data-cy"], Bt = { class: "ps-1" }, St = { class: "multiselect__tag d-inline-flex" }, Ct = { class: "my-auto" }, Vt = /* @__PURE__ */ $({
+}), _t = /* @__PURE__ */ m("div", { class: "ps-1" }, "Select all", -1), $t = ["data-cy"], Ft = { class: "ps-1 w-100" }, Bt = { class: "multiselect__tag d-inline-flex" }, St = { class: "my-auto" }, Ct = /* @__PURE__ */ $({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1447,7 +1447,7 @@ const yt = { key: 0 }, vt = {
         $isDisabled: O.$isDisabled ?? !1
       };
       U(Z);
-    }, l = de(), o = t, { errors: r, value: u, errorMessage: b } = W(() => n.name, n.rules), d = T(!1), f = x(() => ({
+    }, l = de(), o = t, { errors: i, value: u, errorMessage: b } = W(() => n.name, n.rules), d = T(!1), f = x(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
@@ -1460,7 +1460,7 @@ const yt = { key: 0 }, vt = {
       searchable: !!(l.searchable === null || l.searchable) && l.modelValue.length === l.options.length,
       async: !1,
       ...l
-    })), i = x(() => `forge-multiselect-${n.severity}`), h = x(() => `multiselect__option ${d.value ? " multiselect__option--highlight" : ""} ${_.value ? " multiselect__option--selected" : ""}`), _ = x(() => f.value && !(f.value.multiple || !n.showSelectAll || f.value.async) ? !1 : l.modelValue.length === l.options.length), V = x(() => r.value.length > 0), M = x(() => !!((l.allowEmpty == null || l.allowEmpty) && n.showClearSelection && (f.value.multiple ? l.modelValue.length > 0 : l.modelValue))), I = () => d.value = !0, z = () => d.value = !1, N = () => {
+    })), r = x(() => `forge-multiselect-${n.severity}`), h = x(() => `multiselect__option ${d.value ? " multiselect__option--highlight" : ""} ${_.value ? " multiselect__option--selected" : ""}`), _ = x(() => f.value && !(f.value.multiple || !n.showSelectAll || f.value.async) ? !1 : l.modelValue.length === l.options.length), V = x(() => i.value.length > 0), M = x(() => !!((l.allowEmpty == null || l.allowEmpty) && n.showClearSelection && (f.value.multiple ? l.modelValue.length > 0 : l.modelValue))), I = () => d.value = !0, z = () => d.value = !1, N = () => {
       u.value = f.value.multiple ? [] : null, o("update:modelValue", u.value);
     }, le = (U) => {
       o("update:modelValue", n.selectValue ? U.map((O) => O[n.selectValue]) : U);
@@ -1470,8 +1470,8 @@ const yt = { key: 0 }, vt = {
     return (U, O) => {
       const Z = me;
       return s(), p(D, null, [
-        y(c(Be), C(f.value, {
-          class: [i.value, V.value ? "is-invalid" : ""],
+        y(c(Be), S(f.value, {
+          class: [r.value, V.value ? "is-invalid" : ""],
           "data-cy": "multiselect",
           "onUpdate:modelValue": [
             le,
@@ -1480,7 +1480,7 @@ const yt = { key: 0 }, vt = {
           modelValue: c(u)
         }), te({
           caret: v(({ toggle: A }) => [
-            M.value ? (s(), w(c(S), {
+            M.value ? (s(), w(c(C), {
               key: 0,
               icon: "bi:x",
               class: "my-auto multiselect__clear-icon",
@@ -1489,19 +1489,19 @@ const yt = { key: 0 }, vt = {
               height: "18px",
               width: "18px"
             })) : F("", !0),
-            y(c(S), {
+            y(c(C), {
               icon: "bi:chevron-down",
               onClick: A,
               class: "multiselect__select"
             }, null, 8, ["onClick"])
           ]),
           tag: v(({ option: A, remove: K }) => [
-            m("div", St, [
-              m("div", Ct, g(A.label), 1),
-              y(c(S), {
+            m("div", Bt, [
+              m("div", St, g(A.label), 1),
+              y(c(C), {
                 icon: "bi:x",
                 class: "my-auto multiselect__tag-icon",
-                onMousedown: G((Oa) => a(K, A), ["prevent", "stop"]),
+                onMousedown: G((za) => a(K, A), ["prevent", "stop"]),
                 height: "18px",
                 width: "18px"
               }, null, 8, ["onMousedown"])
@@ -1527,7 +1527,7 @@ const yt = { key: 0 }, vt = {
                 }, [
                   y(Z, { value: _.value }, {
                     default: v(() => [
-                      $t
+                      _t
                     ]),
                     _: 1
                   }, 8, ["value"])
@@ -1547,11 +1547,11 @@ const yt = { key: 0 }, vt = {
                   key: A
                 }, {
                   default: v(() => [
-                    m("div", Bt, g(A[f.value.label]), 1)
+                    m("div", Ft, g(A[f.value.label]), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))
-              ], 8, Ft)
+              ], 8, $t)
             ]),
             key: "1"
           } : void 0
@@ -1565,17 +1565,17 @@ const yt = { key: 0 }, vt = {
       ], 64);
     };
   }
-}), Tt = {
+}), Vt = {
   key: 0,
   class: "pl-1"
-}, Mt = { class: "border alternating-item-list" }, Pt = {
+}, Tt = { class: "border alternating-item-list" }, Mt = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, It = { class: "d-inline-block" }, zt = {
+}, Pt = { class: "d-inline-block" }, It = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, pl = /* @__PURE__ */ $({
+}, ml = /* @__PURE__ */ $({
   __name: "ForgeMultiSelectPreview",
   props: {
     title: { default: "Selected Items" },
@@ -1586,13 +1586,13 @@ const yt = { key: 0 }, vt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = de(), l = t, o = x(() => `${a.modelValue.length} selected`), r = x(() => a.modelValue.length), u = (d) => {
+    const n = e, a = de(), l = t, o = x(() => `${a.modelValue.length} selected`), i = x(() => a.modelValue.length), u = (d) => {
       l("update:modelValue", d);
     }, b = (d) => {
       u(a.modelValue.filter((f) => f.id !== d));
     };
     return (d, f) => {
-      const i = E;
+      const r = E;
       return s(), p("div", {
         class: B(d.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
@@ -1601,7 +1601,7 @@ const yt = { key: 0 }, vt = {
           class: B(d.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          y(Vt, {
+          y(Ct, {
             "onUpdate:modelValue": [
               f[0] || (f[0] = (h) => u(h)),
               f[1] || (f[1] = (h) => d.$attrs.modelValue = h)
@@ -1614,7 +1614,7 @@ const yt = { key: 0 }, vt = {
               P(g(""))
             ]),
             selection: v(() => [
-              d.$attrs.modelValue.length > 0 ? (s(), p("span", Tt, g(r.value) + " items selected", 1)) : F("", !0)
+              d.$attrs.modelValue.length > 0 ? (s(), p("span", Vt, g(i.value) + " items selected", 1)) : F("", !0)
             ]),
             default: v(() => [
               (s(!0), p(D, null, j(d.$slots, (h, _) => k(d.$slots, _, { slot: _ })), 256))
@@ -1631,23 +1631,23 @@ const yt = { key: 0 }, vt = {
             style: he({ height: d.height }),
             class: "overflow-auto"
           }, [
-            m("div", Mt, [
-              d.title ? (s(), p("div", Pt, g(d.title), 1)) : F("", !0),
+            m("div", Tt, [
+              d.title ? (s(), p("div", Mt, g(d.title), 1)) : F("", !0),
               (s(!0), p(D, null, j(d.$attrs.modelValue, (h) => (s(), p("div", {
                 key: h.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 k(d.$slots, "list-item", { item: h }, () => [
-                  m("span", It, g(h.shortLabel ? h.shortLabel : h.label), 1)
+                  m("span", Pt, g(h.shortLabel ? h.shortLabel : h.label), 1)
                 ]),
-                d.canRemoveItemFromPreview ? (s(), w(i, {
+                d.canRemoveItemFromPreview ? (s(), w(r, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
                   onClick: (_) => b(h.id)
                 }, {
                   default: v(() => [
-                    y(c(S), {
+                    y(c(C), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${h.id}`
@@ -1656,34 +1656,34 @@ const yt = { key: 0 }, vt = {
                   _: 2
                 }, 1032, ["onClick"])) : F("", !0)
               ]))), 128)),
-              d.$attrs.modelValue.length === 0 ? (s(), p("div", zt, "No Items Selected.")) : F("", !0)
+              d.$attrs.modelValue.length === 0 ? (s(), p("div", It, "No Items Selected.")) : F("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), Ot = { class: "d-flex justify-content-between pb-2" }, Dt = {
+}), zt = { class: "d-flex justify-content-between pb-2" }, Ot = {
   "data-cy": "title",
   class: "h3"
-}, Ut = {
+}, Dt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, yl = /* @__PURE__ */ $({
+}, pl = /* @__PURE__ */ $({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (n, a) => (s(), p("div", Ot, [
-      m("h1", Dt, g(t.title), 1),
-      m("div", Ut, [
+    return (n, a) => (s(), p("div", zt, [
+      m("h1", Ot, g(t.title), 1),
+      m("div", Dt, [
         k(n.$slots, "default")
       ])
     ]));
   }
-}), At = { "data-cy": "before-slot" }, Nt = { class: "position-relative" }, Et = { "data-cy": "after-slot" }, Rt = /* @__PURE__ */ $({
+}), Ut = { "data-cy": "before-slot" }, At = { class: "position-relative" }, Nt = { "data-cy": "after-slot" }, Et = /* @__PURE__ */ $({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ q({
     severity: { default: "primary" },
@@ -1848,26 +1848,26 @@ const yt = { key: 0 }, vt = {
         ]
       })
     }));
-    return (o, r) => {
+    return (o, i) => {
       const u = Se;
       return s(), p(D, null, [
-        m("span", At, [
+        m("span", Ut, [
           k(o.$slots, "before")
         ]),
-        m("div", Nt, [
-          y(u, C({ ...t, ...o.$attrs }, {
+        m("div", At, [
+          y(u, S({ ...t, ...o.$attrs }, {
             pt: l.value,
             modelValue: n.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (b) => n.value = b)
+            "onUpdate:modelValue": i[0] || (i[0] = (b) => n.value = b)
           }), null, 16, ["pt", "modelValue"]),
-          L(y(c(S), {
+          L(y(c(C), {
             "data-cy": "icon",
             icon: "bi:calendar4",
             class: "position-absolute end-0 top-50 bottom-50 my-auto me-2 text-muted"
           }, null, 512), [
             [Y, t.showIcon]
           ]),
-          L(y(c(S), {
+          L(y(c(C), {
             "data-cy": "icon",
             icon: "bi:x",
             onClick: a,
@@ -1876,13 +1876,13 @@ const yt = { key: 0 }, vt = {
             [Y, t.modelValue]
           ])
         ]),
-        m("span", Et, [
+        m("span", Nt, [
           k(o.$slots, "after")
         ])
       ], 64);
     };
   }
-}), vl = /* @__PURE__ */ $({
+}), yl = /* @__PURE__ */ $({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -1894,7 +1894,7 @@ const yt = { key: 0 }, vt = {
       class: B(n.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + g(n.value), 3));
   }
-}), Lt = /* @__PURE__ */ m("hr", null, null, -1), jt = { class: "d-flex justify-content-between" }, bl = /* @__PURE__ */ $({
+}), Rt = /* @__PURE__ */ m("hr", null, null, -1), Lt = { class: "d-flex justify-content-between" }, vl = /* @__PURE__ */ $({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1919,9 +1919,9 @@ const yt = { key: 0 }, vt = {
       }
       n.value = !1;
     }
-    return (o, r) => {
+    return (o, i) => {
       const u = E;
-      return s(), p("form", C(o.$attrs, {
+      return s(), p("form", S(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: G(l, ["prevent"])
@@ -1933,7 +1933,7 @@ const yt = { key: 0 }, vt = {
               "data-cy": "form-title"
             }, g(o.title), 3)
           ]),
-          Lt
+          Rt
         ], 64)),
         a.value.hasError ? (s(), w(ae, {
           key: 1,
@@ -1950,7 +1950,7 @@ const yt = { key: 0 }, vt = {
           _: 3
         })) : F("", !0),
         k(o.$slots, "default"),
-        m("div", jt, [
+        m("div", Lt, [
           k(o.$slots, "cancel", {}, () => [
             o.hideCancel ? F("", !0) : (s(), w(u, {
               key: 0,
@@ -1958,7 +1958,7 @@ const yt = { key: 0 }, vt = {
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: r[0] || (r[0] = (b) => o.$emit("cancel"))
+              onClick: i[0] || (i[0] = (b) => o.$emit("cancel"))
             }, {
               default: v(() => [
                 P(g(o.cancelText), 1)
@@ -1987,7 +1987,7 @@ const yt = { key: 0 }, vt = {
       ], 16);
     };
   }
-}), Ht = { class: "d-flex flex-column" }, Yt = ["for"], fl = /* @__PURE__ */ $({
+}), jt = { class: "d-flex flex-column" }, Ht = ["for"], bl = /* @__PURE__ */ $({
   __name: "ForgeFormField",
   props: {
     name: {},
@@ -1999,49 +1999,49 @@ const yt = { key: 0 }, vt = {
   },
   setup(e) {
     const t = e, { errors: n, value: a, errorMessage: l } = W(() => t.name, t.rules), o = x(() => n.value.length > 0);
-    return (r, u) => {
+    return (i, u) => {
       const b = Ve, d = Ce, f = ne;
-      return s(), p("div", Ht, [
+      return s(), p("div", jt, [
         t.type !== "checkbox" ? (s(), p("label", {
           key: 0,
           for: t.name
-        }, g(t.label), 9, Yt)) : F("", !0),
-        t.type === "checkbox" ? (s(), w(me, C({
+        }, g(t.label), 9, Ht)) : F("", !0),
+        t.type === "checkbox" ? (s(), w(me, S({
           key: 1,
           id: t.name,
-          rules: r.rules,
+          rules: i.rules,
           label: t.label
-        }, r.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (s(), w(c(ue), C({
+        }, i.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (s(), w(c(ue), S({
           key: 2,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: c(a),
-          "onUpdate:modelValue": u[0] || (u[0] = (i) => H(a) ? a.value = i : null),
+          "onUpdate:modelValue": u[0] || (u[0] = (r) => H(a) ? a.value = r : null),
           "input-class": { "is-invalid": o.value },
           class: { "is-invalid": o.value }
-        }, r.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (s(), w(b, C({
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (s(), w(b, S({
           key: 3,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: c(a),
-          "onUpdate:modelValue": u[1] || (u[1] = (i) => H(a) ? a.value = i : null),
+          "onUpdate:modelValue": u[1] || (u[1] = (r) => H(a) ? a.value = r : null),
           class: { "is-invalid": o.value }
-        }, r.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (s(), w(d, C({
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (s(), w(d, S({
           key: 4,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: c(a),
-          "onUpdate:modelValue": u[2] || (u[2] = (i) => H(a) ? a.value = i : null),
+          "onUpdate:modelValue": u[2] || (u[2] = (r) => H(a) ? a.value = r : null),
           mask: t.mask,
           class: { "is-invalid": o.value }
-        }, r.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (s(), w(f, C({
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (s(), w(f, S({
           key: 5,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: c(a),
-          "onUpdate:modelValue": u[3] || (u[3] = (i) => H(a) ? a.value = i : null),
+          "onUpdate:modelValue": u[3] || (u[3] = (r) => H(a) ? a.value = r : null),
           class: { "is-invalid": o.value }
-        }, r.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
         t.type !== "checkbox" ? L((s(), p("small", {
           key: 6,
           "data-cy": "error",
@@ -2052,7 +2052,7 @@ const yt = { key: 0 }, vt = {
       ]);
     };
   }
-}), gl = /* @__PURE__ */ $({
+}), fl = /* @__PURE__ */ $({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -2082,7 +2082,7 @@ const yt = { key: 0 }, vt = {
   setup(e) {
     const t = e, { errors: n, value: a, errorMessage: l } = W(() => t.name, t.rules);
     a.value = t.modelValue;
-    const o = x(() => n.value.length > 0), r = x(() => ({
+    const o = x(() => n.value.length > 0), i = x(() => ({
       inputtoken: "list-unstyled",
       input: "border-0",
       container: ({ props: u }) => ({
@@ -2116,13 +2116,13 @@ const yt = { key: 0 }, vt = {
     return (u, b) => {
       const d = Te;
       return s(), p(D, null, [
-        y(d, C({ ...t, ...u.$attrs }, {
-          pt: r.value,
+        y(d, S({ ...t, ...u.$attrs }, {
+          pt: i.value,
           "model-value": c(a),
           "onUpdate:modelValue": b[0] || (b[0] = (f) => H(a) ? a.value = f : null)
         }), {
           removetokenicon: v(({ removeCallback: f }) => [
-            L(y(c(S), {
+            L(y(c(C), {
               icon: "bi:x",
               class: "cursor-pointer",
               onClick: f
@@ -2141,7 +2141,7 @@ const yt = { key: 0 }, vt = {
       ], 64);
     };
   }
-}), qt = /* @__PURE__ */ $({
+}), Yt = /* @__PURE__ */ $({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2183,17 +2183,17 @@ const yt = { key: 0 }, vt = {
         class: [l.value, n.value, a.value]
       }
     }));
-    return (r, u) => {
+    return (i, u) => {
       const b = Me;
-      return s(), w(b, C({ ...r.$attrs, ...t }, { pt: o.value }), {
+      return s(), w(b, S({ ...i.$attrs, ...t }, { pt: o.value }), {
         default: v(() => [
-          k(r.$slots, "default")
+          k(i.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), Gt = { class: "value text-light w-100 text-center" }, hl = /* @__PURE__ */ $({
+}), qt = { class: "value text-white w-100 text-center" }, gl = /* @__PURE__ */ $({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2201,18 +2201,18 @@ const yt = { key: 0 }, vt = {
   },
   setup(e) {
     const t = e;
-    return (n, a) => (s(), p("div", C(n.$attrs, {
+    return (n, a) => (s(), p("div", S(n.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", Gt, [
+      m("span", qt, [
         k(n.$slots, "default")
       ])
     ], 16));
   }
-}), Kt = {
+}), Gt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, Wt = { class: "d-flex align-items-center justify-content-center w-100" }, wl = /* @__PURE__ */ $({
+}, Kt = { class: "d-flex align-items-center justify-content-center w-100" }, hl = /* @__PURE__ */ $({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2233,7 +2233,7 @@ const yt = { key: 0 }, vt = {
         l.value--;
       while (a.model[l.value].disabled);
       n("update:currentStep", l.value);
-    }, r = () => {
+    }, i = () => {
       if (l.value < a.model.length - 1)
         do
           l.value++;
@@ -2279,10 +2279,10 @@ const yt = { key: 0 }, vt = {
       })
     }));
     return (d, f) => {
-      const i = E, h = Ie, _ = Pe;
-      return s(), p("div", Kt, [
-        m("div", Wt, [
-          y(i, {
+      const r = E, h = Ie, _ = Pe;
+      return s(), p("div", Gt, [
+        m("div", Kt, [
+          y(r, {
             severity: a.severity,
             disabled: u.value,
             onClick: o,
@@ -2290,7 +2290,7 @@ const yt = { key: 0 }, vt = {
             "data-cy": "back-button"
           }, {
             default: v(() => [
-              y(c(S), {
+              y(c(C), {
                 icon: "bi:chevron-left",
                 class: "mb-1"
               })
@@ -2312,7 +2312,7 @@ const yt = { key: 0 }, vt = {
         }, [
           M === l.value ? k(d.$slots, V.key ?? V.label, {
             key: 0,
-            nextStep: r,
+            nextStep: i,
             previousStep: o
           }, () => [
             y(ae, {
@@ -2321,10 +2321,10 @@ const yt = { key: 0 }, vt = {
             }, {
               default: v(() => [
                 P(" Please add Slot Content for the key " + g(V.key ?? V.label) + " ", 1),
-                y(i, {
+                y(r, {
                   severity: "primary",
                   label: "Next",
-                  onClick: r,
+                  onClick: i,
                   class: "ms-2"
                 })
               ]),
@@ -2335,7 +2335,7 @@ const yt = { key: 0 }, vt = {
       ]);
     };
   }
-}), Zt = { class: "p-4 text-wrap w-100" }, Jt = { class: "p-4 text-wrap w-100" }, xl = /* @__PURE__ */ $({
+}), Wt = { class: "p-4 text-wrap w-100" }, Zt = { class: "p-4 text-wrap w-100" }, wl = /* @__PURE__ */ $({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2345,8 +2345,8 @@ const yt = { key: 0 }, vt = {
   setup(e) {
     const t = e, n = x(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = x(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
     return (l, o) => {
-      const r = E;
-      return t.clickable ? (s(), w(r, {
+      const i = E;
+      return t.clickable ? (s(), w(i, {
         key: 0,
         class: B(["d-flex w-100 p-0 text-body", n.value]),
         severity: t.severity,
@@ -2354,7 +2354,7 @@ const yt = { key: 0 }, vt = {
         "data-cy": "button-tile"
       }, {
         default: v(() => [
-          m("div", Zt, [
+          m("div", Wt, [
             k(l.$slots, "default", {}, () => [
               P("Tile Content")
             ])
@@ -2366,7 +2366,7 @@ const yt = { key: 0 }, vt = {
         class: B(["d-flex w-100", a.value]),
         "data-cy": "tile"
       }, [
-        m("div", Jt, [
+        m("div", Zt, [
           k(l.$slots, "default", {}, () => [
             P("Tile Content")
           ])
@@ -2378,13 +2378,13 @@ const yt = { key: 0 }, vt = {
 function X(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const Xt = {
+const Jt = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, Qt = { class: "ms-2" }, ea = { key: 0 }, ta = /* @__PURE__ */ m("span", { class: "mx-2" }, "|", -1), aa = {
+}, Xt = { class: "ms-2" }, Qt = { key: 0 }, ea = /* @__PURE__ */ m("span", { class: "mx-2" }, "|", -1), ta = {
   class: "w-auto",
   "data-cy": "total"
-}, la = /* @__PURE__ */ $({
+}, aa = /* @__PURE__ */ $({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2393,31 +2393,31 @@ const Xt = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const n = t, a = e, l = (r) => {
-      n("update:perPage", r.value);
+    const n = t, a = e, l = (i) => {
+      n("update:perPage", i.value);
     }, o = x(() => {
-      const r = Math.ceil(a.total / a.perPage);
-      return `${r} ${X(r, "page")}`;
+      const i = Math.ceil(a.total / a.perPage);
+      return `${i} ${X(i, "page")}`;
     });
-    return (r, u) => (s(), p("div", Xt, [
+    return (i, u) => (s(), p("div", Jt, [
       P(" Number of results per page "),
-      m("div", Qt, [
+      m("div", Xt, [
         y(c(se), {
           options: a.pageSizes,
           "model-value": a.perPage,
           onChange: u[0] || (u[0] = (b) => l(b))
         }, null, 8, ["options", "model-value"])
       ]),
-      a.total ? (s(), p("div", ea, [
-        ta,
-        m("span", aa, g(a.total) + " " + g(c(X)(a.total, "result")) + " across " + g(o.value), 1)
+      a.total ? (s(), p("div", Qt, [
+        ea,
+        m("span", ta, g(a.total) + " " + g(c(X)(a.total, "result")) + " across " + g(o.value), 1)
       ])) : F("", !0)
     ]));
   }
-}), oa = { "data-cy": "above-table-slot" }, na = { class: "d-flex" }, sa = { class: "d-flex align-items-end mb-2" }, ia = { key: 0 }, ra = { class: "ms-auto" }, da = {
+}), la = { "data-cy": "above-table-slot" }, oa = { class: "d-flex" }, na = { class: "d-flex align-items-end mb-2" }, sa = { key: 0 }, ia = { class: "ms-auto" }, ra = {
   class: "d-flex",
   "data-cy": "legacy-page-size"
-}, ua = /* @__PURE__ */ m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), ca = { "data-cy": "legacy-total" }, kl = /* @__PURE__ */ $({
+}, da = /* @__PURE__ */ m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), ua = { "data-cy": "legacy-total" }, xl = /* @__PURE__ */ $({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2496,53 +2496,53 @@ const Xt = {
   },
   emits: ["update:filters"],
   setup(e, { emit: t }) {
-    const n = t, a = e, l = T([10, 20, 50, 100]), o = T(20), r = T(), u = () => {
-      for (const i in a.filters)
-        a.filters[i].value = null;
+    const n = t, a = e, l = T([10, 20, 50, 100]), o = T(20), i = T(), u = () => {
+      for (const r in a.filters)
+        a.filters[r].value = null;
       b(a.filters);
-    }, b = (i) => {
-      n("update:filters", i);
+    }, b = (r) => {
+      n("update:filters", r);
     }, d = x(() => {
-      const i = Math.ceil((a.total ?? a.value.length) / o.value);
-      return `${i} ${X(i, "page")}`;
+      const r = Math.ceil((a.total ?? a.value.length) / o.value);
+      return `${r} ${X(r, "page")}`;
     }), f = () => {
-      r.value.exportCSV();
+      i.value.exportCSV();
     };
-    return (i, h) => (s(), p(D, null, [
-      m("span", oa, [
-        k(i.$slots, "above-table")
+    return (r, h) => (s(), p(D, null, [
+      m("span", la, [
+        k(r.$slots, "above-table")
       ]),
-      y(c(ze), C({ class: "w-100" }, { ...a, ...i.$attrs }, {
+      y(c(ze), S({ class: "w-100" }, { ...a, ...r.$attrs }, {
         rows: o.value,
-        "total-records": i.total,
+        "total-records": r.total,
         "filter-display": a.filters ? "row" : void 0,
         ref_key: "forgeTable",
-        ref: r,
+        ref: i,
         "onUpdate:filters": b,
         "data-cy": "table"
       }), te({
         header: v(() => [
-          m("div", na, [
-            m("div", sa, [
-              i.paginator && !i.legacyPaginationFooter ? (s(), p("span", ia, [
-                y(la, {
-                  total: i.total ?? i.value.length,
+          m("div", oa, [
+            m("div", na, [
+              r.paginator && !r.legacyPaginationFooter ? (s(), p("span", sa, [
+                y(aa, {
+                  total: r.total ?? r.value.length,
                   "page-sizes": l.value,
                   "per-page": o.value,
                   "onUpdate:perPage": h[0] || (h[0] = (_) => o.value = _)
                 }, null, 8, ["total", "page-sizes", "per-page"])
               ])) : F("", !0)
             ]),
-            m("div", ra, [
-              i.showClearButton ? (s(), w(c(E), {
+            m("div", ia, [
+              r.showClearButton ? (s(), w(c(E), {
                 key: 0,
                 outlined: "",
-                class: B(i.showExporterButton ? "me-2" : ""),
+                class: B(r.showExporterButton ? "me-2" : ""),
                 onClick: u,
                 "data-cy": "clear-all"
               }, {
                 default: v(() => [
-                  y(c(S), {
+                  y(c(C), {
                     icon: "bi:funnel-fill",
                     width: "24",
                     height: "24"
@@ -2551,14 +2551,14 @@ const Xt = {
                 ]),
                 _: 1
               }, 8, ["class"])) : F("", !0),
-              i.showExporterButton ? (s(), w(c(E), {
+              r.showExporterButton ? (s(), w(c(E), {
                 key: 1,
                 outlined: "",
                 onClick: f,
                 "data-cy": "exporter"
               }, {
                 default: v(() => [
-                  y(c(S), {
+                  y(c(C), {
                     icon: "typcn:export",
                     width: "24",
                     height: "24"
@@ -2571,21 +2571,21 @@ const Xt = {
           ])
         ]),
         default: v(() => [
-          k(i.$slots, "default")
+          k(r.$slots, "default")
         ]),
         _: 2
       }, [
-        j(i.$slots, (_, V) => ({
+        j(r.$slots, (_, V) => ({
           name: V,
           fn: v((M) => [
-            k(i.$slots, V, Q(ee(M || {})))
+            k(r.$slots, V, Q(ee(M || {})))
           ])
         })),
-        i.legacyPaginationFooter ? {
+        r.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: v(() => [
-            m("span", da, [
-              ua,
+            m("span", ra, [
+              da,
               y(c(se), {
                 options: l.value,
                 modelValue: o.value,
@@ -2596,17 +2596,17 @@ const Xt = {
           ]),
           key: "0"
         } : void 0,
-        i.legacyPaginationFooter ? {
+        r.legacyPaginationFooter ? {
           name: "paginatorend",
           fn: v(() => [
-            m("span", ca, g(i.total ?? i.value.length) + " " + g(c(X)(i.total ?? i.value.length, "result")) + " across " + g(d.value), 1)
+            m("span", ua, g(r.total ?? r.value.length) + " " + g(c(X)(r.total ?? r.value.length, "result")) + " across " + g(d.value), 1)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["rows", "total-records", "filter-display"])
     ], 64));
   }
-}), _l = /* @__PURE__ */ $({
+}), kl = /* @__PURE__ */ $({
   __name: "ForgeFilterHeader",
   props: {
     dataType: {},
@@ -2615,36 +2615,36 @@ const Xt = {
   setup(e) {
     return (t, n) => {
       const a = ue;
-      return t.dataType === "numeric" ? (s(), w(a, C({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), w(Rt, C({ key: 1 }, t.$attrs, {
+      return t.dataType === "numeric" ? (s(), w(a, S({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), w(Et, S({ key: 1 }, t.$attrs, {
         "show-icon": !1,
         "show-on-focus": !0,
         class: "w-100"
-      }), null, 16)) : t.dataType === "select" ? (s(), w(c(se), C({ key: 2 }, t.$attrs, {
+      }), null, 16)) : t.dataType === "select" ? (s(), w(c(se), S({ key: 2 }, t.$attrs, {
         options: t.dropdownOptions,
         class: "dropdown-input w-100"
-      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), w(c(Oe), C({ key: 3 }, t.$attrs, {
+      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), w(c(Oe), S({ key: 3 }, t.$attrs, {
         options: t.dropdownOptions,
         showToggleAll: !1,
         placeholder: " ",
         filter: "",
         class: "w-100 dropdown-input"
-      }), null, 16, ["options"])) : (s(), w(c(ne), C({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
+      }), null, 16, ["options"])) : (s(), w(c(ne), S({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
     };
   }
 });
 function ye(e, t, n, a) {
   const l = t.flatMap((o) => o.file);
   return t = t.map((o) => ({ ...o, status: o.status == "Duplicate" ? "Not Uploaded" : o.status })), e.forEach((o) => {
-    const r = l.findIndex((b) => b.name === o.name);
+    const i = l.findIndex((b) => b.name === o.name);
     let u = "Not Uploaded";
-    r === -1 ? ((!n.includes(o.type) || !(o.size <= a)) && (u = n.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+    i === -1 ? ((!n.includes(o.type) || !(o.size <= a)) && (u = n.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
       file: o,
       status: u,
       blobFileName: null
-    })) : t[r].status = "Duplicate";
+    })) : t[i].status = "Duplicate";
   }), t;
 }
-async function ma(e, t) {
+async function ca(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new ce(t).delete();
@@ -2661,19 +2661,19 @@ function ie(e, t = !0, n = 1) {
     return e + " B";
   const l = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
   let o = -1;
-  const r = 10 ** n;
+  const i = 10 ** n;
   do
     e /= a, ++o;
-  while (Math.round(Math.abs(e) * r) / r >= a && o < l.length - 1);
+  while (Math.round(Math.abs(e) * i) / i >= a && o < l.length - 1);
   return e.toFixed(n) + " " + l[o];
 }
-function pa(e) {
+function ma(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function ya(e) {
+function pa(e) {
   return URL.createObjectURL(e);
 }
-const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disabled", "multiple"], fa = /* @__PURE__ */ $({
+const ya = { class: "d-flex justify-content-between" }, va = ["accept", "disabled", "multiple"], ba = /* @__PURE__ */ $({
   __name: "UploadButton",
   props: /* @__PURE__ */ q({
     acceptedFileTypes: {},
@@ -2688,7 +2688,7 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
     const t = R(e, "modelValue"), n = x(() => e.maxFileInput <= t.value.length), a = (l) => {
       t.value = ye(l, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
-    return (l, o) => (s(), p("div", va, [
+    return (l, o) => (s(), p("div", ya, [
       k(l.$slots, "message"),
       m("div", null, [
         m("input", {
@@ -2698,15 +2698,15 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
           accept: l.acceptedFileTypes.join(", "),
           disabled: n.value,
           multiple: l.maxFileInput > 1,
-          onInput: o[0] || (o[0] = (r) => a([...r.target.files]))
-        }, null, 40, ba),
+          onInput: o[0] || (o[0] = (i) => a([...i.target.files]))
+        }, null, 40, va),
         m("label", {
           class: B([{ disabled: n.value }, "btn btn-primary"]),
           id: "file-input-button",
           for: "file-input"
         }, [
           k(l.$slots, "button-content", {}, () => [
-            y(c(S), {
+            y(c(C), {
               icon: "bi:upload",
               class: "me-2",
               height: "20px",
@@ -2720,17 +2720,17 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
         class: "ms-auto",
         key: l.acceptedFileTypes.length,
         id: "accepted-file-types"
-      }, "Accepted File Types: " + g(l.acceptedFileTypes.map((r) => r.split("/").pop()).join(", ")), 1)) : F("", !0)
+      }, "Accepted File Types: " + g(l.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
     ]));
   }
-}), ga = {
+}), fa = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, ha = {
+}, ga = {
   key: 1,
   class: "d-flex flex-column"
-}, wa = /* @__PURE__ */ $({
+}, ha = /* @__PURE__ */ $({
   __name: "DragDropArea",
   props: /* @__PURE__ */ q({
     maxFileInput: {},
@@ -2745,27 +2745,27 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
     const t = R(e, "modelValue"), n = T(!1), a = x(() => e.maxFileInput <= t.value.length), l = (o) => {
       n.value = !1, o.dataTransfer.files.length > e.maxFileInput || a.value ? o.preventDefault() : t.value = ye([...o.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
-    return (o, r) => (s(), p("div", {
+    return (o, i) => (s(), p("div", {
       id: "drag-drop-area",
       class: B(`${n.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
-      onDragleave: r[0] || (r[0] = G((u) => n.value = !1, ["prevent"])),
-      onDragover: r[1] || (r[1] = G((u) => n.value = !0, ["prevent"])),
+      onDragleave: i[0] || (i[0] = G((u) => n.value = !1, ["prevent"])),
+      onDragover: i[1] || (i[1] = G((u) => n.value = !0, ["prevent"])),
       onDrop: G(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (s(), p("div", ga, [
-        y(c(S), {
+      t.value.length === 0 ? (s(), p("div", fa, [
+        y(c(C), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
         P(" Drag and drop files here ")
-      ])) : (s(), p("div", ha, [
+      ])) : (s(), p("div", ga, [
         k(o.$slots, "default")
       ]))
     ], 34));
   }
-}), xa = { class: "d-flex align-items-center me-2" }, ka = /* @__PURE__ */ $({
+}), wa = { class: "d-flex align-items-center me-2" }, xa = /* @__PURE__ */ $({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -2790,8 +2790,8 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (a, l) => (s(), p("div", xa, [
-      a.uploadStatus === "Uploading" ? (s(), w(qt, {
+    return (a, l) => (s(), p("div", wa, [
+      a.uploadStatus === "Uploading" ? (s(), w(Yt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
@@ -2815,16 +2815,16 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
       }, 8, ["severity"])) : F("", !0)
     ]));
   }
-}), _a = ["data-cy"], $a = { class: "ms-3 d-flex flex-column" }, Fa = {
+}), ka = ["data-cy"], _a = { class: "ms-3 d-flex flex-column" }, $a = {
   key: 1,
   id: "file-name"
-}, Ba = {
+}, Fa = {
   class: "text-black-50",
   id: "file-type"
-}, Sa = {
+}, Ba = {
   class: "text-black-50",
   id: "file-size"
-}, Ca = { class: "ms-auto my-auto d-flex" }, Va = /* @__PURE__ */ $({
+}, Sa = { class: "ms-auto my-auto d-flex" }, Ca = /* @__PURE__ */ $({
   __name: "FileInfo",
   props: /* @__PURE__ */ q({
     editableFileName: { type: Boolean },
@@ -2843,10 +2843,10 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
   }),
   emits: /* @__PURE__ */ q(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const n = R(e, "file"), a = R(e, "blobFileName"), l = R(e, "uploadStatus"), o = t, r = T(n.value.name), u = T(""), b = T(0), d = T(), f = x(() => e.acceptedFileTypes.includes(n.value.type)), i = x(() => n.value.size <= e.maxFileSize), h = () => {
-      n.value = new File([n.value], r.value, { type: n.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
+    const n = R(e, "file"), a = R(e, "blobFileName"), l = R(e, "uploadStatus"), o = t, i = T(n.value.name), u = T(""), b = T(0), d = T(), f = x(() => e.acceptedFileTypes.includes(n.value.type)), r = x(() => n.value.size <= e.maxFileSize), h = () => {
+      n.value = new File([n.value], i.value, { type: n.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, _ = async () => {
-      if (!f.value || !i.value) {
+      if (!f.value || !r.value) {
         l.value = f.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
@@ -2872,7 +2872,7 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
         l.value = "Failed";
       }
     }, V = async () => {
-      await ma(l.value, u.value), o("deleted", n.value);
+      await ca(l.value, u.value), o("deleted", n.value);
     };
     return oe(() => {
       e.autoUploadToBlob && _();
@@ -2883,15 +2883,15 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
         "data-cy": `file-info-${n.value.name}`
       }, [
         m("div", null, [
-          c(pa)(n.value.type) ? (s(), w(c(De), {
+          c(ma)(n.value.type) ? (s(), w(c(De), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(ya)(n.value),
+            src: c(pa)(n.value),
             alt: n.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (s(), w(c(S), {
+          }, null, 8, ["src", "alt"])) : (s(), w(c(C), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -2899,23 +2899,23 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", $a, [
+        m("div", _a, [
           m("div", null, [
-            M.editableFileName ? (s(), w(kt, {
+            M.editableFileName ? (s(), w(xt, {
               key: 0,
               id: "edit-file-name",
-              modelValue: r.value,
-              "onUpdate:modelValue": I[0] || (I[0] = (N) => r.value = N),
+              modelValue: i.value,
+              "onUpdate:modelValue": I[0] || (I[0] = (N) => i.value = N),
               rules: M.customFileNameRules,
               name: n.value.name,
               "complete-action": h
-            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", Fa, g(n.value.name), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", $a, g(n.value.name), 1))
           ]),
-          m("span", Ba, "File type: " + g(n.value.type.split("/").pop()), 1),
-          m("span", Sa, "File size: " + g(c(ie)(n.value.size)), 1)
+          m("span", Fa, "File type: " + g(n.value.type.split("/").pop()), 1),
+          m("span", Ba, "File size: " + g(c(ie)(n.value.size)), 1)
         ]),
-        m("div", Ca, [
-          (s(), w(ka, {
+        m("div", Sa, [
+          (s(), w(xa, {
             key: l.value,
             "file-size": n.value.size,
             "upload-status": l.value,
@@ -2928,7 +2928,7 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
             onClick: _
           }, {
             default: v(() => [
-              y(c(S), {
+              y(c(C), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
@@ -2940,7 +2940,7 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
             onClick: I[1] || (I[1] = (N) => d.value.value.abort())
           }, {
             default: v(() => [
-              y(c(S), { icon: "bi:x-circle-fill" })
+              y(c(C), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
           })) : (s(), w(z, {
@@ -2950,25 +2950,25 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
             id: "delete-button"
           }, {
             default: v(() => [
-              y(c(S), { icon: "bi:trash" })
+              y(c(C), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, _a);
+      ], 8, ka);
     };
   }
-}), Ta = { class: "d-flex justify-content-end mt-1" }, Ma = { id: "max-file-size" }, Pa = /* @__PURE__ */ $({
+}), Va = { class: "d-flex justify-content-end mt-1" }, Ta = { id: "max-file-size" }, Ma = /* @__PURE__ */ $({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, n) => (s(), p("div", Ta, [
-      m("div", Ma, "Max file size: " + g(c(ie)(t.maxFileSize)), 1)
+    return (t, n) => (s(), p("div", Va, [
+      m("div", Ta, "Max file size: " + g(c(ie)(t.maxFileSize)), 1)
     ]));
   }
-}), Ia = { "data-cy": "file-uploader" }, za = { key: 0 }, $l = /* @__PURE__ */ $({
+}), Pa = { "data-cy": "file-uploader" }, Ia = { key: 0 }, _l = /* @__PURE__ */ $({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ q({
     acceptedFileTypes: {},
@@ -2988,23 +2988,23 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
     const t = R(e, "modelValue"), n = e, a = (l) => {
       t.value = t.value.filter((o) => o.file != l);
     };
-    return (l, o) => (s(), p("div", Ia, [
-      y(fa, C(n, {
+    return (l, o) => (s(), p("div", Pa, [
+      y(ba, S(n, {
         modelValue: t.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => t.value = i)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (s(), p("div", za, [
-        y(wa, {
+      l.showDragDropArea ? (s(), p("div", Ia, [
+        y(ha, {
           "max-file-input": n.maxFileInput,
           "max-file-size": n.maxFileSize,
           "accepted-file-types": n.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (r) => t.value = r)
+          "onUpdate:modelValue": o[1] || (o[1] = (i) => t.value = i)
         }, {
           default: v(() => [
-            (s(!0), p(D, null, j(t.value, ({ file: r }, u) => (s(), p("span", null, [
-              (s(), w(Va, C({
-                key: r.name,
+            (s(!0), p(D, null, j(t.value, ({ file: i }, u) => (s(), p("span", null, [
+              (s(), w(Ca, S({
+                key: i.name,
                 class: u === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[u].file,
                 "onUpdate:file": (b) => t.value[u].file = b,
@@ -3018,7 +3018,7 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        y(Pa, {
+        y(Ma, {
           "max-file-size": n.maxFileSize
         }, null, 8, ["max-file-size"])
       ])) : F("", !0)
@@ -3026,28 +3026,28 @@ const va = { class: "d-flex justify-content-between" }, ba = ["accept", "disable
   }
 });
 export {
-  rl as Bootstrap_PT,
-  dl as ForgeActionButton,
+  il as Bootstrap_PT,
+  rl as ForgeActionButton,
   ae as ForgeAlert,
   me as ForgeCheckbox,
-  gl as ForgeChips,
-  Rt as ForgeDatepicker,
-  $l as ForgeFileUploader,
-  _l as ForgeFilterHeader,
-  bl as ForgeForm,
-  fl as ForgeFormField,
-  kt as ForgeInlineEditor,
-  ul as ForgeLink,
+  fl as ForgeChips,
+  Et as ForgeDatepicker,
+  _l as ForgeFileUploader,
+  kl as ForgeFilterHeader,
+  vl as ForgeForm,
+  bl as ForgeFormField,
+  xt as ForgeInlineEditor,
+  dl as ForgeLink,
   pe as ForgeLoader,
-  cl as ForgeModal,
-  Vt as ForgeMultiSelect,
-  pl as ForgeMultiSelectPreview,
-  ml as ForgeNavbar,
-  yl as ForgePageHeader,
-  qt as ForgeProgressBar,
-  vl as ForgeRemainingCharacters,
-  hl as ForgeStatWidget,
-  wl as ForgeStepper,
-  kl as ForgeTable,
-  xl as ForgeTile
+  ul as ForgeModal,
+  Ct as ForgeMultiSelect,
+  ml as ForgeMultiSelectPreview,
+  cl as ForgeNavbar,
+  pl as ForgePageHeader,
+  Yt as ForgeProgressBar,
+  yl as ForgeRemainingCharacters,
+  gl as ForgeStatWidget,
+  hl as ForgeStepper,
+  xl as ForgeTable,
+  wl as ForgeTile
 };