@progress/kendo-angular-tooltip 19.1.2-develop.4 → 19.1.2-develop.6

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
@@ -4,6 +4,6 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { PopupAnimation } from "@progress/kendo-angular-popup";
6
6
  /**
7
- * Specifies the available Popover animation options
7
+ * Specifies the available Popover animation options.
8
8
  */
9
9
  export type PopoverAnimation = PopupAnimation | boolean;
@@ -5,32 +5,30 @@
5
5
  import { PreventableEvent } from "@progress/kendo-angular-common";
6
6
  import { PopupRef } from "@progress/kendo-angular-popup";
7
7
  /**
8
- * Arguments for the `show` event. The `show` event fires when a popover is about
9
- * to be opened. If you cancel the event, the opening is prevented.
8
+ * Provides arguments for the `show` event. The event fires when a popover is about to open. Cancel the event to prevent opening.
10
9
  */
11
10
  export declare class PopoverShowEvent extends PreventableEvent {
12
11
  /**
13
- * The host element related to the popover.
12
+ * Specifies the host element related to the Popover.
14
13
  */
15
14
  anchor: Element;
16
15
  /**
17
16
  * @hidden
18
17
  * Constructs the event arguments for the `show` event.
19
- * @param anchor - The host element related to the popover.
18
+ * @param anchor - The host element related to the Popover.
20
19
  */
21
20
  constructor(anchor: Element);
22
21
  }
23
22
  /**
24
- * Arguments for the `hide` event. The `hide` event fires when a popover is about
25
- * to be closed. If you cancel the event, the popover stays open.
23
+ * Provides arguments for the `hide` event. The event fires when a popover is about to close. Cancel the event to keep it open.
26
24
  */
