@progress/kendo-angular-tooltip 3.1.6 → 4.0.0-dev.202204131841

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/bundles/kendo-angular-tooltip.umd.js +5 -0
  2. package/{dist/es/constants.d.ts → constants.d.ts} +0 -0
  3. package/{dist/es2015 → esm2015}/constants.js +0 -0
  4. package/{dist/es/models/functions.model.js → esm2015/kendo-angular-tooltip.js} +4 -0
  5. package/esm2015/localization/localized-messages.directive.js +38 -0
  6. package/{dist/es → esm2015}/main.js +2 -0
  7. package/{dist/es2015 → esm2015}/models/animation.model.js +1 -0
  8. package/{dist/es2015 → esm2015}/models/events.js +0 -0
  9. package/{dist/es2015 → esm2015}/models/functions.model.js +1 -0
  10. package/{dist/es → esm2015}/models/popover-show-option.type.js +1 -0
  11. package/{dist/es2015 → esm2015}/models/position.type.js +1 -0
  12. package/{dist/es → esm2015}/models/show.option.type.js +1 -0
  13. package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
  14. package/{dist/es2015 → esm2015}/popover/anchor.directive.js +22 -19
  15. package/{dist/es2015 → esm2015}/popover/container.directive.js +24 -23
  16. package/{dist/es2015 → esm2015}/popover/directives-base.js +13 -12
  17. package/{dist/es2015 → esm2015}/popover/popover.component.js +118 -108
  18. package/{dist/es2015 → esm2015}/popover/popover.service.js +9 -9
  19. package/esm2015/popover/template-directives/actions-template.directive.js +27 -0
  20. package/esm2015/popover/template-directives/body-template.directive.js +27 -0
  21. package/esm2015/popover/template-directives/title-template.directive.js +27 -0
  22. package/{dist/es2015 → esm2015}/popover.module.js +31 -16
  23. package/{dist/es2015 → esm2015}/tooltip/tooltip.content.component.js +95 -73
  24. package/{dist/es2015 → esm2015}/tooltip/tooltip.directive.js +57 -80
  25. package/{dist/es2015 → esm2015}/tooltip/tooltip.settings.js +12 -7
  26. package/{dist/es2015 → esm2015}/tooltip.module.js +15 -12
  27. package/{dist/es2015 → esm2015}/tooltips.module.js +12 -9
  28. package/{dist/es2015 → esm2015}/utils.js +0 -1
  29. package/{dist/fesm2015/index.js → fesm2015/kendo-angular-tooltip.js} +456 -399
  30. package/{dist/es2015/constants.d.ts → kendo-angular-tooltip.d.ts} +3 -6
  31. package/{dist/es2015/localization → localization}/localized-messages.directive.d.ts +3 -0
  32. package/{dist/es/main.d.ts → main.d.ts} +3 -0
  33. package/{dist/es/models → models}/animation.model.d.ts +0 -0
  34. package/{dist/es/models → models}/events.d.ts +0 -0
  35. package/{dist/es/models → models}/functions.model.d.ts +0 -0
  36. package/{dist/es/models → models}/popover-show-option.type.d.ts +0 -0
  37. package/{dist/es/models → models}/position.type.d.ts +0 -0
  38. package/{dist/es/models → models}/show.option.type.d.ts +0 -0
  39. package/{dist/es/package-metadata.d.ts → package-metadata.d.ts} +0 -0
  40. package/package.json +34 -113
  41. package/{dist/es2015/popover → popover}/anchor.directive.d.ts +3 -0
  42. package/{dist/es/popover → popover}/container.directive.d.ts +3 -0
  43. package/{dist/es2015/popover → popover}/directives-base.d.ts +9 -4
  44. package/{dist/es2015/popover → popover}/popover.component.d.ts +21 -8
  45. package/{dist/es/popover → popover}/popover.service.d.ts +7 -4
  46. package/{dist/es2015/popover → popover}/template-directives/actions-template.directive.d.ts +3 -0
  47. package/{dist/es2015/popover → popover}/template-directives/body-template.directive.d.ts +3 -0
  48. package/{dist/es2015/popover → popover}/template-directives/title-template.directive.d.ts +3 -0
  49. package/popover.module.d.ts +43 -0
  50. package/schematics/ngAdd/index.js +5 -2
  51. package/schematics/ngAdd/index.js.map +1 -1
  52. package/{dist/es/tooltip → tooltip}/tooltip.content.component.d.ts +7 -4
  53. package/{dist/es/tooltip → tooltip}/tooltip.directive.d.ts +5 -1
  54. package/{dist/es/tooltip → tooltip}/tooltip.settings.d.ts +7 -0
  55. package/{dist/es2015/tooltip.module.d.ts → tooltip.module.d.ts} +9 -0
  56. package/{dist/es2015/tooltips.module.d.ts → tooltips.module.d.ts} +6 -0
  57. package/{dist/es/utils.d.ts → utils.d.ts} +0 -0
  58. package/dist/cdn/js/kendo-angular-tooltip.js +0 -20
  59. package/dist/cdn/main.js +0 -5
  60. package/dist/es/constants.js +0 -12
  61. package/dist/es/index.d.ts +0 -12
  62. package/dist/es/index.js +0 -12
  63. package/dist/es/index.metadata.json +0 -1
  64. package/dist/es/localization/localized-messages.directive.d.ts +0 -16
  65. package/dist/es/localization/localized-messages.directive.js +0 -38
  66. package/dist/es/models/animation.model.js +0 -4
  67. package/dist/es/models/events.js +0 -78
  68. package/dist/es/models/position.type.js +0 -4
  69. package/dist/es/package-metadata.js +0 -15
  70. package/dist/es/popover/anchor.directive.d.ts +0 -44
  71. package/dist/es/popover/anchor.directive.js +0 -156
  72. package/dist/es/popover/container.directive.js +0 -182
  73. package/dist/es/popover/directives-base.d.ts +0 -90
  74. package/dist/es/popover/directives-base.js +0 -294
  75. package/dist/es/popover/popover.component.d.ts +0 -166
  76. package/dist/es/popover/popover.component.js +0 -300
  77. package/dist/es/popover/popover.service.js +0 -88
  78. package/dist/es/popover/template-directives/actions-template.directive.d.ts +0 -15
  79. package/dist/es/popover/template-directives/actions-template.directive.js +0 -26
  80. package/dist/es/popover/template-directives/body-template.directive.d.ts +0 -15
  81. package/dist/es/popover/template-directives/body-template.directive.js +0 -26
  82. package/dist/es/popover/template-directives/title-template.directive.d.ts +0 -15
  83. package/dist/es/popover/template-directives/title-template.directive.js +0 -26
  84. package/dist/es/popover.module.d.ts +0 -31
  85. package/dist/es/popover.module.js +0 -65
  86. package/dist/es/tooltip/tooltip.content.component.js +0 -192
  87. package/dist/es/tooltip/tooltip.directive.js +0 -452
  88. package/dist/es/tooltip/tooltip.settings.js +0 -46
  89. package/dist/es/tooltip.module.d.ts +0 -36
  90. package/dist/es/tooltip.module.js +0 -57
  91. package/dist/es/tooltips.module.d.ts +0 -32
  92. package/dist/es/tooltips.module.js +0 -45
  93. package/dist/es/utils.js +0 -113
  94. package/dist/es2015/index.d.ts +0 -12
  95. package/dist/es2015/index.js +0 -12
  96. package/dist/es2015/index.metadata.json +0 -1
  97. package/dist/es2015/localization/localized-messages.directive.js +0 -34
  98. package/dist/es2015/main.d.ts +0 -22
  99. package/dist/es2015/main.js +0 -18
  100. package/dist/es2015/models/animation.model.d.ts +0 -9
  101. package/dist/es2015/models/events.d.ts +0 -78
  102. package/dist/es2015/models/functions.model.d.ts +0 -17
  103. package/dist/es2015/models/popover-show-option.type.d.ts +0 -8
  104. package/dist/es2015/models/popover-show-option.type.js +0 -4
  105. package/dist/es2015/models/position.type.d.ts +0 -14
  106. package/dist/es2015/models/show.option.type.d.ts +0 -13
  107. package/dist/es2015/models/show.option.type.js +0 -4
  108. package/dist/es2015/package-metadata.d.ts +0 -9
  109. package/dist/es2015/popover/container.directive.d.ts +0 -56
  110. package/dist/es2015/popover/popover.service.d.ts +0 -30
  111. package/dist/es2015/popover/template-directives/actions-template.directive.js +0 -25
  112. package/dist/es2015/popover/template-directives/body-template.directive.js +0 -25
  113. package/dist/es2015/popover/template-directives/title-template.directive.js +0 -25
  114. package/dist/es2015/popover.module.d.ts +0 -31
  115. package/dist/es2015/tooltip/tooltip.content.component.d.ts +0 -41
  116. package/dist/es2015/tooltip/tooltip.directive.d.ts +0 -156
  117. package/dist/es2015/tooltip/tooltip.settings.d.ts +0 -72
  118. package/dist/es2015/utils.d.ts +0 -34
  119. package/dist/fesm5/index.js +0 -2071
  120. package/dist/npm/constants.js +0 -14
  121. package/dist/npm/index.js +0 -19
  122. package/dist/npm/localization/localized-messages.directive.js +0 -40
  123. package/dist/npm/main.js +0 -36
  124. package/dist/npm/models/animation.model.js +0 -6
  125. package/dist/npm/models/events.js +0 -80
  126. package/dist/npm/models/functions.model.js +0 -6
  127. package/dist/npm/models/popover-show-option.type.js +0 -6
  128. package/dist/npm/models/position.type.js +0 -6
  129. package/dist/npm/models/show.option.type.js +0 -6
  130. package/dist/npm/package-metadata.js +0 -17
  131. package/dist/npm/popover/anchor.directive.js +0 -158
  132. package/dist/npm/popover/container.directive.js +0 -184
  133. package/dist/npm/popover/directives-base.js +0 -296
  134. package/dist/npm/popover/popover.component.js +0 -302
  135. package/dist/npm/popover/popover.service.js +0 -90
  136. package/dist/npm/popover/template-directives/actions-template.directive.js +0 -28
  137. package/dist/npm/popover/template-directives/body-template.directive.js +0 -28
  138. package/dist/npm/popover/template-directives/title-template.directive.js +0 -28
  139. package/dist/npm/popover.module.js +0 -67
  140. package/dist/npm/tooltip/tooltip.content.component.js +0 -194
  141. package/dist/npm/tooltip/tooltip.directive.js +0 -454
  142. package/dist/npm/tooltip/tooltip.settings.js +0 -48
  143. package/dist/npm/tooltip.module.js +0 -59
  144. package/dist/npm/tooltips.module.js +0 -47
  145. package/dist/npm/utils.js +0 -121
  146. package/dist/systemjs/kendo-angular-tooltip.js +0 -5
