@progress/kendo-angular-tooltip 3.1.7-dev.202203090915 → 4.0.0-dev.202204191143

package/{dist/es2015 → esm2015}/popover/popover.component.js

@@ -2,7 +2,6 @@
 * 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';
@@ -12,6 +11,9 @@ 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';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@angular/common";
 /**
  * Represents the [Kendo UI Popover component for Angular]({% slug overview_popover %}).
  * Used to display additional information that is related to a target element.
@@ -25,7 +27,7 @@ import { PopoverActionsTemplateDirective } from './template-directives/actions-t
  * </kendo-popover>
  * ```
  */
-let PopoverComponent = class PopoverComponent {
+export class PopoverComponent {
     constructor(localization) {
         this.localization = localization;
         /**
@@ -78,9 +80,15 @@ let PopoverComponent = class PopoverComponent {
          * Fires after the Popover has been hidden and the animation has ended. [See example]({% slug events_popover %})
          */
         this.hidden = new EventEmitter();
-        this._offset = 6;
+        /**
+         * @hidden
+         */
         this._width = 'auto';
+        /**
+         * @hidden
+         */
         this._height = 'auto';
+        this._offset = 6;
         this.subs = new Subscription();
         /**
          * @hidden
@@ -167,107 +175,59 @@ let PopoverComponent = class PopoverComponent {
             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}">
+}
+PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PopoverComponent, selector: "kendo-popover", inputs: { position: "position", offset: "offset", width: "width", height: "height", title: "title", subtitle: "subtitle", body: "body", callout: "callout", animation: "animation", templateData: "templateData" }, outputs: { show: "show", shown: "shown", hide: "hide", hidden: "hidden" }, host: { properties: { "attr.dir": "this.direction", "class.k-hidden": "this.isHidden", "attr.aria-hidden": "this.hasAttributeHidden", "style.width": "this._width", "style.height": "this._height" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.popover'
+        }
+    ], queries: [{ propertyName: "titleTemplate", first: true, predicate: PopoverTitleTemplateDirective, descendants: true }, { propertyName: "bodyTemplate", first: true, predicate: PopoverBodyTemplateDirective, descendants: true }, { propertyName: "actionsTemplate", first: true, predicate: PopoverActionsTemplateDirective, descendants: true }], ngImport: i0, template: `
+    <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{'width': width, 'height': 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>
+    `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-popover',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.popover'
+                        }
+                    ],
+                    template: `
+    <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{'width': width, 'height': height}">
         <div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>
 
         <div *ngIf="titleTemplate || title" class="k-popover-header">
@@ -298,7 +258,57 @@ PopoverComponent = tslib_1.__decorate([
         </div>
     </div>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService])
-], PopoverComponent);
-export { PopoverComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { position: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], body: [{
+                type: Input
+            }], callout: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], templateData: [{
+                type: Input
+            }], isHidden: [{
+                type: HostBinding,
+                args: ['class.k-hidden']
+            }], hasAttributeHidden: [{
+                type: HostBinding,
+                args: ['attr.aria-hidden']
+            }], show: [{
+                type: Output
+            }], shown: [{
+                type: Output
+            }], hide: [{
+                type: Output
+            }], hidden: [{
+                type: Output
+            }], titleTemplate: [{
+                type: ContentChild,
+                args: [PopoverTitleTemplateDirective, { static: false }]
+            }], bodyTemplate: [{
+                type: ContentChild,
+                args: [PopoverBodyTemplateDirective, { static: false }]
+            }], actionsTemplate: [{
+                type: ContentChild,
+                args: [PopoverActionsTemplateDirective, { static: false }]
+            }], _width: [{
+                type: HostBinding,
+                args: ['style.width']
+            }], _height: [{
+                type: HostBinding,
+                args: ['style.height']
+            }] } });

package/{dist/es2015 → esm2015}/popover/popover.service.js

@@ -2,14 +2,14 @@
 * 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 { Injectable } from '@angular/core';
 import { BehaviorSubject, combineLatest, Subject, Subscription } from 'rxjs';
 import { auditTime } from 'rxjs/operators';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-let PopoverService = class PopoverService {
+export class PopoverService {
     constructor(ngZone) {
         this.ngZone = ngZone;
         this._pointerOverPopup = new BehaviorSubject(null);
@@ -59,9 +59,9 @@ let PopoverService = class PopoverService {
             this._hidePopover.next([isPopoverHovered, isAnchorHovered, this._isOrigin, this.currentAnchor]);
         }));
     }
-};
-PopoverService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [NgZone])
-], PopoverService);
-export { PopoverService };
+}
+PopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+PopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/esm2015/popover/template-directives/actions-template.directive.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 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 class PopoverActionsTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+PopoverActionsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverActionsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PopoverActionsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverActionsTemplateDirective, selector: "[kendoPopoverActionsTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverActionsTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPopoverActionsTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/popover/template-directives/body-template.directive.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 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 class PopoverBodyTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+PopoverBodyTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverBodyTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PopoverBodyTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverBodyTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPopoverBodyTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/popover/template-directives/title-template.directive.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 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 class PopoverTitleTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+PopoverTitleTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverTitleTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PopoverTitleTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverTitleTemplateDirective, selector: "[kendoPopoverTitleTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverTitleTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPopoverTitleTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{dist/es2015 → esm2015}/popover.module.js

@@ -2,7 +2,6 @@
 * 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";
@@ -12,6 +11,7 @@ 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';
+import * as i0 from "@angular/core";
 const DIRECTIVES = [
     PopoverActionsTemplateDirective,
     PopoverBodyTemplateDirective,
@@ -44,20 +44,35 @@ const DIRECTIVES = [
  *
  * ```
  */
-let PopoverModule = class PopoverModule {
-};
-PopoverModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [
-            ...DIRECTIVES,
-            PopoverComponent
-        ],
-        entryComponents: [PopoverComponent],
-        exports: [...DIRECTIVES, PopoverComponent],
-        imports: [
+export class PopoverModule {
+}
+PopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, declarations: [PopoverActionsTemplateDirective,
+        PopoverBodyTemplateDirective,
+        PopoverTitleTemplateDirective,
+        PopoverAnchorDirective,
+        PopoverContainerDirective, PopoverComponent], imports: [CommonModule,
+        PopupModule], exports: [PopoverActionsTemplateDirective,
+        PopoverBodyTemplateDirective,
+        PopoverTitleTemplateDirective,
+        PopoverAnchorDirective,
+        PopoverContainerDirective, PopoverComponent] });
+PopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, imports: [[
             CommonModule,
             PopupModule
-        ]
-    })
-], PopoverModule);
-export { PopoverModule };
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ...DIRECTIVES,
+                        PopoverComponent
+                    ],
+                    entryComponents: [PopoverComponent],
+                    exports: [...DIRECTIVES, PopoverComponent],
+                    imports: [
+                        CommonModule,
+                        PopupModule
+                    ]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/tooltip/tooltip.content.component.js

