@ptsecurity/mosaic 15.3.1 → 15.4.0-beta.1

package/divider/_divider-theme.scss

@@ -1,5 +1,6 @@
 @use 'sass:map';
 
+
 @mixin mc-divider-theme($theme) {
     $divider: map.get(map.get($theme, components), divider);
 

package/divider/divider.component.d.ts

@@ -6,6 +6,9 @@ export declare class McDivider {
     get inset(): boolean;
     set inset(value: boolean);
     private _inset;
+    get paddings(): boolean;
+    set paddings(value: boolean);
+    private _paddings;
     static ɵfac: i0.ɵɵFactoryDeclaration<McDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McDivider, "mc-divider", never, { "vertical": "vertical"; "inset": "inset"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McDivider, "mc-divider", never, { "vertical": "vertical"; "inset": "inset"; "paddings": "paddings"; }, {}, never, never, false, never>;
 }

package/divider/divider.scss

@@ -6,42 +6,42 @@
 
 $tokens: meta.module-variables(tokens) !default;
 
-// This mixin provides the correct offset for an inset divider based on the
-// size of the parent class (e.g. avatar vs icon)
-@mixin mc-inset-divider-offset($offset, $padding) {
-    $mc-inset-divider-offset: (2 * $padding) + $offset;
-
-    margin-left: $mc-inset-divider-offset;
-    width: 100% - $mc-inset-divider-offset;
-
-    [dir='rtl'] & {
-        margin-left: auto;
-        margin-right: $mc-inset-divider-offset;
-    }
-}
 
 .mc-divider {
     display: block;
     margin: 0;
 
     &.mc-divider_horizontal {
-        border-top-width: var(--mc-divider-size-width, map.get($tokens, divider-size-width));
-        border-top-style: solid;
+        height: var(--mc-divider-size-horizontal-width, map.get($tokens, divider-size-horizontal-width));
+
+        &.mc-divider_paddings {
+            margin-top: var(
+                --mc-divider-size-horizontal-margin-vertical,
+                map.get($tokens, divider-size-horizontal-margin-vertical)
+            );
+
+            margin-bottom: var(
+                --mc-divider-size-horizontal-margin-vertical,
+                map.get($tokens, divider-size-horizontal-margin-vertical)
+            );
+        }
     }
 
     &.mc-divider_vertical {
+        width: var(--mc-divider-size-vertical-width, map.get($tokens, divider-size-vertical-width));
         height: 100%;
 
-        border-right-width: var(--mc-divider-size-width, map.get($tokens, divider-size-width));
-        border-right-style: solid;
-    }
-
-    &.mc-divider_inset {
-        margin-left: var(--mc-divider-size-inset-margin, map.get($tokens, divider-size-inset-margin));
+        &.mc-divider_paddings {
+            margin-left: var(
+                --mc-divider-size-vertical-margin-horizontal,
+                map.get($tokens, divider-size-vertical-margin-horizontal)
+            );
 
-        [dir='rtl'] & {
-            margin-left: auto;
-            margin-right: var(--mc-divider-size-inset-margin, map.get($tokens, divider-size-inset-margin));
+            margin-right: var(
+                --mc-divider-size-vertical-margin-horizontal,
+                map.get($tokens, divider-size-vertical-margin-horizontal)
+            );
         }
     }
+
 }

package/dl/_dl-theme.nvl.scss

@@ -0,0 +1,86 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin nvl-mc-dl-theme($theme) {
+    $dl: map.get(map.get($theme, components), dl);
+
+    .mc-dt {
+        color: map.get($dl, dt);
+    }
+
+    .mc-dd {
+        color: map.get($dl, dd);
+    }
+}
+
+@mixin nvl-mc-dl-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .mc-dl {
+        & .mc-dt {
+            @include mc-typography-level-to-styles(
+                $config,
+                map.get($tokens, description-list-font-default-horizontal-dt)
+            );
+        }
+
+        & .mc-dd {
+            @include mc-typography-level-to-styles(
+                $config,
+                map.get($tokens, description-list-font-default-horizontal-dd)
+            );
+        }
+
+        &.mc-dl_small {
+            & .mc-dt {
+                @include mc-typography-level-to-styles(
+                    $config,
+                    map.get($tokens, description-list-font-small-horizontal-dt)
+                );
+            }
+
+            & .mc-dd {
+                @include mc-typography-level-to-styles(
+                    $config,
+                    map.get($tokens, description-list-font-small-horizontal-dd)
+                );
+            }
+        }
+    }
+
+    .mc-dl.mc-dl_vertical {
+        & .mc-dt {
+            @include mc-typography-level-to-styles(
+                $config,
+                map.get($tokens, description-list-font-default-vertical-dt)
+            );
+        }
+
+        & .mc-dd {
+            @include mc-typography-level-to-styles(
+                $config,
+                map.get($tokens, description-list-font-default-vertical-dd)
+            );
+        }
+
+        &.mc-dl_small {
+            & .mc-dt {
+                @include mc-typography-level-to-styles(
+                    $config,
+                    map.get($tokens, description-list-font-small-vertical-dt)
+                );
+            }
+
+            & .mc-dd {
+                @include mc-typography-level-to-styles(
+                    $config,
+                    map.get($tokens, description-list-font-small-vertical-dd)
+                );
+            }
+        }
+    }
+}
+

package/dl/_dl-theme.scss

@@ -86,4 +86,3 @@ $tokens: meta.module-variables(tokens) !default;
         }
     }
 }
