@progress/kendo-vue-layout 2.5.2-dev.202110121006 → 2.5.2-dev.202110150637

package/dist/npm/menu/components/Menu.js

@@ -28,6 +28,8 @@ var gh = allVue.h;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
+var kendo_vue_common_2 = require("@progress/kendo-vue-common");
+
 var itemsIdsUtils_1 = require("../utils/itemsIdsUtils");
 
 var prepareInputItemsForInternalWork_1 = require("../utils/prepareInputItemsForInternalWork");
@@ -42,9 +44,8 @@ var DirectionHolder_1 = require("../utils/DirectionHolder");
 
 var MouseOverHandler_1 = require("../utils/MouseOverHandler");
 
-var package_metadata_1 = require("../../package-metadata");
+var package_metadata_1 = require("../../package-metadata"); // tslint:enable:max-line-length
 
-var initialItemsIds = {}; // tslint:enable:max-line-length
 
 var Menu = {
   name: 'KendoMenu',
@@ -63,12 +64,12 @@ var Menu = {
     customCloseItemIds: Array
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
     this.mouseOverHandler = new MouseOverHandler_1.MouseOverHandler(this.$props.openOnClick, this.reset, this.onItemMouseOver); // private itemHoverRequest: any;
     // private itemLeaveRequest: any;
     // private menuWrapperEl: any;
 
-    this.guid = kendo_vue_common_1.guid();
+    this.guid = kendo_vue_common_2.guid();
     this.directionHolder = new DirectionHolder_1.DirectionHolder();
     this.inputItems = [];
     this.currentItems = []; // private mouseOverHandler: MouseOverHandler;
@@ -128,10 +129,6 @@ var Menu = {
 
     var lastItemIdToBeOpened = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? itemsIdsUtils_1.getDirectParentId(this.focusedItemId) : itemsIdsUtils_1.EMPTY_ID;
     return h("div", {
-      onKeydown: this.onKeyDown,
-      on: this.v3 ? undefined : {
-        "keydown": this.onKeyDown
-      },
       "class": this.getMenuWrapperClassName(),
       ref: function ref(el) {
         return _this.menuWrapperEl = el;
@@ -148,9 +145,10 @@ var Menu = {
         focusedItemId: this.focusedItemId,
         lastItemIdToBeOpened: lastItemIdToBeOpened,
         tabbableItemId: this.tabbableItemId,
-        itemRender: this.$props.itemRender,
-        linkRender: this.$props.linkRender,
-        menuGuid: this.guid
+        itemRender: kendo_vue_common_1.templateRendering.call(this, this.$props.itemRender, kendo_vue_common_1.getListeners.call(this)),
+        linkRender: kendo_vue_common_1.templateRendering.call(this, this.$props.linkRender, kendo_vue_common_1.getListeners.call(this)),
+        menuGuid: this.guid,
+        originalItemNeeded: this.getInputItem
       },
       items: this.currentItems,
       isMenuVertical: this.$props.vertical,
@@ -158,31 +156,34 @@ var Menu = {
       focusedItemId: this.focusedItemId,
       lastItemIdToBeOpened: lastItemIdToBeOpened,
       tabbableItemId: this.tabbableItemId,
-      itemRender: this.$props.itemRender,
-      linkRender: this.$props.linkRender,
+      itemRender: kendo_vue_common_1.templateRendering.call(this, this.$props.itemRender, kendo_vue_common_1.getListeners.call(this)),
+      linkRender: kendo_vue_common_1.templateRendering.call(this, this.$props.linkRender, kendo_vue_common_1.getListeners.call(this)),
       menuGuid: this.guid,
       onMouseleave: this.onItemMouseLeave,
       on: this.v3 ? undefined : {
         "mouseleave": this.onItemMouseLeave,
         "mouseover": this.onItemMouseOver,
         "mousedown": this.onItemMouseDown,
+        "keydown": this.onKeyDown,
         "focus": this.onItemFocus,
         "click": this.onItemClick,
-        "blur": this.onItemBlur,
-        "originalitemneeded": this.getInputItem
+        "blur": this.onItemBlur
       },
       onMouseover: this.onItemMouseOver,
       onMousedown: this.onItemMouseDown,
+      onKeydown: this.onKeyDown,
       onFocus: this.onItemFocus,
       onClick: this.onItemClick,
       onBlur: this.onItemBlur,
-      onOriginalitemneeded: this.getInputItem
+      originalItemNeeded: this.getInputItem
     })]);
   },
   methods: {
     reset: function reset() {
       this.clearItemHoverAndLeaveRequestsIfApplicable();
-      this.setState(initialItemsIds);
+      this.focusedItemId = itemsIdsUtils_1.EMPTY_ID;
+      this.hoveredItemId = itemsIdsUtils_1.EMPTY_ID;
+      this.tabbableItemId = itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID;
     },
     onKeyDown: function onKeyDown(event) {
       // The focusedItemId may be empty when contentRender is used.
@@ -196,7 +197,7 @@ var Menu = {
           this.setFocusedItemId(newItemId);
         }
 
-        if ((event.keyCode === kendo_vue_common_1.Keys.enter || event.keyCode === kendo_vue_common_1.Keys.space) && !currentItem.disabled) {
+        if ((event.keyCode === kendo_vue_common_2.Keys.enter || event.keyCode === kendo_vue_common_2.Keys.space) && !currentItem.disabled) {
           this.mouseOverHandler.handleItemSelectedViaKeyboard();
           this.dispatchSelectEventIfWired(event, currentItem.id);
 
@@ -262,6 +263,7 @@ var Menu = {
       var tabbableItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID ? this.tabbableItemId : itemsIdsUtils_1.getRootParentId(focusedItemId);
       var hoveredItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID || itemsIdsUtils_1.isIdEmptyOrZeroLevel(this.hoveredItemId) && itemsIdsUtils_1.isIdEmptyOrZeroLevel(focusedItemId) ? this.hoveredItemId : itemsIdsUtils_1.EMPTY_ID;
       this.hoveredItemId = hoveredItemId;
+      this.focusedItemId = focusedItemId;
       this.tabbableItemId = tabbableItemId;
     },
     setHoveredItemId: function setHoveredItemId(hoveredItemId) {
@@ -296,7 +298,7 @@ var Menu = {
       return this.$props.dir !== undefined ? this.$props.dir === 'rtl' : this.menuWrapperEl && getComputedStyle(this.menuWrapperEl).direction === 'rtl';
     },
     prepareItems: function prepareItems() {
-      var _a = prepareInputItemsForInternalWork_1.prepareInputItemsForInternalWork(this.$props.items),
+      var _a = prepareInputItemsForInternalWork_1.prepareInputItemsForInternalWork.call(this, this.$props.items),
           items = _a.items,
           inputItems = _a.inputItems;
 

package/dist/npm/menu/components/MenuItemInternal.d.ts

@@ -18,6 +18,7 @@ export interface MenuItemInternalProps extends BaseMenuItemInternalProps {
 export interface MenuItemInternalState {
     itemElement: any;
     isFirstRender: boolean;
+    prevFocusedItemId?: string;
     kendoAnchorRef: any;
     _anchor: string;
 }
@@ -25,6 +26,12 @@ export interface MenuItemInternalState {
  * @hidden
  */
 export interface MenuItemInternalComputed {
+    currentItemRender: any;
+    currentLinkRender: any;
+    contentRender: any;
+    currentOpened: boolean;
+    popupClassName: string;
+    menuItemClassName: object;
 }
 /**
  * @hidden

package/dist/npm/menu/components/MenuItemInternal.js

@@ -28,6 +28,16 @@ var MenuItemArrow_1 = require("./MenuItemArrow"); // tslint:enable:max-line-leng
 
 var MenuItemInternal = {
   name: 'KendoMenuItemInternal',
+  // @ts-ignore
+  emits: {
+    'keydown': null,
+    'mouseover': null,
+    'mouseleave': null,
+    'blur': null,
+    'focus': null,
+    'click': null,
+    'mousedown': null
+  },
   props: {
     item: Object,
     focusedItemId: String,
@@ -37,10 +47,12 @@ var MenuItemInternal = {
     linkRender: [String, Object, Function],
     isMenuVertical: Boolean,
     isDirectionRightToLeft: Boolean,
-    menuGuid: String
+    menuGuid: String,
+    originalItemNeeded: Function
   },
   created: function created() {
     this.itemElement = null;
+    this.prevFocusedItemId = this.$props.focusedItemId;
     this.isFirstRender = true;
     this._anchor = kendo_vue_common_1.guid();
   },
@@ -50,7 +62,7 @@ var MenuItemInternal = {
     };
   },
   mounted: function mounted() {
-    this.itemElement = this.$refs[this._anchor];
+    this.itemElement = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
     var focusedItemId = this.$props.focusedItemId;
     var currentItemId = this.$props.item.id; // If the menu item component has been just mounted due to
     // keyboard navigation and it is the selected one.
@@ -61,26 +73,29 @@ var MenuItemInternal = {
 
     this.isFirstRender = false;
   },
+  watch: {
+    focusedItemId: function focusedItemId(_, oldValue) {
+      this.prevFocusedItemId = oldValue;
+    }
+  },
   updated: function updated() {
     var focusedItemId = this.$props.focusedItemId;
     var currentItemId = this.$props.item.id;
 
-    if (focusedItemId) {// If the item has been navigated to via the keyboard navigation
+    if (focusedItemId) {
+      // If the item has been navigated to via the keyboard navigation
       // (Clicking and focusing an item also come here).
-      // if (prevProps.focusedItemId !== focusedItemId
-      //     && focusedItemId === currentItemId
-      //     // https://github.com/telerik/kendo-react/issues/216 :
-      //     // No need to focus the wrapping menu item DOM element
-      //     // when a child DOM element was clicked.
-      //     && !this.itemElement.contains(document.activeElement)) {
-      //     this.itemElement.focus();
-      // }
+      if (this.prevFocusedItemId !== focusedItemId && focusedItemId === currentItemId // No need to focus the wrapping menu item DOM element
+      // when a child DOM element was clicked.
+      && !this.itemElement.contains(document.activeElement)) {
+        this.itemElement.focus();
+      }
     } else if (document.activeElement === this.itemElement) {
       this.itemElement.blur();
     }
   },
   computed: {
-    currnetItemRender: function currnetItemRender() {
+    currentItemRender: function currentItemRender() {
       return this.$props.item.render || this.$props.itemRender;
     },
     currentLinkRender: function currentLinkRender() {
@@ -100,6 +115,18 @@ var MenuItemInternal = {
         'k-menu-popup': true,
         'k-rtl': this.$props.isDirectionRightToLeft
       });
+    },
+    menuItemClassName: function menuItemClassName() {
+      var _a;
+
+      var item = this.$props.item;
+      return _a = {
+        'k-item': true,
+        'k-menu-item': true,
+        'k-first': itemsIdsUtils_1.isFirstItemFromSiblings(item.id),
+        'k-last': item.isLastFromSiblings,
+        'k-state-disabled': item.disabled
+      }, _a[item.cssClass ? item.cssClass : ''] = item.cssClass, _a;
     }
   },
   // @ts-ignore
@@ -120,20 +147,25 @@ var MenuItemInternal = {
 
     var renderContent = function renderContent() {
       var parentItemId = this.$props.item.contentParentItemId;
+
+      var contentRender = function contentRender(args) {
+        return kendo_vue_common_1.getTemplate.call(this, {
+          h: h,
+          template: this.contentRender,
+          additionalProps: args
+        });
+      };
+
       return h("div", {
         "class": "k-content",
         role: "presentation",
         attrs: this.v3 ? undefined : {
           role: "presentation"
         }
-      }, [h(this.contentRender, {
+      }, [contentRender.call(this, {
         item: this.handleOriginalItemNeeded(parentItemId),
-        attrs: this.v3 ? undefined : {
-          item: this.handleOriginalItemNeeded(parentItemId),
-          itemId: parentItemId
-        },
         itemId: parentItemId
-      })]);
+      }), h(this.contentRender)]);
     };
 
     var renderMenuIconIfApplicable = function renderMenuIconIfApplicable() {
@@ -165,42 +197,39 @@ var MenuItemInternal = {
     var renderMenuItemLink = function renderMenuItemLink() {
       var _this2 = this;
 
-      if (this.currentLinkRender) {
-        return h(this.currentLinkRender, {
-          item: this.$props.onOriginalItemNeeded(item.id),
-          attrs: this.v3 ? undefined : {
-            item: this.$props.onOriginalItemNeeded(item.id),
-            itemId: item.id,
-            opened: this.currentOpened,
-            dir: misc_1.convertBoolDirectionToString(this.$props.isDirectionRightToLeft)
-          },
+      var defaultItemRender = item.text;
+      var textOrItemRender = kendo_vue_common_1.getTemplate.call(this, {
+        h: h,
+        template: this.currentItemRender,
+        defaultRendering: defaultItemRender,
+        additionalProps: {
+          item: this.$props.originalItemNeeded(item.id),
+          itemId: item.id,
+          key: '1'
+        }
+      });
+      var defaultLink = // @ts-ignore function children
+      h(MenuItemLink_1.MenuItemLink, {
+        url: item.url,
+        attrs: this.v3 ? undefined : {
+          url: item.url,
+          opened: this.currentOpened
+        },
+        opened: this.currentOpened
+      }, this.v3 ? function () {
+        return [[renderMenuIconIfApplicable.call(_this2), textOrItemRender, renderArrowIfApplicable.call(_this2)]];
+      } : [[renderMenuIconIfApplicable.call(_this2), textOrItemRender, renderArrowIfApplicable.call(_this2)]]);
+      return kendo_vue_common_1.getTemplate.call(this, {
+        h: h,
+        template: this.currentLinkRender,
+        defaultRendering: defaultLink,
+        additionalProps: {
+          item: this.$props.originalItemNeeded(item.id),
           itemId: item.id,
           opened: this.currentOpened,
           dir: misc_1.convertBoolDirectionToString(this.$props.isDirectionRightToLeft)
-        });
-      } else {
-        var textOrItemRender = this.currnetItemRender ? h(this.currnetItemRender, {
-          item: this.$props.onOriginalItemNeeded(item.id),
-          attrs: this.v3 ? undefined : {
-            item: this.$props.onOriginalItemNeeded(item.id),
-            itemId: item.id
-          },
-          itemId: item.id,
-          key: "1"
-        }) : item.text;
-        return (// @ts-ignore function children
-          h(MenuItemLink_1.MenuItemLink, {
-            url: item.url,
-            attrs: this.v3 ? undefined : {
-              url: item.url,
-              opened: this.currentOpened
-            },
-            opened: this.currentOpened
-          }, this.v3 ? function () {
-            return [[renderMenuIconIfApplicable.call(_this2), textOrItemRender, renderArrowIfApplicable.call(_this2)]];
-          } : [[renderMenuIconIfApplicable.call(_this2), textOrItemRender, renderArrowIfApplicable.call(_this2)]])
-        );
-      }
+        }
+      });
     };
 
     var renderPopupIfOpened = function renderPopupIfOpened() {
@@ -244,7 +273,8 @@ var MenuItemInternal = {
               itemRender: _this3.$props.itemRender,
               linkRender: _this3.$props.linkRender,
               isMenuVertical: _this3.$props.isMenuVertical,
-              isDirectionRightToLeft: _this3.$props.isDirectionRightToLeft
+              isDirectionRightToLeft: _this3.$props.isDirectionRightToLeft,
+              originalItemNeeded: _this3.handleOriginalItemNeeded
             },
             items: _this3.$props.item.items,
             menuGuid: _this3.$props.menuGuid,
@@ -260,18 +290,19 @@ var MenuItemInternal = {
             on: _this3.v3 ? undefined : {
               "mouseover": _this3.handleItemMouseOver,
               "mouseleave": _this3.handleItemMouseLeave,
-              "mousedown": _this3.handleItemMouseDown,
+              "mousedown": _this3.handleMouseDown,
               "blur": _this3.handleItemMouseBlur,
               "focus": _this3.handleItemMouseFocus,
-              "click": _this3.handleItemMouseClick,
-              "originalitemneeded": _this3.handleOriginalItemNeeded
+              "click": _this3.handleClick,
+              "keydown": _this3.handleKeyDown
             },
             onMouseleave: _this3.handleItemMouseLeave,
-            onMousedown: _this3.handleItemMouseDown,
+            onMousedown: _this3.handleMouseDown,
             onBlur: _this3.handleItemMouseBlur,
             onFocus: _this3.handleItemMouseFocus,
-            onClick: _this3.handleItemMouseClick,
-            onOriginalitemneeded: _this3.handleOriginalItemNeeded
+            onClick: _this3.handleClick,
+            onKeydown: _this3.handleKeyDown,
+            originalItemNeeded: _this3.handleOriginalItemNeeded
           })];
         } : [h(MenuItemInternalsList_1.MenuItemInternalsList, {
           parentItemId: itemId,
@@ -285,7 +316,8 @@ var MenuItemInternal = {
             itemRender: _this3.$props.itemRender,
             linkRender: _this3.$props.linkRender,
             isMenuVertical: _this3.$props.isMenuVertical,
-            isDirectionRightToLeft: _this3.$props.isDirectionRightToLeft
+            isDirectionRightToLeft: _this3.$props.isDirectionRightToLeft,
+            originalItemNeeded: _this3.handleOriginalItemNeeded
           },
           items: _this3.$props.item.items,
           menuGuid: _this3.$props.menuGuid,
@@ -301,18 +333,19 @@ var MenuItemInternal = {
           on: _this3.v3 ? undefined : {
             "mouseover": _this3.handleItemMouseOver,
             "mouseleave": _this3.handleItemMouseLeave,
-            "mousedown": _this3.handleItemMouseDown,
+            "mousedown": _this3.handleMouseDown,
             "blur": _this3.handleItemMouseBlur,
             "focus": _this3.handleItemMouseFocus,
-            "click": _this3.handleItemMouseClick,
-            "originalitemneeded": _this3.handleOriginalItemNeeded
+            "click": _this3.handleClick,
+            "keydown": _this3.handleKeyDown
           },
           onMouseleave: _this3.handleItemMouseLeave,
-          onMousedown: _this3.handleItemMouseDown,
+          onMousedown: _this3.handleMouseDown,
           onBlur: _this3.handleItemMouseBlur,
           onFocus: _this3.handleItemMouseFocus,
-          onClick: _this3.handleItemMouseClick,
-          onOriginalitemneeded: _this3.handleOriginalItemNeeded
+          onClick: _this3.handleClick,
+          onKeydown: _this3.handleKeyDown,
+          originalItemNeeded: _this3.handleOriginalItemNeeded
         })])
       );
     };
@@ -345,7 +378,8 @@ var MenuItemInternal = {
         },
         "click": function click(event) {
           return _this.handleClick(event, itemId);
-        }
+        },
+        "keydown": this.handleKeyDown
       },
       onMouseleave: this.onMouseLeave,
       onMousedown: function mousedown(event) {
@@ -360,6 +394,7 @@ var MenuItemInternal = {
       onClick: function click(event) {
         return _this.handleClick(event, itemId);
       },
+      onKeydown: this.handleKeyDown,
       role: "menuitem",
       "aria-disabled": item.disabled ? true : undefined,
       "aria-haspopup": item.items.length > 0 ? true : undefined,
@@ -373,24 +408,21 @@ var MenuItemInternal = {
     }, [this.contentRender ? renderContent.call(this) : renderMenuItemLink.call(this), renderPopupIfOpened.call(this)]);
   },
   methods: {
+    handleKeyDown: function handleKeyDown(event) {
+      this.$emit('keydown', event);
+    },
     handleItemMouseOver: function handleItemMouseOver(event) {
       this.$emit('mouseover', event);
     },
     handleItemMouseLeave: function handleItemMouseLeave(event) {
       this.$emit('mouseleave', event);
     },
-    handleItemMouseDown: function handleItemMouseDown(event) {
-      this.$emit('mousedown', event);
-    },
     handleItemMouseBlur: function handleItemMouseBlur(event) {
       this.$emit('blur', event);
     },
     handleItemMouseFocus: function handleItemMouseFocus(event) {
       this.$emit('focus', event);
     },
-    handleItemMouseClick: function handleItemMouseClick(event) {
-      this.$emit('click', event);
-    },
     handleClick: function handleClick(event, itemId) {
       this.$emit('click', event, itemId);
     },
@@ -404,7 +436,7 @@ var MenuItemInternal = {
       this.$emit('mousedown', event);
     },
     handleOriginalItemNeeded: function handleOriginalItemNeeded(event) {
-      this.$emit('originalitemneeded', event);
+      this.$props.originalItemNeeded(event);
     },
     onMouseOver: function onMouseOver(event) {
       this.$emit('mouseover', this.$props.item.id);
@@ -413,18 +445,6 @@ var MenuItemInternal = {
     onMouseLeave: function onMouseLeave(event) {
       this.$emit('mouseleave', this.$props.item.id);
       event.stopPropagation();
-    },
-    menuItemClassName: function menuItemClassName() {
-      var _a;
-
-      var item = this.$props.item;
-      return _a = {
-        'k-item': true,
-        'k-menu-item': true,
-        'k-first': itemsIdsUtils_1.isFirstItemFromSiblings(item.id),
-        'k-last': item.isLastFromSiblings,
-        'k-state-disabled': item.disabled
-      }, _a[item.cssClass ? item.cssClass : ''] = item.cssClass, _a;
     }
   }
 };

package/dist/npm/menu/components/MenuItemInternalsList.js

@@ -17,6 +17,16 @@ var misc_1 = require("./../utils/misc"); // tslint:enable:max-line-length
 
 var MenuItemInternalsList = {
   name: 'KendoMenuItemInternalsList',
+  // @ts-ignore
+  emits: {
+    'keydown': null,
+    'mouseover': null,
+    'mouseleave': null,
+    'blur': null,
+    'focus': null,
+    'click': null,
+    'mousedown': null
+  },
   props: {
     items: Array,
     parentItemId: String,
@@ -27,7 +37,8 @@ var MenuItemInternalsList = {
     linkRender: [String, Object, Function],
     isMenuVertical: Boolean,
     isDirectionRightToLeft: Boolean,
-    menuGuid: String
+    menuGuid: String,
+    originalItemNeeded: Function
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -54,7 +65,8 @@ var MenuItemInternalsList = {
               tabbableItemId: this.$props.tabbableItemId,
               itemRender: this.$props.itemRender,
               linkRender: this.$props.linkRender,
-              menuGuid: this.$props.menuGuid
+              menuGuid: this.$props.menuGuid,
+              originalItemNeeded: this.handleOriginalItemNeeded
             },
             isMenuVertical: this.$props.isMenuVertical,
             isDirectionRightToLeft: this.$props.isDirectionRightToLeft,
@@ -69,17 +81,18 @@ var MenuItemInternalsList = {
               "mouseover": this.handleItemMouseOver,
               "mouseleave": this.handleItemMouseLeave,
               "mousedown": this.handleItemMouseDown,
+              "keydown": this.handleKeyDown,
               "blur": this.handleItemMouseBlur,
               "focus": this.handleItemMouseFocus,
-              "click": this.handleItemMouseClick,
-              "originalitemneeded": this.handleOriginalItemNeeded
+              "click": this.handleItemMouseClick
             },
             onMouseleave: this.handleItemMouseLeave,
             onMousedown: this.handleItemMouseDown,
+            onKeydown: this.handleKeyDown,
             onBlur: this.handleItemMouseBlur,
             onFocus: this.handleItemMouseFocus,
             onClick: this.handleItemMouseClick,
-            onOriginalitemneeded: this.handleOriginalItemNeeded,
+            originalItemNeeded: this.handleOriginalItemNeeded,
             key: index
           })
         );
@@ -102,8 +115,11 @@ var MenuItemInternalsList = {
     }, [renderChildItems.call(this)]);
   },
   methods: {
+    handleKeyDown: function handleKeyDown(event) {
+      this.$emit('keydown', event);
+    },
     handleOriginalItemNeeded: function handleOriginalItemNeeded(event) {
-      this.$emit('originalitemneeded', event);
+      this.$props.originalItemNeeded(event);
     },
     handleItemMouseOver: function handleItemMouseOver(event) {
       this.$emit('mouseover', event);

package/dist/npm/menu/utils/prepareInputItemsForInternalWork.d.ts

@@ -2,4 +2,4 @@ import { MenuItemModel } from '../models/MenuItemModel';
 /**
  * @hidden
  */
-export declare function prepareInputItemsForInternalWork(models?: MenuItemModel[]): any;
+export declare function prepareInputItemsForInternalWork(this: any, models?: MenuItemModel[]): any;

package/dist/npm/menu/utils/prepareInputItemsForInternalWork.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prepareInputItemsForInternalWork = void 0;
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var itemsIdsUtils_1 = require("./itemsIdsUtils");
 /**
  * @hidden
@@ -8,7 +9,7 @@ var itemsIdsUtils_1 = require("./itemsIdsUtils");
 function prepareInputItemsForInternalWork(models) {
     if (models && models.length > 0) {
         return {
-            items: convertInputModelsToInternalOnesHelper(models),
+            items: convertInputModelsToInternalOnesHelper.call(this, models),
             inputItems: models
         };
     }
@@ -39,13 +40,13 @@ function copyInputItemWithoutChildren(inputModel) {
         result.cssStyle = cssStyle;
     }
     if (render !== undefined) {
-        result.render = render;
+        result.render = kendo_vue_common_1.templateRendering.call(this, render, kendo_vue_common_1.getListeners.call(this));
     }
     if (linkRender !== undefined) {
-        result.linkRender = linkRender;
+        result.linkRender = kendo_vue_common_1.templateRendering.call(this, linkRender, kendo_vue_common_1.getListeners.call(this));
     }
     if (contentRender !== undefined) {
-        result.contentRender = contentRender;
+        result.contentRender = kendo_vue_common_1.templateRendering.call(this, contentRender, kendo_vue_common_1.getListeners.call(this));
     }
     if (data !== undefined) {
         result.data = data;
@@ -56,7 +57,7 @@ function convertInputModelsToInternalOnesHelper(inputModels, parentId) {
     var result = [];
     for (var index = 0; index < inputModels.length; index++) {
         var inputModel = inputModels[index];
-        var internalModel = copyInputItemWithoutChildren(inputModel);
+        var internalModel = copyInputItemWithoutChildren.call(this, inputModel);
         internalModel.id = itemsIdsUtils_1.createId(index.toString(), parentId);
         internalModel.isLastFromSiblings = index === inputModels.length - 1;
         internalModel.items = copyOrCreateModelChildren(inputModel, internalModel);
@@ -75,7 +76,7 @@ function copyOrCreateModelChildren(inputModel, internalModel) {
             }];
     }
     else if (inputModel.items) {
-        return convertInputModelsToInternalOnesHelper(inputModel.items, internalModel.id);
+        return convertInputModelsToInternalOnesHelper.call(this, inputModel.items, internalModel.id);
     }
     else {
         return [];

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1634033037,
+    publishDate: 1634279685,
     version: '',
     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'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "2.5.2-dev.202110121006",
+  "version": "2.5.2-dev.202110150637",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -36,20 +36,20 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-animation": "2.5.2-dev.202110121006",
-    "@progress/kendo-vue-common": "2.5.2-dev.202110121006",
-    "@progress/kendo-vue-popup": "2.5.2-dev.202110121006"
+    "@progress/kendo-vue-animation": "2.5.2-dev.202110150637",
+    "@progress/kendo-vue-common": "2.5.2-dev.202110150637",
+    "@progress/kendo-vue-popup": "2.5.2-dev.202110150637"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.0",
     "@progress/kendo-date-math": "^1.5.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "2.5.2-dev.202110121006",
-    "@progress/kendo-vue-dateinputs": "2.5.2-dev.202110121006",
-    "@progress/kendo-vue-dropdowns": "2.5.2-dev.202110121006",
-    "@progress/kendo-vue-inputs": "2.5.2-dev.202110121006",
-    "@progress/kendo-vue-intl": "2.5.2-dev.202110121006"
+    "@progress/kendo-vue-buttons": "2.5.2-dev.202110150637",
+    "@progress/kendo-vue-dateinputs": "2.5.2-dev.202110150637",
+    "@progress/kendo-vue-dropdowns": "2.5.2-dev.202110150637",
+    "@progress/kendo-vue-inputs": "2.5.2-dev.202110150637",
+    "@progress/kendo-vue-intl": "2.5.2-dev.202110150637"
   },
   "@progress": {
     "friendlyName": "Layouts",