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

package/dist/es/models/events.js

@@ -0,0 +1,78 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { PreventableEvent } from "@progress/kendo-angular-common";
+/**
+ * Arguments for the `show` event. The `show` event fires when a popover is about
+ * to be opened. If you cancel the event, the opening is prevented.
+ */
+var PopoverShowEvent = /** @class */ (function (_super) {
+    tslib_1.__extends(PopoverShowEvent, _super);
+    /**
+     * @hidden
+     * Constructs the event arguments for the `show` event.
+     * @param anchor - The host element related to the popover.
+     */
+    function PopoverShowEvent(anchor) {
+        var _this = _super.call(this) || this;
+        _this.anchor = anchor;
+        return _this;
+    }
+    return PopoverShowEvent;
+}(PreventableEvent));
+export { PopoverShowEvent };
+/**
+ * Arguments for the `hide` event. The `hide` event fires when a popover is about
+ * to be closed. If you cancel the event, the popover stays open.
+ */
+var PopoverHideEvent = /** @class */ (function (_super) {
+    tslib_1.__extends(PopoverHideEvent, _super);
+    /**
+     * @hidden
+     * Constructs the event arguments for the `hide` event.
+     * @param anchor - The host element related to the popover.
+     * @param popover - The popover element.
+     */
+    function PopoverHideEvent(anchor, popover) {
+        var _this = _super.call(this) || this;
+        _this.anchor = anchor;
+        _this.popover = popover;
+        return _this;
+    }
+    return PopoverHideEvent;
+}(PreventableEvent));
+export { PopoverHideEvent };
+/**
+ * Arguments for the `shown` event. The `shown` event fires after the popover has opened and its opening animation has finished.
+ */
+var PopoverShownEvent = /** @class */ (function () {
+    /**
+     * @hidden
+     * Constructs the event arguments for the `shown` event.
+     * @param anchor - The host element related to the popover.
+     * @param popover - The popover element.
+     */
+    function PopoverShownEvent(anchor, popover) {
+        this.anchor = anchor;
+        this.popover = popover;
+    }
+    return PopoverShownEvent;
+}());
+export { PopoverShownEvent };
+/**
+ * Arguments for the `hidden` event. The `hidden` event fires after the popover has closed and its closing animation has finished.
+ */
+var PopoverHiddenEvent = /** @class */ (function () {
+    /**
+     * @hidden
+     * Constructs the event arguments for the `hidden` event.
+     * @param anchor - The host element related to the popover.
+     */
+    function PopoverHiddenEvent(anchor) {
+        this.anchor = anchor;
+    }
+    return PopoverHiddenEvent;
+}());
+export { PopoverHiddenEvent };

package/dist/es/models/functions.model.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PopoverComponent } from "../popover/popover.component";
+/**
+ * Represents a callback that is used by the [popover]({% slug api_tooltip_popoveranchordirective %}#toc-popover) property.
+ * It returns the popover instance to be displayed.
+ * ([see example]({% slug callbacks_popover %}#toc-popoverfn))
+ */
+export declare type PopoverFn = (anchor: Element) => PopoverComponent;
+/**
+ * Represents the callback that is used by the [`templateData`]({% slug api_popovercomponent %}#toc-templateData) property.
+ * It returns the custom data that will be passed to the popover templates.
+ * ([see example]({% slug callbacks_popover %}#toc-popoverdatafn))
+ */
+export declare type PopoverDataFn = (anchor: Element) => any;

package/dist/es/models/functions.model.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es/models/popover-show-option.type.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies the possible events on which the Popover could be shown.
+ */
+export declare type PopoverShowOption = 'hover' | 'click' | 'none' | 'focus';

package/dist/es/models/popover-show-option.type.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es/models/position.type.d.ts

@@ -1,9 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the position of the Tooltip in relation to the anchor element.
+ * Specifies the position of the Tooltip or Popover in relation to the anchor element.
  *
  * The available options are:
  * - `top` (default)—Aligns the tooltip above the `anchor` element.

