@progress/kendo-angular-tooltip 3.1.7-dev.202203090915 → 4.0.0-next.202203230855
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.
- package/bundles/kendo-angular-tooltip.umd.js +5 -0
- package/{dist/es/constants.d.ts → constants.d.ts} +0 -0
- package/{dist/es2015 → esm2015}/constants.js +0 -0
- package/{dist/es/models/functions.model.js → esm2015/kendo-angular-tooltip.js} +4 -0
- package/esm2015/localization/localized-messages.directive.js +38 -0
- package/{dist/es → esm2015}/main.js +2 -0
- package/{dist/es2015 → esm2015}/models/animation.model.js +1 -0
- package/{dist/es2015 → esm2015}/models/events.js +0 -0
- package/{dist/es2015 → esm2015}/models/functions.model.js +1 -0
- package/{dist/es → esm2015}/models/popover-show-option.type.js +1 -0
- package/{dist/es2015 → esm2015}/models/position.type.js +1 -0
- package/{dist/es → esm2015}/models/show.option.type.js +1 -0
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es2015 → esm2015}/popover/anchor.directive.js +16 -18
- package/{dist/es2015 → esm2015}/popover/container.directive.js +18 -22
- package/{dist/es2015 → esm2015}/popover/directives-base.js +13 -12
- package/{dist/es2015 → esm2015}/popover/popover.component.js +110 -106
- package/{dist/es2015 → esm2015}/popover/popover.service.js +9 -9
- package/esm2015/popover/template-directives/actions-template.directive.js +27 -0
- package/esm2015/popover/template-directives/body-template.directive.js +27 -0
- package/esm2015/popover/template-directives/title-template.directive.js +27 -0
- package/{dist/es2015 → esm2015}/popover.module.js +31 -16
- package/{dist/es2015 → esm2015}/tooltip/tooltip.content.component.js +95 -73
- package/{dist/es2015 → esm2015}/tooltip/tooltip.directive.js +57 -80
- package/{dist/es2015 → esm2015}/tooltip/tooltip.settings.js +12 -7
- package/{dist/es2015 → esm2015}/tooltip.module.js +15 -12
- package/{dist/es2015 → esm2015}/tooltips.module.js +12 -9
- package/{dist/es2015 → esm2015}/utils.js +0 -1
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-tooltip.js} +436 -395
- package/{dist/es2015/constants.d.ts → kendo-angular-tooltip.d.ts} +3 -6
- package/{dist/es2015/localization → localization}/localized-messages.directive.d.ts +3 -0
- package/{dist/es/main.d.ts → main.d.ts} +2 -0
- package/{dist/es/models → models}/animation.model.d.ts +0 -0
- package/{dist/es/models → models}/events.d.ts +0 -0
- package/{dist/es/models → models}/functions.model.d.ts +0 -0
- package/{dist/es/models → models}/popover-show-option.type.d.ts +0 -0
- package/{dist/es/models → models}/position.type.d.ts +0 -0
- package/{dist/es/models → models}/show.option.type.d.ts +0 -0
- package/{dist/es/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +34 -113
- package/{dist/es2015/popover → popover}/anchor.directive.d.ts +3 -0
- package/{dist/es/popover → popover}/container.directive.d.ts +3 -0
- package/{dist/es2015/popover → popover}/directives-base.d.ts +9 -4
- package/{dist/es2015/popover → popover}/popover.component.d.ts +13 -6
- package/{dist/es/popover → popover}/popover.service.d.ts +7 -4
- package/{dist/es2015/popover → popover}/template-directives/actions-template.directive.d.ts +3 -0
- package/{dist/es2015/popover → popover}/template-directives/body-template.directive.d.ts +3 -0
- package/{dist/es2015/popover → popover}/template-directives/title-template.directive.d.ts +3 -0
- package/popover.module.d.ts +43 -0
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es/tooltip → tooltip}/tooltip.content.component.d.ts +7 -4
- package/{dist/es/tooltip → tooltip}/tooltip.directive.d.ts +5 -1
- package/{dist/es/tooltip → tooltip}/tooltip.settings.d.ts +7 -0
- package/{dist/es2015/tooltip.module.d.ts → tooltip.module.d.ts} +9 -0
- package/{dist/es2015/tooltips.module.d.ts → tooltips.module.d.ts} +6 -0
- package/{dist/es/utils.d.ts → utils.d.ts} +0 -0
- package/dist/cdn/js/kendo-angular-tooltip.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/constants.js +0 -12
- package/dist/es/index.d.ts +0 -12
- package/dist/es/index.js +0 -12
- package/dist/es/index.metadata.json +0 -1
- package/dist/es/localization/localized-messages.directive.d.ts +0 -16
- package/dist/es/localization/localized-messages.directive.js +0 -38
- package/dist/es/models/animation.model.js +0 -4
- package/dist/es/models/events.js +0 -78
- package/dist/es/models/position.type.js +0 -4
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/popover/anchor.directive.d.ts +0 -44
- package/dist/es/popover/anchor.directive.js +0 -156
- package/dist/es/popover/container.directive.js +0 -182
- package/dist/es/popover/directives-base.d.ts +0 -90
- package/dist/es/popover/directives-base.js +0 -294
- package/dist/es/popover/popover.component.d.ts +0 -166
- package/dist/es/popover/popover.component.js +0 -300
- package/dist/es/popover/popover.service.js +0 -88
- package/dist/es/popover/template-directives/actions-template.directive.d.ts +0 -15
- package/dist/es/popover/template-directives/actions-template.directive.js +0 -26
- package/dist/es/popover/template-directives/body-template.directive.d.ts +0 -15
- package/dist/es/popover/template-directives/body-template.directive.js +0 -26
- package/dist/es/popover/template-directives/title-template.directive.d.ts +0 -15
- package/dist/es/popover/template-directives/title-template.directive.js +0 -26
- package/dist/es/popover.module.d.ts +0 -31
- package/dist/es/popover.module.js +0 -65
- package/dist/es/tooltip/tooltip.content.component.js +0 -192
- package/dist/es/tooltip/tooltip.directive.js +0 -452
- package/dist/es/tooltip/tooltip.settings.js +0 -46
- package/dist/es/tooltip.module.d.ts +0 -36
- package/dist/es/tooltip.module.js +0 -57
- package/dist/es/tooltips.module.d.ts +0 -32
- package/dist/es/tooltips.module.js +0 -45
- package/dist/es/utils.js +0 -113
- package/dist/es2015/index.d.ts +0 -12
- package/dist/es2015/index.js +0 -12
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/localization/localized-messages.directive.js +0 -34
- package/dist/es2015/main.d.ts +0 -22
- package/dist/es2015/main.js +0 -18
- package/dist/es2015/models/animation.model.d.ts +0 -9
- package/dist/es2015/models/events.d.ts +0 -78
- package/dist/es2015/models/functions.model.d.ts +0 -17
- package/dist/es2015/models/popover-show-option.type.d.ts +0 -8
- package/dist/es2015/models/popover-show-option.type.js +0 -4
- package/dist/es2015/models/position.type.d.ts +0 -14
- package/dist/es2015/models/show.option.type.d.ts +0 -13
- package/dist/es2015/models/show.option.type.js +0 -4
- package/dist/es2015/package-metadata.d.ts +0 -9
- package/dist/es2015/popover/container.directive.d.ts +0 -56
- package/dist/es2015/popover/popover.service.d.ts +0 -30
- package/dist/es2015/popover/template-directives/actions-template.directive.js +0 -25
- package/dist/es2015/popover/template-directives/body-template.directive.js +0 -25
- package/dist/es2015/popover/template-directives/title-template.directive.js +0 -25
- package/dist/es2015/popover.module.d.ts +0 -31
- package/dist/es2015/tooltip/tooltip.content.component.d.ts +0 -41
- package/dist/es2015/tooltip/tooltip.directive.d.ts +0 -156
- package/dist/es2015/tooltip/tooltip.settings.d.ts +0 -72
- package/dist/es2015/utils.d.ts +0 -34
- package/dist/fesm5/index.js +0 -2071
- package/dist/npm/constants.js +0 -14
- package/dist/npm/index.js +0 -19
- package/dist/npm/localization/localized-messages.directive.js +0 -40
- package/dist/npm/main.js +0 -36
- package/dist/npm/models/animation.model.js +0 -6
- package/dist/npm/models/events.js +0 -80
- package/dist/npm/models/functions.model.js +0 -6
- package/dist/npm/models/popover-show-option.type.js +0 -6
- package/dist/npm/models/position.type.js +0 -6
- package/dist/npm/models/show.option.type.js +0 -6
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/popover/anchor.directive.js +0 -158
- package/dist/npm/popover/container.directive.js +0 -184
- package/dist/npm/popover/directives-base.js +0 -296
- package/dist/npm/popover/popover.component.js +0 -302
- package/dist/npm/popover/popover.service.js +0 -90
- package/dist/npm/popover/template-directives/actions-template.directive.js +0 -28
- package/dist/npm/popover/template-directives/body-template.directive.js +0 -28
- package/dist/npm/popover/template-directives/title-template.directive.js +0 -28
- package/dist/npm/popover.module.js +0 -67
- package/dist/npm/tooltip/tooltip.content.component.js +0 -194
- package/dist/npm/tooltip/tooltip.directive.js +0 -454
- package/dist/npm/tooltip/tooltip.settings.js +0 -48
- package/dist/npm/tooltip.module.js +0 -59
- package/dist/npm/tooltips.module.js +0 -47
- package/dist/npm/utils.js +0 -121
- 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
|
|
6
|
-
import { InjectionToken, Injectable,
|
|
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
|
|
12
|
-
import {
|
|
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:
|
|
25
|
+
publishDate: 1648025640,
|
|
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
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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
|
-
|
|
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
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
],
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
]
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
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
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
]
|
|
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
|
-
|
|
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() {
|
|
520
|
+
get tooltipTemplate() {
|
|
521
|
+
return this.template;
|
|
522
|
+
}
|
|
462
523
|
/**
|
|
463
524
|
* Shows the Tooltip.
|
|
464
525
|
* @param anchor— 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(() => {
|
|
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
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
]
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
]
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
],
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
],
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
],
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
],
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
],
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
],
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
]
|
|
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
|
-
|
|
846
|
+
class PopoverTitleTemplateDirective {
|
|
811
847
|
constructor(templateRef) {
|
|
812
848
|
this.templateRef = templateRef;
|
|
813
849
|
}
|
|
814
|
-
}
|
|
815
|
-
PopoverTitleTemplateDirective =
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
]
|
|
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
|
-
|
|
868
|
+
class PopoverBodyTemplateDirective {
|
|
830
869
|
constructor(templateRef) {
|
|
831
870
|
this.templateRef = templateRef;
|
|
832
871
|
}
|
|
833
|
-
}
|
|
834
|
-
PopoverBodyTemplateDirective =
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
]
|
|
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
|
-
|
|
890
|
+
class PopoverActionsTemplateDirective {
|
|
849
891
|
constructor(templateRef) {
|
|
850
892
|
this.templateRef = templateRef;
|
|
851
893
|
}
|
|
852
|
-
}
|
|
853
|
-
PopoverActionsTemplateDirective =
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
]
|
|
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
|
-
|
|
919
|
+
class PopoverComponent {
|
|
875
920
|
constructor(localization) {
|
|
876
921
|
this.localization = localization;
|
|
877
922
|
/**
|
|
@@ -1013,106 +1058,58 @@ let PopoverComponent = class PopoverComponent {
|
|
|
1013
1058
|
default: return { 'k-callout-s': true };
|
|
1014
1059
|
}
|
|
1015
1060
|
}
|
|
1016
|
-
}
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
],
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
]
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
]
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
],
|
|
1067
|
-
|
|
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: `
|
|
1061
|
+
}
|
|
1062
|
+
PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1063
|
+
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: [
|
|
1064
|
+
LocalizationService,
|
|
1065
|
+
{
|
|
1066
|
+
provide: L10N_PREFIX,
|
|
1067
|
+
useValue: 'kendo.popover'
|
|
1068
|
+
}
|
|
1069
|
+
], 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: `
|
|
1070
|
+
<div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{'width.px': width, 'height.px': height}">
|
|
1071
|
+
<div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>
|
|
1072
|
+
|
|
1073
|
+
<div *ngIf="titleTemplate || title" class="k-popover-header">
|
|
1074
|
+
<ng-template *ngIf="titleTemplate"
|
|
1075
|
+
[ngTemplateOutlet]="titleTemplate?.templateRef"
|
|
1076
|
+
[ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">
|
|
1077
|
+
</ng-template>
|
|
1078
|
+
<ng-container *ngIf="title && !titleTemplate">
|
|
1079
|
+
{{ title }}
|
|
1080
|
+
</ng-container>
|
|
1081
|
+
</div>
|
|
1082
|
+
|
|
1083
|
+
<div *ngIf="bodyTemplate || body" class="k-popover-body">
|
|
1084
|
+
<ng-template *ngIf="bodyTemplate"
|
|
1085
|
+
[ngTemplateOutlet]="bodyTemplate?.templateRef"
|
|
1086
|
+
[ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">
|
|
1087
|
+
</ng-template>
|
|
1088
|
+
<ng-container *ngIf="body && !bodyTemplate">
|
|
1089
|
+
{{ body }}
|
|
1090
|
+
</ng-container>
|
|
1091
|
+
</div>
|
|
1092
|
+
|
|
1093
|
+
<div *ngIf="actionsTemplate" class="k-popover-actions k-actions k-hstack k-justify-content-between">
|
|
1094
|
+
<ng-template *ngIf="actionsTemplate"
|
|
1095
|
+
[ngTemplateOutlet]="actionsTemplate?.templateRef"
|
|
1096
|
+
[ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">
|
|
1097
|
+
</ng-template>
|
|
1098
|
+
</div>
|
|
1099
|
+
</div>
|
|
1100
|
+
`, 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"] }] });
|
|
1101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
1102
|
+
type: Component,
|
|
1103
|
+
args: [{
|
|
1104
|
+
selector: 'kendo-popover',
|
|
1105
|
+
providers: [
|
|
1106
|
+
LocalizationService,
|
|
1107
|
+
{
|
|
1108
|
+
provide: L10N_PREFIX,
|
|
1109
|
+
useValue: 'kendo.popover'
|
|
1110
|
+
}
|
|
1111
|
+
],
|
|
1112
|
+
template: `
|
|
1116
1113
|
<div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{'width.px': width, 'height.px': height}">
|
|
1117
1114
|
<div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>
|
|
1118
1115
|
|
|
@@ -1144,9 +1141,60 @@ PopoverComponent = __decorate([
|
|
|
1144
1141
|
</div>
|
|
1145
1142
|
</div>
|
|
1146
1143
|
`
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1144
|
+
}]
|
|
1145
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { position: [{
|
|
1146
|
+
type: Input
|
|
1147
|
+
}], offset: [{
|
|
1148
|
+
type: Input
|
|
1149
|
+
}], width: [{
|
|
1150
|
+
type: HostBinding,
|
|
1151
|
+
args: ['style.width']
|
|
1152
|
+
}, {
|
|
1153
|
+
type: Input
|
|
1154
|
+
}], height: [{
|
|
1155
|
+
type: HostBinding,
|
|
1156
|
+
args: ['style.height']
|
|
1157
|
+
}, {
|
|
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
|
+
}] } });
|
|
1150
1198
|
|
|
1151
1199
|
/**
|
|
1152
1200
|
* Arguments for the `show` event. The `show` event fires when a popover is about
|
|
@@ -1468,21 +1516,21 @@ class PopoverDirectivesBase {
|
|
|
1468
1516
|
return false;
|
|
1469
1517
|
}
|
|
1470
1518
|
}
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
]
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
]
|
|
1519
|
+
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 });
|
|
1520
|
+
PopoverDirectivesBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverDirectivesBase, inputs: { popover: "popover", showOn: "showOn" }, ngImport: i0 });
|
|
1521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverDirectivesBase, decorators: [{
|
|
1522
|
+
type: Directive,
|
|
1523
|
+
args: [{}]
|
|
1524
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }]; }, propDecorators: { popover: [{
|
|
1525
|
+
type: Input
|
|
1526
|
+
}], showOn: [{
|
|
1527
|
+
type: Input
|
|
1528
|
+
}] } });
|
|
1481
1529
|
|
|
1482
1530
|
/**
|
|
1483
1531
|
* @hidden
|
|
1484
1532
|
*/
|
|
1485
|
-
|
|
1533
|
+
class PopoverService {
|
|
1486
1534
|
constructor(ngZone) {
|
|
1487
1535
|
this.ngZone = ngZone;
|
|
1488
1536
|
this._pointerOverPopup = new BehaviorSubject(null);
|
|
@@ -1532,11 +1580,12 @@ let PopoverService = class PopoverService {
|
|
|
1532
1580
|
this._hidePopover.next([isPopoverHovered, isAnchorHovered, this._isOrigin, this.currentAnchor]);
|
|
1533
1581
|
}));
|
|
1534
1582
|
}
|
|
1535
|
-
}
|
|
1536
|
-
PopoverService =
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1583
|
+
}
|
|
1584
|
+
PopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1585
|
+
PopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService });
|
|
1586
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService, decorators: [{
|
|
1587
|
+
type: Injectable
|
|
1588
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
|
|
1540
1589
|
|
|
1541
1590
|
/**
|
|
1542
1591
|
* Represents the [`kendoPopoverContainer`]({% slug configuration_popover %}#toc-containerdirective) directive.
|
|
@@ -1551,7 +1600,7 @@ PopoverService = __decorate([
|
|
|
1551
1600
|
* </div>
|
|
1552
1601
|
* ```
|
|
1553
1602
|
*/
|
|
1554
|
-
|
|
1603
|
+
class PopoverContainerDirective extends PopoverDirectivesBase {
|
|
1555
1604
|
constructor(wrapperEl, ngZone, popupService, renderer, popoverService) {
|
|
1556
1605
|
super(ngZone, popupService, renderer);
|
|
1557
1606
|
this.wrapperEl = wrapperEl;
|
|
@@ -1684,23 +1733,19 @@ let PopoverContainerDirective = class PopoverContainerDirective extends PopoverD
|
|
|
1684
1733
|
}
|
|
1685
1734
|
show ? this.show(anchor) : this.hide();
|
|
1686
1735
|
}
|
|
1687
|
-
}
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
PopupService,
|
|
1701
|
-
Renderer2,
|
|
1702
|
-
PopoverService])
|
|
1703
|
-
], PopoverContainerDirective);
|
|
1736
|
+
}
|
|
1737
|
+
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 });
|
|
1738
|
+
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 });
|
|
1739
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverContainerDirective, decorators: [{
|
|
1740
|
+
type: Directive,
|
|
1741
|
+
args: [{
|
|
1742
|
+
selector: '[kendoPopoverContainer]',
|
|
1743
|
+
exportAs: 'kendoPopoverContainer',
|
|
1744
|
+
providers: [PopoverService]
|
|
1745
|
+
}]
|
|
1746
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }, { type: PopoverService }]; }, propDecorators: { filter: [{
|
|
1747
|
+
type: Input
|
|
1748
|
+
}] } });
|
|
1704
1749
|
|
|
1705
1750
|
/**
|
|
1706
1751
|
* Represents the [`kendoPopoverAnchor`]({% slug configuration_popover %}#toc-anchordirective) directive.
|
|
@@ -1711,7 +1756,7 @@ PopoverContainerDirective = __decorate([
|
|
|
1711
1756
|
* <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
|
|
1712
1757
|
* ```
|
|
1713
1758
|
*/
|
|
1714
|
-
|
|
1759
|
+
class PopoverAnchorDirective extends PopoverDirectivesBase {
|
|
1715
1760
|
constructor(hostEl, ngZone, popupService, renderer, popoverService) {
|
|
1716
1761
|
super(ngZone, popupService, renderer);
|
|
1717
1762
|
this.hostEl = hostEl;
|
|
@@ -1826,46 +1871,17 @@ let PopoverAnchorDirective = class PopoverAnchorDirective extends PopoverDirecti
|
|
|
1826
1871
|
}
|
|
1827
1872
|
show ? this.show() : this.hide();
|
|
1828
1873
|
}
|
|
1829
|
-
}
|
|
1830
|
-
PopoverAnchorDirective =
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
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;
|
|
1851
|
-
}
|
|
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);
|
|
1874
|
+
}
|
|
1875
|
+
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 });
|
|
1876
|
+
PopoverAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverAnchorDirective, selector: "[kendoPopoverAnchor]", providers: [PopoverService], exportAs: ["kendoPopoverAnchor"], usesInheritance: true, ngImport: i0 });
|
|
1877
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverAnchorDirective, decorators: [{
|
|
1878
|
+
type: Directive,
|
|
1879
|
+
args: [{
|
|
1880
|
+
selector: '[kendoPopoverAnchor]',
|
|
1881
|
+
exportAs: 'kendoPopoverAnchor',
|
|
1882
|
+
providers: [PopoverService]
|
|
1883
|
+
}]
|
|
1884
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }, { type: PopoverService }]; } });
|
|
1869
1885
|
|
|
1870
1886
|
const COMPONENT_DIRECTIVES = [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective];
|
|
1871
1887
|
const COMPONENT_MODULES = [PopupModule];
|
|
@@ -1899,16 +1915,20 @@ const COMPONENT_MODULES = [PopupModule];
|
|
|
1899
1915
|
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
1900
1916
|
* ```
|
|
1901
1917
|
*/
|
|
1902
|
-
|
|
1903
|
-
}
|
|
1904
|
-
TooltipModule =
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
],
|
|
1918
|
+
class TooltipModule {
|
|
1919
|
+
}
|
|
1920
|
+
TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1921
|
+
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] });
|
|
1922
|
+
TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, imports: [[CommonModule, ...COMPONENT_MODULES]] });
|
|
1923
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, decorators: [{
|
|
1924
|
+
type: NgModule,
|
|
1925
|
+
args: [{
|
|
1926
|
+
declarations: [COMPONENT_DIRECTIVES],
|
|
1927
|
+
entryComponents: [TooltipContentComponent],
|
|
1928
|
+
imports: [CommonModule, ...COMPONENT_MODULES],
|
|
1929
|
+
exports: [COMPONENT_DIRECTIVES]
|
|
1930
|
+
}]
|
|
1931
|
+
}] });
|
|
1912
1932
|
|
|
1913
1933
|
const DIRECTIVES = [
|
|
1914
1934
|
PopoverActionsTemplateDirective,
|
|
@@ -1942,22 +1962,38 @@ const DIRECTIVES = [
|
|
|
1942
1962
|
*
|
|
1943
1963
|
* ```
|
|
1944
1964
|
*/
|
|
1945
|
-
|
|
1946
|
-
}
|
|
1947
|
-
PopoverModule =
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
],
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
1965
|
+
class PopoverModule {
|
|
1966
|
+
}
|
|
1967
|
+
PopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1968
|
+
PopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, declarations: [PopoverActionsTemplateDirective,
|
|
1969
|
+
PopoverBodyTemplateDirective,
|
|
1970
|
+
PopoverTitleTemplateDirective,
|
|
1971
|
+
PopoverAnchorDirective,
|
|
1972
|
+
PopoverContainerDirective, PopoverComponent], imports: [CommonModule,
|
|
1973
|
+
PopupModule], exports: [PopoverActionsTemplateDirective,
|
|
1974
|
+
PopoverBodyTemplateDirective,
|
|
1975
|
+
PopoverTitleTemplateDirective,
|
|
1976
|
+
PopoverAnchorDirective,
|
|
1977
|
+
PopoverContainerDirective, PopoverComponent] });
|
|
1978
|
+
PopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, imports: [[
|
|
1956
1979
|
CommonModule,
|
|
1957
1980
|
PopupModule
|
|
1958
|
-
]
|
|
1959
|
-
|
|
1960
|
-
|
|
1981
|
+
]] });
|
|
1982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, decorators: [{
|
|
1983
|
+
type: NgModule,
|
|
1984
|
+
args: [{
|
|
1985
|
+
declarations: [
|
|
1986
|
+
...DIRECTIVES,
|
|
1987
|
+
PopoverComponent
|
|
1988
|
+
],
|
|
1989
|
+
entryComponents: [PopoverComponent],
|
|
1990
|
+
exports: [...DIRECTIVES, PopoverComponent],
|
|
1991
|
+
imports: [
|
|
1992
|
+
CommonModule,
|
|
1993
|
+
PopupModule
|
|
1994
|
+
]
|
|
1995
|
+
}]
|
|
1996
|
+
}] });
|
|
1961
1997
|
|
|
1962
1998
|
/**
|
|
1963
1999
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
@@ -1985,13 +2021,17 @@ PopoverModule = __decorate([
|
|
|
1985
2021
|
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
1986
2022
|
* ```
|
|
1987
2023
|
*/
|
|
1988
|
-
|
|
1989
|
-
}
|
|
1990
|
-
TooltipsModule =
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
2024
|
+
class TooltipsModule {
|
|
2025
|
+
}
|
|
2026
|
+
TooltipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2027
|
+
TooltipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, exports: [TooltipModule, PopoverModule] });
|
|
2028
|
+
TooltipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, imports: [TooltipModule, PopoverModule] });
|
|
2029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, decorators: [{
|
|
2030
|
+
type: NgModule,
|
|
2031
|
+
args: [{
|
|
2032
|
+
exports: [TooltipModule, PopoverModule]
|
|
2033
|
+
}]
|
|
2034
|
+
}] });
|
|
1995
2035
|
|
|
1996
2036
|
// Tooltip
|
|
1997
2037
|
|
|
@@ -1999,4 +2039,5 @@ TooltipsModule = __decorate([
|
|
|
1999
2039
|
* Generated bundle index. Do not edit.
|
|
2000
2040
|
*/
|
|
2001
2041
|
|
|
2002
|
-
export { LocalizedMessagesDirective,
|
|
2042
|
+
export { LocalizedMessagesDirective, PopoverActionsTemplateDirective, PopoverAnchorDirective, PopoverBodyTemplateDirective, PopoverComponent, PopoverContainerDirective, PopoverHiddenEvent, PopoverHideEvent, PopoverModule, PopoverShowEvent, PopoverShownEvent, PopoverTitleTemplateDirective, TOOLTIP_SETTINGS, TooltipContentComponent, TooltipDirective, TooltipModule, TooltipSettings, TooltipsModule };
|
|
2043
|
+
|