@ptsecurity/mosaic 13.3.0 → 13.5.0

package/fesm2015/ptsecurity-mosaic-tooltip.mjs

@@ -10,356 +10,356 @@ import { merge } from 'rxjs';
 import { trigger, state, style, transition, animate, keyframes } from '@angular/animations';
 import * as i3 from '@angular/cdk/bidi';
 
-/**
- * Animations used by McTooltip.
- * @docs-private
- */
-const mcTooltipAnimations = {
-    /** Animation that transitions a tooltip in and out. */
-    tooltipState: trigger('state', [
-        state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0)' })),
-        state('visible', style({ transform: 'scale(1)' })),
-        transition('* => visible', animate('200ms cubic-bezier(0, 0, 0.2, 1)', keyframes([
-            style({ opacity: 0, transform: 'scale(0)', offset: 0 }),
-            style({ opacity: 0.5, transform: 'scale(0.99)', offset: 0.5 }),
-            style({ opacity: 1, transform: 'scale(1)', offset: 1 })
-        ]))),
-        transition('* => hidden', animate('100ms cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 0 })))
-    ])
+/**
+ * Animations used by McTooltip.
+ * @docs-private
+ */
+const mcTooltipAnimations = {
+    /** Animation that transitions a tooltip in and out. */
+    tooltipState: trigger('state', [
+        state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0)' })),
+        state('visible', style({ transform: 'scale(1)' })),
+        transition('* => visible', animate('200ms cubic-bezier(0, 0, 0.2, 1)', keyframes([
+            style({ opacity: 0, transform: 'scale(0)', offset: 0 }),
+            style({ opacity: 0.5, transform: 'scale(0.99)', offset: 0.5 }),
+            style({ opacity: 1, transform: 'scale(1)', offset: 1 })
+        ]))),
+        transition('* => hidden', animate('100ms cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 0 })))
+    ])
 };
 
-var TooltipModifier;
-(function (TooltipModifier) {
-    TooltipModifier["Default"] = "default";
-    TooltipModifier["Warning"] = "warning";
-    TooltipModifier["Extended"] = "extended";
-})(TooltipModifier || (TooltipModifier = {}));
-const MC_TOOLTIP_OPEN_TIME = new InjectionToken('mc-tooltip-open-time');
-/** @docs-private */
-const MC_TOOLTIP_OPEN_TIME_PROVIDER = {
-    provide: MC_TOOLTIP_OPEN_TIME,
-    useValue: { value: 0 }
-};
-const MIN_TIME_FOR_DELAY = 2000;
-class McTooltipComponent extends McPopUp {
-    constructor(changeDetectorRef, openTime) {
-        super(changeDetectorRef);
-        this.openTime = openTime;
-        this.prefix = 'mc-tooltip';
-    }
-    show(delay) {
-        if (!this.content) {
-            return;
-        }
-        // tslint:disable-next-line:no-magic-numbers
-        super.show(Date.now() - this.openTime.value < MIN_TIME_FOR_DELAY ? 0 : delay);
-        this.openTime.value = Date.now();
-    }
-    updateClassMap(placement, customClass, { modifier }) {
-        const classMap = {
-            [`${this.prefix}_${modifier}`]: true
-        };
-        super.updateClassMap(placement, customClass, classMap);
-    }
-}
-/** @nocollapse */ /** @nocollapse */ McTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: MC_TOOLTIP_OPEN_TIME }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ McTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.4", type: McTooltipComponent, selector: "mc-tooltip-component", providers: [MC_TOOLTIP_OPEN_TIME_PROVIDER], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-tooltip\"\n     [ngClass]=\"classMap\"\n     [@state]=\"visibility\"\n     (@state.start)=\"animationStart()\"\n     (@state.done)=\"animationDone($event)\">\n\n    <div class=\"mc-tooltip__inner\">\n        <div class=\"mc-tooltip__arrow\"></div>\n\n        <div class=\"mc-tooltip__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        <div class=\"mc-tooltip__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    </div>\n</div>\n", styles: [".mc-tooltip__inner{border-radius:var(--mc-tooltip-size-border-radius, 3px)}.mc-tooltip{box-sizing:border-box;border-radius:var(--mc-tooltip-size-border-radius, 3px);z-index:1060;white-space:pre-line}.mc-tooltip.mc-tooltip_placement-top,.mc-tooltip.mc-tooltip_placement-top-left,.mc-tooltip.mc-tooltip_placement-top-right{margin-bottom:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-right,.mc-tooltip.mc-tooltip_placement-right-top,.mc-tooltip.mc-tooltip_placement-right-bottom{margin-left:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-bottom,.mc-tooltip.mc-tooltip_placement-bottom-left,.mc-tooltip.mc-tooltip_placement-bottom-right{margin-top:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-left,.mc-tooltip.mc-tooltip_placement-left-top,.mc-tooltip.mc-tooltip_placement-left-bottom{margin-right:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_default,.mc-tooltip.mc-tooltip_warning{max-width:var(--mc-tooltip-size-max-width, 300px)}.mc-tooltip.mc-tooltip_default .mc-tooltip__inner,.mc-tooltip.mc-tooltip_warning .mc-tooltip__inner{padding:var(--mc-tooltip-size-padding, 8px 16px)}.mc-tooltip.mc-tooltip_extended{max-height:var(--mc-extended-tooltip-size-max-height, 480px)}.mc-tooltip.mc-tooltip_extended .mc-tooltip__header{height:var(--mc-extended-tooltip-header-size-height, 40px);padding:var(--mc-extended-tooltip-header-size-padding, 10px 16px);box-sizing:border-box;border-top-left-radius:var(--mc-tooltip-size-border-radius, 3px);border-top-right-radius:var(--mc-tooltip-size-border-radius, 3px)}.mc-tooltip.mc-tooltip_extended .mc-tooltip__content{padding:var(--mc-extended-tooltip-size-padding, 8px 16px)}.mc-tooltip__arrow{position:absolute;width:var(--mc-tooltip-size-arrow-size, 12px);height:var(--mc-tooltip-size-arrow-size, 12px);transform:rotate(45deg)}.mc-tooltip_placement-top .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:50%;margin-left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-top-left .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-top-right .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);right:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-right .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:50%;margin-top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-right-top .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-right-bottom .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);bottom:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-left .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:50%;margin-top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-left-top .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-left-bottom .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);bottom:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-bottom .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:50%;margin-left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-bottom-left .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-bottom-right .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);right:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [mcTooltipAnimations.tooltipState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McTooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mc-tooltip-component', animations: [mcTooltipAnimations.tooltipState], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MC_TOOLTIP_OPEN_TIME_PROVIDER], template: "<div class=\"mc-tooltip\"\n     [ngClass]=\"classMap\"\n     [@state]=\"visibility\"\n     (@state.start)=\"animationStart()\"\n     (@state.done)=\"animationDone($event)\">\n\n    <div class=\"mc-tooltip__inner\">\n        <div class=\"mc-tooltip__arrow\"></div>\n\n        <div class=\"mc-tooltip__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        <div class=\"mc-tooltip__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    </div>\n</div>\n", styles: [".mc-tooltip__inner{border-radius:var(--mc-tooltip-size-border-radius, 3px)}.mc-tooltip{box-sizing:border-box;border-radius:var(--mc-tooltip-size-border-radius, 3px);z-index:1060;white-space:pre-line}.mc-tooltip.mc-tooltip_placement-top,.mc-tooltip.mc-tooltip_placement-top-left,.mc-tooltip.mc-tooltip_placement-top-right{margin-bottom:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-right,.mc-tooltip.mc-tooltip_placement-right-top,.mc-tooltip.mc-tooltip_placement-right-bottom{margin-left:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-bottom,.mc-tooltip.mc-tooltip_placement-bottom-left,.mc-tooltip.mc-tooltip_placement-bottom-right{margin-top:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-left,.mc-tooltip.mc-tooltip_placement-left-top,.mc-tooltip.mc-tooltip_placement-left-bottom{margin-right:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_default,.mc-tooltip.mc-tooltip_warning{max-width:var(--mc-tooltip-size-max-width, 300px)}.mc-tooltip.mc-tooltip_default .mc-tooltip__inner,.mc-tooltip.mc-tooltip_warning .mc-tooltip__inner{padding:var(--mc-tooltip-size-padding, 8px 16px)}.mc-tooltip.mc-tooltip_extended{max-height:var(--mc-extended-tooltip-size-max-height, 480px)}.mc-tooltip.mc-tooltip_extended .mc-tooltip__header{height:var(--mc-extended-tooltip-header-size-height, 40px);padding:var(--mc-extended-tooltip-header-size-padding, 10px 16px);box-sizing:border-box;border-top-left-radius:var(--mc-tooltip-size-border-radius, 3px);border-top-right-radius:var(--mc-tooltip-size-border-radius, 3px)}.mc-tooltip.mc-tooltip_extended .mc-tooltip__content{padding:var(--mc-extended-tooltip-size-padding, 8px 16px)}.mc-tooltip__arrow{position:absolute;width:var(--mc-tooltip-size-arrow-size, 12px);height:var(--mc-tooltip-size-arrow-size, 12px);transform:rotate(45deg)}.mc-tooltip_placement-top .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:50%;margin-left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-top-left .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-top-right .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);right:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-right .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:50%;margin-top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-right-top .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-right-bottom .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);bottom:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-left .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:50%;margin-top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-left-top .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-left-bottom .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);bottom:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-bottom .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:50%;margin-left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-bottom-left .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-bottom-right .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);right:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MC_TOOLTIP_OPEN_TIME]
-                    }] }];
-    } });
-const MC_TOOLTIP_SCROLL_STRATEGY = new InjectionToken('mc-tooltip-scroll-strategy');
-/** @docs-private */
-function mcTooltipScrollStrategyFactory(overlay) {
-    return () => overlay.scrollStrategies.reposition({ scrollThrottle: 20 });
-}
-/** @docs-private */
-const MC_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER = {
-    provide: MC_TOOLTIP_SCROLL_STRATEGY,
-    deps: [Overlay],
-    useFactory: mcTooltipScrollStrategyFactory
-};
-class McTooltipTrigger extends McPopUpTrigger {
-    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) {
-        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);
-        this.enterDelay = 400;
-        this.leaveDelay = 0;
-        this._trigger = `${PopUpTriggers.Hover}, ${PopUpTriggers.Focus}`;
-        this.placementChange = new EventEmitter();
-        this.visibleChange = new EventEmitter();
-        this.originSelector = '.mc-tooltip';
-        this.overlayConfig = {
-            panelClass: 'mc-tooltip-panel'
-        };
-        this.modifier = TooltipModifier.Default;
-    }
-    get tooltipVisible() {
-        return this.visible;
-    }
-    set tooltipVisible(value) {
-        super.updateVisible(value);
-    }
-    get tooltipPlacement() {
-        return this.placement;
-    }
-    set tooltipPlacement(value) {
-        super.updatePlacement(value);
-    }
-    get tooltipPlacementPriority() {
-        return this.placementPriority;
-    }
-    set tooltipPlacementPriority(value) {
-        super.updatePlacementPriority(value);
-    }
-    get content() {
-        return this._content;
-    }
-    set content(content) {
-        this._content = content;
-        this.updateData();
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-    }
-    get trigger() {
-        return this._trigger;
-    }
-    set trigger(value) {
-        if (value) {
-            this._trigger = value;
-        }
-        else {
-            this._trigger = `${PopUpTriggers.Hover}, ${PopUpTriggers.Focus}`;
-        }
-        this.initListeners();
-    }
-    get customClass() {
-        return this._customClass;
-    }
-    set customClass(value) {
-        if (value) {
-            this._customClass = value;
-            this.updateClassMap();
-        }
-        else {
-            this._customClass = '';
-        }
-    }
-    updateData() {
-        if (!this.instance) {
-            return;
-        }
-        this.instance.content = this.content;
-        this.instance.detectChanges();
-    }
-    closingActions() {
-        return merge(this.overlayRef.outsidePointerEvents(), this.overlayRef.detachments());
-    }
-    getOverlayHandleComponentType() {
-        return McTooltipComponent;
-    }
-    updateClassMap(newPlacement = this.placement) {
-        if (!this.instance) {
-            return;
-        }
-        this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], this.customClass, { modifier: this.modifier });
-        this.instance.markForCheck();
-    }
-}
-/** @nocollapse */ /** @nocollapse */ McTooltipTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McTooltipTrigger, deps: [{ token: i2.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i3.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ McTooltipTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.4", type: McTooltipTrigger, selector: "[mcTooltip]", inputs: { tooltipVisible: ["mcVisible", "tooltipVisible"], tooltipPlacement: ["mcPlacement", "tooltipPlacement"], tooltipPlacementPriority: ["mcPlacementPriority", "tooltipPlacementPriority"], content: ["mcTooltip", "content"], disabled: ["mcTooltipDisabled", "disabled"], enterDelay: ["mcEnterDelay", "enterDelay"], leaveDelay: ["mcLeaveDelay", "leaveDelay"], trigger: ["mcTrigger", "trigger"], customClass: ["mcTooltipClass", "customClass"] }, outputs: { placementChange: "mcPlacementChange", visibleChange: "mcVisibleChange" }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.mc-tooltip_open": "isOpen" } }, exportAs: ["mcTooltip"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McTooltipTrigger, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mcTooltip]',
-                    exportAs: 'mcTooltip',
-                    host: {
-                        '[class.mc-tooltip_open]': 'isOpen',
-                        '(keydown)': 'handleKeydown($event)',
-                        '(touchend)': 'handleTouchend()'
-                    }
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i2.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MC_TOOLTIP_SCROLL_STRATEGY]
-                    }] }, { type: i3.Directionality, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { tooltipVisible: [{
-                type: Input,
-                args: ['mcVisible']
-            }], tooltipPlacement: [{
-                type: Input,
-                args: ['mcPlacement']
-            }], tooltipPlacementPriority: [{
-                type: Input,
-                args: ['mcPlacementPriority']
-            }], content: [{
-                type: Input,
-                args: ['mcTooltip']
-            }], disabled: [{
-                type: Input,
-                args: ['mcTooltipDisabled']
-            }], enterDelay: [{
-                type: Input,
-                args: ['mcEnterDelay']
-            }], leaveDelay: [{
-                type: Input,
-                args: ['mcLeaveDelay']
-            }], trigger: [{
-                type: Input,
-                args: ['mcTrigger']
-            }], customClass: [{
-                type: Input,
-                args: ['mcTooltipClass']
-            }], placementChange: [{
-                type: Output,
-                args: ['mcPlacementChange']
-            }], visibleChange: [{
-                type: Output,
-                args: ['mcVisibleChange']
-            }] } });
-class McWarningTooltipTrigger extends McTooltipTrigger {
-    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) {
-        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);
-        this.modifier = TooltipModifier.Warning;
-    }
-    get content() {
-        return this._content;
-    }
-    set content(content) {
-        this._content = content;
-        this.updateData();
-    }
-}
-/** @nocollapse */ /** @nocollapse */ McWarningTooltipTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McWarningTooltipTrigger, deps: [{ token: i2.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i3.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ McWarningTooltipTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.4", type: McWarningTooltipTrigger, selector: "[mcWarningTooltip]", inputs: { content: ["mcWarningTooltip", "content"] }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.mc-tooltip_open": "isOpen" } }, exportAs: ["mcWarningTooltip"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McWarningTooltipTrigger, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mcWarningTooltip]',
-                    exportAs: 'mcWarningTooltip',
-                    host: {
-                        '[class.mc-tooltip_open]': 'isOpen',
-                        '(keydown)': 'handleKeydown($event)',
-                        '(touchend)': 'handleTouchend()'
-                    }
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i2.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MC_TOOLTIP_SCROLL_STRATEGY]
-                    }] }, { type: i3.Directionality, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { content: [{
-                type: Input,
-                args: ['mcWarningTooltip']
-            }] } });
-class McExtendedTooltipTrigger extends McTooltipTrigger {
-    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) {
-        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);
-        this.modifier = TooltipModifier.Extended;
-    }
-    get content() {
-        return this._content;
-    }
-    set content(content) {
-        this._content = content;
-        this.updateData();
-    }
-    get header() {
-        return this._header;
-    }
-    set header(header) {
-        this._header = header;
-        this.updateData();
-    }
-    updateData() {
-        if (!this.instance) {
-            return;
-        }
-        super.updateData();
-        this.instance.header = this.header;
-    }
-}
-/** @nocollapse */ /** @nocollapse */ McExtendedTooltipTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McExtendedTooltipTrigger, deps: [{ token: i2.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i3.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ McExtendedTooltipTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.4", type: McExtendedTooltipTrigger, selector: "[mcExtendedTooltip]", inputs: { content: ["mcExtendedTooltip", "content"], header: ["mcTooltipHeader", "header"] }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.mc-tooltip_open": "isOpen" } }, exportAs: ["mcExtendedTooltip"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McExtendedTooltipTrigger, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mcExtendedTooltip]',
-                    exportAs: 'mcExtendedTooltip',
-                    host: {
-                        '[class.mc-tooltip_open]': 'isOpen',
-                        '(keydown)': 'handleKeydown($event)',
-                        '(touchend)': 'handleTouchend()'
-                    }
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i2.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MC_TOOLTIP_SCROLL_STRATEGY]
-                    }] }, { type: i3.Directionality, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { content: [{
-                type: Input,
-                args: ['mcExtendedTooltip']
-            }], header: [{
-                type: Input,
-                args: ['mcTooltipHeader']
+var TooltipModifier;
+(function (TooltipModifier) {
+    TooltipModifier["Default"] = "default";
+    TooltipModifier["Warning"] = "warning";
+    TooltipModifier["Extended"] = "extended";
+})(TooltipModifier || (TooltipModifier = {}));
+const MC_TOOLTIP_OPEN_TIME = new InjectionToken('mc-tooltip-open-time');
+/** @docs-private */
+const MC_TOOLTIP_OPEN_TIME_PROVIDER = {
+    provide: MC_TOOLTIP_OPEN_TIME,
+    useValue: { value: 0 }
+};
+const MIN_TIME_FOR_DELAY = 2000;
+class McTooltipComponent extends McPopUp {
+    constructor(changeDetectorRef, openTime) {
+        super(changeDetectorRef);
+        this.openTime = openTime;
+        this.prefix = 'mc-tooltip';
+    }
+    show(delay) {
+        if (!this.content) {
+            return;
+        }
+        // tslint:disable-next-line:no-magic-numbers
+        super.show(Date.now() - this.openTime.value < MIN_TIME_FOR_DELAY ? 0 : delay);
+        this.openTime.value = Date.now();
+    }
+    updateClassMap(placement, customClass, { modifier }) {
+        const classMap = {
+            [`${this.prefix}_${modifier}`]: true
+        };
+        super.updateClassMap(placement, customClass, classMap);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ McTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: MC_TOOLTIP_OPEN_TIME }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ McTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: McTooltipComponent, selector: "mc-tooltip-component", providers: [MC_TOOLTIP_OPEN_TIME_PROVIDER], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-tooltip\"\r\n     [ngClass]=\"classMap\"\r\n     [@state]=\"visibility\"\r\n     (@state.start)=\"animationStart()\"\r\n     (@state.done)=\"animationDone($event)\">\r\n\r\n    <div class=\"mc-tooltip__inner\">\r\n        <div class=\"mc-tooltip__arrow\"></div>\r\n\r\n        <div class=\"mc-tooltip__header\" *ngIf=\"header\">\r\n            <ng-container *ngIf=\"isTemplateRef(header)\" [ngTemplateOutlet]=\"$any(header)\"></ng-container>\r\n            <ng-container *ngIf=\"!isTemplateRef(header)\">\r\n                <div>{{ header }}</div>\r\n            </ng-container>\r\n        </div>\r\n        <div class=\"mc-tooltip__content\">\r\n            <ng-container *ngIf=\"isTemplateRef(content)\" [ngTemplateOutlet]=\"$any(content)\"></ng-container>\r\n            <ng-container *ngIf=\"!isTemplateRef(content)\">\r\n                <div>{{ content }}</div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".mc-tooltip__inner{border-radius:var(--mc-tooltip-size-border-radius, 4px)}.mc-tooltip{box-sizing:border-box;border-radius:var(--mc-tooltip-size-border-radius, 4px);z-index:1060;white-space:pre-line}.mc-tooltip.mc-tooltip_placement-top,.mc-tooltip.mc-tooltip_placement-top-left,.mc-tooltip.mc-tooltip_placement-top-right{margin-bottom:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-right,.mc-tooltip.mc-tooltip_placement-right-top,.mc-tooltip.mc-tooltip_placement-right-bottom{margin-left:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-bottom,.mc-tooltip.mc-tooltip_placement-bottom-left,.mc-tooltip.mc-tooltip_placement-bottom-right{margin-top:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-left,.mc-tooltip.mc-tooltip_placement-left-top,.mc-tooltip.mc-tooltip_placement-left-bottom{margin-right:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_default,.mc-tooltip.mc-tooltip_warning{max-width:var(--mc-tooltip-size-max-width, 300px)}.mc-tooltip.mc-tooltip_default .mc-tooltip__inner,.mc-tooltip.mc-tooltip_warning .mc-tooltip__inner{padding:var(--mc-tooltip-size-padding, 8px 16px)}.mc-tooltip.mc-tooltip_extended{max-height:var(--mc-extended-tooltip-size-max-height, 480px)}.mc-tooltip.mc-tooltip_extended .mc-tooltip__header{height:var(--mc-extended-tooltip-header-size-height, 40px);padding:var(--mc-extended-tooltip-header-size-padding, 8px 16px);box-sizing:border-box;border-top-left-radius:var(--mc-tooltip-size-border-radius, 4px);border-top-right-radius:var(--mc-tooltip-size-border-radius, 4px)}.mc-tooltip.mc-tooltip_extended .mc-tooltip__content{padding:var(--mc-extended-tooltip-size-padding, 8px 16px)}.mc-tooltip__arrow{position:absolute;width:var(--mc-tooltip-size-arrow-size, 12px);height:var(--mc-tooltip-size-arrow-size, 12px);transform:rotate(45deg)}.mc-tooltip_placement-top .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:50%;margin-left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-top-left .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-top-right .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);right:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-right .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:50%;margin-top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-right-top .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-right-bottom .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);bottom:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-left .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:50%;margin-top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-left-top .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-left-bottom .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);bottom:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-bottom .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:50%;margin-left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-bottom-left .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-bottom-right .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);right:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [mcTooltipAnimations.tooltipState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-tooltip-component', animations: [mcTooltipAnimations.tooltipState], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MC_TOOLTIP_OPEN_TIME_PROVIDER], template: "<div class=\"mc-tooltip\"\r\n     [ngClass]=\"classMap\"\r\n     [@state]=\"visibility\"\r\n     (@state.start)=\"animationStart()\"\r\n     (@state.done)=\"animationDone($event)\">\r\n\r\n    <div class=\"mc-tooltip__inner\">\r\n        <div class=\"mc-tooltip__arrow\"></div>\r\n\r\n        <div class=\"mc-tooltip__header\" *ngIf=\"header\">\r\n            <ng-container *ngIf=\"isTemplateRef(header)\" [ngTemplateOutlet]=\"$any(header)\"></ng-container>\r\n            <ng-container *ngIf=\"!isTemplateRef(header)\">\r\n                <div>{{ header }}</div>\r\n            </ng-container>\r\n        </div>\r\n        <div class=\"mc-tooltip__content\">\r\n            <ng-container *ngIf=\"isTemplateRef(content)\" [ngTemplateOutlet]=\"$any(content)\"></ng-container>\r\n            <ng-container *ngIf=\"!isTemplateRef(content)\">\r\n                <div>{{ content }}</div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".mc-tooltip__inner{border-radius:var(--mc-tooltip-size-border-radius, 4px)}.mc-tooltip{box-sizing:border-box;border-radius:var(--mc-tooltip-size-border-radius, 4px);z-index:1060;white-space:pre-line}.mc-tooltip.mc-tooltip_placement-top,.mc-tooltip.mc-tooltip_placement-top-left,.mc-tooltip.mc-tooltip_placement-top-right{margin-bottom:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-right,.mc-tooltip.mc-tooltip_placement-right-top,.mc-tooltip.mc-tooltip_placement-right-bottom{margin-left:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-bottom,.mc-tooltip.mc-tooltip_placement-bottom-left,.mc-tooltip.mc-tooltip_placement-bottom-right{margin-top:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_placement-left,.mc-tooltip.mc-tooltip_placement-left-top,.mc-tooltip.mc-tooltip_placement-left-bottom{margin-right:calc(var(--mc-tooltip-size-trigger-margin, 9px))}.mc-tooltip.mc-tooltip_default,.mc-tooltip.mc-tooltip_warning{max-width:var(--mc-tooltip-size-max-width, 300px)}.mc-tooltip.mc-tooltip_default .mc-tooltip__inner,.mc-tooltip.mc-tooltip_warning .mc-tooltip__inner{padding:var(--mc-tooltip-size-padding, 8px 16px)}.mc-tooltip.mc-tooltip_extended{max-height:var(--mc-extended-tooltip-size-max-height, 480px)}.mc-tooltip.mc-tooltip_extended .mc-tooltip__header{height:var(--mc-extended-tooltip-header-size-height, 40px);padding:var(--mc-extended-tooltip-header-size-padding, 8px 16px);box-sizing:border-box;border-top-left-radius:var(--mc-tooltip-size-border-radius, 4px);border-top-right-radius:var(--mc-tooltip-size-border-radius, 4px)}.mc-tooltip.mc-tooltip_extended .mc-tooltip__content{padding:var(--mc-extended-tooltip-size-padding, 8px 16px)}.mc-tooltip__arrow{position:absolute;width:var(--mc-tooltip-size-arrow-size, 12px);height:var(--mc-tooltip-size-arrow-size, 12px);transform:rotate(45deg)}.mc-tooltip_placement-top .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:50%;margin-left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-top-left .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-top-right .mc-tooltip__arrow{bottom:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);right:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-right .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:50%;margin-top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-right-top .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-right-bottom .mc-tooltip__arrow{left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);bottom:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-left .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:50%;margin-top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-left-top .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);top:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-left-bottom .mc-tooltip__arrow{right:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);bottom:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-bottom .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:50%;margin-left:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2)}.mc-tooltip_placement-bottom-left .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);left:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}.mc-tooltip_placement-bottom-right .mc-tooltip__arrow{top:calc((var(--mc-tooltip-size-arrow-size, 12px) - 1px) / -2);right:calc(18px - var(--mc-tooltip-size-trigger-margin, 9px) / 2)}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MC_TOOLTIP_OPEN_TIME]
+                    }] }];
+    } });
+const MC_TOOLTIP_SCROLL_STRATEGY = new InjectionToken('mc-tooltip-scroll-strategy');
+/** @docs-private */
+function mcTooltipScrollStrategyFactory(overlay) {
+    return () => overlay.scrollStrategies.reposition({ scrollThrottle: 20 });
+}
+/** @docs-private */
+const MC_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER = {
+    provide: MC_TOOLTIP_SCROLL_STRATEGY,
+    deps: [Overlay],
+    useFactory: mcTooltipScrollStrategyFactory
+};
+class McTooltipTrigger extends McPopUpTrigger {
+    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) {
+        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);
+        this.enterDelay = 400;
+        this.leaveDelay = 0;
+        this._trigger = `${PopUpTriggers.Hover}, ${PopUpTriggers.Focus}`;
+        this.placementChange = new EventEmitter();
+        this.visibleChange = new EventEmitter();
+        this.originSelector = '.mc-tooltip';
+        this.overlayConfig = {
+            panelClass: 'mc-tooltip-panel'
+        };
+        this.modifier = TooltipModifier.Default;
+    }
+    get tooltipVisible() {
+        return this.visible;
+    }
+    set tooltipVisible(value) {
+        super.updateVisible(value);
+    }
+    get tooltipPlacement() {
+        return this.placement;
+    }
+    set tooltipPlacement(value) {
+        super.updatePlacement(value);
+    }
+    get tooltipPlacementPriority() {
+        return this.placementPriority;
+    }
+    set tooltipPlacementPriority(value) {
+        super.updatePlacementPriority(value);
+    }
+    get content() {
+        return this._content;
+    }
+    set content(content) {
+        this._content = content;
+        this.updateData();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+    }
+    get trigger() {
+        return this._trigger;
+    }
+    set trigger(value) {
+        if (value) {
+            this._trigger = value;
+        }
+        else {
+            this._trigger = `${PopUpTriggers.Hover}, ${PopUpTriggers.Focus}`;
+        }
+        this.initListeners();
+    }
+    get customClass() {
+        return this._customClass;
+    }
+    set customClass(value) {
+        if (value) {
+            this._customClass = value;
+            this.updateClassMap();
+        }
+        else {
+            this._customClass = '';
+        }
+    }
+    updateData() {
+        if (!this.instance) {
+            return;
+        }
+        this.instance.content = this.content;
+        this.instance.detectChanges();
+    }
+    closingActions() {
+        return merge(this.overlayRef.outsidePointerEvents(), this.overlayRef.detachments());
+    }
+    getOverlayHandleComponentType() {
+        return McTooltipComponent;
+    }
+    updateClassMap(newPlacement = this.placement) {
+        if (!this.instance) {
+            return;
+        }
+        this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], this.customClass, { modifier: this.modifier });
+        this.instance.markForCheck();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ McTooltipTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McTooltipTrigger, deps: [{ token: i2.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i3.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ McTooltipTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: McTooltipTrigger, selector: "[mcTooltip]", inputs: { tooltipVisible: ["mcVisible", "tooltipVisible"], tooltipPlacement: ["mcPlacement", "tooltipPlacement"], tooltipPlacementPriority: ["mcPlacementPriority", "tooltipPlacementPriority"], content: ["mcTooltip", "content"], disabled: ["mcTooltipDisabled", "disabled"], enterDelay: ["mcEnterDelay", "enterDelay"], leaveDelay: ["mcLeaveDelay", "leaveDelay"], trigger: ["mcTrigger", "trigger"], customClass: ["mcTooltipClass", "customClass"] }, outputs: { placementChange: "mcPlacementChange", visibleChange: "mcVisibleChange" }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.mc-tooltip_open": "isOpen" } }, exportAs: ["mcTooltip"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McTooltipTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mcTooltip]',
+                    exportAs: 'mcTooltip',
+                    host: {
+                        '[class.mc-tooltip_open]': 'isOpen',
+                        '(keydown)': 'handleKeydown($event)',
+                        '(touchend)': 'handleTouchend()'
+                    }
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i2.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MC_TOOLTIP_SCROLL_STRATEGY]
+                    }] }, { type: i3.Directionality, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { tooltipVisible: [{
+                type: Input,
+                args: ['mcVisible']
+            }], tooltipPlacement: [{
+                type: Input,
+                args: ['mcPlacement']
+            }], tooltipPlacementPriority: [{
+                type: Input,
+                args: ['mcPlacementPriority']
+            }], content: [{
+                type: Input,
+                args: ['mcTooltip']
+            }], disabled: [{
+                type: Input,
+                args: ['mcTooltipDisabled']
+            }], enterDelay: [{
+                type: Input,
+                args: ['mcEnterDelay']
+            }], leaveDelay: [{
+                type: Input,
+                args: ['mcLeaveDelay']
+            }], trigger: [{
+                type: Input,
+                args: ['mcTrigger']
+            }], customClass: [{
+                type: Input,
+                args: ['mcTooltipClass']
+            }], placementChange: [{
+                type: Output,
+                args: ['mcPlacementChange']
+            }], visibleChange: [{
+                type: Output,
+                args: ['mcVisibleChange']
+            }] } });
+class McWarningTooltipTrigger extends McTooltipTrigger {
+    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) {
+        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);
+        this.modifier = TooltipModifier.Warning;
+    }
+    get content() {
+        return this._content;
+    }
+    set content(content) {
+        this._content = content;
+        this.updateData();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ McWarningTooltipTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McWarningTooltipTrigger, deps: [{ token: i2.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i3.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ McWarningTooltipTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: McWarningTooltipTrigger, selector: "[mcWarningTooltip]", inputs: { content: ["mcWarningTooltip", "content"] }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.mc-tooltip_open": "isOpen" } }, exportAs: ["mcWarningTooltip"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McWarningTooltipTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mcWarningTooltip]',
+                    exportAs: 'mcWarningTooltip',
+                    host: {
+                        '[class.mc-tooltip_open]': 'isOpen',
+                        '(keydown)': 'handleKeydown($event)',
+                        '(touchend)': 'handleTouchend()'
+                    }
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i2.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MC_TOOLTIP_SCROLL_STRATEGY]
+                    }] }, { type: i3.Directionality, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { content: [{
+                type: Input,
+                args: ['mcWarningTooltip']
+            }] } });
+class McExtendedTooltipTrigger extends McTooltipTrigger {
+    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) {
+        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);
+        this.modifier = TooltipModifier.Extended;
+    }
+    get content() {
+        return this._content;
+    }
+    set content(content) {
+        this._content = content;
+        this.updateData();
+    }
+    get header() {
+        return this._header;
+    }
+    set header(header) {
+        this._header = header;
+        this.updateData();
+    }
+    updateData() {
+        if (!this.instance) {
+            return;
+        }
+        super.updateData();
+        this.instance.header = this.header;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ McExtendedTooltipTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McExtendedTooltipTrigger, deps: [{ token: i2.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i3.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ McExtendedTooltipTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: McExtendedTooltipTrigger, selector: "[mcExtendedTooltip]", inputs: { content: ["mcExtendedTooltip", "content"], header: ["mcTooltipHeader", "header"] }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.mc-tooltip_open": "isOpen" } }, exportAs: ["mcExtendedTooltip"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McExtendedTooltipTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mcExtendedTooltip]',
+                    exportAs: 'mcExtendedTooltip',
+                    host: {
+                        '[class.mc-tooltip_open]': 'isOpen',
+                        '(keydown)': 'handleKeydown($event)',
+                        '(touchend)': 'handleTouchend()'
+                    }
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i2.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MC_TOOLTIP_SCROLL_STRATEGY]
+                    }] }, { type: i3.Directionality, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { content: [{
+                type: Input,
+                args: ['mcExtendedTooltip']
+            }], header: [{
+                type: Input,
+                args: ['mcTooltipHeader']
             }] } });
 
