@skyloft/windvane 0.1.13 → 0.1.15

package/dist/windvane.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, createElementBlock as v, openBlock as h, normalizeClass as D, renderSlot as x, computed as A, createCommentVNode as C, normalizeStyle as P, unref as b, toDisplayString as Y, resolveDirective as Ie, withDirectives as J, createBlock as q, createTextVNode as oe, ref as E, watch as j, Fragment as et, renderList as tt, useSlots as Cs, createElementVNode as I, createVNode as N, resolveComponent as he, isRef as xt, provide as Ue, withModifiers as K, watchEffect as $s, Teleport as zt, Transition as Ze, withCtx as B, vShow as nt, useCssVars as Vs, TransitionGroup as _s, inject as lt, vModelText as Fs, vModelDynamic as Ws, onMounted as zs, onBeforeUnmount as Ls, nextTick as As, vModelSelect as Zs, reactive as Sn } from "vue";
+import { defineComponent as $, createElementBlock as v, openBlock as h, normalizeClass as I, renderSlot as x, computed as A, createCommentVNode as C, normalizeStyle as P, unref as b, toDisplayString as Y, resolveDirective as Ie, withDirectives as J, createBlock as q, createTextVNode as oe, ref as E, watch as j, Fragment as et, renderList as tt, useSlots as Cs, createElementVNode as D, createVNode as N, resolveComponent as he, isRef as xt, provide as Ue, withModifiers as K, watchEffect as $s, Teleport as zt, Transition as Ze, withCtx as B, vShow as nt, useCssVars as Vs, TransitionGroup as _s, inject as lt, vModelText as Fs, vModelDynamic as Ws, onMounted as zs, onBeforeUnmount as Ls, nextTick as As, vModelSelect as Zs, reactive as Sn } from "vue";
 const On = /* @__PURE__ */ $({
   __name: "Badge",
   props: {
@@ -6,7 +6,7 @@ const On = /* @__PURE__ */ $({
   },
   setup(n) {
     return (e, t) => (h(), v("div", {
-      class: D({
+      class: I({
         "bg-primary/90 whitespace-nowrap color-white rounded px-1  font-semibold": !0,
         "text-xs": e.dense,
         "text-sm": !e.dense
@@ -29,7 +29,7 @@ const On = /* @__PURE__ */ $({
     return (s, r) => e.name ? (h(), v("span", {
       key: 0,
       style: P(`font-size: ${b(t)} !important;`),
-      class: D({
+      class: I({
         "text-primary": s.color === "primary",
         "material-icons material-symbols-outlined select-none": !0,
         [e.className]: !0
@@ -56,7 +56,7 @@ const On = /* @__PURE__ */ $({
       return J((h(), v("button", {
         disabled: e.readonly || e.disable,
         type: e.type,
-        class: D({
+        class: I({
           "relative rounded flex items-center justify-center text-center gap-2 font-medium text-sm": !0,
           color: !0,
           "bg-primary text-buttons": !e.flat,
@@ -108,16 +108,16 @@ const On = /* @__PURE__ */ $({
     ), (c, p) => {
       const y = Ie("ripple");
       return h(), v("div", {
-        class: D({ "flex flex-nowrap": !0, "flex-col": c.vertical })
+        class: I({ "flex flex-nowrap": !0, "flex-col": c.vertical })
       }, [
-        (h(!0), v(et, null, tt(c.options, (m, f) => J((h(), v("button", {
+        (h(!0), v(et, null, tt(c.options, (m, d) => J((h(), v("button", {
           key: m.value,
-          class: D({
+          class: I({
             "relative focus-visible:outline-none transition-all uppercase tracking-wide": !0,
             "font-medium text-sm flex-grow cursor-pointer": !0,
             [b(i)]: !0,
-            [o(f)]: !c.vertical,
-            [l(f)]: !!c.vertical,
+            [o(d)]: !c.vertical,
+            [l(d)]: !!c.vertical,
             [b(a)]: m.value === b(r)
           }),
           onClick: (F) => u(m.value)
@@ -141,14 +141,14 @@ const On = /* @__PURE__ */ $({
     return (t, s) => (h(), v("div", qs, [
       b(e).title ? (h(), v("div", {
         key: 0,
-        class: D({ "text-lg font-semibold pb-4 p-6": !0, "border-b border-b-gray-500": t.withTitleBorder }),
+        class: I({ "text-lg font-semibold pb-4 p-6": !0, "border-b border-b-gray-500": t.withTitleBorder }),
         style: P(t.titleStyle)
       }, [
         x(t.$slots, "title")
       ], 6)) : C("", !0),
       b(e).default ? (h(), v("div", {
         key: 1,
-        class: D({ "p-6": !t.unpadded })
+        class: I({ "p-6": !t.unpadded })
       }, [
         x(t.$slots, "default")
       ], 2)) : C("", !0)
@@ -184,8 +184,8 @@ const On = /* @__PURE__ */ $({
       class: "cursor-pointer flex items-center gap-1",
       onClick: i
     }, [
-      I("div", {
-        class: D({
+      D("div", {
+        class: I({
           "flex items-center gap-2 text-2xl relative  justify-center": !0,
           [`w-[${a.size}] h-[${a.size}]`]: !0
         })
@@ -241,130 +241,130 @@ class ue extends we {
     super("Zone is an abstract class");
   }
 }
-const d = "numeric", re = "short", G = "long", rt = {
-  year: d,
-  month: d,
-  day: d
+const f = "numeric", ie = "short", G = "long", rt = {
+  year: f,
+  month: f,
+  day: f
 }, Mn = {
-  year: d,
-  month: re,
-  day: d
+  year: f,
+  month: ie,
+  day: f
 }, Qs = {
-  year: d,
-  month: re,
-  day: d,
-  weekday: re
+  year: f,
+  month: ie,
+  day: f,
+  weekday: ie
 }, Dn = {
-  year: d,
+  year: f,
   month: G,
-  day: d
+  day: f
 }, In = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
+  day: f,
   weekday: G
 }, Nn = {
-  hour: d,
-  minute: d
+  hour: f,
+  minute: f
 }, En = {
-  hour: d,
-  minute: d,
-  second: d
+  hour: f,
+  minute: f,
+  second: f
 }, Cn = {
-  hour: d,
-  minute: d,
-  second: d,
-  timeZoneName: re
+  hour: f,
+  minute: f,
+  second: f,
+  timeZoneName: ie
 }, $n = {
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
   timeZoneName: G
 }, Vn = {
-  hour: d,
-  minute: d,
+  hour: f,
+  minute: f,
   hourCycle: "h23"
 }, _n = {
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
   hourCycle: "h23"
 }, Fn = {
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
   hourCycle: "h23",
-  timeZoneName: re
+  timeZoneName: ie
 }, Wn = {
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
   hourCycle: "h23",
   timeZoneName: G
 }, zn = {
-  year: d,
-  month: d,
-  day: d,
-  hour: d,
-  minute: d
+  year: f,
+  month: f,
+  day: f,
+  hour: f,
+  minute: f
 }, Ln = {
-  year: d,
-  month: d,
-  day: d,
-  hour: d,
-  minute: d,
-  second: d
+  year: f,
+  month: f,
+  day: f,
+  hour: f,
+  minute: f,
+  second: f
 }, An = {
-  year: d,
-  month: re,
-  day: d,
-  hour: d,
-  minute: d
+  year: f,
+  month: ie,
+  day: f,
+  hour: f,
+  minute: f
 }, Zn = {
-  year: d,
-  month: re,
-  day: d,
-  hour: d,
-  minute: d,
-  second: d
+  year: f,
+  month: ie,
+  day: f,
+  hour: f,
+  minute: f,
+  second: f
 }, Ks = {
-  year: d,
-  month: re,
-  day: d,
-  weekday: re,
-  hour: d,
-  minute: d
+  year: f,
+  month: ie,
+  day: f,
+  weekday: ie,
+  hour: f,
+  minute: f
 }, Rn = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
-  hour: d,
-  minute: d,
-  timeZoneName: re
+  day: f,
+  hour: f,
+  minute: f,
+  timeZoneName: ie
 }, Un = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
-  hour: d,
-  minute: d,
-  second: d,
-  timeZoneName: re
+  day: f,
+  hour: f,
+  minute: f,
+  second: f,
+  timeZoneName: ie
 }, Bn = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
+  day: f,
   weekday: G,
-  hour: d,
-  minute: d,
+  hour: f,
+  minute: f,
   timeZoneName: G
 }, qn = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
+  day: f,
   weekday: G,
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
   timeZoneName: G
 };
 class Be {
@@ -648,8 +648,8 @@ class le extends Be {
       millisecond: 0
     });
     let m = +t;
-    const f = m % 1e3;
-    return m -= f >= 0 ? f : 1e3 + f, (y - m) / (60 * 1e3);
+    const d = m % 1e3;
+    return m -= d >= 0 ? d : 1e3 + d, (y - m) / (60 * 1e3);
   }
   /**
    * Return whether this Zone is equal to another zone
@@ -1180,7 +1180,7 @@ const Vt = /* @__PURE__ */ new Map();
 function wr() {
   Vt.clear();
 }
-function te({ numberingSystem: n }, e = "") {
+function ne({ numberingSystem: n }, e = "") {
   const t = n || "latn";
   let s = Vt.get(t);
   s === void 0 && (s = /* @__PURE__ */ new Map(), Vt.set(t, s));
@@ -1327,7 +1327,7 @@ class _ {
     M.resetCache(), le.resetCache(), w.resetCache(), wr();
   }
 }
-class se {
+class re {
   constructor(e, t) {
     this.reason = e, this.explanation = t;
   }
@@ -1337,7 +1337,7 @@ class se {
 }
 const Pn = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334], Gn = [0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335];
 function X(n, e) {
-  return new se(
+  return new re(
     "unit out of range",
     `you specified ${e} (of type ${typeof e}) as a ${n}, which is invalid`
   );
@@ -1769,12 +1769,12 @@ class U {
     return t > 0 && (s.padTo = t), this.loc.numberFormatter(s).format(e);
   }
   formatDateTimeFromString(e, t) {
-    const s = this.loc.listingMode() === "en", r = this.loc.outputCalendar && this.loc.outputCalendar !== "gregory", i = (m, f) => this.loc.extract(e, m, f), a = (m) => e.isOffsetFixed && e.offset === 0 && m.allowZ ? "Z" : e.isValid ? e.zone.formatOffset(e.ts, m.format) : "", o = () => s ? Vr(e) : i({ hour: "numeric", hourCycle: "h12" }, "dayperiod"), l = (m, f) => s ? Fr(e, m) : i(f ? { month: m } : { month: m, day: "numeric" }, "month"), u = (m, f) => s ? _r(e, m) : i(
-      f ? { weekday: m } : { weekday: m, month: "long", day: "numeric" },
+    const s = this.loc.listingMode() === "en", r = this.loc.outputCalendar && this.loc.outputCalendar !== "gregory", i = (m, d) => this.loc.extract(e, m, d), a = (m) => e.isOffsetFixed && e.offset === 0 && m.allowZ ? "Z" : e.isValid ? e.zone.formatOffset(e.ts, m.format) : "", o = () => s ? Vr(e) : i({ hour: "numeric", hourCycle: "h12" }, "dayperiod"), l = (m, d) => s ? Fr(e, m) : i(d ? { month: m } : { month: m, day: "numeric" }, "month"), u = (m, d) => s ? _r(e, m) : i(
+      d ? { weekday: m } : { weekday: m, month: "long", day: "numeric" },
       "weekday"
     ), c = (m) => {
-      const f = U.macroTokenToFormatOpts(m);
-      return f ? this.formatWithSystemDefault(e, f) : m;
+      const d = U.macroTokenToFormatOpts(m);
+      return d ? this.formatWithSystemDefault(e, d) : m;
     }, p = (m) => s ? Wr(e, m) : i({ era: m }, "era"), y = (m) => {
       switch (m) {
         // ms
@@ -2017,7 +2017,7 @@ function Ye(n, e) {
 }
 const Gr = RegExp(`^T?${Bt.source}$`), Jr = /^-?P(?:(?:(-?\d{1,20}(?:\.\d{1,20})?)Y)?(?:(-?\d{1,20}(?:\.\d{1,20})?)M)?(?:(-?\d{1,20}(?:\.\d{1,20})?)W)?(?:(-?\d{1,20}(?:\.\d{1,20})?)D)?(?:T(?:(-?\d{1,20}(?:\.\d{1,20})?)H)?(?:(-?\d{1,20}(?:\.\d{1,20})?)M)?(?:(-?\d{1,20})(?:[.,](-?\d{1,20}))?S)?)?)$/;
 function jr(n) {
-  const [e, t, s, r, i, a, o, l, u] = n, c = e[0] === "-", p = l && l[0] === "-", y = (m, f = !1) => m !== void 0 && (f || m && c) ? -m : m;
+  const [e, t, s, r, i, a, o, l, u] = n, c = e[0] === "-", p = l && l[0] === "-", y = (m, d = !1) => m !== void 0 && (d || m && c) ? -m : m;
   return [
     {
       years: y(pe(t)),
@@ -2235,7 +2235,7 @@ function ce(n, e, t = !1) {
     conversionAccuracy: e.conversionAccuracy || n.conversionAccuracy,
     matrix: e.matrix || n.matrix
   };
-  return new S(s);
+  return new T(s);
 }
 function vs(n, e) {
   let t = e.milliseconds ?? 0;
@@ -2269,7 +2269,7 @@ function xi(n) {
     s !== 0 && (e[t] = s);
   return e;
 }
-class S {
+class T {
   /**
    * @private
    */
@@ -2288,7 +2288,7 @@ class S {
    * @return {Duration}
    */
   static fromMillis(e, t) {
-    return S.fromObject({ milliseconds: e }, t);
+    return T.fromObject({ milliseconds: e }, t);
   }
   /**
    * Create a Duration from a JavaScript object with keys like 'years' and 'hours'.
@@ -2315,8 +2315,8 @@ class S {
       throw new R(
         `Duration.fromObject: argument expected to be an object, got ${e === null ? "null" : typeof e}`
       );
-    return new S({
-      values: ot(e, S.normalizeUnit),
+    return new T({
+      values: ot(e, T.normalizeUnit),
       loc: M.fromObject(t),
       conversionAccuracy: t.conversionAccuracy,
       matrix: t.matrix
@@ -2334,11 +2334,11 @@ class S {
    */
   static fromDurationLike(e) {
     if (me(e))
-      return S.fromMillis(e);
-    if (S.isDuration(e))
+      return T.fromMillis(e);
+    if (T.isDuration(e))
       return e;
     if (typeof e == "object")
-      return S.fromObject(e);
+      return T.fromObject(e);
     throw new R(
       `Unknown duration argument ${e} of type ${typeof e}`
     );
@@ -2359,7 +2359,7 @@ class S {
    */
   static fromISO(e, t) {
     const [s] = pi(e);
-    return s ? S.fromObject(s, t) : S.invalid("unparsable", `the input "${e}" can't be parsed as ISO 8601`);
+    return s ? T.fromObject(s, t) : T.invalid("unparsable", `the input "${e}" can't be parsed as ISO 8601`);
   }
   /**
    * Create a Duration from an ISO 8601 time string.
@@ -2379,7 +2379,7 @@ class S {
    */
   static fromISOTime(e, t) {
     const [s] = vi(e);
-    return s ? S.fromObject(s, t) : S.invalid("unparsable", `the input "${e}" can't be parsed as ISO 8601`);
+    return s ? T.fromObject(s, t) : T.invalid("unparsable", `the input "${e}" can't be parsed as ISO 8601`);
   }
   /**
    * Create an invalid Duration.
@@ -2390,10 +2390,10 @@ class S {
   static invalid(e, t = null) {
     if (!e)
       throw new R("need to specify a reason the Duration is invalid");
-    const s = e instanceof se ? e : new se(e, t);
+    const s = e instanceof re ? e : new re(e, t);
     if (_.throwOnInvalid)
       throw new js(s);
-    return new S({ invalid: s });
+    return new T({ invalid: s });
   }
   /**
    * @private
@@ -2589,7 +2589,7 @@ class S {
    */
   plus(e) {
     if (!this.isValid) return this;
-    const t = S.fromDurationLike(e), s = {};
+    const t = T.fromDurationLike(e), s = {};
     for (const r of ge)
       (De(t.values, r) || De(this.values, r)) && (s[r] = t.get(r) + this.get(r));
     return ce(this, { values: s }, !0);
@@ -2601,7 +2601,7 @@ class S {
    */
   minus(e) {
     if (!this.isValid) return this;
-    const t = S.fromDurationLike(e);
+    const t = T.fromDurationLike(e);
     return this.plus(t.negate());
   }
   /**
@@ -2627,7 +2627,7 @@ class S {
    * @return {number}
    */
   get(e) {
-    return this[S.normalizeUnit(e)];
+    return this[T.normalizeUnit(e)];
   }
   /**
    * "Set" the values of specified units. Return a newly-constructed Duration.
@@ -2638,7 +2638,7 @@ class S {
    */
   set(e) {
     if (!this.isValid) return this;
-    const t = { ...this.values, ...ot(e, S.normalizeUnit) };
+    const t = { ...this.values, ...ot(e, T.normalizeUnit) };
     return ce(this, { values: t });
   }
   /**
@@ -2700,7 +2700,7 @@ class S {
     if (!this.isValid) return this;
     if (e.length === 0)
       return this;
-    e = e.map((a) => S.normalizeUnit(a));
+    e = e.map((a) => T.normalizeUnit(a));
     const t = {}, s = {}, r = this.toObject();
     let i;
     for (const a of ge)
@@ -2872,7 +2872,7 @@ class V {
   static invalid(e, t = null) {
     if (!e)
       throw new R("need to specify a reason the Interval is invalid");
-    const s = e instanceof se ? e : new se(e, t);
+    const s = e instanceof re ? e : new re(e, t);
     if (_.throwOnInvalid)
       throw new Js(s);
     return new V({ invalid: s });
@@ -2897,7 +2897,7 @@ class V {
    * @return {Interval}
    */
   static after(e, t) {
-    const s = S.fromDurationLike(t), r = Fe(e);
+    const s = T.fromDurationLike(t), r = Fe(e);
     return V.fromDateTimes(r, r.plus(s));
   }
   /**
@@ -2907,7 +2907,7 @@ class V {
    * @return {Interval}
    */
   static before(e, t) {
-    const s = S.fromDurationLike(t), r = Fe(e);
+    const s = T.fromDurationLike(t), r = Fe(e);
     return V.fromDateTimes(r.minus(s), r);
   }
   /**
@@ -2936,11 +2936,11 @@ class V {
       if (a && l)
         return V.fromDateTimes(i, o);
       if (a) {
-        const u = S.fromISO(r, t);
+        const u = T.fromISO(r, t);
         if (u.isValid)
           return V.after(i, u);
       } else if (l) {
-        const u = S.fromISO(s, t);
+        const u = T.fromISO(s, t);
         if (u.isValid)
           return V.before(o, u);
       }
@@ -3091,7 +3091,7 @@ class V {
    * @return {Array}
    */
   splitBy(e) {
-    const t = S.fromDurationLike(e);
+    const t = T.fromDurationLike(e);
     if (!this.isValid || !t.isValid || t.as("milliseconds") === 0)
       return [];
     let { s } = this, r = 1, i;
@@ -3302,7 +3302,7 @@ class V {
    * @return {Duration}
    */
   toDuration(e, t) {
-    return this.isValid ? this.e.diff(this.s, e, t) : S.invalid(this.invalidReason);
+    return this.isValid ? this.e.diff(this.s, e, t) : T.invalid(this.invalidReason);
   }
   /**
    * Run mapFn on the interval start and end, returning a new Interval from the resulting DateTimes
@@ -3488,7 +3488,7 @@ class Je {
 }
 function fn(n, e) {
   const t = (r) => r.toUTC(0, { keepLocalTime: !0 }).startOf("day").valueOf(), s = t(e) - t(n);
-  return Math.floor(S.fromMillis(s).as("days"));
+  return Math.floor(T.fromMillis(s).as("days"));
 }
 function Di(n, e, t) {
   const s = [
@@ -3515,8 +3515,8 @@ function Ii(n, e, t, s) {
     (p) => ["hours", "minutes", "seconds", "milliseconds"].indexOf(p) >= 0
   );
   u.length === 0 && (a < e && (a = r.plus({ [o]: 1 })), a !== r && (i[o] = (i[o] || 0) + l / (a - r)));
-  const c = S.fromObject(i, s);
-  return u.length > 0 ? S.fromMillis(l, s).shiftTo(...u).plus(c) : c;
+  const c = T.fromObject(i, s);
+  return u.length > 0 ? T.fromMillis(l, s).shiftTo(...u).plus(c) : c;
 }
 const Ni = "missing Intl.DateTimeFormat.formatToParts support";
 function O(n, e = (t) => t) {
@@ -3529,7 +3529,7 @@ function Ci(n) {
 function mn(n) {
   return n.replace(/\./g, "").replace(ws, " ").toLowerCase();
 }
-function ne(n, e) {
+function se(n, e) {
   return n === null ? null : {
     regex: RegExp(n.map(Ci).join("|")),
     deser: ([t]) => n.findIndex((s) => mn(t) === mn(s)) + e
@@ -3545,15 +3545,15 @@ function $i(n) {
   return n.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");
 }
 function Vi(n, e) {
-  const t = te(e), s = te(e, "{2}"), r = te(e, "{3}"), i = te(e, "{4}"), a = te(e, "{6}"), o = te(e, "{1,2}"), l = te(e, "{1,3}"), u = te(e, "{1,6}"), c = te(e, "{1,9}"), p = te(e, "{2,4}"), y = te(e, "{4,6}"), m = (T) => ({ regex: RegExp($i(T.val)), deser: ([g]) => g, literal: !0 }), F = ((T) => {
+  const t = ne(e), s = ne(e, "{2}"), r = ne(e, "{3}"), i = ne(e, "{4}"), a = ne(e, "{6}"), o = ne(e, "{1,2}"), l = ne(e, "{1,3}"), u = ne(e, "{1,6}"), c = ne(e, "{1,9}"), p = ne(e, "{2,4}"), y = ne(e, "{4,6}"), m = (S) => ({ regex: RegExp($i(S.val)), deser: ([g]) => g, literal: !0 }), F = ((S) => {
     if (n.literal)
-      return m(T);
-    switch (T.val) {
+      return m(S);
+    switch (S.val) {
       // era
       case "G":
-        return ne(e.eras("short"), 0);
+        return se(e.eras("short"), 0);
       case "GG":
-        return ne(e.eras("long"), 0);
+        return se(e.eras("long"), 0);
       // years
       case "y":
         return O(u);
@@ -3571,17 +3571,17 @@ function Vi(n, e) {
       case "MM":
         return O(s);
       case "MMM":
-        return ne(e.months("short", !0), 1);
+        return se(e.months("short", !0), 1);
       case "MMMM":
-        return ne(e.months("long", !0), 1);
+        return se(e.months("long", !0), 1);
       case "L":
         return O(o);
       case "LL":
         return O(s);
       case "LLL":
-        return ne(e.months("short", !1), 1);
+        return se(e.months("short", !1), 1);
       case "LLLL":
-        return ne(e.months("long", !1), 1);
+        return se(e.months("long", !1), 1);
       // dates
       case "d":
         return O(o);
@@ -3625,7 +3625,7 @@ function Vi(n, e) {
         return O(t);
       // meridiem
       case "a":
-        return ne(e.meridiems(), 0);
+        return se(e.meridiems(), 0);
       // weekYear (k)
       case "kkkk":
         return O(i);
@@ -3641,13 +3641,13 @@ function Vi(n, e) {
       case "c":
         return O(t);
       case "EEE":
-        return ne(e.weekdays("short", !1), 1);
+        return se(e.weekdays("short", !1), 1);
       case "EEEE":
-        return ne(e.weekdays("long", !1), 1);
+        return se(e.weekdays("long", !1), 1);
       case "ccc":
-        return ne(e.weekdays("short", !0), 1);
+        return se(e.weekdays("short", !0), 1);
       case "cccc":
-        return ne(e.weekdays("long", !0), 1);
+        return se(e.weekdays("long", !0), 1);
       // offset/zone
       case "Z":
       case "ZZ":
@@ -3663,7 +3663,7 @@ function Vi(n, e) {
       case " ":
         return je(/[^\S\n\r]/);
       default:
-        return m(T);
+        return m(S);
     }
   })(n) || {
     invalidReason: Ni
@@ -3850,7 +3850,7 @@ function Ss(n, e) {
 }
 const kt = "Invalid DateTime", pn = 864e13;
 function ze(n) {
-  return new se("unsupported zone", `the zone "${n.name}" is not supported`);
+  return new re("unsupported zone", `the zone "${n.name}" is not supported`);
 }
 function bt(n) {
   return n.weekData === null && (n.weekData = it(n.c)), n.weekData;
@@ -3904,7 +3904,7 @@ function yn(n, e) {
     year: s,
     month: r,
     day: Math.min(n.c.day, at(s, r)) + Math.trunc(e.days) + Math.trunc(e.weeks) * 7
-  }, a = S.fromObject({
+  }, a = T.fromObject({
     years: e.years - Math.trunc(e.years),
     quarters: e.quarters - Math.trunc(e.quarters),
     months: e.months - Math.trunc(e.months),
@@ -3929,7 +3929,7 @@ function Se(n, e, t, s, r, i) {
     return a ? u : u.setZone(o);
   } else
     return w.invalid(
-      new se("unparsable", `the input "${r}" can't be parsed as ${s}`)
+      new re("unparsable", `the input "${r}" can't be parsed as ${s}`)
     );
 }
 function Ke(n, e, t = !0) {
@@ -4070,7 +4070,7 @@ class w {
    */
   constructor(e) {
     const t = e.zone || _.defaultZone;
-    let s = e.invalid || (Number.isNaN(e.ts) ? new se("invalid input") : null) || (t.isValid ? null : ze(t));
+    let s = e.invalid || (Number.isNaN(e.ts) ? new re("invalid input") : null) || (t.isValid ? null : ze(t));
     this.ts = k(e.ts) ? _.now() : e.ts;
     let r = null, i = null;
     if (!s)
@@ -4078,7 +4078,7 @@ class w {
         [r, i] = [e.old.c, e.old.o];
       else {
         const o = me(e.o) && !e.old ? e.o : t.offset(this.ts);
-        r = Qe(this.ts, o), s = Number.isNaN(r.year) ? new se("invalid input") : null, r = s ? null : r, i = s ? null : o;
+        r = Qe(this.ts, o), s = Number.isNaN(r.year) ? new re("invalid input") : null, r = s ? null : r, i = s ? null : o;
       }
     this._zone = t, this.loc = e.loc || M.create(), this.invalid = s, this.weekData = null, this.localWeekData = null, this.c = r, this.o = i, this.isLuxonDateTime = !0;
   }
@@ -4245,18 +4245,18 @@ class w {
     const s = fe(t.zone, _.defaultZone);
     if (!s.isValid)
       return w.invalid(ze(s));
-    const r = M.fromObject(t), i = ot(e, gn), { minDaysInFirstWeek: a, startOfWeek: o } = rn(i, r), l = _.now(), u = k(t.specificOffset) ? s.offset(l) : t.specificOffset, c = !k(i.ordinal), p = !k(i.year), y = !k(i.month) || !k(i.day), m = p || y, f = i.weekYear || i.weekNumber;
-    if ((m || c) && f)
+    const r = M.fromObject(t), i = ot(e, gn), { minDaysInFirstWeek: a, startOfWeek: o } = rn(i, r), l = _.now(), u = k(t.specificOffset) ? s.offset(l) : t.specificOffset, c = !k(i.ordinal), p = !k(i.year), y = !k(i.month) || !k(i.day), m = p || y, d = i.weekYear || i.weekNumber;
+    if ((m || c) && d)
       throw new Oe(
         "Can't mix weekYear/weekNumber units with year/month/day or ordinals"
       );
     if (y && c)
       throw new Oe("Can't mix ordinal dates with month/day");
-    const F = f || i.weekday && !m;
-    let T, g, W = Qe(l, u);
-    F ? (T = qi, g = Ui, W = it(W, a, o)) : c ? (T = Hi, g = Bi, W = gt(W)) : (T = Ms, g = xs);
+    const F = d || i.weekday && !m;
+    let S, g, W = Qe(l, u);
+    F ? (S = qi, g = Ui, W = it(W, a, o)) : c ? (S = Hi, g = Bi, W = gt(W)) : (S = Ms, g = xs);
     let Z = !1;
-    for (const _e of T) {
+    for (const _e of S) {
       const Es = i[_e];
       k(Es) ? Z ? i[_e] = g[_e] : i[_e] = W[_e] : Z = !0;
     }
@@ -4398,7 +4398,7 @@ class w {
   static invalid(e, t = null) {
     if (!e)
       throw new R("need to specify a reason the DateTime is invalid");
-    const s = e instanceof se ? e : new se(e, t);
+    const s = e instanceof re ? e : new re(e, t);
     if (_.throwOnInvalid)
       throw new Gs(s);
     return new w({ invalid: s });
@@ -4907,7 +4907,7 @@ class w {
    */
   plus(e) {
     if (!this.isValid) return this;
-    const t = S.fromDurationLike(e);
+    const t = T.fromDurationLike(e);
     return ye(this, yn(this, t));
   }
   /**
@@ -4918,7 +4918,7 @@ class w {
    */
   minus(e) {
     if (!this.isValid) return this;
-    const t = S.fromDurationLike(e).negate();
+    const t = T.fromDurationLike(e).negate();
     return ye(this, yn(this, t));
   }
   /**
@@ -4935,7 +4935,7 @@ class w {
    */
   startOf(e, { useLocaleWeeks: t = !1 } = {}) {
     if (!this.isValid) return this;
-    const s = {}, r = S.normalizeUnit(e);
+    const s = {}, r = T.normalizeUnit(e);
     switch (r) {
       case "years":
         s.month = 1;
@@ -5269,8 +5269,8 @@ class w {
    */
   diff(e, t = "milliseconds", s = {}) {
     if (!this.isValid || !e.isValid)
-      return S.invalid("created by diffing an invalid DateTime");
-    const r = { locale: this.locale, numberingSystem: this.numberingSystem, ...s }, i = Or(t).map(S.normalizeUnit), a = e.valueOf() > this.valueOf(), o = a ? this : e, l = a ? e : this, u = Ii(o, l, i, r);
+      return T.invalid("created by diffing an invalid DateTime");
+    const r = { locale: this.locale, numberingSystem: this.numberingSystem, ...s }, i = Or(t).map(T.normalizeUnit), a = e.valueOf() > this.valueOf(), o = a ? this : e, l = a ? e : this, u = Ii(o, l, i, r);
     return a ? u.negate() : u;
   }
   /**
@@ -5668,17 +5668,17 @@ const Tn = {
       { value: 11, label: "November" },
       { value: 12, label: "December" }
     ]), p = A(() => {
-      const T = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-      return T.map((g, W) => {
+      const S = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+      return S.map((g, W) => {
         const Z = (W + t.firstDayOfWeek) % 7;
-        return T[Z];
+        return S[Z];
       });
     }), y = A(() => {
-      const T = new Date(u.value, l.value - 1, 1), g = new Date(u.value, l.value, 0);
-      if (!T || !g)
+      const S = new Date(u.value, l.value - 1, 1), g = new Date(u.value, l.value, 0);
+      if (!S || !g)
         return [];
       const W = [];
-      let Z = T;
+      let Z = S;
       for (; Z <= g; ) {
         const ke = Tn.formatDate(Z, "yyyy/MM/dd"), Pe = t.events?.(ke) || !1 ? t.eventColor?.(ke) : null;
         W.push({
@@ -5688,19 +5688,19 @@ const Tn = {
         }), Z.setDate(Z.getDate() + 1);
       }
       return W;
-    }), m = (T) => {
-      const g = new Date(T);
+    }), m = (S) => {
+      const g = new Date(S);
       return g.getDate() === i.getDate() && g.getMonth() === i.getMonth() && g.getFullYear() === i.getFullYear();
-    }, f = (T) => r.value?.getTime() === T, F = (T) => {
+    }, d = (S) => r.value?.getTime() === S, F = (S) => {
       if (t.readonly)
         return;
-      const g = new Date(T);
+      const g = new Date(S);
       o.value = g.getDate(), l.value = g.getMonth() + 1, u.value = g.getFullYear(), r.value = g, s("update:modelValue", g);
     };
-    return (T, g) => {
+    return (S, g) => {
       const W = he("Select"), Z = he("Input"), ke = Ie("ripple");
       return h(), v("div", Gi, [
-        I("div", Ji, [
+        D("div", Ji, [
           N(W, {
             modelValue: b(l),
             "onUpdate:modelValue": g[0] || (g[0] = (z) => xt(l) ? l.value = z : null),
@@ -5712,21 +5712,21 @@ const Tn = {
             type: "number"
           }, null, 8, ["modelValue"])
         ]),
-        I("div", ji, [
+        D("div", ji, [
           (h(!0), v(et, null, tt(b(p), (z) => (h(), v("div", {
             key: z,
             class: "text-center opacity-50"
           }, Y(z), 1))), 128)),
           (h(!0), v(et, null, tt(b(y), (z) => J((h(), v("button", {
             key: z.unixDate,
-            disable: T.readonly,
+            disable: S.readonly,
             type: "button",
-            class: D({
+            class: I({
               "text-center rounded py-2 relative": !0,
-              "cursor-pointer": !T.readonly,
+              "cursor-pointer": !S.readonly,
               "border border-white/25": m(z.unixDate),
-              "bg-primary": f(z.unixDate),
-              [`bg-${z.color}`]: !!z.color && !f(z.unixDate)
+              "bg-primary": d(z.unixDate),
+              [`bg-${z.color}`]: !!z.color && !d(z.unixDate)
             }),
             style: P(`grid-column-start: ${z.dayOfWeek};`),
             onClick: (Pe) => F(z.unixDate)
@@ -5758,7 +5758,7 @@ const Tn = {
       novalidate: ""
     }, [
       x(o.$slots, "default"),
-      l[0] || (l[0] = I("input", {
+      l[0] || (l[0] = D("input", {
         type: "submit",
         hidden: ""
       }, null, -1))
@@ -5806,17 +5806,17 @@ const Tn = {
           }, [
             N(Xi, {
               onSubmit: l[2] || (l[2] = (u) => s("confirm")),
-              class: D("w-full"),
+              class: I("w-full"),
               style: P(`max-width: ${o.maxWidth}`)
             }, {
               default: B(() => [
                 N(Ze, { name: "grow" }, {
                   default: B(() => [
-                    J(I("div", {
+                    J(D("div", {
                       "with-title-border": "",
                       onClick: l[1] || (l[1] = K(() => {
                       }, ["stop"])),
-                      class: D({
+                      class: I({
                         "w-full flex flex-col max-h-[90vh] bg-card rounded shadow-lg": !0
                       }),
                       style: P(`max-width: ${o.maxWidth};`)
@@ -5826,8 +5826,8 @@ const Tn = {
                           oe(Y(o.title), 1)
                         ])
                       ])) : C("", !0),
-                      I("div", {
-                        class: D({ "overflow-y-auto grow": !0, "p-6": !o.unpadded })
+                      D("div", {
+                        class: I({ "overflow-y-auto grow": !0, "p-6": !o.unpadded })
                       }, [
                         x(o.$slots, "default")
                       ], 2),
@@ -5871,7 +5871,7 @@ const Tn = {
       })
     ]));
   }
-}), ie = (n, e) => {
+}), te = (n, e) => {
   const t = n.__vccOpts || n;
   for (const [s, r] of e)
     t[s] = r;
@@ -5879,12 +5879,12 @@ const Tn = {
 }, sa = {}, ra = { class: "flex items-center relative" }, ia = { class: "absolute text-nowrap overflow-hidden text-ellipsis w-full" };
 function aa(n, e) {
   return h(), v("div", ra, [
-    I("div", ia, [
+    D("div", ia, [
       x(n.$slots, "default")
     ])
   ]);
 }
-const oa = /* @__PURE__ */ ie(sa, [["render", aa]]), la = { key: 0 }, ua = /* @__PURE__ */ $({
+const oa = /* @__PURE__ */ te(sa, [["render", aa]]), la = { key: 0 }, ua = /* @__PURE__ */ $({
   __name: "ExpansionItem",
   props: {
     value: { type: Boolean, default: void 0 },
@@ -5912,14 +5912,14 @@ const oa = /* @__PURE__ */ ie(sa, [["render", aa]]), la = { key: 0 }, ua = /* @_
     }), (u, c) => (h(), v("div", null, [
       u.switchToggleSide ? (h(), v("div", {
         key: 1,
-        class: D({
+        class: I({
           "flex items-center gap-2 justify-between": !0,
           "cursor-pointer": u.headerClickable,
           [u.titleClass || ""]: !0
         }),
         onClick: o
       }, [
-        I("span", null, [
+        D("span", null, [
           x(u.$slots, "title", {}, void 0, !0)
         ]),
         u.hideToggle ? C("", !0) : (h(), q(ae, {
@@ -5933,7 +5933,7 @@ const oa = /* @__PURE__ */ ie(sa, [["render", aa]]), la = { key: 0 }, ua = /* @_
         }, null, 8, ["icon"]))
       ], 2)) : (h(), v("div", {
         key: 0,
-        class: D({ "flex items-center gap-2": !0, "cursor-pointer": u.headerClickable }),
+        class: I({ "flex items-center gap-2": !0, "cursor-pointer": u.headerClickable }),
         onClick: o
       }, [
         u.hideToggle ? C("", !0) : (h(), q(ae, {
@@ -5965,7 +5965,7 @@ const oa = /* @__PURE__ */ ie(sa, [["render", aa]]), la = { key: 0 }, ua = /* @_
         vertical: ""
       }, {
         default: B(() => [
-          J(I("div", null, [
+          J(D("div", null, [
             x(u.$slots, "default", {}, void 0, !0)
           ], 512), [
             [nt, i.value]
@@ -5975,7 +5975,7 @@ const oa = /* @__PURE__ */ ie(sa, [["render", aa]]), la = { key: 0 }, ua = /* @_
       })) : C("", !0)
     ]));
   }
-}), ca = /* @__PURE__ */ ie(ua, [["__scopeId", "data-v-b83d43bc"]]), ht = /* @__PURE__ */ $({
+}), ca = /* @__PURE__ */ te(ua, [["__scopeId", "data-v-b83d43bc"]]), ht = /* @__PURE__ */ $({
   __name: "TransitionGroupFadeSlide",
   props: {
     vertical: { type: Boolean, default: !1 },
@@ -6017,7 +6017,7 @@ const oa = /* @__PURE__ */ ie(sa, [["render", aa]]), la = { key: 0 }, ua = /* @_
           grow: ""
         }, {
           default: B(() => [
-            J(I("div", fa, [
+            J(D("div", fa, [
               x(o.$slots, "default")
             ], 512), [
               [nt, b(r)]
@@ -6026,7 +6026,7 @@ const oa = /* @__PURE__ */ ie(sa, [["render", aa]]), la = { key: 0 }, ua = /* @_
           _: 3
         }),
         J((h(), v("button", {
-          class: D({
+          class: I({
             "relative rounded-full aspect-square h-12 flex items-center justify-center cursor-pointer": !0,
             "bg-primary": !t.color,
             [`bg-${t.color}`]: t.color
@@ -6076,7 +6076,7 @@ const oa = /* @__PURE__ */ ie(sa, [["render", aa]]), la = { key: 0 }, ua = /* @_
           name: i.icon,
           size: "20px"
         }, null, 8, ["name"])) : C("", !0),
-        I("div", null, Y(i.label), 1)
+        D("div", null, Y(i.label), 1)
       ])), [
         [l]
       ]);
@@ -6088,7 +6088,7 @@ function va(n, e) {
     x(n.$slots, "default", {}, void 0, !0)
   ]);
 }
-const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c12"]]), wa = ["for"], ka = ["id", "readonly", "step", "type", "name"], ba = ["id", "readonly", "step", "type", "name"], Ta = { class: "absolute h-full w-full flex items-center justify-end top-0 gap-2 pointer-events-none p-2" }, Sa = /* @__PURE__ */ $({
+const ga = /* @__PURE__ */ te(pa, [["render", va], ["__scopeId", "data-v-37ec0c12"]]), wa = ["for"], ka = ["id", "readonly", "step", "type", "name"], ba = ["id", "readonly", "step", "type", "name"], Ta = { class: "absolute h-full w-full flex items-center justify-end top-0 gap-2 pointer-events-none p-2" }, Sa = /* @__PURE__ */ $({
   __name: "Input",
   props: {
     id: { default: "v-input-" + Math.floor(Math.random() * 1e6) },
@@ -6120,15 +6120,15 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       l.value?.focus();
     }, m = () => {
       l.value?.blur();
-    }, f = () => {
+    }, d = () => {
       clearTimeout(u), p(), i("blur");
     }, F = () => {
       i("focus");
-    }, T = () => {
+    }, S = () => {
       const g = s.rules?.map((W) => W(o.value)).find((W) => W !== !0);
       return g !== !1 && g && (a.value = g), !g;
     };
-    return r.push(T), j(
+    return r.push(S), j(
       () => s.modelValue,
       () => o.value = s.modelValue
     ), j(
@@ -6138,10 +6138,10 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       }
     ), e({
       focus: y,
-      validate: T,
+      validate: S,
       blur: m
     }), (g, W) => (h(), v("div", {
-      class: D({ "relative input-container w-full": !0, "has-value": o.value != null && o.value !== "" })
+      class: I({ "relative input-container w-full": !0, "has-value": o.value != null && o.value !== "" })
     }, [
       g.label ? (h(), v("label", {
         key: 0,
@@ -6158,8 +6158,8 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
         step: g.step,
         type: g.type,
         name: g.name,
-        class: D(c.value),
-        onBlur: f,
+        class: I(c.value),
+        onBlur: d,
         onFocus: F
       }, "            " + Y(o.value) + `
         `, 43, ka)), [
@@ -6174,13 +6174,13 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
         step: g.step,
         type: g.type,
         name: g.name,
-        class: D(c.value),
-        onBlur: f,
+        class: I(c.value),
+        onBlur: d,
         onFocus: F
       }, null, 42, ba)), [
         [Ws, o.value]
       ]),
-      I("div", Ta, [
+      D("div", Ta, [
         x(g.$slots, "suffix", {}, void 0, !0),
         N(Ze, { name: "shake" }, {
           default: B(() => [
@@ -6199,7 +6199,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       ])
     ], 2));
   }
-}), Ds = /* @__PURE__ */ ie(Sa, [["__scopeId", "data-v-b66a1b92"]]), Oa = {
+}), Ds = /* @__PURE__ */ te(Sa, [["__scopeId", "data-v-b66a1b92"]]), Oa = {
   class: "full-width flex items-center justify-center",
   style: { gap: "6px" }
 }, ve = "20px", xa = /* @__PURE__ */ $({
@@ -6218,8 +6218,8 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
     const l = async (p) => {
       const y = t.value?.getElementsByTagName("input")[0];
       if (y?.selectionStart != null) {
-        const m = y.selectionStart, f = y.value;
-        y.value = `${f.substring(0, m)}${p}${f.substring(m)}`, await As(), y.setSelectionRange(m + 1, m + 1);
+        const m = y.selectionStart, d = y.value;
+        y.value = `${d.substring(0, m)}${p}${d.substring(m)}`, await As(), y.setSelectionRange(m + 1, m + 1);
       } else y && (y.value += p);
     }, u = () => {
       s.value = !0;
@@ -6241,59 +6241,59 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
           key: 0,
           to: "body"
         }, [
-          I("div", {
+          D("div", {
             class: "custom-buttons m-0 px-2 py-4 flex flex-col items-center justify-center",
             style: P(`bottom: ${i.value}px`)
           }, [
-            I("div", Oa, [
+            D("div", Oa, [
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "+",
-                onTouchstart: y[0] || (y[0] = K((f) => l("+"), ["prevent"]))
+                onTouchstart: y[0] || (y[0] = K((d) => l("+"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "-",
-                onTouchstart: y[1] || (y[1] = K((f) => l("-"), ["prevent"]))
+                onTouchstart: y[1] || (y[1] = K((d) => l("-"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "/",
-                onTouchstart: y[2] || (y[2] = K((f) => l("/"), ["prevent"]))
+                onTouchstart: y[2] || (y[2] = K((d) => l("/"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "*",
-                onTouchstart: y[3] || (y[3] = K((f) => l("*"), ["prevent"]))
+                onTouchstart: y[3] || (y[3] = K((d) => l("*"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "(",
-                onTouchstart: y[4] || (y[4] = K((f) => l("("), ["prevent"]))
+                onTouchstart: y[4] || (y[4] = K((d) => l("("), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: ")",
-                onTouchstart: y[5] || (y[5] = K((f) => l(")"), ["prevent"]))
+                onTouchstart: y[5] || (y[5] = K((d) => l(")"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: ".",
-                onTouchstart: y[6] || (y[6] = K((f) => l("."), ["prevent"]))
+                onTouchstart: y[6] || (y[6] = K((d) => l("."), ["prevent"]))
               })
             ])
           ], 4)
@@ -6301,7 +6301,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       ], 512);
     };
   }
-}), Ma = /* @__PURE__ */ ie(xa, [["__scopeId", "data-v-15f82af5"]]), Da = { class: "flex w-full items-center justify-between" }, Ia = /* @__PURE__ */ $({
+}), Ma = /* @__PURE__ */ te(xa, [["__scopeId", "data-v-15f82af5"]]), Da = { class: "flex w-full items-center justify-between" }, Ia = /* @__PURE__ */ $({
   __name: "NavMenu",
   setup(n, { expose: e }) {
     const t = E(!1), s = () => {
@@ -6322,8 +6322,8 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
           onClick: s
         }),
         (h(), q(zt, { to: "body" }, [
-          I("div", {
-            class: D({
+          D("div", {
+            class: I({
               "nav-menu": !0,
               "fixed w-full h-full top-0 left-0 overflow-hidden z-30": !0,
               "pointer-events-none": !b(t),
@@ -6339,8 +6339,8 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
                   onClick: a[0] || (a[0] = K(() => {
                   }, ["stop"]))
                 }, [
-                  I("div", Da, [
-                    I("div", null, [
+                  D("div", Da, [
+                    D("div", null, [
                       x(i.$slots, "title", {}, void 0, !0)
                     ]),
                     N(o, {
@@ -6361,7 +6361,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       ]);
     };
   }
-}), Na = /* @__PURE__ */ ie(Ia, [["__scopeId", "data-v-998dcb37"]]), Ot = 100, Ea = /* @__PURE__ */ $({
+}), Na = /* @__PURE__ */ te(Ia, [["__scopeId", "data-v-998dcb37"]]), Ot = 100, Ea = /* @__PURE__ */ $({
   __name: "PullToRefresh",
   setup(n) {
     let e = null;
@@ -6388,8 +6388,8 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
         onTouchmove: i,
         onTouchend: a
       }, [
-        I("div", {
-          class: D({
+        D("div", {
+          class: I({
             "overflow-y-hidden flex items-center justify-center absolute rounded-full bg-primary z-50": !0
           }),
           style: P(`top: ${b(t) - 50}px; width: 50px; height: 50px; left: calc(50% - 25px); transition: top 0.1s;`)
@@ -6413,17 +6413,17 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
   },
   setup(n) {
     return (e, t) => (h(), v("div", {
-      class: D({ "scroll-area relative": !0, "flex flex-col-reverse": !!e.reverse })
+      class: I({ "scroll-area relative": !0, "flex flex-col-reverse": !!e.reverse })
     }, [
-      I("div", {
-        class: D(`absolute w-full ${e.contentClass}`),
+      D("div", {
+        class: I(`absolute w-full ${e.contentClass}`),
         style: P(`${e.contentStyle}`)
       }, [
         x(e.$slots, "default", {}, void 0, !0)
       ], 6)
     ], 2));
   }
-}), $a = /* @__PURE__ */ ie(Ca, [["__scopeId", "data-v-70111b6e"]]), Va = ["for"], _a = ["readonly"], Fa = ["value"], Wa = /* @__PURE__ */ $({
+}), $a = /* @__PURE__ */ te(Ca, [["__scopeId", "data-v-70111b6e"]]), Va = ["for"], _a = ["readonly"], Fa = ["value"], Wa = /* @__PURE__ */ $({
   __name: "Select",
   props: {
     id: { default: "v-input-" + Math.floor(Math.random() * 1e6) },
@@ -6439,17 +6439,17 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       () => r.value,
       () => s("update:modelValue", r.value)
     ), (a, o) => (h(), v("div", {
-      class: D({ "relative input-container": !0, "has-value": b(r) != null && b(r) !== "" })
+      class: I({ "relative input-container": !0, "has-value": b(r) != null && b(r) !== "" })
     }, [
       a.label ? (h(), v("label", {
         key: 0,
         for: a.id,
         class: "label transition-all absolute top-[22%] left-[8px] opacity-50 pointer-events-none"
       }, Y(a.label), 9, Va)) : C("", !0),
-      J(I("select", {
+      J(D("select", {
         "onUpdate:modelValue": o[0] || (o[0] = (l) => xt(r) ? r.value = l : null),
         readonly: a.readonly,
-        class: D({
+        class: I({
           "border-b-2 border-primary bg-bg rounded-t p-1 pb-2 pt-4 outline-none w-full text-base h-[50px]": !0,
           // 'read-only:border-gray-400 read-only:border-dashed read-only:border-b': true,
           "border-red-500": !!b(i),
@@ -6465,7 +6465,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       ])
     ], 2));
   }
-}), za = /* @__PURE__ */ ie(Wa, [["__scopeId", "data-v-647bc684"]]), La = /* @__PURE__ */ $({
+}), za = /* @__PURE__ */ te(Wa, [["__scopeId", "data-v-647bc684"]]), La = /* @__PURE__ */ $({
   __name: "SlideItem",
   props: {
     leftColor: {},
@@ -6473,28 +6473,28 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
   },
   emits: ["left", "right"],
   setup(n, { emit: e }) {
-    const t = e, s = E(0), r = E(null), i = E("unknown"), a = E(null), o = A(() => Math.max(0, Math.min(1, s.value / 75))), l = A(() => Math.max(0, Math.min(1, -s.value / 75))), u = (f) => "touches" in f ? f.touches[0] : f, c = (f) => {
-      r.value = u(f);
-    }, p = (f) => {
+    const t = e, s = E(0), r = E(null), i = E("unknown"), a = E(null), o = A(() => Math.max(0, Math.min(1, s.value / 75))), l = A(() => Math.max(0, Math.min(1, -s.value / 75))), u = (d) => "touches" in d ? d.touches[0] : d, c = (d) => {
+      r.value = u(d);
+    }, p = (d) => {
       if (r.value !== null) {
-        const F = u(f), T = F.clientX - r.value.clientX, g = F.clientY - r.value.clientY;
-        if (i.value === "unknown" && (Math.abs(T) > Math.abs(g) && (i.value = !0), Math.abs(g) > Math.abs(T) && (i.value = !1)), (i.value === !0 || i.value === "unknown") && f.preventDefault(), i.value !== !0) {
+        const F = u(d), S = F.clientX - r.value.clientX, g = F.clientY - r.value.clientY;
+        if (i.value === "unknown" && (Math.abs(S) > Math.abs(g) && (i.value = !0), Math.abs(g) > Math.abs(S) && (i.value = !1)), (i.value === !0 || i.value === "unknown") && d.preventDefault(), i.value !== !0) {
           y();
           return;
         }
-        s.value = T;
+        s.value = S;
       }
     }, y = () => {
       s.value = 0;
     }, m = () => {
       r.value = null, i.value = "unknown";
-      const f = a.value?.clientWidth || 0;
-      l.value === 1 ? (s.value = -f || -1e3, t("right", { reset: y })) : o.value === 1 ? (s.value = f || 1e3, t("left", { reset: y })) : y();
+      const d = a.value?.clientWidth || 0;
+      l.value === 1 ? (s.value = -d || -1e3, t("right", { reset: y })) : o.value === 1 ? (s.value = d || 1e3, t("left", { reset: y })) : y();
     };
-    return (f, F) => (h(), v("div", {
+    return (d, F) => (h(), v("div", {
       ref_key: "slideItem",
       ref: a,
-      class: D({
+      class: I({
         "flex items-center justify-between overflow-hidden relative": !0,
         "cursor-grab": b(i) !== !0,
         "cursor-grabbing": b(i) === !0
@@ -6507,42 +6507,42 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       onTouchend: m,
       onTouchcancel: m
     }, [
-      I("div", {
+      D("div", {
         style: P("visibility: " + (b(s) > 0 ? "visible" : "hidden")),
-        class: D({
+        class: I({
           "px-2 pt-1 h-full w-full justify-start absolute overflow-hidden flex items-center ": !0,
-          [f.leftColor || ""]: !0
+          [d.leftColor || ""]: !0
         })
       }, [
-        I("div", {
+        D("div", {
           class: "",
           style: P(`transform: scale(${b(o)})`)
         }, [
-          x(f.$slots, "left")
+          x(d.$slots, "left")
         ], 4)
       ], 6),
-      I("div", {
+      D("div", {
         style: P("visibility: " + (b(s) < 0 ? "visible" : "hidden")),
-        class: D({
+        class: I({
           "px-2 pt-1 h-full w-full justify-end absolute overflow-hidden flex items-center": !0,
-          [f.rightColor || ""]: !0
+          [d.rightColor || ""]: !0
         })
       }, [
-        I("div", {
+        D("div", {
           class: "",
           style: P(`transform: scale(${b(l)})`)
         }, [
-          x(f.$slots, "right")
+          x(d.$slots, "right")
         ], 4)
       ], 6),
-      I("div", {
-        class: D({
+      D("div", {
+        class: I({
           "w-full h-full bg-bg": !0,
           "transition-all": b(r) === null
         }),
         style: P(`transform: translateX(${b(s)}px)`)
       }, [
-        x(f.$slots, "default")
+        x(d.$slots, "default")
       ], 6)
     ], 34));
   }
@@ -6559,13 +6559,13 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     }, r[0] || (r[0] = [
-      I("path", {
+      D("path", {
         d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z",
         class: "the-spinner"
       }, null, -1)
     ]), 8, Aa));
   }
-}), Ra = /* @__PURE__ */ ie(Za, [["__scopeId", "data-v-59a65940"]]), Ua = /* @__PURE__ */ $({
+}), Ra = /* @__PURE__ */ te(Za, [["__scopeId", "data-v-59a65940"]]), Ua = /* @__PURE__ */ $({
   __name: "Stepper",
   props: {
     modelValue: {}
@@ -6615,7 +6615,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
     return (t, s) => {
       const r = he("Icon"), i = Ie("ripple");
       return J((h(), v("div", {
-        class: D({
+        class: I({
           "cursor-pointer px-4 py-2 border-b-2 relative text-center flex items-center gap-2 justify-center font-medium": !0,
           [`border-b-${b(e)?.activeColor || "current"} text-${b(e)?.activeColor || "current"}`]: t.name === b(e)?.activeTab,
           "border-b-transparent": t.name !== b(e)?.activeTab
@@ -6668,7 +6668,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
 function Ja(n, e) {
   return h(), v("div", null, "IMPLEMENT TOOLTIP");
 }
-const ja = /* @__PURE__ */ ie(Ga, [["render", Ja]]), Qa = { class: "container flex items-center" }, Ka = {
+const ja = /* @__PURE__ */ te(Ga, [["render", Ja]]), Qa = { class: "container flex items-center" }, Ka = {
   key: 0,
   class: "flex flex-col h-full"
 }, Xa = { class: "flex flex-col h-full" }, eo = /* @__PURE__ */ $({
@@ -6686,7 +6686,7 @@ const ja = /* @__PURE__ */ ie(Ga, [["render", Ja]]), Qa = { class: "container fl
   },
   emits: ["update:modelValue"],
   setup(n, { emit: e }) {
-    const t = n, s = e, r = E(null), i = A(() => t.displayFormatter ? t.displayFormatter(r.value) : r.value), a = (f) => f == null ? 0 : Number(f) * 100 / 100, o = A(() => a(t.modelValue).toString());
+    const t = n, s = e, r = E(null), i = A(() => t.displayFormatter ? t.displayFormatter(r.value) : r.value), a = (d) => d == null ? 0 : Number(d) * 100 / 100, o = A(() => a(t.modelValue).toString());
     j(
       () => t.modelValue,
       () => {
@@ -6699,81 +6699,91 @@ const ja = /* @__PURE__ */ ie(Ga, [["render", Ja]]), Qa = { class: "container fl
         r.value !== o.value && s("update:modelValue", a(r.value));
       }
     );
-    const l = () => y(Number(r.value) + t.stepValue), u = () => y(Number(r.value) - t.stepValue), c = () => y(Number(r.value) + 0.1), p = () => y(Number(r.value) - 0.1), y = (f) => {
-      if (t.max != null && f > t.max)
+    const l = () => y(Number(r.value) + t.stepValue), u = () => y(Number(r.value) - t.stepValue), c = () => y(Number(r.value) + 0.1), p = () => y(Number(r.value) - 0.1), y = (d) => {
+      if (t.max != null && d > t.max)
         if (t.wrapAround && t.min != null)
-          f = t.min;
+          d = t.min;
         else
           return;
-      if (t.min != null && f < t.min)
+      if (t.min != null && d < t.min)
         if (t.wrapAround && t.max != null)
-          f = t.max;
+          d = t.max;
         else
           return;
-      r.value = f.toFixed(1);
-    }, m = (f) => {
-      r.value = f?.toString() || null;
+      r.value = d.toFixed(1);
+    }, m = (d) => {
+      r.value = d?.toString() || null;
     };
-    return (f, F) => (h(), v("div", Qa, [
-      f.disallowDecimals ? C("", !0) : (h(), v("div", Ka, [
+    return (d, F) => (h(), v("div", Qa, [
+      d.disallowDecimals ? C("", !0) : (h(), v("div", Ka, [
         N(ae, {
+          readonly: d.readonly,
           flat: "",
           icon: "expand_less",
           "icon-size": "24px",
           class: "buttons border border-slate-600 left top",
           style: { "flex-grow": "1" },
           onClick: l
-        }),
+        }, null, 8, ["readonly"]),
         N(ae, {
+          readonly: d.readonly,
           flat: "",
           icon: "expand_more",
           "icon-size": "24px",
           class: "buttons border border-slate-600 left bottom",
           style: { "flex-grow": "1" },
           onClick: u
-        })
+        }, null, 8, ["readonly"])
       ])),
-      I("div", null, [
+      D("div", null, [
         N(Ds, {
           class: "input",
           filled: "",
           square: "",
           type: "tel",
           "model-value": i.value,
-          readonly: f.onlyAllowEditWithButtons,
+          readonly: d.onlyAllowEditWithButtons,
           "input-class": "text-center",
           "onUpdate:modelValue": m
         }, {
           prepend: B(() => [
-            x(f.$slots, "prepend", {}, void 0, !0)
+            x(d.$slots, "prepend", {}, void 0, !0)
           ]),
           append: B(() => [
-            x(f.$slots, "append", {}, void 0, !0)
+            x(d.$slots, "append", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["model-value", "readonly"])
       ]),
-      I("div", Xa, [
+      D("div", Xa, [
         N(ae, {
+          readonly: d.readonly,
           flat: "",
           icon: "expand_less",
           "icon-size": "24px",
           class: "buttons border border-slate-600 right top",
           style: { "flex-grow": "1" },
-          onClick: F[0] || (F[0] = (T) => f.disallowDecimals ? l() : c())
-        }),
+          onClick: F[0] || (F[0] = () => d.disallowDecimals ? l() : c())
+        }, null, 8, ["readonly"]),
         N(ae, {
+          readonly: d.readonly,
           flat: "",
           icon: "expand_more",
           "icon-size": "24px",
           class: "buttons border border-slate-600 right bottom",
           style: { "flex-grow": "1" },
-          onClick: F[1] || (F[1] = (T) => f.disallowDecimals ? u() : p())
-        })
+          onClick: F[1] || (F[1] = () => d.disallowDecimals ? u() : p())
+        }, null, 8, ["readonly"])
       ])
     ]));
   }
-}), to = /* @__PURE__ */ ie(eo, [["__scopeId", "data-v-4e247146"]]), no = () => {
+}), to = /* @__PURE__ */ te(eo, [["__scopeId", "data-v-514c9421"]]), no = {}, so = { class: "skeleton" };
+function ro(n, e) {
+  return h(), v("div", so, e[0] || (e[0] = [
+    D("div", { class: "wave" }, null, -1)
+  ]));
+}
+const io = /* @__PURE__ */ te(no, [["render", ro], ["__scopeId", "data-v-235123e5"]]), ao = () => {
   if (!document.getElementById("ripple-style")) {
     const n = `
           [data-has-ripple] {
@@ -6806,10 +6816,10 @@ const ja = /* @__PURE__ */ ie(Ga, [["render", Ja]]), Qa = { class: "container fl
       `, e = document.createElement("style");
     e.id = "ripple-style", e.innerHTML = n, document.head.appendChild(e);
   }
-}, so = {
+}, oo = {
   mounted: (n, e) => {
     if (e.value === !1) return;
-    no(), n.dataset.hasRipple = "true";
+    ao(), n.dataset.hasRipple = "true";
     let t = 0;
     n.addEventListener("mousedown", (s) => {
       clearTimeout(t), document.querySelectorAll(".ripple.ripple-active").forEach((u) => {
@@ -6831,10 +6841,10 @@ const ja = /* @__PURE__ */ ie(Ga, [["render", Ja]]), Qa = { class: "container fl
     });
   },
   getSSRProps: () => ({})
-}, ro = (n) => {
-  n.directive("ripple", so), n.component("Badge", On), n.component("Button", ae), n.component("ButtonToggle", Bs), n.component("Card", Hs), n.component("Checkbox", Ps), n.component("Date", Ki), n.component("Dialog", na), n.component("EllipsisText", oa), n.component("ExpansionItem", ca), n.component("Fab", ma), n.component("FabAction", ha), n.component("Header", ga), n.component("Icon", st), n.component("Input", Ds), n.component("MathOperationButtons", Ma), n.component("NavMenu", Na), n.component("PullToRefresh", Ea), n.component("ScrollArea", $a), n.component("Select", za), n.component("SlideItem", La), n.component("Spinner", Ra), n.component("Stepper", Ua), n.component("StepperStep", qa), n.component("Tab", Ha), n.component("Tabs", Pa), n.component("Tooltip", ja), n.component("TouchNumberInput", to), n.component("TransitionGroupFadeSlide", ht);
-}, ao = {
-  install: ro
+}, lo = (n) => {
+  n.directive("ripple", oo), n.component("Badge", On), n.component("Button", ae), n.component("ButtonToggle", Bs), n.component("Card", Hs), n.component("Checkbox", Ps), n.component("Date", Ki), n.component("Dialog", na), n.component("EllipsisText", oa), n.component("ExpansionItem", ca), n.component("Fab", ma), n.component("FabAction", ha), n.component("Header", ga), n.component("Icon", st), n.component("Input", Ds), n.component("MathOperationButtons", Ma), n.component("NavMenu", Na), n.component("PullToRefresh", Ea), n.component("ScrollArea", $a), n.component("Select", za), n.component("SlideItem", La), n.component("Spinner", Ra), n.component("Stepper", Ua), n.component("StepperStep", qa), n.component("Tab", Ha), n.component("Tabs", Pa), n.component("Tooltip", ja), n.component("TouchNumberInput", to), n.component("TransitionGroupFadeSlide", ht), n.component("Skeleton", io);
+}, co = {
+  install: lo
 };
 export {
   On as Badge,
@@ -6856,6 +6866,7 @@ export {
   Ea as PullToRefresh,
   $a as ScrollArea,
   za as Select,
+  io as Skeleton,
   La as SlideItem,
   Ra as Spinner,
   Ua as Stepper,
@@ -6865,5 +6876,5 @@ export {
   ja as Tooltip,
   to as TouchNumberInput,
   ht as TransitionGroupFadeSlide,
-  ao as default
+  co as default
 };