package/dist/es/models/position.type.js

@@ -1,4 +1,4 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/

package/dist/es/models/show.option.type.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es/models/show.option.type.js

@@ -1,4 +1,4 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/

package/dist/es/package-metadata.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PackageMetadata } from '@progress/kendo-licensing';

package/dist/es/package-metadata.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-tooltip',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620824286,
+    publishDate: 1642537195,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es/popover/anchor.directive.d.ts

@@ -0,0 +1,44 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, NgZone, Renderer2 } from "@angular/core";
+import { PopupService } from "@progress/kendo-angular-popup";
+import { PopoverDirectivesBase } from "./directives-base";
+import { PopoverService } from "./popover.service";
+/**
+ * Represents the [`kendoPopoverAnchor`]({% slug configuration_popover %}#toc-anchordirective) directive.
+ * It is used to target an element, which should display a popover on interaction.
+ *
+ * @example
+ * ```ts-no-run
+ * <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
+ * ```
+ */
+export declare class PopoverAnchorDirective extends PopoverDirectivesBase {
+    protected hostEl: ElementRef;
+    protected ngZone: NgZone;
+    protected popupService: PopupService;
+    protected renderer: Renderer2;
+    protected popoverService: PopoverService;
+    constructor(hostEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
+    /**
+     * Shows the Popover. [See example]({% slug programmaticcontrol_popover %})
+     */
+    show(): void;
+    /**
+     * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
+     */
+    toggle(): void;
+    protected subscribeToEvents(arr: any[]): void;
+    protected subscribeClick(): void;
+    protected mouseenterHandler: () => void;
+    protected mouseleaveHandler: () => void;
+    protected focusHandler: () => void;
+    protected blurHandler: (args: any) => void;
+    /**
+     * @hidden
+     */
+    private onClick;
+    private controlVisibility;
+}

package/dist/es/popover/anchor.directive.js

@@ -0,0 +1,150 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, ElementRef, NgZone, Renderer2 } from "@angular/core";
+import { closest } from "@progress/kendo-angular-common";
+import { PopupService } from "@progress/kendo-angular-popup";
+import { filter } from "rxjs/operators";
+import { PopoverDirectivesBase } from "./directives-base";
+import { PopoverService } from "./popover.service";
+/**
+ * Represents the [`kendoPopoverAnchor`]({% slug configuration_popover %}#toc-anchordirective) directive.
+ * It is used to target an element, which should display a popover on interaction.
+ *
+ * @example
+ * ```ts-no-run
+ * <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
+ * ```
+ */
+var PopoverAnchorDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(PopoverAnchorDirective, _super);
+    function PopoverAnchorDirective(hostEl, ngZone, popupService, renderer, popoverService) {
+        var _this = _super.call(this, ngZone, popupService, renderer) || this;
+        _this.hostEl = hostEl;
+        _this.ngZone = ngZone;
+        _this.popupService = popupService;
+        _this.renderer = renderer;
+        _this.popoverService = popoverService;
+        _this.mouseenterHandler = function () {
+            _this.controlVisibility(_this.hostEl.nativeElement, true);
+        };
+        _this.mouseleaveHandler = function () {
+            if (_this.isPrevented(_this.hostEl.nativeElement, false)) {
+                return;
+            }
+            if (!_this._hideSub) {
+                _this._hideSub = _this.popoverService.hidePopover.subscribe(function (val) {
+                    var isPopoverHovered = val[0], isAnchorHovered = val[1];
+                    if (!isPopoverHovered && !isAnchorHovered) {
+                        _this.hide();
+                    }
+                });
+            }
+        };
+        _this.focusHandler = function () {
+            _this.controlVisibility(_this.hostEl.nativeElement, true);
+        };
+        _this.blurHandler = function (args) {
+            var event = args.domEvent;
+            if (_this.isPrevented(_this.hostEl.nativeElement, false)) {
+                return;
+            }
+            // from anchor to popup focus check
+            var isFocusInside = !!closest(event.relatedTarget, function (node) { return node.classList && node.classList.contains('k-popover'); });
+            if (!isFocusInside) {
+                _this.hide();
+            }
+            if (!_this._focusInsideSub) {
+                // inside popup focus check
+                _this._focusInsideSub = _this.popoverService.isFocusInsidePopover.pipe(filter(function (v) { return v !== null; })).subscribe(function (val) {
+                    if (!val) {
+                        _this.hide();
+                    }
+                });
+            }
+        };
+        _this._popoverService = _this.popoverService;
+        return _this;
+    }
+    /**
+     * Shows the Popover. [See example]({% slug programmaticcontrol_popover %})
+     */
+    PopoverAnchorDirective.prototype.show = function () {
+        if (this.popupRef) {
+            return;
+        }
+        this.openPopup(this.hostEl.nativeElement);
+    };
+    /**
+     * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
+     */
+    PopoverAnchorDirective.prototype.toggle = function () {
+        if (this.popupRef) {
+            this.hide();
+        }
+        else {
+            this.show();
+        }
+    };
+    PopoverAnchorDirective.prototype.subscribeToEvents = function (arr) {
+        var _this = this;
+        this.subs.add(this.renderer.listen(this.hostEl.nativeElement, arr[0].name, function () {
+            _this.popoverService.emitAnchorState(true, _this.hostEl.nativeElement);
+            arr[0].handler();
+        }));
+        this.subs.add(this.renderer.listen(this.hostEl.nativeElement, arr[1].name, function (e) {
+            _this.popoverService.emitAnchorState(false, null);
+            arr[1].handler({ domEvent: e });
+        }));
+    };
+    PopoverAnchorDirective.prototype.subscribeClick = function () {
+        var _this = this;
+        if (this.disposeClickListener) {
+            this.disposeClickListener();
+        }
+        this.disposeClickListener = this.renderer.listen(document, 'click', function (e) {
+            _this.onClick(e);
+        });
+    };
+    /**
+     * @hidden
+     */
+    PopoverAnchorDirective.prototype.onClick = function (event) {
+        var _this = this;
+        var isInsidePopup = !!closest(event.target, function (node) { return node.classList && node.classList.contains('k-popup'); });
+        var isAnchor = !!closest(event.target, function (node) { return node === _this.hostEl.nativeElement; });
+        if (isInsidePopup || (this.popupRef && isAnchor)) {
+            return;
+        }
+        if (isAnchor) {
+            // on opening
+            this.controlVisibility(this.hostEl.nativeElement, true);
+        }
+        else {
+            // on closing
+            this.controlVisibility(this.hostEl.nativeElement, false);
+        }
+    };
+    PopoverAnchorDirective.prototype.controlVisibility = function (anchor, show) {
+        if (this.isPrevented(anchor, show)) {
+            return;
+        }
+        show ? this.show() : this.hide();
+    };
+    PopoverAnchorDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoPopoverAnchor]',
+            exportAs: 'kendoPopoverAnchor',
+            providers: [PopoverService]
+        }),
+        tslib_1.__metadata("design:paramtypes", [ElementRef,
+            NgZone,
+            PopupService,
+            Renderer2,
+            PopoverService])
+    ], PopoverAnchorDirective);
+    return PopoverAnchorDirective;
+}(PopoverDirectivesBase));
+export { PopoverAnchorDirective };

