@progress/kendo-angular-tooltip 3.0.3 → 3.1.1-dev.202201191851

package/dist/es2015/popover/popover.component.js

@@ -0,0 +1,304 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Component, ContentChild, EventEmitter, HostBinding, Input, isDevMode, Output } from '@angular/core';
+import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { Subscription } from 'rxjs';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import { ERRORS } from '../constants';
+import { PopoverTitleTemplateDirective } from './template-directives/title-template.directive';
+import { PopoverBodyTemplateDirective } from './template-directives/body-template.directive';
+import { PopoverActionsTemplateDirective } from './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>
+ * ```
+ */
+let PopoverComponent = class PopoverComponent {
+    constructor(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 EventEmitter();
+        /**
+         * Fires after the Popover has been shown and the animation has ended. [See example]({% slug events_popover %})
+         */
+        this.shown = new 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 EventEmitter();
+        /**
+         * Fires after the Popover has been hidden and the animation has ended. [See example]({% slug events_popover %})
+         */
+        this.hidden = new EventEmitter();
+        this._offset = 6;
+        this._width = 'auto';
+        this._height = 'auto';
+        this.subs = new Subscription();
+        /**
+         * @hidden
+         */
+        this._templateData = () => null;
+        validatePackage(packageMetadata);
+    }
+    /**
+     * Specifies the distance from the Popover to its anchor element in pixels.
+     *
+     * @default `6`
+     */
+    set offset(value) {
+        this._offset = value;
+    }
+    get offset() {
+        const calloutBuffer = 14;
+        return this.callout
+            ? calloutBuffer + this._offset
+            : this._offset;
+    }
+    /**
+     * Determines the width of the popover. Numeric values are treated as pixels.
+     * @default 'auto'
+     */
+    set width(value) {
+        this._width = typeof value === 'number' ? `${value}px` : value;
+    }
+    get width() {
+        return this._width;
+    }
+    /**
+     * Determines the height of the popover. Numeric values are treated as pixels.
+     * @default 'auto'
+     */
+    set height(value) {
+        this._height = typeof value === 'number' ? `${value}px` : value;
+    }
+    get height() {
+        return this._height;
+    }
+    /**
+     * 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 templateData(fn) {
+        if (isDevMode && typeof fn !== 'function') {
+            throw new Error(`${ERRORS.templateData} ${JSON.stringify(fn)}.`);
+        }
+        this._templateData = fn;
+    }
+    get templateData() {
+        return this._templateData;
+    }
+    /**
+     * @hidden
+     */
+    get isHidden() {
+        return !this.visible;
+    }
+    /**
+     * @hidden
+     */
+    get hasAttributeHidden() {
+        return !this.visible;
+    }
+    ngOnInit() {
+        this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        }));
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    getCalloutPosition() {
+        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([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], PopoverComponent.prototype, "position", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number),
+    tslib_1.__metadata("design:paramtypes", [Number])
+], PopoverComponent.prototype, "offset", null);
+tslib_1.__decorate([
+    HostBinding('style.width'),
+    Input(),
+    tslib_1.__metadata("design:type", Object),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], PopoverComponent.prototype, "width", null);
+tslib_1.__decorate([
+    HostBinding('style.height'),
+    Input(),
+    tslib_1.__metadata("design:type", Object),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], PopoverComponent.prototype, "height", null);
+tslib_1.__decorate([
+    HostBinding('attr.dir'),
+    tslib_1.__metadata("design:type", String)
+], PopoverComponent.prototype, "direction", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], PopoverComponent.prototype, "title", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], PopoverComponent.prototype, "subtitle", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], PopoverComponent.prototype, "body", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], PopoverComponent.prototype, "callout", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], PopoverComponent.prototype, "animation", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", [Function])
+], PopoverComponent.prototype, "templateData", null);
+tslib_1.__decorate([
+    HostBinding('class.k-hidden'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], PopoverComponent.prototype, "isHidden", null);
+tslib_1.__decorate([
+    HostBinding('attr.aria-hidden'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], PopoverComponent.prototype, "hasAttributeHidden", null);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], PopoverComponent.prototype, "show", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], PopoverComponent.prototype, "shown", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], PopoverComponent.prototype, "hide", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], PopoverComponent.prototype, "hidden", void 0);
+tslib_1.__decorate([
+    ContentChild(PopoverTitleTemplateDirective, { static: false }),
+    tslib_1.__metadata("design:type", PopoverTitleTemplateDirective)
+], PopoverComponent.prototype, "titleTemplate", void 0);
+tslib_1.__decorate([
+    ContentChild(PopoverBodyTemplateDirective, { static: false }),
+    tslib_1.__metadata("design:type", PopoverBodyTemplateDirective)
+], PopoverComponent.prototype, "bodyTemplate", void 0);
+tslib_1.__decorate([
+    ContentChild(PopoverActionsTemplateDirective, { static: false }),
+    tslib_1.__metadata("design:type", PopoverActionsTemplateDirective)
+], PopoverComponent.prototype, "actionsTemplate", void 0);
+PopoverComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-popover',
+        providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.popover'
+            }
+        ],
+        template: `
+    <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{'width.px': width, 'height.px': height}">
+        <div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>
+
+        <div *ngIf="titleTemplate || title" class="k-popover-header">
+            <ng-template *ngIf="titleTemplate"
+                [ngTemplateOutlet]="titleTemplate?.templateRef"
+                [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">
+            </ng-template>
+            <ng-container *ngIf="title && !titleTemplate">
+                {{ title }}
+            </ng-container>
+        </div>
+
+        <div *ngIf="bodyTemplate || body" class="k-popover-body">
+            <ng-template *ngIf="bodyTemplate"
+                [ngTemplateOutlet]="bodyTemplate?.templateRef"
+                [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">
+            </ng-template>
+            <ng-container *ngIf="body && !bodyTemplate">
+                {{ body }}
+            </ng-container>
+        </div>
+
+        <div *ngIf="actionsTemplate" class="k-popover-actions k-actions k-hstack k-justify-content-between">
+            <ng-template *ngIf="actionsTemplate"
+                [ngTemplateOutlet]="actionsTemplate?.templateRef"
+                [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">
+            </ng-template>
+        </div>
+    </div>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [LocalizationService])
+], PopoverComponent);
+export { PopoverComponent };

