@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.
- 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
@@ -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;
|
package/models/events.d.ts
CHANGED
@@ -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
|
-
*
|
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
|
-
*
|
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
|
18
|
+
* @param anchor - The host element related to the Popover.
|
20
19
|
*/
|
21
20
|
constructor(anchor: Element);
|
22
21
|
}
|
23
22
|
/**
|
24
|
-
*
|
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
|
-
*
|
27
|
+
* Specifies the host element related to the Popover.
|
30
28
|
*/
|
31
29
|
anchor: Element;
|
32
30
|
/**
|
33
|
-
*
|
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
|
-
*
|
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
|
-
*
|
47
|
+
* Specifies the host element related to the Popover.
|
50
48
|
*/
|
51
49
|
anchor: Element;
|
52
50
|
/**
|
53
|
-
*
|
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
|
-
*
|
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
|
-
*
|
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
|
8
|
-
*
|
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
|
14
|
-
*
|
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
|
-
*
|
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
|
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
|
10
|
-
* - `bottom`—Aligns the tooltip below the
|
11
|
-
* - `right`—Aligns the tooltip with the rightmost point of the
|
12
|
-
* - `left`—Aligns the tooltip with the leftmost point of the
|
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
|
-
*
|
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
|
10
|
-
* - `click`—Tooltip is rendered when its
|
11
|
-
* - `none`—Tooltip is not rendered in
|
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.
|
3
|
+
"version": "19.1.2-develop.5",
|
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":
|
24
|
+
"publishDate": 1750430954,
|
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.
|
35
|
-
"@progress/kendo-angular-l10n": "19.1.2-develop.
|
36
|
-
"@progress/kendo-angular-popup": "19.1.2-develop.
|
37
|
-
"@progress/kendo-angular-icons": "19.1.2-develop.
|
34
|
+
"@progress/kendo-angular-common": "19.1.2-develop.5",
|
35
|
+
"@progress/kendo-angular-l10n": "19.1.2-develop.5",
|
36
|
+
"@progress/kendo-angular-popup": "19.1.2-develop.5",
|
37
|
+
"@progress/kendo-angular-icons": "19.1.2-develop.5",
|
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.
|
42
|
+
"@progress/kendo-angular-schematics": "19.1.2-develop.5"
|
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
|
-
*
|
12
|
+
* Targets an element to display a popover on user interaction.
|
13
13
|
*
|
14
14
|
* @example
|
15
|
-
* ```
|
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
|
-
*
|
12
|
+
* Filters and targets multiple elements to display a popover on user interaction.
|
13
13
|
*
|
14
14
|
* @example
|
15
|
-
* ```
|
15
|
+
* ```html
|
16
16
|
* <div kendoPopoverContainer [popover]="myPopover" filter=".has-popover">
|
17
|
-
*
|
18
|
-
*
|
19
|
-
*
|
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
|
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
|
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
|
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
|
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
|
-
*
|
32
|
-
*
|
33
|
-
* The supported values are:
|
34
|
-
* - `click` (default) —The Popover will be shown when its `anchor` element is clicked.
|
35
|
-
* - `hover`—The Popover will be shown when its `anchor` element is hovered.
|
36
|
-
* - `focus`—The Popover will be shown when its `anchor` element is focused.
|
37
|
-
* - `none`—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
|
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
|
-
*
|
17
|
+
* Displays additional information related to a target element.
|
18
18
|
*
|
19
19
|
* @example
|
20
|
-
* ```
|
20
|
+
* ```html
|
21
21
|
* <kendo-popover>
|
22
|
-
*
|
23
|
-
*
|
24
|
-
*
|
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
|
38
|
+
* Specifies the position of the Popover relative to its anchor element. [See example]({% slug positioning_popover %}).
|
39
39
|
*
|
40
|
-
*
|
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
|
46
|
+
* @default 6
|
51
47
|
*/
|
52
48
|
set offset(value: number);
|
53
49
|
get offset(): number;
|
54
50
|
/**
|
55
|
-
* Determines the width of the
|
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
|
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
|
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
|
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
|
-
*
|
101
|
-
* * `PopoverAnimation`—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
|
108
|
-
*
|
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
|
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
|
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
|
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
|
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
|
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>;
|
package/popover.module.d.ts
CHANGED
@@ -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
|
-
*
|
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 {
|