@ptsecurity/mosaic 11.6.0 → 12.2.1

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

@@ -1,8 +1,32 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/a11y'), require('@angular/cdk/overlay'), require('@angular/common'), require('@angular/core'), require('@angular/cdk/bidi'), require('@angular/cdk/coercion'), require('@angular/cdk/portal'), require('@ptsecurity/cdk/keycodes'), require('@ptsecurity/mosaic/core'), require('rxjs'), require('rxjs/operators'), require('@angular/animations')) :
-    typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/popover', ['exports', '@angular/cdk/a11y', '@angular/cdk/overlay', '@angular/common', '@angular/core', '@angular/cdk/bidi', '@angular/cdk/coercion', '@angular/cdk/portal', '@ptsecurity/cdk/keycodes', '@ptsecurity/mosaic/core', 'rxjs', 'rxjs/operators', '@angular/animations'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic.popover = {}), global.ng.cdk.a11y, global.ng.cdk.overlay, global.ng.common, global.ng.core, global.ng.cdk.bidi, global.ng.cdk.coercion, global.ng.cdk.portal, global.mc.cdk.keycodes, global.ptsecurity.mosaic.core, global.rxjs, global.rxjs.operators, global.ng.animations));
-}(this, (function (exports, a11y, overlay, common, core$1, bidi, coercion, portal, keycodes, core, rxjs, operators, animations) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/overlay'), require('@angular/common'), require('@angular/core'), require('@ptsecurity/mosaic/button'), require('@ptsecurity/mosaic/core'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@angular/cdk/coercion'), require('@angular/cdk/bidi')) :
+    typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/popover', ['exports', '@angular/cdk/overlay', '@angular/common', '@angular/core', '@ptsecurity/mosaic/button', '@ptsecurity/mosaic/core', 'rxjs', 'rxjs/operators', '@angular/animations', '@angular/cdk/coercion', '@angular/cdk/bidi'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic.popover = {}), global.ng.cdk.overlay, global.ng.common, global.ng.core, global.ptsecurity.mosaic.button, global.ptsecurity.mosaic.core, global.rxjs, global.rxjs.operators, global.ng.animations, global.ng.cdk.coercion, global.ng.cdk.bidi));
+})(this, (function (exports, i2, i1, i0, i1$1, core, rxjs, operators, animations, coercion, i3) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -337,212 +361,37 @@
         ])
     };
 