package/dist/es2015/popover/popover.service.d.ts

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgZone, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+/**
+ * @hidden
+ */
+export declare class PopoverService implements OnDestroy {
+    private ngZone;
+    private _pointerOverPopup;
+    private _pointerOverAnchor;
+    private _focusInsidePopover;
+    private _hidePopover;
+    private _isOrigin;
+    private originAnchor;
+    private currentAnchor;
+    private subs;
+    constructor(ngZone: NgZone);
+    ngOnDestroy(): void;
+    readonly isPopoverHovered: Observable<any>;
+    emitPopoverState(isHovered: boolean): void;
+    readonly isAnchorHovered: Observable<any>;
+    emitAnchorState(isHovered: boolean, anchor: any): void;
+    readonly isFocusInsidePopover: Observable<any>;
+    emitFocusInsidePopover(isFocused: boolean): void;
+    readonly hidePopover: Observable<any>;
+    monitor(): void;
+}

package/dist/es2015/popover/popover.service.js

@@ -0,0 +1,67 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Injectable, NgZone } from '@angular/core';
+import { BehaviorSubject, combineLatest, Subject, Subscription } from 'rxjs';
+import { auditTime } from 'rxjs/operators';
+/**
+ * @hidden
+ */
+let PopoverService = class PopoverService {
+    constructor(ngZone) {
+        this.ngZone = ngZone;
+        this._pointerOverPopup = new BehaviorSubject(null);
+        this._pointerOverAnchor = new BehaviorSubject(null);
+        this._focusInsidePopover = new BehaviorSubject(null);
+        this._hidePopover = new Subject();
+        this.subs = new Subscription();
+        this.monitor();
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    get isPopoverHovered() {
+        return this._pointerOverPopup.asObservable();
+    }
+    emitPopoverState(isHovered) {
+        this.ngZone.run(_ => this._pointerOverPopup.next(isHovered));
+    }
+    get isAnchorHovered() {
+        return this._pointerOverAnchor.asObservable();
+    }
+    emitAnchorState(isHovered, anchor) {
+        this._isOrigin = this.originAnchor === anchor;
+        this.currentAnchor = anchor;
+        if (isHovered) {
+            this.originAnchor = anchor;
+        }
+        this.ngZone.run(_ => this._pointerOverAnchor.next(isHovered));
+    }
+    get isFocusInsidePopover() {
+        return this._focusInsidePopover.asObservable();
+    }
+    emitFocusInsidePopover(isFocused) {
+        this.ngZone.run(_ => this._focusInsidePopover.next(isFocused));
+        this._focusInsidePopover.next(null);
+    }
+    get hidePopover() {
+        return this._hidePopover.asObservable();
+    }
+    monitor() {
+        this.subs.add(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`
+        auditTime(20)).subscribe(val => {
+            const [isPopoverHovered, isAnchorHovered] = val;
+            this._hidePopover.next([isPopoverHovered, isAnchorHovered, this._isOrigin, this.currentAnchor]);
+        }));
+    }
+};
+PopoverService = tslib_1.__decorate([
+    Injectable(),
+    tslib_1.__metadata("design:paramtypes", [NgZone])
+], PopoverService);
+export { PopoverService };

package/dist/es2015/popover/template-directives/actions-template.directive.d.ts

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+/**
+ * Represents a template that defines the content of the Popover actions.
+ *
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoPopoverActionsTemplate` directive inside the `<kendo-popover>` tag.
+ */
+export declare class PopoverActionsTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}

package/dist/es2015/popover/template-directives/actions-template.directive.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Optional, TemplateRef } from '@angular/core';
+/**
+ * Represents a template that defines the content of the Popover actions.
+ *
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoPopoverActionsTemplate` directive inside the `<kendo-popover>` tag.
+ */
+let PopoverActionsTemplateDirective = class PopoverActionsTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+};
+PopoverActionsTemplateDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoPopoverActionsTemplate]'
+    }),
+    tslib_1.__param(0, Optional()),
+    tslib_1.__metadata("design:paramtypes", [TemplateRef])
+], PopoverActionsTemplateDirective);
+export { PopoverActionsTemplateDirective };

