@toife/vue 1.1.22 → 1.1.24

package/dist/index.es.js

@@ -10,8 +10,8 @@ const O = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isCo
   });
 }, g = (t, n) => {
   const o = t.__vccOpts || t;
-  for (const [e, r] of n)
-    o[e] = r;
+  for (const [e, s] of n)
+    o[e] = s;
   return o;
 }, fe = {}, me = { class: "t-app" };
 function ve(t, n) {
@@ -29,45 +29,45 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
   },
   emits: ["dismiss"],
   setup(t, { expose: n, emit: o }) {
-    const e = y(0), r = y(!1), a = y(), l = y(), i = t, u = o, d = S(() => r.value || i.keepalive), v = te({
+    const e = y(0), s = y(!1), a = y(), l = y(), i = t, u = o, d = S(() => s.value || i.keepalive), v = te({
       "--t-present-backdrop-opacity": "0.4",
       "--t-present-transition": "0.2s",
       "--t-present-content-transform": "0px",
       "--t-present-content-opacity": "1"
-    }), _ = (p) => {
-      i.backdrop ? p?.backdropOpacity && (v["--t-present-backdrop-opacity"] = p.backdropOpacity) : v["--t-present-backdrop-opacity"] = "0", p?.transition && (v["--t-present-transition"] = p.transition, v["--t-present-transition"] = p.transition), p?.contentTransform && (v["--t-present-content-transform"] = p.contentTransform), p?.contentOpacity && (v["--t-present-content-opacity"] = p.contentOpacity);
-    }, s = () => {
+    }), _ = (f) => {
+      i.backdrop ? f?.backdropOpacity && (v["--t-present-backdrop-opacity"] = f.backdropOpacity) : v["--t-present-backdrop-opacity"] = "0", f?.transition && (v["--t-present-transition"] = f.transition, v["--t-present-transition"] = f.transition), f?.contentTransform && (v["--t-present-content-transform"] = f.contentTransform), f?.contentOpacity && (v["--t-present-content-opacity"] = f.contentOpacity);
+    }, r = () => {
       _({
         contentTransform: "0px",
         transition: "0.2s",
         backdropOpacity: "0.4",
         contentOpacity: "1"
       });
-    }, f = () => {
-      let p = "0px", x = "1";
-      i.placement == "bottom" || i.placement == "right" ? p = "100%" : i.placement == "top" || i.placement == "left" ? p = "-100%" : i.placement == "center" && (p = "0px", x = "0"), _({
-        contentTransform: p,
+    }, p = () => {
+      let f = "0px", x = "1";
+      i.placement == "bottom" || i.placement == "right" ? f = "100%" : i.placement == "top" || i.placement == "left" ? f = "-100%" : i.placement == "center" && (f = "0px", x = "0"), _({
+        contentTransform: f,
         transition: "0.2s",
         contentOpacity: x,
         backdropOpacity: "0"
       });
     };
     R(() => i.visible, () => {
-      i.visible ? (r.value = !0, e.value = Ee.getNewIndex(), setTimeout(() => {
-        s();
-      }, 50)) : (f(), setTimeout(() => {
-        r.value = !1;
+      i.visible ? (s.value = !0, e.value = Ee.getNewIndex(), setTimeout(() => {
+        r();
+      }, 50)) : (p(), setTimeout(() => {
+        s.value = !1;
       }, 200));
     }), n({
       render: _,
-      open: s,
-      close: f
+      open: r,
+      close: p
     });
     let h;
-    return R(() => a.value, (p) => {
-      p && (h = V(a.value, {
+    return R(() => a.value, (f) => {
+      f && (h = V(a.value, {
         beforeEvent(x) {
-          return x.stopPropagation(), O(x.target) || (x.preventDefault(), q()), x.type == "pointerup";
+          return x.stopPropagation(), O(x.target) || (x.preventDefault(), q()), x.type == "pointerdown";
         },
         up() {
           u("dismiss", "backdrop");
@@ -75,17 +75,17 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
       }));
     }), N(() => {
       h && h.destroy();
-    }), f(), (p, x) => (c(), m(A, null, [
+    }), p(), (f, x) => (c(), m(A, null, [
       d.value ? W((c(), m("div", {
         key: 0,
-        class: I(["t-present", { [p.placement]: !0 }]),
+        class: I(["t-present", { [f.placement]: !0 }]),
         ref_key: "present",
         ref: l,
         style: w({ ...v, zIndex: e.value })
       }, [
-        b(p.$slots, "default", {}, void 0, !0)
+        b(f.$slots, "default", {}, void 0, !0)
       ], 6)), [
-        [Y, r.value]
+        [Y, s.value]
       ]) : z("", !0),
       d.value ? W((c(), m("div", {
         key: 1,
@@ -94,11 +94,11 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
         ref: a,
         style: w({ ...v, zIndex: e.value - 1 })
       }, null, 4)), [
-        [Y, r.value]
+        [Y, s.value]
       ]) : z("", !0)
     ], 64));
   }
-}), L = /* @__PURE__ */ g(ye, [["__scopeId", "data-v-dc2a4bc9"]]), ge = /* @__PURE__ */ T({
+}), L = /* @__PURE__ */ g(ye, [["__scopeId", "data-v-84c0b568"]]), ge = /* @__PURE__ */ T({
   __name: "t-loading-icon",
   props: {
     size: {
@@ -178,7 +178,7 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
         "--background": "transparent"
       }), e;
     });
-    return (e, r) => (c(), m("button", {
+    return (e, s) => (c(), m("button", {
       class: I(["t-button", { "active-background": n.activeBackground, rounded: n.rounded, block: n.block, ["size-" + n.size]: !0 }]),
       style: w(o.value)
     }, [
@@ -208,32 +208,32 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
   },
   emits: ["dismiss"],
   setup(t, { expose: n, emit: o }) {
-    const e = t, r = y(!1), a = o, l = y();
+    const e = t, s = y(!1), a = o, l = y();
     let i;
     const u = y(!1), d = () => {
-      r.value = !0;
-    }, v = (s) => {
-      r.value = !1, s.handler && s.handler(), a("dismiss", "choose", s?.data);
-    }, _ = (s) => {
-      e.dismiss && e.dismiss.includes(s) ? (r.value = !1, a("dismiss", s)) : s == "backdrop" && (u.value = !0, setTimeout(() => {
+      s.value = !0;
+    }, v = (r) => {
+      s.value = !1, r.handler && r.handler(), a("dismiss", "choose", r?.data);
+    }, _ = (r) => {
+      e.dismiss && e.dismiss.includes(r) ? (s.value = !1, a("dismiss", r)) : r == "backdrop" && (u.value = !0, setTimeout(() => {
         u.value = !1;
       }, 300));
     };
     return n({
       open: d
-    }), R(() => l.value, (s) => {
-      s && (i = V(l.value, {
-        beforeEvent(f) {
-          return f.stopPropagation(), O(f.target) || (f.preventDefault(), q()), !1;
+    }), R(() => l.value, (r) => {
+      r && (i = V(l.value, {
+        beforeEvent(p) {
+          return p.stopPropagation(), O(p.target) || (p.preventDefault(), q()), !1;
         }
       }));
     }), N(() => {
       i && i.destroy();
-    }), (s, f) => (c(), E(L, {
+    }), (r, p) => (c(), E(L, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
-      visible: r.value,
+      visible: s.value,
       onDismiss: _
     }, {
       default: B(() => [
@@ -242,18 +242,18 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
           ref_key: "container",
           ref: l
         }, [
-          b(s.$slots, "header", {}, () => [
+          b(r.$slots, "header", {}, () => [
             e.title ? (c(), m("div", ke, P(e.title), 1)) : z("", !0)
           ], !0),
-          b(s.$slots, "content", {}, () => [
+          b(r.$slots, "content", {}, () => [
             k("div", $e, P(e.message), 1)
           ], !0),
-          b(s.$slots, "footer", {}, () => [
+          b(r.$slots, "footer", {}, () => [
             k("div", Te, [
               (c(!0), m(A, null, H(e.actions, (h) => (c(), E(F, {
                 color: h.color,
                 variant: h.variant,
-                onClick: (p) => v(h)
+                onClick: (f) => v(h)
               }, {
                 default: B(() => [
                   X(P(h.text), 1)
@@ -272,13 +272,13 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
     return new Promise((n) => {
       let o = document.body.querySelector(".t-app");
       if (!o) return;
-      const e = document.createElement("div"), r = y();
+      const e = document.createElement("div"), s = y();
       o.appendChild(e);
       const a = U({
         render() {
           return j(ne, {
             ...t,
-            ref: r,
+            ref: s,
             onDismiss: (l, i) => {
               setTimeout(() => {
                 a.unmount(), e.remove();
@@ -288,7 +288,7 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
         }
       });
       a.mount(e), setTimeout(() => {
-        r.value?.open?.();
+        s.value?.open?.();
       }, 50);
     });
   }
@@ -300,32 +300,32 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
   },
   emits: ["dismiss"],
   setup(t, { expose: n, emit: o }) {
-    const e = t, r = y(!1), a = o, l = y();
+    const e = t, s = y(!1), a = o, l = y();
     let i;
     const u = y(!1), d = () => {
-      r.value = !0;
-    }, v = (s) => {
-      r.value = !1, s.handler && s.handler(), a("dismiss", "choose", s?.data);
-    }, _ = (s) => {
-      e.dismiss && e.dismiss.includes(s) ? (r.value = !1, a("dismiss", s)) : s == "backdrop" && (u.value = !0, setTimeout(() => {
+      s.value = !0;
+    }, v = (r) => {
+      s.value = !1, r.handler && r.handler(), a("dismiss", "choose", r?.data);
+    }, _ = (r) => {
+      e.dismiss && e.dismiss.includes(r) ? (s.value = !1, a("dismiss", r)) : r == "backdrop" && (u.value = !0, setTimeout(() => {
         u.value = !1;
       }, 300));
     };
     return n({
       open: d
-    }), R(() => l.value, (s) => {
-      s && (i = V(l.value, {
-        beforeEvent(f) {
-          return f.stopPropagation(), O(f.target) || (f.preventDefault(), q()), !1;
+    }), R(() => l.value, (r) => {
+      r && (i = V(l.value, {
+        beforeEvent(p) {
+          return p.stopPropagation(), O(p.target) || (p.preventDefault(), q()), !1;
         }
       }));
     }), N(() => {
       i && i.destroy();
-    }), (s, f) => (c(), E(L, {
+    }), (r, p) => (c(), E(L, {
       placement: "bottom",
       backdrop: !0,
       keepalive: !1,
-      visible: r.value,
+      visible: s.value,
       onDismiss: _
     }, {
       default: B(() => [
@@ -335,15 +335,15 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
           ref: l
         }, [
           (c(!0), m(A, null, H(e.actions, (h) => (c(), m("div", null, [
-            (c(!0), m(A, null, H(h, (p) => (c(), E(F, {
-              color: p.color,
-              size: p.size,
-              variant: p.variant,
-              onClick: (x) => v(p),
+            (c(!0), m(A, null, H(h, (f) => (c(), E(F, {
+              color: f.color,
+              size: f.size,
+              variant: f.variant,
+              onClick: (x) => v(f),
               block: ""
             }, {
               default: B(() => [
-                X(P(p.text), 1)
+                X(P(f.text), 1)
               ]),
               _: 2
             }, 1032, ["color", "size", "variant", "onClick"]))), 256))
@@ -358,13 +358,13 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
     return new Promise((n) => {
       let o = document.body.querySelector(".t-app");
       if (!o) return;
-      const e = document.createElement("div"), r = y();
+      const e = document.createElement("div"), s = y();
       o.appendChild(e);
       const a = U({
         render() {
           return j(Ie, {
             ...t,
-            ref: r,
+            ref: s,
             onDismiss: (l, i) => {
               setTimeout(() => {
                 a.unmount(), e.remove();
@@ -374,7 +374,7 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
         }
       });
       a.mount(e), setTimeout(() => {
-        r.value?.open?.();
+        s.value?.open?.();
       }, 50);
     });
   }
@@ -385,14 +385,14 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
   },
   emits: ["dismiss"],
   setup(t, { expose: n, emit: o }) {
-    const e = t, r = y(!1), a = y();
+    const e = t, s = y(!1), a = y();
     let l;
     return n({
       open: () => {
-        r.value = !0;
+        s.value = !0;
       },
       close: () => {
-        r.value = !1;
+        s.value = !1;
       }
     }), R(() => a.value, (d) => {
       d && (l = V(a.value, {
@@ -406,7 +406,7 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
       placement: "center",
       backdrop: !0,
       keepalive: !1,
-      visible: r.value
+      visible: s.value
     }, {
       default: B(() => [
         k("div", {
@@ -426,18 +426,18 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
   }
 }), ze = /* @__PURE__ */ g(Se, [["__scopeId", "data-v-d048a41d"]]), Ht = (t = {}) => {
   const n = y(), o = document.body.querySelector(".t-app");
-  let e = null, r = null;
+  let e = null, s = null;
   return {
     open() {
       return new Promise((a) => {
-        o && (r = document.createElement("div"), o.appendChild(r), e = U({
+        o && (s = document.createElement("div"), o.appendChild(s), e = U({
           render() {
             return j(ze, {
               ...t,
               ref: n
             });
           }
-        }), e.mount(r), setTimeout(() => {
+        }), e.mount(s), setTimeout(() => {
           n.value?.open?.(), a(!0);
         }, 50));
       });
@@ -445,7 +445,7 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
     close() {
       return new Promise((a) => {
         n.value?.close?.(), setTimeout(() => {
-          e?.unmount?.(), r?.remove?.(), a(!0);
+          e?.unmount?.(), s?.remove?.(), a(!0);
         }, 300);
       });
     }
@@ -480,7 +480,7 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
   },
   emits: ["dismiss"],
   setup(t, { expose: n, emit: o }) {
-    const e = t, r = o, a = y(!1), l = y(!1), i = y(!1), u = () => {
+    const e = t, s = o, a = y(!1), l = y(!1), i = y(!1), u = () => {
       l.value = !0, i.value = !1, setTimeout(() => {
         a.value = !0;
       }, 10), setTimeout(() => {
@@ -488,7 +488,7 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
       }, e.duration + 10);
     }, d = () => {
       i.value = !0, setTimeout(() => {
-        l.value = !1, a.value = !1, r("dismiss");
+        l.value = !1, a.value = !1, s("dismiss");
       }, 300);
     }, v = S(() => {
       let _;
@@ -532,32 +532,32 @@ const _e = /* @__PURE__ */ g(fe, [["render", ve]]), ye = /* @__PURE__ */ T({
     });
     return n({
       open: u
-    }), (_, s) => l.value ? (c(), m("div", {
+    }), (_, r) => l.value ? (c(), m("div", {
       key: 0,
       class: I(["t-toast", { [e.placement]: !0, open: a.value, closing: i.value }]),
       style: w({ "--space": e.space, ...v.value })
     }, P(e.message), 7)) : z("", !0);
   }
-}), re = /* @__PURE__ */ g(Pe, [["__scopeId", "data-v-98e8be37"]]), Ut = (t = {}) => ({
+}), se = /* @__PURE__ */ g(Pe, [["__scopeId", "data-v-98e8be37"]]), Ut = (t = {}) => ({
   open() {
     let n = document.body.querySelector(".t-app");
     if (!n) return;
     const o = document.createElement("div"), e = y();
     n.appendChild(o);
-    const r = U({
+    const s = U({
       render() {
-        return j(re, {
+        return j(se, {
           ...t,
           ref: e,
           onDismiss: () => {
             setTimeout(() => {
-              r.unmount(), o.remove();
+              s.unmount(), o.remove();
             }, 300);
           }
         });
       }
     });
-    r.mount(o), setTimeout(() => {
+    s.mount(o), setTimeout(() => {
       e.value?.open?.();
     }, 50);
   }
@@ -575,7 +575,7 @@ const Ve = /* @__PURE__ */ T({
   },
   setup(t) {
     const n = t, { height: o } = Re();
-    return (e, r) => (c(), m("div", {
+    return (e, s) => (c(), m("div", {
       class: I(["t-cable", { keyboard: n.keyboard && D(o) > 0, [n.placement]: !0 }]),
       style: w({ "--t-keyboard-height": D(o) + "px", "--t-keyboard-transition": D(o) > 0 ? "0.3s" : "0.1s" })
     }, [
@@ -598,7 +598,7 @@ const Ve = /* @__PURE__ */ T({
         "--background": "var(--t-color-surface)"
       }, e;
     });
-    return (e, r) => (c(), m("div", {
+    return (e, s) => (c(), m("div", {
       class: "t-card",
       style: w(o.value)
     }, [
@@ -615,14 +615,14 @@ const Le = /* @__PURE__ */ g(Oe, [["render", Xe], ["__scopeId", "data-v-9a833657
   __name: "t-refresher",
   emits: ["refresh"],
   setup(t, { emit: n }) {
-    const o = n, e = y(0), r = y(!1), a = y();
+    const o = n, e = y(0), s = y(!1), a = y();
     let l, i = !1;
     const u = () => {
-      r.value = !1, e.value = 0, l && l.cancel(), setTimeout(() => {
+      s.value = !1, e.value = 0, l && l.cancel(), setTimeout(() => {
         i = !1;
       }, 2e3);
     }, d = () => {
-      i = !0, r.value = !0, e.value = ee, o("refresh", u);
+      i = !0, s.value = !0, e.value = ee, o("refresh", u);
     };
     return R(() => a.value, () => {
       l && l.destroy();
@@ -631,14 +631,14 @@ const Le = /* @__PURE__ */ g(Oe, [["render", Xe], ["__scopeId", "data-v-9a833657
         options: {
           minDist: 60
         },
-        move({ dy: _, e: s }) {
-          r.value || i || _ < 0 || (_ >= 120 ? d() : e.value = _);
+        move({ dy: _, e: r }) {
+          s.value || i || _ < 0 || (_ >= 120 ? d() : e.value = _);
         },
-        up({ dy: _, e: s }) {
-          r.value || i || (_ > ee ? d() : e.value = 0);
+        up({ dy: _, e: r }) {
+          s.value || i || (_ > ee ? d() : e.value = 0);
         },
         cancel() {
-          r.value = !1, e.value = 0;
+          s.value = !1, e.value = 0;
         }
       }, {
         passive: !1
@@ -652,7 +652,7 @@ const Le = /* @__PURE__ */ g(Oe, [["render", Xe], ["__scopeId", "data-v-9a833657
       style: w({ height: `${e.value}px` })
     }, [
       k("img", {
-        class: I({ spiner: r.value }),
+        class: I({ spiner: s.value }),
         src: "https://static.toikit.com/toikit/home_2.png?v=3",
         alt: "Loading...",
         style: { width: "22px", height: "22px" }
@@ -661,29 +661,29 @@ const Le = /* @__PURE__ */ g(Oe, [["render", Xe], ["__scopeId", "data-v-9a833657
       [Y, e.value > 0]
     ]);
   }
-}), Ye = /* @__PURE__ */ g(We, [["__scopeId", "data-v-8181b199"]]), He = {}, Ue = { class: "t-screen" };
+}), Ye = /* @__PURE__ */ g(We, [["__scopeId", "data-v-696c775e"]]), He = {}, Ue = { class: "t-screen" };
 function je(t, n) {
   return c(), m("div", Ue, [
     b(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649"]]), Fe = /* @__PURE__ */ T({
+const re = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649"]]), Fe = /* @__PURE__ */ T({
   __name: "t-swipe-screen",
   emits: ["change"],
   setup(t, { emit: n }) {
     let o = {};
-    const e = oe(), r = de(), a = e.getRoutes(), l = y(!1), i = n;
-    for (let s of a)
-      o[s.name] = s.components;
-    const u = (s) => {
-      s && $.addScreen({
-        name: s,
+    const e = oe(), s = de(), a = e.getRoutes(), l = y(!1), i = n;
+    for (let r of a)
+      o[r.name] = r.components;
+    const u = (r) => {
+      r && $.addScreen({
+        name: r,
         target: null,
-        component: ce(o[s] || null)
+        component: ce(o[r] || null)
       });
-    }, d = (s, f) => {
-      !f || $.screens[s].target || ($.screens[s].target = f.$el, s > 0 && (l.value = !0, f.$el.style.transform = "translateX(100vw)", f.$el.transitionOrigin = "center", document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
-        f.$el.style.transition = "transform 0.35s ease", f.$el.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), $.screens.length > 1 && ($.lastScreen.value.target.style.transitionOrigin = "left center", $.lastScreen.value.target.style.transition = "transform 0.35s ease", $.lastScreen.value.target.style.transform = "translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"), setTimeout(() => {
+    }, d = (r, p) => {
+      !p || $.screens[r].target || ($.screens[r].target = p.$el, r > 0 && (l.value = !0, p.$el.style.transform = "translateX(100vw)", p.$el.transitionOrigin = "center", document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
+        p.$el.style.transition = "transform 0.35s ease", p.$el.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), $.screens.length > 1 && ($.lastScreen.value.target.style.transitionOrigin = "left center", $.lastScreen.value.target.style.transition = "transform 0.35s ease", $.lastScreen.value.target.style.transform = "translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"), setTimeout(() => {
           i("change"), l.value = !1;
         }, 400);
       }, 100)));
@@ -692,49 +692,49 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
         $.removeScreen(), i("change"), l.value = !1;
       }, 400);
     };
-    u(r.name), R(() => r.name, (s, f) => {
-      s != $.currentScreen.value.name && ($.lastScreen.value?.name == s ? v() : u(s));
+    u(s.name), R(() => s.name, (r, p) => {
+      r != $.currentScreen.value.name && ($.lastScreen.value?.name == r ? v() : u(r));
     });
     const _ = () => {
       l.value = !0;
-      const s = $.currentScreen.value.target, f = $.lastScreen.value.target;
-      s.style.transition = "transform 0.35s ease", s.style.transform = "translateX(0px)", f.style.transition = "transform 0.35s ease", f.style.transform = "translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), setTimeout(() => {
+      const r = $.currentScreen.value.target, p = $.lastScreen.value.target;
+      r.style.transition = "transform 0.35s ease", r.style.transform = "translateX(0px)", p.style.transition = "transform 0.35s ease", p.style.transform = "translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), setTimeout(() => {
         l.value = !1;
       }, 400);
     };
     return J(() => {
       V(document, {
         pointerId: null,
-        beforeEvent(s) {
-          return l.value || $.screens.length < 2 ? !1 : (s.type == "pointerdown" && !this.pointerId && (this.pointerId = s.pointerId), this.pointerId == s.pointerId);
+        beforeEvent(r) {
+          return l.value || $.screens.length < 2 ? !1 : (r.type == "pointerdown" && !this.pointerId && (this.pointerId = r.pointerId), this.pointerId == r.pointerId);
         },
-        afterEvent(s) {
-          (s.type == "pointerup" || s.type == "pointercancel") && (this.pointerId = null);
+        afterEvent(r, p) {
+          (r == "up" || r == "cancel") && (this.pointerId = null);
         },
-        fast({ d: s }) {
-          s == "right" && e.back();
+        fast({ d: r }) {
+          r == "right" && e.back();
         },
-        move({ dx: s }) {
-          const f = window.innerWidth, h = s / f * 100, p = $.currentScreen.value.target, x = $.lastScreen?.value?.target;
-          if (s > 0 && s <= f) {
-            p.style.transition = "transform 0s ease", p.style.transform = `translateX(${s}px)`, x.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), x.style.transform = `translateX(calc(-30vw + (30vw / 100 * ${h}))) scale(${0.5 + 0.5 / 100 * h}) perspective(100vw) rotateY(${30 - 30 / 100 * h}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * h}`);
+        move({ dx: r }) {
+          const p = window.innerWidth, h = r / p * 100, f = $.currentScreen.value.target, x = $.lastScreen?.value?.target;
+          if (r > 0 && r <= p) {
+            f.style.transition = "transform 0s ease", f.style.transform = `translateX(${r}px)`, x.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), x.style.transform = `translateX(calc(-30vw + (30vw / 100 * ${h}))) scale(${0.5 + 0.5 / 100 * h}) perspective(100vw) rotateY(${30 - 30 / 100 * h}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * h}`);
             return;
           }
         },
-        up({ dx: s }) {
-          const f = window.innerWidth;
-          s / f * 100 >= 50 ? e.back() : _();
+        up({ dx: r }) {
+          const p = window.innerWidth;
+          r / p * 100 >= 50 ? e.back() : _();
         },
         cancel() {
           _();
         }
       });
-    }), (s, f) => (c(), m(A, null, [
-      (c(!0), m(A, null, H(D($).screens, (h, p) => (c(), E(se, {
+    }), (r, p) => (c(), m(A, null, [
+      (c(!0), m(A, null, H(D($).screens, (h, f) => (c(), E(re, {
         ref_for: !0,
-        ref: (x) => d(p, x),
-        style: w({ zIndex: p + (p == D($).screens.length - 1 ? 2 : 1) }),
-        key: p
+        ref: (x) => d(f, x),
+        style: w({ zIndex: f + (f == D($).screens.length - 1 ? 2 : 1) }),
+        key: f
       }, {
         default: B(() => [
           (c(), E(le(h.component.default)))
@@ -747,7 +747,7 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
       }, null, 4)
     ], 64));
   }
-}), Ge = /* @__PURE__ */ g(Fe, [["__scopeId", "data-v-a048cc07"]]), Ke = /* @__PURE__ */ T({
+}), Ge = /* @__PURE__ */ g(Fe, [["__scopeId", "data-v-16f52a17"]]), Ke = /* @__PURE__ */ T({
   __name: "t-toolbar",
   props: {
     placement: { default: "bottom" },
@@ -773,12 +773,12 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
     const n = oe(), o = t, e = () => {
       $.hasPrevious.value ? n?.back?.() : o.to && n?.push?.(o.to);
     };
-    return (r, a) => r.to || D($).hasPrevious ? (c(), m("button", {
+    return (s, a) => s.to || D($).hasPrevious ? (c(), m("button", {
       key: 0,
       class: "t-back-button",
       onClick: e
     }, [
-      b(r.$slots, "default", {}, () => [
+      b(s.$slots, "default", {}, () => [
         a[0] || (a[0] = k("i", { class: "ri-arrow-left-s-line" }, null, -1))
       ], !0)
     ])) : z("", !0);
@@ -791,13 +791,13 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
   },
   setup(t) {
     const n = t, o = S(() => {
-      let e, r = n.color;
-      return n.size == "standard" ? e = "var(--t-fs-10)" : n.size == "small" ? e = "var(--t-fs-08)" : n.size == "large" ? e = "var(--t-fs-12)" : e = n.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(n.color) && (r = `var(--t-color-status-${n.color})`), {
-        "--color": r,
+      let e, s = n.color;
+      return n.size == "standard" ? e = "var(--t-fs-10)" : n.size == "small" ? e = "var(--t-fs-08)" : n.size == "large" ? e = "var(--t-fs-12)" : e = n.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(n.color) && (s = `var(--t-color-status-${n.color})`), {
+        "--color": s,
         "--font-size": e
       };
     });
-    return (e, r) => (c(), m("span", {
+    return (e, s) => (c(), m("span", {
       class: "t-text",
       style: w(o.value)
     }, [
@@ -830,7 +830,7 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
   },
   emits: ["dismiss"],
   setup(t, { emit: n }) {
-    const o = t, e = n, r = y(), a = y(), l = y(!1);
+    const o = t, e = n, s = y(), a = y(), l = y(!1);
     let i = null;
     const u = S(() => {
       if (o.placement == "bottom") return "down";
@@ -844,37 +844,37 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
         l.value = !1;
       }, 300);
     };
-    return R(() => r.value, (_) => {
-      _ && (i = V(r.value, {
+    return R(() => s.value, (_) => {
+      _ && (i = V(s.value, {
         options: {
           minDist: 30
         },
         pointerId: null,
-        beforeEvent(s) {
-          let f = !1, h = !1;
-          return l.value || !o.gesture || o.placement == "center" ? f = !0 : this.pointerId ? (f = !0, h = this.pointerId == s.pointerId) : s.type == "pointerdown" && (this.pointerId = s.pointerId, f = !0, h = !0), f && (s.stopPropagation(), O(s.target) || (s.preventDefault(), q())), h;
+        beforeEvent(r) {
+          let p = !1, h = !1;
+          return l.value || !o.gesture || o.placement == "center" ? p = !0 : this.pointerId ? (p = !0, h = this.pointerId == r.pointerId) : r.type == "pointerdown" && (this.pointerId = r.pointerId, p = !0, h = !0), p && (r.stopPropagation(), O(r.target) || (r.preventDefault(), q())), h;
         },
-        afterEvent(s) {
-          (s.type == "pointerup" || s.type == "pointercancel") && (this.pointerId = null);
+        afterEvent(r, p) {
+          (r == "up" || r == "cancel") && (this.pointerId = null);
         },
-        fast({ d: s }) {
-          v(), s == u.value ? e("dismiss", "gesture") : a.value.open();
+        fast({ d: r }) {
+          v(), r == u.value ? e("dismiss", "gesture") : a.value.open();
         },
-        move({ dy: s, dx: f, d: h }) {
+        move({ dy: r, dx: p, d: h }) {
           if (h != u.value) return;
-          let p = 0;
-          o.placement == "bottom" || o.placement == "top" ? p = s : p = f, a.value.render({
-            contentTransform: p + "px",
+          let f = 0;
+          o.placement == "bottom" || o.placement == "top" ? f = r : f = p, a.value.render({
+            contentTransform: f + "px",
             transition: "0s"
           });
         },
-        up({ dy: s, dx: f, d: h }) {
+        up({ dy: r, dx: p, d: h }) {
           if (v(), h != u.value) {
             a.value.open();
             return;
           }
-          let p, x, G;
-          o.placement == "bottom" || o.placement == "top" ? (p = r.value.offsetHeight, G = s) : (p = r.value.offsetWidth, G = f), x = G / p * 100, x > 50 ? e("dismiss", "gesture") : a.value.open();
+          let f, x, G;
+          o.placement == "bottom" || o.placement == "top" ? (f = s.value.offsetHeight, G = r) : (f = s.value.offsetWidth, G = p), x = G / f * 100, x > 50 ? e("dismiss", "gesture") : a.value.open();
         },
         cancel() {
           v(), a.value.open();
@@ -882,7 +882,7 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
       }));
     }), N(() => {
       i && i.destroy();
-    }), (_, s) => (c(), E(L, {
+    }), (_, r) => (c(), E(L, {
       ref_key: "present",
       ref: a,
       placement: o.placement,
@@ -899,17 +899,17 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
         o.closeButton && o.placement == "center" ? (c(), m("button", {
           key: 1,
           class: "t-sheet-close",
-          onClick: s[0] || (s[0] = (f) => d("close-button"))
+          onClick: r[0] || (r[0] = (p) => d("close-button"))
         }, [
           b(_.$slots, "close-icon", {}, () => [
-            s[1] || (s[1] = k("i", { class: "ri-close-large-line" }, null, -1))
+            r[1] || (r[1] = k("i", { class: "ri-close-large-line" }, null, -1))
           ], !0)
         ])) : z("", !0),
         k("div", {
           class: I(["t-sheet", { fullscreen: o.fullscreen, [o.placement]: !0, rounded: _.rounded, radius: o.radius }]),
           style: w({ "--background": o.background }),
           ref_key: "sheet",
-          ref: r
+          ref: s
         }, [
           b(_.$slots, "default", {}, void 0, !0)
         ], 6)
@@ -917,7 +917,7 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
       _: 3
     }, 8, ["placement", "backdrop", "visible", "keepalive"]));
   }
-}), ot = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-14b7fc93"]]), nt = { class: "t-input-label" }, rt = { class: "t-input-content" }, st = ["type", "placeholder", "value"], at = /* @__PURE__ */ T({
+}), ot = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-170e2041"]]), nt = { class: "t-input-label" }, st = { class: "t-input-content" }, rt = ["type", "placeholder", "value"], at = /* @__PURE__ */ T({
   __name: "t-input",
   props: {
     size: { default: "standard" },
@@ -932,7 +932,7 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const o = t, e = n, r = (a) => {
+    const o = t, e = n, s = (a) => {
       e("update:modelValue", a.target.value);
     };
     return (a, l) => (c(), m("div", {
@@ -940,14 +940,14 @@ const se = /* @__PURE__ */ g(He, [["render", je], ["__scopeId", "data-v-66ea8649
     }, [
       k("label", null, [
         k("span", nt, P(a.label), 1),
-        k("div", rt, [
+        k("div", st, [
           b(a.$slots, "start", {}, void 0, !0),
           k("input", {
             type: a.type,
             placeholder: a.placeholder,
             value: a.modelValue,
-            onInput: r
-          }, null, 40, st),
+            onInput: s
+          }, null, 40, rt),
           b(a.$slots, "end", {}, void 0, !0)
         ])
       ]),
@@ -1004,7 +1004,7 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
   },
   emits: ["change"],
   setup(t, { emit: n }) {
-    const o = t, e = n, r = y(!1), a = y(), l = S(() => {
+    const o = t, e = n, s = y(!1), a = y(), l = S(() => {
       let d = o.color;
       return ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (d = `var(--t-color-status-${o.color})`), {
         "--color": d
@@ -1012,11 +1012,11 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
     }), i = () => a.value?.parentElement?.querySelector?.("input");
     J(() => {
       let d = i();
-      d && (r.value = d.type != "password", e("change", r.value));
+      d && (s.value = d.type != "password", e("change", s.value));
     });
     const u = () => {
       let d = i();
-      d && (r.value = !r.value, r.value ? d.type = "text" : d.type = "password", e("change", r.value));
+      d && (s.value = !s.value, s.value ? d.type = "text" : d.type = "password", e("change", s.value));
     };
     return (d, v) => (c(), m("button", {
       ref_key: "toggle",
@@ -1025,10 +1025,10 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
       style: w(l.value),
       onClick: u
     }, [
-      r.value ? b(d.$slots, "on", { key: 0 }, () => [
+      s.value ? b(d.$slots, "on", { key: 0 }, () => [
         v[0] || (v[0] = k("i", { class: "ri-eye-line" }, null, -1))
       ], !0) : z("", !0),
-      r.value ? z("", !0) : b(d.$slots, "off", { key: 1 }, () => [
+      s.value ? z("", !0) : b(d.$slots, "off", { key: 1 }, () => [
         v[1] || (v[1] = k("i", { class: "ri-eye-off-line" }, null, -1))
       ], !0)
     ], 4));
@@ -1041,7 +1041,7 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
   },
   setup(t) {
     const n = t, o = S(() => n.size == "small" ? "24px" : n.size == "standard" ? "40px" : n.size == "large" ? "60px" : n.size);
-    return (e, r) => (c(), m("div", {
+    return (e, s) => (c(), m("div", {
       class: I(["t-avatar", { square: e.square }]),
       style: w({ "--size": o.value })
     }, [
@@ -1061,11 +1061,11 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
   },
   emits: ["change"],
   setup(t, { emit: n }) {
-    const o = t, e = n, r = y(!1), a = y(""), l = y(), i = () => {
-      r.value = !r.value, a.value = `calc(${l.value.offsetHeight}px + 2rem)`, e("change", r.value);
+    const o = t, e = n, s = y(!1), a = y(""), l = y(), i = () => {
+      s.value = !s.value, a.value = `calc(${l.value.offsetHeight}px + 2rem)`, e("change", s.value);
     };
-    return e("change", r.value), (u, d) => (c(), m("div", {
-      class: I(["t-collapse", { open: r.value }]),
+    return e("change", s.value), (u, d) => (c(), m("div", {
+      class: I(["t-collapse", { open: s.value }]),
       style: w({ "--height": a.value })
     }, [
       k("div", {
@@ -1079,7 +1079,7 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
           ])
         ]),
         b(u.$slots, "toggle", {}, () => [
-          r.value ? (c(), m("div", Et, [...d[0] || (d[0] = [
+          s.value ? (c(), m("div", Et, [...d[0] || (d[0] = [
             k("i", { class: "ri-arrow-up-s-line" }, null, -1)
           ])])) : (c(), m("div", Bt, [...d[1] || (d[1] = [
             k("i", { class: "ri-arrow-down-s-line" }, null, -1)
@@ -1106,7 +1106,7 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const o = t, e = n, r = () => {
+    const o = t, e = n, s = () => {
       e("update:modelValue", !o.modelValue);
     }, a = S(() => {
       let l = {
@@ -1121,7 +1121,7 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
     return (l, i) => (c(), m("div", {
       class: I(["t-switch", { on: o.modelValue }]),
       style: w(a.value),
-      onClick: r
+      onClick: s
     }, [...i[0] || (i[0] = [
       k("div", { class: "t-switch-icon" }, null, -1)
     ])], 6));
@@ -1132,7 +1132,7 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
     value: {}
   },
   setup(t) {
-    const n = t, o = ie("tabsState"), e = S(() => o.active.value === n.value), r = () => {
+    const n = t, o = ie("tabsState"), e = S(() => o.active.value === n.value), s = () => {
       o.setActive(n.value);
     };
     return (a, l) => (c(), m("li", {
@@ -1140,7 +1140,7 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
     }, [
       M(F, {
         variant: "text",
-        onClick: r,
+        onClick: s,
         color: e.value && D(o).variant == "text" ? D(o).color : void 0
       }, {
         default: B(() => [
@@ -1161,7 +1161,7 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const o = t, e = n, r = y("0px"), a = y(), l = S(() => {
+    const o = t, e = n, s = y("0px"), a = y(), l = S(() => {
       let u = o.color;
       return ["warning", "info", "danger", "primary", "secondary", "success"].includes(u) && (u = `var(--t-color-status-${u})`), u;
     }), i = () => {
@@ -1170,13 +1170,13 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
           let u = a.value.querySelector(".active");
           if (u) {
             let d = u.getBoundingClientRect().left - a.value.getBoundingClientRect().left, v = u.offsetWidth / 2;
-            r.value = d + v - o.border / 2 + "px";
+            s.value = d + v - o.border / 2 + "px";
           }
         } else if (o.placement.startsWith("left-") || o.placement.startsWith("right-")) {
           let u = a.value.querySelector(".active");
           if (u) {
             let d = u.getBoundingClientRect().top - a.value.getBoundingClientRect().top, v = u.offsetHeight / 2;
-            r.value = d + v - o.border / 2 + "px";
+            s.value = d + v - o.border / 2 + "px";
           }
         }
       }, 50);
@@ -1194,14 +1194,14 @@ const kt = /* @__PURE__ */ g(gt, [["render", ht]]), $t = /* @__PURE__ */ T({
       ref_key: "container",
       ref: a,
       class: I(["t-tabs", { [u.placement]: !0, [u.variant]: !0 }]),
-      style: w({ "--color": l.value, "--transform": r.value, "--border": u.border + "px" })
+      style: w({ "--color": l.value, "--transform": s.value, "--border": u.border + "px" })
     }, [
       b(u.$slots, "default", {}, void 0, !0)
     ], 6));
   }
 }), Ot = /* @__PURE__ */ g(Nt, [["__scopeId", "data-v-2f040d31"]]), jt = () => ({
   install: (t) => {
-    pe(), t.component("t-app", _e), t.component("t-screen", se), t.component("t-swipe-screen", Ge), t.component("t-cable", Ae), t.component("t-toolbar", Me), t.component("t-content", Le), t.component("t-card", Ne), t.component("t-refresher", Ye), t.component("t-button", F), t.component("t-back-button", Qe), t.component("t-present", L), t.component("t-text", K), t.component("t-sheet", ot), t.component("t-pull-signal", ae), t.component("t-input", lt), t.component("t-textarea", ut), t.component("t-rich-text", ft), t.component("t-grid", yt), t.component("t-grid-item", kt), t.component("t-divider", Tt), t.component("t-toggle-password", xt), t.component("t-loading-icon", Q), t.component("t-alert", ne), t.component("t-avatar", St), t.component("t-collapse", Pt), t.component("t-toast", re), t.component("t-switch", Rt), t.component("t-tab", At), t.component("t-tabs", Ot);
+    pe(), t.component("t-app", _e), t.component("t-screen", re), t.component("t-swipe-screen", Ge), t.component("t-cable", Ae), t.component("t-toolbar", Me), t.component("t-content", Le), t.component("t-card", Ne), t.component("t-refresher", Ye), t.component("t-button", F), t.component("t-back-button", Qe), t.component("t-present", L), t.component("t-text", K), t.component("t-sheet", ot), t.component("t-pull-signal", ae), t.component("t-input", lt), t.component("t-textarea", ut), t.component("t-rich-text", ft), t.component("t-grid", yt), t.component("t-grid-item", kt), t.component("t-divider", Tt), t.component("t-toggle-password", xt), t.component("t-loading-icon", Q), t.component("t-alert", ne), t.component("t-avatar", St), t.component("t-collapse", Pt), t.component("t-toast", se), t.component("t-switch", Rt), t.component("t-tab", At), t.component("t-tabs", Ot);
   }
 });
 export {