@ptsecurity/mosaic 11.5.0 → 12.2.0

package/bundles/ptsecurity-mosaic-core.umd.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/bidi'), require('@angular/core'), require('@angular/cdk/coercion'), require('rxjs'), require('@ptsecurity/cdk/datetime'), require('messageformat'), require('@angular/forms'), require('@angular/common'), require('@angular/cdk/overlay'), require('@angular/animations'), require('@ptsecurity/cdk/keycodes')) :
-    typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/core', ['exports', '@angular/cdk/bidi', '@angular/core', '@angular/cdk/coercion', 'rxjs', '@ptsecurity/cdk/datetime', 'messageformat', '@angular/forms', '@angular/common', '@angular/cdk/overlay', '@angular/animations', '@ptsecurity/cdk/keycodes'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic.core = {}), global.ng.cdk.bidi, global.ng.core, global.ng.cdk.coercion, global.rxjs, global.mc.cdk.datetime, global.messageformat, global.ng.forms, global.ng.common, global.ng.cdk.overlay, global.ng.animations, global.mc.cdk.keycodes));
-}(this, (function (exports, bidi, i0, coercion, rxjs, datetime, MessageFormat, forms, i1, overlay, animations, keycodes) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/bidi'), require('@angular/core'), require('@angular/cdk/coercion'), require('rxjs'), require('@messageformat/core'), require('@ptsecurity/cdk/datetime'), require('@angular/forms'), require('@angular/common'), require('@angular/cdk/overlay'), require('@angular/animations'), require('@ptsecurity/cdk/keycodes'), require('rxjs/operators'), require('@angular/cdk/a11y'), require('@angular/cdk/portal')) :
+    typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/core', ['exports', '@angular/cdk/bidi', '@angular/core', '@angular/cdk/coercion', 'rxjs', '@messageformat/core', '@ptsecurity/cdk/datetime', '@angular/forms', '@angular/common', '@angular/cdk/overlay', '@angular/animations', '@ptsecurity/cdk/keycodes', 'rxjs/operators', '@angular/cdk/a11y', '@angular/cdk/portal'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic.core = {}), global.ng.cdk.bidi, global.ng.core, global.ng.cdk.coercion, global.rxjs, global["@messageformat/core"], global.mc.cdk.datetime, global.ng.forms, global.ng.common, global.ng.cdk.overlay, global.ng.animations, global.mc.cdk.keycodes, global.rxjs.operators, global.ng.cdk.a11y, global.ng.cdk.portal));
+})(this, (function (exports, i2, i0, coercion, rxjs, MessageFormat, i1, forms, i2$1, i1$1, animations, keycodes, operators, i1$2, portal) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,20 +15,22 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2);
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var MessageFormat__namespace = /*#__PURE__*/_interopNamespace(MessageFormat);
+    var MessageFormat__default = /*#__PURE__*/_interopDefaultLegacy(MessageFormat);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2$1);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$1);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
 
     function isBoolean(val) { return typeof val === 'boolean'; }
     function toBoolean(value) {
@@ -98,16 +102,23 @@
         };
         return McCommonModule;
     }());
-    McCommonModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [bidi.BidiModule],
-                    exports: [bidi.BidiModule]
-                },] }
-    ];
-    /** @nocollapse */
-    McCommonModule.ctorParameters = function () { return [
-        { type: Boolean, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [MC_SANITY_CHECKS,] }] }
-    ]; };
+    /** @nocollapse */ McCommonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McCommonModule, deps: [{ token: MC_SANITY_CHECKS, optional: true }], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McCommonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McCommonModule, imports: [i2.BidiModule], exports: [i2.BidiModule] });
+    /** @nocollapse */ McCommonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McCommonModule, imports: [[i2.BidiModule], i2.BidiModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McCommonModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [i2.BidiModule],
+                        exports: [i2.BidiModule]
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [MC_SANITY_CHECKS]
+                        }] }];
+        } });
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -435,7 +446,7 @@
                 for (var _i = 0; _i < arguments.length; _i++) {
                     args[_i] = arguments[_i];
                 }
-                var _this = _super.apply(this, __spread(args)) || this;
+                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
                 _this._disabled = false;
                 return _this;
             }
@@ -461,7 +472,6 @@
         ThemePalette["Default"] = "second";
         ThemePalette["Empty"] = "";
     })(exports.ThemePalette || (exports.ThemePalette = {}));
-    /** Mixin to augment a directive with a `color` property. */
     function mixinColor(base, defaultColor) {
         if (defaultColor === void 0) { defaultColor = exports.ThemePalette.Default; }
         return /** @class */ (function (_super) {
@@ -471,14 +481,12 @@
                 for (var _i = 0; _i < arguments.length; _i++) {
                     args[_i] = arguments[_i];
                 }
-                var _this = _super.apply(this, __spread(args)) || this;
+                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
                 _this.color = defaultColor;
                 return _this;
             }
             Object.defineProperty(class_1.prototype, "color", {
-                get: function () {
-                    return this._color;
-                },
+                get: function () { return this._color; },
                 set: function (value) {
                     var colorPalette = value || defaultColor;
                     if (colorPalette !== this._color) {
@@ -498,26 +506,21 @@
         }(base));
     }
 
-    // Mixin to augment a directive with a `tabIndex` property.
     function mixinTabIndex(base, defaultTabIndex) {
         if (defaultTabIndex === void 0) { defaultTabIndex = 0; }
-        // Note: We cast `base` to `unknown` and then `Constructor`. It could be an abstract class,
-        // but given we `extend` it from another class, we can assume a constructor being accessible.
-        // tslint:disable-next-line:naming-convention
-        var Mixin = /** @class */ (function (_super) {
-            __extends(Mixin, _super);
-            function Mixin() {
+        return /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
                 var args = [];
                 for (var _i = 0; _i < arguments.length; _i++) {
                     args[_i] = arguments[_i];
                 }
-                var _this = _super.apply(this, __spread(args)) || this;
-                // tslint:disable-next-line:orthodox-getter-and-setter
-                _this._tabIndex = defaultTabIndex;
+                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
                 _this.defaultTabIndex = defaultTabIndex;
+                _this._tabIndex = defaultTabIndex;
                 return _this;
             }
-            Object.defineProperty(Mixin.prototype, "tabIndex", {
+            Object.defineProperty(class_1.prototype, "tabIndex", {
                 get: function () {
                     return this.disabled ? -1 : this._tabIndex;
                 },
@@ -528,12 +531,8 @@
                 enumerable: false,
                 configurable: true
             });
-            return Mixin;
+            return class_1;
         }(base));
-        // Since we don't directly extend from `base` with it's original types, and we instruct
-        // TypeScript that `T` actually is instantiatable through `new`, the types don't overlap.
-        // This is a limitation in TS as abstract classes cannot be typed properly dynamically.
-        return Mixin;
     }
 
     /**
@@ -548,7 +547,7 @@
                 for (var _i = 0; _i < arguments.length; _i++) {
                     args[_i] = arguments[_i];
                 }
-                var _this = _super.apply(this, __spread(args)) || this;
+                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
                 /** Whether the component is in an error state. */
                 _this.errorState = false;
                 /**
@@ -583,12 +582,15 @@
         }
         return McLine;
     }());
-    McLine.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[mc-line], [mcLine]',
-                    host: { class: 'mc-line' }
-                },] }
-    ];
+    /** @nocollapse */ McLine.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McLine, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McLine.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McLine, selector: "[mc-line], [mcLine]", host: { classAttribute: "mc-line" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McLine, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[mc-line], [mcLine]',
+                        host: { class: 'mc-line' }
+                    }]
+            }] });
     /**
      * Helper that takes a query list of lines and sets the correct class on the host.
      * @docs-private
@@ -634,13 +636,17 @@
         }
         return McLineModule;
     }());
-    McLineModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [],
-                    exports: [McLine],
-                    declarations: [McLine]
-                },] }
-    ];
+    /** @nocollapse */ McLineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McLineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McLineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McLineModule, declarations: [McLine], exports: [McLine] });
+    /** @nocollapse */ McLineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McLineModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McLineModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [],
+                        exports: [McLine],
+                        declarations: [McLine]
+                    }]
+            }] });
 
     /** Error state matcher that matches when a control is invalid and dirty. */
     var ShowOnDirtyErrorStateMatcher = /** @class */ (function () {
@@ -651,9 +657,11 @@
         };
         return ShowOnDirtyErrorStateMatcher;
     }());
