@quidgest/ui 0.16.42 → 0.16.44
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 +68 -57
- package/dist/manifest/components.json +0 -1
- package/dist/ui.css +18 -22
- package/dist/ui.esm.js +5318 -5235
- package/dist/ui.js +25 -21
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +659 -650
- package/dist/ui.scss +65 -53
- 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/QDivider/QDivider.d.ts +2 -0
- package/esm/components/QDivider/QDivider.d.ts.map +1 -1
- package/esm/components/QDivider/QDivider.vue.js +26 -18
- package/esm/components/QDivider/index.d.ts +6 -0
- package/esm/components/QDivider/index.d.ts.map +1 -1
- package/esm/components/QDivider/types.d.ts +14 -0
- package/esm/components/QDivider/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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
|
package/esm/components/index.js
CHANGED
|
@@ -10,43 +10,42 @@ import { QCheckbox as g, QCheckboxLabel as P } from "./QCheckbox/index.js";
|
|
|
10
10
|
import { QCollapsible as b } from "./QCollapsible/index.js";
|
|
11
11
|
import { QColorPicker as v } from "./QColorPicker/index.js";
|
|
12
12
|
import { QCombobox as G } from "./QCombobox/index.js";
|
|
13
|
-
import { QDateTimePicker as
|
|
14
|
-
import { QDefaultsProvider as
|
|
13
|
+
import { QDateTimePicker as y } from "./QDateTimePicker/index.js";
|
|
14
|
+
import { QDefaultsProvider as F } from "./QDefaultsProvider/index.js";
|
|
15
15
|
import { QDialog as w, QDialogProvider as A } from "./QDialog/index.js";
|
|
16
16
|
import { QDismissibleLayer as R } from "./QDismissibleLayer/index.js";
|
|
17
17
|
import { QDivider as M } from "./QDivider/index.js";
|
|
18
18
|
import { QDropdownMenu as O } from "./QDropdownMenu/index.js";
|
|
19
19
|
import { QField as _ } from "./QField/index.js";
|
|
20
20
|
import { QFileUpload as q } from "./QFileUpload/index.js";
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import { DEFAULT_TEXTS as pr } from "./QTextField/types.js";
|
|
21
|
+
import { QCol as H, QContainer as J, QRow as K, QSpacer as N } from "./QGrid/index.js";
|
|
22
|
+
import { QGroupBox as W } from "./QGroupBox/index.js";
|
|
23
|
+
import { QIcon as Z, QIconFont as $, QIconImg as oo, QIconSvg as ro } from "./QIcon/index.js";
|
|
24
|
+
import { QInputGroup as to } from "./QInputGroup/index.js";
|
|
25
|
+
import { QLabel as Qo } from "./QLabel/index.js";
|
|
26
|
+
import { QLineLoader as xo } from "./QLineLoader/index.js";
|
|
27
|
+
import { QList as io, QListItem as ao, QListItemGroup as lo } from "./QList/index.js";
|
|
28
|
+
import { QMeter as so } from "./QMeter/index.js";
|
|
29
|
+
import { QOverlay as uo } from "./QOverlay/index.js";
|
|
30
|
+
import { QPasswordField as To } from "./QPasswordField/index.js";
|
|
31
|
+
import { QPopover as Po } from "./QPopover/index.js";
|
|
32
|
+
import { QPropertyList as bo, QPropertyListGroup as Co, QPropertyListPanel as vo, QPropertyListRow as Do } from "./QPropertyList/index.js";
|
|
33
|
+
import { QRadioButton as So, QRadioGroup as yo } from "./QRadioGroup/index.js";
|
|
34
|
+
import { QSelect as Fo } from "./QSelect/index.js";
|
|
35
|
+
import { QSidebar as wo } from "./QSidebar/index.js";
|
|
36
|
+
import { QSkeletonLoader as ho } from "./QSkeletonLoader/index.js";
|
|
37
|
+
import { QSpinnerLoader as Eo } from "./QSpinnerLoader/index.js";
|
|
38
|
+
import { QSwitch as Uo } from "./QSwitch/index.js";
|
|
39
|
+
import { QTextArea as Xo } from "./QTextArea/index.js";
|
|
40
|
+
import { QTextField as jo } from "./QTextField/index.js";
|
|
41
|
+
import { QThemeProvider as zo } from "./QThemeProvider/index.js";
|
|
42
|
+
import { QToast as Jo, QToaster as Ko } from "./QToast/index.js";
|
|
43
|
+
import { QToggle as Vo } from "./QToggle/index.js";
|
|
44
|
+
import { QToggleGroup as Yo, QToggleGroupItem as Zo } from "./QToggleGroup/index.js";
|
|
45
|
+
import { QTooltip as or } from "./QTooltip/index.js";
|
|
46
|
+
import { DEFAULT_TEXTS as er } from "./QTextField/types.js";
|
|
48
47
|
export {
|
|
49
|
-
|
|
48
|
+
er as DEFAULT_TEXTS,
|
|
50
49
|
e as QAccordion,
|
|
51
50
|
t as QAccordionItem,
|
|
52
51
|
Q as QAvatar,
|
|
@@ -58,13 +57,13 @@ export {
|
|
|
58
57
|
L as QCarousel,
|
|
59
58
|
g as QCheckbox,
|
|
60
59
|
P as QCheckboxLabel,
|
|
61
|
-
|
|
60
|
+
H as QCol,
|
|
62
61
|
b as QCollapsible,
|
|
63
62
|
v as QColorPicker,
|
|
64
63
|
G as QCombobox,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
J as QContainer,
|
|
65
|
+
y as QDateTimePicker,
|
|
66
|
+
F as QDefaultsProvider,
|
|
68
67
|
w as QDialog,
|
|
69
68
|
A as QDialogProvider,
|
|
70
69
|
R as QDismissibleLayer,
|
|
@@ -72,42 +71,41 @@ export {
|
|
|
72
71
|
O as QDropdownMenu,
|
|
73
72
|
_ as QField,
|
|
74
73
|
q as QFileUpload,
|
|
75
|
-
|
|
76
|
-
Z as
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
to as
|
|
81
|
-
Qo as
|
|
82
|
-
xo as
|
|
83
|
-
io as
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
so as
|
|
87
|
-
uo as
|
|
88
|
-
To as
|
|
89
|
-
Po as
|
|
90
|
-
bo as
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
So as
|
|
95
|
-
yo as
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
wo as
|
|
99
|
-
ho as
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
Uo as
|
|
103
|
-
Xo as
|
|
104
|
-
jo as
|
|
105
|
-
zo as
|
|
106
|
-
Jo as
|
|
107
|
-
|
|
108
|
-
Vo as
|
|
109
|
-
Yo as
|
|
110
|
-
|
|
111
|
-
or as
|
|
112
|
-
er as QTooltip
|
|
74
|
+
W as QGroupBox,
|
|
75
|
+
Z as QIcon,
|
|
76
|
+
$ as QIconFont,
|
|
77
|
+
oo as QIconImg,
|
|
78
|
+
ro as QIconSvg,
|
|
79
|
+
to as QInputGroup,
|
|
80
|
+
Qo as QLabel,
|
|
81
|
+
xo as QLineLoader,
|
|
82
|
+
io as QList,
|
|
83
|
+
ao as QListItem,
|
|
84
|
+
lo as QListItemGroup,
|
|
85
|
+
so as QMeter,
|
|
86
|
+
uo as QOverlay,
|
|
87
|
+
To as QPasswordField,
|
|
88
|
+
Po as QPopover,
|
|
89
|
+
bo as QPropertyList,
|
|
90
|
+
Co as QPropertyListGroup,
|
|
91
|
+
vo as QPropertyListPanel,
|
|
92
|
+
Do as QPropertyListRow,
|
|
93
|
+
So as QRadioButton,
|
|
94
|
+
yo as QRadioGroup,
|
|
95
|
+
K as QRow,
|
|
96
|
+
Fo as QSelect,
|
|
97
|
+
wo as QSidebar,
|
|
98
|
+
ho as QSkeletonLoader,
|
|
99
|
+
N as QSpacer,
|
|
100
|
+
Eo as QSpinnerLoader,
|
|
101
|
+
Uo as QSwitch,
|
|
102
|
+
Xo as QTextArea,
|
|
103
|
+
jo as QTextField,
|
|
104
|
+
zo as QThemeProvider,
|
|
105
|
+
Jo as QToast,
|
|
106
|
+
Ko as QToaster,
|
|
107
|
+
Vo as QToggle,
|
|
108
|
+
Yo as QToggleGroup,
|
|
109
|
+
Zo as QToggleGroupItem,
|
|
110
|
+
or as QTooltip
|
|
113
111
|
};
|
|
@@ -57,6 +57,7 @@ export declare function useDialog(): {
|
|
|
57
57
|
attach?: string | undefined;
|
|
58
58
|
inline?: boolean | undefined;
|
|
59
59
|
focusTrap?: boolean | undefined;
|
|
60
|
+
returnFocusOnDeactivate?: boolean | undefined;
|
|
60
61
|
dismissible?: boolean | undefined;
|
|
61
62
|
html?: boolean | undefined;
|
|
62
63
|
input?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AASrF;;;;GAIG;AACH,wBAAgB,SAAS;uBASE,YAAY,OAAO,MAAM,YAAY,cAAc;uBAgBnD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AASrF;;;;GAIG;AACH,wBAAgB,SAAS;uBASE,YAAY,OAAO,MAAM,YAAY,cAAc;uBAgBnD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAa8yB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAD/0B"}
|
package/esm/index.d.ts
CHANGED
|
@@ -31,7 +31,6 @@ declare module '@vue/runtime-core' {
|
|
|
31
31
|
QDropdownMenu: typeof import('@quidgest/ui/components')['QDropdownMenu']
|
|
32
32
|
QField: typeof import('@quidgest/ui/components')['QField']
|
|
33
33
|
QFileUpload: typeof import('@quidgest/ui/components')['QFileUpload']
|
|
34
|
-
QFocusTrap: typeof import('@quidgest/ui/components')['QFocusTrap']
|
|
35
34
|
QCol: typeof import('@quidgest/ui/components')['QCol']
|
|
36
35
|
QContainer: typeof import('@quidgest/ui/components')['QContainer']
|
|
37
36
|
QRow: typeof import('@quidgest/ui/components')['QRow']
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { defineComponent as r, ref as s, computed as v, onMounted as d, watch as f, onUnmounted as p, Comment as F, cloneVNode as O } from "vue";
|
|
2
|
+
import { createFocusTrap as b } from "../../focus-trap/dist/focus-trap.esm.js";
|
|
3
|
+
/*!
|
|
4
|
+
* focus-trap-vue v4.0.3
|
|
5
|
+
* (c) 2025 Eduardo San Martin Morote
|
|
6
|
+
* @license MIT
|
|
7
|
+
*/
|
|
8
|
+
const D = {
|
|
9
|
+
escapeDeactivates: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: !0
|
|
12
|
+
},
|
|
13
|
+
returnFocusOnDeactivate: {
|
|
14
|
+
type: Boolean,
|
|
15
|
+
default: !0
|
|
16
|
+
},
|
|
17
|
+
allowOutsideClick: {
|
|
18
|
+
type: [Boolean, Function],
|
|
19
|
+
default: !0
|
|
20
|
+
},
|
|
21
|
+
clickOutsideDeactivates: [Boolean, Function],
|
|
22
|
+
initialFocus: [String, Function, Boolean],
|
|
23
|
+
fallbackFocus: [String, Function],
|
|
24
|
+
checkCanFocusTrap: Function,
|
|
25
|
+
checkCanReturnFocus: Function,
|
|
26
|
+
delayInitialFocus: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: !0
|
|
29
|
+
},
|
|
30
|
+
document: Object,
|
|
31
|
+
preventScroll: Boolean,
|
|
32
|
+
setReturnFocus: [Object, String, Boolean, Function],
|
|
33
|
+
tabbableOptions: Object
|
|
34
|
+
}, T = r({
|
|
35
|
+
name: "FocusTrap",
|
|
36
|
+
props: Object.assign({
|
|
37
|
+
active: {
|
|
38
|
+
// TODO: could be options for activate but what about the options for deactivating?
|
|
39
|
+
type: Boolean,
|
|
40
|
+
default: !0
|
|
41
|
+
}
|
|
42
|
+
}, D),
|
|
43
|
+
emits: [
|
|
44
|
+
"update:active",
|
|
45
|
+
"activate",
|
|
46
|
+
"postActivate",
|
|
47
|
+
"deactivate",
|
|
48
|
+
"postDeactivate"
|
|
49
|
+
],
|
|
50
|
+
render() {
|
|
51
|
+
return this.renderImpl();
|
|
52
|
+
},
|
|
53
|
+
setup(a, { slots: o, emit: n }) {
|
|
54
|
+
let t;
|
|
55
|
+
const i = s(null), c = v(() => {
|
|
56
|
+
const e = i.value;
|
|
57
|
+
return e && (e instanceof HTMLElement ? e : e.$el);
|
|
58
|
+
});
|
|
59
|
+
function u() {
|
|
60
|
+
return t || (t = b(c.value, {
|
|
61
|
+
escapeDeactivates: a.escapeDeactivates,
|
|
62
|
+
allowOutsideClick: a.allowOutsideClick,
|
|
63
|
+
returnFocusOnDeactivate: a.returnFocusOnDeactivate,
|
|
64
|
+
clickOutsideDeactivates: a.clickOutsideDeactivates,
|
|
65
|
+
onActivate: () => {
|
|
66
|
+
n("update:active", !0), n("activate");
|
|
67
|
+
},
|
|
68
|
+
onDeactivate: () => {
|
|
69
|
+
n("update:active", !1), n("deactivate");
|
|
70
|
+
},
|
|
71
|
+
onPostActivate: () => n("postActivate"),
|
|
72
|
+
onPostDeactivate: () => n("postDeactivate"),
|
|
73
|
+
initialFocus: a.initialFocus,
|
|
74
|
+
fallbackFocus: a.fallbackFocus,
|
|
75
|
+
tabbableOptions: a.tabbableOptions,
|
|
76
|
+
delayInitialFocus: a.delayInitialFocus,
|
|
77
|
+
preventScroll: a.preventScroll
|
|
78
|
+
}));
|
|
79
|
+
}
|
|
80
|
+
return d(() => {
|
|
81
|
+
f(() => a.active, (e) => {
|
|
82
|
+
e && c.value ? u().activate() : t && (t.deactivate(), (!c.value || c.value.nodeType === Node.COMMENT_NODE) && (t = null));
|
|
83
|
+
}, { immediate: !0, flush: "post" });
|
|
84
|
+
}), p(() => {
|
|
85
|
+
t && t.deactivate(), t = null;
|
|
86
|
+
}), {
|
|
87
|
+
activate() {
|
|
88
|
+
u().activate();
|
|
89
|
+
},
|
|
90
|
+
deactivate() {
|
|
91
|
+
t && t.deactivate();
|
|
92
|
+
},
|
|
93
|
+
renderImpl() {
|
|
94
|
+
if (!o.default)
|
|
95
|
+
return null;
|
|
96
|
+
const e = o.default().filter((l) => l.type !== F);
|
|
97
|
+
return !e || !e.length || e.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), e) : O(e[0], { ref: i });
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
export {
|
|
103
|
+
T as FocusTrap
|
|
104
|
+
};
|
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.
|
|
4
|
+
"version": "0.16.44",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"author": "Quidgest",
|
|
@@ -74,7 +74,8 @@
|
|
|
74
74
|
"@vuepic/vue-datepicker": "^11.0.1",
|
|
75
75
|
"@vueuse/core": "^13.0.0",
|
|
76
76
|
"@vueuse/integrations": "^13.0.0",
|
|
77
|
-
"focus-trap": "^7",
|
|
77
|
+
"focus-trap": "^7.6.4",
|
|
78
|
+
"focus-trap-vue": "^4.1.0",
|
|
78
79
|
"maska": "^3.1.0"
|
|
79
80
|
},
|
|
80
81
|
"scripts": {
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { QFocusTrapProps } from './types';
|
|
2
|
-
type __VLS_Props = QFocusTrapProps;
|
|
3
|
-
type __VLS_PublicProps = {
|
|
4
|
-
'disabled'?: boolean;
|
|
5
|
-
} & __VLS_Props;
|
|
6
|
-
declare function __VLS_template(): {
|
|
7
|
-
attrs: Partial<{}>;
|
|
8
|
-
slots: {
|
|
9
|
-
default?(_: {}): any;
|
|
10
|
-
default?(_: {}): any;
|
|
11
|
-
};
|
|
12
|
-
refs: {};
|
|
13
|
-
rootEl: any;
|
|
14
|
-
};
|
|
15
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
-
"update:disabled": (value: boolean) => any;
|
|
18
|
-
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
19
|
-
"onUpdate:disabled"?: ((value: boolean) => any) | undefined;
|
|
20
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
|
-
export default _default;
|
|
23
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
-
new (): {
|
|
25
|
-
$slots: S;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=QFocusTrap.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QFocusTrap.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusTrap/QFocusTrap.vue"],"names":[],"mappings":"AAQA;AA0BC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAQpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAXrB,GAAG;yBACH,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { defineComponent as a, mergeModels as d, useModel as l, renderSlot as s, createBlock as n, openBlock as i, unref as p, normalizeProps as u, mergeProps as m, withCtx as c } from "vue";
|
|
2
|
-
import { UseFocusTrap as f } from "../../vendors/@vueuse/integrations/useFocusTrap/component.js";
|
|
3
|
-
const B = /* @__PURE__ */ a({
|
|
4
|
-
__name: "QFocusTrap",
|
|
5
|
-
props: /* @__PURE__ */ d({
|
|
6
|
-
options: {},
|
|
7
|
-
as: {}
|
|
8
|
-
}, {
|
|
9
|
-
disabled: { type: Boolean },
|
|
10
|
-
disabledModifiers: {}
|
|
11
|
-
}),
|
|
12
|
-
emits: ["update:disabled"],
|
|
13
|
-
setup(e) {
|
|
14
|
-
const t = e, r = l(e, "disabled");
|
|
15
|
-
return (o, b) => r.value ? s(o.$slots, "default", { key: 0 }) : (i(), n(
|
|
16
|
-
p(f),
|
|
17
|
-
u(m({ key: 1 }, t)),
|
|
18
|
-
{
|
|
19
|
-
default: c(() => [
|
|
20
|
-
s(o.$slots, "default")
|
|
21
|
-
]),
|
|
22
|
-
_: 3
|
|
23
|
-
/* FORWARDED */
|
|
24
|
-
},
|
|
25
|
-
16
|
|
26
|
-
/* FULL_PROPS */
|
|
27
|
-
));
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
export {
|
|
31
|
-
B as default
|
|
32
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
declare const QFocusTrap: {
|
|
2
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
} & import('@vueuse/integrations/useFocusTrap/component.mjs').ComponentUseFocusTrapOptions> & Readonly<{
|
|
5
|
-
"onUpdate:disabled"?: ((value: boolean) => any) | undefined;
|
|
6
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
-
"update:disabled": (value: boolean) => any;
|
|
8
|
-
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
9
|
-
P: {};
|
|
10
|
-
B: {};
|
|
11
|
-
D: {};
|
|
12
|
-
C: {};
|
|
13
|
-
M: {};
|
|
14
|
-
Defaults: {};
|
|
15
|
-
}, Readonly<{
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
} & import('@vueuse/integrations/useFocusTrap/component.mjs').ComponentUseFocusTrapOptions> & Readonly<{
|
|
18
|
-
"onUpdate:disabled"?: ((value: boolean) => any) | undefined;
|
|
19
|
-
}>, {}, {}, {}, {}, {}>;
|
|
20
|
-
__isFragment?: never;
|
|
21
|
-
__isTeleport?: never;
|
|
22
|
-
__isSuspense?: never;
|
|
23
|
-
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
} & import('@vueuse/integrations/useFocusTrap/component.mjs').ComponentUseFocusTrapOptions> & Readonly<{
|
|
26
|
-
"onUpdate:disabled"?: ((value: boolean) => any) | undefined;
|
|
27
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
28
|
-
"update:disabled": (value: boolean) => any;
|
|
29
|
-
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
30
|
-
$slots: {
|
|
31
|
-
default?(_: {}): any;
|
|
32
|
-
default?(_: {}): any;
|
|
33
|
-
};
|
|
34
|
-
});
|
|
35
|
-
export { QFocusTrap };
|
|
36
|
-
export * from './types';
|
|
37
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusTrap/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+B,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA;AAGrB,cAAc,SAAS,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusTrap/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAA;AAE/F;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,4BAA4B,CAAA"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { unrefElement as p } from "../../core/index.js";
|
|
2
|
-
import { createFocusTrap as c } from "../../../focus-trap/dist/focus-trap.esm.js";
|
|
3
|
-
import { defineComponent as i, ref as f, watch as u, onScopeDispose as m, h as d } from "vue";
|
|
4
|
-
const F = /* @__PURE__ */ i({
|
|
5
|
-
name: "UseFocusTrap",
|
|
6
|
-
props: ["as", "options"],
|
|
7
|
-
setup(e, { slots: o }) {
|
|
8
|
-
let t;
|
|
9
|
-
const r = f(), n = () => t && t.activate(), s = () => t && t.deactivate();
|
|
10
|
-
return u(
|
|
11
|
-
() => p(r),
|
|
12
|
-
(a) => {
|
|
13
|
-
a && (t = c(a, e.options || {}), n());
|
|
14
|
-
},
|
|
15
|
-
{ flush: "post" }
|
|
16
|
-
), m(() => s()), () => {
|
|
17
|
-
if (o.default)
|
|
18
|
-
return d(e.as || "div", { ref: r }, o.default());
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
export {
|
|
23
|
-
F as UseFocusTrap
|
|
24
|
-
};
|