@muenchen/muc-patternlab-vue 8.2.0-beta.2 → 8.2.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 (4) hide show
  1. package/components/Form/FormErrorMessage.vue.d.ts +2 -2
  2. package/muc-patternlab-vue.css +1 -1
  3. package/muc-patternlab-vue.es.js +13 -6
  4. package/package.json +1 -1
package/components/Form/FormErrorMessage.vue.d.ts CHANGED
@@ -4,10 +4,10 @@ declare function __VLS_template(): {
4
4
  default?(_: {}): any;
5
5
  };
6
6
  refs: {};
7
- rootEl: HTMLSpanElement;
7
+ rootEl: HTMLParagraphElement;
8
8
  };
9
9
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
- declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
10
+ declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLParagraphElement>;
11
11
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
12
12
  export default _default;
13
13
  type __VLS_WithTemplateSlots<T, S> = T & {
package/muc-patternlab-vue.css CHANGED
@@ -1,2 +1,2 @@
1
- @media (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:1s ease-in-out rotate}.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;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-db120593]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=false][data-v-db120593]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=true][data-v-db120593]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.selected[data-v-db120593]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-db120593]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-db120593]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-e7805970]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=false][data-v-e7805970]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=true][data-v-e7805970]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count:7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-528928e7]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-528928e7]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=false][data-v-528928e7]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=true][data-v-528928e7]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-4dc141ae]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=false][data-v-4dc141ae]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-0e82f1d5]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-0e82f1d5]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=false][data-v-0e82f1d5]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-2d92e62c]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=false][data-v-2d92e62c]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-761c6c2c{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{opacity:1;transform:scale(1)}}@keyframes disappear-broad-761c6c2c{0%{opacity:1;transform:scale(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{opacity:1;transform:scale(1)}}@keyframes disappear-detail-761c6c2c{0%{opacity:1;transform:scale(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);justify-content:center;min-width:330px;max-width:900px}.calendar-caption[data-v-761c6c2c]{border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);justify-content:space-between;align-items:center;padding:5px;display:flex}.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);position:relative;overflow:hidden}.muc-divider[data-v-a337b11f]{border-bottom:1px var(--color-neutrals-blue) solid;align-self:stretch;height:0}.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 .15s ease-in}.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]{height:100%;display:block;color:var(--mde-color-neutral-grey)!important;text-decoration:none!important}.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 (width>=768px){.card-content[data-v-541410e8]{padding:32px 24px}}@media (width>=992px){.card-container[data-v-f333e595]{grid-column-gap:32px;grid-row-gap:32px;grid-template-columns:repeat(auto-fit,384px);padding-left:0;padding-right:0;display:grid}}@media (width<=992px){.card-container[data-v-f333e595]{grid-row-gap:24px;grid-template-columns:1fr;padding-left:0;padding-right:0;display:inline-grid}}.form-error-message[data-v-be5ca159]{align-items:flex-start;display:flex}.form-error-message .icon[data-v-be5ca159]{margin-top:0}.form-error-message span[data-v-be5ca159]{margin-left:4px}.drop-zone[data-v-b767117a]{border:1px dashed var(--mde-color-brand-mde-blue-light);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;margin-bottom:20px;padding:20px;display:flex;position:relative}.drop-zone.is-dragover.is-not-disabled[data-v-b767117a]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-b767117a]{cursor:pointer}.content-centered[data-v-af0c991b]{justify-content:center;align-items:center;height:100%;display:flex}.content-centered-justify-left[data-v-af0c991b]{justify-content:left;align-items:center;height:100%;display:flex}.counter-btn--disabled[data-v-af0c991b]{border-color:var(--mde-color-neutral-grey-x-light);color:var(--mde-color-neutral-grey-x-light);background-color:#0000}.grid[data-v-af0c991b]{grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr));display:grid}.grid-item[data-v-af0c991b]{justify-content:space-between;display:flex}.grid-item[data-v-af0c991b]>*{margin:0 8px}@media (width>=768px){.grid-item[data-v-af0c991b]:first-child{order:1}.grid-item[data-v-af0c991b]:nth-child(2){order:2}}@media (width<=767px){.grid-item[data-v-af0c991b]:first-child{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]{color:inherit;--mde-gutter-x:0;border:none;margin-top:1.75rem;padding:0}dialog[data-v-54ec0942]::backdrop{background-color:var(--color-neutrals-grey);opacity:.7}.muc-dialog-actions[data-v-54ec0942]{border-top:1px solid var(--color-neutrals-blue);background:var(--color-neutrals-blue-xlight);justify-content:space-between;align-self:stretch;align-items:center;height:69px;padding:0 24px;display:flex}@media (width<=576px){dialog[data-v-54ec0942]{margin-left:8px;margin-right:8px}}.m-component-slider-comment[data-v-055bab6c]{padding-left:1.8rem;padding-right: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 (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:1s ease-in-out rotate}.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;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-db120593]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=false][data-v-db120593]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=true][data-v-db120593]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.selected[data-v-db120593]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-db120593]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-db120593]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-e7805970]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=false][data-v-e7805970]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=true][data-v-e7805970]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count:7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-528928e7]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-528928e7]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=false][data-v-528928e7]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=true][data-v-528928e7]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-4dc141ae]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=false][data-v-4dc141ae]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-0e82f1d5]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-0e82f1d5]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=false][data-v-0e82f1d5]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size:3px;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);display:grid;overflow:hidden}.muc-calendar-item[data-v-2d92e62c]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=false][data-v-2d92e62c]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:focus{border:1px solid #fff;outline:none;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;pointer-events:none;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-761c6c2c{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{opacity:1;transform:scale(1)}}@keyframes disappear-broad-761c6c2c{0%{opacity:1;transform:scale(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{opacity:1;transform:scale(1)}}@keyframes disappear-detail-761c6c2c{0%{opacity:1;transform:scale(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);justify-content:center;min-width:330px;max-width:900px}.calendar-caption[data-v-761c6c2c]{border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);justify-content:space-between;align-items:center;padding:5px;display:flex}.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);position:relative;overflow:hidden}.muc-divider[data-v-a337b11f]{border-bottom:1px var(--color-neutrals-blue) solid;align-self:stretch;height:0}.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 .15s ease-in}.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]{height:100%;display:block;color:var(--mde-color-neutral-grey)!important;text-decoration:none!important}.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 (width>=768px){.card-content[data-v-541410e8]{padding:32px 24px}}@media (width>=992px){.card-container[data-v-f333e595]{grid-column-gap:32px;grid-row-gap:32px;grid-template-columns:repeat(auto-fit,384px);padding-left:0;padding-right:0;display:grid}}@media (width<=992px){.card-container[data-v-f333e595]{grid-row-gap:24px;grid-template-columns:1fr;padding-left:0;padding-right:0;display:inline-grid}}.drop-zone[data-v-b767117a]{border:1px dashed var(--mde-color-brand-mde-blue-light);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;margin-bottom:20px;padding:20px;display:flex;position:relative}.drop-zone.is-dragover.is-not-disabled[data-v-b767117a]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-b767117a]{cursor:pointer}.content-centered[data-v-af0c991b]{justify-content:center;align-items:center;height:100%;display:flex}.content-centered-justify-left[data-v-af0c991b]{justify-content:left;align-items:center;height:100%;display:flex}.counter-btn--disabled[data-v-af0c991b]{border-color:var(--mde-color-neutral-grey-x-light);color:var(--mde-color-neutral-grey-x-light);background-color:#0000}.grid[data-v-af0c991b]{grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr));display:grid}.grid-item[data-v-af0c991b]{justify-content:space-between;display:flex}.grid-item[data-v-af0c991b]>*{margin:0 8px}@media (width>=768px){.grid-item[data-v-af0c991b]:first-child{order:1}.grid-item[data-v-af0c991b]:nth-child(2){order:2}}@media (width<=767px){.grid-item[data-v-af0c991b]:first-child{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]{color:inherit;--mde-gutter-x:0;border:none;margin-top:1.75rem;padding:0}dialog[data-v-54ec0942]::backdrop{background-color:var(--color-neutrals-grey);opacity:.7}.muc-dialog-actions[data-v-54ec0942]{border-top:1px solid var(--color-neutrals-blue);background:var(--color-neutrals-blue-xlight);justify-content:space-between;align-self:stretch;align-items:center;height:69px;padding:0 24px;display:flex}@media (width<=576px){dialog[data-v-54ec0942]{margin-left:8px;margin-right:8px}}.m-component-slider-comment[data-v-055bab6c]{padding-left:1.8rem;padding-right: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)}
2
2
  /*$vite$:1*/
package/muc-patternlab-vue.es.js CHANGED
@@ -48,7 +48,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
48
48
  color: {}
49
49
  },
