@toife/vue 2.0.19 → 2.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/t-swipe-screen.vue.d.ts +3 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.es.js +417 -415
  4. package/dist/index.umd.js +1 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
- import { createElementBlock as p, openBlock as c, renderSlot as g, defineComponent as b, ref as m, computed as x, reactive as ue, watch as W, onMounted as U, Fragment as N, withDirectives as F, createCommentVNode as I, normalizeStyle as T, normalizeClass as S, vShow as K, createElementVNode as k, createVNode as j, createBlock as V, withCtx as P, toDisplayString as A, renderList as G, createTextVNode as q, createApp as J, h as Q, provide as de, unref as O, onUnmounted as re, resolveDynamicComponent as ke, markRaw as $e, inject as pe, useAttrs as we, nextTick as ce } from "vue";
1
+ import { createElementBlock as p, openBlock as i, renderSlot as g, defineComponent as h, ref as m, computed as w, reactive as ue, watch as W, onMounted as U, Fragment as q, withDirectives as F, createCommentVNode as I, normalizeStyle as T, normalizeClass as S, vShow as K, createElementVNode as $, createVNode as j, createBlock as V, withCtx as P, toDisplayString as A, renderList as G, createTextVNode as M, createApp as J, h as Q, provide as de, unref as O, onUnmounted as ne, resolveDynamicComponent as ke, markRaw as $e, inject as pe, useAttrs as xe, nextTick as ce } from "vue";
2
2
  import { gesture as ae } from "@toife/gesture";
3
- import { useRouter as fe, useRoute as xe } from "vue-router";
3
+ import { useRouter as fe, useRoute as we } from "vue-router";
4
4
  const Te = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isContentEditable), Be = () => {
5
5
  const t = document.activeElement;
6
6
  t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) && t.blur();
@@ -10,16 +10,16 @@ const Te = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isC
10
10
  }), "virtualKeyboard" in navigator && (navigator.virtualKeyboard.overlaysContent = !0);
11
11
  }, _ = (t, o) => {
12
12
  const e = t.__vccOpts || t;
13
- for (const [s, n] of o)
14
- e[s] = n;
13
+ for (const [s, r] of o)
14
+ e[s] = r;
15
15
  return e;
16
16
  }, ze = {}, Ce = { class: "t-app" };
