@progress/kendo-angular-tooltip 19.1.2-develop.3 → 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.
Files changed (36) hide show
  1. package/directives.d.ts +65 -3
  2. package/esm2022/directives.mjs +65 -3
  3. package/esm2022/models/events.mjs +11 -13
  4. package/esm2022/package-metadata.mjs +2 -2
  5. package/esm2022/popover/anchor.directive.mjs +2 -2
  6. package/esm2022/popover/container.directive.mjs +10 -12
  7. package/esm2022/popover/directives-base.mjs +4 -14
  8. package/esm2022/popover/popover.component.mjs +23 -34
  9. package/esm2022/popover/template-directives/actions-template.directive.mjs +10 -1
  10. package/esm2022/popover/template-directives/body-template.directive.mjs +10 -1
  11. package/esm2022/popover/template-directives/title-template.directive.mjs +10 -1
  12. package/esm2022/popover.module.mjs +3 -8
  13. package/esm2022/tooltip/tooltip.directive.mjs +29 -43
  14. package/esm2022/tooltip/tooltip.settings.mjs +19 -35
  15. package/esm2022/tooltip.module.mjs +6 -15
  16. package/esm2022/tooltips.module.mjs +5 -13
  17. package/fesm2022/progress-kendo-angular-tooltip.mjs +209 -197
  18. package/models/animation.model.d.ts +1 -1
  19. package/models/events.d.ts +11 -13
  20. package/models/functions.model.d.ts +4 -6
  21. package/models/popover-show-option.type.d.ts +7 -1
  22. package/models/position.type.d.ts +5 -5
  23. package/models/show.option.type.d.ts +4 -4
  24. package/package.json +7 -7
  25. package/popover/anchor.directive.d.ts +2 -2
  26. package/popover/container.directive.d.ts +10 -12
  27. package/popover/directives-base.d.ts +4 -14
  28. package/popover/popover.component.d.ts +23 -34
  29. package/popover/template-directives/actions-template.directive.d.ts +10 -1
  30. package/popover/template-directives/body-template.directive.d.ts +10 -1
  31. package/popover/template-directives/title-template.directive.d.ts +10 -1
  32. package/popover.module.d.ts +3 -8
  33. package/tooltip/tooltip.directive.d.ts +29 -43
  34. package/tooltip/tooltip.settings.d.ts +19 -35
  35. package/tooltip.module.d.ts +6 -15
  36. 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
- * Used to display additional information that is related to an element.
13
+ * Displays additional information related to an element.
14
14
  *
15
15
  * @example
16
- * ```ts-no-run
16
+ * ```html
17
17
  * <div kendoTooltip>
18
- * <a title="Tooltip title" href="foo">foo</a>
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 which will display a tooltip
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`. The default value is `[title]`.
30
+ * DOM `selector`.
31
+ * @default '[title]'
31
32
  */
32
33
  filter: string;
33
34
  /**
34
- * Specifies the position of the Tooltip that is relative to the
35
+ * Specifies the position of the Tooltip relative to the
35
36
  * anchor element ([see example]({% slug positioning_tooltip %})).
36
37
  *
37
- * The possible values are:
38
- * * `top` (default)
39
- * * `bottom`
40
- * * `left`
41
- * * `right`
38
+ * @default 'top'
42
39
  */
43
40
  position: Position;
44
41
  /**
45
- * Renders the passed template as a header title of the Tooltip
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 when the Тooltip will be rendered
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
- * * `100` (default) milliseconds.
51
+ *
52
+ * @default 100
62
53
  */
63
54
  showAfter: number;
64
55
  /**
65
- * Specifies if the Тooltip will display a callout arrow.
56
+ * Determines if the Tooltip displays a callout arrow.
66
57
  *
67
- * The possible values are:
68
- * * `true` (default)
69
- * * `false`
58
+ * @default true
70
59
  */
71
60
  callout: boolean;
72
61
  /**
73
- * Specifies if the Тooltip will display a **Close** button
74
- * ([see example]({% slug closable_tooltip %})).
62
+ * Determines if the Tooltip displays a **Close** button. [See example]({% slug closable_tooltip %}).
75
63
  *
76
- * The possible values are:
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. Defaults to `6` pixels.
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
- * Specifies the width of the Тooltip ([see example]({% slug anchorelements_tooltip %})).
76
+ * Sets the width of the Tooltip. [See example]({% slug anchorelements_tooltip %}).
89
77
  */
90
78
  tooltipWidth: number;
91
79
  /**
92
- * Specifies the height of the Тooltip.
80
+ * Sets the height of the Tooltip.
93
81
  */
94
82
  tooltipHeight: number;
95
83
  /**
96
- * Specifies a CSS class that will be added to the Tooltip.
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
- * Specifies the title of the close button.
97
+ * Sets the title of the **Close** button.
110
98
  */
111
99
  closeTitle: string;
112
100
  /**
113
- * Sets the content of the Tooltip as a template reference
114
- * ([see example]({% slug templates_tooltip %})).
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&mdash; ElementRef|Element.
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
- * Toggle visibility of the Tooltip.
145
- *
146
- * @param anchor&mdash; ElementRef|Element. Specifies the element that will be used as an anchor.
147
- * @param show&mdash; 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. Once injected through
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
- * ```ts-no-run
19
+ * ```typescript
21
20
  * import { TooltipSettings } from '@progress/kendo-angular-tooltip';
22
21
  *
23
- * _@Component({
24
- * selector: 'my-app',
25
- * template: `
26
- * <div kendoTooltip>
27
- * <button title="Saves the current document">Save</button>
28
- * </div>`,
29
- * providers: [{
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
- * Specifies if the Тooltip will display a callout arrow.
35
+ * Determines if the Tooltip displays a callout arrow.
43
36
  *
44
- * The possible values are:
45
- * * `true` (default)
46
- * * `false`
37
+ * @default true
47
38
  */
48
39
  callout?: boolean;
49
40
  /**
50
- * Specifies the title of the close button.
41
+ * Sets the title of the **Close** button.
51
42
  */
52
43
  closeTitle: string;
53
44
  /**
54
- * Specifies the position of the Tooltip that is
55
- * relative to the anchor element.
45
+ * Specifies the position of the Tooltip relative to the anchor element.
56
46
  *
57
- * The possible values are:
58
- * * `top` (default)
59
- * * `bottom`
60
- * * `left`
61
- * * `right`
47
+ * @default 'top'
62
48
  */
63
49
  position?: Position;
64
50
  /**
65
- * Specifies when the Тooltip will be rendered.
51
+ * Specifies the mouse action that triggers the Tooltip to show.
66
52
  *
67
- * The possible values are:
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
- * * `100` (default) milliseconds.
58
+ *
59
+ * @default 100
76
60
  */
77
61
  showAfter?: number;
78
62
  /**
@@ -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`&mdash;The Tooltip directive class.
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
- * // Import the app component
28
- * _@NgModule{{
29
- * declarations: [AppComponent], // declare app component
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 {
@@ -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
- * // Import the app component
30
- * _@NgModule{{
31
- * declarations: [AppComponent], // declare app component
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 {