@progress/kendo-angular-menu 19.1.2-develop.1 → 19.1.2-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/context-menu/context-menu-event.d.ts +5 -5
- package/context-menu/context-menu-popup-event.d.ts +4 -4
- package/context-menu/context-menu-select-event.d.ts +2 -2
- package/context-menu/context-menu-target-container.directive.d.ts +12 -1
- package/context-menu/context-menu-target.directive.d.ts +8 -3
- package/context-menu/context-menu-template.directive.d.ts +9 -0
- package/context-menu/context-menu.component.d.ts +9 -7
- package/data-binding/flat-binding.directive.d.ts +8 -2
- package/data-binding/hierachy-binding.directive.d.ts +8 -2
- package/directives.d.ts +6 -6
- package/esm2022/context-menu/context-menu-event.mjs +5 -5
- package/esm2022/context-menu/context-menu-popup-event.mjs +4 -4
- package/esm2022/context-menu/context-menu-select-event.mjs +2 -2
- package/esm2022/context-menu/context-menu-target-container.directive.mjs +12 -1
- package/esm2022/context-menu/context-menu-target.directive.mjs +8 -3
- package/esm2022/context-menu/context-menu-template.directive.mjs +9 -0
- package/esm2022/context-menu/context-menu.component.mjs +9 -7
- package/esm2022/data-binding/flat-binding.directive.mjs +8 -2
- package/esm2022/data-binding/hierachy-binding.directive.mjs +8 -2
- package/esm2022/directives.mjs +6 -6
- package/esm2022/menu-event.mjs +4 -4
- package/esm2022/menu-item.component.mjs +1 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/rendering/arrow.component.mjs +8 -1
- package/esm2022/rendering/link.directive.mjs +8 -1
- package/fesm2022/progress-kendo-angular-menu.mjs +94 -41
- package/menu-animation.interface.d.ts +5 -3
- package/menu-event.d.ts +4 -4
- package/menu-item.component.d.ts +1 -1
- package/menu-item.interface.d.ts +3 -3
- package/package.json +7 -7
- package/rendering/arrow.component.d.ts +8 -1
- package/rendering/link.directive.d.ts +8 -1
|
@@ -4,23 +4,23 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ContextMenuComponent } from './context-menu.component';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Represents the arguments for the `open` and `close` events of the ContextMenu.
|
|
8
8
|
*/
|
|
9
9
|
export declare class ContextMenuEvent {
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Specifies the target element for which the ContextMenu is opened.
|
|
12
12
|
*/
|
|
13
13
|
target: any;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* Specifies the ContextMenuComponent that triggered the event.
|
|
16
16
|
*/
|
|
17
17
|
sender: ContextMenuComponent;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* Specifies the item data of the event.
|
|
20
20
|
*/
|
|
21
21
|
item: any;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* Specifies the item index of the event.
|
|
24
24
|
*/
|
|
25
25
|
index: string;
|
|
26
26
|
}
|
|
@@ -5,19 +5,19 @@
|
|
|
5
5
|
import { PreventableEvent } from '../preventable-event';
|
|
6
6
|
import { ContextMenuComponent } from './context-menu.component';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Represents the arguments for the `popupOpen` and `popupClose` events of the ContextMenu.
|
|
9
9
|
*/
|
|
10
10
|
export declare class ContextMenuPopupEvent extends PreventableEvent {
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Specifies the target element for which the ContextMenu is opened.
|
|
13
13
|
*/
|
|
14
14
|
target: any;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Specifies the DOM event that started the action.
|
|
17
17
|
*/
|
|
18
18
|
originalEvent: any;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* Specifies the ContextMenuComponent that triggered the event.
|
|
21
21
|
*/
|
|
22
22
|
sender: ContextMenuComponent;
|
|
23
23
|
/**
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ContextMenuEvent } from './context-menu-event';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Represents the arguments for the `select` event of the ContextMenu.
|
|
8
8
|
*/
|
|
9
9
|
export declare class ContextMenuSelectEvent extends ContextMenuEvent {
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Specifies the DOM event that triggered the selection.
|
|
12
12
|
*/
|
|
13
13
|
originalEvent: any;
|
|
14
14
|
}
|
|
@@ -6,7 +6,18 @@ import { ElementRef } from '@angular/core';
|
|
|
6
6
|
import { ContextMenuTargetService } from './context-menu-target.service';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Represents a container for the [targets]({% slug api_menu_contextmenutargetdirective %}) of the ContextMenu.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```html
|
|
13
|
+
* <div
|
|
14
|
+
* #target="kendoContextMenuTargetContainer"
|
|
15
|
+
* kendoContextMenuTargetContainer
|
|
16
|
+
* >
|
|
17
|
+
* <div kendoContextMenuTarget></div>
|
|
18
|
+
* <div kendoContextMenuTarget></div>
|
|
19
|
+
* </div>
|
|
20
|
+
* ```
|
|
10
21
|
*/
|
|
11
22
|
export declare class ContextMenuTargetContainerDirective {
|
|
12
23
|
targetService: ContextMenuTargetService;
|
|
@@ -10,17 +10,22 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
*/
|
|
11
11
|
export declare const TARGET_CLASS = "k-contextmenu-target";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents a [target]({% slug api_menu_contextmenutargetdirective %}) for the ContextMenu
|
|
14
14
|
* ([see example]({% slug target_contextmenu %}#toc-directives)).
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```html
|
|
18
|
+
* <div kendoContextMenuTarget> </div>
|
|
19
|
+
* ```
|
|
15
20
|
*/
|
|
16
21
|
export declare class ContextMenuTargetDirective implements OnDestroy {
|
|
17
22
|
targetService: ContextMenuTargetService;
|
|
18
23
|
/**
|
|
19
|
-
*
|
|
24
|
+
* Specifies the data which is associated with the target.
|
|
20
25
|
*/
|
|
21
26
|
data: any;
|
|
22
27
|
/**
|
|
23
|
-
*
|
|
28
|
+
* Specifies the target DOM element.
|
|
24
29
|
*/
|
|
25
30
|
element: any;
|
|
26
31
|
/**
|
|
@@ -10,6 +10,15 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
* ([more information and examples]({% slug templates_contextmenu %})).
|
|
11
11
|
*
|
|
12
12
|
* <demo metaUrl="menus/context-menu/template/" height="200"></demo>
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <kendo-contextmenu>
|
|
17
|
+
* <ng-template kendoContextMenuTemplate let-item="item">
|
|
18
|
+
* <span>{{ item.text }}</span>
|
|
19
|
+
* </ng-template>
|
|
20
|
+
* </kendo-contextmenu>
|
|
21
|
+
* ```
|
|
13
22
|
*/
|
|
14
23
|
export declare class ContextMenuTemplateDirective {
|
|
15
24
|
templateRef: TemplateRef<any>;
|
|
@@ -39,6 +39,7 @@ export declare class ContextMenuComponent extends MenuBase implements OnInit, On
|
|
|
39
39
|
/**
|
|
40
40
|
* Specifies the event on which the ContextMenu will open ([see example]({% slug showon_contextmenu %})).
|
|
41
41
|
* Accepts the name of a native DOM event. For example, `click`, `dblclick`, `mouseover`, etc.
|
|
42
|
+
*
|
|
42
43
|
* @default 'contextmenu'
|
|
43
44
|
*/
|
|
44
45
|
showOn: string;
|
|
@@ -52,38 +53,38 @@ export declare class ContextMenuComponent extends MenuBase implements OnInit, On
|
|
|
52
53
|
*/
|
|
53
54
|
filter: string;
|
|
54
55
|
/**
|
|
55
|
-
*
|
|
56
|
+
* Specifies if the ContextMenu will be aligned to the target or to the `filter` element (if specified).
|
|
57
|
+
*
|
|
56
58
|
* @default false
|
|
57
59
|
*/
|
|
58
60
|
alignToAnchor: boolean;
|
|
59
61
|
/**
|
|
60
62
|
* Specifies if the Menu will be vertically rendered ([see example]({% slug orientation_contextmenu %})).
|
|
63
|
+
*
|
|
61
64
|
* @default true
|
|
62
65
|
*/
|
|
63
66
|
vertical: boolean;
|
|
64
67
|
/**
|
|
65
68
|
* Specifies the popup animation.
|
|
69
|
+
*
|
|
66
70
|
* @default true
|
|
67
71
|
*/
|
|
68
72
|
popupAnimate: boolean | PopupAnimation;
|
|
69
73
|
/**
|
|
70
74
|
* Specifies the pivot point of the popup.
|
|
75
|
+
*
|
|
71
76
|
* @default { horizontal: 'left', vertical: 'top' }
|
|
72
|
-
* The possible values are:
|
|
73
|
-
* - `horizontal`—`left`, `center`, `right`
|
|
74
|
-
* - `vertical`—`top`, `center`, `bottom`
|
|
75
77
|
*/
|
|
76
78
|
popupAlign: Align;
|
|
77
79
|
/**
|
|
78
80
|
* Specifies the pivot point of the anchor. Applicable if `alignToAnchor` is `true`.
|
|
81
|
+
*
|
|
79
82
|
* @default { horizontal: 'left', vertical: 'bottom' }
|
|
80
|
-
* The possible values are:
|
|
81
|
-
* - `horizontal`—`left`, `center`, `right`
|
|
82
|
-
* - `vertical`—`top`, `center`, `bottom`
|
|
83
83
|
*/
|
|
84
84
|
anchorAlign: Align;
|
|
85
85
|
/**
|
|
86
86
|
* Configures the collision behavior of the popup.
|
|
87
|
+
*
|
|
87
88
|
* @default { horizontal: 'fit', vertical: 'flip' }
|
|
88
89
|
*/
|
|
89
90
|
collision: Collision;
|
|
@@ -138,6 +139,7 @@ export declare class ContextMenuComponent extends MenuBase implements OnInit, On
|
|
|
138
139
|
hide(): void;
|
|
139
140
|
/**
|
|
140
141
|
* Shows the ContextMenu for the specified target.
|
|
142
|
+
*
|
|
141
143
|
* @param target - The offset or the target element for which the ContextMenu will open.
|
|
142
144
|
*/
|
|
143
145
|
show(target: Offset | HTMLElement | ElementRef): void;
|
|
@@ -6,11 +6,17 @@ import { MenuBase } from '../menu-base';
|
|
|
6
6
|
import { BindingDirectiveBase } from './binding-directive-base';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Represents a directive that converts the provided flat data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```html
|
|
13
|
+
* <kendo-menu [kendoMenuFlatBinding]="flatData" [textField]="'text'" [idField]="'id'" [parentIdField]="'parentId'">
|
|
14
|
+
* </kendo-menu>
|
|
15
|
+
* ```
|
|
10
16
|
*/
|
|
11
17
|
export declare class FlatBindingDirective extends BindingDirectiveBase {
|
|
12
18
|
/**
|
|
13
|
-
*
|
|
19
|
+
* Specifies the array of data which will be used to populate the Menu.
|
|
14
20
|
*/
|
|
15
21
|
data: any[];
|
|
16
22
|
/**
|
|
@@ -6,11 +6,17 @@ import { MenuBase } from '../menu-base';
|
|
|
6
6
|
import { BindingDirectiveBase } from './binding-directive-base';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Represents a directive that converts the provided hierarchical data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```html
|
|
13
|
+
* <kendo-menu [kendoMenuHierarchyBinding]="hierarchicalData" [textField]="'text'" [childrenField]="'items'">
|
|
14
|
+
* </kendo-menu>
|
|
15
|
+
* ```
|
|
10
16
|
*/
|
|
11
17
|
export declare class HierarchyBindingDirective extends BindingDirectiveBase {
|
|
12
18
|
/**
|
|
13
|
-
*
|
|
19
|
+
* Specifies the array of data which will be used to populate the Menu.
|
|
14
20
|
*/
|
|
15
21
|
data: any[];
|
|
16
22
|
/**
|
package/directives.d.ts
CHANGED
|
@@ -16,14 +16,14 @@ import { ContextMenuTemplateDirective } from './context-menu/context-menu-templa
|
|
|
16
16
|
import { ContextMenuTargetDirective } from './context-menu/context-menu-target.directive';
|
|
17
17
|
import { ContextMenuTargetContainerDirective } from './context-menu/context-menu-target-container.directive';
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
19
|
+
* Represents a utility array that contains all `Menu` related components and directives.
|
|
20
|
+
*/
|
|
21
21
|
export declare const KENDO_MENU: readonly [typeof MenuComponent, typeof MenuItemComponent, typeof ItemTemplateDirective, typeof ItemLinkTemplateDirective, typeof ItemContentTemplateDirective, typeof HierarchyBindingDirective, typeof FlatBindingDirective, typeof LinkDirective, typeof ExpandArrowComponent];
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
24
|
-
*/
|
|
23
|
+
* Represents a utility array that contains all `ContextMenu` related components and directives.
|
|
24
|
+
*/
|
|
25
25
|
export declare const KENDO_CONTEXTMENU: readonly [typeof ContextMenuComponent, typeof ContextMenuTemplateDirective, typeof ContextMenuTargetDirective, typeof ContextMenuTargetContainerDirective, typeof MenuComponent, typeof MenuItemComponent, typeof ItemTemplateDirective, typeof ItemLinkTemplateDirective, typeof ItemContentTemplateDirective, typeof HierarchyBindingDirective, typeof FlatBindingDirective, typeof LinkDirective, typeof ExpandArrowComponent];
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
28
|
-
*/
|
|
27
|
+
* Represents a utility array that contains all `@progress/kendo-angular-menu` related components and directives.
|
|
28
|
+
*/
|
|
29
29
|
export declare const KENDO_MENUS: readonly [typeof MenuComponent, typeof MenuItemComponent, typeof ItemTemplateDirective, typeof ItemLinkTemplateDirective, typeof ItemContentTemplateDirective, typeof HierarchyBindingDirective, typeof FlatBindingDirective, typeof LinkDirective, typeof ExpandArrowComponent, typeof ContextMenuComponent, typeof ContextMenuTemplateDirective, typeof ContextMenuTargetDirective, typeof ContextMenuTargetContainerDirective, typeof MenuComponent, typeof MenuItemComponent, typeof ItemTemplateDirective, typeof ItemLinkTemplateDirective, typeof ItemContentTemplateDirective, typeof HierarchyBindingDirective, typeof FlatBindingDirective, typeof LinkDirective, typeof ExpandArrowComponent];
|
|
@@ -3,23 +3,23 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Represents the arguments for the `open` and `close` events of the ContextMenu.
|
|
7
7
|
*/
|
|
8
8
|
export class ContextMenuEvent {
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Specifies the target element for which the ContextMenu is opened.
|
|
11
11
|
*/
|
|
12
12
|
target;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Specifies the ContextMenuComponent that triggered the event.
|
|
15
15
|
*/
|
|
16
16
|
sender;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Specifies the item data of the event.
|
|
19
19
|
*/
|
|
20
20
|
item;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Specifies the item index of the event.
|
|
23
23
|
*/
|
|
24
24
|
index;
|
|
25
25
|
}
|
|
@@ -4,19 +4,19 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PreventableEvent } from '../preventable-event';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Represents the arguments for the `popupOpen` and `popupClose` events of the ContextMenu.
|
|
8
8
|
*/
|
|
9
9
|
export class ContextMenuPopupEvent extends PreventableEvent {
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Specifies the target element for which the ContextMenu is opened.
|
|
12
12
|
*/
|
|
13
13
|
target;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* Specifies the DOM event that started the action.
|
|
16
16
|
*/
|
|
17
17
|
originalEvent;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* Specifies the ContextMenuComponent that triggered the event.
|
|
20
20
|
*/
|
|
21
21
|
sender;
|
|
22
22
|
/**
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ContextMenuEvent } from './context-menu-event';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Represents the arguments for the `select` event of the ContextMenu.
|
|
8
8
|
*/
|
|
9
9
|
export class ContextMenuSelectEvent extends ContextMenuEvent {
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Specifies the DOM event that triggered the selection.
|
|
12
12
|
*/
|
|
13
13
|
originalEvent;
|
|
14
14
|
}
|
|
@@ -7,7 +7,18 @@ import { ContextMenuTargetService } from './context-menu-target.service';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "./context-menu-target.service";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents a container for the [targets]({% slug api_menu_contextmenutargetdirective %}) of the ContextMenu.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```html
|
|
14
|
+
* <div
|
|
15
|
+
* #target="kendoContextMenuTargetContainer"
|
|
16
|
+
* kendoContextMenuTargetContainer
|
|
17
|
+
* >
|
|
18
|
+
* <div kendoContextMenuTarget></div>
|
|
19
|
+
* <div kendoContextMenuTarget></div>
|
|
20
|
+
* </div>
|
|
21
|
+
* ```
|
|
11
22
|
*/
|
|
12
23
|
export class ContextMenuTargetContainerDirective {
|
|
13
24
|
targetService;
|
|
@@ -11,17 +11,22 @@ import * as i1 from "./context-menu-target.service";
|
|
|
11
11
|
*/
|
|
12
12
|
export const TARGET_CLASS = 'k-contextmenu-target';
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Represents a [target]({% slug api_menu_contextmenutargetdirective %}) for the ContextMenu
|
|
15
15
|
* ([see example]({% slug target_contextmenu %}#toc-directives)).
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <div kendoContextMenuTarget> </div>
|
|
20
|
+
* ```
|
|
16
21
|
*/
|
|
17
22
|
export class ContextMenuTargetDirective {
|
|
18
23
|
targetService;
|
|
19
24
|
/**
|
|
20
|
-
*
|
|
25
|
+
* Specifies the data which is associated with the target.
|
|
21
26
|
*/
|
|
22
27
|
data;
|
|
23
28
|
/**
|
|
24
|
-
*
|
|
29
|
+
* Specifies the target DOM element.
|
|
25
30
|
*/
|
|
26
31
|
element;
|
|
27
32
|
/**
|
|
@@ -10,6 +10,15 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
* ([more information and examples]({% slug templates_contextmenu %})).
|
|
11
11
|
*
|
|
12
12
|
* <demo metaUrl="menus/context-menu/template/" height="200"></demo>
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <kendo-contextmenu>
|
|
17
|
+
* <ng-template kendoContextMenuTemplate let-item="item">
|
|
18
|
+
* <span>{{ item.text }}</span>
|
|
19
|
+
* </ng-template>
|
|
20
|
+
* </kendo-contextmenu>
|
|
21
|
+
* ```
|
|
13
22
|
*/
|
|
14
23
|
export class ContextMenuTemplateDirective {
|
|
15
24
|
templateRef;
|
|
@@ -53,6 +53,7 @@ export class ContextMenuComponent extends MenuBase {
|
|
|
53
53
|
/**
|
|
54
54
|
* Specifies the event on which the ContextMenu will open ([see example]({% slug showon_contextmenu %})).
|
|
55
55
|
* Accepts the name of a native DOM event. For example, `click`, `dblclick`, `mouseover`, etc.
|
|
56
|
+
*
|
|
56
57
|
* @default 'contextmenu'
|
|
57
58
|
*/
|
|
58
59
|
showOn = CONTEXT_MENU;
|
|
@@ -66,38 +67,38 @@ export class ContextMenuComponent extends MenuBase {
|
|
|
66
67
|
*/
|
|
67
68
|
filter;
|
|
68
69
|
/**
|
|
69
|
-
*
|
|
70
|
+
* Specifies if the ContextMenu will be aligned to the target or to the `filter` element (if specified).
|
|
71
|
+
*
|
|
70
72
|
* @default false
|
|
71
73
|
*/
|
|
72
74
|
alignToAnchor = false;
|
|
73
75
|
/**
|
|
74
76
|
* Specifies if the Menu will be vertically rendered ([see example]({% slug orientation_contextmenu %})).
|
|
77
|
+
*
|
|
75
78
|
* @default true
|
|
76
79
|
*/
|
|
77
80
|
vertical = true;
|
|
78
81
|
/**
|
|
79
82
|
* Specifies the popup animation.
|
|
83
|
+
*
|
|
80
84
|
* @default true
|
|
81
85
|
*/
|
|
82
86
|
popupAnimate;
|
|
83
87
|
/**
|
|
84
88
|
* Specifies the pivot point of the popup.
|
|
89
|
+
*
|
|
85
90
|
* @default { horizontal: 'left', vertical: 'top' }
|
|
86
|
-
* The possible values are:
|
|
87
|
-
* - `horizontal`—`left`, `center`, `right`
|
|
88
|
-
* - `vertical`—`top`, `center`, `bottom`
|
|
89
91
|
*/
|
|
90
92
|
popupAlign;
|
|
91
93
|
/**
|
|
92
94
|
* Specifies the pivot point of the anchor. Applicable if `alignToAnchor` is `true`.
|
|
95
|
+
*
|
|
93
96
|
* @default { horizontal: 'left', vertical: 'bottom' }
|
|
94
|
-
* The possible values are:
|
|
95
|
-
* - `horizontal`—`left`, `center`, `right`
|
|
96
|
-
* - `vertical`—`top`, `center`, `bottom`
|
|
97
97
|
*/
|
|
98
98
|
anchorAlign;
|
|
99
99
|
/**
|
|
100
100
|
* Configures the collision behavior of the popup.
|
|
101
|
+
*
|
|
101
102
|
* @default { horizontal: 'fit', vertical: 'flip' }
|
|
102
103
|
*/
|
|
103
104
|
collision;
|
|
@@ -162,6 +163,7 @@ export class ContextMenuComponent extends MenuBase {
|
|
|
162
163
|
}
|
|
163
164
|
/**
|
|
164
165
|
* Shows the ContextMenu for the specified target.
|
|
166
|
+
*
|
|
165
167
|
* @param target - The offset or the target element for which the ContextMenu will open.
|
|
166
168
|
*/
|
|
167
169
|
show(target) {
|
|
@@ -9,11 +9,17 @@ import { getter } from './utils';
|
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
import * as i1 from "../menu-base";
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Represents a directive that converts the provided flat data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <kendo-menu [kendoMenuFlatBinding]="flatData" [textField]="'text'" [idField]="'id'" [parentIdField]="'parentId'">
|
|
17
|
+
* </kendo-menu>
|
|
18
|
+
* ```
|
|
13
19
|
*/
|
|
14
20
|
export class FlatBindingDirective extends BindingDirectiveBase {
|
|
15
21
|
/**
|
|
16
|
-
*
|
|
22
|
+
* Specifies the array of data which will be used to populate the Menu.
|
|
17
23
|
*/
|
|
18
24
|
data;
|
|
19
25
|
/**
|
|
@@ -10,11 +10,17 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
import * as i1 from "../menu-base";
|
|
11
11
|
const getField = (field, level) => Array.isArray(field) ? field[level] || last(field) : field;
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents a directive that converts the provided hierarchical data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```html
|
|
17
|
+
* <kendo-menu [kendoMenuHierarchyBinding]="hierarchicalData" [textField]="'text'" [childrenField]="'items'">
|
|
18
|
+
* </kendo-menu>
|
|
19
|
+
* ```
|
|
14
20
|
*/
|
|
15
21
|
export class HierarchyBindingDirective extends BindingDirectiveBase {
|
|
16
22
|
/**
|
|
17
|
-
*
|
|
23
|
+
* Specifies the array of data which will be used to populate the Menu.
|
|
18
24
|
*/
|
|
19
25
|
data;
|
|
20
26
|
/**
|
package/esm2022/directives.mjs
CHANGED
|
@@ -16,8 +16,8 @@ import { ContextMenuTemplateDirective } from './context-menu/context-menu-templa
|
|
|
16
16
|
import { ContextMenuTargetDirective } from './context-menu/context-menu-target.directive';
|
|
17
17
|
import { ContextMenuTargetContainerDirective } from './context-menu/context-menu-target-container.directive';
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
19
|
+
* Represents a utility array that contains all `Menu` related components and directives.
|
|
20
|
+
*/
|
|
21
21
|
export const KENDO_MENU = [
|
|
22
22
|
MenuComponent,
|
|
23
23
|
MenuItemComponent,
|
|
@@ -30,8 +30,8 @@ export const KENDO_MENU = [
|
|
|
30
30
|
ExpandArrowComponent
|
|
31
31
|
];
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
34
|
-
*/
|
|
33
|
+
* Represents a utility array that contains all `ContextMenu` related components and directives.
|
|
34
|
+
*/
|
|
35
35
|
export const KENDO_CONTEXTMENU = [
|
|
36
36
|
ContextMenuComponent,
|
|
37
37
|
ContextMenuTemplateDirective,
|
|
@@ -40,8 +40,8 @@ export const KENDO_CONTEXTMENU = [
|
|
|
40
40
|
...KENDO_MENU
|
|
41
41
|
];
|
|
42
42
|
/**
|
|
43
|
-
*
|
|
44
|
-
*/
|
|
43
|
+
* Represents a utility array that contains all `@progress/kendo-angular-menu` related components and directives.
|
|
44
|
+
*/
|
|
45
45
|
export const KENDO_MENUS = [
|
|
46
46
|
...KENDO_MENU,
|
|
47
47
|
...KENDO_CONTEXTMENU
|
package/esm2022/menu-event.mjs
CHANGED
|
@@ -4,19 +4,19 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PreventableEvent } from './preventable-event';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Represents the arguments for the `open` and `close` events of the Menu.
|
|
8
8
|
*/
|
|
9
9
|
export class MenuEvent extends PreventableEvent {
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Specifies the MenuComponent that triggered the event.
|
|
12
12
|
*/
|
|
13
13
|
sender;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* Specifies the item data of the event.
|
|
16
16
|
*/
|
|
17
17
|
item;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* Specifies the item index of the event.
|
|
20
20
|
*/
|
|
21
21
|
index;
|
|
22
22
|
}
|
|
@@ -8,7 +8,7 @@ import { ItemLinkTemplateDirective } from './templates/item-link-template.direct
|
|
|
8
8
|
import { ItemContentTemplateDirective } from './templates/item-content-template.directive';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Represents a component that can be used to specify the Menu items
|
|
12
12
|
* ([more information and examples]({% slug items_menu %})).
|
|
13
13
|
*
|
|
14
14
|
* @example
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '19.1.2-develop.
|
|
13
|
+
publishDate: 1749820535,
|
|
14
|
+
version: '19.1.2-develop.2',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -11,11 +11,18 @@ import * as i1 from "../services/items.service";
|
|
|
11
11
|
/**
|
|
12
12
|
* Represents a component that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
|
|
13
13
|
* of the items to render the default expand arrow.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```html
|
|
17
|
+
* <ng-template kendoMenuItemLinkTemplate let-item="item" let-index="index">
|
|
18
|
+
* <span [kendoMenuExpandArrow]="index"></span>
|
|
19
|
+
* </ng-template>
|
|
20
|
+
* ```
|
|
14
21
|
*/
|
|
15
22
|
export class ExpandArrowComponent {
|
|
16
23
|
itemsService;
|
|
17
24
|
/**
|
|
18
|
-
*
|
|
25
|
+
* Specifies the index of the Menu item. The input is mandatory.
|
|
19
26
|
*/
|
|
20
27
|
index;
|
|
21
28
|
hostClasses = true;
|
|
@@ -9,11 +9,18 @@ import * as i1 from "../services/items.service";
|
|
|
9
9
|
/**
|
|
10
10
|
* Represents a directive that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
|
|
11
11
|
* of the items to apply the default styling and behavior.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <ng-template kendoMenuItemLinkTemplate let-item="item" let-index="index">
|
|
16
|
+
* <a [kendoMenuItemLink]="index">{{ item.text }}</a>
|
|
17
|
+
* </ng-template>
|
|
18
|
+
* ```
|
|
12
19
|
*/
|
|
13
20
|
export class LinkDirective {
|
|
14
21
|
itemsService;
|
|
15
22
|
/**
|
|
16
|
-
*
|
|
23
|
+
* Specifies the index of the Menu item. The input is mandatory.
|
|
17
24
|
*/
|
|
18
25
|
index;
|
|
19
26
|
hostClasses = true;
|
|
@@ -22,8 +22,8 @@ const packageMetadata = {
|
|
|
22
22
|
productName: 'Kendo UI for Angular',
|
|
23
23
|
productCode: 'KENDOUIANGULAR',
|
|
24
24
|
productCodes: ['KENDOUIANGULAR'],
|
|
25
|
-
publishDate:
|
|
26
|
-
version: '19.1.2-develop.
|
|
25
|
+
publishDate: 1749820535,
|
|
26
|
+
version: '19.1.2-develop.2',
|
|
27
27
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -988,7 +988,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
988
988
|
}] }]; } });
|
|
989
989
|
|
|
990
990
|
/**
|
|
991
|
-
*
|
|
991
|
+
* Represents a component that can be used to specify the Menu items
|
|
992
992
|
* ([more information and examples]({% slug items_menu %})).
|
|
993
993
|
*
|
|
994
994
|
* @example
|
|
@@ -2209,11 +2209,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2209
2209
|
/**
|
|
2210
2210
|
* Represents a directive that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
|
|
2211
2211
|
* of the items to apply the default styling and behavior.
|
|
2212
|
+
*
|
|
2213
|
+
* @example
|
|
2214
|
+
* ```html
|
|
2215
|
+
* <ng-template kendoMenuItemLinkTemplate let-item="item" let-index="index">
|
|
2216
|
+
* <a [kendoMenuItemLink]="index">{{ item.text }}</a>
|
|
2217
|
+
* </ng-template>
|
|
2218
|
+
* ```
|
|
2212
2219
|
*/
|
|
2213
2220
|
class LinkDirective {
|
|
2214
2221
|
itemsService;
|
|
2215
2222
|
/**
|
|
2216
|
-
*
|
|
2223
|
+
* Specifies the index of the Menu item. The input is mandatory.
|
|
2217
2224
|
*/
|
|
2218
2225
|
index;
|
|
2219
2226
|
hostClasses = true;
|
|
@@ -2264,11 +2271,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2264
2271
|
/**
|
|
2265
2272
|
* Represents a component that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
|
|
2266
2273
|
* of the items to render the default expand arrow.
|
|
2274
|
+
*
|
|
2275
|
+
* @example
|
|
2276
|
+
* ```html
|
|
2277
|
+
* <ng-template kendoMenuItemLinkTemplate let-item="item" let-index="index">
|
|
2278
|
+
* <span [kendoMenuExpandArrow]="index"></span>
|
|
2279
|
+
* </ng-template>
|
|
2280
|
+
* ```
|
|
2267
2281
|
*/
|
|
2268
2282
|
class ExpandArrowComponent {
|
|
2269
2283
|
itemsService;
|
|
2270
2284
|
/**
|
|
2271
|
-
*
|
|
2285
|
+
* Specifies the index of the Menu item. The input is mandatory.
|
|
2272
2286
|
*/
|
|
2273
2287
|
index;
|
|
2274
2288
|
hostClasses = true;
|
|
@@ -2347,19 +2361,19 @@ class PreventableEvent {
|
|
|
2347
2361
|
}
|
|
2348
2362
|
|
|
2349
2363
|
/**
|
|
2350
|
-
*
|
|
2364
|
+
* Represents the arguments for the `open` and `close` events of the Menu.
|
|
2351
2365
|
*/
|
|
2352
2366
|
class MenuEvent extends PreventableEvent {
|
|
2353
2367
|
/**
|
|
2354
|
-
*
|
|
2368
|
+
* Specifies the MenuComponent that triggered the event.
|
|
2355
2369
|
*/
|
|
2356
2370
|
sender;
|
|
2357
2371
|
/**
|
|
2358
|
-
*
|
|
2372
|
+
* Specifies the item data of the event.
|
|
2359
2373
|
*/
|
|
2360
2374
|
item;
|
|
2361
2375
|
/**
|
|
2362
|
-
*
|
|
2376
|
+
* Specifies the item index of the event.
|
|
2363
2377
|
*/
|
|
2364
2378
|
index;
|
|
2365
2379
|
}
|
|
@@ -2443,11 +2457,17 @@ const last = (arr) => arr[arr.length - 1];
|
|
|
2443
2457
|
|
|
2444
2458
|
const getField = (field, level) => Array.isArray(field) ? field[level] || last(field) : field;
|
|
2445
2459
|
/**
|
|
2446
|
-
*
|
|
2460
|
+
* Represents a directive that converts the provided hierarchical data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
|
|
2461
|
+
*
|
|
2462
|
+
* @example
|
|
2463
|
+
* ```html
|
|
2464
|
+
* <kendo-menu [kendoMenuHierarchyBinding]="hierarchicalData" [textField]="'text'" [childrenField]="'items'">
|
|
2465
|
+
* </kendo-menu>
|
|
2466
|
+
* ```
|
|
2447
2467
|
*/
|
|
2448
2468
|
class HierarchyBindingDirective extends BindingDirectiveBase {
|
|
2449
2469
|
/**
|
|
2450
|
-
*
|
|
2470
|
+
* Specifies the array of data which will be used to populate the Menu.
|
|
2451
2471
|
*/
|
|
2452
2472
|
data;
|
|
2453
2473
|
/**
|
|
@@ -2548,11 +2568,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2548
2568
|
}] } });
|
|
2549
2569
|
|
|
2550
2570
|
/**
|
|
2551
|
-
*
|
|
2571
|
+
* Represents a directive that converts the provided flat data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
|
|
2572
|
+
*
|
|
2573
|
+
* @example
|
|
2574
|
+
* ```html
|
|
2575
|
+
* <kendo-menu [kendoMenuFlatBinding]="flatData" [textField]="'text'" [idField]="'id'" [parentIdField]="'parentId'">
|
|
2576
|
+
* </kendo-menu>
|
|
2577
|
+
* ```
|
|
2552
2578
|
*/
|
|
2553
2579
|
class FlatBindingDirective extends BindingDirectiveBase {
|
|
2554
2580
|
/**
|
|
2555
|
-
*
|
|
2581
|
+
* Specifies the array of data which will be used to populate the Menu.
|
|
2556
2582
|
*/
|
|
2557
2583
|
data;
|
|
2558
2584
|
/**
|
|
@@ -2669,19 +2695,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2669
2695
|
}] } });
|
|
2670
2696
|
|
|
2671
2697
|
/**
|
|
2672
|
-
*
|
|
2698
|
+
* Represents the arguments for the `popupOpen` and `popupClose` events of the ContextMenu.
|
|
2673
2699
|
*/
|
|
2674
2700
|
class ContextMenuPopupEvent extends PreventableEvent {
|
|
2675
2701
|
/**
|
|
2676
|
-
*
|
|
2702
|
+
* Specifies the target element for which the ContextMenu is opened.
|
|
2677
2703
|
*/
|
|
2678
2704
|
target;
|
|
2679
2705
|
/**
|
|
2680
|
-
*
|
|
2706
|
+
* Specifies the DOM event that started the action.
|
|
2681
2707
|
*/
|
|
2682
2708
|
originalEvent;
|
|
2683
2709
|
/**
|
|
2684
|
-
*
|
|
2710
|
+
* Specifies the ContextMenuComponent that triggered the event.
|
|
2685
2711
|
*/
|
|
2686
2712
|
sender;
|
|
2687
2713
|
/**
|
|
@@ -2719,6 +2745,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2719
2745
|
* ([more information and examples]({% slug templates_contextmenu %})).
|
|
2720
2746
|
*
|
|
2721
2747
|
* <demo metaUrl="menus/context-menu/template/" height="200"></demo>
|
|
2748
|
+
*
|
|
2749
|
+
* @example
|
|
2750
|
+
* ```html
|
|
2751
|
+
* <kendo-contextmenu>
|
|
2752
|
+
* <ng-template kendoContextMenuTemplate let-item="item">
|
|
2753
|
+
* <span>{{ item.text }}</span>
|
|
2754
|
+
* </ng-template>
|
|
2755
|
+
* </kendo-contextmenu>
|
|
2756
|
+
* ```
|
|
2722
2757
|
*/
|
|
2723
2758
|
class ContextMenuTemplateDirective {
|
|
2724
2759
|
templateRef;
|
|
@@ -2761,7 +2796,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2761
2796
|
}] });
|
|
2762
2797
|
|
|
2763
2798
|
/**
|
|
2764
|
-
*
|
|
2799
|
+
* Represents a container for the [targets]({% slug api_menu_contextmenutargetdirective %}) of the ContextMenu.
|
|
2800
|
+
*
|
|
2801
|
+
* @example
|
|
2802
|
+
* ```html
|
|
2803
|
+
* <div
|
|
2804
|
+
* #target="kendoContextMenuTargetContainer"
|
|
2805
|
+
* kendoContextMenuTargetContainer
|
|
2806
|
+
* >
|
|
2807
|
+
* <div kendoContextMenuTarget></div>
|
|
2808
|
+
* <div kendoContextMenuTarget></div>
|
|
2809
|
+
* </div>
|
|
2810
|
+
* ```
|
|
2765
2811
|
*/
|
|
2766
2812
|
class ContextMenuTargetContainerDirective {
|
|
2767
2813
|
targetService;
|
|
@@ -2796,17 +2842,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2796
2842
|
*/
|
|
2797
2843
|
const TARGET_CLASS = 'k-contextmenu-target';
|
|
2798
2844
|
/**
|
|
2799
|
-
*
|
|
2845
|
+
* Represents a [target]({% slug api_menu_contextmenutargetdirective %}) for the ContextMenu
|
|
2800
2846
|
* ([see example]({% slug target_contextmenu %}#toc-directives)).
|
|
2847
|
+
*
|
|
2848
|
+
* @example
|
|
2849
|
+
* ```html
|
|
2850
|
+
* <div kendoContextMenuTarget> </div>
|
|
2851
|
+
* ```
|
|
2801
2852
|
*/
|
|
2802
2853
|
class ContextMenuTargetDirective {
|
|
2803
2854
|
targetService;
|
|
2804
2855
|
/**
|
|
2805
|
-
*
|
|
2856
|
+
* Specifies the data which is associated with the target.
|
|
2806
2857
|
*/
|
|
2807
2858
|
data;
|
|
2808
2859
|
/**
|
|
2809
|
-
*
|
|
2860
|
+
* Specifies the target DOM element.
|
|
2810
2861
|
*/
|
|
2811
2862
|
element;
|
|
2812
2863
|
/**
|
|
@@ -2873,6 +2924,7 @@ class ContextMenuComponent extends MenuBase {
|
|
|
2873
2924
|
/**
|
|
2874
2925
|
* Specifies the event on which the ContextMenu will open ([see example]({% slug showon_contextmenu %})).
|
|
2875
2926
|
* Accepts the name of a native DOM event. For example, `click`, `dblclick`, `mouseover`, etc.
|
|
2927
|
+
*
|
|
2876
2928
|
* @default 'contextmenu'
|
|
2877
2929
|
*/
|
|
2878
2930
|
showOn = CONTEXT_MENU;
|
|
@@ -2886,38 +2938,38 @@ class ContextMenuComponent extends MenuBase {
|
|
|
2886
2938
|
*/
|
|
2887
2939
|
filter;
|
|
2888
2940
|
/**
|
|
2889
|
-
*
|
|
2941
|
+
* Specifies if the ContextMenu will be aligned to the target or to the `filter` element (if specified).
|
|
2942
|
+
*
|
|
2890
2943
|
* @default false
|
|
2891
2944
|
*/
|
|
2892
2945
|
alignToAnchor = false;
|
|
2893
2946
|
/**
|
|
2894
2947
|
* Specifies if the Menu will be vertically rendered ([see example]({% slug orientation_contextmenu %})).
|
|
2948
|
+
*
|
|
2895
2949
|
* @default true
|
|
2896
2950
|
*/
|
|
2897
2951
|
vertical = true;
|
|
2898
2952
|
/**
|
|
2899
2953
|
* Specifies the popup animation.
|
|
2954
|
+
*
|
|
2900
2955
|
* @default true
|
|
2901
2956
|
*/
|
|
2902
2957
|
popupAnimate;
|
|
2903
2958
|
/**
|
|
2904
2959
|
* Specifies the pivot point of the popup.
|
|
2960
|
+
*
|
|
2905
2961
|
* @default { horizontal: 'left', vertical: 'top' }
|
|
2906
|
-
* The possible values are:
|
|
2907
|
-
* - `horizontal`—`left`, `center`, `right`
|
|
2908
|
-
* - `vertical`—`top`, `center`, `bottom`
|
|
2909
2962
|
*/
|
|
2910
2963
|
popupAlign;
|
|
2911
2964
|
/**
|
|
2912
2965
|
* Specifies the pivot point of the anchor. Applicable if `alignToAnchor` is `true`.
|
|
2966
|
+
*
|
|
2913
2967
|
* @default { horizontal: 'left', vertical: 'bottom' }
|
|
2914
|
-
* The possible values are:
|
|
2915
|
-
* - `horizontal`—`left`, `center`, `right`
|
|
2916
|
-
* - `vertical`—`top`, `center`, `bottom`
|
|
2917
2968
|
*/
|
|
2918
2969
|
anchorAlign;
|
|
2919
2970
|
/**
|
|
2920
2971
|
* Configures the collision behavior of the popup.
|
|
2972
|
+
*
|
|
2921
2973
|
* @default { horizontal: 'fit', vertical: 'flip' }
|
|
2922
2974
|
*/
|
|
2923
2975
|
collision;
|
|
@@ -2982,6 +3034,7 @@ class ContextMenuComponent extends MenuBase {
|
|
|
2982
3034
|
}
|
|
2983
3035
|
/**
|
|
2984
3036
|
* Shows the ContextMenu for the specified target.
|
|
3037
|
+
*
|
|
2985
3038
|
* @param target - The offset or the target element for which the ContextMenu will open.
|
|
2986
3039
|
*/
|
|
2987
3040
|
show(target) {
|
|
@@ -3340,8 +3393,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3340
3393
|
}] } });
|
|
3341
3394
|
|
|
3342
3395
|
/**
|
|
3343
|
-
*
|
|
3344
|
-
*/
|
|
3396
|
+
* Represents a utility array that contains all `Menu` related components and directives.
|
|
3397
|
+
*/
|
|
3345
3398
|
const KENDO_MENU = [
|
|
3346
3399
|
MenuComponent,
|
|
3347
3400
|
MenuItemComponent,
|
|
@@ -3354,8 +3407,8 @@ const KENDO_MENU = [
|
|
|
3354
3407
|
ExpandArrowComponent
|
|
3355
3408
|
];
|
|
3356
3409
|
/**
|
|
3357
|
-
*
|
|
3358
|
-
*/
|
|
3410
|
+
* Represents a utility array that contains all `ContextMenu` related components and directives.
|
|
3411
|
+
*/
|
|
3359
3412
|
const KENDO_CONTEXTMENU = [
|
|
3360
3413
|
ContextMenuComponent,
|
|
3361
3414
|
ContextMenuTemplateDirective,
|
|
@@ -3364,8 +3417,8 @@ const KENDO_CONTEXTMENU = [
|
|
|
3364
3417
|
...KENDO_MENU
|
|
3365
3418
|
];
|
|
3366
3419
|
/**
|
|
3367
|
-
*
|
|
3368
|
-
*/
|
|
3420
|
+
* Represents a utility array that contains all `@progress/kendo-angular-menu` related components and directives.
|
|
3421
|
+
*/
|
|
3369
3422
|
const KENDO_MENUS = [
|
|
3370
3423
|
...KENDO_MENU,
|
|
3371
3424
|
...KENDO_CONTEXTMENU
|
|
@@ -3419,33 +3472,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3419
3472
|
}] });
|
|
3420
3473
|
|
|
3421
3474
|
/**
|
|
3422
|
-
*
|
|
3475
|
+
* Represents the arguments for the `open` and `close` events of the ContextMenu.
|
|
3423
3476
|
*/
|
|
3424
3477
|
class ContextMenuEvent {
|
|
3425
3478
|
/**
|
|
3426
|
-
*
|
|
3479
|
+
* Specifies the target element for which the ContextMenu is opened.
|
|
3427
3480
|
*/
|
|
3428
3481
|
target;
|
|
3429
3482
|
/**
|
|
3430
|
-
*
|
|
3483
|
+
* Specifies the ContextMenuComponent that triggered the event.
|
|
3431
3484
|
*/
|
|
3432
3485
|
sender;
|
|
3433
3486
|
/**
|
|
3434
|
-
*
|
|
3487
|
+
* Specifies the item data of the event.
|
|
3435
3488
|
*/
|
|
3436
3489
|
item;
|
|
3437
3490
|
/**
|
|
3438
|
-
*
|
|
3491
|
+
* Specifies the item index of the event.
|
|
3439
3492
|
*/
|
|
3440
3493
|
index;
|
|
3441
3494
|
}
|
|
3442
3495
|
|
|
3443
3496
|
/**
|
|
3444
|
-
*
|
|
3497
|
+
* Represents the arguments for the `select` event of the ContextMenu.
|
|
3445
3498
|
*/
|
|
3446
3499
|
class ContextMenuSelectEvent extends ContextMenuEvent {
|
|
3447
3500
|
/**
|
|
3448
|
-
*
|
|
3501
|
+
* Specifies the DOM event that triggered the selection.
|
|
3449
3502
|
*/
|
|
3450
3503
|
originalEvent;
|
|
3451
3504
|
}
|
|
@@ -3,16 +3,18 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Represents the animation settings for the Popup component.
|
|
7
7
|
*/
|
|
8
8
|
export interface MenuAnimation {
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Specifies the type of the animation.
|
|
11
|
+
*
|
|
11
12
|
* @default 'slide'
|
|
12
13
|
*/
|
|
13
14
|
type?: 'slide' | 'expand' | 'zoom' | 'fade';
|
|
14
15
|
/**
|
|
15
|
-
*
|
|
16
|
+
* Specifies the animation duration in milliseconds.
|
|
17
|
+
*
|
|
16
18
|
* @default 100
|
|
17
19
|
*/
|
|
18
20
|
duration: number;
|
package/menu-event.d.ts
CHANGED
|
@@ -5,19 +5,19 @@
|
|
|
5
5
|
import { MenuComponent } from './menu.component';
|
|
6
6
|
import { PreventableEvent } from './preventable-event';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Represents the arguments for the `open` and `close` events of the Menu.
|
|
9
9
|
*/
|
|
10
10
|
export declare class MenuEvent extends PreventableEvent {
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Specifies the MenuComponent that triggered the event.
|
|
13
13
|
*/
|
|
14
14
|
sender: MenuComponent;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Specifies the item data of the event.
|
|
17
17
|
*/
|
|
18
18
|
item: any;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* Specifies the item index of the event.
|
|
21
21
|
*/
|
|
22
22
|
index: string;
|
|
23
23
|
}
|
package/menu-item.component.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ import { MenuItem } from './menu-item.interface';
|
|
|
10
10
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents a component that can be used to specify the Menu items
|
|
14
14
|
* ([more information and examples]({% slug items_menu %})).
|
|
15
15
|
*
|
|
16
16
|
* @example
|
package/menu-item.interface.d.ts
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import { SVGIcon } from '@progress/kendo-angular-icons';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Represents an interface for the Menu items.
|
|
9
9
|
*/
|
|
10
10
|
export interface MenuItem {
|
|
11
11
|
/**
|
|
@@ -32,12 +32,12 @@ export interface MenuItem {
|
|
|
32
32
|
*/
|
|
33
33
|
disabled?: boolean;
|
|
34
34
|
/**
|
|
35
|
-
*
|
|
35
|
+
* Specifies the CSS classes that will be rendered on the item element ([see example](slug:items_menu#toc-adding-styles-and-classes)).
|
|
36
36
|
* Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
37
37
|
*/
|
|
38
38
|
cssClass?: any;
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
40
|
+
* Specifies the CSS styles that will be rendered on the item element ([see example](slug:items_menu#toc-adding-styles-and-classes)).
|
|
41
41
|
* Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
42
42
|
*/
|
|
43
43
|
cssStyle?: any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-menu",
|
|
3
|
-
"version": "19.1.2-develop.
|
|
3
|
+
"version": "19.1.2-develop.2",
|
|
4
4
|
"description": "Kendo UI Angular Menu component",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"package": {
|
|
20
20
|
"productName": "Kendo UI for Angular",
|
|
21
21
|
"productCode": "KENDOUIANGULAR",
|
|
22
|
-
"publishDate":
|
|
22
|
+
"publishDate": 1749820535,
|
|
23
23
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
@@ -29,15 +29,15 @@
|
|
|
29
29
|
"@angular/core": "16 - 20",
|
|
30
30
|
"@angular/platform-browser": "16 - 20",
|
|
31
31
|
"@progress/kendo-licensing": "^1.5.0",
|
|
32
|
-
"@progress/kendo-angular-common": "19.1.2-develop.
|
|
33
|
-
"@progress/kendo-angular-l10n": "19.1.2-develop.
|
|
34
|
-
"@progress/kendo-angular-icons": "19.1.2-develop.
|
|
35
|
-
"@progress/kendo-angular-popup": "19.1.2-develop.
|
|
32
|
+
"@progress/kendo-angular-common": "19.1.2-develop.2",
|
|
33
|
+
"@progress/kendo-angular-l10n": "19.1.2-develop.2",
|
|
34
|
+
"@progress/kendo-angular-icons": "19.1.2-develop.2",
|
|
35
|
+
"@progress/kendo-angular-popup": "19.1.2-develop.2",
|
|
36
36
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"tslib": "^2.3.1",
|
|
40
|
-
"@progress/kendo-angular-schematics": "19.1.2-develop.
|
|
40
|
+
"@progress/kendo-angular-schematics": "19.1.2-develop.2"
|
|
41
41
|
},
|
|
42
42
|
"schematics": "./schematics/collection.json",
|
|
43
43
|
"module": "fesm2022/progress-kendo-angular-menu.mjs",
|
|
@@ -9,11 +9,18 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
/**
|
|
10
10
|
* Represents a component that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
|
|
11
11
|
* of the items to render the default expand arrow.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <ng-template kendoMenuItemLinkTemplate let-item="item" let-index="index">
|
|
16
|
+
* <span [kendoMenuExpandArrow]="index"></span>
|
|
17
|
+
* </ng-template>
|
|
18
|
+
* ```
|
|
12
19
|
*/
|
|
13
20
|
export declare class ExpandArrowComponent implements OnInit {
|
|
14
21
|
private itemsService;
|
|
15
22
|
/**
|
|
16
|
-
*
|
|
23
|
+
* Specifies the index of the Menu item. The input is mandatory.
|
|
17
24
|
*/
|
|
18
25
|
index: string;
|
|
19
26
|
hostClasses: boolean;
|
|
@@ -8,11 +8,18 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
/**
|
|
9
9
|
* Represents a directive that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
|
|
10
10
|
* of the items to apply the default styling and behavior.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```html
|
|
14
|
+
* <ng-template kendoMenuItemLinkTemplate let-item="item" let-index="index">
|
|
15
|
+
* <a [kendoMenuItemLink]="index">{{ item.text }}</a>
|
|
16
|
+
* </ng-template>
|
|
17
|
+
* ```
|
|
11
18
|
*/
|
|
12
19
|
export declare class LinkDirective implements OnInit {
|
|
13
20
|
private itemsService;
|
|
14
21
|
/**
|
|
15
|
-
*
|
|
22
|
+
* Specifies the index of the Menu item. The input is mandatory.
|
|
16
23
|
*/
|
|
17
24
|
index: string;
|
|
18
25
|
hostClasses: boolean;
|