@muenchen/muc-patternlab-vue 6.2.0-beta.2 → 7.0.0-beta.1

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 (13) hide show
  1. package/components/Banner/MucBanner.stories.d.ts +15 -0
  2. package/components/Banner/MucBanner.vue.d.ts +6 -1
  3. package/components/Form/MucInput.stories.d.ts +6 -0
  4. package/components/Form/MucInput.vue.d.ts +8 -0
  5. package/components/PercentageSpinner/index.d.ts +4 -2
  6. package/components/{PercentageSpinner/MucPercentageSpinner.stories.d.ts → Spinner/MucSpinner.stories.d.ts} +9 -1
  7. package/components/{PercentageSpinner/MucPercentageSpinner.vue.d.ts → Spinner/MucSpinner.vue.d.ts} +5 -0
  8. package/components/Spinner/index.d.ts +2 -0
  9. package/components/Stepper/MucStepperItem.vue.d.ts +8 -0
  10. package/components/index.d.ts +2 -1
  11. package/muc-patternlab-vue.css +1 -1
  12. package/muc-patternlab-vue.es.js +1444 -1355
  13. package/package.json +6 -6
package/components/Banner/MucBanner.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  declare const _default: {
2
2
  component: {
3
3
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
4
+ variant: "header" | "content";
4
5
  type?: "info" | "success" | "warning" | "emergency";
5
6
  noIcon?: boolean;
6
7
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -11,6 +12,7 @@ declare const _default: {
11
12
  M: {};
12
13
  Defaults: {};
13
14
  }, Readonly<{
15
+ variant: "header" | "content";
14
16
  type?: "info" | "success" | "warning" | "emergency";
15
17
  noIcon?: boolean;
16
18
  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
@@ -18,6 +20,7 @@ declare const _default: {
18
20
  __isTeleport?: never;
19
21
  __isSuspense?: never;
20
22
  } & import('vue').ComponentOptionsBase<Readonly<{
23
+ variant: "header" | "content";
21
24
  type?: "info" | "success" | "warning" | "emergency";
22
25
  noIcon?: boolean;
23
26
  }> & 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 () => {
@@ -42,30 +45,42 @@ export default _default;
42
45
  export declare const Default: {
43
46
  args: {
44
47
  default: string;
48
+ variant: string;
45
49
  type: string;
46
50
  };
47
51
  };
48
52
  export declare const Success: {
49
53
  args: {
50
54
  default: string;
55
+ variant: string;
51
56
  type: string;
52
57
  };
53
58
  };
54
59
  export declare const Warning: {
55
60
  args: {
56
61
  default: string;
62
+ variant: string;
57
63
  type: string;
58
64
  };
59
65
  };
60
66
  export declare const Emergency: {
61
67
  args: {
62
68
  default: string;
69
+ variant: string;
70
+ type: string;
71
+ };
72
+ };
73
+ export declare const Header: {
74
+ args: {
75
+ default: string;
76
+ variant: string;
63
77
  type: string;
64
78
  };
65
79
  };
66
80
  export declare const NoIcon: {
67
81
  args: {
68
82
  default: string;
83
+ variant: string;
69
84
  type: string;
70
85
  noIcon: boolean;
71
86
  };
package/components/Banner/MucBanner.vue.d.ts CHANGED
@@ -1,7 +1,12 @@
1
1
  type bannerType = "info" | "success" | "warning" | "emergency";
2
+ type bannerVariant = "content" | "header";
2
3
  type __VLS_Props = {
3
4
  /**
4
- * Changes the style of the banner. Available types are `info`, `warning` and `emergency`.
5
+ * Changes the style of the banner. Available types are `content` and `header`. `content` is used in the content area. `header` is used directly below the header and has more padding.
6
+ */
7
+ variant: bannerVariant;
8
+ /**
9
+ * Changes the style of the banner. Available types are `info`, `success`, `warning` and `emergency`.
5
10
  */
6
11
  type?: bannerType;
7
12
  noIcon?: boolean;
package/components/Form/MucInput.stories.d.ts CHANGED
@@ -13,6 +13,8 @@ declare const _default: {
13
13
  dataList?: string[];
14
14
  suffixIcon?: string;
15
15
  max?: number;
16
+ autocomplete?: string;
17
+ name?: string;
16
18
  }> & Readonly<{
17
19
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
18
20
  onSuffixClick?: (() => any) | undefined;
@@ -40,6 +42,8 @@ declare const _default: {
40
42
  dataList?: string[];
41
43
  suffixIcon?: string;
42
44
  max?: number;
45
+ autocomplete?: string;
46
+ name?: string;
43
47
  }> & Readonly<{
44
48
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
45
49
  onSuffixClick?: (() => any) | undefined;
@@ -60,6 +64,8 @@ declare const _default: {
60
64
  dataList?: string[];
61
65
  suffixIcon?: string;
62
66
  max?: number;
67
+ autocomplete?: string;
68
+ name?: string;
63
69
  }> & Readonly<{
64
70
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
65
71
  onSuffixClick?: (() => any) | undefined;
package/components/Form/MucInput.vue.d.ts CHANGED
@@ -43,6 +43,14 @@ type __VLS_Props = {
43
43
  * Restricts character input to the specified number
44
44
  */
45
45
  max?: number;
46
+ /**
47
+ * Enables autocomplete for the input
48
+ */
49
+ autocomplete?: string;
50
+ /**
51
+ * Specifies the name of the input
52
+ */
53
+ name?: string;
46
54
  };
47
55
  type __VLS_PublicProps = {
48
56
  modelValue?: string;
package/components/PercentageSpinner/index.d.ts CHANGED
@@ -1,2 +1,4 @@
1
- import { default as MucPercentageSpinner } from './MucPercentageSpinner.vue';
2
- export { MucPercentageSpinner };
1
+ /**
2
+ * @deprecated please use the new MucSpinner-Component instead. This export will be removed in upcoming versions.
3
+ */
4
+ export { MucSpinner as MucPercentageSpinner } from '../Spinner';
package/components/{PercentageSpinner/MucPercentageSpinner.stories.d.ts → Spinner/MucSpinner.stories.d.ts} RENAMED
@@ -2,9 +2,11 @@ declare const _default: {
2
2
  component: import('vue').DefineComponent<{
3
3
  size: string;
4
4
  percentage?: number;
5
+ text?: string;
5
6
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
6
7
  size: string;
7
8
  percentage?: number;
9
+ text?: string;
8
10
  }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
9
11
  title: string;
10
12
  tags: string[];
@@ -17,12 +19,18 @@ declare const _default: {
17
19
  };
18
20
  };
19
21
  export default _default;
20
- export declare const Relative: {
22
+ export declare const Percentage: {
21
23
  args: {
22
24
  size: string;
23
25
  percentage: number;
24
26
  };
25
27
  };
28
+ export declare const Text: {
29
+ args: {
30
+ size: string;
31
+ text: string;
32
+ };
33
+ };
26
34
  export declare const Default: {
27
35
  args: {
28
36
  size: string;
package/components/{PercentageSpinner/MucPercentageSpinner.vue.d.ts → Spinner/MucSpinner.vue.d.ts} RENAMED
@@ -11,6 +11,11 @@ type __VLS_Props = {
11
11
  * An empty value results in an empty string.
12
12
  */
13
13
  percentage?: number;
14
+ /**
15
+ * Any text in the center of the spinner.
16
+ * An empty value results in an empty string.
17
+ */
18
+ text?: string;
14
19
  };
15
20
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
16
21
  export default _default;
package/components/Spinner/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { default as MucSpinner } from './MucSpinner.vue';
2
+ export { MucSpinner };
package/components/Stepper/MucStepperItem.vue.d.ts CHANGED
@@ -16,6 +16,14 @@ type __VLS_Props = {
16
16
  * Disabled stepper
17
17
  */
18
18
  disabled: boolean;
19
+ /**
20
+ * position of the item in the step sequence
21
+ */
22
+ position: number;
23
+ /**
24
+ * total number of steps
25
+ */
26
+ total: number;
19
27
  };
20
28
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
21
29
  click: (id: string) => any;
package/components/index.d.ts CHANGED
@@ -13,5 +13,6 @@ import { MucLink } from './Link';
13
13
  import { MucModal } from './Modal';
14
14
  import { MucPercentageSpinner } from './PercentageSpinner';
15
15
  import { MucSlider, MucSliderItem } from './Slider';
16
+ import { MucSpinner } from './Spinner';
16
17
  import { MucStepper } from './Stepper';
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, };
18
+ export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucRadioButton, MucRadioButtonGroup, MucInput, MucTextArea, MucCheckboxGroup, MucCheckbox, MucSelect, MucErrorList, MucIcon, MucDivider, MucLink, MucModal, MucFileDropzone, MucCounter, MucPercentageSpinner, MucSpinner, MucStepper, MucCalendar, MucSlider, MucSliderItem, };
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-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-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-3db5be00]{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)}