@ptsecurity/mosaic 15.4.0 → 15.5.0

package/_theming.scss

@@ -3963,7 +3963,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
 
     $form-field-password-hint: (
         text-color: $form-field-password-hint-light-color-scheme-text-color,
-        icon-color: $form-field-password-hint-light-color-scheme-text-color,
+        icon-color: $form-field-password-hint-light-color-scheme-icon-color,
 
         state-invalid-text-color: $form-field-password-hint-light-color-scheme-states-invalid-text-color,
         state-invalid-icon-color: $form-field-password-hint-light-color-scheme-states-invalid-icon-color,
@@ -5556,7 +5556,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
 
     $form-field-password-hint: (
         text-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-text-color'),
-        icon-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-text-color'),
+        icon-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-icon-color'),
 
         state-invalid-text-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-states-invalid-text-color'),
         state-invalid-icon-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-states-invalid-icon-color'),
@@ -9177,25 +9177,25 @@ button {
     .mc-sidepanel-container_shadowed {
         &.mc-sidepanel-container_right {
             .mc-sidepanel-content {
-                box-shadow: 0 0 0 1px map-get($sidepanel, border), -6px 0 12px 0 rgba(0, 0, 0, 0.24);
+                box-shadow: -6px 0 12px 0 rgba(0, 0, 0, 0.24);
             }
         }
 
         &.mc-sidepanel-container_left {
             .mc-sidepanel-content {
-                box-shadow: 0 0 0 1px map-get($sidepanel, border), 6px 0 12px 0 rgba(0, 0, 0, 0.24);
+                box-shadow: 6px 0 12px 0 rgba(0, 0, 0, 0.24);
             }
         }
 
         &.mc-sidepanel-container_bottom {
             .mc-sidepanel-content {
-                box-shadow: 0 0 0 1px map-get($sidepanel, border), 0 -6px 12px 0 rgba(0, 0, 0, 0.24);
+                box-shadow: 0 -6px 12px 0 rgba(0, 0, 0, 0.24);
             }
         }
 
         &.mc-sidepanel-container_top {
             .mc-sidepanel-content {
-                box-shadow: 0 0 0 1px map-get($sidepanel, border), 0 6px 12px 0 rgba(0, 0, 0, 0.24);
+                box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.24);
             }
         }
     }

package/core/styles/theming/_alerts.scss

@@ -2,10 +2,6 @@
 @use 'sass:map';
 
 @use '../typography/typography-utils' as *;
-@use '../tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
 
 .mc-alert {
     display: flex;
@@ -14,48 +10,9 @@ $tokens: meta.module-variables(tokens) !default;
     vertical-align: top;
     text-align: left;
 
-    border: var(--mc-alert-size-border-width, map.get($tokens, alert-size-border-width)) solid transparent;
-    border-radius: var(--mc-alert-size-border-radius, map.get($tokens, alert-size-border-radius));
-
     .mc-link {
         padding-left: 0;
     }
-
-    .mc-alert__icon {
-        margin-right: var(--mc-alert-size-icon-margin, map.get($tokens, alert-size-icon-margin));
-    }
-
-    padding: {
-        right: calc(
-            var(--mc-alert-size-horizontal-padding, #{map.get($tokens, alert-size-horizontal-padding)}) -
-            var(--mc-alert-size-border-width, #{map.get($tokens, alert-size-border-width)})
-        );
-        left: calc(
-            var(--mc-alert-size-horizontal-padding, #{map.get($tokens, alert-size-horizontal-padding)}) -
-            var(--mc-alert-size-border-width, #{map.get($tokens, alert-size-border-width)})
-        );
-    };
-
-    &:not(.mc-alert_small) {
-        padding: {
-            top: var(--mc-alert-size-vertical-padding, map.get($tokens, alert-size-vertical-padding));
-            bottom: var(--mc-alert-size-vertical-padding, map.get($tokens, alert-size-vertical-padding));
-        };
-    }
-
-    &.mc-alert_small {
-        padding: {
-            top: var(--mc-alert-size-small-vertical-padding, map.get($tokens, alert-size-small-vertical-padding));
-            bottom: var(--mc-alert-size-small-vertical-padding, map.get($tokens, alert-size-small-vertical-padding));
-        };
-    }
-
-    &.mc-alert_dismissible {
-        padding-right: calc(
-            var(--mc-alert-size-right-padding-dismissible, #{map.get($tokens, alert-size-close-button-width)}) +
-            var(--mc-alert-size-horizontal-padding, #{map.get($tokens, alert-size-horizontal-padding)})
-        );
-    }
 }
 
 .mc-alert_dismissible {
@@ -116,6 +73,8 @@ $tokens: meta.module-variables(tokens) !default;
 
     .mc-alert {
         color: map.get($foreground, text);
+
+        @include mc-alert-geometry(map.get($theme, tokens));
     }
 
     .mc-alert_error {
@@ -139,7 +98,50 @@ $tokens: meta.module-variables(tokens) !default;
     }
 }
 
+@mixin mc-alert-geometry($tokens) {
+    border: var(--mc-alert-size-border-width, map.get($tokens, alert-size-border-width)) solid transparent;
+    border-radius: var(--mc-alert-size-border-radius, map.get($tokens, alert-size-border-radius));
+
+    .mc-alert__icon {
+        margin-right: var(--mc-alert-size-icon-margin, map.get($tokens, alert-size-icon-margin));
+    }
+
+    padding: {
+        right: calc(
+            var(--mc-alert-size-horizontal-padding, #{map.get($tokens, alert-size-horizontal-padding)}) -
+            var(--mc-alert-size-border-width, #{map.get($tokens, alert-size-border-width)})
+        );
+        left: calc(
+            var(--mc-alert-size-horizontal-padding, #{map.get($tokens, alert-size-horizontal-padding)}) -
+            var(--mc-alert-size-border-width, #{map.get($tokens, alert-size-border-width)})
+        );
+    };
+
+    &:not(.mc-alert_small) {
+        padding: {
+            top: var(--mc-alert-size-vertical-padding, map.get($tokens, alert-size-vertical-padding));
+            bottom: var(--mc-alert-size-vertical-padding, map.get($tokens, alert-size-vertical-padding));
+        };
+    }
+
+    &.mc-alert_small {
+        padding: {
+            top: var(--mc-alert-size-small-vertical-padding, map.get($tokens, alert-size-small-vertical-padding));
+            bottom: var(--mc-alert-size-small-vertical-padding, map.get($tokens, alert-size-small-vertical-padding));
+        };
+    }
+
+    &.mc-alert_dismissible {
+        padding-right: calc(
+            var(--mc-alert-size-right-padding-dismissible, #{map.get($tokens, alert-size-close-button-width)}) +
+            var(--mc-alert-size-horizontal-padding, #{map.get($tokens, alert-size-horizontal-padding)})
+        );
+    }
+}
+
 @mixin mc-alert-typography($config) {
+    $tokens: map-get($config, tokens);
+
     .mc-alert:not(.mc-alert_small) {
         @include mc-typography-level-to-styles($config, map.get($tokens, alert-font-default-body));
 

package/core/styles/theming/_badges.scss

@@ -2,10 +2,6 @@
 @use 'sass:map';
 
 @use '../typography/typography-utils' as *;
-@use '../tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
 
 .mc-badge {
     display: inline-flex;
@@ -19,27 +15,6 @@ $tokens: meta.module-variables(tokens) !default;
     border-style: solid;
 
     box-sizing: border-box;
-
-    &.mc-badge_default {
-        height: var(--mc-badge-size-default-height, map.get($tokens, badge-size-default-height));
-        min-width: var(--mc-badge-size-default-min-width, map.get($tokens, badge-size-default-min-width));
-        padding: var(--mc-badge-size-default-padding, map.get($tokens, badge-size-default-padding));
-        border: {
-            width: var(--mc-badge-size-default-border-width, map.get($tokens, badge-size-default-border-width));
-            radius: var(--mc-badge-size-default-border-radius, map.get($tokens, badge-size-default-border-radius));
-        }
-    }
-
-    &.mc-badge_mini {
-        height: var(--mc-badge-size-mini-height, map.get($tokens, badge-size-mini-height));
-        min-width: var(--mc-badge-size-mini-min-width, map.get($tokens, badge-size-mini-min-width));
-        padding: var(--mc-badge-size-mini-padding, map.get($tokens, badge-size-mini-padding));
-        border: {
-            width: var(--mc-badge-size-mini-border-width, map.get($tokens, badge-size-mini-border-width));
-            radius: var(--mc-badge-size-mini-border-radius, map.get($tokens, badge-size-mini-border-radius));
-        }
-
-    }
 }
 
 
@@ -56,6 +31,8 @@ $tokens: meta.module-variables(tokens) !default;
     .mc-badge {
         color: map.get($foreground, text);
         border-color: map.get($foreground, border);
+
+        @include mc-badges-geometry(map.get($theme, tokens));
     }
 
     .mc-badge_solid {
@@ -115,7 +92,33 @@ $tokens: meta.module-variables(tokens) !default;
     }
 }
 
+@mixin mc-badges-geometry($tokens) {
+    .mc-badge {
+        &.mc-badge_default {
+            height: var(--mc-badge-size-default-height, map.get($tokens, badge-size-default-height));
+            min-width: var(--mc-badge-size-default-min-width, map.get($tokens, badge-size-default-min-width));
+            padding: var(--mc-badge-size-default-padding, map.get($tokens, badge-size-default-padding));
+            border: {
+                width: var(--mc-badge-size-default-border-width, map.get($tokens, badge-size-default-border-width));
+                radius: var(--mc-badge-size-default-border-radius, map.get($tokens, badge-size-default-border-radius));
+            }
+        }
+
+        &.mc-badge_mini {
+            height: var(--mc-badge-size-mini-height, map.get($tokens, badge-size-mini-height));
+            min-width: var(--mc-badge-size-mini-min-width, map.get($tokens, badge-size-mini-min-width));
+            padding: var(--mc-badge-size-mini-padding, map.get($tokens, badge-size-mini-padding));
+            border: {
+                width: var(--mc-badge-size-mini-border-width, map.get($tokens, badge-size-mini-border-width));
+                radius: var(--mc-badge-size-mini-border-radius, map.get($tokens, badge-size-mini-border-radius));
+            }
+        }
+    }
+}
+
 @mixin mc-badge-typography($config) {
+    $tokens: map-get($config, tokens);
+
     .mc-badge_default {
         @include mc-typography-level-to-styles($config, map.get($tokens, badge-font-default-default));
 

package/core/styles/theming/_components-theming.scss

@@ -449,7 +449,7 @@
 
     $form-field-password-hint: (
         text-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-text-color'),
-        icon-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-text-color'),
+        icon-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-icon-color'),
 
         state-invalid-text-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-states-invalid-text-color'),
         state-invalid-icon-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-states-invalid-icon-color'),

package/core/styles/theming/_scrollbars.scss

@@ -2,41 +2,10 @@
 @use 'sass:map';
 
 @use '../functions/string' as *;
-@use '../tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
 
 .mc-scrollbar {
     //firefox
     scrollbar-width: auto;
-
-    // webkit
-    &::-webkit-scrollbar,
-    ::-webkit-scrollbar {
-        width: var(--mc-scrollbar-size-track-width, map.get($tokens, scrollbar-size-track-width));
-    }
-
-    &::-webkit-scrollbar-thumb,
-    ::-webkit-scrollbar-thumb {
-        width: var(--mc-scrollbar-size-thumb-width, map.get($tokens, scrollbar-size-thumb-width));
-        border-width: var(
-            --mc-scrollbar-size-thumb-inset-border-width,
-            map.get($tokens, scrollbar-size-thumb-border-width)
-        );
-        border-radius: var(
-            --mc-scrollbar-size-thumb-inset-border-radius,
-            map.get($tokens, scrollbar-size-thumb-border-radius)
-        );
-    }
-
-    &::-webkit-scrollbar-button,
-    ::-webkit-scrollbar-button {
-        display: none;
-
-        width: var(--mc-scrollbar-size-arrow-icon-width, map.get($tokens, scrollbar-size-arrow-icon-width));
-        height: var(--mc-scrollbar-size-arrow-icon-height, map.get($tokens, scrollbar-size-arrow-icon-height));
-    }
 }
 
 @mixin mc-scrollbar-theme($theme) {
@@ -115,6 +84,36 @@ $tokens: meta.module-variables(tokens) !default;
             }
         }
         /* stylelint-enable */
+        @include mc-scrollbar-geometry(map.get($theme, tokens));
+    }
+}
+
+@mixin mc-scrollbar-geometry($tokens) {
+    // webkit
+    &::-webkit-scrollbar,
+    ::-webkit-scrollbar {
+        width: var(--mc-scrollbar-size-track-width, map.get($tokens, scrollbar-size-track-width));
+    }
+
+    &::-webkit-scrollbar-thumb,
+    ::-webkit-scrollbar-thumb {
+        width: var(--mc-scrollbar-size-thumb-width, map.get($tokens, scrollbar-size-thumb-width));
+        border-width: var(
+            --mc-scrollbar-size-thumb-inset-border-width,
+            map.get($tokens, scrollbar-size-thumb-border-width)
+        );
+        border-radius: var(
+            --mc-scrollbar-size-thumb-inset-border-radius,
+            map.get($tokens, scrollbar-size-thumb-border-radius)
+        );
+    }
+
+    &::-webkit-scrollbar-button,
+    ::-webkit-scrollbar-button {
+        display: none;
+
+        width: var(--mc-scrollbar-size-arrow-icon-width, map.get($tokens, scrollbar-size-arrow-icon-width));
+        height: var(--mc-scrollbar-size-arrow-icon-height, map.get($tokens, scrollbar-size-arrow-icon-height));
     }
 }
 

package/core/styles/theming/_theming.scss

@@ -127,7 +127,9 @@
 
         states: _theme_states($tokens, $scheme),
 
-        components: mc-components-theme($tokens, $scheme)
+        components: mc-components-theme($tokens, $scheme),
+
+        tokens: $tokens
     );
 }
 
@@ -150,6 +152,8 @@
 
         states: _theme_states($tokens, $scheme),
 
-        components: mc-components-theme($tokens, $scheme)
+        components: mc-components-theme($tokens, $scheme),
+
+        tokens: $tokens
     );
 }

package/core/styles/typography/_typography.scss

@@ -44,7 +44,7 @@
     }
 
     // Add the base font family to the config.
-    @return map.merge($config, (font-family: $font-family));
+    @return map.merge($config, (font-family: $font-family, tokens: $tokens));
 }
 
 @function mc-markdown-typography-config($tokens) {
@@ -74,7 +74,7 @@
     }
 
     // Add the base font family to the config.
-    @return map.merge($config, (font-family: $font-family));
+    @return map.merge($config, (font-family: $font-family, tokens: $tokens));
 }
 
 
@@ -146,7 +146,7 @@
     .mc-caption_mono {
         @include mc-typography-level-to-styles($config, caption-mono);
     }
-    
+
     .mc-caption_mono_strong {
         @include mc-typography-level-to-styles($config, caption-mono-strong);
     }

package/esm2020/autocomplete/autocomplete-origin.directive.mjs

@@ -9,9 +9,9 @@ export class McAutocompleteOrigin {
         this.elementRef = elementRef;
     }
 }
-/** @nocollapse */ McAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McAutocompleteOrigin, selector: "[mcAutocompleteOrigin]", exportAs: ["mcAutocompleteOrigin"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAutocompleteOrigin, decorators: [{
+/** @nocollapse */ McAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McAutocompleteOrigin, selector: "[mcAutocompleteOrigin]", exportAs: ["mcAutocompleteOrigin"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAutocompleteOrigin, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mcAutocompleteOrigin]',

package/esm2020/autocomplete/autocomplete-trigger.directive.mjs

@@ -502,9 +502,9 @@ export class McAutocompleteTrigger {
         return !element.readOnly && !element.disabled && !this._autocompleteDisabled;
     }
 }
-/** @nocollapse */ McAutocompleteTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAutocompleteTrigger, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.NgZone }, { token: MC_AUTOCOMPLETE_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i3.McFormField, host: true, optional: true }, { token: DOCUMENT, optional: true }, { token: i4.ViewportRuler }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McAutocompleteTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McAutocompleteTrigger, selector: "input[mcAutocomplete], textarea[mcAutocomplete]", inputs: { autocomplete: ["mcAutocomplete", "autocomplete"], connectedTo: ["mcAutocompleteConnectedTo", "connectedTo"], autocompleteAttribute: ["autocomplete", "autocompleteAttribute"], autocompleteDisabled: ["mcAutocompleteDisabled", "autocompleteDisabled"] }, host: { listeners: { "focusin": "handleFocus()", "blur": "onTouched()", "input": "handleInput($event)", "keydown": "handleKeydown($event)", "click": "handleClick($event)" }, properties: { "attr.autocomplete": "autocompleteAttribute" }, classAttribute: "mc-autocomplete-trigger" }, providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["mcAutocompleteTrigger"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAutocompleteTrigger, decorators: [{
+/** @nocollapse */ McAutocompleteTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAutocompleteTrigger, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.NgZone }, { token: MC_AUTOCOMPLETE_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i3.McFormField, host: true, optional: true }, { token: DOCUMENT, optional: true }, { token: i4.ViewportRuler }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McAutocompleteTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McAutocompleteTrigger, selector: "input[mcAutocomplete], textarea[mcAutocomplete]", inputs: { autocomplete: ["mcAutocomplete", "autocomplete"], connectedTo: ["mcAutocompleteConnectedTo", "connectedTo"], autocompleteAttribute: ["autocomplete", "autocompleteAttribute"], autocompleteDisabled: ["mcAutocompleteDisabled", "autocompleteDisabled"] }, host: { listeners: { "focusin": "handleFocus()", "blur": "onTouched()", "input": "handleInput($event)", "keydown": "handleKeydown($event)", "click": "handleClick($event)" }, properties: { "attr.autocomplete": "autocompleteAttribute" }, classAttribute: "mc-autocomplete-trigger" }, providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["mcAutocompleteTrigger"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAutocompleteTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[mcAutocomplete], textarea[mcAutocomplete]`,

package/esm2020/autocomplete/autocomplete.component.mjs

@@ -106,11 +106,11 @@ export class McAutocomplete {
         this.keyManager.onKeydown(event);
     }
 }
-/** @nocollapse */ McAutocomplete.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAutocomplete, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: MC_AUTOCOMPLETE_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McAutocomplete.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McAutocomplete, selector: "mc-autocomplete", inputs: { displayWith: "displayWith", panelWidth: "panelWidth", classList: ["class", "classList"], autoActiveFirstOption: "autoActiveFirstOption", openOnFocus: "openOnFocus" }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed" }, host: { classAttribute: "mc-autocomplete" }, providers: [{
+/** @nocollapse */ McAutocomplete.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAutocomplete, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: MC_AUTOCOMPLETE_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McAutocomplete.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McAutocomplete, selector: "mc-autocomplete", inputs: { displayWith: "displayWith", panelWidth: "panelWidth", classList: ["class", "classList"], autoActiveFirstOption: "autoActiveFirstOption", openOnFocus: "openOnFocus" }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed" }, host: { classAttribute: "mc-autocomplete" }, providers: [{
             provide: MC_OPTION_PARENT_COMPONENT, useExisting: McAutocomplete
         }], queries: [{ propertyName: "options", predicate: McOption, descendants: true }, { propertyName: "optionGroups", predicate: McOptgroup }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["mcAutocomplete"], ngImport: i0, template: "<ng-template>\n    <div class=\"mc-autocomplete-panel mc-scrollbar\" role=\"listbox\" [id]=\"id\" [ngClass]=\"classList\" #panel>\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", styles: [".mc-autocomplete-trigger{text-overflow:ellipsis}.mc-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--mc-autocomplete-size-panel-max-height, 256px);border-width:1px;border-style:solid;border-bottom-left-radius:var(--mc-autocomplete-size-panel-border-radius, 4px);border-bottom-right-radius:var(--mc-autocomplete-size-panel-border-radius, 4px);padding:var(--mc-autocomplete-size-panel-padding, 4px 0)}.mc-autocomplete-panel.mc-autocomplete_visible{visibility:visible}.mc-autocomplete-panel.mc-autocomplete_hidden{visibility:hidden}.mc-autocomplete-panel-above .mc-autocomplete-panel{border-radius:var(--mc-autocomplete-size-panel-border-radius, 4px) var(--mc-autocomplete-size-panel-border-radius, 4px) 0 0}.mc-autocomplete-panel .mc-divider-horizontal{margin-top:-1px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAutocomplete, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAutocomplete, decorators: [{
             type: Component,
             args: [{ selector: 'mc-autocomplete', exportAs: 'mcAutocomplete', host: {
                         class: 'mc-autocomplete'

package/esm2020/autocomplete/autocomplete.module.mjs

@@ -8,15 +8,15 @@ import { McAutocomplete } from './autocomplete.component';
 import * as i0 from "@angular/core";
 export class McAutocompleteModule {
 }
-/** @nocollapse */ McAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McAutocompleteModule, declarations: [McAutocomplete, McAutocompleteTrigger, McAutocompleteOrigin], imports: [McOptionModule, OverlayModule, McCommonModule, CommonModule], exports: [McAutocomplete,
+/** @nocollapse */ McAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McAutocompleteModule, declarations: [McAutocomplete, McAutocompleteTrigger, McAutocompleteOrigin], imports: [McOptionModule, OverlayModule, McCommonModule, CommonModule], exports: [McAutocomplete,
         McOptionModule,
         McAutocompleteTrigger,
         McAutocompleteOrigin,
         McCommonModule] });
-/** @nocollapse */ McAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAutocompleteModule, providers: [MC_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [McOptionModule, OverlayModule, McCommonModule, CommonModule, McOptionModule,
+/** @nocollapse */ McAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAutocompleteModule, providers: [MC_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [McOptionModule, OverlayModule, McCommonModule, CommonModule, McOptionModule,
         McCommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAutocompleteModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAutocompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [McOptionModule, OverlayModule, McCommonModule, CommonModule],

package/esm2020/button/button.component.mjs

@@ -53,9 +53,9 @@ export class McButtonCssStyler {
         }
     }
 }
-/** @nocollapse */ McButtonCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonCssStyler, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McButtonCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McButtonCssStyler, selector: "[mc-button]", host: { properties: { "class.mc-button": "!isIconButton", "class.mc-icon-button": "isIconButton" } }, queries: [{ propertyName: "icons", predicate: i0.forwardRef(function () { return McIcon; }) }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonCssStyler, decorators: [{
+/** @nocollapse */ McButtonCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonCssStyler, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McButtonCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McButtonCssStyler, selector: "[mc-button]", host: { properties: { "class.mc-button": "!isIconButton", "class.mc-icon-button": "isIconButton" } }, queries: [{ propertyName: "icons", predicate: i0.forwardRef(function () { return McIcon; }) }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonCssStyler, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mc-button]',
@@ -132,9 +132,9 @@ export class McButton extends McButtonMixinBase {
         this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);
     }
 }
-/** @nocollapse */ McButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButton, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: McButtonCssStyler }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McButton, selector: "[mc-button]", inputs: { color: "color", tabIndex: "tabIndex", disabled: "disabled" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()" }, properties: { "attr.disabled": "disabled || null", "attr.tabIndex": "tabIndex" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mc-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n    <ng-content></ng-content>\n</div>\n<div class=\"mc-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: [".mc-button,.mc-light-button,.mc-icon-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--mc-button-size-height, 32px);min-height:var(--mc-button-size-height, 32px);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--mc-button-size-border-width, 1px) solid transparent;border-radius:var(--mc-button-size-border-radius, 4px)}.mc-button::-moz-focus-inner,.mc-light-button::-moz-focus-inner,.mc-icon-button::-moz-focus-inner{border:0}.mc-button:focus,.mc-light-button:focus,.mc-icon-button:focus{outline:none}[disabled].mc-button,[disabled].mc-light-button,[disabled].mc-icon-button{cursor:default}.cdk-focused.mc-button,.cdk-focused.mc-light-button,.cdk-focused.mc-icon-button{z-index:1}.mc-button .mc-button-wrapper,.mc-light-button .mc-button-wrapper,.mc-icon-button .mc-button-wrapper{display:flex;align-items:center}.mc-button .mc-icon_left,.mc-light-button .mc-icon_left,.mc-icon-button .mc-icon_left{margin-right:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button .mc-icon_right,.mc-light-button .mc-icon_right,.mc-icon-button .mc-icon_right{margin-left:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button{padding-left:var(--mc-button-size-horizontal-padding, 12px);padding-right:var(--mc-button-size-horizontal-padding, 12px)}.mc-icon-button{padding-left:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px));padding-right:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px))}.mc-button-overlay{position:absolute;inset:-1px;border-radius:inherit}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButton, decorators: [{
+/** @nocollapse */ McButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButton, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: McButtonCssStyler }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McButton, selector: "[mc-button]", inputs: { color: "color", tabIndex: "tabIndex", disabled: "disabled" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()" }, properties: { "attr.disabled": "disabled || null", "attr.tabIndex": "tabIndex" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mc-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n    <ng-content></ng-content>\n</div>\n<div class=\"mc-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: [".mc-button,.mc-light-button,.mc-icon-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--mc-button-size-height, 32px);min-height:var(--mc-button-size-height, 32px);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--mc-button-size-border-width, 1px) solid transparent;border-radius:var(--mc-button-size-border-radius, 4px)}.mc-button::-moz-focus-inner,.mc-light-button::-moz-focus-inner,.mc-icon-button::-moz-focus-inner{border:0}.mc-button:focus,.mc-light-button:focus,.mc-icon-button:focus{outline:none}[disabled].mc-button,[disabled].mc-light-button,[disabled].mc-icon-button{cursor:default}.cdk-focused.mc-button,.cdk-focused.mc-light-button,.cdk-focused.mc-icon-button{z-index:1}.mc-button .mc-button-wrapper,.mc-light-button .mc-button-wrapper,.mc-icon-button .mc-button-wrapper{display:flex;align-items:center}.mc-button .mc-icon_left,.mc-light-button .mc-icon_left,.mc-icon-button .mc-icon_left{margin-right:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button .mc-icon_right,.mc-light-button .mc-icon_right,.mc-icon-button .mc-icon_right{margin-left:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button{padding-left:var(--mc-button-size-horizontal-padding, 12px);padding-right:var(--mc-button-size-horizontal-padding, 12px)}.mc-icon-button{padding-left:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px));padding-right:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px))}.mc-button-overlay{position:absolute;inset:-1px;border-radius:inherit}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButton, decorators: [{
             type: Component,
             args: [{ selector: '[mc-button]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color', 'tabIndex'], host: {
                         '[attr.disabled]': 'disabled || null',

package/esm2020/button/button.module.mjs

@@ -7,18 +7,18 @@ import { McButton, McButtonCssStyler } from './button.component';
 import * as i0 from "@angular/core";
 export class McButtonModule {
 }
-/** @nocollapse */ McButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McButtonModule, declarations: [McButton,
+/** @nocollapse */ McButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McButtonModule, declarations: [McButton,
         McButtonCssStyler], imports: [CommonModule,
         A11yModule,
         PlatformModule,
         ObserversModule], exports: [McButton,
         McButtonCssStyler] });
-/** @nocollapse */ McButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonModule, imports: [CommonModule,
+/** @nocollapse */ McButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonModule, imports: [CommonModule,
         A11yModule,
         PlatformModule,
         ObserversModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/button-toggle/button-toggle.component.mjs

@@ -206,9 +206,9 @@ export class McButtonToggleGroup {
         }
     }
 }
-/** @nocollapse */ McButtonToggleGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonToggleGroup, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McButtonToggleGroup.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McButtonToggleGroup, selector: "mc-button-toggle-group", inputs: { vertical: "vertical", value: "value", multiple: "multiple", disabled: "disabled" }, outputs: { valueChange: "valueChange", change: "change" }, host: { attributes: { "role": "group" }, properties: { "class.mc-button-toggle_vertical": "vertical" }, classAttribute: "mc-button-toggle-group" }, providers: [MC_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR], queries: [{ propertyName: "buttonToggles", predicate: i0.forwardRef(function () { return McButtonToggle; }) }], exportAs: ["mcButtonToggleGroup"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonToggleGroup, decorators: [{
+/** @nocollapse */ McButtonToggleGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonToggleGroup, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McButtonToggleGroup.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McButtonToggleGroup, selector: "mc-button-toggle-group", inputs: { vertical: "vertical", value: "value", multiple: "multiple", disabled: "disabled" }, outputs: { valueChange: "valueChange", change: "change" }, host: { attributes: { "role": "group" }, properties: { "class.mc-button-toggle_vertical": "vertical" }, classAttribute: "mc-button-toggle-group" }, providers: [MC_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR], queries: [{ propertyName: "buttonToggles", predicate: i0.forwardRef(function () { return McButtonToggle; }) }], exportAs: ["mcButtonToggleGroup"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonToggleGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mc-button-toggle-group',
@@ -324,8 +324,8 @@ export class McButtonToggle {
         this.changeDetectorRef.markForCheck();
     }
 }
-/** @nocollapse */ McButtonToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonToggle, deps: [{ token: McButtonToggleGroup, optional: true }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McButtonToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McButtonToggle, selector: "mc-button-toggle", inputs: { checked: "checked", value: "value", tabIndex: "tabIndex", disabled: "disabled" }, outputs: { change: "change" }, host: { properties: { "class.mc-button-toggle-standalone": "!buttonToggleGroup", "class": "\"mc-button-toggle\" + iconType" }, classAttribute: "mc-button-toggle" }, queries: [{ propertyName: "icons", predicate: McIcon, descendants: true }], viewQueries: [{ propertyName: "mcButton", first: true, predicate: McButton, descendants: true }], exportAs: ["mcButtonToggle"], ngImport: i0, template: `
+/** @nocollapse */ McButtonToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonToggle, deps: [{ token: McButtonToggleGroup, optional: true }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McButtonToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McButtonToggle, selector: "mc-button-toggle", inputs: { checked: "checked", value: "value", tabIndex: "tabIndex", disabled: "disabled" }, outputs: { change: "change" }, host: { properties: { "class.mc-button-toggle-standalone": "!buttonToggleGroup", "class": "\"mc-button-toggle\" + iconType" }, classAttribute: "mc-button-toggle" }, queries: [{ propertyName: "icons", predicate: McIcon, descendants: true }], viewQueries: [{ propertyName: "mcButton", first: true, predicate: McButton, descendants: true }], exportAs: ["mcButtonToggle"], ngImport: i0, template: `
         <button
             mc-button
             mc-title
@@ -339,7 +339,7 @@ export class McButtonToggle {
             </div>
         </button>
     `, isInline: true, styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mc-button-toggle-group{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;gap:2px;border-width:var(--mc-button-toggle-group-size-border-width, 1px);border-radius:var(--mc-button-toggle-group-size-border-radius, 4px);border-style:solid;padding:var(--mc-button-toggle-group-size-padding, 1px)}.mc-button-toggle-group .mc-button-toggle{display:flex;overflow:hidden;justify-content:flex-start;border-radius:var(--mc-button-toggle-size-border-radius, 2px)}.mc-button-toggle-group .mc-button-toggle>.mc-button,.mc-button-toggle-group .mc-button-toggle>.mc-icon-button{border:none;border-width:var(--mc-button-toggle-size-border-width, 1px);border-radius:var(--mc-button-toggle-size-border-radius, 2px);min-width:var(--mc-button-toggle-size-min-width, 40px);padding-left:var(--mc-button-toggle-size-horizontal-padding, 12px);padding-right:var(--mc-button-toggle-size-horizontal-padding, 12px)}.mc-button-toggle-group .mc-button-toggle>.mc-button .mc-button-wrapper,.mc-button-toggle-group .mc-button-toggle>.mc-icon-button .mc-button-wrapper{width:100%}.mc-button-toggle-group .mc-button-toggle>.mc-button .mc-button-toggle-wrapper,.mc-button-toggle-group .mc-button-toggle>.mc-icon-button .mc-button-toggle-wrapper{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;width:100%}.mc-button-toggle-group .mc-button-toggle>.mc-button .mc-button-toggle-wrapper .mc-icon,.mc-button-toggle-group .mc-button-toggle>.mc-icon-button .mc-button-toggle-wrapper .mc-icon{line-height:20px;vertical-align:baseline}.mc-button-toggle-group .mc-button-toggle.mc-button-toggle-icon-text>.mc-button,.mc-button-toggle-group .mc-button-toggle.mc-button-toggle-icon-text>.mc-icon-button{padding-left:var(--mc-button-toggle-size-left-icon-padding, 6px)}.mc-button-toggle-group .mc-button-toggle.mc-button-toggle-icon-text>.mc-button .mc-icon,.mc-button-toggle-group .mc-button-toggle.mc-button-toggle-icon-text>.mc-icon-button .mc-icon{margin-right:4px}.mc-button-toggle-group .mc-button-toggle[disabled]{outline:0}.mc-button-toggle-group:not(.mc-button-toggle_vertical){height:32px}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle>.mc-button,.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle>.mc-icon-button{height:28px;min-height:28px}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle.mc-button-toggle-icon{width:var(--mc-icon-button-toggle-size-width, 64px)}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle.mc-button-toggle-icon>.mc-button,.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle.mc-button-toggle-icon>.mc-icon-button{width:var(--mc-icon-button-toggle-size-width, 64px)}.mc-button-toggle_vertical{flex-direction:column}.mc-button-toggle_vertical .mc-button-toggle+.mc-button-toggle{border-left:none;border-right:none}.mc-button-toggle_vertical .mc-button-toggle{width:100%}.mc-button-toggle_vertical .mc-button-toggle>.mc-button,.mc-button-toggle_vertical .mc-button-toggle>.mc-icon-button{width:100%;border-width:var(--mc-button-toggle-size-border-width, 1px);border-radius:var(--mc-button-toggle-size-border-radius, 2px)}.mc-button-toggle-standalone{box-shadow:none}\n"], dependencies: [{ kind: "component", type: i2.McButton, selector: "[mc-button]", inputs: ["color", "tabIndex", "disabled"] }, { kind: "directive", type: i2.McButtonCssStyler, selector: "[mc-button]" }, { kind: "directive", type: i3.McTitleDirective, selector: "[mc-title]", exportAs: ["mcTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonToggle, decorators: [{
             type: Component,
             args: [{ selector: 'mc-button-toggle', exportAs: 'mcButtonToggle', template: `
         <button

package/esm2020/button-toggle/button-toggle.module.mjs

@@ -6,10 +6,10 @@ import { McButtonToggle, McButtonToggleGroup } from './button-toggle.component';
 import * as i0 from "@angular/core";
 export class McButtonToggleModule {
 }
-/** @nocollapse */ McButtonToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McButtonToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McButtonToggleModule, declarations: [McButtonToggleGroup, McButtonToggle], imports: [McCommonModule, McButtonModule, McTitleModule], exports: [McCommonModule, McButtonToggleGroup, McButtonToggle] });
-/** @nocollapse */ McButtonToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonToggleModule, imports: [McCommonModule, McButtonModule, McTitleModule, McCommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonToggleModule, decorators: [{
+/** @nocollapse */ McButtonToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McButtonToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McButtonToggleModule, declarations: [McButtonToggleGroup, McButtonToggle], imports: [McCommonModule, McButtonModule, McTitleModule], exports: [McCommonModule, McButtonToggleGroup, McButtonToggle] });
+/** @nocollapse */ McButtonToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonToggleModule, imports: [McCommonModule, McButtonModule, McTitleModule, McCommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonToggleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [McCommonModule, McButtonModule, McTitleModule],

package/esm2020/card/card.component.mjs

@@ -56,9 +56,9 @@ export class McCard extends McCardBaseMixin {
         return this.elementRef.nativeElement;
     }
 }
-/** @nocollapse */ McCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCard, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McCard, selector: "mc-card", inputs: { color: "color", readonly: "readonly", selected: "selected", tabIndex: "tabIndex" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class.mc-card_readonly": "readonly", "class.mc-selected": "selected", "attr.tabindex": "tabIndex" }, classAttribute: "mc-card" }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<div class=\"mc-card__overlay\"></div>\n", styles: [".mc-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--mc-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.mc-card:focus{outline:none}.mc-card .mc-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.mc-card.mc-card_readonly{cursor:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCard, decorators: [{
+/** @nocollapse */ McCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCard, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McCard, selector: "mc-card", inputs: { color: "color", readonly: "readonly", selected: "selected", tabIndex: "tabIndex" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class.mc-card_readonly": "readonly", "class.mc-selected": "selected", "attr.tabindex": "tabIndex" }, classAttribute: "mc-card" }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<div class=\"mc-card__overlay\"></div>\n", styles: [".mc-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--mc-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.mc-card:focus{outline:none}.mc-card .mc-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.mc-card.mc-card_readonly{cursor:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCard, decorators: [{
             type: Component,
             args: [{ selector: 'mc-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
                         class: 'mc-card',