@progress/kendo-vue-layout 2.5.1 → 2.5.2

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

@@ -0,0 +1,453 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItemInternalVue3 = exports.MenuItemInternal = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var ref = allVue.ref;
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
+var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
+
+var itemsIdsUtils_1 = require("../utils/itemsIdsUtils");
+
+var misc_1 = require("../utils/misc");
+
+var MenuItemLink_1 = require("./MenuItemLink");
+
+var MenuItemInternalsList_1 = require("./MenuItemInternalsList");
+
+var MenuItemArrow_1 = require("./MenuItemArrow"); // tslint:enable:max-line-length
+
+
+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,
+    lastItemIdToBeOpened: String,
+    tabbableItemId: String,
+    itemRender: [String, Object, Function],
+    linkRender: [String, Object, Function],
+    isMenuVertical: Boolean,
+    isDirectionRightToLeft: Boolean,
+    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();
+  },
+  data: function data() {
+    return {
+      opened: false
+    };
+  },
+  mounted: function mounted() {
+    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.
+
+    if (focusedItemId && focusedItemId === currentItemId) {
+      this.itemElement.focus();
+    }
+
+    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
+      // (Clicking and focusing an item also come here).
+      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: {
+    currentItemRender: function currentItemRender() {
+      return this.$props.item.render || this.$props.itemRender;
+    },
+    currentLinkRender: function currentLinkRender() {
+      return this.$props.item.linkRender || this.$props.linkRender;
+    },
+    contentRender: function contentRender() {
+      return this.$props.item.contentParentItemId ? this.$props.item.contentRender : null;
+    },
+    currentOpened: function currentOpened() {
+      var props = this.$props;
+      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
+      // popup inside popup throws an error (for example, hover of item with id '0_0').
+      !this.isFirstRender;
+    },
+    popupClassName: function popupClassName() {
+      return kendo_vue_common_1.classNames({
+        '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
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoAnchorRef = ref(null);
+    return {
+      v3: v3,
+      kendoAnchorRef: kendoAnchorRef
+    };
+  },
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var item = this.$props.item;
+    var itemId = item.id;
+
+    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"
+        }
+      }, [contentRender.call(this, {
+        item: this.handleOriginalItemNeeded(parentItemId),
+        itemId: parentItemId
+      }), h(this.contentRender)]);
+    };
+
+    var renderMenuIconIfApplicable = function renderMenuIconIfApplicable() {
+      return this.$props.item.icon ? h("span", {
+        "class": "k-icon k-i-" + this.$props.item.icon,
+        role: "presentation",
+        attrs: this.v3 ? undefined : {
+          role: "presentation"
+        },
+        key: "0"
+      }) : null;
+    };
+
+    var renderArrowIfApplicable = function renderArrowIfApplicable() {
+      return this.$props.item.items.length > 0 ? // @ts-ignore
+      h(MenuItemArrow_1.MenuItemArrow, {
+        itemId: this.$props.item.id,
+        attrs: this.v3 ? undefined : {
+          itemId: this.$props.item.id,
+          verticalMenu: this.$props.isMenuVertical,
+          dir: misc_1.convertBoolDirectionToString(this.$props.isDirectionRightToLeft)
+        },
+        verticalMenu: this.$props.isMenuVertical,
+        dir: misc_1.convertBoolDirectionToString(this.$props.isDirectionRightToLeft),
+        key: "2"
+      }) : null;
+    };
+
+    var renderMenuItemLink = function renderMenuItemLink() {
+      var _this2 = this;
+
+      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)
+        }
+      });
+    };
+
+    var renderPopupIfOpened = function renderPopupIfOpened() {
+      var _this3 = this;
+
+      var _a = misc_1.getPopupSettings(itemId, this.$props.isMenuVertical, this.$props.isDirectionRightToLeft),
+          anchorAlign = _a.anchorAlign,
+          popupAlign = _a.popupAlign,
+          collision = _a.collision;
+
+      return (// @ts-ignore function children
+        h(kendo_vue_popup_1.Popup, {
+          anchor: this._anchor,
+          attrs: this.v3 ? undefined : {
+            anchor: this._anchor,
+            show: this.currentOpened,
+            popupClass: this.popupClassName,
+            anchorAlign: anchorAlign,
+            popupAlign: popupAlign,
+            collision: collision,
+            animate: false
+          },
+          show: this.currentOpened,
+          popupClass: this.popupClassName,
+          anchorAlign: anchorAlign,
+          popupAlign: popupAlign,
+          collision: collision,
+          animate: false,
+          key: "1"
+        }, this.v3 ? function () {
+          return [// @ts-ignore
+          h(MenuItemInternalsList_1.MenuItemInternalsList, {
+            parentItemId: itemId,
+            attrs: _this3.v3 ? undefined : {
+              parentItemId: itemId,
+              items: _this3.$props.item.items,
+              menuGuid: _this3.$props.menuGuid,
+              focusedItemId: _this3.$props.focusedItemId,
+              lastItemIdToBeOpened: _this3.$props.lastItemIdToBeOpened,
+              tabbableItemId: _this3.$props.tabbableItemId,
+              itemRender: _this3.$props.itemRender,
+              linkRender: _this3.$props.linkRender,
+              isMenuVertical: _this3.$props.isMenuVertical,
+              isDirectionRightToLeft: _this3.$props.isDirectionRightToLeft,
+              originalItemNeeded: _this3.handleOriginalItemNeeded
+            },
+            items: _this3.$props.item.items,
+            menuGuid: _this3.$props.menuGuid,
+            focusedItemId: _this3.$props.focusedItemId,
+            lastItemIdToBeOpened: _this3.$props.lastItemIdToBeOpened,
+            tabbableItemId: _this3.$props.tabbableItemId,
+            itemRender: _this3.$props.itemRender,
+            linkRender: _this3.$props.linkRender,
+            isMenuVertical: _this3.$props.isMenuVertical,
+            isDirectionRightToLeft: _this3.$props.isDirectionRightToLeft,
+            "class": "k-group k-menu-group k-reset",
+            onMouseover: _this3.handleItemMouseOver,
+            on: _this3.v3 ? undefined : {
+              "mouseover": _this3.handleItemMouseOver,
+              "mouseleave": _this3.handleItemMouseLeave,
+              "mousedown": _this3.handleMouseDown,
+              "blur": _this3.handleItemMouseBlur,
+              "focus": _this3.handleItemMouseFocus,
+              "click": _this3.handleClick,
+              "keydown": _this3.handleKeyDown
+            },
+            onMouseleave: _this3.handleItemMouseLeave,
+            onMousedown: _this3.handleMouseDown,
+            onBlur: _this3.handleItemMouseBlur,
+            onFocus: _this3.handleItemMouseFocus,
+            onClick: _this3.handleClick,
+            onKeydown: _this3.handleKeyDown,
+            originalItemNeeded: _this3.handleOriginalItemNeeded
+          })];
+        } : [h(MenuItemInternalsList_1.MenuItemInternalsList, {
+          parentItemId: itemId,
+          attrs: _this3.v3 ? undefined : {
+            parentItemId: itemId,
+            items: _this3.$props.item.items,
+            menuGuid: _this3.$props.menuGuid,
+            focusedItemId: _this3.$props.focusedItemId,
+            lastItemIdToBeOpened: _this3.$props.lastItemIdToBeOpened,
+            tabbableItemId: _this3.$props.tabbableItemId,
+            itemRender: _this3.$props.itemRender,
+            linkRender: _this3.$props.linkRender,
+            isMenuVertical: _this3.$props.isMenuVertical,
+            isDirectionRightToLeft: _this3.$props.isDirectionRightToLeft,
+            originalItemNeeded: _this3.handleOriginalItemNeeded
+          },
+          items: _this3.$props.item.items,
+          menuGuid: _this3.$props.menuGuid,
+          focusedItemId: _this3.$props.focusedItemId,
+          lastItemIdToBeOpened: _this3.$props.lastItemIdToBeOpened,
+          tabbableItemId: _this3.$props.tabbableItemId,
+          itemRender: _this3.$props.itemRender,
+          linkRender: _this3.$props.linkRender,
+          isMenuVertical: _this3.$props.isMenuVertical,
+          isDirectionRightToLeft: _this3.$props.isDirectionRightToLeft,
+          "class": "k-group k-menu-group k-reset",
+          onMouseover: _this3.handleItemMouseOver,
+          on: _this3.v3 ? undefined : {
+            "mouseover": _this3.handleItemMouseOver,
+            "mouseleave": _this3.handleItemMouseLeave,
+            "mousedown": _this3.handleMouseDown,
+            "blur": _this3.handleItemMouseBlur,
+            "focus": _this3.handleItemMouseFocus,
+            "click": _this3.handleClick,
+            "keydown": _this3.handleKeyDown
+          },
+          onMouseleave: _this3.handleItemMouseLeave,
+          onMousedown: _this3.handleMouseDown,
+          onBlur: _this3.handleItemMouseBlur,
+          onFocus: _this3.handleItemMouseFocus,
+          onClick: _this3.handleClick,
+          onKeydown: _this3.handleKeyDown,
+          originalItemNeeded: _this3.handleOriginalItemNeeded
+        })])
+      );
+    };
+
+    return h("li", {
+      "class": this.menuItemClassName,
+      style: item.cssStyle,
+      tabIndex: itemId === this.$props.tabbableItemId ? 0 : -1,
+      attrs: this.v3 ? undefined : {
+        tabIndex: itemId === this.$props.tabbableItemId ? 0 : -1,
+        role: "menuitem",
+        "aria-disabled": item.disabled ? true : undefined,
+        "aria-haspopup": item.items.length > 0 ? true : undefined,
+        "aria-expanded": item.items.length > 0 ? this.currentOpened : undefined,
+        "aria-label": item.text,
+        "aria-owns": this.currentOpened ? misc_1.getDOMElementId(this.$props.menuGuid, itemId) : undefined
+      },
+      onMouseover: this.onMouseOver,
+      on: this.v3 ? undefined : {
+        "mouseover": this.onMouseOver,
+        "mouseleave": this.onMouseLeave,
+        "mousedown": function mousedown(event) {
+          return _this.handleMouseDown(event);
+        },
+        "focusout": function focusout() {
+          return _this.handleBlur(itemId);
+        },
+        "focusin": function focusin() {
+          return _this.handleFocus(itemId);
+        },
+        "click": function click(event) {
+          return _this.handleClick(event, itemId);
+        },
+        "keydown": this.handleKeyDown
+      },
+      onMouseleave: this.onMouseLeave,
+      onMousedown: function mousedown(event) {
+        return _this.handleMouseDown(event);
+      },
+      onFocusout: function focusout() {
+        return _this.handleBlur(itemId);
+      },
+      onFocusin: function focusin() {
+        return _this.handleFocus(itemId);
+      },
+      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,
+      "aria-expanded": item.items.length > 0 ? this.currentOpened : undefined,
+      "aria-label": item.text,
+      "aria-owns": this.currentOpened ? misc_1.getDOMElementId(this.$props.menuGuid, itemId) : undefined,
+      ref: this.v3 ? function (el) {
+        _this.kendoAnchorRef = el;
+      } : this._anchor,
+      key: "0"
+    }, [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);
+    },
+    handleItemMouseBlur: function handleItemMouseBlur(event) {
+      this.$emit('blur', event);
+    },
+    handleItemMouseFocus: function handleItemMouseFocus(event) {
+      this.$emit('focus', event);
+    },
+    handleClick: function handleClick(event, itemId) {
+      this.$emit('click', event, itemId);
+    },
+    handleBlur: function handleBlur(itemId) {
+      this.$emit('blur', itemId);
+    },
+    handleFocus: function handleFocus(itemId) {
+      this.$emit('focus', itemId);
+    },
+    handleMouseDown: function handleMouseDown(event) {
+      this.$emit('mousedown', event);
+    },
+    handleOriginalItemNeeded: function handleOriginalItemNeeded(event) {
+      this.$props.originalItemNeeded(event);
+    },
+    onMouseOver: function onMouseOver(event) {
+      this.$emit('mouseover', this.$props.item.id);
+      event.stopPropagation();
+    },
+    onMouseLeave: function onMouseLeave(event) {
+      this.$emit('mouseleave', this.$props.item.id);
+      event.stopPropagation();
+    }
+  }
+};
+exports.MenuItemInternal = MenuItemInternal;
+var MenuItemInternalVue3 = MenuItemInternal;
+exports.MenuItemInternalVue3 = MenuItemInternalVue3;

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

