@3squared/forge-ui-3 1.1.1 → 1.1.3

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

@@ -1,11 +1,11 @@
 import ge from "primevue/message";
-import { defineComponent as F, openBlock as r, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as f, createElementVNode as c, normalizeClass as B, unref as p, createCommentVNode as S, createVNode as y, renderSlot as $, ref as P, createElementBlock as b, Fragment as N, mergeProps as V, mergeModels as R, useModel as U, computed as x, createTextVNode as z, toDisplayString as h, withDirectives as j, vShow as q, createSlots as te, renderList as H, onMounted as le, isRef as se, withKeys as J, useAttrs as he, withModifiers as Y, normalizeStyle as we, watch as de } from "vue";
+import { defineComponent as F, openBlock as r, createBlock as w, normalizeProps as Q, guardReactiveProps as ee, withCtx as f, createElementVNode as m, normalizeClass as B, unref as p, createCommentVNode as S, createVNode as y, renderSlot as $, ref as P, createElementBlock as b, Fragment as N, mergeProps as V, mergeModels as R, useModel as U, computed as k, createTextVNode as z, toDisplayString as h, withDirectives as j, vShow as q, createSlots as te, renderList as H, onMounted as le, isRef as se, withKeys as J, useAttrs as he, withModifiers as Y, normalizeStyle as we, watch as de } from "vue";
 import { Icon as _ } from "@iconify/vue";
 import E from "primevue/button";
-import ke from "primevue/toast";
+import xe from "primevue/toast";
 import ue from "primevue/checkbox";
 import { useField as K } from "vee-validate";
-import xe from "primevue/progressspinner";
+import ke from "primevue/progressspinner";
 import $e from "primevue/dialog";
 import ie from "primevue/inputtext";
 import { vOnClickOutside as Be } from "@vueuse/components";