package/dist/es/popover/container.directive.d.ts

@@ -0,0 +1,56 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, NgZone, Renderer2 } from "@angular/core";
+import { PopupService } from "@progress/kendo-angular-popup";
+import { PopoverDirectivesBase } from './directives-base';
+import { PopoverService } from "./popover.service";
+/**
+ * Represents the [`kendoPopoverContainer`]({% slug configuration_popover %}#toc-containerdirective) directive.
+ * It is used to filter and target multiple elements, which should display a popover on interaction.
+ *
+ * @example
+ * ```ts-no-run
+ * <div kendoPopoverContainer [popover]="myPopover" filter=".has-popover">
+ *     <button class="has-popover">Show Popover</button>
+ *     <button>Button Without Popover</button>
+ *     <button class="has-popover">Show Popover</button>
+ * </div>
+ * ```
+ */
+export declare class PopoverContainerDirective extends PopoverDirectivesBase {
+    wrapperEl: ElementRef;
+    protected ngZone: NgZone;
+    protected popupService: PopupService;
+    protected renderer: Renderer2;
+    protected popoverService: PopoverService;
+    /**
+     * Specifies a selector for the elements that should display a popover.
+     *
+     * The possible values include any valid query selector.
+     * [See example]({% slug configuration_popover %}#toc-containerdirective)
+     */
+    filter: string;
+    constructor(wrapperEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
+    /**
+     * Shows the Popover.
+     *
+     * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element. [See example]({% slug programmaticcontrol_popover %})
+     */
+    show(anchor: Element | ElementRef): void;
+    /**
+     * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
+     *
+     * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element.
+     */
+    toggle(anchor: Element | ElementRef): void;
+    protected subscribeClick(): void;
+    protected mouseenterHandler: (anchor: Element) => void;
+    protected mouseleaveHandler: (args: any) => void;
+    protected focusHandler: (anchor: Element) => void;
+    protected blurHandler: (args: any) => void;
+    protected subscribeToEvents(arr: any[]): void;
+    private clickHandler;
+    private controlVisibility;
+}

package/dist/es/popover/container.directive.js

@@ -0,0 +1,176 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, ElementRef, Input, NgZone, Renderer2 } from "@angular/core";
+import { closest } from "@progress/kendo-angular-common";
+import { PopupService } from "@progress/kendo-angular-popup";
+import { filter } from "rxjs/operators";
+import { closestBySelector } from "../utils";
+import { PopoverDirectivesBase } from './directives-base';
+import { PopoverService } from "./popover.service";
+/**
+ * Represents the [`kendoPopoverContainer`]({% slug configuration_popover %}#toc-containerdirective) directive.
+ * It is used to filter and target multiple elements, which should display a popover on interaction.
+ *
+ * @example
+ * ```ts-no-run
+ * <div kendoPopoverContainer [popover]="myPopover" filter=".has-popover">
+ *     <button class="has-popover">Show Popover</button>
+ *     <button>Button Without Popover</button>
+ *     <button class="has-popover">Show Popover</button>
+ * </div>
+ * ```
+ */
+var PopoverContainerDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(PopoverContainerDirective, _super);
+    function PopoverContainerDirective(wrapperEl, ngZone, popupService, renderer, popoverService) {
+        var _this = _super.call(this, ngZone, popupService, renderer) || this;
+        _this.wrapperEl = wrapperEl;
+        _this.ngZone = ngZone;
+        _this.popupService = popupService;
+        _this.renderer = renderer;
+        _this.popoverService = popoverService;
+        _this.mouseenterHandler = function (anchor) {
+            _this.controlVisibility(anchor, true);
+        };
+        _this.mouseleaveHandler = function (args) {
+            var anchor = args.anchor;
+            if (_this.isPrevented(anchor, false)) {
+                return;
+            }
+            if (!_this._hideSub) {
+                _this._hideSub = _this.popoverService.hidePopover.subscribe(function (val) {
+                    var isPopoverHovered = val[0], isOriginAnchor = val[2], currentAnchor = val[3];
+                    if (!isPopoverHovered && !isOriginAnchor) {
+                        _this.hide();
+                        if (!isOriginAnchor && currentAnchor) {
+                            _this.show(currentAnchor);
+                        }
+                    }
+                });
+            }
+        };
+        _this.focusHandler = function (anchor) {
+            _this.controlVisibility(anchor, true);
+        };
+        _this.blurHandler = function (args) {
+            var anchor = args.anchor;
+            var event = args.domEvent;
+            if (_this.isPrevented(anchor, false)) {
+                return;
+            }
+            // from anchor to popup focus check
+            var isFocusInside = !!closest(event.relatedTarget, function (node) { return node.classList && node.classList.contains('k-popover'); });
+            if (!isFocusInside) {
+                _this.hide();
+            }
+            if (!_this._focusInsideSub) {
+                // inside popup focus check
+                _this._focusInsideSub = _this.popoverService.isFocusInsidePopover.pipe(filter(function (v) { return v !== null; })).subscribe(function (val) {
+                    if (!val && !isFocusInside) {
+                        _this.hide();
+                    }
+                });
+            }
+        };
+        _this._popoverService = _this.popoverService;
+        return _this;
+    }
+    /**
+     * Shows the Popover.
+     *
+     * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element. [See example]({% slug programmaticcontrol_popover %})
+     */
+    PopoverContainerDirective.prototype.show = function (anchor) {
+        if (this.popupRef) {
+            return;
+        }
+        this.openPopup(anchor);
+    };
+    /**
+     * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
+     *
+     * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element.
+     */
+    PopoverContainerDirective.prototype.toggle = function (anchor) {
+        var previousAnchor = this.popupRef && this.popupRef.content.instance.anchor;
+        if (this.popupRef) {
+            this.hide();
+            if (previousAnchor !== anchor) {
+                this.show(anchor);
+            }
+        }
+        else {
+            this.show(anchor);
+        }
+    };
+    PopoverContainerDirective.prototype.subscribeClick = function () {
+        var _this = this;
+        if (this.disposeClickListener) {
+            this.disposeClickListener();
+        }
+        this.disposeClickListener = this.renderer.listen(document, 'click', function (e) {
+            var filterElement = closestBySelector(e.target, _this.filter);
+            _this.clickHandler(filterElement, e);
+        });
+    };
+    PopoverContainerDirective.prototype.subscribeToEvents = function (arr) {
+        var _this = this;
+        var filteredElements = Array.from(document.querySelectorAll(this.filter));
+        filteredElements.forEach(function (el) {
+            _this.subs.add(_this.renderer.listen(el, arr[0].name, function () {
+                _this.popoverService.emitAnchorState(true, el);
+                arr[0].handler(el);
+            }));
+            _this.subs.add(_this.renderer.listen(el, arr[1].name, function (e) {
+                _this.popoverService.emitAnchorState(false, null);
+                arr[1].handler({ anchor: el, domEvent: e });
+            }));
+        });
+    };
+    PopoverContainerDirective.prototype.clickHandler = function (anchor, event) {
+        var isInsidePopup = !!closest(event.target, function (node) { return node.classList && node.classList.contains('k-popup'); });
+        var popupRefAnchor = this.popupRef && this.popupRef.content.instance.anchor;
+        var isOriginAnchor = !!closest(event.target, function (node) { return node === (popupRefAnchor ? popupRefAnchor : anchor); });
+        if (this.showOn !== 'click' || isInsidePopup || (this.popupRef && isOriginAnchor)) {
+            return;
+        }
+        if (!anchor && this.popupRef) {
+            this.controlVisibility(anchor, false);
+            return;
+        }
+        if (isOriginAnchor) {
+            this.controlVisibility(anchor, true);
+        }
+        else if (this.popupRef) {
+            this.controlVisibility(anchor, false);
+            this.controlVisibility(anchor, true);
+        }
+    };
+    PopoverContainerDirective.prototype.controlVisibility = function (anchor, show) {
+        if (this.isPrevented(anchor, show)) {
+            return;
+        }
+        show ? this.show(anchor) : this.hide();
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], PopoverContainerDirective.prototype, "filter", void 0);
+    PopoverContainerDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoPopoverContainer]',
+            exportAs: 'kendoPopoverContainer',
+            providers: [PopoverService]
+        }),
+        tslib_1.__metadata("design:paramtypes", [ElementRef,
+            NgZone,
+            PopupService,
+            Renderer2,
+            PopoverService])
+    ], PopoverContainerDirective);
+    return PopoverContainerDirective;
+}(PopoverDirectivesBase));
+export { PopoverContainerDirective };