@progress/kendo-vue-layout 2.5.1 → 2.5.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.
Files changed (80) hide show
  1. package/dist/cdn/js/kendo-vue-layout.js +1 -1
  2. package/dist/es/main.d.ts +5 -0
  3. package/dist/es/main.js +5 -0
  4. package/dist/es/menu/BaseMenuItemInternalProps.d.ts +20 -0
  5. package/dist/es/menu/BaseMenuItemInternalProps.js +0 -0
  6. package/dist/es/menu/MenuProps.d.ts +51 -0
  7. package/dist/es/menu/MenuProps.js +1 -0
  8. package/dist/es/menu/components/Menu.d.ts +68 -0
  9. package/dist/es/menu/components/Menu.js +301 -0
  10. package/dist/es/menu/components/MenuItemArrow.d.ts +65 -0
  11. package/dist/es/menu/components/MenuItemArrow.js +59 -0
  12. package/dist/es/menu/components/MenuItemInternal.d.ts +55 -0
  13. package/dist/es/menu/components/MenuItemInternal.js +437 -0
  14. package/dist/es/menu/components/MenuItemInternalsList.d.ts +44 -0
  15. package/dist/es/menu/components/MenuItemInternalsList.js +147 -0
  16. package/dist/es/menu/components/MenuItemLink.d.ts +49 -0
  17. package/dist/es/menu/components/MenuItemLink.js +57 -0
  18. package/dist/es/menu/consts.d.ts +54 -0
  19. package/dist/es/menu/consts.js +70 -0
  20. package/dist/es/menu/events.d.ts +14 -0
  21. package/dist/es/menu/events.js +1 -0
  22. package/dist/es/menu/models/BaseMenuItem.d.ts +45 -0
  23. package/dist/es/menu/models/BaseMenuItem.js +1 -0
  24. package/dist/es/menu/models/MenuItemModel.d.ts +19 -0
  25. package/dist/es/menu/models/MenuItemModel.js +0 -0
  26. package/dist/es/menu/utils/DirectionHolder.d.ts +11 -0
  27. package/dist/es/menu/utils/DirectionHolder.js +24 -0
  28. package/dist/es/menu/utils/MouseOverHandler.d.ts +17 -0
  29. package/dist/es/menu/utils/MouseOverHandler.js +64 -0
  30. package/dist/es/menu/utils/getNewItemIdUponKeyboardNavigation.d.ts +7 -0
  31. package/dist/es/menu/utils/getNewItemIdUponKeyboardNavigation.js +202 -0
  32. package/dist/es/menu/utils/hoverDelay.d.ts +9 -0
  33. package/dist/es/menu/utils/hoverDelay.js +17 -0
  34. package/dist/es/menu/utils/itemsIdsUtils.d.ts +64 -0
  35. package/dist/es/menu/utils/itemsIdsUtils.js +119 -0
  36. package/dist/es/menu/utils/misc.d.ts +16 -0
  37. package/dist/es/menu/utils/misc.js +42 -0
  38. package/dist/es/menu/utils/prepareInputItemsForInternalWork.d.ts +5 -0
  39. package/dist/es/menu/utils/prepareInputItemsForInternalWork.js +80 -0
  40. package/dist/es/package-metadata.js +1 -1
  41. package/dist/npm/main.d.ts +5 -0
  42. package/dist/npm/main.js +5 -0
  43. package/dist/npm/menu/BaseMenuItemInternalProps.d.ts +20 -0
  44. package/dist/npm/menu/BaseMenuItemInternalProps.js +2 -0
  45. package/dist/npm/menu/MenuProps.d.ts +51 -0
  46. package/dist/npm/menu/MenuProps.js +5 -0
  47. package/dist/npm/menu/components/Menu.d.ts +68 -0
  48. package/dist/npm/menu/components/Menu.js +320 -0
  49. package/dist/npm/menu/components/MenuItemArrow.d.ts +65 -0
  50. package/dist/npm/menu/components/MenuItemArrow.js +69 -0
  51. package/dist/npm/menu/components/MenuItemInternal.d.ts +55 -0
  52. package/dist/npm/menu/components/MenuItemInternal.js +453 -0
  53. package/dist/npm/menu/components/MenuItemInternalsList.d.ts +44 -0
  54. package/dist/npm/menu/components/MenuItemInternalsList.js +158 -0
  55. package/dist/npm/menu/components/MenuItemLink.d.ts +49 -0
  56. package/dist/npm/menu/components/MenuItemLink.js +67 -0
  57. package/dist/npm/menu/consts.d.ts +54 -0
  58. package/dist/npm/menu/consts.js +73 -0
  59. package/dist/npm/menu/events.d.ts +14 -0
  60. package/dist/npm/menu/events.js +3 -0
  61. package/dist/npm/menu/models/BaseMenuItem.d.ts +45 -0
  62. package/dist/npm/menu/models/BaseMenuItem.js +3 -0
  63. package/dist/npm/menu/models/MenuItemModel.d.ts +19 -0
  64. package/dist/npm/menu/models/MenuItemModel.js +2 -0
  65. package/dist/npm/menu/utils/DirectionHolder.d.ts +11 -0
  66. package/dist/npm/menu/utils/DirectionHolder.js +27 -0
  67. package/dist/npm/menu/utils/MouseOverHandler.d.ts +17 -0
  68. package/dist/npm/menu/utils/MouseOverHandler.js +67 -0
  69. package/dist/npm/menu/utils/getNewItemIdUponKeyboardNavigation.d.ts +7 -0
  70. package/dist/npm/menu/utils/getNewItemIdUponKeyboardNavigation.js +206 -0
  71. package/dist/npm/menu/utils/hoverDelay.d.ts +9 -0
  72. package/dist/npm/menu/utils/hoverDelay.js +22 -0
  73. package/dist/npm/menu/utils/itemsIdsUtils.d.ts +64 -0
  74. package/dist/npm/menu/utils/itemsIdsUtils.js +135 -0
  75. package/dist/npm/menu/utils/misc.d.ts +16 -0
  76. package/dist/npm/menu/utils/misc.js +49 -0
  77. package/dist/npm/menu/utils/prepareInputItemsForInternalWork.d.ts +5 -0
  78. package/dist/npm/menu/utils/prepareInputItemsForInternalWork.js +84 -0
  79. package/dist/npm/package-metadata.js +1 -1
  80. package/package.json +9 -9
