@progress/kendo-vue-layout 8.0.3-develop.2 → 8.0.3-develop.4
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/actionsheet/ActionSheet.d.ts +234 -0
- package/actionsheet/ActionSheetContent.d.ts +25 -0
- package/actionsheet/ActionSheetFooter.d.ts +25 -0
- package/actionsheet/ActionSheetHeader.d.ts +34 -0
- package/actionsheet/ActionSheetItem.d.ts +65 -0
- package/actionsheet/interfaces/ActionSheetContentProps.d.ts +16 -0
- package/actionsheet/interfaces/ActionSheetFooterProps.d.ts +16 -0
- package/actionsheet/interfaces/ActionSheetHeaderProps.d.ts +20 -0
- package/actionsheet/interfaces/ActionSheetItemProps.d.ts +81 -0
- package/appbar/AppBar.d.ts +60 -0
- package/appbar/AppBarSection.d.ts +21 -0
- package/appbar/AppBarSpacer.d.ts +30 -0
- package/appbar/interfaces/AppBarProps.d.ts +74 -0
- package/appbar/interfaces/AppBarSectionProps.d.ts +12 -0
- package/appbar/interfaces/AppBarSpacerProps.d.ts +14 -0
- package/bottomnavigation/BottomNavigation.d.ts +117 -0
- package/bottomnavigation/BottomNavigationItem.d.ts +59 -0
- package/bottomnavigation/BottomNavigationItemProps.d.ts +61 -0
- package/bottomnavigation/BottomNavigationProps.d.ts +154 -0
- package/bottomnavigation/models/events.d.ts +25 -0
- package/bottomnavigation/models/utils.d.ts +43 -0
- package/breadcrumb/Breadcrumb.d.ts +143 -0
- package/breadcrumb/BreadcrumbDelimiter.d.ts +21 -0
- package/breadcrumb/BreadcrumbLink.d.ts +63 -0
- package/breadcrumb/BreadcrumbListItem.d.ts +30 -0
- package/breadcrumb/BreadcrumbOrderedList.d.ts +42 -0
- package/breadcrumb/interfaces/BreadcrumbDelimiterProps.d.ts +24 -0
- package/breadcrumb/interfaces/BreadcrumbLinkProps.d.ts +61 -0
- package/breadcrumb/interfaces/BreadcrumbListItemProps.d.ts +24 -0
- package/breadcrumb/interfaces/BreadcrumbOrderedListProps.d.ts +42 -0
- package/breadcrumb/interfaces/BreadcrumbProps.d.ts +138 -0
- package/card/Avatar.d.ts +76 -0
- package/card/Card.d.ts +50 -0
- package/card/CardActions.d.ts +52 -0
- package/card/CardBody.d.ts +12 -0
- package/card/CardFooter.d.ts +12 -0
- package/card/CardHeader.d.ts +12 -0
- package/card/CardImage.d.ts +17 -0
- package/card/CardSubtitle.d.ts +12 -0
- package/card/CardTitle.d.ts +12 -0
- package/card/interfaces/AvatarProps.d.ts +79 -0
- package/card/interfaces/CardActionsProps.d.ts +29 -0
- package/card/interfaces/CardBodyProps.d.ts +9 -0
- package/card/interfaces/CardFooterProps.d.ts +9 -0
- package/card/interfaces/CardHeaderProps.d.ts +9 -0
- package/card/interfaces/CardImageProps.d.ts +13 -0
- package/card/interfaces/CardProps.d.ts +34 -0
- package/card/interfaces/CardSubtitleProps.d.ts +9 -0
- package/card/interfaces/CardTitleProps.d.ts +9 -0
- package/card/interfaces/Enums.d.ts +39 -0
- package/card/interfaces/Enums.js +1 -1
- package/card/interfaces/Enums.mjs +5 -5
- package/dist/cdn/js/kendo-vue-layout.js +1 -1
- package/drawer/Drawer.d.ts +148 -0
- package/drawer/DrawerContent.d.ts +84 -0
- package/drawer/DrawerItem.d.ts +81 -0
- package/drawer/DrawerNavigation.d.ts +47 -0
- package/drawer/context/DrawerContext.d.ts +24 -0
- package/drawer/interfaces/DrawerAnimation.d.ts +21 -0
- package/drawer/interfaces/DrawerContentProps.d.ts +12 -0
- package/drawer/interfaces/DrawerItemHandle.d.ts +24 -0
- package/drawer/interfaces/DrawerItemProps.d.ts +55 -0
- package/drawer/interfaces/DrawerNavigationProps.d.ts +21 -0
- package/drawer/interfaces/DrawerProps.d.ts +92 -0
- package/drawer/interfaces/DrawerSelectEvent.d.ts +20 -0
- package/expansionpanel/ExpansionPanel.d.ts +59 -0
- package/expansionpanel/ExpansionPanel.mjs +1 -1
- package/expansionpanel/ExpansionPanelContent.d.ts +12 -0
- package/expansionpanel/interfaces.d.ts +95 -0
- package/expansionpanel/main.d.ts +10 -0
- package/gridlayout/GridLayout.d.ts +61 -0
- package/gridlayout/GridLayoutItem.d.ts +35 -0
- package/gridlayout/interfaces/GridLayoutColumnProps.d.ts +17 -0
- package/gridlayout/interfaces/GridLayoutItemProps.d.ts +46 -0
- package/gridlayout/interfaces/GridLayoutProps.d.ts +102 -0
- package/gridlayout/interfaces/GridLayoutRowProps.d.ts +17 -0
- package/index.d.mts +86 -4954
- package/index.d.ts +86 -4954
- package/menu/BaseMenuItemInternalProps.d.ts +27 -0
- package/menu/MenuProps.d.ts +58 -0
- package/menu/components/Menu.d.ts +117 -0
- package/menu/components/MenuItemArrow.d.ts +52 -0
- package/menu/components/MenuItemArrow.mjs +2 -2
- package/menu/components/MenuItemInternal.d.ts +173 -0
- package/menu/components/MenuItemLink.d.ts +53 -0
- package/menu/consts.d.ts +61 -0
- package/menu/events.d.ts +21 -0
- package/menu/models/BaseMenuItem.d.ts +65 -0
- package/menu/models/MenuItemModel.d.ts +26 -0
- package/menu/utils/DirectionHolder.d.ts +18 -0
- package/menu/utils/MouseOverHandler.d.ts +24 -0
- package/menu/utils/getNewItemIdUponKeyboardNavigation.d.ts +14 -0
- package/menu/utils/hoverDelay.d.ts +16 -0
- package/menu/utils/itemsIdsUtils.d.ts +71 -0
- package/menu/utils/itemsIdsUtils.mjs +49 -49
- package/menu/utils/misc.d.ts +23 -0
- package/menu/utils/prepareInputItemsForInternalWork.d.ts +12 -0
- package/messages/main.d.ts +22 -0
- package/package-metadata.d.ts +12 -0
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +15 -9
- package/panelbar/PanelBar.d.ts +88 -0
- package/panelbar/PanelBarItem.d.ts +87 -0
- package/panelbar/interfaces/NavigationAction.d.ts +15 -0
- package/panelbar/interfaces/PanelBarItemClickEventArguments.d.ts +14 -0
- package/panelbar/interfaces/PanelBarItemProps.d.ts +97 -0
- package/panelbar/interfaces/PanelBarProps.d.ts +65 -0
- package/panelbar/interfaces/PanelBarSelectEventArguments.d.ts +20 -0
- package/panelbar/interfaces/RenderPanelBarItem.d.ts +21 -0
- package/panelbar/util.d.ts +42 -0
- package/splitter/Splitter.d.ts +170 -0
- package/splitter/SplitterBar.d.ts +72 -0
- package/splitter/SplitterPane.d.ts +101 -0
- package/stacklayout/StackLayout.d.ts +64 -0
- package/stacklayout/StackLayoutProps.d.ts +82 -0
- package/stepper/Step.d.ts +120 -0
- package/stepper/Stepper.d.ts +195 -0
- package/stepper/contants.d.ts +15 -0
- package/stepper/context/StepperContext.d.ts +23 -0
- package/stepper/interfaces/StepChangeEvent.d.ts +16 -0
- package/stepper/interfaces/StepFocusEvent.d.ts +12 -0
- package/stepper/interfaces/StepHandle.d.ts +20 -0
- package/stepper/interfaces/StepProps.d.ts +91 -0
- package/stepper/interfaces/StepperChangeEvent.d.ts +16 -0
- package/stepper/interfaces/StepperFocusEvent.d.ts +12 -0
- package/stepper/interfaces/StepperHandle.d.ts +20 -0
- package/stepper/interfaces/StepperOnNavigateEvent.d.ts +30 -0
- package/stepper/interfaces/StepperProps.d.ts +95 -0
- package/stepper/messages/main.d.ts +22 -0
- package/tabstrip/TabStrip.d.ts +171 -0
- package/tabstrip/TabStripContent.d.ts +71 -0
- package/tabstrip/TabStripNavigation.d.ts +101 -0
- package/tabstrip/TabStripNavigationItem.d.ts +118 -0
- package/tabstrip/TabStripTab.d.ts +59 -0
- package/tabstrip/utils.d.ts +8 -0
- package/tilelayout/ResizeHandlers.d.ts +84 -0
- package/tilelayout/Tile.d.ts +105 -0
- package/tilelayout/TileLayout.d.ts +126 -0
- package/tilelayout/interfaces/main.d.ts +205 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export interface BaseMenuItemInternalProps {
|
|
12
|
+
focusedItemId: string;
|
|
13
|
+
lastItemIdToBeOpened: string;
|
|
14
|
+
tabbableItemId: string;
|
|
15
|
+
itemRender?: any;
|
|
16
|
+
linkRender?: any;
|
|
17
|
+
isMenuVertical: boolean;
|
|
18
|
+
isDirectionRightToLeft?: boolean;
|
|
19
|
+
menuGuid: string;
|
|
20
|
+
onMouseOver?: any;
|
|
21
|
+
onMouseLeave?: any;
|
|
22
|
+
onMouseDown?: any;
|
|
23
|
+
onFocus?: any;
|
|
24
|
+
onClick?: any;
|
|
25
|
+
onBlur?: any;
|
|
26
|
+
originalItemNeeded?: any;
|
|
27
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { MenuItemModel } from './models/MenuItemModel';
|
|
9
|
+
import { MenuSelectEvent } from './events';
|
|
10
|
+
/**
|
|
11
|
+
* The properties of the [Kendo UI for Vue Menu component]({% slug overview_menu %}).
|
|
12
|
+
*/
|
|
13
|
+
export interface MenuProps {
|
|
14
|
+
/**
|
|
15
|
+
* Specifies whether the Menu will be vertical ([see example]({% slug vertical_menu %})).
|
|
16
|
+
*/
|
|
17
|
+
vertical?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Sets the Menu items.
|
|
20
|
+
*/
|
|
21
|
+
items?: MenuItemModel[];
|
|
22
|
+
/**
|
|
23
|
+
* Sets the direction of the Menu.
|
|
24
|
+
*/
|
|
25
|
+
dir?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Specifies the delay in milliseconds before the Menu items are opened on item mouse-hover ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)). Defaults to `100`. If `openOnClick` is `true`, defaults to `0`.
|
|
28
|
+
*/
|
|
29
|
+
hoverOpenDelay?: number;
|
|
30
|
+
/**
|
|
31
|
+
* Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)). Used to avoid accidental closure on leaving. Defaults to `100`.
|
|
32
|
+
*/
|
|
33
|
+
hoverCloseDelay?: number;
|
|
34
|
+
/**
|
|
35
|
+
* If `openOnClick` is set to `true`, the items are opened on mouse hover only after an initial click.
|
|
36
|
+
*/
|
|
37
|
+
openOnClick?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* A Vue functional or class component which is used for rendering the innermost part of the Menu item ([see example]({% slug rendering_menu %}#toc-items)). By default, the innermost item part includes only the text for the item.
|
|
40
|
+
*/
|
|
41
|
+
itemRender?: any;
|
|
42
|
+
/**
|
|
43
|
+
* A Vue functional or class component which is used for rendering the link of the item ([see example]({% slug rendering_menu %}#toc-links)). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
|
|
44
|
+
*/
|
|
45
|
+
linkRender?: any;
|
|
46
|
+
/**
|
|
47
|
+
* Sets the ids of the Menu items that will not be closed on mouse-leave. The ids are hierarchical and zero-based. The first root item has a `0` id. If the first root item has children, the first child item acquires a `0_0` id and the second acquires a `0_1` id.
|
|
48
|
+
*/
|
|
49
|
+
customCloseItemIds?: string[];
|
|
50
|
+
/**
|
|
51
|
+
* Adds a custom className to the Menu top element.
|
|
52
|
+
*/
|
|
53
|
+
className?: string;
|
|
54
|
+
/**
|
|
55
|
+
* Fires when a Menu item is selected.
|
|
56
|
+
*/
|
|
57
|
+
onSelect?: (event: MenuSelectEvent) => void;
|
|
58
|
+
}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { PropType } from 'vue';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export interface MenuComputed {
|
|
13
|
+
menuClassName: object;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* @hidden
|
|
17
|
+
*/
|
|
18
|
+
export interface MenuMethods {
|
|
19
|
+
[key: string]: any;
|
|
20
|
+
reset: () => void;
|
|
21
|
+
onKeyDown: (event: any) => void;
|
|
22
|
+
onItemMouseOver: (itemId: string) => void;
|
|
23
|
+
onItemMouseLeave: (itemId: string) => void;
|
|
24
|
+
onItemMouseDown: () => void;
|
|
25
|
+
onItemFocus: (itemId: string) => void;
|
|
26
|
+
onItemClick: (event: any, itemId: string) => void;
|
|
27
|
+
onItemBlur: (itemId: string) => void;
|
|
28
|
+
getInputItem: (itemId: string) => void;
|
|
29
|
+
setFocusedItemId: (focusedItemId: string) => void;
|
|
30
|
+
setHoveredItemId: (hoveredItemId: string) => void;
|
|
31
|
+
getMenuWrapperClassName: () => object;
|
|
32
|
+
clearItemHoverAndLeaveRequestsIfApplicable: () => void;
|
|
33
|
+
isItemWithDefaultClose: (itemId: string) => boolean;
|
|
34
|
+
checkIsDirectionRightToLeft: () => any;
|
|
35
|
+
prepareItems: () => void;
|
|
36
|
+
dispatchSelectEventIfWired: (event: any, itemId: string) => void;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
*
|
|
40
|
+
* Represents the [Kendo UI for Vue Menu component]({% slug overview_menu %}).
|
|
41
|
+
*
|
|
42
|
+
*
|
|
43
|
+
* ### props <span class='code'>Readonly<[MenuProps]({% slug api_layout_menuprops %})></span>
|
|
44
|
+
* The props of the Menu component.
|
|
45
|
+
*
|
|
46
|
+
*/
|
|
47
|
+
declare const Menu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
48
|
+
vertical: {
|
|
49
|
+
type: PropType<boolean>;
|
|
50
|
+
default: boolean;
|
|
51
|
+
};
|
|
52
|
+
items: PropType<import('../..').MenuItemModel[]>;
|
|
53
|
+
dir: PropType<string>;
|
|
54
|
+
hoverOpenDelay: {
|
|
55
|
+
type: PropType<number>;
|
|
56
|
+
default: any;
|
|
57
|
+
};
|
|
58
|
+
hoverCloseDelay: {
|
|
59
|
+
type: PropType<number>;
|
|
60
|
+
default: any;
|
|
61
|
+
};
|
|
62
|
+
openOnClick: PropType<boolean>;
|
|
63
|
+
onSelect: PropType<(event: import('../events').MenuSelectEvent) => void>;
|
|
64
|
+
itemRender: PropType<any>;
|
|
65
|
+
linkRender: PropType<any>;
|
|
66
|
+
customCloseItemIds: ArrayConstructor;
|
|
67
|
+
}>, {}, {
|
|
68
|
+
focusedItemId: string;
|
|
69
|
+
hoveredItemId: string;
|
|
70
|
+
tabbableItemId: string;
|
|
71
|
+
isFirstRender: boolean;
|
|
72
|
+
}, {
|
|
73
|
+
menuClassName(): MenuComputed['menuClassName'];
|
|
74
|
+
}, {
|
|
75
|
+
reset(): void;
|
|
76
|
+
onKeyDown(event: any): void;
|
|
77
|
+
onItemMouseOver(itemId: string): void;
|
|
78
|
+
onItemMouseLeave(itemId: string): void;
|
|
79
|
+
onItemMouseDown(): void;
|
|
80
|
+
onItemFocus(itemId: string): void;
|
|
81
|
+
onItemClick(event: any, itemId: string): void;
|
|
82
|
+
onItemBlur(itemId: string): void;
|
|
83
|
+
getInputItem(itemId: string): void;
|
|
84
|
+
setFocusedItemId(focusedItemId: string): void;
|
|
85
|
+
setHoveredItemId(hoveredItemId: string): void;
|
|
86
|
+
getMenuWrapperClassName(): object;
|
|
87
|
+
clearItemHoverAndLeaveRequestsIfApplicable(): void;
|
|
88
|
+
isItemWithDefaultClose(itemId: string): boolean;
|
|
89
|
+
checkIsDirectionRightToLeft(): any;
|
|
90
|
+
prepareItems(): void;
|
|
91
|
+
dispatchSelectEventIfWired(event: any, itemId: string): void;
|
|
92
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
93
|
+
vertical: {
|
|
94
|
+
type: PropType<boolean>;
|
|
95
|
+
default: boolean;
|
|
96
|
+
};
|
|
97
|
+
items: PropType<import('../..').MenuItemModel[]>;
|
|
98
|
+
dir: PropType<string>;
|
|
99
|
+
hoverOpenDelay: {
|
|
100
|
+
type: PropType<number>;
|
|
101
|
+
default: any;
|
|
102
|
+
};
|
|
103
|
+
hoverCloseDelay: {
|
|
104
|
+
type: PropType<number>;
|
|
105
|
+
default: any;
|
|
106
|
+
};
|
|
107
|
+
openOnClick: PropType<boolean>;
|
|
108
|
+
onSelect: PropType<(event: import('../events').MenuSelectEvent) => void>;
|
|
109
|
+
itemRender: PropType<any>;
|
|
110
|
+
linkRender: PropType<any>;
|
|
111
|
+
customCloseItemIds: ArrayConstructor;
|
|
112
|
+
}>> & Readonly<{}>, {
|
|
113
|
+
vertical: boolean;
|
|
114
|
+
hoverOpenDelay: number;
|
|
115
|
+
hoverCloseDelay: number;
|
|
116
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
117
|
+
export { Menu };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { PropType } from 'vue';
|
|
9
|
+
/**
|
|
10
|
+
* The properties of the Kendo UI for Vue MenuItemArrow component.
|
|
11
|
+
*/
|
|
12
|
+
export interface MenuItemArrowProps {
|
|
13
|
+
/**
|
|
14
|
+
* Sets the item id of the MenuItemArrow component.
|
|
15
|
+
*/
|
|
16
|
+
itemId: string;
|
|
17
|
+
/**
|
|
18
|
+
* Sets the direction of the MenuItemArrow component.
|
|
19
|
+
*/
|
|
20
|
+
dir: 'ltr' | 'rtl' | string;
|
|
21
|
+
/**
|
|
22
|
+
* Specifies whether the Menu which holds the MenuItemArrow component is vertical.
|
|
23
|
+
*/
|
|
24
|
+
verticalMenu?: boolean;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
export declare const downArrowIcon: import('@progress/kendo-svg-icons').SVGIcon;
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
33
|
+
export declare const rightArrowIcon: import('@progress/kendo-svg-icons').SVGIcon;
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
export declare const leftArrowIcon: import('@progress/kendo-svg-icons').SVGIcon;
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
41
|
+
declare const MenuItemArrow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
42
|
+
itemId: PropType<string>;
|
|
43
|
+
dir: PropType<string>;
|
|
44
|
+
verticalMenu: PropType<boolean>;
|
|
45
|
+
}>, {}, {}, {}, {
|
|
46
|
+
getArrowName(): "" | import('@progress/kendo-svg-icons').SVGIcon;
|
|
47
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
48
|
+
itemId: PropType<string>;
|
|
49
|
+
dir: PropType<string>;
|
|
50
|
+
verticalMenu: PropType<boolean>;
|
|
51
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
52
|
+
export { MenuItemArrow };
|
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as t, createVNode as o } from "vue";
|
|
9
9
|
import { Icon as e } from "@progress/kendo-vue-common";
|
|
10
|
-
import { caretAltDownIcon as n,
|
|
10
|
+
import { caretAltDownIcon as n, caretAltLeftIcon as i, caretAltRightIcon as c } from "@progress/kendo-svg-icons";
|
|
11
11
|
import { getChildrenPosition as a } from "../utils/misc.mjs";
|
|
12
|
-
const s = n, d =
|
|
12
|
+
const s = n, d = c, m = i, I = /* @__PURE__ */ t({
|
|
13
13
|
name: "KendoMenuItemArrow",
|
|
14
14
|
props: {
|
|
15
15
|
itemId: String,
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { MenuItemInternalModel } from '../models/MenuItemModel';
|
|
9
|
+
import { BaseMenuItemInternalProps } from './../BaseMenuItemInternalProps';
|
|
10
|
+
import { PropType } from 'vue';
|
|
11
|
+
/**
|
|
12
|
+
* @hidden
|
|
13
|
+
*/
|
|
14
|
+
export interface MenuItemInternalProps extends BaseMenuItemInternalProps {
|
|
15
|
+
item: MenuItemInternalModel;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
export interface MenuItemInternalComputed {
|
|
21
|
+
currentItemRender: any;
|
|
22
|
+
currentLinkRender: any;
|
|
23
|
+
contentRender: any;
|
|
24
|
+
currentOpened: boolean;
|
|
25
|
+
currentFocused: boolean;
|
|
26
|
+
popupClassName: string;
|
|
27
|
+
menuItemClassName: object;
|
|
28
|
+
hasItems: boolean;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
33
|
+
declare const MenuItemInternal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
34
|
+
item: PropType<MenuItemInternalModel>;
|
|
35
|
+
focusedItemId: PropType<string>;
|
|
36
|
+
lastItemIdToBeOpened: PropType<string>;
|
|
37
|
+
tabbableItemId: PropType<string>;
|
|
38
|
+
itemRender: PropType<any>;
|
|
39
|
+
linkRender: PropType<any>;
|
|
40
|
+
isMenuVertical: PropType<boolean>;
|
|
41
|
+
isDirectionRightToLeft: PropType<boolean>;
|
|
42
|
+
menuGuid: PropType<string>;
|
|
43
|
+
originalItemNeeded: PropType<any>;
|
|
44
|
+
}>, {}, {
|
|
45
|
+
opened: boolean;
|
|
46
|
+
}, {
|
|
47
|
+
hasItems(): boolean;
|
|
48
|
+
currentItemRender(): any;
|
|
49
|
+
currentLinkRender(): any;
|
|
50
|
+
contentRender(): any;
|
|
51
|
+
currentOpened(): boolean;
|
|
52
|
+
currentFocused(): boolean;
|
|
53
|
+
popupClassName(): string;
|
|
54
|
+
menuItemClassName(): {
|
|
55
|
+
[x: number]: any;
|
|
56
|
+
'k-item': boolean;
|
|
57
|
+
'k-menu-item': boolean;
|
|
58
|
+
'k-first': boolean;
|
|
59
|
+
'k-last': any;
|
|
60
|
+
'k-disabled': any;
|
|
61
|
+
};
|
|
62
|
+
}, {
|
|
63
|
+
handleKeyDown(event: any): void;
|
|
64
|
+
handleItemMouseOver(event: any): void;
|
|
65
|
+
handleItemMouseLeave(event: any): void;
|
|
66
|
+
handleItemMouseBlur(event: any): void;
|
|
67
|
+
handleItemMouseFocus(event: any): void;
|
|
68
|
+
handleClick(event: any, itemId: string): void;
|
|
69
|
+
handleBlur(itemId: string): void;
|
|
70
|
+
handleFocus(itemId: string): void;
|
|
71
|
+
handleMouseDown(event: any): void;
|
|
72
|
+
handleOriginalItemNeeded(event: any): any;
|
|
73
|
+
onMouseOver(event: any): void;
|
|
74
|
+
onMouseLeave(event: any): void;
|
|
75
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
76
|
+
keydown: any;
|
|
77
|
+
mouseover: any;
|
|
78
|
+
mouseleave: any;
|
|
79
|
+
blur: any;
|
|
80
|
+
focus: any;
|
|
81
|
+
click: any;
|
|
82
|
+
mousedown: any;
|
|
83
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
84
|
+
item: PropType<MenuItemInternalModel>;
|
|
85
|
+
focusedItemId: PropType<string>;
|
|
86
|
+
lastItemIdToBeOpened: PropType<string>;
|
|
87
|
+
tabbableItemId: PropType<string>;
|
|
88
|
+
itemRender: PropType<any>;
|
|
89
|
+
linkRender: PropType<any>;
|
|
90
|
+
isMenuVertical: PropType<boolean>;
|
|
91
|
+
isDirectionRightToLeft: PropType<boolean>;
|
|
92
|
+
menuGuid: PropType<string>;
|
|
93
|
+
originalItemNeeded: PropType<any>;
|
|
94
|
+
}>> & Readonly<{
|
|
95
|
+
onClick?: (...args: any[] | unknown[]) => any;
|
|
96
|
+
onBlur?: (...args: any[] | unknown[]) => any;
|
|
97
|
+
onFocus?: (...args: any[] | unknown[]) => any;
|
|
98
|
+
onKeydown?: (...args: any[] | unknown[]) => any;
|
|
99
|
+
onMousedown?: (...args: any[] | unknown[]) => any;
|
|
100
|
+
onMouseleave?: (...args: any[] | unknown[]) => any;
|
|
101
|
+
onMouseover?: (...args: any[] | unknown[]) => any;
|
|
102
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
103
|
+
/**
|
|
104
|
+
* @hidden
|
|
105
|
+
*/
|
|
106
|
+
export interface MenuItemInternalsListProps extends BaseMenuItemInternalProps {
|
|
107
|
+
items: MenuItemInternalModel[];
|
|
108
|
+
parentItemId?: string;
|
|
109
|
+
}
|
|
110
|
+
/**
|
|
111
|
+
* @hidden
|
|
112
|
+
*/
|
|
113
|
+
declare const MenuItemInternalsList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
114
|
+
items: PropType<MenuItemInternalModel[]>;
|
|
115
|
+
parentItemId: {
|
|
116
|
+
type: PropType<string>;
|
|
117
|
+
default: any;
|
|
118
|
+
};
|
|
119
|
+
focusedItemId: PropType<string>;
|
|
120
|
+
lastItemIdToBeOpened: PropType<string>;
|
|
121
|
+
tabbableItemId: PropType<string>;
|
|
122
|
+
itemRender: PropType<any>;
|
|
123
|
+
linkRender: PropType<any>;
|
|
124
|
+
isMenuVertical: PropType<boolean>;
|
|
125
|
+
isDirectionRightToLeft: PropType<boolean>;
|
|
126
|
+
menuGuid: PropType<string>;
|
|
127
|
+
originalItemNeeded: PropType<any>;
|
|
128
|
+
}>, {}, {}, {}, {
|
|
129
|
+
handleKeyDown(event: any): void;
|
|
130
|
+
handleOriginalItemNeeded(event: any): any;
|
|
131
|
+
handleItemMouseOver(event: any): void;
|
|
132
|
+
handleItemMouseLeave(event: any): void;
|
|
133
|
+
handleItemMouseDown(event: any): void;
|
|
134
|
+
handleItemMouseBlur(event: any): void;
|
|
135
|
+
handleItemMouseFocus(event: any): void;
|
|
136
|
+
handleItemMouseClick(event: any, itemId: string): void;
|
|
137
|
+
onMouseOver(event: any): void;
|
|
138
|
+
onMouseLeave(event: any): void;
|
|
139
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
140
|
+
keydown: any;
|
|
141
|
+
mouseover: any;
|
|
142
|
+
mouseleave: any;
|
|
143
|
+
blur: any;
|
|
144
|
+
focus: any;
|
|
145
|
+
click: any;
|
|
146
|
+
mousedown: any;
|
|
147
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
148
|
+
items: PropType<MenuItemInternalModel[]>;
|
|
149
|
+
parentItemId: {
|
|
150
|
+
type: PropType<string>;
|
|
151
|
+
default: any;
|
|
152
|
+
};
|
|
153
|
+
focusedItemId: PropType<string>;
|
|
154
|
+
lastItemIdToBeOpened: PropType<string>;
|
|
155
|
+
tabbableItemId: PropType<string>;
|
|
156
|
+
itemRender: PropType<any>;
|
|
157
|
+
linkRender: PropType<any>;
|
|
158
|
+
isMenuVertical: PropType<boolean>;
|
|
159
|
+
isDirectionRightToLeft: PropType<boolean>;
|
|
160
|
+
menuGuid: PropType<string>;
|
|
161
|
+
originalItemNeeded: PropType<any>;
|
|
162
|
+
}>> & Readonly<{
|
|
163
|
+
onClick?: (...args: any[] | unknown[]) => any;
|
|
164
|
+
onBlur?: (...args: any[] | unknown[]) => any;
|
|
165
|
+
onFocus?: (...args: any[] | unknown[]) => any;
|
|
166
|
+
onKeydown?: (...args: any[] | unknown[]) => any;
|
|
167
|
+
onMousedown?: (...args: any[] | unknown[]) => any;
|
|
168
|
+
onMouseleave?: (...args: any[] | unknown[]) => any;
|
|
169
|
+
onMouseover?: (...args: any[] | unknown[]) => any;
|
|
170
|
+
}>, {
|
|
171
|
+
parentItemId: string;
|
|
172
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
173
|
+
export { MenuItemInternal, MenuItemInternalsList };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* The properties of the Kendo UI for Vue MenuItemLink component.
|
|
10
|
+
*/
|
|
11
|
+
export interface MenuItemLinkProps {
|
|
12
|
+
/**
|
|
13
|
+
* Specifies whether the MenuItemLink component is opened.
|
|
14
|
+
*/
|
|
15
|
+
opened: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Specifies whether the MenuItemLink component is focused.
|
|
18
|
+
*/
|
|
19
|
+
focused: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Sets the URL of the MenuItemLink component.
|
|
22
|
+
*/
|
|
23
|
+
url?: string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* @hidden
|
|
27
|
+
*/
|
|
28
|
+
export interface MenuItemLinkComputed {
|
|
29
|
+
menuItemClassName: object;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
34
|
+
declare const MenuItemLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
35
|
+
opened: BooleanConstructor;
|
|
36
|
+
focused: BooleanConstructor;
|
|
37
|
+
url: StringConstructor;
|
|
38
|
+
}>, {}, {}, {
|
|
39
|
+
menuItemClassName(): {
|
|
40
|
+
'k-link': boolean;
|
|
41
|
+
'k-menu-link': boolean;
|
|
42
|
+
'k-active': any;
|
|
43
|
+
'k-focus': any;
|
|
44
|
+
};
|
|
45
|
+
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
46
|
+
opened: BooleanConstructor;
|
|
47
|
+
focused: BooleanConstructor;
|
|
48
|
+
url: StringConstructor;
|
|
49
|
+
}>> & Readonly<{}>, {
|
|
50
|
+
focused: boolean;
|
|
51
|
+
opened: boolean;
|
|
52
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
53
|
+
export { MenuItemLink };
|
package/menu/consts.d.ts
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const POPUP_SETTINGS_RTL: {
|
|
12
|
+
downward: {
|
|
13
|
+
anchorAlign: {
|
|
14
|
+
vertical: string;
|
|
15
|
+
horizontal: string;
|
|
16
|
+
};
|
|
17
|
+
popupAlign: any;
|
|
18
|
+
collision: {
|
|
19
|
+
vertical: string;
|
|
20
|
+
horizontal: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
leftward: {
|
|
24
|
+
anchorAlign: {
|
|
25
|
+
vertical: string;
|
|
26
|
+
horizontal: string;
|
|
27
|
+
};
|
|
28
|
+
popupAlign: any;
|
|
29
|
+
collision: {
|
|
30
|
+
vertical: string;
|
|
31
|
+
horizontal: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* @hidden
|
|
37
|
+
*/
|
|
38
|
+
export declare const POPUP_SETTINGS: {
|
|
39
|
+
downward: {
|
|
40
|
+
anchorAlign: {
|
|
41
|
+
vertical: string;
|
|
42
|
+
horizontal: string;
|
|
43
|
+
};
|
|
44
|
+
popupAlign: any;
|
|
45
|
+
collision: {
|
|
46
|
+
vertical: string;
|
|
47
|
+
horizontal: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
rightward: {
|
|
51
|
+
anchorAlign: {
|
|
52
|
+
vertical: string;
|
|
53
|
+
horizontal: string;
|
|
54
|
+
};
|
|
55
|
+
popupAlign: any;
|
|
56
|
+
collision: {
|
|
57
|
+
vertical: string;
|
|
58
|
+
horizontal: string;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
};
|
package/menu/events.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { MenuItemModel } from './models/MenuItemModel';
|
|
9
|
+
/**
|
|
10
|
+
* The arguments for the `select` event of the Menu. If the item has a URL and the event is prevented, navigation to the URL does not occur.
|
|
11
|
+
*/
|
|
12
|
+
export interface MenuSelectEvent {
|
|
13
|
+
/**
|
|
14
|
+
* The id of selected item. The ids are hierarchical and zero-based. The first root item has a `0` id. If the first root item has children, the first child acquires a `0_0` id and the second acquires a `0_1` id.
|
|
15
|
+
*/
|
|
16
|
+
itemId: string;
|
|
17
|
+
/**
|
|
18
|
+
* The selected item.
|
|
19
|
+
*/
|
|
20
|
+
item: MenuItemModel;
|
|
21
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
9
|
+
/**
|
|
10
|
+
* An interface which holds the shared properties of the MenuItemModel and the MenuItem components.
|
|
11
|
+
*/
|
|
12
|
+
export interface BaseMenuItem {
|
|
13
|
+
/**
|
|
14
|
+
* Specifies the item text ([see example]({% slug itemproperties_menu %}#toc-text)).
|
|
15
|
+
*/
|
|
16
|
+
text?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Specifies a URL which is rendered as a `href` attribute on the item link ([see example]({% slug itemproperties_menu %}#toc-url)).
|
|
19
|
+
*/
|
|
20
|
+
url?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Specifies the name of the [FontIcon]({% slug overview_icon %}) that will be rendered for the item).
|
|
23
|
+
*/
|
|
24
|
+
icon?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Specifies the name of the [SVGIcon]({% slug overview_svgicon %}) that will be rendered for the item).
|
|
27
|
+
*/
|
|
28
|
+
svgIcon?: SVGIcon;
|
|
29
|
+
/**
|
|
30
|
+
* Specifies if the item is disabled ([see example]({% slug itemproperties_menu %}#toc-disabled-items)).
|
|
31
|
+
*/
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* The additional CSS classes that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
|
|
35
|
+
*/
|
|
36
|
+
cssClass?: string;
|
|
37
|
+
/**
|
|
38
|
+
* The additional CSS classes that will be rendered on the item's popup.
|
|
39
|
+
*/
|
|
40
|
+
popupClass?: string;
|
|
41
|
+
/**
|
|
42
|
+
* The CSS styles that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
|
|
43
|
+
*/
|
|
44
|
+
cssStyle?: any;
|
|
45
|
+
/**
|
|
46
|
+
* A Vue functional or class component which is used for rendering the innermost part of the Menu item ([see example]({% slug rendering_menu %}#toc-items)). By default, the innermost item part includes only the text for the item.
|
|
47
|
+
*/
|
|
48
|
+
render?: any;
|
|
49
|
+
/**
|
|
50
|
+
* A Vue functional or class component which is used for rendering the link of the item ([see example]({% slug rendering_menu %}#toc-links)). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
|
|
51
|
+
*/
|
|
52
|
+
linkRender?: any;
|
|
53
|
+
/**
|
|
54
|
+
* A Vue functional or class component which is used for rendering content instead of the item children ([see example]({% slug rendering_menu %}#toc-content)).
|
|
55
|
+
*/
|
|
56
|
+
contentRender?: any;
|
|
57
|
+
/**
|
|
58
|
+
* Represents any additional data that is associated with the Menu item.
|
|
59
|
+
*/
|
|
60
|
+
data?: any;
|
|
61
|
+
/**
|
|
62
|
+
* Specifies if this is a separator item. If set to true only the `cssClass` and `cssStyle` props should be rendered along.
|
|
63
|
+
*/
|
|
64
|
+
separator?: boolean;
|
|
65
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { BaseMenuItem } from './BaseMenuItem';
|
|
9
|
+
/**
|
|
10
|
+
* The interface for describing items that can be passed to the `items` property of the Menu as an alternative to passing them as children.
|
|
11
|
+
*/
|
|
12
|
+
export interface MenuItemModel extends BaseMenuItem {
|
|
13
|
+
/**
|
|
14
|
+
* Specifies the children of the item.
|
|
15
|
+
*/
|
|
16
|
+
items?: MenuItemModel[];
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* @hidden
|
|
20
|
+
*/
|
|
21
|
+
export interface MenuItemInternalModel extends BaseMenuItem {
|
|
22
|
+
id: string;
|
|
23
|
+
items: MenuItemInternalModel[];
|
|
24
|
+
contentParentItemId?: string;
|
|
25
|
+
isLastFromSiblings: boolean;
|
|
26
|
+
}
|