@3squared/forge-ui-3 2.18.0 → 2.19.0

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

@@ -1,5 +1,5 @@
 import Be from "primevue/message";
-import { defineComponent as S, openBlock as r, createBlock as y, normalizeProps as W, guardReactiveProps as G, withCtx as f, createElementVNode as m, normalizeClass as F, unref as u, createCommentVNode as C, createVNode as h, renderSlot as k, ref as j, createElementBlock as v, Fragment as A, mergeProps as _, renderList as E, mergeModels as R, useModel as N, computed as z, createTextVNode as M, toDisplayString as B, withDirectives as J, vShow as Z, createSlots as ae, onMounted as ne, isRef as Fe, withKeys as le, normalizeStyle as Se, withModifiers as X, watch as Q, h as Ce, useTemplateRef as ze } from "vue";
+import { defineComponent as C, openBlock as d, createBlock as y, normalizeProps as W, guardReactiveProps as G, withCtx as f, createElementVNode as m, normalizeClass as S, unref as u, createCommentVNode as z, createVNode as w, renderSlot as B, ref as j, createElementBlock as v, Fragment as A, mergeProps as _, renderList as E, mergeModels as R, useModel as N, computed as T, createTextVNode as M, toDisplayString as F, withDirectives as J, vShow as Z, createSlots as ae, onMounted as ne, isRef as Fe, withKeys as le, normalizeStyle as Se, withModifiers as X, watch as Q, h as Ce, useTemplateRef as ze } from "vue";
 import { Icon as P } from "@iconify/vue";
 import q from "primevue/button";
 import Te from "primevue/toast";
@@ -247,7 +247,8 @@ const Xe = {
           {
             "cursor-move": e.props.reorderableColumns,
             "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((a = e.column) == null ? void 0 : a.context.frozen) || ((i = e.column) == null ? void 0 : i.context.frozen) === "",
-            "overflow-hidden position-relative bg-clip-padding": (l = e.column) == null ? void 0 : l.context.resizable
+            "overflow-hidden position-relative bg-clip-padding": (l = e.column) == null ? void 0 : l.context.resizable,
+            "align-bottom": e.column.props.rowspan > 1
           }
         ]
       };
@@ -320,7 +321,14 @@ const Xe = {
         "dropdown-divider"
       ]
     },
-    columnHeaderContent: "d-flex",
+    columnHeaderContent: (e) => ({
+      class: [
+        "d-flex",
+        {
+          "justify-content-center": e.column.props.colspan > 1
+        }
+      ]
+    }),
     columnTitle: "text-break",
     sort: "d-flex ms-auto cursor-pointer table-sort-icon",
     pcRowCheckbox: (e) => ({
@@ -610,7 +618,33 @@ const Xe = {
       }
     }),
     title: "d-flex mx-auto",
-    day: "d-flex date-primary justify-content-center align-items-center",
+    dayCell: ({ context: e }) => ({
+      class: [
+        {
+          selected: e.selected
+        }
+      ]
+    }),
+    day: ({ context: e, props: t }) => ({
+      class: [
+        "d-flex date date-primary justify-content-center align-items-center",
+        {
+          //When using a range, a disabled date can be both selected and disabled. This logic fights that and also applies the class if a 
+          //date across a month boundary is also selected (not prime vue functionality for some reason)
+          "text-white": e.selected && (!e.disabled || e.disabled && e.otherMonth),
+          "opacity-50": e.otherMonth,
+          today: e.today,
+          //When using a range, a disabled date can be both selected and disabled. This logic fights that and also applies the class if a 
+          //date across a month boundary is also selected (not prime vue functionality for some reason)
+          selected: e.selected && (!e.disabled || e.disabled && e.otherMonth),
+          //This is used to show which dates should be shows as 'disabled'. The first part of logic is used to only (due to prime vue passing 
+          //disabled for otherMonth dates) show the disabled styling for current calendar dates. The second part of logic is used to set the 
+          //disabled state for dates out of the min/max date range, as they would also come through the context as disabled dates without knowing why
+          "text-grey-300": e.disabled && !e.otherMonth || t.minDate != null && new Date(e.date.year, e.date.month, e.date.day) < t.minDate || t.maxDate != null && new Date(e.date.year, e.date.month, e.date.day) > t.maxDate,
+          "fw-500": e.disabled && !e.otherMonth || t.minDate != null && new Date(e.date.year, e.date.month, e.date.day) < t.minDate || t.maxDate != null && new Date(e.date.year, e.date.month, e.date.day) > t.maxDate
+        }
+      ]
+    }),
     decade: "fw-bold",
     dayView: "datepicker-table",
     tableHeaderRow: "text-center",
@@ -760,7 +794,7 @@ const Xe = {
       ]
     })
   }
-}, xt = {
+}, ht = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -782,7 +816,7 @@ const Xe = {
       ]
     })
   }
