@quidgest/ui 0.14.7 → 0.14.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/ui.css +2 -0
- package/dist/ui.esm.js +1029 -993
- package/dist/ui.js +27 -27
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +179 -178
- package/dist/ui.scss +3 -1
- package/esm/components/QCheckbox/QCheckbox.d.ts +17 -1
- package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +62 -45
- package/esm/components/QCheckbox/QCheckboxLabel.d.ts +21 -0
- package/esm/components/QCheckbox/QCheckboxLabel.d.ts.map +1 -0
- package/esm/components/QCheckbox/QCheckboxLabel.vue.js +31 -0
- package/esm/components/QCheckbox/QCheckboxLabel.vue2.js +4 -0
- package/esm/components/QCheckbox/types.d.ts +7 -5
- package/esm/components/QCheckbox/types.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +105 -105
- package/package.json +1 -1
package/dist/ui.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { getCurrentInstance as
|
|
1
|
+
import { getCurrentInstance as Je, computed as y, ref as A, provide as De, inject as ze, watch as Z, defineComponent as C, mergeModels as G, toRef as Ve, useModel as K, openBlock as i, createElementBlock as f, renderSlot as p, normalizeClass as T, normalizeStyle as fe, withModifiers as ue, createVNode as D, unref as m, createCommentVNode as g, createElementVNode as q, Fragment as U, createTextVNode as ae, toDisplayString as E, createBlock as B, resolveDynamicComponent as Se, h as He, withCtx as w, normalizeProps as W, guardReactiveProps as ne, renderList as he, useAttrs as bt, createSlots as ye, withKeys as Ae, mergeProps as H, onMounted as Me, onUnmounted as gt, reactive as je, nextTick as te, onBeforeUnmount as _t, Teleport as $t, Transition as kt, withDirectives as wt, vModelDynamic as qt } from "vue";
|
|
2
2
|
/*!
|
|
3
|
-
* Quidgest UI v0.14.
|
|
3
|
+
* Quidgest UI v0.14.9
|
|
4
4
|
* (c) 2025 Quidgest - Consultores de Gestão, S.A.
|
|
5
5
|
* Released under the MIT License.
|
|
6
6
|
*/
|
|
@@ -35,7 +35,7 @@ const Ee = {
|
|
|
35
35
|
onWarning: "#fff",
|
|
36
36
|
onDanger: "#fff",
|
|
37
37
|
onInfo: "#fff"
|
|
38
|
-
},
|
|
38
|
+
}, et = {
|
|
39
39
|
primary: "#009ff5",
|
|
40
40
|
primaryLight: "#ade2ff",
|
|
41
41
|
primaryDark: "#164965",
|
|
@@ -66,9 +66,9 @@ const Ee = {
|
|
|
66
66
|
onWarning: "#fff",
|
|
67
67
|
onDanger: "#fff",
|
|
68
68
|
onInfo: "#fff"
|
|
69
|
-
},
|
|
69
|
+
}, zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
70
70
|
__proto__: null,
|
|
71
|
-
defaultDarkColorScheme:
|
|
71
|
+
defaultDarkColorScheme: et,
|
|
72
72
|
defaultLightColorScheme: Ee
|
|
73
73
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
74
74
|
function Qe(n) {
|
|
@@ -95,28 +95,28 @@ function Fe(n = {}, t = {}) {
|
|
|
95
95
|
return e;
|
|
96
96
|
}
|
|
97
97
|
const Oe = "q-defaults";
|
|
98
|
-
function
|
|
99
|
-
var s,
|
|
100
|
-
const n =
|
|
98
|
+
function xt() {
|
|
99
|
+
var s, a;
|
|
100
|
+
const n = Je();
|
|
101
101
|
if (!n)
|
|
102
102
|
throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
|
|
103
103
|
const t = n.type.name ?? n.type.__name;
|
|
104
104
|
if (!t) throw new Error("[Quidgest UI] Could not determine component name");
|
|
105
|
-
const e =
|
|
105
|
+
const e = tt(), l = (s = e.value) == null ? void 0 : s.Global, o = (a = e.value) == null ? void 0 : a[t];
|
|
106
106
|
return y(() => Fe(l, o));
|
|
107
107
|
}
|
|
108
108
|
function Pe(n) {
|
|
109
109
|
if (Qe(n)) return;
|
|
110
|
-
const t =
|
|
110
|
+
const t = tt(), e = A(n), l = y(() => Qe(e.value) ? t.value : Fe(t.value, e.value));
|
|
111
111
|
De(Oe, l);
|
|
112
112
|
}
|
|
113
|
-
function
|
|
113
|
+
function tt() {
|
|
114
114
|
const n = ze(Oe, void 0);
|
|
115
115
|
if (!n) throw new Error("[Quidgest UI] Could not find defaults instance");
|
|
116
116
|
return n;
|
|
117
117
|
}
|
|
118
|
-
const
|
|
119
|
-
function
|
|
118
|
+
const nt = "q-group";
|
|
119
|
+
function St(n) {
|
|
120
120
|
var e, l;
|
|
121
121
|
const t = {
|
|
122
122
|
active: A(((e = n.active) == null ? void 0 : e.value) ?? ((l = n.multiple) == null ? void 0 : l.value) ? [] : null),
|
|
@@ -125,15 +125,15 @@ function xt(n) {
|
|
|
125
125
|
return ((o = n.multiple) == null ? void 0 : o.value) || !1;
|
|
126
126
|
})
|
|
127
127
|
};
|
|
128
|
-
return
|
|
128
|
+
return Z(
|
|
129
129
|
() => t.multiple.value,
|
|
130
130
|
(o) => {
|
|
131
131
|
o && t.active.value ? t.active.value = [t.active.value] : o ? t.active.value = [] : Array.isArray(t.active.value) && t.active.value.length === 1 ? t.active.value = t.active.value[0] : t.active.value = null;
|
|
132
132
|
}
|
|
133
|
-
), De(
|
|
133
|
+
), De(nt, t), t;
|
|
134
134
|
}
|
|
135
|
-
function
|
|
136
|
-
const t = ze(
|
|
135
|
+
function Lt(n) {
|
|
136
|
+
const t = ze(nt, void 0);
|
|
137
137
|
if (!t) return;
|
|
138
138
|
const e = y(() => {
|
|
139
139
|
var o;
|
|
@@ -144,7 +144,7 @@ function St(n) {
|
|
|
144
144
|
Array.isArray(t.active.value) ? e.value ? t.active.value = (o = t.active.value) == null ? void 0 : o.filter((s) => s !== n) : t.active.value.push(n) : t.active.value = n;
|
|
145
145
|
} };
|
|
146
146
|
}
|
|
147
|
-
const Bt = { class: "q-accordion" },
|
|
147
|
+
const Bt = { class: "q-accordion" }, Ct = /* @__PURE__ */ C({
|
|
148
148
|
__name: "QAccordion",
|
|
149
149
|
props: /* @__PURE__ */ G({
|
|
150
150
|
variant: {}
|
|
@@ -159,38 +159,38 @@ const Bt = { class: "q-accordion" }, Lt = /* @__PURE__ */ C({
|
|
|
159
159
|
variant: Ve(n, "variant")
|
|
160
160
|
}
|
|
161
161
|
});
|
|
162
|
-
const e =
|
|
163
|
-
return
|
|
162
|
+
const e = K(n, "modelValue");
|
|
163
|
+
return St({ active: e }), (l, o) => (i(), f("div", Bt, [
|
|
164
164
|
p(l.$slots, "default")
|
|
165
165
|
]));
|
|
166
166
|
}
|
|
167
167
|
});
|
|
168
|
-
function
|
|
168
|
+
function lt(n) {
|
|
169
169
|
return n.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
|
|
170
170
|
}
|
|
171
|
-
function
|
|
171
|
+
function It(n, t) {
|
|
172
172
|
var l;
|
|
173
|
-
const e =
|
|
173
|
+
const e = lt(t);
|
|
174
174
|
return e ? typeof ((l = n.props) == null ? void 0 : l[e]) < "u" : !1;
|
|
175
175
|
}
|
|
176
176
|
function I(n) {
|
|
177
177
|
const t = n.setup;
|
|
178
178
|
return t && (n.setup = (e, l) => {
|
|
179
|
-
const o =
|
|
179
|
+
const o = xt();
|
|
180
180
|
if (Qe(o.value)) return t(e, l);
|
|
181
|
-
const s =
|
|
181
|
+
const s = Je();
|
|
182
182
|
if (s === null) return t(e, l);
|
|
183
|
-
const
|
|
184
|
-
get(
|
|
185
|
-
var
|
|
186
|
-
const u = Reflect.get(
|
|
187
|
-
return typeof
|
|
183
|
+
const a = new Proxy(e, {
|
|
184
|
+
get(d, r) {
|
|
185
|
+
var x;
|
|
186
|
+
const u = Reflect.get(d, r), b = (x = o.value) == null ? void 0 : x[r];
|
|
187
|
+
return typeof r == "string" && !It(s.vnode, r) ? b ?? u : u;
|
|
188
188
|
}
|
|
189
189
|
});
|
|
190
|
-
return t(
|
|
190
|
+
return t(a, l);
|
|
191
191
|
}), n;
|
|
192
192
|
}
|
|
193
|
-
const
|
|
193
|
+
const Tt = I(Ct), Vt = /* @__PURE__ */ C({
|
|
194
194
|
__name: "QSpinnerLoader",
|
|
195
195
|
props: {
|
|
196
196
|
size: { default: 48 },
|
|
@@ -200,15 +200,15 @@ const It = I(Lt), Tt = /* @__PURE__ */ C({
|
|
|
200
200
|
const t = n, e = y(() => ({
|
|
201
201
|
"font-size": t.size !== 48 ? `${t.size}px` : void 0
|
|
202
202
|
}));
|
|
203
|
-
return (l, o) => (
|
|
203
|
+
return (l, o) => (i(), f("div", {
|
|
204
204
|
class: T(["q-spinner-loader", t.class]),
|
|
205
|
-
style:
|
|
205
|
+
style: fe(e.value)
|
|
206
206
|
}, null, 6));
|
|
207
207
|
}
|
|
208
|
-
}),
|
|
208
|
+
}), _e = I(Vt), At = ["disabled"], Et = {
|
|
209
209
|
key: 0,
|
|
210
210
|
class: "q-btn__spinner"
|
|
211
|
-
},
|
|
211
|
+
}, Qt = { class: "q-btn__content" }, Dt = /* @__PURE__ */ C({
|
|
212
212
|
__name: "QButton",
|
|
213
213
|
props: {
|
|
214
214
|
active: { type: Boolean },
|
|
@@ -226,15 +226,15 @@ const It = I(Lt), Tt = /* @__PURE__ */ C({
|
|
|
226
226
|
emits: ["click"],
|
|
227
227
|
setup(n, { emit: t }) {
|
|
228
228
|
const e = n, l = t, o = y(() => e.disabled || e.loading);
|
|
229
|
-
function s(
|
|
230
|
-
o.value || l("click",
|
|
229
|
+
function s(d) {
|
|
230
|
+
o.value || l("click", d);
|
|
231
231
|
}
|
|
232
|
-
const
|
|
233
|
-
const
|
|
232
|
+
const a = y(() => {
|
|
233
|
+
const d = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
|
|
234
234
|
return [
|
|
235
235
|
"q-btn",
|
|
236
236
|
`q-btn--${e.bStyle}`,
|
|
237
|
-
|
|
237
|
+
d,
|
|
238
238
|
{
|
|
239
239
|
"q-btn--active": e.active,
|
|
240
240
|
"q-btn--borderless": e.borderless,
|
|
@@ -245,27 +245,27 @@ const It = I(Lt), Tt = /* @__PURE__ */ C({
|
|
|
245
245
|
e.class
|
|
246
246
|
];
|
|
247
247
|
});
|
|
248
|
-
return (
|
|
248
|
+
return (d, r) => (i(), f("button", {
|
|
249
249
|
type: "button",
|
|
250
|
-
class: T(
|
|
250
|
+
class: T(a.value),
|
|
251
251
|
disabled: o.value,
|
|
252
|
-
onClick:
|
|
252
|
+
onClick: ue(s, ["stop", "prevent"])
|
|
253
253
|
}, [
|
|
254
|
-
|
|
255
|
-
D(m(
|
|
256
|
-
])) :
|
|
257
|
-
q("span",
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
], 64)) :
|
|
261
|
-
p(
|
|
262
|
-
|
|
263
|
-
|
|
254
|
+
d.loading ? (i(), f("div", Et, [
|
|
255
|
+
D(m(_e), { size: 20 })
|
|
256
|
+
])) : g("", !0),
|
|
257
|
+
q("span", Qt, [
|
|
258
|
+
d.iconOnRight ? (i(), f(U, { key: 0 }, [
|
|
259
|
+
ae(E(e.label), 1)
|
|
260
|
+
], 64)) : g("", !0),
|
|
261
|
+
p(d.$slots, "default"),
|
|
262
|
+
d.iconOnRight ? g("", !0) : (i(), f(U, { key: 1 }, [
|
|
263
|
+
ae(E(e.label), 1)
|
|
264
264
|
], 64))
|
|
265
265
|
])
|
|
266
|
-
], 10,
|
|
266
|
+
], 10, At));
|
|
267
267
|
}
|
|
268
|
-
}),
|
|
268
|
+
}), le = I(Dt), zt = /* @__PURE__ */ C({
|
|
269
269
|
__name: "QIcon",
|
|
270
270
|
props: {
|
|
271
271
|
icon: {},
|
|
@@ -277,22 +277,22 @@ const It = I(Lt), Tt = /* @__PURE__ */ C({
|
|
|
277
277
|
const t = n, e = y(() => {
|
|
278
278
|
switch (t.type) {
|
|
279
279
|
case "svg":
|
|
280
|
-
return
|
|
280
|
+
return at;
|
|
281
281
|
case "font":
|
|
282
|
-
return lt;
|
|
283
|
-
case "img":
|
|
284
282
|
return ot;
|
|
283
|
+
case "img":
|
|
284
|
+
return st;
|
|
285
285
|
default:
|
|
286
286
|
return;
|
|
287
287
|
}
|
|
288
288
|
});
|
|
289
|
-
return (l, o) => (
|
|
289
|
+
return (l, o) => (i(), B(Se(e.value), {
|
|
290
290
|
class: T(t.class),
|
|
291
291
|
icon: t.icon,
|
|
292
292
|
size: t.size
|
|
293
293
|
}, null, 8, ["class", "icon", "size"]));
|
|
294
294
|
}
|
|
295
|
-
}),
|
|
295
|
+
}), Mt = /* @__PURE__ */ C({
|
|
296
296
|
__name: "QIconFont",
|
|
297
297
|
props: {
|
|
298
298
|
icon: {},
|
|
@@ -305,12 +305,12 @@ const It = I(Lt), Tt = /* @__PURE__ */ C({
|
|
|
305
305
|
const t = n, e = y(() => t.variant ? `${t.library}-${t.variant}` : t.library), l = y(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), o = y(() => ({
|
|
306
306
|
"font-size": t.size !== void 0 ? `${t.size}px` : void 0
|
|
307
307
|
}));
|
|
308
|
-
return (s,
|
|
308
|
+
return (s, a) => (i(), f("i", {
|
|
309
309
|
class: T(["q-icon", "q-icon__font", e.value, l.value, t.class]),
|
|
310
|
-
style:
|
|
310
|
+
style: fe(o.value)
|
|
311
311
|
}, null, 6));
|
|
312
312
|
}
|
|
313
|
-
}),
|
|
313
|
+
}), Ft = ["src"], Ot = /* @__PURE__ */ C({
|
|
314
314
|
__name: "QIconImg",
|
|
315
315
|
props: {
|
|
316
316
|
icon: {},
|
|
@@ -321,13 +321,13 @@ const It = I(Lt), Tt = /* @__PURE__ */ C({
|
|
|
321
321
|
const t = n, e = y(() => ({
|
|
322
322
|
"font-size": t.size !== void 0 ? `${t.size}px` : void 0
|
|
323
323
|
}));
|
|
324
|
-
return (l, o) => (
|
|
324
|
+
return (l, o) => (i(), f("img", {
|
|
325
325
|
src: t.icon,
|
|
326
326
|
class: T(["q-icon", "q-icon__img", t.class]),
|
|
327
|
-
style:
|
|
328
|
-
}, null, 14,
|
|
327
|
+
style: fe(e.value)
|
|
328
|
+
}, null, 14, Ft));
|
|
329
329
|
}
|
|
330
|
-
}),
|
|
330
|
+
}), be = {}, Pt = C({
|
|
331
331
|
name: "InlineSvg",
|
|
332
332
|
emits: {
|
|
333
333
|
loaded: (n) => typeof n == "object",
|
|
@@ -400,7 +400,7 @@ const It = I(Lt), Tt = /* @__PURE__ */ C({
|
|
|
400
400
|
l !== !1 && l !== null && l !== void 0 && (n[e] = l);
|
|
401
401
|
},
|
|
402
402
|
getSvgContent(n) {
|
|
403
|
-
return this.symbol && (n = n.getElementById(this.symbol), !n) ? null : (this.transformSource && (n = n.cloneNode(!0), n = this.transformSource(n)), this.title && (this.transformSource || (n = n.cloneNode(!0)),
|
|
403
|
+
return this.symbol && (n = n.getElementById(this.symbol), !n) ? null : (this.transformSource && (n = n.cloneNode(!0), n = this.transformSource(n)), this.title && (this.transformSource || (n = n.cloneNode(!0)), Ut(n, this.title)), n);
|
|
404
404
|
},
|
|
405
405
|
/**
|
|
406
406
|
* Get svgElSource
|
|
@@ -408,11 +408,11 @@ const It = I(Lt), Tt = /* @__PURE__ */ C({
|
|
|
408
408
|
*/
|
|
409
409
|
async getSource(n) {
|
|
410
410
|
try {
|
|
411
|
-
|
|
412
|
-
const t = await
|
|
411
|
+
be[n] || (be[n] = Nt(this.download(n))), this.svgElSource && be[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
|
|
412
|
+
const t = await be[n];
|
|
413
413
|
this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
|
|
414
414
|
} catch (t) {
|
|
415
|
-
this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete
|
|
415
|
+
this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete be[n], this.$emit("error", t);
|
|
416
416
|
}
|
|
417
417
|
},
|
|
418
418
|
/**
|
|
@@ -435,7 +435,7 @@ const It = I(Lt), Tt = /* @__PURE__ */ C({
|
|
|
435
435
|
},
|
|
436
436
|
expose: []
|
|
437
437
|
});
|
|
438
|
-
function
|
|
438
|
+
function Ut(n, t) {
|
|
439
439
|
const e = n.getElementsByTagName("title");
|
|
440
440
|
if (e.length)
|
|
441
441
|
e[0].textContent = t;
|
|
@@ -444,7 +444,7 @@ function Pt(n, t) {
|
|
|
444
444
|
l.textContent = t, n.insertBefore(l, n.firstChild);
|
|
445
445
|
}
|
|
446
446
|
}
|
|
447
|
-
function
|
|
447
|
+
function Nt(n) {
|
|
448
448
|
if (n.getIsPending) return n;
|
|
449
449
|
let t = !0;
|
|
450
450
|
const e = n.then(
|
|
@@ -455,7 +455,7 @@ function Ut(n) {
|
|
|
455
455
|
);
|
|
456
456
|
return e.getIsPending = () => t, e;
|
|
457
457
|
}
|
|
458
|
-
const
|
|
458
|
+
const Rt = /* @__PURE__ */ C({
|
|
459
459
|
__name: "QIconSvg",
|
|
460
460
|
props: {
|
|
461
461
|
icon: {},
|
|
@@ -468,134 +468,134 @@ const Nt = /* @__PURE__ */ C({
|
|
|
468
468
|
const e = n, l = t, o = y(() => ({
|
|
469
469
|
"font-size": e.size !== void 0 ? `${e.size}px` : void 0
|
|
470
470
|
}));
|
|
471
|
-
function s(
|
|
472
|
-
l("loaded",
|
|
471
|
+
function s(d) {
|
|
472
|
+
l("loaded", d);
|
|
473
473
|
}
|
|
474
|
-
function
|
|
474
|
+
function a() {
|
|
475
475
|
l("unloaded");
|
|
476
476
|
}
|
|
477
|
-
return (
|
|
477
|
+
return (d, r) => (i(), B(m(Pt), {
|
|
478
478
|
class: T(["q-icon", "q-icon__svg", e.class]),
|
|
479
479
|
src: e.bundle,
|
|
480
480
|
symbol: e.icon,
|
|
481
|
-
style:
|
|
481
|
+
style: fe(o.value),
|
|
482
482
|
onLoaded: s,
|
|
483
|
-
onUnloaded:
|
|
483
|
+
onUnloaded: a
|
|
484
484
|
}, null, 8, ["class", "src", "symbol", "style"]));
|
|
485
485
|
}
|
|
486
|
-
}), O = I(
|
|
486
|
+
}), O = I(zt), ot = I(Mt), st = I(Ot), at = I(Rt), Gt = {
|
|
487
487
|
remove: {
|
|
488
488
|
icon: "close"
|
|
489
489
|
}
|
|
490
490
|
};
|
|
491
|
-
function
|
|
491
|
+
function Ht(n) {
|
|
492
492
|
return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(n);
|
|
493
493
|
}
|
|
494
|
-
function
|
|
494
|
+
function jt(n) {
|
|
495
495
|
const t = n.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
|
|
496
496
|
if (t) {
|
|
497
497
|
const e = parseInt(t[1], 10), l = parseInt(t[2], 10), o = parseInt(t[3], 10);
|
|
498
498
|
return { r: e, g: l, b: o };
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
|
-
function
|
|
502
|
-
if (
|
|
501
|
+
function it(n) {
|
|
502
|
+
if (Ht(n)) {
|
|
503
503
|
n.length === 4 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3]);
|
|
504
504
|
const t = parseInt(n.slice(1, 3), 16), e = parseInt(n.slice(3, 5), 16), l = parseInt(n.slice(5, 7), 16);
|
|
505
505
|
return { r: t, g: e, b: l };
|
|
506
506
|
} else {
|
|
507
|
-
const t =
|
|
507
|
+
const t = jt(n);
|
|
508
508
|
if (t) return t;
|
|
509
509
|
}
|
|
510
510
|
throw new Error("Invalid color format");
|
|
511
511
|
}
|
|
512
|
-
function
|
|
512
|
+
function Kt(n) {
|
|
513
513
|
const t = n.r / 255, e = n.g / 255, l = n.b / 255, o = Math.max(t, e, l), s = Math.min(t, e, l);
|
|
514
|
-
let
|
|
515
|
-
const
|
|
514
|
+
let a = 0, d;
|
|
515
|
+
const r = (o + s) / 2;
|
|
516
516
|
if (o === s)
|
|
517
|
-
|
|
517
|
+
a = d = 0;
|
|
518
518
|
else {
|
|
519
519
|
const u = o - s;
|
|
520
|
-
switch (
|
|
520
|
+
switch (d = r > 0.5 ? u / (2 - o - s) : u / (o + s), o) {
|
|
521
521
|
case t:
|
|
522
|
-
|
|
522
|
+
a = (e - l) / u + (e < l ? 6 : 0);
|
|
523
523
|
break;
|
|
524
524
|
case e:
|
|
525
|
-
|
|
525
|
+
a = (l - t) / u + 2;
|
|
526
526
|
break;
|
|
527
527
|
case l:
|
|
528
|
-
|
|
528
|
+
a = (t - e) / u + 4;
|
|
529
529
|
break;
|
|
530
530
|
}
|
|
531
|
-
|
|
531
|
+
a /= 6;
|
|
532
532
|
}
|
|
533
533
|
return {
|
|
534
|
-
h: Math.round(
|
|
535
|
-
s: Math.round(
|
|
536
|
-
l: Math.round(
|
|
534
|
+
h: Math.round(a * 360),
|
|
535
|
+
s: Math.round(d * 100),
|
|
536
|
+
l: Math.round(r * 100)
|
|
537
537
|
};
|
|
538
538
|
}
|
|
539
|
-
function
|
|
539
|
+
function Wt(n) {
|
|
540
540
|
return n > 50 ? "#000" : "#fff";
|
|
541
541
|
}
|
|
542
|
-
const
|
|
542
|
+
const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
|
|
543
543
|
__name: "QBadge",
|
|
544
544
|
props: {
|
|
545
545
|
color: { default: "primary" },
|
|
546
546
|
variant: { default: "tonal" },
|
|
547
547
|
removable: { type: Boolean },
|
|
548
548
|
pill: { type: Boolean },
|
|
549
|
-
icons: { default: () =>
|
|
549
|
+
icons: { default: () => Gt }
|
|
550
550
|
},
|
|
551
551
|
emits: ["click:remove"],
|
|
552
552
|
setup(n, { emit: t }) {
|
|
553
553
|
const e = n, l = t, o = y(
|
|
554
554
|
() => ["primary", "info", "success", "warning", "danger"].includes(e.color)
|
|
555
555
|
), s = y(() => {
|
|
556
|
-
const
|
|
557
|
-
return ["q-badge", `q-badge--${e.variant}`,
|
|
558
|
-
}),
|
|
559
|
-
let
|
|
556
|
+
const r = o.value ? `q-badge--${e.color}` : void 0;
|
|
557
|
+
return ["q-badge", `q-badge--${e.variant}`, r, { "q-badge--pill": e.pill }];
|
|
558
|
+
}), a = y(() => {
|
|
559
|
+
let r, u;
|
|
560
560
|
if (!o.value)
|
|
561
|
-
if (
|
|
561
|
+
if (r = e.color, e.variant === "tonal")
|
|
562
562
|
u = e.color;
|
|
563
563
|
else {
|
|
564
|
-
const
|
|
565
|
-
u =
|
|
564
|
+
const b = it(r), x = Kt(b);
|
|
565
|
+
u = Wt(x.l);
|
|
566
566
|
}
|
|
567
567
|
return {
|
|
568
|
-
"--q-badge-color":
|
|
568
|
+
"--q-badge-color": r,
|
|
569
569
|
"--q-badge-text-color": u
|
|
570
570
|
};
|
|
571
571
|
});
|
|
572
|
-
function
|
|
572
|
+
function d() {
|
|
573
573
|
l("click:remove");
|
|
574
574
|
}
|
|
575
|
-
return (
|
|
575
|
+
return (r, u) => (i(), f("span", {
|
|
576
576
|
class: T(s.value),
|
|
577
577
|
role: "presentation",
|
|
578
|
-
style:
|
|
578
|
+
style: fe(a.value)
|
|
579
579
|
}, [
|
|
580
580
|
u[0] || (u[0] = q("div", { class: "q-badge__underlay" }, null, -1)),
|
|
581
|
-
q("div",
|
|
582
|
-
p(
|
|
583
|
-
e.removable ? (
|
|
581
|
+
q("div", Xt, [
|
|
582
|
+
p(r.$slots, "default"),
|
|
583
|
+
e.removable ? (i(), B(m(le), {
|
|
584
584
|
key: 0,
|
|
585
585
|
class: "q-badge__remove",
|
|
586
586
|
borderless: "",
|
|
587
587
|
tabindex: "0",
|
|
588
|
-
onClick:
|
|
588
|
+
onClick: d
|
|
589
589
|
}, {
|
|
590
|
-
default:
|
|
591
|
-
D(m(O),
|
|
590
|
+
default: w(() => [
|
|
591
|
+
D(m(O), W(ne(e.icons.remove)), null, 16)
|
|
592
592
|
]),
|
|
593
593
|
_: 1
|
|
594
|
-
})) :
|
|
594
|
+
})) : g("", !0)
|
|
595
595
|
])
|
|
596
596
|
], 6));
|
|
597
597
|
}
|
|
598
|
-
}),
|
|
598
|
+
}), Zt = I(Yt), Jt = /* @__PURE__ */ C({
|
|
599
599
|
__name: "QButtonGroup",
|
|
600
600
|
props: {
|
|
601
601
|
disabled: { type: Boolean },
|
|
@@ -612,7 +612,7 @@ const Wt = { class: "q-badge__content" }, Xt = /* @__PURE__ */ C({
|
|
|
612
612
|
borderless: Ve(t, "borderless"),
|
|
613
613
|
elevated: !1
|
|
614
614
|
}
|
|
615
|
-
}), (e, l) => (
|
|
615
|
+
}), (e, l) => (i(), f("div", {
|
|
616
616
|
class: T([
|
|
617
617
|
"q-btn-group",
|
|
618
618
|
{
|
|
@@ -624,7 +624,7 @@ const Wt = { class: "q-badge__content" }, Xt = /* @__PURE__ */ C({
|
|
|
624
624
|
p(e.$slots, "default")
|
|
625
625
|
], 2));
|
|
626
626
|
}
|
|
627
|
-
}),
|
|
627
|
+
}), rt = I(Jt), en = /* @__PURE__ */ C({
|
|
628
628
|
__name: "QButtonToggle",
|
|
629
629
|
props: /* @__PURE__ */ G({
|
|
630
630
|
options: {},
|
|
@@ -639,11 +639,11 @@ const Wt = { class: "q-badge__content" }, Xt = /* @__PURE__ */ C({
|
|
|
639
639
|
}),
|
|
640
640
|
emits: ["update:modelValue"],
|
|
641
641
|
setup(n) {
|
|
642
|
-
const t = n, e =
|
|
642
|
+
const t = n, e = K(n, "modelValue");
|
|
643
643
|
function l(o) {
|
|
644
644
|
e.value === o.key && !t.required ? e.value = void 0 : e.value = o.key;
|
|
645
645
|
}
|
|
646
|
-
return (o, s) => (
|
|
646
|
+
return (o, s) => (i(), B(m(rt), {
|
|
647
647
|
"b-style": "secondary",
|
|
648
648
|
class: T(t.class),
|
|
649
649
|
disabled: t.disabled,
|
|
@@ -651,18 +651,18 @@ const Wt = { class: "q-badge__content" }, Xt = /* @__PURE__ */ C({
|
|
|
651
651
|
elevated: t.elevated,
|
|
652
652
|
role: "listbox"
|
|
653
653
|
}, {
|
|
654
|
-
default:
|
|
655
|
-
(
|
|
656
|
-
key:
|
|
657
|
-
title:
|
|
658
|
-
label:
|
|
659
|
-
active: e.value ===
|
|
654
|
+
default: w(() => [
|
|
655
|
+
(i(!0), f(U, null, he(t.options, (a) => (i(), B(m(le), {
|
|
656
|
+
key: a.key,
|
|
657
|
+
title: a.title,
|
|
658
|
+
label: a.label,
|
|
659
|
+
active: e.value === a.key,
|
|
660
660
|
role: "option",
|
|
661
|
-
"aria-selected": e.value ===
|
|
662
|
-
onClick: () => l(
|
|
661
|
+
"aria-selected": e.value === a.key,
|
|
662
|
+
onClick: () => l(a)
|
|
663
663
|
}, {
|
|
664
|
-
default:
|
|
665
|
-
p(o.$slots,
|
|
664
|
+
default: w(() => [
|
|
665
|
+
p(o.$slots, a.key)
|
|
666
666
|
]),
|
|
667
667
|
_: 2
|
|
668
668
|
}, 1032, ["title", "label", "active", "aria-selected", "onClick"]))), 128))
|
|
@@ -670,26 +670,26 @@ const Wt = { class: "q-badge__content" }, Xt = /* @__PURE__ */ C({
|
|
|
670
670
|
_: 3
|
|
671
671
|
}, 8, ["class", "disabled", "borderless", "elevated"]));
|
|
672
672
|
}
|
|
673
|
-
}),
|
|
674
|
-
let
|
|
675
|
-
function
|
|
676
|
-
return n || `uid-${++
|
|
673
|
+
}), tn = I(en);
|
|
674
|
+
let nn = 0;
|
|
675
|
+
function ie(n) {
|
|
676
|
+
return n || `uid-${++nn}`;
|
|
677
677
|
}
|
|
678
|
-
const
|
|
678
|
+
const ln = { class: "q-card__header" }, on = {
|
|
679
679
|
key: 0,
|
|
680
680
|
class: "q-card__header-content"
|
|
681
|
-
},
|
|
681
|
+
}, sn = { class: "q-card__header-text" }, an = {
|
|
682
682
|
key: 0,
|
|
683
683
|
class: "q-card__title",
|
|
684
684
|
role: "cell"
|
|
685
|
-
},
|
|
685
|
+
}, rn = {
|
|
686
686
|
key: 1,
|
|
687
687
|
class: "q-card__subtitle",
|
|
688
688
|
role: "cell"
|
|
689
|
-
},
|
|
689
|
+
}, dn = { class: "q-card__content" }, un = {
|
|
690
690
|
key: 0,
|
|
691
691
|
class: "q-card__footer"
|
|
692
|
-
},
|
|
692
|
+
}, cn = /* @__PURE__ */ C({
|
|
693
693
|
__name: "QCard",
|
|
694
694
|
props: {
|
|
695
695
|
id: { default: void 0 },
|
|
@@ -704,13 +704,13 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
704
704
|
width: { default: void 0 }
|
|
705
705
|
},
|
|
706
706
|
setup(n) {
|
|
707
|
-
const t = n, e =
|
|
708
|
-
const
|
|
707
|
+
const t = n, e = bt(), l = ie(t.id), o = y(() => {
|
|
708
|
+
const r = t.width ? `q-card--${t.width}` : void 0, u = t.variant && t.variant !== "default" ? `q-card--${t.variant}` : void 0, b = t.elevation && t.elevation !== "none" ? `q-card--elevation-${t.elevation}` : void 0;
|
|
709
709
|
return [
|
|
710
710
|
"q-card",
|
|
711
|
-
|
|
711
|
+
r,
|
|
712
712
|
u,
|
|
713
|
-
|
|
713
|
+
b,
|
|
714
714
|
{
|
|
715
715
|
"q-card--clickable": s.value,
|
|
716
716
|
"q-card--loading": t.loading,
|
|
@@ -718,65 +718,79 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
718
718
|
"q-card--disabled": t.disabled
|
|
719
719
|
}
|
|
720
720
|
];
|
|
721
|
-
}), s = y(() => !!e.onClick || t.href),
|
|
722
|
-
|
|
721
|
+
}), s = y(() => !!e.onClick || t.href), a = y(() => t.disabled || t.loading), d = (r) => {
|
|
722
|
+
a.value && r.stopImmediatePropagation();
|
|
723
723
|
};
|
|
724
|
-
return (
|
|
724
|
+
return (r, u) => (i(), B(Se(t.href ? "a" : "div"), {
|
|
725
725
|
id: m(l),
|
|
726
|
-
class: T([...o.value,
|
|
727
|
-
href: t.href && !
|
|
728
|
-
onClick:
|
|
726
|
+
class: T([...o.value, r.$attrs.class]),
|
|
727
|
+
href: t.href && !a.value ? t.href : void 0,
|
|
728
|
+
onClick: d
|
|
729
729
|
}, {
|
|
730
|
-
default:
|
|
731
|
-
t.loading ? (
|
|
730
|
+
default: w(() => [
|
|
731
|
+
t.loading ? (i(), B(m(_e), {
|
|
732
732
|
key: 0,
|
|
733
733
|
size: 36
|
|
734
|
-
})) : (
|
|
735
|
-
q("div",
|
|
736
|
-
p(
|
|
737
|
-
p(
|
|
738
|
-
|
|
739
|
-
p(
|
|
740
|
-
q("div",
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
734
|
+
})) : (i(), f(U, { key: 1 }, [
|
|
735
|
+
q("div", ln, [
|
|
736
|
+
p(r.$slots, "header", {}, () => [
|
|
737
|
+
p(r.$slots, "header.prepend"),
|
|
738
|
+
r.$slots.title || t.title || r.$slots.subtitle || t.subtitle ? (i(), f("div", on, [
|
|
739
|
+
p(r.$slots, "header.content.prepend"),
|
|
740
|
+
q("div", sn, [
|
|
741
|
+
r.$slots.title || t.title ? (i(), f("p", an, [
|
|
742
|
+
r.$slots.title ? p(r.$slots, "title", { key: 0 }) : (i(), f(U, { key: 1 }, [
|
|
743
|
+
ae(E(r.$props.title), 1)
|
|
744
744
|
], 64))
|
|
745
|
-
])) :
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
745
|
+
])) : g("", !0),
|
|
746
|
+
r.$slots.subtitle || t.subtitle ? (i(), f("p", rn, [
|
|
747
|
+
r.$slots.subtitle ? p(r.$slots, "subtitle", { key: 0 }) : (i(), f(U, { key: 1 }, [
|
|
748
|
+
ae(E(r.$props.subtitle), 1)
|
|
749
749
|
], 64))
|
|
750
|
-
])) :
|
|
750
|
+
])) : g("", !0)
|
|
751
751
|
]),
|
|
752
|
-
p(
|
|
753
|
-
])) :
|
|
754
|
-
p(
|
|
752
|
+
p(r.$slots, "header.content.append")
|
|
753
|
+
])) : g("", !0),
|
|
754
|
+
p(r.$slots, "header.append")
|
|
755
755
|
])
|
|
756
756
|
]),
|
|
757
|
-
q("div",
|
|
758
|
-
p(
|
|
757
|
+
q("div", dn, [
|
|
758
|
+
p(r.$slots, "default")
|
|
759
759
|
]),
|
|
760
|
-
|
|
761
|
-
p(
|
|
762
|
-
])) :
|
|
760
|
+
r.$slots.footer ? (i(), f("div", un, [
|
|
761
|
+
p(r.$slots, "footer")
|
|
762
|
+
])) : g("", !0)
|
|
763
763
|
], 64))
|
|
764
764
|
]),
|
|
765
765
|
_: 3
|
|
766
766
|
}, 8, ["id", "class", "href"]));
|
|
767
767
|
}
|
|
768
|
-
}),
|
|
768
|
+
}), dt = I(cn), fn = { key: 0 }, pn = { class: "q-field__extras" }, mn = { key: 1 }, We = /* @__PURE__ */ C({
|
|
769
|
+
__name: "QCheckboxLabel",
|
|
770
|
+
props: {
|
|
771
|
+
label: { default: "" }
|
|
772
|
+
},
|
|
773
|
+
setup(n) {
|
|
774
|
+
const t = n;
|
|
775
|
+
return (e, l) => e.$slots.extras ? (i(), f("div", fn, [
|
|
776
|
+
q("span", null, E(t.label), 1),
|
|
777
|
+
q("div", pn, [
|
|
778
|
+
p(e.$slots, "extras")
|
|
779
|
+
])
|
|
780
|
+
])) : (i(), f("span", mn, E(t.label), 1));
|
|
781
|
+
}
|
|
782
|
+
}), hn = {
|
|
769
783
|
checked: {
|
|
770
784
|
icon: "check"
|
|
771
785
|
},
|
|
772
786
|
indeterminate: {
|
|
773
787
|
icon: "minus"
|
|
774
788
|
}
|
|
775
|
-
},
|
|
789
|
+
}, yn = ["id", "aria-checked", "disabled", "onKeydown"], vn = ["checked", "disabled"], bn = /* @__PURE__ */ C({
|
|
776
790
|
__name: "QCheckbox",
|
|
777
791
|
props: /* @__PURE__ */ G({
|
|
778
|
-
id: { default: void 0 },
|
|
779
792
|
label: { default: "" },
|
|
793
|
+
id: { default: void 0 },
|
|
780
794
|
labelPlacement: { default: "right" },
|
|
781
795
|
disabled: { type: Boolean },
|
|
782
796
|
readonly: { type: Boolean },
|
|
@@ -784,14 +798,14 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
784
798
|
color: { default: "primary" },
|
|
785
799
|
size: { default: "regular" },
|
|
786
800
|
class: { default: void 0 },
|
|
787
|
-
icons: { default: () =>
|
|
801
|
+
icons: { default: () => hn }
|
|
788
802
|
}, {
|
|
789
803
|
modelValue: { type: Boolean },
|
|
790
804
|
modelModifiers: {}
|
|
791
805
|
}),
|
|
792
806
|
emits: ["update:modelValue"],
|
|
793
807
|
setup(n) {
|
|
794
|
-
const t = n, e =
|
|
808
|
+
const t = n, e = K(n, "modelValue"), l = ie(t.id), o = y(() => [
|
|
795
809
|
"q-checkbox",
|
|
796
810
|
`q-checkbox--${t.size}`,
|
|
797
811
|
`q-checkbox--${t.color}`,
|
|
@@ -806,11 +820,22 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
806
820
|
function s() {
|
|
807
821
|
!t.disabled && !t.readonly && (e.value = !e.value);
|
|
808
822
|
}
|
|
809
|
-
return (
|
|
823
|
+
return (a, d) => (i(), f(U, null, [
|
|
810
824
|
q("label", {
|
|
811
825
|
class: T(o.value)
|
|
812
826
|
}, [
|
|
813
|
-
t.labelPlacement !== "right" ? (
|
|
827
|
+
t.labelPlacement !== "right" ? (i(), B(We, {
|
|
828
|
+
key: 0,
|
|
829
|
+
label: t.label
|
|
830
|
+
}, ye({ _: 2 }, [
|
|
831
|
+
a.$slots.extras ? {
|
|
832
|
+
name: "extras",
|
|
833
|
+
fn: w(() => [
|
|
834
|
+
p(a.$slots, "extras")
|
|
835
|
+
]),
|
|
836
|
+
key: "0"
|
|
837
|
+
} : void 0
|
|
838
|
+
]), 1032, ["label"])) : g("", !0),
|
|
814
839
|
q("button", {
|
|
815
840
|
id: m(l),
|
|
816
841
|
role: "checkbox",
|
|
@@ -818,16 +843,27 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
818
843
|
"aria-checked": t.indeterminate ? "mixed" : e.value,
|
|
819
844
|
disabled: t.disabled || t.readonly,
|
|
820
845
|
class: "q-checkbox__input",
|
|
821
|
-
onClick:
|
|
846
|
+
onClick: ue(s, ["prevent"]),
|
|
822
847
|
onKeydown: [
|
|
823
|
-
Ae(
|
|
824
|
-
|
|
848
|
+
Ae(ue(s, ["prevent"]), ["space"]),
|
|
849
|
+
d[0] || (d[0] = Ae(ue(() => {
|
|
825
850
|
}, ["prevent"]), ["enter"]))
|
|
826
851
|
]
|
|
827
852
|
}, [
|
|
828
|
-
e.value ||
|
|
829
|
-
], 40,
|
|
830
|
-
t.labelPlacement === "right" ? (
|
|
853
|
+
e.value || a.indeterminate ? (i(), B(m(O), H({ key: 0 }, e.value ? t.icons.checked : t.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : g("", !0)
|
|
854
|
+
], 40, yn),
|
|
855
|
+
t.labelPlacement === "right" ? (i(), B(We, {
|
|
856
|
+
key: 1,
|
|
857
|
+
label: t.label
|
|
858
|
+
}, ye({ _: 2 }, [
|
|
859
|
+
a.$slots.extras ? {
|
|
860
|
+
name: "extras",
|
|
861
|
+
fn: w(() => [
|
|
862
|
+
p(a.$slots, "extras")
|
|
863
|
+
]),
|
|
864
|
+
key: "0"
|
|
865
|
+
} : void 0
|
|
866
|
+
]), 1032, ["label"])) : g("", !0)
|
|
831
867
|
], 2),
|
|
832
868
|
q("input", {
|
|
833
869
|
type: "checkbox",
|
|
@@ -836,23 +872,23 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
836
872
|
class: "q-checkbox__native-input",
|
|
837
873
|
checked: !!e.value,
|
|
838
874
|
disabled: t.disabled || t.readonly
|
|
839
|
-
}, null, 8,
|
|
875
|
+
}, null, 8, vn)
|
|
840
876
|
], 64));
|
|
841
877
|
}
|
|
842
|
-
}),
|
|
878
|
+
}), gn = I(bn), _n = {
|
|
843
879
|
chevron: {
|
|
844
880
|
icon: "chevron-down"
|
|
845
881
|
}
|
|
846
|
-
},
|
|
882
|
+
}, $n = {
|
|
847
883
|
key: 0,
|
|
848
884
|
class: "q-collapsible__header"
|
|
849
|
-
},
|
|
885
|
+
}, kn = { class: "q-collapsible__title" }, wn = { class: "q-collapsible__title-text" }, qn = {
|
|
850
886
|
key: 1,
|
|
851
887
|
class: "q-collapsible--required"
|
|
852
|
-
},
|
|
888
|
+
}, xn = {
|
|
853
889
|
key: 0,
|
|
854
890
|
class: "q-collapsible__subtitle"
|
|
855
|
-
},
|
|
891
|
+
}, Sn = { class: "q-collapsible__content-inner" }, Ln = { class: "q-collapsible__content" }, Bn = /* @__PURE__ */ C({
|
|
856
892
|
__name: "QCollapsible",
|
|
857
893
|
props: /* @__PURE__ */ G({
|
|
858
894
|
id: { default: void 0 },
|
|
@@ -863,76 +899,76 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
863
899
|
spacing: {},
|
|
864
900
|
variant: {},
|
|
865
901
|
iconRight: { type: Boolean },
|
|
866
|
-
icons: { default: () =>
|
|
902
|
+
icons: { default: () => _n }
|
|
867
903
|
}, {
|
|
868
904
|
modelValue: { type: Boolean },
|
|
869
905
|
modelModifiers: {}
|
|
870
906
|
}),
|
|
871
907
|
emits: ["update:modelValue"],
|
|
872
908
|
setup(n) {
|
|
873
|
-
const t = n, e =
|
|
874
|
-
const u = t.spacing && t.spacing !== "comfortable" ? `q-collapsible--${t.spacing}` : void 0,
|
|
909
|
+
const t = n, e = K(n, "modelValue"), l = ie(t.id), o = Lt(l), s = y(() => t.width === "block" ? "block" : void 0), a = y(() => {
|
|
910
|
+
const u = t.spacing && t.spacing !== "comfortable" ? `q-collapsible--${t.spacing}` : void 0, b = t.variant && t.variant !== "default" ? `q-collapsible--${t.variant}` : void 0;
|
|
875
911
|
return [
|
|
876
912
|
"q-collapsible",
|
|
877
913
|
u,
|
|
878
|
-
|
|
914
|
+
b,
|
|
879
915
|
{
|
|
880
916
|
"q-collapsible--icon-right": t.iconRight,
|
|
881
917
|
"q-collapsible--expanded": e.value
|
|
882
918
|
}
|
|
883
919
|
];
|
|
884
|
-
}),
|
|
920
|
+
}), d = y(() => [
|
|
885
921
|
"q-collapsible__content-wrapper",
|
|
886
922
|
{
|
|
887
923
|
"q-collapsible__content-show": e.value
|
|
888
924
|
}
|
|
889
|
-
]),
|
|
925
|
+
]), r = () => {
|
|
890
926
|
e.value = !e.value, o == null || o.toggle();
|
|
891
927
|
};
|
|
892
|
-
return
|
|
928
|
+
return Z(
|
|
893
929
|
() => o == null ? void 0 : o.isActive.value,
|
|
894
930
|
() => e.value = o == null ? void 0 : o.isActive.value
|
|
895
|
-
), (u,
|
|
931
|
+
), (u, b) => (i(), B(m(dt), {
|
|
896
932
|
id: m(l),
|
|
897
|
-
class: T(
|
|
933
|
+
class: T(a.value),
|
|
898
934
|
width: s.value
|
|
899
935
|
}, {
|
|
900
|
-
header:
|
|
901
|
-
u.title ? (
|
|
902
|
-
D(m(
|
|
936
|
+
header: w(() => [
|
|
937
|
+
u.title ? (i(), f("div", $n, [
|
|
938
|
+
D(m(le), {
|
|
903
939
|
"b-style": "tertiary",
|
|
904
940
|
class: "q-collapsible__btn",
|
|
905
|
-
onClick:
|
|
941
|
+
onClick: r
|
|
906
942
|
}, {
|
|
907
|
-
default:
|
|
908
|
-
q("div",
|
|
909
|
-
u.iconRight ?
|
|
943
|
+
default: w(() => [
|
|
944
|
+
q("div", kn, [
|
|
945
|
+
u.iconRight ? g("", !0) : p(u.$slots, "icon", { key: 0 }, () => [
|
|
910
946
|
D(m(O), H({ class: "q-collapsible__chevron" }, t.icons.chevron), null, 16)
|
|
911
947
|
]),
|
|
912
948
|
p(u.$slots, "title.prepend"),
|
|
913
|
-
q("h4",
|
|
914
|
-
t.required ? (
|
|
949
|
+
q("h4", wn, E(u.title), 1),
|
|
950
|
+
t.required ? (i(), f("span", qn, " * ")) : g("", !0),
|
|
915
951
|
p(u.$slots, "title.append"),
|
|
916
952
|
u.iconRight ? p(u.$slots, "icon", { key: 2 }, () => [
|
|
917
953
|
D(m(O), H({ class: "q-collapsible__chevron q-collapsible__chevron-right" }, t.icons.chevron), null, 16)
|
|
918
|
-
]) :
|
|
954
|
+
]) : g("", !0)
|
|
919
955
|
]),
|
|
920
|
-
u.$slots.subtitle || u.subtitle ? (
|
|
956
|
+
u.$slots.subtitle || u.subtitle ? (i(), f("div", xn, [
|
|
921
957
|
p(u.$slots, "subtitle", {}, () => [
|
|
922
|
-
|
|
958
|
+
ae(E(u.subtitle), 1)
|
|
923
959
|
])
|
|
924
|
-
])) :
|
|
960
|
+
])) : g("", !0)
|
|
925
961
|
]),
|
|
926
962
|
_: 3
|
|
927
963
|
})
|
|
928
|
-
])) :
|
|
964
|
+
])) : g("", !0)
|
|
929
965
|
]),
|
|
930
|
-
default:
|
|
966
|
+
default: w(() => [
|
|
931
967
|
q("div", {
|
|
932
|
-
class: T(
|
|
968
|
+
class: T(d.value)
|
|
933
969
|
}, [
|
|
934
|
-
q("div",
|
|
935
|
-
q("div",
|
|
970
|
+
q("div", Sn, [
|
|
971
|
+
q("div", Ln, [
|
|
936
972
|
p(u.$slots, "default")
|
|
937
973
|
])
|
|
938
974
|
])
|
|
@@ -941,7 +977,7 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
941
977
|
_: 3
|
|
942
978
|
}, 8, ["id", "class", "width"]));
|
|
943
979
|
}
|
|
944
|
-
}),
|
|
980
|
+
}), Cn = I(Bn), In = /* @__PURE__ */ C({
|
|
945
981
|
__name: "QList",
|
|
946
982
|
props: /* @__PURE__ */ G({
|
|
947
983
|
highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
@@ -960,130 +996,130 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
960
996
|
}),
|
|
961
997
|
emits: ["update:modelValue"],
|
|
962
998
|
setup(n, { expose: t }) {
|
|
963
|
-
const e = n, l =
|
|
999
|
+
const e = n, l = K(n, "modelValue"), o = A(!1), s = y(() => a.value.length > 1 ? "div" : "ul"), a = y(() => e.groups.length ? e.groups.filter(
|
|
964
1000
|
(v) => e.items.some((S) => S.group === v.id)
|
|
965
|
-
) : [{ id: "", title: "" }]),
|
|
966
|
-
function
|
|
1001
|
+
) : [{ id: "", title: "" }]), d = A(null);
|
|
1002
|
+
function r(v) {
|
|
967
1003
|
l.value = v;
|
|
968
1004
|
}
|
|
969
1005
|
function u() {
|
|
970
1006
|
o.value = !0;
|
|
971
1007
|
}
|
|
972
|
-
function
|
|
1008
|
+
function b() {
|
|
973
1009
|
o.value = !1;
|
|
974
1010
|
}
|
|
975
|
-
function
|
|
1011
|
+
function x(v) {
|
|
976
1012
|
var $;
|
|
977
|
-
if (($ =
|
|
1013
|
+
if (($ = d.value) != null && $.contains(v.relatedTarget))
|
|
978
1014
|
return;
|
|
979
1015
|
let S;
|
|
980
|
-
l.value ? S = e.items.findIndex((
|
|
1016
|
+
l.value ? S = e.items.findIndex((J) => J[e.itemValue] === l.value) : S = Q();
|
|
981
1017
|
const h = o.value;
|
|
982
|
-
|
|
1018
|
+
z(S, h);
|
|
983
1019
|
}
|
|
984
|
-
function
|
|
1020
|
+
function R(v) {
|
|
985
1021
|
switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(v.key) && v.preventDefault(), v.key) {
|
|
986
1022
|
case "ArrowDown":
|
|
987
|
-
|
|
1023
|
+
P("next");
|
|
988
1024
|
break;
|
|
989
1025
|
case "ArrowUp":
|
|
990
|
-
|
|
1026
|
+
P("prev");
|
|
991
1027
|
break;
|
|
992
1028
|
case "Home":
|
|
993
|
-
|
|
1029
|
+
P("first");
|
|
994
1030
|
break;
|
|
995
1031
|
case "End":
|
|
996
|
-
|
|
1032
|
+
P("last");
|
|
997
1033
|
break;
|
|
998
1034
|
}
|
|
999
1035
|
}
|
|
1000
|
-
function
|
|
1036
|
+
function P(v) {
|
|
1001
1037
|
switch (v) {
|
|
1002
1038
|
case "next":
|
|
1003
1039
|
case "prev":
|
|
1004
|
-
|
|
1040
|
+
z(N(v));
|
|
1005
1041
|
break;
|
|
1006
1042
|
case "first":
|
|
1007
|
-
|
|
1043
|
+
z(Q());
|
|
1008
1044
|
break;
|
|
1009
1045
|
case "last":
|
|
1010
|
-
|
|
1046
|
+
z(oe());
|
|
1011
1047
|
break;
|
|
1012
1048
|
}
|
|
1013
1049
|
}
|
|
1014
|
-
function
|
|
1050
|
+
function z(v, S = !1) {
|
|
1015
1051
|
var $;
|
|
1016
|
-
($ =
|
|
1052
|
+
($ = _()[v]) == null || $.focus({ preventScroll: S });
|
|
1017
1053
|
}
|
|
1018
|
-
function
|
|
1054
|
+
function _() {
|
|
1019
1055
|
var S;
|
|
1020
|
-
const v = (S =
|
|
1056
|
+
const v = (S = d.value) == null ? void 0 : S.querySelectorAll("li");
|
|
1021
1057
|
return v ? Array.from(v) : [];
|
|
1022
1058
|
}
|
|
1023
|
-
function
|
|
1024
|
-
return
|
|
1025
|
-
}
|
|
1026
|
-
function P() {
|
|
1027
|
-
return g().indexOf(document.activeElement);
|
|
1059
|
+
function V(v) {
|
|
1060
|
+
return _()[v];
|
|
1028
1061
|
}
|
|
1029
1062
|
function M() {
|
|
1030
|
-
|
|
1063
|
+
return _().indexOf(document.activeElement);
|
|
1064
|
+
}
|
|
1065
|
+
function Q() {
|
|
1066
|
+
const v = _(), S = v.find((h) => X(h));
|
|
1031
1067
|
return S ? v.indexOf(S) : -1;
|
|
1032
1068
|
}
|
|
1033
|
-
function
|
|
1034
|
-
const v =
|
|
1069
|
+
function oe() {
|
|
1070
|
+
const v = _(), S = [...v].reverse().find((h) => X(h));
|
|
1035
1071
|
return S ? v.indexOf(S) : -1;
|
|
1036
1072
|
}
|
|
1037
|
-
function
|
|
1073
|
+
function ee(v, S, h) {
|
|
1038
1074
|
return S === "prev" && v === 0 || S === "next" && v === h.length - 1;
|
|
1039
1075
|
}
|
|
1040
|
-
function
|
|
1041
|
-
const S =
|
|
1042
|
-
return
|
|
1076
|
+
function N(v) {
|
|
1077
|
+
const S = M();
|
|
1078
|
+
return se(S, v);
|
|
1043
1079
|
}
|
|
1044
|
-
function
|
|
1045
|
-
const h =
|
|
1046
|
-
if (
|
|
1080
|
+
function se(v, S) {
|
|
1081
|
+
const h = _();
|
|
1082
|
+
if (ee(v, S, h))
|
|
1047
1083
|
return v;
|
|
1048
1084
|
let $ = v + (S === "next" ? 1 : -1);
|
|
1049
|
-
for (; !
|
|
1050
|
-
if (
|
|
1085
|
+
for (; !X(h[$]); ) {
|
|
1086
|
+
if (ee($, S, h))
|
|
1051
1087
|
return v;
|
|
1052
1088
|
$ += S === "next" ? 1 : -1;
|
|
1053
1089
|
}
|
|
1054
1090
|
return $;
|
|
1055
1091
|
}
|
|
1056
|
-
function
|
|
1092
|
+
function X(v) {
|
|
1057
1093
|
return v.tabIndex === -2;
|
|
1058
1094
|
}
|
|
1059
|
-
function
|
|
1095
|
+
function ce(v) {
|
|
1060
1096
|
return v ? e.items.filter((S) => S.group === v) : e.items;
|
|
1061
1097
|
}
|
|
1062
1098
|
return t({
|
|
1063
|
-
focusItem:
|
|
1064
|
-
getItem:
|
|
1065
|
-
getAdjacentItemIndex:
|
|
1066
|
-
getFirstFocusableItemIndex:
|
|
1067
|
-
getLastFocusableItemIndex:
|
|
1068
|
-
}), (v, S) => (
|
|
1099
|
+
focusItem: z,
|
|
1100
|
+
getItem: V,
|
|
1101
|
+
getAdjacentItemIndex: se,
|
|
1102
|
+
getFirstFocusableItemIndex: Q,
|
|
1103
|
+
getLastFocusableItemIndex: oe
|
|
1104
|
+
}), (v, S) => (i(), B(Se(s.value), {
|
|
1069
1105
|
ref_key: "listRef",
|
|
1070
|
-
ref:
|
|
1106
|
+
ref: d,
|
|
1071
1107
|
class: T(["q-list", { "q-list--disabled": e.disabled }, e.class]),
|
|
1072
1108
|
role: "listbox",
|
|
1073
1109
|
tabindex: e.disabled ? -1 : 0,
|
|
1074
|
-
onFocus:
|
|
1110
|
+
onFocus: x,
|
|
1075
1111
|
onMousedown: u,
|
|
1076
|
-
onMouseup:
|
|
1077
|
-
onKeydown:
|
|
1112
|
+
onMouseup: b,
|
|
1113
|
+
onKeydown: R
|
|
1078
1114
|
}, {
|
|
1079
|
-
default:
|
|
1080
|
-
(
|
|
1115
|
+
default: w(() => [
|
|
1116
|
+
(i(!0), f(U, null, he(a.value, (h) => (i(), B(m(ct), {
|
|
1081
1117
|
id: h.id,
|
|
1082
1118
|
key: h.id,
|
|
1083
|
-
title:
|
|
1119
|
+
title: a.value.length === 1 ? void 0 : h.title
|
|
1084
1120
|
}, {
|
|
1085
|
-
default:
|
|
1086
|
-
(
|
|
1121
|
+
default: w(() => [
|
|
1122
|
+
(i(!0), f(U, null, he(ce(h.id), ($) => (i(), B(m(ut), {
|
|
1087
1123
|
key: $[e.itemValue],
|
|
1088
1124
|
value: $[e.itemValue],
|
|
1089
1125
|
label: $[e.itemLabel],
|
|
@@ -1092,9 +1128,9 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
1092
1128
|
disabled: e.disabled || h.disabled || $.disabled,
|
|
1093
1129
|
highlighted: e.highlighted === $[e.itemValue],
|
|
1094
1130
|
selected: v.selectable && l.value === $[e.itemValue],
|
|
1095
|
-
onSelect:
|
|
1131
|
+
onSelect: r
|
|
1096
1132
|
}, {
|
|
1097
|
-
default:
|
|
1133
|
+
default: w(() => [
|
|
1098
1134
|
p(v.$slots, "item", { item: $ })
|
|
1099
1135
|
]),
|
|
1100
1136
|
_: 2
|
|
@@ -1106,17 +1142,17 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
1106
1142
|
_: 3
|
|
1107
1143
|
}, 40, ["class", "tabindex"]));
|
|
1108
1144
|
}
|
|
1109
|
-
}),
|
|
1145
|
+
}), Tn = {
|
|
1110
1146
|
check: {
|
|
1111
1147
|
icon: "check"
|
|
1112
1148
|
},
|
|
1113
1149
|
description: {
|
|
1114
1150
|
icon: "information-outline"
|
|
1115
1151
|
}
|
|
1116
|
-
},
|
|
1152
|
+
}, Vn = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], An = { class: "q-list-item__container" }, En = { class: "q-list-item__content" }, Qn = {
|
|
1117
1153
|
key: 0,
|
|
1118
1154
|
class: "q-list-item__description"
|
|
1119
|
-
},
|
|
1155
|
+
}, Dn = { class: "q-list-item__check-container" }, zn = /* @__PURE__ */ C({
|
|
1120
1156
|
__name: "QListItem",
|
|
1121
1157
|
props: {
|
|
1122
1158
|
value: { type: [String, Number, Boolean, Symbol] },
|
|
@@ -1126,18 +1162,18 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
1126
1162
|
highlighted: { type: Boolean },
|
|
1127
1163
|
disabled: { type: Boolean },
|
|
1128
1164
|
description: { default: void 0 },
|
|
1129
|
-
icons: { default: () =>
|
|
1165
|
+
icons: { default: () => Tn }
|
|
1130
1166
|
},
|
|
1131
1167
|
emits: ["select"],
|
|
1132
1168
|
setup(n, { emit: t }) {
|
|
1133
|
-
const e = n, l = t, o =
|
|
1169
|
+
const e = n, l = t, o = ie();
|
|
1134
1170
|
function s() {
|
|
1135
1171
|
e.disabled || l("select", e.value);
|
|
1136
1172
|
}
|
|
1137
|
-
function d
|
|
1138
|
-
|
|
1173
|
+
function a(d) {
|
|
1174
|
+
d.key === "Tab" && s(), (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), s());
|
|
1139
1175
|
}
|
|
1140
|
-
return (
|
|
1176
|
+
return (d, r) => (i(), f("li", {
|
|
1141
1177
|
id: m(o),
|
|
1142
1178
|
"data-key": e.value,
|
|
1143
1179
|
role: "option",
|
|
@@ -1152,61 +1188,61 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
1152
1188
|
]),
|
|
1153
1189
|
"aria-label": e.label,
|
|
1154
1190
|
"aria-selected": e.disabled ? void 0 : e.selected,
|
|
1155
|
-
onKeydown:
|
|
1156
|
-
onClick:
|
|
1191
|
+
onKeydown: a,
|
|
1192
|
+
onClick: ue(s, ["stop", "prevent"])
|
|
1157
1193
|
}, [
|
|
1158
|
-
q("div",
|
|
1159
|
-
q("div",
|
|
1160
|
-
p(
|
|
1161
|
-
e.icon ? (
|
|
1162
|
-
|
|
1194
|
+
q("div", An, [
|
|
1195
|
+
q("div", En, [
|
|
1196
|
+
p(d.$slots, "default", {}, () => [
|
|
1197
|
+
e.icon ? (i(), B(m(O), W(H({ key: 0 }, e.icon)), null, 16)) : g("", !0),
|
|
1198
|
+
ae(" " + E(e.label), 1)
|
|
1163
1199
|
])
|
|
1164
1200
|
]),
|
|
1165
|
-
e.description ? (
|
|
1166
|
-
D(m(O),
|
|
1167
|
-
q("span", null,
|
|
1168
|
-
])) :
|
|
1201
|
+
e.description ? (i(), f("div", Qn, [
|
|
1202
|
+
D(m(O), W(ne(e.icons.description)), null, 16),
|
|
1203
|
+
q("span", null, E(e.description), 1)
|
|
1204
|
+
])) : g("", !0)
|
|
1169
1205
|
]),
|
|
1170
|
-
q("div",
|
|
1171
|
-
e.selected ? (
|
|
1206
|
+
q("div", Dn, [
|
|
1207
|
+
e.selected ? (i(), B(m(O), H({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : g("", !0)
|
|
1172
1208
|
])
|
|
1173
|
-
], 42,
|
|
1209
|
+
], 42, Vn));
|
|
1174
1210
|
}
|
|
1175
|
-
}),
|
|
1211
|
+
}), Mn = ["data-key", "aria-labelledby"], Fn = ["id"], On = /* @__PURE__ */ C({
|
|
1176
1212
|
__name: "QListItemGroup",
|
|
1177
1213
|
props: {
|
|
1178
1214
|
id: {},
|
|
1179
1215
|
title: { default: "" }
|
|
1180
1216
|
},
|
|
1181
1217
|
setup(n) {
|
|
1182
|
-
const t = n, e =
|
|
1183
|
-
return (l, o) => (
|
|
1218
|
+
const t = n, e = ie();
|
|
1219
|
+
return (l, o) => (i(), f("ul", {
|
|
1184
1220
|
class: "q-list-item-group",
|
|
1185
1221
|
role: "group",
|
|
1186
1222
|
"data-key": t.id,
|
|
1187
1223
|
"aria-labelledby": t.title ? m(e) : void 0
|
|
1188
1224
|
}, [
|
|
1189
|
-
t.title ? (
|
|
1225
|
+
t.title ? (i(), f("li", {
|
|
1190
1226
|
key: 0,
|
|
1191
1227
|
id: m(e),
|
|
1192
1228
|
class: "q-list-item-group__title",
|
|
1193
1229
|
role: "presentation"
|
|
1194
|
-
},
|
|
1230
|
+
}, E(t.title), 9, Fn)) : g("", !0),
|
|
1195
1231
|
p(l.$slots, "default")
|
|
1196
|
-
], 8,
|
|
1232
|
+
], 8, Mn));
|
|
1197
1233
|
}
|
|
1198
|
-
}), Ue = I(
|
|
1234
|
+
}), Ue = I(In), ut = I(zn), ct = I(On), me = "data-scroll-locked", Ce = "right-scroll-bar-position", Ie = "width-before-scroll-bar", Pn = "with-scroll-bars-hidden", Un = "--removed-body-scroll-bar-size", Nn = {
|
|
1199
1235
|
left: 0,
|
|
1200
1236
|
top: 0,
|
|
1201
1237
|
right: 0,
|
|
1202
1238
|
gap: 0
|
|
1203
|
-
}, Te = (n) => parseInt(n || "", 10) || 0,
|
|
1239
|
+
}, Te = (n) => parseInt(n || "", 10) || 0, Rn = (n) => {
|
|
1204
1240
|
const t = window.getComputedStyle(document.body), e = t[n === "padding" ? "paddingLeft" : "marginLeft"], l = t[n === "padding" ? "paddingTop" : "marginTop"], o = t[n === "padding" ? "paddingRight" : "marginRight"];
|
|
1205
1241
|
return [Te(e), Te(l), Te(o)];
|
|
1206
|
-
},
|
|
1242
|
+
}, Gn = (n = "margin") => {
|
|
1207
1243
|
if (typeof window > "u")
|
|
1208
|
-
return
|
|
1209
|
-
const t =
|
|
1244
|
+
return Nn;
|
|
1245
|
+
const t = Rn(n), e = document.documentElement.clientWidth, l = window.innerWidth;
|
|
1210
1246
|
return {
|
|
1211
1247
|
left: t[0],
|
|
1212
1248
|
top: t[1],
|
|
@@ -1214,27 +1250,27 @@ const nn = { class: "q-card__header" }, ln = {
|
|
|
1214
1250
|
gap: Math.max(0, l - e + t[2] - t[0])
|
|
1215
1251
|
};
|
|
1216
1252
|
};
|
|
1217
|
-
function
|
|
1253
|
+
function Hn() {
|
|
1218
1254
|
return document ? document.createElement("style") : null;
|
|
1219
1255
|
}
|
|
1220
|
-
function
|
|
1256
|
+
function jn(n, t) {
|
|
1221
1257
|
n.appendChild(document.createTextNode(t));
|
|
1222
1258
|
}
|
|
1223
|
-
function
|
|
1259
|
+
function Kn(n) {
|
|
1224
1260
|
(document.head || document.getElementsByTagName("head")[0]).appendChild(n);
|
|
1225
1261
|
}
|
|
1226
|
-
const
|
|
1262
|
+
const Wn = () => {
|
|
1227
1263
|
let n = 0, t = null;
|
|
1228
1264
|
return {
|
|
1229
1265
|
add: (e) => {
|
|
1230
|
-
n === 0 && (t =
|
|
1266
|
+
n === 0 && (t = Hn()) && (jn(t, e), Kn(t)), n++;
|
|
1231
1267
|
},
|
|
1232
1268
|
remove: () => {
|
|
1233
1269
|
var e;
|
|
1234
1270
|
n--, !n && t && ((e = t.parentNode) == null || e.removeChild(t), t = null);
|
|
1235
1271
|
}
|
|
1236
1272
|
};
|
|
1237
|
-
},
|
|
1273
|
+
}, Xn = /* @__PURE__ */ C({
|
|
1238
1274
|
__name: "QRemoveScrollBar",
|
|
1239
1275
|
props: {
|
|
1240
1276
|
noRelative: { type: Boolean, default: !1 },
|
|
@@ -1242,156 +1278,156 @@ const jn = () => {
|
|
|
1242
1278
|
gapMode: { default: "margin" }
|
|
1243
1279
|
},
|
|
1244
1280
|
setup(n) {
|
|
1245
|
-
const t = n, e =
|
|
1246
|
-
const s = parseInt(document.body.getAttribute(
|
|
1281
|
+
const t = n, e = Wn(), l = () => {
|
|
1282
|
+
const s = parseInt(document.body.getAttribute(me) || "0", 10);
|
|
1247
1283
|
return isFinite(s) ? s : 0;
|
|
1248
|
-
}, o = ({ left: s, top:
|
|
1249
|
-
.${
|
|
1250
|
-
overflow: hidden ${
|
|
1251
|
-
padding-right: ${
|
|
1284
|
+
}, o = ({ left: s, top: a, right: d, gap: r }, u, b = "margin", x) => `
|
|
1285
|
+
.${Pn} {
|
|
1286
|
+
overflow: hidden ${x};
|
|
1287
|
+
padding-right: ${r}px ${x};
|
|
1252
1288
|
}
|
|
1253
|
-
body[${
|
|
1254
|
-
overflow: hidden ${
|
|
1289
|
+
body[${me}] {
|
|
1290
|
+
overflow: hidden ${x};
|
|
1255
1291
|
overscroll-behavior: contain;
|
|
1256
1292
|
${[
|
|
1257
|
-
u && `position: relative ${
|
|
1258
|
-
|
|
1293
|
+
u && `position: relative ${x};`,
|
|
1294
|
+
b === "margin" && `
|
|
1259
1295
|
padding-left: ${s}px;
|
|
1260
|
-
padding-top: ${
|
|
1261
|
-
padding-right: ${
|
|
1296
|
+
padding-top: ${a}px;
|
|
1297
|
+
padding-right: ${d}px;
|
|
1262
1298
|
margin-left:0;
|
|
1263
1299
|
margin-top:0;
|
|
1264
|
-
margin-right: ${
|
|
1300
|
+
margin-right: ${r}px ${x};
|
|
1265
1301
|
`,
|
|
1266
|
-
|
|
1302
|
+
b === "padding" && `padding-right: ${r}px ${x};`
|
|
1267
1303
|
].filter(Boolean).join("")}
|
|
1268
1304
|
}
|
|
1269
1305
|
|
|
1270
1306
|
.${Ce} {
|
|
1271
|
-
right: ${
|
|
1307
|
+
right: ${r}px ${x};
|
|
1272
1308
|
}
|
|
1273
1309
|
|
|
1274
1310
|
.${Ie} {
|
|
1275
|
-
margin-right: ${
|
|
1311
|
+
margin-right: ${r}px ${x};
|
|
1276
1312
|
}
|
|
1277
1313
|
|
|
1278
1314
|
.${Ce} .${Ce} {
|
|
1279
|
-
right: 0 ${
|
|
1315
|
+
right: 0 ${x};
|
|
1280
1316
|
}
|
|
1281
1317
|
|
|
1282
1318
|
.${Ie} .${Ie} {
|
|
1283
|
-
margin-right: 0 ${
|
|
1319
|
+
margin-right: 0 ${x};
|
|
1284
1320
|
}
|
|
1285
1321
|
|
|
1286
|
-
body[${
|
|
1287
|
-
${
|
|
1322
|
+
body[${me}] {
|
|
1323
|
+
${Un}: ${r}px;
|
|
1288
1324
|
}
|
|
1289
1325
|
`;
|
|
1290
1326
|
return Me(() => {
|
|
1291
|
-
document.body.setAttribute(
|
|
1292
|
-
const s =
|
|
1327
|
+
document.body.setAttribute(me, (l() + 1).toString());
|
|
1328
|
+
const s = Gn(t.gapMode);
|
|
1293
1329
|
e.add(
|
|
1294
1330
|
o(s, !t.noRelative, t.gapMode, t.noImportant ? "" : "!important")
|
|
1295
1331
|
);
|
|
1296
|
-
}),
|
|
1332
|
+
}), gt(() => {
|
|
1297
1333
|
const s = l() - 1;
|
|
1298
|
-
s <= 0 ? document.body.removeAttribute(
|
|
1299
|
-
}), (s,
|
|
1334
|
+
s <= 0 ? document.body.removeAttribute(me) : document.body.setAttribute(me, s.toString()), e.remove();
|
|
1335
|
+
}), (s, a) => p(s.$slots, "default");
|
|
1300
1336
|
}
|
|
1301
|
-
}),
|
|
1302
|
-
function
|
|
1303
|
-
const o = (l == null ? void 0 : l.offset) ?? 0, s = (l == null ? void 0 : l.placement) ?? "bottom",
|
|
1304
|
-
let
|
|
1337
|
+
}), Yn = I(Xn), qe = 8;
|
|
1338
|
+
function Zn(n, t, e, l) {
|
|
1339
|
+
const o = (l == null ? void 0 : l.offset) ?? 0, s = (l == null ? void 0 : l.placement) ?? "bottom", a = n.getBoundingClientRect(), d = t.getBoundingClientRect(), r = e == null ? void 0 : e.getBoundingClientRect(), u = Jn(a, d, s, o), b = ll(a, d, u), x = tl(b, u, o), R = el(x, d, u);
|
|
1340
|
+
let P;
|
|
1305
1341
|
if (l != null && l.arrow) {
|
|
1306
|
-
if (!
|
|
1342
|
+
if (!r)
|
|
1307
1343
|
throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
|
|
1308
|
-
|
|
1344
|
+
P = nl(R, a, d, r, u);
|
|
1309
1345
|
}
|
|
1310
|
-
return { overlayCoords:
|
|
1346
|
+
return { overlayCoords: R, arrowCoords: P, placement: u };
|
|
1311
1347
|
}
|
|
1312
|
-
function
|
|
1313
|
-
const o =
|
|
1314
|
-
if (
|
|
1315
|
-
const s =
|
|
1348
|
+
function Jn(n, t, e, l) {
|
|
1349
|
+
const o = Xe(n, t, e, l);
|
|
1350
|
+
if (Ye(o)) {
|
|
1351
|
+
const s = $e(e), d = {
|
|
1316
1352
|
top: "bottom",
|
|
1317
1353
|
bottom: "top",
|
|
1318
1354
|
left: "right",
|
|
1319
1355
|
right: "left"
|
|
1320
|
-
}[s],
|
|
1356
|
+
}[s], r = Xe(
|
|
1321
1357
|
n,
|
|
1322
1358
|
t,
|
|
1323
|
-
|
|
1359
|
+
d,
|
|
1324
1360
|
l
|
|
1325
1361
|
);
|
|
1326
|
-
if (
|
|
1362
|
+
if (Ye(r))
|
|
1327
1363
|
return e;
|
|
1328
|
-
const u =
|
|
1329
|
-
return u ? `${
|
|
1364
|
+
const u = al(e);
|
|
1365
|
+
return u ? `${d}-${u}` : d;
|
|
1330
1366
|
}
|
|
1331
1367
|
return e;
|
|
1332
1368
|
}
|
|
1333
|
-
function
|
|
1334
|
-
const l = xe(e), o = (
|
|
1369
|
+
function el(n, t, e) {
|
|
1370
|
+
const l = xe(e), o = (a, d, r) => Math.min(Math.max(a, d), r), s = { ...n };
|
|
1335
1371
|
return l === "x" ? s.x = o(n.x, qe, window.innerWidth - t.width - qe) : s.y = o(n.y, qe, window.innerHeight - t.height - qe), s;
|
|
1336
1372
|
}
|
|
1337
|
-
function
|
|
1338
|
-
const l =
|
|
1373
|
+
function tl(n, t, e) {
|
|
1374
|
+
const l = $e(t);
|
|
1339
1375
|
return {
|
|
1340
1376
|
x: n.x + (l === "left" ? -e : l === "right" ? e : 0),
|
|
1341
1377
|
y: n.y + (l === "top" ? -e : l === "bottom" ? e : 0)
|
|
1342
1378
|
};
|
|
1343
1379
|
}
|
|
1344
|
-
function
|
|
1380
|
+
function nl(n, t, e, l, o) {
|
|
1345
1381
|
if (xe(o) === "y") {
|
|
1346
|
-
const
|
|
1382
|
+
const a = t.top + t.height / 2, d = n.y + e.height / 2, r = d - a, u = e.height / 2 - r - l.height / 2 + 2;
|
|
1347
1383
|
if (u > 0 && u < e.height - l.height)
|
|
1348
1384
|
return {
|
|
1349
1385
|
y: u
|
|
1350
1386
|
};
|
|
1351
1387
|
} else {
|
|
1352
|
-
const
|
|
1388
|
+
const a = t.left + t.width / 2, d = n.x + e.width / 2, r = d - a, u = e.width / 2 - r - l.width / 2 + 2;
|
|
1353
1389
|
if (u > 0 && u < e.width - l.width)
|
|
1354
1390
|
return {
|
|
1355
1391
|
x: u
|
|
1356
1392
|
};
|
|
1357
1393
|
}
|
|
1358
1394
|
}
|
|
1359
|
-
function
|
|
1360
|
-
const [l, o] = e.split("-"), s = n.x + n.width / 2 - t.width / 2,
|
|
1361
|
-
let
|
|
1395
|
+
function ll(n, t, e) {
|
|
1396
|
+
const [l, o] = e.split("-"), s = n.x + n.width / 2 - t.width / 2, a = n.y + n.height / 2 - t.height / 2;
|
|
1397
|
+
let d;
|
|
1362
1398
|
switch (l) {
|
|
1363
1399
|
case "top":
|
|
1364
|
-
|
|
1400
|
+
d = { x: s, y: n.y - t.height };
|
|
1365
1401
|
break;
|
|
1366
1402
|
case "bottom":
|
|
1367
|
-
|
|
1403
|
+
d = { x: s, y: n.y + n.height };
|
|
1368
1404
|
break;
|
|
1369
1405
|
case "left":
|
|
1370
|
-
|
|
1406
|
+
d = { x: n.x - t.width, y: a };
|
|
1371
1407
|
break;
|
|
1372
1408
|
case "right":
|
|
1373
|
-
|
|
1409
|
+
d = { x: n.x + n.width, y: a };
|
|
1374
1410
|
break;
|
|
1375
1411
|
default:
|
|
1376
1412
|
throw new Error(`[Quidgest UI] Invalid placement value: ${e}`);
|
|
1377
1413
|
}
|
|
1378
1414
|
if (!o)
|
|
1379
|
-
return
|
|
1380
|
-
const u = xe(e) === "y" ? "height" : "width",
|
|
1415
|
+
return d;
|
|
1416
|
+
const u = xe(e) === "y" ? "height" : "width", b = xe(e), x = n[u] / 2 - t[u] / 2;
|
|
1381
1417
|
switch (o) {
|
|
1382
1418
|
case "start":
|
|
1383
|
-
|
|
1419
|
+
d[b] -= x;
|
|
1384
1420
|
break;
|
|
1385
1421
|
case "end":
|
|
1386
|
-
|
|
1422
|
+
d[b] += x;
|
|
1387
1423
|
break;
|
|
1388
1424
|
default:
|
|
1389
1425
|
throw new Error(`[Quidgest UI] Invalid alignment value: ${o}`);
|
|
1390
1426
|
}
|
|
1391
|
-
return
|
|
1427
|
+
return d;
|
|
1392
1428
|
}
|
|
1393
|
-
function
|
|
1394
|
-
const o =
|
|
1429
|
+
function Xe(n, t, e, l) {
|
|
1430
|
+
const o = $e(e);
|
|
1395
1431
|
let s = 0;
|
|
1396
1432
|
switch (o) {
|
|
1397
1433
|
case "top":
|
|
@@ -1411,31 +1447,31 @@ function We(n, t, e, l) {
|
|
|
1411
1447
|
}
|
|
1412
1448
|
return s;
|
|
1413
1449
|
}
|
|
1414
|
-
function
|
|
1450
|
+
function ol(n) {
|
|
1415
1451
|
return n === "x" ? "y" : "x";
|
|
1416
1452
|
}
|
|
1417
|
-
function
|
|
1418
|
-
const t =
|
|
1453
|
+
function sl(n) {
|
|
1454
|
+
const t = $e(n);
|
|
1419
1455
|
return ["left", "right"].includes(t) ? "x" : "y";
|
|
1420
1456
|
}
|
|
1421
1457
|
function xe(n) {
|
|
1422
|
-
return
|
|
1458
|
+
return ol(sl(n));
|
|
1423
1459
|
}
|
|
1424
|
-
function
|
|
1460
|
+
function $e(n) {
|
|
1425
1461
|
const [t] = n.split("-");
|
|
1426
1462
|
return t;
|
|
1427
1463
|
}
|
|
1428
|
-
function
|
|
1464
|
+
function al(n) {
|
|
1429
1465
|
const [, t] = n.split("-");
|
|
1430
1466
|
return t;
|
|
1431
1467
|
}
|
|
1432
|
-
function
|
|
1468
|
+
function Ye(n) {
|
|
1433
1469
|
return n < 0;
|
|
1434
1470
|
}
|
|
1435
|
-
function
|
|
1471
|
+
function il(n) {
|
|
1436
1472
|
return typeof n == "string" ? document.querySelector(n) : n;
|
|
1437
1473
|
}
|
|
1438
|
-
const
|
|
1474
|
+
const rl = ["role"], dl = /* @__PURE__ */ C({
|
|
1439
1475
|
inheritAttrs: !1,
|
|
1440
1476
|
__name: "QOverlay",
|
|
1441
1477
|
props: /* @__PURE__ */ G({
|
|
@@ -1463,219 +1499,219 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
1463
1499
|
}),
|
|
1464
1500
|
emits: /* @__PURE__ */ G(["enter", "leave"], ["update:modelValue"]),
|
|
1465
1501
|
setup(n, { emit: t }) {
|
|
1466
|
-
const e = n, l = t, o =
|
|
1502
|
+
const e = n, l = t, o = K(n, "modelValue"), s = y(() => [
|
|
1467
1503
|
"q-overlay",
|
|
1468
|
-
`q-overlay--${
|
|
1504
|
+
`q-overlay--${$e(u.placement)}`,
|
|
1469
1505
|
{
|
|
1470
|
-
"q-overlay--independent":
|
|
1506
|
+
"q-overlay--independent": a.value,
|
|
1471
1507
|
"q-overlay--inverted": e.appearance === "inverted"
|
|
1472
1508
|
},
|
|
1473
1509
|
e.class
|
|
1474
|
-
]), d = y(() => (o.value ||
|
|
1510
|
+
]), a = y(() => e.anchor === void 0), d = y(() => (o.value || u.animating) && !e.nonModal), r = y(() => (o.value || u.animating) && e.scrollLock), u = je({
|
|
1475
1511
|
animating: !1,
|
|
1476
1512
|
top: 0,
|
|
1477
1513
|
left: 0,
|
|
1478
1514
|
width: 0,
|
|
1479
1515
|
placement: e.placement
|
|
1480
|
-
}),
|
|
1516
|
+
}), b = je({
|
|
1481
1517
|
top: void 0,
|
|
1482
1518
|
left: void 0,
|
|
1483
1519
|
hidden: !0
|
|
1484
|
-
}),
|
|
1485
|
-
|
|
1486
|
-
const
|
|
1487
|
-
if (
|
|
1488
|
-
const
|
|
1520
|
+
}), x = y(() => u.top !== 0 && u.left !== 0);
|
|
1521
|
+
Z(o, () => u.animating = !0);
|
|
1522
|
+
const R = y(() => {
|
|
1523
|
+
if (a.value) return;
|
|
1524
|
+
const L = v(), c = e.width === "anchor", k = c ? L == null ? void 0 : L.getBoundingClientRect().width : void 0;
|
|
1489
1525
|
return {
|
|
1490
|
-
top: `${
|
|
1491
|
-
left: `${
|
|
1492
|
-
width:
|
|
1526
|
+
top: `${u.top}px`,
|
|
1527
|
+
left: `${u.left}px`,
|
|
1528
|
+
width: k !== void 0 ? `${k}px` : void 0
|
|
1493
1529
|
};
|
|
1494
|
-
}),
|
|
1530
|
+
}), P = y(() => {
|
|
1495
1531
|
if (e.arrow)
|
|
1496
1532
|
return {
|
|
1497
|
-
top:
|
|
1498
|
-
left:
|
|
1499
|
-
opacity:
|
|
1533
|
+
top: b.top !== void 0 ? `${b.top}px` : void 0,
|
|
1534
|
+
left: b.left !== void 0 ? `${b.left}px` : void 0,
|
|
1535
|
+
opacity: b.hidden ? 0 : 1
|
|
1500
1536
|
};
|
|
1501
|
-
}),
|
|
1537
|
+
}), z = A(null), _ = A(null);
|
|
1502
1538
|
function V() {
|
|
1503
|
-
const
|
|
1504
|
-
if (!
|
|
1539
|
+
const L = v();
|
|
1540
|
+
if (!L || !_.value)
|
|
1505
1541
|
return;
|
|
1506
|
-
const
|
|
1542
|
+
const c = {
|
|
1507
1543
|
placement: e.placement,
|
|
1508
1544
|
width: e.width,
|
|
1509
1545
|
offset: e.offset,
|
|
1510
1546
|
arrow: e.arrow
|
|
1511
|
-
},
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
(
|
|
1515
|
-
|
|
1547
|
+
}, k = Zn(
|
|
1548
|
+
L,
|
|
1549
|
+
_.value,
|
|
1550
|
+
(z == null ? void 0 : z.value) ?? void 0,
|
|
1551
|
+
c
|
|
1516
1552
|
);
|
|
1517
|
-
|
|
1553
|
+
u.left = k.overlayCoords.x, u.top = k.overlayCoords.y, u.placement = k.placement, b.hidden = k.arrowCoords === void 0, k.arrowCoords && (b.top = k.arrowCoords.y, b.left = k.arrowCoords.x);
|
|
1518
1554
|
}
|
|
1519
|
-
|
|
1555
|
+
Z(
|
|
1520
1556
|
() => e.placement,
|
|
1521
|
-
() =>
|
|
1557
|
+
() => te(V)
|
|
1522
1558
|
);
|
|
1523
|
-
let
|
|
1524
|
-
function
|
|
1525
|
-
|
|
1559
|
+
let M;
|
|
1560
|
+
function Q() {
|
|
1561
|
+
ee(0);
|
|
1526
1562
|
}
|
|
1527
|
-
function
|
|
1528
|
-
|
|
1563
|
+
function oe() {
|
|
1564
|
+
ee(e.delay);
|
|
1529
1565
|
}
|
|
1530
|
-
function
|
|
1531
|
-
|
|
1566
|
+
function ee(L) {
|
|
1567
|
+
M || (M = window.setTimeout(() => {
|
|
1532
1568
|
o.value = !0;
|
|
1533
|
-
},
|
|
1569
|
+
}, L));
|
|
1534
1570
|
}
|
|
1535
|
-
function
|
|
1536
|
-
if (clearTimeout(
|
|
1537
|
-
const
|
|
1538
|
-
|
|
1571
|
+
function N() {
|
|
1572
|
+
if (clearTimeout(M), M = void 0, o.value = !1, e.anchor && e.trigger === "click") {
|
|
1573
|
+
const L = v();
|
|
1574
|
+
L == null || L.focus();
|
|
1539
1575
|
}
|
|
1540
1576
|
}
|
|
1541
|
-
|
|
1542
|
-
function
|
|
1577
|
+
Z(x, () => te(se));
|
|
1578
|
+
function se() {
|
|
1543
1579
|
l("enter");
|
|
1544
1580
|
}
|
|
1545
|
-
let
|
|
1546
|
-
function
|
|
1547
|
-
window.clearTimeout(
|
|
1548
|
-
}
|
|
1549
|
-
function R() {
|
|
1550
|
-
return e.anchor ? sl(e.anchor) : null;
|
|
1581
|
+
let X;
|
|
1582
|
+
function ce() {
|
|
1583
|
+
window.clearTimeout(X), X = window.setTimeout(() => u.animating = !1, 200), l("leave");
|
|
1551
1584
|
}
|
|
1552
|
-
let te;
|
|
1553
1585
|
function v() {
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1586
|
+
return e.anchor ? il(e.anchor) : null;
|
|
1587
|
+
}
|
|
1588
|
+
let S;
|
|
1589
|
+
function h() {
|
|
1590
|
+
const L = v();
|
|
1591
|
+
if (L)
|
|
1592
|
+
switch (S = new MutationObserver(V), S.observe(L, {
|
|
1557
1593
|
attributes: !1,
|
|
1558
1594
|
childList: !0,
|
|
1559
1595
|
characterData: !0,
|
|
1560
1596
|
subtree: !0
|
|
1561
1597
|
}), e.trigger) {
|
|
1562
1598
|
case "click":
|
|
1563
|
-
|
|
1599
|
+
L.addEventListener("click", Q);
|
|
1564
1600
|
break;
|
|
1565
1601
|
case "hover":
|
|
1566
|
-
|
|
1602
|
+
L.addEventListener("mouseenter", oe), L.addEventListener("mouseleave", N), L.addEventListener("focusin", Q), L.addEventListener("focusout", N);
|
|
1567
1603
|
break;
|
|
1568
1604
|
}
|
|
1569
1605
|
}
|
|
1570
|
-
function
|
|
1571
|
-
const
|
|
1572
|
-
if (
|
|
1573
|
-
switch (
|
|
1606
|
+
function $() {
|
|
1607
|
+
const L = v();
|
|
1608
|
+
if (L)
|
|
1609
|
+
switch (S == null || S.disconnect(), e.trigger) {
|
|
1574
1610
|
case "click":
|
|
1575
|
-
|
|
1611
|
+
L.removeEventListener("click", Q);
|
|
1576
1612
|
break;
|
|
1577
1613
|
case "hover":
|
|
1578
|
-
|
|
1614
|
+
L.removeEventListener("mouseenter", oe), L.removeEventListener("mouseleave", N), L.removeEventListener("focusin", Q), L.removeEventListener("focusout", N);
|
|
1579
1615
|
break;
|
|
1580
1616
|
}
|
|
1581
1617
|
}
|
|
1582
|
-
function
|
|
1618
|
+
function J() {
|
|
1583
1619
|
window.addEventListener("resize", V), e.scrollLock || window.addEventListener("scroll", V);
|
|
1584
1620
|
}
|
|
1585
|
-
function
|
|
1621
|
+
function re() {
|
|
1586
1622
|
window.removeEventListener("resize", V), e.scrollLock || window.removeEventListener("scroll", V);
|
|
1587
1623
|
}
|
|
1588
|
-
let
|
|
1589
|
-
function
|
|
1590
|
-
|
|
1624
|
+
let Y;
|
|
1625
|
+
function de() {
|
|
1626
|
+
v() ? (V(), Y = window.setTimeout(de, 100)) : N();
|
|
1591
1627
|
}
|
|
1592
|
-
function
|
|
1593
|
-
|
|
1594
|
-
var
|
|
1595
|
-
return (
|
|
1628
|
+
function Be() {
|
|
1629
|
+
a.value || (J(), e.spy ? de() : V()), (a.value || e.trigger === "click") && te(() => {
|
|
1630
|
+
var L;
|
|
1631
|
+
return (L = _.value) == null ? void 0 : L.focus();
|
|
1596
1632
|
});
|
|
1597
1633
|
}
|
|
1598
|
-
function
|
|
1599
|
-
|
|
1634
|
+
function ke() {
|
|
1635
|
+
a.value || re(), e.spy && (clearTimeout(Y), Y = void 0), u.top = 0, u.left = 0;
|
|
1600
1636
|
}
|
|
1601
1637
|
function we() {
|
|
1602
|
-
e.persistent ||
|
|
1638
|
+
e.persistent || N();
|
|
1603
1639
|
}
|
|
1604
1640
|
return Me(() => {
|
|
1605
|
-
|
|
1606
|
-
}),
|
|
1607
|
-
|
|
1608
|
-
}),
|
|
1641
|
+
te(h);
|
|
1642
|
+
}), _t(() => {
|
|
1643
|
+
$(), ke();
|
|
1644
|
+
}), Z(
|
|
1609
1645
|
o,
|
|
1610
|
-
(
|
|
1611
|
-
|
|
1646
|
+
(L) => {
|
|
1647
|
+
te(() => L ? Be() : ke());
|
|
1612
1648
|
},
|
|
1613
1649
|
{ immediate: !0 }
|
|
1614
|
-
), (
|
|
1615
|
-
(
|
|
1616
|
-
disabled: !o.value && !
|
|
1650
|
+
), (L, c) => (i(), f(U, null, [
|
|
1651
|
+
(i(), B($t, {
|
|
1652
|
+
disabled: !o.value && !u.animating || e.inline,
|
|
1617
1653
|
to: e.attach
|
|
1618
1654
|
}, [
|
|
1619
|
-
d.value ? (
|
|
1655
|
+
d.value ? (i(), f("div", {
|
|
1620
1656
|
key: 0,
|
|
1621
1657
|
class: T([
|
|
1622
1658
|
e.backdropClass,
|
|
1623
1659
|
"q-overlay__underlay",
|
|
1624
1660
|
{ "q-overlay__underlay--blur": e.backdropBlur }
|
|
1625
1661
|
])
|
|
1626
|
-
}, null, 2)) :
|
|
1627
|
-
D(
|
|
1662
|
+
}, null, 2)) : g("", !0),
|
|
1663
|
+
D(kt, {
|
|
1628
1664
|
name: e.transition,
|
|
1629
1665
|
appear: "",
|
|
1630
|
-
onLeave:
|
|
1666
|
+
onLeave: ce
|
|
1631
1667
|
}, {
|
|
1632
|
-
default:
|
|
1633
|
-
o.value ? (
|
|
1668
|
+
default: w(() => [
|
|
1669
|
+
o.value ? (i(), f("div", {
|
|
1634
1670
|
key: 0,
|
|
1635
1671
|
class: T(s.value),
|
|
1636
|
-
style:
|
|
1672
|
+
style: fe(R.value)
|
|
1637
1673
|
}, [
|
|
1638
1674
|
q("div", H({
|
|
1639
1675
|
ref_key: "overlayRef",
|
|
1640
|
-
ref:
|
|
1676
|
+
ref: _,
|
|
1641
1677
|
class: "q-overlay__content",
|
|
1642
1678
|
tabindex: "-1",
|
|
1643
1679
|
role: d.value ? "dialog" : void 0
|
|
1644
|
-
},
|
|
1680
|
+
}, L.$attrs, {
|
|
1645
1681
|
onKeydown: Ae(we, ["escape"]),
|
|
1646
1682
|
onBlur: we
|
|
1647
1683
|
}), [
|
|
1648
|
-
e.arrow ? (
|
|
1684
|
+
e.arrow ? (i(), f("div", {
|
|
1649
1685
|
key: 0,
|
|
1650
1686
|
ref_key: "arrowRef",
|
|
1651
|
-
ref:
|
|
1687
|
+
ref: z,
|
|
1652
1688
|
role: "presentation",
|
|
1653
1689
|
class: "q-overlay__arrow",
|
|
1654
|
-
style:
|
|
1655
|
-
}, null, 4)) :
|
|
1656
|
-
p(
|
|
1657
|
-
], 16,
|
|
1658
|
-
], 6)) :
|
|
1690
|
+
style: fe(P.value)
|
|
1691
|
+
}, null, 4)) : g("", !0),
|
|
1692
|
+
p(L.$slots, "default")
|
|
1693
|
+
], 16, rl)
|
|
1694
|
+
], 6)) : g("", !0)
|
|
1659
1695
|
]),
|
|
1660
1696
|
_: 3
|
|
1661
1697
|
}, 8, ["name"])
|
|
1662
1698
|
], 8, ["disabled", "to"])),
|
|
1663
|
-
|
|
1699
|
+
r.value ? (i(), B(m(Yn), { key: 0 })) : g("", !0)
|
|
1664
1700
|
], 64));
|
|
1665
1701
|
}
|
|
1666
|
-
}),
|
|
1702
|
+
}), ve = I(dl), ul = ["id"], cl = {
|
|
1667
1703
|
key: 0,
|
|
1668
1704
|
class: "q-field__label"
|
|
1669
|
-
},
|
|
1705
|
+
}, fl = ["for"], pl = {
|
|
1670
1706
|
key: 0,
|
|
1671
1707
|
class: "q-field__prepend"
|
|
1672
|
-
},
|
|
1708
|
+
}, ml = {
|
|
1673
1709
|
key: 1,
|
|
1674
1710
|
class: "q-field__append"
|
|
1675
|
-
},
|
|
1711
|
+
}, hl = {
|
|
1676
1712
|
key: 1,
|
|
1677
1713
|
class: "q-field__extras"
|
|
1678
|
-
},
|
|
1714
|
+
}, yl = /* @__PURE__ */ C({
|
|
1679
1715
|
inheritAttrs: !1,
|
|
1680
1716
|
__name: "QField",
|
|
1681
1717
|
props: {
|
|
@@ -1689,10 +1725,10 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
1689
1725
|
class: { default: void 0 }
|
|
1690
1726
|
},
|
|
1691
1727
|
setup(n, { expose: t }) {
|
|
1692
|
-
const e = n, l =
|
|
1728
|
+
const e = n, l = ie(e.id), o = A(null), s = y(() => e.required && !e.readonly && !e.disabled);
|
|
1693
1729
|
return t({
|
|
1694
1730
|
fieldRef: o
|
|
1695
|
-
}), (
|
|
1731
|
+
}), (a, d) => (i(), f("div", {
|
|
1696
1732
|
id: m(l),
|
|
1697
1733
|
class: T([
|
|
1698
1734
|
"q-field",
|
|
@@ -1705,34 +1741,34 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
1705
1741
|
e.class
|
|
1706
1742
|
])
|
|
1707
1743
|
}, [
|
|
1708
|
-
e.label ? (
|
|
1709
|
-
p(
|
|
1744
|
+
e.label ? (i(), f("div", cl, [
|
|
1745
|
+
p(a.$slots, "label.prepend"),
|
|
1710
1746
|
q("label", {
|
|
1711
1747
|
for: e.for
|
|
1712
|
-
},
|
|
1713
|
-
p(
|
|
1714
|
-
])) :
|
|
1715
|
-
p(
|
|
1748
|
+
}, E(e.label), 9, fl),
|
|
1749
|
+
p(a.$slots, "label.append")
|
|
1750
|
+
])) : g("", !0),
|
|
1751
|
+
p(a.$slots, "control", {}, () => [
|
|
1716
1752
|
q("div", H({
|
|
1717
1753
|
ref_key: "fieldRef",
|
|
1718
1754
|
ref: o,
|
|
1719
1755
|
class: "q-field__control"
|
|
1720
|
-
},
|
|
1721
|
-
|
|
1722
|
-
p(
|
|
1723
|
-
])) :
|
|
1724
|
-
p(
|
|
1725
|
-
|
|
1726
|
-
p(
|
|
1727
|
-
])) :
|
|
1756
|
+
}, a.$attrs), [
|
|
1757
|
+
a.$slots.prepend ? (i(), f("div", pl, [
|
|
1758
|
+
p(a.$slots, "prepend")
|
|
1759
|
+
])) : g("", !0),
|
|
1760
|
+
p(a.$slots, "default"),
|
|
1761
|
+
a.$slots.append ? (i(), f("div", ml, [
|
|
1762
|
+
p(a.$slots, "append")
|
|
1763
|
+
])) : g("", !0)
|
|
1728
1764
|
], 16)
|
|
1729
1765
|
]),
|
|
1730
|
-
|
|
1731
|
-
p(
|
|
1732
|
-
])) :
|
|
1733
|
-
], 10,
|
|
1766
|
+
a.$slots.extras ? (i(), f("div", hl, [
|
|
1767
|
+
p(a.$slots, "extras")
|
|
1768
|
+
])) : g("", !0)
|
|
1769
|
+
], 10, ul));
|
|
1734
1770
|
}
|
|
1735
|
-
}), Le = I(
|
|
1771
|
+
}), Le = I(yl), vl = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], bl = /* @__PURE__ */ C({
|
|
1736
1772
|
inheritAttrs: !1,
|
|
1737
1773
|
__name: "QTextField",
|
|
1738
1774
|
props: /* @__PURE__ */ G({
|
|
@@ -1753,16 +1789,16 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
1753
1789
|
}),
|
|
1754
1790
|
emits: ["update:modelValue"],
|
|
1755
1791
|
setup(n, { expose: t }) {
|
|
1756
|
-
const e = n, l =
|
|
1792
|
+
const e = n, l = K(n, "modelValue"), o = ie(e.id), s = A(null), a = A(null), d = y(
|
|
1757
1793
|
() => e.readonly || e.disabled ? "" : e.placeholder
|
|
1758
1794
|
);
|
|
1759
1795
|
return t({
|
|
1760
1796
|
fieldRef: y(() => {
|
|
1761
|
-
var
|
|
1762
|
-
return (
|
|
1797
|
+
var r;
|
|
1798
|
+
return (r = s.value) == null ? void 0 : r.fieldRef;
|
|
1763
1799
|
}),
|
|
1764
|
-
inputRef:
|
|
1765
|
-
}), (
|
|
1800
|
+
inputRef: a
|
|
1801
|
+
}), (r, u) => (i(), B(m(Le), {
|
|
1766
1802
|
ref_key: "fieldRef",
|
|
1767
1803
|
ref: s,
|
|
1768
1804
|
class: T(["q-text-field", e.class]),
|
|
@@ -1772,74 +1808,74 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
1772
1808
|
readonly: e.readonly,
|
|
1773
1809
|
disabled: e.disabled,
|
|
1774
1810
|
required: e.required
|
|
1775
|
-
},
|
|
1776
|
-
"label.prepend":
|
|
1777
|
-
p(
|
|
1811
|
+
}, ye({
|
|
1812
|
+
"label.prepend": w(() => [
|
|
1813
|
+
p(r.$slots, "label.prepend")
|
|
1778
1814
|
]),
|
|
1779
|
-
"label.append":
|
|
1780
|
-
p(
|
|
1815
|
+
"label.append": w(() => [
|
|
1816
|
+
p(r.$slots, "label.append")
|
|
1781
1817
|
]),
|
|
1782
|
-
default:
|
|
1783
|
-
|
|
1818
|
+
default: w(() => [
|
|
1819
|
+
wt(q("input", H({
|
|
1784
1820
|
id: m(o),
|
|
1785
1821
|
ref_key: "inputRef",
|
|
1786
|
-
ref:
|
|
1787
|
-
"onUpdate:modelValue": u[0] || (u[0] = (
|
|
1822
|
+
ref: a,
|
|
1823
|
+
"onUpdate:modelValue": u[0] || (u[0] = (b) => l.value = b),
|
|
1788
1824
|
class: "q-text-field__input",
|
|
1789
1825
|
type: e.type,
|
|
1790
1826
|
role: e.role,
|
|
1791
1827
|
required: e.required,
|
|
1792
|
-
placeholder:
|
|
1828
|
+
placeholder: d.value,
|
|
1793
1829
|
readonly: e.readonly,
|
|
1794
1830
|
disabled: e.disabled,
|
|
1795
1831
|
maxlength: e.maxLength
|
|
1796
|
-
},
|
|
1797
|
-
[
|
|
1832
|
+
}, r.$attrs), null, 16, vl), [
|
|
1833
|
+
[qt, l.value]
|
|
1798
1834
|
])
|
|
1799
1835
|
]),
|
|
1800
1836
|
_: 2
|
|
1801
1837
|
}, [
|
|
1802
|
-
|
|
1838
|
+
r.$slots.prepend ? {
|
|
1803
1839
|
name: "prepend",
|
|
1804
|
-
fn:
|
|
1805
|
-
p(
|
|
1840
|
+
fn: w(() => [
|
|
1841
|
+
p(r.$slots, "prepend")
|
|
1806
1842
|
]),
|
|
1807
1843
|
key: "0"
|
|
1808
1844
|
} : void 0,
|
|
1809
|
-
|
|
1845
|
+
r.$slots.append ? {
|
|
1810
1846
|
name: "append",
|
|
1811
|
-
fn:
|
|
1812
|
-
p(
|
|
1847
|
+
fn: w(() => [
|
|
1848
|
+
p(r.$slots, "append")
|
|
1813
1849
|
]),
|
|
1814
1850
|
key: "1"
|
|
1815
1851
|
} : void 0,
|
|
1816
|
-
|
|
1852
|
+
r.$slots.extras ? {
|
|
1817
1853
|
name: "extras",
|
|
1818
|
-
fn:
|
|
1819
|
-
p(
|
|
1854
|
+
fn: w(() => [
|
|
1855
|
+
p(r.$slots, "extras")
|
|
1820
1856
|
]),
|
|
1821
1857
|
key: "2"
|
|
1822
1858
|
} : void 0
|
|
1823
1859
|
]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
|
|
1824
1860
|
}
|
|
1825
|
-
}),
|
|
1861
|
+
}), ft = I(bl), gl = {
|
|
1826
1862
|
noData: "No data available",
|
|
1827
1863
|
clearValue: "Clear value",
|
|
1828
1864
|
showOptions: "Show options"
|
|
1829
|
-
},
|
|
1865
|
+
}, _l = {
|
|
1830
1866
|
chevron: {
|
|
1831
1867
|
icon: "chevron-down"
|
|
1832
1868
|
},
|
|
1833
1869
|
clear: {
|
|
1834
1870
|
icon: "close"
|
|
1835
1871
|
}
|
|
1836
|
-
},
|
|
1872
|
+
}, $l = ["data-key"], kl = {
|
|
1837
1873
|
key: 0,
|
|
1838
1874
|
class: "q-select__loader"
|
|
1839
|
-
},
|
|
1875
|
+
}, wl = {
|
|
1840
1876
|
key: 2,
|
|
1841
1877
|
class: "q-select__loader"
|
|
1842
|
-
},
|
|
1878
|
+
}, ql = /* @__PURE__ */ C({
|
|
1843
1879
|
inheritAttrs: !1,
|
|
1844
1880
|
__name: "QCombobox",
|
|
1845
1881
|
props: /* @__PURE__ */ G({
|
|
@@ -1860,8 +1896,8 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
1860
1896
|
emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
1861
1897
|
size: { default: void 0 },
|
|
1862
1898
|
class: { default: void 0 },
|
|
1863
|
-
icons: { default: () =>
|
|
1864
|
-
texts: { default: () =>
|
|
1899
|
+
icons: { default: () => _l },
|
|
1900
|
+
texts: { default: () => gl }
|
|
1865
1901
|
}, {
|
|
1866
1902
|
modelValue: {
|
|
1867
1903
|
type: [String, Number, Boolean, Symbol]
|
|
@@ -1874,152 +1910,152 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
1874
1910
|
}),
|
|
1875
1911
|
emits: /* @__PURE__ */ G(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
|
|
1876
1912
|
setup(n, { expose: t, emit: e }) {
|
|
1877
|
-
const l = n, o = e, s =
|
|
1878
|
-
Me(
|
|
1879
|
-
const
|
|
1913
|
+
const l = n, o = e, s = K(n, "modelValue"), a = K(n, "open"), d = K(n, "search"), r = A(void 0), u = A(null), b = A(null), x = A(null), R = A(null);
|
|
1914
|
+
Me(N);
|
|
1915
|
+
const P = y(() => l.clearable && !l.readonly && !l.disabled), z = y(() => {
|
|
1880
1916
|
var c;
|
|
1881
|
-
return l.filterMode === "manual" || !
|
|
1882
|
-
(
|
|
1917
|
+
return l.filterMode === "manual" || !oe.value ? l.items : (c = l.items) == null ? void 0 : c.filter(
|
|
1918
|
+
(k) => k[l.itemLabel].toLowerCase().startsWith(d.value.toLowerCase())
|
|
1883
1919
|
);
|
|
1884
|
-
}),
|
|
1920
|
+
}), _ = y(() => {
|
|
1885
1921
|
var c;
|
|
1886
|
-
return (c = l.items) == null ? void 0 : c.find((
|
|
1887
|
-
}),
|
|
1888
|
-
const c =
|
|
1889
|
-
if (c !== void 0 &&
|
|
1890
|
-
return
|
|
1891
|
-
}),
|
|
1892
|
-
var
|
|
1893
|
-
if (
|
|
1922
|
+
return (c = l.items) == null ? void 0 : c.find((k) => k[l.itemValue] === s.value);
|
|
1923
|
+
}), V = y(() => _.value === void 0), M = y(() => {
|
|
1924
|
+
const c = r.value;
|
|
1925
|
+
if (c !== void 0 && z.value[c])
|
|
1926
|
+
return z.value[c];
|
|
1927
|
+
}), Q = y(() => {
|
|
1928
|
+
var k;
|
|
1929
|
+
if (r.value === void 0)
|
|
1894
1930
|
return;
|
|
1895
|
-
const c = (
|
|
1931
|
+
const c = (k = b.value) == null ? void 0 : k.getItem(r.value);
|
|
1896
1932
|
return c == null ? void 0 : c.id;
|
|
1897
|
-
}),
|
|
1933
|
+
}), oe = y(() => {
|
|
1898
1934
|
var c;
|
|
1899
|
-
return
|
|
1935
|
+
return d.value.length > 0 && d.value !== ((c = _.value) == null ? void 0 : c[l.itemLabel]);
|
|
1900
1936
|
});
|
|
1901
|
-
function
|
|
1902
|
-
s.value = c,
|
|
1937
|
+
function ee(c) {
|
|
1938
|
+
s.value = c, X();
|
|
1903
1939
|
}
|
|
1904
|
-
function
|
|
1905
|
-
var
|
|
1906
|
-
const c = ((
|
|
1907
|
-
|
|
1940
|
+
function N() {
|
|
1941
|
+
var k;
|
|
1942
|
+
const c = ((k = _.value) == null ? void 0 : k[l.itemLabel]) || "";
|
|
1943
|
+
d.value !== c && (d.value = c);
|
|
1908
1944
|
}
|
|
1909
|
-
function
|
|
1910
|
-
|
|
1945
|
+
function se() {
|
|
1946
|
+
a.value || l.readonly || l.disabled || (o("before-show"), a.value = !0, de());
|
|
1911
1947
|
}
|
|
1912
|
-
function
|
|
1913
|
-
|
|
1948
|
+
function X() {
|
|
1949
|
+
a.value && (o("before-hide"), a.value = !1, r.value = void 0);
|
|
1914
1950
|
}
|
|
1915
|
-
function
|
|
1916
|
-
|
|
1951
|
+
function ce() {
|
|
1952
|
+
a.value ? X() : S();
|
|
1917
1953
|
}
|
|
1918
1954
|
function v() {
|
|
1919
|
-
|
|
1955
|
+
P.value && (s.value = l.emptyValue, r.value = void 0, de());
|
|
1920
1956
|
}
|
|
1921
1957
|
function S() {
|
|
1922
|
-
if (
|
|
1923
|
-
const c =
|
|
1924
|
-
c !== -1 &&
|
|
1958
|
+
if (se(), _.value !== void 0) {
|
|
1959
|
+
const c = z.value.indexOf(_.value);
|
|
1960
|
+
c !== -1 && te(() => L(c));
|
|
1925
1961
|
}
|
|
1926
1962
|
}
|
|
1927
1963
|
function h(c) {
|
|
1928
|
-
var
|
|
1964
|
+
var k, F;
|
|
1929
1965
|
if (!(!c.key || l.readonly || l.disabled))
|
|
1930
1966
|
if (["ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), c.key === "Escape")
|
|
1931
|
-
|
|
1967
|
+
N(), a.value && X();
|
|
1932
1968
|
else if (["ArrowDown", "ArrowUp"].includes(c.key))
|
|
1933
|
-
|
|
1934
|
-
if (
|
|
1969
|
+
a.value ? te(() => {
|
|
1970
|
+
if (r.value === void 0)
|
|
1935
1971
|
$();
|
|
1936
1972
|
else {
|
|
1937
|
-
const
|
|
1938
|
-
re(
|
|
1973
|
+
const j = c.key === "ArrowDown" ? "next" : "prev";
|
|
1974
|
+
re(r.value, j);
|
|
1939
1975
|
}
|
|
1940
|
-
}) : (
|
|
1941
|
-
c.key === "ArrowDown" ? $() :
|
|
1976
|
+
}) : (se(), te(() => {
|
|
1977
|
+
c.key === "ArrowDown" ? $() : J();
|
|
1942
1978
|
}));
|
|
1943
1979
|
else if (c.key === "Enter") {
|
|
1944
|
-
if (
|
|
1945
|
-
|
|
1946
|
-
} else c.key === "Home" ?
|
|
1980
|
+
if (M.value === void 0) return;
|
|
1981
|
+
ee(M.value[l.itemValue]);
|
|
1982
|
+
} else c.key === "Home" ? r.value = (k = b.value) == null ? void 0 : k.getFirstFocusableItemIndex() : c.key === "End" ? r.value = (F = b.value) == null ? void 0 : F.getLastFocusableItemIndex() : (/^[a-z]$/i.test(c.key) || c.key === "Backspace") && se();
|
|
1947
1983
|
}
|
|
1948
1984
|
function $() {
|
|
1949
|
-
var c,
|
|
1950
|
-
if (
|
|
1951
|
-
|
|
1985
|
+
var c, k;
|
|
1986
|
+
if (V.value)
|
|
1987
|
+
r.value = (k = b.value) == null ? void 0 : k.getFirstFocusableItemIndex();
|
|
1952
1988
|
else {
|
|
1953
|
-
const F =
|
|
1954
|
-
(
|
|
1989
|
+
const F = z.value.findIndex(
|
|
1990
|
+
(j) => j[l.itemValue] === s.value
|
|
1955
1991
|
);
|
|
1956
|
-
F === -1 ?
|
|
1992
|
+
F === -1 ? r.value = (c = b.value) == null ? void 0 : c.getFirstFocusableItemIndex() : r.value = F;
|
|
1957
1993
|
}
|
|
1958
1994
|
}
|
|
1959
|
-
function
|
|
1995
|
+
function J() {
|
|
1960
1996
|
var c;
|
|
1961
|
-
|
|
1997
|
+
r.value = (c = b.value) == null ? void 0 : c.getLastFocusableItemIndex();
|
|
1962
1998
|
}
|
|
1963
|
-
function re(c,
|
|
1999
|
+
function re(c, k) {
|
|
1964
2000
|
var F;
|
|
1965
|
-
|
|
2001
|
+
r.value = (F = b.value) == null ? void 0 : F.getAdjacentItemIndex(c, k);
|
|
1966
2002
|
}
|
|
1967
|
-
function
|
|
1968
|
-
var
|
|
1969
|
-
const
|
|
1970
|
-
if (
|
|
2003
|
+
function Y(c) {
|
|
2004
|
+
var pe, Ne, Re, Ge;
|
|
2005
|
+
const k = ((pe = x == null ? void 0 : x.value) == null ? void 0 : pe.$el) === c.relatedTarget, F = (Re = (Ne = u == null ? void 0 : u.value) == null ? void 0 : Ne.$el) == null ? void 0 : Re.contains(c.relatedTarget), j = (Ge = R == null ? void 0 : R.value) == null ? void 0 : Ge.contains(c.relatedTarget);
|
|
2006
|
+
if (k || j || F) {
|
|
1971
2007
|
c.preventDefault(), c.stopPropagation();
|
|
1972
2008
|
return;
|
|
1973
2009
|
}
|
|
1974
|
-
|
|
2010
|
+
X(), P.value && !d.value && (s.value = l.emptyValue), N();
|
|
1975
2011
|
}
|
|
1976
|
-
function
|
|
1977
|
-
var c,
|
|
1978
|
-
(
|
|
2012
|
+
function de() {
|
|
2013
|
+
var c, k;
|
|
2014
|
+
(k = (c = u.value) == null ? void 0 : c.inputRef) == null || k.focus();
|
|
1979
2015
|
}
|
|
1980
|
-
function
|
|
1981
|
-
|
|
2016
|
+
function Be() {
|
|
2017
|
+
de();
|
|
1982
2018
|
}
|
|
1983
|
-
function
|
|
2019
|
+
function ke() {
|
|
1984
2020
|
o("show");
|
|
1985
2021
|
}
|
|
1986
|
-
function
|
|
2022
|
+
function we() {
|
|
1987
2023
|
o("hide");
|
|
1988
2024
|
}
|
|
1989
|
-
function
|
|
2025
|
+
function L(c) {
|
|
1990
2026
|
var F;
|
|
1991
|
-
const
|
|
1992
|
-
|
|
2027
|
+
const k = (F = b.value) == null ? void 0 : F.getItem(c);
|
|
2028
|
+
b.value && (b.value.$el.scrollTop = k == null ? void 0 : k.offsetTop);
|
|
1993
2029
|
}
|
|
1994
|
-
return
|
|
2030
|
+
return Z(s, N), Z(
|
|
1995
2031
|
() => l.items,
|
|
1996
|
-
(c,
|
|
1997
|
-
if (!
|
|
1998
|
-
const F =
|
|
1999
|
-
|
|
2032
|
+
(c, k) => {
|
|
2033
|
+
if (!V.value) {
|
|
2034
|
+
const F = k.find((j) => j[l.itemValue] === s.value);
|
|
2035
|
+
d.value === (F == null ? void 0 : F[l.itemLabel]) && N();
|
|
2000
2036
|
}
|
|
2001
2037
|
},
|
|
2002
2038
|
{ deep: !0 }
|
|
2003
|
-
),
|
|
2004
|
-
c !== void 0 &&
|
|
2005
|
-
}),
|
|
2006
|
-
c &&
|
|
2007
|
-
}),
|
|
2039
|
+
), Z(r, (c) => {
|
|
2040
|
+
c !== void 0 && L(c);
|
|
2041
|
+
}), Z(d, (c) => {
|
|
2042
|
+
c && a.value && l.selectionMode === "automatic" && te($);
|
|
2043
|
+
}), Z(
|
|
2008
2044
|
() => l.loading,
|
|
2009
2045
|
(c) => {
|
|
2010
|
-
!c &&
|
|
2046
|
+
!c && a.value && te($);
|
|
2011
2047
|
}
|
|
2012
2048
|
), t({
|
|
2013
2049
|
triggerEl: u
|
|
2014
|
-
}), (c,
|
|
2050
|
+
}), (c, k) => {
|
|
2015
2051
|
var F;
|
|
2016
|
-
return
|
|
2017
|
-
D(m(
|
|
2052
|
+
return i(), f(U, null, [
|
|
2053
|
+
D(m(ft), H({
|
|
2018
2054
|
id: l.id,
|
|
2019
2055
|
ref_key: "triggerEl",
|
|
2020
2056
|
ref: u,
|
|
2021
|
-
modelValue:
|
|
2022
|
-
"onUpdate:modelValue":
|
|
2057
|
+
modelValue: d.value,
|
|
2058
|
+
"onUpdate:modelValue": k[0] || (k[0] = (j) => d.value = j),
|
|
2023
2059
|
label: l.label,
|
|
2024
2060
|
required: l.required,
|
|
2025
2061
|
role: "combobox",
|
|
@@ -2029,7 +2065,7 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2029
2065
|
{
|
|
2030
2066
|
"q-combobox--readonly": l.readonly,
|
|
2031
2067
|
"q-combobox--disabled": l.disabled,
|
|
2032
|
-
"q-combobox--expanded":
|
|
2068
|
+
"q-combobox--expanded": a.value
|
|
2033
2069
|
},
|
|
2034
2070
|
l.class
|
|
2035
2071
|
],
|
|
@@ -2037,25 +2073,25 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2037
2073
|
disabled: l.disabled,
|
|
2038
2074
|
"data-loading": l.loading,
|
|
2039
2075
|
autocomplete: "off",
|
|
2040
|
-
"aria-expanded":
|
|
2076
|
+
"aria-expanded": a.value,
|
|
2041
2077
|
"aria-haspopup": "listbox",
|
|
2042
2078
|
"aria-autocomplete": "list",
|
|
2043
|
-
"aria-activedescendant":
|
|
2079
|
+
"aria-activedescendant": Q.value,
|
|
2044
2080
|
size: l.size
|
|
2045
2081
|
}, c.$attrs, {
|
|
2046
2082
|
onClick: S,
|
|
2047
|
-
onFocusout:
|
|
2048
|
-
onKeydown:
|
|
2049
|
-
}),
|
|
2050
|
-
"label.prepend":
|
|
2083
|
+
onFocusout: Y,
|
|
2084
|
+
onKeydown: ue(h, ["stop"])
|
|
2085
|
+
}), ye({
|
|
2086
|
+
"label.prepend": w(() => [
|
|
2051
2087
|
p(c.$slots, "label.prepend")
|
|
2052
2088
|
]),
|
|
2053
|
-
"label.append":
|
|
2089
|
+
"label.append": w(() => [
|
|
2054
2090
|
p(c.$slots, "label.append")
|
|
2055
2091
|
]),
|
|
2056
|
-
append:
|
|
2092
|
+
append: w(() => [
|
|
2057
2093
|
p(c.$slots, "append"),
|
|
2058
|
-
|
|
2094
|
+
P.value && d.value ? (i(), B(m(le), {
|
|
2059
2095
|
key: 0,
|
|
2060
2096
|
class: "q-combobox__clear",
|
|
2061
2097
|
"aria-label": l.texts.clearValue,
|
|
@@ -2064,25 +2100,25 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2064
2100
|
tabindex: "-1",
|
|
2065
2101
|
onClick: v
|
|
2066
2102
|
}, {
|
|
2067
|
-
default:
|
|
2068
|
-
D(m(O),
|
|
2103
|
+
default: w(() => [
|
|
2104
|
+
D(m(O), W(ne(l.icons.clear)), null, 16)
|
|
2069
2105
|
]),
|
|
2070
2106
|
_: 1
|
|
2071
|
-
}, 8, ["aria-label"])) :
|
|
2072
|
-
l.readonly ?
|
|
2107
|
+
}, 8, ["aria-label"])) : g("", !0),
|
|
2108
|
+
l.readonly ? g("", !0) : (i(), B(m(le), {
|
|
2073
2109
|
key: 1,
|
|
2074
2110
|
ref_key: "toggleRef",
|
|
2075
|
-
ref:
|
|
2111
|
+
ref: x,
|
|
2076
2112
|
class: "q-combobox__chevron",
|
|
2077
2113
|
"aria-label": l.texts.showOptions,
|
|
2078
2114
|
"b-style": "plain",
|
|
2079
2115
|
borderless: "",
|
|
2080
2116
|
tabindex: "-1",
|
|
2081
2117
|
disabled: l.disabled,
|
|
2082
|
-
onMousedown:
|
|
2118
|
+
onMousedown: ue(ce, ["stop", "prevent"])
|
|
2083
2119
|
}, {
|
|
2084
|
-
default:
|
|
2085
|
-
D(m(O),
|
|
2120
|
+
default: w(() => [
|
|
2121
|
+
D(m(O), W(ne(l.icons.chevron)), null, 16)
|
|
2086
2122
|
]),
|
|
2087
2123
|
_: 1
|
|
2088
2124
|
}, 8, ["aria-label", "disabled"]))
|
|
@@ -2091,22 +2127,22 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2091
2127
|
}, [
|
|
2092
2128
|
c.$slots.prepend ? {
|
|
2093
2129
|
name: "prepend",
|
|
2094
|
-
fn:
|
|
2130
|
+
fn: w(() => [
|
|
2095
2131
|
p(c.$slots, "prepend")
|
|
2096
2132
|
]),
|
|
2097
2133
|
key: "0"
|
|
2098
2134
|
} : void 0,
|
|
2099
2135
|
c.$slots.extras ? {
|
|
2100
2136
|
name: "extras",
|
|
2101
|
-
fn:
|
|
2137
|
+
fn: w(() => [
|
|
2102
2138
|
p(c.$slots, "extras")
|
|
2103
2139
|
]),
|
|
2104
2140
|
key: "1"
|
|
2105
2141
|
} : void 0
|
|
2106
2142
|
]), 1040, ["id", "modelValue", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
|
|
2107
|
-
D(m(
|
|
2108
|
-
modelValue:
|
|
2109
|
-
"onUpdate:modelValue":
|
|
2143
|
+
D(m(ve), {
|
|
2144
|
+
modelValue: a.value,
|
|
2145
|
+
"onUpdate:modelValue": k[2] || (k[2] = (j) => a.value = j),
|
|
2110
2146
|
spy: "",
|
|
2111
2147
|
"non-modal": "",
|
|
2112
2148
|
trigger: "manual",
|
|
@@ -2114,48 +2150,48 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2114
2150
|
width: "anchor",
|
|
2115
2151
|
offset: 4,
|
|
2116
2152
|
anchor: (F = u.value) == null ? void 0 : F.$el,
|
|
2117
|
-
onEnter:
|
|
2118
|
-
onLeave:
|
|
2153
|
+
onEnter: ke,
|
|
2154
|
+
onLeave: we
|
|
2119
2155
|
}, {
|
|
2120
|
-
default:
|
|
2121
|
-
var
|
|
2156
|
+
default: w(() => {
|
|
2157
|
+
var j;
|
|
2122
2158
|
return [
|
|
2123
2159
|
q("div", {
|
|
2124
2160
|
ref_key: "contentRef",
|
|
2125
|
-
ref:
|
|
2161
|
+
ref: R,
|
|
2126
2162
|
class: "q-select__body",
|
|
2127
2163
|
"data-testid": "combobox-dropdown",
|
|
2128
2164
|
"data-key": l.id,
|
|
2129
|
-
onFocusout:
|
|
2165
|
+
onFocusout: Y
|
|
2130
2166
|
}, [
|
|
2131
2167
|
p(c.$slots, "body.prepend"),
|
|
2132
|
-
l.loading ? (
|
|
2133
|
-
D(m(
|
|
2134
|
-
])) :
|
|
2168
|
+
l.loading ? (i(), f("div", kl, [
|
|
2169
|
+
D(m(_e), { size: 24 })
|
|
2170
|
+
])) : z.value.length ? (i(), B(m(Ue), {
|
|
2135
2171
|
key: 1,
|
|
2136
2172
|
ref_key: "listRef",
|
|
2137
|
-
ref:
|
|
2173
|
+
ref: b,
|
|
2138
2174
|
modelValue: s.value,
|
|
2139
2175
|
"onUpdate:modelValue": [
|
|
2140
|
-
|
|
2141
|
-
|
|
2176
|
+
k[1] || (k[1] = (pe) => s.value = pe),
|
|
2177
|
+
ee
|
|
2142
2178
|
],
|
|
2143
2179
|
class: "q-select__items",
|
|
2144
2180
|
selectable: "",
|
|
2145
|
-
highlighted: (
|
|
2146
|
-
items:
|
|
2181
|
+
highlighted: (j = M.value) == null ? void 0 : j[l.itemValue],
|
|
2182
|
+
items: z.value,
|
|
2147
2183
|
groups: c.groups,
|
|
2148
2184
|
"item-label": l.itemLabel,
|
|
2149
2185
|
"item-value": l.itemValue,
|
|
2150
|
-
onMouseup:
|
|
2186
|
+
onMouseup: Be
|
|
2151
2187
|
}, {
|
|
2152
|
-
item:
|
|
2153
|
-
p(c.$slots, "item", { item:
|
|
2188
|
+
item: w(({ item: pe }) => [
|
|
2189
|
+
p(c.$slots, "item", { item: pe })
|
|
2154
2190
|
]),
|
|
2155
2191
|
_: 3
|
|
2156
|
-
}, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (
|
|
2192
|
+
}, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (i(), f("div", wl, E(l.texts.noData), 1)),
|
|
2157
2193
|
p(c.$slots, "body.append")
|
|
2158
|
-
], 40,
|
|
2194
|
+
], 40, $l)
|
|
2159
2195
|
];
|
|
2160
2196
|
}),
|
|
2161
2197
|
_: 3
|
|
@@ -2163,7 +2199,7 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2163
2199
|
], 64);
|
|
2164
2200
|
};
|
|
2165
2201
|
}
|
|
2166
|
-
}),
|
|
2202
|
+
}), xl = I(ql), Sl = [
|
|
2167
2203
|
{
|
|
2168
2204
|
id: "button",
|
|
2169
2205
|
icon: {
|
|
@@ -2174,45 +2210,45 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2174
2210
|
label: "Ok"
|
|
2175
2211
|
}
|
|
2176
2212
|
}
|
|
2177
|
-
],
|
|
2213
|
+
], Ll = {
|
|
2178
2214
|
icon: "check-circle-outline"
|
|
2179
|
-
},
|
|
2215
|
+
}, Bl = {
|
|
2180
2216
|
close: {
|
|
2181
2217
|
icon: "close"
|
|
2182
2218
|
}
|
|
2183
|
-
},
|
|
2219
|
+
}, Cl = { class: "q-dialog__header" }, Il = { class: "q-dialog__header-title" }, Tl = { class: "q-dialog__body" }, Vl = {
|
|
2184
2220
|
key: 0,
|
|
2185
2221
|
class: "q-dialog__body-icon"
|
|
2186
|
-
},
|
|
2222
|
+
}, Al = { class: "q-dialog__body-text" }, El = ["innerHTML"], Ql = { key: 1 }, Dl = { class: "q-dialog__body-actions" }, zl = /* @__PURE__ */ C({
|
|
2187
2223
|
__name: "QDialog",
|
|
2188
2224
|
props: /* @__PURE__ */ G({
|
|
2189
2225
|
text: { default: "" },
|
|
2190
2226
|
attach: { default: "body" },
|
|
2191
2227
|
inline: { type: Boolean },
|
|
2192
2228
|
backdropBlur: { type: Boolean, default: !0 },
|
|
2193
|
-
buttons: { default: () =>
|
|
2229
|
+
buttons: { default: () => Sl },
|
|
2194
2230
|
dismissible: { type: Boolean },
|
|
2195
2231
|
html: { type: Boolean, default: !0 },
|
|
2196
|
-
icon: { default: () =>
|
|
2232
|
+
icon: { default: () => Ll },
|
|
2197
2233
|
id: { default: void 0 },
|
|
2198
2234
|
title: { default: "" },
|
|
2199
2235
|
class: { default: void 0 },
|
|
2200
|
-
icons: { default: () =>
|
|
2236
|
+
icons: { default: () => Bl }
|
|
2201
2237
|
}, {
|
|
2202
2238
|
modelValue: { type: Boolean },
|
|
2203
2239
|
modelModifiers: {}
|
|
2204
2240
|
}),
|
|
2205
2241
|
emits: ["update:modelValue"],
|
|
2206
2242
|
setup(n) {
|
|
2207
|
-
const t = n, e =
|
|
2243
|
+
const t = n, e = K(n, "modelValue"), l = ie(t.id), o = y(() => ["q-dialog", t.class]);
|
|
2208
2244
|
function s() {
|
|
2209
2245
|
e.value = !1;
|
|
2210
2246
|
}
|
|
2211
|
-
function d
|
|
2212
|
-
var
|
|
2213
|
-
(
|
|
2247
|
+
function a(d) {
|
|
2248
|
+
var r;
|
|
2249
|
+
(r = d.action) == null || r.call(d), s();
|
|
2214
2250
|
}
|
|
2215
|
-
return (
|
|
2251
|
+
return (d, r) => (i(), B(m(ve), {
|
|
2216
2252
|
id: m(l),
|
|
2217
2253
|
"model-value": e.value,
|
|
2218
2254
|
inline: t.inline,
|
|
@@ -2222,49 +2258,49 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2222
2258
|
"scroll-lock": "",
|
|
2223
2259
|
persistent: ""
|
|
2224
2260
|
}, {
|
|
2225
|
-
default:
|
|
2261
|
+
default: w(() => [
|
|
2226
2262
|
q("div", {
|
|
2227
2263
|
class: T(o.value)
|
|
2228
2264
|
}, [
|
|
2229
|
-
q("div",
|
|
2230
|
-
q("span",
|
|
2231
|
-
t.dismissible ? (
|
|
2265
|
+
q("div", Cl, [
|
|
2266
|
+
q("span", Il, E(t.title), 1),
|
|
2267
|
+
t.dismissible ? (i(), B(m(le), {
|
|
2232
2268
|
key: 0,
|
|
2233
2269
|
"b-style": "tertiary",
|
|
2234
2270
|
onClick: s
|
|
2235
2271
|
}, {
|
|
2236
|
-
default:
|
|
2237
|
-
D(m(O),
|
|
2272
|
+
default: w(() => [
|
|
2273
|
+
D(m(O), W(ne(t.icons.close)), null, 16)
|
|
2238
2274
|
]),
|
|
2239
2275
|
_: 1
|
|
2240
|
-
})) :
|
|
2276
|
+
})) : g("", !0)
|
|
2241
2277
|
]),
|
|
2242
|
-
p(
|
|
2243
|
-
q("div",
|
|
2244
|
-
p(
|
|
2245
|
-
t.icon ? (
|
|
2246
|
-
D(m(O),
|
|
2247
|
-
])) :
|
|
2278
|
+
p(d.$slots, "body.content", {}, () => [
|
|
2279
|
+
q("div", Tl, [
|
|
2280
|
+
p(d.$slots, "body.icon", {}, () => [
|
|
2281
|
+
t.icon ? (i(), f("span", Vl, [
|
|
2282
|
+
D(m(O), W(ne(t.icon)), null, 16)
|
|
2283
|
+
])) : g("", !0)
|
|
2248
2284
|
]),
|
|
2249
|
-
q("div",
|
|
2250
|
-
t.html ? (
|
|
2285
|
+
q("div", Al, [
|
|
2286
|
+
t.html ? (i(), f("span", {
|
|
2251
2287
|
key: 0,
|
|
2252
2288
|
innerHTML: t.text
|
|
2253
|
-
}, null, 8,
|
|
2289
|
+
}, null, 8, El)) : (i(), f("span", Ql, E(t.text), 1))
|
|
2254
2290
|
]),
|
|
2255
|
-
p(
|
|
2291
|
+
p(d.$slots, "body.append")
|
|
2256
2292
|
])
|
|
2257
2293
|
]),
|
|
2258
|
-
q("div",
|
|
2259
|
-
(
|
|
2294
|
+
q("div", Dl, [
|
|
2295
|
+
(i(!0), f(U, null, he(t.buttons, (u) => (i(), B(m(le), H({ ref_for: !0 }, u.props, {
|
|
2260
2296
|
key: u.id,
|
|
2261
|
-
onClick: () =>
|
|
2297
|
+
onClick: () => a(u)
|
|
2262
2298
|
}), {
|
|
2263
|
-
default:
|
|
2264
|
-
u.icon ? (
|
|
2299
|
+
default: w(() => [
|
|
2300
|
+
u.icon ? (i(), B(m(O), H({
|
|
2265
2301
|
key: 0,
|
|
2266
2302
|
ref_for: !0
|
|
2267
|
-
}, u.icon), null, 16)) :
|
|
2303
|
+
}, u.icon), null, 16)) : g("", !0)
|
|
2268
2304
|
]),
|
|
2269
2305
|
_: 2
|
|
2270
2306
|
}, 1040, ["onClick"]))), 128))
|
|
@@ -2274,13 +2310,13 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2274
2310
|
_: 3
|
|
2275
2311
|
}, 8, ["id", "model-value", "inline", "attach", "backdrop-blur"]));
|
|
2276
2312
|
}
|
|
2277
|
-
}),
|
|
2313
|
+
}), Ml = I(zl), Fl = {
|
|
2278
2314
|
key: 0,
|
|
2279
2315
|
class: "q-input-group__prepend"
|
|
2280
|
-
},
|
|
2316
|
+
}, Ol = { key: 0 }, Pl = {
|
|
2281
2317
|
key: 1,
|
|
2282
2318
|
class: "q-input-group__append"
|
|
2283
|
-
},
|
|
2319
|
+
}, Ul = { key: 0 }, Nl = /* @__PURE__ */ C({
|
|
2284
2320
|
__name: "QInputGroup",
|
|
2285
2321
|
props: {
|
|
2286
2322
|
id: { default: void 0 },
|
|
@@ -2297,57 +2333,57 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2297
2333
|
QField: {
|
|
2298
2334
|
size: "block"
|
|
2299
2335
|
}
|
|
2300
|
-
}), (e, l) => (
|
|
2336
|
+
}), (e, l) => (i(), B(m(Le), {
|
|
2301
2337
|
id: t.id,
|
|
2302
2338
|
class: T(["q-input-group", t.class]),
|
|
2303
2339
|
label: t.label,
|
|
2304
2340
|
required: t.required,
|
|
2305
2341
|
size: t.size
|
|
2306
|
-
},
|
|
2307
|
-
default:
|
|
2308
|
-
e.$slots.prepend || t.prependIcon ? (
|
|
2309
|
-
t.prependIcon ? (
|
|
2310
|
-
D(m(O),
|
|
2311
|
-
])) :
|
|
2342
|
+
}, ye({
|
|
2343
|
+
default: w(() => [
|
|
2344
|
+
e.$slots.prepend || t.prependIcon ? (i(), f("div", Fl, [
|
|
2345
|
+
t.prependIcon ? (i(), f("span", Ol, [
|
|
2346
|
+
D(m(O), W(ne(t.prependIcon)), null, 16)
|
|
2347
|
+
])) : g("", !0),
|
|
2312
2348
|
p(e.$slots, "prepend")
|
|
2313
|
-
])) :
|
|
2349
|
+
])) : g("", !0),
|
|
2314
2350
|
p(e.$slots, "default"),
|
|
2315
|
-
e.$slots.append || t.appendIcon ? (
|
|
2316
|
-
t.appendIcon ? (
|
|
2317
|
-
D(m(O),
|
|
2318
|
-
])) :
|
|
2351
|
+
e.$slots.append || t.appendIcon ? (i(), f("div", Pl, [
|
|
2352
|
+
t.appendIcon ? (i(), f("span", Ul, [
|
|
2353
|
+
D(m(O), W(ne(t.appendIcon)), null, 16)
|
|
2354
|
+
])) : g("", !0),
|
|
2319
2355
|
p(e.$slots, "append")
|
|
2320
|
-
])) :
|
|
2356
|
+
])) : g("", !0)
|
|
2321
2357
|
]),
|
|
2322
2358
|
_: 2
|
|
2323
2359
|
}, [
|
|
2324
2360
|
e.$slots.extras ? {
|
|
2325
2361
|
name: "extras",
|
|
2326
|
-
fn:
|
|
2362
|
+
fn: w(() => [
|
|
2327
2363
|
p(e.$slots, "extras")
|
|
2328
2364
|
]),
|
|
2329
2365
|
key: "0"
|
|
2330
2366
|
} : void 0
|
|
2331
2367
|
]), 1032, ["id", "class", "label", "required", "size"]));
|
|
2332
2368
|
}
|
|
2333
|
-
}),
|
|
2369
|
+
}), Rl = I(Nl), Gl = /* @__PURE__ */ C({
|
|
2334
2370
|
__name: "QLineLoader",
|
|
2335
2371
|
props: {
|
|
2336
2372
|
class: { default: void 0 }
|
|
2337
2373
|
},
|
|
2338
2374
|
setup(n) {
|
|
2339
2375
|
const t = n;
|
|
2340
|
-
return (e, l) => (
|
|
2376
|
+
return (e, l) => (i(), f("div", {
|
|
2341
2377
|
class: T(["q-line-loader", t.class])
|
|
2342
2378
|
}, null, 2));
|
|
2343
2379
|
}
|
|
2344
|
-
}),
|
|
2380
|
+
}), Hl = I(Gl), jl = {
|
|
2345
2381
|
key: 0,
|
|
2346
2382
|
class: "q-popover__header"
|
|
2347
|
-
},
|
|
2383
|
+
}, Kl = {
|
|
2348
2384
|
key: 1,
|
|
2349
2385
|
class: "q-popover__body"
|
|
2350
|
-
},
|
|
2386
|
+
}, Wl = ["innerHTML"], Xl = { key: 1 }, Yl = /* @__PURE__ */ C({
|
|
2351
2387
|
inheritAttrs: !1,
|
|
2352
2388
|
__name: "QPopover",
|
|
2353
2389
|
props: /* @__PURE__ */ G({
|
|
@@ -2366,8 +2402,8 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2366
2402
|
}),
|
|
2367
2403
|
emits: ["update:modelValue"],
|
|
2368
2404
|
setup(n) {
|
|
2369
|
-
const t = n, e =
|
|
2370
|
-
return (l, o) => (
|
|
2405
|
+
const t = n, e = K(n, "modelValue");
|
|
2406
|
+
return (l, o) => (i(), B(m(ve), {
|
|
2371
2407
|
modelValue: e.value,
|
|
2372
2408
|
"onUpdate:modelValue": o[0] || (o[0] = (s) => e.value = s),
|
|
2373
2409
|
class: "q-popover",
|
|
@@ -2379,32 +2415,32 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2379
2415
|
disabled: t.disabled,
|
|
2380
2416
|
placement: t.placement
|
|
2381
2417
|
}, {
|
|
2382
|
-
default:
|
|
2383
|
-
t.title || l.$slots.header ? (
|
|
2384
|
-
|
|
2418
|
+
default: w(() => [
|
|
2419
|
+
t.title || l.$slots.header ? (i(), f("h3", jl, [
|
|
2420
|
+
ae(E(t.title) + " ", 1),
|
|
2385
2421
|
p(l.$slots, "header")
|
|
2386
|
-
])) :
|
|
2387
|
-
t.text || l.$slots.body ? (
|
|
2388
|
-
t.html ? (
|
|
2422
|
+
])) : g("", !0),
|
|
2423
|
+
t.text || l.$slots.body ? (i(), f("div", Kl, [
|
|
2424
|
+
t.html ? (i(), f("span", {
|
|
2389
2425
|
key: 0,
|
|
2390
2426
|
innerHTML: t.text
|
|
2391
|
-
}, null, 8,
|
|
2427
|
+
}, null, 8, Wl)) : (i(), f("span", Xl, E(t.text), 1)),
|
|
2392
2428
|
p(l.$slots, "body")
|
|
2393
|
-
])) :
|
|
2429
|
+
])) : g("", !0)
|
|
2394
2430
|
]),
|
|
2395
2431
|
_: 3
|
|
2396
2432
|
}, 8, ["modelValue", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
|
|
2397
2433
|
}
|
|
2398
|
-
}),
|
|
2434
|
+
}), Zl = I(Yl), pt = {
|
|
2399
2435
|
emptyMessage: "Select a field to view details."
|
|
2400
|
-
},
|
|
2436
|
+
}, mt = {
|
|
2401
2437
|
open: {
|
|
2402
2438
|
icon: "minus-box"
|
|
2403
2439
|
},
|
|
2404
2440
|
close: {
|
|
2405
2441
|
icon: "plus-box"
|
|
2406
2442
|
}
|
|
2407
|
-
},
|
|
2443
|
+
}, Jl = { class: "q-property-list__table" }, eo = /* @__PURE__ */ C({
|
|
2408
2444
|
__name: "QPropertyList",
|
|
2409
2445
|
props: {
|
|
2410
2446
|
fields: { default: () => [] },
|
|
@@ -2414,106 +2450,106 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2414
2450
|
groups: { default: () => [] },
|
|
2415
2451
|
readonly: { type: Boolean },
|
|
2416
2452
|
class: { default: void 0 },
|
|
2417
|
-
icons: { default: () =>
|
|
2418
|
-
texts: { default: () =>
|
|
2453
|
+
icons: { default: () => mt },
|
|
2454
|
+
texts: { default: () => pt }
|
|
2419
2455
|
},
|
|
2420
2456
|
emits: ["field-change"],
|
|
2421
2457
|
setup(n, { emit: t }) {
|
|
2422
|
-
const e = n, l = t, o = A(e.groups.map((
|
|
2423
|
-
(
|
|
2424
|
-
) : [{ id: "", title: "" }]),
|
|
2458
|
+
const e = n, l = t, o = A(e.groups.map((_) => _.id)), s = A(void 0), a = A(null), d = y(() => e.groups.length ? e.groups.filter(
|
|
2459
|
+
(_) => e.fields.some((V) => V.group === _.id)
|
|
2460
|
+
) : [{ id: "", title: "" }]), r = y(() => [
|
|
2425
2461
|
e.class,
|
|
2426
2462
|
{
|
|
2427
2463
|
"q-property-list--side-panel": e.panelPosition === "right"
|
|
2428
2464
|
}
|
|
2429
2465
|
]);
|
|
2430
2466
|
function u() {
|
|
2431
|
-
var
|
|
2432
|
-
(
|
|
2467
|
+
var _;
|
|
2468
|
+
(_ = a.value) != null && _.contains(document.activeElement) || (s.value = void 0);
|
|
2433
2469
|
}
|
|
2434
|
-
function _
|
|
2435
|
-
return
|
|
2470
|
+
function b(_) {
|
|
2471
|
+
return _ ? e.fields.filter((V) => V.group === _) : e.fields;
|
|
2436
2472
|
}
|
|
2437
|
-
function
|
|
2438
|
-
const
|
|
2439
|
-
|
|
2473
|
+
function x(_) {
|
|
2474
|
+
const V = o.value.indexOf(_);
|
|
2475
|
+
V === -1 ? o.value.push(_) : o.value.splice(V, 1);
|
|
2440
2476
|
}
|
|
2441
|
-
function
|
|
2442
|
-
var
|
|
2443
|
-
const
|
|
2477
|
+
function R(_) {
|
|
2478
|
+
var Q;
|
|
2479
|
+
const V = _.group && !o.value.includes(_.group), M = ((Q = s.value) == null ? void 0 : Q.id) === _.id;
|
|
2444
2480
|
return [
|
|
2445
2481
|
{
|
|
2446
|
-
"q-property-list__row--closed":
|
|
2447
|
-
"q-property-list__row--selected":
|
|
2482
|
+
"q-property-list__row--closed": V,
|
|
2483
|
+
"q-property-list__row--selected": M
|
|
2448
2484
|
}
|
|
2449
2485
|
];
|
|
2450
2486
|
}
|
|
2451
|
-
function
|
|
2452
|
-
s.value =
|
|
2487
|
+
function P(_) {
|
|
2488
|
+
s.value = _;
|
|
2453
2489
|
}
|
|
2454
|
-
function
|
|
2455
|
-
e.readonly || (
|
|
2490
|
+
function z(_, V) {
|
|
2491
|
+
e.readonly || (_.props.readonly ?? !1) || (_.props.modelValue = V, l("field-change", _));
|
|
2456
2492
|
}
|
|
2457
|
-
return (
|
|
2493
|
+
return (_, V) => (i(), f("div", {
|
|
2458
2494
|
ref_key: "componentRoot",
|
|
2459
|
-
ref:
|
|
2495
|
+
ref: a,
|
|
2460
2496
|
tabindex: "0",
|
|
2461
|
-
class: T(["q-property-list",
|
|
2497
|
+
class: T(["q-property-list", r.value]),
|
|
2462
2498
|
onFocusout: u
|
|
2463
2499
|
}, [
|
|
2464
|
-
q("table",
|
|
2465
|
-
|
|
2500
|
+
q("table", Jl, [
|
|
2501
|
+
V[0] || (V[0] = q("thead", { class: "q-property-list__header" }, [
|
|
2466
2502
|
q("tr", null, [
|
|
2467
2503
|
q("th", { colspan: "2" })
|
|
2468
2504
|
])
|
|
2469
2505
|
], -1)),
|
|
2470
2506
|
q("tbody", null, [
|
|
2471
|
-
(
|
|
2472
|
-
key:
|
|
2507
|
+
(i(!0), f(U, null, he(d.value, (M) => (i(), f(U, {
|
|
2508
|
+
key: M.id
|
|
2473
2509
|
}, [
|
|
2474
|
-
|
|
2510
|
+
M.title ? (i(), B(m(yt), {
|
|
2475
2511
|
key: 0,
|
|
2476
|
-
id:
|
|
2477
|
-
title:
|
|
2512
|
+
id: M.id,
|
|
2513
|
+
title: M.title,
|
|
2478
2514
|
icons: e.icons,
|
|
2479
2515
|
"no-toggle": e.noToggle,
|
|
2480
|
-
onToggleGroup:
|
|
2481
|
-
}, null, 8, ["id", "title", "icons", "no-toggle"])) :
|
|
2482
|
-
(
|
|
2483
|
-
key:
|
|
2484
|
-
class: T(
|
|
2485
|
-
field:
|
|
2516
|
+
onToggleGroup: x
|
|
2517
|
+
}, null, 8, ["id", "title", "icons", "no-toggle"])) : g("", !0),
|
|
2518
|
+
(i(!0), f(U, null, he(b(M.id), (Q) => (i(), B(m(ht), {
|
|
2519
|
+
key: Q.id,
|
|
2520
|
+
class: T(R(Q)),
|
|
2521
|
+
field: Q,
|
|
2486
2522
|
readonly: e.readonly,
|
|
2487
|
-
onFocus:
|
|
2488
|
-
onFieldChange:
|
|
2523
|
+
onFocus: P,
|
|
2524
|
+
onFieldChange: z
|
|
2489
2525
|
}, {
|
|
2490
|
-
default:
|
|
2491
|
-
p(
|
|
2526
|
+
default: w(() => [
|
|
2527
|
+
p(_.$slots, Q.id, { field: Q })
|
|
2492
2528
|
]),
|
|
2493
2529
|
_: 2
|
|
2494
2530
|
}, 1032, ["class", "field", "readonly"]))), 128))
|
|
2495
2531
|
], 64))), 128))
|
|
2496
2532
|
])
|
|
2497
2533
|
]),
|
|
2498
|
-
e.noPanel ?
|
|
2534
|
+
e.noPanel ? g("", !0) : (i(), B(m(vt), {
|
|
2499
2535
|
key: 0,
|
|
2500
2536
|
field: s.value,
|
|
2501
2537
|
texts: e.texts
|
|
2502
2538
|
}, {
|
|
2503
|
-
default:
|
|
2504
|
-
s.value ? p(
|
|
2539
|
+
default: w(() => [
|
|
2540
|
+
s.value ? p(_.$slots, "panel", {
|
|
2505
2541
|
key: 0,
|
|
2506
2542
|
field: s.value
|
|
2507
|
-
}) :
|
|
2543
|
+
}) : g("", !0)
|
|
2508
2544
|
]),
|
|
2509
2545
|
_: 3
|
|
2510
2546
|
}, 8, ["field", "texts"]))
|
|
2511
2547
|
], 34));
|
|
2512
2548
|
}
|
|
2513
|
-
}),
|
|
2549
|
+
}), to = {
|
|
2514
2550
|
key: 0,
|
|
2515
2551
|
class: "q-property-list-field__container"
|
|
2516
|
-
},
|
|
2552
|
+
}, no = /* @__PURE__ */ C({
|
|
2517
2553
|
__name: "QPropertyListRow",
|
|
2518
2554
|
props: {
|
|
2519
2555
|
field: {},
|
|
@@ -2523,131 +2559,131 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2523
2559
|
emits: ["focus", "field-change"],
|
|
2524
2560
|
setup(n, { emit: t }) {
|
|
2525
2561
|
const e = n, l = t, o = y(() => ["q-property-list__row", e.class]), s = y(() => {
|
|
2526
|
-
var
|
|
2527
|
-
const
|
|
2528
|
-
return (
|
|
2529
|
-
}),
|
|
2530
|
-
function
|
|
2562
|
+
var x;
|
|
2563
|
+
const b = ["q-property-list__cell", "q-property-list__cell--label"];
|
|
2564
|
+
return (x = e.field.props) != null && x.required && b.push("q-property-list__cell--required"), b;
|
|
2565
|
+
}), a = y(() => e.readonly || (e.field.props.readonly ?? !1));
|
|
2566
|
+
function d() {
|
|
2531
2567
|
l("focus", e.field);
|
|
2532
2568
|
}
|
|
2533
|
-
function
|
|
2534
|
-
l("field-change", e.field,
|
|
2569
|
+
function r(b) {
|
|
2570
|
+
l("field-change", e.field, b);
|
|
2535
2571
|
}
|
|
2536
2572
|
const u = y(() => ({
|
|
2537
2573
|
...e.field.props,
|
|
2538
|
-
readonly:
|
|
2574
|
+
readonly: a.value
|
|
2539
2575
|
}));
|
|
2540
|
-
return (
|
|
2576
|
+
return (b, x) => (i(), f("tr", {
|
|
2541
2577
|
class: T(o.value),
|
|
2542
|
-
onFocusin:
|
|
2578
|
+
onFocusin: d
|
|
2543
2579
|
}, [
|
|
2544
2580
|
q("td", {
|
|
2545
2581
|
class: T(s.value),
|
|
2546
|
-
onClick:
|
|
2547
|
-
},
|
|
2582
|
+
onClick: d
|
|
2583
|
+
}, E(e.field.label), 3),
|
|
2548
2584
|
q("td", {
|
|
2549
2585
|
class: "q-property-list__cell",
|
|
2550
|
-
onClick:
|
|
2586
|
+
onClick: d
|
|
2551
2587
|
}, [
|
|
2552
|
-
p(
|
|
2553
|
-
e.field.component ? (
|
|
2554
|
-
(
|
|
2588
|
+
p(b.$slots, "default", {}, () => [
|
|
2589
|
+
e.field.component ? (i(), f("div", to, [
|
|
2590
|
+
(i(), B(Se(e.field.component), H(u.value, {
|
|
2555
2591
|
"model-value": e.field.props.modelValue,
|
|
2556
|
-
"onUpdate:modelValue":
|
|
2592
|
+
"onUpdate:modelValue": r
|
|
2557
2593
|
}), null, 16, ["model-value"]))
|
|
2558
|
-
])) :
|
|
2594
|
+
])) : g("", !0)
|
|
2559
2595
|
])
|
|
2560
2596
|
])
|
|
2561
2597
|
], 34));
|
|
2562
2598
|
}
|
|
2563
|
-
}),
|
|
2599
|
+
}), lo = ["data-key", "aria-labelledby"], oo = ["id"], so = { class: "q-property-list-group__content" }, ao = /* @__PURE__ */ C({
|
|
2564
2600
|
__name: "QPropertyListGroup",
|
|
2565
2601
|
props: {
|
|
2566
2602
|
id: {},
|
|
2567
2603
|
title: {},
|
|
2568
2604
|
noToggle: { type: Boolean, default: !1 },
|
|
2569
|
-
icons: { default: () =>
|
|
2605
|
+
icons: { default: () => mt },
|
|
2570
2606
|
texts: {}
|
|
2571
2607
|
},
|
|
2572
2608
|
emits: ["toggle-group"],
|
|
2573
2609
|
setup(n, { emit: t }) {
|
|
2574
|
-
const e = n, l = t, o = A(!0), s =
|
|
2610
|
+
const e = n, l = t, o = A(!0), s = ie(), a = y(() => o.value ? e.icons.open : e.icons.close), d = y(() => [
|
|
2575
2611
|
"q-property-list-group",
|
|
2576
2612
|
{
|
|
2577
2613
|
"q-property-list-group--no-toggle": e.noToggle
|
|
2578
2614
|
}
|
|
2579
2615
|
]);
|
|
2580
|
-
function
|
|
2616
|
+
function r() {
|
|
2581
2617
|
e.noToggle || (o.value = !o.value, l("toggle-group", e.id));
|
|
2582
2618
|
}
|
|
2583
|
-
return (u,
|
|
2584
|
-
class: T(
|
|
2619
|
+
return (u, b) => (i(), f("tr", {
|
|
2620
|
+
class: T(d.value),
|
|
2585
2621
|
role: "group",
|
|
2586
2622
|
"data-key": e.id,
|
|
2587
2623
|
"aria-labelledby": m(s),
|
|
2588
|
-
onClick:
|
|
2624
|
+
onClick: r
|
|
2589
2625
|
}, [
|
|
2590
2626
|
q("td", {
|
|
2591
2627
|
id: m(s),
|
|
2592
2628
|
colspan: "2"
|
|
2593
2629
|
}, [
|
|
2594
|
-
q("div",
|
|
2595
|
-
e.noToggle ?
|
|
2630
|
+
q("div", so, [
|
|
2631
|
+
e.noToggle ? g("", !0) : (i(), B(m(le), {
|
|
2596
2632
|
key: 0,
|
|
2597
2633
|
"b-style": "tertiary",
|
|
2598
2634
|
borderless: "",
|
|
2599
|
-
onClick:
|
|
2635
|
+
onClick: r
|
|
2600
2636
|
}, {
|
|
2601
|
-
default:
|
|
2602
|
-
D(m(O),
|
|
2637
|
+
default: w(() => [
|
|
2638
|
+
D(m(O), W(ne(a.value)), null, 16)
|
|
2603
2639
|
]),
|
|
2604
2640
|
_: 1
|
|
2605
2641
|
})),
|
|
2606
|
-
|
|
2642
|
+
ae(" " + E(e.title), 1)
|
|
2607
2643
|
])
|
|
2608
|
-
], 8,
|
|
2609
|
-
], 10,
|
|
2644
|
+
], 8, oo)
|
|
2645
|
+
], 10, lo));
|
|
2610
2646
|
}
|
|
2611
|
-
}),
|
|
2647
|
+
}), io = { class: "q-property-list-panel__container" }, ro = { class: "q-property-list-panel__label" }, uo = { class: "q-property-list-panel__description" }, co = {
|
|
2612
2648
|
key: 1,
|
|
2613
2649
|
class: "q-property-list-panel__empty"
|
|
2614
|
-
},
|
|
2650
|
+
}, fo = /* @__PURE__ */ C({
|
|
2615
2651
|
__name: "QPropertyListPanel",
|
|
2616
2652
|
props: {
|
|
2617
2653
|
field: { default: void 0 },
|
|
2618
2654
|
icons: {},
|
|
2619
|
-
texts: { default: () =>
|
|
2655
|
+
texts: { default: () => pt }
|
|
2620
2656
|
},
|
|
2621
2657
|
setup(n) {
|
|
2622
2658
|
const t = n;
|
|
2623
|
-
return (e, l) => (
|
|
2659
|
+
return (e, l) => (i(), f("div", io, [
|
|
2624
2660
|
t.field ? p(e.$slots, "default", { key: 0 }, () => [
|
|
2625
|
-
q("div",
|
|
2626
|
-
q("div",
|
|
2627
|
-
]) : (
|
|
2661
|
+
q("div", ro, E(t.field.label), 1),
|
|
2662
|
+
q("div", uo, E(t.field.description), 1)
|
|
2663
|
+
]) : (i(), f("div", co, E(t.texts.emptyMessage), 1))
|
|
2628
2664
|
]));
|
|
2629
2665
|
}
|
|
2630
|
-
}),
|
|
2666
|
+
}), po = I(eo), ht = I(no), yt = I(ao), vt = I(fo), mo = {
|
|
2631
2667
|
placeholder: "Choose...",
|
|
2632
2668
|
clearValue: "Clear value",
|
|
2633
2669
|
showOptions: "Show options"
|
|
2634
|
-
},
|
|
2670
|
+
}, ho = {
|
|
2635
2671
|
chevron: {
|
|
2636
2672
|
icon: "chevron-down"
|
|
2637
2673
|
},
|
|
2638
2674
|
clear: {
|
|
2639
2675
|
icon: "close"
|
|
2640
2676
|
}
|
|
2641
|
-
},
|
|
2677
|
+
}, yo = {
|
|
2642
2678
|
key: 0,
|
|
2643
2679
|
class: "q-select__value"
|
|
2644
|
-
},
|
|
2680
|
+
}, vo = {
|
|
2645
2681
|
key: 1,
|
|
2646
2682
|
class: "q-select__placeholder"
|
|
2647
|
-
},
|
|
2683
|
+
}, bo = ["data-key"], go = {
|
|
2648
2684
|
key: 0,
|
|
2649
2685
|
class: "q-select__loader"
|
|
2650
|
-
},
|
|
2686
|
+
}, _o = /* @__PURE__ */ C({
|
|
2651
2687
|
inheritAttrs: !1,
|
|
2652
2688
|
__name: "QSelect",
|
|
2653
2689
|
props: /* @__PURE__ */ G({
|
|
@@ -2665,8 +2701,8 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2665
2701
|
emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
2666
2702
|
size: { default: void 0 },
|
|
2667
2703
|
class: { default: "" },
|
|
2668
|
-
icons: { default: () =>
|
|
2669
|
-
texts: { default: () =>
|
|
2704
|
+
icons: { default: () => ho },
|
|
2705
|
+
texts: { default: () => mo }
|
|
2670
2706
|
}, {
|
|
2671
2707
|
modelValue: {
|
|
2672
2708
|
type: [String, Number, Boolean, Symbol]
|
|
@@ -2675,82 +2711,82 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2675
2711
|
}),
|
|
2676
2712
|
emits: /* @__PURE__ */ G(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
|
|
2677
2713
|
setup(n, { emit: t }) {
|
|
2678
|
-
const e = n, l = t, o =
|
|
2714
|
+
const e = n, l = t, o = K(n, "modelValue"), s = A(!1), a = A(""), d = A(null), r = A(null), u = A(null), b = y(() => x.value === void 0), x = y(
|
|
2679
2715
|
() => {
|
|
2680
2716
|
var h;
|
|
2681
2717
|
return (h = e.items) == null ? void 0 : h.find(($) => $[e.itemValue] === o.value);
|
|
2682
2718
|
}
|
|
2683
|
-
),
|
|
2684
|
-
() =>
|
|
2685
|
-
),
|
|
2719
|
+
), R = y(
|
|
2720
|
+
() => x.value ? x.value[e.itemLabel] : ""
|
|
2721
|
+
), P = y(
|
|
2686
2722
|
() => e.clearable && !e.readonly && !e.disabled && !e.loading
|
|
2687
2723
|
);
|
|
2688
|
-
function
|
|
2689
|
-
o.value = h,
|
|
2724
|
+
function z(h) {
|
|
2725
|
+
o.value = h, Q();
|
|
2690
2726
|
}
|
|
2691
|
-
function
|
|
2692
|
-
|
|
2727
|
+
function _() {
|
|
2728
|
+
P.value && (z(e.emptyValue), ce());
|
|
2693
2729
|
}
|
|
2694
|
-
function
|
|
2695
|
-
var $,
|
|
2696
|
-
!(($ = u.value) != null && $.contains(h.relatedTarget)) && !((re = (
|
|
2730
|
+
function V(h) {
|
|
2731
|
+
var $, J, re;
|
|
2732
|
+
!(($ = u.value) != null && $.contains(h.relatedTarget)) && !((re = (J = d.value) == null ? void 0 : J.fieldRef) != null && re.contains(h.relatedTarget)) && Q();
|
|
2697
2733
|
}
|
|
2698
|
-
function
|
|
2734
|
+
function M() {
|
|
2699
2735
|
s.value || (l("before-show"), s.value = !0);
|
|
2700
2736
|
}
|
|
2701
|
-
function
|
|
2737
|
+
function Q() {
|
|
2702
2738
|
s.value && (l("before-hide"), s.value = !1);
|
|
2703
2739
|
}
|
|
2704
|
-
function
|
|
2705
|
-
e.readonly || e.disabled || (s.value ?
|
|
2740
|
+
function oe() {
|
|
2741
|
+
e.readonly || e.disabled || (s.value ? Q() : M());
|
|
2706
2742
|
}
|
|
2707
|
-
let
|
|
2708
|
-
function
|
|
2743
|
+
let ee;
|
|
2744
|
+
function N(h) {
|
|
2709
2745
|
if (!(!h.key || e.readonly || e.disabled)) {
|
|
2710
|
-
if (window.clearTimeout(
|
|
2711
|
-
|
|
2746
|
+
if (window.clearTimeout(ee), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(h.key) && (h.preventDefault(), h.stopPropagation()), ["Enter", " "].includes(h.key) && (s.value = !0), ["Escape", "Tab"].includes(h.key) && (s.value ? s.value = !1 : P.value && h.key === "Escape" && _()), h.key === "Delete" && e.clearable && _(), /^[a-z]$/i.test(h.key)) {
|
|
2747
|
+
a.value += h.key.toLowerCase();
|
|
2712
2748
|
for (let $ = 0; $ < e.items.length; $++)
|
|
2713
|
-
if (e.items[$][e.itemLabel].toLowerCase().startsWith(
|
|
2749
|
+
if (e.items[$][e.itemLabel].toLowerCase().startsWith(a.value)) {
|
|
2714
2750
|
S($);
|
|
2715
2751
|
break;
|
|
2716
2752
|
}
|
|
2717
2753
|
}
|
|
2718
|
-
|
|
2719
|
-
|
|
2754
|
+
ee = window.setTimeout(function() {
|
|
2755
|
+
a.value = "";
|
|
2720
2756
|
}, 500);
|
|
2721
2757
|
}
|
|
2722
2758
|
}
|
|
2723
|
-
function
|
|
2759
|
+
function se() {
|
|
2724
2760
|
var h;
|
|
2725
2761
|
e.loading ? (h = u.value) == null || h.focus() : v(), l("show");
|
|
2726
2762
|
}
|
|
2727
|
-
function
|
|
2728
|
-
|
|
2763
|
+
function X() {
|
|
2764
|
+
ce(), l("hide");
|
|
2729
2765
|
}
|
|
2730
|
-
function
|
|
2766
|
+
function ce() {
|
|
2731
2767
|
var h, $;
|
|
2732
|
-
($ = (h =
|
|
2768
|
+
($ = (h = d.value) == null ? void 0 : h.fieldRef) == null || $.focus();
|
|
2733
2769
|
}
|
|
2734
2770
|
function v() {
|
|
2735
2771
|
var h;
|
|
2736
|
-
(h =
|
|
2772
|
+
(h = r.value) == null || h.$el.focus();
|
|
2737
2773
|
}
|
|
2738
2774
|
function S(h) {
|
|
2739
2775
|
var $;
|
|
2740
|
-
($ =
|
|
2776
|
+
($ = r.value) == null || $.focusItem(h);
|
|
2741
2777
|
}
|
|
2742
|
-
return
|
|
2778
|
+
return Z(
|
|
2743
2779
|
() => e.loading,
|
|
2744
2780
|
(h) => {
|
|
2745
|
-
!h && s.value &&
|
|
2781
|
+
!h && s.value && te(v);
|
|
2746
2782
|
}
|
|
2747
2783
|
), (h, $) => {
|
|
2748
|
-
var
|
|
2749
|
-
return
|
|
2784
|
+
var J, re;
|
|
2785
|
+
return i(), f(U, null, [
|
|
2750
2786
|
D(m(Le), H({
|
|
2751
2787
|
id: e.id,
|
|
2752
2788
|
ref_key: "triggerEl",
|
|
2753
|
-
ref:
|
|
2789
|
+
ref: d,
|
|
2754
2790
|
label: e.label,
|
|
2755
2791
|
required: e.required,
|
|
2756
2792
|
role: "combobox",
|
|
@@ -2771,26 +2807,26 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2771
2807
|
"aria-haspopup": "listbox",
|
|
2772
2808
|
size: e.size
|
|
2773
2809
|
}, h.$attrs, {
|
|
2774
|
-
onClick:
|
|
2775
|
-
onKeydown:
|
|
2776
|
-
}),
|
|
2777
|
-
append:
|
|
2810
|
+
onClick: oe,
|
|
2811
|
+
onKeydown: ue(N, ["stop"])
|
|
2812
|
+
}), ye({
|
|
2813
|
+
append: w(() => [
|
|
2778
2814
|
p(h.$slots, "append"),
|
|
2779
|
-
|
|
2815
|
+
P.value && o.value ? (i(), B(m(le), {
|
|
2780
2816
|
key: 0,
|
|
2781
2817
|
class: "q-select__clear",
|
|
2782
2818
|
"aria-label": e.texts.clearValue,
|
|
2783
2819
|
"b-style": "plain",
|
|
2784
2820
|
borderless: "",
|
|
2785
2821
|
tabindex: "-1",
|
|
2786
|
-
onClick:
|
|
2822
|
+
onClick: _
|
|
2787
2823
|
}, {
|
|
2788
|
-
default:
|
|
2789
|
-
D(m(O),
|
|
2824
|
+
default: w(() => [
|
|
2825
|
+
D(m(O), W(ne(e.icons.clear)), null, 16)
|
|
2790
2826
|
]),
|
|
2791
2827
|
_: 1
|
|
2792
|
-
}, 8, ["aria-label"])) :
|
|
2793
|
-
e.readonly ?
|
|
2828
|
+
}, 8, ["aria-label"])) : g("", !0),
|
|
2829
|
+
e.readonly ? g("", !0) : (i(), B(m(le), {
|
|
2794
2830
|
key: 1,
|
|
2795
2831
|
class: "q-select__chevron",
|
|
2796
2832
|
"aria-label": e.texts.showOptions,
|
|
@@ -2798,56 +2834,56 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2798
2834
|
borderless: "",
|
|
2799
2835
|
tabindex: "-1",
|
|
2800
2836
|
disabled: e.disabled,
|
|
2801
|
-
onClick:
|
|
2837
|
+
onClick: oe
|
|
2802
2838
|
}, {
|
|
2803
|
-
default:
|
|
2804
|
-
D(m(O),
|
|
2839
|
+
default: w(() => [
|
|
2840
|
+
D(m(O), W(ne(e.icons.chevron)), null, 16)
|
|
2805
2841
|
]),
|
|
2806
2842
|
_: 1
|
|
2807
2843
|
}, 8, ["aria-label", "disabled"]))
|
|
2808
2844
|
]),
|
|
2809
|
-
default:
|
|
2810
|
-
|
|
2811
|
-
!e.readonly && !e.disabled ? (
|
|
2812
|
-
|
|
2813
|
-
], 64)) :
|
|
2814
|
-
])) : (
|
|
2845
|
+
default: w(() => [
|
|
2846
|
+
b.value ? (i(), f("span", vo, [
|
|
2847
|
+
!e.readonly && !e.disabled ? (i(), f(U, { key: 0 }, [
|
|
2848
|
+
ae(E(e.texts.placeholder), 1)
|
|
2849
|
+
], 64)) : g("", !0)
|
|
2850
|
+
])) : (i(), f("span", yo, E(R.value), 1))
|
|
2815
2851
|
]),
|
|
2816
2852
|
_: 2
|
|
2817
2853
|
}, [
|
|
2818
|
-
(
|
|
2854
|
+
(J = x.value) != null && J.icon || h.$slots.prepend ? {
|
|
2819
2855
|
name: "prepend",
|
|
2820
|
-
fn:
|
|
2821
|
-
var
|
|
2856
|
+
fn: w(() => {
|
|
2857
|
+
var Y, de;
|
|
2822
2858
|
return [
|
|
2823
2859
|
p(h.$slots, "prepend"),
|
|
2824
|
-
(
|
|
2860
|
+
(Y = x.value) != null && Y.icon ? (i(), B(m(O), W(H({ key: 0 }, (de = x.value) == null ? void 0 : de.icon)), null, 16)) : g("", !0)
|
|
2825
2861
|
];
|
|
2826
2862
|
}),
|
|
2827
2863
|
key: "0"
|
|
2828
2864
|
} : void 0,
|
|
2829
2865
|
h.$slots.extras ? {
|
|
2830
2866
|
name: "extras",
|
|
2831
|
-
fn:
|
|
2867
|
+
fn: w(() => [
|
|
2832
2868
|
p(h.$slots, "extras")
|
|
2833
2869
|
]),
|
|
2834
2870
|
key: "1"
|
|
2835
2871
|
} : void 0
|
|
2836
2872
|
]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
|
|
2837
|
-
D(m(
|
|
2873
|
+
D(m(ve), {
|
|
2838
2874
|
modelValue: s.value,
|
|
2839
|
-
"onUpdate:modelValue": $[0] || ($[0] = (
|
|
2875
|
+
"onUpdate:modelValue": $[0] || ($[0] = (Y) => s.value = Y),
|
|
2840
2876
|
spy: "",
|
|
2841
2877
|
trigger: "manual",
|
|
2842
2878
|
placement: "bottom-start",
|
|
2843
2879
|
width: "anchor",
|
|
2844
2880
|
"scroll-lock": "",
|
|
2845
|
-
anchor: (re =
|
|
2881
|
+
anchor: (re = d.value) == null ? void 0 : re.$el,
|
|
2846
2882
|
offset: 2,
|
|
2847
|
-
onEnter:
|
|
2848
|
-
onLeave:
|
|
2883
|
+
onEnter: se,
|
|
2884
|
+
onLeave: X
|
|
2849
2885
|
}, {
|
|
2850
|
-
default:
|
|
2886
|
+
default: w(() => [
|
|
2851
2887
|
q("div", {
|
|
2852
2888
|
ref_key: "contentRef",
|
|
2853
2889
|
ref: u,
|
|
@@ -2855,16 +2891,16 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2855
2891
|
"data-key": e.id,
|
|
2856
2892
|
class: "q-select__body",
|
|
2857
2893
|
tabindex: "-1",
|
|
2858
|
-
onFocusout:
|
|
2859
|
-
onKeydown:
|
|
2894
|
+
onFocusout: V,
|
|
2895
|
+
onKeydown: ue(N, ["stop"])
|
|
2860
2896
|
}, [
|
|
2861
2897
|
p(h.$slots, "body.prepend"),
|
|
2862
|
-
e.loading ? (
|
|
2863
|
-
D(m(
|
|
2864
|
-
])) : (
|
|
2898
|
+
e.loading ? (i(), f("div", go, [
|
|
2899
|
+
D(m(_e), { size: 24 })
|
|
2900
|
+
])) : (i(), B(m(Ue), {
|
|
2865
2901
|
key: 1,
|
|
2866
2902
|
ref_key: "listRef",
|
|
2867
|
-
ref:
|
|
2903
|
+
ref: r,
|
|
2868
2904
|
class: "q-select__items",
|
|
2869
2905
|
selectable: "",
|
|
2870
2906
|
"model-value": o.value,
|
|
@@ -2872,22 +2908,22 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2872
2908
|
groups: h.groups,
|
|
2873
2909
|
"item-label": e.itemLabel,
|
|
2874
2910
|
"item-value": e.itemValue,
|
|
2875
|
-
"onUpdate:modelValue":
|
|
2911
|
+
"onUpdate:modelValue": z
|
|
2876
2912
|
}, {
|
|
2877
|
-
item:
|
|
2878
|
-
p(h.$slots, "item", { item:
|
|
2913
|
+
item: w(({ item: Y }) => [
|
|
2914
|
+
p(h.$slots, "item", { item: Y })
|
|
2879
2915
|
]),
|
|
2880
2916
|
_: 3
|
|
2881
2917
|
}, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
|
|
2882
2918
|
p(h.$slots, "body.append")
|
|
2883
|
-
], 40,
|
|
2919
|
+
], 40, bo)
|
|
2884
2920
|
]),
|
|
2885
2921
|
_: 3
|
|
2886
2922
|
}, 8, ["modelValue", "anchor"])
|
|
2887
2923
|
], 64);
|
|
2888
2924
|
};
|
|
2889
2925
|
}
|
|
2890
|
-
}),
|
|
2926
|
+
}), $o = I(_o), ko = /* @__PURE__ */ C({
|
|
2891
2927
|
__name: "QSkeletonLoader",
|
|
2892
2928
|
props: {
|
|
2893
2929
|
type: { default: void 0 },
|
|
@@ -2902,27 +2938,27 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2902
2938
|
height: s
|
|
2903
2939
|
};
|
|
2904
2940
|
});
|
|
2905
|
-
return (o, s) => (
|
|
2941
|
+
return (o, s) => (i(), f("div", {
|
|
2906
2942
|
class: T(["q-skeleton-loader", e.value]),
|
|
2907
|
-
style:
|
|
2943
|
+
style: fe(l.value)
|
|
2908
2944
|
}, s[0] || (s[0] = [
|
|
2909
2945
|
q("div", { class: "q-skeleton-loader__bone" }, null, -1)
|
|
2910
2946
|
]), 6));
|
|
2911
2947
|
}
|
|
2912
|
-
}),
|
|
2948
|
+
}), wo = I(ko), qo = /* @__PURE__ */ C({
|
|
2913
2949
|
__name: "QThemeProvider",
|
|
2914
2950
|
props: {
|
|
2915
2951
|
theme: {}
|
|
2916
2952
|
},
|
|
2917
2953
|
setup(n) {
|
|
2918
2954
|
const t = n;
|
|
2919
|
-
return (e, l) => (
|
|
2955
|
+
return (e, l) => (i(), f("div", {
|
|
2920
2956
|
class: T(["q-theme-provider", `q-theme--${t.theme}`])
|
|
2921
2957
|
}, [
|
|
2922
2958
|
p(e.$slots, "default")
|
|
2923
2959
|
], 2));
|
|
2924
2960
|
}
|
|
2925
|
-
}),
|
|
2961
|
+
}), xo = I(qo), So = ["innerHTML"], Lo = /* @__PURE__ */ C({
|
|
2926
2962
|
__name: "QTooltip",
|
|
2927
2963
|
props: /* @__PURE__ */ G({
|
|
2928
2964
|
id: { default: void 0 },
|
|
@@ -2945,12 +2981,12 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2945
2981
|
}),
|
|
2946
2982
|
emits: ["update:modelValue"],
|
|
2947
2983
|
setup(n) {
|
|
2948
|
-
const t = n, e =
|
|
2949
|
-
return (o, s) => (
|
|
2984
|
+
const t = n, e = K(n, "modelValue"), l = ie(t.id);
|
|
2985
|
+
return (o, s) => (i(), f(U, null, [
|
|
2950
2986
|
p(o.$slots, "anchor", {
|
|
2951
2987
|
props: { "aria-describedby": m(l) }
|
|
2952
2988
|
}),
|
|
2953
|
-
D(m(
|
|
2989
|
+
D(m(ve), {
|
|
2954
2990
|
id: m(l),
|
|
2955
2991
|
"model-value": e.value,
|
|
2956
2992
|
anchor: t.anchor,
|
|
@@ -2966,14 +3002,14 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2966
3002
|
placement: t.placement,
|
|
2967
3003
|
trigger: t.trigger
|
|
2968
3004
|
}, {
|
|
2969
|
-
default:
|
|
3005
|
+
default: w(() => [
|
|
2970
3006
|
p(o.$slots, "default", {}, () => [
|
|
2971
|
-
t.icon ? (
|
|
2972
|
-
t.html ? (
|
|
3007
|
+
t.icon ? (i(), B(m(O), W(H({ key: 0 }, t.icon)), null, 16)) : g("", !0),
|
|
3008
|
+
t.html ? (i(), f("span", {
|
|
2973
3009
|
key: 1,
|
|
2974
3010
|
innerHTML: t.text
|
|
2975
|
-
}, null, 8,
|
|
2976
|
-
|
|
3011
|
+
}, null, 8, So)) : (i(), f(U, { key: 2 }, [
|
|
3012
|
+
ae(E(t.text), 1)
|
|
2977
3013
|
], 64))
|
|
2978
3014
|
])
|
|
2979
3015
|
]),
|
|
@@ -2981,61 +3017,61 @@ const al = ["role"], il = /* @__PURE__ */ C({
|
|
|
2981
3017
|
}, 8, ["id", "model-value", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
|
|
2982
3018
|
], 64));
|
|
2983
3019
|
}
|
|
2984
|
-
}),
|
|
3020
|
+
}), Bo = I(Lo), Co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2985
3021
|
__proto__: null,
|
|
2986
|
-
QAccordion:
|
|
2987
|
-
QBadge:
|
|
2988
|
-
QButton:
|
|
2989
|
-
QButtonGroup:
|
|
2990
|
-
QButtonToggle:
|
|
2991
|
-
QCard:
|
|
2992
|
-
QCheckbox:
|
|
2993
|
-
QCollapsible:
|
|
2994
|
-
QCombobox:
|
|
2995
|
-
QDialog:
|
|
3022
|
+
QAccordion: Tt,
|
|
3023
|
+
QBadge: Zt,
|
|
3024
|
+
QButton: le,
|
|
3025
|
+
QButtonGroup: rt,
|
|
3026
|
+
QButtonToggle: tn,
|
|
3027
|
+
QCard: dt,
|
|
3028
|
+
QCheckbox: gn,
|
|
3029
|
+
QCollapsible: Cn,
|
|
3030
|
+
QCombobox: xl,
|
|
3031
|
+
QDialog: Ml,
|
|
2996
3032
|
QField: Le,
|
|
2997
3033
|
QIcon: O,
|
|
2998
|
-
QIconFont:
|
|
2999
|
-
QIconImg:
|
|
3000
|
-
QIconSvg:
|
|
3001
|
-
QInputGroup:
|
|
3002
|
-
QLineLoader:
|
|
3034
|
+
QIconFont: ot,
|
|
3035
|
+
QIconImg: st,
|
|
3036
|
+
QIconSvg: at,
|
|
3037
|
+
QInputGroup: Rl,
|
|
3038
|
+
QLineLoader: Hl,
|
|
3003
3039
|
QList: Ue,
|
|
3004
|
-
QListItem:
|
|
3005
|
-
QListItemGroup:
|
|
3006
|
-
QOverlay:
|
|
3007
|
-
QPopover:
|
|
3008
|
-
QPropertyList:
|
|
3009
|
-
QPropertyListGroup:
|
|
3010
|
-
QPropertyListPanel:
|
|
3011
|
-
QPropertyListRow:
|
|
3012
|
-
QSelect:
|
|
3013
|
-
QSkeletonLoader:
|
|
3014
|
-
QSpinnerLoader:
|
|
3015
|
-
QTextField:
|
|
3016
|
-
QThemeProvider:
|
|
3017
|
-
QTooltip:
|
|
3018
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
3019
|
-
function
|
|
3020
|
-
const n = ze(
|
|
3040
|
+
QListItem: ut,
|
|
3041
|
+
QListItemGroup: ct,
|
|
3042
|
+
QOverlay: ve,
|
|
3043
|
+
QPopover: Zl,
|
|
3044
|
+
QPropertyList: po,
|
|
3045
|
+
QPropertyListGroup: yt,
|
|
3046
|
+
QPropertyListPanel: vt,
|
|
3047
|
+
QPropertyListRow: ht,
|
|
3048
|
+
QSelect: $o,
|
|
3049
|
+
QSkeletonLoader: wo,
|
|
3050
|
+
QSpinnerLoader: _e,
|
|
3051
|
+
QTextField: ft,
|
|
3052
|
+
QThemeProvider: xo,
|
|
3053
|
+
QTooltip: Bo
|
|
3054
|
+
}, Symbol.toStringTag, { value: "Module" })), ge = "q-theme";
|
|
3055
|
+
function Io() {
|
|
3056
|
+
const n = ze(ge);
|
|
3021
3057
|
if (!n)
|
|
3022
3058
|
throw new Error("[Quidgest UI] Could not find theme instance");
|
|
3023
3059
|
return n;
|
|
3024
3060
|
}
|
|
3025
|
-
function
|
|
3026
|
-
const t =
|
|
3061
|
+
function Mo(n) {
|
|
3062
|
+
const t = Io(), e = {
|
|
3027
3063
|
activeTheme: A(n),
|
|
3028
3064
|
themes: t.themes
|
|
3029
3065
|
};
|
|
3030
|
-
return De(
|
|
3066
|
+
return De(ge, e), e;
|
|
3031
3067
|
}
|
|
3032
|
-
function
|
|
3068
|
+
function To() {
|
|
3033
3069
|
let n = document.getElementById(
|
|
3034
|
-
|
|
3070
|
+
ge
|
|
3035
3071
|
);
|
|
3036
|
-
return n || (n = document.createElement("style"), n.id =
|
|
3072
|
+
return n || (n = document.createElement("style"), n.id = ge, document.head.appendChild(n)), n;
|
|
3037
3073
|
}
|
|
3038
|
-
function
|
|
3074
|
+
function Vo(n) {
|
|
3039
3075
|
let t = "";
|
|
3040
3076
|
for (const l of n) {
|
|
3041
3077
|
t += `.q-theme--${l.name} {
|
|
@@ -3043,34 +3079,34 @@ function Io(n) {
|
|
|
3043
3079
|
const o = l.scheme;
|
|
3044
3080
|
let s;
|
|
3045
3081
|
for (s in o) {
|
|
3046
|
-
const
|
|
3047
|
-
if (
|
|
3048
|
-
t += ` ${
|
|
3082
|
+
const a = o[s];
|
|
3083
|
+
if (a) {
|
|
3084
|
+
t += ` ${Ze(s)}: ${a};
|
|
3049
3085
|
`;
|
|
3050
|
-
const
|
|
3051
|
-
t += ` ${
|
|
3086
|
+
const d = it(a);
|
|
3087
|
+
t += ` ${Ze(s)}-rgb: ${d.r} ${d.g} ${d.b};
|
|
3052
3088
|
`;
|
|
3053
3089
|
}
|
|
3054
3090
|
}
|
|
3055
3091
|
t += `}
|
|
3056
3092
|
`;
|
|
3057
3093
|
}
|
|
3058
|
-
const e =
|
|
3094
|
+
const e = To();
|
|
3059
3095
|
e.textContent = t;
|
|
3060
3096
|
}
|
|
3061
|
-
function
|
|
3062
|
-
return n ? `--q-theme-${
|
|
3097
|
+
function Ze(n) {
|
|
3098
|
+
return n ? `--q-theme-${lt(n)}` : "";
|
|
3063
3099
|
}
|
|
3064
|
-
function
|
|
3100
|
+
function Ao(n = {}) {
|
|
3065
3101
|
return { install: (e) => {
|
|
3066
3102
|
const l = n.components || {};
|
|
3067
3103
|
for (const s in l)
|
|
3068
3104
|
e.component(s, l[s]);
|
|
3069
3105
|
const o = n.defaults || {};
|
|
3070
|
-
e.provide(Oe, A(o)),
|
|
3106
|
+
e.provide(Oe, A(o)), Eo(e, n.themes);
|
|
3071
3107
|
} };
|
|
3072
3108
|
}
|
|
3073
|
-
function
|
|
3109
|
+
function Eo(n, t) {
|
|
3074
3110
|
const e = [];
|
|
3075
3111
|
let l;
|
|
3076
3112
|
if (!t)
|
|
@@ -3081,11 +3117,11 @@ function Vo(n, t) {
|
|
|
3081
3117
|
});
|
|
3082
3118
|
else
|
|
3083
3119
|
for (const o of t.themes) {
|
|
3084
|
-
const
|
|
3120
|
+
const a = { ...o.mode === "light" ? Ee : et, ...o.colors };
|
|
3085
3121
|
e.push({
|
|
3086
3122
|
name: o.name,
|
|
3087
3123
|
mode: o.mode,
|
|
3088
|
-
scheme:
|
|
3124
|
+
scheme: a
|
|
3089
3125
|
}), o.name === t.defaultTheme && (l = o.name);
|
|
3090
3126
|
}
|
|
3091
3127
|
if (l) {
|
|
@@ -3093,18 +3129,18 @@ function Vo(n, t) {
|
|
|
3093
3129
|
activeTheme: A(l),
|
|
3094
3130
|
themes: e
|
|
3095
3131
|
};
|
|
3096
|
-
|
|
3132
|
+
Vo(e), Z(o.activeTheme, Qo, { immediate: !0 }), n.provide(ge, o);
|
|
3097
3133
|
}
|
|
3098
3134
|
}
|
|
3099
|
-
function
|
|
3135
|
+
function Qo(n) {
|
|
3100
3136
|
const t = document.documentElement, l = Array.from(t.classList).filter((o) => !o.startsWith("q-theme"));
|
|
3101
3137
|
t.className = l.join(" "), t.classList.add(`q-theme--${n}`);
|
|
3102
3138
|
}
|
|
3103
|
-
const
|
|
3139
|
+
const Fo = (n = {}) => Ao({ components: Co, ...n });
|
|
3104
3140
|
export {
|
|
3105
|
-
|
|
3106
|
-
|
|
3107
|
-
|
|
3108
|
-
|
|
3109
|
-
|
|
3141
|
+
Co as components,
|
|
3142
|
+
Fo as createFramework,
|
|
3143
|
+
Mo as provideTheme,
|
|
3144
|
+
zo as templates,
|
|
3145
|
+
Io as useTheme
|
|
3110
3146
|
};
|