@quidgest/ui 0.16.43 → 0.16.45
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 +36 -57
- package/dist/manifest/components.json +0 -1
- package/dist/ui.css +1 -1
- package/dist/ui.esm.js +5248 -5171
- package/dist/ui.js +24 -20
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +658 -651
- package/dist/ui.scss +2 -2
- package/esm/components/QBadge/QBadge.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +15 -14
- package/esm/components/QDialog/QDialog.d.ts +1 -0
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +50 -48
- package/esm/components/QDialog/index.d.ts +6 -0
- package/esm/components/QDialog/index.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts +7 -0
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts +2 -0
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.vue.js +23 -17
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +4 -0
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +70 -68
- package/esm/components/QDropdownMenu/index.d.ts +2 -0
- package/esm/components/QDropdownMenu/index.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts +1 -0
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +114 -111
- package/esm/components/QOverlay/index.d.ts +6 -0
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/types.d.ts +7 -0
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +12 -11
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +14 -13
- package/esm/components/QSelect/QSelect.vue.js +1 -2
- package/esm/components/index.d.ts +0 -1
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +70 -72
- package/esm/composables/useDialog/index.d.ts +1 -0
- package/esm/composables/useDialog/index.d.ts.map +1 -1
- package/esm/index.d.ts +0 -1
- package/esm/vendors/focus-trap-vue/dist/focus-trap-vue.esm-browser.js +104 -0
- package/package.json +3 -2
- package/esm/components/QFocusTrap/QFocusTrap.d.ts +0 -28
- package/esm/components/QFocusTrap/QFocusTrap.d.ts.map +0 -1
- package/esm/components/QFocusTrap/QFocusTrap.vue.js +0 -32
- package/esm/components/QFocusTrap/QFocusTrap.vue2.js +0 -4
- package/esm/components/QFocusTrap/index.d.ts +0 -37
- package/esm/components/QFocusTrap/index.d.ts.map +0 -1
- package/esm/components/QFocusTrap/index.js +0 -6
- package/esm/components/QFocusTrap/types.d.ts +0 -6
- package/esm/components/QFocusTrap/types.d.ts.map +0 -1
- package/esm/vendors/@vueuse/integrations/useFocusTrap/component.js +0 -24
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as F, mergeModels as
|
|
1
|
+
import { defineComponent as F, mergeModels as _, useModel as A, ref as M, computed as q, useTemplateRef as U, resolveComponent as z, createBlock as x, openBlock as f, unref as y, normalizeClass as H, withCtx as d, createElementVNode as j, withModifiers as G, renderSlot as l, createVNode as E, createElementBlock as R, createCommentVNode as k, toDisplayString as J, Fragment as W, normalizeProps as b, guardReactiveProps as V, mergeProps as X, nextTick as Y } from "vue";
|
|
2
2
|
import { QList as Z } from "../QList/index.js";
|
|
3
3
|
import { QOverlay as K } from "../QOverlay/index.js";
|
|
4
4
|
import { QIcon as ee } from "../QIcon/index.js";
|
|
@@ -8,7 +8,7 @@ const oe = {
|
|
|
8
8
|
class: "q-dropdown-menu__extra"
|
|
9
9
|
}, re = /* @__PURE__ */ F({
|
|
10
10
|
__name: "QDropdownMenuContent",
|
|
11
|
-
props: /* @__PURE__ */
|
|
11
|
+
props: /* @__PURE__ */ _({
|
|
12
12
|
id: {},
|
|
13
13
|
class: {},
|
|
14
14
|
activator: {},
|
|
@@ -32,23 +32,23 @@ const oe = {
|
|
|
32
32
|
highlighted: {},
|
|
33
33
|
highlightedModifiers: {}
|
|
34
34
|
}),
|
|
35
|
-
emits: /* @__PURE__ */
|
|
36
|
-
setup(u, { emit:
|
|
37
|
-
const
|
|
38
|
-
function
|
|
35
|
+
emits: /* @__PURE__ */ _(["select", "hide", "focus-previous"], ["update:modelValue", "update:highlighted"]),
|
|
36
|
+
setup(u, { emit: $ }) {
|
|
37
|
+
const t = u, c = $, m = A(u, "modelValue"), s = A(u, "highlighted"), i = M(void 0), I = M([]), P = q(() => t.depth !== 0 ? t.offset : 4), S = q(() => t.depth !== 0 ? t.crossOffset : void 0), p = U("qListRef");
|
|
38
|
+
function B(e) {
|
|
39
39
|
var o;
|
|
40
|
-
const n = (o =
|
|
41
|
-
|
|
42
|
-
const a =
|
|
43
|
-
|
|
40
|
+
const n = (o = t.items) == null ? void 0 : o.find((r) => r[t.itemValue] === e);
|
|
41
|
+
I.value = (n == null ? void 0 : n.items) ?? [];
|
|
42
|
+
const a = I.value.length > 0;
|
|
43
|
+
s.value = e, a ? g(e) : L(e);
|
|
44
44
|
}
|
|
45
|
-
function
|
|
45
|
+
function D(e) {
|
|
46
46
|
var n;
|
|
47
|
-
if (
|
|
48
|
-
switch (["Enter", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(
|
|
47
|
+
if (e.key)
|
|
48
|
+
switch (["Enter", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key) {
|
|
49
49
|
case "ArrowRight":
|
|
50
50
|
const a = (n = p.value) == null ? void 0 : n.getActiveItemIndex();
|
|
51
|
-
|
|
51
|
+
t.items && (a || a === 0) && t.items[a] && (s.value = t.items[a].key, g(t.items[a].key));
|
|
52
52
|
break;
|
|
53
53
|
case "ArrowLeft":
|
|
54
54
|
h();
|
|
@@ -59,89 +59,90 @@ const oe = {
|
|
|
59
59
|
break;
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
function
|
|
63
|
-
|
|
62
|
+
function O(e) {
|
|
63
|
+
t.trigger === "hover" && (s.value = e, g(e));
|
|
64
64
|
}
|
|
65
|
-
function
|
|
66
|
-
c("select",
|
|
65
|
+
function L(e) {
|
|
66
|
+
c("select", e), v();
|
|
67
67
|
}
|
|
68
68
|
function N() {
|
|
69
69
|
h();
|
|
70
70
|
}
|
|
71
71
|
function h() {
|
|
72
|
-
|
|
72
|
+
i.value = void 0, s.value = void 0, m.value = !1, c("focus-previous");
|
|
73
73
|
}
|
|
74
74
|
function v() {
|
|
75
75
|
h(), c("hide");
|
|
76
76
|
}
|
|
77
|
-
function g(
|
|
78
|
-
|
|
77
|
+
function g(e) {
|
|
78
|
+
i.value = e;
|
|
79
79
|
}
|
|
80
80
|
function Q() {
|
|
81
81
|
var a, o;
|
|
82
|
-
const
|
|
83
|
-
(
|
|
82
|
+
const e = (a = t.items) == null ? void 0 : a.findIndex(
|
|
83
|
+
(r) => r[t.itemValue] === i.value
|
|
84
84
|
);
|
|
85
|
-
if (!
|
|
86
|
-
const n = (o = p.value) == null ? void 0 : o.getItem(
|
|
87
|
-
|
|
85
|
+
if (!e && e !== 0) return;
|
|
86
|
+
const n = (o = p.value) == null ? void 0 : o.getItem(e);
|
|
87
|
+
i.value = void 0, s.value = void 0, n == null || n.focus();
|
|
88
88
|
}
|
|
89
89
|
function T() {
|
|
90
90
|
Y(() => {
|
|
91
|
-
var
|
|
92
|
-
return (
|
|
91
|
+
var e;
|
|
92
|
+
return (e = p.value) == null ? void 0 : e.$el.focus();
|
|
93
93
|
});
|
|
94
94
|
}
|
|
95
|
-
return (
|
|
95
|
+
return (e, n) => {
|
|
96
96
|
const a = z("q-dropdown-menu-content", !0);
|
|
97
|
-
return
|
|
98
|
-
id:
|
|
97
|
+
return f(), x(y(K), {
|
|
98
|
+
id: t.id,
|
|
99
99
|
modelValue: m.value,
|
|
100
100
|
"onUpdate:modelValue": n[0] || (n[0] = (o) => m.value = o),
|
|
101
|
-
anchor:
|
|
102
|
-
appearance:
|
|
103
|
-
inline:
|
|
104
|
-
delay:
|
|
105
|
-
offset:
|
|
106
|
-
"cross-offset":
|
|
107
|
-
placement:
|
|
108
|
-
transition:
|
|
109
|
-
class: H(
|
|
101
|
+
anchor: t.activator,
|
|
102
|
+
appearance: t.appearance,
|
|
103
|
+
inline: t.inline,
|
|
104
|
+
delay: t.delay,
|
|
105
|
+
offset: P.value,
|
|
106
|
+
"cross-offset": S.value,
|
|
107
|
+
placement: t.placement,
|
|
108
|
+
transition: t.transition,
|
|
109
|
+
class: H(t.class),
|
|
110
110
|
"scroll-lock": "",
|
|
111
111
|
"non-modal": "",
|
|
112
112
|
onEnter: T,
|
|
113
113
|
onLeave: N
|
|
114
114
|
}, {
|
|
115
|
-
default:
|
|
115
|
+
default: d(() => [
|
|
116
116
|
j(
|
|
117
117
|
"div",
|
|
118
118
|
{
|
|
119
119
|
class: "q-dropdown-menu__body",
|
|
120
120
|
"data-testid": "dropdown-content",
|
|
121
121
|
tabindex: "-1",
|
|
122
|
-
onKeydown: G(
|
|
122
|
+
onKeydown: G(D, ["stop"])
|
|
123
123
|
},
|
|
124
124
|
[
|
|
125
|
+
l(e.$slots, "prepend"),
|
|
125
126
|
E(y(Z), {
|
|
126
127
|
ref: "qListRef",
|
|
127
128
|
class: "q-dropdown-menu__items",
|
|
128
|
-
highlighted:
|
|
129
|
-
items:
|
|
130
|
-
groups:
|
|
131
|
-
"item-label":
|
|
132
|
-
"item-value":
|
|
129
|
+
highlighted: s.value,
|
|
130
|
+
items: t.items,
|
|
131
|
+
groups: t.groups,
|
|
132
|
+
"item-label": t.itemLabel,
|
|
133
|
+
"item-value": t.itemValue,
|
|
133
134
|
selectable: !1,
|
|
134
|
-
onClick:
|
|
135
|
-
"onMouseenter:item":
|
|
135
|
+
onClick: B,
|
|
136
|
+
"onMouseenter:item": O
|
|
136
137
|
}, {
|
|
137
|
-
item:
|
|
138
|
-
|
|
138
|
+
item: d(({ item: o }) => [
|
|
139
|
+
l(e.$slots, "item", { item: o })
|
|
139
140
|
]),
|
|
140
|
-
"item.append":
|
|
141
|
-
var
|
|
141
|
+
"item.append": d(({ item: o, element: r }) => {
|
|
142
|
+
var C;
|
|
142
143
|
return [
|
|
143
|
-
|
|
144
|
-
o.extraInfo ? (
|
|
144
|
+
l(e.$slots, "item.append", { item: o }, () => [
|
|
145
|
+
o.extraInfo ? (f(), R(
|
|
145
146
|
"span",
|
|
146
147
|
oe,
|
|
147
148
|
J(o.extraInfo),
|
|
@@ -149,38 +150,38 @@ const oe = {
|
|
|
149
150
|
/* TEXT */
|
|
150
151
|
)) : k("v-if", !0)
|
|
151
152
|
]),
|
|
152
|
-
((
|
|
153
|
+
((C = o.items) == null ? void 0 : C.length) > 0 ? (f(), R(
|
|
153
154
|
W,
|
|
154
155
|
{ key: 0 },
|
|
155
156
|
[
|
|
156
157
|
E(
|
|
157
158
|
y(ee),
|
|
158
|
-
b(V(
|
|
159
|
+
b(V(t.icons.expand)),
|
|
159
160
|
null,
|
|
160
161
|
16
|
|
161
162
|
/* FULL_PROPS */
|
|
162
163
|
),
|
|
163
|
-
|
|
164
|
+
i.value === o.key ? (f(), x(a, X({
|
|
164
165
|
key: 0,
|
|
165
166
|
"model-value": u.modelValue
|
|
166
|
-
},
|
|
167
|
-
activator:
|
|
167
|
+
}, t, {
|
|
168
|
+
activator: r,
|
|
168
169
|
items: o.items,
|
|
169
170
|
groups: o.groups,
|
|
170
|
-
depth:
|
|
171
|
-
delay:
|
|
171
|
+
depth: t.depth + 1,
|
|
172
|
+
delay: t.delay,
|
|
172
173
|
placement: "right-start",
|
|
173
174
|
"non-modal": "",
|
|
174
175
|
inline: "",
|
|
175
176
|
onHide: v,
|
|
176
|
-
onSelect:
|
|
177
|
+
onSelect: L,
|
|
177
178
|
onFocusPrevious: Q
|
|
178
179
|
}), {
|
|
179
|
-
item:
|
|
180
|
-
|
|
180
|
+
item: d((w) => [
|
|
181
|
+
l(e.$slots, "item", b(V(w)))
|
|
181
182
|
]),
|
|
182
|
-
"item.append":
|
|
183
|
-
|
|
183
|
+
"item.append": d((w) => [
|
|
184
|
+
l(e.$slots, "item.append", b(V(w)))
|
|
184
185
|
]),
|
|
185
186
|
_: 2
|
|
186
187
|
/* DYNAMIC */
|
|
@@ -193,7 +194,8 @@ const oe = {
|
|
|
193
194
|
}),
|
|
194
195
|
_: 3
|
|
195
196
|
/* FORWARDED */
|
|
196
|
-
}, 8, ["highlighted", "items", "groups", "item-label", "item-value"])
|
|
197
|
+
}, 8, ["highlighted", "items", "groups", "item-label", "item-value"]),
|
|
198
|
+
l(e.$slots, "append")
|
|
197
199
|
],
|
|
198
200
|
32
|
|
199
201
|
/* NEED_HYDRATION */
|
|
@@ -77,6 +77,8 @@ declare const QDropdownMenu: {
|
|
|
77
77
|
select: (item: any) => any;
|
|
78
78
|
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
79
79
|
$slots: {
|
|
80
|
+
prepend?(_: {}): any;
|
|
81
|
+
append?(_: {}): any;
|
|
80
82
|
item?(_: {
|
|
81
83
|
item: import('..').Item;
|
|
82
84
|
}): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA;AAGxB,cAAc,SAAS,CAAA"}
|
|
@@ -35,6 +35,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
35
35
|
attach: string;
|
|
36
36
|
delay: number;
|
|
37
37
|
trigger: import('../../composables/overlay').Trigger;
|
|
38
|
+
returnFocusOnDeactivate: boolean;
|
|
38
39
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
39
40
|
overlayContainerRef: HTMLDivElement;
|
|
40
41
|
overlayRef: HTMLDivElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA8DA;AAshBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAyclC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6KT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA+BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;OASnB,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"}
|