@progress/kendo-angular-tooltip 24.2.2-develop.9 → 25.0.0-develop.1
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/fesm2022/progress-kendo-angular-tooltip.mjs +50 -50
- package/index.d.ts +1005 -21
- package/package-metadata.mjs +2 -2
- package/package.json +11 -11
- package/constants.d.ts +0 -12
- package/directives.d.ts +0 -87
- package/localization/localized-messages.directive.d.ts +0 -19
- package/models/animation.model.d.ts +0 -9
- package/models/events.d.ts +0 -76
- package/models/functions.model.d.ts +0 -15
- package/models/popover-show-option.type.d.ts +0 -14
- package/models/position.type.d.ts +0 -14
- package/models/show.option.type.d.ts +0 -13
- package/models/theme-color.type.d.ts +0 -16
- package/package-metadata.d.ts +0 -9
- package/popover/anchor.directive.d.ts +0 -48
- package/popover/container.directive.d.ts +0 -57
- package/popover/directives-base.d.ts +0 -92
- package/popover/popover.component.d.ts +0 -195
- package/popover/popover.service.d.ts +0 -33
- package/popover/template-directives/actions-template.directive.d.ts +0 -27
- package/popover/template-directives/body-template.directive.d.ts +0 -27
- package/popover/template-directives/title-template.directive.d.ts +0 -27
- package/popover.module.d.ts +0 -34
- package/tooltip/tooltip.content.component.d.ts +0 -55
- package/tooltip/tooltip.directive.d.ts +0 -160
- package/tooltip/tooltip.settings.d.ts +0 -68
- package/tooltip.module.d.ts +0 -30
- package/tooltips.module.d.ts +0 -37
- package/utils.d.ts +0 -46
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { Position } from '../models/position.type';
|
|
8
|
-
import { PopoverDataFn } from '../models/functions.model';
|
|
9
|
-
import { PopoverTitleTemplateDirective } from './template-directives/title-template.directive';
|
|
10
|
-
import { PopoverBodyTemplateDirective } from './template-directives/body-template.directive';
|
|
11
|
-
import { PopoverActionsTemplateDirective } from './template-directives/actions-template.directive';
|
|
12
|
-
import { PopoverHideEvent, PopoverShowEvent, PopoverShownEvent } from '../models/events';
|
|
13
|
-
import { PopoverAnimation } from '../models/animation.model';
|
|
14
|
-
import * as i0 from "@angular/core";
|
|
15
|
-
/**
|
|
16
|
-
* Represents the [Kendo UI Popover component for Angular](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover).
|
|
17
|
-
* Displays additional information related to a target element.
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```html
|
|
21
|
-
* <kendo-popover>
|
|
22
|
-
* <ng-template kendoPopoverTitleTemplate>Title</ng-template>
|
|
23
|
-
* <ng-template kendoPopoverBodyTemplate>Body</ng-template>
|
|
24
|
-
* <ng-template kendoPopoverActionsTemplate>Actions</ng-template>
|
|
25
|
-
* </kendo-popover>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
29
|
-
private localization;
|
|
30
|
-
private renderer;
|
|
31
|
-
private element;
|
|
32
|
-
private zone;
|
|
33
|
-
/**
|
|
34
|
-
* @hidden
|
|
35
|
-
*/
|
|
36
|
-
anchor: Element;
|
|
37
|
-
/**
|
|
38
|
-
* Specifies the position of the Popover relative to its anchor element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/positioning).
|
|
39
|
-
*
|
|
40
|
-
* @default 'right'
|
|
41
|
-
*/
|
|
42
|
-
position: Position;
|
|
43
|
-
/**
|
|
44
|
-
* Specifies the distance from the Popover to its anchor element in pixels.
|
|
45
|
-
*
|
|
46
|
-
* @default 6
|
|
47
|
-
*/
|
|
48
|
-
set offset(value: number);
|
|
49
|
-
get offset(): number;
|
|
50
|
-
/**
|
|
51
|
-
* Determines the width of the Popover. Numeric values are treated as pixels.
|
|
52
|
-
*
|
|
53
|
-
* @default 'auto'
|
|
54
|
-
*/
|
|
55
|
-
set width(value: number | string);
|
|
56
|
-
get width(): string | number;
|
|
57
|
-
/**
|
|
58
|
-
* Determines the height of the Popover. Numeric values are treated as pixels.
|
|
59
|
-
*
|
|
60
|
-
* @default 'auto'
|
|
61
|
-
*/
|
|
62
|
-
set height(value: number | string);
|
|
63
|
-
get height(): string | number;
|
|
64
|
-
/**
|
|
65
|
-
* @hidden
|
|
66
|
-
*/
|
|
67
|
-
direction: 'ltr' | 'rtl';
|
|
68
|
-
/**
|
|
69
|
-
* Specifies the main header text of the Popover. If a `titleTemplate` is provided, it takes precedence.
|
|
70
|
-
*/
|
|
71
|
-
title: string;
|
|
72
|
-
/**
|
|
73
|
-
* @hidden
|
|
74
|
-
* Specifies the secondary header text of the Popover.
|
|
75
|
-
*
|
|
76
|
-
* If a `titleTemplate` is provided it would take precedence over the subtitle.
|
|
77
|
-
*/
|
|
78
|
-
subtitle: string;
|
|
79
|
-
/**
|
|
80
|
-
* Represents the text rendered in the Popover body section. If a `bodyTemplate` is provided, it takes precedence.
|
|
81
|
-
*/
|
|
82
|
-
body: string;
|
|
83
|
-
/**
|
|
84
|
-
* Determines whether a callout is rendered along the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/callout).
|
|
85
|
-
*
|
|
86
|
-
* @default true
|
|
87
|
-
*/
|
|
88
|
-
callout: boolean;
|
|
89
|
-
/**
|
|
90
|
-
* Enables and configures the Popover animation. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/animations).
|
|
91
|
-
*
|
|
92
|
-
* Accepts a boolean to enable the default animation, or a `PopoverAnimation` object for custom settings.
|
|
93
|
-
*
|
|
94
|
-
* @default false
|
|
95
|
-
*/
|
|
96
|
-
animation: PopoverAnimation;
|
|
97
|
-
/**
|
|
98
|
-
* Defines a callback function that returns custom data for the Popover templates.
|
|
99
|
-
* The function exposes the `anchor` element as an argument and returns an object that can be used in the templates. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/templates#passing-data-to-templates).
|
|
100
|
-
*/
|
|
101
|
-
set templateData(fn: PopoverDataFn);
|
|
102
|
-
get templateData(): PopoverDataFn;
|
|
103
|
-
/**
|
|
104
|
-
* @hidden
|
|
105
|
-
* Determines the visibility of the Popover.
|
|
106
|
-
*/
|
|
107
|
-
visible: boolean;
|
|
108
|
-
/**
|
|
109
|
-
* @hidden
|
|
110
|
-
*/
|
|
111
|
-
get isHidden(): boolean;
|
|
112
|
-
/**
|
|
113
|
-
* @hidden
|
|
114
|
-
*/
|
|
115
|
-
get hasAttributeHidden(): boolean | null;
|
|
116
|
-
/**
|
|
117
|
-
* Fires before the Popover is shown. The event is preventable. If canceled, the Popover will not display. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/events).
|
|
118
|
-
*/
|
|
119
|
-
show: EventEmitter<PopoverShowEvent>;
|
|
120
|
-
/**
|
|
121
|
-
* Fires after the Popover has been shown and the animation has ended. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/events).
|
|
122
|
-
*/
|
|
123
|
-
shown: EventEmitter<PopoverShownEvent>;
|
|
124
|
-
/**
|
|
125
|
-
* Fires when the Popover is about to be hidden. The event is preventable. If canceled, the Popover remains visible. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/events).
|
|
126
|
-
*/
|
|
127
|
-
hide: EventEmitter<PopoverHideEvent>;
|
|
128
|
-
/**
|
|
129
|
-
* Fires after the Popover has been hidden and the animation has ended. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/events).
|
|
130
|
-
*/
|
|
131
|
-
hidden: EventEmitter<any>;
|
|
132
|
-
/**
|
|
133
|
-
* @hidden
|
|
134
|
-
*/
|
|
135
|
-
closeOnKeyDown: EventEmitter<any>;
|
|
136
|
-
/**
|
|
137
|
-
* @hidden
|
|
138
|
-
*/
|
|
139
|
-
popoverWrapper: ElementRef;
|
|
140
|
-
/**
|
|
141
|
-
* @hidden
|
|
142
|
-
*/
|
|
143
|
-
titleTemplateWrapper: ElementRef;
|
|
144
|
-
/**
|
|
145
|
-
* @hidden
|
|
146
|
-
*/
|
|
147
|
-
bodyTemplateWrapper: ElementRef;
|
|
148
|
-
/**
|
|
149
|
-
* @hidden
|
|
150
|
-
*/
|
|
151
|
-
titleTemplate: PopoverTitleTemplateDirective;
|
|
152
|
-
/**
|
|
153
|
-
* @hidden
|
|
154
|
-
*/
|
|
155
|
-
bodyTemplate: PopoverBodyTemplateDirective;
|
|
156
|
-
/**
|
|
157
|
-
* @hidden
|
|
158
|
-
*/
|
|
159
|
-
actionsTemplate: PopoverActionsTemplateDirective;
|
|
160
|
-
/**
|
|
161
|
-
* @hidden
|
|
162
|
-
*/
|
|
163
|
-
contextData: any;
|
|
164
|
-
/**
|
|
165
|
-
* @hidden
|
|
166
|
-
*/
|
|
167
|
-
_width: string;
|
|
168
|
-
/**
|
|
169
|
-
* @hidden
|
|
170
|
-
*/
|
|
171
|
-
_height: string;
|
|
172
|
-
/**
|
|
173
|
-
* @hidden
|
|
174
|
-
*/
|
|
175
|
-
popoverId: string;
|
|
176
|
-
private _offset;
|
|
177
|
-
private subs;
|
|
178
|
-
constructor(localization: LocalizationService, renderer: Renderer2, element: ElementRef, zone: NgZone);
|
|
179
|
-
ngOnInit(): void;
|
|
180
|
-
ngAfterViewInit(): void;
|
|
181
|
-
ngOnDestroy(): void;
|
|
182
|
-
/**
|
|
183
|
-
* @hidden
|
|
184
|
-
*/
|
|
185
|
-
getCalloutPosition(): any;
|
|
186
|
-
/**
|
|
187
|
-
* @hidden
|
|
188
|
-
*/
|
|
189
|
-
onKeyDown(event: any): void;
|
|
190
|
-
private _templateData;
|
|
191
|
-
private keepFocusWithinComponent;
|
|
192
|
-
private setAriaAttributes;
|
|
193
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
|
|
194
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "kendo-popover", never, { "position": { "alias": "position"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "body": { "alias": "body"; "required": false; }; "callout": { "alias": "callout"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "templateData": { "alias": "templateData"; "required": false; }; }, { "show": "show"; "shown": "shown"; "hide": "hide"; "hidden": "hidden"; "closeOnKeyDown": "closeOnKeyDown"; }, ["titleTemplate", "bodyTemplate", "actionsTemplate"], never, true, never>;
|
|
195
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgZone, OnDestroy } from '@angular/core';
|
|
6
|
-
import { Observable } from 'rxjs';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export declare class PopoverService implements OnDestroy {
|
|
12
|
-
private ngZone;
|
|
13
|
-
private _pointerOverPopup;
|
|
14
|
-
private _pointerOverAnchor;
|
|
15
|
-
private _focusInsidePopover;
|
|
16
|
-
private _hidePopover;
|
|
17
|
-
private _isOrigin;
|
|
18
|
-
private originAnchor;
|
|
19
|
-
private currentAnchor;
|
|
20
|
-
private subs;
|
|
21
|
-
constructor(ngZone: NgZone);
|
|
22
|
-
ngOnDestroy(): void;
|
|
23
|
-
get isPopoverHovered(): Observable<any>;
|
|
24
|
-
emitPopoverState(isHovered: boolean): void;
|
|
25
|
-
get isAnchorHovered(): Observable<any>;
|
|
26
|
-
emitAnchorState(isHovered: boolean, anchor: any): void;
|
|
27
|
-
get isFocusInsidePopover(): Observable<any>;
|
|
28
|
-
emitFocusInsidePopover(isFocused: boolean): void;
|
|
29
|
-
get hidePopover(): Observable<any>;
|
|
30
|
-
monitor(): void;
|
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverService, never>;
|
|
32
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<PopoverService>;
|
|
33
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents the Kendo UI Popover actions template directive for Angular.
|
|
9
|
-
* Use the `kendoPopoverActionsTemplate` directive to define a custom actions template for the Popover component.
|
|
10
|
-
*
|
|
11
|
-
* To define the template, nest an `<ng-template>` tag
|
|
12
|
-
* with the `kendoPopoverActionsTemplate` directive inside the `<kendo-popover>` tag.
|
|
13
|
-
*
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-popover>
|
|
16
|
-
* <ng-template kendoPopoverActionsTemplate>
|
|
17
|
-
* Custom Actions
|
|
18
|
-
* </ng-template>
|
|
19
|
-
* </kendo-popover>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare class PopoverActionsTemplateDirective {
|
|
23
|
-
templateRef: TemplateRef<any>;
|
|
24
|
-
constructor(templateRef: TemplateRef<any>);
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverActionsTemplateDirective, [{ optional: true; }]>;
|
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverActionsTemplateDirective, "[kendoPopoverActionsTemplate]", never, {}, {}, never, never, true, never>;
|
|
27
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents the Kendo UI Popover body template directive for Angular.
|
|
9
|
-
* Use the `kendoPopoverBodyTemplate` directive to define a custom body template for the Popover component.
|
|
10
|
-
*
|
|
11
|
-
* To define the template, nest an `<ng-template>` tag
|
|
12
|
-
* with the `kendoPopoverBodyTemplate` directive inside the `<kendo-popover>` tag.
|
|
13
|
-
*
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-popover>
|
|
16
|
-
* <ng-template kendoPopoverBodyTemplate>
|
|
17
|
-
* Custom Body Content
|
|
18
|
-
* </ng-template>
|
|
19
|
-
* </kendo-popover>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare class PopoverBodyTemplateDirective {
|
|
23
|
-
templateRef: TemplateRef<any>;
|
|
24
|
-
constructor(templateRef: TemplateRef<any>);
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverBodyTemplateDirective, [{ optional: true; }]>;
|
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverBodyTemplateDirective, "[kendoPopoverBodyTemplate]", never, {}, {}, never, never, true, never>;
|
|
27
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents the Kendo UI Popover title template directive for Angular.
|
|
9
|
-
* Use the `kendoPopoverTitleTemplate` directive to define a custom title template for the Popover component.
|
|
10
|
-
*
|
|
11
|
-
* To define the template, nest an `<ng-template>` tag
|
|
12
|
-
* with the `kendoPopoverTitleTemplate` directive inside the `<kendo-popover>` tag.
|
|
13
|
-
*
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-popover>
|
|
16
|
-
* <ng-template kendoPopoverTitleTemplate>
|
|
17
|
-
* Custom Title
|
|
18
|
-
* </ng-template>
|
|
19
|
-
* </kendo-popover>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare class PopoverTitleTemplateDirective {
|
|
23
|
-
templateRef: TemplateRef<any>;
|
|
24
|
-
constructor(templateRef: TemplateRef<any>);
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverTitleTemplateDirective, [{ optional: true; }]>;
|
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverTitleTemplateDirective, "[kendoPopoverTitleTemplate]", never, {}, {}, never, never, true, never>;
|
|
27
|
-
}
|
package/popover.module.d.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./popover/popover.component";
|
|
7
|
-
import * as i2 from "./popover/template-directives/actions-template.directive";
|
|
8
|
-
import * as i3 from "./popover/template-directives/body-template.directive";
|
|
9
|
-
import * as i4 from "./popover/template-directives/title-template.directive";
|
|
10
|
-
import * as i5 from "./popover/anchor.directive";
|
|
11
|
-
import * as i6 from "./popover/container.directive";
|
|
12
|
-
/**
|
|
13
|
-
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
|
|
14
|
-
* definition for the Popover component.
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* ```typescript
|
|
18
|
-
* import { PopoverModule } from '@progress/kendo-angular-tooltip';
|
|
19
|
-
* import { NgModule } from '@angular/core';
|
|
20
|
-
* import { AppComponent } from './app.component';
|
|
21
|
-
*
|
|
22
|
-
* @NgModule({
|
|
23
|
-
* declarations: [AppComponent],
|
|
24
|
-
* imports: [BrowserModule, PopoverModule],
|
|
25
|
-
* bootstrap: [AppComponent]
|
|
26
|
-
* })
|
|
27
|
-
* export class AppModule {}
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
export declare class PopoverModule {
|
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverModule, never>;
|
|
32
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PopoverModule, never, [typeof i1.PopoverComponent, typeof i2.PopoverActionsTemplateDirective, typeof i3.PopoverBodyTemplateDirective, typeof i4.PopoverTitleTemplateDirective, typeof i5.PopoverAnchorDirective, typeof i6.PopoverContainerDirective], [typeof i1.PopoverComponent, typeof i2.PopoverActionsTemplateDirective, typeof i3.PopoverBodyTemplateDirective, typeof i4.PopoverTitleTemplateDirective, typeof i5.PopoverAnchorDirective, typeof i6.PopoverContainerDirective]>;
|
|
33
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<PopoverModule>;
|
|
34
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, TemplateRef, EventEmitter } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { Position } from '../models/position.type';
|
|
8
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare class TooltipContentComponent {
|
|
14
|
-
private content;
|
|
15
|
-
private localizationService;
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
xIcon: SVGIcon;
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
direction: string;
|
|
24
|
-
close: EventEmitter<any>;
|
|
25
|
-
get cssClasses(): string;
|
|
26
|
-
hostRole: string;
|
|
27
|
-
get hostId(): string;
|
|
28
|
-
get className(): boolean;
|
|
29
|
-
get cssPosition(): string;
|
|
30
|
-
tooltipWidth: number;
|
|
31
|
-
tooltipHeight: number;
|
|
32
|
-
titleTemplate?: TemplateRef<any>;
|
|
33
|
-
anchor: ElementRef;
|
|
34
|
-
closable: boolean;
|
|
35
|
-
templateRef?: TemplateRef<any>;
|
|
36
|
-
templateString?: string;
|
|
37
|
-
closeTitle: string;
|
|
38
|
-
callout: boolean;
|
|
39
|
-
position: string;
|
|
40
|
-
/**
|
|
41
|
-
* @hidden
|
|
42
|
-
*/
|
|
43
|
-
tooltipId: string;
|
|
44
|
-
private dynamicRTLSubscription;
|
|
45
|
-
constructor(content: ElementRef, localizationService: LocalizationService);
|
|
46
|
-
ngOnInit(): void;
|
|
47
|
-
ngOnDestroy(): void;
|
|
48
|
-
get closeButtonTitle(): string;
|
|
49
|
-
calloutPositionClass(): string;
|
|
50
|
-
onCloseClick(event: any): void;
|
|
51
|
-
updateCalloutPosition(position: Position, isFlip: boolean): void;
|
|
52
|
-
private calloutStyles;
|
|
53
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipContentComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipContentComponent, "kendo-tooltip", never, { "tooltipWidth": { "alias": "tooltipWidth"; "required": false; }; "tooltipHeight": { "alias": "tooltipHeight"; "required": false; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "templateRef": { "alias": "templateRef"; "required": false; }; "templateString": { "alias": "templateString"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
|
|
55
|
-
}
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { TemplateRef, OnDestroy, ElementRef, NgZone, OnChanges, Renderer2, AfterViewChecked } from '@angular/core';
|
|
6
|
-
import { PopupService, PopupRef, Collision } from '@progress/kendo-angular-popup';
|
|
7
|
-
import { TooltipSettings } from './tooltip.settings';
|
|
8
|
-
import { Position } from '../models/position.type';
|
|
9
|
-
import { ShowOption } from '../models/show.option.type';
|
|
10
|
-
import { TooltipThemeColor } from '../models/theme-color.type';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
/**
|
|
13
|
-
* Represents the [Kendo UI Tooltip directive for Angular](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip).
|
|
14
|
-
* Displays additional information related to an element.
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* ```html
|
|
18
|
-
* <div kendoTooltip>
|
|
19
|
-
* <button kendoButton title="Save">Save</button>
|
|
20
|
-
* </div>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked {
|
|
24
|
-
tooltipWrapper: ElementRef;
|
|
25
|
-
ngZone: NgZone;
|
|
26
|
-
private renderer;
|
|
27
|
-
private popupService;
|
|
28
|
-
/**
|
|
29
|
-
* Specifies a selector for elements within a container that display a tooltip
|
|
30
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements)). The possible values include any
|
|
31
|
-
* DOM `selector`.
|
|
32
|
-
* @default '[title]'
|
|
33
|
-
*/
|
|
34
|
-
filter: string;
|
|
35
|
-
/**
|
|
36
|
-
* Specifies the position of the Tooltip relative to the
|
|
37
|
-
* anchor element ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/positioning)).
|
|
38
|
-
*
|
|
39
|
-
* @default 'top'
|
|
40
|
-
*/
|
|
41
|
-
position: Position;
|
|
42
|
-
/**
|
|
43
|
-
* Sets the template for the tooltip header title. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
|
|
44
|
-
*/
|
|
45
|
-
titleTemplate?: TemplateRef<any>;
|
|
46
|
-
/**
|
|
47
|
-
* Specifies the mouse action that triggers the Tooltip to show. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/opening).
|
|
48
|
-
*/
|
|
49
|
-
showOn: ShowOption;
|
|
50
|
-
/**
|
|
51
|
-
* Specifies the delay in milliseconds before the Tooltip is shown.
|
|
52
|
-
*
|
|
53
|
-
* @default 100
|
|
54
|
-
*/
|
|
55
|
-
showAfter: number;
|
|
56
|
-
/**
|
|
57
|
-
* Determines if the Tooltip displays a callout arrow.
|
|
58
|
-
*
|
|
59
|
-
* @default true
|
|
60
|
-
*/
|
|
61
|
-
callout: boolean;
|
|
62
|
-
/**
|
|
63
|
-
* Determines if the Tooltip displays a **Close** button. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/closable-tooltip).
|
|
64
|
-
*
|
|
65
|
-
* @default false
|
|
66
|
-
*/
|
|
67
|
-
closable: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Specifies the offset in pixels between the Tooltip and the anchor.
|
|
70
|
-
* If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
|
|
71
|
-
* If the `callout` property is set to `false`, the offset is rendered from the content of the Tooltip.
|
|
72
|
-
*
|
|
73
|
-
* @default 6
|
|
74
|
-
*/
|
|
75
|
-
offset: number;
|
|
76
|
-
/**
|
|
77
|
-
* Sets the width of the Tooltip. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
|
|
78
|
-
*/
|
|
79
|
-
tooltipWidth: number;
|
|
80
|
-
/**
|
|
81
|
-
* Sets the height of the Tooltip.
|
|
82
|
-
*/
|
|
83
|
-
tooltipHeight: number;
|
|
84
|
-
/**
|
|
85
|
-
* Sets a CSS class for the Tooltip.
|
|
86
|
-
*/
|
|
87
|
-
tooltipClass: string;
|
|
88
|
-
/**
|
|
89
|
-
* Specifies the theme color of the Tooltip.
|
|
90
|
-
* The theme color applies the corresponding `k-tooltip-{tooltipThemeColor}` class to the Tooltip element.
|
|
91
|
-
*/
|
|
92
|
-
tooltipThemeColor: TooltipThemeColor;
|
|
93
|
-
/**
|
|
94
|
-
* @hidden
|
|
95
|
-
* Specifies a CSS class that will be added to the kendo-tooltip element.
|
|
96
|
-
*/
|
|
97
|
-
tooltipContentClass: string;
|
|
98
|
-
/**
|
|
99
|
-
* Provides screen boundary detection when the Тooltip is shown.
|
|
100
|
-
*/
|
|
101
|
-
collision: Collision;
|
|
102
|
-
/**
|
|
103
|
-
* Sets the title of the **Close** button.
|
|
104
|
-
*/
|
|
105
|
-
closeTitle: string;
|
|
106
|
-
/**
|
|
107
|
-
* Sets a custom content template for the Tooltip.
|
|
108
|
-
* The template is rendered inside the Tooltip content area. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/templates).
|
|
109
|
-
*/
|
|
110
|
-
set tooltipTemplate(value: TemplateRef<any>);
|
|
111
|
-
get tooltipTemplate(): TemplateRef<any>;
|
|
112
|
-
popupRef: PopupRef;
|
|
113
|
-
template: TemplateRef<any>;
|
|
114
|
-
private showTimeout;
|
|
115
|
-
private anchor;
|
|
116
|
-
private mouseOverSubscription;
|
|
117
|
-
private mouseOutSubscription;
|
|
118
|
-
private mouseClickSubscription;
|
|
119
|
-
private anchorTitleSubscription;
|
|
120
|
-
private popupPositionChangeSubscription;
|
|
121
|
-
private popupMouseOutSubscription;
|
|
122
|
-
private keyboardNavigationSubscription;
|
|
123
|
-
private closeClickSubscription;
|
|
124
|
-
private validPositions;
|
|
125
|
-
private validShowOptions;
|
|
126
|
-
constructor(tooltipWrapper: ElementRef, ngZone: NgZone, renderer: Renderer2, popupService: PopupService, settings: TooltipSettings, legacySettings: TooltipSettings);
|
|
127
|
-
/**
|
|
128
|
-
* Shows the Tooltip.
|
|
129
|
-
* @param anchor - The element used as an anchor. The Tooltip opens relative to this element.
|
|
130
|
-
*/
|
|
131
|
-
show(anchor: ElementRef | Element): void;
|
|
132
|
-
/**
|
|
133
|
-
* Hides the Tooltip.
|
|
134
|
-
*/
|
|
135
|
-
hide(): void;
|
|
136
|
-
/**
|
|
137
|
-
* Toggles the visibility of the Tooltip.
|
|
138
|
-
* @param anchor - The element used as an anchor.
|
|
139
|
-
* @param show - Optional. Boolean. Specifies if the Tooltip is rendered.
|
|
140
|
-
*/
|
|
141
|
-
toggle(anchor: ElementRef | Element, show?: boolean): void;
|
|
142
|
-
ngOnInit(): void;
|
|
143
|
-
ngOnChanges(changes: any): void;
|
|
144
|
-
ngAfterViewChecked(): void;
|
|
145
|
-
ngOnDestroy(): void;
|
|
146
|
-
private showContent;
|
|
147
|
-
private bindContent;
|
|
148
|
-
private hideElementTitle;
|
|
149
|
-
private openPopup;
|
|
150
|
-
private closePopup;
|
|
151
|
-
private subscribeClick;
|
|
152
|
-
private onMouseClick;
|
|
153
|
-
private onKeyDown;
|
|
154
|
-
private canCloseTooltip;
|
|
155
|
-
private onMouseOver;
|
|
156
|
-
private onMouseOut;
|
|
157
|
-
private verifyProperties;
|
|
158
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, [null, null, null, null, { optional: true; }, { optional: true; }]>;
|
|
159
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[kendoTooltip]", ["kendoTooltip"], { "filter": { "alias": "filter"; "required": false; }; "position": { "alias": "position"; "required": false; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; }; "showOn": { "alias": "showOn"; "required": false; }; "showAfter": { "alias": "showAfter"; "required": false; }; "callout": { "alias": "callout"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "tooltipWidth": { "alias": "tooltipWidth"; "required": false; }; "tooltipHeight": { "alias": "tooltipHeight"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; "tooltipThemeColor": { "alias": "tooltipThemeColor"; "required": false; }; "tooltipContentClass": { "alias": "tooltipContentClass"; "required": false; }; "collision": { "alias": "collision"; "required": false; }; "closeTitle": { "alias": "closeTitle"; "required": false; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; }; }, {}, never, never, true, never>;
|
|
160
|
-
}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { InjectionToken } from '@angular/core';
|
|
6
|
-
import { Position } from '../models/position.type';
|
|
7
|
-
import { ShowOption } from '../models/show.option.type';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* Obsolete. Provide the TooltipSettings class instead.
|
|
11
|
-
*
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export declare const TOOLTIP_SETTINGS: InjectionToken<string>;
|
|
15
|
-
/**
|
|
16
|
-
* Provides a global configuration for the Kendo UI Tooltip. Inject this class in the `AppComponent` constructor to override configuration properties.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```typescript
|
|
20
|
-
* import { TooltipSettings } from '@progress/kendo-angular-tooltip';
|
|
21
|
-
*
|
|
22
|
-
* @Component({
|
|
23
|
-
* selector: 'my-app',
|
|
24
|
-
* template: `<div kendoTooltip><button title="Save">Save</button></div>`,
|
|
25
|
-
* providers: [{
|
|
26
|
-
* provide: TooltipSettings,
|
|
27
|
-
* useFactory: (): TooltipSettings => ({ position: 'right' })
|
|
28
|
-
* }]
|
|
29
|
-
* })
|
|
30
|
-
* export class AppComponent {}
|
|
31
|
-
* ```
|
|
32
|
-
*/
|
|
33
|
-
export declare class TooltipSettings {
|
|
34
|
-
/**
|
|
35
|
-
* Determines if the Tooltip displays a callout arrow.
|
|
36
|
-
*
|
|
37
|
-
* @default true
|
|
38
|
-
*/
|
|
39
|
-
callout?: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* Sets the title of the **Close** button.
|
|
42
|
-
*/
|
|
43
|
-
closeTitle: string;
|
|
44
|
-
/**
|
|
45
|
-
* Specifies the position of the Tooltip relative to the anchor element.
|
|
46
|
-
*
|
|
47
|
-
* @default 'top'
|
|
48
|
-
*/
|
|
49
|
-
position?: Position;
|
|
50
|
-
/**
|
|
51
|
-
* Specifies the mouse action that triggers the Tooltip to show.
|
|
52
|
-
*
|
|
53
|
-
* @default 'hover'
|
|
54
|
-
*/
|
|
55
|
-
showOn?: ShowOption;
|
|
56
|
-
/**
|
|
57
|
-
* Specifies the delay in milliseconds before the Tooltip is shown.
|
|
58
|
-
*
|
|
59
|
-
* @default 100
|
|
60
|
-
*/
|
|
61
|
-
showAfter?: number;
|
|
62
|
-
/**
|
|
63
|
-
* @hidden
|
|
64
|
-
*/
|
|
65
|
-
constructor();
|
|
66
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipSettings, never>;
|
|
67
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<TooltipSettings>;
|
|
68
|
-
}
|
package/tooltip.module.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./tooltip/tooltip.directive";
|
|
7
|
-
import * as i2 from "./tooltip/tooltip.content.component";
|
|
8
|
-
import * as i3 from "./localization/localized-messages.directive";
|
|
9
|
-
/**
|
|
10
|
-
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
|
|
11
|
-
* definition for the Tooltip component.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```typescript
|
|
15
|
-
* import { TooltipModule } from '@progress/kendo-angular-tooltip';
|
|
16
|
-
* import { NgModule } from '@angular/core';
|
|
17
|
-
*
|
|
18
|
-
* @NgModule({
|
|
19
|
-
* declarations: [AppComponent],
|
|
20
|
-
* imports: [BrowserModule, TooltipModule],
|
|
21
|
-
* bootstrap: [AppComponent]
|
|
22
|
-
* })
|
|
23
|
-
* export class AppModule {}
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
export declare class TooltipModule {
|
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipModule, never>;
|
|
28
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipModule, never, [typeof i1.TooltipDirective, typeof i2.TooltipContentComponent, typeof i3.LocalizedMessagesDirective], [typeof i1.TooltipDirective, typeof i2.TooltipContentComponent, typeof i3.LocalizedMessagesDirective]>;
|
|
29
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<TooltipModule>;
|
|
30
|
-
}
|