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