-class McToolTipModule {
-}
-/** @nocollapse */ /** @nocollapse */ McToolTipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McToolTipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ McToolTipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McToolTipModule, declarations: [McTooltipComponent,
-        McTooltipTrigger,
-        McExtendedTooltipTrigger,
-        McWarningTooltipTrigger], imports: [CommonModule, OverlayModule], exports: [McTooltipComponent,
-        McTooltipTrigger,
-        McExtendedTooltipTrigger,
-        McWarningTooltipTrigger] });
-/** @nocollapse */ /** @nocollapse */ McToolTipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McToolTipModule, providers: [
-        MC_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,
-        MC_TOOLTIP_OPEN_TIME_PROVIDER
-    ], imports: [[CommonModule, OverlayModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McToolTipModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        McTooltipComponent,
-                        McTooltipTrigger,
-                        McExtendedTooltipTrigger,
-                        McWarningTooltipTrigger
-                    ],
-                    exports: [
-                        McTooltipComponent,
-                        McTooltipTrigger,
-                        McExtendedTooltipTrigger,
-                        McWarningTooltipTrigger
-                    ],
-                    imports: [CommonModule, OverlayModule],
-                    providers: [
-                        MC_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,
-                        MC_TOOLTIP_OPEN_TIME_PROVIDER
-                    ],
-                    entryComponents: [McTooltipComponent]
-                }]
+class McToolTipModule {
+}
+/** @nocollapse */ /** @nocollapse */ McToolTipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McToolTipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ McToolTipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McToolTipModule, declarations: [McTooltipComponent,
+        McTooltipTrigger,
+        McExtendedTooltipTrigger,
+        McWarningTooltipTrigger], imports: [CommonModule, OverlayModule], exports: [McTooltipComponent,
+        McTooltipTrigger,
+        McExtendedTooltipTrigger,
+        McWarningTooltipTrigger] });
+/** @nocollapse */ /** @nocollapse */ McToolTipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McToolTipModule, providers: [
+        MC_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,
+        MC_TOOLTIP_OPEN_TIME_PROVIDER
+    ], imports: [[CommonModule, OverlayModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McToolTipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        McTooltipComponent,
+                        McTooltipTrigger,
+                        McExtendedTooltipTrigger,
+                        McWarningTooltipTrigger
+                    ],
+                    exports: [
+                        McTooltipComponent,
+                        McTooltipTrigger,
+                        McExtendedTooltipTrigger,
+                        McWarningTooltipTrigger
+                    ],
+                    imports: [CommonModule, OverlayModule],
+                    providers: [
+                        MC_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,
+                        MC_TOOLTIP_OPEN_TIME_PROVIDER
+                    ],
+                    entryComponents: [McTooltipComponent]
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { MC_TOOLTIP_OPEN_TIME, MC_TOOLTIP_OPEN_TIME_PROVIDER, MC_TOOLTIP_SCROLL_STRATEGY, MC_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER, MIN_TIME_FOR_DELAY, McExtendedTooltipTrigger, McToolTipModule, McTooltipComponent, McTooltipTrigger, McWarningTooltipTrigger, TooltipModifier, mcTooltipScrollStrategyFactory };