@3squared/forge-ui-3 2.21.6 → 2.21.7

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

@@ -1,15 +1,15 @@
 import $e from "primevue/message";
-import { defineComponent as z, createBlock as x, openBlock as d, normalizeProps as G, guardReactiveProps as Y, withCtx as g, renderSlot as F, createVNode as k, unref as c, createElementVNode as m, normalizeClass as P, createCommentVNode as T, ref as I, createElementBlock as b, Fragment as U, mergeProps as j, renderList as L, mergeModels as E, useModel as N, computed as _, withDirectives as K, createTextVNode as V, toDisplayString as $, vShow as X, createSlots as ie, onMounted as ne, withKeys as le, isRef as Fe, normalizeStyle as Se, withModifiers as Q, watch as W, h as Ce, useTemplateRef as Te } from "vue";
-import { Icon as M } from "@iconify/vue";
+import { defineComponent as z, createBlock as x, openBlock as d, normalizeProps as G, guardReactiveProps as Y, withCtx as g, renderSlot as S, createVNode as k, unref as c, createElementVNode as m, normalizeClass as P, createCommentVNode as T, ref as M, createElementBlock as b, Fragment as U, mergeProps as _, renderList as L, mergeModels as E, useModel as N, computed as j, withDirectives as K, createTextVNode as V, toDisplayString as $, vShow as X, createSlots as ie, onMounted as ne, withKeys as le, isRef as Se, normalizeStyle as Fe, withModifiers as Q, watch as W, h as Ce, useTemplateRef as Te } from "vue";
+import { Icon as I } from "@iconify/vue";
 import q from "primevue/button";
 import ze from "primevue/toast";
 import Pe from "primevue/autocomplete";
-import je from "primevue/checkbox";
+import _e from "primevue/checkbox";
 import { useField as se } from "vee-validate";
-import _e from "primevue/progressspinner";
-import Ie from "primevue/dialog";
+import je from "primevue/progressspinner";
+import Me from "primevue/dialog";
 import ae from "primevue/inputtext";
-import { vOnClickOutside as Me } from "@vueuse/components";
+import { vOnClickOutside as Ie } from "@vueuse/components";
 import Ve from "primevue/menubar";
 import de from "primevue/multiselect";
 import De from "primevue/datepicker";
