@quidgest/ui 0.14.1 → 0.14.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/manifest/components.json +1 -0
- package/dist/ui.css +105 -0
- package/dist/ui.esm.js +762 -681
- package/dist/ui.js +3 -3
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +91 -90
- package/dist/ui.scss +101 -1
- package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
- package/esm/components/QButtonToggle/QButtonToggle.vue.js +26 -23
- package/esm/components/QCheckbox/QCheckbox.d.ts +20 -0
- package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -0
- package/esm/components/QCheckbox/QCheckbox.vue.js +105 -0
- package/esm/components/QCheckbox/QCheckbox.vue2.js +4 -0
- package/esm/components/QCheckbox/index.d.ts +4 -0
- package/esm/components/QCheckbox/index.d.ts.map +1 -0
- package/esm/components/QCheckbox/index.js +6 -0
- package/esm/components/QCheckbox/types.d.ts +47 -0
- package/esm/components/QCheckbox/types.d.ts.map +1 -0
- package/esm/components/QCheckbox/types.js +11 -0
- package/esm/components/QCombobox/QCombobox.d.ts +1 -1
- package/esm/components/QPropertyList/QPropertyList.d.ts +1 -1
- package/esm/components/QPropertyList/QPropertyList.vue.js +1 -1
- package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListRow.vue.js +28 -25
- package/esm/components/QPropertyList/types.d.ts +5 -9
- package/esm/components/QPropertyList/types.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.d.ts +1 -1
- package/esm/components/QTooltip/QTooltip.d.ts +1 -0
- package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
- package/esm/components/QTooltip/QTooltip.vue.js +1 -1
- package/esm/components/QTooltip/types.d.ts +1 -1
- package/esm/components/QTooltip/types.d.ts.map +1 -1
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +42 -40
- package/esm/index.d.ts +1 -0
- package/package.json +24 -22
package/dist/ui.esm.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as B, computed as
|
|
1
|
+
import { defineComponent as B, computed as b, openBlock as r, createElementBlock as p, normalizeClass as T, normalizeStyle as ue, getCurrentInstance as He, ref as D, provide as Ge, inject as Re, withModifiers as ce, createVNode as M, unref as m, createCommentVNode as $, createElementVNode as L, Fragment as H, createTextVNode as pe, toDisplayString as z, renderSlot as h, createBlock as I, resolveDynamicComponent as Ce, h as ze, withCtx as _, normalizeProps as j, guardReactiveProps as le, toRef as Fe, mergeModels as Y, useModel as ee, renderList as he, withKeys as Ie, mergeProps as Z, reactive as Me, watch as oe, nextTick as ne, onMounted as Ke, onBeforeUnmount as ut, Teleport as ft, Transition as pt, createSlots as qe, withDirectives as mt, vModelDynamic as vt } from "vue";
|
|
2
2
|
/*!
|
|
3
|
-
* Quidgest UI v0.14.
|
|
3
|
+
* Quidgest UI v0.14.3
|
|
4
4
|
* (c) 2024 Quidgest - Consultores de Gestão, S.A.
|
|
5
5
|
* Released under the MIT License.
|
|
6
6
|
*/
|
|
7
|
-
const
|
|
7
|
+
const Se = {
|
|
8
8
|
primary: "#008ad2",
|
|
9
9
|
primaryLight: "#cde5ff",
|
|
10
10
|
primaryDark: "#006398",
|
|
@@ -35,7 +35,7 @@ const Ie = {
|
|
|
35
35
|
onWarning: "#fff",
|
|
36
36
|
onDanger: "#fff",
|
|
37
37
|
onInfo: "#fff"
|
|
38
|
-
},
|
|
38
|
+
}, je = {
|
|
39
39
|
primary: "#009ff5",
|
|
40
40
|
primaryLight: "#ade2ff",
|
|
41
41
|
primaryDark: "#164965",
|
|
@@ -66,10 +66,10 @@ const Ie = {
|
|
|
66
66
|
onWarning: "#fff",
|
|
67
67
|
onDanger: "#fff",
|
|
68
68
|
onInfo: "#fff"
|
|
69
|
-
},
|
|
69
|
+
}, Kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
70
70
|
__proto__: null,
|
|
71
|
-
defaultDarkColorScheme:
|
|
72
|
-
defaultLightColorScheme:
|
|
71
|
+
defaultDarkColorScheme: je,
|
|
72
|
+
defaultLightColorScheme: Se
|
|
73
73
|
}, Symbol.toStringTag, { value: "Module" })), ht = /* @__PURE__ */ B({
|
|
74
74
|
__name: "QSpinnerLoader",
|
|
75
75
|
props: {
|
|
@@ -77,29 +77,29 @@ const Ie = {
|
|
|
77
77
|
class: { default: void 0 }
|
|
78
78
|
},
|
|
79
79
|
setup(o) {
|
|
80
|
-
const t = o, e =
|
|
80
|
+
const t = o, e = b(() => ({
|
|
81
81
|
"font-size": t.size !== 48 ? `${t.size}px` : void 0
|
|
82
82
|
}));
|
|
83
83
|
return (n, l) => (r(), p("div", {
|
|
84
|
-
class:
|
|
84
|
+
class: T(["q-spinner-loader", t.class]),
|
|
85
85
|
style: ue(e.value)
|
|
86
86
|
}, null, 6));
|
|
87
87
|
}
|
|
88
88
|
});
|
|
89
|
-
function
|
|
89
|
+
function Be(o) {
|
|
90
90
|
return o == null ? !0 : typeof o == "string" || Array.isArray(o) ? o.length === 0 : typeof o == "object" ? Object.keys(o).length === 0 : !1;
|
|
91
91
|
}
|
|
92
|
-
function
|
|
92
|
+
function Pe(o) {
|
|
93
93
|
return o !== null && typeof o == "object" && !Array.isArray(o);
|
|
94
94
|
}
|
|
95
|
-
function
|
|
95
|
+
function Te(o = {}, t = {}) {
|
|
96
96
|
const e = {};
|
|
97
97
|
for (const n in o)
|
|
98
98
|
e[n] = o[n];
|
|
99
99
|
for (const n in t) {
|
|
100
100
|
const l = o[n], s = t[n];
|
|
101
|
-
if (
|
|
102
|
-
e[n] =
|
|
101
|
+
if (Pe(l) && Pe(s)) {
|
|
102
|
+
e[n] = Te(
|
|
103
103
|
l,
|
|
104
104
|
s
|
|
105
105
|
);
|
|
@@ -109,47 +109,47 @@ function Ce(o = {}, t = {}) {
|
|
|
109
109
|
}
|
|
110
110
|
return e;
|
|
111
111
|
}
|
|
112
|
-
const
|
|
112
|
+
const Ve = "q-defaults";
|
|
113
113
|
function yt() {
|
|
114
114
|
var s, i;
|
|
115
|
-
const o =
|
|
115
|
+
const o = He();
|
|
116
116
|
if (!o)
|
|
117
117
|
throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
|
|
118
118
|
const t = o.type.name ?? o.type.__name;
|
|
119
119
|
if (!t) throw new Error("[Quidgest UI] Could not determine component name");
|
|
120
|
-
const e =
|
|
121
|
-
return
|
|
120
|
+
const e = Xe(), n = (s = e.value) == null ? void 0 : s.Global, l = (i = e.value) == null ? void 0 : i[t];
|
|
121
|
+
return b(() => Te(n, l));
|
|
122
122
|
}
|
|
123
|
-
function
|
|
124
|
-
if (
|
|
125
|
-
const t =
|
|
126
|
-
|
|
123
|
+
function We(o) {
|
|
124
|
+
if (Be(o)) return;
|
|
125
|
+
const t = Xe(), e = D(o), n = b(() => Be(e.value) ? t.value : Te(t.value, e.value));
|
|
126
|
+
Ge(Ve, n);
|
|
127
127
|
}
|
|
128
|
-
function
|
|
129
|
-
const o =
|
|
128
|
+
function Xe() {
|
|
129
|
+
const o = Re(Ve, void 0);
|
|
130
130
|
if (!o) throw new Error("[Quidgest UI] Could not find defaults instance");
|
|
131
131
|
return o;
|
|
132
132
|
}
|
|
133
|
-
function
|
|
133
|
+
function Ye(o) {
|
|
134
134
|
return o.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();
|
|
135
135
|
}
|
|
136
136
|
function bt(o, t) {
|
|
137
137
|
var n;
|
|
138
|
-
const e =
|
|
138
|
+
const e = Ye(t);
|
|
139
139
|
return e ? typeof ((n = o.props) == null ? void 0 : n[e]) < "u" : !1;
|
|
140
140
|
}
|
|
141
141
|
function C(o) {
|
|
142
142
|
const t = o.setup;
|
|
143
143
|
return t && (o.setup = (e, n) => {
|
|
144
144
|
const l = yt();
|
|
145
|
-
if (
|
|
146
|
-
const s =
|
|
145
|
+
if (Be(l.value)) return t(e, n);
|
|
146
|
+
const s = He();
|
|
147
147
|
if (s === null) return t(e, n);
|
|
148
148
|
const i = new Proxy(e, {
|
|
149
149
|
get(a, d) {
|
|
150
|
-
var
|
|
151
|
-
const
|
|
152
|
-
return typeof d == "string" && !bt(s.vnode, d) ? w ??
|
|
150
|
+
var S;
|
|
151
|
+
const u = Reflect.get(a, d), w = (S = l.value) == null ? void 0 : S[d];
|
|
152
|
+
return typeof d == "string" && !bt(s.vnode, d) ? w ?? u : u;
|
|
153
153
|
}
|
|
154
154
|
});
|
|
155
155
|
return t(i, n);
|
|
@@ -158,7 +158,7 @@ function C(o) {
|
|
|
158
158
|
const xe = C(ht), gt = ["disabled"], _t = {
|
|
159
159
|
key: 0,
|
|
160
160
|
class: "q-btn__spinner"
|
|
161
|
-
}, kt = { class: "q-btn__content" },
|
|
161
|
+
}, kt = { class: "q-btn__content" }, $t = /* @__PURE__ */ B({
|
|
162
162
|
__name: "QButton",
|
|
163
163
|
props: {
|
|
164
164
|
active: { type: Boolean },
|
|
@@ -175,11 +175,11 @@ const xe = C(ht), gt = ["disabled"], _t = {
|
|
|
175
175
|
},
|
|
176
176
|
emits: ["click"],
|
|
177
177
|
setup(o, { emit: t }) {
|
|
178
|
-
const e = o, n = t, l =
|
|
178
|
+
const e = o, n = t, l = b(() => e.disabled || e.loading);
|
|
179
179
|
function s(a) {
|
|
180
180
|
l.value || n("click", a);
|
|
181
181
|
}
|
|
182
|
-
const i =
|
|
182
|
+
const i = b(() => {
|
|
183
183
|
const a = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
|
|
184
184
|
return [
|
|
185
185
|
"q-btn",
|
|
@@ -197,25 +197,25 @@ const xe = C(ht), gt = ["disabled"], _t = {
|
|
|
197
197
|
});
|
|
198
198
|
return (a, d) => (r(), p("button", {
|
|
199
199
|
type: "button",
|
|
200
|
-
class:
|
|
200
|
+
class: T(i.value),
|
|
201
201
|
disabled: l.value,
|
|
202
|
-
onClick:
|
|
202
|
+
onClick: ce(s, ["stop", "prevent"])
|
|
203
203
|
}, [
|
|
204
204
|
a.loading ? (r(), p("div", _t, [
|
|
205
|
-
|
|
206
|
-
])) :
|
|
205
|
+
M(m(xe), { size: 20 })
|
|
206
|
+
])) : $("", !0),
|
|
207
207
|
L("span", kt, [
|
|
208
|
-
a.iconOnRight ? (r(), p(
|
|
209
|
-
|
|
210
|
-
], 64)) :
|
|
208
|
+
a.iconOnRight ? (r(), p(H, { key: 0 }, [
|
|
209
|
+
pe(z(e.label), 1)
|
|
210
|
+
], 64)) : $("", !0),
|
|
211
211
|
h(a.$slots, "default"),
|
|
212
|
-
a.iconOnRight ?
|
|
213
|
-
|
|
212
|
+
a.iconOnRight ? $("", !0) : (r(), p(H, { key: 1 }, [
|
|
213
|
+
pe(z(e.label), 1)
|
|
214
214
|
], 64))
|
|
215
215
|
])
|
|
216
216
|
], 10, gt));
|
|
217
217
|
}
|
|
218
|
-
}), re = C(
|
|
218
|
+
}), re = C($t), wt = /* @__PURE__ */ B({
|
|
219
219
|
__name: "QIcon",
|
|
220
220
|
props: {
|
|
221
221
|
icon: {},
|
|
@@ -224,20 +224,20 @@ const xe = C(ht), gt = ["disabled"], _t = {
|
|
|
224
224
|
type: { default: "svg" }
|
|
225
225
|
},
|
|
226
226
|
setup(o) {
|
|
227
|
-
const t = o, e =
|
|
227
|
+
const t = o, e = b(() => {
|
|
228
228
|
switch (t.type) {
|
|
229
229
|
case "svg":
|
|
230
|
-
return
|
|
230
|
+
return et;
|
|
231
231
|
case "font":
|
|
232
|
-
return Ye;
|
|
233
|
-
case "img":
|
|
234
232
|
return Ze;
|
|
233
|
+
case "img":
|
|
234
|
+
return Je;
|
|
235
235
|
default:
|
|
236
236
|
return;
|
|
237
237
|
}
|
|
238
238
|
});
|
|
239
|
-
return (n, l) => (r(),
|
|
240
|
-
class:
|
|
239
|
+
return (n, l) => (r(), I(Ce(e.value), {
|
|
240
|
+
class: T(t.class),
|
|
241
241
|
icon: t.icon,
|
|
242
242
|
size: t.size
|
|
243
243
|
}, null, 8, ["class", "icon", "size"]));
|
|
@@ -252,11 +252,11 @@ const xe = C(ht), gt = ["disabled"], _t = {
|
|
|
252
252
|
variant: { default: "" }
|
|
253
253
|
},
|
|
254
254
|
setup(o) {
|
|
255
|
-
const t = o, e =
|
|
255
|
+
const t = o, e = b(() => t.variant ? `${t.library}-${t.variant}` : t.library), n = b(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), l = b(() => ({
|
|
256
256
|
"font-size": t.size !== void 0 ? `${t.size}px` : void 0
|
|
257
257
|
}));
|
|
258
258
|
return (s, i) => (r(), p("i", {
|
|
259
|
-
class:
|
|
259
|
+
class: T(["q-icon", "q-icon__font", e.value, n.value, t.class]),
|
|
260
260
|
style: ue(l.value)
|
|
261
261
|
}, null, 6));
|
|
262
262
|
}
|
|
@@ -268,12 +268,12 @@ const xe = C(ht), gt = ["disabled"], _t = {
|
|
|
268
268
|
class: {}
|
|
269
269
|
},
|
|
270
270
|
setup(o) {
|
|
271
|
-
const t = o, e =
|
|
271
|
+
const t = o, e = b(() => ({
|
|
272
272
|
"font-size": t.size !== void 0 ? `${t.size}px` : void 0
|
|
273
273
|
}));
|
|
274
274
|
return (n, l) => (r(), p("img", {
|
|
275
275
|
src: t.icon,
|
|
276
|
-
class:
|
|
276
|
+
class: T(["q-icon", "q-icon__img", t.class]),
|
|
277
277
|
style: ue(e.value)
|
|
278
278
|
}, null, 14, xt));
|
|
279
279
|
}
|
|
@@ -288,9 +288,9 @@ const xe = C(ht), gt = ["disabled"], _t = {
|
|
|
288
288
|
render() {
|
|
289
289
|
if (!this.svgElSource) return null;
|
|
290
290
|
const o = this.getSvgContent(this.svgElSource);
|
|
291
|
-
if (!o) return
|
|
291
|
+
if (!o) return ze("div", this.$attrs);
|
|
292
292
|
const t = {};
|
|
293
|
-
return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, o), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = o.innerHTML,
|
|
293
|
+
return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, o), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = o.innerHTML, ze("svg", t);
|
|
294
294
|
},
|
|
295
295
|
props: {
|
|
296
296
|
/**
|
|
@@ -415,7 +415,7 @@ const Ct = /* @__PURE__ */ B({
|
|
|
415
415
|
},
|
|
416
416
|
emits: ["loaded", "unloaded"],
|
|
417
417
|
setup(o, { emit: t }) {
|
|
418
|
-
const e = o, n = t, l =
|
|
418
|
+
const e = o, n = t, l = b(() => ({
|
|
419
419
|
"font-size": e.size !== void 0 ? `${e.size}px` : void 0
|
|
420
420
|
}));
|
|
421
421
|
function s(a) {
|
|
@@ -424,8 +424,8 @@ const Ct = /* @__PURE__ */ B({
|
|
|
424
424
|
function i() {
|
|
425
425
|
n("unloaded");
|
|
426
426
|
}
|
|
427
|
-
return (a, d) => (r(),
|
|
428
|
-
class:
|
|
427
|
+
return (a, d) => (r(), I(m(It), {
|
|
428
|
+
class: T(["q-icon", "q-icon__svg", e.class]),
|
|
429
429
|
src: e.bundle,
|
|
430
430
|
symbol: e.icon,
|
|
431
431
|
style: ue(l.value),
|
|
@@ -433,7 +433,7 @@ const Ct = /* @__PURE__ */ B({
|
|
|
433
433
|
onUnloaded: i
|
|
434
434
|
}, null, 8, ["class", "src", "symbol", "style"]));
|
|
435
435
|
}
|
|
436
|
-
}),
|
|
436
|
+
}), U = C(wt), Ze = C(qt), Je = C(Lt), et = C(Ct), Tt = {
|
|
437
437
|
remove: {
|
|
438
438
|
icon: "close"
|
|
439
439
|
}
|
|
@@ -448,7 +448,7 @@ function Et(o) {
|
|
|
448
448
|
return { r: e, g: n, b: l };
|
|
449
449
|
}
|
|
450
450
|
}
|
|
451
|
-
function
|
|
451
|
+
function tt(o) {
|
|
452
452
|
if (Vt(o)) {
|
|
453
453
|
o.length === 4 && (o = "#" + o[1] + o[1] + o[2] + o[2] + o[3] + o[3]);
|
|
454
454
|
const t = parseInt(o.slice(1, 3), 16), e = parseInt(o.slice(3, 5), 16), n = parseInt(o.slice(5, 7), 16);
|
|
@@ -466,16 +466,16 @@ function Dt(o) {
|
|
|
466
466
|
if (l === s)
|
|
467
467
|
i = a = 0;
|
|
468
468
|
else {
|
|
469
|
-
const
|
|
470
|
-
switch (a = d > 0.5 ?
|
|
469
|
+
const u = l - s;
|
|
470
|
+
switch (a = d > 0.5 ? u / (2 - l - s) : u / (l + s), l) {
|
|
471
471
|
case t:
|
|
472
|
-
i = (e - n) /
|
|
472
|
+
i = (e - n) / u + (e < n ? 6 : 0);
|
|
473
473
|
break;
|
|
474
474
|
case e:
|
|
475
|
-
i = (n - t) /
|
|
475
|
+
i = (n - t) / u + 2;
|
|
476
476
|
break;
|
|
477
477
|
case n:
|
|
478
|
-
i = (t - e) /
|
|
478
|
+
i = (t - e) / u + 4;
|
|
479
479
|
break;
|
|
480
480
|
}
|
|
481
481
|
i /= 6;
|
|
@@ -489,7 +489,7 @@ function Dt(o) {
|
|
|
489
489
|
function At(o) {
|
|
490
490
|
return o > 50 ? "#000" : "#fff";
|
|
491
491
|
}
|
|
492
|
-
const Qt = { class: "q-badge__content" },
|
|
492
|
+
const Qt = { class: "q-badge__content" }, zt = /* @__PURE__ */ B({
|
|
493
493
|
__name: "QBadge",
|
|
494
494
|
props: {
|
|
495
495
|
color: { default: "primary" },
|
|
@@ -500,37 +500,37 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
|
|
|
500
500
|
},
|
|
501
501
|
emits: ["click:remove"],
|
|
502
502
|
setup(o, { emit: t }) {
|
|
503
|
-
const e = o, n = t, l =
|
|
503
|
+
const e = o, n = t, l = b(
|
|
504
504
|
() => ["primary", "info", "success", "warning", "danger"].includes(e.color)
|
|
505
|
-
), s =
|
|
505
|
+
), s = b(() => {
|
|
506
506
|
const d = l.value ? `q-badge--${e.color}` : void 0;
|
|
507
507
|
return ["q-badge", `q-badge--${e.variant}`, d, { "q-badge--pill": e.pill }];
|
|
508
|
-
}), i =
|
|
509
|
-
let d,
|
|
508
|
+
}), i = b(() => {
|
|
509
|
+
let d, u;
|
|
510
510
|
if (!l.value)
|
|
511
511
|
if (d = e.color, e.variant === "tonal")
|
|
512
|
-
|
|
512
|
+
u = e.color;
|
|
513
513
|
else {
|
|
514
|
-
const w =
|
|
515
|
-
|
|
514
|
+
const w = tt(d), S = Dt(w);
|
|
515
|
+
u = At(S.l);
|
|
516
516
|
}
|
|
517
517
|
return {
|
|
518
518
|
"--q-badge-color": d,
|
|
519
|
-
"--q-badge-text-color":
|
|
519
|
+
"--q-badge-text-color": u
|
|
520
520
|
};
|
|
521
521
|
});
|
|
522
522
|
function a() {
|
|
523
523
|
n("click:remove");
|
|
524
524
|
}
|
|
525
|
-
return (d,
|
|
526
|
-
class:
|
|
525
|
+
return (d, u) => (r(), p("span", {
|
|
526
|
+
class: T(s.value),
|
|
527
527
|
role: "presentation",
|
|
528
528
|
style: ue(i.value)
|
|
529
529
|
}, [
|
|
530
|
-
|
|
530
|
+
u[0] || (u[0] = L("div", { class: "q-badge__underlay" }, null, -1)),
|
|
531
531
|
L("div", Qt, [
|
|
532
532
|
h(d.$slots, "default"),
|
|
533
|
-
e.removable ? (r(),
|
|
533
|
+
e.removable ? (r(), I(m(re), {
|
|
534
534
|
key: 0,
|
|
535
535
|
class: "q-badge__remove",
|
|
536
536
|
borderless: "",
|
|
@@ -538,14 +538,14 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
|
|
|
538
538
|
onClick: a
|
|
539
539
|
}, {
|
|
540
540
|
default: _(() => [
|
|
541
|
-
|
|
541
|
+
M(m(U), j(le(e.icons.remove)), null, 16)
|
|
542
542
|
]),
|
|
543
543
|
_: 1
|
|
544
|
-
})) :
|
|
544
|
+
})) : $("", !0)
|
|
545
545
|
])
|
|
546
546
|
], 6));
|
|
547
547
|
}
|
|
548
|
-
}),
|
|
548
|
+
}), Ft = C(zt), Mt = /* @__PURE__ */ B({
|
|
549
549
|
__name: "QButtonGroup",
|
|
550
550
|
props: {
|
|
551
551
|
disabled: { type: Boolean },
|
|
@@ -555,7 +555,7 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
|
|
|
555
555
|
},
|
|
556
556
|
setup(o) {
|
|
557
557
|
const t = o;
|
|
558
|
-
return
|
|
558
|
+
return We({
|
|
559
559
|
QButton: {
|
|
560
560
|
bStyle: "secondary",
|
|
561
561
|
disabled: Fe(t, "disabled"),
|
|
@@ -563,7 +563,7 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
|
|
|
563
563
|
elevated: !1
|
|
564
564
|
}
|
|
565
565
|
}), (e, n) => (r(), p("div", {
|
|
566
|
-
class:
|
|
566
|
+
class: T([
|
|
567
567
|
"q-btn-group",
|
|
568
568
|
{
|
|
569
569
|
"q-btn-group--elevated": t.elevated
|
|
@@ -574,9 +574,9 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
|
|
|
574
574
|
h(e.$slots, "default")
|
|
575
575
|
], 2));
|
|
576
576
|
}
|
|
577
|
-
}),
|
|
577
|
+
}), ot = C(Mt), Pt = /* @__PURE__ */ B({
|
|
578
578
|
__name: "QButtonToggle",
|
|
579
|
-
props: /* @__PURE__ */
|
|
579
|
+
props: /* @__PURE__ */ Y({
|
|
580
580
|
options: {},
|
|
581
581
|
disabled: { type: Boolean },
|
|
582
582
|
borderless: { type: Boolean },
|
|
@@ -589,37 +589,119 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
|
|
|
589
589
|
}),
|
|
590
590
|
emits: ["update:modelValue"],
|
|
591
591
|
setup(o) {
|
|
592
|
-
const t = o, e =
|
|
592
|
+
const t = o, e = ee(o, "modelValue");
|
|
593
593
|
function n(l) {
|
|
594
594
|
e.value === l.key && !t.required ? e.value = void 0 : e.value = l.key;
|
|
595
595
|
}
|
|
596
|
-
return (l, s) => (r(),
|
|
596
|
+
return (l, s) => (r(), I(m(ot), {
|
|
597
597
|
"b-style": "secondary",
|
|
598
|
-
class:
|
|
598
|
+
class: T(t.class),
|
|
599
599
|
disabled: t.disabled,
|
|
600
600
|
borderless: t.borderless,
|
|
601
|
-
elevated: t.elevated
|
|
601
|
+
elevated: t.elevated,
|
|
602
|
+
role: "listbox"
|
|
602
603
|
}, {
|
|
603
604
|
default: _(() => [
|
|
604
|
-
(r(!0), p(
|
|
605
|
+
(r(!0), p(H, null, he(t.options, (i) => (r(), I(m(re), {
|
|
605
606
|
key: i.key,
|
|
606
607
|
title: i.title,
|
|
607
608
|
label: i.label,
|
|
608
609
|
active: e.value === i.key,
|
|
610
|
+
role: "option",
|
|
611
|
+
"aria-selected": e.value === i.key,
|
|
609
612
|
onClick: () => n(i)
|
|
610
613
|
}, {
|
|
611
614
|
default: _(() => [
|
|
612
615
|
h(l.$slots, i.key)
|
|
613
616
|
]),
|
|
614
617
|
_: 2
|
|
615
|
-
}, 1032, ["title", "label", "active", "onClick"]))), 128))
|
|
618
|
+
}, 1032, ["title", "label", "active", "aria-selected", "onClick"]))), 128))
|
|
616
619
|
]),
|
|
617
620
|
_: 3
|
|
618
621
|
}, 8, ["class", "disabled", "borderless", "elevated"]));
|
|
619
622
|
}
|
|
620
|
-
}),
|
|
623
|
+
}), Ot = C(Pt);
|
|
624
|
+
let Ut = 0;
|
|
625
|
+
function fe(o) {
|
|
626
|
+
return o || `uid-${++Ut}`;
|
|
627
|
+
}
|
|
628
|
+
const Nt = {
|
|
629
|
+
checked: {
|
|
630
|
+
icon: "check-bold"
|
|
631
|
+
},
|
|
632
|
+
indeterminate: {
|
|
633
|
+
icon: "minus-thick"
|
|
634
|
+
}
|
|
635
|
+
}, Ht = { key: 0 }, Gt = ["id", "aria-checked", "disabled", "onKeydown"], Rt = { key: 1 }, Kt = ["checked", "disabled"], jt = /* @__PURE__ */ B({
|
|
636
|
+
__name: "QCheckbox",
|
|
637
|
+
props: /* @__PURE__ */ Y({
|
|
638
|
+
id: { default: void 0 },
|
|
639
|
+
label: { default: "" },
|
|
640
|
+
labelPlacement: { default: "right" },
|
|
641
|
+
disabled: { type: Boolean },
|
|
642
|
+
readonly: { type: Boolean },
|
|
643
|
+
indeterminate: { type: Boolean },
|
|
644
|
+
color: { default: "primary" },
|
|
645
|
+
size: { default: "regular" },
|
|
646
|
+
class: { default: void 0 },
|
|
647
|
+
icons: { default: () => Nt }
|
|
648
|
+
}, {
|
|
649
|
+
modelValue: { type: Boolean },
|
|
650
|
+
modelModifiers: {}
|
|
651
|
+
}),
|
|
652
|
+
emits: ["update:modelValue"],
|
|
653
|
+
setup(o) {
|
|
654
|
+
const t = o, e = ee(o, "modelValue"), n = fe(t.id), l = b(() => [
|
|
655
|
+
"q-checkbox",
|
|
656
|
+
`q-checkbox--${t.size}`,
|
|
657
|
+
`q-checkbox--${t.color}`,
|
|
658
|
+
{
|
|
659
|
+
"q-checkbox--readonly": t.readonly,
|
|
660
|
+
"q-checkbox--disabled": t.disabled,
|
|
661
|
+
"q-checkbox--checked": e.value,
|
|
662
|
+
"q-checkbox--indeterminate": t.indeterminate
|
|
663
|
+
},
|
|
664
|
+
t.class
|
|
665
|
+
]);
|
|
666
|
+
function s() {
|
|
667
|
+
!t.disabled && !t.readonly && (e.value = !e.value);
|
|
668
|
+
}
|
|
669
|
+
return (i, a) => (r(), p(H, null, [
|
|
670
|
+
L("label", {
|
|
671
|
+
class: T(l.value)
|
|
672
|
+
}, [
|
|
673
|
+
t.labelPlacement !== "right" ? (r(), p("span", Ht, z(t.label), 1)) : $("", !0),
|
|
674
|
+
L("button", {
|
|
675
|
+
id: m(n),
|
|
676
|
+
role: "checkbox",
|
|
677
|
+
type: "button",
|
|
678
|
+
"aria-checked": t.indeterminate ? "mixed" : e.value,
|
|
679
|
+
disabled: t.disabled || t.readonly,
|
|
680
|
+
class: "q-checkbox__input",
|
|
681
|
+
onClick: ce(s, ["prevent"]),
|
|
682
|
+
onKeydown: [
|
|
683
|
+
Ie(ce(s, ["prevent"]), ["space"]),
|
|
684
|
+
a[0] || (a[0] = Ie(ce(() => {
|
|
685
|
+
}, ["prevent"]), ["enter"]))
|
|
686
|
+
]
|
|
687
|
+
}, [
|
|
688
|
+
e.value || i.indeterminate ? (r(), I(m(U), Z({ key: 0 }, e.value ? t.icons.checked : t.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : $("", !0)
|
|
689
|
+
], 40, Gt),
|
|
690
|
+
t.labelPlacement === "right" ? (r(), p("span", Rt, z(t.label), 1)) : $("", !0)
|
|
691
|
+
], 2),
|
|
692
|
+
L("input", {
|
|
693
|
+
type: "checkbox",
|
|
694
|
+
tabindex: "-1",
|
|
695
|
+
"aria-hidden": "true",
|
|
696
|
+
class: "q-checkbox__native-input",
|
|
697
|
+
checked: !!e.value,
|
|
698
|
+
disabled: t.disabled || t.readonly
|
|
699
|
+
}, null, 8, Kt)
|
|
700
|
+
], 64));
|
|
701
|
+
}
|
|
702
|
+
}), Wt = C(jt), Xt = /* @__PURE__ */ B({
|
|
621
703
|
__name: "QList",
|
|
622
|
-
props: /* @__PURE__ */
|
|
704
|
+
props: /* @__PURE__ */ Y({
|
|
623
705
|
highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
624
706
|
items: {},
|
|
625
707
|
groups: { default: () => [] },
|
|
@@ -636,28 +718,28 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
|
|
|
636
718
|
}),
|
|
637
719
|
emits: ["update:modelValue"],
|
|
638
720
|
setup(o, { expose: t }) {
|
|
639
|
-
const e = o, n =
|
|
640
|
-
(v) => e.items.some((
|
|
721
|
+
const e = o, n = ee(o, "modelValue"), l = D(!1), s = b(() => i.value.length > 1 ? "div" : "ul"), i = b(() => e.groups.length ? e.groups.filter(
|
|
722
|
+
(v) => e.items.some((q) => q.group === v.id)
|
|
641
723
|
) : [{ id: "", title: "" }]), a = D(null);
|
|
642
724
|
function d(v) {
|
|
643
725
|
n.value = v;
|
|
644
726
|
}
|
|
645
|
-
function
|
|
727
|
+
function u() {
|
|
646
728
|
l.value = !0;
|
|
647
729
|
}
|
|
648
730
|
function w() {
|
|
649
731
|
l.value = !1;
|
|
650
732
|
}
|
|
651
|
-
function
|
|
652
|
-
var
|
|
653
|
-
if ((
|
|
733
|
+
function S(v) {
|
|
734
|
+
var g;
|
|
735
|
+
if ((g = a.value) != null && g.contains(v.relatedTarget))
|
|
654
736
|
return;
|
|
655
|
-
let
|
|
656
|
-
n.value ?
|
|
737
|
+
let q;
|
|
738
|
+
n.value ? q = e.items.findIndex((R) => R[e.itemValue] === n.value) : q = Q();
|
|
657
739
|
const f = l.value;
|
|
658
|
-
|
|
740
|
+
V(q, f);
|
|
659
741
|
}
|
|
660
|
-
function
|
|
742
|
+
function O(v) {
|
|
661
743
|
switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(v.key) && v.preventDefault(), v.key) {
|
|
662
744
|
case "ArrowDown":
|
|
663
745
|
A("next");
|
|
@@ -677,101 +759,101 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
|
|
|
677
759
|
switch (v) {
|
|
678
760
|
case "next":
|
|
679
761
|
case "prev":
|
|
680
|
-
|
|
762
|
+
V(W(v));
|
|
681
763
|
break;
|
|
682
764
|
case "first":
|
|
683
|
-
|
|
765
|
+
V(Q());
|
|
684
766
|
break;
|
|
685
767
|
case "last":
|
|
686
|
-
|
|
768
|
+
V(G());
|
|
687
769
|
break;
|
|
688
770
|
}
|
|
689
771
|
}
|
|
690
|
-
function
|
|
691
|
-
var
|
|
692
|
-
(
|
|
772
|
+
function V(v, q = !1) {
|
|
773
|
+
var g;
|
|
774
|
+
(g = y()[v]) == null || g.focus({ preventScroll: q });
|
|
693
775
|
}
|
|
694
776
|
function y() {
|
|
695
|
-
var
|
|
696
|
-
const v = (
|
|
777
|
+
var q;
|
|
778
|
+
const v = (q = a.value) == null ? void 0 : q.querySelectorAll("li");
|
|
697
779
|
return v ? Array.from(v) : [];
|
|
698
780
|
}
|
|
699
781
|
function E(v) {
|
|
700
782
|
return y()[v];
|
|
701
783
|
}
|
|
702
|
-
function
|
|
784
|
+
function P() {
|
|
703
785
|
return y().indexOf(document.activeElement);
|
|
704
786
|
}
|
|
705
787
|
function Q() {
|
|
706
|
-
const v = y(),
|
|
707
|
-
return
|
|
788
|
+
const v = y(), q = v.find((f) => N(f));
|
|
789
|
+
return q ? v.indexOf(q) : -1;
|
|
708
790
|
}
|
|
709
|
-
function
|
|
710
|
-
const v = y(),
|
|
711
|
-
return
|
|
791
|
+
function G() {
|
|
792
|
+
const v = y(), q = [...v].reverse().find((f) => N(f));
|
|
793
|
+
return q ? v.indexOf(q) : -1;
|
|
712
794
|
}
|
|
713
|
-
function se(v,
|
|
714
|
-
return
|
|
795
|
+
function se(v, q, f) {
|
|
796
|
+
return q === "prev" && v === 0 || q === "next" && v === f.length - 1;
|
|
715
797
|
}
|
|
716
798
|
function W(v) {
|
|
717
|
-
const
|
|
718
|
-
return ae(
|
|
799
|
+
const q = P();
|
|
800
|
+
return ae(q, v);
|
|
719
801
|
}
|
|
720
|
-
function ae(v,
|
|
802
|
+
function ae(v, q) {
|
|
721
803
|
const f = y();
|
|
722
|
-
if (se(v,
|
|
804
|
+
if (se(v, q, f))
|
|
723
805
|
return v;
|
|
724
|
-
let
|
|
725
|
-
for (; !
|
|
726
|
-
if (se(
|
|
806
|
+
let g = v + (q === "next" ? 1 : -1);
|
|
807
|
+
for (; !N(f[g]); ) {
|
|
808
|
+
if (se(g, q, f))
|
|
727
809
|
return v;
|
|
728
|
-
|
|
810
|
+
g += q === "next" ? 1 : -1;
|
|
729
811
|
}
|
|
730
|
-
return
|
|
812
|
+
return g;
|
|
731
813
|
}
|
|
732
|
-
function
|
|
814
|
+
function N(v) {
|
|
733
815
|
return v.tabIndex === -2;
|
|
734
816
|
}
|
|
735
|
-
function
|
|
736
|
-
return v ? e.items.filter((
|
|
817
|
+
function J(v) {
|
|
818
|
+
return v ? e.items.filter((q) => q.group === v) : e.items;
|
|
737
819
|
}
|
|
738
820
|
return t({
|
|
739
|
-
focusItem:
|
|
821
|
+
focusItem: V,
|
|
740
822
|
getItem: E,
|
|
741
823
|
getAdjacentItemIndex: ae,
|
|
742
824
|
getFirstFocusableItemIndex: Q,
|
|
743
|
-
getLastFocusableItemIndex:
|
|
744
|
-
}), (v,
|
|
825
|
+
getLastFocusableItemIndex: G
|
|
826
|
+
}), (v, q) => (r(), I(Ce(s.value), {
|
|
745
827
|
ref_key: "listRef",
|
|
746
828
|
ref: a,
|
|
747
|
-
class:
|
|
829
|
+
class: T(["q-list", { "q-list--disabled": e.disabled }, e.class]),
|
|
748
830
|
role: "listbox",
|
|
749
831
|
tabindex: e.disabled ? -1 : 0,
|
|
750
|
-
onFocus:
|
|
751
|
-
onMousedown:
|
|
832
|
+
onFocus: S,
|
|
833
|
+
onMousedown: u,
|
|
752
834
|
onMouseup: w,
|
|
753
|
-
onKeydown:
|
|
835
|
+
onKeydown: O
|
|
754
836
|
}, {
|
|
755
837
|
default: _(() => [
|
|
756
|
-
(r(!0), p(
|
|
838
|
+
(r(!0), p(H, null, he(i.value, (f) => (r(), I(m(lt), {
|
|
757
839
|
key: f.id,
|
|
758
840
|
id: f.id,
|
|
759
841
|
title: i.value.length === 1 ? void 0 : f.title
|
|
760
842
|
}, {
|
|
761
843
|
default: _(() => [
|
|
762
|
-
(r(!0), p(
|
|
763
|
-
key:
|
|
764
|
-
value:
|
|
765
|
-
label:
|
|
766
|
-
description:
|
|
767
|
-
icon:
|
|
768
|
-
disabled: e.disabled || f.disabled ||
|
|
769
|
-
highlighted: e.highlighted ===
|
|
770
|
-
selected: v.selectable && n.value ===
|
|
844
|
+
(r(!0), p(H, null, he(J(f.id), (g) => (r(), I(m(nt), {
|
|
845
|
+
key: g[e.itemValue],
|
|
846
|
+
value: g[e.itemValue],
|
|
847
|
+
label: g[e.itemLabel],
|
|
848
|
+
description: g.description,
|
|
849
|
+
icon: g.icon,
|
|
850
|
+
disabled: e.disabled || f.disabled || g.disabled,
|
|
851
|
+
highlighted: e.highlighted === g[e.itemValue],
|
|
852
|
+
selected: v.selectable && n.value === g[e.itemValue],
|
|
771
853
|
onSelect: d
|
|
772
854
|
}, {
|
|
773
855
|
default: _(() => [
|
|
774
|
-
h(v.$slots, "item", { item:
|
|
856
|
+
h(v.$slots, "item", { item: g })
|
|
775
857
|
]),
|
|
776
858
|
_: 2
|
|
777
859
|
}, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selected"]))), 128))
|
|
@@ -782,22 +864,17 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
|
|
|
782
864
|
_: 3
|
|
783
865
|
}, 40, ["class", "tabindex"]));
|
|
784
866
|
}
|
|
785
|
-
}),
|
|
867
|
+
}), Yt = {
|
|
786
868
|
check: {
|
|
787
869
|
icon: "check"
|
|
788
870
|
},
|
|
789
871
|
description: {
|
|
790
872
|
icon: "information-outline"
|
|
791
873
|
}
|
|
792
|
-
}
|
|
793
|
-
let Ht = 0;
|
|
794
|
-
function fe(o) {
|
|
795
|
-
return o || `uid-${++Ht}`;
|
|
796
|
-
}
|
|
797
|
-
const Gt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Rt = { class: "q-list-item__container" }, Kt = { class: "q-list-item__content" }, jt = {
|
|
874
|
+
}, Zt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Jt = { class: "q-list-item__container" }, eo = { class: "q-list-item__content" }, to = {
|
|
798
875
|
key: 0,
|
|
799
876
|
class: "q-list-item__description"
|
|
800
|
-
},
|
|
877
|
+
}, oo = { class: "q-list-item__check-container" }, no = /* @__PURE__ */ B({
|
|
801
878
|
__name: "QListItem",
|
|
802
879
|
props: {
|
|
803
880
|
value: { type: [String, Number, Boolean, Symbol] },
|
|
@@ -807,7 +884,7 @@ const Gt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Rt = {
|
|
|
807
884
|
highlighted: { type: Boolean },
|
|
808
885
|
disabled: { type: Boolean },
|
|
809
886
|
description: { default: void 0 },
|
|
810
|
-
icons: { default: () =>
|
|
887
|
+
icons: { default: () => Yt }
|
|
811
888
|
},
|
|
812
889
|
emits: ["select"],
|
|
813
890
|
setup(o, { emit: t }) {
|
|
@@ -823,7 +900,7 @@ const Gt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Rt = {
|
|
|
823
900
|
"data-key": e.value,
|
|
824
901
|
role: "option",
|
|
825
902
|
tabindex: e.disabled ? void 0 : -2,
|
|
826
|
-
class:
|
|
903
|
+
class: T([
|
|
827
904
|
"q-list-item",
|
|
828
905
|
{
|
|
829
906
|
"q-list-item--disabled": e.disabled,
|
|
@@ -834,26 +911,26 @@ const Gt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Rt = {
|
|
|
834
911
|
"aria-label": e.label,
|
|
835
912
|
"aria-selected": e.disabled ? void 0 : e.selected,
|
|
836
913
|
onKeydown: i,
|
|
837
|
-
onClick:
|
|
914
|
+
onClick: ce(s, ["stop", "prevent"])
|
|
838
915
|
}, [
|
|
839
|
-
L("div",
|
|
840
|
-
L("div",
|
|
916
|
+
L("div", Jt, [
|
|
917
|
+
L("div", eo, [
|
|
841
918
|
h(a.$slots, "default", {}, () => [
|
|
842
|
-
e.icon ? (r(),
|
|
843
|
-
|
|
919
|
+
e.icon ? (r(), I(m(U), j(Z({ key: 0 }, e.icon)), null, 16)) : $("", !0),
|
|
920
|
+
pe(" " + z(e.label), 1)
|
|
844
921
|
])
|
|
845
922
|
]),
|
|
846
|
-
e.description ? (r(), p("div",
|
|
847
|
-
|
|
848
|
-
L("span", null,
|
|
849
|
-
])) :
|
|
923
|
+
e.description ? (r(), p("div", to, [
|
|
924
|
+
M(m(U), j(le(e.icons.description)), null, 16),
|
|
925
|
+
L("span", null, z(e.description), 1)
|
|
926
|
+
])) : $("", !0)
|
|
850
927
|
]),
|
|
851
|
-
L("div",
|
|
852
|
-
e.selected ? (r(),
|
|
928
|
+
L("div", oo, [
|
|
929
|
+
e.selected ? (r(), I(m(U), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : $("", !0)
|
|
853
930
|
])
|
|
854
|
-
], 42,
|
|
931
|
+
], 42, Zt));
|
|
855
932
|
}
|
|
856
|
-
}),
|
|
933
|
+
}), lo = ["data-key", "aria-labelledby"], so = ["id"], ao = /* @__PURE__ */ B({
|
|
857
934
|
__name: "QListItemGroup",
|
|
858
935
|
props: {
|
|
859
936
|
id: {},
|
|
@@ -872,24 +949,24 @@ const Gt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Rt = {
|
|
|
872
949
|
id: m(e),
|
|
873
950
|
class: "q-list-item-group__title",
|
|
874
951
|
role: "presentation"
|
|
875
|
-
},
|
|
952
|
+
}, z(t.title), 9, so)) : $("", !0),
|
|
876
953
|
h(n.$slots, "default")
|
|
877
|
-
], 8,
|
|
954
|
+
], 8, lo));
|
|
878
955
|
}
|
|
879
|
-
}),
|
|
880
|
-
function
|
|
881
|
-
const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = o.getBoundingClientRect(), a = t.getBoundingClientRect(), d = e == null ? void 0 : e.getBoundingClientRect(),
|
|
956
|
+
}), Ee = C(Xt), nt = C(no), lt = C(ao), $e = 8;
|
|
957
|
+
function io(o, t, e, n) {
|
|
958
|
+
const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = o.getBoundingClientRect(), a = t.getBoundingClientRect(), d = e == null ? void 0 : e.getBoundingClientRect(), u = ro(i, a, s, l), w = po(i, a, u), S = uo(w, u, l), O = co(S, a, u);
|
|
882
959
|
let A;
|
|
883
960
|
if (n != null && n.arrow) {
|
|
884
961
|
if (!d)
|
|
885
962
|
throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
|
|
886
|
-
A =
|
|
963
|
+
A = fo(O, i, a, d, u);
|
|
887
964
|
}
|
|
888
|
-
return { overlayCoords:
|
|
965
|
+
return { overlayCoords: O, arrowCoords: A, placement: u };
|
|
889
966
|
}
|
|
890
|
-
function
|
|
967
|
+
function ro(o, t, e, n) {
|
|
891
968
|
const l = Oe(o, t, e, n);
|
|
892
|
-
if (
|
|
969
|
+
if (Ue(l)) {
|
|
893
970
|
const s = _e(e), a = {
|
|
894
971
|
top: "bottom",
|
|
895
972
|
bottom: "top",
|
|
@@ -901,40 +978,40 @@ function to(o, t, e, n) {
|
|
|
901
978
|
a,
|
|
902
979
|
n
|
|
903
980
|
);
|
|
904
|
-
if (
|
|
981
|
+
if (Ue(d))
|
|
905
982
|
return e;
|
|
906
|
-
const
|
|
907
|
-
return
|
|
983
|
+
const u = ho(e);
|
|
984
|
+
return u ? `${a}-${u}` : a;
|
|
908
985
|
}
|
|
909
986
|
return e;
|
|
910
987
|
}
|
|
911
|
-
function
|
|
912
|
-
const n =
|
|
913
|
-
return n === "x" ? s.x = l(o.x,
|
|
988
|
+
function co(o, t, e) {
|
|
989
|
+
const n = we(e), l = (i, a, d) => Math.min(Math.max(i, a), d), s = { ...o };
|
|
990
|
+
return n === "x" ? s.x = l(o.x, $e, window.innerWidth - t.width - $e) : s.y = l(o.y, $e, window.innerHeight - t.height - $e), s;
|
|
914
991
|
}
|
|
915
|
-
function
|
|
992
|
+
function uo(o, t, e) {
|
|
916
993
|
const n = _e(t);
|
|
917
994
|
return {
|
|
918
995
|
x: o.x + (n === "left" ? -e : n === "right" ? e : 0),
|
|
919
996
|
y: o.y + (n === "top" ? -e : n === "bottom" ? e : 0)
|
|
920
997
|
};
|
|
921
998
|
}
|
|
922
|
-
function
|
|
923
|
-
if (
|
|
924
|
-
const i = t.top + t.height / 2, a = o.y + e.height / 2, d = a - i,
|
|
925
|
-
if (
|
|
999
|
+
function fo(o, t, e, n, l) {
|
|
1000
|
+
if (we(l) === "y") {
|
|
1001
|
+
const i = t.top + t.height / 2, a = o.y + e.height / 2, d = a - i, u = e.height / 2 - d - n.height / 2 + 2;
|
|
1002
|
+
if (u > 0 && u < e.height - n.height)
|
|
926
1003
|
return {
|
|
927
|
-
y:
|
|
1004
|
+
y: u
|
|
928
1005
|
};
|
|
929
1006
|
} else {
|
|
930
|
-
const i = t.left + t.width / 2, a = o.x + e.width / 2, d = a - i,
|
|
931
|
-
if (
|
|
1007
|
+
const i = t.left + t.width / 2, a = o.x + e.width / 2, d = a - i, u = e.width / 2 - d - n.width / 2 + 2;
|
|
1008
|
+
if (u > 0 && u < e.width - n.width)
|
|
932
1009
|
return {
|
|
933
|
-
x:
|
|
1010
|
+
x: u
|
|
934
1011
|
};
|
|
935
1012
|
}
|
|
936
1013
|
}
|
|
937
|
-
function
|
|
1014
|
+
function po(o, t, e) {
|
|
938
1015
|
const [n, l] = e.split("-"), s = o.x + o.width / 2 - t.width / 2, i = o.y + o.height / 2 - t.height / 2;
|
|
939
1016
|
let a;
|
|
940
1017
|
switch (n) {
|
|
@@ -955,13 +1032,13 @@ function so(o, t, e) {
|
|
|
955
1032
|
}
|
|
956
1033
|
if (!l)
|
|
957
1034
|
return a;
|
|
958
|
-
const
|
|
1035
|
+
const u = we(e) === "y" ? "height" : "width", w = we(e), S = o[u] / 2 - t[u] / 2;
|
|
959
1036
|
switch (l) {
|
|
960
1037
|
case "start":
|
|
961
|
-
a[w] -=
|
|
1038
|
+
a[w] -= S;
|
|
962
1039
|
break;
|
|
963
1040
|
case "end":
|
|
964
|
-
a[w] +=
|
|
1041
|
+
a[w] += S;
|
|
965
1042
|
break;
|
|
966
1043
|
default:
|
|
967
1044
|
throw new Error(`[Quidgest UI] Invalid alignment value: ${l}`);
|
|
@@ -989,34 +1066,34 @@ function Oe(o, t, e, n) {
|
|
|
989
1066
|
}
|
|
990
1067
|
return s;
|
|
991
1068
|
}
|
|
992
|
-
function
|
|
1069
|
+
function mo(o) {
|
|
993
1070
|
return o === "x" ? "y" : "x";
|
|
994
1071
|
}
|
|
995
|
-
function
|
|
1072
|
+
function vo(o) {
|
|
996
1073
|
const t = _e(o);
|
|
997
1074
|
return ["left", "right"].includes(t) ? "x" : "y";
|
|
998
1075
|
}
|
|
999
|
-
function
|
|
1000
|
-
return
|
|
1076
|
+
function we(o) {
|
|
1077
|
+
return mo(vo(o));
|
|
1001
1078
|
}
|
|
1002
1079
|
function _e(o) {
|
|
1003
1080
|
const [t] = o.split("-");
|
|
1004
1081
|
return t;
|
|
1005
1082
|
}
|
|
1006
|
-
function
|
|
1083
|
+
function ho(o) {
|
|
1007
1084
|
const [, t] = o.split("-");
|
|
1008
1085
|
return t;
|
|
1009
1086
|
}
|
|
1010
|
-
function
|
|
1087
|
+
function Ue(o) {
|
|
1011
1088
|
return o < 0;
|
|
1012
1089
|
}
|
|
1013
|
-
function
|
|
1090
|
+
function yo(o) {
|
|
1014
1091
|
return typeof o == "string" ? document.querySelector(o) : o;
|
|
1015
1092
|
}
|
|
1016
|
-
const
|
|
1093
|
+
const bo = ["role"], go = /* @__PURE__ */ B({
|
|
1017
1094
|
inheritAttrs: !1,
|
|
1018
1095
|
__name: "QOverlay",
|
|
1019
|
-
props: /* @__PURE__ */
|
|
1096
|
+
props: /* @__PURE__ */ Y({
|
|
1020
1097
|
anchor: { default: void 0 },
|
|
1021
1098
|
appearance: { default: "regular" },
|
|
1022
1099
|
arrow: { type: Boolean },
|
|
@@ -1039,9 +1116,9 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1039
1116
|
modelValue: { type: Boolean },
|
|
1040
1117
|
modelModifiers: {}
|
|
1041
1118
|
}),
|
|
1042
|
-
emits: /* @__PURE__ */
|
|
1119
|
+
emits: /* @__PURE__ */ Y(["enter", "leave"], ["update:modelValue"]),
|
|
1043
1120
|
setup(o, { emit: t }) {
|
|
1044
|
-
const e = o, n = t, l =
|
|
1121
|
+
const e = o, n = t, l = ee(o, "modelValue"), s = b(() => [
|
|
1045
1122
|
"q-overlay",
|
|
1046
1123
|
`q-overlay--${_e(a.placement)}`,
|
|
1047
1124
|
{
|
|
@@ -1049,60 +1126,60 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1049
1126
|
"q-overlay--inverted": e.appearance === "inverted"
|
|
1050
1127
|
},
|
|
1051
1128
|
e.class
|
|
1052
|
-
]), i =
|
|
1129
|
+
]), i = b(() => (l.value || a.animating) && !e.nonModal), a = Me({
|
|
1053
1130
|
animating: !1,
|
|
1054
1131
|
top: 0,
|
|
1055
1132
|
left: 0,
|
|
1056
1133
|
width: 0,
|
|
1057
1134
|
placement: e.placement
|
|
1058
|
-
}), d =
|
|
1135
|
+
}), d = Me({
|
|
1059
1136
|
top: void 0,
|
|
1060
1137
|
left: void 0,
|
|
1061
1138
|
hidden: !0
|
|
1062
|
-
}),
|
|
1063
|
-
|
|
1064
|
-
const w =
|
|
1139
|
+
}), u = b(() => a.top !== 0 && a.left !== 0);
|
|
1140
|
+
oe(l, () => a.animating = !0);
|
|
1141
|
+
const w = b(() => {
|
|
1065
1142
|
if (e.anchor === void 0) return;
|
|
1066
|
-
const k =
|
|
1143
|
+
const k = N(), me = e.width === "anchor", X = me ? k == null ? void 0 : k.getBoundingClientRect().width : void 0;
|
|
1067
1144
|
return {
|
|
1068
1145
|
top: `${a.top}px`,
|
|
1069
1146
|
left: `${a.left}px`,
|
|
1070
1147
|
width: X !== void 0 ? `${X}px` : void 0
|
|
1071
1148
|
};
|
|
1072
|
-
}),
|
|
1149
|
+
}), S = b(() => {
|
|
1073
1150
|
if (e.arrow)
|
|
1074
1151
|
return {
|
|
1075
1152
|
top: d.top !== void 0 ? `${d.top}px` : void 0,
|
|
1076
1153
|
left: d.left !== void 0 ? `${d.left}px` : void 0,
|
|
1077
1154
|
opacity: d.hidden ? 0 : 1
|
|
1078
1155
|
};
|
|
1079
|
-
}),
|
|
1080
|
-
function
|
|
1081
|
-
const k =
|
|
1156
|
+
}), O = D(null), A = D(null);
|
|
1157
|
+
function V() {
|
|
1158
|
+
const k = N();
|
|
1082
1159
|
if (!k || !A.value)
|
|
1083
1160
|
return;
|
|
1084
|
-
const
|
|
1161
|
+
const me = {
|
|
1085
1162
|
placement: e.placement,
|
|
1086
1163
|
width: e.width,
|
|
1087
1164
|
offset: e.offset,
|
|
1088
1165
|
arrow: e.arrow
|
|
1089
|
-
}, X =
|
|
1166
|
+
}, X = io(
|
|
1090
1167
|
k,
|
|
1091
1168
|
A.value,
|
|
1092
|
-
(
|
|
1093
|
-
|
|
1169
|
+
(O == null ? void 0 : O.value) ?? void 0,
|
|
1170
|
+
me
|
|
1094
1171
|
);
|
|
1095
1172
|
a.left = X.overlayCoords.x, a.top = X.overlayCoords.y, a.placement = X.placement, d.hidden = X.arrowCoords === void 0, X.arrowCoords && (d.top = X.arrowCoords.y, d.left = X.arrowCoords.x);
|
|
1096
1173
|
}
|
|
1097
|
-
|
|
1174
|
+
oe(
|
|
1098
1175
|
() => e.placement,
|
|
1099
|
-
() =>
|
|
1176
|
+
() => ne(V)
|
|
1100
1177
|
);
|
|
1101
1178
|
let y;
|
|
1102
1179
|
function E() {
|
|
1103
1180
|
Q(0);
|
|
1104
1181
|
}
|
|
1105
|
-
function
|
|
1182
|
+
function P() {
|
|
1106
1183
|
Q(e.delay);
|
|
1107
1184
|
}
|
|
1108
1185
|
function Q(k) {
|
|
@@ -1110,13 +1187,13 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1110
1187
|
l.value = !0;
|
|
1111
1188
|
}, k));
|
|
1112
1189
|
}
|
|
1113
|
-
function
|
|
1190
|
+
function G() {
|
|
1114
1191
|
if (clearTimeout(y), y = void 0, l.value = !1, e.anchor && e.trigger === "click") {
|
|
1115
|
-
const k =
|
|
1192
|
+
const k = N();
|
|
1116
1193
|
k == null || k.focus();
|
|
1117
1194
|
}
|
|
1118
1195
|
}
|
|
1119
|
-
|
|
1196
|
+
oe(u, () => ne(se));
|
|
1120
1197
|
function se() {
|
|
1121
1198
|
n("enter");
|
|
1122
1199
|
}
|
|
@@ -1124,14 +1201,14 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1124
1201
|
function ae() {
|
|
1125
1202
|
window.clearTimeout(W), W = window.setTimeout(() => a.animating = !1, 200), n("leave");
|
|
1126
1203
|
}
|
|
1127
|
-
function
|
|
1128
|
-
return e.anchor ?
|
|
1204
|
+
function N() {
|
|
1205
|
+
return e.anchor ? yo(e.anchor) : null;
|
|
1129
1206
|
}
|
|
1130
|
-
let
|
|
1207
|
+
let J;
|
|
1131
1208
|
function v() {
|
|
1132
|
-
const k =
|
|
1209
|
+
const k = N();
|
|
1133
1210
|
if (k)
|
|
1134
|
-
switch (
|
|
1211
|
+
switch (J = new MutationObserver(V), J.observe(k, {
|
|
1135
1212
|
attributes: !1,
|
|
1136
1213
|
childList: !0,
|
|
1137
1214
|
characterData: !0,
|
|
@@ -1141,67 +1218,67 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1141
1218
|
k.addEventListener("click", E);
|
|
1142
1219
|
break;
|
|
1143
1220
|
case "hover":
|
|
1144
|
-
k.addEventListener("mouseenter",
|
|
1221
|
+
k.addEventListener("mouseenter", P), k.addEventListener("mouseleave", G), k.addEventListener("focusin", E), k.addEventListener("focusout", G);
|
|
1145
1222
|
break;
|
|
1146
1223
|
}
|
|
1147
1224
|
}
|
|
1148
|
-
function
|
|
1149
|
-
const k =
|
|
1225
|
+
function q() {
|
|
1226
|
+
const k = N();
|
|
1150
1227
|
if (k)
|
|
1151
|
-
switch (
|
|
1228
|
+
switch (J == null || J.disconnect(), e.trigger) {
|
|
1152
1229
|
case "click":
|
|
1153
1230
|
k.removeEventListener("click", E);
|
|
1154
1231
|
break;
|
|
1155
1232
|
case "hover":
|
|
1156
|
-
k.removeEventListener("mouseenter",
|
|
1233
|
+
k.removeEventListener("mouseenter", P), k.removeEventListener("mouseleave", G), k.removeEventListener("focusin", E), k.removeEventListener("focusout", G);
|
|
1157
1234
|
break;
|
|
1158
1235
|
}
|
|
1159
1236
|
}
|
|
1160
1237
|
function f() {
|
|
1161
|
-
window.addEventListener("resize",
|
|
1238
|
+
window.addEventListener("resize", V), e.scrollLock || window.addEventListener("scroll", V);
|
|
1162
1239
|
}
|
|
1163
|
-
function
|
|
1164
|
-
window.removeEventListener("resize",
|
|
1240
|
+
function g() {
|
|
1241
|
+
window.removeEventListener("resize", V), e.scrollLock || window.removeEventListener("scroll", V);
|
|
1165
1242
|
}
|
|
1166
|
-
let
|
|
1243
|
+
let R;
|
|
1167
1244
|
function ie() {
|
|
1168
|
-
|
|
1245
|
+
N() ? (V(), R = window.setTimeout(ie, 100)) : G();
|
|
1169
1246
|
}
|
|
1170
|
-
function
|
|
1171
|
-
f(), e.spy ? ie() :
|
|
1247
|
+
function te() {
|
|
1248
|
+
f(), e.spy ? ie() : V(), e.scrollLock && document.body.classList.add("no-scroll"), (e.anchor === void 0 || e.trigger === "click") && ne(() => {
|
|
1172
1249
|
var k;
|
|
1173
1250
|
return (k = A.value) == null ? void 0 : k.focus();
|
|
1174
1251
|
});
|
|
1175
1252
|
}
|
|
1176
1253
|
function de() {
|
|
1177
|
-
|
|
1254
|
+
g(), e.spy && (clearTimeout(R), R = void 0), e.scrollLock && document.body.classList.remove("no-scroll"), a.top = 0, a.left = 0;
|
|
1178
1255
|
}
|
|
1179
1256
|
function ke() {
|
|
1180
|
-
e.persistent ||
|
|
1257
|
+
e.persistent || G();
|
|
1181
1258
|
}
|
|
1182
|
-
return
|
|
1183
|
-
|
|
1259
|
+
return Ke(() => {
|
|
1260
|
+
ne(v);
|
|
1184
1261
|
}), ut(() => {
|
|
1185
|
-
|
|
1186
|
-
}),
|
|
1262
|
+
q(), de();
|
|
1263
|
+
}), oe(
|
|
1187
1264
|
l,
|
|
1188
1265
|
(k) => {
|
|
1189
|
-
|
|
1266
|
+
ne(() => k ? te() : de());
|
|
1190
1267
|
},
|
|
1191
1268
|
{ immediate: !0 }
|
|
1192
|
-
), (k,
|
|
1269
|
+
), (k, me) => (r(), I(ft, {
|
|
1193
1270
|
disabled: !l.value && !a.animating || e.inline,
|
|
1194
1271
|
to: e.attach
|
|
1195
1272
|
}, [
|
|
1196
1273
|
i.value ? (r(), p("div", {
|
|
1197
1274
|
key: 0,
|
|
1198
|
-
class:
|
|
1275
|
+
class: T([
|
|
1199
1276
|
e.backdropClass,
|
|
1200
1277
|
"q-overlay__underlay",
|
|
1201
1278
|
{ "q-overlay__underlay--blur": e.backdropBlur }
|
|
1202
1279
|
])
|
|
1203
|
-
}, null, 2)) :
|
|
1204
|
-
|
|
1280
|
+
}, null, 2)) : $("", !0),
|
|
1281
|
+
M(pt, {
|
|
1205
1282
|
name: e.transition,
|
|
1206
1283
|
appear: "",
|
|
1207
1284
|
onLeave: ae
|
|
@@ -1209,48 +1286,48 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1209
1286
|
default: _(() => [
|
|
1210
1287
|
l.value ? (r(), p("div", {
|
|
1211
1288
|
key: 0,
|
|
1212
|
-
class:
|
|
1289
|
+
class: T(s.value),
|
|
1213
1290
|
style: ue(w.value)
|
|
1214
1291
|
}, [
|
|
1215
|
-
L("div",
|
|
1292
|
+
L("div", Z({
|
|
1216
1293
|
class: "q-overlay__content",
|
|
1217
1294
|
ref_key: "overlayRef",
|
|
1218
1295
|
ref: A,
|
|
1219
1296
|
tabindex: "-1",
|
|
1220
1297
|
role: i.value ? "dialog" : void 0
|
|
1221
1298
|
}, k.$attrs, {
|
|
1222
|
-
onKeydown:
|
|
1299
|
+
onKeydown: Ie(ke, ["escape"]),
|
|
1223
1300
|
onBlur: ke
|
|
1224
1301
|
}), [
|
|
1225
1302
|
e.arrow ? (r(), p("div", {
|
|
1226
1303
|
key: 0,
|
|
1227
1304
|
ref_key: "arrowRef",
|
|
1228
|
-
ref:
|
|
1305
|
+
ref: O,
|
|
1229
1306
|
role: "presentation",
|
|
1230
1307
|
class: "q-overlay__arrow",
|
|
1231
|
-
style: ue(
|
|
1232
|
-
}, null, 4)) :
|
|
1308
|
+
style: ue(S.value)
|
|
1309
|
+
}, null, 4)) : $("", !0),
|
|
1233
1310
|
h(k.$slots, "default")
|
|
1234
|
-
], 16,
|
|
1235
|
-
], 6)) :
|
|
1311
|
+
], 16, bo)
|
|
1312
|
+
], 6)) : $("", !0)
|
|
1236
1313
|
]),
|
|
1237
1314
|
_: 3
|
|
1238
1315
|
}, 8, ["name"])
|
|
1239
1316
|
], 8, ["disabled", "to"]));
|
|
1240
1317
|
}
|
|
1241
|
-
}), ye = C(
|
|
1318
|
+
}), ye = C(go), _o = ["id"], ko = {
|
|
1242
1319
|
key: 0,
|
|
1243
1320
|
class: "q-field__label"
|
|
1244
|
-
},
|
|
1321
|
+
}, $o = ["for"], wo = {
|
|
1245
1322
|
key: 0,
|
|
1246
1323
|
class: "q-field__prepend"
|
|
1247
|
-
},
|
|
1324
|
+
}, qo = {
|
|
1248
1325
|
key: 1,
|
|
1249
1326
|
class: "q-field__append"
|
|
1250
|
-
},
|
|
1327
|
+
}, xo = {
|
|
1251
1328
|
key: 1,
|
|
1252
1329
|
class: "q-field__extras"
|
|
1253
|
-
},
|
|
1330
|
+
}, Lo = /* @__PURE__ */ B({
|
|
1254
1331
|
inheritAttrs: !1,
|
|
1255
1332
|
__name: "QField",
|
|
1256
1333
|
props: {
|
|
@@ -1264,12 +1341,12 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1264
1341
|
class: { default: void 0 }
|
|
1265
1342
|
},
|
|
1266
1343
|
setup(o, { expose: t }) {
|
|
1267
|
-
const e = o, n = fe(e.id), l = D(null), s =
|
|
1344
|
+
const e = o, n = fe(e.id), l = D(null), s = b(() => e.required && !e.readonly && !e.disabled);
|
|
1268
1345
|
return t({
|
|
1269
1346
|
fieldRef: l
|
|
1270
1347
|
}), (i, a) => (r(), p("div", {
|
|
1271
1348
|
id: m(n),
|
|
1272
|
-
class:
|
|
1349
|
+
class: T([
|
|
1273
1350
|
"q-field",
|
|
1274
1351
|
`q-field--${e.size}`,
|
|
1275
1352
|
{
|
|
@@ -1280,37 +1357,37 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1280
1357
|
e.class
|
|
1281
1358
|
])
|
|
1282
1359
|
}, [
|
|
1283
|
-
e.label ? (r(), p("div",
|
|
1360
|
+
e.label ? (r(), p("div", ko, [
|
|
1284
1361
|
h(i.$slots, "label.prepend"),
|
|
1285
1362
|
L("label", {
|
|
1286
1363
|
for: e.for
|
|
1287
|
-
},
|
|
1364
|
+
}, z(e.label), 9, $o),
|
|
1288
1365
|
h(i.$slots, "label.append")
|
|
1289
|
-
])) :
|
|
1366
|
+
])) : $("", !0),
|
|
1290
1367
|
h(i.$slots, "control", {}, () => [
|
|
1291
|
-
L("div",
|
|
1368
|
+
L("div", Z({
|
|
1292
1369
|
class: "q-field__control",
|
|
1293
1370
|
ref_key: "fieldRef",
|
|
1294
1371
|
ref: l
|
|
1295
1372
|
}, i.$attrs), [
|
|
1296
|
-
i.$slots.prepend ? (r(), p("div",
|
|
1373
|
+
i.$slots.prepend ? (r(), p("div", wo, [
|
|
1297
1374
|
h(i.$slots, "prepend")
|
|
1298
|
-
])) :
|
|
1375
|
+
])) : $("", !0),
|
|
1299
1376
|
h(i.$slots, "default"),
|
|
1300
|
-
i.$slots.append ? (r(), p("div",
|
|
1377
|
+
i.$slots.append ? (r(), p("div", qo, [
|
|
1301
1378
|
h(i.$slots, "append")
|
|
1302
|
-
])) :
|
|
1379
|
+
])) : $("", !0)
|
|
1303
1380
|
], 16)
|
|
1304
1381
|
]),
|
|
1305
|
-
i.$slots.extras ? (r(), p("div",
|
|
1382
|
+
i.$slots.extras ? (r(), p("div", xo, [
|
|
1306
1383
|
h(i.$slots, "extras")
|
|
1307
|
-
])) :
|
|
1308
|
-
], 10,
|
|
1384
|
+
])) : $("", !0)
|
|
1385
|
+
], 10, _o));
|
|
1309
1386
|
}
|
|
1310
|
-
}), Le = C(
|
|
1387
|
+
}), Le = C(Lo), Io = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], So = /* @__PURE__ */ B({
|
|
1311
1388
|
inheritAttrs: !1,
|
|
1312
1389
|
__name: "QTextField",
|
|
1313
|
-
props: /* @__PURE__ */
|
|
1390
|
+
props: /* @__PURE__ */ Y({
|
|
1314
1391
|
id: { default: void 0 },
|
|
1315
1392
|
placeholder: { default: "" },
|
|
1316
1393
|
label: { default: "" },
|
|
@@ -1328,19 +1405,19 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1328
1405
|
}),
|
|
1329
1406
|
emits: ["update:modelValue"],
|
|
1330
1407
|
setup(o, { expose: t }) {
|
|
1331
|
-
const e = o, n =
|
|
1408
|
+
const e = o, n = ee(o, "modelValue"), l = fe(e.id), s = D(null), i = D(null), a = b(
|
|
1332
1409
|
() => e.readonly || e.disabled ? "" : e.placeholder
|
|
1333
1410
|
);
|
|
1334
1411
|
return t({
|
|
1335
|
-
fieldRef:
|
|
1412
|
+
fieldRef: b(() => {
|
|
1336
1413
|
var d;
|
|
1337
1414
|
return (d = s.value) == null ? void 0 : d.fieldRef;
|
|
1338
1415
|
}),
|
|
1339
1416
|
inputRef: i
|
|
1340
|
-
}), (d,
|
|
1417
|
+
}), (d, u) => (r(), I(m(Le), {
|
|
1341
1418
|
ref_key: "fieldRef",
|
|
1342
1419
|
ref: s,
|
|
1343
|
-
class:
|
|
1420
|
+
class: T(["q-text-field", e.class]),
|
|
1344
1421
|
for: m(l),
|
|
1345
1422
|
label: e.label,
|
|
1346
1423
|
size: e.size,
|
|
@@ -1355,8 +1432,8 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1355
1432
|
h(d.$slots, "label.append")
|
|
1356
1433
|
]),
|
|
1357
1434
|
default: _(() => [
|
|
1358
|
-
mt(L("input",
|
|
1359
|
-
"onUpdate:modelValue":
|
|
1435
|
+
mt(L("input", Z({
|
|
1436
|
+
"onUpdate:modelValue": u[0] || (u[0] = (w) => n.value = w),
|
|
1360
1437
|
ref_key: "inputRef",
|
|
1361
1438
|
ref: i,
|
|
1362
1439
|
id: m(l),
|
|
@@ -1368,7 +1445,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1368
1445
|
readonly: e.readonly,
|
|
1369
1446
|
disabled: e.disabled,
|
|
1370
1447
|
maxlength: e.maxLength
|
|
1371
|
-
}, d.$attrs), null, 16,
|
|
1448
|
+
}, d.$attrs), null, 16, Io), [
|
|
1372
1449
|
[vt, n.value]
|
|
1373
1450
|
])
|
|
1374
1451
|
]),
|
|
@@ -1397,27 +1474,27 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1397
1474
|
} : void 0
|
|
1398
1475
|
]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
|
|
1399
1476
|
}
|
|
1400
|
-
}),
|
|
1477
|
+
}), st = C(So), Bo = {
|
|
1401
1478
|
noData: "No data available",
|
|
1402
1479
|
clearValue: "Clear value",
|
|
1403
1480
|
showOptions: "Show options"
|
|
1404
|
-
},
|
|
1481
|
+
}, Co = {
|
|
1405
1482
|
chevron: {
|
|
1406
1483
|
icon: "chevron-down"
|
|
1407
1484
|
},
|
|
1408
1485
|
clear: {
|
|
1409
1486
|
icon: "close"
|
|
1410
1487
|
}
|
|
1411
|
-
},
|
|
1488
|
+
}, To = ["data-key"], Vo = {
|
|
1412
1489
|
key: 0,
|
|
1413
1490
|
class: "q-select__loader"
|
|
1414
|
-
},
|
|
1491
|
+
}, Eo = {
|
|
1415
1492
|
key: 2,
|
|
1416
1493
|
class: "q-select__loader"
|
|
1417
|
-
},
|
|
1494
|
+
}, Do = /* @__PURE__ */ B({
|
|
1418
1495
|
inheritAttrs: !1,
|
|
1419
1496
|
__name: "QCombobox",
|
|
1420
|
-
props: /* @__PURE__ */
|
|
1497
|
+
props: /* @__PURE__ */ Y({
|
|
1421
1498
|
id: { default: void 0 },
|
|
1422
1499
|
placeholder: { default: "" },
|
|
1423
1500
|
selectionMode: { default: "automatic" },
|
|
@@ -1435,8 +1512,8 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1435
1512
|
emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
1436
1513
|
size: { default: void 0 },
|
|
1437
1514
|
class: { default: void 0 },
|
|
1438
|
-
icons: { default: () =>
|
|
1439
|
-
texts: { default: () =>
|
|
1515
|
+
icons: { default: () => Co },
|
|
1516
|
+
texts: { default: () => Bo }
|
|
1440
1517
|
}, {
|
|
1441
1518
|
modelValue: {
|
|
1442
1519
|
type: [String, Number, Boolean, Symbol]
|
|
@@ -1447,110 +1524,110 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1447
1524
|
search: { default: "" },
|
|
1448
1525
|
searchModifiers: {}
|
|
1449
1526
|
}),
|
|
1450
|
-
emits: /* @__PURE__ */
|
|
1527
|
+
emits: /* @__PURE__ */ Y(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
|
|
1451
1528
|
setup(o, { expose: t, emit: e }) {
|
|
1452
|
-
const n = o, l = e, s =
|
|
1453
|
-
|
|
1454
|
-
const A =
|
|
1455
|
-
var
|
|
1456
|
-
return n.filterMode === "manual" || !
|
|
1457
|
-
(
|
|
1529
|
+
const n = o, l = e, s = ee(o, "modelValue"), i = ee(o, "open"), a = ee(o, "search"), d = D(void 0), u = D(null), w = D(null), S = D(null), O = D(null);
|
|
1530
|
+
Ke(W);
|
|
1531
|
+
const A = b(() => n.clearable && !n.readonly && !n.disabled), V = b(() => {
|
|
1532
|
+
var c;
|
|
1533
|
+
return n.filterMode === "manual" || !G.value ? n.items : (c = n.items) == null ? void 0 : c.filter(
|
|
1534
|
+
(x) => x[n.itemLabel].toLowerCase().startsWith(a.value.toLowerCase())
|
|
1458
1535
|
);
|
|
1459
|
-
}), y =
|
|
1460
|
-
var
|
|
1461
|
-
return (
|
|
1462
|
-
}), E =
|
|
1463
|
-
const
|
|
1464
|
-
if (
|
|
1465
|
-
return
|
|
1466
|
-
}), Q =
|
|
1467
|
-
var
|
|
1536
|
+
}), y = b(() => {
|
|
1537
|
+
var c;
|
|
1538
|
+
return (c = n.items) == null ? void 0 : c.find((x) => x[n.itemValue] === s.value);
|
|
1539
|
+
}), E = b(() => y.value === void 0), P = b(() => {
|
|
1540
|
+
const c = d.value;
|
|
1541
|
+
if (c !== void 0 && V.value[c])
|
|
1542
|
+
return V.value[c];
|
|
1543
|
+
}), Q = b(() => {
|
|
1544
|
+
var x;
|
|
1468
1545
|
if (d.value === void 0)
|
|
1469
1546
|
return;
|
|
1470
|
-
const
|
|
1471
|
-
return
|
|
1472
|
-
}),
|
|
1473
|
-
var
|
|
1474
|
-
return a.value.length > 0 && a.value !== ((
|
|
1547
|
+
const c = (x = w.value) == null ? void 0 : x.getItem(d.value);
|
|
1548
|
+
return c == null ? void 0 : c.id;
|
|
1549
|
+
}), G = b(() => {
|
|
1550
|
+
var c;
|
|
1551
|
+
return a.value.length > 0 && a.value !== ((c = y.value) == null ? void 0 : c[n.itemLabel]);
|
|
1475
1552
|
});
|
|
1476
|
-
function se(
|
|
1477
|
-
s.value =
|
|
1553
|
+
function se(c) {
|
|
1554
|
+
s.value = c, N();
|
|
1478
1555
|
}
|
|
1479
1556
|
function W() {
|
|
1480
|
-
var
|
|
1481
|
-
const
|
|
1482
|
-
a.value !==
|
|
1557
|
+
var x;
|
|
1558
|
+
const c = ((x = y.value) == null ? void 0 : x[n.itemLabel]) || "";
|
|
1559
|
+
a.value !== c && (a.value = c);
|
|
1483
1560
|
}
|
|
1484
1561
|
function ae() {
|
|
1485
1562
|
i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, de());
|
|
1486
1563
|
}
|
|
1487
|
-
function
|
|
1564
|
+
function N() {
|
|
1488
1565
|
i.value && (l("before-hide"), i.value = !1, d.value = void 0);
|
|
1489
1566
|
}
|
|
1490
|
-
function
|
|
1491
|
-
i.value ?
|
|
1567
|
+
function J() {
|
|
1568
|
+
i.value ? N() : q();
|
|
1492
1569
|
}
|
|
1493
1570
|
function v() {
|
|
1494
1571
|
A.value && (s.value = n.emptyValue, d.value = void 0, de());
|
|
1495
1572
|
}
|
|
1496
|
-
function
|
|
1573
|
+
function q() {
|
|
1497
1574
|
if (ae(), y.value !== void 0) {
|
|
1498
|
-
const
|
|
1499
|
-
|
|
1575
|
+
const c = V.value.indexOf(y.value);
|
|
1576
|
+
c !== -1 && ne(() => X(c));
|
|
1500
1577
|
}
|
|
1501
1578
|
}
|
|
1502
|
-
function f(
|
|
1503
|
-
var
|
|
1504
|
-
if (!(!
|
|
1505
|
-
if (["ArrowDown", "ArrowUp", "Home", "End"].includes(
|
|
1506
|
-
W(), i.value &&
|
|
1507
|
-
else if (["ArrowDown", "ArrowUp"].includes(
|
|
1508
|
-
i.value ?
|
|
1579
|
+
function f(c) {
|
|
1580
|
+
var x, F;
|
|
1581
|
+
if (!(!c.key || n.readonly || n.disabled))
|
|
1582
|
+
if (["ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), c.key === "Escape")
|
|
1583
|
+
W(), i.value && N();
|
|
1584
|
+
else if (["ArrowDown", "ArrowUp"].includes(c.key))
|
|
1585
|
+
i.value ? ne(() => {
|
|
1509
1586
|
if (d.value === void 0)
|
|
1510
|
-
|
|
1587
|
+
g();
|
|
1511
1588
|
else {
|
|
1512
|
-
const
|
|
1513
|
-
ie(d.value,
|
|
1589
|
+
const K = c.key === "ArrowDown" ? "next" : "prev";
|
|
1590
|
+
ie(d.value, K);
|
|
1514
1591
|
}
|
|
1515
|
-
}) : (ae(),
|
|
1516
|
-
|
|
1592
|
+
}) : (ae(), ne(() => {
|
|
1593
|
+
c.key === "ArrowDown" ? g() : R();
|
|
1517
1594
|
}));
|
|
1518
|
-
else if (
|
|
1519
|
-
if (
|
|
1520
|
-
se(
|
|
1521
|
-
} else
|
|
1595
|
+
else if (c.key === "Enter") {
|
|
1596
|
+
if (P.value === void 0) return;
|
|
1597
|
+
se(P.value[n.itemValue]);
|
|
1598
|
+
} else c.key === "Home" ? d.value = (x = w.value) == null ? void 0 : x.getFirstFocusableItemIndex() : c.key === "End" ? d.value = (F = w.value) == null ? void 0 : F.getLastFocusableItemIndex() : (/^[a-z]$/i.test(c.key) || c.key === "Backspace") && ae();
|
|
1522
1599
|
}
|
|
1523
|
-
function
|
|
1524
|
-
var
|
|
1600
|
+
function g() {
|
|
1601
|
+
var c, x;
|
|
1525
1602
|
if (E.value)
|
|
1526
|
-
d.value = (
|
|
1603
|
+
d.value = (x = w.value) == null ? void 0 : x.getFirstFocusableItemIndex();
|
|
1527
1604
|
else {
|
|
1528
|
-
const F =
|
|
1529
|
-
(
|
|
1605
|
+
const F = V.value.findIndex(
|
|
1606
|
+
(K) => K[n.itemValue] === s.value
|
|
1530
1607
|
);
|
|
1531
|
-
F === -1 ? d.value = (
|
|
1608
|
+
F === -1 ? d.value = (c = w.value) == null ? void 0 : c.getFirstFocusableItemIndex() : d.value = F;
|
|
1532
1609
|
}
|
|
1533
1610
|
}
|
|
1534
|
-
function
|
|
1535
|
-
var
|
|
1536
|
-
d.value = (
|
|
1611
|
+
function R() {
|
|
1612
|
+
var c;
|
|
1613
|
+
d.value = (c = w.value) == null ? void 0 : c.getLastFocusableItemIndex();
|
|
1537
1614
|
}
|
|
1538
|
-
function ie(
|
|
1615
|
+
function ie(c, x) {
|
|
1539
1616
|
var F;
|
|
1540
|
-
d.value = (F = w.value) == null ? void 0 : F.getAdjacentItemIndex(
|
|
1617
|
+
d.value = (F = w.value) == null ? void 0 : F.getAdjacentItemIndex(c, x);
|
|
1541
1618
|
}
|
|
1542
|
-
function
|
|
1543
|
-
var
|
|
1544
|
-
const
|
|
1545
|
-
if (
|
|
1546
|
-
|
|
1619
|
+
function te(c) {
|
|
1620
|
+
var ve, De, Ae, Qe;
|
|
1621
|
+
const x = ((ve = S == null ? void 0 : S.value) == null ? void 0 : ve.$el) === c.relatedTarget, F = (Ae = (De = u == null ? void 0 : u.value) == null ? void 0 : De.$el) == null ? void 0 : Ae.contains(c.relatedTarget), K = (Qe = O == null ? void 0 : O.value) == null ? void 0 : Qe.contains(c.relatedTarget);
|
|
1622
|
+
if (x || K || F) {
|
|
1623
|
+
c.preventDefault(), c.stopPropagation();
|
|
1547
1624
|
return;
|
|
1548
1625
|
}
|
|
1549
|
-
|
|
1626
|
+
N(), A.value && !a.value && (s.value = n.emptyValue), W();
|
|
1550
1627
|
}
|
|
1551
1628
|
function de() {
|
|
1552
|
-
var
|
|
1553
|
-
(
|
|
1629
|
+
var c, x;
|
|
1630
|
+
(x = (c = u.value) == null ? void 0 : c.inputRef) == null || x.focus();
|
|
1554
1631
|
}
|
|
1555
1632
|
function ke() {
|
|
1556
1633
|
de();
|
|
@@ -1558,45 +1635,45 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1558
1635
|
function k() {
|
|
1559
1636
|
l("show");
|
|
1560
1637
|
}
|
|
1561
|
-
function
|
|
1638
|
+
function me() {
|
|
1562
1639
|
l("hide");
|
|
1563
1640
|
}
|
|
1564
|
-
function X(
|
|
1641
|
+
function X(c) {
|
|
1565
1642
|
var F;
|
|
1566
|
-
const
|
|
1567
|
-
w.value && (w.value.$el.scrollTop =
|
|
1643
|
+
const x = (F = w.value) == null ? void 0 : F.getItem(c);
|
|
1644
|
+
w.value && (w.value.$el.scrollTop = x == null ? void 0 : x.offsetTop);
|
|
1568
1645
|
}
|
|
1569
|
-
return
|
|
1646
|
+
return oe(s, W), oe(
|
|
1570
1647
|
() => n.items,
|
|
1571
|
-
(
|
|
1648
|
+
(c, x) => {
|
|
1572
1649
|
if (!E.value) {
|
|
1573
|
-
const F =
|
|
1650
|
+
const F = x.find((K) => K[n.itemValue] === s.value);
|
|
1574
1651
|
a.value === (F == null ? void 0 : F[n.itemLabel]) && W();
|
|
1575
1652
|
}
|
|
1576
1653
|
},
|
|
1577
1654
|
{ deep: !0 }
|
|
1578
|
-
),
|
|
1579
|
-
|
|
1580
|
-
}),
|
|
1581
|
-
|
|
1582
|
-
}),
|
|
1655
|
+
), oe(d, (c) => {
|
|
1656
|
+
c !== void 0 && X(c);
|
|
1657
|
+
}), oe(a, (c) => {
|
|
1658
|
+
c && i.value && n.selectionMode === "automatic" && ne(g);
|
|
1659
|
+
}), oe(
|
|
1583
1660
|
() => n.loading,
|
|
1584
|
-
(
|
|
1585
|
-
!
|
|
1661
|
+
(c) => {
|
|
1662
|
+
!c && i.value && ne(g);
|
|
1586
1663
|
}
|
|
1587
1664
|
), t({
|
|
1588
|
-
triggerEl:
|
|
1589
|
-
}), (
|
|
1665
|
+
triggerEl: u
|
|
1666
|
+
}), (c, x) => {
|
|
1590
1667
|
var F;
|
|
1591
|
-
return r(), p(
|
|
1592
|
-
|
|
1668
|
+
return r(), p(H, null, [
|
|
1669
|
+
M(m(st), Z({
|
|
1593
1670
|
modelValue: a.value,
|
|
1594
|
-
"onUpdate:modelValue":
|
|
1671
|
+
"onUpdate:modelValue": x[0] || (x[0] = (K) => a.value = K),
|
|
1595
1672
|
id: n.id,
|
|
1596
1673
|
label: n.label,
|
|
1597
1674
|
required: n.required,
|
|
1598
1675
|
ref_key: "triggerEl",
|
|
1599
|
-
ref:
|
|
1676
|
+
ref: u,
|
|
1600
1677
|
role: "combobox",
|
|
1601
1678
|
placeholder: n.placeholder,
|
|
1602
1679
|
class: [
|
|
@@ -1617,20 +1694,20 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1617
1694
|
"aria-autocomplete": "list",
|
|
1618
1695
|
"aria-activedescendant": Q.value,
|
|
1619
1696
|
size: n.size
|
|
1620
|
-
},
|
|
1621
|
-
onClick:
|
|
1622
|
-
onFocusout:
|
|
1623
|
-
onKeydown:
|
|
1697
|
+
}, c.$attrs, {
|
|
1698
|
+
onClick: q,
|
|
1699
|
+
onFocusout: te,
|
|
1700
|
+
onKeydown: ce(f, ["stop"])
|
|
1624
1701
|
}), qe({
|
|
1625
1702
|
"label.prepend": _(() => [
|
|
1626
|
-
h(
|
|
1703
|
+
h(c.$slots, "label.prepend")
|
|
1627
1704
|
]),
|
|
1628
1705
|
"label.append": _(() => [
|
|
1629
|
-
h(
|
|
1706
|
+
h(c.$slots, "label.append")
|
|
1630
1707
|
]),
|
|
1631
1708
|
append: _(() => [
|
|
1632
|
-
h(
|
|
1633
|
-
A.value && a.value ? (r(),
|
|
1709
|
+
h(c.$slots, "append"),
|
|
1710
|
+
A.value && a.value ? (r(), I(m(re), {
|
|
1634
1711
|
key: 0,
|
|
1635
1712
|
class: "q-combobox__clear",
|
|
1636
1713
|
"aria-label": n.texts.clearValue,
|
|
@@ -1640,73 +1717,73 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1640
1717
|
onClick: v
|
|
1641
1718
|
}, {
|
|
1642
1719
|
default: _(() => [
|
|
1643
|
-
|
|
1720
|
+
M(m(U), j(le(n.icons.clear)), null, 16)
|
|
1644
1721
|
]),
|
|
1645
1722
|
_: 1
|
|
1646
|
-
}, 8, ["aria-label"])) :
|
|
1647
|
-
n.readonly ?
|
|
1723
|
+
}, 8, ["aria-label"])) : $("", !0),
|
|
1724
|
+
n.readonly ? $("", !0) : (r(), I(m(re), {
|
|
1648
1725
|
key: 1,
|
|
1649
1726
|
ref_key: "toggleRef",
|
|
1650
|
-
ref:
|
|
1727
|
+
ref: S,
|
|
1651
1728
|
class: "q-combobox__chevron",
|
|
1652
1729
|
"aria-label": n.texts.showOptions,
|
|
1653
1730
|
"b-style": "plain",
|
|
1654
1731
|
borderless: "",
|
|
1655
1732
|
tabindex: "-1",
|
|
1656
1733
|
disabled: n.disabled,
|
|
1657
|
-
onMousedown:
|
|
1734
|
+
onMousedown: ce(J, ["stop", "prevent"])
|
|
1658
1735
|
}, {
|
|
1659
1736
|
default: _(() => [
|
|
1660
|
-
|
|
1737
|
+
M(m(U), j(le(n.icons.chevron)), null, 16)
|
|
1661
1738
|
]),
|
|
1662
1739
|
_: 1
|
|
1663
1740
|
}, 8, ["aria-label", "disabled"]))
|
|
1664
1741
|
]),
|
|
1665
1742
|
_: 2
|
|
1666
1743
|
}, [
|
|
1667
|
-
|
|
1744
|
+
c.$slots.prepend ? {
|
|
1668
1745
|
name: "prepend",
|
|
1669
1746
|
fn: _(() => [
|
|
1670
|
-
h(
|
|
1747
|
+
h(c.$slots, "prepend")
|
|
1671
1748
|
]),
|
|
1672
1749
|
key: "0"
|
|
1673
1750
|
} : void 0,
|
|
1674
|
-
|
|
1751
|
+
c.$slots.extras ? {
|
|
1675
1752
|
name: "extras",
|
|
1676
1753
|
fn: _(() => [
|
|
1677
|
-
h(
|
|
1754
|
+
h(c.$slots, "extras")
|
|
1678
1755
|
]),
|
|
1679
1756
|
key: "1"
|
|
1680
1757
|
} : void 0
|
|
1681
1758
|
]), 1040, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
|
|
1682
|
-
|
|
1759
|
+
M(m(ye), {
|
|
1683
1760
|
modelValue: i.value,
|
|
1684
|
-
"onUpdate:modelValue":
|
|
1761
|
+
"onUpdate:modelValue": x[2] || (x[2] = (K) => i.value = K),
|
|
1685
1762
|
spy: "",
|
|
1686
1763
|
"non-modal": "",
|
|
1687
1764
|
trigger: "manual",
|
|
1688
1765
|
placement: "bottom-start",
|
|
1689
1766
|
width: "anchor",
|
|
1690
1767
|
offset: 4,
|
|
1691
|
-
anchor: (F =
|
|
1768
|
+
anchor: (F = u.value) == null ? void 0 : F.$el,
|
|
1692
1769
|
onEnter: k,
|
|
1693
|
-
onLeave:
|
|
1770
|
+
onLeave: me
|
|
1694
1771
|
}, {
|
|
1695
1772
|
default: _(() => {
|
|
1696
|
-
var
|
|
1773
|
+
var K;
|
|
1697
1774
|
return [
|
|
1698
1775
|
L("div", {
|
|
1699
1776
|
ref_key: "contentRef",
|
|
1700
|
-
ref:
|
|
1777
|
+
ref: O,
|
|
1701
1778
|
class: "q-select__body",
|
|
1702
1779
|
"data-testid": "combobox-dropdown",
|
|
1703
1780
|
"data-key": n.id,
|
|
1704
|
-
onFocusout:
|
|
1781
|
+
onFocusout: te
|
|
1705
1782
|
}, [
|
|
1706
|
-
h(
|
|
1707
|
-
n.loading ? (r(), p("div",
|
|
1708
|
-
|
|
1709
|
-
])) :
|
|
1783
|
+
h(c.$slots, "body.prepend"),
|
|
1784
|
+
n.loading ? (r(), p("div", Vo, [
|
|
1785
|
+
M(m(xe), { size: 24 })
|
|
1786
|
+
])) : V.value.length ? (r(), I(m(Ee), {
|
|
1710
1787
|
key: 1,
|
|
1711
1788
|
ref_key: "listRef",
|
|
1712
1789
|
ref: w,
|
|
@@ -1714,23 +1791,23 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1714
1791
|
selectable: "",
|
|
1715
1792
|
modelValue: s.value,
|
|
1716
1793
|
"onUpdate:modelValue": [
|
|
1717
|
-
|
|
1794
|
+
x[1] || (x[1] = (ve) => s.value = ve),
|
|
1718
1795
|
se
|
|
1719
1796
|
],
|
|
1720
|
-
highlighted: (
|
|
1721
|
-
items:
|
|
1722
|
-
groups:
|
|
1797
|
+
highlighted: (K = P.value) == null ? void 0 : K[n.itemValue],
|
|
1798
|
+
items: V.value,
|
|
1799
|
+
groups: c.groups,
|
|
1723
1800
|
"item-label": n.itemLabel,
|
|
1724
1801
|
"item-value": n.itemValue,
|
|
1725
1802
|
onMouseup: ke
|
|
1726
1803
|
}, {
|
|
1727
|
-
item: _(({ item:
|
|
1728
|
-
h(
|
|
1804
|
+
item: _(({ item: ve }) => [
|
|
1805
|
+
h(c.$slots, "item", { item: ve })
|
|
1729
1806
|
]),
|
|
1730
1807
|
_: 3
|
|
1731
|
-
}, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (r(), p("div",
|
|
1732
|
-
h(
|
|
1733
|
-
], 40,
|
|
1808
|
+
}, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (r(), p("div", Eo, z(n.texts.noData), 1)),
|
|
1809
|
+
h(c.$slots, "body.append")
|
|
1810
|
+
], 40, To)
|
|
1734
1811
|
];
|
|
1735
1812
|
}),
|
|
1736
1813
|
_: 3
|
|
@@ -1738,7 +1815,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1738
1815
|
], 64);
|
|
1739
1816
|
};
|
|
1740
1817
|
}
|
|
1741
|
-
}),
|
|
1818
|
+
}), Ao = C(Do), Qo = [
|
|
1742
1819
|
{
|
|
1743
1820
|
id: "button",
|
|
1744
1821
|
icon: {
|
|
@@ -1749,37 +1826,37 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1749
1826
|
label: "Ok"
|
|
1750
1827
|
}
|
|
1751
1828
|
}
|
|
1752
|
-
],
|
|
1829
|
+
], zo = {
|
|
1753
1830
|
icon: "check-circle-outline"
|
|
1754
|
-
},
|
|
1831
|
+
}, Fo = {
|
|
1755
1832
|
close: {
|
|
1756
1833
|
icon: "close"
|
|
1757
1834
|
}
|
|
1758
|
-
},
|
|
1835
|
+
}, Mo = { class: "q-dialog__header" }, Po = { class: "q-dialog__header-title" }, Oo = { class: "q-dialog__body" }, Uo = {
|
|
1759
1836
|
key: 0,
|
|
1760
1837
|
class: "q-dialog__body-icon"
|
|
1761
|
-
},
|
|
1838
|
+
}, No = { class: "q-dialog__body-text" }, Ho = ["innerHTML"], Go = { key: 1 }, Ro = { class: "q-dialog__body-actions" }, Ko = /* @__PURE__ */ B({
|
|
1762
1839
|
__name: "QDialog",
|
|
1763
|
-
props: /* @__PURE__ */
|
|
1840
|
+
props: /* @__PURE__ */ Y({
|
|
1764
1841
|
text: { default: "" },
|
|
1765
1842
|
attach: { default: "body" },
|
|
1766
1843
|
inline: { type: Boolean },
|
|
1767
1844
|
backdropBlur: { type: Boolean, default: !0 },
|
|
1768
|
-
buttons: { default: () =>
|
|
1845
|
+
buttons: { default: () => Qo },
|
|
1769
1846
|
dismissible: { type: Boolean },
|
|
1770
1847
|
html: { type: Boolean, default: !0 },
|
|
1771
|
-
icon: { default: () =>
|
|
1848
|
+
icon: { default: () => zo },
|
|
1772
1849
|
id: { default: void 0 },
|
|
1773
1850
|
title: { default: "" },
|
|
1774
1851
|
class: { default: void 0 },
|
|
1775
|
-
icons: { default: () =>
|
|
1852
|
+
icons: { default: () => Fo }
|
|
1776
1853
|
}, {
|
|
1777
1854
|
modelValue: { type: Boolean },
|
|
1778
1855
|
modelModifiers: {}
|
|
1779
1856
|
}),
|
|
1780
1857
|
emits: ["update:modelValue"],
|
|
1781
1858
|
setup(o) {
|
|
1782
|
-
const t = o, e =
|
|
1859
|
+
const t = o, e = ee(o, "modelValue"), n = fe(t.id), l = b(() => ["q-dialog", t.class]);
|
|
1783
1860
|
function s() {
|
|
1784
1861
|
e.value = !1;
|
|
1785
1862
|
}
|
|
@@ -1787,7 +1864,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1787
1864
|
var d;
|
|
1788
1865
|
(d = a.action) == null || d.call(a), s();
|
|
1789
1866
|
}
|
|
1790
|
-
return (a, d) => (r(),
|
|
1867
|
+
return (a, d) => (r(), I(m(ye), {
|
|
1791
1868
|
"model-value": e.value,
|
|
1792
1869
|
id: m(n),
|
|
1793
1870
|
inline: t.inline,
|
|
@@ -1799,47 +1876,47 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1799
1876
|
}, {
|
|
1800
1877
|
default: _(() => [
|
|
1801
1878
|
L("div", {
|
|
1802
|
-
class:
|
|
1879
|
+
class: T(l.value)
|
|
1803
1880
|
}, [
|
|
1804
|
-
L("div",
|
|
1805
|
-
L("span",
|
|
1806
|
-
t.dismissible ? (r(),
|
|
1881
|
+
L("div", Mo, [
|
|
1882
|
+
L("span", Po, z(t.title), 1),
|
|
1883
|
+
t.dismissible ? (r(), I(m(re), {
|
|
1807
1884
|
key: 0,
|
|
1808
1885
|
"b-style": "tertiary",
|
|
1809
1886
|
onClick: s
|
|
1810
1887
|
}, {
|
|
1811
1888
|
default: _(() => [
|
|
1812
|
-
|
|
1889
|
+
M(m(U), j(le(t.icons.close)), null, 16)
|
|
1813
1890
|
]),
|
|
1814
1891
|
_: 1
|
|
1815
|
-
})) :
|
|
1892
|
+
})) : $("", !0)
|
|
1816
1893
|
]),
|
|
1817
1894
|
h(a.$slots, "body.content", {}, () => [
|
|
1818
|
-
L("div",
|
|
1895
|
+
L("div", Oo, [
|
|
1819
1896
|
h(a.$slots, "body.icon", {}, () => [
|
|
1820
|
-
t.icon ? (r(), p("span",
|
|
1821
|
-
|
|
1822
|
-
])) :
|
|
1897
|
+
t.icon ? (r(), p("span", Uo, [
|
|
1898
|
+
M(m(U), j(le(t.icon)), null, 16)
|
|
1899
|
+
])) : $("", !0)
|
|
1823
1900
|
]),
|
|
1824
|
-
L("div",
|
|
1901
|
+
L("div", No, [
|
|
1825
1902
|
t.html ? (r(), p("span", {
|
|
1826
1903
|
key: 0,
|
|
1827
1904
|
innerHTML: t.text
|
|
1828
|
-
}, null, 8,
|
|
1905
|
+
}, null, 8, Ho)) : (r(), p("span", Go, z(t.text), 1))
|
|
1829
1906
|
]),
|
|
1830
1907
|
h(a.$slots, "body.append")
|
|
1831
1908
|
])
|
|
1832
1909
|
]),
|
|
1833
|
-
L("div",
|
|
1834
|
-
(r(!0), p(
|
|
1835
|
-
key:
|
|
1836
|
-
onClick: () => i(
|
|
1910
|
+
L("div", Ro, [
|
|
1911
|
+
(r(!0), p(H, null, he(t.buttons, (u) => (r(), I(m(re), Z({ ref_for: !0 }, u.props, {
|
|
1912
|
+
key: u.id,
|
|
1913
|
+
onClick: () => i(u)
|
|
1837
1914
|
}), {
|
|
1838
1915
|
default: _(() => [
|
|
1839
|
-
|
|
1916
|
+
u.icon ? (r(), I(m(U), Z({
|
|
1840
1917
|
key: 0,
|
|
1841
1918
|
ref_for: !0
|
|
1842
|
-
},
|
|
1919
|
+
}, u.icon), null, 16)) : $("", !0)
|
|
1843
1920
|
]),
|
|
1844
1921
|
_: 2
|
|
1845
1922
|
}, 1040, ["onClick"]))), 128))
|
|
@@ -1849,13 +1926,13 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1849
1926
|
_: 3
|
|
1850
1927
|
}, 8, ["model-value", "id", "inline", "attach", "backdrop-blur"]));
|
|
1851
1928
|
}
|
|
1852
|
-
}),
|
|
1929
|
+
}), jo = C(Ko), Wo = {
|
|
1853
1930
|
key: 0,
|
|
1854
1931
|
class: "q-input-group__prepend"
|
|
1855
|
-
},
|
|
1932
|
+
}, Xo = { key: 0 }, Yo = {
|
|
1856
1933
|
key: 1,
|
|
1857
1934
|
class: "q-input-group__append"
|
|
1858
|
-
},
|
|
1935
|
+
}, Zo = { key: 0 }, Jo = /* @__PURE__ */ B({
|
|
1859
1936
|
__name: "QInputGroup",
|
|
1860
1937
|
props: {
|
|
1861
1938
|
id: { default: void 0 },
|
|
@@ -1868,31 +1945,31 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1868
1945
|
},
|
|
1869
1946
|
setup(o) {
|
|
1870
1947
|
const t = o;
|
|
1871
|
-
return
|
|
1948
|
+
return We({
|
|
1872
1949
|
QField: {
|
|
1873
1950
|
size: "block"
|
|
1874
1951
|
}
|
|
1875
|
-
}), (e, n) => (r(),
|
|
1952
|
+
}), (e, n) => (r(), I(m(Le), {
|
|
1876
1953
|
id: t.id,
|
|
1877
|
-
class:
|
|
1954
|
+
class: T(["q-input-group", t.class]),
|
|
1878
1955
|
label: t.label,
|
|
1879
1956
|
required: t.required,
|
|
1880
1957
|
size: t.size
|
|
1881
1958
|
}, qe({
|
|
1882
1959
|
default: _(() => [
|
|
1883
|
-
e.$slots.prepend || t.prependIcon ? (r(), p("div",
|
|
1884
|
-
t.prependIcon ? (r(), p("span",
|
|
1885
|
-
|
|
1886
|
-
])) :
|
|
1960
|
+
e.$slots.prepend || t.prependIcon ? (r(), p("div", Wo, [
|
|
1961
|
+
t.prependIcon ? (r(), p("span", Xo, [
|
|
1962
|
+
M(m(U), j(le(t.prependIcon)), null, 16)
|
|
1963
|
+
])) : $("", !0),
|
|
1887
1964
|
h(e.$slots, "prepend")
|
|
1888
|
-
])) :
|
|
1965
|
+
])) : $("", !0),
|
|
1889
1966
|
h(e.$slots, "default"),
|
|
1890
|
-
e.$slots.append || t.appendIcon ? (r(), p("div",
|
|
1891
|
-
t.appendIcon ? (r(), p("span",
|
|
1892
|
-
|
|
1893
|
-
])) :
|
|
1967
|
+
e.$slots.append || t.appendIcon ? (r(), p("div", Yo, [
|
|
1968
|
+
t.appendIcon ? (r(), p("span", Zo, [
|
|
1969
|
+
M(m(U), j(le(t.appendIcon)), null, 16)
|
|
1970
|
+
])) : $("", !0),
|
|
1894
1971
|
h(e.$slots, "append")
|
|
1895
|
-
])) :
|
|
1972
|
+
])) : $("", !0)
|
|
1896
1973
|
]),
|
|
1897
1974
|
_: 2
|
|
1898
1975
|
}, [
|
|
@@ -1905,7 +1982,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1905
1982
|
} : void 0
|
|
1906
1983
|
]), 1032, ["id", "class", "label", "required", "size"]));
|
|
1907
1984
|
}
|
|
1908
|
-
}),
|
|
1985
|
+
}), en = C(Jo), tn = /* @__PURE__ */ B({
|
|
1909
1986
|
__name: "QLineLoader",
|
|
1910
1987
|
props: {
|
|
1911
1988
|
class: { default: void 0 }
|
|
@@ -1913,19 +1990,19 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1913
1990
|
setup(o) {
|
|
1914
1991
|
const t = o;
|
|
1915
1992
|
return (e, n) => (r(), p("div", {
|
|
1916
|
-
class:
|
|
1993
|
+
class: T(["q-line-loader", t.class])
|
|
1917
1994
|
}, null, 2));
|
|
1918
1995
|
}
|
|
1919
|
-
}),
|
|
1996
|
+
}), on = C(tn), nn = {
|
|
1920
1997
|
key: 0,
|
|
1921
1998
|
class: "q-popover__header"
|
|
1922
|
-
},
|
|
1999
|
+
}, ln = {
|
|
1923
2000
|
key: 1,
|
|
1924
2001
|
class: "q-popover__body"
|
|
1925
|
-
},
|
|
2002
|
+
}, sn = ["innerHTML"], an = { key: 1 }, rn = /* @__PURE__ */ B({
|
|
1926
2003
|
inheritAttrs: !1,
|
|
1927
2004
|
__name: "QPopover",
|
|
1928
|
-
props: /* @__PURE__ */
|
|
2005
|
+
props: /* @__PURE__ */ Y({
|
|
1929
2006
|
anchor: {},
|
|
1930
2007
|
arrow: { type: Boolean, default: !0 },
|
|
1931
2008
|
attach: { default: "body" },
|
|
@@ -1941,8 +2018,8 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1941
2018
|
}),
|
|
1942
2019
|
emits: ["update:modelValue"],
|
|
1943
2020
|
setup(o) {
|
|
1944
|
-
const t = o, e =
|
|
1945
|
-
return (n, l) => (r(),
|
|
2021
|
+
const t = o, e = ee(o, "modelValue");
|
|
2022
|
+
return (n, l) => (r(), I(m(ye), {
|
|
1946
2023
|
modelValue: e.value,
|
|
1947
2024
|
"onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s),
|
|
1948
2025
|
class: "q-popover",
|
|
@@ -1955,31 +2032,31 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1955
2032
|
placement: t.placement
|
|
1956
2033
|
}, {
|
|
1957
2034
|
default: _(() => [
|
|
1958
|
-
t.title || n.$slots.header ? (r(), p("h3",
|
|
1959
|
-
|
|
2035
|
+
t.title || n.$slots.header ? (r(), p("h3", nn, [
|
|
2036
|
+
pe(z(t.title) + " ", 1),
|
|
1960
2037
|
h(n.$slots, "header")
|
|
1961
|
-
])) :
|
|
1962
|
-
t.text || n.$slots.body ? (r(), p("div",
|
|
2038
|
+
])) : $("", !0),
|
|
2039
|
+
t.text || n.$slots.body ? (r(), p("div", ln, [
|
|
1963
2040
|
t.html ? (r(), p("span", {
|
|
1964
2041
|
key: 0,
|
|
1965
2042
|
innerHTML: t.text
|
|
1966
|
-
}, null, 8,
|
|
2043
|
+
}, null, 8, sn)) : (r(), p("span", an, z(t.text), 1)),
|
|
1967
2044
|
h(n.$slots, "body")
|
|
1968
|
-
])) :
|
|
2045
|
+
])) : $("", !0)
|
|
1969
2046
|
]),
|
|
1970
2047
|
_: 3
|
|
1971
2048
|
}, 8, ["modelValue", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
|
|
1972
2049
|
}
|
|
1973
|
-
}),
|
|
2050
|
+
}), dn = C(rn), at = {
|
|
1974
2051
|
emptyMessage: "Select a field to view details."
|
|
1975
|
-
},
|
|
2052
|
+
}, it = {
|
|
1976
2053
|
open: {
|
|
1977
2054
|
icon: "minus-box"
|
|
1978
2055
|
},
|
|
1979
2056
|
close: {
|
|
1980
2057
|
icon: "plus-box"
|
|
1981
2058
|
}
|
|
1982
|
-
},
|
|
2059
|
+
}, cn = { class: "q-property-list__table" }, un = /* @__PURE__ */ B({
|
|
1983
2060
|
__name: "QPropertyList",
|
|
1984
2061
|
props: {
|
|
1985
2062
|
fields: { default: () => [] },
|
|
@@ -1987,80 +2064,80 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
1987
2064
|
noToggle: { type: Boolean },
|
|
1988
2065
|
panelPosition: { default: "bottom" },
|
|
1989
2066
|
groups: { default: () => [] },
|
|
1990
|
-
class: { default: void 0 },
|
|
1991
2067
|
readonly: { type: Boolean },
|
|
1992
|
-
|
|
1993
|
-
|
|
2068
|
+
class: { default: void 0 },
|
|
2069
|
+
icons: { default: () => it },
|
|
2070
|
+
texts: { default: () => at }
|
|
1994
2071
|
},
|
|
1995
2072
|
emits: ["field-change"],
|
|
1996
2073
|
setup(o, { emit: t }) {
|
|
1997
|
-
const e = o, n = t, l = D(e.groups.map((y) => y.id)), s = D(void 0), i = D(null), a =
|
|
2074
|
+
const e = o, n = t, l = D(e.groups.map((y) => y.id)), s = D(void 0), i = D(null), a = b(() => e.groups.length ? e.groups.filter(
|
|
1998
2075
|
(y) => e.fields.some((E) => E.group === y.id)
|
|
1999
|
-
) : [{ id: "", title: "" }]), d =
|
|
2076
|
+
) : [{ id: "", title: "" }]), d = b(() => [
|
|
2000
2077
|
e.class,
|
|
2001
2078
|
{
|
|
2002
2079
|
"q-property-list--side-panel": e.panelPosition === "right"
|
|
2003
2080
|
}
|
|
2004
2081
|
]);
|
|
2005
|
-
function
|
|
2082
|
+
function u() {
|
|
2006
2083
|
var y;
|
|
2007
2084
|
(y = i.value) != null && y.contains(document.activeElement) || (s.value = void 0);
|
|
2008
2085
|
}
|
|
2009
2086
|
function w(y) {
|
|
2010
2087
|
return y ? e.fields.filter((E) => E.group === y) : e.fields;
|
|
2011
2088
|
}
|
|
2012
|
-
function
|
|
2089
|
+
function S(y) {
|
|
2013
2090
|
const E = l.value.indexOf(y);
|
|
2014
2091
|
E === -1 ? l.value.push(y) : l.value.splice(E, 1);
|
|
2015
2092
|
}
|
|
2016
|
-
function
|
|
2093
|
+
function O(y) {
|
|
2017
2094
|
var Q;
|
|
2018
|
-
const E = y.group && !l.value.includes(y.group),
|
|
2095
|
+
const E = y.group && !l.value.includes(y.group), P = ((Q = s.value) == null ? void 0 : Q.id) === y.id;
|
|
2019
2096
|
return [
|
|
2020
2097
|
{
|
|
2021
2098
|
"q-property-list__row--closed": E,
|
|
2022
|
-
"q-property-list__row--selected":
|
|
2099
|
+
"q-property-list__row--selected": P
|
|
2023
2100
|
}
|
|
2024
2101
|
];
|
|
2025
2102
|
}
|
|
2026
2103
|
function A(y) {
|
|
2027
2104
|
s.value = y;
|
|
2028
2105
|
}
|
|
2029
|
-
function
|
|
2106
|
+
function V(y, E) {
|
|
2030
2107
|
e.readonly || (y.props.readonly ?? !1) || (y.props.modelValue = E, n("field-change", y));
|
|
2031
2108
|
}
|
|
2032
2109
|
return (y, E) => (r(), p("div", {
|
|
2033
2110
|
tabindex: "0",
|
|
2034
|
-
class:
|
|
2111
|
+
class: T(["q-property-list", d.value]),
|
|
2035
2112
|
ref_key: "componentRoot",
|
|
2036
2113
|
ref: i,
|
|
2037
|
-
onFocusout:
|
|
2114
|
+
onFocusout: u
|
|
2038
2115
|
}, [
|
|
2039
|
-
L("table",
|
|
2116
|
+
L("table", cn, [
|
|
2040
2117
|
E[0] || (E[0] = L("thead", { class: "q-property-list__header" }, [
|
|
2041
2118
|
L("tr", null, [
|
|
2042
2119
|
L("th", { colspan: "2" })
|
|
2043
2120
|
])
|
|
2044
2121
|
], -1)),
|
|
2045
2122
|
L("tbody", null, [
|
|
2046
|
-
(r(!0), p(
|
|
2047
|
-
key:
|
|
2123
|
+
(r(!0), p(H, null, he(a.value, (P) => (r(), p(H, {
|
|
2124
|
+
key: P.id
|
|
2048
2125
|
}, [
|
|
2049
|
-
|
|
2126
|
+
P.title ? (r(), I(m(dt), {
|
|
2050
2127
|
key: 0,
|
|
2051
|
-
id:
|
|
2052
|
-
title:
|
|
2128
|
+
id: P.id,
|
|
2129
|
+
title: P.title,
|
|
2053
2130
|
icons: e.icons,
|
|
2054
2131
|
"no-toggle": e.noToggle,
|
|
2055
|
-
onToggleGroup:
|
|
2056
|
-
}, null, 8, ["id", "title", "icons", "no-toggle"])) :
|
|
2057
|
-
(r(!0), p(
|
|
2132
|
+
onToggleGroup: S
|
|
2133
|
+
}, null, 8, ["id", "title", "icons", "no-toggle"])) : $("", !0),
|
|
2134
|
+
(r(!0), p(H, null, he(w(P.id), (Q) => (r(), I(m(rt), {
|
|
2058
2135
|
key: Q.id,
|
|
2059
|
-
class:
|
|
2136
|
+
class: T(O(Q)),
|
|
2060
2137
|
field: Q,
|
|
2061
2138
|
readonly: e.readonly,
|
|
2062
2139
|
onFocus: A,
|
|
2063
|
-
onFieldChange:
|
|
2140
|
+
onFieldChange: V
|
|
2064
2141
|
}, {
|
|
2065
2142
|
default: _(() => [
|
|
2066
2143
|
h(y.$slots, Q.id, { field: Q })
|
|
@@ -2070,7 +2147,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2070
2147
|
], 64))), 128))
|
|
2071
2148
|
])
|
|
2072
2149
|
]),
|
|
2073
|
-
e.noPanel ?
|
|
2150
|
+
e.noPanel ? $("", !0) : (r(), I(m(ct), {
|
|
2074
2151
|
key: 0,
|
|
2075
2152
|
field: s.value,
|
|
2076
2153
|
texts: e.texts
|
|
@@ -2079,13 +2156,16 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2079
2156
|
s.value ? h(y.$slots, "panel", {
|
|
2080
2157
|
key: 0,
|
|
2081
2158
|
field: s.value
|
|
2082
|
-
}) :
|
|
2159
|
+
}) : $("", !0)
|
|
2083
2160
|
]),
|
|
2084
2161
|
_: 3
|
|
2085
2162
|
}, 8, ["field", "texts"]))
|
|
2086
2163
|
], 34));
|
|
2087
2164
|
}
|
|
2088
|
-
}),
|
|
2165
|
+
}), fn = {
|
|
2166
|
+
key: 0,
|
|
2167
|
+
class: "q-property-list-field__container"
|
|
2168
|
+
}, pn = /* @__PURE__ */ B({
|
|
2089
2169
|
__name: "QPropertyListRow",
|
|
2090
2170
|
props: {
|
|
2091
2171
|
field: {},
|
|
@@ -2094,56 +2174,56 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2094
2174
|
},
|
|
2095
2175
|
emits: ["focus", "field-change"],
|
|
2096
2176
|
setup(o, { emit: t }) {
|
|
2097
|
-
const e = o, n = t, l =
|
|
2098
|
-
var
|
|
2177
|
+
const e = o, n = t, l = b(() => ["q-property-list__row", e.class]), s = b(() => {
|
|
2178
|
+
var S;
|
|
2099
2179
|
const w = ["q-property-list__cell", "q-property-list__cell--label"];
|
|
2100
|
-
return (
|
|
2101
|
-
}), i =
|
|
2180
|
+
return (S = e.field.props) != null && S.required && w.push("q-property-list__cell--required"), w;
|
|
2181
|
+
}), i = b(() => e.readonly || (e.field.props.readonly ?? !1));
|
|
2102
2182
|
function a() {
|
|
2103
2183
|
n("focus", e.field);
|
|
2104
2184
|
}
|
|
2105
2185
|
function d(w) {
|
|
2106
2186
|
n("field-change", e.field, w);
|
|
2107
2187
|
}
|
|
2108
|
-
const
|
|
2188
|
+
const u = b(() => ({
|
|
2109
2189
|
...e.field.props,
|
|
2110
2190
|
readonly: i.value
|
|
2111
2191
|
}));
|
|
2112
|
-
return (w,
|
|
2113
|
-
class:
|
|
2192
|
+
return (w, S) => (r(), p("tr", {
|
|
2193
|
+
class: T(l.value),
|
|
2114
2194
|
onFocusin: a
|
|
2115
2195
|
}, [
|
|
2116
2196
|
L("td", {
|
|
2117
|
-
class:
|
|
2197
|
+
class: T(s.value),
|
|
2118
2198
|
onClick: a
|
|
2119
|
-
},
|
|
2199
|
+
}, z(e.field.label), 3),
|
|
2120
2200
|
L("td", {
|
|
2121
2201
|
class: "q-property-list__cell",
|
|
2122
2202
|
onClick: a
|
|
2123
2203
|
}, [
|
|
2124
2204
|
h(w.$slots, "default", {}, () => [
|
|
2125
|
-
|
|
2126
|
-
(r(),
|
|
2205
|
+
e.field.component ? (r(), p("div", fn, [
|
|
2206
|
+
(r(), I(Ce(e.field.component), Z(u.value, {
|
|
2127
2207
|
"model-value": e.field.props.modelValue,
|
|
2128
2208
|
"onUpdate:modelValue": d
|
|
2129
2209
|
}), null, 16, ["model-value"]))
|
|
2130
|
-
])
|
|
2210
|
+
])) : $("", !0)
|
|
2131
2211
|
])
|
|
2132
2212
|
])
|
|
2133
2213
|
], 34));
|
|
2134
2214
|
}
|
|
2135
|
-
}),
|
|
2215
|
+
}), mn = ["data-key", "aria-labelledby"], vn = ["id"], hn = { class: "q-property-list-group__content" }, yn = /* @__PURE__ */ B({
|
|
2136
2216
|
__name: "QPropertyListGroup",
|
|
2137
2217
|
props: {
|
|
2138
2218
|
id: {},
|
|
2139
2219
|
title: {},
|
|
2140
2220
|
noToggle: { type: Boolean, default: !1 },
|
|
2141
|
-
icons: { default: () =>
|
|
2221
|
+
icons: { default: () => it },
|
|
2142
2222
|
texts: {}
|
|
2143
2223
|
},
|
|
2144
2224
|
emits: ["toggle-group"],
|
|
2145
2225
|
setup(o, { emit: t }) {
|
|
2146
|
-
const e = o, n = t, l = D(!0), s = fe(), i =
|
|
2226
|
+
const e = o, n = t, l = D(!0), s = fe(), i = b(() => l.value ? e.icons.open : e.icons.close), a = b(() => [
|
|
2147
2227
|
"q-property-list-group",
|
|
2148
2228
|
{
|
|
2149
2229
|
"q-property-list-group--no-toggle": e.noToggle
|
|
@@ -2152,8 +2232,8 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2152
2232
|
function d() {
|
|
2153
2233
|
e.noToggle || (l.value = !l.value, n("toggle-group", e.id));
|
|
2154
2234
|
}
|
|
2155
|
-
return (
|
|
2156
|
-
class:
|
|
2235
|
+
return (u, w) => (r(), p("tr", {
|
|
2236
|
+
class: T(a.value),
|
|
2157
2237
|
role: "group",
|
|
2158
2238
|
"data-key": e.id,
|
|
2159
2239
|
"aria-labelledby": m(s),
|
|
@@ -2163,66 +2243,66 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2163
2243
|
id: m(s),
|
|
2164
2244
|
colspan: "2"
|
|
2165
2245
|
}, [
|
|
2166
|
-
L("div",
|
|
2167
|
-
e.noToggle ?
|
|
2246
|
+
L("div", hn, [
|
|
2247
|
+
e.noToggle ? $("", !0) : (r(), I(m(re), {
|
|
2168
2248
|
key: 0,
|
|
2169
2249
|
"b-style": "tertiary",
|
|
2170
2250
|
borderless: "",
|
|
2171
2251
|
onClick: d
|
|
2172
2252
|
}, {
|
|
2173
2253
|
default: _(() => [
|
|
2174
|
-
|
|
2254
|
+
M(m(U), j(le(i.value)), null, 16)
|
|
2175
2255
|
]),
|
|
2176
2256
|
_: 1
|
|
2177
2257
|
})),
|
|
2178
|
-
|
|
2258
|
+
pe(" " + z(e.title), 1)
|
|
2179
2259
|
])
|
|
2180
|
-
], 8,
|
|
2181
|
-
], 10,
|
|
2260
|
+
], 8, vn)
|
|
2261
|
+
], 10, mn));
|
|
2182
2262
|
}
|
|
2183
|
-
}),
|
|
2263
|
+
}), bn = { class: "q-property-list-panel__container" }, gn = { class: "q-property-list-panel__label" }, _n = { class: "q-property-list-panel__description" }, kn = {
|
|
2184
2264
|
key: 1,
|
|
2185
2265
|
class: "q-property-list-panel__empty"
|
|
2186
|
-
},
|
|
2266
|
+
}, $n = /* @__PURE__ */ B({
|
|
2187
2267
|
__name: "QPropertyListPanel",
|
|
2188
2268
|
props: {
|
|
2189
2269
|
field: { default: void 0 },
|
|
2190
2270
|
icons: {},
|
|
2191
|
-
texts: { default: () =>
|
|
2271
|
+
texts: { default: () => at }
|
|
2192
2272
|
},
|
|
2193
2273
|
setup(o) {
|
|
2194
2274
|
const t = o;
|
|
2195
|
-
return (e, n) => (r(), p("div",
|
|
2275
|
+
return (e, n) => (r(), p("div", bn, [
|
|
2196
2276
|
t.field ? h(e.$slots, "default", { key: 0 }, () => [
|
|
2197
|
-
L("div",
|
|
2198
|
-
L("div",
|
|
2199
|
-
]) : (r(), p("div",
|
|
2277
|
+
L("div", gn, z(t.field.label), 1),
|
|
2278
|
+
L("div", _n, z(t.field.description), 1)
|
|
2279
|
+
]) : (r(), p("div", kn, z(t.texts.emptyMessage), 1))
|
|
2200
2280
|
]));
|
|
2201
2281
|
}
|
|
2202
|
-
}),
|
|
2282
|
+
}), wn = C(un), rt = C(pn), dt = C(yn), ct = C($n), qn = {
|
|
2203
2283
|
placeholder: "Choose...",
|
|
2204
2284
|
clearValue: "Clear value",
|
|
2205
2285
|
showOptions: "Show options"
|
|
2206
|
-
},
|
|
2286
|
+
}, xn = {
|
|
2207
2287
|
chevron: {
|
|
2208
2288
|
icon: "chevron-down"
|
|
2209
2289
|
},
|
|
2210
2290
|
clear: {
|
|
2211
2291
|
icon: "close"
|
|
2212
2292
|
}
|
|
2213
|
-
},
|
|
2293
|
+
}, Ln = {
|
|
2214
2294
|
key: 0,
|
|
2215
2295
|
class: "q-select__value"
|
|
2216
|
-
},
|
|
2296
|
+
}, In = {
|
|
2217
2297
|
key: 1,
|
|
2218
2298
|
class: "q-select__placeholder"
|
|
2219
|
-
},
|
|
2299
|
+
}, Sn = ["data-key"], Bn = {
|
|
2220
2300
|
key: 0,
|
|
2221
2301
|
class: "q-select__loader"
|
|
2222
|
-
},
|
|
2302
|
+
}, Cn = /* @__PURE__ */ B({
|
|
2223
2303
|
inheritAttrs: !1,
|
|
2224
2304
|
__name: "QSelect",
|
|
2225
|
-
props: /* @__PURE__ */
|
|
2305
|
+
props: /* @__PURE__ */ Y({
|
|
2226
2306
|
id: { default: void 0 },
|
|
2227
2307
|
label: { default: "" },
|
|
2228
2308
|
clearable: { type: Boolean },
|
|
@@ -2237,53 +2317,53 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2237
2317
|
emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
2238
2318
|
size: { default: void 0 },
|
|
2239
2319
|
class: { default: "" },
|
|
2240
|
-
icons: { default: () =>
|
|
2241
|
-
texts: { default: () =>
|
|
2320
|
+
icons: { default: () => xn },
|
|
2321
|
+
texts: { default: () => qn }
|
|
2242
2322
|
}, {
|
|
2243
2323
|
modelValue: {
|
|
2244
2324
|
type: [String, Number, Boolean, Symbol]
|
|
2245
2325
|
},
|
|
2246
2326
|
modelModifiers: {}
|
|
2247
2327
|
}),
|
|
2248
|
-
emits: /* @__PURE__ */
|
|
2328
|
+
emits: /* @__PURE__ */ Y(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
|
|
2249
2329
|
setup(o, { emit: t }) {
|
|
2250
|
-
const e = o, n = t, l =
|
|
2330
|
+
const e = o, n = t, l = ee(o, "modelValue"), s = D(!1), i = D(""), a = D(null), d = D(null), u = D(null), w = b(() => S.value === void 0), S = b(
|
|
2251
2331
|
() => {
|
|
2252
2332
|
var f;
|
|
2253
|
-
return (f = e.items) == null ? void 0 : f.find((
|
|
2333
|
+
return (f = e.items) == null ? void 0 : f.find((g) => g[e.itemValue] === l.value);
|
|
2254
2334
|
}
|
|
2255
|
-
),
|
|
2256
|
-
() =>
|
|
2257
|
-
), A =
|
|
2335
|
+
), O = b(
|
|
2336
|
+
() => S.value ? S.value[e.itemLabel] : ""
|
|
2337
|
+
), A = b(
|
|
2258
2338
|
() => e.clearable && !e.readonly && !e.disabled && !e.loading
|
|
2259
2339
|
);
|
|
2260
|
-
function
|
|
2340
|
+
function V(f) {
|
|
2261
2341
|
l.value = f, Q();
|
|
2262
2342
|
}
|
|
2263
2343
|
function y() {
|
|
2264
|
-
A.value && (
|
|
2344
|
+
A.value && (V(e.emptyValue), J());
|
|
2265
2345
|
}
|
|
2266
2346
|
function E(f) {
|
|
2267
|
-
var
|
|
2268
|
-
!((
|
|
2347
|
+
var g, R, ie;
|
|
2348
|
+
!((g = u.value) != null && g.contains(f.relatedTarget)) && !((ie = (R = a.value) == null ? void 0 : R.fieldRef) != null && ie.contains(f.relatedTarget)) && Q();
|
|
2269
2349
|
}
|
|
2270
|
-
function
|
|
2350
|
+
function P() {
|
|
2271
2351
|
s.value || (n("before-show"), s.value = !0);
|
|
2272
2352
|
}
|
|
2273
2353
|
function Q() {
|
|
2274
2354
|
s.value && (n("before-hide"), s.value = !1);
|
|
2275
2355
|
}
|
|
2276
|
-
function
|
|
2277
|
-
e.readonly || e.disabled || (s.value ? Q() :
|
|
2356
|
+
function G() {
|
|
2357
|
+
e.readonly || e.disabled || (s.value ? Q() : P());
|
|
2278
2358
|
}
|
|
2279
2359
|
let se;
|
|
2280
2360
|
function W(f) {
|
|
2281
2361
|
if (!(!f.key || e.readonly || e.disabled)) {
|
|
2282
2362
|
if (window.clearTimeout(se), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && (f.preventDefault(), f.stopPropagation()), ["Enter", " "].includes(f.key) && (s.value = !0), ["Escape", "Tab"].includes(f.key) && (s.value ? s.value = !1 : A.value && f.key === "Escape" && y()), f.key === "Delete" && e.clearable && y(), /^[a-z]$/i.test(f.key)) {
|
|
2283
2363
|
i.value += f.key.toLowerCase();
|
|
2284
|
-
for (let
|
|
2285
|
-
if (e.items[
|
|
2286
|
-
|
|
2364
|
+
for (let g = 0; g < e.items.length; g++)
|
|
2365
|
+
if (e.items[g][e.itemLabel].toLowerCase().startsWith(i.value)) {
|
|
2366
|
+
q(g);
|
|
2287
2367
|
break;
|
|
2288
2368
|
}
|
|
2289
2369
|
}
|
|
@@ -2294,32 +2374,32 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2294
2374
|
}
|
|
2295
2375
|
function ae() {
|
|
2296
2376
|
var f;
|
|
2297
|
-
e.loading ? (f =
|
|
2377
|
+
e.loading ? (f = u.value) == null || f.focus() : v(), n("show");
|
|
2298
2378
|
}
|
|
2299
|
-
function
|
|
2300
|
-
|
|
2379
|
+
function N() {
|
|
2380
|
+
J(), n("hide");
|
|
2301
2381
|
}
|
|
2302
|
-
function
|
|
2303
|
-
var f,
|
|
2304
|
-
(
|
|
2382
|
+
function J() {
|
|
2383
|
+
var f, g;
|
|
2384
|
+
(g = (f = a.value) == null ? void 0 : f.fieldRef) == null || g.focus();
|
|
2305
2385
|
}
|
|
2306
2386
|
function v() {
|
|
2307
2387
|
var f;
|
|
2308
2388
|
(f = d.value) == null || f.$el.focus();
|
|
2309
2389
|
}
|
|
2310
|
-
function
|
|
2311
|
-
var
|
|
2312
|
-
(
|
|
2390
|
+
function q(f) {
|
|
2391
|
+
var g;
|
|
2392
|
+
(g = d.value) == null || g.focusItem(f);
|
|
2313
2393
|
}
|
|
2314
|
-
return
|
|
2394
|
+
return oe(
|
|
2315
2395
|
() => e.loading,
|
|
2316
2396
|
(f) => {
|
|
2317
|
-
!f && s.value &&
|
|
2397
|
+
!f && s.value && ne(v);
|
|
2318
2398
|
}
|
|
2319
|
-
), (f,
|
|
2320
|
-
var
|
|
2321
|
-
return r(), p(
|
|
2322
|
-
|
|
2399
|
+
), (f, g) => {
|
|
2400
|
+
var R, ie;
|
|
2401
|
+
return r(), p(H, null, [
|
|
2402
|
+
M(m(Le), Z({
|
|
2323
2403
|
id: e.id,
|
|
2324
2404
|
label: e.label,
|
|
2325
2405
|
required: e.required,
|
|
@@ -2343,12 +2423,12 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2343
2423
|
"aria-haspopup": "listbox",
|
|
2344
2424
|
size: e.size
|
|
2345
2425
|
}, f.$attrs, {
|
|
2346
|
-
onClick:
|
|
2347
|
-
onKeydown:
|
|
2426
|
+
onClick: G,
|
|
2427
|
+
onKeydown: ce(W, ["stop"])
|
|
2348
2428
|
}), qe({
|
|
2349
2429
|
append: _(() => [
|
|
2350
2430
|
h(f.$slots, "append"),
|
|
2351
|
-
A.value && l.value ? (r(),
|
|
2431
|
+
A.value && l.value ? (r(), I(m(re), {
|
|
2352
2432
|
key: 0,
|
|
2353
2433
|
class: "q-select__clear",
|
|
2354
2434
|
"aria-label": e.texts.clearValue,
|
|
@@ -2358,11 +2438,11 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2358
2438
|
onClick: y
|
|
2359
2439
|
}, {
|
|
2360
2440
|
default: _(() => [
|
|
2361
|
-
|
|
2441
|
+
M(m(U), j(le(e.icons.clear)), null, 16)
|
|
2362
2442
|
]),
|
|
2363
2443
|
_: 1
|
|
2364
|
-
}, 8, ["aria-label"])) :
|
|
2365
|
-
e.readonly ?
|
|
2444
|
+
}, 8, ["aria-label"])) : $("", !0),
|
|
2445
|
+
e.readonly ? $("", !0) : (r(), I(m(re), {
|
|
2366
2446
|
key: 1,
|
|
2367
2447
|
class: "q-select__chevron",
|
|
2368
2448
|
"aria-label": e.texts.showOptions,
|
|
@@ -2370,30 +2450,30 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2370
2450
|
borderless: "",
|
|
2371
2451
|
tabindex: "-1",
|
|
2372
2452
|
disabled: e.disabled,
|
|
2373
|
-
onClick:
|
|
2453
|
+
onClick: G
|
|
2374
2454
|
}, {
|
|
2375
2455
|
default: _(() => [
|
|
2376
|
-
|
|
2456
|
+
M(m(U), j(le(e.icons.chevron)), null, 16)
|
|
2377
2457
|
]),
|
|
2378
2458
|
_: 1
|
|
2379
2459
|
}, 8, ["aria-label", "disabled"]))
|
|
2380
2460
|
]),
|
|
2381
2461
|
default: _(() => [
|
|
2382
|
-
w.value ? (r(), p("span",
|
|
2383
|
-
!e.readonly && !e.disabled ? (r(), p(
|
|
2384
|
-
|
|
2385
|
-
], 64)) :
|
|
2386
|
-
])) : (r(), p("span",
|
|
2462
|
+
w.value ? (r(), p("span", In, [
|
|
2463
|
+
!e.readonly && !e.disabled ? (r(), p(H, { key: 0 }, [
|
|
2464
|
+
pe(z(e.texts.placeholder), 1)
|
|
2465
|
+
], 64)) : $("", !0)
|
|
2466
|
+
])) : (r(), p("span", Ln, z(O.value), 1))
|
|
2387
2467
|
]),
|
|
2388
2468
|
_: 2
|
|
2389
2469
|
}, [
|
|
2390
|
-
(
|
|
2470
|
+
(R = S.value) != null && R.icon || f.$slots.prepend ? {
|
|
2391
2471
|
name: "prepend",
|
|
2392
2472
|
fn: _(() => {
|
|
2393
|
-
var
|
|
2473
|
+
var te, de;
|
|
2394
2474
|
return [
|
|
2395
2475
|
h(f.$slots, "prepend"),
|
|
2396
|
-
(
|
|
2476
|
+
(te = S.value) != null && te.icon ? (r(), I(m(U), j(Z({ key: 0 }, (de = S.value) == null ? void 0 : de.icon)), null, 16)) : $("", !0)
|
|
2397
2477
|
];
|
|
2398
2478
|
}),
|
|
2399
2479
|
key: "0"
|
|
@@ -2406,9 +2486,9 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2406
2486
|
key: "1"
|
|
2407
2487
|
} : void 0
|
|
2408
2488
|
]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
|
|
2409
|
-
|
|
2489
|
+
M(m(ye), {
|
|
2410
2490
|
modelValue: s.value,
|
|
2411
|
-
"onUpdate:modelValue":
|
|
2491
|
+
"onUpdate:modelValue": g[0] || (g[0] = (te) => s.value = te),
|
|
2412
2492
|
spy: "",
|
|
2413
2493
|
trigger: "manual",
|
|
2414
2494
|
placement: "bottom-start",
|
|
@@ -2417,23 +2497,23 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2417
2497
|
anchor: (ie = a.value) == null ? void 0 : ie.$el,
|
|
2418
2498
|
offset: 2,
|
|
2419
2499
|
onEnter: ae,
|
|
2420
|
-
onLeave:
|
|
2500
|
+
onLeave: N
|
|
2421
2501
|
}, {
|
|
2422
2502
|
default: _(() => [
|
|
2423
2503
|
L("div", {
|
|
2424
2504
|
ref_key: "contentRef",
|
|
2425
|
-
ref:
|
|
2505
|
+
ref: u,
|
|
2426
2506
|
"data-testid": "combobox-dropdown",
|
|
2427
2507
|
"data-key": e.id,
|
|
2428
2508
|
class: "q-select__body",
|
|
2429
2509
|
tabindex: "-1",
|
|
2430
2510
|
onFocusout: E,
|
|
2431
|
-
onKeydown:
|
|
2511
|
+
onKeydown: ce(W, ["stop"])
|
|
2432
2512
|
}, [
|
|
2433
2513
|
h(f.$slots, "body.prepend"),
|
|
2434
|
-
e.loading ? (r(), p("div",
|
|
2435
|
-
|
|
2436
|
-
])) : (r(),
|
|
2514
|
+
e.loading ? (r(), p("div", Bn, [
|
|
2515
|
+
M(m(xe), { size: 24 })
|
|
2516
|
+
])) : (r(), I(m(Ee), {
|
|
2437
2517
|
key: 1,
|
|
2438
2518
|
ref_key: "listRef",
|
|
2439
2519
|
ref: d,
|
|
@@ -2444,22 +2524,22 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2444
2524
|
groups: f.groups,
|
|
2445
2525
|
"item-label": e.itemLabel,
|
|
2446
2526
|
"item-value": e.itemValue,
|
|
2447
|
-
"onUpdate:modelValue":
|
|
2527
|
+
"onUpdate:modelValue": V
|
|
2448
2528
|
}, {
|
|
2449
|
-
item: _(({ item:
|
|
2450
|
-
h(f.$slots, "item", { item:
|
|
2529
|
+
item: _(({ item: te }) => [
|
|
2530
|
+
h(f.$slots, "item", { item: te })
|
|
2451
2531
|
]),
|
|
2452
2532
|
_: 3
|
|
2453
2533
|
}, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
|
|
2454
2534
|
h(f.$slots, "body.append")
|
|
2455
|
-
], 40,
|
|
2535
|
+
], 40, Sn)
|
|
2456
2536
|
]),
|
|
2457
2537
|
_: 3
|
|
2458
2538
|
}, 8, ["modelValue", "anchor"])
|
|
2459
2539
|
], 64);
|
|
2460
2540
|
};
|
|
2461
2541
|
}
|
|
2462
|
-
}),
|
|
2542
|
+
}), Tn = C(Cn), Vn = /* @__PURE__ */ B({
|
|
2463
2543
|
__name: "QSkeletonLoader",
|
|
2464
2544
|
props: {
|
|
2465
2545
|
type: { default: void 0 },
|
|
@@ -2467,7 +2547,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2467
2547
|
height: { default: void 0 }
|
|
2468
2548
|
},
|
|
2469
2549
|
setup(o) {
|
|
2470
|
-
const t = o, e =
|
|
2550
|
+
const t = o, e = b(() => t.type ? `q-skeleton-loader--${t.type}` : void 0), n = b(() => {
|
|
2471
2551
|
const l = typeof t.width == "number" ? `${t.width}px` : t.width, s = typeof t.height == "number" ? `${t.height}px` : t.height;
|
|
2472
2552
|
return {
|
|
2473
2553
|
width: l,
|
|
@@ -2475,13 +2555,13 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2475
2555
|
};
|
|
2476
2556
|
});
|
|
2477
2557
|
return (l, s) => (r(), p("div", {
|
|
2478
|
-
class:
|
|
2558
|
+
class: T(["q-skeleton-loader", e.value]),
|
|
2479
2559
|
style: ue(n.value)
|
|
2480
2560
|
}, s[0] || (s[0] = [
|
|
2481
2561
|
L("div", { class: "q-skeleton-loader__bone" }, null, -1)
|
|
2482
2562
|
]), 6));
|
|
2483
2563
|
}
|
|
2484
|
-
}),
|
|
2564
|
+
}), En = C(Vn), Dn = /* @__PURE__ */ B({
|
|
2485
2565
|
__name: "QThemeProvider",
|
|
2486
2566
|
props: {
|
|
2487
2567
|
theme: {}
|
|
@@ -2489,16 +2569,16 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2489
2569
|
setup(o) {
|
|
2490
2570
|
const t = o;
|
|
2491
2571
|
return (e, n) => (r(), p("div", {
|
|
2492
|
-
class:
|
|
2572
|
+
class: T(["q-theme-provider", `q-theme--${t.theme}`])
|
|
2493
2573
|
}, [
|
|
2494
2574
|
h(e.$slots, "default")
|
|
2495
2575
|
], 2));
|
|
2496
2576
|
}
|
|
2497
|
-
}),
|
|
2577
|
+
}), An = C(Dn), Qn = ["innerHTML"], zn = /* @__PURE__ */ B({
|
|
2498
2578
|
__name: "QTooltip",
|
|
2499
|
-
props: /* @__PURE__ */
|
|
2579
|
+
props: /* @__PURE__ */ Y({
|
|
2500
2580
|
id: { default: void 0 },
|
|
2501
|
-
anchor: {},
|
|
2581
|
+
anchor: { default: void 0 },
|
|
2502
2582
|
appearance: { default: "inverted" },
|
|
2503
2583
|
arrow: { type: Boolean, default: !0 },
|
|
2504
2584
|
attach: { default: "body" },
|
|
@@ -2517,12 +2597,12 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2517
2597
|
}),
|
|
2518
2598
|
emits: ["update:modelValue"],
|
|
2519
2599
|
setup(o) {
|
|
2520
|
-
const t = o, e =
|
|
2521
|
-
return (l, s) => (r(), p(
|
|
2600
|
+
const t = o, e = ee(o, "modelValue"), n = fe(t.id);
|
|
2601
|
+
return (l, s) => (r(), p(H, null, [
|
|
2522
2602
|
h(l.$slots, "anchor", {
|
|
2523
2603
|
props: { "aria-describedby": m(n) }
|
|
2524
2604
|
}),
|
|
2525
|
-
|
|
2605
|
+
M(m(ye), {
|
|
2526
2606
|
"model-value": e.value,
|
|
2527
2607
|
anchor: t.anchor,
|
|
2528
2608
|
role: "tooltip",
|
|
@@ -2532,7 +2612,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2532
2612
|
arrow: t.arrow,
|
|
2533
2613
|
attach: t.attach,
|
|
2534
2614
|
inline: t.inline,
|
|
2535
|
-
class:
|
|
2615
|
+
class: T(["q-tooltip", t.class]),
|
|
2536
2616
|
delay: t.delay,
|
|
2537
2617
|
disabled: t.disabled,
|
|
2538
2618
|
placement: t.placement,
|
|
@@ -2540,12 +2620,12 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2540
2620
|
}, {
|
|
2541
2621
|
default: _(() => [
|
|
2542
2622
|
h(l.$slots, "default", {}, () => [
|
|
2543
|
-
t.icon ? (r(),
|
|
2623
|
+
t.icon ? (r(), I(m(U), j(Z({ key: 0 }, t.icon)), null, 16)) : $("", !0),
|
|
2544
2624
|
t.html ? (r(), p("span", {
|
|
2545
2625
|
key: 1,
|
|
2546
2626
|
innerHTML: t.text
|
|
2547
|
-
}, null, 8,
|
|
2548
|
-
|
|
2627
|
+
}, null, 8, Qn)) : (r(), p(H, { key: 2 }, [
|
|
2628
|
+
pe(z(t.text), 1)
|
|
2549
2629
|
], 64))
|
|
2550
2630
|
])
|
|
2551
2631
|
]),
|
|
@@ -2553,57 +2633,58 @@ const co = ["role"], fo = /* @__PURE__ */ B({
|
|
|
2553
2633
|
}, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
|
|
2554
2634
|
], 64));
|
|
2555
2635
|
}
|
|
2556
|
-
}),
|
|
2636
|
+
}), Fn = C(zn), Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2557
2637
|
__proto__: null,
|
|
2558
|
-
QBadge:
|
|
2638
|
+
QBadge: Ft,
|
|
2559
2639
|
QButton: re,
|
|
2560
|
-
QButtonGroup:
|
|
2561
|
-
QButtonToggle:
|
|
2562
|
-
|
|
2563
|
-
|
|
2640
|
+
QButtonGroup: ot,
|
|
2641
|
+
QButtonToggle: Ot,
|
|
2642
|
+
QCheckbox: Wt,
|
|
2643
|
+
QCombobox: Ao,
|
|
2644
|
+
QDialog: jo,
|
|
2564
2645
|
QField: Le,
|
|
2565
|
-
QIcon:
|
|
2566
|
-
QIconFont:
|
|
2567
|
-
QIconImg:
|
|
2568
|
-
QIconSvg:
|
|
2569
|
-
QInputGroup:
|
|
2570
|
-
QLineLoader:
|
|
2571
|
-
QList:
|
|
2572
|
-
QListItem:
|
|
2573
|
-
QListItemGroup:
|
|
2646
|
+
QIcon: U,
|
|
2647
|
+
QIconFont: Ze,
|
|
2648
|
+
QIconImg: Je,
|
|
2649
|
+
QIconSvg: et,
|
|
2650
|
+
QInputGroup: en,
|
|
2651
|
+
QLineLoader: on,
|
|
2652
|
+
QList: Ee,
|
|
2653
|
+
QListItem: nt,
|
|
2654
|
+
QListItemGroup: lt,
|
|
2574
2655
|
QOverlay: ye,
|
|
2575
|
-
QPopover:
|
|
2576
|
-
QPropertyList:
|
|
2577
|
-
QPropertyListGroup:
|
|
2578
|
-
QPropertyListPanel:
|
|
2579
|
-
QPropertyListRow:
|
|
2580
|
-
QSelect:
|
|
2581
|
-
QSkeletonLoader:
|
|
2656
|
+
QPopover: dn,
|
|
2657
|
+
QPropertyList: wn,
|
|
2658
|
+
QPropertyListGroup: dt,
|
|
2659
|
+
QPropertyListPanel: ct,
|
|
2660
|
+
QPropertyListRow: rt,
|
|
2661
|
+
QSelect: Tn,
|
|
2662
|
+
QSkeletonLoader: En,
|
|
2582
2663
|
QSpinnerLoader: xe,
|
|
2583
|
-
QTextField:
|
|
2584
|
-
QThemeProvider:
|
|
2585
|
-
QTooltip:
|
|
2664
|
+
QTextField: st,
|
|
2665
|
+
QThemeProvider: An,
|
|
2666
|
+
QTooltip: Fn
|
|
2586
2667
|
}, Symbol.toStringTag, { value: "Module" })), ge = "q-theme";
|
|
2587
|
-
function
|
|
2588
|
-
const o =
|
|
2668
|
+
function Pn() {
|
|
2669
|
+
const o = Re(ge);
|
|
2589
2670
|
if (!o)
|
|
2590
2671
|
throw new Error("[Quidgest UI] Could not find theme instance");
|
|
2591
2672
|
return o;
|
|
2592
2673
|
}
|
|
2593
|
-
function
|
|
2594
|
-
const t =
|
|
2674
|
+
function jn(o) {
|
|
2675
|
+
const t = Pn(), e = {
|
|
2595
2676
|
activeTheme: D(o),
|
|
2596
2677
|
themes: t.themes
|
|
2597
2678
|
};
|
|
2598
|
-
return
|
|
2679
|
+
return Ge(ge, e), e;
|
|
2599
2680
|
}
|
|
2600
|
-
function
|
|
2681
|
+
function On() {
|
|
2601
2682
|
let o = document.getElementById(
|
|
2602
2683
|
ge
|
|
2603
2684
|
);
|
|
2604
2685
|
return o || (o = document.createElement("style"), o.id = ge, document.head.appendChild(o)), o;
|
|
2605
2686
|
}
|
|
2606
|
-
function
|
|
2687
|
+
function Un(o) {
|
|
2607
2688
|
let t = "";
|
|
2608
2689
|
for (const n of o) {
|
|
2609
2690
|
t += `.q-theme--${n.name} {
|
|
@@ -2613,43 +2694,43 @@ function An(o) {
|
|
|
2613
2694
|
for (s in l) {
|
|
2614
2695
|
const i = l[s];
|
|
2615
2696
|
if (i) {
|
|
2616
|
-
t += ` ${
|
|
2697
|
+
t += ` ${Ne(s)}: ${i};
|
|
2617
2698
|
`;
|
|
2618
|
-
const a =
|
|
2619
|
-
t += ` ${
|
|
2699
|
+
const a = tt(i);
|
|
2700
|
+
t += ` ${Ne(s)}-rgb: ${a.r} ${a.g} ${a.b};
|
|
2620
2701
|
`;
|
|
2621
2702
|
}
|
|
2622
2703
|
}
|
|
2623
2704
|
t += `}
|
|
2624
2705
|
`;
|
|
2625
2706
|
}
|
|
2626
|
-
const e =
|
|
2707
|
+
const e = On();
|
|
2627
2708
|
e.textContent = t;
|
|
2628
2709
|
}
|
|
2629
|
-
function
|
|
2630
|
-
return o ? `--q-theme-${
|
|
2710
|
+
function Ne(o) {
|
|
2711
|
+
return o ? `--q-theme-${Ye(o)}` : "";
|
|
2631
2712
|
}
|
|
2632
|
-
function
|
|
2713
|
+
function Nn(o = {}) {
|
|
2633
2714
|
return { install: (e) => {
|
|
2634
2715
|
const n = o.components || {};
|
|
2635
2716
|
for (const s in n)
|
|
2636
2717
|
e.component(s, n[s]);
|
|
2637
2718
|
const l = o.defaults || {};
|
|
2638
|
-
e.provide(
|
|
2719
|
+
e.provide(Ve, D(l)), Hn(e, o.themes);
|
|
2639
2720
|
} };
|
|
2640
2721
|
}
|
|
2641
|
-
function
|
|
2722
|
+
function Hn(o, t) {
|
|
2642
2723
|
const e = [];
|
|
2643
2724
|
let n;
|
|
2644
2725
|
if (!t)
|
|
2645
2726
|
n = "default", e.push({
|
|
2646
2727
|
name: n,
|
|
2647
2728
|
mode: "light",
|
|
2648
|
-
scheme:
|
|
2729
|
+
scheme: Se
|
|
2649
2730
|
});
|
|
2650
2731
|
else
|
|
2651
2732
|
for (const l of t.themes) {
|
|
2652
|
-
const i = { ...l.mode === "light" ?
|
|
2733
|
+
const i = { ...l.mode === "light" ? Se : je, ...l.colors };
|
|
2653
2734
|
e.push({
|
|
2654
2735
|
name: l.name,
|
|
2655
2736
|
mode: l.mode,
|
|
@@ -2661,18 +2742,18 @@ function Fn(o, t) {
|
|
|
2661
2742
|
activeTheme: D(n),
|
|
2662
2743
|
themes: e
|
|
2663
2744
|
};
|
|
2664
|
-
|
|
2745
|
+
Un(e), oe(l.activeTheme, Gn, { immediate: !0 }), o.provide(ge, l);
|
|
2665
2746
|
}
|
|
2666
2747
|
}
|
|
2667
|
-
function
|
|
2748
|
+
function Gn(o) {
|
|
2668
2749
|
const t = document.documentElement, n = Array.from(t.classList).filter((l) => !l.startsWith("q-theme"));
|
|
2669
2750
|
t.className = n.join(" "), t.classList.add(`q-theme--${o}`);
|
|
2670
2751
|
}
|
|
2671
|
-
const
|
|
2752
|
+
const Wn = (o = {}) => Nn({ components: Mn, ...o });
|
|
2672
2753
|
export {
|
|
2673
|
-
|
|
2674
|
-
|
|
2675
|
-
|
|
2676
|
-
|
|
2677
|
-
|
|
2754
|
+
Mn as components,
|
|
2755
|
+
Wn as createFramework,
|
|
2756
|
+
jn as provideTheme,
|
|
2757
|
+
Kn as templates,
|
|
2758
|
+
Pn as useTheme
|
|
2678
2759
|
};
|