@muenchen/muc-patternlab-vue 5.8.0-beta.2 → 5.8.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/components/Button/MucButton.stories.d.ts +11 -0
  2. package/components/Button/MucButton.vue.d.ts +6 -0
  3. package/components/Callout/MucCallout.stories.d.ts +3 -0
  4. package/components/Intro/MucIntro.stories.d.ts +19 -2
  5. package/components/Intro/MucIntro.vue.d.ts +13 -3
  6. package/components/Modal/MucModal.stories.d.ts +6 -0
  7. package/muc-patternlab-vue.css +1 -1
  8. package/muc-patternlab-vue.es.js +1374 -1349
  9. package/package.json +11 -11
package/components/Button/MucButton.stories.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const _default: {
5
5
  disabled?: boolean;
6
6
  icon?: string;
7
7
  iconAnimated?: boolean;
8
+ spinIconOnClick?: boolean;
8
9
  iconShownLeft?: boolean;
9
10
  }> & Readonly<{
10
11
  onClick?: (() => any) | undefined;
@@ -22,6 +23,7 @@ declare const _default: {
22
23
  disabled?: boolean;
23
24
  icon?: string;
24
25
  iconAnimated?: boolean;
26
+ spinIconOnClick?: boolean;
25
27
  iconShownLeft?: boolean;
26
28
  }> & Readonly<{
27
29
  onClick?: (() => any) | undefined;
@@ -34,6 +36,7 @@ declare const _default: {
34
36
  disabled?: boolean;
35
37
  icon?: string;
36
38
  iconAnimated?: boolean;
39
+ spinIconOnClick?: boolean;
37
40
  iconShownLeft?: boolean;
38
41
  }> & Readonly<{
39
42
  onClick?: (() => any) | undefined;
@@ -89,6 +92,14 @@ export declare const IconOnly: {
89
92
  variant: string;
90
93
  };
91
94
  };
95
+ export declare const CopyButton: {
96
+ args: {
97
+ default: string;
98
+ icon: string;
99
+ variant: string;
100
+ spinIconOnClick: boolean;
101
+ };
102
+ };
92
103
  export declare const IconAnimated: {
93
104
  args: {
94
105
  default: string;
package/components/Button/MucButton.vue.d.ts CHANGED
@@ -20,6 +20,12 @@ type __VLS_Props = {
20
20
  * Default is `false`
21
21
  */
22
22
  iconAnimated?: boolean;
23
+ /**
24
+ * Wether the Icon should spin when the button is clicked (used e.g. when building a "copy"-Button)
25
+ *
26
+ * Default is 'false';
27
+ */
28
+ spinIconOnClick?: boolean;
23
29
  /**
24
30
  * Whether the Icon should be shown on the left side of the button (slide-right) or not.
25
31
  *
package/components/Callout/MucCallout.stories.d.ts CHANGED
@@ -108,6 +108,7 @@ export declare const WithButton: () => {
108
108
  disabled?: boolean;
109
109
  icon?: string;
110
110
  iconAnimated?: boolean;
111
+ spinIconOnClick?: boolean;
111
112
  iconShownLeft?: boolean;
112
113
  }> & Readonly<{
113
114
  onClick?: (() => any) | undefined;
@@ -125,6 +126,7 @@ export declare const WithButton: () => {
125
126
  disabled?: boolean;
126
127
  icon?: string;
127
128
  iconAnimated?: boolean;
129
+ spinIconOnClick?: boolean;
128
130
  iconShownLeft?: boolean;
129
131
  }> & Readonly<{
130
132
  onClick?: (() => any) | undefined;
@@ -137,6 +139,7 @@ export declare const WithButton: () => {
137
139
  disabled?: boolean;
138
140
  icon?: string;
139
141
  iconAnimated?: boolean;
142
+ spinIconOnClick?: boolean;
140
143
  iconShownLeft?: boolean;
141
144
  }> & Readonly<{
142
145
  onClick?: (() => any) | undefined;
package/components/Intro/MucIntro.stories.d.ts CHANGED
@@ -7,10 +7,12 @@ declare const _default: {
7
7
  img?: string;
8
8
  imgAlt?: string;
9
9
  size?: number;
10
+ variant?: "detail" | "overview";
10
11
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
12
+ variant: "detail" | "overview";
11
13
  size: number;
12
14
  divider: boolean;
13
- }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
15
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
14
16
  P: {};
15
17
  B: {};
16
18
  D: {};
@@ -24,7 +26,9 @@ declare const _default: {
24
26
  img?: string;
25
27
  imgAlt?: string;
26
28
  size?: number;
29
+ variant?: "detail" | "overview";
27
30
  }> & Readonly<{}>, {}, {}, {}, {}, {
31
+ variant: "detail" | "overview";
28
32
  size: number;
29
33
  divider: boolean;
30
34
  }>;
@@ -38,7 +42,9 @@ declare const _default: {
38
42
  img?: string;
39
43
  imgAlt?: string;
40
44
  size?: number;
45
+ variant?: "detail" | "overview";
41
46
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
47
+ variant: "detail" | "overview";
42
48
  size: number;
43
49
  divider: boolean;
44
50
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -63,6 +69,7 @@ export declare const Default: {
63
69
  args: {
64
70
  tagline: string;
65
71
  title: string;
72
+ variant: string;
66
73
  default: string;
67
74
  };
68
75
  };
@@ -70,14 +77,24 @@ export declare const Icon: {
70
77
  args: {
71
78
  tagline: string;
72
79
  title: string;
80
+ variant: string;
73
81
  img: string;
74
82
  default: string;
75
83
  };
76
84
  };
77
- export declare const Minimal: {
85
+ export declare const MinimalDetail: {
78
86
  args: {
79
87
  title: string;
80
88
  divider: boolean;
89
+ variant: string;
90
+ default: string;
91
+ };
92
+ };
93
+ export declare const MinimalOverview: {
94
+ args: {
95
+ title: string;
96
+ divider: boolean;
97
+ variant: string;
81
98
  default: string;
82
99
  };
83
100
  };
package/components/Intro/MucIntro.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ type IntroType = "detail" | "overview";
1
2
  type __VLS_Props = {
2
3
  /**
3
4
  * Title of the Intro
@@ -12,7 +13,8 @@ type __VLS_Props = {
12
13
  */
13
14
  divider?: boolean;
14
15
  /**
15
- * Img to show next to title and tagline
16
+ * Img to show next to title and tagline.
17
+ * Only works with variant='detail'
16
18
  */
17
19
  img?: string;
18
20
  /**
@@ -23,6 +25,13 @@ type __VLS_Props = {
23
25
  * Size of the image
24
26
  */
25
27
  size?: number;
28
+ /**
29
+ * Variant of the Intro -
30
+ * detail (https://patternlab.muenchen.space/?p=components-intro-vertical-article)
31
+ * or
32
+ * overview (default - https://patternlab.muenchen.space/?p=components-intro-summary-text).
33
+ */
34
+ variant?: IntroType;
26
35
  };
27
36
  declare function __VLS_template(): {
28
37
  attrs: Partial<{}>;
@@ -38,13 +47,14 @@ declare function __VLS_template(): {
38
47
  default(): unknown;
39
48
  };
40
49
  refs: {};
41
- rootEl: HTMLDivElement;
50
+ rootEl: any;
42
51
  };
43
52
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
44
53
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
54
+ variant: IntroType;
45
55
  size: number;
46
56
  divider: boolean;
47
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
57
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
48
58
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
49
59
  export default _default;
50
60
  type __VLS_WithTemplateSlots<T, S> = T & {
package/components/Modal/MucModal.stories.d.ts CHANGED
@@ -134,6 +134,7 @@ export declare const Default: (args: any) => {
134
134
  disabled?: boolean;
135
135
  icon?: string;
136
136
  iconAnimated?: boolean;
137
+ spinIconOnClick?: boolean;
137
138
  iconShownLeft?: boolean;
138
139
  }> & Readonly<{
139
140
  onClick?: (() => any) | undefined;
@@ -151,6 +152,7 @@ export declare const Default: (args: any) => {
151
152
  disabled?: boolean;
152
153
  icon?: string;
153
154
  iconAnimated?: boolean;
155
+ spinIconOnClick?: boolean;
154
156
  iconShownLeft?: boolean;
155
157
  }> & Readonly<{
156
158
  onClick?: (() => any) | undefined;
@@ -163,6 +165,7 @@ export declare const Default: (args: any) => {
163
165
  disabled?: boolean;
164
166
  icon?: string;
165
167
  iconAnimated?: boolean;
168
+ spinIconOnClick?: boolean;
166
169
  iconShownLeft?: boolean;
167
170
  }> & Readonly<{
168
171
  onClick?: (() => any) | undefined;
@@ -249,6 +252,7 @@ export declare const Minimal: (args: any) => {
249
252
  disabled?: boolean;
250
253
  icon?: string;
251
254
  iconAnimated?: boolean;
255
+ spinIconOnClick?: boolean;
252
256
  iconShownLeft?: boolean;
253
257
  }> & Readonly<{
254
258
  onClick?: (() => any) | undefined;
@@ -266,6 +270,7 @@ export declare const Minimal: (args: any) => {
266
270
  disabled?: boolean;
267
271
  icon?: string;
268
272
  iconAnimated?: boolean;
273
+ spinIconOnClick?: boolean;
269
274
  iconShownLeft?: boolean;
270
275
  }> & Readonly<{
271
276
  onClick?: (() => any) | undefined;
@@ -278,6 +283,7 @@ export declare const Minimal: (args: any) => {
278
283
  disabled?: boolean;
279
284
  icon?: string;
280
285
  iconAnimated?: boolean;
286
+ spinIconOnClick?: boolean;
281
287
  iconShownLeft?: boolean;
282
288
  }> & Readonly<{
283
289
  onClick?: (() => any) | undefined;
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-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-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-82279c00]{display:flex;justify-content:center;align-items:center;height:100%}.content-centered-justify-left[data-v-82279c00]{display:flex;justify-content:left;align-items:center;height:100%}.counter-btn--disabled[data-v-82279c00]{background-color:transparent;border-color:var(--mde-color-neutral-grey-x-light);color:var(--mde-color-neutral-grey-x-light)}.grid[data-v-82279c00]{display:grid;grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-82279c00]{display:flex;justify-content:space-between}.grid-item[data-v-82279c00]>*{margin:0 8px}@media (min-width: 768px){.grid-item[data-v-82279c00]:nth-child(1){order:1}.grid-item[data-v-82279c00]:nth-child(2){order:2}}@media (max-width: 767px){.grid-item[data-v-82279c00]:nth-child(1){order:2}.grid-item[data-v-82279c00]:nth-child(2){order:1}.content-centered-justify-left[data-v-82279c00]{padding-bottom:.8rem}.grid[data-v-82279c00]{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-ba7da7b8]{cursor:pointer}.disabled[data-v-ba7da7b8]{color:var(--mde-color-neutral-grey-x-light);border-color:var(--mde-color-neutral-grey-x-light)}
1
+ .no-left-margin[data-v-6088b9e2]{margin-left:0}.set-right-margin[data-v-6088b9e2]{margin-right:.75rem}.set-left-margin[data-v-6088b9e2]{margin-left:.75rem}.copied .m-button__icon[data-v-6088b9e2]{animation:rotate 1s ease-in-out}.m-button--ghost[data-v-6088b9e2]{padding-right:0}[aria-disabled=true][data-v-6088b9e2]{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-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-dfb57dc8]{margin-top:8px;margin-bottom:24px}#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-ba7da7b8]{cursor:pointer}.disabled[data-v-ba7da7b8]{color:var(--mde-color-neutral-grey-x-light);border-color:var(--mde-color-neutral-grey-x-light)}