@lumx/vue 4.24.0-next.3 → 4.24.1-alpha.0
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/components/dialog/Dialog.d.ts +14 -4
- package/components/dialog/Dialog.stories.d.ts +11 -0
- package/index.js +2840 -2821
- package/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -11,7 +11,12 @@ export type DialogProps = Pick<BaseDialogProps, 'forceFooterDivider' | 'forceHea
|
|
|
11
11
|
size?: DialogSizes;
|
|
12
12
|
/** Z-axis position. */
|
|
13
13
|
zIndex?: number;
|
|
14
|
-
/**
|
|
14
|
+
/**
|
|
15
|
+
* Additional props for the dialog container element.
|
|
16
|
+
* Set `'aria-modal': false` to make the dialog non-modal: the page stays usable (no focus trap, no overlay,
|
|
17
|
+
* no close on click away, rendered in place instead of in a portal) and escape only closes the dialog when the
|
|
18
|
+
* focus is inside.
|
|
19
|
+
*/
|
|
15
20
|
dialogProps?: GenericProps;
|
|
16
21
|
/** Reference to the parent element that triggered modal opening (gets focus back on close). */
|
|
17
22
|
parentElement?: HTMLElement;
|
|
@@ -25,7 +30,7 @@ export type DialogProps = Pick<BaseDialogProps, 'forceFooterDivider' | 'forceHea
|
|
|
25
30
|
preventCloseOnEscape?: boolean;
|
|
26
31
|
/** Whether to keep the dialog open on clickaway. */
|
|
27
32
|
preventCloseOnClick?: boolean;
|
|
28
|
-
/** Whether to disable body scroll when the dialog is open. */
|
|
33
|
+
/** Whether to disable body scroll when the dialog is open (ignored on a non-modal dialog: the page stays usable). */
|
|
29
34
|
disableBodyScroll?: boolean;
|
|
30
35
|
};
|
|
31
36
|
export declare const emitSchema: {
|
|
@@ -44,7 +49,12 @@ declare const Dialog: import('vue').DefineSetupFnComponent<DialogProps, {
|
|
|
44
49
|
size?: DialogSizes;
|
|
45
50
|
/** Z-axis position. */
|
|
46
51
|
zIndex?: number;
|
|
47
|
-
/**
|
|
52
|
+
/**
|
|
53
|
+
* Additional props for the dialog container element.
|
|
54
|
+
* Set `'aria-modal': false` to make the dialog non-modal: the page stays usable (no focus trap, no overlay,
|
|
55
|
+
* no close on click away, rendered in place instead of in a portal) and escape only closes the dialog when the
|
|
56
|
+
* focus is inside.
|
|
57
|
+
*/
|
|
48
58
|
dialogProps?: GenericProps;
|
|
49
59
|
/** Reference to the parent element that triggered modal opening (gets focus back on close). */
|
|
50
60
|
parentElement?: HTMLElement;
|
|
@@ -58,7 +68,7 @@ declare const Dialog: import('vue').DefineSetupFnComponent<DialogProps, {
|
|
|
58
68
|
preventCloseOnEscape?: boolean;
|
|
59
69
|
/** Whether to keep the dialog open on clickaway. */
|
|
60
70
|
preventCloseOnClick?: boolean;
|
|
61
|
-
/** Whether to disable body scroll when the dialog is open. */
|
|
71
|
+
/** Whether to disable body scroll when the dialog is open (ignored on a non-modal dialog: the page stays usable). */
|
|
62
72
|
disableBodyScroll?: boolean;
|
|
63
73
|
} & {
|
|
64
74
|
onClose?: (() => any) | undefined;
|
|
@@ -88,6 +88,17 @@ export declare const PreventCloseOnClick: {
|
|
|
88
88
|
children: string;
|
|
89
89
|
};
|
|
90
90
|
};
|
|
91
|
+
export declare const NonModal: {
|
|
92
|
+
args: {
|
|
93
|
+
dialogProps: {
|
|
94
|
+
'aria-modal': boolean;
|
|
95
|
+
};
|
|
96
|
+
header: string;
|
|
97
|
+
footer: string;
|
|
98
|
+
children: string;
|
|
99
|
+
};
|
|
100
|
+
play(): Promise<void>;
|
|
101
|
+
};
|
|
91
102
|
/**
|
|
92
103
|
* More complex header/footer using Vue named slots
|
|
93
104
|
*/
|