@@ -191,9 +191,10 @@ const Qe = {
   select: {
     root: ({ props: e }) => ({
       class: [
-        "form-select flex-1 d-flex cursor-pointer position-relative",
+        "form-select flex-1 d-flex position-relative",
         {
-          disabled: e.disabled
+          disabled: e.disabled,
+          "cursor-pointer ": !e.disabled
         }
       ]
     }),
@@ -239,9 +240,17 @@ const Qe = {
   }
 }, it = {
   column: {
-    pcSortBadge: {
-      root: "ms-2 my-auto cursor-pointer"
-    },
+    pcSortBadge: (e) => ({
+      root: {
+        class: [
+          "ms-2 my-auto cursor-pointer",
+          {
+            // Remove the badge, if one of the (2) sort columns is the row grouping, as it looks like only one column is sortable. Will show numbers if not only 2 sort values
+            "d-none": e.parent.state.d_groupRowsSortMeta != null && e.parent.state.d_multiSortMeta != null && e.parent.state.d_multiSortMeta.length == 2 && e.parent.state.d_multiSortMeta.some((t) => t.field == e.parent.state.d_groupRowsSortMeta.field)
+          }
+        ]
+      }
+    }),
     headerCell: (e) => {
       var t, a, i, o, l, n;
       return {
@@ -993,7 +1002,7 @@ const Qe = {
       separator: "border-bottom"
     }
   }
-}, Ft = {
+}, St = {
   progressspinner: {
     spin: () => ({
       class: [
@@ -1001,7 +1010,7 @@ const Qe = {
       ]
     })
   }
-}, St = {
+}, Ft = {
   card: {
     root: () => ({
       class: ["card"]
@@ -1110,7 +1119,7 @@ const Qe = {
     pcFilterContainer: { root: "dropdown-item" },
     filterIcon: "d-none"
   }
-}, jt = {
+}, _t = {
   treeSelect: {
     root: ({ props: e }) => ({
       class: [
@@ -1158,7 +1167,7 @@ const Qe = {
       filterIcon: "d-none"
     }
   }
-}, _t = {
+}, jt = {
   fieldset: {
     root: () => ({
       class: [
@@ -1184,7 +1193,7 @@ const Qe = {
       ]
     })
   }
-}, It = {
+}, Mt = {
   accordionPanel: {
     root: "card my-2"
   },
@@ -1202,7 +1211,7 @@ const Qe = {
   accordionContent: {
     root: "mt-2 mx-4 mb-4"
   }
-}, Mt = {
+}, It = {
   // More PT options can be found in the ForgeTable file.
   treetable: {
     root: "position-relative",
@@ -1283,7 +1292,7 @@ const Qe = {
   ...Qe,
   ...ht,
   ...et,
-  ...St,
+  ...Ft,
   ...tt,
   ...dt,
   ...it,
@@ -1300,7 +1309,7 @@ const Qe = {
   ...wt,
   ...ct,
   ...bt,
-  ...Ft,
+  ...St,
   ...yt,
   ...Bt,
   ...$t,
@@ -1310,11 +1319,11 @@ const Qe = {
   ...vt,
   ...zt,
   ...rt,
-  ..._t,
   ...jt,
+  ..._t,
   ...Pt,
-  ...It,
   ...Mt,
+  ...It,
   ...Vt,
   ...Dt,
   directives: {
@@ -1346,7 +1355,7 @@ const Qe = {
           m("div", {
             class: P(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (d(), x(c(M), {
+            t.icon ? (d(), x(c(I), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -1356,10 +1365,10 @@ const Qe = {
           ], 2)
         ]),
         closeicon: g(() => [
-          k(c(M), { icon: "bi:x" })
+          k(c(I), { icon: "bi:x" })
         ]),
         default: g(() => [
-          F(a.$slots, "default")
+          S(a.$slots, "default")
         ]),
         _: 3
       }, 16);
@@ -1374,7 +1383,7 @@ const Qe = {
     params: { default: Array }
   },
   setup(e) {
-    const t = I(!1), a = e, i = async () => {
+    const t = M(!1), a = e, i = async () => {
       t.value = !0;
       try {
         await a.action.apply(this, a.params);
@@ -1386,7 +1395,7 @@ const Qe = {
     return (o, l) => {
       const n = q;
       return d(), b(U, null, [
-        k(n, j({ ...a, ...o.$attrs }, {
+        k(n, _({ ...a, ...o.$attrs }, {
           loading: t.value,
           disabled: t.value || a.disabled,
           onClick: i
@@ -1398,9 +1407,9 @@ const Qe = {
 }), so = /* @__PURE__ */ z({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (t, a) => (d(), x(c(Pe), j({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+    return (t, a) => (d(), x(c(Pe), _({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
       default: g(() => [
-        (d(!0), b(U, null, L(t.$slots, (i, o) => F(t.$slots, o, { slot: o })), 256))
+        (d(!0), b(U, null, L(t.$slots, (i, o) => S(t.$slots, o, { slot: o })), 256))
       ]),
       _: 3
     }, 16));
@@ -1449,16 +1458,16 @@ const Qe = {
       }
     ), n = (p, u) => {
       (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(u) : a.value = u;
-    }, s = _(() => o.value.length > 0);
+    }, s = j(() => o.value.length > 0);
     return (p, u) => {
-      const h = je;
+      const h = _e;
       return d(), b("div", Ot, [
-        m("div", j({
+        m("div", _({
           class: "d-flex",
           "data-cy": "checkbox-container",
           onClick: u[2] || (u[2] = (r) => n(r, a.value))
         }, { ...p.$attrs }), [
-          k(h, j({ ...t }, {
+          k(h, _({ ...t }, {
             binary: "",
             modelValue: a.value,
             "onUpdate:modelValue": u[0] || (u[0] = (r) => a.value = r),
@@ -1471,7 +1480,7 @@ const Qe = {
             onClick: u[1] || (u[1] = (r) => n(r, !a.value)),
             class: P([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            F(p.$slots, "default", {}, () => [
+            S(p.$slots, "default", {}, () => [
               V($(t.label), 1)
             ])
           ], 10, At)
@@ -1492,7 +1501,7 @@ const Qe = {
     inLine: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = j(() => ({
       spin: () => ({
         class: [
           "spinner-border",
@@ -1503,7 +1512,7 @@ const Qe = {
       })
     }));
     return (i, o) => {
-      const l = _e;
+      const l = je;
       return d(), b("div", {
         class: P(i.inLine ? "" : "forge-loader")
       }, [
@@ -1533,7 +1542,7 @@ const Qe = {
     iconName: {}
   },
   setup(e) {
-    const t = _(() => ({
+    const t = j(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1542,7 +1551,7 @@ const Qe = {
       [`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 = _(() => ({
+    })), a = j(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
@@ -1555,8 +1564,8 @@ const Qe = {
       href: i.url,
       target: i.target
     }, [
-      F(i.$slots, "default", {}, () => [
-        i.iconName ? (d(), x(c(M), {
+      S(i.$slots, "default", {}, () => [
+        i.iconName ? (d(), x(c(I), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
@@ -1653,7 +1662,7 @@ const Lt = {
   }),
   emits: ["update:visible", "update:error"],
   setup(e, { expose: t }) {
-    const a = N(e, "visible"), i = I(!1), o = e, l = I(!1), n = N(e, "error"), s = () => {
+    const a = N(e, "visible"), i = M(!1), o = e, l = M(!1), n = N(e, "error"), s = () => {
       n.value = {
         hasError: !1,
         header: "",
@@ -1682,7 +1691,7 @@ const Lt = {
         }
         l.value = !1;
       }
-    }, w = _(() => ({
+    }, w = j(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1702,14 +1711,14 @@ const Lt = {
       ]
     }));
     return (v, C) => {
-      const S = q, A = Ie;
-      return d(), x(A, j(o, {
+      const F = q, A = Me;
+      return d(), x(A, _(o, {
         onMaximize: u,
         onUnmaximize: p,
         pt: w.value
       }), ie({
         closeicon: g(() => [
-          k(c(M), {
+          k(c(I), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
@@ -1718,7 +1727,7 @@ const Lt = {
           })
         ]),
         maximizeicon: g(() => [
-          k(c(M), {
+          k(c(I), {
             "data-cy": "maximisable-icon",
             icon: i.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1749,8 +1758,8 @@ const Lt = {
                 })
               ])) : T("", !0)
             ], 64)) : T("", !0),
-            F(v.$slots, B, G(Y(D || {}))),
-            l.value ? F(v.$slots, "loader", { key: 1 }, () => [
+            S(v.$slots, B, G(Y(D || {}))),
+            l.value ? S(v.$slots, "loader", { key: 1 }, () => [
               k(pe, { "data-cy": "loader" })
             ]) : T("", !0)
           ])
@@ -1759,7 +1768,7 @@ const Lt = {
           name: "footer",
           fn: g(() => [
             m("div", qt, [
-              k(S, {
+              k(F, {
                 label: v.cancelText,
                 class: P(o.cancelClass),
                 outlined: "",
@@ -1767,7 +1776,7 @@ const Lt = {
                 id: "cancel-button",
                 type: o.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              k(S, {
+              k(F, {
                 label: v.submitText,
                 class: P([o.submitClass, "ms-auto"]),
                 onClick: r,
@@ -1796,7 +1805,7 @@ const Lt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = N(e, "modelValue"), i = I(!1), o = I(), l = () => {
+    const t = e, a = N(e, "modelValue"), i = M(!1), o = M(), l = () => {
       var v;
       i.value = !i.value, (v = o.value) == null || v.focus();
     }, n = async () => {
@@ -1820,28 +1829,28 @@ const Lt = {
     ne(() => {
       r.value = a.value;
     });
-    const w = _(() => h.value.length > 0);
+    const w = j(() => h.value.length > 0);
     return (v, C) => {
-      const S = ae, A = q;
+      const F = ae, A = q;
       return d(), b("div", {
         id: t.name
       }, [
         v.readonly ? (d(), b("div", Yt, [
-          F(v.$slots, "default", {}, () => [
+          S(v.$slots, "default", {}, () => [
             m("span", Jt, $(c(r)), 1)
           ])
         ])) : (d(), b("div", Ht, [
           i.value ? (d(), b("div", Wt, [
             K((d(), b("div", Gt, [
-              F(v.$slots, "editor", {
+              S(v.$slots, "editor", {
                 class: P({ "is-invalid": w.value }),
                 editFinished: n,
                 cancel: s,
                 val: c(r)
               }, () => [
-                k(S, {
+                k(F, {
                   modelValue: c(r),
-                  "onUpdate:modelValue": C[0] || (C[0] = (f) => Fe(r) ? r.value = f : null),
+                  "onUpdate:modelValue": C[0] || (C[0] = (f) => Se(r) ? r.value = f : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
@@ -1853,7 +1862,7 @@ const Lt = {
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              k(c(M), {
+              k(c(I), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
@@ -1861,7 +1870,7 @@ const Lt = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c(Me), n]
+              [c(Ie), n]
             ])
           ])) : (d(), b("div", {
             key: 1,
@@ -1869,7 +1878,7 @@ const Lt = {
             onClick: l,
             onFocus: l
           }, [
-            F(v.$slots, "default", {}, () => [
+            S(v.$slots, "default", {}, () => [
               m("div", {
                 class: P(["pe-2 cursor-pointer", { "text-invalid": w.value }]),
                 "data-cy": "value"
@@ -1880,7 +1889,7 @@ const Lt = {
               class: "p-0 m-0"
             }, {
               default: g(() => [
-                k(c(M), {
+                k(c(I), {
                   icon: "bi:pencil",
                   class: P(w.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
@@ -1917,7 +1926,7 @@ const Lt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = j(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1945,7 +1954,7 @@ const Lt = {
         ]
       })
     }));
-    return (i, o) => (d(), x(c(Ve), j({ ...t, ...i.$attrs }, {
+    return (i, o) => (d(), x(c(Ve), _({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
     }), ie({
@@ -1955,14 +1964,14 @@ const Lt = {
           class: "navbar-brand ms-3",
           "data-cy": "logo"
         }, [
-          F(i.$slots, "logo", {}, () => [
+          S(i.$slots, "logo", {}, () => [
             o[0] || (o[0] = V(" Logo "))
           ])
         ], 8, Zt)
       ]),
       buttonicon: g(() => [
-        F(i.$slots, "buttonIcon", {}, () => [
-          k(c(M), {
+        S(i.$slots, "buttonIcon", {}, () => [
+          k(c(I), {
             icon: "bi:list",
             class: P(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
@@ -1975,7 +1984,7 @@ const Lt = {
       L(i.$slots, (l, n) => ({
         name: n,
         fn: g((s) => [
-          F(i.$slots, n, G(Y(s)))
+          S(i.$slots, n, G(Y(s)))
         ])
       }))
     ]), 1040, ["pt"]));
@@ -2016,7 +2025,7 @@ const Lt = {
           class: P(o.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          k(n, j({
+          k(n, _({
             modelValue: a.value,
             "onUpdate:modelValue": l[0] || (l[0] = (p) => a.value = p)
           }, { ...o.$attrs }, {
@@ -2026,18 +2035,18 @@ const Lt = {
             "data-cy": "multiselect"
           }), {
             default: g(() => [
-              (d(!0), b(U, null, L(o.$slots, (p, u) => F(o.$slots, u, { slot: u })), 256))
+              (d(!0), b(U, null, L(o.$slots, (p, u) => S(o.$slots, u, { slot: u })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
-          F(o.$slots, "after-multi-select")
+          S(o.$slots, "after-multi-select")
         ], 2),
         m("div", {
           class: P(o.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
           m("div", {
-            style: Se({ height: o.height }),
+            style: Fe({ height: o.height }),
             class: "overflow-auto"
           }, [
             m("div", Xt, [
@@ -2046,7 +2055,7 @@ const Lt = {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                F(o.$slots, "list-item", { item: p }, () => [
+                S(o.$slots, "list-item", { item: p }, () => [
                   m("span", ea, $(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
                 o.canRemoveItemFromPreview ? (d(), x(s, {
@@ -2056,7 +2065,7 @@ const Lt = {
                   onClick: (u) => i(p.id)
                 }, {
                   default: g(() => [
-                    k(c(M), {
+                    k(c(I), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${p.id}`
@@ -2088,7 +2097,7 @@ const Lt = {
     return (a, i) => (d(), b("div", ia, [
       m("h3", oa, $(t.title), 1),
       m("div", la, [
-        F(a.$slots, "default")
+        S(a.$slots, "default")
       ])
     ]));
   }
@@ -2171,7 +2180,7 @@ const Lt = {
       initialValue: a.value
     }), p = () => {
       s(null), a.value = null;
-    }, u = _(() => i.value.length > 0), h = _(() => ({
+    }, u = j(() => i.value.length > 0), h = j(() => ({
       day: ({ context: r, props: w, attrs: v }) => ({
         class: [
           "d-flex justify-content-center align-items-center",
@@ -2281,10 +2290,10 @@ const Lt = {
       return d(), b(U, null, [
         m("div", na, [
           m("span", sa, [
-            F(r.$slots, "before")
+            S(r.$slots, "before")
           ]),
           m("div", ra, [
-            k(v, j({ ...t, ...r.$attrs }, {
+            k(v, _({ ...t, ...r.$attrs }, {
               pt: h.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
@@ -2294,14 +2303,14 @@ const Lt = {
               onBlur: w[1] || (w[1] = () => c(n)),
               "input-class": { "text-truncate": !0, "datepicker-invalid": u.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"]),
-            K(k(c(M), {
+            K(k(c(I), {
               "data-cy": "icon",
               icon: "bi:calendar4",
               class: P(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white pe-none", `${u.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [X, t.showIcon && !t.inline]
             ]),
-            K(k(c(M), {
+            K(k(c(I), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
@@ -2311,7 +2320,7 @@ const Lt = {
             ])
           ]),
           m("span", da, [
-            F(r.$slots, "after")
+            S(r.$slots, "after")
           ])
         ]),
         K(m("small", {
@@ -2330,7 +2339,7 @@ const Lt = {
     currentCount: {}
   },
   setup(e) {
-    const t = e, a = _(() => t.maxCount - t.currentCount);
+    const t = e, a = j(() => t.maxCount - t.currentCount);
     return (i, o) => (d(), b("div", {
       class: P(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + $(a.value), 3));
@@ -2347,7 +2356,7 @@ const Lt = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = I(!1), i = I({
+    const t = e, a = M(!1), i = M({
       hasError: !1,
       message: ""
     });
@@ -2362,13 +2371,13 @@ const Lt = {
     }
     return (l, n) => {
       const s = q;
-      return d(), b("form", j(l.$attrs, {
+      return d(), b("form", _(l.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: Q(o, ["prevent"])
       }), [
         l.hideTitle ? T("", !0) : (d(), b(U, { key: 0 }, [
-          F(l.$slots, "title", {}, () => [
+          S(l.$slots, "title", {}, () => [
             m("h3", {
               class: P(l.titleClass),
               "data-cy": "form-title"
@@ -2382,7 +2391,7 @@ const Lt = {
           "data-cy": "error"
         }, {
           default: g(() => [
-            F(l.$slots, "error", {
+            S(l.$slots, "error", {
               error: i.value.message
             }, () => [
               V($(i.value.message), 1)
@@ -2390,9 +2399,9 @@ const Lt = {
           ]),
           _: 3
         })) : T("", !0),
-        F(l.$slots, "default"),
+        S(l.$slots, "default"),
         m("div", pa, [
-          F(l.$slots, "cancel", {}, () => [
+          S(l.$slots, "cancel", {}, () => [
             l.hideCancel ? T("", !0) : (d(), x(s, {
               key: 0,
               "data-cy": "cancel-btn",
@@ -2407,7 +2416,7 @@ const Lt = {
               _: 1
             }))
           ]),
-          F(l.$slots, "submit", { submit: o }, () => [
+          S(l.$slots, "submit", { submit: o }, () => [
             k(s, {
               "data-cy": "submit-btn",
               type: "submit",
@@ -2455,12 +2464,12 @@ const Lt = {
       a.type == "number" ? s(h.value) : s(h);
     }, { errors: o, value: l, errorMessage: n, handleChange: s, handleBlur: p } = se(() => a.name, void 0, {
       initialValue: t.value
-    }), u = _(() => o.value.length > 0);
+    }), u = j(() => o.value.length > 0);
     return W(() => l.value, (h) => {
       t.value = h;
     }, { immediate: !0 }), (h, r) => {
-      const w = Ae, v = Oe, C = ae, S = oe, A = de, f = xe;
-      return a.type === "checkbox" ? (d(), x(ye, j({
+      const w = Ae, v = Oe, C = ae, F = oe, A = de, f = xe;
+      return a.type === "checkbox" ? (d(), x(ye, _({
         key: 0,
         id: a.name,
         label: a.fieldLabel
@@ -2480,8 +2489,8 @@ const Lt = {
             V($(a.fieldLabel) + " ", 1),
             h.required ? (d(), b("span", ma, "*")) : T("", !0)
           ], 10, ua),
-          F(h.$slots, "default", G(Y({ modelValue: t.value, updateModel: c(s), hasErrors: u.value })), () => [
-            a.type === "number" ? (d(), x(c(fe), j({
+          S(h.$slots, "default", G(Y({ modelValue: t.value, updateModel: c(s), hasErrors: u.value })), () => [
+            a.type === "number" ? (d(), x(c(fe), _({
               key: 0,
               id: a.name
             }, h.$attrs, {
@@ -2491,7 +2500,7 @@ const Lt = {
               onInput: i,
               modelValue: t.value,
               "onUpdate:modelValue": r[1] || (r[1] = (B) => t.value = B)
-            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), x(w, j({
+            }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), x(w, _({
               key: 1,
               id: a.name
             }, h.$attrs, {
@@ -2501,7 +2510,7 @@ const Lt = {
               "onUpdate:modelValue": r[2] || (r[2] = (B) => t.value = B),
               onInput: i,
               onBlur: c(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), x(v, j({
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), x(v, _({
               key: 2,
               id: a.name
             }, h.$attrs, {
@@ -2512,7 +2521,7 @@ const Lt = {
               "onUpdate:modelValue": r[3] || (r[3] = (B) => t.value = B),
               onComplete: i,
               onBlur: c(p)
-            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), x(C, j({
+            }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), x(C, _({
               key: 3,
               id: a.name
             }, h.$attrs, {
@@ -2522,19 +2531,19 @@ const Lt = {
               "onUpdate:modelValue": r[4] || (r[4] = (B) => t.value = B),
               onInput: i,
               onBlur: c(p)
-            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), x(S, j({ key: 4 }, { ...a, ...h.$attrs }, {
+            }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), x(F, _({ key: 4 }, { ...a, ...h.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": r[5] || (r[5] = (B) => t.value = B),
               class: { "is-invalid": u.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), x(A, j({ key: 5 }, { ...a, ...h.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), x(A, _({ key: 5 }, { ...a, ...h.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": r[6] || (r[6] = (B) => t.value = B),
               class: { "is-invalid": u.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), x(aa, j({ key: 6 }, { ...a, ...h.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), x(aa, _({ key: 6 }, { ...a, ...h.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": r[7] || (r[7] = (B) => t.value = B),
               class: { "is-invalid": u.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), x(f, j({ key: 7 }, { ...a, ...h.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), x(f, _({ key: 7 }, { ...a, ...h.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": r[8] || (r[8] = (B) => t.value = B),
               class: { "is-invalid": u.value }
@@ -2566,7 +2575,7 @@ const Lt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = j(() => ({
       root: [
         "badge d-inline-flex align-items-center border me-1 p-1",
         {
@@ -2586,9 +2595,9 @@ const Lt = {
     }));
     return (i, o) => {
       const l = Ne;
-      return d(), x(l, j({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+      return d(), x(l, _({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
         default: g(() => [
-          (d(!0), b(U, null, L(i.$slots, (n, s) => F(i.$slots, s, { slot: s })), 256))
+          (d(!0), b(U, null, L(i.$slots, (n, s) => S(i.$slots, s, { slot: s })), 256))
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2610,7 +2619,7 @@ const Lt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = _(() => t.striped ? "progress-bar-striped" : null), i = _(() => t.animate ? "progress-bar-animated" : null), o = _(() => {
+    const t = e, a = j(() => t.striped ? "progress-bar-striped" : null), i = j(() => t.animate ? "progress-bar-animated" : null), o = j(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2631,7 +2640,7 @@ const Lt = {
         default:
           return "bg-primary";
       }
-    }), l = _(() => ({
+    }), l = j(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2641,9 +2650,9 @@ const Lt = {
     }));
     return (n, s) => {
       const p = Ue;
-      return d(), x(p, j({ ...n.$attrs, ...t }, { pt: l.value }), {
+      return d(), x(p, _({ ...n.$attrs, ...t }, { pt: l.value }), {
         default: g(() => [
-          F(n.$slots, "default")
+          S(n.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2963,9 +2972,9 @@ var va = /* @__PURE__ */ z({
     },
     wrapText(e, t, a, i, o, l) {
       const n = /(\r\n|\n\r|\n|\r)+/g, s = /\s+/g;
-      var p = t.split(n).filter((S) => S.length > 0);
-      for (let S = 0; S < p.length; S++) {
-        for (var u = p[S].split(s).filter((A) => A.length > 0), h = "", r = 0; r < u.length; r++) {
+      var p = t.split(n).filter((F) => F.length > 0);
+      for (let F = 0; F < p.length; F++) {
+        for (var u = p[F].split(s).filter((A) => A.length > 0), h = "", r = 0; r < u.length; r++) {
           var w = h + u[r] + " ", v = e.measureText(w), C = v.width;
           C > o && 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 = u[r] + " ", i += l) : h = w;
         }
@@ -3053,7 +3062,7 @@ const fa = { class: "d-flex flex-column" }, ga = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, o = Te("drawingCanvas"), l = I(), n = () => {
+    const a = e, i = t, o = Te("drawingCanvas"), l = M(), n = () => {
       o == null || o.value.reset();
     }, s = () => {
       o == null || o.value.redo();
@@ -3065,7 +3074,7 @@ const fa = { class: "d-flex flex-column" }, ga = { class: "d-flex flex-row mt-1
     return (h, r) => {
       const w = q;
       return d(), b("div", fa, [
-        k(c(va), j({
+        k(c(va), _({
           ref_key: "drawingCanvas",
           ref: o,
           image: l.value,
@@ -3139,11 +3148,11 @@ const fa = { class: "d-flex flex-column" }, ga = { class: "d-flex flex-row mt-1
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), b("div", j(a.$attrs, {
+    return (a, i) => (d(), b("div", _(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", ba, [
-        F(a.$slots, "default")
+        S(a.$slots, "default")
       ])
     ], 16));
   }
@@ -3165,7 +3174,7 @@ const fa = { class: "d-flex flex-column" }, ga = { class: "d-flex flex-row mt-1
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = j(() => ({
       header: {
         class: [
           "p-0 m-0 d-flex align-items-center border border-0 bg-transparent gap-1",
@@ -3198,7 +3207,7 @@ const fa = { class: "d-flex flex-column" }, ga = { class: "d-flex flex-row mt-1
       default: g(() => [
         k(c(qe), null, {
           default: g(() => [
-            (d(!0), b(U, null, L(i.steps, (l) => (d(), x(c(Le), j({
+            (d(!0), b(U, null, L(i.steps, (l) => (d(), x(c(Le), _({
               key: l.value,
               value: l.value,
               disabled: l.disabled
@@ -3218,7 +3227,7 @@ const fa = { class: "d-flex flex-column" }, ga = { class: "d-flex flex-row mt-1
               value: l.value
             }, {
               default: g(() => [
-                F(i.$slots, "step" + l.value)
+                S(i.$slots, "step" + l.value)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -3238,7 +3247,7 @@ const fa = { class: "d-flex flex-column" }, ga = { class: "d-flex flex-row mt-1
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = _(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = _(() => `${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 = j(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = j(() => `${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 (o, l) => {
       const n = q;
       return t.clickable ? (d(), x(n, {
@@ -3250,7 +3259,7 @@ const fa = { class: "d-flex flex-column" }, ga = { class: "d-flex flex-row mt-1
       }, {
         default: g(() => [
           m("div", xa, [
-            F(o.$slots, "default", {}, () => [
+            S(o.$slots, "default", {}, () => [
               l[0] || (l[0] = V("Tile Content"))
             ])
           ])
@@ -3262,7 +3271,7 @@ const fa = { class: "d-flex flex-column" }, ga = { class: "d-flex flex-row mt-1
         "data-cy": "tile"
       }, [
         m("div", ha, [
-          F(o.$slots, "default", {}, () => [
+          S(o.$slots, "default", {}, () => [
             l[1] || (l[1] = V("Tile Content"))
           ])
         ])
@@ -3290,7 +3299,7 @@ const wa = {
   setup(e, { emit: t }) {
     const a = t, i = e, o = (n) => {
       a("update:perPage", n.value);
-    }, l = _(() => {
+    }, l = j(() => {
       const n = Math.ceil(i.total / i.perPage);
       return `${n} ${ee(n, "page")}`;
     });
@@ -3311,10 +3320,10 @@ const wa = {
       ])) : T("", !0)
     ]));
   }
-}), Fa = { class: "position-relative" }, Sa = { "data-cy": "above-table-slot" }, Ca = { class: "d-flex w-100" }, Ta = {
+}), Sa = { class: "position-relative" }, Fa = { "data-cy": "above-table-slot" }, Ca = { class: "d-flex w-100" }, Ta = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, za = { class: "d-flex" }, Pa = { class: "d-flex align-items-end mb-2" }, ja = { key: 0 }, _a = { class: "ms-auto" }, $o = /* @__PURE__ */ z({
+}, za = { class: "d-flex" }, Pa = { class: "d-flex align-items-end mb-2" }, _a = { key: 0 }, ja = { class: "ms-auto" }, $o = /* @__PURE__ */ z({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3401,7 +3410,7 @@ const wa = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, o = I(), l = I([5, 10, 20, 50, 100]), n = I(i.perPage ?? 10), s = I({
+    const a = t, i = e, o = M(), l = M([5, 10, 20, 50, 100]), n = M(i.perPage ?? 10), s = M({
       filters: i.filters,
       perPage: n.value,
       page: 0,
@@ -3412,10 +3421,10 @@ const wa = {
     W(() => i.perPage, (f) => {
       f && (n.value = f, s.value.perPage = f);
     });
-    const p = _(() => i.totalRecords ?? i.value.length), u = _(() => {
+    const p = j(() => i.totalRecords ?? i.value.length), u = j(() => {
       const f = Math.ceil(p.value / n.value);
       return `${f} ${ee(f, "page")}`;
-    }), h = _(() => ({
+    }), h = j(() => ({
       thead: () => ({
         class: [
           {
@@ -3452,18 +3461,18 @@ const wa = {
       s.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", s.value.sortField = ((B = f.sortField) == null ? void 0 : B.toString()) ?? "", a("update:tableContext", s.value), a("sort", f);
     }, C = (f) => {
       s.value.filters = f, a("update:tableContext", s.value), a("update:filters", f);
-    }, S = (f) => {
+    }, F = (f) => {
       s.value.page = f.page, a("update:tableContext", s.value), a("page", f);
     }, A = () => {
       s.value.perPage = n.value, a("update:tableContext", s.value);
     };
     return W(() => i.filters, (f) => {
       s.value.filters = f, a("update:tableContext", s.value);
-    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (f, B) => (d(), b("div", Fa, [
-      m("span", Sa, [
-        F(f.$slots, "above-table")
+    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (f, B) => (d(), b("div", Sa, [
+      m("span", Fa, [
+        S(f.$slots, "above-table")
       ]),
-      k(c(We), j({
+      k(c(We), _({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
       }, { ...i, ...f.$attrs }, {
         pt: h.value,
@@ -3475,7 +3484,7 @@ const wa = {
         "data-cy": "table",
         "onUpdate:filters": C,
         onSort: v,
-        onPage: S,
+        onPage: F,
         showHeaders: ""
       }), ie({
         empty: g(() => [
@@ -3489,7 +3498,7 @@ const wa = {
           }, [
             m("div", za, [
               m("div", Pa, [
-                f.paginator && !f.legacyPaginationFooter ? (d(), b("span", ja, [
+                f.paginator && !f.legacyPaginationFooter ? (d(), b("span", _a, [
                   k(he, {
                     total: p.value,
                     "page-sizes": l.value,
@@ -3501,7 +3510,7 @@ const wa = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : T("", !0)
               ]),
-              m("div", _a, [
+              m("div", ja, [
                 f.showClearButton ? (d(), x(c(q), {
                   key: 0,
                   outlined: "",
@@ -3510,7 +3519,7 @@ const wa = {
                   "data-cy": "clear-all"
                 }, {
                   default: g(() => [
-                    k(c(M), {
+                    k(c(I), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
@@ -3527,7 +3536,7 @@ const wa = {
                   "data-cy": "exporter"
                 }, {
                   default: g(() => [
-                    k(c(M), {
+                    k(c(I), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
@@ -3537,20 +3546,20 @@ const wa = {
                   _: 1,
                   __: [3]
                 })) : T("", !0),
-                F(f.$slots, "column-customiser")
+                S(f.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
         default: g(() => [
-          F(f.$slots, "default")
+          S(f.$slots, "default")
         ]),
         _: 2
       }, [
         L(f.$slots, (D, y) => ({
           name: y,
           fn: g((O) => [
-            F(f.$slots, y, G(Y(O || {})))
+            S(f.$slots, y, G(Y(O || {})))
           ])
         })),
         f.legacyPaginationFooter ? {
@@ -3585,10 +3594,10 @@ const wa = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), Ia = { class: "position-relative" }, Ma = { "data-cy": "above-table-slot" }, Va = { class: "d-flex w-100" }, Da = {
+}), Ma = { class: "position-relative" }, Ia = { "data-cy": "above-table-slot" }, Va = { class: "d-flex w-100" }, Da = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Oa = { class: "d-flex" }, Aa = { class: "d-flex align-items-end mb-2" }, Na = { key: 0 }, Ua = { class: "ms-auto" }, Fo = /* @__PURE__ */ z({
+}, Oa = { class: "d-flex" }, Aa = { class: "d-flex align-items-end mb-2" }, Na = { key: 0 }, Ua = { class: "ms-auto" }, So = /* @__PURE__ */ z({
   __name: "ForgeTreeTable",
   props: {
     stripedRows: { type: Boolean, default: !1 },
@@ -3649,17 +3658,17 @@ const wa = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = e, i = t, o = I([5, 10, 20, 50, 100]), l = I(10), n = I(0), s = I(0), p = I({
+    const a = e, i = t, o = M([5, 10, 20, 50, 100]), l = M(10), n = M(0), s = M(0), p = M({
       filters: a.filters,
       perPage: l.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: a.totalRecords ?? a.value.length
-    }), u = _(() => a.totalRecords ?? a.value.length), h = _(() => {
+    }), u = j(() => a.totalRecords ?? a.value.length), h = j(() => {
       const y = Math.ceil(u.value / l.value);
       return `${y} ${ee(y, "page")}`;
-    }), r = _(() => ({
+    }), r = j(() => ({
       root: "position-relative",
       table: (y) => ({
         class: [
@@ -3736,7 +3745,7 @@ const wa = {
         for (const y in a.filters)
           typeof a.filters[y] == "string" ? a.filters[y] = "" : a.filters[y].value = null;
       A(a.filters);
-    }, S = (y) => {
+    }, F = (y) => {
       var O;
       p.value.sortDirection = y.sortOrder === 1 ? "Asc" : y.sortOrder === -1 ? "Desc" : "None", p.value.sortField = ((O = y.sortField) == null ? void 0 : O.toString()) ?? "", i("update:tableContext", p.value), i("sort", y), w();
     }, A = (y) => {
@@ -3756,11 +3765,11 @@ const wa = {
     const D = () => {
       n.value = s.value * l.value;
     };
-    return (y, O) => (d(), b("div", Ia, [
-      m("span", Ma, [
-        F(y.$slots, "above-table")
+    return (y, O) => (d(), b("div", Ma, [
+      m("span", Ia, [
+        S(y.$slots, "above-table")
       ]),
-      k(c(Ge), j({
+      k(c(Ge), _({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
       }, { ...a, ...y.$attrs }, {
         pt: r.value,
@@ -3768,7 +3777,7 @@ const wa = {
         rows: y.paginator ? l.value : void 0,
         "data-cy": "tree-table",
         "onUpdate:filters": A,
-        onSort: S,
+        onSort: F,
         onPage: f,
         onNodeExpand: O[2] || (O[2] = () => w()),
         showHeaders: "",
@@ -3805,7 +3814,7 @@ const wa = {
                   "data-cy": "clear-all"
                 }, {
                   default: g(() => [
-                    k(c(M), {
+                    k(c(I), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
@@ -3815,20 +3824,20 @@ const wa = {
                   _: 1,
                   __: [3]
                 })) : T("", !0),
-                F(y.$slots, "column-customiser")
+                S(y.$slots, "column-customiser")
               ])
             ])
           ], 2)
         ]),
         default: g(() => [
-          F(y.$slots, "default")
+          S(y.$slots, "default")
         ]),
         _: 2
       }, [
         L(y.$slots, (R, ve) => ({
           name: ve,
           fn: g((Be) => [
-            F(y.$slots, ve, G(Y(Be || {})))
+            S(y.$slots, ve, G(Y(Be || {})))
           ])
         })),
         y.legacyPaginationFooter ? {
@@ -3863,7 +3872,7 @@ const wa = {
       ]), 1040, ["class", "pt", "filter-display", "rows", "first"])
     ]));
   }
-}), La = { class: "d-flex position-relative" }, Ea = { class: "d-flex w-100" }, So = /* @__PURE__ */ z({
+}), La = { class: "d-flex position-relative" }, Ea = { class: "d-flex w-100" }, Fo = /* @__PURE__ */ z({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ E({
     dataType: {},
@@ -3895,19 +3904,19 @@ const wa = {
     return (o, l) => {
       const n = fe, s = q;
       return d(), b("div", La, [
-        o.dataType === "numeric" ? (d(), x(n, j({
+        o.dataType === "numeric" ? (d(), x(n, _({
           key: 0,
           modelValue: t.value,
           "onUpdate:modelValue": l[0] || (l[0] = (p) => t.value = p),
           modelModifiers: { trim: !0 }
-        }, o.$attrs), null, 16, ["modelValue"])) : o.dataType === "date" ? (d(), x(xe, j({
+        }, o.$attrs), null, 16, ["modelValue"])) : o.dataType === "date" ? (d(), x(xe, _({
           key: 1,
           modelValue: t.value,
           "onUpdate:modelValue": l[1] || (l[1] = (p) => t.value = p)
         }, o.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : o.dataType === "select" ? (d(), x(c(oe), j({
+        }), null, 16, ["modelValue"])) : o.dataType === "select" ? (d(), x(c(oe), _({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": l[2] || (l[2] = (p) => t.value = p)
@@ -3928,7 +3937,7 @@ const wa = {
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
                 default: g(() => [
-                  k(c(M), {
+                  k(c(I), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -3940,7 +3949,7 @@ const wa = {
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : o.dataType === "multiselect" ? (d(), x(c(de), j({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : o.dataType === "multiselect" ? (d(), x(c(de), _({
           key: 3,
           modelValue: t.value,
           "onUpdate:modelValue": l[3] || (l[3] = (p) => t.value = p)
@@ -3950,7 +3959,7 @@ const wa = {
           "option-label": o.optionLabel,
           "option-value": o.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), x(c(ae), j({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), x(c(ae), _({
           key: 4,
           modelValue: t.value,
           "onUpdate:modelValue": l[4] || (l[4] = (p) => t.value = p),
@@ -3963,7 +3972,7 @@ const wa = {
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
           default: g(() => [
-            k(c(M), {
+            k(c(I), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -5176,13 +5185,13 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = I(), i = (n) => a.value.toggle(n), o = _(() => e.maxFileInput <= t.value.length), l = (n) => {
+    const t = N(e, "modelValue"), a = M(), i = (n) => a.value.toggle(n), o = j(() => e.maxFileInput <= t.value.length), l = (n) => {
       t.value = ke(n, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileSize);
     };
     return (n, s) => {
       const p = q;
       return d(), b("div", Ya, [
-        F(n.$slots, "message"),
+        S(n.$slots, "message"),
         m("div", null, [
           m("input", {
             id: "file-input",
@@ -5198,8 +5207,8 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
             id: "file-input-button",
             for: "file-input"
           }, [
-            F(n.$slots, "button-content", {}, () => [
-              k(c(M), {
+            S(n.$slots, "button-content", {}, () => [
+              k(c(I), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
@@ -5253,7 +5262,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = I(!1), i = _(() => e.maxFileInput <= t.value.length), o = (l) => {
+    const t = N(e, "modelValue"), a = M(!1), i = j(() => e.maxFileInput <= t.value.length), o = (l) => {
       a.value = !1, l.dataTransfer.files.length > e.maxFileInput || i.value ? l.preventDefault() : t.value = ke([...l.dataTransfer.files], t.value, e.acceptedFileTypes.map((n) => n.fileType), e.maxFileSize);
     };
     return (l, n) => (d(), b("div", {
@@ -5264,7 +5273,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
       onDrop: Q(o, ["prevent"])
     }, [
       t.value.length === 0 ? (d(), b("div", Xa, [
-        k(c(M), {
+        k(c(I), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
@@ -5272,7 +5281,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
         }),
         n[2] || (n[2] = V(" Drag and drop files here "))
       ])) : (d(), b("div", Qa, [
-        F(l.$slots, "default")
+        S(l.$slots, "default")
       ]))
     ], 34));
   }
@@ -5285,7 +5294,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = e, a = _(() => t.uploadStatus === "Failed" || t.uploadStatus === "InvalidFileType" || t.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), i = _(() => {
+    const t = e, a = j(() => t.uploadStatus === "Failed" || t.uploadStatus === "InvalidFileType" || t.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), i = j(() => {
       switch (t.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -5350,12 +5359,12 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
   }),
   emits: /* @__PURE__ */ E(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = N(e, "file"), i = N(e, "blobFileName"), o = N(e, "uploadStatus"), l = t, n = I(a.value.name), s = I(""), p = I(0), u = I(), h = _(() => e.acceptedFileTypes.some(({ fileType: f }) => f === a.value.type)), r = _(() => a.value.size <= e.maxFileSize), w = _(() => a.value.type ? a.value.type : Ga().getType(a.value.name)), v = () => {
+    const a = N(e, "file"), i = N(e, "blobFileName"), o = N(e, "uploadStatus"), l = t, n = M(a.value.name), s = M(""), p = M(0), u = M(), h = j(() => e.acceptedFileTypes.some(({ fileType: f }) => f === a.value.type)), r = j(() => a.value.size <= e.maxFileSize), w = j(() => a.value.type ? a.value.type : Ga().getType(a.value.name)), v = () => {
       n.value != null && (C(), a.value = new File([a.value], n.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, C = () => {
       let f = n.value.split("."), B = qa.getExtension(w.value), D = n.value.split(".").pop();
       f.length === 1 ? D && D.length > 0 && (n.value = [n.value, B].join(".")) : f.length > 1 && D !== B && (n.value = n.value.replace(D, B));
-    }, S = async () => {
+    }, F = async () => {
       if (!h.value || !r.value) {
         o.value = h.value ? "InvalidFileSize" : "InvalidFileType";
         return;
@@ -5389,7 +5398,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
       await Ra(o.value, s.value), l("deleted", a.value);
     };
     return ne(() => {
-      e.autoUploadToBlob && o.value != "Uploaded" && S();
+      e.autoUploadToBlob && o.value != "Uploaded" && F();
     }), (f, B) => {
       const D = q;
       return d(), b("div", {
@@ -5405,7 +5414,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (d(), x(c(M), {
+          }, null, 8, ["src", "alt"])) : (d(), x(c(I), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -5439,10 +5448,10 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
           o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (d(), x(D, {
             key: 0,
             link: "",
-            onClick: S
+            onClick: F
           }, {
             default: g(() => [
-              k(c(M), {
+              k(c(I), {
                 icon: o.value === "Not Uploaded" || o.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
@@ -5454,7 +5463,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
             onClick: B[1] || (B[1] = (y) => u.value.abort())
           }, {
             default: g(() => [
-              k(c(M), { icon: "bi:x-circle-fill" })
+              k(c(I), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
           })) : (d(), x(D, {
@@ -5464,7 +5473,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
             id: "delete-button"
           }, {
             default: g(() => [
-              k(c(M), { icon: "bi:trash" })
+              k(c(I), { icon: "bi:trash" })
             ]),
             _: 1
           }))
@@ -5520,7 +5529,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
         ]),
         _: 1
       })) : T("", !0),
-      k(Za, j(a, {
+      k(Za, _(a, {
         modelValue: t.value,
         "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n)
       }), null, 16, ["modelValue"]),
@@ -5534,7 +5543,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
         }, {
           default: g(() => [
             (d(!0), b(U, null, L(t.value, ({ file: n }, s) => (d(), b("div", null, [
-              (d(), x(di, j({
+              (d(), x(di, _({
                 key: n.name,
                 class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[s].file,
@@ -5563,7 +5572,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = N(e, "modelValue"), a = I(), i = I(!1), o = (l) => {
+    const t = N(e, "modelValue"), a = M(), i = M(!1), o = (l) => {
       a.value.toggle(l);
     };
     return (l, n) => (d(), b(U, null, [
@@ -5574,11 +5583,11 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
         default: g(() => [
           m("div", gi, [
             m("div", bi, [
-              k(c(M), { icon: "bi:layout-three-columns" })
+              k(c(I), { icon: "bi:layout-three-columns" })
             ]),
             V(" Columns (" + $(t.value.filter((s) => s.selected).length ?? 0) + "/" + $(t.value.length ?? 0) + ") ", 1),
             m("div", yi, [
-              k(c(M), {
+              k(c(I), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5625,12 +5634,12 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
       const i = Je;
       return d(), x(i, G(Y({ ...t.$attrs })), ie({
         toggleicon: g(({ collapsed: o }) => [
-          o ? (d(), x(c(M), {
+          o ? (d(), x(c(I), {
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
           })) : T("", !0),
-          o ? T("", !0) : (d(), x(c(M), {
+          o ? T("", !0) : (d(), x(c(I), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
@@ -5641,7 +5650,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
         L(t.$slots, (o, l) => ({
           name: l,
           fn: g((n) => [
-            F(t.$slots, l, G(Y(n)))
+            S(t.$slots, l, G(Y(n)))
           ])
         }))
       ]), 1040);
@@ -5653,7 +5662,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
     severity: { default: "primary" }
   },
   setup(e) {
-    const t = e, a = _(() => ({
+    const t = e, a = j(() => ({
       root: (i) => ({
         class: [
           "btn",
@@ -5674,7 +5683,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
         ]
       })
     }));
-    return (i, o) => (d(), x(c(Ke), j({ ...i.$attrs, ...t }, {
+    return (i, o) => (d(), x(c(Ke), _({ ...i.$attrs, ...t }, {
       severity: t.severity,
       pt: a.value
     }), null, 16, ["severity", "pt"]));
@@ -5726,10 +5735,10 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
-}), jo = /* @__PURE__ */ z({
+}), _o = /* @__PURE__ */ z({
   __name: "ForgeConfirmPopup",
   setup(e) {
-    const t = _(() => ({
+    const t = j(() => ({
       root: [
         "card w-fit-content position-absolute"
       ],
@@ -5740,9 +5749,9 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
       pcRejectButton: { root: "btn btn-outline-primary btn-sm" },
       pcAcceptButton: { root: "btn btn-primary btn-sm" }
     }));
-    return (a, i) => (d(), x(c(Ze), j({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
+    return (a, i) => (d(), x(c(Ze), _({ pt: t.value }, { ...a.$attrs, ...a.$props }), {
       default: g(() => [
-        (d(!0), b(U, null, L(a.$slots, (o, l) => F(a.$slots, l, { slot: l })), 256))
+        (d(!0), b(U, null, L(a.$slots, (o, l) => S(a.$slots, l, { slot: l })), 256))
       ]),
       _: 3
     }, 16, ["pt"]));
@@ -5753,7 +5762,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
 }, Bi = {
   key: 0,
   class: "mb-1"
-}, _o = /* @__PURE__ */ z({
+}, jo = /* @__PURE__ */ z({
   __name: "ForgePickList",
   props: /* @__PURE__ */ E({
     filterBy: {},
@@ -5792,12 +5801,12 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = N(e, "modelValue"), i = I([]), o = I([]), l = I(null), n = I(null), s = (v) => {
+    const t = e, a = N(e, "modelValue"), i = M([]), o = M([]), l = M(null), n = M(null), s = (v) => {
       const { items: C } = v;
-      i.value = [...i.value, ...C], o.value = o.value.filter((S) => !C.includes(S));
+      i.value = [...i.value, ...C], o.value = o.value.filter((F) => !C.includes(F));
     }, p = (v) => {
       const { items: C } = v;
-      o.value = o.value.push(...C), i.value = i.value.filter((S) => !C.includes(S));
+      o.value = o.value.push(...C), i.value = i.value.filter((F) => !C.includes(F));
     }, u = () => {
       o.value = [.../* @__PURE__ */ new Set([...o.value, ...a.value[1]])], i.value = i.value.filter((v) => !a.value[1].includes(v));
     }, h = () => {
@@ -5809,19 +5818,19 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
       w();
     });
     const r = () => {
-      var S;
+      var F;
       const v = t.filterBy, C = l.value ? o.value.filter((A) => {
         var f;
         return A[v].toLowerCase().includes((f = l.value) == null ? void 0 : f.toLowerCase());
       }) : [...o.value];
-      (S = a.value) == null || S.splice(0, 1, C);
+      (F = a.value) == null || F.splice(0, 1, C);
     }, w = () => {
-      var S;
+      var F;
       const v = t.filterBy, C = n.value ? i.value.filter((A) => {
         var f;
         return A[v].toLowerCase().includes((f = n.value) == null ? void 0 : f.toLowerCase());
       }) : [...i.value];
-      (S = a.value) == null || S.splice(1, 1, C);
+      (F = a.value) == null || F.splice(1, 1, C);
     };
     return W(
       () => a.value,
@@ -5829,14 +5838,14 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
         v && (i.value = v[1].length > 0 ? [...v[1]] : [], o.value = v[0].length > 0 ? [...v[0]] : [], a.value.splice(0, 1, o.value), a.value.splice(1, 1, i.value));
       },
       { once: !0 }
-    ), (v, C) => (d(), x(c(Xe), j({
+    ), (v, C) => (d(), x(c(Xe), _({
       modelValue: a.value,
-      "onUpdate:modelValue": C[2] || (C[2] = (S) => a.value = S)
+      "onUpdate:modelValue": C[2] || (C[2] = (F) => a.value = F)
     }, { ...v.$attrs, ...t }, {
       onMoveAllToSource: u,
       onMoveAllToTarget: h,
-      onMoveToTarget: C[3] || (C[3] = (S) => s(S)),
-      onMoveToSource: C[4] || (C[4] = (S) => p(S)),
+      onMoveToTarget: C[3] || (C[3] = (F) => s(F)),
+      onMoveToSource: C[4] || (C[4] = (F) => p(F)),
       style: { height: "14rem" }
     }), {
       sourceheader: g(() => [
@@ -5844,7 +5853,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
         k(c(ae), {
           modelValue: l.value,
           "onUpdate:modelValue": [
-            C[0] || (C[0] = (S) => l.value = S),
+            C[0] || (C[0] = (F) => l.value = F),
             r
           ],
           class: "mb-2",
@@ -5857,7 +5866,7 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
         k(c(ae), {
           modelValue: n.value,
           "onUpdate:modelValue": [
-            C[1] || (C[1] = (S) => n.value = S),
+            C[1] || (C[1] = (F) => n.value = F),
             w
           ],
           class: "mb-2",
@@ -5865,13 +5874,13 @@ const Ya = { class: "d-flex justify-content-between" }, Ja = ["accept", "disable
           "data-cy": "target-search"
         }, null, 8, ["modelValue"])
       ]),
-      option: g(({ option: S }) => [
-        V($(S[v.filterBy]), 1)
+      option: g(({ option: F }) => [
+        V($(F[v.filterBy]), 1)
       ]),
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Io = () => ({
+}), Mo = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5889,10 +5898,10 @@ export {
   ye as ForgeCheckbox,
   yo as ForgeChip,
   To as ForgeColumnCustomiser,
-  jo as ForgeConfirmPopup,
+  _o as ForgeConfirmPopup,
   xe as ForgeDatepicker,
   Co as ForgeFileUploader,
-  So as ForgeFilterHeader,
+  Fo as ForgeFilterHeader,
   go as ForgeForm,
   bo as ForgeFormField,
   Kt as ForgeInlineEditor,
@@ -5903,10 +5912,10 @@ export {
   mo as ForgeNavbar,
   vo as ForgePageHeader,
   zo as ForgePanel,
-  _o as ForgePickList,
+  jo as ForgePickList,
   xo as ForgeProgressBar,
   fo as ForgeRemainingCharacters,
-  Io as ForgeResolver,
+  Mo as ForgeResolver,
   ho as ForgeScratchpad,
   Po as ForgeSelectButton,
   wo as ForgeStatWidget,
@@ -5914,7 +5923,7 @@ export {
   $o as ForgeTable,
   Bo as ForgeTile,
   hi as ForgeToggleButton,
-  Fo as ForgeTreeTable,
+  So as ForgeTreeTable,
   co as convertToMultiSelectOption,
   po as enumToMultiSelectList,
   Ut as parseError