@progress/kendo-vue-layout 3.5.0 → 3.5.1-dev.202208100944
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/dist/cdn/js/kendo-vue-layout.js +1 -1
- package/dist/es/card/Avatar.js +2 -2
- package/dist/es/card/Card.js +1 -1
- package/dist/es/card/CardActions.js +1 -1
- package/dist/es/card/interfaces/AvatarProps.js +1 -0
- package/dist/es/card/interfaces/CardActionsProps.js +1 -0
- package/dist/es/card/interfaces/CardBodyProps.js +1 -0
- package/dist/es/card/interfaces/CardFooterProps.js +1 -0
- package/dist/es/card/interfaces/CardHeaderProps.js +1 -0
- package/dist/es/card/interfaces/CardImageProps.js +1 -0
- package/dist/es/card/interfaces/CardProps.js +1 -0
- package/dist/es/card/interfaces/CardSubtitleProps.js +1 -0
- package/dist/es/card/interfaces/CardTitleProps.js +1 -0
- package/dist/es/drawer/context/DrawerContext.js +1 -0
- package/dist/es/drawer/interfaces/DrawerAnimation.js +1 -0
- package/dist/es/drawer/interfaces/DrawerContentProps.js +1 -0
- package/dist/es/drawer/interfaces/DrawerItemHandle.js +1 -0
- package/dist/es/drawer/interfaces/DrawerItemProps.js +1 -0
- package/dist/es/drawer/interfaces/DrawerNavigationProps.js +1 -0
- package/dist/es/drawer/interfaces/DrawerProps.js +1 -0
- package/dist/es/drawer/interfaces/DrawerSelectEvent.js +1 -0
- package/dist/es/menu/BaseMenuItemInternalProps.js +1 -0
- package/dist/es/menu/MenuProps.js +1 -1
- package/dist/es/menu/components/MenuItemInternal.js +1 -1
- package/dist/es/menu/events.js +1 -0
- package/dist/es/menu/models/BaseMenuItem.js +1 -0
- package/dist/es/menu/models/MenuItemModel.js +1 -0
- package/dist/es/menu/utils/misc.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/panelbar/PanelBar.js +8 -12
- package/dist/es/panelbar/PanelBarItem.js +1 -1
- package/dist/es/panelbar/interfaces/PanelBarItemClickEventArguments.js +1 -0
- package/dist/es/panelbar/interfaces/PanelBarItemProps.js +1 -0
- package/dist/es/panelbar/interfaces/PanelBarProps.js +1 -0
- package/dist/es/panelbar/interfaces/PanelBarSelectEventArguments.js +1 -0
- package/dist/es/panelbar/interfaces/RenderPanelBarItem.js +1 -0
- package/dist/es/panelbar/util.js +10 -14
- package/dist/es/splitter/Splitter.js +3 -3
- package/dist/es/stepper/Step.js +3 -3
- package/dist/es/stepper/context/StepperContext.js +1 -0
- package/dist/es/stepper/interfaces/StepChangeEvent.js +1 -0
- package/dist/es/stepper/interfaces/StepFocusEvent.js +1 -0
- package/dist/es/stepper/interfaces/StepHandle.js +1 -0
- package/dist/es/stepper/interfaces/StepProps.js +1 -0
- package/dist/es/stepper/interfaces/StepperChangeEvent.js +1 -0
- package/dist/es/stepper/interfaces/StepperFocusEvent.js +1 -0
- package/dist/es/stepper/interfaces/StepperHandle.js +1 -0
- package/dist/es/stepper/interfaces/StepperProps.js +1 -0
- package/dist/esm/additionalTypes.ts +21 -0
- package/dist/esm/card/Avatar.d.ts +43 -0
- package/dist/esm/card/Avatar.js +100 -0
- package/dist/esm/card/Card.d.ts +43 -0
- package/dist/esm/card/Card.js +70 -0
- package/dist/esm/card/CardActions.d.ts +43 -0
- package/dist/esm/card/CardActions.js +59 -0
- package/dist/esm/card/CardBody.d.ts +43 -0
- package/dist/esm/card/CardBody.js +33 -0
- package/dist/esm/card/CardFooter.d.ts +43 -0
- package/dist/esm/card/CardFooter.js +33 -0
- package/dist/esm/card/CardHeader.d.ts +43 -0
- package/dist/esm/card/CardHeader.js +33 -0
- package/dist/esm/card/CardImage.d.ts +43 -0
- package/dist/esm/card/CardImage.js +40 -0
- package/dist/esm/card/CardSubtitle.d.ts +43 -0
- package/dist/esm/card/CardSubtitle.js +33 -0
- package/dist/esm/card/CardTitle.d.ts +43 -0
- package/dist/esm/card/CardTitle.js +33 -0
- package/dist/esm/card/interfaces/AvatarProps.d.ts +72 -0
- package/dist/esm/card/interfaces/AvatarProps.js +1 -0
- package/dist/esm/card/interfaces/CardActionsProps.d.ts +22 -0
- package/dist/esm/card/interfaces/CardActionsProps.js +1 -0
- package/dist/esm/card/interfaces/CardBodyProps.d.ts +2 -0
- package/dist/esm/card/interfaces/CardBodyProps.js +1 -0
- package/dist/esm/card/interfaces/CardFooterProps.d.ts +2 -0
- package/dist/esm/card/interfaces/CardFooterProps.js +1 -0
- package/dist/esm/card/interfaces/CardHeaderProps.d.ts +2 -0
- package/dist/esm/card/interfaces/CardHeaderProps.js +1 -0
- package/dist/esm/card/interfaces/CardImageProps.d.ts +6 -0
- package/dist/esm/card/interfaces/CardImageProps.js +1 -0
- package/dist/esm/card/interfaces/CardProps.d.ts +28 -0
- package/dist/esm/card/interfaces/CardProps.js +1 -0
- package/dist/esm/card/interfaces/CardSubtitleProps.d.ts +2 -0
- package/dist/esm/card/interfaces/CardSubtitleProps.js +1 -0
- package/dist/esm/card/interfaces/CardTitleProps.d.ts +2 -0
- package/dist/esm/card/interfaces/CardTitleProps.js +1 -0
- package/dist/esm/card/interfaces/Enums.d.ts +32 -0
- package/dist/esm/card/interfaces/Enums.js +46 -0
- package/dist/esm/drawer/Drawer.d.ts +51 -0
- package/dist/esm/drawer/Drawer.js +204 -0
- package/dist/esm/drawer/DrawerContent.d.ts +110 -0
- package/dist/esm/drawer/DrawerContent.js +103 -0
- package/dist/esm/drawer/DrawerItem.d.ts +75 -0
- package/dist/esm/drawer/DrawerItem.js +164 -0
- package/dist/esm/drawer/DrawerNavigation.d.ts +50 -0
- package/dist/esm/drawer/DrawerNavigation.js +216 -0
- package/dist/esm/drawer/context/DrawerContext.d.ts +17 -0
- package/dist/esm/drawer/context/DrawerContext.js +14 -0
- package/dist/esm/drawer/interfaces/DrawerAnimation.d.ts +14 -0
- package/dist/esm/drawer/interfaces/DrawerAnimation.js +1 -0
- package/dist/esm/drawer/interfaces/DrawerContentProps.d.ts +5 -0
- package/dist/esm/drawer/interfaces/DrawerContentProps.js +1 -0
- package/dist/esm/drawer/interfaces/DrawerItemHandle.d.ts +17 -0
- package/dist/esm/drawer/interfaces/DrawerItemHandle.js +1 -0
- package/dist/esm/drawer/interfaces/DrawerItemProps.d.ts +43 -0
- package/dist/esm/drawer/interfaces/DrawerItemProps.js +1 -0
- package/dist/esm/drawer/interfaces/DrawerNavigationProps.d.ts +5 -0
- package/dist/esm/drawer/interfaces/DrawerNavigationProps.js +1 -0
- package/dist/esm/drawer/interfaces/DrawerProps.d.ts +69 -0
- package/dist/esm/drawer/interfaces/DrawerProps.js +1 -0
- package/dist/esm/drawer/interfaces/DrawerSelectEvent.d.ts +13 -0
- package/dist/esm/drawer/interfaces/DrawerSelectEvent.js +1 -0
- package/dist/esm/main.d.ts +49 -0
- package/dist/esm/main.js +49 -0
- package/dist/esm/menu/BaseMenuItemInternalProps.d.ts +20 -0
- package/dist/esm/menu/BaseMenuItemInternalProps.js +1 -0
- package/dist/esm/menu/MenuProps.d.ts +51 -0
- package/dist/esm/menu/MenuProps.js +1 -0
- package/dist/esm/menu/components/Menu.d.ts +79 -0
- package/dist/esm/menu/components/Menu.js +322 -0
- package/dist/esm/menu/components/MenuItemArrow.d.ts +70 -0
- package/dist/esm/menu/components/MenuItemArrow.js +68 -0
- package/dist/esm/menu/components/MenuItemInternal.d.ts +61 -0
- package/dist/esm/menu/components/MenuItemInternal.js +454 -0
- package/dist/esm/menu/components/MenuItemInternalsList.d.ts +49 -0
- package/dist/esm/menu/components/MenuItemInternalsList.js +152 -0
- package/dist/esm/menu/components/MenuItemLink.d.ts +58 -0
- package/dist/esm/menu/components/MenuItemLink.js +67 -0
- package/dist/esm/menu/consts.d.ts +54 -0
- package/dist/esm/menu/consts.js +70 -0
- package/dist/esm/menu/events.d.ts +14 -0
- package/dist/esm/menu/events.js +2 -0
- package/dist/esm/menu/models/BaseMenuItem.d.ts +45 -0
- package/dist/esm/menu/models/BaseMenuItem.js +2 -0
- package/dist/esm/menu/models/MenuItemModel.d.ts +19 -0
- package/dist/esm/menu/models/MenuItemModel.js +1 -0
- package/dist/esm/menu/utils/DirectionHolder.d.ts +11 -0
- package/dist/esm/menu/utils/DirectionHolder.js +24 -0
- package/dist/esm/menu/utils/MouseOverHandler.d.ts +17 -0
- package/dist/esm/menu/utils/MouseOverHandler.js +64 -0
- package/dist/esm/menu/utils/getNewItemIdUponKeyboardNavigation.d.ts +7 -0
- package/dist/esm/menu/utils/getNewItemIdUponKeyboardNavigation.js +202 -0
- package/dist/esm/menu/utils/hoverDelay.d.ts +9 -0
- package/dist/esm/menu/utils/hoverDelay.js +17 -0
- package/dist/esm/menu/utils/itemsIdsUtils.d.ts +64 -0
- package/dist/esm/menu/utils/itemsIdsUtils.js +119 -0
- package/dist/esm/menu/utils/misc.d.ts +16 -0
- package/dist/esm/menu/utils/misc.js +42 -0
- package/dist/esm/menu/utils/prepareInputItemsForInternalWork.d.ts +5 -0
- package/dist/esm/menu/utils/prepareInputItemsForInternalWork.js +80 -0
- package/dist/esm/package-metadata.d.ts +5 -0
- package/dist/esm/package-metadata.js +11 -0
- package/dist/esm/package.json +3 -0
- package/dist/esm/panelbar/PanelBar.d.ts +48 -0
- package/dist/esm/panelbar/PanelBar.js +318 -0
- package/dist/esm/panelbar/PanelBarGroup.d.ts +53 -0
- package/dist/esm/panelbar/PanelBarGroup.js +139 -0
- package/dist/esm/panelbar/PanelBarItem.d.ts +40 -0
- package/dist/esm/panelbar/PanelBarItem.js +217 -0
- package/dist/esm/panelbar/interfaces/NavigationAction.d.ts +8 -0
- package/dist/esm/panelbar/interfaces/NavigationAction.js +9 -0
- package/dist/esm/panelbar/interfaces/PanelBarItemClickEventArguments.d.ts +7 -0
- package/dist/esm/panelbar/interfaces/PanelBarItemClickEventArguments.js +1 -0
- package/dist/esm/panelbar/interfaces/PanelBarItemProps.d.ts +85 -0
- package/dist/esm/panelbar/interfaces/PanelBarItemProps.js +1 -0
- package/dist/esm/panelbar/interfaces/PanelBarProps.d.ts +58 -0
- package/dist/esm/panelbar/interfaces/PanelBarProps.js +1 -0
- package/dist/esm/panelbar/interfaces/PanelBarSelectEventArguments.d.ts +13 -0
- package/dist/esm/panelbar/interfaces/PanelBarSelectEventArguments.js +1 -0
- package/dist/esm/panelbar/interfaces/RenderPanelBarItem.d.ts +14 -0
- package/dist/esm/panelbar/interfaces/RenderPanelBarItem.js +1 -0
- package/dist/esm/panelbar/util.d.ts +35 -0
- package/dist/esm/panelbar/util.js +232 -0
- package/dist/esm/splitter/Splitter.d.ts +139 -0
- package/dist/esm/splitter/Splitter.js +466 -0
- package/dist/esm/splitter/SplitterBar.d.ts +56 -0
- package/dist/esm/splitter/SplitterBar.js +289 -0
- package/dist/esm/splitter/SplitterPane.d.ts +93 -0
- package/dist/esm/splitter/SplitterPane.js +79 -0
- package/dist/esm/stepper/Step.d.ts +54 -0
- package/dist/esm/stepper/Step.js +227 -0
- package/dist/esm/stepper/Stepper.d.ts +97 -0
- package/dist/esm/stepper/Stepper.js +463 -0
- package/dist/esm/stepper/contants.d.ts +8 -0
- package/dist/esm/stepper/contants.js +8 -0
- package/dist/esm/stepper/context/StepperContext.d.ts +16 -0
- package/dist/esm/stepper/context/StepperContext.js +9 -0
- package/dist/esm/stepper/interfaces/StepChangeEvent.d.ts +9 -0
- package/dist/esm/stepper/interfaces/StepChangeEvent.js +1 -0
- package/dist/esm/stepper/interfaces/StepFocusEvent.d.ts +5 -0
- package/dist/esm/stepper/interfaces/StepFocusEvent.js +1 -0
- package/dist/esm/stepper/interfaces/StepHandle.d.ts +13 -0
- package/dist/esm/stepper/interfaces/StepHandle.js +4 -0
- package/dist/esm/stepper/interfaces/StepProps.d.ts +67 -0
- package/dist/esm/stepper/interfaces/StepProps.js +1 -0
- package/dist/esm/stepper/interfaces/StepperChangeEvent.d.ts +9 -0
- package/dist/esm/stepper/interfaces/StepperChangeEvent.js +1 -0
- package/dist/esm/stepper/interfaces/StepperFocusEvent.d.ts +5 -0
- package/dist/esm/stepper/interfaces/StepperFocusEvent.js +1 -0
- package/dist/esm/stepper/interfaces/StepperHandle.d.ts +13 -0
- package/dist/esm/stepper/interfaces/StepperHandle.js +4 -0
- package/dist/esm/stepper/interfaces/StepperOnNavigateEvent.d.ts +23 -0
- package/dist/esm/stepper/interfaces/StepperOnNavigateEvent.js +15 -0
- package/dist/esm/stepper/interfaces/StepperProps.d.ts +84 -0
- package/dist/esm/stepper/interfaces/StepperProps.js +1 -0
- package/dist/esm/stepper/messages/index.d.ts +10 -0
- package/dist/esm/stepper/messages/index.js +11 -0
- package/dist/esm/tabstrip/TabStrip.d.ts +114 -0
- package/dist/esm/tabstrip/TabStrip.js +333 -0
- package/dist/esm/tabstrip/TabStripContent.d.ts +79 -0
- package/dist/esm/tabstrip/TabStripContent.js +141 -0
- package/dist/esm/tabstrip/TabStripNavigation.d.ts +79 -0
- package/dist/esm/tabstrip/TabStripNavigation.js +127 -0
- package/dist/esm/tabstrip/TabStripNavigationItem.d.ts +85 -0
- package/dist/esm/tabstrip/TabStripNavigationItem.js +101 -0
- package/dist/esm/tabstrip/TabStripTab.d.ts +74 -0
- package/dist/esm/tabstrip/TabStripTab.js +71 -0
- package/dist/esm/tabstrip/utils.d.ts +1 -0
- package/dist/esm/tabstrip/utils.js +14 -0
- package/dist/npm/card/Avatar.js +4 -4
- package/dist/npm/card/Card.js +3 -3
- package/dist/npm/card/CardActions.js +2 -2
- package/dist/npm/card/CardBody.js +1 -1
- package/dist/npm/card/CardFooter.js +1 -1
- package/dist/npm/card/CardHeader.js +1 -1
- package/dist/npm/card/CardImage.js +1 -1
- package/dist/npm/card/CardSubtitle.js +1 -1
- package/dist/npm/card/CardTitle.js +1 -1
- package/dist/npm/drawer/Drawer.js +3 -3
- package/dist/npm/drawer/DrawerContent.js +1 -1
- package/dist/npm/drawer/DrawerItem.js +3 -3
- package/dist/npm/drawer/DrawerNavigation.js +1 -1
- package/dist/npm/main.js +6 -2
- package/dist/npm/menu/components/Menu.js +14 -14
- package/dist/npm/menu/components/MenuItemArrow.js +1 -1
- package/dist/npm/menu/components/MenuItemInternal.js +13 -13
- package/dist/npm/menu/components/MenuItemInternalsList.js +2 -2
- package/dist/npm/menu/components/MenuItemLink.js +1 -1
- package/dist/npm/menu/utils/getNewItemIdUponKeyboardNavigation.js +24 -24
- package/dist/npm/menu/utils/misc.js +2 -2
- package/dist/npm/menu/utils/prepareInputItemsForInternalWork.js +2 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/panelbar/PanelBar.js +15 -19
- package/dist/npm/panelbar/PanelBarItem.js +5 -5
- package/dist/npm/panelbar/util.js +26 -24
- package/dist/npm/splitter/Splitter.js +4 -4
- package/dist/npm/splitter/SplitterBar.js +3 -3
- package/dist/npm/splitter/SplitterPane.js +1 -1
- package/dist/npm/stepper/Step.js +6 -6
- package/dist/npm/stepper/Stepper.js +4 -4
- package/dist/npm/tabstrip/TabStrip.js +3 -3
- package/dist/npm/tabstrip/TabStripContent.js +3 -3
- package/dist/npm/tabstrip/TabStripTab.js +2 -2
- package/dist/npm/tabstrip/utils.js +2 -1
- package/package.json +10 -10
package/dist/npm/card/Avatar.js
CHANGED
|
@@ -62,7 +62,7 @@ var AvatarVue2 = {
|
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
created: function created() {
|
|
65
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
65
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
66
66
|
},
|
|
67
67
|
// @ts-ignore
|
|
68
68
|
setup: !isV3 ? undefined : function () {
|
|
@@ -85,17 +85,17 @@ var AvatarVue2 = {
|
|
|
85
85
|
return _a = {
|
|
86
86
|
'k-avatar-bordered': border,
|
|
87
87
|
'k-avatar': true
|
|
88
|
-
}, _a["k-avatar-"
|
|
88
|
+
}, _a["k-avatar-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-avatar-".concat(fillMode)] = fillMode, _a["k-avatar-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor), _a;
|
|
89
89
|
},
|
|
90
90
|
innerClass: function innerClass() {
|
|
91
91
|
var _a;
|
|
92
92
|
|
|
93
|
-
return _a = {}, _a["k-avatar-"
|
|
93
|
+
return _a = {}, _a["k-avatar-".concat(this.$props.type)] = this.$props.type, _a;
|
|
94
94
|
}
|
|
95
95
|
},
|
|
96
96
|
render: function render(createElement) {
|
|
97
97
|
var h = gh || createElement;
|
|
98
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
98
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
99
99
|
return h("div", {
|
|
100
100
|
"class": this.wrapperClass
|
|
101
101
|
}, [h("span", {
|
package/dist/npm/card/Card.js
CHANGED
|
@@ -43,7 +43,7 @@ var CardVue2 = {
|
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
45
|
created: function created() {
|
|
46
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
46
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
47
47
|
},
|
|
48
48
|
// @ts-ignore
|
|
49
49
|
setup: !isV3 ? undefined : function () {
|
|
@@ -59,12 +59,12 @@ var CardVue2 = {
|
|
|
59
59
|
var orientationClass = this.$props.orientation !== Enums_2.cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal';
|
|
60
60
|
return _a = {
|
|
61
61
|
'k-card': true
|
|
62
|
-
}, _a["k-card-"
|
|
62
|
+
}, _a["k-card-".concat(this.$props.type)] = this.$props.type !== Enums_1.cardType.DEFAULT, _a["k-card-".concat(orientationClass)] = true, _a;
|
|
63
63
|
}
|
|
64
64
|
},
|
|
65
65
|
render: function render(createElement) {
|
|
66
66
|
var h = gh || createElement;
|
|
67
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
67
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
68
68
|
return h("div", {
|
|
69
69
|
dir: this.$props.dir,
|
|
70
70
|
attrs: this.v3 ? undefined : {
|
|
@@ -50,12 +50,12 @@ var CardActionsVue2 = {
|
|
|
50
50
|
|
|
51
51
|
return _a = {
|
|
52
52
|
'k-card-actions': true
|
|
53
|
-
}, _a["k-card-actions-"
|
|
53
|
+
}, _a["k-card-actions-".concat(this.$props.layout)] = true, _a["k-card-actions-".concat(this.$props.orientation !== Enums_1.cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
56
|
render: function render(createElement) {
|
|
57
57
|
var h = gh || createElement;
|
|
58
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
58
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
59
59
|
return h("div", {
|
|
60
60
|
"class": this.wrapperClass
|
|
61
61
|
}, [defaultSlots]);
|
|
@@ -28,7 +28,7 @@ var CardBodyVue2 = {
|
|
|
28
28
|
},
|
|
29
29
|
render: function render(createElement) {
|
|
30
30
|
var h = gh || createElement;
|
|
31
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
31
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
32
32
|
return h("div", {
|
|
33
33
|
"class": 'k-card-body'
|
|
34
34
|
}, [defaultSlots]);
|
|
@@ -28,7 +28,7 @@ var CardFooterVue2 = {
|
|
|
28
28
|
},
|
|
29
29
|
render: function render(createElement) {
|
|
30
30
|
var h = gh || createElement;
|
|
31
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
31
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
32
32
|
return h("div", {
|
|
33
33
|
"class": 'k-card-footer'
|
|
34
34
|
}, [defaultSlots]);
|
|
@@ -28,7 +28,7 @@ var CardHeaderVue2 = {
|
|
|
28
28
|
},
|
|
29
29
|
render: function render(createElement) {
|
|
30
30
|
var h = gh || createElement;
|
|
31
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
31
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
32
32
|
return h("div", {
|
|
33
33
|
"class": 'k-card-header'
|
|
34
34
|
}, [defaultSlots]);
|
|
@@ -31,7 +31,7 @@ var CardImageVue2 = {
|
|
|
31
31
|
},
|
|
32
32
|
render: function render(createElement) {
|
|
33
33
|
var h = gh || createElement;
|
|
34
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
34
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
35
35
|
return h("img", {
|
|
36
36
|
"class": 'k-card-image',
|
|
37
37
|
src: this.$props.src,
|
|
@@ -28,7 +28,7 @@ var CardSubtitleVue2 = {
|
|
|
28
28
|
},
|
|
29
29
|
render: function render(createElement) {
|
|
30
30
|
var h = gh || createElement;
|
|
31
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
31
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
32
32
|
return h("div", {
|
|
33
33
|
"class": 'k-card-subtitle'
|
|
34
34
|
}, [defaultSlots]);
|
|
@@ -28,7 +28,7 @@ var CardTitleVue2 = {
|
|
|
28
28
|
},
|
|
29
29
|
render: function render(createElement) {
|
|
30
30
|
var h = gh || createElement;
|
|
31
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
31
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
32
32
|
return h("div", {
|
|
33
33
|
"class": 'k-card-title'
|
|
34
34
|
}, [defaultSlots]);
|
|
@@ -67,7 +67,7 @@ var DrawerVue2 = {
|
|
|
67
67
|
}
|
|
68
68
|
},
|
|
69
69
|
created: function created() {
|
|
70
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
70
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
71
71
|
},
|
|
72
72
|
data: function data() {
|
|
73
73
|
var _a = this.$props,
|
|
@@ -98,7 +98,7 @@ var DrawerVue2 = {
|
|
|
98
98
|
};
|
|
99
99
|
},
|
|
100
100
|
mounted: function mounted() {
|
|
101
|
-
this.currentDir = kendo_vue_common_1.getDir(this.$el, this.$props.dir);
|
|
101
|
+
this.currentDir = (0, kendo_vue_common_1.getDir)(this.$el, this.$props.dir);
|
|
102
102
|
},
|
|
103
103
|
updated: function updated() {
|
|
104
104
|
var _a = this.$props,
|
|
@@ -153,7 +153,7 @@ var DrawerVue2 = {
|
|
|
153
153
|
// @ts-ignore
|
|
154
154
|
render: function render(createElement) {
|
|
155
155
|
var h = gh || createElement;
|
|
156
|
-
var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
|
|
156
|
+
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
157
157
|
var _a = this.$props,
|
|
158
158
|
items = _a.items,
|
|
159
159
|
tabIndex = _a.tabIndex,
|
|
@@ -29,7 +29,7 @@ var DrawerContentVue2 = {
|
|
|
29
29
|
// @ts-ignore
|
|
30
30
|
render: function render(createElement) {
|
|
31
31
|
var h = gh || createElement;
|
|
32
|
-
var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
|
|
32
|
+
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
33
33
|
return h("div", {
|
|
34
34
|
"class": 'k-drawer-content'
|
|
35
35
|
}, [defaultSlot]);
|
|
@@ -75,7 +75,7 @@ var DrawerItemVue2 = {
|
|
|
75
75
|
// @ts-ignore
|
|
76
76
|
render: function render(createElement) {
|
|
77
77
|
var h = gh || createElement;
|
|
78
|
-
var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
|
|
78
|
+
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
79
79
|
var _a = this.$props,
|
|
80
80
|
text = _a.text,
|
|
81
81
|
icon = _a.icon,
|
|
@@ -100,7 +100,7 @@ var DrawerItemVue2 = {
|
|
|
100
100
|
role: "option",
|
|
101
101
|
"aria-selected": selected,
|
|
102
102
|
"aria-disabled": disabled,
|
|
103
|
-
tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled)
|
|
103
|
+
tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled)
|
|
104
104
|
},
|
|
105
105
|
"aria-selected": selected,
|
|
106
106
|
"aria-disabled": disabled,
|
|
@@ -108,7 +108,7 @@ var DrawerItemVue2 = {
|
|
|
108
108
|
on: this.v3 ? undefined : {
|
|
109
109
|
"click": this.handleClick
|
|
110
110
|
},
|
|
111
|
-
tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled)
|
|
111
|
+
tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled)
|
|
112
112
|
}, [!item ? [icon && h("span", {
|
|
113
113
|
"class": 'k-icon ' + icon
|
|
114
114
|
}), !expanded && mini ? null : h("span", {
|
|
@@ -92,7 +92,7 @@ var DrawerNavigationVue2 = {
|
|
|
92
92
|
// @ts-ignore
|
|
93
93
|
render: function render(createElement) {
|
|
94
94
|
var h = gh || createElement;
|
|
95
|
-
var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
|
|
95
|
+
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
96
96
|
var _a = this.kendoDrawer,
|
|
97
97
|
animation = _a.animation,
|
|
98
98
|
expanded = _a.expanded,
|
package/dist/npm/main.js
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
8
12
|
}));
|
|
9
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
15
|
};
|
|
12
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
17
|
__exportStar(require("./tabstrip/TabStrip"), exports);
|
|
@@ -74,19 +74,19 @@ var MenuVue2 = {
|
|
|
74
74
|
customCloseItemIds: Array
|
|
75
75
|
},
|
|
76
76
|
created: function created() {
|
|
77
|
-
kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
|
|
77
|
+
(0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
78
78
|
this.mouseOverHandler = new MouseOverHandler_1.MouseOverHandler(this.$props.openOnClick, this.reset, this.onItemMouseOver); // private itemHoverRequest: any;
|
|
79
79
|
// private itemLeaveRequest: any;
|
|
80
80
|
// private menuWrapperEl: any;
|
|
81
81
|
|
|
82
|
-
this.guid = kendo_vue_common_2.guid();
|
|
82
|
+
this.guid = (0, kendo_vue_common_2.guid)();
|
|
83
83
|
this.directionHolder = new DirectionHolder_1.DirectionHolder();
|
|
84
84
|
this.inputItems = [];
|
|
85
85
|
this.currentItems = []; // private mouseOverHandler: MouseOverHandler;
|
|
86
86
|
},
|
|
87
87
|
mounted: function mounted() {
|
|
88
88
|
this.isFirstRender = false;
|
|
89
|
-
this.menuWrapperEl = kendo_vue_common_1.getRef(this, 'menuWrapper');
|
|
89
|
+
this.menuWrapperEl = (0, kendo_vue_common_1.getRef)(this, 'menuWrapper');
|
|
90
90
|
},
|
|
91
91
|
updated: function updated() {
|
|
92
92
|
// Reset the Menu upon big UI changes
|
|
@@ -140,10 +140,10 @@ var MenuVue2 = {
|
|
|
140
140
|
this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
var lastItemIdToBeOpened = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? itemsIdsUtils_1.getDirectParentId(this.focusedItemId) : itemsIdsUtils_1.EMPTY_ID;
|
|
143
|
+
var lastItemIdToBeOpened = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? (0, itemsIdsUtils_1.getDirectParentId)(this.focusedItemId) : itemsIdsUtils_1.EMPTY_ID;
|
|
144
144
|
return h("div", {
|
|
145
145
|
"class": this.getMenuWrapperClassName(),
|
|
146
|
-
ref: kendo_vue_common_1.setRef(this, 'menuWrapper')
|
|
146
|
+
ref: (0, kendo_vue_common_1.setRef)(this, 'menuWrapper')
|
|
147
147
|
}, [// @ts-ignore
|
|
148
148
|
h(MenuItemInternalsList_1.MenuItemInternalsList, {
|
|
149
149
|
"class": this.menuClassName,
|
|
@@ -200,8 +200,8 @@ var MenuVue2 = {
|
|
|
200
200
|
// The focusedItemId may be empty when contentRender is used.
|
|
201
201
|
// For example, content with input.
|
|
202
202
|
if (this.focusedItemId !== itemsIdsUtils_1.EMPTY_ID) {
|
|
203
|
-
var currentItem = itemsIdsUtils_1.getItemById(this.focusedItemId, this.currentItems);
|
|
204
|
-
var newItemId = getNewItemIdUponKeyboardNavigation_1.getNewItemIdUponKeyboardNavigation(this.currentItems, currentItem.id, event.keyCode, event.key, this.$props.vertical, this.directionHolder.getIsDirectionRightToLeft());
|
|
203
|
+
var currentItem = (0, itemsIdsUtils_1.getItemById)(this.focusedItemId, this.currentItems);
|
|
204
|
+
var newItemId = (0, getNewItemIdUponKeyboardNavigation_1.getNewItemIdUponKeyboardNavigation)(this.currentItems, currentItem.id, event.keyCode, event.key, this.$props.vertical, this.directionHolder.getIsDirectionRightToLeft());
|
|
205
205
|
|
|
206
206
|
if (currentItem.id !== newItemId) {
|
|
207
207
|
event.preventDefault();
|
|
@@ -227,7 +227,7 @@ var MenuVue2 = {
|
|
|
227
227
|
this.itemHoverRequest = window.setTimeout(function () {
|
|
228
228
|
that_1.setHoveredItemId(itemId);
|
|
229
229
|
that_1.itemHoverRequest = null;
|
|
230
|
-
}, hoverDelay_1.getHoverOpenDelay(__assign({}, this.$props)));
|
|
230
|
+
}, (0, hoverDelay_1.getHoverOpenDelay)(__assign({}, this.$props)));
|
|
231
231
|
}
|
|
232
232
|
},
|
|
233
233
|
onItemMouseLeave: function onItemMouseLeave(itemId) {
|
|
@@ -239,7 +239,7 @@ var MenuVue2 = {
|
|
|
239
239
|
this.itemLeaveRequest = window.setTimeout(function () {
|
|
240
240
|
that_2.setHoveredItemId(itemsIdsUtils_1.EMPTY_ID);
|
|
241
241
|
that_2.itemLeaveRequest = null;
|
|
242
|
-
}, hoverDelay_1.getHoverCloseDelay(__assign({}, this.$props)));
|
|
242
|
+
}, (0, hoverDelay_1.getHoverCloseDelay)(__assign({}, this.$props)));
|
|
243
243
|
}
|
|
244
244
|
},
|
|
245
245
|
onItemMouseDown: function onItemMouseDown() {
|
|
@@ -250,7 +250,7 @@ var MenuVue2 = {
|
|
|
250
250
|
this.mouseOverHandler.handleItemFocus();
|
|
251
251
|
},
|
|
252
252
|
onItemClick: function onItemClick(event, itemId) {
|
|
253
|
-
var item = itemsIdsUtils_1.getItemById(itemId, this.currentItems);
|
|
253
|
+
var item = (0, itemsIdsUtils_1.getItemById)(itemId, this.currentItems);
|
|
254
254
|
|
|
255
255
|
if (!item.disabled) {
|
|
256
256
|
this.setFocusedItemId(itemId);
|
|
@@ -268,17 +268,17 @@ var MenuVue2 = {
|
|
|
268
268
|
}
|
|
269
269
|
},
|
|
270
270
|
getInputItem: function getInputItem(itemId) {
|
|
271
|
-
return itemsIdsUtils_1.getItemById(itemId, this.inputItems);
|
|
271
|
+
return (0, itemsIdsUtils_1.getItemById)(itemId, this.inputItems);
|
|
272
272
|
},
|
|
273
273
|
setFocusedItemId: function setFocusedItemId(focusedItemId) {
|
|
274
|
-
var tabbableItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID ? this.tabbableItemId : itemsIdsUtils_1.getRootParentId(focusedItemId);
|
|
275
|
-
var hoveredItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID || itemsIdsUtils_1.isIdEmptyOrZeroLevel(this.hoveredItemId) && itemsIdsUtils_1.isIdEmptyOrZeroLevel(focusedItemId) ? this.hoveredItemId : itemsIdsUtils_1.EMPTY_ID;
|
|
274
|
+
var tabbableItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID ? this.tabbableItemId : (0, itemsIdsUtils_1.getRootParentId)(focusedItemId);
|
|
275
|
+
var hoveredItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID || (0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(this.hoveredItemId) && (0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(focusedItemId) ? this.hoveredItemId : itemsIdsUtils_1.EMPTY_ID;
|
|
276
276
|
this.hoveredItemId = hoveredItemId;
|
|
277
277
|
this.focusedItemId = focusedItemId;
|
|
278
278
|
this.tabbableItemId = tabbableItemId;
|
|
279
279
|
},
|
|
280
280
|
setHoveredItemId: function setHoveredItemId(hoveredItemId) {
|
|
281
|
-
if (itemsIdsUtils_1.isIdEmptyOrZeroLevel(hoveredItemId) && itemsIdsUtils_1.isIdEmptyOrZeroLevel(this.focusedItemId)) {
|
|
281
|
+
if ((0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(hoveredItemId) && (0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(this.focusedItemId)) {
|
|
282
282
|
this.hoveredItemId = hoveredItemId;
|
|
283
283
|
} else {
|
|
284
284
|
this.hoveredItemId = hoveredItemId;
|
|
@@ -62,7 +62,7 @@ var MenuItemArrowVue2 = {
|
|
|
62
62
|
getArrowClassName: function getArrowClassName() {
|
|
63
63
|
var _a;
|
|
64
64
|
|
|
65
|
-
var childrenPosition = misc_1.getChildrenPosition(this.$props.itemId, this.$props.verticalMenu === true, this.$props.dir === 'rtl');
|
|
65
|
+
var childrenPosition = (0, misc_1.getChildrenPosition)(this.$props.itemId, this.$props.verticalMenu === true, this.$props.dir === 'rtl');
|
|
66
66
|
return _a = {
|
|
67
67
|
'k-icon': true
|
|
68
68
|
}, _a[exports.downArrowClass] = childrenPosition === 'downward', _a[exports.rightArrowClass] = childrenPosition === 'rightward', _a[exports.leftArrowClass] = childrenPosition === 'leftward', _a;
|
|
@@ -58,7 +58,7 @@ var MenuItemInternalVue2 = {
|
|
|
58
58
|
this.itemElement = null;
|
|
59
59
|
this.prevFocusedItemId = this.$props.focusedItemId;
|
|
60
60
|
this.isFirstRender = true;
|
|
61
|
-
this._anchor = kendo_vue_common_1.guid();
|
|
61
|
+
this._anchor = (0, kendo_vue_common_1.guid)();
|
|
62
62
|
},
|
|
63
63
|
data: function data() {
|
|
64
64
|
return {
|
|
@@ -66,7 +66,7 @@ var MenuItemInternalVue2 = {
|
|
|
66
66
|
};
|
|
67
67
|
},
|
|
68
68
|
mounted: function mounted() {
|
|
69
|
-
this.itemElement = kendo_vue_common_1.getRef(this, 'kendoAnchor', this._anchor);
|
|
69
|
+
this.itemElement = (0, kendo_vue_common_1.getRef)(this, 'kendoAnchor', this._anchor);
|
|
70
70
|
var focusedItemId = this.$props.focusedItemId;
|
|
71
71
|
var currentItemId = this.$props.item.id; // If the menu item component has been just mounted due to
|
|
72
72
|
// keyboard navigation and it is the selected one.
|
|
@@ -110,7 +110,7 @@ var MenuItemInternalVue2 = {
|
|
|
110
110
|
},
|
|
111
111
|
currentOpened: function currentOpened() {
|
|
112
112
|
var props = this.$props;
|
|
113
|
-
return props.item.items.length > 0 && itemsIdsUtils_1.shouldOpenItem(props.item.id, props.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
|
|
113
|
+
return props.item.items.length > 0 && (0, itemsIdsUtils_1.shouldOpenItem)(props.item.id, props.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
|
|
114
114
|
// popup inside popup throws an error (for example, hover of item with id '0_0').
|
|
115
115
|
!this.isFirstRender;
|
|
116
116
|
},
|
|
@@ -120,7 +120,7 @@ var MenuItemInternalVue2 = {
|
|
|
120
120
|
return focusedItemId === currentItemId;
|
|
121
121
|
},
|
|
122
122
|
popupClassName: function popupClassName() {
|
|
123
|
-
return kendo_vue_common_1.classNames({
|
|
123
|
+
return (0, kendo_vue_common_1.classNames)({
|
|
124
124
|
'k-menu-popup': true,
|
|
125
125
|
'k-rtl': this.$props.isDirectionRightToLeft
|
|
126
126
|
});
|
|
@@ -132,7 +132,7 @@ var MenuItemInternalVue2 = {
|
|
|
132
132
|
return _a = {
|
|
133
133
|
'k-item': true,
|
|
134
134
|
'k-menu-item': true,
|
|
135
|
-
'k-first': itemsIdsUtils_1.isFirstItemFromSiblings(item.id),
|
|
135
|
+
'k-first': (0, itemsIdsUtils_1.isFirstItemFromSiblings)(item.id),
|
|
136
136
|
'k-last': item.isLastFromSiblings,
|
|
137
137
|
'k-disabled': item.disabled
|
|
138
138
|
}, _a[item.cssClass ? item.cssClass : ''] = item.cssClass, _a;
|
|
@@ -179,7 +179,7 @@ var MenuItemInternalVue2 = {
|
|
|
179
179
|
|
|
180
180
|
var renderMenuIconIfApplicable = function renderMenuIconIfApplicable() {
|
|
181
181
|
return this.$props.item.icon ? h("span", {
|
|
182
|
-
"class": "k-icon k-i-"
|
|
182
|
+
"class": "k-icon k-i-".concat(this.$props.item.icon),
|
|
183
183
|
role: "presentation",
|
|
184
184
|
attrs: this.v3 ? undefined : {
|
|
185
185
|
role: "presentation"
|
|
@@ -195,10 +195,10 @@ var MenuItemInternalVue2 = {
|
|
|
195
195
|
attrs: this.v3 ? undefined : {
|
|
196
196
|
itemId: this.$props.item.id,
|
|
197
197
|
verticalMenu: this.$props.isMenuVertical,
|
|
198
|
-
dir: misc_1.convertBoolDirectionToString(this.$props.isDirectionRightToLeft)
|
|
198
|
+
dir: (0, misc_1.convertBoolDirectionToString)(this.$props.isDirectionRightToLeft)
|
|
199
199
|
},
|
|
200
200
|
verticalMenu: this.$props.isMenuVertical,
|
|
201
|
-
dir: misc_1.convertBoolDirectionToString(this.$props.isDirectionRightToLeft),
|
|
201
|
+
dir: (0, misc_1.convertBoolDirectionToString)(this.$props.isDirectionRightToLeft),
|
|
202
202
|
key: "2"
|
|
203
203
|
}) : null;
|
|
204
204
|
};
|
|
@@ -242,7 +242,7 @@ var MenuItemInternalVue2 = {
|
|
|
242
242
|
item: originalItem,
|
|
243
243
|
itemId: item.id,
|
|
244
244
|
opened: this.currentOpened,
|
|
245
|
-
dir: misc_1.convertBoolDirectionToString(this.$props.isDirectionRightToLeft)
|
|
245
|
+
dir: (0, misc_1.convertBoolDirectionToString)(this.$props.isDirectionRightToLeft)
|
|
246
246
|
}
|
|
247
247
|
});
|
|
248
248
|
};
|
|
@@ -250,7 +250,7 @@ var MenuItemInternalVue2 = {
|
|
|
250
250
|
var renderPopupIfOpened = function renderPopupIfOpened() {
|
|
251
251
|
var _this3 = this;
|
|
252
252
|
|
|
253
|
-
var _a = misc_1.getPopupSettings(itemId, this.$props.isMenuVertical, this.$props.isDirectionRightToLeft),
|
|
253
|
+
var _a = (0, misc_1.getPopupSettings)(itemId, this.$props.isMenuVertical, this.$props.isDirectionRightToLeft),
|
|
254
254
|
anchorAlign = _a.anchorAlign,
|
|
255
255
|
popupAlign = _a.popupAlign,
|
|
256
256
|
collision = _a.collision;
|
|
@@ -376,7 +376,7 @@ var MenuItemInternalVue2 = {
|
|
|
376
376
|
"aria-haspopup": item.items.length > 0 ? true : undefined,
|
|
377
377
|
"aria-expanded": item.items.length > 0 ? this.currentOpened : undefined,
|
|
378
378
|
"aria-label": item.text,
|
|
379
|
-
"aria-owns": this.currentOpened ? misc_1.getDOMElementId(this.$props.menuGuid, itemId) : undefined
|
|
379
|
+
"aria-owns": this.currentOpened ? (0, misc_1.getDOMElementId)(this.$props.menuGuid, itemId) : undefined
|
|
380
380
|
},
|
|
381
381
|
onMouseover: this.onMouseOver,
|
|
382
382
|
on: this.v3 ? undefined : {
|
|
@@ -415,8 +415,8 @@ var MenuItemInternalVue2 = {
|
|
|
415
415
|
"aria-haspopup": item.items.length > 0 ? true : undefined,
|
|
416
416
|
"aria-expanded": item.items.length > 0 ? this.currentOpened : undefined,
|
|
417
417
|
"aria-label": item.text,
|
|
418
|
-
"aria-owns": this.currentOpened ? misc_1.getDOMElementId(this.$props.menuGuid, itemId) : undefined,
|
|
419
|
-
ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this._anchor),
|
|
418
|
+
"aria-owns": this.currentOpened ? (0, misc_1.getDOMElementId)(this.$props.menuGuid, itemId) : undefined,
|
|
419
|
+
ref: (0, kendo_vue_common_1.setRef)(this, 'kendoAnchor', this._anchor),
|
|
420
420
|
key: "0"
|
|
421
421
|
}, [this.contentRender ? renderContent.call(this) : renderMenuItemLink.call(this), renderPopupIfOpened.call(this)]);
|
|
422
422
|
},
|
|
@@ -110,9 +110,9 @@ var MenuItemInternalsListVue2 = {
|
|
|
110
110
|
role: parentItemId !== undefined ? 'menu' : 'menubar',
|
|
111
111
|
attrs: this.v3 ? undefined : {
|
|
112
112
|
role: parentItemId !== undefined ? 'menu' : 'menubar',
|
|
113
|
-
id: parentItemId !== undefined ? misc_1.getDOMElementId(this.$props.menuGuid, parentItemId) : undefined
|
|
113
|
+
id: parentItemId !== undefined ? (0, misc_1.getDOMElementId)(this.$props.menuGuid, parentItemId) : undefined
|
|
114
114
|
},
|
|
115
|
-
id: parentItemId !== undefined ? misc_1.getDOMElementId(this.$props.menuGuid, parentItemId) : undefined
|
|
115
|
+
id: parentItemId !== undefined ? (0, misc_1.getDOMElementId)(this.$props.menuGuid, parentItemId) : undefined
|
|
116
116
|
}, [renderChildItems.call(this)]);
|
|
117
117
|
},
|
|
118
118
|
methods: {
|
|
@@ -43,7 +43,7 @@ var MenuItemLinkVue2 = {
|
|
|
43
43
|
},
|
|
44
44
|
render: function render(createElement) {
|
|
45
45
|
var h = gh || createElement;
|
|
46
|
-
var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
|
|
46
|
+
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
47
47
|
|
|
48
48
|
if (this.$props.url) {
|
|
49
49
|
return h("a", {
|
|
@@ -55,7 +55,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
|
|
|
55
55
|
return getNextSiblingId();
|
|
56
56
|
}
|
|
57
57
|
else {
|
|
58
|
-
if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
|
|
58
|
+
if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
|
|
59
59
|
return getFirstChildIdForEnabledItemOrGetSameId();
|
|
60
60
|
}
|
|
61
61
|
else {
|
|
@@ -68,7 +68,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
|
|
|
68
68
|
return getPrevSiblingId();
|
|
69
69
|
}
|
|
70
70
|
else {
|
|
71
|
-
if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
|
|
71
|
+
if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
|
|
72
72
|
return getLastChildIdForEnabledItemOrGetSameId();
|
|
73
73
|
}
|
|
74
74
|
else {
|
|
@@ -81,7 +81,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
|
|
|
81
81
|
return sourceItemId;
|
|
82
82
|
}
|
|
83
83
|
else {
|
|
84
|
-
return hasChildren() ? itemsIdsUtils_1.getFirstChildId(sourceItemId) : itemsIdsUtils_1.getRootParentId(sourceItemId);
|
|
84
|
+
return hasChildren() ? (0, itemsIdsUtils_1.getFirstChildId)(sourceItemId) : (0, itemsIdsUtils_1.getRootParentId)(sourceItemId);
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
function getIdUponHomeKey() {
|
|
@@ -92,12 +92,12 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
|
|
|
92
92
|
return siblings[siblings.length - 1].id;
|
|
93
93
|
}
|
|
94
94
|
function getIdUponEscKey() {
|
|
95
|
-
return itemsIdsUtils_1.isIdZeroLevel(sourceItemId) ? sourceItemId : itemsIdsUtils_1.getDirectParentId(sourceItemId);
|
|
95
|
+
return (0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId) ? sourceItemId : (0, itemsIdsUtils_1.getDirectParentId)(sourceItemId);
|
|
96
96
|
}
|
|
97
97
|
function getIdUponSearchByChar() {
|
|
98
98
|
var searchChar = key.toLowerCase();
|
|
99
99
|
var siblings = getSiblings();
|
|
100
|
-
var currentItemIndex = Number(itemsIdsUtils_1.getShortId(sourceItemId));
|
|
100
|
+
var currentItemIndex = Number((0, itemsIdsUtils_1.getShortId)(sourceItemId));
|
|
101
101
|
var itemsToSearch = siblings.slice(currentItemIndex + 1).concat(siblings.slice(0, currentItemIndex + 1));
|
|
102
102
|
var matchedSibling = itemsToSearch.find(function (item) {
|
|
103
103
|
return (item.text || '').toLowerCase().startsWith(searchChar);
|
|
@@ -106,37 +106,37 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
|
|
|
106
106
|
}
|
|
107
107
|
// #region Left Key Internals
|
|
108
108
|
function getIdUponLeftKeyForHorizontalMenu() {
|
|
109
|
-
if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
|
|
109
|
+
if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
|
|
110
110
|
return getPrevSiblingId();
|
|
111
111
|
}
|
|
112
|
-
else if (itemsIdsUtils_1.isIdFirstLevel(sourceItemId)) {
|
|
113
|
-
return getFirstChildIdForEnabledItemOrGetSameId(getPrevSiblingId(itemsIdsUtils_1.getRootParentId(sourceItemId)));
|
|
112
|
+
else if ((0, itemsIdsUtils_1.isIdFirstLevel)(sourceItemId)) {
|
|
113
|
+
return getFirstChildIdForEnabledItemOrGetSameId(getPrevSiblingId((0, itemsIdsUtils_1.getRootParentId)(sourceItemId)));
|
|
114
114
|
}
|
|
115
115
|
else {
|
|
116
|
-
return itemsIdsUtils_1.getDirectParentId(sourceItemId);
|
|
116
|
+
return (0, itemsIdsUtils_1.getDirectParentId)(sourceItemId);
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
function getIdUponLeftKeyForVerticalMenu() {
|
|
120
|
-
if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
|
|
120
|
+
if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
|
|
121
121
|
return getLastChildIdForEnabledItemOrGetSameId();
|
|
122
122
|
}
|
|
123
123
|
else {
|
|
124
|
-
return itemsIdsUtils_1.getDirectParentId(sourceItemId);
|
|
124
|
+
return (0, itemsIdsUtils_1.getDirectParentId)(sourceItemId);
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
127
|
// #endregion
|
|
128
128
|
// #region Right Key Internals
|
|
129
129
|
function getIdUponRightKeyForHorizontalMenu() {
|
|
130
|
-
if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
|
|
130
|
+
if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
|
|
131
131
|
return getNextSiblingId();
|
|
132
132
|
}
|
|
133
133
|
else {
|
|
134
|
-
return getFirstChildIdForEnabledItemOrGetSameId(hasChildren() ? sourceItemId : getNextSiblingId(itemsIdsUtils_1.getRootParentId(sourceItemId)));
|
|
134
|
+
return getFirstChildIdForEnabledItemOrGetSameId(hasChildren() ? sourceItemId : getNextSiblingId((0, itemsIdsUtils_1.getRootParentId)(sourceItemId)));
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
137
|
function getIdUponRightKeyForVerticalMenu() {
|
|
138
|
-
return getFirstChildIdForEnabledItemOrGetSameId(itemsIdsUtils_1.isIdZeroLevel(sourceItemId) || hasChildren() ?
|
|
139
|
-
sourceItemId : getNextSiblingId(itemsIdsUtils_1.getRootParentId(sourceItemId)));
|
|
138
|
+
return getFirstChildIdForEnabledItemOrGetSameId((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId) || hasChildren() ?
|
|
139
|
+
sourceItemId : getNextSiblingId((0, itemsIdsUtils_1.getRootParentId)(sourceItemId)));
|
|
140
140
|
}
|
|
141
141
|
// #endregion
|
|
142
142
|
// #region Utils
|
|
@@ -156,7 +156,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
|
|
|
156
156
|
if (items === undefined) {
|
|
157
157
|
items = sourceItems;
|
|
158
158
|
}
|
|
159
|
-
return itemsIdsUtils_1.getItemById(itemId, items);
|
|
159
|
+
return (0, itemsIdsUtils_1.getItemById)(itemId, items);
|
|
160
160
|
}
|
|
161
161
|
function hasChildren(itemId) {
|
|
162
162
|
return getItemById(itemId).items.length > 0;
|
|
@@ -172,8 +172,8 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
|
|
|
172
172
|
return itemChildren[itemChildren.length - 1].id;
|
|
173
173
|
}
|
|
174
174
|
function getSiblings() {
|
|
175
|
-
return itemsIdsUtils_1.isIdZeroLevel(sourceItemId) ?
|
|
176
|
-
sourceItems : getItemById(itemsIdsUtils_1.getDirectParentId(sourceItemId), sourceItems).items;
|
|
175
|
+
return (0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId) ?
|
|
176
|
+
sourceItems : getItemById((0, itemsIdsUtils_1.getDirectParentId)(sourceItemId), sourceItems).items;
|
|
177
177
|
}
|
|
178
178
|
function getFirstOrLastChildIdForEnabledItemOrGetSameId(getFirstChild, itemId) {
|
|
179
179
|
if (itemId === undefined) {
|
|
@@ -181,7 +181,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
|
|
|
181
181
|
}
|
|
182
182
|
var item = getItemById(itemId);
|
|
183
183
|
if (hasChildren(itemId) && !item.disabled) {
|
|
184
|
-
return getFirstChild ? itemsIdsUtils_1.getFirstChildId(itemId) : getLastChildId(itemId);
|
|
184
|
+
return getFirstChild ? (0, itemsIdsUtils_1.getFirstChildId)(itemId) : getLastChildId(itemId);
|
|
185
185
|
}
|
|
186
186
|
else {
|
|
187
187
|
return itemId;
|
|
@@ -191,14 +191,14 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
|
|
|
191
191
|
if (itemId === undefined) {
|
|
192
192
|
itemId = sourceItemId;
|
|
193
193
|
}
|
|
194
|
-
if (itemsIdsUtils_1.isIdZeroLevel(itemId)) {
|
|
195
|
-
return itemsIdsUtils_1.getDirectSiblingIdForLevelZero(next, itemId, sourceItems.length);
|
|
194
|
+
if ((0, itemsIdsUtils_1.isIdZeroLevel)(itemId)) {
|
|
195
|
+
return (0, itemsIdsUtils_1.getDirectSiblingIdForLevelZero)(next, itemId, sourceItems.length);
|
|
196
196
|
}
|
|
197
197
|
else {
|
|
198
|
-
var directParentId = itemsIdsUtils_1.getDirectParentId(itemId);
|
|
199
|
-
var shortId = itemsIdsUtils_1.getShortId(itemId);
|
|
198
|
+
var directParentId = (0, itemsIdsUtils_1.getDirectParentId)(itemId);
|
|
199
|
+
var shortId = (0, itemsIdsUtils_1.getShortId)(itemId);
|
|
200
200
|
var siblingsCount = getItemById(directParentId).items.length;
|
|
201
|
-
return itemsIdsUtils_1.createId(itemsIdsUtils_1.getDirectSiblingIdForLevelZero(next, shortId, siblingsCount), directParentId);
|
|
201
|
+
return (0, itemsIdsUtils_1.createId)((0, itemsIdsUtils_1.getDirectSiblingIdForLevelZero)(next, shortId, siblingsCount), directParentId);
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
204
|
// #endregion
|
|
@@ -20,7 +20,7 @@ exports.getPopupSettings = getPopupSettings;
|
|
|
20
20
|
* @hidden
|
|
21
21
|
*/
|
|
22
22
|
function getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft) {
|
|
23
|
-
if (itemsIdsUtils_1.isIdZeroLevel(itemId)) {
|
|
23
|
+
if ((0, itemsIdsUtils_1.isIdZeroLevel)(itemId)) {
|
|
24
24
|
if (isMenuVertical) {
|
|
25
25
|
return isDirectionRightToLeft ? 'leftward' : 'rightward';
|
|
26
26
|
}
|
|
@@ -44,6 +44,6 @@ exports.convertBoolDirectionToString = convertBoolDirectionToString;
|
|
|
44
44
|
* @hidden
|
|
45
45
|
*/
|
|
46
46
|
function getDOMElementId(menuGuid, itemId) {
|
|
47
|
-
return menuGuid
|
|
47
|
+
return "".concat(menuGuid, "_").concat(itemId);
|
|
48
48
|
}
|
|
49
49
|
exports.getDOMElementId = getDOMElementId;
|
|
@@ -58,7 +58,7 @@ function convertInputModelsToInternalOnesHelper(inputModels, parentId) {
|
|
|
58
58
|
for (var index = 0; index < inputModels.length; index++) {
|
|
59
59
|
var inputModel = inputModels[index];
|
|
60
60
|
var internalModel = copyInputItemWithoutChildren.call(this, inputModel);
|
|
61
|
-
internalModel.id = itemsIdsUtils_1.createId(index.toString(), parentId);
|
|
61
|
+
internalModel.id = (0, itemsIdsUtils_1.createId)(index.toString(), parentId);
|
|
62
62
|
internalModel.isLastFromSiblings = index === inputModels.length - 1;
|
|
63
63
|
internalModel.items = copyOrCreateModelChildren.call(this, inputModel, internalModel);
|
|
64
64
|
result.push(internalModel);
|
|
@@ -69,7 +69,7 @@ function copyOrCreateModelChildren(inputModel, internalModel) {
|
|
|
69
69
|
if (inputModel.contentRender) {
|
|
70
70
|
return [{
|
|
71
71
|
contentParentItemId: internalModel.id,
|
|
72
|
-
id: itemsIdsUtils_1.createId(itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
|
|
72
|
+
id: (0, itemsIdsUtils_1.createId)(itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
|
|
73
73
|
isLastFromSiblings: true,
|
|
74
74
|
contentRender: kendo_vue_common_1.templateRendering.call(this, inputModel.contentRender, kendo_vue_common_1.getListeners.call(this)),
|
|
75
75
|
items: []
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-layout',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1660123933,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|