@validol4ik/uikit 0.6.6 → 0.6.8
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-CcsAzDik.js → AppButtonCopy-Cpoz6v02.js} +5 -5
- package/dist/{AppButtonCopy-4GxKBcWx.cjs → AppButtonCopy-UfvMMx3V.cjs} +1 -1
- package/dist/AppSelect-9OPvOErd.cjs +1 -0
- package/dist/{AppSelect-BtUUK2ea.js → AppSelect-JVVrifzF.js} +678 -685
- package/dist/DropdownButton-BK_sSxXA.cjs +1 -0
- package/dist/{DropdownButton-CZwBMGcA.js → DropdownButton-pcp6W_7i.js} +98 -88
- package/dist/QMenu-B07m1rKE.cjs +1 -0
- package/dist/{QMenu-P1hqLpnc.js → QMenu-TwM_-QHE.js} +104 -109
- package/dist/{index-CtoDgaeS.js → index-B0t4qh6b.js} +373 -372
- package/dist/index-BEJxpQtP.cjs +1 -0
- package/dist/types/components/AppIcon/AppIcon.vue.d.ts +1 -1
- package/dist/types/components/buttons/AppButton/AppButton.vue.d.ts +2 -1
- package/dist/types/components/buttons/AppButton/types.d.ts +4 -1
- package/dist/types/components/buttons/DropdownButton/DropdownButton.vue.d.ts +2 -1
- package/dist/types/components/buttons/DropdownButton/types.d.ts +4 -1
- package/dist/types/components/form/AppCodeInput/AppCodeInput.vue.d.ts +3 -1
- package/dist/types/components/form/AppSelect/AppSelect.vue.d.ts +1 -1
- package/dist/types/components/form/AppToggle/AppToggle.vue.d.ts +3 -2
- package/dist/types/index.d.ts +1 -1
- package/dist/uikit.cjs +1 -1
- package/dist/uikit.es.js +1 -1
- package/package.json +3 -3
- package/dist/AppSelect-Tg7_Uj55.cjs +0 -1
- package/dist/DropdownButton-DXQzSYcl.cjs +0 -1
- package/dist/QMenu-cWjMyOHy.cjs +0 -1
- package/dist/index-CNCrt1w6.cjs +0 -1
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { computed as
|
|
2
|
-
const
|
|
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
|
+
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
10
|
[$.SM]: "3px 9px",
|
|
11
11
|
[$.MD]: "5px 12px",
|
|
12
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
|
|
23
|
-
return
|
|
22
|
+
function ue(e, t = le) {
|
|
23
|
+
return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
|
|
24
24
|
}
|
|
25
|
-
function
|
|
26
|
-
return
|
|
25
|
+
function Z(e) {
|
|
26
|
+
return _e(U(e));
|
|
27
27
|
}
|
|
28
|
-
function
|
|
29
|
-
return
|
|
28
|
+
function Fe(e) {
|
|
29
|
+
return _e(e);
|
|
30
30
|
}
|
|
31
|
-
function
|
|
31
|
+
function Qe(e, t) {
|
|
32
32
|
return e !== void 0 && e() || t;
|
|
33
33
|
}
|
|
34
|
-
function
|
|
34
|
+
function Kt(e, t) {
|
|
35
35
|
if (e !== void 0) {
|
|
36
36
|
const a = e();
|
|
37
37
|
if (a != null)
|
|
@@ -39,41 +39,43 @@ function Nt(e, t) {
|
|
|
39
39
|
}
|
|
40
40
|
return t;
|
|
41
41
|
}
|
|
42
|
-
function
|
|
42
|
+
function N(e, t) {
|
|
43
43
|
return e !== void 0 ? t.concat(e()) : t;
|
|
44
44
|
}
|
|
45
|
-
function
|
|
45
|
+
function Ft(e, t) {
|
|
46
46
|
return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
|
|
47
47
|
}
|
|
48
|
-
function
|
|
48
|
+
function Qt(e, t, a, n, o, c) {
|
|
49
49
|
t.key = n + o;
|
|
50
50
|
const l = m(e, t, a);
|
|
51
|
-
return o === !0 ?
|
|
51
|
+
return o === !0 ? re(l, c()) : l;
|
|
52
52
|
}
|
|
53
|
-
const
|
|
53
|
+
const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
|
|
54
54
|
"mdi-": (e) => `mdi ${e}`,
|
|
55
|
-
"icon-":
|
|
55
|
+
"icon-": ne,
|
|
56
56
|
// fontawesome equiv
|
|
57
57
|
"bt-": (e) => `bt ${e}`,
|
|
58
58
|
"eva-": (e) => `eva ${e}`,
|
|
59
|
-
"ion-md":
|
|
60
|
-
"ion-ios":
|
|
61
|
-
"ion-logo":
|
|
62
|
-
"iconfont ":
|
|
59
|
+
"ion-md": ae,
|
|
60
|
+
"ion-ios": ae,
|
|
61
|
+
"ion-logo": ae,
|
|
62
|
+
"iconfont ": ne,
|
|
63
63
|
"ti-": (e) => `themify-icon ${e}`,
|
|
64
|
-
"bi-": (e) => `bootstrap-icons ${e}
|
|
65
|
-
|
|
64
|
+
"bi-": (e) => `bootstrap-icons ${e}`,
|
|
65
|
+
"i-": ne
|
|
66
|
+
// UnoCSS pure icons
|
|
67
|
+
}, Le = {
|
|
66
68
|
o_: "-outlined",
|
|
67
69
|
r_: "-round",
|
|
68
70
|
s_: "-sharp"
|
|
69
|
-
},
|
|
71
|
+
}, Ee = {
|
|
70
72
|
sym_o_: "-outlined",
|
|
71
73
|
sym_r_: "-rounded",
|
|
72
74
|
sym_s_: "-sharp"
|
|
73
|
-
},
|
|
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({
|
|
74
76
|
name: "QIcon",
|
|
75
77
|
props: {
|
|
76
|
-
...
|
|
78
|
+
...se,
|
|
77
79
|
tag: {
|
|
78
80
|
type: String,
|
|
79
81
|
default: "i"
|
|
@@ -84,9 +86,9 @@ const ue = "0 0 24 24", ce = (e) => e, te = (e) => `ionicons ${e}`, Be = {
|
|
|
84
86
|
right: Boolean
|
|
85
87
|
},
|
|
86
88
|
setup(e, { slots: t }) {
|
|
87
|
-
const { proxy: { $q: a } } =
|
|
89
|
+
const { proxy: { $q: a } } = J(), n = ue(e), o = u(
|
|
88
90
|
() => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
|
|
89
|
-
),
|
|
91
|
+
), c = u(() => {
|
|
90
92
|
let l, r = e.name;
|
|
91
93
|
if (r === "none" || !r)
|
|
92
94
|
return { none: !0 };
|
|
@@ -102,24 +104,24 @@ const ue = "0 0 24 24", ce = (e) => e, te = (e) => `ionicons ${e}`, Be = {
|
|
|
102
104
|
content: f.content !== void 0 ? f.content : " "
|
|
103
105
|
};
|
|
104
106
|
}
|
|
105
|
-
if (
|
|
106
|
-
const [f, k =
|
|
107
|
+
if (He.test(r) === !0) {
|
|
108
|
+
const [f, k = de] = r.split("|");
|
|
107
109
|
return {
|
|
108
110
|
svg: !0,
|
|
109
111
|
viewBox: k,
|
|
110
|
-
nodes: f.split("&&").map((
|
|
111
|
-
const [q,
|
|
112
|
-
return m("path", { style:
|
|
112
|
+
nodes: f.split("&&").map((d) => {
|
|
113
|
+
const [q, s, g] = d.split("@@");
|
|
114
|
+
return m("path", { style: s, d: q, transform: g });
|
|
113
115
|
})
|
|
114
116
|
};
|
|
115
117
|
}
|
|
116
|
-
if (
|
|
118
|
+
if (Ye.test(r) === !0)
|
|
117
119
|
return {
|
|
118
120
|
img: !0,
|
|
119
121
|
src: r.substring(4)
|
|
120
122
|
};
|
|
121
|
-
if (
|
|
122
|
-
const [f, k =
|
|
123
|
+
if (Xe.test(r) === !0) {
|
|
124
|
+
const [f, k = de] = r.split("|");
|
|
123
125
|
return {
|
|
124
126
|
svguse: !0,
|
|
125
127
|
src: f.substring(7),
|
|
@@ -127,21 +129,21 @@ const ue = "0 0 24 24", ce = (e) => e, te = (e) => `ionicons ${e}`, Be = {
|
|
|
127
129
|
};
|
|
128
130
|
}
|
|
129
131
|
let S = " ";
|
|
130
|
-
const y = r.match(
|
|
132
|
+
const y = r.match(Ge);
|
|
131
133
|
if (y !== null)
|
|
132
|
-
l =
|
|
133
|
-
else if (
|
|
134
|
+
l = Ce[y[1]](r);
|
|
135
|
+
else if (Je.test(r) === !0)
|
|
134
136
|
l = r;
|
|
135
|
-
else if (
|
|
137
|
+
else if (We.test(r) === !0)
|
|
136
138
|
l = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${r.substring(3)}`;
|
|
137
|
-
else if (
|
|
139
|
+
else if (fe.test(r) === !0) {
|
|
138
140
|
l = "notranslate material-symbols";
|
|
139
|
-
const f = r.match(
|
|
140
|
-
f !== null && (r = r.substring(6), l +=
|
|
141
|
+
const f = r.match(fe);
|
|
142
|
+
f !== null && (r = r.substring(6), l += Ee[f[1]]), S = r;
|
|
141
143
|
} else {
|
|
142
144
|
l = "notranslate material-icons";
|
|
143
|
-
const f = r.match(
|
|
144
|
-
f !== null && (r = r.substring(2), l +=
|
|
145
|
+
const f = r.match(Ue);
|
|
146
|
+
f !== null && (r = r.substring(2), l += Le[f[1]]), S = r;
|
|
145
147
|
}
|
|
146
148
|
return {
|
|
147
149
|
cls: l,
|
|
@@ -152,52 +154,51 @@ const ue = "0 0 24 24", ce = (e) => e, te = (e) => `ionicons ${e}`, Be = {
|
|
|
152
154
|
const l = {
|
|
153
155
|
class: o.value,
|
|
154
156
|
style: n.value,
|
|
155
|
-
"aria-hidden": "true"
|
|
156
|
-
role: "presentation"
|
|
157
|
+
"aria-hidden": "true"
|
|
157
158
|
};
|
|
158
|
-
return
|
|
159
|
-
m("img", { src:
|
|
160
|
-
])) :
|
|
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, [
|
|
161
162
|
m("svg", {
|
|
162
|
-
viewBox:
|
|
163
|
-
},
|
|
164
|
-
])) :
|
|
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, [
|
|
165
166
|
m("svg", {
|
|
166
|
-
viewBox:
|
|
167
|
+
viewBox: c.value.viewBox
|
|
167
168
|
}, [
|
|
168
|
-
m("use", { "xlink:href":
|
|
169
|
+
m("use", { "xlink:href": c.value.src })
|
|
169
170
|
])
|
|
170
|
-
])) : (
|
|
171
|
-
|
|
171
|
+
])) : (c.value.cls !== void 0 && (l.class += " " + c.value.cls), m(e.tag, l, N(t.default, [
|
|
172
|
+
c.value.content
|
|
172
173
|
])));
|
|
173
174
|
};
|
|
174
175
|
}
|
|
175
|
-
}),
|
|
176
|
+
}), Ze = {
|
|
176
177
|
size: {
|
|
177
178
|
type: [String, Number],
|
|
178
179
|
default: "1em"
|
|
179
180
|
},
|
|
180
181
|
color: String
|
|
181
182
|
};
|
|
182
|
-
function
|
|
183
|
+
function et(e) {
|
|
183
184
|
return {
|
|
184
|
-
cSize:
|
|
185
|
-
classes:
|
|
185
|
+
cSize: u(() => e.size in le ? `${le[e.size]}px` : e.size),
|
|
186
|
+
classes: u(
|
|
186
187
|
() => "q-spinner" + (e.color ? ` text-${e.color}` : "")
|
|
187
188
|
)
|
|
188
189
|
};
|
|
189
190
|
}
|
|
190
|
-
const
|
|
191
|
+
const tt = Z({
|
|
191
192
|
name: "QSpinner",
|
|
192
193
|
props: {
|
|
193
|
-
...
|
|
194
|
+
...Ze,
|
|
194
195
|
thickness: {
|
|
195
196
|
type: Number,
|
|
196
197
|
default: 5
|
|
197
198
|
}
|
|
198
199
|
},
|
|
199
200
|
setup(e) {
|
|
200
|
-
const { cSize: t, classes: a } =
|
|
201
|
+
const { cSize: t, classes: a } = et(e);
|
|
201
202
|
return () => m("svg", {
|
|
202
203
|
class: a.value + " q-spinner-mat",
|
|
203
204
|
width: t.value,
|
|
@@ -217,12 +218,12 @@ const et = J({
|
|
|
217
218
|
]);
|
|
218
219
|
}
|
|
219
220
|
});
|
|
220
|
-
function
|
|
221
|
+
function nt(e, t) {
|
|
221
222
|
const a = e.style;
|
|
222
223
|
for (const n in t)
|
|
223
224
|
a[n] = t[n];
|
|
224
225
|
}
|
|
225
|
-
function
|
|
226
|
+
function Gt(e) {
|
|
226
227
|
if (e == null)
|
|
227
228
|
return;
|
|
228
229
|
if (typeof e == "string")
|
|
@@ -231,11 +232,11 @@ function Qt(e) {
|
|
|
231
232
|
} catch {
|
|
232
233
|
return;
|
|
233
234
|
}
|
|
234
|
-
const t =
|
|
235
|
+
const t = Y(e);
|
|
235
236
|
if (t)
|
|
236
237
|
return t.$el || t;
|
|
237
238
|
}
|
|
238
|
-
function
|
|
239
|
+
function Ut(e, t) {
|
|
239
240
|
if (e == null || e.contains(t) === !0)
|
|
240
241
|
return !0;
|
|
241
242
|
for (let a = e.nextElementSibling; a !== null; a = a.nextElementSibling)
|
|
@@ -243,7 +244,7 @@ function Gt(e, t) {
|
|
|
243
244
|
return !0;
|
|
244
245
|
return !1;
|
|
245
246
|
}
|
|
246
|
-
const
|
|
247
|
+
const ee = {
|
|
247
248
|
hasPassive: !1,
|
|
248
249
|
passiveCapture: !0,
|
|
249
250
|
notPassiveCapture: !0
|
|
@@ -251,7 +252,7 @@ const Z = {
|
|
|
251
252
|
try {
|
|
252
253
|
const e = Object.defineProperty({}, "passive", {
|
|
253
254
|
get() {
|
|
254
|
-
Object.assign(
|
|
255
|
+
Object.assign(ee, {
|
|
255
256
|
hasPassive: !0,
|
|
256
257
|
passive: { passive: !0 },
|
|
257
258
|
notPassive: { passive: !1 },
|
|
@@ -263,15 +264,15 @@ try {
|
|
|
263
264
|
window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
|
|
264
265
|
} catch {
|
|
265
266
|
}
|
|
266
|
-
function
|
|
267
|
+
function Ht() {
|
|
267
268
|
}
|
|
268
|
-
function
|
|
269
|
+
function at(e) {
|
|
269
270
|
return e.touches && e.touches[0] ? e = e.touches[0] : e.changedTouches && e.changedTouches[0] ? e = e.changedTouches[0] : e.targetTouches && e.targetTouches[0] && (e = e.targetTouches[0]), {
|
|
270
271
|
top: e.clientY,
|
|
271
272
|
left: e.clientX
|
|
272
273
|
};
|
|
273
274
|
}
|
|
274
|
-
function
|
|
275
|
+
function Yt(e) {
|
|
275
276
|
if (e.path)
|
|
276
277
|
return e.path;
|
|
277
278
|
if (e.composedPath)
|
|
@@ -284,34 +285,34 @@ function Ht(e) {
|
|
|
284
285
|
a = a.parentElement;
|
|
285
286
|
}
|
|
286
287
|
}
|
|
287
|
-
function
|
|
288
|
+
function Re(e) {
|
|
288
289
|
e.stopPropagation();
|
|
289
290
|
}
|
|
290
|
-
function
|
|
291
|
+
function lt(e) {
|
|
291
292
|
e.cancelable !== !1 && e.preventDefault();
|
|
292
293
|
}
|
|
293
|
-
function
|
|
294
|
+
function x(e) {
|
|
294
295
|
e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
|
|
295
296
|
}
|
|
296
|
-
function
|
|
297
|
+
function ot(e, t, a) {
|
|
297
298
|
const n = `__q_${t}_evt`;
|
|
298
299
|
e[n] = e[n] !== void 0 ? e[n].concat(a) : a, a.forEach((o) => {
|
|
299
|
-
o[0].addEventListener(o[1], e[o[2]],
|
|
300
|
+
o[0].addEventListener(o[1], e[o[2]], ee[o[3]]);
|
|
300
301
|
});
|
|
301
302
|
}
|
|
302
|
-
function
|
|
303
|
+
function rt(e, t) {
|
|
303
304
|
const a = `__q_${t}_evt`;
|
|
304
305
|
e[a] !== void 0 && (e[a].forEach((n) => {
|
|
305
|
-
n[0].removeEventListener(n[1], e[n[2]],
|
|
306
|
+
n[0].removeEventListener(n[1], e[n[2]], ee[n[3]]);
|
|
306
307
|
}), e[a] = void 0);
|
|
307
308
|
}
|
|
308
|
-
function
|
|
309
|
+
function it(e) {
|
|
309
310
|
return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
|
|
310
311
|
}
|
|
311
|
-
function
|
|
312
|
-
return
|
|
312
|
+
function oe(e, t) {
|
|
313
|
+
return it(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
|
|
313
314
|
}
|
|
314
|
-
function
|
|
315
|
+
function st(e, t = 250) {
|
|
315
316
|
let a = !1, n;
|
|
316
317
|
return function() {
|
|
317
318
|
return a === !1 && (a = !0, setTimeout(() => {
|
|
@@ -319,13 +320,13 @@ function it(e, t = 250) {
|
|
|
319
320
|
}, t), n = e.apply(this, arguments)), n;
|
|
320
321
|
};
|
|
321
322
|
}
|
|
322
|
-
function
|
|
323
|
-
a.modifiers.stop === !0 &&
|
|
323
|
+
function ge(e, t, a, n) {
|
|
324
|
+
a.modifiers.stop === !0 && Re(e);
|
|
324
325
|
const o = a.modifiers.color;
|
|
325
|
-
let
|
|
326
|
-
|
|
327
|
-
const l = document.createElement("span"), r = document.createElement("span"), S =
|
|
328
|
-
r.className = "q-ripple__inner",
|
|
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, {
|
|
329
330
|
height: `${q}px`,
|
|
330
331
|
width: `${q}px`,
|
|
331
332
|
transform: `translate3d(${v},${_},0) scale3d(.2,.2,1)`,
|
|
@@ -343,7 +344,7 @@ function ve(e, t, a, n) {
|
|
|
343
344
|
}, 250);
|
|
344
345
|
}, 50);
|
|
345
346
|
}
|
|
346
|
-
function
|
|
347
|
+
function pe(e, { modifiers: t, value: a, arg: n }) {
|
|
347
348
|
const o = Object.assign({}, e.cfg.ripple, t, a);
|
|
348
349
|
e.modifiers = {
|
|
349
350
|
early: o.early === !0,
|
|
@@ -353,26 +354,25 @@ function ge(e, { modifiers: t, value: a, arg: n }) {
|
|
|
353
354
|
keyCodes: [].concat(o.keyCodes || 13)
|
|
354
355
|
};
|
|
355
356
|
}
|
|
356
|
-
const
|
|
357
|
+
const ut = Fe(
|
|
357
358
|
{
|
|
358
359
|
name: "ripple",
|
|
359
360
|
beforeMount(e, t) {
|
|
360
361
|
const a = t.instance.$.appContext.config.globalProperties.$q.config || {};
|
|
361
|
-
if (a.ripple === !1)
|
|
362
|
-
return;
|
|
362
|
+
if (a.ripple === !1) return;
|
|
363
363
|
const n = {
|
|
364
364
|
cfg: a,
|
|
365
365
|
enabled: t.value !== !1,
|
|
366
366
|
modifiers: {},
|
|
367
367
|
abort: [],
|
|
368
368
|
start(o) {
|
|
369
|
-
n.enabled === !0 && o.qSkipRipple !== !0 && o.type === (n.modifiers.early === !0 ? "pointerdown" : "click") &&
|
|
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 && o.qSkipRipple !== !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 = Ke(
|
|
|
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,19 +400,19 @@ const st = Ke(
|
|
|
400
400
|
around: "around",
|
|
401
401
|
evenly: "evenly",
|
|
402
402
|
stretch: "stretch"
|
|
403
|
-
},
|
|
403
|
+
}, ct = Object.keys(Me), dt = {
|
|
404
404
|
align: {
|
|
405
405
|
type: String,
|
|
406
|
-
validator: (e) =>
|
|
406
|
+
validator: (e) => ct.includes(e)
|
|
407
407
|
}
|
|
408
408
|
};
|
|
409
|
-
function
|
|
410
|
-
return
|
|
409
|
+
function ft(e) {
|
|
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
|
-
function
|
|
415
|
+
function Xt(e) {
|
|
416
416
|
if (Object(e.$parent) === e.$parent)
|
|
417
417
|
return e.$parent;
|
|
418
418
|
let { parent: t } = e.$;
|
|
@@ -422,44 +422,44 @@ function Yt(e) {
|
|
|
422
422
|
t = t.parent;
|
|
423
423
|
}
|
|
424
424
|
}
|
|
425
|
-
function
|
|
425
|
+
function vt(e) {
|
|
426
426
|
return e.appContext.config.globalProperties.$router !== void 0;
|
|
427
427
|
}
|
|
428
|
-
function
|
|
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
|
-
function
|
|
437
|
+
function gt(e, t) {
|
|
438
438
|
for (const a in t) {
|
|
439
439
|
const n = t[a], o = e[a];
|
|
440
440
|
if (typeof n == "string") {
|
|
441
441
|
if (n !== o)
|
|
442
442
|
return !1;
|
|
443
|
-
} else if (Array.isArray(o) === !1 || o.length !== n.length || n.some((
|
|
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 gt(e, t) {
|
|
452
|
-
return Array.isArray(e) === !0 ? he(e, t) : Array.isArray(t) === !0 ? he(t, e) : e === t;
|
|
453
|
-
}
|
|
454
451
|
function pt(e, t) {
|
|
452
|
+
return Array.isArray(e) === !0 ? be(e, t) : Array.isArray(t) === !0 ? be(t, e) : e === t;
|
|
453
|
+
}
|
|
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,
|
|
@@ -468,8 +468,8 @@ const Me = {
|
|
|
468
468
|
target: String,
|
|
469
469
|
// state
|
|
470
470
|
disable: Boolean
|
|
471
|
-
},
|
|
472
|
-
...
|
|
471
|
+
}, Jt = {
|
|
472
|
+
...Pe,
|
|
473
473
|
// router-link
|
|
474
474
|
exact: Boolean,
|
|
475
475
|
activeClass: {
|
|
@@ -481,18 +481,18 @@ const Me = {
|
|
|
481
481
|
default: "q-router-link--exact-active"
|
|
482
482
|
}
|
|
483
483
|
};
|
|
484
|
-
function
|
|
485
|
-
const a =
|
|
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
486
|
() => l === !0 && n.disable !== !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
|
|
487
|
-
) :
|
|
487
|
+
) : u(
|
|
488
488
|
() => l === !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
|
|
489
|
-
), y =
|
|
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
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
498
|
const { matched: h } = y.value, { length: E } = h, M = h[E - 1];
|
|
@@ -502,22 +502,22 @@ function mt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
|
502
502
|
if (A.length === 0)
|
|
503
503
|
return -1;
|
|
504
504
|
const O = A.findIndex(
|
|
505
|
-
|
|
505
|
+
he.bind(null, M)
|
|
506
506
|
);
|
|
507
507
|
if (O !== -1)
|
|
508
508
|
return O;
|
|
509
|
-
const
|
|
509
|
+
const H = me(h[E - 2]);
|
|
510
510
|
return (
|
|
511
511
|
// we are dealing with nested routes
|
|
512
|
-
E > 1 &&
|
|
513
|
-
|
|
512
|
+
E > 1 && me(M) === H && A[A.length - 1].path !== H ? A.findIndex(
|
|
513
|
+
he.bind(null, h[E - 2])
|
|
514
514
|
) : O
|
|
515
515
|
);
|
|
516
|
-
}), g =
|
|
517
|
-
() => f.value === !0 &&
|
|
518
|
-
), v =
|
|
519
|
-
() => g.value === !0 &&
|
|
520
|
-
), p =
|
|
516
|
+
}), g = u(
|
|
517
|
+
() => f.value === !0 && s.value !== -1 && gt(o.$route.params, y.value.params)
|
|
518
|
+
), v = u(
|
|
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
521
|
function _(h) {
|
|
522
522
|
try {
|
|
523
523
|
return o.$router.resolve(h);
|
|
@@ -543,15 +543,15 @@ function mt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
|
543
543
|
function C(h) {
|
|
544
544
|
if (f.value === !0) {
|
|
545
545
|
const E = (M) => w(h, M);
|
|
546
|
-
|
|
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
552
|
hasHrefLink: r,
|
|
553
553
|
hasLink: k,
|
|
554
|
-
linkTag:
|
|
554
|
+
linkTag: d,
|
|
555
555
|
resolvedLink: y,
|
|
556
556
|
linkIsActive: g,
|
|
557
557
|
linkIsExactActive: v,
|
|
@@ -562,30 +562,30 @@ function mt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
|
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
|
-
function
|
|
583
|
-
const t =
|
|
582
|
+
function Zt(e) {
|
|
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 _t = {
|
|
|
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
|
),
|
|
@@ -615,7 +615,7 @@ const _t = {
|
|
|
615
615
|
default: !0
|
|
616
616
|
},
|
|
617
617
|
align: {
|
|
618
|
-
...
|
|
618
|
+
...dt.align,
|
|
619
619
|
default: "center"
|
|
620
620
|
},
|
|
621
621
|
stack: Boolean,
|
|
@@ -625,179 +625,180 @@ const _t = {
|
|
|
625
625
|
default: null
|
|
626
626
|
},
|
|
627
627
|
disable: Boolean
|
|
628
|
-
},
|
|
629
|
-
|
|
628
|
+
}, qt = {
|
|
629
|
+
...$t,
|
|
630
630
|
round: Boolean
|
|
631
631
|
};
|
|
632
|
-
function
|
|
633
|
-
const t =
|
|
632
|
+
function St(e) {
|
|
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
|
-
}), S =
|
|
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((p) => p in
|
|
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
|
-
}), y =
|
|
642
|
+
}), y = u(
|
|
643
643
|
() => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
|
|
644
|
-
), f =
|
|
644
|
+
), f = u(
|
|
645
645
|
() => e.disable !== !0 && e.loading !== !0
|
|
646
|
-
), k =
|
|
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 o.value === !0 ? Object.assign(v, l.value) :
|
|
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
657
|
const p = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
|
|
658
|
-
return `q-btn--${
|
|
659
|
-
}), g =
|
|
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
|
+
}), 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
666
|
attributes: q,
|
|
667
667
|
hasLink: o,
|
|
668
|
-
linkTag:
|
|
668
|
+
linkTag: c,
|
|
669
669
|
navigateOnClick: r,
|
|
670
670
|
isActionable: f
|
|
671
671
|
};
|
|
672
672
|
}
|
|
673
|
-
const { passiveCapture: R } =
|
|
674
|
-
let
|
|
675
|
-
const
|
|
673
|
+
const { passiveCapture: R } = ee;
|
|
674
|
+
let j = null, I = null, V = null;
|
|
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]
|
|
682
682
|
},
|
|
683
683
|
emits: ["click", "keydown", "mousedown", "keyup"],
|
|
684
684
|
setup(e, { slots: t, emit: a }) {
|
|
685
|
-
const { proxy: n } =
|
|
685
|
+
const { proxy: n } = J(), {
|
|
686
686
|
classes: o,
|
|
687
|
-
style:
|
|
687
|
+
style: c,
|
|
688
688
|
innerClasses: l,
|
|
689
689
|
attributes: r,
|
|
690
690
|
hasLink: S,
|
|
691
691
|
linkTag: y,
|
|
692
692
|
navigateOnClick: f,
|
|
693
693
|
isActionable: k
|
|
694
|
-
} =
|
|
695
|
-
let
|
|
696
|
-
const p =
|
|
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
|
-
}), w =
|
|
702
|
-
const
|
|
703
|
-
return
|
|
704
|
-
}), h =
|
|
701
|
+
}), w = u(() => ({ center: e.round })), C = u(() => {
|
|
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
|
-
onMousedown:
|
|
708
|
-
onTouchstart:
|
|
709
|
-
onClick:
|
|
710
|
-
onKeydown:
|
|
711
|
-
onKeyup:
|
|
707
|
+
onMousedown: F,
|
|
708
|
+
onTouchstart: F,
|
|
709
|
+
onClick: F,
|
|
710
|
+
onKeydown: F,
|
|
711
|
+
onKeyup: F
|
|
712
712
|
};
|
|
713
713
|
if (k.value === !0) {
|
|
714
|
-
const
|
|
714
|
+
const i = {
|
|
715
715
|
onClick: M,
|
|
716
716
|
onKeydown: A,
|
|
717
|
-
onMousedown:
|
|
717
|
+
onMousedown: H
|
|
718
718
|
};
|
|
719
719
|
if (n.$q.platform.has.touch === !0) {
|
|
720
720
|
const b = e.onTouchstart !== void 0 ? "" : "Passive";
|
|
721
|
-
|
|
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
|
-
}), E =
|
|
730
|
-
ref:
|
|
729
|
+
}), E = u(() => ({
|
|
730
|
+
ref: d,
|
|
731
731
|
class: "q-btn q-btn-item non-selectable no-outline " + o.value,
|
|
732
|
-
style:
|
|
732
|
+
style: c.value,
|
|
733
733
|
...r.value,
|
|
734
734
|
...h.value
|
|
735
735
|
}));
|
|
736
|
-
function M(
|
|
737
|
-
if (
|
|
738
|
-
if (
|
|
739
|
-
if (
|
|
740
|
-
return;
|
|
736
|
+
function M(i) {
|
|
737
|
+
if (d.value !== null) {
|
|
738
|
+
if (i !== void 0) {
|
|
739
|
+
if (i.defaultPrevented === !0) return;
|
|
741
740
|
const b = document.activeElement;
|
|
742
|
-
if (e.type === "submit" && b !== document.body &&
|
|
743
|
-
|
|
744
|
-
const
|
|
745
|
-
|
|
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
|
+
var Q;
|
|
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 A(
|
|
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 O(
|
|
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
|
|
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 P(
|
|
765
|
-
if (
|
|
766
|
-
if (
|
|
767
|
-
if (
|
|
768
|
-
const b = new MouseEvent("click",
|
|
769
|
-
b.qKeyEvent = !0,
|
|
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
|
|
776
|
+
function K(i) {
|
|
777
|
+
var D, Q;
|
|
777
778
|
const b = q.value;
|
|
778
|
-
|
|
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");
|
|
779
780
|
}
|
|
780
|
-
function
|
|
781
|
-
|
|
781
|
+
function F(i) {
|
|
782
|
+
x(i), i.qSkipRipple = !0;
|
|
782
783
|
}
|
|
783
|
-
return
|
|
784
|
-
|
|
784
|
+
return ze(() => {
|
|
785
|
+
K(!0);
|
|
785
786
|
}), Object.assign(n, {
|
|
786
|
-
click: (
|
|
787
|
-
k.value === !0 && M(
|
|
787
|
+
click: (i) => {
|
|
788
|
+
k.value === !0 && M(i);
|
|
788
789
|
}
|
|
789
790
|
}), () => {
|
|
790
|
-
let
|
|
791
|
-
e.icon !== void 0 &&
|
|
792
|
-
m(
|
|
791
|
+
let i = [];
|
|
792
|
+
e.icon !== void 0 && i.push(
|
|
793
|
+
m(ve, {
|
|
793
794
|
name: e.icon,
|
|
794
795
|
left: e.stack !== !0 && p.value === !0,
|
|
795
796
|
role: "img"
|
|
796
797
|
})
|
|
797
|
-
), p.value === !0 &&
|
|
798
|
+
), p.value === !0 && i.push(
|
|
798
799
|
m("span", { class: "block" }, [e.label])
|
|
799
|
-
),
|
|
800
|
-
m(
|
|
800
|
+
), i = N(t.default, i), e.iconRight !== void 0 && e.round === !1 && i.push(
|
|
801
|
+
m(ve, {
|
|
801
802
|
name: e.iconRight,
|
|
802
803
|
right: e.stack !== !0 && p.value === !0,
|
|
803
804
|
role: "img"
|
|
@@ -821,24 +822,24 @@ const St = J({
|
|
|
821
822
|
), b.push(
|
|
822
823
|
m("span", {
|
|
823
824
|
class: "q-btn__content text-center col items-center q-anchor--skip " + l.value
|
|
824
|
-
},
|
|
825
|
+
}, i)
|
|
825
826
|
), e.loading !== null && b.push(
|
|
826
|
-
m(
|
|
827
|
+
m(Te, {
|
|
827
828
|
name: "q-transition--fade"
|
|
828
829
|
}, () => e.loading === !0 ? [
|
|
829
830
|
m("span", {
|
|
830
831
|
key: "loading",
|
|
831
832
|
class: "absolute-full flex flex-center"
|
|
832
|
-
}, t.loading !== void 0 ? t.loading() : [m(
|
|
833
|
+
}, t.loading !== void 0 ? t.loading() : [m(tt)])
|
|
833
834
|
] : null)
|
|
834
|
-
),
|
|
835
|
+
), re(
|
|
835
836
|
m(
|
|
836
837
|
y.value,
|
|
837
838
|
E.value,
|
|
838
839
|
b
|
|
839
840
|
),
|
|
840
841
|
[[
|
|
841
|
-
|
|
842
|
+
ut,
|
|
842
843
|
_.value,
|
|
843
844
|
void 0,
|
|
844
845
|
w.value
|
|
@@ -846,14 +847,14 @@ const St = J({
|
|
|
846
847
|
);
|
|
847
848
|
};
|
|
848
849
|
}
|
|
849
|
-
}),
|
|
850
|
+
}), Bt = /* @__PURE__ */ U({
|
|
850
851
|
__name: "AppButton",
|
|
851
852
|
props: {
|
|
852
853
|
size: { default: $.MD },
|
|
853
854
|
transparent: { type: Boolean },
|
|
854
855
|
flat: { type: Boolean },
|
|
855
856
|
rounded: { type: Boolean },
|
|
856
|
-
color: { default:
|
|
857
|
+
color: { default: Be.PRIMARY },
|
|
857
858
|
iconLeft: {},
|
|
858
859
|
iconRight: {},
|
|
859
860
|
iconMiddle: {},
|
|
@@ -869,7 +870,7 @@ const St = J({
|
|
|
869
870
|
},
|
|
870
871
|
emits: ["click"],
|
|
871
872
|
setup(e) {
|
|
872
|
-
const t = e, a =
|
|
873
|
+
const t = e, a = u(() => [
|
|
873
874
|
"app-btn",
|
|
874
875
|
{
|
|
875
876
|
"app-btn_default": !t.transparent && !t.flat,
|
|
@@ -885,11 +886,11 @@ const St = J({
|
|
|
885
886
|
},
|
|
886
887
|
`app-btn_${t.color}`
|
|
887
888
|
]);
|
|
888
|
-
return (n, o) => (B(),
|
|
889
|
+
return (n, o) => (B(), $e(Y(wt), {
|
|
889
890
|
"no-caps": "",
|
|
890
891
|
unelevated: "",
|
|
891
892
|
class: z(a.value),
|
|
892
|
-
padding:
|
|
893
|
+
padding: Y(Ke)[n.size || Y($).MD],
|
|
893
894
|
loading: n.loading,
|
|
894
895
|
disable: n.disabled || void 0,
|
|
895
896
|
to: n.to,
|
|
@@ -898,9 +899,9 @@ const St = J({
|
|
|
898
899
|
type: n.submit ? "submit" : void 0,
|
|
899
900
|
"aria-label": n.ariaLabel,
|
|
900
901
|
download: n.download,
|
|
901
|
-
onClick: o[0] || (o[0] = (
|
|
902
|
+
onClick: o[0] || (o[0] = (c) => n.$emit("click", c))
|
|
902
903
|
}, {
|
|
903
|
-
default:
|
|
904
|
+
default: Oe(() => [
|
|
904
905
|
n.iconLeft || n.iconMiddle ? (B(), L("i", {
|
|
905
906
|
key: 0,
|
|
906
907
|
class: z([
|
|
@@ -910,9 +911,9 @@ const St = J({
|
|
|
910
911
|
n.transparent || n.flat ? `text-${n.color}` : "text-secondary"
|
|
911
912
|
])
|
|
912
913
|
}, null, 2)) : T("", !0),
|
|
913
|
-
|
|
914
|
-
n.label ? (B(), L(
|
|
915
|
-
|
|
914
|
+
qe(n.$slots, "default", {}, void 0, !0),
|
|
915
|
+
n.label ? (B(), L(Se, { key: 1 }, [
|
|
916
|
+
De(W(n.label), 1)
|
|
916
917
|
], 64)) : T("", !0),
|
|
917
918
|
n.iconRight ? (B(), L("i", {
|
|
918
919
|
key: 2,
|
|
@@ -927,25 +928,25 @@ const St = J({
|
|
|
927
928
|
_: 3
|
|
928
929
|
}, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label", "download"]));
|
|
929
930
|
}
|
|
930
|
-
}),
|
|
931
|
+
}), te = (e, t) => {
|
|
931
932
|
const a = e.__vccOpts || e;
|
|
932
933
|
for (const [n, o] of t)
|
|
933
934
|
a[n] = o;
|
|
934
935
|
return a;
|
|
935
|
-
},
|
|
936
|
+
}, en = /* @__PURE__ */ te(Bt, [["__scopeId", "data-v-99788ad1"]]), Ct = {
|
|
936
937
|
key: 0,
|
|
937
938
|
class: "app-toggle__label app-toggle__label_left"
|
|
938
|
-
},
|
|
939
|
+
}, Lt = { class: "app-toggle__container" }, Et = ["checked", "disabled"], Rt = { class: "app-toggle__thumb" }, Mt = {
|
|
939
940
|
key: 1,
|
|
940
941
|
class: "app-toggle__label"
|
|
941
|
-
},
|
|
942
|
+
}, Pt = /* @__PURE__ */ U({
|
|
942
943
|
__name: "AppToggle",
|
|
943
944
|
props: {
|
|
944
945
|
modelValue: { type: Boolean },
|
|
945
946
|
size: { default: $.MD },
|
|
946
947
|
label: {},
|
|
947
948
|
disabled: { type: Boolean },
|
|
948
|
-
color: { default:
|
|
949
|
+
color: { default: Be.PRIMARY },
|
|
949
950
|
iconColor: {},
|
|
950
951
|
icon: {},
|
|
951
952
|
iconActive: {},
|
|
@@ -953,12 +954,12 @@ const St = J({
|
|
|
953
954
|
},
|
|
954
955
|
emits: ["update:modelValue"],
|
|
955
956
|
setup(e, { emit: t }) {
|
|
956
|
-
const a = e, n = t, o =
|
|
957
|
+
const a = e, n = t, o = u({
|
|
957
958
|
get: () => a.modelValue,
|
|
958
959
|
set: (l) => {
|
|
959
960
|
n("update:modelValue", l);
|
|
960
961
|
}
|
|
961
|
-
}),
|
|
962
|
+
}), c = u(() => [
|
|
962
963
|
"app-toggle",
|
|
963
964
|
{
|
|
964
965
|
"app-toggle_sm": a.size === $.SM,
|
|
@@ -970,21 +971,21 @@ const St = J({
|
|
|
970
971
|
`app-toggle_${a.color}`
|
|
971
972
|
]);
|
|
972
973
|
return (l, r) => (B(), L("div", {
|
|
973
|
-
class: z(
|
|
974
|
+
class: z(c.value)
|
|
974
975
|
}, [
|
|
975
|
-
l.label && l.labelLeft ? (B(), L("span",
|
|
976
|
-
|
|
977
|
-
|
|
976
|
+
l.label && l.labelLeft ? (B(), L("span", Ct, W(l.label), 1)) : T("", !0),
|
|
977
|
+
G("label", Lt, [
|
|
978
|
+
G("input", {
|
|
978
979
|
type: "checkbox",
|
|
979
980
|
checked: o.value,
|
|
980
981
|
onChange: r[0] || (r[0] = (S) => o.value = !o.value),
|
|
981
982
|
disabled: l.disabled,
|
|
982
983
|
class: "app-toggle__input"
|
|
983
|
-
}, null, 40,
|
|
984
|
-
|
|
984
|
+
}, null, 40, Et),
|
|
985
|
+
G("span", {
|
|
985
986
|
class: z(["app-toggle__slider", o.value ? `bg-${l.color}` : ""])
|
|
986
987
|
}, [
|
|
987
|
-
|
|
988
|
+
G("span", Rt, [
|
|
988
989
|
l.icon && !l.modelValue ? (B(), L("i", {
|
|
989
990
|
key: 0,
|
|
990
991
|
class: z(["icon-kl", `icon-kl-${l.icon}`, "app-toggle__icon"])
|
|
@@ -1000,12 +1001,12 @@ const St = J({
|
|
|
1000
1001
|
}, null, 2)) : T("", !0)
|
|
1001
1002
|
])
|
|
1002
1003
|
], 2),
|
|
1003
|
-
|
|
1004
|
+
qe(l.$slots, "default", {}, void 0, !0)
|
|
1004
1005
|
]),
|
|
1005
|
-
l.label && !l.labelLeft ? (B(), L("span",
|
|
1006
|
+
l.label && !l.labelLeft ? (B(), L("span", Mt, W(l.label), 1)) : T("", !0)
|
|
1006
1007
|
], 2));
|
|
1007
1008
|
}
|
|
1008
|
-
}),
|
|
1009
|
+
}), tn = /* @__PURE__ */ te(Pt, [["__scopeId", "data-v-e0e56123"]]), At = /* @__PURE__ */ U({
|
|
1009
1010
|
__name: "AppIcon",
|
|
1010
1011
|
props: {
|
|
1011
1012
|
name: {},
|
|
@@ -1015,35 +1016,35 @@ const St = J({
|
|
|
1015
1016
|
setup(e) {
|
|
1016
1017
|
return (t, a) => (B(), L("i", {
|
|
1017
1018
|
class: z(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
|
|
1018
|
-
style:
|
|
1019
|
+
style: we(t.size ? `font-size: ${t.size}` : void 0)
|
|
1019
1020
|
}, null, 6));
|
|
1020
1021
|
}
|
|
1021
|
-
}),
|
|
1022
|
+
}), nn = /* @__PURE__ */ te(At, [["__scopeId", "data-v-941765ee"]]), zt = {
|
|
1022
1023
|
dark: {
|
|
1023
1024
|
type: Boolean,
|
|
1024
1025
|
default: null
|
|
1025
1026
|
}
|
|
1026
1027
|
};
|
|
1027
|
-
function
|
|
1028
|
-
return
|
|
1028
|
+
function Tt(e, t) {
|
|
1029
|
+
return u(() => e.dark === null ? t.dark.isActive : e.dark);
|
|
1029
1030
|
}
|
|
1030
|
-
const
|
|
1031
|
+
const Ot = {
|
|
1031
1032
|
xs: 2,
|
|
1032
1033
|
sm: 4,
|
|
1033
1034
|
md: 6,
|
|
1034
1035
|
lg: 10,
|
|
1035
1036
|
xl: 14
|
|
1036
1037
|
};
|
|
1037
|
-
function
|
|
1038
|
+
function ke(e, t, a) {
|
|
1038
1039
|
return {
|
|
1039
1040
|
transform: t === !0 ? `translateX(${a.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
|
|
1040
1041
|
};
|
|
1041
1042
|
}
|
|
1042
|
-
const
|
|
1043
|
+
const Dt = Z({
|
|
1043
1044
|
name: "QLinearProgress",
|
|
1044
1045
|
props: {
|
|
1045
|
-
...
|
|
1046
|
-
...
|
|
1046
|
+
...zt,
|
|
1047
|
+
...se,
|
|
1047
1048
|
value: {
|
|
1048
1049
|
type: Number,
|
|
1049
1050
|
default: 0
|
|
@@ -1063,16 +1064,16 @@ const Ot = J({
|
|
|
1063
1064
|
instantFeedback: Boolean
|
|
1064
1065
|
},
|
|
1065
1066
|
setup(e, { slots: t }) {
|
|
1066
|
-
const { proxy: a } =
|
|
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(() => ({
|
|
1067
1068
|
...o.value !== null ? o.value : {},
|
|
1068
1069
|
"--q-linear-progress-speed": `${e.animationSpeed}ms`
|
|
1069
|
-
})), S =
|
|
1070
|
+
})), S = u(
|
|
1070
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" : "")
|
|
1071
|
-
), y =
|
|
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(
|
|
1072
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}` : "")
|
|
1073
|
-
),
|
|
1074
|
-
() => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${
|
|
1075
|
-
),
|
|
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(
|
|
1076
1077
|
() => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
|
|
1077
1078
|
);
|
|
1078
1079
|
return () => {
|
|
@@ -1083,13 +1084,13 @@ const Ot = J({
|
|
|
1083
1084
|
}),
|
|
1084
1085
|
m("div", {
|
|
1085
1086
|
class: q.value,
|
|
1086
|
-
style:
|
|
1087
|
+
style: d.value
|
|
1087
1088
|
})
|
|
1088
1089
|
];
|
|
1089
|
-
return e.stripe === !0 &&
|
|
1090
|
+
return e.stripe === !0 && c.value === !1 && v.push(
|
|
1090
1091
|
m("div", {
|
|
1091
1092
|
class: g.value,
|
|
1092
|
-
style:
|
|
1093
|
+
style: s.value
|
|
1093
1094
|
})
|
|
1094
1095
|
), m("div", {
|
|
1095
1096
|
class: S.value,
|
|
@@ -1098,13 +1099,13 @@ const Ot = J({
|
|
|
1098
1099
|
"aria-valuemin": 0,
|
|
1099
1100
|
"aria-valuemax": 1,
|
|
1100
1101
|
"aria-valuenow": e.indeterminate === !0 ? void 0 : e.value
|
|
1101
|
-
},
|
|
1102
|
+
}, N(t.default, v));
|
|
1102
1103
|
};
|
|
1103
1104
|
}
|
|
1104
|
-
}),
|
|
1105
|
+
}), xt = {
|
|
1105
1106
|
key: 0,
|
|
1106
1107
|
class: "code-field__label"
|
|
1107
|
-
},
|
|
1108
|
+
}, jt = { class: "code-field__inputs" }, It = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], Vt = /* @__PURE__ */ U({
|
|
1108
1109
|
__name: "AppCodeInput",
|
|
1109
1110
|
props: {
|
|
1110
1111
|
length: { default: 5 },
|
|
@@ -1117,7 +1118,7 @@ const Ot = J({
|
|
|
1117
1118
|
},
|
|
1118
1119
|
emits: ["update:modelValue", "completed"],
|
|
1119
1120
|
setup(e, { expose: t, emit: a }) {
|
|
1120
|
-
const n = e, o = a,
|
|
1121
|
+
const n = e, o = a, c = X(Array(n.length).fill("")), l = X([]), r = u(() => [
|
|
1121
1122
|
"code-field",
|
|
1122
1123
|
{
|
|
1123
1124
|
"code-field_sm": n.size === $.SM,
|
|
@@ -1126,139 +1127,139 @@ const Ot = J({
|
|
|
1126
1127
|
"code-field_disabled": n.disabled || n.loading
|
|
1127
1128
|
},
|
|
1128
1129
|
`code-field_${n.color}`
|
|
1129
|
-
]), S =
|
|
1130
|
-
let
|
|
1131
|
-
return n.size == $.SM && (
|
|
1132
|
-
}), y = (
|
|
1130
|
+
]), S = u(() => {
|
|
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) => {
|
|
1133
1134
|
var _;
|
|
1134
|
-
const p =
|
|
1135
|
+
const p = s.target.value;
|
|
1135
1136
|
if (p.length === 1)
|
|
1136
1137
|
g < n.length - 1 && l.value && ((_ = l.value[g + 1]) == null || _.focus());
|
|
1137
1138
|
else if (p.length > 1) {
|
|
1138
1139
|
const w = p.slice(0, n.length - g).split("");
|
|
1139
1140
|
w.forEach((C, h) => {
|
|
1140
|
-
|
|
1141
|
-
}),
|
|
1141
|
+
c.value[g + h] = C;
|
|
1142
|
+
}), ce(() => {
|
|
1142
1143
|
var C;
|
|
1143
1144
|
l.value && ((C = l.value[Math.min(g + w.length, n.length - 1)]) == null || C.focus());
|
|
1144
1145
|
});
|
|
1145
1146
|
}
|
|
1146
|
-
}, f = (
|
|
1147
|
+
}, f = (s) => {
|
|
1147
1148
|
var g;
|
|
1148
|
-
|
|
1149
|
-
}, k = (
|
|
1149
|
+
c.value[s] === "" && l.value && s > 0 && ((g = l.value[s - 1]) == null || g.focus());
|
|
1150
|
+
}, k = (s, g) => {
|
|
1150
1151
|
var _;
|
|
1151
|
-
|
|
1152
|
-
const v = ((_ =
|
|
1152
|
+
s.preventDefault();
|
|
1153
|
+
const v = ((_ = s.clipboardData) == null ? void 0 : _.getData("text")) ?? "";
|
|
1153
1154
|
if (!v) return;
|
|
1154
1155
|
const p = v.slice(0, n.length - g).split("");
|
|
1155
1156
|
p.forEach((w, C) => {
|
|
1156
|
-
|
|
1157
|
-
}),
|
|
1157
|
+
c.value[g + C] = w;
|
|
1158
|
+
}), ce(() => {
|
|
1158
1159
|
var w;
|
|
1159
1160
|
l.value && ((w = l.value[Math.min(g + p.length, n.length - 1)]) == null || w.focus());
|
|
1160
1161
|
});
|
|
1161
1162
|
};
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
(
|
|
1165
|
-
const g =
|
|
1166
|
-
|
|
1163
|
+
xe(
|
|
1164
|
+
c,
|
|
1165
|
+
(s) => {
|
|
1166
|
+
const g = s.join("");
|
|
1167
|
+
d(g);
|
|
1167
1168
|
},
|
|
1168
1169
|
{ deep: !0 }
|
|
1169
1170
|
);
|
|
1170
|
-
const
|
|
1171
|
-
o("update:modelValue",
|
|
1172
|
-
}, q = (
|
|
1173
|
-
|
|
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));
|
|
1174
1175
|
};
|
|
1175
|
-
return
|
|
1176
|
+
return je(() => {
|
|
1176
1177
|
n.autofocus && l.value && l.value[0] && l.value[0].focus();
|
|
1177
1178
|
}), t({
|
|
1178
1179
|
injectCode: q
|
|
1179
|
-
}), (
|
|
1180
|
+
}), (s, g) => (B(), L("div", {
|
|
1180
1181
|
class: z(r.value),
|
|
1181
|
-
style:
|
|
1182
|
+
style: we(S.value)
|
|
1182
1183
|
}, [
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
(B(!0), L(
|
|
1184
|
+
s.label ? (B(), L("label", xt, W(s.label), 1)) : T("", !0),
|
|
1185
|
+
G("div", jt, [
|
|
1186
|
+
(B(!0), L(Se, null, Ie(s.length, (v, p) => re((B(), L("input", {
|
|
1186
1187
|
key: p,
|
|
1187
|
-
"onUpdate:modelValue": (_) =>
|
|
1188
|
+
"onUpdate:modelValue": (_) => c.value[p] = _,
|
|
1188
1189
|
ref_for: !0,
|
|
1189
1190
|
ref_key: "inputRefs",
|
|
1190
1191
|
ref: l,
|
|
1191
1192
|
type: "text",
|
|
1192
1193
|
maxlength: "1",
|
|
1193
1194
|
class: "code-field__input",
|
|
1194
|
-
disabled:
|
|
1195
|
+
disabled: s.disabled || s.loading,
|
|
1195
1196
|
onInput: (_) => y(_, p),
|
|
1196
|
-
onKeydown:
|
|
1197
|
+
onKeydown: Ve((_) => f(p), ["backspace"]),
|
|
1197
1198
|
onPaste: (_) => k(_, p)
|
|
1198
|
-
}, null, 40,
|
|
1199
|
-
[
|
|
1199
|
+
}, null, 40, It)), [
|
|
1200
|
+
[Ne, c.value[p]]
|
|
1200
1201
|
])), 128))
|
|
1201
1202
|
]),
|
|
1202
|
-
|
|
1203
|
+
s.loading ? (B(), $e(Dt, {
|
|
1203
1204
|
key: 1,
|
|
1204
1205
|
indeterminate: "",
|
|
1205
1206
|
rounded: "",
|
|
1206
|
-
color:
|
|
1207
|
+
color: s.color,
|
|
1207
1208
|
class: "code-field__loading"
|
|
1208
1209
|
}, null, 8, ["color"])) : T("", !0)
|
|
1209
1210
|
], 6));
|
|
1210
1211
|
}
|
|
1211
|
-
}),
|
|
1212
|
-
() => import("./AppButtonCopy-
|
|
1213
|
-
),
|
|
1214
|
-
() => import("./AppSelect-
|
|
1215
|
-
),
|
|
1216
|
-
() => 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")
|
|
1217
1218
|
);
|
|
1218
1219
|
export {
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1220
|
+
en as A,
|
|
1221
|
+
rt as B,
|
|
1222
|
+
Be as C,
|
|
1223
|
+
vt as D,
|
|
1224
|
+
Xt as E,
|
|
1225
|
+
Wt as F,
|
|
1226
|
+
Gt as G,
|
|
1227
|
+
nt as H,
|
|
1228
|
+
at as I,
|
|
1229
|
+
rn as J,
|
|
1230
|
+
ln as K,
|
|
1231
|
+
on as L,
|
|
1232
|
+
an as M,
|
|
1233
|
+
tn as N,
|
|
1234
|
+
nn as O,
|
|
1235
|
+
ve as Q,
|
|
1236
|
+
ut as R,
|
|
1236
1237
|
$ as S,
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1238
|
+
te as _,
|
|
1239
|
+
zt as a,
|
|
1240
|
+
Tt as b,
|
|
1241
|
+
Z as c,
|
|
1242
|
+
ue as d,
|
|
1243
|
+
N as e,
|
|
1244
|
+
Jt as f,
|
|
1245
|
+
ht as g,
|
|
1246
|
+
Qe as h,
|
|
1247
|
+
oe as i,
|
|
1248
|
+
Kt as j,
|
|
1249
|
+
tt as k,
|
|
1250
|
+
Qt as l,
|
|
1251
|
+
Ft as m,
|
|
1252
|
+
ee as n,
|
|
1253
|
+
Yt as o,
|
|
1254
|
+
lt as p,
|
|
1255
|
+
Ut as q,
|
|
1256
|
+
Ht as r,
|
|
1257
|
+
x as s,
|
|
1258
|
+
it as t,
|
|
1259
|
+
se as u,
|
|
1260
|
+
Re as v,
|
|
1261
|
+
$t as w,
|
|
1262
|
+
Zt as x,
|
|
1263
|
+
wt as y,
|
|
1264
|
+
ot as z
|
|
1264
1265
|
};
|