@@ -2,15 +2,18 @@
2
2
  * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { __decorate, __metadata, __param } from 'tslib';
6
- import { InjectionToken, Injectable, EventEmitter, HostBinding, Output, Input, TemplateRef, ElementRef, Component, isDevMode, Directive, Optional, Inject, NgZone, Renderer2, ContentChild, forwardRef, NgModule } from '@angular/core';
5
+ import * as i0 from '@angular/core';
6
+ import { InjectionToken, Injectable, forwardRef, Directive, Input, EventEmitter, Component, HostBinding, Output, isDevMode, Optional, Inject, ContentChild, ElementRef, NgModule } from '@angular/core';
7
7
  import { filter, debounceTime, take, auditTime } from 'rxjs/operators';
8
8
  import { fromEvent, Subscription, BehaviorSubject, Subject, combineLatest } from 'rxjs';
9
- import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
10
9
  import { validatePackage } from '@progress/kendo-licensing';
11
- import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
12
- import { PreventableEvent, isDocumentAvailable, closest, hasObservers } from '@progress/kendo-angular-common';
10
+ import * as i1 from '@progress/kendo-angular-l10n';
11
+ import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
12
+ import * as i2 from '@angular/common';
13
13
  import { CommonModule } from '@angular/common';
14
+ import * as i1$1 from '@progress/kendo-angular-popup';
15
+ import { PopupModule } from '@progress/kendo-angular-popup';
16
+ import { PreventableEvent, isDocumentAvailable, closest, hasObservers } from '@progress/kendo-angular-common';
14
17
 
15
18
  /**
16
19
  * @hidden
@@ -19,7 +22,7 @@ const packageMetadata = {
19
22
  name: '@progress/kendo-angular-tooltip',
20
23
  productName: 'Kendo UI for Angular',
21
24
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
22
- publishDate: 1646219971,
25
+ publishDate: 1649875274,
23
26
  version: '',
24
27
  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'
25
28
  };
@@ -55,11 +58,17 @@ const TOOLTIP_SETTINGS = new InjectionToken('kendo-ui-tooltip-settings');
55
58
  * export class AppComponent { }
56
59
  * ```
57
60
  */
58
- let TooltipSettings = class TooltipSettings {
59
- };
60
- TooltipSettings = __decorate([
61
- Injectable()
62
- ], TooltipSettings);
61
+ class TooltipSettings {
62
+ /**
63
+ * @hidden
64
+ */
65
+ constructor() { }
66
+ }
67
+ TooltipSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
68
+ TooltipSettings.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipSettings });
69
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipSettings, decorators: [{
70
+ type: Injectable
71
+ }], ctorParameters: function () { return []; } });
63
72
 
