@muenchen/muc-patternlab-vue 5.5.0-beta.2 → 5.5.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 (6) hide show
  1. package/assets/icons/custom-icons.svg +1 -0
  2. package/components/Form/MucCheckboxGroup.stories.d.ts +67 -0
  3. package/components/Form/MucCheckboxGroup.vue.d.ts +4 -0
  4. package/muc-patternlab-vue.css +1 -1
  5. package/muc-patternlab-vue.es.js +1284 -1253
  6. package/package.json +10 -10
package/assets/icons/custom-icons.svg CHANGED
@@ -10,4 +10,5 @@
10
10
  <symbol viewBox="0 0 24 24" id="icon-user-fill"><path d="M19.6638 17.891L17.6639 14.891C17.3003 14.3508 16.691 14.0002 16 14.0002H8.00008C7.30888 14.0004 6.69976 14.351 6.34072 14.8841L6.33616 14.8913L4.33624 17.8913C4.12552 18.2033 4 18.5875 4 19.0013C4 19.3466 4.0876 19.6714 4.24144 19.9548L4.23616 19.9442C4.58032 20.5776 5.24056 21.0002 5.99944 21.0002H18.0004C18.7593 21.0002 19.4193 20.5776 19.7582 19.9548L19.7634 19.9442C19.9125 19.6711 20.0001 19.3459 20.0001 19.0003C20.0001 18.587 19.8746 18.2028 19.6598 17.8841L19.6643 17.8913L19.6638 17.891Z"/><path d="M11.9999 12C14.4851 12 16.4999 9.9852 16.4999 7.5C16.4999 5.0148 14.4851 3 11.9999 3C9.51472 3 7.49992 5.0148 7.49992 7.5C7.49992 9.9852 9.51472 12 11.9999 12Z"/></symbol>
11
11
  <symbol viewBox="0 0 24 29" id="icon-checklist"><path d="M10.511 22.1856L18.2806 14.4034L16.6188 12.7416L10.5187 18.8416L7.27766 15.6005L5.6081 17.2701L10.511 22.1856ZM3.74386 28.361C2.93409 28.361 2.24194 28.0737 1.66743 27.4992C1.09292 26.9247 0.805664 26.2325 0.805664 25.4228V3.57735C0.805664 2.76413 1.09292 2.06903 1.66743 1.49205C2.24194 0.915075 2.93409 0.626587 3.74386 0.626587H15.3593L23.2067 8.47395V25.4228C23.2067 26.2325 22.9182 26.9247 22.3412 27.4992C21.7643 28.0737 21.0692 28.361 20.2559 28.361H3.74386ZM13.8337 9.93289V3.57735H3.74386V25.4228H20.2559V9.93289H13.8337Z"/></symbol>
12
12
  <symbol viewBox="0 0 24 24" id="icon-order-bool-ascending"><path d="M4 13C2.89 13 2 13.89 2 15V19C2 20.11 2.89 21 4 21H8C9.11 21 10 20.11 10 19V15C10 13.89 9.11 13 8 13M8.2 14.5L9.26 15.55L5.27 19.5L2.74 16.95L3.81 15.9L5.28 17.39M4 3C2.89 3 2 3.89 2 5V9C2 10.11 2.89 11 4 11H8C9.11 11 10 10.11 10 9V5C10 3.89 9.11 3 8 3M4 5H8V9H4M12 5H22V7H12M12 19V17H22V19M12 11H22V13H12Z" /></symbol>
13
+ <symbol viewBox="0 -960 960 960" id="icon-drag-vertical"><path d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z"/></symbol>
13
14
  </svg>
