@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 CHANGED
@@ -442,6 +442,8 @@ body {
442
442
  }
443
443
  .q-icon__svg {
444
444
  fill: currentColor;
445
+ }
446
+ .q-icon__svg, .q-icon__img {
445
447
  width: 1em;
446
448
  height: 1em;
447
449
  }
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 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";
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 tn() {
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 nn(t = {}) {
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__ */ N("svg", { viewBox: "25 25 50 50" }, [
272
- /* @__PURE__ */ N("circle", {
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: R(s, ["stop", "prevent"])
364
+ onClick: H(s, ["stop", "prevent"])
365
365
  }, [
366
366
  l.loading ? (r(), f("div", Xe, [
367
- H(g(Se), { size: 23 })
367
+ U(g(Se), { size: 23 })
368
368
  ])) : b("", !0),
369
- N("span", Ze, [
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
- }), on = w(tt), nt = /* @__PURE__ */ k({
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 ft;
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"], at = /* @__PURE__ */ k({
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("img", {
516
- key: 0,
517
- src: n.icon,
518
- class: "q-icon",
519
- style: K(e.value)
520
- }, null, 12, st)) : b("", !0);
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
- }), M = {}, lt = k({
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)), rt(t, this.title)), 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)), 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
- 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];
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 M[t], this.$emit("error", n);
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 rt(t, n) {
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 it(t) {
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 ct = /* @__PURE__ */ k({
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(lt), {
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
- }), U = w(nt), ut = w(ot), dt = w(at), ft = w(ct), pt = {
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
- }, mt = {
661
+ }, ht = {
661
662
  key: 1,
662
663
  class: "q-input__append"
663
- }, ht = /* @__PURE__ */ k({
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", pt, [
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", mt, [
684
+ e.$slots.append ? (r(), f("div", ht, [
684
685
  x(e.$slots, "append")
685
686
  ])) : b("", !0)
686
687
  ], 2));
687
688
  }
688
- }), yt = w(ht), vt = (t, n) => {
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
- }, gt = {}, bt = { class: "q-line-loader" };
694
- function _t(t, n) {
695
- return r(), f("div", bt);
694
+ }, bt = {}, _t = { class: "q-line-loader" };
695
+ function kt(t, n) {
696
+ return r(), f("div", _t);
696
697
  }
697
- const kt = /* @__PURE__ */ vt(gt, [["render", _t]]), sn = w(kt), wt = /* @__PURE__ */ k({
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 F(d) {
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(Vt), {
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(F(y.id), (L) => (r(), $(g(Ct), {
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
- }), $t = ["tabindex", "aria-label", "aria-selected", "onClick"], St = { class: "q-list-item__check-container" }, Bt = {
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
- }, Lt = /* @__PURE__ */ k({
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: () => Bt },
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: R(o, ["stop", "prevent"])
842
+ onClick: H(o, ["stop", "prevent"])
842
843
  }, [
843
- e.icon ? (r(), $(g(U), ge(Z({ key: 0 }, e.icon)), null, 16)) : b("", !0),
844
+ e.icon ? (r(), $(g(N), ge(Z({ key: 0 }, e.icon)), null, 16)) : b("", !0),
844
845
  X(" " + A(e.label) + " ", 1),
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)
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, $t));
849
+ ], 42, St));
849
850
  }
850
851
  });
851
- let xt = 0;
852
- function qt() {
853
- return `uid-${++xt}`;
852
+ let qt = 0;
853
+ function It() {
854
+ return `uid-${++qt}`;
854
855
  }
855
- const It = ["aria-labelledby"], Dt = ["id"], Tt = /* @__PURE__ */ k({
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 = qt();
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, Dt)) : b("", !0),
875
+ }, A(n.title), 9, Tt)) : b("", !0),
875
876
  x(o.$slots, "default")
876
- ], 8, It)) : x(o.$slots, "default", { key: 0 });
877
+ ], 8, Dt)) : x(o.$slots, "default", { key: 0 });
877
878
  }
878
- }), Et = w(wt), Ct = w(Lt), Vt = w(Tt);
879
- function At(t, n, e = "right", o) {
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, _) && (_ = zt(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 zt(t, n, e) {
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 Qt = {
940
+ const Ot = {
940
941
  key: 0,
941
942
  class: "q-overlay__arrow"
942
- }, Ot = /* @__PURE__ */ k({
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 = At(m, c.value, e.placement, e.width);
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 F() {
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 || F();
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
- H(Te, {
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
- N("div", {
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", Qt)) : b("", !0),
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(Ot), Ft = {
1114
+ }), ae = w(Ft), Mt = {
1114
1115
  key: 0,
1115
1116
  class: "q-popover__header"
1116
- }, Mt = {
1117
+ }, Rt = {
1117
1118
  key: 1,
1118
1119
  class: "q-popover__body"
1119
- }, Rt = ["innerHTML"], Ht = { key: 1 }, Ut = /* @__PURE__ */ k({
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", Ft, [
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", Mt, [
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, Rt)) : (r(), f("span", Ht, A(n.text), 1)),
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
- }), an = w(Ut);
1164
- function Nt() {
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 Kt = {
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
- }, Wt = {
1179
+ }, Gt = {
1179
1180
  key: 0,
1180
1181
  class: "q-select__value"
1181
- }, Gt = {
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
- }, Zt = /* @__PURE__ */ k({
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: () => Xt },
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: () => Yt }
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 = Nt(), s = I(e.modelValue), a = I(!1), l = I(""), c = I(null), i = I(null), h = I(null), _ = v(
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 F(u) {
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
- H(g(yt), {
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: R(L, ["stop"])
1301
+ onKeydown: H(L, ["stop"])
1301
1302
  }, Ce({
1302
1303
  append: T(() => [
1303
- D.value && s.value ? (r(), $(g(U), Z({ key: 0 }, e.icons.clear, {
1304
+ D.value && s.value ? (r(), $(g(N), Z({ key: 0 }, e.icons.clear, {
1304
1305
  class: "q-select__clear",
1305
- onClick: R(Q, ["stop", "prevent"])
1306
+ onClick: H(Q, ["stop", "prevent"])
1306
1307
  }), null, 16, ["onClick"])) : b("", !0),
1307
- !e.readonly && !e.disabled ? (r(), $(g(U), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
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", Wt, A(p.value), 1)) : (r(), f("span", Gt, A(u.texts.placeholder), 1))
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
- H(g(U), ge(Ve((G = _.value) == null ? void 0 : G.icon)), null, 16)
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
- H(g(ae), {
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(Et), {
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: R(L, ["stop"])
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(Kt), F]
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
- }), ln = w(Zt), jt = ["innerHTML"], Jt = { key: 1 }, Pt = /* @__PURE__ */ k({
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, jt)) : (r(), f("span", Jt, A(n.text), 1))
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
- }), rn = w(Pt);
1413
+ }), cn = w(en);
1413
1414
  export {
1414
1415
  Je as QButton,
1415
1416
  et as QButtonGroup,
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,
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
- an as QPopover,
1428
- ln as QSelect,
1428
+ ln as QPopover,
1429
+ rn as QSelect,
1429
1430
  Se as QSpinnerLoader,
1430
- rn as QTooltip,
1431
- Kt as clickOutside,
1432
- nn as createFramework,
1431
+ cn as QTooltip,
1432
+ Wt as clickOutside,
1433
+ on as createFramework,
1433
1434
  Oe as defaultDarkColorScheme,
1434
1435
  ue as defaultLightColorScheme,
1435
- tn as useTheme
1436
+ nn as useTheme
1436
1437
  };
1437
1438
  //# sourceMappingURL=ui.esm.js.map