50
50
  setup(e) {
51
- let t = k(), r = n(() => t.class ? "icon" : void 0);
51
+ let t = k(), r = n(() => t.class ? t.class : "icon");
52
52
  return (t, n) => (y(), a("svg", {
53
53
  "aria-hidden": "true",
54
54
  class: m(r.value),
@@ -768,16 +768,23 @@ var mt = /* @__PURE__ */ I(dt, [["render", pt], ["__scopeId", "data-v-a337b11f"]
768
768
  } : void 0]), 1032, ["rating", "variant"]));
769
769
  }
770
770
  }), Ut = {
771
- class: "m-error-message form-error-message",
772
- tabindex: "0",
771
+ class: "m-error-message",
773
772
  role: "alert",
774
773
  "aria-live": "polite"
775
- }, Wt = /* @__PURE__ */ I(/* @__PURE__ */ d({
774
+ }, Wt = /* @__PURE__ */ d({
776
775
  __name: "FormErrorMessage",
777
776
  setup(e) {
778
- return (e, t) => (y(), a("span", Ut, [u(O(L), { icon: "warning--filled" }), o("span", null, [w(e.$slots, "default", {}, void 0, !0)])]));
777
+ return (e, t) => (y(), a("p", Ut, [
778
+ u(O(L), {
779
+ class: "icon--before",
780
+ icon: "warning--filled"
781
+ }),
782
+ t[0] ||= o("span", { class: "visually-hidden" }, "Fehler:", -1),
783
+ t[1] ||= l(),
784
+ w(e.$slots, "default")
785
+ ]));
779
786
  }
780
- }), [["__scopeId", "data-v-be5ca159"]]), Gt = {}, Kt = {
787
+ }), Gt = {}, Kt = {
781
788
  "aria-hidden": "true",
782
789
  width: "108",
783
790
  height: "56",
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "author": "FabianWilms",
4
4
  "description": "A vue component library of some of the components available from https://patternlab.muenchen.space",
5
5
  "license": "MIT",
6
- "version": "8.2.0-beta.2",
6
+ "version": "8.2.0-beta.4",
7
7
  "private": false,
8
8
  "module": "./dist/muc-patternlab-vue.es.js",
9
9
  "main": "./dist/index.d.ts",