@validol4ik/uikit 0.6.7 → 0.6.9
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.
- package/dist/{AppButtonCopy-CT_lXO96.js → AppButtonCopy-Cpoz6v02.js} +1 -1
- package/dist/{AppButtonCopy-BvczyeX-.cjs → AppButtonCopy-UfvMMx3V.cjs} +1 -1
- package/dist/{AppSelect-BbPJo5N3.cjs → AppSelect-9OPvOErd.cjs} +1 -1
- package/dist/{AppSelect-B0FVWo0o.js → AppSelect-JVVrifzF.js} +516 -516
- package/dist/DropdownButton-BK_sSxXA.cjs +1 -0
- package/dist/{DropdownButton-Ylu19LP3.js → DropdownButton-pcp6W_7i.js} +105 -105
- package/dist/{QMenu-BAujF7Kn.cjs → QMenu-B07m1rKE.cjs} +1 -1
- package/dist/{QMenu-CrIbSuC4.js → QMenu-TwM_-QHE.js} +1 -1
- package/dist/{index-DqEqQq1H.js → index-B0t4qh6b.js} +424 -424
- package/dist/index-BEJxpQtP.cjs +1 -0
- package/dist/kl.woff +0 -0
- package/dist/style.css +1 -1
- package/dist/types/components/AppIcon/iconsList.d.ts +2 -2
- package/dist/uikit.cjs +1 -1
- package/dist/uikit.es.js +1 -1
- package/package.json +2 -2
- package/dist/DropdownButton-DF_WGSQl.cjs +0 -1
- package/dist/index-CDsBnBqp.cjs +0 -1
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { computed as u, markRaw as
|
|
1
|
+
import { computed as u, markRaw as _e, defineComponent as U, h as m, withDirectives as re, getCurrentInstance as J, unref as Y, ref as X, onBeforeUnmount as ze, Transition as Te, createBlock as $e, openBlock as B, normalizeClass as z, withCtx as Oe, createElementBlock as L, createCommentVNode as T, renderSlot as qe, Fragment as Se, createTextVNode as De, toDisplayString as W, createElementVNode as G, normalizeStyle as we, watch as xe, onMounted as je, renderList as Ie, withKeys as Ve, vModelText as Ne, nextTick as ce, defineAsyncComponent as ie } from "vue";
|
|
2
2
|
const Be = {
|
|
3
3
|
PRIMARY: "primary",
|
|
4
4
|
INFO: "info"
|
|
5
|
-
},
|
|
5
|
+
}, $ = {
|
|
6
6
|
SM: "sm",
|
|
7
7
|
MD: "md",
|
|
8
8
|
LG: "lg"
|
|
9
9
|
}, Ke = {
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
10
|
+
[$.SM]: "3px 9px",
|
|
11
|
+
[$.MD]: "5px 12px",
|
|
12
|
+
[$.LG]: "9px 20px"
|
|
13
13
|
}, le = {
|
|
14
14
|
xs: 18,
|
|
15
15
|
sm: 24,
|
|
16
16
|
md: 32,
|
|
17
17
|
lg: 38,
|
|
18
18
|
xl: 46
|
|
19
|
-
},
|
|
19
|
+
}, se = {
|
|
20
20
|
size: String
|
|
21
21
|
};
|
|
22
|
-
function
|
|
22
|
+
function ue(e, t = le) {
|
|
23
23
|
return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
|
|
24
24
|
}
|
|
25
25
|
function Z(e) {
|
|
26
|
-
return
|
|
26
|
+
return _e(U(e));
|
|
27
27
|
}
|
|
28
28
|
function Fe(e) {
|
|
29
|
-
return
|
|
29
|
+
return _e(e);
|
|
30
30
|
}
|
|
31
31
|
function Qe(e, t) {
|
|
32
32
|
return e !== void 0 && e() || t;
|
|
@@ -45,10 +45,10 @@ function N(e, t) {
|
|
|
45
45
|
function Ft(e, t) {
|
|
46
46
|
return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
|
|
47
47
|
}
|
|
48
|
-
function Qt(e, t, a, n,
|
|
49
|
-
t.key = n +
|
|
50
|
-
const
|
|
51
|
-
return
|
|
48
|
+
function Qt(e, t, a, n, o, c) {
|
|
49
|
+
t.key = n + o;
|
|
50
|
+
const l = m(e, t, a);
|
|
51
|
+
return o === !0 ? re(l, c()) : l;
|
|
52
52
|
}
|
|
53
53
|
const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
|
|
54
54
|
"mdi-": (e) => `mdi ${e}`,
|
|
@@ -75,7 +75,7 @@ const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
|
|
|
75
75
|
}, Ge = new RegExp("^(" + Object.keys(Ce).join("|") + ")"), Ue = new RegExp("^(" + Object.keys(Le).join("|") + ")"), fe = new RegExp("^(" + Object.keys(Ee).join("|") + ")"), He = /^[Mm]\s?[-+]?\.?\d/, Ye = /^img:/, Xe = /^svguse:/, We = /^ion-/, Je = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, ve = Z({
|
|
76
76
|
name: "QIcon",
|
|
77
77
|
props: {
|
|
78
|
-
...
|
|
78
|
+
...se,
|
|
79
79
|
tag: {
|
|
80
80
|
type: String,
|
|
81
81
|
default: "i"
|
|
@@ -86,17 +86,17 @@ const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
|
|
|
86
86
|
right: Boolean
|
|
87
87
|
},
|
|
88
88
|
setup(e, { slots: t }) {
|
|
89
|
-
const { proxy: { $q: a } } = J(), n =
|
|
89
|
+
const { proxy: { $q: a } } = J(), n = ue(e), o = u(
|
|
90
90
|
() => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
|
|
91
|
-
),
|
|
92
|
-
let
|
|
93
|
-
if (
|
|
91
|
+
), c = u(() => {
|
|
92
|
+
let l, r = e.name;
|
|
93
|
+
if (r === "none" || !r)
|
|
94
94
|
return { none: !0 };
|
|
95
95
|
if (a.iconMapFn !== null) {
|
|
96
|
-
const f = a.iconMapFn(
|
|
96
|
+
const f = a.iconMapFn(r);
|
|
97
97
|
if (f !== void 0)
|
|
98
98
|
if (f.icon !== void 0) {
|
|
99
|
-
if (
|
|
99
|
+
if (r = f.icon, r === "none" || !r)
|
|
100
100
|
return { none: !0 };
|
|
101
101
|
} else
|
|
102
102
|
return {
|
|
@@ -104,24 +104,24 @@ const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
|
|
|
104
104
|
content: f.content !== void 0 ? f.content : " "
|
|
105
105
|
};
|
|
106
106
|
}
|
|
107
|
-
if (He.test(
|
|
108
|
-
const [f, k = de] =
|
|
107
|
+
if (He.test(r) === !0) {
|
|
108
|
+
const [f, k = de] = r.split("|");
|
|
109
109
|
return {
|
|
110
110
|
svg: !0,
|
|
111
111
|
viewBox: k,
|
|
112
|
-
nodes: f.split("&&").map((
|
|
113
|
-
const [
|
|
114
|
-
return
|
|
112
|
+
nodes: f.split("&&").map((d) => {
|
|
113
|
+
const [q, s, g] = d.split("@@");
|
|
114
|
+
return m("path", { style: s, d: q, transform: g });
|
|
115
115
|
})
|
|
116
116
|
};
|
|
117
117
|
}
|
|
118
|
-
if (Ye.test(
|
|
118
|
+
if (Ye.test(r) === !0)
|
|
119
119
|
return {
|
|
120
120
|
img: !0,
|
|
121
|
-
src:
|
|
121
|
+
src: r.substring(4)
|
|
122
122
|
};
|
|
123
|
-
if (Xe.test(
|
|
124
|
-
const [f, k = de] =
|
|
123
|
+
if (Xe.test(r) === !0) {
|
|
124
|
+
const [f, k = de] = r.split("|");
|
|
125
125
|
return {
|
|
126
126
|
svguse: !0,
|
|
127
127
|
src: f.substring(7),
|
|
@@ -129,47 +129,47 @@ const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
|
|
|
129
129
|
};
|
|
130
130
|
}
|
|
131
131
|
let S = " ";
|
|
132
|
-
const
|
|
133
|
-
if (
|
|
134
|
-
|
|
135
|
-
else if (Je.test(
|
|
136
|
-
|
|
137
|
-
else if (We.test(
|
|
138
|
-
|
|
139
|
-
else if (fe.test(
|
|
140
|
-
|
|
141
|
-
const f =
|
|
142
|
-
f !== null && (
|
|
132
|
+
const y = r.match(Ge);
|
|
133
|
+
if (y !== null)
|
|
134
|
+
l = Ce[y[1]](r);
|
|
135
|
+
else if (Je.test(r) === !0)
|
|
136
|
+
l = r;
|
|
137
|
+
else if (We.test(r) === !0)
|
|
138
|
+
l = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${r.substring(3)}`;
|
|
139
|
+
else if (fe.test(r) === !0) {
|
|
140
|
+
l = "notranslate material-symbols";
|
|
141
|
+
const f = r.match(fe);
|
|
142
|
+
f !== null && (r = r.substring(6), l += Ee[f[1]]), S = r;
|
|
143
143
|
} else {
|
|
144
|
-
|
|
145
|
-
const f =
|
|
146
|
-
f !== null && (
|
|
144
|
+
l = "notranslate material-icons";
|
|
145
|
+
const f = r.match(Ue);
|
|
146
|
+
f !== null && (r = r.substring(2), l += Le[f[1]]), S = r;
|
|
147
147
|
}
|
|
148
148
|
return {
|
|
149
|
-
cls:
|
|
149
|
+
cls: l,
|
|
150
150
|
content: S
|
|
151
151
|
};
|
|
152
152
|
});
|
|
153
153
|
return () => {
|
|
154
|
-
const
|
|
155
|
-
class:
|
|
154
|
+
const l = {
|
|
155
|
+
class: o.value,
|
|
156
156
|
style: n.value,
|
|
157
157
|
"aria-hidden": "true"
|
|
158
158
|
};
|
|
159
|
-
return
|
|
160
|
-
|
|
161
|
-
])) :
|
|
162
|
-
|
|
163
|
-
viewBox:
|
|
164
|
-
},
|
|
165
|
-
])) :
|
|
166
|
-
|
|
167
|
-
viewBox:
|
|
159
|
+
return c.value.none === !0 ? m(e.tag, l, Qe(t.default)) : c.value.img === !0 ? m(e.tag, l, N(t.default, [
|
|
160
|
+
m("img", { src: c.value.src })
|
|
161
|
+
])) : c.value.svg === !0 ? m(e.tag, l, N(t.default, [
|
|
162
|
+
m("svg", {
|
|
163
|
+
viewBox: c.value.viewBox || "0 0 24 24"
|
|
164
|
+
}, c.value.nodes)
|
|
165
|
+
])) : c.value.svguse === !0 ? m(e.tag, l, N(t.default, [
|
|
166
|
+
m("svg", {
|
|
167
|
+
viewBox: c.value.viewBox
|
|
168
168
|
}, [
|
|
169
|
-
|
|
169
|
+
m("use", { "xlink:href": c.value.src })
|
|
170
170
|
])
|
|
171
|
-
])) : (
|
|
172
|
-
|
|
171
|
+
])) : (c.value.cls !== void 0 && (l.class += " " + c.value.cls), m(e.tag, l, N(t.default, [
|
|
172
|
+
c.value.content
|
|
173
173
|
])));
|
|
174
174
|
};
|
|
175
175
|
}
|
|
@@ -199,13 +199,13 @@ const tt = Z({
|
|
|
199
199
|
},
|
|
200
200
|
setup(e) {
|
|
201
201
|
const { cSize: t, classes: a } = et(e);
|
|
202
|
-
return () =>
|
|
202
|
+
return () => m("svg", {
|
|
203
203
|
class: a.value + " q-spinner-mat",
|
|
204
204
|
width: t.value,
|
|
205
205
|
height: t.value,
|
|
206
206
|
viewBox: "25 25 50 50"
|
|
207
207
|
}, [
|
|
208
|
-
|
|
208
|
+
m("circle", {
|
|
209
209
|
class: "path",
|
|
210
210
|
cx: "50",
|
|
211
211
|
cy: "50",
|
|
@@ -285,34 +285,34 @@ function Yt(e) {
|
|
|
285
285
|
a = a.parentElement;
|
|
286
286
|
}
|
|
287
287
|
}
|
|
288
|
-
function
|
|
288
|
+
function Re(e) {
|
|
289
289
|
e.stopPropagation();
|
|
290
290
|
}
|
|
291
291
|
function lt(e) {
|
|
292
292
|
e.cancelable !== !1 && e.preventDefault();
|
|
293
293
|
}
|
|
294
|
-
function
|
|
294
|
+
function x(e) {
|
|
295
295
|
e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
|
|
296
296
|
}
|
|
297
297
|
function ot(e, t, a) {
|
|
298
298
|
const n = `__q_${t}_evt`;
|
|
299
|
-
e[n] = e[n] !== void 0 ? e[n].concat(a) : a, a.forEach((
|
|
300
|
-
|
|
299
|
+
e[n] = e[n] !== void 0 ? e[n].concat(a) : a, a.forEach((o) => {
|
|
300
|
+
o[0].addEventListener(o[1], e[o[2]], ee[o[3]]);
|
|
301
301
|
});
|
|
302
302
|
}
|
|
303
|
-
function
|
|
303
|
+
function rt(e, t) {
|
|
304
304
|
const a = `__q_${t}_evt`;
|
|
305
305
|
e[a] !== void 0 && (e[a].forEach((n) => {
|
|
306
306
|
n[0].removeEventListener(n[1], e[n[2]], ee[n[3]]);
|
|
307
307
|
}), e[a] = void 0);
|
|
308
308
|
}
|
|
309
|
-
function
|
|
309
|
+
function it(e) {
|
|
310
310
|
return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
|
|
311
311
|
}
|
|
312
312
|
function oe(e, t) {
|
|
313
|
-
return
|
|
313
|
+
return it(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
|
|
314
314
|
}
|
|
315
|
-
function
|
|
315
|
+
function st(e, t = 250) {
|
|
316
316
|
let a = !1, n;
|
|
317
317
|
return function() {
|
|
318
318
|
return a === !1 && (a = !0, setTimeout(() => {
|
|
@@ -321,40 +321,40 @@ function ut(e, t = 250) {
|
|
|
321
321
|
};
|
|
322
322
|
}
|
|
323
323
|
function ge(e, t, a, n) {
|
|
324
|
-
a.modifiers.stop === !0 &&
|
|
325
|
-
const
|
|
326
|
-
let
|
|
327
|
-
|
|
328
|
-
const
|
|
329
|
-
|
|
330
|
-
height: `${
|
|
331
|
-
width: `${
|
|
332
|
-
transform: `translate3d(${v},${
|
|
324
|
+
a.modifiers.stop === !0 && Re(e);
|
|
325
|
+
const o = a.modifiers.color;
|
|
326
|
+
let c = a.modifiers.center;
|
|
327
|
+
c = c === !0 || n === !0;
|
|
328
|
+
const l = document.createElement("span"), r = document.createElement("span"), S = at(e), { left: y, top: f, width: k, height: d } = t.getBoundingClientRect(), q = Math.sqrt(k * k + d * d), s = q / 2, g = `${(k - q) / 2}px`, v = c ? g : `${S.left - y - s}px`, p = `${(d - q) / 2}px`, _ = c ? p : `${S.top - f - s}px`;
|
|
329
|
+
r.className = "q-ripple__inner", nt(r, {
|
|
330
|
+
height: `${q}px`,
|
|
331
|
+
width: `${q}px`,
|
|
332
|
+
transform: `translate3d(${v},${_},0) scale3d(.2,.2,1)`,
|
|
333
333
|
opacity: 0
|
|
334
|
-
}),
|
|
334
|
+
}), l.className = `q-ripple${o ? " text-" + o : ""}`, l.setAttribute("dir", "ltr"), l.appendChild(r), t.appendChild(l);
|
|
335
335
|
const w = () => {
|
|
336
|
-
|
|
336
|
+
l.remove(), clearTimeout(C);
|
|
337
337
|
};
|
|
338
338
|
a.abort.push(w);
|
|
339
339
|
let C = setTimeout(() => {
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
340
|
+
r.classList.add("q-ripple__inner--enter"), r.style.transform = `translate3d(${g},${p},0) scale3d(1,1,1)`, r.style.opacity = 0.2, C = setTimeout(() => {
|
|
341
|
+
r.classList.remove("q-ripple__inner--enter"), r.classList.add("q-ripple__inner--leave"), r.style.opacity = 0, C = setTimeout(() => {
|
|
342
|
+
l.remove(), a.abort.splice(a.abort.indexOf(w), 1);
|
|
343
343
|
}, 275);
|
|
344
344
|
}, 250);
|
|
345
345
|
}, 50);
|
|
346
346
|
}
|
|
347
|
-
function
|
|
348
|
-
const
|
|
347
|
+
function pe(e, { modifiers: t, value: a, arg: n }) {
|
|
348
|
+
const o = Object.assign({}, e.cfg.ripple, t, a);
|
|
349
349
|
e.modifiers = {
|
|
350
|
-
early:
|
|
351
|
-
stop:
|
|
352
|
-
center:
|
|
353
|
-
color:
|
|
354
|
-
keyCodes: [].concat(
|
|
350
|
+
early: o.early === !0,
|
|
351
|
+
stop: o.stop === !0,
|
|
352
|
+
center: o.center === !0,
|
|
353
|
+
color: o.color || n,
|
|
354
|
+
keyCodes: [].concat(o.keyCodes || 13)
|
|
355
355
|
};
|
|
356
356
|
}
|
|
357
|
-
const
|
|
357
|
+
const ut = Fe(
|
|
358
358
|
{
|
|
359
359
|
name: "ripple",
|
|
360
360
|
beforeMount(e, t) {
|
|
@@ -365,14 +365,14 @@ const st = Fe(
|
|
|
365
365
|
enabled: t.value !== !1,
|
|
366
366
|
modifiers: {},
|
|
367
367
|
abort: [],
|
|
368
|
-
start(
|
|
369
|
-
n.enabled === !0 &&
|
|
368
|
+
start(o) {
|
|
369
|
+
n.enabled === !0 && o.qSkipRipple !== !0 && o.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && ge(o, e, n, o.qKeyEvent === !0);
|
|
370
370
|
},
|
|
371
|
-
keystart:
|
|
372
|
-
n.enabled === !0 &&
|
|
371
|
+
keystart: st((o) => {
|
|
372
|
+
n.enabled === !0 && o.qSkipRipple !== !0 && oe(o, n.modifiers.keyCodes) === !0 && o.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && ge(o, e, n, !0);
|
|
373
373
|
}, 300)
|
|
374
374
|
};
|
|
375
|
-
|
|
375
|
+
pe(n, t), e.__qripple = n, ot(n, "main", [
|
|
376
376
|
[e, "pointerdown", "start", "passive"],
|
|
377
377
|
[e, "click", "start", "passive"],
|
|
378
378
|
[e, "keydown", "keystart", "passive"],
|
|
@@ -382,17 +382,17 @@ const st = Fe(
|
|
|
382
382
|
updated(e, t) {
|
|
383
383
|
if (t.oldValue !== t.value) {
|
|
384
384
|
const a = e.__qripple;
|
|
385
|
-
a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value &&
|
|
385
|
+
a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value && pe(a, t));
|
|
386
386
|
}
|
|
387
387
|
},
|
|
388
388
|
beforeUnmount(e) {
|
|
389
389
|
const t = e.__qripple;
|
|
390
390
|
t !== void 0 && (t.abort.forEach((a) => {
|
|
391
391
|
a();
|
|
392
|
-
}),
|
|
392
|
+
}), rt(t, "main"), delete e._qripple);
|
|
393
393
|
}
|
|
394
394
|
}
|
|
395
|
-
),
|
|
395
|
+
), Me = {
|
|
396
396
|
left: "start",
|
|
397
397
|
center: "center",
|
|
398
398
|
right: "end",
|
|
@@ -400,7 +400,7 @@ const st = Fe(
|
|
|
400
400
|
around: "around",
|
|
401
401
|
evenly: "evenly",
|
|
402
402
|
stretch: "stretch"
|
|
403
|
-
}, ct = Object.keys(
|
|
403
|
+
}, ct = Object.keys(Me), dt = {
|
|
404
404
|
align: {
|
|
405
405
|
type: String,
|
|
406
406
|
validator: (e) => ct.includes(e)
|
|
@@ -409,7 +409,7 @@ const st = Fe(
|
|
|
409
409
|
function ft(e) {
|
|
410
410
|
return u(() => {
|
|
411
411
|
const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
|
|
412
|
-
return `${e.vertical === !0 ? "items" : "justify"}-${
|
|
412
|
+
return `${e.vertical === !0 ? "items" : "justify"}-${Me[t]}`;
|
|
413
413
|
});
|
|
414
414
|
}
|
|
415
415
|
function Xt(e) {
|
|
@@ -428,38 +428,38 @@ function vt(e) {
|
|
|
428
428
|
function Wt(e) {
|
|
429
429
|
return e.isUnmounted === !0 || e.isDeactivated === !0;
|
|
430
430
|
}
|
|
431
|
-
function
|
|
431
|
+
function me(e) {
|
|
432
432
|
return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
|
|
433
433
|
}
|
|
434
|
-
function
|
|
434
|
+
function he(e, t) {
|
|
435
435
|
return (e.aliasOf || e) === (t.aliasOf || t);
|
|
436
436
|
}
|
|
437
437
|
function gt(e, t) {
|
|
438
438
|
for (const a in t) {
|
|
439
|
-
const n = t[a],
|
|
439
|
+
const n = t[a], o = e[a];
|
|
440
440
|
if (typeof n == "string") {
|
|
441
|
-
if (n !==
|
|
441
|
+
if (n !== o)
|
|
442
442
|
return !1;
|
|
443
|
-
} else if (Array.isArray(
|
|
443
|
+
} else if (Array.isArray(o) === !1 || o.length !== n.length || n.some((c, l) => c !== o[l]))
|
|
444
444
|
return !1;
|
|
445
445
|
}
|
|
446
446
|
return !0;
|
|
447
447
|
}
|
|
448
|
-
function
|
|
448
|
+
function be(e, t) {
|
|
449
449
|
return Array.isArray(t) === !0 ? e.length === t.length && e.every((a, n) => a === t[n]) : e.length === 1 && e[0] === t;
|
|
450
450
|
}
|
|
451
|
-
function
|
|
452
|
-
return Array.isArray(e) === !0 ?
|
|
451
|
+
function pt(e, t) {
|
|
452
|
+
return Array.isArray(e) === !0 ? be(e, t) : Array.isArray(t) === !0 ? be(t, e) : e === t;
|
|
453
453
|
}
|
|
454
|
-
function
|
|
454
|
+
function mt(e, t) {
|
|
455
455
|
if (Object.keys(e).length !== Object.keys(t).length)
|
|
456
456
|
return !1;
|
|
457
457
|
for (const a in e)
|
|
458
|
-
if (
|
|
458
|
+
if (pt(e[a], t[a]) === !1)
|
|
459
459
|
return !1;
|
|
460
460
|
return !0;
|
|
461
461
|
}
|
|
462
|
-
const
|
|
462
|
+
const Pe = {
|
|
463
463
|
// router-link
|
|
464
464
|
to: [String, Object],
|
|
465
465
|
replace: Boolean,
|
|
@@ -469,7 +469,7 @@ const Me = {
|
|
|
469
469
|
// state
|
|
470
470
|
disable: Boolean
|
|
471
471
|
}, Jt = {
|
|
472
|
-
...
|
|
472
|
+
...Pe,
|
|
473
473
|
// router-link
|
|
474
474
|
exact: Boolean,
|
|
475
475
|
activeClass: {
|
|
@@ -481,111 +481,111 @@ const Me = {
|
|
|
481
481
|
default: "q-router-link--exact-active"
|
|
482
482
|
}
|
|
483
483
|
};
|
|
484
|
-
function
|
|
485
|
-
const a = J(), { props: n, proxy:
|
|
486
|
-
() =>
|
|
484
|
+
function ht({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
485
|
+
const a = J(), { props: n, proxy: o, emit: c } = a, l = vt(a), r = u(() => n.disable !== !0 && n.href !== void 0), S = t === !0 ? u(
|
|
486
|
+
() => l === !0 && n.disable !== !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
|
|
487
487
|
) : u(
|
|
488
|
-
() =>
|
|
489
|
-
),
|
|
488
|
+
() => l === !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
|
|
489
|
+
), y = u(() => S.value === !0 ? _(n.to) : null), f = u(() => y.value !== null), k = u(() => r.value === !0 || f.value === !0), d = u(() => n.type === "a" || k.value === !0 ? "a" : n.tag || e || "div"), q = u(() => r.value === !0 ? {
|
|
490
490
|
href: n.href,
|
|
491
491
|
target: n.target
|
|
492
492
|
} : f.value === !0 ? {
|
|
493
|
-
href:
|
|
493
|
+
href: y.value.href,
|
|
494
494
|
target: n.target
|
|
495
|
-
} : {}),
|
|
495
|
+
} : {}), s = u(() => {
|
|
496
496
|
if (f.value === !1)
|
|
497
497
|
return -1;
|
|
498
|
-
const { matched:
|
|
499
|
-
if (
|
|
498
|
+
const { matched: h } = y.value, { length: E } = h, M = h[E - 1];
|
|
499
|
+
if (M === void 0)
|
|
500
500
|
return -1;
|
|
501
|
-
const
|
|
502
|
-
if (
|
|
501
|
+
const A = o.$route.matched;
|
|
502
|
+
if (A.length === 0)
|
|
503
503
|
return -1;
|
|
504
|
-
const
|
|
505
|
-
|
|
504
|
+
const O = A.findIndex(
|
|
505
|
+
he.bind(null, M)
|
|
506
506
|
);
|
|
507
|
-
if (
|
|
508
|
-
return
|
|
509
|
-
const H =
|
|
507
|
+
if (O !== -1)
|
|
508
|
+
return O;
|
|
509
|
+
const H = me(h[E - 2]);
|
|
510
510
|
return (
|
|
511
511
|
// we are dealing with nested routes
|
|
512
|
-
E > 1 &&
|
|
513
|
-
|
|
514
|
-
) :
|
|
512
|
+
E > 1 && me(M) === H && A[A.length - 1].path !== H ? A.findIndex(
|
|
513
|
+
he.bind(null, h[E - 2])
|
|
514
|
+
) : O
|
|
515
515
|
);
|
|
516
516
|
}), g = u(
|
|
517
|
-
() => f.value === !0 &&
|
|
517
|
+
() => f.value === !0 && s.value !== -1 && gt(o.$route.params, y.value.params)
|
|
518
518
|
), v = u(
|
|
519
|
-
() => g.value === !0 &&
|
|
520
|
-
),
|
|
521
|
-
function
|
|
519
|
+
() => g.value === !0 && s.value === o.$route.matched.length - 1 && mt(o.$route.params, y.value.params)
|
|
520
|
+
), p = u(() => f.value === !0 ? v.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : g.value === !0 ? ` ${n.activeClass}` : "" : "");
|
|
521
|
+
function _(h) {
|
|
522
522
|
try {
|
|
523
|
-
return
|
|
523
|
+
return o.$router.resolve(h);
|
|
524
524
|
} catch {
|
|
525
525
|
}
|
|
526
526
|
return null;
|
|
527
527
|
}
|
|
528
|
-
function w(
|
|
528
|
+
function w(h, { returnRouterError: E, to: M = n.to, replace: A = n.replace } = {}) {
|
|
529
529
|
if (n.disable === !0)
|
|
530
|
-
return
|
|
530
|
+
return h.preventDefault(), Promise.resolve(!1);
|
|
531
531
|
if (
|
|
532
532
|
// don't redirect with control keys;
|
|
533
533
|
// should match RouterLink from Vue Router
|
|
534
|
-
|
|
534
|
+
h.metaKey || h.altKey || h.ctrlKey || h.shiftKey || h.button !== void 0 && h.button !== 0 || n.target === "_blank"
|
|
535
535
|
)
|
|
536
536
|
return Promise.resolve(!1);
|
|
537
|
-
|
|
538
|
-
const
|
|
539
|
-
return E === !0 ?
|
|
537
|
+
h.preventDefault();
|
|
538
|
+
const O = o.$router[A === !0 ? "replace" : "push"](M);
|
|
539
|
+
return E === !0 ? O : O.then(() => {
|
|
540
540
|
}).catch(() => {
|
|
541
541
|
});
|
|
542
542
|
}
|
|
543
|
-
function C(
|
|
543
|
+
function C(h) {
|
|
544
544
|
if (f.value === !0) {
|
|
545
|
-
const E = (
|
|
546
|
-
|
|
545
|
+
const E = (M) => w(h, M);
|
|
546
|
+
c("click", h, E), h.defaultPrevented !== !0 && E();
|
|
547
547
|
} else
|
|
548
|
-
|
|
548
|
+
c("click", h);
|
|
549
549
|
}
|
|
550
550
|
return {
|
|
551
551
|
hasRouterLink: f,
|
|
552
|
-
hasHrefLink:
|
|
552
|
+
hasHrefLink: r,
|
|
553
553
|
hasLink: k,
|
|
554
|
-
linkTag:
|
|
555
|
-
resolvedLink:
|
|
554
|
+
linkTag: d,
|
|
555
|
+
resolvedLink: y,
|
|
556
556
|
linkIsActive: g,
|
|
557
557
|
linkIsExactActive: v,
|
|
558
|
-
linkClass:
|
|
559
|
-
linkAttrs:
|
|
560
|
-
getLink:
|
|
558
|
+
linkClass: p,
|
|
559
|
+
linkAttrs: q,
|
|
560
|
+
getLink: _,
|
|
561
561
|
navigateToRouterLink: w,
|
|
562
562
|
navigateOnClick: C
|
|
563
563
|
};
|
|
564
564
|
}
|
|
565
|
-
const
|
|
565
|
+
const ye = {
|
|
566
566
|
none: 0,
|
|
567
567
|
xs: 4,
|
|
568
568
|
sm: 8,
|
|
569
569
|
md: 16,
|
|
570
570
|
lg: 24,
|
|
571
571
|
xl: 32
|
|
572
|
-
},
|
|
572
|
+
}, bt = {
|
|
573
573
|
xs: 8,
|
|
574
574
|
sm: 10,
|
|
575
575
|
md: 14,
|
|
576
576
|
lg: 20,
|
|
577
577
|
xl: 24
|
|
578
|
-
},
|
|
579
|
-
function
|
|
578
|
+
}, yt = ["button", "submit", "reset"], kt = /[^\s]\/[^\s]/, _t = ["flat", "outline", "push", "unelevated"];
|
|
579
|
+
function Ae(e, t) {
|
|
580
580
|
return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
|
|
581
581
|
}
|
|
582
582
|
function Zt(e) {
|
|
583
|
-
const t =
|
|
583
|
+
const t = Ae(e);
|
|
584
584
|
return t !== void 0 ? { [t]: !0 } : {};
|
|
585
585
|
}
|
|
586
|
-
const
|
|
587
|
-
...
|
|
588
|
-
...
|
|
586
|
+
const $t = {
|
|
587
|
+
...se,
|
|
588
|
+
...Pe,
|
|
589
589
|
type: {
|
|
590
590
|
type: String,
|
|
591
591
|
default: "button"
|
|
@@ -593,7 +593,7 @@ const qt = {
|
|
|
593
593
|
label: [Number, String],
|
|
594
594
|
icon: String,
|
|
595
595
|
iconRight: String,
|
|
596
|
-
|
|
596
|
+
..._t.reduce(
|
|
597
597
|
(e, t) => (e[t] = Boolean) && e,
|
|
598
598
|
{}
|
|
599
599
|
),
|
|
@@ -625,57 +625,57 @@ const qt = {
|
|
|
625
625
|
default: null
|
|
626
626
|
},
|
|
627
627
|
disable: Boolean
|
|
628
|
-
},
|
|
629
|
-
|
|
628
|
+
}, qt = {
|
|
629
|
+
...$t,
|
|
630
630
|
round: Boolean
|
|
631
631
|
};
|
|
632
632
|
function St(e) {
|
|
633
|
-
const t =
|
|
633
|
+
const t = ue(e, bt), a = ft(e), { hasRouterLink: n, hasLink: o, linkTag: c, linkAttrs: l, navigateOnClick: r } = ht({
|
|
634
634
|
fallbackTag: "button"
|
|
635
635
|
}), S = u(() => {
|
|
636
636
|
const v = e.fab === !1 && e.fabMini === !1 ? t.value : {};
|
|
637
637
|
return e.padding !== void 0 ? Object.assign({}, v, {
|
|
638
|
-
padding: e.padding.split(/\s+/).map((
|
|
638
|
+
padding: e.padding.split(/\s+/).map((p) => p in ye ? ye[p] + "px" : p).join(" "),
|
|
639
639
|
minWidth: "0",
|
|
640
640
|
minHeight: "0"
|
|
641
641
|
}) : v;
|
|
642
|
-
}),
|
|
642
|
+
}), y = u(
|
|
643
643
|
() => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
|
|
644
644
|
), f = u(
|
|
645
645
|
() => e.disable !== !0 && e.loading !== !0
|
|
646
|
-
), k = u(() => f.value === !0 ? e.tabindex || 0 : -1),
|
|
646
|
+
), k = u(() => f.value === !0 ? e.tabindex || 0 : -1), d = u(() => Ae(e, "standard")), q = u(() => {
|
|
647
647
|
const v = { tabindex: k.value };
|
|
648
|
-
return
|
|
648
|
+
return o.value === !0 ? Object.assign(v, l.value) : yt.includes(e.type) === !0 && (v.type = e.type), c.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), n.value !== !0 && kt.test(e.type) === !0 && (v.type = e.type)) : e.disable === !0 && (v.disabled = "", v["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(v, {
|
|
649
649
|
role: "progressbar",
|
|
650
650
|
"aria-valuemin": 0,
|
|
651
651
|
"aria-valuemax": 100,
|
|
652
652
|
"aria-valuenow": e.percentage
|
|
653
653
|
}), v;
|
|
654
|
-
}),
|
|
654
|
+
}), s = u(() => {
|
|
655
655
|
let v;
|
|
656
656
|
e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? v = `text-${e.textColor || e.color}` : v = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (v = `text-${e.textColor}`);
|
|
657
|
-
const
|
|
658
|
-
return `q-btn--${
|
|
657
|
+
const p = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
|
|
658
|
+
return `q-btn--${d.value} q-btn--${p}` + (v !== void 0 ? " " + v : "") + (f.value === !0 ? " q-btn--actionable q-focusable q-hoverable" : e.disable === !0 ? " disabled" : "") + (e.fab === !0 ? " q-btn--fab" : e.fabMini === !0 ? " q-btn--fab-mini" : "") + (e.noCaps === !0 ? " q-btn--no-uppercase" : "") + (e.dense === !0 ? " q-btn--dense" : "") + (e.stretch === !0 ? " no-border-radius self-stretch" : "") + (e.glossy === !0 ? " glossy" : "") + (e.square ? " q-btn--square" : "");
|
|
659
659
|
}), g = u(
|
|
660
660
|
() => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
|
|
661
661
|
);
|
|
662
662
|
return {
|
|
663
|
-
classes:
|
|
663
|
+
classes: s,
|
|
664
664
|
style: S,
|
|
665
665
|
innerClasses: g,
|
|
666
|
-
attributes:
|
|
667
|
-
hasLink:
|
|
668
|
-
linkTag:
|
|
669
|
-
navigateOnClick:
|
|
666
|
+
attributes: q,
|
|
667
|
+
hasLink: o,
|
|
668
|
+
linkTag: c,
|
|
669
|
+
navigateOnClick: r,
|
|
670
670
|
isActionable: f
|
|
671
671
|
};
|
|
672
672
|
}
|
|
673
|
-
const { passiveCapture:
|
|
673
|
+
const { passiveCapture: R } = ee;
|
|
674
674
|
let j = null, I = null, V = null;
|
|
675
675
|
const wt = Z({
|
|
676
676
|
name: "QBtn",
|
|
677
677
|
props: {
|
|
678
|
-
...
|
|
678
|
+
...qt,
|
|
679
679
|
percentage: Number,
|
|
680
680
|
darkPercentage: Boolean,
|
|
681
681
|
onTouchstart: [Function, Array]
|
|
@@ -683,25 +683,25 @@ const wt = Z({
|
|
|
683
683
|
emits: ["click", "keydown", "mousedown", "keyup"],
|
|
684
684
|
setup(e, { slots: t, emit: a }) {
|
|
685
685
|
const { proxy: n } = J(), {
|
|
686
|
-
classes:
|
|
687
|
-
style:
|
|
688
|
-
innerClasses:
|
|
689
|
-
attributes:
|
|
686
|
+
classes: o,
|
|
687
|
+
style: c,
|
|
688
|
+
innerClasses: l,
|
|
689
|
+
attributes: r,
|
|
690
690
|
hasLink: S,
|
|
691
|
-
linkTag:
|
|
691
|
+
linkTag: y,
|
|
692
692
|
navigateOnClick: f,
|
|
693
693
|
isActionable: k
|
|
694
|
-
} = St(e),
|
|
695
|
-
let
|
|
696
|
-
const
|
|
694
|
+
} = St(e), d = X(null), q = X(null);
|
|
695
|
+
let s = null, g, v = null;
|
|
696
|
+
const p = u(
|
|
697
697
|
() => e.label !== void 0 && e.label !== null && e.label !== ""
|
|
698
|
-
),
|
|
698
|
+
), _ = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
|
|
699
699
|
keyCodes: S.value === !0 ? [13, 32] : [13],
|
|
700
700
|
...e.ripple === !0 ? {} : e.ripple
|
|
701
701
|
}), w = u(() => ({ center: e.round })), C = u(() => {
|
|
702
|
-
const
|
|
703
|
-
return
|
|
704
|
-
}),
|
|
702
|
+
const i = Math.max(0, Math.min(100, e.percentage));
|
|
703
|
+
return i > 0 ? { transition: "transform 0.6s", transform: `translateX(${i - 100}%)` } : {};
|
|
704
|
+
}), h = u(() => {
|
|
705
705
|
if (e.loading === !0)
|
|
706
706
|
return {
|
|
707
707
|
onMousedown: F,
|
|
@@ -711,136 +711,136 @@ const wt = Z({
|
|
|
711
711
|
onKeyup: F
|
|
712
712
|
};
|
|
713
713
|
if (k.value === !0) {
|
|
714
|
-
const
|
|
715
|
-
onClick:
|
|
716
|
-
onKeydown:
|
|
714
|
+
const i = {
|
|
715
|
+
onClick: M,
|
|
716
|
+
onKeydown: A,
|
|
717
717
|
onMousedown: H
|
|
718
718
|
};
|
|
719
719
|
if (n.$q.platform.has.touch === !0) {
|
|
720
|
-
const
|
|
721
|
-
|
|
720
|
+
const b = e.onTouchstart !== void 0 ? "" : "Passive";
|
|
721
|
+
i[`onTouchstart${b}`] = O;
|
|
722
722
|
}
|
|
723
|
-
return
|
|
723
|
+
return i;
|
|
724
724
|
}
|
|
725
725
|
return {
|
|
726
726
|
// needed; especially for disabled <a> tags
|
|
727
|
-
onClick:
|
|
727
|
+
onClick: x
|
|
728
728
|
};
|
|
729
729
|
}), E = u(() => ({
|
|
730
|
-
ref:
|
|
731
|
-
class: "q-btn q-btn-item non-selectable no-outline " +
|
|
732
|
-
style:
|
|
733
|
-
...
|
|
734
|
-
...
|
|
730
|
+
ref: d,
|
|
731
|
+
class: "q-btn q-btn-item non-selectable no-outline " + o.value,
|
|
732
|
+
style: c.value,
|
|
733
|
+
...r.value,
|
|
734
|
+
...h.value
|
|
735
735
|
}));
|
|
736
|
-
function
|
|
737
|
-
if (
|
|
738
|
-
if (
|
|
739
|
-
if (
|
|
740
|
-
const
|
|
741
|
-
if (e.type === "submit" &&
|
|
742
|
-
|
|
743
|
-
const
|
|
736
|
+
function M(i) {
|
|
737
|
+
if (d.value !== null) {
|
|
738
|
+
if (i !== void 0) {
|
|
739
|
+
if (i.defaultPrevented === !0) return;
|
|
740
|
+
const b = document.activeElement;
|
|
741
|
+
if (e.type === "submit" && b !== document.body && d.value.contains(b) === !1 && b.contains(d.value) === !1) {
|
|
742
|
+
i.qAvoidFocus !== !0 && d.value.focus();
|
|
743
|
+
const D = () => {
|
|
744
744
|
var Q;
|
|
745
|
-
document.removeEventListener("keydown",
|
|
745
|
+
document.removeEventListener("keydown", x, !0), document.removeEventListener("keyup", D, R), (Q = d.value) == null || Q.removeEventListener("blur", D, R);
|
|
746
746
|
};
|
|
747
|
-
document.addEventListener("keydown",
|
|
747
|
+
document.addEventListener("keydown", x, !0), document.addEventListener("keyup", D, R), d.value.addEventListener("blur", D, R);
|
|
748
748
|
}
|
|
749
749
|
}
|
|
750
|
-
f(
|
|
750
|
+
f(i);
|
|
751
751
|
}
|
|
752
752
|
}
|
|
753
|
-
function
|
|
754
|
-
|
|
753
|
+
function A(i) {
|
|
754
|
+
d.value !== null && (a("keydown", i), oe(i, [13, 32]) === !0 && I !== d.value && (I !== null && K(), i.defaultPrevented !== !0 && (i.qAvoidFocus !== !0 && d.value.focus(), I = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", P, !0), d.value.addEventListener("blur", P, R)), x(i)));
|
|
755
755
|
}
|
|
756
|
-
function
|
|
757
|
-
|
|
756
|
+
function O(i) {
|
|
757
|
+
d.value !== null && (a("touchstart", i), i.defaultPrevented !== !0 && (j !== d.value && (j !== null && K(), j = d.value, s = i.target, s.addEventListener("touchcancel", P, R), s.addEventListener("touchend", P, R)), g = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
|
|
758
758
|
v = null, g = !1;
|
|
759
759
|
}, 200)));
|
|
760
760
|
}
|
|
761
|
-
function H(
|
|
762
|
-
|
|
761
|
+
function H(i) {
|
|
762
|
+
d.value !== null && (i.qSkipRipple = g === !0, a("mousedown", i), i.defaultPrevented !== !0 && V !== d.value && (V !== null && K(), V = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", P, R)));
|
|
763
763
|
}
|
|
764
|
-
function
|
|
765
|
-
if (
|
|
766
|
-
if ((
|
|
767
|
-
if (I ===
|
|
768
|
-
const
|
|
769
|
-
|
|
764
|
+
function P(i) {
|
|
765
|
+
if (d.value !== null && !((i == null ? void 0 : i.type) === "blur" && document.activeElement === d.value)) {
|
|
766
|
+
if ((i == null ? void 0 : i.type) === "keyup") {
|
|
767
|
+
if (I === d.value && oe(i, [13, 32]) === !0) {
|
|
768
|
+
const b = new MouseEvent("click", i);
|
|
769
|
+
b.qKeyEvent = !0, i.defaultPrevented === !0 && lt(b), i.cancelBubble === !0 && Re(b), d.value.dispatchEvent(b), x(i), i.qKeyEvent = !0;
|
|
770
770
|
}
|
|
771
|
-
a("keyup",
|
|
771
|
+
a("keyup", i);
|
|
772
772
|
}
|
|
773
773
|
K();
|
|
774
774
|
}
|
|
775
775
|
}
|
|
776
|
-
function K(
|
|
777
|
-
var
|
|
778
|
-
const
|
|
779
|
-
|
|
776
|
+
function K(i) {
|
|
777
|
+
var D, Q;
|
|
778
|
+
const b = q.value;
|
|
779
|
+
i !== !0 && (j === d.value || V === d.value) && b !== null && b !== document.activeElement && (b.setAttribute("tabindex", -1), b.focus()), j === d.value && (s !== null && (s.removeEventListener("touchcancel", P, R), s.removeEventListener("touchend", P, R)), j = s = null), V === d.value && (document.removeEventListener("mouseup", P, R), V = null), I === d.value && (document.removeEventListener("keyup", P, !0), (D = d.value) == null || D.removeEventListener("blur", P, R), I = null), (Q = d.value) == null || Q.classList.remove("q-btn--active");
|
|
780
780
|
}
|
|
781
|
-
function F(
|
|
782
|
-
|
|
781
|
+
function F(i) {
|
|
782
|
+
x(i), i.qSkipRipple = !0;
|
|
783
783
|
}
|
|
784
|
-
return
|
|
784
|
+
return ze(() => {
|
|
785
785
|
K(!0);
|
|
786
786
|
}), Object.assign(n, {
|
|
787
|
-
click: (
|
|
788
|
-
k.value === !0 &&
|
|
787
|
+
click: (i) => {
|
|
788
|
+
k.value === !0 && M(i);
|
|
789
789
|
}
|
|
790
790
|
}), () => {
|
|
791
|
-
let
|
|
792
|
-
e.icon !== void 0 &&
|
|
793
|
-
|
|
791
|
+
let i = [];
|
|
792
|
+
e.icon !== void 0 && i.push(
|
|
793
|
+
m(ve, {
|
|
794
794
|
name: e.icon,
|
|
795
|
-
left: e.stack !== !0 &&
|
|
795
|
+
left: e.stack !== !0 && p.value === !0,
|
|
796
796
|
role: "img"
|
|
797
797
|
})
|
|
798
|
-
),
|
|
799
|
-
|
|
800
|
-
),
|
|
801
|
-
|
|
798
|
+
), p.value === !0 && i.push(
|
|
799
|
+
m("span", { class: "block" }, [e.label])
|
|
800
|
+
), i = N(t.default, i), e.iconRight !== void 0 && e.round === !1 && i.push(
|
|
801
|
+
m(ve, {
|
|
802
802
|
name: e.iconRight,
|
|
803
|
-
right: e.stack !== !0 &&
|
|
803
|
+
right: e.stack !== !0 && p.value === !0,
|
|
804
804
|
role: "img"
|
|
805
805
|
})
|
|
806
806
|
);
|
|
807
|
-
const
|
|
808
|
-
|
|
807
|
+
const b = [
|
|
808
|
+
m("span", {
|
|
809
809
|
class: "q-focus-helper",
|
|
810
|
-
ref:
|
|
810
|
+
ref: q
|
|
811
811
|
})
|
|
812
812
|
];
|
|
813
|
-
return e.loading === !0 && e.percentage !== void 0 &&
|
|
814
|
-
|
|
813
|
+
return e.loading === !0 && e.percentage !== void 0 && b.push(
|
|
814
|
+
m("span", {
|
|
815
815
|
class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
|
|
816
816
|
}, [
|
|
817
|
-
|
|
817
|
+
m("span", {
|
|
818
818
|
class: "q-btn__progress-indicator fit block",
|
|
819
819
|
style: C.value
|
|
820
820
|
})
|
|
821
821
|
])
|
|
822
|
-
),
|
|
823
|
-
|
|
824
|
-
class: "q-btn__content text-center col items-center q-anchor--skip " +
|
|
825
|
-
},
|
|
826
|
-
), e.loading !== null &&
|
|
827
|
-
|
|
822
|
+
), b.push(
|
|
823
|
+
m("span", {
|
|
824
|
+
class: "q-btn__content text-center col items-center q-anchor--skip " + l.value
|
|
825
|
+
}, i)
|
|
826
|
+
), e.loading !== null && b.push(
|
|
827
|
+
m(Te, {
|
|
828
828
|
name: "q-transition--fade"
|
|
829
829
|
}, () => e.loading === !0 ? [
|
|
830
|
-
|
|
830
|
+
m("span", {
|
|
831
831
|
key: "loading",
|
|
832
832
|
class: "absolute-full flex flex-center"
|
|
833
|
-
}, t.loading !== void 0 ? t.loading() : [
|
|
833
|
+
}, t.loading !== void 0 ? t.loading() : [m(tt)])
|
|
834
834
|
] : null)
|
|
835
|
-
),
|
|
836
|
-
|
|
837
|
-
|
|
835
|
+
), re(
|
|
836
|
+
m(
|
|
837
|
+
y.value,
|
|
838
838
|
E.value,
|
|
839
|
-
|
|
839
|
+
b
|
|
840
840
|
),
|
|
841
841
|
[[
|
|
842
|
-
|
|
843
|
-
|
|
842
|
+
ut,
|
|
843
|
+
_.value,
|
|
844
844
|
void 0,
|
|
845
845
|
w.value
|
|
846
846
|
]]
|
|
@@ -850,7 +850,7 @@ const wt = Z({
|
|
|
850
850
|
}), Bt = /* @__PURE__ */ U({
|
|
851
851
|
__name: "AppButton",
|
|
852
852
|
props: {
|
|
853
|
-
size: { default:
|
|
853
|
+
size: { default: $.MD },
|
|
854
854
|
transparent: { type: Boolean },
|
|
855
855
|
flat: { type: Boolean },
|
|
856
856
|
rounded: { type: Boolean },
|
|
@@ -877,73 +877,73 @@ const wt = Z({
|
|
|
877
877
|
"app-btn_trans": t.transparent,
|
|
878
878
|
"app-btn_flat": t.flat,
|
|
879
879
|
"app-btn_rounded": t.rounded,
|
|
880
|
-
"app-btn_sm": t.size ===
|
|
881
|
-
"app-btn_md": t.size ===
|
|
882
|
-
"app-btn_lg": t.size ===
|
|
880
|
+
"app-btn_sm": t.size === $.SM,
|
|
881
|
+
"app-btn_md": t.size === $.MD,
|
|
882
|
+
"app-btn_lg": t.size === $.LG,
|
|
883
883
|
"app-btn_icon-left": t.iconLeft,
|
|
884
884
|
"app-btn_icon-right": t.iconRight,
|
|
885
885
|
"app-btn_icon-middle": t.iconMiddle
|
|
886
886
|
},
|
|
887
887
|
`app-btn_${t.color}`
|
|
888
888
|
]);
|
|
889
|
-
return (n,
|
|
889
|
+
return (n, o) => (B(), $e(Y(wt), {
|
|
890
890
|
"no-caps": "",
|
|
891
891
|
unelevated: "",
|
|
892
|
-
class:
|
|
893
|
-
padding: Y(Ke)[
|
|
894
|
-
loading:
|
|
895
|
-
disable:
|
|
896
|
-
to:
|
|
897
|
-
href:
|
|
898
|
-
target:
|
|
899
|
-
type:
|
|
900
|
-
"aria-label":
|
|
901
|
-
download:
|
|
902
|
-
onClick:
|
|
892
|
+
class: z(a.value),
|
|
893
|
+
padding: Y(Ke)[n.size || Y($).MD],
|
|
894
|
+
loading: n.loading,
|
|
895
|
+
disable: n.disabled || void 0,
|
|
896
|
+
to: n.to,
|
|
897
|
+
href: n.href,
|
|
898
|
+
target: n.target,
|
|
899
|
+
type: n.submit ? "submit" : void 0,
|
|
900
|
+
"aria-label": n.ariaLabel,
|
|
901
|
+
download: n.download,
|
|
902
|
+
onClick: o[0] || (o[0] = (c) => n.$emit("click", c))
|
|
903
903
|
}, {
|
|
904
|
-
default:
|
|
905
|
-
|
|
904
|
+
default: Oe(() => [
|
|
905
|
+
n.iconLeft || n.iconMiddle ? (B(), L("i", {
|
|
906
906
|
key: 0,
|
|
907
|
-
class:
|
|
907
|
+
class: z([
|
|
908
908
|
"icon-kl",
|
|
909
|
-
|
|
910
|
-
`icon-kl-${
|
|
911
|
-
|
|
909
|
+
n.iconLeft ? "icon-kl_left" : "icon-kl_middle",
|
|
910
|
+
`icon-kl-${n.iconLeft || n.iconMiddle}`,
|
|
911
|
+
n.transparent || n.flat ? `text-${n.color}` : "text-secondary"
|
|
912
912
|
])
|
|
913
|
-
}, null, 2)) :
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
], 64)) :
|
|
918
|
-
|
|
913
|
+
}, null, 2)) : T("", !0),
|
|
914
|
+
qe(n.$slots, "default", {}, void 0, !0),
|
|
915
|
+
n.label ? (B(), L(Se, { key: 1 }, [
|
|
916
|
+
De(W(n.label), 1)
|
|
917
|
+
], 64)) : T("", !0),
|
|
918
|
+
n.iconRight ? (B(), L("i", {
|
|
919
919
|
key: 2,
|
|
920
|
-
class:
|
|
920
|
+
class: z([
|
|
921
921
|
"icon-kl",
|
|
922
922
|
"icon-kl_right",
|
|
923
|
-
`icon-kl-${
|
|
924
|
-
|
|
923
|
+
`icon-kl-${n.iconRight}`,
|
|
924
|
+
n.transparent ? `text-${n.color}` : "text-secondary"
|
|
925
925
|
])
|
|
926
|
-
}, null, 2)) :
|
|
926
|
+
}, null, 2)) : T("", !0)
|
|
927
927
|
]),
|
|
928
928
|
_: 3
|
|
929
929
|
}, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label", "download"]));
|
|
930
930
|
}
|
|
931
931
|
}), te = (e, t) => {
|
|
932
932
|
const a = e.__vccOpts || e;
|
|
933
|
-
for (const [n,
|
|
934
|
-
a[n] =
|
|
933
|
+
for (const [n, o] of t)
|
|
934
|
+
a[n] = o;
|
|
935
935
|
return a;
|
|
936
936
|
}, en = /* @__PURE__ */ te(Bt, [["__scopeId", "data-v-99788ad1"]]), Ct = {
|
|
937
937
|
key: 0,
|
|
938
938
|
class: "app-toggle__label app-toggle__label_left"
|
|
939
|
-
}, Lt = { class: "app-toggle__container" }, Et = ["checked", "disabled"],
|
|
939
|
+
}, Lt = { class: "app-toggle__container" }, Et = ["checked", "disabled"], Rt = { class: "app-toggle__thumb" }, Mt = {
|
|
940
940
|
key: 1,
|
|
941
941
|
class: "app-toggle__label"
|
|
942
|
-
},
|
|
942
|
+
}, Pt = /* @__PURE__ */ U({
|
|
943
943
|
__name: "AppToggle",
|
|
944
944
|
props: {
|
|
945
945
|
modelValue: { type: Boolean },
|
|
946
|
-
size: { default:
|
|
946
|
+
size: { default: $.MD },
|
|
947
947
|
label: {},
|
|
948
948
|
disabled: { type: Boolean },
|
|
949
949
|
color: { default: Be.PRIMARY },
|
|
@@ -954,59 +954,59 @@ const wt = Z({
|
|
|
954
954
|
},
|
|
955
955
|
emits: ["update:modelValue"],
|
|
956
956
|
setup(e, { emit: t }) {
|
|
957
|
-
const a = e, n = t,
|
|
957
|
+
const a = e, n = t, o = u({
|
|
958
958
|
get: () => a.modelValue,
|
|
959
|
-
set: (
|
|
960
|
-
n("update:modelValue",
|
|
959
|
+
set: (l) => {
|
|
960
|
+
n("update:modelValue", l);
|
|
961
961
|
}
|
|
962
|
-
}),
|
|
962
|
+
}), c = u(() => [
|
|
963
963
|
"app-toggle",
|
|
964
964
|
{
|
|
965
|
-
"app-toggle_sm": a.size ===
|
|
966
|
-
"app-toggle_md": a.size ===
|
|
967
|
-
"app-toggle_lg": a.size ===
|
|
968
|
-
"app-toggle_active":
|
|
965
|
+
"app-toggle_sm": a.size === $.SM,
|
|
966
|
+
"app-toggle_md": a.size === $.MD,
|
|
967
|
+
"app-toggle_lg": a.size === $.LG,
|
|
968
|
+
"app-toggle_active": o.value,
|
|
969
969
|
"app-toggle_disabled": a.disabled
|
|
970
970
|
},
|
|
971
971
|
`app-toggle_${a.color}`
|
|
972
972
|
]);
|
|
973
|
-
return (
|
|
974
|
-
class:
|
|
973
|
+
return (l, r) => (B(), L("div", {
|
|
974
|
+
class: z(c.value)
|
|
975
975
|
}, [
|
|
976
|
-
|
|
976
|
+
l.label && l.labelLeft ? (B(), L("span", Ct, W(l.label), 1)) : T("", !0),
|
|
977
977
|
G("label", Lt, [
|
|
978
978
|
G("input", {
|
|
979
979
|
type: "checkbox",
|
|
980
|
-
checked:
|
|
981
|
-
onChange:
|
|
982
|
-
disabled:
|
|
980
|
+
checked: o.value,
|
|
981
|
+
onChange: r[0] || (r[0] = (S) => o.value = !o.value),
|
|
982
|
+
disabled: l.disabled,
|
|
983
983
|
class: "app-toggle__input"
|
|
984
984
|
}, null, 40, Et),
|
|
985
985
|
G("span", {
|
|
986
|
-
class:
|
|
986
|
+
class: z(["app-toggle__slider", o.value ? `bg-${l.color}` : ""])
|
|
987
987
|
}, [
|
|
988
|
-
G("span",
|
|
989
|
-
|
|
988
|
+
G("span", Rt, [
|
|
989
|
+
l.icon && !l.modelValue ? (B(), L("i", {
|
|
990
990
|
key: 0,
|
|
991
|
-
class:
|
|
992
|
-
}, null, 2)) :
|
|
993
|
-
|
|
991
|
+
class: z(["icon-kl", `icon-kl-${l.icon}`, "app-toggle__icon"])
|
|
992
|
+
}, null, 2)) : T("", !0),
|
|
993
|
+
l.modelValue && (l.iconActive || l.icon) ? (B(), L("i", {
|
|
994
994
|
key: 1,
|
|
995
|
-
class:
|
|
995
|
+
class: z([
|
|
996
996
|
"icon-kl",
|
|
997
|
-
`icon-kl-${
|
|
997
|
+
`icon-kl-${l.iconActive || l.icon}`,
|
|
998
998
|
"app-toggle__icon",
|
|
999
|
-
|
|
999
|
+
o.value ? `text-${l.iconColor}` : ""
|
|
1000
1000
|
])
|
|
1001
|
-
}, null, 2)) :
|
|
1001
|
+
}, null, 2)) : T("", !0)
|
|
1002
1002
|
])
|
|
1003
1003
|
], 2),
|
|
1004
|
-
|
|
1004
|
+
qe(l.$slots, "default", {}, void 0, !0)
|
|
1005
1005
|
]),
|
|
1006
|
-
|
|
1006
|
+
l.label && !l.labelLeft ? (B(), L("span", Mt, W(l.label), 1)) : T("", !0)
|
|
1007
1007
|
], 2));
|
|
1008
1008
|
}
|
|
1009
|
-
}), tn = /* @__PURE__ */ te(
|
|
1009
|
+
}), tn = /* @__PURE__ */ te(Pt, [["__scopeId", "data-v-e0e56123"]]), At = /* @__PURE__ */ U({
|
|
1010
1010
|
__name: "AppIcon",
|
|
1011
1011
|
props: {
|
|
1012
1012
|
name: {},
|
|
@@ -1015,20 +1015,20 @@ const wt = Z({
|
|
|
1015
1015
|
},
|
|
1016
1016
|
setup(e) {
|
|
1017
1017
|
return (t, a) => (B(), L("i", {
|
|
1018
|
-
class:
|
|
1019
|
-
style: we(
|
|
1018
|
+
class: z(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
|
|
1019
|
+
style: we(t.size ? `font-size: ${t.size}` : void 0)
|
|
1020
1020
|
}, null, 6));
|
|
1021
1021
|
}
|
|
1022
|
-
}), nn = /* @__PURE__ */ te(
|
|
1022
|
+
}), nn = /* @__PURE__ */ te(At, [["__scopeId", "data-v-941765ee"]]), zt = {
|
|
1023
1023
|
dark: {
|
|
1024
1024
|
type: Boolean,
|
|
1025
1025
|
default: null
|
|
1026
1026
|
}
|
|
1027
1027
|
};
|
|
1028
|
-
function
|
|
1028
|
+
function Tt(e, t) {
|
|
1029
1029
|
return u(() => e.dark === null ? t.dark.isActive : e.dark);
|
|
1030
1030
|
}
|
|
1031
|
-
const
|
|
1031
|
+
const Ot = {
|
|
1032
1032
|
xs: 2,
|
|
1033
1033
|
sm: 4,
|
|
1034
1034
|
md: 6,
|
|
@@ -1040,11 +1040,11 @@ function ke(e, t, a) {
|
|
|
1040
1040
|
transform: t === !0 ? `translateX(${a.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
|
|
1041
1041
|
};
|
|
1042
1042
|
}
|
|
1043
|
-
const
|
|
1043
|
+
const Dt = Z({
|
|
1044
1044
|
name: "QLinearProgress",
|
|
1045
1045
|
props: {
|
|
1046
|
-
...
|
|
1047
|
-
...
|
|
1046
|
+
...zt,
|
|
1047
|
+
...se,
|
|
1048
1048
|
value: {
|
|
1049
1049
|
type: Number,
|
|
1050
1050
|
default: 0
|
|
@@ -1064,37 +1064,37 @@ const Ot = Z({
|
|
|
1064
1064
|
instantFeedback: Boolean
|
|
1065
1065
|
},
|
|
1066
1066
|
setup(e, { slots: t }) {
|
|
1067
|
-
const { proxy: a } = J(), n =
|
|
1068
|
-
...
|
|
1067
|
+
const { proxy: a } = J(), n = Tt(e, a.$q), o = ue(e, Ot), c = u(() => e.indeterminate === !0 || e.query === !0), l = u(() => e.reverse !== e.query), r = u(() => ({
|
|
1068
|
+
...o.value !== null ? o.value : {},
|
|
1069
1069
|
"--q-linear-progress-speed": `${e.animationSpeed}ms`
|
|
1070
1070
|
})), S = u(
|
|
1071
1071
|
() => "q-linear-progress" + (e.color !== void 0 ? ` text-${e.color}` : "") + (e.reverse === !0 || e.query === !0 ? " q-linear-progress--reverse" : "") + (e.rounded === !0 ? " rounded-borders" : "")
|
|
1072
|
-
),
|
|
1072
|
+
), y = u(() => ke(e.buffer !== void 0 ? e.buffer : 1, l.value, a.$q)), f = u(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), k = u(
|
|
1073
1073
|
() => `q-linear-progress__track absolute-full q-linear-progress__track--${f.value} q-linear-progress__track--${n.value === !0 ? "dark" : "light"}` + (e.trackColor !== void 0 ? ` bg-${e.trackColor}` : "")
|
|
1074
|
-
),
|
|
1075
|
-
() => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${
|
|
1076
|
-
),
|
|
1074
|
+
), d = u(() => ke(c.value === !0 ? 1 : e.value, l.value, a.$q)), q = u(
|
|
1075
|
+
() => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${c.value === !0 ? "in" : ""}determinate`
|
|
1076
|
+
), s = u(() => ({ width: `${e.value * 100}%` })), g = u(
|
|
1077
1077
|
() => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
|
|
1078
1078
|
);
|
|
1079
1079
|
return () => {
|
|
1080
1080
|
const v = [
|
|
1081
|
-
|
|
1081
|
+
m("div", {
|
|
1082
1082
|
class: k.value,
|
|
1083
|
-
style:
|
|
1083
|
+
style: y.value
|
|
1084
1084
|
}),
|
|
1085
|
-
|
|
1086
|
-
class:
|
|
1087
|
-
style:
|
|
1085
|
+
m("div", {
|
|
1086
|
+
class: q.value,
|
|
1087
|
+
style: d.value
|
|
1088
1088
|
})
|
|
1089
1089
|
];
|
|
1090
|
-
return e.stripe === !0 &&
|
|
1091
|
-
|
|
1090
|
+
return e.stripe === !0 && c.value === !1 && v.push(
|
|
1091
|
+
m("div", {
|
|
1092
1092
|
class: g.value,
|
|
1093
|
-
style:
|
|
1093
|
+
style: s.value
|
|
1094
1094
|
})
|
|
1095
|
-
),
|
|
1095
|
+
), m("div", {
|
|
1096
1096
|
class: S.value,
|
|
1097
|
-
style:
|
|
1097
|
+
style: r.value,
|
|
1098
1098
|
role: "progressbar",
|
|
1099
1099
|
"aria-valuemin": 0,
|
|
1100
1100
|
"aria-valuemax": 1,
|
|
@@ -1102,14 +1102,14 @@ const Ot = Z({
|
|
|
1102
1102
|
}, N(t.default, v));
|
|
1103
1103
|
};
|
|
1104
1104
|
}
|
|
1105
|
-
}),
|
|
1105
|
+
}), xt = {
|
|
1106
1106
|
key: 0,
|
|
1107
1107
|
class: "code-field__label"
|
|
1108
1108
|
}, jt = { class: "code-field__inputs" }, It = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], Vt = /* @__PURE__ */ U({
|
|
1109
1109
|
__name: "AppCodeInput",
|
|
1110
1110
|
props: {
|
|
1111
1111
|
length: { default: 5 },
|
|
1112
|
-
size: { default:
|
|
1112
|
+
size: { default: $.MD },
|
|
1113
1113
|
label: {},
|
|
1114
1114
|
disabled: { type: Boolean },
|
|
1115
1115
|
loading: { type: Boolean },
|
|
@@ -1118,107 +1118,107 @@ const Ot = Z({
|
|
|
1118
1118
|
},
|
|
1119
1119
|
emits: ["update:modelValue", "completed"],
|
|
1120
1120
|
setup(e, { expose: t, emit: a }) {
|
|
1121
|
-
const n = e,
|
|
1121
|
+
const n = e, o = a, c = X(Array(n.length).fill("")), l = X([]), r = u(() => [
|
|
1122
1122
|
"code-field",
|
|
1123
1123
|
{
|
|
1124
|
-
"code-field_sm": n.size ===
|
|
1125
|
-
"code-field_md": n.size ===
|
|
1126
|
-
"code-field_lg": n.size ===
|
|
1124
|
+
"code-field_sm": n.size === $.SM,
|
|
1125
|
+
"code-field_md": n.size === $.MD,
|
|
1126
|
+
"code-field_lg": n.size === $.LG,
|
|
1127
1127
|
"code-field_disabled": n.disabled || n.loading
|
|
1128
1128
|
},
|
|
1129
1129
|
`code-field_${n.color}`
|
|
1130
1130
|
]), S = u(() => {
|
|
1131
|
-
let
|
|
1132
|
-
return n.size ==
|
|
1133
|
-
}),
|
|
1134
|
-
var
|
|
1135
|
-
const
|
|
1136
|
-
if (
|
|
1137
|
-
g < n.length - 1 &&
|
|
1138
|
-
else if (
|
|
1139
|
-
const w =
|
|
1140
|
-
w.forEach((C,
|
|
1141
|
-
|
|
1131
|
+
let s = "";
|
|
1132
|
+
return n.size == $.SM && (s += `width: ${n.length * 26 + (n.length - 1) * 5}px`), n.size == $.MD && (s += `width: ${n.length * 32 + (n.length - 1) * 8}px`), n.size == $.LG && (s += `width: ${n.length * 44 + (n.length - 1) * 10}px`), s;
|
|
1133
|
+
}), y = (s, g) => {
|
|
1134
|
+
var _;
|
|
1135
|
+
const p = s.target.value;
|
|
1136
|
+
if (p.length === 1)
|
|
1137
|
+
g < n.length - 1 && l.value && ((_ = l.value[g + 1]) == null || _.focus());
|
|
1138
|
+
else if (p.length > 1) {
|
|
1139
|
+
const w = p.slice(0, n.length - g).split("");
|
|
1140
|
+
w.forEach((C, h) => {
|
|
1141
|
+
c.value[g + h] = C;
|
|
1142
1142
|
}), ce(() => {
|
|
1143
1143
|
var C;
|
|
1144
|
-
|
|
1144
|
+
l.value && ((C = l.value[Math.min(g + w.length, n.length - 1)]) == null || C.focus());
|
|
1145
1145
|
});
|
|
1146
1146
|
}
|
|
1147
|
-
}, f = (
|
|
1147
|
+
}, f = (s) => {
|
|
1148
1148
|
var g;
|
|
1149
|
-
|
|
1150
|
-
}, k = (
|
|
1151
|
-
var
|
|
1152
|
-
|
|
1153
|
-
const v = ((
|
|
1149
|
+
c.value[s] === "" && l.value && s > 0 && ((g = l.value[s - 1]) == null || g.focus());
|
|
1150
|
+
}, k = (s, g) => {
|
|
1151
|
+
var _;
|
|
1152
|
+
s.preventDefault();
|
|
1153
|
+
const v = ((_ = s.clipboardData) == null ? void 0 : _.getData("text")) ?? "";
|
|
1154
1154
|
if (!v) return;
|
|
1155
|
-
const
|
|
1156
|
-
|
|
1157
|
-
|
|
1155
|
+
const p = v.slice(0, n.length - g).split("");
|
|
1156
|
+
p.forEach((w, C) => {
|
|
1157
|
+
c.value[g + C] = w;
|
|
1158
1158
|
}), ce(() => {
|
|
1159
1159
|
var w;
|
|
1160
|
-
|
|
1160
|
+
l.value && ((w = l.value[Math.min(g + p.length, n.length - 1)]) == null || w.focus());
|
|
1161
1161
|
});
|
|
1162
1162
|
};
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
(
|
|
1166
|
-
const g =
|
|
1167
|
-
|
|
1163
|
+
xe(
|
|
1164
|
+
c,
|
|
1165
|
+
(s) => {
|
|
1166
|
+
const g = s.join("");
|
|
1167
|
+
d(g);
|
|
1168
1168
|
},
|
|
1169
1169
|
{ deep: !0 }
|
|
1170
1170
|
);
|
|
1171
|
-
const
|
|
1172
|
-
|
|
1173
|
-
},
|
|
1174
|
-
|
|
1171
|
+
const d = (s) => {
|
|
1172
|
+
o("update:modelValue", s), s.length === n.length && !s.includes(" ") && o("completed", s);
|
|
1173
|
+
}, q = (s) => {
|
|
1174
|
+
s && (c.value = s.split("").slice(0, n.length));
|
|
1175
1175
|
};
|
|
1176
1176
|
return je(() => {
|
|
1177
|
-
n.autofocus &&
|
|
1177
|
+
n.autofocus && l.value && l.value[0] && l.value[0].focus();
|
|
1178
1178
|
}), t({
|
|
1179
|
-
injectCode:
|
|
1180
|
-
}), (
|
|
1181
|
-
class:
|
|
1179
|
+
injectCode: q
|
|
1180
|
+
}), (s, g) => (B(), L("div", {
|
|
1181
|
+
class: z(r.value),
|
|
1182
1182
|
style: we(S.value)
|
|
1183
1183
|
}, [
|
|
1184
|
-
|
|
1184
|
+
s.label ? (B(), L("label", xt, W(s.label), 1)) : T("", !0),
|
|
1185
1185
|
G("div", jt, [
|
|
1186
|
-
(B(!0), L(Se, null, Ie(
|
|
1187
|
-
key:
|
|
1188
|
-
"onUpdate:modelValue": (
|
|
1186
|
+
(B(!0), L(Se, null, Ie(s.length, (v, p) => re((B(), L("input", {
|
|
1187
|
+
key: p,
|
|
1188
|
+
"onUpdate:modelValue": (_) => c.value[p] = _,
|
|
1189
1189
|
ref_for: !0,
|
|
1190
1190
|
ref_key: "inputRefs",
|
|
1191
|
-
ref:
|
|
1191
|
+
ref: l,
|
|
1192
1192
|
type: "text",
|
|
1193
1193
|
maxlength: "1",
|
|
1194
1194
|
class: "code-field__input",
|
|
1195
|
-
disabled:
|
|
1196
|
-
onInput: (
|
|
1197
|
-
onKeydown: Ve((
|
|
1198
|
-
onPaste: (
|
|
1195
|
+
disabled: s.disabled || s.loading,
|
|
1196
|
+
onInput: (_) => y(_, p),
|
|
1197
|
+
onKeydown: Ve((_) => f(p), ["backspace"]),
|
|
1198
|
+
onPaste: (_) => k(_, p)
|
|
1199
1199
|
}, null, 40, It)), [
|
|
1200
|
-
[Ne,
|
|
1200
|
+
[Ne, c.value[p]]
|
|
1201
1201
|
])), 128))
|
|
1202
1202
|
]),
|
|
1203
|
-
|
|
1203
|
+
s.loading ? (B(), $e(Dt, {
|
|
1204
1204
|
key: 1,
|
|
1205
1205
|
indeterminate: "",
|
|
1206
1206
|
rounded: "",
|
|
1207
|
-
color:
|
|
1207
|
+
color: s.color,
|
|
1208
1208
|
class: "code-field__loading"
|
|
1209
|
-
}, null, 8, ["color"])) :
|
|
1209
|
+
}, null, 8, ["color"])) : T("", !0)
|
|
1210
1210
|
], 6));
|
|
1211
1211
|
}
|
|
1212
|
-
}), an = /* @__PURE__ */ te(Vt, [["__scopeId", "data-v-44914130"]]), ln =
|
|
1213
|
-
() => import("./AppButtonCopy-
|
|
1214
|
-
), on =
|
|
1215
|
-
() => import("./AppSelect-
|
|
1216
|
-
), rn =
|
|
1217
|
-
() => import("./DropdownButton-
|
|
1212
|
+
}), an = /* @__PURE__ */ te(Vt, [["__scopeId", "data-v-44914130"]]), ln = ie(
|
|
1213
|
+
() => import("./AppButtonCopy-Cpoz6v02.js")
|
|
1214
|
+
), on = ie(
|
|
1215
|
+
() => import("./AppSelect-JVVrifzF.js")
|
|
1216
|
+
), rn = ie(
|
|
1217
|
+
() => import("./DropdownButton-pcp6W_7i.js")
|
|
1218
1218
|
);
|
|
1219
1219
|
export {
|
|
1220
1220
|
en as A,
|
|
1221
|
-
|
|
1221
|
+
rt as B,
|
|
1222
1222
|
Be as C,
|
|
1223
1223
|
vt as D,
|
|
1224
1224
|
Xt as E,
|
|
@@ -1233,16 +1233,16 @@ export {
|
|
|
1233
1233
|
tn as N,
|
|
1234
1234
|
nn as O,
|
|
1235
1235
|
ve as Q,
|
|
1236
|
-
|
|
1237
|
-
|
|
1236
|
+
ut as R,
|
|
1237
|
+
$ as S,
|
|
1238
1238
|
te as _,
|
|
1239
|
-
|
|
1240
|
-
|
|
1239
|
+
zt as a,
|
|
1240
|
+
Tt as b,
|
|
1241
1241
|
Z as c,
|
|
1242
|
-
|
|
1242
|
+
ue as d,
|
|
1243
1243
|
N as e,
|
|
1244
1244
|
Jt as f,
|
|
1245
|
-
|
|
1245
|
+
ht as g,
|
|
1246
1246
|
Qe as h,
|
|
1247
1247
|
oe as i,
|
|
1248
1248
|
Kt as j,
|
|
@@ -1254,11 +1254,11 @@ export {
|
|
|
1254
1254
|
lt as p,
|
|
1255
1255
|
Ut as q,
|
|
1256
1256
|
Ht as r,
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1257
|
+
x as s,
|
|
1258
|
+
it as t,
|
|
1259
|
+
se as u,
|
|
1260
|
+
Re as v,
|
|
1261
|
+
$t as w,
|
|
1262
1262
|
Zt as x,
|
|
1263
1263
|
wt as y,
|
|
1264
1264
|
ot as z
|