17
17
  function Ie(t, o) {
18
- return c(), p("div", Ce, [
18
+ return i(), p("div", Ce, [
19
19
  g(t.$slots, "default")
20
20
  ]);
21
21
  }
22
- const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
22
+ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
23
23
  __name: "t-present",
24
24
  props: {
25
25
  keepalive: { type: Boolean, default: !0 },
@@ -33,84 +33,84 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
33
33
  },
34
34
  emits: ["dismiss"],
35
35
  setup(t, { expose: o, emit: e }) {
36
- const s = m(0), n = m(!1), l = m(), u = m(), a = t, f = e, v = x(() => n.value || a.keepalive), d = m(!1), r = ue({
36
+ const s = m(0), r = m(!1), l = m(), u = m(), n = t, v = e, y = w(() => r.value || n.keepalive), d = m(!1), a = ue({
37
37
  "--t-present-backdrop-opacity": "0.4",
38
38
  "--t-present-transition": "0.2s",
39
39
  "--t-present-content-transform": "0px",
40
40
  "--t-present-content-opacity": "1"
41
- }), i = x(() => a.duration / 1e3 + "s"), y = (w) => {
42
- a.backdrop ? w?.backdropOpacity && (r["--t-present-backdrop-opacity"] = w.backdropOpacity) : r["--t-present-backdrop-opacity"] = "0", w?.transition && (r["--t-present-transition"] = w.transition), w?.contentTransform && (r["--t-present-content-transform"] = w.contentTransform), w?.contentOpacity && (r["--t-present-content-opacity"] = w.contentOpacity);
43
- }, h = () => {
44
- if (a.bounce !== void 0 && !d.value) {
41
+ }), c = w(() => n.duration / 1e3 + "s"), f = (x) => {
42
+ n.backdrop ? x?.backdropOpacity && (a["--t-present-backdrop-opacity"] = x.backdropOpacity) : a["--t-present-backdrop-opacity"] = "0", x?.transition && (a["--t-present-transition"] = x.transition), x?.contentTransform && (a["--t-present-content-transform"] = x.contentTransform), x?.contentOpacity && (a["--t-present-content-opacity"] = x.contentOpacity);
43
+ }, k = () => {
44
+ if (n.bounce !== void 0 && !d.value) {
45
45
  d.value = !0;
46
- let w = a.bounce;
47
- (a.placement == "bottom" || a.placement == "right") && (w = `calc(${a.bounce} * -1)`), y({
48
- contentTransform: w,
49
- transition: i.value,
46
+ let x = n.bounce;
47
+ (n.placement == "bottom" || n.placement == "right") && (x = `calc(${n.bounce} * -1)`), f({
48
+ contentTransform: x,
49
+ transition: c.value,
50
50
  backdropOpacity: "0.4",
51
51
  contentOpacity: "1"
52
52
  }), setTimeout(() => {
53
- y({
53
+ f({
54
54
  contentTransform: "0px"
55
55
  });
56
- }, a.duration);
56
+ }, n.duration);
57
57
  } else
58
- y({
58
+ f({
59
59
  contentTransform: "0px",
60
- transition: i.value,
60
+ transition: c.value,
61
61
  backdropOpacity: "0.4",
62
62
  contentOpacity: "1"
63
63
  });
64
- }, $ = () => {
65
- let w = "0px", se = "1";
66
- a.placement == "bottom" || a.placement == "right" ? w = "100%" : a.placement == "top" || a.placement == "left" ? w = "-100%" : a.placement == "center" && (w = "0px", se = "0"), y({
67
- contentTransform: w,
68
- transition: i.value,
64
+ }, b = () => {
65
+ let x = "0px", se = "1";
66
+ n.placement == "bottom" || n.placement == "right" ? x = "100%" : n.placement == "top" || n.placement == "left" ? x = "-100%" : n.placement == "center" && (x = "0px", se = "0"), f({
67
+ contentTransform: x,
68
+ transition: c.value,
69
69
  contentOpacity: se,
70
70
  backdropOpacity: "0"
71
71
  });
72
72
  };
73
- W(() => a.visible, () => {
74
- a.visible ? (d.value = !1, n.value = !0, s.value = Ke.getNewIndex(), setTimeout(() => {
75
- h();
76
- }, 50)) : ($(), setTimeout(() => {
77
- n.value = !1;
73
+ W(() => n.visible, () => {
74
+ n.visible ? (d.value = !1, r.value = !0, s.value = Ke.getNewIndex(), setTimeout(() => {
75
+ k();
76
+ }, 50)) : (b(), setTimeout(() => {
77
+ r.value = !1;
78
78
  }, 200));
79
79
  }), o({
80
- render: y,
81
- open: h,
82
- close: $
80
+ render: f,
81
+ open: k,
82
+ close: b
83
83
  });
84
- const H = (w) => {
85
- w.preventDefault(), f("dismiss", "backdrop");
84
+ const N = (x) => {
85
+ x.preventDefault(), v("dismiss", "backdrop");
86
86
  };
87
87
  return U(() => {
88
- a.visible ? h() : $();
89
- }), (w, se) => (c(), p(N, null, [
90
- v.value ? F((c(), p("div", {
88
+ n.visible ? k() : b();
89
+ }), (x, se) => (i(), p(q, null, [
90
+ y.value ? F((i(), p("div", {
91
91
  key: 0,
92
- class: S(["t-present", [{ [w.placement]: !0 }, a.class]]),
92
+ class: S(["t-present", [{ [x.placement]: !0 }, n.class]]),
93
93
  ref_key: "present",
94
94
  ref: u,
95
- style: T([r, { zIndex: s.value }, a.style])
95
+ style: T([a, { zIndex: s.value }, n.style])
96
96
  }, [
97
- g(w.$slots, "default", {}, void 0, !0)
97
+ g(x.$slots, "default", {}, void 0, !0)
98
98
  ], 6)), [
99
- [K, n.value]
99
+ [K, r.value]
100
100
  ]) : I("", !0),
101
- v.value ? F((c(), p("div", {
101
+ y.value ? F((i(), p("div", {
102
102
  key: 1,
103
103
  class: "t-present-backdrop",
104
- onClick: H,
104
+ onClick: N,
105
105
  ref_key: "backdrop",
106
106
  ref: l,
107
- style: T([r, { zIndex: s.value - 1 }, a.style])
107
+ style: T([a, { zIndex: s.value - 1 }, n.style])
108
108
  }, null, 4)), [
109
- [K, n.value]
109
+ [K, r.value]
110
110
  ]) : I("", !0)
111
111
  ], 64));
112
112
  }
113
- }), L = /* @__PURE__ */ _(Ve, [["__scopeId", "data-v-51935b1a"]]), Pe = /* @__PURE__ */ b({
113
+ }), H = /* @__PURE__ */ _(Ve, [["__scopeId", "data-v-51935b1a"]]), Pe = /* @__PURE__ */ h({
114
114
  __name: "t-loading-icon",
115
115
  props: {
116
116
  size: {
@@ -123,7 +123,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
123
123
  }
124
124
  },
125
125
  setup(t) {
126
- return (o, e) => (c(), p("span", {
126
+ return (o, e) => (i(), p("span", {
127
127
  class: "t-loading-icon",
128
128
  style: T({
129
129
  width: t.size,
@@ -137,7 +137,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
137
137
  }), Z = /* @__PURE__ */ _(Pe, [["__scopeId", "data-v-7c463303"]]), Re = { class: "t-button-content" }, Ae = {
138
138
  key: 0,
139
139
  class: "loader"
140
- }, Oe = /* @__PURE__ */ b({
140
+ }, Oe = /* @__PURE__ */ h({
141
141
  __name: "t-button",
142
142
  props: {
143
143
  color: { default: null },
@@ -150,7 +150,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
150
150
  activeBackground: { type: Boolean, default: !1 }
151
151
  },
152
152
  setup(t) {
153
- const o = t, e = x(() => {
153
+ const o = t, e = w(() => {
154
154
  let s;
155
155
  return o.variant == "default" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
156
156
  "--border": "none",
@@ -190,16 +190,16 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
190
190
  "--background": "transparent"
191
191
  }), s;
192
192
  });
193
- return (s, n) => (c(), p("button", {
193
+ return (s, r) => (i(), p("button", {
194
194
  class: S(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0 }]),
195
195
  style: T(e.value)
196
196
  }, [
197
- F(k("span", Re, [
197
+ F($("span", Re, [
198
198
  g(s.$slots, "default", {}, void 0, !0)
199
199
  ], 512), [
200
200
  [K, !o.loading]
201
201
  ]),
202
- o.loading ? (c(), p("span", Ae, [
202
+ o.loading ? (i(), p("span", Ae, [
203
203
  j(Z, {
204
204
  color: "var(--color)",
205
205
  type: o.loadingType
@@ -210,7 +210,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
210
210
  }), Y = /* @__PURE__ */ _(Oe, [["__scopeId", "data-v-185a9e49"]]), Xe = {
211
211
  key: 0,
212
212
  class: "t-alert-header"
213
- }, De = { class: "t-alert-content" }, We = { class: "t-alert-footer" }, Ne = /* @__PURE__ */ b({
213
+ }, De = { class: "t-alert-content" }, We = { class: "t-alert-footer" }, Ne = /* @__PURE__ */ h({
214
214
  __name: "t-alert",
215
215
  props: {
216
216
  title: {},
@@ -220,45 +220,45 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
220
220
  },
221
221
  emits: ["dismiss"],
222
222
  setup(t, { expose: o, emit: e }) {
223
- const s = t, n = m(!1), l = e, u = m(), a = m(!1), f = () => {
224
- n.value = !0;
225
- }, v = (r) => {
226
- n.value = !1, r.handler && r.handler(), l("dismiss", "choose", r?.data);
227
- }, d = (r) => {
228
- s.dismiss && s.dismiss.includes(r) ? (n.value = !1, l("dismiss", r)) : r == "backdrop" && (a.value = !0, setTimeout(() => {
229
- a.value = !1;
223
+ const s = t, r = m(!1), l = e, u = m(), n = m(!1), v = () => {
224
+ r.value = !0;
225
+ }, y = (a) => {
226
+ r.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
227
+ }, d = (a) => {
228
+ s.dismiss && s.dismiss.includes(a) ? (r.value = !1, l("dismiss", a)) : a == "backdrop" && (n.value = !0, setTimeout(() => {
229
+ n.value = !1;
230
230
  }, 300));
231
231
  };
232
232
  return o({
233
- open: f
234
- }), (r, i) => (c(), V(L, {
233
+ open: v
234
+ }), (a, c) => (i(), V(H, {
235
235
  placement: "center",
236
236
  backdrop: !0,
237
237
  keepalive: !1,
238
- visible: n.value,
238
+ visible: r.value,
239
239
  onDismiss: d
240
240
  }, {
241
241
  default: P(() => [
242
- k("div", {
243
- class: S(["t-alert", { pop: a.value }]),
242
+ $("div", {
243
+ class: S(["t-alert", { pop: n.value }]),
244
244
  ref_key: "container",
245
245
  ref: u
246
246
  }, [
247
- g(r.$slots, "header", {}, () => [
248
- s.title ? (c(), p("div", Xe, A(s.title), 1)) : I("", !0)
247
+ g(a.$slots, "header", {}, () => [
248
+ s.title ? (i(), p("div", Xe, A(s.title), 1)) : I("", !0)
249
249
  ], !0),
250
- g(r.$slots, "content", {}, () => [
251
- k("div", De, A(s.message), 1)
250
+ g(a.$slots, "content", {}, () => [
251
+ $("div", De, A(s.message), 1)
252
252
  ], !0),
253
- g(r.$slots, "footer", {}, () => [
254
- k("div", We, [
255
- (c(!0), p(N, null, G(s.actions, (y) => (c(), V(Y, {
256
- color: y.color,
257
- variant: y.variant,
258
- onClick: (h) => v(y)
253
+ g(a.$slots, "footer", {}, () => [
254
+ $("div", We, [
255
+ (i(!0), p(q, null, G(s.actions, (f) => (i(), V(Y, {
256
+ color: f.color,
257
+ variant: f.variant,
258
+ onClick: (k) => y(f)
259
259
  }, {
260
260
  default: P(() => [
261
- q(A(y.text), 1)
261
+ M(A(f.text), 1)
262
262
  ]),
263
263
  _: 2
264
264
  }, 1032, ["color", "variant", "onClick"]))), 256))
@@ -269,32 +269,32 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
269
269
  _: 3
270
270
  }, 8, ["visible"]));
271
271
  }
272
- }), me = /* @__PURE__ */ _(Ne, [["__scopeId", "data-v-05d0c578"]]), xo = (t = {}) => ({
272
+ }), me = /* @__PURE__ */ _(Ne, [["__scopeId", "data-v-05d0c578"]]), wo = (t = {}) => ({
273
273
  open() {
274
274
  return new Promise((o) => {
275
275
  let e = document.body.querySelector(".t-app");
276
276
  if (!e) return;
277
- const s = document.createElement("div"), n = m();
277
+ const s = document.createElement("div"), r = m();
278
278
  e.appendChild(s);
279
279
  const l = J({
280
280
  render() {
281
281
  return Q(me, {
282
282
  ...t,
283
- ref: n,
284
- onDismiss: (u, a) => {
283
+ ref: r,
284
+ onDismiss: (u, n) => {
285
285
  setTimeout(() => {
286
286
  l.unmount(), s.remove();
287
- }, 300), o({ type: u, data: a });
287
+ }, 300), o({ type: u, data: n });
288
288
  }
289
289
  });
290
290
  }
291
291
  });
292
292
  l.mount(s), setTimeout(() => {
293
- n.value?.open?.();
293
+ r.value?.open?.();
294
294
  }, 50);
295
295
  });
296
296
  }
297
- }), qe = /* @__PURE__ */ b({
297
+ }), qe = /* @__PURE__ */ h({
298
298
  __name: "t-action",
299
299
  props: {
300
300
  actions: {},
@@ -303,43 +303,43 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
303
303
  },
304
304
  emits: ["dismiss"],
305
305
  setup(t, { expose: o, emit: e }) {
306
- const s = t, n = m(!1), l = e, u = m(), a = m(!1), f = () => {
307
- n.value = !0;
308
- }, v = (r) => {
309
- n.value = !1, r.handler && r.handler(), l("dismiss", "choose", r?.data);
310
- }, d = (r) => {
311
- s.dismiss && s.dismiss.includes(r) ? (n.value = !1, l("dismiss", r)) : r == "backdrop" && (a.value = !0, setTimeout(() => {
312
- a.value = !1;
306
+ const s = t, r = m(!1), l = e, u = m(), n = m(!1), v = () => {
307
+ r.value = !0;
308
+ }, y = (a) => {
309
+ r.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
310
+ }, d = (a) => {
311
+ s.dismiss && s.dismiss.includes(a) ? (r.value = !1, l("dismiss", a)) : a == "backdrop" && (n.value = !0, setTimeout(() => {
312
+ n.value = !1;
313
313
  }, 300));
314
314
  };
315
- return W(() => s.visible, (r) => {
316
- r ? f() : close();
315
+ return W(() => s.visible, (a) => {
316
+ a ? v() : close();
317
317
  }), o({
318
- open: f,
318
+ open: v,
319
319
  close
320
- }), (r, i) => (c(), V(L, {
320
+ }), (a, c) => (i(), V(H, {
321
321
  placement: "bottom",
322
322
  backdrop: !0,
323
323
  keepalive: !1,
324
- visible: n.value,
324
+ visible: r.value,
325
325
  onDismiss: d
326
326
  }, {
327
327
  default: P(() => [
328
- k("div", {
329
- class: S(["t-action", { pop: a.value }]),
328
+ $("div", {
329
+ class: S(["t-action", { pop: n.value }]),
330
330
  ref_key: "container",
331
331
  ref: u
332
332
  }, [
333
- (c(!0), p(N, null, G(s.actions, (y) => (c(), p("div", null, [
334
- (c(!0), p(N, null, G(y, (h) => (c(), V(Y, {
335
- color: h.color,
336
- size: h.size,
337
- variant: h.variant,
338
- onClick: ($) => v(h),
333
+ (i(!0), p(q, null, G(s.actions, (f) => (i(), p("div", null, [
334
+ (i(!0), p(q, null, G(f, (k) => (i(), V(Y, {
335
+ color: k.color,
336
+ size: k.size,
337
+ variant: k.variant,
338
+ onClick: (b) => y(k),
339
339
  block: ""
340
340
  }, {
341
341
  default: P(() => [
342
- q(A(h.text), 1)
342
+ M(A(k.text), 1)
343
343
  ]),
344
344
  _: 2
345
345
  }, 1032, ["color", "size", "variant", "onClick"]))), 256))
@@ -354,50 +354,50 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
354
354
  return new Promise((o) => {
355
355
  let e = document.body.querySelector(".t-app");
356
356
  if (!e) return;
357
- const s = document.createElement("div"), n = m();
357
+ const s = document.createElement("div"), r = m();
358
358
  e.appendChild(s);
359
359
  const l = J({
360
360
  render() {
361
361
  return Q(Me, {
362
362
  ...t,
363
- ref: n,
364
- onDismiss: (u, a) => {
363
+ ref: r,
364
+ onDismiss: (u, n) => {
365
365
  setTimeout(() => {
366
366
  l.unmount(), s.remove();
367
- }, 300), o({ type: u, data: a });
367
+ }, 300), o({ type: u, data: n });
368
368
  }
369
369
  });
370
370
  }
371
371
  });
372
372
  l.mount(s), setTimeout(() => {
373
- n.value?.open?.();
373
+ r.value?.open?.();
374
374
  }, 50);
375
375
  });
376
376
  }
377
- }), Le = { class: "t-loading" }, He = /* @__PURE__ */ b({
377
+ }), Le = { class: "t-loading" }, He = /* @__PURE__ */ h({
378
378
  __name: "t-loading",
379
379
  props: {
380
380
  type: { default: "spinner" }
381
381
  },
382
382
  emits: ["dismiss"],
383
383
  setup(t, { expose: o, emit: e }) {
384
- const s = t, n = m(!1);
384
+ const s = t, r = m(!1);
385
385
  return o({
386
386
  open: () => {
387
- n.value = !0;
387
+ r.value = !0;
388
388
  },
389
389
  close: () => {
390
- n.value = !1;
390
+ r.value = !1;
391
391
  }
392
- }), (a, f) => (c(), V(L, {
392
+ }), (n, v) => (i(), V(H, {
393
393
  placement: "center",
394
394
  backdrop: !0,
395
395
  keepalive: !1,
396
- visible: n.value
396
+ visible: r.value
397
397
  }, {
398
398
  default: P(() => [
399
- k("div", Le, [
400
- g(a.$slots, "default", {}, () => [
399
+ $("div", Le, [
400
+ g(n.$slots, "default", {}, () => [
401
401
  j(Z, {
402
402
  type: s.type
403
403
  }, null, 8, ["type"])
@@ -409,18 +409,18 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
409
409
  }
410
410
  }), Fe = /* @__PURE__ */ _(He, [["__scopeId", "data-v-8f84c14e"]]), Bo = (t = {}) => {
411
411
  const o = m(), e = document.body.querySelector(".t-app");
412
- let s = null, n = null;
412
+ let s = null, r = null;
413
413
  return {
414
414
  open() {
415
415
  return new Promise((l) => {
416
- e && (n = document.createElement("div"), e.appendChild(n), s = J({
416
+ e && (r = document.createElement("div"), e.appendChild(r), s = J({
417
417
  render() {
418
418
  return Q(Fe, {
419
419
  ...t,
420
420
  ref: o
421
421
  });
422
422
  }
423
- }), s.mount(n), setTimeout(() => {
423
+ }), s.mount(r), setTimeout(() => {
424
424
  o.value?.open?.(), l(!0);
425
425
  }, 50));
426
426
  });
@@ -428,7 +428,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
428
428
  close() {
429
429
  return new Promise((l) => {
430
430
  o.value?.close?.(), setTimeout(() => {
431
- s?.unmount?.(), n?.remove?.(), l(!0);
431
+ s?.unmount?.(), r?.remove?.(), l(!0);
432
432
  }, 300);
433
433
  });
434
434
  }
@@ -437,7 +437,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
437
437
  getNewIndex() {
438
438
  return ie.value += 2, ie.value;
439
439
  }
440
- }, X = ue([]), ee = m(!0), C = m(!1), R = m(-1), z = x(() => X[R.value]), M = x(() => X[R.value + 1] || void 0), E = x(() => X[X.length - 2]), ve = x(() => !C.value && ee.value && E.value), D = (t = !0) => {
440
+ }, X = ue([]), ee = m(!0), C = m(!1), R = m(-1), z = w(() => X[R.value]), L = w(() => X[R.value + 1] || void 0), E = w(() => X[X.length - 2]), ve = w(() => !C.value && ee.value && E.value), D = (t = !0) => {
441
441
  let e = z.value.target.closest(".t-app").offsetWidth;
442
442
  return t ? e + "px" : e;
443
443
  }, te = {
@@ -450,8 +450,8 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
450
450
  },
451
451
  move(t) {
452
452
  if (!ve.value) return;
453
- const o = D(!1), e = o + "px", s = t / o * 100, n = z.value.target, l = E.value.target;
454
- t > 15 && t <= o && (n.style.transition = "transform 0s ease", n.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s}))) scale(${0.5 + 0.5 / 100 * s}) perspective(${e}) rotateY(${30 - 30 / 100 * s}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
453
+ const o = D(!1), e = o + "px", s = t / o * 100, r = z.value.target, l = E.value.target;
454
+ t > 15 && t <= o && (r.style.transition = "transform 0s ease", r.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s}))) scale(${0.5 + 0.5 / 100 * s}) perspective(${e}) rotateY(${30 - 30 / 100 * s}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
455
455
  },
456
456
  back(t) {
457
457
  if (!E.value) return;
@@ -461,13 +461,13 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
461
461
  }, 400);
462
462
  },
463
463
  next(t) {
464
- if (!M.value) return;
464
+ if (!L.value) return;
465
465
  if (R.value == -1) {
466
466
  R.value += 1, t && t();
467
467
  return;
468
468
  }
469
469
  C.value = !0;
470
- const o = M.value.target, e = D();
470
+ const o = L.value.target, e = D();
471
471
  o.style.transform = `translateX(${e})`, o.transitionOrigin = "center", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
472
472
  o.style.transition = "transform 0.35s ease", o.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), z.value && (z.value.target.style.transitionOrigin = "left center", z.value.target.style.transition = "transform 0.35s ease", z.value.target.style.transform = `translateX(calc(${e} / 100 * 30 * -1)) scale(0.5) perspective(${e}) rotateY(30deg)`), setTimeout(() => {
473
473
  C.value = !1, R.value += 1, t && t();
@@ -483,8 +483,8 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
483
483
  }, 400);
484
484
  },
485
485
  move(t) {
486
- const o = D(!1), e = o + "px", s = t / o * 100, n = z.value.target, l = E.value.target;
487
- t > 15 && t <= o && (n.style.transition = "transform 0s ease", n.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s})))`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
486
+ const o = D(!1), e = o + "px", s = t / o * 100, r = z.value.target, l = E.value.target;
487
+ t > 15 && t <= o && (r.style.transition = "transform 0s ease", r.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s})))`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
488
488
  },
489
489
  back(t) {
490
490
  if (!E.value) return;
@@ -494,13 +494,13 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
494
494
  }, 400);
495
495
  },
496
496
  next(t) {
497
- if (!M.value) return;
497
+ if (!L.value) return;
498
498
  if (R.value == -1) {
499
499
  R.value += 1, t && t();
500
500
  return;
501
501
  }
502
502
  C.value = !0;
503
- const o = M.value.target, e = D();
503
+ const o = L.value.target, e = D();
504
504
  o.style.transform = `translateX(${e})`, o.transitionOrigin = "center", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
505
505
  o.style.transition = "transform 0.35s ease", o.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), z.value && (z.value.target.style.transitionOrigin = "left center", z.value.target.style.transition = "transform 0.35s ease", z.value.target.style.transform = `translateX(calc(${e} / 100 * 30 * -1))`), setTimeout(() => {
506
506
  C.value = !1, R.value += 1, t && t();
@@ -544,8 +544,8 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
544
544
  swipeable: ee,
545
545
  currentScreen: z,
546
546
  lastScreen: E,
547
- nextScreen: M
548
- }, ot = { class: "t-toast-content" }, st = /* @__PURE__ */ b({
547
+ nextScreen: L
548
+ }, ot = { class: "t-toast-content" }, st = /* @__PURE__ */ h({
549
549
  __name: "t-toast",
550
550
  props: {
551
551
  message: {},
@@ -557,68 +557,68 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
557
557
  },
558
558
  emits: ["dismiss"],
559
559
  setup(t, { expose: o, emit: e }) {
560
- const s = t, n = e, l = m(!1), u = m(!1), a = m(!1), f = () => {
561
- u.value = !0, a.value = !1, setTimeout(() => {
560
+ const s = t, r = e, l = m(!1), u = m(!1), n = m(!1), v = () => {
561
+ u.value = !0, n.value = !1, setTimeout(() => {
562
562
  l.value = !0;
563
563
  }, 10);
564
- }, v = () => {
565
- a.value = !0, setTimeout(() => {
566
- u.value = !1, l.value = !1, n("dismiss");
564
+ }, y = () => {
565
+ n.value = !0, setTimeout(() => {
566
+ u.value = !1, l.value = !1, r("dismiss");
567
567
  }, 300);
568
568
  };
569
- W(() => s.visible, (r) => {
570
- r ? f() : v();
569
+ W(() => s.visible, (a) => {
570
+ a ? v() : y();
571
571
  });
572
- const d = x(() => {
573
- let r;
574
- return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? r = {
572
+ const d = w(() => {
573
+ let a;
574
+ return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? a = {
575
575
  "--border": "none",
576
576
  "--color": "var(--t-color-status-" + s.color + "-text)",
577
577
  "--background": "rgba(var(--t-color-status-" + s.color + "-rgb), 1)"
578
- } : r = {
578
+ } : a = {
579
579
  "--border": "none",
580
580
  "--color": "var(--t-color-text)",
581
581
  "--background": s.color
582
- } : r = {
582
+ } : a = {
583
583
  "--border": "none",
584
584
  "--color": "var(--t-color-text)",
585
585
  "--background": "rgba(var(--t-color-surface-rgb), 1)"
586
- }), s.variant == "text" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? r = {
586
+ }), s.variant == "text" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? a = {
587
587
  "--border": "none",
588
588
  "--color": "var(--t-color-status-" + s.color + ")",
589
589
  "--background": "transparent"
590
- } : r = {
590
+ } : a = {
591
591
  "--border": "none",
592
592
  "--color": s.color,
593
593
  "--background": "transparent"
594
- } : r = {
594
+ } : a = {
595
595
  "--border": "none",
596
596
  "--color": "var(--t-color-text)",
597
597
  "--background": "transparent"
598
- }), s.variant == "outline" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? r = {
598
+ }), s.variant == "outline" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? a = {
599
599
  "--border": "0.55px solid var(--t-color-status-" + s.color + ")",
600
600
  "--color": "var(--t-color-status-" + s.color + ")",
601
601
  "--background": "transparent"
602
- } : r = {
602
+ } : a = {
603
603
  "--border": "0.55px solid " + s.color,
604
604
  "--color": s.color,
605
605
  "--background": "transparent"
606
- } : r = {
606
+ } : a = {
607
607
  "--border": "0.55px solid var(--t-color-text)",
608
608
  "--color": "var(--t-color-text)",
609
609
  "--background": "transparent"
610
- }), r;
610
+ }), a;
611
611
  });
612
612
  return o({
613
- open: f,
614
- close: v
615
- }), (r, i) => u.value ? (c(), p("div", {
613
+ open: v,
614
+ close: y
615
+ }), (a, c) => u.value ? (i(), p("div", {
616
616
  key: 0,
617
- class: S(["t-toast", { [s.placement]: !0, open: l.value, closing: a.value }]),
617
+ class: S(["t-toast", { [s.placement]: !0, open: l.value, closing: n.value }]),
618
618
  style: T({ "--space": s.space, ...d.value })
619
619
  }, [
620
- g(r.$slots, "content", {}, () => [
621
- k("div", ot, A(s.message), 1)
620
+ g(a.$slots, "content", {}, () => [
621
+ $("div", ot, A(s.message), 1)
622
622
  ], !0)
623
623
  ], 6)) : I("", !0);
624
624
  }
@@ -628,32 +628,32 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ b({
628
628
  if (!o) return;
629
629
  const e = document.createElement("div"), s = m();
630
630
  o.appendChild(e);
631
- const n = J({
631
+ const r = J({
632
632
  render() {
633
633
  return Q(ye, {
634
634
  ...t,
635
635
  ref: s,
636
636
  onDismiss: () => {
637
637
  setTimeout(() => {
638
- n.unmount(), e.remove();
638
+ r.unmount(), e.remove();
639
639
  }, 300);
640
640
  }
641
641
  });
642
642
  }
643
643
  });
644
- n.mount(e), setTimeout(() => {
644
+ r.mount(e), setTimeout(() => {
645
645
  s.value?.open?.(), setTimeout(() => {
646
646
  s.value?.close?.();
647
647
  }, t.duration + 10);
648
648
  }, 50);
649
649
  }
650
- }), nt = m(0);
650
+ }), rt = m(0);
651
651
  function _e() {
652
652
  return {
653
- height: nt
653
+ height: rt
654
654
  };
655
655
  }
656
- const rt = /* @__PURE__ */ b({
656
+ const nt = /* @__PURE__ */ h({
657
657
  __name: "t-cable",
658
658
  props: {
659
659
  keyboard: { type: Boolean, default: !1 },
@@ -663,20 +663,20 @@ const rt = /* @__PURE__ */ b({
663
663
  const o = t, { height: e } = _e();
664
664
  return de("cableState", {
665
665
  placement: o.placement
666
- }), (s, n) => (c(), p("div", {
666
+ }), (s, r) => (i(), p("div", {
667
667
  class: S(["t-cable", { keyboard: o.keyboard && O(e) > 0, [o.placement]: !0 }]),
668
668
  style: T({ "--t-keyboard-height": O(e) + "px", "--t-keyboard-transition": O(e) > 0 ? "0.3s" : "0.1s" })
669
669
  }, [
670
670
  g(s.$slots, "default", {}, void 0, !0)
671
671
  ], 6));
672
672
  }
673
- }), at = /* @__PURE__ */ _(rt, [["__scopeId", "data-v-6cae224b"]]), lt = /* @__PURE__ */ b({
673
+ }), at = /* @__PURE__ */ _(nt, [["__scopeId", "data-v-6cae224b"]]), lt = /* @__PURE__ */ h({
674
674
  __name: "t-card",
675
675
  props: {
676
676
  color: { default: null }
677
677
  },
678
678
  setup(t) {
679
- const o = t, e = x(() => {
679
+ const o = t, e = w(() => {
680
680
  let s;
681
681
  return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
682
682
  "--background": "var(--t-color-status-" + o.color + ")"
@@ -686,7 +686,7 @@ const rt = /* @__PURE__ */ b({
686
686
  "--background": "var(--t-color-surface)"
687
687
  }, s;
688
688
  });
689
- return (s, n) => (c(), p("div", {
689
+ return (s, r) => (i(), p("div", {
690
690
  class: "t-card",
691
691
  style: T(e.value)
692
692
  }, [
@@ -695,11 +695,11 @@ const rt = /* @__PURE__ */ b({
695
695
  }
696
696
  }), ct = {}, it = { class: "t-content" };
697
697
  function ut(t, o) {
698
- return c(), p("div", it, [
698
+ return i(), p("div", it, [
699
699
  g(t.$slots, "default", {}, void 0, !0)
700
700
  ]);
701
701
  }
702
- const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0"]]), dt = /* @__PURE__ */ b({
702
+ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0"]]), dt = /* @__PURE__ */ h({
703
703
  __name: "t-refresher",
704
704
  props: {
705
705
  threshold: { default: 120 },
@@ -708,68 +708,68 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
708
708
  },
709
709
  emits: ["refresh", "move", "cancel", "start"],
710
710
  setup(t, { emit: o }) {
711
- const e = o, s = t, n = m(0), l = m(!1), u = m();
712
- let a, f = !1;
713
- const v = () => {
714
- l.value = !1, n.value = 0, f = !1;
711
+ const e = o, s = t, r = m(0), l = m(!1), u = m();
712
+ let n, v = !1;
713
+ const y = () => {
714
+ l.value = !1, r.value = 0, v = !1;
715
715
  }, d = () => {
716
- f = !0, l.value = !0, n.value = s.threshold, e("refresh", v);
717
- }, r = () => {
718
- n.value = 0, l.value = !1, f = !1, e("cancel");
716
+ v = !0, l.value = !0, r.value = s.threshold, e("refresh", y);
717
+ }, a = () => {
718
+ r.value = 0, l.value = !1, v = !1, e("cancel");
719
719
  };
720
720
  return W(() => u.value, () => {
721
- a && a.destroy();
722
- let i = u.value.closest(".t-content");
723
- i && (a = ae(i, {
721
+ n && n.destroy();
722
+ let c = u.value.closest(".t-content");
723
+ c && (n = ae(c, {
724
724
  options: {
725
725
  minMove: 20
726
726
  },
727
727
  beforeEvent() {
728
- return !(i.scrollTop > 0);
728
+ return !(c.scrollTop > 0);
729
729
  },
730
730
  down() {
731
- l.value || f || e("start");
731
+ l.value || v || e("start");
732
732
  },
733
- move({ deltaY: y, initialDirection: h }) {
734
- if (l.value || f || h != "down") return;
735
- if (s.variant == "max" && y >= s.threshold) {
733
+ move({ deltaY: f, initialDirection: k }) {
734
+ if (l.value || v || k != "down") return;
735
+ if (s.variant == "max" && f >= s.threshold) {
736
736
  d();
737
737
  return;
738
738
  }
739
- const $ = y < 0 ? 0 : y;
740
- n.value = $, e("move", $);
739
+ const b = f < 0 ? 0 : f;
740
+ r.value = b, e("move", b);
741
741
  },
742
- up({ deltaY: y, initialDirection: h }) {
743
- l.value || f || h != "down" || (s.variant == "up" && y >= s.threshold ? d() : r());
742
+ up({ deltaY: f, initialDirection: k }) {
743
+ l.value || v || k != "down" || (s.variant == "up" && f >= s.threshold ? d() : a());
744
744
  },
745
745
  cancel() {
746
- l.value || f || r();
746
+ l.value || v || a();
747
747
  }
748
748
  }, {
749
749
  passive: !1
750
750
  }));
751
- }), re(() => {
752
- a && a.destroy();
753
- }), (i, y) => F((c(), p("div", {
754
- class: S(["t-refresher", { safe: i.safe }]),
751
+ }), ne(() => {
752
+ n && n.destroy();
753
+ }), (c, f) => F((i(), p("div", {
754
+ class: S(["t-refresher", { safe: c.safe }]),
755
755
  ref_key: "container",
756
756
  ref: u
757
757
  }, [
758
- g(i.$slots, "default", {
759
- offset: n.value,
758
+ g(c.$slots, "default", {
759
+ offset: r.value,
760
760
  refreshing: l.value
761
761
  }, void 0, !0)
762
762
  ], 2)), [
763
- [K, n.value > 0]
763
+ [K, r.value > 0]
764
764
  ]);
765
765
  }
766
766
  }), pt = /* @__PURE__ */ _(dt, [["__scopeId", "data-v-c77146a5"]]), ft = {}, mt = { class: "t-screen" };
767
767
  function vt(t, o) {
768
- return c(), p("div", mt, [
768
+ return i(), p("div", mt, [
769
769
  g(t.$slots, "default", {}, void 0, !0)
770
770
  ]);
771
771
  }
772
- const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c"]]), yt = /* @__PURE__ */ b({
772
+ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c"]]), yt = /* @__PURE__ */ h({
773
773
  __name: "t-swipe-screen",
774
774
  props: {
775
775
  variant: { default: "scale" },
@@ -779,70 +779,72 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
779
779
  emits: ["change"],
780
780
  setup(t, { emit: o }) {
781
781
  let e = {};
782
- const s = o, n = t;
782
+ const s = o, r = t;
783
783
  let l;
784
- const u = n.router || fe(), a = n.route || xe(), f = u.getRoutes();
785
- for (let r of f)
786
- e[r.name] = r.component || r.components;
787
- const v = (r) => {
788
- r && B.addScreen({
789
- name: r,
784
+ const u = r.router || fe(), n = r.route || we(), v = u.getRoutes(), y = m();
785
+ for (let c of v)
786
+ e[c.name] = c.component || c.components;
787
+ const d = (c) => {
788
+ c && B.addScreen({
789
+ name: c,
790
790
  target: null,
791
- component: $e(e[r] || null)
791
+ component: $e(e[c] || null)
792
792
  });
793
- }, d = (r, i) => {
794
- !i || B.screens[r].target || (B.addScreenEl(r, i.$el), B.nextScreen && B.next(n.variant, () => {
793
+ }, a = (c, f) => {
794
+ !f || B.screens[c].target || (B.addScreenEl(c, f.$el), B.nextScreen && B.next(r.variant, () => {
795
795
  s("change");
796
796
  }));
797
797
  };
798
- return W(() => a.name, (r, i) => {
799
- r != B.currentScreen.value?.name && (B.lastScreen.value?.name == r ? B.back(n.variant, () => {
798
+ return W(() => n.name, (c, f) => {
799
+ c != B.currentScreen.value?.name && (B.lastScreen.value?.name == c ? B.back(r.variant, () => {
800
800
  s("change");
801
- }) : v(a.name));
801
+ }) : d(n.name));
802
802
  }), U(() => {
803
- v(a.name), l = ae(document.body, {
804
- beforeEvent(r) {
803
+ d(n.name), l = ae(document.body, {
804
+ beforeEvent(c) {
805
805
  return !!B.isSwipeable.value;
806
806
  },
807
- fast({ initialDirection: r }) {
808
- B.lastScreen.value && r == "right" && u.back();
807
+ fast({ initialDirection: c }) {
808
+ B.lastScreen.value && c == "right" && u.back();
809
809
  },
810
- move({ deltaX: r, initialDirection: i }) {
811
- i == "right" && B.move(n.variant, r);
810
+ move({ deltaX: c, initialDirection: f }) {
811
+ f == "right" && B.move(r.variant, c);
812
812
  },
813
- up({ deltaX: r, initialDirection: i }) {
814
- if (i != "right") {
815
- B.reset(n.variant);
813
+ up({ deltaX: c, initialDirection: f }) {
814
+ if (f != "right") {
815
+ B.reset(r.variant);
816
816
  return;
817
817
  }
818
- const y = window.innerWidth;
819
- r / y * 100 >= 50 ? u.back() : B.reset(n.variant);
818
+ const k = y.value.offsetParent.offsetWidth;
819
+ c / k * 100 >= 50 ? u.back() : B.reset(r.variant);
820
820
  },
821
821
  cancel() {
822
- B.reset(n.variant);
822
+ B.reset(r.variant);
823
823
  }
824
824
  });
825
- }), re(() => {
825
+ }), ne(() => {
826
826
  l && l.destroy(), B.removeAllScreen();
827
- }), (r, i) => (c(), p(N, null, [
828
- (c(!0), p(N, null, G(O(B).screens, (y, h) => (c(), V(be, {
827
+ }), (c, f) => (i(), p(q, null, [
828
+ (i(!0), p(q, null, G(O(B).screens, (k, b) => (i(), V(be, {
829
829
  ref_for: !0,
830
- ref: ($) => d(h, $),
831
- style: T({ zIndex: h + (h == O(B).screens.length - 1 ? 2 : 1) }),
832
- key: h
830
+ ref: (N) => a(b, N),
831
+ style: T({ zIndex: b + (b == O(B).screens.length - 1 ? 2 : 1) }),
832
+ key: b
833
833
  }, {
834
834
  default: P(() => [
835
- (c(), V(ke(y.component.default)))
835
+ (i(), V(ke(k.component.default)))
836
836
  ]),
837
837
  _: 2
838
838
  }, 1032, ["style"]))), 128)),
839
- k("div", {
839
+ $("div", {
840
840
  class: "t-swipe-backdrop",
841
+ ref_key: "backdrop",
842
+ ref: y,
841
843
  style: T({ zIndex: O(B).screens.length })
842
844
  }, null, 4)
843
845
  ], 64));
844
846
  }
845
- }), _t = /* @__PURE__ */ _(yt, [["__scopeId", "data-v-23e0cfda"]]), gt = /* @__PURE__ */ b({
847
+ }), _t = /* @__PURE__ */ _(yt, [["__scopeId", "data-v-4d584b03"]]), gt = /* @__PURE__ */ h({
846
848
  __name: "t-toolbar",
847
849
  props: {
848
850
  placement: { default: null },
@@ -850,72 +852,72 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
850
852
  size: { default: "50px" }
851
853
  },
852
854
  setup(t) {
853
- const o = t, e = pe("cableState"), s = x(() => o?.placement || e?.placement);
854
- return (n, l) => (c(), p("div", {
855
+ const o = t, e = pe("cableState"), s = w(() => o?.placement || e?.placement);
856
+ return (r, l) => (i(), p("div", {
855
857
  class: S(["t-toolbar", { [s.value]: !0, safe: o.safe }]),
856
858
  style: T({ "--t-size-toolbar": o.size })
857
859
  }, [
858
- k("div", null, [
859
- g(n.$slots, "default", {}, void 0, !0)
860
+ $("div", null, [
861
+ g(r.$slots, "default", {}, void 0, !0)
860
862
  ])
861
863
  ], 6));
862
864
  }
863
- }), bt = /* @__PURE__ */ _(gt, [["__scopeId", "data-v-1ee9866d"]]), ht = /* @__PURE__ */ b({
865
+ }), bt = /* @__PURE__ */ _(gt, [["__scopeId", "data-v-1ee9866d"]]), ht = /* @__PURE__ */ h({
864
866
  __name: "t-back-button",
865
867
  props: {
866
868
  to: {},
867
869
  router: {}
868
870
  },
869
871
  setup(t) {
870
- const o = t, e = we(), s = o.router || fe(), n = (l) => {
872
+ const o = t, e = xe(), s = o.router || fe(), r = (l) => {
871
873
  if (e.onBack) {
872
874
  e.onBack(l);
873
875
  return;
874
876
  }
875
877
  B.lastScreen.value ? s?.back?.() : o.to && s?.push?.(o.to);
876
878
  };
877
- return (l, u) => l.to || O(B).lastScreen ? (c(), p("button", {
879
+ return (l, u) => l.to || O(B).lastScreen ? (i(), p("button", {
878
880
  key: 0,
879
881
  class: "t-back-button",
880
- onClick: n
882
+ onClick: r
881
883
  }, [
882
884
  g(l.$slots, "default", {}, () => [
883
- u[0] || (u[0] = k("i", { class: "ri-arrow-left-s-line" }, null, -1))
885
+ u[0] || (u[0] = $("i", { class: "ri-arrow-left-s-line" }, null, -1))
884
886
  ], !0)
885
887
  ])) : I("", !0);
886
888
  }
887
- }), kt = /* @__PURE__ */ _(ht, [["__scopeId", "data-v-dcf9d363"]]), $t = /* @__PURE__ */ b({
889
+ }), kt = /* @__PURE__ */ _(ht, [["__scopeId", "data-v-dcf9d363"]]), $t = /* @__PURE__ */ h({
888
890
  __name: "t-text",
889
891
  props: {
890
892
  color: { default: "var(--t-color-text)" },
891
893
  size: { default: "standard" }
892
894
  },
893
895
  setup(t) {
894
- const o = t, e = x(() => {
895
- let s, n = o.color;
896
- return o.size == "standard" ? s = "var(--t-fs-10)" : o.size == "small" ? s = "var(--t-fs-08)" : o.size == "large" ? s = "var(--t-fs-12)" : s = o.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (n = `var(--t-color-status-${o.color})`), {
897
- "--color": n,
896
+ const o = t, e = w(() => {
897
+ let s, r = o.color;
898
+ return o.size == "standard" ? s = "var(--t-fs-10)" : o.size == "small" ? s = "var(--t-fs-08)" : o.size == "large" ? s = "var(--t-fs-12)" : s = o.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (r = `var(--t-color-status-${o.color})`), {
899
+ "--color": r,
898
900
  "--font-size": s
899
901
  };
900
902
  });
901
- return (s, n) => (c(), p("span", {
903
+ return (s, r) => (i(), p("span", {
902
904
  class: "t-text",
903
905
  style: T(e.value)
904
906
  }, [
905
907
  g(s.$slots, "default", {}, void 0, !0)
906
908
  ], 4));
907
909
  }
908
- }), ne = /* @__PURE__ */ _($t, [["__scopeId", "data-v-f0f94f05"]]), wt = /* @__PURE__ */ b({
910
+ }), re = /* @__PURE__ */ _($t, [["__scopeId", "data-v-f0f94f05"]]), xt = /* @__PURE__ */ h({
909
911
  __name: "t-gesture-indicator",
910
912
  props: {
911
913
  placement: { default: "bottom" }
912
914
  },
913
915
  setup(t) {
914
- return (o, e) => (c(), p("div", {
916
+ return (o, e) => (i(), p("div", {
915
917
  class: S(["t-gesture-indicator", { [o.placement]: !0 }])
916
918
  }, null, 2));
917
919
  }
918
- }), he = /* @__PURE__ */ _(wt, [["__scopeId", "data-v-ed8f7308"]]), xt = /* @__PURE__ */ b({
920
+ }), he = /* @__PURE__ */ _(xt, [["__scopeId", "data-v-ed8f7308"]]), wt = /* @__PURE__ */ h({
919
921
  __name: "t-sheet",
920
922
  props: {
921
923
  background: { default: "var(--t-color-surface)" },
@@ -933,86 +935,86 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
933
935
  },
934
936
  emits: ["dismiss"],
935
937
  setup(t, { emit: o }) {
936
- const e = t, s = o, n = m(), l = m(), u = m(!1);
937
- let a = null;
938
- const f = x(() => {
938
+ const e = t, s = o, r = m(), l = m(), u = m(!1);
939
+ let n = null;
940
+ const v = w(() => {
939
941
  if (e.placement == "bottom") return "down";
940
942
  if (e.placement == "top") return "up";
941
943
  if (e.placement == "left") return "left";
942
944
  if (e.placement == "right") return "right";
943
- }), v = (r) => {
944
- s("dismiss", r);
945
+ }), y = (a) => {
946
+ s("dismiss", a);
945
947
  }, d = () => {
946
948
  u.value = !0, setTimeout(() => {
947
949
  u.value = !1;
948
950
  }, 300);
949
951
  };
950
- return W(() => n.value, (r) => {
951
- r && (a = ae(n.value, {
952
+ return W(() => r.value, (a) => {
953
+ a && (n = ae(r.value, {
952
954
  isMoving: !1,
953
955
  options: {
954
956
  minDist: 30
955
957
  },
956
- beforeEvent(i) {
958
+ beforeEvent(c) {
957
959
  return !(u.value || !e.gesture || e.placement == "center");
958
960
  },
959
961
  down() {
960
962
  this.isMoving = !1;
961
963
  },
962
- fast({ initialDirection: i }) {
963
- d(), i == f.value ? s("dismiss", "gesture") : l.value.open();
964
+ fast({ initialDirection: c }) {
965
+ d(), c == v.value ? s("dismiss", "gesture") : l.value.open();
964
966
  },
965
- move({ deltaY: i, deltaX: y, initialDirection: h }) {
966
- if (h != f.value) return;
967
- let $ = 0;
968
- e.placement == "bottom" || e.placement == "top" ? $ = i : $ = y, e.placement == "bottom" && ($ = i > 0 ? i : 0), e.placement == "top" && ($ = i < 0 ? i : 0), e.placement == "left" && ($ = y < 0 ? y : 0), e.placement == "right" && ($ = y > 0 ? y : 0), (e.placement == "bottom" && ($ >= 10 || this.isMoving) || e.placement == "top" && ($ <= -10 || this.isMoving) || e.placement == "left" && ($ <= -10 || this.isMoving) || e.placement == "right" && ($ >= 10 || this.isMoving)) && (this.isMoving = !0, l.value.render({
969
- contentTransform: $ + "px",
967
+ move({ deltaY: c, deltaX: f, initialDirection: k }) {
968
+ if (k != v.value) return;
969
+ let b = 0;
970
+ e.placement == "bottom" || e.placement == "top" ? b = c : b = f, e.placement == "bottom" && (b = c > 0 ? c : 0), e.placement == "top" && (b = c < 0 ? c : 0), e.placement == "left" && (b = f < 0 ? f : 0), e.placement == "right" && (b = f > 0 ? f : 0), (e.placement == "bottom" && (b >= 10 || this.isMoving) || e.placement == "top" && (b <= -10 || this.isMoving) || e.placement == "left" && (b <= -10 || this.isMoving) || e.placement == "right" && (b >= 10 || this.isMoving)) && (this.isMoving = !0, l.value.render({
971
+ contentTransform: b + "px",
970
972
  transition: "0s"
971
973
  }));
972
974
  },
973
- up({ deltaY: i, deltaX: y, initialDirection: h }) {
974
- if (this.isMoving = !1, d(), h != f.value) {
975
+ up({ deltaY: c, deltaX: f, initialDirection: k }) {
976
+ if (this.isMoving = !1, d(), k != v.value) {
975
977
  l.value.open();
976
978
  return;
977
979
  }
978
- let $, H, w;
979
- e.placement == "bottom" || e.placement == "top" ? ($ = n.value.offsetHeight, w = i) : ($ = n.value.offsetWidth, w = y), H = w / $ * 100, H > 50 ? s("dismiss", "gesture") : l.value.open();
980
+ let b, N, x;
981
+ e.placement == "bottom" || e.placement == "top" ? (b = r.value.offsetHeight, x = c) : (b = r.value.offsetWidth, x = f), N = x / b * 100, N > 50 ? s("dismiss", "gesture") : l.value.open();
980
982
  },
981
983
  cancel() {
982
984
  this.isMoving = !1, d(), l.value.open();
983
985
  }
984
986
  }));
985
- }), re(() => {
986
- a && a.destroy();
987
- }), (r, i) => (c(), V(L, {
987
+ }), ne(() => {
988
+ n && n.destroy();
989
+ }), (a, c) => (i(), V(H, {
988
990
  ref_key: "present",
989
991
  ref: l,
990
992
  class: S(e.class),
991
993
  placement: e.placement,
992
- backdrop: r.backdrop,
994
+ backdrop: a.backdrop,
993
995
  visible: e.visible,
994
996
  keepalive: e.keepalive,
995
- onDismiss: v,
997
+ onDismiss: y,
996
998
  style: T(e.style)
997
999
  }, {
998
1000
  default: P(() => [
999
- e.gesture && e.indicator && e.placement != "center" ? (c(), V(he, {
1001
+ e.gesture && e.indicator && e.placement != "center" ? (i(), V(he, {
1000
1002
  key: 0,
1001
1003
  placement: e.placement
1002
1004
  }, null, 8, ["placement"])) : I("", !0),
1003
- k("div", {
1004
- class: S(["t-sheet", { fullscreen: e.fullscreen, [e.placement]: !0, rounded: r.rounded, radius: e.radius }]),
1005
+ $("div", {
1006
+ class: S(["t-sheet", { fullscreen: e.fullscreen, [e.placement]: !0, rounded: a.rounded, radius: e.radius }]),
1005
1007
  style: T({ "--background": e.background }),
1006
1008
  ref_key: "sheet",
1007
- ref: n
1009
+ ref: r
1008
1010
  }, [
1009
- g(r.$slots, "default", {}, void 0, !0)
1011
+ g(a.$slots, "default", {}, void 0, !0)
1010
1012
  ], 6)
1011
1013
  ]),
1012
1014
  _: 3
1013
1015
  }, 8, ["class", "placement", "backdrop", "visible", "keepalive", "style"]));
1014
1016
  }
1015
- }), Tt = /* @__PURE__ */ _(xt, [["__scopeId", "data-v-27e04f6f"]]), Bt = { class: "t-input-label" }, St = { class: "t-input-content" }, zt = ["placeholder", "value", "type", "readonly"], Ct = /* @__PURE__ */ b({
1017
+ }), Tt = /* @__PURE__ */ _(wt, [["__scopeId", "data-v-27e04f6f"]]), Bt = { class: "t-input-label" }, St = { class: "t-input-content" }, zt = ["placeholder", "value", "type", "readonly"], Ct = /* @__PURE__ */ h({
1016
1018
  __name: "t-input",
1017
1019
  props: {
1018
1020
  size: { default: "standard" },
@@ -1028,58 +1030,58 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
1028
1030
  },
1029
1031
  emits: ["update:modelValue"],
1030
1032
  setup(t, { emit: o }) {
1031
- const e = t, s = o, n = m(!1), l = m(null), u = x(
1033
+ const e = t, s = o, r = m(!1), l = m(null), u = w(
1032
1034
  () => !(e.modelValue === "" || e.modelValue == null)
1033
- ), a = (d) => {
1035
+ ), n = (d) => {
1034
1036
  s("update:modelValue", d.target.value);
1035
- }, f = async (d) => {
1036
- n.value = !0;
1037
- }, v = () => {
1038
- n.value = !1;
1037
+ }, v = async (d) => {
1038
+ r.value = !0;
1039
+ }, y = () => {
1040
+ r.value = !1;
1039
1041
  };
1040
- return (d, r) => (c(), p("div", {
1042
+ return (d, a) => (i(), p("div", {
1041
1043
  class: S(["t-input", {
1042
1044
  rounded: d.rounded,
1043
1045
  ["size-" + d.size]: !0,
1044
1046
  ["variant-" + d.variant]: !0,
1045
- focus: n.value,
1047
+ focus: r.value,
1046
1048
  "has-value": u.value,
1047
1049
  readonly: d.readonly
1048
1050
  }])
1049
1051
  }, [
1050
- k("label", null, [
1051
- k("span", Bt, A(d.label), 1),
1052
- k("div", St, [
1052
+ $("label", null, [
1053
+ $("span", Bt, A(d.label), 1),
1054
+ $("div", St, [
1053
1055
  g(d.$slots, "start", {}, void 0, !0),
1054
- k("input", {
1056
+ $("input", {
1055
1057
  ref_key: "editable",
1056
1058
  ref: l,
1057
1059
  class: "t-input-editable",
1058
1060
  placeholder: d.placeholder,
1059
1061
  value: d.modelValue,
1060
1062
  type: d.type,
1061
- onInput: a,
1062
- onFocus: f,
1063
- onBlur: v,
1063
+ onInput: n,
1064
+ onFocus: v,
1065
+ onBlur: y,
1064
1066
  readonly: d.readonly
1065
1067
  }, null, 40, zt),
1066
1068
  g(d.$slots, "end", {}, void 0, !0)
1067
1069
  ])
1068
1070
  ]),
1069
- d.error ? (c(), V(ne, {
1071
+ d.error ? (i(), V(re, {
1070
1072
  key: 0,
1071
1073
  color: "danger"
1072
1074
  }, {
1073
1075
  default: P(() => [
1074
- q(A(d.error), 1)
1076
+ M(A(d.error), 1)
1075
1077
  ]),
1076
1078
  _: 1
1077
- })) : d.help ? (c(), V(ne, {
1079
+ })) : d.help ? (i(), V(re, {
1078
1080
  key: 1,
1079
1081
  color: "secondary"
1080
1082
  }, {
1081
1083
  default: P(() => [
1082
- q(A(d.help), 1)
1084
+ M(A(d.help), 1)
1083
1085
  ]),
1084
1086
  _: 1
1085
1087
  })) : I("", !0)
@@ -1087,76 +1089,76 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
1087
1089
  }
1088
1090
  }), It = /* @__PURE__ */ _(Ct, [["__scopeId", "data-v-11ddaa71"]]), Et = {};
1089
1091
  function Vt(t, o) {
1090
- return c(), p("textarea");
1092
+ return i(), p("textarea");
1091
1093
  }
1092
1094
  const Pt = /* @__PURE__ */ _(Et, [["render", Vt]]), Rt = {};
1093
1095
  function At(t, o) {
1094
- return c(), p("div");
1096
+ return i(), p("div");
1095
1097
  }
1096
1098
  const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = {}, Dt = { class: "t-grid" };
1097
1099
  function Wt(t, o) {
1098
- return c(), p("div", Dt);
1100
+ return i(), p("div", Dt);
1099
1101
  }
1100
1102
  const Nt = /* @__PURE__ */ _(Xt, [["render", Wt]]), qt = {}, Mt = { class: "t-grid-item" };
1101
1103
  function Lt(t, o) {
1102
- return c(), p("div", Mt);
1104
+ return i(), p("div", Mt);
1103
1105
  }
1104
- const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1106
+ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
1105
1107
  __name: "t-divider",
1106
1108
  props: {
1107
1109
  direction: { default: "horizontal" }
1108
1110
  },
1109
1111
  setup(t) {
1110
1112
  const o = t;
1111
- return (e, s) => (c(), p("div", {
1113
+ return (e, s) => (i(), p("div", {
1112
1114
  class: S(["t-divider", { [o.direction]: !0 }])
1113
1115
  }, null, 2));
1114
1116
  }
1115
- }), Kt = /* @__PURE__ */ _(Ft, [["__scopeId", "data-v-47ee8991"]]), Gt = /* @__PURE__ */ b({
1117
+ }), Kt = /* @__PURE__ */ _(Ft, [["__scopeId", "data-v-47ee8991"]]), Gt = /* @__PURE__ */ h({
1116
1118
  __name: "t-toggle-password",
1117
1119
  props: {
1118
1120
  color: { default: "warning" }
1119
1121
  },
1120
1122
  emits: ["change"],
1121
1123
  setup(t, { emit: o }) {
1122
- const e = t, s = o, n = m(!1), l = m(), u = x(() => {
1123
- let v = e.color;
1124
- return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (v = `var(--t-color-status-${e.color})`), {
1125
- "--color": v
1124
+ const e = t, s = o, r = m(!1), l = m(), u = w(() => {
1125
+ let y = e.color;
1126
+ return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (y = `var(--t-color-status-${e.color})`), {
1127
+ "--color": y
1126
1128
  };
1127
- }), a = () => l.value?.parentElement?.querySelector?.("input");
1129
+ }), n = () => l.value?.parentElement?.querySelector?.("input");
1128
1130
  U(() => {
1129
- let v = a();
1130
- v && (n.value = v.type != "password", s("change", n.value));
1131
+ let y = n();
1132
+ y && (r.value = y.type != "password", s("change", r.value));
1131
1133
  });
1132
- const f = () => {
1133
- let v = a();
1134
- v && (n.value = !n.value, n.value ? v.type = "text" : v.type = "password", s("change", n.value));
1134
+ const v = () => {
1135
+ let y = n();
1136
+ y && (r.value = !r.value, r.value ? y.type = "text" : y.type = "password", s("change", r.value));
1135
1137
  };
1136
- return (v, d) => (c(), p("button", {
1138
+ return (y, d) => (i(), p("button", {
1137
1139
  ref_key: "toggle",
1138
1140
  ref: l,
1139
1141
  class: "t-toggle-password",
1140
1142
  style: T(u.value),
1141
- onClick: f
1143
+ onClick: v
1142
1144
  }, [
1143
- n.value ? g(v.$slots, "on", { key: 0 }, () => [
1144
- d[0] || (d[0] = k("i", { class: "ri-eye-line" }, null, -1))
1145
+ r.value ? g(y.$slots, "on", { key: 0 }, () => [
1146
+ d[0] || (d[0] = $("i", { class: "ri-eye-line" }, null, -1))
1145
1147
  ], !0) : I("", !0),
1146
- n.value ? I("", !0) : g(v.$slots, "off", { key: 1 }, () => [
1147
- d[1] || (d[1] = k("i", { class: "ri-eye-off-line" }, null, -1))
1148
+ r.value ? I("", !0) : g(y.$slots, "off", { key: 1 }, () => [
1149
+ d[1] || (d[1] = $("i", { class: "ri-eye-off-line" }, null, -1))
1148
1150
  ], !0)
1149
1151
  ], 4));
1150
1152
  }
1151
- }), Ut = /* @__PURE__ */ _(Gt, [["__scopeId", "data-v-3268e9e3"]]), jt = /* @__PURE__ */ b({
1153
+ }), Ut = /* @__PURE__ */ _(Gt, [["__scopeId", "data-v-3268e9e3"]]), jt = /* @__PURE__ */ h({
1152
1154
  __name: "t-avatar",
1153
1155
  props: {
1154
1156
  square: { type: Boolean, default: !1 },
1155
1157
  size: { default: "standard" }
1156
1158
  },
1157
1159
  setup(t) {
1158
- const o = t, e = x(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
1159
- return (s, n) => (c(), p("div", {
1160
+ const o = t, e = w(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
1161
+ return (s, r) => (i(), p("div", {
1160
1162
  class: S(["t-avatar", { square: s.square }]),
1161
1163
  style: T({ "--size": e.value })
1162
1164
  }, [
@@ -1169,51 +1171,51 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1169
1171
  }, Yt = {
1170
1172
  key: 1,
1171
1173
  class: "icon"
1172
- }, eo = { class: "t-collapse-content" }, to = /* @__PURE__ */ b({
1174
+ }, eo = { class: "t-collapse-content" }, to = /* @__PURE__ */ h({
1173
1175
  __name: "t-collapse",
1174
1176
  props: {
1175
1177
  title: {}
1176
1178
  },
1177
1179
  emits: ["change"],
1178
1180
  setup(t, { emit: o }) {
1179
- const e = t, s = o, n = m(!1), l = m(""), u = m(), a = () => {
1180
- n.value = !n.value, l.value = `calc(${u.value.offsetHeight}px + 2rem)`, s("change", n.value);
1181
+ const e = t, s = o, r = m(!1), l = m(""), u = m(), n = () => {
1182
+ r.value = !r.value, l.value = `calc(${u.value.offsetHeight}px + 2rem)`, s("change", r.value);
1181
1183
  };
1182
- return s("change", n.value), (f, v) => (c(), p("div", {
1183
- class: S(["t-collapse", { open: n.value }]),
1184
+ return s("change", r.value), (v, y) => (i(), p("div", {
1185
+ class: S(["t-collapse", { open: r.value }]),
1184
1186
  style: T({ "--height": l.value })
1185
1187
  }, [
1186
- k("div", {
1188
+ $("div", {
1187
1189
  class: "t-collapse-header",
1188
- onClick: a
1190
+ onClick: n
1189
1191
  }, [
1190
- g(f.$slots, "icon"),
1191
- k("div", Qt, [
1192
- g(f.$slots, "title", {}, () => [
1193
- q(A(e.title), 1)
1192
+ g(v.$slots, "icon"),
1193
+ $("div", Qt, [
1194
+ g(v.$slots, "title", {}, () => [
1195
+ M(A(e.title), 1)
1194
1196
  ])
1195
1197
  ]),
1196
- g(f.$slots, "toggle", {}, () => [
1197
- n.value ? (c(), p("div", Zt, [...v[0] || (v[0] = [
1198
- k("i", { class: "ri-arrow-up-s-line" }, null, -1)
1199
- ])])) : (c(), p("div", Yt, [...v[1] || (v[1] = [
1200
- k("i", { class: "ri-arrow-down-s-line" }, null, -1)
1198
+ g(v.$slots, "toggle", {}, () => [
1199
+ r.value ? (i(), p("div", Zt, [...y[0] || (y[0] = [
1200
+ $("i", { class: "ri-arrow-up-s-line" }, null, -1)
1201
+ ])])) : (i(), p("div", Yt, [...y[1] || (y[1] = [
1202
+ $("i", { class: "ri-arrow-down-s-line" }, null, -1)
1201
1203
  ])]))
1202
1204
  ])
1203
1205
  ]),
1204
- k("div", eo, [
1205
- k("div", {
1206
+ $("div", eo, [
1207
+ $("div", {
1206
1208
  ref_key: "content",
1207
1209
  ref: u
1208
1210
  }, [
1209
- g(f.$slots, "content", {}, () => [
1210
- g(f.$slots, "default")
1211
+ g(v.$slots, "content", {}, () => [
1212
+ g(v.$slots, "default")
1211
1213
  ])
1212
1214
  ], 512)
1213
1215
  ])
1214
1216
  ], 6));
1215
1217
  }
1216
- }), oo = /* @__PURE__ */ b({
1218
+ }), oo = /* @__PURE__ */ h({
1217
1219
  __name: "t-switch",
1218
1220
  props: {
1219
1221
  modelValue: { type: Boolean },
@@ -1221,9 +1223,9 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1221
1223
  },
1222
1224
  emits: ["update:modelValue"],
1223
1225
  setup(t, { emit: o }) {
1224
- const e = t, s = o, n = () => {
1226
+ const e = t, s = o, r = () => {
1225
1227
  s("update:modelValue", !e.modelValue);
1226
- }, l = x(() => {
1228
+ }, l = w(() => {
1227
1229
  let u = {
1228
1230
  "--background": e.color,
1229
1231
  "--color": "#ffffff"
@@ -1233,30 +1235,30 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1233
1235
  "--color": `var(--t-color-status-${e.color}-text)`
1234
1236
  }), u;
1235
1237
  });
1236
- return (u, a) => (c(), p("div", {
1238
+ return (u, n) => (i(), p("div", {
1237
1239
  class: S(["t-switch", { on: e.modelValue }]),
1238
1240
  style: T(l.value),
1239
- onClick: n
1240
- }, [...a[0] || (a[0] = [
1241
- k("div", { class: "t-switch-icon" }, null, -1)
1241
+ onClick: r
1242
+ }, [...n[0] || (n[0] = [
1243
+ $("div", { class: "t-switch-icon" }, null, -1)
1242
1244
  ])], 6));
1243
1245
  }
1244
- }), so = /* @__PURE__ */ _(oo, [["__scopeId", "data-v-3616970e"]]), no = /* @__PURE__ */ b({
1246
+ }), so = /* @__PURE__ */ _(oo, [["__scopeId", "data-v-3616970e"]]), ro = /* @__PURE__ */ h({
1245
1247
  __name: "t-tab",
1246
1248
  props: {
1247
1249
  value: {},
1248
1250
  disabled: { type: Boolean, default: !1 }
1249
1251
  },
1250
1252
  setup(t) {
1251
- const o = t, e = pe("tabsState"), s = x(() => e.activeValue.value === o.value), n = () => {
1253
+ const o = t, e = pe("tabsState"), s = w(() => e.activeValue.value === o.value), r = () => {
1252
1254
  o.disabled || e.setValue(o.value);
1253
1255
  };
1254
- return (l, u) => (c(), p("li", {
1256
+ return (l, u) => (i(), p("li", {
1255
1257
  class: S(["t-tab", { active: s.value }])
1256
1258
  }, [
1257
1259
  j(Y, {
1258
1260
  variant: "text",
1259
- onClick: n,
1261
+ onClick: r,
1260
1262
  size: O(e).size,
1261
1263
  color: s.value ? O(e).color.text : void 0
1262
1264
  }, {
@@ -1267,7 +1269,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1267
1269
  }, 8, ["size", "color"])
1268
1270
  ], 2));
1269
1271
  }
1270
- }), ro = /* @__PURE__ */ _(no, [["__scopeId", "data-v-4b7f4e98"]]), ao = /* @__PURE__ */ b({
1272
+ }), no = /* @__PURE__ */ _(ro, [["__scopeId", "data-v-4b7f4e98"]]), ao = /* @__PURE__ */ h({
1271
1273
  __name: "t-tabs",
1272
1274
  props: {
1273
1275
  placement: { default: "top-start" },
@@ -1281,72 +1283,72 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1281
1283
  },
1282
1284
  emits: ["update:modelValue"],
1283
1285
  setup(t, { emit: o }) {
1284
- const e = t, s = o, n = m("0px"), l = m(0), u = m(0), a = m(), f = x(() => {
1285
- let r = "", i = "";
1286
- return e.variant == "text" && (r = "transparent", ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? i = `var(--t-color-status-${e.color})` : i = e.color), e.variant == "border-under" && (i = "currentColor", ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? r = `var(--t-color-status-${e.color})` : r = e.color), e.variant == "tag" && (["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? (r = `var(--t-color-status-${e.color})`, i = `var(--t-color-status-${e.color}-text)`) : (r = e.color, i = "currentColor")), { background: r, text: i };
1287
- }), v = x(() => e.variant == "border-under" ? {
1288
- "--transform": n.value,
1286
+ const e = t, s = o, r = m("0px"), l = m(0), u = m(0), n = m(), v = w(() => {
1287
+ let a = "", c = "";
1288
+ return e.variant == "text" && (a = "transparent", ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? c = `var(--t-color-status-${e.color})` : c = e.color), e.variant == "border-under" && (c = "currentColor", ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? a = `var(--t-color-status-${e.color})` : a = e.color), e.variant == "tag" && (["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? (a = `var(--t-color-status-${e.color})`, c = `var(--t-color-status-${e.color}-text)`) : (a = e.color, c = "currentColor")), { background: a, text: c };
1289
+ }), y = w(() => e.variant == "border-under" ? {
1290
+ "--transform": r.value,
1289
1291
  "--border": e.border + "px"
1290
1292
  } : e.variant == "tag" ? {
1291
1293
  "--top": e.margin[0] + "px",
1292
1294
  "--height": u.value - e.margin[0] * 2 + "px",
1293
1295
  "--left": e.margin[1] + "px",
1294
1296
  "--width": l.value - e.margin[1] * 2 + "px",
1295
- "--transform": n.value,
1297
+ "--transform": r.value,
1296
1298
  "--radius": e.radius + "px"
1297
1299
  } : {}), d = () => {
1298
1300
  if (e.variant == "border-under") {
1299
- let r = a.value.querySelector(".active");
1300
- if (r) {
1301
+ let a = n.value.querySelector(".active");
1302
+ if (a) {
1301
1303
  if (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) {
1302
- let i = r.getBoundingClientRect().left - a.value.getBoundingClientRect().left + a.value.scrollLeft, y = r.offsetWidth / 2;
1303
- n.value = i + y - e.border / 2 + "px";
1304
+ let c = a.getBoundingClientRect().left - n.value.getBoundingClientRect().left + n.value.scrollLeft, f = a.offsetWidth / 2;
1305
+ r.value = c + f - e.border / 2 + "px";
1304
1306
  } else if (e.placement.startsWith("left-") || e.placement.startsWith("right-")) {
1305
- let i = r.getBoundingClientRect().top - a.value.getBoundingClientRect().top + a.value.scrollTop, y = r.offsetHeight / 2;
1306
- n.value = i + y - e.border / 2 + "px";
1307
+ let c = a.getBoundingClientRect().top - n.value.getBoundingClientRect().top + n.value.scrollTop, f = a.offsetHeight / 2;
1308
+ r.value = c + f - e.border / 2 + "px";
1307
1309
  }
1308
1310
  }
1309
1311
  }
1310
1312
  if (e.variant == "tag") {
1311
- let r = a.value.querySelector(".active");
1312
- if (r) {
1313
- let i = r.offsetWidth, y = r.offsetHeight;
1313
+ let a = n.value.querySelector(".active");
1314
+ if (a) {
1315
+ let c = a.offsetWidth, f = a.offsetHeight;
1314
1316
  if (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) {
1315
- let h = r.getBoundingClientRect().left - a.value.getBoundingClientRect().left + a.value.scrollLeft;
1316
- n.value = h + "px";
1317
+ let k = a.getBoundingClientRect().left - n.value.getBoundingClientRect().left + n.value.scrollLeft;
1318
+ r.value = k + "px";
1317
1319
  } else if (e.placement.startsWith("left-") || e.placement.startsWith("right-")) {
1318
- let h = r.getBoundingClientRect().top - a.value.getBoundingClientRect().top + a.value.scrollTop;
1319
- n.value = h + "px";
1320
+ let k = a.getBoundingClientRect().top - n.value.getBoundingClientRect().top + n.value.scrollTop;
1321
+ r.value = k + "px";
1320
1322
  }
1321
- l.value = i, u.value = y;
1323
+ l.value = c, u.value = f;
1322
1324
  }
1323
1325
  }
1324
1326
  };
1325
1327
  return de("tabsState", {
1326
- activeValue: x(() => e.modelValue),
1327
- color: f.value,
1328
+ activeValue: w(() => e.modelValue),
1329
+ color: v.value,
1328
1330
  size: e.size,
1329
1331
  variant: e.variant,
1330
- setValue: (r) => {
1331
- s("update:modelValue", r);
1332
+ setValue: (a) => {
1333
+ s("update:modelValue", a);
1332
1334
  }
1333
1335
  }), W(() => e.modelValue, async () => {
1334
1336
  await ce(), d();
1335
1337
  }), U(async () => {
1336
1338
  await ce(), d();
1337
- }), (r, i) => (c(), p("ul", {
1339
+ }), (a, c) => (i(), p("ul", {
1338
1340
  ref_key: "container",
1339
- ref: a,
1340
- class: S(["t-tabs", { [r.placement]: !0, [`variant-${r.variant}`]: !0 }]),
1341
- style: T([{ "--background": f.value.background, "--color": f.value.text }, v.value])
1341
+ ref: n,
1342
+ class: S(["t-tabs", { [a.placement]: !0, [`variant-${a.variant}`]: !0 }]),
1343
+ style: T([{ "--background": v.value.background, "--color": v.value.text }, y.value])
1342
1344
  }, [
1343
- g(r.$slots, "default", {}, void 0, !0)
1345
+ g(a.$slots, "default", {}, void 0, !0)
1344
1346
  ], 6));
1345
1347
  }
1346
- }), lo = /* @__PURE__ */ _(ao, [["__scopeId", "data-v-8d370631"]]), co = /* @__PURE__ */ b({
1348
+ }), lo = /* @__PURE__ */ _(ao, [["__scopeId", "data-v-8d370631"]]), co = /* @__PURE__ */ h({
1347
1349
  __name: "t-loading-app",
1348
1350
  setup(t) {
1349
- return (o, e) => (c(), V(ge, null, {
1351
+ return (o, e) => (i(), V(ge, null, {
1350
1352
  default: P(() => [
1351
1353
  j(Z, { type: "spinner" })
1352
1354
  ]),
@@ -1356,7 +1358,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1356
1358
  }), io = /* @__PURE__ */ _(co, [["__scopeId", "data-v-1436aa9f"]]), uo = { key: 0 }, po = {
1357
1359
  key: 0,
1358
1360
  class: "t-checkbox-label"
1359
- }, fo = /* @__PURE__ */ b({
1361
+ }, fo = /* @__PURE__ */ h({
1360
1362
  __name: "t-checkbox",
1361
1363
  props: {
1362
1364
  label: { default: "" },
@@ -1369,49 +1371,49 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1369
1371
  },
1370
1372
  emits: ["update:modelValue"],
1371
1373
  setup(t, { emit: o }) {
1372
- const e = t, s = o, n = x(() => {
1373
- let a = {
1374
+ const e = t, s = o, r = w(() => {
1375
+ let n = {
1374
1376
  "--background": e.color,
1375
1377
  "--color": "#ffffff"
1376
1378
  };
1377
- return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (a = {
1379
+ return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (n = {
1378
1380
  "--background": `var(--t-color-status-${e.color})`,
1379
1381
  "--color": `var(--t-color-status-${e.color}-text)`
1380
- }), a;
1381
- }), l = x(() => e.multiple ? e.modelValue.includes(e.value) : e.value === void 0 ? e.modelValue : e.modelValue == e.value), u = () => {
1382
+ }), n;
1383
+ }), l = w(() => e.multiple ? e.modelValue.includes(e.value) : e.value === void 0 ? e.modelValue : e.modelValue == e.value), u = () => {
1382
1384
  if (e.multiple) {
1383
- let a = e.modelValue;
1384
- e.modelValue.includes(e.value) ? a.splice(a.indexOf(e.value), 1) : a.push(e.value), s("update:modelValue", a);
1385
+ let n = e.modelValue;
1386
+ e.modelValue.includes(e.value) ? n.splice(n.indexOf(e.value), 1) : n.push(e.value), s("update:modelValue", n);
1385
1387
  } else e.value === void 0 ? s("update:modelValue", !e.modelValue) : s("update:modelValue", e.value);
1386
1388
  };
1387
- return (a, f) => (c(), p("div", {
1389
+ return (n, v) => (i(), p("div", {
1388
1390
  class: S(["t-checkbox", { active: l.value }]),
1389
- style: T(n.value),
1391
+ style: T(r.value),
1390
1392
  onClick: u
1391
1393
  }, [
1392
- k("div", {
1393
- class: S(`t-checkbox-${a.type}`)
1394
+ $("div", {
1395
+ class: S(`t-checkbox-${n.type}`)
1394
1396
  }, [
1395
- a.type == "radio" ? (c(), p("div", uo)) : I("", !0),
1396
- a.type == "check" ? g(a.$slots, "icon", { key: 1 }, () => [
1397
- f[0] || (f[0] = k("i", { class: "ri-check-line" }, null, -1))
1397
+ n.type == "radio" ? (i(), p("div", uo)) : I("", !0),
1398
+ n.type == "check" ? g(n.$slots, "icon", { key: 1 }, () => [
1399
+ v[0] || (v[0] = $("i", { class: "ri-check-line" }, null, -1))
1398
1400
  ], !0) : I("", !0)
1399
1401
  ], 2),
1400
- g(a.$slots, "label", {}, () => [
1401
- a.label ? (c(), p("span", po, A(e.label), 1)) : I("", !0)
1402
+ g(n.$slots, "label", {}, () => [
1403
+ n.label ? (i(), p("span", po, A(e.label), 1)) : I("", !0)
1402
1404
  ], !0)
1403
1405
  ], 6));
1404
1406
  }
1405
- }), mo = /* @__PURE__ */ _(fo, [["__scopeId", "data-v-0e13abc3"]]), vo = /* @__PURE__ */ b({
1407
+ }), mo = /* @__PURE__ */ _(fo, [["__scopeId", "data-v-0e13abc3"]]), vo = /* @__PURE__ */ h({
1406
1408
  __name: "t-keyboard-space",
1407
1409
  setup(t) {
1408
1410
  const { height: o } = _e();
1409
- return (e, s) => (c(), p("div", {
1411
+ return (e, s) => (i(), p("div", {
1410
1412
  class: "t-keyboard-space",
1411
1413
  style: T({ "--height": O(o) + "px" })
1412
1414
  }, null, 4));
1413
1415
  }
1414
- }), yo = /* @__PURE__ */ _(vo, [["__scopeId", "data-v-4b06018d"]]), _o = /* @__PURE__ */ b({
1416
+ }), yo = /* @__PURE__ */ _(vo, [["__scopeId", "data-v-4b06018d"]]), _o = /* @__PURE__ */ h({
1415
1417
  __name: "t-skeleton",
1416
1418
  props: {
1417
1419
  width: { default: "100%" },
@@ -1420,23 +1422,23 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1420
1422
  color: { default: null }
1421
1423
  },
1422
1424
  setup(t) {
1423
- const o = t, e = x(() => ({
1425
+ const o = t, e = w(() => ({
1424
1426
  "--width": o.width,
1425
1427
  "--height": o.height,
1426
1428
  "--radius": o.radius
1427
1429
  }));
1428
- return (s, n) => (c(), p("div", {
1430
+ return (s, r) => (i(), p("div", {
1429
1431
  class: "t-skeleton",
1430
1432
  style: T(e.value)
1431
1433
  }, null, 4));
1432
1434
  }
1433
- }), go = /* @__PURE__ */ _(_o, [["__scopeId", "data-v-877bbdb5"]]), bo = /* @__PURE__ */ b({
1435
+ }), go = /* @__PURE__ */ _(_o, [["__scopeId", "data-v-877bbdb5"]]), bo = /* @__PURE__ */ h({
1434
1436
  __name: "t-ripple",
1435
1437
  props: {
1436
1438
  color: { default: "primary" }
1437
1439
  },
1438
1440
  setup(t) {
1439
- const o = t, e = x(() => {
1441
+ const o = t, e = w(() => {
1440
1442
  let s = {};
1441
1443
  return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
1442
1444
  "--color": "var(--t-color-status-" + o.color + ")"
@@ -1446,20 +1448,20 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ b({
1446
1448
  "--color": "var(--t-color-surface)"
1447
1449
  }, s;
1448
1450
  });
1449
- return (s, n) => (c(), p("div", {
1451
+ return (s, r) => (i(), p("div", {
1450
1452
  class: "t-ripple",
1451
1453
  style: T(e.value)
1452
1454
  }, null, 4));
1453
1455
  }
1454
1456
  }), ho = /* @__PURE__ */ _(bo, [["__scopeId", "data-v-42cb3d71"]]), zo = () => ({
1455
1457
  install: (t) => {
1456
- Se(), t.component("t-app", Ee), t.component("t-screen", be), t.component("t-swipe-screen", _t), t.component("t-cable", at), t.component("t-toolbar", bt), t.component("t-content", ge), t.component("t-card", lt), t.component("t-refresher", pt), t.component("t-button", Y), t.component("t-back-button", kt), t.component("t-present", L), t.component("t-text", ne), t.component("t-sheet", Tt), t.component("t-gesture-indicator", he), t.component("t-input", It), t.component("t-textarea", Pt), t.component("t-rich-text", Ot), t.component("t-grid", Nt), t.component("t-grid-item", Ht), t.component("t-divider", Kt), t.component("t-toggle-password", Ut), t.component("t-loading-icon", Z), t.component("t-alert", me), t.component("t-avatar", Jt), t.component("t-collapse", to), t.component("t-toast", ye), t.component("t-switch", so), t.component("t-tab", ro), t.component("t-tabs", lo), t.component("t-loading-app", io), t.component("t-checkbox", mo), t.component("t-keyboard-space", yo), t.component("t-skeleton", go), t.component("t-ripple", ho);
1458
+ Se(), t.component("t-app", Ee), t.component("t-screen", be), t.component("t-swipe-screen", _t), t.component("t-cable", at), t.component("t-toolbar", bt), t.component("t-content", ge), t.component("t-card", lt), t.component("t-refresher", pt), t.component("t-button", Y), t.component("t-back-button", kt), t.component("t-present", H), t.component("t-text", re), t.component("t-sheet", Tt), t.component("t-gesture-indicator", he), t.component("t-input", It), t.component("t-textarea", Pt), t.component("t-rich-text", Ot), t.component("t-grid", Nt), t.component("t-grid-item", Ht), t.component("t-divider", Kt), t.component("t-toggle-password", Ut), t.component("t-loading-icon", Z), t.component("t-alert", me), t.component("t-avatar", Jt), t.component("t-collapse", to), t.component("t-toast", ye), t.component("t-switch", so), t.component("t-tab", no), t.component("t-tabs", lo), t.component("t-loading-app", io), t.component("t-checkbox", mo), t.component("t-keyboard-space", yo), t.component("t-skeleton", go), t.component("t-ripple", ho);
1457
1459
  }
1458
1460
  });
1459
1461
  export {
1460
1462
  Be as blurCurrentActive,
1461
1463
  To as createAction,
1462
- xo as createAlert,
1464
+ wo as createAlert,
1463
1465
  Bo as createLoading,
1464
1466
  So as createToast,
1465
1467
  zo as createToife,