@3squared/forge-ui-3 0.2.0 → 0.2.2

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

@@ -1,5 +1,5 @@
 import pe from "primevue/message";
-import { defineComponent as $, openBlock as n, createBlock as w, normalizeProps as te, guardReactiveProps as ae, withCtx as b, createElementVNode as c, normalizeClass as B, unref as u, createCommentVNode as F, createVNode as v, renderSlot as k, ref as z, createElementBlock as p, Fragment as M, mergeProps as S, computed as h, createTextVNode as T, toDisplayString as g, withDirectives as R, vShow as H, mergeModels as q, useModel as E, createSlots as J, renderList as L, onMounted as ne, isRef as j, withKeys as Z, useAttrs as ie, withModifiers as K, normalizeStyle as ye } from "vue";
+import { defineComponent as $, openBlock as n, createBlock as w, normalizeProps as J, guardReactiveProps as X, withCtx as b, createElementVNode as c, normalizeClass as F, unref as u, createCommentVNode as B, createVNode as v, renderSlot as k, ref as I, createElementBlock as p, Fragment as U, mergeProps as S, computed as h, createTextVNode as z, toDisplayString as g, withDirectives as j, vShow as q, mergeModels as G, useModel as L, createSlots as Q, renderList as E, onMounted as ne, isRef as H, withKeys as Z, useAttrs as ie, withModifiers as K, normalizeStyle as ye } from "vue";
 import { Icon as C } from "@iconify/vue";
 import A from "primevue/button";
 import ve from "primevue/toast";
