@muenchen/muc-patternlab-vue 5.3.0 → 5.5.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 (7) hide show
  1. package/components/Form/MucTextArea.stories.d.ts +10 -0
  2. package/components/Form/MucTextArea.vue.d.ts +4 -0
  3. package/components/Intro/MucIntro.stories.d.ts +33 -7
  4. package/components/Intro/MucIntro.vue.d.ts +18 -3
  5. package/muc-patternlab-vue.css +1 -1
  6. package/muc-patternlab-vue.es.js +1002 -962
  7. package/package.json +19 -14
package/components/Form/MucTextArea.stories.d.ts CHANGED
@@ -9,6 +9,7 @@ declare const _default: {
9
9
  label?: string;
10
10
  hint?: string;
11
11
  required?: boolean;
12
+ maxlength?: number;
12
13
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
13
14
  "update:modelValue": (value: string) => any;
14
15
  }, string, import('vue').PublicProps, Readonly<{
@@ -21,6 +22,7 @@ declare const _default: {
21
22
  label?: string;
22
23
  hint?: string;
23
24
  required?: boolean;
25
+ maxlength?: number;
24
26
  }> & Readonly<{
25
27
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
26
28
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -65,3 +67,11 @@ export declare const BigTextArea: {
65
67
  placeholder: string;
66
68
  };
67
69
  };
70
+ export declare const CountTextArea: {
71
+ args: {
72
+ id: string;
73
+ label: string;
74
+ maxlength: number;
75
+ placeholder: string;
76
+ };
77
+ };
package/components/Form/MucTextArea.vue.d.ts CHANGED
@@ -27,6 +27,10 @@ type __VLS_Props = {
27
27
  * Sets this input form as required. Default is false.
28
28
  */
29
29
  required?: boolean;
30
+ /**
31
+ * Restricts character input to the specified number
32
+ */
33
+ maxlength?: number;
30
34
  };
31
35
  type __VLS_PublicProps = {
32
36
  modelValue?: string;
package/components/Intro/MucIntro.stories.d.ts CHANGED
@@ -2,9 +2,15 @@ declare const _default: {
2
2
  component: {
3
3
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
4
4
  title: string;
5
- tagline: string;
5
+ tagline?: string;
6
+ divider?: boolean;
7
+ img?: string;
8
+ imgAlt?: string;
9
+ size?: number;
10
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
11
+ size: number;
6
12
  divider: boolean;
7
- }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
13
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
8
14
  P: {};
9
15
  B: {};
10
16
  D: {};
@@ -13,17 +19,29 @@ declare const _default: {
13
19
  Defaults: {};
14
20
  }, Readonly<{
15
21
  title: string;
16
- tagline: string;
22
+ tagline?: string;
23
+ divider?: boolean;
24
+ img?: string;
25
+ imgAlt?: string;
26
+ size?: number;
27
+ }> & Readonly<{}>, {}, {}, {}, {}, {
28
+ size: number;
17
29
  divider: boolean;
18
- }> & Readonly<{}>, {}, {}, {}, {}, {}>;
30
+ }>;
19
31
  __isFragment?: never;
20
32
  __isTeleport?: never;
21
33
  __isSuspense?: never;
22
34
  } & import('vue').ComponentOptionsBase<Readonly<{
23
35
  title: string;
24
- tagline: string;
36
+ tagline?: string;
37
+ divider?: boolean;
38
+ img?: string;
39
+ imgAlt?: string;
40
+ size?: number;
41
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
42
+ size: number;
25
43
  divider: boolean;
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 () => {
44
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
27
45
  $slots: Readonly<{
28
46
  default(): unknown;
29
47
  }> & {
@@ -45,13 +63,21 @@ export declare const Default: {
45
63
  args: {
46
64
  tagline: string;
47
65
  title: string;
48
- divider: boolean;
66
+ default: string;
67
+ };
68
+ };
69
+ export declare const Icon: {
70
+ args: {
71
+ tagline: string;
72
+ title: string;
73
+ img: string;
49
74
  default: string;
50
75
  };
51
76
  };
52
77
  export declare const Minimal: {
53
78
  args: {
54
79
  title: string;
80
+ divider: boolean;
55
81
  default: string;
56
82
  };
57
83
  };
package/components/Intro/MucIntro.vue.d.ts CHANGED
@@ -6,11 +6,23 @@ type __VLS_Props = {
6
6
  /**
7
7
  * Tagline of the Intro (above the title)
8
8
  */
9
- tagline: string;
9
+ tagline?: string;
10
10
  /**
11
11
  * Toggle to show a divider between title and body
12
12
  */
13
- divider: boolean;
13
+ divider?: boolean;
14
+ /**
15
+ * Img to show next to title and tagline
16
+ */
17
+ img?: string;
18
+ /**
19
+ * ImgAlt useful for screen readers
20
+ */
21
+ imgAlt?: string;
22
+ /**
23
+ * Size of the image
24
+ */
25
+ size?: number;
14
26
  };
15
27
  declare function __VLS_template(): {
16
28
  attrs: Partial<{}>;
@@ -29,7 +41,10 @@ declare function __VLS_template(): {
29
41
  rootEl: HTMLDivElement;
30
42
  };
31
43
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
32
- declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
44
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
45
+ size: number;
46
+ divider: boolean;
47
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
33
48
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
34
49
  export default _default;
35
50
  type __VLS_WithTemplateSlots<T, S> = T & {
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-ce0a9efa]{margin-top:8px;margin-bottom:16px}@media screen and (width >992px){.muc-intro-content[data-v-ce0a9efa]{width:66.6%}}.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-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}