@3squared/forge-ui-3 2.16.0 → 2.17.0

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

@@ -1179,7 +1179,7 @@ const Xe = {
       class: "table-overlay table-spinner"
     })
   }
-}, Ki = {
+}, Zi = {
   ...Xe,
   ...xt,
   ...Qe,
@@ -1263,7 +1263,7 @@ const Xe = {
       }, 16);
     };
   }
-}), Zi = /* @__PURE__ */ S({
+}), Xi = /* @__PURE__ */ S({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1293,7 +1293,7 @@ const Xe = {
       ], 64);
     };
   }
-}), Xi = /* @__PURE__ */ S({
+}), Qi = /* @__PURE__ */ S({
   __name: "ForgeAutoComplete",
   setup(e) {
     return (t, a) => (r(), y(u(Pe), P({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
@@ -1413,7 +1413,7 @@ const Xe = {
       ], 2);
     };
   }
-}), Dt = ["href", "target"], Qi = /* @__PURE__ */ S({
+}), Dt = ["href", "target"], el = /* @__PURE__ */ S({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1476,16 +1476,20 @@ function Ot(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function el(e, t) {
+function tl(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function tl(e, t, a) {
+function al(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const Nt = { key: 0 }, At = {
+const Nt = {
+  key: 0,
+  class: "sticky-top py-3 error-bg",
+  "data-cy": "error-wrapper"
+}, At = { key: 0 }, Et = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, al = /* @__PURE__ */ S({
+}, il = /* @__PURE__ */ S({
   __name: "ForgeModal",
   props: /* @__PURE__ */ R({
     cancelText: { default: "Cancel" },
@@ -1499,6 +1503,7 @@ const Nt = { key: 0 }, At = {
     submitClass: { default: "" },
     resetErrorOnClose: { type: Boolean, default: !0 },
     maxHeight: {},
+    minHeight: {},
     header: { default: "Header" },
     footer: {},
     visible: { type: Boolean },
@@ -1588,7 +1593,9 @@ const Nt = { key: 0 }, At = {
       content: [
         "modal-body overflow-y-auto",
         {
-          [`${l.maxHeight}`]: l.maxHeight && !i.value
+          [`${l.maxHeight}`]: l.maxHeight && !i.value,
+          [`${l.minHeight}`]: l.minHeight && !i.value,
+          "pt-0": o.value.hasError
         }
       ]
     }));
@@ -1621,22 +1628,24 @@ const Nt = { key: 0 }, At = {
         E(T.$slots, (g, w) => ({
           name: w,
           fn: f((I) => [
-            w !== "footer" ? (r(), v(A, { key: 0 }, [
-              o.value.hasError ? (r(), y(de, {
-                key: 0,
-                severity: "danger",
-                "data-cy": "error"
-              }, {
-                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", Nt, [
-                    (r(!0), v(A, null, E(o.value.message, (b) => (r(), v("li", { key: b }, B(b), 1))), 128))
-                  ])) : C("", !0)
-                ]),
-                _: 1
-              })) : C("", !0)
+            w == "default" ? (r(), v(A, { key: 0 }, [
+              o.value.hasError ? (r(), v("div", Nt, [
+                h(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, (b) => (r(), v("li", { key: b }, B(b), 1))), 128))
+                    ])) : C("", !0)
+                  ]),
+                  _: 1
+                })
+              ])) : C("", !0)
             ], 64)) : C("", !0),
             k(T.$slots, w, W(G(I || {}))),
             n.value ? k(T.$slots, "loader", { key: 1 }, () => [
@@ -1647,7 +1656,7 @@ const Nt = { key: 0 }, At = {
         T.showFooter ? {
           name: "footer",
           fn: f(() => [
-            m("div", At, [
+            m("div", Et, [
               h(O, {
                 label: T.cancelText,
                 class: F(l.cancelClass),
@@ -1670,7 +1679,7 @@ const Nt = { key: 0 }, At = {
       ]), 1040, ["pt"]);
     };
   }
-}), Et = ["id"], Ut = { key: 0 }, qt = { key: 0 }, Lt = { class: "d-flex justify-content-between align-items-center position-relative" }, Rt = { key: 1 }, Ht = { "data-cy": "readonly-value" }, Wt = /* @__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__ */ S({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ R({
     name: { default: "" },
@@ -1715,13 +1724,13 @@ const Nt = { key: 0 }, At = {
       return r(), v("div", {
         id: t.name
       }, [
-        T.readonly ? (r(), v("div", Rt, [
+        T.readonly ? (r(), v("div", Ht, [
           k(T.$slots, "default", {}, () => [
-            m("span", Ht, B(u(d)), 1)
+            m("span", Wt, B(u(d)), 1)
           ])
-        ])) : (r(), v("div", Ut, [
-          i.value ? (r(), v("div", qt, [
-            J((r(), v("div", Lt, [
+        ])) : (r(), v("div", qt, [
+          i.value ? (r(), v("div", Lt, [
+            J((r(), v("div", Rt, [
               k(T.$slots, "editor", {
                 class: F({ "is-invalid": $.value }),
                 editFinished: o,
@@ -1786,10 +1795,10 @@ const Nt = { key: 0 }, At = {
         }, B(u(c)), 513), [
           [Z, $.value]
         ])
-      ], 8, Et);
+      ], 8, Ut);
     };
   }
-}), Gt = ["href"], il = /* @__PURE__ */ S({
+}), Yt = ["href"], ll = /* @__PURE__ */ S({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1847,7 +1856,7 @@ const Nt = { key: 0 }, At = {
           k(i.$slots, "logo", {}, () => [
             l[0] || (l[0] = M(" Logo "))
           ])
-        ], 8, Gt)
+        ], 8, Yt)
       ]),
       buttonicon: f(() => [
         k(i.$slots, "buttonIcon", {}, () => [
@@ -1869,14 +1878,14 @@ const Nt = { key: 0 }, At = {
       }))
     ]), 1040, ["pt"]));
   }
-}), Yt = { class: "border alternating-item-list" }, Jt = {
+}), Jt = { class: "border alternating-item-list" }, Kt = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Kt = { class: "d-inline-block" }, Zt = {
+}, Zt = { class: "d-inline-block" }, Xt = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Xt = /* @__PURE__ */ S({
+}, Qt = /* @__PURE__ */ S({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ R({
     title: { default: "Selected Items" },
@@ -1929,14 +1938,14 @@ const Nt = { key: 0 }, At = {
             style: Se({ height: l.height }),
             class: "overflow-auto"
           }, [
-            m("div", Yt, [
-              l.title ? (r(), v("div", Jt, B(l.title), 1)) : C("", !0),
+            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", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 k(l.$slots, "list-item", { item: p }, () => [
-                  m("span", Kt, B(p.shortLabel ? p.shortLabel : p.label), 1)
+                  m("span", Zt, B(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
                 l.canRemoveItemFromPreview ? (r(), y(s, {
                   key: 0,
@@ -1954,34 +1963,34 @@ const Nt = { key: 0 }, At = {
                   _: 2
                 }, 1032, ["onClick"])) : C("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (r(), v("div", Zt, B(t.optionsPreviewEmptyText), 1)) : C("", !0)
+              a.value == null || a.value.length == 0 ? (r(), v("div", Xt, B(t.optionsPreviewEmptyText), 1)) : C("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), Qt = { class: "d-flex justify-content-between pb-2" }, ea = {
+}), ea = { class: "d-flex justify-content-between pb-2" }, ta = {
   "data-cy": "title",
   class: "my-auto"
-}, ta = {
+}, aa = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, ll = /* @__PURE__ */ S({
+}, nl = /* @__PURE__ */ S({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (a, i) => (r(), v("div", Qt, [
-      m("h3", ea, B(t.title), 1),
-      m("div", ta, [
+    return (a, i) => (r(), v("div", ea, [
+      m("h3", ta, B(t.title), 1),
+      m("div", aa, [
         k(a.$slots, "default")
       ])
     ]));
   }
-}), aa = { class: "d-flex" }, ia = { "data-cy": "before-slot" }, la = { class: "position-relative w-100" }, na = { "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" }, xe = /* @__PURE__ */ S({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ R({
     severity: { default: "primary" },
@@ -2159,11 +2168,11 @@ const Nt = { key: 0 }, At = {
     return (d, $) => {
       const T = De;
       return r(), v(A, null, [
-        m("div", aa, [
-          m("span", ia, [
+        m("div", ia, [
+          m("span", la, [
             k(d.$slots, "before")
           ]),
-          m("div", la, [
+          m("div", na, [
             h(T, P({ ...t, ...d.$attrs }, {
               pt: x.value,
               modelValue: a.value,
@@ -2190,7 +2199,7 @@ const Nt = { key: 0 }, At = {
               [Z, t.modelValue]
             ])
           ]),
-          m("span", na, [
+          m("span", oa, [
             k(d.$slots, "after")
           ])
         ]),
@@ -2203,7 +2212,7 @@ const Nt = { key: 0 }, At = {
       ], 64);
     };
   }
-}), nl = /* @__PURE__ */ S({
+}), ol = /* @__PURE__ */ S({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -2215,7 +2224,7 @@ const Nt = { key: 0 }, At = {
       class: F(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + B(a.value), 3));
   }
-}), oa = { class: "d-flex justify-content-between" }, ol = /* @__PURE__ */ S({
+}), sa = { class: "d-flex justify-content-between" }, sl = /* @__PURE__ */ S({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2271,7 +2280,7 @@ const Nt = { key: 0 }, At = {
           _: 3
         })) : C("", !0),
         k(n.$slots, "default"),
-        m("div", oa, [
+        m("div", sa, [
           k(n.$slots, "cancel", {}, () => [
             n.hideCancel ? C("", !0) : (r(), y(s, {
               key: 0,
@@ -2308,13 +2317,13 @@ const Nt = { key: 0 }, At = {
       ], 16);
     };
   }
-}), sa = {
+}), ra = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, ra = ["for"], da = {
+}, da = ["for"], pa = {
   key: 0,
   class: "text-danger fw-600"
-}, sl = /* @__PURE__ */ S({
+}, rl = /* @__PURE__ */ S({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ R({
     name: {},
@@ -2348,7 +2357,7 @@ const Nt = { key: 0 }, At = {
         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", sa, [
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), v("div", ra, [
         m("div", {
           "data-cy": "input-wrapper",
           class: F(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
@@ -2358,8 +2367,8 @@ const Nt = { key: 0 }, At = {
             class: F(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, [
             M(B(a.fieldLabel) + " ", 1),
-            x.required ? (r(), v("span", da, "*")) : C("", !0)
-          ], 10, ra),
+            x.required ? (r(), v("span", pa, "*")) : C("", !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), P({
               key: 0,
@@ -2410,7 +2419,7 @@ const Nt = { key: 0 }, At = {
               modelValue: t.value,
               "onUpdate:modelValue": d[6] || (d[6] = (w) => t.value = w),
               class: { "is-invalid": c.value }
-            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (r(), y(Xt, P({ key: 6 }, { ...a, ...x.$attrs }, {
+            }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (r(), y(Qt, P({ key: 6 }, { ...a, ...x.$attrs }, {
               modelValue: t.value,
               "onUpdate:modelValue": d[7] || (d[7] = (w) => t.value = w),
               class: { "is-invalid": c.value }
@@ -2430,7 +2439,7 @@ const Nt = { key: 0 }, At = {
       ]));
     };
   }
-}), rl = /* @__PURE__ */ S({
+}), dl = /* @__PURE__ */ S({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2474,7 +2483,7 @@ const Nt = { key: 0 }, At = {
       }, 16, ["pt"]);
     };
   }
-}), dl = /* @__PURE__ */ S({
+}), pl = /* @__PURE__ */ S({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2530,7 +2539,7 @@ const Nt = { key: 0 }, At = {
     };
   }
 });
-var pa = /* @__PURE__ */ S({
+var ca = /* @__PURE__ */ S({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -2920,7 +2929,7 @@ var pa = /* @__PURE__ */ S({
     });
   }
 });
-const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1 gap-1" }, pl = /* @__PURE__ */ S({
+const ua = { class: "d-flex flex-column" }, ma = { class: "d-flex flex-row mt-1 gap-1" }, cl = /* @__PURE__ */ S({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -2944,8 +2953,8 @@ const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1
     };
     return (x, d) => {
       const $ = q;
-      return r(), v("div", ca, [
-        h(u(pa), P({
+      return r(), v("div", ua, [
+        h(u(ca), P({
           ref_key: "drawingCanvas",
           ref: l,
           image: n.value,
@@ -2958,7 +2967,7 @@ const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1
           style: `height: ${x.height}px; width: ${x.width}px`,
           "line-join": x.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
-        m("div", ua, [
+        m("div", ma, [
           a.showUndo ? (r(), y($, {
             key: 0,
             onClick: p,
@@ -3007,7 +3016,7 @@ const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1
       ]);
     };
   }
-}), ma = { class: "value text-white w-100 text-center" }, cl = /* @__PURE__ */ S({
+}), va = { class: "value text-white w-100 text-center" }, ul = /* @__PURE__ */ S({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -3018,12 +3027,12 @@ const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1
     return (a, i) => (r(), v("div", P(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", ma, [
+      m("span", va, [
         k(a.$slots, "default")
       ])
     ], 16));
   }
-}), va = { key: 0 }, ul = /* @__PURE__ */ S({
+}), fa = { key: 0 }, ml = /* @__PURE__ */ S({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -3081,7 +3090,7 @@ const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
               default: f(() => [
-                i.showStepLabel ? (r(), v("div", va, B(n.label), 1)) : C("", !0)
+                i.showStepLabel ? (r(), v("div", fa, B(n.label), 1)) : C("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
@@ -3106,7 +3115,7 @@ const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), fa = { class: "p-4 text-wrap w-100" }, ga = { class: "p-4 text-wrap w-100" }, ml = /* @__PURE__ */ S({
+}), ga = { class: "p-4 text-wrap w-100" }, ba = { class: "p-4 text-wrap w-100" }, vl = /* @__PURE__ */ S({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -3126,7 +3135,7 @@ const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1
         "data-cy": "button-tile"
       }, {
         default: f(() => [
-          m("div", fa, [
+          m("div", ga, [
             k(l.$slots, "default", {}, () => [
               n[0] || (n[0] = M("Tile Content"))
             ])
@@ -3138,7 +3147,7 @@ const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1
         class: F(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
-        m("div", ga, [
+        m("div", ba, [
           k(l.$slots, "default", {}, () => [
             n[1] || (n[1] = M("Tile Content"))
           ])
@@ -3150,10 +3159,10 @@ const ca = { class: "d-flex flex-column" }, ua = { class: "d-flex flex-row mt-1
 function ee(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const ba = {
+const ya = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, ya = { class: "ms-2" }, xa = { key: 0 }, ha = {
+}, xa = { class: "ms-2" }, ha = { key: 0 }, wa = {
   class: "w-auto",
   "data-cy": "total"
 }, he = /* @__PURE__ */ S({
@@ -3171,9 +3180,9 @@ const ba = {
       const o = Math.ceil(i.total / i.perPage);
       return `${o} ${ee(o, "page")}`;
     });
-    return (o, s) => (r(), v("div", ba, [
+    return (o, s) => (r(), v("div", ya, [
       s[2] || (s[2] = M(" Number of results per page ")),
-      m("div", ya, [
+      m("div", xa, [
         h(u(ie), {
           options: i.pageSizes,
           "model-value": i.perPage,
@@ -3182,16 +3191,16 @@ const ba = {
           "data-cy": "pagination-page-size-select"
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (r(), v("div", xa, [
+      i.total ? (r(), v("div", ha, [
         s[1] || (s[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", ha, B(i.total) + " " + B(u(ee)(i.total, "result")) + " across " + B(n.value), 1)
+        m("span", wa, B(i.total) + " " + B(u(ee)(i.total, "result")) + " across " + B(n.value), 1)
       ])) : C("", !0)
     ]));
   }
-}), wa = { class: "position-relative" }, ka = { "data-cy": "above-table-slot" }, $a = { class: "d-flex w-100" }, Ba = {
+}), ka = { class: "position-relative" }, $a = { "data-cy": "above-table-slot" }, Ba = { class: "d-flex w-100" }, Fa = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Fa = { class: "d-flex" }, Sa = { class: "d-flex align-items-end mb-2" }, Ca = { key: 0 }, za = { class: "ms-auto" }, vl = /* @__PURE__ */ S({
+}, Sa = { class: "d-flex" }, Ca = { class: "d-flex align-items-end mb-2" }, za = { key: 0 }, Ta = { class: "ms-auto" }, fl = /* @__PURE__ */ S({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3336,8 +3345,8 @@ const ba = {
     };
     return Q(() => i.filters, (g) => {
       s.value.filters = g, a("update:tableContext", s.value);
-    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (g, w) => (r(), v("div", wa, [
-      m("span", ka, [
+    }, { deep: !0 }), ne(() => a("update:tableContext", s.value)), (g, w) => (r(), v("div", ka, [
+      m("span", $a, [
         k(g.$slots, "above-table")
       ]),
       h(u(We), P({
@@ -3356,17 +3365,17 @@ const ba = {
         showHeaders: ""
       }), ae({
         empty: f(() => [
-          m("div", $a, [
-            m("h5", Ba, B(g.emptyMessage ?? "No items Found."), 1)
+          m("div", Ba, [
+            m("h5", Fa, B(g.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: f(() => [
           m("div", {
             class: F(i.loading ? "opacity-50" : "")
           }, [
-            m("div", Fa, [
-              m("div", Sa, [
-                g.paginator && !g.legacyPaginationFooter ? (r(), v("span", Ca, [
+            m("div", Sa, [
+              m("div", Ca, [
+                g.paginator && !g.legacyPaginationFooter ? (r(), v("span", za, [
                   h(he, {
                     total: p.value,
                     "page-sizes": n.value,
@@ -3378,7 +3387,7 @@ const ba = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : C("", !0)
               ]),
-              m("div", za, [
+              m("div", Ta, [
                 g.showClearButton ? (r(), y(u(q), {
                   key: 0,
                   outlined: "",
@@ -3460,7 +3469,7 @@ const ba = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), Ta = { class: "position-relative" }, Pa = { "data-cy": "above-table-slot" }, _a = { class: "d-flex" }, ja = { class: "d-flex align-items-end mb-2" }, Ia = { key: 0 }, Ma = { class: "ms-auto" }, fl = /* @__PURE__ */ S({
+}), Pa = { class: "position-relative" }, _a = { "data-cy": "above-table-slot" }, ja = { class: "d-flex" }, Ia = { class: "d-flex align-items-end mb-2" }, Ma = { key: 0 }, Va = { class: "ms-auto" }, gl = /* @__PURE__ */ S({
   __name: "ForgeTreeTable",
   props: {
     stripedRows: { type: Boolean, default: !1 },
@@ -3628,8 +3637,8 @@ const ba = {
     const I = () => {
       o.value = s.value * n.value;
     };
-    return (b, V) => (r(), v("div", Ta, [
-      m("span", Pa, [
+    return (b, V) => (r(), v("div", Pa, [
+      m("span", _a, [
         k(b.$slots, "above-table")
       ]),
       h(u(Ge), P({
@@ -3650,9 +3659,9 @@ const ba = {
           m("div", {
             class: F(a.loading ? "opacity-50" : "")
           }, [
-            m("div", _a, [
-              m("div", ja, [
-                b.paginator && !b.legacyPaginationFooter ? (r(), v("span", Ia, [
+            m("div", ja, [
+              m("div", Ia, [
+                b.paginator && !b.legacyPaginationFooter ? (r(), v("span", Ma, [
                   h(he, {
                     total: c.value,
                     "page-sizes": l.value,
@@ -3664,7 +3673,7 @@ const ba = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : C("", !0)
               ]),
-              m("div", Ma, [
+              m("div", Va, [
                 b.showClearButton ? (r(), y(u(q), {
                   key: 0,
                   outlined: "",
@@ -3729,7 +3738,7 @@ const ba = {
       ]), 1040, ["class", "pt", "filter-display", "rows", "first"])
     ]));
   }
-}), Va = { class: "d-flex position-relative" }, Da = { class: "d-flex w-100" }, gl = /* @__PURE__ */ S({
+}), Da = { class: "d-flex position-relative" }, Oa = { class: "d-flex w-100" }, bl = /* @__PURE__ */ S({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ R({
     dataType: {},
@@ -3760,7 +3769,7 @@ const ba = {
     };
     return (l, n) => {
       const o = fe, s = q;
-      return r(), v("div", Va, [
+      return r(), v("div", Da, [
         l.dataType === "numeric" ? (r(), y(o, P({
           key: 0,
           modelValue: t.value,
@@ -3783,7 +3792,7 @@ const ba = {
           "option-label": l.optionLabel
         }), {
           value: f(({ value: p, placeholder: c }) => [
-            m("div", Da, [
+            m("div", Oa, [
               m("span", {
                 class: F({ "filter-placeholder": p === null })
               }, B(a(p, c)), 3),
@@ -4951,7 +4960,7 @@ class we {
   }
 }
 K = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
-const Oa = new we(ue, ce)._freeze();
+const Na = new we(ue, ce)._freeze();
 function ke(e, t, a, i) {
   const l = t.flatMap((n) => n.file);
   return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
@@ -4964,7 +4973,7 @@ function ke(e, t, a, i) {
     })) : t[o].status = "Duplicate";
   }), t;
 }
-async function Na(e, t) {
+async function Aa(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new ge(t).delete();
@@ -4987,20 +4996,20 @@ function me(e, t = !0, a = 1) {
   while (Math.round(Math.abs(e) * o) / o >= i && n < l.length - 1);
   return e.toFixed(a) + " " + l[n];
 }
-function Aa(e) {
+function Ea(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function Ea(e) {
+function Ua(e) {
   return URL.createObjectURL(e);
 }
-function Ua() {
+function qa() {
   const e = new we(ue, ce);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disabled", "multiple"], Ra = {
+const La = { class: "d-flex justify-content-between" }, Ra = ["accept", "disabled", "multiple"], Ha = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, Ha = /* @__PURE__ */ S({
+}, Wa = /* @__PURE__ */ S({
   __name: "UploadButton",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -5017,7 +5026,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
     };
     return (o, s) => {
       const p = q;
-      return r(), v("div", qa, [
+      return r(), v("div", La, [
         k(o.$slots, "message"),
         m("div", null, [
           m("input", {
@@ -5028,7 +5037,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
             disabled: l.value,
             multiple: o.maxFileInput > 1,
             onInput: s[0] || (s[0] = (c) => n([...c.target.files]))
-          }, null, 40, La),
+          }, null, 40, Ra),
           m("label", {
             class: F([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
@@ -5062,21 +5071,21 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
           ref: a
         }, {
           default: f(() => [
-            m("div", Ra, B(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
+            m("div", Ha, B(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), Wa = {
+}), Ga = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, Ga = {
+}, Ya = {
   key: 1,
   class: "d-flex flex-column"
-}, Ya = /* @__PURE__ */ S({
+}, Ja = /* @__PURE__ */ S({
   __name: "DragDropArea",
   props: /* @__PURE__ */ R({
     maxFileInput: {},
@@ -5098,7 +5107,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
       onDragover: o[1] || (o[1] = X((s) => a.value = !0, ["prevent"])),
       onDrop: X(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (r(), v("div", Wa, [
+      t.value.length === 0 ? (r(), v("div", Ga, [
         h(u(_), {
           icon: "bi:upload",
           class: "me-2",
@@ -5106,12 +5115,12 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
           width: "20px"
         }),
         o[2] || (o[2] = M(" Drag and drop files here "))
-      ])) : (r(), v("div", Ga, [
+      ])) : (r(), v("div", Ya, [
         k(n.$slots, "default")
       ]))
     ], 34));
   }
-}), Ja = { class: "d-flex align-items-center me-2" }, Ka = /* @__PURE__ */ S({
+}), Ka = { class: "d-flex align-items-center me-2" }, Za = /* @__PURE__ */ S({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -5138,8 +5147,11 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
     });
     return (l, n) => {
       const o = pe;
-      return r(), v("div", Ja, [
-        t.uploadStatus === "Uploading" ? (r(), y(o, { key: 0 })) : C("", !0),
+      return r(), v("div", Ka, [
+        t.uploadStatus === "Uploading" ? (r(), y(o, {
+          key: 0,
+          "in-line": ""
+        })) : C("", !0),
         t.uploadStatus !== "Uploading" && t.uploadStatus !== "Not Uploaded" && t.uploadStatus !== "Uploaded" && t.uploadStatus !== "Preparing" ? (r(), y(de, {
           key: 1,
           id: "upload-status-alert",
@@ -5154,16 +5166,16 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
       ]);
     };
   }
-}), Za = ["data-cy"], Xa = { class: "ms-3 d-flex flex-column" }, Qa = {
+}), Xa = ["data-cy"], Qa = { class: "ms-3 d-flex flex-column" }, ei = {
   key: 1,
   id: "file-name"
-}, ei = {
+}, ti = {
   class: "text-black-50",
   id: "file-type"
-}, ti = {
+}, ai = {
   class: "text-black-50",
   id: "file-size"
-}, ai = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, ii = /* @__PURE__ */ S({
+}, ii = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, li = /* @__PURE__ */ S({
   __name: "FileInfo",
   props: /* @__PURE__ */ R({
     editableFileName: { type: Boolean },
@@ -5182,10 +5194,10 @@ const qa = { class: "d-flex justify-content-between" }, La = ["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: g }) => g === a.value.type)), d = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : Ua().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(), x = z(() => e.acceptedFileTypes.some(({ fileType: g }) => g === a.value.type)), d = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : qa().getType(a.value.name)), T = () => {
       o.value != null && (D(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, D = () => {
-      let g = o.value.split("."), w = Oa.getExtension($.value), I = o.value.split(".").pop();
+      let g = o.value.split("."), w = Na.getExtension($.value), I = o.value.split(".").pop();
       g.length === 1 ? I && I.length > 0 && (o.value = [o.value, w].join(".")) : g.length > 1 && I !== w && (o.value = o.value.replace(I, w));
     }, O = async () => {
       if (!x.value || !d.value) {
@@ -5218,7 +5230,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
         l.value = "Failed";
       }
     }, U = async () => {
-      await Na(l.value, s.value), n("deleted", a.value);
+      await Aa(l.value, s.value), n("deleted", a.value);
     };
     return ne(() => {
       e.autoUploadToBlob && l.value != "Uploaded" && O();
@@ -5229,11 +5241,11 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          u(Aa)(a.value.type) ? (r(), y(u(Ye), {
+          u(Ea)(a.value.type) ? (r(), y(u(Ye), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: u(Ea)(a.value),
+            src: u(Ua)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
@@ -5245,9 +5257,9 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", Xa, [
+        m("div", Qa, [
           m("div", null, [
-            g.editableFileName ? (r(), y(Wt, {
+            g.editableFileName ? (r(), y(Gt, {
               key: 0,
               id: "edit-file-name",
               modelValue: o.value,
@@ -5255,13 +5267,13 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
               rules: g.customFileNameRules,
               name: a.value.name,
               "complete-action": T
-            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", Qa, B(o.value), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (r(), v("span", ei, B(o.value), 1))
           ]),
-          m("span", ei, "File type: " + B(a.value.type.split("/").pop()), 1),
-          m("span", ti, "File size: " + B(u(me)(a.value.size)), 1)
+          m("span", ti, "File type: " + B(a.value.type.split("/").pop()), 1),
+          m("span", ai, "File size: " + B(u(me)(a.value.size)), 1)
         ]),
-        m("div", ai, [
-          (r(), y(Ka, {
+        m("div", ii, [
+          (r(), y(Za, {
             key: l.value,
             "file-size": a.value.size,
             "upload-status": l.value,
@@ -5301,22 +5313,22 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
             _: 1
           }))
         ])
-      ], 8, Za);
+      ], 8, Xa);
     };
   }
-}), li = { class: "d-flex justify-content-end mt-1 gap-1" }, ni = { id: "max-file-size" }, oi = { id: "max-file-input" }, si = /* @__PURE__ */ S({
+}), ni = { class: "d-flex justify-content-end mt-1 gap-1" }, oi = { id: "max-file-size" }, si = { id: "max-file-input" }, ri = /* @__PURE__ */ S({
   __name: "FileInputInfo",
   props: {
     maxFileSize: {},
     maxFileInput: {}
   },
   setup(e) {
-    return (t, a) => (r(), v("div", li, [
-      m("div", ni, "Max file size: " + B(u(me)(t.maxFileSize)), 1),
-      m("div", oi, "| Max file count: " + B(t.maxFileInput), 1)
+    return (t, a) => (r(), v("div", ni, [
+      m("div", oi, "Max file size: " + B(u(me)(t.maxFileSize)), 1),
+      m("div", si, "| Max file count: " + B(t.maxFileInput), 1)
     ]));
   }
-}), ri = { "data-cy": "file-uploader" }, di = { key: 0 }, bl = /* @__PURE__ */ S({
+}), di = { "data-cy": "file-uploader" }, pi = { key: 0 }, yl = /* @__PURE__ */ S({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -5336,13 +5348,13 @@ const qa = { class: "d-flex justify-content-between" }, La = ["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", ri, [
-      h(Ha, P(a, {
+    return (l, n) => (r(), v("div", di, [
+      h(Wa, P(a, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (r(), v("div", di, [
-        h(Ya, {
+      l.showDragDropArea ? (r(), v("div", pi, [
+        h(Ja, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
@@ -5351,7 +5363,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
         }, {
           default: f(() => [
             (r(!0), v(A, null, E(t.value, ({ file: o }, s) => (r(), v("div", null, [
-              (r(), y(ii, P({
+              (r(), y(li, P({
                 key: o.name,
                 class: s === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[s].file,
@@ -5366,14 +5378,14 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        h(si, {
+        h(ri, {
           "max-file-size": a.maxFileSize,
           "max-file-input": l.maxFileInput
         }, null, 8, ["max-file-size", "max-file-input"])
       ])) : C("", !0)
     ]));
   }
-}), pi = { class: "d-flex" }, ci = { class: "me-3" }, ui = { class: "ms-2" }, mi = { class: "d-flex flex-column w-100" }, yl = /* @__PURE__ */ S({
+}), ci = { class: "d-flex" }, ui = { class: "me-3" }, mi = { class: "ms-2" }, vi = { class: "d-flex flex-column w-100" }, xl = /* @__PURE__ */ S({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -5390,12 +5402,12 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
         class: "ms-2"
       }, {
         default: f(() => [
-          m("div", pi, [
-            m("div", ci, [
+          m("div", ci, [
+            m("div", ui, [
               h(u(_), { icon: "bi:layout-three-columns" })
             ]),
             M(" Columns (" + B(t.value.filter((s) => s.selected).length ?? 0) + "/" + B(t.value.length ?? 0) + ") ", 1),
-            m("div", ui, [
+            m("div", mi, [
               h(u(_), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
@@ -5412,7 +5424,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
         onShow: o[1] || (o[1] = () => i.value = !0)
       }, {
         default: f(() => [
-          m("div", mi, [
+          m("div", vi, [
             (r(!0), v(A, null, E(t.value, (s, p) => (r(), v("div", {
               class: F(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
@@ -5436,7 +5448,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), xl = /* @__PURE__ */ S({
+}), hl = /* @__PURE__ */ S({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
@@ -5465,7 +5477,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
       ]), 1040);
     };
   }
-}), vi = /* @__PURE__ */ S({
+}), fi = /* @__PURE__ */ S({
   __name: "ForgeToggleButton",
   props: {
     severity: { default: "primary" }
@@ -5476,8 +5488,8 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
         class: [
           "btn",
           {
-            [`focus-ring focus-ring-${t.severity} btn-${t.severity}-subtle border border-2 border-${t.severity} fw-500 text-${t.severity}`]: i.context.active,
-            [`border text-${t.severity} select-btn-${t.severity}`]: !i.context.active,
+            [`focus-ring focus-ring-${t.severity} btn-${t.severity}-subtle border border-2 border-${t.severity} fw-500 text-${t.severity} z-1`]: i.context.active,
+            [`border text-${t.severity} select-btn-${t.severity} z-0`]: !i.context.active,
             "btn-secondary-subtle": i.context.disabled,
             "border-danger": i.props.invalid
           }
@@ -5497,10 +5509,10 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
       pt: a.value
     }), null, 16, ["severity", "pt"]));
   }
-}), fi = {
+}), gi = {
   class: "btn-group",
   "data-cy": "forge-select-button"
-}, hl = /* @__PURE__ */ S({
+}, wl = /* @__PURE__ */ S({
   __name: "ForgeSelectButton",
   props: /* @__PURE__ */ R({
     options: {},
@@ -5530,8 +5542,8 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
         } else
           a.value = a.value === n.value && t.allowEmpty ? null : n.value;
     };
-    return (n, o) => (r(), v("div", fi, [
-      (r(!0), v(A, null, E(n.options, (s, p) => (r(), y(vi, {
+    return (n, o) => (r(), v("div", gi, [
+      (r(!0), v(A, null, E(n.options, (s, p) => (r(), y(fi, {
         key: p,
         onLabel: s.label,
         offLabel: s.label,
@@ -5544,7 +5556,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
       }, null, 8, ["onLabel", "offLabel", "severity", "onChange", "defaultValue", "disabled", "data-cy", "invalid"]))), 128))
     ]));
   }
-}), wl = /* @__PURE__ */ S({
+}), kl = /* @__PURE__ */ S({
   __name: "ForgeConfirmPopup",
   setup(e) {
     const t = z(() => ({
@@ -5565,7 +5577,7 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
       _: 3
     }, 16, ["pt"]));
   }
-}), kl = () => ({
+}), $l = () => ({
   type: "component",
   resolve: (e) => {
     if (e.startsWith("Forge"))
@@ -5576,39 +5588,39 @@ const qa = { class: "d-flex justify-content-between" }, La = ["accept", "disable
   }
 });
 export {
-  Ki as Bootstrap_PT,
-  Zi as ForgeActionButton,
+  Zi as Bootstrap_PT,
+  Xi as ForgeActionButton,
   de as ForgeAlert,
-  Xi as ForgeAutoComplete,
+  Qi as ForgeAutoComplete,
   ye as ForgeCheckbox,
-  rl as ForgeChip,
-  yl as ForgeColumnCustomiser,
-  wl as ForgeConfirmPopup,
+  dl as ForgeChip,
+  xl as ForgeColumnCustomiser,
+  kl as ForgeConfirmPopup,
   xe as ForgeDatepicker,
-  bl as ForgeFileUploader,
-  gl as ForgeFilterHeader,
-  ol as ForgeForm,
-  sl as ForgeFormField,
-  Wt as ForgeInlineEditor,
-  Qi as ForgeLink,
+  yl as ForgeFileUploader,
+  bl as ForgeFilterHeader,
+  sl as ForgeForm,
+  rl as ForgeFormField,
+  Gt as ForgeInlineEditor,
+  el as ForgeLink,
   pe as ForgeLoader,
-  al as ForgeModal,
-  Xt as ForgeMultiSelectPreview,
-  il as ForgeNavbar,
-  ll as ForgePageHeader,
-  xl as ForgePanel,
-  dl as ForgeProgressBar,
-  nl as ForgeRemainingCharacters,
-  kl as ForgeResolver,
-  pl as ForgeScratchpad,
-  hl as ForgeSelectButton,
-  cl as ForgeStatWidget,
-  ul as ForgeStepper,
-  vl as ForgeTable,
-  ml as ForgeTile,
-  vi as ForgeToggleButton,
-  fl as ForgeTreeTable,
-  tl as convertToMultiSelectOption,
-  el as enumToMultiSelectList,
+  il as ForgeModal,
+  Qt as ForgeMultiSelectPreview,
+  ll as ForgeNavbar,
+  nl as ForgePageHeader,
+  hl as ForgePanel,
+  pl as ForgeProgressBar,
+  ol as ForgeRemainingCharacters,
+  $l as ForgeResolver,
+  cl as ForgeScratchpad,
+  wl as ForgeSelectButton,
+  ul as ForgeStatWidget,
+  ml as ForgeStepper,
+  fl as ForgeTable,
+  vl as ForgeTile,
+  fi as ForgeToggleButton,
+  gl as ForgeTreeTable,
+  al as convertToMultiSelectOption,
+  tl as enumToMultiSelectList,
   Ot as parseError
 };