-

package/dropdown/_dropdown-theme.nvl.scss

@@ -0,0 +1,85 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/common/popup' as *;
+@use '../core/styles/theming/theming' as *;
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin nvl-mc-dropdown-theme($theme) {
+    $foreground: map.get($theme, foreground);
+    $background: map.get($theme, background);
+    $secondary: map.get($theme, secondary);
+
+    .mc-dropdown__panel {
+        @include popup-params($theme);
+    }
+
+    .mc-dropdown-item {
+        color: map.get($foreground, text);
+
+        background: transparent;
+
+        &:hover {
+            background: map.get($background, overlay-hover);
+        }
+
+        &.cdk-keyboard-focused {
+            outline: map.get(map.get($theme, states), focused-color) solid 2px;
+            outline-offset: -2px !important;
+        }
+
+        &.mc-selected {
+            background: map.get(map.get($theme, states), selected-color);
+        }
+
+        &[disabled] {
+            color: map.get($foreground, text-disabled);
+
+            background: transparent;
+        }
+
+        .mc-dropdown-item__caption {
+            color: map.get($foreground, text-less-contrast);
+        }
+    }
+
+    .mc-dropdown-item_highlighted {
+        background: map.get($background, overlay-hover);
+    }
+
+    .mc-dropdown-item-overlay {
+        background: transparent;
+    }
+
+    .mc-dropdown__divider {
+        background-color: map.get($foreground, divider);
+    }
+
+    .mc-dropdown-trigger.mc-pressed {
+        & .mc-button-overlay {
+            background: mc-color($secondary, A8);
+        }
+    }
+}
+
+@mixin nvl-mc-dropdown-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .mc-dropdown-item,
+    .mc-dropdown__content {
+        @include mc-typography-level-to-styles($config, map.get($tokens, dropdown-item-font-default));
+    }
+
+    .mc-dropdown-item__caption {
+        @include mc-typography-level-to-styles($config, map.get($tokens, dropdown-item-font-caption));
+    }
+
+    .mc-dropdown__group-header {
+        @include mc-typography-level-to-styles($config, map.get($tokens, dropdown-group-header-font-default));
+
+        &.mc-dropdown__group-header_small {
+            @include mc-typography-level-to-styles($config, map.get($tokens, dropdown-group-header-font-small));
+        }
+    }
+}

package/dropdown/dropdown.scss

