@3squared/forge-ui-3 0.10.1 → 0.10.2

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

@@ -191,13 +191,13 @@ const Ae = {
   column: {
     sortBadge: "ms-2 my-auto cursor-pointer",
     headerCell: (e) => {
-      var t, o, l, a;
+      var t, o, a, l;
       return {
         class: [
           {
             "cursor-move": e.props.reorderableColumns,
-            "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((o = e.column) == null ? void 0 : o.context.frozen) || ((l = e.column) == null ? void 0 : l.context.frozen) === "",
-            "overflow-hidden position-relative bg-clip-padding": (a = e.column) == null ? void 0 : a.context.resizable
+            "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((o = e.column) == null ? void 0 : o.context.frozen) || ((a = e.column) == null ? void 0 : a.context.frozen) === "",
+            "overflow-hidden position-relative bg-clip-padding": (l = e.column) == null ? void 0 : l.context.resizable
           }
         ]
       };
@@ -836,15 +836,15 @@ const Ae = {
       class: ["ps-1"]
     }),
     icon: ({ props: e }) => {
-      var t, o, l, a;
+      var t, o, a, l;
       return {
         class: [
           "toast-icon",
           {
             "text-primary": ((t = e.message) == null ? void 0 : t.severity) === "info",
             "text-success": ((o = e.message) == null ? void 0 : o.severity) === "success",
-            "text-danger": ((l = e.message) == null ? void 0 : l.severity) === "error",
-            "text-warning": ((a = e.message) == null ? void 0 : a.severity) === "warn"
+            "text-danger": ((a = e.message) == null ? void 0 : a.severity) === "error",
+            "text-warning": ((l = e.message) == null ? void 0 : l.severity) === "warn"
           }
         ]
       };
@@ -896,9 +896,9 @@ const Ae = {
   },
   setup(e) {
     const t = e;
-    return (o, l) => {
-      const a = he;
-      return i(), h(a, ee(te({ ...o.$attrs, ...t })), {
+    return (o, a) => {
+      const l = he;
+      return i(), h(l, ee(te({ ...o.$attrs, ...t })), {
         messageicon: b(() => [
           m("div", {
             class: _(t.icon ? "me-2 pe-1" : "")
@@ -931,22 +931,22 @@ const Ae = {
     params: { default: Array }
   },
   setup(e) {
-    const t = I(!1), o = e, l = async () => {
+    const t = I(!1), o = e, a = async () => {
       t.value = !0;
       try {
         await o.action.apply(this, o.params);
-      } catch (a) {
-        await o.errorAction.apply(this, o.errorParams ? [...o.errorParams, a] : [a]);
+      } catch (l) {
+        await o.errorAction.apply(this, o.errorParams ? [...o.errorParams, l] : [l]);
       }
       t.value = !1;
     };
-    return (a, n) => {
+    return (l, n) => {
       const d = L;
       return i(), y(N, null, [
-        f(d, C({ ...o, ...a.$attrs }, {
+        f(d, C({ ...o, ...l.$attrs }, {
           loading: t.value,
           disabled: t.value || o.disabled,
-          onClick: l
+          onClick: a
         }), null, 16, ["loading", "disabled"]),
         f(p(xe))
       ], 64);
@@ -979,15 +979,15 @@ const Ae = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const o = t, l = e, { checked: a, handleChange: n, setValue: d, errors: u, errorMessage: c } = K(() => l.name ?? l.label, void 0, {
+    const o = t, a = e, { checked: l, handleChange: n, setValue: d, errors: u, errorMessage: c } = K(() => a.name ?? a.label, void 0, {
       type: "checkbox",
       checkedValue: !0
     }), r = (v) => {
-      l.disabled || (n(v), o("update:modelValue", !l.modelValue));
+      a.disabled || (n(v), o("update:modelValue", !a.modelValue));
     };
     ae(() => {
-      l.value !== void 0 && l.value !== (a == null ? void 0 : a.value) ? d(l.value) : l.modelValue !== void 0 && l.modelValue !== (a == null ? void 0 : a.value) && d(l.modelValue);
-    }), re(() => l.value, (v) => {
+      a.value !== void 0 && a.value !== (l == null ? void 0 : l.value) ? d(a.value) : a.modelValue !== void 0 && a.modelValue !== (l == null ? void 0 : l.value) && d(a.modelValue);
+    }), re(() => a.value, (v) => {
       d(v);
     });
     const s = k(() => u.value.length > 0);
@@ -999,10 +999,10 @@ const Ae = {
           "data-cy": "checkbox-container"
         }, { ...v.$attrs }), [
           f(F, C({
-            id: l.name
-          }, { ...l }, {
-            modelValue: p(a),
-            "onUpdate:modelValue": x[0] || (x[0] = (P) => le(a) ? a.value = P : null),
+            id: a.name
+          }, { ...a }, {
+            modelValue: p(l),
+            "onUpdate:modelValue": x[0] || (x[0] = (P) => le(l) ? l.value = P : null),
             "input-class": { "is-invalid": s.value },
             onChange: r
           }), {
@@ -1012,12 +1012,12 @@ const Ae = {
             _: 1
           }, 16, ["id", "modelValue", "input-class"]),
           m("label", {
-            for: l.name,
-            class: _(`${l.disabled ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`),
+            for: a.name,
+            class: _(`${a.disabled ? "opacity-50" : "cursor-pointer"} ${s.value ? "text-danger-dark" : ""}`),
             onClick: r
           }, [
             B(v.$slots, "default", {}, () => [
-              O(w(l.label), 1)
+              O(w(a.label), 1)
             ])
           ], 10, mt)
         ], 16),
@@ -1037,10 +1037,10 @@ const Ae = {
   },
   setup(e) {
     const t = e;
-    return (o, l) => {
-      const a = $e;
+    return (o, a) => {
+      const l = $e;
       return i(), y("div", pt, [
-        f(a, {
+        f(l, {
           "animation-duration": ".75",
           class: _(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
@@ -1081,20 +1081,20 @@ const Ae = {
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (l, a) => (i(), y("a", {
+    return (a, l) => (i(), y("a", {
       id: "link",
       class: _(["cursor-pointer d-flex", t.value]),
-      href: l.url,
-      target: l.target
+      href: a.url,
+      target: a.target
     }, [
-      B(l.$slots, "default", {}, () => [
-        l.iconName ? (i(), h(p(T), {
+      B(a.$slots, "default", {}, () => [
+        a.iconName ? (i(), h(p(T), {
           key: 0,
           id: "link-icon",
-          icon: l.iconName,
+          icon: a.iconName,
           class: _(["bi my-auto", o.value])
         }, null, 8, ["icon", "class"])) : S("", !0),
-        O(" " + w(l.label), 1)
+        O(" " + w(a.label), 1)
       ])
     ], 10, vt));
   }
@@ -1158,7 +1158,7 @@ const bt = { key: 0 }, ft = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = E(e, "visible"), o = I(!1), l = e, a = I(!1), n = I({
+    const t = E(e, "visible"), o = I(!1), a = e, l = I(!1), n = I({
       hasError: !1,
       header: "",
       message: []
@@ -1169,17 +1169,17 @@ const bt = { key: 0 }, ft = {
     }, c = () => {
       t.value = !1;
     }, r = async () => {
-      if (l.onConfirm) {
-        a.value = !0, n.value.hasError = !1;
+      if (a.onConfirm) {
+        l.value = !0, n.value.hasError = !1;
         try {
-          const v = await l.onConfirm();
+          const v = await a.onConfirm();
           (v || v == null) && c();
         } catch (v) {
           n.value.hasError = !0;
           const x = yt(v);
           n.value.header = x.errorMessage, n.value.message = x.errorDetails;
         }
-        a.value = !1;
+        l.value = !1;
       }
     }, s = k(() => ({
       root: [
@@ -1191,7 +1191,7 @@ const bt = { key: 0 }, ft = {
     }));
     return (v, x) => {
       const F = L, P = Be;
-      return i(), h(P, C(l, {
+      return i(), h(P, C(a, {
         onMaximize: u,
         onUnmaximize: d,
         pt: s.value
@@ -1234,7 +1234,7 @@ const bt = { key: 0 }, ft = {
               _: 1
             })) : S("", !0),
             B(v.$slots, z, ee(te(g || {}))),
-            a.value ? B(v.$slots, "loader", { key: 1 }, () => [
+            l.value ? B(v.$slots, "loader", { key: 1 }, () => [
               f(ye, { "data-cy": "loader" })
             ]) : S("", !0)
           ])
@@ -1245,18 +1245,18 @@ const bt = { key: 0 }, ft = {
             m("div", ft, [
               f(F, {
                 label: v.cancelText,
-                class: _(l.cancelClass),
+                class: _(a.cancelClass),
                 outlined: "",
                 onClick: c,
                 id: "cancel-button",
-                type: l.cancelButtonType
+                type: a.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
               f(F, {
                 label: v.submitText,
-                class: _([l.submitClass, "ms-auto"]),
+                class: _([a.submitClass, "ms-auto"]),
                 onClick: r,
                 id: "submit-button",
-                type: l.submitButtonType
+                type: a.submitButtonType
               }, null, 8, ["label", "class", "type"])
             ])
           ]),
@@ -1280,22 +1280,22 @@ const bt = { key: 0 }, ft = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = E(e, "modelValue"), l = I(!1), a = I(), n = () => {
+    const t = e, o = E(e, "modelValue"), a = I(!1), l = I(), n = () => {
       var F;
-      l.value = !l.value, (F = a.value) == null || F.focus();
+      a.value = !a.value, (F = l.value) == null || F.focus();
     }, d = async () => {
       if (x.value)
         return !1;
       if (o.value = v.value, t.completeAction)
         try {
-          await t.completeAction.apply(this, t.params), l.value = !l.value;
+          await t.completeAction.apply(this, t.params), a.value = !a.value;
         } catch {
           t.errorAction && await t.errorAction.apply(this, t.errorParams);
         }
       else
-        l.value = !l.value;
+        a.value = !a.value;
     }, u = () => {
-      l.value = !l.value;
+      a.value = !a.value;
     }, c = () => {
       v.value = null;
     }, { errorMessage: r, errors: s, value: v } = K(() => t.name, void 0, {
@@ -1315,7 +1315,7 @@ const bt = { key: 0 }, ft = {
             m("span", $t, w(p(v)), 1)
           ])
         ])) : (i(), y("div", ht, [
-          l.value ? (i(), y("div", wt, [
+          a.value ? (i(), y("div", wt, [
             R((i(), y("div", xt, [
               B(F.$slots, "editor", {
                 class: _({ "is-invalid": x.value }),
@@ -1326,7 +1326,7 @@ const bt = { key: 0 }, ft = {
                 f(M, {
                   "data-cy": "input",
                   ref_key: "input",
-                  ref: a,
+                  ref: l,
                   modelValue: p(v),
                   "onUpdate:modelValue": P[0] || (P[0] = (g) => le(v) ? v.value = g : null),
                   modelModifiers: { trim: !0 },
@@ -1428,25 +1428,25 @@ const bt = { key: 0 }, ft = {
         ]
       })
     }));
-    return (l, a) => {
+    return (a, l) => {
       const n = _e;
-      return i(), h(n, C({ ...t, ...l.$attrs }, {
+      return i(), h(n, C({ ...t, ...a.$attrs }, {
         pt: o.value,
         "data-cy": "navbar"
       }), oe({
         start: b(() => [
           m("a", {
-            href: l.logoUrl,
+            href: a.logoUrl,
             class: "navbar-brand ms-3",
             "data-cy": "logo"
           }, [
-            B(l.$slots, "logo", {}, () => [
+            B(a.$slots, "logo", {}, () => [
               O(" Logo ")
             ])
           ], 8, Ft)
         ]),
         menubuttonicon: b(() => [
-          B(l.$slots, "menubuttonicon", {}, () => [
+          B(a.$slots, "menubuttonicon", {}, () => [
             f(p(T), {
               icon: "bi:list",
               class: _(t.severity === "light" ? "text-black" : "text-white"),
@@ -1457,10 +1457,10 @@ const bt = { key: 0 }, ft = {
         ]),
         _: 2
       }, [
-        q(l.$slots, (d, u) => ({
+        q(a.$slots, (d, u) => ({
           name: u,
           fn: b((c) => [
-            B(l.$slots, u, ee(te(c)))
+            B(a.$slots, u, ee(te(c)))
           ])
         }))
       ]), 1040, ["pt"]);
@@ -1478,33 +1478,33 @@ const bt = { key: 0 }, ft = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const o = e, l = (U, D) => {
+    const o = e, a = (U, D) => {
       const J = {
         ...D,
         $isDisabled: D.$isDisabled ?? !1
       };
       U(J);
-    }, a = ce(), n = t, { errors: d, value: u, errorMessage: c } = K(() => o.name, void 0, {
-      initialValue: a.modelValue
+    }, l = ce(), n = t, { errors: d, value: u, errorMessage: c } = K(() => o.name, void 0, {
+      initialValue: l.modelValue
     }), r = I(!1), s = k(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
       showPointer: !r.value,
-      placeholder: a.searchable === null || a.searchable ? "Search" : "Select",
+      placeholder: l.searchable === null || l.searchable ? "Search" : "Select",
       allowEmpty: !0,
       selectValue: "",
-      closeOnSelect: !!(a.multiple === null || a.multiple),
-      clearOnSelect: !!(a.multiple === null || a.multiple),
-      searchable: !!(a.searchable === null || a.searchable) && a.modelValue.length === a.options.length,
+      closeOnSelect: !!(l.multiple === null || l.multiple),
+      clearOnSelect: !!(l.multiple === null || l.multiple),
+      searchable: !!(l.searchable === null || l.searchable) && l.modelValue.length === l.options.length,
       async: !1,
-      ...a
-    })), v = k(() => `forge-multiselect-${o.severity}`), x = k(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${F.value ? " multiselect__option--selected" : ""}`), F = k(() => s.value && !(s.value.multiple || !o.showSelectAll || s.value.async) ? !1 : a.modelValue.length === a.options.length), P = k(() => d.value.length > 0), M = k(() => !!((a.allowEmpty == null || a.allowEmpty) && o.showClearSelection && (s.value.multiple ? a.modelValue.length > 0 : a.modelValue))), z = () => r.value = !0, g = () => r.value = !1, $ = () => {
+      ...l
+    })), v = k(() => `forge-multiselect-${o.severity}`), x = k(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${F.value ? " multiselect__option--selected" : ""}`), F = k(() => s.value && !(s.value.multiple || !o.showSelectAll || s.value.async) ? !1 : l.modelValue.length === l.options.length), P = k(() => d.value.length > 0), M = k(() => !!((l.allowEmpty == null || l.allowEmpty) && o.showClearSelection && (s.value.multiple ? l.modelValue.length > 0 : l.modelValue))), z = () => r.value = !0, g = () => r.value = !1, $ = () => {
       u.value = s.value.multiple ? [] : null, n("update:modelValue", u.value);
     }, G = (U) => {
       n("update:modelValue", o.selectValue ? U.map((D) => D[o.selectValue]) : U);
-    }, Z = (U) => a.modelValue !== null ? a.modelValue.some((D) => s.value.selectValue ? U[o.selectValue] === D : U.id === D.id && U.label === D.label) : !1, ie = () => {
-      F.value ? $() : (u.value = [...a.options], n("update:modelValue", [...a.options]));
+    }, Z = (U) => l.modelValue !== null ? l.modelValue.some((D) => s.value.selectValue ? U[o.selectValue] === D : U.id === D.id && U.label === D.label) : !1, ie = () => {
+      F.value ? $() : (u.value = [...l.options], n("update:modelValue", [...l.options]));
     };
     return (U, D) => {
       const J = ve;
@@ -1540,7 +1540,7 @@ const bt = { key: 0 }, ft = {
               f(p(T), {
                 icon: "bi:x",
                 class: "my-auto multiselect__tag-icon",
-                onMousedown: Y((Aa) => l(W, A), ["prevent", "stop"]),
+                onMousedown: Y((Aa) => a(W, A), ["prevent", "stop"]),
                 height: "18px",
                 width: "18px"
               }, null, 8, ["onMousedown"])
@@ -1625,10 +1625,10 @@ const bt = { key: 0 }, ft = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const o = e, l = ce(), a = t, n = k(() => `${l.modelValue.length} selected`), d = k(() => l.modelValue.length), u = (r) => {
-      a("update:modelValue", r);
+    const o = e, a = ce(), l = t, n = k(() => `${a.modelValue.length} selected`), d = k(() => a.modelValue.length), u = (r) => {
+      l("update:modelValue", r);
     }, c = (r) => {
-      u(l.modelValue.filter((s) => s.id !== r));
+      u(a.modelValue.filter((s) => s.id !== r));
     };
     return (r, s) => {
       const v = L;
@@ -1715,7 +1715,7 @@ const bt = { key: 0 }, ft = {
   },
   setup(e) {
     const t = e;
-    return (o, l) => (i(), y("div", Dt, [
+    return (o, a) => (i(), y("div", Dt, [
       m("h3", Ut, w(t.title), 1),
       m("div", At, [
         B(o.$slots, "default")
@@ -1795,11 +1795,11 @@ const bt = { key: 0 }, ft = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = E(e, "modelValue"), { errors: l, errorMessage: a, handleChange: n, handleBlur: d } = K(() => t.name, void 0, {
+    const t = e, o = E(e, "modelValue"), { errors: a, errorMessage: l, handleChange: n, handleBlur: d } = K(() => t.name, void 0, {
       initialValue: o.value
     }), u = () => {
       o.value = null;
-    }, c = k(() => l.value.length > 0), r = k(() => ({
+    }, c = k(() => a.value.length > 0), r = k(() => ({
       day: ({ context: s }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
@@ -1931,7 +1931,7 @@ const bt = { key: 0 }, ft = {
         R(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(p(a)), 513), [
+        }, w(p(l)), 513), [
           [H, c.value]
         ])
       ], 64);
@@ -1945,7 +1945,7 @@ const bt = { key: 0 }, ft = {
   },
   setup(e) {
     const t = e, o = k(() => t.maxCount - t.currentCount);
-    return (l, a) => (i(), y("div", {
+    return (a, l) => (i(), y("div", {
       class: _(o.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + w(o.value), 3));
   }
@@ -1961,16 +1961,16 @@ const bt = { key: 0 }, ft = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, o = I(!1), l = I({
+    const t = e, o = I(!1), a = I({
       hasError: !1,
       message: ""
     });
-    async function a() {
-      o.value = !0, l.value.hasError = !1;
+    async function l() {
+      o.value = !0, a.value.hasError = !1;
       try {
         await t.onSubmit();
       } catch (n) {
-        l.value.hasError = !0, n.message && (l.value.message = n.message);
+        a.value.hasError = !0, n.message && (a.value.message = n.message);
       }
       o.value = !1;
     }
@@ -1979,7 +1979,7 @@ const bt = { key: 0 }, ft = {
       return i(), y("form", C(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
-        onSubmit: Y(a, ["prevent"])
+        onSubmit: Y(l, ["prevent"])
       }), [
         n.hideTitle ? S("", !0) : (i(), y(N, { key: 0 }, [
           B(n.$slots, "title", {}, () => [
@@ -1990,16 +1990,16 @@ const bt = { key: 0 }, ft = {
           ]),
           jt
         ], 64)),
-        l.value.hasError ? (i(), h(se, {
+        a.value.hasError ? (i(), h(se, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
           default: b(() => [
             B(n.$slots, "error", {
-              error: l.value.message
+              error: a.value.message
             }, () => [
-              O(w(l.value.message), 1)
+              O(w(a.value.message), 1)
             ])
           ]),
           _: 3
@@ -2021,7 +2021,7 @@ const bt = { key: 0 }, ft = {
               _: 1
             }))
           ]),
-          B(n.$slots, "submit", { submit: a }, () => [
+          B(n.$slots, "submit", { submit: l }, () => [
             f(u, {
               "data-cy": "submit-btn",
               type: "submit",
@@ -2059,11 +2059,11 @@ const bt = { key: 0 }, ft = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), o = e, l = (s) => {
+    const t = E(e, "modelValue"), o = e, a = (s) => {
       o.type == "number" ? u(s.value) : u(s);
-    }, { errors: a, value: n, errorMessage: d, handleChange: u, handleBlur: c } = K(() => o.name, void 0, {
+    }, { errors: l, value: n, errorMessage: d, handleChange: u, handleBlur: c } = K(() => o.name, void 0, {
       initialValue: t.value
-    }), r = k(() => a.value.length > 0);
+    }), r = k(() => l.value.length > 0);
     return re(() => n.value, (s) => {
       t.value = s;
     }, { immediate: !0 }), (s, v) => {
@@ -2090,7 +2090,7 @@ const bt = { key: 0 }, ft = {
           class: { "is-invalid": r.value },
           modelValue: t.value,
           "onUpdate:modelValue": v[1] || (v[1] = ($) => t.value = $),
-          onInput: l
+          onInput: a
         }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : o.type === "textarea" ? (i(), h(x, C({
           key: 1,
           id: o.name
@@ -2099,7 +2099,7 @@ const bt = { key: 0 }, ft = {
           class: { "is-invalid": r.value },
           modelValue: t.value,
           "onUpdate:modelValue": v[2] || (v[2] = ($) => t.value = $),
-          onInput: l,
+          onInput: a,
           onBlur: p(c)
         }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : o.type === "mask" ? (i(), h(F, C({
           key: 2,
@@ -2110,7 +2110,7 @@ const bt = { key: 0 }, ft = {
           class: { "is-invalid": r.value },
           modelValue: t.value,
           "onUpdate:modelValue": v[3] || (v[3] = ($) => t.value = $),
-          onComplete: l,
+          onComplete: a,
           onBlur: p(c)
         }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : o.type === "text" ? (i(), h(P, C({
           key: 3,
@@ -2120,7 +2120,7 @@ const bt = { key: 0 }, ft = {
           class: { "is-invalid": r.value },
           modelValue: t.value,
           "onUpdate:modelValue": v[4] || (v[4] = ($) => t.value = $),
-          onInput: l,
+          onInput: a,
           onBlur: p(c)
         }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : o.type === "select" ? (i(), h(M, C({ key: 4 }, { ...o, ...s.$attrs }, {
           modelValue: t.value,
@@ -2171,7 +2171,7 @@ const bt = { key: 0 }, ft = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, { errors: o, value: l, errorMessage: a } = K(() => t.name, void 0, {
+    const t = e, { errors: o, value: a, errorMessage: l } = K(() => t.name, void 0, {
       initialValue: t.modelValue
     }), n = k(() => o.value.length > 0), d = k(() => ({
       inputtoken: "list-unstyled",
@@ -2209,8 +2209,8 @@ const bt = { key: 0 }, ft = {
       return i(), y(N, null, [
         f(r, C({ ...t, ...u.$attrs }, {
           pt: d.value,
-          "model-value": p(l),
-          "onUpdate:modelValue": c[0] || (c[0] = (s) => le(l) ? l.value = s : null)
+          "model-value": p(a),
+          "onUpdate:modelValue": c[0] || (c[0] = (s) => le(a) ? a.value = s : null)
         }), {
           removetokenicon: b(({ removeCallback: s }) => [
             R(f(p(T), {
@@ -2226,7 +2226,7 @@ const bt = { key: 0 }, ft = {
         R(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(p(a)), 513), [
+        }, w(p(l)), 513), [
           [H, n.value]
         ])
       ], 64);
@@ -2247,7 +2247,7 @@ const bt = { key: 0 }, ft = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, o = k(() => t.striped ? "progress-bar-striped" : null), l = k(() => t.animate ? "progress-bar-animated" : null), a = k(() => {
+    const t = e, o = k(() => t.striped ? "progress-bar-striped" : null), a = k(() => t.animate ? "progress-bar-animated" : null), l = k(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2271,7 +2271,7 @@ const bt = { key: 0 }, ft = {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
       value: {
-        class: [a.value, o.value, l.value]
+        class: [l.value, o.value, a.value]
       }
     }));
     return (d, u) => {
@@ -2292,7 +2292,7 @@ const bt = { key: 0 }, ft = {
   },
   setup(e) {
     const t = e;
-    return (o, l) => (i(), y("div", C(o.$attrs, {
+    return (o, a) => (i(), y("div", C(o.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       m("span", Kt, [
@@ -2319,20 +2319,20 @@ const bt = { key: 0 }, ft = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const o = t, l = e, a = I(l.currentStep), n = () => {
+    const o = t, a = e, l = I(a.currentStep), n = () => {
       do
-        a.value--;
-      while (l.model[a.value].disabled);
-      o("update:currentStep", a.value);
+        l.value--;
+      while (a.model[l.value].disabled);
+      o("update:currentStep", l.value);
     }, d = () => {
-      if (a.value < l.model.length - 1)
+      if (l.value < a.model.length - 1)
         do
-          a.value++;
-        while (l.model[a.value].disabled);
-      o("update:currentStep", a.value);
+          l.value++;
+        while (a.model[l.value].disabled);
+      o("update:currentStep", l.value);
     }, u = k(() => {
-      const r = l.model.findIndex((s) => !s.disabled);
-      return !(r < a.value && r > -1);
+      const r = a.model.findIndex((s) => !s.disabled);
+      return !(r < l.value && r > -1);
     }), c = k(() => ({
       menuitem: (r) => ({
         class: [{
@@ -2344,13 +2344,13 @@ const bt = { key: 0 }, ft = {
           "d-flex align-items-center justify-content-center mb-2 step",
           {
             inactive: r.context.disabled,
-            "bg-primary text-white": r.context.index === a.value && (l.severity === void 0 || l.severity === "primary"),
-            "bg-brand text-white": r.context.index === a.value && l.severity === "brand",
-            "bg-secondary text-white": r.context.index === a.value && l.severity === "secondary",
-            "bg-success text-white": r.context.index === a.value && l.severity === "success",
-            "bg-warning text-white": r.context.index === a.value && l.severity === "warning",
-            "bg-danger text-white": r.context.index === a.value && l.severity === "danger",
-            "bg-info text-white": r.context.index === a.value && l.severity === "info"
+            "bg-primary text-white": r.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
+            "bg-brand text-white": r.context.index === l.value && a.severity === "brand",
+            "bg-secondary text-white": r.context.index === l.value && a.severity === "secondary",
+            "bg-success text-white": r.context.index === l.value && a.severity === "success",
+            "bg-warning text-white": r.context.index === l.value && a.severity === "warning",
+            "bg-danger text-white": r.context.index === l.value && a.severity === "danger",
+            "bg-info text-white": r.context.index === l.value && a.severity === "info"
           }
         ]
       }),
@@ -2358,13 +2358,13 @@ const bt = { key: 0 }, ft = {
         class: [
           "h5",
           {
-            "border-bottom border-2 border-primary": r.context.index === a.value && (l.severity === void 0 || l.severity === "primary"),
-            "border-bottom border-2 border-brand": r.context.index === a.value && l.severity === "brand",
-            "border-bottom border-2 border-secondary": r.context.index === a.value && l.severity === "secondary",
-            "border-bottom border-2 border-success": r.context.index === a.value && l.severity === "success",
-            "border-bottom border-2 border-warning": r.context.index === a.value && l.severity === "warning",
-            "border-bottom border-2 border-danger": r.context.index === a.value && l.severity === "danger",
-            "border-bottom border-2 border-info": r.context.index === a.value && l.severity === "info"
+            "border-bottom border-2 border-primary": r.context.index === l.value && (a.severity === void 0 || a.severity === "primary"),
+            "border-bottom border-2 border-brand": r.context.index === l.value && a.severity === "brand",
+            "border-bottom border-2 border-secondary": r.context.index === l.value && a.severity === "secondary",
+            "border-bottom border-2 border-success": r.context.index === l.value && a.severity === "success",
+            "border-bottom border-2 border-warning": r.context.index === l.value && a.severity === "warning",
+            "border-bottom border-2 border-danger": r.context.index === l.value && a.severity === "danger",
+            "border-bottom border-2 border-info": r.context.index === l.value && a.severity === "info"
           }
         ]
       })
@@ -2374,7 +2374,7 @@ const bt = { key: 0 }, ft = {
       return i(), y("div", Wt, [
         m("div", Zt, [
           f(v, {
-            severity: l.severity,
+            severity: a.severity,
             disabled: u.value,
             onClick: n,
             class: "rounded-circle py-2 me-4",
@@ -2389,19 +2389,19 @@ const bt = { key: 0 }, ft = {
             _: 1
           }, 8, ["severity", "disabled"]),
           f(x, {
-            "active-step": a.value,
-            "onUpdate:activeStep": s[0] || (s[0] = (P) => a.value = P),
-            model: l.model,
+            "active-step": l.value,
+            "onUpdate:activeStep": s[0] || (s[0] = (P) => l.value = P),
+            model: a.model,
             pt: c.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
         f(F),
-        (i(!0), y(N, null, q(l.model, (P, M) => (i(), y("div", {
+        (i(!0), y(N, null, q(a.model, (P, M) => (i(), y("div", {
           key: M,
           class: "w-100"
         }, [
-          M === a.value ? B(r.$slots, P.key ?? P.label, {
+          M === l.value ? B(r.$slots, P.key ?? P.label, {
             key: 0,
             nextStep: d,
             previousStep: n
@@ -2435,8 +2435,8 @@ const bt = { key: 0 }, ft = {
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, o = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), l = k(() => `${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 (a, n) => {
+    const t = e, o = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), a = k(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
+    return (l, n) => {
       const d = L;
       return t.clickable ? (i(), h(d, {
         key: 0,
@@ -2447,7 +2447,7 @@ const bt = { key: 0 }, ft = {
       }, {
         default: b(() => [
           m("div", Jt, [
-            B(a.$slots, "default", {}, () => [
+            B(l.$slots, "default", {}, () => [
               O("Tile Content")
             ])
           ])
@@ -2455,11 +2455,11 @@ const bt = { key: 0 }, ft = {
         _: 3
       }, 8, ["severity", "class"])) : (i(), y("div", {
         key: 1,
-        class: _(["d-flex w-100", l.value]),
+        class: _(["d-flex w-100", a.value]),
         "data-cy": "tile"
       }, [
         m("div", Xt, [
-          B(a.$slots, "default", {}, () => [
+          B(l.$slots, "default", {}, () => [
             O("Tile Content")
           ])
         ])
@@ -2485,24 +2485,24 @@ const Qt = {
   },
   emits: ["update:perPage"],
   setup(e, { emit: t }) {
-    const o = t, l = e, a = (d) => {
+    const o = t, a = e, l = (d) => {
       o("update:perPage", d.value);
     }, n = k(() => {
-      const d = Math.ceil(l.total / l.perPage);
+      const d = Math.ceil(a.total / a.perPage);
       return `${d} ${Q(d, "page")}`;
     });
     return (d, u) => (i(), y("div", Qt, [
       O(" Number of results per page "),
       m("div", ea, [
         f(p(ne), {
-          options: l.pageSizes,
-          "model-value": l.perPage,
-          onChange: u[0] || (u[0] = (c) => a(c))
+          options: a.pageSizes,
+          "model-value": a.perPage,
+          onChange: u[0] || (u[0] = (c) => l(c))
         }, null, 8, ["options", "model-value"])
       ]),
-      l.total ? (i(), y("div", ta, [
+      a.total ? (i(), y("div", ta, [
         aa,
-        m("span", la, w(l.total) + " " + w(p(Q)(l.total, "result")) + " across " + w(n.value), 1)
+        m("span", la, w(a.total) + " " + w(p(Q)(a.total, "result")) + " across " + w(n.value), 1)
       ])) : S("", !0)
     ]));
   }
@@ -2586,21 +2586,21 @@ const Qt = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const o = t, l = e, a = I(), n = I([10, 20, 50, 100]), d = I(20), u = I({
-      filters: l.filters,
+    const o = t, a = e, l = I(), n = I([10, 20, 50, 100]), d = I(20), u = I({
+      filters: a.filters,
       perPage: d.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
-      total: l.totalRecords ?? l.value.length
-    }), c = k(() => l.totalRecords ?? l.value.length), r = k(() => {
+      total: a.totalRecords ?? a.value.length
+    }), c = k(() => a.totalRecords ?? a.value.length), r = k(() => {
       const g = Math.ceil(c.value / d.value);
       return `${g} ${Q(g, "page")}`;
     }), s = k(() => ({
       thead: () => ({
         class: [
           {
-            "sticky-header": l.stickyHeader
+            "sticky-header": a.stickyHeader
           }
         ],
         style: "position: "
@@ -2609,21 +2609,21 @@ const Qt = {
         class: [
           "spinner-border border-0",
           {
-            "text-brand": l.severity === "brand",
-            "text-primary": l.severity === "primary",
-            "text-success": l.severity === "success",
-            "text-warning": l.severity === "warning",
-            "text-danger": l.severity === "danger",
-            "text-info": l.severity === "info"
+            "text-brand": a.severity === "brand",
+            "text-primary": a.severity === "primary",
+            "text-success": a.severity === "success",
+            "text-warning": a.severity === "warning",
+            "text-danger": a.severity === "danger",
+            "text-info": a.severity === "info"
           }
         ]
       })
     })), v = () => {
-      for (const g in l.filters)
-        typeof l.filters[g] == "string" ? l.filters[g] = "" : l.filters[g].value = null;
-      P(l.filters);
+      for (const g in a.filters)
+        typeof a.filters[g] == "string" ? a.filters[g] = "" : a.filters[g].value = null;
+      P(a.filters);
     }, x = () => {
-      a.value.exportCSV();
+      l.value.exportCSV();
     }, F = (g) => {
       var $;
       u.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", u.value.sortField = (($ = g.sortField) == null ? void 0 : $.toString()) ?? "", o("update:tableContext", u.value), o("sort", g);
@@ -2634,21 +2634,21 @@ const Qt = {
     }, z = () => {
       u.value.perPage = d.value, o("update:tableContext", u.value);
     };
-    return re(() => l.filters, (g) => {
+    return re(() => a.filters, (g) => {
       u.value.filters = g, o("update:tableContext", u.value);
     }, { deep: !0 }), ae(() => o("update:tableContext", u.value)), (g, $) => (i(), y("div", na, [
       m("span", sa, [
         B(g.$slots, "above-table")
       ]),
       f(p(Oe), C({
-        class: ["w-100", `${l.severity ? `forge-table-${l.severity}` : ""}`]
-      }, { ...l, ...g.$attrs }, {
+        class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
+      }, { ...a, ...g.$attrs }, {
         pt: s.value,
         rows: d.value,
         "total-records": c.value,
-        "filter-display": l.filters ? "row" : void 0,
+        "filter-display": a.filters ? "row" : void 0,
         ref_key: "forgeTable",
-        ref: a,
+        ref: l,
         "data-cy": "table",
         "onUpdate:filters": P,
         onSort: F,
@@ -2656,7 +2656,7 @@ const Qt = {
       }), oe({
         header: b(() => [
           m("div", {
-            class: _(l.loading ? "opacity-50" : "")
+            class: _(a.loading ? "opacity-50" : "")
           }, [
             m("div", ia, [
               m("div", ra, [
@@ -2725,7 +2725,7 @@ const Qt = {
           name: "paginatorstart",
           fn: b(() => [
             m("span", {
-              class: _(["d-flex", l.loading ? "opacity-50" : ""]),
+              class: _(["d-flex", a.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
               ca,
@@ -2745,7 +2745,7 @@ const Qt = {
           fn: b(() => [
             m("span", {
               "data-cy": "legacy-total",
-              class: _(l.loading ? "opacity-50" : "")
+              class: _(a.loading ? "opacity-50" : "")
             }, w(c.value) + " " + w(p(Q)(c.value, "result")) + " across " + w(r.value), 3)
           ]),
           key: "1"
@@ -2768,8 +2768,8 @@ const Qt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), o = (a, n) => {
-      if (!a || Array.isArray(a) && a.length === 0)
+    const t = E(e, "modelValue"), o = (l, n) => {
+      if (!l || Array.isArray(l) && l.length === 0)
         return n;
       const d = (u) => {
         var r;
@@ -2778,41 +2778,41 @@ const Qt = {
         );
         return e.optionLabel ? c[e.optionLabel] : c;
       };
-      return Array.isArray(a) ? a.map(d).join(", ") : typeof a == "object" ? d(a) : a;
-    }, l = () => {
+      return Array.isArray(l) ? l.map(d).join(", ") : d(l);
+    }, a = () => {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
-    return (a, n) => {
+    return (l, n) => {
       const d = me, u = L;
       return i(), y("div", ma, [
-        a.dataType === "numeric" ? (i(), h(d, C({
+        l.dataType === "numeric" ? (i(), h(d, C({
           key: 0,
           modelValue: t.value,
           "onUpdate:modelValue": n[0] || (n[0] = (c) => t.value = c)
-        }, a.$attrs), null, 16, ["modelValue"])) : a.dataType === "date" ? (i(), h(fe, C({
+        }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (i(), h(fe, C({
           key: 1,
           modelValue: t.value,
           "onUpdate:modelValue": n[1] || (n[1] = (c) => t.value = c)
-        }, a.$attrs, {
+        }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : a.dataType === "select" ? (i(), h(p(ne), C({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (i(), h(p(ne), C({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": n[2] || (n[2] = (c) => t.value = c)
-        }, a.$attrs, {
-          options: a.dropdownOptions,
-          "option-value": a.optionValue,
-          "option-label": a.optionLabel
+        }, l.$attrs, {
+          options: l.dropdownOptions,
+          "option-value": l.optionValue,
+          "option-label": l.optionLabel
         }), {
           value: b(({ value: c, placeholder: r }) => [
             m("div", pa, [
               m("span", {
                 class: _({ "filter-placeholder": c === null })
               }, w(o(c, r)), 3),
-              a.showClearButton && t.value !== null ? (i(), h(u, {
+              l.showClearButton && t.value !== null ? (i(), h(u, {
                 key: 0,
-                onClick: Y(l, ["prevent"]),
+                onClick: Y(a, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
@@ -2829,15 +2829,15 @@ const Qt = {
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : a.dataType === "multiselect" ? (i(), h(p(De), C({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (i(), h(p(De), C({
           key: 3,
           modelValue: t.value,
           "onUpdate:modelValue": n[3] || (n[3] = (c) => t.value = c)
-        }, a.$attrs, {
-          options: a.dropdownOptions,
+        }, l.$attrs, {
+          options: l.dropdownOptions,
           showToggleAll: !1,
-          "option-label": a.optionLabel,
-          "option-value": a.optionValue,
+          "option-label": l.optionLabel,
+          "option-value": l.optionValue,
           filter: ""
         }), {
           value: b(({ value: c, placeholder: r }) => [
@@ -2845,9 +2845,9 @@ const Qt = {
               m("span", {
                 class: _({ "filter-placeholder": (c == null ? void 0 : c.length) === 0 || c === null })
               }, w(o(c, r)), 3),
-              a.showClearButton && (c == null ? void 0 : c.length) > 0 ? (i(), h(u, {
+              l.showClearButton && (c == null ? void 0 : c.length) > 0 ? (i(), h(u, {
                 key: 0,
-                onClick: Y(l, ["prevent"]),
+                onClick: Y(a, ["prevent"]),
                 size: "small",
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
@@ -2868,10 +2868,10 @@ const Qt = {
           key: 4,
           modelValue: t.value,
           "onUpdate:modelValue": n[4] || (n[4] = (c) => t.value = c)
-        }, a.$attrs), null, 16, ["modelValue"])),
-        a.showClearButton && t.value !== null && a.dataType !== "select" && a.dataType !== "multiselect" && a.dataType !== "date" ? (i(), h(u, {
+        }, l.$attrs), null, 16, ["modelValue"])),
+        l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (i(), h(u, {
           key: 5,
-          onClick: Y(l, ["prevent"]),
+          onClick: Y(a, ["prevent"]),
           size: "small",
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
@@ -2889,12 +2889,12 @@ const Qt = {
     };
   }
 });
-function ge(e, t, o, l) {
-  const a = t.flatMap((n) => n.file);
+function ge(e, t, o, a) {
+  const l = t.flatMap((n) => n.file);
   return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
-    const d = a.findIndex((c) => c.name === n.name);
+    const d = l.findIndex((c) => c.name === n.name);
     let u = "Not Uploaded";
-    d === -1 ? ((!o.includes(n.type) || !(n.size <= l)) && (u = o.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+    d === -1 ? ((!o.includes(n.type) || !(n.size <= a)) && (u = o.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
       file: n,
       status: u,
       blobFileName: null
@@ -2913,16 +2913,16 @@ async function ya(e, t) {
     }
 }
 function ue(e, t = !0, o = 1) {
-  const l = t ? 1e3 : 1024;
-  if (Math.abs(e) < l)
+  const a = t ? 1e3 : 1024;
+  if (Math.abs(e) < a)
     return e + " B";
-  const a = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+  const l = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
   let n = -1;
   const d = 10 ** o;
   do
-    e /= l, ++n;
-  while (Math.round(Math.abs(e) * d) / d >= l && n < a.length - 1);
-  return e.toFixed(o) + " " + a[n];
+    e /= a, ++n;
+  while (Math.round(Math.abs(e) * d) / d >= a && n < l.length - 1);
+  return e.toFixed(o) + " " + l[n];
 }
 function ba(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
@@ -2942,27 +2942,27 @@ const ga = { class: "d-flex justify-content-between" }, ha = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), o = k(() => e.maxFileInput <= t.value.length), l = (a) => {
-      t.value = ge(a, t.value, e.acceptedFileTypes, e.maxFileInput);
+    const t = E(e, "modelValue"), o = k(() => e.maxFileInput <= t.value.length), a = (l) => {
+      t.value = ge(l, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
-    return (a, n) => (i(), y("div", ga, [
-      B(a.$slots, "message"),
+    return (l, n) => (i(), y("div", ga, [
+      B(l.$slots, "message"),
       m("div", null, [
         m("input", {
           id: "file-input",
           type: "file",
           class: "d-none",
-          accept: a.acceptedFileTypes.join(", "),
+          accept: l.acceptedFileTypes.join(", "),
           disabled: o.value,
-          multiple: a.maxFileInput > 1,
-          onInput: n[0] || (n[0] = (d) => l([...d.target.files]))
+          multiple: l.maxFileInput > 1,
+          onInput: n[0] || (n[0] = (d) => a([...d.target.files]))
         }, null, 40, ha),
         m("label", {
           class: _([{ disabled: o.value }, "btn btn-primary"]),
           id: "file-input-button",
           for: "file-input"
         }, [
-          B(a.$slots, "button-content", {}, () => [
+          B(l.$slots, "button-content", {}, () => [
             f(p(T), {
               icon: "bi:upload",
               class: "me-2",
@@ -2973,11 +2973,11 @@ const ga = { class: "d-flex justify-content-between" }, ha = ["accept", "disable
           ])
         ], 2)
       ]),
-      a.showDragDropArea ? (i(), y("div", {
+      l.showDragDropArea ? (i(), y("div", {
         class: "ms-auto",
-        key: a.acceptedFileTypes.length,
+        key: l.acceptedFileTypes.length,
         id: "accepted-file-types"
-      }, "Accepted File Types: " + w(a.acceptedFileTypes.map((d) => d.split("/").pop()).join(", ")), 1)) : S("", !0)
+      }, "Accepted File Types: " + w(l.acceptedFileTypes.map((d) => d.split("/").pop()).join(", ")), 1)) : S("", !0)
     ]));
   }
 }), xa = {
@@ -2999,15 +2999,15 @@ const ga = { class: "d-flex justify-content-between" }, ha = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), o = I(!1), l = k(() => e.maxFileInput <= t.value.length), a = (n) => {
-      o.value = !1, n.dataTransfer.files.length > e.maxFileInput || l.value ? n.preventDefault() : t.value = ge([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
+    const t = E(e, "modelValue"), o = I(!1), a = k(() => e.maxFileInput <= t.value.length), l = (n) => {
+      o.value = !1, n.dataTransfer.files.length > e.maxFileInput || a.value ? n.preventDefault() : t.value = ge([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
     return (n, d) => (i(), y("div", {
       id: "drag-drop-area",
       class: _(`${o.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
       onDragleave: d[0] || (d[0] = Y((u) => o.value = !1, ["prevent"])),
       onDragover: d[1] || (d[1] = Y((u) => o.value = !0, ["prevent"])),
-      onDrop: Y(a, ["prevent"])
+      onDrop: Y(l, ["prevent"])
     }, [
       t.value.length === 0 ? (i(), y("div", xa, [
         f(p(T), {
@@ -3047,19 +3047,19 @@ const ga = { class: "d-flex justify-content-between" }, ha = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (l, a) => (i(), y("div", Ba, [
-      l.uploadStatus === "Uploading" ? (i(), h(Gt, {
+    return (a, l) => (i(), y("div", Ba, [
+      a.uploadStatus === "Uploading" ? (i(), h(Gt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
         default: b(() => [
-          O(w((l.bytesUploaded / l.fileSize * 100).toFixed(0)) + "%", 1)
+          O(w((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
       })) : S("", !0),
-      l.uploadStatus !== "Uploading" && l.uploadStatus !== "Not Uploaded" && l.uploadStatus !== "Uploaded" && l.uploadStatus !== "Preparing" ? (i(), h(se, {
+      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (i(), h(se, {
         key: 1,
         id: "upload-status-alert",
         severity: t.value,
@@ -3100,36 +3100,36 @@ const ga = { class: "d-flex justify-content-between" }, ha = ["accept", "disable
   }),
   emits: /* @__PURE__ */ j(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const o = E(e, "file"), l = E(e, "blobFileName"), a = E(e, "uploadStatus"), n = t, d = I(o.value.name), u = I(""), c = I(0), r = I(), s = k(() => e.acceptedFileTypes.includes(o.value.type)), v = k(() => o.value.size <= e.maxFileSize), x = () => {
+    const o = E(e, "file"), a = E(e, "blobFileName"), l = E(e, "uploadStatus"), n = t, d = I(o.value.name), u = I(""), c = I(0), r = I(), s = k(() => e.acceptedFileTypes.includes(o.value.type)), v = k(() => o.value.size <= e.maxFileSize), x = () => {
       o.value = new File([o.value], d.value, { type: o.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, F = async () => {
       if (!s.value || !v.value) {
-        a.value = s.value ? "InvalidFileSize" : "InvalidFileType";
+        l.value = s.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      a.value = "Preparing", r.value = new AbortController();
+      l.value = "Preparing", r.value = new AbortController();
       const [M, z] = await e.getFileUrlAction(o.value.name);
       if (!M) {
-        a.value = "Failed";
+        l.value = "Failed";
         return;
       }
       try {
-        a.value = "Uploading";
+        l.value = "Uploading";
         const g = new pe(M), $ = {
           abortSignal: r.value.signal,
           onProgress: (G) => c.value = G.loadedBytes,
           tags: { temp: "true" }
         };
-        await g.uploadData(o.value, $), u.value = M, a.value = "Uploaded", l.value = z;
+        await g.uploadData(o.value, $), u.value = M, l.value = "Uploaded", a.value = z;
       } catch (g) {
         if (g.name === "AbortError") {
-          a.value = "Aborted";
+          l.value = "Aborted";
           return;
         }
-        a.value = "Failed";
+        l.value = "Failed";
       }
     }, P = async () => {
-      await ya(a.value, u.value), n("deleted", o.value);
+      await ya(l.value, u.value), n("deleted", o.value);
     };
     return ae(() => {
       e.autoUploadToBlob && F();
@@ -3173,25 +3173,25 @@ const ga = { class: "d-flex justify-content-between" }, ha = ["accept", "disable
         ]),
         m("div", Pa, [
           (i(), h(Fa, {
-            key: a.value,
+            key: l.value,
             "file-size": o.value.size,
-            "upload-status": a.value,
+            "upload-status": l.value,
             "bytes-uploaded": c.value,
             "max-file-size": M.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          a.value === "Not Uploaded" || a.value === "Failed" || a.value === "Duplicate" || a.value === "Aborted" ? (i(), h(g, {
+          l.value === "Not Uploaded" || l.value === "Failed" || l.value === "Duplicate" || l.value === "Aborted" ? (i(), h(g, {
             key: 0,
             link: "",
             onClick: F
           }, {
             default: b(() => [
               f(p(T), {
-                icon: a.value === "Not Uploaded" || a.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
+                icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
           })) : S("", !0),
-          a.value === "Uploading" ? (i(), h(g, {
+          l.value === "Uploading" ? (i(), h(g, {
             key: 1,
             link: "",
             onClick: z[1] || (z[1] = ($) => r.value.value.abort())
@@ -3242,15 +3242,15 @@ const ga = { class: "d-flex justify-content-between" }, ha = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), o = e, l = (a) => {
-      t.value = t.value.filter((n) => n.file != a);
+    const t = E(e, "modelValue"), o = e, a = (l) => {
+      t.value = t.value.filter((n) => n.file != l);
     };
-    return (a, n) => (i(), y("div", Da, [
+    return (l, n) => (i(), y("div", Da, [
       f(wa, C(o, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (d) => t.value = d)
       }), null, 16, ["modelValue"]),
-      a.showDragDropArea ? (i(), y("div", Ua, [
+      l.showDragDropArea ? (i(), y("div", Ua, [
         f($a, {
           "max-file-input": o.maxFileInput,
           "max-file-size": o.maxFileSize,
@@ -3270,7 +3270,7 @@ const ga = { class: "d-flex justify-content-between" }, ha = ["accept", "disable
                 "upload-status": t.value[u].status,
                 "onUpdate:uploadStatus": (c) => t.value[u].status = c,
                 ref_for: !0
-              }, o, { onDeleted: l }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
+              }, o, { onDeleted: a }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
             ]))), 256))
           ]),
           _: 1

package/package.json

@@ -2,7 +2,7 @@
   "name": "@3squared/forge-ui-3",
   "repository": "https://github.com/3Squared/ForgeUI-3",
   "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "type": "module",
   "license": "MIT",
   "contributors": [