readytech-ui-library-v2 0.0.45 → 0.0.47

package/dist/readytech-ui-library-v2.es.js

@@ -1,4 +1,4 @@
-import { resolveComponent as p, createBlock as S, openBlock as b, normalizeClass as jt, withCtx as k, createCommentVNode as U, createElementVNode as me, createTextVNode as L, toDisplayString as R, renderSlot as de, createElementBlock as Z, createVNode as c, computed as _, Fragment as j, renderList as ae, reactive as at, watchEffect as $t, toRefs as ml, capitalize as vl, shallowRef as se, warn as fn, getCurrentInstance as Aa, ref as G, unref as Ve, provide as Ae, inject as ye, defineComponent as Da, h as Wt, camelize as hl, isRef as it, watch as he, onScopeDispose as gl, effectScope as Pa, toRaw as oe, toRef as D, onBeforeUnmount as Ye, onMounted as Gt, onUpdated as Ma, mergeProps as F, Text as Oa, readonly as yl, resolveDynamicComponent as La, nextTick as Te, withDirectives as Re, TransitionGroup as mn, Transition as vn, vShow as ot, onBeforeMount as hn, resolveDirective as Kt, withModifiers as q, createSlots as gn, toHandlers as yn, withKeys as X, onUnmounted as Ea, normalizeProps as bl, guardReactiveProps as pl, createStaticVNode as Na, normalizeStyle as _l } from "vue";
+import { resolveComponent as p, createBlock as S, openBlock as b, normalizeClass as jt, withCtx as k, createCommentVNode as U, createElementVNode as me, createTextVNode as L, toDisplayString as R, renderSlot as de, createElementBlock as Z, createVNode as c, computed as _, Fragment as j, renderList as ae, reactive as at, watchEffect as $t, toRefs as fl, capitalize as vl, shallowRef as se, warn as mn, getCurrentInstance as Aa, ref as G, unref as Ve, provide as Ae, inject as ye, defineComponent as Da, h as Wt, camelize as hl, isRef as it, watch as he, onScopeDispose as gl, effectScope as Pa, toRaw as oe, toRef as D, onBeforeUnmount as Ye, onMounted as Gt, onUpdated as Ma, mergeProps as F, Text as Oa, readonly as yl, resolveDynamicComponent as La, nextTick as Te, withDirectives as Re, TransitionGroup as fn, Transition as vn, vShow as ot, onBeforeMount as hn, resolveDirective as Kt, withModifiers as q, createSlots as gn, toHandlers as yn, withKeys as X, onUnmounted as Ea, normalizeProps as bl, guardReactiveProps as pl, createStaticVNode as Na, normalizeStyle as _l } from "vue";
 const P = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [l, i] of n)
