@quidgest/ui 0.5.17 → 0.5.18
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/ui.css +2 -14
- package/dist/ui.esm.js +116 -117
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +1 -1
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +39 -39
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +3 -29
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -285,7 +285,6 @@ body {
|
|
|
285
285
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
286
286
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
287
287
|
transition-duration: 0.15s;
|
|
288
|
-
line-height: 15px;
|
|
289
288
|
}
|
|
290
289
|
.q-btn:hover:not(:disabled) {
|
|
291
290
|
cursor: pointer;
|
|
@@ -305,18 +304,11 @@ body {
|
|
|
305
304
|
align-items: center;
|
|
306
305
|
justify-content: center;
|
|
307
306
|
font-size: 0.9rem;
|
|
307
|
+
line-height: 0.9rem;
|
|
308
|
+
min-width: 0.9rem;
|
|
308
309
|
white-space: nowrap;
|
|
309
310
|
gap: 0.25rem;
|
|
310
311
|
pointer-events: none;
|
|
311
|
-
line-height: 15px;
|
|
312
|
-
min-width: 15px;
|
|
313
|
-
}
|
|
314
|
-
.q-btn .e-icon__svg {
|
|
315
|
-
padding: 0;
|
|
316
|
-
margin: 0;
|
|
317
|
-
fill: currentColor;
|
|
318
|
-
width: 15px;
|
|
319
|
-
height: 15px;
|
|
320
312
|
}
|
|
321
313
|
.q-btn .q-spinner-loader {
|
|
322
314
|
color: currentColor;
|
|
@@ -385,10 +377,6 @@ body {
|
|
|
385
377
|
font-size: 0.75rem;
|
|
386
378
|
line-height: 14px;
|
|
387
379
|
}
|
|
388
|
-
.q-btn--small .e-icon__svg {
|
|
389
|
-
width: 14px;
|
|
390
|
-
height: 14px;
|
|
391
|
-
}
|
|
392
380
|
.q-btn--borderless {
|
|
393
381
|
border-color: transparent !important;
|
|
394
382
|
}
|
package/dist/ui.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getCurrentInstance as he, computed as v, ref as I, provide as Le, inject as ye, watch as C, defineComponent as k, openBlock as r, createElementBlock as f, normalizeStyle as K, createElementVNode as
|
|
1
|
+
import { getCurrentInstance as he, computed as v, ref as I, provide as Le, inject as ye, watch as C, defineComponent as k, openBlock as r, createElementBlock as f, normalizeStyle as K, createElementVNode as N, normalizeClass as V, withModifiers as R, createVNode as H, unref as g, createCommentVNode as b, Fragment as O, createTextVNode as X, toDisplayString as A, renderSlot as x, toRef as ee, createBlock as $, withCtx as T, renderList as ne, resolveDynamicComponent as ve, h as re, normalizeProps as ge, mergeProps as Z, reactive as xe, onBeforeUnmount as qe, onMounted as Ie, Teleport as De, Transition as Te, nextTick as ie, useAttrs as Ee, createSlots as Ce, guardReactiveProps as Ve, withDirectives as Ae } from "vue";
|
|
2
2
|
function oe(t) {
|
|
3
3
|
return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
|
|
4
4
|
}
|
|
@@ -182,7 +182,7 @@ function te(t, n, e) {
|
|
|
182
182
|
return e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? t + (n - t) * 6 * e : e < 1 / 2 ? n : e < 2 / 3 ? t + (n - t) * (2 / 3 - e) * 6 : t;
|
|
183
183
|
}
|
|
184
184
|
const j = "q-theme";
|
|
185
|
-
function
|
|
185
|
+
function tn() {
|
|
186
186
|
const t = ye(j);
|
|
187
187
|
if (!t)
|
|
188
188
|
throw new Error("[Quidgest UI] Could not find theme instance");
|
|
@@ -256,7 +256,7 @@ function Ue(t) {
|
|
|
256
256
|
function fe(t) {
|
|
257
257
|
return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
|
|
258
258
|
}
|
|
259
|
-
function
|
|
259
|
+
function nn(t = {}) {
|
|
260
260
|
return { install: (e) => {
|
|
261
261
|
const o = t.components || {};
|
|
262
262
|
for (const l in o)
|
|
@@ -268,8 +268,8 @@ function on(t = {}) {
|
|
|
268
268
|
e.provide(se, I(a)), Re(e, t.themes);
|
|
269
269
|
} };
|
|
270
270
|
}
|
|
271
|
-
const Ne = /* @__PURE__ */
|
|
272
|
-
/* @__PURE__ */
|
|
271
|
+
const Ne = /* @__PURE__ */ N("svg", { viewBox: "25 25 50 50" }, [
|
|
272
|
+
/* @__PURE__ */ N("circle", {
|
|
273
273
|
class: "path",
|
|
274
274
|
cx: "50",
|
|
275
275
|
cy: "50",
|
|
@@ -361,12 +361,12 @@ const Se = w(We), Ye = ["disabled", "onClick"], Xe = {
|
|
|
361
361
|
type: "button",
|
|
362
362
|
class: V(a.value),
|
|
363
363
|
disabled: o.value,
|
|
364
|
-
onClick:
|
|
364
|
+
onClick: R(s, ["stop", "prevent"])
|
|
365
365
|
}, [
|
|
366
366
|
l.loading ? (r(), f("div", Xe, [
|
|
367
|
-
|
|
367
|
+
H(g(Se), { size: 23 })
|
|
368
368
|
])) : b("", !0),
|
|
369
|
-
|
|
369
|
+
N("span", Ze, [
|
|
370
370
|
l.iconOnRight ? (r(), f(O, { key: 0 }, [
|
|
371
371
|
X(A(e.label), 1)
|
|
372
372
|
], 64)) : b("", !0),
|
|
@@ -458,7 +458,7 @@ const Se = w(We), Ye = ["disabled", "onClick"], Xe = {
|
|
|
458
458
|
_: 3
|
|
459
459
|
}, 8, ["disabled", "borderless", "elevated"]));
|
|
460
460
|
}
|
|
461
|
-
}),
|
|
461
|
+
}), on = w(tt), nt = /* @__PURE__ */ k({
|
|
462
462
|
__name: "QIcon",
|
|
463
463
|
props: {
|
|
464
464
|
icon: {},
|
|
@@ -469,11 +469,11 @@ const Se = w(We), Ye = ["disabled", "onClick"], Xe = {
|
|
|
469
469
|
const n = t, e = v(() => {
|
|
470
470
|
switch (n.type) {
|
|
471
471
|
case "svg":
|
|
472
|
-
return
|
|
472
|
+
return ft;
|
|
473
473
|
case "font":
|
|
474
|
-
return
|
|
474
|
+
return ut;
|
|
475
475
|
case "img":
|
|
476
|
-
return
|
|
476
|
+
return dt;
|
|
477
477
|
default:
|
|
478
478
|
return;
|
|
479
479
|
}
|
|
@@ -502,7 +502,7 @@ const Se = w(We), Ye = ["disabled", "onClick"], Xe = {
|
|
|
502
502
|
style: K(s.value)
|
|
503
503
|
}, null, 6)) : b("", !0);
|
|
504
504
|
}
|
|
505
|
-
}), st =
|
|
505
|
+
}), st = ["src"], at = /* @__PURE__ */ k({
|
|
506
506
|
__name: "QIconImg",
|
|
507
507
|
props: {
|
|
508
508
|
icon: {},
|
|
@@ -512,15 +512,14 @@ const Se = w(We), Ye = ["disabled", "onClick"], Xe = {
|
|
|
512
512
|
const n = t, e = v(() => ({
|
|
513
513
|
"font-size": n.size !== void 0 ? `${n.size}px` : void 0
|
|
514
514
|
}));
|
|
515
|
-
return (o, s) => n.icon ? (r(), f("
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
])) : b("", !0);
|
|
515
|
+
return (o, s) => n.icon ? (r(), f("img", {
|
|
516
|
+
key: 0,
|
|
517
|
+
src: n.icon,
|
|
518
|
+
class: "q-icon q-icon__img",
|
|
519
|
+
style: K(e.value)
|
|
520
|
+
}, null, 12, st)) : b("", !0);
|
|
522
521
|
}
|
|
523
|
-
}),
|
|
522
|
+
}), M = {}, lt = k({
|
|
524
523
|
name: "InlineSvg",
|
|
525
524
|
emits: ["loaded", "unloaded", "error"],
|
|
526
525
|
inheritAttrs: !1,
|
|
@@ -576,7 +575,7 @@ const Se = w(We), Ye = ["disabled", "onClick"], Xe = {
|
|
|
576
575
|
o !== !1 && o !== null && o !== void 0 && (t[e] = o);
|
|
577
576
|
},
|
|
578
577
|
getSvgContent(t) {
|
|
579
|
-
return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)),
|
|
578
|
+
return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), rt(t, this.title)), t);
|
|
580
579
|
},
|
|
581
580
|
/**
|
|
582
581
|
* Get svgElSource
|
|
@@ -584,11 +583,11 @@ const Se = w(We), Ye = ["disabled", "onClick"], Xe = {
|
|
|
584
583
|
*/
|
|
585
584
|
async getSource(t) {
|
|
586
585
|
try {
|
|
587
|
-
|
|
588
|
-
const n = await
|
|
586
|
+
M[t] || (M[t] = it(this.download(t))), this.svgElSource && M[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
|
|
587
|
+
const n = await M[t];
|
|
589
588
|
this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
|
|
590
589
|
} catch (n) {
|
|
591
|
-
this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete
|
|
590
|
+
this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete M[t], this.$emit("error", n);
|
|
592
591
|
}
|
|
593
592
|
},
|
|
594
593
|
/**
|
|
@@ -612,7 +611,7 @@ const Se = w(We), Ye = ["disabled", "onClick"], Xe = {
|
|
|
612
611
|
}
|
|
613
612
|
}
|
|
614
613
|
});
|
|
615
|
-
function
|
|
614
|
+
function rt(t, n) {
|
|
616
615
|
const e = t.getElementsByTagName("title");
|
|
617
616
|
if (e.length)
|
|
618
617
|
e[0].textContent = n;
|
|
@@ -621,7 +620,7 @@ function it(t, n) {
|
|
|
621
620
|
o.textContent = n, t.insertBefore(o, t.firstChild);
|
|
622
621
|
}
|
|
623
622
|
}
|
|
624
|
-
function
|
|
623
|
+
function it(t) {
|
|
625
624
|
if (t.getIsPending)
|
|
626
625
|
return t;
|
|
627
626
|
let n = !0;
|
|
@@ -633,7 +632,7 @@ function ct(t) {
|
|
|
633
632
|
);
|
|
634
633
|
return e.getIsPending = () => n, e;
|
|
635
634
|
}
|
|
636
|
-
const
|
|
635
|
+
const ct = /* @__PURE__ */ k({
|
|
637
636
|
__name: "QIconSvg",
|
|
638
637
|
props: {
|
|
639
638
|
icon: {},
|
|
@@ -645,7 +644,7 @@ const ut = /* @__PURE__ */ k({
|
|
|
645
644
|
const e = t, o = v(() => ({
|
|
646
645
|
"font-size": e.size !== void 0 ? `${e.size}px` : void 0
|
|
647
646
|
}));
|
|
648
|
-
return (s, a) => e.icon ? (r(), $(g(
|
|
647
|
+
return (s, a) => e.icon ? (r(), $(g(lt), {
|
|
649
648
|
key: 0,
|
|
650
649
|
class: "q-icon q-icon__svg",
|
|
651
650
|
src: e.bundle,
|
|
@@ -655,13 +654,13 @@ const ut = /* @__PURE__ */ k({
|
|
|
655
654
|
onUnloaded: a[1] || (a[1] = (l) => n("unloaded", l))
|
|
656
655
|
}, null, 8, ["src", "symbol", "style"])) : b("", !0);
|
|
657
656
|
}
|
|
658
|
-
}),
|
|
657
|
+
}), U = w(nt), ut = w(ot), dt = w(at), ft = w(ct), pt = {
|
|
659
658
|
key: 0,
|
|
660
659
|
class: "q-input__prepend"
|
|
661
|
-
},
|
|
660
|
+
}, mt = {
|
|
662
661
|
key: 1,
|
|
663
662
|
class: "q-input__append"
|
|
664
|
-
},
|
|
663
|
+
}, ht = /* @__PURE__ */ k({
|
|
665
664
|
__name: "QInput",
|
|
666
665
|
props: {
|
|
667
666
|
size: { default: "medium" },
|
|
@@ -677,25 +676,25 @@ const ut = /* @__PURE__ */ k({
|
|
|
677
676
|
{ "q-input--readonly": n.readonly, "q-input--disabled": n.disabled }
|
|
678
677
|
])
|
|
679
678
|
}, [
|
|
680
|
-
e.$slots.prepend ? (r(), f("div",
|
|
679
|
+
e.$slots.prepend ? (r(), f("div", pt, [
|
|
681
680
|
x(e.$slots, "prepend")
|
|
682
681
|
])) : b("", !0),
|
|
683
682
|
x(e.$slots, "default"),
|
|
684
|
-
e.$slots.append ? (r(), f("div",
|
|
683
|
+
e.$slots.append ? (r(), f("div", mt, [
|
|
685
684
|
x(e.$slots, "append")
|
|
686
685
|
])) : b("", !0)
|
|
687
686
|
], 2));
|
|
688
687
|
}
|
|
689
|
-
}),
|
|
688
|
+
}), yt = w(ht), vt = (t, n) => {
|
|
690
689
|
const e = t.__vccOpts || t;
|
|
691
690
|
for (const [o, s] of n)
|
|
692
691
|
e[o] = s;
|
|
693
692
|
return e;
|
|
694
|
-
},
|
|
695
|
-
function
|
|
696
|
-
return r(), f("div",
|
|
693
|
+
}, gt = {}, bt = { class: "q-line-loader" };
|
|
694
|
+
function _t(t, n) {
|
|
695
|
+
return r(), f("div", bt);
|
|
697
696
|
}
|
|
698
|
-
const
|
|
697
|
+
const kt = /* @__PURE__ */ vt(gt, [["render", _t]]), sn = w(kt), wt = /* @__PURE__ */ k({
|
|
699
698
|
__name: "QList",
|
|
700
699
|
props: {
|
|
701
700
|
modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
@@ -761,7 +760,7 @@ const wt = /* @__PURE__ */ gt(bt, [["render", kt]]), an = w(wt), $t = /* @__PURE
|
|
|
761
760
|
const S = z(), y = Q(S);
|
|
762
761
|
return d === "next" ? y === S.length - 1 ? y : y + 1 : y === 0 ? 0 : y - 1;
|
|
763
762
|
}
|
|
764
|
-
function
|
|
763
|
+
function F(d) {
|
|
765
764
|
return d ? o.items.filter((S) => S.group === d) : o.items;
|
|
766
765
|
}
|
|
767
766
|
return C(
|
|
@@ -779,13 +778,13 @@ const wt = /* @__PURE__ */ gt(bt, [["render", kt]]), an = w(wt), $t = /* @__PURE
|
|
|
779
778
|
onKeydown: _
|
|
780
779
|
}, {
|
|
781
780
|
default: T(() => [
|
|
782
|
-
(r(!0), f(O, null, ne(l.value, (y) => (r(), $(g(
|
|
781
|
+
(r(!0), f(O, null, ne(l.value, (y) => (r(), $(g(Vt), {
|
|
783
782
|
key: y.id,
|
|
784
783
|
title: y.title,
|
|
785
784
|
disabled: y.disabled
|
|
786
785
|
}, {
|
|
787
786
|
default: T(() => [
|
|
788
|
-
(r(!0), f(O, null, ne(
|
|
787
|
+
(r(!0), f(O, null, ne(F(y.id), (L) => (r(), $(g(Ct), {
|
|
789
788
|
key: L[o.itemValue],
|
|
790
789
|
value: L[o.itemValue],
|
|
791
790
|
label: L[o.itemLabel],
|
|
@@ -801,11 +800,11 @@ const wt = /* @__PURE__ */ gt(bt, [["render", kt]]), an = w(wt), $t = /* @__PURE
|
|
|
801
800
|
_: 1
|
|
802
801
|
}, 40, ["class", "tabindex"]));
|
|
803
802
|
}
|
|
804
|
-
}),
|
|
803
|
+
}), $t = ["tabindex", "aria-label", "aria-selected", "onClick"], St = { class: "q-list-item__check-container" }, Bt = {
|
|
805
804
|
check: {
|
|
806
805
|
icon: "check"
|
|
807
806
|
}
|
|
808
|
-
},
|
|
807
|
+
}, Lt = /* @__PURE__ */ k({
|
|
809
808
|
__name: "QListItem",
|
|
810
809
|
props: {
|
|
811
810
|
value: { type: [String, Number, Boolean, Symbol] },
|
|
@@ -813,7 +812,7 @@ const wt = /* @__PURE__ */ gt(bt, [["render", kt]]), an = w(wt), $t = /* @__PURE
|
|
|
813
812
|
icon: { default: void 0 },
|
|
814
813
|
selected: { type: Boolean, default: !1 },
|
|
815
814
|
highlighted: { type: Boolean, default: !1 },
|
|
816
|
-
icons: { default: () =>
|
|
815
|
+
icons: { default: () => Bt },
|
|
817
816
|
disabled: { type: Boolean, default: !1 }
|
|
818
817
|
},
|
|
819
818
|
emits: ["select"],
|
|
@@ -839,28 +838,28 @@ const wt = /* @__PURE__ */ gt(bt, [["render", kt]]), an = w(wt), $t = /* @__PURE
|
|
|
839
838
|
"aria-label": e.label,
|
|
840
839
|
"aria-selected": e.disabled ? void 0 : e.selected,
|
|
841
840
|
onKeydown: s,
|
|
842
|
-
onClick:
|
|
841
|
+
onClick: R(o, ["stop", "prevent"])
|
|
843
842
|
}, [
|
|
844
|
-
e.icon ? (r(), $(g(
|
|
843
|
+
e.icon ? (r(), $(g(U), ge(Z({ key: 0 }, e.icon)), null, 16)) : b("", !0),
|
|
845
844
|
X(" " + A(e.label) + " ", 1),
|
|
846
|
-
|
|
847
|
-
e.selected ? (r(), $(g(
|
|
845
|
+
N("div", St, [
|
|
846
|
+
e.selected ? (r(), $(g(U), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
|
|
848
847
|
])
|
|
849
|
-
], 42,
|
|
848
|
+
], 42, $t));
|
|
850
849
|
}
|
|
851
850
|
});
|
|
852
|
-
let
|
|
853
|
-
function
|
|
854
|
-
return `uid-${++
|
|
851
|
+
let xt = 0;
|
|
852
|
+
function qt() {
|
|
853
|
+
return `uid-${++xt}`;
|
|
855
854
|
}
|
|
856
|
-
const
|
|
855
|
+
const It = ["aria-labelledby"], Dt = ["id"], Tt = /* @__PURE__ */ k({
|
|
857
856
|
__name: "QListItemGroup",
|
|
858
857
|
props: {
|
|
859
858
|
title: { default: "" },
|
|
860
859
|
disabled: { type: Boolean, default: !1 }
|
|
861
860
|
},
|
|
862
861
|
setup(t) {
|
|
863
|
-
const n = t, e =
|
|
862
|
+
const n = t, e = qt();
|
|
864
863
|
return (o, s) => n.title ? (r(), f("ul", {
|
|
865
864
|
key: 1,
|
|
866
865
|
class: "q-list-item-group",
|
|
@@ -872,15 +871,15 @@ const Dt = ["aria-labelledby"], Tt = ["id"], Et = /* @__PURE__ */ k({
|
|
|
872
871
|
id: g(e),
|
|
873
872
|
class: "q-list-item-group__title",
|
|
874
873
|
role: "presentation"
|
|
875
|
-
}, A(n.title), 9,
|
|
874
|
+
}, A(n.title), 9, Dt)) : b("", !0),
|
|
876
875
|
x(o.$slots, "default")
|
|
877
|
-
], 8,
|
|
876
|
+
], 8, It)) : x(o.$slots, "default", { key: 0 });
|
|
878
877
|
}
|
|
879
|
-
}),
|
|
880
|
-
function
|
|
878
|
+
}), Et = w(wt), Ct = w(Lt), Vt = w(Tt);
|
|
879
|
+
function At(t, n, e = "right", o) {
|
|
881
880
|
const s = t.getBoundingClientRect(), a = s.x + window.scrollX, l = s.y + window.scrollY, c = n == null ? void 0 : n.getBoundingClientRect(), i = (c == null ? void 0 : c.width) ?? 0, h = (c == null ? void 0 : c.height) ?? 0;
|
|
882
881
|
let _ = e;
|
|
883
|
-
c && !Be(s, c, _) && (_ =
|
|
882
|
+
c && !Be(s, c, _) && (_ = zt(s, c, _));
|
|
884
883
|
const p = { x: 0, y: 0, placement: _ };
|
|
885
884
|
switch (_) {
|
|
886
885
|
case "top":
|
|
@@ -922,7 +921,7 @@ function pe(t, n) {
|
|
|
922
921
|
function me(t, n) {
|
|
923
922
|
return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
|
|
924
923
|
}
|
|
925
|
-
function
|
|
924
|
+
function zt(t, n, e) {
|
|
926
925
|
const o = {
|
|
927
926
|
top: ["bottom", "left", "right"],
|
|
928
927
|
bottom: ["top", "left", "right"],
|
|
@@ -937,10 +936,10 @@ function Qt(t, n, e) {
|
|
|
937
936
|
function Y(t) {
|
|
938
937
|
return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
|
|
939
938
|
}
|
|
940
|
-
const
|
|
939
|
+
const Qt = {
|
|
941
940
|
key: 0,
|
|
942
941
|
class: "q-overlay__arrow"
|
|
943
|
-
},
|
|
942
|
+
}, Ot = /* @__PURE__ */ k({
|
|
944
943
|
inheritAttrs: !1,
|
|
945
944
|
__name: "QOverlay",
|
|
946
945
|
props: {
|
|
@@ -1006,7 +1005,7 @@ const Ot = {
|
|
|
1006
1005
|
function i() {
|
|
1007
1006
|
const m = Y(e.anchor);
|
|
1008
1007
|
if (m) {
|
|
1009
|
-
const q =
|
|
1008
|
+
const q = At(m, c.value, e.placement, e.width);
|
|
1010
1009
|
s.left = q.x, s.top = q.y, s.width = q.width, s.placement = q.placement;
|
|
1011
1010
|
}
|
|
1012
1011
|
}
|
|
@@ -1027,7 +1026,7 @@ const Ot = {
|
|
|
1027
1026
|
window.clearTimeout(z), z = window.setTimeout(() => s.animating = !1, 200), n("leave");
|
|
1028
1027
|
}
|
|
1029
1028
|
let E;
|
|
1030
|
-
function
|
|
1029
|
+
function F() {
|
|
1031
1030
|
ie(() => {
|
|
1032
1031
|
const m = Y(e.anchor);
|
|
1033
1032
|
if (m)
|
|
@@ -1068,7 +1067,7 @@ const Ot = {
|
|
|
1068
1067
|
return qe(W), Ie(i), C(
|
|
1069
1068
|
() => e.disabled,
|
|
1070
1069
|
(m) => {
|
|
1071
|
-
m ||
|
|
1070
|
+
m || F();
|
|
1072
1071
|
},
|
|
1073
1072
|
{ immediate: !0 }
|
|
1074
1073
|
), C(
|
|
@@ -1084,7 +1083,7 @@ const Ot = {
|
|
|
1084
1083
|
disabled: !e.attach,
|
|
1085
1084
|
to: e.attach
|
|
1086
1085
|
}, [
|
|
1087
|
-
|
|
1086
|
+
H(Te, {
|
|
1088
1087
|
name: e.transition,
|
|
1089
1088
|
appear: "",
|
|
1090
1089
|
onEnter: q[0] || (q[0] = (u) => n("enter")),
|
|
@@ -1096,12 +1095,12 @@ const Ot = {
|
|
|
1096
1095
|
class: V(o.value),
|
|
1097
1096
|
style: K(l.value)
|
|
1098
1097
|
}, [
|
|
1099
|
-
|
|
1098
|
+
N("div", {
|
|
1100
1099
|
class: V(["q-overlay__content"]),
|
|
1101
1100
|
ref_key: "overlay",
|
|
1102
1101
|
ref: c
|
|
1103
1102
|
}, [
|
|
1104
|
-
e.arrow ? (r(), f("div",
|
|
1103
|
+
e.arrow ? (r(), f("div", Qt)) : b("", !0),
|
|
1105
1104
|
x(m.$slots, "default")
|
|
1106
1105
|
], 512)
|
|
1107
1106
|
], 6)) : b("", !0)
|
|
@@ -1111,13 +1110,13 @@ const Ot = {
|
|
|
1111
1110
|
], 8, ["disabled", "to"])) : b("", !0)
|
|
1112
1111
|
], 64));
|
|
1113
1112
|
}
|
|
1114
|
-
}), ae = w(
|
|
1113
|
+
}), ae = w(Ot), Ft = {
|
|
1115
1114
|
key: 0,
|
|
1116
1115
|
class: "q-popover__header"
|
|
1117
|
-
},
|
|
1116
|
+
}, Mt = {
|
|
1118
1117
|
key: 1,
|
|
1119
1118
|
class: "q-popover__body"
|
|
1120
|
-
},
|
|
1119
|
+
}, Rt = ["innerHTML"], Ht = { key: 1 }, Ut = /* @__PURE__ */ k({
|
|
1121
1120
|
inheritAttrs: !1,
|
|
1122
1121
|
__name: "QPopover",
|
|
1123
1122
|
props: {
|
|
@@ -1146,27 +1145,27 @@ const Ot = {
|
|
|
1146
1145
|
spy: n.spy
|
|
1147
1146
|
}, {
|
|
1148
1147
|
default: T(() => [
|
|
1149
|
-
n.title || e.$slots.header ? (r(), f("h3",
|
|
1148
|
+
n.title || e.$slots.header ? (r(), f("h3", Ft, [
|
|
1150
1149
|
X(A(n.title) + " ", 1),
|
|
1151
1150
|
x(e.$slots, "header")
|
|
1152
1151
|
])) : b("", !0),
|
|
1153
|
-
n.text || e.$slots.body ? (r(), f("div",
|
|
1152
|
+
n.text || e.$slots.body ? (r(), f("div", Mt, [
|
|
1154
1153
|
n.html ? (r(), f("span", {
|
|
1155
1154
|
key: 0,
|
|
1156
1155
|
innerHTML: n.text
|
|
1157
|
-
}, null, 8,
|
|
1156
|
+
}, null, 8, Rt)) : (r(), f("span", Ht, A(n.text), 1)),
|
|
1158
1157
|
x(e.$slots, "body")
|
|
1159
1158
|
])) : b("", !0)
|
|
1160
1159
|
]),
|
|
1161
1160
|
_: 3
|
|
1162
1161
|
}, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
|
|
1163
1162
|
}
|
|
1164
|
-
}),
|
|
1165
|
-
function
|
|
1163
|
+
}), an = w(Ut);
|
|
1164
|
+
function Nt() {
|
|
1166
1165
|
const t = Ee(), n = {};
|
|
1167
1166
|
return typeof t.class == "string" ? n.class = t.class.split(" ") : Array.isArray(t.class) ? n.class = t.class : n.class = [], n;
|
|
1168
1167
|
}
|
|
1169
|
-
const
|
|
1168
|
+
const Kt = {
|
|
1170
1169
|
mounted(t, n) {
|
|
1171
1170
|
t.clickOutsideEvent = function(e) {
|
|
1172
1171
|
const o = e.target;
|
|
@@ -1176,22 +1175,22 @@ const Wt = {
|
|
|
1176
1175
|
unmounted(t) {
|
|
1177
1176
|
document.removeEventListener("click", t.clickOutsideEvent);
|
|
1178
1177
|
}
|
|
1179
|
-
},
|
|
1178
|
+
}, Wt = {
|
|
1180
1179
|
key: 0,
|
|
1181
1180
|
class: "q-select__value"
|
|
1182
|
-
},
|
|
1181
|
+
}, Gt = {
|
|
1183
1182
|
key: 1,
|
|
1184
1183
|
class: "q-select__placeholder"
|
|
1185
|
-
},
|
|
1184
|
+
}, Yt = {
|
|
1186
1185
|
placeholder: "Choose..."
|
|
1187
|
-
},
|
|
1186
|
+
}, Xt = {
|
|
1188
1187
|
chevron: {
|
|
1189
1188
|
icon: "chevron-down"
|
|
1190
1189
|
},
|
|
1191
1190
|
clear: {
|
|
1192
1191
|
icon: "close"
|
|
1193
1192
|
}
|
|
1194
|
-
},
|
|
1193
|
+
}, Zt = /* @__PURE__ */ k({
|
|
1195
1194
|
inheritAttrs: !1,
|
|
1196
1195
|
__name: "QSelect",
|
|
1197
1196
|
props: {
|
|
@@ -1200,17 +1199,17 @@ const Wt = {
|
|
|
1200
1199
|
readonly: { type: Boolean },
|
|
1201
1200
|
disabled: { type: Boolean, default: !1 },
|
|
1202
1201
|
loading: { type: Boolean, default: !1 },
|
|
1203
|
-
icons: { default: () =>
|
|
1202
|
+
icons: { default: () => Xt },
|
|
1204
1203
|
items: {},
|
|
1205
1204
|
groups: { default: () => [] },
|
|
1206
1205
|
itemValue: { default: "key" },
|
|
1207
1206
|
itemLabel: { default: "label" },
|
|
1208
1207
|
size: { default: "medium" },
|
|
1209
|
-
texts: { default: () =>
|
|
1208
|
+
texts: { default: () => Yt }
|
|
1210
1209
|
},
|
|
1211
1210
|
emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
|
|
1212
1211
|
setup(t, { emit: n }) {
|
|
1213
|
-
const e = t, o =
|
|
1212
|
+
const e = t, o = Nt(), s = I(e.modelValue), a = I(!1), l = I(""), c = I(null), i = I(null), h = I(null), _ = v(
|
|
1214
1213
|
() => {
|
|
1215
1214
|
var u;
|
|
1216
1215
|
return (u = e.items) == null ? void 0 : u.find((B) => B[e.itemValue] === s.value);
|
|
@@ -1229,7 +1228,7 @@ const Wt = {
|
|
|
1229
1228
|
function E() {
|
|
1230
1229
|
e.readonly || e.disabled || (a.value ? S() : d());
|
|
1231
1230
|
}
|
|
1232
|
-
function
|
|
1231
|
+
function F(u) {
|
|
1233
1232
|
var B;
|
|
1234
1233
|
(B = c.value) != null && B.$el.contains(u.target) || S();
|
|
1235
1234
|
}
|
|
@@ -1278,7 +1277,7 @@ const Wt = {
|
|
|
1278
1277
|
), (u, B) => {
|
|
1279
1278
|
var P, le;
|
|
1280
1279
|
return r(), f(O, null, [
|
|
1281
|
-
|
|
1280
|
+
H(g(yt), {
|
|
1282
1281
|
ref_key: "inputRef",
|
|
1283
1282
|
ref: c,
|
|
1284
1283
|
role: "combobox",
|
|
@@ -1298,17 +1297,17 @@ const Wt = {
|
|
|
1298
1297
|
"aria-haspopup": "listbox",
|
|
1299
1298
|
size: e.size,
|
|
1300
1299
|
onClick: E,
|
|
1301
|
-
onKeydown:
|
|
1300
|
+
onKeydown: R(L, ["stop"])
|
|
1302
1301
|
}, Ce({
|
|
1303
1302
|
append: T(() => [
|
|
1304
|
-
D.value && s.value ? (r(), $(g(
|
|
1303
|
+
D.value && s.value ? (r(), $(g(U), Z({ key: 0 }, e.icons.clear, {
|
|
1305
1304
|
class: "q-select__clear",
|
|
1306
|
-
onClick:
|
|
1305
|
+
onClick: R(Q, ["stop", "prevent"])
|
|
1307
1306
|
}), null, 16, ["onClick"])) : b("", !0),
|
|
1308
|
-
!e.readonly && !e.disabled ? (r(), $(g(
|
|
1307
|
+
!e.readonly && !e.disabled ? (r(), $(g(U), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
|
|
1309
1308
|
]),
|
|
1310
1309
|
default: T(() => [
|
|
1311
|
-
s.value ? (r(), f("span",
|
|
1310
|
+
s.value ? (r(), f("span", Wt, A(p.value), 1)) : (r(), f("span", Gt, A(u.texts.placeholder), 1))
|
|
1312
1311
|
]),
|
|
1313
1312
|
_: 2
|
|
1314
1313
|
}, [
|
|
@@ -1317,13 +1316,13 @@ const Wt = {
|
|
|
1317
1316
|
fn: T(() => {
|
|
1318
1317
|
var G;
|
|
1319
1318
|
return [
|
|
1320
|
-
|
|
1319
|
+
H(g(U), ge(Ve((G = _.value) == null ? void 0 : G.icon)), null, 16)
|
|
1321
1320
|
];
|
|
1322
1321
|
}),
|
|
1323
1322
|
key: "0"
|
|
1324
1323
|
} : void 0
|
|
1325
1324
|
]), 1032, ["class", "disabled", "aria-expanded", "size", "onKeydown"]),
|
|
1326
|
-
|
|
1325
|
+
H(g(ae), {
|
|
1327
1326
|
"model-value": a.value,
|
|
1328
1327
|
spy: "",
|
|
1329
1328
|
trigger: "manual",
|
|
@@ -1345,7 +1344,7 @@ const Wt = {
|
|
|
1345
1344
|
key: 0,
|
|
1346
1345
|
class: "q-select__loader",
|
|
1347
1346
|
size: 24
|
|
1348
|
-
})) : (r(), $(g(
|
|
1347
|
+
})) : (r(), $(g(Et), {
|
|
1349
1348
|
key: 1,
|
|
1350
1349
|
ref_key: "listRef",
|
|
1351
1350
|
ref: i,
|
|
@@ -1359,11 +1358,11 @@ const Wt = {
|
|
|
1359
1358
|
groups: u.groups,
|
|
1360
1359
|
"item-label": e.itemLabel,
|
|
1361
1360
|
"item-value": e.itemValue,
|
|
1362
|
-
onKeydown:
|
|
1361
|
+
onKeydown: R(L, ["stop"])
|
|
1363
1362
|
}, null, 8, ["modelValue", "items", "groups", "item-label", "item-value", "onKeydown"])),
|
|
1364
1363
|
x(u.$slots, "body.append")
|
|
1365
1364
|
])), [
|
|
1366
|
-
[g(
|
|
1365
|
+
[g(Kt), F]
|
|
1367
1366
|
])
|
|
1368
1367
|
]),
|
|
1369
1368
|
_: 3
|
|
@@ -1371,7 +1370,7 @@ const Wt = {
|
|
|
1371
1370
|
], 64);
|
|
1372
1371
|
};
|
|
1373
1372
|
}
|
|
1374
|
-
}),
|
|
1373
|
+
}), ln = w(Zt), jt = ["innerHTML"], Jt = { key: 1 }, Pt = /* @__PURE__ */ k({
|
|
1375
1374
|
inheritAttrs: !1,
|
|
1376
1375
|
__name: "QTooltip",
|
|
1377
1376
|
props: {
|
|
@@ -1405,34 +1404,34 @@ const Wt = {
|
|
|
1405
1404
|
n.html ? (r(), f("span", {
|
|
1406
1405
|
key: 0,
|
|
1407
1406
|
innerHTML: n.text
|
|
1408
|
-
}, null, 8,
|
|
1407
|
+
}, null, 8, jt)) : (r(), f("span", Jt, A(n.text), 1))
|
|
1409
1408
|
]),
|
|
1410
1409
|
_: 1
|
|
1411
1410
|
}, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
|
|
1412
1411
|
}
|
|
1413
|
-
}),
|
|
1412
|
+
}), rn = w(Pt);
|
|
1414
1413
|
export {
|
|
1415
1414
|
Je as QButton,
|
|
1416
1415
|
et as QButtonGroup,
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1416
|
+
on as QButtonToggle,
|
|
1417
|
+
U as QIcon,
|
|
1418
|
+
ut as QIconFont,
|
|
1419
|
+
dt as QIconImg,
|
|
1420
|
+
ft as QIconSvg,
|
|
1421
|
+
yt as QInput,
|
|
1422
|
+
sn as QLineLoader,
|
|
1423
|
+
Et as QList,
|
|
1424
|
+
Ct as QListItem,
|
|
1425
|
+
Vt as QListItemGroup,
|
|
1427
1426
|
ae as QOverlay,
|
|
1428
|
-
|
|
1429
|
-
|
|
1427
|
+
an as QPopover,
|
|
1428
|
+
ln as QSelect,
|
|
1430
1429
|
Se as QSpinnerLoader,
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1430
|
+
rn as QTooltip,
|
|
1431
|
+
Kt as clickOutside,
|
|
1432
|
+
nn as createFramework,
|
|
1434
1433
|
Oe as defaultDarkColorScheme,
|
|
1435
1434
|
ue as defaultLightColorScheme,
|
|
1436
|
-
|
|
1435
|
+
tn as useTheme
|
|
1437
1436
|
};
|
|
1438
1437
|
//# sourceMappingURL=ui.esm.js.map
|