@3squared/forge-ui-3 2.3.0 → 2.4.0

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

@@ -1,22 +1,22 @@
 import he from "primevue/message";
-import { defineComponent as F, openBlock as d, createBlock as b, normalizeProps as X, guardReactiveProps as Q, withCtx as g, createElementVNode as u, normalizeClass as B, unref as c, createCommentVNode as z, createVNode as y, renderSlot as k, ref as I, createElementBlock as f, Fragment as N, mergeProps as S, renderList as q, mergeModels as E, useModel as D, computed as C, createTextVNode as P, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as K, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Be } from "vue";
+import { defineComponent as F, openBlock as d, createBlock as b, normalizeProps as X, guardReactiveProps as Q, withCtx as g, createElementVNode as m, normalizeClass as B, unref as c, createCommentVNode as C, createVNode as y, renderSlot as k, ref as I, createElementBlock as f, Fragment as N, mergeProps as S, renderList as q, mergeModels as E, useModel as D, computed as z, createTextVNode as P, toDisplayString as w, withDirectives as H, vShow as Y, createSlots as ie, onMounted as le, isRef as we, withKeys as K, normalizeStyle as ke, withModifiers as G, watch as ce, h as $e, useTemplateRef as Be } from "vue";
 import { Icon as j } from "@iconify/vue";
 import U from "primevue/button";
 import Fe from "primevue/toast";
 import Se from "primevue/autocomplete";
-import ze from "primevue/checkbox";
+import Ce from "primevue/checkbox";
 import { useField as ee } from "vee-validate";
-import Ce from "primevue/progressspinner";
+import ze from "primevue/progressspinner";
 import Te from "primevue/dialog";
-import oe from "primevue/inputtext";
+import ne from "primevue/inputtext";
 import { vOnClickOutside as je } from "@vueuse/components";
 import Ie from "primevue/menubar";
-import ne from "primevue/multiselect";
+import oe from "primevue/multiselect";
 import Pe from "primevue/datepicker";
 import te from "primevue/select";
 import _e from "primevue/inputmask";
 import Ve from "primevue/textarea";
-import me from "primevue/inputnumber";
+import ue from "primevue/inputnumber";
 import Me from "primevue/chip";
 import De from "primevue/progressbar";
 import Oe from "primevue/step";
@@ -25,7 +25,7 @@ import Ue from "primevue/steplist";
 import Ae from "primevue/steppanel";
 import qe from "primevue/steppanels";
 import Ee from "primevue/datatable";
