@validol4ik/uikit 0.7.5 → 0.7.6
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-B51hyMd1.cjs → AppButtonCopy-B0pAql3_.cjs} +1 -1
- package/dist/{AppButtonCopy-D1LXQMmX.js → AppButtonCopy-Bs_VyYks.js} +1 -1
- package/dist/{AppSelect-DVEWnVCH.js → AppSelect-CM7VmZbO.js} +2 -2
- package/dist/{AppSelect-AdbvdZUi.cjs → AppSelect-k1_Cbs8G.cjs} +1 -1
- package/dist/{DropdownButton-TuZuD8GY.js → DropdownButton-CYyc9_Lq.js} +2 -2
- package/dist/{DropdownButton-D7EJUeDC.cjs → DropdownButton-CfWdbC8e.cjs} +1 -1
- package/dist/{QMenu-6BFoPggJ.js → QMenu--fXzk4AC.js} +238 -251
- package/dist/QMenu-CF3zX2TJ.cjs +1 -0
- package/dist/{index-DgY0kstn.js → index-CjKlLZUF.js} +511 -444
- package/dist/index-D64HG0zq.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/QMenu-uB6Zqa0Q.cjs +0 -1
- package/dist/index-Ik1k1L31.cjs +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { computed as r, markRaw as
|
|
2
|
-
const
|
|
1
|
+
import { computed as r, markRaw as Ee, defineComponent as K, h as m, withDirectives as oe, getCurrentInstance as ee, unref as Z, ref as W, onBeforeUnmount as Fe, Transition as Qe, createBlock as ae, openBlock as b, normalizeClass as L, withCtx as Ue, createElementBlock as _, createCommentVNode as A, renderSlot as se, Fragment as ie, createTextVNode as Le, toDisplayString as Y, createElementVNode as T, toRaw as Q, createVNode as He, normalizeStyle as re, watch as Xe, onMounted as We, renderList as Pe, withKeys as Ye, vModelText as Ge, nextTick as he, mergeModels as Je, useModel as Ze, defineAsyncComponent as pe } from "vue";
|
|
2
|
+
const _n = ({ app: e }) => {
|
|
3
3
|
const t = e.config.globalProperties.$q;
|
|
4
4
|
t.iconMapFn = (n) => {
|
|
5
5
|
if (n.startsWith("icon-kl:"))
|
|
@@ -7,7 +7,7 @@ const gn = ({ app: e }) => {
|
|
|
7
7
|
cls: `icon-kl icon-kl-${n.slice(8)}`
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
|
-
},
|
|
10
|
+
}, Re = {
|
|
11
11
|
PRIMARY: "primary",
|
|
12
12
|
INFO: "info"
|
|
13
13
|
}, z = {
|
|
@@ -15,33 +15,33 @@ const gn = ({ app: e }) => {
|
|
|
15
15
|
MD: "md",
|
|
16
16
|
LG: "lg",
|
|
17
17
|
XL: "xl"
|
|
18
|
-
},
|
|
18
|
+
}, et = {
|
|
19
19
|
[z.SM]: "3px 9px",
|
|
20
20
|
[z.MD]: "5px 12px",
|
|
21
21
|
[z.LG]: "6px 15px",
|
|
22
22
|
[z.XL]: "9px 20px"
|
|
23
|
-
},
|
|
23
|
+
}, me = {
|
|
24
24
|
xs: 18,
|
|
25
25
|
sm: 24,
|
|
26
26
|
md: 32,
|
|
27
27
|
lg: 38,
|
|
28
28
|
xl: 46
|
|
29
|
-
},
|
|
29
|
+
}, ue = {
|
|
30
30
|
size: String
|
|
31
31
|
};
|
|
32
|
-
function
|
|
32
|
+
function ce(e, t = me) {
|
|
33
33
|
return r(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
|
|
34
34
|
}
|
|
35
35
|
function te(e) {
|
|
36
|
-
return
|
|
36
|
+
return Ee(K(e));
|
|
37
37
|
}
|
|
38
|
-
function
|
|
39
|
-
return
|
|
38
|
+
function Me(e) {
|
|
39
|
+
return Ee(e);
|
|
40
40
|
}
|
|
41
|
-
function
|
|
41
|
+
function Ae(e, t) {
|
|
42
42
|
return e !== void 0 && e() || t;
|
|
43
43
|
}
|
|
44
|
-
function
|
|
44
|
+
function $n(e, t) {
|
|
45
45
|
if (e !== void 0) {
|
|
46
46
|
const n = e();
|
|
47
47
|
if (n != null)
|
|
@@ -52,40 +52,40 @@ function mn(e, t) {
|
|
|
52
52
|
function N(e, t) {
|
|
53
53
|
return e !== void 0 ? t.concat(e()) : t;
|
|
54
54
|
}
|
|
55
|
-
function
|
|
55
|
+
function qn(e, t) {
|
|
56
56
|
return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
|
|
57
57
|
}
|
|
58
|
-
function
|
|
58
|
+
function Sn(e, t, n, a, s, l) {
|
|
59
59
|
t.key = a + s;
|
|
60
|
-
const o =
|
|
61
|
-
return s === !0 ?
|
|
60
|
+
const o = m(e, t, n);
|
|
61
|
+
return s === !0 ? oe(o, l()) : o;
|
|
62
62
|
}
|
|
63
|
-
const be = "0 0 24 24",
|
|
63
|
+
const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
|
|
64
64
|
"mdi-": (e) => `mdi ${e}`,
|
|
65
|
-
"icon-":
|
|
65
|
+
"icon-": fe,
|
|
66
66
|
// fontawesome equiv
|
|
67
67
|
"bt-": (e) => `bt ${e}`,
|
|
68
68
|
"eva-": (e) => `eva ${e}`,
|
|
69
|
-
"ion-md":
|
|
70
|
-
"ion-ios":
|
|
71
|
-
"ion-logo":
|
|
72
|
-
"iconfont ":
|
|
69
|
+
"ion-md": ve,
|
|
70
|
+
"ion-ios": ve,
|
|
71
|
+
"ion-logo": ve,
|
|
72
|
+
"iconfont ": fe,
|
|
73
73
|
"ti-": (e) => `themify-icon ${e}`,
|
|
74
74
|
"bi-": (e) => `bootstrap-icons ${e}`,
|
|
75
|
-
"i-":
|
|
75
|
+
"i-": fe
|
|
76
76
|
// UnoCSS pure icons
|
|
77
|
-
},
|
|
77
|
+
}, Ie = {
|
|
78
78
|
o_: "-outlined",
|
|
79
79
|
r_: "-round",
|
|
80
80
|
s_: "-sharp"
|
|
81
|
-
},
|
|
81
|
+
}, Te = {
|
|
82
82
|
sym_o_: "-outlined",
|
|
83
83
|
sym_r_: "-rounded",
|
|
84
84
|
sym_s_: "-sharp"
|
|
85
|
-
},
|
|
85
|
+
}, tt = new RegExp("^(" + Object.keys(Ve).join("|") + ")"), nt = new RegExp("^(" + Object.keys(Ie).join("|") + ")"), ke = new RegExp("^(" + Object.keys(Te).join("|") + ")"), at = /^[Mm]\s?[-+]?\.?\d/, lt = /^img:/, ot = /^svguse:/, st = /^ion-/, it = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, ge = te({
|
|
86
86
|
name: "QIcon",
|
|
87
87
|
props: {
|
|
88
|
-
...
|
|
88
|
+
...ue,
|
|
89
89
|
tag: {
|
|
90
90
|
type: String,
|
|
91
91
|
default: "i"
|
|
@@ -96,7 +96,7 @@ const be = "0 0 24 24", ue = (e) => e, ce = (e) => `ionicons ${e}`, Pe = {
|
|
|
96
96
|
right: Boolean
|
|
97
97
|
},
|
|
98
98
|
setup(e, { slots: t }) {
|
|
99
|
-
const { proxy: { $q: n } } = ee(), a =
|
|
99
|
+
const { proxy: { $q: n } } = ee(), a = ce(e), s = r(
|
|
100
100
|
() => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
|
|
101
101
|
), l = r(() => {
|
|
102
102
|
let o, i = e.name;
|
|
@@ -114,23 +114,23 @@ const be = "0 0 24 24", ue = (e) => e, ce = (e) => `ionicons ${e}`, Pe = {
|
|
|
114
114
|
content: f.content !== void 0 ? f.content : " "
|
|
115
115
|
};
|
|
116
116
|
}
|
|
117
|
-
if (
|
|
117
|
+
if (at.test(i) === !0) {
|
|
118
118
|
const [f, S = be] = i.split("|");
|
|
119
119
|
return {
|
|
120
120
|
svg: !0,
|
|
121
121
|
viewBox: S,
|
|
122
122
|
nodes: f.split("&&").map((d) => {
|
|
123
|
-
const [q, u,
|
|
124
|
-
return
|
|
123
|
+
const [q, u, g] = d.split("@@");
|
|
124
|
+
return m("path", { style: u, d: q, transform: g });
|
|
125
125
|
})
|
|
126
126
|
};
|
|
127
127
|
}
|
|
128
|
-
if (
|
|
128
|
+
if (lt.test(i) === !0)
|
|
129
129
|
return {
|
|
130
130
|
img: !0,
|
|
131
131
|
src: i.substring(4)
|
|
132
132
|
};
|
|
133
|
-
if (
|
|
133
|
+
if (ot.test(i) === !0) {
|
|
134
134
|
const [f, S = be] = i.split("|");
|
|
135
135
|
return {
|
|
136
136
|
svguse: !0,
|
|
@@ -139,21 +139,21 @@ const be = "0 0 24 24", ue = (e) => e, ce = (e) => `ionicons ${e}`, Pe = {
|
|
|
139
139
|
};
|
|
140
140
|
}
|
|
141
141
|
let $ = " ";
|
|
142
|
-
const
|
|
143
|
-
if (
|
|
144
|
-
o =
|
|
145
|
-
else if (
|
|
142
|
+
const y = i.match(tt);
|
|
143
|
+
if (y !== null)
|
|
144
|
+
o = Ve[y[1]](i);
|
|
145
|
+
else if (it.test(i) === !0)
|
|
146
146
|
o = i;
|
|
147
|
-
else if (
|
|
147
|
+
else if (st.test(i) === !0)
|
|
148
148
|
o = `ionicons ion-${n.platform.is.ios === !0 ? "ios" : "md"}${i.substring(3)}`;
|
|
149
|
-
else if (
|
|
149
|
+
else if (ke.test(i) === !0) {
|
|
150
150
|
o = "notranslate material-symbols";
|
|
151
|
-
const f = i.match(
|
|
152
|
-
f !== null && (i = i.substring(6), o +=
|
|
151
|
+
const f = i.match(ke);
|
|
152
|
+
f !== null && (i = i.substring(6), o += Te[f[1]]), $ = i;
|
|
153
153
|
} else {
|
|
154
154
|
o = "notranslate material-icons";
|
|
155
|
-
const f = i.match(
|
|
156
|
-
f !== null && (i = i.substring(2), o +=
|
|
155
|
+
const f = i.match(nt);
|
|
156
|
+
f !== null && (i = i.substring(2), o += Ie[f[1]]), $ = i;
|
|
157
157
|
}
|
|
158
158
|
return {
|
|
159
159
|
cls: o,
|
|
@@ -166,56 +166,56 @@ const be = "0 0 24 24", ue = (e) => e, ce = (e) => `ionicons ${e}`, Pe = {
|
|
|
166
166
|
style: a.value,
|
|
167
167
|
"aria-hidden": "true"
|
|
168
168
|
};
|
|
169
|
-
return l.value.none === !0 ?
|
|
170
|
-
|
|
171
|
-
])) : l.value.svg === !0 ?
|
|
172
|
-
|
|
169
|
+
return l.value.none === !0 ? m(e.tag, o, Ae(t.default)) : l.value.img === !0 ? m(e.tag, o, N(t.default, [
|
|
170
|
+
m("img", { src: l.value.src })
|
|
171
|
+
])) : l.value.svg === !0 ? m(e.tag, o, N(t.default, [
|
|
172
|
+
m("svg", {
|
|
173
173
|
viewBox: l.value.viewBox || "0 0 24 24"
|
|
174
174
|
}, l.value.nodes)
|
|
175
|
-
])) : l.value.svguse === !0 ?
|
|
176
|
-
|
|
175
|
+
])) : l.value.svguse === !0 ? m(e.tag, o, N(t.default, [
|
|
176
|
+
m("svg", {
|
|
177
177
|
viewBox: l.value.viewBox
|
|
178
178
|
}, [
|
|
179
|
-
|
|
179
|
+
m("use", { "xlink:href": l.value.src })
|
|
180
180
|
])
|
|
181
|
-
])) : (l.value.cls !== void 0 && (o.class += " " + l.value.cls),
|
|
181
|
+
])) : (l.value.cls !== void 0 && (o.class += " " + l.value.cls), m(e.tag, o, N(t.default, [
|
|
182
182
|
l.value.content
|
|
183
183
|
])));
|
|
184
184
|
};
|
|
185
185
|
}
|
|
186
|
-
}),
|
|
186
|
+
}), rt = {
|
|
187
187
|
size: {
|
|
188
188
|
type: [String, Number],
|
|
189
189
|
default: "1em"
|
|
190
190
|
},
|
|
191
191
|
color: String
|
|
192
192
|
};
|
|
193
|
-
function
|
|
193
|
+
function ut(e) {
|
|
194
194
|
return {
|
|
195
|
-
cSize: r(() => e.size in
|
|
195
|
+
cSize: r(() => e.size in me ? `${me[e.size]}px` : e.size),
|
|
196
196
|
classes: r(
|
|
197
197
|
() => "q-spinner" + (e.color ? ` text-${e.color}` : "")
|
|
198
198
|
)
|
|
199
199
|
};
|
|
200
200
|
}
|
|
201
|
-
const
|
|
201
|
+
const ze = te({
|
|
202
202
|
name: "QSpinner",
|
|
203
203
|
props: {
|
|
204
|
-
...
|
|
204
|
+
...rt,
|
|
205
205
|
thickness: {
|
|
206
206
|
type: Number,
|
|
207
207
|
default: 5
|
|
208
208
|
}
|
|
209
209
|
},
|
|
210
210
|
setup(e) {
|
|
211
|
-
const { cSize: t, classes: n } =
|
|
212
|
-
return () =>
|
|
211
|
+
const { cSize: t, classes: n } = ut(e);
|
|
212
|
+
return () => m("svg", {
|
|
213
213
|
class: n.value + " q-spinner-mat",
|
|
214
214
|
width: t.value,
|
|
215
215
|
height: t.value,
|
|
216
216
|
viewBox: "25 25 50 50"
|
|
217
217
|
}, [
|
|
218
|
-
|
|
218
|
+
m("circle", {
|
|
219
219
|
class: "path",
|
|
220
220
|
cx: "50",
|
|
221
221
|
cy: "50",
|
|
@@ -228,12 +228,12 @@ const Ve = te({
|
|
|
228
228
|
]);
|
|
229
229
|
}
|
|
230
230
|
});
|
|
231
|
-
function
|
|
231
|
+
function ct(e, t) {
|
|
232
232
|
const n = e.style;
|
|
233
233
|
for (const a in t)
|
|
234
234
|
n[a] = t[a];
|
|
235
235
|
}
|
|
236
|
-
function
|
|
236
|
+
function Cn(e) {
|
|
237
237
|
if (e == null)
|
|
238
238
|
return;
|
|
239
239
|
if (typeof e == "string")
|
|
@@ -246,7 +246,7 @@ function hn(e) {
|
|
|
246
246
|
if (t)
|
|
247
247
|
return t.$el || t;
|
|
248
248
|
}
|
|
249
|
-
function
|
|
249
|
+
function Bn(e, t) {
|
|
250
250
|
if (e == null || e.contains(t) === !0)
|
|
251
251
|
return !0;
|
|
252
252
|
for (let n = e.nextElementSibling; n !== null; n = n.nextElementSibling)
|
|
@@ -254,7 +254,7 @@ function yn(e, t) {
|
|
|
254
254
|
return !0;
|
|
255
255
|
return !1;
|
|
256
256
|
}
|
|
257
|
-
const
|
|
257
|
+
const de = {
|
|
258
258
|
hasPassive: !1,
|
|
259
259
|
passiveCapture: !0,
|
|
260
260
|
notPassiveCapture: !0
|
|
@@ -262,7 +262,7 @@ const re = {
|
|
|
262
262
|
try {
|
|
263
263
|
const e = Object.defineProperty({}, "passive", {
|
|
264
264
|
get() {
|
|
265
|
-
Object.assign(
|
|
265
|
+
Object.assign(de, {
|
|
266
266
|
hasPassive: !0,
|
|
267
267
|
passive: { passive: !0 },
|
|
268
268
|
notPassive: { passive: !1 },
|
|
@@ -274,15 +274,15 @@ try {
|
|
|
274
274
|
window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
|
|
275
275
|
} catch {
|
|
276
276
|
}
|
|
277
|
-
function
|
|
277
|
+
function wn() {
|
|
278
278
|
}
|
|
279
|
-
function
|
|
279
|
+
function dt(e) {
|
|
280
280
|
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]), {
|
|
281
281
|
top: e.clientY,
|
|
282
282
|
left: e.clientX
|
|
283
283
|
};
|
|
284
284
|
}
|
|
285
|
-
function
|
|
285
|
+
function En(e) {
|
|
286
286
|
if (e.path)
|
|
287
287
|
return e.path;
|
|
288
288
|
if (e.composedPath)
|
|
@@ -295,34 +295,34 @@ function _n(e) {
|
|
|
295
295
|
n = n.parentElement;
|
|
296
296
|
}
|
|
297
297
|
}
|
|
298
|
-
function
|
|
298
|
+
function Oe(e) {
|
|
299
299
|
e.stopPropagation();
|
|
300
300
|
}
|
|
301
|
-
function
|
|
301
|
+
function ft(e) {
|
|
302
302
|
e.cancelable !== !1 && e.preventDefault();
|
|
303
303
|
}
|
|
304
|
-
function
|
|
304
|
+
function D(e) {
|
|
305
305
|
e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
|
|
306
306
|
}
|
|
307
|
-
function
|
|
307
|
+
function vt(e, t, n) {
|
|
308
308
|
const a = `__q_${t}_evt`;
|
|
309
309
|
e[a] = e[a] !== void 0 ? e[a].concat(n) : n, n.forEach((s) => {
|
|
310
|
-
s[0].addEventListener(s[1], e[s[2]],
|
|
310
|
+
s[0].addEventListener(s[1], e[s[2]], de[s[3]]);
|
|
311
311
|
});
|
|
312
312
|
}
|
|
313
|
-
function
|
|
313
|
+
function mt(e, t) {
|
|
314
314
|
const n = `__q_${t}_evt`;
|
|
315
315
|
e[n] !== void 0 && (e[n].forEach((a) => {
|
|
316
|
-
a[0].removeEventListener(a[1], e[a[2]],
|
|
316
|
+
a[0].removeEventListener(a[1], e[a[2]], de[a[3]]);
|
|
317
317
|
}), e[n] = void 0);
|
|
318
318
|
}
|
|
319
|
-
function
|
|
319
|
+
function gt(e) {
|
|
320
320
|
return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
|
|
321
321
|
}
|
|
322
|
-
function
|
|
323
|
-
return
|
|
322
|
+
function le(e, t) {
|
|
323
|
+
return gt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
|
|
324
324
|
}
|
|
325
|
-
function
|
|
325
|
+
function pt(e, t = 250) {
|
|
326
326
|
let n = !1, a;
|
|
327
327
|
return function() {
|
|
328
328
|
return n === !1 && (n = !0, setTimeout(() => {
|
|
@@ -331,15 +331,15 @@ function gt(e, t = 250) {
|
|
|
331
331
|
};
|
|
332
332
|
}
|
|
333
333
|
function ye(e, t, n, a) {
|
|
334
|
-
n.modifiers.stop === !0 &&
|
|
334
|
+
n.modifiers.stop === !0 && Oe(e);
|
|
335
335
|
const s = n.modifiers.color;
|
|
336
336
|
let l = n.modifiers.center;
|
|
337
337
|
l = l === !0 || a === !0;
|
|
338
|
-
const o = document.createElement("span"), i = document.createElement("span"), $ =
|
|
339
|
-
i.className = "q-ripple__inner",
|
|
338
|
+
const o = document.createElement("span"), i = document.createElement("span"), $ = dt(e), { left: y, top: f, width: S, height: d } = t.getBoundingClientRect(), q = Math.sqrt(S * S + d * d), u = q / 2, g = `${(S - q) / 2}px`, v = l ? g : `${$.left - y - u}px`, h = `${(d - q) / 2}px`, C = l ? h : `${$.top - f - u}px`;
|
|
339
|
+
i.className = "q-ripple__inner", ct(i, {
|
|
340
340
|
height: `${q}px`,
|
|
341
341
|
width: `${q}px`,
|
|
342
|
-
transform: `translate3d(${v},${
|
|
342
|
+
transform: `translate3d(${v},${C},0) scale3d(.2,.2,1)`,
|
|
343
343
|
opacity: 0
|
|
344
344
|
}), o.className = `q-ripple${s ? " text-" + s : ""}`, o.setAttribute("dir", "ltr"), o.appendChild(i), t.appendChild(o);
|
|
345
345
|
const w = () => {
|
|
@@ -347,14 +347,14 @@ function ye(e, t, n, a) {
|
|
|
347
347
|
};
|
|
348
348
|
n.abort.push(w);
|
|
349
349
|
let E = setTimeout(() => {
|
|
350
|
-
i.classList.add("q-ripple__inner--enter"), i.style.transform = `translate3d(${
|
|
350
|
+
i.classList.add("q-ripple__inner--enter"), i.style.transform = `translate3d(${g},${h},0) scale3d(1,1,1)`, i.style.opacity = 0.2, E = setTimeout(() => {
|
|
351
351
|
i.classList.remove("q-ripple__inner--enter"), i.classList.add("q-ripple__inner--leave"), i.style.opacity = 0, E = setTimeout(() => {
|
|
352
352
|
o.remove(), n.abort.splice(n.abort.indexOf(w), 1);
|
|
353
353
|
}, 275);
|
|
354
354
|
}, 250);
|
|
355
355
|
}, 50);
|
|
356
356
|
}
|
|
357
|
-
function
|
|
357
|
+
function _e(e, { modifiers: t, value: n, arg: a }) {
|
|
358
358
|
const s = Object.assign({}, e.cfg.ripple, t, n);
|
|
359
359
|
e.modifiers = {
|
|
360
360
|
early: s.early === !0,
|
|
@@ -364,7 +364,7 @@ function ke(e, { modifiers: t, value: n, arg: a }) {
|
|
|
364
364
|
keyCodes: [].concat(s.keyCodes || 13)
|
|
365
365
|
};
|
|
366
366
|
}
|
|
367
|
-
const
|
|
367
|
+
const ht = Me(
|
|
368
368
|
{
|
|
369
369
|
name: "ripple",
|
|
370
370
|
beforeMount(e, t) {
|
|
@@ -378,11 +378,11 @@ const mt = Je(
|
|
|
378
378
|
start(s) {
|
|
379
379
|
a.enabled === !0 && s.qSkipRipple !== !0 && s.type === (a.modifiers.early === !0 ? "pointerdown" : "click") && ye(s, e, a, s.qKeyEvent === !0);
|
|
380
380
|
},
|
|
381
|
-
keystart:
|
|
382
|
-
a.enabled === !0 && s.qSkipRipple !== !0 &&
|
|
381
|
+
keystart: pt((s) => {
|
|
382
|
+
a.enabled === !0 && s.qSkipRipple !== !0 && le(s, a.modifiers.keyCodes) === !0 && s.type === `key${a.modifiers.early === !0 ? "down" : "up"}` && ye(s, e, a, !0);
|
|
383
383
|
}, 300)
|
|
384
384
|
};
|
|
385
|
-
|
|
385
|
+
_e(a, t), e.__qripple = a, vt(a, "main", [
|
|
386
386
|
[e, "pointerdown", "start", "passive"],
|
|
387
387
|
[e, "click", "start", "passive"],
|
|
388
388
|
[e, "keydown", "keystart", "passive"],
|
|
@@ -392,17 +392,17 @@ const mt = Je(
|
|
|
392
392
|
updated(e, t) {
|
|
393
393
|
if (t.oldValue !== t.value) {
|
|
394
394
|
const n = e.__qripple;
|
|
395
|
-
n !== void 0 && (n.enabled = t.value !== !1, n.enabled === !0 && Object(t.value) === t.value &&
|
|
395
|
+
n !== void 0 && (n.enabled = t.value !== !1, n.enabled === !0 && Object(t.value) === t.value && _e(n, t));
|
|
396
396
|
}
|
|
397
397
|
},
|
|
398
398
|
beforeUnmount(e) {
|
|
399
399
|
const t = e.__qripple;
|
|
400
400
|
t !== void 0 && (t.abort.forEach((n) => {
|
|
401
401
|
n();
|
|
402
|
-
}),
|
|
402
|
+
}), mt(t, "main"), delete e._qripple);
|
|
403
403
|
}
|
|
404
404
|
}
|
|
405
|
-
),
|
|
405
|
+
), je = {
|
|
406
406
|
left: "start",
|
|
407
407
|
center: "center",
|
|
408
408
|
right: "end",
|
|
@@ -410,19 +410,19 @@ const mt = Je(
|
|
|
410
410
|
around: "around",
|
|
411
411
|
evenly: "evenly",
|
|
412
412
|
stretch: "stretch"
|
|
413
|
-
},
|
|
413
|
+
}, bt = Object.keys(je), kt = {
|
|
414
414
|
align: {
|
|
415
415
|
type: String,
|
|
416
|
-
validator: (e) =>
|
|
416
|
+
validator: (e) => bt.includes(e)
|
|
417
417
|
}
|
|
418
418
|
};
|
|
419
|
-
function
|
|
419
|
+
function yt(e) {
|
|
420
420
|
return r(() => {
|
|
421
421
|
const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
|
|
422
|
-
return `${e.vertical === !0 ? "items" : "justify"}-${
|
|
422
|
+
return `${e.vertical === !0 ? "items" : "justify"}-${je[t]}`;
|
|
423
423
|
});
|
|
424
424
|
}
|
|
425
|
-
function
|
|
425
|
+
function ne(e) {
|
|
426
426
|
if (Object(e.$parent) === e.$parent)
|
|
427
427
|
return e.$parent;
|
|
428
428
|
let { parent: t } = e.$;
|
|
@@ -432,19 +432,19 @@ function $n(e) {
|
|
|
432
432
|
t = t.parent;
|
|
433
433
|
}
|
|
434
434
|
}
|
|
435
|
-
function
|
|
435
|
+
function _t(e) {
|
|
436
436
|
return e.appContext.config.globalProperties.$router !== void 0;
|
|
437
437
|
}
|
|
438
|
-
function
|
|
438
|
+
function Ln(e) {
|
|
439
439
|
return e.isUnmounted === !0 || e.isDeactivated === !0;
|
|
440
440
|
}
|
|
441
|
-
function
|
|
441
|
+
function $e(e) {
|
|
442
442
|
return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
|
|
443
443
|
}
|
|
444
|
-
function
|
|
444
|
+
function qe(e, t) {
|
|
445
445
|
return (e.aliasOf || e) === (t.aliasOf || t);
|
|
446
446
|
}
|
|
447
|
-
function
|
|
447
|
+
function $t(e, t) {
|
|
448
448
|
for (const n in t) {
|
|
449
449
|
const a = t[n], s = e[n];
|
|
450
450
|
if (typeof a == "string") {
|
|
@@ -455,21 +455,21 @@ function kt(e, t) {
|
|
|
455
455
|
}
|
|
456
456
|
return !0;
|
|
457
457
|
}
|
|
458
|
-
function
|
|
458
|
+
function Se(e, t) {
|
|
459
459
|
return Array.isArray(t) === !0 ? e.length === t.length && e.every((n, a) => n === t[a]) : e.length === 1 && e[0] === t;
|
|
460
460
|
}
|
|
461
|
-
function
|
|
462
|
-
return Array.isArray(e) === !0 ?
|
|
461
|
+
function qt(e, t) {
|
|
462
|
+
return Array.isArray(e) === !0 ? Se(e, t) : Array.isArray(t) === !0 ? Se(t, e) : e === t;
|
|
463
463
|
}
|
|
464
|
-
function
|
|
464
|
+
function St(e, t) {
|
|
465
465
|
if (Object.keys(e).length !== Object.keys(t).length)
|
|
466
466
|
return !1;
|
|
467
467
|
for (const n in e)
|
|
468
|
-
if (
|
|
468
|
+
if (qt(e[n], t[n]) === !1)
|
|
469
469
|
return !1;
|
|
470
470
|
return !0;
|
|
471
471
|
}
|
|
472
|
-
const
|
|
472
|
+
const De = {
|
|
473
473
|
// router-link
|
|
474
474
|
to: [String, Object],
|
|
475
475
|
replace: Boolean,
|
|
@@ -478,8 +478,8 @@ const ze = {
|
|
|
478
478
|
target: String,
|
|
479
479
|
// state
|
|
480
480
|
disable: Boolean
|
|
481
|
-
},
|
|
482
|
-
...
|
|
481
|
+
}, Pn = {
|
|
482
|
+
...De,
|
|
483
483
|
// router-link
|
|
484
484
|
exact: Boolean,
|
|
485
485
|
activeClass: {
|
|
@@ -491,111 +491,111 @@ const ze = {
|
|
|
491
491
|
default: "q-router-link--exact-active"
|
|
492
492
|
}
|
|
493
493
|
};
|
|
494
|
-
function
|
|
495
|
-
const n = ee(), { props: a, proxy: s, emit: l } = n, o =
|
|
494
|
+
function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
495
|
+
const n = ee(), { props: a, proxy: s, emit: l } = n, o = _t(n), i = r(() => a.disable !== !0 && a.href !== void 0), $ = t === !0 ? r(
|
|
496
496
|
() => o === !0 && a.disable !== !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
|
|
497
497
|
) : r(
|
|
498
498
|
() => o === !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
|
|
499
|
-
),
|
|
499
|
+
), y = r(() => $.value === !0 ? C(a.to) : null), f = r(() => y.value !== null), S = r(() => i.value === !0 || f.value === !0), d = r(() => a.type === "a" || S.value === !0 ? "a" : a.tag || e || "div"), q = r(() => i.value === !0 ? {
|
|
500
500
|
href: a.href,
|
|
501
501
|
target: a.target
|
|
502
502
|
} : f.value === !0 ? {
|
|
503
|
-
href:
|
|
503
|
+
href: y.value.href,
|
|
504
504
|
target: a.target
|
|
505
505
|
} : {}), u = r(() => {
|
|
506
506
|
if (f.value === !1)
|
|
507
507
|
return -1;
|
|
508
|
-
const { matched:
|
|
509
|
-
if (
|
|
508
|
+
const { matched: k } = y.value, { length: P } = k, R = k[P - 1];
|
|
509
|
+
if (R === void 0)
|
|
510
510
|
return -1;
|
|
511
|
-
const
|
|
512
|
-
if (
|
|
511
|
+
const O = s.$route.matched;
|
|
512
|
+
if (O.length === 0)
|
|
513
513
|
return -1;
|
|
514
|
-
const
|
|
515
|
-
|
|
514
|
+
const j = O.findIndex(
|
|
515
|
+
qe.bind(null, R)
|
|
516
516
|
);
|
|
517
|
-
if (
|
|
518
|
-
return
|
|
519
|
-
const
|
|
517
|
+
if (j !== -1)
|
|
518
|
+
return j;
|
|
519
|
+
const F = $e(k[P - 2]);
|
|
520
520
|
return (
|
|
521
521
|
// we are dealing with nested routes
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
) :
|
|
522
|
+
P > 1 && $e(R) === F && O[O.length - 1].path !== F ? O.findIndex(
|
|
523
|
+
qe.bind(null, k[P - 2])
|
|
524
|
+
) : j
|
|
525
525
|
);
|
|
526
|
-
}),
|
|
527
|
-
() => f.value === !0 && u.value !== -1 &&
|
|
526
|
+
}), g = r(
|
|
527
|
+
() => f.value === !0 && u.value !== -1 && $t(s.$route.params, y.value.params)
|
|
528
528
|
), v = r(
|
|
529
|
-
() =>
|
|
530
|
-
),
|
|
531
|
-
function
|
|
529
|
+
() => g.value === !0 && u.value === s.$route.matched.length - 1 && St(s.$route.params, y.value.params)
|
|
530
|
+
), h = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : g.value === !0 ? ` ${a.activeClass}` : "" : "");
|
|
531
|
+
function C(k) {
|
|
532
532
|
try {
|
|
533
|
-
return s.$router.resolve(
|
|
533
|
+
return s.$router.resolve(k);
|
|
534
534
|
} catch {
|
|
535
535
|
}
|
|
536
536
|
return null;
|
|
537
537
|
}
|
|
538
|
-
function w(
|
|
538
|
+
function w(k, { returnRouterError: P, to: R = a.to, replace: O = a.replace } = {}) {
|
|
539
539
|
if (a.disable === !0)
|
|
540
|
-
return
|
|
540
|
+
return k.preventDefault(), Promise.resolve(!1);
|
|
541
541
|
if (
|
|
542
542
|
// don't redirect with control keys;
|
|
543
543
|
// should match RouterLink from Vue Router
|
|
544
|
-
|
|
544
|
+
k.metaKey || k.altKey || k.ctrlKey || k.shiftKey || k.button !== void 0 && k.button !== 0 || a.target === "_blank"
|
|
545
545
|
)
|
|
546
546
|
return Promise.resolve(!1);
|
|
547
|
-
|
|
548
|
-
const
|
|
549
|
-
return
|
|
547
|
+
k.preventDefault();
|
|
548
|
+
const j = s.$router[O === !0 ? "replace" : "push"](R);
|
|
549
|
+
return P === !0 ? j : j.then(() => {
|
|
550
550
|
}).catch(() => {
|
|
551
551
|
});
|
|
552
552
|
}
|
|
553
|
-
function E(
|
|
553
|
+
function E(k) {
|
|
554
554
|
if (f.value === !0) {
|
|
555
|
-
const
|
|
556
|
-
l("click",
|
|
555
|
+
const P = (R) => w(k, R);
|
|
556
|
+
l("click", k, P), k.defaultPrevented !== !0 && P();
|
|
557
557
|
} else
|
|
558
|
-
l("click",
|
|
558
|
+
l("click", k);
|
|
559
559
|
}
|
|
560
560
|
return {
|
|
561
561
|
hasRouterLink: f,
|
|
562
562
|
hasHrefLink: i,
|
|
563
563
|
hasLink: S,
|
|
564
564
|
linkTag: d,
|
|
565
|
-
resolvedLink:
|
|
566
|
-
linkIsActive:
|
|
565
|
+
resolvedLink: y,
|
|
566
|
+
linkIsActive: g,
|
|
567
567
|
linkIsExactActive: v,
|
|
568
|
-
linkClass:
|
|
568
|
+
linkClass: h,
|
|
569
569
|
linkAttrs: q,
|
|
570
|
-
getLink:
|
|
570
|
+
getLink: C,
|
|
571
571
|
navigateToRouterLink: w,
|
|
572
572
|
navigateOnClick: E
|
|
573
573
|
};
|
|
574
574
|
}
|
|
575
|
-
const
|
|
575
|
+
const Ce = {
|
|
576
576
|
none: 0,
|
|
577
577
|
xs: 4,
|
|
578
578
|
sm: 8,
|
|
579
579
|
md: 16,
|
|
580
580
|
lg: 24,
|
|
581
581
|
xl: 32
|
|
582
|
-
},
|
|
582
|
+
}, Bt = {
|
|
583
583
|
xs: 8,
|
|
584
584
|
sm: 10,
|
|
585
585
|
md: 14,
|
|
586
586
|
lg: 20,
|
|
587
587
|
xl: 24
|
|
588
|
-
},
|
|
588
|
+
}, wt = ["button", "submit", "reset"], Et = /[^\s]\/[^\s]/, Lt = ["flat", "outline", "push", "unelevated"];
|
|
589
589
|
function xe(e, t) {
|
|
590
590
|
return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
|
|
591
591
|
}
|
|
592
|
-
function
|
|
592
|
+
function Rn(e) {
|
|
593
593
|
const t = xe(e);
|
|
594
594
|
return t !== void 0 ? { [t]: !0 } : {};
|
|
595
595
|
}
|
|
596
|
-
const
|
|
597
|
-
...
|
|
598
|
-
...
|
|
596
|
+
const Pt = {
|
|
597
|
+
...ue,
|
|
598
|
+
...De,
|
|
599
599
|
type: {
|
|
600
600
|
type: String,
|
|
601
601
|
default: "button"
|
|
@@ -603,7 +603,7 @@ const Et = {
|
|
|
603
603
|
label: [Number, String],
|
|
604
604
|
icon: String,
|
|
605
605
|
iconRight: String,
|
|
606
|
-
...
|
|
606
|
+
...Lt.reduce(
|
|
607
607
|
(e, t) => (e[t] = Boolean) && e,
|
|
608
608
|
{}
|
|
609
609
|
),
|
|
@@ -625,7 +625,7 @@ const Et = {
|
|
|
625
625
|
default: !0
|
|
626
626
|
},
|
|
627
627
|
align: {
|
|
628
|
-
...
|
|
628
|
+
...kt.align,
|
|
629
629
|
default: "center"
|
|
630
630
|
},
|
|
631
631
|
stack: Boolean,
|
|
@@ -635,27 +635,27 @@ const Et = {
|
|
|
635
635
|
default: null
|
|
636
636
|
},
|
|
637
637
|
disable: Boolean
|
|
638
|
-
},
|
|
639
|
-
...
|
|
638
|
+
}, Rt = {
|
|
639
|
+
...Pt,
|
|
640
640
|
round: Boolean
|
|
641
641
|
};
|
|
642
|
-
function
|
|
643
|
-
const t =
|
|
642
|
+
function Mt(e) {
|
|
643
|
+
const t = ce(e, Bt), n = yt(e), { hasRouterLink: a, hasLink: s, linkTag: l, linkAttrs: o, navigateOnClick: i } = Ct({
|
|
644
644
|
fallbackTag: "button"
|
|
645
645
|
}), $ = r(() => {
|
|
646
646
|
const v = e.fab === !1 && e.fabMini === !1 ? t.value : {};
|
|
647
647
|
return e.padding !== void 0 ? Object.assign({}, v, {
|
|
648
|
-
padding: e.padding.split(/\s+/).map((
|
|
648
|
+
padding: e.padding.split(/\s+/).map((h) => h in Ce ? Ce[h] + "px" : h).join(" "),
|
|
649
649
|
minWidth: "0",
|
|
650
650
|
minHeight: "0"
|
|
651
651
|
}) : v;
|
|
652
|
-
}),
|
|
652
|
+
}), y = r(
|
|
653
653
|
() => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
|
|
654
654
|
), f = r(
|
|
655
655
|
() => e.disable !== !0 && e.loading !== !0
|
|
656
656
|
), S = r(() => f.value === !0 ? e.tabindex || 0 : -1), d = r(() => xe(e, "standard")), q = r(() => {
|
|
657
657
|
const v = { tabindex: S.value };
|
|
658
|
-
return s.value === !0 ? Object.assign(v, o.value) :
|
|
658
|
+
return s.value === !0 ? Object.assign(v, o.value) : wt.includes(e.type) === !0 && (v.type = e.type), l.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), a.value !== !0 && Et.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, {
|
|
659
659
|
role: "progressbar",
|
|
660
660
|
"aria-valuemin": 0,
|
|
661
661
|
"aria-valuemax": 100,
|
|
@@ -664,15 +664,15 @@ function Rt(e) {
|
|
|
664
664
|
}), u = r(() => {
|
|
665
665
|
let v;
|
|
666
666
|
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}`);
|
|
667
|
-
const
|
|
668
|
-
return `q-btn--${d.value} q-btn--${
|
|
669
|
-
}),
|
|
667
|
+
const h = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
|
|
668
|
+
return `q-btn--${d.value} q-btn--${h}` + (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" : "");
|
|
669
|
+
}), g = r(
|
|
670
670
|
() => n.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
|
|
671
671
|
);
|
|
672
672
|
return {
|
|
673
673
|
classes: u,
|
|
674
674
|
style: $,
|
|
675
|
-
innerClasses:
|
|
675
|
+
innerClasses: g,
|
|
676
676
|
attributes: q,
|
|
677
677
|
hasLink: s,
|
|
678
678
|
linkTag: l,
|
|
@@ -680,12 +680,12 @@ function Rt(e) {
|
|
|
680
680
|
isActionable: f
|
|
681
681
|
};
|
|
682
682
|
}
|
|
683
|
-
const { passiveCapture: I } =
|
|
683
|
+
const { passiveCapture: I } = de;
|
|
684
684
|
let U = null, H = null, X = null;
|
|
685
|
-
const
|
|
685
|
+
const At = te({
|
|
686
686
|
name: "QBtn",
|
|
687
687
|
props: {
|
|
688
|
-
...
|
|
688
|
+
...Rt,
|
|
689
689
|
percentage: Number,
|
|
690
690
|
darkPercentage: Boolean,
|
|
691
691
|
onTouchstart: [Function, Array]
|
|
@@ -698,20 +698,20 @@ const Pt = te({
|
|
|
698
698
|
innerClasses: o,
|
|
699
699
|
attributes: i,
|
|
700
700
|
hasLink: $,
|
|
701
|
-
linkTag:
|
|
701
|
+
linkTag: y,
|
|
702
702
|
navigateOnClick: f,
|
|
703
703
|
isActionable: S
|
|
704
|
-
} =
|
|
705
|
-
let u = null,
|
|
706
|
-
const
|
|
704
|
+
} = Mt(e), d = W(null), q = W(null);
|
|
705
|
+
let u = null, g, v = null;
|
|
706
|
+
const h = r(
|
|
707
707
|
() => e.label !== void 0 && e.label !== null && e.label !== ""
|
|
708
|
-
),
|
|
708
|
+
), C = r(() => e.disable === !0 || e.ripple === !1 ? !1 : {
|
|
709
709
|
keyCodes: $.value === !0 ? [13, 32] : [13],
|
|
710
710
|
...e.ripple === !0 ? {} : e.ripple
|
|
711
711
|
}), w = r(() => ({ center: e.round })), E = r(() => {
|
|
712
712
|
const c = Math.max(0, Math.min(100, e.percentage));
|
|
713
713
|
return c > 0 ? { transition: "transform 0.6s", transform: `translateX(${c - 100}%)` } : {};
|
|
714
|
-
}),
|
|
714
|
+
}), k = r(() => {
|
|
715
715
|
if (e.loading === !0)
|
|
716
716
|
return {
|
|
717
717
|
onMousedown: M,
|
|
@@ -722,61 +722,61 @@ const Pt = te({
|
|
|
722
722
|
};
|
|
723
723
|
if (S.value === !0) {
|
|
724
724
|
const c = {
|
|
725
|
-
onClick:
|
|
726
|
-
onKeydown:
|
|
727
|
-
onMousedown:
|
|
725
|
+
onClick: R,
|
|
726
|
+
onKeydown: O,
|
|
727
|
+
onMousedown: F
|
|
728
728
|
};
|
|
729
729
|
if (a.$q.platform.has.touch === !0) {
|
|
730
|
-
const
|
|
731
|
-
c[`onTouchstart${
|
|
730
|
+
const B = e.onTouchstart !== void 0 ? "" : "Passive";
|
|
731
|
+
c[`onTouchstart${B}`] = j;
|
|
732
732
|
}
|
|
733
733
|
return c;
|
|
734
734
|
}
|
|
735
735
|
return {
|
|
736
736
|
// needed; especially for disabled <a> tags
|
|
737
|
-
onClick:
|
|
737
|
+
onClick: D
|
|
738
738
|
};
|
|
739
|
-
}),
|
|
739
|
+
}), P = r(() => ({
|
|
740
740
|
ref: d,
|
|
741
741
|
class: "q-btn q-btn-item non-selectable no-outline " + s.value,
|
|
742
742
|
style: l.value,
|
|
743
743
|
...i.value,
|
|
744
|
-
...
|
|
744
|
+
...k.value
|
|
745
745
|
}));
|
|
746
|
-
function
|
|
746
|
+
function R(c) {
|
|
747
747
|
if (d.value !== null) {
|
|
748
748
|
if (c !== void 0) {
|
|
749
749
|
if (c.defaultPrevented === !0) return;
|
|
750
|
-
const
|
|
751
|
-
if (e.type === "submit" &&
|
|
750
|
+
const B = document.activeElement;
|
|
751
|
+
if (e.type === "submit" && B !== document.body && d.value.contains(B) === !1 && B.contains(d.value) === !1) {
|
|
752
752
|
c.qAvoidFocus !== !0 && d.value.focus();
|
|
753
|
-
const
|
|
753
|
+
const x = () => {
|
|
754
754
|
var J;
|
|
755
|
-
document.removeEventListener("keydown",
|
|
755
|
+
document.removeEventListener("keydown", D, !0), document.removeEventListener("keyup", x, I), (J = d.value) == null || J.removeEventListener("blur", x, I);
|
|
756
756
|
};
|
|
757
|
-
document.addEventListener("keydown",
|
|
757
|
+
document.addEventListener("keydown", D, !0), document.addEventListener("keyup", x, I), d.value.addEventListener("blur", x, I);
|
|
758
758
|
}
|
|
759
759
|
}
|
|
760
760
|
f(c);
|
|
761
761
|
}
|
|
762
762
|
}
|
|
763
|
-
function x(c) {
|
|
764
|
-
d.value !== null && (n("keydown", c), ve(c, [13, 32]) === !0 && H !== d.value && (H !== null && p(), c.defaultPrevented !== !0 && (c.qAvoidFocus !== !0 && d.value.focus(), H = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", V, !0), d.value.addEventListener("blur", V, I)), j(c)));
|
|
765
|
-
}
|
|
766
763
|
function O(c) {
|
|
767
|
-
d.value !== null && (n("
|
|
768
|
-
|
|
764
|
+
d.value !== null && (n("keydown", c), le(c, [13, 32]) === !0 && H !== d.value && (H !== null && p(), c.defaultPrevented !== !0 && (c.qAvoidFocus !== !0 && d.value.focus(), H = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", V, !0), d.value.addEventListener("blur", V, I)), D(c)));
|
|
765
|
+
}
|
|
766
|
+
function j(c) {
|
|
767
|
+
d.value !== null && (n("touchstart", c), c.defaultPrevented !== !0 && (U !== d.value && (U !== null && p(), U = d.value, u = c.target, u.addEventListener("touchcancel", V, I), u.addEventListener("touchend", V, I)), g = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
|
|
768
|
+
v = null, g = !1;
|
|
769
769
|
}, 200)));
|
|
770
770
|
}
|
|
771
|
-
function
|
|
772
|
-
d.value !== null && (c.qSkipRipple =
|
|
771
|
+
function F(c) {
|
|
772
|
+
d.value !== null && (c.qSkipRipple = g === !0, n("mousedown", c), c.defaultPrevented !== !0 && X !== d.value && (X !== null && p(), X = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", V, I)));
|
|
773
773
|
}
|
|
774
774
|
function V(c) {
|
|
775
775
|
if (d.value !== null && !((c == null ? void 0 : c.type) === "blur" && document.activeElement === d.value)) {
|
|
776
776
|
if ((c == null ? void 0 : c.type) === "keyup") {
|
|
777
|
-
if (H === d.value &&
|
|
778
|
-
const
|
|
779
|
-
|
|
777
|
+
if (H === d.value && le(c, [13, 32]) === !0) {
|
|
778
|
+
const B = new MouseEvent("click", c);
|
|
779
|
+
B.qKeyEvent = !0, c.defaultPrevented === !0 && ft(B), c.cancelBubble === !0 && Oe(B), d.value.dispatchEvent(B), D(c), c.qKeyEvent = !0;
|
|
780
780
|
}
|
|
781
781
|
n("keyup", c);
|
|
782
782
|
}
|
|
@@ -784,87 +784,87 @@ const Pt = te({
|
|
|
784
784
|
}
|
|
785
785
|
}
|
|
786
786
|
function p(c) {
|
|
787
|
-
var
|
|
788
|
-
const
|
|
789
|
-
c !== !0 && (U === d.value || X === d.value) &&
|
|
787
|
+
var x, J;
|
|
788
|
+
const B = q.value;
|
|
789
|
+
c !== !0 && (U === d.value || X === d.value) && B !== null && B !== document.activeElement && (B.setAttribute("tabindex", -1), B.focus()), U === d.value && (u !== null && (u.removeEventListener("touchcancel", V, I), u.removeEventListener("touchend", V, I)), U = u = null), X === d.value && (document.removeEventListener("mouseup", V, I), X = null), H === d.value && (document.removeEventListener("keyup", V, !0), (x = d.value) == null || x.removeEventListener("blur", V, I), H = null), (J = d.value) == null || J.classList.remove("q-btn--active");
|
|
790
790
|
}
|
|
791
791
|
function M(c) {
|
|
792
|
-
|
|
792
|
+
D(c), c.qSkipRipple = !0;
|
|
793
793
|
}
|
|
794
|
-
return
|
|
794
|
+
return Fe(() => {
|
|
795
795
|
p(!0);
|
|
796
796
|
}), Object.assign(a, {
|
|
797
797
|
click: (c) => {
|
|
798
|
-
S.value === !0 &&
|
|
798
|
+
S.value === !0 && R(c);
|
|
799
799
|
}
|
|
800
800
|
}), () => {
|
|
801
801
|
let c = [];
|
|
802
802
|
e.icon !== void 0 && c.push(
|
|
803
|
-
|
|
803
|
+
m(ge, {
|
|
804
804
|
name: e.icon,
|
|
805
|
-
left: e.stack !== !0 &&
|
|
805
|
+
left: e.stack !== !0 && h.value === !0,
|
|
806
806
|
role: "img"
|
|
807
807
|
})
|
|
808
|
-
),
|
|
809
|
-
|
|
808
|
+
), h.value === !0 && c.push(
|
|
809
|
+
m("span", { class: "block" }, [e.label])
|
|
810
810
|
), c = N(t.default, c), e.iconRight !== void 0 && e.round === !1 && c.push(
|
|
811
|
-
|
|
811
|
+
m(ge, {
|
|
812
812
|
name: e.iconRight,
|
|
813
|
-
right: e.stack !== !0 &&
|
|
813
|
+
right: e.stack !== !0 && h.value === !0,
|
|
814
814
|
role: "img"
|
|
815
815
|
})
|
|
816
816
|
);
|
|
817
|
-
const
|
|
818
|
-
|
|
817
|
+
const B = [
|
|
818
|
+
m("span", {
|
|
819
819
|
class: "q-focus-helper",
|
|
820
820
|
ref: q
|
|
821
821
|
})
|
|
822
822
|
];
|
|
823
|
-
return e.loading === !0 && e.percentage !== void 0 &&
|
|
824
|
-
|
|
823
|
+
return e.loading === !0 && e.percentage !== void 0 && B.push(
|
|
824
|
+
m("span", {
|
|
825
825
|
class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
|
|
826
826
|
}, [
|
|
827
|
-
|
|
827
|
+
m("span", {
|
|
828
828
|
class: "q-btn__progress-indicator fit block",
|
|
829
829
|
style: E.value
|
|
830
830
|
})
|
|
831
831
|
])
|
|
832
|
-
),
|
|
833
|
-
|
|
832
|
+
), B.push(
|
|
833
|
+
m("span", {
|
|
834
834
|
class: "q-btn__content text-center col items-center q-anchor--skip " + o.value
|
|
835
835
|
}, c)
|
|
836
|
-
), e.loading !== null &&
|
|
837
|
-
|
|
836
|
+
), e.loading !== null && B.push(
|
|
837
|
+
m(Qe, {
|
|
838
838
|
name: "q-transition--fade"
|
|
839
839
|
}, () => e.loading === !0 ? [
|
|
840
|
-
|
|
840
|
+
m("span", {
|
|
841
841
|
key: "loading",
|
|
842
842
|
class: "absolute-full flex flex-center"
|
|
843
|
-
}, t.loading !== void 0 ? t.loading() : [
|
|
843
|
+
}, t.loading !== void 0 ? t.loading() : [m(ze)])
|
|
844
844
|
] : null)
|
|
845
|
-
),
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
845
|
+
), oe(
|
|
846
|
+
m(
|
|
847
|
+
y.value,
|
|
848
|
+
P.value,
|
|
849
|
+
B
|
|
850
850
|
),
|
|
851
851
|
[[
|
|
852
|
-
|
|
853
|
-
|
|
852
|
+
ht,
|
|
853
|
+
C.value,
|
|
854
854
|
void 0,
|
|
855
855
|
w.value
|
|
856
856
|
]]
|
|
857
857
|
);
|
|
858
858
|
};
|
|
859
859
|
}
|
|
860
|
-
}),
|
|
860
|
+
}), Vt = /* @__PURE__ */ K({
|
|
861
861
|
__name: "AppButton",
|
|
862
862
|
props: {
|
|
863
863
|
size: { default: z.MD },
|
|
864
864
|
transparent: { type: Boolean },
|
|
865
865
|
flat: { type: Boolean },
|
|
866
866
|
rounded: { type: Boolean },
|
|
867
|
-
color: { default:
|
|
867
|
+
color: { default: Re.PRIMARY },
|
|
868
868
|
iconLeft: {},
|
|
869
869
|
iconRight: {},
|
|
870
870
|
iconMiddle: {},
|
|
@@ -894,11 +894,11 @@ const Pt = te({
|
|
|
894
894
|
`app-btn_${t.size}`,
|
|
895
895
|
`app-btn_${t.color}`
|
|
896
896
|
]);
|
|
897
|
-
return (a, s) => (
|
|
897
|
+
return (a, s) => (b(), ae(Z(At), {
|
|
898
898
|
"no-caps": "",
|
|
899
899
|
unelevated: "",
|
|
900
900
|
class: L(n.value),
|
|
901
|
-
padding: Z(
|
|
901
|
+
padding: Z(et)[a.size || Z(z).MD],
|
|
902
902
|
loading: a.loading,
|
|
903
903
|
disable: a.disabled || void 0,
|
|
904
904
|
to: a.to,
|
|
@@ -909,8 +909,8 @@ const Pt = te({
|
|
|
909
909
|
download: a.download,
|
|
910
910
|
onClick: s[0] || (s[0] = (l) => a.$emit("click", l))
|
|
911
911
|
}, {
|
|
912
|
-
default:
|
|
913
|
-
a.iconLeft || a.iconMiddle ? (
|
|
912
|
+
default: Ue(() => [
|
|
913
|
+
a.iconLeft || a.iconMiddle ? (b(), _("i", {
|
|
914
914
|
key: 0,
|
|
915
915
|
class: L([
|
|
916
916
|
"icon-kl",
|
|
@@ -919,11 +919,11 @@ const Pt = te({
|
|
|
919
919
|
a.transparent || a.flat ? `text-${a.color}` : "text-secondary"
|
|
920
920
|
])
|
|
921
921
|
}, null, 2)) : A("", !0),
|
|
922
|
-
|
|
923
|
-
a.label ? (
|
|
924
|
-
|
|
922
|
+
se(a.$slots, "default", {}, void 0, !0),
|
|
923
|
+
a.label ? (b(), _(ie, { key: 1 }, [
|
|
924
|
+
Le(Y(a.label), 1)
|
|
925
925
|
], 64)) : A("", !0),
|
|
926
|
-
a.iconRight ? (
|
|
926
|
+
a.iconRight ? (b(), _("i", {
|
|
927
927
|
key: 2,
|
|
928
928
|
class: L([
|
|
929
929
|
"icon-kl",
|
|
@@ -941,20 +941,20 @@ const Pt = te({
|
|
|
941
941
|
for (const [a, s] of t)
|
|
942
942
|
n[a] = s;
|
|
943
943
|
return n;
|
|
944
|
-
},
|
|
944
|
+
}, Mn = /* @__PURE__ */ G(Vt, [["__scopeId", "data-v-44d5548c"]]), It = {
|
|
945
945
|
key: 0,
|
|
946
946
|
class: "app-toggle__label app-toggle__label_left"
|
|
947
|
-
},
|
|
947
|
+
}, Tt = { class: "app-toggle__container" }, zt = ["checked", "disabled"], Ot = { class: "app-toggle__thumb" }, jt = {
|
|
948
948
|
key: 1,
|
|
949
949
|
class: "app-toggle__label"
|
|
950
|
-
},
|
|
950
|
+
}, Dt = /* @__PURE__ */ K({
|
|
951
951
|
__name: "AppToggle",
|
|
952
952
|
props: {
|
|
953
953
|
modelValue: { type: Boolean },
|
|
954
954
|
size: { default: z.MD },
|
|
955
955
|
label: {},
|
|
956
956
|
disabled: { type: Boolean },
|
|
957
|
-
color: { default:
|
|
957
|
+
color: { default: Re.PRIMARY },
|
|
958
958
|
iconColor: {},
|
|
959
959
|
icon: {},
|
|
960
960
|
iconActive: {},
|
|
@@ -976,27 +976,27 @@ const Pt = te({
|
|
|
976
976
|
`app-toggle_${n.size}`,
|
|
977
977
|
`app-toggle_${n.color}`
|
|
978
978
|
]);
|
|
979
|
-
return (o, i) => (
|
|
979
|
+
return (o, i) => (b(), _("div", {
|
|
980
980
|
class: L(l.value)
|
|
981
981
|
}, [
|
|
982
|
-
o.label && o.labelLeft ? (
|
|
983
|
-
T("label",
|
|
982
|
+
o.label && o.labelLeft ? (b(), _("span", It, Y(o.label), 1)) : A("", !0),
|
|
983
|
+
T("label", Tt, [
|
|
984
984
|
T("input", {
|
|
985
985
|
type: "checkbox",
|
|
986
986
|
checked: s.value,
|
|
987
987
|
onChange: i[0] || (i[0] = ($) => s.value = !s.value),
|
|
988
988
|
disabled: o.disabled,
|
|
989
989
|
class: "app-toggle__input"
|
|
990
|
-
}, null, 40,
|
|
990
|
+
}, null, 40, zt),
|
|
991
991
|
T("span", {
|
|
992
992
|
class: L(["app-toggle__slider", s.value ? `bg-${o.color}` : ""])
|
|
993
993
|
}, [
|
|
994
|
-
T("span",
|
|
995
|
-
o.icon && !o.modelValue ? (
|
|
994
|
+
T("span", Ot, [
|
|
995
|
+
o.icon && !o.modelValue ? (b(), _("i", {
|
|
996
996
|
key: 0,
|
|
997
997
|
class: L(["icon-kl", `icon-kl-${o.icon}`, "app-toggle__icon"])
|
|
998
998
|
}, null, 2)) : A("", !0),
|
|
999
|
-
o.modelValue && (o.iconActive || o.icon) ? (
|
|
999
|
+
o.modelValue && (o.iconActive || o.icon) ? (b(), _("i", {
|
|
1000
1000
|
key: 1,
|
|
1001
1001
|
class: L([
|
|
1002
1002
|
"icon-kl",
|
|
@@ -1007,22 +1007,22 @@ const Pt = te({
|
|
|
1007
1007
|
}, null, 2)) : A("", !0)
|
|
1008
1008
|
])
|
|
1009
1009
|
], 2),
|
|
1010
|
-
|
|
1010
|
+
se(o.$slots, "default", {}, void 0, !0)
|
|
1011
1011
|
]),
|
|
1012
|
-
o.label && !o.labelLeft ? (
|
|
1012
|
+
o.label && !o.labelLeft ? (b(), _("span", jt, Y(o.label), 1)) : A("", !0)
|
|
1013
1013
|
], 2));
|
|
1014
1014
|
}
|
|
1015
|
-
}),
|
|
1015
|
+
}), xt = /* @__PURE__ */ G(Dt, [["__scopeId", "data-v-c6702cb0"]]), Ne = {
|
|
1016
1016
|
dark: {
|
|
1017
1017
|
type: Boolean,
|
|
1018
1018
|
default: null
|
|
1019
1019
|
}
|
|
1020
1020
|
};
|
|
1021
|
-
function
|
|
1021
|
+
function Ke(e, t) {
|
|
1022
1022
|
return r(() => e.dark === null ? t.dark.isActive : e.dark);
|
|
1023
1023
|
}
|
|
1024
|
-
function
|
|
1025
|
-
const n = W(null), a = r(() => e.disable === !0 ? null :
|
|
1024
|
+
function Nt(e, t) {
|
|
1025
|
+
const n = W(null), a = r(() => e.disable === !0 ? null : m("span", {
|
|
1026
1026
|
ref: n,
|
|
1027
1027
|
class: "no-outline",
|
|
1028
1028
|
tabindex: -1
|
|
@@ -1036,32 +1036,32 @@ function jt(e, t) {
|
|
|
1036
1036
|
refocusTarget: s
|
|
1037
1037
|
};
|
|
1038
1038
|
}
|
|
1039
|
-
const
|
|
1039
|
+
const Kt = {
|
|
1040
1040
|
name: String
|
|
1041
1041
|
};
|
|
1042
|
-
function
|
|
1042
|
+
function Ft(e = {}) {
|
|
1043
1043
|
return (t, n, a) => {
|
|
1044
1044
|
t[n](
|
|
1045
|
-
|
|
1045
|
+
m("input", {
|
|
1046
1046
|
class: "hidden" + (a || ""),
|
|
1047
1047
|
...e.value
|
|
1048
1048
|
})
|
|
1049
1049
|
);
|
|
1050
1050
|
};
|
|
1051
1051
|
}
|
|
1052
|
-
function
|
|
1052
|
+
function An(e) {
|
|
1053
1053
|
return r(() => e.name || e.for);
|
|
1054
1054
|
}
|
|
1055
|
-
const
|
|
1055
|
+
const Qt = {
|
|
1056
1056
|
xs: 30,
|
|
1057
1057
|
sm: 35,
|
|
1058
1058
|
md: 40,
|
|
1059
1059
|
lg: 50,
|
|
1060
1060
|
xl: 60
|
|
1061
|
-
},
|
|
1062
|
-
...
|
|
1063
|
-
...
|
|
1064
|
-
...
|
|
1061
|
+
}, Ut = {
|
|
1062
|
+
...Ne,
|
|
1063
|
+
...ue,
|
|
1064
|
+
...Kt,
|
|
1065
1065
|
modelValue: {
|
|
1066
1066
|
required: !0,
|
|
1067
1067
|
default: null
|
|
@@ -1085,19 +1085,19 @@ const Ft = {
|
|
|
1085
1085
|
dense: Boolean,
|
|
1086
1086
|
disable: Boolean,
|
|
1087
1087
|
tabindex: [String, Number]
|
|
1088
|
-
},
|
|
1089
|
-
function
|
|
1090
|
-
const { props: n, slots: a, emit: s, proxy: l } = ee(), { $q: o } = l, i =
|
|
1088
|
+
}, Ht = ["update:modelValue"];
|
|
1089
|
+
function Xt(e, t) {
|
|
1090
|
+
const { props: n, slots: a, emit: s, proxy: l } = ee(), { $q: o } = l, i = Ke(n, o), $ = W(null), { refocusTargetEl: y, refocusTarget: f } = Nt(n, $), S = ce(n, Qt), d = r(
|
|
1091
1091
|
() => n.val !== void 0 && Array.isArray(n.modelValue)
|
|
1092
1092
|
), q = r(() => {
|
|
1093
1093
|
const p = Q(n.val);
|
|
1094
1094
|
return d.value === !0 ? n.modelValue.findIndex((M) => Q(M) === p) : -1;
|
|
1095
|
-
}), u = r(() => d.value === !0 ? q.value !== -1 : Q(n.modelValue) === Q(n.trueValue)),
|
|
1096
|
-
() => u.value === !1 &&
|
|
1097
|
-
),
|
|
1095
|
+
}), u = r(() => d.value === !0 ? q.value !== -1 : Q(n.modelValue) === Q(n.trueValue)), g = r(() => d.value === !0 ? q.value === -1 : Q(n.modelValue) === Q(n.falseValue)), v = r(
|
|
1096
|
+
() => u.value === !1 && g.value === !1
|
|
1097
|
+
), h = r(() => n.disable === !0 ? -1 : n.tabindex || 0), C = r(
|
|
1098
1098
|
() => `q-${e} cursor-pointer no-outline row inline no-wrap items-center` + (n.disable === !0 ? " disabled" : "") + (i.value === !0 ? ` q-${e}--dark` : "") + (n.dense === !0 ? ` q-${e}--dense` : "") + (n.leftLabel === !0 ? " reverse" : "")
|
|
1099
1099
|
), w = r(() => {
|
|
1100
|
-
const p = u.value === !0 ? "truthy" :
|
|
1100
|
+
const p = u.value === !0 ? "truthy" : g.value === !0 ? "falsy" : "indet", M = n.color !== void 0 && (n.keepColor === !0 || g.value !== !0) ? ` text-${n.color}` : "";
|
|
1101
1101
|
return `q-${e}__inner relative-position non-selectable q-${e}__inner--${p}${M}`;
|
|
1102
1102
|
}), E = r(() => {
|
|
1103
1103
|
const p = { type: "checkbox" };
|
|
@@ -1108,19 +1108,19 @@ function Ut(e, t) {
|
|
|
1108
1108
|
name: n.name,
|
|
1109
1109
|
value: d.value === !0 ? n.val : n.trueValue
|
|
1110
1110
|
}), p;
|
|
1111
|
-
}),
|
|
1111
|
+
}), k = Ft(E), P = r(() => {
|
|
1112
1112
|
const p = {
|
|
1113
|
-
tabindex:
|
|
1113
|
+
tabindex: h.value,
|
|
1114
1114
|
role: "checkbox",
|
|
1115
1115
|
"aria-label": n.label,
|
|
1116
1116
|
"aria-checked": v.value === !0 ? "mixed" : u.value === !0 ? "true" : "false"
|
|
1117
1117
|
};
|
|
1118
1118
|
return n.disable === !0 && (p["aria-disabled"] = "true"), p;
|
|
1119
1119
|
});
|
|
1120
|
-
function
|
|
1121
|
-
p !== void 0 && (
|
|
1120
|
+
function R(p) {
|
|
1121
|
+
p !== void 0 && (D(p), f(p)), n.disable !== !0 && s("update:modelValue", O(), p);
|
|
1122
1122
|
}
|
|
1123
|
-
function
|
|
1123
|
+
function O() {
|
|
1124
1124
|
if (d.value === !0) {
|
|
1125
1125
|
if (u.value === !0) {
|
|
1126
1126
|
const p = n.modelValue.slice();
|
|
@@ -1131,105 +1131,169 @@ function Ut(e, t) {
|
|
|
1131
1131
|
if (u.value === !0) {
|
|
1132
1132
|
if (n.toggleOrder !== "ft" || n.toggleIndeterminate === !1)
|
|
1133
1133
|
return n.falseValue;
|
|
1134
|
-
} else if (
|
|
1134
|
+
} else if (g.value === !0) {
|
|
1135
1135
|
if (n.toggleOrder === "ft" || n.toggleIndeterminate === !1)
|
|
1136
1136
|
return n.trueValue;
|
|
1137
1137
|
} else
|
|
1138
1138
|
return n.toggleOrder !== "ft" ? n.trueValue : n.falseValue;
|
|
1139
1139
|
return n.indeterminateValue;
|
|
1140
1140
|
}
|
|
1141
|
-
function
|
|
1142
|
-
(p.keyCode === 13 || p.keyCode === 32) &&
|
|
1141
|
+
function j(p) {
|
|
1142
|
+
(p.keyCode === 13 || p.keyCode === 32) && D(p);
|
|
1143
1143
|
}
|
|
1144
|
-
function
|
|
1145
|
-
(p.keyCode === 13 || p.keyCode === 32) &&
|
|
1144
|
+
function F(p) {
|
|
1145
|
+
(p.keyCode === 13 || p.keyCode === 32) && R(p);
|
|
1146
1146
|
}
|
|
1147
1147
|
const V = t(u, v);
|
|
1148
|
-
return Object.assign(l, { toggle:
|
|
1148
|
+
return Object.assign(l, { toggle: R }), () => {
|
|
1149
1149
|
const p = V();
|
|
1150
|
-
n.disable !== !0 &&
|
|
1150
|
+
n.disable !== !0 && k(
|
|
1151
1151
|
p,
|
|
1152
1152
|
"unshift",
|
|
1153
1153
|
` q-${e}__native absolute q-ma-none q-pa-none`
|
|
1154
1154
|
);
|
|
1155
1155
|
const M = [
|
|
1156
|
-
|
|
1156
|
+
m("div", {
|
|
1157
1157
|
class: w.value,
|
|
1158
1158
|
style: S.value,
|
|
1159
1159
|
"aria-hidden": "true"
|
|
1160
1160
|
}, p)
|
|
1161
1161
|
];
|
|
1162
|
-
|
|
1163
|
-
const c = n.label !== void 0 ? N(a.default, [n.label]) :
|
|
1162
|
+
y.value !== null && M.push(y.value);
|
|
1163
|
+
const c = n.label !== void 0 ? N(a.default, [n.label]) : Ae(a.default);
|
|
1164
1164
|
return c !== void 0 && M.push(
|
|
1165
|
-
|
|
1165
|
+
m("div", {
|
|
1166
1166
|
class: `q-${e}__label q-anchor--skip`
|
|
1167
1167
|
}, c)
|
|
1168
|
-
),
|
|
1168
|
+
), m("div", {
|
|
1169
1169
|
ref: $,
|
|
1170
|
-
class:
|
|
1171
|
-
...
|
|
1172
|
-
onClick:
|
|
1173
|
-
onKeydown:
|
|
1174
|
-
onKeyup:
|
|
1170
|
+
class: C.value,
|
|
1171
|
+
...P.value,
|
|
1172
|
+
onClick: R,
|
|
1173
|
+
onKeydown: j,
|
|
1174
|
+
onKeyup: F
|
|
1175
1175
|
}, M);
|
|
1176
1176
|
};
|
|
1177
1177
|
}
|
|
1178
|
-
const
|
|
1178
|
+
const Wt = () => m("div", {
|
|
1179
1179
|
key: "svg",
|
|
1180
1180
|
class: "q-checkbox__bg absolute"
|
|
1181
1181
|
}, [
|
|
1182
|
-
|
|
1182
|
+
m("svg", {
|
|
1183
1183
|
class: "q-checkbox__svg fit absolute-full",
|
|
1184
1184
|
viewBox: "0 0 24 24"
|
|
1185
1185
|
}, [
|
|
1186
|
-
|
|
1186
|
+
m("path", {
|
|
1187
1187
|
class: "q-checkbox__truthy",
|
|
1188
1188
|
fill: "none",
|
|
1189
1189
|
d: "M1.73,12.91 8.1,19.28 22.79,4.59"
|
|
1190
1190
|
}),
|
|
1191
|
-
|
|
1191
|
+
m("path", {
|
|
1192
1192
|
class: "q-checkbox__indet",
|
|
1193
1193
|
d: "M4,14H20V10H4"
|
|
1194
1194
|
})
|
|
1195
1195
|
])
|
|
1196
|
-
]),
|
|
1196
|
+
]), Yt = te({
|
|
1197
1197
|
name: "QCheckbox",
|
|
1198
|
-
props:
|
|
1199
|
-
emits:
|
|
1198
|
+
props: Ut,
|
|
1199
|
+
emits: Ht,
|
|
1200
1200
|
setup(e) {
|
|
1201
|
-
const t =
|
|
1201
|
+
const t = Wt();
|
|
1202
1202
|
function n(a, s) {
|
|
1203
1203
|
const l = r(
|
|
1204
1204
|
() => (a.value === !0 ? e.checkedIcon : s.value === !0 ? e.indeterminateIcon : e.uncheckedIcon) || null
|
|
1205
1205
|
);
|
|
1206
1206
|
return () => l.value !== null ? [
|
|
1207
|
-
|
|
1207
|
+
m("div", {
|
|
1208
1208
|
key: "icon",
|
|
1209
1209
|
class: "q-checkbox__icon-container absolute-full flex flex-center no-wrap"
|
|
1210
1210
|
}, [
|
|
1211
|
-
|
|
1211
|
+
m(ge, {
|
|
1212
1212
|
class: "q-checkbox__icon",
|
|
1213
1213
|
name: l.value
|
|
1214
1214
|
})
|
|
1215
1215
|
])
|
|
1216
1216
|
] : [t];
|
|
1217
1217
|
}
|
|
1218
|
-
return
|
|
1218
|
+
return Xt("checkbox", n);
|
|
1219
|
+
}
|
|
1220
|
+
}), Gt = [];
|
|
1221
|
+
function Jt(e) {
|
|
1222
|
+
return Gt.find(
|
|
1223
|
+
(t) => t.contentEl !== null && t.contentEl.contains(e)
|
|
1224
|
+
);
|
|
1225
|
+
}
|
|
1226
|
+
function Zt(e, t) {
|
|
1227
|
+
do {
|
|
1228
|
+
if (e.$options.name === "QMenu") {
|
|
1229
|
+
if (e.hide(t), e.$props.separateClosePopup === !0)
|
|
1230
|
+
return ne(e);
|
|
1231
|
+
} else if (e.__qPortal === !0) {
|
|
1232
|
+
const n = ne(e);
|
|
1233
|
+
return (n == null ? void 0 : n.$options.name) === "QPopupProxy" ? (e.hide(t), n) : e;
|
|
1234
|
+
}
|
|
1235
|
+
e = ne(e);
|
|
1236
|
+
} while (e != null);
|
|
1237
|
+
}
|
|
1238
|
+
function en(e, t, n) {
|
|
1239
|
+
for (; n !== 0 && e !== void 0 && e !== null; ) {
|
|
1240
|
+
if (e.__qPortal === !0) {
|
|
1241
|
+
if (n--, e.$options.name === "QMenu") {
|
|
1242
|
+
e = Zt(e, t);
|
|
1243
|
+
continue;
|
|
1244
|
+
}
|
|
1245
|
+
e.hide(t);
|
|
1246
|
+
}
|
|
1247
|
+
e = ne(e);
|
|
1248
|
+
}
|
|
1249
|
+
}
|
|
1250
|
+
function Be(e) {
|
|
1251
|
+
if (e === !1)
|
|
1252
|
+
return 0;
|
|
1253
|
+
if (e === !0 || e === void 0)
|
|
1254
|
+
return 1;
|
|
1255
|
+
const t = parseInt(e, 10);
|
|
1256
|
+
return isNaN(t) ? 0 : t;
|
|
1257
|
+
}
|
|
1258
|
+
const tn = Me(
|
|
1259
|
+
{
|
|
1260
|
+
name: "close-popup",
|
|
1261
|
+
beforeMount(e, { value: t }) {
|
|
1262
|
+
const n = {
|
|
1263
|
+
depth: Be(t),
|
|
1264
|
+
handler(a) {
|
|
1265
|
+
n.depth !== 0 && setTimeout(() => {
|
|
1266
|
+
const s = Jt(e);
|
|
1267
|
+
s !== void 0 && en(s, a, n.depth);
|
|
1268
|
+
});
|
|
1269
|
+
},
|
|
1270
|
+
handlerKey(a) {
|
|
1271
|
+
le(a, 13) === !0 && n.handler(a);
|
|
1272
|
+
}
|
|
1273
|
+
};
|
|
1274
|
+
e.__qclosepopup = n, e.addEventListener("click", n.handler), e.addEventListener("keyup", n.handlerKey);
|
|
1275
|
+
},
|
|
1276
|
+
updated(e, { value: t, oldValue: n }) {
|
|
1277
|
+
t !== n && (e.__qclosepopup.depth = Be(t));
|
|
1278
|
+
},
|
|
1279
|
+
beforeUnmount(e) {
|
|
1280
|
+
const t = e.__qclosepopup;
|
|
1281
|
+
e.removeEventListener("click", t.handler), e.removeEventListener("keyup", t.handlerKey), delete e.__qclosepopup;
|
|
1282
|
+
}
|
|
1219
1283
|
}
|
|
1220
|
-
|
|
1284
|
+
), nn = {
|
|
1221
1285
|
key: 0,
|
|
1222
1286
|
class: "menu-item__loading"
|
|
1223
|
-
},
|
|
1287
|
+
}, an = {
|
|
1224
1288
|
key: 0,
|
|
1225
1289
|
class: "menu-item__checked"
|
|
1226
|
-
},
|
|
1290
|
+
}, ln = {
|
|
1227
1291
|
key: 2,
|
|
1228
1292
|
class: "menu-item__icon"
|
|
1229
|
-
},
|
|
1293
|
+
}, on = { class: "menu-item__label" }, sn = {
|
|
1230
1294
|
key: 3,
|
|
1231
1295
|
class: "menu-item__icon-right icon-kl icon-kl-arrow-right"
|
|
1232
|
-
},
|
|
1296
|
+
}, rn = /* @__PURE__ */ K({
|
|
1233
1297
|
__name: "PopupItem",
|
|
1234
1298
|
props: {
|
|
1235
1299
|
label: {},
|
|
@@ -1254,7 +1318,7 @@ const Ht = () => g("div", {
|
|
|
1254
1318
|
const n = e, a = t, s = () => {
|
|
1255
1319
|
(n.toggle || n.checkbox) && !n.disabled && a("update:modelValue", !n.modelValue);
|
|
1256
1320
|
};
|
|
1257
|
-
return (l, o) => (
|
|
1321
|
+
return (l, o) => oe((b(), _("div", {
|
|
1258
1322
|
class: L(["menu-item", [
|
|
1259
1323
|
{ "menu-item_gap": l.gap },
|
|
1260
1324
|
{ "menu-item_disabled": l.disabled },
|
|
@@ -1266,47 +1330,49 @@ const Ht = () => g("div", {
|
|
|
1266
1330
|
T("div", {
|
|
1267
1331
|
class: L(["row items-center no-wrap", `text-${l.color ? l.color : "dark"}`])
|
|
1268
1332
|
}, [
|
|
1269
|
-
l.loading ? (
|
|
1270
|
-
|
|
1333
|
+
l.loading ? (b(), _("div", nn, [
|
|
1334
|
+
He(Z(ze), {
|
|
1271
1335
|
size: "19px",
|
|
1272
1336
|
color: l.color ? l.color : "dark"
|
|
1273
1337
|
}, null, 8, ["color"])
|
|
1274
|
-
])) : (
|
|
1275
|
-
l.checked ? (
|
|
1338
|
+
])) : (b(), _(ie, { key: 1 }, [
|
|
1339
|
+
l.checked ? (b(), _("div", an, [...o[2] || (o[2] = [
|
|
1276
1340
|
T("i", { class: "icon-kl icon-kl-check" }, null, -1)
|
|
1277
1341
|
])])) : A("", !0),
|
|
1278
|
-
l.checkbox ? (
|
|
1342
|
+
l.checkbox ? (b(), ae(Yt, {
|
|
1279
1343
|
key: 1,
|
|
1280
1344
|
class: "menu-item__checkbox",
|
|
1281
1345
|
size: "34px",
|
|
1282
1346
|
"model-value": l.modelValue,
|
|
1283
1347
|
"onUpdate:modelValue": o[0] || (o[0] = (i) => a("update:modelValue", i))
|
|
1284
1348
|
}, null, 8, ["model-value"])) : A("", !0),
|
|
1285
|
-
l.icon ? (
|
|
1349
|
+
l.icon ? (b(), _("div", ln, [
|
|
1286
1350
|
T("i", {
|
|
1287
1351
|
class: L(`icon-kl icon-kl-${l.icon}`),
|
|
1288
|
-
style:
|
|
1352
|
+
style: re({ fontSize: l.iconSize || "27px" })
|
|
1289
1353
|
}, null, 6)
|
|
1290
1354
|
])) : A("", !0)
|
|
1291
1355
|
], 64)),
|
|
1292
|
-
T("span",
|
|
1356
|
+
T("span", on, Y(l.label), 1)
|
|
1293
1357
|
], 2),
|
|
1294
|
-
l.$slots.right ?
|
|
1358
|
+
l.$slots.right ? se(l.$slots, "right", { key: 0 }, void 0, !0) : l.toggle ? (b(), ae(xt, {
|
|
1295
1359
|
key: 1,
|
|
1296
1360
|
class: "menu-item__toggle",
|
|
1297
1361
|
"model-value": l.modelValue,
|
|
1298
1362
|
disabled: l.disabled || l.loading,
|
|
1299
1363
|
"onUpdate:modelValue": o[1] || (o[1] = (i) => a("update:modelValue", i))
|
|
1300
|
-
}, null, 8, ["model-value", "disabled"])) : l.iconRight ? (
|
|
1364
|
+
}, null, 8, ["model-value", "disabled"])) : l.iconRight ? (b(), _("i", {
|
|
1301
1365
|
key: 2,
|
|
1302
1366
|
class: L([
|
|
1303
1367
|
"menu-item__icon-right menu-item__icon-right_custom icon-kl",
|
|
1304
1368
|
`icon-kl-${l.iconRight}`
|
|
1305
1369
|
])
|
|
1306
|
-
}, null, 2)) : !l.noArrow && !l.loading ? (
|
|
1307
|
-
], 2))
|
|
1370
|
+
}, null, 2)) : !l.noArrow && !l.loading ? (b(), _("i", sn)) : A("", !0)
|
|
1371
|
+
], 2)), [
|
|
1372
|
+
[tn, !l.toggle && !l.checkbox && !l.persistent && !l.disabled]
|
|
1373
|
+
]);
|
|
1308
1374
|
}
|
|
1309
|
-
}),
|
|
1375
|
+
}), Vn = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-756923ba"]]), un = /* @__PURE__ */ K({
|
|
1310
1376
|
__name: "AppIcon",
|
|
1311
1377
|
props: {
|
|
1312
1378
|
name: {},
|
|
@@ -1314,28 +1380,28 @@ const Ht = () => g("div", {
|
|
|
1314
1380
|
color: {}
|
|
1315
1381
|
},
|
|
1316
1382
|
setup(e) {
|
|
1317
|
-
return (t, n) => (
|
|
1383
|
+
return (t, n) => (b(), _("i", {
|
|
1318
1384
|
class: L(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
|
|
1319
|
-
style:
|
|
1385
|
+
style: re(t.size ? `font-size: ${t.size}` : void 0)
|
|
1320
1386
|
}, null, 6));
|
|
1321
1387
|
}
|
|
1322
|
-
}),
|
|
1388
|
+
}), In = /* @__PURE__ */ G(un, [["__scopeId", "data-v-941765ee"]]), cn = {
|
|
1323
1389
|
xs: 2,
|
|
1324
1390
|
sm: 4,
|
|
1325
1391
|
md: 6,
|
|
1326
1392
|
lg: 10,
|
|
1327
1393
|
xl: 14
|
|
1328
1394
|
};
|
|
1329
|
-
function
|
|
1395
|
+
function we(e, t, n) {
|
|
1330
1396
|
return {
|
|
1331
1397
|
transform: t === !0 ? `translateX(${n.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
|
|
1332
1398
|
};
|
|
1333
1399
|
}
|
|
1334
|
-
const
|
|
1400
|
+
const dn = te({
|
|
1335
1401
|
name: "QLinearProgress",
|
|
1336
1402
|
props: {
|
|
1337
|
-
...
|
|
1338
|
-
...
|
|
1403
|
+
...Ne,
|
|
1404
|
+
...ue,
|
|
1339
1405
|
value: {
|
|
1340
1406
|
type: Number,
|
|
1341
1407
|
default: 0
|
|
@@ -1355,35 +1421,35 @@ const an = te({
|
|
|
1355
1421
|
instantFeedback: Boolean
|
|
1356
1422
|
},
|
|
1357
1423
|
setup(e, { slots: t }) {
|
|
1358
|
-
const { proxy: n } = ee(), a =
|
|
1424
|
+
const { proxy: n } = ee(), a = Ke(e, n.$q), s = ce(e, cn), l = r(() => e.indeterminate === !0 || e.query === !0), o = r(() => e.reverse !== e.query), i = r(() => ({
|
|
1359
1425
|
...s.value !== null ? s.value : {},
|
|
1360
1426
|
"--q-linear-progress-speed": `${e.animationSpeed}ms`
|
|
1361
1427
|
})), $ = r(
|
|
1362
1428
|
() => "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" : "")
|
|
1363
|
-
),
|
|
1429
|
+
), y = r(() => we(e.buffer !== void 0 ? e.buffer : 1, o.value, n.$q)), f = r(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), S = r(
|
|
1364
1430
|
() => `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}` : "")
|
|
1365
|
-
), d = r(() =>
|
|
1431
|
+
), d = r(() => we(l.value === !0 ? 1 : e.value, o.value, n.$q)), q = r(
|
|
1366
1432
|
() => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${l.value === !0 ? "in" : ""}determinate`
|
|
1367
|
-
), u = r(() => ({ width: `${e.value * 100}%` })),
|
|
1433
|
+
), u = r(() => ({ width: `${e.value * 100}%` })), g = r(
|
|
1368
1434
|
() => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
|
|
1369
1435
|
);
|
|
1370
1436
|
return () => {
|
|
1371
1437
|
const v = [
|
|
1372
|
-
|
|
1438
|
+
m("div", {
|
|
1373
1439
|
class: S.value,
|
|
1374
|
-
style:
|
|
1440
|
+
style: y.value
|
|
1375
1441
|
}),
|
|
1376
|
-
|
|
1442
|
+
m("div", {
|
|
1377
1443
|
class: q.value,
|
|
1378
1444
|
style: d.value
|
|
1379
1445
|
})
|
|
1380
1446
|
];
|
|
1381
1447
|
return e.stripe === !0 && l.value === !1 && v.push(
|
|
1382
|
-
|
|
1383
|
-
class:
|
|
1448
|
+
m("div", {
|
|
1449
|
+
class: g.value,
|
|
1384
1450
|
style: u.value
|
|
1385
1451
|
})
|
|
1386
|
-
),
|
|
1452
|
+
), m("div", {
|
|
1387
1453
|
class: $.value,
|
|
1388
1454
|
style: i.value,
|
|
1389
1455
|
role: "progressbar",
|
|
@@ -1393,10 +1459,10 @@ const an = te({
|
|
|
1393
1459
|
}, N(t.default, v));
|
|
1394
1460
|
};
|
|
1395
1461
|
}
|
|
1396
|
-
}),
|
|
1462
|
+
}), fn = {
|
|
1397
1463
|
key: 0,
|
|
1398
1464
|
class: "code-field__label"
|
|
1399
|
-
},
|
|
1465
|
+
}, vn = { class: "code-field__inputs" }, mn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], gn = /* @__PURE__ */ K({
|
|
1400
1466
|
__name: "AppCodeInput",
|
|
1401
1467
|
props: {
|
|
1402
1468
|
length: { default: 5 },
|
|
@@ -1419,41 +1485,41 @@ const an = te({
|
|
|
1419
1485
|
]), $ = r(() => {
|
|
1420
1486
|
let u = "";
|
|
1421
1487
|
return a.size == z.SM && (u += `width: ${a.length * 26 + (a.length - 1) * 5}px`), a.size == z.MD && (u += `width: ${a.length * 32 + (a.length - 1) * 8}px`), a.size == z.LG && (u += `width: ${a.length * 44 + (a.length - 1) * 10}px`), u;
|
|
1422
|
-
}),
|
|
1423
|
-
var
|
|
1424
|
-
const
|
|
1425
|
-
if (
|
|
1426
|
-
|
|
1427
|
-
else if (
|
|
1428
|
-
const w =
|
|
1429
|
-
w.forEach((E,
|
|
1430
|
-
l.value[
|
|
1431
|
-
}),
|
|
1488
|
+
}), y = (u, g) => {
|
|
1489
|
+
var C;
|
|
1490
|
+
const h = u.target.value;
|
|
1491
|
+
if (h.length === 1)
|
|
1492
|
+
g < a.length - 1 && o.value && ((C = o.value[g + 1]) == null || C.focus());
|
|
1493
|
+
else if (h.length > 1) {
|
|
1494
|
+
const w = h.slice(0, a.length - g).split("");
|
|
1495
|
+
w.forEach((E, k) => {
|
|
1496
|
+
l.value[g + k] = E;
|
|
1497
|
+
}), he(() => {
|
|
1432
1498
|
var E;
|
|
1433
|
-
o.value && ((E = o.value[Math.min(
|
|
1499
|
+
o.value && ((E = o.value[Math.min(g + w.length, a.length - 1)]) == null || E.focus());
|
|
1434
1500
|
});
|
|
1435
1501
|
}
|
|
1436
1502
|
}, f = (u) => {
|
|
1437
|
-
var
|
|
1438
|
-
l.value[u] === "" && o.value && u > 0 && ((
|
|
1439
|
-
}, S = (u,
|
|
1440
|
-
var
|
|
1503
|
+
var g;
|
|
1504
|
+
l.value[u] === "" && o.value && u > 0 && ((g = o.value[u - 1]) == null || g.focus());
|
|
1505
|
+
}, S = (u, g) => {
|
|
1506
|
+
var C;
|
|
1441
1507
|
u.preventDefault();
|
|
1442
|
-
const v = ((
|
|
1508
|
+
const v = ((C = u.clipboardData) == null ? void 0 : C.getData("text")) ?? "";
|
|
1443
1509
|
if (!v) return;
|
|
1444
|
-
const
|
|
1445
|
-
|
|
1446
|
-
l.value[
|
|
1447
|
-
}),
|
|
1510
|
+
const h = v.slice(0, a.length - g).split("");
|
|
1511
|
+
h.forEach((w, E) => {
|
|
1512
|
+
l.value[g + E] = w;
|
|
1513
|
+
}), he(() => {
|
|
1448
1514
|
var w;
|
|
1449
|
-
o.value && ((w = o.value[Math.min(
|
|
1515
|
+
o.value && ((w = o.value[Math.min(g + h.length, a.length - 1)]) == null || w.focus());
|
|
1450
1516
|
});
|
|
1451
1517
|
};
|
|
1452
|
-
|
|
1518
|
+
Xe(
|
|
1453
1519
|
l,
|
|
1454
1520
|
(u) => {
|
|
1455
|
-
const
|
|
1456
|
-
d(
|
|
1521
|
+
const g = u.join("");
|
|
1522
|
+
d(g);
|
|
1457
1523
|
},
|
|
1458
1524
|
{ deep: !0 }
|
|
1459
1525
|
);
|
|
@@ -1462,19 +1528,19 @@ const an = te({
|
|
|
1462
1528
|
}, q = (u) => {
|
|
1463
1529
|
u && (l.value = u.split("").slice(0, a.length));
|
|
1464
1530
|
};
|
|
1465
|
-
return
|
|
1531
|
+
return We(() => {
|
|
1466
1532
|
a.autofocus && o.value && o.value[0] && o.value[0].focus();
|
|
1467
1533
|
}), t({
|
|
1468
1534
|
injectCode: q
|
|
1469
|
-
}), (u,
|
|
1535
|
+
}), (u, g) => (b(), _("div", {
|
|
1470
1536
|
class: L(i.value),
|
|
1471
|
-
style:
|
|
1537
|
+
style: re($.value)
|
|
1472
1538
|
}, [
|
|
1473
|
-
u.label ? (
|
|
1474
|
-
T("div",
|
|
1475
|
-
(
|
|
1476
|
-
key:
|
|
1477
|
-
"onUpdate:modelValue": (
|
|
1539
|
+
u.label ? (b(), _("label", fn, Y(u.label), 1)) : A("", !0),
|
|
1540
|
+
T("div", vn, [
|
|
1541
|
+
(b(!0), _(ie, null, Pe(u.length, (v, h) => oe((b(), _("input", {
|
|
1542
|
+
key: h,
|
|
1543
|
+
"onUpdate:modelValue": (C) => l.value[h] = C,
|
|
1478
1544
|
ref_for: !0,
|
|
1479
1545
|
ref_key: "inputRefs",
|
|
1480
1546
|
ref: o,
|
|
@@ -1482,14 +1548,14 @@ const an = te({
|
|
|
1482
1548
|
maxlength: "1",
|
|
1483
1549
|
class: "code-field__input",
|
|
1484
1550
|
disabled: u.disabled || u.loading,
|
|
1485
|
-
onInput: (
|
|
1486
|
-
onKeydown:
|
|
1487
|
-
onPaste: (
|
|
1488
|
-
}, null, 40,
|
|
1489
|
-
[
|
|
1551
|
+
onInput: (C) => y(C, h),
|
|
1552
|
+
onKeydown: Ye((C) => f(h), ["backspace"]),
|
|
1553
|
+
onPaste: (C) => S(C, h)
|
|
1554
|
+
}, null, 40, mn)), [
|
|
1555
|
+
[Ge, l.value[h]]
|
|
1490
1556
|
])), 128))
|
|
1491
1557
|
]),
|
|
1492
|
-
u.loading ? (
|
|
1558
|
+
u.loading ? (b(), ae(dn, {
|
|
1493
1559
|
key: 1,
|
|
1494
1560
|
indeterminate: "",
|
|
1495
1561
|
rounded: "",
|
|
@@ -1498,9 +1564,9 @@ const an = te({
|
|
|
1498
1564
|
}, null, 8, ["color"])) : A("", !0)
|
|
1499
1565
|
], 6));
|
|
1500
1566
|
}
|
|
1501
|
-
}),
|
|
1567
|
+
}), Tn = /* @__PURE__ */ G(gn, [["__scopeId", "data-v-4e11db87"]]), pn = { class: "app-segment__track" }, hn = { class: "app-segment__buttons" }, bn = ["onClick", "disabled"], kn = /* @__PURE__ */ K({
|
|
1502
1568
|
__name: "AppSegment",
|
|
1503
|
-
props: /* @__PURE__ */
|
|
1569
|
+
props: /* @__PURE__ */ Je({
|
|
1504
1570
|
options: {},
|
|
1505
1571
|
disabled: { type: Boolean },
|
|
1506
1572
|
size: { default: z.MD }
|
|
@@ -1510,94 +1576,95 @@ const an = te({
|
|
|
1510
1576
|
}),
|
|
1511
1577
|
emits: ["update:modelValue"],
|
|
1512
1578
|
setup(e) {
|
|
1513
|
-
const t =
|
|
1579
|
+
const t = Ze(e, "modelValue"), n = e, a = r(
|
|
1514
1580
|
() => n.options.findIndex((l) => l.value === t.value)
|
|
1515
1581
|
);
|
|
1516
1582
|
function s(l) {
|
|
1517
1583
|
n.disabled || (t.value = l);
|
|
1518
1584
|
}
|
|
1519
|
-
return (l, o) => (
|
|
1585
|
+
return (l, o) => (b(), _("div", {
|
|
1520
1586
|
class: L(["app-segment", [{ "app-segment_disabled": l.disabled }, `app-segment_${l.size}`]])
|
|
1521
1587
|
}, [
|
|
1522
|
-
T("div",
|
|
1588
|
+
T("div", pn, [
|
|
1523
1589
|
T("div", {
|
|
1524
1590
|
class: "app-segment__thumb",
|
|
1525
|
-
style:
|
|
1591
|
+
style: re({
|
|
1526
1592
|
width: `${100 / l.options.length}%`,
|
|
1527
1593
|
transform: `translateX(${a.value * 100}%)`
|
|
1528
1594
|
})
|
|
1529
1595
|
}, null, 4)
|
|
1530
1596
|
]),
|
|
1531
|
-
T("div",
|
|
1532
|
-
(
|
|
1597
|
+
T("div", hn, [
|
|
1598
|
+
(b(!0), _(ie, null, Pe(l.options, (i, $) => (b(), _("button", {
|
|
1533
1599
|
key: $,
|
|
1534
1600
|
class: L(["app-segment__btn", { active: t.value === i.value }]),
|
|
1535
|
-
onClick: (
|
|
1601
|
+
onClick: (y) => s(i.value),
|
|
1536
1602
|
disabled: l.disabled
|
|
1537
1603
|
}, [
|
|
1538
|
-
|
|
1539
|
-
|
|
1604
|
+
se(l.$slots, "option", { option: i }, () => [
|
|
1605
|
+
Le(Y(i.label), 1)
|
|
1540
1606
|
], !0)
|
|
1541
|
-
], 10,
|
|
1607
|
+
], 10, bn))), 128))
|
|
1542
1608
|
])
|
|
1543
1609
|
], 2));
|
|
1544
1610
|
}
|
|
1545
|
-
}),
|
|
1546
|
-
() => import("./AppButtonCopy-
|
|
1547
|
-
),
|
|
1548
|
-
() => import("./AppSelect-
|
|
1549
|
-
),
|
|
1550
|
-
() => import("./DropdownButton-
|
|
1611
|
+
}), zn = /* @__PURE__ */ G(kn, [["__scopeId", "data-v-ff56abdf"]]), On = pe(
|
|
1612
|
+
() => import("./AppButtonCopy-Bs_VyYks.js")
|
|
1613
|
+
), jn = pe(
|
|
1614
|
+
() => import("./AppSelect-CM7VmZbO.js")
|
|
1615
|
+
), Dn = pe(
|
|
1616
|
+
() => import("./DropdownButton-CYyc9_Lq.js")
|
|
1551
1617
|
);
|
|
1552
1618
|
export {
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1619
|
+
Mn as A,
|
|
1620
|
+
At as B,
|
|
1621
|
+
Re as C,
|
|
1622
|
+
vt as D,
|
|
1623
|
+
mt as E,
|
|
1624
|
+
_t as F,
|
|
1625
|
+
Gt as G,
|
|
1626
|
+
Ln as H,
|
|
1627
|
+
Cn as I,
|
|
1628
|
+
ct as J,
|
|
1629
|
+
dt as K,
|
|
1630
|
+
Zt as L,
|
|
1631
|
+
Dn as M,
|
|
1632
|
+
On as N,
|
|
1633
|
+
jn as O,
|
|
1634
|
+
Vn as P,
|
|
1635
|
+
ge as Q,
|
|
1636
|
+
ht as R,
|
|
1571
1637
|
z as S,
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1638
|
+
zn as T,
|
|
1639
|
+
Tn as U,
|
|
1640
|
+
xt as V,
|
|
1641
|
+
In as W,
|
|
1642
|
+
_n as X,
|
|
1576
1643
|
G as _,
|
|
1577
|
-
|
|
1578
|
-
|
|
1644
|
+
Ke as a,
|
|
1645
|
+
ze as b,
|
|
1579
1646
|
te as c,
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1647
|
+
ue as d,
|
|
1648
|
+
ce as e,
|
|
1649
|
+
Sn as f,
|
|
1650
|
+
qn as g,
|
|
1651
|
+
Ae as h,
|
|
1652
|
+
Pn as i,
|
|
1653
|
+
Ct as j,
|
|
1654
|
+
le as k,
|
|
1655
|
+
$n as l,
|
|
1656
|
+
de as m,
|
|
1657
|
+
En as n,
|
|
1658
|
+
Bn as o,
|
|
1659
|
+
ft as p,
|
|
1660
|
+
wn as q,
|
|
1661
|
+
Kt as r,
|
|
1662
|
+
D as s,
|
|
1663
|
+
An as t,
|
|
1664
|
+
Ne as u,
|
|
1665
|
+
gt as v,
|
|
1666
|
+
Oe as w,
|
|
1600
1667
|
N as x,
|
|
1601
|
-
|
|
1602
|
-
|
|
1668
|
+
Pt as y,
|
|
1669
|
+
Rn as z
|
|
1603
1670
|
};
|