@muenchen/muc-patternlab-vue 7.1.0 → 7.2.0-beta.2

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.
Files changed (9) hide show
  1. package/components/Accordion/MucAccordion.stories.d.ts +102 -0
  2. package/components/Accordion/MucAccordion.vue.d.ts +4 -0
  3. package/components/Card/MucCard.stories.d.ts +20 -0
  4. package/components/Card/MucCard.vue.d.ts +8 -0
  5. package/components/Card/MucCardContainer.stories.d.ts +6 -0
  6. package/components/Slider/MucSlider.stories.d.ts +6 -0
  7. package/muc-patternlab-vue.css +1 -1
  8. package/muc-patternlab-vue.es.js +756 -741
  9. package/package.json +12 -12
package/components/Accordion/MucAccordion.stories.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const _default: {
6
6
  header?: string;
7
7
  multiple?: boolean;
8
8
  defaultItem?: string;
9
+ detailPageMargin?: boolean;
9
10
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
10
11
  P: {};
11
12
  B: {};
@@ -18,6 +19,7 @@ declare const _default: {
18
19
  header?: string;
19
20
  multiple?: boolean;
20
21
  defaultItem?: string;
22
+ detailPageMargin?: boolean;
21
23
  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
22
24
  __isFragment?: never;
23
25
  __isTeleport?: never;
@@ -27,6 +29,7 @@ declare const _default: {
27
29
  header?: string;
28
30
  multiple?: boolean;
29
31
  defaultItem?: string;
32
+ detailPageMargin?: boolean;
30
33
  }> & 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 () => {
31
34
  $slots: Readonly<{
32
35
  default(): unknown;
@@ -41,6 +44,7 @@ declare const _default: {
41
44
  header?: string;
42
45
  multiple?: boolean;
43
46
  defaultItem?: string;
47
+ detailPageMargin?: boolean;
44
48
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
45
49
  P: {};
46
50
  B: {};
@@ -53,6 +57,7 @@ declare const _default: {
53
57
  header?: string;
54
58
  multiple?: boolean;
55
59
  defaultItem?: string;
60
+ detailPageMargin?: boolean;
56
61
  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
57
62
  __isFragment?: never;
58
63
  __isTeleport?: never;
@@ -62,6 +67,7 @@ declare const _default: {
62
67
  header?: string;
63
68
  multiple?: boolean;
64
69
  defaultItem?: string;
70
+ detailPageMargin?: boolean;
65
71
  }> & 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 () => {
66
72
  $slots: Readonly<{
67
73
  default(): unknown;
@@ -88,6 +94,7 @@ export declare const Template: () => {
88
94
  header?: string;
89
95
  multiple?: boolean;
90
96
  defaultItem?: string;
97
+ detailPageMargin?: boolean;
91
98
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
92
99
  P: {};
93
100
  B: {};
@@ -100,6 +107,7 @@ export declare const Template: () => {
100
107
  header?: string;
101
108
  multiple?: boolean;
102
109
  defaultItem?: string;
110
+ detailPageMargin?: boolean;
103
111
  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
104
112
  __isFragment?: never;
105
113
  __isTeleport?: never;
@@ -109,6 +117,7 @@ export declare const Template: () => {
109
117
  header?: string;
110
118
  multiple?: boolean;
111
119
  defaultItem?: string;
120
+ detailPageMargin?: boolean;
112
121
  }> & 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 () => {
113
122
  $slots: Readonly<{
114
123
  default(): unknown;
@@ -175,6 +184,7 @@ export declare const Multiple: () => {
175
184
  header?: string;
176
185
  multiple?: boolean;
177
186
  defaultItem?: string;
187
+ detailPageMargin?: boolean;
178
188
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
179
189
  P: {};
180
190
  B: {};
@@ -187,6 +197,7 @@ export declare const Multiple: () => {
187
197
  header?: string;
188
198
  multiple?: boolean;
189
199
  defaultItem?: string;
200
+ detailPageMargin?: boolean;
190
201
  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
191
202
  __isFragment?: never;
192
203
  __isTeleport?: never;
@@ -196,6 +207,97 @@ export declare const Multiple: () => {
196
207
  header?: string;
197
208
  multiple?: boolean;
198
209
  defaultItem?: string;
210
+ detailPageMargin?: boolean;
211
+ }> & 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 () => {
212
+ $slots: Readonly<{
213
+ default(): unknown;
214
+ }> & {
215
+ default(): unknown;
216
+ };
217
+ });
218
+ MucAccordionItem: {
219
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
220
+ id: string;
221
+ header: string;
222
+ activeItems?: string[];
223
+ }> & Readonly<{
224
+ onOpen?: ((id: string) => any) | undefined;
225
+ onClose?: ((id: string) => any) | undefined;
226
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
227
+ open: (id: string) => any;
228
+ close: (id: string) => any;
229
+ }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
230
+ section: HTMLElement;
231
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
232
+ P: {};
233
+ B: {};
234
+ D: {};
235
+ C: {};
236
+ M: {};
237
+ Defaults: {};
238
+ }, Readonly<{
239
+ id: string;
240
+ header: string;
241
+ activeItems?: string[];
242
+ }> & Readonly<{
243
+ onOpen?: ((id: string) => any) | undefined;
244
+ onClose?: ((id: string) => any) | undefined;
245
+ }>, {}, {}, {}, {}, {}>;
246
+ __isFragment?: never;
247
+ __isTeleport?: never;
248
+ __isSuspense?: never;
249
+ } & import('vue').ComponentOptionsBase<Readonly<{
250
+ id: string;
251
+ header: string;
252
+ activeItems?: string[];
253
+ }> & Readonly<{
254
+ onOpen?: ((id: string) => any) | undefined;
255
+ onClose?: ((id: string) => any) | undefined;
256
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
257
+ open: (id: string) => any;
258
+ close: (id: string) => any;
259
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
260
+ $slots: Readonly<{
261
+ text(): unknown;
262
+ }> & {
263
+ text(): unknown;
264
+ };
265
+ });
266
+ };
267
+ template: string;
268
+ };
269
+ export declare const DetailPageMargin: () => {
270
+ components: {
271
+ MucAccordion: {
272
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
273
+ id: string;
274
+ header?: string;
275
+ multiple?: boolean;
276
+ defaultItem?: string;
277
+ detailPageMargin?: boolean;
278
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
279
+ P: {};
280
+ B: {};
281
+ D: {};
282
+ C: {};
283
+ M: {};
284
+ Defaults: {};
285
+ }, Readonly<{
286
+ id: string;
287
+ header?: string;
288
+ multiple?: boolean;
289
+ defaultItem?: string;
290
+ detailPageMargin?: boolean;
291
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
292
+ __isFragment?: never;
293
+ __isTeleport?: never;
294
+ __isSuspense?: never;
295
+ } & import('vue').ComponentOptionsBase<Readonly<{
296
+ id: string;
297
+ header?: string;
298
+ multiple?: boolean;
299
+ defaultItem?: string;
300
+ detailPageMargin?: boolean;
199
301
  }> & 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 () => {
200
302
  $slots: Readonly<{
201
303
  default(): unknown;
package/components/Accordion/MucAccordion.vue.d.ts CHANGED
@@ -15,6 +15,10 @@ type __VLS_Props = {
15
15
  * Id of default active item
16
16
  */
17
17
  defaultItem?: string;
18
+ /**
19
+ * Use margins of detail pages
20
+ */
21
+ detailPageMargin?: boolean;
18
22
  };
19
23
  declare function __VLS_template(): {
20
24
  attrs: Partial<{}>;
package/components/Card/MucCard.stories.d.ts CHANGED
@@ -3,6 +3,8 @@ declare const _default: {
3
3
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
4
4
  title: string;
5
5
  tagline?: string;
6
+ href?: string;
7
+ target?: string;
6
8
  }> & Readonly<{
7
9
  onClick?: ((click: Event) => any) | undefined;
8
10
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -17,6 +19,8 @@ declare const _default: {
17
19
  }, Readonly<{
18
20
  title: string;
19
21
  tagline?: string;
22
+ href?: string;
23
+ target?: string;
20
24
  }> & Readonly<{
21
25
  onClick?: ((click: Event) => any) | undefined;
22
26
  }>, {}, {}, {}, {}, {}>;
@@ -26,6 +30,8 @@ declare const _default: {
26
30
  } & import('vue').ComponentOptionsBase<Readonly<{
27
31
  title: string;
28
32
  tagline?: string;
33
+ href?: string;
34
+ target?: string;
29
35
  }> & Readonly<{
30
36
  onClick?: ((click: Event) => any) | undefined;
31
37
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -66,6 +72,8 @@ export declare const WithHeaderPrefix: () => {
66
72
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
67
73
  title: string;
68
74
  tagline?: string;
75
+ href?: string;
76
+ target?: string;
69
77
  }> & Readonly<{
70
78
  onClick?: ((click: Event) => any) | undefined;
71
79
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -80,6 +88,8 @@ export declare const WithHeaderPrefix: () => {
80
88
  }, Readonly<{
81
89
  title: string;
82
90
  tagline?: string;
91
+ href?: string;
92
+ target?: string;
83
93
  }> & Readonly<{
84
94
  onClick?: ((click: Event) => any) | undefined;
85
95
  }>, {}, {}, {}, {}, {}>;
@@ -89,6 +99,8 @@ export declare const WithHeaderPrefix: () => {
89
99
  } & import('vue').ComponentOptionsBase<Readonly<{
90
100
  title: string;
91
101
  tagline?: string;
102
+ href?: string;
103
+ target?: string;
92
104
  }> & Readonly<{
93
105
  onClick?: ((click: Event) => any) | undefined;
94
106
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -105,3 +117,11 @@ export declare const WithHeaderPrefix: () => {
105
117
  };
106
118
  template: string;
107
119
  };
120
+ export declare const WithHref: {
121
+ args: {
122
+ title: string;
123
+ tagline: string;
124
+ content: string;
125
+ href: string;
126
+ };
127
+ };
package/components/Card/MucCard.vue.d.ts CHANGED
@@ -7,6 +7,14 @@ type __VLS_Props = {
7
7
  * Optional tagline the card displays above the title
8
8
  */
9
9
  tagline?: string;
10
+ /**
11
+ * Optional href to link to another page
12
+ */
13
+ href?: string;
14
+ /**
15
+ * Optional target on the link
16
+ */
17
+ target?: string;
10
18
  };
11
19
  declare function __VLS_template(): {
12
20
  attrs: Partial<{}>;
package/components/Card/MucCardContainer.stories.d.ts CHANGED
@@ -78,6 +78,8 @@ export declare const Template: () => {
78
78
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
79
79
  title: string;
80
80
  tagline?: string;
81
+ href?: string;
82
+ target?: string;
81
83
  }> & Readonly<{
82
84
  onClick?: ((click: Event) => any) | undefined;
83
85
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -92,6 +94,8 @@ export declare const Template: () => {
92
94
  }, Readonly<{
93
95
  title: string;
94
96
  tagline?: string;
97
+ href?: string;
98
+ target?: string;
95
99
  }> & Readonly<{
96
100
  onClick?: ((click: Event) => any) | undefined;
97
101
  }>, {}, {}, {}, {}, {}>;
@@ -101,6 +105,8 @@ export declare const Template: () => {
101
105
  } & import('vue').ComponentOptionsBase<Readonly<{
102
106
  title: string;
103
107
  tagline?: string;
108
+ href?: string;
109
+ target?: string;
104
110
  }> & Readonly<{
105
111
  onClick?: ((click: Event) => any) | undefined;
106
112
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
package/components/Slider/MucSlider.stories.d.ts CHANGED
@@ -99,6 +99,8 @@ export declare const Template: () => {
99
99
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
100
100
  title: string;
101
101
  tagline?: string;
102
+ href?: string;
103
+ target?: string;
102
104
  }> & Readonly<{
103
105
  onClick?: ((click: Event) => any) | undefined;
104
106
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -113,6 +115,8 @@ export declare const Template: () => {
113
115
  }, Readonly<{
114
116
  title: string;
115
117
  tagline?: string;
118
+ href?: string;
119
+ target?: string;
116
120
  }> & Readonly<{
117
121
  onClick?: ((click: Event) => any) | undefined;
118
122
  }>, {}, {}, {}, {}, {}>;
@@ -122,6 +126,8 @@ export declare const Template: () => {
122
126
  } & import('vue').ComponentOptionsBase<Readonly<{
123
127
  title: string;
124
128
  tagline?: string;
129
+ href?: string;
130
+ target?: string;
125
131
  }> & Readonly<{
126
132
  onClick?: ((click: Event) => any) | undefined;
127
133
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
package/muc-patternlab-vue.css CHANGED
@@ -1 +1 @@
1
- .no-left-margin[data-v-20d7ceb4]{margin-left:0}.set-right-margin[data-v-20d7ceb4]{margin-right:.75rem}.set-left-margin[data-v-20d7ceb4]{margin-left:.75rem}.copied .m-button__icon[data-v-20d7ceb4]{animation:rotate 1s ease-in-out}.m-button--ghost[data-v-20d7ceb4]{padding-right:0}[aria-disabled=true][data-v-20d7ceb4]{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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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-761c6c2c{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-761c6c2c{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-761c6c2c{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-761c6c2c{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-761c6c2c]{position:absolute}.view-detail-enter-active[data-v-761c6c2c]{animation:appear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-761c6c2c]{animation:disappear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-761c6c2c]{animation:appear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-761c6c2c]{animation:disappear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-761c6c2c]{--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-761c6c2c]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:flex;justify-content:space-between;align-items:center}.header[data-v-761c6c2c]{justify-content:center;display:flex}.header .m-button[data-v-761c6c2c]{cursor:pointer}.container-view-size[data-v-761c6c2c]{--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-fe78761d]{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-fe78761d]:hover{background-color:var(--mde-color-neutral-beau-blue-x-light)}.card-content[data-v-fe78761d]{padding:24px 16px}.card-header[data-v-fe78761d]{display:flex}.card-tagline[data-v-fe78761d]{font-size:16px;font-family:Open Sans,sans-serif;color:var(--mde-color-brand-mde-blue);font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-fe78761d]{margin-top:16px;margin-bottom:16px}@media(min-width:768px){.card-content[data-v-fe78761d]{padding:32px 24px}}@media all and (min-width:992px){.card-container[data-v-f333e595]{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-f333e595]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:24px}}.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-86cd6323]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed var(--mde-color-brand-mde-blue-light);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-86cd6323]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-86cd6323]{cursor:pointer}.drop-zone-additional-information[data-v-86cd6323]{font-size:14px}.content-centered[data-v-af0c991b]{display:flex;justify-content:center;align-items:center;height:100%}.content-centered-justify-left[data-v-af0c991b]{display:flex;justify-content:left;align-items:center;height:100%}.counter-btn--disabled[data-v-af0c991b]{background-color:transparent;border-color:var(--mde-color-neutral-grey-x-light);color:var(--mde-color-neutral-grey-x-light)}.grid[data-v-af0c991b]{display:grid;grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-af0c991b]{display:flex;justify-content:space-between}.grid-item[data-v-af0c991b]>*{margin:0 8px}@media(min-width:768px){.grid-item[data-v-af0c991b]:nth-child(1){order:1}.grid-item[data-v-af0c991b]:nth-child(2){order:2}}@media(max-width:767px){.grid-item[data-v-af0c991b]:nth-child(1){order:2}.grid-item[data-v-af0c991b]:nth-child(2){order:1}.content-centered-justify-left[data-v-af0c991b]{padding-bottom:.8rem}.grid[data-v-af0c991b]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-20308146]{margin-top:8px;margin-bottom:24px}#dialogRef .m-banner{padding:16px}dialog[data-v-54ec0942]{border:none;color:inherit;padding:0;margin-top:1.75rem;--mde-gutter-x: 0}dialog[data-v-54ec0942]::backdrop{background-color:var(--color-neutrals-grey);opacity:70%}.muc-dialog-actions[data-v-54ec0942]{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-54ec0942]{margin-left:8px;margin-right:8px}}.m-component-slider-comment[data-v-db727020]{padding-right:1.8rem;padding-left:1.8rem}.show-cursor[data-v-c8c29c82]{cursor:pointer}.disabled[data-v-c8c29c82]{color:var(--mde-color-neutral-grey-x-light);border-color:var(--mde-color-neutral-grey-x-light)}
1
+ .no-left-margin[data-v-20d7ceb4]{margin-left:0}.set-right-margin[data-v-20d7ceb4]{margin-right:.75rem}.set-left-margin[data-v-20d7ceb4]{margin-left:.75rem}.copied .m-button__icon[data-v-20d7ceb4]{animation:rotate 1s ease-in-out}.m-button--ghost[data-v-20d7ceb4]{padding-right:0}[aria-disabled=true][data-v-20d7ceb4]{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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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(--mde-color-brand-mde-blue);text-decoration:underline;text-underline-offset:2px;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-761c6c2c{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-761c6c2c{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-761c6c2c{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-761c6c2c{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-761c6c2c]{position:absolute}.view-detail-enter-active[data-v-761c6c2c]{animation:appear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-761c6c2c]{animation:disappear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-761c6c2c]{animation:appear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-761c6c2c]{animation:disappear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-761c6c2c]{--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-761c6c2c]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:flex;justify-content:space-between;align-items:center}.header[data-v-761c6c2c]{justify-content:center;display:flex}.header .m-button[data-v-761c6c2c]{cursor:pointer}.container-view-size[data-v-761c6c2c]{--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-7dce222c]{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-7dce222c]:hover{background-color:var(--mde-color-neutral-beau-blue-x-light)}.card-content[data-v-7dce222c]{padding:24px 16px}.card-header[data-v-7dce222c]{display:flex}.card-tagline[data-v-7dce222c]{font-size:16px;font-family:Open Sans,sans-serif;color:var(--mde-color-brand-mde-blue);font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-7dce222c]{margin-top:16px;margin-bottom:16px}.no-link-style[data-v-7dce222c]{text-decoration:none!important;color:var(--mde-color-neutral-grey)!important}@media(min-width:768px){.card-content[data-v-7dce222c]{padding:32px 24px}}@media all and (min-width:992px){.card-container[data-v-f333e595]{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-f333e595]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:24px}}.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-86cd6323]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed var(--mde-color-brand-mde-blue-light);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-86cd6323]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-86cd6323]{cursor:pointer}.drop-zone-additional-information[data-v-86cd6323]{font-size:14px}.content-centered[data-v-af0c991b]{display:flex;justify-content:center;align-items:center;height:100%}.content-centered-justify-left[data-v-af0c991b]{display:flex;justify-content:left;align-items:center;height:100%}.counter-btn--disabled[data-v-af0c991b]{background-color:transparent;border-color:var(--mde-color-neutral-grey-x-light);color:var(--mde-color-neutral-grey-x-light)}.grid[data-v-af0c991b]{display:grid;grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-af0c991b]{display:flex;justify-content:space-between}.grid-item[data-v-af0c991b]>*{margin:0 8px}@media(min-width:768px){.grid-item[data-v-af0c991b]:nth-child(1){order:1}.grid-item[data-v-af0c991b]:nth-child(2){order:2}}@media(max-width:767px){.grid-item[data-v-af0c991b]:nth-child(1){order:2}.grid-item[data-v-af0c991b]:nth-child(2){order:1}.content-centered-justify-left[data-v-af0c991b]{padding-bottom:.8rem}.grid[data-v-af0c991b]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-20308146]{margin-top:8px;margin-bottom:24px}#dialogRef .m-banner{padding:16px}dialog[data-v-54ec0942]{border:none;color:inherit;padding:0;margin-top:1.75rem;--mde-gutter-x: 0}dialog[data-v-54ec0942]::backdrop{background-color:var(--color-neutrals-grey);opacity:70%}.muc-dialog-actions[data-v-54ec0942]{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-54ec0942]{margin-left:8px;margin-right:8px}}.m-component-slider-comment[data-v-db727020]{padding-right:1.8rem;padding-left:1.8rem}.show-cursor[data-v-c8c29c82]{cursor:pointer}.disabled[data-v-c8c29c82]{color:var(--mde-color-neutral-grey-x-light);border-color:var(--mde-color-neutral-grey-x-light)}