@ptsecurity/mosaic 11.5.0 → 12.2.0

package/fesm2015/ptsecurity-mosaic-divider.js

@@ -1,4 +1,5 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
@@ -22,35 +23,42 @@ class McDivider {
         this._inset = coerceBooleanProperty(value);
     }
 }
-McDivider.decorators = [
-    { type: Component, args: [{
-                selector: 'mc-divider',
-                host: {
-                    class: 'mc-divider',
-                    '[class.mc-divider_vertical]': 'vertical',
-                    '[class.mc-divider_horizontal]': '!vertical',
-                    '[class.mc-divider_inset]': 'inset'
-                },
-                template: '',
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".mc-divider{display:block;margin:0}.mc-divider.mc-divider_horizontal{border-top-width:var(--mc-divider-size-width,1px);border-top-style:solid}.mc-divider.mc-divider_vertical{height:100%;border-right-width:var(--mc-divider-size-width,1px);border-right-style:solid}.mc-divider.mc-divider_inset{margin-left:var(--mc-divider-size-inset-margin,80px)}[dir=rtl] .mc-divider.mc-divider_inset{margin-left:auto;margin-right:var(--mc-divider-size-inset-margin,80px)}"]
-            },] }
-];
-McDivider.propDecorators = {
-    vertical: [{ type: Input }],
-    inset: [{ type: Input }]
-};
+/** @nocollapse */ McDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McDivider, selector: "mc-divider", inputs: { vertical: "vertical", inset: "inset" }, host: { properties: { "class.mc-divider_vertical": "vertical", "class.mc-divider_horizontal": "!vertical", "class.mc-divider_inset": "inset" }, classAttribute: "mc-divider" }, ngImport: i0, template: '', isInline: true, styles: [".mc-divider{display:block;margin:0}.mc-divider.mc-divider_horizontal{border-top-width:1px;border-top-width:var(--mc-divider-size-width, 1px);border-top-style:solid}.mc-divider.mc-divider_vertical{height:100%;border-right-width:1px;border-right-width:var(--mc-divider-size-width, 1px);border-right-style:solid}.mc-divider.mc-divider_inset{margin-left:80px;margin-left:var(--mc-divider-size-inset-margin, 80px)}[dir=rtl] .mc-divider.mc-divider_inset{margin-left:auto;margin-right:80px;margin-right:var(--mc-divider-size-inset-margin, 80px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDivider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mc-divider',
+                    host: {
+                        class: 'mc-divider',
+                        '[class.mc-divider_vertical]': 'vertical',
+                        '[class.mc-divider_horizontal]': '!vertical',
+                        '[class.mc-divider_inset]': 'inset'
+                    },
+                    template: '',
+                    styleUrls: ['divider.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { vertical: [{
+                type: Input
+            }], inset: [{
+                type: Input
+            }] } });
 
 class McDividerModule {
 }
-McDividerModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                exports: [McDivider],
-                declarations: [McDivider]
-            },] }
-];
+/** @nocollapse */ McDividerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McDividerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDividerModule, declarations: [McDivider], imports: [CommonModule], exports: [McDivider] });
+/** @nocollapse */ McDividerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDividerModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDividerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [McDivider],
+                    declarations: [McDivider]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ptsecurity-mosaic-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ptsecurity-mosaic-divider.js","sources":["../../../packages/mosaic/divider/divider.component.ts","../../../packages/mosaic/divider/divider.module.ts","../../../packages/mosaic/divider/ptsecurity-mosaic-divider.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\n\n@Component({\n    selector: 'mc-divider',\n    host: {\n        class: 'mc-divider',\n        '[class.mc-divider_vertical]': 'vertical',\n        '[class.mc-divider_horizontal]': '!vertical',\n        '[class.mc-divider_inset]': 'inset'\n    },\n    template: '',\n    styleUrls: ['divider.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class McDivider {\n    // Whether the divider is vertically aligned.\n    @Input()\n    get vertical(): boolean {\n        return this._vertical;\n    }\n\n    set vertical(value: boolean) {\n        this._vertical = coerceBooleanProperty(value);\n    }\n\n    private _vertical: boolean = false;\n\n    // Whether the divider is an inset divider.\n    @Input()\n    get inset(): boolean {\n        return this._inset;\n    }\n\n    set inset(value: boolean) {\n        this._inset = coerceBooleanProperty(value);\n    }\n\n    private _inset: boolean = false;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { McDivider } from './divider.component';\n\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [McDivider],\n    declarations: [McDivider]\n})\nexport class McDividerModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAiBa,SAAS;IAbtB;QAwBY,cAAS,GAAY,KAAK,CAAC;QAY3B,WAAM,GAAY,KAAK,CAAC;KACnC;;IAtBG,IACI,QAAQ;QACR,OAAO,IAAI,CAAC,SAAS,CAAC;KACzB;IAED,IAAI,QAAQ,CAAC,KAAc;QACvB,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACjD;;IAKD,IACI,KAAK;QACL,OAAO,IAAI,CAAC,MAAM,CAAC;KACtB;IAED,IAAI,KAAK,CAAC,KAAc;QACpB,IAAI,CAAC,MAAM,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAC9C;;;YAlCJ,SAAS,SAAC;gBACP,QAAQ,EAAE,YAAY;gBACtB,IAAI,EAAE;oBACF,KAAK,EAAE,YAAY;oBACnB,6BAA6B,EAAE,UAAU;oBACzC,+BAA+B,EAAE,WAAW;oBAC5C,0BAA0B,EAAE,OAAO;iBACtC;gBACD,QAAQ,EAAE,EAAE;gBAEZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;gBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAClD;;;uBAGI,KAAK;oBAYL,KAAK;;;MCpBG,eAAe;;;YAL3B,QAAQ,SAAC;gBACN,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,SAAS,CAAC;gBACpB,YAAY,EAAE,CAAC,SAAS,CAAC;aAC5B;;;ACVD;;;;;;"}
+{"version":3,"file":"ptsecurity-mosaic-divider.js","sources":["../../../packages/mosaic/divider/divider.component.ts","../../../packages/mosaic/divider/divider.module.ts","../../../packages/mosaic/divider/ptsecurity-mosaic-divider.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\n\n@Component({\n    selector: 'mc-divider',\n    host: {\n        class: 'mc-divider',\n        '[class.mc-divider_vertical]': 'vertical',\n        '[class.mc-divider_horizontal]': '!vertical',\n        '[class.mc-divider_inset]': 'inset'\n    },\n    template: '',\n    styleUrls: ['divider.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class McDivider {\n    // Whether the divider is vertically aligned.\n    @Input()\n    get vertical(): boolean {\n        return this._vertical;\n    }\n\n    set vertical(value: boolean) {\n        this._vertical = coerceBooleanProperty(value);\n    }\n\n    private _vertical: boolean = false;\n\n    // Whether the divider is an inset divider.\n    @Input()\n    get inset(): boolean {\n        return this._inset;\n    }\n\n    set inset(value: boolean) {\n        this._inset = coerceBooleanProperty(value);\n    }\n\n    private _inset: boolean = false;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { McDivider } from './divider.component';\n\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [McDivider],\n    declarations: [McDivider]\n})\nexport class McDividerModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAiBa,SAAS;IAbtB;QAwBY,cAAS,GAAY,KAAK,CAAC;QAY3B,WAAM,GAAY,KAAK,CAAC;KACnC;;IAtBG,IACI,QAAQ;QACR,OAAO,IAAI,CAAC,SAAS,CAAC;KACzB;IAED,IAAI,QAAQ,CAAC,KAAc;QACvB,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACjD;;IAKD,IACI,KAAK;QACL,OAAO,IAAI,CAAC,MAAM,CAAC;KACtB;IAED,IAAI,KAAK,CAAC,KAAc;QACpB,IAAI,CAAC,MAAM,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAC9C;;0HArBQ,SAAS;8GAAT,SAAS,oRALR,EAAE;4FAKH,SAAS;kBAbrB,SAAS;mBAAC;oBACP,QAAQ,EAAE,YAAY;oBACtB,IAAI,EAAE;wBACF,KAAK,EAAE,YAAY;wBACnB,6BAA6B,EAAE,UAAU;wBACzC,+BAA+B,EAAE,WAAW;wBAC5C,0BAA0B,EAAE,OAAO;qBACtC;oBACD,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,CAAC,cAAc,CAAC;oBAC3B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD;8BAIO,QAAQ;sBADX,KAAK;gBAaF,KAAK;sBADR,KAAK;;;MCpBG,eAAe;;gIAAf,eAAe;iIAAf,eAAe,iBAFT,SAAS,aAFd,YAAY,aACZ,SAAS;iIAGV,eAAe,YAJf,CAAC,YAAY,CAAC;4FAId,eAAe;kBAL3B,QAAQ;mBAAC;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,SAAS,CAAC;oBACpB,YAAY,EAAE,CAAC,SAAS,CAAC;iBAC5B;;;ACVD;;;;;;"}

package/fesm2015/ptsecurity-mosaic-dropdown.js

@@ -1,12 +1,16 @@
-import { InjectionToken, Directive, TemplateRef, ComponentFactoryResolver, ApplicationRef, Injector, ViewContainerRef, Inject, Component, ChangeDetectionStrategy, ViewEncapsulation, ElementRef, Optional, ContentChild, HostListener, EventEmitter, QueryList, NgZone, Input, ViewChild, ContentChildren, Output, Self, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { InjectionToken, Directive, Inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, ContentChild, HostListener, EventEmitter, QueryList, TemplateRef, Input, ViewChild, ContentChildren, Output, Self, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/cdk/overlay';
 import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
+import * as i3 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i2 from '@ptsecurity/mosaic/icon';
 import { McIcon, McIconModule } from '@ptsecurity/mosaic/icon';
 import { TemplatePortal, DomPortalOutlet } from '@angular/cdk/portal';
 import { Subject, Subscription, merge, of, asapScheduler } from 'rxjs';
-import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i1 from '@angular/cdk/a11y';
 import { mixinDisabled } from '@ptsecurity/mosaic/core';
-import { Directionality } from '@angular/cdk/bidi';
+import * as i4 from '@angular/cdk/bidi';
 import { normalizePassiveListenerOptions } from '@angular/cdk/platform';
 import { RIGHT_ARROW, LEFT_ARROW, ESCAPE, ENTER, SPACE, DOWN_ARROW as DOWN_ARROW$1 } from '@ptsecurity/cdk/keycodes';
 import { startWith, switchMap, take, filter, takeUntil, delay } from 'rxjs/operators';
@@ -87,20 +91,17 @@ class McDropdownContent {
         (_a = this.outlet) === null || _a === void 0 ? void 0 : _a.dispose();
     }
 }
-McDropdownContent.decorators = [
-    { type: Directive, args: [{
-                selector: 'ng-template[mcDropdownContent]'
-            },] }
-];
-/** @nocollapse */
-McDropdownContent.ctorParameters = () => [
-    { type: TemplateRef },
-    { type: ComponentFactoryResolver },
-    { type: ApplicationRef },
-    { type: Injector },
-    { type: ViewContainerRef },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
+/** @nocollapse */ McDropdownContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownContent, deps: [{ token: i0.TemplateRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.ViewContainerRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McDropdownContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McDropdownContent, selector: "ng-template[mcDropdownContent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mcDropdownContent]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
 
 // Boilerplate for applying mixins to McDropdownItem.
 /** @docs-private */
@@ -198,35 +199,41 @@ class McDropdownItem extends McDropdownItemMixinBase {
         return ((_b = clone.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || '';
     }
 }
-McDropdownItem.decorators = [
-    { type: Component, args: [{
-                selector: 'mc-dropdown-item, [mc-dropdown-item]',
-                exportAs: 'mcDropdownItem',
-                template: "<div class=\"mc-dropdown-item-wrapper\">\n    <ng-content></ng-content>\n</div>\n<i *ngIf=\"isNested\" mc-icon=\"mc-angle-right-M_16\" class=\"mc-dropdown-trigger__icon\"></i>\n",
-                inputs: ['disabled'],
-                host: {
-                    class: 'mc-dropdown-item',
-                    '[class.mc-dropdown-item_with-icon]': 'icon',
-                    '[class.mc-dropdown-item_highlighted]': 'highlighted',
-                    '[attr.disabled]': 'disabled || null',
-                    '[attr.tabindex]': 'getTabIndex()'
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                styles: [".mc-dropdown-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;position:relative;box-sizing:border-box;width:100%;border:1px solid transparent;outline:none;padding:0;text-align:left;white-space:nowrap}.mc-dropdown-item:not([disabled]){cursor:pointer}.mc-dropdown-item .mc-dropdown-item__caption{margin-top:4px}.mc-dropdown-item.mc-dropdown-item_with-icon .mc-dropdown-item__caption{margin-left:24px}.mc-dropdown-item .docs-navbar-version__num{margin-right:4px}.mc-dropdown-item-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--mc-dropdown-item-size-padding,5px 15px)}.mc-dropdown-item-wrapper [mc-icon]{padding:var(--mc-dropdown-item-size-icon-padding,0 8px 2px 0)}.mc-dropdown-trigger__icon{margin-left:auto;padding-right:var(--dropdown-trigger-size-icon-padding-right,8px)}.mc-dropdown__group-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:var(--mc-dropdown-item-size-padding,6px 15px)}.mc-dropdown__group-header.mc-dropdown__group-header_small{padding:var(--mc-dropdown-item-size-padding,8px 15px)}.mc-dropdown__divider{height:var(--mc-dropdown-divider-size-height,1px);margin:var(--mc-dropdown-divider-size-margin,4px 0)}"]
-            },] }
-];
-/** @nocollapse */
-McDropdownItem.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusMonitor },
-    { type: undefined, decorators: [{ type: Inject, args: [MC_DROPDOWN_PANEL,] }, { type: Optional }] }
-];
-McDropdownItem.propDecorators = {
-    icon: [{ type: ContentChild, args: [McIcon,] }],
-    checkDisabled: [{ type: HostListener, args: ['click', ['$event'],] }],
-    handleMouseEnter: [{ type: HostListener, args: ['mouseenter',] }]
-};
+/** @nocollapse */ McDropdownItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownItem, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: MC_DROPDOWN_PANEL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McDropdownItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McDropdownItem, selector: "mc-dropdown-item, [mc-dropdown-item]", inputs: { disabled: "disabled" }, host: { listeners: { "click": "checkDisabled($event)", "mouseenter": "handleMouseEnter()" }, properties: { "class.mc-dropdown-item_with-icon": "icon", "class.mc-dropdown-item_highlighted": "highlighted", "attr.disabled": "disabled || null", "attr.tabindex": "getTabIndex()" }, classAttribute: "mc-dropdown-item" }, queries: [{ propertyName: "icon", first: true, predicate: McIcon, descendants: true }], exportAs: ["mcDropdownItem"], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-dropdown-item-wrapper\">\n    <ng-content></ng-content>\n</div>\n<i *ngIf=\"isNested\" mc-icon=\"mc-angle-right-M_16\" class=\"mc-dropdown-trigger__icon\"></i>\n", styles: [".mc-dropdown-item{-webkit-user-select:none;user-select:none;display:flex;align-items:center;position:relative;box-sizing:border-box;width:100%;border:1px solid transparent;outline:none;padding:0;text-align:left;white-space:nowrap}.mc-dropdown-item:not([disabled]){cursor:pointer}.mc-dropdown-item .mc-dropdown-item__caption{margin-top:4px}.mc-dropdown-item.mc-dropdown-item_with-icon .mc-dropdown-item__caption{margin-left:24px}.mc-dropdown-item .docs-navbar-version__num{margin-right:4px}.mc-dropdown-item-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 15px;padding:var(--mc-dropdown-item-size-padding, 5px 15px)}.mc-dropdown-item-wrapper [mc-icon]{padding:0 8px 2px 0;padding:var(--mc-dropdown-item-size-icon-padding, 0 8px 2px 0)}.mc-dropdown-trigger__icon{margin-left:auto;padding-right:8px;padding-right:var(--dropdown-trigger-size-icon-padding-right, 8px)}.mc-dropdown__group-header{-webkit-user-select:none;user-select:none;padding:6px 15px;padding:var(--mc-dropdown-item-size-padding, 6px 15px)}.mc-dropdown__group-header.mc-dropdown__group-header_small{padding:8px 15px;padding:var(--mc-dropdown-item-size-padding, 8px 15px)}.mc-dropdown__divider{height:1px;height:var(--mc-dropdown-divider-size-height, 1px);margin:4px 0;margin:var(--mc-dropdown-divider-size-margin, 4px 0)}\n"], components: [{ type: i2.McIcon, selector: "[mc-icon]", inputs: ["color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mc-dropdown-item, [mc-dropdown-item]',
+                    exportAs: 'mcDropdownItem',
+                    templateUrl: 'dropdown-item.html',
+                    styleUrls: ['dropdown-item.scss'],
+                    inputs: ['disabled'],
+                    host: {
+                        class: 'mc-dropdown-item',
+                        '[class.mc-dropdown-item_with-icon]': 'icon',
+                        '[class.mc-dropdown-item_highlighted]': 'highlighted',
+                        '[attr.disabled]': 'disabled || null',
+                        '[attr.tabindex]': 'getTabIndex()'
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MC_DROPDOWN_PANEL]
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { icon: [{
+                type: ContentChild,
+                args: [McIcon]
+            }], checkDisabled: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], handleMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }] } });
 
 /**
  * Throws an exception for the case when dropdown trigger doesn't have a valid mc-dropdown instance
@@ -509,6 +516,10 @@ class McDropdown {
             event.element.scrollTop = 0;
         }
     }
+    close() {
+        const focusOrigin = this.keyManager.getFocusOrigin() === 'keyboard' ? 'keydown' : 'click';
+        this.closed.emit(focusOrigin);
+    }
     /**
      * Sets up a stream that will keep track of any newly-added menu items and will update the list
      * of direct descendants. We collect the descendants this way, because `_allItems` can include
@@ -524,43 +535,62 @@ class McDropdown {
         });
     }
 }
-McDropdown.decorators = [
-    { type: Component, args: [{
-                selector: 'mc-dropdown',
-                exportAs: 'mcDropdown',
-                template: "<ng-template>\n    <div class=\"mc-dropdown__panel\"\n         [ngClass]=\"classList\"\n         [class.mc-dropdown__panel_nested]=\"parent\"\n         [style.min-width]=\"triggerWidth\"\n         (keydown)=\"handleKeydown($event)\"\n         (click)=\"closed.emit('click')\"\n         [@transformDropdown]=\"panelAnimationState\"\n         (@transformDropdown.start)=\"onAnimationStart($event)\"\n         (@transformDropdown.done)=\"onAnimationDone($event)\"\n         tabindex=\"-1\">\n\n        <div class=\"mc-dropdown__content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                animations: [
-                    mcDropdownAnimations.transformDropdown,
-                    mcDropdownAnimations.fadeInItems
-                ],
-                providers: [
-                    { provide: MC_DROPDOWN_PANEL, useExisting: McDropdown }
-                ],
-                styles: [".mc-dropdown__panel{margin-top:-1px;max-width:var(--mc-dropdown-panel-size-max-width,640px);border-width:var(--mc-dropdown-panel-size-border-width,1px);border-style:solid;border-bottom-left-radius:var(--mc-dropdown-panel-size-border-radius,3px);border-bottom-right-radius:var(--mc-dropdown-panel-size-border-radius,3px);padding:var(--mc-dropdown-panel-size-padding,4px 0)}.mc-dropdown__panel.mc-dropdown__panel_nested{border-top-left-radius:var(--mc-dropdown-panel-size-border-radius,3px);border-top-right-radius:var(--mc-dropdown-panel-size-border-radius,3px)}.mc-dropdown__panel.ng-animating{pointer-events:none}.mc-dropdown__content{display:flex;flex-direction:column}"]
-            },] }
-];
-/** @nocollapse */
-McDropdown.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgZone },
-    { type: undefined, decorators: [{ type: Inject, args: [MC_DROPDOWN_DEFAULT_OPTIONS,] }] }
-];
-McDropdown.propDecorators = {
-    navigationWithWrap: [{ type: Input }],
-    xPosition: [{ type: Input }],
-    yPosition: [{ type: Input }],
-    overlapTriggerY: [{ type: Input }],
-    overlapTriggerX: [{ type: Input }],
-    hasBackdrop: [{ type: Input }],
-    panelClass: [{ type: Input, args: ['class',] }],
-    backdropClass: [{ type: Input }],
-    templateRef: [{ type: ViewChild, args: [TemplateRef, { static: false },] }],
-    items: [{ type: ContentChildren, args: [McDropdownItem, { descendants: true },] }],
-    lazyContent: [{ type: ContentChild, args: [McDropdownContent, { static: false },] }],
-    closed: [{ type: Output }]
-};
+/** @nocollapse */ McDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdown, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: MC_DROPDOWN_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McDropdown, selector: "mc-dropdown", inputs: { navigationWithWrap: "navigationWithWrap", xPosition: "xPosition", yPosition: "yPosition", overlapTriggerY: "overlapTriggerY", overlapTriggerX: "overlapTriggerX", hasBackdrop: "hasBackdrop", panelClass: ["class", "panelClass"], backdropClass: "backdropClass" }, outputs: { closed: "closed" }, providers: [
+        { provide: MC_DROPDOWN_PANEL, useExisting: McDropdown }
+    ], queries: [{ propertyName: "lazyContent", first: true, predicate: McDropdownContent, descendants: true }, { propertyName: "items", predicate: McDropdownItem, descendants: true }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mcDropdown"], ngImport: i0, template: "<ng-template>\n    <div class=\"mc-dropdown__panel\"\n         [ngClass]=\"classList\"\n         [class.mc-dropdown__panel_nested]=\"parent\"\n         [style.min-width]=\"triggerWidth\"\n         (keydown)=\"handleKeydown($event)\"\n         (click)=\"close()\"\n         [@transformDropdown]=\"panelAnimationState\"\n         (@transformDropdown.start)=\"onAnimationStart($event)\"\n         (@transformDropdown.done)=\"onAnimationDone($event)\"\n         tabindex=\"-1\">\n\n        <div class=\"mc-dropdown__content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".mc-dropdown__panel{margin-top:-1px;max-width:640px;max-width:var(--mc-dropdown-panel-size-max-width, 640px);border-width:1px;border-width:var(--mc-dropdown-panel-size-border-width, 1px);border-style:solid;border-bottom-left-radius:3px;border-bottom-left-radius:var(--mc-dropdown-panel-size-border-radius, 3px);border-bottom-right-radius:3px;border-bottom-right-radius:var(--mc-dropdown-panel-size-border-radius, 3px);padding:4px 0;padding:var(--mc-dropdown-panel-size-padding, 4px 0)}.mc-dropdown__panel.mc-dropdown__panel_nested{border-top-left-radius:3px;border-top-left-radius:var(--mc-dropdown-panel-size-border-radius, 3px);border-top-right-radius:3px;border-top-right-radius:var(--mc-dropdown-panel-size-border-radius, 3px)}.mc-dropdown__panel.ng-animating{pointer-events:none}.mc-dropdown__content{display:flex;flex-direction:column}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
+        mcDropdownAnimations.transformDropdown,
+        mcDropdownAnimations.fadeInItems
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdown, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mc-dropdown',
+                    exportAs: 'mcDropdown',
+                    templateUrl: 'dropdown.html',
+                    styleUrls: ['dropdown.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    animations: [
+                        mcDropdownAnimations.transformDropdown,
+                        mcDropdownAnimations.fadeInItems
+                    ],
+                    providers: [
+                        { provide: MC_DROPDOWN_PANEL, useExisting: McDropdown }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MC_DROPDOWN_DEFAULT_OPTIONS]
+                }] }]; }, propDecorators: { navigationWithWrap: [{
+                type: Input
+            }], xPosition: [{
+                type: Input
+            }], yPosition: [{
+                type: Input
+            }], overlapTriggerY: [{
+                type: Input
+            }], overlapTriggerX: [{
+                type: Input
+            }], hasBackdrop: [{
+                type: Input
+            }], panelClass: [{
+                type: Input,
+                args: ['class']
+            }], backdropClass: [{
+                type: Input
+            }], templateRef: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: false }]
+            }], items: [{
+                type: ContentChildren,
+                args: [McDropdownItem, { descendants: true }]
+            }], lazyContent: [{
+                type: ContentChild,
+                args: [McDropdownContent, { static: false }]
+            }], closed: [{
+                type: Output
+            }] } });
 
 /** Injection token that determines the scroll handling while the dropdown is open. */
 const MC_DROPDOWN_SCROLL_STRATEGY = new InjectionToken('mc-dropdown-scroll-strategy');