@@ -0,0 +1,64 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ export declare const EMPTY_ID = "";
5
+ /**
6
+ * @hidden
7
+ */
8
+ export declare const ZERO_LEVEL_ZERO_ITEM_ID = "0";
9
+ /**
10
+ * @hidden
11
+ */
12
+ export declare const SEPARATOR = "_";
13
+ /**
14
+ * @hidden
15
+ */
16
+ export declare function getItemById(itemId: string, items: any): any;
17
+ /**
18
+ * @hidden
19
+ */
20
+ export declare function getRootParentId(itemId: string): string;
21
+ /**
22
+ * @hidden
23
+ */
24
+ export declare function getIdWithoutRootParentId(itemId: string): string;
25
+ /**
26
+ * @hidden
27
+ */
28
+ export declare function getFirstChildId(itemId: string): string;
29
+ /**
30
+ * @hidden
31
+ */
32
+ export declare function shouldOpenItem(itemId: string, lastItemIdToBeOpened: string): boolean;
33
+ /**
34
+ * @hidden
35
+ */
36
+ export declare function createId(childId: string, parentId?: string): string;
37
+ /**
38
+ * @hidden
39
+ */
40
+ export declare function getDirectParentId(itemId: string): string;
41
+ /**
42
+ * @hidden
43
+ */
44
+ export declare function isIdEmptyOrZeroLevel(itemId: string): boolean;
45
+ /**
46
+ * @hidden
47
+ */
48
+ export declare function isIdZeroLevel(itemId: string): boolean;
49
+ /**
50
+ * @hidden
51
+ */
52
+ export declare function isIdFirstLevel(itemId: string): boolean;
53
+ /**
54
+ * @hidden
55
+ */
56
+ export declare function isFirstItemFromSiblings(itemId: string): boolean;
57
+ /**
58
+ * @hidden
59
+ */
60
+ export declare function getShortId(itemId: string): string;
61
+ /**
62
+ * @hidden
63
+ */
64
+ export declare function getDirectSiblingIdForLevelZero(next: boolean, shortItemId: string, siblingsCount: number): string;
@@ -0,0 +1,135 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getDirectSiblingIdForLevelZero = exports.getShortId = exports.isFirstItemFromSiblings = exports.isIdFirstLevel = exports.isIdZeroLevel = exports.isIdEmptyOrZeroLevel = exports.getDirectParentId = exports.createId = exports.shouldOpenItem = exports.getFirstChildId = exports.getIdWithoutRootParentId = exports.getRootParentId = exports.getItemById = exports.SEPARATOR = exports.ZERO_LEVEL_ZERO_ITEM_ID = exports.EMPTY_ID = void 0;
4
+ /**
5
+ * @hidden
6
+ */
7
+ exports.EMPTY_ID = '';
8
+ /**
9
+ * @hidden
10
+ */
11
+ exports.ZERO_LEVEL_ZERO_ITEM_ID = '0';
12
+ /**
13
+ * @hidden
14
+ */
15
+ exports.SEPARATOR = '_';
16
+ /**
17
+ * @hidden
18
+ */
19
+ function getItemById(itemId, items) {
20
+ if (isIdZeroLevel(itemId)) {
21
+ return items[Number(itemId)];
22
+ }
23
+ else {
24
+ var rootParentItem = items[Number(getRootParentId(itemId))];
25
+ return rootParentItem.items ?
26
+ getItemById(getIdWithoutRootParentId(itemId), rootParentItem.items) : undefined;
27
+ }
28
+ }
29
+ exports.getItemById = getItemById;
30
+ /**
31
+ * @hidden
32
+ */
33
+ function getRootParentId(itemId) {
34
+ return isIdEmptyOrZeroLevel(itemId) ? itemId : itemId.split(exports.SEPARATOR)[0];
35
+ }
36
+ exports.getRootParentId = getRootParentId;
37
+ /**
38
+ * @hidden
39
+ */
40
+ function getIdWithoutRootParentId(itemId) {
41
+ if (isIdEmptyOrZeroLevel(itemId)) {
42
+ return itemId;
43
+ }
44
+ else {
45
+ var firstSeparatorIndex = itemId.indexOf(exports.SEPARATOR);
46
+ return itemId.substring(firstSeparatorIndex + 1);
47
+ }
48
+ }
49
+ exports.getIdWithoutRootParentId = getIdWithoutRootParentId;
50
+ /**
51
+ * @hidden
52
+ */
53
+ function getFirstChildId(itemId) {
54
+ return createId('0', itemId);
55
+ }
56
+ exports.getFirstChildId = getFirstChildId;
57
+ /**
58
+ * @hidden
59
+ */
60
+ function shouldOpenItem(itemId, lastItemIdToBeOpened) {
61
+ if (lastItemIdToBeOpened.indexOf(itemId) === 0) {
62
+ return lastItemIdToBeOpened.length === itemId.length ||
63
+ lastItemIdToBeOpened.charAt(itemId.length) === exports.SEPARATOR;
64
+ }
65
+ else {
66
+ return false;
67
+ }
68
+ }
69
+ exports.shouldOpenItem = shouldOpenItem;
70
+ /**
71
+ * @hidden
72
+ */
73
+ function createId(childId, parentId) {
74
+ return parentId ? parentId + exports.SEPARATOR + childId : childId;
75
+ }
76
+ exports.createId = createId;
77
+ /**
78
+ * @hidden
79
+ */
80
+ function getDirectParentId(itemId) {
81
+ var lastSeparatorIndex = itemId.lastIndexOf(exports.SEPARATOR);
82
+ return lastSeparatorIndex < 0 ? exports.EMPTY_ID : itemId.substring(0, lastSeparatorIndex);
83
+ }
84
+ exports.getDirectParentId = getDirectParentId;
85
+ /**
86
+ * @hidden
87
+ */
88
+ function isIdEmptyOrZeroLevel(itemId) {
89
+ return itemId === exports.EMPTY_ID || itemId.indexOf(exports.SEPARATOR) < 0;
90
+ }
91
+ exports.isIdEmptyOrZeroLevel = isIdEmptyOrZeroLevel;
92
+ /**
93
+ * @hidden
94
+ */
95
+ function isIdZeroLevel(itemId) {
96
+ return itemId !== exports.EMPTY_ID && itemId.indexOf(exports.SEPARATOR) < 0;
97
+ }
98
+ exports.isIdZeroLevel = isIdZeroLevel;
99
+ /**
100
+ * @hidden
101
+ */
102
+ function isIdFirstLevel(itemId) {
103
+ return getSeparatorOccurances(itemId) === 1;
104
+ }
105
+ exports.isIdFirstLevel = isIdFirstLevel;
106
+ /**
107
+ * @hidden
108
+ */
109
+ function isFirstItemFromSiblings(itemId) {
110
+ return getShortId(itemId) === exports.ZERO_LEVEL_ZERO_ITEM_ID;
111
+ }
112
+ exports.isFirstItemFromSiblings = isFirstItemFromSiblings;
113
+ /**
114
+ * @hidden
115
+ */
116
+ function getShortId(itemId) {
117
+ var lastSeparatorIndex = itemId.lastIndexOf(exports.SEPARATOR);
118
+ return lastSeparatorIndex < 0 ? itemId : itemId.substring(lastSeparatorIndex + 1);
119
+ }
120
+ exports.getShortId = getShortId;
121
+ /**
122
+ * @hidden
123
+ */
124
+ function getDirectSiblingIdForLevelZero(next, shortItemId, siblingsCount) {
125
+ if (!isIdZeroLevel(shortItemId)) {
126
+ return shortItemId;
127
+ }
128
+ return next ?
129
+ Number(shortItemId) < siblingsCount - 1 ? (Number(shortItemId) + 1).toString() : '0' :
130
+ Number(shortItemId) > 0 ? (Number(shortItemId) - 1).toString() : (siblingsCount - 1).toString();
131
+ }
132
+ exports.getDirectSiblingIdForLevelZero = getDirectSiblingIdForLevelZero;
133
+ function getSeparatorOccurances(itemId) {
134
+ return itemId.split(exports.SEPARATOR).length - 1;
135
+ }
@@ -0,0 +1,16 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ export declare function getPopupSettings(itemId: string, isMenuVertical: boolean, isDirectionRightToLeft?: boolean): any;
5
+ /**
6
+ * @hidden
7
+ */
8
+ export declare function getChildrenPosition(itemId: string, isMenuVertical: boolean, isDirectionRightToLeft?: boolean): "leftward" | "rightward" | "downward";
9
+ /**
10
+ * @hidden
11
+ */
12
+ export declare function convertBoolDirectionToString(isDirectionRightToLeft?: boolean): "ltr" | "rtl";
13
+ /**
14
+ * @hidden
15
+ */
16
+ export declare function getDOMElementId(menuGuid: string, itemId: string): string;
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getDOMElementId = exports.convertBoolDirectionToString = exports.getChildrenPosition = exports.getPopupSettings = void 0;
4
+ var consts_1 = require("../consts");
5
+ var itemsIdsUtils_1 = require("./itemsIdsUtils");
6
+ /**
7
+ * @hidden
8
+ */
9
+ function getPopupSettings(itemId, isMenuVertical, isDirectionRightToLeft) {
10
+ var childrenPosition = getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft);
11
+ if (isDirectionRightToLeft) {
12
+ return childrenPosition === 'downward' ? consts_1.POPUP_SETTINGS_RTL.downward : consts_1.POPUP_SETTINGS_RTL.leftward;
13
+ }
14
+ else {
15
+ return childrenPosition === 'downward' ? consts_1.POPUP_SETTINGS.downward : consts_1.POPUP_SETTINGS.rightward;
16
+ }
17
+ }
18
+ exports.getPopupSettings = getPopupSettings;
19
+ /**
20
+ * @hidden
21
+ */
22
+ function getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft) {
23
+ if (itemsIdsUtils_1.isIdZeroLevel(itemId)) {
24
+ if (isMenuVertical) {
25
+ return isDirectionRightToLeft ? 'leftward' : 'rightward';
26
+ }
27
+ else {
28
+ return 'downward';
29
+ }
30
+ }
31
+ else {
32
+ return isDirectionRightToLeft ? 'leftward' : 'rightward';
33
+ }
34
+ }
35
+ exports.getChildrenPosition = getChildrenPosition;
36
+ /**
37
+ * @hidden
38
+ */
39
+ function convertBoolDirectionToString(isDirectionRightToLeft) {
40
+ return isDirectionRightToLeft ? 'rtl' : 'ltr';
41
+ }
42
+ exports.convertBoolDirectionToString = convertBoolDirectionToString;
43
+ /**
44
+ * @hidden
45
+ */
46
+ function getDOMElementId(menuGuid, itemId) {
47
+ return menuGuid + "_" + itemId;
48
+ }
49
+ exports.getDOMElementId = getDOMElementId;
@@ -0,0 +1,5 @@
1
+ import { MenuItemModel } from '../models/MenuItemModel';
2
+ /**
3
+ * @hidden
4
+ */
5
+ export declare function prepareInputItemsForInternalWork(this: any, models?: MenuItemModel[]): any;
@@ -0,0 +1,84 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.prepareInputItemsForInternalWork = void 0;
4
+ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
5
+ var itemsIdsUtils_1 = require("./itemsIdsUtils");
6
+ /**
7
+ * @hidden
8
+ */
9
+ function prepareInputItemsForInternalWork(models) {
10
+ if (models && models.length > 0) {
11
+ return {
12
+ items: convertInputModelsToInternalOnesHelper.call(this, models),
13
+ inputItems: models
14
+ };
15
+ }
16
+ else {
17
+ return { items: [], inputItems: [] };
18
+ }
19
+ }
20
+ exports.prepareInputItemsForInternalWork = prepareInputItemsForInternalWork;
21
+ function copyInputItemWithoutChildren(inputModel) {
22
+ var result = {};
23
+ var text = inputModel.text, url = inputModel.url, icon = inputModel.icon, disabled = inputModel.disabled, cssClass = inputModel.cssClass, cssStyle = inputModel.cssStyle, render = inputModel.render, linkRender = inputModel.linkRender, contentRender = inputModel.contentRender, data = inputModel.data;
24
+ if (text !== undefined) {
25
+ result.text = text;
26
+ }
27
+ if (url !== undefined) {
28
+ result.url = url;
29
+ }
30
+ if (icon !== undefined) {
31
+ result.icon = icon;
32
+ }
33
+ if (disabled !== undefined) {
34
+ result.disabled = disabled;
35
+ }
36
+ if (cssClass !== undefined) {
37
+ result.cssClass = cssClass;
38
+ }
39
+ if (cssStyle !== undefined) {
40
+ result.cssStyle = cssStyle;
41
+ }
42
+ if (render !== undefined) {
43
+ result.render = kendo_vue_common_1.templateRendering.call(this, render, kendo_vue_common_1.getListeners.call(this));
44
+ }
45
+ if (linkRender !== undefined) {
46
+ result.linkRender = kendo_vue_common_1.templateRendering.call(this, linkRender, kendo_vue_common_1.getListeners.call(this));
47
+ }
48
+ if (contentRender !== undefined) {
49
+ result.contentRender = kendo_vue_common_1.templateRendering.call(this, contentRender, kendo_vue_common_1.getListeners.call(this));
50
+ }
51
+ if (data !== undefined) {
52
+ result.data = data;
53
+ }
54
+ return result;
55
+ }
56
+ function convertInputModelsToInternalOnesHelper(inputModels, parentId) {
57
+ var result = [];
58
+ for (var index = 0; index < inputModels.length; index++) {
59
+ var inputModel = inputModels[index];
60
+ var internalModel = copyInputItemWithoutChildren.call(this, inputModel);
61
+ internalModel.id = itemsIdsUtils_1.createId(index.toString(), parentId);
62
+ internalModel.isLastFromSiblings = index === inputModels.length - 1;
63
+ internalModel.items = copyOrCreateModelChildren(inputModel, internalModel);
64
+ result.push(internalModel);
65
+ }
66
+ return result;
67
+ }
68
+ function copyOrCreateModelChildren(inputModel, internalModel) {
69
+ if (inputModel.contentRender) {
70
+ return [{
71
+ contentParentItemId: internalModel.id,
72
+ id: itemsIdsUtils_1.createId(itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
73
+ isLastFromSiblings: true,
74
+ contentRender: inputModel.contentRender,
75
+ items: []
76
+ }];
77
+ }
78
+ else if (inputModel.items) {
79
+ return convertInputModelsToInternalOnesHelper.call(this, inputModel.items, internalModel.id);
80
+ }
81
+ else {
82
+ return [];
83
+ }
84
+ }
@@ -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: 1633591190,
11
+ publishDate: 1634297459,
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
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-layout",
3
3
  "description": "Kendo UI for Vue Layouts package",
4
- "version": "2.5.1",
4
+ "version": "2.5.2",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -36,20 +36,20 @@
36
36
  "vue": "^2.6.12 || ^3.0.2"
37
37
  },
