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