@progress/kendo-angular-tooltip 3.0.3 → 3.1.0-dev.202201182021

package/dist/npm/popover/directives-base.js

@@ -0,0 +1,276 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var operators_1 = require("rxjs/operators");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var constants_1 = require("../constants");
+var events_1 = require("../models/events");
+var utils_1 = require("../utils");
+var popover_component_1 = require("./popover.component");
+var rxjs_1 = require("rxjs");
+var validShowOptions = ['hover', 'click', 'none', 'focus'];
+/**
+ * @hidden
+ */
+var PopoverDirectivesBase = /** @class */ (function () {
+    function PopoverDirectivesBase(ngZone, popupService, renderer) {
+        this.ngZone = ngZone;
+        this.popupService = popupService;
+        this.renderer = renderer;
+        this.subs = new rxjs_1.Subscription();
+        this._showOn = 'click';
+    }
+    Object.defineProperty(PopoverDirectivesBase.prototype, "popover", {
+        get: function () {
+            return this._popover;
+        },
+        /**
+         * Specifies the popover instance that will be rendered.
+         * Accepts a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance or
+         * a [`PopoverFn`]({% slug api_tooltip_popoverfn %}) callback which returns a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance
+         * depending on the current anchor element.
+         *
+         * [See example]({% slug templates_popover %}#toc-popovercallback)
+         */
+        set: function (value) {
+            if (value instanceof popover_component_1.PopoverComponent || typeof value === "function") {
+                this._popover = value;
+            }
+            else {
+                if (core_1.isDevMode) {
+                    throw new Error(constants_1.ERRORS.popover);
+                }
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PopoverDirectivesBase.prototype, "showOn", {
+        get: function () {
+            return this._showOn;
+        },
+        /**
+         * The event on which the Popover will be shown
+         *
+         * The supported values are:
+         * - `click` (default) —The Popover will be shown when its `anchor` element is clicked.
+         * - `hover`—The Popover will be shown when its `anchor` element is hovered.
+         * - `focus`—The Popover will be shown when its `anchor` element is focused.
+         * - `none`—The Popover will not be shown on user interaction. It could be rendered via the Popover API methods.
+         */
+        set: function (value) {
+            if (core_1.isDevMode && !utils_1.containsItem(validShowOptions, value)) {
+                throw new Error(constants_1.ERRORS.showOn);
+            }
+            this._showOn = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    PopoverDirectivesBase.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        this.ngZone.runOutsideAngular(function () {
+            switch (_this.showOn) {
+                case 'hover':
+                    _this.subscribeToEvents([{
+                            name: 'mouseenter', handler: _this.mouseenterHandler
+                        }, {
+                            name: 'mouseleave', handler: _this.mouseleaveHandler
+                        }]);
+                    break;
+                case 'focus':
+                    _this.subscribeToEvents([{
+                            name: 'focus', handler: _this.focusHandler
+                        }, {
+                            name: 'blur', handler: _this.blurHandler
+                        }]);
+                    break;
+                case 'click':
+                    _this.subscribeClick();
+                    break;
+                default: /**/
+            }
+        });
+    };
+    PopoverDirectivesBase.prototype.ngOnDestroy = function () {
+        this.closePopup();
+        if (this.disposeHoverOverListener) {
+            this.disposeHoverOverListener();
+        }
+        if (this.disposeHoverOutListener) {
+            this.disposeHoverOutListener();
+        }
+        if (this.disposeClickListener) {
+            this.disposeClickListener();
+        }
+        if (this._focusInsideSub) {
+            this._focusInsideSub.unsubscribe();
+        }
+        if (this._hideSub) {
+            this._hideSub.unsubscribe();
+        }
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
+        if (this._popupOpenSub) {
+            this._popupOpenSub.unsubscribe();
+        }
+        if (this._popupCloseSub) {
+            this._popupCloseSub.unsubscribe();
+        }
+    };
+    /**
+     * Hides the Popover ([See example]({% slug programmaticcontrol_popover %})).
+     */
+    PopoverDirectivesBase.prototype.hide = function () {
+        this.closePopup();
+    };
+    /**
+     * @hidden
+     */
+    PopoverDirectivesBase.prototype.closePopup = function () {
+        if (this.popupRef) {
+            this.popupRef.close();
+            this.popupRef = null;
+            if (this.disposePopupHoverOutListener) {
+                this.disposePopupHoverOutListener();
+            }
+            if (this.disposePopupHoverInListener) {
+                this.disposePopupHoverInListener();
+            }
+            if (this.disposePopupFocusOutListener) {
+                this.disposePopupFocusOutListener();
+            }
+        }
+    };
+    /**
+     * @hidden
+     */
+    PopoverDirectivesBase.prototype.openPopup = function (anchor) {
+        var _this = this;
+        var _anchor = anchor instanceof core_1.ElementRef ? anchor.nativeElement : anchor;
+        var popoverComp = this.popover instanceof popover_component_1.PopoverComponent ? this.popover : this.popover(_anchor);
+        var alignSettings = utils_1.align(popoverComp.position, popoverComp.offset);
+        var anchorAlign = alignSettings.anchorAlign;
+        var popupAlign = alignSettings.popupAlign;
+        var popupMargin = alignSettings.popupMargin;
+        var _animation = popoverComp.animation;
+        this.ngZone.run(function () {
+            _this.popupRef = _this.popupService.open({
+                anchor: { nativeElement: _anchor },
+                animate: _animation,
+                content: popover_component_1.PopoverComponent,
+                popupAlign: popupAlign,
+                anchorAlign: anchorAlign,
+                margin: popupMargin,
+                popupClass: 'k-popup-transparent',
+                collision: { horizontal: 'fit', vertical: 'fit' }
+            });
+            var popoverInstance = _this.popupRef.content.instance;
+            Object.assign(popoverInstance, popoverComp);
+            popoverInstance.anchor = anchor;
+            popoverInstance.contextData = popoverInstance.templateData(anchor);
+            popoverInstance.visible = true;
+            _this.popupRef.content.changeDetectorRef.detectChanges();
+            _this.monitorPopup();
+            _this.initializeFinishingEvents(popoverComp, _anchor);
+        });
+        this.popupRef.popupAnchorViewportLeave
+            .pipe(operators_1.take(1))
+            .subscribe(function () { return _this.hide(); });
+    };
+    /**
+     * @hidden
+     */
+    PopoverDirectivesBase.prototype.isPrevented = function (anchorElement, show) {
+        var popoverComp = this.popover instanceof popover_component_1.PopoverComponent ? this.popover : this.popover(anchorElement);
+        var eventArgs;
+        eventArgs = this.initializeEvents(popoverComp, eventArgs, show, anchorElement);
+        return eventArgs.isDefaultPrevented();
+    };
+    /**
+     * @hidden
+     */
+    PopoverDirectivesBase.prototype.monitorPopup = function () {
+        var _this = this;
+        if (this.showOn === 'hover') {
+            this.ngZone.runOutsideAngular(function () {
+                var popup = _this.popupRef.popupElement;
+                _this.disposePopupHoverInListener = _this.renderer.listen(popup, 'mouseenter', function (_) {
+                    _this.ngZone.run(function (_) { return _this._popoverService.emitPopoverState(true); });
+                });
+                _this.disposePopupHoverOutListener = _this.renderer.listen(popup, 'mouseleave', function (_) {
+                    _this.ngZone.run(function (_) { return _this._popoverService.emitPopoverState(false); });
+                });
+            });
+        }
+        if (this.showOn === 'focus') {
+            this.ngZone.runOutsideAngular(function () {
+                var popup = _this.popupRef.popupElement;
+                _this.disposePopupFocusOutListener = _this.renderer.listen(popup, 'focusout', function (e) {
+                    var isInsidePopover = kendo_angular_common_1.closest(e.relatedTarget, function (node) { return node.classList && node.classList.contains('k-popover'); });
+                    if (!isInsidePopover) {
+                        _this.ngZone.run(function (_) { return _this._popoverService.emitFocusInsidePopover(false); });
+                    }
+                });
+            });
+        }
+    };
+    /**
+     * @hidden
+     */
+    PopoverDirectivesBase.prototype.initializeEvents = function (popoverComp, eventArgs, show, anchorElement) {
+        var _this = this;
+        if (show) {
+            this.ngZone.run(function (_) {
+                eventArgs = new events_1.PopoverShowEvent(anchorElement);
+                if (!_this.popupRef) {
+                    popoverComp.show.emit(eventArgs);
+                }
+            });
+        }
+        else {
+            this.ngZone.run(function (_) {
+                eventArgs = new events_1.PopoverHideEvent(anchorElement, _this.popupRef);
+                if (_this.popupRef) {
+                    popoverComp.hide.emit(eventArgs);
+                }
+            });
+        }
+        return eventArgs;
+    };
+    PopoverDirectivesBase.prototype.initializeFinishingEvents = function (popoverComp, _anchor) {
+        var _this = this;
+        if (!this._popupOpenSub) {
+            this.popupRef.popupOpen.subscribe(function () {
+                var eventArgs = new events_1.PopoverShownEvent(_anchor, _this.popupRef);
+                popoverComp.shown.emit(eventArgs);
+            });
+        }
+        if (!this._popupCloseSub) {
+            this.popupRef.popupClose.subscribe(function () {
+                _this.ngZone.run(function (_) {
+                    var eventArgs = new events_1.PopoverHiddenEvent(_anchor);
+                    popoverComp.hidden.emit(eventArgs);
+                });
+            });
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], PopoverDirectivesBase.prototype, "popover", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], PopoverDirectivesBase.prototype, "showOn", null);
+    return PopoverDirectivesBase;
+}());
+exports.PopoverDirectivesBase = PopoverDirectivesBase;

package/dist/npm/popover/popover.component.js

@@ -0,0 +1,302 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var rxjs_1 = require("rxjs");
+var kendo_licensing_1 = require("@progress/kendo-licensing");
+var package_metadata_1 = require("../package-metadata");
+var constants_1 = require("../constants");
+var title_template_directive_1 = require("./template-directives/title-template.directive");
+var body_template_directive_1 = require("./template-directives/body-template.directive");
+var actions_template_directive_1 = require("./template-directives/actions-template.directive");
+/**
+ * Represents the [Kendo UI Popover component for Angular]({% slug overview_popover %}).
+ * Used to display additional information that is related to a target element.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-popover>
+ *    <ng-template kendoPopoverTitleTemplate>Foo Title</ng-template>
+ *    <ng-template kendoPopoverBodyTemplate>Foo Body</ng-template>
+ *    <ng-template kendoPopoverActionsTemplate>Foo Actions</ng-template>
+ * </kendo-popover>
+ * ```
+ */
+var PopoverComponent = /** @class */ (function () {
+    function PopoverComponent(localization) {
+        this.localization = localization;
+        /**
+         * Specifies the position of the Popover in relation to its anchor element. [See example]({% slug positioning_popover %})
+         *
+         * The possible options are:
+         * `top`
+         * `bottom`
+         * `right` (Default)
+         * `left`
+         */
+        this.position = 'right';
+        /**
+         * Determines whether a callout will be rendered along the Popover. [See example]({% slug callout_popover %})
+         *
+         * @default true
+         */
+        this.callout = true;
+        /**
+         * Enables and configures the Popover animation. [See example]({% slug animations_popover %})
+         *
+         * The possible options are:
+         *
+         * * `boolean`&mdash;Enables the default animation
+         * * `PopoverAnimation`&mdash;A configuration object which allows setting the `direction`, `duration` and `type` of the animation.
+         *
+         * @default false
+         */
+        this.animation = false;
+        /**
+         * @hidden
+         * Determines the visibility of the Popover.
+         */
+        this.visible = false;
+        /**
+         * Fires before the Popover is about to be shown ([see example]({% slug events_popover %})).
+         * The event is preventable. If canceled, the Popover will not be displayed. [See example]({% slug events_popover %})
+         */
+        this.show = new core_1.EventEmitter();
+        /**
+         * Fires after the Popover has been shown and the animation has ended. [See example]({% slug events_popover %})
+         */
+        this.shown = new core_1.EventEmitter();
+        /**
+         * Fires when the Popover is about to be hidden ([see example]({% slug events_popover %})).
+         * The event is preventable. If canceled, the Popover will remain visible.
+         */
+        this.hide = new core_1.EventEmitter();
+        /**
+         * Fires after the Popover has been hidden and the animation has ended. [See example]({% slug events_popover %})
+         */
+        this.hidden = new core_1.EventEmitter();
+        this._offset = 6;
+        this._width = 'auto';
+        this._height = 'auto';
+        this.subs = new rxjs_1.Subscription();
+        /**
+         * @hidden
+         */
+        this._templateData = function () { return null; };
+        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
+    }
+    Object.defineProperty(PopoverComponent.prototype, "offset", {
+        get: function () {
+            var calloutBuffer = 14;
+            return this.callout
+                ? calloutBuffer + this._offset
+                : this._offset;
+        },
+        /**
+         * Specifies the distance from the Popover to its anchor element in pixels.
+         *
+         * @default `6`
+         */
+        set: function (value) {
+            this._offset = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PopoverComponent.prototype, "width", {
+        get: function () {
+            return this._width;
+        },
+        /**
+         * Determines the width of the popover. Numeric values are treated as pixels.
+         * @default 'auto'
+         */
+        set: function (value) {
+            this._width = typeof value === 'number' ? value + "px" : value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PopoverComponent.prototype, "height", {
+        get: function () {
+            return this._height;
+        },
+        /**
+         * Determines the height of the popover. Numeric values are treated as pixels.
+         * @default 'auto'
+         */
+        set: function (value) {
+            this._height = typeof value === 'number' ? value + "px" : value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PopoverComponent.prototype, "templateData", {
+        get: function () {
+            return this._templateData;
+        },
+        /**
+         * Defines a callback function which returns custom data passed to the Popover templates.
+         * It exposes the current anchor element as an argument. [See example]({% slug templates_popover %}#toc-popoverdatacallback)
+         */
+        set: function (fn) {
+            if (core_1.isDevMode && typeof fn !== 'function') {
+                throw new Error(constants_1.ERRORS.templateData + " " + JSON.stringify(fn) + ".");
+            }
+            this._templateData = fn;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PopoverComponent.prototype, "isHidden", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return !this.visible;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PopoverComponent.prototype, "hasAttributeHidden", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return !this.visible;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    PopoverComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.subs.add(this.localization.changes.subscribe(function (_a) {
+            var rtl = _a.rtl;
+            _this.direction = rtl ? 'rtl' : 'ltr';
+        }));
+    };
+    PopoverComponent.prototype.ngOnDestroy = function () {
+        this.subs.unsubscribe();
+    };
+    /**
+     * @hidden
+     */
+    PopoverComponent.prototype.getCalloutPosition = function () {
+        switch (this.position) {
+            case 'top': return { 'k-callout-s': true };
+            case 'bottom': return { 'k-callout-n': true };
+            case 'left': return { 'k-callout-e': true };
+            case 'right': return { 'k-callout-w': true };
+            default: return { 'k-callout-s': true };
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], PopoverComponent.prototype, "position", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number),
+        tslib_1.__metadata("design:paramtypes", [Number])
+    ], PopoverComponent.prototype, "offset", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('style.width'),
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], PopoverComponent.prototype, "width", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('style.height'),
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], PopoverComponent.prototype, "height", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.dir'),
+        tslib_1.__metadata("design:type", String)
+    ], PopoverComponent.prototype, "direction", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], PopoverComponent.prototype, "title", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], PopoverComponent.prototype, "subtitle", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], PopoverComponent.prototype, "body", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], PopoverComponent.prototype, "callout", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], PopoverComponent.prototype, "animation", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", [Function])
+    ], PopoverComponent.prototype, "templateData", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-hidden'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], PopoverComponent.prototype, "isHidden", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.aria-hidden'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], PopoverComponent.prototype, "hasAttributeHidden", null);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], PopoverComponent.prototype, "show", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], PopoverComponent.prototype, "shown", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], PopoverComponent.prototype, "hide", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], PopoverComponent.prototype, "hidden", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(title_template_directive_1.PopoverTitleTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", title_template_directive_1.PopoverTitleTemplateDirective)
+    ], PopoverComponent.prototype, "titleTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(body_template_directive_1.PopoverBodyTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", body_template_directive_1.PopoverBodyTemplateDirective)
+    ], PopoverComponent.prototype, "bodyTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(actions_template_directive_1.PopoverActionsTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", actions_template_directive_1.PopoverActionsTemplateDirective)
+    ], PopoverComponent.prototype, "actionsTemplate", void 0);
+    PopoverComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-popover',
+            providers: [
+                kendo_angular_l10n_1.LocalizationService,
+                {
+                    provide: kendo_angular_l10n_1.L10N_PREFIX,
+                    useValue: 'kendo.popover'
+                }
+            ],
+            template: "\n    <div *ngIf=\"visible\" role=\"tooltip\" class=\"k-popover\" [ngStyle]=\"{'width.px': width, 'height.px': height}\">\n        <div class=\"k-popover-callout\" [ngClass]=\"getCalloutPosition()\" *ngIf=\"callout\"></div>\n\n        <div *ngIf=\"titleTemplate || title\" class=\"k-popover-header\">\n            <ng-template *ngIf=\"titleTemplate\"\n                [ngTemplateOutlet]=\"titleTemplate?.templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, data: contextData }\">\n            </ng-template>\n            <ng-container *ngIf=\"title && !titleTemplate\">\n                {{ title }}\n            </ng-container>\n        </div>\n\n        <div *ngIf=\"bodyTemplate || body\" class=\"k-popover-body\">\n            <ng-template *ngIf=\"bodyTemplate\"\n                [ngTemplateOutlet]=\"bodyTemplate?.templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, data: contextData }\">\n            </ng-template>\n            <ng-container *ngIf=\"body && !bodyTemplate\">\n                {{ body }}\n            </ng-container>\n        </div>\n\n        <div *ngIf=\"actionsTemplate\" class=\"k-popover-actions k-actions k-hstack k-justify-content-between\">\n            <ng-template *ngIf=\"actionsTemplate\"\n                [ngTemplateOutlet]=\"actionsTemplate?.templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, data: contextData }\">\n            </ng-template>\n        </div>\n    </div>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
+    ], PopoverComponent);
+    return PopoverComponent;
+}());
+exports.PopoverComponent = PopoverComponent;