-    ShowOnDirtyErrorStateMatcher.decorators = [
-        { type: i0.Injectable }
-    ];
+    /** @nocollapse */ ShowOnDirtyErrorStateMatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ShowOnDirtyErrorStateMatcher, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ ShowOnDirtyErrorStateMatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ShowOnDirtyErrorStateMatcher });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ShowOnDirtyErrorStateMatcher, decorators: [{
+                type: i0.Injectable
+            }] });
     /** Provider that defines how form controls behave with regards to displaying error messages. */
     var ErrorStateMatcher = /** @class */ (function () {
         function ErrorStateMatcher() {
@@ -663,10 +671,12 @@
         };
         return ErrorStateMatcher;
     }());
-    /** @nocollapse */ ErrorStateMatcher.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ErrorStateMatcher_Factory() { return new ErrorStateMatcher(); }, token: ErrorStateMatcher, providedIn: "root" });
-    ErrorStateMatcher.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
+    /** @nocollapse */ ErrorStateMatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ErrorStateMatcher, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ ErrorStateMatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ErrorStateMatcher, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ErrorStateMatcher, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }] });
 
     var enUS = {
         relativeTemplates: {
@@ -824,7 +834,7 @@
             this.adapter = adapter;
             this.invalidDateErrorText = 'Invalid date';
             this.config = locale === 'en' ? enUS : ruRU;
-            this.messageFormat = new MessageFormat__namespace(locale);
+            this.messageFormat = new MessageFormat__default["default"](locale);
         }
         DateFormatter.prototype.setLocale = function (locale) {
             this.config = locale === 'en' ? enUS : ruRU;
@@ -1092,14 +1102,16 @@
         };
         return DateFormatter;
     }());
-    DateFormatter.decorators = [
-        { type: i0.Injectable }
-    ];
-    /** @nocollapse */
-    DateFormatter.ctorParameters = function () { return [
-        { type: datetime.DateAdapter },
-        { type: String, decorators: [{ type: i0.Inject, args: [datetime.MC_DATE_LOCALE,] }] }
-    ]; };
+    /** @nocollapse */ DateFormatter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateFormatter, deps: [{ token: i1__namespace.DateAdapter }, { token: i1.MC_DATE_LOCALE }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ DateFormatter.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateFormatter });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DateFormatter, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace.DateAdapter }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i1.MC_DATE_LOCALE]
+                        }] }];
+        } });
 
     /* tslint:disable:naming-convention */
     var MC_LOCALE_ID = new i0.InjectionToken('McLocaleId');
@@ -1186,28 +1198,40 @@
         };
         return McDecimalPipe;
     }());
-    /** @nocollapse */ McDecimalPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function McDecimalPipe_Factory() { return new McDecimalPipe(i0__namespace.ɵɵinject(MC_LOCALE_ID, 8)); }, token: McDecimalPipe, providedIn: "root" });
-    McDecimalPipe.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] },
-        { type: i0.Pipe, args: [{ name: 'mcNumber' },] }
-    ];
-    /** @nocollapse */
-    McDecimalPipe.ctorParameters = function () { return [
-        { type: String, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [MC_LOCALE_ID,] }] }
-    ]; };
+    /** @nocollapse */ McDecimalPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McDecimalPipe, deps: [{ token: MC_LOCALE_ID, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    /** @nocollapse */ McDecimalPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McDecimalPipe, name: "mcNumber" });
+    /** @nocollapse */ McDecimalPipe.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McDecimalPipe, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McDecimalPipe, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }, {
+                type: i0.Pipe,
+                args: [{ name: 'mcNumber' }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [MC_LOCALE_ID]
+                        }] }];
+        } });
 
     var McFormattersModule = /** @class */ (function () {
         function McFormattersModule() {
         }
         return McFormattersModule;
     }());
-    McFormattersModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    exports: [McDecimalPipe],
-                    declarations: [McDecimalPipe],
-                    providers: [DateFormatter]
-                },] }
-    ];
+    /** @nocollapse */ McFormattersModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormattersModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McFormattersModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormattersModule, declarations: [McDecimalPipe], exports: [McDecimalPipe] });
+    /** @nocollapse */ McFormattersModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormattersModule, providers: [DateFormatter] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormattersModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [McDecimalPipe],
+                        declarations: [McDecimalPipe],
+                        providers: [DateFormatter]
+                    }]
+            }] });
 
     var validationTooltipShowDelay = 10;
     var validationTooltipHideDelay = 3000;
@@ -1302,22 +1326,29 @@
         };
         return McHighlightPipe;
     }());
-    McHighlightPipe.decorators = [
-        { type: i0.Pipe, args: [{ name: 'mcHighlight' },] }
-    ];
+    /** @nocollapse */ McHighlightPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McHighlightPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    /** @nocollapse */ McHighlightPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McHighlightPipe, name: "mcHighlight" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McHighlightPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{ name: 'mcHighlight' }]
+            }] });
 
     var McHighlightModule = /** @class */ (function () {
         function McHighlightModule() {
         }
         return McHighlightModule;
     }());
-    McHighlightModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [i1.CommonModule],
-                    exports: [McHighlightPipe],
-                    declarations: [McHighlightPipe]
-                },] }
-    ];
+    /** @nocollapse */ McHighlightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McHighlightModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McHighlightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McHighlightModule, declarations: [McHighlightPipe], imports: [i2$1.CommonModule], exports: [McHighlightPipe] });
+    /** @nocollapse */ McHighlightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McHighlightModule, imports: [[i2$1.CommonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McHighlightModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [i2$1.CommonModule],
+                        exports: [McHighlightPipe],
+                        declarations: [McHighlightPipe]
+                    }]
+            }] });
 
     var selectEvents = 'selectEvents';
 
@@ -1368,7 +1399,7 @@
     /** @docs-private */
     var MC_SELECT_SCROLL_STRATEGY_PROVIDER = {
         provide: MC_SELECT_SCROLL_STRATEGY,
-        deps: [overlay.Overlay],
+        deps: [i1$1.Overlay],
         useFactory: mcSelectScrollStrategyProviderFactory
     };
 
