@progress/kendo-angular-tooltip 19.1.2-develop.4 → 19.1.2-develop.5
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/directives.d.ts +65 -3
- package/esm2022/directives.mjs +65 -3
- package/esm2022/models/events.mjs +11 -13
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/popover/anchor.directive.mjs +2 -2
- package/esm2022/popover/container.directive.mjs +10 -12
- package/esm2022/popover/directives-base.mjs +4 -14
- package/esm2022/popover/popover.component.mjs +23 -34
- package/esm2022/popover/template-directives/actions-template.directive.mjs +10 -1
- package/esm2022/popover/template-directives/body-template.directive.mjs +10 -1
- package/esm2022/popover/template-directives/title-template.directive.mjs +10 -1
- package/esm2022/popover.module.mjs +3 -8
- package/esm2022/tooltip/tooltip.directive.mjs +29 -43
- package/esm2022/tooltip/tooltip.settings.mjs +19 -35
- package/esm2022/tooltip.module.mjs +6 -15
- package/esm2022/tooltips.module.mjs +5 -13
- package/fesm2022/progress-kendo-angular-tooltip.mjs +209 -197
- package/models/animation.model.d.ts +1 -1
- package/models/events.d.ts +11 -13
- package/models/functions.model.d.ts +4 -6
- package/models/popover-show-option.type.d.ts +7 -1
- package/models/position.type.d.ts +5 -5
- package/models/show.option.type.d.ts +4 -4
- package/package.json +7 -7
- package/popover/anchor.directive.d.ts +2 -2
- package/popover/container.directive.d.ts +10 -12
- package/popover/directives-base.d.ts +4 -14
- package/popover/popover.component.d.ts +23 -34
- package/popover/template-directives/actions-template.directive.d.ts +10 -1
- package/popover/template-directives/body-template.directive.d.ts +10 -1
- package/popover/template-directives/title-template.directive.d.ts +10 -1
- package/popover.module.d.ts +3 -8
- package/tooltip/tooltip.directive.d.ts +29 -43
- package/tooltip/tooltip.settings.d.ts +19 -35
- package/tooltip.module.d.ts +6 -15
- package/tooltips.module.d.ts +5 -13
@@ -10,12 +10,12 @@ import { ShowOption } from '../models/show.option.type';
|
|
10
10
|
import * as i0 from "@angular/core";
|
11
11
|
/**
|
12
12
|
* Represents the [Kendo UI Tooltip directive for Angular]({% slug overview_tooltip %}).
|
13
|
-
*
|
13
|
+
* Displays additional information related to an element.
|
14
14
|
*
|
15
15
|
* @example
|
16
|
-
* ```
|
16
|
+
* ```html
|
17
17
|
* <div kendoTooltip>
|
18
|
-
*
|
18
|
+
* <button kendoButton title="Save">Save</button>
|
19
19
|
* </div>
|
20
20
|
* ```
|
21
21
|
*/
|
@@ -25,75 +25,63 @@ export declare class TooltipDirective implements OnDestroy, OnChanges, AfterView
|
|
25
25
|
private renderer;
|
26
26
|
private popupService;
|
27
27
|
/**
|
28
|
-
* Specifies a selector for elements within a container
|
28
|
+
* Specifies a selector for elements within a container that display a tooltip
|
29
29
|
* ([see example]({% slug anchorelements_tooltip %})). The possible values include any
|
30
|
-
* DOM `selector`.
|
30
|
+
* DOM `selector`.
|
31
|
+
* @default '[title]'
|
31
32
|
*/
|
32
33
|
filter: string;
|
33
34
|
/**
|
34
|
-
* Specifies the position of the Tooltip
|
35
|
+
* Specifies the position of the Tooltip relative to the
|
35
36
|
* anchor element ([see example]({% slug positioning_tooltip %})).
|
36
37
|
*
|
37
|
-
*
|
38
|
-
* * `top` (default)
|
39
|
-
* * `bottom`
|
40
|
-
* * `left`
|
41
|
-
* * `right`
|
38
|
+
* @default 'top'
|
42
39
|
*/
|
43
40
|
position: Position;
|
44
41
|
/**
|
45
|
-
*
|
46
|
-
* ([see example]({% slug anchorelements_tooltip %})).
|
42
|
+
* Sets the template for the tooltip header title. [See example]({% slug anchorelements_tooltip %}).
|
47
43
|
*/
|
48
44
|
titleTemplate?: TemplateRef<any>;
|
49
45
|
/**
|
50
|
-
* Specifies
|
51
|
-
* ([see example]({% slug programmaticopening_tooltip %})).
|
52
|
-
*
|
53
|
-
* The possible values are:
|
54
|
-
* * `hover` (default)
|
55
|
-
* * `click`
|
56
|
-
* * `none`
|
46
|
+
* Specifies the mouse action that triggers the Tooltip to show. [See example]({% slug programmaticopening_tooltip %}).
|
57
47
|
*/
|
58
48
|
showOn: ShowOption;
|
59
49
|
/**
|
60
50
|
* Specifies the delay in milliseconds before the Tooltip is shown.
|
61
|
-
*
|
51
|
+
*
|
52
|
+
* @default 100
|
62
53
|
*/
|
63
54
|
showAfter: number;
|
64
55
|
/**
|
65
|
-
*
|
56
|
+
* Determines if the Tooltip displays a callout arrow.
|
66
57
|
*
|
67
|
-
*
|
68
|
-
* * `true` (default)
|
69
|
-
* * `false`
|
58
|
+
* @default true
|
70
59
|
*/
|
71
60
|
callout: boolean;
|
72
61
|
/**
|
73
|
-
*
|
74
|
-
* ([see example]({% slug closable_tooltip %})).
|
62
|
+
* Determines if the Tooltip displays a **Close** button. [See example]({% slug closable_tooltip %}).
|
75
63
|
*
|
76
|
-
*
|
77
|
-
* * `true`
|
78
|
-
* * `false`
|
64
|
+
* @default false
|
79
65
|
*/
|
80
66
|
closable: boolean;
|
81
67
|
/**
|
82
|
-
* Specifies the offset in pixels between the Tooltip and the anchor.
|
68
|
+
* Specifies the offset in pixels between the Tooltip and the anchor.
|
83
69
|
* If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
|
84
70
|
* If the `callout` property is set to `false`, the offset is rendered from the content of the Tooltip.
|
71
|
+
*
|
72
|
+
* @default 6
|
85
73
|
*/
|
86
74
|
offset: number;
|
87
75
|
/**
|
88
|
-
*
|
76
|
+
* Sets the width of the Tooltip. [See example]({% slug anchorelements_tooltip %}).
|
89
77
|
*/
|
90
78
|
tooltipWidth: number;
|
91
79
|
/**
|
92
|
-
*
|
80
|
+
* Sets the height of the Tooltip.
|
93
81
|
*/
|
94
82
|
tooltipHeight: number;
|
95
83
|
/**
|
96
|
-
*
|
84
|
+
* Sets a CSS class for the Tooltip.
|
97
85
|
*/
|
98
86
|
tooltipClass: string;
|
99
87
|
/**
|
@@ -106,12 +94,12 @@ export declare class TooltipDirective implements OnDestroy, OnChanges, AfterView
|
|
106
94
|
*/
|
107
95
|
collision: Collision;
|
108
96
|
/**
|
109
|
-
*
|
97
|
+
* Sets the title of the **Close** button.
|
110
98
|
*/
|
111
99
|
closeTitle: string;
|
112
100
|
/**
|
113
|
-
* Sets
|
114
|
-
*
|
101
|
+
* Sets a custom content template for the Tooltip.
|
102
|
+
* The template is rendered inside the Tooltip content area. [See example]({% slug templates_tooltip %}).
|
115
103
|
*/
|
116
104
|
set tooltipTemplate(value: TemplateRef<any>);
|
117
105
|
get tooltipTemplate(): TemplateRef<any>;
|
@@ -132,8 +120,7 @@ export declare class TooltipDirective implements OnDestroy, OnChanges, AfterView
|
|
132
120
|
constructor(tooltipWrapper: ElementRef, ngZone: NgZone, renderer: Renderer2, popupService: PopupService, settings: TooltipSettings, legacySettings: TooltipSettings);
|
133
121
|
/**
|
134
122
|
* Shows the Tooltip.
|
135
|
-
* @param anchor
|
136
|
-
* Specifies the element that will be used as an anchor. The Tooltip opens relative to that element.
|
123
|
+
* @param anchor - The element used as an anchor. The Tooltip opens relative to this element.
|
137
124
|
*/
|
138
125
|
show(anchor: ElementRef | Element): void;
|
139
126
|
/**
|
@@ -141,10 +128,9 @@ export declare class TooltipDirective implements OnDestroy, OnChanges, AfterView
|
|
141
128
|
*/
|
142
129
|
hide(): void;
|
143
130
|
/**
|
144
|
-
*
|
145
|
-
*
|
146
|
-
* @param
|
147
|
-
* @param show— Optional. Boolean. Specifies if the Tooltip will be rendered.
|
131
|
+
* Toggles the visibility of the Tooltip.
|
132
|
+
* @param anchor - The element used as an anchor.
|
133
|
+
* @param show - Optional. Boolean. Specifies if the Tooltip is rendered.
|
148
134
|
*/
|
149
135
|
toggle(anchor: ElementRef | Element, show?: boolean): void;
|
150
136
|
ngOnInit(): void;
|
@@ -13,66 +13,50 @@ import * as i0 from "@angular/core";
|
|
13
13
|
*/
|
14
14
|
export declare const TOOLTIP_SETTINGS: InjectionToken<string>;
|
15
15
|
/**
|
16
|
-
* Provides a global configuration for the Kendo UI Tooltip.
|
17
|
-
* the `AppComponent` constructor, the configuration properties can be overridden.
|
16
|
+
* Provides a global configuration for the Kendo UI Tooltip. Inject this class in the `AppComponent` constructor to override configuration properties.
|
18
17
|
*
|
19
18
|
* @example
|
20
|
-
* ```
|
19
|
+
* ```typescript
|
21
20
|
* import { TooltipSettings } from '@progress/kendo-angular-tooltip';
|
22
21
|
*
|
23
|
-
*
|
24
|
-
*
|
25
|
-
*
|
26
|
-
*
|
27
|
-
*
|
28
|
-
*
|
29
|
-
*
|
30
|
-
* provide: TooltipSettings,
|
31
|
-
* useFactory: (): TooltipSettings => ({
|
32
|
-
* // Override default values of tooltips if wanted
|
33
|
-
* position: 'right'
|
34
|
-
* })
|
35
|
-
* }]
|
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
|
+
* }]
|
36
29
|
* })
|
37
|
-
* export class AppComponent {
|
30
|
+
* export class AppComponent {}
|
38
31
|
* ```
|
39
32
|
*/
|
40
33
|
export declare class TooltipSettings {
|
41
34
|
/**
|
42
|
-
*
|
35
|
+
* Determines if the Tooltip displays a callout arrow.
|
43
36
|
*
|
44
|
-
*
|
45
|
-
* * `true` (default)
|
46
|
-
* * `false`
|
37
|
+
* @default true
|
47
38
|
*/
|
48
39
|
callout?: boolean;
|
49
40
|
/**
|
50
|
-
*
|
41
|
+
* Sets the title of the **Close** button.
|
51
42
|
*/
|
52
43
|
closeTitle: string;
|
53
44
|
/**
|
54
|
-
* Specifies the position of the Tooltip
|
55
|
-
* relative to the anchor element.
|
45
|
+
* Specifies the position of the Tooltip relative to the anchor element.
|
56
46
|
*
|
57
|
-
*
|
58
|
-
* * `top` (default)
|
59
|
-
* * `bottom`
|
60
|
-
* * `left`
|
61
|
-
* * `right`
|
47
|
+
* @default 'top'
|
62
48
|
*/
|
63
49
|
position?: Position;
|
64
50
|
/**
|
65
|
-
* Specifies
|
51
|
+
* Specifies the mouse action that triggers the Tooltip to show.
|
66
52
|
*
|
67
|
-
*
|
68
|
-
* * `hover` (default)
|
69
|
-
* * `click`
|
70
|
-
* * `none`
|
53
|
+
* @default 'hover'
|
71
54
|
*/
|
72
55
|
showOn?: ShowOption;
|
73
56
|
/**
|
74
57
|
* Specifies the delay in milliseconds before the Tooltip is shown.
|
75
|
-
*
|
58
|
+
*
|
59
|
+
* @default 100
|
76
60
|
*/
|
77
61
|
showAfter?: number;
|
78
62
|
/**
|
package/tooltip.module.d.ts
CHANGED
@@ -7,33 +7,24 @@ import * as i1 from "./tooltip/tooltip.directive";
|
|
7
7
|
import * as i2 from "./tooltip/tooltip.content.component";
|
8
8
|
import * as i3 from "./localization/localized-messages.directive";
|
9
9
|
/**
|
10
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
10
|
+
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
|
11
11
|
* definition for the Tooltip component.
|
12
12
|
*
|
13
13
|
* The package exports:
|
14
|
-
* - `KendoTooltipDirective
|
14
|
+
* - `KendoTooltipDirective` — The Tooltip directive class.
|
15
15
|
*
|
16
16
|
* @example
|
17
|
-
*
|
18
|
-
* ```ts-no-run
|
19
|
-
* // Import the Tooltip module
|
17
|
+
* ```typescript
|
20
18
|
* import { TooltipModule } from '@progress/kendo-angular-tooltip';
|
21
|
-
*
|
22
|
-
* // The browser platform with a compiler
|
23
19
|
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
24
|
-
*
|
25
20
|
* import { NgModule } from '@angular/core';
|
26
21
|
*
|
27
|
-
*
|
28
|
-
*
|
29
|
-
*
|
30
|
-
* imports: [BrowserModule, TooltipModule], // import TooltipModule module
|
22
|
+
* @NgModule{{
|
23
|
+
* declarations: [AppComponent],
|
24
|
+
* imports: [BrowserModule, TooltipModule],
|
31
25
|
* bootstrap: [AppComponent]
|
32
26
|
* }}
|
33
27
|
* export class AppModule {}
|
34
|
-
*
|
35
|
-
* // Compile and launch the module
|
36
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
37
28
|
* ```
|
38
29
|
*/
|
39
30
|
export declare class TooltipModule {
|
package/tooltips.module.d.ts
CHANGED
@@ -13,29 +13,21 @@ import * as i7 from "./popover/template-directives/title-template.directive";
|
|
13
13
|
import * as i8 from "./popover/anchor.directive";
|
14
14
|
import * as i9 from "./popover/container.directive";
|
15
15
|
/**
|
16
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
16
|
+
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
|
17
17
|
* definition for the Tooltips components.
|
18
18
|
*
|
19
19
|
* @example
|
20
|
-
*
|
21
|
-
* ```ts-no-run
|
20
|
+
* ```typescript
|
22
21
|
* import { TooltipsModule } from '@progress/kendo-angular-tooltip';
|
23
|
-
*
|
24
|
-
* // The browser platform with a compiler
|
25
22
|
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
26
|
-
*
|
27
23
|
* import { NgModule } from '@angular/core';
|
28
24
|
*
|
29
|
-
*
|
30
|
-
*
|
31
|
-
*
|
32
|
-
* imports: [BrowserModule, TooltipsModule], // import TooltipsModule module
|
25
|
+
* @NgModule{{
|
26
|
+
* declarations: [AppComponent],
|
27
|
+
* imports: [BrowserModule, TooltipsModule],
|
33
28
|
* bootstrap: [AppComponent]
|
34
29
|
* }}
|
35
30
|
* export class AppModule {}
|
36
|
-
*
|
37
|
-
* // Compile and launch the module
|
38
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
39
31
|
* ```
|
40
32
|
*/
|
41
33
|
export declare class TooltipsModule {
|