@progress/kendo-angular-tooltip 3.1.6-dev.202203011325 → 4.0.0-next.202203021431

package/{dist/fesm2015/index.js → fesm2015/kendo-angular-tooltip.js}

@@ -2,15 +2,18 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata, __param } from 'tslib';
-import { InjectionToken, Injectable, EventEmitter, HostBinding, Output, Input, TemplateRef, ElementRef, Component, isDevMode, Directive, Optional, Inject, NgZone, Renderer2, ContentChild, forwardRef, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, forwardRef, Directive, Input, EventEmitter, Component, HostBinding, Output, isDevMode, Optional, Inject, ContentChild, ElementRef, NgModule } from '@angular/core';
 import { filter, debounceTime, take, auditTime } from 'rxjs/operators';
 import { fromEvent, Subscription, BehaviorSubject, Subject, combineLatest } from 'rxjs';
-import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
 import { validatePackage } from '@progress/kendo-licensing';
-import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
-import { PreventableEvent, isDocumentAvailable, closest, hasObservers } from '@progress/kendo-angular-common';
+import * as i1 from '@progress/kendo-angular-l10n';
+import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i1$1 from '@progress/kendo-angular-popup';
+import { PopupModule } from '@progress/kendo-angular-popup';
+import { PreventableEvent, isDocumentAvailable, closest, hasObservers } from '@progress/kendo-angular-common';
 
 /**
  * @hidden
@@ -19,7 +22,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-tooltip',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646141090,
+    publishDate: 1646231440,
     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'
 };
@@ -55,11 +58,13 @@ const TOOLTIP_SETTINGS = new InjectionToken('kendo-ui-tooltip-settings');
  * export class AppComponent { }
  * ```
  */
-let TooltipSettings = class TooltipSettings {
-};
-TooltipSettings = __decorate([
-    Injectable()
-], TooltipSettings);
+class TooltipSettings {
+}
+TooltipSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TooltipSettings.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipSettings });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipSettings, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * @hidden
@@ -144,7 +149,6 @@ function contains(container, child) {
         return container.contains(child);
     }
     if (container.compareDocumentPosition) {
-        // tslint:disable-next-line
         return !!(container.compareDocumentPosition(child) & Node.DOCUMENT_POSITION_CONTAINED_BY);
     }
 }
