@quidgest/ui 0.16.48 → 0.16.50
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/json/api.json +220 -5
- package/dist/manifest/components.json +1 -0
- package/dist/ui.css +9 -0
- package/dist/ui.esm.js +7053 -7705
- package/dist/ui.js +27 -38
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +1026 -1148
- package/dist/ui.scss +9 -1
- package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +21 -19
- package/esm/components/QDialog/QDialog.d.ts +3 -2
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +83 -77
- package/esm/components/QDialog/index.d.ts +21 -9
- package/esm/components/QDialog/index.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts +24 -3
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QFocusWrap/QFocusWrap.d.ts +26 -0
- package/esm/components/QFocusWrap/QFocusWrap.d.ts.map +1 -0
- package/esm/components/QFocusWrap/QFocusWrap.vue.js +119 -0
- package/esm/components/QFocusWrap/QFocusWrap.vue2.js +4 -0
- package/esm/components/QFocusWrap/index.d.ts +31 -0
- package/esm/components/QFocusWrap/index.d.ts.map +1 -0
- package/esm/components/QFocusWrap/index.js +6 -0
- package/esm/components/QFocusWrap/types.d.ts +42 -0
- package/esm/components/QFocusWrap/types.d.ts.map +1 -0
- package/esm/components/QOverlay/QOverlay.d.ts +2 -1
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +126 -120
- package/esm/components/QOverlay/index.d.ts +18 -6
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/types.d.ts +24 -3
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +17 -14
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +13 -14
- package/esm/components/QRadioGroup/QRadioButton.d.ts.map +1 -1
- package/esm/components/QRadioGroup/QRadioButton.vue.js +3 -2
- package/esm/components/QSelect/QSelect.d.ts +8 -8
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +79 -77
- package/esm/components/QSelect/constants.d.ts +1 -0
- package/esm/components/QSelect/constants.d.ts.map +1 -1
- package/esm/components/QSelect/constants.js +10 -8
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +76 -74
- package/esm/composables/useDialog/index.d.ts +4 -1
- package/esm/composables/useDialog/index.d.ts.map +1 -1
- package/esm/index.d.ts +1 -0
- package/package.json +1 -1
- package/esm/vendors/focus-trap/dist/focus-trap.esm.js +0 -473
- package/esm/vendors/focus-trap-vue/dist/focus-trap-vue.esm-browser.js +0 -104
- package/esm/vendors/tabbable/dist/index.esm.js +0 -202
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as o, unref as f, normalizeClass as y, withCtx as _, createElementVNode as d, createElementBlock as
|
|
1
|
+
import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as o, unref as f, normalizeClass as y, withCtx as _, createElementVNode as d, createElementBlock as l, createCommentVNode as v, renderSlot as a, Fragment as k, toDisplayString as i } from "vue";
|
|
2
2
|
import { QOverlay as B } from "../QOverlay/index.js";
|
|
3
3
|
const V = { class: "q-popover__content" }, g = {
|
|
4
4
|
key: 0,
|
|
@@ -23,12 +23,12 @@ const V = { class: "q-popover__content" }, g = {
|
|
|
23
23
|
modelModifiers: {}
|
|
24
24
|
}),
|
|
25
25
|
emits: ["update:modelValue"],
|
|
26
|
-
setup(
|
|
27
|
-
const e =
|
|
26
|
+
setup(n) {
|
|
27
|
+
const e = n, s = u(n, "modelValue");
|
|
28
28
|
return (t, r) => (o(), h(f(B), {
|
|
29
29
|
id: e.id,
|
|
30
|
-
modelValue:
|
|
31
|
-
"onUpdate:modelValue": r[0] || (r[0] = (p) =>
|
|
30
|
+
modelValue: s.value,
|
|
31
|
+
"onUpdate:modelValue": r[0] || (r[0] = (p) => s.value = p),
|
|
32
32
|
class: y(["q-popover", e.class]),
|
|
33
33
|
trigger: "click",
|
|
34
34
|
anchor: e.anchor,
|
|
@@ -36,17 +36,16 @@ const V = { class: "q-popover__content" }, g = {
|
|
|
36
36
|
attach: e.attach,
|
|
37
37
|
inline: e.inline,
|
|
38
38
|
disabled: e.disabled,
|
|
39
|
-
placement: e.placement
|
|
40
|
-
"focus-trap": ""
|
|
39
|
+
placement: e.placement
|
|
41
40
|
}, {
|
|
42
41
|
default: _(() => [
|
|
43
42
|
d("div", V, [
|
|
44
|
-
e.title || t.$slots.header ? (o(),
|
|
45
|
-
t.$slots.header ?
|
|
43
|
+
e.title || t.$slots.header ? (o(), l("div", g, [
|
|
44
|
+
t.$slots.header ? a(t.$slots, "header", { key: 0 }) : (o(), l(
|
|
46
45
|
k,
|
|
47
46
|
{ key: 1 },
|
|
48
47
|
[
|
|
49
|
-
|
|
48
|
+
a(t.$slots, "header.prepend"),
|
|
50
49
|
d(
|
|
51
50
|
"h4",
|
|
52
51
|
$,
|
|
@@ -54,17 +53,17 @@ const V = { class: "q-popover__content" }, g = {
|
|
|
54
53
|
1
|
|
55
54
|
/* TEXT */
|
|
56
55
|
),
|
|
57
|
-
|
|
56
|
+
a(t.$slots, "header.append")
|
|
58
57
|
],
|
|
59
58
|
64
|
|
60
59
|
/* STABLE_FRAGMENT */
|
|
61
60
|
))
|
|
62
61
|
])) : v("v-if", !0),
|
|
63
|
-
|
|
64
|
-
e.html ? (o(),
|
|
62
|
+
a(t.$slots, "default", {}, () => [
|
|
63
|
+
e.html ? (o(), l("span", {
|
|
65
64
|
key: 0,
|
|
66
65
|
innerHTML: e.text
|
|
67
|
-
}, null, 8, b)) : (o(),
|
|
66
|
+
}, null, 8, b)) : (o(), l(
|
|
68
67
|
"span",
|
|
69
68
|
w,
|
|
70
69
|
i(e.text),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QRadioButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioButton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QRadioButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioButton.vue"],"names":[],"mappings":"AAiCA;AA4IC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA+FjD,iBAAS,cAAc;WAmFT,OAAO,IAA6B;;yBAbrB,GAAG;yBACF,GAAG;;;;;;EAiBhC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { defineComponent as g, toRef as k, useTemplateRef as C, computed as r, c
|
|
|
2
2
|
import { QLabel as P } from "../QLabel/index.js";
|
|
3
3
|
import { useId as _ } from "../../composables/uid.js";
|
|
4
4
|
import { useGroupItem as $ } from "../../composables/useGroup/index.js";
|
|
5
|
-
const D = ["id", "checked", "name", "value", "disabled"], G = /* @__PURE__ */ g({
|
|
5
|
+
const D = ["id", "checked", "name", "value", "disabled", "readonly"], G = /* @__PURE__ */ g({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "QRadioButton",
|
|
8
8
|
props: {
|
|
@@ -68,7 +68,8 @@ const D = ["id", "checked", "name", "value", "disabled"], G = /* @__PURE__ */ g(
|
|
|
68
68
|
class: "q-radio-button__input",
|
|
69
69
|
name: e.name,
|
|
70
70
|
value: o.value,
|
|
71
|
-
disabled: e.disabled
|
|
71
|
+
disabled: e.disabled,
|
|
72
|
+
readonly: e.readonly
|
|
72
73
|
}, o.$attrs, {
|
|
73
74
|
onChange: l[0] || (l[0] = //@ts-ignore
|
|
74
75
|
(...w) => t(n).toggle && t(n).toggle(...w)),
|
|
@@ -72,7 +72,7 @@ declare function __VLS_template(): {
|
|
|
72
72
|
};
|
|
73
73
|
$forceUpdate: () => void;
|
|
74
74
|
$nextTick: typeof nextTick;
|
|
75
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
|
|
75
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
76
76
|
} & Readonly<{
|
|
77
77
|
size: import('..').QFieldSize;
|
|
78
78
|
}> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
|
|
@@ -148,7 +148,7 @@ declare function __VLS_template(): {
|
|
|
148
148
|
};
|
|
149
149
|
$forceUpdate: () => void;
|
|
150
150
|
$nextTick: typeof nextTick;
|
|
151
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
|
|
151
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
152
152
|
} & Readonly<{
|
|
153
153
|
size: import('..').QBadgeSize;
|
|
154
154
|
color: string;
|
|
@@ -251,7 +251,7 @@ declare function __VLS_template(): {
|
|
|
251
251
|
};
|
|
252
252
|
$forceUpdate: () => void;
|
|
253
253
|
$nextTick: typeof nextTick;
|
|
254
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
|
|
254
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
255
255
|
} & Readonly<{
|
|
256
256
|
icons: typeof import('../QList/constants').DEFAULT_ICONS;
|
|
257
257
|
}> & Omit<Readonly<{
|
|
@@ -312,7 +312,7 @@ declare function __VLS_template(): {
|
|
|
312
312
|
};
|
|
313
313
|
$forceUpdate: () => void;
|
|
314
314
|
$nextTick: typeof nextTick;
|
|
315
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
|
|
315
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
316
316
|
} & Readonly<{
|
|
317
317
|
groups: import('..').Group[];
|
|
318
318
|
itemValue: string;
|
|
@@ -417,7 +417,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
417
417
|
};
|
|
418
418
|
$forceUpdate: () => void;
|
|
419
419
|
$nextTick: typeof nextTick;
|
|
420
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
|
|
420
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
421
421
|
} & Readonly<{
|
|
422
422
|
size: import('..').QFieldSize;
|
|
423
423
|
}> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
|
|
@@ -493,7 +493,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
493
493
|
};
|
|
494
494
|
$forceUpdate: () => void;
|
|
495
495
|
$nextTick: typeof nextTick;
|
|
496
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
|
|
496
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
497
497
|
} & Readonly<{
|
|
498
498
|
size: import('..').QBadgeSize;
|
|
499
499
|
color: string;
|
|
@@ -596,7 +596,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
596
596
|
};
|
|
597
597
|
$forceUpdate: () => void;
|
|
598
598
|
$nextTick: typeof nextTick;
|
|
599
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
|
|
599
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
600
600
|
} & Readonly<{
|
|
601
601
|
icons: typeof import('../QList/constants').DEFAULT_ICONS;
|
|
602
602
|
}> & Omit<Readonly<{
|
|
@@ -657,7 +657,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
657
657
|
};
|
|
658
658
|
$forceUpdate: () => void;
|
|
659
659
|
$nextTick: typeof nextTick;
|
|
660
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
|
|
660
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
661
661
|
} & Readonly<{
|
|
662
662
|
groups: import('..').Group[];
|
|
663
663
|
itemValue: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAoMA;AAgiBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAe1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAgD,MAAM,KAAK,CAAA;AAMtF,KAAK,WAAW,GAAG,YAAY,CAAC;AAyUjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkeT,OAAO,IAA6B;;yBAtBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACZ,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAxXnC,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2YX;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAnbhB,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAybV,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { defineComponent as fe, mergeModels as Z, useModel as me, toRef as
|
|
1
|
+
import { defineComponent as fe, mergeModels as Z, useModel as me, toRef as I, ref as ee, useTemplateRef as g, onMounted as pe, computed as q, nextTick as z, watch as T, createElementBlock as c, openBlock as a, Fragment as y, createVNode as $, unref as o, normalizeClass as ve, createSlots as be, withCtx as f, withDirectives as ye, createBlock as m, createCommentVNode as p, renderList as le, createTextVNode as w, mergeProps as B, toDisplayString as h, normalizeProps as te, createElementVNode as ae, vModelText as ge, renderSlot as k, withModifiers as he } from "vue";
|
|
2
2
|
import { DEFAULT_TEXTS as ke, DEFAULT_ICONS as _e } from "./constants.js";
|
|
3
|
-
import { QBadge as
|
|
3
|
+
import { QBadge as D } from "../QBadge/index.js";
|
|
4
4
|
import { QButton as qe } from "../QButton/index.js";
|
|
5
5
|
import { QField as we } from "../QField/index.js";
|
|
6
|
-
import { QIcon as
|
|
6
|
+
import { QIcon as M } from "../QIcon/index.js";
|
|
7
7
|
import { QList as Be } from "../QList/index.js";
|
|
8
8
|
import { QOverlay as Ce } from "../QOverlay/index.js";
|
|
9
9
|
import { QSpinnerLoader as Ve } from "../QSpinnerLoader/index.js";
|
|
10
10
|
import { QChevron as Le } from "../__internal__/QChevron/index.js";
|
|
11
11
|
import { QClearButton as Ee } from "../__internal__/QClearButton/index.js";
|
|
12
|
-
import { useId as
|
|
13
|
-
import { useGroup as
|
|
14
|
-
const
|
|
12
|
+
import { useId as xe } from "../../composables/uid.js";
|
|
13
|
+
import { useGroup as Te } from "../../composables/useGroup/index.js";
|
|
14
|
+
const $e = {
|
|
15
15
|
key: 0,
|
|
16
16
|
ref: "badgesContainer",
|
|
17
17
|
class: "q-select__badge-container"
|
|
18
|
-
},
|
|
18
|
+
}, De = {
|
|
19
19
|
key: 1,
|
|
20
20
|
class: "q-select__value"
|
|
21
|
-
},
|
|
21
|
+
}, Me = {
|
|
22
22
|
key: 1,
|
|
23
23
|
class: "q-select__placeholder"
|
|
24
|
-
},
|
|
24
|
+
}, Qe = ["id", "tabindex", "aria-expanded", "aria-keyshortcuts"], Re = ["data-key"], Se = {
|
|
25
25
|
key: 0,
|
|
26
26
|
class: "q-select__loader"
|
|
27
27
|
}, Xe = /* @__PURE__ */ fe({
|
|
@@ -55,17 +55,17 @@ const De = {
|
|
|
55
55
|
}),
|
|
56
56
|
emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
|
|
57
57
|
setup(O, { emit: oe }) {
|
|
58
|
-
const e = O, C = oe,
|
|
59
|
-
active:
|
|
60
|
-
required:
|
|
61
|
-
multiple:
|
|
58
|
+
const e = O, C = oe, r = me(O, "modelValue"), Q = xe(I(e, "id")), { active: F } = Te({
|
|
59
|
+
active: r,
|
|
60
|
+
required: I(e, "required"),
|
|
61
|
+
multiple: I(e, "multiple")
|
|
62
62
|
}), u = ee(!1), V = ee(0), K = g("trigger"), ie = g("input"), ne = g("list"), U = g("content"), N = g("badgesContainer"), W = g("allBadges");
|
|
63
|
-
pe(
|
|
64
|
-
const P = q(() =>
|
|
63
|
+
pe(x);
|
|
64
|
+
const P = q(() => s.value.length === 0), s = q(() => {
|
|
65
65
|
var t;
|
|
66
66
|
if (e.multiple)
|
|
67
|
-
return ((t =
|
|
68
|
-
const l = typeof
|
|
67
|
+
return ((t = r.value) == null ? void 0 : t.map((d) => j(d))) ?? [];
|
|
68
|
+
const l = typeof r.value < "u" ? j(r.value) : void 0;
|
|
69
69
|
return l ? [l] : [];
|
|
70
70
|
}), H = q(() => {
|
|
71
71
|
var t;
|
|
@@ -73,10 +73,10 @@ const De = {
|
|
|
73
73
|
return (t = e.items) == null || t.forEach((d, i) => {
|
|
74
74
|
l.set(d.key, i);
|
|
75
75
|
}), l;
|
|
76
|
-
}),
|
|
76
|
+
}), R = q(
|
|
77
77
|
() => {
|
|
78
78
|
var l;
|
|
79
|
-
return (l =
|
|
79
|
+
return (l = s.value) == null ? void 0 : l.map((t) => t[e.itemLabel]).join(", ");
|
|
80
80
|
}
|
|
81
81
|
), L = q(
|
|
82
82
|
() => e.clearable && !e.readonly && !e.disabled && !e.loading && !P.value
|
|
@@ -85,16 +85,16 @@ const De = {
|
|
|
85
85
|
var t;
|
|
86
86
|
return (t = e.items) == null ? void 0 : t.find((d) => d[e.itemValue] === l);
|
|
87
87
|
}
|
|
88
|
-
function
|
|
89
|
-
e.multiple && l <
|
|
88
|
+
function se(l) {
|
|
89
|
+
e.multiple && l < r.value.length && (!e.required || r.value.length > 1) ? F.value = r.value.toSpliced(l, 1) : _();
|
|
90
90
|
}
|
|
91
|
-
function
|
|
92
|
-
Array.isArray(l) ? (
|
|
91
|
+
function S(l) {
|
|
92
|
+
Array.isArray(l) ? (r.value = l.sort((t, d) => H.value.get(t) - H.value.get(d)), x()) : (r.value = l, E());
|
|
93
93
|
}
|
|
94
94
|
function _() {
|
|
95
|
-
|
|
95
|
+
S(e.emptyValue), J();
|
|
96
96
|
}
|
|
97
|
-
function
|
|
97
|
+
function re(l) {
|
|
98
98
|
var t, d, i;
|
|
99
99
|
!((t = U.value) != null && t.contains(l.relatedTarget)) && !((i = (d = K.value) == null ? void 0 : d.fieldRef) != null && i.contains(l.relatedTarget)) && E();
|
|
100
100
|
}
|
|
@@ -107,11 +107,11 @@ const De = {
|
|
|
107
107
|
function X() {
|
|
108
108
|
e.readonly || e.disabled || (u.value ? E() : G());
|
|
109
109
|
}
|
|
110
|
-
function
|
|
110
|
+
function A(l) {
|
|
111
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" && _()), L.value && l.key === "Delete" && _());
|
|
112
112
|
}
|
|
113
113
|
function de(l) {
|
|
114
|
-
l.key.length === 1 && l.preventDefault(),
|
|
114
|
+
l.key.length === 1 && l.preventDefault(), A(l);
|
|
115
115
|
}
|
|
116
116
|
function ue() {
|
|
117
117
|
setTimeout(() => {
|
|
@@ -130,7 +130,7 @@ const De = {
|
|
|
130
130
|
var l;
|
|
131
131
|
(l = ne.value) == null || l.$el.focus();
|
|
132
132
|
}
|
|
133
|
-
async function
|
|
133
|
+
async function x() {
|
|
134
134
|
var n;
|
|
135
135
|
if (await z(), await z(), !e.multiple || !e.badges || !N.value) return;
|
|
136
136
|
let l = 0, t = 0;
|
|
@@ -143,19 +143,19 @@ const De = {
|
|
|
143
143
|
}
|
|
144
144
|
V.value = (((n = W.value) == null ? void 0 : n.length) ?? 0) - t;
|
|
145
145
|
}
|
|
146
|
-
return
|
|
146
|
+
return T(
|
|
147
147
|
() => e.loading,
|
|
148
148
|
(l) => {
|
|
149
149
|
!l && u.value && z(Y);
|
|
150
150
|
}
|
|
151
|
-
),
|
|
151
|
+
), T(() => e.badges, x), T(() => e.clearable, x), T(F, S), (l, t) => {
|
|
152
152
|
var d;
|
|
153
153
|
return a(), c(
|
|
154
154
|
y,
|
|
155
155
|
null,
|
|
156
156
|
[
|
|
157
|
-
|
|
158
|
-
id: o(
|
|
157
|
+
$(o(we), {
|
|
158
|
+
id: o(Q),
|
|
159
159
|
ref: "trigger",
|
|
160
160
|
label: e.label,
|
|
161
161
|
required: e.required,
|
|
@@ -173,7 +173,7 @@ const De = {
|
|
|
173
173
|
size: e.size,
|
|
174
174
|
invalid: e.invalid,
|
|
175
175
|
onClick: X,
|
|
176
|
-
onKeydown:
|
|
176
|
+
onKeydown: A
|
|
177
177
|
}, be({
|
|
178
178
|
append: f(() => [
|
|
179
179
|
k(l.$slots, "append"),
|
|
@@ -195,7 +195,7 @@ const De = {
|
|
|
195
195
|
onClick: X
|
|
196
196
|
}, {
|
|
197
197
|
default: f(() => [
|
|
198
|
-
|
|
198
|
+
$(o(Le), {
|
|
199
199
|
"model-value": u.value,
|
|
200
200
|
icons: e.icons
|
|
201
201
|
}, null, 8, ["model-value", "icons"])
|
|
@@ -205,7 +205,7 @@ const De = {
|
|
|
205
205
|
}, 8, ["aria-label", "disabled"]))
|
|
206
206
|
]),
|
|
207
207
|
default: f(() => [
|
|
208
|
-
P.value ? (a(), c("span",
|
|
208
|
+
P.value ? (a(), c("span", Me, [
|
|
209
209
|
!e.readonly && !e.disabled ? (a(), c(
|
|
210
210
|
y,
|
|
211
211
|
{ key: 0 },
|
|
@@ -225,7 +225,7 @@ const De = {
|
|
|
225
225
|
[
|
|
226
226
|
e.badges ? (a(), c(
|
|
227
227
|
"span",
|
|
228
|
-
|
|
228
|
+
$e,
|
|
229
229
|
[
|
|
230
230
|
e.multiple ? (a(), c(
|
|
231
231
|
y,
|
|
@@ -234,32 +234,33 @@ const De = {
|
|
|
234
234
|
(a(!0), c(
|
|
235
235
|
y,
|
|
236
236
|
null,
|
|
237
|
-
le(
|
|
237
|
+
le(r.value, (i, n) => (a(), c(
|
|
238
238
|
y,
|
|
239
239
|
{ key: n },
|
|
240
240
|
[
|
|
241
|
-
n <
|
|
241
|
+
n < r.value.length - V.value ? (a(), m(o(D), {
|
|
242
242
|
key: 0,
|
|
243
243
|
pill: "",
|
|
244
244
|
disabled: e.readonly || e.disabled,
|
|
245
|
-
removable: !e.required ||
|
|
246
|
-
|
|
245
|
+
removable: !e.required || r.value.length > 1,
|
|
246
|
+
texts: e.texts,
|
|
247
|
+
"onClick:remove": () => se(n)
|
|
247
248
|
}, {
|
|
248
249
|
default: f(() => {
|
|
249
250
|
var b, v;
|
|
250
251
|
return [
|
|
251
|
-
(b =
|
|
252
|
-
o(
|
|
252
|
+
(b = s.value[n]) != null && b.icon ? (a(), m(
|
|
253
|
+
o(M),
|
|
253
254
|
B({
|
|
254
255
|
key: 0,
|
|
255
256
|
ref_for: !0
|
|
256
|
-
},
|
|
257
|
+
}, s.value[n].icon),
|
|
257
258
|
null,
|
|
258
259
|
16
|
|
259
260
|
/* FULL_PROPS */
|
|
260
261
|
)) : p("v-if", !0),
|
|
261
262
|
w(
|
|
262
|
-
" " + h((v =
|
|
263
|
+
" " + h((v = s.value[n]) == null ? void 0 : v[e.itemLabel]),
|
|
263
264
|
1
|
|
264
265
|
/* TEXT */
|
|
265
266
|
)
|
|
@@ -267,7 +268,7 @@ const De = {
|
|
|
267
268
|
}),
|
|
268
269
|
_: 2
|
|
269
270
|
/* DYNAMIC */
|
|
270
|
-
}, 1032, ["disabled", "removable", "onClick:remove"])) : p("v-if", !0)
|
|
271
|
+
}, 1032, ["disabled", "removable", "texts", "onClick:remove"])) : p("v-if", !0)
|
|
271
272
|
],
|
|
272
273
|
64
|
|
273
274
|
/* STABLE_FRAGMENT */
|
|
@@ -275,7 +276,7 @@ const De = {
|
|
|
275
276
|
128
|
|
276
277
|
/* KEYED_FRAGMENT */
|
|
277
278
|
)),
|
|
278
|
-
V.value > 0 ? (a(), m(o(
|
|
279
|
+
V.value > 0 ? (a(), m(o(D), {
|
|
279
280
|
key: 0,
|
|
280
281
|
pill: "",
|
|
281
282
|
class: "q-select__badge-count",
|
|
@@ -294,30 +295,30 @@ const De = {
|
|
|
294
295
|
(a(!0), c(
|
|
295
296
|
y,
|
|
296
297
|
null,
|
|
297
|
-
le(
|
|
298
|
+
le(r.value, (i, n) => (a(), m(o(D), {
|
|
298
299
|
key: n,
|
|
299
300
|
ref_for: !0,
|
|
300
301
|
ref: "allBadges",
|
|
301
302
|
pill: "",
|
|
302
303
|
disabled: "",
|
|
303
304
|
class: "q-select__badge-hidden",
|
|
304
|
-
removable: !e.required ||
|
|
305
|
+
removable: !e.required || r.value.length > 1
|
|
305
306
|
}, {
|
|
306
307
|
default: f(() => {
|
|
307
308
|
var b, v;
|
|
308
309
|
return [
|
|
309
|
-
(b =
|
|
310
|
-
o(
|
|
310
|
+
(b = s.value[n]) != null && b.icon ? (a(), m(
|
|
311
|
+
o(M),
|
|
311
312
|
B({
|
|
312
313
|
key: 0,
|
|
313
314
|
ref_for: !0
|
|
314
|
-
},
|
|
315
|
+
}, s.value[n].icon),
|
|
315
316
|
null,
|
|
316
317
|
16
|
|
317
318
|
/* FULL_PROPS */
|
|
318
319
|
)) : p("v-if", !0),
|
|
319
320
|
w(
|
|
320
|
-
" " + h((v =
|
|
321
|
+
" " + h((v = s.value[n]) == null ? void 0 : v[e.itemLabel]),
|
|
321
322
|
1
|
|
322
323
|
/* TEXT */
|
|
323
324
|
)
|
|
@@ -332,25 +333,26 @@ const De = {
|
|
|
332
333
|
],
|
|
333
334
|
64
|
|
334
335
|
/* STABLE_FRAGMENT */
|
|
335
|
-
)) : (a(), m(o(
|
|
336
|
+
)) : (a(), m(o(D), {
|
|
336
337
|
key: 1,
|
|
337
338
|
pill: "",
|
|
338
339
|
disabled: e.readonly || e.disabled,
|
|
339
340
|
removable: !e.required,
|
|
341
|
+
texts: e.texts,
|
|
340
342
|
"onClick:remove": _
|
|
341
343
|
}, {
|
|
342
344
|
default: f(() => {
|
|
343
345
|
var i, n;
|
|
344
346
|
return [
|
|
345
|
-
(i =
|
|
346
|
-
o(
|
|
347
|
-
te(B({ key: 0 },
|
|
347
|
+
(i = s.value[0]) != null && i.icon ? (a(), m(
|
|
348
|
+
o(M),
|
|
349
|
+
te(B({ key: 0 }, s.value[0].icon)),
|
|
348
350
|
null,
|
|
349
351
|
16
|
|
350
352
|
/* FULL_PROPS */
|
|
351
353
|
)) : p("v-if", !0),
|
|
352
354
|
w(
|
|
353
|
-
" " + h((n =
|
|
355
|
+
" " + h((n = s.value[0]) == null ? void 0 : n[e.itemLabel]),
|
|
354
356
|
1
|
|
355
357
|
/* TEXT */
|
|
356
358
|
)
|
|
@@ -358,14 +360,14 @@ const De = {
|
|
|
358
360
|
}),
|
|
359
361
|
_: 1
|
|
360
362
|
/* STABLE */
|
|
361
|
-
}, 8, ["disabled", "removable"]))
|
|
363
|
+
}, 8, ["disabled", "removable", "texts"]))
|
|
362
364
|
],
|
|
363
365
|
512
|
|
364
366
|
/* NEED_PATCH */
|
|
365
367
|
)) : (a(), c(
|
|
366
368
|
"span",
|
|
367
|
-
|
|
368
|
-
h(
|
|
369
|
+
De,
|
|
370
|
+
h(R.value),
|
|
369
371
|
1
|
|
370
372
|
/* TEXT */
|
|
371
373
|
))
|
|
@@ -374,10 +376,10 @@ const De = {
|
|
|
374
376
|
/* STABLE_FRAGMENT */
|
|
375
377
|
)),
|
|
376
378
|
ye(ae("input", B({
|
|
377
|
-
id: `${o(
|
|
379
|
+
id: `${o(Q)}_input`,
|
|
378
380
|
ref: "input"
|
|
379
381
|
}, l.$attrs, {
|
|
380
|
-
"onUpdate:modelValue": t[0] || (t[0] = (i) =>
|
|
382
|
+
"onUpdate:modelValue": t[0] || (t[0] = (i) => R.value = i),
|
|
381
383
|
class: "q-select__input",
|
|
382
384
|
inputmode: "none",
|
|
383
385
|
type: "text",
|
|
@@ -388,20 +390,20 @@ const De = {
|
|
|
388
390
|
"aria-haspopup": "listbox",
|
|
389
391
|
"aria-keyshortcuts": L.value ? "Delete" : void 0,
|
|
390
392
|
onKeydown: de
|
|
391
|
-
}), null, 16,
|
|
392
|
-
[ge,
|
|
393
|
+
}), null, 16, Qe), [
|
|
394
|
+
[ge, R.value]
|
|
393
395
|
])
|
|
394
396
|
]),
|
|
395
397
|
_: 2
|
|
396
398
|
/* DYNAMIC */
|
|
397
399
|
}, [
|
|
398
|
-
|
|
400
|
+
s.value.length === 1 && s.value[0].icon && !e.badges || l.$slots.prepend ? {
|
|
399
401
|
name: "prepend",
|
|
400
402
|
fn: f(() => [
|
|
401
403
|
k(l.$slots, "prepend"),
|
|
402
|
-
|
|
403
|
-
o(
|
|
404
|
-
te(B({ key: 0 },
|
|
404
|
+
s.value.length === 1 && s.value[0].icon && !e.badges ? (a(), m(
|
|
405
|
+
o(M),
|
|
406
|
+
te(B({ key: 0 }, s.value[0].icon)),
|
|
405
407
|
null,
|
|
406
408
|
16
|
|
407
409
|
/* FULL_PROPS */
|
|
@@ -417,7 +419,7 @@ const De = {
|
|
|
417
419
|
key: "1"
|
|
418
420
|
} : void 0
|
|
419
421
|
]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "data-loading", "size", "invalid"]),
|
|
420
|
-
|
|
422
|
+
$(o(Ce), {
|
|
421
423
|
modelValue: u.value,
|
|
422
424
|
"onUpdate:modelValue": t[1] || (t[1] = (i) => u.value = i),
|
|
423
425
|
spy: "",
|
|
@@ -435,15 +437,15 @@ const De = {
|
|
|
435
437
|
ae("div", {
|
|
436
438
|
ref: "content",
|
|
437
439
|
"data-testid": "combobox-dropdown",
|
|
438
|
-
"data-key": o(
|
|
440
|
+
"data-key": o(Q),
|
|
439
441
|
class: "q-select__body",
|
|
440
442
|
tabindex: "-1",
|
|
441
|
-
onFocusout:
|
|
442
|
-
onKeydown: he(
|
|
443
|
+
onFocusout: re,
|
|
444
|
+
onKeydown: he(A, ["stop"])
|
|
443
445
|
}, [
|
|
444
446
|
k(l.$slots, "body.prepend"),
|
|
445
|
-
e.loading ? (a(), c("div",
|
|
446
|
-
|
|
447
|
+
e.loading ? (a(), c("div", Se, [
|
|
448
|
+
$(o(Ve), { size: 24 })
|
|
447
449
|
])) : (a(), m(o(Be), {
|
|
448
450
|
key: 1,
|
|
449
451
|
ref: "list",
|
|
@@ -451,12 +453,12 @@ const De = {
|
|
|
451
453
|
selectable: "",
|
|
452
454
|
required: e.required,
|
|
453
455
|
multiple: e.multiple,
|
|
454
|
-
"model-value":
|
|
456
|
+
"model-value": r.value,
|
|
455
457
|
items: e.items,
|
|
456
458
|
groups: l.groups,
|
|
457
459
|
"item-label": e.itemLabel,
|
|
458
460
|
"item-value": e.itemValue,
|
|
459
|
-
"onUpdate:modelValue":
|
|
461
|
+
"onUpdate:modelValue": S
|
|
460
462
|
}, {
|
|
461
463
|
item: f(({ item: i }) => [
|
|
462
464
|
k(l.$slots, "item", { item: i })
|
|
@@ -465,7 +467,7 @@ const De = {
|
|
|
465
467
|
/* FORWARDED */
|
|
466
468
|
}, 8, ["required", "multiple", "model-value", "items", "groups", "item-label", "item-value"])),
|
|
467
469
|
k(l.$slots, "body.append")
|
|
468
|
-
], 40,
|
|
470
|
+
], 40, Re)
|
|
469
471
|
]),
|
|
470
472
|
_: 3
|
|
471
473
|
/* FORWARDED */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/constants.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,aAAa;;;;;CAKQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAGM,CAAA"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import { DEFAULT_ICONS as
|
|
2
|
-
import { DEFAULT_TEXTS as
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { DEFAULT_ICONS as T } from "../__internal__/QChevron/constants.js";
|
|
2
|
+
import { DEFAULT_TEXTS as o, DEFAULT_ICONS as E } from "../__internal__/QClearButton/constants.js";
|
|
3
|
+
import { DEFAULT_TEXTS as S } from "../QBadge/constants.js";
|
|
4
|
+
const F = {
|
|
5
|
+
...o,
|
|
6
|
+
...S,
|
|
5
7
|
placeholder: "Choose...",
|
|
6
8
|
showOptions: "Show options"
|
|
7
|
-
},
|
|
8
|
-
...
|
|
9
|
+
}, L = {
|
|
10
|
+
...T,
|
|
9
11
|
...E
|
|
10
12
|
};
|
|
11
13
|
export {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
+
L as DEFAULT_ICONS,
|
|
15
|
+
F as DEFAULT_TEXTS
|
|
14
16
|
};
|