maz-ui 3.36.3 → 3.36.4
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/MazDialog.d.ts +47 -59
- package/components/MazDialog.mjs +1 -1
- package/components/MazDialogPromise.mjs +1 -1
- package/components/assets/MazDialog.css +1 -1
- package/components/assets/MazDialogPromise.css +1 -1
- package/components/chunks/{MazBtn-kLavxmjX.mjs → MazBtn-B-q9T3u-.mjs} +2 -2
- package/components/chunks/{MazBtn-DE96LeuR.mjs → MazBtn-CX2X5Bw4.mjs} +2 -2
- package/components/chunks/MazDialog--vjZyPR3.mjs +244 -0
- package/components/chunks/MazDialogPromise-r1kerrgl.mjs +413 -0
- package/components/chunks/{MazSpinner-CJw_tVej.mjs → MazSpinner-C6tjpIOP.mjs} +1 -1
- package/components/chunks/{MazSpinner-DaehD0ZC.mjs → MazSpinner-DK6REgwQ.mjs} +1 -1
- package/nuxt/index.json +1 -1
- package/package.json +1 -1
- package/types/components/MazDialog.vue.d.ts +47 -59
- package/components/chunks/MazDialog-CW8YIBc1.mjs +0 -254
- package/components/chunks/MazDialogPromise-Cd5B1cpr.mjs +0 -423
|
@@ -1,75 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
title
|
|
4
|
-
type: StringConstructor;
|
|
5
|
-
default: undefined;
|
|
6
|
-
};
|
|
1
|
+
export type Props = {
|
|
2
|
+
/** Title of the modal in header */
|
|
3
|
+
title?: string;
|
|
7
4
|
/** Remove the close button in header */
|
|
8
|
-
noClose
|
|
9
|
-
type: BooleanConstructor;
|
|
10
|
-
default: boolean;
|
|
11
|
-
};
|
|
5
|
+
noClose?: boolean;
|
|
12
6
|
/** Modal's width */
|
|
13
|
-
width
|
|
14
|
-
type: StringConstructor;
|
|
15
|
-
default: string;
|
|
16
|
-
};
|
|
7
|
+
width?: string;
|
|
17
8
|
/** Modal's max-width */
|
|
18
|
-
maxWidth
|
|
19
|
-
type: StringConstructor;
|
|
20
|
-
default: string;
|
|
21
|
-
};
|
|
9
|
+
maxWidth?: string;
|
|
22
10
|
/** Modal's max-height */
|
|
23
|
-
maxHeight
|
|
24
|
-
type: StringConstructor;
|
|
25
|
-
default: string;
|
|
26
|
-
};
|
|
11
|
+
maxHeight?: string;
|
|
27
12
|
/** Modal's content becomes scrollable - warning: a overflow is applied */
|
|
28
|
-
scrollable
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
13
|
+
scrollable?: boolean;
|
|
14
|
+
/** Persistent dialog (not closable by clicking outside and remove close button) */
|
|
15
|
+
persistent?: boolean;
|
|
16
|
+
};
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
18
|
+
title: undefined;
|
|
19
|
+
noClose: boolean;
|
|
20
|
+
width: string;
|
|
21
|
+
maxWidth: string;
|
|
22
|
+
maxHeight: string;
|
|
23
|
+
scrollable: boolean;
|
|
24
|
+
persistent: boolean;
|
|
25
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
33
26
|
close: (...args: any[]) => void;
|
|
34
27
|
open: (...args: any[]) => void;
|
|
35
28
|
"update:model-value": (...args: any[]) => void;
|
|
36
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
default: boolean;
|
|
46
|
-
};
|
|
47
|
-
/** Modal's width */
|
|
48
|
-
width: {
|
|
49
|
-
type: StringConstructor;
|
|
50
|
-
default: string;
|
|
51
|
-
};
|
|
52
|
-
/** Modal's max-width */
|
|
53
|
-
maxWidth: {
|
|
54
|
-
type: StringConstructor;
|
|
55
|
-
default: string;
|
|
56
|
-
};
|
|
57
|
-
/** Modal's max-height */
|
|
58
|
-
maxHeight: {
|
|
59
|
-
type: StringConstructor;
|
|
60
|
-
default: string;
|
|
61
|
-
};
|
|
62
|
-
/** Modal's content becomes scrollable - warning: a overflow is applied */
|
|
63
|
-
scrollable: {
|
|
64
|
-
type: BooleanConstructor;
|
|
65
|
-
default: boolean;
|
|
66
|
-
};
|
|
67
|
-
}>> & {
|
|
29
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
30
|
+
title: undefined;
|
|
31
|
+
noClose: boolean;
|
|
32
|
+
width: string;
|
|
33
|
+
maxWidth: string;
|
|
34
|
+
maxHeight: string;
|
|
35
|
+
scrollable: boolean;
|
|
36
|
+
persistent: boolean;
|
|
37
|
+
}>>> & {
|
|
68
38
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
69
39
|
onOpen?: ((...args: any[]) => any) | undefined;
|
|
70
40
|
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
|
71
41
|
}, {
|
|
72
42
|
title: string;
|
|
43
|
+
persistent: boolean;
|
|
73
44
|
width: string;
|
|
74
45
|
noClose: boolean;
|
|
75
46
|
maxWidth: string;
|
|
@@ -88,8 +59,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
88
59
|
}): any;
|
|
89
60
|
}>;
|
|
90
61
|
export default _default;
|
|
62
|
+
type __VLS_WithDefaults<P, D> = {
|
|
63
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
64
|
+
default: D[K];
|
|
65
|
+
}> : P[K];
|
|
66
|
+
};
|
|
67
|
+
type __VLS_Prettify<T> = {
|
|
68
|
+
[K in keyof T]: T[K];
|
|
69
|
+
} & {};
|
|
91
70
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
92
71
|
new (): {
|
|
93
72
|
$slots: S;
|
|
94
73
|
};
|
|
95
74
|
};
|
|
75
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
76
|
+
type __VLS_TypePropsToOption<T> = {
|
|
77
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
78
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
79
|
+
} : {
|
|
80
|
+
type: import('vue').PropType<T[K]>;
|
|
81
|
+
required: true;
|
|
82
|
+
};
|
|
83
|
+
};
|
package/components/MazDialog.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html.--backdrop-present{overflow-y:hidden;height:100vh!important}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0;left:0;right:0}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-dialog[data-v-
|
|
1
|
+
html.--backdrop-present{overflow-y:hidden;height:100vh!important}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0;left:0;right:0}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-dialog[data-v-6ded3568]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform-origin:center;transform-origin:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text)}:is([class~=dark] .m-dialog[data-v-6ded3568]){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-dialog-header[data-v-6ded3568]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:1.5rem;padding-right:.5rem;padding-top:.5rem}.m-dialog-header.--has-title[data-v-6ded3568]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-dialog-footer[data-v-6ded3568]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1rem}.m-dialog-content[data-v-6ded3568]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding:1.5rem}.m-dialog-content-icon[data-v-6ded3568]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.m-dialog.--scrollable .m-dialog-content[data-v-6ded3568]{overflow:auto}.m-dialog-closebtn[data-v-6ded3568]{padding:.5rem!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html.--backdrop-present{overflow-y:hidden;height:100vh!important}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0;left:0;right:0}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-dialog[data-v-
|
|
1
|
+
html.--backdrop-present{overflow-y:hidden;height:100vh!important}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0;left:0;right:0}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-dialog[data-v-6ded3568]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform-origin:center;transform-origin:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text)}:is([class~=dark] .m-dialog[data-v-6ded3568]){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-dialog-header[data-v-6ded3568]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:1.5rem;padding-right:.5rem;padding-top:.5rem}.m-dialog-header.--has-title[data-v-6ded3568]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-dialog-footer[data-v-6ded3568]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1rem}.m-dialog-content[data-v-6ded3568]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding:1.5rem}.m-dialog-content-icon[data-v-6ded3568]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.m-dialog.--scrollable .m-dialog-content[data-v-6ded3568]{overflow:auto}.m-dialog-closebtn[data-v-6ded3568]{padding:.5rem!important}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../assets/MazBtn.css";
|
|
2
2
|
import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as S, onBeforeMount as w, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as A, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
|
|
3
|
-
import { _ as D } from "./MazDialogPromise-
|
|
3
|
+
import { _ as D } from "./MazDialogPromise-r1kerrgl.mjs";
|
|
4
4
|
const P = /* @__PURE__ */ E({
|
|
5
5
|
__name: "MazBtn",
|
|
6
6
|
props: {
|
|
@@ -26,7 +26,7 @@ const P = /* @__PURE__ */ E({
|
|
|
26
26
|
contentClass: { default: void 0 }
|
|
27
27
|
},
|
|
28
28
|
setup(g) {
|
|
29
|
-
const B = h(() => import("./MazSpinner-
|
|
29
|
+
const B = h(() => import("./MazSpinner-DK6REgwQ.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: I } = R(), p = S(), e = g;
|
|
30
30
|
w(() => {
|
|
31
31
|
e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
32
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../assets/MazBtn.css";
|
|
2
2
|
import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as S, onBeforeMount as w, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as A, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
|
|
3
|
-
import { _ as D } from "./MazDialog
|
|
3
|
+
import { _ as D } from "./MazDialog--vjZyPR3.mjs";
|
|
4
4
|
const P = /* @__PURE__ */ E({
|
|
5
5
|
__name: "MazBtn",
|
|
6
6
|
props: {
|
|
@@ -26,7 +26,7 @@ const P = /* @__PURE__ */ E({
|
|
|
26
26
|
contentClass: { default: void 0 }
|
|
27
27
|
},
|
|
28
28
|
setup(g) {
|
|
29
|
-
const B = h(() => import("./MazSpinner-
|
|
29
|
+
const B = h(() => import("./MazSpinner-C6tjpIOP.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: I } = R(), p = S(), e = g;
|
|
30
30
|
w(() => {
|
|
31
31
|
e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
32
|
});
|
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
import "../assets/MazDialog.css";
|
|
2
|
+
import { defineComponent as V, ref as N, onMounted as S, watch as F, openBlock as d, createBlock as k, Teleport as O, createVNode as L, Transition as P, withCtx as y, createElementBlock as C, normalizeClass as g, createElementVNode as p, withModifiers as H, mergeProps as h, renderSlot as m, createCommentVNode as n, defineAsyncComponent as w, useAttrs as K, computed as z, createTextVNode as W, toDisplayString as I, unref as M } from "vue";
|
|
3
|
+
const T = "--backdrop-present", q = /* @__PURE__ */ V({
|
|
4
|
+
inheritAttrs: !1,
|
|
5
|
+
__name: "MazBackdrop",
|
|
6
|
+
props: {
|
|
7
|
+
modelValue: { type: Boolean, default: !1 },
|
|
8
|
+
teleportSelector: { default: "body" },
|
|
9
|
+
beforeClose: { type: Function, default: void 0 },
|
|
10
|
+
persistent: { type: Boolean, default: !1 },
|
|
11
|
+
noCloseOnEscKey: { type: Boolean, default: !1 },
|
|
12
|
+
transitionName: { default: "backdrop-anim" },
|
|
13
|
+
backdropClass: { default: void 0 },
|
|
14
|
+
backdropContentClass: { default: void 0 }
|
|
15
|
+
},
|
|
16
|
+
emits: ["open", "close", "update:model-value", "before-close"],
|
|
17
|
+
setup(r, { expose: c, emit: a }) {
|
|
18
|
+
const l = () => {
|
|
19
|
+
document.documentElement.classList.add(T);
|
|
20
|
+
}, u = async () => {
|
|
21
|
+
document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(T);
|
|
22
|
+
}, i = a, e = r, s = N(e.modelValue);
|
|
23
|
+
function o() {
|
|
24
|
+
E(!1);
|
|
25
|
+
}
|
|
26
|
+
async function E(t) {
|
|
27
|
+
var b;
|
|
28
|
+
t || (i("before-close"), await ((b = e.beforeClose) == null ? void 0 : b.call(e))), s.value = t;
|
|
29
|
+
}
|
|
30
|
+
function B() {
|
|
31
|
+
i("open");
|
|
32
|
+
}
|
|
33
|
+
function A() {
|
|
34
|
+
i("update:model-value", !1), i("close"), v();
|
|
35
|
+
}
|
|
36
|
+
function $() {
|
|
37
|
+
e.persistent || o();
|
|
38
|
+
}
|
|
39
|
+
function f(t) {
|
|
40
|
+
!e.noCloseOnEscKey && t.key === "Escape" && !e.persistent && o();
|
|
41
|
+
}
|
|
42
|
+
function D() {
|
|
43
|
+
l(), document.addEventListener("keyup", f, !1);
|
|
44
|
+
}
|
|
45
|
+
function v() {
|
|
46
|
+
document.removeEventListener("keyup", f), u();
|
|
47
|
+
}
|
|
48
|
+
return S(() => {
|
|
49
|
+
e.modelValue ? D() : v();
|
|
50
|
+
}), F(
|
|
51
|
+
() => e.modelValue,
|
|
52
|
+
(t) => {
|
|
53
|
+
s.value = t, t ? D() : v();
|
|
54
|
+
}
|
|
55
|
+
), c({
|
|
56
|
+
onBackdropAnimationEnter: B,
|
|
57
|
+
onBackdropAnimationLeave: A,
|
|
58
|
+
onBackdropClicked: $,
|
|
59
|
+
close: o,
|
|
60
|
+
present: s,
|
|
61
|
+
toggleModal: E,
|
|
62
|
+
onKeyPress: f
|
|
63
|
+
}), (t, b) => (d(), k(O, { to: t.teleportSelector }, [
|
|
64
|
+
L(P, {
|
|
65
|
+
appear: "",
|
|
66
|
+
name: t.transitionName,
|
|
67
|
+
onAfterEnter: B,
|
|
68
|
+
onAfterLeave: A
|
|
69
|
+
}, {
|
|
70
|
+
default: y(() => [
|
|
71
|
+
s.value ? (d(), C(
|
|
72
|
+
"div",
|
|
73
|
+
{
|
|
74
|
+
key: 0,
|
|
75
|
+
class: g(["m-backdrop --present", [t.backdropClass]]),
|
|
76
|
+
tabindex: "-1",
|
|
77
|
+
role: "dialog"
|
|
78
|
+
},
|
|
79
|
+
[
|
|
80
|
+
p(
|
|
81
|
+
"button",
|
|
82
|
+
{
|
|
83
|
+
class: g(["m-backdrop-overlay", { "--disabled": t.persistent }]),
|
|
84
|
+
tabindex: "-1",
|
|
85
|
+
onClick: H($, ["self"])
|
|
86
|
+
},
|
|
87
|
+
null,
|
|
88
|
+
2
|
|
89
|
+
/* CLASS */
|
|
90
|
+
),
|
|
91
|
+
p(
|
|
92
|
+
"div",
|
|
93
|
+
h({
|
|
94
|
+
class: ["m-backdrop-content", t.backdropContentClass]
|
|
95
|
+
}, t.$attrs, {
|
|
96
|
+
role: "document",
|
|
97
|
+
tabindex: "0"
|
|
98
|
+
}),
|
|
99
|
+
[
|
|
100
|
+
m(t.$slots, "default", { close: o })
|
|
101
|
+
],
|
|
102
|
+
16
|
|
103
|
+
/* FULL_PROPS */
|
|
104
|
+
)
|
|
105
|
+
],
|
|
106
|
+
2
|
|
107
|
+
/* CLASS */
|
|
108
|
+
)) : n("v-if", !0)
|
|
109
|
+
]),
|
|
110
|
+
_: 3
|
|
111
|
+
/* FORWARDED */
|
|
112
|
+
}, 8, ["name"])
|
|
113
|
+
], 8, ["to"]));
|
|
114
|
+
}
|
|
115
|
+
}), U = {
|
|
116
|
+
key: 0,
|
|
117
|
+
id: "dialogTitle",
|
|
118
|
+
class: "maz-my-0 maz-text-xl maz-font-semibold"
|
|
119
|
+
}, X = {
|
|
120
|
+
id: "dialogDesc",
|
|
121
|
+
class: "m-dialog-content"
|
|
122
|
+
}, j = {
|
|
123
|
+
key: 0,
|
|
124
|
+
class: "m-dialog-footer"
|
|
125
|
+
}, G = /* @__PURE__ */ V({
|
|
126
|
+
__name: "MazDialog",
|
|
127
|
+
props: {
|
|
128
|
+
title: { default: void 0 },
|
|
129
|
+
noClose: { type: Boolean, default: !1 },
|
|
130
|
+
width: { default: "500px" },
|
|
131
|
+
maxWidth: { default: "95vw" },
|
|
132
|
+
maxHeight: { default: "95vh" },
|
|
133
|
+
scrollable: { type: Boolean, default: !1 },
|
|
134
|
+
persistent: { type: Boolean, default: !1 }
|
|
135
|
+
},
|
|
136
|
+
emits: [
|
|
137
|
+
/** Model binding */
|
|
138
|
+
"update:model-value",
|
|
139
|
+
/** Emitted when dialog is closed (after animation) */
|
|
140
|
+
"close",
|
|
141
|
+
/** Emitted when dialog is opened (after animation) */
|
|
142
|
+
"open"
|
|
143
|
+
],
|
|
144
|
+
setup(r) {
|
|
145
|
+
const c = w(() => import("./MazBtn-CX2X5Bw4.mjs")), a = w(() => import("./x-mark-BP8zWe_C.mjs")), l = K(), u = z(() => ({
|
|
146
|
+
...l,
|
|
147
|
+
class: void 0,
|
|
148
|
+
style: void 0
|
|
149
|
+
})), i = z(() => ({
|
|
150
|
+
class: l.class,
|
|
151
|
+
style: l.style
|
|
152
|
+
}));
|
|
153
|
+
return (e, s) => (d(), k(q, h(u.value, {
|
|
154
|
+
persistent: e.persistent,
|
|
155
|
+
"transition-name": "modal-anim",
|
|
156
|
+
"aria-labelledby": "dialogTitle",
|
|
157
|
+
"aria-describedby": "dialogDesc",
|
|
158
|
+
onClose: s[0] || (s[0] = (o) => e.$emit("close", o)),
|
|
159
|
+
onOpen: s[1] || (s[1] = (o) => e.$emit("open", o)),
|
|
160
|
+
"onUpdate:modelValue": s[2] || (s[2] = (o) => e.$emit("update:model-value", o))
|
|
161
|
+
}), {
|
|
162
|
+
default: y(({ close: o }) => [
|
|
163
|
+
p(
|
|
164
|
+
"div",
|
|
165
|
+
h({
|
|
166
|
+
class: ["m-dialog", { "--scrollable": e.scrollable }],
|
|
167
|
+
role: "dialog",
|
|
168
|
+
"aria-modal": "true",
|
|
169
|
+
style: [{ width: e.width, maxWidth: e.maxWidth, maxHeight: e.maxHeight }]
|
|
170
|
+
}, i.value),
|
|
171
|
+
[
|
|
172
|
+
n(`
|
|
173
|
+
@slot Header slot
|
|
174
|
+
@binding {Function} close close function
|
|
175
|
+
`),
|
|
176
|
+
m(e.$slots, "header", { close: o }, () => [
|
|
177
|
+
p(
|
|
178
|
+
"div",
|
|
179
|
+
{
|
|
180
|
+
class: g(["m-dialog-header", { "--has-title": e.$slots.title || e.title }])
|
|
181
|
+
},
|
|
182
|
+
[
|
|
183
|
+
e.$slots.title || e.title ? (d(), C("h2", U, [
|
|
184
|
+
n(`
|
|
185
|
+
@slot Title slot in the header
|
|
186
|
+
`),
|
|
187
|
+
m(e.$slots, "title", {}, () => [
|
|
188
|
+
W(
|
|
189
|
+
I(e.title),
|
|
190
|
+
1
|
|
191
|
+
/* TEXT */
|
|
192
|
+
)
|
|
193
|
+
], !0)
|
|
194
|
+
])) : n("v-if", !0),
|
|
195
|
+
!e.noClose && !e.persistent ? (d(), k(M(c), {
|
|
196
|
+
key: 1,
|
|
197
|
+
class: "m-dialog-closebtn",
|
|
198
|
+
color: "transparent",
|
|
199
|
+
onClick: o
|
|
200
|
+
}, {
|
|
201
|
+
default: y(() => [
|
|
202
|
+
L(M(a), { class: "maz-text-lg" })
|
|
203
|
+
]),
|
|
204
|
+
_: 2
|
|
205
|
+
/* DYNAMIC */
|
|
206
|
+
}, 1032, ["onClick"])) : n("v-if", !0)
|
|
207
|
+
],
|
|
208
|
+
2
|
|
209
|
+
/* CLASS */
|
|
210
|
+
)
|
|
211
|
+
], !0),
|
|
212
|
+
p("div", X, [
|
|
213
|
+
n(`
|
|
214
|
+
@slot Default content
|
|
215
|
+
@binding {Function} close close function
|
|
216
|
+
`),
|
|
217
|
+
m(e.$slots, "default", { close: o }, void 0, !0)
|
|
218
|
+
]),
|
|
219
|
+
e.$slots.footer ? (d(), C("div", j, [
|
|
220
|
+
n(`
|
|
221
|
+
@slot Footer slot
|
|
222
|
+
@binding {Function} close close function
|
|
223
|
+
`),
|
|
224
|
+
m(e.$slots, "footer", { close: o }, void 0, !0)
|
|
225
|
+
])) : n("v-if", !0)
|
|
226
|
+
],
|
|
227
|
+
16
|
|
228
|
+
/* FULL_PROPS */
|
|
229
|
+
)
|
|
230
|
+
]),
|
|
231
|
+
_: 3
|
|
232
|
+
/* FORWARDED */
|
|
233
|
+
}, 16, ["persistent"]));
|
|
234
|
+
}
|
|
235
|
+
}), J = (r, c) => {
|
|
236
|
+
const a = r.__vccOpts || r;
|
|
237
|
+
for (const [l, u] of c)
|
|
238
|
+
a[l] = u;
|
|
239
|
+
return a;
|
|
240
|
+
}, Y = /* @__PURE__ */ J(G, [["__scopeId", "data-v-6ded3568"]]);
|
|
241
|
+
export {
|
|
242
|
+
Y as M,
|
|
243
|
+
J as _
|
|
244
|
+
};
|