@@ -0,0 +1,44 @@
+import { DefineComponent } from '../../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { MenuItemInternalModel } from './../models/MenuItemModel';
+import { BaseMenuItemInternalProps } from './../BaseMenuItemInternalProps';
+/**
+ * @hidden
+ */
+export interface MenuItemInternalsListProps extends BaseMenuItemInternalProps {
+    items: MenuItemInternalModel[];
+    parentItemId?: string;
+}
+/**
+ * @hidden
+ */
+export interface MenuItemInternalsListState {
+}
+/**
+ * @hidden
+ */
+export interface MenuItemInternalsListComputed {
+}
+/**
+ * @hidden
+ */
+export interface MenuItemInternalsListMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface MenuItemInternalsListData {
+}
+/**
+ * @hidden
+ */
+export interface MenuItemInternalsListAll extends Vue, MenuItemInternalsListMethods, MenuItemInternalsListData, MenuItemInternalsListComputed, MenuItemInternalsListState {
+}
+declare let MenuItemInternalsList: ComponentOptions<MenuItemInternalsListAll, DefaultData<MenuItemInternalsListData>, DefaultMethods<MenuItemInternalsListAll>, MenuItemInternalsListComputed, RecordPropsDefinition<MenuItemInternalsListProps>>;
+declare const MenuItemInternalsListVue3: DefineComponent<MenuItemInternalsListProps, any, MenuItemInternalsListData, MenuItemInternalsListComputed, MenuItemInternalsListMethods, {}, {}, {}, string, MenuItemInternalsListProps, MenuItemInternalsListProps, {}>;
+export { MenuItemInternalsList, MenuItemInternalsListVue3 };

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

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItemInternalsListVue3 = exports.MenuItemInternalsList = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var MenuItemInternal_1 = require("./MenuItemInternal");
+
+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,
+    focusedItemId: String,
+    lastItemIdToBeOpened: String,
+    tabbableItemId: String,
+    itemRender: [String, Object, Function],
+    linkRender: [String, Object, Function],
+    isMenuVertical: Boolean,
+    isDirectionRightToLeft: Boolean,
+    menuGuid: String,
+    originalItemNeeded: Function
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var parentItemId = this.$props.parentItemId;
+
+    var renderChildItems = function renderChildItems() {
+      return this.$props.items.length > 0 ? this.$props.items.map(function (item, index) {
+        return (// @ts-ignore
+          h(MenuItemInternal_1.MenuItemInternal, {
+            item: item,
+            attrs: this.v3 ? undefined : {
+              item: item,
+              isMenuVertical: this.$props.isMenuVertical,
+              isDirectionRightToLeft: this.$props.isDirectionRightToLeft,
+              focusedItemId: this.$props.focusedItemId,
+              lastItemIdToBeOpened: this.$props.lastItemIdToBeOpened,
+              tabbableItemId: this.$props.tabbableItemId,
+              itemRender: this.$props.itemRender,
+              linkRender: this.$props.linkRender,
+              menuGuid: this.$props.menuGuid,
+              originalItemNeeded: this.handleOriginalItemNeeded
+            },
+            isMenuVertical: this.$props.isMenuVertical,
+            isDirectionRightToLeft: this.$props.isDirectionRightToLeft,
+            focusedItemId: this.$props.focusedItemId,
+            lastItemIdToBeOpened: this.$props.lastItemIdToBeOpened,
+            tabbableItemId: this.$props.tabbableItemId,
+            itemRender: this.$props.itemRender,
+            linkRender: this.$props.linkRender,
+            menuGuid: this.$props.menuGuid,
+            onMouseover: this.handleItemMouseOver,
+            on: this.v3 ? undefined : {
+              "mouseover": this.handleItemMouseOver,
+              "mouseleave": this.handleItemMouseLeave,
+              "mousedown": this.handleItemMouseDown,
+              "keydown": this.handleKeyDown,
+              "blur": this.handleItemMouseBlur,
+              "focus": this.handleItemMouseFocus,
+              "click": this.handleItemMouseClick
+            },
+            onMouseleave: this.handleItemMouseLeave,
+            onMousedown: this.handleItemMouseDown,
+            onKeydown: this.handleKeyDown,
+            onBlur: this.handleItemMouseBlur,
+            onFocus: this.handleItemMouseFocus,
+            onClick: this.handleItemMouseClick,
+            originalItemNeeded: this.handleOriginalItemNeeded,
+            key: index
+          })
+        );
+      }, this) : null;
+    };
+
+    return h("ul", {
+      role: parentItemId !== undefined ? 'menu' : 'menubar',
+      attrs: this.v3 ? undefined : {
+        role: parentItemId !== undefined ? 'menu' : 'menubar',
+        id: parentItemId !== undefined ? misc_1.getDOMElementId(this.$props.menuGuid, parentItemId) : undefined
+      },
+      id: parentItemId !== undefined ? misc_1.getDOMElementId(this.$props.menuGuid, parentItemId) : undefined,
+      onMouseover: this.onMouseOver,
+      on: this.v3 ? undefined : {
+        "mouseover": this.onMouseOver,
+        "mouseleave": this.onMouseLeave
+      },
+      onMouseleave: this.onMouseLeave
+    }, [renderChildItems.call(this)]);
+  },
+  methods: {
+    handleKeyDown: function handleKeyDown(event) {
+      this.$emit('keydown', event);
+    },
+    handleOriginalItemNeeded: function handleOriginalItemNeeded(event) {
+      this.$props.originalItemNeeded(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, itemId) {
+      this.$emit('click', event, itemId);
+    },
+    onMouseOver: function onMouseOver(event) {
+      if (this.$props.parentItemId !== undefined) {
+        this.$emit('mouseover', this.$props.parentItemId);
+        event.stopPropagation();
+      }
+    },
+    onMouseLeave: function onMouseLeave(event) {
+      if (this.$props.parentItemId !== undefined) {
+        this.$emit('mouseleave', this.$props.parentItemId);
+        event.stopPropagation();
+      }
+    }
+  }
+};
+exports.MenuItemInternalsList = MenuItemInternalsList;
+var MenuItemInternalsListVue3 = MenuItemInternalsList;
+exports.MenuItemInternalsListVue3 = MenuItemInternalsListVue3;

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

