treqit-ui-library 1.4.14 → 1.4.16

package/dist/treqit-ui-library.js

@@ -1,10 +1,10 @@
-import { computed as m, createElementBlock as i, openBlock as n, normalizeStyle as _, normalizeClass as h, renderSlot as w, createCommentVNode as d, toDisplayString as b, createElementVNode as u, resolveComponent as D, withModifiers as C, createVNode as x, defineComponent as L, createTextVNode as G, createBlock as B, watch as A, onUnmounted as E, Teleport as F, Transition as N, withCtx as T, ref as V, withDirectives as U, vShow as X, Fragment as O, renderList as R, inject as W, getCurrentInstance as Y, onMounted as K } from "vue";
-const p = (e, a) => {
-  const t = e.__vccOpts || e;
-  for (const [l, o] of a)
-    t[l] = o;
-  return t;
-}, J = {
+import { computed as i, createElementBlock as r, openBlock as n, normalizeStyle as x, normalizeClass as y, renderSlot as b, createCommentVNode as u, toDisplayString as v, createElementVNode as c, resolveComponent as q, withModifiers as M, createVNode as _, defineComponent as T, createTextVNode as H, createBlock as V, watch as D, onUnmounted as A, Teleport as P, Transition as C, withCtx as B, ref as z, withDirectives as W, vShow as L, Fragment as F, renderList as O, inject as U, getCurrentInstance as X, onMounted as J } from "vue";
+const p = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [l, o] of t)
+    a[l] = o;
+  return a;
+}, K = {
   key: 0,
   class: "avatar-initials"
 }, Q = {
@@ -30,33 +30,33 @@ const p = (e, a) => {
     }
   },
   setup(e) {
-    const a = e, t = m(() => [
+    const t = e, a = i(() => [
       "avatar",
       {
-        "avatar--rounded-sm": a.rounded === "sm",
-        "avatar--rounded-lg": a.rounded === "lg"
+        "avatar--rounded-sm": t.rounded === "sm",
+        "avatar--rounded-lg": t.rounded === "lg"
       }
-    ]), l = m(() => {
+    ]), l = i(() => {
       const o = {
-        width: `${a.size}px`,
-        height: `${a.size}px`,
-        backgroundColor: a.color
+        width: `${t.size}px`,
+        height: `${t.size}px`,
+        backgroundColor: t.color
       };
-      return a.rounded === !0 || a.rounded === "" ? o.borderRadius = "50%" : a.rounded === !1 || a.rounded === 0 || a.rounded === "0" ? o.borderRadius = "0px" : typeof a.rounded == "number" && (o.borderRadius = `${a.rounded}px`), o;
+      return t.rounded === !0 || t.rounded === "" ? o.borderRadius = "50%" : t.rounded === !1 || t.rounded === 0 || t.rounded === "0" ? o.borderRadius = "0px" : typeof t.rounded == "number" && (o.borderRadius = `${t.rounded}px`), o;
     });
-    return (o, s) => (n(), i("div", {
-      class: h(t.value),
-      style: _(l.value)
+    return (o, s) => (n(), r("div", {
+      class: y(a.value),
+      style: x(l.value)
     }, [
-      w(o.$slots, "default", {}, () => [
-        e.initials ? (n(), i("span", J, b(e.initials), 1)) : d("", !0)
+      b(o.$slots, "default", {}, () => [
+        e.initials ? (n(), r("span", K, v(e.initials), 1)) : u("", !0)
       ], !0)
     ], 6));
   }
-}, Z = /* @__PURE__ */ p(Q, [["__scopeId", "data-v-2e02a766"]]), ee = ["type", "disabled"], te = {
+}, Y = /* @__PURE__ */ p(Q, [["__scopeId", "data-v-2e02a766"]]), Z = ["type", "disabled"], ee = {
   key: 0,
   class: "btn-loader"
-}, ae = {
+}, te = {
   __name: "Button",
   props: {
     variant: {
@@ -90,39 +90,39 @@ const p = (e, a) => {
   },
   emits: ["click"],
   setup(e) {
-    const a = e, t = m(() => [
+    const t = e, a = i(() => [
       "btn",
-      `btn--${a.variant}`,
-      `btn--${a.size === "sm" ? "small" : a.size}`,
+      `btn--${t.variant}`,
+      `btn--${t.size === "sm" ? "small" : t.size}`,
       {
-        "btn--loading": a.loading,
-        "btn--full": a.full
+        "btn--loading": t.loading,
+        "btn--full": t.full
       }
     ]);
-    return (l, o) => (n(), i("button", {
+    return (l, o) => (n(), r("button", {
       type: e.type,
-      class: h(t.value),
+      class: y(a.value),
       disabled: e.disabled || e.loading,
       onClick: o[0] || (o[0] = (s) => l.$emit("click"))
     }, [
-      e.loading ? (n(), i("div", te, [...o[1] || (o[1] = [
-        u("div", { class: "simple-spinner" }, null, -1)
-      ])])) : d("", !0),
-      u("span", {
-        class: h(["btn-content", { "content-hidden": e.loading }])
+      e.loading ? (n(), r("div", ee, [...o[1] || (o[1] = [
+        c("div", { class: "simple-spinner" }, null, -1)
+      ])])) : u("", !0),
+      c("span", {
+        class: y(["btn-content", { "content-hidden": e.loading }])
       }, [
-        w(l.$slots, "default", {}, void 0, !0)
+        b(l.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 10, ee));
+    ], 10, Z));
   }
-}, le = /* @__PURE__ */ p(ae, [["__scopeId", "data-v-8db92d47"]]), ne = { class: "card" }, oe = {
+}, ae = /* @__PURE__ */ p(te, [["__scopeId", "data-v-8db92d47"]]), le = { class: "card" }, ne = {
   __name: "Card",
   setup(e) {
-    return (a, t) => (n(), i("div", ne, [
-      w(a.$slots, "default", {}, void 0, !0)
+    return (t, a) => (n(), r("div", le, [
+      b(t.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, se = /* @__PURE__ */ p(oe, [["__scopeId", "data-v-09430cb2"]]), ie = {
+}, oe = /* @__PURE__ */ p(ne, [["__scopeId", "data-v-09430cb2"]]), se = {
   __name: "Chip",
   props: {
     variant: {
@@ -138,32 +138,32 @@ const p = (e, a) => {
   },
   emits: ["remove"],
   setup(e) {
-    const a = e, t = m(() => [
+    const t = e, a = i(() => [
       "chip",
-      `chip--${a.variant}`
+      `chip--${t.variant}`
     ]);
     return (l, o) => {
-      const s = D("Icon");
-      return n(), i("div", {
-        class: h(t.value)
+      const s = q("Icon");
+      return n(), r("div", {
+        class: y(a.value)
       }, [
-        w(l.$slots, "default", {}, void 0, !0),
-        e.removable ? (n(), i("button", {
+        b(l.$slots, "default", {}, void 0, !0),
+        e.removable ? (n(), r("button", {
           key: 0,
           class: "remove-btn",
-          onClick: o[0] || (o[0] = C((r) => l.$emit("remove"), ["stop"])),
+          onClick: o[0] || (o[0] = M((d) => l.$emit("remove"), ["stop"])),
           "aria-label": "Remove"
         }, [
-          x(s, {
+          _(s, {
             name: "close",
             size: "14",
             "stroke-width": "2.5"
           })
-        ])) : d("", !0)
+        ])) : u("", !0)
       ], 2);
     };
   }
-}, re = /* @__PURE__ */ p(ie, [["__scopeId", "data-v-6b6b7ae9"]]), de = /* @__PURE__ */ L({
+}, re = /* @__PURE__ */ p(se, [["__scopeId", "data-v-6b6b7ae9"]]), ie = /* @__PURE__ */ T({
   __name: "Column",
   props: {
     cols: { type: [String, Number], default: null },
@@ -174,7 +174,7 @@ const p = (e, a) => {
     xl: { type: [String, Number], default: null }
   },
   setup(e) {
-    const a = e, t = m(() => {
+    const t = e, a = i(() => {
       const l = ["col"], o = {
         cols: "col-",
         xs: "col-xs-",
@@ -184,16 +184,16 @@ const p = (e, a) => {
         xl: "col-xl-"
       };
       for (const s in o)
-        a[s] && l.push(`${o[s]}${a[s]}`);
+        t[s] && l.push(`${o[s]}${t[s]}`);
       return l;
     });
-    return (l, o) => (n(), i("div", {
-      class: h(t.value)
+    return (l, o) => (n(), r("div", {
+      class: y(a.value)
     }, [
-      w(l.$slots, "default", {}, void 0, !0)
+      b(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), ue = /* @__PURE__ */ p(de, [["__scopeId", "data-v-a5db8165"]]), ce = {
+}), de = /* @__PURE__ */ p(ie, [["__scopeId", "data-v-a5db8165"]]), ue = {
   __name: "Icon",
   props: {
     icon: {
@@ -210,36 +210,36 @@ const p = (e, a) => {
     }
   },
   setup(e) {
-    const a = e, t = {
+    const t = e, a = {
       "x-small": 12,
       small: 16,
       medium: 24,
       large: 32,
       "x-large": 40
-    }, l = m(() => a.icon ? ["icon", "mdi", a.icon] : ["icon"]), o = m(() => {
-      let s = a.size;
-      typeof a.size == "string" && t[a.size] && (s = t[a.size]);
-      const r = {
+    }, l = i(() => t.icon ? ["icon", "mdi", t.icon] : ["icon"]), o = i(() => {
+      let s = t.size;
+      typeof t.size == "string" && a[t.size] && (s = a[t.size]);
+      const d = {
         fontSize: `${s}px`
       };
-      return a.color && (r.color = a.color), r;
+      return t.color && (d.color = t.color), d;
     });
-    return (s, r) => (n(), i("i", {
-      class: h(l.value),
-      style: _(o.value),
+    return (s, d) => (n(), r("i", {
+      class: y(l.value),
+      style: x(o.value),
       "aria-hidden": "true"
     }, null, 6));
   }
-}, q = /* @__PURE__ */ p(ce, [["__scopeId", "data-v-4a07735a"]]), me = ["for"], fe = {
+}, E = /* @__PURE__ */ p(ue, [["__scopeId", "data-v-4a07735a"]]), ce = ["for"], me = {
   key: 0,
   class: "date-picker__required"
-}, pe = { class: "date-picker__input-wrapper" }, ye = ["id", "value", "disabled", "readonly", "min", "max", "required"], he = {
+}, fe = { class: "date-picker__input-wrapper" }, pe = ["id", "value", "disabled", "readonly", "min", "max", "required"], ye = {
   key: 1,
   class: "date-picker__error"
 }, ve = {
   key: 2,
   class: "date-picker__help"
-}, ge = /* @__PURE__ */ L({
+}, ge = /* @__PURE__ */ T({
   __name: "DatePicker",
   props: {
     modelValue: { default: "" },
@@ -257,46 +257,46 @@ const p = (e, a) => {
     showIcon: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
-  setup(e, { emit: a }) {
-    const t = e, l = a, o = m(() => `date-picker-${Math.random().toString(36).substr(2, 9)}`), s = m(() => [
+  setup(e, { emit: t }) {
+    const a = e, l = t, o = i(() => `date-picker-${Math.random().toString(36).substr(2, 9)}`), s = i(() => [
       "date-picker",
-      `date-picker--${t.size}`,
-      `date-picker--${t.variant}`,
+      `date-picker--${a.size}`,
+      `date-picker--${a.variant}`,
       {
-        "date-picker--disabled": t.disabled,
-        "date-picker--readonly": t.readonly,
-        "date-picker--error": t.errorMessage,
-        "date-picker--required": t.required
+        "date-picker--disabled": a.disabled,
+        "date-picker--readonly": a.readonly,
+        "date-picker--error": a.errorMessage,
+        "date-picker--required": a.required
       }
-    ]), r = m(() => [
+    ]), d = i(() => [
       "date-picker__input",
       {
-        "date-picker__input--with-icon": t.showIcon
+        "date-picker__input--with-icon": a.showIcon
       }
-    ]), f = (g) => {
-      const k = g.target;
-      l("update:modelValue", k.value);
-    }, c = (g) => {
-      const k = g.target;
-      l("change", k.value);
-    }, v = (g) => {
-      l("blur", g);
-    }, S = (g) => {
-      l("focus", g);
+    ]), f = (h) => {
+      const w = h.target;
+      l("update:modelValue", w.value);
+    }, m = (h) => {
+      const w = h.target;
+      l("change", w.value);
+    }, g = (h) => {
+      l("blur", h);
+    }, S = (h) => {
+      l("focus", h);
     };
-    return (g, k) => (n(), i("div", {
-      class: h(["date-picker", s.value])
+    return (h, w) => (n(), r("div", {
+      class: y(["date-picker", s.value])
     }, [
-      e.label ? (n(), i("label", {
+      e.label ? (n(), r("label", {
         key: 0,
         for: o.value,
         class: "date-picker__label"
       }, [
-        G(b(e.label) + " ", 1),
-        e.required ? (n(), i("span", fe, "*")) : d("", !0)
-      ], 8, me)) : d("", !0),
-      u("div", pe, [
-        u("input", {
+        H(v(e.label) + " ", 1),
+        e.required ? (n(), r("span", me, "*")) : u("", !0)
+      ], 8, ce)) : u("", !0),
+      c("div", fe, [
+        c("input", {
           id: o.value,
           type: "date",
           value: e.modelValue,
@@ -305,29 +305,29 @@ const p = (e, a) => {
           min: e.min,
           max: e.max,
           required: e.required,
-          class: h(r.value),
+          class: y(d.value),
           onInput: f,
-          onChange: c,
-          onBlur: v,
+          onChange: m,
+          onBlur: g,
           onFocus: S
-        }, null, 42, ye),
-        e.showIcon ? (n(), B(q, {
+        }, null, 42, pe),
+        e.showIcon ? (n(), V(E, {
           key: 0,
           icon: "mdi-calendar",
           class: "date-picker__icon"
-        })) : d("", !0)
+        })) : u("", !0)
       ]),
-      e.errorMessage ? (n(), i("div", he, b(e.errorMessage), 1)) : d("", !0),
-      e.helpText && !e.errorMessage ? (n(), i("div", ve, b(e.helpText), 1)) : d("", !0)
+      e.errorMessage ? (n(), r("div", ye, v(e.errorMessage), 1)) : u("", !0),
+      e.helpText && !e.errorMessage ? (n(), r("div", ve, v(e.helpText), 1)) : u("", !0)
     ], 2));
   }
-}), be = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-f09e8bb1"]]), xe = ["aria-labelledby"], we = {
+}), he = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-f09e8bb1"]]), be = ["aria-labelledby"], xe = {
   key: 0,
   class: "dialog-header"
-}, Se = {
+}, $e = {
   id: "dialog-title",
   class: "dialog-title"
-}, $e = {
+}, _e = {
   __name: "Dialog",
   props: {
     modelValue: {
@@ -361,65 +361,65 @@ const p = (e, a) => {
     }
   },
   emits: ["update:modelValue", "ok"],
-  setup(e, { emit: a }) {
-    const t = e, l = a, o = () => {
+  setup(e, { emit: t }) {
+    const a = e, l = t, o = () => {
       l("update:modelValue", !1);
     }, s = () => {
-      t.persistent || o();
-    }, r = m(() => t.width ? "" : `dialog-content--${t.size}`), f = m(() => {
-      const c = {};
-      return t.width && (c.maxWidth = typeof t.width == "number" || !isNaN(Number(t.width)) ? `${t.width}px` : t.width, c.width = c.maxWidth), c;
+      a.persistent || o();
+    }, d = i(() => a.width ? "" : `dialog-content--${a.size}`), f = i(() => {
+      const m = {};
+      return a.width && (m.maxWidth = typeof a.width == "number" || !isNaN(Number(a.width)) ? `${a.width}px` : a.width, m.width = m.maxWidth), m;
     });
-    return A(() => t.modelValue, (c) => {
-      typeof document < "u" && (document.body.style.overflow = c ? "hidden" : "");
-    }), E(() => {
+    return D(() => a.modelValue, (m) => {
+      typeof document < "u" && (document.body.style.overflow = m ? "hidden" : "");
+    }), A(() => {
       typeof document < "u" && (document.body.style.overflow = "");
-    }), (c, v) => {
-      const S = D("Icon");
-      return n(), B(F, { to: "body" }, [
-        x(N, { name: "dialog-fade" }, {
-          default: T(() => [
-            e.modelValue ? (n(), i("div", {
+    }), (m, g) => {
+      const S = q("Icon");
+      return n(), V(P, { to: "body" }, [
+        _(C, { name: "dialog-fade" }, {
+          default: B(() => [
+            e.modelValue ? (n(), r("div", {
               key: 0,
               class: "dialog-overlay",
               onClick: s
             }, [
-              u("div", {
-                class: h(["dialog-content", r.value]),
-                style: _(f.value),
+              c("div", {
+                class: y(["dialog-content", d.value]),
+                style: x(f.value),
                 role: "dialog",
                 "aria-modal": "true",
                 "aria-labelledby": e.title ? "dialog-title" : void 0,
-                onClick: v[0] || (v[0] = C(() => {
+                onClick: g[0] || (g[0] = M(() => {
                 }, ["stop"]))
               }, [
-                e.title ? (n(), i("header", we, [
-                  u("h2", Se, b(e.title), 1),
-                  u("button", {
+                e.title ? (n(), r("header", xe, [
+                  c("h2", $e, v(e.title), 1),
+                  c("button", {
                     onClick: o,
                     class: "dialog-close-btn",
                     "aria-label": "Close dialog"
                   }, [
-                    x(S, {
+                    _(S, {
                       icon: "mdi-close",
                       size: "24"
                     })
                   ])
-                ])) : d("", !0),
-                u("main", {
-                  class: h(["dialog-body", { scrollable: e.scrollable }])
+                ])) : u("", !0),
+                c("main", {
+                  class: y(["dialog-body", { scrollable: e.scrollable }])
                 }, [
-                  w(c.$slots, "default", {}, void 0, !0)
+                  b(m.$slots, "default", {}, void 0, !0)
                 ], 2)
-              ], 14, xe)
-            ])) : d("", !0)
+              ], 14, be)
+            ])) : u("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}, _e = /* @__PURE__ */ p($e, [["__scopeId", "data-v-b9e605dc"]]), ke = {
+}, Se = /* @__PURE__ */ p(_e, [["__scopeId", "data-v-b9e605dc"]]), we = {
   __name: "Divider",
   props: {
     vertical: {
@@ -432,26 +432,26 @@ const p = (e, a) => {
     }
   },
   setup(e) {
-    const a = e, t = m(() => [
+    const t = e, a = i(() => [
       "divider",
-      a.vertical ? "divider--vertical" : "divider--horizontal"
-    ]), l = m(() => a.vertical ? {} : { height: `${a.height}px` });
-    return (o, s) => (n(), i("hr", {
-      class: h(t.value),
-      style: _(l.value)
+      t.vertical ? "divider--vertical" : "divider--horizontal"
+    ]), l = i(() => t.vertical ? {} : { height: `${t.height}px` });
+    return (o, s) => (n(), r("hr", {
+      class: y(a.value),
+      style: x(l.value)
     }, null, 6));
   }
-}, Ie = /* @__PURE__ */ p(ke, [["__scopeId", "data-v-cbf66f89"]]), Ve = { class: "spinner-container" }, Ce = {
+}, ke = /* @__PURE__ */ p(we, [["__scopeId", "data-v-cbf66f89"]]), Ve = { class: "spinner-container" }, Ie = {
   __name: "ProgressSpinner",
   setup(e) {
-    return (a, t) => (n(), i("div", Ve, [...t[0] || (t[0] = [
-      u("div", { class: "spinner" }, null, -1)
+    return (t, a) => (n(), r("div", Ve, [...a[0] || (a[0] = [
+      c("div", { class: "spinner" }, null, -1)
     ])]));
   }
-}, H = /* @__PURE__ */ p(Ce, [["__scopeId", "data-v-69bc6c98"]]), Be = {
+}, R = /* @__PURE__ */ p(Ie, [["__scopeId", "data-v-69bc6c98"]]), Ce = {
   key: 0,
   class: "placeholder"
-}, ze = ["src", "alt"], Ne = {
+}, Be = ["src", "alt"], ze = {
   __name: "Image",
   props: {
     src: {
@@ -481,174 +481,49 @@ const p = (e, a) => {
     }
   },
   setup(e) {
-    const a = e, t = V(!0), l = V(!1), o = () => {
-      t.value = !1, l.value = !1;
+    const t = e, a = z(!0), l = z(!1), o = () => {
+      a.value = !1, l.value = !1;
     }, s = () => {
-      t.value = !1, l.value = !0;
+      a.value = !1, l.value = !0;
     };
-    A(() => a.src, () => {
-      t.value = !0, l.value = !1;
+    D(() => t.src, () => {
+      a.value = !0, l.value = !1;
     }, { immediate: !0 });
-    const r = m(() => ({
-      width: a.width,
-      height: a.height,
-      minWidth: a.width,
-      minHeight: a.height,
-      maxHeight: a.maxHeight
+    const d = i(() => ({
+      width: t.width,
+      height: t.height,
+      minWidth: t.width,
+      minHeight: t.height,
+      maxHeight: t.maxHeight
     }));
-    return (f, c) => {
-      const v = D("Icon");
-      return n(), i("div", {
+    return (f, m) => {
+      const g = q("Icon");
+      return n(), r("div", {
         class: "image-container",
-        style: _(r.value)
+        style: x(d.value)
       }, [
-        t.value || l.value ? (n(), i("div", Be, [
-          t.value ? (n(), B(H, { key: 0 })) : d("", !0),
-          l.value ? (n(), B(v, {
+        a.value || l.value ? (n(), r("div", Ce, [
+          a.value ? (n(), V(R, { key: 0 })) : u("", !0),
+          l.value ? (n(), V(g, {
             key: 1,
             name: "image-off",
             size: 48
-          })) : d("", !0)
-        ])) : d("", !0),
-        U(u("img", {
+          })) : u("", !0)
+        ])) : u("", !0),
+        W(c("img", {
           src: e.src,
           alt: e.alt,
           class: "image",
-          style: _({ objectFit: e.fit, maxHeight: e.maxHeight }),
+          style: x({ objectFit: e.fit, maxHeight: e.maxHeight }),
           onLoad: o,
           onError: s
-        }, null, 44, ze), [
-          [X, !t.value && !l.value]
+        }, null, 44, Be), [
+          [L, !a.value && !l.value]
         ])
       ], 4);
     };
   }
-}, Te = /* @__PURE__ */ p(Ne, [["__scopeId", "data-v-a3997b8b"]]), Me = ["src"], qe = {
-  key: 0,
-  class: "slideshow-text-content"
-}, Ae = {
-  key: 0,
-  class: "slideshow-title"
-}, De = ["innerHTML"], Ee = {
-  __name: "ImageSlideShow",
-  props: {
-    modelValue: {
-      type: Boolean,
-      required: !0
-    },
-    images: {
-      type: Array,
-      required: !0
-    },
-    startIndex: {
-      type: Number,
-      default: 0
-    },
-    name: {
-      type: String,
-      default: ""
-    },
-    description: {
-      type: String,
-      default: ""
-    },
-    baseUrl: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const t = e, l = a, o = V(0), s = V(0), r = V(t.startIndex);
-    A(() => t.modelValue, (y) => {
-      y ? (r.value = t.startIndex, window.addEventListener("keydown", g), document.body.style.overflow = "hidden") : (window.removeEventListener("keydown", g), document.body.style.overflow = "");
-    });
-    const f = m(() => {
-      if (!t.images || t.images.length === 0) return "";
-      const y = t.images[r.value];
-      return `${t.baseUrl}${y}.jpg`;
-    }), c = () => {
-      l("update:modelValue", !1);
-    }, v = () => {
-      r.value = (r.value + 1) % t.images.length;
-    }, S = () => {
-      r.value = (r.value - 1 + t.images.length) % t.images.length;
-    }, g = (y) => {
-      y.key === "Escape" && c(), y.key === "ArrowRight" && v(), y.key === "ArrowLeft" && S();
-    }, k = (y) => {
-      o.value = y.touches[0].clientX, s.value = y.touches[0].clientY;
-    }, P = (y) => {
-      const $ = y.changedTouches[0].clientX, z = y.changedTouches[0].clientY, M = $ - o.value, j = z - s.value;
-      Math.abs(M) > Math.abs(j) && (M > 50 ? S() : M < -50 && v());
-    };
-    return E(() => {
-      window.removeEventListener("keydown", g), document.body.style.overflow = "";
-    }), (y, $) => (n(), B(F, { to: "body" }, [
-      x(N, { name: "slideshow-fade" }, {
-        default: T(() => [
-          e.modelValue ? (n(), i("div", {
-            key: 0,
-            class: "slideshow-overlay",
-            onClick: C(c, ["self"])
-          }, [
-            u("button", {
-              class: "slideshow-close-btn",
-              onClick: C(c, ["stop"]),
-              "aria-label": "Close slideshow"
-            }, [
-              x(q, {
-                icon: "mdi-close",
-                size: "48"
-              })
-            ]),
-            u("div", {
-              class: "slideshow-content",
-              onTouchstartPassive: k,
-              onTouchendPassive: P
-            }, [
-              u("button", {
-                class: "slideshow-nav-btn prev",
-                onClick: C(S, ["stop"]),
-                "aria-label": "Previous image",
-                style: { fontSize: "48px" }
-              }, [
-                x(q, {
-                  icon: "mdi-chevron-left",
-                  size: "80"
-                })
-              ]),
-              u("img", {
-                src: f.value,
-                class: "slideshow-image",
-                alt: "Slideshow image"
-              }, null, 8, Me),
-              u("button", {
-                class: "slideshow-nav-btn next",
-                onClick: C(v, ["stop"]),
-                "aria-label": "Next image",
-                style: { fontSize: "48px" }
-              }, [
-                x(q, {
-                  icon: "mdi-chevron-right",
-                  size: "80"
-                })
-              ]),
-              e.name || e.description ? (n(), i("div", qe, [
-                e.name ? (n(), i("h3", Ae, b(e.name), 1)) : d("", !0),
-                e.description ? (n(), i("div", {
-                  key: 1,
-                  class: "slideshow-description",
-                  innerHTML: e.description
-                }, null, 8, De)) : d("", !0)
-              ])) : d("", !0)
-            ], 32)
-          ])) : d("", !0)
-        ]),
-        _: 1
-      })
-    ]));
-  }
-}, Pe = /* @__PURE__ */ p(Ee, [["__scopeId", "data-v-ff74117f"]]), Le = ["for"], Fe = { class: "input-container" }, Oe = ["id", "type", "value", "placeholder", "disabled"], Re = {
+}, Ne = /* @__PURE__ */ p(ze, [["__scopeId", "data-v-a3997b8b"]]), qe = ["for"], De = { class: "input-container" }, Me = ["id", "type", "value", "placeholder", "disabled"], Te = {
   __name: "Input",
   props: {
     modelValue: {
@@ -681,20 +556,20 @@ const p = (e, a) => {
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const t = e, l = a, o = (s) => {
+  setup(e, { emit: t }) {
+    const a = e, l = t, o = (s) => {
       l("update:modelValue", s.target.value);
     };
-    return (s, r) => (n(), i("div", {
-      class: h(["input-wrapper", t.class])
+    return (s, d) => (n(), r("div", {
+      class: y(["input-wrapper", a.class])
     }, [
-      e.label ? (n(), i("label", {
+      e.label ? (n(), r("label", {
         key: 0,
         for: e.id,
         class: "input-label"
-      }, b(e.label), 9, Le)) : d("", !0),
-      u("div", Fe, [
-        u("input", {
+      }, v(e.label), 9, qe)) : u("", !0),
+      c("div", De, [
+        c("input", {
           id: e.id,
           type: e.type,
           value: e.modelValue,
@@ -702,11 +577,11 @@ const p = (e, a) => {
           placeholder: e.placeholder,
           disabled: e.disabled,
           class: "input-field"
-        }, null, 40, Oe)
+        }, null, 40, Me)
       ])
     ], 2));
   }
-}, He = /* @__PURE__ */ p(Re, [["__scopeId", "data-v-9c7a100f"]]), je = {
+}, Ae = /* @__PURE__ */ p(Te, [["__scopeId", "data-v-9c7a100f"]]), Pe = {
   __name: "NavigationDrawer",
   props: {
     modelValue: {
@@ -725,51 +600,51 @@ const p = (e, a) => {
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const t = e, l = a, o = () => {
+  setup(e, { emit: t }) {
+    const a = e, l = t, o = () => {
       l("update:modelValue", !1);
-    }, s = m(() => [
+    }, s = i(() => [
       "navigation-drawer",
-      `navigation-drawer--${t.location}`
-    ]), r = m(() => ({
-      width: `${t.width}px`
-    })), f = m(() => `slide-from-${t.location}`);
-    return A(() => t.modelValue, (c) => {
-      typeof document < "u" && (c ? document.body.style.overflow = "hidden" : document.body.style.overflow = "");
-    }), E(() => {
+      `navigation-drawer--${a.location}`
+    ]), d = i(() => ({
+      width: `${a.width}px`
+    })), f = i(() => `slide-from-${a.location}`);
+    return D(() => a.modelValue, (m) => {
+      typeof document < "u" && (m ? document.body.style.overflow = "hidden" : document.body.style.overflow = "");
+    }), A(() => {
       typeof document < "u" && (document.body.style.overflow = "");
-    }), (c, v) => (n(), B(F, { to: "body" }, [
-      x(N, { name: "fade" }, {
-        default: T(() => [
-          e.modelValue ? (n(), i("div", {
+    }), (m, g) => (n(), V(P, { to: "body" }, [
+      _(C, { name: "fade" }, {
+        default: B(() => [
+          e.modelValue ? (n(), r("div", {
             key: 0,
             class: "overlay",
             onClick: o,
             "aria-hidden": "true"
-          })) : d("", !0)
+          })) : u("", !0)
         ]),
         _: 1
       }),
-      x(N, { name: f.value }, {
-        default: T(() => [
-          e.modelValue ? (n(), i("aside", {
+      _(C, { name: f.value }, {
+        default: B(() => [
+          e.modelValue ? (n(), r("aside", {
             key: 0,
-            class: h(s.value),
-            style: _(r.value),
+            class: y(s.value),
+            style: x(d.value),
             role: "dialog",
             "aria-modal": "true"
           }, [
-            w(c.$slots, "default", {}, void 0, !0)
-          ], 6)) : d("", !0)
+            b(m.$slots, "default", {}, void 0, !0)
+          ], 6)) : u("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ]));
   }
-}, Ge = /* @__PURE__ */ p(je, [["__scopeId", "data-v-a13e59a5"]]), Ue = ["aria-valuenow"], Xe = ["width", "height", "viewBox"], We = ["cx", "cy", "r", "stroke-width"], Ye = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Ke = {
+}, Fe = /* @__PURE__ */ p(Pe, [["__scopeId", "data-v-a13e59a5"]]), Oe = ["aria-valuenow"], Ee = ["width", "height", "viewBox"], Re = ["cx", "cy", "r", "stroke-width"], Ge = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], je = {
   key: 0,
   class: "progress-circular__content"
-}, I = 44, Je = {
+}, $ = 44, He = {
   __name: "Progress",
   props: {
     modelValue: {
@@ -795,51 +670,51 @@ const p = (e, a) => {
     }
   },
   setup(e) {
-    const a = e, t = m(() => (I - a.width) / 2), l = m(() => 2 * Math.PI * t.value), o = m(() => ({
-      width: `${a.size}px`,
-      height: `${a.size}px`,
-      color: a.color === "primary" ? "#3C9273" : a.color
+    const t = e, a = i(() => ($ - t.width) / 2), l = i(() => 2 * Math.PI * a.value), o = i(() => ({
+      width: `${t.size}px`,
+      height: `${t.size}px`,
+      color: t.color === "primary" ? "#3C9273" : t.color
       // Use primary green color
-    })), s = m(() => a.width / a.size * I), r = m(() => a.indeterminate ? null : l.value * (1 - a.modelValue / 100));
-    return (f, c) => (n(), i("div", {
+    })), s = i(() => t.width / t.size * $), d = i(() => t.indeterminate ? null : l.value * (1 - t.modelValue / 100));
+    return (f, m) => (n(), r("div", {
       class: "progress-circular",
-      style: _(o.value),
+      style: x(o.value),
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
       "aria-valuenow": e.indeterminate ? void 0 : e.modelValue
     }, [
-      (n(), i("svg", {
+      (n(), r("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: e.size,
         height: e.size,
-        viewBox: `0 0 ${I} ${I}`
+        viewBox: `0 0 ${$} ${$}`
       }, [
-        u("circle", {
+        c("circle", {
           class: "progress-circular__underlay",
           fill: "transparent",
-          cx: I / 2,
-          cy: I / 2,
-          r: t.value,
+          cx: $ / 2,
+          cy: $ / 2,
+          r: a.value,
           "stroke-width": s.value
-        }, null, 8, We),
-        u("circle", {
+        }, null, 8, Re),
+        c("circle", {
           class: "progress-circular__overlay",
           fill: "transparent",
-          cx: I / 2,
-          cy: I / 2,
-          r: t.value,
+          cx: $ / 2,
+          cy: $ / 2,
+          r: a.value,
           "stroke-width": s.value,
           "stroke-dasharray": l.value,
-          "stroke-dashoffset": r.value
-        }, null, 8, Ye)
-      ], 8, Xe)),
-      f.$slots.default ? (n(), i("div", Ke, [
-        w(f.$slots, "default", {}, void 0, !0)
-      ])) : d("", !0)
-    ], 12, Ue));
+          "stroke-dashoffset": d.value
+        }, null, 8, Ge)
+      ], 8, Ee)),
+      f.$slots.default ? (n(), r("div", je, [
+        b(f.$slots, "default", {}, void 0, !0)
+      ])) : u("", !0)
+    ], 12, Oe));
   }
-}, Qe = /* @__PURE__ */ p(Je, [["__scopeId", "data-v-bdb14b7f"]]), Ze = {
+}, We = /* @__PURE__ */ p(He, [["__scopeId", "data-v-bdb14b7f"]]), Le = {
   __name: "Row",
   props: {
     justify: {
@@ -863,24 +738,24 @@ const p = (e, a) => {
     }
   },
   setup(e) {
-    const a = e, t = m(() => ({
-      justifyContent: a.justify,
-      alignItems: a.align,
-      gap: a.gap,
-      flexWrap: a.wrap ? "wrap" : "nowrap"
+    const t = e, a = i(() => ({
+      justifyContent: t.justify,
+      alignItems: t.align,
+      gap: t.gap,
+      flexWrap: t.wrap ? "wrap" : "nowrap"
     }));
-    return (l, o) => (n(), i("div", {
+    return (l, o) => (n(), r("div", {
       class: "flex-row",
-      style: _(t.value)
+      style: x(a.value)
     }, [
-      w(l.$slots, "default", {}, void 0, !0)
+      b(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}, et = /* @__PURE__ */ p(Ze, [["__scopeId", "data-v-fc69ad3e"]]), tt = ["for"], at = { class: "select-container" }, lt = ["id", "value", "disabled", "multiple"], nt = ["selected"], ot = ["value"], st = {
+}, Ue = /* @__PURE__ */ p(Le, [["__scopeId", "data-v-fc69ad3e"]]), Xe = ["for"], Je = { class: "select-container" }, Ke = ["id", "value", "disabled", "multiple"], Qe = ["selected"], Ye = ["value"], Ze = {
   key: 0,
   class: "select-icon",
   "aria-hidden": "true"
-}, it = {
+}, et = {
   __name: "Select",
   props: {
     modelValue: {
@@ -921,48 +796,48 @@ const p = (e, a) => {
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const t = e, l = a;
-    m(() => !t.options || t.options.length === 0 ? [] : typeof t.options[0] == "string" ? t.options.map((s) => ({ text: s, value: s })) : t.options);
+  setup(e, { emit: t }) {
+    const a = e, l = t;
+    i(() => !a.options || a.options.length === 0 ? [] : typeof a.options[0] == "string" ? a.options.map((s) => ({ text: s, value: s })) : a.options);
     const o = (s) => {
-      if (t.multiple) {
-        const r = Array.from(s.target.selectedOptions).map((f) => f.value);
-        l("update:modelValue", r);
+      if (a.multiple) {
+        const d = Array.from(s.target.selectedOptions).map((f) => f.value);
+        l("update:modelValue", d);
       } else
         l("update:modelValue", s.target.value);
     };
-    return (s, r) => {
-      const f = D("Icon");
-      return n(), i("div", {
-        class: h(["select-wrapper", t.class])
+    return (s, d) => {
+      const f = q("Icon");
+      return n(), r("div", {
+        class: y(["select-wrapper", a.class])
       }, [
-        e.label ? (n(), i("label", {
+        e.label ? (n(), r("label", {
           key: 0,
           for: e.id,
           class: "select-label"
-        }, b(e.label), 9, tt)) : d("", !0),
-        u("div", at, [
-          u("select", {
+        }, v(e.label), 9, Xe)) : u("", !0),
+        c("div", Je, [
+          c("select", {
             id: e.id,
             value: e.modelValue,
             onChange: o,
             disabled: e.disabled,
             multiple: e.multiple,
-            class: h([{ "no-arrow": e.hideArrow }, "select-input"])
+            class: y([{ "no-arrow": e.hideArrow }, "select-input"])
           }, [
-            e.placeholder ? (n(), i("option", {
+            e.placeholder ? (n(), r("option", {
               key: 0,
               value: "",
               disabled: "",
               selected: !e.modelValue
-            }, b(e.placeholder), 9, nt)) : d("", !0),
-            (n(!0), i(O, null, R(e.options, (c) => (n(), i("option", {
-              key: c.value,
-              value: c.value
-            }, b(c.text), 9, ot))), 128))
-          ], 42, lt),
-          e.hideArrow ? d("", !0) : (n(), i("div", st, [
-            x(f, {
+            }, v(e.placeholder), 9, Qe)) : u("", !0),
+            (n(!0), r(F, null, O(e.options, (m) => (n(), r("option", {
+              key: m.value,
+              value: m.value
+            }, v(m.text), 9, Ye))), 128))
+          ], 42, Ke),
+          e.hideArrow ? u("", !0) : (n(), r("div", Ze, [
+            _(f, {
               icon: "mdi-chevron-down",
               size: "20"
             })
@@ -971,15 +846,15 @@ const p = (e, a) => {
       ], 2);
     };
   }
-}, rt = /* @__PURE__ */ p(it, [["__scopeId", "data-v-d4f9136e"]]), dt = { class: "spacer" }, ut = {
+}, tt = /* @__PURE__ */ p(et, [["__scopeId", "data-v-d4f9136e"]]), at = { class: "spacer" }, lt = {
   __name: "Spacer",
   setup(e) {
-    return (a, t) => (n(), i("div", dt));
+    return (t, a) => (n(), r("div", at));
   }
-}, ct = /* @__PURE__ */ p(ut, [["__scopeId", "data-v-370a82d1"]]), mt = { class: "textarea-wrapper" }, ft = ["for"], pt = ["id", "value", "placeholder", "rows", "maxlength"], yt = {
+}, nt = /* @__PURE__ */ p(lt, [["__scopeId", "data-v-370a82d1"]]), ot = { class: "textarea-wrapper" }, st = ["for"], rt = ["id", "value", "placeholder", "rows", "maxlength"], it = {
   key: 1,
   class: "error-message"
-}, ht = {
+}, dt = {
   __name: "TextArea",
   props: {
     id: {
@@ -1013,51 +888,51 @@ const p = (e, a) => {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, t) => (n(), i("div", mt, [
-      e.label ? (n(), i("label", {
+    return (t, a) => (n(), r("div", ot, [
+      e.label ? (n(), r("label", {
         key: 0,
         for: e.id,
         class: "textarea-label"
-      }, b(e.label), 9, ft)) : d("", !0),
-      u("textarea", {
+      }, v(e.label), 9, st)) : u("", !0),
+      c("textarea", {
         id: e.id,
         value: e.modelValue,
         placeholder: e.placeholder,
         rows: e.rows,
         maxlength: e.maxlength,
-        onInput: t[0] || (t[0] = (l) => a.$emit("update:modelValue", l.target.value)),
-        class: h(["textarea-input", { "has-error": e.error }])
-      }, null, 42, pt),
-      e.error ? (n(), i("p", yt, b(e.error), 1)) : d("", !0)
+        onInput: a[0] || (a[0] = (l) => t.$emit("update:modelValue", l.target.value)),
+        class: y(["textarea-input", { "has-error": e.error }])
+      }, null, 42, rt),
+      e.error ? (n(), r("p", it, v(e.error), 1)) : u("", !0)
     ]));
   }
-}, vt = /* @__PURE__ */ p(ht, [["__scopeId", "data-v-a2a785c2"]]);
-class gt {
+}, ut = /* @__PURE__ */ p(dt, [["__scopeId", "data-v-a2a785c2"]]);
+class ct {
   static newGuid() {
-    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(a) {
-      const t = Math.random() * 16 | 0;
-      return (a == "x" ? t : t & 3 | 8).toString(16);
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
+      const a = Math.random() * 16 | 0;
+      return (t == "x" ? a : a & 3 | 8).toString(16);
     });
   }
   static isValidGuid() {
-    const a = /^[0-9a-f]{8}-(?:[0-9a-f]{4}-){3}[0-9a-f]{12}$/i;
-    return function(t) {
-      return t && a.test(t);
+    const t = /^[0-9a-f]{8}-(?:[0-9a-f]{4}-){3}[0-9a-f]{12}$/i;
+    return function(a) {
+      return a && t.test(a);
     };
   }
-  static isEmptyGuid(a) {
-    return a === "00000000-0000-0000-0000-000000000000";
+  static isEmptyGuid(t) {
+    return t === "00000000-0000-0000-0000-000000000000";
   }
   static emptyGuid() {
     return "00000000-0000-0000-0000-000000000000";
   }
 }
-const bt = { class: "input-container" }, xt = ["id", "type", "value", "autocomplete", "maxlength"], wt = ["for"], St = { class: "error-container" }, $t = /* @__PURE__ */ L({
+const mt = { class: "input-container" }, ft = ["id", "type", "value", "autocomplete", "maxlength"], pt = ["for"], yt = { class: "error-container" }, vt = /* @__PURE__ */ T({
   __name: "TextField",
   props: {
     id: {
       type: String,
-      default: () => `textfield-${gt.newGuid()}`
+      default: () => `textfield-${ct.newGuid()}`
     },
     label: {
       type: String,
@@ -1093,76 +968,76 @@ const bt = { class: "input-container" }, xt = ["id", "type", "value", "autocompl
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: a, emit: t }) {
-    const l = e, o = t, s = V([]), r = V(!0), f = W("form", null), c = Y(), v = async () => {
+  setup(e, { expose: t, emit: a }) {
+    const l = e, o = a, s = z([]), d = z(!0), f = U("form", null), m = X(), g = async () => {
       s.value = [];
-      let y = !0;
-      for (const $ of l.rules) {
-        const z = $(l.modelValue);
-        z !== !0 && (y = !1, s.value.push(z));
+      let I = !0;
+      for (const k of l.rules) {
+        const N = k(l.modelValue);
+        N !== !0 && (I = !1, s.value.push(N));
       }
-      return { valid: y, errors: s.value };
+      return { valid: I, errors: s.value };
     }, S = () => {
-      o("update:modelValue", ""), g();
-    }, g = () => {
-      s.value = [], r.value = !0;
-    }, k = (y) => {
-      const $ = y.target;
-      o("update:modelValue", $.value), r.value || v();
-    }, P = () => {
-      r.value = !1, l.trim && typeof l.modelValue == "string" && o("update:modelValue", l.modelValue.trim()), v();
+      o("update:modelValue", ""), h();
+    }, h = () => {
+      s.value = [], d.value = !0;
+    }, w = (I) => {
+      const k = I.target;
+      o("update:modelValue", k.value), d.value || g();
+    }, G = () => {
+      d.value = !1, l.trim && typeof l.modelValue == "string" && o("update:modelValue", l.modelValue.trim()), g();
     };
-    return K(() => {
-      f && c && f.register({
+    return J(() => {
+      f && m && f.register({
         id: l.id,
-        validate: v,
+        validate: g,
         reset: S,
-        resetValidation: g
+        resetValidation: h
       });
-    }), E(() => {
-      f && c && f.unregister({ id: l.id });
-    }), a({
-      validate: v,
+    }), A(() => {
+      f && m && f.unregister({ id: l.id });
+    }), t({
+      validate: g,
       reset: S,
-      resetValidation: g,
+      resetValidation: h,
       id: l.id,
       errors: s
-    }), (y, $) => (n(), i("div", {
-      class: h(["text-field-wrapper", { "has-value": e.modelValue }])
+    }), (I, k) => (n(), r("div", {
+      class: y(["text-field-wrapper", { "has-value": e.modelValue }])
     }, [
-      u("div", bt, [
-        u("input", {
+      c("div", mt, [
+        c("input", {
           id: e.id,
           type: e.type,
           value: e.modelValue,
           placeholder: " ",
-          onInput: k,
-          onBlur: P,
+          onInput: w,
+          onBlur: G,
           class: "text-field-input",
           autocomplete: e.autocomplete,
           maxlength: e.maxlength
-        }, null, 40, xt),
-        e.label ? (n(), i("label", {
+        }, null, 40, ft),
+        e.label ? (n(), r("label", {
           key: 0,
           for: e.id,
           class: "text-field-label"
-        }, b(e.placeholder ? e.placeholder : e.label), 9, wt)) : d("", !0),
-        u("fieldset", {
+        }, v(e.placeholder ? e.placeholder : e.label), 9, pt)) : u("", !0),
+        c("fieldset", {
           "aria-hidden": "true",
-          class: h(["text-field-fieldset", { "has-error": s.value.length > 0 }])
-        }, [...$[0] || ($[0] = [
-          u("legend", { class: "text-field-legend" }, null, -1)
+          class: y(["text-field-fieldset", { "has-error": s.value.length > 0 }])
+        }, [...k[0] || (k[0] = [
+          c("legend", { class: "text-field-legend" }, null, -1)
         ])], 2)
       ]),
-      u("div", St, [
-        (n(!0), i(O, null, R(s.value, (z, M) => (n(), i("p", {
-          key: M,
+      c("div", yt, [
+        (n(!0), r(F, null, O(s.value, (N, j) => (n(), r("p", {
+          key: j,
           class: "error-message"
-        }, b(z), 1))), 128))
+        }, v(N), 1))), 128))
       ])
     ], 2));
   }
-}), _t = /* @__PURE__ */ p($t, [["__scopeId", "data-v-02dabc6c"]]), kt = ["aria-label"], It = { class: "tooltip-content" }, Vt = {
+}), gt = /* @__PURE__ */ p(vt, [["__scopeId", "data-v-02dabc6c"]]), ht = ["aria-label"], bt = { class: "tooltip-content" }, xt = {
   __name: "Tooltip",
   props: {
     text: {
@@ -1181,15 +1056,15 @@ const bt = { class: "input-container" }, xt = ["id", "type", "value", "autocompl
     }
   },
   setup(e) {
-    const a = e, t = V(!1), l = () => {
-      a.disabled || (t.value = !0);
+    const t = e, a = z(!1), l = () => {
+      t.disabled || (a.value = !0);
     }, o = () => {
-      t.value = !1;
-    }, s = m(() => [
+      a.value = !1;
+    }, s = i(() => [
       "tooltip",
-      `tooltip--${a.location}`
+      `tooltip--${t.location}`
     ]);
-    return (r, f) => (n(), i("div", {
+    return (d, f) => (n(), r("div", {
       class: "tooltip-container",
       onMouseenter: l,
       onMouseleave: o,
@@ -1198,22 +1073,22 @@ const bt = { class: "input-container" }, xt = ["id", "type", "value", "autocompl
       role: "tooltip",
       "aria-label": e.text
     }, [
-      w(r.$slots, "default", {}, void 0, !0),
-      x(N, { name: "tooltip-fade" }, {
-        default: T(() => [
-          t.value ? (n(), i("div", {
+      b(d.$slots, "default", {}, void 0, !0),
+      _(C, { name: "tooltip-fade" }, {
+        default: B(() => [
+          a.value ? (n(), r("div", {
             key: 0,
-            class: h(s.value)
+            class: y(s.value)
           }, [
-            u("div", It, b(e.text), 1),
-            f[0] || (f[0] = u("div", { class: "tooltip-arrow" }, null, -1))
-          ], 2)) : d("", !0)
+            c("div", bt, v(e.text), 1),
+            f[0] || (f[0] = c("div", { class: "tooltip-arrow" }, null, -1))
+          ], 2)) : u("", !0)
         ]),
         _: 1
       })
-    ], 40, kt));
+    ], 40, ht));
   }
-}, Ct = /* @__PURE__ */ p(Vt, [["__scopeId", "data-v-a7533144"]]), Bt = {
+}, $t = /* @__PURE__ */ p(xt, [["__scopeId", "data-v-a7533144"]]), _t = {
   __name: "Overlay",
   props: {
     modelValue: {
@@ -1226,52 +1101,51 @@ const bt = { class: "input-container" }, xt = ["id", "type", "value", "autocompl
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const t = e, l = a;
+  setup(e, { emit: t }) {
+    const a = e, l = t;
     function o() {
       l("update:modelValue", !1);
     }
-    return A(() => t.modelValue, (s) => {
-      !t.contained && typeof document < "u" && (document.body.style.overflow = s ? "hidden" : "");
-    }), (s, r) => (n(), B(N, { name: "overlay-fade" }, {
-      default: T(() => [
-        e.modelValue ? (n(), i("div", {
+    return D(() => a.modelValue, (s) => {
+      !a.contained && typeof document < "u" && (document.body.style.overflow = s ? "hidden" : "");
+    }), (s, d) => (n(), V(C, { name: "overlay-fade" }, {
+      default: B(() => [
+        e.modelValue ? (n(), r("div", {
           key: 0,
-          class: h(["overlay", { "overlay--contained": e.contained }]),
-          onClick: C(o, ["self"])
+          class: y(["overlay", { "overlay--contained": e.contained }]),
+          onClick: M(o, ["self"])
         }, [
-          w(s.$slots, "default", {}, void 0, !0)
-        ], 2)) : d("", !0)
+          b(s.$slots, "default", {}, void 0, !0)
+        ], 2)) : u("", !0)
       ]),
       _: 3
     }));
   }
-}, zt = /* @__PURE__ */ p(Bt, [["__scopeId", "data-v-11b69f56"]]), Nt = (e) => {
-  e.component("Avatar", Z), e.component("Button", le), e.component("Card", se), e.component("Chip", re), e.component("Column", ue), e.component("DatePicker", be), e.component("Dialog", _e), e.component("Divider", Ie), e.component("Icon", q), e.component("Overlay", zt), e.component("Image", Te), e.component("ImageSlideShow", Pe), e.component("Input", He), e.component("NavigationDrawer", Ge), e.component("Progress", Qe), e.component("ProgressSpinner", H), e.component("Row", et), e.component("Select", rt), e.component("Spacer", ct), e.component("TextArea", vt), e.component("TextField", _t), e.component("Tooltip", Ct);
-}, Mt = { install: Nt };
+}, St = /* @__PURE__ */ p(_t, [["__scopeId", "data-v-11b69f56"]]), wt = (e) => {
+  e.component("Avatar", Y), e.component("Button", ae), e.component("Card", oe), e.component("Chip", re), e.component("Column", de), e.component("DatePicker", he), e.component("Dialog", Se), e.component("Divider", ke), e.component("Icon", E), e.component("Overlay", St), e.component("Image", Ne), e.component("Input", Ae), e.component("NavigationDrawer", Fe), e.component("Progress", We), e.component("ProgressSpinner", R), e.component("Row", Ue), e.component("Select", tt), e.component("Spacer", nt), e.component("TextArea", ut), e.component("TextField", gt), e.component("Tooltip", $t);
+}, Vt = { install: wt };
 export {
-  Z as Avatar,
-  le as Button,
-  se as Card,
+  Y as Avatar,
+  ae as Button,
+  oe as Card,
   re as Chip,
-  ue as Column,
-  be as DatePicker,
-  _e as Dialog,
-  Ie as Divider,
-  q as Icon,
-  Te as Image,
-  Pe as ImageSlideShow,
-  He as Input,
-  Ge as NavigationDrawer,
-  zt as Overlay,
-  Qe as Progress,
-  H as ProgressSpinner,
-  et as Row,
-  rt as Select,
-  ct as Spacer,
-  vt as TextArea,
-  _t as TextField,
-  Ct as Tooltip,
-  Mt as default,
-  Nt as install
+  de as Column,
+  he as DatePicker,
+  Se as Dialog,
+  ke as Divider,
+  E as Icon,
+  Ne as Image,
+  Ae as Input,
+  Fe as NavigationDrawer,
+  St as Overlay,
+  We as Progress,
+  R as ProgressSpinner,
+  Ue as Row,
+  tt as Select,
+  nt as Spacer,
+  ut as TextArea,
+  gt as TextField,
+  $t as Tooltip,
+  Vt as default,
+  wt as install
 };