@@ -536,8 +536,8 @@ function ai(e, n, t, l, i, a) {
     "aria-label": t.ariaLabel
   }, {
     default: k(() => [
-      (b(!0), Z(j, null, ae(t.tabs, (u, f) => (b(), S(s, {
-        key: f,
+      (b(!0), Z(j, null, ae(t.tabs, (u, m) => (b(), S(s, {
+        key: m,
         value: u.value,
         "aria-label": u.value + " tab",
         icon: !0,
@@ -574,11 +574,11 @@ function ri(e, n, t, l, i, a) {
       class: "open-button",
       size: "x-large",
       text: "Click Me",
-      onClick: n[0] || (n[0] = (f) => e.sheet = !e.sheet)
+      onClick: n[0] || (n[0] = (m) => e.sheet = !e.sheet)
     }),
     c(u, {
       modelValue: e.sheet,
-      "onUpdate:modelValue": n[2] || (n[2] = (f) => e.sheet = f)
+      "onUpdate:modelValue": n[2] || (n[2] = (m) => e.sheet = m)
     }, {
       default: k(() => [
         c(r, {
@@ -591,7 +591,7 @@ function ri(e, n, t, l, i, a) {
                 c(o, {
                   class: "close-button",
                   variant: "text",
-                  onClick: n[1] || (n[1] = (f) => e.sheet = !e.sheet)
+                  onClick: n[1] || (n[1] = (m) => e.sheet = !e.sheet)
                 }, {
                   default: k(() => n[3] || (n[3] = [
                     L(" close ")
@@ -632,7 +632,7 @@ const ui = /* @__PURE__ */ P(oi, [["render", ri]]), ci = {
     }
   }
 }, di = { key: 1 };
-function fi(e, n, t, l, i, a) {
+function mi(e, n, t, l, i, a) {
   const o = p("RtButton"), s = p("v-breadcrumbs");
   return b(), S(s, {
     class: "v-breadcrumbs-wrapper",
@@ -654,7 +654,7 @@ function fi(e, n, t, l, i, a) {
     _: 1
   }, 8, ["divider", "items"]);
 }
-const mi = /* @__PURE__ */ P(ci, [["render", fi], ["__scopeId", "data-v-5ccff043"]]), yt = typeof window < "u", bn = yt && "IntersectionObserver" in window;
+const fi = /* @__PURE__ */ P(ci, [["render", mi], ["__scopeId", "data-v-5ccff043"]]), yt = typeof window < "u", bn = yt && "IntersectionObserver" in window;
 function Sl(e, n, t) {
   const l = n.length - 1;
   if (l < 0) return e === void 0 ? t : e;
@@ -838,7 +838,7 @@ function Il(e) {
       n[l] = t.value[l];
   }, {
     flush: "sync"
-  }), ml(n);
+  }), fl(n);
 }
 function ln(e, n) {
   return e.includes(n);
@@ -916,24 +916,24 @@ function jn(e, n) {
   const t = (e.r / 255) ** tt, l = (e.g / 255) ** tt, i = (e.b / 255) ** tt, a = (n.r / 255) ** tt, o = (n.g / 255) ** tt, s = (n.b / 255) ** tt;
   let r = t * Nn + l * Hn + i * Fn, u = a * Nn + o * Hn + s * Fn;
   if (r <= Mt && (r += (Mt - r) ** zn), u <= Mt && (u += (Mt - u) ** zn), Math.abs(u - r) < Mi) return 0;
-  let f;
+  let m;
   if (u > r) {
     const d = (u ** Ri - r ** Ai) * Oi;
-    f = d < Ni ? 0 : d < Ei ? d - d * Un * Ot : d - Ot;
+    m = d < Ni ? 0 : d < Ei ? d - d * Un * Ot : d - Ot;
   } else {
     const d = (u ** Pi - r ** Di) * Li;
-    f = d > -1e-3 ? 0 : d > -0.078 ? d - d * Un * Ot : d + Ot;
+    m = d > -1e-3 ? 0 : d > -0.078 ? d - d * Un * Ot : d + Ot;
   }
-  return f * 100;
+  return m * 100;
 }
 function qe(e) {
-  fn(`Vuetify: ${e}`);
+  mn(`Vuetify: ${e}`);
 }
 function Hi(e) {
-  fn(`Vuetify error: ${e}`);
+  mn(`Vuetify error: ${e}`);
 }
 function Fi(e, n) {
-  n = Array.isArray(n) ? n.slice(0, -1).map((t) => `'${t}'`).join(", ") + ` or '${n.at(-1)}'` : `'${n}'`, fn(`[Vuetify UPGRADE] '${e}' is deprecated, use ${n} instead.`);
+  n = Array.isArray(n) ? n.slice(0, -1).map((t) => `'${t}'`).join(", ") + ` or '${n.at(-1)}'` : `'${n}'`, mn(`[Vuetify UPGRADE] '${e}' is deprecated, use ${n} instead.`);
 }
 function an(e) {
   return !!e && /^(#|var\(--|(rgb|hsl)a?\()/.test(e);
@@ -1126,8 +1126,8 @@ function rt(e, n) {
     });
     if (o) return u;
     if (s || r) {
-      const f = Number(s || 1 / 0);
-      for (let d = 0; d <= f && !(!u || !("prev" in u)); d++)
+      const m = Number(s || 1 / 0);
+      for (let d = 0; d <= m && !(!u || !("prev" in u)); d++)
         u = u.prev;
       return u && typeof r == "string" && r in u && (u = Le(Le(u, {
         prev: u
@@ -1151,16 +1151,16 @@ function qi() {
     return (r = t.value) == null ? void 0 : r[e._as ?? n];
   }), a = new Proxy(e, {
     get(r, u) {
-      var d, v, g, m, h, y, C;
-      const f = Reflect.get(r, u);
-      return u === "class" || u === "style" ? [(d = i.value) == null ? void 0 : d[u], f].filter((I) => I != null) : typeof u == "string" && !Ki(l.vnode, u) ? ((v = i.value) == null ? void 0 : v[u]) !== void 0 ? (g = i.value) == null ? void 0 : g[u] : ((h = (m = t.value) == null ? void 0 : m.global) == null ? void 0 : h[u]) !== void 0 ? (C = (y = t.value) == null ? void 0 : y.global) == null ? void 0 : C[u] : f : f;
+      var d, v, g, f, h, y, C;
+      const m = Reflect.get(r, u);
+      return u === "class" || u === "style" ? [(d = i.value) == null ? void 0 : d[u], m].filter((I) => I != null) : typeof u == "string" && !Ki(l.vnode, u) ? ((v = i.value) == null ? void 0 : v[u]) !== void 0 ? (g = i.value) == null ? void 0 : g[u] : ((h = (f = t.value) == null ? void 0 : f.global) == null ? void 0 : h[u]) !== void 0 ? (C = (y = t.value) == null ? void 0 : y.global) == null ? void 0 : C[u] : m : m;
     }
   }), o = se();
   $t(() => {
     if (i.value) {
       const r = Object.entries(i.value).filter((u) => {
-        let [f] = u;
-        return f.startsWith(f[0].toUpperCase());
+        let [m] = u;
+        return m.startsWith(m[0].toUpperCase());
       });
       o.value = r.length ? Object.fromEntries(r) : void 0;
     } else
@@ -1342,8 +1342,8 @@ function Yi(e, n) {
 function ge(e, n, t) {
   let l = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : (d) => d, i = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : (d) => d;
   const a = Ie("useProxiedModel"), o = G(e[n] !== void 0 ? e[n] : t), s = Ke(n), u = s !== n ? _(() => {
-    var d, v, g, m;
-    return e[n], !!(((d = a.vnode.props) != null && d.hasOwnProperty(n) || (v = a.vnode.props) != null && v.hasOwnProperty(s)) && ((g = a.vnode.props) != null && g.hasOwnProperty(`onUpdate:${n}`) || (m = a.vnode.props) != null && m.hasOwnProperty(`onUpdate:${s}`)));
+    var d, v, g, f;
+    return e[n], !!(((d = a.vnode.props) != null && d.hasOwnProperty(n) || (v = a.vnode.props) != null && v.hasOwnProperty(s)) && ((g = a.vnode.props) != null && g.hasOwnProperty(`onUpdate:${n}`) || (f = a.vnode.props) != null && f.hasOwnProperty(`onUpdate:${s}`)));
   }) : _(() => {
     var d, v;
     return e[n], !!((d = a.vnode.props) != null && d.hasOwnProperty(n) && ((v = a.vnode.props) != null && v.hasOwnProperty(`onUpdate:${n}`)));
@@ -1353,7 +1353,7 @@ function ge(e, n, t) {
       o.value = d;
     });
   });
-  const f = _({
+  const m = _({
     get() {
       const d = e[n];
       return l(u.value ? d : o.value);
@@ -1363,9 +1363,9 @@ function ge(e, n, t) {
       g === v || l(g) === d || (o.value = v, a == null || a.emit(`update:${n}`, v));
     }
   });
-  return Object.defineProperty(f, "externalValue", {
+  return Object.defineProperty(m, "externalValue", {
     get: () => u.value ? e[n] : o.value
-  }), f;
+  }), m;
 }
 const Al = Symbol.for("vuetify:locale");
 function dt() {
@@ -1516,12 +1516,12 @@ const Ml = V({
     } = ct(e), {
       locationStyles: u
     } = wn(e), {
-      positionClasses: f
+      positionClasses: m
     } = Pl(e), {
       roundedClasses: d
     } = He(e);
     return J(() => c(e.tag, {
-      class: ["v-sheet", l.value, i.value, o.value, r.value, f.value, d.value, e.class],
+      class: ["v-sheet", l.value, i.value, o.value, r.value, m.value, d.value, e.class],
       style: [a.value, s.value, u.value, e.style]
     }, t)), {};
   }
@@ -1586,9 +1586,9 @@ const to = V({
           margin: r
         } = Array.from({
           length: e.intervalDivisions
-        }, (u) => u * (e.intervalDuration / e.intervalDivisions)).reduce((u, f, d) => {
+        }, (u) => u * (e.intervalDuration / e.intervalDivisions)).reduce((u, m, d) => {
           var v, g;
-          return n.isBefore(n.addMinutes((v = e.interval) == null ? void 0 : v.start, f), (g = e.event) == null ? void 0 : g.start) ? {
+          return n.isBefore(n.addMinutes((v = e.interval) == null ? void 0 : v.start, m), (g = e.event) == null ? void 0 : g.start) ? {
             height: ce(e.intervalHeight / e.intervalDivisions * d),
             margin: ce(e.intervalHeight / e.intervalDivisions * d)
           } : {
@@ -1855,7 +1855,7 @@ function Nl(e, n) {
   }, l), Ye(() => {
     a.unregister(i);
   });
-  const r = _(() => a.isSelected(i)), u = _(() => a.items.value[0].id === i), f = _(() => a.items.value[a.items.value.length - 1].id === i), d = _(() => r.value && [a.selectedClass.value, e.selectedClass]);
+  const r = _(() => a.isSelected(i)), u = _(() => a.items.value[0].id === i), m = _(() => a.items.value[a.items.value.length - 1].id === i), d = _(() => r.value && [a.selectedClass.value, e.selectedClass]);
   return he(r, (v) => {
     l.emit("group:selected", {
       value: v
@@ -1866,7 +1866,7 @@ function Nl(e, n) {
     id: i,
     isSelected: r,
     isFirst: u,
-    isLast: f,
+    isLast: m,
     toggle: () => a.select(i, !r.value),
     select: (v) => a.select(i, v),
     selectedClass: d,
@@ -1882,13 +1882,13 @@ function xn(e, n) {
     return e.multiple ? g : g[0];
   }), a = Ie("useGroup");
   function o(v, g) {
-    const m = v, h = Symbol.for(`${n.description}:id`), C = ht(h, a == null ? void 0 : a.vnode).indexOf(g);
-    Ve(m.value) == null && (m.value = C, m.useIndexAsValue = !0), C > -1 ? l.splice(C, 0, m) : l.push(m);
+    const f = v, h = Symbol.for(`${n.description}:id`), C = ht(h, a == null ? void 0 : a.vnode).indexOf(g);
+    Ve(f.value) == null && (f.value = C, f.useIndexAsValue = !0), C > -1 ? l.splice(C, 0, f) : l.push(f);
   }
   function s(v) {
     if (t) return;
     r();
-    const g = l.findIndex((m) => m.id === v);
+    const g = l.findIndex((f) => f.id === v);
     l.splice(g, 1);
   }
   function r() {
@@ -1904,8 +1904,8 @@ function xn(e, n) {
       l[v].useIndexAsValue && (l[v].value = v);
   });
   function u(v, g) {
-    const m = l.find((h) => h.id === v);
-    if (!(g && (m != null && m.disabled)))
+    const f = l.find((h) => h.id === v);
+    if (!(g && (f != null && f.disabled)))
       if (e.multiple) {
         const h = i.value.slice(), y = h.findIndex((I) => I === v), C = ~y;
         if (g = g ?? !C, C && e.mandatory && h.length <= 1 || !C && e.max != null && h.length + 1 > e.max) return;
@@ -1916,16 +1916,16 @@ function xn(e, n) {
         i.value = g ?? !h ? [v] : [];
       }
   }
-  function f(v) {
+  function m(v) {
     if (e.multiple && qe('This method is not supported when using "multiple" prop'), i.value.length) {
-      const g = i.value[0], m = l.findIndex((C) => C.id === g);
-      let h = (m + v) % l.length, y = l[h];
-      for (; y.disabled && h !== m; )
+      const g = i.value[0], f = l.findIndex((C) => C.id === g);
+      let h = (f + v) % l.length, y = l[h];
+      for (; y.disabled && h !== f; )
         h = (h + v) % l.length, y = l[h];
       if (y.disabled) return;
       i.value = [l[h].id];
     } else {
-      const g = l.find((m) => !m.disabled);
+      const g = l.find((f) => !f.disabled);
       g && (i.value = [g.id]);
     }
   }
@@ -1935,8 +1935,8 @@ function xn(e, n) {
     selected: i,
     select: u,
     disabled: D(e, "disabled"),
-    prev: () => f(l.length - 1),
-    next: () => f(1),
+    prev: () => m(l.length - 1),
+    next: () => m(1),
     isSelected: (v) => i.value.includes(v),
     selectedClass: _(() => e.selectedClass),
     items: _(() => l),
@@ -2030,7 +2030,7 @@ const so = V({
       reset: a,
       root: o,
       scoped: s
-    } = ml(e);
+    } = fl(e);
     return rt(l, {
       reset: a,
       root: o,
@@ -2141,7 +2141,7 @@ const co = (e) => {
       };
     })
   };
-}, fo = ["x-small", "small", "default", "large", "x-large"], Bt = V({
+}, mo = ["x-small", "small", "default", "large", "x-large"], Bt = V({
   size: {
     type: [String, Number],
     default: "default"
@@ -2151,7 +2151,7 @@ function Rt(e) {
   let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : $e();
   return Il(() => {
     let t, l;
-    return ln(fo, e.size) ? t = `${n}--size-${e.size}` : e.size && (l = {
+    return ln(mo, e.size) ? t = `${n}--size-${e.size}` : e.size && (l = {
       width: ce(e.size),
       height: ce(e.size)
     }), {
@@ -2160,7 +2160,7 @@ function Rt(e) {
     };
   });
 }
-const mo = V({
+const fo = V({
   color: String,
   disabled: Boolean,
   start: Boolean,
@@ -2174,7 +2174,7 @@ const mo = V({
   ...ke()
 }, "VIcon"), _e = $()({
   name: "VIcon",
-  props: mo(),
+  props: fo(),
   setup(e, n) {
     let {
       attrs: t,
@@ -2192,8 +2192,8 @@ const mo = V({
     } = Ue(D(e, "color"));
     return J(() => {
       var v, g;
-      const f = (v = l.default) == null ? void 0 : v.call(l);
-      f && (i.value = (g = wl(f).filter((m) => m.type === Oa && m.children && typeof m.children == "string")[0]) == null ? void 0 : g.children);
+      const m = (v = l.default) == null ? void 0 : v.call(l);
+      m && (i.value = (g = wl(m).filter((f) => f.type === Oa && f.children && typeof f.children == "string")[0]) == null ? void 0 : g.children);
       const d = !!(t.onClick || t.onClickOnce);
       return c(o.value.component, {
         tag: e.tag,
@@ -2213,7 +2213,7 @@ const mo = V({
         "aria-hidden": !d,
         tabindex: d ? e.disabled ? -1 : 0 : void 0
       }, {
-        default: () => [f]
+        default: () => [m]
       });
     }), {};
   }
@@ -2293,13 +2293,13 @@ const ho = V({
       sizeStyles: r
     } = Rt(e), {
       textColorClasses: u,
-      textColorStyles: f
+      textColorStyles: m
     } = Ue(D(e, "color")), {
       textColorClasses: d,
       textColorStyles: v
     } = Ue(D(e, "bgColor")), {
       intersectionRef: g,
-      isIntersecting: m
+      isIntersecting: f
     } = vo(), {
       resizeRef: h,
       contentRect: y
@@ -2310,10 +2310,10 @@ const ho = V({
       ref: a,
       class: ["v-progress-circular", {
         "v-progress-circular--indeterminate": !!e.indeterminate,
-        "v-progress-circular--visible": m.value,
+        "v-progress-circular--visible": f.value,
         "v-progress-circular--disable-shrink": e.indeterminate === "disable-shrink"
       }, o.value, s.value, u.value, e.class],
-      style: [r.value, f.value, e.style],
+      style: [r.value, m.value, e.style],
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
@@ -2387,9 +2387,9 @@ function Vn(e, n) {
     ...e,
     to: D(() => e.to || "")
   })), o = t.useLink(a.value), s = _(() => e.to ? o : void 0), r = bo(), u = _(() => {
-    var g, m, h;
-    return s.value ? e.exact ? r.value ? ((h = s.value.isExactActive) == null ? void 0 : h.value) && Ct(s.value.route.value.query, r.value.query) : ((m = s.value.isExactActive) == null ? void 0 : m.value) ?? !1 : ((g = s.value.isActive) == null ? void 0 : g.value) ?? !1 : !1;
-  }), f = _(() => {
+    var g, f, h;
+    return s.value ? e.exact ? r.value ? ((h = s.value.isExactActive) == null ? void 0 : h.value) && Ct(s.value.route.value.query, r.value.query) : ((f = s.value.isExactActive) == null ? void 0 : f.value) ?? !1 : ((g = s.value.isActive) == null ? void 0 : g.value) ?? !1 : !1;
+  }), m = _(() => {
     var g;
     return e.to ? (g = s.value) == null ? void 0 : g.route.value.href : e.href;
   });
@@ -2399,9 +2399,9 @@ function Vn(e, n) {
     isActive: u,
     route: (d = s.value) == null ? void 0 : d.route,
     navigate: (v = s.value) == null ? void 0 : v.navigate,
-    href: f,
+    href: m,
     linkProps: at({
-      href: f,
+      href: m,
       "aria-current": _(() => u.value ? "page" : void 0)
     })
   };
@@ -2443,12 +2443,12 @@ const ko = function(e, n) {
   }
   let a = 0, o = 0.3;
   (d = n._ripple) != null && d.circle ? (o = 0.15, a = n.clientWidth / 2, a = t.center ? a : a + Math.sqrt((l - a) ** 2 + (i - a) ** 2) / 4) : a = Math.sqrt(n.clientWidth ** 2 + n.clientHeight ** 2) / 2;
-  const s = `${(n.clientWidth - a * 2) / 2}px`, r = `${(n.clientHeight - a * 2) / 2}px`, u = t.center ? s : `${l - a}px`, f = t.center ? r : `${i - a}px`;
+  const s = `${(n.clientWidth - a * 2) / 2}px`, r = `${(n.clientHeight - a * 2) / 2}px`, u = t.center ? s : `${l - a}px`, m = t.center ? r : `${i - a}px`;
   return {
     radius: a,
     scale: o,
     x: u,
-    y: f,
+    y: m,
     centerX: s,
     centerY: r
   };
@@ -2467,13 +2467,13 @@ const ko = function(e, n) {
       x: s,
       y: r,
       centerX: u,
-      centerY: f
+      centerY: m
     } = ko(e, n, t), d = `${a * 2}px`;
     i.className = "v-ripple__animation", i.style.width = d, i.style.height = d, n.appendChild(l);
     const v = window.getComputedStyle(n);
     v && v.position === "static" && (n.style.position = "relative", n.dataset.previousPosition = "static"), i.classList.add("v-ripple__animation--enter"), i.classList.add("v-ripple__animation--visible"), Xn(i, `translate(${s}, ${r}) scale3d(${o},${o},${o})`), i.dataset.activated = String(performance.now()), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        i.classList.remove("v-ripple__animation--enter"), i.classList.add("v-ripple__animation--in"), Xn(i, `translate(${u}, ${f}) scale3d(1,1,1)`);
+        i.classList.remove("v-ripple__animation--enter"), i.classList.add("v-ripple__animation--in"), Xn(i, `translate(${u}, ${m}) scale3d(1,1,1)`);
       });
     });
   },
@@ -2658,14 +2658,14 @@ const Xt = {
     } = ct(e), {
       loaderClasses: u
     } = yo(e), {
-      locationStyles: f
+      locationStyles: m
     } = wn(e), {
       positionClasses: d
     } = Pl(e), {
       roundedClasses: v
     } = He(e), {
       sizeClasses: g,
-      sizeStyles: m
+      sizeStyles: f
     } = Rt(e), h = Nl(e, e.symbol, !1), y = Vn(e, t), C = _(() => {
       var te;
       return e.active !== void 0 ? e.active : y.isLink.value ? (te = y.isActive) == null ? void 0 : te.value : h == null ? void 0 : h.isSelected.value;
@@ -2703,7 +2703,7 @@ const Xt = {
           "v-btn--slim": e.slim,
           "v-btn--stacked": e.stacked
         }, i.value, a.value, M.value, o.value, r.value, u.value, d.value, v.value, g.value, z.value, e.class],
-        style: [E.value, s.value, f.value, m.value, e.style],
+        style: [E.value, s.value, m.value, f.value, e.style],
         "aria-busy": e.loading ? !0 : void 0,
         disabled: N.value || void 0,
         tabindex: e.loading || e.readonly ? -1 : void 0,
@@ -2887,7 +2887,7 @@ const Xt = {
     group: a,
     ...o
   } = e, {
-    component: s = a ? mn : vn,
+    component: s = a ? fn : vn,
     ...r
   } = typeof l == "object" ? l : {};
   return Wt(s, F(typeof l == "string" ? {
@@ -2896,7 +2896,7 @@ const Xt = {
     disabled: i,
     group: a
   }).filter((u) => {
-    let [f, d] = u;
+    let [m, d] = u;
     return d !== void 0;
   })), o), t);
 }, xo = V({
@@ -2948,9 +2948,9 @@ const Xt = {
       themeClasses: r
     } = Xi(), {
       locationStyles: u
-    } = wn(e, !0, (f) => (e.floating ? e.dot ? 2 : 4 : e.dot ? 8 : 12) + (["top", "bottom"].includes(f) ? Number(e.offsetY ?? 0) : ["left", "right"].includes(f) ? Number(e.offsetX ?? 0) : 0));
+    } = wn(e, !0, (m) => (e.floating ? e.dot ? 2 : 4 : e.dot ? 8 : 12) + (["top", "bottom"].includes(m) ? Number(e.offsetY ?? 0) : ["left", "right"].includes(m) ? Number(e.offsetX ?? 0) : 0));
     return J(() => {
-      const f = Number(e.content), d = !e.max || isNaN(f) ? e.content : f <= Number(e.max) ? f : `${e.max}+`, [v, g] = nn(n.attrs, ["aria-atomic", "aria-label", "aria-live", "role", "title"]);
+      const m = Number(e.content), d = !e.max || isNaN(m) ? e.content : m <= Number(e.max) ? m : `${e.max}+`, [v, g] = nn(n.attrs, ["aria-atomic", "aria-label", "aria-live", "role", "title"]);
       return c(e.tag, F({
         class: ["v-badge", {
           "v-badge--bordered": e.bordered,
@@ -2962,10 +2962,10 @@ const Xt = {
         style: e.style
       }), {
         default: () => {
-          var m, h;
+          var f, h;
           return [c("div", {
             class: "v-badge__wrapper"
-          }, [(h = (m = n.slots).default) == null ? void 0 : h.call(m), c(lt, {
+          }, [(h = (f = n.slots).default) == null ? void 0 : h.call(f), c(lt, {
             transition: e.transition
           }, {
             default: () => {
@@ -2974,7 +2974,7 @@ const Xt = {
                 class: ["v-badge__badge", r.value, t.value, i.value, o.value],
                 style: [l.value, s.value, e.inline ? {} : u.value],
                 "aria-atomic": "true",
-                "aria-label": a(e.label, f),
+                "aria-label": a(e.label, m),
                 "aria-live": "polite",
                 role: "status"
               }, v), [e.dot ? void 0 : n.slots.badge ? (C = (y = n.slots).badge) == null ? void 0 : C.call(y) : e.icon ? c(_e, {
@@ -3014,7 +3014,7 @@ function xe(e, n, t) {
             const {
               offsetTop: r,
               offsetLeft: u,
-              offsetWidth: f,
+              offsetWidth: m,
               offsetHeight: d
             } = s;
             s._transitionInitialStyles = {
@@ -3023,7 +3023,7 @@ function xe(e, n, t) {
               left: s.style.left,
               width: s.style.width,
               height: s.style.height
-            }, s.style.position = "absolute", s.style.top = `${r}px`, s.style.left = `${u}px`, s.style.width = `${f}px`, s.style.height = `${d}px`;
+            }, s.style.position = "absolute", s.style.top = `${r}px`, s.style.left = `${u}px`, s.style.width = `${m}px`, s.style.height = `${d}px`;
           }
           l.hideOnLeave && s.style.setProperty("display", "none", "important");
         },
@@ -3032,16 +3032,16 @@ function xe(e, n, t) {
             const {
               position: r,
               top: u,
-              left: f,
+              left: m,
               width: d,
               height: v
             } = s._transitionInitialStyles;
-            delete s._transitionInitialStyles, s.style.position = r || "", s.style.top = u || "", s.style.left = f || "", s.style.width = d || "", s.style.height = v || "";
+            delete s._transitionInitialStyles, s.style.position = r || "", s.style.top = u || "", s.style.left = m || "", s.style.width = d || "", s.style.height = v || "";
           }
         }
       };
       return () => {
-        const s = l.group ? mn : vn;
+        const s = l.group ? fn : vn;
         return Wt(s, {
           name: l.disabled ? "" : e,
           css: !l.disabled,
@@ -3070,7 +3070,7 @@ function Zl(e, n) {
       let {
         slots: a
       } = i;
-      const o = l.group ? mn : vn;
+      const o = l.group ? fn : vn;
       return () => Wt(o, {
         name: l.disabled ? "" : e,
         css: !l.disabled,
@@ -3192,8 +3192,8 @@ function Do(e, n) {
     let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], r = arguments.length > 1 ? arguments[1] : void 0;
     const u = (d = e._observe) == null ? void 0 : d[n.instance.$.uid];
     if (!u) return;
-    const f = s.some((v) => v.isIntersecting);
-    i && (!t.quiet || u.init) && (!t.once || f || u.init) && i(f, s, r), f && t.once ? na(e, n) : u.init = !0;
+    const m = s.some((v) => v.isIntersecting);
+    i && (!t.quiet || u.init) && (!t.once || m || u.init) && i(m, s, r), m && t.once ? na(e, n) : u.init = !0;
   }, a);
   e._observe = Object(e._observe), e._observe[n.instance.$.uid] = {
     init: !1,
@@ -3264,7 +3264,7 @@ const Po = {
       backgroundColorStyles: a
     } = Qe(D(e, "color")), {
       roundedClasses: o
-    } = He(e), s = Ie("VImg"), r = se(""), u = G(), f = se(e.eager ? "loading" : "idle"), d = se(), v = se(), g = _(() => e.src && typeof e.src == "object" ? {
+    } = He(e), s = Ie("VImg"), r = se(""), u = G(), m = se(e.eager ? "loading" : "idle"), d = se(), v = se(), g = _(() => e.src && typeof e.src == "object" ? {
       src: e.src.src,
       srcset: e.srcset || e.src.srcset,
       lazySrc: e.lazySrc || e.src.lazySrc,
@@ -3274,15 +3274,15 @@ const Po = {
       srcset: e.srcset,
       lazySrc: e.lazySrc,
       aspect: Number(e.aspectRatio || 0)
-    }), m = _(() => g.value.aspect || d.value / v.value || 0);
+    }), f = _(() => g.value.aspect || d.value / v.value || 0);
     he(() => e.src, () => {
-      h(f.value !== "idle");
-    }), he(m, (w, T) => {
+      h(m.value !== "idle");
+    }), he(f, (w, T) => {
       !w && T && u.value && M(u.value);
     }), hn(() => h());
     function h(w) {
       if (!(e.eager && w) && !(bn && !w && !e.eager)) {
-        if (f.value = "loading", g.value.lazySrc) {
+        if (m.value = "loading", g.value.lazySrc) {
           const T = new Image();
           T.src = g.value.lazySrc, M(T, null);
         }
@@ -3292,21 +3292,21 @@ const Po = {
             var W;
             if (!s.isUnmounted)
               if ((W = u.value) != null && W.complete) {
-                if (u.value.naturalWidth || C(), f.value === "error") return;
-                m.value || M(u.value, null), f.value === "loading" && y();
+                if (u.value.naturalWidth || C(), m.value === "error") return;
+                f.value || M(u.value, null), m.value === "loading" && y();
               } else
-                m.value || M(u.value), I();
+                f.value || M(u.value), I();
           });
         });
       }
     }
     function y() {
       var w;
-      s.isUnmounted || (I(), M(u.value), f.value = "loaded", t("load", ((w = u.value) == null ? void 0 : w.currentSrc) || g.value.src));
+      s.isUnmounted || (I(), M(u.value), m.value = "loaded", t("load", ((w = u.value) == null ? void 0 : w.currentSrc) || g.value.src));
     }
     function C() {
       var w;
-      s.isUnmounted || (f.value = "error", t("error", ((w = u.value) == null ? void 0 : w.currentSrc) || g.value.src));
+      s.isUnmounted || (m.value = "error", t("error", ((w = u.value) == null ? void 0 : w.currentSrc) || g.value.src));
     }
     function I() {
       const w = u.value;
@@ -3324,7 +3324,7 @@ const Po = {
           naturalHeight: H,
           naturalWidth: ie
         } = w;
-        H || ie ? (d.value = ie, v.value = H) : !w.complete && f.value === "loading" && T != null ? x = window.setTimeout(W, T) : (w.currentSrc.endsWith(".svg") || w.currentSrc.startsWith("data:image/svg+xml")) && (d.value = 1, v.value = 1);
+        H || ie ? (d.value = ie, v.value = H) : !w.complete && m.value === "loading" && T != null ? x = window.setTimeout(W, T) : (w.currentSrc.endsWith(".svg") || w.currentSrc.startsWith("data:image/svg+xml")) && (d.value = 1, v.value = 1);
       };
       W();
     }
@@ -3333,7 +3333,7 @@ const Po = {
       "v-img__img--contain": !e.cover
     })), z = () => {
       var W;
-      if (!g.value.src || f.value === "idle") return null;
+      if (!g.value.src || m.value === "idle") return null;
       const w = c("img", {
         class: ["v-img__img", E.value],
         style: {
@@ -3356,12 +3356,12 @@ const Po = {
       }, {
         default: () => [Re(T ? c("picture", {
           class: "v-img__picture"
-        }, [T, w]) : w, [[ot, f.value === "loaded"]])]
+        }, [T, w]) : w, [[ot, m.value === "loaded"]])]
       });
     }, N = () => c(lt, {
       transition: e.transition
     }, {
-      default: () => [g.value.lazySrc && f.value !== "loaded" && c("img", {
+      default: () => [g.value.lazySrc && m.value !== "loaded" && c("img", {
         class: ["v-img__img", "v-img__img--preload", E.value],
         style: {
           objectPosition: e.position
@@ -3376,14 +3376,14 @@ const Po = {
       transition: e.transition,
       appear: !0
     }, {
-      default: () => [(f.value === "loading" || f.value === "error" && !l.error) && c("div", {
+      default: () => [(m.value === "loading" || m.value === "error" && !l.error) && c("div", {
         class: "v-img__placeholder"
       }, [l.placeholder()])]
     }) : null, fe = () => l.error ? c(lt, {
       transition: e.transition,
       appear: !0
     }, {
-      default: () => [f.value === "error" && c("div", {
+      default: () => [m.value === "error" && c("div", {
         class: "v-img__error"
       }, [l.error()])]
     }) : null, ue = () => e.gradient ? c("div", {
@@ -3393,7 +3393,7 @@ const Po = {
       }
     }, null) : null, te = se(!1);
     {
-      const w = he(m, (T) => {
+      const w = he(f, (T) => {
         T && (requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             te.value = !0;
@@ -3412,7 +3412,7 @@ const Po = {
           width: ce(e.width === "auto" ? d.value : e.width)
         }, a.value, e.style]
       }, w, {
-        aspectRatio: m.value,
+        aspectRatio: f.value,
         "aria-label": e.alt,
         role: e.alt ? "img" : void 0
       }), {
@@ -3427,7 +3427,7 @@ const Po = {
     }), {
       currentSrc: r,
       image: u,
-      state: f,
+      state: m,
       naturalWidth: d,
       naturalHeight: v
     };
@@ -3468,14 +3468,14 @@ const Po = {
     } = Ze(e), {
       roundedClasses: u
     } = He(e), {
-      sizeClasses: f,
+      sizeClasses: m,
       sizeStyles: d
     } = Rt(e);
     return J(() => c(e.tag, {
       class: ["v-avatar", {
         "v-avatar--start": e.start,
         "v-avatar--end": e.end
-      }, l.value, i.value, a.value, r.value, u.value, f.value, s.value, e.class],
+      }, l.value, i.value, a.value, r.value, u.value, m.value, s.value, e.class],
       style: [o.value, d.value, e.style]
     }, {
       default: () => [t.default ? c(we, {
@@ -3565,24 +3565,24 @@ function tn(e, n, t) {
 async function nl(e, n, t, l) {
   const i = t ? "scrollLeft" : "scrollTop", a = Le((l == null ? void 0 : l.options) ?? zo(), n), o = l == null ? void 0 : l.rtl.value, s = (typeof e == "number" ? e : Bn(e)) ?? 0, r = a.container === "parent" && s instanceof HTMLElement ? s.parentElement : Uo(a.container), u = typeof a.easing == "function" ? a.easing : a.patterns[a.easing];
   if (!u) throw new TypeError(`Easing function "${a.easing}" not found.`);
-  let f;
+  let m;
   if (typeof s == "number")
-    f = tn(s, t, o);
-  else if (f = tn(s, t, o) - tn(r, t, o), a.layout) {
-    const m = window.getComputedStyle(s).getPropertyValue("--v-layout-top");
-    m && (f -= parseInt(m, 10));
+    m = tn(s, t, o);
+  else if (m = tn(s, t, o) - tn(r, t, o), a.layout) {
+    const f = window.getComputedStyle(s).getPropertyValue("--v-layout-top");
+    f && (m -= parseInt(f, 10));
   }
-  f += a.offset, f = $o(r, f, !!o, !!t);
+  m += a.offset, m = $o(r, m, !!o, !!t);
   const d = r[i] ?? 0;
-  if (f === d) return Promise.resolve(f);
+  if (m === d) return Promise.resolve(m);
   const v = performance.now();
-  return new Promise((g) => requestAnimationFrame(function m(h) {
-    const C = (h - v) / a.duration, I = Math.floor(d + (f - d) * u(_i(C, 0, 1)));
+  return new Promise((g) => requestAnimationFrame(function f(h) {
+    const C = (h - v) / a.duration, I = Math.floor(d + (m - d) * u(_i(C, 0, 1)));
     if (r[i] = I, C >= 1 && Math.abs(I - r[i]) < 10)
-      return g(f);
+      return g(m);
     if (C > 2)
       return qe("Scroll target is not reachable"), g(r[i]);
-    requestAnimationFrame(m);
+    requestAnimationFrame(f);
   }));
 }
 function jo() {
@@ -3699,11 +3699,11 @@ const qo = Symbol.for("vuetify:v-slide-group"), ia = V({
     } = Sn(), {
       displayClasses: i,
       mobile: a
-    } = Ho(e), o = xn(e, e.symbol), s = se(!1), r = se(0), u = se(0), f = se(0), d = _(() => e.direction === "horizontal"), {
+    } = Ho(e), o = xn(e, e.symbol), s = se(!1), r = se(0), u = se(0), m = se(0), d = _(() => e.direction === "horizontal"), {
       resizeRef: v,
       contentRect: g
     } = rn(), {
-      resizeRef: m,
+      resizeRef: f,
       contentRect: h
     } = rn(), y = jo(), C = _(() => ({
       container: v.el,
@@ -3716,10 +3716,10 @@ const qo = Symbol.for("vuetify:v-slide-group"), ia = V({
         cancelAnimationFrame(A), A = requestAnimationFrame(() => {
           if (g.value && h.value) {
             const O = d.value ? "width" : "height";
-            u.value = g.value[O], f.value = h.value[O], s.value = u.value + 1 < f.value;
+            u.value = g.value[O], m.value = h.value[O], s.value = u.value + 1 < m.value;
           }
-          if (I.value >= 0 && m.el) {
-            const O = m.el.children[x.value];
+          if (I.value >= 0 && f.el) {
+            const O = f.el.children[x.value];
             E(O, e.centerActive);
           }
         });
@@ -3762,9 +3762,9 @@ const qo = Symbol.for("vuetify:v-slide-group"), ia = V({
       r.value = d.value ? Y : O;
     }
     function ne(A) {
-      if (M.value = !0, !(!s.value || !m.el)) {
+      if (M.value = !0, !(!s.value || !f.el)) {
         for (const O of A.composedPath())
-          for (const Y of m.el.children)
+          for (const Y of f.el.children)
             if (Y === O) {
               E(Y);
               return;
@@ -3777,13 +3777,13 @@ const qo = Symbol.for("vuetify:v-slide-group"), ia = V({
     let ue = !1;
     function te(A) {
       var O;
-      !ue && !M.value && !(A.relatedTarget && ((O = m.el) != null && O.contains(A.relatedTarget))) && H(), ue = !1;
+      !ue && !M.value && !(A.relatedTarget && ((O = f.el) != null && O.contains(A.relatedTarget))) && H(), ue = !1;
     }
     function w() {
       ue = !0;
     }
     function T(A) {
-      if (!m.el) return;
+      if (!f.el) return;
       function O(Y) {
         A.preventDefault(), H(Y);
       }
@@ -3798,15 +3798,15 @@ const qo = Symbol.for("vuetify:v-slide-group"), ia = V({
       return Y;
     }
     function H(A) {
-      if (!m.el) return;
+      if (!f.el) return;
       let O;
       if (!A)
-        O = xl(m.el)[0];
+        O = xl(f.el)[0];
       else if (A === "next") {
-        if (O = W(m.el.querySelector(":focus"), A), !O) return H("first");
+        if (O = W(f.el.querySelector(":focus"), A), !O) return H("first");
       } else if (A === "prev") {
-        if (O = W(m.el.querySelector(":focus"), A), !O) return H("last");
-      } else A === "first" ? (O = m.el.firstElementChild, O != null && O.hasAttribute("disabled") && (O = W(O, "next"))) : A === "last" && (O = m.el.lastElementChild, O != null && O.hasAttribute("disabled") && (O = W(O, "prev")));
+        if (O = W(f.el.querySelector(":focus"), A), !O) return H("last");
+      } else A === "first" ? (O = f.el.firstElementChild, O != null && O.hasAttribute("disabled") && (O = W(O, "next"))) : A === "last" && (O = f.el.lastElementChild, O != null && O.hasAttribute("disabled") && (O = W(O, "prev")));
       O && O.focus({
         preventScroll: !0
       });
@@ -3883,7 +3883,7 @@ const qo = Symbol.for("vuetify:v-slide-group"), ia = V({
           class: "v-slide-group__container",
           onScroll: N
         }, [c("div", {
-          ref: m,
+          ref: f,
           class: "v-slide-group__content",
           onFocusin: ne,
           onFocusout: fe,
@@ -3963,8 +3963,8 @@ $()({
         style: e.style
       }), {
         default: () => {
-          var f;
-          return [(f = t.default) == null ? void 0 : f.call(t, {
+          var m;
+          return [(m = t.default) == null ? void 0 : m.call(t, {
             isSelected: i,
             select: a,
             next: o,
@@ -4059,7 +4059,7 @@ const Jo = V({
       colorStyles: r,
       variantClasses: u
     } = Yt(e), {
-      densityClasses: f
+      densityClasses: m
     } = Ze(e), {
       elevationClasses: d
     } = ct(e), {
@@ -4067,7 +4067,7 @@ const Jo = V({
     } = He(e), {
       sizeClasses: g
     } = Rt(e), {
-      themeClasses: m
+      themeClasses: f
     } = De(e), h = ge(e, "modelValue"), y = Nl(e, oa, !1), C = Vn(e, t), I = _(() => e.link !== !1 && C.isLink.value), x = _(() => !e.disabled && e.link !== !1 && (!!y || e.link || C.isClickable.value)), M = _(() => ({
       "aria-label": a(e.closeLabel),
       onClick(N) {
@@ -4092,7 +4092,7 @@ const Jo = V({
           "v-chip--filter": te,
           "v-chip--pill": e.pill,
           [`${e.activeClass}`]: e.activeClass && ((H = C.isActive) == null ? void 0 : H.value)
-        }, m.value, o.value, W ? s.value : void 0, f.value, d.value, v.value, g.value, u.value, y == null ? void 0 : y.selectedClass.value, e.class],
+        }, f.value, o.value, W ? s.value : void 0, m.value, d.value, v.value, g.value, u.value, y == null ? void 0 : y.selectedClass.value, e.class],
         style: [W ? r.value : void 0, e.style],
         disabled: e.disabled || void 0,
         draggable: e.draggable,
@@ -4239,7 +4239,7 @@ const Jo = V({
       slots: l
     } = n;
     return J(() => {
-      var a, o, s, r, u, f, d, v, g, m, h;
+      var a, o, s, r, u, m, d, v, g, f, h;
       const i = !!(e.title || (a = l.title) != null && a.call(l, {
         title: e.title
       }));
@@ -4259,7 +4259,7 @@ const Jo = V({
         variant: (u = e.day) != null && u.isToday ? void 0 : "flat"
       }, {
         default: () => [e.title]
-      })]), !((f = e.day) != null && f.isHidden) && c("div", {
+      })]), !((m = e.day) != null && m.isHidden) && c("div", {
         key: "content",
         class: "v-calendar-weekly__day-content"
       }, [((d = l.content) == null ? void 0 : d.call(l)) ?? c("div", null, [c("div", {
@@ -4281,7 +4281,7 @@ const Jo = V({
       }) : c(il, {
         day: e.day,
         event: y
-      }, null))])])]), !((m = e.day) != null && m.isHidden) && ((h = l.default) == null ? void 0 : h.call(l))]);
+      }, null))])])]), !((f = e.day) != null && f.isHidden) && ((h = l.default) == null ? void 0 : h.call(l))]);
     }), {};
   }
 }), ts = V({
@@ -4308,27 +4308,27 @@ const Jo = V({
   firstDayOfWeek: [Number, String]
 }, "calendar");
 function ns(e) {
-  const n = Tt(), t = ge(e, "modelValue", [], (m) => Ee(m)), l = _(() => e.displayValue ? n.date(e.displayValue) : t.value.length > 0 ? n.date(t.value[0]) : e.min ? n.date(e.min) : Array.isArray(e.allowedDates) ? n.date(e.allowedDates[0]) : n.date()), i = ge(e, "year", void 0, (m) => {
-    const h = m != null ? Number(m) : n.getYear(l.value);
+  const n = Tt(), t = ge(e, "modelValue", [], (f) => Ee(f)), l = _(() => e.displayValue ? n.date(e.displayValue) : t.value.length > 0 ? n.date(t.value[0]) : e.min ? n.date(e.min) : Array.isArray(e.allowedDates) ? n.date(e.allowedDates[0]) : n.date()), i = ge(e, "year", void 0, (f) => {
+    const h = f != null ? Number(f) : n.getYear(l.value);
     return n.startOfYear(n.setYear(n.date(), h));
-  }, (m) => n.getYear(m)), a = ge(e, "month", void 0, (m) => {
-    const h = m != null ? Number(m) : n.getMonth(l.value), y = n.setYear(n.startOfMonth(n.date()), n.getYear(i.value));
+  }, (f) => n.getYear(f)), a = ge(e, "month", void 0, (f) => {
+    const h = f != null ? Number(f) : n.getMonth(l.value), y = n.setYear(n.startOfMonth(n.date()), n.getYear(i.value));
     return n.setMonth(y, h);
-  }, (m) => n.getMonth(m)), o = _(() => e.firstDayOfWeek ?? e.weekdays[0]), s = _(() => {
-    const m = Number(e.firstDayOfWeek ?? 0);
-    return e.weekdays.map((h) => (h + m) % 7);
+  }, (f) => n.getMonth(f)), o = _(() => e.firstDayOfWeek ?? e.weekdays[0]), s = _(() => {
+    const f = Number(e.firstDayOfWeek ?? 0);
+    return e.weekdays.map((h) => (h + f) % 7);
   }), r = _(() => {
-    const m = n.getWeekArray(a.value, o.value), h = m.flat(), y = 6 * 7;
+    const f = n.getWeekArray(a.value, o.value), h = f.flat(), y = 6 * 7;
     if (e.weeksInMonth === "static" && h.length < y) {
       const C = h[h.length - 1];
       let I = [];
       for (let x = 1; x <= y - h.length; x++)
-        I.push(n.addDays(C, x)), x % 7 === 0 && (m.push(I), I = []);
+        I.push(n.addDays(C, x)), x % 7 === 0 && (f.push(I), I = []);
     }
-    return m;
+    return f;
   });
-  function u(m, h) {
-    return m.filter((y) => s.value.includes(n.toJsDate(y).getDay())).map((y, C) => {
+  function u(f, h) {
+    return f.filter((y) => s.value.includes(n.toJsDate(y).getDay())).map((y, C) => {
       const I = n.toISO(y), x = !n.isSameMonth(y, a.value), M = n.isSameDay(y, n.startOfMonth(a.value)), E = n.isSameDay(y, n.endOfMonth(a.value)), z = n.isSameDay(y, a.value);
       return {
         date: y,
@@ -4350,25 +4350,25 @@ function ns(e) {
       };
     });
   }
-  const f = _(() => {
-    const m = n.startOfWeek(l.value, e.firstDayOfWeek), h = [];
+  const m = _(() => {
+    const f = n.startOfWeek(l.value, e.firstDayOfWeek), h = [];
     for (let C = 0; C <= 6; C++)
-      h.push(n.addDays(m, C));
+      h.push(n.addDays(f, C));
     const y = n.date();
     return u(h, y);
   }), d = _(() => {
-    const m = r.value.flat(), h = n.date();
-    return u(m, h);
-  }), v = _(() => r.value.map((m) => m.length ? eo(n, m[0]) : null));
-  function g(m) {
+    const f = r.value.flat(), h = n.date();
+    return u(f, h);
+  }), v = _(() => r.value.map((f) => f.length ? eo(n, f[0]) : null));
+  function g(f) {
     if (e.disabled) return !0;
-    const h = n.date(m);
+    const h = n.date(f);
     return e.min && n.isAfter(n.date(e.min), h) || e.max && n.isAfter(h, n.date(e.max)) ? !0 : Array.isArray(e.allowedDates) && e.allowedDates.length > 0 ? !e.allowedDates.some((y) => n.isSameDay(n.date(y), h)) : typeof e.allowedDates == "function" ? !e.allowedDates(h) : !1;
   }
   return {
     displayValue: l,
     daysInMonth: d,
-    daysInWeek: f,
+    daysInWeek: m,
     genDays: u,
     model: t,
     weeksInMonth: r,
@@ -4401,13 +4401,13 @@ const ls = V({
       genDays: s,
       model: r,
       displayValue: u,
-      weekNumbers: f,
+      weekNumbers: m,
       weekDays: d
     } = ns(e), v = i.getWeekdays();
     function g() {
       e.viewMode === "month" && (r.value = [i.addMonths(u.value, 1)]), e.viewMode === "week" && (r.value = [i.addDays(u.value, 7)]), e.viewMode === "day" && (r.value = [i.addDays(u.value, 1)]);
     }
-    function m() {
+    function f() {
       e.viewMode === "month" && (r.value = [i.addMonths(u.value, -1)]), e.viewMode === "week" && (r.value = [i.addDays(u.value, -7)]), e.viewMode === "day" && (r.value = [i.addDays(u.value, -1)]);
     }
     function h() {
@@ -4430,7 +4430,7 @@ const ls = V({
       }, I, {
         title: y.value,
         "onClick:next": g,
-        "onClick:prev": m,
+        "onClick:prev": f,
         "onClick:toToday": h
       }), null))]), c("div", {
         class: ["v-calendar__container", `days__${d.value.length}`]
@@ -4447,7 +4447,7 @@ const ls = V({
         class: ["v-calendar-month__days", `days${e.hideWeekNumber ? "" : "-with-weeknumbers"}__${d.value.length}`, ...e.hideWeekNumber ? [] : ["v-calendar-month__weeknumbers"]]
       }, [Si(a.value, d.value.length).map((M, E) => [e.hideWeekNumber ? "" : c("div", {
         class: "v-calendar-month__weeknumber"
-      }, [f.value[E]]), M.map((z) => {
+      }, [m.value[E]]), M.map((z) => {
         var N;
         return c(es, {
           color: i.isSameDay(i.date(), z.date) ? "primary" : void 0,
@@ -4665,7 +4665,7 @@ const Rn = (e) => {
     in: n.in,
     out: n.out
   };
-}, fs = (e) => {
+}, ms = (e) => {
   const n = ca(e);
   return {
     activate: (l) => {
@@ -4685,7 +4685,7 @@ const Rn = (e) => {
     in: n.in,
     out: n.out
   };
-}, ms = {
+}, fs = {
   open: (e) => {
     let {
       id: n,
@@ -4748,8 +4748,8 @@ const Rn = (e) => {
       } = t;
       if (l = oe(l), e && !i) {
         const o = Array.from(a.entries()).reduce((s, r) => {
-          let [u, f] = r;
-          return f === "on" && s.push(u), s;
+          let [u, m] = r;
+          return m === "on" && s.push(u), s;
         }, []);
         if (o.length === 1 && o[0] === l) return a;
       }
@@ -4775,7 +4775,7 @@ const Rn = (e) => {
     }
   };
   return n;
-}, fa = (e) => {
+}, ma = (e) => {
   const n = An(e);
   return {
     select: (l) => {
@@ -4816,7 +4816,7 @@ const Rn = (e) => {
     out: n.out
   };
 }, gs = (e) => {
-  const n = fa(e);
+  const n = ma(e);
   return {
     select: (l) => {
       let {
@@ -4851,14 +4851,14 @@ const Rn = (e) => {
         const d = u.shift();
         a.set(oe(d), i ? "on" : "off"), o.has(d) && u.push(...o.get(d));
       }
-      let f = oe(s.get(l));
-      for (; f; ) {
-        const d = o.get(f), v = d.every((m) => a.get(oe(m)) === "on"), g = d.every((m) => !a.has(oe(m)) || a.get(oe(m)) === "off");
-        a.set(f, v ? "on" : g ? "off" : "indeterminate"), f = oe(s.get(f));
+      let m = oe(s.get(l));
+      for (; m; ) {
+        const d = o.get(m), v = d.every((f) => a.get(oe(f)) === "on"), g = d.every((f) => !a.has(oe(f)) || a.get(oe(f)) === "off");
+        a.set(m, v ? "on" : g ? "off" : "indeterminate"), m = oe(s.get(m));
       }
       return e && !i && Array.from(a.entries()).reduce((v, g) => {
-        let [m, h] = g;
-        return h === "on" && v.push(m), v;
+        let [f, h] = g;
+        return h === "on" && v.push(f), v;
       }, []).length === 0 ? r : a;
     },
     in: (t, l, i) => {
@@ -4881,7 +4881,7 @@ const Rn = (e) => {
     }
   };
   return n;
-}, St = Symbol.for("vuetify:nested"), ma = {
+}, St = Symbol.for("vuetify:nested"), fa = {
   id: se(),
   root: {
     register: () => null,
@@ -4912,14 +4912,14 @@ const Rn = (e) => {
   mandatory: Boolean
 }, "nested"), ps = (e) => {
   let n = !1;
-  const t = G(/* @__PURE__ */ new Map()), l = G(/* @__PURE__ */ new Map()), i = ge(e, "opened", e.opened, (m) => new Set(m), (m) => [...m.values()]), a = _(() => {
+  const t = G(/* @__PURE__ */ new Map()), l = G(/* @__PURE__ */ new Map()), i = ge(e, "opened", e.opened, (f) => new Set(f), (f) => [...f.values()]), a = _(() => {
     if (typeof e.activeStrategy == "object") return e.activeStrategy;
     if (typeof e.activeStrategy == "function") return e.activeStrategy(e.mandatory);
     switch (e.activeStrategy) {
       case "leaf":
         return ds(e.mandatory);
       case "single-leaf":
-        return fs(e.mandatory);
+        return ms(e.mandatory);
       case "independent":
         return Rn(e.mandatory);
       case "single-independent":
@@ -4937,7 +4937,7 @@ const Rn = (e) => {
       case "independent":
         return An(e.mandatory);
       case "single-independent":
-        return fa(e.mandatory);
+        return ma(e.mandatory);
       case "classic":
       default:
         return ys(e.mandatory);
@@ -4948,18 +4948,18 @@ const Rn = (e) => {
       case "list":
         return vs;
       case "single":
-        return ms;
+        return fs;
       case "multiple":
       default:
         return da;
     }
-  }), r = ge(e, "activated", e.activated, (m) => a.value.in(m, t.value, l.value), (m) => a.value.out(m, t.value, l.value)), u = ge(e, "selected", e.selected, (m) => o.value.in(m, t.value, l.value), (m) => o.value.out(m, t.value, l.value));
+  }), r = ge(e, "activated", e.activated, (f) => a.value.in(f, t.value, l.value), (f) => a.value.out(f, t.value, l.value)), u = ge(e, "selected", e.selected, (f) => o.value.in(f, t.value, l.value), (f) => o.value.out(f, t.value, l.value));
   Ye(() => {
     n = !0;
   });
-  function f(m) {
+  function m(f) {
     const h = [];
-    let y = m;
+    let y = f;
     for (; y != null; )
       h.unshift(y), y = l.value.get(y);
     return h;
@@ -4973,41 +4973,41 @@ const Rn = (e) => {
       activated: r,
       selected: u,
       selectedValues: _(() => {
-        const m = [];
+        const f = [];
         for (const [h, y] of u.value.entries())
-          y === "on" && m.push(h);
-        return m;
+          y === "on" && f.push(h);
+        return f;
       }),
-      register: (m, h, y) => {
-        if (v.has(m)) {
-          const C = f(m).map(String).join(" -> "), I = f(h).concat(m).map(String).join(" -> ");
+      register: (f, h, y) => {
+        if (v.has(f)) {
+          const C = m(f).map(String).join(" -> "), I = m(h).concat(f).map(String).join(" -> ");
           Hi(`Multiple nodes with the same ID
 	${C}
 	${I}`);
           return;
         } else
-          v.add(m);
-        h && m !== h && l.value.set(m, h), y && t.value.set(m, []), h != null && t.value.set(h, [...t.value.get(h) || [], m]);
+          v.add(f);
+        h && f !== h && l.value.set(f, h), y && t.value.set(f, []), h != null && t.value.set(h, [...t.value.get(h) || [], f]);
       },
-      unregister: (m) => {
+      unregister: (f) => {
         if (n) return;
-        v.delete(m), t.value.delete(m);
-        const h = l.value.get(m);
+        v.delete(f), t.value.delete(f);
+        const h = l.value.get(f);
         if (h) {
           const y = t.value.get(h) ?? [];
-          t.value.set(h, y.filter((C) => C !== m));
+          t.value.set(h, y.filter((C) => C !== f));
         }
-        l.value.delete(m);
+        l.value.delete(f);
       },
-      open: (m, h, y) => {
+      open: (f, h, y) => {
         d.emit("click:open", {
-          id: m,
+          id: f,
           value: h,
-          path: f(m),
+          path: m(f),
           event: y
         });
         const C = s.value.open({
-          id: m,
+          id: f,
           value: h,
           opened: new Set(i.value),
           children: t.value,
@@ -5016,9 +5016,9 @@ const Rn = (e) => {
         });
         C && (i.value = C);
       },
-      openOnSelect: (m, h, y) => {
+      openOnSelect: (f, h, y) => {
         const C = s.value.select({
-          id: m,
+          id: f,
           value: h,
           selected: new Map(u.value),
           opened: new Set(i.value),
@@ -5028,34 +5028,34 @@ const Rn = (e) => {
         });
         C && (i.value = C);
       },
-      select: (m, h, y) => {
+      select: (f, h, y) => {
         d.emit("click:select", {
-          id: m,
+          id: f,
           value: h,
-          path: f(m),
+          path: m(f),
           event: y
         });
         const C = o.value.select({
-          id: m,
+          id: f,
           value: h,
           selected: new Map(u.value),
           children: t.value,
           parents: l.value,
           event: y
         });
-        C && (u.value = C), g.root.openOnSelect(m, h, y);
+        C && (u.value = C), g.root.openOnSelect(f, h, y);
       },
-      activate: (m, h, y) => {
+      activate: (f, h, y) => {
         if (!e.activatable)
-          return g.root.select(m, !0, y);
+          return g.root.select(f, !0, y);
         d.emit("click:activate", {
-          id: m,
+          id: f,
           value: h,
-          path: f(m),
+          path: m(f),
           event: y
         });
         const C = a.value.activate({
-          id: m,
+          id: f,
           value: h,
           activated: new Set(r.value),
           children: t.value,
@@ -5079,12 +5079,12 @@ const Rn = (e) => {
       },
       children: t,
       parents: l,
-      getPath: f
+      getPath: m
     }
   };
   return Ae(St, g), g.root;
 }, va = (e, n) => {
-  const t = ye(St, ma), l = Symbol(wt()), i = _(() => e.value !== void 0 ? e.value : l), a = {
+  const t = ye(St, fa), l = Symbol(wt()), i = _(() => e.value !== void 0 ? e.value : l), a = {
     ...t,
     id: i,
     open: (o, s) => t.root.open(i.value, o, s),
@@ -5105,7 +5105,7 @@ const Rn = (e) => {
     !t.isGroupActivator && t.root.unregister(i.value);
   }), n && Ae(St, a), a;
 }, _s = () => {
-  const e = ye(St, ma);
+  const e = ye(St, fa);
   Ae(St, {
     ...e,
     isGroupActivator: !0
@@ -5177,18 +5177,18 @@ const Rn = (e) => {
       activate: s,
       isActivated: r,
       select: u,
-      isOpen: f,
+      isOpen: m,
       isSelected: d,
       isIndeterminate: v,
       isGroupActivator: g,
-      root: m,
+      root: f,
       parent: h,
       openOnSelect: y,
       id: C
     } = va(o, !1), I = ua(), x = _(() => {
       var Q;
-      return e.active !== !1 && (e.active || ((Q = a.isActive) == null ? void 0 : Q.value) || (m.activatable.value ? r.value : d.value));
-    }), M = _(() => e.link !== !1 && a.isLink.value), E = _(() => !!I && (m.selectable.value || m.activatable.value || e.value != null)), z = _(() => !e.disabled && e.link !== !1 && (e.link || a.isClickable.value || E.value)), N = _(() => e.rounded || e.nav), ne = _(() => e.color ?? e.activeColor), fe = _(() => ({
+      return e.active !== !1 && (e.active || ((Q = a.isActive) == null ? void 0 : Q.value) || (f.activatable.value ? r.value : d.value));
+    }), M = _(() => e.link !== !1 && a.isLink.value), E = _(() => !!I && (f.selectable.value || f.activatable.value || e.value != null)), z = _(() => !e.disabled && e.link !== !1 && (e.link || a.isClickable.value || E.value)), N = _(() => e.rounded || e.nav), ne = _(() => e.color ?? e.activeColor), fe = _(() => ({
       color: x.value ? ne.value ?? e.baseColor : e.baseColor,
       variant: e.variant
     }));
@@ -5202,7 +5202,7 @@ const Rn = (e) => {
       (Q = a.isActive) != null && Q.value && ue();
     });
     function ue() {
-      h.value != null && m.open(h.value, !0), y(!0);
+      h.value != null && f.open(h.value, !0), y(!0);
     }
     const {
       themeClasses: te
@@ -5223,20 +5223,20 @@ const Rn = (e) => {
     } = He(N), ee = _(() => e.lines ? `v-list-item--${e.lines}-line` : void 0), A = _(() => ({
       isActive: x.value,
       select: u,
-      isOpen: f.value,
+      isOpen: m.value,
       isSelected: d.value,
       isIndeterminate: v.value
     }));
     function O(Q) {
       var Se;
-      i("click", Q), z.value && ((Se = a.navigate) == null || Se.call(a, Q), !g && (m.activatable.value ? s(!r.value, Q) : (m.selectable.value || e.value != null) && u(!d.value, Q)));
+      i("click", Q), z.value && ((Se = a.navigate) == null || Se.call(a, Q), !g && (f.activatable.value ? s(!r.value, Q) : (f.selectable.value || e.value != null) && u(!d.value, Q)));
     }
     function Y(Q) {
       const Se = Q.target;
       ["INPUT", "TEXTAREA"].includes(Se.tagName) || (Q.key === "Enter" || Q.key === " ") && (Q.preventDefault(), Q.target.dispatchEvent(new MouseEvent("click", Q)));
     }
     return J(() => {
-      const Q = M.value ? "a" : e.tag, Se = l.title || e.title != null, Fe = l.subtitle || e.subtitle != null, ft = !!(e.appendAvatar || e.appendIcon), At = !!(ft || l.append), Dt = !!(e.prependAvatar || e.prependIcon), Pe = !!(Dt || l.prepend);
+      const Q = M.value ? "a" : e.tag, Se = l.title || e.title != null, Fe = l.subtitle || e.subtitle != null, mt = !!(e.appendAvatar || e.appendIcon), At = !!(mt || l.append), Dt = !!(e.prependAvatar || e.prependIcon), Pe = !!(Dt || l.prepend);
       return I == null || I.updateHasPrepend(Pe), e.activeColor && Fi("active-color", ["color", "base-color"]), Re(c(Q, F({
         class: ["v-list-item", {
           "v-list-item--active": x.value,
@@ -5249,12 +5249,12 @@ const Rn = (e) => {
         }, te.value, w.value, T.value, ie.value, B.value, ee.value, K.value, H.value, e.class],
         style: [W.value, ve.value, e.style],
         tabindex: z.value ? I ? -2 : 0 : void 0,
-        "aria-selected": E.value ? m.activatable.value ? r.value : m.selectable.value ? d.value : x.value : void 0,
+        "aria-selected": E.value ? f.activatable.value ? r.value : f.selectable.value ? d.value : x.value : void 0,
         onClick: O,
         onKeydown: z.value && !M.value && Y
       }, a.linkProps), {
         default: () => {
-          var mt;
+          var ft;
           return [qt(z.value || x.value, "v-list-item"), Pe && c("div", {
             key: "prepend",
             class: "v-list-item__prepend"
@@ -5310,12 +5310,12 @@ const Rn = (e) => {
                 subtitle: e.subtitle
               })) ?? R(e.subtitle)];
             }
-          }), (mt = l.default) == null ? void 0 : mt.call(l, A.value)]), At && c("div", {
+          }), (ft = l.default) == null ? void 0 : ft.call(l, A.value)]), At && c("div", {
             key: "append",
             class: "v-list-item__append"
           }, [l.append ? c(we, {
             key: "append-defaults",
-            disabled: !ft,
+            disabled: !mt,
             defaults: {
               VAvatar: {
                 density: e.density,
@@ -5354,7 +5354,7 @@ const Rn = (e) => {
       isSelected: d,
       list: I,
       select: u,
-      root: m,
+      root: f,
       id: C,
       link: a
     };
@@ -5471,11 +5471,11 @@ const ws = V({
     } = n;
     const l = G(null), i = G(null), a = G(void 0), o = G(!1), s = G(null), r = G(null), {
       textColorClasses: u,
-      textColorStyles: f
+      textColorStyles: m
     } = Ue(D(e, "color")), {
       backgroundColorClasses: d,
       backgroundColorStyles: v
-    } = Qe(D(e, "color")), g = _(() => e.max - e.min + 1), m = _(() => e.double ? g.value / 2 : g.value), h = _(() => 360 / m.value), y = _(() => h.value * Math.PI / 180), C = _(() => e.modelValue == null ? e.min : e.modelValue), I = _(() => 0.62), x = _(() => {
+    } = Qe(D(e, "color")), g = _(() => e.max - e.min + 1), f = _(() => e.double ? g.value / 2 : g.value), h = _(() => 360 / f.value), y = _(() => h.value * Math.PI / 180), C = _(() => e.modelValue == null ? e.min : e.modelValue), I = _(() => 0.62), x = _(() => {
       const B = [];
       for (let K = e.min; K <= e.max; K = K + e.step)
         B.push(K);
@@ -5501,7 +5501,7 @@ const ws = V({
       ee !== e.displayedValue && M(ee);
     }
     function N(B) {
-      return e.double && B - e.min >= m.value;
+      return e.double && B - e.min >= f.value;
     }
     function ne(B) {
       return N(B) ? I.value : 1;
@@ -5514,8 +5514,8 @@ const ws = V({
       };
     }
     function ue(B, K) {
-      const ee = (Math.round(B / h.value) + (K ? m.value : 0)) % g.value + e.min;
-      return B < 360 - h.value / 2 ? ee : K ? e.max - m.value + 1 : e.min;
+      const ee = (Math.round(B / h.value) + (K ? f.value : 0)) % g.value + e.min;
+      return B < 360 - h.value / 2 ? ee : K ? e.max - f.value + 1 : e.min;
     }
     function te(B) {
       const {
@@ -5539,13 +5539,13 @@ const ws = V({
       s.value === null && (s.value = B), r.value = B, M(B);
     }
     function H(B) {
-      var mt, pe;
+      var ft, pe;
       if (B.preventDefault(), !o.value && B.type !== "click" || !l.value) return;
       const {
         width: K,
         top: ee,
         left: A
-      } = (mt = l.value) == null ? void 0 : mt.getBoundingClientRect(), {
+      } = (ft = l.value) == null ? void 0 : ft.getBoundingClientRect(), {
         width: O
       } = ((pe = i.value) == null ? void 0 : pe.getBoundingClientRect()) ?? {
         width: 0
@@ -5558,10 +5558,10 @@ const ws = V({
       }, Fe = {
         x: Y - A,
         y: ee - Q
-      }, ft = Math.round(T(Se, Fe) - e.rotate + 360) % 360, At = e.double && w(Se, Fe) < (O + O * I.value) / 4, Dt = Math.ceil(15 / h.value);
+      }, mt = Math.round(T(Se, Fe) - e.rotate + 360) % 360, At = e.double && w(Se, Fe) < (O + O * I.value) / 4, Dt = Math.ceil(15 / h.value);
       let Pe;
       for (let Pt = 0; Pt < Dt; Pt++)
-        if (Pe = ue(ft + Pt * h.value, At), E(Pe) || (Pe = ue(ft - Pt * h.value, At), E(Pe))) return W(Pe);
+        if (Pe = ue(mt + Pt * h.value, At), E(Pe) || (Pe = ue(mt - Pt * h.value, At), E(Pe))) return W(Pe);
     }
     function ie(B) {
       e.disabled || (B.preventDefault(), window.addEventListener("mousemove", H), window.addEventListener("touchmove", H), window.addEventListener("mouseup", ve), window.addEventListener("touchend", ve), s.value = null, r.value = null, o.value = !0, H(B));
@@ -5589,7 +5589,7 @@ const ws = V({
       }, u.value],
       style: [{
         transform: `rotate(${e.rotate + h.value * (C.value - e.min)}deg) scaleY(${ne(C.value)})`
-      }, f.value]
+      }, m.value]
     }, null), x.value.map((B) => {
       const K = B === C.value;
       return c("div", {
@@ -5761,7 +5761,7 @@ const Ts = V({
     } = n;
     const {
       t: i
-    } = dt(), a = G(null), o = G(null), s = G(null), r = G(null), u = G(null), f = G(null), d = G("am"), v = ge(e, "viewMode", "hour"), g = G(null), m = G(null), h = _(() => {
+    } = dt(), a = G(null), o = G(null), s = G(null), r = G(null), u = G(null), m = G(null), d = G("am"), v = ge(e, "viewMode", "hour"), g = G(null), f = G(null), h = _(() => {
       let w;
       if (e.allowedHours instanceof Array ? w = (H) => e.allowedHours.includes(H) : w = e.allowedHours, !e.min && !e.max) return w;
       const T = e.min ? Number(e.min.split(":")[0]) : 0, W = e.max ? Number(e.max.split(":")[0]) : 23;
@@ -5843,7 +5843,7 @@ const Ts = V({
           break;
       }
       const T = a.value !== null && o.value !== null && (e.useSeconds ? s.value !== null : !0);
-      v.value === "hour" ? v.value = "minute" : e.useSeconds && v.value === "minute" && (v.value = "second"), !(a.value === r.value && o.value === u.value && (!e.useSeconds || s.value === f.value) || x() === null) && (r.value = a.value, u.value = o.value, e.useSeconds && (f.value = s.value), T && M());
+      v.value === "hour" ? v.value = "minute" : e.useSeconds && v.value === "minute" && (v.value = "second"), !(a.value === r.value && o.value === u.value && (!e.useSeconds || s.value === m.value) || x() === null) && (r.value = a.value, u.value = o.value, e.useSeconds && (m.value = s.value), T && M());
     }
     J(() => {
       const w = ol.filterProps(e), T = rl.filterProps(e), W = sl.filterProps(je(e, ["format", "modelValue", "min", "max"]));
@@ -5881,7 +5881,7 @@ const Ts = V({
           modelValue: v.value === "hour" ? a.value : v.value === "minute" ? o.value : s.value,
           onChange: te,
           onInput: ue,
-          ref: m
+          ref: f
         }), null),
         actions: l.actions
       });
@@ -5936,7 +5936,7 @@ const Ts = V({
     function u(g) {
       g.stopPropagation(), i(!l.value, g);
     }
-    const f = _(() => ({
+    const m = _(() => ({
       onClick: u,
       class: "v-list-group__header",
       id: o.value
@@ -5966,7 +5966,7 @@ const Ts = V({
       }, {
         default: () => [c(Bs, null, {
           default: () => [t.activator({
-            props: f.value,
+            props: m.value,
             isOpen: l.value
           })]
         })]
@@ -6100,32 +6100,32 @@ const Ts = V({
           return ((g = t.subheader) == null ? void 0 : g.call(t, {
             props: s
           })) ?? c(Ds, s, null);
-        const f = {
-          subtitle: t.subtitle ? (m) => {
+        const m = {
+          subtitle: t.subtitle ? (f) => {
             var h;
             return (h = t.subtitle) == null ? void 0 : h.call(t, {
-              ...m,
+              ...f,
               item: u
             });
           } : void 0,
-          prepend: t.prepend ? (m) => {
+          prepend: t.prepend ? (f) => {
             var h;
             return (h = t.prepend) == null ? void 0 : h.call(t, {
-              ...m,
+              ...f,
               item: u
             });
           } : void 0,
-          append: t.append ? (m) => {
+          append: t.append ? (f) => {
             var h;
             return (h = t.append) == null ? void 0 : h.call(t, {
-              ...m,
+              ...f,
               item: u
             });
           } : void 0,
-          title: t.title ? (m) => {
+          title: t.title ? (f) => {
             var h;
             return (h = t.title) == null ? void 0 : h.call(t, {
-              ...m,
+              ...f,
               item: u
             });
           } : void 0
@@ -6133,10 +6133,10 @@ const Ts = V({
         return o ? c(zt, F({
           value: s == null ? void 0 : s.value
         }, d), {
-          activator: (m) => {
+          activator: (f) => {
             let {
               props: h
-            } = m;
+            } = f;
             const y = {
               ...s,
               ...h,
@@ -6144,7 +6144,7 @@ const Ts = V({
             };
             return t.header ? t.header({
               props: y
-            }) : c(Ft, y, f);
+            }) : c(Ft, y, m);
           },
           default: () => c(pa, {
             items: o,
@@ -6154,7 +6154,7 @@ const Ts = V({
           props: s
         }) : c(Ft, F(s, {
           value: e.returnObject ? u : s.value
-        }), f);
+        }), m);
       }));
     };
   }
@@ -6275,13 +6275,13 @@ const Sa = V({
     } = Ze(e), {
       dimensionStyles: u
     } = Vt(e), {
-      elevationClasses: f
+      elevationClasses: m
     } = ct(e), {
       roundedClasses: d
     } = He(e), {
       children: v,
       open: g,
-      parents: m,
+      parents: f,
       select: h,
       getPath: y
     } = ps(e), C = _(() => e.lines ? `v-list--${e.lines}-line` : void 0), I = D(e, "activeColor"), x = D(e, "baseColor"), M = D(e, "color");
@@ -6346,7 +6346,7 @@ const Sa = V({
         "v-list--disabled": e.disabled,
         "v-list--nav": e.nav,
         "v-list--slim": e.slim
-      }, i.value, a.value, s.value, r.value, f.value, C.value, d.value, e.class],
+      }, i.value, a.value, s.value, r.value, m.value, C.value, d.value, e.class],
       style: [o.value, u.value, e.style],
       tabindex: e.disabled ? -1 : 0,
       role: "listbox",
@@ -6366,7 +6366,7 @@ const Sa = V({
       select: h,
       focus: w,
       children: v,
-      parents: m,
+      parents: f,
       getPath: y
     };
   }
@@ -6419,26 +6419,26 @@ const Sa = V({
       var v;
       return i.value && !i.value.has(oe((v = a.value) == null ? void 0 : v.id));
     });
-    function f(v) {
-      var g, m;
-      r.value && o.value && ((m = a.value) == null || m.activate(!((g = a.value) != null && g.isActivated), v));
+    function m(v) {
+      var g, f;
+      r.value && o.value && ((f = a.value) == null || f.activate(!((g = a.value) != null && g.isActivated), v));
     }
     function d(v) {
       v.preventDefault(), l("toggleExpand", v);
     }
     return J(() => {
-      var m;
+      var f;
       const v = je(Ft.filterProps(e), ["onClick"]), g = t.prepend || e.toggleIcon;
       return c(Ft, F({
         ref: a
       }, v, {
-        active: (m = a.value) == null ? void 0 : m.isActivated,
+        active: (f = a.value) == null ? void 0 : f.isActivated,
         class: ["v-treeview-item", {
           "v-treeview-item--activatable-group-activator": o.value,
           "v-treeview-item--filtered": u.value
         }, e.class],
         ripple: !1,
-        onClick: e.onClick ?? f
+        onClick: e.onClick ?? m
       }), {
         ...t,
         prepend: g ? (h) => {
@@ -6572,13 +6572,13 @@ function Fs(e) {
   } = Ze(e), l = ge(e, "modelValue"), i = _(() => e.trueValue !== void 0 ? e.trueValue : e.value !== void 0 ? e.value : !0), a = _(() => e.falseValue !== void 0 ? e.falseValue : !1), o = _(() => !!e.multiple || e.multiple == null && Array.isArray(l.value)), s = _({
     get() {
       const g = n ? n.modelValue.value : l.value;
-      return o.value ? Ee(g).some((m) => e.valueComparator(m, i.value)) : e.valueComparator(g, i.value);
+      return o.value ? Ee(g).some((f) => e.valueComparator(f, i.value)) : e.valueComparator(g, i.value);
     },
     set(g) {
       if (e.readonly) return;
-      const m = g ? i.value : a.value;
-      let h = m;
-      o.value && (h = g ? [...Ee(l.value), m] : Ee(l.value).filter((y) => !e.valueComparator(y, i.value))), n ? n.modelValue.value = h : l.value = h;
+      const f = g ? i.value : a.value;
+      let h = f;
+      o.value && (h = g ? [...Ee(l.value), f] : Ee(l.value).filter((y) => !e.valueComparator(y, i.value))), n ? n.modelValue.value = h : l.value = h;
     }
   }), {
     textColorClasses: r,
@@ -6587,7 +6587,7 @@ function Fs(e) {
     if (!(e.error || e.disabled))
       return s.value ? e.color : e.baseColor;
   })), {
-    backgroundColorClasses: f,
+    backgroundColorClasses: m,
     backgroundColorStyles: d
   } = Qe(_(() => s.value && !e.error && !e.disabled ? e.color : e.baseColor)), v = _(() => s.value ? e.trueIcon : e.falseIcon);
   return {
@@ -6598,12 +6598,12 @@ function Fs(e) {
     model: s,
     textColorClasses: r,
     textColorStyles: u,
-    backgroundColorClasses: f,
+    backgroundColorClasses: m,
     backgroundColorStyles: d,
     icon: v
   };
 }
-const fl = $()({
+const ml = $()({
   name: "VSelectionControl",
   directives: {
     Ripple: Xt
@@ -6625,18 +6625,18 @@ const fl = $()({
       model: s,
       textColorClasses: r,
       textColorStyles: u,
-      backgroundColorClasses: f,
+      backgroundColorClasses: m,
       backgroundColorStyles: d,
       trueValue: v
-    } = Fs(e), g = wt(), m = se(!1), h = se(!1), y = G(), C = _(() => e.id || `input-${g}`), I = _(() => !e.disabled && !e.readonly);
+    } = Fs(e), g = wt(), f = se(!1), h = se(!1), y = G(), C = _(() => e.id || `input-${g}`), I = _(() => !e.disabled && !e.readonly);
     i == null || i.onForceUpdate(() => {
       y.value && (y.value.checked = s.value);
     });
     function x(N) {
-      I.value && (m.value = !0, wi(N.target, ":focus-visible") !== !1 && (h.value = !0));
+      I.value && (f.value = !0, wi(N.target, ":focus-visible") !== !1 && (h.value = !0));
     }
     function M() {
-      m.value = !1, h.value = !1;
+      f.value = !1, h.value = !1;
     }
     function E(N) {
       N.stopPropagation();
@@ -6675,7 +6675,7 @@ const fl = $()({
           "v-selection-control--dirty": s.value,
           "v-selection-control--disabled": e.disabled,
           "v-selection-control--error": e.error,
-          "v-selection-control--focused": m.value,
+          "v-selection-control--focused": f.value,
           "v-selection-control--focus-visible": h.value,
           "v-selection-control--inline": e.inline
         }, a.value, e.class]
@@ -6685,7 +6685,7 @@ const fl = $()({
         class: ["v-selection-control__wrapper", r.value],
         style: u.value
       }, [(te = l.default) == null ? void 0 : te.call(l, {
-        backgroundColorClasses: f,
+        backgroundColorClasses: m,
         backgroundColorStyles: d
       }), Re(c("div", {
         class: ["v-selection-control__input"]
@@ -6693,7 +6693,7 @@ const fl = $()({
         model: s,
         textColorClasses: r,
         textColorStyles: u,
-        backgroundColorClasses: f,
+        backgroundColorClasses: m,
         backgroundColorStyles: d,
         inputNode: ue,
         icon: o.value,
@@ -6712,7 +6712,7 @@ const fl = $()({
         default: () => [N]
       })]);
     }), {
-      isFocused: m,
+      isFocused: f,
       input: y
     };
   }
@@ -6743,8 +6743,8 @@ const fl = $()({
     }
     const o = _(() => l.value ? e.indeterminateIcon : e.falseIcon), s = _(() => l.value ? e.indeterminateIcon : e.trueIcon);
     return J(() => {
-      const r = je(fl.filterProps(e), ["modelValue"]);
-      return c(fl, F(r, {
+      const r = je(ml.filterProps(e), ["modelValue"]);
+      return c(ml, F(r, {
         modelValue: i.value,
         "onUpdate:modelValue": [(u) => i.value = u, a],
         class: ["v-checkbox-btn", e.class],
@@ -6804,12 +6804,12 @@ const fl = $()({
       return ((s = t.default) == null ? void 0 : s.call(t)) ?? ((r = e.items) == null ? void 0 : r.map((u) => {
         var y;
         const {
-          children: f,
+          children: m,
           props: d
         } = u, v = l.has(u.value), g = {
           prepend: (C) => {
             var I;
-            return c(j, null, [e.selectable && (!f || f && !["leaf", "single-leaf"].includes(e.selectStrategy)) && c("div", null, [c(Us, {
+            return c(j, null, [e.selectable && (!m || m && !["leaf", "single-leaf"].includes(e.selectStrategy)) && c("div", null, [c(Us, {
               key: u.value,
               modelValue: C.isSelected,
               disabled: e.disabled,
@@ -6854,9 +6854,9 @@ const fl = $()({
               internalItem: u
             });
           } : void 0
-        }, m = ul.filterProps(d), h = Ut.filterProps(e);
-        return f ? c(ul, F(m, {
-          value: e.returnObject ? u.raw : m == null ? void 0 : m.value
+        }, f = ul.filterProps(d), h = Ut.filterProps(e);
+        return m ? c(ul, F(f, {
+          value: e.returnObject ? u.raw : f == null ? void 0 : f.value
         }), {
           activator: (C) => {
             let {
@@ -6875,7 +6875,7 @@ const fl = $()({
             }), g);
           },
           default: () => c(Ut, F(h, {
-            items: f,
+            items: m,
             returnObject: e.returnObject
           }), t)
         }) : ((y = t.item) == null ? void 0 : y.call(t, {
@@ -6903,13 +6903,13 @@ function Ws(e, n, t) {
   const l = [], i = (t == null ? void 0 : t.default) ?? js, a = t != null && t.filterKeys ? Ee(t.filterKeys) : !1, o = Object.keys((t == null ? void 0 : t.customKeyFilter) ?? {}).length;
   if (!(e != null && e.length)) return l;
   e: for (let r = 0; r < e.length; r++) {
-    const [u, f = u] = Ee(e[r]), d = {}, v = {};
+    const [u, m = u] = Ee(e[r]), d = {}, v = {};
     let g = -1;
     if ((n || o > 0) && !(t != null && t.noFilter)) {
       if (typeof u == "object") {
-        const y = a || Object.keys(f);
+        const y = a || Object.keys(m);
         for (const C of y) {
-          const I = nt(f, C), x = (s = t == null ? void 0 : t.customKeyFilter) == null ? void 0 : s[C];
+          const I = nt(m, C), x = (s = t == null ? void 0 : t.customKeyFilter) == null ? void 0 : s[C];
           if (g = x ? x(I, n, u) : i(I, n, u), g !== -1 && g !== !1)
             x ? d[C] = g : v[C] = g;
           else if ((t == null ? void 0 : t.filterMode) === "every")
@@ -6917,8 +6917,8 @@ function Ws(e, n, t) {
         }
       } else
         g = i(u, n, u), g !== -1 && g !== !1 && (v.title = g);
-      const m = Object.keys(v).length, h = Object.keys(d).length;
-      if (!m && !h || (t == null ? void 0 : t.filterMode) === "union" && h !== o && !m || (t == null ? void 0 : t.filterMode) === "intersection" && (h !== o || !m)) continue;
+      const f = Object.keys(v).length, h = Object.keys(d).length;
+      if (!f && !h || (t == null ? void 0 : t.filterMode) === "union" && h !== o && !f || (t == null ? void 0 : t.filterMode) === "intersection" && (h !== o || !f)) continue;
     }
     l.push({
       index: r,
@@ -6933,7 +6933,7 @@ function Ws(e, n, t) {
 function Gs(e, n, t, l) {
   const i = se([]), a = se(/* @__PURE__ */ new Map()), o = _(() => Ve(n));
   $t(() => {
-    const r = typeof t == "function" ? t() : Ve(t), u = typeof r != "string" && typeof r != "number" ? "" : String(r), f = Ws(o.value, u, {
+    const r = typeof t == "function" ? t() : Ve(t), u = typeof r != "string" && typeof r != "number" ? "" : String(r), m = Ws(o.value, u, {
       customKeyFilter: {
         ...e.customKeyFilter,
         ...Ve(l == null ? void 0 : l.customKeyFilter)
@@ -6943,11 +6943,11 @@ function Gs(e, n, t, l) {
       filterMode: e.filterMode,
       noFilter: e.noFilter
     }), d = Ve(n), v = [], g = /* @__PURE__ */ new Map();
-    f.forEach((m) => {
+    m.forEach((f) => {
       let {
         index: h,
         matches: y
-      } = m;
+      } = f;
       const C = d[h];
       v.push(C), g.set(C.value, y);
     }), i.value = v, a.value = g;
@@ -7001,16 +7001,16 @@ const Ks = V({
     } = n;
     const {
       items: l
-    } = ka(e), i = D(e, "activeColor"), a = D(e, "baseColor"), o = D(e, "color"), s = ge(e, "activated"), r = ge(e, "modelValue"), u = ge(e, "selected", e.modelValue), f = _({
+    } = ka(e), i = D(e, "activeColor"), a = D(e, "baseColor"), o = D(e, "color"), s = ge(e, "activated"), r = ge(e, "modelValue"), u = ge(e, "selected", e.modelValue), m = _({
       get: () => u.value,
       set(x) {
         u.value = x, r.value = x;
       }
-    }), d = G(), v = _(() => e.openAll ? I(l.value) : e.opened), g = _(() => Ta(l.value)), m = D(e, "search"), {
+    }), d = G(), v = _(() => e.openAll ? I(l.value) : e.opened), g = _(() => Ta(l.value)), f = D(e, "search"), {
       filteredItems: h
-    } = Gs(e, g, m), y = _(() => {
+    } = Gs(e, g, f), y = _(() => {
       var M;
-      if (!m.value) return null;
+      if (!f.value) return null;
       const x = (M = d.value) == null ? void 0 : M.getPath;
       return x ? new Set(h.value.flatMap((E) => {
         const z = e.returnObject ? E.raw : E.props.value;
@@ -7065,8 +7065,8 @@ const Ks = V({
         opened: v.value,
         activated: s.value,
         "onUpdate:activated": (E) => s.value = E,
-        selected: f.value,
-        "onUpdate:selected": (E) => f.value = E
+        selected: m.value,
+        "onUpdate:selected": (E) => m.value = E
       }), {
         default: () => [c(Ut, F(M, {
           density: e.density,
@@ -7213,7 +7213,7 @@ const Xs = /* @__PURE__ */ P(Ys, [["render", Js], ["__scopeId", "data-v-cc4867d3
   }
 };
 function Zs(e, n, t, l, i, a) {
-  const o = p("v-card-title"), s = p("v-card-subtitle"), r = p("v-card-text"), u = p("RtButton"), f = p("v-card-actions"), d = p("v-card");
+  const o = p("v-card-title"), s = p("v-card-subtitle"), r = p("v-card-text"), u = p("RtButton"), m = p("v-card-actions"), d = p("v-card");
   return b(), S(d, {
     color: t.color,
     elevation: t.elevation,
@@ -7253,7 +7253,7 @@ function Zs(e, n, t, l, i, a) {
         ]),
         _: 3
       }),
-      t.hasFooter ? (b(), S(f, { key: 2 }, {
+      t.hasFooter ? (b(), S(m, { key: 2 }, {
         default: k(() => [
           c(u, {
             color: "btn-primary",
@@ -7619,7 +7619,7 @@ function dr(e, n, t, l, i, a) {
     } : void 0
   ]), 1040, ["modelValue", "label", "placeholder", "disabled", "error", "error-messages", "prependIcon", "appendIcon", "hint", "autocomplete", "onClick:clear", "onBlur"]);
 }
-const Dn = /* @__PURE__ */ P(cr, [["render", dr], ["__scopeId", "data-v-98ee987d"]]), fr = {
+const Dn = /* @__PURE__ */ P(cr, [["render", dr], ["__scopeId", "data-v-98ee987d"]]), mr = {
   name: "RtConfirmEdit",
   components: {
     RtInput: Dn,
@@ -7658,10 +7658,10 @@ const Dn = /* @__PURE__ */ P(cr, [["render", dr], ["__scopeId", "data-v-98ee987d
       this.isEditing = !1, this.currentValue = this.value;
     }
   }
-}, mr = { class: "actions" };
+}, fr = { class: "actions" };
 function vr(e, n, t, l, i, a) {
-  const o = p("RtInput"), s = p("RtButton"), r = p("RtIcon"), u = p("v-card-text"), f = p("v-card");
-  return b(), S(f, {
+  const o = p("RtInput"), s = p("RtButton"), r = p("RtIcon"), u = p("v-card-text"), m = p("v-card");
+  return b(), S(m, {
     outlined: "",
     class: "confirm-edit-card"
   }, {
@@ -7677,7 +7677,7 @@ function vr(e, n, t, l, i, a) {
               dense: "",
               class: "edit-field"
             }, null, 8, ["modelValue", "label"]),
-            me("div", mr, [
+            me("div", fr, [
               c(s, {
                 color: "primary",
                 small: "",
@@ -7718,7 +7718,7 @@ function vr(e, n, t, l, i, a) {
     _: 1
   });
 }
-const hr = /* @__PURE__ */ P(fr, [["render", vr], ["__scopeId", "data-v-98ee24d8"]]), gr = {
+const hr = /* @__PURE__ */ P(mr, [["render", vr], ["__scopeId", "data-v-98ee24d8"]]), gr = {
   name: "RtDateInput",
   props: {
     prependIcon: {
@@ -7788,13 +7788,13 @@ function yr(e, n, t, l, i, a) {
   const o = p("v-icon"), s = p("v-text-field"), r = p("v-date-picker"), u = p("v-menu");
   return b(), S(u, {
     modelValue: l.menu,
-    "onUpdate:modelValue": n[2] || (n[2] = (f) => l.menu = f),
+    "onUpdate:modelValue": n[2] || (n[2] = (m) => l.menu = m),
     transition: "scale-transition",
     "close-on-content-click": "false",
     "max-width": "290px",
     "min-width": "290px"
   }, {
-    activator: k(({ props: f }) => [
+    activator: k(({ props: m }) => [
       c(s, F(yn(e.on), {
         modelValue: l.formattedDate,
         "onUpdate:modelValue": n[0] || (n[0] = (d) => l.formattedDate = d),
@@ -7803,7 +7803,7 @@ function yr(e, n, t, l, i, a) {
         prependIcon: t.prependIcon,
         hint: t.hint,
         readonly: ""
-      }, f), gn({ _: 2 }, [
+      }, m), gn({ _: 2 }, [
         t.prependIcon ? {
           name: "prepend-inner",
           fn: k(() => [
@@ -7823,7 +7823,7 @@ function yr(e, n, t, l, i, a) {
         "prepend-icon": "mdi-calendar",
         modelValue: l.date,
         "onUpdate:modelValue": [
-          n[1] || (n[1] = (f) => l.date = f),
+          n[1] || (n[1] = (m) => l.date = m),
           l.onDateSelect
         ],
         min: t.min,
@@ -7913,49 +7913,51 @@ const kr = /* @__PURE__ */ P(pr, [["render", _r], ["__scopeId", "data-v-ff02002f
     value: Boolean
   },
   setup() {
-    const e = G(!1), n = G(null), t = async () => {
+    const e = G(!1), n = G(null), t = G("https://example.com"), l = async () => {
       e.value = !0, await Te();
-      const o = document.querySelector("[role='dialog']");
-      if (o) {
-        const s = o.querySelectorAll(
+      const s = document.querySelector("[role='dialog']");
+      if (s) {
+        const r = s.querySelectorAll(
           'a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])'
         );
-        if (s.length) {
-          const r = s[0];
-          typeof r.focus == "function" ? r.focus() : console.warn("The first focusable element is not focusable:", r);
+        if (r.length) {
+          const u = r[0];
+          typeof u.focus == "function" ? u.focus() : console.warn("The first focusable element is not focusable:", u);
         }
       } else
         console.warn("Dialog element not found in DOM.");
-    }, l = () => {
+    }, i = () => {
       e.value = !1, Te(() => {
         n.value && typeof n.value.focus == "function" && n.value.focus();
       });
-    }, i = (o) => o.querySelectorAll(
+    }, a = (s) => s.querySelectorAll(
       'a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])'
-    ), a = (o) => {
-      const s = document.querySelector("[role='dialog']");
-      if (!s) return;
-      const r = i(s);
-      if (r.length === 0) return;
-      const u = r[0], f = r[r.length - 1];
-      o.target === f && !o.shiftKey ? (o.preventDefault(), typeof u.focus == "function" && u.focus()) : o.target === u && o.shiftKey && (o.preventDefault(), typeof f.focus == "function" && f.focus());
+    ), o = (s) => {
+      const r = document.querySelector("[role='dialog']");
+      if (!r) return;
+      const u = a(r);
+      if (u.length === 0) return;
+      const m = u[0], d = u[u.length - 1];
+      s.target === d && !s.shiftKey ? (s.preventDefault(), typeof m.focus == "function" && m.focus()) : s.target === m && s.shiftKey && (s.preventDefault(), typeof d.focus == "function" && d.focus());
     };
-    return he(e, (o) => {
-      o ? document.addEventListener("keydown", a) : document.removeEventListener("keydown", a);
+    return he(e, (s) => {
+      s ? document.addEventListener("keydown", o) : document.removeEventListener("keydown", o);
     }), Gt(() => {
-      document.addEventListener("keydown", a);
+      document.addEventListener("keydown", o);
     }), Ea(() => {
-      document.removeEventListener("keydown", a);
+      document.removeEventListener("keydown", o);
     }), {
       dialogVisible: e,
       activator: n,
-      openDialog: t,
-      closeDialog: l
+      openDialog: l,
+      closeDialog: i,
+      embeddedPageUrl: t
+      // ✅ Pass URL to template
     };
   }
-};
-function Cr(e, n, t, l, i, a) {
-  const o = p("RtButton"), s = p("v-card-title"), r = p("v-card-text"), u = p("v-card-actions"), f = p("v-card"), d = p("v-dialog");
+}, Cr = ["src"];
+function wr(e, n, t, l, i, a) {
+  const o = p("RtButton"), s = p("v-card-title"), r = p("v-card-text"), u = p("v-card-actions"), m = p("v-card"), d = p("v-dialog");
   return b(), S(d, {
     modelValue: l.dialogVisible,
     "onUpdate:modelValue": n[0] || (n[0] = (v) => l.dialogVisible = v),
@@ -7983,7 +7985,7 @@ function Cr(e, n, t, l, i, a) {
       }, 1040, ["onClick"])
     ]),
     default: k(() => [
-      c(f, null, {
+      c(m, null, {
         default: k(() => [
           c(s, {
             class: "headline",
@@ -7995,9 +7997,14 @@ function Cr(e, n, t, l, i, a) {
             _: 1
           }),
           c(r, null, {
-            default: k(() => n[3] || (n[3] = [
-              L(" This is the content of the dialog. ")
-            ])),
+            default: k(() => [
+              me("iframe", {
+                src: l.embeddedPageUrl,
+                width: "100%",
+                height: "400px",
+                frameborder: "0"
+              }, null, 8, Cr)
+            ]),
             _: 1
           }),
           c(u, null, {
@@ -8007,7 +8014,7 @@ function Cr(e, n, t, l, i, a) {
                 text: "",
                 onClick: l.closeDialog
               }, {
-                default: k(() => n[4] || (n[4] = [
+                default: k(() => n[3] || (n[3] = [
                   L("Close")
                 ])),
                 _: 1
@@ -8017,7 +8024,7 @@ function Cr(e, n, t, l, i, a) {
                 text: "",
                 onClick: l.closeDialog
               }, {
-                default: k(() => n[5] || (n[5] = [
+                default: k(() => n[4] || (n[4] = [
                   L("Cancel")
                 ])),
                 _: 1
@@ -8032,7 +8039,7 @@ function Cr(e, n, t, l, i, a) {
     _: 1
   }, 8, ["modelValue", "fullscreen", "hide-overlay", "max-width", "persistent", "scrollable", "transition", "onKeydown"]);
 }
-const wr = /* @__PURE__ */ P(Sr, [["render", Cr], ["__scopeId", "data-v-009287a8"]]), Ir = {
+const Ir = /* @__PURE__ */ P(Sr, [["render", wr], ["__scopeId", "data-v-ade84a23"]]), xr = {
   name: "RtDivider",
   props: {
     color: {
@@ -8057,7 +8064,7 @@ const wr = /* @__PURE__ */ P(Sr, [["render", Cr], ["__scopeId", "data-v-009287a8
     }
   }
 };
-function xr(e, n, t, l, i, a) {
+function Vr(e, n, t, l, i, a) {
   const o = p("v-divider");
   return b(), S(o, {
     color: t.color,
@@ -8068,7 +8075,7 @@ function xr(e, n, t, l, i, a) {
     vertical: t.vertical
   }, null, 8, ["color", "density", "inset", "length", "thickness", "vertical"]);
 }
-const Vr = /* @__PURE__ */ P(Ir, [["render", xr]]), Tr = {
+const Tr = /* @__PURE__ */ P(xr, [["render", Vr]]), Br = {
   name: "RtExpansionComponent",
   props: {
     disabled: {
@@ -8130,9 +8137,9 @@ const Vr = /* @__PURE__ */ P(Ir, [["render", xr]]), Tr = {
     }
   }
 };
-function Br(e, n, t, l, i, a) {
-  const o = p("v-icon"), s = p("v-expansion-panel-title"), r = p("v-expansion-panel-text"), u = p("v-expansion-panel"), f = p("v-expansion-panels");
-  return b(), S(f, F(e.$attrs, {
+function Rr(e, n, t, l, i, a) {
+  const o = p("v-icon"), s = p("v-expansion-panel-title"), r = p("v-expansion-panel-text"), u = p("v-expansion-panel"), m = p("v-expansion-panels");
+  return b(), S(m, F(e.$attrs, {
     multiple: t.multiple,
     variant: t.variant,
     disabled: t.disabled,
@@ -8196,7 +8203,7 @@ function Br(e, n, t, l, i, a) {
     _: 1
   }, 16, ["multiple", "variant", "disabled"]);
 }
-const Rr = /* @__PURE__ */ P(Tr, [["render", Br], ["__scopeId", "data-v-2c20523a"]]), Ar = {
+const Ar = /* @__PURE__ */ P(Br, [["render", Rr], ["__scopeId", "data-v-2c20523a"]]), Dr = {
   name: "RtFileUpload",
   props: {
     modelValue: {
@@ -8266,7 +8273,7 @@ const Rr = /* @__PURE__ */ P(Tr, [["render", Br], ["__scopeId", "data-v-2c20523a
     }
   }
 };
-function Dr(e, n, t, l, i, a) {
+function Pr(e, n, t, l, i, a) {
   const o = p("v-btn"), s = p("v-file-input");
   return b(), S(s, F(a.inputProps, {
     modelValue: a.selectedFiles,
@@ -8297,7 +8304,7 @@ function Dr(e, n, t, l, i, a) {
     _: 1
   }, 16, ["modelValue", "label", "placeholder", "disabled", "clearable", "multiple", "error", "error-messages", "accept", "show-size"]);
 }
-const Pr = /* @__PURE__ */ P(Ar, [["render", Dr], ["__scopeId", "data-v-7ae7aa0d"]]), Mr = {
+const Mr = /* @__PURE__ */ P(Dr, [["render", Pr], ["__scopeId", "data-v-7ae7aa0d"]]), Or = {
   name: "RtFloatingButton",
   components: {
     RtIcon: st,
@@ -8339,7 +8346,7 @@ const Pr = /* @__PURE__ */ P(Ar, [["render", Dr], ["__scopeId", "data-v-7ae7aa0d
     }
   }
 };
-function Or(e, n, t, l, i, a) {
+function Lr(e, n, t, l, i, a) {
   const o = p("RtIcon"), s = p("RtButton"), r = p("v-fab-transition");
   return b(), S(r, null, {
     default: k(() => [
@@ -8372,7 +8379,7 @@ function Or(e, n, t, l, i, a) {
     _: 3
   });
 }
-const Lr = /* @__PURE__ */ P(Mr, [["render", Or], ["__scopeId", "data-v-d31f9958"]]), Er = {
+const Er = /* @__PURE__ */ P(Or, [["render", Lr], ["__scopeId", "data-v-d31f9958"]]), Nr = {
   name: "RtSelect",
   props: {
     items: {
@@ -8429,7 +8436,7 @@ const Lr = /* @__PURE__ */ P(Mr, [["render", Or], ["__scopeId", "data-v-d31f9958
     }
   }
 };
-function Nr(e, n, t, l, i, a) {
+function Hr(e, n, t, l, i, a) {
   const o = p("v-icon"), s = p("v-select");
   return b(), S(s, F(e.$attrs, {
     items: a.computedItems,
@@ -8465,7 +8472,7 @@ function Nr(e, n, t, l, i, a) {
     } : void 0
   ]), 1040, ["items", "modelValue", "label", "density", "outlined", "chips", "multiple", "placeholder", "disabled", "error", "error-messages", "menu-props", "onUpdate:modelValue"]);
 }
-const Ba = /* @__PURE__ */ P(Er, [["render", Nr], ["__scopeId", "data-v-c864bf34"]]), Hr = {
+const Ba = /* @__PURE__ */ P(Nr, [["render", Hr], ["__scopeId", "data-v-c864bf34"]]), Fr = {
   name: "RtForm",
   components: {
     RtButton: Me,
@@ -8493,25 +8500,25 @@ const Ba = /* @__PURE__ */ P(Er, [["render", Nr], ["__scopeId", "data-v-c864bf34
     }
   }
 };
-function Fr(e, n, t, l, i, a) {
+function zr(e, n, t, l, i, a) {
   const o = p("RtInput"), s = p("RtSelect"), r = p("RtButton"), u = p("v-form");
   return b(), S(u, {
     ref: "form",
     modelValue: i.isValid,
-    "onUpdate:modelValue": n[3] || (n[3] = (f) => i.isValid = f),
+    "onUpdate:modelValue": n[3] || (n[3] = (m) => i.isValid = m),
     onSubmit: q(a.onSubmit, ["prevent"])
   }, {
     default: k(() => [
       c(o, {
         modelValue: i.formData.name,
-        "onUpdate:modelValue": n[0] || (n[0] = (f) => i.formData.name = f),
+        "onUpdate:modelValue": n[0] || (n[0] = (m) => i.formData.name = m),
         label: "Name",
         rules: [i.rules.required],
         required: ""
       }, null, 8, ["modelValue", "rules"]),
       c(o, {
         modelValue: i.formData.email,
-        "onUpdate:modelValue": n[1] || (n[1] = (f) => i.formData.email = f),
+        "onUpdate:modelValue": n[1] || (n[1] = (m) => i.formData.email = m),
         label: "Email",
         type: "email",
         rules: [i.rules.required, i.rules.email],
@@ -8519,7 +8526,7 @@ function Fr(e, n, t, l, i, a) {
       }, null, 8, ["modelValue", "rules"]),
       c(s, {
         modelValue: i.formData.gender,
-        "onUpdate:modelValue": n[2] || (n[2] = (f) => i.formData.gender = f),
+        "onUpdate:modelValue": n[2] || (n[2] = (m) => i.formData.gender = m),
         items: ["Male", "Female", "Other"],
         label: "Gender",
         rules: [i.rules.required]
@@ -8538,7 +8545,7 @@ function Fr(e, n, t, l, i, a) {
     _: 1
   }, 8, ["modelValue", "onSubmit"]);
 }
-const zr = /* @__PURE__ */ P(Hr, [["render", Fr], ["__scopeId", "data-v-1a39009c"]]), Ur = {
+const Ur = /* @__PURE__ */ P(Fr, [["render", zr], ["__scopeId", "data-v-1a39009c"]]), jr = {
   name: "RtGrid",
   props: {
     breakpoints: {
@@ -8552,15 +8559,15 @@ const zr = /* @__PURE__ */ P(Hr, [["render", Fr], ["__scopeId", "data-v-1a39009c
       ]
     }
   }
-}, jr = { class: "grid-box" };
-function $r(e, n, t, l, i, a) {
+}, $r = { class: "grid-box" };
+function Wr(e, n, t, l, i, a) {
   const o = p("v-col"), s = p("v-row"), r = p("v-container");
   return b(), S(r, { fluid: "" }, {
     default: k(() => [
       c(s, null, {
         default: k(() => [
-          (b(!0), Z(j, null, ae(t.breakpoints, (u, f) => (b(), S(o, {
-            key: f,
+          (b(!0), Z(j, null, ae(t.breakpoints, (u, m) => (b(), S(o, {
+            key: m,
             cols: u.cols,
             sm: u.sm,
             md: u.md,
@@ -8569,7 +8576,7 @@ function $r(e, n, t, l, i, a) {
             class: "pa-3"
           }, {
             default: k(() => [
-              me("div", jr, R(u.label), 1)
+              me("div", $r, R(u.label), 1)
             ]),
             _: 2
           }, 1032, ["cols", "sm", "md", "lg", "xl"]))), 128))
@@ -8580,7 +8587,7 @@ function $r(e, n, t, l, i, a) {
     _: 1
   });
 }
-const Wr = /* @__PURE__ */ P(Ur, [["render", $r], ["__scopeId", "data-v-d056b620"]]), Gr = {
+const Gr = /* @__PURE__ */ P(jr, [["render", Wr], ["__scopeId", "data-v-d056b620"]]), Kr = {
   name: "RtHeader",
   components: { RtButton: Me },
   props: {
@@ -8589,11 +8596,11 @@ const Wr = /* @__PURE__ */ P(Ur, [["render", $r], ["__scopeId", "data-v-d056b620
     }
   },
   emits: ["login", "logout", "createAccount"]
-}, Kr = {
+}, qr = {
   key: 0,
   class: "mr-3"
 };
-function qr(e, n, t, l, i, a) {
+function Yr(e, n, t, l, i, a) {
   const o = p("v-app-bar-title"), s = p("v-spacer"), r = p("RtButton"), u = p("v-app-bar");
   return b(), Z("header", null, [
     c(u, null, {
@@ -8609,7 +8616,7 @@ function qr(e, n, t, l, i, a) {
           _: 1
         }),
         c(s),
-        t.user ? (b(), Z("span", Kr, [
+        t.user ? (b(), Z("span", qr, [
           n[4] || (n[4] = L("Welcome, ")),
           me("b", null, R(t.user.name), 1),
           n[5] || (n[5] = L("!"))
@@ -8617,20 +8624,20 @@ function qr(e, n, t, l, i, a) {
         t.user ? (b(), S(r, {
           key: 1,
           size: "small",
-          onClick: n[0] || (n[0] = (f) => e.$emit("logout")),
+          onClick: n[0] || (n[0] = (m) => e.$emit("logout")),
           label: "Log out"
         })) : U("", !0),
         t.user ? U("", !0) : (b(), S(r, {
           key: 2,
           size: "small",
-          onClick: n[1] || (n[1] = (f) => e.$emit("login")),
+          onClick: n[1] || (n[1] = (m) => e.$emit("login")),
           label: "Log in"
         })),
         t.user ? U("", !0) : (b(), S(r, {
           key: 3,
           primary: "",
           size: "small",
-          onClick: n[2] || (n[2] = (f) => e.$emit("createAccount")),
+          onClick: n[2] || (n[2] = (m) => e.$emit("createAccount")),
           label: "Sign up"
         }))
       ]),
@@ -8638,7 +8645,7 @@ function qr(e, n, t, l, i, a) {
     })
   ]);
 }
-const Ra = /* @__PURE__ */ P(Gr, [["render", qr]]), Yr = {
+const Ra = /* @__PURE__ */ P(Kr, [["render", Yr]]), Jr = {
   name: "RtHover",
   props: {
     openDelay: {
@@ -8651,30 +8658,30 @@ const Ra = /* @__PURE__ */ P(Gr, [["render", qr]]), Yr = {
     }
   }
 };
-function Jr(e, n, t, l, i, a) {
+function Xr(e, n, t, l, i, a) {
   const o = p("v-card-title"), s = p("v-card-subtitle"), r = p("v-card"), u = p("v-hover");
   return b(), S(u, {
     "open-delay": t.openDelay,
     "close-delay": t.closeDelay
   }, {
-    default: k(({ isHovering: f, props: d }) => [
+    default: k(({ isHovering: m, props: d }) => [
       c(r, F(d, {
         class: [{
-          hovered: f,
-          normal: !f
+          hovered: m,
+          normal: !m
         }, "pa-4"],
         outlined: ""
       }), {
         default: k(() => [
           c(o, null, {
             default: k(() => [
-              L(R(f ? "Hovered" : "Normal"), 1)
+              L(R(m ? "Hovered" : "Normal"), 1)
             ]),
             _: 2
           }, 1024),
           c(s, null, {
             default: k(() => [
-              L(R(f ? "You are hovering over the card!" : "Hover over the card to see the effect."), 1)
+              L(R(m ? "You are hovering over the card!" : "Hover over the card to see the effect."), 1)
             ]),
             _: 2
           }, 1024)
@@ -8685,7 +8692,7 @@ function Jr(e, n, t, l, i, a) {
     _: 1
   }, 8, ["open-delay", "close-delay"]);
 }
-const Xr = /* @__PURE__ */ P(Yr, [["render", Jr], ["__scopeId", "data-v-990af813"]]), Qr = {
+const Qr = /* @__PURE__ */ P(Jr, [["render", Xr], ["__scopeId", "data-v-990af813"]]), Zr = {
   name: "RtInfiniteScroll",
   data() {
     return {
@@ -8709,8 +8716,8 @@ const Xr = /* @__PURE__ */ P(Yr, [["render", Jr], ["__scopeId", "data-v-990af813
     this.loadMoreItems();
   }
 };
-function Zr(e, n, t, l, i, a) {
-  const o = p("v-list-item-content"), s = p("v-list-item"), r = p("v-list-item-group"), u = p("v-skeleton-loader"), f = p("v-list"), d = p("v-infinite-scroll");
+function eu(e, n, t, l, i, a) {
+  const o = p("v-list-item-content"), s = p("v-list-item"), r = p("v-list-item-group"), u = p("v-skeleton-loader"), m = p("v-list"), d = p("v-infinite-scroll");
   return b(), S(d, {
     loading: i.loading,
     "onUpdate:loading": n[0] || (n[0] = (v) => i.loading = v),
@@ -8718,7 +8725,7 @@ function Zr(e, n, t, l, i, a) {
     onLoad: a.loadMoreItems
   }, {
     default: k(() => [
-      c(f, null, {
+      c(m, null, {
         default: k(() => [
           i.items.length ? (b(), S(r, { key: 0 }, {
             default: k(() => [
@@ -8754,7 +8761,7 @@ function Zr(e, n, t, l, i, a) {
     _: 1
   }, 8, ["loading", "items-per-page", "onLoad"]);
 }
-const eu = /* @__PURE__ */ P(Qr, [["render", Zr], ["__scopeId", "data-v-2189cc56"]]), tu = {
+const tu = /* @__PURE__ */ P(Zr, [["render", eu], ["__scopeId", "data-v-2189cc56"]]), nu = {
   name: "RtList",
   components: { RtIcon: st },
   props: {
@@ -8770,12 +8777,12 @@ const eu = /* @__PURE__ */ P(Qr, [["render", Zr], ["__scopeId", "data-v-2189cc56
     }
   }
 };
-function nu(e, n, t, l, i, a) {
-  const o = p("v-list-item-title"), s = p("v-list-item-subtitle"), r = p("v-list-item-content"), u = p("RtIcon"), f = p("v-list-item-icon"), d = p("v-list-item"), v = p("v-list");
+function lu(e, n, t, l, i, a) {
+  const o = p("v-list-item-title"), s = p("v-list-item-subtitle"), r = p("v-list-item-content"), u = p("RtIcon"), m = p("v-list-item-icon"), d = p("v-list-item"), v = p("v-list");
   return b(), S(v, bl(pl(e.$attrs)), {
     default: k(() => [
-      (b(!0), Z(j, null, ae(t.items, (g, m) => (b(), S(d, {
-        key: m,
+      (b(!0), Z(j, null, ae(t.items, (g, f) => (b(), S(d, {
+        key: f,
         value: g.value,
         onClick: (h) => a.onItemClick(g)
       }, {
@@ -8797,7 +8804,7 @@ function nu(e, n, t, l, i, a) {
             ]),
             _: 2
           }, 1024),
-          g.icon ? (b(), S(f, { key: 0 }, {
+          g.icon ? (b(), S(m, { key: 0 }, {
             default: k(() => [
               c(u, {
                 icon: g.icon
@@ -8812,7 +8819,7 @@ function nu(e, n, t, l, i, a) {
     _: 1
   }, 16);
 }
-const lu = /* @__PURE__ */ P(tu, [["render", nu], ["__scopeId", "data-v-564d39bf"]]), au = {
+const au = /* @__PURE__ */ P(nu, [["render", lu], ["__scopeId", "data-v-564d39bf"]]), iu = {
   name: "RtMenu",
   props: {
     items: {
@@ -8847,10 +8854,10 @@ const lu = /* @__PURE__ */ P(tu, [["render", nu], ["__scopeId", "data-v-564d39bf
     }
   }
 };
-function iu(e, n, t, l, i, a) {
-  const o = p("v-btn"), s = p("v-list-item-title"), r = p("v-list-item"), u = p("v-list"), f = p("v-menu");
+function ou(e, n, t, l, i, a) {
+  const o = p("v-btn"), s = p("v-list-item-title"), r = p("v-list-item"), u = p("v-list"), m = p("v-menu");
   return b(), Z("div", null, [
-    c(f, {
+    c(m, {
       modelValue: i.isMenuOpen,
       "onUpdate:modelValue": n[0] || (n[0] = (d) => i.isMenuOpen = d),
       "close-on-content-click": !1,
@@ -8893,7 +8900,7 @@ function iu(e, n, t, l, i, a) {
     }, 8, ["modelValue", "offset-y", "z-index", "location"])
   ]);
 }
-const ou = /* @__PURE__ */ P(au, [["render", iu], ["__scopeId", "data-v-9b8ee7e8"]]), su = {
+const su = /* @__PURE__ */ P(iu, [["render", ou], ["__scopeId", "data-v-9b8ee7e8"]]), ru = {
   name: "RtNavigationDrawer",
   props: {
     location: {
@@ -8943,8 +8950,8 @@ const ou = /* @__PURE__ */ P(au, [["render", iu], ["__scopeId", "data-v-9b8ee7e8
     };
   }
 };
-function ru(e, n, t, l, i, a) {
-  const o = p("v-toolbar-title"), s = p("v-divider"), r = p("v-icon"), u = p("v-list-item"), f = p("v-list"), d = p("v-navigation-drawer");
+function uu(e, n, t, l, i, a) {
+  const o = p("v-toolbar-title"), s = p("v-divider"), r = p("v-icon"), u = p("v-list-item"), m = p("v-list"), d = p("v-navigation-drawer");
   return b(), S(d, {
     modelValue: i.isOpen,
     "onUpdate:modelValue": n[0] || (n[0] = (v) => i.isOpen = v),
@@ -8967,7 +8974,7 @@ function ru(e, n, t, l, i, a) {
       c(s)
     ]),
     default: k(() => [
-      c(f, null, {
+      c(m, null, {
         default: k(() => [
           (b(!0), Z(j, null, ae(t.items, (v, g) => (b(), S(u, {
             key: g,
@@ -8992,7 +8999,7 @@ function ru(e, n, t, l, i, a) {
     _: 1
   }, 8, ["modelValue", "temporary", "right", "width", "color", "rail", "floating", "location"]);
 }
-const uu = /* @__PURE__ */ P(su, [["render", ru], ["__scopeId", "data-v-0f81fc2c"]]), cu = {
+const cu = /* @__PURE__ */ P(ru, [["render", uu], ["__scopeId", "data-v-0f81fc2c"]]), du = {
   name: "RtOtp",
   props: {
     length: {
@@ -9020,10 +9027,10 @@ const uu = /* @__PURE__ */ P(su, [["render", ru], ["__scopeId", "data-v-0f81fc2c
       n.length === this.length && n.indexOf("") === -1 && this.$emit("complete", n);
     }
   }
-}, du = { class: "otp-input" };
+}, mu = { class: "otp-input" };
 function fu(e, n, t, l, i, a) {
   const o = p("v-text-field");
-  return b(), Z("div", du, [
+  return b(), Z("div", mu, [
     (b(!0), Z(j, null, ae(i.otpValues, (s, r) => (b(), S(o, {
       key: r,
       modelValue: i.otpValues[r],
@@ -9037,7 +9044,7 @@ function fu(e, n, t, l, i, a) {
     }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onInput"]))), 128))
   ]);
 }
-const mu = /* @__PURE__ */ P(cu, [["render", fu], ["__scopeId", "data-v-b9577741"]]), vu = {
+const vu = /* @__PURE__ */ P(du, [["render", fu], ["__scopeId", "data-v-b9577741"]]), hu = {
   name: "Overlay",
   props: {
     zIndex: {
@@ -9056,7 +9063,7 @@ const mu = /* @__PURE__ */ P(cu, [["render", fu], ["__scopeId", "data-v-b9577741
     }
   }
 };
-function hu(e, n, t, l, i, a) {
+function gu(e, n, t, l, i, a) {
   const o = p("v-btn"), s = p("v-container"), r = p("v-overlay");
   return b(), Z("div", null, [
     c(o, {
@@ -9096,7 +9103,7 @@ function hu(e, n, t, l, i, a) {
     }, 8, ["value", "z-index"])
   ]);
 }
-const gu = /* @__PURE__ */ P(vu, [["render", hu], ["__scopeId", "data-v-bf8f6848"]]), yu = {
+const yu = /* @__PURE__ */ P(hu, [["render", gu], ["__scopeId", "data-v-bf8f6848"]]), bu = {
   name: "my-page",
   components: { MyHeader: Ra },
   data() {
@@ -9116,7 +9123,7 @@ const gu = /* @__PURE__ */ P(vu, [["render", hu], ["__scopeId", "data-v-bf8f6848
     }
   }
 };
-function bu(e, n, t, l, i, a) {
+function pu(e, n, t, l, i, a) {
   const o = p("my-header");
   return b(), Z("article", null, [
     c(o, {
@@ -9128,7 +9135,7 @@ function bu(e, n, t, l, i, a) {
     n[0] || (n[0] = Na('<section><h2>Pages in Storybook</h2><p> We recommend building UIs with a <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer"><strong>component-driven</strong></a> process starting with atomic components and ending with pages. </p><p> Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook: </p><ul><li> Use a higher-level connected component. Storybook helps you compose such data from the &quot;args&quot; of child component stories </li><li> Assemble data in the page component from your services. You can mock these services out using Storybook. </li></ul><p> Get a guided tutorial on component-driven development at <a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">Storybook tutorials</a> . Read more in the <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">docs</a> . </p><div class="tip-wrapper"><span class="tip">Tip</span> Adjust the width of the canvas with the <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z" id="a" fill="#999"></path></g></svg> Viewports addon in the toolbar </div></section>', 1))
   ]);
 }
-const pu = /* @__PURE__ */ P(yu, [["render", bu]]), _u = {
+const _u = /* @__PURE__ */ P(bu, [["render", pu]]), ku = {
   name: "RtPagination",
   props: {
     length: {
@@ -9162,10 +9169,10 @@ const pu = /* @__PURE__ */ P(yu, [["render", bu]]), _u = {
       // Initial page
     };
   }
-}, ku = { class: "v-pagination-wrapper" }, Su = { class: "page-info" };
-function Cu(e, n, t, l, i, a) {
+}, Su = { class: "v-pagination-wrapper" }, Cu = { class: "page-info" };
+function wu(e, n, t, l, i, a) {
   const o = p("v-pagination");
-  return b(), Z("div", ku, [
+  return b(), Z("div", Su, [
     c(o, {
       modelValue: i.currentPage,
       "onUpdate:modelValue": n[0] || (n[0] = (s) => i.currentPage = s),
@@ -9175,13 +9182,13 @@ function Cu(e, n, t, l, i, a) {
       rounded: t.rounded,
       disabled: t.disabled
     }, null, 8, ["modelValue", "length", "total-visible", "color", "rounded", "disabled"]),
-    me("p", Su, "Current Page: " + R(i.currentPage), 1)
+    me("p", Cu, "Current Page: " + R(i.currentPage), 1)
   ]);
 }
-const wu = /* @__PURE__ */ P(_u, [["render", Cu], ["__scopeId", "data-v-7dd1540f"]]), Iu = {
+const Iu = /* @__PURE__ */ P(ku, [["render", wu], ["__scopeId", "data-v-7dd1540f"]]), xu = {
   name: "RtParallax"
 };
-function xu(e, n, t, l, i, a) {
+function Vu(e, n, t, l, i, a) {
   const o = p("v-parallax");
   return b(), S(o, {
     src: "https://images.unsplash.com/photo-1607631501395-b3028b9c85c2?crop=entropy&cs=tinysrgb&fit=max&ixid=MXwyMDg5OHwwfDF8c2VhcmNofDI2fHxyZWFjdGlvbnxlbnwwfHx8fDE2ODc1NDY1NzM&ixlib=rb-1.2.1&q=80&w=1080",
@@ -9199,7 +9206,7 @@ function xu(e, n, t, l, i, a) {
     _: 1
   });
 }
-const Vu = /* @__PURE__ */ P(Iu, [["render", xu], ["__scopeId", "data-v-e29d5213"]]), Tu = {
+const Tu = /* @__PURE__ */ P(xu, [["render", Vu], ["__scopeId", "data-v-e29d5213"]]), Bu = {
   name: "RtTooltip",
   props: {
     buttonText: {
@@ -9212,7 +9219,7 @@ const Vu = /* @__PURE__ */ P(Iu, [["render", xu], ["__scopeId", "data-v-e29d5213
     }
   }
 };
-function Bu(e, n, t, l, i, a) {
+function Ru(e, n, t, l, i, a) {
   const o = p("v-btn"), s = p("v-tooltip");
   return b(), S(s, { bottom: "" }, {
     activator: k(({ on: r, attrs: u }) => [
@@ -9229,7 +9236,7 @@ function Bu(e, n, t, l, i, a) {
     _: 1
   });
 }
-const Ru = /* @__PURE__ */ P(Tu, [["render", Bu], ["__scopeId", "data-v-1f271366"]]), Au = {
+const Au = /* @__PURE__ */ P(Bu, [["render", Ru], ["__scopeId", "data-v-1f271366"]]), Du = {
   name: "RtProgressCircle",
   props: {
     size: {
@@ -9269,7 +9276,7 @@ const Ru = /* @__PURE__ */ P(Tu, [["render", Bu], ["__scopeId", "data-v-1f271366
     }
   }
 };
-function Du(e, n, t, l, i, a) {
+function Pu(e, n, t, l, i, a) {
   const o = p("v-progress-circular");
   return b(), S(o, {
     size: t.size,
@@ -9286,7 +9293,7 @@ function Du(e, n, t, l, i, a) {
     _: 3
   }, 8, ["size", "width", "value", "rotate", "color", "indeterminate", "buffer"]);
 }
-const Pu = /* @__PURE__ */ P(Au, [["render", Du], ["__scopeId", "data-v-1690347d"]]), Mu = {
+const Mu = /* @__PURE__ */ P(Du, [["render", Pu], ["__scopeId", "data-v-1690347d"]]), Ou = {
   name: "RtRadioGroup",
   props: {
     label: {
@@ -9333,7 +9340,7 @@ const Pu = /* @__PURE__ */ P(Au, [["render", Du], ["__scopeId", "data-v-1690347d
     }
   }
 };
-function Ou(e, n, t, l, i, a) {
+function Lu(e, n, t, l, i, a) {
   const o = p("v-radio"), s = p("v-radio-group");
   return b(), S(s, {
     modelValue: a.selectedValue,
@@ -9354,7 +9361,7 @@ function Ou(e, n, t, l, i, a) {
     _: 1
   }, 8, ["modelValue", "label", "aria-labelledby", "row", "color"]);
 }
-const Lu = /* @__PURE__ */ P(Mu, [["render", Ou], ["__scopeId", "data-v-7a941099"]]), Eu = {
+const Eu = /* @__PURE__ */ P(Ou, [["render", Lu], ["__scopeId", "data-v-7a941099"]]), Nu = {
   name: "RtRangeSlider",
   props: {
     modelValue: {
@@ -9425,7 +9432,7 @@ const Lu = /* @__PURE__ */ P(Mu, [["render", Ou], ["__scopeId", "data-v-7a941099
     }
   }
 };
-function Nu(e, n, t, l, i, a) {
+function Hu(e, n, t, l, i, a) {
   const o = p("v-range-slider");
   return b(), S(o, F(e.$attrs, {
     modelValue: a.value,
@@ -9444,7 +9451,7 @@ function Nu(e, n, t, l, i, a) {
     "aria-label": t.label
   }), null, 16, ["modelValue", "label", "min", "max", "step", "thumb-label", "tick-size", "show-ticks", "track-fill-color", "track-color", "disabled", "error", "aria-label"]);
 }
-const Hu = /* @__PURE__ */ P(Eu, [["render", Nu], ["__scopeId", "data-v-769bd5d3"]]), Fu = {
+const Fu = /* @__PURE__ */ P(Nu, [["render", Hu], ["__scopeId", "data-v-769bd5d3"]]), zu = {
   name: "RtRatings",
   props: {
     modelValue: {
@@ -9478,13 +9485,13 @@ const Hu = /* @__PURE__ */ P(Eu, [["render", Nu], ["__scopeId", "data-v-769bd5d3
   },
   emits: ["update:modelValue"]
 };
-function zu(e, n, t, l, i, a) {
+function Uu(e, n, t, l, i, a) {
   const o = p("v-rating");
   return b(), S(o, F(e.$props, {
     "onUpdate:modelValue": n[0] || (n[0] = (s) => e.$emit("update:modelValue", s))
   }), null, 16);
 }
-const Uu = /* @__PURE__ */ P(Fu, [["render", zu], ["__scopeId", "data-v-51563f54"]]), ju = {
+const ju = /* @__PURE__ */ P(zu, [["render", Uu], ["__scopeId", "data-v-51563f54"]]), $u = {
   name: "RtSelectAutocomplete",
   props: {
     label: {
@@ -9541,7 +9548,7 @@ const Uu = /* @__PURE__ */ P(Fu, [["render", zu], ["__scopeId", "data-v-51563f54
     }
   }
 };
-function $u(e, n, t, l, i, a) {
+function Wu(e, n, t, l, i, a) {
   const o = p("v-btn"), s = p("v-autocomplete");
   return b(), S(s, {
     modelValue: i.selectedValue,
@@ -9574,7 +9581,7 @@ function $u(e, n, t, l, i, a) {
     _: 1
   }, 8, ["modelValue", "items", "label", "clearable", "multiple", "loading", "search-input", "onUpdate:modelValue", "onUpdate:searchInput", "onChange"]);
 }
-const Wu = /* @__PURE__ */ P(ju, [["render", $u], ["__scopeId", "data-v-4d17abf5"]]), Gu = {
+const Gu = /* @__PURE__ */ P($u, [["render", Wu], ["__scopeId", "data-v-4d17abf5"]]), Ku = {
   name: "RtSheet",
   props: {
     rounded: {
@@ -9591,7 +9598,7 @@ const Wu = /* @__PURE__ */ P(ju, [["render", $u], ["__scopeId", "data-v-4d17abf5
     }
   }
 };
-function Ku(e, n, t, l, i, a) {
+function qu(e, n, t, l, i, a) {
   const o = p("v-sheet");
   return b(), S(o, {
     elevation: t.elevation,
@@ -9605,7 +9612,7 @@ function Ku(e, n, t, l, i, a) {
     _: 3
   }, 8, ["elevation", "color", "rounded"]);
 }
-const qu = /* @__PURE__ */ P(Gu, [["render", Ku], ["__scopeId", "data-v-3eaa0c48"]]), Yu = {
+const Yu = /* @__PURE__ */ P(Ku, [["render", qu], ["__scopeId", "data-v-3eaa0c48"]]), Ju = {
   name: "RtSlider",
   props: {
     min: {
@@ -9699,7 +9706,7 @@ const qu = /* @__PURE__ */ P(Gu, [["render", Ku], ["__scopeId", "data-v-3eaa0c48
     }
   }
 };
-function Ju(e, n, t, l, i, a) {
+function Xu(e, n, t, l, i, a) {
   const o = p("v-slider");
   return b(), S(o, F(e.$attrs, {
     min: t.min,
@@ -9724,7 +9731,7 @@ function Ju(e, n, t, l, i, a) {
     "onClick:prepend": a.minus
   }), null, 16, ["min", "max", "step", "disabled", "readonly", "thumb-label", "thumb-size", "direction", "color", "label", "tick-size", "show-ticks", "icons", "append-icon", "prepend-icon", "modelValue", "onClick:append", "onClick:prepend"]);
 }
-const Xu = /* @__PURE__ */ P(Yu, [["render", Ju], ["__scopeId", "data-v-1ba689e4"]]), Qu = {
+const Qu = /* @__PURE__ */ P(Ju, [["render", Xu], ["__scopeId", "data-v-1ba689e4"]]), Zu = {
   name: "RtSnackbar",
   props: {
     message: {
@@ -9761,10 +9768,10 @@ const Xu = /* @__PURE__ */ P(Yu, [["render", Ju], ["__scopeId", "data-v-1ba689e4
       snackbar: !1
     };
   }
-}, Zu = { class: "text-center ma-2" };
-function ec(e, n, t, l, i, a) {
+}, ec = { class: "text-center ma-2" };
+function tc(e, n, t, l, i, a) {
   const o = p("v-btn"), s = p("v-snackbar");
-  return b(), Z("div", Zu, [
+  return b(), Z("div", ec, [
     c(o, {
       color: t.buttonColor,
       onClick: n[0] || (n[0] = (r) => i.snackbar = !0)
@@ -9799,7 +9806,7 @@ function ec(e, n, t, l, i, a) {
     }, 8, ["modelValue", "timeout", "color"])
   ]);
 }
-const tc = /* @__PURE__ */ P(Qu, [["render", ec], ["__scopeId", "data-v-75ce5462"]]), nc = {
+const nc = /* @__PURE__ */ P(Zu, [["render", tc], ["__scopeId", "data-v-75ce5462"]]), lc = {
   name: "RtSpeedDial",
   props: {
     location: {
@@ -9847,10 +9854,10 @@ const tc = /* @__PURE__ */ P(Qu, [["render", ec], ["__scopeId", "data-v-75ce5462
       // Controls whether the speed dial is open
     };
   }
-}, lc = { class: "v-speed-dial-wrapper" };
-function ac(e, n, t, l, i, a) {
+}, ac = { class: "v-speed-dial-wrapper" };
+function ic(e, n, t, l, i, a) {
   const o = p("v-icon"), s = p("v-btn"), r = p("v-speed-dial");
-  return b(), Z("div", lc, [
+  return b(), Z("div", ac, [
     c(r, {
       modelValue: i.isOpen,
       "onUpdate:modelValue": n[0] || (n[0] = (u) => i.isOpen = u),
@@ -9878,8 +9885,8 @@ function ac(e, n, t, l, i, a) {
         }, 8, ["color"])
       ]),
       default: k(() => [
-        (b(!0), Z(j, null, ae(t.actions, (u, f) => (b(), S(s, {
-          key: f,
+        (b(!0), Z(j, null, ae(t.actions, (u, m) => (b(), S(s, {
+          key: m,
           fab: "",
           small: "",
           color: u.color,
@@ -9900,7 +9907,7 @@ function ac(e, n, t, l, i, a) {
     }, 8, ["modelValue", "direction", "transition", "fab-size", "color", "location"])
   ]);
 }
-const ic = /* @__PURE__ */ P(nc, [["render", ac], ["__scopeId", "data-v-c4653483"]]), oc = {
+const oc = /* @__PURE__ */ P(lc, [["render", ic], ["__scopeId", "data-v-c4653483"]]), sc = {
   name: "RtStepper",
   props: {
     modelValue: {
@@ -9926,7 +9933,7 @@ const ic = /* @__PURE__ */ P(nc, [["render", ac], ["__scopeId", "data-v-c4653483
     }
   }
 };
-function sc(e, n, t, l, i, a) {
+function rc(e, n, t, l, i, a) {
   const o = p("v-stepper");
   return b(), S(o, F(e.$attrs, {
     modelValue: a.step,
@@ -9939,7 +9946,7 @@ function sc(e, n, t, l, i, a) {
     _: 3
   }, 16, ["modelValue", "vertical"]);
 }
-const rc = /* @__PURE__ */ P(oc, [["render", sc], ["__scopeId", "data-v-165b578f"]]), uc = {
+const uc = /* @__PURE__ */ P(sc, [["render", rc], ["__scopeId", "data-v-165b578f"]]), cc = {
   name: "RtSwitch",
   props: {
     modelValue: {
@@ -9974,7 +9981,7 @@ const rc = /* @__PURE__ */ P(oc, [["render", sc], ["__scopeId", "data-v-165b578f
     }
   }
 };
-function cc(e, n, t, l, i, a) {
+function dc(e, n, t, l, i, a) {
   const o = p("v-switch");
   return b(), S(o, {
     modelValue: a.currentValue,
@@ -9986,7 +9993,7 @@ function cc(e, n, t, l, i, a) {
     onChange: n[1] || (n[1] = (s) => e.$emit("update:modelValue", a.currentValue))
   }, null, 8, ["modelValue", "label", "disabled", "color", "hide-details"]);
 }
-const dc = /* @__PURE__ */ P(uc, [["render", cc], ["__scopeId", "data-v-ccbe2ed5"]]), fc = {
+const mc = /* @__PURE__ */ P(cc, [["render", dc], ["__scopeId", "data-v-ccbe2ed5"]]), fc = {
   name: "RtSystemBar",
   props: {
     color: {
@@ -10010,11 +10017,11 @@ const dc = /* @__PURE__ */ P(uc, [["render", cc], ["__scopeId", "data-v-ccbe2ed5
       // Optional text to display on the system bar
     }
   }
-}, mc = {
+}, vc = {
   key: 0,
   class: "system-bar-message"
 };
-function vc(e, n, t, l, i, a) {
+function hc(e, n, t, l, i, a) {
   const o = p("v-system-bar");
   return b(), S(o, {
     color: t.color,
@@ -10023,13 +10030,13 @@ function vc(e, n, t, l, i, a) {
     height: "32"
   }, {
     default: k(() => [
-      t.message ? (b(), Z("span", mc, R(t.message), 1)) : U("", !0),
+      t.message ? (b(), Z("span", vc, R(t.message), 1)) : U("", !0),
       de(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["color", "elevated", "dark"]);
 }
-const hc = /* @__PURE__ */ P(fc, [["render", vc], ["__scopeId", "data-v-4b88fe51"]]), gc = {
+const gc = /* @__PURE__ */ P(fc, [["render", hc], ["__scopeId", "data-v-4b88fe51"]]), yc = {
   name: "RtTable",
   data() {
     return {
@@ -10072,7 +10079,7 @@ const hc = /* @__PURE__ */ P(fc, [["render", vc], ["__scopeId", "data-v-4b88fe51
     this.loadPage();
   }
 };
-function yc(e, n, t, l, i, a) {
+function bc(e, n, t, l, i, a) {
   const o = p("v-chip"), s = p("v-data-table"), r = p("v-pagination"), u = p("v-container");
   return b(), S(u, null, {
     default: k(() => [
@@ -10081,18 +10088,18 @@ function yc(e, n, t, l, i, a) {
         items: i.items,
         "items-per-page": i.itemsPerPage,
         "sort-by": i.sortBy,
-        "onUpdate:sortBy": n[0] || (n[0] = (f) => i.sortBy = f),
+        "onUpdate:sortBy": n[0] || (n[0] = (m) => i.sortBy = m),
         "sort-desc": i.sortDesc,
-        "onUpdate:sortDesc": n[1] || (n[1] = (f) => i.sortDesc = f),
+        "onUpdate:sortDesc": n[1] || (n[1] = (m) => i.sortDesc = m),
         class: "elevation-1"
       }, {
-        "item.name": k(({ item: f }) => [
+        "item.name": k(({ item: m }) => [
           c(o, {
             color: "primary",
             "text-color": "white"
           }, {
             default: k(() => [
-              L(R(f.name), 1)
+              L(R(m.name), 1)
             ]),
             _: 2
           }, 1024)
@@ -10102,7 +10109,7 @@ function yc(e, n, t, l, i, a) {
       c(r, {
         modelValue: i.page,
         "onUpdate:modelValue": [
-          n[2] || (n[2] = (f) => i.page = f),
+          n[2] || (n[2] = (m) => i.page = m),
           a.loadPage
         ],
         length: a.totalPages,
@@ -10113,7 +10120,7 @@ function yc(e, n, t, l, i, a) {
     _: 1
   });
 }
-const bc = /* @__PURE__ */ P(gc, [["render", yc], ["__scopeId", "data-v-e1e7fbd1"]]), pc = {
+const pc = /* @__PURE__ */ P(yc, [["render", bc], ["__scopeId", "data-v-e1e7fbd1"]]), _c = {
   name: "RtTabs",
   props: {
     color: {
@@ -10139,9 +10146,9 @@ const bc = /* @__PURE__ */ P(gc, [["render", yc], ["__scopeId", "data-v-e1e7fbd1
     };
   }
 };
-function _c(e, n, t, l, i, a) {
-  const o = p("v-tab"), s = p("v-card-text"), r = p("v-card"), u = p("v-tab-item"), f = p("v-tabs");
-  return b(), S(f, {
+function kc(e, n, t, l, i, a) {
+  const o = p("v-tab"), s = p("v-card-text"), r = p("v-card"), u = p("v-tab-item"), m = p("v-tabs");
+  return b(), S(m, {
     modelValue: i.selectedTab,
     "onUpdate:modelValue": n[0] || (n[0] = (d) => i.selectedTab = d),
     color: t.color,
@@ -10174,7 +10181,7 @@ function _c(e, n, t, l, i, a) {
     _: 1
   }, 8, ["modelValue", "color", "dark"]);
 }
-const kc = /* @__PURE__ */ P(pc, [["render", _c], ["__scopeId", "data-v-75254d19"]]), Sc = {
+const Sc = /* @__PURE__ */ P(_c, [["render", kc], ["__scopeId", "data-v-75254d19"]]), Cc = {
   __name: "textArea",
   props: {
     modelValue: {
@@ -10261,7 +10268,7 @@ const kc = /* @__PURE__ */ P(pc, [["render", _c], ["__scopeId", "data-v-75254d19
       }), null, 16, ["label", "rows", "disabled", "placeholder", "model-value", "prepend-icon", "clearable", "autocomplete"]);
     };
   }
-}, Cc = /* @__PURE__ */ P(Sc, [["__scopeId", "data-v-b7b919e7"]]), wc = {
+}, wc = /* @__PURE__ */ P(Cc, [["__scopeId", "data-v-b7b919e7"]]), Ic = {
   name: "RtTimeline",
   props: {
     items: {
@@ -10308,7 +10315,7 @@ const kc = /* @__PURE__ */ P(pc, [["render", _c], ["__scopeId", "data-v-75254d19
     }
   }
 };
-function Ic(e, n, t, l, i, a) {
+function xc(e, n, t, l, i, a) {
   const o = p("v-timeline-item"), s = p("v-timeline");
   return b(), S(s, {
     dense: t.dense,
@@ -10333,7 +10340,7 @@ function Ic(e, n, t, l, i, a) {
     _: 1
   }, 8, ["dense", "align-top", "side", "reverse"]);
 }
-const xc = /* @__PURE__ */ P(wc, [["render", Ic], ["__scopeId", "data-v-920f27f0"]]), Oe = {
+const Vc = /* @__PURE__ */ P(Ic, [["render", xc], ["__scopeId", "data-v-920f27f0"]]), Oe = {
   HOUR_TOKENS: ["HH", "H", "hh", "h", "kk", "k"],
   MINUTE_TOKENS: ["mm", "m"],
   SECOND_TOKENS: ["ss", "s"],
@@ -10732,38 +10739,38 @@ var Qt = {
         return;
       }
       const n = String(this.formatString), t = `(${this.tokenRegexBase})+?`, l = `[^(${this.tokenRegexBase})]+`, i = this.getMatchAllByRegex(n, t), a = this.getMatchAllByRegex(n, l), o = [], s = [];
-      for (let f of i) {
+      for (let m of i) {
         const d = {
-          index: f.index,
-          token: f[0],
+          index: m.index,
+          token: m[0],
           isValueToken: !0
         };
         o.push(d), s.push(d);
       }
-      for (let f of a)
+      for (let m of a)
         o.push({
-          index: f.index,
-          token: f[0]
+          index: m.index,
+          token: m[0]
         });
-      o.sort((f, d) => f.index < d.index ? -1 : 1);
+      o.sort((m, d) => m.index < d.index ? -1 : 1);
       let r = "";
-      if (o.forEach((f) => {
-        if (f.isValueToken) {
-          const d = this.getTokenRegex(f.token) || "";
+      if (o.forEach((m) => {
+        if (m.isValueToken) {
+          const d = this.getTokenRegex(m.token) || "";
           r += d;
         } else {
-          const d = f.token.replace(/\\{0}(\*|\?|\.|\+)/g, "\\$1");
+          const d = m.token.replace(/\\{0}(\*|\?|\.|\+)/g, "\\$1");
           r += `(?:${d})`;
         }
       }), new RegExp(r).test(e)) {
         const d = e.match(new RegExp(r)).slice(1, s.length + 1), v = {};
-        if (d.forEach((g, m) => {
-          if (s[m]) {
-            const h = s[m].token;
+        if (d.forEach((g, f) => {
+          if (s[f]) {
+            const h = s[f].token;
             v[h] = this.setValueFromString(g, h);
           }
         }), this.timeValue = v, this.debugMode) {
-          const g = s.map((m) => m && m.token);
+          const g = s.map((f) => f && f.token);
           this.debugLog(`Successfully parsed values ${JSON.stringify(d)}
 for ${JSON.stringify(g)}
 in format pattern '${this.formatString}'`);
@@ -11369,27 +11376,27 @@ hour-range: ${JSON.stringify(this.hourRange)}`);
     window.clearTimeout(this.debounceTimer), window.clearTimeout(this.selectionTimer), window.clearTimeout(this.kbInputTimer);
   }
 };
-const Vc = {
+const Tc = {
   key: 0,
   class: "controls",
   tabindex: "-1"
-}, Tc = /* @__PURE__ */ c(
+}, Bc = /* @__PURE__ */ c(
   "span",
   { class: "char" },
   "×",
   -1
   /* HOISTED */
-), Bc = /* @__PURE__ */ c(
+), Rc = /* @__PURE__ */ c(
   "span",
   { class: "char" },
   "▾",
   -1
   /* HOISTED */
-), Rc = {
+), Ac = {
   key: 1,
   class: "custom-icon"
 };
-function Ac(e, n, t, l, i, a) {
+function Dc(e, n, t, l, i, a) {
   return b(), S(
     "span",
     {
@@ -11424,7 +11431,7 @@ function Ac(e, n, t, l, i, a) {
         onCompositionend: n[7] || (n[7] = (...o) => a.onCompostionEnd(...o)),
         onPaste: n[8] || (n[8] = (...o) => a.pasteHandler(...o))
       }, null, 46, ["id", "name", "value", "placeholder", "tabindex", "disabled", "readonly", "autocomplete"]),
-      a.showClearBtn || a.showDropdownBtn ? (b(), S("div", Vc, [
+      a.showClearBtn || a.showDropdownBtn ? (b(), S("div", Tc, [
         !i.isActive && a.showClearBtn ? (b(), S(
           "span",
           {
@@ -11435,7 +11442,7 @@ function Ac(e, n, t, l, i, a) {
           },
           [
             de(e.$slots, "clearButton", {}, () => [
-              Tc
+              Bc
             ])
           ],
           2
@@ -11452,14 +11459,14 @@ function Ac(e, n, t, l, i, a) {
           },
           [
             de(e.$slots, "dropdownButton", {}, () => [
-              Bc
+              Rc
             ])
           ],
           34
           /* CLASS, HYDRATE_EVENTS */
         )) : U("v-if", !0)
       ])) : U("v-if", !0),
-      e.$slots && e.$slots.icon ? (b(), S("div", Rc, [
+      e.$slots && e.$slots.icon ? (b(), S("div", Ac, [
         de(e.$slots, "icon")
       ])) : U("v-if", !0),
       i.showDropdown ? (b(), S("div", {
@@ -11897,9 +11904,9 @@ function Ac(e, n, t, l, i, a) {
     /* STYLE */
   );
 }
-Qt.render = Ac;
+Qt.render = Dc;
 Qt.__file = "src/VueTimepicker.vue";
-const Dc = {
+const Pc = {
   name: "RtTimePicker",
   components: {
     Vue3Timepicker: Qt,
@@ -11940,7 +11947,7 @@ const Dc = {
     }
   }
 };
-function Pc(e, n, t, l, i, a) {
+function Mc(e, n, t, l, i, a) {
   const o = p("vue3-timepicker");
   return b(), S(o, {
     modelValue: i.time,
@@ -11949,7 +11956,7 @@ function Pc(e, n, t, l, i, a) {
     max: t.maxTime
   }, null, 8, ["modelValue", "min", "max"]);
 }
-const Mc = /* @__PURE__ */ P(Dc, [["render", Pc], ["__scopeId", "data-v-cfedfaf7"]]), Oc = {
+const Oc = /* @__PURE__ */ P(Pc, [["render", Mc], ["__scopeId", "data-v-cfedfaf7"]]), Lc = {
   name: "RtTimePicker",
   components: {
     Vue3Timepicker: Qt,
@@ -11990,7 +11997,7 @@ const Mc = /* @__PURE__ */ P(Dc, [["render", Pc], ["__scopeId", "data-v-cfedfaf7
     }
   }
 };
-function Lc(e, n, t, l, i, a) {
+function Ec(e, n, t, l, i, a) {
   const o = p("v-time-picker");
   return b(), S(o, {
     modelValue: i.time,
@@ -11999,7 +12006,7 @@ function Lc(e, n, t, l, i, a) {
     max: t.maxTime
   }, null, 8, ["modelValue", "min", "max"]);
 }
-const Ec = /* @__PURE__ */ P(Oc, [["render", Lc], ["__scopeId", "data-v-b1b16095"]]), Nc = {
+const Nc = /* @__PURE__ */ P(Lc, [["render", Ec], ["__scopeId", "data-v-b1b16095"]]), Hc = {
   data() {
     return {};
   },
@@ -12035,8 +12042,8 @@ const Ec = /* @__PURE__ */ P(Oc, [["render", Lc], ["__scopeId", "data-v-b1b16095
     ]
   })
 };
-function Hc(e, n, t, l, i, a) {
-  const o = p("v-icon"), s = p("v-btn"), r = p("v-app-bar-nav-icon"), u = p("v-toolbar-title"), f = p("v-spacer"), d = p("RtAvatar"), v = p("v-list-item-title"), g = p("v-list-item"), m = p("v-list"), h = p("v-menu"), y = p("v-toolbar");
+function Fc(e, n, t, l, i, a) {
+  const o = p("v-icon"), s = p("v-btn"), r = p("v-app-bar-nav-icon"), u = p("v-toolbar-title"), m = p("v-spacer"), d = p("RtAvatar"), v = p("v-list-item-title"), g = p("v-list-item"), f = p("v-list"), h = p("v-menu"), y = p("v-toolbar");
   return b(), S(y, {
     dense: "",
     class: "rt-toolbar",
@@ -12060,7 +12067,7 @@ function Hc(e, n, t, l, i, a) {
         ]),
         _: 1
       }),
-      c(f),
+      c(m),
       c(s, { icon: "" }, {
         default: k(() => [
           c(o, null, {
@@ -12081,7 +12088,7 @@ function Hc(e, n, t, l, i, a) {
           }, C), null, 16)
         ]),
         default: k(() => [
-          c(m, null, {
+          c(f, null, {
             default: k(() => [
               (b(!0), Z(j, null, ae(e.toolbarMoreItems, (C, I) => (b(), S(g, { key: I }, {
                 default: k(() => [
@@ -12108,7 +12115,7 @@ function Hc(e, n, t, l, i, a) {
           }, C), null, 16)
         ]),
         default: k(() => [
-          c(m, null, {
+          c(f, null, {
             default: k(() => [
               (b(!0), Z(j, null, ae(e.toolbarMoreItems, (C, I) => (b(), S(g, { key: I }, {
                 default: k(() => [
@@ -12131,7 +12138,7 @@ function Hc(e, n, t, l, i, a) {
     _: 1
   }, 8, ["collapse", "with-menu"]);
 }
-const Fc = /* @__PURE__ */ P(Nc, [["render", Hc], ["__scopeId", "data-v-9f2d85f0"]]), zc = {
+const zc = /* @__PURE__ */ P(Hc, [["render", Fc], ["__scopeId", "data-v-9f2d85f0"]]), Uc = {
   name: "RtTreeView",
   components: {
     VTreeview: qs
@@ -12229,7 +12236,7 @@ const Fc = /* @__PURE__ */ P(Nc, [["render", Hc], ["__scopeId", "data-v-9f2d85f0
     }
   }
 };
-function Uc(e, n, t, l, i, a) {
+function jc(e, n, t, l, i, a) {
   const o = p("v-treeview");
   return b(), S(o, {
     items: e.items,
@@ -12243,7 +12250,7 @@ function Uc(e, n, t, l, i, a) {
     "onUpdate:open": a.onOpenChange
   }, null, 8, ["items", "open", "active", "onUpdate:active", "onUpdate:open"]);
 }
-const jc = /* @__PURE__ */ P(zc, [["render", Uc], ["__scopeId", "data-v-b3563243"]]), $c = {
+const $c = /* @__PURE__ */ P(Uc, [["render", jc], ["__scopeId", "data-v-b3563243"]]), Wc = {
   name: "RtContainer",
   props: {
     fluid: {
@@ -12261,7 +12268,7 @@ const jc = /* @__PURE__ */ P(zc, [["render", Uc], ["__scopeId", "data-v-b3563243
     }
   }
 };
-function Wc(e, n, t, l, i, a) {
+function Gc(e, n, t, l, i, a) {
   const o = p("v-container");
   return b(), S(o, {
     fluid: t.fluid,
@@ -12273,7 +12280,7 @@ function Wc(e, n, t, l, i, a) {
     _: 3
   }, 8, ["fluid", "class"]);
 }
-const Gc = /* @__PURE__ */ P($c, [["render", Wc], ["__scopeId", "data-v-c30e878e"]]), Kc = {
+const Kc = /* @__PURE__ */ P(Wc, [["render", Gc], ["__scopeId", "data-v-c30e878e"]]), qc = {
   name: "RtTooltip",
   props: {
     text: {
@@ -12288,7 +12295,7 @@ const Gc = /* @__PURE__ */ P($c, [["render", Wc], ["__scopeId", "data-v-c30e878e
     }
   }
 };
-function qc(e, n, t, l, i, a) {
+function Yc(e, n, t, l, i, a) {
   const o = p("v-tooltip");
   return b(), S(o, {
     bottom: t.position === "bottom",
@@ -12309,7 +12316,7 @@ function qc(e, n, t, l, i, a) {
     _: 3
   }, 8, ["bottom", "top", "left", "right"]);
 }
-const Yc = /* @__PURE__ */ P(Kc, [["render", qc], ["__scopeId", "data-v-91c27cde"]]), Jc = {
+const Jc = /* @__PURE__ */ P(qc, [["render", Yc], ["__scopeId", "data-v-91c27cde"]]), Xc = {
   name: "RtHorizontalRule",
   methods: {},
   props: {
@@ -12344,19 +12351,19 @@ const Yc = /* @__PURE__ */ P(Kc, [["render", qc], ["__scopeId", "data-v-91c27cde
       };
     }
   }
-}, Xc = {
+}, Qc = {
   key: 0,
   class: "v-hr-text"
 };
-function Qc(e, n, t, l, i, a) {
+function Zc(e, n, t, l, i, a) {
   return b(), Z("div", {
     class: "v-hr",
     style: _l(a.hrStyle)
   }, [
-    t.text ? (b(), Z("span", Xc, R(t.text), 1)) : U("", !0)
+    t.text ? (b(), Z("span", Qc, R(t.text), 1)) : U("", !0)
   ], 4);
 }
-const Zc = /* @__PURE__ */ P(Jc, [["render", Qc], ["__scopeId", "data-v-e0f2d21f"]]), ed = {
+const ed = /* @__PURE__ */ P(Xc, [["render", Zc], ["__scopeId", "data-v-e0f2d21f"]]), td = {
   name: "RtButtonGroup",
   props: {
     options: {
@@ -12387,7 +12394,7 @@ const Zc = /* @__PURE__ */ P(Jc, [["render", Qc], ["__scopeId", "data-v-e0f2d21f
     this.modelValue.length || this.$emit("update:modelValue", ["YES"]);
   }
 };
-function td(e, n, t, l, i, a) {
+function nd(e, n, t, l, i, a) {
   const o = p("v-btn"), s = p("v-btn-group");
   return b(), S(s, {
     modelValue: i.toggle_exclusive,
@@ -12408,11 +12415,11 @@ function td(e, n, t, l, i, a) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const nd = /* @__PURE__ */ P(ed, [["render", td]]), ad = {
+const ld = /* @__PURE__ */ P(td, [["render", nd]]), id = {
   install: (e, n) => {
-    e.component("RtAlert", $a), e.component("RtAvatar", Xa), e.component("RtBadge", ei), e.component("RtBottomNavigation", ii), e.component("RtBottomSheet", ui), e.component("RtBreadcrumbs", mi), e.component("RtButton", Me), e.component("RtCalendar", Xs), e.component("RtCard", er), e.component("RtCheckbox", lr), e.component("RtColorPicker", or), e.component("RtComboBox", ur), e.component("RtConfirmEdit", hr), e.component("RtDateInput", br), e.component("RtDatePicker", kr), e.component("RtDialog", wr), e.component("RtDivider", Vr), e.component("RtExpansionPanel", Rr), e.component("RtFileInput", Pr), e.component("RtFloatingButton", Lr), e.component("RtForm", zr), e.component("RtGrid", Wr), e.component("RtHeader", Ra), e.component("RtHover", Xr), e.component("RtIcon", st), e.component("RtImage", kl), e.component("RtInfiniteScroll", eu), e.component("RtInput", Dn), e.component("RtList", lu), e.component("RtMenu", ou), e.component("RtNavigationDrawer", uu), e.component("RtOtp", mu), e.component("RtOverlay", gu), e.component("RtPage", pu), e.component("RtPagination", wu), e.component("RtParallax", Vu), e.component("RtPopover", Ru), e.component("RtProgressCircle", Pu), e.component("RtRadioGroup", Lu), e.component("RtRangeSlider", Hu), e.component("RtRatings", Uu), e.component("RtSelect", Ba), e.component("RtSelectAutocomplete", Wu), e.component("RtSheet", qu), e.component("RtSlider", Xu), e.component("RtSnackbar", tc), e.component("RtSpeedDial", ic), e.component("RtStepper", rc), e.component("RtSwitch", dc), e.component("RtSystemBar", hc), e.component("RtTable", bc), e.component("RtTabs", kc), e.component("RtTextArea", Cc), e.component("RtTimeline", xc), e.component("RtTimePicker", Mc), e.component("RtTimePickerUI", Ec), e.component("RtToolBar", Fc), e.component("RtTreeview", jc), e.component("RtContainer", Gc), e.component("RtTooltip", Yc), e.component("RtHorizontalRule", Zc), e.component("RtButtonGroup", nd);
+    e.component("RtAlert", $a), e.component("RtAvatar", Xa), e.component("RtBadge", ei), e.component("RtBottomNavigation", ii), e.component("RtBottomSheet", ui), e.component("RtBreadcrumbs", fi), e.component("RtButton", Me), e.component("RtCalendar", Xs), e.component("RtCard", er), e.component("RtCheckbox", lr), e.component("RtColorPicker", or), e.component("RtComboBox", ur), e.component("RtConfirmEdit", hr), e.component("RtDateInput", br), e.component("RtDatePicker", kr), e.component("RtDialog", Ir), e.component("RtDivider", Tr), e.component("RtExpansionPanel", Ar), e.component("RtFileInput", Mr), e.component("RtFloatingButton", Er), e.component("RtForm", Ur), e.component("RtGrid", Gr), e.component("RtHeader", Ra), e.component("RtHover", Qr), e.component("RtIcon", st), e.component("RtImage", kl), e.component("RtInfiniteScroll", tu), e.component("RtInput", Dn), e.component("RtList", au), e.component("RtMenu", su), e.component("RtNavigationDrawer", cu), e.component("RtOtp", vu), e.component("RtOverlay", yu), e.component("RtPage", _u), e.component("RtPagination", Iu), e.component("RtParallax", Tu), e.component("RtPopover", Au), e.component("RtProgressCircle", Mu), e.component("RtRadioGroup", Eu), e.component("RtRangeSlider", Fu), e.component("RtRatings", ju), e.component("RtSelect", Ba), e.component("RtSelectAutocomplete", Gu), e.component("RtSheet", Yu), e.component("RtSlider", Qu), e.component("RtSnackbar", nc), e.component("RtSpeedDial", oc), e.component("RtStepper", uc), e.component("RtSwitch", mc), e.component("RtSystemBar", gc), e.component("RtTable", pc), e.component("RtTabs", Sc), e.component("RtTextArea", wc), e.component("RtTimeline", Vc), e.component("RtTimePicker", Oc), e.component("RtTimePickerUI", Nc), e.component("RtToolBar", zc), e.component("RtTreeview", $c), e.component("RtContainer", Kc), e.component("RtTooltip", Jc), e.component("RtHorizontalRule", ed), e.component("RtButtonGroup", ld);
   }
 };
 export {
-  ad as default
+  id as default
 };