@@ -174,7 +178,38 @@ function containsItem(collection, item) {
 /**
  * @hidden
  */
-let TooltipContentComponent = class TooltipContentComponent {
+class LocalizedMessagesDirective extends ComponentMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+        {
+            provide: ComponentMessages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: ComponentMessages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: `[kendoTooltipLocalizedMessages]`
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { closeTitle: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class TooltipContentComponent {
     constructor(content, localizationService) {
         this.content = content;
         this.localizationService = localizationService;
@@ -264,64 +299,52 @@ let TooltipContentComponent = class TooltipContentComponent {
             callout.style[style] = calloutStyles[style];
         });
     }
-};
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String)
-], TooltipContentComponent.prototype, "direction", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], TooltipContentComponent.prototype, "close", void 0);
-__decorate([
-    HostBinding('class'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], TooltipContentComponent.prototype, "cssClasses", null);
-__decorate([
-    HostBinding('class.k-tooltip-closable'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], TooltipContentComponent.prototype, "className", null);
-__decorate([
-    HostBinding('style.position'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], TooltipContentComponent.prototype, "cssPosition", null);
-__decorate([
-    HostBinding('style.width.px'),
-    Input(),
-    __metadata("design:type", Number)
-], TooltipContentComponent.prototype, "tooltipWidth", void 0);
-__decorate([
-    HostBinding('style.height.px'),
-    Input(),
-    __metadata("design:type", Number)
-], TooltipContentComponent.prototype, "tooltipHeight", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", TemplateRef)
-], TooltipContentComponent.prototype, "titleTemplate", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", ElementRef)
-], TooltipContentComponent.prototype, "anchor", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], TooltipContentComponent.prototype, "closable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", TemplateRef)
-], TooltipContentComponent.prototype, "templateRef", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TooltipContentComponent.prototype, "templateString", void 0);
-TooltipContentComponent = __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: LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: ["closeTitle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.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"
@@ -354,17 +377,49 @@ TooltipContentComponent = __decorate([
 
         <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>
     `,
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.tooltip'
-            }
-        ]
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        LocalizationService])
-], 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
+            }] } });
 
 /**
  * Represents the [Kendo UI Tooltip directive for Angular]({% slug overview_tooltip %}).
@@ -377,7 +432,7 @@ TooltipContentComponent = __decorate([
  * </div>
  * ```
  */
-let TooltipDirective = class TooltipDirective {
+class TooltipDirective {
     constructor(tooltipWrapper, ngZone, renderer, popupService, settings, legacySettings) {
         this.tooltipWrapper = tooltipWrapper;
         this.ngZone = ngZone;
@@ -458,7 +513,9 @@ let TooltipDirective = class TooltipDirective {
     set tooltipTemplate(value) {
         this.template = value;
     }
-    get tooltipTemplate() { return this.template; }
+    get tooltipTemplate() {
+        return this.template;
+    }
     /**
      * Shows the Tooltip.
      * @param anchor&mdash; ElementRef|Element.
@@ -583,7 +640,9 @@ let TooltipDirective = class TooltipDirective {
     bindContent(contentComponent, anchorRef) {
         const content = contentComponent.instance;
         this.closeClickSubscription = content.close
-            .subscribe(() => { this.hide(); });
+            .subscribe(() => {
+            this.hide();
+        });
         if (!this.template) {
             content.templateString = this.anchor.nativeElement.getAttribute('data-title');
         }
@@ -719,78 +778,51 @@ let TooltipDirective = class TooltipDirective {
             throw new Error(`Invalid value provided for showOn property.The available options are 'hover' or 'none'.`);
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TooltipDirective.prototype, "filter", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TooltipDirective.prototype, "position", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", TemplateRef)
-], TooltipDirective.prototype, "titleTemplate", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TooltipDirective.prototype, "showOn", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], TooltipDirective.prototype, "showAfter", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], TooltipDirective.prototype, "callout", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], TooltipDirective.prototype, "closable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], TooltipDirective.prototype, "offset", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], TooltipDirective.prototype, "tooltipWidth", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], TooltipDirective.prototype, "tooltipHeight", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TooltipDirective.prototype, "tooltipClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], TooltipDirective.prototype, "collision", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TooltipDirective.prototype, "closeTitle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", TemplateRef),
-    __metadata("design:paramtypes", [TemplateRef])
-], TooltipDirective.prototype, "tooltipTemplate", null);
-TooltipDirective = __decorate([
-    Directive({
-        selector: '[kendoTooltip]',
-        exportAs: 'kendoTooltip'
-    }),
-    __param(4, Optional()),
-    __param(5, Optional()), __param(5, Inject(TOOLTIP_SETTINGS)),
-    __metadata("design:paramtypes", [ElementRef,
-        NgZone,
-        Renderer2,
-        PopupService,
-        TooltipSettings,
-        TooltipSettings])
-], TooltipDirective);
+}
+TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.PopupService }, { token: TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TooltipDirective, selector: "[kendoTooltip]", inputs: { filter: "filter", position: "position", titleTemplate: "titleTemplate", showOn: "showOn", showAfter: "showAfter", callout: "callout", closable: "closable", offset: "offset", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", tooltipClass: "tooltipClass", collision: "collision", closeTitle: "closeTitle", tooltipTemplate: "tooltipTemplate" }, exportAs: ["kendoTooltip"], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTooltip]',
+                    exportAs: 'kendoTooltip'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1$1.PopupService }, { type: TooltipSettings, decorators: [{
+                    type: Optional
+                }] }, { type: TooltipSettings, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TOOLTIP_SETTINGS]
+                }] }]; }, propDecorators: { filter: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], titleTemplate: [{
+                type: Input
+            }], showOn: [{
+                type: Input
+            }], showAfter: [{
+                type: Input
+            }], callout: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], tooltipWidth: [{
+                type: Input
+            }], tooltipHeight: [{
+                type: Input
+            }], tooltipClass: [{
+                type: Input
+            }], collision: [{
+                type: Input
+            }], closeTitle: [{
+                type: Input
+            }], tooltipTemplate: [{
+                type: Input
+            }] } });
 
 /**
  * @hidden
@@ -807,18 +839,21 @@ const ERRORS = {
  * To define the template, nest an `<ng-template>` tag
  * with the `kendoPopoverTitleTemplate` directive inside the `<kendo-popover>` tag.
  */
-let PopoverTitleTemplateDirective = class PopoverTitleTemplateDirective {
+class PopoverTitleTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-PopoverTitleTemplateDirective = __decorate([
-    Directive({
-        selector: '[kendoPopoverTitleTemplate]'
-    }),
-    __param(0, Optional()),
-    __metadata("design:paramtypes", [TemplateRef])
-], PopoverTitleTemplateDirective);
+}
+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
+                }] }]; } });
 
 /**
  * Represents a template that defines the content of the Popover body.
@@ -826,18 +861,21 @@ PopoverTitleTemplateDirective = __decorate([
  * To define the template, nest an `<ng-template>` tag
  * with the `kendoPopoverBodyTemplate` directive inside the `<kendo-popover>` tag.
  */