package/dist/es2015/popover/template-directives/body-template.directive.d.ts

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+/**
+ * Represents a template that defines the content of the Popover body.
+ *
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoPopoverBodyTemplate` directive inside the `<kendo-popover>` tag.
+ */
+export declare class PopoverBodyTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}

package/dist/es2015/popover/template-directives/body-template.directive.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Optional, TemplateRef } from '@angular/core';
+/**
+ * Represents a template that defines the content of the Popover body.
+ *
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoPopoverBodyTemplate` directive inside the `<kendo-popover>` tag.
+ */
+let PopoverBodyTemplateDirective = class PopoverBodyTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+};
+PopoverBodyTemplateDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoPopoverBodyTemplate]'
+    }),
+    tslib_1.__param(0, Optional()),
+    tslib_1.__metadata("design:paramtypes", [TemplateRef])
+], PopoverBodyTemplateDirective);
+export { PopoverBodyTemplateDirective };

package/dist/es2015/popover/template-directives/title-template.directive.d.ts

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+/**
+ * Represents a template that defines the content of the Popover title.
+ *
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoPopoverTitleTemplate` directive inside the `<kendo-popover>` tag.
+ */
+export declare class PopoverTitleTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}

package/dist/es2015/popover/template-directives/title-template.directive.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Optional, TemplateRef } from '@angular/core';
+/**
+ * Represents a template that defines the content of the Popover title.
+ *
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoPopoverTitleTemplate` directive inside the `<kendo-popover>` tag.
+ */
+let PopoverTitleTemplateDirective = class PopoverTitleTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+};
+PopoverTitleTemplateDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoPopoverTitleTemplate]'
+    }),
+    tslib_1.__param(0, Optional()),
+    tslib_1.__metadata("design:paramtypes", [TemplateRef])
+], PopoverTitleTemplateDirective);
+export { PopoverTitleTemplateDirective };