package/dist/npm/popover/popover.service.js

@@ -0,0 +1,90 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var rxjs_1 = require("rxjs");
+var operators_1 = require("rxjs/operators");
+/**
+ * @hidden
+ */
+var PopoverService = /** @class */ (function () {
+    function PopoverService(ngZone) {
+        this.ngZone = ngZone;
+        this._pointerOverPopup = new rxjs_1.BehaviorSubject(null);
+        this._pointerOverAnchor = new rxjs_1.BehaviorSubject(null);
+        this._focusInsidePopover = new rxjs_1.BehaviorSubject(null);
+        this._hidePopover = new rxjs_1.Subject();
+        this.subs = new rxjs_1.Subscription();
+        this.monitor();
+    }
+    PopoverService.prototype.ngOnDestroy = function () {
+        this.subs.unsubscribe();
+    };
+    Object.defineProperty(PopoverService.prototype, "isPopoverHovered", {
+        get: function () {
+            return this._pointerOverPopup.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    PopoverService.prototype.emitPopoverState = function (isHovered) {
+        var _this = this;
+        this.ngZone.run(function (_) { return _this._pointerOverPopup.next(isHovered); });
+    };
+    Object.defineProperty(PopoverService.prototype, "isAnchorHovered", {
+        get: function () {
+            return this._pointerOverAnchor.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    PopoverService.prototype.emitAnchorState = function (isHovered, anchor) {
+        var _this = this;
+        this._isOrigin = this.originAnchor === anchor;
+        this.currentAnchor = anchor;
+        if (isHovered) {
+            this.originAnchor = anchor;
+        }
+        this.ngZone.run(function (_) { return _this._pointerOverAnchor.next(isHovered); });
+    };
+    Object.defineProperty(PopoverService.prototype, "isFocusInsidePopover", {
+        get: function () {
+            return this._focusInsidePopover.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    PopoverService.prototype.emitFocusInsidePopover = function (isFocused) {
+        var _this = this;
+        this.ngZone.run(function (_) { return _this._focusInsidePopover.next(isFocused); });
+        this._focusInsidePopover.next(null);
+    };
+    Object.defineProperty(PopoverService.prototype, "hidePopover", {
+        get: function () {
+            return this._hidePopover.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    PopoverService.prototype.monitor = function () {
+        var _this = this;
+        this.subs.add(rxjs_1.combineLatest(this.isPopoverHovered, this.isAnchorHovered).pipe(
+        // `auditTime` is used because the `mouseleave` event is emitted before `mouseenter`
+        // i.e. there is a millisecond in which the pointer leaves the first target (e.g. anchor) and hasn't reached the second one (e.g. popup)
+        // resulting in both observables emitting `false`
+        operators_1.auditTime(20)).subscribe(function (val) {
+            var isPopoverHovered = val[0], isAnchorHovered = val[1];
+            _this._hidePopover.next([isPopoverHovered, isAnchorHovered, _this._isOrigin, _this.currentAnchor]);
+        }));
+    };
+    PopoverService = tslib_1.__decorate([
+        core_1.Injectable(),
+        tslib_1.__metadata("design:paramtypes", [core_1.NgZone])
+    ], PopoverService);
+    return PopoverService;
+}());
+exports.PopoverService = PopoverService;