-let PopoverBodyTemplateDirective = class PopoverBodyTemplateDirective {
+class PopoverBodyTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-PopoverBodyTemplateDirective = __decorate([
-    Directive({
-        selector: '[kendoPopoverBodyTemplate]'
-    }),
-    __param(0, Optional()),
-    __metadata("design:paramtypes", [TemplateRef])
-], PopoverBodyTemplateDirective);
+}
+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
+                }] }]; } });
 
 /**
  * Represents a template that defines the content of the Popover actions.
@@ -845,18 +883,21 @@ PopoverBodyTemplateDirective = __decorate([
  * To define the template, nest an `<ng-template>` tag
  * with the `kendoPopoverActionsTemplate` directive inside the `<kendo-popover>` tag.
  */
-let PopoverActionsTemplateDirective = class PopoverActionsTemplateDirective {
+class PopoverActionsTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-PopoverActionsTemplateDirective = __decorate([
-    Directive({
-        selector: '[kendoPopoverActionsTemplate]'
-    }),
-    __param(0, Optional()),
-    __metadata("design:paramtypes", [TemplateRef])
-], PopoverActionsTemplateDirective);
+}
+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
+                }] }]; } });
 
 /**
  * Represents the [Kendo UI Popover component for Angular]({% slug overview_popover %}).
@@ -871,7 +912,7 @@ PopoverActionsTemplateDirective = __decorate([
  * </kendo-popover>
  * ```
  */
-let PopoverComponent = class PopoverComponent {
+class PopoverComponent {
     constructor(localization) {
         this.localization = localization;
         /**
@@ -1013,106 +1054,58 @@ let PopoverComponent = class PopoverComponent {
             default: return { 'k-callout-s': true };
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PopoverComponent.prototype, "position", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], PopoverComponent.prototype, "offset", null);
-__decorate([
-    HostBinding('style.width'),
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], PopoverComponent.prototype, "width", null);
-__decorate([
-    HostBinding('style.height'),
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], PopoverComponent.prototype, "height", null);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String)
-], PopoverComponent.prototype, "direction", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PopoverComponent.prototype, "title", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PopoverComponent.prototype, "subtitle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PopoverComponent.prototype, "body", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], PopoverComponent.prototype, "callout", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], PopoverComponent.prototype, "animation", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function])
-], PopoverComponent.prototype, "templateData", null);
-__decorate([
-    HostBinding('class.k-hidden'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PopoverComponent.prototype, "isHidden", null);
-__decorate([
-    HostBinding('attr.aria-hidden'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PopoverComponent.prototype, "hasAttributeHidden", null);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], PopoverComponent.prototype, "show", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], PopoverComponent.prototype, "shown", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], PopoverComponent.prototype, "hide", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], PopoverComponent.prototype, "hidden", void 0);
-__decorate([
-    ContentChild(PopoverTitleTemplateDirective, { static: false }),
-    __metadata("design:type", PopoverTitleTemplateDirective)
-], PopoverComponent.prototype, "titleTemplate", void 0);
-__decorate([
-    ContentChild(PopoverBodyTemplateDirective, { static: false }),
-    __metadata("design:type", PopoverBodyTemplateDirective)
-], PopoverComponent.prototype, "bodyTemplate", void 0);
-__decorate([
-    ContentChild(PopoverActionsTemplateDirective, { static: false }),
-    __metadata("design:type", PopoverActionsTemplateDirective)
-], PopoverComponent.prototype, "actionsTemplate", void 0);
-PopoverComponent = __decorate([
-    Component({
-        selector: 'kendo-popover',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.popover'
-            }
-        ],
-        template: `
+}
+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: { "style.width": "this.width", "style.height": "this.height", "attr.dir": "this.direction", "class.k-hidden": "this.isHidden", "attr.aria-hidden": "this.hasAttributeHidden" } }, 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.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>
+    `, 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.px': width, 'height.px': height}">
         <div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>
 
@@ -1144,9 +1137,60 @@ PopoverComponent = __decorate([
         </div>
     </div>
     `
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], PopoverComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { position: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], width: [{
+                type: HostBinding,
+                args: ['style.width']
+            }, {
+                type: Input
+            }], height: [{
+                type: HostBinding,
+                args: ['style.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 }]
+            }] } });
 
 /**
  * Arguments for the `show` event. The `show` event fires when a popover is about
@@ -1468,21 +1512,21 @@ class PopoverDirectivesBase {
         return false;
     }
 }
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], PopoverDirectivesBase.prototype, "popover", null);
-__decorate([
-    Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], PopoverDirectivesBase.prototype, "showOn", null);
+PopoverDirectivesBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverDirectivesBase, deps: [{ token: i0.NgZone }, { token: i1$1.PopupService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+PopoverDirectivesBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverDirectivesBase, inputs: { popover: "popover", showOn: "showOn" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverDirectivesBase, decorators: [{
+            type: Directive,
+            args: [{}]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }]; }, propDecorators: { popover: [{
+                type: Input
+            }], showOn: [{
+                type: Input
+            }] } });
 
 /**
  * @hidden
  */
-let PopoverService = class PopoverService {
+class PopoverService {
     constructor(ngZone) {
         this.ngZone = ngZone;
         this._pointerOverPopup = new BehaviorSubject(null);
@@ -1532,11 +1576,12 @@ let PopoverService = class PopoverService {
             this._hidePopover.next([isPopoverHovered, isAnchorHovered, this._isOrigin, this.currentAnchor]);
         }));
     }
-};
-PopoverService = __decorate([
-    Injectable(),
-    __metadata("design:paramtypes", [NgZone])
-], 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 }]; } });
 
 /**
  * Represents the [`kendoPopoverContainer`]({% slug configuration_popover %}#toc-containerdirective) directive.
@@ -1551,7 +1596,7 @@ PopoverService = __decorate([
  * </div>
  * ```
  */
