@muenchen/muc-patternlab-vue 8.0.0 → 8.1.0

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 (8) hide show
  1. package/assets/css/custom-style.css +2 -0
  2. package/components/Card/MucCard.stories.d.ts +14 -0
  3. package/components/Card/MucCard.vue.d.ts +4 -0
  4. package/components/Card/MucCardContainer.stories.d.ts +3 -0
  5. package/components/Slider/MucSlider.stories.d.ts +3 -0
  6. package/muc-patternlab-vue.css +1 -1
  7. package/muc-patternlab-vue.es.js +471 -469
  8. package/package.json +1 -1
package/assets/css/custom-style.css CHANGED
@@ -12,8 +12,10 @@
12
12
  --mde-color-brand-mde-yellow: #FFE400;
13
13
  /** Neutral Colors */
14
14
  --mde-color-neutral-grey: #3A5368;
15
+ --mde-color-neutral-grey-disabled: #7A8D9F;
15
16
  --mde-color-neutral-grey-light: #617586;
16
17
  --mde-color-neutral-grey-x-light: #9CA8B3;
18
+ --mde-color-neutral-grey-x-x-light: #D3DBDE;
17
19
  --mde-color-neutral-beau-blue: #BDD4EA;
18
20
  --mde-color-neutral-beau-blue-light: #E5EEF5;
19
21
  --mde-color-neutral-beau-blue-x-light: #F2F6FA;
