@quidgest/ui 0.16.41 → 0.16.42

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.
Files changed (10) hide show
  1. package/dist/json/api.json +1 -1
  2. package/dist/ui.css +1 -1
  3. package/dist/ui.esm.js +11 -7
  4. package/dist/ui.js +2 -2
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +5 -5
  7. package/dist/ui.scss +2 -2
  8. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  9. package/esm/components/QSelect/QSelect.vue.js +99 -95
  10. package/package.json +1 -1
package/esm/components/QSelect/QSelect.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as ce, mergeModels as Z, useModel as fe, toRef as z, ref as ee, useTemplateRef as _, onMounted as me, computed as q, nextTick as O, watch as D, createElementBlock as c, openBlock as a, Fragment as b, createVNode as T, unref as o, normalizeClass as pe, createSlots as ve, withCtx as f, withDirectives as ye, createBlock as m, createCommentVNode as p, renderList as le, createTextVNode as w, mergeProps as B, toDisplayString as g, normalizeProps as te, createElementVNode as ae, vModelText as be, renderSlot as h, withModifiers as ge } from "vue";
1
+ import { defineComponent as ce, mergeModels as Z, useModel as fe, toRef as z, ref as ee, useTemplateRef as _, onMounted as me, computed as q, nextTick as O, watch as D, createElementBlock as c, openBlock as t, Fragment as y, createVNode as T, unref as o, normalizeClass as pe, createSlots as ve, withCtx as f, withDirectives as be, createBlock as m, createCommentVNode as p, renderList as le, createTextVNode as w, mergeProps as B, toDisplayString as g, normalizeProps as ae, createElementVNode as te, vModelText as ye, renderSlot as h, withModifiers as ge } from "vue";
2
2
  import { DEFAULT_TEXTS as he, DEFAULT_ICONS as ke } from "./constants.js";
3
3
  import { QBadge as M } from "../QBadge/index.js";
4
4
  import { QButton as _e } from "../QButton/index.js";
@@ -59,98 +59,98 @@ const De = {
59
59
  active: s,
60
60
  required: z(e, "required"),
61
61
  multiple: z(e, "multiple")
62
- }), d = ee(!1), V = ee(0), S = _("trigger"), ne = _("list"), U = _("content"), N = _("badgesContainer"), W = _("allBadges");
62
+ }), u = ee(!1), V = ee(0), S = _("trigger"), ie = _("list"), U = _("content"), N = _("badgesContainer"), W = _("allBadges");
63
63
  me($);