@@ -1458,13 +1489,19 @@
             overlayY: 'bottom'
         }
     };
-    var DEFAULT_4_POSITIONS = objectValues([
-        POSITION_MAP.top, POSITION_MAP.right, POSITION_MAP.bottom, POSITION_MAP.left
-    ]);
     var EXTENDED_OVERLAY_POSITIONS = objectValues([
-        POSITION_MAP.top, POSITION_MAP.topLeft, POSITION_MAP.topRight, POSITION_MAP.right, POSITION_MAP.rightTop,
-        POSITION_MAP.rightBottom, POSITION_MAP.bottom, POSITION_MAP.bottomLeft, POSITION_MAP.bottomRight,
-        POSITION_MAP.left, POSITION_MAP.leftTop, POSITION_MAP.leftBottom
+        POSITION_MAP.top,
+        POSITION_MAP.topLeft,
+        POSITION_MAP.topRight,
+        POSITION_MAP.right,
+        POSITION_MAP.rightTop,
+        POSITION_MAP.rightBottom,
+        POSITION_MAP.bottom,
+        POSITION_MAP.bottomLeft,
+        POSITION_MAP.bottomRight,
+        POSITION_MAP.left,
+        POSITION_MAP.leftTop,
+        POSITION_MAP.leftBottom
     ]);
     var TOP_POSITION_PRIORITY = objectValues([
         POSITION_MAP.top,
@@ -1594,15 +1631,9 @@
         bottomLeft: 'bottom-left',
         bottomRight: 'bottom-right'
     };
-    var DEFAULT_4_POSITIONS_TO_CSS_MAP = {
-        top: 'top',
-        bottom: 'bottom',
-        right: 'right',
-        left: 'left'
-    };
     function arrayMap(array, iteratee) {
         var index = -1;
-        var length = array == null ? 0 : array.length;
+        var length = array === null ? 0 : array.length;
         var result = Array(length);
         while (++index < length) {
             result[index] = iteratee(array[index], index, array);
@@ -1610,12 +1641,10 @@
         return result;
     }
     function baseValues(object, props) {
-        return arrayMap(props, function (key) {
-            return object[key];
-        });
+        return arrayMap(props, function (key) { return object[key]; });
     }
     function objectValues(object) {
-        return object == null ? [] : baseValues(object, Object.keys(object));
+        return object === null ? [] : baseValues(object, Object.keys(object));
     }
 
     var fadeAnimation = animations.trigger('fadeAnimation', [
@@ -1707,39 +1736,46 @@
         }
         return McPseudoCheckbox;
     }());
-    McPseudoCheckbox.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'mc-pseudo-checkbox',
-                    template: "<i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n<i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n",
-                    host: {
-                        class: 'mc-pseudo-checkbox',
-                        '[class.mc-indeterminate]': 'state === "indeterminate"',
-                        '[class.mc-checked]': 'state === "checked"',
-                        '[class.mc-disabled]': 'disabled'
-                    },
-                    preserveWhitespaces: false,
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    encapsulation: i0.ViewEncapsulation.None,
-                    styles: [".mc-pseudo-checkbox{position:relative;display:inline-block;box-sizing:border-box;width:var(--mc-checkbox-size-width,16px);height:var(--mc-checkbox-size-width,16px);border-radius:3px;border-width:var(--mc-checkbox-size-border-width,1px);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0}.mc-pseudo-checkbox .mc-checkbox-checkmark,.mc-pseudo-checkbox .mc-checkbox-mixedmark{display:none;position:absolute;top:calc(-1 * var(--mc-checkbox-size-border-width, 1px));left:calc(-1 * var(--mc-checkbox-size-border-width, 1px))}.mc-pseudo-checkbox.mc-pseudo-checkbox-checked,.mc-pseudo-checkbox.mc-pseudo-checkbox-indeterminate{border-color:transparent}.mc-pseudo-checkbox.mc-checked .mc-checkbox-checkmark,.mc-pseudo-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:inline-block}.mc-pseudo-checkbox.mc-disabled{cursor:default}"]
-                },] }
-    ];
-    McPseudoCheckbox.propDecorators = {
-        state: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }]
-    };
+    /** @nocollapse */ McPseudoCheckbox.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPseudoCheckbox, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McPseudoCheckbox.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: { state: "state", disabled: "disabled" }, host: { properties: { "class.mc-indeterminate": "state === \"indeterminate\"", "class.mc-checked": "state === \"checked\"", "class.mc-disabled": "disabled" }, classAttribute: "mc-pseudo-checkbox" }, ngImport: i0__namespace, template: "<i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n<i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n", styles: [".mc-pseudo-checkbox{position:relative;display:inline-block;box-sizing:border-box;width:16px;width:var(--mc-checkbox-size-width, 16px);height:16px;height:var(--mc-checkbox-size-width, 16px);border-radius:3px;border-width:1px;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0}.mc-pseudo-checkbox .mc-checkbox-checkmark,.mc-pseudo-checkbox .mc-checkbox-mixedmark{display:none;position:absolute;top:calc(-1 * 1px);top:calc(-1 * var(--mc-checkbox-size-border-width, 1px));left:calc(-1 * 1px);left:calc(-1 * var(--mc-checkbox-size-border-width, 1px))}.mc-pseudo-checkbox.mc-pseudo-checkbox-checked,.mc-pseudo-checkbox.mc-pseudo-checkbox-indeterminate{border-color:transparent}.mc-pseudo-checkbox.mc-checked .mc-checkbox-checkmark{display:inline-block}.mc-pseudo-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:inline-block}.mc-pseudo-checkbox.mc-disabled{cursor:default}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPseudoCheckbox, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'mc-pseudo-checkbox',
+                        templateUrl: 'pseudo-checkbox.partial.html',
+                        styleUrls: ['pseudo-checkbox.scss'],
+                        host: {
+                            class: 'mc-pseudo-checkbox',
+                            '[class.mc-indeterminate]': 'state === "indeterminate"',
+                            '[class.mc-checked]': 'state === "checked"',
+                            '[class.mc-disabled]': 'disabled'
+                        },
+                        preserveWhitespaces: false,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        encapsulation: i0.ViewEncapsulation.None
+                    }]
+            }], propDecorators: { state: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }] } });
 
     var McPseudoCheckboxModule = /** @class */ (function () {
         function McPseudoCheckboxModule() {
         }
         return McPseudoCheckboxModule;
     }());
-    McPseudoCheckboxModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [i1.CommonModule],
-                    exports: [McPseudoCheckbox],
-                    declarations: [McPseudoCheckbox]
-                },] }
-    ];
+    /** @nocollapse */ McPseudoCheckboxModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPseudoCheckboxModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McPseudoCheckboxModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPseudoCheckboxModule, declarations: [McPseudoCheckbox], imports: [i2$1.CommonModule], exports: [McPseudoCheckbox] });
+    /** @nocollapse */ McPseudoCheckboxModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPseudoCheckboxModule, imports: [[i2$1.CommonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPseudoCheckboxModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [i2$1.CommonModule],
+                        exports: [McPseudoCheckbox],
+                        declarations: [McPseudoCheckbox]
+                    }]
+            }] });
 
     var McMeasureScrollbarService = /** @class */ (function () {
         function McMeasureScrollbarService(document) {
@@ -1779,16 +1815,19 @@
         };
         return McMeasureScrollbarService;
     }());