-let PopoverContainerDirective = class PopoverContainerDirective extends PopoverDirectivesBase {
+class PopoverContainerDirective extends PopoverDirectivesBase {
     constructor(wrapperEl, ngZone, popupService, renderer, popoverService) {
         super(ngZone, popupService, renderer);
         this.wrapperEl = wrapperEl;
@@ -1684,23 +1729,19 @@ let PopoverContainerDirective = class PopoverContainerDirective extends PopoverD
         }
         show ? this.show(anchor) : this.hide();
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PopoverContainerDirective.prototype, "filter", void 0);
-PopoverContainerDirective = __decorate([
-    Directive({
-        selector: '[kendoPopoverContainer]',
-        exportAs: 'kendoPopoverContainer',
-        providers: [PopoverService]
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        NgZone,
-        PopupService,
-        Renderer2,
-        PopoverService])
-], PopoverContainerDirective);
+}
+PopoverContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.PopupService }, { token: i0.Renderer2 }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
+PopoverContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: { filter: "filter" }, providers: [PopoverService], exportAs: ["kendoPopoverContainer"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPopoverContainer]',
+                    exportAs: 'kendoPopoverContainer',
+                    providers: [PopoverService]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }, { type: PopoverService }]; }, propDecorators: { filter: [{
+                type: Input
+            }] } });
 
 /**
  * Represents the [`kendoPopoverAnchor`]({% slug configuration_popover %}#toc-anchordirective) directive.
@@ -1711,7 +1752,7 @@ PopoverContainerDirective = __decorate([
  * <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
  * ```
  */