64
73
  /**
65
74
  * @hidden
@@ -144,7 +153,6 @@ function contains(container, child) {
144
153
  return container.contains(child);
145
154
  }
146
155
  if (container.compareDocumentPosition) {
147
- // tslint:disable-next-line
148
156
  return !!(container.compareDocumentPosition(child) & Node.DOCUMENT_POSITION_CONTAINED_BY);
149
157
  }
150
158
  }
@@ -174,7 +182,38 @@ function containsItem(collection, item) {
174
182
  /**
175
183
  * @hidden
176
184
  */
177
- let TooltipContentComponent = class TooltipContentComponent {
185
+ class LocalizedMessagesDirective extends ComponentMessages {
186
+ constructor(service) {
187
+ super();
188
+ this.service = service;
189
+ }
190
+ }
191
+ LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
192
+ LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
193
+ {
194
+ provide: ComponentMessages,
195
+ useExisting: forwardRef(() => LocalizedMessagesDirective)
196
+ }
197
+ ], usesInheritance: true, ngImport: i0 });
198
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
199
+ type: Directive,
200
+ args: [{
201
+ providers: [
202
+ {
203
+ provide: ComponentMessages,
204
+ useExisting: forwardRef(() => LocalizedMessagesDirective)
205
+ }
206
+ ],
207
+ selector: `[kendoTooltipLocalizedMessages]`
208
+ }]
209
+ }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { closeTitle: [{
210
+ type: Input
211
+ }] } });
212
+
213
+ /**
214
+ * @hidden
215
+ */
216
+ class TooltipContentComponent {
178
217
  constructor(content, localizationService) {
179
218
  this.content = content;
180
219
  this.localizationService = localizationService;
@@ -264,64 +303,52 @@ let TooltipContentComponent = class TooltipContentComponent {
264
303
  callout.style[style] = calloutStyles[style];
265
304
  });
266
305
  }