@@ -0,0 +1,49 @@
+import { DefineComponent } from '../../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * The properties of the Kendo UI for Vue MenuItemLink component.
+ */
+export interface MenuItemLinkProps {
+    /**
+     * Specifies whether the MenuItemLink component is opened.
+     */
+    opened: boolean;
+    /**
+     * Sets the URL of the MenuItemLink component.
+     */
+    url?: string;
+}
+/**
+ * @hidden
+ */
+export interface MenuItemLinkState {
+}
+/**
+ * @hidden
+ */
+export interface MenuItemLinkComputed {
+    menuItemClassName: object;
+}
+/**
+ * @hidden
+ */
+export interface MenuItemLinkMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface MenuItemLinkData {
+}
+/**
+ * @hidden
+ */
+export interface MenuItemLinkAll extends Vue, MenuItemLinkMethods, MenuItemLinkData, MenuItemLinkComputed, MenuItemLinkState {
+}
+declare let MenuItemLink: ComponentOptions<MenuItemLinkAll, DefaultData<MenuItemLinkData>, DefaultMethods<MenuItemLinkAll>, MenuItemLinkComputed, RecordPropsDefinition<MenuItemLinkProps>>;
+declare const MenuItemLinkVue3: DefineComponent<MenuItemLinkProps, any, MenuItemLinkData, MenuItemLinkComputed, MenuItemLinkMethods, {}, {}, {}, string, MenuItemLinkProps, MenuItemLinkProps, {}>;
+export { MenuItemLink, MenuItemLinkVue3 };