@toife/vue 1.1.5 → 1.1.6

package/dist/index.es.js

@@ -1,22 +1,22 @@
-import { createElementBlock as m, openBlock as c, renderSlot as h, defineComponent as T, ref as _, computed as S, reactive as Z, watch as D, onUnmounted as A, Fragment as V, withDirectives as Y, createCommentVNode as E, normalizeStyle as x, normalizeClass as I, vShow as U, createElementVNode as k, createVNode as ee, createBlock as z, withCtx as P, toDisplayString as C, renderList as W, createTextVNode as X, createApp as F, h as G, unref as R, onMounted as te, resolveDynamicComponent as le, markRaw as ce } from "vue";
+import { createElementBlock as m, openBlock as c, renderSlot as h, defineComponent as T, ref as _, computed as S, reactive as Z, watch as D, onUnmounted as A, Fragment as V, withDirectives as Y, createCommentVNode as z, normalizeStyle as x, normalizeClass as I, vShow as U, createElementVNode as k, createVNode as ee, createBlock as E, withCtx as P, toDisplayString as C, renderList as W, createTextVNode as q, createApp as F, h as G, unref as R, onMounted as te, resolveDynamicComponent as le, markRaw as ce } from "vue";
 import { gesture as N } from "@toife/gesture";
 import { useRouter as oe, useRoute as ie } from "vue-router";
-const O = (e) => e && (e.tagName == "INPUT" || e.tagName == "TEXTAREA" || e.isContentEditable), L = () => {
-  const e = document.activeElement;
-  e && (e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.isContentEditable) && e.blur();
+const O = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isContentEditable), X = () => {
+  const t = document.activeElement;
+  t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) && t.blur();
 }, ue = () => {
-  document.addEventListener("contextmenu", (e) => e.preventDefault()), document.addEventListener("dblclick", (e) => e.preventDefault()), document.addEventListener("selectstart", (e) => e.preventDefault()), document.addEventListener("gesturestart", (e) => e.preventDefault()), document.addEventListener("pointerup", (e) => {
-    !O(e.target) && L();
+  document.addEventListener("contextmenu", (t) => t.preventDefault()), document.addEventListener("selectstart", (t) => t.preventDefault()), document.addEventListener("pointerup", (t) => {
+    !O(t.target) && X();
   });
-}, g = (e, o) => {
-  const n = e.__vccOpts || e;
-  for (const [t, r] of o)
-    n[t] = r;
+}, g = (t, o) => {
+  const n = t.__vccOpts || t;
+  for (const [e, r] of o)
+    n[e] = r;
   return n;
 }, de = {}, pe = { class: "t-app" };
-function fe(e, o) {
+function fe(t, o) {
   return c(), m("div", pe, [
-    h(e.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
 const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
@@ -28,8 +28,8 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     placement: { default: "bottom" }
   },
   emits: ["dismiss"],
-  setup(e, { expose: o, emit: n }) {
-    const t = _(0), r = _(!1), a = _(), l = _(), i = e, y = n, p = S(() => r.value || i.keepalive), v = Z({
+  setup(t, { expose: o, emit: n }) {
+    const e = _(0), r = _(!1), a = _(), l = _(), i = t, y = n, p = S(() => r.value || i.keepalive), v = Z({
       "--t-present-backdrop-opacity": "0.4",
       "--t-present-transition": "0.2s",
       "--t-present-content-transform": "0px",
@@ -53,7 +53,7 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
       });
     };
     D(() => i.visible, () => {
-      i.visible ? (r.value = !0, t.value = Se.getNewIndex(), setTimeout(() => {
+      i.visible ? (r.value = !0, e.value = Se.getNewIndex(), setTimeout(() => {
         s();
       }, 50)) : (d(), setTimeout(() => {
         r.value = !1;
@@ -67,7 +67,7 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     return D(() => a.value, (u) => {
       u && (b = N(a.value, {
         beforeEvent(w) {
-          return w.stopPropagation(), O(w.target) || (w.preventDefault(), L()), w.type == "pointerup";
+          return w.stopPropagation(), O(w.target) || (w.preventDefault(), X()), w.type == "pointerup";
         },
         up() {
           y("dismiss", "backdrop");
@@ -81,24 +81,24 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
         class: I(["t-present", { [u.placement]: !0 }]),
         ref_key: "present",
         ref: l,
-        style: x({ ...v, zIndex: t.value })
+        style: x({ ...v, zIndex: e.value })
       }, [
         h(u.$slots, "default", {}, void 0, !0)
       ], 6)), [
         [U, r.value]
-      ]) : E("", !0),
+      ]) : z("", !0),
       p.value ? Y((c(), m("div", {
         key: 1,
         class: "t-present-backdrop",
         ref_key: "backdrop",
         ref: a,
-        style: x({ ...v, zIndex: t.value - 1 })
+        style: x({ ...v, zIndex: e.value - 1 })
       }, null, 4)), [
         [U, r.value]
-      ]) : E("", !0)
+      ]) : z("", !0)
     ], 64));
   }
-}), q = /* @__PURE__ */ g(ve, [["__scopeId", "data-v-dc2a4bc9"]]), _e = /* @__PURE__ */ T({
+}), L = /* @__PURE__ */ g(ve, [["__scopeId", "data-v-dc2a4bc9"]]), _e = /* @__PURE__ */ T({
   __name: "t-loading-icon",
   props: {
     size: {
@@ -110,13 +110,13 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
       default: "var(--t-color-text)"
     }
   },
-  setup(e) {
+  setup(t) {
     return (o, n) => (c(), m("span", {
       class: "t-loading-icon",
       style: x({
-        width: e.size,
-        height: e.size,
-        borderTopColor: e.color
+        width: t.size,
+        height: t.size,
+        borderTopColor: t.color
       }),
       role: "status",
       "aria-label": "Loading..."
@@ -137,53 +137,53 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     variant: { default: "default" },
     activeBackground: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    const o = e, n = S(() => {
-      let t;
-      return o.variant == "default" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? t = {
+  setup(t) {
+    const o = t, n = S(() => {
+      let e;
+      return o.variant == "default" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? e = {
         "--border": "none",
         "--color": "var(--t-color-status-" + o.color + "-text)",
         "--background": "var(--t-color-status-" + o.color + ")"
-      } : t = {
+      } : e = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": o.color
-      } : t = {
+      } : e = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": "var(--t-color-surface)"
-      }), o.variant == "text" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? t = {
+      }), o.variant == "text" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? e = {
         "--border": "none",
         "--color": "var(--t-color-status-" + o.color + ")",
         "--background": "transparent"
-      } : t = {
+      } : e = {
         "--border": "none",
         "--color": o.color,
         "--background": "transparent"
-      } : t = {
+      } : e = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": "transparent"
-      }), o.variant == "outline" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? t = {
+      }), o.variant == "outline" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? e = {
         "--border": "0.55px solid var(--t-color-status-" + o.color + ")",
         "--color": "var(--t-color-status-" + o.color + ")",
         "--background": "transparent"
-      } : t = {
+      } : e = {
         "--border": "0.55px solid " + o.color,
         "--color": o.color,
         "--background": "transparent"
-      } : t = {
+      } : e = {
         "--border": "0.55px solid var(--t-color-text)",
         "--color": "var(--t-color-text)",
         "--background": "transparent"
-      }), t;
+      }), e;
     });
-    return (t, r) => (c(), m("button", {
+    return (e, r) => (c(), m("button", {
       class: I(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0 }]),
       style: x(n.value)
     }, [
       Y(k("span", null, [
-        h(t.$slots, "default", {}, void 0, !0)
+        h(e.$slots, "default", {}, void 0, !0)
       ], 512), [
         [U, !o.loading]
       ]),
@@ -192,7 +192,7 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
           color: "var(--color)",
           type: o.loadingType
         }, null, 8, ["type"])
-      ])) : E("", !0)
+      ])) : z("", !0)
     ], 6));
   }
 }), M = /* @__PURE__ */ g(ge, [["__scopeId", "data-v-07bf1b8d"]]), be = {
@@ -206,8 +206,8 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     actions: {}
   },
   emits: ["close"],