-    /** @nocollapse */ McMeasureScrollbarService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function McMeasureScrollbarService_Factory() { return new McMeasureScrollbarService(i0__namespace.ɵɵinject(i1__namespace.DOCUMENT)); }, token: McMeasureScrollbarService, providedIn: "root" });
-    McMeasureScrollbarService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    /** @nocollapse */
-    McMeasureScrollbarService.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Inject, args: [i1.DOCUMENT,] }] }
-    ]; };
+    /** @nocollapse */ McMeasureScrollbarService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McMeasureScrollbarService, deps: [{ token: i2$1.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ McMeasureScrollbarService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McMeasureScrollbarService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McMeasureScrollbarService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i2$1.DOCUMENT]
+                        }] }];
+        } });
 
     /** @docs-private */
     var McOptgroupBase = /** @class */ (function () {
@@ -1805,31 +1844,33 @@
     var McOptgroup = /** @class */ (function (_super) {
         __extends(McOptgroup, _super);
         function McOptgroup() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             /** Unique id for the underlying label. */
             _this.labelId = "mc-optgroup-label-" + uniqueOptgroupIdCounter++;
             return _this;
         }
         return McOptgroup;
     }(McOptgroupMixinBase));
-    McOptgroup.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'mc-optgroup',
-                    exportAs: 'mcOptgroup',
-                    template: "<label class=\"mc-optgroup-label\" [id]=\"labelId\">{{ label }}</label>\n<ng-content select=\"mc-option, mc-list-option, ng-container\"></ng-content>\n",
-                    encapsulation: i0.ViewEncapsulation.None,
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    inputs: ['disabled'],
-                    host: {
-                        class: 'mc-optgroup',
-                        '[class.mc-disabled]': 'disabled'
-                    },
-                    styles: [".mc-optgroup-label{padding-left:var(--mc-optgroup-size-padding-left,17px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}"]
-                },] }
-    ];
-    McOptgroup.propDecorators = {
-        label: [{ type: i0.Input }]
-    };
+    /** @nocollapse */ McOptgroup.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOptgroup, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McOptgroup.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McOptgroup, selector: "mc-optgroup", inputs: { disabled: "disabled", label: "label" }, host: { properties: { "class.mc-disabled": "disabled" }, classAttribute: "mc-optgroup" }, exportAs: ["mcOptgroup"], usesInheritance: true, ngImport: i0__namespace, template: "<label class=\"mc-optgroup-label\" [id]=\"labelId\">{{ label }}</label>\n<ng-content select=\"mc-option, mc-list-option, ng-container\"></ng-content>\n", styles: [".mc-optgroup-label{padding-left:17px;padding-left:var(--mc-optgroup-size-padding-left, 17px);-webkit-user-select:none;user-select:none;cursor:default}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOptgroup, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'mc-optgroup',
+                        exportAs: 'mcOptgroup',
+                        templateUrl: 'optgroup.html',
+                        styleUrls: ['./optgroup.scss'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        inputs: ['disabled'],
+                        host: {
+                            class: 'mc-optgroup',
+                            '[class.mc-disabled]': 'disabled'
+                        }
+                    }]
+            }], propDecorators: { label: [{
+                    type: i0.Input
+                }] } });
 
     /**
      * Option IDs need to be unique across components, so this counter exists outside of
@@ -2037,40 +2078,47 @@
         };
         return McOption;
     }());
-    McOption.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'mc-option',
-                    exportAs: 'mcOption',
-                    host: {
-                        '[attr.tabindex]': 'getTabIndex()',
-                        class: 'mc-option',
-                        '[class.mc-selected]': 'selected',
-                        '[class.mc-option-multiple]': 'multiple',
-                        '[class.mc-active]': 'active',
-                        '[class.mc-disabled]': 'disabled',
-                        '[id]': 'id',
-                        '(click)': 'selectViaInteraction()',
-                        '(keydown)': 'handleKeydown($event)'
-                    },
-                    template: "<mc-pseudo-checkbox\n    *ngIf=\"showCheckbox\"\n    [state]=\"selected ? 'checked' : ''\"\n    [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n",
-                    encapsulation: i0.ViewEncapsulation.None,
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--mc-option-size-height,32px);border:var(--mc-option-size-border-width,2px) solid transparent;cursor:pointer;outline:none;padding-left:var(--mc-option-size-horizontal-padding,16px);padding-right:var(--mc-option-size-horizontal-padding,16px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}"]
-                },] }
-    ];
-    /** @nocollapse */
-    McOption.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.ChangeDetectorRef },
-        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [MC_OPTION_PARENT_COMPONENT,] }] },
-        { type: McOptgroup, decorators: [{ type: i0.Optional }] }
-    ]; };
-    McOption.propDecorators = {
-        value: [{ type: i0.Input }],
-        showCheckbox: [{ type: i0.Input }],
-        onSelectionChange: [{ type: i0.Output }],
-        disabled: [{ type: i0.Input }]
-    };
+    /** @nocollapse */ McOption.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOption, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: MC_OPTION_PARENT_COMPONENT, optional: true }, { token: McOptgroup, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McOption.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McOption, selector: "mc-option", inputs: { value: "value", showCheckbox: "showCheckbox", disabled: "disabled" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "attr.tabindex": "getTabIndex()", "class.mc-selected": "selected", "class.mc-option-multiple": "multiple", "class.mc-active": "active", "class.mc-disabled": "disabled", "id": "id" }, classAttribute: "mc-option" }, exportAs: ["mcOption"], ngImport: i0__namespace, template: "<mc-pseudo-checkbox\n    *ngIf=\"showCheckbox\"\n    [state]=\"selected ? 'checked' : 'unchecked'\"\n    [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:32px;height:var(--mc-option-size-height, 32px);border:2px solid transparent;border:var(--mc-option-size-border-width, 2px) solid transparent;cursor:pointer;outline:none;padding-left:16px;padding-left:var(--mc-option-size-horizontal-padding, 16px);padding-right:16px;padding-right:var(--mc-option-size-horizontal-padding, 16px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * 2px);top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * 2px);left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * 2px);right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * 2px);bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], components: [{ type: McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["state", "disabled"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOption, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'mc-option',
+                        exportAs: 'mcOption',
+                        host: {
+                            '[attr.tabindex]': 'getTabIndex()',
+                            class: 'mc-option',
+                            '[class.mc-selected]': 'selected',
+                            '[class.mc-option-multiple]': 'multiple',
+                            '[class.mc-active]': 'active',
+                            '[class.mc-disabled]': 'disabled',
+                            '[id]': 'id',
+                            '(click)': 'selectViaInteraction()',
+                            '(keydown)': 'handleKeydown($event)'
+                        },
+                        styleUrls: ['option.scss'],
+                        templateUrl: 'option.html',
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: undefined, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [MC_OPTION_PARENT_COMPONENT]
+                        }] }, { type: McOptgroup, decorators: [{
+                            type: i0.Optional
+                        }] }];
+        }, propDecorators: { value: [{
+                    type: i0.Input
+                }], showCheckbox: [{
+                    type: i0.Input
+                }], onSelectionChange: [{
+                    type: i0.Output
+                }], disabled: [{
+                    type: i0.Input
+                }] } });
     /**
      * Counts the amount of option group labels that precede the specified option.
      * @param optionIndex Index of the option at which to start counting.
@@ -2111,18 +2159,148 @@
         return currentScrollPosition;
     }
 
+    var MC_OPTION_ACTION_PARENT = new i0.InjectionToken('MC_OPTION_ACTION_PARENT');
+    var McOptionActionBase = /** @class */ (function () {
+        function McOptionActionBase() {
+        }
+        return McOptionActionBase;
+    }());
+    // tslint:disable-next-line:naming-convention
+    var McOptionActionMixinBase = mixinTabIndex(mixinDisabled(McOptionActionBase));
+    var McOptionActionComponent = /** @class */ (function (_super) {
+        __extends(McOptionActionComponent, _super);
+        function McOptionActionComponent(elementRef, focusMonitor, option) {
+            var _this = _super.call(this) || this;
+            _this.elementRef = elementRef;
+            _this.focusMonitor = focusMonitor;
+            _this.option = option;
+            _this.hasFocus = false;
+            _this.destroy = new rxjs.Subject();
+            _this.focusMonitor.monitor(_this.elementRef.nativeElement);
+            return _this;
+        }
+        Object.defineProperty(McOptionActionComponent.prototype, "active", {
+            get: function () {
+                var _a;
+                return this.hasFocus || !!((_a = this.option.dropdownTrigger) === null || _a === void 0 ? void 0 : _a.opened);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        McOptionActionComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            if (!this.option.dropdownTrigger) {
+                return;
+            }
+            this.option.dropdownTrigger.restoreFocus = false;
+            this.option.dropdownTrigger.dropdownClosed
+                .pipe(operators.takeUntil(this.destroy))
+                .subscribe(function () {
+                _this.preventShowingTooltip();
+                var destroyReason = _this.option.dropdownTrigger.lastDestroyReason === 'keydown' ?
+                    'keyboard' :
+                    'program';
+                _this.focus(destroyReason);
+            });
+        };
+        McOptionActionComponent.prototype.ngOnDestroy = function () {
+            this.destroy.next();
+            this.destroy.complete();
+            this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);
+        };
+        McOptionActionComponent.prototype.focus = function (origin, options) {
+            if (this.focusMonitor && origin) {
+                this.focusMonitor.focusVia(this.elementRef.nativeElement, origin, options);
+            }
+            else {
+                this.elementRef.nativeElement.focus();
+            }
+            this.hasFocus = true;
+        };
+        McOptionActionComponent.prototype.onFocus = function ($event) {
+            $event.stopPropagation();
+            this.hasFocus = true;
+        };
+        McOptionActionComponent.prototype.onBlur = function () {
+            this.hasFocus = false;
+        };
+        McOptionActionComponent.prototype.onClick = function ($event) {
+            $event.stopPropagation();
+        };
+        McOptionActionComponent.prototype.onKeyDown = function ($event) {
+            if ([keycodes.SPACE, keycodes.ENTER].includes($event.keyCode) && this.option.dropdownTrigger) {
+                this.option.dropdownTrigger.openedBy = 'keyboard';
+                this.option.dropdownTrigger.toggle();
+            }
+            else if ($event.shiftKey && $event.keyCode === keycodes.TAB) {
+                this.hasFocus = false;
+                this.option.focus();
+            }
+            else if ($event.keyCode === keycodes.TAB) {
+                return;
+            }
+            $event.preventDefault();
+            $event.stopPropagation();
+        };
+        McOptionActionComponent.prototype.preventShowingTooltip = function () {
+            var _this = this;
+            if (!this.option.tooltipTrigger) {
+                return;
+            }
+            this.option.tooltipTrigger.disabled = true;
+            setTimeout(function () { return _this.option.tooltipTrigger.disabled = false; });
+        };
+        return McOptionActionComponent;
+    }(McOptionActionMixinBase));
+    /** @nocollapse */ McOptionActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOptionActionComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$1.FocusMonitor }, { token: MC_OPTION_ACTION_PARENT }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McOptionActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McOptionActionComponent, selector: "mc-option-action", inputs: { disabled: "disabled" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()", "click": "onClick($event)", "keydown": "onKeyDown($event)" }, properties: { "class.mc-opened": "false", "attr.disabled": "disabled || null", "attr.tabIndex": "-1" }, classAttribute: "mc-option-action" }, queries: [{ propertyName: "customIcon", first: true, predicate: ["customIcon"], descendants: true }], exportAs: ["mcOptionAction"], usesInheritance: true, ngImport: i0__namespace, template: "\n        <ng-container [ngSwitch]=\"!!customIcon\">\n            <i class=\"mc mc-icon mc-ellipsis_16\" *ngSwitchCase=\"false\"></i>\n            <ng-content select=\"[mc-icon]\" *ngSwitchCase=\"true\"></ng-content>\n        </ng-container>\n    ", isInline: true, styles: [".mc-option-action{box-sizing:unset;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:-2px;width:28px;height:100%;cursor:pointer;outline:none;border:2px solid transparent;background:transparent}.mc-option-action[disabled]{cursor:default}\n"], directives: [{ type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOptionActionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'mc-option-action',
+                        exportAs: 'mcOptionAction',
+                        template: "\n        <ng-container [ngSwitch]=\"!!customIcon\">\n            <i class=\"mc mc-icon mc-ellipsis_16\" *ngSwitchCase=\"false\"></i>\n            <ng-content select=\"[mc-icon]\" *ngSwitchCase=\"true\"></ng-content>\n        </ng-container>\n    ",
+                        styleUrls: ['./action.scss'],
+                        host: {
+                            class: 'mc-option-action',
+                            '[class.mc-opened]': 'false',
+                            '[attr.disabled]': 'disabled || null',
+                            '[attr.tabIndex]': '-1',
+                            '(focus)': 'onFocus($event)',
+                            '(blur)': 'onBlur()',
+                            '(click)': 'onClick($event)',
+                            '(keydown)': 'onKeyDown($event)'
+                        },
+                        inputs: ['disabled'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$1.FocusMonitor }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [MC_OPTION_ACTION_PARENT]
+                        }] }];
+        }, propDecorators: { customIcon: [{
+                    type: i0.ContentChild,
+                    args: ['customIcon']
+                }] } });
+
     var McOptionModule = /** @class */ (function () {
         function McOptionModule() {
         }
         return McOptionModule;
     }());
