@3squared/forge-ui-3 2.8.0 → 2.8.1

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

@@ -1,5 +1,5 @@
 import he from "primevue/message";
-import { defineComponent as F, openBlock as d, createBlock as v, normalizeProps as K, guardReactiveProps as Z, withCtx as b, createElementVNode as m, normalizeClass as B, unref as c, createCommentVNode as C, createVNode as x, renderSlot as k, ref as _, createElementBlock as f, Fragment as O, mergeProps as S, renderList as A, mergeModels as N, useModel as D, computed as z, createTextVNode as I, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
+import { defineComponent as F, openBlock as d, createBlock as v, normalizeProps as K, guardReactiveProps as Z, withCtx as b, createElementVNode as m, normalizeClass as B, unref as u, createCommentVNode as C, createVNode as x, renderSlot as k, ref as I, createElementBlock as f, Fragment as O, mergeProps as S, renderList as A, mergeModels as N, useModel as D, computed as z, createTextVNode as _, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as X, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Fe } from "vue";
 import { Icon as T } from "@iconify/vue";
 import q from "primevue/button";
 import Be from "primevue/toast";
@@ -10,9 +10,9 @@ import ze from "primevue/progressspinner";
 import Te from "primevue/dialog";
 import ne from "primevue/inputtext";
 import { vOnClickOutside as je } from "@vueuse/components";
-import _e from "primevue/menubar";
+import Ie from "primevue/menubar";
 import oe from "primevue/multiselect";
-import Ie from "primevue/datepicker";
+import _e from "primevue/datepicker";
 import te from "primevue/select";
 import Pe from "primevue/inputmask";
 import Ve from "primevue/textarea";
@@ -165,13 +165,12 @@ const We = {
     root: () => ({
       class: ["form-check"]
     }),
-    input: ({ context: e, state: t }) => ({
+    input: ({ context: e, props: t }) => ({
       class: [
         "form-check-input px-2 py-2 rounded",
         {
           "bg-primary": e == null ? void 0 : e.checked,
-          "cursor-pointer": !(e != null && e.disabled),
-          "form-check-input__focus": t.focused
+          "cursor-pointer": !t.disabled && !t.readonly
         }
       ]
     })
@@ -1195,7 +1194,7 @@ const We = {
           m("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (d(), v(c(T), {
+            t.icon ? (d(), v(u(T), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
@@ -1205,7 +1204,7 @@ const We = {
           ], 2)
         ]),
         closeicon: b(() => [
-          x(c(T), { icon: "bi:x" })
+          x(u(T), { icon: "bi:x" })
         ]),
         default: b(() => [
           k(a.$slots, "default")
@@ -1223,7 +1222,7 @@ const We = {
     params: { default: Array }
   },
   setup(e) {
-    const t = _(!1), a = e, i = async () => {
+    const t = I(!1), a = e, i = async () => {
       t.value = !0;
       try {
         await a.action.apply(this, a.params);
@@ -1240,14 +1239,14 @@ const We = {
           disabled: t.value || a.disabled,
           onClick: i
         }), null, 16, ["loading", "disabled"]),
-        x(c(Be))
+        x(u(Be))
       ], 64);
     };
   }
 }), Ni = /* @__PURE__ */ F({
   __name: "ForgeAutoComplete",
   setup(e) {
-    return (t, a) => (d(), v(c(Se), S({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
+    return (t, a) => (d(), v(u(Se), S({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
       default: b(() => [
         (d(!0), f(O, null, A(t.$slots, (i, l) => k(t.$slots, l, { slot: l })), 256))
       ]),
@@ -1296,39 +1295,39 @@ const We = {
         type: "checkbox",
         checkedValue: a.value
       }
-    ), o = (p) => {
-      t.name ? i(p) : a.value = p;
+    ), o = (p, c) => {
+      (t.disabled || t.readonly) && p.preventDefault(), t.name ? i(c) : a.value = c;
     }, r = z(() => l.value.length > 0);
-    return (p, u) => {
+    return (p, c) => {
       const y = Ce;
       return d(), f("div", Ct, [
         m("div", S({
           class: "d-flex",
           "data-cy": "checkbox-container",
-          onClick: u[2] || (u[2] = (s) => o(a.value))
+          onClick: c[2] || (c[2] = (s) => o(s, a.value))
         }, { ...p.$attrs }), [
           x(y, S({ ...t }, {
             binary: "",
             modelValue: a.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (s) => a.value = s),
+            "onUpdate:modelValue": c[0] || (c[0] = (s) => a.value = s),
             "input-id": t.name,
             "input-class": { "is-invalid": r.value },
-            class: t.disabled ? "" : "cursor-pointer"
+            class: t.disabled || t.readonly ? "" : "cursor-pointer"
           }), null, 16, ["modelValue", "input-id", "input-class", "class"]),
           m("label", {
             for: t.name,
-            onClick: u[1] || (u[1] = (s) => o(!a.value)),
-            class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${r.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
+            onClick: c[1] || (c[1] = (s) => o(s, !a.value)),
+            class: B([`${t.disabled || t.readonly ? "opacity-50" : "cursor-pointer"} ${r.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
             k(p.$slots, "default", {}, () => [
-              I(w(t.label), 1)
+              _(w(t.label), 1)
             ])
           ], 10, zt)
         ], 16),
         H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(c(n)), 513), [
+        }, w(u(n)), 513), [
           [Y, r.value]
         ])
       ]);
@@ -1392,18 +1391,18 @@ const We = {
       target: i.target
     }, [
       k(i.$slots, "default", {}, () => [
-        i.iconName ? (d(), v(c(T), {
+        i.iconName ? (d(), v(u(T), {
           key: 0,
           id: "link-icon",
           icon: i.iconName,
           class: B(["bi my-auto", a.value])
         }, null, 8, ["icon", "class"])) : C("", !0),
-        I(" " + w(i.label), 1)
+        _(" " + w(i.label), 1)
       ])
     ], 10, jt));
   }
 });
-function _t(e) {
+function It(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1420,7 +1419,7 @@ function Ai(e, t) {
 function qi(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const It = { key: 0 }, Pt = {
+const _t = { key: 0 }, Pt = {
   class: "d-flex w-100",
   "data-cy": "footer"
 }, Ei = /* @__PURE__ */ F({
@@ -1473,7 +1472,7 @@ const It = { key: 0 }, Pt = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = D(e, "visible"), a = _(!1), i = e, l = _(!1), n = _({
+    const t = D(e, "visible"), a = I(!1), i = e, l = I(!1), n = I({
       hasError: !1,
       header: "",
       message: []
@@ -1483,7 +1482,7 @@ const It = { key: 0 }, Pt = {
       a.value = !0;
     }, p = () => {
       t.value = !1;
-    }, u = async () => {
+    }, c = async () => {
       if (i.onConfirm) {
         l.value = !0, n.value.hasError = !1;
         try {
@@ -1491,7 +1490,7 @@ const It = { key: 0 }, Pt = {
           (s || s == null) && p();
         } catch (s) {
           n.value.hasError = !0;
-          const $ = _t(s);
+          const $ = It(s);
           n.value.header = $.errorMessage, n.value.message = $.errorDetails;
         }
         l.value = !1;
@@ -1515,7 +1514,7 @@ const It = { key: 0 }, Pt = {
         pt: y.value
       }), ie({
         closeicon: b(() => [
-          x(c(T), {
+          x(u(T), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
@@ -1524,7 +1523,7 @@ const It = { key: 0 }, Pt = {
           })
         ]),
         maximizeicon: b(() => [
-          x(c(T), {
+          x(u(T), {
             "data-cy": "maximisable-icon",
             icon: a.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1545,7 +1544,7 @@ const It = { key: 0 }, Pt = {
                 m("p", {
                   class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, w(n.value.header), 3),
-                n.value.message.length > 0 ? (d(), f("ul", It, [
+                n.value.message.length > 0 ? (d(), f("ul", _t, [
                   (d(!0), f(O, null, A(n.value.message, (h) => (d(), f("li", { key: h }, w(h), 1))), 128))
                 ])) : C("", !0)
               ]),
@@ -1572,7 +1571,7 @@ const It = { key: 0 }, Pt = {
               x(j, {
                 label: s.submitText,
                 class: B([i.submitClass, "ms-auto"]),
-                onClick: u,
+                onClick: c,
                 id: "submit-button",
                 type: i.submitButtonType
               }, null, 8, ["label", "class", "type"])
@@ -1598,7 +1597,7 @@ const It = { key: 0 }, Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), i = _(!1), l = _(), n = () => {
+    const t = e, a = D(e, "modelValue"), i = I(!1), l = I(), n = () => {
       var j;
       i.value = !i.value, (j = l.value) == null || j.focus();
     }, o = async () => {
@@ -1616,7 +1615,7 @@ const It = { key: 0 }, Pt = {
       i.value = !i.value;
     }, p = () => {
       s.value = null;
-    }, { errorMessage: u, errors: y, value: s } = ee(() => t.name, void 0, {
+    }, { errorMessage: c, errors: y, value: s } = ee(() => t.name, void 0, {
       initialValue: a.value
     });
     le(() => {
@@ -1630,7 +1629,7 @@ const It = { key: 0 }, Pt = {
       }, [
         j.readonly ? (d(), f("div", Nt, [
           k(j.$slots, "default", {}, () => [
-            m("span", Ut, w(c(s)), 1)
+            m("span", Ut, w(u(s)), 1)
           ])
         ])) : (d(), f("div", Mt, [
           i.value ? (d(), f("div", Dt, [
@@ -1639,10 +1638,10 @@ const It = { key: 0 }, Pt = {
                 class: B({ "is-invalid": $.value }),
                 editFinished: o,
                 cancel: r,
-                val: c(s)
+                val: u(s)
               }, () => [
                 x(M, {
-                  modelValue: c(s),
+                  modelValue: u(s),
                   "onUpdate:modelValue": V[0] || (V[0] = (g) => we(s) ? s.value = g : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
@@ -1655,7 +1654,7 @@ const It = { key: 0 }, Pt = {
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              x(c(T), {
+              x(u(T), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: p,
@@ -1663,7 +1662,7 @@ const It = { key: 0 }, Pt = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c(je), o]
+              [u(je), o]
             ])
           ])) : (d(), f("div", {
             key: 1,
@@ -1675,14 +1674,14 @@ const It = { key: 0 }, Pt = {
               m("div", {
                 class: B(["pe-2 cursor-pointer", { "text-invalid": $.value }]),
                 "data-cy": "value"
-              }, w(c(s) ? c(s) : "Click to edit"), 3)
+              }, w(u(s) ? u(s) : "Click to edit"), 3)
             ]),
             x(U, {
               link: "",
               class: "p-0 m-0"
             }, {
               default: b(() => [
-                x(c(T), {
+                x(u(T), {
                   icon: "bi:pencil",
                   class: B($.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
@@ -1696,7 +1695,7 @@ const It = { key: 0 }, Pt = {
         H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(c(u)), 513), [
+        }, w(u(c)), 513), [
           [Y, $.value]
         ])
       ], 8, Vt);
@@ -1746,7 +1745,7 @@ const It = { key: 0 }, Pt = {
         ]
       })
     }));
-    return (i, l) => (d(), v(c(_e), S({ ...t, ...i.$attrs }, {
+    return (i, l) => (d(), v(u(Ie), S({ ...t, ...i.$attrs }, {
       pt: a.value,
       "data-cy": "navbar"
     }), ie({
@@ -1757,13 +1756,13 @@ const It = { key: 0 }, Pt = {
           "data-cy": "logo"
         }, [
           k(i.$slots, "logo", {}, () => [
-            l[0] || (l[0] = I(" Logo "))
+            l[0] || (l[0] = _(" Logo "))
           ])
         ], 8, qt)
       ]),
       buttonicon: b(() => [
         k(i.$slots, "buttonIcon", {}, () => [
-          x(c(T), {
+          x(u(T), {
             icon: "bi:list",
             class: B(t.severity === "light" ? "text-black" : "text-white"),
             height: "24",
@@ -1827,7 +1826,7 @@ const It = { key: 0 }, Pt = {
             "data-cy": "multiselect"
           }), {
             default: b(() => [
-              (d(!0), f(O, null, A(l.$slots, (p, u) => k(l.$slots, u, { slot: u })), 256))
+              (d(!0), f(O, null, A(l.$slots, (p, c) => k(l.$slots, c, { slot: c })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
@@ -1854,10 +1853,10 @@ const It = { key: 0 }, Pt = {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (u) => i(p.id)
+                  onClick: (c) => i(p.id)
                 }, {
                   default: b(() => [
-                    x(c(T), {
+                    x(u(T), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${p.id}`
@@ -1973,7 +1972,7 @@ const It = { key: 0 }, Pt = {
       initialValue: a.value
     }), p = () => {
       r(null), a.value = null;
-    }, u = z(() => i.value.length > 0), y = z(() => ({
+    }, c = z(() => i.value.length > 0), y = z(() => ({
       dayCell: ({ context: s }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
@@ -2065,7 +2064,7 @@ const It = { key: 0 }, Pt = {
       })
     }));
     return (s, $) => {
-      const j = Ie;
+      const j = _e;
       return d(), f(O, null, [
         m("div", Kt, [
           m("span", Zt, [
@@ -2077,19 +2076,19 @@ const It = { key: 0 }, Pt = {
               modelValue: a.value,
               "onUpdate:modelValue": [
                 $[0] || ($[0] = (V) => a.value = V),
-                c(n)
+                u(n)
               ],
-              onBlur: $[1] || ($[1] = () => c(o)),
-              "input-class": { "datepicker-invalid": u.value }
+              onBlur: $[1] || ($[1] = () => u(o)),
+              "input-class": { "datepicker-invalid": c.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
-            H(x(c(T), {
+            H(x(u(T), {
               "data-cy": "icon",
               icon: "bi:calendar4",
-              class: B(["position-absolute end-0 top-50 bottom-50 my-auto me-2 bg-white", `${u.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"]), [
               [Y, t.showIcon]
             ]),
-            H(x(c(T), {
+            H(x(u(T), {
               "data-cy": "icon",
               icon: "bi:x",
               onClick: p,
@@ -2105,8 +2104,8 @@ const It = { key: 0 }, Pt = {
         H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(c(l)), 513), [
-          [Y, u.value]
+        }, w(u(l)), 513), [
+          [Y, c.value]
         ])
       ], 64);
     };
@@ -2135,7 +2134,7 @@ const It = { key: 0 }, Pt = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = _(!1), i = _({
+    const t = e, a = I(!1), i = I({
       hasError: !1,
       message: ""
     });
@@ -2173,7 +2172,7 @@ const It = { key: 0 }, Pt = {
             k(n.$slots, "error", {
               error: i.value.message
             }, () => [
-              I(w(i.value.message), 1)
+              _(w(i.value.message), 1)
             ])
           ]),
           _: 3
@@ -2190,7 +2189,7 @@ const It = { key: 0 }, Pt = {
               onClick: o[0] || (o[0] = (p) => n.$emit("cancel"))
             }, {
               default: b(() => [
-                I(w(n.cancelText), 1)
+                _(w(n.cancelText), 1)
               ]),
               _: 1
             }))
@@ -2203,7 +2202,7 @@ const It = { key: 0 }, Pt = {
               class: "ms-auto"
             }, {
               default: b(() => [
-                I(w(n.submitText), 1)
+                _(w(n.submitText), 1)
               ]),
               _: 1
             })
@@ -2239,7 +2238,7 @@ const It = { key: 0 }, Pt = {
       a.type == "number" ? r(y.value) : r(y);
     }, { errors: l, value: n, errorMessage: o, handleChange: r, handleBlur: p } = ee(() => a.name, void 0, {
       initialValue: t.value
-    }), u = z(() => l.value.length > 0);
+    }), c = z(() => l.value.length > 0);
     return ce(() => n.value, (y) => {
       t.value = y;
     }, { immediate: !0 }), (y, s) => {
@@ -2261,13 +2260,13 @@ const It = { key: 0 }, Pt = {
             for: a.name,
             class: B(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, w(a.fieldLabel), 11, aa),
-          a.type === "number" ? (d(), v(c(ue), S({
+          a.type === "number" ? (d(), v(u(ue), S({
             key: 0,
             id: a.name
           }, y.$attrs, {
             placeholder: a.placeholder,
-            "input-class": { "is-invalid": u.value },
-            class: { "is-invalid": u.value },
+            "input-class": { "is-invalid": c.value },
+            class: { "is-invalid": c.value },
             modelValue: t.value,
             "onUpdate:modelValue": s[1] || (s[1] = (h) => t.value = h),
             onInput: i
@@ -2276,55 +2275,55 @@ const It = { key: 0 }, Pt = {
             id: a.name
           }, y.$attrs, {
             placeholder: a.placeholder,
-            class: { "is-invalid": u.value },
+            class: { "is-invalid": c.value },
             modelValue: t.value,
             "onUpdate:modelValue": s[2] || (s[2] = (h) => t.value = h),
             onInput: i,
-            onBlur: c(p)
+            onBlur: u(p)
           }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), v(j, S({
             key: 2,
             id: a.name
           }, y.$attrs, {
             placeholder: a.placeholder,
             mask: a.mask,
-            class: { "is-invalid": u.value },
+            class: { "is-invalid": c.value },
             modelValue: t.value,
             "onUpdate:modelValue": s[3] || (s[3] = (h) => t.value = h),
             onComplete: i,
-            onBlur: c(p)
+            onBlur: u(p)
           }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), v(V, S({
             key: 3,
             id: a.name
           }, y.$attrs, {
             placeholder: a.placeholder,
-            class: { "is-invalid": u.value },
+            class: { "is-invalid": c.value },
             modelValue: t.value,
             "onUpdate:modelValue": s[4] || (s[4] = (h) => t.value = h),
             onInput: i,
-            onBlur: c(p)
+            onBlur: u(p)
           }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), v(M, S({ key: 4 }, { ...a, ...y.$attrs }, {
             modelValue: t.value,
             "onUpdate:modelValue": s[5] || (s[5] = (h) => t.value = h),
-            class: { "is-invalid": u.value }
+            class: { "is-invalid": c.value }
           }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), v(U, S({ key: 5 }, { ...a, ...y.$attrs }, {
             modelValue: t.value,
             "onUpdate:modelValue": s[6] || (s[6] = (h) => t.value = h),
-            class: { "is-invalid": u.value }
+            class: { "is-invalid": c.value }
           }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), v(Wt, S({ key: 6 }, { ...a, ...y.$attrs }, {
             modelValue: t.value,
             "onUpdate:modelValue": s[7] || (s[7] = (h) => t.value = h),
-            class: { "is-invalid": u.value }
+            class: { "is-invalid": c.value }
           }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), v(g, S({ key: 7 }, { ...a, ...y.$attrs }, {
             modelValue: t.value,
             "onUpdate:modelValue": s[8] || (s[8] = (h) => t.value = h),
-            class: { "is-invalid": u.value }
+            class: { "is-invalid": c.value }
           }), null, 16, ["modelValue", "class"])) : C("", !0)
         ], 2),
         H(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
-        }, w(c(o)), 513), [
-          [Y, u.value && a.type !== "multiselect" && a.type !== "datepicker"]
+        }, w(u(o)), 513), [
+          [Y, c.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
     };
@@ -2741,11 +2740,11 @@ var la = /* @__PURE__ */ F({
       const o = /(\r\n|\n\r|\n|\r)+/g, r = /\s+/g;
       var p = t.split(o).filter((M) => M.length > 0);
       for (let M = 0; M < p.length; M++) {
-        for (var u = p[M].split(r).filter((U) => U.length > 0), y = "", s = 0; s < u.length; s++) {
-          var $ = y + u[s] + " ", j = e.measureText($), V = j.width;
-          V > l && s > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), y = u[s] + " ", i += n) : y = $;
+        for (var c = p[M].split(r).filter((U) => U.length > 0), y = "", s = 0; s < c.length; s++) {
+          var $ = y + c[s] + " ", j = e.measureText($), V = j.width;
+          V > l && s > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), y = c[s] + " ", i += n) : y = $;
         }
-        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), i += u.length > 0 ? n : 0;
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(y, a, i) : e.fillText(y, a, i), i += c.length > 0 ? n : 0;
       }
     },
     save() {
@@ -2765,9 +2764,9 @@ var la = /* @__PURE__ */ F({
         const n = new Image();
         n.src = a.source, n.onload = () => {
           a && t && t.drawImage(n, a.x, a.y, Number(i), Number(l));
-          let o = document.createElement("canvas"), r = o.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, u = this.outputHeight === void 0 ? this.height : this.outputHeight;
-          if (o.width = Number(p), o.height = Number(u), r)
-            return r.drawImage(e, 0, 0, Number(p), Number(u)), this.$emit("update:image", o.toDataURL("image/" + this.saveAs, 1)), o.toDataURL("image/" + this.saveAs, 1);
+          let o = document.createElement("canvas"), r = o.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, c = this.outputHeight === void 0 ? this.height : this.outputHeight;
+          if (o.width = Number(p), o.height = Number(c), r)
+            return r.drawImage(e, 0, 0, Number(p), Number(c)), this.$emit("update:image", o.toDataURL("image/" + this.saveAs, 1)), o.toDataURL("image/" + this.saveAs, 1);
         };
       } else if (a.type === "Text") {
         let i = a.fontStyle && a.fontStyle.font ? a.fontStyle.font : "20px serif", l = a.fontStyle && a.fontStyle.textAlign ? a.fontStyle.textAlign : "start", n = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", o = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
@@ -2776,9 +2775,9 @@ var la = /* @__PURE__ */ F({
           a.fontStyle && a.fontStyle.width ? s = a.x + Math.floor(a.fontStyle.width / 2) : s = a.x, a.fontStyle && a.fontStyle.lineHeight ? $ = a.y + Math.floor(a.fontStyle.lineHeight / 2) : $ = a.y, t.translate(s, $), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(s * -1, $ * -1);
         }
         a.fontStyle && a.fontStyle.drawType && a.fontStyle.drawType === "stroke" ? (t.strokeStyle = a.fontStyle.color, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.strokeText(a.source, a.x, a.y)) : (t.fillStyle = o, a.fontStyle && a.fontStyle.width ? this.wrapText(t, a.source, a.x, a.y, a.fontStyle.width, a.fontStyle.lineHeight) : t.fillText(a.source, a.x, a.y));
-        let r = document.createElement("canvas"), p = r.getContext("2d"), u = this.outputWidth === void 0 ? this.width : this.outputWidth, y = this.outputHeight === void 0 ? this.height : this.outputHeight;
-        if (r.width = Number(u), r.height = Number(y), p)
-          return p.drawImage(e, 0, 0, Number(u), Number(y)), this.$emit("update:image", r.toDataURL("image/" + this.saveAs, 1)), r.toDataURL("image/" + this.saveAs, 1);
+        let r = document.createElement("canvas"), p = r.getContext("2d"), c = this.outputWidth === void 0 ? this.width : this.outputWidth, y = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (r.width = Number(c), r.height = Number(y), p)
+          return p.drawImage(e, 0, 0, Number(c), Number(y)), this.$emit("update:image", r.toDataURL("image/" + this.saveAs, 1)), r.toDataURL("image/" + this.saveAs, 1);
       }
     },
     isEmpty() {
@@ -2829,19 +2828,19 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = Fe("drawingCanvas"), n = _(), o = () => {
+    const a = e, i = t, l = Fe("drawingCanvas"), n = I(), o = () => {
       l == null || l.value.reset();
     }, r = () => {
       l == null || l.value.redo();
     }, p = () => {
       l == null || l.value.undo();
-    }, u = () => {
+    }, c = () => {
       i("save", l.value.isEmpty());
     };
     return (y, s) => {
       const $ = q;
       return d(), f("div", na, [
-        x(c(la), S({
+        x(u(la), S({
           ref_key: "drawingCanvas",
           ref: l,
           image: n.value,
@@ -2862,7 +2861,7 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
             "data-cy": "undo-button"
           }, {
             default: b(() => s[1] || (s[1] = [
-              I("Undo")
+              _("Undo")
             ])),
             _: 1
           })) : C("", !0),
@@ -2873,7 +2872,7 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
             "data-cy": "redo-button"
           }, {
             default: b(() => s[2] || (s[2] = [
-              I("Redo")
+              _("Redo")
             ])),
             _: 1
           })) : C("", !0),
@@ -2884,18 +2883,18 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
             "data-cy": "clear-button"
           }, {
             default: b(() => s[3] || (s[3] = [
-              I("Clear")
+              _("Clear")
             ])),
             _: 1
           })) : C("", !0),
           a.showSave ? (d(), v($, {
             key: 3,
-            onClick: u,
+            onClick: c,
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
             default: b(() => s[4] || (s[4] = [
-              I("Save")
+              _("Save")
             ])),
             _: 1
           })) : C("", !0)
@@ -2966,11 +2965,11 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
         ]
       })
     }));
-    return (i, l) => (d(), v(c(Ne), { value: i.currentStep }, {
+    return (i, l) => (d(), v(u(Ne), { value: i.currentStep }, {
       default: b(() => [
-        x(c(Ue), null, {
+        x(u(Ue), null, {
           default: b(() => [
-            (d(!0), f(O, null, A(i.steps, (n) => (d(), v(c(Oe), S({
+            (d(!0), f(O, null, A(i.steps, (n) => (d(), v(u(Oe), S({
               key: n.value,
               value: n.value,
               disabled: n.disabled,
@@ -2984,9 +2983,9 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
           ]),
           _: 1
         }),
-        x(c(qe), null, {
+        x(u(qe), null, {
           default: b(() => [
-            (d(!0), f(O, null, A(i.steps, (n) => (d(), v(c(Ae), {
+            (d(!0), f(O, null, A(i.steps, (n) => (d(), v(u(Ae), {
               key: n.value,
               value: n.value
             }, {
@@ -3024,7 +3023,7 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
         default: b(() => [
           m("div", da, [
             k(l.$slots, "default", {}, () => [
-              n[0] || (n[0] = I("Tile Content"))
+              n[0] || (n[0] = _("Tile Content"))
             ])
           ])
         ]),
@@ -3036,7 +3035,7 @@ const na = { class: "d-flex flex-column" }, oa = { class: "d-flex flex-row mt-1
       }, [
         m("div", pa, [
           k(l.$slots, "default", {}, () => [
-            n[1] || (n[1] = I("Tile Content"))
+            n[1] || (n[1] = _("Tile Content"))
           ])
         ])
       ], 2));
@@ -3068,9 +3067,9 @@ const ca = {
       return `${o} ${Q(o, "page")}`;
     });
     return (o, r) => (d(), f("div", ca, [
-      r[2] || (r[2] = I(" Number of results per page ")),
+      r[2] || (r[2] = _(" Number of results per page ")),
       m("div", ua, [
-        x(c(te), {
+        x(u(te), {
           options: i.pageSizes,
           "model-value": i.perPage,
           class: "page-size",
@@ -3079,7 +3078,7 @@ const ca = {
       ]),
       i.total ? (d(), f("div", ma, [
         r[1] || (r[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", va, w(i.total) + " " + w(c(Q)(i.total, "result")) + " across " + w(n.value), 1)
+        m("span", va, w(i.total) + " " + w(u(Q)(i.total, "result")) + " across " + w(n.value), 1)
       ])) : C("", !0)
     ]));
   }
@@ -3172,14 +3171,14 @@ const ca = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = _(), n = _([5, 10, 20, 50, 100]), o = _(10), r = _({
+    const a = t, i = e, l = I(), n = I([5, 10, 20, 50, 100]), o = I(10), r = I({
       filters: i.filters,
       perPage: o.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: i.totalRecords ?? i.value.length
-    }), p = z(() => i.totalRecords ?? i.value.length), u = z(() => {
+    }), p = z(() => i.totalRecords ?? i.value.length), c = z(() => {
       const g = Math.ceil(p.value / o.value);
       return `${g} ${Q(g, "page")}`;
     }), y = z(() => ({
@@ -3229,7 +3228,7 @@ const ca = {
       m("span", ba, [
         k(g.$slots, "above-table")
       ]),
-      x(c(Ee), S({
+      x(u(Ee), S({
         class: ["w-100", `${i.severity ? `forge-table-${i.severity}` : ""}`]
       }, { ...i, ...g.$attrs }, {
         pt: y.value,
@@ -3268,7 +3267,7 @@ const ca = {
                 ])) : C("", !0)
               ]),
               m("div", $a, [
-                g.showClearButton ? (d(), v(c(q), {
+                g.showClearButton ? (d(), v(u(q), {
                   key: 0,
                   outlined: "",
                   class: B(g.showExporterButton ? "me-2" : ""),
@@ -3276,28 +3275,28 @@ const ca = {
                   "data-cy": "clear-all"
                 }, {
                   default: b(() => [
-                    x(c(T), {
+                    x(u(T), {
                       icon: "bi:funnel-fill",
                       width: "24",
                       height: "24"
                     }),
-                    h[2] || (h[2] = I(" Clear "))
+                    h[2] || (h[2] = _(" Clear "))
                   ]),
                   _: 1
                 }, 8, ["class"])) : C("", !0),
-                g.showExporterButton ? (d(), v(c(q), {
+                g.showExporterButton ? (d(), v(u(q), {
                   key: 1,
                   outlined: "",
                   onClick: $,
                   "data-cy": "exporter"
                 }, {
                   default: b(() => [
-                    x(c(T), {
+                    x(u(T), {
                       icon: "typcn:export",
                       width: "24",
                       height: "24"
                     }),
-                    h[3] || (h[3] = I(" Export "))
+                    h[3] || (h[3] = _(" Export "))
                   ]),
                   _: 1
                 })) : C("", !0),
@@ -3325,7 +3324,7 @@ const ca = {
               "data-cy": "legacy-page-size"
             }, [
               h[4] || (h[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
-              x(c(te), {
+              x(u(te), {
                 options: n.value,
                 modelValue: o.value,
                 "onUpdate:modelValue": h[1] || (h[1] = (P) => o.value = P),
@@ -3342,7 +3341,7 @@ const ca = {
             m("span", {
               "data-cy": "legacy-total",
               class: B(i.loading ? "opacity-50" : "")
-            }, w(p.value) + " " + w(c(Q)(p.value, "result")) + " across " + w(u.value), 3)
+            }, w(p.value) + " " + w(u(Q)(p.value, "result")) + " across " + w(c.value), 3)
           ]),
           key: "1"
         } : void 0
@@ -3368,8 +3367,8 @@ const ca = {
       if (!l || Array.isArray(l) && l.length === 0)
         return n;
       const o = (r) => {
-        var u;
-        const p = (u = e.dropdownOptions) == null ? void 0 : u.find(
+        var c;
+        const p = (c = e.dropdownOptions) == null ? void 0 : c.find(
           (y) => e.optionValue ? y[e.optionValue] === r : Object.keys(y).every((s) => r.hasOwnProperty(s) && y[s] === r[s])
         );
         return e.optionLabel ? p[e.optionLabel] : p;
@@ -3392,7 +3391,7 @@ const ca = {
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
-        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), v(c(te), S({
+        }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), v(u(te), S({
           key: 2,
           modelValue: t.value,
           "onUpdate:modelValue": n[2] || (n[2] = (p) => t.value = p)
@@ -3401,11 +3400,11 @@ const ca = {
           "option-value": l.optionValue,
           "option-label": l.optionLabel
         }), {
-          value: b(({ value: p, placeholder: u }) => [
+          value: b(({ value: p, placeholder: c }) => [
             m("div", Ba, [
               m("span", {
                 class: B({ "filter-placeholder": p === null })
-              }, w(a(p, u)), 3),
+              }, w(a(p, c)), 3),
               l.showClearButton && t.value !== null ? (d(), v(r, {
                 key: 0,
                 onClick: G(i, ["prevent"]),
@@ -3413,7 +3412,7 @@ const ca = {
                 class: "bg-transparent border-0 ms-auto p-0 pe-1"
               }, {
                 default: b(() => [
-                  x(c(T), {
+                  x(u(T), {
                     icon: "bi:x",
                     width: "1rem",
                     height: "1rem",
@@ -3425,7 +3424,7 @@ const ca = {
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), v(c(oe), S({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), v(u(oe), S({
           key: 3,
           modelValue: t.value,
           "onUpdate:modelValue": n[3] || (n[3] = (p) => t.value = p)
@@ -3435,7 +3434,7 @@ const ca = {
           "option-label": l.optionLabel,
           "option-value": l.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), v(c(ne), S({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), v(u(ne), S({
           key: 4,
           modelValue: t.value,
           "onUpdate:modelValue": n[4] || (n[4] = (p) => t.value = p)
@@ -3447,7 +3446,7 @@ const ca = {
           class: "bg-transparent border-0 ms-auto p-0 pe-1 position-absolute end-0 top-0 bottom-0"
         }, {
           default: b(() => [
-            x(c(T), {
+            x(u(T), {
               icon: "bi:x",
               width: "1rem",
               height: "1rem",
@@ -4532,9 +4531,9 @@ class ye {
         const p = r.startsWith("*");
         if (r = p ? r.slice(1) : r, n == null || n.add(r), o && E(this, J, "f").set(i, r), o = !1, p)
           continue;
-        const u = E(this, W, "f").get(r);
-        if (u && u != i && !a)
-          throw new Error(`"${i} -> ${r}" conflicts with "${u} -> ${r}". Pass \`force=true\` to override this definition.`);
+        const c = E(this, W, "f").get(r);
+        if (c && c != i && !a)
+          throw new Error(`"${i} -> ${r}" conflicts with "${c} -> ${r}". Pass \`force=true\` to override this definition.`);
         E(this, W, "f").set(r, i);
       }
     }
@@ -4615,7 +4614,7 @@ function ja() {
   const e = new ye(de, re);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disabled", "multiple"], Pa = {
+const Ia = { class: "d-flex justify-content-between" }, _a = ["accept", "disabled", "multiple"], Pa = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
 }, Va = /* @__PURE__ */ F({
@@ -4630,12 +4629,12 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = _(), i = (o) => a.value.toggle(o), l = z(() => e.maxFileInput <= t.value.length), n = (o) => {
+    const t = D(e, "modelValue"), a = I(), i = (o) => a.value.toggle(o), l = z(() => e.maxFileInput <= t.value.length), n = (o) => {
       t.value = xe(o, t.value, e.acceptedFileTypes.map((r) => r.fileType), e.maxFileInput);
     };
     return (o, r) => {
       const p = q;
-      return d(), f("div", _a, [
+      return d(), f("div", Ia, [
         k(o.$slots, "message"),
         m("div", null, [
           m("input", {
@@ -4645,21 +4644,21 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
             accept: o.acceptedFileTypes.join(", "),
             disabled: l.value,
             multiple: o.maxFileInput > 1,
-            onInput: r[0] || (r[0] = (u) => n([...u.target.files]))
-          }, null, 40, Ia),
+            onInput: r[0] || (r[0] = (c) => n([...c.target.files]))
+          }, null, 40, _a),
           m("label", {
             class: B([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
           }, [
             k(o.$slots, "button-content", {}, () => [
-              x(c(T), {
+              x(u(T), {
                 icon: "bi:upload",
                 class: "me-2",
                 height: "20px",
                 width: "20px"
               }),
-              r[1] || (r[1] = I(" Browse your computer "))
+              r[1] || (r[1] = _(" Browse your computer "))
             ])
           ], 2)
         ]),
@@ -4671,16 +4670,16 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
           onClick: i
         }, {
           default: b(() => r[2] || (r[2] = [
-            I("Accepted File Types")
+            _("Accepted File Types")
           ])),
           _: 1
         })) : C("", !0),
-        x(c(ve), {
+        x(u(ve), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
           default: b(() => [
-            m("div", Pa, w(o.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
+            m("div", Pa, w(o.acceptedFileTypes.map((c) => c.label ?? c.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
@@ -4706,7 +4705,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = _(!1), i = z(() => e.maxFileInput <= t.value.length), l = (n) => {
+    const t = D(e, "modelValue"), a = I(!1), i = z(() => e.maxFileInput <= t.value.length), l = (n) => {
       a.value = !1, n.dataTransfer.files.length > e.maxFileInput || i.value ? n.preventDefault() : t.value = xe([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((o) => o.fileType), e.maxFileSize);
     };
     return (n, o) => (d(), f("div", {
@@ -4717,13 +4716,13 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
       onDrop: G(l, ["prevent"])
     }, [
       t.value.length === 0 ? (d(), f("div", Ma, [
-        x(c(T), {
+        x(u(T), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        o[2] || (o[2] = I(" Drag and drop files here "))
+        o[2] || (o[2] = _(" Drag and drop files here "))
       ])) : (d(), f("div", Da, [
         k(n.$slots, "default")
       ]))
@@ -4762,7 +4761,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
         striped: ""
       }, {
         default: b(() => [
-          I(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
+          _(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
       })) : C("", !0),
@@ -4773,7 +4772,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
         class: "mb-0 w-75 ms-auto"
       }, {
         default: b(() => [
-          I(w(a.value), 1)
+          _(w(a.value), 1)
         ]),
         _: 1
       }, 8, ["severity"])) : C("", !0)
@@ -4807,7 +4806,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
   }),
   emits: /* @__PURE__ */ N(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, o = _(a.value.name), r = _(""), p = _(0), u = _(), y = z(() => e.acceptedFileTypes.some(({ fileType: g }) => g === a.value.type)), s = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : ja().getType(a.value.name)), j = () => {
+    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, o = I(a.value.name), r = I(""), p = I(0), c = I(), y = z(() => e.acceptedFileTypes.some(({ fileType: g }) => g === a.value.type)), s = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : ja().getType(a.value.name)), j = () => {
       o.value != null && (V(), a.value = new File([a.value], o.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, V = () => {
       let g = o.value.split("."), h = Sa.getExtension($.value), P = o.value.split(".").pop();
@@ -4817,7 +4816,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
         l.value = y.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      l.value = "Preparing", u.value = new AbortController();
+      l.value = "Preparing", c.value = new AbortController();
       const [g, h] = await e.getFileUrlAction(a.value.name);
       if (!g) {
         l.value = "Failed";
@@ -4826,7 +4825,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
       try {
         l.value = "Uploading";
         const P = new me(g), L = {
-          abortSignal: u.value.signal,
+          abortSignal: c.value.signal,
           onProgress: (ae) => p.value = ae.loadedBytes,
           blobHTTPHeaders: {
             blobContentType: $.value,
@@ -4854,15 +4853,15 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          c(za)(a.value.type) ? (d(), v(c(Le), {
+          u(za)(a.value.type) ? (d(), v(u(Le), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(Ta)(a.value),
+            src: u(Ta)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (d(), v(c(T), {
+          }, null, 8, ["src", "alt"])) : (d(), v(u(T), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -4883,7 +4882,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
             }, null, 8, ["modelValue", "rules", "name"])) : (d(), f("span", Ea, w(o.value), 1))
           ]),
           m("span", La, "File type: " + w(a.value.type.split("/").pop()), 1),
-          m("span", Ra, "File size: " + w(c(pe)(a.value.size)), 1)
+          m("span", Ra, "File size: " + w(u(pe)(a.value.size)), 1)
         ]),
         m("div", Ha, [
           (d(), v(Ua, {
@@ -4899,7 +4898,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
             onClick: M
           }, {
             default: b(() => [
-              x(c(T), {
+              x(u(T), {
                 icon: l.value === "Not Uploaded" || l.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
@@ -4908,10 +4907,10 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
           l.value === "Uploading" ? (d(), v(P, {
             key: 1,
             link: "",
-            onClick: h[1] || (h[1] = (L) => u.value.value.abort())
+            onClick: h[1] || (h[1] = (L) => c.value.value.abort())
           }, {
             default: b(() => [
-              x(c(T), { icon: "bi:x-circle-fill" })
+              x(u(T), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
           })) : (d(), v(P, {
@@ -4921,7 +4920,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
             id: "delete-button"
           }, {
             default: b(() => [
-              x(c(T), { icon: "bi:trash" })
+              x(u(T), { icon: "bi:trash" })
             ]),
             _: 1
           }))
@@ -4936,7 +4935,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
   },
   setup(e) {
     return (t, a) => (d(), f("div", Ya, [
-      m("div", Ga, "Max file size: " + w(c(pe)(t.maxFileSize)), 1)
+      m("div", Ga, "Max file size: " + w(u(pe)(t.maxFileSize)), 1)
     ]));
   }
 }), Ka = { "data-cy": "file-uploader" }, Za = { key: 0 }, tl = /* @__PURE__ */ F({
@@ -5003,22 +5002,22 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = _(), i = _(!1), l = (n) => {
+    const t = D(e, "modelValue"), a = I(), i = I(!1), l = (n) => {
       a.value.toggle(n);
     };
     return (n, o) => (d(), f(O, null, [
-      x(c(q), {
+      x(u(q), {
         onClick: l,
         class: "ms-2"
       }, {
         default: b(() => [
           m("div", Xa, [
             m("div", Qa, [
-              x(c(T), { icon: "bi:layout-three-columns" })
+              x(u(T), { icon: "bi:layout-three-columns" })
             ]),
-            I(" Columns (" + w(t.value.filter((r) => r.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
+            _(" Columns (" + w(t.value.filter((r) => r.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
             m("div", ei, [
-              x(c(T), {
+              x(u(T), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
             ])
@@ -5026,7 +5025,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
         ]),
         _: 1
       }),
-      x(c(ve), {
+      x(u(ve), {
         ref_key: "columnCustomiserPanel",
         ref: a,
         class: "column-customiser",
@@ -5046,7 +5045,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
               x(fe, {
                 id: r.field,
                 modelValue: r.selected,
-                "onUpdate:modelValue": (u) => r.selected = u,
+                "onUpdate:modelValue": (c) => r.selected = c,
                 binary: "",
                 class: "cursor-pointer",
                 label: r.header
@@ -5065,12 +5064,12 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
       const i = Re;
       return d(), v(i, K(Z({ ...t.$attrs })), {
         toggleicon: b(({ collapsed: l }) => [
-          l ? (d(), v(c(T), {
+          l ? (d(), v(u(T), {
             key: 0,
             "data-cy": "message-icon",
             icon: "bi:chevron-down"
           })) : C("", !0),
-          l ? C("", !0) : (d(), v(c(T), {
+          l ? C("", !0) : (d(), v(u(T), {
             key: 1,
             "data-cy": "message-icon",
             icon: "bi:chevron-up"
@@ -5109,7 +5108,7 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
         ]
       })
     }));
-    return (i, l) => (d(), v(c(He), S({ ...i.$attrs, ...t }, {
+    return (i, l) => (d(), v(u(He), S({ ...i.$attrs, ...t }, {
       severity: t.severity,
       pt: a.value
     }), null, 16, ["severity", "pt"]));
@@ -5136,11 +5135,11 @@ const _a = { class: "d-flex justify-content-between" }, Ia = ["accept", "disable
       }), o.selected = !o.selected, i("change", o));
     };
     return (o, r) => (d(), f("div", ii, [
-      (d(!0), f(O, null, A(l.value, (p, u) => (d(), v(ai, {
+      (d(!0), f(O, null, A(l.value, (p, c) => (d(), v(ai, {
         onLabel: p.label,
         offLabel: p.label,
         severity: p.severity,
-        key: u,
+        key: c,
         onChange: (y) => n(p),
         defaultValue: p.selected,
         disabled: p.disabled,
@@ -5191,5 +5190,5 @@ export {
   ai as ForgeToggleButton,
   qi as convertToMultiSelectOption,
   Ai as enumToMultiSelectList,
-  _t as parseError
+  It as parseError
 };

package/dist/src/passthroughs/Checkbox.pt.d.ts

@@ -4,11 +4,10 @@ declare const _default: {
         root: () => {
             class: string[];
         };
-        input: ({ context, state }: CheckboxPassThroughMethodOptions) => {
+        input: ({ context, props }: CheckboxPassThroughMethodOptions) => {
             class: (string | {
                 "bg-primary": boolean;
                 "cursor-pointer": boolean;
-                "form-check-input__focus": any;
             })[];
         };
     };

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": "2.8.0",
+  "version": "2.8.1",
   "type": "module",
   "license": "MIT",
   "contributors": [