27
25
  export declare class PopoverHideEvent extends PreventableEvent {
28
26
  /**
29
- * The host element related to the popover.
27
+ * Specifies the host element related to the Popover.
30
28
  */
31
29
  anchor: Element;
32
30
  /**
33
- * The popover element.
31
+ * Specifies the Popover element.
34
32
  */
35
33
  popover: PopupRef;
36
34
  /**
@@ -42,15 +40,15 @@ export declare class PopoverHideEvent extends PreventableEvent {
42
40
  constructor(anchor: Element, popover: PopupRef);
43
41
  }
44
42
  /**
45
- * Arguments for the `shown` event. The `shown` event fires after the popover has opened and its opening animation has finished.
43
+ * Provides arguments for the `shown` event. The event fires after the Popover has opened and its opening animation has finished.
46
44
  */
47
45
  export declare class PopoverShownEvent {
48
46
  /**
49
- * The host element related to the popover.
47
+ * Specifies the host element related to the Popover.
50
48
  */
51
49
  anchor: Element;
52
50
  /**
53
- * The popover element.
51
+ * Specifies the Popover element.
54
52
  */
55
53
  popover: PopupRef;
56
54
  /**
@@ -62,11 +60,11 @@ export declare class PopoverShownEvent {
62
60
  constructor(anchor: Element, popover: PopupRef);
63
61
  }
64
62
  /**
65
- * Arguments for the `hidden` event. The `hidden` event fires after the popover has closed and its closing animation has finished.
63
+ * Provides arguments for the `hidden` event. The event fires after the popover has closed and its closing animation has finished.
66
64
  */
67
65
  export declare class PopoverHiddenEvent {
68
66
  /**
69
- * The host element related to the popover.
67
+ * Specifies the host element related to the Popover.
70
68
  */
71
69
  anchor: Element;
72
70
  /**
@@ -4,14 +4,12 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { PopoverComponent } from "../popover/popover.component";
6
6
  /**
7
- * Represents a callback that is used by the [popover]({% slug api_tooltip_popoveranchordirective %}#toc-popover) property.
8
- * It returns the popover instance to be displayed.
9
- * ([see example]({% slug configuration_popover %}#toc-popover-callback))
7
+ * Represents a callback used by the [`popover`]({% slug api_tooltip_popoveranchordirective %}#toc-popover) property.
8
+ * Returns the popover instance to display. [See example]({% slug configuration_popover %}#toc-popover-callback).
10
9
  */
11
10
  export type PopoverFn = (anchor: Element) => PopoverComponent;
12
11
  /**
13
- * Represents the callback that is used by the [`templateData`]({% slug api_tooltip_popovercomponent %}#toc-templateData) property.
14
- * It returns the custom data that will be passed to the popover templates.
15
- * ([see example]({% slug templates_popover %}#toc-passing-data-to-templates))
12
+ * Represents a callback used by the [`templateData`]({% slug api_tooltip_popovercomponent %}#toc-templateData) property.
13
+ * Returns custom data to pass to the popover templates. [See example]({% slug templates_popover %}#toc-passing-data-to-templates).
16
14
  */
17
15
  export type PopoverDataFn = (anchor: Element) => any;
@@ -3,6 +3,12 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
- * Specifies the possible events on which the Popover could be shown.
6
+ * The `PopoverShowOption` type defines the different ways a Popover can be displayed based on user interaction with its anchor element.
7
+ *
8
+ * The supported values are:
9
+ * - `click` (default) — Shows the Popover when its anchor element is clicked.
10
+ * - `hover`—Shows the Popover when its anchor element is hovered.
11
+ * - `focus`—Shows the Popover when its anchor element is focused.
12
+ * - `none`—Does not show the Popover on user interaction. You can render it via the Popover API methods.
7
13
  */
8
14
  export type PopoverShowOption = 'hover' | 'click' | 'none' | 'focus';
@@ -3,12 +3,12 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
- * Specifies the position of the Tooltip or Popover in relation to the anchor element.
6
+ * Specifies the position of the Tooltip or Popover relative to the anchor element.
7
7
  *
8
8
  * The available options are:
9
- * - `top` (default)—Aligns the tooltip above the `anchor` element.
10
- * - `bottom`—Aligns the tooltip below the `anchor` element.
11
- * - `right`—Aligns the tooltip with the rightmost point of the `anchor` element.
12
- * - `left`—Aligns the tooltip with the leftmost point of the `anchor` element.
9
+ * - `top` (default)—Aligns the tooltip above the anchor element.
10
+ * - `bottom`—Aligns the tooltip below the anchor element.
11
+ * - `right`—Aligns the tooltip with the rightmost point of the anchor element.
12
+ * - `left`—Aligns the tooltip with the leftmost point of the anchor element.
13
13
  */
14
14
  export type Position = 'top' | 'bottom' | 'right' | 'left';
@@ -3,11 +3,11 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
- * Specifies when the Тooltip will be rendered.
6
+ * The `ShowOption` type defines the different ways a tooltip can be displayed in the Kendo UI Tooltip component.
7
7
  *
8
8
  * The available options are:
9
- * - `hover`(default)—Tooltip is rendered when its `anchor` element is hovered.
10
- * - `click`—Tooltip is rendered when its `anchor` element is clicked.
11
- * - `none`—Tooltip is not rendered in `kendoTooltip` container.
9
+ * - `hover` (default)—Tooltip is rendered when its anchor element is hovered.
10
+ * - `click`—Tooltip is rendered when its anchor element is clicked.
11
+ * - `none`—Tooltip is not rendered in the kendoTooltip container.
12
12
  */
13
13
  export type ShowOption = 'hover' | 'click' | 'none';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-tooltip",
3
- "version": "19.1.2-develop.4",
3
+ "version": "19.1.2-develop.6",
4
4
  "description": "Kendo UI Tooltip for Angular - A highly customizable and easily themeable tooltip from the creators developers trust for professional Angular components.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -21,7 +21,7 @@
21
21
  "package": {
22
22
  "productName": "Kendo UI for Angular",
23
23
  "productCode": "KENDOUIANGULAR",
24
- "publishDate": 1750157044,
24
+ "publishDate": 1750433771,
25
25
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
26
26
  }
27
27
  },
@@ -31,15 +31,15 @@
31
31
  "@angular/core": "16 - 20",
32
32
  "@angular/platform-browser": "16 - 20",
33
33
  "@progress/kendo-licensing": "^1.5.0",
34
- "@progress/kendo-angular-common": "19.1.2-develop.4",
35
- "@progress/kendo-angular-l10n": "19.1.2-develop.4",
36
- "@progress/kendo-angular-popup": "19.1.2-develop.4",
37
- "@progress/kendo-angular-icons": "19.1.2-develop.4",
34
+ "@progress/kendo-angular-common": "19.1.2-develop.6",
35
+ "@progress/kendo-angular-l10n": "19.1.2-develop.6",
36
+ "@progress/kendo-angular-popup": "19.1.2-develop.6",
37
+ "@progress/kendo-angular-icons": "19.1.2-develop.6",
38
38
  "rxjs": "^6.5.3 || ^7.0.0"
39
39
  },
40
40
  "dependencies": {
41
41
  "tslib": "^2.3.1",
42
- "@progress/kendo-angular-schematics": "19.1.2-develop.4"
42
+ "@progress/kendo-angular-schematics": "19.1.2-develop.6"
43
43
  },
44
44
  "schematics": "./schematics/collection.json",
45
45
  "module": "fesm2022/progress-kendo-angular-tooltip.mjs",
@@ -9,10 +9,10 @@ import { PopoverService } from "./popover.service";
9
9
  import * as i0 from "@angular/core";
10
10
  /**
11
11
  * Represents the [`kendoPopoverAnchor`](slug:configuration_popover#toc-popover-anchor) directive.
12
- * It is used to target an element, which should display a popover on interaction.
12
+ * Targets an element to display a popover on user interaction.
13
13
  *
14
14
  * @example
15
- * ```ts-no-run
15
+ * ```html
16
16
  * <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
17
17
  * ```
18
18
  */
@@ -9,14 +9,14 @@ import { PopoverService } from "./popover.service";
9
9
  import * as i0 from "@angular/core";
10
10
  /**
11
11
  * Represents the [`kendoPopoverContainer`](slug:configuration_popover#toc-popover-container) directive.
12
- * It is used to filter and target multiple elements, which should display a popover on interaction.
12
+ * Filters and targets multiple elements to display a popover on user interaction.
13
13
  *
14
14
  * @example
15
- * ```ts-no-run
15
+ * ```html
16
16
  * <div kendoPopoverContainer [popover]="myPopover" filter=".has-popover">
17
- * <button class="has-popover">Show Popover</button>
18
- * <button>Button Without Popover</button>
19
- * <button class="has-popover">Show Popover</button>
17
+ * <button class="has-popover">Show Popover</button>
18
+ * <button>Button Without Popover</button>
19
+ * <button class="has-popover">Show Popover</button>
20
20
  * </div>
21
21
  * ```
22
22
  */
@@ -27,23 +27,21 @@ export declare class PopoverContainerDirective extends PopoverDirectivesBase {
27
27
  protected renderer: Renderer2;
28
28
  protected popoverService: PopoverService;
29
29
  /**
30
- * Specifies a selector for the elements that should display a popover.
31
- *
32
- * The possible values include any valid query selector.
33
- * [See example](slug:configuration_popover#toc-popover-container)
30
+ * Specifies a selector for the elements that display a popover. Accepts a CSS selector string similar to a [querySelector method](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector).
31
+ * [See example](slug:configuration_popover#toc-popover-container).
34
32
  */
35
33
  filter: string;
36
34
  constructor(wrapperEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
37
35
  /**
38
36
  * Shows the Popover.
39
37
  *
40
- * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element. [See example]({% slug programmaticcontrol_popover %})
38
+ * @param anchor - The element used as an anchor. The Popover opens relative to this element. [See example]({% slug programmaticcontrol_popover %}).
41
39
  */
42
40
  show(anchor: Element | ElementRef): void;
43
41
  /**
44
- * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
42
+ * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %}).
45
43
  *
46
- * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element.
44
+ * @param anchor - The element used as an anchor. The Popover opens relative to this element.
47
45
  */
48
46
  toggle(anchor: Element | ElementRef): void;
49
47
  protected subscribeClick(): void;
@@ -18,23 +18,13 @@ export declare abstract class PopoverDirectivesBase {
18
18
  protected popupService: PopupService;
19
19
  protected renderer: Renderer2;
20
20
  /**
21
- * Specifies the popover instance that will be rendered.
22
- * Accepts a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance or
23
- * a [`PopoverFn`]({% slug api_tooltip_popoverfn %}) callback which returns a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance
24
- * depending on the current anchor element.
25
- *
26
- * [See example](slug:templates_popover#toc-passing-data-to-templates)
21
+ * Specifies the popover instance to render.
22
+ * Accepts a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance or a [`PopoverFn`]({% slug api_tooltip_popoverfn %}) callback that returns a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance for the current anchor element. [See example](slug:templates_popover#toc-passing-data-to-templates).
27
23
  */
28
24
  set popover(value: PopoverComponent | PopoverFn);
29
25
  get popover(): PopoverComponent | PopoverFn;
30
26
  /**
31
- * The event on which the Popover will be shown
32
- *
33
- * The supported values are:
34
- * - `click` (default) &mdash;The Popover will be shown when its `anchor` element is clicked.
35
- * - `hover`&mdash;The Popover will be shown when its `anchor` element is hovered.
36
- * - `focus`&mdash;The Popover will be shown when its `anchor` element is focused.
37
- * - `none`&mdash;The Popover will not be shown on user interaction. It could be rendered via the Popover API methods.
27
+ * Specifies the mouse action that triggers the popover to show. [See example]({% slug programmaticcontrol_popover %}).
38
28
  */
39
29
  set showOn(value: PopoverShowOption);
40
30
  get showOn(): PopoverShowOption;
@@ -62,7 +52,7 @@ export declare abstract class PopoverDirectivesBase {
62
52
  ngAfterViewInit(): void;
63
53
  ngOnDestroy(): void;
64
54
  /**
65
- * Hides the Popover ([See example]({% slug programmaticcontrol_popover %})).
55
+ * Hides the Popover. [See example]({% slug programmaticcontrol_popover %}).
66
56
  */
67
57
  hide(): void;
68
58
  /**
@@ -14,14 +14,14 @@ import { PopoverAnimation } from '../models/animation.model';
14
14
  import * as i0 from "@angular/core";
15
15
  /**
16
16
  * Represents the [Kendo UI Popover component for Angular]({% slug overview_popover %}).
17
- * Used to display additional information that is related to a target element.
17
+ * Displays additional information related to a target element.
18
18
  *
19
19
  * @example
20
- * ```ts-no-run
20
+ * ```html
21
21
  * <kendo-popover>
22
- * <ng-template kendoPopoverTitleTemplate>Foo Title</ng-template>
23
- * <ng-template kendoPopoverBodyTemplate>Foo Body</ng-template>
24
- * <ng-template kendoPopoverActionsTemplate>Foo Actions</ng-template>
22
+ * <ng-template kendoPopoverTitleTemplate>Title</ng-template>
23
+ * <ng-template kendoPopoverBodyTemplate>Body</ng-template>
24
+ * <ng-template kendoPopoverActionsTemplate>Actions</ng-template>
25
25
  * </kendo-popover>
26
26
  * ```
27
27
  */
@@ -35,30 +35,28 @@ export declare class PopoverComponent implements OnInit, AfterViewInit, OnDestro
35
35
  */
36
36
  anchor: Element;
37
37
  /**
38
- * Specifies the position of the Popover in relation to its anchor element. [See example]({% slug positioning_popover %})
38
+ * Specifies the position of the Popover relative to its anchor element. [See example]({% slug positioning_popover %}).
39
39
  *
40
- * The possible options are:
41
- * `top`
42
- * `bottom`
43
- * `right` (Default)
44
- * `left`
40
+ * @default 'right'
45
41
  */
46
42
  position: Position;
47
43
  /**
48
44
  * Specifies the distance from the Popover to its anchor element in pixels.
49
45
  *
50
- * @default `6`
46
+ * @default 6
51
47
  */
52
48
  set offset(value: number);
53
49
  get offset(): number;
54
50
  /**
55
- * Determines the width of the popover. Numeric values are treated as pixels.
51
+ * Determines the width of the Popover. Numeric values are treated as pixels.
52
+ *
56
53
  * @default 'auto'
57
54
  */
58
55
  set width(value: number | string);
59
56
  get width(): string | number;
60
57
  /**
61
- * Determines the height of the popover. Numeric values are treated as pixels.
58
+ * Determines the height of the Popover. Numeric values are treated as pixels.
59
+ *
62
60
  * @default 'auto'
63
61
  */
64
62
  set height(value: number | string);
@@ -68,9 +66,7 @@ export declare class PopoverComponent implements OnInit, AfterViewInit, OnDestro
68
66
  */
69
67
  direction: 'ltr' | 'rtl';
70
68
  /**
71
- * Specifies the main header text of the Popover.
72
- *
73
- * If a `titleTemplate` is provided it would take precedence over the title.
69
+ * Specifies the main header text of the Popover. If a `titleTemplate` is provided, it takes precedence.
74
70
  */
75
71
  title: string;
76
72
  /**
@@ -81,31 +77,26 @@ export declare class PopoverComponent implements OnInit, AfterViewInit, OnDestro
81
77
  */
82
78
  subtitle: string;
83
79
  /**
84
- * Represents the text that will be rendered in the Popover body section.
85
- *
86
- * If a `bodyTemplate` is provided it would take precedence over this text.
80
+ * Represents the text rendered in the Popover body section. If a `bodyTemplate` is provided, it takes precedence.
87
81
  */
88
82
  body: string;
89
83
  /**
90
- * Determines whether a callout will be rendered along the Popover. [See example]({% slug callout_popover %})
84
+ * Determines whether a callout is rendered along the Popover. [See example]({% slug callout_popover %}).
91
85
  *
92
86
  * @default true
93
87
  */
94
88
  callout: boolean;
95
89
  /**
96
- * Enables and configures the Popover animation. [See example]({% slug animations_popover %})
97
- *
98
- * The possible options are:
90
+ * Enables and configures the Popover animation. [See example]({% slug animations_popover %}).
99
91
  *
100
- * * `boolean`&mdash;Enables the default animation
101
- * * `PopoverAnimation`&mdash;A configuration object which allows setting the `direction`, `duration` and `type` of the animation.
92
+ * Accepts a boolean to enable the default animation, or a `PopoverAnimation` object for custom settings.
102
93
  *
103
94
  * @default false
104
95
  */
105
96
  animation: PopoverAnimation;
106
97
  /**
107
- * Defines a callback function which returns custom data passed to the Popover templates.
108
- * It exposes the current anchor element as an argument. [See example](slug:templates_popover#toc-passing-data-to-templates)
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](slug:templates_popover#toc-passing-data-to-templates).
109
100
  */
110
101
  set templateData(fn: PopoverDataFn);
111
102
  get templateData(): PopoverDataFn;
@@ -123,21 +114,19 @@ export declare class PopoverComponent implements OnInit, AfterViewInit, OnDestro
123
114
  */
124
115
  get hasAttributeHidden(): boolean;
125
116
  /**
126
- * Fires before the Popover is about to be shown ([see example]({% slug events_popover %})).
127
- * The event is preventable. If canceled, the Popover will not be displayed. [See example]({% slug events_popover %})
117
+ * Fires before the Popover is shown. The event is preventable. If canceled, the Popover will not display. [See example]({% slug events_popover %}).
128
118
  */
129
119
  show: EventEmitter<PopoverShowEvent>;
130
120
  /**
131
- * Fires after the Popover has been shown and the animation has ended. [See example]({% slug events_popover %})
121
+ * Fires after the Popover has been shown and the animation has ended. [See example]({% slug events_popover %}).
132
122
  */
133
123
  shown: EventEmitter<PopoverShownEvent>;
134
124
  /**
135
- * Fires when the Popover is about to be hidden ([see example]({% slug events_popover %})).
136
- * The event is preventable. If canceled, the Popover will remain visible.
125
+ * Fires when the Popover is about to be hidden. The event is preventable. If canceled, the Popover remains visible. [See example]({% slug events_popover %}).
137
126
  */
138
127
  hide: EventEmitter<PopoverHideEvent>;
139
128
  /**
140
- * Fires after the Popover has been hidden and the animation has ended. [See example]({% slug events_popover %})
129
+ * Fires after the Popover has been hidden and the animation has ended. [See example]({% slug events_popover %}).
141
130
  */
142
131
  hidden: EventEmitter<any>;
143
132
  /**
@@ -5,10 +5,19 @@
5
5
  import { TemplateRef } from '@angular/core';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
- * Represents a template that defines the content of the Popover actions.
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.
9
10
  *
10
11
  * To define the template, nest an `<ng-template>` tag
11
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
+ * ```
12
21
  */
13
22
  export declare class PopoverActionsTemplateDirective {
14
23
  templateRef: TemplateRef<any>;
@@ -5,10 +5,19 @@
5
5
  import { TemplateRef } from '@angular/core';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
- * Represents a template that defines the content of the Popover body.
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.
9
10
  *
10
11
  * To define the template, nest an `<ng-template>` tag
11
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
+ * ```
12
21
  */
13
22
  export declare class PopoverBodyTemplateDirective {
14
23
  templateRef: TemplateRef<any>;
@@ -5,10 +5,19 @@
5
5
  import { TemplateRef } from '@angular/core';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
- * Represents a template that defines the content of the Popover title.
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.
9
10
  *
10
11
  * To define the template, nest an `<ng-template>` tag
11
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
+ * ```
12
21
  */
13
22
  export declare class PopoverTitleTemplateDirective {
14
23
  templateRef: TemplateRef<any>;
@@ -10,28 +10,23 @@ import * as i4 from "./popover/template-directives/title-template.directive";
10
10
  import * as i5 from "./popover/anchor.directive";
11
11
  import * as i6 from "./popover/container.directive";
12
12
  /**
13
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
13
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
14
14
  * definition for the Popover component.
15
15
  *
16
16
  * @example
17
- *
18
- * ```ts-no-run
17
+ * ```typescript
19
18
  * import { PopoverModule } from '@progress/kendo-angular-tooltip';
20
19
  *
21
20
  * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
22
21
  * import { NgModule } from '@angular/core';
23
- *
24
22
  * import { AppComponent } from './app.component';
25
23
  *
26
- * _@NgModule({
24
+ * @NgModule({
27
25
  * declarations: [AppComponent],
28
26
  * imports: [BrowserModule, PopoverModule],
29
27
  * bootstrap: [AppComponent]
30
28
  * })
31
29
  * export class AppModule {}
32
- *
33
- * platformBrowserDynamic().bootstrapModule(AppModule);
34
- *
35
30
  * ```
36
31
  */
37
32
  export declare class PopoverModule {