package/components/Form/MucCheckboxGroup.stories.d.ts CHANGED
@@ -3,6 +3,7 @@ declare const _default: {
3
3
  MucCheckboxGroup: {
4
4
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
5
5
  heading?: string;
6
+ errorMsg?: string;
6
7
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
7
8
  P: {};
8
9
  B: {};
@@ -12,12 +13,14 @@ declare const _default: {
12
13
  Defaults: {};
13
14
  }, Readonly<{
14
15
  heading?: string;
16
+ errorMsg?: string;
15
17
  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
16
18
  __isFragment?: never;
17
19
  __isTeleport?: never;
18
20
  __isSuspense?: never;
19
21
  } & import('vue').ComponentOptionsBase<Readonly<{
20
22
  heading?: string;
23
+ errorMsg?: string;
21
24
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
22
25
  $slots: Readonly<{
23
26
  checkboxes: unknown;
@@ -51,6 +54,7 @@ declare const _default: {
51
54
  component: {
52
55
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
53
56
  heading?: string;
57
+ errorMsg?: string;
54
58
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
55
59
  P: {};
56
60
  B: {};
@@ -60,12 +64,14 @@ declare const _default: {
60
64
  Defaults: {};
61
65
  }, Readonly<{
62
66
  heading?: string;
67
+ errorMsg?: string;
63
68
  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
64
69
  __isFragment?: never;
65
70
  __isTeleport?: never;
66
71
  __isSuspense?: never;
67
72
  } & import('vue').ComponentOptionsBase<Readonly<{
68
73
  heading?: string;
74
+ errorMsg?: string;
69
75
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
70
76
  $slots: Readonly<{
71
77
  checkboxes: unknown;
@@ -111,6 +117,7 @@ export declare const NotCollapsable: () => {
111
117
  MucCheckboxGroup: {
112
118
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
113
119
  heading?: string;
120
+ errorMsg?: string;
114
121
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
115
122
  P: {};
116
123
  B: {};
@@ -120,12 +127,14 @@ export declare const NotCollapsable: () => {
120
127
  Defaults: {};
121
128
  }, Readonly<{
122
129
  heading?: string;
130
+ errorMsg?: string;
123
131
  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
124
132
  __isFragment?: never;
125
133
  __isTeleport?: never;
126
134
  __isSuspense?: never;
127
135
  } & import('vue').ComponentOptionsBase<Readonly<{
128
136
  heading?: string;
137
+ errorMsg?: string;
129
138
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
130
139
  $slots: Readonly<{
131
140
  checkboxes: unknown;
@@ -163,6 +172,7 @@ export declare const Collapsable: () => {
163
172
  MucCheckboxGroup: {
164
173
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
165
174
  heading?: string;
175
+ errorMsg?: string;
166
176
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
167
177
  P: {};
168
178
  B: {};
@@ -172,12 +182,69 @@ export declare const Collapsable: () => {
172
182
  Defaults: {};
173
183
  }, Readonly<{
174
184
  heading?: string;
185
+ errorMsg?: string;
175
186
  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
176
187
  __isFragment?: never;
177
188
  __isTeleport?: never;
178
189
  __isSuspense?: never;
179
190
  } & import('vue').ComponentOptionsBase<Readonly<{
180
191
  heading?: string;
192
+ errorMsg?: string;
193
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
194
+ $slots: Readonly<{
195
+ checkboxes: unknown;
196
+ collapsableCheckboxes: unknown;
197
+ }> & {
198
+ checkboxes: unknown;
199
+ collapsableCheckboxes: unknown;
200
+ };
201
+ });
202
+ };
203
+ template: string;
204
+ };
205
+ export declare const Error: () => {
206
+ components: {
207
+ MucCheckbox: import('vue').DefineComponent<{
208
+ modelValue?: boolean;
209
+ } & {
210
+ id: string;
211
+ label: string;
212
+ hint?: string;
213
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
214
+ "update:modelValue": (value: boolean) => any;
215
+ } & {
216
+ click: () => any;
217
+ }, string, import('vue').PublicProps, Readonly<{
218
+ modelValue?: boolean;
219
+ } & {
220
+ id: string;
221
+ label: string;
222
+ hint?: string;
223
+ }> & Readonly<{
224
+ onClick?: (() => any) | undefined;
225
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
226
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
227
+ MucCheckboxGroup: {
228
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
229
+ heading?: string;
230
+ errorMsg?: string;
231
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
232
+ P: {};
233
+ B: {};
234
+ D: {};
235
+ C: {};
236
+ M: {};
237
+ Defaults: {};
238
+ }, Readonly<{
239
+ heading?: string;
240
+ errorMsg?: string;
241
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
242
+ __isFragment?: never;
243
+ __isTeleport?: never;
244
+ __isSuspense?: never;
245
+ } & import('vue').ComponentOptionsBase<Readonly<{
246
+ heading?: string;
247
+ errorMsg?: string;
181
248
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
182
249
  $slots: Readonly<{
183
250
  checkboxes: unknown;
package/components/Form/MucCheckboxGroup.vue.d.ts CHANGED
@@ -3,6 +3,10 @@ type __VLS_Props = {
3
3
  * Display a heading above the slots.
4
4
  */
5
5
  heading?: string;
6
+ /**
7
+ * Optional error message displayed below the group.
8
+ */
9
+ errorMsg?: string;
6
10
  };
7
11
  declare function __VLS_template(): {
8
12
  attrs: Partial<{}>;
package/muc-patternlab-vue.css CHANGED
@@ -1 +1 @@
1
- .no-left-margin[data-v-7b6653ac]{margin-left:0}.set-right-margin[data-v-7b6653ac]{margin-right:.75rem}.set-left-margin[data-v-7b6653ac]{margin-left:.75rem}.m-button--ghost[data-v-7b6653ac]{padding-right:0}[aria-disabled=true][data-v-7b6653ac]{pointer-events:none}.muc-calendar-container[data-v-0f7c51c9]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-0f7c51c9]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-0f7c51c9]:hover,.muc-calendar-item[data-v-0f7c51c9]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-0f7c51c9]{width:100%;height:100%}.muc-calendar-current-item[data-v-0f7c51c9]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-0f7c51c9]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.selected[data-v-0f7c51c9]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-0f7c51c9]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-0f7c51c9]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-e7805970]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-e7805970]:hover,.muc-calendar-item[data-v-e7805970]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-e7805970]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count: 7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-30d96702]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-30d96702]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-30d96702]:hover,.muc-calendar-item[data-v-30d96702]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-30d96702]{width:100%;height:100%}.muc-calendar-current-item[data-v-30d96702]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-30d96702]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-4dc141ae]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-4dc141ae]:hover,.muc-calendar-item[data-v-4dc141ae]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-4dc141ae]{width:100%;height:100%}.muc-calendar-current-item[data-v-4dc141ae]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-4dc141ae]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-ed281bd7]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-ed281bd7]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-ed281bd7]:hover,.muc-calendar-item[data-v-ed281bd7]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-ed281bd7]{width:100%;height:100%}.muc-calendar-current-item[data-v-ed281bd7]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-ed281bd7]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-2d92e62c]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-2d92e62c]:hover,.muc-calendar-item[data-v-2d92e62c]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-2d92e62c]{width:100%;height:100%}.muc-calendar-current-item[data-v-2d92e62c]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-2d92e62c]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-2342a3fd{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-2342a3fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-2342a3fd{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-2342a3fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-2342a3fd]{position:absolute}.view-detail-enter-active[data-v-2342a3fd]{animation:appear-detail-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-2342a3fd]{animation:disappear-detail-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-2342a3fd]{animation:appear-broad-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-2342a3fd]{animation:disappear-broad-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-2342a3fd]{--calendar-animation-scaling: .1;--calendar-animation-duration: .4s;--calendar-animation-timing: ease-in-out;border:1px solid var(--color-neutrals-blue);min-width:330px;max-width:900px;justify-content:center}.calendar-caption[data-v-2342a3fd]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:grid;grid-template-columns:auto 1fr auto;align-items:center}.header[data-v-2342a3fd]{justify-content:center;display:flex}.header .m-button[data-v-2342a3fd]{cursor:pointer}.container-view-size[data-v-2342a3fd]{--cal-container-view-height: 313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);overflow:hidden;position:relative}.muc-divider[data-v-a337b11f]{align-self:stretch;height:0;border-bottom:1px var(--color-neutrals-blue) solid}.card[data-v-e678f6b1]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-e678f6b1]:hover{background-color:#f1f1f1}.card-content[data-v-e678f6b1]{padding:32px 24px}.card-header[data-v-e678f6b1]{display:flex}.card-tagline[data-v-e678f6b1]{font-size:16px;font-family:Open Sans,sans-serif;color:#005a9f;font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-e678f6b1]{margin-top:16px;margin-bottom:16px}@media all and (min-width: 992px){.card-container[data-v-b37a2da2]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-b37a2da2]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:32px}}.form-error-message[data-v-2c971766]{display:flex;align-items:flex-start}.form-error-message .icon[data-v-2c971766]{margin-top:0}.form-error-message span[data-v-2c971766]{margin-left:4px}.drop-zone[data-v-4ce936b8]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed #337bb2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;margin-bottom:20px}.drop-zone.is-dragover.is-not-disabled[data-v-4ce936b8]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-4ce936b8]{cursor:pointer}.drop-zone-additional-information[data-v-4ce936b8]{font-size:14px}.content-centered[data-v-930fa8f5]{display:flex;justify-content:center;align-items:center;height:100%}.content-centered-justify-left[data-v-930fa8f5]{display:flex;justify-content:left;align-items:center;height:100%}.grid[data-v-930fa8f5]{display:grid;grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-930fa8f5]{display:flex;justify-content:space-between}.grid-item[data-v-930fa8f5]>*{margin:0 8px}@media (min-width: 768px){.grid-item[data-v-930fa8f5]:nth-child(1){order:1}.grid-item[data-v-930fa8f5]:nth-child(2){order:2}}@media (max-width: 767px){.grid-item[data-v-930fa8f5]:nth-child(1){order:2}.grid-item[data-v-930fa8f5]:nth-child(2){order:1}.content-centered-justify-left[data-v-930fa8f5]{padding-bottom:.8rem}.grid[data-v-930fa8f5]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-9082a177]{margin-top:8px;margin-bottom:16px}.m-component-slider-comment[data-v-0afd0aa1]{padding-right:1.8rem;padding-left:1.8rem}.show-cursor[data-v-d2453f8e]{cursor:pointer}.disabled[data-v-d2453f8e]{color:#9ca8b3;border-color:#9ca8b3}
1
+ .no-left-margin[data-v-7b6653ac]{margin-left:0}.set-right-margin[data-v-7b6653ac]{margin-right:.75rem}.set-left-margin[data-v-7b6653ac]{margin-left:.75rem}.m-button--ghost[data-v-7b6653ac]{padding-right:0}[aria-disabled=true][data-v-7b6653ac]{pointer-events:none}.muc-calendar-container[data-v-0f7c51c9]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-0f7c51c9]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-0f7c51c9]:hover,.muc-calendar-item[data-v-0f7c51c9]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-0f7c51c9]{width:100%;height:100%}.muc-calendar-current-item[data-v-0f7c51c9]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-0f7c51c9]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.selected[data-v-0f7c51c9]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-0f7c51c9]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-0f7c51c9]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-e7805970]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-e7805970]:hover,.muc-calendar-item[data-v-e7805970]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-e7805970]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count: 7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-30d96702]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-30d96702]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-30d96702]:hover,.muc-calendar-item[data-v-30d96702]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-30d96702]{width:100%;height:100%}.muc-calendar-current-item[data-v-30d96702]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-30d96702]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-4dc141ae]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-4dc141ae]:hover,.muc-calendar-item[data-v-4dc141ae]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-4dc141ae]{width:100%;height:100%}.muc-calendar-current-item[data-v-4dc141ae]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-4dc141ae]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-ed281bd7]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-ed281bd7]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-ed281bd7]:hover,.muc-calendar-item[data-v-ed281bd7]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-ed281bd7]{width:100%;height:100%}.muc-calendar-current-item[data-v-ed281bd7]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-ed281bd7]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-2d92e62c]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-2d92e62c]:hover,.muc-calendar-item[data-v-2d92e62c]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-2d92e62c]{width:100%;height:100%}.muc-calendar-current-item[data-v-2d92e62c]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-2d92e62c]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-2342a3fd{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-2342a3fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-2342a3fd{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-2342a3fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-2342a3fd]{position:absolute}.view-detail-enter-active[data-v-2342a3fd]{animation:appear-detail-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-2342a3fd]{animation:disappear-detail-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-2342a3fd]{animation:appear-broad-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-2342a3fd]{animation:disappear-broad-2342a3fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-2342a3fd]{--calendar-animation-scaling: .1;--calendar-animation-duration: .4s;--calendar-animation-timing: ease-in-out;border:1px solid var(--color-neutrals-blue);min-width:330px;max-width:900px;justify-content:center}.calendar-caption[data-v-2342a3fd]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:grid;grid-template-columns:auto 1fr auto;align-items:center}.header[data-v-2342a3fd]{justify-content:center;display:flex}.header .m-button[data-v-2342a3fd]{cursor:pointer}.container-view-size[data-v-2342a3fd]{--cal-container-view-height: 313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);overflow:hidden;position:relative}.muc-divider[data-v-a337b11f]{align-self:stretch;height:0;border-bottom:1px var(--color-neutrals-blue) solid}.card[data-v-e678f6b1]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-e678f6b1]:hover{background-color:#f1f1f1}.card-content[data-v-e678f6b1]{padding:32px 24px}.card-header[data-v-e678f6b1]{display:flex}.card-tagline[data-v-e678f6b1]{font-size:16px;font-family:Open Sans,sans-serif;color:#005a9f;font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-e678f6b1]{margin-top:16px;margin-bottom:16px}@media all and (min-width: 992px){.card-container[data-v-b37a2da2]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-b37a2da2]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:32px}}.form-error-message[data-v-2c971766]{display:flex;align-items:flex-start}.form-error-message .icon[data-v-2c971766]{margin-top:0}.form-error-message span[data-v-2c971766]{margin-left:4px}.drop-zone[data-v-4ce936b8]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed #337bb2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;margin-bottom:20px}.drop-zone.is-dragover.is-not-disabled[data-v-4ce936b8]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-4ce936b8]{cursor:pointer}.drop-zone-additional-information[data-v-4ce936b8]{font-size:14px}.content-centered[data-v-930fa8f5]{display:flex;justify-content:center;align-items:center;height:100%}.content-centered-justify-left[data-v-930fa8f5]{display:flex;justify-content:left;align-items:center;height:100%}.grid[data-v-930fa8f5]{display:grid;grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-930fa8f5]{display:flex;justify-content:space-between}.grid-item[data-v-930fa8f5]>*{margin:0 8px}@media (min-width: 768px){.grid-item[data-v-930fa8f5]:nth-child(1){order:1}.grid-item[data-v-930fa8f5]:nth-child(2){order:2}}@media (max-width: 767px){.grid-item[data-v-930fa8f5]:nth-child(1){order:2}.grid-item[data-v-930fa8f5]:nth-child(2){order:1}.content-centered-justify-left[data-v-930fa8f5]{padding-bottom:.8rem}.grid[data-v-930fa8f5]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-9082a177]{margin-top:8px;margin-bottom:16px}.m-component-slider-comment[data-v-3db5be00]{padding-right:1.8rem;padding-left:1.8rem}.show-cursor[data-v-d2453f8e]{cursor:pointer}.disabled[data-v-d2453f8e]{color:#9ca8b3;border-color:#9ca8b3}