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