package/dist/es2015/popover.module.d.ts

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the Popover component.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * import { PopoverModule } from '@progress/kendo-angular-tooltip';
+ *
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ * import { NgModule } from '@angular/core';
+ *
+ * import { AppComponent } from './app.component';
+ *
+ * _@NgModule({
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, PopoverModule],
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+export declare class PopoverModule {
+}

package/dist/es2015/popover.module.js

@@ -0,0 +1,63 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { CommonModule } from "@angular/common";
+import { NgModule } from "@angular/core";
+import { PopupModule } from "@progress/kendo-angular-popup";
+import { PopoverAnchorDirective } from "./popover/anchor.directive";
+import { PopoverContainerDirective } from "./popover/container.directive";
+import { PopoverComponent } from "./popover/popover.component";
+import { PopoverTitleTemplateDirective } from './popover/template-directives/title-template.directive';
+import { PopoverBodyTemplateDirective } from './popover/template-directives/body-template.directive';
+import { PopoverActionsTemplateDirective } from './popover/template-directives/actions-template.directive';
+const DIRECTIVES = [
+    PopoverActionsTemplateDirective,
+    PopoverBodyTemplateDirective,
+    PopoverTitleTemplateDirective,
+    PopoverAnchorDirective,
+    PopoverContainerDirective
+];
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the Popover component.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * import { PopoverModule } from '@progress/kendo-angular-tooltip';
+ *
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ * import { NgModule } from '@angular/core';
+ *
+ * import { AppComponent } from './app.component';
+ *
+ * _@NgModule({
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, PopoverModule],
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+let PopoverModule = class PopoverModule {
+};
+PopoverModule = tslib_1.__decorate([
+    NgModule({
+        declarations: [
+            ...DIRECTIVES,
+            PopoverComponent
+        ],
+        entryComponents: [PopoverComponent],
+        exports: [...DIRECTIVES, PopoverComponent],
+        imports: [
+            CommonModule,
+            PopupModule
+        ]
+    })
+], PopoverModule);
+export { PopoverModule };

package/dist/es2015/tooltip/tooltip.directive.js

@@ -11,7 +11,7 @@ import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { TooltipSettings, TOOLTIP_SETTINGS } from './tooltip.settings';
 import { TooltipContentComponent } from '../tooltip/tooltip.content.component';
-import { align, closest, contains, containsItem, collision, hasParent } from '../utils';
+import { align, closestBySelector, contains, containsItem, collision, hasParent } from '../utils';
 /**
  * Represents the [Kendo UI Tooltip directive for Angular]({% slug overview_tooltip %}).
  * Used to display additional information that is related to an element.
@@ -84,7 +84,7 @@ let TooltipDirective = class TooltipDirective {
             this.anchorTitleSubscription = fromEvent(wrapper, 'mouseover')
                 .pipe(filter(() => this.filter !== ''))
                 .subscribe((e) => {
-                const filterElement = closest(e.target, this.filter);
+                const filterElement = closestBySelector(e.target, this.filter);
                 if (filterElement) {
                     this.hideElementTitle({ nativeElement: filterElement });
                 }
@@ -311,7 +311,7 @@ let TooltipDirective = class TooltipDirective {
     }
     onMouseClick(e, wrapper) {
         const target = e.target;
-        const filterElement = closest(target, this.filter);
+        const filterElement = closestBySelector(target, this.filter);
         const popup = this.popupRef && this.popupRef.popupElement;
         if (popup) {
             if (popup.contains(target)) {
@@ -329,7 +329,7 @@ let TooltipDirective = class TooltipDirective {
         }
     }
     onMouseOver(e) {
-        const filterElement = closest(e.target, this.filter);
+        const filterElement = closestBySelector(e.target, this.filter);
         if (this.showOn !== 'hover') {
             return;
         }