@progress/kendo-angular-tooltip 24.2.2 → 25.0.0-develop.2
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 +50 -50
- package/index.d.ts +1005 -21
- package/package-metadata.mjs +2 -2
- package/package.json +11 -11
- package/constants.d.ts +0 -12
- package/directives.d.ts +0 -87
- package/localization/localized-messages.directive.d.ts +0 -19
- package/models/animation.model.d.ts +0 -9
- package/models/events.d.ts +0 -76
- package/models/functions.model.d.ts +0 -15
- package/models/popover-show-option.type.d.ts +0 -14
- package/models/position.type.d.ts +0 -14
- package/models/show.option.type.d.ts +0 -13
- package/models/theme-color.type.d.ts +0 -16
- package/package-metadata.d.ts +0 -9
- package/popover/anchor.directive.d.ts +0 -48
- package/popover/container.directive.d.ts +0 -57
- package/popover/directives-base.d.ts +0 -92
- package/popover/popover.component.d.ts +0 -195
- package/popover/popover.service.d.ts +0 -33
- package/popover/template-directives/actions-template.directive.d.ts +0 -27
- package/popover/template-directives/body-template.directive.d.ts +0 -27
- package/popover/template-directives/title-template.directive.d.ts +0 -27
- package/popover.module.d.ts +0 -34
- package/tooltip/tooltip.content.component.d.ts +0 -55
- package/tooltip/tooltip.directive.d.ts +0 -160
- package/tooltip/tooltip.settings.d.ts +0 -68
- package/tooltip.module.d.ts +0 -30
- package/tooltips.module.d.ts +0 -37
- package/utils.d.ts +0 -46
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": 1783688607,
|
|
11
|
+
"version": "25.0.0-develop.2",
|
|
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": "25.0.0-develop.2",
|
|
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",
|
|
@@ -36,25 +36,25 @@
|
|
|
36
36
|
"package": {
|
|
37
37
|
"productName": "Kendo UI for Angular",
|
|
38
38
|
"productCode": "KENDOUIANGULAR",
|
|
39
|
-
"publishDate":
|
|
39
|
+
"publishDate": 1783688607,
|
|
40
40
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
|
-
"@angular/animations": "
|
|
45
|
-
"@angular/common": "
|
|
46
|
-
"@angular/core": "
|
|
47
|
-
"@angular/platform-browser": "
|
|
44
|
+
"@angular/animations": "20 - 22",
|
|
45
|
+
"@angular/common": "20 - 22",
|
|
46
|
+
"@angular/core": "20 - 22",
|
|
47
|
+
"@angular/platform-browser": "20 - 22",
|
|
48
48
|
"@progress/kendo-licensing": "^1.11.0",
|
|
49
|
-
"@progress/kendo-angular-common": "
|
|
50
|
-
"@progress/kendo-angular-l10n": "
|
|
51
|
-
"@progress/kendo-angular-popup": "
|
|
52
|
-
"@progress/kendo-angular-icons": "
|
|
49
|
+
"@progress/kendo-angular-common": "25.0.0-develop.2",
|
|
50
|
+
"@progress/kendo-angular-l10n": "25.0.0-develop.2",
|
|
51
|
+
"@progress/kendo-angular-popup": "25.0.0-develop.2",
|
|
52
|
+
"@progress/kendo-angular-icons": "25.0.0-develop.2",
|
|
53
53
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"tslib": "^2.3.1",
|
|
57
|
-
"@progress/kendo-angular-schematics": "
|
|
57
|
+
"@progress/kendo-angular-schematics": "25.0.0-develop.2"
|
|
58
58
|
},
|
|
59
59
|
"schematics": "./schematics/collection.json",
|
|
60
60
|
"module": "fesm2022/progress-kendo-angular-tooltip.mjs",
|
package/constants.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const ERRORS: {
|
|
9
|
-
popover: string;
|
|
10
|
-
templateData: string;
|
|
11
|
-
showOn: string;
|
|
12
|
-
};
|
package/directives.d.ts
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { LocalizedMessagesDirective } from "./localization/localized-messages.directive";
|
|
6
|
-
import { PopoverAnchorDirective } from "./popover/anchor.directive";
|
|
7
|
-
import { PopoverContainerDirective } from "./popover/container.directive";
|
|
8
|
-
import { PopoverComponent } from "./popover/popover.component";
|
|
9
|
-
import { PopoverActionsTemplateDirective } from "./popover/template-directives/actions-template.directive";
|
|
10
|
-
import { PopoverBodyTemplateDirective } from "./popover/template-directives/body-template.directive";
|
|
11
|
-
import { PopoverTitleTemplateDirective } from "./popover/template-directives/title-template.directive";
|
|
12
|
-
import { TooltipContentComponent } from "./tooltip/tooltip.content.component";
|
|
13
|
-
import { TooltipDirective } from "./tooltip/tooltip.directive";
|
|
14
|
-
/**
|
|
15
|
-
* Use this utility array to access all Tooltip-related components and directives in a standalone Angular component.
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* ```typescript
|
|
19
|
-
* import { Component } from '@angular/core';
|
|
20
|
-
* import { KENDO_TOOLTIP } from '@progress/kendo-angular-tooltip';
|
|
21
|
-
*
|
|
22
|
-
* @Component({
|
|
23
|
-
* selector: 'my-app',
|
|
24
|
-
* standalone: true,
|
|
25
|
-
* imports: [KENDO_TOOLTIP],
|
|
26
|
-
* template: `
|
|
27
|
-
* <div kendoTooltip>
|
|
28
|
-
* <button kendoButton title="Save">Save</button>
|
|
29
|
-
* </div>
|
|
30
|
-
* `
|
|
31
|
-
* })
|
|
32
|
-
* export class AppComponent {}
|
|
33
|
-
* ```
|
|
34
|
-
*/
|
|
35
|
-
export declare const KENDO_TOOLTIP: readonly [typeof TooltipDirective, typeof TooltipContentComponent, typeof LocalizedMessagesDirective];
|
|
36
|
-
/**
|
|
37
|
-
* Use this utility array to access all Popover-related components and directives in a standalone Angular component.
|
|
38
|
-
*
|
|
39
|
-
* @example
|
|
40
|
-
* ```typescript
|
|
41
|
-
* import { Component } from '@angular/core';
|
|
42
|
-
* import { KENDO_POPOVER } from '@progress/kendo-angular-tooltip';
|
|
43
|
-
*
|
|
44
|
-
* @Component({
|
|
45
|
-
* selector: 'my-app',
|
|
46
|
-
* standalone: true,
|
|
47
|
-
* imports: [KENDO_POPOVER],
|
|
48
|
-
* template: `
|
|
49
|
-
* <div kendoPopoverAnchor [popover]="myPopover">
|
|
50
|
-
* <button kendoButton>Open Popover</button>
|
|
51
|
-
* </div>
|
|
52
|
-
* <kendo-popover #myPopover title="Popover Title" body="Popover Body">
|
|
53
|
-
* </kendo-popover>
|
|
54
|
-
* `
|
|
55
|
-
* })
|
|
56
|
-
* export class AppComponent {}
|
|
57
|
-
* ```
|
|
58
|
-
*/
|
|
59
|
-
export declare const KENDO_POPOVER: readonly [typeof PopoverComponent, typeof PopoverActionsTemplateDirective, typeof PopoverBodyTemplateDirective, typeof PopoverTitleTemplateDirective, typeof PopoverAnchorDirective, typeof PopoverContainerDirective];
|
|
60
|
-
/**
|
|
61
|
-
* Use this utility array to access all `@progress/kendo-angular-tooltip`-related components and directives in a standalone Angular component.
|
|
62
|
-
*
|
|
63
|
-
* @example
|
|
64
|
-
* ```typescript
|
|
65
|
-
* import { Component } from '@angular/core';
|
|
66
|
-
* import { KENDO_TOOLTIPS } from '@progress/kendo-angular-tooltip';
|
|
67
|
-
*
|
|
68
|
-
* @Component({
|
|
69
|
-
* selector: 'my-app',
|
|
70
|
-
* standalone: true,
|
|
71
|
-
* imports: [KENDO_TOOLTIPS],
|
|
72
|
-
* template: `
|
|
73
|
-
* <div kendoTooltip>
|
|
74
|
-
* <button kendoButton title="Save">Save</button>
|
|
75
|
-
* </div>
|
|
76
|
-
*
|
|
77
|
-
* <div kendoPopoverAnchor [popover]="myPopover">
|
|
78
|
-
* <button kendoButton>Open Popover</button>
|
|
79
|
-
* </div>
|
|
80
|
-
* <kendo-popover #myPopover title="Popover Title" body="Popover Body">
|
|
81
|
-
* </kendo-popover>
|
|
82
|
-
* `
|
|
83
|
-
* })
|
|
84
|
-
* export class AppComponent {}
|
|
85
|
-
* ```
|
|
86
|
-
*/
|
|
87
|
-
export declare const KENDO_TOOLTIPS: readonly [typeof TooltipDirective, typeof TooltipContentComponent, typeof LocalizedMessagesDirective, typeof PopoverComponent, typeof PopoverActionsTemplateDirective, typeof PopoverBodyTemplateDirective, typeof PopoverTitleTemplateDirective, typeof PopoverAnchorDirective, typeof PopoverContainerDirective];
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export declare class LocalizedMessagesDirective extends ComponentMessages {
|
|
11
|
-
protected service: LocalizationService;
|
|
12
|
-
/**
|
|
13
|
-
* The title of the close button.
|
|
14
|
-
*/
|
|
15
|
-
closeTitle: string;
|
|
16
|
-
constructor(service: LocalizationService);
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
|
|
18
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoTooltipLocalizedMessages]", never, { "closeTitle": { "alias": "closeTitle"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { PopupAnimation } from "@progress/kendo-angular-popup";
|
|
6
|
-
/**
|
|
7
|
-
* Specifies the available Popover animation options.
|
|
8
|
-
*/
|
|
9
|
-
export type PopoverAnimation = PopupAnimation | boolean;
|
package/models/events.d.ts
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { PreventableEvent } from "@progress/kendo-angular-common";
|
|
6
|
-
import { PopupRef } from "@progress/kendo-angular-popup";
|
|
7
|
-
/**
|
|
8
|
-
* Provides arguments for the `show` event. The event fires when a popover is about to open. Cancel the event to prevent opening.
|
|
9
|
-
*/
|
|
10
|
-
export declare class PopoverShowEvent extends PreventableEvent {
|
|
11
|
-
/**
|
|
12
|
-
* Specifies the host element related to the Popover.
|
|
13
|
-
*/
|
|
14
|
-
anchor: Element;
|
|
15
|
-
/**
|
|
16
|
-
* @hidden
|
|
17
|
-
* Constructs the event arguments for the `show` event.
|
|
18
|
-
* @param anchor - The host element related to the Popover.
|
|
19
|
-
*/
|
|
20
|
-
constructor(anchor: Element);
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Provides arguments for the `hide` event. The event fires when a popover is about to close. Cancel the event to keep it open.
|
|
24
|
-
*/
|
|
25
|
-
export declare class PopoverHideEvent extends PreventableEvent {
|
|
26
|
-
/**
|
|
27
|
-
* Specifies the host element related to the Popover.
|
|
28
|
-
*/
|
|
29
|
-
anchor: Element;
|
|
30
|
-
/**
|
|
31
|
-
* Specifies the Popover element.
|
|
32
|
-
*/
|
|
33
|
-
popover: PopupRef;
|
|
34
|
-
/**
|
|
35
|
-
* @hidden
|
|
36
|
-
* Constructs the event arguments for the `hide` event.
|
|
37
|
-
* @param anchor - The host element related to the popover.
|
|
38
|
-
* @param popover - The popover element.
|
|
39
|
-
*/
|
|
40
|
-
constructor(anchor: Element, popover: PopupRef);
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* Provides arguments for the `shown` event. The event fires after the Popover has opened and its opening animation has finished.
|
|
44
|
-
*/
|
|
45
|
-
export declare class PopoverShownEvent {
|
|
46
|
-
/**
|
|
47
|
-
* Specifies the host element related to the Popover.
|
|
48
|
-
*/
|
|
49
|
-
anchor: Element;
|
|
50
|
-
/**
|
|
51
|
-
* Specifies the Popover element.
|
|
52
|
-
*/
|
|
53
|
-
popover: PopupRef;
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
* Constructs the event arguments for the `shown` event.
|
|
57
|
-
* @param anchor - The host element related to the popover.
|
|
58
|
-
* @param popover - The popover element.
|
|
59
|
-
*/
|
|
60
|
-
constructor(anchor: Element, popover: PopupRef);
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* Provides arguments for the `hidden` event. The event fires after the popover has closed and its closing animation has finished.
|
|
64
|
-
*/
|
|
65
|
-
export declare class PopoverHiddenEvent {
|
|
66
|
-
/**
|
|
67
|
-
* Specifies the host element related to the Popover.
|
|
68
|
-
*/
|
|
69
|
-
anchor: Element;
|
|
70
|
-
/**
|
|
71
|
-
* @hidden
|
|
72
|
-
* Constructs the event arguments for the `hidden` event.
|
|
73
|
-
* @param anchor - The host element related to the popover.
|
|
74
|
-
*/
|
|
75
|
-
constructor(anchor: Element);
|
|
76
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { PopoverComponent } from "../popover/popover.component";
|
|
6
|
-
/**
|
|
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
|
-
*/
|
|
10
|
-
export type PopoverFn = (anchor: Element) => PopoverComponent;
|
|
11
|
-
/**
|
|
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
|
-
*/
|
|
15
|
-
export type PopoverDataFn = (anchor: Element) => any;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
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.
|
|
13
|
-
*/
|
|
14
|
-
export type PopoverShowOption = 'hover' | 'click' | 'none' | 'focus';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Specifies the position of the Tooltip or Popover relative to the anchor element.
|
|
7
|
-
*
|
|
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.
|
|
13
|
-
*/
|
|
14
|
-
export type Position = 'top' | 'bottom' | 'right' | 'left';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* The `ShowOption` type defines the different ways a tooltip can be displayed in the Kendo UI Tooltip component.
|
|
7
|
-
*
|
|
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 the kendoTooltip container.
|
|
12
|
-
*/
|
|
13
|
-
export type ShowOption = 'hover' | 'click' | 'none';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Specifies the predefined theme color of the Tooltip.
|
|
7
|
-
*
|
|
8
|
-
* The available values are:
|
|
9
|
-
* - `base` (default)—Applies coloring based on the `base` theme color.
|
|
10
|
-
* - `inverse`—Applies coloring based on the `inverse` theme color.
|
|
11
|
-
* - `info`—Applies coloring based on the `info` theme color.
|
|
12
|
-
* - `success`—Applies coloring based on the `success` theme color.
|
|
13
|
-
* - `warning`—Applies coloring based on the `warning` theme color.
|
|
14
|
-
* - `error`—Applies coloring based on the `error` theme color.
|
|
15
|
-
*/
|
|
16
|
-
export type TooltipThemeColor = 'base' | 'inverse' | 'info' | 'success' | 'warning' | 'error';
|
package/package-metadata.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { type PackageMetadata } from '@progress/kendo-licensing';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const packageMetadata: PackageMetadata;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, NgZone, Renderer2, SimpleChanges } from "@angular/core";
|
|
6
|
-
import { PopupService } from "@progress/kendo-angular-popup";
|
|
7
|
-
import { PopoverDirectivesBase } from "./directives-base";
|
|
8
|
-
import { PopoverService } from "./popover.service";
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the [`kendoPopoverAnchor`](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-anchor) directive.
|
|
12
|
-
* Targets an element to display a popover on user interaction.
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```html
|
|
16
|
-
* <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
|
-
export declare class PopoverAnchorDirective extends PopoverDirectivesBase {
|
|
20
|
-
protected hostEl: ElementRef;
|
|
21
|
-
protected ngZone: NgZone;
|
|
22
|
-
protected popupService: PopupService;
|
|
23
|
-
protected renderer: Renderer2;
|
|
24
|
-
protected popoverService: PopoverService;
|
|
25
|
-
constructor(hostEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
|
|
26
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
27
|
-
/**
|
|
28
|
-
* Shows the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control)
|
|
29
|
-
*/
|
|
30
|
-
show(): void;
|
|
31
|
-
/**
|
|
32
|
-
* Toggles the visibility of the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control)
|
|
33
|
-
*/
|
|
34
|
-
toggle(): void;
|
|
35
|
-
protected subscribeToShowEvents(arr: any[]): void;
|
|
36
|
-
protected subscribeClick(): void;
|
|
37
|
-
protected mouseenterHandler: () => void;
|
|
38
|
-
protected mouseleaveHandler: () => void;
|
|
39
|
-
protected focusHandler: () => void;
|
|
40
|
-
protected blurHandler: (args: any) => void;
|
|
41
|
-
/**
|
|
42
|
-
* @hidden
|
|
43
|
-
*/
|
|
44
|
-
private onClick;
|
|
45
|
-
private controlVisibility;
|
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverAnchorDirective, never>;
|
|
47
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverAnchorDirective, "[kendoPopoverAnchor]", ["kendoPopoverAnchor"], {}, {}, never, never, true, never>;
|
|
48
|
-
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, NgZone, Renderer2 } from "@angular/core";
|
|
6
|
-
import { PopupService } from "@progress/kendo-angular-popup";
|
|
7
|
-
import { PopoverDirectivesBase } from './directives-base';
|
|
8
|
-
import { PopoverService } from "./popover.service";
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the [`kendoPopoverContainer`](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-container) directive.
|
|
12
|
-
* Filters and targets multiple elements to display a popover on user interaction.
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```html
|
|
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>
|
|
20
|
-
* </div>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export declare class PopoverContainerDirective extends PopoverDirectivesBase {
|
|
24
|
-
wrapperEl: ElementRef;
|
|
25
|
-
protected ngZone: NgZone;
|
|
26
|
-
protected popupService: PopupService;
|
|
27
|
-
protected renderer: Renderer2;
|
|
28
|
-
protected popoverService: PopoverService;
|
|
29
|
-
/**
|
|
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](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/configuration#popover-container).
|
|
32
|
-
*/
|
|
33
|
-
filter: string;
|
|
34
|
-
constructor(wrapperEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
|
|
35
|
-
/**
|
|
36
|
-
* Shows the Popover.
|
|
37
|
-
*
|
|
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
|
-
*/
|
|
40
|
-
show(anchor: Element | ElementRef): void;
|
|
41
|
-
/**
|
|
42
|
-
* Toggles the visibility of the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
43
|
-
*
|
|
44
|
-
* @param anchor - The element used as an anchor. The Popover opens relative to this element.
|
|
45
|
-
*/
|
|
46
|
-
toggle(anchor: Element | ElementRef): void;
|
|
47
|
-
protected subscribeClick(): void;
|
|
48
|
-
protected mouseenterHandler: (anchor: Element) => void;
|
|
49
|
-
protected mouseleaveHandler: (args: any) => void;
|
|
50
|
-
protected focusHandler: (anchor: Element) => void;
|
|
51
|
-
protected blurHandler: (args: any) => void;
|
|
52
|
-
protected subscribeToShowEvents(arr: any[]): void;
|
|
53
|
-
private clickHandler;
|
|
54
|
-
private controlVisibility;
|
|
55
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverContainerDirective, never>;
|
|
56
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverContainerDirective, "[kendoPopoverContainer]", ["kendoPopoverContainer"], { "filter": { "alias": "filter"; "required": false; }; }, {}, never, never, true, never>;
|
|
57
|
-
}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ComponentRef, ElementRef, NgZone, Renderer2 } from "@angular/core";
|
|
6
|
-
import { PopupRef, PopupService } from "@progress/kendo-angular-popup";
|
|
7
|
-
import { PopoverFn } from "../models/functions.model";
|
|
8
|
-
import { PopoverShowOption } from "../models/popover-show-option.type";
|
|
9
|
-
import { PopoverComponent } from "./popover.component";
|
|
10
|
-
import { PopoverService } from "./popover.service";
|
|
11
|
-
import { Subscription } from "rxjs";
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare abstract class PopoverDirectivesBase {
|
|
17
|
-
protected ngZone: NgZone;
|
|
18
|
-
protected popupService: PopupService;
|
|
19
|
-
protected renderer: Renderer2;
|
|
20
|
-
/**
|
|
21
|
-
* Specifies the popover instance to render.
|
|
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
|
-
*/
|
|
24
|
-
set popover(value: PopoverComponent | PopoverFn);
|
|
25
|
-
get popover(): PopoverComponent | PopoverFn;
|
|
26
|
-
/**
|
|
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
|
-
*/
|
|
29
|
-
set showOn(value: PopoverShowOption);
|
|
30
|
-
get showOn(): PopoverShowOption;
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
private anchor;
|
|
35
|
-
popupRef: PopupRef;
|
|
36
|
-
protected disposeHoverOverListener: () => void;
|
|
37
|
-
protected disposeHoverOutListener: () => void;
|
|
38
|
-
protected disposeClickListener: () => void;
|
|
39
|
-
protected disposePopupHoverOutListener: () => void;
|
|
40
|
-
protected disposePopupHoverInListener: () => void;
|
|
41
|
-
protected disposePopupFocusOutListener: () => void;
|
|
42
|
-
protected subs: Subscription;
|
|
43
|
-
protected _popoverService: PopoverService;
|
|
44
|
-
protected _hideSub: Subscription;
|
|
45
|
-
protected _focusInsideSub: Subscription;
|
|
46
|
-
private _popover;
|
|
47
|
-
private _showOn;
|
|
48
|
-
private _popupOpenSub;
|
|
49
|
-
private _popupCloseSub;
|
|
50
|
-
private _popupSubs;
|
|
51
|
-
constructor(ngZone: NgZone, popupService: PopupService, renderer: Renderer2);
|
|
52
|
-
ngAfterViewInit(): void;
|
|
53
|
-
ngOnDestroy(): void;
|
|
54
|
-
/**
|
|
55
|
-
* Hides the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
|
|
56
|
-
*/
|
|
57
|
-
hide(): void;
|
|
58
|
-
/**
|
|
59
|
-
* @hidden
|
|
60
|
-
*/
|
|
61
|
-
protected closePopup(): void;
|
|
62
|
-
/**
|
|
63
|
-
* @hidden
|
|
64
|
-
*/
|
|
65
|
-
protected openPopup(anchor: Element | ElementRef): void;
|
|
66
|
-
/**
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
protected isPrevented(anchorElement: Element, show: boolean): boolean;
|
|
70
|
-
/**
|
|
71
|
-
* @hidden
|
|
72
|
-
*/
|
|
73
|
-
protected monitorPopup(): void;
|
|
74
|
-
protected applySettings(contentComponent: ComponentRef<PopoverComponent>, popover: PopoverComponent): void;
|
|
75
|
-
protected abstract subscribeToShowEvents(args?: any): void;
|
|
76
|
-
protected abstract subscribeClick(): void;
|
|
77
|
-
protected abstract mouseenterHandler(args?: any): void;
|
|
78
|
-
protected abstract mouseleaveHandler(args?: any): void;
|
|
79
|
-
protected abstract focusHandler(args?: any): void;
|
|
80
|
-
protected abstract blurHandler(args?: any): void;
|
|
81
|
-
protected manageEvents(): void;
|
|
82
|
-
/**
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
private initializeEvents;
|
|
86
|
-
private onKeyDown;
|
|
87
|
-
private initializeCompletionEvents;
|
|
88
|
-
private shouldEmitEvent;
|
|
89
|
-
private shouldEmitCompletionEvents;
|
|
90
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverDirectivesBase, never>;
|
|
91
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirectivesBase, never, never, { "popover": { "alias": "popover"; "required": false; }; "showOn": { "alias": "showOn"; "required": false; }; }, {}, never, never, true, never>;
|
|
92
|
-
}
|