64
64
  const P = q(() => r.value.length === 0), r = q(() => {
65
- var t;
65
+ var a;
66
66
  if (e.multiple)
67
- return ((t = s.value) == null ? void 0 : t.map((u) => j(u))) ?? [];
67
+ return ((a = s.value) == null ? void 0 : a.map((d) => j(d))) ?? [];
68
68
  const l = typeof s.value < "u" ? j(s.value) : void 0;
69
69
  return l ? [l] : [];
70
70
  }), H = q(() => {
71
- var t;
71
+ var a;
72
72
  const l = /* @__PURE__ */ new Map();
73
- return (t = e.items) == null || t.forEach((u, n) => {
74
- l.set(u.key, n);
73
+ return (a = e.items) == null || a.forEach((d, i) => {
74
+ l.set(d.key, i);
75
75
  }), l;
76
76
  }), A = q(
77
77
  () => {
78
78
  var l;
79
- return (l = r.value) == null ? void 0 : l.map((t) => t[e.itemLabel]).join(", ");
79
+ return (l = r.value) == null ? void 0 : l.map((a) => a[e.itemLabel]).join(", ");
80
80
  }
81
81
  ), L = q(
82
82
  () => e.clearable && !e.readonly && !e.disabled && !e.loading && !P.value
83
83
  );
84
84
  function j(l) {
85
- var t;
86
- return (t = e.items) == null ? void 0 : t.find((u) => u[e.itemValue] === l);
85
+ var a;
86
+ return (a = e.items) == null ? void 0 : a.find((d) => d[e.itemValue] === l);
87
87
  }
88
- function ie(l) {
88
+ function ne(l) {
89
89
  e.multiple && l < s.value.length && (!e.required || s.value.length > 1) ? K.value = s.value.toSpliced(l, 1) : k();
90
90
  }
91
91
  function I(l) {
92
- Array.isArray(l) ? (s.value = l.sort((t, u) => H.value.get(t) - H.value.get(u)), $()) : (s.value = l, E());
92
+ Array.isArray(l) ? (s.value = l.sort((a, d) => H.value.get(a) - H.value.get(d)), $()) : (s.value = l, E());
93
93
  }
94
94
  function k() {
95
95
  I(e.emptyValue), J();
96
96
  }
97
97
  function re(l) {
98
- var t, u, n;
99
- !((t = U.value) != null && t.contains(l.relatedTarget)) && !((n = (u = S.value) == null ? void 0 : u.fieldRef) != null && n.contains(l.relatedTarget)) && E();
98
+ var a, d, i;
99
+ !((a = U.value) != null && a.contains(l.relatedTarget)) && !((i = (d = S.value) == null ? void 0 : d.fieldRef) != null && i.contains(l.relatedTarget)) && E();
100
100
  }
101
101
  function G() {
102
- d.value || (C("before-show"), d.value = !0);
102
+ u.value || (C("before-show"), u.value = !0);
103
103
  }
104
104
  function E() {
105
- d.value && (C("before-hide"), d.value = !1);
105
+ u.value && (C("before-hide"), u.value = !1);
106
106
  }
107
107
  function X() {
108
- e.readonly || e.disabled || (d.value ? E() : G());
108
+ e.readonly || e.disabled || (u.value ? E() : G());
109
109
  }
110
110
  function x(l) {
111
- !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End", "Delete"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && G(), ["Escape", "Tab"].includes(l.key) && (d.value ? E() : L.value && l.key === "Escape" && k()), L.value && l.key === "Delete" && k());
111
+ !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End", "Delete"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && G(), ["Escape", "Tab"].includes(l.key) && (u.value ? E() : L.value && l.key === "Escape" && k()), L.value && l.key === "Delete" && k());
112
112
  }
113
113
  function se(l) {
114
114
  l.key.length === 1 && l.preventDefault(), x(l);
115
115
  }
116
- function ue() {
116
+ function de() {
117
117
  var l;
118
118
  e.loading ? (l = U.value) == null || l.focus() : Y(), C("show");
119
119
  }
120
- function de() {
120
+ function ue() {
121
121
  J(), C("hide");
122
122
  }
123
123
  function J() {
124
- var l, t;
125
- (t = (l = S.value) == null ? void 0 : l.fieldRef) == null || t.focus();
124
+ var l, a;
125
+ (a = (l = S.value) == null ? void 0 : l.fieldRef) == null || a.focus();
126
126
  }
127
127
  function Y() {
128
128
  var l;
129
- (l = ne.value) == null || l.$el.focus();
129
+ (l = ie.value) == null || l.$el.focus();
130
130
  }
131
131
  async function $() {
132
- var i;
132
+ var n;
133
133
  if (await O(), !e.multiple || !e.badges || !N.value) return;
134
- let l = 0, t = 0;
134
+ let l = 0, a = 0;
135
135
  await O();
136
- const u = N.value.offsetWidth, n = 4;
137
- for (const y of W.value ?? []) {
138
- const v = y.$el.scrollWidth + n;
139
- if (l + v <= u)
140
- l += v, t++;
136
+ const d = N.value.offsetWidth, i = 4;
137
+ for (const b of W.value ?? []) {
138
+ const v = b.$el.scrollWidth + i;
139
+ if (l + v <= d)
140
+ l += v, a++;
141
141
  else break;
142
142
  }
143
- V.value = (((i = W.value) == null ? void 0 : i.length) ?? 0) - t;
143
+ V.value = (((n = W.value) == null ? void 0 : n.length) ?? 0) - a;
144
144
  }
145
145
  return D(
146
146
  () => e.loading,
147
147
  (l) => {
148
- !l && d.value && O(Y);
148
+ !l && u.value && O(Y);
149
149
  }
150
- ), D(() => e.badges, $), D(() => e.clearable, $), D(K, I), (l, t) => {
151
- var u;
152
- return a(), c(
153
- b,
150
+ ), D(() => e.badges, $), D(() => e.clearable, $), D(K, I), (l, a) => {
151
+ var d;
152
+ return t(), c(
153
+ y,
154
154
  null,
155
155
  [
156
156
  T(o(qe), {
@@ -170,7 +170,7 @@ const De = {
170
170
  readonly: e.readonly,
171
171
  disabled: e.disabled,
172
172
  "data-loading": e.loading,
173
- "aria-expanded": d.value,
173
+ "aria-expanded": u.value,
174
174
  "aria-haspopup": "listbox",
175
175
  size: e.size,
176
176
  invalid: e.invalid,
@@ -179,13 +179,13 @@ const De = {
179
179
  }, ve({
180
180
  append: f(() => [
181
181
  h(l.$slots, "append"),
182
- L.value ? (a(), m(o(Le), {
182
+ L.value ? (t(), m(o(Le), {
183
183
  key: 0,
184
184
  icons: e.icons,
185
185
  texts: e.texts,
186
186
  onClick: k
187
187
  }, null, 8, ["icons", "texts"])) : p("v-if", !0),
188
- e.readonly ? p("v-if", !0) : (a(), m(o(_e), {
188
+ e.readonly ? p("v-if", !0) : (t(), m(o(_e), {
189
189
  key: 1,
190
190
  class: "q-select__chevron",
191
191
  "aria-label": e.texts.showOptions,
@@ -198,7 +198,7 @@ const De = {
198
198
  }, {
199
199
  default: f(() => [
200
200
  T(o(Ve), {
201
- "model-value": d.value,
201
+ "model-value": u.value,
202
202
  icons: e.icons
203
203
  }, null, 8, ["model-value", "icons"])
204
204
  ]),
@@ -207,9 +207,9 @@ const De = {
207
207
  }, 8, ["aria-label", "disabled"]))
208
208
  ]),
209
209
  default: f(() => [
210
- P.value ? (a(), c("span", Me, [
211
- !e.readonly && !e.disabled ? (a(), c(
212
- b,
210
+ P.value ? (t(), c("span", Me, [
211
+ !e.readonly && !e.disabled ? (t(), c(
212
+ y,
213
213
  { key: 0 },
214
214
  [
215
215
  w(
@@ -221,46 +221,47 @@ const De = {
221
221
  64
222
222
  /* STABLE_FRAGMENT */
223
223
  )) : p("v-if", !0)
224
- ])) : (a(), c(
225
- b,
224
+ ])) : (t(), c(
225
+ y,
226
226
  { key: 0 },
227
227
  [
228
- e.badges ? (a(), c(
228
+ e.badges ? (t(), c(
229
229
  "span",
230
230
  De,
231
231
  [
232
- e.multiple ? (a(), c(
233
- b,
232
+ e.multiple ? (t(), c(
233
+ y,
234
234
  { key: 0 },
235
235
  [
236
- (a(!0), c(
237
- b,
236
+ (t(!0), c(
237
+ y,
238
238
  null,
239
- le(s.value, (n, i) => (a(), c(
240
- b,
241
- { key: i },
239
+ le(s.value, (i, n) => (t(), c(
240
+ y,
241
+ { key: n },
242
242
  [
243
- i < s.value.length - V.value ? (a(), m(o(M), {
243
+ n < s.value.length - V.value ? (t(), m(o(M), {
244
244
  key: 0,
245
245
  pill: "",
246
- removable: !e.readonly && !e.disabled && (!e.required || s.value.length > 1),
247
- "onClick:remove": () => ie(i)
246
+ disabled: e.readonly || e.disabled,
247
+ removable: !e.required || s.value.length > 1,
248
+ "onClick:remove": () => ne(n)
248
249
  }, {
249
250
  default: f(() => {
250
- var y, v;
251
+ var b, v;
251
252
  return [
252
- (y = r.value[i]) != null && y.icon ? (a(), m(
253
+ (b = r.value[n]) != null && b.icon ? (t(), m(
253
254
  o(Q),
254
255
  B({
255
256
  key: 0,
256
257
  ref_for: !0
257
- }, r.value[i].icon),
258
+ }, r.value[n].icon),
258
259
  null,
259
260
  16
260
261
  /* FULL_PROPS */
261
262
  )) : p("v-if", !0),
262
263
  w(
263
- " " + g((v = r.value[i]) == null ? void 0 : v[e.itemLabel]),
264
+ " " + g((v = r.value[n]) == null ? void 0 : v[e.itemLabel]),
264
265
  1
265
266
  /* TEXT */
266
267
  )
@@ -268,7 +269,7 @@ const De = {
268
269
  }),
269
270
  _: 2
270
271
  /* DYNAMIC */
271
- }, 1032, ["removable", "onClick:remove"])) : p("v-if", !0)
272
+ }, 1032, ["disabled", "removable", "onClick:remove"])) : p("v-if", !0)
272
273
  ],
273
274
  64
274
275
  /* STABLE_FRAGMENT */
@@ -276,10 +277,11 @@ const De = {
276
277
  128
277
278
  /* KEYED_FRAGMENT */
278
279
  )),
279
- V.value > 0 ? (a(), m(o(M), {
280
+ V.value > 0 ? (t(), m(o(M), {
280
281
  key: 0,
281
282
  pill: "",
282
- class: "q-select__badge-count"
283
+ class: "q-select__badge-count",
284
+ disabled: e.readonly || e.disabled
283
285
  }, {
284
286
  default: f(() => [
285
287
  w(
@@ -290,33 +292,34 @@ const De = {
290
292
  ]),
291
293
  _: 1
292
294
  /* STABLE */
293
- })) : p("v-if", !0),
294
- (a(!0), c(
295
- b,
295
+ }, 8, ["disabled"])) : p("v-if", !0),
296
+ (t(!0), c(
297
+ y,
296
298
  null,
297
- le(s.value, (n, i) => (a(), m(o(M), {
298
- key: i,
299
+ le(s.value, (i, n) => (t(), m(o(M), {
300
+ key: n,
299
301
  ref_for: !0,
300
302
  ref: "allBadges",
301
303
  pill: "",
304
+ disabled: "",
302
305
  class: "q-select__badge-hidden",
303
- removable: !e.readonly && !e.disabled && (!e.required || s.value.length > 1)
306
+ removable: !e.required || s.value.length > 1
304
307
  }, {
305
308
  default: f(() => {
306
- var y, v;
309
+ var b, v;
307
310
  return [
308
- (y = r.value[i]) != null && y.icon ? (a(), m(
311
+ (b = r.value[n]) != null && b.icon ? (t(), m(
309
312
  o(Q),
310
313
  B({
311
314
  key: 0,
312
315
  ref_for: !0
313
- }, r.value[i].icon),
316
+ }, r.value[n].icon),
314
317
  null,
315
318
  16
316
319
  /* FULL_PROPS */
317
320
  )) : p("v-if", !0),
318
321
  w(
319
- " " + g((v = r.value[i]) == null ? void 0 : v[e.itemLabel]),
322
+ " " + g((v = r.value[n]) == null ? void 0 : v[e.itemLabel]),
320
323
  1
321
324
  /* TEXT */
322
325
  )
@@ -331,24 +334,25 @@ const De = {
331
334
  ],
332
335
  64
333
336
  /* STABLE_FRAGMENT */
334
- )) : (a(), m(o(M), {
337
+ )) : (t(), m(o(M), {
335
338
  key: 1,
336
339
  pill: "",
340
+ disabled: e.readonly || e.disabled,
337
341
  removable: !e.required,
338
342
  "onClick:remove": k
339
343
  }, {
340
344
  default: f(() => {
341
- var n, i;
345
+ var i, n;
342
346
  return [
343
- (n = r.value[0]) != null && n.icon ? (a(), m(
347
+ (i = r.value[0]) != null && i.icon ? (t(), m(
344
348
  o(Q),
345
- te(B({ key: 0 }, r.value[0].icon)),
349
+ ae(B({ key: 0 }, r.value[0].icon)),
346
350
  null,
347
351
  16
348
352
  /* FULL_PROPS */
349
353
  )) : p("v-if", !0),
350
354
  w(
351
- " " + g((i = r.value[0]) == null ? void 0 : i[e.itemLabel]),
355
+ " " + g((n = r.value[0]) == null ? void 0 : n[e.itemLabel]),
352
356
  1
353
357
  /* TEXT */
354
358
  )
@@ -356,11 +360,11 @@ const De = {
356
360
  }),
357
361
  _: 1
358
362
  /* STABLE */
359
- }, 8, ["removable"]))
363
+ }, 8, ["disabled", "removable"]))
360
364
  ],
361
365
  512
362
366
  /* NEED_PATCH */
363
- )) : (a(), c(
367
+ )) : (t(), c(
364
368
  "span",
365
369
  Te,
366
370
  g(A.value),
@@ -371,10 +375,10 @@ const De = {
371
375
  64
372
376
  /* STABLE_FRAGMENT */
373
377
  )),
374
- ye(ae("input", B({
378
+ be(te("input", B({
375
379
  id: `${o(R)}_input`
376
380
  }, l.$attrs, {
377
- "onUpdate:modelValue": t[0] || (t[0] = (n) => A.value = n),
381
+ "onUpdate:modelValue": a[0] || (a[0] = (i) => A.value = i),
378
382
  class: "q-select__input",
379
383
  inputmode: "none",
380
384
  type: "text",
@@ -383,7 +387,7 @@ const De = {
383
387
  "aria-keyshortcuts": L.value ? "Delete" : void 0,
384
388
  onKeydown: se
385
389
  }), null, 16, Qe), [
386
- [be, A.value]
390
+ [ye, A.value]
387
391
  ])
388
392
  ]),
389
393
  _: 2
@@ -393,9 +397,9 @@ const De = {
393
397
  name: "prepend",
394
398
  fn: f(() => [
395
399
  h(l.$slots, "prepend"),
396
- r.value.length === 1 && r.value[0].icon && !e.badges ? (a(), m(
400
+ r.value.length === 1 && r.value[0].icon && !e.badges ? (t(), m(
397
401
  o(Q),
398
- te(B({ key: 0 }, r.value[0].icon)),
402
+ ae(B({ key: 0 }, r.value[0].icon)),
399
403
  null,
400
404
  16
401
405
  /* FULL_PROPS */
@@ -412,21 +416,21 @@ const De = {
412
416
  } : void 0
413
417
  ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size", "invalid"]),
414
418
  T(o(Be), {
415
- modelValue: d.value,
416
- "onUpdate:modelValue": t[1] || (t[1] = (n) => d.value = n),
419
+ modelValue: u.value,
420
+ "onUpdate:modelValue": a[1] || (a[1] = (i) => u.value = i),
417
421
  spy: "",
418
422
  trigger: "manual",
419
423
  placement: "bottom-start",
420
424
  width: "anchor",
421
425
  "scroll-lock": "",
422
426
  inline: e.inline,
423
- anchor: (u = o(S)) == null ? void 0 : u.fieldRef,
427
+ anchor: (d = o(S)) == null ? void 0 : d.fieldRef,
424
428
  offset: 2,
425
- onEnter: ue,
426
- onLeave: de
429
+ onEnter: de,
430
+ onLeave: ue
427
431
  }, {
428
432
  default: f(() => [
429
- ae("div", {
433
+ te("div", {
430
434
  ref: "content",
431
435
  "data-testid": "combobox-dropdown",
432
436
  "data-key": o(R),
@@ -436,9 +440,9 @@ const De = {
436
440
  onKeydown: ge(x, ["stop"])
437
441
  }, [
438
442
  h(l.$slots, "body.prepend"),
439
- e.loading ? (a(), c("div", Se, [
443
+ e.loading ? (t(), c("div", Se, [
440
444
  T(o(Ce), { size: 24 })
441
- ])) : (a(), m(o(we), {
445
+ ])) : (t(), m(o(we), {
442
446
  key: 1,
443
447
  ref: "list",
444
448
  class: "q-select__items",
@@ -452,8 +456,8 @@ const De = {
452
456
  "item-value": e.itemValue,
453
457
  "onUpdate:modelValue": I
454
458
  }, {
455
- item: f(({ item: n }) => [
456
- h(l.$slots, "item", { item: n })
459
+ item: f(({ item: i }) => [
460
+ h(l.$slots, "item", { item: i })
457
461
  ]),
458
462
  _: 3
459
463
  /* FORWARDED */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@quidgest/ui",
3
3
  "description": "Quidgest's UI framework",
4
- "version": "0.16.41",
4
+ "version": "0.16.42",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "author": "Quidgest",