@progress/kendo-angular-tooltip 22.1.0-develop.8 → 23.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 +28 -28
- package/models/functions.model.d.ts +4 -4
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
- package/popover/anchor.directive.d.ts +3 -3
- package/popover/container.directive.d.ts +4 -4
- package/popover/directives-base.d.ts +3 -3
- package/popover/popover.component.d.ts +9 -9
- package/tooltip/tooltip.directive.d.ts +8 -8
|
@@ -303,7 +303,7 @@ const packageMetadata = {
|
|
|
303
303
|
productCode: 'KENDOUIANGULAR',
|
|
304
304
|
productCodes: ['KENDOUIANGULAR'],
|
|
305
305
|
publishDate: 0,
|
|
306
|
-
version: '
|
|
306
|
+
version: '23.0.0-develop.1',
|
|
307
307
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
308
308
|
};
|
|
309
309
|
|
|
@@ -408,7 +408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
408
408
|
|
|
409
409
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
410
410
|
/**
|
|
411
|
-
* Represents the [Kendo UI Popover component for Angular](
|
|
411
|
+
* Represents the [Kendo UI Popover component for Angular](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover).
|
|
412
412
|
* Displays additional information related to a target element.
|
|
413
413
|
*
|
|
414
414
|
* @example
|
|
@@ -430,7 +430,7 @@ class PopoverComponent {
|
|
|
430
430
|
*/
|
|
431
431
|
anchor;
|
|
432
432
|
/**
|
|
433
|
-
* Specifies the position of the Popover relative to its anchor element. [See example](
|
|
433
|
+
* Specifies the position of the Popover relative to its anchor element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/positioning).
|
|
434
434
|
*
|
|
435
435
|
* @default 'right'
|
|
436
436
|
*/
|
|
@@ -491,13 +491,13 @@ class PopoverComponent {
|
|
|
491
491
|
*/
|
|
492
492
|
body;
|
|
493
493
|
/**
|
|
494
|
-
* Determines whether a callout is rendered along the Popover. [See example](
|
|
494
|
+
* Determines whether a callout is rendered along the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/callout).
|
|
495
495
|
*
|
|
496
496
|
* @default true
|
|
497
497
|
*/
|
|
498
498
|
callout = true;
|
|
499
499
|
/**
|
|
500
|
-
* Enables and configures the Popover animation. [See example](
|
|
500
|
+
* Enables and configures the Popover animation. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/animations).
|
|
501
501
|
*
|
|
502
502
|
* Accepts a boolean to enable the default animation, or a `PopoverAnimation` object for custom settings.
|
|
503
503
|
*
|
|
@@ -506,7 +506,7 @@ class PopoverComponent {
|
|
|
506
506
|
animation = false;
|
|
507
507
|
/**
|
|
508
508
|
* Defines a callback function that returns custom data for the Popover templates.
|
|
509
|
-
* The function exposes the `anchor` element as an argument and returns an object that can be used in the templates. [See example](
|
|
509
|
+
* 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).
|
|
510
510
|
*/
|
|
511
511
|
set templateData(fn) {
|
|
512
512
|
if (isDevMode && typeof fn !== 'function') {
|
|
@@ -535,19 +535,19 @@ class PopoverComponent {
|
|
|
535
535
|
return !this.visible;
|
|
536
536
|
}
|
|
537
537
|
/**
|
|
538
|
-
* Fires before the Popover is shown. The event is preventable. If canceled, the Popover will not display. [See example](
|
|
538
|
+
* 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).
|
|
539
539
|
*/
|
|
540
540
|
show = new EventEmitter();
|
|
541
541
|
/**
|
|
542
|
-
* Fires after the Popover has been shown and the animation has ended. [See example](
|
|
542
|
+
* 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).
|
|
543
543
|
*/
|
|
544
544
|
shown = new EventEmitter();
|
|
545
545
|
/**
|
|
546
|
-
* Fires when the Popover is about to be hidden. The event is preventable. If canceled, the Popover remains visible. [See example](
|
|
546
|
+
* 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).
|
|
547
547
|
*/
|
|
548
548
|
hide = new EventEmitter();
|
|
549
549
|
/**
|
|
550
|
-
* Fires after the Popover has been hidden and the animation has ended. [See example](
|
|
550
|
+
* 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).
|
|
551
551
|
*/
|
|
552
552
|
hidden = new EventEmitter();
|
|
553
553
|
/**
|
|
@@ -962,7 +962,7 @@ class PopoverDirectivesBase {
|
|
|
962
962
|
renderer;
|
|
963
963
|
/**
|
|
964
964
|
* Specifies the popover instance to render.
|
|
965
|
-
* Accepts a [`PopoverComponent`](
|
|
965
|
+
* Accepts a [`PopoverComponent`](https://www.telerik.com/kendo-angular-ui/components/tooltips/api/popovercomponent) instance or a [`PopoverFn`](https://www.telerik.com/kendo-angular-ui/components/tooltips/api/popoverfn) callback that returns a [`PopoverComponent`](https://www.telerik.com/kendo-angular-ui/components/tooltips/api/popovercomponent) instance for the current anchor element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/templates#passing-data-to-templates).
|
|
966
966
|
*/
|
|
967
967
|
set popover(value) {
|
|
968
968
|
if (value instanceof PopoverComponent || typeof value === `function`) {
|
|
@@ -978,7 +978,7 @@ class PopoverDirectivesBase {
|
|
|
978
978
|
return this._popover;
|
|
979
979
|
}
|
|
980
980
|
/**
|
|
981
|
-
* Specifies the mouse action that triggers the popover to show. [See example](
|
|
981
|
+
* Specifies the mouse action that triggers the popover to show. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
982
982
|
*/
|
|
983
983
|
set showOn(value) {
|
|
984
984
|
if (isDevMode && !containsItem(validShowOptions, value)) {
|
|
@@ -1047,7 +1047,7 @@ class PopoverDirectivesBase {
|
|
|
1047
1047
|
}
|
|
1048
1048
|
}
|
|
1049
1049
|
/**
|
|
1050
|
-
* Hides the Popover. [See example](
|
|
1050
|
+
* Hides the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
1051
1051
|
*/
|
|
1052
1052
|
hide() {
|
|
1053
1053
|
this.closePopup();
|
|
@@ -1322,7 +1322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1322
1322
|
|
|
1323
1323
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
1324
1324
|
/**
|
|
1325
|
-
* Represents the [`kendoPopoverAnchor`](
|
|
1325
|
+
* Represents the [`kendoPopoverAnchor`](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-anchor) directive.
|
|
1326
1326
|
* Targets an element to display a popover on user interaction.
|
|
1327
1327
|
*
|
|
1328
1328
|
* @example
|
|
@@ -1356,7 +1356,7 @@ class PopoverAnchorDirective extends PopoverDirectivesBase {
|
|
|
1356
1356
|
}
|
|
1357
1357
|
}
|
|
1358
1358
|
/**
|
|
1359
|
-
* Shows the Popover. [See example](
|
|
1359
|
+
* Shows the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control)
|
|
1360
1360
|
*/
|
|
1361
1361
|
show() {
|
|
1362
1362
|
if (this.popupRef) {
|
|
@@ -1370,7 +1370,7 @@ class PopoverAnchorDirective extends PopoverDirectivesBase {
|
|
|
1370
1370
|
.subscribe(() => this.hide());
|
|
1371
1371
|
}
|
|
1372
1372
|
/**
|
|
1373
|
-
* Toggles the visibility of the Popover. [See example](
|
|
1373
|
+
* Toggles the visibility of the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control)
|
|
1374
1374
|
*/
|
|
1375
1375
|
toggle() {
|
|
1376
1376
|
if (this.popupRef) {
|
|
@@ -1481,7 +1481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1481
1481
|
|
|
1482
1482
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
1483
1483
|
/**
|
|
1484
|
-
* Represents the [`kendoPopoverContainer`](
|
|
1484
|
+
* Represents the [`kendoPopoverContainer`](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-container) directive.
|
|
1485
1485
|
* Filters and targets multiple elements to display a popover on user interaction.
|
|
1486
1486
|
*
|
|
1487
1487
|
* @example
|
|
@@ -1501,7 +1501,7 @@ class PopoverContainerDirective extends PopoverDirectivesBase {
|
|
|
1501
1501
|
popoverService;
|
|
1502
1502
|
/**
|
|
1503
1503
|
* 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).
|
|
1504
|
-
* [See example](
|
|
1504
|
+
* [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-container).
|
|
1505
1505
|
*/
|
|
1506
1506
|
filter;
|
|
1507
1507
|
constructor(wrapperEl, ngZone, popupService, renderer, popoverService) {
|
|
@@ -1516,7 +1516,7 @@ class PopoverContainerDirective extends PopoverDirectivesBase {
|
|
|
1516
1516
|
/**
|
|
1517
1517
|
* Shows the Popover.
|
|
1518
1518
|
*
|
|
1519
|
-
* @param anchor - The element used as an anchor. The Popover opens relative to this element. [See example](
|
|
1519
|
+
* @param anchor - The element used as an anchor. The Popover opens relative to this element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
1520
1520
|
*/
|
|
1521
1521
|
show(anchor) {
|
|
1522
1522
|
if (this.popupRef) {
|
|
@@ -1530,7 +1530,7 @@ class PopoverContainerDirective extends PopoverDirectivesBase {
|
|
|
1530
1530
|
.subscribe(() => this.hide());
|
|
1531
1531
|
}
|
|
1532
1532
|
/**
|
|
1533
|
-
* Toggles the visibility of the Popover. [See example](
|
|
1533
|
+
* Toggles the visibility of the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
1534
1534
|
*
|
|
1535
1535
|
* @param anchor - The element used as an anchor. The Popover opens relative to this element.
|
|
1536
1536
|
*/
|
|
@@ -2003,7 +2003,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
2003
2003
|
}], ctorParameters: () => [] });
|
|
2004
2004
|
|
|
2005
2005
|
/**
|
|
2006
|
-
* Represents the [Kendo UI Tooltip directive for Angular](
|
|
2006
|
+
* Represents the [Kendo UI Tooltip directive for Angular](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip).
|
|
2007
2007
|
* Displays additional information related to an element.
|
|
2008
2008
|
*
|
|
2009
2009
|
* @example
|
|
@@ -2020,24 +2020,24 @@ class TooltipDirective {
|
|
|
2020
2020
|
popupService;
|
|
2021
2021
|
/**
|
|
2022
2022
|
* Specifies a selector for elements within a container that display a tooltip
|
|
2023
|
-
* ([see example](
|
|
2023
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements)). The possible values include any
|
|
2024
2024
|
* DOM `selector`.
|
|
2025
2025
|
* @default '[title]'
|
|
2026
2026
|
*/
|
|
2027
2027
|
filter = '[title]';
|
|
2028
2028
|
/**
|
|
2029
2029
|
* Specifies the position of the Tooltip relative to the
|
|
2030
|
-
* anchor element ([see example](
|
|
2030
|
+
* anchor element ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/positioning)).
|
|
2031
2031
|
*
|
|
2032
2032
|
* @default 'top'
|
|
2033
2033
|
*/
|
|
2034
2034
|
position = 'top';
|
|
2035
2035
|
/**
|
|
2036
|
-
* Sets the template for the tooltip header title. [See example](
|
|
2036
|
+
* Sets the template for the tooltip header title. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
|
|
2037
2037
|
*/
|
|
2038
2038
|
titleTemplate;
|
|
2039
2039
|
/**
|
|
2040
|
-
* Specifies the mouse action that triggers the Tooltip to show. [See example](
|
|
2040
|
+
* Specifies the mouse action that triggers the Tooltip to show. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/opening).
|
|
2041
2041
|
*/
|
|
2042
2042
|
showOn;
|
|
2043
2043
|
/**
|
|
@@ -2053,7 +2053,7 @@ class TooltipDirective {
|
|
|
2053
2053
|
*/
|
|
2054
2054
|
callout = true;
|
|
2055
2055
|
/**
|
|
2056
|
-
* Determines if the Tooltip displays a **Close** button. [See example](
|
|
2056
|
+
* Determines if the Tooltip displays a **Close** button. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/closable-tooltip).
|
|
2057
2057
|
*
|
|
2058
2058
|
* @default false
|
|
2059
2059
|
*/
|
|
@@ -2067,7 +2067,7 @@ class TooltipDirective {
|
|
|
2067
2067
|
*/
|
|
2068
2068
|
offset = 6;
|
|
2069
2069
|
/**
|
|
2070
|
-
* Sets the width of the Tooltip. [See example](
|
|
2070
|
+
* Sets the width of the Tooltip. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
|
|
2071
2071
|
*/
|
|
2072
2072
|
tooltipWidth;
|
|
2073
2073
|
/**
|
|
@@ -2093,7 +2093,7 @@ class TooltipDirective {
|
|
|
2093
2093
|
closeTitle;
|
|
2094
2094
|
/**
|
|
2095
2095
|
* Sets a custom content template for the Tooltip.
|
|
2096
|
-
* The template is rendered inside the Tooltip content area. [See example](
|
|
2096
|
+
* The template is rendered inside the Tooltip content area. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/templates).
|
|
2097
2097
|
*/
|
|
2098
2098
|
set tooltipTemplate(value) {
|
|
2099
2099
|
this.template = value;
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PopoverComponent } from "../popover/popover.component";
|
|
6
6
|
/**
|
|
7
|
-
* Represents a callback used by the [`popover`](
|
|
8
|
-
* Returns the popover instance to display. [See example](
|
|
7
|
+
* Represents a callback used by the [`popover`](https://www.telerik.com/kendo-angular-ui/components/tooltips/api/popoveranchordirective#popover) property.
|
|
8
|
+
* Returns the popover instance to display. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-callback).
|
|
9
9
|
*/
|
|
10
10
|
export type PopoverFn = (anchor: Element) => PopoverComponent;
|
|
11
11
|
/**
|
|
12
|
-
* Represents a callback used by the [`templateData`](
|
|
13
|
-
* Returns custom data to pass to the popover templates. [See example](
|
|
12
|
+
* Represents a callback used by the [`templateData`](https://www.telerik.com/kendo-angular-ui/components/tooltips/api/popovercomponent#templateData) property.
|
|
13
|
+
* Returns custom data to pass to the popover templates. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/templates#passing-data-to-templates).
|
|
14
14
|
*/
|
|
15
15
|
export type PopoverDataFn = (anchor: Element) => any;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
10
|
+
"publishDate": 1770286954,
|
|
11
|
+
"version": "23.0.0-develop.1",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-tooltip",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "23.0.0-develop.1",
|
|
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": 1770286954,
|
|
25
25
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
26
26
|
}
|
|
27
27
|
},
|
|
@@ -30,16 +30,16 @@
|
|
|
30
30
|
"@angular/common": "19 - 21",
|
|
31
31
|
"@angular/core": "19 - 21",
|
|
32
32
|
"@angular/platform-browser": "19 - 21",
|
|
33
|
-
"@progress/kendo-licensing": "^1.
|
|
34
|
-
"@progress/kendo-angular-common": "
|
|
35
|
-
"@progress/kendo-angular-l10n": "
|
|
36
|
-
"@progress/kendo-angular-popup": "
|
|
37
|
-
"@progress/kendo-angular-icons": "
|
|
33
|
+
"@progress/kendo-licensing": "^1.10.0",
|
|
34
|
+
"@progress/kendo-angular-common": "23.0.0-develop.1",
|
|
35
|
+
"@progress/kendo-angular-l10n": "23.0.0-develop.1",
|
|
36
|
+
"@progress/kendo-angular-popup": "23.0.0-develop.1",
|
|
37
|
+
"@progress/kendo-angular-icons": "23.0.0-develop.1",
|
|
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": "
|
|
42
|
+
"@progress/kendo-angular-schematics": "23.0.0-develop.1"
|
|
43
43
|
},
|
|
44
44
|
"schematics": "./schematics/collection.json",
|
|
45
45
|
"module": "fesm2022/progress-kendo-angular-tooltip.mjs",
|
|
@@ -8,7 +8,7 @@ import { PopoverDirectivesBase } from "./directives-base";
|
|
|
8
8
|
import { PopoverService } from "./popover.service";
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
|
-
* Represents the [`kendoPopoverAnchor`](
|
|
11
|
+
* Represents the [`kendoPopoverAnchor`](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-anchor) directive.
|
|
12
12
|
* Targets an element to display a popover on user interaction.
|
|
13
13
|
*
|
|
14
14
|
* @example
|
|
@@ -25,11 +25,11 @@ export declare class PopoverAnchorDirective extends PopoverDirectivesBase {
|
|
|
25
25
|
constructor(hostEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
|
|
26
26
|
ngOnChanges(changes: SimpleChanges): void;
|
|
27
27
|
/**
|
|
28
|
-
* Shows the Popover. [See example](
|
|
28
|
+
* Shows the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control)
|
|
29
29
|
*/
|
|
30
30
|
show(): void;
|
|
31
31
|
/**
|
|
32
|
-
* Toggles the visibility of the Popover. [See example](
|
|
32
|
+
* Toggles the visibility of the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control)
|
|
33
33
|
*/
|
|
34
34
|
toggle(): void;
|
|
35
35
|
protected subscribeToShowEvents(arr: any[]): void;
|
|
@@ -8,7 +8,7 @@ import { PopoverDirectivesBase } from './directives-base';
|
|
|
8
8
|
import { PopoverService } from "./popover.service";
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
|
-
* Represents the [`kendoPopoverContainer`](
|
|
11
|
+
* Represents the [`kendoPopoverContainer`](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-container) directive.
|
|
12
12
|
* Filters and targets multiple elements to display a popover on user interaction.
|
|
13
13
|
*
|
|
14
14
|
* @example
|
|
@@ -28,18 +28,18 @@ export declare class PopoverContainerDirective extends PopoverDirectivesBase {
|
|
|
28
28
|
protected popoverService: PopoverService;
|
|
29
29
|
/**
|
|
30
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](
|
|
31
|
+
* [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-container).
|
|
32
32
|
*/
|
|
33
33
|
filter: string;
|
|
34
34
|
constructor(wrapperEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
|
|
35
35
|
/**
|
|
36
36
|
* Shows the Popover.
|
|
37
37
|
*
|
|
38
|
-
* @param anchor - The element used as an anchor. The Popover opens relative to this element. [See example](
|
|
38
|
+
* @param anchor - The element used as an anchor. The Popover opens relative to this element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
39
39
|
*/
|
|
40
40
|
show(anchor: Element | ElementRef): void;
|
|
41
41
|
/**
|
|
42
|
-
* Toggles the visibility of the Popover. [See example](
|
|
42
|
+
* Toggles the visibility of the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
43
43
|
*
|
|
44
44
|
* @param anchor - The element used as an anchor. The Popover opens relative to this element.
|
|
45
45
|
*/
|
|
@@ -19,12 +19,12 @@ export declare abstract class PopoverDirectivesBase {
|
|
|
19
19
|
protected renderer: Renderer2;
|
|
20
20
|
/**
|
|
21
21
|
* Specifies the popover instance to render.
|
|
22
|
-
* Accepts a [`PopoverComponent`](
|
|
22
|
+
* Accepts a [`PopoverComponent`](https://www.telerik.com/kendo-angular-ui/components/tooltips/api/popovercomponent) instance or a [`PopoverFn`](https://www.telerik.com/kendo-angular-ui/components/tooltips/api/popoverfn) callback that returns a [`PopoverComponent`](https://www.telerik.com/kendo-angular-ui/components/tooltips/api/popovercomponent) instance for the current anchor element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/templates#passing-data-to-templates).
|
|
23
23
|
*/
|
|
24
24
|
set popover(value: PopoverComponent | PopoverFn);
|
|
25
25
|
get popover(): PopoverComponent | PopoverFn;
|
|
26
26
|
/**
|
|
27
|
-
* Specifies the mouse action that triggers the popover to show. [See example](
|
|
27
|
+
* Specifies the mouse action that triggers the popover to show. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
28
28
|
*/
|
|
29
29
|
set showOn(value: PopoverShowOption);
|
|
30
30
|
get showOn(): PopoverShowOption;
|
|
@@ -52,7 +52,7 @@ export declare abstract class PopoverDirectivesBase {
|
|
|
52
52
|
ngAfterViewInit(): void;
|
|
53
53
|
ngOnDestroy(): void;
|
|
54
54
|
/**
|
|
55
|
-
* Hides the Popover. [See example](
|
|
55
|
+
* Hides the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
56
56
|
*/
|
|
57
57
|
hide(): void;
|
|
58
58
|
/**
|
|
@@ -13,7 +13,7 @@ import { PopoverHideEvent, PopoverShowEvent, PopoverShownEvent } from '../models
|
|
|
13
13
|
import { PopoverAnimation } from '../models/animation.model';
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
15
|
/**
|
|
16
|
-
* Represents the [Kendo UI Popover component for Angular](
|
|
16
|
+
* Represents the [Kendo UI Popover component for Angular](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover).
|
|
17
17
|
* Displays additional information related to a target element.
|
|
18
18
|
*
|
|
19
19
|
* @example
|
|
@@ -35,7 +35,7 @@ export declare class PopoverComponent implements OnInit, AfterViewInit, OnDestro
|
|
|
35
35
|
*/
|
|
36
36
|
anchor: Element;
|
|
37
37
|
/**
|
|
38
|
-
* Specifies the position of the Popover relative to its anchor element. [See example](
|
|
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
39
|
*
|
|
40
40
|
* @default 'right'
|
|
41
41
|
*/
|
|
@@ -81,13 +81,13 @@ export declare class PopoverComponent implements OnInit, AfterViewInit, OnDestro
|
|
|
81
81
|
*/
|
|
82
82
|
body: string;
|
|
83
83
|
/**
|
|
84
|
-
* Determines whether a callout is rendered along the Popover. [See example](
|
|
84
|
+
* Determines whether a callout is rendered along the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/callout).
|
|
85
85
|
*
|
|
86
86
|
* @default true
|
|
87
87
|
*/
|
|
88
88
|
callout: boolean;
|
|
89
89
|
/**
|
|
90
|
-
* Enables and configures the Popover animation. [See example](
|
|
90
|
+
* Enables and configures the Popover animation. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/animations).
|
|
91
91
|
*
|
|
92
92
|
* Accepts a boolean to enable the default animation, or a `PopoverAnimation` object for custom settings.
|
|
93
93
|
*
|
|
@@ -96,7 +96,7 @@ export declare class PopoverComponent implements OnInit, AfterViewInit, OnDestro
|
|
|
96
96
|
animation: PopoverAnimation;
|
|
97
97
|
/**
|
|
98
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](
|
|
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
100
|
*/
|
|
101
101
|
set templateData(fn: PopoverDataFn);
|
|
102
102
|
get templateData(): PopoverDataFn;
|
|
@@ -114,19 +114,19 @@ export declare class PopoverComponent implements OnInit, AfterViewInit, OnDestro
|
|
|
114
114
|
*/
|
|
115
115
|
get hasAttributeHidden(): boolean;
|
|
116
116
|
/**
|
|
117
|
-
* Fires before the Popover is shown. The event is preventable. If canceled, the Popover will not display. [See example](
|
|
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
118
|
*/
|
|
119
119
|
show: EventEmitter<PopoverShowEvent>;
|
|
120
120
|
/**
|
|
121
|
-
* Fires after the Popover has been shown and the animation has ended. [See example](
|
|
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
122
|
*/
|
|
123
123
|
shown: EventEmitter<PopoverShownEvent>;
|
|
124
124
|
/**
|
|
125
|
-
* Fires when the Popover is about to be hidden. The event is preventable. If canceled, the Popover remains visible. [See example](
|
|
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
126
|
*/
|
|
127
127
|
hide: EventEmitter<PopoverHideEvent>;
|
|
128
128
|
/**
|
|
129
|
-
* Fires after the Popover has been hidden and the animation has ended. [See example](
|
|
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
130
|
*/
|
|
131
131
|
hidden: EventEmitter<any>;
|
|
132
132
|
/**
|
|
@@ -9,7 +9,7 @@ import { Position } from '../models/position.type';
|
|
|
9
9
|
import { ShowOption } from '../models/show.option.type';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
/**
|
|
12
|
-
* Represents the [Kendo UI Tooltip directive for Angular](
|
|
12
|
+
* Represents the [Kendo UI Tooltip directive for Angular](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip).
|
|
13
13
|
* Displays additional information related to an element.
|
|
14
14
|
*
|
|
15
15
|
* @example
|
|
@@ -26,24 +26,24 @@ export declare class TooltipDirective implements OnDestroy, OnChanges, AfterView
|
|
|
26
26
|
private popupService;
|
|
27
27
|
/**
|
|
28
28
|
* Specifies a selector for elements within a container that display a tooltip
|
|
29
|
-
* ([see example](
|
|
29
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements)). The possible values include any
|
|
30
30
|
* DOM `selector`.
|
|
31
31
|
* @default '[title]'
|
|
32
32
|
*/
|
|
33
33
|
filter: string;
|
|
34
34
|
/**
|
|
35
35
|
* Specifies the position of the Tooltip relative to the
|
|
36
|
-
* anchor element ([see example](
|
|
36
|
+
* anchor element ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/positioning)).
|
|
37
37
|
*
|
|
38
38
|
* @default 'top'
|
|
39
39
|
*/
|
|
40
40
|
position: Position;
|
|
41
41
|
/**
|
|
42
|
-
* Sets the template for the tooltip header title. [See example](
|
|
42
|
+
* Sets the template for the tooltip header title. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
|
|
43
43
|
*/
|
|
44
44
|
titleTemplate?: TemplateRef<any>;
|
|
45
45
|
/**
|
|
46
|
-
* Specifies the mouse action that triggers the Tooltip to show. [See example](
|
|
46
|
+
* Specifies the mouse action that triggers the Tooltip to show. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/opening).
|
|
47
47
|
*/
|
|
48
48
|
showOn: ShowOption;
|
|
49
49
|
/**
|
|
@@ -59,7 +59,7 @@ export declare class TooltipDirective implements OnDestroy, OnChanges, AfterView
|
|
|
59
59
|
*/
|
|
60
60
|
callout: boolean;
|
|
61
61
|
/**
|
|
62
|
-
* Determines if the Tooltip displays a **Close** button. [See example](
|
|
62
|
+
* Determines if the Tooltip displays a **Close** button. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/closable-tooltip).
|
|
63
63
|
*
|
|
64
64
|
* @default false
|
|
65
65
|
*/
|
|
@@ -73,7 +73,7 @@ export declare class TooltipDirective implements OnDestroy, OnChanges, AfterView
|
|
|
73
73
|
*/
|
|
74
74
|
offset: number;
|
|
75
75
|
/**
|
|
76
|
-
* Sets the width of the Tooltip. [See example](
|
|
76
|
+
* Sets the width of the Tooltip. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
|
|
77
77
|
*/
|
|
78
78
|
tooltipWidth: number;
|
|
79
79
|
/**
|
|
@@ -99,7 +99,7 @@ export declare class TooltipDirective implements OnDestroy, OnChanges, AfterView
|
|
|
99
99
|
closeTitle: string;
|
|
100
100
|
/**
|
|
101
101
|
* Sets a custom content template for the Tooltip.
|
|
102
|
-
* The template is rendered inside the Tooltip content area. [See example](
|
|
102
|
+
* The template is rendered inside the Tooltip content area. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/templates).
|
|
103
103
|
*/
|
|
104
104
|
set tooltipTemplate(value: TemplateRef<any>);
|
|
105
105
|
get tooltipTemplate(): TemplateRef<any>;
|