-let PopoverAnchorDirective = class PopoverAnchorDirective extends PopoverDirectivesBase {
+class PopoverAnchorDirective extends PopoverDirectivesBase {
     constructor(hostEl, ngZone, popupService, renderer, popoverService) {
         super(ngZone, popupService, renderer);
         this.hostEl = hostEl;
@@ -1826,46 +1867,17 @@ let PopoverAnchorDirective = class PopoverAnchorDirective extends PopoverDirecti
         }
         show ? this.show() : this.hide();
     }
-};
-PopoverAnchorDirective = __decorate([
-    Directive({
-        selector: '[kendoPopoverAnchor]',
-        exportAs: 'kendoPopoverAnchor',
-        providers: [PopoverService]
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        NgZone,
-        PopupService,
-        Renderer2,
-        PopoverService])
-], PopoverAnchorDirective);
-
-var LocalizedMessagesDirective_1;
-/**
- * @hidden
- */
-let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends ComponentMessages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], LocalizedMessagesDirective.prototype, "closeTitle", void 0);
-LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
-    Directive({
-        providers: [
-            {
-                provide: ComponentMessages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
-            }
-        ],
-        selector: `[kendoTooltipLocalizedMessages]`
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], LocalizedMessagesDirective);
+}
+PopoverAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.PopupService }, { token: i0.Renderer2 }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
+PopoverAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverAnchorDirective, selector: "[kendoPopoverAnchor]", providers: [PopoverService], exportAs: ["kendoPopoverAnchor"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverAnchorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPopoverAnchor]',
+                    exportAs: 'kendoPopoverAnchor',
+                    providers: [PopoverService]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }, { type: PopoverService }]; } });
 
 const COMPONENT_DIRECTIVES = [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective];
 const COMPONENT_MODULES = [PopupModule];
@@ -1899,16 +1911,20 @@ const COMPONENT_MODULES = [PopupModule];
  * platformBrowserDynamic().bootstrapModule(AppModule);
  * ```
  */
-let TooltipModule = class TooltipModule {
-};
-TooltipModule = __decorate([
-    NgModule({
-        declarations: [COMPONENT_DIRECTIVES],
-        entryComponents: [TooltipContentComponent],
-        imports: [CommonModule, ...COMPONENT_MODULES],
-        exports: [COMPONENT_DIRECTIVES]
-    })
-], TooltipModule);
+class TooltipModule {
+}
+TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, declarations: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective], imports: [CommonModule, PopupModule], exports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective] });
+TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, imports: [[CommonModule, ...COMPONENT_MODULES]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [COMPONENT_DIRECTIVES],
+                    entryComponents: [TooltipContentComponent],
+                    imports: [CommonModule, ...COMPONENT_MODULES],
+                    exports: [COMPONENT_DIRECTIVES]
+                }]
+        }] });
 
 const DIRECTIVES = [
     PopoverActionsTemplateDirective,
@@ -1942,22 +1958,38 @@ const DIRECTIVES = [
  *
  * ```
  */
-let PopoverModule = class PopoverModule {
-};
-PopoverModule = __decorate([
-    NgModule({
-        declarations: [
-            ...DIRECTIVES,
-            PopoverComponent
-        ],
-        entryComponents: [PopoverComponent],
-        exports: [...DIRECTIVES, PopoverComponent],
-        imports: [
+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);
+        ]] });
+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
+                    ]
+                }]
+        }] });
 
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
@@ -1985,13 +2017,17 @@ PopoverModule = __decorate([
  * platformBrowserDynamic().bootstrapModule(AppModule);
  * ```
  */
-let TooltipsModule = class TooltipsModule {
-};
-TooltipsModule = __decorate([
-    NgModule({
-        exports: [TooltipModule, PopoverModule]
-    })
-], TooltipsModule);
+class TooltipsModule {
+}
+TooltipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TooltipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, exports: [TooltipModule, PopoverModule] });
+TooltipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, imports: [TooltipModule, PopoverModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [TooltipModule, PopoverModule]
+                }]
+        }] });
 
 // Tooltip
 
@@ -1999,4 +2035,5 @@ TooltipsModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { LocalizedMessagesDirective, PopoverDirectivesBase, PopoverService, TooltipContentComponent, TooltipDirective, TooltipSettings, TOOLTIP_SETTINGS, PopoverComponent, PopoverContainerDirective, PopoverAnchorDirective, PopoverTitleTemplateDirective, PopoverBodyTemplateDirective, PopoverActionsTemplateDirective, PopoverShowEvent, PopoverShownEvent, PopoverHideEvent, PopoverHiddenEvent, TooltipModule, PopoverModule, TooltipsModule };
+export { LocalizedMessagesDirective, PopoverActionsTemplateDirective, PopoverAnchorDirective, PopoverBodyTemplateDirective, PopoverComponent, PopoverContainerDirective, PopoverHiddenEvent, PopoverHideEvent, PopoverModule, PopoverShowEvent, PopoverShownEvent, PopoverTitleTemplateDirective, TOOLTIP_SETTINGS, TooltipContentComponent, TooltipDirective, TooltipModule, TooltipSettings, TooltipsModule };
+