-}, ht = {
+}, xt = {
   // More PassThrough options in component file.
   menubar: {
     rootList: ({ instance: e }) => ({
@@ -991,7 +1025,7 @@ const Xe = {
     previewMask: "preview-button",
     mask: "position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center mask",
     original: "preview",
-    toolbar: "position-absolute top-0 end-0 d-flex p-3 z-3",
+    toolbar: "position-absolute top-0 end-0 d-flex p-3 z-3 bg-black",
     rotaterightbutton: "btn text-white",
     rotateleftbutton: "btn text-white",
     zoomoutbutton: "btn text-white",
@@ -1181,7 +1215,7 @@ const Xe = {
   }
 }, Qi = {
   ...Xe,
-  ...xt,
+  ...ht,
   ...Qe,
   ...Ft,
   ...et,
@@ -1197,7 +1231,7 @@ const Xe = {
   ...nt,
   ...ct,
   ...ft,
-  ...ht,
+  ...xt,
   ...pt,
   ...gt,
   ...Bt,
@@ -1218,7 +1252,7 @@ const Xe = {
   directives: {
     ...wt
   }
-}, de = /* @__PURE__ */ S({
+}, de = /* @__PURE__ */ C({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -1239,31 +1273,31 @@ const Xe = {
     const t = e;
     return (a, i) => {
       const l = Be;
-      return r(), y(l, W(G({ ...a.$attrs, ...t })), {
+      return d(), y(l, W(G({ ...a.$attrs, ...t })), {
         icon: f(() => [
           m("div", {
-            class: F(t.icon ? "me-2 pe-1" : "")
+            class: S(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (r(), y(u(P), {
+            t.icon ? (d(), y(u(P), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
-              class: F(`text-${t.severity}`),
+              class: S(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : C("", !0)
+            }, null, 8, ["icon", "class"])) : z("", !0)
           ], 2)
         ]),
         closeicon: f(() => [
-          h(u(P), { icon: "bi:x" })
+          w(u(P), { icon: "bi:x" })
         ]),
         default: f(() => [
-          k(a.$slots, "default")
+          B(a.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), el = /* @__PURE__ */ S({
+}), el = /* @__PURE__ */ C({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1283,27 +1317,27 @@ const Xe = {
     };
     return (l, n) => {
       const o = q;
-      return r(), v(A, null, [
-        h(o, _({ ...a, ...l.$attrs }, {
+      return d(), v(A, null, [
+        w(o, _({ ...a, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: i
         }), null, 16, ["loading", "disabled"]),
-        h(u(Te))
+        w(u(Te))
       ], 64);
     };
   }
-}), tl = /* @__PURE__ */ S({
+}), tl = /* @__PURE__ */ C({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (t, a) => (r(), y(u(_e), _({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+    return (t, a) => (d(), y(u(_e), _({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
       default: f(() => [
-        (r(!0), v(A, null, E(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
+        (d(!0), v(A, null, E(t.$slots, (i, l) => B(t.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16));
   }
-}), Mt = { class: "d-flex flex-column" }, Vt = ["for"], ye = /* @__PURE__ */ S({
+}), Mt = { class: "d-flex flex-column" }, Vt = ["for"], ye = /* @__PURE__ */ C({
   __name: "ForgeCheckbox",
   props: /* @__PURE__ */ R({
     label: { default: "" },
@@ -1347,50 +1381,50 @@ const Xe = {
       }
     ), o = (p, c) => {
       (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(c) : a.value = c;
-    }, s = z(() => l.value.length > 0);
+    }, s = T(() => l.value.length > 0);
     return (p, c) => {
-      const x = Pe;
-      return r(), v("div", Mt, [
+      const h = Pe;
+      return d(), v("div", Mt, [
         m("div", _({
           class: "d-flex",
           "data-cy": "checkbox-container",
-          onClick: c[2] || (c[2] = (d) => o(d, a.value))
+          onClick: c[2] || (c[2] = (r) => o(r, a.value))
         }, { ...p.$attrs }), [
-          h(x, _({ ...t }, {
+          w(h, _({ ...t }, {
             binary: "",
             modelValue: a.value,
-            "onUpdate:modelValue": c[0] || (c[0] = (d) => a.value = d),
+            "onUpdate:modelValue": c[0] || (c[0] = (r) => a.value = r),
             "input-id": t.name,
             "input-class": { "is-invalid": s.value },
             class: t.disabled || t.readonly ? "" : "cursor-pointer"
           }), null, 16, ["modelValue", "input-id", "input-class", "class"]),
           m("label", {
             for: t.name,
-            onClick: c[1] || (c[1] = (d) => o(d, !a.value)),
-            class: F([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
+            onClick: c[1] || (c[1] = (r) => o(r, !a.value)),
+            class: S([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            k(p.$slots, "default", {}, () => [
-              M(B(t.label), 1)
+            B(p.$slots, "default", {}, () => [
+              M(F(t.label), 1)
             ])
           ], 10, Vt)
         ], 16),
         J(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, B(u(n)), 513), [
+        }, F(u(n)), 513), [
           [Z, s.value]
         ])
       ]);
     };
   }
-}), pe = /* @__PURE__ */ S({
+}), pe = /* @__PURE__ */ C({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" },
     inLine: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = z(() => ({
+    const t = e, a = T(() => ({
       spin: () => ({
         class: [
           "spinner-border",
@@ -1402,18 +1436,18 @@ const Xe = {
     }));
     return (i, l) => {
       const n = je;
-      return r(), v("div", {
-        class: F(i.inLine ? "" : "forge-loader")
+      return d(), v("div", {
+        class: S(i.inLine ? "" : "forge-loader")
       }, [
-        h(n, {
+        w(n, {
           "animation-duration": ".75",
-          class: F(`text-${t.severity === void 0 ? "primary" : t.severity}`),
+          class: S(`text-${t.severity === void 0 ? "primary" : t.severity}`),
           pt: a.value
         }, null, 8, ["class", "pt"])
       ], 2);
     };
   }
-}), Dt = ["href", "target"], al = /* @__PURE__ */ S({
+}), Dt = ["href", "target"], al = /* @__PURE__ */ C({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1431,7 +1465,7 @@ const Xe = {
     iconName: {}
   },
   setup(e) {
-    const t = z(() => ({
+    const t = T(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1440,27 +1474,27 @@ const Xe = {
       [`link-underline-opacity-${e.underlineHoverOpacity ?? e.hoverOpacity}-hover`]: e.underlineHoverOpacity || e.hoverOpacity,
       [`link-offset-${e.underlineOffset}`]: e.underlineOffset,
       "icon-link icon-link-hover": e.animateIconOnHover
-    })), a = z(() => ({
+    })), a = T(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (i, l) => (r(), v("a", {
+    return (i, l) => (d(), v("a", {
       id: "link",
-      class: F(["cursor-pointer d-flex text-break", t.value]),
+      class: S(["cursor-pointer d-flex text-break", t.value]),
       href: i.url,
       target: i.target
     }, [
-      k(i.$slots, "default", {}, () => [
-        i.iconName ? (r(), y(u(P), {
+      B(i.$slots, "default", {}, () => [
+        i.iconName ? (d(), y(u(P), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
-          class: F(["bi my-auto", a.value])
-        }, null, 8, ["icon", "class"])) : C("", !0),
-        M(" " + B(i.label), 1)
+          class: S(["bi my-auto", a.value])
+        }, null, 8, ["icon", "class"])) : z("", !0),
+        M(" " + F(i.label), 1)
       ])
     ], 10, Dt));
   }
@@ -1489,7 +1523,7 @@ const Nt = {
 }, At = { key: 0 }, Et = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, nl = /* @__PURE__ */ S({
+}, nl = /* @__PURE__ */ C({
   __name: "ForgeModal",
   props: /* @__PURE__ */ R({
     cancelText: { default: "Cancel" },
@@ -1565,22 +1599,22 @@ const Nt = {
       i.value = !1;
     }, c = () => {
       i.value = !0;
-    }, x = () => {
+    }, h = () => {
       l.resetErrorOnClose && s(), a.value = !1;
-    }, d = async () => {
+    }, r = async () => {
       if (l.onConfirm) {
         n.value = !0, o.value.hasError = !1;
         try {
-          const T = await l.onConfirm();
-          (T || T == null) && x();
-        } catch (T) {
+          const $ = await l.onConfirm();
+          ($ || $ == null) && h();
+        } catch ($) {
           o.value.hasError = !0;
-          const D = Ot(T);
+          const D = Ot($);
           o.value.header = D.errorMessage, o.value.message = D.errorDetails;
         }
         n.value = !1;
       }
-    }, $ = z(() => ({
+    }, x = T(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1599,24 +1633,24 @@ const Nt = {
         }
       ]
     }));
-    return (T, D) => {
+    return ($, D) => {
       const O = q, U = Ie;
-      return r(), y(U, _(l, {
+      return d(), y(U, _(l, {
         onMaximize: c,
         onUnmaximize: p,
-        pt: $.value
+        pt: x.value
       }), ae({
         closeicon: f(() => [
-          h(u(P), {
+          w(u(P), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
             height: "18",
-            onClick: x
+            onClick: h
           })
         ]),
         maximizeicon: f(() => [
-          h(u(P), {
+          w(u(P), {
             "data-cy": "maximisable-icon",
             icon: i.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1625,50 +1659,50 @@ const Nt = {
         ]),
         _: 2
       }, [
-        E(T.$slots, (b, w) => ({
-          name: w,
+        E($.$slots, (b, k) => ({
+          name: k,
           fn: f((I) => [
-            w == "default" ? (r(), v(A, { key: 0 }, [
-              o.value.hasError ? (r(), v("div", Nt, [
-                h(de, {
+            k == "default" ? (d(), v(A, { key: 0 }, [
+              o.value.hasError ? (d(), v("div", Nt, [
+                w(de, {
                   severity: "danger",
                   "data-cy": "error",
                   class: "mb-0"
                 }, {
                   default: f(() => [
                     m("p", {
-                      class: F(o.value.message.length > 0 ? "my-auto" : "mb-0")
-                    }, B(o.value.header), 3),
-                    o.value.message.length > 0 ? (r(), v("ul", At, [
-                      (r(!0), v(A, null, E(o.value.message, (g) => (r(), v("li", { key: g }, B(g), 1))), 128))
-                    ])) : C("", !0)
+                      class: S(o.value.message.length > 0 ? "my-auto" : "mb-0")
+                    }, F(o.value.header), 3),
+                    o.value.message.length > 0 ? (d(), v("ul", At, [
+                      (d(!0), v(A, null, E(o.value.message, (g) => (d(), v("li", { key: g }, F(g), 1))), 128))
+                    ])) : z("", !0)
                   ]),
                   _: 1
                 })
-              ])) : C("", !0)
-            ], 64)) : C("", !0),
-            k(T.$slots, w, W(G(I || {}))),
-            n.value ? k(T.$slots, "loader", { key: 1 }, () => [
-              h(pe, { "data-cy": "loader" })
-            ]) : C("", !0)
+              ])) : z("", !0)
+            ], 64)) : z("", !0),
+            B($.$slots, k, W(G(I || {}))),
+            n.value ? B($.$slots, "loader", { key: 1 }, () => [
+              w(pe, { "data-cy": "loader" })
+            ]) : z("", !0)
           ])
         })),
-        T.showFooter ? {
+        $.showFooter ? {
           name: "footer",
           fn: f(() => [
             m("div", Et, [
-              h(O, {
-                label: T.cancelText,
-                class: F(l.cancelClass),
+              w(O, {
+                label: $.cancelText,
+                class: S(l.cancelClass),
                 outlined: "",
-                onClick: x,
+                onClick: h,
                 id: "cancel-button",
                 type: l.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              h(O, {
-                label: T.submitText,
-                class: F([l.submitClass, "ms-auto"]),
-                onClick: d,
+              w(O, {
+                label: $.submitText,
+                class: S([l.submitClass, "ms-auto"]),
+                onClick: r,
                 id: "submit-button",
                 type: l.submitButtonType
               }, null, 8, ["label", "class", "type"])
@@ -1679,7 +1713,7 @@ const Nt = {
       ]), 1040, ["pt"]);
     };
   }
-}), Ut = ["id"], qt = { key: 0 }, Lt = { key: 0 }, Rt = { class: "d-flex justify-content-between align-items-center position-relative" }, Ht = { key: 1 }, Wt = { "data-cy": "readonly-value" }, Gt = /* @__PURE__ */ S({
+}), Ut = ["id"], qt = { key: 0 }, Lt = { key: 0 }, Rt = { class: "d-flex justify-content-between align-items-center position-relative" }, Ht = { key: 1 }, Wt = { "data-cy": "readonly-value" }, Gt = /* @__PURE__ */ C({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ R({
     name: { default: "" },
@@ -1695,12 +1729,12 @@ const Nt = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, a = N(e, "modelValue"), i = j(!1), l = j(), n = () => {
-      var T;
-      i.value = !i.value, (T = l.value) == null || T.focus();
+      var $;
+      i.value = !i.value, ($ = l.value) == null || $.focus();
     }, o = async () => {
-      if ($.value)
+      if (x.value)
         return !1;
-      if (a.value = d.value, t.completeAction)
+      if (a.value = r.value, t.completeAction)
         try {
           await t.completeAction.apply(this, t.params), i.value = !i.value;
         } catch {
@@ -1711,47 +1745,47 @@ const Nt = {
     }, s = () => {
       i.value = !i.value;
     }, p = () => {
-      d.value = null;
-    }, { errorMessage: c, errors: x, value: d } = oe(() => t.name, void 0, {
+      r.value = null;
+    }, { errorMessage: c, errors: h, value: r } = oe(() => t.name, void 0, {
       initialValue: a.value
     });
     ne(() => {
-      d.value = a.value;
+      r.value = a.value;
     });
-    const $ = z(() => x.value.length > 0);
-    return (T, D) => {
+    const x = T(() => h.value.length > 0);
+    return ($, D) => {
       const O = se, U = q;
-      return r(), v("div", {
+      return d(), v("div", {
         id: t.name
       }, [
-        T.readonly ? (r(), v("div", Ht, [
-          k(T.$slots, "default", {}, () => [
-            m("span", Wt, B(u(d)), 1)
+        $.readonly ? (d(), v("div", Ht, [
+          B($.$slots, "default", {}, () => [
+            m("span", Wt, F(u(r)), 1)
           ])
-        ])) : (r(), v("div", qt, [
-          i.value ? (r(), v("div", Lt, [
-            J((r(), v("div", Rt, [
-              k(T.$slots, "editor", {
-                class: F({ "is-invalid": $.value }),
+        ])) : (d(), v("div", qt, [
+          i.value ? (d(), v("div", Lt, [
+            J((d(), v("div", Rt, [
+              B($.$slots, "editor", {
+                class: S({ "is-invalid": x.value }),
                 editFinished: o,
                 cancel: s,
-                val: u(d)
+                val: u(r)
               }, () => [
-                h(O, {
-                  modelValue: u(d),
-                  "onUpdate:modelValue": D[0] || (D[0] = (b) => Fe(d) ? d.value = b : null),
+                w(O, {
+                  modelValue: u(r),
+                  "onUpdate:modelValue": D[0] || (D[0] = (b) => Fe(r) ? r.value = b : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
                   ref: l,
-                  class: F({ "is-invalid": $.value }),
+                  class: S({ "is-invalid": x.value }),
                   onKeydown: [
                     le(o, ["enter"]),
                     le(s, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              h(u(P), {
+              w(u(P), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
@@ -1761,26 +1795,26 @@ const Nt = {
             ])), [
               [u(Me), o]
             ])
-          ])) : (r(), v("div", {
+          ])) : (d(), v("div", {
             key: 1,
             class: "d-flex text-muted",
             onClick: n,
             onFocus: n
           }, [
-            k(T.$slots, "default", {}, () => [
+            B($.$slots, "default", {}, () => [
               m("div", {
-                class: F(["pe-2 cursor-pointer", { "text-invalid": $.value }]),
+                class: S(["pe-2 cursor-pointer", { "text-invalid": x.value }]),
                 "data-cy": "value"
-              }, B(u(d) ? u(d) : "Click to edit"), 3)
+              }, F(u(r) ? u(r) : "Click to edit"), 3)
             ]),
-            h(U, {
+            w(U, {
               link: "",
               class: "p-0 m-0"
             }, {
               default: f(() => [
-                h(u(P), {
+                w(u(P), {
                   icon: "bi:pencil",
-                  class: F($.value ? "text-invalid" : "text-muted"),
+                  class: S(x.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
                   onKeydown: le(n, ["enter"])
                 }, null, 8, ["class"])
@@ -1792,13 +1826,13 @@ const Nt = {
         J(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, B(u(c)), 513), [
-          [Z, $.value]
+        }, F(u(c)), 513), [
+          [Z, x.value]
         ])
       ], 8, Ut);
     };
   }
-}), Yt = ["href"], ol = /* @__PURE__ */ S({
+}), Yt = ["href"], ol = /* @__PURE__ */ C({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1815,7 +1849,7 @@ const Nt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = z(() => ({
+    const t = e, a = T(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1843,7 +1877,7 @@ const Nt = {
         ]
       })
     }));
-    return (i, l) => (r(), y(u(Ve), _({ ...t, ...i.$attrs }, {
+    return (i, l) => (d(), y(u(Ve), _({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
     }), ae({
@@ -1853,16 +1887,16 @@ const Nt = {
           class: "navbar-brand ms-3",
           "data-cy": "logo"
         }, [
-          k(i.$slots, "logo", {}, () => [
+          B(i.$slots, "logo", {}, () => [
             l[0] || (l[0] = M(" Logo "))
           ])
         ], 8, Yt)
       ]),
       buttonicon: f(() => [
-        k(i.$slots, "buttonIcon", {}, () => [
-          h(u(P), {
+        B(i.$slots, "buttonIcon", {}, () => [
+          w(u(P), {
             icon: "bi:list",
-            class: F(t.severity === "light" ? "text-black" : "text-white"),
+            class: S(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
             "data-cy": "burger-icon"
           }, null, 8, ["class"])
@@ -1873,7 +1907,7 @@ const Nt = {
       E(i.$slots, (n, o) => ({
         name: o,
         fn: f((s) => [
-          k(i.$slots, o, W(G(s)))
+          B(i.$slots, o, W(G(s)))
         ])
       }))
     ]), 1040, ["pt"]));
@@ -1885,7 +1919,7 @@ const Nt = {
 }, Zt = { class: "d-inline-block" }, Xt = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Qt = /* @__PURE__ */ S({
+}, Qt = /* @__PURE__ */ C({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ R({
     title: { default: "Selected Items" },
@@ -1906,15 +1940,15 @@ const Nt = {
     };
     return (l, n) => {
       const o = re, s = q;
-      return r(), v("div", {
-        class: F(l.orientation === "column" ? "row" : ""),
+      return d(), v("div", {
+        class: S(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
         m("div", {
-          class: F(l.orientation === "row" ? "col-12 mb-1" : "col"),
+          class: S(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          h(o, _({
+          w(o, _({
             modelValue: a.value,
             "onUpdate:modelValue": n[0] || (n[0] = (p) => a.value = p)
           }, { ...l.$attrs }, {
@@ -1924,14 +1958,14 @@ const Nt = {
             "data-cy": "multiselect"
           }), {
             default: f(() => [
-              (r(!0), v(A, null, E(l.$slots, (p, c) => k(l.$slots, c, { slot: c })), 256))
+              (d(!0), v(A, null, E(l.$slots, (p, c) => B(l.$slots, c, { slot: c })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
-          k(l.$slots, "after-multi-select")
+          B(l.$slots, "after-multi-select")
         ], 2),
         m("div", {
-          class: F(l.orientation === "row" ? "col-12" : "col"),
+          class: S(l.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
           m("div", {
@@ -1939,31 +1973,31 @@ const Nt = {
             class: "overflow-auto"
           }, [
             m("div", Jt, [
-              l.title ? (r(), v("div", Kt, B(l.title), 1)) : C("", !0),
-              (r(!0), v(A, null, E(a.value, (p) => (r(), v("div", {
+              l.title ? (d(), v("div", Kt, F(l.title), 1)) : z("", !0),
+              (d(!0), v(A, null, E(a.value, (p) => (d(), v("div", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                k(l.$slots, "list-item", { item: p }, () => [
-                  m("span", Zt, B(p.shortLabel ? p.shortLabel : p.label), 1)
+                B(l.$slots, "list-item", { item: p }, () => [
+                  m("span", Zt, F(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
-                l.canRemoveItemFromPreview ? (r(), y(s, {
+                l.canRemoveItemFromPreview ? (d(), y(s, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
                   onClick: (c) => i(p.id)
                 }, {
                   default: f(() => [
-                    h(u(P), {
+                    w(u(P), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${p.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : C("", !0)
+                }, 1032, ["onClick"])) : z("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (r(), v("div", Xt, B(t.optionsPreviewEmptyText), 1)) : C("", !0)
+              a.value == null || a.value.length == 0 ? (d(), v("div", Xt, F(t.optionsPreviewEmptyText), 1)) : z("", !0)
             ])
           ], 4)
         ], 2)
@@ -1976,21 +2010,21 @@ const Nt = {
 }, aa = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, sl = /* @__PURE__ */ S({
+}, sl = /* @__PURE__ */ C({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (a, i) => (r(), v("div", ea, [
-      m("h3", ta, B(t.title), 1),
+    return (a, i) => (d(), v("div", ea, [
+      m("h3", ta, F(t.title), 1),
       m("div", aa, [
-        k(a.$slots, "default")
+        B(a.$slots, "default")
       ])
     ]));
   }
-}), ia = { class: "d-flex" }, la = { "data-cy": "before-slot" }, na = { class: "position-relative w-100" }, oa = { "data-cy": "after-slot" }, xe = /* @__PURE__ */ S({
+}), ia = { class: "d-flex" }, la = { "data-cy": "before-slot" }, na = { class: "position-relative w-100" }, oa = { "data-cy": "after-slot" }, he = /* @__PURE__ */ C({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ R({
     severity: { default: "primary" },
@@ -2069,34 +2103,43 @@ const Nt = {
       initialValue: a.value
     }), p = () => {
       s(null), a.value = null;
-    }, c = z(() => i.value.length > 0), x = z(() => ({
-      dayCell: ({ context: d }) => ({
+    }, c = T(() => i.value.length > 0), h = T(() => ({
+      day: ({ context: r, props: x, attrs: $ }) => ({
         class: [
-          `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
+          "d-flex justify-content-center align-items-center",
           {
-            "cursor-pointer": !d.disabled,
-            "pe-none": d.disabled,
-            "text-white": d.selected
+            //When using a range, a disabled date can be both selected and disabled. This logic fights that and also applies the class if a 
+            //date across a month boundary is also selected (not prime vue functionality for some reason)
+            "text-white": r.selected && (!r.disabled || r.disabled && r.otherMonth),
+            "opacity-50": r.otherMonth,
+            today: r.today,
+            //When using a range, a disabled date can be both selected and disabled. This logic fights that and also applies the class if a 
+            //date across a month boundary is also selected (not prime vue functionality for some reason)
+            selected: r.selected && (!r.disabled || r.disabled && r.otherMonth),
+            //This is used to show which dates should be shows as 'disabled'. The first part of logic is used to only (due to prime vue passing 
+            //disabled for otherMonth dates) show the disabled styling for current calendar dates. The second part of logic is used to set the 
+            //disabled state for dates out of the min/max date range, as they would also come through the context as disabled dates without knowing why
+            "text-grey-300": r.disabled && !r.otherMonth || x.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < x.minDate || x.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > x.maxDate,
+            "fw-500": r.disabled && !r.otherMonth || x.minDate != null && new Date(r.date.year, r.date.month, r.date.day) < x.minDate || x.maxDate != null && new Date(r.date.year, r.date.month, r.date.day) > x.maxDate
           },
           // Severities
           {
-            selected: d.selected && !d.disabled,
-            "text-primary": !d.selected && d.today && (t.severity === void 0 || t.severity === "primary"),
-            "text-brand": !d.selected && d.today && t.severity === "brand",
-            "text-secondary": !d.selected && d.today && t.severity === "secondary",
-            "text-success": !d.selected && d.today && t.severity === "success",
-            "text-success-alternate": !d.selected && d.today && t.severity === "success-alternate",
-            "text-warning": !d.selected && d.today && t.severity === "warning",
-            "text-danger": !d.selected && d.today && t.severity === "danger",
-            "text-info": !d.selected && d.today && t.severity === "info"
+            "date-primary": $.severity === void 0 || $.severity === "primary",
+            "date-brand": $.severity === "brand",
+            "date-secondary": $.severity === "secondary",
+            "date-success": $.severity === "success",
+            "date-success-alternate": $.severity === "success-alternate",
+            "date-warning": $.severity === "warning",
+            "date-danger": $.severity === "danger",
+            "date-info": $.severity === "info"
           }
         ]
       }),
-      dayLabel: ({ context: d }) => ({
+      dayLabel: ({ context: r }) => ({
         class: [
           // Disabled States
           {
-            "text-muted": d.disabled
+            "text-muted": r.disabled
           }
         ]
       }),
@@ -2134,97 +2177,97 @@ const Nt = {
           ]
         })
       },
-      year: ({ context: d }) => ({
+      year: ({ context: r }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-brand": t.severity === "brand" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-secondary": t.severity === "secondary" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-success": t.severity === "success" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-success-alternate": t.severity === "success-alternate" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-warning": t.severity === "warning" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-danger": t.severity === "danger" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-info": t.severity === "info" && d.year.value === (/* @__PURE__ */ new Date()).getFullYear()
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-brand": t.severity === "brand" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-secondary": t.severity === "secondary" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success": t.severity === "success" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success-alternate": t.severity === "success-alternate" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-warning": t.severity === "warning" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-danger": t.severity === "danger" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-info": t.severity === "info" && r.year.value === (/* @__PURE__ */ new Date()).getFullYear()
           }
         ]
       }),
-      month: ({ context: d }) => ({
+      month: ({ context: r }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-brand": t.severity === "brand" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-secondary": t.severity === "secondary" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-success": t.severity === "success" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-success-alternate": t.severity === "success-alternate" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-warning": t.severity === "warning" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-danger": t.severity === "danger" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-info": t.severity === "info" && d.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-brand": t.severity === "brand" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-secondary": t.severity === "secondary" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success": t.severity === "success" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success-alternate": t.severity === "success-alternate" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-warning": t.severity === "warning" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-danger": t.severity === "danger" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-info": t.severity === "info" && r.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
           }
         ]
       })
     }));
-    return (d, $) => {
-      const T = De;
-      return r(), v(A, null, [
+    return (r, x) => {
+      const $ = De;
+      return d(), v(A, null, [
         m("div", ia, [
           m("span", la, [
-            k(d.$slots, "before")
+            B(r.$slots, "before")
           ]),
           m("div", na, [
-            h(T, _({ ...t, ...d.$attrs }, {
-              pt: x.value,
+            w($, _({ ...t, ...r.$attrs }, {
+              pt: h.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
-                $[0] || ($[0] = (D) => a.value = D),
+                x[0] || (x[0] = (D) => a.value = D),
                 u(n)
               ],
-              onBlur: $[1] || ($[1] = () => u(o)),
-              "input-class": { "datepicker-invalid": c.value }
+              onBlur: x[1] || (x[1] = () => u(o)),
+              "input-class": { "text-truncate": !0, "datepicker-invalid": c.value, "pe-5": t.showIcon && t.modelValue, "pe-4": (t.showIcon || t.modelValue) && !(t.showIcon && t.modelValue) }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            J(h(u(P), {
+            J(w(u(P), {
               "data-cy": "icon",
               icon: "bi:calendar4",
-              class: F(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${c.value ? "text-danger-dark" : "text-muted"}`])
+              class: S(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white pe-none", `${c.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
-              [Z, t.showIcon]
+              [Z, t.showIcon && !t.inline]
             ]),
-            J(h(u(P), {
+            J(w(u(P), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
-              class: F(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
+              class: S(["position-absolute end-0 top-50 bottom-50 my-auto text-muted cursor-pointer bg-white", t.showIcon ? "datepicker-close-icon" : "me-2"])
             }, null, 8, ["class"]), [
-              [Z, t.modelValue]
+              [Z, t.modelValue && !t.inline]
             ])
           ]),
           m("span", oa, [
-            k(d.$slots, "after")
+            B(r.$slots, "after")
           ])
         ]),
         J(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, B(u(l)), 513), [
+        }, F(u(l)), 513), [
           [Z, c.value]
         ])
       ], 64);
     };
   }
-}), rl = /* @__PURE__ */ S({
+}), rl = /* @__PURE__ */ C({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
     currentCount: {}
   },
   setup(e) {
-    const t = e, a = z(() => t.maxCount - t.currentCount);
-    return (i, l) => (r(), v("div", {
-      class: F(a.value < 0 ? "text-danger" : "")
-    }, "Remaining characters: " + B(a.value), 3));
+    const t = e, a = T(() => t.maxCount - t.currentCount);
+    return (i, l) => (d(), v("div", {
+      class: S(a.value < 0 ? "text-danger" : "")
+    }, "Remaining characters: " + F(a.value), 3));
   }
-}), sa = { class: "d-flex justify-content-between" }, dl = /* @__PURE__ */ S({
+}), sa = { class: "d-flex justify-content-between" }, dl = /* @__PURE__ */ C({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2251,38 +2294,38 @@ const Nt = {
     }
     return (n, o) => {
       const s = q;
-      return r(), v("form", _(n.$attrs, {
+      return d(), v("form", _(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: X(l, ["prevent"])
       }), [
-        n.hideTitle ? C("", !0) : (r(), v(A, { key: 0 }, [
-          k(n.$slots, "title", {}, () => [
+        n.hideTitle ? z("", !0) : (d(), v(A, { key: 0 }, [
+          B(n.$slots, "title", {}, () => [
             m("h3", {
-              class: F(n.titleClass),
+              class: S(n.titleClass),
               "data-cy": "form-title"
-            }, B(n.title), 3)
+            }, F(n.title), 3)
           ]),
           o[1] || (o[1] = m("hr", null, null, -1))
         ], 64)),
-        i.value.hasError ? (r(), y(de, {
+        i.value.hasError ? (d(), y(de, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
           default: f(() => [
-            k(n.$slots, "error", {
+            B(n.$slots, "error", {
               error: i.value.message
             }, () => [
-              M(B(i.value.message), 1)
+              M(F(i.value.message), 1)
             ])
           ]),
           _: 3
-        })) : C("", !0),
-        k(n.$slots, "default"),
+        })) : z("", !0),
+        B(n.$slots, "default"),
         m("div", sa, [
-          k(n.$slots, "cancel", {}, () => [
-            n.hideCancel ? C("", !0) : (r(), y(s, {
+          B(n.$slots, "cancel", {}, () => [
+            n.hideCancel ? z("", !0) : (d(), y(s, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
@@ -2291,29 +2334,29 @@ const Nt = {
               onClick: o[0] || (o[0] = (p) => n.$emit("cancel"))
             }, {
               default: f(() => [
-                M(B(n.cancelText), 1)
+                M(F(n.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          k(n.$slots, "submit", { submit: l }, () => [
-            h(s, {
+          B(n.$slots, "submit", { submit: l }, () => [
+            w(s, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
               default: f(() => [
-                M(B(n.submitText), 1)
+                M(F(n.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        a.value ? (r(), y(pe, {
+        a.value ? (d(), y(pe, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : C("", !0)
+        })) : z("", !0)
       ], 16);
     };
   }
@@ -2323,7 +2366,7 @@ const Nt = {
 }, da = ["for"], pa = {
   key: 0,
   class: "text-danger fw-600"
-}, pl = /* @__PURE__ */ S({
+}, pl = /* @__PURE__ */ C({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ R({
     name: {},
@@ -2340,106 +2383,106 @@ const Nt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = e, i = (x) => {
-      a.type == "number" ? s(x.value) : s(x);
+    const t = N(e, "modelValue"), a = e, i = (h) => {
+      a.type == "number" ? s(h.value) : s(h);
     }, { errors: l, value: n, errorMessage: o, handleChange: s, handleBlur: p } = oe(() => a.name, void 0, {
       initialValue: t.value
-    }), c = z(() => l.value.length > 0);
-    return Q(() => n.value, (x) => {
-      t.value = x;
-    }, { immediate: !0 }), (x, d) => {
-      const $ = Ne, T = Oe, D = se, O = ie, U = re, b = xe;
-      return a.type === "checkbox" ? (r(), y(ye, _({
+    }), c = T(() => l.value.length > 0);
+    return Q(() => n.value, (h) => {
+      t.value = h;
+    }, { immediate: !0 }), (h, r) => {
+      const x = Ne, $ = Oe, D = se, O = ie, U = re, b = he;
+      return a.type === "checkbox" ? (d(), y(ye, _({
         key: 0,
         id: a.name,
         label: a.fieldLabel
-      }, x.$attrs, {
+      }, h.$attrs, {
         name: a.name,
         modelValue: t.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (w) => t.value = w)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), v("div", ra, [
+        "onUpdate:modelValue": r[0] || (r[0] = (k) => t.value = k)
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), v("div", ra, [
         m("div", {
           "data-cy": "input-wrapper",
-          class: F(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
+          class: S(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
         }, [
           m("label", {
             for: a.name,
-            class: F(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
+            class: S(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, [
-            M(B(a.fieldLabel) + " ", 1),
-            x.required ? (r(), v("span", pa, "*")) : C("", !0)
+            M(F(a.fieldLabel) + " ", 1),
+            h.required ? (d(), v("span", pa, "*")) : z("", !0)
           ], 10, da),
-          k(x.$slots, "default", W(G({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
-            a.type === "number" ? (r(), y(u(fe), _({
+          B(h.$slots, "default", W(G({ modelValue: t.value, updateModel: u(s), hasErrors: c.value })), () => [
+            a.type === "number" ? (d(), y(u(fe), _({
               key: 0,
               id: a.name
-            }, x.$attrs, {
+            }, h.$attrs, {
               placeholder: a.placeholder,
               "input-class": { "is-invalid": c.value },
               class: { "is-invalid": c.value },
               onInput: i,
               modelValue: t.value,
-              "onUpdate:modelValue": d[1] || (d[1] = (w) => t.value = w)
-            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (r(), y($, _({
+              "onUpdate:modelValue": r[1] || (r[1] = (k) => t.value = k)
+            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), y(x, _({
               key: 1,
               id: a.name
-            }, x.$attrs, {
+            }, h.$attrs, {
               placeholder: a.placeholder,
               class: { "is-invalid": c.value },
               modelValue: t.value,
-              "onUpdate:modelValue": d[2] || (d[2] = (w) => t.value = w),
+              "onUpdate:modelValue": r[2] || (r[2] = (k) => t.value = k),
               onInput: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (r(), y(T, _({
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), y($, _({
               key: 2,
               id: a.name
-            }, x.$attrs, {
+            }, h.$attrs, {
               placeholder: a.placeholder,
               mask: a.mask,
               class: { "is-invalid": c.value },
               modelValue: t.value,
-              "onUpdate:modelValue": d[3] || (d[3] = (w) => t.value = w),
+              "onUpdate:modelValue": r[3] || (r[3] = (k) => t.value = k),
               onComplete: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (r(), y(D, _({
+            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), y(D, _({
               key: 3,
               id: a.name
-            }, x.$attrs, {
+            }, h.$attrs, {
               placeholder: a.placeholder,
               class: { "is-invalid": c.value },
               modelValue: t.value,
-              "onUpdate:modelValue": d[4] || (d[4] = (w) => t.value = w),
+              "onUpdate:modelValue": r[4] || (r[4] = (k) => t.value = k),
               onInput: i,
               onBlur: u(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (r(), y(O, _({ key: 4 }, { ...a, ...x.$attrs }, {
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), y(O, _({ key: 4 }, { ...a, ...h.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[5] || (d[5] = (w) => t.value = w),
+              "onUpdate:modelValue": r[5] || (r[5] = (k) => t.value = k),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (r(), y(U, _({ key: 5 }, { ...a, ...x.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), y(U, _({ key: 5 }, { ...a, ...h.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[6] || (d[6] = (w) => t.value = w),
+              "onUpdate:modelValue": r[6] || (r[6] = (k) => t.value = k),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (r(), y(Qt, _({ key: 6 }, { ...a, ...x.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), y(Qt, _({ key: 6 }, { ...a, ...h.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[7] || (d[7] = (w) => t.value = w),
+              "onUpdate:modelValue": r[7] || (r[7] = (k) => t.value = k),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (r(), y(b, _({ key: 7 }, { ...a, ...x.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), y(b, _({ key: 7 }, { ...a, ...h.$attrs }, {
               modelValue: t.value,
-              "onUpdate:modelValue": d[8] || (d[8] = (w) => t.value = w),
+              "onUpdate:modelValue": r[8] || (r[8] = (k) => t.value = k),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : C("", !0)
+            }), null, 16, ["modelValue", "class"])) : z("", !0)
           ])
         ], 2),
         J(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, B(u(o)), 513), [
+        }, F(u(o)), 513), [
           [Z, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
     };
   }
-}), cl = /* @__PURE__ */ S({
+}), cl = /* @__PURE__ */ C({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2455,7 +2498,7 @@ const Nt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = z(() => ({
+    const t = e, a = T(() => ({
       root: [
         "badge d-inline-flex align-items-center border me-1 p-1",
         {
@@ -2475,15 +2518,15 @@ const Nt = {
     }));
     return (i, l) => {
       const n = Ae;
-      return r(), y(n, _({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+      return d(), y(n, _({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
         default: f(() => [
-          (r(!0), v(A, null, E(i.$slots, (o, s) => k(i.$slots, s, { slot: s })), 256))
+          (d(!0), v(A, null, E(i.$slots, (o, s) => B(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), ul = /* @__PURE__ */ S({
+}), ul = /* @__PURE__ */ C({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2499,7 +2542,7 @@ const Nt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = z(() => t.striped ? "progress-bar-striped" : null), i = z(() => t.animate ? "progress-bar-animated" : null), l = z(() => {
+    const t = e, a = T(() => t.striped ? "progress-bar-striped" : null), i = T(() => t.animate ? "progress-bar-animated" : null), l = T(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2520,7 +2563,7 @@ const Nt = {
         default:
           return "bg-primary";
       }
-    }), n = z(() => ({
+    }), n = T(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2530,16 +2573,16 @@ const Nt = {
     }));
     return (o, s) => {
       const p = Ee;
-      return r(), y(p, _({ ...o.$attrs, ...t }, { pt: n.value }), {
+      return d(), y(p, _({ ...o.$attrs, ...t }, { pt: n.value }), {
         default: f(() => [
-          k(o.$slots, "default")
+          B(o.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
 });
-var ca = /* @__PURE__ */ S({
+var ca = /* @__PURE__ */ C({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -2854,11 +2897,11 @@ var ca = /* @__PURE__ */ S({
       const o = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
       var p = t.split(o).filter((O) => O.length > 0);
       for (let O = 0; O < p.length; O++) {
-        for (var c = p[O].split(s).filter((U) => U.length > 0), x = "", d = 0; d < c.length; d++) {
-          var $ = x + c[d] + " ", T = e.measureText($), D = T.width;
-          D > l && d > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(x, a, i) : e.fillText(x, a, i), x = c[d] + " ", i += n) : x = $;
+        for (var c = p[O].split(s).filter((U) => U.length > 0), h = "", r = 0; r < c.length; r++) {
+          var x = h + c[r] + " ", $ = e.measureText(x), D = $.width;
+          D > l && r > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(h, a, i) : e.fillText(h, a, i), h = c[r] + " ", i += n) : h = x;
         }
-        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(x, a, i) : e.fillText(x, a, i), i += c.length > 0 ? n : 0;
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(h, a, i) : e.fillText(h, a, i), i += c.length > 0 ? n : 0;
       }
     },
     save() {
@@ -2885,13 +2928,13 @@ var ca = /* @__PURE__ */ S({
       } else if (a.type === "Text") {
         let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", l = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", n = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", o = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
         if (t.font = i, t.textAlign = l, t.textBaseline = n, a.fontStyle && a.fontStyle.rotate) {
-          let d, $;
-          a.fontStyle && a.fontStyle.width ? d = a.x + Math.floor(a.fontStyle.width / 2) : d = a.x, a.fontStyle && a.fontStyle.lineHeight ? $ = a.y + Math.floor(a.fontStyle.lineHeight / 2) : $ = a.y, t.translate(d, $), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(d * -1, $ * -1);
+          let r, x;
+          a.fontStyle && a.fontStyle.width ? r = a.x + Math.floor(a.fontStyle.width / 2) : r = a.x, a.fontStyle && a.fontStyle.lineHeight ? x = a.y + Math.floor(a.fontStyle.lineHeight / 2) : x = a.y, t.translate(r, x), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(r * -1, x * -1);
         }
         a.fontStyle && a.fontStyle.drawType && a.fontStyle.drawType === "stroke" ? (t.strokeStyle = a.fontStyle.color, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.strokeText(a.source, a.x, a.y)) : (t.fillStyle = o, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.fillText(a.source, a.x, a.y));
-        let s = document.createElement("canvas"), p = s.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, x = this.outputHeight === void 0 ? this.height : this.outputHeight;
-        if (s.width = Number(c), s.height = Number(x), p)
-          return p.drawImage(e, 0, 0, Number(c), Number(x)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
+        let s = document.createElement("canvas"), p = s.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, h = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (s.width = Number(c), s.height = Number(h), p)
+          return p.drawImage(e, 0, 0, Number(c), Number(h)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
       }
     },
     isEmpty() {
@@ -2929,7 +2972,7 @@ var ca = /* @__PURE__ */ S({
     });
   }
 });
-const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1 gap-1" }, ml = /* @__PURE__ */ S({
+const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1 gap-1" }, ml = /* @__PURE__ */ C({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -2951,72 +2994,72 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
     }, c = () => {
       i("save", l.value.isEmpty());
     };
-    return (x, d) => {
-      const $ = q;
-      return r(), v("div", ua, [
-        h(u(ca), _({
+    return (h, r) => {
+      const x = q;
+      return d(), v("div", ua, [
+        w(u(ca), _({
           ref_key: "drawingCanvas",
           ref: l,
           image: n.value,
-          "onUpdate:image": d[0] || (d[0] = (T) => n.value = T),
+          "onUpdate:image": r[0] || (r[0] = ($) => n.value = $),
           "data-cy": "drawing-canvas",
           class: "border canvas"
-        }, { ...x.$attrs }, {
-          height: x.height,
-          width: x.width,
-          style: `height: ${x.height}px; width: ${x.width}px`,
-          "line-join": x.lineJoin
+        }, { ...h.$attrs }, {
+          height: h.height,
+          width: h.width,
+          style: `height: ${h.height}px; width: ${h.width}px`,
+          "line-join": h.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
         m("div", ma, [
-          a.showUndo ? (r(), y($, {
+          a.showUndo ? (d(), y(x, {
             key: 0,
             onClick: p,
             outlined: "",
             "data-cy": "undo-button"
           }, {
-            default: f(() => d[1] || (d[1] = [
+            default: f(() => r[1] || (r[1] = [
               M("Undo")
             ])),
             _: 1
-          })) : C("", !0),
-          a.showRedo ? (r(), y($, {
+          })) : z("", !0),
+          a.showRedo ? (d(), y(x, {
             key: 1,
             onClick: s,
             outlined: "",
             "data-cy": "redo-button"
           }, {
-            default: f(() => d[2] || (d[2] = [
+            default: f(() => r[2] || (r[2] = [
               M("Redo")
             ])),
             _: 1
-          })) : C("", !0),
-          a.showClear ? (r(), y($, {
+          })) : z("", !0),
+          a.showClear ? (d(), y(x, {
             key: 2,
             onClick: o,
             outlined: "",
             "data-cy": "clear-button"
           }, {
-            default: f(() => d[3] || (d[3] = [
+            default: f(() => r[3] || (r[3] = [
               M("Clear")
             ])),
             _: 1
-          })) : C("", !0),
-          a.showSave ? (r(), y($, {
+          })) : z("", !0),
+          a.showSave ? (d(), y(x, {
             key: 3,
             onClick: c,
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
-            default: f(() => d[4] || (d[4] = [
+            default: f(() => r[4] || (r[4] = [
               M("Save")
             ])),
             _: 1
-          })) : C("", !0)
+          })) : z("", !0)
         ])
       ]);
     };
   }
-}), va = { class: "value text-white w-100 text-center" }, vl = /* @__PURE__ */ S({
+}), va = { class: "value text-white w-100 text-center" }, vl = /* @__PURE__ */ C({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -3024,15 +3067,15 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e;
-    return (a, i) => (r(), v("div", _(a.$attrs, {
+    return (a, i) => (d(), v("div", _(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", va, [
-        k(a.$slots, "default")
+        B(a.$slots, "default")
       ])
     ], 16));
   }
-}), fa = { key: 0 }, fl = /* @__PURE__ */ S({
+}), fa = { key: 0 }, fl = /* @__PURE__ */ C({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -3050,7 +3093,7 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = z(() => ({
+    const t = e, a = T(() => ({
       header: {
         class: [
           "p-0 m-0 d-flex align-items-center border border-0 bg-transparent gap-1",
@@ -3079,32 +3122,32 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
         ]
       })
     }));
-    return (i, l) => (r(), y(u(qe), { value: i.currentStep }, {
+    return (i, l) => (d(), y(u(qe), { value: i.currentStep }, {
       default: f(() => [
-        h(u(Le), null, {
+        w(u(Le), null, {
           default: f(() => [
-            (r(!0), v(A, null, E(i.steps, (n) => (r(), y(u(Ue), _({
+            (d(!0), v(A, null, E(i.steps, (n) => (d(), y(u(Ue), _({
               key: n.value,
               value: n.value,
               disabled: n.disabled,
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
               default: f(() => [
-                i.showStepLabel ? (r(), v("div", fa, B(n.label), 1)) : C("", !0)
+                i.showStepLabel ? (d(), v("div", fa, F(n.label), 1)) : z("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
           ]),
           _: 1
         }),
-        h(u(He), null, {
+        w(u(He), null, {
           default: f(() => [
-            (r(!0), v(A, null, E(i.steps, (n) => (r(), y(u(Re), {
+            (d(!0), v(A, null, E(i.steps, (n) => (d(), y(u(Re), {
               key: n.value,
               value: n.value
             }, {
               default: f(() => [
-                k(i.$slots, "step" + n.value)
+                B(i.$slots, "step" + n.value)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -3115,7 +3158,7 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), ga = { class: "p-4 text-wrap w-100" }, ba = { class: "p-4 text-wrap w-100" }, gl = /* @__PURE__ */ S({
+}), ga = { class: "p-4 text-wrap w-100" }, ba = { class: "p-4 text-wrap w-100" }, gl = /* @__PURE__ */ C({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -3124,31 +3167,31 @@ const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = z(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = z(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
+    const t = e, a = T(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = T(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
     return (l, n) => {
       const o = q;
-      return t.clickable ? (r(), y(o, {
+      return t.clickable ? (d(), y(o, {
         key: 0,
-        class: F(["d-flex w-100 p-0 text-body", a.value]),
+        class: S(["d-flex w-100 p-0 text-body", a.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
         default: f(() => [
           m("div", ga, [
-            k(l.$slots, "default", {}, () => [
+            B(l.$slots, "default", {}, () => [
               n[0] || (n[0] = M("Tile Content"))
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (r(), v("div", {
+      }, 8, ["severity", "class"])) : (d(), v("div", {
         key: 1,
-        class: F(["d-flex w-100", i.value]),
+        class: S(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
         m("div", ba, [
-          k(l.$slots, "default", {}, () => [
+          B(l.$slots, "default", {}, () => [
             n[1] || (n[1] = M("Tile Content"))
           ])
         ])
@@ -3162,10 +3205,10 @@ function ee(e, t) {
 const ya = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, xa = { class: "ms-2" }, ha = { key: 0 }, wa = {
+}, ha = { class: "ms-2" }, xa = { key: 0 }, wa = {
   class: "w-auto",
   "data-cy": "total"
-}, he = /* @__PURE__ */ S({
+}, xe = /* @__PURE__ */ C({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -3176,14 +3219,14 @@ const ya = {
   setup(e, { emit: t }) {
     const a = t, i = e, l = (o) => {
       a("update:perPage", o.value);
-    }, n = z(() => {
+    }, n = T(() => {
       const o = Math.ceil(i.total / i.perPage);
       return `${o} ${ee(o, "page")}`;
     });
-    return (o, s) => (r(), v("div", ya, [
+    return (o, s) => (d(), v("div", ya, [
       s[2] || (s[2] = M(" Number of results per page ")),
-      m("div", xa, [
-        h(u(ie), {
+      m("div", ha, [
+        w(u(ie), {
           options: i.pageSizes,
           "model-value": i.perPage,
           class: "page-size",
@@ -3191,16 +3234,16 @@ const ya = {
           "data-cy": "pagination-page-size-select"
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (r(), v("div", ha, [
+      i.total ? (d(), v("div", xa, [
         s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", wa, B(i.total) + " " + B(u(ee)(i.total, "result")) + " across " + B(n.value), 1)
-      ])) : C("", !0)
+        m("span", wa, F(i.total) + " " + F(u(ee)(i.total, "result")) + " across " + F(n.value), 1)
+      ])) : z("", !0)
     ]));
   }
 }), ka = { class: "position-relative" }, $a = { "data-cy": "above-table-slot" }, Ba = { class: "d-flex w-100" }, Fa = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Sa = { class: "d-flex" }, Ca = { class: "d-flex align-items-end mb-2" }, za = { key: 0 }, Ta = { class: "ms-auto" }, bl = /* @__PURE__ */ S({
+}, Sa = { class: "d-flex" }, Ca = { class: "d-flex align-items-end mb-2" }, za = { key: 0 }, Ta = { class: "ms-auto" }, bl = /* @__PURE__ */ C({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3298,10 +3341,10 @@ const ya = {
     Q(() => i.perPage, (b) => {
       b && (o.value = b, s.value.perPage = b);
     });
-    const p = z(() => i.totalRecords ?? i.value.length), c = z(() => {
+    const p = T(() => i.totalRecords ?? i.value.length), c = T(() => {
       const b = Math.ceil(p.value / o.value);
       return `${b} ${ee(b, "page")}`;
-    }), x = z(() => ({
+    }), h = T(() => ({
       thead: () => ({
         class: [
           {
@@ -3324,18 +3367,18 @@ const ya = {
           }
         ]
       })
-    })), d = () => {
+    })), r = () => {
       if (i.clearAll)
         i.clearAll();
       else
         for (const b in i.filters)
           typeof i.filters[b] == "string" ? i.filters[b] = "" : i.filters[b].value = null;
       D(i.filters);
-    }, $ = () => {
+    }, x = () => {
       l.value.exportCSV();
-    }, T = (b) => {
-      var w;
-      s.value.sortDirection = b.sortOrder === 1 ? "Asc" : b.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((w = b.sortField) == null ? void 0 : w.toString()) ?? "", a("update:tableContext", s.value), a("sort", b);
+    }, $ = (b) => {
+      var k;
+      s.value.sortDirection = b.sortOrder === 1 ? "Asc" : b.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((k = b.sortField) == null ? void 0 : k.toString()) ?? "", a("update:tableContext", s.value), a("sort", b);
     }, D = (b) => {
       s.value.filters = b, a("update:tableContext", s.value), a("update:filters", b);
     }, O = (b) => {
@@ -3345,14 +3388,14 @@ const ya = {
     };
     return Q(() => i.filters, (b) => {
       s.value.filters = b, a("update:tableContext", s.value);
-    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (b, w) => (r(), v("div", ka, [
+    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (b, k) => (d(), v("div", ka, [
       m("span", $a, [
-        k(b.$slots, "above-table")
+        B(b.$slots, "above-table")
       ]),
-      h(u(We), _({
+      w(u(We), _({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
       }, { ...i, ...b.$attrs }, {
-        pt: x.value,
+        pt: h.value,
         rows: o.value,
         "total-records": p.value,
         "filter-display": i.filters ? "row" : void 0,
@@ -3360,95 +3403,95 @@ const ya = {
         ref: l,
         "data-cy": "table",
         "onUpdate:filters": D,
-        onSort: T,
+        onSort: $,
         onPage: O,
         showHeaders: ""
       }), ae({
         empty: f(() => [
           m("div", Ba, [
-            m("h5", Fa, B(b.emptyMessage ?? "No items Found."), 1)
+            m("h5", Fa, F(b.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: f(() => [
           m("div", {
-            class: F(i.loading ? "opacity-50" : "")
+            class: S(i.loading ? "opacity-50" : "")
           }, [
             m("div", Sa, [
               m("div", Ca, [
-                b.paginator && !b.legacyPaginationFooter ? (r(), v("span", za, [
-                  h(he, {
+                b.paginator && !b.legacyPaginationFooter ? (d(), v("span", za, [
+                  w(xe, {
                     total: p.value,
                     "page-sizes": n.value,
                     "per-page": o.value,
                     "onUpdate:perPage": [
-                      w[0] || (w[0] = (I) => o.value = I),
+                      k[0] || (k[0] = (I) => o.value = I),
                       U
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : C("", !0)
+                ])) : z("", !0)
               ]),
               m("div", Ta, [
-                b.showClearButton ? (r(), y(u(q), {
+                b.showClearButton ? (d(), y(u(q), {
                   key: 0,
                   outlined: "",
-                  class: F(b.showExporterButton ? "me-2" : ""),
-                  onClick: d,
+                  class: S(b.showExporterButton ? "me-2" : ""),
+                  onClick: r,
                   "data-cy": "clear-all"
                 }, {
                   default: f(() => [
-                    h(u(P), {
+                    w(u(P), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    w[2] || (w[2] = M(" Clear "))
+                    k[2] || (k[2] = M(" Clear "))
                   ]),
                   _: 1
-                }, 8, ["class"])) : C("", !0),
-                b.showExporterButton ? (r(), y(u(q), {
+                }, 8, ["class"])) : z("", !0),
+                b.showExporterButton ? (d(), y(u(q), {
                   key: 1,
                   outlined: "",
-                  onClick: $,
+                  onClick: x,
                   "data-cy": "exporter"
                 }, {
                   default: f(() => [
-                    h(u(P), {
+                    w(u(P), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
-                    w[3] || (w[3] = M(" Export "))
+                    k[3] || (k[3] = M(" Export "))
                   ]),
                   _: 1
-                })) : C("", !0),
-                k(b.$slots, "column-customiser")
+                })) : z("", !0),
+                B(b.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
         default: f(() => [
-          k(b.$slots, "default")
+          B(b.$slots, "default")
         ]),
         _: 2
       }, [
         E(b.$slots, (I, g) => ({
           name: g,
           fn: f((V) => [
-            k(b.$slots, g, W(G(V || {})))
+            B(b.$slots, g, W(G(V || {})))
           ])
         })),
         b.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: f(() => [
             m("span", {
-              class: F(["d-flex", i.loading ? "opacity-50" : ""]),
+              class: S(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              w[4] || (w[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              h(u(ie), {
+              k[4] || (k[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
+              w(u(ie), {
                 options: n.value,
                 modelValue: o.value,
-                "onUpdate:modelValue": w[1] || (w[1] = (I) => o.value = I),
+                "onUpdate:modelValue": k[1] || (k[1] = (I) => o.value = I),
                 class: "ms-2",
                 onClick: U
               }, null, 8, ["options", "modelValue"])
@@ -3461,8 +3504,8 @@ const ya = {
           fn: f(() => [
             m("span", {
               "data-cy": "legacy-total",
-              class: F(i.loading ? "opacity-50" : "")
-            }, B(p.value) + " " + B(u(ee)(p.value, "result")) + " across " + B(c.value), 3)
+              class: S(i.loading ? "opacity-50" : "")
+            }, F(p.value) + " " + F(u(ee)(p.value, "result")) + " across " + F(c.value), 3)
           ]),
           key: "1"
         } : void 0
@@ -3472,7 +3515,7 @@ const ya = {
 }), _a = { class: "position-relative" }, Pa = { "data-cy": "above-table-slot" }, ja = { class: "d-flex w-100" }, Ia = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Ma = { class: "d-flex" }, Va = { class: "d-flex align-items-end mb-2" }, Da = { key: 0 }, Oa = { class: "ms-auto" }, yl = /* @__PURE__ */ S({
+}, Ma = { class: "d-flex" }, Va = { class: "d-flex align-items-end mb-2" }, Da = { key: 0 }, Oa = { class: "ms-auto" }, yl = /* @__PURE__ */ C({
   __name: "ForgeTreeTable",
   props: {
     stripedRows: { type: Boolean, default: !1 },
@@ -3540,10 +3583,10 @@ const ya = {
       sortDirection: "None",
       sortField: "",
       total: a.totalRecords ?? a.value.length
-    }), c = z(() => a.totalRecords ?? a.value.length), x = z(() => {
+    }), c = T(() => a.totalRecords ?? a.value.length), h = T(() => {
       const g = Math.ceil(c.value / n.value);
       return `${g} ${ee(g, "page")}`;
-    }), d = z(() => ({
+    }), r = T(() => ({
       root: "position-relative",
       table: (g) => ({
         class: [
@@ -3579,9 +3622,9 @@ const ya = {
       ]
     }));
     Q(() => a.parentExpanderFullRow, (g) => {
-      g ? $() : T();
+      g ? x() : $();
     });
-    const $ = () => {
+    const x = () => {
       a.parentExpanderFullRow && setTimeout(
         () => {
           const g = Array.from(
@@ -3597,7 +3640,7 @@ const ya = {
         },
         0
       );
-    }, T = () => {
+    }, $ = () => {
       setTimeout(
         () => {
           const g = Array.from(
@@ -3622,74 +3665,74 @@ const ya = {
       U(a.filters);
     }, O = (g) => {
       var V;
-      p.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((V = g.sortField) == null ? void 0 : V.toString()) ?? "", i("update:tableContext", p.value), i("sort", g), $();
+      p.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((V = g.sortField) == null ? void 0 : V.toString()) ?? "", i("update:tableContext", p.value), i("sort", g), x();
     }, U = (g) => {
-      p.value.filters = g, i("update:tableContext", p.value), i("update:filters", g), $();
+      p.value.filters = g, i("update:tableContext", p.value), i("update:filters", g), x();
     }, b = (g) => {
-      p.value.page = s.value = g.page, I(), i("update:tableContext", p.value), i("page", g), $();
-    }, w = () => {
-      p.value.perPage = n.value, s.value = 0, p.value.page = s.value = Math.floor(o.value / n.value), I(), i("update:tableContext", p.value), $();
+      p.value.page = s.value = g.page, I(), i("update:tableContext", p.value), i("page", g), x();
+    }, k = () => {
+      p.value.perPage = n.value, s.value = 0, p.value.page = s.value = Math.floor(o.value / n.value), I(), i("update:tableContext", p.value), x();
     };
     Q(() => a.filters, (g) => {
       p.value.filters = g, i("update:tableContext", p.value);
     }, { deep: !0 }), Q(() => a.value, () => {
-      $();
+      x();
     }), ne(() => {
-      $(), i("update:tableContext", p.value);
+      x(), i("update:tableContext", p.value);
     });
     const I = () => {
       o.value = s.value * n.value;
     };
-    return (g, V) => (r(), v("div", _a, [
+    return (g, V) => (d(), v("div", _a, [
       m("span", Pa, [
-        k(g.$slots, "above-table")
+        B(g.$slots, "above-table")
       ]),
-      h(u(Ge), _({
+      w(u(Ge), _({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
       }, { ...a, ...g.$attrs }, {
-        pt: d.value,
+        pt: r.value,
         "filter-display": a.filters ? "row" : void 0,
         rows: g.paginator ? n.value : void 0,
         "data-cy": "tree-table",
         "onUpdate:filters": U,
         onSort: O,
         onPage: b,
-        onNodeExpand: V[2] || (V[2] = () => $()),
+        onNodeExpand: V[2] || (V[2] = () => x()),
         showHeaders: "",
         first: o.value
       }), ae({
         empty: f(() => [
           m("div", ja, [
-            m("h5", Ia, B(g.emptyMessage ?? "No items Found."), 1)
+            m("h5", Ia, F(g.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: f(() => [
           m("div", {
-            class: F(a.loading ? "opacity-50" : "")
+            class: S(a.loading ? "opacity-50" : "")
           }, [
             m("div", Ma, [
               m("div", Va, [
-                g.paginator && !g.legacyPaginationFooter ? (r(), v("span", Da, [
-                  h(he, {
+                g.paginator && !g.legacyPaginationFooter ? (d(), v("span", Da, [
+                  w(xe, {
                     total: c.value,
                     "page-sizes": l.value,
                     "per-page": n.value,
                     "onUpdate:perPage": [
                       V[0] || (V[0] = (L) => n.value = L),
-                      w
+                      k
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : C("", !0)
+                ])) : z("", !0)
               ]),
               m("div", Oa, [
-                g.showClearButton ? (r(), y(u(q), {
+                g.showClearButton ? (d(), y(u(q), {
                   key: 0,
                   outlined: "",
                   onClick: D,
                   "data-cy": "clear-all"
                 }, {
                   default: f(() => [
-                    h(u(P), {
+                    w(u(P), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
@@ -3697,37 +3740,37 @@ const ya = {
                     V[3] || (V[3] = M(" Clear "))
                   ]),
                   _: 1
-                })) : C("", !0),
-                k(g.$slots, "column-customiser")
+                })) : z("", !0),
+                B(g.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
         default: f(() => [
-          k(g.$slots, "default")
+          B(g.$slots, "default")
         ]),
         _: 2
       }, [
         E(g.$slots, (L, ve) => ({
           name: ve,
           fn: f(($e) => [
-            k(g.$slots, ve, W(G($e || {})))
+            B(g.$slots, ve, W(G($e || {})))
           ])
         })),
         g.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: f(() => [
             m("span", {
-              class: F(["d-flex", a.loading ? "opacity-50" : ""]),
+              class: S(["d-flex", a.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
               V[4] || (V[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              h(u(ie), {
+              w(u(ie), {
                 options: l.value,
                 modelValue: n.value,
                 "onUpdate:modelValue": V[1] || (V[1] = (L) => n.value = L),
                 class: "ms-2",
-                onClick: w
+                onClick: k
               }, null, 8, ["options", "modelValue"])
             ], 2)
           ]),
@@ -3738,15 +3781,15 @@ const ya = {
           fn: f(() => [
             m("span", {
               "data-cy": "legacy-total",
-              class: F(a.loading ? "opacity-50" : "")
-            }, B(c.value) + " " + B(u(ee)(c.value, "result")) + " across " + B(x.value), 3)
+              class: S(a.loading ? "opacity-50" : "")
+            }, F(c.value) + " " + F(u(ee)(c.value, "result")) + " across " + F(h.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "filter-display", "rows", "first"])
     ]));
   }
-}), Na = { class: "d-flex position-relative" }, Aa = { class: "d-flex w-100" }, xl = /* @__PURE__ */ S({
+}), Na = { class: "d-flex position-relative" }, Aa = { class: "d-flex w-100" }, hl = /* @__PURE__ */ C({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ R({
     dataType: {},
@@ -3767,7 +3810,7 @@ const ya = {
       const o = (s) => {
         var c;
         const p = (c = e.dropdownOptions) == null ? void 0 : c.find(
-          (x) => e.optionValue ? x[e.optionValue] === s : Object.keys(x).every((d) => s.hasOwnProperty(d) && x[d] === s[d])
+          (h) => e.optionValue ? h[e.optionValue] === s : Object.keys(h).every((r) => s.hasOwnProperty(r) && h[r] === s[r])
         );
         return e.optionLabel ? p[e.optionLabel] : p;
       };
@@ -3777,20 +3820,20 @@ const ya = {
     };
     return (l, n) => {
       const o = fe, s = q;
-      return r(), v("div", Na, [
-        l.dataType === "numeric" ? (r(), y(o, _({
+      return d(), v("div", Na, [
+        l.dataType === "numeric" ? (d(), y(o, _({
           key: 0,
           modelValue: t.value,
           "onUpdate:modelValue": n[0] || (n[0] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
-        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (r(), y(xe, _({
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (d(), y(he, _({
           key: 1,
           modelValue: t.value,
           "onUpdate:modelValue": n[1] || (n[1] = (p) => t.value = p)
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (r(), y(u(ie), _({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), y(u(ie), _({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": n[2] || (n[2] = (p) => t.value = p)
@@ -3802,16 +3845,16 @@ const ya = {
           value: f(({ value: p, placeholder: c }) => [
             m("div", Aa, [
               m("span", {
-                class: F({ "filter-placeholder": p === null })
-              }, B(a(p, c)), 3),
-              l.showClearButton && t.value !== null ? (r(), y(s, {
+                class: S({ "filter-placeholder": p === null })
+              }, F(a(p, c)), 3),
+              l.showClearButton && t.value !== null ? (d(), y(s, {
                 key: 0,
                 onClick: X(i, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
                 default: f(() => [
-                  h(u(P), {
+                  w(u(P), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -3819,11 +3862,11 @@ const ya = {
                   })
                 ]),
                 _: 1
-              })) : C("", !0)
+              })) : z("", !0)
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (r(), y(u(re), _({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), y(u(re), _({
           key: 3,
           modelValue: t.value,
           "onUpdate:modelValue": n[3] || (n[3] = (p) => t.value = p)
@@ -3833,20 +3876,20 @@ const ya = {
           "option-label": l.optionLabel,
           "option-value": l.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (r(), y(u(se), _({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), y(u(se), _({
           key: 4,
           modelValue: t.value,
           "onUpdate:modelValue": n[4] || (n[4] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
         }, l.$attrs), null, 16, ["modelValue"])),
-        l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (r(), y(s, {
+        l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (d(), y(s, {
           key: 5,
           onClick: X(i, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
           default: f(() => [
-            h(u(P), {
+            w(u(P), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -3854,7 +3897,7 @@ const ya = {
             })
           ]),
           _: 1
-        })) : C("", !0)
+        })) : z("", !0)
       ]);
     };
   }
@@ -5017,7 +5060,7 @@ function Ra() {
 const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disabled", "multiple"], Ga = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, Ya = /* @__PURE__ */ S({
+}, Ya = /* @__PURE__ */ C({
   __name: "UploadButton",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -5029,13 +5072,13 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = j(), i = (o) => a.value.toggle(o), l = z(() => e.maxFileInput <= t.value.length), n = (o) => {
+    const t = N(e, "modelValue"), a = j(), i = (o) => a.value.toggle(o), l = T(() => e.maxFileInput <= t.value.length), n = (o) => {
       t.value = ke(o, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileInput);
     };
     return (o, s) => {
       const p = q;
-      return r(), v("div", Ha, [
-        k(o.$slots, "message"),
+      return d(), v("div", Ha, [
+        B(o.$slots, "message"),
         m("div", null, [
           m("input", {
             id: "file-input",
@@ -5047,12 +5090,12 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
             onInput: s[0] || (s[0] = (c) => n([...c.target.files]))
           }, null, 40, Wa),
           m("label", {
-            class: F([{ disabled: l.value }, "btn btn-primary"]),
+            class: S([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
-            k(o.$slots, "button-content", {}, () => [
-              h(u(P), {
+            B(o.$slots, "button-content", {}, () => [
+              w(u(P), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
@@ -5062,7 +5105,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
             ])
           ], 2)
         ]),
-        o.showDragDropArea ? (r(), y(p, {
+        o.showDragDropArea ? (d(), y(p, {
           link: "",
           class: "ms-auto",
           key: o.acceptedFileTypes.length,
@@ -5073,13 +5116,13 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
             M("Accepted File Types")
           ])),
           _: 1
-        })) : C("", !0),
-        h(u(be), {
+        })) : z("", !0),
+        w(u(be), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
           default: f(() => [
-            m("div", Ga, B(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
+            m("div", Ga, F(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
@@ -5093,7 +5136,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
 }, Ka = {
   key: 1,
   class: "d-flex flex-column"
-}, Za = /* @__PURE__ */ S({
+}, Za = /* @__PURE__ */ C({
   __name: "DragDropArea",
   props: /* @__PURE__ */ R({
     maxFileInput: {},
@@ -5105,30 +5148,30 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = j(!1), i = z(() => e.maxFileInput <= t.value.length), l = (n) => {
+    const t = N(e, "modelValue"), a = j(!1), i = T(() => e.maxFileInput <= t.value.length), l = (n) => {
       a.value = !1, n.dataTransfer.files.length > e.maxFileInput || i.value ? n.preventDefault() : t.value = ke([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((o) => o.fileType), e.maxFileSize);
     };
-    return (n, o) => (r(), v("div", {
+    return (n, o) => (d(), v("div", {
       id: "drag-drop-area",
-      class: F(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      class: S(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
       onDragleave: o[0] || (o[0] = X((s) => a.value = !1, ["prevent"])),
       onDragover: o[1] || (o[1] = X((s) => a.value = !0, ["prevent"])),
       onDrop: X(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (r(), v("div", Ja, [
-        h(u(P), {
+      t.value.length === 0 ? (d(), v("div", Ja, [
+        w(u(P), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
         o[2] || (o[2] = M(" Drag and drop files here "))
-      ])) : (r(), v("div", Ka, [
-        k(n.$slots, "default")
+      ])) : (d(), v("div", Ka, [
+        B(n.$slots, "default")
       ]))
     ], 34));
   }
-}), Xa = { class: "d-flex align-items-center me-2" }, Qa = /* @__PURE__ */ S({
+}), Xa = { class: "d-flex align-items-center me-2" }, Qa = /* @__PURE__ */ C({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -5137,7 +5180,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = e, a = z(() => t.uploadStatus === "Failed" || t.uploadStatus === "InvalidFileType" || t.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), i = z(() => {
+    const t = e, a = T(() => t.uploadStatus === "Failed" || t.uploadStatus === "InvalidFileType" || t.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), i = T(() => {
       switch (t.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -5155,22 +5198,22 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
     });
     return (l, n) => {
       const o = pe;
-      return r(), v("div", Xa, [
-        t.uploadStatus === "Uploading" ? (r(), y(o, {
+      return d(), v("div", Xa, [
+        t.uploadStatus === "Uploading" ? (d(), y(o, {
           key: 0,
           "in-line": ""
-        })) : C("", !0),
-        t.uploadStatus !== "Uploading" && t.uploadStatus !== "Not Uploaded" && t.uploadStatus !== "Uploaded" && t.uploadStatus !== "Preparing" ? (r(), y(de, {
+        })) : z("", !0),
+        t.uploadStatus !== "Uploading" && t.uploadStatus !== "Not Uploaded" && t.uploadStatus !== "Uploaded" && t.uploadStatus !== "Preparing" ? (d(), y(de, {
           key: 1,
           id: "upload-status-alert",
           severity: a.value,
           class: "mb-0 w-75 ms-auto"
         }, {
           default: f(() => [
-            M(B(i.value), 1)
+            M(F(i.value), 1)
           ]),
           _: 1
-        }, 8, ["severity"])) : C("", !0)
+        }, 8, ["severity"])) : z("", !0)
       ]);
     };
   }
@@ -5183,7 +5226,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
 }, li = {
   class: "text-black-50",
   id: "file-size"
-}, ni = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, oi = /* @__PURE__ */ S({
+}, ni = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, oi = /* @__PURE__ */ C({
   __name: "FileInfo",
   props: /* @__PURE__ */ R({
     editableFileName: { type: Boolean },
@@ -5202,18 +5245,18 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
   }),
   emits: /* @__PURE__ */ R(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), n = t, o = j(a.value.name), s = j(""), p = j(0), c = j(), x = z(() => e.acceptedFileTypes.some(({ fileType: b }) => b === a.value.type)), d = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : Ra().getType(a.value.name)), T = () => {
+    const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), n = t, o = j(a.value.name), s = j(""), p = j(0), c = j(), h = T(() => e.acceptedFileTypes.some(({ fileType: b }) => b === a.value.type)), r = T(() => a.value.size <= e.maxFileSize), x = T(() => a.value.type ? a.value.type : Ra().getType(a.value.name)), $ = () => {
       o.value != null && (D(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, D = () => {
-      let b = o.value.split("."), w = Ea.getExtension($.value), I = o.value.split(".").pop();
-      b.length === 1 ? I && I.length > 0 && (o.value = [o.value, w].join(".")) : b.length > 1 && I !== w && (o.value = o.value.replace(I, w));
+      let b = o.value.split("."), k = Ea.getExtension(x.value), I = o.value.split(".").pop();
+      b.length === 1 ? I && I.length > 0 && (o.value = [o.value, k].join(".")) : b.length > 1 && I !== k && (o.value = o.value.replace(I, k));
     }, O = async () => {
-      if (!x.value || !d.value) {
-        l.value = x.value ? "InvalidFileSize" : "InvalidFileType";
+      if (!h.value || !r.value) {
+        l.value = h.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
       l.value = "Preparing", c.value = new AbortController();
-      const [b, w] = await e.getFileUrlAction(a.value.name);
+      const [b, k] = await e.getFileUrlAction(a.value.name);
       if (!b) {
         l.value = "Failed";
         return;
@@ -5224,12 +5267,12 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
           abortSignal: c.value.signal,
           onProgress: (V) => p.value = V.loadedBytes,
           blobHTTPHeaders: {
-            blobContentType: $.value,
+            blobContentType: x.value,
             blobContentDisposition: `attachment; filename="${a.value.name}"`
           },
           tags: { temp: "true" }
         };
-        await I.uploadData(a.value, g), s.value = b, l.value = "Uploaded", i.value = w;
+        await I.uploadData(a.value, g), s.value = b, l.value = "Uploaded", i.value = k;
       } catch (I) {
         if (I.name === "AbortError") {
           l.value = "Aborted";
@@ -5242,14 +5285,14 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
     };
     return ne(() => {
       e.autoUploadToBlob && l.value != "Uploaded" && O();
-    }), (b, w) => {
+    }), (b, k) => {
       const I = q;
-      return r(), v("div", {
+      return d(), v("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          u(qa)(a.value.type) ? (r(), y(u(Ye), {
+          u(qa)(a.value.type) ? (d(), y(u(Ye), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
@@ -5257,7 +5300,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (r(), y(u(P), {
+          }, null, 8, ["src", "alt"])) : (d(), y(u(P), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -5267,56 +5310,56 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
         ]),
         m("div", ti, [
           m("div", null, [
-            b.editableFileName ? (r(), y(Gt, {
+            b.editableFileName ? (d(), y(Gt, {
               key: 0,
               id: "edit-file-name",
               modelValue: o.value,
-              "onUpdate:modelValue": w[0] || (w[0] = (g) => o.value = g),
+              "onUpdate:modelValue": k[0] || (k[0] = (g) => o.value = g),
               rules: b.customFileNameRules,
               name: a.value.name,
-              "complete-action": T
-            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", ai, B(o.value), 1))
+              "complete-action": $
+            }, null, 8, ["modelValue", "rules", "name"])) : (d(), v("span", ai, F(o.value), 1))
           ]),
-          m("span", ii, "File type: " + B(a.value.type.split("/").pop()), 1),
-          m("span", li, "File size: " + B(u(me)(a.value.size)), 1)
+          m("span", ii, "File type: " + F(a.value.type.split("/").pop()), 1),
+          m("span", li, "File size: " + F(u(me)(a.value.size)), 1)
         ]),
         m("div", ni, [
-          (r(), y(Qa, {
+          (d(), y(Qa, {
             key: l.value,
             "file-size": a.value.size,
             "upload-status": l.value,
             "bytes-uploaded": p.value,
             "max-file-size": b.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (r(), y(I, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (d(), y(I, {
             key: 0,
             link: "",
             onClick: O
           }, {
             default: f(() => [
-              h(u(P), {
+              w(u(P), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : C("", !0),
-          l.value === "Uploading" ? (r(), y(I, {
+          })) : z("", !0),
+          l.value === "Uploading" ? (d(), y(I, {
             key: 1,
             link: "",
-            onClick: w[1] || (w[1] = (g) => c.value.abort())
+            onClick: k[1] || (k[1] = (g) => c.value.abort())
           }, {
             default: f(() => [
-              h(u(P), { icon: "bi:x-circle-fill" })
+              w(u(P), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (r(), y(I, {
+          })) : (d(), y(I, {
             key: 2,
             link: "",
             onClick: U,
             id: "delete-button"
           }, {
             default: f(() => [
-              h(u(P), { icon: "bi:trash" })
+              w(u(P), { icon: "bi:trash" })
             ]),
             _: 1
           }))
@@ -5324,19 +5367,19 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
       ], 8, ei);
     };
   }
-}), si = { class: "d-flex justify-content-end mt-1 gap-1" }, ri = { id: "max-file-size" }, di = { id: "max-file-input" }, pi = /* @__PURE__ */ S({
+}), si = { class: "d-flex justify-content-end mt-1 gap-1" }, ri = { id: "max-file-size" }, di = { id: "max-file-input" }, pi = /* @__PURE__ */ C({
   __name: "FileInputInfo",
   props: {
     maxFileSize: {},
     maxFileInput: {}
   },
   setup(e) {
-    return (t, a) => (r(), v("div", si, [
-      m("div", ri, "Max file size: " + B(u(me)(t.maxFileSize)), 1),
-      m("div", di, "| Max file count: " + B(t.maxFileInput), 1)
+    return (t, a) => (d(), v("div", si, [
+      m("div", ri, "Max file size: " + F(u(me)(t.maxFileSize)), 1),
+      m("div", di, "| Max file count: " + F(t.maxFileInput), 1)
     ]));
   }
-}), ci = { "data-cy": "file-uploader" }, ui = { key: 0 }, hl = /* @__PURE__ */ S({
+}), ci = { "data-cy": "file-uploader" }, ui = { key: 0 }, xl = /* @__PURE__ */ C({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -5356,13 +5399,13 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
     const t = N(e, "modelValue"), a = e, i = (l) => {
       t.value = t.value.filter((n) => n.file != l);
     };
-    return (l, n) => (r(), v("div", ci, [
-      h(Ya, _(a, {
+    return (l, n) => (d(), v("div", ci, [
+      w(Ya, _(a, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (r(), v("div", ui, [
-        h(Za, {
+      l.showDragDropArea ? (d(), v("div", ui, [
+        w(Za, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
@@ -5370,8 +5413,8 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
           "onUpdate:modelValue": n[1] || (n[1] = (o) => t.value = o)
         }, {
           default: f(() => [
-            (r(!0), v(A, null, E(t.value, ({ file: o }, s) => (r(), v("div", null, [
-              (r(), y(oi, _({
+            (d(!0), v(A, null, E(t.value, ({ file: o }, s) => (d(), v("div", null, [
+              (d(), y(oi, _({
                 key: o.name,
                 class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[s].file,
@@ -5386,14 +5429,14 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        h(pi, {
+        w(pi, {
           "max-file-size": a.maxFileSize,
           "max-file-input": l.maxFileInput
         }, null, 8, ["max-file-size", "max-file-input"])
-      ])) : C("", !0)
+      ])) : z("", !0)
     ]));
   }
-}), mi = { class: "d-flex" }, vi = { class: "me-3" }, fi = { class: "ms-2" }, gi = { class: "d-flex flex-column w-100" }, wl = /* @__PURE__ */ S({
+}), mi = { class: "d-flex" }, vi = { class: "me-3" }, fi = { class: "ms-2" }, gi = { class: "d-flex flex-column w-100" }, wl = /* @__PURE__ */ C({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -5404,19 +5447,19 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
     const t = N(e, "modelValue"), a = j(), i = j(!1), l = (n) => {
       a.value.toggle(n);
     };
-    return (n, o) => (r(), v(A, null, [
-      h(u(q), {
+    return (n, o) => (d(), v(A, null, [
+      w(u(q), {
         onClick: l,
         class: "ms-2"
       }, {
         default: f(() => [
           m("div", mi, [
             m("div", vi, [
-              h(u(P), { icon: "bi:layout-three-columns" })
+              w(u(P), { icon: "bi:layout-three-columns" })
             ]),
-            M(" Columns (" + B(t.value.filter((s) => s.selected).length ?? 0) + "/" + B(t.value.length ?? 0) + ") ", 1),
+            M(" Columns (" + F(t.value.filter((s) => s.selected).length ?? 0) + "/" + F(t.value.length ?? 0) + ") ", 1),
             m("div", fi, [
-              h(u(P), {
+              w(u(P), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5424,7 +5467,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
         ]),
         _: 1
       }),
-      h(u(be), {
+      w(u(be), {
         ref_key: "columnCustomiserPanel",
         ref: a,
         class: "column-customiser",
@@ -5433,15 +5476,15 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
       }, {
         default: f(() => [
           m("div", gi, [
-            (r(!0), v(A, null, E(t.value, (s, p) => (r(), v("div", {
-              class: F(["d-flex cursor-pointer", {
+            (d(!0), v(A, null, E(t.value, (s, p) => (d(), v("div", {
+              class: S(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
                 "py-1": p !== 0 && t.value.length - 1 !== p,
                 "pt-1": t.value.length - 1 === p,
                 "pb-1": p === 0
               }])
             }, [
-              h(ye, {
+              w(ye, {
                 id: s.field,
                 modelValue: s.selected,
                 "onUpdate:modelValue": (c) => s.selected = c,
@@ -5456,19 +5499,19 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), kl = /* @__PURE__ */ S({
+}), kl = /* @__PURE__ */ C({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
       const i = Je;
-      return r(), y(i, W(G({ ...t.$attrs })), ae({
+      return d(), y(i, W(G({ ...t.$attrs })), ae({
         toggleicon: f(({ collapsed: l }) => [
-          l ? (r(), y(u(P), {
+          l ? (d(), y(u(P), {
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
-          })) : C("", !0),
-          l ? C("", !0) : (r(), y(u(P), {
+          })) : z("", !0),
+          l ? z("", !0) : (d(), y(u(P), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
@@ -5479,19 +5522,19 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
         E(t.$slots, (l, n) => ({
           name: n,
           fn: f((o) => [
-            k(t.$slots, n, W(G(o)))
+            B(t.$slots, n, W(G(o)))
           ])
         }))
       ]), 1040);
     };
   }
-}), bi = /* @__PURE__ */ S({
+}), bi = /* @__PURE__ */ C({
   __name: "ForgeToggleButton",
   props: {
     severity: { default: "primary" }
   },
   setup(e) {
-    const t = e, a = z(() => ({
+    const t = e, a = T(() => ({
       root: (i) => ({
         class: [
           "btn",
@@ -5512,7 +5555,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
         ]
       })
     }));
-    return (i, l) => (r(), y(u(Ke), _({ ...i.$attrs, ...t }, {
+    return (i, l) => (d(), y(u(Ke), _({ ...i.$attrs, ...t }, {
       severity: t.severity,
       pt: a.value
     }), null, 16, ["severity", "pt"]));
@@ -5520,7 +5563,7 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
 }), yi = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, $l = /* @__PURE__ */ S({
+}, $l = /* @__PURE__ */ C({
   __name: "ForgeSelectButton",
   props: /* @__PURE__ */ R({
     options: {},
@@ -5550,8 +5593,8 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
         } else
           a.value = a.value === n.value && t.allowEmpty ? null : n.value;
     };
-    return (n, o) => (r(), v("div", yi, [
-      (r(!0), v(A, null, E(n.options, (s, p) => (r(), y(bi, {
+    return (n, o) => (d(), v("div", yi, [
+      (d(!0), v(A, null, E(n.options, (s, p) => (d(), y(bi, {
         key: p,
         onLabel: s.label,
         offLabel: s.label,
@@ -5564,10 +5607,10 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
-}), Bl = /* @__PURE__ */ S({
+}), Bl = /* @__PURE__ */ C({
   __name: "ForgeConfirmPopup",
   setup(e) {
-    const t = z(() => ({
+    const t = T(() => ({
       root: [
         "card w-fit-content position-absolute"
       ],
@@ -5578,9 +5621,9 @@ const Ha = { class: "d-flex justify-content-between" }, Wa = ["accept", "disable
       pcRejectButton: { root: "btn btn-outline-primary btn-sm" },
       pcAcceptButton: { root: "btn btn-primary btn-sm" }
     }));
-    return (a, i) => (r(), y(u(Ze), _({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
+    return (a, i) => (d(), y(u(Ze), _({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
       default: f(() => [
-        (r(!0), v(A, null, E(a.$slots, (l, n) => k(a.$slots, n, { slot: n })), 256))
+        (d(!0), v(A, null, E(a.$slots, (l, n) => B(a.$slots, n, { slot: n })), 256))
       ]),
       _: 3
     }, 16, ["pt"]));
@@ -5604,9 +5647,9 @@ export {
   cl as ForgeChip,
   wl as ForgeColumnCustomiser,
   Bl as ForgeConfirmPopup,
-  xe as ForgeDatepicker,
-  hl as ForgeFileUploader,
-  xl as ForgeFilterHeader,
+  he as ForgeDatepicker,
+  xl as ForgeFileUploader,
+  hl as ForgeFilterHeader,
   dl as ForgeForm,
   pl as ForgeFormField,
   Gt as ForgeInlineEditor,