@3squared/forge-ui-3 0.7.2 → 0.8.0

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

@@ -1,5 +1,5 @@
 import fe from "primevue/message";
-import { defineComponent as F, openBlock as s, createBlock as k, normalizeProps as K, guardReactiveProps as te, withCtx as g, createElementVNode as u, normalizeClass as B, unref as c, createCommentVNode as C, createVNode as b, renderSlot as _, ref as I, createElementBlock as v, Fragment as N, mergeProps as V, onMounted as ae, watch as ie, computed as w, isRef as le, createTextVNode as z, toDisplayString as h, withDirectives as L, vShow as q, mergeModels as H, useModel as E, createSlots as oe, renderList as j, withKeys as Q, useAttrs as ce, withModifiers as G, normalizeStyle as ge } from "vue";
+import { defineComponent as F, openBlock as s, createBlock as k, normalizeProps as K, guardReactiveProps as te, withCtx as g, createElementVNode as u, normalizeClass as B, unref as c, createCommentVNode as C, createVNode as b, renderSlot as $, ref as I, createElementBlock as v, Fragment as N, mergeProps as V, onMounted as ae, watch as ie, computed as w, isRef as le, createTextVNode as z, toDisplayString as h, withDirectives as L, vShow as q, mergeModels as H, useModel as E, createSlots as oe, renderList as j, withKeys as Q, useAttrs as ce, withModifiers as G, normalizeStyle as ge } from "vue";
 import { Icon as T } from "@iconify/vue";
 import R from "primevue/button";
 import he from "primevue/toast";
@@ -8,8 +8,8 @@ import { useField as Z } from "vee-validate";
 import xe from "primevue/progressspinner";
 import ke from "primevue/dialog";
 import re from "primevue/inputtext";
-import { vOnClickOutside as _e } from "@vueuse/components";
-import $e from "primevue/menubar";
+import { vOnClickOutside as $e } from "@vueuse/components";
+import _e from "primevue/menubar";
 import Be from "vue-multiselect";
 import Fe from "primevue/calendar";
 import Se from "primevue/inputmask";
@@ -906,7 +906,7 @@ const De = {
           b(c(T), { icon: "bi:x" })
         ]),
         default: g(() => [
-          _(l.$slots, "default")
+          $(l.$slots, "default")
         ]),
         _: 3
       }, 16);