@@ -495,7 +495,7 @@ const za = {
     icons: "d-flex ms-auto",
     closeButton: ({ props: e }) => ({
       class: [
-        "btn",
+        "btn p-0",
         {
           "ms-auto": !e.maximizable
         }
@@ -503,9 +503,9 @@ const za = {
     }),
     maximizableButton: ({ props: e }) => ({
       class: [
-        "btn ms-auto",
+        "btn ms-auto p-0",
         {
-          "me-2": e.closable
+          "me-3": e.closable
         }
       ]
     }),
@@ -798,7 +798,7 @@ const za = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, X = /* @__PURE__ */ $({
+}, ee = /* @__PURE__ */ $({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -816,18 +816,18 @@ const za = {
     const t = e;
     return (l, a) => {
       const o = pe;
-      return n(), w(o, te(ae({ ...l.$attrs, ...t })), {
+      return n(), w(o, J(X({ ...l.$attrs, ...t })), {
         messageicon: b(() => [
           c("div", {
-            class: B(t.icon ? "me-2 pe-1" : "")
+            class: F(t.icon ? "me-2 pe-1" : "")
           }, [
             t.icon ? (n(), w(u(C), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
-              class: B(`text-${t.severity}`),
+              class: F(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : F("", !0)
+            }, null, 8, ["icon", "class"])) : B("", !0)
           ], 2)
         ]),
         closeicon: b(() => [
@@ -849,7 +849,7 @@ const za = {
     params: { default: Array }
   },
   setup(e) {
-    const t = z(!1), l = e, a = async () => {
+    const t = I(!1), l = e, a = async () => {
       t.value = !0;
       try {
         await l.action.apply(this, l.params);
@@ -860,7 +860,7 @@ const za = {
     };
     return (o, s) => {
       const i = A;
-      return n(), p(M, null, [
+      return n(), p(U, null, [
         v(i, S({ ...l, ...o.$attrs }, {
           loading: t.value,
           disabled: t.value || l.disabled,
@@ -910,7 +910,7 @@ const za = {
     }, r = h(() => i.value.length > 0);
     return (_, d) => {
       const f = be;
-      return n(), p(M, null, [
+      return n(), p(U, null, [
         c("div", Te, [
           v(f, S({
             id: a.name
@@ -926,19 +926,19 @@ const za = {
           }, 16, ["id", "value", "input-class"]),
           c("label", {
             for: a.name,
-            class: B(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
+            class: F(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
             onClick: y
           }, [
             k(_.$slots, "default", {}, () => [
-              T(g(a.label), 1)
+              z(g(a.label), 1)
             ])
           ], 10, Pe)
         ]),
-        R(c("small", {
+        j(c("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, g(u(m)), 513), [
-          [H, r.value]
+          [q, r.value]
         ])
       ], 64);
     };
@@ -955,7 +955,7 @@ const za = {
       return n(), p("div", Oe, [
         v(o, {
           "animation-duration": ".75",
-          class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
+          class: F(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
       ]);
     };
@@ -996,7 +996,7 @@ const za = {
     }));
     return (a, o) => (n(), p("a", {
       id: "link",
-      class: B(["cursor-pointer d-flex", t.value]),
+      class: F(["cursor-pointer d-flex", t.value]),
       href: a.url,
       target: a.target
     }, [
@@ -1005,9 +1005,9 @@ const za = {
           key: 0,
           id: "link-icon",
           icon: a.iconName,
-          class: B(["bi my-auto", l.value])
-        }, null, 8, ["icon", "class"])) : F("", !0),
-        T(" " + g(a.label), 1)
+          class: F(["bi my-auto", l.value])
+        }, null, 8, ["icon", "class"])) : B("", !0),
+        z(" " + g(a.label), 1)
       ])
     ], 10, De));
   }
@@ -1028,7 +1028,7 @@ const Ne = { key: 0 }, Ee = {
   "data-cy": "footer"
 }, Pa = /* @__PURE__ */ $({
   __name: "ForgeModal",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ G({
     cancelText: { default: "Cancel" },
     submitText: { default: "Submit" },
     showFooter: { type: Boolean, default: !0 },
@@ -1069,7 +1069,7 @@ const Ne = { key: 0 }, Ee = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = E(e, "visible"), l = z(!1), a = e, o = z(!1), s = z({
+    const t = L(e, "visible"), l = I(!1), a = e, o = I(!1), s = I({
       hasError: !1,
       header: "",
       message: []
@@ -1101,66 +1101,72 @@ const Ne = { key: 0 }, Ee = {
       ]
     }));
     return (d, f) => {
-      const x = A, I = ge;
-      return n(), w(I, S(a, {
+      const x = A, V = ge;
+      return n(), w(V, S(a, {
         onMaximize: m,
         onUnmaximize: i,
         pt: _.value
-      }), J({
+      }), Q({
         closeicon: b(() => [
           v(u(C), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
-            width: "21",
-            height: "21",
+            width: "18",
+            height: "18",
             onClick: y
           })
         ]),
         maximizeicon: b(() => [
           v(u(C), {
             "data-cy": "maximisable-icon",
-            icon: "bi:arrows-fullscreen"
-          })
-        ]),
-        default: b(() => [
-          s.value.hasError ? (n(), w(X, {
-            key: 0,
-            severity: "danger",
-            "data-cy": "error"
-          }, {
-            default: b(() => [
-              c("p", {
-                class: B(s.value.message.length > 0 ? "my-auto" : "mb-0")
-              }, g(s.value.header), 3),
-              s.value.message.length > 0 ? (n(), p("ul", Ne, [
-                (n(!0), p(M, null, L(s.value.message, (V) => (n(), p("li", { key: V }, g(V), 1))), 128))
-              ])) : F("", !0)
-            ]),
-            _: 1
-          })) : F("", !0),
-          k(d.$slots, "default"),
-          o.value ? k(d.$slots, "loader", { key: 1 }, () => [
-            v(ue, { "data-cy": "loader" })
-          ]) : F("", !0)
+            icon: l.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
+            width: "16",
+            height: "16"
+          }, null, 8, ["icon"])
         ]),
         _: 2
       }, [
+        E(d.$slots, (T, P) => ({
+          name: P,
+          fn: b((M) => [
+            s.value.hasError ? (n(), w(ee, {
+              key: 0,
+              severity: "danger",
+              "data-cy": "error"
+            }, {
+              default: b(() => [
+                c("p", {
+                  class: F(s.value.message.length > 0 ? "my-auto" : "mb-0")
+                }, g(s.value.header), 3),
+                s.value.message.length > 0 ? (n(), p("ul", Ne, [
+                  (n(!0), p(U, null, E(s.value.message, (N) => (n(), p("li", { key: N }, g(N), 1))), 128))
+                ])) : B("", !0)
+              ]),
+              _: 1
+            })) : B("", !0),
+            k(d.$slots, P, J(X(M || {}))),
+            o.value ? k(d.$slots, "loader", { key: 1 }, () => [
+              v(ue, { "data-cy": "loader" })
+            ]) : B("", !0)
+          ])
+        })),
         d.showFooter ? {
           name: "footer",
           fn: b(() => [
             c("div", Ee, [
               v(x, {
                 label: d.cancelText,
+                class: F(a.cancelClass),
                 outlined: "",
                 onClick: y,
-                "data-cy": "cancel-button"
-              }, null, 8, ["label"]),
+                id: "cancel-button"
+              }, null, 8, ["label", "class"]),
               v(x, {
                 label: d.submitText,
-                class: "ms-auto",
+                class: F([a.submitClass, "ms-auto"]),
                 onClick: r,
-                "data-cy": "submit-button"
-              }, null, 8, ["label"])
+                id: "submit-button"
+              }, null, 8, ["label", "class"])
             ])
           ]),
           key: "0"
@@ -1170,7 +1176,7 @@ const Ne = { key: 0 }, Ee = {
   }
 }), Re = ["id"], Le = { key: 0 }, je = { key: 0 }, He = { class: "d-flex justify-content-between align-items-center position-relative" }, qe = { key: 1 }, Ge = { "data-cy": "readonly-value" }, Ke = /* @__PURE__ */ $({
   __name: "ForgeInlineEditor",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ G({
     name: { default: "" },
     rules: {},
     completeAction: {},
@@ -1184,7 +1190,7 @@ const Ne = { key: 0 }, Ee = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = E(e, "modelValue"), a = z(!1), o = z(), s = () => {
+    const t = e, l = L(e, "modelValue"), a = I(!1), o = I(), s = () => {
       var x;
       a.value = !a.value, (x = o.value) == null || x.focus();
     }, i = async () => {
@@ -1207,8 +1213,8 @@ const Ne = { key: 0 }, Ee = {
       d.value = l.value;
     });
     const f = h(() => _.value.length > 0);
-    return (x, I) => {
-      const V = le, U = A;
+    return (x, V) => {
+      const T = le, P = A;
       return n(), p("div", {
         id: t.name
       }, [
@@ -1218,21 +1224,21 @@ const Ne = { key: 0 }, Ee = {
           ])
         ])) : (n(), p("div", Le, [
           a.value ? (n(), p("div", je, [
-            R((n(), p("div", He, [
+            j((n(), p("div", He, [
               k(x.$slots, "editor", {
-                class: B({ "is-invalid": f.value }),
+                class: F({ "is-invalid": f.value }),
                 editFinished: i,
                 cancel: m,
                 val: u(d)
               }, () => [
-                v(V, {
+                v(T, {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: o,
                   modelValue: u(d),
-                  "onUpdate:modelValue": I[0] || (I[0] = (P) => j(d) ? d.value = P : null),
+                  "onUpdate:modelValue": V[0] || (V[0] = (M) => H(d) ? d.value = M : null),
                   modelModifiers: { trim: !0 },
-                  class: B({ "is-invalid": f.value }),
+                  class: F({ "is-invalid": f.value }),
                   onKeydown: [
                     Z(i, ["enter"]),
                     Z(m, ["esc"])
@@ -1257,18 +1263,18 @@ const Ne = { key: 0 }, Ee = {
           }, [
             k(x.$slots, "default", {}, () => [
               c("div", {
-                class: B(["pe-2 cursor-pointer", { "text-invalid": f.value }]),
+                class: F(["pe-2 cursor-pointer", { "text-invalid": f.value }]),
                 "data-cy": "value"
               }, g(u(d) ? u(d) : "Click to edit"), 3)
             ]),
-            v(U, {
+            v(P, {
               link: "",
               class: "p-0 m-0"
             }, {
               default: b(() => [
                 v(u(C), {
                   icon: "bi:pencil",
-                  class: B(f.value ? "text-invalid" : "text-muted"),
+                  class: F(f.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
                   onKeydown: Z(s, ["enter"])
                 }, null, 8, ["class"])
@@ -1277,11 +1283,11 @@ const Ne = { key: 0 }, Ee = {
             })
           ], 32))
         ])),
-        R(c("small", {
+        j(c("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, g(u(r)), 513), [
-          [H, f.value]
+          [q, f.value]
         ])
       ], 8, Re);
     };
@@ -1334,7 +1340,7 @@ const Ne = { key: 0 }, Ee = {
       return n(), w(s, S({ ...t, ...a.$attrs }, {
         pt: l.value,
         "data-cy": "navbar"
-      }), J({
+      }), Q({
         start: b(() => [
           c("a", {
             href: a.logoUrl,
@@ -1342,7 +1348,7 @@ const Ne = { key: 0 }, Ee = {
             "data-cy": "logo"
           }, [
             k(a.$slots, "logo", {}, () => [
-              T(" Logo ")
+              z(" Logo ")
             ])
           ], 8, We)
         ]),
@@ -1350,7 +1356,7 @@ const Ne = { key: 0 }, Ee = {
           k(a.$slots, "menubuttonicon", {}, () => [
             v(u(C), {
               icon: "bi:list",
-              class: B(t.severity === "light" ? "text-black" : "text-white"),
+              class: F(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
               "data-cy": "burger-icon"
             }, null, 8, ["class"])
@@ -1358,10 +1364,10 @@ const Ne = { key: 0 }, Ee = {
         ]),
         _: 2
       }, [
-        L(a.$slots, (i, m) => ({
+        E(a.$slots, (i, m) => ({
           name: m,
           fn: b((y) => [
-            k(a.$slots, m, te(ae(y)))
+            k(a.$slots, m, J(X(y)))
           ])
         }))
       ]), 1040, ["pt"]);
@@ -1380,7 +1386,7 @@ const Ne = { key: 0 }, Ee = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = ie(), o = t, { errors: s, value: i, errorMessage: m } = W(() => l.name, l.rules), y = z(!1), r = h(() => ({
+    const l = e, a = ie(), o = t, { errors: s, value: i, errorMessage: m } = W(() => l.name, l.rules), y = I(!1), r = h(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
@@ -1393,40 +1399,40 @@ const Ne = { key: 0 }, Ee = {
       searchable: !!((a.searchable === null || a.searchable) && !f.value),
       async: !1,
       ...a
-    })), _ = h(() => `forge-multiselect-${l.severity}`), d = h(() => `multiselect-option ${y.value ? " multiselect__option--highlight" : ""} ${f.value ? " multiselect__option--selected" : ""}`), f = h(() => r.value && !(r.value.multiple || !l.showSelectAll || r.value.async) ? !1 : a.modelValue.length === a.options.length), x = h(() => s.value.length > 0), I = h(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (r.value.multiple ? a.modelValue.length > 0 : a.modelValue))), V = () => y.value = !0, U = () => y.value = !1, P = () => {
+    })), _ = h(() => `forge-multiselect-${l.severity}`), d = h(() => `multiselect-option ${y.value ? " multiselect__option--highlight" : ""} ${f.value ? " multiselect__option--selected" : ""}`), f = h(() => r.value && !(r.value.multiple || !l.showSelectAll || r.value.async) ? !1 : a.modelValue.length === a.options.length), x = h(() => s.value.length > 0), V = h(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (r.value.multiple ? a.modelValue.length > 0 : a.modelValue))), T = () => y.value = !0, P = () => y.value = !1, M = () => {
       i.value = r.value.multiple ? [] : null, o("update:modelValue", i.value);
-    }, G = (O) => {
+    }, N = (O) => {
       o("update:modelValue", l.selectValue ? O.map((D) => D[l.selectValue]) : O);
-    }, Q = (O) => a.modelValue !== null ? a.modelValue.some((D) => r.value.selectValue ? O[l.selectValue] === D : O.id === D.id && O.label === D.label) : !1, me = () => {
-      f.value ? P() : (i.value = [...a.options], o("update:modelValue", [...a.options]));
+    }, te = (O) => a.modelValue !== null ? a.modelValue.some((D) => r.value.selectValue ? O[l.selectValue] === D : O.id === D.id && O.label === D.label) : !1, me = () => {
+      f.value ? M() : (i.value = [...a.options], o("update:modelValue", [...a.options]));
     };
-    return (O, D) => (n(), p(M, null, [
+    return (O, D) => (n(), p(U, null, [
       v(u(ke), S(r.value, {
         class: [_.value, x.value ? "is-invalid" : ""],
         "data-cy": "multiselect",
         "onUpdate:modelValue": [
-          G,
-          D[1] || (D[1] = (N) => j(i) ? i.value = N : null)
+          N,
+          D[1] || (D[1] = (R) => H(i) ? i.value = R : null)
         ],
         modelValue: u(i)
-      }), J({
+      }), Q({
         default: b(() => [
-          (n(!0), p(M, null, L(O.$slots, (N, ee) => k(O.$slots, ee, { slot: ee })), 256))
+          (n(!0), p(U, null, E(O.$slots, (R, ae) => k(O.$slots, ae, { slot: ae })), 256))
         ]),
         _: 2
       }, [
-        I.value ? {
+        V.value ? {
           name: "caret",
-          fn: b(({ toggle: N }) => [
+          fn: b(({ toggle: R }) => [
             v(u(C), {
               icon: "bi:x",
               class: "my-auto multiselect__clear-icon",
-              onMousedown: D[0] || (D[0] = K((ee) => P(), ["prevent", "stop"])),
+              onMousedown: D[0] || (D[0] = K((ae) => M(), ["prevent", "stop"])),
               "data-cy": "clear"
             }),
             c("div", {
               class: "multiselect__select",
-              onMousedown: K(N, ["prevent", "stop"])
+              onMousedown: K(R, ["prevent", "stop"])
             }, null, 40, Ze)
           ]),
           key: "0"
@@ -1437,12 +1443,12 @@ const Ne = { key: 0 }, Ee = {
             c("li", {
               class: "multiselect__element",
               onClick: me,
-              onMouseover: V,
-              onMouseleave: U,
+              onMouseover: T,
+              onMouseleave: P,
               "data-cy": "toggle-all"
             }, [
               c("span", {
-                class: B(`multiselect__option ${d.value}`)
+                class: F(`multiselect__option ${d.value}`)
               }, [
                 c("input", {
                   checked: f.value,
@@ -1458,27 +1464,27 @@ const Ne = { key: 0 }, Ee = {
         } : void 0,
         r.value.multiple ? {
           name: "option",
-          fn: b(({ option: N }) => [
+          fn: b(({ option: R }) => [
             c("div", {
-              "data-cy": N.label
+              "data-cy": R.label
             }, [
               c("input", {
-                checked: Q(N),
+                checked: te(R),
                 name: "selected",
                 type: "checkbox",
                 class: "multiselect__option--checkbox"
               }, null, 8, Qe),
-              T(" " + g(N[r.value.label]), 1)
+              z(" " + g(R[r.value.label]), 1)
             ], 8, Xe)
           ]),
           key: "2"
         } : void 0
       ]), 1040, ["class", "modelValue"]),
-      R(c("small", {
+      j(c("small", {
         "data-cy": "error",
         class: "invalid-feedback"
       }, g(u(m)), 513), [
-        [H, x.value]
+        [q, x.value]
       ])
     ], 64));
   }
@@ -1511,11 +1517,11 @@ const Ne = { key: 0 }, Ee = {
     return (r, _) => {
       const d = A;
       return n(), p("div", {
-        class: B(r.orientation === "column" ? "row" : ""),
+        class: F(r.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
         c("div", {
-          class: B(r.orientation === "row" ? "col-12 mb-1" : "col"),
+          class: F(r.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
           v(et, {
@@ -1528,20 +1534,20 @@ const Ne = { key: 0 }, Ee = {
             options: l.options
           }, {
             tag: b(() => [
-              T(g(""))
+              z(g(""))
             ]),
             selection: b(() => [
-              r.$attrs.modelValue.length > 0 ? (n(), p("span", tt, g(i.value) + " items selected", 1)) : F("", !0)
+              r.$attrs.modelValue.length > 0 ? (n(), p("span", tt, g(i.value) + " items selected", 1)) : B("", !0)
             ]),
             default: b(() => [
-              (n(!0), p(M, null, L(r.$slots, (f, x) => k(r.$slots, x, { slot: x })), 256))
+              (n(!0), p(U, null, E(r.$slots, (f, x) => k(r.$slots, x, { slot: x })), 256))
             ]),
             _: 3
           }, 8, ["modelValue", "limit-text", "options"]),
           k(r.$slots, "after-multi-select")
         ], 2),
         c("div", {
-          class: B(r.orientation === "row" ? "col-12" : "col"),
+          class: F(r.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
           c("div", {
@@ -1549,8 +1555,8 @@ const Ne = { key: 0 }, Ee = {
             class: "overflow-auto"
           }, [
             c("div", at, [
-              r.title ? (n(), p("div", lt, g(r.title), 1)) : F("", !0),
-              (n(!0), p(M, null, L(r.$attrs.modelValue, (f) => (n(), p("div", {
+              r.title ? (n(), p("div", lt, g(r.title), 1)) : B("", !0),
+              (n(!0), p(U, null, E(r.$attrs.modelValue, (f) => (n(), p("div", {
                 key: f.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
@@ -1571,9 +1577,9 @@ const Ne = { key: 0 }, Ee = {
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : F("", !0)
+                }, 1032, ["onClick"])) : B("", !0)
               ]))), 128)),
-              r.$attrs.modelValue.length === 0 ? (n(), p("div", st, "No Items Selected.")) : F("", !0)
+              r.$attrs.modelValue.length === 0 ? (n(), p("div", st, "No Items Selected.")) : B("", !0)
             ])
           ], 4)
         ], 2)
@@ -1712,19 +1718,19 @@ const Ne = { key: 0 }, Ee = {
     }));
     return (a, o) => {
       const s = _e;
-      return n(), p(M, null, [
+      return n(), p(U, null, [
         c("span", dt, [
           k(a.$slots, "before")
         ]),
         v(s, S({ ...t, ...a.$attrs }, { pt: l.value }), null, 16, ["pt"]),
-        R(v(u(C), {
+        j(v(u(C), {
           "data-cy": "icon",
           icon: "bi:calendar3",
           width: "32",
           height: "32",
-          class: B(["ps-2", t.severity == null ? "text-primary" : `text-${t.severity}`])
+          class: F(["ps-2", t.severity == null ? "text-primary" : `text-${t.severity}`])
         }, null, 8, ["class"]), [
-          [H, t.showIcon]
+          [q, t.showIcon]
         ]),
         c("span", ut, [
           k(a.$slots, "after")
@@ -1741,7 +1747,7 @@ const Ne = { key: 0 }, Ee = {
   setup(e) {
     const t = e, l = h(() => t.maxCount - t.currentCount);
     return (a, o) => (n(), p("div", {
-      class: B(l.value < 0 ? "text-danger" : "")
+      class: F(l.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + g(l.value), 3));
   }
 }), mt = /* @__PURE__ */ c("hr", null, null, -1), pt = { class: "d-flex justify-content-between" }, Na = /* @__PURE__ */ $({
@@ -1756,7 +1762,7 @@ const Ne = { key: 0 }, Ee = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = z(!1), a = z({
+    const t = e, l = I(!1), a = I({
       hasError: !1,
       message: ""
     });
@@ -1776,16 +1782,16 @@ const Ne = { key: 0 }, Ee = {
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: K(o, ["prevent"])
       }), [
-        s.hideTitle ? F("", !0) : (n(), p(M, { key: 0 }, [
+        s.hideTitle ? B("", !0) : (n(), p(U, { key: 0 }, [
           k(s.$slots, "title", {}, () => [
             c("h3", {
-              class: B(s.titleClass),
+              class: F(s.titleClass),
               "data-cy": "form-title"
             }, g(s.title), 3)
           ]),
           mt
         ], 64)),
-        a.value.hasError ? (n(), w(X, {
+        a.value.hasError ? (n(), w(ee, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
@@ -1794,15 +1800,15 @@ const Ne = { key: 0 }, Ee = {
             k(s.$slots, "error", {
               error: a.value.message
             }, () => [
-              T(g(a.value.message), 1)
+              z(g(a.value.message), 1)
             ])
           ]),
           _: 3
-        })) : F("", !0),
+        })) : B("", !0),
         k(s.$slots, "default"),
         c("div", pt, [
           k(s.$slots, "cancel", {}, () => [
-            s.hideCancel ? F("", !0) : (n(), w(m, {
+            s.hideCancel ? B("", !0) : (n(), w(m, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
@@ -1811,7 +1817,7 @@ const Ne = { key: 0 }, Ee = {
               onClick: i[0] || (i[0] = (y) => s.$emit("cancel"))
             }, {
               default: b(() => [
-                T(g(s.cancelText), 1)
+                z(g(s.cancelText), 1)
               ]),
               _: 1
             }))
@@ -1824,7 +1830,7 @@ const Ne = { key: 0 }, Ee = {
               class: "ms-auto"
             }, {
               default: b(() => [
-                T(g(s.submitText), 1)
+                z(g(s.submitText), 1)
               ]),
               _: 1
             })
@@ -1833,7 +1839,7 @@ const Ne = { key: 0 }, Ee = {
         l.value ? (n(), w(ue, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : F("", !0)
+        })) : B("", !0)
       ], 16);
     };
   }
@@ -1855,7 +1861,7 @@ const Ne = { key: 0 }, Ee = {
         t.type !== "checkbox" ? (n(), p("label", {
           key: 0,
           for: t.name
-        }, g(t.label), 9, vt)) : F("", !0),
+        }, g(t.label), 9, vt)) : B("", !0),
         t.type === "checkbox" ? (n(), w(Ue, S({
           key: 1,
           id: t.name,
@@ -1866,7 +1872,7 @@ const Ne = { key: 0 }, Ee = {
           id: t.name,
           placeholder: t.placeholder,
           modelValue: u(a),
-          "onUpdate:modelValue": m[0] || (m[0] = (d) => j(a) ? a.value = d : null),
+          "onUpdate:modelValue": m[0] || (m[0] = (d) => H(a) ? a.value = d : null),
           "input-class": { "is-invalid": s.value },
           class: { "is-invalid": s.value }
         }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (n(), w(y, S({
@@ -1874,14 +1880,14 @@ const Ne = { key: 0 }, Ee = {
           id: t.name,
           placeholder: t.placeholder,
           modelValue: u(a),
-          "onUpdate:modelValue": m[1] || (m[1] = (d) => j(a) ? a.value = d : null),
+          "onUpdate:modelValue": m[1] || (m[1] = (d) => H(a) ? a.value = d : null),
           class: { "is-invalid": s.value }
         }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (n(), w(r, S({
           key: 4,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: u(a),
-          "onUpdate:modelValue": m[2] || (m[2] = (d) => j(a) ? a.value = d : null),
+          "onUpdate:modelValue": m[2] || (m[2] = (d) => H(a) ? a.value = d : null),
           mask: t.mask,
           class: { "is-invalid": s.value }
         }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (n(), w(_, S({
@@ -1889,16 +1895,16 @@ const Ne = { key: 0 }, Ee = {
           id: t.name,
           placeholder: t.placeholder,
           modelValue: u(a),
-          "onUpdate:modelValue": m[3] || (m[3] = (d) => j(a) ? a.value = d : null),
+          "onUpdate:modelValue": m[3] || (m[3] = (d) => H(a) ? a.value = d : null),
           class: { "is-invalid": s.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
-        t.type !== "checkbox" ? R((n(), p("small", {
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : B("", !0),
+        t.type !== "checkbox" ? j((n(), p("small", {
           key: 6,
           "data-cy": "error",
           class: "invalid-feedback"
         }, g(u(o)), 513)), [
-          [H, s.value]
-        ]) : F("", !0)
+          [q, s.value]
+        ]) : B("", !0)
       ]);
     };
   }
@@ -1933,9 +1939,11 @@ const Ne = { key: 0 }, Ee = {
     const t = e, { errors: l, value: a, errorMessage: o } = W(() => t.name, t.rules);
     a.value = t.modelValue;
     const s = h(() => l.value.length > 0), i = h(() => ({
+      inputtoken: "list-unstyled",
+      input: "border-0",
       container: ({ props: m }) => ({
         class: [
-          "form-control mb-0",
+          "form-control mb-0 d-flex",
           {
             disabled: m.disabled,
             "is-invalid": s.value
@@ -1944,7 +1952,7 @@ const Ne = { key: 0 }, Ee = {
       }),
       token: {
         class: [
-          "rounded px-2 py-1 me-2 text-white",
+          "rounded px-2 py-1 me-2 text-white list-unstyled",
           {
             "rounded-pill": t.pill,
             "opacity-75": t.disabled
@@ -1962,28 +1970,28 @@ const Ne = { key: 0 }, Ee = {
     }));
     return (m, y) => {
       const r = Fe;
-      return n(), p(M, null, [
+      return n(), p(U, null, [
         v(r, S({ ...t, ...m.$attrs }, {
           pt: i.value,
           "model-value": u(a),
-          "onUpdate:modelValue": y[0] || (y[0] = (_) => j(a) ? a.value = _ : null)
+          "onUpdate:modelValue": y[0] || (y[0] = (_) => H(a) ? a.value = _ : null)
         }), {
           removetokenicon: b(({ removeCallback: _ }) => [
-            R(v(u(C), {
+            j(v(u(C), {
               icon: "bi:x",
               class: "cursor-pointer",
               onClick: _
             }, null, 8, ["onClick"]), [
-              [H, !t.disabled]
+              [q, !t.disabled]
             ])
           ]),
           _: 1
         }, 16, ["pt", "model-value"]),
-        R(c("small", {
+        j(c("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, g(u(o)), 513), [
-          [H, s.value]
+          [q, s.value]
         ])
       ], 64);
     };
@@ -2073,7 +2081,7 @@ const Ne = { key: 0 }, Ee = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = z(a.currentStep), s = () => {
+    const l = t, a = e, o = I(a.currentStep), s = () => {
       do
         o.value--;
       while (a.model[o.value].disabled);
@@ -2142,28 +2150,28 @@ const Ne = { key: 0 }, Ee = {
           }, 8, ["severity", "disabled"]),
           v(f, {
             "active-step": o.value,
-            "onUpdate:activeStep": _[0] || (_[0] = (I) => o.value = I),
+            "onUpdate:activeStep": _[0] || (_[0] = (V) => o.value = V),
             model: a.model,
             pt: y.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
         v(x),
-        (n(!0), p(M, null, L(a.model, (I, V) => (n(), p("div", {
-          key: V,
+        (n(!0), p(U, null, E(a.model, (V, T) => (n(), p("div", {
+          key: T,
           class: "w-100"
         }, [
-          V === o.value ? k(r.$slots, I.key ?? I.label, {
+          T === o.value ? k(r.$slots, V.key ?? V.label, {
             key: 0,
             nextStep: i,
             previousStep: s
           }, () => [
-            v(X, {
+            v(ee, {
               severity: "info",
               "data-cy": "alert"
             }, {
               default: b(() => [
-                T(" Please add Slot Content for the key " + g(I.key ?? I.label) + " ", 1),
+                z(" Please add Slot Content for the key " + g(V.key ?? V.label) + " ", 1),
                 v(d, {
                   severity: "primary",
                   label: "Next",
@@ -2173,7 +2181,7 @@ const Ne = { key: 0 }, Ee = {
               ]),
               _: 2
             }, 1024)
-          ]) : F("", !0)
+          ]) : B("", !0)
         ]))), 128))
       ]);
     };
@@ -2191,7 +2199,7 @@ const Ne = { key: 0 }, Ee = {
       const i = A;
       return t.clickable ? (n(), w(i, {
         key: 0,
-        class: B(["d-flex w-100 p-0 text-body", l.value]),
+        class: F(["d-flex w-100 p-0 text-body", l.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
@@ -2199,19 +2207,19 @@ const Ne = { key: 0 }, Ee = {
         default: b(() => [
           c("div", wt, [
             k(o.$slots, "default", {}, () => [
-              T("Tile Content")
+              z("Tile Content")
             ])
           ])
         ]),
         _: 3
       }, 8, ["severity", "class"])) : (n(), p("div", {
         key: 1,
-        class: B(["d-flex w-100", a.value]),
+        class: F(["d-flex w-100", a.value]),
         "data-cy": "tile"
       }, [
         c("div", kt, [
           k(o.$slots, "default", {}, () => [
-            T("Tile Content")
+            z("Tile Content")
           ])
         ])
       ], 2));
@@ -2243,7 +2251,7 @@ const _t = {
       return `${i} ${Y(i, "page")}`;
     });
     return (i, m) => (n(), p("div", _t, [
-      T(" Number of results per page "),
+      z(" Number of results per page "),
       c("div", $t, [
         v(u(oe), {
           options: a.pageSizes,
@@ -2254,7 +2262,7 @@ const _t = {
       a.total ? (n(), p("div", xt, [
         Ft,
         c("span", Bt, g(a.total) + " " + g(u(Y)(a.total, "result")) + " across " + g(s.value), 1)
-      ])) : F("", !0)
+      ])) : B("", !0)
     ]));
   }
 }), Ct = { "data-cy": "above-table-slot" }, Vt = { class: "d-flex" }, It = { class: "d-flex align-items-end mb-2" }, zt = { key: 0 }, Tt = { class: "ms-auto" }, Mt = {
@@ -2339,7 +2347,7 @@ const _t = {
   },
   emits: ["update:filters"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = z([10, 20, 50, 100]), s = z(20), i = z(), m = () => {
+    const l = t, a = e, o = I([10, 20, 50, 100]), s = I(20), i = I(), m = () => {
       for (const d in a.filters)
         a.filters[d].value = null;
       y(a.filters);
@@ -2351,7 +2359,7 @@ const _t = {
     }), _ = () => {
       i.value.exportCSV();
     };
-    return (d, f) => (n(), p(M, null, [
+    return (d, f) => (n(), p(U, null, [
       c("span", Ct, [
         k(d.$slots, "above-table")
       ]),
@@ -2363,7 +2371,7 @@ const _t = {
         ref: i,
         "onUpdate:filters": y,
         "data-cy": "table"
-      }), J({
+      }), Q({
         header: b(() => [
           c("div", Vt, [
             c("div", It, [
@@ -2374,13 +2382,13 @@ const _t = {
                   "per-page": s.value,
                   "onUpdate:perPage": f[0] || (f[0] = (x) => s.value = x)
                 }, null, 8, ["total", "page-sizes", "per-page"])
-              ])) : F("", !0)
+              ])) : B("", !0)
             ]),
             c("div", Tt, [
               d.showClearButton ? (n(), w(u(A), {
                 key: 0,
                 outlined: "",
-                class: B(d.showExporterButton ? "me-2" : ""),
+                class: F(d.showExporterButton ? "me-2" : ""),
                 onClick: m,
                 "data-cy": "clear-all"
               }, {
@@ -2390,10 +2398,10 @@ const _t = {
                     width: "24",
                     height: "24"
                   }),
-                  T(" Clear ")
+                  z(" Clear ")
                 ]),
                 _: 1
-              }, 8, ["class"])) : F("", !0),
+              }, 8, ["class"])) : B("", !0),
               d.showExporterButton ? (n(), w(u(A), {
                 key: 1,
                 outlined: "",
@@ -2406,10 +2414,10 @@ const _t = {
                     width: "24",
                     height: "24"
                   }),
-                  T(" Export ")
+                  z(" Export ")
                 ]),
                 _: 1
-              })) : F("", !0)
+              })) : B("", !0)
             ])
           ])
         ]),
@@ -2418,10 +2426,10 @@ const _t = {
         ]),
         _: 2
       }, [
-        L(d.$slots, (x, I) => ({
-          name: I,
-          fn: b((V) => [
-            k(d.$slots, I, te(ae(V || {})))
+        E(d.$slots, (x, V) => ({
+          name: V,
+          fn: b((T) => [
+            k(d.$slots, V, J(X(T || {})))
           ])
         })),
         d.legacyPaginationFooter ? {
@@ -2518,7 +2526,7 @@ function At(e) {
 }
 const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disabled", "multiple"], Rt = /* @__PURE__ */ $({
   __name: "UploadButton",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ G({
     acceptedFileTypes: {},
     maxFileInput: {},
     showDragDropArea: { type: Boolean }
@@ -2528,7 +2536,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), l = h(() => e.maxFileInput <= t.value.length), a = (o) => {
+    const t = L(e, "modelValue"), l = h(() => e.maxFileInput <= t.value.length), a = (o) => {
       t.value = ce(o, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
     return (o, s) => (n(), p("div", Nt, [
@@ -2544,7 +2552,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
           onInput: s[0] || (s[0] = (i) => a([...i.target.files]))
         }, null, 40, Et),
         c("label", {
-          class: B([{ disabled: l.value }, "btn btn-primary"]),
+          class: F([{ disabled: l.value }, "btn btn-primary"]),
           id: "file-input-button",
           for: "file-input"
         }, [
@@ -2555,7 +2563,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
               height: "20px",
               width: "20px"
             }),
-            T(" Browse your computer ")
+            z(" Browse your computer ")
           ])
         ], 2)
       ]),
@@ -2563,7 +2571,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
         class: "ms-auto",
         key: o.acceptedFileTypes.length,
         id: "accepted-file-types"
-      }, "Accepted File Types: " + g(o.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
+      }, "Accepted File Types: " + g(o.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : B("", !0)
     ]));
   }
 }), Lt = {
@@ -2575,7 +2583,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   class: "d-flex flex-column"
 }, Ht = /* @__PURE__ */ $({
   __name: "DragDropArea",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ G({
     maxFileInput: {},
     maxFileSize: {},
     acceptedFileTypes: {}
@@ -2585,12 +2593,12 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), l = z(!1), a = h(() => e.maxFileInput <= t.value.length), o = (s) => {
+    const t = L(e, "modelValue"), l = I(!1), a = h(() => e.maxFileInput <= t.value.length), o = (s) => {
       l.value = !1, s.dataTransfer.files.length > e.maxFileInput || a.value ? s.preventDefault() : t.value = ce([...s.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
     return (s, i) => (n(), p("div", {
       id: "drag-drop-area",
-      class: B(`${l.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      class: F(`${l.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
       onDragleave: i[0] || (i[0] = K((m) => l.value = !1, ["prevent"])),
       onDragover: i[1] || (i[1] = K((m) => l.value = !0, ["prevent"])),
       onDrop: K(o, ["prevent"])
@@ -2602,7 +2610,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
           height: "20px",
           width: "20px"
         }),
-        T(" Drag and drop files here ")
+        z(" Drag and drop files here ")
       ])) : (n(), p("div", jt, [
         k(s.$slots, "default")
       ]))
@@ -2641,21 +2649,21 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
         striped: ""
       }, {
         default: b(() => [
-          T(g((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
+          z(g((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
-      })) : F("", !0),
-      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (n(), w(X, {
+      })) : B("", !0),
+      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (n(), w(ee, {
         key: 1,
         id: "upload-status-alert",
         severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
         default: b(() => [
-          T(g(l.value), 1)
+          z(g(l.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : F("", !0)
+      }, 8, ["severity"])) : B("", !0)
     ]));
   }
 }), Kt = ["data-cy"], Wt = { class: "ms-3 d-flex flex-column" }, Zt = {
@@ -2669,7 +2677,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   id: "file-size"
 }, Xt = { class: "ms-auto my-auto d-flex" }, Qt = /* @__PURE__ */ $({
   __name: "FileInfo",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ G({
     editableFileName: { type: Boolean },
     acceptedFileTypes: {},
     maxFileSize: {},
@@ -2684,9 +2692,9 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
     uploadStatus: { required: !0 },
     uploadStatusModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  emits: /* @__PURE__ */ G(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const l = E(e, "file"), a = E(e, "blobFileName"), o = E(e, "uploadStatus"), s = t, i = z(l.value.name), m = z(""), y = z(0), r = z(), _ = h(() => e.acceptedFileTypes.includes(l.value.type)), d = h(() => l.value.size <= e.maxFileSize), f = () => {
+    const l = L(e, "file"), a = L(e, "blobFileName"), o = L(e, "uploadStatus"), s = t, i = I(l.value.name), m = I(""), y = I(0), r = I(), _ = h(() => e.acceptedFileTypes.includes(l.value.type)), d = h(() => l.value.size <= e.maxFileSize), f = () => {
       l.value = new File([l.value], i.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, x = async () => {
       if (!_.value || !d.value) {
@@ -2694,33 +2702,33 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
         return;
       }
       o.value = "Preparing", r.value = new AbortController();
-      const [V, U] = await e.getFileUrlAction(l.value.name);
-      if (!V) {
+      const [T, P] = await e.getFileUrlAction(l.value.name);
+      if (!T) {
         o.value = "Failed";
         return;
       }
       try {
         o.value = "Uploading";
-        const P = new de(V), G = {
+        const M = new de(T), N = {
           abortSignal: r.value.signal,
-          onProgress: (Q) => y.value = Q.loadedBytes,
+          onProgress: (te) => y.value = te.loadedBytes,
           tags: { temp: "true" }
         };
-        await P.uploadData(l.value, G), m.value = V, o.value = "Uploaded", a.value = U;
-      } catch (P) {
-        if (P.name === "AbortError") {
+        await M.uploadData(l.value, N), m.value = T, o.value = "Uploaded", a.value = P;
+      } catch (M) {
+        if (M.name === "AbortError") {
           o.value = "Aborted";
           return;
         }
         o.value = "Failed";
       }
-    }, I = async () => {
+    }, V = async () => {
       await Ot(o.value, m.value), s("deleted", l.value);
     };
     return ne(() => {
       e.autoUploadToBlob && x();
-    }), (V, U) => {
-      const P = A;
+    }), (T, P) => {
+      const M = A;
       return n(), p("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${l.value.name}`
@@ -2744,12 +2752,12 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
         ]),
         c("div", Wt, [
           c("div", null, [
-            V.editableFileName ? (n(), w(Ke, {
+            T.editableFileName ? (n(), w(Ke, {
               key: 0,
               id: "edit-file-name",
               modelValue: i.value,
-              "onUpdate:modelValue": U[0] || (U[0] = (G) => i.value = G),
-              rules: V.customFileNameRules,
+              "onUpdate:modelValue": P[0] || (P[0] = (N) => i.value = N),
+              rules: T.customFileNameRules,
               name: l.value.name,
               "complete-action": f
             }, null, 8, ["modelValue", "rules", "name"])) : (n(), p("span", Zt, g(l.value.name), 1))
@@ -2763,9 +2771,9 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
             "file-size": l.value.size,
             "upload-status": o.value,
             "bytes-uploaded": y.value,
-            "max-file-size": V.maxFileSize
+            "max-file-size": T.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (n(), w(P, {
+          o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (n(), w(M, {
             key: 0,
             link: "",
             onClick: x
@@ -2776,20 +2784,20 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : F("", !0),
-          o.value === "Uploading" ? (n(), w(P, {
+          })) : B("", !0),
+          o.value === "Uploading" ? (n(), w(M, {
             key: 1,
             link: "",
-            onClick: U[1] || (U[1] = (G) => r.value.value.abort())
+            onClick: P[1] || (P[1] = (N) => r.value.value.abort())
           }, {
             default: b(() => [
               v(u(C), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (n(), w(P, {
+          })) : (n(), w(M, {
             key: 2,
             link: "",
-            onClick: I,
+            onClick: V,
             id: "delete-button"
           }, {
             default: b(() => [
@@ -2813,7 +2821,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   }
 }), la = { "data-cy": "file-uploader" }, oa = { key: 0 }, Ka = /* @__PURE__ */ $({
   __name: "ForgeFileUploader",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ G({
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: {},
@@ -2828,7 +2836,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), l = e, a = (o) => {
+    const t = L(e, "modelValue"), l = e, a = (o) => {
       t.value = t.value.filter((s) => s.file != o);
     };
     return (o, s) => (n(), p("div", la, [
@@ -2845,7 +2853,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
           "onUpdate:modelValue": s[1] || (s[1] = (i) => t.value = i)
         }, {
           default: b(() => [
-            (n(!0), p(M, null, L(t.value, ({ file: i }, m) => (n(), p("span", null, [
+            (n(!0), p(U, null, E(t.value, ({ file: i }, m) => (n(), p("span", null, [
               (n(), w(Qt, S({
                 key: i.name,
                 class: m === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
@@ -2854,7 +2862,8 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
                 "blob-file-name": t.value[m].blobFileName,
                 "onUpdate:blobFileName": (y) => t.value[m].blobFileName = y,
                 "upload-status": t.value[m].status,
-                "onUpdate:uploadStatus": (y) => t.value[m].status = y
+                "onUpdate:uploadStatus": (y) => t.value[m].status = y,
+                ref_for: !0
               }, l, { onDeleted: a }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
             ]))), 256))
           ]),
@@ -2863,14 +2872,14 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
         v(aa, {
           "max-file-size": l.maxFileSize
         }, null, 8, ["max-file-size"])
-      ])) : F("", !0)
+      ])) : B("", !0)
     ]));
   }
 });
 export {
   za as Bootstrap_PT,
   Ta as ForgeActionButton,
-  X as ForgeAlert,
+  ee as ForgeAlert,
   Ue as ForgeCheckbox,
   Ra as ForgeChips,
   ct as ForgeDatepicker,