267
- };
268
- __decorate([
269
- HostBinding('attr.dir'),
270
- __metadata("design:type", String)
271
- ], TooltipContentComponent.prototype, "direction", void 0);
272
- __decorate([
273
- Output(),
274
- __metadata("design:type", EventEmitter)
275
- ], TooltipContentComponent.prototype, "close", void 0);
276
- __decorate([
277
- HostBinding('class'),
278
- __metadata("design:type", String),
279
- __metadata("design:paramtypes", [])
280
- ], TooltipContentComponent.prototype, "cssClasses", null);
281
- __decorate([
282
- HostBinding('class.k-tooltip-closable'),
283
- __metadata("design:type", Boolean),
284
- __metadata("design:paramtypes", [])
285
- ], TooltipContentComponent.prototype, "className", null);
286
- __decorate([
287
- HostBinding('style.position'),
288
- __metadata("design:type", String),
289
- __metadata("design:paramtypes", [])
290
- ], TooltipContentComponent.prototype, "cssPosition", null);
291
- __decorate([
292
- HostBinding('style.width.px'),
293
- Input(),
294
- __metadata("design:type", Number)
295
- ], TooltipContentComponent.prototype, "tooltipWidth", void 0);
296
- __decorate([
297
- HostBinding('style.height.px'),
298
- Input(),
299
- __metadata("design:type", Number)
300
- ], TooltipContentComponent.prototype, "tooltipHeight", void 0);
301
- __decorate([
302
- Input(),
303
- __metadata("design:type", TemplateRef)
304
- ], TooltipContentComponent.prototype, "titleTemplate", void 0);
305
- __decorate([
306
- Input(),
307
- __metadata("design:type", ElementRef)
308
- ], TooltipContentComponent.prototype, "anchor", void 0);
309
- __decorate([
310
- Input(),
311
- __metadata("design:type", Boolean)
312
- ], TooltipContentComponent.prototype, "closable", void 0);
313
- __decorate([
314
- Input(),
315
- __metadata("design:type", TemplateRef)
316
- ], TooltipContentComponent.prototype, "templateRef", void 0);
317
- __decorate([
318
- Input(),
319
- __metadata("design:type", String)
320
- ], TooltipContentComponent.prototype, "templateString", void 0);
321
- TooltipContentComponent = __decorate([
322
- Component({
323
- selector: 'kendo-tooltip',
324
- template: `
306
+ }
307
+ 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 });
308
+ 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: [
309
+ LocalizationService,
310
+ {
311
+ provide: L10N_PREFIX,
312
+ useValue: 'kendo.tooltip'
313
+ }
314
+ ], ngImport: i0, template: `
315
+ <ng-container kendoTooltipLocalizedMessages
316
+ i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"
317
+ closeTitle="Close"
318
+ >
319
+ </ng-container>
320
+
321
+ <div class="k-tooltip-content">
322
+ <div class="k-tooltip-title" *ngIf="titleTemplate">
323
+ <ng-template
324
+ [ngIf]="titleTemplate"
325
+ [ngTemplateOutlet]="titleTemplate"
326
+ [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">
327
+ </ng-template>
328
+ </div>
329
+
330
+ <ng-template
331
+ [ngIf]="templateRef"
332
+ [ngTemplateOutlet]="templateRef"
333
+ [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">
334
+ </ng-template>
335
+ <ng-template
336
+ [ngIf]="templateString">
337
+ {{ templateString }}
338
+ </ng-template>
339
+ </div>
340
+
341
+ <div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)">
342
+ <a href="#" class="k-icon k-i-close" [attr.title]="closeButtonTitle"></a>
343
+ </div>
344
+
345
+ <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>
346
+ `, 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"] }] });
347
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipContentComponent, decorators: [{
348
+ type: Component,
349
+ args: [{
350
+ selector: 'kendo-tooltip',
351
+ template: `
325
352
  <ng-container kendoTooltipLocalizedMessages
326
353
  i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"
327
354
  closeTitle="Close"
@@ -354,17 +381,49 @@ TooltipContentComponent = __decorate([
354
381
 
355
382
  <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>
356
383
  `,
357
- providers: [
358
- LocalizationService,
359
- {
360
- provide: L10N_PREFIX,
361
- useValue: 'kendo.tooltip'
362
- }
363
- ]
364
- }),
365
- __metadata("design:paramtypes", [ElementRef,
366
- LocalizationService])
367
- ], TooltipContentComponent);
384
+ providers: [
385
+ LocalizationService,
386
+ {
387
+ provide: L10N_PREFIX,
388
+ useValue: 'kendo.tooltip'
389
+ }
390
+ ]
391
+ }]
392
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }]; }, propDecorators: { direction: [{
393
+ type: HostBinding,
394
+ args: ['attr.dir']
395
+ }], close: [{
396
+ type: Output
397
+ }], cssClasses: [{
398
+ type: HostBinding,
399
+ args: ['class']
400
+ }], className: [{
401
+ type: HostBinding,
402
+ args: ['class.k-tooltip-closable']
403
+ }], cssPosition: [{
404
+ type: HostBinding,
405
+ args: ['style.position']
406
+ }], tooltipWidth: [{
407
+ type: HostBinding,
408
+ args: ['style.width.px']
409
+ }, {
410
+ type: Input
411
+ }], tooltipHeight: [{
412
+ type: HostBinding,
413
+ args: ['style.height.px']
414
+ }, {
415
+ type: Input
416
+ }], titleTemplate: [{
417
+ type: Input
418
+ }], anchor: [{
419
+ type: Input
420
+ }], closable: [{
421
+ type: Input
422
+ }], templateRef: [{
423
+ type: Input
424
+ }], templateString: [{
425
+ type: Input
426
+ }] } });
368
427
 
369
428
  /**
370
429
  * Represents the [Kendo UI Tooltip directive for Angular]({% slug overview_tooltip %}).
@@ -377,7 +436,7 @@ TooltipContentComponent = __decorate([
377
436
  * </div>
378
437
  * ```
379
438
  */
380
- let TooltipDirective = class TooltipDirective {
439
+ class TooltipDirective {
381
440
  constructor(tooltipWrapper, ngZone, renderer, popupService, settings, legacySettings) {
382
441
  this.tooltipWrapper = tooltipWrapper;
383
442
  this.ngZone = ngZone;
@@ -458,7 +517,9 @@ let TooltipDirective = class TooltipDirective {
458
517
  set tooltipTemplate(value) {
459
518
  this.template = value;
460
519
  }
461
- get tooltipTemplate() { return this.template; }
520
+ get tooltipTemplate() {
521
+ return this.template;
522
+ }
462
523
  /**
463
524
  * Shows the Tooltip.
464
525
  * @param anchor&mdash; ElementRef|Element.
@@ -583,7 +644,9 @@ let TooltipDirective = class TooltipDirective {
583
644
  bindContent(contentComponent, anchorRef) {
584
645
  const content = contentComponent.instance;
585
646
  this.closeClickSubscription = content.close
586
- .subscribe(() => { this.hide(); });
647
+ .subscribe(() => {
648
+ this.hide();
649
+ });
587
650
  if (!this.template) {
588
651
  content.templateString = this.anchor.nativeElement.getAttribute('data-title');
589
652
  }
@@ -719,78 +782,51 @@ let TooltipDirective = class TooltipDirective {
719
782
  throw new Error(`Invalid value provided for showOn property.The available options are 'hover' or 'none'.`);
720
783
  }
721
784
  }
722
- };
723
- __decorate([
724
- Input(),
725
- __metadata("design:type", String)
726
- ], TooltipDirective.prototype, "filter", void 0);
727
- __decorate([
728
- Input(),
729
- __metadata("design:type", String)
730
- ], TooltipDirective.prototype, "position", void 0);
731
- __decorate([
732
- Input(),
733
- __metadata("design:type", TemplateRef)
734
- ], TooltipDirective.prototype, "titleTemplate", void 0);
735
- __decorate([
736
- Input(),
737
- __metadata("design:type", String)
738
- ], TooltipDirective.prototype, "showOn", void 0);
739
- __decorate([
740
- Input(),
741
- __metadata("design:type", Number)
742
- ], TooltipDirective.prototype, "showAfter", void 0);
743
- __decorate([
744
- Input(),
745
- __metadata("design:type", Boolean)
746
- ], TooltipDirective.prototype, "callout", void 0);
747
- __decorate([
748
- Input(),
749
- __metadata("design:type", Boolean)
750
- ], TooltipDirective.prototype, "closable", void 0);
751
- __decorate([
752
- Input(),
753
- __metadata("design:type", Number)
754
- ], TooltipDirective.prototype, "offset", void 0);
755
- __decorate([
756
- Input(),
757
- __metadata("design:type", Number)
758
- ], TooltipDirective.prototype, "tooltipWidth", void 0);
759
- __decorate([
760
- Input(),
761
- __metadata("design:type", Number)
762
- ], TooltipDirective.prototype, "tooltipHeight", void 0);
763
- __decorate([
764
- Input(),
765
- __metadata("design:type", String)
766
- ], TooltipDirective.prototype, "tooltipClass", void 0);
767
- __decorate([
768
- Input(),
769
- __metadata("design:type", Object)
770
- ], TooltipDirective.prototype, "collision", void 0);
771
- __decorate([
772
- Input(),
773
- __metadata("design:type", String)
774
- ], TooltipDirective.prototype, "closeTitle", void 0);
775
- __decorate([
776
- Input(),
777
- __metadata("design:type", TemplateRef),
778
- __metadata("design:paramtypes", [TemplateRef])
779
- ], TooltipDirective.prototype, "tooltipTemplate", null);
780
- TooltipDirective = __decorate([
781
- Directive({
782
- selector: '[kendoTooltip]',
783
- exportAs: 'kendoTooltip'
784
- }),
785
- __param(4, Optional()),
786
- __param(5, Optional()), __param(5, Inject(TOOLTIP_SETTINGS)),
787
- __metadata("design:paramtypes", [ElementRef,
788
- NgZone,
789
- Renderer2,
790
- PopupService,
791
- TooltipSettings,
792
- TooltipSettings])
793
- ], TooltipDirective);
785
+ }
786
+ 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 });
787
+ 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 });
788
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipDirective, decorators: [{
789
+ type: Directive,
790
+ args: [{
791
+ selector: '[kendoTooltip]',
792
+ exportAs: 'kendoTooltip'
793
+ }]
794
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1$1.PopupService }, { type: TooltipSettings, decorators: [{
795
+ type: Optional
796
+ }] }, { type: TooltipSettings, decorators: [{
797
+ type: Optional
798
+ }, {
799
+ type: Inject,
800
+ args: [TOOLTIP_SETTINGS]
801
+ }] }]; }, propDecorators: { filter: [{
802
+ type: Input
803
+ }], position: [{
804
+ type: Input
805
+ }], titleTemplate: [{
806
+ type: Input
807
+ }], showOn: [{
808
+ type: Input
809
+ }], showAfter: [{
810
+ type: Input
811
+ }], callout: [{
812
+ type: Input
813
+ }], closable: [{
814
+ type: Input
815
+ }], offset: [{
816
+ type: Input
817
+ }], tooltipWidth: [{
818
+ type: Input
819
+ }], tooltipHeight: [{
820
+ type: Input
821
+ }], tooltipClass: [{
822
+ type: Input
823
+ }], collision: [{
824
+ type: Input
825
+ }], closeTitle: [{
826
+ type: Input
827
+ }], tooltipTemplate: [{
828
+ type: Input
829
+ }] } });
794
830
 
795
831
  /**
796
832
  * @hidden
@@ -807,18 +843,21 @@ const ERRORS = {
807
843
  * To define the template, nest an `<ng-template>` tag
808
844
  * with the `kendoPopoverTitleTemplate` directive inside the `<kendo-popover>` tag.
809
845
  */
810
- let PopoverTitleTemplateDirective = class PopoverTitleTemplateDirective {
846
+ class PopoverTitleTemplateDirective {
811
847
  constructor(templateRef) {
812
848
  this.templateRef = templateRef;
813
849
  }
814
- };
815
- PopoverTitleTemplateDirective = __decorate([
816
- Directive({
817
- selector: '[kendoPopoverTitleTemplate]'
818
- }),
819
- __param(0, Optional()),
820
- __metadata("design:paramtypes", [TemplateRef])
821
- ], PopoverTitleTemplateDirective);
850
+ }
851
+ 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 });
852
+ PopoverTitleTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverTitleTemplateDirective, selector: "[kendoPopoverTitleTemplate]", ngImport: i0 });
853
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverTitleTemplateDirective, decorators: [{
854
+ type: Directive,
855
+ args: [{
856
+ selector: '[kendoPopoverTitleTemplate]'
857
+ }]
858
+ }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
859
+ type: Optional
860
+ }] }]; } });
822
861
 
823
862
  /**
824
863
  * Represents a template that defines the content of the Popover body.
@@ -826,18 +865,21 @@ PopoverTitleTemplateDirective = __decorate([
826
865
  * To define the template, nest an `<ng-template>` tag
827
866
  * with the `kendoPopoverBodyTemplate` directive inside the `<kendo-popover>` tag.
828
867
  */
829
- let PopoverBodyTemplateDirective = class PopoverBodyTemplateDirective {
868
+ class PopoverBodyTemplateDirective {
830
869
  constructor(templateRef) {
831
870
  this.templateRef = templateRef;
832
871
  }
833
- };
834
- PopoverBodyTemplateDirective = __decorate([
835
- Directive({
836
- selector: '[kendoPopoverBodyTemplate]'
837
- }),
838
- __param(0, Optional()),
839
- __metadata("design:paramtypes", [TemplateRef])
840
- ], PopoverBodyTemplateDirective);
872
+ }
873
+ 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 });
874
+ PopoverBodyTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]", ngImport: i0 });
875
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverBodyTemplateDirective, decorators: [{
876
+ type: Directive,
877
+ args: [{
878
+ selector: '[kendoPopoverBodyTemplate]'
879
+ }]
880
+ }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
881
+ type: Optional
882
+ }] }]; } });
841
883
 
