@quidgest/ui 0.5.7 → 0.5.9

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.esm.js CHANGED
@@ -1,18 +1,18 @@
1
- import { getCurrentInstance as pe, computed as y, ref as I, provide as Se, inject as me, watch as Q, defineComponent as _, openBlock as r, createElementBlock as f, normalizeStyle as W, createElementVNode as X, normalizeClass as T, withModifiers as R, createVNode as H, unref as g, createCommentVNode as b, Fragment as A, createTextVNode as N, toDisplayString as V, renderSlot as q, toRef as J, createBlock as w, withCtx as E, renderList as ee, resolveDynamicComponent as he, h as se, mergeProps as K, normalizeProps as ye, reactive as Be, onBeforeUnmount as Le, onMounted as xe, Teleport as qe, Transition as De, nextTick as le, createSlots as Ie, guardReactiveProps as Ee, withDirectives as Ce } from "vue";
2
- function te(t) {
1
+ import { getCurrentInstance as me, computed as y, ref as I, provide as Be, inject as he, watch as z, defineComponent as _, openBlock as r, createElementBlock as f, normalizeStyle as G, createElementVNode as Z, normalizeClass as T, withModifiers as H, createVNode as U, unref as g, createCommentVNode as b, Fragment as Q, createTextVNode as K, toDisplayString as V, renderSlot as x, toRef as P, createBlock as w, withCtx as C, renderList as te, resolveDynamicComponent as ye, h as le, mergeProps as W, normalizeProps as ve, reactive as Le, onBeforeUnmount as xe, onMounted as qe, Teleport as De, Transition as Ie, nextTick as re, createSlots as Ee, guardReactiveProps as Ce, withDirectives as Te } from "vue";
2
+ function ne(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
  }
5
- function re(t) {
5
+ function ie(t) {
6
6
  return t !== null && typeof t == "object" && !Array.isArray(t);
7
7
  }
8
- function ve(t = {}, n = {}) {
8
+ function ge(t = {}, n = {}) {
9
9
  const e = {};
10
10
  for (const o in t)
11
11
  e[o] = t[o];
12
12
  for (const o in n) {
13
13
  const a = t[o], s = n[o];
14
- if (re(a) && re(s)) {
15
- e[o] = ve(
14
+ if (ie(a) && ie(s)) {
15
+ e[o] = ge(
16
16
  a,
17
17
  s
18
18
  );
@@ -22,33 +22,33 @@ function ve(t = {}, n = {}) {
22
22
  }
23
23
  return e;
24
24
  }
25
- const ne = "q-defaults";
26
- function Te() {
27
- const t = pe();
25
+ const oe = "q-defaults";
26
+ function Ve() {
27
+ const t = me();
28
28
  if (!t)
29
29
  throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
30
30
  const n = t.type.name ?? t.type.__name;
31
31
  if (!n)
32
32
  throw new Error("[Quidgest UI] Could not determine component name");
33
- const e = ge();
33
+ const e = be();
34
34
  return y(() => {
35
35
  var o;
36
36
  return (o = e.value) == null ? void 0 : o[n];
37
37
  });
38
38
  }
39
- function Ve(t) {
40
- if (te(t))
39
+ function ze(t) {
40
+ if (ne(t))
41
41
  return;
42
- const n = ge(), e = I(t), o = y(() => te(e.value) ? n.value : ve(n.value, e.value));
43
- Se(ne, o);
42
+ const n = be(), e = I(t), o = y(() => ne(e.value) ? n.value : ge(n.value, e.value));
43
+ Be(oe, o);
44
44
  }
45
- function ge() {
46
- const t = me(ne, void 0);
45
+ function be() {
46
+ const t = he(oe, void 0);
47
47
  if (!t)
48
48
  throw new Error("[Quidgest UI] Could not find defaults instance");
49
49
  return t;
50
50
  }
51
- const ie = {
51
+ const ce = {
52
52
  primary: "#00a1f8",
53
53
  primaryLight: "#e5f6ff",
54
54
  primaryDark: "#0079ba",
@@ -78,7 +78,7 @@ const ie = {
78
78
  onWarning: "#fff",
79
79
  onDanger: "#fff",
80
80
  onInfo: "#fff"
81
- }, ze = {
81
+ }, Qe = {
82
82
  primary: "#018BD2",
83
83
  primaryLight: "#cce7f6",
84
84
  primaryDark: "#006fac",
@@ -109,34 +109,34 @@ const ie = {
109
109
  onDanger: "#fff",
110
110
  onInfo: "#fff"
111
111
  };
112
- function be(t) {
112
+ function _e(t) {
113
113
  if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t))
114
114
  throw new Error("Invalid color format");
115
115
  t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
116
116
  const n = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), o = parseInt(t.slice(5, 7), 16);
117
117
  return { r: n, g: e, b: o };
118
118
  }
119
- function Qe(t, n) {
119
+ function Ae(t, n) {
120
120
  if (n < 0 || n > 100)
121
121
  throw new Error("Amount must be in the range [0, 100]");
122
122
  if (n === 0)
123
123
  return t;
124
- const e = _e(t), o = n / 100;
125
- return e.l = e.l + o * (100 - e.l), ke(e);
124
+ const e = ke(t), o = n / 100;
125
+ return e.l = e.l + o * (100 - e.l), we(e);
126
126
  }
127
- function Ae(t, n) {
127
+ function Oe(t, n) {
128
128
  if (n < 0 || n > 100)
129
129
  throw new Error("Amount must be in the range [0, 100]");
130
130
  if (n === 0)
131
131
  return t;
132
- const e = _e(t), o = n / 100;
133
- return e.l = e.l - o * e.l, ke(e);
132
+ const e = ke(t), o = n / 100;
133
+ return e.l = e.l - o * e.l, we(e);
134
134
  }
135
- function ce(t) {
135
+ function ue(t) {
136
136
  const n = t.r.toString(16).padStart(2, "0"), e = t.g.toString(16).padStart(2, "0"), o = t.b.toString(16).padStart(2, "0");
137
137
  return `#${n}${e}${o}`;
138
138
  }
139
- function _e(t) {
139
+ function ke(t) {
140
140
  const n = t.r / 255, e = t.g / 255, o = t.b / 255, a = Math.max(n, e, o), s = Math.min(n, e, o);
141
141
  let l = 0, c;
142
142
  const i = (a + s) / 2;
@@ -163,14 +163,14 @@ function _e(t) {
163
163
  l: Math.round(i * 100)
164
164
  };
165
165
  }
166
- function ke(t) {
166
+ function we(t) {
167
167
  const n = t.h / 360, e = t.s / 100, o = t.l / 100;
168
168
  let a, s, l;
169
169
  if (e === 0)
170
170
  a = s = l = o;
171
171
  else {
172
172
  const c = o < 0.5 ? o * (1 + e) : o + e - o * e, i = 2 * o - c;
173
- a = P(i, c, n + 1 / 3), s = P(i, c, n), l = P(i, c, n - 1 / 3);
173
+ a = ee(i, c, n + 1 / 3), s = ee(i, c, n), l = ee(i, c, n - 1 / 3);
174
174
  }
175
175
  return {
176
176
  r: Math.round(a * 255),
@@ -178,39 +178,39 @@ function ke(t) {
178
178
  b: Math.round(l * 255)
179
179
  };
180
180
  }
181
- function P(t, n, e) {
181
+ function ee(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
- const Z = "q-theme";
185
- function Xt() {
186
- const t = me(Z);
184
+ const j = "q-theme";
185
+ function Zt() {
186
+ const t = he(j);
187
187
  if (!t)
188
188
  throw new Error("[Quidgest UI] Could not find theme instance");
189
189
  return t;
190
190
  }
191
- function Oe(t, n) {
191
+ function Fe(t, n) {
192
192
  let e = null;
193
193
  if (n)
194
194
  for (const o of n.themes) {
195
- const a = o.mode === "light" ? ie : ze;
195
+ const a = o.mode === "light" ? ce : Qe;
196
196
  if (o.colors) {
197
197
  let s;
198
198
  for (s in o.colors) {
199
199
  const l = o.colors[s];
200
200
  if (l && !s.startsWith("on") && !s.endsWith("Light") && !s.endsWith("Dark")) {
201
- const c = be(l), i = `${s}Light`, p = `${s}Dark`;
202
- i in o.colors || (o.colors[i] = ce(Qe(c, 85))), p in o.colors || (o.colors[p] = ce(Ae(c, 25)));
201
+ const c = _e(l), i = `${s}Light`, p = `${s}Dark`;
202
+ i in o.colors || (o.colors[i] = ue(Ae(c, 85))), p in o.colors || (o.colors[p] = ue(Oe(c, 25)));
203
203
  }
204
204
  }
205
205
  }
206
- o.colors = Fe(a, o.colors), o.name === n.defaultTheme && (e = o);
206
+ o.colors = Me(a, o.colors), o.name === n.defaultTheme && (e = o);
207
207
  }
208
208
  else {
209
209
  const o = "default";
210
210
  e = {
211
211
  name: o,
212
212
  mode: "light",
213
- colors: ie
213
+ colors: ce
214
214
  }, n = {
215
215
  defaultTheme: o,
216
216
  themes: [e]
@@ -221,42 +221,42 @@ function Oe(t, n) {
221
221
  activeTheme: e.name,
222
222
  themes: n.themes
223
223
  });
224
- Q(
224
+ z(
225
225
  () => o.value.activeTheme,
226
226
  (a) => {
227
227
  const s = o.value.themes.find((l) => l.name === a);
228
- s && Me(s.colors);
228
+ s && Re(s.colors);
229
229
  },
230
230
  { immediate: !0 }
231
- ), t.provide(Z, o);
231
+ ), t.provide(j, o);
232
232
  }
233
233
  }
234
- function Fe(t, n = {}) {
234
+ function Me(t, n = {}) {
235
235
  return { ...t, ...n };
236
236
  }
237
- function Me(t) {
237
+ function Re(t) {
238
238
  let n = document.getElementById(
239
- Z
239
+ j
240
240
  );
241
- n || (n = document.createElement("style"), n.type = "text/css", n.id = Z, document.head.appendChild(n));
241
+ n || (n = document.createElement("style"), n.type = "text/css", n.id = j, document.head.appendChild(n));
242
242
  let e = `:root {
243
243
  `, o;
244
244
  for (o in t) {
245
245
  const a = t[o];
246
246
  if (a) {
247
- e += ` ${ue(o)}: ${a};
247
+ e += ` ${de(o)}: ${a};
248
248
  `;
249
- const s = be(a);
250
- e += ` ${ue(o)}-rgb: ${s.r} ${s.g} ${s.b};
249
+ const s = _e(a);
250
+ e += ` ${de(o)}-rgb: ${s.r} ${s.g} ${s.b};
251
251
  `;
252
252
  }
253
253
  }
254
254
  e += "}", n.textContent = e;
255
255
  }
256
- function ue(t) {
256
+ function de(t) {
257
257
  return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
258
258
  }
259
- function Zt(t = {}) {
259
+ function jt(t = {}) {
260
260
  return { install: (e) => {
261
261
  const o = t.components || {};
262
262
  for (const l in o)
@@ -265,11 +265,11 @@ function Zt(t = {}) {
265
265
  for (const l in a)
266
266
  e.directive(l, a[l]);
267
267
  const s = t.defaults || {};
268
- e.provide(ne, I(s)), Oe(e, t.themes);
268
+ e.provide(oe, I(s)), Fe(e, t.themes);
269
269
  } };
270
270
  }
271
- const Re = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
272
- /* @__PURE__ */ X("circle", {
271
+ const He = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
272
+ /* @__PURE__ */ Z("circle", {
273
273
  class: "path",
274
274
  cx: "50",
275
275
  cy: "50",
@@ -279,9 +279,9 @@ const Re = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
279
279
  "stroke-width": "5",
280
280
  "stroke-miterlimit": "10"
281
281
  })
282
- ], -1), He = [
283
- Re
284
- ], Ue = /* @__PURE__ */ _({
282
+ ], -1), Ue = [
283
+ He
284
+ ], Ne = /* @__PURE__ */ _({
285
285
  __name: "QSpinnerLoader",
286
286
  props: {
287
287
  size: { default: 48 }
@@ -292,37 +292,37 @@ const Re = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
292
292
  }));
293
293
  return (o, a) => (r(), f("div", {
294
294
  class: "q-spinner-loader",
295
- style: W(e.value)
296
- }, He, 4));
295
+ style: G(e.value)
296
+ }, Ue, 4));
297
297
  }
298
298
  });
299
- function Ne(t, n) {
299
+ function Ke(t, n) {
300
300
  var e;
301
301
  return typeof ((e = t.props) == null ? void 0 : e[n]) < "u";
302
302
  }
303
303
  function k(t) {
304
304
  const n = t.setup;
305
305
  return n && (t.setup = (e, o) => {
306
- const a = Te();
307
- if (te(a.value))
306
+ const a = Ve();
307
+ if (ne(a.value))
308
308
  return n(e, o);
309
- const s = pe();
309
+ const s = me();
310
310
  if (s === null)
311
311
  return n(e, o);
312
312
  const l = new Proxy(e, {
313
313
  get(c, i) {
314
314
  var m;
315
315
  const p = Reflect.get(c, i), $ = (m = a.value) == null ? void 0 : m[i];
316
- return i === "class" || i === "style" ? [$, p].filter((x) => x != null) : typeof i == "string" && !Ne(s.vnode, i) ? $ ?? p : p;
316
+ return i === "class" || i === "style" ? [$, p].filter((q) => q != null) : typeof i == "string" && !Ke(s.vnode, i) ? $ ?? p : p;
317
317
  }
318
318
  });
319
319
  return n(l, o);
320
320
  }), t;
321
321
  }
322
- const we = k(Ue), Ke = ["disabled", "onClick"], We = {
322
+ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
323
323
  key: 0,
324
324
  class: "q-btn__spinner"
325
- }, Ge = { class: "q-btn__content" }, Ye = /* @__PURE__ */ _({
325
+ }, Ye = { class: "q-btn__content" }, Xe = /* @__PURE__ */ _({
326
326
  __name: "QButton",
327
327
  props: {
328
328
  active: { type: Boolean },
@@ -361,23 +361,23 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
361
361
  type: "button",
362
362
  class: T(s.value),
363
363
  disabled: o.value,
364
- onClick: R(a, ["stop", "prevent"])
364
+ onClick: H(a, ["stop", "prevent"])
365
365
  }, [
366
- l.loading ? (r(), f("div", We, [
367
- H(g(we), { size: 23 })
366
+ l.loading ? (r(), f("div", Ge, [
367
+ U(g($e), { size: 23 })
368
368
  ])) : b("", !0),
369
- X("span", Ge, [
370
- l.iconOnRight ? (r(), f(A, { key: 0 }, [
371
- N(V(e.label), 1)
369
+ Z("span", Ye, [
370
+ l.iconOnRight ? (r(), f(Q, { key: 0 }, [
371
+ K(V(e.label), 1)
372
372
  ], 64)) : b("", !0),
373
- q(l.$slots, "default"),
374
- l.iconOnRight ? b("", !0) : (r(), f(A, { key: 1 }, [
375
- N(V(e.label), 1)
373
+ x(l.$slots, "default"),
374
+ l.iconOnRight ? b("", !0) : (r(), f(Q, { key: 1 }, [
375
+ K(V(e.label), 1)
376
376
  ], 64))
377
377
  ])
378
- ], 10, Ke));
378
+ ], 10, We));
379
379
  }
380
- }), Xe = k(Ye), Ze = /* @__PURE__ */ _({
380
+ }), Ze = k(Xe), je = /* @__PURE__ */ _({
381
381
  __name: "QButtonGroup",
382
382
  props: {
383
383
  bStyle: {},
@@ -387,11 +387,11 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
387
387
  },
388
388
  setup(t) {
389
389
  const n = t;
390
- Ve({
390
+ ze({
391
391
  QButton: {
392
- bStyle: J(n, "bStyle"),
393
- disabled: J(n, "disabled"),
394
- borderless: J(n, "borderless"),
392
+ bStyle: P(n, "bStyle"),
393
+ disabled: P(n, "disabled"),
394
+ borderless: P(n, "borderless"),
395
395
  elevated: !1
396
396
  }
397
397
  });
@@ -404,10 +404,10 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
404
404
  return (o, a) => (r(), f("div", {
405
405
  class: T(e.value)
406
406
  }, [
407
- q(o.$slots, "default")
407
+ x(o.$slots, "default")
408
408
  ], 2));
409
409
  }
410
- }), je = k(Ze), Je = /* @__PURE__ */ _({
410
+ }), Je = k(je), Pe = /* @__PURE__ */ _({
411
411
  __name: "QButtonToggle",
412
412
  props: {
413
413
  modelValue: {},
@@ -420,7 +420,7 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
420
420
  emits: ["update:modelValue"],
421
421
  setup(t, { emit: n }) {
422
422
  const e = t, o = I(e.modelValue);
423
- Q(
423
+ z(
424
424
  () => e.modelValue,
425
425
  (l) => o.value = l
426
426
  );
@@ -435,22 +435,22 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
435
435
  function s(l) {
436
436
  a.value === l.key && !e.mandatory ? a.value = void 0 : a.value = l.key;
437
437
  }
438
- return (l, c) => (r(), w(g(je), {
438
+ return (l, c) => (r(), w(g(Je), {
439
439
  "b-style": "secondary",
440
440
  disabled: e.disabled,
441
441
  borderless: e.borderless,
442
442
  elevated: e.elevated
443
443
  }, {
444
- default: E(() => [
445
- (r(!0), f(A, null, ee(e.options, (i) => (r(), w(g(Xe), {
444
+ default: C(() => [
445
+ (r(!0), f(Q, null, te(e.options, (i) => (r(), w(g(Ze), {
446
446
  key: i.key,
447
447
  title: i.title,
448
448
  label: i.label,
449
449
  active: a.value === i.key,
450
450
  onClick: (p) => s(i)
451
451
  }, {
452
- default: E(() => [
453
- q(l.$slots, i.key)
452
+ default: C(() => [
453
+ x(l.$slots, i.key)
454
454
  ]),
455
455
  _: 2
456
456
  }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -458,7 +458,7 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
458
458
  _: 3
459
459
  }, 8, ["disabled", "borderless", "elevated"]));
460
460
  }
461
- }), jt = k(Je), Pe = /* @__PURE__ */ _({
461
+ }), Jt = k(Pe), et = /* @__PURE__ */ _({
462
462
  __name: "QIcon",
463
463
  props: {
464
464
  icon: {},
@@ -469,22 +469,22 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
469
469
  const n = t, e = y(() => {
470
470
  switch (n.type) {
471
471
  case "svg":
472
- return ct;
472
+ return ut;
473
473
  case "font":
474
- return rt;
475
- case "img":
476
474
  return it;
475
+ case "img":
476
+ return ct;
477
477
  default:
478
478
  return;
479
479
  }
480
480
  });
481
- return (o, a) => n.icon ? (r(), w(he(e.value), {
481
+ return (o, a) => n.icon ? (r(), w(ye(e.value), {
482
482
  key: 0,
483
483
  icon: n.icon,
484
484
  size: n.size
485
485
  }, null, 8, ["icon", "size"])) : b("", !0);
486
486
  }
487
- }), et = /* @__PURE__ */ _({
487
+ }), tt = /* @__PURE__ */ _({
488
488
  __name: "QIconFont",
489
489
  props: {
490
490
  icon: {},
@@ -499,10 +499,10 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
499
499
  return (s, l) => o.value ? (r(), f("i", {
500
500
  key: 0,
501
501
  class: T(["q-icon", "q-icon__font", e.value, o.value]),
502
- style: W(a.value)
502
+ style: G(a.value)
503
503
  }, null, 6)) : b("", !0);
504
504
  }
505
- }), tt = ["src"], nt = /* @__PURE__ */ _({
505
+ }), nt = ["src"], ot = /* @__PURE__ */ _({
506
506
  __name: "QIconImg",
507
507
  props: {
508
508
  icon: {},
@@ -516,10 +516,10 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
516
516
  key: 0,
517
517
  src: n.icon,
518
518
  class: "q-icon",
519
- style: W(e.value)
520
- }, null, 12, tt)) : b("", !0);
519
+ style: G(e.value)
520
+ }, null, 12, nt)) : b("", !0);
521
521
  }
522
- }), M = {}, ot = _({
522
+ }), R = {}, at = _({
523
523
  name: "InlineSvg",
524
524
  emits: ["loaded", "unloaded", "error"],
525
525
  inheritAttrs: !1,
@@ -528,9 +528,9 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
528
528
  return null;
529
529
  const t = this.getSvgContent(this.svgElSource);
530
530
  if (!t)
531
- return se("div", this.$attrs);
531
+ return le("div", this.$attrs);
532
532
  const n = {};
533
- return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, se("svg", n);
533
+ return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, le("svg", n);
534
534
  },
535
535
  props: {
536
536
  src: {
@@ -575,7 +575,7 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
575
575
  o !== !1 && o !== null && o !== void 0 && (t[e] = o);
576
576
  },
577
577
  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)), at(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)), st(t, this.title)), t);
579
579
  },
580
580
  /**
581
581
  * Get svgElSource
@@ -583,11 +583,11 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
583
583
  */
584
584
  async getSource(t) {
585
585
  try {
586
- M[t] || (M[t] = st(this.download(t))), this.svgElSource && M[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
587
- const n = await M[t];
586
+ R[t] || (R[t] = lt(this.download(t))), this.svgElSource && R[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
587
+ const n = await R[t];
588
588
  this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
589
589
  } catch (n) {
590
- this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete M[t], this.$emit("error", n);
590
+ this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete R[t], this.$emit("error", n);
591
591
  }
592
592
  },
593
593
  /**
@@ -611,7 +611,7 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
611
611
  }
612
612
  }
613
613
  });
614
- function at(t, n) {
614
+ function st(t, n) {
615
615
  const e = t.getElementsByTagName("title");
616
616
  if (e.length)
617
617
  e[0].textContent = n;
@@ -620,7 +620,7 @@ function at(t, n) {
620
620
  o.textContent = n, t.insertBefore(o, t.firstChild);
621
621
  }
622
622
  }
623
- function st(t) {
623
+ function lt(t) {
624
624
  if (t.getIsPending)
625
625
  return t;
626
626
  let n = !0;
@@ -632,7 +632,7 @@ function st(t) {
632
632
  );
633
633
  return e.getIsPending = () => n, e;
634
634
  }
635
- const lt = /* @__PURE__ */ _({
635
+ const rt = /* @__PURE__ */ _({
636
636
  __name: "QIconSvg",
637
637
  props: {
638
638
  icon: {},
@@ -644,23 +644,23 @@ const lt = /* @__PURE__ */ _({
644
644
  const e = t, o = y(() => ({
645
645
  "font-size": e.size !== void 0 ? `${e.size}px` : void 0
646
646
  }));
647
- return (a, s) => e.icon ? (r(), w(g(ot), {
647
+ return (a, s) => e.icon ? (r(), w(g(at), {
648
648
  key: 0,
649
649
  class: "q-icon q-icon__svg",
650
650
  src: e.bundle,
651
651
  symbol: e.icon,
652
- style: W(o.value),
652
+ style: G(o.value),
653
653
  onLoaded: s[0] || (s[0] = (l) => n("loaded", l)),
654
654
  onUnloaded: s[1] || (s[1] = (l) => n("unloaded", l))
655
655
  }, null, 8, ["src", "symbol", "style"])) : b("", !0);
656
656
  }
657
- }), U = k(Pe), rt = k(et), it = k(nt), ct = k(lt), ut = {
657
+ }), N = k(et), it = k(tt), ct = k(ot), ut = k(rt), dt = {
658
658
  key: 0,
659
659
  class: "q-input__prepend"
660
- }, dt = {
660
+ }, ft = {
661
661
  key: 1,
662
662
  class: "q-input__append"
663
- }, ft = /* @__PURE__ */ _({
663
+ }, pt = /* @__PURE__ */ _({
664
664
  __name: "QInput",
665
665
  props: {
666
666
  size: { default: "medium" },
@@ -676,25 +676,25 @@ const lt = /* @__PURE__ */ _({
676
676
  { "q-input--readonly": n.readonly, "q-input--disabled": n.disabled }
677
677
  ])
678
678
  }, [
679
- e.$slots.prepend ? (r(), f("div", ut, [
680
- q(e.$slots, "prepend")
679
+ e.$slots.prepend ? (r(), f("div", dt, [
680
+ x(e.$slots, "prepend")
681
681
  ])) : b("", !0),
682
- q(e.$slots, "default"),
683
- e.$slots.append ? (r(), f("div", dt, [
684
- q(e.$slots, "append")
682
+ x(e.$slots, "default"),
683
+ e.$slots.append ? (r(), f("div", ft, [
684
+ x(e.$slots, "append")
685
685
  ])) : b("", !0)
686
686
  ], 2));
687
687
  }
688
- }), pt = k(ft), mt = (t, n) => {
688
+ }), mt = k(pt), ht = (t, n) => {
689
689
  const e = t.__vccOpts || t;
690
690
  for (const [o, a] of n)
691
691
  e[o] = a;
692
692
  return e;
693
- }, ht = {}, yt = { class: "q-line-loader" };
694
- function vt(t, n) {
695
- return r(), f("div", yt);
693
+ }, yt = {}, vt = { class: "q-line-loader" };
694
+ function gt(t, n) {
695
+ return r(), f("div", vt);
696
696
  }
697
- const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE__ */ _({
697
+ const bt = /* @__PURE__ */ ht(yt, [["render", gt]]), Pt = k(bt), _t = /* @__PURE__ */ _({
698
698
  __name: "QList",
699
699
  props: {
700
700
  modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -707,15 +707,15 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
707
707
  emits: ["update:modelValue"],
708
708
  setup(t, { expose: n, emit: e }) {
709
709
  const o = t, a = I(o.modelValue), s = y(() => l.value.length > 1 ? "div" : "ul"), l = y(() => o.groups.length ? o.groups : [{ title: "" }]), c = I(null);
710
- function i(d) {
711
- a.value = d, e("update:modelValue", d);
710
+ function i(u) {
711
+ a.value = u, e("update:modelValue", u);
712
712
  }
713
713
  function p() {
714
- let d = 0;
715
- a.value && (d = o.items.findIndex((S) => S[o.itemValue] === a.value)), x(d);
714
+ let u = 0;
715
+ a.value && (u = o.items.findIndex((S) => S[o.itemValue] === a.value)), q(u);
716
716
  }
717
- function $(d) {
718
- switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && d.preventDefault(), d.key) {
717
+ function $(u) {
718
+ switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && u.preventDefault(), u.key) {
719
719
  case "ArrowDown":
720
720
  m("next");
721
721
  break;
@@ -730,45 +730,45 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
730
730
  break;
731
731
  }
732
732
  }
733
- function m(d) {
734
- switch (d) {
733
+ function m(u) {
734
+ switch (u) {
735
735
  case "next":
736
736
  case "prev":
737
- x(F(d));
737
+ q(F(u));
738
738
  break;
739
739
  case "first":
740
- x(0);
740
+ q(0);
741
741
  break;
742
742
  case "last":
743
- x(-1);
743
+ q(-1);
744
744
  break;
745
745
  }
746
746
  }
747
- function x(d) {
747
+ function q(u) {
748
748
  var v;
749
- (v = C().at(d)) == null || v.focus();
749
+ (v = E().at(u)) == null || v.focus();
750
750
  }
751
- function C() {
751
+ function E() {
752
752
  var v;
753
- const d = (v = c.value) == null ? void 0 : v.querySelectorAll("li");
754
- return d ? Array.from(d).filter((D) => D.tabIndex !== -1) : [];
753
+ const u = (v = c.value) == null ? void 0 : v.querySelectorAll("li");
754
+ return u ? Array.from(u).filter((D) => D.tabIndex !== -1) : [];
755
755
  }
756
- function O(d) {
757
- return d.indexOf(document.activeElement);
756
+ function O(u) {
757
+ return u.indexOf(document.activeElement);
758
758
  }
759
- function F(d) {
760
- const S = C(), v = O(S);
761
- return d === "next" ? v === S.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
759
+ function F(u) {
760
+ const S = E(), v = O(S);
761
+ return u === "next" ? v === S.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
762
762
  }
763
- function z(d) {
764
- return d ? o.items.filter((S) => S.group === d) : o.items;
763
+ function M(u) {
764
+ return u ? o.items.filter((S) => S.group === u) : o.items;
765
765
  }
766
- return Q(
766
+ return z(
767
767
  () => o.modelValue,
768
- (d) => {
769
- a.value = d;
768
+ (u) => {
769
+ a.value = u;
770
770
  }
771
- ), n({ focusItem: x }), (d, S) => (r(), w(he(s.value), {
771
+ ), n({ focusItem: q }), (u, S) => (r(), w(ye(s.value), {
772
772
  ref_key: "listRef",
773
773
  ref: c,
774
774
  class: T(["q-list", { "q-list--disabled": o.disabled }]),
@@ -777,12 +777,12 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
777
777
  onFocus: p,
778
778
  onKeydown: $
779
779
  }, {
780
- default: E(() => [
781
- (r(!0), f(A, null, ee(l.value, (v) => (r(), w(g(It), K({
780
+ default: C(() => [
781
+ (r(!0), f(Q, null, te(l.value, (v) => (r(), w(g(Et), W({
782
782
  key: v.title
783
783
  }, v), {
784
- default: E(() => [
785
- (r(!0), f(A, null, ee(z(v.title), (D) => (r(), w(g(Dt), {
784
+ default: C(() => [
785
+ (r(!0), f(Q, null, te(M(v.title), (D) => (r(), w(g(It), {
786
786
  key: D[o.itemValue],
787
787
  value: D[o.itemValue],
788
788
  label: D[o.itemLabel],
@@ -798,11 +798,11 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
798
798
  _: 1
799
799
  }, 40, ["class", "tabindex"]));
800
800
  }
801
- }), _t = ["tabindex", "aria-label", "aria-selected", "onClick"], kt = {
801
+ }), kt = ["tabindex", "aria-label", "aria-selected", "onClick"], wt = {
802
802
  check: {
803
803
  icon: "check"
804
804
  }
805
- }, wt = /* @__PURE__ */ _({
805
+ }, $t = /* @__PURE__ */ _({
806
806
  __name: "QListItem",
807
807
  props: {
808
808
  value: { type: [String, Number, Boolean, Symbol] },
@@ -810,7 +810,7 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
810
810
  icon: { default: void 0 },
811
811
  selected: { type: Boolean, default: !1 },
812
812
  highlighted: { type: Boolean, default: !1 },
813
- icons: { default: () => kt },
813
+ icons: { default: () => wt },
814
814
  disabled: { type: Boolean, default: !1 }
815
815
  },
816
816
  emits: ["select"],
@@ -836,22 +836,22 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
836
836
  "aria-label": e.label,
837
837
  "aria-selected": e.disabled ? void 0 : e.selected,
838
838
  onKeydown: a,
839
- onClick: R(o, ["stop", "prevent"])
839
+ onClick: H(o, ["stop", "prevent"])
840
840
  }, [
841
- e.icon ? (r(), w(g(U), ye(K({ key: 0 }, e.icon)), null, 16)) : b("", !0),
842
- N(" " + V(e.label) + " ", 1),
843
- e.selected ? (r(), w(g(U), K({ key: 1 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
844
- ], 42, _t));
841
+ e.icon ? (r(), w(g(N), ve(W({ key: 0 }, e.icon)), null, 16)) : b("", !0),
842
+ K(" " + V(e.label) + " ", 1),
843
+ e.selected ? (r(), w(g(N), W({ key: 1 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
844
+ ], 42, kt));
845
845
  }
846
846
  });
847
- let $t = 0;
848
- function St() {
849
- return `uid-${++$t}`;
847
+ let St = 0;
848
+ function Bt() {
849
+ return `uid-${++St}`;
850
850
  }
851
- const Bt = ["aria-labelledby"], Lt = ["id"], xt = /* @__PURE__ */ _({
851
+ const Lt = ["aria-labelledby"], xt = ["id"], qt = /* @__PURE__ */ _({
852
852
  __name: "QListItemGroup",
853
853
  props: {
854
- id: { default: () => St() },
854
+ id: { default: () => Bt() },
855
855
  title: { default: "" },
856
856
  disabled: { type: Boolean, default: !1 }
857
857
  },
@@ -868,15 +868,15 @@ const Bt = ["aria-labelledby"], Lt = ["id"], xt = /* @__PURE__ */ _({
868
868
  id: n.id,
869
869
  class: "q-list-item-group__title",
870
870
  role: "presentation"
871
- }, V(n.title), 9, Lt)) : b("", !0),
872
- q(e.$slots, "default")
873
- ], 8, Bt)) : q(e.$slots, "default", { key: 0 });
871
+ }, V(n.title), 9, xt)) : b("", !0),
872
+ x(e.$slots, "default")
873
+ ], 8, Lt)) : x(e.$slots, "default", { key: 0 });
874
874
  }
875
- }), qt = k(bt), Dt = k(wt), It = k(xt);
876
- function Et(t, n, e = "right", o) {
875
+ }), Dt = k(_t), It = k($t), Et = k(qt);
876
+ function Ct(t, n, e = "right", o) {
877
877
  const a = t.getBoundingClientRect(), s = a.x + window.scrollX, l = a.y + window.scrollY, c = n == null ? void 0 : n.getBoundingClientRect(), i = (c == null ? void 0 : c.width) ?? 0, p = (c == null ? void 0 : c.height) ?? 0;
878
878
  let $ = e;
879
- c && !$e(a, c, $) && ($ = Ct(a, c, $));
879
+ c && !Se(a, c, $) && ($ = Tt(a, c, $));
880
880
  const m = { x: 0, y: 0, placement: $ };
881
881
  switch ($) {
882
882
  case "top":
@@ -894,31 +894,31 @@ function Et(t, n, e = "right", o) {
894
894
  }
895
895
  return o === "anchor" && (m.width = a.width), m;
896
896
  }
897
- function $e(t, n, e) {
897
+ function Se(t, n, e) {
898
898
  let o = !1, a = !1;
899
899
  switch (e) {
900
900
  case "top":
901
- o = fe(t, n), a = t.top > n.height;
901
+ o = pe(t, n), a = t.top > n.height;
902
902
  break;
903
903
  case "bottom":
904
- o = fe(t, n), a = window.innerHeight - t.top - t.height > n.height;
904
+ o = pe(t, n), a = window.innerHeight - t.top - t.height > n.height;
905
905
  break;
906
906
  case "left":
907
- o = t.left > n.width, a = de(t, n);
907
+ o = t.left > n.width, a = fe(t, n);
908
908
  break;
909
909
  case "right":
910
- o = window.innerWidth - t.left - t.width > n.width, a = de(t, n);
910
+ o = window.innerWidth - t.left - t.width > n.width, a = fe(t, n);
911
911
  break;
912
912
  }
913
913
  return o && a;
914
914
  }
915
- function de(t, n) {
915
+ function fe(t, n) {
916
916
  return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
917
917
  }
918
- function fe(t, n) {
918
+ function pe(t, n) {
919
919
  return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
920
920
  }
921
- function Ct(t, n, e) {
921
+ function Tt(t, n, e) {
922
922
  const o = {
923
923
  top: ["bottom", "left", "right"],
924
924
  bottom: ["top", "left", "right"],
@@ -926,17 +926,17 @@ function Ct(t, n, e) {
926
926
  right: ["left", "top", "bottom"]
927
927
  };
928
928
  for (const a of o[e])
929
- if ($e(t, n, a))
929
+ if (Se(t, n, a))
930
930
  return a;
931
931
  return e;
932
932
  }
933
- function Y(t) {
933
+ function X(t) {
934
934
  return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
935
935
  }
936
- const Tt = {
936
+ const Vt = {
937
937
  key: 0,
938
938
  class: "q-overlay__arrow"
939
- }, Vt = /* @__PURE__ */ _({
939
+ }, zt = /* @__PURE__ */ _({
940
940
  __name: "QOverlay",
941
941
  props: {
942
942
  modelValue: { type: Boolean },
@@ -961,14 +961,14 @@ const Tt = {
961
961
  `q-overlay--${a.placement}`,
962
962
  { "q-overlay--inverted": e.appearance === "inverted" },
963
963
  ...e.contentClasses
964
- ]), a = Be({
964
+ ]), a = Le({
965
965
  visible: e.modelValue,
966
966
  top: 0,
967
967
  left: 0,
968
968
  width: 0,
969
969
  placement: e.placement
970
970
  }), s = y(() => a.visible && !e.disabled);
971
- Q(
971
+ z(
972
972
  () => e.modelValue,
973
973
  () => a.visible = e.modelValue
974
974
  );
@@ -988,20 +988,20 @@ const Tt = {
988
988
  h = e.offset || 0;
989
989
  break;
990
990
  }
991
- const u = {
991
+ const A = {
992
992
  top: `${a.top + B}px`,
993
993
  left: `${a.left + h}px`
994
994
  };
995
- return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (u.width = `${a.width}px`), u;
995
+ return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (A.width = `${a.width}px`), A;
996
996
  }), c = I(null);
997
997
  function i() {
998
- const h = Y(e.anchor);
998
+ const h = X(e.anchor);
999
999
  if (h) {
1000
- const B = Et(h, c.value, e.placement, e.width);
1000
+ const B = Ct(h, c.value, e.placement, e.width);
1001
1001
  a.left = B.x, a.top = B.y, a.width = B.width, a.placement = B.placement;
1002
1002
  }
1003
1003
  }
1004
- Q([() => s.value, () => e.placement], i);
1004
+ z([() => s.value, () => e.placement], i);
1005
1005
  let p;
1006
1006
  function $() {
1007
1007
  const h = e.trigger === "hover" ? e.delay : 0;
@@ -1010,17 +1010,17 @@ const Tt = {
1010
1010
  function m() {
1011
1011
  clearTimeout(p), p = void 0, a.visible = !1;
1012
1012
  }
1013
- function x() {
1013
+ function q() {
1014
1014
  s.value ? m() : $();
1015
1015
  }
1016
- let C;
1016
+ let E;
1017
1017
  function O() {
1018
- le(() => {
1019
- const h = Y(e.anchor);
1018
+ re(() => {
1019
+ const h = X(e.anchor);
1020
1020
  if (h)
1021
1021
  switch (e.trigger) {
1022
1022
  case "click":
1023
- h.addEventListener("click", x);
1023
+ h.addEventListener("click", q);
1024
1024
  break;
1025
1025
  case "hover":
1026
1026
  h.addEventListener("mouseenter", $), h.addEventListener("mouseleave", m);
@@ -1029,9 +1029,9 @@ const Tt = {
1029
1029
  });
1030
1030
  }
1031
1031
  function F() {
1032
- le(() => {
1033
- const h = Y(e.anchor);
1034
- h && (window.addEventListener("scroll", i), window.addEventListener("resize", i), C = new MutationObserver(i), C.observe(h, {
1032
+ re(() => {
1033
+ const h = X(e.anchor);
1034
+ h && (window.addEventListener("scroll", i), window.addEventListener("resize", i), E = new MutationObserver(i), E.observe(h, {
1035
1035
  attributes: !1,
1036
1036
  childList: !0,
1037
1037
  characterData: !0,
@@ -1039,55 +1039,55 @@ const Tt = {
1039
1039
  }), i());
1040
1040
  });
1041
1041
  }
1042
- function z() {
1043
- window.removeEventListener("scroll", i), window.removeEventListener("resize", i), C == null || C.disconnect();
1042
+ function M() {
1043
+ window.removeEventListener("scroll", i), window.removeEventListener("resize", i), E == null || E.disconnect();
1044
1044
  }
1045
- let d;
1045
+ let u;
1046
1046
  function S() {
1047
- Y(e.anchor) ? (i(), d = window.setTimeout(S, 100)) : m();
1047
+ X(e.anchor) ? (i(), u = window.setTimeout(S, 100)) : m();
1048
1048
  }
1049
1049
  function v() {
1050
1050
  F(), e.spy && S();
1051
1051
  }
1052
1052
  function D() {
1053
- z(), e.spy && (clearTimeout(d), d = void 0);
1053
+ M(), e.spy && (clearTimeout(u), u = void 0);
1054
1054
  }
1055
- return Le(D), xe(i), Q(
1055
+ return xe(D), qe(i), z(
1056
1056
  () => e.disabled,
1057
1057
  (h) => {
1058
1058
  h || O();
1059
1059
  },
1060
1060
  { immediate: !0 }
1061
- ), Q(
1061
+ ), z(
1062
1062
  () => s.value,
1063
1063
  (h) => {
1064
1064
  h ? v() : D();
1065
1065
  },
1066
1066
  { immediate: !0 }
1067
- ), (h, B) => (r(), f(A, null, [
1068
- q(h.$slots, "trigger", { open: s.value }),
1069
- (r(), w(qe, {
1067
+ ), (h, B) => (r(), f(Q, null, [
1068
+ x(h.$slots, "trigger", { open: s.value }),
1069
+ (r(), w(De, {
1070
1070
  to: e.attach
1071
1071
  }, [
1072
- H(De, {
1072
+ U(Ie, {
1073
1073
  name: e.transition,
1074
1074
  appear: "",
1075
- onEnter: B[0] || (B[0] = (u) => n("enter")),
1076
- onLeave: B[1] || (B[1] = (u) => n("leave"))
1075
+ onEnter: B[0] || (B[0] = (A) => n("enter")),
1076
+ onLeave: B[1] || (B[1] = (A) => n("leave"))
1077
1077
  }, {
1078
- default: E(() => [
1078
+ default: C(() => [
1079
1079
  s.value ? (r(), f("div", {
1080
1080
  key: 0,
1081
1081
  class: T(o.value),
1082
- style: W(l.value)
1082
+ style: G(l.value)
1083
1083
  }, [
1084
- X("div", {
1084
+ Z("div", {
1085
1085
  class: T(["q-overlay__content"]),
1086
1086
  ref_key: "overlay",
1087
1087
  ref: c
1088
1088
  }, [
1089
- e.arrow ? (r(), f("div", Tt)) : b("", !0),
1090
- q(h.$slots, "default")
1089
+ e.arrow ? (r(), f("div", Vt)) : b("", !0),
1090
+ x(h.$slots, "default")
1091
1091
  ], 512)
1092
1092
  ], 6)) : b("", !0)
1093
1093
  ]),
@@ -1096,13 +1096,13 @@ const Tt = {
1096
1096
  ], 8, ["to"]))
1097
1097
  ], 64));
1098
1098
  }
1099
- }), oe = k(Vt), zt = {
1099
+ }), ae = k(zt), Qt = {
1100
1100
  key: 0,
1101
1101
  class: "q-popover__header"
1102
- }, Qt = {
1102
+ }, At = {
1103
1103
  key: 1,
1104
1104
  class: "q-popover__body"
1105
- }, At = ["innerHTML"], Ot = { key: 1 }, Ft = /* @__PURE__ */ _({
1105
+ }, Ot = ["innerHTML"], Ft = { key: 1 }, Mt = /* @__PURE__ */ _({
1106
1106
  __name: "QPopover",
1107
1107
  props: {
1108
1108
  modelValue: { type: Boolean },
@@ -1118,7 +1118,7 @@ const Tt = {
1118
1118
  },
1119
1119
  setup(t) {
1120
1120
  const n = t;
1121
- return (e, o) => (r(), w(g(oe), {
1121
+ return (e, o) => (r(), w(g(ae), {
1122
1122
  "model-value": n.modelValue,
1123
1123
  trigger: "click",
1124
1124
  anchor: n.anchor,
@@ -1129,23 +1129,23 @@ const Tt = {
1129
1129
  placement: n.placement,
1130
1130
  spy: n.spy
1131
1131
  }, {
1132
- default: E(() => [
1133
- n.title || e.$slots.header ? (r(), f("h3", zt, [
1134
- N(V(n.title) + " ", 1),
1135
- q(e.$slots, "header")
1132
+ default: C(() => [
1133
+ n.title || e.$slots.header ? (r(), f("h3", Qt, [
1134
+ K(V(n.title) + " ", 1),
1135
+ x(e.$slots, "header")
1136
1136
  ])) : b("", !0),
1137
- n.text || e.$slots.body ? (r(), f("div", Qt, [
1137
+ n.text || e.$slots.body ? (r(), f("div", At, [
1138
1138
  n.html ? (r(), f("span", {
1139
1139
  key: 0,
1140
1140
  innerHTML: n.text
1141
- }, null, 8, At)) : (r(), f("span", Ot, V(n.text), 1)),
1142
- q(e.$slots, "body")
1141
+ }, null, 8, Ot)) : (r(), f("span", Ft, V(n.text), 1)),
1142
+ x(e.$slots, "body")
1143
1143
  ])) : b("", !0)
1144
1144
  ]),
1145
1145
  _: 3
1146
1146
  }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
1147
1147
  }
1148
- }), Pt = k(Ft), Mt = {
1148
+ }), en = k(Mt), Rt = {
1149
1149
  mounted(t, n) {
1150
1150
  t.clickOutsideEvent = function(e) {
1151
1151
  const o = e.target;
@@ -1155,19 +1155,19 @@ const Tt = {
1155
1155
  unmounted(t) {
1156
1156
  document.removeEventListener("click", t.clickOutsideEvent);
1157
1157
  }
1158
- }, Rt = {
1158
+ }, Ht = {
1159
1159
  key: 1,
1160
1160
  class: "q-select__placeholder"
1161
- }, Ht = {
1162
- placeholder: "Choose..."
1163
1161
  }, Ut = {
1162
+ placeholder: "Choose..."
1163
+ }, Nt = {
1164
1164
  chevron: {
1165
1165
  icon: "chevron-down"
1166
1166
  },
1167
1167
  clear: {
1168
1168
  icon: "close"
1169
1169
  }
1170
- }, Nt = /* @__PURE__ */ _({
1170
+ }, Kt = /* @__PURE__ */ _({
1171
1171
  __name: "QSelect",
1172
1172
  props: {
1173
1173
  modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1175,82 +1175,85 @@ const Tt = {
1175
1175
  readonly: { type: Boolean },
1176
1176
  disabled: { type: Boolean, default: !1 },
1177
1177
  loading: { type: Boolean, default: !1 },
1178
- icons: { default: () => Ut },
1178
+ icons: { default: () => Nt },
1179
1179
  items: {},
1180
1180
  groups: { default: () => [] },
1181
1181
  itemValue: { default: "key" },
1182
1182
  itemLabel: { default: "label" },
1183
1183
  size: { default: "medium" },
1184
- texts: { default: () => Ht }
1184
+ texts: { default: () => Ut }
1185
1185
  },
1186
1186
  emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
1187
1187
  setup(t, { emit: n }) {
1188
1188
  const e = t, o = I(e.modelValue), a = I(!1), s = I(""), l = I(null), c = I(null), i = I(null), p = y(
1189
1189
  () => {
1190
- var u;
1191
- return (u = e.items) == null ? void 0 : u.find((L) => L[e.itemValue] === o.value);
1190
+ var d;
1191
+ return (d = e.items) == null ? void 0 : d.find((L) => L[e.itemValue] === o.value);
1192
1192
  }
1193
1193
  ), $ = y(
1194
1194
  () => p.value ? p.value[e.itemLabel] : ""
1195
1195
  ), m = y(
1196
1196
  () => e.clearable && !e.readonly && !e.disabled && !e.loading
1197
1197
  );
1198
- function x() {
1199
- m.value && (o.value = void 0, n("update:modelValue", o.value), z());
1198
+ function q(d) {
1199
+ o.value = d, n("update:modelValue", d), u();
1200
1200
  }
1201
- function C() {
1202
- e.readonly || e.disabled || (a.value ? z() : F());
1201
+ function E() {
1202
+ m.value && q(void 0);
1203
1203
  }
1204
- function O(u) {
1204
+ function O() {
1205
+ e.readonly || e.disabled || (a.value ? u() : M());
1206
+ }
1207
+ function F(d) {
1205
1208
  var L;
1206
- (L = l.value) != null && L.$el.contains(u.target) || z();
1209
+ (L = l.value) != null && L.$el.contains(d.target) || u();
1207
1210
  }
1208
- function F() {
1211
+ function M() {
1209
1212
  a.value || (n("before-show"), a.value = !0);
1210
1213
  }
1211
- function z() {
1214
+ function u() {
1212
1215
  a.value && (n("before-hide"), a.value = !1);
1213
1216
  }
1214
- let d;
1215
- function S(u) {
1216
- if (!(!u.key || e.readonly || e.disabled)) {
1217
- if (window.clearTimeout(d), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && (u.preventDefault(), u.stopPropagation()), ["Enter", " "].includes(u.key) && (a.value = !0), ["Escape", "Tab"].includes(u.key) && (a.value ? a.value = !1 : e.clearable && u.key === "Escape" && x()), u.key === "Delete" && e.clearable && x(), /^[a-z]$/i.test(u.key)) {
1218
- s.value += u.key.toLowerCase();
1217
+ let S;
1218
+ function v(d) {
1219
+ if (!(!d.key || e.readonly || e.disabled)) {
1220
+ if (window.clearTimeout(S), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (a.value = !0), ["Escape", "Tab"].includes(d.key) && (a.value ? a.value = !1 : e.clearable && d.key === "Escape" && E()), d.key === "Delete" && e.clearable && E(), /^[a-z]$/i.test(d.key)) {
1221
+ s.value += d.key.toLowerCase();
1219
1222
  for (let L = 0; L < e.items.length; L++)
1220
1223
  if (e.items[L][e.itemLabel].toLowerCase().startsWith(s.value)) {
1221
- B(L);
1224
+ A(L);
1222
1225
  break;
1223
1226
  }
1224
1227
  }
1225
- d = window.setTimeout(function() {
1228
+ S = window.setTimeout(function() {
1226
1229
  s.value = "";
1227
1230
  }, 500);
1228
1231
  }
1229
1232
  }
1230
- function v() {
1231
- var u;
1232
- (u = c.value) == null || u.$el.focus(), n("show");
1233
- }
1234
1233
  function D() {
1235
- h(), n("hide");
1234
+ var d;
1235
+ (d = c.value) == null || d.$el.focus(), n("show");
1236
1236
  }
1237
1237
  function h() {
1238
- var u;
1239
- (u = l.value) == null || u.$el.focus();
1238
+ B(), n("hide");
1239
+ }
1240
+ function B() {
1241
+ var d;
1242
+ (d = l.value) == null || d.$el.focus();
1240
1243
  }
1241
- function B(u) {
1244
+ function A(d) {
1242
1245
  var L;
1243
- (L = c.value) == null || L.focusItem(u);
1246
+ (L = c.value) == null || L.focusItem(d);
1244
1247
  }
1245
- return Q(
1248
+ return z(
1246
1249
  () => e.modelValue,
1247
- (u) => {
1248
- o.value = u;
1250
+ (d) => {
1251
+ o.value = d;
1249
1252
  }
1250
- ), (u, L) => {
1251
- var j, ae;
1252
- return r(), f(A, null, [
1253
- H(g(pt), {
1253
+ ), (d, L) => {
1254
+ var J, se;
1255
+ return r(), f(Q, null, [
1256
+ U(g(mt), {
1254
1257
  ref_key: "inputRef",
1255
1258
  ref: l,
1256
1259
  role: "combobox",
@@ -1268,75 +1271,75 @@ const Tt = {
1268
1271
  "aria-expanded": a.value,
1269
1272
  "aria-haspopup": "listbox",
1270
1273
  size: e.size,
1271
- onClick: C,
1272
- onKeydown: R(S, ["stop"])
1273
- }, Ie({
1274
- append: E(() => [
1275
- m.value && o.value ? (r(), w(g(U), K({ key: 0 }, e.icons.clear, {
1274
+ onClick: O,
1275
+ onKeydown: H(v, ["stop"])
1276
+ }, Ee({
1277
+ append: C(() => [
1278
+ m.value && o.value ? (r(), w(g(N), W({ key: 0 }, e.icons.clear, {
1276
1279
  class: "q-select__clear",
1277
- onClick: R(x, ["stop", "prevent"])
1280
+ onClick: H(E, ["stop", "prevent"])
1278
1281
  }), null, 16, ["onClick"])) : b("", !0),
1279
- !e.readonly && !e.disabled ? (r(), w(g(U), K({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
1282
+ !e.readonly && !e.disabled ? (r(), w(g(N), W({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
1280
1283
  ]),
1281
- default: E(() => [
1282
- o.value ? (r(), f(A, { key: 0 }, [
1283
- N(V($.value), 1)
1284
- ], 64)) : (r(), f("span", Rt, V(u.texts.placeholder), 1))
1284
+ default: C(() => [
1285
+ o.value ? (r(), f(Q, { key: 0 }, [
1286
+ K(V($.value), 1)
1287
+ ], 64)) : (r(), f("span", Ht, V(d.texts.placeholder), 1))
1285
1288
  ]),
1286
1289
  _: 2
1287
1290
  }, [
1288
- (j = p.value) != null && j.icon ? {
1291
+ (J = p.value) != null && J.icon ? {
1289
1292
  name: "prepend",
1290
- fn: E(() => {
1291
- var G;
1293
+ fn: C(() => {
1294
+ var Y;
1292
1295
  return [
1293
- H(g(U), ye(Ee((G = p.value) == null ? void 0 : G.icon)), null, 16)
1296
+ U(g(N), ve(Ce((Y = p.value) == null ? void 0 : Y.icon)), null, 16)
1294
1297
  ];
1295
1298
  }),
1296
1299
  key: "0"
1297
1300
  } : void 0
1298
1301
  ]), 1032, ["class", "disabled", "aria-expanded", "size", "onKeydown"]),
1299
- H(g(oe), {
1302
+ U(g(ae), {
1300
1303
  "model-value": a.value,
1301
1304
  spy: "",
1302
1305
  trigger: "manual",
1303
1306
  placement: "bottom",
1304
1307
  width: "anchor",
1305
1308
  offset: 2,
1306
- anchor: (ae = l.value) == null ? void 0 : ae.$el,
1307
- onEnter: v,
1308
- onLeave: D
1309
+ anchor: (se = l.value) == null ? void 0 : se.$el,
1310
+ onEnter: D,
1311
+ onLeave: h
1309
1312
  }, {
1310
- default: E(() => [
1311
- Ce((r(), f("div", {
1313
+ default: C(() => [
1314
+ Te((r(), f("div", {
1312
1315
  ref_key: "contentRef",
1313
1316
  ref: i,
1314
1317
  class: "q-select__body"
1315
1318
  }, [
1316
- q(u.$slots, "body.prepend"),
1317
- e.loading ? (r(), w(g(we), {
1319
+ x(d.$slots, "body.prepend"),
1320
+ e.loading ? (r(), w(g($e), {
1318
1321
  key: 0,
1319
1322
  class: "q-select__loader",
1320
1323
  size: 24
1321
- })) : (r(), w(g(qt), {
1324
+ })) : (r(), w(g(Dt), {
1322
1325
  key: 1,
1323
1326
  ref_key: "listRef",
1324
1327
  ref: c,
1325
1328
  class: "q-select__items",
1326
1329
  modelValue: o.value,
1327
1330
  "onUpdate:modelValue": [
1328
- L[0] || (L[0] = (G) => o.value = G),
1329
- z
1331
+ L[0] || (L[0] = (Y) => o.value = Y),
1332
+ q
1330
1333
  ],
1331
1334
  items: e.items,
1332
- groups: u.groups,
1335
+ groups: d.groups,
1333
1336
  "item-label": e.itemLabel,
1334
1337
  "item-value": e.itemValue,
1335
- onKeydown: R(S, ["stop"])
1338
+ onKeydown: H(v, ["stop"])
1336
1339
  }, null, 8, ["modelValue", "items", "groups", "item-label", "item-value", "onKeydown"])),
1337
- q(u.$slots, "body.append")
1340
+ x(d.$slots, "body.append")
1338
1341
  ])), [
1339
- [g(Mt), O]
1342
+ [g(Rt), F]
1340
1343
  ])
1341
1344
  ]),
1342
1345
  _: 3
@@ -1344,7 +1347,7 @@ const Tt = {
1344
1347
  ], 64);
1345
1348
  };
1346
1349
  }
1347
- }), en = k(Nt), Kt = ["innerHTML"], Wt = { key: 1 }, Gt = /* @__PURE__ */ _({
1350
+ }), tn = k(Kt), Wt = ["innerHTML"], Gt = { key: 1 }, Yt = /* @__PURE__ */ _({
1348
1351
  __name: "QTooltip",
1349
1352
  props: {
1350
1353
  modelValue: { type: Boolean },
@@ -1361,7 +1364,7 @@ const Tt = {
1361
1364
  },
1362
1365
  setup(t) {
1363
1366
  const n = t;
1364
- return (e, o) => (r(), w(g(oe), {
1367
+ return (e, o) => (r(), w(g(ae), {
1365
1368
  "model-value": n.modelValue,
1366
1369
  anchor: n.anchor,
1367
1370
  appearance: n.appearance,
@@ -1373,38 +1376,38 @@ const Tt = {
1373
1376
  placement: n.placement,
1374
1377
  trigger: n.trigger
1375
1378
  }, {
1376
- default: E(() => [
1379
+ default: C(() => [
1377
1380
  n.html ? (r(), f("span", {
1378
1381
  key: 0,
1379
1382
  innerHTML: n.text
1380
- }, null, 8, Kt)) : (r(), f("span", Wt, V(n.text), 1))
1383
+ }, null, 8, Wt)) : (r(), f("span", Gt, V(n.text), 1))
1381
1384
  ]),
1382
1385
  _: 1
1383
1386
  }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
1384
1387
  }
1385
- }), tn = k(Gt);
1388
+ }), nn = k(Yt);
1386
1389
  export {
1387
- Xe as QButton,
1388
- je as QButtonGroup,
1389
- jt as QButtonToggle,
1390
- U as QIcon,
1391
- rt as QIconFont,
1392
- it as QIconImg,
1393
- ct as QIconSvg,
1394
- pt as QInput,
1395
- Jt as QLineLoader,
1396
- qt as QList,
1397
- Dt as QListItem,
1398
- It as QListItemGroup,
1399
- oe as QOverlay,
1400
- Pt as QPopover,
1401
- en as QSelect,
1402
- we as QSpinnerLoader,
1403
- tn as QTooltip,
1404
- Mt as clickOutside,
1405
- Zt as createFramework,
1406
- ze as defaultDarkColorScheme,
1407
- ie as defaultLightColorScheme,
1408
- Xt as useTheme
1390
+ Ze as QButton,
1391
+ Je as QButtonGroup,
1392
+ Jt as QButtonToggle,
1393
+ N as QIcon,
1394
+ it as QIconFont,
1395
+ ct as QIconImg,
1396
+ ut as QIconSvg,
1397
+ mt as QInput,
1398
+ Pt as QLineLoader,
1399
+ Dt as QList,
1400
+ It as QListItem,
1401
+ Et as QListItemGroup,
1402
+ ae as QOverlay,
1403
+ en as QPopover,
1404
+ tn as QSelect,
1405
+ $e as QSpinnerLoader,
1406
+ nn as QTooltip,
1407
+ Rt as clickOutside,
1408
+ jt as createFramework,
1409
+ Qe as defaultDarkColorScheme,
1410
+ ce as defaultLightColorScheme,
1411
+ Zt as useTheme
1409
1412
  };
1410
1413
  //# sourceMappingURL=ui.esm.js.map