@progress/kendo-vue-layout 5.3.0-dev.202410141143 → 5.3.0-develop.2

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

@@ -1,462 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuItemInternalVue2 = exports.MenuItemInternal = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-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");
-/**
- * @hidden
- */
-var MenuItemInternalVue2 = {
-  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 = (0, kendo_vue_common_1.guid)();
-  },
-  data: function data() {
-    return {
-      opened: false
-    };
-  },
-  mounted: function mounted() {
-    this.itemElement = (0, kendo_vue_common_1.getRef)(this, 'kendoAnchor', 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) {
-      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: {
-    hasItems: function hasItems() {
-      return this.$props.item.items.length > 0;
-    },
-    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 this.hasItems && (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;
-    },
-    currentFocused: function currentFocused() {
-      var focusedItemId = this.$props.focusedItemId;
-      var currentItemId = this.$props.item.id;
-      return focusedItemId === currentItemId;
-    },
-    popupClassName: function popupClassName() {
-      var _a;
-      return (0, kendo_vue_common_1.classNames)((_a = {
-        'k-menu-popup': true,
-        'k-rtl': this.$props.isDirectionRightToLeft
-      }, _a[this.item.popupClass] = this.item.popupClass, _a));
-    },
-    menuItemClassName: function menuItemClassName() {
-      var _a;
-      var item = this.$props.item;
-      return _a = {
-        'k-item': true,
-        'k-menu-item': true,
-        'k-first': (0, itemsIdsUtils_1.isFirstItemFromSiblings)(item.id),
-        'k-last': item.isLastFromSiblings,
-        'k-disabled': item.disabled
-      }, _a[item.cssClass ? item.cssClass : ''] = item.cssClass, _a;
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    var kendoAnchorRef = ref(null);
-    return {
-      v3: v3,
-      kendoAnchorRef: kendoAnchorRef
-    };
-  },
-  render: function render(createElement) {
-    var _this = this;
-    var h = gh || createElement;
-    var _a = this.$props.item,
-      icon = _a.icon,
-      svgIcon = _a.svgIcon,
-      id = _a.id,
-      contentParentItemId = _a.contentParentItemId,
-      items = _a.items,
-      text = _a.text,
-      cssStyle = _a.cssStyle,
-      disabled = _a.disabled,
-      url = _a.url;
-    var itemId = id;
-    var renderContent = function renderContent() {
-      var parentItemId = 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
-      })]);
-    };
-    var renderMenuIconIfApplicable = function renderMenuIconIfApplicable() {
-      return icon || svgIcon ? h(kendo_vue_common_1.Icon, {
-        name: (0, kendo_vue_common_1.getIconName)(icon),
-        attrs: this.v3 ? undefined : {
-          name: (0, kendo_vue_common_1.getIconName)(icon),
-          icon: svgIcon
-        },
-        icon: svgIcon
-      }) : null;
-    };
-    var renderArrowIfApplicable = function renderArrowIfApplicable() {
-      return this.hasItems ?
-      // @ts-ignore
-      h(MenuItemArrow_1.MenuItemArrow, {
-        itemId: id,
-        attrs: this.v3 ? undefined : {
-          itemId: id,
-          verticalMenu: this.$props.isMenuVertical,
-          dir: (0, misc_1.convertBoolDirectionToString)(this.$props.isDirectionRightToLeft)
-        },
-        verticalMenu: this.$props.isMenuVertical,
-        dir: (0, misc_1.convertBoolDirectionToString)(this.$props.isDirectionRightToLeft),
-        key: "2"
-      }) : null;
-    };
-    var originalItem = this.$props.originalItemNeeded(id);
-    var renderMenuItemLink = function renderMenuItemLink() {
-      var _this2 = this;
-      var defaultItemRender = h("span", {
-        "class": "k-menu-link-text"
-      }, [text]);
-      var textOrItemRender = kendo_vue_common_1.getTemplate.call(this, {
-        h: h,
-        template: this.currentItemRender,
-        defaultRendering: defaultItemRender,
-        additionalProps: {
-          item: originalItem,
-          itemId: id,
-          key: '1'
-        }
-      });
-      var defaultLink =
-      // @ts-ignore function children
-      h(MenuItemLink_1.MenuItemLink, {
-        url: url,
-        attrs: this.v3 ? undefined : {
-          url: url,
-          opened: this.currentOpened,
-          focused: this.currentFocused
-        },
-        opened: this.currentOpened,
-        focused: this.currentFocused
-      }, 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: originalItem,
-          itemId: id,
-          opened: this.currentOpened,
-          dir: (0, misc_1.convertBoolDirectionToString)(this.$props.isDirectionRightToLeft)
-        }
-      });
-    };
-    var renderPopupIfOpened = function renderPopupIfOpened() {
-      var _this3 = this;
-      var _a = (0, 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-menu-group-md 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-menu-group-md 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: cssStyle,
-      tabindex: itemId === this.$props.tabbableItemId ? 0 : -1,
-      attrs: this.v3 ? undefined : {
-        tabindex: itemId === this.$props.tabbableItemId ? 0 : -1,
-        role: "menuitem",
-        "aria-disabled": disabled ? true : undefined,
-        "aria-haspopup": this.hasItems ? true : undefined,
-        "aria-expanded": this.hasItems ? this.currentOpened : undefined,
-        "aria-label": text,
-        "aria-owns": this.currentOpened ? (0, 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": disabled ? true : undefined,
-      "aria-haspopup": this.hasItems ? true : undefined,
-      "aria-expanded": this.hasItems ? this.currentOpened : undefined,
-      "aria-label": text,
-      "aria-owns": this.currentOpened ? (0, misc_1.getDOMElementId)(this.$props.menuGuid, itemId) : undefined,
-      ref: (0, kendo_vue_common_1.setRef)(this, 'kendoAnchor', 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) {
-      return 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.MenuItemInternalVue2 = MenuItemInternalVue2;
-/**
- * @hidden
- */
-var MenuItemInternal = MenuItemInternalVue2;
-exports.MenuItemInternal = MenuItemInternal;

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

@@ -1,49 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
-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 Vue2type, MenuItemInternalsListMethods, MenuItemInternalsListData, MenuItemInternalsListComputed, MenuItemInternalsListState {
-}
-/**
- * @hidden
- */
-declare let MenuItemInternalsListVue2: ComponentOptions<MenuItemInternalsListAll, DefaultData<MenuItemInternalsListData>, DefaultMethods<MenuItemInternalsListAll>, MenuItemInternalsListComputed, RecordPropsDefinition<MenuItemInternalsListProps>>;
-/**
- * @hidden
- */
-declare const MenuItemInternalsList: DefineComponent<MenuItemInternalsListProps, any, MenuItemInternalsListData, MenuItemInternalsListComputed, MenuItemInternalsListMethods, {}, {}, {}, string, MenuItemInternalsListProps, MenuItemInternalsListProps, {}>;
-export { MenuItemInternalsList, MenuItemInternalsListVue2 };

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

@@ -1,156 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuItemInternalsListVue2 = exports.MenuItemInternalsList = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var MenuItemInternal_1 = require("./MenuItemInternal");
-var misc_1 = require("./../utils/misc");
-/**
- * @hidden
- */
-var MenuItemInternalsListVue2 = {
-  name: 'KendoMenuItemInternalsList',
-  // @ts-ignore
-  emits: {
-    'keydown': null,
-    'mouseover': null,
-    'mouseleave': null,
-    'blur': null,
-    'focus': null,
-    'click': null,
-    'mousedown': null
-  },
-  props: {
-    items: Array,
-    parentItemId: {
-      type: String,
-      default: undefined
-    },
-    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: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    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 ? (0, misc_1.getDOMElementId)(this.$props.menuGuid, parentItemId) : undefined
-      },
-      id: parentItemId !== undefined ? (0, misc_1.getDOMElementId)(this.$props.menuGuid, parentItemId) : undefined
-    }, [renderChildItems.call(this)]);
-  },
-  methods: {
-    handleKeyDown: function handleKeyDown(event) {
-      this.$emit('keydown', event);
-    },
-    handleOriginalItemNeeded: function handleOriginalItemNeeded(event) {
-      return 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.MenuItemInternalsListVue2 = MenuItemInternalsListVue2;
-/**
- * @hidden
- */
-var MenuItemInternalsList = MenuItemInternalsListVue2;
-exports.MenuItemInternalsList = MenuItemInternalsList;