-    McOptionModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [i1.CommonModule, McPseudoCheckboxModule],
-                    exports: [McOption, McOptgroup],
-                    declarations: [McOption, McOptgroup]
-                },] }
-    ];
+    /** @nocollapse */ McOptionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOptionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McOptionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOptionModule, declarations: [McOption, McOptgroup, McOptionActionComponent], imports: [i2$1.CommonModule, McPseudoCheckboxModule], exports: [McOption, McOptgroup, McOptionActionComponent] });
+    /** @nocollapse */ McOptionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOptionModule, imports: [[i2$1.CommonModule, McPseudoCheckboxModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McOptionModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [i2$1.CommonModule, McPseudoCheckboxModule],
+                        declarations: [McOption, McOptgroup, McOptionActionComponent],
+                        exports: [McOption, McOptgroup, McOptionActionComponent]
+                    }]
+            }] });
 
     var McFormElement = /** @class */ (function () {
         function McFormElement(element) {
@@ -2144,22 +2322,21 @@
         };
         return McFormElement;
     }());
-    McFormElement.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '.mc-form__row, .mc-form__fieldset, .mc-form__legend',
-                    exportAs: 'mcFormElement',
-                    host: {
-                        '[class.mc-form-row_margin]': 'margin'
-                    }
-                },] }
-    ];
-    /** @nocollapse */
-    McFormElement.ctorParameters = function () { return [
-        { type: i0.ElementRef }
-    ]; };
-    McFormElement.propDecorators = {
-        elements: [{ type: i0.ContentChildren, args: [McFormElement,] }]
-    };
+    /** @nocollapse */ McFormElement.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormElement, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McFormElement.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McFormElement, selector: ".mc-form__row, .mc-form__fieldset, .mc-form__legend", host: { properties: { "class.mc-form-row_margin": "margin" } }, queries: [{ propertyName: "elements", predicate: McFormElement }], exportAs: ["mcFormElement"], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormElement, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '.mc-form__row, .mc-form__fieldset, .mc-form__legend',
+                        exportAs: 'mcFormElement',
+                        host: {
+                            '[class.mc-form-row_margin]': 'margin'
+                        }
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { elements: [{
+                    type: i0.ContentChildren,
+                    args: [McFormElement]
+                }] } });
     var McForm = /** @class */ (function () {
         function McForm() {
         }
@@ -2178,36 +2355,404 @@
         };
         return McForm;
     }());