842
884
  /**
843
885
  * Represents a template that defines the content of the Popover actions.
@@ -845,18 +887,21 @@ PopoverBodyTemplateDirective = __decorate([
845
887
  * To define the template, nest an `<ng-template>` tag
846
888
  * with the `kendoPopoverActionsTemplate` directive inside the `<kendo-popover>` tag.
847
889
  */
848
- let PopoverActionsTemplateDirective = class PopoverActionsTemplateDirective {
890
+ class PopoverActionsTemplateDirective {
849
891
  constructor(templateRef) {
850
892
  this.templateRef = templateRef;
851
893
  }
852
- };
853
- PopoverActionsTemplateDirective = __decorate([
854
- Directive({
855
- selector: '[kendoPopoverActionsTemplate]'
856
- }),
857
- __param(0, Optional()),
858
- __metadata("design:paramtypes", [TemplateRef])
859
- ], PopoverActionsTemplateDirective);
894
+ }
895
+ 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 });
896
+ PopoverActionsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverActionsTemplateDirective, selector: "[kendoPopoverActionsTemplate]", ngImport: i0 });
897
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverActionsTemplateDirective, decorators: [{
898
+ type: Directive,
899
+ args: [{
900
+ selector: '[kendoPopoverActionsTemplate]'
901
+ }]
902
+ }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
903
+ type: Optional
904
+ }] }]; } });
860
905
 
861
906
  /**
862
907
  * Represents the [Kendo UI Popover component for Angular]({% slug overview_popover %}).
@@ -871,7 +916,7 @@ PopoverActionsTemplateDirective = __decorate([
871
916
  * </kendo-popover>
872
917
  * ```
873
918
  */