38
38
  "dependencies": {
39
- "@progress/kendo-vue-animation": "2.5.1",
40
- "@progress/kendo-vue-common": "2.5.1",
41
- "@progress/kendo-vue-popup": "2.5.1"
39
+ "@progress/kendo-vue-animation": "2.5.2",
40
+ "@progress/kendo-vue-common": "2.5.2",
41
+ "@progress/kendo-vue-popup": "2.5.2"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@progress/kendo-data-query": "^1.5.0",
45
45
  "@progress/kendo-date-math": "^1.5.1",
46
46
  "@progress/kendo-drawing": "^1.8.0",
47
47
  "@progress/kendo-licensing": "^1.0.1",
48
- "@progress/kendo-vue-buttons": "2.5.1",
49
- "@progress/kendo-vue-dateinputs": "2.5.1",
50
- "@progress/kendo-vue-dropdowns": "2.5.1",
51
- "@progress/kendo-vue-inputs": "2.5.1",
52
- "@progress/kendo-vue-intl": "2.5.1"
48
+ "@progress/kendo-vue-buttons": "2.5.2",
49
+ "@progress/kendo-vue-dateinputs": "2.5.2",
50
+ "@progress/kendo-vue-dropdowns": "2.5.2",
51
+ "@progress/kendo-vue-inputs": "2.5.2",
52
+ "@progress/kendo-vue-intl": "2.5.2"
53
53
  },
54
54
  "@progress": {
55
55
  "friendlyName": "Layouts",