@@ -982,13 +982,13 @@ const De = {
     });
     const m = w(() => d.value.length > 0);
     return (p, x) => {
-      const $ = we;
+      const _ = we;
       return s(), v(N, null, [
         u("div", V({
           class: "d-flex",
           "data-cy": "checkbox-container"
         }, { ...p.$attrs }), [
-          b($, V({
+          b(_, V({
             id: a.name
           }, { ...a }, {
             modelValue: c(o),
@@ -1006,7 +1006,7 @@ const De = {
             class: B(`${a.disabled ? "opacity-50" : "cursor-pointer"} ${m.value ? "text-danger-dark" : ""}`),
             onClick: r
           }, [
-            _(p.$slots, "default", {}, () => [
+            $(p.$slots, "default", {}, () => [
               z(h(a.label), 1)
             ])
           ], 10, ut)
@@ -1077,7 +1077,7 @@ const De = {
       href: a.url,
       target: a.target
     }, [
-      _(a.$slots, "default", {}, () => [
+      $(a.$slots, "default", {}, () => [
         a.iconName ? (s(), k(c(T), {
           key: 0,
           id: "link-icon",
@@ -1180,7 +1180,7 @@ const vt = { key: 0 }, yt = {
       ]
     }));
     return (p, x) => {
-      const $ = R, P = ke;
+      const _ = R, P = ke;
       return s(), k(P, V(a, {
         onMaximize: d,
         onUnmaximize: i,
@@ -1223,8 +1223,8 @@ const vt = { key: 0 }, yt = {
               ]),
               _: 1
             })) : C("", !0),
-            _(p.$slots, O, K(te(f || {}))),
-            o.value ? _(p.$slots, "loader", { key: 1 }, () => [
+            $(p.$slots, O, K(te(f || {}))),
+            o.value ? $(p.$slots, "loader", { key: 1 }, () => [
               b(ye, { "data-cy": "loader" })
             ]) : C("", !0)
           ])
@@ -1233,7 +1233,7 @@ const vt = { key: 0 }, yt = {
           name: "footer",
           fn: g(() => [
             u("div", yt, [
-              b($, {
+              b(_, {
                 label: p.cancelText,
                 class: B(a.cancelClass),
                 outlined: "",
@@ -1241,7 +1241,7 @@ const vt = { key: 0 }, yt = {
                 id: "cancel-button",
                 type: a.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
-              b($, {
+              b(_, {
                 label: p.submitText,
                 class: B([a.submitClass, "ms-auto"]),
                 onClick: r,
@@ -1271,8 +1271,8 @@ const vt = { key: 0 }, yt = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, l = E(e, "modelValue"), a = I(!1), o = I(), n = () => {
-      var $;
-      a.value = !a.value, ($ = o.value) == null || $.focus();
+      var _;
+      a.value = !a.value, (_ = o.value) == null || _.focus();
     }, i = async () => {
       if (x.value)
         return !1;
@@ -1295,19 +1295,19 @@ const vt = { key: 0 }, yt = {
       p.value = l.value;
     });
     const x = w(() => m.value.length > 0);
-    return ($, P) => {
+    return (_, P) => {
       const S = re, O = R;
       return s(), v("div", {
         id: t.name
       }, [
-        $.readonly ? (s(), v("div", wt, [
-          _($.$slots, "default", {}, () => [
+        _.readonly ? (s(), v("div", wt, [
+          $(_.$slots, "default", {}, () => [
             u("span", xt, h(c(p)), 1)
           ])
         ])) : (s(), v("div", ft, [
           a.value ? (s(), v("div", gt, [
             L((s(), v("div", ht, [
-              _($.$slots, "editor", {
+              $(_.$slots, "editor", {
                 class: B({ "is-invalid": x.value }),
                 editFinished: i,
                 cancel: d,
@@ -1335,7 +1335,7 @@ const vt = { key: 0 }, yt = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c(_e), i]
+              [c($e), i]
             ])
           ])) : (s(), v("div", {
             key: 1,
@@ -1343,7 +1343,7 @@ const vt = { key: 0 }, yt = {
             onClick: n,
             onFocus: n
           }, [
-            _($.$slots, "default", {}, () => [
+            $(_.$slots, "default", {}, () => [
               u("div", {
                 class: B(["pe-2 cursor-pointer", { "text-invalid": x.value }]),
                 "data-cy": "value"
@@ -1374,7 +1374,7 @@ const vt = { key: 0 }, yt = {
       ], 8, bt);
     };
   }
-}), _t = ["href"], cl = /* @__PURE__ */ F({
+}), $t = ["href"], cl = /* @__PURE__ */ F({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1419,7 +1419,7 @@ const vt = { key: 0 }, yt = {
       })
     }));
     return (a, o) => {
-      const n = $e;
+      const n = _e;
       return s(), k(n, V({ ...t, ...a.$attrs }, {
         pt: l.value,
         "data-cy": "navbar"
@@ -1430,13 +1430,13 @@ const vt = { key: 0 }, yt = {
             class: "navbar-brand ms-3",
             "data-cy": "logo"
           }, [
-            _(a.$slots, "logo", {}, () => [
+            $(a.$slots, "logo", {}, () => [
               z(" Logo ")
             ])
-          ], 8, _t)
+          ], 8, $t)
         ]),
         menubuttonicon: g(() => [
-          _(a.$slots, "menubuttonicon", {}, () => [
+          $(a.$slots, "menubuttonicon", {}, () => [
             b(c(T), {
               icon: "bi:list",
               class: B(t.severity === "light" ? "text-black" : "text-white"),
@@ -1450,13 +1450,13 @@ const vt = { key: 0 }, yt = {
         j(a.$slots, (i, d) => ({
           name: d,
           fn: g((y) => [
-            _(a.$slots, d, K(te(y)))
+            $(a.$slots, d, K(te(y)))
           ])
         }))
       ]), 1040, ["pt"]);
     };
   }
-}), $t = /* @__PURE__ */ u("div", { class: "ps-1" }, "Select all", -1), Bt = ["data-cy"], Ft = { class: "ps-1 w-100" }, St = { class: "multiselect__tag d-inline-flex" }, Ct = { class: "my-auto" }, Vt = /* @__PURE__ */ F({
+}), _t = /* @__PURE__ */ u("div", { class: "ps-1" }, "Select all", -1), Bt = ["data-cy"], Ft = { class: "ps-1 w-100" }, St = { class: "multiselect__tag d-inline-flex" }, Ct = { class: "my-auto" }, Vt = /* @__PURE__ */ F({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1489,12 +1489,12 @@ const vt = { key: 0 }, yt = {
       searchable: !!(o.searchable === null || o.searchable) && o.modelValue.length === o.options.length,
       async: !1,
       ...o
-    })), p = w(() => `forge-multiselect-${l.severity}`), x = w(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${$.value ? " multiselect__option--selected" : ""}`), $ = w(() => m.value && !(m.value.multiple || !l.showSelectAll || m.value.async) ? !1 : o.modelValue.length === o.options.length), P = w(() => i.value.length > 0), S = w(() => !!((o.allowEmpty == null || o.allowEmpty) && l.showClearSelection && (m.value.multiple ? o.modelValue.length > 0 : o.modelValue))), O = () => r.value = !0, f = () => r.value = !1, M = () => {
+    })), p = w(() => `forge-multiselect-${l.severity}`), x = w(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${_.value ? " multiselect__option--selected" : ""}`), _ = w(() => m.value && !(m.value.multiple || !l.showSelectAll || m.value.async) ? !1 : o.modelValue.length === o.options.length), P = w(() => i.value.length > 0), S = w(() => !!((o.allowEmpty == null || o.allowEmpty) && l.showClearSelection && (m.value.multiple ? o.modelValue.length > 0 : o.modelValue))), O = () => r.value = !0, f = () => r.value = !1, M = () => {
       d.value = m.value.multiple ? [] : null, n("update:modelValue", d.value);
     }, Y = (U) => {
       n("update:modelValue", l.selectValue ? U.map((D) => D[l.selectValue]) : U);
     }, J = (U) => o.modelValue !== null ? o.modelValue.some((D) => m.value.selectValue ? U[l.selectValue] === D : U.id === D.id && U.label === D.label) : !1, se = () => {
-      $.value ? M() : (d.value = [...o.options], n("update:modelValue", [...o.options]));
+      _.value ? M() : (d.value = [...o.options], n("update:modelValue", [...o.options]));
     };
     return (U, D) => {
       const X = ve;
@@ -1537,7 +1537,7 @@ const vt = { key: 0 }, yt = {
             ])
           ]),
           default: g(() => [
-            (s(!0), v(N, null, j(U.$slots, (A, W) => _(U.$slots, W, { slot: W })), 256))
+            (s(!0), v(N, null, j(U.$slots, (A, W) => $(U.$slots, W, { slot: W })), 256))
           ]),
           _: 2
         }, [
@@ -1554,9 +1554,9 @@ const vt = { key: 0 }, yt = {
                 u("span", {
                   class: B(`${x.value}`)
                 }, [
-                  b(X, { value: $.value }, {
+                  b(X, { value: _.value }, {
                     default: g(() => [
-                      $t
+                      _t
                     ]),
                     _: 1
                   }, 8, ["value"])
@@ -1646,11 +1646,11 @@ const vt = { key: 0 }, yt = {
               r.$attrs.modelValue.length > 0 ? (s(), v("span", Tt, h(i.value) + " items selected", 1)) : C("", !0)
             ]),
             default: g(() => [
-              (s(!0), v(N, null, j(r.$slots, (x, $) => _(r.$slots, $, { slot: $ })), 256))
+              (s(!0), v(N, null, j(r.$slots, (x, _) => $(r.$slots, _, { slot: _ })), 256))
             ]),
             _: 3
           }, 8, ["modelValue", "limit-text", "options"]),
-          _(r.$slots, "after-multi-select")
+          $(r.$slots, "after-multi-select")
         ], 2),
         u("div", {
           class: B(r.orientation === "row" ? "col-12" : "col"),
@@ -1666,14 +1666,14 @@ const vt = { key: 0 }, yt = {
                 key: x.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
-                _(r.$slots, "list-item", { item: x }, () => [
+                $(r.$slots, "list-item", { item: x }, () => [
                   u("span", Mt, h(x.shortLabel ? x.shortLabel : x.label), 1)
                 ]),
                 r.canRemoveItemFromPreview ? (s(), k(p, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: ($) => y(x.id)
+                  onClick: (_) => y(x.id)
                 }, {
                   default: g(() => [
                     b(c(T), {
@@ -1708,7 +1708,7 @@ const vt = { key: 0 }, yt = {
     return (l, a) => (s(), v("div", Ot, [
       u("h3", Dt, h(t.title), 1),
       u("div", Ut, [
-        _(l.$slots, "default")
+        $(l.$slots, "default")
       ])
     ]));
   }
@@ -1882,7 +1882,7 @@ const vt = { key: 0 }, yt = {
       const d = Fe;
       return s(), v(N, null, [
         u("span", At, [
-          _(n.$slots, "before")
+          $(n.$slots, "before")
         ]),
         u("div", Nt, [
           b(d, V({ ...t, ...n.$attrs }, {
@@ -1907,7 +1907,7 @@ const vt = { key: 0 }, yt = {
           ])
         ]),
         u("span", Et, [
-          _(n.$slots, "after")
+          $(n.$slots, "after")
         ])
       ], 64);
     };
@@ -1957,7 +1957,7 @@ const vt = { key: 0 }, yt = {
         onSubmit: G(o, ["prevent"])
       }), [
         n.hideTitle ? C("", !0) : (s(), v(N, { key: 0 }, [
-          _(n.$slots, "title", {}, () => [
+          $(n.$slots, "title", {}, () => [
             u("h3", {
               class: B(n.titleClass),
               "data-cy": "form-title"
@@ -1971,7 +1971,7 @@ const vt = { key: 0 }, yt = {
           "data-cy": "error"
         }, {
           default: g(() => [
-            _(n.$slots, "error", {
+            $(n.$slots, "error", {
               error: a.value.message
             }, () => [
               z(h(a.value.message), 1)
@@ -1979,9 +1979,9 @@ const vt = { key: 0 }, yt = {
           ]),
           _: 3
         })) : C("", !0),
-        _(n.$slots, "default"),
+        $(n.$slots, "default"),
         u("div", Ht, [
-          _(n.$slots, "cancel", {}, () => [
+          $(n.$slots, "cancel", {}, () => [
             n.hideCancel ? C("", !0) : (s(), k(d, {
               key: 0,
               "data-cy": "cancel-btn",
@@ -1996,7 +1996,7 @@ const vt = { key: 0 }, yt = {
               _: 1
             }))
           ]),
-          _(n.$slots, "submit", { submit: o }, () => [
+          $(n.$slots, "submit", { submit: o }, () => [
             b(d, {
               "data-cy": "submit-btn",
               type: "submit",
@@ -2042,7 +2042,7 @@ const vt = { key: 0 }, yt = {
     return ie(() => n.value, (m) => {
       t.value = m;
     }, { immediate: !0 }), (m, p) => {
-      const x = Ce, $ = Se, P = re;
+      const x = Ce, _ = Se, P = re;
       return l.type === "checkbox" ? (s(), k(ve, V({
         key: 0,
         id: l.name,
@@ -2075,7 +2075,7 @@ const vt = { key: 0 }, yt = {
           "onUpdate:modelValue": p[2] || (p[2] = (S) => t.value = S),
           onInput: a,
           onBlur: c(y)
-        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (s(), k($, V({
+        }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (s(), k(_, V({
           key: 2,
           id: l.name
         }, m.$attrs, {
@@ -2240,7 +2240,7 @@ const vt = { key: 0 }, yt = {
       const y = Te;
       return s(), k(y, V({ ...i.$attrs, ...t }, { pt: n.value }), {
         default: g(() => [
-          _(i.$slots, "default")
+          $(i.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
@@ -2258,7 +2258,7 @@ const vt = { key: 0 }, yt = {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
       u("span", Gt, [
-        _(l.$slots, "default")
+        $(l.$slots, "default")
       ])
     ], 16));
   }
@@ -2332,7 +2332,7 @@ const vt = { key: 0 }, yt = {
       })
     }));
     return (r, m) => {
-      const p = R, x = Ie, $ = Pe;
+      const p = R, x = Ie, _ = Pe;
       return s(), v("div", Kt, [
         u("div", Wt, [
           b(p, {
@@ -2358,12 +2358,12 @@ const vt = { key: 0 }, yt = {
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
-        b($),
+        b(_),
         (s(!0), v(N, null, j(a.model, (P, S) => (s(), v("div", {
           key: S,
           class: "w-100"
         }, [
-          S === o.value ? _(r.$slots, P.key ?? P.label, {
+          S === o.value ? $(r.$slots, P.key ?? P.label, {
             key: 0,
             nextStep: i,
             previousStep: n
@@ -2393,10 +2393,11 @@ const vt = { key: 0 }, yt = {
   props: {
     severity: { default: "primary" },
     barPosition: { default: "none" },
-    clickable: { type: Boolean, default: !1 }
+    clickable: { type: Boolean, default: !1 },
+    selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = w(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = w(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
+    const t = e, l = w(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), a = w(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
     return (o, n) => {
       const i = R;
       return t.clickable ? (s(), k(i, {
@@ -2408,7 +2409,7 @@ const vt = { key: 0 }, yt = {
       }, {
         default: g(() => [
           u("div", Zt, [
-            _(o.$slots, "default", {}, () => [
+            $(o.$slots, "default", {}, () => [
               z("Tile Content")
             ])
           ])
@@ -2420,7 +2421,7 @@ const vt = { key: 0 }, yt = {
         "data-cy": "tile"
       }, [
         u("div", Jt, [
-          _(o.$slots, "default", {}, () => [
+          $(o.$slots, "default", {}, () => [
             z("Tile Content")
           ])
         ])
@@ -2585,7 +2586,7 @@ const Xt = {
       P(a.filters);
     }, x = () => {
       o.value.exportCSV();
-    }, $ = (f) => {
+    }, _ = (f) => {
       var M;
       d.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", d.value.sortField = ((M = f.sortField) == null ? void 0 : M.toString()) ?? "", l("update:tableContext", d.value), l("sort", f);
     }, P = (f) => {
@@ -2599,7 +2600,7 @@ const Xt = {
       d.value.filters = f, l("update:tableContext", d.value);
     }, { deep: !0 }), ae(() => l("update:tableContext", d.value)), (f, M) => (s(), v("div", oa, [
       u("span", na, [
-        _(f.$slots, "above-table")
+        $(f.$slots, "above-table")
       ]),
       b(c(Me), V({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
@@ -2612,7 +2613,7 @@ const Xt = {
         ref: o,
         "data-cy": "table",
         "onUpdate:filters": P,
-        onSort: $,
+        onSort: _,
         onPage: S
       }), oe({
         header: g(() => [
@@ -2672,14 +2673,14 @@ const Xt = {
           ], 2)
         ]),
         default: g(() => [
-          _(f.$slots, "default")
+          $(f.$slots, "default")
         ]),
         _: 2
       }, [
         j(f.$slots, (Y, J) => ({
           name: J,
           fn: g((se) => [
-            _(f.$slots, J, K(te(se || {})))
+            $(f.$slots, J, K(te(se || {})))
           ])
         })),
         f.legacyPaginationFooter ? {
@@ -2792,7 +2793,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
       t.value = be(o, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
     return (o, n) => (s(), v("div", va, [
-      _(o.$slots, "message"),
+      $(o.$slots, "message"),
       u("div", null, [
         u("input", {
           id: "file-input",
@@ -2808,7 +2809,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
           id: "file-input-button",
           for: "file-input"
         }, [
-          _(o.$slots, "button-content", {}, () => [
+          $(o.$slots, "button-content", {}, () => [
             b(c(T), {
               icon: "bi:upload",
               class: "me-2",
@@ -2864,7 +2865,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
         }),
         z(" Drag and drop files here ")
       ])) : (s(), v("div", ga, [
-        _(n.$slots, "default")
+        $(n.$slots, "default")
       ]))
     ], 34));
   }
@@ -2918,7 +2919,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
       }, 8, ["severity"])) : C("", !0)
     ]));
   }
-}), ka = ["data-cy"], _a = { class: "ms-3 d-flex flex-column" }, $a = {
+}), ka = ["data-cy"], $a = { class: "ms-3 d-flex flex-column" }, _a = {
   key: 1,
   id: "file-name"
 }, Ba = {
@@ -2948,7 +2949,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
   setup(e, { emit: t }) {
     const l = E(e, "file"), a = E(e, "blobFileName"), o = E(e, "uploadStatus"), n = t, i = I(l.value.name), d = I(""), y = I(0), r = I(), m = w(() => e.acceptedFileTypes.includes(l.value.type)), p = w(() => l.value.size <= e.maxFileSize), x = () => {
       l.value = new File([l.value], i.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
-    }, $ = async () => {
+    }, _ = async () => {
       if (!m.value || !p.value) {
         o.value = m.value ? "InvalidFileSize" : "InvalidFileType";
         return;
@@ -2978,7 +2979,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
       await ca(o.value, d.value), n("deleted", l.value);
     };
     return ae(() => {
-      e.autoUploadToBlob && $();
+      e.autoUploadToBlob && _();
     }), (S, O) => {
       const f = R;
       return s(), v("div", {
@@ -3002,7 +3003,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
             width: "75px"
           }))
         ]),
-        u("div", _a, [
+        u("div", $a, [
           u("div", null, [
             S.editableFileName ? (s(), k(kt, {
               key: 0,
@@ -3012,7 +3013,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
               rules: S.customFileNameRules,
               name: l.value.name,
               "complete-action": x
-            }, null, 8, ["modelValue", "rules", "name"])) : (s(), v("span", $a, h(l.value.name), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (s(), v("span", _a, h(l.value.name), 1))
           ]),
           u("span", Ba, "File type: " + h(l.value.type.split("/").pop()), 1),
           u("span", Fa, "File size: " + h(c(ue)(l.value.size)), 1)
@@ -3028,7 +3029,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
           o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (s(), k(f, {
             key: 0,
             link: "",
-            onClick: $
+            onClick: _
           }, {
             default: g(() => [
               b(c(T), {
@@ -3071,7 +3072,7 @@ const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disable
       u("div", Ta, "Max file size: " + h(c(ue)(t.maxFileSize)), 1)
     ]));
   }
-}), Ia = { "data-cy": "file-uploader" }, Ma = { key: 0 }, _l = /* @__PURE__ */ F({
+}), Ia = { "data-cy": "file-uploader" }, Ma = { key: 0 }, $l = /* @__PURE__ */ F({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ H({
     acceptedFileTypes: {},
@@ -3135,7 +3136,7 @@ export {
   ve as ForgeCheckbox,
   fl as ForgeChips,
   Rt as ForgeDatepicker,
-  _l as ForgeFileUploader,
+  $l as ForgeFileUploader,
   kl as ForgeFilterHeader,
   yl as ForgeForm,
   bl as ForgeFormField,