@@ -2,14 +2,17 @@
 * 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, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter } from '@angular/core';
+import { Component, HostBinding, Input, Output, EventEmitter } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { getCenterOffset } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../localization/localized-messages.directive";
+import * as i3 from "@angular/common";
 /**
  * @hidden
  */
-let TooltipContentComponent = class TooltipContentComponent {
+export class TooltipContentComponent {
     constructor(content, localizationService) {
         this.content = content;
         this.localizationService = localizationService;
@@ -99,64 +102,52 @@ let TooltipContentComponent = class TooltipContentComponent {
             callout.style[style] = calloutStyles[style];
         });
     }
-};
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], TooltipContentComponent.prototype, "direction", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TooltipContentComponent.prototype, "close", void 0);
-tslib_1.__decorate([
-    HostBinding('class'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], TooltipContentComponent.prototype, "cssClasses", null);
-tslib_1.__decorate([
-    HostBinding('class.k-tooltip-closable'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TooltipContentComponent.prototype, "className", null);
-tslib_1.__decorate([
-    HostBinding('style.position'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], TooltipContentComponent.prototype, "cssPosition", null);
-tslib_1.__decorate([
-    HostBinding('style.width.px'),
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], TooltipContentComponent.prototype, "tooltipWidth", void 0);
-tslib_1.__decorate([
-    HostBinding('style.height.px'),
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], TooltipContentComponent.prototype, "tooltipHeight", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], TooltipContentComponent.prototype, "titleTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", ElementRef)
-], TooltipContentComponent.prototype, "anchor", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TooltipContentComponent.prototype, "closable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], TooltipContentComponent.prototype, "templateRef", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TooltipContentComponent.prototype, "templateString", void 0);
-TooltipContentComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-tooltip',
-        template: `
+}
+TooltipContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipContentComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+TooltipContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TooltipContentComponent, selector: "kendo-tooltip", inputs: { tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", titleTemplate: "titleTemplate", anchor: "anchor", closable: "closable", templateRef: "templateRef", templateString: "templateString" }, outputs: { close: "close" }, host: { properties: { "attr.dir": "this.direction", "class": "this.cssClasses", "class.k-tooltip-closable": "this.className", "style.position": "this.cssPosition", "style.width.px": "this.tooltipWidth", "style.height.px": "this.tooltipHeight" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.tooltip'
+        }
+    ], ngImport: i0, template: `
+        <ng-container kendoTooltipLocalizedMessages
+            i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"
+            closeTitle="Close"
+        >
+        </ng-container>
+
+        <div class="k-tooltip-content">
+            <div class="k-tooltip-title" *ngIf="titleTemplate">
+                <ng-template
+                    [ngIf]="titleTemplate"
+                    [ngTemplateOutlet]="titleTemplate"
+                    [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">
+                </ng-template>
+            </div>
+
+            <ng-template
+                [ngIf]="templateRef"
+                [ngTemplateOutlet]="templateRef"
+                [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">
+            </ng-template>
+            <ng-template
+                [ngIf]="templateString">
+                {{ templateString }}
+            </ng-template>
+        </div>
+
+        <div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)">
+            <a href="#" class="k-icon k-i-close" [attr.title]="closeButtonTitle"></a>
+        </div>
+
+        <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>
+    `, isInline: true, directives: [{ type: i2.LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: ["closeTitle"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-tooltip',
+                    template: `
         <ng-container kendoTooltipLocalizedMessages
             i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"
             closeTitle="Close"
@@ -189,15 +180,46 @@ TooltipContentComponent = tslib_1.__decorate([
 
         <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>
     `,
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.tooltip'
-            }
-        ]
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        LocalizationService])
-], TooltipContentComponent);
-export { TooltipContentComponent };
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.tooltip'
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }]; }, propDecorators: { direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], close: [{
+                type: Output
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], className: [{
+                type: HostBinding,
+                args: ['class.k-tooltip-closable']
+            }], cssPosition: [{
+                type: HostBinding,
+                args: ['style.position']
+            }], tooltipWidth: [{
+                type: HostBinding,
+                args: ['style.width.px']
+            }, {
+                type: Input
+            }], tooltipHeight: [{
+                type: HostBinding,
+                args: ['style.height.px']
+            }, {
+                type: Input
+            }], titleTemplate: [{
+                type: Input
+            }], anchor: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], templateRef: [{
+                type: Input
+            }], templateString: [{
+                type: Input
+            }] } });