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