package/components/Card/MucCard.stories.d.ts CHANGED
@@ -3,6 +3,7 @@ declare const _default: {
3
3
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
4
4
  title: string;
5
5
  tagline?: string;
6
+ disabled: boolean;
6
7
  href?: string;
7
8
  target?: string;
8
9
  }> & Readonly<{
@@ -19,6 +20,7 @@ declare const _default: {
19
20
  }, Readonly<{
20
21
  title: string;
21
22
  tagline?: string;
23
+ disabled: boolean;
22
24
  href?: string;
23
25
  target?: string;
24
26
  }> & Readonly<{
@@ -30,6 +32,7 @@ declare const _default: {
30
32
  } & import('vue').ComponentOptionsBase<Readonly<{
31
33
  title: string;
32
34
  tagline?: string;
35
+ disabled: boolean;
33
36
  href?: string;
34
37
  target?: string;
35
38
  }> & Readonly<{
@@ -72,6 +75,7 @@ export declare const WithHeaderPrefix: () => {
72
75
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
73
76
  title: string;
74
77
  tagline?: string;
78
+ disabled: boolean;
75
79
  href?: string;
76
80
  target?: string;
77
81
  }> & Readonly<{
@@ -88,6 +92,7 @@ export declare const WithHeaderPrefix: () => {
88
92
  }, Readonly<{
89
93
  title: string;
90
94
  tagline?: string;
95
+ disabled: boolean;
91
96
  href?: string;
92
97
  target?: string;
93
98
  }> & Readonly<{
@@ -99,6 +104,7 @@ export declare const WithHeaderPrefix: () => {
99
104
  } & import('vue').ComponentOptionsBase<Readonly<{
100
105
  title: string;
101
106
  tagline?: string;
107
+ disabled: boolean;
102
108
  href?: string;
103
109
  target?: string;
104
110
  }> & Readonly<{
@@ -117,6 +123,14 @@ export declare const WithHeaderPrefix: () => {
117
123
  };
118
124
  template: string;
119
125
  };
126
+ export declare const Disabled: {
127
+ args: {
128
+ title: string;
129
+ tagline: string;
130
+ content: string;
131
+ disabled: boolean;
132
+ };
133
+ };
120
134
  export declare const WithHref: {
121
135
  args: {
122
136
  title: string;
package/components/Card/MucCard.vue.d.ts CHANGED
@@ -7,6 +7,10 @@ type __VLS_Props = {
7
7
  * Optional tagline the card displays above the title
8
8
  */
9
9
  tagline?: string;
10
+ /**
11
+ * Disables all click listeners and links and changes the color of the card.
12
+ */
13
+ disabled: boolean;
10
14
  /**
11
15
  * Optional href to link to another page
12
16
  */
package/components/Card/MucCardContainer.stories.d.ts CHANGED
@@ -78,6 +78,7 @@ export declare const Template: () => {
78
78
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
79
79
  title: string;
80
80
  tagline?: string;
81
+ disabled: boolean;
81
82
  href?: string;
82
83
  target?: string;
83
84
  }> & Readonly<{
@@ -94,6 +95,7 @@ export declare const Template: () => {
94
95
  }, Readonly<{
95
96
  title: string;
96
97
  tagline?: string;
98
+ disabled: boolean;
97
99
  href?: string;
98
100
  target?: string;
99
101
  }> & Readonly<{
@@ -105,6 +107,7 @@ export declare const Template: () => {
105
107
  } & import('vue').ComponentOptionsBase<Readonly<{
106
108
  title: string;
107
109
  tagline?: string;
110
+ disabled: boolean;
108
111
  href?: string;
109
112
  target?: string;
110
113
  }> & Readonly<{
package/components/Slider/MucSlider.stories.d.ts CHANGED
@@ -99,6 +99,7 @@ export declare const Template: () => {
99
99
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
100
100
  title: string;
101
101
  tagline?: string;
102
+ disabled: boolean;
102
103
  href?: string;
103
104
  target?: string;
104
105
  }> & Readonly<{
@@ -115,6 +116,7 @@ export declare const Template: () => {
115
116
  }, Readonly<{
116
117
  title: string;
117
118
  tagline?: string;
119
+ disabled: boolean;
118
120
  href?: string;
119
121
  target?: string;
120
122
  }> & Readonly<{
@@ -126,6 +128,7 @@ export declare const Template: () => {
126
128
  } & import('vue').ComponentOptionsBase<Readonly<{
127
129
  title: string;
128
130
  tagline?: string;
131
+ disabled: boolean;
129
132
  href?: string;
130
133
  target?: string;
131
134
  }> & Readonly<{
package/muc-patternlab-vue.css CHANGED
@@ -1 +1 @@
1
- @media(min-width:768px){.content-width[data-v-e6a3766f]{width:66.67%}}.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[aria-disabled=false][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=true][data-v-db120593]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=true][data-v-e7805970]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=true][data-v-528928e7]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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-1a386f07]{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 a[data-v-1a386f07]{text-decoration:none!important;color:var(--mde-color-neutral-grey)!important;display:block;height:100%}.card[data-v-1a386f07]:hover{background-color:var(--mde-color-neutral-beau-blue-x-light)}.card-content[data-v-1a386f07]{padding:24px 16px}.card-header[data-v-1a386f07]{display:flex}.card-tagline[data-v-1a386f07]{color:var(--mde-color-brand-mde-blue);word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-1a386f07]{margin-top:16px;margin-bottom:16px}@media(min-width:768px){.card-content[data-v-1a386f07]{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-b0e2d051]{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-b0e2d051]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-b0e2d051]{cursor:pointer}.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-055bab6c]{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
+ @media(min-width:768px){.content-width[data-v-e6a3766f]{width:66.67%}}.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[aria-disabled=false][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=true][data-v-db120593]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=true][data-v-e7805970]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=true][data-v-528928e7]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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[aria-disabled=false][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=false][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-item[aria-disabled=true][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:focus{outline:none;border:1px solid white;text-decoration:none;cursor:default!important}.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;pointer-events:none}.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-541410e8]{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[aria-disabled=true][data-v-541410e8]{cursor:default;border:solid 1px var(--mde-color-neutral-grey-x-x-light);border-bottom:solid 5px var(--mde-color-neutral-grey-disabled)}.card a[data-v-541410e8]{text-decoration:none!important;color:var(--mde-color-neutral-grey)!important;display:block;height:100%}.card[aria-disabled=false][data-v-541410e8]:hover{background-color:var(--mde-color-neutral-beau-blue-x-light)}.card-content[data-v-541410e8]{padding:24px 16px}.card-header[data-v-541410e8]{display:flex}.card-tagline[data-v-541410e8]{color:var(--mde-color-brand-mde-blue);word-wrap:break-word;padding-bottom:4px}.card[aria-disabled=true] .card-tagline[data-v-541410e8]{color:var(--mde-color-neutral-grey-disabled)}.muc-divider[data-v-541410e8]{margin-top:16px;margin-bottom:16px}@media(min-width:768px){.card-content[data-v-541410e8]{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-b0e2d051]{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-b0e2d051]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-b0e2d051]{cursor:pointer}.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-055bab6c]{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)}