-import { BlockBlobClient as ue } from "@azure/storage-blob";
+import { BlockBlobClient as me } from "@azure/storage-blob";
 import ve from "primevue/popover";
 import Le from "primevue/image";
 const Re = {
@@ -389,10 +389,13 @@ const Re = {
   }
 }, tt = {
   dialog: {
+    root: ({ parent: e }) => e.instance.$.type.name == "ConfirmDialog" ? {
+      class: ["modal modal-dialog modal-content h-auto m-0 modal-sm"]
+    } : {},
     header: () => ({
       class: ["modal-header"]
     }),
-    headerTitle: () => ({
+    title: () => ({
       class: ["h5 modal-title text-black"]
     }),
     content: () => ({
@@ -404,8 +407,17 @@ const Re = {
     headerIcons: () => ({
       class: ["ms-auto"]
     }),
-    headerActions: "d-flex ms-auto",
-    pcCloseButton: ({ props: e }) => ({
+    icon: () => ({
+      class: ["ms-auto"]
+    }),
+    headerActions: ({ parent: e }) => e.instance.$.type.name == "ConfirmDialog" ? {
+      class: ["d-none"]
+    } : {
+      class: ["d-flex ms-auto"]
+    },
+    pcCloseButton: ({ props: e, parent: t }) => t.instance.$.type.name == "ConfirmDialog" ? {
+      class: ["btn p-1", "ms-auto"]
+    } : {
       root: {
         class: [
           "btn p-1",
@@ -414,7 +426,7 @@ const Re = {
           }
         ]
       }
-    }),
+    },
     pcMaximizeButton: ({ props: e }) => ({
       root: {
         class: [
@@ -505,7 +517,7 @@ const Re = {
     }),
     separator: "border border-1 separator"
   }
-}, ot = {
+}, nt = {
   tabList: {
     root: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -530,7 +542,7 @@ const Re = {
       class: ["p-2"]
     })
   }
-}, nt = {
+}, ot = {
   // More PassThrough options defined in ForgeDatepicker.
   datepicker: {
     root: "d-inline-flex relative w-100",
@@ -734,7 +746,7 @@ const Re = {
       ]
     })
   }
-}, mt = {
+}, ut = {
   // More PassThrough options in component file.
   menubar: {
     rootList: ({ instance: e }) => ({
@@ -815,7 +827,7 @@ const Re = {
       ]
     })
   }
-}, ut = {
+}, mt = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -1000,7 +1012,7 @@ const Re = {
       ]
     })
   }
-}, zi = {
+}, Ci = {
   ...Re,
   ...ct,
   ...He,
@@ -1008,7 +1020,7 @@ const Re = {
   ...We,
   ...et,
   ...Ge,
-  ...nt,
+  ...ot,
   ...tt,
   ...xt,
   ...Ye,
@@ -1018,7 +1030,7 @@ const Re = {
   ...Ze,
   ...it,
   ...st,
-  ...mt,
+  ...ut,
   ...at,
   ...rt,
   ...gt,
@@ -1028,12 +1040,12 @@ const Re = {
   ...lt,
   ...pt,
   ...Xe,
-  ...ot,
+  ...nt,
   ...ht,
   ...Qe,
   ...wt,
   directives: {
-    ...ut
+    ...mt
   }
 }, se = /* @__PURE__ */ F({
   __name: "ForgeAlert",
@@ -1058,7 +1070,7 @@ const Re = {
       const l = he;
       return d(), b(l, X(Q({ ...a.$attrs, ...t })), {
         icon: g(() => [
-          u("div", {
+          m("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
           }, [
             t.icon ? (d(), b(c(j), {
@@ -1067,7 +1079,7 @@ const Re = {
               icon: t.icon,
               class: B(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : z("", !0)
+            }, null, 8, ["icon", "class"])) : C("", !0)
           ], 2)
         ]),
         closeicon: g(() => [
@@ -1080,7 +1092,7 @@ const Re = {
       }, 16);
     };
   }
-}), Ci = /* @__PURE__ */ F({
+}), zi = /* @__PURE__ */ F({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1098,7 +1110,7 @@ const Re = {
       }
       t.value = !1;
     };
-    return (l, o) => {
+    return (l, n) => {
       const s = U;
       return d(), f(N, null, [
         y(s, S({ ...a, ...l.$attrs }, {
@@ -1155,7 +1167,7 @@ const Re = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { handleChange: i, errors: l, errorMessage: o } = ee(
+    const t = e, a = D(e, "modelValue"), { handleChange: i, errors: l, errorMessage: n } = ee(
       () => t.name ?? "",
       void 0,
       {
@@ -1164,26 +1176,26 @@ const Re = {
       }
     ), s = (p) => {
       t.name ? i(p) : a.value = p;
-    }, r = C(() => l.value.length > 0);
-    return (p, m) => {
-      const x = ze;
+    }, r = z(() => l.value.length > 0);
+    return (p, u) => {
+      const x = Ce;
       return d(), f("div", kt, [
-        u("div", S({
+        m("div", S({
           class: "d-flex",
           "data-cy": "checkbox-container",
-          onClick: m[2] || (m[2] = (n) => s(a.value))
+          onClick: u[2] || (u[2] = (o) => s(a.value))
         }, { ...p.$attrs }), [
           y(x, S({ ...t }, {
             binary: "",
             modelValue: a.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (n) => a.value = n),
+            "onUpdate:modelValue": u[0] || (u[0] = (o) => a.value = o),
             "input-id": t.name,
             "input-class": { "is-invalid": r.value },
             class: t.disabled ? "" : "cursor-pointer"
           }), null, 16, ["modelValue", "input-id", "input-class", "class"]),
-          u("label", {
+          m("label", {
             for: t.name,
-            onClick: m[1] || (m[1] = (n) => s(!a.value)),
+            onClick: u[1] || (u[1] = (o) => s(!a.value)),
             class: B([`${t.disabled ? "opacity-50" : "cursor-pointer"} ${r.value ? "text-danger-dark" : ""}`, "w-100 my-auto"])
           }, [
             k(p.$slots, "default", {}, () => [
@@ -1191,10 +1203,10 @@ const Re = {
             ])
           ], 10, $t)
         ], 16),
-        H(u("small", {
+        H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(c(o)), 513), [
+        }, w(c(n)), 513), [
           [Y, r.value]
         ])
       ]);
@@ -1208,7 +1220,7 @@ const Re = {
   setup(e) {
     const t = e;
     return (a, i) => {
-      const l = Ce;
+      const l = ze;
       return d(), f("div", Bt, [
         y(l, {
           "animation-duration": ".75",
@@ -1235,7 +1247,7 @@ const Re = {
     iconName: {}
   },
   setup(e) {
-    const t = C(() => ({
+    const t = z(() => ({
       [`link-${e.severity}`]: e.severity,
       [`link-underline-${e.underlineSeverity}`]: e.underlineSeverity,
       [`link-opacity-${e.opacity}`]: e.opacity,
@@ -1244,7 +1256,7 @@ const Re = {
       [`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
-    })), a = C(() => ({
+    })), a = z(() => ({
       "order-2": e.positionIconEnd,
       "me-1": !e.positionIconEnd && !e.animateIconOnHover,
       "ms-1": e.positionIconEnd && !e.animateIconOnHover,
@@ -1263,7 +1275,7 @@ const Re = {
           id: "link-icon",
           icon: i.iconName,
           class: B(["bi my-auto", a.value])
-        }, null, 8, ["icon", "class"])) : z("", !0),
+        }, null, 8, ["icon", "class"])) : C("", !0),
         P(" " + w(i.label), 1)
       ])
     ], 10, Ft));
@@ -1286,7 +1298,7 @@ function Ii(e, t) {
 function Pi(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const zt = { key: 0 }, Ct = {
+const Ct = { key: 0 }, zt = {
   class: "d-flex w-100",
   "data-cy": "footer"
 }, _i = /* @__PURE__ */ F({
@@ -1339,7 +1351,7 @@ const zt = { key: 0 }, Ct = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = D(e, "visible"), a = I(!1), i = e, l = I(!1), o = I({
+    const t = D(e, "visible"), a = I(!1), i = e, l = I(!1), n = I({
       hasError: !1,
       header: "",
       message: []
@@ -1349,20 +1361,20 @@ const zt = { key: 0 }, Ct = {
       a.value = !0;
     }, p = () => {
       t.value = !1;
-    }, m = async () => {
+    }, u = async () => {
       if (i.onConfirm) {
-        l.value = !0, o.value.hasError = !1;
+        l.value = !0, n.value.hasError = !1;
         try {
-          const n = await i.onConfirm();
-          (n || n == null) && p();
-        } catch (n) {
-          o.value.hasError = !0;
-          const $ = St(n);
-          o.value.header = $.errorMessage, o.value.message = $.errorDetails;
+          const o = await i.onConfirm();
+          (o || o == null) && p();
+        } catch (o) {
+          n.value.hasError = !0;
+          const $ = St(o);
+          n.value.header = $.errorMessage, n.value.message = $.errorDetails;
         }
         l.value = !1;
       }
-    }, x = C(() => ({
+    }, x = z(() => ({
       root: [
         "modal modal-dialog modal-content h-auto m-0",
         {
@@ -1373,7 +1385,7 @@ const zt = { key: 0 }, Ct = {
         }
       ]
     }));
-    return (n, $) => {
+    return (o, $) => {
       const T = U, V = Te;
       return d(), b(V, S(i, {
         onMaximize: r,
@@ -1399,36 +1411,36 @@ const zt = { key: 0 }, Ct = {
         ]),
         _: 2
       }, [
-        q(n.$slots, (M, O) => ({
+        q(o.$slots, (M, O) => ({
           name: O,
           fn: g((v) => [
-            o.value.hasError ? (d(), b(se, {
+            n.value.hasError ? (d(), b(se, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
               default: g(() => [
-                u("p", {
-                  class: B(o.value.message.length > 0 ? "my-auto" : "mb-0")
-                }, w(o.value.header), 3),
-                o.value.message.length > 0 ? (d(), f("ul", zt, [
-                  (d(!0), f(N, null, q(o.value.message, (h) => (d(), f("li", { key: h }, w(h), 1))), 128))
-                ])) : z("", !0)
+                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", Ct, [
+                  (d(!0), f(N, null, q(n.value.message, (h) => (d(), f("li", { key: h }, w(h), 1))), 128))
+                ])) : C("", !0)
               ]),
               _: 1
-            })) : z("", !0),
-            k(n.$slots, O, X(Q(v || {}))),
-            l.value ? k(n.$slots, "loader", { key: 1 }, () => [
+            })) : C("", !0),
+            k(o.$slots, O, X(Q(v || {}))),
+            l.value ? k(o.$slots, "loader", { key: 1 }, () => [
               y(ge, { "data-cy": "loader" })
-            ]) : z("", !0)
+            ]) : C("", !0)
           ])
         })),
-        n.showFooter ? {
+        o.showFooter ? {
           name: "footer",
           fn: g(() => [
-            u("div", Ct, [
+            m("div", zt, [
               y(T, {
-                label: n.cancelText,
+                label: o.cancelText,
                 class: B(i.cancelClass),
                 outlined: "",
                 onClick: p,
@@ -1436,9 +1448,9 @@ const zt = { key: 0 }, Ct = {
                 type: i.cancelButtonType
               }, null, 8, ["label", "class", "type"]),
               y(T, {
-                label: n.submitText,
+                label: o.submitText,
                 class: B([i.submitClass, "ms-auto"]),
-                onClick: m,
+                onClick: u,
                 id: "submit-button",
                 type: i.submitButtonType
               }, null, 8, ["label", "class", "type"])
@@ -1464,13 +1476,13 @@ const zt = { key: 0 }, Ct = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), i = I(!1), l = I(), o = () => {
+    const t = e, a = D(e, "modelValue"), i = I(!1), l = I(), n = () => {
       var T;
       i.value = !i.value, (T = l.value) == null || T.focus();
     }, s = async () => {
       if ($.value)
         return !1;
-      if (a.value = n.value, t.completeAction)
+      if (a.value = o.value, t.completeAction)
         try {
           await t.completeAction.apply(this, t.params), i.value = !i.value;
         } catch {
@@ -1481,22 +1493,22 @@ const zt = { key: 0 }, Ct = {
     }, r = () => {
       i.value = !i.value;
     }, p = () => {
-      n.value = null;
-    }, { errorMessage: m, errors: x, value: n } = ee(() => t.name, void 0, {
+      o.value = null;
+    }, { errorMessage: u, errors: x, value: o } = ee(() => t.name, void 0, {
       initialValue: a.value
     });
     le(() => {
-      n.value = a.value;
+      o.value = a.value;
     });
-    const $ = C(() => x.value.length > 0);
+    const $ = z(() => x.value.length > 0);
     return (T, V) => {
-      const M = oe, O = U;
+      const M = ne, O = U;
       return d(), f("div", {
         id: t.name
       }, [
         T.readonly ? (d(), f("div", _t, [
           k(T.$slots, "default", {}, () => [
-            u("span", Vt, w(c(n)), 1)
+            m("span", Vt, w(c(o)), 1)
           ])
         ])) : (d(), f("div", jt, [
           i.value ? (d(), f("div", It, [
@@ -1505,11 +1517,11 @@ const zt = { key: 0 }, Ct = {
                 class: B({ "is-invalid": $.value }),
                 editFinished: s,
                 cancel: r,
-                val: c(n)
+                val: c(o)
               }, () => [
                 y(M, {
-                  modelValue: c(n),
-                  "onUpdate:modelValue": V[0] || (V[0] = (v) => we(n) ? n.value = v : null),
+                  modelValue: c(o),
+                  "onUpdate:modelValue": V[0] || (V[0] = (v) => we(o) ? o.value = v : null),
                   modelModifiers: { trim: !0 },
                   "data-cy": "input",
                   ref_key: "input",
@@ -1534,14 +1546,14 @@ const zt = { key: 0 }, Ct = {
           ])) : (d(), f("div", {
             key: 1,
             class: "d-flex text-muted",
-            onClick: o,
-            onFocus: o
+            onClick: n,
+            onFocus: n
           }, [
             k(T.$slots, "default", {}, () => [
-              u("div", {
+              m("div", {
                 class: B(["pe-2 cursor-pointer", { "text-invalid": $.value }]),
                 "data-cy": "value"
-              }, w(c(n) ? c(n) : "Click to edit"), 3)
+              }, w(c(o) ? c(o) : "Click to edit"), 3)
             ]),
             y(O, {
               link: "",
@@ -1552,17 +1564,17 @@ const zt = { key: 0 }, Ct = {
                   icon: "bi:pencil",
                   class: B($.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: K(o, ["enter"])
+                  onKeydown: K(n, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
             })
           ], 32))
         ])),
-        H(u("small", {
+        H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
-        }, w(c(m)), 513), [
+        }, w(c(u)), 513), [
           [Y, $.value]
         ])
       ], 8, Tt);
@@ -1585,7 +1597,7 @@ const zt = { key: 0 }, Ct = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = C(() => ({
+    const t = e, a = z(() => ({
       root: () => ({
         class: [
           "navbar container-fluid navbar-expand-lg",
@@ -1617,7 +1629,7 @@ const zt = { key: 0 }, Ct = {
       "data-cy": "navbar"
     }), ie({
       start: g(() => [
-        u("a", {
+        m("a", {
           href: i.logoUrl,
           class: "navbar-brand ms-3",
           "data-cy": "logo"
@@ -1639,7 +1651,7 @@ const zt = { key: 0 }, Ct = {
       ]),
       _: 2
     }, [
-      q(i.$slots, (o, s) => ({
+      q(i.$slots, (n, s) => ({
         name: s,
         fn: g((r) => [
           k(i.$slots, s, X(Q(r)))
@@ -1671,21 +1683,21 @@ const zt = { key: 0 }, Ct = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, a = D(e, "modelValue"), i = (l) => {
-      a.value = a.value.filter((o) => o.id !== l);
+      a.value = a.value.filter((n) => n.id !== l);
     };
-    return (l, o) => {
-      const s = ne, r = U;
+    return (l, n) => {
+      const s = oe, r = U;
       return d(), f("div", {
         class: B(l.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
-        u("div", {
+        m("div", {
           class: B(l.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
           y(s, S({
             modelValue: a.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (p) => a.value = p)
+            "onUpdate:modelValue": n[0] || (n[0] = (p) => a.value = p)
           }, { ...l.$attrs }, {
             options: t.options ?? [],
             optionLabel: "label",
@@ -1693,34 +1705,34 @@ const zt = { key: 0 }, Ct = {
             "data-cy": "multiselect"
           }), {
             default: g(() => [
-              (d(!0), f(N, null, q(l.$slots, (p, m) => k(l.$slots, m, { slot: m })), 256))
+              (d(!0), f(N, null, q(l.$slots, (p, u) => k(l.$slots, u, { slot: u })), 256))
             ]),
             _: 3
           }, 16, ["modelValue", "options", "placeholder"]),
           k(l.$slots, "after-multi-select")
         ], 2),
-        u("div", {
+        m("div", {
           class: B(l.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
-          u("div", {
+          m("div", {
             style: ke({ height: l.height }),
             class: "overflow-auto"
           }, [
-            u("div", Ot, [
-              l.title ? (d(), f("div", Nt, w(l.title), 1)) : z("", !0),
+            m("div", Ot, [
+              l.title ? (d(), f("div", Nt, w(l.title), 1)) : C("", !0),
               (d(!0), f(N, null, q(a.value, (p) => (d(), f("div", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 k(l.$slots, "list-item", { item: p }, () => [
-                  u("span", Ut, w(p.shortLabel ? p.shortLabel : p.label), 1)
+                  m("span", Ut, w(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
                 l.canRemoveItemFromPreview ? (d(), b(r, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (m) => i(p.id)
+                  onClick: (u) => i(p.id)
                 }, {
                   default: g(() => [
                     y(c(j), {
@@ -1730,9 +1742,9 @@ const zt = { key: 0 }, Ct = {
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : z("", !0)
+                }, 1032, ["onClick"])) : C("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (d(), f("div", At, w(t.optionsPreviewEmptyText), 1)) : z("", !0)
+              a.value == null || a.value.length == 0 ? (d(), f("div", At, w(t.optionsPreviewEmptyText), 1)) : C("", !0)
             ])
           ], 4)
         ], 2)
@@ -1753,8 +1765,8 @@ const zt = { key: 0 }, Ct = {
   setup(e) {
     const t = e;
     return (a, i) => (d(), f("div", Et, [
-      u("h3", Lt, w(t.title), 1),
-      u("div", Rt, [
+      m("h3", Lt, w(t.title), 1),
+      m("div", Rt, [
         k(a.$slots, "default")
       ])
     ]));
@@ -1835,37 +1847,37 @@ const zt = { key: 0 }, Ct = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: o, handleBlur: s, setValue: r } = ee(() => t.name, void 0, {
+    const t = e, a = D(e, "modelValue"), { errors: i, errorMessage: l, handleChange: n, handleBlur: s, setValue: r } = ee(() => t.name, void 0, {
       initialValue: a.value
     }), p = () => {
       r(null), a.value = null;
-    }, m = C(() => i.value.length > 0), x = C(() => ({
-      dayCell: ({ context: n }) => ({
+    }, u = z(() => i.value.length > 0), x = z(() => ({
+      dayCell: ({ context: o }) => ({
         class: [
           `text-center date-${t.severity === void 0 ? "primary" : t.severity}`,
           {
-            "cursor-pointer": !n.disabled,
-            "pe-none": n.disabled,
-            "text-white": n.selected
+            "cursor-pointer": !o.disabled,
+            "pe-none": o.disabled,
+            "text-white": o.selected
           },
           // Severities
           {
-            selected: n.selected && !n.disabled,
-            "text-primary": !n.selected && n.today && (t.severity === void 0 || t.severity === "primary"),
-            "text-brand": !n.selected && n.today && t.severity === "brand",
-            "text-secondary": !n.selected && n.today && t.severity === "secondary",
-            "text-success": !n.selected && n.today && t.severity === "success",
-            "text-warning": !n.selected && n.today && t.severity === "warning",
-            "text-danger": !n.selected && n.today && t.severity === "danger",
-            "text-info": !n.selected && n.today && t.severity === "info"
+            selected: o.selected && !o.disabled,
+            "text-primary": !o.selected && o.today && (t.severity === void 0 || t.severity === "primary"),
+            "text-brand": !o.selected && o.today && t.severity === "brand",
+            "text-secondary": !o.selected && o.today && t.severity === "secondary",
+            "text-success": !o.selected && o.today && t.severity === "success",
+            "text-warning": !o.selected && o.today && t.severity === "warning",
+            "text-danger": !o.selected && o.today && t.severity === "danger",
+            "text-info": !o.selected && o.today && t.severity === "info"
           }
         ]
       }),
-      dayLabel: ({ context: n }) => ({
+      dayLabel: ({ context: o }) => ({
         class: [
           // Disabled States
           {
-            "text-muted": n.disabled
+            "text-muted": o.disabled
           }
         ]
       }),
@@ -1901,57 +1913,57 @@ const zt = { key: 0 }, Ct = {
           ]
         })
       },
-      year: ({ context: n }) => ({
+      year: ({ context: o }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-brand": t.severity === "brand" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-secondary": t.severity === "secondary" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-success": t.severity === "success" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-warning": t.severity === "warning" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-danger": t.severity === "danger" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            "text-info": t.severity === "info" && n.year.value === (/* @__PURE__ */ new Date()).getFullYear()
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-brand": t.severity === "brand" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-secondary": t.severity === "secondary" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-success": t.severity === "success" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-warning": t.severity === "warning" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-danger": t.severity === "danger" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            "text-info": t.severity === "info" && o.year.value === (/* @__PURE__ */ new Date()).getFullYear()
           }
         ]
       }),
-      month: ({ context: n }) => ({
+      month: ({ context: o }) => ({
         class: [
           "col-3 text-center cursor-pointer py-2",
           {
-            "text-primary": (t.severity === void 0 || t.severity === "primary") && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-brand": t.severity === "brand" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-secondary": t.severity === "secondary" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-success": t.severity === "success" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-warning": t.severity === "warning" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-danger": t.severity === "danger" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
-            "text-info": t.severity === "info" && n.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
+            "text-primary": (t.severity === void 0 || t.severity === "primary") && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-brand": t.severity === "brand" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-secondary": t.severity === "secondary" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-success": t.severity === "success" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-warning": t.severity === "warning" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-danger": t.severity === "danger" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1,
+            "text-info": t.severity === "info" && o.monthIndex + 1 === (/* @__PURE__ */ new Date()).getMonth() + 1
           }
         ]
       })
     }));
-    return (n, $) => {
+    return (o, $) => {
       const T = Pe;
       return d(), f(N, null, [
-        u("div", Ht, [
-          u("span", Wt, [
-            k(n.$slots, "before")
+        m("div", Ht, [
+          m("span", Wt, [
+            k(o.$slots, "before")
           ]),
-          u("div", Yt, [
-            y(T, S({ ...t, ...n.$attrs }, {
+          m("div", Yt, [
+            y(T, S({ ...t, ...o.$attrs }, {
               pt: x.value,
               modelValue: a.value,
               "onUpdate:modelValue": [
                 $[0] || ($[0] = (V) => a.value = V),
-                c(o)
+                c(n)
               ],
               onBlur: $[1] || ($[1] = () => c(s)),
-              "input-class": { "datepicker-invalid": m.value }
+              "input-class": { "datepicker-invalid": u.value }
             }), null, 16, ["pt", "modelValue", "onUpdate:modelValue", "input-class"]),
             H(y(c(j), {
               "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", `${u.value ? "text-danger-dark" : "text-muted"}`])
             }, null, 8, ["class"]), [
               [Y, t.showIcon]
             ]),
@@ -1964,15 +1976,15 @@ const zt = { key: 0 }, Ct = {
               [Y, t.modelValue]
             ])
           ]),
-          u("span", Gt, [
-            k(n.$slots, "after")
+          m("span", Gt, [
+            k(o.$slots, "after")
           ])
         ]),
-        H(u("small", {
+        H(m("small", {
           "data-cy": "error",
           class: "text-invalid"
         }, w(c(l)), 513), [
-          [Y, m.value]
+          [Y, u.value]
         ])
       ], 64);
     };
@@ -1984,7 +1996,7 @@ const zt = { key: 0 }, Ct = {
     currentCount: {}
   },
   setup(e) {
-    const t = e, a = C(() => t.maxCount - t.currentCount);
+    const t = e, a = z(() => t.maxCount - t.currentCount);
     return (i, l) => (d(), f("div", {
       class: B(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + w(a.value), 3));
@@ -2009,26 +2021,26 @@ const zt = { key: 0 }, Ct = {
       a.value = !0, i.value.hasError = !1;
       try {
         await t.onSubmit();
-      } catch (o) {
-        i.value.hasError = !0, o.message && (i.value.message = o.message);
+      } catch (n) {
+        i.value.hasError = !0, n.message && (i.value.message = n.message);
       }
       a.value = !1;
     }
-    return (o, s) => {
+    return (n, s) => {
       const r = U;
-      return d(), f("form", S(o.$attrs, {
+      return d(), f("form", S(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: G(l, ["prevent"])
       }), [
-        o.hideTitle ? z("", !0) : (d(), f(N, { key: 0 }, [
-          k(o.$slots, "title", {}, () => [
-            u("h3", {
-              class: B(o.titleClass),
+        n.hideTitle ? C("", !0) : (d(), f(N, { key: 0 }, [
+          k(n.$slots, "title", {}, () => [
+            m("h3", {
+              class: B(n.titleClass),
               "data-cy": "form-title"
-            }, w(o.title), 3)
+            }, w(n.title), 3)
           ]),
-          s[1] || (s[1] = u("hr", null, null, -1))
+          s[1] || (s[1] = m("hr", null, null, -1))
         ], 64)),
         i.value.hasError ? (d(), b(se, {
           key: 1,
@@ -2036,32 +2048,32 @@ const zt = { key: 0 }, Ct = {
           "data-cy": "error"
         }, {
           default: g(() => [
-            k(o.$slots, "error", {
+            k(n.$slots, "error", {
               error: i.value.message
             }, () => [
               P(w(i.value.message), 1)
             ])
           ]),
           _: 3
-        })) : z("", !0),
-        k(o.$slots, "default"),
-        u("div", Jt, [
-          k(o.$slots, "cancel", {}, () => [
-            o.hideCancel ? z("", !0) : (d(), b(r, {
+        })) : C("", !0),
+        k(n.$slots, "default"),
+        m("div", Jt, [
+          k(n.$slots, "cancel", {}, () => [
+            n.hideCancel ? C("", !0) : (d(), b(r, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: s[0] || (s[0] = (p) => o.$emit("cancel"))
+              onClick: s[0] || (s[0] = (p) => n.$emit("cancel"))
             }, {
               default: g(() => [
-                P(w(o.cancelText), 1)
+                P(w(n.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          k(o.$slots, "submit", { submit: l }, () => [
+          k(n.$slots, "submit", { submit: l }, () => [
             y(r, {
               "data-cy": "submit-btn",
               type: "submit",
@@ -2069,7 +2081,7 @@ const zt = { key: 0 }, Ct = {
               class: "ms-auto"
             }, {
               default: g(() => [
-                P(w(o.submitText), 1)
+                P(w(n.submitText), 1)
               ]),
               _: 1
             })
@@ -2078,7 +2090,7 @@ const zt = { key: 0 }, Ct = {
         a.value ? (d(), b(ge, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : z("", !0)
+        })) : C("", !0)
       ], 16);
     };
   }
@@ -2103,13 +2115,13 @@ const zt = { key: 0 }, Ct = {
   setup(e) {
     const t = D(e, "modelValue"), a = e, i = (x) => {
       a.type == "number" ? r(x.value) : r(x);
-    }, { errors: l, value: o, errorMessage: s, handleChange: r, handleBlur: p } = ee(() => a.name, void 0, {
+    }, { errors: l, value: n, errorMessage: s, handleChange: r, handleBlur: p } = ee(() => a.name, void 0, {
       initialValue: t.value
-    }), m = C(() => l.value.length > 0);
-    return ce(() => o.value, (x) => {
+    }), u = z(() => l.value.length > 0);
+    return ce(() => n.value, (x) => {
       t.value = x;
-    }, { immediate: !0 }), (x, n) => {
-      const $ = Ve, T = _e, V = oe, M = te, O = ne, v = be;
+    }, { immediate: !0 }), (x, o) => {
+      const $ = Ve, T = _e, V = ne, M = te, O = oe, v = be;
       return a.type === "checkbox" ? (d(), b(fe, S({
         key: 0,
         id: a.name,
@@ -2117,34 +2129,34 @@ const zt = { key: 0 }, Ct = {
       }, x.$attrs, {
         name: a.name,
         modelValue: t.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (h) => t.value = h)
+        "onUpdate:modelValue": o[0] || (o[0] = (h) => t.value = h)
       }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), f("div", Kt, [
-        u("div", {
+        m("div", {
           "data-cy": "input-wrapper",
           class: B(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
         }, [
-          u("label", {
+          m("label", {
             for: a.name,
             class: B(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
           }, w(a.fieldLabel), 11, Zt),
-          a.type === "number" ? (d(), b(c(me), S({
+          a.type === "number" ? (d(), b(c(ue), S({
             key: 0,
             id: a.name
           }, x.$attrs, {
             placeholder: a.placeholder,
-            "input-class": { "is-invalid": m.value },
-            class: { "is-invalid": m.value },
+            "input-class": { "is-invalid": u.value },
+            class: { "is-invalid": u.value },
             modelValue: t.value,
-            "onUpdate:modelValue": n[1] || (n[1] = (h) => t.value = h),
+            "onUpdate:modelValue": o[1] || (o[1] = (h) => t.value = h),
             onInput: i
           }), null, 16, ["id", "placeholder", "input-class", "class", "modelValue"])) : a.type === "textarea" ? (d(), b($, S({
             key: 1,
             id: a.name
           }, x.$attrs, {
             placeholder: a.placeholder,
-            class: { "is-invalid": m.value },
+            class: { "is-invalid": u.value },
             modelValue: t.value,
-            "onUpdate:modelValue": n[2] || (n[2] = (h) => t.value = h),
+            "onUpdate:modelValue": o[2] || (o[2] = (h) => t.value = h),
             onInput: i,
             onBlur: c(p)
           }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "mask" ? (d(), b(T, S({
@@ -2153,9 +2165,9 @@ const zt = { key: 0 }, Ct = {
           }, x.$attrs, {
             placeholder: a.placeholder,
             mask: a.mask,
-            class: { "is-invalid": m.value },
+            class: { "is-invalid": u.value },
             modelValue: t.value,
-            "onUpdate:modelValue": n[3] || (n[3] = (h) => t.value = h),
+            "onUpdate:modelValue": o[3] || (o[3] = (h) => t.value = h),
             onComplete: i,
             onBlur: c(p)
           }), null, 16, ["id", "placeholder", "mask", "class", "modelValue", "onBlur"])) : a.type === "text" ? (d(), b(V, S({
@@ -2163,34 +2175,34 @@ const zt = { key: 0 }, Ct = {
             id: a.name
           }, x.$attrs, {
             placeholder: a.placeholder,
-            class: { "is-invalid": m.value },
+            class: { "is-invalid": u.value },
             modelValue: t.value,
-            "onUpdate:modelValue": n[4] || (n[4] = (h) => t.value = h),
+            "onUpdate:modelValue": o[4] || (o[4] = (h) => t.value = h),
             onInput: i,
             onBlur: c(p)
           }), null, 16, ["id", "placeholder", "class", "modelValue", "onBlur"])) : a.type === "select" ? (d(), b(M, S({ key: 4 }, { ...a, ...x.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": n[5] || (n[5] = (h) => t.value = h),
-            class: { "is-invalid": m.value }
+            "onUpdate:modelValue": o[5] || (o[5] = (h) => t.value = h),
+            class: { "is-invalid": u.value }
           }), null, 16, ["modelValue", "class"])) : a.type === "multiselect" ? (d(), b(O, S({ key: 5 }, { ...a, ...x.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": n[6] || (n[6] = (h) => t.value = h),
-            class: { "is-invalid": m.value }
+            "onUpdate:modelValue": o[6] || (o[6] = (h) => t.value = h),
+            class: { "is-invalid": u.value }
           }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), b(qt, S({ key: 6 }, { ...a, ...x.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": n[7] || (n[7] = (h) => t.value = h),
-            class: { "is-invalid": m.value }
+            "onUpdate:modelValue": o[7] || (o[7] = (h) => t.value = h),
+            class: { "is-invalid": u.value }
           }), null, 16, ["modelValue", "class"])) : a.type === "datepicker" ? (d(), b(v, S({ key: 7 }, { ...a, ...x.$attrs }, {
             modelValue: t.value,
-            "onUpdate:modelValue": n[8] || (n[8] = (h) => t.value = h),
-            class: { "is-invalid": m.value }
-          }), null, 16, ["modelValue", "class"])) : z("", !0)
+            "onUpdate:modelValue": o[8] || (o[8] = (h) => t.value = h),
+            class: { "is-invalid": u.value }
+          }), null, 16, ["modelValue", "class"])) : C("", !0)
         ], 2),
-        H(u("small", {
+        H(m("small", {
           "data-cy": "error",
           class: "invalid-feedback"
         }, w(c(s)), 513), [
-          [Y, m.value && a.type !== "multiselect" && a.type !== "datepicker"]
+          [Y, u.value && a.type !== "multiselect" && a.type !== "datepicker"]
         ])
       ]));
     };
@@ -2211,7 +2223,7 @@ const zt = { key: 0 }, Ct = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = C(() => ({
+    const t = e, a = z(() => ({
       root: [
         "badge d-inline-flex align-items-center border me-1 p-1",
         {
@@ -2229,8 +2241,8 @@ const zt = { key: 0 }, Ct = {
       ]
     }));
     return (i, l) => {
-      const o = Me;
-      return d(), b(o, S({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
+      const n = Me;
+      return d(), b(n, S({ ...i.$attrs, ...i.$props }, { pt: a.value }), {
         default: g(() => [
           (d(!0), f(N, null, q(i.$slots, (s, r) => k(i.$slots, r, { slot: r })), 256))
         ]),
@@ -2254,7 +2266,7 @@ const zt = { key: 0 }, Ct = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = C(() => t.striped ? "progress-bar-striped" : null), i = C(() => t.animate ? "progress-bar-animated" : null), l = C(() => {
+    const t = e, a = z(() => t.striped ? "progress-bar-striped" : null), i = z(() => t.animate ? "progress-bar-animated" : null), l = z(() => {
       switch (t.severity) {
         case "brand":
           return "bg-brand";
@@ -2273,7 +2285,7 @@ const zt = { key: 0 }, Ct = {
         default:
           return "bg-primary";
       }
-    }), o = C(() => ({
+    }), n = z(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2283,7 +2295,7 @@ const zt = { key: 0 }, Ct = {
     }));
     return (s, r) => {
       const p = De;
-      return d(), b(p, S({ ...s.$attrs, ...t }, { pt: o.value }), {
+      return d(), b(p, S({ ...s.$attrs, ...t }, { pt: n.value }), {
         default: g(() => [
           k(s.$slots, "default")
         ]),
@@ -2603,15 +2615,15 @@ var Qt = /* @__PURE__ */ F({
         e && this.save();
       });
     },
-    wrapText(e, t, a, i, l, o) {
+    wrapText(e, t, a, i, l, n) {
       const s = /(\r\n|\n\r|\n|\r)+/g, r = /\s+/g;
       var p = t.split(s).filter((M) => M.length > 0);
       for (let M = 0; M < p.length; M++) {
-        for (var m = p[M].split(r).filter((O) => O.length > 0), x = "", n = 0; n < m.length; n++) {
-          var $ = x + m[n] + " ", T = e.measureText($), V = T.width;
-          V > l && n > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(x, a, i) : e.fillText(x, a, i), x = m[n] + " ", i += o) : x = $;
+        for (var u = p[M].split(r).filter((O) => O.length > 0), x = "", o = 0; o < u.length; o++) {
+          var $ = x + u[o] + " ", T = e.measureText($), V = T.width;
+          V > l && o > 0 ? (this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(x, a, i) : e.fillText(x, a, i), x = u[o] + " ", i += n) : x = $;
         }
-        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(x, a, i) : e.fillText(x, a, i), i += m.length > 0 ? o : 0;
+        this.watermark && this.watermark.fontStyle && this.watermark.fontStyle.drawType && this.watermark.fontStyle.drawType === "stroke" ? e.strokeText(x, a, i) : e.fillText(x, a, i), i += u.length > 0 ? n : 0;
       }
     },
     save() {
@@ -2628,23 +2640,23 @@ var Qt = /* @__PURE__ */ F({
     drawWatermark(e, t, a) {
       if (a.type === "Image") {
         let i = a.imageStyle ? a.imageStyle.width ? a.imageStyle.width : Number(this.width) : Number(this.width), l = a.imageStyle ? a.imageStyle.height ? a.imageStyle.height : Number(this.height) : Number(this.height);
-        const o = new Image();
-        o.src = a.source, o.onload = () => {
-          a && t && t.drawImage(o, a.x, a.y, Number(i), Number(l));
-          let s = document.createElement("canvas"), r = s.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, m = this.outputHeight === void 0 ? this.height : this.outputHeight;
-          if (s.width = Number(p), s.height = Number(m), r)
-            return r.drawImage(e, 0, 0, Number(p), Number(m)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.toDataURL("image/" + this.saveAs, 1);
+        const n = new Image();
+        n.src = a.source, n.onload = () => {
+          a && t && t.drawImage(n, a.x, a.y, Number(i), Number(l));
+          let s = document.createElement("canvas"), r = s.getContext("2d"), p = this.outputWidth === void 0 ? this.width : this.outputWidth, u = this.outputHeight === void 0 ? this.height : this.outputHeight;
+          if (s.width = Number(p), s.height = Number(u), r)
+            return r.drawImage(e, 0, 0, Number(p), Number(u)), this.$emit("update:image", s.toDataURL("image/" + this.saveAs, 1)), s.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", o = a.fontStyle && a.fontStyle.textBaseline ? a.fontStyle.textBaseline : "alphabetic", s = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
-        if (t.font = i, t.textAlign = l, t.textBaseline = o, a.fontStyle && a.fontStyle.rotate) {
-          let n, $;
-          a.fontStyle && a.fontStyle.width ? n = a.x + Math.floor(a.fontStyle.width / 2) : n = a.x, a.fontStyle && a.fontStyle.lineHeight ? $ = a.y + Math.floor(a.fontStyle.lineHeight / 2) : $ = a.y, t.translate(n, $), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(n * -1, $ * -1);
+        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", s = a.fontStyle && a.fontStyle.color ? a.fontStyle.color : "#000000";
+        if (t.font = i, t.textAlign = l, t.textBaseline = n, a.fontStyle && a.fontStyle.rotate) {
+          let o, $;
+          a.fontStyle && a.fontStyle.width ? o = a.x + Math.floor(a.fontStyle.width / 2) : o = a.x, a.fontStyle && a.fontStyle.lineHeight ? $ = a.y + Math.floor(a.fontStyle.lineHeight / 2) : $ = a.y, t.translate(o, $), t.rotate(a.fontStyle.rotate * Math.PI / 180), t.translate(o * -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 = s, 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"), m = this.outputWidth === void 0 ? this.width : this.outputWidth, x = this.outputHeight === void 0 ? this.height : this.outputHeight;
-        if (r.width = Number(m), r.height = Number(x), p)
-          return p.drawImage(e, 0, 0, Number(m), Number(x)), 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"), u = this.outputWidth === void 0 ? this.width : this.outputWidth, x = this.outputHeight === void 0 ? this.height : this.outputHeight;
+        if (r.width = Number(u), r.height = Number(x), p)
+          return p.drawImage(e, 0, 0, Number(u), Number(x)), this.$emit("update:image", r.toDataURL("image/" + this.saveAs, 1)), r.toDataURL("image/" + this.saveAs, 1);
       }
     },
     isEmpty() {
@@ -2694,23 +2706,23 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
   },
   emits: ["save"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = Be("drawingCanvas"), o = I(), s = () => {
+    const a = e, i = t, l = Be("drawingCanvas"), n = I(), s = () => {
       l == null || l.value.reset();
     }, r = () => {
       l == null || l.value.redo();
     }, p = () => {
       l == null || l.value.undo();
-    }, m = () => {
+    }, u = () => {
       i("save", l.value.isEmpty());
     };
-    return (x, n) => {
+    return (x, o) => {
       const $ = U;
       return d(), f("div", ea, [
         y(c(Qt), S({
           ref_key: "drawingCanvas",
           ref: l,
-          image: o.value,
-          "onUpdate:image": n[0] || (n[0] = (T) => o.value = T),
+          image: n.value,
+          "onUpdate:image": o[0] || (o[0] = (T) => n.value = T),
           "data-cy": "drawing-canvas",
           class: "border canvas"
         }, { ...x.$attrs }, {
@@ -2718,51 +2730,51 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
           width: x.width,
           style: `height: ${x.height}px; width: ${x.width}px`
         }), null, 16, ["image", "height", "width", "style"]),
-        u("div", ta, [
+        m("div", ta, [
           a.showUndo ? (d(), b($, {
             key: 0,
             onClick: p,
             outlined: "",
             "data-cy": "undo-button"
           }, {
-            default: g(() => n[1] || (n[1] = [
+            default: g(() => o[1] || (o[1] = [
               P("Undo")
             ])),
             _: 1
-          })) : z("", !0),
+          })) : C("", !0),
           a.showRedo ? (d(), b($, {
             key: 1,
             onClick: r,
             outlined: "",
             "data-cy": "redo-button"
           }, {
-            default: g(() => n[2] || (n[2] = [
+            default: g(() => o[2] || (o[2] = [
               P("Redo")
             ])),
             _: 1
-          })) : z("", !0),
+          })) : C("", !0),
           a.showClear ? (d(), b($, {
             key: 2,
             onClick: s,
             outlined: "",
             "data-cy": "clear-button"
           }, {
-            default: g(() => n[3] || (n[3] = [
+            default: g(() => o[3] || (o[3] = [
               P("Clear")
             ])),
             _: 1
-          })) : z("", !0),
+          })) : C("", !0),
           a.showSave ? (d(), b($, {
             key: 3,
-            onClick: m,
+            onClick: u,
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
-            default: g(() => n[4] || (n[4] = [
+            default: g(() => o[4] || (o[4] = [
               P("Save")
             ])),
             _: 1
-          })) : z("", !0)
+          })) : C("", !0)
         ])
       ]);
     };
@@ -2778,7 +2790,7 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
     return (a, i) => (d(), f("div", S(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      u("span", aa, [
+      m("span", aa, [
         k(a.$slots, "default")
       ])
     ], 16));
@@ -2801,7 +2813,7 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = C(() => ({
+    const t = e, a = z(() => ({
       header: {
         class: [
           "p-0 m-0 d-flex align-items-center border border-0 bg-transparent gap-1",
@@ -2834,14 +2846,14 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
       default: g(() => [
         y(c(Ue), null, {
           default: g(() => [
-            (d(!0), f(N, null, q(i.steps, (o) => (d(), b(c(Oe), S({
-              key: o.value,
-              value: o.value,
-              disabled: o.disabled,
+            (d(!0), f(N, null, q(i.steps, (n) => (d(), b(c(Oe), S({
+              key: n.value,
+              value: n.value,
+              disabled: n.disabled,
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
               default: g(() => [
-                i.showStepLabel ? (d(), f("div", ia, w(o.label), 1)) : z("", !0)
+                i.showStepLabel ? (d(), f("div", ia, w(n.label), 1)) : C("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
@@ -2850,12 +2862,12 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
         }),
         y(c(qe), null, {
           default: g(() => [
-            (d(!0), f(N, null, q(i.steps, (o) => (d(), b(c(Ae), {
-              key: o.value,
-              value: o.value
+            (d(!0), f(N, null, q(i.steps, (n) => (d(), b(c(Ae), {
+              key: n.value,
+              value: n.value
             }, {
               default: g(() => [
-                k(i.$slots, "step" + o.value)
+                k(i.$slots, "step" + n.value)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -2866,7 +2878,7 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), la = { class: "p-4 text-wrap w-100" }, oa = { class: "p-4 text-wrap w-100" }, Li = /* @__PURE__ */ F({
+}), la = { class: "p-4 text-wrap w-100" }, na = { class: "p-4 text-wrap w-100" }, Li = /* @__PURE__ */ F({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2875,8 +2887,8 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
     selected: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = C(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = C(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
-    return (l, o) => {
+    const t = e, a = z(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = z(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
+    return (l, n) => {
       const s = U;
       return t.clickable ? (d(), b(s, {
         key: 0,
@@ -2886,9 +2898,9 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
         "data-cy": "button-tile"
       }, {
         default: g(() => [
-          u("div", la, [
+          m("div", la, [
             k(l.$slots, "default", {}, () => [
-              o[0] || (o[0] = P("Tile Content"))
+              n[0] || (n[0] = P("Tile Content"))
             ])
           ])
         ]),
@@ -2898,9 +2910,9 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
         class: B(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
-        u("div", oa, [
+        m("div", na, [
           k(l.$slots, "default", {}, () => [
-            o[1] || (o[1] = P("Tile Content"))
+            n[1] || (n[1] = P("Tile Content"))
           ])
         ])
       ], 2));
@@ -2910,7 +2922,7 @@ const ea = { class: "d-flex flex-column" }, ta = { class: "d-flex flex-row mt-1
 function Z(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const na = {
+const oa = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
 }, sa = { class: "ms-2" }, ra = { key: 0 }, da = {
@@ -2927,13 +2939,13 @@ const na = {
   setup(e, { emit: t }) {
     const a = t, i = e, l = (s) => {
       a("update:perPage", s.value);
-    }, o = C(() => {
+    }, n = z(() => {
       const s = Math.ceil(i.total / i.perPage);
       return `${s} ${Z(s, "page")}`;
     });
-    return (s, r) => (d(), f("div", na, [
+    return (s, r) => (d(), f("div", oa, [
       r[2] || (r[2] = P(" Number of results per page ")),
-      u("div", sa, [
+      m("div", sa, [
         y(c(te), {
           options: i.pageSizes,
           "model-value": i.perPage,
@@ -2942,12 +2954,12 @@ const na = {
         }, null, 8, ["options", "model-value"])
       ]),
       i.total ? (d(), f("div", ra, [
-        r[1] || (r[1] = u("span", { class: "mx-2" }, "|", -1)),
-        u("span", da, w(i.total) + " " + w(c(Z)(i.total, "result")) + " across " + w(o.value), 1)
-      ])) : z("", !0)
+        r[1] || (r[1] = m("span", { class: "mx-2" }, "|", -1)),
+        m("span", da, w(i.total) + " " + w(c(Z)(i.total, "result")) + " across " + w(n.value), 1)
+      ])) : C("", !0)
     ]));
   }
-}), ca = { class: "position-relative" }, ma = { "data-cy": "above-table-slot" }, ua = { class: "d-flex w-100" }, va = {
+}), ca = { class: "position-relative" }, ua = { "data-cy": "above-table-slot" }, ma = { class: "d-flex w-100" }, va = {
   class: "mx-auto",
   "data-cy": "empty-message"
 }, fa = { class: "d-flex" }, ga = { class: "d-flex align-items-end mb-2" }, ba = { key: 0 }, xa = { class: "ms-auto" }, Ri = /* @__PURE__ */ F({
@@ -3036,17 +3048,17 @@ const na = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const a = t, i = e, l = I(), o = I([5, 10, 20, 50, 100]), s = I(10), r = I({
+    const a = t, i = e, l = I(), n = I([5, 10, 20, 50, 100]), s = I(10), r = I({
       filters: i.filters,
       perPage: s.value,
       page: 0,
       sortDirection: "None",
       sortField: "",
       total: i.totalRecords ?? i.value.length
-    }), p = C(() => i.totalRecords ?? i.value.length), m = C(() => {
+    }), p = z(() => i.totalRecords ?? i.value.length), u = z(() => {
       const v = Math.ceil(p.value / s.value);
       return `${v} ${Z(v, "page")}`;
-    }), x = C(() => ({
+    }), x = z(() => ({
       thead: () => ({
         class: [
           {
@@ -3068,7 +3080,7 @@ const na = {
           }
         ]
       })
-    })), n = () => {
+    })), o = () => {
       if (i.clearAll)
         i.clearAll();
       else
@@ -3090,7 +3102,7 @@ const na = {
     return ce(() => i.filters, (v) => {
       r.value.filters = v, a("update:tableContext", r.value);
     }, { deep: !0 }), le(() => a("update:tableContext", r.value)), (v, h) => (d(), f("div", ca, [
-      u("span", ma, [
+      m("span", ua, [
         k(v.$slots, "above-table")
       ]),
       y(c(Ee), S({
@@ -3109,34 +3121,34 @@ const na = {
         showHeaders: ""
       }), ie({
         empty: g(() => [
-          u("div", ua, [
-            u("h5", va, w(v.emptyMessage ?? "No items Found."), 1)
+          m("div", ma, [
+            m("h5", va, w(v.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: g(() => [
-          u("div", {
+          m("div", {
             class: B(i.loading ? "opacity-50" : "")
           }, [
-            u("div", fa, [
-              u("div", ga, [
+            m("div", fa, [
+              m("div", ga, [
                 v.paginator && !v.legacyPaginationFooter ? (d(), f("span", ba, [
                   y(pa, {
                     total: p.value,
-                    "page-sizes": o.value,
+                    "page-sizes": n.value,
                     "per-page": s.value,
                     "onUpdate:perPage": [
                       h[0] || (h[0] = (_) => s.value = _),
                       O
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
-                ])) : z("", !0)
+                ])) : C("", !0)
               ]),
-              u("div", xa, [
+              m("div", xa, [
                 v.showClearButton ? (d(), b(c(U), {
                   key: 0,
                   outlined: "",
                   class: B(v.showExporterButton ? "me-2" : ""),
-                  onClick: n,
+                  onClick: o,
                   "data-cy": "clear-all"
                 }, {
                   default: g(() => [
@@ -3148,7 +3160,7 @@ const na = {
                     h[2] || (h[2] = P(" Clear "))
                   ]),
                   _: 1
-                }, 8, ["class"])) : z("", !0),
+                }, 8, ["class"])) : C("", !0),
                 v.showExporterButton ? (d(), b(c(U), {
                   key: 1,
                   outlined: "",
@@ -3164,7 +3176,7 @@ const na = {
                     h[3] || (h[3] = P(" Export "))
                   ]),
                   _: 1
-                })) : z("", !0),
+                })) : C("", !0),
                 k(v.$slots, "column-customiser")
               ])
             ])
@@ -3184,13 +3196,13 @@ const na = {
         v.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: g(() => [
-            u("span", {
+            m("span", {
               class: B(["d-flex", i.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              h[4] || (h[4] = u("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
+              h[4] || (h[4] = m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1)),
               y(c(te), {
-                options: o.value,
+                options: n.value,
                 modelValue: s.value,
                 "onUpdate:modelValue": h[1] || (h[1] = (_) => s.value = _),
                 class: "ms-2",
@@ -3203,10 +3215,10 @@ const na = {
         v.legacyPaginationFooter ? {
           name: "paginatorend",
           fn: g(() => [
-            u("span", {
+            m("span", {
               "data-cy": "legacy-total",
               class: B(i.loading ? "opacity-50" : "")
-            }, w(p.value) + " " + w(c(Z)(p.value, "result")) + " across " + w(m.value), 3)
+            }, w(p.value) + " " + w(c(Z)(p.value, "result")) + " across " + w(u.value), 3)
           ]),
           key: "1"
         } : void 0
@@ -3228,13 +3240,13 @@ const na = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = (l, o) => {
+    const t = D(e, "modelValue"), a = (l, n) => {
       if (!l || Array.isArray(l) && l.length === 0)
-        return o;
+        return n;
       const s = (r) => {
-        var m;
-        const p = (m = e.dropdownOptions) == null ? void 0 : m.find(
-          (x) => e.optionValue ? x[e.optionValue] === r : Object.keys(x).every((n) => r.hasOwnProperty(n) && x[n] === r[n])
+        var u;
+        const p = (u = e.dropdownOptions) == null ? void 0 : u.find(
+          (x) => e.optionValue ? x[e.optionValue] === r : Object.keys(x).every((o) => r.hasOwnProperty(o) && x[o] === r[o])
         );
         return e.optionLabel ? p[e.optionLabel] : p;
       };
@@ -3242,34 +3254,34 @@ const na = {
     }, i = () => {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
-    return (l, o) => {
-      const s = me, r = U;
+    return (l, n) => {
+      const s = ue, r = U;
       return d(), f("div", ya, [
         l.dataType === "numeric" ? (d(), b(s, S({
           key: 0,
           modelValue: t.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (p) => t.value = p)
+          "onUpdate:modelValue": n[0] || (n[0] = (p) => t.value = p)
         }, l.$attrs), null, 16, ["modelValue"])) : l.dataType === "date" ? (d(), b(be, S({
           key: 1,
           modelValue: t.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (p) => t.value = p)
+          "onUpdate:modelValue": n[1] || (n[1] = (p) => t.value = p)
         }, l.$attrs, {
           "show-icon": !1,
           "show-on-focus": !0
         }), null, 16, ["modelValue"])) : l.dataType === "select" ? (d(), b(c(te), S({
           key: 2,
           modelValue: t.value,
-          "onUpdate:modelValue": o[2] || (o[2] = (p) => t.value = p)
+          "onUpdate:modelValue": n[2] || (n[2] = (p) => t.value = p)
         }, l.$attrs, {
           options: l.dropdownOptions,
           "option-value": l.optionValue,
           "option-label": l.optionLabel
         }), {
-          value: g(({ value: p, placeholder: m }) => [
-            u("div", ha, [
-              u("span", {
+          value: g(({ value: p, placeholder: u }) => [
+            m("div", ha, [
+              m("span", {
                 class: B({ "filter-placeholder": p === null })
-              }, w(a(p, m)), 3),
+              }, w(a(p, u)), 3),
               l.showClearButton && t.value !== null ? (d(), b(r, {
                 key: 0,
                 onClick: G(i, ["prevent"]),
@@ -3285,24 +3297,24 @@ const na = {
                   })
                 ]),
                 _: 1
-              })) : z("", !0)
+              })) : C("", !0)
             ])
           ]),
           _: 1
-        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), b(c(ne), S({
+        }, 16, ["modelValue", "options", "option-value", "option-label"])) : l.dataType === "multiselect" ? (d(), b(c(oe), S({
           key: 3,
           modelValue: t.value,
-          "onUpdate:modelValue": o[3] || (o[3] = (p) => t.value = p)
+          "onUpdate:modelValue": n[3] || (n[3] = (p) => t.value = p)
         }, l.$attrs, {
           options: l.dropdownOptions,
           showToggleAll: !1,
           "option-label": l.optionLabel,
           "option-value": l.optionValue,
           filter: ""
-        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), b(c(oe), S({
+        }), null, 16, ["modelValue", "options", "option-label", "option-value"])) : (d(), b(c(ne), S({
           key: 4,
           modelValue: t.value,
-          "onUpdate:modelValue": o[4] || (o[4] = (p) => t.value = p)
+          "onUpdate:modelValue": n[4] || (n[4] = (p) => t.value = p)
         }, l.$attrs), null, 16, ["modelValue"])),
         l.showClearButton && t.value !== null && l.dataType !== "select" && l.dataType !== "multiselect" && l.dataType !== "date" ? (d(), b(r, {
           key: 5,
@@ -3319,7 +3331,7 @@ const na = {
             })
           ]),
           _: 1
-        })) : z("", !0)
+        })) : C("", !0)
       ]);
     };
   }
@@ -4390,15 +4402,15 @@ class xe {
   define(t, a = !1) {
     for (let [i, l] of Object.entries(t)) {
       i = i.toLowerCase(), l = l.map((r) => r.toLowerCase()), A(this, R, "f").has(i) || A(this, R, "f").set(i, /* @__PURE__ */ new Set());
-      const o = A(this, R, "f").get(i);
+      const n = A(this, R, "f").get(i);
       let s = !0;
       for (let r of l) {
         const p = r.startsWith("*");
-        if (r = p ? r.slice(1) : r, o == null || o.add(r), s && A(this, J, "f").set(i, r), s = !1, p)
+        if (r = p ? r.slice(1) : r, n == null || n.add(r), s && A(this, J, "f").set(i, r), s = !1, p)
           continue;
-        const m = A(this, W, "f").get(r);
-        if (m && m != i && !a)
-          throw new Error(`"${i} -> ${r}" conflicts with "${m} -> ${r}". Pass \`force=true\` to override this definition.`);
+        const u = A(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.`);
         A(this, W, "f").set(r, i);
       }
     }
@@ -4435,12 +4447,12 @@ class xe {
 W = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
 const wa = new xe(de, re)._freeze();
 function ye(e, t, a, i) {
-  const l = t.flatMap((o) => o.file);
-  return t = t.map((o) => ({ ...o, status: o.status == "Duplicate" ? "Not Uploaded" : o.status })), e.forEach((o) => {
-    const s = l.findIndex((p) => p.name === o.name);
+  const l = t.flatMap((n) => n.file);
+  return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
+    const s = l.findIndex((p) => p.name === n.name);
     let r = "Not Uploaded";
-    s === -1 ? ((!a.includes(o.type) || !(o.size <= i)) && (r = a.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
-      file: o,
+    s === -1 ? ((!a.includes(n.type) || !(n.size <= i)) && (r = a.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+      file: n,
       status: r,
       blobFileName: null
     })) : t[s].status = "Duplicate";
@@ -4449,7 +4461,7 @@ function ye(e, t, a, i) {
 async function ka(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
-      await new ue(t).delete();
+      await new me(t).delete();
     } catch (a) {
       if (a !== "BlobNotFound") {
         e = "DeleteFileFailed";
@@ -4462,12 +4474,12 @@ function pe(e, t = !0, a = 1) {
   if (Math.abs(e) < i)
     return e + " B";
   const l = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
-  let o = -1;
+  let n = -1;
   const s = 10 ** a;
   do
-    e /= i, ++o;
-  while (Math.round(Math.abs(e) * s) / s >= i && o < l.length - 1);
-  return e.toFixed(a) + " " + l[o];
+    e /= i, ++n;
+  while (Math.round(Math.abs(e) * s) / s >= i && n < l.length - 1);
+  return e.toFixed(a) + " " + l[n];
 }
 function $a(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
@@ -4479,7 +4491,7 @@ function Fa() {
   const e = new xe(de, re);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disabled", "multiple"], Ca = {
+const Sa = { class: "d-flex justify-content-between" }, Ca = ["accept", "disabled", "multiple"], za = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
 }, Ta = /* @__PURE__ */ F({
@@ -4494,24 +4506,24 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = I(), i = (s) => a.value.toggle(s), l = C(() => e.maxFileInput <= t.value.length), o = (s) => {
+    const t = D(e, "modelValue"), a = I(), i = (s) => a.value.toggle(s), l = z(() => e.maxFileInput <= t.value.length), n = (s) => {
       t.value = ye(s, t.value, e.acceptedFileTypes.map((r) => r.fileType), e.maxFileInput);
     };
     return (s, r) => {
       const p = U;
       return d(), f("div", Sa, [
         k(s.$slots, "message"),
-        u("div", null, [
-          u("input", {
+        m("div", null, [
+          m("input", {
             id: "file-input",
             type: "file",
             class: "d-none",
             accept: s.acceptedFileTypes.join(", "),
             disabled: l.value,
             multiple: s.maxFileInput > 1,
-            onInput: r[0] || (r[0] = (m) => o([...m.target.files]))
-          }, null, 40, za),
-          u("label", {
+            onInput: r[0] || (r[0] = (u) => n([...u.target.files]))
+          }, null, 40, Ca),
+          m("label", {
             class: B([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
             for: "file-input"
@@ -4538,13 +4550,13 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
             P("Accepted File Types")
           ])),
           _: 1
-        })) : z("", !0),
+        })) : C("", !0),
         y(c(ve), {
           ref_key: "acceptedFilesOverlay",
           ref: a
         }, {
           default: g(() => [
-            u("div", Ca, w(s.acceptedFileTypes.map((m) => m.label ?? m.fileType.split("/").pop()).join(", ")), 1)
+            m("div", za, w(s.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
@@ -4570,10 +4582,10 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = I(!1), i = C(() => e.maxFileInput <= t.value.length), l = (o) => {
-      a.value = !1, o.dataTransfer.files.length > e.maxFileInput || i.value ? o.preventDefault() : t.value = ye([...o.dataTransfer.files], t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileSize);
+    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 = ye([...n.dataTransfer.files], t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileSize);
     };
-    return (o, s) => (d(), f("div", {
+    return (n, s) => (d(), f("div", {
       id: "drag-drop-area",
       class: B(`${a.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
       onDragleave: s[0] || (s[0] = G((r) => a.value = !1, ["prevent"])),
@@ -4589,7 +4601,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         }),
         s[2] || (s[2] = P(" Drag and drop files here "))
       ])) : (d(), f("div", Ia, [
-        k(o.$slots, "default")
+        k(n.$slots, "default")
       ]))
     ], 34));
   }
@@ -4602,7 +4614,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
     uploadStatus: {}
   },
   setup(e) {
-    const t = C(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), a = C(() => {
+    const t = z(() => e.uploadStatus === "Failed" || e.uploadStatus === "InvalidFileType" || e.uploadStatus === "InvalidFileSize" ? "danger" : "warning"), a = z(() => {
       switch (e.uploadStatus) {
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
@@ -4629,7 +4641,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
           P(w((i.bytesUploaded / i.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
-      })) : z("", !0),
+      })) : C("", !0),
       i.uploadStatus !== "Uploading" && i.uploadStatus !== "Not Uploaded" && i.uploadStatus !== "Uploaded" && i.uploadStatus !== "Preparing" ? (d(), b(se, {
         key: 1,
         id: "upload-status-alert",
@@ -4640,7 +4652,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
           P(w(a.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : z("", !0)
+      }, 8, ["severity"])) : C("", !0)
     ]));
   }
 }), Ma = ["data-cy"], Da = { class: "ms-3 d-flex flex-column" }, Oa = {
@@ -4671,17 +4683,17 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
   }),
   emits: /* @__PURE__ */ E(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), o = t, s = I(a.value.name), r = I(""), p = I(0), m = I(), x = C(() => e.acceptedFileTypes.some(({ fileType: v }) => v === a.value.type)), n = C(() => a.value.size <= e.maxFileSize), $ = C(() => a.value.type ? a.value.type : Fa().getType(a.value.name)), T = () => {
+    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, s = I(a.value.name), r = I(""), p = I(0), u = I(), x = z(() => e.acceptedFileTypes.some(({ fileType: v }) => v === a.value.type)), o = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : Fa().getType(a.value.name)), T = () => {
       s.value != null && (V(), a.value = new File([a.value], s.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, V = () => {
       let v = s.value.split("."), h = wa.getExtension($.value), _ = s.value.split(".").pop();
       v.length === 1 ? _ && _.length > 0 && (s.value = [s.value, h].join(".")) : v.length > 1 && _ !== h && (s.value = s.value.replace(_, h));
     }, M = async () => {
-      if (!x.value || !n.value) {
+      if (!x.value || !o.value) {
         l.value = x.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
-      l.value = "Preparing", m.value = new AbortController();
+      l.value = "Preparing", u.value = new AbortController();
       const [v, h] = await e.getFileUrlAction(a.value.name);
       if (!v) {
         l.value = "Failed";
@@ -4689,8 +4701,8 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
       }
       try {
         l.value = "Uploading";
-        const _ = new ue(v), L = {
-          abortSignal: m.value.signal,
+        const _ = new me(v), L = {
+          abortSignal: u.value.signal,
           onProgress: (ae) => p.value = ae.loadedBytes,
           blobHTTPHeaders: {
             blobContentType: $.value,
@@ -4707,7 +4719,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         l.value = "Failed";
       }
     }, O = async () => {
-      await ka(l.value, r.value), o("deleted", a.value);
+      await ka(l.value, r.value), n("deleted", a.value);
     };
     return le(() => {
       e.autoUploadToBlob && M();
@@ -4717,7 +4729,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
       }, [
-        u("div", null, [
+        m("div", null, [
           c($a)(a.value.type) ? (d(), b(c(Le), {
             key: 0,
             id: "thumbnail-image",
@@ -4734,8 +4746,8 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
             width: "75px"
           }))
         ]),
-        u("div", Da, [
-          u("div", null, [
+        m("div", Da, [
+          m("div", null, [
             v.editableFileName ? (d(), b(Mt, {
               key: 0,
               id: "edit-file-name",
@@ -4746,10 +4758,10 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
               "complete-action": T
             }, null, 8, ["modelValue", "rules", "name"])) : (d(), f("span", Oa, w(s.value), 1))
           ]),
-          u("span", Na, "File type: " + w(a.value.type.split("/").pop()), 1),
-          u("span", Ua, "File size: " + w(c(pe)(a.value.size)), 1)
+          m("span", Na, "File type: " + w(a.value.type.split("/").pop()), 1),
+          m("span", Ua, "File size: " + w(c(pe)(a.value.size)), 1)
         ]),
-        u("div", Aa, [
+        m("div", Aa, [
           (d(), b(Va, {
             key: l.value,
             "file-size": a.value.size,
@@ -4768,11 +4780,11 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : z("", !0),
+          })) : C("", !0),
           l.value === "Uploading" ? (d(), b(_, {
             key: 1,
             link: "",
-            onClick: h[1] || (h[1] = (L) => m.value.value.abort())
+            onClick: h[1] || (h[1] = (L) => u.value.value.abort())
           }, {
             default: g(() => [
               y(c(j), { icon: "bi:x-circle-fill" })
@@ -4800,7 +4812,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
   },
   setup(e) {
     return (t, a) => (d(), f("div", Ea, [
-      u("div", La, "Max file size: " + w(c(pe)(t.maxFileSize)), 1)
+      m("div", La, "Max file size: " + w(c(pe)(t.maxFileSize)), 1)
     ]));
   }
 }), Ha = { "data-cy": "file-uploader" }, Wa = { key: 0 }, Wi = /* @__PURE__ */ F({
@@ -4821,12 +4833,12 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
   emits: ["update:modelValue"],
   setup(e) {
     const t = D(e, "modelValue"), a = e, i = (l) => {
-      t.value = t.value.filter((o) => o.file != l);
+      t.value = t.value.filter((n) => n.file != l);
     };
-    return (l, o) => (d(), f("div", Ha, [
+    return (l, n) => (d(), f("div", Ha, [
       y(Ta, S(a, {
         modelValue: t.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s)
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s)
       }), null, 16, ["modelValue"]),
       l.showDragDropArea ? (d(), f("div", Wa, [
         y(Pa, {
@@ -4834,7 +4846,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (s) => t.value = s)
+          "onUpdate:modelValue": n[1] || (n[1] = (s) => t.value = s)
         }, {
           default: g(() => [
             (d(!0), f(N, null, q(t.value, ({ file: s }, r) => (d(), f("span", null, [
@@ -4856,7 +4868,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         y(Ra, {
           "max-file-size": a.maxFileSize
         }, null, 8, ["max-file-size"])
-      ])) : z("", !0)
+      ])) : C("", !0)
     ]));
   }
 }), Ya = { class: "d-flex" }, Ga = { class: "me-3" }, Ja = { class: "ms-2" }, Ka = { class: "d-flex flex-column w-100" }, Yi = /* @__PURE__ */ F({
@@ -4867,21 +4879,21 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(e, "modelValue"), a = I(), i = I(!1), l = (o) => {
-      a.value.toggle(o);
+    const t = D(e, "modelValue"), a = I(), i = I(!1), l = (n) => {
+      a.value.toggle(n);
     };
-    return (o, s) => (d(), f(N, null, [
+    return (n, s) => (d(), f(N, null, [
       y(c(U), {
         onClick: l,
         class: "ms-2"
       }, {
         default: g(() => [
-          u("div", Ya, [
-            u("div", Ga, [
+          m("div", Ya, [
+            m("div", Ga, [
               y(c(j), { icon: "bi:layout-three-columns" })
             ]),
             P(" Columns (" + w(t.value.filter((r) => r.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
-            u("div", Ja, [
+            m("div", Ja, [
               y(c(j), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
@@ -4898,7 +4910,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         onShow: s[1] || (s[1] = () => i.value = !0)
       }, {
         default: g(() => [
-          u("div", Ka, [
+          m("div", Ka, [
             (d(!0), f(N, null, q(t.value, (r, p) => (d(), f("div", {
               class: B(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
@@ -4910,7 +4922,7 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
               y(fe, {
                 id: r.field,
                 modelValue: r.selected,
-                "onUpdate:modelValue": (m) => r.selected = m,
+                "onUpdate:modelValue": (u) => r.selected = u,
                 binary: "",
                 class: "cursor-pointer",
                 label: r.header
@@ -4924,8 +4936,8 @@ const Sa = { class: "d-flex justify-content-between" }, za = ["accept", "disable
   }
 });
 export {
-  zi as Bootstrap_PT,
-  Ci as ForgeActionButton,
+  Ci as Bootstrap_PT,
+  zi as ForgeActionButton,
   se as ForgeAlert,
   Ti as ForgeAutoComplete,
   fe as ForgeCheckbox,