874
- let PopoverComponent = class PopoverComponent {
919
+ class PopoverComponent {
875
920
  constructor(localization) {
876
921
  this.localization = localization;
877
922
  /**
@@ -924,9 +969,15 @@ let PopoverComponent = class PopoverComponent {
924
969
  * Fires after the Popover has been hidden and the animation has ended. [See example]({% slug events_popover %})
925
970
  */
926
971
  this.hidden = new EventEmitter();
927
- this._offset = 6;
972
+ /**
973
+ * @hidden
974
+ */
928
975
  this._width = 'auto';
976
+ /**
977
+ * @hidden
978
+ */
929
979
  this._height = 'auto';
980
+ this._offset = 6;
930
981
  this.subs = new Subscription();
931
982
  /**
932
983
  * @hidden
@@ -1013,107 +1064,59 @@ let PopoverComponent = class PopoverComponent {
1013
1064
  default: return { 'k-callout-s': true };
1014
1065
  }
1015
1066
  }
1016
- };
1017
- __decorate([
1018
- Input(),
1019
- __metadata("design:type", String)
1020
- ], PopoverComponent.prototype, "position", void 0);
1021
- __decorate([
1022
- Input(),
1023
- __metadata("design:type", Number),
1024
- __metadata("design:paramtypes", [Number])
1025
- ], PopoverComponent.prototype, "offset", null);
1026
- __decorate([
1027
- HostBinding('style.width'),
1028
- Input(),
1029
- __metadata("design:type", Object),
1030
- __metadata("design:paramtypes", [Object])
1031
- ], PopoverComponent.prototype, "width", null);
1032
- __decorate([
1033
- HostBinding('style.height'),
1034
- Input(),
1035
- __metadata("design:type", Object),
1036
- __metadata("design:paramtypes", [Object])
1037
- ], PopoverComponent.prototype, "height", null);
1038
- __decorate([
1039
- HostBinding('attr.dir'),
1040
- __metadata("design:type", String)
1041
- ], PopoverComponent.prototype, "direction", void 0);
1042
- __decorate([
1043
- Input(),
1044
- __metadata("design:type", String)
1045
- ], PopoverComponent.prototype, "title", void 0);
1046
- __decorate([
1047
- Input(),
1048
- __metadata("design:type", String)
1049
- ], PopoverComponent.prototype, "subtitle", void 0);
1050
- __decorate([
1051
- Input(),
1052
- __metadata("design:type", String)
1053
- ], PopoverComponent.prototype, "body", void 0);
1054
- __decorate([
1055
- Input(),
1056
- __metadata("design:type", Boolean)
1057
- ], PopoverComponent.prototype, "callout", void 0);
1058
- __decorate([
1059
- Input(),
1060
- __metadata("design:type", Object)
1061
- ], PopoverComponent.prototype, "animation", void 0);
1062
- __decorate([
1063
- Input(),
1064
- __metadata("design:type", Function),
1065
- __metadata("design:paramtypes", [Function])
1066
- ], PopoverComponent.prototype, "templateData", null);
1067
- __decorate([
1068
- HostBinding('class.k-hidden'),
1069
- __metadata("design:type", Boolean),
1070
- __metadata("design:paramtypes", [])
1071
- ], PopoverComponent.prototype, "isHidden", null);
1072
- __decorate([
1073
- HostBinding('attr.aria-hidden'),
1074
- __metadata("design:type", Boolean),
1075
- __metadata("design:paramtypes", [])
1076
- ], PopoverComponent.prototype, "hasAttributeHidden", null);
1077
- __decorate([
1078
- Output(),
1079
- __metadata("design:type", EventEmitter)
1080
- ], PopoverComponent.prototype, "show", void 0);
1081
- __decorate([
1082
- Output(),
1083
- __metadata("design:type", EventEmitter)
1084
- ], PopoverComponent.prototype, "shown", void 0);
1085
- __decorate([
1086
- Output(),
1087
- __metadata("design:type", EventEmitter)
1088
- ], PopoverComponent.prototype, "hide", void 0);
1089
- __decorate([
1090
- Output(),
1091
- __metadata("design:type", EventEmitter)
1092
- ], PopoverComponent.prototype, "hidden", void 0);
1093
- __decorate([
1094
- ContentChild(PopoverTitleTemplateDirective, { static: false }),
1095
- __metadata("design:type", PopoverTitleTemplateDirective)
1096
- ], PopoverComponent.prototype, "titleTemplate", void 0);
1097
- __decorate([
1098
- ContentChild(PopoverBodyTemplateDirective, { static: false }),
1099
- __metadata("design:type", PopoverBodyTemplateDirective)
1100
- ], PopoverComponent.prototype, "bodyTemplate", void 0);
1101
- __decorate([
1102
- ContentChild(PopoverActionsTemplateDirective, { static: false }),
1103
- __metadata("design:type", PopoverActionsTemplateDirective)
1104
- ], PopoverComponent.prototype, "actionsTemplate", void 0);
1105
- PopoverComponent = __decorate([
1106
- Component({
1107
- selector: 'kendo-popover',
1108
- providers: [
1109
- LocalizationService,
1110
- {
1111
- provide: L10N_PREFIX,
1112
- useValue: 'kendo.popover'
1113
- }
1114
- ],
1115
- template: `
1116
- <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{'width.px': width, 'height.px': height}">
1067
+ }
1068
+ PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
1069
+ 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: [
1070
+ LocalizationService,
1071
+ {
1072
+ provide: L10N_PREFIX,
1073
+ useValue: 'kendo.popover'
1074
+ }
1075
+ ], 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: `
1076
+ <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{'width': width, 'height': height}">
1077
+ <div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>
1078
+
1079
+ <div *ngIf="titleTemplate || title" class="k-popover-header">
1080
+ <ng-template *ngIf="titleTemplate"
1081
+ [ngTemplateOutlet]="titleTemplate?.templateRef"
1082
+ [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">
1083
+ </ng-template>
1084
+ <ng-container *ngIf="title && !titleTemplate">
1085
+ {{ title }}
1086
+ </ng-container>
1087
+ </div>
1088
+
1089
+ <div *ngIf="bodyTemplate || body" class="k-popover-body">
1090
+ <ng-template *ngIf="bodyTemplate"
1091
+ [ngTemplateOutlet]="bodyTemplate?.templateRef"
1092
+ [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">
1093
+ </ng-template>
1094
+ <ng-container *ngIf="body && !bodyTemplate">
1095
+ {{ body }}
1096
+ </ng-container>
1097
+ </div>
1098
+
1099
+ <div *ngIf="actionsTemplate" class="k-popover-actions k-actions k-hstack k-justify-content-between">
1100
+ <ng-template *ngIf="actionsTemplate"
1101
+ [ngTemplateOutlet]="actionsTemplate?.templateRef"
1102
+ [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">
1103
+ </ng-template>
1104
+ </div>
1105
+ </div>
1106
+ `, 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"] }] });
1107
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverComponent, decorators: [{
1108
+ type: Component,
1109
+ args: [{
1110
+ selector: 'kendo-popover',
1111
+ providers: [
1112
+ LocalizationService,
1113
+ {
1114
+ provide: L10N_PREFIX,
1115
+ useValue: 'kendo.popover'
1116
+ }
1117
+ ],
1118
+ template: `
1119
+ <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{'width': width, 'height': height}">
1117
1120
  <div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>
1118
1121
 
1119
1122
  <div *ngIf="titleTemplate || title" class="k-popover-header">
@@ -1144,9 +1147,60 @@ PopoverComponent = __decorate([
1144
1147
  </div>
1145
1148
  </div>
1146
1149
  `
1147
- }),
1148
- __metadata("design:paramtypes", [LocalizationService])
1149
- ], PopoverComponent);
1150
+ }]
1151
+ }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { position: [{
1152
+ type: Input
1153
+ }], offset: [{
1154
+ type: Input
1155
+ }], width: [{
1156
+ type: Input
1157
+ }], height: [{
1158
+ type: Input
1159
+ }], direction: [{
1160
+ type: HostBinding,
1161
+ args: ['attr.dir']
1162
+ }], title: [{
1163
+ type: Input
1164
+ }], subtitle: [{
1165
+ type: Input
1166
+ }], body: [{
1167
+ type: Input
1168
+ }], callout: [{
1169
+ type: Input
1170
+ }], animation: [{
1171
+ type: Input
1172
+ }], templateData: [{
1173
+ type: Input
1174
+ }], isHidden: [{
1175
+ type: HostBinding,
1176
+ args: ['class.k-hidden']
1177
+ }], hasAttributeHidden: [{
1178
+ type: HostBinding,
1179
+ args: ['attr.aria-hidden']
1180
+ }], show: [{
1181
+ type: Output
1182
+ }], shown: [{
1183
+ type: Output
1184
+ }], hide: [{
1185
+ type: Output
1186
+ }], hidden: [{
1187
+ type: Output
1188
+ }], titleTemplate: [{
1189
+ type: ContentChild,
1190
+ args: [PopoverTitleTemplateDirective, { static: false }]
1191
+ }], bodyTemplate: [{
1192
+ type: ContentChild,
1193
+ args: [PopoverBodyTemplateDirective, { static: false }]
1194
+ }], actionsTemplate: [{
1195
+ type: ContentChild,
1196
+ args: [PopoverActionsTemplateDirective, { static: false }]
1197
+ }], _width: [{
1198
+ type: HostBinding,
1199
+ args: ['style.width']
1200
+ }], _height: [{
1201
+ type: HostBinding,
1202
+ args: ['style.height']
1203
+ }] } });
1150
1204
 
1151
1205
  /**
1152
1206
  * Arguments for the `show` event. The `show` event fires when a popover is about
@@ -1468,21 +1522,21 @@ class PopoverDirectivesBase {
1468
1522
  return false;
1469
1523
  }
1470
1524
  }
1471
- __decorate([
1472
- Input(),
1473
- __metadata("design:type", Object),
1474
- __metadata("design:paramtypes", [Object])
1475
- ], PopoverDirectivesBase.prototype, "popover", null);
1476
- __decorate([
1477
- Input(),
1478
- __metadata("design:type", String),
1479
- __metadata("design:paramtypes", [String])
1480
- ], PopoverDirectivesBase.prototype, "showOn", null);
1525
+ 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 });
1526
+ PopoverDirectivesBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverDirectivesBase, inputs: { popover: "popover", showOn: "showOn" }, ngImport: i0 });
1527
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverDirectivesBase, decorators: [{
1528
+ type: Directive,
1529
+ args: [{}]
1530
+ }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }]; }, propDecorators: { popover: [{
1531
+ type: Input
1532
+ }], showOn: [{
1533
+ type: Input
1534
+ }] } });
1481
1535
 
1482
1536
  /**
1483
1537
  * @hidden
1484
1538
  */
1485
- let PopoverService = class PopoverService {
1539
+ class PopoverService {
1486
1540
  constructor(ngZone) {
1487
1541
  this.ngZone = ngZone;
1488
1542
  this._pointerOverPopup = new BehaviorSubject(null);
@@ -1532,11 +1586,12 @@ let PopoverService = class PopoverService {
1532
1586
  this._hidePopover.next([isPopoverHovered, isAnchorHovered, this._isOrigin, this.currentAnchor]);
1533
1587
  }));
1534
1588
  }
1535
- };
1536
- PopoverService = __decorate([
1537
- Injectable(),
1538
- __metadata("design:paramtypes", [NgZone])
1539
- ], PopoverService);
1589
+ }
1590
+ PopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
1591
+ PopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService });
1592
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService, decorators: [{
1593
+ type: Injectable
1594
+ }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
1540
1595
 
1541
1596
  /**
1542
1597
  * Represents the [`kendoPopoverContainer`]({% slug configuration_popover %}#toc-containerdirective) directive.
@@ -1551,7 +1606,7 @@ PopoverService = __decorate([
1551
1606
  * </div>
1552
1607
  * ```
1553
1608
  */
1554
- let PopoverContainerDirective = class PopoverContainerDirective extends PopoverDirectivesBase {
1609
+ class PopoverContainerDirective extends PopoverDirectivesBase {
1555
1610
  constructor(wrapperEl, ngZone, popupService, renderer, popoverService) {
1556
1611
  super(ngZone, popupService, renderer);
1557
1612
  this.wrapperEl = wrapperEl;
@@ -1682,25 +1737,26 @@ let PopoverContainerDirective = class PopoverContainerDirective extends PopoverD
1682
1737
  if (this.isPrevented(anchor, show)) {
1683
1738
  return;
1684
1739
  }
1685
- show ? this.show(anchor) : this.hide();
1740
+ if (show) {
1741
+ this.show(anchor);
1742
+ }
1743
+ else {
1744
+ this.hide();
1745
+ }
1686
1746
  }
1687
- };
1688
- __decorate([
1689
- Input(),
1690
- __metadata("design:type", String)
1691
- ], PopoverContainerDirective.prototype, "filter", void 0);
1692
- PopoverContainerDirective = __decorate([
1693
- Directive({
1694
- selector: '[kendoPopoverContainer]',
1695
- exportAs: 'kendoPopoverContainer',
1696
- providers: [PopoverService]
1697
- }),
1698
- __metadata("design:paramtypes", [ElementRef,
1699
- NgZone,
1700
- PopupService,
1701
- Renderer2,
1702
- PopoverService])
1703
- ], PopoverContainerDirective);
1747
+ }
1748
+ 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 });
1749
+ 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 });
1750
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverContainerDirective, decorators: [{
1751
+ type: Directive,
1752
+ args: [{
1753
+ selector: '[kendoPopoverContainer]',
1754
+ exportAs: 'kendoPopoverContainer',
1755
+ providers: [PopoverService]
1756
+ }]
1757
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }, { type: PopoverService }]; }, propDecorators: { filter: [{
1758
+ type: Input
1759
+ }] } });
1704
1760
 