-    McForm.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '.mc-form-vertical, .mc-form-horizontal',
-                    exportAs: 'mcForm',
-                    host: {
-                        class: 'mc-form'
-                    }
-                },] }
-    ];
-    McForm.propDecorators = {
-        elements: [{ type: i0.ContentChildren, args: [McFormElement,] }]
-    };
+    /** @nocollapse */ McForm.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McForm, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McForm.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McForm, selector: ".mc-form-vertical, .mc-form-horizontal", host: { classAttribute: "mc-form" }, queries: [{ propertyName: "elements", predicate: McFormElement }], exportAs: ["mcForm"], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McForm, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '.mc-form-vertical, .mc-form-horizontal',
+                        exportAs: 'mcForm',
+                        host: {
+                            class: 'mc-form'
+                        }
+                    }]
+            }], propDecorators: { elements: [{
+                    type: i0.ContentChildren,
+                    args: [McFormElement]
+                }] } });
 
     var McFormsModule = /** @class */ (function () {
         function McFormsModule() {
         }
         return McFormsModule;
     }());
-    McFormsModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    exports: [
-                        McForm,
-                        McFormElement
-                    ],
-                    declarations: [
-                        McForm,
-                        McFormElement
-                    ]
-                },] }
-    ];
+    /** @nocollapse */ McFormsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McFormsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormsModule, declarations: [McForm,
+            McFormElement], exports: [McForm,
+            McFormElement] });
+    /** @nocollapse */ McFormsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormsModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McFormsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [
+                            McForm,
+                            McFormElement
+                        ],
+                        declarations: [
+                            McForm,
+                            McFormElement
+                        ]
+                    }]
+            }] });
+
+    exports.PopUpPlacements = void 0;
+    (function (PopUpPlacements) {
+        PopUpPlacements["Top"] = "top";
+        PopUpPlacements["TopLeft"] = "topLeft";
+        PopUpPlacements["TopRight"] = "topRight";
+        PopUpPlacements["Right"] = "right";
+        PopUpPlacements["RightTop"] = "rightTop";
+        PopUpPlacements["RightBottom"] = "rightBottom";
+        PopUpPlacements["Left"] = "left";
+        PopUpPlacements["LeftTop"] = "leftTop";
+        PopUpPlacements["LeftBottom"] = "leftBottom";
+        PopUpPlacements["Bottom"] = "bottom";
+        PopUpPlacements["BottomLeft"] = "bottomLeft";
+        PopUpPlacements["BottomRight"] = "bottomRight";
+    })(exports.PopUpPlacements || (exports.PopUpPlacements = {}));
+    exports.PopUpVisibility = void 0;
+    (function (PopUpVisibility) {
+        PopUpVisibility["Initial"] = "initial";
+        PopUpVisibility["Visible"] = "visible";
+        PopUpVisibility["Hidden"] = "hidden";
+    })(exports.PopUpVisibility || (exports.PopUpVisibility = {}));
+    exports.PopUpTriggers = void 0;
+    (function (PopUpTriggers) {
+        PopUpTriggers["Click"] = "click";
+        PopUpTriggers["Focus"] = "focus";
+        PopUpTriggers["Hover"] = "hover";
+    })(exports.PopUpTriggers || (exports.PopUpTriggers = {}));
+    exports.PopUpSizes = void 0;
+    (function (PopUpSizes) {
+        PopUpSizes["Small"] = "small";
+        PopUpSizes["Normal"] = "normal";
+        PopUpSizes["Large"] = "large";
+    })(exports.PopUpSizes || (exports.PopUpSizes = {}));
+
+    // tslint:disable-next-line:naming-convention
+    var McPopUp = /** @class */ (function () {
+        function McPopUp(changeDetectorRef) {
+            this.changeDetectorRef = changeDetectorRef;
+            this.classMap = {};
+            this.visibility = exports.PopUpVisibility.Initial;
+            this.visibleChange = new i0.EventEmitter();
+            /** Subject for notifying that the tooltip has been hidden from the view */
+            this.onHideSubject = new rxjs.Subject();
+            this.closeOnInteraction = false;
+        }
+        McPopUp.prototype.ngOnDestroy = function () {
+            clearTimeout(this.showTimeoutId);
+            clearTimeout(this.hideTimeoutId);
+            this.onHideSubject.complete();
+        };
+        McPopUp.prototype.isTemplateRef = function (value) {
+            return value instanceof i0.TemplateRef;
+        };
+        McPopUp.prototype.show = function (delay) {
+            var _this = this;
+            if (this.hideTimeoutId) {
+                clearTimeout(this.hideTimeoutId);
+            }
+            this.closeOnInteraction = true;
+            this.showTimeoutId = setTimeout(function () {
+                _this.showTimeoutId = undefined;
+                _this.visibility = exports.PopUpVisibility.Visible;
+                _this.visibleChange.emit(true);
+                // Mark for check so if any parent component has set the
+                // ChangeDetectionStrategy to OnPush it will be checked anyways
+                _this.markForCheck();
+            }, delay);
+        };
+        McPopUp.prototype.hide = function (delay) {
+            var _this = this;
+            if (this.showTimeoutId) {
+                clearTimeout(this.showTimeoutId);
+            }
+            this.hideTimeoutId = setTimeout(function () {
+                _this.hideTimeoutId = undefined;
+                _this.visibility = exports.PopUpVisibility.Hidden;
+                _this.visibleChange.emit(false);
+                _this.onHideSubject.next();
+                // Mark for check so if any parent component has set the
+                // ChangeDetectionStrategy to OnPush it will be checked anyways
+                _this.markForCheck();
+            }, delay);
+        };
+        McPopUp.prototype.isVisible = function () {
+            return this.visibility === exports.PopUpVisibility.Visible;
+        };
+        McPopUp.prototype.updateClassMap = function (placement, customClass, classMap) {
+            var _a;
+            this.classMap = Object.assign((_a = {}, _a[this.prefix + "_placement-" + placement] = true, _a[customClass] = !!customClass, _a), classMap);
+        };
+        /** Returns an observable that notifies when the tooltip has been hidden from view. */
+        McPopUp.prototype.afterHidden = function () {
+            return this.onHideSubject.asObservable();
+        };
+        McPopUp.prototype.markForCheck = function () {
+            this.changeDetectorRef.markForCheck();
+        };
+        McPopUp.prototype.animationStart = function () {
+            this.closeOnInteraction = false;
+        };
+        McPopUp.prototype.animationDone = function (_a) {
+            var toState = _a.toState;
+            if (toState === exports.PopUpVisibility.Hidden && !this.isVisible()) {
+                this.onHideSubject.next();
+            }
+            if (toState === exports.PopUpVisibility.Visible || toState === exports.PopUpVisibility.Hidden) {
+                this.closeOnInteraction = true;
+            }
+        };
+        McPopUp.prototype.handleBodyInteraction = function () {
+            if (this.closeOnInteraction) {
+                this.hide(0);
+            }
+        };
+        return McPopUp;
+    }());
+    /** @nocollapse */ McPopUp.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopUp, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McPopUp.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McPopUp, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopUp, decorators: [{
+                type: i0.Directive
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; } });
+
+    var VIEWPORT_MARGIN = 8;
+    // tslint:disable-next-line:naming-convention
+    var McPopUpTrigger = /** @class */ (function () {
+        function McPopUpTrigger(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) {
+            var _this = this;
+            this.overlay = overlay;
+            this.elementRef = elementRef;
+            this.ngZone = ngZone;
+            this.scrollDispatcher = scrollDispatcher;
+            this.hostView = hostView;
+            this.scrollStrategy = scrollStrategy;
+            this.direction = direction;
+            this.isOpen = false;
+            this.enterDelay = 0;
+            this.leaveDelay = 0;
+            this.placement = exports.PopUpPlacements.Top;
+            this.placementPriority = null;
+            this.visible = false;
+            // tslint:disable-next-line:naming-convention orthodox-getter-and-setter
+            this._disabled = false;
+            this.listeners = new Map();
+            this.destroyed = new rxjs.Subject();
+            this.detach = function () {
+                if (_this.overlayRef && _this.overlayRef.hasAttached()) {
+                    _this.overlayRef.detach();
+                }
+                _this.instance = null;
+            };
+            this.onPositionChange = function ($event) {
+                if (!_this.instance) {
+                    return;
+                }
+                var newPlacement = _this.placement;
+                var _a = $event.connectionPair, originX = _a.originX, originY = _a.originY, overlayX = _a.overlayX, overlayY = _a.overlayY;
+                Object.keys(_this.availablePositions).some(function (key) {
+                    if (originX === _this.availablePositions[key].originX && originY === _this.availablePositions[key].originY &&
+                        overlayX === _this.availablePositions[key].overlayX && overlayY === _this.availablePositions[key].overlayY) {
+                        newPlacement = key;
+                        return true;
+                    }
+                    return false;
+                });
+                _this.placementChange.emit(newPlacement);
+                _this.updateClassMap(newPlacement);
+                if ($event.scrollableViewProperties.isOverlayClipped && _this.instance.isVisible()) {
+                    // After position changes occur and the overlay is clipped by
+                    // a parent scrollable then close the tooltip.
+                    _this.ngZone.run(function () { return _this.hide(); });
+                }
+            };
+            this.addEventListener = function (listener, event) {
+                _this.elementRef.nativeElement.addEventListener(event, listener);
+            };
+            this.removeEventListener = function (listener, event) {
+                _this.elementRef.nativeElement.removeEventListener(event, listener);
+            };
+            this.availablePositions = POSITION_MAP;
+        }
+        McPopUpTrigger.prototype.ngOnInit = function () {
+            this.initListeners();
+        };
+        McPopUpTrigger.prototype.ngOnDestroy = function () {
+            if (this.overlayRef) {
+                this.overlayRef.dispose();
+            }
+            this.listeners.forEach(this.removeEventListener);
+            this.listeners.clear();
+            this.destroyed.next();
+            this.destroyed.complete();
+        };
+        McPopUpTrigger.prototype.updatePlacement = function (value) {
+            if (POSITION_TO_CSS_MAP[value]) {
+                this.placement = value;
+                this.updateClassMap();
+            }
+            else {
+                this.placement = exports.PopUpPlacements.Top;
+                console.warn("Unknown position: " + value + ". Will used default position: " + this.placement);
+            }
+            if (this.visible) {
+                this.updatePosition();
+            }
+        };
+        McPopUpTrigger.prototype.updatePlacementPriority = function (value) {
+            if (value && value.length > 0) {
+                this.placementPriority = value;
+            }
+            else {
+                this.placementPriority = null;
+            }
+        };
+        McPopUpTrigger.prototype.updateVisible = function (externalValue) {
+            var value = coercion.coerceBooleanProperty(externalValue);
+            if (this.visible !== value) {
+                this.visible = value;
+                if (value) {
+                    this.show();
+                }
+                else {
+                    this.hide();
+                }
+            }
+        };
+        McPopUpTrigger.prototype.handleKeydown = function (event) {
+            if (this.isOpen && event.keyCode === keycodes.ESCAPE) { // tslint:disable-line
+                this.hide();
+            }
+        };
+        McPopUpTrigger.prototype.handleTouchend = function () {
+            this.hide();
+        };
+        McPopUpTrigger.prototype.show = function (delay) {
+            var _this = this;
+            if (delay === void 0) { delay = this.enterDelay; }
+            if (this.disabled || this.instance) {
+                return;
+            }
+            this.overlayRef = this.createOverlay();
+            this.detach();
+            this.portal = this.portal || new portal.ComponentPortal(this.getOverlayHandleComponentType(), this.hostView);
+            this.instance = this.overlayRef.attach(this.portal).instance;
+            this.instance.afterHidden()
+                .pipe(operators.takeUntil(this.destroyed))
+                .subscribe(this.detach);
+            this.updateClassMap();
+            this.updateData();
+            this.instance.visibleChange
+                .pipe(operators.takeUntil(this.destroyed), operators.distinctUntilChanged())
+                .subscribe(function (value) {
+                _this.visible = value;
+                _this.visibleChange.emit(value);
+                _this.isOpen = value;
+            });
+            this.updatePosition();
+            this.instance.show(delay);
+        };
+        McPopUpTrigger.prototype.hide = function (delay) {
+            if (delay === void 0) { delay = this.leaveDelay; }
+            if (this.instance) {
+                this.instance.hide(delay);
+            }
+        };
+        /** Create the overlay config and position strategy */
+        McPopUpTrigger.prototype.createOverlay = function () {
+            var _this = this;
+            if (this.overlayRef) {
+                return this.overlayRef;
+            }
+            // Create connected position strategy that listens for scroll events to reposition.
+            var strategy = this.overlay.position()
+                .flexibleConnectedTo(this.elementRef)
+                .withTransformOriginOn(this.originSelector)
+                .withFlexibleDimensions(false)
+                .withViewportMargin(VIEWPORT_MARGIN)
+                .withPositions(__spreadArray([], __read(EXTENDED_OVERLAY_POSITIONS)))
+                .withScrollableContainers(this.scrollDispatcher.getAncestorScrollContainers(this.elementRef));
+            strategy.positionChanges
+                .pipe(operators.takeUntil(this.destroyed))
+                .subscribe(this.onPositionChange);
+            this.overlayRef = this.overlay.create(Object.assign(Object.assign({}, this.overlayConfig), { direction: this.direction, positionStrategy: strategy, scrollStrategy: this.scrollStrategy() }));
+            this.closingActions()
+                .pipe(operators.takeUntil(this.destroyed))
+                .pipe(operators.delay(0))
+                .subscribe(function () { return _this.hide(); });
+            this.overlayRef.outsidePointerEvents()
+                .subscribe(function () { return _this.instance.handleBodyInteraction(); });
+            this.overlayRef.detachments()
+                .pipe(operators.takeUntil(this.destroyed))
+                .subscribe(this.detach);
+            return this.overlayRef;
+        };
+        McPopUpTrigger.prototype.initListeners = function () {
+            var _this = this;
+            this.clearListeners();
+            if (this.trigger.includes(exports.PopUpTriggers.Click)) {
+                this.listeners
+                    .set('click', function () { return _this.show(); })
+                    .forEach(this.addEventListener);
+            }
+            if (this.trigger.includes(exports.PopUpTriggers.Hover)) {
+                this.listeners
+                    .set('mouseenter', function () { return _this.show(); })
+                    .set('mouseleave', function () { return _this.hide(); })
+                    .forEach(this.addEventListener);
+            }
+            if (this.trigger.includes(exports.PopUpTriggers.Focus)) {
+                this.listeners
+                    .set('focus', function () { return _this.show(); })
+                    .set('blur', function () { return _this.hide(); })
+                    .forEach(this.addEventListener);
+            }
+        };
+        /** Updates the position of the current popover. */
+        McPopUpTrigger.prototype.updatePosition = function (reapplyPosition) {
+            if (reapplyPosition === void 0) { reapplyPosition = false; }
+            this.overlayRef = this.createOverlay();
+            var position = this.overlayRef.getConfig().positionStrategy
+                .withPositions(this.getPrioritizedPositions())
+                .withPush(true);
+            if (reapplyPosition) {
+                setTimeout(function () { return position.reapplyLastPosition(); });
+            }
+        };
+        McPopUpTrigger.prototype.getPriorityPlacementStrategy = function (value) {
+            var _this = this;
+            var result = [];
+            var possiblePositions = Object.keys(this.availablePositions);
+            if (Array.isArray(value)) {
+                value.forEach(function (position) {
+                    if (possiblePositions.includes(position)) {
+                        result.push(_this.availablePositions[position]);
+                    }
+                });
+            }
+            else if (possiblePositions.includes(value)) {
+                result.push(this.availablePositions[value]);
+            }
+            return result;
+        };
+        McPopUpTrigger.prototype.getPrioritizedPositions = function () {
+            if (this.placementPriority) {
+                return this.getPriorityPlacementStrategy(this.placementPriority);
+            }
+            return POSITION_PRIORITY_STRATEGY[this.placement];
+        };
+        McPopUpTrigger.prototype.clearListeners = function () {
+            this.listeners.forEach(this.removeEventListener);
+            this.listeners.clear();
+        };
+        return McPopUpTrigger;
+    }());
+    /** @nocollapse */ McPopUpTrigger.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopUpTrigger, deps: "invalid", target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McPopUpTrigger.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McPopUpTrigger, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopUpTrigger, decorators: [{
+                type: i0.Directive
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.Overlay }, { type: i0__namespace.ElementRef }, { type: i0__namespace.NgZone }, { type: i1__namespace$2.ScrollDispatcher }, { type: i0__namespace.ViewContainerRef }, { type: undefined }, { type: i2__namespace$1.Directionality }]; } });
 
     /**
      * Generated bundle index. Do not edit.
@@ -2216,8 +2761,6 @@
     exports.BOTTOM_LEFT_POSITION_PRIORITY = BOTTOM_LEFT_POSITION_PRIORITY;
     exports.BOTTOM_POSITION_PRIORITY = BOTTOM_POSITION_PRIORITY;
     exports.BOTTOM_RIGHT_POSITION_PRIORITY = BOTTOM_RIGHT_POSITION_PRIORITY;
-    exports.DEFAULT_4_POSITIONS = DEFAULT_4_POSITIONS;
-    exports.DEFAULT_4_POSITIONS_TO_CSS_MAP = DEFAULT_4_POSITIONS_TO_CSS_MAP;
     exports.DEFAULT_MC_LOCALE_ID = DEFAULT_MC_LOCALE_ID;
     exports.DateFormatter = DateFormatter;
     exports.EXTENDED_OVERLAY_POSITIONS = EXTENDED_OVERLAY_POSITIONS;
@@ -2227,6 +2770,7 @@
     exports.LEFT_TOP_POSITION_PRIORITY = LEFT_TOP_POSITION_PRIORITY;
     exports.MC_LABEL_GLOBAL_OPTIONS = MC_LABEL_GLOBAL_OPTIONS;
     exports.MC_LOCALE_ID = MC_LOCALE_ID;
+    exports.MC_OPTION_ACTION_PARENT = MC_OPTION_ACTION_PARENT;
     exports.MC_OPTION_PARENT_COMPONENT = MC_OPTION_PARENT_COMPONENT;
     exports.MC_SANITY_CHECKS = MC_SANITY_CHECKS;
     exports.MC_SELECT_SCROLL_STRATEGY = MC_SELECT_SCROLL_STRATEGY;
@@ -2248,8 +2792,13 @@
     exports.McOptgroupBase = McOptgroupBase;
     exports.McOptgroupMixinBase = McOptgroupMixinBase;
     exports.McOption = McOption;
+    exports.McOptionActionBase = McOptionActionBase;
+    exports.McOptionActionComponent = McOptionActionComponent;
+    exports.McOptionActionMixinBase = McOptionActionMixinBase;
     exports.McOptionModule = McOptionModule;
     exports.McOptionSelectionChange = McOptionSelectionChange;
+    exports.McPopUp = McPopUp;
+    exports.McPopUpTrigger = McPopUpTrigger;
     exports.McPseudoCheckbox = McPseudoCheckbox;
     exports.McPseudoCheckboxModule = McPseudoCheckboxModule;
     exports.NUMBER_FORMAT_REGEXP = NUMBER_FORMAT_REGEXP;
@@ -2287,9 +2836,8 @@
     exports.toBoolean = toBoolean;
     exports.validationTooltipHideDelay = validationTooltipHideDelay;
     exports.validationTooltipShowDelay = validationTooltipShowDelay;
-    exports.ɵa = mcSanityChecksFactory;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ptsecurity-mosaic-core.umd.js.map