-    var PopoverTriggers;
-    (function (PopoverTriggers) {
-        PopoverTriggers["Click"] = "click";
-        PopoverTriggers["Focus"] = "focus";
-        PopoverTriggers["Hover"] = "hover";
-    })(PopoverTriggers || (PopoverTriggers = {}));
-    exports.PopoverVisibility = void 0;
-    (function (PopoverVisibility) {
-        PopoverVisibility["Initial"] = "initial";
-        PopoverVisibility["Visible"] = "visible";
-        PopoverVisibility["Hidden"] = "hidden";
-    })(exports.PopoverVisibility || (exports.PopoverVisibility = {}));
-    var McPopoverComponent = /** @class */ (function () {
-        function McPopoverComponent(changeDetectorRef, componentElementRef) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.componentElementRef = componentElementRef;
-            this.positions = __spread(core.EXTENDED_OVERLAY_POSITIONS);
-            this.popoverVisibility = exports.PopoverVisibility.Initial;
-            this.closeOnInteraction = false;
-            this.mcVisibleChange = new core$1.EventEmitter();
-            this._mcTrigger = PopoverTriggers.Hover;
-            this._mcPlacement = 'top';
-            this._mcVisible = new rxjs.BehaviorSubject(false);
-            this._classList = [];
-            /** Subject for notifying that the popover has been hidden from the view */
-            this.onHideSubject = new rxjs.Subject();
-            this.availablePositions = core.POSITION_MAP;
+    var McPopoverComponent = /** @class */ (function (_super) {
+        __extends(McPopoverComponent, _super);
+        function McPopoverComponent(changeDetectorRef) {
+            var _this = _super.call(this, changeDetectorRef) || this;
+            _this.prefix = 'mc-popover';
+            return _this;
         }
-        Object.defineProperty(McPopoverComponent.prototype, "mcTrigger", {
-            get: function () {
-                return this._mcTrigger;
-            },
-            set: function (value) {
-                this._mcTrigger = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(McPopoverComponent.prototype, "mcPlacement", {
-            get: function () {
-                return this._mcPlacement;
-            },
-            set: function (value) {
-                if (value !== this._mcPlacement) {
-                    this._mcPlacement = value;
-                    this.positions.unshift(core.POSITION_MAP[this.mcPlacement]);
-                }
-                else if (!value) {
-                    this._mcPlacement = 'top';
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(McPopoverComponent.prototype, "mcPopoverSize", {
-            get: function () {
-                return this.popoverSize;
-            },
-            set: function (value) {
-                if (value !== this.popoverSize) {
-                    this.popoverSize = value;
-                }
-                else if (!value) {
-                    this.popoverSize = 'normal';
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(McPopoverComponent.prototype, "mcVisible", {
-            get: function () {
-                return this._mcVisible.value;
-            },
-            set: function (value) {
-                var visible = coercion.coerceBooleanProperty(value);
-                if (this._mcVisible.value !== visible) {
-                    this._mcVisible.next(visible);
-                    this.mcVisibleChange.emit(visible);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(McPopoverComponent.prototype, "classList", {
-            get: function () {
-                return this._classList.join(' ');
-            },
-            set: function (value) {
-                var list = [];
-                if (Array.isArray(value)) {
-                    list = value;
-                }
-                else {
-                    list.push(value);
-                }
-                this._classList = list;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(McPopoverComponent.prototype, "getCssClassesList", {
-            get: function () {
-                return this.classList + " mc-popover-" + this.mcPopoverSize + " mc-popover_placement-" + this.getPlacementClass;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(McPopoverComponent.prototype, "getPlacementClass", {
-            get: function () {
-                return core.POSITION_TO_CSS_MAP[this.mcPlacement];
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(McPopoverComponent.prototype, "isOpen", {
-            get: function () {
-                return this.popoverVisibility === exports.PopoverVisibility.Visible;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        McPopoverComponent.prototype.handleKeydown = function (e) {
-            // tslint:disable-next-line: deprecation
-            if (this.isOpen && e.keyCode === keycodes.ESCAPE) {
-                this.hide();
-            }
-        };
-        McPopoverComponent.prototype.show = function () {
-            if (this.isNonEmptyContent()) {
-                this.closeOnInteraction = true;
-                this.popoverVisibility = exports.PopoverVisibility.Visible;
-                this._mcVisible.next(true);
-                this.mcVisibleChange.emit(true);
-                // Mark for check so if any parent component has set the
-                // ChangeDetectionStrategy to OnPush it will be checked anyways
-                this.markForCheck();
-            }
-        };
-        McPopoverComponent.prototype.hide = function () {
-            this.popoverVisibility = exports.PopoverVisibility.Hidden;
-            this._mcVisible.next(false);
-            this.mcVisibleChange.emit(false);
-            // Mark for check so if any parent component has set the
-            // ChangeDetectionStrategy to OnPush it will be checked anyways
-            this.markForCheck();
-        };
-        McPopoverComponent.prototype.isNonEmptyContent = function () {
-            return !!this.mcContent && (this.isTemplateRef(this.mcContent) || this.isNonEmptyString(this.mcContent));
-        };
-        /** Returns an observable that notifies when the popover has been hidden from view. */
-        McPopoverComponent.prototype.afterHidden = function () {
-            return this.onHideSubject.asObservable();
-        };
-        McPopoverComponent.prototype.isVisible = function () {
-            return this.popoverVisibility === exports.PopoverVisibility.Visible;
-        };
-        McPopoverComponent.prototype.markForCheck = function () {
-            this.changeDetectorRef.markForCheck();
-        };
-        McPopoverComponent.prototype.isTemplateRef = function (value) {
-            return value instanceof core$1.TemplateRef;
-        };
-        McPopoverComponent.prototype.isNonEmptyString = function (value) {
-            return typeof value === 'string' && value !== '';
-        };
-        McPopoverComponent.prototype.animationStart = function () {
-            this.closeOnInteraction = false;
-        };
-        McPopoverComponent.prototype.animationDone = function (event) {
-            var toState = event.toState;
-            if (toState === exports.PopoverVisibility.Hidden && !this.isVisible()) {
-                this.onHideSubject.next();
-            }
-            if (toState === exports.PopoverVisibility.Visible || toState === exports.PopoverVisibility.Hidden) {
-                this.closeOnInteraction = true;
-            }
-        };
-        McPopoverComponent.prototype.ngOnDestroy = function () {
-            this.onHideSubject.complete();
+        McPopoverComponent.prototype.updateClassMap = function (placement, customClass, size) {
+            var _a;
+            _super.prototype.updateClassMap.call(this, placement, customClass, (_a = {}, _a[this.prefix + "_" + size] = !!size, _a));
         };
         return McPopoverComponent;
-    }());
-    McPopoverComponent.decorators = [
-        { type: core$1.Component, args: [{
-                    selector: 'mc-popover',
-                    template: "<div class=\"mc-popover\"\n     [ngClass]=\"classList\"\n     [@state]=\"popoverVisibility\"\n     (@state.start)=\"animationStart()\"\n     (@state.done)=\"animationDone($event)\">\n    <div class=\"mc-popover__container\">\n        <div class=\"mc-popover__header\" *ngIf=\"mcHeader\">\n            <ng-container *ngIf=\"isTemplateRef(mcHeader)\" [ngTemplateOutlet]=\"mcHeader\"></ng-container>\n            <ng-container *ngIf=\"isNonEmptyString(mcHeader)\">\n                <div [innerHTML]=\"mcHeader\"></div>\n            </ng-container>\n        </div>\n        <div class=\"mc-popover__content\" *ngIf=\"mcContent\">\n            <ng-container *ngIf=\"isTemplateRef(mcContent)\" [ngTemplateOutlet]=\"mcContent\"></ng-container>\n            <ng-container *ngIf=\"isNonEmptyString(mcContent)\">\n                <div [innerHTML]=\"mcContent\"></div>\n            </ng-container>\n        </div>\n        <div class=\"mc-popover__footer\" *ngIf=\"mcFooter\">\n            <ng-container *ngIf=\"isTemplateRef(mcFooter)\" [ngTemplateOutlet]=\"mcFooter\"></ng-container>\n            <ng-container *ngIf=\"isNonEmptyString(mcFooter)\">\n                <div [innerHTML]=\"mcFooter\"></div>\n            </ng-container>\n        </div>\n    </div>\n    <div class=\"mc-popover__arrow\"\n         [ngClass]=\"{ 'mc-popover__arrow_with-footer': mcFooter }\"></div>\n</div>\n",
-                    preserveWhitespaces: false,
-                    encapsulation: core$1.ViewEncapsulation.None,
-                    changeDetection: core$1.ChangeDetectionStrategy.OnPush,
-                    animations: [mcPopoverAnimations.popoverState],
-                    host: {
-                        '[class]': 'getCssClassesList',
-                        '(keydown)': 'handleKeydown($event)'
-                    },
-                    styles: ["@-webkit-keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 0,transparent 20px,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 30px,transparent 0) repeat;background-size:29px 29px;-webkit-animation:mc-progress 1s linear infinite;animation:mc-progress 1s linear infinite}.cdk-overlay-container{pointer-events:none;height:100%;width:100%;position:fixed}.cdk-overlay-backdrop,.cdk-overlay-container{top:0;left:0;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-backdrop{bottom:0;right:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto}.cdk-overlay-pane{pointer-events:auto;max-width:100%;max-height:100%}.cdk-overlay-connected-position-bounding-box,.cdk-overlay-pane{box-sizing:border-box;position:absolute;margin:0;padding:0;z-index:1000}.cdk-overlay-connected-position-bounding-box{display:flex;flex-direction:column;min-width:1px;min-height:1px}.mc-popover{position:relative;display:block;border-radius:var(--mc-popover-size-border-radius,4px);border-width:var(--mc-popover-size-border-width,1px);border-style:solid;box-sizing:border-box;visibility:visible;z-index:1030;list-style:none;white-space:pre-line}.mc-popover-small,.mc-popover-small .mc-popover{max-width:var(--mc-popover-size-small-width,200px)}.mc-popover-normal,.mc-popover-normal .mc-popover{max-width:var(--mc-popover-size-normal-width,400px)}.mc-popover-large,.mc-popover-large .mc-popover{max-width:var(--mc-popover-size-large-width,640px)}.mc-popover__container{border-radius:var(--mc-popover-size-border-radius,4px);overflow:hidden}.mc-popover__header{padding:var(--mc-popover-header-size-padding,10px 16px);border-bottom-width:var(--mc-popover-size-border-width,1px);border-bottom-style:solid}.mc-popover__content{padding:var(--mc-popover-size-padding,16px)}.mc-popover__footer{margin-top:var(--mc-popover-footer-size-margin-top,8px);padding:var(--mc-popover-footer-size-padding,12px 16px);border-top-width:var(--mc-popover-size-border-width,1px);border-top-style:solid}.mc-popover_placement-top-left .mc-popover,.mc-popover_placement-top-right .mc-popover,.mc-popover_placement-top .mc-popover{margin-bottom:calc(var(--mc-popover-size-arrow-width, 4px) * 2)}.mc-popover_placement-right-bottom .mc-popover,.mc-popover_placement-right-top .mc-popover,.mc-popover_placement-right .mc-popover{margin-left:calc(var(--mc-popover-size-arrow-width, 4px) * 2)}.mc-popover_placement-bottom-left .mc-popover,.mc-popover_placement-bottom-right .mc-popover,.mc-popover_placement-bottom .mc-popover{margin-top:calc(var(--mc-popover-size-arrow-width, 4px) * 2)}.mc-popover_placement-left-bottom .mc-popover,.mc-popover_placement-left-top .mc-popover,.mc-popover_placement-left .mc-popover{margin-right:calc(var(--mc-popover-size-arrow-width, 4px) * 2)}.mc-popover__arrow{position:absolute;z-index:-1;width:14px;height:14px;border:1px solid;transform:rotate(45deg)}.mc-popover_placement-top .mc-popover__arrow{bottom:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));left:50%;margin-left:calc(-1 * var(--mc-popover-size-arrow-width, 4px))}.mc-popover_placement-top-left .mc-popover__arrow{bottom:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));left:20px;margin-left:0}.mc-popover_placement-top-right .mc-popover__arrow{bottom:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));right:20px;margin-left:0}.mc-popover_placement-right .mc-popover__arrow{top:50%}.mc-popover_placement-right-top .mc-popover__arrow,.mc-popover_placement-right .mc-popover__arrow{left:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));margin-top:calc(-1 * var(--mc-popover-size-arrow-width, 4px))}.mc-popover_placement-right-top .mc-popover__arrow{top:18px}.mc-popover_placement-right-bottom .mc-popover__arrow{left:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));bottom:14px;margin-top:calc(-1 * var(--mc-popover-size-arrow-width, 4px))}.mc-popover_placement-left .mc-popover__arrow{top:50%}.mc-popover_placement-left-top .mc-popover__arrow,.mc-popover_placement-left .mc-popover__arrow{right:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));margin-top:calc(-1 * var(--mc-popover-size-arrow-width, 4px))}.mc-popover_placement-left-top .mc-popover__arrow{top:18px}.mc-popover_placement-left-bottom .mc-popover__arrow{right:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));bottom:14px;margin-top:calc(-1 * var(--mc-popover-size-arrow-width, 4px))}.mc-popover_placement-bottom .mc-popover__arrow{top:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));left:50%;margin-left:calc(-1 * var(--mc-popover-size-arrow-width, 4px))}.mc-popover_placement-bottom-left .mc-popover__arrow{top:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));left:20px;margin-left:0}.mc-popover_placement-bottom-right .mc-popover__arrow{top:calc(-1 * (var(--mc-popover-size-arrow-width, 4px) + 2px));right:20px;margin-left:0}"]
-                },] }
-    ];
-    /** @nocollapse */
-    McPopoverComponent.ctorParameters = function () { return [
-        { type: core$1.ChangeDetectorRef },
-        { type: core$1.ElementRef }
-    ]; };
-    McPopoverComponent.propDecorators = {
-        mcVisibleChange: [{ type: core$1.Output, args: ['mcPopoverVisibleChange',] }]
-    };
-    var MC_POPOVER_SCROLL_STRATEGY = new core$1.InjectionToken('mc-popover-scroll-strategy');
+    }(core.McPopUp));
+    /** @nocollapse */ McPopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McPopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McPopoverComponent, selector: "mc-popover-component", host: { listeners: { "keydown.esc": "hide(0)" } }, usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"mc-popover\"\n     [ngClass]=\"classMap\"\n     [@state]=\"visibility\"\n     (@state.start)=\"animationStart()\"\n     (@state.done)=\"animationDone($event)\">\n\n    <div class=\"mc-popover__container\">\n        <div class=\"mc-popover__header\" *ngIf=\"header\">\n            <ng-container *ngIf=\"isTemplateRef(header)\" [ngTemplateOutlet]=\"$any(header)\"></ng-container>\n            <ng-container *ngIf=\"!isTemplateRef(header)\">\n                <div>{{ header }}</div>\n            </ng-container>\n        </div>\n\n        <div class=\"mc-popover__content\" *ngIf=\"content\">\n            <ng-container *ngIf=\"isTemplateRef(content)\" [ngTemplateOutlet]=\"$any(content)\"></ng-container>\n            <ng-container *ngIf=\"!isTemplateRef(content)\">\n                <div>{{ content }}</div>\n            </ng-container>\n        </div>\n\n        <div class=\"mc-popover__footer\" *ngIf=\"footer\">\n            <ng-container *ngIf=\"isTemplateRef(footer)\" [ngTemplateOutlet]=\"$any(footer)\"></ng-container>\n            <ng-container *ngIf=\"!isTemplateRef(footer)\">\n                <div>{{ footer }}</div>\n            </ng-container>\n        </div>\n    </div>\n\n    <div class=\"mc-popover__arrow\" [class.mc-popover__arrow_with-footer]=\"footer\"></div>\n</div>\n", styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%;position:fixed;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-backdrop{top:0;bottom:0;left:0;right:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-pane{box-sizing:border-box;position:absolute;pointer-events:auto;margin:0;padding:0;z-index:1000;max-width:100%;max-height:100%}.cdk-overlay-connected-position-bounding-box{box-sizing:border-box;position:absolute;z-index:1000;display:flex;flex-direction:column;margin:0;padding:0;min-width:1px;min-height:1px}.mc-popover{position:relative;border-radius:3px;border-radius:var(--mc-popover-size-border-radius, 3px);border-width:1px;border-style:solid;box-sizing:border-box;z-index:1030;list-style:none;white-space:pre-line}.mc-popover.mc-popover_small{max-width:200px;max-width:var(--mc-popover-size-small-width, 200px)}.mc-popover.mc-popover_normal{max-width:400px;max-width:var(--mc-popover-size-normal-width, 400px)}.mc-popover.mc-popover_large{max-width:640px;max-width:var(--mc-popover-size-large-width, 640px)}.mc-popover.mc-popover_placement-top,.mc-popover.mc-popover_placement-top-left,.mc-popover.mc-popover_placement-top-right{margin-bottom:calc(9px);margin-bottom:calc(var(--mc-popover-size-trigger-margin, 9px))}.mc-popover.mc-popover_placement-right,.mc-popover.mc-popover_placement-right-top,.mc-popover.mc-popover_placement-right-bottom{margin-left:calc(9px);margin-left:calc(var(--mc-popover-size-trigger-margin, 9px))}.mc-popover.mc-popover_placement-bottom,.mc-popover.mc-popover_placement-bottom-left,.mc-popover.mc-popover_placement-bottom-right{margin-top:calc(9px);margin-top:calc(var(--mc-popover-size-trigger-margin, 9px))}.mc-popover.mc-popover_placement-left,.mc-popover.mc-popover_placement-left-top,.mc-popover.mc-popover_placement-left-bottom{margin-right:calc(9px);margin-right:calc(var(--mc-popover-size-trigger-margin, 9px))}.mc-popover__container{display:flex;flex-direction:column;max-height:480px;max-height:var(--mc-popover-size-max-height, 480px);border-radius:3px;border-radius:var(--mc-popover-size-border-radius, 3px);overflow:hidden}.mc-popover__header{height:10px 16px;height:var(--mc-popover-header-size-height, 10px 16px);padding:10px 16px;padding:var(--mc-popover-header-size-padding, 10px 16px);border-bottom-width:1px;border-bottom-style:solid}.mc-popover__content{overflow:hidden;padding:16px;padding:var(--mc-popover-size-padding, 16px)}.mc-popover__footer{box-sizing:border-box;margin-top:8px;margin-top:var(--mc-popover-footer-size-margin-top, 8px);height:56px;height:var(--mc-popover-footer-size-height, 56px);padding:12px 16px;padding:var(--mc-popover-footer-size-padding, 12px 16px);border-top-width:1px;border-top-style:solid}.mc-popover__arrow{position:absolute;z-index:-1;width:12px;width:var(--mc-popover-size-arrow-size, 12px);height:12px;height:var(--mc-popover-size-arrow-size, 12px);border:solid 1px;transform:rotate(45deg)}.mc-popover_placement-top .mc-popover__arrow{bottom:calc(11px / -2);bottom:calc(var(--mc-popover-size-arrow-size, 11px) / -2);left:50%;margin-left:calc(11px / -2);margin-left:calc(var(--mc-popover-size-arrow-size, 11px) / -2)}.mc-popover_placement-top-left .mc-popover__arrow{bottom:calc(11px / -2);bottom:calc(var(--mc-popover-size-arrow-size, 11px) / -2);left:calc(18px - 9px);left:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-top-right .mc-popover__arrow{bottom:calc(11px / -2);bottom:calc(var(--mc-popover-size-arrow-size, 11px) / -2);right:calc(18px - 9px);right:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-right .mc-popover__arrow{left:calc(11px / -2);left:calc(var(--mc-popover-size-arrow-size, 11px) / -2);top:50%;margin-top:calc(11px / -2);margin-top:calc(var(--mc-popover-size-arrow-size, 11px) / -2)}.mc-popover_placement-right-top .mc-popover__arrow{left:calc(11px / -2);left:calc(var(--mc-popover-size-arrow-size, 11px) / -2);top:calc(18px - 9px);top:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-right-bottom .mc-popover__arrow{left:calc(11px / -2);left:calc(var(--mc-popover-size-arrow-size, 11px) / -2);bottom:calc(18px - 9px);bottom:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-left .mc-popover__arrow{right:calc(11px / -2);right:calc(var(--mc-popover-size-arrow-size, 11px) / -2);top:50%;margin-top:calc(11px / -2);margin-top:calc(var(--mc-popover-size-arrow-size, 11px) / -2)}.mc-popover_placement-left-top .mc-popover__arrow{right:calc(11px / -2);right:calc(var(--mc-popover-size-arrow-size, 11px) / -2);top:calc(18px - 9px);top:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-left-bottom .mc-popover__arrow{right:calc(11px / -2);right:calc(var(--mc-popover-size-arrow-size, 11px) / -2);bottom:calc(18px - 9px);bottom:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-bottom .mc-popover__arrow{top:calc(11px / -2);top:calc(var(--mc-popover-size-arrow-size, 11px) / -2);left:50%;margin-left:calc(11px / -2);margin-left:calc(var(--mc-popover-size-arrow-size, 11px) / -2)}.mc-popover_placement-bottom-left .mc-popover__arrow{top:calc(11px / -2);top:calc(var(--mc-popover-size-arrow-size, 11px) / -2);left:calc(18px - 9px);left:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-bottom-right .mc-popover__arrow{top:calc(11px / -2);top:calc(var(--mc-popover-size-arrow-size, 11px) / -2);right:calc(18px - 9px);right:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover-confirm .mc-popover__content{padding:24px 16px 16px}.mc-popover-confirm .mc-popover__content button{margin-top:16px;display:block;margin-left:auto}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [mcPopoverAnimations.popoverState], 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: McPopoverComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'mc-popover-component',
+                        templateUrl: './popover.component.html',
+                        preserveWhitespaces: false,
+                        styleUrls: ['./popover.scss'],
+                        host: {
+                            '(keydown.esc)': 'hide(0)'
+                        },
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        animations: [mcPopoverAnimations.popoverState]
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; } });
+    var MC_POPOVER_SCROLL_STRATEGY = new i0.InjectionToken('mc-popover-scroll-strategy');
     /** @docs-private */
     function mcPopoverScrollStrategyFactory(overlay) {
         return function () { return overlay.scrollStrategies.reposition({ scrollThrottle: 20 }); };
@@ -550,575 +399,432 @@
     /** @docs-private */
     var MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER = {
         provide: MC_POPOVER_SCROLL_STRATEGY,
-        deps: [overlay.Overlay],
+        deps: [i2.Overlay],
         useFactory: mcPopoverScrollStrategyFactory
     };
     /** Creates an error to be thrown if the user supplied an invalid popover position. */
     function getMcPopoverInvalidPositionError(position) {
         return Error("McPopover position \"" + position + "\" is invalid.");
     }
-    var VIEWPORT_MARGIN = 8;
-    /* Constant distance between popover container border
-    *  corner according to popover placement and middle of arrow
-    * */
-    var POPOVER_ARROW_BORDER_DISTANCE = 20; // tslint:disable-line
-    /* Constant value for min height and width of anchor element used for popover.
-    *  Set as POPOVER_ARROW_BORDER_DISTANCE multiplied by 2
-    *  plus 2px border for both sides of element. Used in check of position management.
-    * */
-    var ANCHOR_MIN_HEIGHT_WIDTH = 44; // tslint:disable-line
-    var McPopover = /** @class */ (function () {
-        function McPopover(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.isPopoverOpen = false;
-            this.isDynamicPopover = false;
-            this.backdropClass = 'cdk-overlay-transparent-backdrop';
-            this.mcVisibleChange = new core$1.EventEmitter();
-            this.mcPositionStrategyPlacementChange = new core$1.EventEmitter();
-            this._hasBackdrop = false;
-            this.$unsubscribe = new rxjs.Subject();
-            this._disabled = false;
-            this._mcTrigger = PopoverTriggers.Click;
-            this.popoverSize = 'normal';
-            this._mcPlacementPriority = null;
-            this._mcPlacement = 'top';
-            this.closeSubscription = rxjs.Subscription.EMPTY;
-            this.manualListeners = new Map();
-            this.destroyed = new rxjs.Subject();
-            this.resizeListener = function () { return _this.updatePosition(); };
-            this.availablePositions = core.POSITION_MAP;
-            this.defaultPositionsMap = core.DEFAULT_4_POSITIONS_TO_CSS_MAP;
+    var McPopoverTrigger = /** @class */ (function (_super) {
+        __extends(McPopoverTrigger, _super);
+        function McPopoverTrigger(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) {
+            var _this = _super.call(this, overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) || this;
+            _this._hasBackdrop = false;
+            _this._trigger = core.PopUpTriggers.Click;
+            _this._size = core.PopUpSizes.Normal;
+            _this._closeOnScroll = false;
+            _this.backdropClass = 'cdk-overlay-transparent-backdrop';
+            _this.placementChange = new i0.EventEmitter();
+            _this.visibleChange = new i0.EventEmitter();
+            _this.originSelector = '.mc-popover';
+            return _this;
         }
-        Object.defineProperty(McPopover.prototype, "hasBackdrop", {
+        Object.defineProperty(McPopoverTrigger.prototype, "popoverVisible", {
             get: function () {
-                return this._hasBackdrop;
+                return this.visible;
             },
             set: function (value) {
-                this._hasBackdrop = coercion.coerceBooleanProperty(value);
+                _super.prototype.updateVisible.call(this, value);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "mcHeader", {
+        Object.defineProperty(McPopoverTrigger.prototype, "popoverPlacement", {
             get: function () {
-                return this._mcHeader;
+                return this.placement;
             },
             set: function (value) {
-                this._mcHeader = value;
-                this.updateCompValue('mcHeader', value);
-                if (this.isPopoverOpen) {
-                    this.updatePosition(true);
-                }
+                _super.prototype.updatePlacement.call(this, value);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "mcContent", {
+        Object.defineProperty(McPopoverTrigger.prototype, "popoverPlacementPriority", {
             get: function () {
-                return this._mcContent;
+                return this.placementPriority;
             },
             set: function (value) {
-                this._mcContent = value;
-                this.updateCompValue('mcContent', value);
-                if (this.isPopoverOpen) {
-                    this.updatePosition(true);
-                }
+                _super.prototype.updatePlacementPriority.call(this, value);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "mcFooter", {
+        Object.defineProperty(McPopoverTrigger.prototype, "hasBackdrop", {
             get: function () {
-                return this._mcFooter;
+                return this._hasBackdrop;
             },
             set: function (value) {
-                this._mcFooter = value;
-                this.updateCompValue('mcFooter', value);
-                if (this.isPopoverOpen) {
-                    this.updatePosition(true);
-                }
+                this._hasBackdrop = coercion.coerceBooleanProperty(value);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "disabled", {
+        Object.defineProperty(McPopoverTrigger.prototype, "header", {
             get: function () {
-                return this._disabled;
+                return this._header;
             },
             set: function (value) {
-                this._disabled = coercion.coerceBooleanProperty(value);
+                this._header = value;
+                this.updateData();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "mcMouseEnterDelay", {
+        Object.defineProperty(McPopoverTrigger.prototype, "content", {
             get: function () {
-                return this._mcMouseEnterDelay;
+                return this._content;
             },
             set: function (value) {
-                this._mcMouseEnterDelay = value;
-                this.updateCompValue('mcMouseEnterDelay', value);
+                this._content = value;
+                this.updateData();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "mcMouseLeaveDelay", {
+        Object.defineProperty(McPopoverTrigger.prototype, "footer", {
             get: function () {
-                return this._mcMouseLeaveDelay;
+                return this._footer;
             },
             set: function (value) {
-                this._mcMouseLeaveDelay = value;
-                this.updateCompValue('mcMouseLeaveDelay', value);
+                this._footer = value;
+                this.updateData();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "mcTrigger", {
+        Object.defineProperty(McPopoverTrigger.prototype, "disabled", {
             get: function () {
-                return this._mcTrigger;
+                return this._disabled;
             },
             set: function (value) {
-                if (value) {
-                    this._mcTrigger = value;
-                    this.updateCompValue('mcTrigger', value);
-                }
-                else {
-                    this._mcTrigger = PopoverTriggers.Click;
-                }
-                this.resetListeners();
+                this._disabled = coercion.coerceBooleanProperty(value);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "mcPopoverSize", {
+        Object.defineProperty(McPopoverTrigger.prototype, "trigger", {
             get: function () {
-                return this.popoverSize;
+                return this._trigger;
             },
             set: function (value) {
-                if (value && (value === 'small' || value === 'normal' || value === 'large')) {
-                    this.popoverSize = value;
-                    this.updateCompValue('mcPopoverSize', value);
+                if (value) {
+                    this._trigger = value;
                 }
                 else {
-                    this.popoverSize = 'normal';
+                    this._trigger = core.PopUpTriggers.Click;
                 }
+                this.initListeners();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "mcPlacementPriority", {
+        Object.defineProperty(McPopoverTrigger.prototype, "size", {
             get: function () {
-                return this._mcPlacementPriority;
+                return this._size;
             },
             set: function (value) {
-                if (value && value.length > 0) {
-                    this._mcPlacementPriority = value;
+                if ([core.PopUpSizes.Small, core.PopUpSizes.Normal, core.PopUpSizes.Large].includes(value)) {
+                    this._size = value;
+                    this.updateClassMap();
                 }
                 else {
-                    this._mcPlacementPriority = null;
+                    this._size = core.PopUpSizes.Normal;
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "mcPlacement", {
+        Object.defineProperty(McPopoverTrigger.prototype, "customClass", {
             get: function () {
-                return this._mcPlacement;
+                return this._customClass;
             },
             set: function (value) {
-                if (value) {
-                    this._mcPlacement = value;
-                    this.updateCompValue('mcPlacement', value);
-                }
-                else {
-                    this._mcPlacement = 'top';
-                }
+                this._customClass = value;
+                this.updateClassMap();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "classList", {
+        Object.defineProperty(McPopoverTrigger.prototype, "closeOnScroll", {
             get: function () {
-                return this._classList;
+                return this._closeOnScroll;
             },
             set: function (value) {
-                this._classList = value;
-                this.updateCompValue('classList', this._classList);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(McPopover.prototype, "mcVisible", {
-            get: function () {
-                return this._mcVisible;
-            },
-            set: function (externalValue) {
-                var value = coercion.coerceBooleanProperty(externalValue);
-                if (this._mcVisible !== value) {
-                    this._mcVisible = value;
-                    this.updateCompValue('mcVisible', value);
-                    if (value) {
-                        this.show();
-                    }
-                    else {
-                        this.hide();
-                    }
-                }
+                this._closeOnScroll = coercion.coerceBooleanProperty(value);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(McPopover.prototype, "isOpen", {
+        Object.defineProperty(McPopoverTrigger.prototype, "overlayConfig", {
             get: function () {
-                return this.isPopoverOpen;
+                return {
+                    panelClass: 'mc-popover__panel',
+                    hasBackdrop: this.hasBackdrop,
+                    backdropClass: this.backdropClass
+                };
             },
             enumerable: false,
             configurable: true
         });
-        /** Create the overlay config and position strategy */
-        McPopover.prototype.createOverlay = function () {
-            var _this = this;
-            if (this.overlayRef) {
-                this.overlayRef.dispose();
-            }
-            // Create connected position strategy that listens for scroll events to reposition.
-            var strategy = this.overlay.position()
-                .flexibleConnectedTo(this.elementRef)
-                .withTransformOriginOn('.mc-popover')
-                .withFlexibleDimensions(false)
-                .withViewportMargin(VIEWPORT_MARGIN)
-                .withPositions(__spread(core.EXTENDED_OVERLAY_POSITIONS));
-            var scrollableAncestors = this.scrollDispatcher.getAncestorScrollContainers(this.elementRef);
-            strategy.withScrollableContainers(scrollableAncestors);
-            strategy.positionChanges
-                .pipe(operators.takeUntil(this.destroyed))
-                .subscribe(function (change) {
-                if (_this.popover) {
-                    _this.onPositionChange(change);
-                    if (change.scrollableViewProperties.isOverlayClipped && _this.popover.mcVisible) {
-                        // After position changes occur and the overlay is clipped by
-                        // a parent scrollable then close the popover.
-                        _this.ngZone.run(function () { return _this.hide(); });
-                    }
-                }
-            });
-            this.overlayRef = this.overlay.create({
-                direction: this.direction,
-                positionStrategy: strategy,
-                panelClass: 'mc-popover__panel',
-                scrollStrategy: this.scrollStrategy(),
-                hasBackdrop: this.hasBackdrop,
-                backdropClass: this.backdropClass
-            });
-            this.closeSubscription = this.closingActions()
-                // need for close popover on trigger click, because popover fire unexpected events: hide and then show
-                // todo need fix it
-                .pipe(operators.delay(0))
-                .subscribe(function () { return _this.hide(); });
-            this.updatePosition();
-            this.overlayRef.detachments()
-                .pipe(operators.takeUntil(this.destroyed))
-                .subscribe(function () { return _this.detach(); });
-            return this.overlayRef;
-        };
-        McPopover.prototype.detach = function () {
-            if (this.overlayRef && this.overlayRef.hasAttached()) {
-                this.overlayRef.detach();
-            }
-            this.popover = null;
-        };
-        McPopover.prototype.onPositionChange = function ($event) {
-            var _this = this;
-            var updatedPlacement = this.mcPlacement;
-            Object.keys(this.availablePositions).some(function (key) {
-                if ($event.connectionPair.originX === _this.availablePositions[key].originX &&
-                    $event.connectionPair.originY === _this.availablePositions[key].originY &&
-                    $event.connectionPair.overlayX === _this.availablePositions[key].overlayX &&
-                    $event.connectionPair.overlayY === _this.availablePositions[key].overlayY) {
-                    updatedPlacement = key;
-                    return true;
-                }
-                return false;
-            });
-            this.updateCompValue('mcPlacement', updatedPlacement);
-            this.mcPositionStrategyPlacementChange.emit(updatedPlacement);
-            if (this.popover) {
-                this.updateCompValue('classList', this.classList);
-                this.popover.markForCheck();
-            }
-            if (!this.defaultPositionsMap[updatedPlacement]) {
-                this.handlePositionUpdate(updatedPlacement);
-            }
-        };
-        McPopover.prototype.handlePositionUpdate = function (updatedPlacement) {
-            if (!this.overlayRef) {
-                this.overlayRef = this.createOverlay();
-            }
-            var currentContainer = this.overlayRef.overlayElement.style;
-            var elementHeight = this.hostView.element.nativeElement.clientHeight;
-            var elementWidth = this.hostView.element.nativeElement.clientWidth;
-            var verticalOffset = Math.floor(elementHeight / 2); // tslint:disable-line
-            var horizontalOffset = Math.floor(elementWidth / 2 - 6); // tslint:disable-line
-            var offsets = {
-                top: verticalOffset,
-                bottom: verticalOffset,
-                right: horizontalOffset,
-                left: horizontalOffset
-            };
-            var styleProperty = updatedPlacement.split(/(?=[A-Z])/)[1].toLowerCase();
-            if (((styleProperty === 'top' || styleProperty === 'bottom') &&
-                elementHeight > ANCHOR_MIN_HEIGHT_WIDTH) ||
-                ((styleProperty === 'left' || styleProperty === 'right') &&
-                    elementWidth > ANCHOR_MIN_HEIGHT_WIDTH)) {
+        McPopoverTrigger.prototype.updateData = function () {
+            if (!this.instance) {
                 return;
             }
-            if (!this.overlayRef.overlayElement.style[styleProperty]) {
-                this.overlayRef.overlayElement.style[styleProperty] = '0px';
-            }
-            this.overlayRef.overlayElement.style[styleProperty] =
-                parseInt(currentContainer[styleProperty].split('px')[0], 10) +
-                    offsets[styleProperty] - POPOVER_ARROW_BORDER_DISTANCE + "px";
-        };
-        // tslint:disable-next-line:no-any
-        McPopover.prototype.updateCompValue = function (key, value) {
-            if (this.isDynamicPopover && value) {
-                if (this.popover) {
-                    this.popover[key] = value;
-                }
-            }
-        };
-        McPopover.prototype.ngOnInit = function () {
-            this.initElementRefListeners();
-        };
-        McPopover.prototype.ngOnDestroy = function () {
-            var _this = this;
-            if (this.overlayRef) {
-                this.overlayRef.dispose();
-            }
-            this.manualListeners.forEach(function (listener, event) {
-                _this.elementRef.nativeElement.removeEventListener(event, listener);
-            });
-            this.manualListeners.clear();
-            this.$unsubscribe.next();
-            this.$unsubscribe.complete();
-            this.closeSubscription.unsubscribe();
-        };
-        McPopover.prototype.handleKeydown = function (e) {
-            // tslint:disable-next-line: deprecation
-            if (this.isOpen && e.keyCode === keycodes.ESCAPE) {
-                this.hide();
-            }
-        };
-        McPopover.prototype.handleTouchend = function () {
-            this.hide();
-        };
-        McPopover.prototype.initElementRefListeners = function () {
-            var _this = this;
-            if (this.mcTrigger === PopoverTriggers.Click) {
-                this.manualListeners
-                    .set('click', function () { return _this.show(); })
-                    .forEach(function (listener, event) {
-                    _this.elementRef.nativeElement.addEventListener(event, listener);
-                });
-            }
-            else if (this.mcTrigger === PopoverTriggers.Hover) {
-                this.manualListeners
-                    .set('mouseenter', function () { return _this.show(); })
-                    .set('mouseleave', function () { return _this.hide(); })
-                    .forEach(function (listener, event) {
-                    _this.elementRef.nativeElement.addEventListener(event, listener);
-                });
-            }
-            else if (this.mcTrigger === PopoverTriggers.Focus) {
-                this.manualListeners
-                    .set('focus', function () { return _this.show(); })
-                    .set('blur', function () { return _this.hide(); })
-                    .forEach(function (listener, event) {
-                    _this.elementRef.nativeElement.addEventListener(event, listener);
-                });
-            }
-        };
-        McPopover.prototype.registerResizeHandler = function () {
-            var _this = this;
-            // The resize handler is currently responsible for detecting slider dimension
-            // changes and therefore doesn't cause a value change that needs to be propagated.
-            this.ngZone.runOutsideAngular(function () {
-                window.addEventListener('resize', _this.resizeListener);
-            });
-        };
-        McPopover.prototype.deregisterResizeHandler = function () {
-            window.removeEventListener('resize', this.resizeListener);
-        };
-        McPopover.prototype.resetListeners = function () {
-            var _this = this;
-            if (this.manualListeners.size) {
-                this.manualListeners.forEach(function (listener, event) {
-                    _this.elementRef.nativeElement.removeEventListener(event, listener);
-                });
-                this.manualListeners.clear();
-                this.initElementRefListeners();
-            }
-        };
-        McPopover.prototype.show = function () {
-            var _this = this;
-            if (this.disabled) {
-                return;
-            }
-            if (!this.popover) {
-                this.detach();
-                var overlayRef = this.createOverlay();
-                this.portal = this.portal || new portal.ComponentPortal(McPopoverComponent, this.hostView);
-                this.popover = overlayRef.attach(this.portal).instance;
-                this.popover.afterHidden()
-                    .pipe(operators.takeUntil(this.destroyed))
-                    .subscribe(function () { return _this.detach(); });
-                this.isDynamicPopover = true;
-                var properties = [
-                    'mcPlacement',
-                    'mcPopoverSize',
-                    'mcTrigger',
-                    'mcMouseEnterDelay',
-                    'mcMouseLeaveDelay',
-                    'classList',
-                    'mcVisible',
-                    'mcHeader',
-                    'mcContent',
-                    'mcFooter'
-                ];
-                properties.forEach(function (property) { return _this.updateCompValue(property, _this[property]); });
-                this.popover.mcVisibleChange
-                    .pipe(operators.takeUntil(this.$unsubscribe), operators.distinctUntilChanged())
-                    .subscribe(function (data) {
-                    _this.mcVisible = data;
-                    _this.mcVisibleChange.emit(data);
-                    _this.isPopoverOpen = data;
-                });
-            }
-            this.popover.show();
-        };
-        McPopover.prototype.hide = function () {
-            if (this.popover) {
-                this.popover.hide();
+            this.instance.header = this.header;
+            this.instance.content = this.content;
+            this.instance.footer = this.footer;
+            if (this.isOpen) {
+                this.updatePosition(true);
             }
         };
         /** Updates the position of the current popover. */
-        McPopover.prototype.updatePosition = function (reapplyPosition) {
+        McPopoverTrigger.prototype.updatePosition = function (reapplyPosition) {
             if (reapplyPosition === void 0) { reapplyPosition = false; }
-            if (!this.overlayRef) {
-                this.overlayRef = this.createOverlay();
-            }
-            var position = this.overlayRef.getConfig().positionStrategy;
-            position.withPositions(this.getPrioritizedPositions()).withPush(true);
+            this.overlayRef = this.createOverlay();
+            var position = this.overlayRef.getConfig().positionStrategy
+                .withPositions(this.getPrioritizedPositions())
+                .withPush(true);
             if (reapplyPosition) {
                 setTimeout(function () { return position.reapplyLastPosition(); });
             }
         };
-        McPopover.prototype.closingActions = function () {
-            var backdrop = this.overlayRef.backdropClick();
-            var outsidePointerEvents = this.hasBackdrop ? rxjs.NEVER : this.overlayRef.outsidePointerEvents();
-            var detachments = this.overlayRef.detachments();
-            return rxjs.merge(backdrop, outsidePointerEvents, detachments);
+        McPopoverTrigger.prototype.getOverlayHandleComponentType = function () {
+            return McPopoverComponent;
         };
-        McPopover.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]);
-                    }
-                });
+        McPopoverTrigger.prototype.updateClassMap = function (newPlacement) {
+            if (newPlacement === void 0) { newPlacement = this.placement; }
+            if (!this.instance) {
+                return;
             }
-            else if (possiblePositions.includes(value)) {
-                result.push(this.availablePositions[value]);
+            this.instance.updateClassMap(core.POSITION_TO_CSS_MAP[newPlacement], this.customClass, this.size);
+            this.instance.markForCheck();
+        };
+        McPopoverTrigger.prototype.closingActions = function () {
+            return rxjs.merge(this.overlayRef.backdropClick(), this.hasBackdrop ? rxjs.NEVER : this.overlayRef.outsidePointerEvents(), this.closeOnScroll ? this.scrollDispatcher.scrolled() : rxjs.NEVER, this.overlayRef.detachments());
+        };
+        return McPopoverTrigger;
+    }(core.McPopUpTrigger));
+    /** @nocollapse */ McPopoverTrigger.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverTrigger, deps: [{ token: i2__namespace.Overlay }, { token: i0__namespace.ElementRef }, { token: i0__namespace.NgZone }, { token: i2__namespace.ScrollDispatcher }, { token: i0__namespace.ViewContainerRef }, { token: MC_POPOVER_SCROLL_STRATEGY }, { token: i3__namespace.Directionality, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McPopoverTrigger.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McPopoverTrigger, selector: "[mcPopover]", inputs: { popoverVisible: ["mcPopoverVisible", "popoverVisible"], popoverPlacement: ["mcPopoverPlacement", "popoverPlacement"], popoverPlacementPriority: ["mcPopoverPlacementPriority", "popoverPlacementPriority"], hasBackdrop: "hasBackdrop", header: ["mcPopoverHeader", "header"], content: ["mcPopoverContent", "content"], footer: ["mcPopoverFooter", "footer"], disabled: ["mcPopoverDisabled", "disabled"], trigger: ["mcTrigger", "trigger"], size: ["mcPopoverSize", "size"], customClass: ["mcPopoverClass", "customClass"], closeOnScroll: "closeOnScroll", backdropClass: "backdropClass" }, outputs: { placementChange: "mcPopoverPlacementChange", visibleChange: "mcPopoverVisibleChange" }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.mc-popover_open": "isOpen" } }, exportAs: ["mcPopover"], usesInheritance: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverTrigger, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[mcPopover]',
+                        exportAs: 'mcPopover',
+                        host: {
+                            '[class.mc-popover_open]': 'isOpen',
+                            '(keydown)': 'handleKeydown($event)',
+                            '(touchend)': 'handleTouchend()'
+                        }
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i2__namespace.Overlay }, { type: i0__namespace.ElementRef }, { type: i0__namespace.NgZone }, { type: i2__namespace.ScrollDispatcher }, { type: i0__namespace.ViewContainerRef }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [MC_POPOVER_SCROLL_STRATEGY]
+                        }] }, { type: i3__namespace.Directionality, decorators: [{
+                            type: i0.Optional
+                        }] }];
+        }, propDecorators: { popoverVisible: [{
+                    type: i0.Input,
+                    args: ['mcPopoverVisible']
+                }], popoverPlacement: [{
+                    type: i0.Input,
+                    args: ['mcPopoverPlacement']
+                }], popoverPlacementPriority: [{
+                    type: i0.Input,
+                    args: ['mcPopoverPlacementPriority']
+                }], hasBackdrop: [{
+                    type: i0.Input
+                }], header: [{
+                    type: i0.Input,
+                    args: ['mcPopoverHeader']
+                }], content: [{
+                    type: i0.Input,
+                    args: ['mcPopoverContent']
+                }], footer: [{
+                    type: i0.Input,
+                    args: ['mcPopoverFooter']
+                }], disabled: [{
+                    type: i0.Input,
+                    args: ['mcPopoverDisabled']
+                }], trigger: [{
+                    type: i0.Input,
+                    args: ['mcTrigger']
+                }], size: [{
+                    type: i0.Input,
+                    args: ['mcPopoverSize']
+                }], customClass: [{
+                    type: i0.Input,
+                    args: ['mcPopoverClass']
+                }], closeOnScroll: [{
+                    type: i0.Input
+                }], backdropClass: [{
+                    type: i0.Input
+                }], placementChange: [{
+                    type: i0.Output,
+                    args: ['mcPopoverPlacementChange']
+                }], visibleChange: [{
+                    type: i0.Output,
+                    args: ['mcPopoverVisibleChange']
+                }] } });
+
+    var MC_POPOVER_CONFIRM_TEXT = new i0.InjectionToken('');
+    var MC_POPOVER_CONFIRM_BUTTON_TEXT = new i0.InjectionToken('');
+    var McPopoverConfirmComponent = /** @class */ (function (_super) {
+        __extends(McPopoverConfirmComponent, _super);
+        function McPopoverConfirmComponent(changeDetectorRef) {
+            var _this = _super.call(this, changeDetectorRef) || this;
+            _this.themePalette = core.ThemePalette;
+            _this.onConfirm = new rxjs.Subject();
+            return _this;
+        }
+        return McPopoverConfirmComponent;
+    }(McPopoverComponent));
+    /** @nocollapse */ McPopoverConfirmComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverConfirmComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McPopoverConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McPopoverConfirmComponent, selector: "mc-popover-confirm-component", usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"mc-popover-confirm mc-popover\"\n     [ngClass]=\"classMap\"\n     [@state]=\"visibility\"\n     (@state.start)=\"animationStart()\"\n     (@state.done)=\"animationDone($event)\">\n    <div class=\"mc-popover__content\">\n        <div>{{ confirmText }}</div>\n        <button mc-button [color]=\"themePalette.Primary\" (click)=\"onConfirm.next()\">{{confirmButtonText}}</button>    \n    </div>\n\n    <div class=\"mc-popover__arrow\"></div>\n</div>\n", styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%;position:fixed;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-backdrop{top:0;bottom:0;left:0;right:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-pane{box-sizing:border-box;position:absolute;pointer-events:auto;margin:0;padding:0;z-index:1000;max-width:100%;max-height:100%}.cdk-overlay-connected-position-bounding-box{box-sizing:border-box;position:absolute;z-index:1000;display:flex;flex-direction:column;margin:0;padding:0;min-width:1px;min-height:1px}.mc-popover{position:relative;border-radius:3px;border-radius:var(--mc-popover-size-border-radius, 3px);border-width:1px;border-style:solid;box-sizing:border-box;z-index:1030;list-style:none;white-space:pre-line}.mc-popover.mc-popover_small{max-width:200px;max-width:var(--mc-popover-size-small-width, 200px)}.mc-popover.mc-popover_normal{max-width:400px;max-width:var(--mc-popover-size-normal-width, 400px)}.mc-popover.mc-popover_large{max-width:640px;max-width:var(--mc-popover-size-large-width, 640px)}.mc-popover.mc-popover_placement-top,.mc-popover.mc-popover_placement-top-left,.mc-popover.mc-popover_placement-top-right{margin-bottom:calc(9px);margin-bottom:calc(var(--mc-popover-size-trigger-margin, 9px))}.mc-popover.mc-popover_placement-right,.mc-popover.mc-popover_placement-right-top,.mc-popover.mc-popover_placement-right-bottom{margin-left:calc(9px);margin-left:calc(var(--mc-popover-size-trigger-margin, 9px))}.mc-popover.mc-popover_placement-bottom,.mc-popover.mc-popover_placement-bottom-left,.mc-popover.mc-popover_placement-bottom-right{margin-top:calc(9px);margin-top:calc(var(--mc-popover-size-trigger-margin, 9px))}.mc-popover.mc-popover_placement-left,.mc-popover.mc-popover_placement-left-top,.mc-popover.mc-popover_placement-left-bottom{margin-right:calc(9px);margin-right:calc(var(--mc-popover-size-trigger-margin, 9px))}.mc-popover__container{display:flex;flex-direction:column;max-height:480px;max-height:var(--mc-popover-size-max-height, 480px);border-radius:3px;border-radius:var(--mc-popover-size-border-radius, 3px);overflow:hidden}.mc-popover__header{height:10px 16px;height:var(--mc-popover-header-size-height, 10px 16px);padding:10px 16px;padding:var(--mc-popover-header-size-padding, 10px 16px);border-bottom-width:1px;border-bottom-style:solid}.mc-popover__content{overflow:hidden;padding:16px;padding:var(--mc-popover-size-padding, 16px)}.mc-popover__footer{box-sizing:border-box;margin-top:8px;margin-top:var(--mc-popover-footer-size-margin-top, 8px);height:56px;height:var(--mc-popover-footer-size-height, 56px);padding:12px 16px;padding:var(--mc-popover-footer-size-padding, 12px 16px);border-top-width:1px;border-top-style:solid}.mc-popover__arrow{position:absolute;z-index:-1;width:12px;width:var(--mc-popover-size-arrow-size, 12px);height:12px;height:var(--mc-popover-size-arrow-size, 12px);border:solid 1px;transform:rotate(45deg)}.mc-popover_placement-top .mc-popover__arrow{bottom:calc(11px / -2);bottom:calc(var(--mc-popover-size-arrow-size, 11px) / -2);left:50%;margin-left:calc(11px / -2);margin-left:calc(var(--mc-popover-size-arrow-size, 11px) / -2)}.mc-popover_placement-top-left .mc-popover__arrow{bottom:calc(11px / -2);bottom:calc(var(--mc-popover-size-arrow-size, 11px) / -2);left:calc(18px - 9px);left:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-top-right .mc-popover__arrow{bottom:calc(11px / -2);bottom:calc(var(--mc-popover-size-arrow-size, 11px) / -2);right:calc(18px - 9px);right:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-right .mc-popover__arrow{left:calc(11px / -2);left:calc(var(--mc-popover-size-arrow-size, 11px) / -2);top:50%;margin-top:calc(11px / -2);margin-top:calc(var(--mc-popover-size-arrow-size, 11px) / -2)}.mc-popover_placement-right-top .mc-popover__arrow{left:calc(11px / -2);left:calc(var(--mc-popover-size-arrow-size, 11px) / -2);top:calc(18px - 9px);top:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-right-bottom .mc-popover__arrow{left:calc(11px / -2);left:calc(var(--mc-popover-size-arrow-size, 11px) / -2);bottom:calc(18px - 9px);bottom:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-left .mc-popover__arrow{right:calc(11px / -2);right:calc(var(--mc-popover-size-arrow-size, 11px) / -2);top:50%;margin-top:calc(11px / -2);margin-top:calc(var(--mc-popover-size-arrow-size, 11px) / -2)}.mc-popover_placement-left-top .mc-popover__arrow{right:calc(11px / -2);right:calc(var(--mc-popover-size-arrow-size, 11px) / -2);top:calc(18px - 9px);top:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-left-bottom .mc-popover__arrow{right:calc(11px / -2);right:calc(var(--mc-popover-size-arrow-size, 11px) / -2);bottom:calc(18px - 9px);bottom:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-bottom .mc-popover__arrow{top:calc(11px / -2);top:calc(var(--mc-popover-size-arrow-size, 11px) / -2);left:50%;margin-left:calc(11px / -2);margin-left:calc(var(--mc-popover-size-arrow-size, 11px) / -2)}.mc-popover_placement-bottom-left .mc-popover__arrow{top:calc(11px / -2);top:calc(var(--mc-popover-size-arrow-size, 11px) / -2);left:calc(18px - 9px);left:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover_placement-bottom-right .mc-popover__arrow{top:calc(11px / -2);top:calc(var(--mc-popover-size-arrow-size, 11px) / -2);right:calc(18px - 9px);right:calc(18px - var(--mc-popover-size-trigger-margin, 9px))}.mc-popover-confirm .mc-popover__content{padding:24px 16px 16px}.mc-popover-confirm .mc-popover__content button{margin-top:16px;display:block;margin-left:auto}\n"], components: [{ type: i1__namespace$1.McButton, selector: "button[mc-button]", inputs: ["disabled", "color"] }], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.McButtonCssStyler, selector: "button[mc-button], a[mc-button]" }], animations: [mcPopoverAnimations.popoverState], 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: McPopoverConfirmComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'mc-popover-confirm-component',
+                        templateUrl: './popover-confirm.component.html',
+                        preserveWhitespaces: false,
+                        styleUrls: ['./popover.scss'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        animations: [mcPopoverAnimations.popoverState]
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; } });
+    var McPopoverConfirmTrigger = /** @class */ (function (_super) {
+        __extends(McPopoverConfirmTrigger, _super);
+        function McPopoverConfirmTrigger(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, confirmText, confirmButtonText) {
+            var _this = _super.call(this, overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) || this;
+            _this.confirm = new i0.EventEmitter();
+            _this._confirmButtonText = 'Да';
+            _this.confirmText = confirmText || 'Вы уверены, что хотите продолжить?';
+            _this.confirmButtonText = confirmButtonText || 'Да';
+            return _this;
+        }
+        Object.defineProperty(McPopoverConfirmTrigger.prototype, "confirmText", {
+            get: function () {
+                return this._confirmText;
+            },
+            set: function (value) {
+                this._confirmText = value;
+                this.updateData();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(McPopoverConfirmTrigger.prototype, "confirmButtonText", {
+            get: function () {
+                return this._confirmButtonText;
+            },
+            set: function (value) {
+                this._confirmButtonText = value;
+                this.updateData();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        McPopoverConfirmTrigger.prototype.updateData = function () {
+            if (!this.instance) {
+                return;
             }
-            return result;
+            _super.prototype.updateData.call(this);
+            this.setupButtonEvents();
+            this.instance.confirmButtonText = this.confirmButtonText;
+            this.instance.confirmText = this.confirmText;
         };
-        McPopover.prototype.getPrioritizedPositions = function () {
-            if (this.mcPlacementPriority) {
-                return this.getPriorityPlacementStrategy(this.mcPlacementPriority);
-            }
-            return core.POSITION_PRIORITY_STRATEGY[this.mcPlacement];
+        McPopoverConfirmTrigger.prototype.setupButtonEvents = function () {
+            var _this = this;
+            this.instance.onConfirm.pipe(operators.takeUntil(this.destroyed)).subscribe(function () {
+                _this.confirm.emit();
+                _this.hide();
+            });
         };
-        return McPopover;
-    }());
-    McPopover.decorators = [
-        { type: core$1.Directive, args: [{
-                    selector: '[mcPopover]',
-                    exportAs: 'mcPopover',
-                    host: {
-                        '(keydown)': 'handleKeydown($event)',
-                        '(touchend)': 'handleTouchend()',
-                        '[class.mc-popover_open]': 'isOpen'
-                    }
-                },] }
-    ];
-    /** @nocollapse */
-    McPopover.ctorParameters = function () { return [
-        { type: overlay.Overlay },
-        { type: core$1.ElementRef },
-        { type: core$1.NgZone },
-        { type: overlay.ScrollDispatcher },
-        { type: core$1.ViewContainerRef },
-        { type: undefined, decorators: [{ type: core$1.Inject, args: [MC_POPOVER_SCROLL_STRATEGY,] }] },
-        { type: bidi.Directionality, decorators: [{ type: core$1.Optional }] }
-    ]; };
-    McPopover.propDecorators = {
-        backdropClass: [{ type: core$1.Input }],
-        mcVisibleChange: [{ type: core$1.Output, args: ['mcPopoverVisibleChange',] }],
-        mcPositionStrategyPlacementChange: [{ type: core$1.Output, args: ['mcPopoverPositionStrategyPlacementChange',] }],
-        hasBackdrop: [{ type: core$1.Input }],
-        mcHeader: [{ type: core$1.Input, args: ['mcPopoverHeader',] }],
-        mcContent: [{ type: core$1.Input, args: ['mcPopoverContent',] }],
-        mcFooter: [{ type: core$1.Input, args: ['mcPopoverFooter',] }],
-        disabled: [{ type: core$1.Input, args: ['mcPopoverDisabled',] }],
-        mcMouseEnterDelay: [{ type: core$1.Input, args: ['mcPopoverMouseEnterDelay',] }],
-        mcMouseLeaveDelay: [{ type: core$1.Input, args: ['mcPopoverMouseLeaveDelay',] }],
-        mcTrigger: [{ type: core$1.Input, args: ['mcPopoverTrigger',] }],
-        mcPopoverSize: [{ type: core$1.Input, args: ['mcPopoverSize',] }],
-        mcPlacementPriority: [{ type: core$1.Input, args: ['mcPopoverPlacementPriority',] }],
-        mcPlacement: [{ type: core$1.Input, args: ['mcPopoverPlacement',] }],
-        classList: [{ type: core$1.Input, args: ['mcPopoverClass',] }],
-        mcVisible: [{ type: core$1.Input, args: ['mcPopoverVisible',] }]
-    };
+        McPopoverConfirmTrigger.prototype.getOverlayHandleComponentType = function () {
+            return McPopoverConfirmComponent;
+        };
+        return McPopoverConfirmTrigger;
+    }(McPopoverTrigger));
+    /** @nocollapse */ McPopoverConfirmTrigger.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverConfirmTrigger, deps: [{ token: i2__namespace.Overlay }, { token: i0__namespace.ElementRef }, { token: i0__namespace.NgZone }, { token: i2__namespace.ScrollDispatcher }, { token: i0__namespace.ViewContainerRef }, { token: MC_POPOVER_SCROLL_STRATEGY }, { token: i3__namespace.Directionality, optional: true }, { token: MC_POPOVER_CONFIRM_TEXT, optional: true }, { token: MC_POPOVER_CONFIRM_BUTTON_TEXT, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McPopoverConfirmTrigger.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McPopoverConfirmTrigger, selector: "[mcPopoverConfirm]", inputs: { confirmText: ["mcPopoverConfirmText", "confirmText"], confirmButtonText: ["mcPopoverConfirmButtonText", "confirmButtonText"] }, outputs: { confirm: "confirm" }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.mc-popover_open": "isOpen" } }, exportAs: ["mcPopoverConfirm"], usesInheritance: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverConfirmTrigger, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[mcPopoverConfirm]',
+                        exportAs: 'mcPopoverConfirm',
+                        host: {
+                            '[class.mc-popover_open]': 'isOpen',
+                            '(keydown)': 'handleKeydown($event)',
+                            '(touchend)': 'handleTouchend()'
+                        }
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i2__namespace.Overlay }, { type: i0__namespace.ElementRef }, { type: i0__namespace.NgZone }, { type: i2__namespace.ScrollDispatcher }, { type: i0__namespace.ViewContainerRef }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [MC_POPOVER_SCROLL_STRATEGY]
+                        }] }, { type: i3__namespace.Directionality, decorators: [{
+                            type: i0.Optional
+                        }] }, { type: undefined, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [MC_POPOVER_CONFIRM_TEXT]
+                        }] }, { type: undefined, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [MC_POPOVER_CONFIRM_BUTTON_TEXT]
+                        }] }];
+        }, propDecorators: { confirm: [{
+                    type: i0.Output
+                }], confirmText: [{
+                    type: i0.Input,
+                    args: ['mcPopoverConfirmText']
+                }], confirmButtonText: [{
+                    type: i0.Input,
+                    args: ['mcPopoverConfirmButtonText']
+                }] } });
 
     var McPopoverModule = /** @class */ (function () {
         function McPopoverModule() {
         }
         return McPopoverModule;
     }());
-    McPopoverModule.decorators = [
-        { type: core$1.NgModule, args: [{
-                    declarations: [McPopoverComponent, McPopover],
-                    exports: [a11y.A11yModule, McPopoverComponent, McPopover],
-                    imports: [common.CommonModule, overlay.OverlayModule],
-                    providers: [MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER],
-                    entryComponents: [McPopoverComponent]
-                },] }
-    ];
+    /** @nocollapse */ McPopoverModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McPopoverModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverModule, declarations: [McPopoverComponent, McPopoverTrigger, McPopoverConfirmComponent, McPopoverConfirmTrigger], imports: [i1.CommonModule, i2.OverlayModule, i1$1.McButtonModule], exports: [McPopoverComponent, McPopoverTrigger, McPopoverConfirmComponent, McPopoverConfirmTrigger] });
+    /** @nocollapse */ McPopoverModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverModule, providers: [MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [[i1.CommonModule, i2.OverlayModule, i1$1.McButtonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McPopoverModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [McPopoverComponent, McPopoverTrigger, McPopoverConfirmComponent, McPopoverConfirmTrigger],
+                        exports: [McPopoverComponent, McPopoverTrigger, McPopoverConfirmComponent, McPopoverConfirmTrigger],
+                        imports: [i1.CommonModule, i2.OverlayModule, i1$1.McButtonModule],
+                        providers: [MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER],
+                        entryComponents: [McPopoverComponent, McPopoverConfirmComponent]
+                    }]
+            }] });
 
     /**
      * Generated bundle index. Do not edit.
      */
 
+    exports.MC_POPOVER_CONFIRM_BUTTON_TEXT = MC_POPOVER_CONFIRM_BUTTON_TEXT;
+    exports.MC_POPOVER_CONFIRM_TEXT = MC_POPOVER_CONFIRM_TEXT;
     exports.MC_POPOVER_SCROLL_STRATEGY = MC_POPOVER_SCROLL_STRATEGY;
     exports.MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER = MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER;
-    exports.McPopover = McPopover;
     exports.McPopoverComponent = McPopoverComponent;
+    exports.McPopoverConfirmComponent = McPopoverConfirmComponent;
+    exports.McPopoverConfirmTrigger = McPopoverConfirmTrigger;
     exports.McPopoverModule = McPopoverModule;
+    exports.McPopoverTrigger = McPopoverTrigger;
     exports.getMcPopoverInvalidPositionError = getMcPopoverInvalidPositionError;
     exports.mcPopoverAnimations = mcPopoverAnimations;
     exports.mcPopoverScrollStrategyFactory = mcPopoverScrollStrategyFactory;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ptsecurity-mosaic-popover.umd.js.map