1705
1761
  /**
1706
1762
  * Represents the [`kendoPopoverAnchor`]({% slug configuration_popover %}#toc-anchordirective) directive.
@@ -1711,7 +1767,7 @@ PopoverContainerDirective = __decorate([
1711
1767
  * <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
1712
1768
  * ```
1713
1769
  */
1714
- let PopoverAnchorDirective = class PopoverAnchorDirective extends PopoverDirectivesBase {
1770
+ class PopoverAnchorDirective extends PopoverDirectivesBase {
1715
1771
  constructor(hostEl, ngZone, popupService, renderer, popoverService) {
1716
1772
  super(ngZone, popupService, renderer);
1717
1773
  this.hostEl = hostEl;
@@ -1824,48 +1880,24 @@ let PopoverAnchorDirective = class PopoverAnchorDirective extends PopoverDirecti
1824
1880
  if (this.isPrevented(anchor, show)) {
1825
1881
  return;
1826
1882
  }
1827
- show ? this.show() : this.hide();
1828
- }
1829
- };
1830
- PopoverAnchorDirective = __decorate([
1831
- Directive({
1832
- selector: '[kendoPopoverAnchor]',
1833
- exportAs: 'kendoPopoverAnchor',
1834
- providers: [PopoverService]
1835
- }),
1836
- __metadata("design:paramtypes", [ElementRef,
1837
- NgZone,
1838
- PopupService,
1839
- Renderer2,
1840
- PopoverService])
1841
- ], PopoverAnchorDirective);
1842
-
1843
- var LocalizedMessagesDirective_1;
1844
- /**
1845
- * @hidden
1846
- */
1847
- let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends ComponentMessages {
1848
- constructor(service) {
1849
- super();
1850
- this.service = service;
1883
+ if (show) {
1884
+ this.show();
1885
+ }
1886
+ else {
1887
+ this.hide();
1888
+ }
1851
1889
  }
1852
- };
1853
- __decorate([
1854
- Input(),
1855
- __metadata("design:type", String)
1856
- ], LocalizedMessagesDirective.prototype, "closeTitle", void 0);
1857
- LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
1858
- Directive({
1859
- providers: [
1860
- {
1861
- provide: ComponentMessages,
1862
- useExisting: forwardRef(() => LocalizedMessagesDirective_1)
1863
- }
1864
- ],
1865
- selector: `[kendoTooltipLocalizedMessages]`
1866
- }),
1867
- __metadata("design:paramtypes", [LocalizationService])
1868
- ], LocalizedMessagesDirective);
1890
+ }
1891
+ 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 });
1892
+ PopoverAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverAnchorDirective, selector: "[kendoPopoverAnchor]", providers: [PopoverService], exportAs: ["kendoPopoverAnchor"], usesInheritance: true, ngImport: i0 });
1893
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverAnchorDirective, decorators: [{
1894
+ type: Directive,
1895
+ args: [{
1896
+ selector: '[kendoPopoverAnchor]',
1897
+ exportAs: 'kendoPopoverAnchor',
1898
+ providers: [PopoverService]
1899
+ }]
1900
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }, { type: PopoverService }]; } });
1869
1901
 