-  setup(e, { expose: o, emit: n }) {
-    const t = e, r = _(!1), a = n, l = _();
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = _(!1), a = n, l = _();
     let i;
     const y = _(!1), p = () => {
       r.value = !0;
@@ -223,12 +223,12 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     }), D(() => l.value, (s) => {
       s && (i = N(l.value, {
         beforeEvent(d) {
-          return d.stopPropagation(), O(d.target) || (d.preventDefault(), L()), !1;
+          return d.stopPropagation(), O(d.target) || (d.preventDefault(), X()), !1;
         }
       }));
     }), A(() => {
       i && i.destroy();
-    }), (s, d) => (c(), z(q, {
+    }), (s, d) => (c(), E(L, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
@@ -242,20 +242,20 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
           ref: l
         }, [
           h(s.$slots, "header", {}, () => [
-            t.title ? (c(), m("div", be, C(t.title), 1)) : E("", !0)
+            e.title ? (c(), m("div", be, C(e.title), 1)) : z("", !0)
           ], !0),
           h(s.$slots, "content", {}, () => [
-            k("div", he, C(t.message), 1)
+            k("div", he, C(e.message), 1)
           ], !0),
           h(s.$slots, "footer", {}, () => [
             k("div", ke, [
-              (c(!0), m(V, null, W(t.actions, (b) => (c(), z(M, {
+              (c(!0), m(V, null, W(e.actions, (b) => (c(), E(M, {
                 color: b.color,
                 variant: b.variant,
                 onClick: (u) => v(b)
               }, {
                 default: P(() => [
-                  X(C(b.text), 1)
+                  q(C(b.text), 1)
                 ]),
                 _: 2
               }, 1032, ["color", "variant", "onClick"]))), 256))
@@ -266,27 +266,27 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
       _: 3
     }, 8, ["visible"]));
   }
-}), ne = /* @__PURE__ */ g($e, [["__scopeId", "data-v-5b4773ce"]]), Vt = (e = {}) => ({
+}), ne = /* @__PURE__ */ g($e, [["__scopeId", "data-v-5b4773ce"]]), Vt = (t = {}) => ({
   open() {
     return new Promise((o) => {
       let n = document.body.querySelector(".t-app");
       if (!n) return;
-      const t = document.createElement("div"), r = _();
-      n.appendChild(t);
+      const e = document.createElement("div"), r = _();
+      n.appendChild(e);
       const a = F({
         render() {
           return G(ne, {
-            ...e,
+            ...t,
             ref: r,
             onClose: (l) => {
               setTimeout(() => {
-                a.unmount(), t.remove();
+                a.unmount(), e.remove();
               }, 300), o(l);
             }
           });
         }
       });
-      a.mount(t), setTimeout(() => {
+      a.mount(e), setTimeout(() => {
         r.value?.open?.();
       }, 50);
     });
@@ -297,8 +297,8 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     actions: {}
   },
   emits: ["close"],
-  setup(e, { expose: o, emit: n }) {
-    const t = e, r = _(!1), a = n, l = _();
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = _(!1), a = n, l = _();
     let i;
     const y = _(!1), p = () => {
       r.value = !0;
@@ -314,12 +314,12 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     }), D(() => l.value, (s) => {
       s && (i = N(l.value, {
         beforeEvent(d) {
-          return d.stopPropagation(), O(d.target) || (d.preventDefault(), L()), !1;
+          return d.stopPropagation(), O(d.target) || (d.preventDefault(), X()), !1;
         }
       }));
     }), A(() => {
       i && i.destroy();
-    }), (s, d) => (c(), z(q, {
+    }), (s, d) => (c(), E(L, {
       placement: "bottom",
       backdrop: !0,
       keepalive: !1,
@@ -332,8 +332,8 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
           ref_key: "container",
           ref: l
         }, [
-          (c(!0), m(V, null, W(t.actions, (b) => (c(), m("div", null, [
-            (c(!0), m(V, null, W(b, (u) => (c(), z(M, {
+          (c(!0), m(V, null, W(e.actions, (b) => (c(), m("div", null, [
+            (c(!0), m(V, null, W(b, (u) => (c(), E(M, {
               color: u.color,
               size: u.size,
               variant: u.variant,
@@ -341,7 +341,7 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
               block: ""
             }, {
               default: P(() => [
-                X(C(u.text), 1)
+                q(C(u.text), 1)
               ]),
               _: 2
             }, 1032, ["color", "size", "variant", "onClick"]))), 256))
@@ -351,27 +351,27 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
       _: 1
     }, 8, ["visible"]));
   }
-}), we = /* @__PURE__ */ g(Te, [["__scopeId", "data-v-42000b04"]]), At = (e = {}) => ({
+}), we = /* @__PURE__ */ g(Te, [["__scopeId", "data-v-42000b04"]]), At = (t = {}) => ({
   open() {
     return new Promise((o) => {
       let n = document.body.querySelector(".t-app");
       if (!n) return;
-      const t = document.createElement("div"), r = _();
-      n.appendChild(t);
+      const e = document.createElement("div"), r = _();
+      n.appendChild(e);
       const a = F({
         render() {
           return G(we, {
-            ...e,
+            ...t,
             ref: r,
             onClose: (l) => {
               setTimeout(() => {
-                a.unmount(), t.remove();
+                a.unmount(), e.remove();
               }, 300), o(l);
             }
           });
         }
       });
-      a.mount(t), setTimeout(() => {
+      a.mount(e), setTimeout(() => {
         r.value?.open?.();
       }, 50);
     });
@@ -382,8 +382,8 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     type: { default: "spinner" }
   },
   emits: ["close"],
-  setup(e, { expose: o, emit: n }) {
-    const t = e, r = _(!1), a = _();
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = _(!1), a = _();
     let l;
     return o({
       open: () => {
@@ -395,12 +395,12 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     }), D(() => a.value, (p) => {
       p && (l = N(a.value, {
         beforeEvent(v) {
-          return v.stopPropagation(), O(v.target) || (v.preventDefault(), L()), !1;
+          return v.stopPropagation(), O(v.target) || (v.preventDefault(), X()), !1;
         }
       }));
     }), A(() => {
       l && l.destroy();
-    }), (p, v) => (c(), z(q, {
+    }), (p, v) => (c(), E(L, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
@@ -414,7 +414,7 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
         }, [
           h(p.$slots, "default", {}, () => [
             ee(K, {
-              type: t.type
+              type: e.type
             }, null, 8, ["type"])
           ], !0)
         ], 512)
@@ -422,20 +422,20 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
       _: 3
     }, 8, ["visible"]));
   }
-}), Ie = /* @__PURE__ */ g(xe, [["__scopeId", "data-v-96624ceb"]]), Ot = (e = {}) => {
+}), Ie = /* @__PURE__ */ g(xe, [["__scopeId", "data-v-96624ceb"]]), Ot = (t = {}) => {
   const o = _(), n = document.body.querySelector(".t-app");
-  let t = null, r = null;
+  let e = null, r = null;
   return {
     open() {
       return new Promise((a) => {
-        n && (r = document.createElement("div"), n.appendChild(r), t = F({
+        n && (r = document.createElement("div"), n.appendChild(r), e = F({
           render() {
             return G(Ie, {
-              ...e,
+              ...t,
               ref: o
             });
           }
-        }), t.mount(r), setTimeout(() => {
+        }), e.mount(r), setTimeout(() => {
           o.value?.open?.(), a(!0);
         }, 50));
       });
@@ -443,7 +443,7 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     close() {
       return new Promise((a) => {
         o.value?.close?.(), setTimeout(() => {
-          t?.unmount?.(), r?.remove?.(), a(!0);
+          e?.unmount?.(), r?.remove?.(), a(!0);
         }, 300);
       });
     }
@@ -452,14 +452,14 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
   getNewIndex() {
     return J.value += 2, J.value;
   }
-}, B = Z([]), Ee = (e) => {
-  B.push(e);
-}, ze = (e) => {
-  e || B.pop();
+}, B = Z([]), ze = (t) => {
+  B.push(t);
+}, Ee = (t) => {
+  t || B.pop();
 }, $ = {
   screens: B,
-  addScreen: Ee,
-  removeScreen: ze,
+  addScreen: ze,
+  removeScreen: Ee,
   hasPrevious: S(() => B.length > 1),
   currentScreen: S(() => B[B.length - 1]),
   lastScreen: S(() => {
@@ -477,50 +477,50 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
     variant: { default: "default" }
   },
   emits: ["close"],
-  setup(e, { expose: o, emit: n }) {
-    const t = e, r = n, a = _(!1), l = _(!1), i = _(!1), y = () => {
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = n, a = _(!1), l = _(!1), i = _(!1), y = () => {
       l.value = !0, i.value = !1, setTimeout(() => {
         a.value = !0;
       }, 10), setTimeout(() => {
         p();
-      }, t.duration + 10);
+      }, e.duration + 10);
     }, p = () => {
       i.value = !0, setTimeout(() => {
         l.value = !1, a.value = !1, r("close");
       }, 300);
     }, v = S(() => {
       let f;
-      return t.variant == "default" && (t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? f = {
+      return e.variant == "default" && (e.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? f = {
         "--border": "none",
-        "--color": "var(--t-color-status-" + t.color + "-text)",
-        "--background": "rgba(var(--t-color-status-" + t.color + "-rgb), 0.6)"
+        "--color": "var(--t-color-status-" + e.color + "-text)",
+        "--background": "rgba(var(--t-color-status-" + e.color + "-rgb), 0.6)"
       } : f = {
         "--border": "none",
         "--color": "var(--t-color-text)",
-        "--background": t.color
+        "--background": e.color
       } : f = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": "rgba(var(--t-color-surface-rgb), 0.6)"
-      }), t.variant == "text" && (t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? f = {
+      }), e.variant == "text" && (e.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? f = {
         "--border": "none",
-        "--color": "var(--t-color-status-" + t.color + ")",
+        "--color": "var(--t-color-status-" + e.color + ")",
         "--background": "transparent"
       } : f = {
         "--border": "none",
-        "--color": t.color,
+        "--color": e.color,
         "--background": "transparent"
       } : f = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": "transparent"
-      }), t.variant == "outline" && (t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? f = {
-        "--border": "0.55px solid var(--t-color-status-" + t.color + ")",
-        "--color": "var(--t-color-status-" + t.color + ")",
+      }), e.variant == "outline" && (e.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? f = {
+        "--border": "0.55px solid var(--t-color-status-" + e.color + ")",
+        "--color": "var(--t-color-status-" + e.color + ")",
         "--background": "transparent"
       } : f = {
-        "--border": "0.55px solid " + t.color,
-        "--color": t.color,
+        "--border": "0.55px solid " + e.color,
+        "--color": e.color,
         "--background": "transparent"
       } : f = {
         "--border": "0.55px solid var(--t-color-text)",
@@ -532,21 +532,21 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
       open: y
     }), (f, s) => l.value ? (c(), m("div", {
       key: 0,
-      class: I(["t-toast", { [t.placement]: !0, open: a.value, closing: i.value }]),
-      style: x({ "--space": t.space, ...v.value })
-    }, C(t.message), 7)) : E("", !0);
+      class: I(["t-toast", { [e.placement]: !0, open: a.value, closing: i.value }]),
+      style: x({ "--space": e.space, ...v.value })
+    }, C(e.message), 7)) : z("", !0);
   }
-}), re = /* @__PURE__ */ g(Be, [["__scopeId", "data-v-5159a3c5"]]), Lt = (e = {}) => ({
+}), re = /* @__PURE__ */ g(Be, [["__scopeId", "data-v-5159a3c5"]]), Xt = (t = {}) => ({
   open() {
     let o = document.body.querySelector(".t-app");
     if (!o) return;
-    const n = document.createElement("div"), t = _();
+    const n = document.createElement("div"), e = _();
     o.appendChild(n);
     const r = F({
       render() {
         return G(re, {
-          ...e,
-          ref: t,
+          ...t,
+          ref: e,
           onClose: () => {
             setTimeout(() => {
               r.unmount(), n.remove();
@@ -556,7 +556,7 @@ const me = /* @__PURE__ */ g(de, [["render", fe]]), ve = /* @__PURE__ */ T({
       }
     });
     r.mount(n), setTimeout(() => {
-      t.value?.open?.();
+      e.value?.open?.();
     }, 50);
   }
 }), Ce = _(0);
@@ -571,13 +571,13 @@ const De = /* @__PURE__ */ T({
     keyboard: { type: Boolean, default: !0 },
     placement: { default: "bottom" }
   },
-  setup(e) {
-    const o = e, { height: n } = Pe();
-    return (t, r) => (c(), m("div", {
+  setup(t) {
+    const o = t, { height: n } = Pe();
+    return (e, r) => (c(), m("div", {
       class: I(["t-cable", { keyboard: o.keyboard && R(n) > 0, [o.placement]: !0 }]),
       style: x({ "--t-keyboard-height": R(n) + "px", "--t-keyboard-transition": R(n) > 0 ? "0.3s" : "0.1s" })
     }, [
-      h(t.$slots, "default", {}, void 0, !0)
+      h(e.$slots, "default", {}, void 0, !0)
     ], 6));
   }
 }), Re = /* @__PURE__ */ g(De, [["__scopeId", "data-v-ecb72421"]]), Ne = /* @__PURE__ */ T({
@@ -585,42 +585,42 @@ const De = /* @__PURE__ */ T({
   props: {
     color: { default: null }
   },
-  setup(e) {
-    const o = e, n = S(() => {
-      let t;
-      return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? t = {
+  setup(t) {
+    const o = t, n = S(() => {
+      let e;
+      return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? e = {
         "--background": "var(--t-color-status-" + o.color + ")"
-      } : t = {
+      } : e = {
         "--background": o.color
-      } : t = {
+      } : e = {
         "--background": "var(--t-color-surface)"
-      }, t;
+      }, e;
     });
-    return (t, r) => (c(), m("div", {
+    return (e, r) => (c(), m("div", {
       class: "t-card",
       style: x(n.value)
     }, [
-      h(t.$slots, "default")
+      h(e.$slots, "default")
     ], 4));
   }
 }), Ve = {}, Ae = { class: "t-content" };
-function Oe(e, o) {
+function Oe(t, o) {
   return c(), m("div", Ae, [
-    h(e.$slots, "default", {}, void 0, !0)
+    h(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Le = /* @__PURE__ */ g(Ve, [["render", Oe], ["__scopeId", "data-v-9a833657"]]), Q = 80, Xe = /* @__PURE__ */ T({
+const Xe = /* @__PURE__ */ g(Ve, [["render", Oe], ["__scopeId", "data-v-9a833657"]]), Q = 80, qe = /* @__PURE__ */ T({
   __name: "t-refresher",
   emits: ["refresh"],
-  setup(e, { emit: o }) {
-    const n = o, t = _(0), r = _(!1), a = _();
+  setup(t, { emit: o }) {
+    const n = o, e = _(0), r = _(!1), a = _();
     let l, i = !1;
     const y = () => {
-      r.value = !1, t.value = 0, l && l.cancel(), setTimeout(() => {
+      r.value = !1, e.value = 0, l && l.cancel(), setTimeout(() => {
         i = !1;
       }, 2e3);
     }, p = () => {
-      i = !0, r.value = !0, t.value = Q, n("refresh", y);
+      i = !0, r.value = !0, e.value = Q, n("refresh", y);
     };
     return D(() => a.value, () => {
       l && l.destroy();
@@ -630,13 +630,13 @@ const Le = /* @__PURE__ */ g(Ve, [["render", Oe], ["__scopeId", "data-v-9a833657
           minDist: 60
         },
         move({ dy: f }) {
-          r.value || i || f < 0 || (f >= 120 ? p() : t.value = f);
+          r.value || i || f < 0 || (f >= 120 ? p() : e.value = f);
         },
         up({ dy: f }) {
-          r.value || i || (f > Q ? p() : t.value = 0);
+          r.value || i || (f > Q ? p() : e.value = 0);
         },
         cancel() {
-          r.value = !1, t.value = 0;
+          r.value = !1, e.value = 0;
         }
       }));
     }), A(() => {
@@ -645,7 +645,7 @@ const Le = /* @__PURE__ */ g(Ve, [["render", Oe], ["__scopeId", "data-v-9a833657
       class: "t-refresher",
       ref_key: "container",
       ref: a,
-      style: x({ height: `${t.value}px` })
+      style: x({ height: `${e.value}px` })
     }, [
       k("img", {
         class: I({ spiner: r.value }),
@@ -654,21 +654,21 @@ const Le = /* @__PURE__ */ g(Ve, [["render", Oe], ["__scopeId", "data-v-9a833657
         style: { width: "22px", height: "22px" }
       }, null, 2)
     ], 4)), [
-      [U, t.value > 0]
+      [U, e.value > 0]
     ]);
   }
-}), qe = /* @__PURE__ */ g(Xe, [["__scopeId", "data-v-688c5394"]]), Ye = {}, Ue = { class: "t-screen" };
-function We(e, o) {
+}), Le = /* @__PURE__ */ g(qe, [["__scopeId", "data-v-688c5394"]]), Ye = {}, Ue = { class: "t-screen" };
+function We(t, o) {
   return c(), m("div", Ue, [
-    h(e.$slots, "default", {}, void 0, !0)
+    h(t.$slots, "default", {}, void 0, !0)
   ]);
 }
 const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649"]]), Fe = /* @__PURE__ */ T({
   __name: "t-swipe-screen",
   emits: ["change"],
-  setup(e, { emit: o }) {
+  setup(t, { emit: o }) {
     let n = {};
-    const t = oe(), r = ie(), a = t.getRoutes(), l = _(!1), i = o;
+    const e = oe(), r = ie(), a = e.getRoutes(), l = _(!1), i = o;
     for (let s of a)
       n[s.name] = s.components;
     const y = (s) => {
@@ -708,7 +708,7 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
           (s.type == "pointerup" || s.type == "pointercancel") && (this.pointerId = null);
         },
         fast({ d: s }) {
-          s == "right" && t.back();
+          s == "right" && e.back();
         },
         move({ dx: s }) {
           const d = window.innerWidth, b = s / d * 100, u = $.currentScreen.value.target, w = $.lastScreen?.value?.target;
@@ -719,21 +719,21 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
         },
         up({ dx: s }) {
           const d = window.innerWidth;
-          s / d * 100 >= 50 ? t.back() : f();
+          s / d * 100 >= 50 ? e.back() : f();
         },
         cancel() {
           f();
         }
       });
     }), (s, d) => (c(), m(V, null, [
-      (c(!0), m(V, null, W(R($).screens, (b, u) => (c(), z(se, {
+      (c(!0), m(V, null, W(R($).screens, (b, u) => (c(), E(se, {
         ref_for: !0,
         ref: (w) => p(u, w),
         style: x({ zIndex: u + (u == R($).screens.length - 1 ? 2 : 1) }),
         key: u
       }, {
         default: P(() => [
-          (c(), z(le(b.component.default)))
+          (c(), E(le(b.component.default)))
         ]),
         _: 2
       }, 1032, ["style"]))), 128)),
@@ -749,9 +749,9 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
     placement: { default: "bottom" },
     size: { default: "50px" }
   },
-  setup(e) {
-    const o = e;
-    return (n, t) => (c(), m("div", {
+  setup(t) {
+    const o = t;
+    return (n, e) => (c(), m("div", {
       class: I(["t-toolbar", { [o.placement]: !0 }]),
       style: x({ "--t-size-toolbar": o.size })
     }, [
@@ -765,19 +765,19 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
   props: {
     to: {}
   },
-  setup(e) {
-    const o = oe(), n = e, t = () => {
+  setup(t) {
+    const o = oe(), n = t, e = () => {
       $.hasPrevious.value ? o?.back?.() : n.to && o?.push?.(n.to);
     };
     return (r, a) => r.to || R($).hasPrevious ? (c(), m("button", {
       key: 0,
       class: "t-back-button",
-      onClick: t
+      onClick: e
     }, [
       h(r.$slots, "default", {}, () => [
         a[0] || (a[0] = k("i", { class: "ri-arrow-left-s-line" }, null, -1))
       ], !0)
-    ])) : E("", !0);
+    ])) : z("", !0);
   }
 }), Me = /* @__PURE__ */ g(Ke, [["__scopeId", "data-v-ed626a3d"]]), Je = /* @__PURE__ */ T({
   __name: "t-text",
@@ -785,19 +785,19 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
     color: { default: "var(--t-color-text)" },
     size: { default: "standard" }
   },
-  setup(e) {
-    const o = e, n = S(() => {
-      let t, r = o.color;
-      return o.size == "standard" ? t = "var(--t-fs-10)" : o.size == "small" ? t = "var(--t-fs-08)" : o.size == "large" ? t = "var(--t-fs-12)" : t = o.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (r = `var(--t-color-status-${o.color})`), {
+  setup(t) {
+    const o = t, n = S(() => {
+      let e, r = o.color;
+      return o.size == "standard" ? e = "var(--t-fs-10)" : o.size == "small" ? e = "var(--t-fs-08)" : o.size == "large" ? e = "var(--t-fs-12)" : e = o.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (r = `var(--t-color-status-${o.color})`), {
         "--color": r,
-        "--font-size": t
+        "--font-size": e
       };
     });
-    return (t, r) => (c(), m("span", {
+    return (e, r) => (c(), m("span", {
       class: "t-text",
       style: x(n.value)
     }, [
-      h(t.$slots, "default", {}, void 0, !0)
+      h(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), j = /* @__PURE__ */ g(Je, [["__scopeId", "data-v-f0f94f05"]]), Qe = /* @__PURE__ */ T({
@@ -805,7 +805,7 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
   props: {
     placement: { default: "bottom" }
   },
-  setup(e) {
+  setup(t) {
     return (o, n) => (c(), m("div", {
       class: I(["t-pull-bar", { [o.placement]: !0 }])
     }, null, 2));
@@ -825,8 +825,8 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
     closeButton: { type: Boolean, default: !0 }
   },
   emits: ["dismiss"],
-  setup(e, { emit: o }) {
-    const n = e, t = o, r = _(), a = _(), l = _(!1);
+  setup(t, { emit: o }) {
+    const n = t, e = o, r = _(), a = _(), l = _(!1);
     let i = null;
     const y = S(() => {
       if (n.placement == "bottom") return "down";
@@ -834,7 +834,7 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
       if (n.placement == "left") return "left";
       if (n.placement == "right") return "right";
     }), p = (f) => {
-      t("dismiss", f);
+      e("dismiss", f);
     }, v = () => {
       l.value = !0, setTimeout(() => {
         l.value = !1;
@@ -848,13 +848,13 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
         pointerId: null,
         beforeEvent(s) {
           let d = !1, b = !1;
-          return l.value || !n.gesture || n.placement == "center" ? d = !0 : this.pointerId ? (d = !0, b = this.pointerId == s.pointerId) : s.type == "pointerdown" && (this.pointerId = s.pointerId, d = !0, b = !0), d && (s.stopPropagation(), O(s.target) || (s.preventDefault(), L())), b;
+          return l.value || !n.gesture || n.placement == "center" ? d = !0 : this.pointerId ? (d = !0, b = this.pointerId == s.pointerId) : s.type == "pointerdown" && (this.pointerId = s.pointerId, d = !0, b = !0), d && (s.stopPropagation(), O(s.target) || (s.preventDefault(), X())), b;
         },
         afterEvent(s) {
           (s.type == "pointerup" || s.type == "pointercancel") && (this.pointerId = null);
         },
         fast({ d: s }) {
-          v(), s == y.value ? t("dismiss", "gesture") : a.value.open();
+          v(), s == y.value ? e("dismiss", "gesture") : a.value.open();
         },
         move({ dy: s, dx: d, d: b }) {
           if (b != y.value) return;
@@ -870,7 +870,7 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
             return;
           }
           let u, w, H;
-          n.placement == "bottom" || n.placement == "top" ? (u = r.value.offsetHeight, H = s) : (u = r.value.offsetWidth, H = d), w = H / u * 100, w > 50 ? t("dismiss", "gesture") : a.value.open();
+          n.placement == "bottom" || n.placement == "top" ? (u = r.value.offsetHeight, H = s) : (u = r.value.offsetWidth, H = d), w = H / u * 100, w > 50 ? e("dismiss", "gesture") : a.value.open();
         },
         cancel() {
           v(), a.value.open();
@@ -878,7 +878,7 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
       }));
     }), A(() => {
       i && i.destroy();
-    }), (f, s) => (c(), z(q, {
+    }), (f, s) => (c(), E(L, {
       ref_key: "present",
       ref: a,
       placement: n.placement,
@@ -888,10 +888,10 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
       onDismiss: p
     }, {
       default: P(() => [
-        n.gesture && n.placement != "center" ? (c(), z(ae, {
+        n.gesture && n.placement != "center" ? (c(), E(ae, {
           key: 0,
           placement: n.placement
-        }, null, 8, ["placement"])) : E("", !0),
+        }, null, 8, ["placement"])) : z("", !0),
         n.closeButton && n.placement == "center" ? (c(), m("button", {
           key: 1,
           class: "t-sheet-close",
@@ -900,7 +900,7 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
           h(f.$slots, "close-icon", {}, () => [
             s[1] || (s[1] = k("i", { class: "ri-close-large-line" }, null, -1))
           ], !0)
-        ])) : E("", !0),
+        ])) : z("", !0),
         k("div", {
           class: I(["t-sheet", { fullscreen: n.fullscreen, [n.placement]: !0, rounded: f.rounded, radius: n.radius }]),
           style: x({ "--background": n.background }),
@@ -927,9 +927,9 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
     variant: { default: "normal" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const n = e, t = o, r = (a) => {
-      t("update:modelValue", a.target.value);
+  setup(t, { emit: o }) {
+    const n = t, e = o, r = (a) => {
+      e("update:modelValue", a.target.value);
     };
     return (a, l) => (c(), m("div", {
       class: I(["t-input", { rounded: n.rounded, ["size-" + n.size]: !0 }])
@@ -947,39 +947,39 @@ const se = /* @__PURE__ */ g(Ye, [["render", We], ["__scopeId", "data-v-66ea8649
           h(a.$slots, "end", {}, void 0, !0)
         ])
       ]),
-      n.error ? (c(), z(j, {
+      n.error ? (c(), E(j, {
         key: 0,
         color: "danger"
       }, {
         default: P(() => [
-          X(C(n.error), 1)
+          q(C(n.error), 1)
         ]),
         _: 1
-      })) : n.help ? (c(), z(j, {
+      })) : n.help ? (c(), E(j, {
         key: 1,
         color: "secondary"
       }, {
         default: P(() => [
-          X(C(n.help), 1)
+          q(C(n.help), 1)
         ]),
         _: 1
-      })) : E("", !0)
+      })) : z("", !0)
     ], 2));
   }
 }), st = /* @__PURE__ */ g(rt, [["__scopeId", "data-v-75bf0d19"]]), at = {};
-function lt(e, o) {
+function lt(t, o) {
   return c(), m("textarea");
 }
 const ct = /* @__PURE__ */ g(at, [["render", lt]]), it = {};
-function ut(e, o) {
+function ut(t, o) {
   return c(), m("div");
 }
 const dt = /* @__PURE__ */ g(it, [["render", ut]]), pt = {}, ft = { class: "t-grid" };
-function mt(e, o) {
+function mt(t, o) {
   return c(), m("div", ft);
 }
 const vt = /* @__PURE__ */ g(pt, [["render", mt]]), _t = {}, yt = { class: "t-grid-item" };
-function gt(e, o) {
+function gt(t, o) {
   return c(), m("div", yt);
 }
 const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = /* @__PURE__ */ T({
@@ -987,9 +987,9 @@ const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = /* @__PURE__ */ T({
   props: {
     type: { default: "horizontal" }
   },
-  setup(e) {
-    const o = e;
-    return (n, t) => (c(), m("div", {
+  setup(t) {
+    const o = t;
+    return (n, e) => (c(), m("div", {
       class: I(["t-divider", { [o.type]: !0 }])
     }, null, 2));
   }
@@ -999,8 +999,8 @@ const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = /* @__PURE__ */ T({
     color: { default: "warning" }
   },
   emits: ["change"],
-  setup(e, { emit: o }) {
-    const n = e, t = o, r = _(!1), a = _(), l = S(() => {
+  setup(t, { emit: o }) {
+    const n = t, e = o, r = _(!1), a = _(), l = S(() => {
       let p = n.color;
       return ["warning", "info", "danger", "primary", "secondary", "success"].includes(n.color) && (p = `var(--t-color-status-${n.color})`), {
         "--color": p
@@ -1008,11 +1008,11 @@ const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = /* @__PURE__ */ T({
     }), i = () => a.value?.parentElement?.querySelector?.("input");
     te(() => {
       let p = i();
-      p && (r.value = p.type != "password", t("change", r.value));
+      p && (r.value = p.type != "password", e("change", r.value));
     });
     const y = () => {
       let p = i();
-      p && (r.value = !r.value, r.value ? p.type = "text" : p.type = "password", t("change", r.value));
+      p && (r.value = !r.value, r.value ? p.type = "text" : p.type = "password", e("change", r.value));
     };
     return (p, v) => (c(), m("button", {
       ref_key: "toggle",
@@ -1023,8 +1023,8 @@ const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = /* @__PURE__ */ T({
     }, [
       r.value ? h(p.$slots, "on", { key: 0 }, () => [
         v[0] || (v[0] = k("i", { class: "ri-eye-line" }, null, -1))
-      ], !0) : E("", !0),
-      r.value ? E("", !0) : h(p.$slots, "off", { key: 1 }, () => [
+      ], !0) : z("", !0),
+      r.value ? z("", !0) : h(p.$slots, "off", { key: 1 }, () => [
         v[1] || (v[1] = k("i", { class: "ri-eye-off-line" }, null, -1))
       ], !0)
     ], 4));
@@ -1035,32 +1035,32 @@ const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = /* @__PURE__ */ T({
     square: { type: Boolean, default: !1 },
     size: { default: "standard" }
   },
-  setup(e) {
-    const o = e, n = S(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
-    return (t, r) => (c(), m("div", {
-      class: I(["t-avatar", { square: t.square }]),
+  setup(t) {
+    const o = t, n = S(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
+    return (e, r) => (c(), m("div", {
+      class: I(["t-avatar", { square: e.square }]),
       style: x({ "--size": n.value })
     }, [
-      h(t.$slots, "default", {}, void 0, !0)
+      h(e.$slots, "default", {}, void 0, !0)
     ], 6));
   }
 }), xt = /* @__PURE__ */ g(wt, [["__scopeId", "data-v-24384c2f"]]), It = { class: "t-collapse-title" }, St = {
   key: 0,
   class: "icon"
-}, Et = {
+}, zt = {
   key: 1,
   class: "icon"
-}, zt = { class: "t-collapse-content" }, Bt = /* @__PURE__ */ T({
+}, Et = { class: "t-collapse-content" }, Bt = /* @__PURE__ */ T({
   __name: "t-collapse",
   props: {
     title: {}
   },
   emits: ["change"],
-  setup(e, { emit: o }) {
-    const n = e, t = o, r = _(!1), a = _(""), l = _(), i = () => {
-      r.value = !r.value, a.value = `calc(${l.value.offsetHeight}px + 2rem)`, t("change", r.value);
+  setup(t, { emit: o }) {
+    const n = t, e = o, r = _(!1), a = _(""), l = _(), i = () => {
+      r.value = !r.value, a.value = `calc(${l.value.offsetHeight}px + 2rem)`, e("change", r.value);
     };
-    return t("change", r.value), (y, p) => (c(), m("div", {
+    return e("change", r.value), (y, p) => (c(), m("div", {
       class: I(["t-collapse", { open: r.value }]),
       style: x({ "--height": a.value })
     }, [
@@ -1071,18 +1071,18 @@ const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = /* @__PURE__ */ T({
         h(y.$slots, "icon"),
         k("div", It, [
           h(y.$slots, "title", {}, () => [
-            X(C(n.title), 1)
+            q(C(n.title), 1)
           ])
         ]),
         h(y.$slots, "toggle", {}, () => [
           r.value ? (c(), m("div", St, [...p[0] || (p[0] = [
             k("i", { class: "ri-arrow-up-s-line" }, null, -1)
-          ])])) : (c(), m("div", Et, [...p[1] || (p[1] = [
+          ])])) : (c(), m("div", zt, [...p[1] || (p[1] = [
             k("i", { class: "ri-arrow-down-s-line" }, null, -1)
           ])]))
         ])
       ]),
-      k("div", zt, [
+      k("div", Et, [
         k("div", {
           ref_key: "content",
           ref: l
@@ -1101,9 +1101,9 @@ const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = /* @__PURE__ */ T({
     color: { default: "primary" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const n = e, t = o, r = () => {
-      t("update:modelValue", !n.modelValue);
+  setup(t, { emit: o }) {
+    const n = t, e = o, r = () => {
+      e("update:modelValue", !n.modelValue);
     }, a = S(() => {
       let l = {
         "--background": n.color,
@@ -1122,18 +1122,18 @@ const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = /* @__PURE__ */ T({
       k("div", { class: "t-switch-icon" }, null, -1)
     ])], 6));
   }
-}), Pt = /* @__PURE__ */ g(Ct, [["__scopeId", "data-v-3616970e"]]), Xt = () => ({
-  install: (e) => {
-    ue(), e.component("t-app", me), e.component("t-screen", se), e.component("t-swipe-screen", Ge), e.component("t-cable", Re), e.component("t-toolbar", je), e.component("t-content", Le), e.component("t-card", Ne), e.component("t-refresher", qe), e.component("t-button", M), e.component("t-back-button", Me), e.component("t-present", q), e.component("t-text", j), e.component("t-sheet", et), e.component("t-pull-signal", ae), e.component("t-input", st), e.component("t-textarea", ct), e.component("t-rich-text", dt), e.component("t-grid", vt), e.component("t-grid-item", bt), e.component("t-divider", kt), e.component("t-toggle-password", Tt), e.component("t-loading-icon", K), e.component("t-alert", ne), e.component("t-avatar", xt), e.component("t-collapse", Bt), e.component("t-toast", re), e.component("t-switch", Pt);
+}), Pt = /* @__PURE__ */ g(Ct, [["__scopeId", "data-v-3616970e"]]), qt = () => ({
+  install: (t) => {
+    ue(), t.component("t-app", me), t.component("t-screen", se), t.component("t-swipe-screen", Ge), t.component("t-cable", Re), t.component("t-toolbar", je), t.component("t-content", Xe), t.component("t-card", Ne), t.component("t-refresher", Le), t.component("t-button", M), t.component("t-back-button", Me), t.component("t-present", L), t.component("t-text", j), t.component("t-sheet", et), t.component("t-pull-signal", ae), t.component("t-input", st), t.component("t-textarea", ct), t.component("t-rich-text", dt), t.component("t-grid", vt), t.component("t-grid-item", bt), t.component("t-divider", kt), t.component("t-toggle-password", Tt), t.component("t-loading-icon", K), t.component("t-alert", ne), t.component("t-avatar", xt), t.component("t-collapse", Bt), t.component("t-toast", re), t.component("t-switch", Pt);
   }
 });
 export {
-  L as blurCurrentActive,
+  X as blurCurrentActive,
   At as createAction,
   Vt as createAlert,
   Ot as createLoading,
-  Lt as createToast,
-  Xt as createToife,
+  Xt as createToast,
+  qt as createToife,
   O as isFormElement,
   Se as presentController,
   $ as screenController,

package/dist/index.umd.js

@@ -1 +1 @@
-(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@toife/gesture"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@toife/gesture","vue-router"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b.ToifeVue={},b.Vue,b.ToifeGesture,b.VueRouter))})(this,(function(b,e,$,C){"use strict";const E=t=>t&&(t.tagName=="INPUT"||t.tagName=="TEXTAREA"||t.isContentEditable),S=()=>{const t=document.activeElement;t&&(t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.isContentEditable)&&t.blur()},q=()=>{document.addEventListener("contextmenu",t=>t.preventDefault()),document.addEventListener("dblclick",t=>t.preventDefault()),document.addEventListener("selectstart",t=>t.preventDefault()),document.addEventListener("gesturestart",t=>t.preventDefault()),document.addEventListener("pointerup",t=>{!E(t.target)&&S()})},y=(t,n)=>{const r=t.__vccOpts||t;for(const[o,s]of n)r[o]=s;return r},O={},X={class:"t-app"};function F(t,n){return e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(t.$slots,"default")])}const U=y(O,[["render",F]]),w=y(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"}},emits:["dismiss"],setup(t,{expose:n,emit:r}){const o=e.ref(0),s=e.ref(!1),a=e.ref(),c=e.ref(),i=t,_=r,m=e.computed(()=>s.value||i.keepalive),u=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),f=d=>{i.backdrop?d?.backdropOpacity&&(u["--t-present-backdrop-opacity"]=d.backdropOpacity):u["--t-present-backdrop-opacity"]="0",d?.transition&&(u["--t-present-transition"]=d.transition,u["--t-present-transition"]=d.transition),d?.contentTransform&&(u["--t-present-content-transform"]=d.contentTransform),d?.contentOpacity&&(u["--t-present-content-opacity"]=d.contentOpacity)},l=()=>{f({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},p=()=>{let d="0px",h="1";i.placement=="bottom"||i.placement=="right"?d="100%":i.placement=="top"||i.placement=="left"?d="-100%":i.placement=="center"&&(d="0px",h="0"),f({contentTransform:d,transition:"0.2s",contentOpacity:h,backdropOpacity:"0"})};e.watch(()=>i.visible,()=>{i.visible?(s.value=!0,o.value=D.getNewIndex(),setTimeout(()=>{l()},50)):(p(),setTimeout(()=>{s.value=!1},200))}),n({render:f,open:l,close:p});let k;return e.watch(()=>a.value,d=>{d&&(k=$.gesture(a.value,{beforeEvent(h){return h.stopPropagation(),E(h.target)||(h.preventDefault(),S()),h.type=="pointerup"},up(){_("dismiss","backdrop")}}))}),e.onUnmounted(()=>{k&&k.destroy()}),p(),(d,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[d.placement]:!0}]),ref_key:"present",ref:c,style:e.normalizeStyle({...u,zIndex:o.value})},[e.renderSlot(d.$slots,"default",{},void 0,!0)],6)),[[e.vShow,s.value]]):e.createCommentVNode("",!0),m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",ref_key:"backdrop",ref:a,style:e.normalizeStyle({...u,zIndex:o.value-1})},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-dc2a4bc9"]]),T=y(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-text)"}},setup(t){return(n,r)=>(e.openBlock(),e.createElementBlock("span",{class:"t-loading-icon",style:e.normalizeStyle({width:t.size,height:t.size,borderTopColor:t.color}),role:"status","aria-label":"Loading..."},null,4))}}),[["__scopeId","data-v-7c463303"]]),Y={key:0,class:"loader"},z=y(e.defineComponent({__name:"t-button",props:{color:{default:null},size:{default:"standard"},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingType:{default:"spinner"},variant:{default:"default"},activeBackground:{type:Boolean,default:!1}},setup(t){const n=t,r=e.computed(()=>{let o;return n.variant=="default"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?o={"--border":"none","--color":"var(--t-color-status-"+n.color+"-text)","--background":"var(--t-color-status-"+n.color+")"}:o={"--border":"none","--color":"var(--t-color-text)","--background":n.color}:o={"--border":"none","--color":"var(--t-color-text)","--background":"var(--t-color-surface)"}),n.variant=="text"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?o={"--border":"none","--color":"var(--t-color-status-"+n.color+")","--background":"transparent"}:o={"--border":"none","--color":n.color,"--background":"transparent"}:o={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),n.variant=="outline"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?o={"--border":"0.55px solid var(--t-color-status-"+n.color+")","--color":"var(--t-color-status-"+n.color+")","--background":"transparent"}:o={"--border":"0.55px solid "+n.color,"--color":n.color,"--background":"transparent"}:o={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),o});return(o,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":n.activeBackground,rounded:n.rounded,block:n.block,["size-"+n.size]:!0}]),style:e.normalizeStyle(r.value)},[e.withDirectives(e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},void 0,!0)],512),[[e.vShow,!n.loading]]),n.loading?(e.openBlock(),e.createElementBlock("span",Y,[e.createVNode(T,{color:"var(--color)",type:n.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-07bf1b8d"]]),j={key:0,class:"t-alert-header"},G={class:"t-alert-content"},M={class:"t-alert-footer"},N=y(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{}},emits:["close"],setup(t,{expose:n,emit:r}){const o=t,s=e.ref(!1),a=r,c=e.ref();let i;const _=e.ref(!1),m=()=>{s.value=!0},u=l=>{s.value=!1,l.handler&&l.handler(),a("close",l?.data)},f=l=>{l=="backdrop"&&(_.value=!0,setTimeout(()=>{_.value=!1},300))};return n({open:m}),e.watch(()=>c.value,l=>{l&&(i=$.gesture(c.value,{beforeEvent(p){return p.stopPropagation(),E(p.target)||(p.preventDefault(),S()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(l,p)=>(e.openBlock(),e.createBlock(w,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:f},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:_.value}]),ref_key:"container",ref:c},[e.renderSlot(l.$slots,"header",{},()=>[o.title?(e.openBlock(),e.createElementBlock("div",j,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(l.$slots,"content",{},()=>[e.createElementVNode("div",G,e.toDisplayString(o.message),1)],!0),e.renderSlot(l.$slots,"footer",{},()=>[e.createElementVNode("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actions,k=>(e.openBlock(),e.createBlock(z,{color:k.color,variant:k.variant,onClick:d=>u(k)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k.text),1)]),_:2},1032,["color","variant","onClick"]))),256))])],!0)],2)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-5b4773ce"]]),W=(t={})=>({open(){return new Promise(n=>{let r=document.body.querySelector(".t-app");if(!r)return;const o=document.createElement("div"),s=e.ref();r.appendChild(o);const a=e.createApp({render(){return e.h(N,{...t,ref:s,onClose:c=>{setTimeout(()=>{a.unmount(),o.remove()},300),n(c)}})}});a.mount(o),setTimeout(()=>{s.value?.open?.()},50)})}}),H=y(e.defineComponent({__name:"t-action",props:{actions:{}},emits:["close"],setup(t,{expose:n,emit:r}){const o=t,s=e.ref(!1),a=r,c=e.ref();let i;const _=e.ref(!1),m=()=>{s.value=!0},u=l=>{s.value=!1,l.handler&&l.handler(),a("close",l?.data)},f=l=>{l=="backdrop"&&(_.value=!0,setTimeout(()=>{_.value=!1},300))};return n({open:m}),e.watch(()=>c.value,l=>{l&&(i=$.gesture(c.value,{beforeEvent(p){return p.stopPropagation(),E(p.target)||(p.preventDefault(),S()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(l,p)=>(e.openBlock(),e.createBlock(w,{placement:"bottom",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:f},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-action",{pop:_.value}]),ref_key:"container",ref:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actions,k=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k,d=>(e.openBlock(),e.createBlock(z,{color:d.color,size:d.size,variant:d.variant,onClick:h=>u(d),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-42000b04"]]),K=(t={})=>({open(){return new Promise(n=>{let r=document.body.querySelector(".t-app");if(!r)return;const o=document.createElement("div"),s=e.ref();r.appendChild(o);const a=e.createApp({render(){return e.h(H,{...t,ref:s,onClose:c=>{setTimeout(()=>{a.unmount(),o.remove()},300),n(c)}})}});a.mount(o),setTimeout(()=>{s.value?.open?.()},50)})}}),J=y(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["close"],setup(t,{expose:n,emit:r}){const o=t,s=e.ref(!1),a=e.ref();let c;return n({open:()=>{s.value=!0},close:()=>{s.value=!1}}),e.watch(()=>a.value,m=>{m&&(c=$.gesture(a.value,{beforeEvent(u){return u.stopPropagation(),E(u.target)||(u.preventDefault(),S()),!1}}))}),e.onUnmounted(()=>{c&&c.destroy()}),(m,u)=>(e.openBlock(),e.createBlock(w,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"t-loading",ref_key:"container",ref:a},[e.renderSlot(m.$slots,"default",{},()=>[e.createVNode(T,{type:o.type},null,8,["type"])],!0)],512)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-96624ceb"]]),Q=(t={})=>{const n=e.ref(),r=document.body.querySelector(".t-app");let o=null,s=null;return{open(){return new Promise(a=>{r&&(s=document.createElement("div"),r.appendChild(s),o=e.createApp({render(){return e.h(J,{...t,ref:n})}}),o.mount(s),setTimeout(()=>{n.value?.open?.(),a(!0)},50))})},close(){return new Promise(a=>{n.value?.close?.(),setTimeout(()=>{o?.unmount?.(),s?.remove?.(),a(!0)},300)})}}},I=e.ref(1e3),D={getNewIndex(){return I.value+=2,I.value}},B=e.reactive([]),g={screens:B,addScreen:t=>{B.push(t)},removeScreen:t=>{t||B.pop()},hasPrevious:e.computed(()=>B.length>1),currentScreen:e.computed(()=>B[B.length-1]),lastScreen:e.computed(()=>{if(!(B.length<2))return B[B.length-2]})},P=y(e.defineComponent({__name:"t-toast",props:{message:{},space:{default:"0px"},placement:{default:"bottom"},duration:{default:2e3},color:{default:null},variant:{default:"default"}},emits:["close"],setup(t,{expose:n,emit:r}){const o=t,s=r,a=e.ref(!1),c=e.ref(!1),i=e.ref(!1),_=()=>{c.value=!0,i.value=!1,setTimeout(()=>{a.value=!0},10),setTimeout(()=>{m()},o.duration+10)},m=()=>{i.value=!0,setTimeout(()=>{c.value=!1,a.value=!1,s("close")},300)},u=e.computed(()=>{let f;return o.variant=="default"&&(o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?f={"--border":"none","--color":"var(--t-color-status-"+o.color+"-text)","--background":"rgba(var(--t-color-status-"+o.color+"-rgb), 0.6)"}:f={"--border":"none","--color":"var(--t-color-text)","--background":o.color}:f={"--border":"none","--color":"var(--t-color-text)","--background":"rgba(var(--t-color-surface-rgb), 0.6)"}),o.variant=="text"&&(o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?f={"--border":"none","--color":"var(--t-color-status-"+o.color+")","--background":"transparent"}:f={"--border":"none","--color":o.color,"--background":"transparent"}:f={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),o.variant=="outline"&&(o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?f={"--border":"0.55px solid var(--t-color-status-"+o.color+")","--color":"var(--t-color-status-"+o.color+")","--background":"transparent"}:f={"--border":"0.55px solid "+o.color,"--color":o.color,"--background":"transparent"}:f={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),f});return n({open:_}),(f,l)=>c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[o.placement]:!0,open:a.value,closing:i.value}]),style:e.normalizeStyle({"--space":o.space,...u.value})},e.toDisplayString(o.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-5159a3c5"]]),Z=(t={})=>({open(){let n=document.body.querySelector(".t-app");if(!n)return;const r=document.createElement("div"),o=e.ref();n.appendChild(r);const s=e.createApp({render(){return e.h(P,{...t,ref:o,onClose:()=>{setTimeout(()=>{s.unmount(),r.remove()},300)}})}});s.mount(r),setTimeout(()=>{o.value?.open?.()},50)}}),ee=e.ref(0);function v(){return{height:ee}}const te=y(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!0},placement:{default:"bottom"}},setup(t){const n=t,{height:r}=v();return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:n.keyboard&&e.unref(r)>0,[n.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":e.unref(r)+"px","--t-keyboard-transition":e.unref(r)>0?"0.3s":"0.1s"})},[e.renderSlot(o.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-ecb72421"]]),oe=e.defineComponent({__name:"t-card",props:{color:{default:null}},setup(t){const n=t,r=e.computed(()=>{let o;return n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?o={"--background":"var(--t-color-status-"+n.color+")"}:o={"--background":n.color}:o={"--background":"var(--t-color-surface)"},o});return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-card",style:e.normalizeStyle(r.value)},[e.renderSlot(o.$slots,"default")],4))}}),ne={},re={class:"t-content"};function se(t,n){return e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const le=y(ne,[["render",se],["__scopeId","data-v-9a833657"]]),A=80,ae=y(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(t,{emit:n}){const r=n,o=e.ref(0),s=e.ref(!1),a=e.ref();let c,i=!1;const _=()=>{s.value=!1,o.value=0,c&&c.cancel(),setTimeout(()=>{i=!1},2e3)},m=()=>{i=!0,s.value=!0,o.value=A,r("refresh",_)};return e.watch(()=>a.value,()=>{c&&c.destroy();let u=a.value.closest(".t-content");u&&(c=$.gesture(u,{options:{minDist:60},move({dy:f}){s.value||i||f<0||(f>=120?m():o.value=f)},up({dy:f}){s.value||i||(f>A?m():o.value=0)},cancel(){s.value=!1,o.value=0}}))}),e.onUnmounted(()=>{c&&c.destroy()}),(u,f)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:a,style:e.normalizeStyle({height:`${o.value}px`})},[e.createElementVNode("img",{class:e.normalizeClass({spiner:s.value}),src:"https://static.toikit.com/toikit/home_2.png?v=3",alt:"Loading...",style:{width:"22px",height:"22px"}},null,2)],4)),[[e.vShow,o.value>0]])}}),[["__scopeId","data-v-688c5394"]]),ce={},ie={class:"t-screen"};function de(t,n){return e.openBlock(),e.createElementBlock("div",ie,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const R=y(ce,[["render",de],["__scopeId","data-v-66ea8649"]]),pe=y(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(t,{emit:n}){let r={};const o=C.useRouter(),s=C.useRoute(),a=o.getRoutes(),c=e.ref(!1),i=n;for(let l of a)r[l.name]=l.components;const _=l=>{l&&g.addScreen({name:l,target:null,component:e.markRaw(r[l]||null)})},m=(l,p)=>{!p||g.screens[l].target||(g.screens[l].target=p.$el,l>0&&(c.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"),g.screens.length>1&&(g.lastScreen.value.target.style.transitionOrigin="left center",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.lastScreen.value.target.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"),setTimeout(()=>{i("change"),c.value=!1},400)},100)))},u=()=>{g.currentScreen.value.target.style.transition="transform 0.35s ease",g.currentScreen.value.target.style.transform="translateX(100vw) scale(1)",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.lastScreen.value.target.style.transform="translateX(0px) scale(1) perspective(100vw) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),c.value=!0,setTimeout(()=>{g.removeScreen(),i("change"),c.value=!1},400)};_(s.name),e.watch(()=>s.name,(l,p)=>{l!=g.currentScreen.value.name&&(g.lastScreen.value?.name==l?u():_(l))});const f=()=>{c.value=!0;const l=g.currentScreen.value.target,p=g.lastScreen.value.target;l.style.transition="transform 0.35s ease",l.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(()=>{c.value=!1},400)};return e.onMounted(()=>{$.gesture(document,{pointerId:null,beforeEvent(l){return c.value||g.screens.length<2?!1:(l.type=="pointerdown"&&!this.pointerId&&(this.pointerId=l.pointerId),this.pointerId==l.pointerId)},afterEvent(l){(l.type=="pointerup"||l.type=="pointercancel")&&(this.pointerId=null)},fast({d:l}){l=="right"&&o.back()},move({dx:l}){const p=window.innerWidth,k=l/p*100,d=g.currentScreen.value.target,h=g.lastScreen?.value?.target;if(l>0&&l<=p){d.style.transition="transform 0s ease",d.style.transform=`translateX(${l}px)`,h.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),h.style.transform=`translateX(calc(-30vw + (30vw / 100 * ${k}))) scale(${.5+.5/100*k}) perspective(100vw) rotateY(${30-30/100*k}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*k}`);return}},up({dx:l}){const p=window.innerWidth;l/p*100>=50?o.back():f()},cancel(){f()}})}),(l,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).screens,(k,d)=>(e.openBlock(),e.createBlock(R,{ref_for:!0,ref:h=>m(d,h),style:e.normalizeStyle({zIndex:d+(d==e.unref(g).screens.length-1?2:1)}),key:d},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(g).screens.length})},null,4)],64))}}),[["__scopeId","data-v-a048cc07"]]),me=y(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},size:{default:"50px"}},setup(t){const n=t;return(r,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[n.placement]:!0}]),style:e.normalizeStyle({"--t-size-toolbar":n.size})},[e.createElementVNode("div",null,[e.renderSlot(r.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-3b3a7896"]]),fe=y(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(t){const n=C.useRouter(),r=t,o=()=>{g.hasPrevious.value?n?.back?.():r.to&&n?.push?.(r.to)};return(s,a)=>s.to||e.unref(g).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:o},[e.renderSlot(s.$slots,"default",{},()=>[a[0]||(a[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-ed626a3d"]]),x=y(e.defineComponent({__name:"t-text",props:{color:{default:"var(--t-color-text)"},size:{default:"standard"}},setup(t){const n=t,r=e.computed(()=>{let o,s=n.color;return n.size=="standard"?o="var(--t-fs-10)":n.size=="small"?o="var(--t-fs-08)":n.size=="large"?o="var(--t-fs-12)":o=n.size,["warning","info","danger","primary","secondary","success"].includes(n.color)&&(s=`var(--t-color-status-${n.color})`),{"--color":s,"--font-size":o}});return(o,s)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(r.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-f0f94f05"]]),L=y(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(t){return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[n.placement]:!0}])},null,2))}}),[["__scopeId","data-v-daa38c85"]]),ue=y(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-color-surface)"},visible:{type:Boolean,default:!1},gesture:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},placement:{default:"bottom"},keepalive:{type:Boolean,default:!0},backdrop:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},radius:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(t,{emit:n}){const r=t,o=n,s=e.ref(),a=e.ref(),c=e.ref(!1);let i=null;const _=e.computed(()=>{if(r.placement=="bottom")return"down";if(r.placement=="top")return"up";if(r.placement=="left")return"left";if(r.placement=="right")return"right"}),m=f=>{o("dismiss",f)},u=()=>{c.value=!0,setTimeout(()=>{c.value=!1},300)};return e.watch(()=>s.value,f=>{f&&(i=$.gesture(s.value,{options:{minDist:30},pointerId:null,beforeEvent(l){let p=!1,k=!1;return c.value||!r.gesture||r.placement=="center"?p=!0:this.pointerId?(p=!0,k=this.pointerId==l.pointerId):l.type=="pointerdown"&&(this.pointerId=l.pointerId,p=!0,k=!0),p&&(l.stopPropagation(),E(l.target)||(l.preventDefault(),S())),k},afterEvent(l){(l.type=="pointerup"||l.type=="pointercancel")&&(this.pointerId=null)},fast({d:l}){u(),l==_.value?o("dismiss","gesture"):a.value.open()},move({dy:l,dx:p,d:k}){if(k!=_.value)return;let d=0;r.placement=="bottom"||r.placement=="top"?d=l:d=p,a.value.render({contentTransform:d+"px",transition:"0s"})},up({dy:l,dx:p,d:k}){if(u(),k!=_.value){a.value.open();return}let d,h,V;r.placement=="bottom"||r.placement=="top"?(d=s.value.offsetHeight,V=l):(d=s.value.offsetWidth,V=p),h=V/d*100,h>50?o("dismiss","gesture"):a.value.open()},cancel(){u(),a.value.open()}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(f,l)=>(e.openBlock(),e.createBlock(w,{ref_key:"present",ref:a,placement:r.placement,backdrop:f.backdrop,visible:r.visible,keepalive:r.keepalive,onDismiss:m},{default:e.withCtx(()=>[r.gesture&&r.placement!="center"?(e.openBlock(),e.createBlock(L,{key:0,placement:r.placement},null,8,["placement"])):e.createCommentVNode("",!0),r.closeButton&&r.placement=="center"?(e.openBlock(),e.createElementBlock("button",{key:1,class:"t-sheet-close",onClick:l[0]||(l[0]=p=>m("close-button"))},[e.renderSlot(f.$slots,"close-icon",{},()=>[l[1]||(l[1]=e.createElementVNode("i",{class:"ri-close-large-line"},null,-1))],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:r.fullscreen,[r.placement]:!0,rounded:f.rounded,radius:r.radius}]),style:e.normalizeStyle({"--background":r.background}),ref_key:"sheet",ref:s},[e.renderSlot(f.$slots,"default",{},void 0,!0)],6)]),_:3},8,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-14b7fc93"]]),_e={class:"t-input-label"},ye={class:"t-input-content"},ke=["type","placeholder","value"],ge=y(e.defineComponent({__name:"t-input",props:{size:{default:"standard"},rounded:{type:Boolean,default:!1},label:{default:""},placeholder:{default:""},type:{default:"text"},help:{},error:{},modelValue:{default:""},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:n}){const r=t,o=n,s=a=>{o("update:modelValue",a.target.value)};return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:r.rounded,["size-"+r.size]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",_e,e.toDisplayString(a.label),1),e.createElementVNode("div",ye,[e.renderSlot(a.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:a.type,placeholder:a.placeholder,value:a.modelValue,onInput:s},null,40,ke),e.renderSlot(a.$slots,"end",{},void 0,!0)])]),r.error?(e.openBlock(),e.createBlock(x,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.error),1)]),_:1})):r.help?(e.openBlock(),e.createBlock(x,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-75bf0d19"]]),be={};function he(t,n){return e.openBlock(),e.createElementBlock("textarea")}const Be=y(be,[["render",he]]),$e={};function Ee(t,n){return e.openBlock(),e.createElementBlock("div")}const Se=y($e,[["render",Ee]]),we={},Ce={class:"t-grid"};function Te(t,n){return e.openBlock(),e.createElementBlock("div",Ce)}const ze=y(we,[["render",Te]]),xe={},Ve={class:"t-grid-item"};function Ne(t,n){return e.openBlock(),e.createElementBlock("div",Ve)}const Ie=y(xe,[["render",Ne]]),De=y(e.defineComponent({__name:"t-divider",props:{type:{default:"horizontal"}},setup(t){const n=t;return(r,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[n.type]:!0}])},null,2))}}),[["__scopeId","data-v-816784be"]]),Pe=y(e.defineComponent({__name:"t-toggle-password",props:{color:{default:"warning"}},emits:["change"],setup(t,{emit:n}){const r=t,o=n,s=e.ref(!1),a=e.ref(),c=e.computed(()=>{let m=r.color;return["warning","info","danger","primary","secondary","success"].includes(r.color)&&(m=`var(--t-color-status-${r.color})`),{"--color":m}}),i=()=>a.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let m=i();m&&(s.value=m.type!="password",o("change",s.value))});const _=()=>{let m=i();m&&(s.value=!s.value,s.value?m.type="text":m.type="password",o("change",s.value))};return(m,u)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toggle",ref:a,class:"t-toggle-password",style:e.normalizeStyle(c.value),onClick:_},[s.value?e.renderSlot(m.$slots,"on",{key:0},()=>[u[0]||(u[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):e.renderSlot(m.$slots,"off",{key:1},()=>[u[1]||(u[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-3268e9e3"]]),ve=y(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(t){const n=t,r=e.computed(()=>n.size=="small"?"24px":n.size=="standard"?"40px":n.size=="large"?"60px":n.size);return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-avatar",{square:o.square}]),style:e.normalizeStyle({"--size":r.value})},[e.renderSlot(o.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Ae={class:"t-collapse-title"},Re={key:0,class:"icon"},Le={key:1,class:"icon"},qe={class:"t-collapse-content"},Oe=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(t,{emit:n}){const r=t,o=n,s=e.ref(!1),a=e.ref(""),c=e.ref(),i=()=>{s.value=!s.value,a.value=`calc(${c.value.offsetHeight}px + 2rem)`,o("change",s.value)};return o("change",s.value),(_,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-collapse",{open:s.value}]),style:e.normalizeStyle({"--height":a.value})},[e.createElementVNode("div",{class:"t-collapse-header",onClick:i},[e.renderSlot(_.$slots,"icon"),e.createElementVNode("div",Ae,[e.renderSlot(_.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(r.title),1)])]),e.renderSlot(_.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",Re,[...m[0]||(m[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Le,[...m[1]||(m[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",qe,[e.createElementVNode("div",{ref_key:"content",ref:c},[e.renderSlot(_.$slots,"content",{},()=>[e.renderSlot(_.$slots,"default")])],512)])],6))}}),Xe=y(e.defineComponent({__name:"t-switch",props:{modelValue:{type:Boolean},color:{default:"primary"}},emits:["update:modelValue"],setup(t,{emit:n}){const r=t,o=n,s=()=>{o("update:modelValue",!r.modelValue)},a=e.computed(()=>{let c={"--background":r.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(r.color)&&(c={"--background":`var(--t-color-status-${r.color})`,"--color":`var(--t-color-status-${r.color}-text)`}),c});return(c,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-switch",{on:r.modelValue}]),style:e.normalizeStyle(a.value),onClick:s},[...i[0]||(i[0]=[e.createElementVNode("div",{class:"t-switch-icon"},null,-1)])],6))}}),[["__scopeId","data-v-3616970e"]]),Fe=()=>({install:t=>{q(),t.component("t-app",U),t.component("t-screen",R),t.component("t-swipe-screen",pe),t.component("t-cable",te),t.component("t-toolbar",me),t.component("t-content",le),t.component("t-card",oe),t.component("t-refresher",ae),t.component("t-button",z),t.component("t-back-button",fe),t.component("t-present",w),t.component("t-text",x),t.component("t-sheet",ue),t.component("t-pull-signal",L),t.component("t-input",ge),t.component("t-textarea",Be),t.component("t-rich-text",Se),t.component("t-grid",ze),t.component("t-grid-item",Ie),t.component("t-divider",De),t.component("t-toggle-password",Pe),t.component("t-loading-icon",T),t.component("t-alert",N),t.component("t-avatar",ve),t.component("t-collapse",Oe),t.component("t-toast",P),t.component("t-switch",Xe)}});b.blurCurrentActive=S,b.createAction=K,b.createAlert=W,b.createLoading=Q,b.createToast=Z,b.createToife=Fe,b.isFormElement=E,b.presentController=D,b.screenController=g,b.useKeyboard=v,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
+(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@toife/gesture"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@toife/gesture","vue-router"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b.ToifeVue={},b.Vue,b.ToifeGesture,b.VueRouter))})(this,(function(b,e,$,C){"use strict";const S=o=>o&&(o.tagName=="INPUT"||o.tagName=="TEXTAREA"||o.isContentEditable),E=()=>{const o=document.activeElement;o&&(o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.isContentEditable)&&o.blur()},O=()=>{document.addEventListener("contextmenu",o=>o.preventDefault()),document.addEventListener("selectstart",o=>o.preventDefault()),document.addEventListener("pointerup",o=>{!S(o.target)&&E()})},y=(o,n)=>{const r=o.__vccOpts||o;for(const[t,s]of n)r[t]=s;return r},L={},X={class:"t-app"};function F(o,n){return e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(o.$slots,"default")])}const U=y(L,[["render",F]]),w=y(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"}},emits:["dismiss"],setup(o,{expose:n,emit:r}){const t=e.ref(0),s=e.ref(!1),a=e.ref(),c=e.ref(),i=o,_=r,m=e.computed(()=>s.value||i.keepalive),u=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),f=d=>{i.backdrop?d?.backdropOpacity&&(u["--t-present-backdrop-opacity"]=d.backdropOpacity):u["--t-present-backdrop-opacity"]="0",d?.transition&&(u["--t-present-transition"]=d.transition,u["--t-present-transition"]=d.transition),d?.contentTransform&&(u["--t-present-content-transform"]=d.contentTransform),d?.contentOpacity&&(u["--t-present-content-opacity"]=d.contentOpacity)},l=()=>{f({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},p=()=>{let d="0px",h="1";i.placement=="bottom"||i.placement=="right"?d="100%":i.placement=="top"||i.placement=="left"?d="-100%":i.placement=="center"&&(d="0px",h="0"),f({contentTransform:d,transition:"0.2s",contentOpacity:h,backdropOpacity:"0"})};e.watch(()=>i.visible,()=>{i.visible?(s.value=!0,t.value=D.getNewIndex(),setTimeout(()=>{l()},50)):(p(),setTimeout(()=>{s.value=!1},200))}),n({render:f,open:l,close:p});let k;return e.watch(()=>a.value,d=>{d&&(k=$.gesture(a.value,{beforeEvent(h){return h.stopPropagation(),S(h.target)||(h.preventDefault(),E()),h.type=="pointerup"},up(){_("dismiss","backdrop")}}))}),e.onUnmounted(()=>{k&&k.destroy()}),p(),(d,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[d.placement]:!0}]),ref_key:"present",ref:c,style:e.normalizeStyle({...u,zIndex:t.value})},[e.renderSlot(d.$slots,"default",{},void 0,!0)],6)),[[e.vShow,s.value]]):e.createCommentVNode("",!0),m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",ref_key:"backdrop",ref:a,style:e.normalizeStyle({...u,zIndex:t.value-1})},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-dc2a4bc9"]]),T=y(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-text)"}},setup(o){return(n,r)=>(e.openBlock(),e.createElementBlock("span",{class:"t-loading-icon",style:e.normalizeStyle({width:o.size,height:o.size,borderTopColor:o.color}),role:"status","aria-label":"Loading..."},null,4))}}),[["__scopeId","data-v-7c463303"]]),Y={key:0,class:"loader"},z=y(e.defineComponent({__name:"t-button",props:{color:{default:null},size:{default:"standard"},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingType:{default:"spinner"},variant:{default:"default"},activeBackground:{type:Boolean,default:!1}},setup(o){const n=o,r=e.computed(()=>{let t;return n.variant=="default"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?t={"--border":"none","--color":"var(--t-color-status-"+n.color+"-text)","--background":"var(--t-color-status-"+n.color+")"}:t={"--border":"none","--color":"var(--t-color-text)","--background":n.color}:t={"--border":"none","--color":"var(--t-color-text)","--background":"var(--t-color-surface)"}),n.variant=="text"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?t={"--border":"none","--color":"var(--t-color-status-"+n.color+")","--background":"transparent"}:t={"--border":"none","--color":n.color,"--background":"transparent"}:t={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),n.variant=="outline"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?t={"--border":"0.55px solid var(--t-color-status-"+n.color+")","--color":"var(--t-color-status-"+n.color+")","--background":"transparent"}:t={"--border":"0.55px solid "+n.color,"--color":n.color,"--background":"transparent"}:t={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),t});return(t,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":n.activeBackground,rounded:n.rounded,block:n.block,["size-"+n.size]:!0}]),style:e.normalizeStyle(r.value)},[e.withDirectives(e.createElementVNode("span",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,!n.loading]]),n.loading?(e.openBlock(),e.createElementBlock("span",Y,[e.createVNode(T,{color:"var(--color)",type:n.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-07bf1b8d"]]),j={key:0,class:"t-alert-header"},G={class:"t-alert-content"},M={class:"t-alert-footer"},N=y(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{}},emits:["close"],setup(o,{expose:n,emit:r}){const t=o,s=e.ref(!1),a=r,c=e.ref();let i;const _=e.ref(!1),m=()=>{s.value=!0},u=l=>{s.value=!1,l.handler&&l.handler(),a("close",l?.data)},f=l=>{l=="backdrop"&&(_.value=!0,setTimeout(()=>{_.value=!1},300))};return n({open:m}),e.watch(()=>c.value,l=>{l&&(i=$.gesture(c.value,{beforeEvent(p){return p.stopPropagation(),S(p.target)||(p.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(l,p)=>(e.openBlock(),e.createBlock(w,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:f},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:_.value}]),ref_key:"container",ref:c},[e.renderSlot(l.$slots,"header",{},()=>[t.title?(e.openBlock(),e.createElementBlock("div",j,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(l.$slots,"content",{},()=>[e.createElementVNode("div",G,e.toDisplayString(t.message),1)],!0),e.renderSlot(l.$slots,"footer",{},()=>[e.createElementVNode("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,k=>(e.openBlock(),e.createBlock(z,{color:k.color,variant:k.variant,onClick:d=>u(k)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k.text),1)]),_:2},1032,["color","variant","onClick"]))),256))])],!0)],2)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-5b4773ce"]]),W=(o={})=>({open(){return new Promise(n=>{let r=document.body.querySelector(".t-app");if(!r)return;const t=document.createElement("div"),s=e.ref();r.appendChild(t);const a=e.createApp({render(){return e.h(N,{...o,ref:s,onClose:c=>{setTimeout(()=>{a.unmount(),t.remove()},300),n(c)}})}});a.mount(t),setTimeout(()=>{s.value?.open?.()},50)})}}),H=y(e.defineComponent({__name:"t-action",props:{actions:{}},emits:["close"],setup(o,{expose:n,emit:r}){const t=o,s=e.ref(!1),a=r,c=e.ref();let i;const _=e.ref(!1),m=()=>{s.value=!0},u=l=>{s.value=!1,l.handler&&l.handler(),a("close",l?.data)},f=l=>{l=="backdrop"&&(_.value=!0,setTimeout(()=>{_.value=!1},300))};return n({open:m}),e.watch(()=>c.value,l=>{l&&(i=$.gesture(c.value,{beforeEvent(p){return p.stopPropagation(),S(p.target)||(p.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(l,p)=>(e.openBlock(),e.createBlock(w,{placement:"bottom",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:f},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-action",{pop:_.value}]),ref_key:"container",ref:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,k=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k,d=>(e.openBlock(),e.createBlock(z,{color:d.color,size:d.size,variant:d.variant,onClick:h=>u(d),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-42000b04"]]),K=(o={})=>({open(){return new Promise(n=>{let r=document.body.querySelector(".t-app");if(!r)return;const t=document.createElement("div"),s=e.ref();r.appendChild(t);const a=e.createApp({render(){return e.h(H,{...o,ref:s,onClose:c=>{setTimeout(()=>{a.unmount(),t.remove()},300),n(c)}})}});a.mount(t),setTimeout(()=>{s.value?.open?.()},50)})}}),J=y(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["close"],setup(o,{expose:n,emit:r}){const t=o,s=e.ref(!1),a=e.ref();let c;return n({open:()=>{s.value=!0},close:()=>{s.value=!1}}),e.watch(()=>a.value,m=>{m&&(c=$.gesture(a.value,{beforeEvent(u){return u.stopPropagation(),S(u.target)||(u.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{c&&c.destroy()}),(m,u)=>(e.openBlock(),e.createBlock(w,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"t-loading",ref_key:"container",ref:a},[e.renderSlot(m.$slots,"default",{},()=>[e.createVNode(T,{type:t.type},null,8,["type"])],!0)],512)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-96624ceb"]]),Q=(o={})=>{const n=e.ref(),r=document.body.querySelector(".t-app");let t=null,s=null;return{open(){return new Promise(a=>{r&&(s=document.createElement("div"),r.appendChild(s),t=e.createApp({render(){return e.h(J,{...o,ref:n})}}),t.mount(s),setTimeout(()=>{n.value?.open?.(),a(!0)},50))})},close(){return new Promise(a=>{n.value?.close?.(),setTimeout(()=>{t?.unmount?.(),s?.remove?.(),a(!0)},300)})}}},I=e.ref(1e3),D={getNewIndex(){return I.value+=2,I.value}},B=e.reactive([]),g={screens:B,addScreen:o=>{B.push(o)},removeScreen:o=>{o||B.pop()},hasPrevious:e.computed(()=>B.length>1),currentScreen:e.computed(()=>B[B.length-1]),lastScreen:e.computed(()=>{if(!(B.length<2))return B[B.length-2]})},P=y(e.defineComponent({__name:"t-toast",props:{message:{},space:{default:"0px"},placement:{default:"bottom"},duration:{default:2e3},color:{default:null},variant:{default:"default"}},emits:["close"],setup(o,{expose:n,emit:r}){const t=o,s=r,a=e.ref(!1),c=e.ref(!1),i=e.ref(!1),_=()=>{c.value=!0,i.value=!1,setTimeout(()=>{a.value=!0},10),setTimeout(()=>{m()},t.duration+10)},m=()=>{i.value=!0,setTimeout(()=>{c.value=!1,a.value=!1,s("close")},300)},u=e.computed(()=>{let f;return t.variant=="default"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?f={"--border":"none","--color":"var(--t-color-status-"+t.color+"-text)","--background":"rgba(var(--t-color-status-"+t.color+"-rgb), 0.6)"}:f={"--border":"none","--color":"var(--t-color-text)","--background":t.color}:f={"--border":"none","--color":"var(--t-color-text)","--background":"rgba(var(--t-color-surface-rgb), 0.6)"}),t.variant=="text"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?f={"--border":"none","--color":"var(--t-color-status-"+t.color+")","--background":"transparent"}:f={"--border":"none","--color":t.color,"--background":"transparent"}:f={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),t.variant=="outline"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?f={"--border":"0.55px solid var(--t-color-status-"+t.color+")","--color":"var(--t-color-status-"+t.color+")","--background":"transparent"}:f={"--border":"0.55px solid "+t.color,"--color":t.color,"--background":"transparent"}:f={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),f});return n({open:_}),(f,l)=>c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[t.placement]:!0,open:a.value,closing:i.value}]),style:e.normalizeStyle({"--space":t.space,...u.value})},e.toDisplayString(t.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-5159a3c5"]]),Z=(o={})=>({open(){let n=document.body.querySelector(".t-app");if(!n)return;const r=document.createElement("div"),t=e.ref();n.appendChild(r);const s=e.createApp({render(){return e.h(P,{...o,ref:t,onClose:()=>{setTimeout(()=>{s.unmount(),r.remove()},300)}})}});s.mount(r),setTimeout(()=>{t.value?.open?.()},50)}}),ee=e.ref(0);function v(){return{height:ee}}const te=y(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!0},placement:{default:"bottom"}},setup(o){const n=o,{height:r}=v();return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:n.keyboard&&e.unref(r)>0,[n.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":e.unref(r)+"px","--t-keyboard-transition":e.unref(r)>0?"0.3s":"0.1s"})},[e.renderSlot(t.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-ecb72421"]]),oe=e.defineComponent({__name:"t-card",props:{color:{default:null}},setup(o){const n=o,r=e.computed(()=>{let t;return n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?t={"--background":"var(--t-color-status-"+n.color+")"}:t={"--background":n.color}:t={"--background":"var(--t-color-surface)"},t});return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-card",style:e.normalizeStyle(r.value)},[e.renderSlot(t.$slots,"default")],4))}}),ne={},re={class:"t-content"};function se(o,n){return e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(o.$slots,"default",{},void 0,!0)])}const le=y(ne,[["render",se],["__scopeId","data-v-9a833657"]]),A=80,ae=y(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(o,{emit:n}){const r=n,t=e.ref(0),s=e.ref(!1),a=e.ref();let c,i=!1;const _=()=>{s.value=!1,t.value=0,c&&c.cancel(),setTimeout(()=>{i=!1},2e3)},m=()=>{i=!0,s.value=!0,t.value=A,r("refresh",_)};return e.watch(()=>a.value,()=>{c&&c.destroy();let u=a.value.closest(".t-content");u&&(c=$.gesture(u,{options:{minDist:60},move({dy:f}){s.value||i||f<0||(f>=120?m():t.value=f)},up({dy:f}){s.value||i||(f>A?m():t.value=0)},cancel(){s.value=!1,t.value=0}}))}),e.onUnmounted(()=>{c&&c.destroy()}),(u,f)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:a,style:e.normalizeStyle({height:`${t.value}px`})},[e.createElementVNode("img",{class:e.normalizeClass({spiner:s.value}),src:"https://static.toikit.com/toikit/home_2.png?v=3",alt:"Loading...",style:{width:"22px",height:"22px"}},null,2)],4)),[[e.vShow,t.value>0]])}}),[["__scopeId","data-v-688c5394"]]),ce={},ie={class:"t-screen"};function de(o,n){return e.openBlock(),e.createElementBlock("div",ie,[e.renderSlot(o.$slots,"default",{},void 0,!0)])}const R=y(ce,[["render",de],["__scopeId","data-v-66ea8649"]]),pe=y(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(o,{emit:n}){let r={};const t=C.useRouter(),s=C.useRoute(),a=t.getRoutes(),c=e.ref(!1),i=n;for(let l of a)r[l.name]=l.components;const _=l=>{l&&g.addScreen({name:l,target:null,component:e.markRaw(r[l]||null)})},m=(l,p)=>{!p||g.screens[l].target||(g.screens[l].target=p.$el,l>0&&(c.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"),g.screens.length>1&&(g.lastScreen.value.target.style.transitionOrigin="left center",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.lastScreen.value.target.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"),setTimeout(()=>{i("change"),c.value=!1},400)},100)))},u=()=>{g.currentScreen.value.target.style.transition="transform 0.35s ease",g.currentScreen.value.target.style.transform="translateX(100vw) scale(1)",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.lastScreen.value.target.style.transform="translateX(0px) scale(1) perspective(100vw) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),c.value=!0,setTimeout(()=>{g.removeScreen(),i("change"),c.value=!1},400)};_(s.name),e.watch(()=>s.name,(l,p)=>{l!=g.currentScreen.value.name&&(g.lastScreen.value?.name==l?u():_(l))});const f=()=>{c.value=!0;const l=g.currentScreen.value.target,p=g.lastScreen.value.target;l.style.transition="transform 0.35s ease",l.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(()=>{c.value=!1},400)};return e.onMounted(()=>{$.gesture(document,{pointerId:null,beforeEvent(l){return c.value||g.screens.length<2?!1:(l.type=="pointerdown"&&!this.pointerId&&(this.pointerId=l.pointerId),this.pointerId==l.pointerId)},afterEvent(l){(l.type=="pointerup"||l.type=="pointercancel")&&(this.pointerId=null)},fast({d:l}){l=="right"&&t.back()},move({dx:l}){const p=window.innerWidth,k=l/p*100,d=g.currentScreen.value.target,h=g.lastScreen?.value?.target;if(l>0&&l<=p){d.style.transition="transform 0s ease",d.style.transform=`translateX(${l}px)`,h.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),h.style.transform=`translateX(calc(-30vw + (30vw / 100 * ${k}))) scale(${.5+.5/100*k}) perspective(100vw) rotateY(${30-30/100*k}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*k}`);return}},up({dx:l}){const p=window.innerWidth;l/p*100>=50?t.back():f()},cancel(){f()}})}),(l,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).screens,(k,d)=>(e.openBlock(),e.createBlock(R,{ref_for:!0,ref:h=>m(d,h),style:e.normalizeStyle({zIndex:d+(d==e.unref(g).screens.length-1?2:1)}),key:d},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(g).screens.length})},null,4)],64))}}),[["__scopeId","data-v-a048cc07"]]),me=y(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},size:{default:"50px"}},setup(o){const n=o;return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[n.placement]:!0}]),style:e.normalizeStyle({"--t-size-toolbar":n.size})},[e.createElementVNode("div",null,[e.renderSlot(r.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-3b3a7896"]]),fe=y(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(o){const n=C.useRouter(),r=o,t=()=>{g.hasPrevious.value?n?.back?.():r.to&&n?.push?.(r.to)};return(s,a)=>s.to||e.unref(g).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:t},[e.renderSlot(s.$slots,"default",{},()=>[a[0]||(a[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-ed626a3d"]]),x=y(e.defineComponent({__name:"t-text",props:{color:{default:"var(--t-color-text)"},size:{default:"standard"}},setup(o){const n=o,r=e.computed(()=>{let t,s=n.color;return n.size=="standard"?t="var(--t-fs-10)":n.size=="small"?t="var(--t-fs-08)":n.size=="large"?t="var(--t-fs-12)":t=n.size,["warning","info","danger","primary","secondary","success"].includes(n.color)&&(s=`var(--t-color-status-${n.color})`),{"--color":s,"--font-size":t}});return(t,s)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(r.value)},[e.renderSlot(t.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-f0f94f05"]]),q=y(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(o){return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[n.placement]:!0}])},null,2))}}),[["__scopeId","data-v-daa38c85"]]),ue=y(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-color-surface)"},visible:{type:Boolean,default:!1},gesture:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},placement:{default:"bottom"},keepalive:{type:Boolean,default:!0},backdrop:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},radius:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(o,{emit:n}){const r=o,t=n,s=e.ref(),a=e.ref(),c=e.ref(!1);let i=null;const _=e.computed(()=>{if(r.placement=="bottom")return"down";if(r.placement=="top")return"up";if(r.placement=="left")return"left";if(r.placement=="right")return"right"}),m=f=>{t("dismiss",f)},u=()=>{c.value=!0,setTimeout(()=>{c.value=!1},300)};return e.watch(()=>s.value,f=>{f&&(i=$.gesture(s.value,{options:{minDist:30},pointerId:null,beforeEvent(l){let p=!1,k=!1;return c.value||!r.gesture||r.placement=="center"?p=!0:this.pointerId?(p=!0,k=this.pointerId==l.pointerId):l.type=="pointerdown"&&(this.pointerId=l.pointerId,p=!0,k=!0),p&&(l.stopPropagation(),S(l.target)||(l.preventDefault(),E())),k},afterEvent(l){(l.type=="pointerup"||l.type=="pointercancel")&&(this.pointerId=null)},fast({d:l}){u(),l==_.value?t("dismiss","gesture"):a.value.open()},move({dy:l,dx:p,d:k}){if(k!=_.value)return;let d=0;r.placement=="bottom"||r.placement=="top"?d=l:d=p,a.value.render({contentTransform:d+"px",transition:"0s"})},up({dy:l,dx:p,d:k}){if(u(),k!=_.value){a.value.open();return}let d,h,V;r.placement=="bottom"||r.placement=="top"?(d=s.value.offsetHeight,V=l):(d=s.value.offsetWidth,V=p),h=V/d*100,h>50?t("dismiss","gesture"):a.value.open()},cancel(){u(),a.value.open()}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(f,l)=>(e.openBlock(),e.createBlock(w,{ref_key:"present",ref:a,placement:r.placement,backdrop:f.backdrop,visible:r.visible,keepalive:r.keepalive,onDismiss:m},{default:e.withCtx(()=>[r.gesture&&r.placement!="center"?(e.openBlock(),e.createBlock(q,{key:0,placement:r.placement},null,8,["placement"])):e.createCommentVNode("",!0),r.closeButton&&r.placement=="center"?(e.openBlock(),e.createElementBlock("button",{key:1,class:"t-sheet-close",onClick:l[0]||(l[0]=p=>m("close-button"))},[e.renderSlot(f.$slots,"close-icon",{},()=>[l[1]||(l[1]=e.createElementVNode("i",{class:"ri-close-large-line"},null,-1))],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:r.fullscreen,[r.placement]:!0,rounded:f.rounded,radius:r.radius}]),style:e.normalizeStyle({"--background":r.background}),ref_key:"sheet",ref:s},[e.renderSlot(f.$slots,"default",{},void 0,!0)],6)]),_:3},8,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-14b7fc93"]]),_e={class:"t-input-label"},ye={class:"t-input-content"},ke=["type","placeholder","value"],ge=y(e.defineComponent({__name:"t-input",props:{size:{default:"standard"},rounded:{type:Boolean,default:!1},label:{default:""},placeholder:{default:""},type:{default:"text"},help:{},error:{},modelValue:{default:""},variant:{default:"normal"}},emits:["update:modelValue"],setup(o,{emit:n}){const r=o,t=n,s=a=>{t("update:modelValue",a.target.value)};return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:r.rounded,["size-"+r.size]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",_e,e.toDisplayString(a.label),1),e.createElementVNode("div",ye,[e.renderSlot(a.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:a.type,placeholder:a.placeholder,value:a.modelValue,onInput:s},null,40,ke),e.renderSlot(a.$slots,"end",{},void 0,!0)])]),r.error?(e.openBlock(),e.createBlock(x,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.error),1)]),_:1})):r.help?(e.openBlock(),e.createBlock(x,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-75bf0d19"]]),be={};function he(o,n){return e.openBlock(),e.createElementBlock("textarea")}const Be=y(be,[["render",he]]),$e={};function Se(o,n){return e.openBlock(),e.createElementBlock("div")}const Ee=y($e,[["render",Se]]),we={},Ce={class:"t-grid"};function Te(o,n){return e.openBlock(),e.createElementBlock("div",Ce)}const ze=y(we,[["render",Te]]),xe={},Ve={class:"t-grid-item"};function Ne(o,n){return e.openBlock(),e.createElementBlock("div",Ve)}const Ie=y(xe,[["render",Ne]]),De=y(e.defineComponent({__name:"t-divider",props:{type:{default:"horizontal"}},setup(o){const n=o;return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[n.type]:!0}])},null,2))}}),[["__scopeId","data-v-816784be"]]),Pe=y(e.defineComponent({__name:"t-toggle-password",props:{color:{default:"warning"}},emits:["change"],setup(o,{emit:n}){const r=o,t=n,s=e.ref(!1),a=e.ref(),c=e.computed(()=>{let m=r.color;return["warning","info","danger","primary","secondary","success"].includes(r.color)&&(m=`var(--t-color-status-${r.color})`),{"--color":m}}),i=()=>a.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let m=i();m&&(s.value=m.type!="password",t("change",s.value))});const _=()=>{let m=i();m&&(s.value=!s.value,s.value?m.type="text":m.type="password",t("change",s.value))};return(m,u)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toggle",ref:a,class:"t-toggle-password",style:e.normalizeStyle(c.value),onClick:_},[s.value?e.renderSlot(m.$slots,"on",{key:0},()=>[u[0]||(u[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):e.renderSlot(m.$slots,"off",{key:1},()=>[u[1]||(u[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-3268e9e3"]]),ve=y(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(o){const n=o,r=e.computed(()=>n.size=="small"?"24px":n.size=="standard"?"40px":n.size=="large"?"60px":n.size);return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-avatar",{square:t.square}]),style:e.normalizeStyle({"--size":r.value})},[e.renderSlot(t.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Ae={class:"t-collapse-title"},Re={key:0,class:"icon"},qe={key:1,class:"icon"},Oe={class:"t-collapse-content"},Le=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(o,{emit:n}){const r=o,t=n,s=e.ref(!1),a=e.ref(""),c=e.ref(),i=()=>{s.value=!s.value,a.value=`calc(${c.value.offsetHeight}px + 2rem)`,t("change",s.value)};return t("change",s.value),(_,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-collapse",{open:s.value}]),style:e.normalizeStyle({"--height":a.value})},[e.createElementVNode("div",{class:"t-collapse-header",onClick:i},[e.renderSlot(_.$slots,"icon"),e.createElementVNode("div",Ae,[e.renderSlot(_.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(r.title),1)])]),e.renderSlot(_.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",Re,[...m[0]||(m[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",qe,[...m[1]||(m[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",Oe,[e.createElementVNode("div",{ref_key:"content",ref:c},[e.renderSlot(_.$slots,"content",{},()=>[e.renderSlot(_.$slots,"default")])],512)])],6))}}),Xe=y(e.defineComponent({__name:"t-switch",props:{modelValue:{type:Boolean},color:{default:"primary"}},emits:["update:modelValue"],setup(o,{emit:n}){const r=o,t=n,s=()=>{t("update:modelValue",!r.modelValue)},a=e.computed(()=>{let c={"--background":r.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(r.color)&&(c={"--background":`var(--t-color-status-${r.color})`,"--color":`var(--t-color-status-${r.color}-text)`}),c});return(c,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-switch",{on:r.modelValue}]),style:e.normalizeStyle(a.value),onClick:s},[...i[0]||(i[0]=[e.createElementVNode("div",{class:"t-switch-icon"},null,-1)])],6))}}),[["__scopeId","data-v-3616970e"]]),Fe=()=>({install:o=>{O(),o.component("t-app",U),o.component("t-screen",R),o.component("t-swipe-screen",pe),o.component("t-cable",te),o.component("t-toolbar",me),o.component("t-content",le),o.component("t-card",oe),o.component("t-refresher",ae),o.component("t-button",z),o.component("t-back-button",fe),o.component("t-present",w),o.component("t-text",x),o.component("t-sheet",ue),o.component("t-pull-signal",q),o.component("t-input",ge),o.component("t-textarea",Be),o.component("t-rich-text",Ee),o.component("t-grid",ze),o.component("t-grid-item",Ie),o.component("t-divider",De),o.component("t-toggle-password",Pe),o.component("t-loading-icon",T),o.component("t-alert",N),o.component("t-avatar",ve),o.component("t-collapse",Le),o.component("t-toast",P),o.component("t-switch",Xe)}});b.blurCurrentActive=E,b.createAction=K,b.createAlert=W,b.createLoading=Q,b.createToast=Z,b.createToife=Fe,b.isFormElement=S,b.presentController=D,b.screenController=g,b.useKeyboard=v,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toife/vue",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "A Frontend framework for Vue",
   "type": "module",
   "main": "dist/index.umd.js",