@@ -919,7 +919,7 @@ const Ue = {
       const a = ge;
       return r(), w(a, Q(ee({ ...l.$attrs, ...t })), {
         messageicon: f(() => [
-          c("div", {
+          m("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
             t.icon ? (r(), w(p(_), {
@@ -941,7 +941,7 @@ const Ue = {
       }, 16);
     };
   }
-}), ka = /* @__PURE__ */ F({
+}), xa = /* @__PURE__ */ F({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -967,7 +967,7 @@ const Ue = {
           disabled: t.value || l.disabled,
           onClick: o
         }), null, 16, ["loading", "disabled"]),
-        y(p(ke))
+        y(p(xe))
       ], 64);
     };
   }
@@ -1001,44 +1001,46 @@ const Ue = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = U(e, "modelValue"), {
-      handleChange: o,
-      errors: a,
-      errorMessage: n
-    } = K(() => t.name ?? "", void 0, {
-      type: "checkbox",
-      checkedValue: l.value
-    }), d = x(() => a.value.length > 0);
-    return (i, u) => {
-      const m = ue;
+    const t = e, l = U(e, "modelValue"), { handleChange: o, errors: a, errorMessage: n } = K(
+      () => t.name ?? "",
+      void 0,
+      {
+        type: "checkbox",
+        checkedValue: l.value
+      }
+    ), d = (u) => {
+      t.name ? o(u) : l.value = u;
+    }, i = k(() => a.value.length > 0);
+    return (u, c) => {
+      const v = ue;
       return r(), b("div", ut, [
-        c("div", V({
+        m("div", V({
           class: "d-flex cursor-pointer",
           "data-cy": "checkbox-container",
-          onClick: u[2] || (u[2] = (v) => p(o)(l.value))
-        }, { ...i.$attrs }), [
-          y(m, V({ ...t }, {
+          onClick: c[2] || (c[2] = (s) => d(l.value))
+        }, { ...u.$attrs }), [
+          y(v, V({ ...t }, {
             binary: "",
             modelValue: l.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (v) => l.value = v),
+            "onUpdate:modelValue": c[0] || (c[0] = (s) => l.value = s),
             "input-id": t.name,
-            "input-class": { "is-invalid": d.value }
+            "input-class": { "is-invalid": i.value }
           }), null, 16, ["modelValue", "input-id", "input-class"]),
-          c("label", {
+          m("label", {
             for: t.name,
-            onClick: u[1] || (u[1] = (v) => p(o)(l.value)),
-            class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${d.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
+            onClick: c[1] || (c[1] = (s) => d(!l.value)),
+            class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${i.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
-            $(i.$slots, "default", {}, () => [
+            $(u.$slots, "default", {}, () => [
               z(h(t.label), 1)
             ])
           ], 10, ct)
         ], 16),
-        j(c("small", {
+        j(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(n)), 513), [
-          [q, d.value]
+          [q, i.value]
         ])
       ]);
     };
@@ -1051,7 +1053,7 @@ const Ue = {
   setup(e) {
     const t = e;
     return (l, o) => {
-      const a = xe;
+      const a = ke;
       return r(), b("div", pt, [
         y(a, {
           "animation-duration": ".75",
@@ -1060,7 +1062,7 @@ const Ue = {
       ]);
     };
   }
-}), vt = ["href", "target"], xa = /* @__PURE__ */ F({
+}), vt = ["href", "target"], ka = /* @__PURE__ */ F({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1078,7 +1080,7 @@ const Ue = {
     iconName: {}
   },
   setup(e) {
-    const t = x(() => ({
+    const t = k(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1087,7 +1089,7 @@ const Ue = {
       [`link-underline-opacity-${e.underlineHoverOpacity ?? e.hoverOpacity}-hover`]: e.underlineHoverOpacity || e.hoverOpacity,
       [`link-offset-${e.underlineOffset}`]: e.underlineOffset,
       "icon-link icon-link-hover": e.animateIconOnHover
-    })), l = x(() => ({
+    })), l = k(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
@@ -1188,7 +1190,7 @@ const bt = { key: 0 }, ft = {
       l.value = !0;
     }, u = () => {
       t.value = !1;
-    }, m = async () => {
+    }, c = async () => {
       if (o.onConfirm) {
         a.value = !0, n.value.hasError = !1;
         try {
@@ -1201,7 +1203,7 @@ const bt = { key: 0 }, ft = {
         }
         a.value = !1;
       }
-    }, v = x(() => ({
+    }, v = k(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1247,11 +1249,11 @@ const bt = { key: 0 }, ft = {
               "data-cy": "error"
             }, {
               default: f(() => [
-                c("p", {
+                m("p", {
                   class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, h(n.value.header), 3),
                 n.value.message.length > 0 ? (r(), b("ul", bt, [
-                  (r(!0), b(N, null, H(n.value.message, (k) => (r(), b("li", { key: k }, h(k), 1))), 128))
+                  (r(!0), b(N, null, H(n.value.message, (x) => (r(), b("li", { key: x }, h(x), 1))), 128))
                 ])) : S("", !0)
               ]),
               _: 1
@@ -1265,7 +1267,7 @@ const bt = { key: 0 }, ft = {
         s.showFooter ? {
           name: "footer",
           fn: f(() => [
-            c("div", ft, [
+            m("div", ft, [
               y(T, {
                 label: s.cancelText,
                 class: B(o.cancelClass),
@@ -1277,7 +1279,7 @@ const bt = { key: 0 }, ft = {
               y(T, {
                 label: s.submitText,
                 class: B([o.submitClass, "ms-auto"]),
-                onClick: m,
+                onClick: c,
                 id: "submit-button",
                 type: o.submitButtonType
               }, null, 8, ["label", "class", "type"])
@@ -1288,7 +1290,7 @@ const bt = { key: 0 }, ft = {
       ]), 1040, ["pt"]);
     };
   }
-}), gt = ["id"], ht = { key: 0 }, wt = { key: 0 }, kt = { class: "d-flex justify-content-between align-items-center position-relative" }, xt = { key: 1 }, $t = { "data-cy": "readonly-value" }, Bt = /* @__PURE__ */ F({
+}), gt = ["id"], ht = { key: 0 }, wt = { key: 0 }, xt = { class: "d-flex justify-content-between align-items-center position-relative" }, kt = { key: 1 }, $t = { "data-cy": "readonly-value" }, Bt = /* @__PURE__ */ F({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ R({
     name: { default: "" },
@@ -1321,25 +1323,25 @@ const bt = { key: 0 }, ft = {
       o.value = !o.value;
     }, u = () => {
       s.value = null;
-    }, { errorMessage: m, errors: v, value: s } = K(() => t.name, void 0, {
+    }, { errorMessage: c, errors: v, value: s } = K(() => t.name, void 0, {
       initialValue: l.value
     });
     le(() => {
       s.value = l.value;
     });
-    const C = x(() => v.value.length > 0);
+    const C = k(() => v.value.length > 0);
     return (T, M) => {
       const I = ie, O = E;
       return r(), b("div", {
         id: t.name
       }, [
-        T.readonly ? (r(), b("div", xt, [
+        T.readonly ? (r(), b("div", kt, [
           $(T.$slots, "default", {}, () => [
-            c("span", $t, h(p(s)), 1)
+            m("span", $t, h(p(s)), 1)
           ])
         ])) : (r(), b("div", ht, [
           o.value ? (r(), b("div", wt, [
-            j((r(), b("div", kt, [
+            j((r(), b("div", xt, [
               $(T.$slots, "editor", {
                 class: B({ "is-invalid": C.value }),
                 editFinished: d,
@@ -1377,7 +1379,7 @@ const bt = { key: 0 }, ft = {
             onFocus: n
           }, [
             $(T.$slots, "default", {}, () => [
-              c("div", {
+              m("div", {
                 class: B(["pe-2 cursor-pointer", { "text-invalid": C.value }]),
                 "data-cy": "value"
               }, h(p(s) ? p(s) : "Click to edit"), 3)
@@ -1398,10 +1400,10 @@ const bt = { key: 0 }, ft = {
             })
           ], 32))
         ])),
-        j(c("small", {
+        j(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, h(p(m)), 513), [
+        }, h(p(c)), 513), [
           [q, C.value]
         ])
       ], 8, gt);
@@ -1424,7 +1426,7 @@ const bt = { key: 0 }, ft = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = x(() => ({
+    const t = e, l = k(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1458,7 +1460,7 @@ const bt = { key: 0 }, ft = {
         "data-cy": "navbar"
       }), te({
         start: f(() => [
-          c("a", {
+          m("a", {
             href: o.logoUrl,
             class: "navbar-brand ms-3",
             "data-cy": "logo"
@@ -1509,11 +1511,11 @@ const bt = { key: 0 }, ft = {
       L(A);
     }, a = he(), n = t, { errors: d, value: i, errorMessage: u } = K(() => l.name, void 0, {
       initialValue: a.modelValue
-    }), m = P(!1), v = x(() => ({
+    }), c = P(!1), v = k(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
-      showPointer: !m.value,
+      showPointer: !c.value,
       placeholder: a.searchable === null || a.searchable ? "Search" : "Select",
       allowEmpty: !0,
       selectValue: "",
@@ -1522,12 +1524,12 @@ const bt = { key: 0 }, ft = {
       searchable: !!(a.searchable === null || a.searchable) && a.modelValue.length === a.options.length,
       async: !1,
       ...a
-    })), s = x(() => `forge-multiselect-${l.severity}`), C = x(() => `multiselect__option ${m.value ? " multiselect__option--highlight" : ""} ${T.value ? " multiselect__option--selected" : ""}`), T = x(() => v.value && !(v.value.multiple || !l.showSelectAll || v.value.async) ? !1 : a.modelValue.length === a.options.length), M = x(() => d.value.length > 0), I = x(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (v.value.multiple ? a.modelValue.length > 0 : a.modelValue))), O = () => m.value = !0, g = () => m.value = !1, k = () => {
+    })), s = k(() => `forge-multiselect-${l.severity}`), C = k(() => `multiselect__option ${c.value ? " multiselect__option--highlight" : ""} ${T.value ? " multiselect__option--selected" : ""}`), T = k(() => v.value && !(v.value.multiple || !l.showSelectAll || v.value.async) ? !1 : a.modelValue.length === a.options.length), M = k(() => d.value.length > 0), I = k(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (v.value.multiple ? a.modelValue.length > 0 : a.modelValue))), O = () => c.value = !0, g = () => c.value = !1, x = () => {
       i.value = v.value.multiple ? [] : null, n("update:modelValue", i.value);
     }, G = (L) => {
       n("update:modelValue", l.selectValue ? L.map((D) => D[l.selectValue]) : L);
     }, Z = (L) => a.modelValue !== null ? a.modelValue.some((D) => v.value.selectValue ? L[l.selectValue] === D : L.id === D.id && L.label === D.label) : !1, ne = () => {
-      T.value ? k() : (i.value = [...a.options], n("update:modelValue", [...a.options]));
+      T.value ? x() : (i.value = [...a.options], n("update:modelValue", [...a.options]));
     };
     return (L, D) => (r(), b(N, null, [
       y(p(_e), V(v.value, {
@@ -1540,12 +1542,12 @@ const bt = { key: 0 }, ft = {
         modelValue: p(i)
       }), te({
         caret: f(({ toggle: A }) => [
-          c("div", _t, [
+          m("div", _t, [
             I.value ? (r(), w(p(_), {
               key: 0,
               icon: "bi:x",
               class: "my-auto text-black multiselect__clear",
-              onMousedown: D[0] || (D[0] = Y((W) => k(), ["prevent", "stop"])),
+              onMousedown: D[0] || (D[0] = Y((W) => x(), ["prevent", "stop"])),
               "data-cy": "clear",
               height: "18px",
               width: "18px"
@@ -1558,8 +1560,8 @@ const bt = { key: 0 }, ft = {
           ])
         ]),
         tag: f(({ option: A, remove: W }) => [
-          c("div", Pt, [
-            c("div", Mt, h(A.label), 1),
+          m("div", Pt, [
+            m("div", Mt, h(A.label), 1),
             y(p(_), {
               icon: "bi:x",
               class: "my-auto multiselect__tag-icon",
@@ -1577,23 +1579,23 @@ const bt = { key: 0 }, ft = {
         v.value.multiple && L.showSelectAll && !v.value.async ? {
           name: "beforeList",
           fn: f(() => [
-            c("li", {
+            m("li", {
               class: "multiselect__element",
               onClick: ne,
               onMouseover: O,
               onMouseleave: g,
               "data-cy": "toggle-all"
             }, [
-              c("div", {
+              m("div", {
                 class: B(["d-flex py-1", C.value])
               }, [
-                c("input", {
+                m("input", {
                   checked: T.value,
                   name: "selected",
                   type: "checkbox",
                   class: "form-check-input px-2 py-2 rounded ms-2 cursor-pointer"
                 }, null, 8, Vt),
-                D[2] || (D[2] = c("div", { class: "my-auto ms-1" }, "Toggle all", -1))
+                D[2] || (D[2] = m("div", { class: "my-auto ms-1" }, "Toggle all", -1))
               ], 2)
             ], 32)
           ]),
@@ -1602,23 +1604,23 @@ const bt = { key: 0 }, ft = {
         v.value.multiple ? {
           name: "option",
           fn: f(({ option: A }) => [
-            c("div", {
+            m("div", {
               class: "d-flex py-1",
               "data-cy": A.label
             }, [
-              c("input", {
+              m("input", {
                 checked: Z(A),
                 name: "selected",
                 type: "checkbox",
                 class: "form-check-input px-2 py-2 rounded ms-2 cursor-pointer"
               }, null, 8, Ct),
-              c("div", Tt, h(A[v.value.label]), 1)
+              m("div", Tt, h(A[v.value.label]), 1)
             ], 8, St)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "modelValue"]),
-      j(c("small", {
+      j(m("small", {
         "data-cy": "error",
         class: "invalid-feedback"
       }, h(p(u)), 513), [
@@ -1660,7 +1662,7 @@ const bt = { key: 0 }, ft = {
         class: B(a.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
-        c("div", {
+        m("div", {
           class: B(a.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
@@ -1683,22 +1685,22 @@ const bt = { key: 0 }, ft = {
           }, 16, ["modelValue", "limit-text", "options"]),
           $(a.$slots, "after-multi-select")
         ], 2),
-        c("div", {
+        m("div", {
           class: B(a.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
-          c("div", {
+          m("div", {
             style: we({ height: a.height }),
             class: "overflow-auto"
           }, [
-            c("div", zt, [
+            m("div", zt, [
               a.title ? (r(), b("div", Ot, h(a.title), 1)) : S("", !0),
               (r(!0), b(N, null, H(l.value, (i) => (r(), b("div", {
                 key: i.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 $(a.$slots, "list-item", { item: i }, () => [
-                  c("span", Dt, h(i.shortLabel ? i.shortLabel : i.label), 1)
+                  m("span", Dt, h(i.shortLabel ? i.shortLabel : i.label), 1)
                 ]),
                 a.canRemoveItemFromPreview ? (r(), w(d, {
                   key: 0,
@@ -1737,8 +1739,8 @@ const bt = { key: 0 }, ft = {
   setup(e) {
     const t = e;
     return (l, o) => (r(), b("div", At, [
-      c("h3", Nt, h(t.title), 1),
-      c("div", Et, [
+      m("h3", Nt, h(t.title), 1),
+      m("div", Et, [
         $(l.$slots, "default")
       ])
     ]));
@@ -1820,7 +1822,7 @@ const bt = { key: 0 }, ft = {
       initialValue: l.value
     }), u = () => {
       i(null), l.value = null;
-    }, m = x(() => o.value.length > 0), v = x(() => ({
+    }, c = k(() => o.value.length > 0), v = k(() => ({
       day: ({ context: s }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
@@ -1914,11 +1916,11 @@ const bt = { key: 0 }, ft = {
     return (s, C) => {
       const T = Ve;
       return r(), b(N, null, [
-        c("div", Lt, [
-          c("span", Rt, [
+        m("div", Lt, [
+          m("span", Rt, [
             $(s.$slots, "before")
           ]),
-          c("div", jt, [
+          m("div", jt, [
             y(T, V({ ...t, ...s.$attrs }, {
               pt: v.value,
               modelValue: l.value,
@@ -1927,12 +1929,12 @@ const bt = { key: 0 }, ft = {
                 p(n)
               ],
               onBlur: p(d),
-              "input-class": { "datepicker-invalid": m.value }
+              "input-class": { "datepicker-invalid": c.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "onBlur", "input-class"]),
             j(y(p(_), {
               "data-cy": "icon",
               icon: "bi:calendar4",
-              class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${m.value ? "text-danger-dark" : "text-muted"}`])
+              class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${c.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [q, t.showIcon]
             ]),
@@ -1945,15 +1947,15 @@ const bt = { key: 0 }, ft = {
               [q, t.modelValue]
             ])
           ]),
-          c("span", Ht, [
+          m("span", Ht, [
             $(s.$slots, "after")
           ])
         ]),
-        j(c("small", {
+        j(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(a)), 513), [
-          [q, m.value]
+          [q, c.value]
         ])
       ], 64);
     };
@@ -1965,7 +1967,7 @@ const bt = { key: 0 }, ft = {
     currentCount: {}
   },
   setup(e) {
-    const t = e, l = x(() => t.maxCount - t.currentCount);
+    const t = e, l = k(() => t.maxCount - t.currentCount);
     return (o, a) => (r(), b("div", {
       class: B(l.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + h(l.value), 3));
@@ -2004,12 +2006,12 @@ const bt = { key: 0 }, ft = {
       }), [
         n.hideTitle ? S("", !0) : (r(), b(N, { key: 0 }, [
           $(n.$slots, "title", {}, () => [
-            c("h3", {
+            m("h3", {
               class: B(n.titleClass),
               "data-cy": "form-title"
             }, h(n.title), 3)
           ]),
-          d[1] || (d[1] = c("hr", null, null, -1))
+          d[1] || (d[1] = m("hr", null, null, -1))
         ], 64)),
         o.value.hasError ? (r(), w(oe, {
           key: 1,
@@ -2026,7 +2028,7 @@ const bt = { key: 0 }, ft = {
           _: 3
         })) : S("", !0),
         $(n.$slots, "default"),
-        c("div", qt, [
+        m("div", qt, [
           $(n.$slots, "cancel", {}, () => [
             n.hideCancel ? S("", !0) : (r(), w(i, {
               key: 0,
@@ -2085,7 +2087,7 @@ const bt = { key: 0 }, ft = {
       l.type == "number" ? i(v.value) : i(v);
     }, { errors: a, value: n, errorMessage: d, handleChange: i, handleBlur: u } = K(() => l.name, void 0, {
       initialValue: t.value
-    }), m = x(() => a.value.length > 0);
+    }), c = k(() => a.value.length > 0);
     return de(() => n.value, (v) => {
       t.value = v;
     }, { immediate: !0 }), (v, s) => {
@@ -2097,13 +2099,13 @@ const bt = { key: 0 }, ft = {
       }, v.$attrs, {
         name: l.name,
         modelValue: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (k) => t.value = k)
+        "onUpdate:modelValue": s[0] || (s[0] = (x) => t.value = x)
       }), null, 16, ["id", "label", "name", "modelValue"])) : (r(), b("div", Yt, [
-        c("div", {
+        m("div", {
           "data-cy": "input-wrapper",
           class: B(["d-flex", l.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
         }, [
-          c("label", {
+          m("label", {
             for: l.name,
             class: B(l.fieldLabelPosition === "top" ? "mb-1" : "me-2")
           }, h(l.fieldLabel), 11, Gt),
@@ -2112,19 +2114,19 @@ const bt = { key: 0 }, ft = {
             id: l.name
           }, v.$attrs, {
             placeholder: l.placeholder,
-            "input-class": { "is-invalid": m.value },
-            class: { "is-invalid": m.value },
+            "input-class": { "is-invalid": c.value },
+            class: { "is-invalid": c.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (k) => t.value = k),
+            "onUpdate:modelValue": s[1] || (s[1] = (x) => t.value = x),
             onInput: o
           }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : l.type === "textarea" ? (r(), w(C, V({
             key: 1,
             id: l.name
           }, v.$attrs, {
             placeholder: l.placeholder,
-            class: { "is-invalid": m.value },
+            class: { "is-invalid": c.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (k) => t.value = k),
+            "onUpdate:modelValue": s[2] || (s[2] = (x) => t.value = x),
             onInput: o,
             onBlur: p(u)
           }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "mask" ? (r(), w(T, V({
@@ -2133,9 +2135,9 @@ const bt = { key: 0 }, ft = {
           }, v.$attrs, {
             placeholder: l.placeholder,
             mask: l.mask,
-            class: { "is-invalid": m.value },
+            class: { "is-invalid": c.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[3] || (s[3] = (k) => t.value = k),
+            "onUpdate:modelValue": s[3] || (s[3] = (x) => t.value = x),
             onComplete: o,
             onBlur: p(u)
           }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : l.type === "text" ? (r(), w(M, V({
@@ -2143,30 +2145,30 @@ const bt = { key: 0 }, ft = {
             id: l.name
           }, v.$attrs, {
             placeholder: l.placeholder,
-            class: { "is-invalid": m.value },
+            class: { "is-invalid": c.value },
             modelValue: t.value,
-            "onUpdate:modelValue": s[4] || (s[4] = (k) => t.value = k),
+            "onUpdate:modelValue": s[4] || (s[4] = (x) => t.value = x),
             onInput: o,
             onBlur: p(u)
           }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : l.type === "select" ? (r(), w(I, V({ key: 4 }, { ...l, ...v.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[5] || (s[5] = (k) => t.value = k),
-            class: { "is-invalid": m.value }
+            "onUpdate:modelValue": s[5] || (s[5] = (x) => t.value = x),
+            class: { "is-invalid": c.value }
           }), null, 16, ["modelValue", "class"])) : l.type === "multiselect" ? (r(), w(O, V({ key: 5 }, { ...l, ...v.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[6] || (s[6] = (k) => t.value = k),
-            class: { "is-invalid": m.value }
+            "onUpdate:modelValue": s[6] || (s[6] = (x) => t.value = x),
+            class: { "is-invalid": c.value }
           }), null, 16, ["modelValue", "class"])) : l.type === "datepicker" ? (r(), w(g, V({ key: 6 }, { ...l, ...v.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[7] || (s[7] = (k) => t.value = k),
-            class: { "is-invalid": m.value }
+            "onUpdate:modelValue": s[7] || (s[7] = (x) => t.value = x),
+            class: { "is-invalid": c.value }
           }), null, 16, ["modelValue", "class"])) : S("", !0)
         ], 2),
-        j(c("small", {
+        j(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
         }, h(p(d)), 513), [
-          [q, m.value && l.type !== "multiselect" && l.type !== "datepicker"]
+          [q, c.value && l.type !== "multiselect" && l.type !== "datepicker"]
         ])
       ]));
     };
@@ -2200,7 +2202,7 @@ const bt = { key: 0 }, ft = {
   setup(e) {
     const t = e, { errors: l, value: o, errorMessage: a } = K(() => t.name, void 0, {
       initialValue: t.modelValue
-    }), n = x(() => l.value.length > 0), d = x(() => ({
+    }), n = k(() => l.value.length > 0), d = k(() => ({
       inputtoken: "list-unstyled",
       input: "border-0",
       container: ({ props: i }) => ({
@@ -2232,9 +2234,9 @@ const bt = { key: 0 }, ft = {
       }
     }));
     return (i, u) => {
-      const m = Te;
+      const c = Te;
       return r(), b(N, null, [
-        y(m, V({ ...t, ...i.$attrs }, {
+        y(c, V({ ...t, ...i.$attrs }, {
           pt: d.value,
           "model-value": p(o),
           "onUpdate:modelValue": u[0] || (u[0] = (v) => se(o) ? o.value = v : null)
@@ -2250,7 +2252,7 @@ const bt = { key: 0 }, ft = {
           ]),
           _: 1
         }, 16, ["pt", "model-value"]),
-        j(c("small", {
+        j(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, h(p(a)), 513), [
@@ -2274,7 +2276,7 @@ const bt = { key: 0 }, ft = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = x(() => t.striped ? "progress-bar-striped" : null), o = x(() => t.animate ? "progress-bar-animated" : null), a = x(() => {
+    const t = e, l = k(() => t.striped ? "progress-bar-striped" : null), o = k(() => t.animate ? "progress-bar-animated" : null), a = k(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2293,7 +2295,7 @@ const bt = { key: 0 }, ft = {
         default:
           return "bg-primary";
       }
-    }), n = x(() => ({
+    }), n = k(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2322,7 +2324,7 @@ const bt = { key: 0 }, ft = {
     return (l, o) => (r(), b("div", V(l.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      c("span", Wt, [
+      m("span", Wt, [
         $(l.$slots, "default")
       ])
     ], 16));
@@ -2357,49 +2359,49 @@ const bt = { key: 0 }, ft = {
           a.value++;
         while (o.model[a.value].disabled);
       l("update:currentStep", a.value);
-    }, i = x(() => {
-      const m = o.model.findIndex((v) => !v.disabled);
-      return !(m < a.value && m > -1);
-    }), u = x(() => ({
-      menuitem: (m) => ({
+    }, i = k(() => {
+      const c = o.model.findIndex((v) => !v.disabled);
+      return !(c < a.value && c > -1);
+    }), u = k(() => ({
+      menuitem: (c) => ({
         class: [{
-          "cursor-pointer": !m.context.disabled
+          "cursor-pointer": !c.context.disabled
         }]
       }),
-      step: (m) => ({
+      step: (c) => ({
         class: [
           "d-flex align-items-center justify-content-center mb-2 step",
           {
-            inactive: m.context.disabled,
-            "bg-primary text-white": m.context.index === a.value && (o.severity === void 0 || o.severity === "primary"),
-            "bg-brand text-white": m.context.index === a.value && o.severity === "brand",
-            "bg-secondary text-white": m.context.index === a.value && o.severity === "secondary",
-            "bg-success text-white": m.context.index === a.value && o.severity === "success",
-            "bg-warning text-white": m.context.index === a.value && o.severity === "warning",
-            "bg-danger text-white": m.context.index === a.value && o.severity === "danger",
-            "bg-info text-white": m.context.index === a.value && o.severity === "info"
+            inactive: c.context.disabled,
+            "bg-primary text-white": c.context.index === a.value && (o.severity === void 0 || o.severity === "primary"),
+            "bg-brand text-white": c.context.index === a.value && o.severity === "brand",
+            "bg-secondary text-white": c.context.index === a.value && o.severity === "secondary",
+            "bg-success text-white": c.context.index === a.value && o.severity === "success",
+            "bg-warning text-white": c.context.index === a.value && o.severity === "warning",
+            "bg-danger text-white": c.context.index === a.value && o.severity === "danger",
+            "bg-info text-white": c.context.index === a.value && o.severity === "info"
           }
         ]
       }),
-      label: (m) => ({
+      label: (c) => ({
         class: [
           "h5",
           {
-            "border-bottom border-2 border-primary": m.context.index === a.value && (o.severity === void 0 || o.severity === "primary"),
-            "border-bottom border-2 border-brand": m.context.index === a.value && o.severity === "brand",
-            "border-bottom border-2 border-secondary": m.context.index === a.value && o.severity === "secondary",
-            "border-bottom border-2 border-success": m.context.index === a.value && o.severity === "success",
-            "border-bottom border-2 border-warning": m.context.index === a.value && o.severity === "warning",
-            "border-bottom border-2 border-danger": m.context.index === a.value && o.severity === "danger",
-            "border-bottom border-2 border-info": m.context.index === a.value && o.severity === "info"
+            "border-bottom border-2 border-primary": c.context.index === a.value && (o.severity === void 0 || o.severity === "primary"),
+            "border-bottom border-2 border-brand": c.context.index === a.value && o.severity === "brand",
+            "border-bottom border-2 border-secondary": c.context.index === a.value && o.severity === "secondary",
+            "border-bottom border-2 border-success": c.context.index === a.value && o.severity === "success",
+            "border-bottom border-2 border-warning": c.context.index === a.value && o.severity === "warning",
+            "border-bottom border-2 border-danger": c.context.index === a.value && o.severity === "danger",
+            "border-bottom border-2 border-info": c.context.index === a.value && o.severity === "info"
           }
         ]
       })
     }));
-    return (m, v) => {
+    return (c, v) => {
       const s = E, C = Ie, T = Me;
       return r(), b("div", Zt, [
-        c("div", Jt, [
+        m("div", Jt, [
           y(s, {
             severity: o.severity,
             disabled: i.value,
@@ -2428,7 +2430,7 @@ const bt = { key: 0 }, ft = {
           key: I,
           class: "w-100"
         }, [
-          I === a.value ? $(m.$slots, M.key ?? M.label, {
+          I === a.value ? $(c.$slots, M.key ?? M.label, {
             key: 0,
             nextStep: d,
             previousStep: n
@@ -2462,7 +2464,7 @@ const bt = { key: 0 }, ft = {
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = x(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), o = x(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
+    const t = e, l = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), o = 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 d = E;
       return t.clickable ? (r(), w(d, {
@@ -2473,7 +2475,7 @@ const bt = { key: 0 }, ft = {
         "data-cy": "button-tile"
       }, {
         default: f(() => [
-          c("div", Xt, [
+          m("div", Xt, [
             $(a.$slots, "default", {}, () => [
               n[0] || (n[0] = z("Tile Content"))
             ])
@@ -2485,7 +2487,7 @@ const bt = { key: 0 }, ft = {
         class: B(["d-flex w-100", o.value]),
         "data-cy": "tile"
       }, [
-        c("div", Qt, [
+        m("div", Qt, [
           $(a.$slots, "default", {}, () => [
             n[1] || (n[1] = z("Tile Content"))
           ])
@@ -2514,13 +2516,13 @@ const el = {
   setup(e, { emit: t }) {
     const l = t, o = e, a = (d) => {
       l("update:perPage", d.value);
-    }, n = x(() => {
+    }, n = k(() => {
       const d = Math.ceil(o.total / o.perPage);
       return `${d} ${X(d, "page")}`;
     });
     return (d, i) => (r(), b("div", el, [
       i[2] || (i[2] = z(" Number of results per page ")),
-      c("div", tl, [
+      m("div", tl, [
         y(p(ae), {
           options: o.pageSizes,
           "model-value": o.perPage,
@@ -2529,8 +2531,8 @@ const el = {
         }, null, 8, ["options", "model-value"])
       ]),
       o.total ? (r(), b("div", ll, [
-        i[1] || (i[1] = c("span", { class: "mx-2" }, "|", -1)),
-        c("span", al, h(o.total) + " " + h(p(X)(o.total, "result")) + " across " + h(n.value), 1)
+        i[1] || (i[1] = m("span", { class: "mx-2" }, "|", -1)),
+        m("span", al, h(o.total) + " " + h(p(X)(o.total, "result")) + " across " + h(n.value), 1)
       ])) : S("", !0)
     ]));
   }
@@ -2626,10 +2628,10 @@ const el = {
       sortDirection: "None",
       sortField: "",
       total: o.totalRecords ?? o.value.length
-    }), u = x(() => o.totalRecords ?? o.value.length), m = x(() => {
+    }), u = k(() => o.totalRecords ?? o.value.length), c = k(() => {
       const g = Math.ceil(u.value / d.value);
       return `${g} ${X(g, "page")}`;
-    }), v = x(() => ({
+    }), v = k(() => ({
       thead: () => ({
         class: [
           {
@@ -2661,8 +2663,8 @@ const el = {
     }, C = () => {
       a.value.exportCSV();
     }, T = (g) => {
-      var k;
-      i.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", i.value.sortField = ((k = g.sortField) == null ? void 0 : k.toString()) ?? "", l("update:tableContext", i.value), l("sort", g);
+      var x;
+      i.value.sortDirection = g.sortOrder === 1 ? "Asc" : g.sortOrder === -1 ? "Desc" : "None", i.value.sortField = ((x = g.sortField) == null ? void 0 : x.toString()) ?? "", l("update:tableContext", i.value), l("sort", g);
     }, M = (g) => {
       i.value.filters = g, l("update:tableContext", i.value), l("update:filters", g);
     }, I = (g) => {
@@ -2672,8 +2674,8 @@ const el = {
     };
     return de(() => o.filters, (g) => {
       i.value.filters = g, l("update:tableContext", i.value);
-    }, { deep: !0 }), le(() => l("update:tableContext", i.value)), (g, k) => (r(), b("div", nl, [
-      c("span", sl, [
+    }, { deep: !0 }), le(() => l("update:tableContext", i.value)), (g, x) => (r(), b("div", nl, [
+      m("span", sl, [
         $(g.$slots, "above-table")
       ]),
       y(p(ze), V({
@@ -2691,29 +2693,29 @@ const el = {
         onPage: I
       }), te({
         empty: f(() => [
-          c("div", il, [
-            c("h5", rl, h(g.emptyMessage ?? "No items Found."), 1)
+          m("div", il, [
+            m("h5", rl, h(g.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: f(() => [
-          c("div", {
+          m("div", {
             class: B(o.loading ? "opacity-50" : "")
           }, [
-            c("div", dl, [
-              c("div", ul, [
+            m("div", dl, [
+              m("div", ul, [
                 g.paginator && !g.legacyPaginationFooter ? (r(), b("span", cl, [
                   y(ol, {
                     total: u.value,
                     "page-sizes": n.value,
                     "per-page": d.value,
                     "onUpdate:perPage": [
-                      k[0] || (k[0] = (G) => d.value = G),
+                      x[0] || (x[0] = (G) => d.value = G),
                       O
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : S("", !0)
               ]),
-              c("div", ml, [
+              m("div", ml, [
                 g.showClearButton ? (r(), w(p(E), {
                   key: 0,
                   outlined: "",
@@ -2727,7 +2729,7 @@ const el = {
                       width: "24",
                       height: "24"
                     }),
-                    k[2] || (k[2] = z(" Clear "))
+                    x[2] || (x[2] = z(" Clear "))
                   ]),
                   _: 1
                 }, 8, ["class"])) : S("", !0),
@@ -2743,7 +2745,7 @@ const el = {
                       width: "24",
                       height: "24"
                     }),
-                    k[3] || (k[3] = z(" Export "))
+                    x[3] || (x[3] = z(" Export "))
                   ]),
                   _: 1
                 })) : S("", !0),
@@ -2766,15 +2768,15 @@ const el = {
         g.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: f(() => [
-            c("span", {
+            m("span", {
               class: B(["d-flex", o.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              k[4] || (k[4] = c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
+              x[4] || (x[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
               y(p(ae), {
                 options: n.value,
                 modelValue: d.value,
-                "onUpdate:modelValue": k[1] || (k[1] = (G) => d.value = G),
+                "onUpdate:modelValue": x[1] || (x[1] = (G) => d.value = G),
                 class: "ms-2",
                 onClick: O
               }, null, 8, ["options", "modelValue"])
@@ -2785,10 +2787,10 @@ const el = {
         g.legacyPaginationFooter ? {
           name: "paginatorend",
           fn: f(() => [
-            c("span", {
+            m("span", {
               "data-cy": "legacy-total",
               class: B(o.loading ? "opacity-50" : "")
-            }, h(u.value) + " " + h(p(X)(u.value, "result")) + " across " + h(m.value), 3)
+            }, h(u.value) + " " + h(p(X)(u.value, "result")) + " across " + h(c.value), 3)
           ]),
           key: "1"
         } : void 0
@@ -2814,8 +2816,8 @@ const el = {
       if (!a || Array.isArray(a) && a.length === 0)
         return n;
       const d = (i) => {
-        var m;
-        const u = (m = e.dropdownOptions) == null ? void 0 : m.find(
+        var c;
+        const u = (c = e.dropdownOptions) == null ? void 0 : c.find(
           (v) => e.optionValue ? v[e.optionValue] === i : Object.keys(v).every((s) => i.hasOwnProperty(s) && v[s] === i[s])
         );
         return e.optionLabel ? u[e.optionLabel] : u;
@@ -2847,11 +2849,11 @@ const el = {
           "option-value": a.optionValue,
           "option-label": a.optionLabel
         }), {
-          value: f(({ value: u, placeholder: m }) => [
-            c("div", vl, [
-              c("span", {
+          value: f(({ value: u, placeholder: c }) => [
+            m("div", vl, [
+              m("span", {
                 class: B({ "filter-placeholder": u === null })
-              }, h(l(u, m)), 3),
+              }, h(l(u, c)), 3),
               a.showClearButton && t.value !== null ? (r(), w(i, {
                 key: 0,
                 onClick: Y(o, ["prevent"]),
@@ -2882,11 +2884,11 @@ const el = {
           "option-value": a.optionValue,
           filter: ""
         }), {
-          value: f(({ value: u, placeholder: m }) => [
-            c("div", yl, [
-              c("span", {
+          value: f(({ value: u, placeholder: c }) => [
+            m("div", yl, [
+              m("span", {
                 class: B({ "filter-placeholder": (u == null ? void 0 : u.length) === 0 || u === null })
-              }, h(l(u, m)), 3),
+              }, h(l(u, c)), 3),
               a.showClearButton && (u == null ? void 0 : u.length) > 0 ? (r(), w(i, {
                 key: 0,
                 onClick: Y(o, ["prevent"]),
@@ -2972,10 +2974,10 @@ function fl(e) {
 function gl(e) {
   return URL.createObjectURL(e);
 }
-const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disabled", "multiple"], kl = {
+const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disabled", "multiple"], xl = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, xl = /* @__PURE__ */ F({
+}, kl = /* @__PURE__ */ F({
   __name: "UploadButton",
   props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
@@ -2987,24 +2989,24 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = U(e, "modelValue"), l = P(), o = (d) => l.value.toggle(d), a = x(() => e.maxFileInput <= t.value.length), n = (d) => {
+    const t = U(e, "modelValue"), l = P(), o = (d) => l.value.toggle(d), a = k(() => e.maxFileInput <= t.value.length), n = (d) => {
       t.value = fe(d, t.value, e.acceptedFileTypes.map((i) => i.fileType), e.maxFileInput);
     };
     return (d, i) => {
       const u = E;
       return r(), b("div", hl, [
         $(d.$slots, "message"),
-        c("div", null, [
-          c("input", {
+        m("div", null, [
+          m("input", {
             id: "file-input",
             type: "file",
             class: "d-none",
             accept: d.acceptedFileTypes.join(", "),
             disabled: a.value,
             multiple: d.maxFileInput > 1,
-            onInput: i[0] || (i[0] = (m) => n([...m.target.files]))
+            onInput: i[0] || (i[0] = (c) => n([...c.target.files]))
           }, null, 40, wl),
-          c("label", {
+          m("label", {
             class: B([{ disabled: a.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
@@ -3037,7 +3039,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
           ref: l
         }, {
           default: f(() => [
-            c("div", kl, h(d.acceptedFileTypes.map((m) => m.label ?? m.fileType.split("/").pop()).join(", ")), 1)
+            m("div", xl, h(d.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
@@ -3063,7 +3065,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = U(e, "modelValue"), l = P(!1), o = x(() => e.maxFileInput <= t.value.length), a = (n) => {
+    const t = U(e, "modelValue"), l = P(!1), o = k(() => e.maxFileInput <= t.value.length), a = (n) => {
       l.value = !1, n.dataTransfer.files.length > e.maxFileInput || o.value ? n.preventDefault() : t.value = fe([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((d) => d.fileType), e.maxFileSize);
     };
     return (n, d) => (r(), b("div", {
@@ -3095,7 +3097,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = x(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), l = x(() => {
+    const t = k(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), l = k(() => {
       switch (e.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -3164,14 +3166,14 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
   }),
   emits: /* @__PURE__ */ R(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const l = U(e, "file"), o = U(e, "blobFileName"), a = U(e, "uploadStatus"), n = t, d = P(l.value.name), i = P(""), u = P(0), m = P(), v = x(() => e.acceptedFileTypes.includes(l.value.type)), s = x(() => l.value.size <= e.maxFileSize), C = () => {
+    const l = U(e, "file"), o = U(e, "blobFileName"), a = U(e, "uploadStatus"), n = t, d = P(l.value.name), i = P(""), u = P(0), c = P(), v = k(() => e.acceptedFileTypes.some(({ fileType: I }) => I === l.value.type)), s = k(() => l.value.size <= e.maxFileSize), C = () => {
       l.value = new File([l.value], d.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, T = async () => {
       if (!v.value || !s.value) {
         a.value = v.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      a.value = "Preparing", m.value = new AbortController();
+      a.value = "Preparing", c.value = new AbortController();
       const [I, O] = await e.getFileUrlAction(l.value.name);
       if (!I) {
         a.value = "Failed";
@@ -3179,12 +3181,12 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
       }
       try {
         a.value = "Uploading";
-        const g = new me(I), k = {
-          abortSignal: m.value.signal,
+        const g = new me(I), x = {
+          abortSignal: c.value.signal,
           onProgress: (G) => u.value = G.loadedBytes,
           tags: { temp: "true" }
         };
-        await g.uploadData(l.value, k), i.value = I, a.value = "Uploaded", o.value = O;
+        await g.uploadData(l.value, x), i.value = I, a.value = "Uploaded", o.value = O;
       } catch (g) {
         if (g.name === "AbortError") {
           a.value = "Aborted";
@@ -3203,7 +3205,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${l.value.name}`
       }, [
-        c("div", null, [
+        m("div", null, [
           p(fl)(l.value.type) ? (r(), w(p(De), {
             key: 0,
             id: "thumbnail-image",
@@ -3220,22 +3222,22 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
             width: "75px"
           }))
         ]),
-        c("div", Cl, [
-          c("div", null, [
+        m("div", Cl, [
+          m("div", null, [
             I.editableFileName ? (r(), w(Bt, {
               key: 0,
               id: "edit-file-name",
               modelValue: d.value,
-              "onUpdate:modelValue": O[0] || (O[0] = (k) => d.value = k),
+              "onUpdate:modelValue": O[0] || (O[0] = (x) => d.value = x),
               rules: I.customFileNameRules,
               name: l.value.name,
               "complete-action": C
             }, null, 8, ["modelValue", "rules", "name"])) : (r(), b("span", Tl, h(l.value.name), 1))
           ]),
-          c("span", Pl, "File type: " + h(l.value.type.split("/").pop()), 1),
-          c("span", Ml, "File size: " + h(p(re)(l.value.size)), 1)
+          m("span", Pl, "File type: " + h(l.value.type.split("/").pop()), 1),
+          m("span", Ml, "File size: " + h(p(re)(l.value.size)), 1)
         ]),
-        c("div", Il, [
+        m("div", Il, [
           (r(), w(Vl, {
             key: a.value,
             "file-size": l.value.size,
@@ -3258,7 +3260,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
           a.value === "Uploading" ? (r(), w(g, {
             key: 1,
             link: "",
-            onClick: O[1] || (O[1] = (k) => m.value.value.abort())
+            onClick: O[1] || (O[1] = (x) => c.value.value.abort())
           }, {
             default: f(() => [
               y(p(_), { icon: "bi:x-circle-fill" })
@@ -3286,7 +3288,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
   },
   setup(e) {
     return (t, l) => (r(), b("div", Ol, [
-      c("div", Dl, "Max file size: " + h(p(re)(t.maxFileSize)), 1)
+      m("div", Dl, "Max file size: " + h(p(re)(t.maxFileSize)), 1)
     ]));
   }
 }), Al = { "data-cy": "file-uploader" }, Nl = { key: 0 }, Aa = /* @__PURE__ */ F({
@@ -3310,7 +3312,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
       t.value = t.value.filter((n) => n.file != a);
     };
     return (a, n) => (r(), b("div", Al, [
-      y(xl, V(l, {
+      y(kl, V(l, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (d) => t.value = d)
       }), null, 16, ["modelValue"]),
@@ -3356,23 +3358,23 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
     const t = U(e, "modelValue"), l = P(), o = P(!1), a = P([]), n = P([]), d = (u) => {
       l.value.toggle(u);
     }, i = (u) => {
-      const m = n.value.find((v) => v.field === u);
-      m.selected = !m.selected, t.value = n.value.filter((v) => v.selected);
+      const c = n.value.find((v) => v.field === u);
+      c.selected = !c.selected, t.value = n.value.filter((v) => v.selected);
     };
     return le(() => {
       a.value = [...t.value], n.value = [...t.value].map((u) => ({ ...u, selected: !0 }));
-    }), (u, m) => (r(), b(N, null, [
+    }), (u, c) => (r(), b(N, null, [
       y(p(E), {
         onClick: d,
         class: "ms-2"
       }, {
         default: f(() => [
-          c("div", El, [
-            c("div", Ll, [
+          m("div", El, [
+            m("div", Ll, [
               y(p(_), { icon: "bi:layout-three-columns" })
             ]),
             z(" Columns (" + h(t.value.length ?? 0) + "/" + h(a.value.length ?? 0) + ") ", 1),
-            c("div", Rl, [
+            m("div", Rl, [
               y(p(_), {
                 icon: o.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
@@ -3385,11 +3387,11 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
         ref_key: "columnCustomiserPanel",
         ref: l,
         class: "column-customiser",
-        onHide: m[0] || (m[0] = () => o.value = !1),
-        onShow: m[1] || (m[1] = () => o.value = !0)
+        onHide: c[0] || (c[0] = () => o.value = !1),
+        onShow: c[1] || (c[1] = () => o.value = !0)
       }, {
         default: f(() => [
-          c("div", jl, [
+          m("div", jl, [
             (r(!0), b(N, null, H(a.value, (v, s) => (r(), b("div", {
               class: B(["d-flex cursor-pointer", {
                 "border-top": s !== 0,
@@ -3405,7 +3407,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
                 binary: "",
                 class: "cursor-pointer"
               }, null, 8, ["id", "model-value"]),
-              c("label", {
+              m("label", {
                 for: v.field,
                 class: "cursor-pointer"
               }, h(v.header), 9, ql)
@@ -3419,7 +3421,7 @@ const hl = { class: "d-flex justify-content-between" }, wl = ["accept", "disable
 });
 export {
   wa as Bootstrap_PT,
-  ka as ForgeActionButton,
+  xa as ForgeActionButton,
   oe as ForgeAlert,
   mt as ForgeCheckbox,
   Ma as ForgeChips,
@@ -3430,7 +3432,7 @@ export {
   Ta as ForgeForm,
   Pa as ForgeFormField,
   Bt as ForgeInlineEditor,
-  xa as ForgeLink,
+  ka as ForgeLink,
   ve as ForgeLoader,
   Fa as ForgeModal,
   ye as ForgeMultiSelect,

package/dist/src/components/file-uploader/components/FileInfo.vue.d.ts

@@ -1,5 +1,6 @@
 import { FileUploadStatus } from '../utilities/utilities';
 import { TypedSchema } from 'vee-validate';
+import { ForgeFileType } from '../../../types/forge-types';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     file: {
@@ -19,7 +20,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     acceptedFileTypes: {
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<ForgeFileType[]>;
         required: true;
     };
     maxFileSize: {
@@ -56,7 +57,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     acceptedFileTypes: {
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<ForgeFileType[]>;
         required: true;
     };
     maxFileSize: {

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": "1.1.1",
+  "version": "1.1.3",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -41,13 +41,13 @@
     "yup": "^1.4.0"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "3.13.5",
+    "@cypress/code-coverage": "3.13.6",
     "@vitejs/plugin-vue": "5.1.4",
     "@vitest/coverage-v8": "1.6.0",
     "@vitest/ui": "1.6.0",
-    "cypress": "13.15.1",
+    "cypress": "13.15.2",
     "cypress-real-events": "1.13.0",
-    "sass": "1.80.5",
+    "sass": "1.80.6",
     "typescript": "5.6.3",
     "unplugin-vue-components": "0.27.4",
     "rollup-plugin-visualizer": "5.12.0",
@@ -58,7 +58,7 @@
     "vite-plugin-dts": "3.9.1"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.24.3"
+    "@rollup/rollup-linux-x64-gnu": "4.24.4"
   },
   "nyc": {
     "all": true,