1870
1902
  const COMPONENT_DIRECTIVES = [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective];
1871
1903
  const COMPONENT_MODULES = [PopupModule];
@@ -1899,16 +1931,20 @@ const COMPONENT_MODULES = [PopupModule];
1899
1931
  * platformBrowserDynamic().bootstrapModule(AppModule);
1900
1932
  * ```
1901
1933
  */
1902
- let TooltipModule = class TooltipModule {
1903
- };
1904
- TooltipModule = __decorate([
1905
- NgModule({
1906
- declarations: [COMPONENT_DIRECTIVES],
1907
- entryComponents: [TooltipContentComponent],
1908
- imports: [CommonModule, ...COMPONENT_MODULES],
1909
- exports: [COMPONENT_DIRECTIVES]
1910
- })
1911
- ], TooltipModule);
1934
+ class TooltipModule {
1935
+ }
1936
+ TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1937
+ 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] });
1938
+ TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, imports: [[CommonModule, ...COMPONENT_MODULES]] });
1939
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, decorators: [{
1940
+ type: NgModule,
1941
+ args: [{
1942
+ declarations: [COMPONENT_DIRECTIVES],
1943
+ entryComponents: [TooltipContentComponent],
1944
+ imports: [CommonModule, ...COMPONENT_MODULES],
1945
+ exports: [COMPONENT_DIRECTIVES]
1946
+ }]
1947
+ }] });
1912
1948
 
1913
1949
  const DIRECTIVES = [
1914
1950
  PopoverActionsTemplateDirective,
@@ -1942,22 +1978,38 @@ const DIRECTIVES = [
1942
1978
  *
1943
1979
  * ```
1944
1980
  */
1945
- let PopoverModule = class PopoverModule {
1946
- };
1947
- PopoverModule = __decorate([
1948
- NgModule({
1949
- declarations: [
1950
- ...DIRECTIVES,
1951
- PopoverComponent
1952
- ],
1953
- entryComponents: [PopoverComponent],
1954
- exports: [...DIRECTIVES, PopoverComponent],
1955
- imports: [
1981
+ class PopoverModule {
1982
+ }
1983
+ PopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1984
+ PopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, declarations: [PopoverActionsTemplateDirective,
1985
+ PopoverBodyTemplateDirective,
1986
+ PopoverTitleTemplateDirective,
1987
+ PopoverAnchorDirective,
1988
+ PopoverContainerDirective, PopoverComponent], imports: [CommonModule,
1989
+ PopupModule], exports: [PopoverActionsTemplateDirective,
1990
+ PopoverBodyTemplateDirective,
1991
+ PopoverTitleTemplateDirective,
1992
+ PopoverAnchorDirective,
1993
+ PopoverContainerDirective, PopoverComponent] });
1994
+ PopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, imports: [[
1956
1995
  CommonModule,
1957
1996
  PopupModule
1958
- ]
1959
- })
1960
- ], PopoverModule);
1997
+ ]] });
1998
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, decorators: [{
1999
+ type: NgModule,
2000
+ args: [{
2001
+ declarations: [
2002
+ ...DIRECTIVES,
2003
+ PopoverComponent
2004
+ ],
2005
+ entryComponents: [PopoverComponent],
2006
+ exports: [...DIRECTIVES, PopoverComponent],
2007
+ imports: [
2008
+ CommonModule,
2009
+ PopupModule
2010
+ ]
2011
+ }]
2012
+ }] });
1961
2013
 
1962
2014
  /**
1963
2015
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
@@ -1985,13 +2037,17 @@ PopoverModule = __decorate([
1985
2037
  * platformBrowserDynamic().bootstrapModule(AppModule);
1986
2038
  * ```
1987
2039
  */
1988
- let TooltipsModule = class TooltipsModule {
1989
- };
1990
- TooltipsModule = __decorate([
1991
- NgModule({
1992
- exports: [TooltipModule, PopoverModule]
1993
- })
1994
- ], TooltipsModule);
2040
+ class TooltipsModule {
2041
+ }
2042
+ TooltipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2043
+ TooltipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, exports: [TooltipModule, PopoverModule] });
2044
+ TooltipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, imports: [TooltipModule, PopoverModule] });
2045
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, decorators: [{
2046
+ type: NgModule,
2047
+ args: [{
2048
+ exports: [TooltipModule, PopoverModule]
2049
+ }]
2050
+ }] });
1995
2051
 
1996
2052
  // Tooltip
1997
2053
 
@@ -1999,4 +2055,5 @@ TooltipsModule = __decorate([
1999
2055
  * Generated bundle index. Do not edit.
2000
2056
  */
2001
2057
 
2002
- export { LocalizedMessagesDirective, PopoverDirectivesBase, PopoverService, TooltipContentComponent, TooltipDirective, TooltipSettings, TOOLTIP_SETTINGS, PopoverComponent, PopoverContainerDirective, PopoverAnchorDirective, PopoverTitleTemplateDirective, PopoverBodyTemplateDirective, PopoverActionsTemplateDirective, PopoverShowEvent, PopoverShownEvent, PopoverHideEvent, PopoverHiddenEvent, TooltipModule, PopoverModule, TooltipsModule };
2058
+ export { LocalizedMessagesDirective, PopoverActionsTemplateDirective, PopoverAnchorDirective, PopoverBodyTemplateDirective, PopoverComponent, PopoverContainerDirective, PopoverHiddenEvent, PopoverHideEvent, PopoverModule, PopoverShowEvent, PopoverShownEvent, PopoverTitleTemplateDirective, TOOLTIP_SETTINGS, TooltipContentComponent, TooltipDirective, TooltipModule, TooltipSettings, TooltipsModule };
2059
+