@@ -7,18 +7,18 @@
 $tokens: meta.module-variables(tokens) !default;
 
 .mc-dropdown-trigger {
-    &.mc-icon-button_right {
+    &.mc-button-icon_right {
         padding-right: var(
             --mc-dropdown-trigger-size-button-right-padding,
             map.get($tokens, dropdown-trigger-size-button-right-padding)
         );
     }
 
-    &.mc-icon-button_right.mc-icon-button_left .mc-icon_left {
+    &.mc-button-icon_right.mc-button-icon_left .mc-icon_left {
         margin-right: 0;
     }
 
-    & .mc-icon_right {
+    &.mc-button-icon .mc-icon_right {
         margin-left: var(
             --mc-dropdown-trigger-size-right-icon-padding, map.get($tokens, dropdown-trigger-size-right-icon-padding)
         );

package/ellipsis-center/ellipsis-center.directive.d.ts

@@ -0,0 +1,27 @@
+import { Directionality } from '@angular/cdk/bidi';
+import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
+import { ElementRef, OnInit, OnDestroy, NgZone, ViewContainerRef, Renderer2, AfterViewInit } from '@angular/core';
+import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class McEllipsisCenterDirective extends McTooltipTrigger implements OnInit, AfterViewInit, OnDestroy {
+    private renderer;
+    set mcEllipsisCenter(value: string);
+    minVisibleLength: number;
+    readonly resizeStream: Subject<Event>;
+    private _mcEllipsisCenter;
+    private resizeSubscription;
+    private readonly debounceInterval;
+    constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, renderer: Renderer2);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private refresh;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McEllipsisCenterDirective, [null, null, null, null, null, null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McEllipsisCenterDirective, "[mcEllipsisCenter]", never, { "mcEllipsisCenter": "mcEllipsisCenter"; "minVisibleLength": "minVisibleLength"; }, {}, never, never, false, never>;
+}
+export declare class McEllipsisCenterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<McEllipsisCenterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McEllipsisCenterModule, [typeof McEllipsisCenterDirective], never, [typeof McEllipsisCenterDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<McEllipsisCenterModule>;
+}

package/ellipsis-center/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/ellipsis-center/public-api.d.ts

@@ -0,0 +1 @@
+export * from './ellipsis-center.directive';

package/esm2020/alert/alert.component.mjs

@@ -0,0 +1,67 @@
+import { ChangeDetectionStrategy, Component, ContentChild, Directive, ViewEncapsulation } from '@angular/core';
+import { McIconItem } from '@ptsecurity/mosaic/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class McAlertTitle {
+}
+/** @nocollapse */ McAlertTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McAlertTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McAlertTitle, selector: "[mc-alert-title]", host: { classAttribute: "mc-alert__title" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlertTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mc-alert-title]',
+                    host: {
+                        class: 'mc-alert__title'
+                    }
+                }]
+        }] });
+export class McAlertCloseButton {
+}
+/** @nocollapse */ McAlertCloseButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlertCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McAlertCloseButton.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McAlertCloseButton, selector: "[mc-alert-close-button]", host: { classAttribute: "mc-alert-close-button" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlertCloseButton, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mc-alert-close-button]',
+                    host: {
+                        class: 'mc-alert-close-button'
+                    }
+                }]
+        }] });
+export class McAlertControl {
+}
+/** @nocollapse */ McAlertControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlertControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McAlertControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McAlertControl, selector: "[mc-alert-control]", host: { classAttribute: "mc-alert-control" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlertControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mc-alert-control]',
+                    host: {
+                        class: 'mc-alert-control'
+                    }
+                }]
+        }] });
+export class McAlert {
+}
+/** @nocollapse */ McAlert.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McAlert.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McAlert, selector: "mc-alert", host: { properties: { "class.mc-alert_dismissible": "closeButton" }, classAttribute: "mc-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: McIconItem, descendants: true }, { propertyName: "title", first: true, predicate: McAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: McAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: McAlertCloseButton, descendants: true }], ngImport: i0, template: "<div class=\"mc-alert__icon\" *ngIf=\"iconItem\">\n    <ng-content select=\"[mc-icon-item]\"></ng-content>\n</div>\n\n<div class=\"mc-alert__content\">\n    <ng-content select=\"[mc-alert-title]\"></ng-content>\n\n    <div class=\"mc-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"mc-alert__controls\" *ngIf=\"control\">\n        <ng-content select=\"[mc-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"mc-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[mc-alert-close-button]\"></ng-content>\n</div>\n", styles: [".mc-alert{display:flex;border-radius:var(--mc-alert-size-container-border-radius, 12px);min-width:var(--mc-alert-size-container-min-width, );min-height:calc(var(--mc-alert-size-container-min-height, 48px) - var(--mc-alert-size-container-padding-vertical, 16px) * 2);padding:var(--mc-alert-size-container-padding-vertical, 16px) var(--mc-alert-size-container-padding-horizontal, 20px)}.mc-alert__icon{margin-right:var(--mc-alert-size-container-content-gap-horizontal, 12px)}.mc-alert__title{margin-bottom:var(--mc-alert-size-container-content-gap-vertical, 4px)}.mc-alert__controls{margin-top:var(--mc-alert-size-container-content-gap-vertical, 4px);padding-top:var(--mc-alert-size-button-stack-content-padding-top, 12px)}.mc-alert__controls .mc-button{margin-right:var(--mc-alert-size-button-stack-content-content-gap-horizontal, 4px)}.mc-alert__controls .mc-link{margin-right:16px}.mc-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.mc-alert__close-button{margin-left:var(--mc-alert-size-container-content-gap-horizontal, 12px)}.mc-alert_dismissible .mc-alert__close-button{margin-top:var(--mc-alert-size-close-button-margin-top, -8px);margin-right:var(--mc-alert-size-close-button-margin-right, -12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlert, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'mc-alert',
+                        '[class.mc-alert_dismissible]': 'closeButton'
+                    }, template: "<div class=\"mc-alert__icon\" *ngIf=\"iconItem\">\n    <ng-content select=\"[mc-icon-item]\"></ng-content>\n</div>\n\n<div class=\"mc-alert__content\">\n    <ng-content select=\"[mc-alert-title]\"></ng-content>\n\n    <div class=\"mc-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"mc-alert__controls\" *ngIf=\"control\">\n        <ng-content select=\"[mc-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"mc-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[mc-alert-close-button]\"></ng-content>\n</div>\n", styles: [".mc-alert{display:flex;border-radius:var(--mc-alert-size-container-border-radius, 12px);min-width:var(--mc-alert-size-container-min-width, );min-height:calc(var(--mc-alert-size-container-min-height, 48px) - var(--mc-alert-size-container-padding-vertical, 16px) * 2);padding:var(--mc-alert-size-container-padding-vertical, 16px) var(--mc-alert-size-container-padding-horizontal, 20px)}.mc-alert__icon{margin-right:var(--mc-alert-size-container-content-gap-horizontal, 12px)}.mc-alert__title{margin-bottom:var(--mc-alert-size-container-content-gap-vertical, 4px)}.mc-alert__controls{margin-top:var(--mc-alert-size-container-content-gap-vertical, 4px);padding-top:var(--mc-alert-size-button-stack-content-padding-top, 12px)}.mc-alert__controls .mc-button{margin-right:var(--mc-alert-size-button-stack-content-content-gap-horizontal, 4px)}.mc-alert__controls .mc-link{margin-right:16px}.mc-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.mc-alert__close-button{margin-left:var(--mc-alert-size-container-content-gap-horizontal, 12px)}.mc-alert_dismissible .mc-alert__close-button{margin-top:var(--mc-alert-size-close-button-margin-top, -8px);margin-right:var(--mc-alert-size-close-button-margin-right, -12px)}\n"] }]
+        }], propDecorators: { iconItem: [{
+                type: ContentChild,
+                args: [McIconItem]
+            }], title: [{
+                type: ContentChild,
+                args: [McAlertTitle]
+            }], control: [{
+                type: ContentChild,
+                args: [McAlertControl]
+            }], closeButton: [{
+                type: ContentChild,
+                args: [McAlertCloseButton]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvbW9zYWljL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3BhY2thZ2VzL21vc2FpYy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUNsQyxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFTckQsTUFBTSxPQUFPLFlBQVk7OzRIQUFaLFlBQVk7Z0hBQVosWUFBWTsyRkFBWixZQUFZO2tCQU54QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsaUJBQWlCO3FCQUMzQjtpQkFDSjs7QUFTRCxNQUFNLE9BQU8sa0JBQWtCOztrSUFBbEIsa0JBQWtCO3NIQUFsQixrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFOOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLHVCQUF1QjtxQkFDakM7aUJBQ0o7O0FBU0QsTUFBTSxPQUFPLGNBQWM7OzhIQUFkLGNBQWM7a0hBQWQsY0FBYzsyRkFBZCxjQUFjO2tCQU4xQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsa0JBQWtCO3FCQUM1QjtpQkFDSjs7QUFjRCxNQUFNLE9BQU8sT0FBTzs7dUhBQVAsT0FBTzsyR0FBUCxPQUFPLHlMQUNGLFVBQVUsd0VBQ1YsWUFBWSwwRUFDWixjQUFjLDhFQUNkLGtCQUFrQixnREMvQ3BDLDBrQkFtQkE7MkZEd0JhLE9BQU87a0JBWG5CLFNBQVM7K0JBQ0ksVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNGLEtBQUssRUFBRSxVQUFVO3dCQUNqQiw4QkFBOEIsRUFBRSxhQUFhO3FCQUNoRDs4QkFHeUIsUUFBUTtzQkFBakMsWUFBWTt1QkFBQyxVQUFVO2dCQUNJLEtBQUs7c0JBQWhDLFlBQVk7dUJBQUMsWUFBWTtnQkFDSSxPQUFPO3NCQUFwQyxZQUFZO3VCQUFDLGNBQWM7Z0JBQ00sV0FBVztzQkFBNUMsWUFBWTt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCwgQ29udGVudENoaWxkLCBEaXJlY3RpdmUsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNY0ljb25JdGVtIH0gZnJvbSAnQHB0c2VjdXJpdHkvbW9zYWljL2ljb24nO1xuXG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW21jLWFsZXJ0LXRpdGxlXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ21jLWFsZXJ0X190aXRsZSdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIE1jQWxlcnRUaXRsZSB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1ttYy1hbGVydC1jbG9zZS1idXR0b25dJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnbWMtYWxlcnQtY2xvc2UtYnV0dG9uJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgTWNBbGVydENsb3NlQnV0dG9uIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW21jLWFsZXJ0LWNvbnRyb2xdJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnbWMtYWxlcnQtY29udHJvbCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIE1jQWxlcnRDb250cm9sIHt9XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbWMtYWxlcnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJ2FsZXJ0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnbWMtYWxlcnQnLFxuICAgICAgICAnW2NsYXNzLm1jLWFsZXJ0X2Rpc21pc3NpYmxlXSc6ICdjbG9zZUJ1dHRvbidcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIE1jQWxlcnQge1xuICAgIEBDb250ZW50Q2hpbGQoTWNJY29uSXRlbSkgaWNvbkl0ZW06IE1jSWNvbkl0ZW07XG4gICAgQENvbnRlbnRDaGlsZChNY0FsZXJ0VGl0bGUpIHRpdGxlOiBNY0FsZXJ0VGl0bGU7XG4gICAgQENvbnRlbnRDaGlsZChNY0FsZXJ0Q29udHJvbCkgY29udHJvbDogTWNBbGVydENvbnRyb2w7XG4gICAgQENvbnRlbnRDaGlsZChNY0FsZXJ0Q2xvc2VCdXR0b24pIGNsb3NlQnV0dG9uOiBNY0FsZXJ0Q2xvc2VCdXR0b247XG59XG4iLCI8ZGl2IGNsYXNzPVwibWMtYWxlcnRfX2ljb25cIiAqbmdJZj1cImljb25JdGVtXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21jLWljb24taXRlbV1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cIm1jLWFsZXJ0X19jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21jLWFsZXJ0LXRpdGxlXVwiPjwvbmctY29udGVudD5cblxuICAgIDxkaXYgY2xhc3M9XCJtYy1hbGVydF9fdGV4dFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwibWMtYWxlcnRfX2NvbnRyb2xzXCIgKm5nSWY9XCJjb250cm9sXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlttYy1hbGVydC1jb250cm9sXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwibWMtYWxlcnRfX2Nsb3NlLWJ1dHRvblwiIFtoaWRkZW5dPVwiIWNsb3NlQnV0dG9uXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21jLWFsZXJ0LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2020/alert/alert.module.mjs

@@ -0,0 +1,44 @@
+import { A11yModule } from '@angular/cdk/a11y';
+import { PlatformModule } from '@angular/cdk/platform';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { McAlert, McAlertCloseButton, McAlertControl, McAlertTitle } from './alert.component';
+import * as i0 from "@angular/core";
+export class McAlertModule {
+}
+/** @nocollapse */ McAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McAlertModule, declarations: [McAlert,
+        McAlertTitle,
+        McAlertCloseButton,
+        McAlertControl], imports: [CommonModule,
+        A11yModule,
+        PlatformModule], exports: [McAlert,
+        McAlertTitle,
+        McAlertCloseButton,
+        McAlertControl] });
+/** @nocollapse */ McAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlertModule, imports: [CommonModule,
+        A11yModule,
+        PlatformModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        A11yModule,
+                        PlatformModule
+                    ],
+                    exports: [
+                        McAlert,
+                        McAlertTitle,
+                        McAlertCloseButton,
+                        McAlertControl
+                    ],
+                    declarations: [
+                        McAlert,
+                        McAlertTitle,
+                        McAlertCloseButton,
+                        McAlertControl
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvbW9zYWljL2FsZXJ0L2FsZXJ0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFDSCxPQUFPLEVBQ1Asa0JBQWtCLEVBQ2xCLGNBQWMsRUFDZCxZQUFZLEVBQ2YsTUFBTSxtQkFBbUIsQ0FBQzs7QUFzQjNCLE1BQU0sT0FBTyxhQUFhOzs2SEFBYixhQUFhOzhIQUFiLGFBQWEsaUJBTmxCLE9BQU87UUFDUCxZQUFZO1FBQ1osa0JBQWtCO1FBQ2xCLGNBQWMsYUFkZCxZQUFZO1FBQ1osVUFBVTtRQUNWLGNBQWMsYUFHZCxPQUFPO1FBQ1AsWUFBWTtRQUNaLGtCQUFrQjtRQUNsQixjQUFjOzhIQVNULGFBQWEsWUFqQmxCLFlBQVk7UUFDWixVQUFVO1FBQ1YsY0FBYzsyRkFlVCxhQUFhO2tCQW5CekIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixVQUFVO3dCQUNWLGNBQWM7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxPQUFPO3dCQUNQLFlBQVk7d0JBQ1osa0JBQWtCO3dCQUNsQixjQUFjO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YsT0FBTzt3QkFDUCxZQUFZO3dCQUNaLGtCQUFrQjt3QkFDbEIsY0FBYztxQkFDakI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBMTF5TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgUGxhdGZvcm1Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcGxhdGZvcm0nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gICAgTWNBbGVydCxcbiAgICBNY0FsZXJ0Q2xvc2VCdXR0b24sXG4gICAgTWNBbGVydENvbnRyb2wsXG4gICAgTWNBbGVydFRpdGxlXG59IGZyb20gJy4vYWxlcnQuY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBMTF5TW9kdWxlLFxuICAgICAgICBQbGF0Zm9ybU1vZHVsZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBNY0FsZXJ0LFxuICAgICAgICBNY0FsZXJ0VGl0bGUsXG4gICAgICAgIE1jQWxlcnRDbG9zZUJ1dHRvbixcbiAgICAgICAgTWNBbGVydENvbnRyb2xcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBNY0FsZXJ0LFxuICAgICAgICBNY0FsZXJ0VGl0bGUsXG4gICAgICAgIE1jQWxlcnRDbG9zZUJ1dHRvbixcbiAgICAgICAgTWNBbGVydENvbnRyb2xcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE1jQWxlcnRNb2R1bGUge31cbiJdfQ==

package/esm2020/alert/index.mjs

@@ -0,0 +1,2 @@
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9tb3NhaWMvYWxlcnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2020/alert/ptsecurity-mosaic-alert.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHRzZWN1cml0eS1tb3NhaWMtYWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9tb3NhaWMvYWxlcnQvcHRzZWN1cml0eS1tb3NhaWMtYWxlcnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2020/alert/public-api.mjs

@@ -0,0 +1,3 @@
+export * from './alert.module';
+export * from './alert.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL21vc2FpYy9hbGVydC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYWxlcnQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYWxlcnQuY29tcG9uZW50JztcbiJdfQ==

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,17 +106,17 @@ 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: [{
+        }], 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, 8px);border-bottom-right-radius:var(--mc-autocomplete-size-panel-border-radius, 8px);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, 8px) var(--mc-autocomplete-size-panel-border-radius, 8px) 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.9", ngImport: i0, type: McAutocomplete, decorators: [{
             type: Component,
             args: [{ selector: 'mc-autocomplete', exportAs: 'mcAutocomplete', host: {
                         class: 'mc-autocomplete'
                     }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
                             provide: MC_OPTION_PARENT_COMPONENT, useExisting: McAutocomplete
-                        }], 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"] }]
+                        }], 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, 8px);border-bottom-right-radius:var(--mc-autocomplete-size-panel-border-radius, 8px);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, 8px) var(--mc-autocomplete-size-panel-border-radius, 8px) 0 0}.mc-autocomplete-panel .mc-divider-horizontal{margin-top:-1px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MC_AUTOCOMPLETE_DEFAULT_OPTIONS]

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],