@@ -699,11 +729,10 @@ class McDropdownTrigger {
     }
     /**
      * Focuses the dropdown trigger.
-     * @param origin Source of the dropdown trigger's focus.
      */
-    focus(origin = 'program') {
-        if (this.focusMonitor) {
-            this.focusMonitor.focusVia(this.elementRef.nativeElement, origin);
+    focus(origin, options) {
+        if (this.focusMonitor && origin) {
+            this.focusMonitor.focusVia(this.elementRef.nativeElement, origin, options);
         }
         else {
             this.elementRef.nativeElement.focus();
@@ -750,31 +779,43 @@ class McDropdownTrigger {
     }
     /** Closes the dropdown and does the necessary cleanup. */
     destroy(reason) {
-        var _a;
         if (!this.overlayRef || !this.opened) {
             return;
         }
+        this.lastDestroyReason = reason;
         this.dropdown.resetActiveItem();
         this.closeSubscription.unsubscribe();
         this.overlayRef.detach();
-        if (this.restoreFocus && reason === 'keydown' && this.isNested()) {
+        if (this.restoreFocus && (reason === 'keydown' || !this.openedBy || !this.isNested())) {
             this.focus(this.openedBy);
         }
+        this.openedBy = undefined;
         if (this.dropdown instanceof McDropdown) {
             this.dropdown.resetAnimation();
-            // Wait for the exit animation to finish before reseting dropdown toState.
-            const dropdownAnimationDoneSubscription = this.dropdown.animationDone
+            const animationSubscription = this.dropdown.animationDone
                 .pipe(filter((event) => event.toState === 'void'), take(1));
             if (this.dropdown.lazyContent) {
-                dropdownAnimationDoneSubscription
-                    .pipe(takeUntil(this.dropdown.lazyContent.attached));
+                // Wait for the exit animation to finish before detaching the content.
+                animationSubscription
+                    .pipe(
+                // Interrupt if the content got re-attached.
+                takeUntil(this.dropdown.lazyContent.attached))
+                    .subscribe({
+                    next: () => this.dropdown.lazyContent.detach(),
+                    // No matter whether the content got re-attached, reset the this.dropdown.
+                    complete: () => this.setIsOpened(false)
+                });
+            }
+            else {
+                animationSubscription
+                    .subscribe(() => this.setIsOpened(false));
             }
-            dropdownAnimationDoneSubscription
-                .subscribe(() => this.reset());
         }
         else {
-            this.reset();
-            (_a = this.dropdown.lazyContent) === null || _a === void 0 ? void 0 : _a.detach();
+            this.setIsOpened(false);
+            if (this.dropdown.lazyContent) {
+                this.dropdown.lazyContent.detach();
+            }
         }
     }
     /**
@@ -787,27 +828,8 @@ class McDropdownTrigger {
         if (!this.dropdown.parent) {
             this.dropdown.triggerWidth = this.getWidth();
         }
+        this.dropdown.focusFirstItem(this.openedBy || 'program');
         this.setIsOpened(true);
-        this.dropdown.focusFirstItem(this.openedBy);
-    }
-    /**
-     * This method resets the dropdown when it's closed, most importantly restoring
-     * focus to the dropdown trigger if the dropdown was opened via the keyboard.
-     */
-    reset() {
-        this.setIsOpened(false);
-        // We should reset focus if the user is navigating using a keyboard or
-        // if we have a top-level trigger which might cause focus to be lost
-        // when clicking on the backdrop.
-        if (!this.openedBy) {
-            // Note that the focus style will show up both for `program` and
-            // `keyboard` so we don't have to specify which one it is.
-            this.focus();
-        }
-        else if (!this.isNested()) {
-            this.focus(this.openedBy);
-        }
-        this.openedBy = undefined;
     }
     // set state rather than toggle to support triggers sharing a dropdown
     setIsOpened(isOpen) {
@@ -987,63 +1009,89 @@ class McDropdownTrigger {
         return `${parseInt(width) - parseInt(borderRightWidth) - parseInt(borderLeftWidth)}px`;
     }
 }
-McDropdownTrigger.decorators = [
-    { type: Directive, args: [{
-                selector: `[mcDropdownTriggerFor]`,
-                exportAs: 'mcDropdownTrigger',
-                host: {
-                    class: 'mc-dropdown-trigger',
-                    '[class.mc-pressed]': 'opened',
-                    '(mousedown)': 'handleMousedown($event)',
-                    '(keydown)': 'handleKeydown($event)',
-                    '(click)': 'handleClick($event)'
-                }
-            },] }
-];
-/** @nocollapse */
-McDropdownTrigger.ctorParameters = () => [
-    { type: Overlay },
-    { type: ElementRef },
-    { type: ViewContainerRef },
-    { type: undefined, decorators: [{ type: Inject, args: [MC_DROPDOWN_SCROLL_STRATEGY,] }] },
-    { type: McDropdown, decorators: [{ type: Optional }] },
-    { type: McDropdownItem, decorators: [{ type: Optional }, { type: Self }] },
-    { type: Directionality, decorators: [{ type: Optional }] },
-    { type: FocusMonitor }
-];
-McDropdownTrigger.propDecorators = {
-    data: [{ type: Input, args: ['mcDropdownTriggerData',] }],
-    openByArrowDown: [{ type: Input }],
-    restoreFocus: [{ type: Input, args: ['mcDropdownTriggerRestoreFocus',] }],
-    dropdown: [{ type: Input, args: ['mcDropdownTriggerFor',] }],
-    dropdownOpened: [{ type: Output }],
-    dropdownClosed: [{ type: Output }]
-};
+/** @nocollapse */ McDropdownTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownTrigger, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: MC_DROPDOWN_SCROLL_STRATEGY }, { token: McDropdown, optional: true }, { token: McDropdownItem, optional: true, self: true }, { token: i4.Directionality, optional: true }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McDropdownTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McDropdownTrigger, selector: "[mcDropdownTriggerFor]", inputs: { data: ["mcDropdownTriggerData", "data"], openByArrowDown: "openByArrowDown", restoreFocus: ["mcDropdownTriggerRestoreFocus", "restoreFocus"], dropdown: ["mcDropdownTriggerFor", "dropdown"] }, outputs: { dropdownOpened: "dropdownOpened", dropdownClosed: "dropdownClosed" }, host: { listeners: { "mousedown": "handleMousedown($event)", "keydown": "handleKeydown($event)", "click": "handleClick($event)" }, properties: { "class.mc-pressed": "opened" }, classAttribute: "mc-dropdown-trigger" }, exportAs: ["mcDropdownTrigger"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[mcDropdownTriggerFor]`,
+                    exportAs: 'mcDropdownTrigger',
+                    host: {
+                        class: 'mc-dropdown-trigger',
+                        '[class.mc-pressed]': 'opened',
+                        '(mousedown)': 'handleMousedown($event)',
+                        '(keydown)': 'handleKeydown($event)',
+                        '(click)': 'handleClick($event)'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MC_DROPDOWN_SCROLL_STRATEGY]
+                }] }, { type: McDropdown, decorators: [{
+                    type: Optional
+                }] }, { type: McDropdownItem, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i4.Directionality, decorators: [{
+                    type: Optional
+                }] }, { type: i1.FocusMonitor }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ['mcDropdownTriggerData']
+            }], openByArrowDown: [{
+                type: Input
+            }], restoreFocus: [{
+                type: Input,
+                args: ['mcDropdownTriggerRestoreFocus']
+            }], dropdown: [{
+                type: Input,
+                args: ['mcDropdownTriggerFor']
+            }], dropdownOpened: [{
+                type: Output
+            }], dropdownClosed: [{
+                type: Output
+            }] } });
 
 class McDropdownModule {
 }
-McDropdownModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    OverlayModule,
-                    McIconModule
-                ],
-                exports: [
-                    McDropdown,
-                    McDropdownItem,
-                    McDropdownTrigger,
-                    McDropdownContent
-                ],
-                declarations: [
-                    McDropdown,
-                    McDropdownItem,
-                    McDropdownTrigger,
-                    McDropdownContent
-                ],
-                providers: [MC_DROPDOWN_SCROLL_STRATEGY_FACTORY_PROVIDER]
-            },] }
-];
+/** @nocollapse */ McDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownModule, declarations: [McDropdown,
+        McDropdownItem,
+        McDropdownTrigger,
+        McDropdownContent], imports: [CommonModule,
+        OverlayModule,
+        McIconModule], exports: [McDropdown,
+        McDropdownItem,
+        McDropdownTrigger,
+        McDropdownContent] });
+/** @nocollapse */ McDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownModule, providers: [MC_DROPDOWN_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [[
+            CommonModule,
+            OverlayModule,
+            McIconModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        OverlayModule,
+                        McIconModule
+                    ],
+                    exports: [
+                        McDropdown,
+                        McDropdownItem,
+                        McDropdownTrigger,
+                        McDropdownContent
+                    ],
+                    declarations: [
+                        McDropdown,
+                        McDropdownItem,
+                        McDropdownTrigger,
+                        McDropdownContent
+                    ],
+                    providers: [MC_DROPDOWN_SCROLL_STRATEGY_FACTORY_PROVIDER]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.