@muenchen/muc-patternlab-vue 5.5.0-beta.1 → 5.5.0-beta.10
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/assets/icons/custom-icons.svg +2 -0
- package/components/Form/MucCheckboxGroup.stories.d.ts +67 -0
- package/components/Form/MucCheckboxGroup.vue.d.ts +4 -0
- package/components/Modal/MucModal.stories.d.ts +300 -0
- package/components/Modal/MucModal.vue.d.ts +69 -0
- package/components/Modal/index.d.ts +2 -0
- package/components/index.d.ts +2 -1
- package/muc-patternlab-vue.css +1 -1
- package/muc-patternlab-vue.es.js +1814 -1701
- package/package.json +16 -16
|
@@ -10,4 +10,6 @@
|
|
|
10
10
|
<symbol viewBox="0 0 24 24" id="icon-user-fill"><path d="M19.6638 17.891L17.6639 14.891C17.3003 14.3508 16.691 14.0002 16 14.0002H8.00008C7.30888 14.0004 6.69976 14.351 6.34072 14.8841L6.33616 14.8913L4.33624 17.8913C4.12552 18.2033 4 18.5875 4 19.0013C4 19.3466 4.0876 19.6714 4.24144 19.9548L4.23616 19.9442C4.58032 20.5776 5.24056 21.0002 5.99944 21.0002H18.0004C18.7593 21.0002 19.4193 20.5776 19.7582 19.9548L19.7634 19.9442C19.9125 19.6711 20.0001 19.3459 20.0001 19.0003C20.0001 18.587 19.8746 18.2028 19.6598 17.8841L19.6643 17.8913L19.6638 17.891Z"/><path d="M11.9999 12C14.4851 12 16.4999 9.9852 16.4999 7.5C16.4999 5.0148 14.4851 3 11.9999 3C9.51472 3 7.49992 5.0148 7.49992 7.5C7.49992 9.9852 9.51472 12 11.9999 12Z"/></symbol>
|
|
11
11
|
<symbol viewBox="0 0 24 29" id="icon-checklist"><path d="M10.511 22.1856L18.2806 14.4034L16.6188 12.7416L10.5187 18.8416L7.27766 15.6005L5.6081 17.2701L10.511 22.1856ZM3.74386 28.361C2.93409 28.361 2.24194 28.0737 1.66743 27.4992C1.09292 26.9247 0.805664 26.2325 0.805664 25.4228V3.57735C0.805664 2.76413 1.09292 2.06903 1.66743 1.49205C2.24194 0.915075 2.93409 0.626587 3.74386 0.626587H15.3593L23.2067 8.47395V25.4228C23.2067 26.2325 22.9182 26.9247 22.3412 27.4992C21.7643 28.0737 21.0692 28.361 20.2559 28.361H3.74386ZM13.8337 9.93289V3.57735H3.74386V25.4228H20.2559V9.93289H13.8337Z"/></symbol>
|
|
12
12
|
<symbol viewBox="0 0 24 24" id="icon-order-bool-ascending"><path d="M4 13C2.89 13 2 13.89 2 15V19C2 20.11 2.89 21 4 21H8C9.11 21 10 20.11 10 19V15C10 13.89 9.11 13 8 13M8.2 14.5L9.26 15.55L5.27 19.5L2.74 16.95L3.81 15.9L5.28 17.39M4 3C2.89 3 2 3.89 2 5V9C2 10.11 2.89 11 4 11H8C9.11 11 10 10.11 10 9V5C10 3.89 9.11 3 8 3M4 5H8V9H4M12 5H22V7H12M12 19V17H22V19M12 11H22V13H12Z" /></symbol>
|
|
13
|
+
<symbol viewBox="0 -960 960 960" id="icon-drag-vertical"><path d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z"/></symbol>
|
|
14
|
+
<symbol viewBox="0 0 24 24" id="icon-arrow-up-down"><path d="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z" /></symbol>
|
|
13
15
|
</svg>
|
|
@@ -3,6 +3,7 @@ declare const _default: {
|
|
|
3
3
|
MucCheckboxGroup: {
|
|
4
4
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
5
5
|
heading?: string;
|
|
6
|
+
errorMsg?: string;
|
|
6
7
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
7
8
|
P: {};
|
|
8
9
|
B: {};
|
|
@@ -12,12 +13,14 @@ declare const _default: {
|
|
|
12
13
|
Defaults: {};
|
|
13
14
|
}, Readonly<{
|
|
14
15
|
heading?: string;
|
|
16
|
+
errorMsg?: string;
|
|
15
17
|
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
16
18
|
__isFragment?: never;
|
|
17
19
|
__isTeleport?: never;
|
|
18
20
|
__isSuspense?: never;
|
|
19
21
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
20
22
|
heading?: string;
|
|
23
|
+
errorMsg?: string;
|
|
21
24
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
22
25
|
$slots: Readonly<{
|
|
23
26
|
checkboxes: unknown;
|
|
@@ -51,6 +54,7 @@ declare const _default: {
|
|
|
51
54
|
component: {
|
|
52
55
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
53
56
|
heading?: string;
|
|
57
|
+
errorMsg?: string;
|
|
54
58
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
55
59
|
P: {};
|
|
56
60
|
B: {};
|
|
@@ -60,12 +64,14 @@ declare const _default: {
|
|
|
60
64
|
Defaults: {};
|
|
61
65
|
}, Readonly<{
|
|
62
66
|
heading?: string;
|
|
67
|
+
errorMsg?: string;
|
|
63
68
|
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
64
69
|
__isFragment?: never;
|
|
65
70
|
__isTeleport?: never;
|
|
66
71
|
__isSuspense?: never;
|
|
67
72
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
68
73
|
heading?: string;
|
|
74
|
+
errorMsg?: string;
|
|
69
75
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
70
76
|
$slots: Readonly<{
|
|
71
77
|
checkboxes: unknown;
|
|
@@ -111,6 +117,7 @@ export declare const NotCollapsable: () => {
|
|
|
111
117
|
MucCheckboxGroup: {
|
|
112
118
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
113
119
|
heading?: string;
|
|
120
|
+
errorMsg?: string;
|
|
114
121
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
115
122
|
P: {};
|
|
116
123
|
B: {};
|
|
@@ -120,12 +127,14 @@ export declare const NotCollapsable: () => {
|
|
|
120
127
|
Defaults: {};
|
|
121
128
|
}, Readonly<{
|
|
122
129
|
heading?: string;
|
|
130
|
+
errorMsg?: string;
|
|
123
131
|
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
124
132
|
__isFragment?: never;
|
|
125
133
|
__isTeleport?: never;
|
|
126
134
|
__isSuspense?: never;
|
|
127
135
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
128
136
|
heading?: string;
|
|
137
|
+
errorMsg?: string;
|
|
129
138
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
130
139
|
$slots: Readonly<{
|
|
131
140
|
checkboxes: unknown;
|
|
@@ -163,6 +172,7 @@ export declare const Collapsable: () => {
|
|
|
163
172
|
MucCheckboxGroup: {
|
|
164
173
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
165
174
|
heading?: string;
|
|
175
|
+
errorMsg?: string;
|
|
166
176
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
167
177
|
P: {};
|
|
168
178
|
B: {};
|
|
@@ -172,12 +182,69 @@ export declare const Collapsable: () => {
|
|
|
172
182
|
Defaults: {};
|
|
173
183
|
}, Readonly<{
|
|
174
184
|
heading?: string;
|
|
185
|
+
errorMsg?: string;
|
|
175
186
|
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
176
187
|
__isFragment?: never;
|
|
177
188
|
__isTeleport?: never;
|
|
178
189
|
__isSuspense?: never;
|
|
179
190
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
180
191
|
heading?: string;
|
|
192
|
+
errorMsg?: string;
|
|
193
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
194
|
+
$slots: Readonly<{
|
|
195
|
+
checkboxes: unknown;
|
|
196
|
+
collapsableCheckboxes: unknown;
|
|
197
|
+
}> & {
|
|
198
|
+
checkboxes: unknown;
|
|
199
|
+
collapsableCheckboxes: unknown;
|
|
200
|
+
};
|
|
201
|
+
});
|
|
202
|
+
};
|
|
203
|
+
template: string;
|
|
204
|
+
};
|
|
205
|
+
export declare const Error: () => {
|
|
206
|
+
components: {
|
|
207
|
+
MucCheckbox: import('vue').DefineComponent<{
|
|
208
|
+
modelValue?: boolean;
|
|
209
|
+
} & {
|
|
210
|
+
id: string;
|
|
211
|
+
label: string;
|
|
212
|
+
hint?: string;
|
|
213
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
214
|
+
"update:modelValue": (value: boolean) => any;
|
|
215
|
+
} & {
|
|
216
|
+
click: () => any;
|
|
217
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
218
|
+
modelValue?: boolean;
|
|
219
|
+
} & {
|
|
220
|
+
id: string;
|
|
221
|
+
label: string;
|
|
222
|
+
hint?: string;
|
|
223
|
+
}> & Readonly<{
|
|
224
|
+
onClick?: (() => any) | undefined;
|
|
225
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
226
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
227
|
+
MucCheckboxGroup: {
|
|
228
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
229
|
+
heading?: string;
|
|
230
|
+
errorMsg?: string;
|
|
231
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
232
|
+
P: {};
|
|
233
|
+
B: {};
|
|
234
|
+
D: {};
|
|
235
|
+
C: {};
|
|
236
|
+
M: {};
|
|
237
|
+
Defaults: {};
|
|
238
|
+
}, Readonly<{
|
|
239
|
+
heading?: string;
|
|
240
|
+
errorMsg?: string;
|
|
241
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
242
|
+
__isFragment?: never;
|
|
243
|
+
__isTeleport?: never;
|
|
244
|
+
__isSuspense?: never;
|
|
245
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
246
|
+
heading?: string;
|
|
247
|
+
errorMsg?: string;
|
|
181
248
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
182
249
|
$slots: Readonly<{
|
|
183
250
|
checkboxes: unknown;
|
|
@@ -0,0 +1,300 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
component: {
|
|
3
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
4
|
+
open: {
|
|
5
|
+
type: BooleanConstructor;
|
|
6
|
+
default: boolean;
|
|
7
|
+
};
|
|
8
|
+
}>> & Readonly<{
|
|
9
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
11
|
+
close: (...args: any[]) => void;
|
|
12
|
+
}, import('vue').PublicProps, {
|
|
13
|
+
open: boolean;
|
|
14
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
15
|
+
dialogRef: HTMLDialogElement;
|
|
16
|
+
}, HTMLDialogElement, import('vue').ComponentProvideOptions, {
|
|
17
|
+
P: {};
|
|
18
|
+
B: {};
|
|
19
|
+
D: {};
|
|
20
|
+
C: {};
|
|
21
|
+
M: {};
|
|
22
|
+
Defaults: {};
|
|
23
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
24
|
+
open: {
|
|
25
|
+
type: BooleanConstructor;
|
|
26
|
+
default: boolean;
|
|
27
|
+
};
|
|
28
|
+
}>> & Readonly<{
|
|
29
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
30
|
+
}>, {}, {}, {}, {}, {
|
|
31
|
+
open: boolean;
|
|
32
|
+
}>;
|
|
33
|
+
__isFragment?: never;
|
|
34
|
+
__isTeleport?: never;
|
|
35
|
+
__isSuspense?: never;
|
|
36
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
37
|
+
open: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
}>> & Readonly<{
|
|
42
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
43
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
44
|
+
close: (...args: any[]) => void;
|
|
45
|
+
}, string, {
|
|
46
|
+
open: boolean;
|
|
47
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
48
|
+
$slots: Readonly<{
|
|
49
|
+
title(): unknown;
|
|
50
|
+
body(): unknown;
|
|
51
|
+
buttons(): unknown;
|
|
52
|
+
actions(): unknown;
|
|
53
|
+
}> & {
|
|
54
|
+
title(): unknown;
|
|
55
|
+
body(): unknown;
|
|
56
|
+
buttons(): unknown;
|
|
57
|
+
actions(): unknown;
|
|
58
|
+
};
|
|
59
|
+
});
|
|
60
|
+
title: string;
|
|
61
|
+
tags: string[];
|
|
62
|
+
parameters: {
|
|
63
|
+
docs: {
|
|
64
|
+
description: {
|
|
65
|
+
component: string;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
export default _default;
|
|
71
|
+
export declare const Default: (args: any) => {
|
|
72
|
+
components: {
|
|
73
|
+
MucModal: {
|
|
74
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
75
|
+
open: {
|
|
76
|
+
type: BooleanConstructor;
|
|
77
|
+
default: boolean;
|
|
78
|
+
};
|
|
79
|
+
}>> & Readonly<{
|
|
80
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
81
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
82
|
+
close: (...args: any[]) => void;
|
|
83
|
+
}, import('vue').PublicProps, {
|
|
84
|
+
open: boolean;
|
|
85
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
86
|
+
dialogRef: HTMLDialogElement;
|
|
87
|
+
}, HTMLDialogElement, import('vue').ComponentProvideOptions, {
|
|
88
|
+
P: {};
|
|
89
|
+
B: {};
|
|
90
|
+
D: {};
|
|
91
|
+
C: {};
|
|
92
|
+
M: {};
|
|
93
|
+
Defaults: {};
|
|
94
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
95
|
+
open: {
|
|
96
|
+
type: BooleanConstructor;
|
|
97
|
+
default: boolean;
|
|
98
|
+
};
|
|
99
|
+
}>> & Readonly<{
|
|
100
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
101
|
+
}>, {}, {}, {}, {}, {
|
|
102
|
+
open: boolean;
|
|
103
|
+
}>;
|
|
104
|
+
__isFragment?: never;
|
|
105
|
+
__isTeleport?: never;
|
|
106
|
+
__isSuspense?: never;
|
|
107
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
108
|
+
open: {
|
|
109
|
+
type: BooleanConstructor;
|
|
110
|
+
default: boolean;
|
|
111
|
+
};
|
|
112
|
+
}>> & Readonly<{
|
|
113
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
114
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
115
|
+
close: (...args: any[]) => void;
|
|
116
|
+
}, string, {
|
|
117
|
+
open: boolean;
|
|
118
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
119
|
+
$slots: Readonly<{
|
|
120
|
+
title(): unknown;
|
|
121
|
+
body(): unknown;
|
|
122
|
+
buttons(): unknown;
|
|
123
|
+
actions(): unknown;
|
|
124
|
+
}> & {
|
|
125
|
+
title(): unknown;
|
|
126
|
+
body(): unknown;
|
|
127
|
+
buttons(): unknown;
|
|
128
|
+
actions(): unknown;
|
|
129
|
+
};
|
|
130
|
+
});
|
|
131
|
+
MucButton: {
|
|
132
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
133
|
+
variant?: "icon" | "primary" | "secondary" | "ghost";
|
|
134
|
+
disabled?: boolean;
|
|
135
|
+
icon?: string;
|
|
136
|
+
iconAnimated?: boolean;
|
|
137
|
+
iconShownLeft?: boolean;
|
|
138
|
+
}> & Readonly<{
|
|
139
|
+
onClick?: (() => any) | undefined;
|
|
140
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
141
|
+
click: () => any;
|
|
142
|
+
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
|
|
143
|
+
P: {};
|
|
144
|
+
B: {};
|
|
145
|
+
D: {};
|
|
146
|
+
C: {};
|
|
147
|
+
M: {};
|
|
148
|
+
Defaults: {};
|
|
149
|
+
}, Readonly<{
|
|
150
|
+
variant?: "icon" | "primary" | "secondary" | "ghost";
|
|
151
|
+
disabled?: boolean;
|
|
152
|
+
icon?: string;
|
|
153
|
+
iconAnimated?: boolean;
|
|
154
|
+
iconShownLeft?: boolean;
|
|
155
|
+
}> & Readonly<{
|
|
156
|
+
onClick?: (() => any) | undefined;
|
|
157
|
+
}>, {}, {}, {}, {}, {}>;
|
|
158
|
+
__isFragment?: never;
|
|
159
|
+
__isTeleport?: never;
|
|
160
|
+
__isSuspense?: never;
|
|
161
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
162
|
+
variant?: "icon" | "primary" | "secondary" | "ghost";
|
|
163
|
+
disabled?: boolean;
|
|
164
|
+
icon?: string;
|
|
165
|
+
iconAnimated?: boolean;
|
|
166
|
+
iconShownLeft?: boolean;
|
|
167
|
+
}> & Readonly<{
|
|
168
|
+
onClick?: (() => any) | undefined;
|
|
169
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
170
|
+
click: () => any;
|
|
171
|
+
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
172
|
+
$slots: Readonly<{
|
|
173
|
+
default(): unknown;
|
|
174
|
+
}> & {
|
|
175
|
+
default(): unknown;
|
|
176
|
+
};
|
|
177
|
+
});
|
|
178
|
+
};
|
|
179
|
+
setup(): {
|
|
180
|
+
args: any;
|
|
181
|
+
openState: import('vue').Ref<any, any>;
|
|
182
|
+
closeDialog: () => boolean;
|
|
183
|
+
};
|
|
184
|
+
template: string;
|
|
185
|
+
};
|
|
186
|
+
export declare const Minimal: (args: any) => {
|
|
187
|
+
components: {
|
|
188
|
+
MucModal: {
|
|
189
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
190
|
+
open: {
|
|
191
|
+
type: BooleanConstructor;
|
|
192
|
+
default: boolean;
|
|
193
|
+
};
|
|
194
|
+
}>> & Readonly<{
|
|
195
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
196
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
197
|
+
close: (...args: any[]) => void;
|
|
198
|
+
}, import('vue').PublicProps, {
|
|
199
|
+
open: boolean;
|
|
200
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
201
|
+
dialogRef: HTMLDialogElement;
|
|
202
|
+
}, HTMLDialogElement, import('vue').ComponentProvideOptions, {
|
|
203
|
+
P: {};
|
|
204
|
+
B: {};
|
|
205
|
+
D: {};
|
|
206
|
+
C: {};
|
|
207
|
+
M: {};
|
|
208
|
+
Defaults: {};
|
|
209
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
210
|
+
open: {
|
|
211
|
+
type: BooleanConstructor;
|
|
212
|
+
default: boolean;
|
|
213
|
+
};
|
|
214
|
+
}>> & Readonly<{
|
|
215
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
216
|
+
}>, {}, {}, {}, {}, {
|
|
217
|
+
open: boolean;
|
|
218
|
+
}>;
|
|
219
|
+
__isFragment?: never;
|
|
220
|
+
__isTeleport?: never;
|
|
221
|
+
__isSuspense?: never;
|
|
222
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
223
|
+
open: {
|
|
224
|
+
type: BooleanConstructor;
|
|
225
|
+
default: boolean;
|
|
226
|
+
};
|
|
227
|
+
}>> & Readonly<{
|
|
228
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
229
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
230
|
+
close: (...args: any[]) => void;
|
|
231
|
+
}, string, {
|
|
232
|
+
open: boolean;
|
|
233
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
234
|
+
$slots: Readonly<{
|
|
235
|
+
title(): unknown;
|
|
236
|
+
body(): unknown;
|
|
237
|
+
buttons(): unknown;
|
|
238
|
+
actions(): unknown;
|
|
239
|
+
}> & {
|
|
240
|
+
title(): unknown;
|
|
241
|
+
body(): unknown;
|
|
242
|
+
buttons(): unknown;
|
|
243
|
+
actions(): unknown;
|
|
244
|
+
};
|
|
245
|
+
});
|
|
246
|
+
MucButton: {
|
|
247
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
248
|
+
variant?: "icon" | "primary" | "secondary" | "ghost";
|
|
249
|
+
disabled?: boolean;
|
|
250
|
+
icon?: string;
|
|
251
|
+
iconAnimated?: boolean;
|
|
252
|
+
iconShownLeft?: boolean;
|
|
253
|
+
}> & Readonly<{
|
|
254
|
+
onClick?: (() => any) | undefined;
|
|
255
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
256
|
+
click: () => any;
|
|
257
|
+
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
|
|
258
|
+
P: {};
|
|
259
|
+
B: {};
|
|
260
|
+
D: {};
|
|
261
|
+
C: {};
|
|
262
|
+
M: {};
|
|
263
|
+
Defaults: {};
|
|
264
|
+
}, Readonly<{
|
|
265
|
+
variant?: "icon" | "primary" | "secondary" | "ghost";
|
|
266
|
+
disabled?: boolean;
|
|
267
|
+
icon?: string;
|
|
268
|
+
iconAnimated?: boolean;
|
|
269
|
+
iconShownLeft?: boolean;
|
|
270
|
+
}> & Readonly<{
|
|
271
|
+
onClick?: (() => any) | undefined;
|
|
272
|
+
}>, {}, {}, {}, {}, {}>;
|
|
273
|
+
__isFragment?: never;
|
|
274
|
+
__isTeleport?: never;
|
|
275
|
+
__isSuspense?: never;
|
|
276
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
277
|
+
variant?: "icon" | "primary" | "secondary" | "ghost";
|
|
278
|
+
disabled?: boolean;
|
|
279
|
+
icon?: string;
|
|
280
|
+
iconAnimated?: boolean;
|
|
281
|
+
iconShownLeft?: boolean;
|
|
282
|
+
}> & Readonly<{
|
|
283
|
+
onClick?: (() => any) | undefined;
|
|
284
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
285
|
+
click: () => any;
|
|
286
|
+
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
287
|
+
$slots: Readonly<{
|
|
288
|
+
default(): unknown;
|
|
289
|
+
}> & {
|
|
290
|
+
default(): unknown;
|
|
291
|
+
};
|
|
292
|
+
});
|
|
293
|
+
};
|
|
294
|
+
setup(): {
|
|
295
|
+
args: any;
|
|
296
|
+
openState: import('vue').Ref<any, any>;
|
|
297
|
+
closeDialog: () => boolean;
|
|
298
|
+
};
|
|
299
|
+
template: string;
|
|
300
|
+
};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
|
+
attrs: Partial<{}>;
|
|
3
|
+
slots: Readonly<{
|
|
4
|
+
/**
|
|
5
|
+
* Title slot of the Dialog
|
|
6
|
+
*/
|
|
7
|
+
title(): unknown;
|
|
8
|
+
/**
|
|
9
|
+
* Inner body of the dialog.
|
|
10
|
+
*/
|
|
11
|
+
body(): unknown;
|
|
12
|
+
/**
|
|
13
|
+
* Row beneath the body to house muc-buttons.
|
|
14
|
+
*/
|
|
15
|
+
buttons(): unknown;
|
|
16
|
+
/**
|
|
17
|
+
* Lowest row in the modal, color seperated section to have actions for the user displayed.
|
|
18
|
+
*/
|
|
19
|
+
actions(): unknown;
|
|
20
|
+
}> & {
|
|
21
|
+
/**
|
|
22
|
+
* Title slot of the Dialog
|
|
23
|
+
*/
|
|
24
|
+
title(): unknown;
|
|
25
|
+
/**
|
|
26
|
+
* Inner body of the dialog.
|
|
27
|
+
*/
|
|
28
|
+
body(): unknown;
|
|
29
|
+
/**
|
|
30
|
+
* Row beneath the body to house muc-buttons.
|
|
31
|
+
*/
|
|
32
|
+
buttons(): unknown;
|
|
33
|
+
/**
|
|
34
|
+
* Lowest row in the modal, color seperated section to have actions for the user displayed.
|
|
35
|
+
*/
|
|
36
|
+
actions(): unknown;
|
|
37
|
+
};
|
|
38
|
+
refs: {
|
|
39
|
+
dialogRef: HTMLDialogElement;
|
|
40
|
+
};
|
|
41
|
+
rootEl: HTMLDialogElement;
|
|
42
|
+
};
|
|
43
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
44
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
45
|
+
open: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
49
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
50
|
+
close: (...args: any[]) => void;
|
|
51
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
52
|
+
open: {
|
|
53
|
+
type: BooleanConstructor;
|
|
54
|
+
default: boolean;
|
|
55
|
+
};
|
|
56
|
+
}>> & Readonly<{
|
|
57
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
58
|
+
}>, {
|
|
59
|
+
open: boolean;
|
|
60
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
61
|
+
dialogRef: HTMLDialogElement;
|
|
62
|
+
}, HTMLDialogElement>;
|
|
63
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
64
|
+
export default _default;
|
|
65
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
66
|
+
new (): {
|
|
67
|
+
$slots: S;
|
|
68
|
+
};
|
|
69
|
+
};
|
package/components/index.d.ts
CHANGED
|
@@ -10,7 +10,8 @@ import { MucCheckbox, MucCheckboxGroup, MucCounter, MucErrorList, MucInput, MucR
|
|
|
10
10
|
import { MucIcon } from './Icon';
|
|
11
11
|
import { MucIntro } from './Intro';
|
|
12
12
|
import { MucLink } from './Link';
|
|
13
|
+
import { MucModal } from './Modal';
|
|
13
14
|
import { MucPercentageSpinner } from './PercentageSpinner';
|
|
14
15
|
import { MucSlider, MucSliderItem } from './Slider';
|
|
15
16
|
import { MucStepper } from './Stepper';
|
|
16
|
-
export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucRadioButton, MucRadioButtonGroup, MucInput, MucTextArea, MucCheckboxGroup, MucCheckbox, MucSelect, MucErrorList, MucIcon, MucDivider, MucLink, MucFileDropzone, MucCounter, MucPercentageSpinner, MucStepper, MucCalendar, MucSlider, MucSliderItem, };
|
|
17
|
+
export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucRadioButton, MucRadioButtonGroup, MucInput, MucTextArea, MucCheckboxGroup, MucCheckbox, MucSelect, MucErrorList, MucIcon, MucDivider, MucLink, MucModal, MucFileDropzone, MucCounter, MucPercentageSpinner, MucStepper, MucCalendar, MucSlider, MucSliderItem, };
|
package/muc-patternlab-vue.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.no-left-margin[data-v-7b6653ac]{margin-left:0}.set-right-margin[data-v-7b6653ac]{margin-right:.75rem}.set-left-margin[data-v-7b6653ac]{margin-left:.75rem}.m-button--ghost[data-v-7b6653ac]{padding-right:0}[aria-disabled=true][data-v-7b6653ac]{pointer-events:none}.muc-calendar-container[data-v-0f7c51c9]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-0f7c51c9]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-0f7c51c9]:hover,.muc-calendar-item[data-v-0f7c51c9]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-0f7c51c9]{width:100%;height:100%}.muc-calendar-current-item[data-v-0f7c51c9]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-0f7c51c9]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.selected[data-v-0f7c51c9]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-0f7c51c9]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-0f7c51c9]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-e7805970]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-e7805970]:hover,.muc-calendar-item[data-v-e7805970]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-e7805970]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count: 7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-30d96702]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-30d96702]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-30d96702]:hover,.muc-calendar-item[data-v-30d96702]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-30d96702]{width:100%;height:100%}.muc-calendar-current-item[data-v-30d96702]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-30d96702]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-4dc141ae]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-4dc141ae]:hover,.muc-calendar-item[data-v-4dc141ae]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-4dc141ae]{width:100%;height:100%}.muc-calendar-current-item[data-v-4dc141ae]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-4dc141ae]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-ed281bd7]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-ed281bd7]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-ed281bd7]:hover,.muc-calendar-item[data-v-ed281bd7]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-ed281bd7]{width:100%;height:100%}.muc-calendar-current-item[data-v-ed281bd7]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-ed281bd7]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-2d92e62c]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-2d92e62c]:hover,.muc-calendar-item[data-v-2d92e62c]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-2d92e62c]{width:100%;height:100%}.muc-calendar-current-item[data-v-2d92e62c]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-2d92e62c]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-2342a3fd{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-2342a3fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-2342a3fd{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-2342a3fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-2342a3fd]{position:absolute}.view-detail-enter-active[data-v-2342a3fd]{animation:appear-detail-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-2342a3fd]{animation:disappear-detail-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-2342a3fd]{animation:appear-broad-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-2342a3fd]{animation:disappear-broad-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-2342a3fd]{--calendar-animation-scaling: .1;--calendar-animation-duration: .4s;--calendar-animation-timing: ease-in-out;border:1px solid var(--color-neutrals-blue);min-width:330px;max-width:900px;justify-content:center}.calendar-caption[data-v-2342a3fd]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:grid;grid-template-columns:auto 1fr auto;align-items:center}.header[data-v-2342a3fd]{justify-content:center;display:flex}.header .m-button[data-v-2342a3fd]{cursor:pointer}.container-view-size[data-v-2342a3fd]{--cal-container-view-height: 313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);overflow:hidden;position:relative}.muc-divider[data-v-a337b11f]{align-self:stretch;height:0;border-bottom:1px var(--color-neutrals-blue) solid}.card[data-v-e678f6b1]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-e678f6b1]:hover{background-color:#f1f1f1}.card-content[data-v-e678f6b1]{padding:32px 24px}.card-header[data-v-e678f6b1]{display:flex}.card-tagline[data-v-e678f6b1]{font-size:16px;font-family:Open Sans,sans-serif;color:#005a9f;font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-e678f6b1]{margin-top:16px;margin-bottom:16px}@media all and (min-width: 992px){.card-container[data-v-b37a2da2]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-b37a2da2]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:32px}}.form-error-message[data-v-2c971766]{display:flex;align-items:flex-start}.form-error-message .icon[data-v-2c971766]{margin-top:0}.form-error-message span[data-v-2c971766]{margin-left:4px}.drop-zone[data-v-4ce936b8]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed #337bb2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;margin-bottom:20px}.drop-zone.is-dragover.is-not-disabled[data-v-4ce936b8]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-4ce936b8]{cursor:pointer}.drop-zone-additional-information[data-v-4ce936b8]{font-size:14px}.content-centered[data-v-930fa8f5]{display:flex;justify-content:center;align-items:center;height:100%}.content-centered-justify-left[data-v-930fa8f5]{display:flex;justify-content:left;align-items:center;height:100%}.grid[data-v-930fa8f5]{display:grid;grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-930fa8f5]{display:flex;justify-content:space-between}.grid-item[data-v-930fa8f5]>*{margin:0 8px}@media (min-width: 768px){.grid-item[data-v-930fa8f5]:nth-child(1){order:1}.grid-item[data-v-930fa8f5]:nth-child(2){order:2}}@media (max-width: 767px){.grid-item[data-v-930fa8f5]:nth-child(1){order:2}.grid-item[data-v-930fa8f5]:nth-child(2){order:1}.content-centered-justify-left[data-v-930fa8f5]{padding-bottom:.8rem}.grid[data-v-930fa8f5]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-9082a177]{margin-top:8px;margin-bottom:16px}.m-component-slider-comment[data-v-0afd0aa1]{padding-right:1.8rem;padding-left:1.8rem}.show-cursor[data-v-d2453f8e]{cursor:pointer}.disabled[data-v-d2453f8e]{color:#9ca8b3;border-color:#9ca8b3}
|
|
1
|
+
.no-left-margin[data-v-7b6653ac]{margin-left:0}.set-right-margin[data-v-7b6653ac]{margin-right:.75rem}.set-left-margin[data-v-7b6653ac]{margin-left:.75rem}.m-button--ghost[data-v-7b6653ac]{padding-right:0}[aria-disabled=true][data-v-7b6653ac]{pointer-events:none}.muc-calendar-container[data-v-db120593]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-db120593]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-db120593]:hover,.muc-calendar-item[data-v-db120593]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-db120593]{width:100%;height:100%}.muc-calendar-current-item[data-v-db120593]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-db120593]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.selected[data-v-db120593]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-db120593]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-db120593]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-e7805970]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-e7805970]:hover,.muc-calendar-item[data-v-e7805970]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-e7805970]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count: 7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-528928e7]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-528928e7]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-528928e7]:hover,.muc-calendar-item[data-v-528928e7]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-528928e7]{width:100%;height:100%}.muc-calendar-current-item[data-v-528928e7]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-528928e7]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-4dc141ae]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-4dc141ae]:hover,.muc-calendar-item[data-v-4dc141ae]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-4dc141ae]{width:100%;height:100%}.muc-calendar-current-item[data-v-4dc141ae]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-4dc141ae]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-0e82f1d5]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-0e82f1d5]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-0e82f1d5]:hover,.muc-calendar-item[data-v-0e82f1d5]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-0e82f1d5]{width:100%;height:100%}.muc-calendar-current-item[data-v-0e82f1d5]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-0e82f1d5]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-2d92e62c]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-2d92e62c]:hover,.muc-calendar-item[data-v-2d92e62c]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-2d92e62c]{width:100%;height:100%}.muc-calendar-current-item[data-v-2d92e62c]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-2d92e62c]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-2342a3fd{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-2342a3fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-2342a3fd{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-2342a3fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-2342a3fd]{position:absolute}.view-detail-enter-active[data-v-2342a3fd]{animation:appear-detail-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-2342a3fd]{animation:disappear-detail-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-2342a3fd]{animation:appear-broad-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-2342a3fd]{animation:disappear-broad-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-2342a3fd]{--calendar-animation-scaling: .1;--calendar-animation-duration: .4s;--calendar-animation-timing: ease-in-out;border:1px solid var(--color-neutrals-blue);min-width:330px;max-width:900px;justify-content:center}.calendar-caption[data-v-2342a3fd]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:grid;grid-template-columns:auto 1fr auto;align-items:center}.header[data-v-2342a3fd]{justify-content:center;display:flex}.header .m-button[data-v-2342a3fd]{cursor:pointer}.container-view-size[data-v-2342a3fd]{--cal-container-view-height: 313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);overflow:hidden;position:relative}.muc-divider[data-v-a337b11f]{align-self:stretch;height:0;border-bottom:1px var(--color-neutrals-blue) solid}.card[data-v-e678f6b1]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-e678f6b1]:hover{background-color:#f1f1f1}.card-content[data-v-e678f6b1]{padding:32px 24px}.card-header[data-v-e678f6b1]{display:flex}.card-tagline[data-v-e678f6b1]{font-size:16px;font-family:Open Sans,sans-serif;color:#005a9f;font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-e678f6b1]{margin-top:16px;margin-bottom:16px}@media all and (min-width: 992px){.card-container[data-v-b37a2da2]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-b37a2da2]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:32px}}.form-error-message[data-v-2c971766]{display:flex;align-items:flex-start}.form-error-message .icon[data-v-2c971766]{margin-top:0}.form-error-message span[data-v-2c971766]{margin-left:4px}.drop-zone[data-v-4ce936b8]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed #337bb2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;margin-bottom:20px}.drop-zone.is-dragover.is-not-disabled[data-v-4ce936b8]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-4ce936b8]{cursor:pointer}.drop-zone-additional-information[data-v-4ce936b8]{font-size:14px}.content-centered[data-v-930fa8f5]{display:flex;justify-content:center;align-items:center;height:100%}.content-centered-justify-left[data-v-930fa8f5]{display:flex;justify-content:left;align-items:center;height:100%}.grid[data-v-930fa8f5]{display:grid;grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-930fa8f5]{display:flex;justify-content:space-between}.grid-item[data-v-930fa8f5]>*{margin:0 8px}@media (min-width: 768px){.grid-item[data-v-930fa8f5]:nth-child(1){order:1}.grid-item[data-v-930fa8f5]:nth-child(2){order:2}}@media (max-width: 767px){.grid-item[data-v-930fa8f5]:nth-child(1){order:2}.grid-item[data-v-930fa8f5]:nth-child(2){order:1}.content-centered-justify-left[data-v-930fa8f5]{padding-bottom:.8rem}.grid[data-v-930fa8f5]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-53605dcb]{margin-top:8px;margin-bottom:16px}#dialogRef .m-banner{padding:16px}dialog[data-v-b62430a5]{border:none;color:inherit;padding:0;margin-top:1.75rem;--mde-gutter-x: 0;min-width:592px}dialog[data-v-b62430a5]::backdrop{background-color:var(--color-neutrals-grey);opacity:70%}.muc-dialog-actions[data-v-b62430a5]{height:69px;display:flex;justify-content:space-between;padding:0 24px;align-items:center;align-self:stretch;border-top:1px solid var(--color-neutrals-blue);background:var(--color-neutrals-blue-xlight)}@media all and (max-width: 576px){dialog[data-v-b62430a5]{margin-left:8px;margin-right:8px}}.m-component-slider-comment[data-v-3db5be00]{padding-right:1.8rem;padding-left:1.8rem}.show-cursor[data-v-d2453f8e]{cursor:pointer}.disabled[data-v-d2453f8e]{color:#9ca8b3;border-color:#9ca8b3}
|