@progress/kendo-vue-layout 10.2.0-develop.5 → 10.2.0-develop.6

package/menu/components/MenuItemInternal.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as c, createVNode as n, h as u } from "vue";
-import { setRef as F, classNames as L, getRef as y, guid as D, getTemplate as m, Icon as C, getIconName as B } from "@progress/kendo-vue-common";
-import { Popup as N } from "@progress/kendo-vue-popup";
-import { isFirstItemFromSiblings as T, shouldOpenItem as S } from "../utils/itemsIdsUtils.mjs";
-import { getDOMElementId as I, convertBoolDirectionToString as p, getPopupSettings as P } from "../utils/misc.mjs";
-import { MenuItemLink as A } from "./MenuItemLink.mjs";
-import { MenuItemArrow as E } from "./MenuItemArrow.mjs";
-const K = /* @__PURE__ */ c({
+import { defineComponent as v, createVNode as n, h as d, Fragment as x, mergeProps as E } from "vue";
+import { classNames as a, getTemplate as u, Icon as g, getIconName as k, setRef as G, kendoThemeMaps as K, getRef as V, guid as z } from "@progress/kendo-vue-common";
+import { Popup as j } from "@progress/kendo-vue-popup";
+import { isIdZeroLevel as R, shouldOpenItem as H } from "../utils/itemsIdsUtils.mjs";
+import { getDOMPopupListId as O, getDOMElementId as _, convertBoolDirectionToString as b, getPopupSettings as Z, hasRenderableContent as q } from "../utils/misc.mjs";
+import { MenuItemLink as J } from "./MenuItemLink.mjs";
+import { MenuItemArrow as Q } from "./MenuItemArrow.mjs";
+const U = /* @__PURE__ */ v({
   name: "KendoMenuItemInternal",
   emits: {
     keydown: null,
@@ -30,13 +30,16 @@ const K = /* @__PURE__ */ c({
     tabbableItemId: String,
     itemRender: [String, Object, Function],
     linkRender: [String, Object, Function],
+    actionsRender: [String, Object, Function],
     isMenuVertical: Boolean,
     isDirectionRightToLeft: Boolean,
+    size: String,
+    isContextMenu: Boolean,
     menuGuid: String,
     originalItemNeeded: Function
   },
   created() {
-    this.itemElement = null, this.prevFocusedItemId = this.$props.focusedItemId, this.isFirstRender = !0, this._anchor = D();
+    this.itemElement = null, this.prevFocusedItemId = this.$props.focusedItemId, this.isFirstRender = !0, this._anchor = z();
   },
   data() {
     return {
@@ -44,7 +47,7 @@ const K = /* @__PURE__ */ c({
     };
   },
   mounted() {
-    this.itemElement = y(this, "kendoAnchor");
+    this.itemElement = V(this, "kendoAnchor");
     const e = this.$props.focusedItemId, t = this.$props.item.id;
     e && e === t && this.itemElement && this.itemElement.focus(), this.isFirstRender = !1;
   },
@@ -67,12 +70,15 @@ const K = /* @__PURE__ */ c({
     currentLinkRender() {
       return this.$props.item.linkRender || this.$props.linkRender;
     },
+    currentActionsRender() {
+      return this.$props.item.actionsRender || this.$props.actionsRender;
+    },
     contentRender() {
       return this.$props.item.contentParentItemId ? this.$props.item.contentRender : null;
     },
     currentOpened() {
       const e = this.$props;
-      return this.hasItems && S(e.item.id, e.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
+      return this.hasItems && H(e.item.id, e.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;
     },
@@ -81,20 +87,21 @@ const K = /* @__PURE__ */ c({
       return e === t;
     },
     popupClassName() {
-      return L({
+      return a({
         "k-menu-popup": !0,
         "k-overflow-visible": !0,
         "k-rtl": this.$props.isDirectionRightToLeft,
         [this.item.popupClass]: this.item.popupClass
       });
     },
+    popupListClassName() {
+      return a("k-menu-group", this.$props.size && `k-menu-group-${K.sizeMap[this.$props.size]}`);
+    },
     menuItemClassName() {
       const e = this.$props.item;
       return {
         "k-item": !0,
         "k-menu-item": !0,
-        "k-first": T(e.id),
-        "k-last": e.isLastFromSiblings,
         "k-disabled": e.disabled,
         [e.cssClass ? e.cssClass : ""]: e.cssClass
       };
@@ -105,87 +112,150 @@ const K = /* @__PURE__ */ c({
       icon: e,
       svgIcon: t,
       id: o,
-      contentParentItemId: l,
-      items: G,
-      text: a,
-      cssStyle: f,
+      contentParentItemId: p,
+      items: X,
+      text: I,
+      description: f,
+      cssStyle: m,
       disabled: $,
-      url: g,
-      separator: M
-    } = this.$props.item, s = o, k = function() {
-      const i = l;
+      url: w,
+      separator: C,
+      groupHeader: D,
+      cssClass: M
+    } = this.$props.item, s = o, h = _(this.$props.menuGuid, s);
+    if (C)
+      return n("li", {
+        id: h,
+        class: a("k-separator", "k-item", M),
+        style: m,
+        "aria-hidden": !0,
+        key: s
+      }, null);
+    if (D) {
+      if (!(!R(s) || !!this.$props.isContextMenu && !!this.$props.isMenuVertical))
+        return null;
+      const r = this.$props.item.groupHeaderRender, l = r ? u.call(this, {
+        h: d,
+        template: r,
+        additionalProps: {
+          item: this.$props.originalItemNeeded(s),
+          itemId: s
+        }
+      }) : n(x, null, [e || t ? n(g, {
+        class: "k-menu-link-icon",
+        name: k(e),
+        icon: t
+      }, null) : null, n("span", {
+        class: "k-menu-link-text"
+      }, [I])]);
+      return n("li", {
+        id: h,
+        class: a("k-menu-group-header", M),
+        style: m,
+        role: "presentation",
+        onMousedown: (P) => P.preventDefault(),
+        key: s
+      }, [l]);
+    }
+    const L = !!$ && (!R(s) || !!this.$props.isContextMenu), y = function() {
+      const i = p;
       return n("div", {
         class: "k-content",
         role: "presentation"
-      }, [function(r) {
-        return m.call(this, {
-          h: u,
+      }, [function(l) {
+        return u.call(this, {
+          h: d,
           template: this.contentRender,
-          additionalProps: r
+          additionalProps: l
         });
       }.call(this, {
         item: this.handleOriginalItemNeeded(i),
         itemId: i
       })]);
-    }, b = function() {
-      return e || t ? n(C, {
-        name: B(e),
+    }, F = function() {
+      return e || t ? n(g, {
+        class: "k-menu-link-icon",
+        name: k(e),
         icon: t
       }, null) : null;
-    }, R = function() {
-      return this.hasItems ? n(E, {
+    }, B = function() {
+      return this.hasItems ? n(Q, {
         itemId: o,
         verticalMenu: this.$props.isMenuVertical,
-        dir: p(this.$props.isDirectionRightToLeft),
+        dir: b(this.$props.isDirectionRightToLeft),
         key: "2"
       }, null) : null;
-    }, h = this.$props.originalItemNeeded(o), v = function() {
+    }, N = function() {
+      return f && !this.currentItemRender ? n("span", {
+        class: "k-menu-link-description",
+        key: "3"
+      }, [f]) : null;
+    }, c = this.$props.originalItemNeeded(o), S = function() {
+      const i = u.call(this, {
+        h: d,
+        template: this.currentActionsRender,
+        additionalProps: {
+          item: c,
+          itemId: o
+        }
+      });
+      return q(i) ? n("span", {
+        class: "k-menu-link-actions",
+        key: "4"
+      }, [i]) : null;
+    }, T = function() {
       const i = n("span", {
         class: "k-menu-link-text"
-      }, [a]), d = m.call(this, {
-        h: u,
+      }, [I]), r = u.call(this, {
+        h: d,
         template: this.currentItemRender,
         defaultRendering: i,
         additionalProps: {
-          item: h,
+          item: c,
           itemId: o,
           key: "1"
         }
-      }), r = n(A, {
-        url: g,
+      }), l = n(J, {
+        url: w,
         opened: this.currentOpened,
-        focused: this.currentFocused
+        focused: this.currentFocused,
+        disabled: L
       }, {
-        default: () => [[b.call(this), d, R.call(this)]]
+        default: () => [[F.call(this), r, S.call(this), B.call(this), N.call(this)]]
       });
-      return m.call(this, {
-        h: u,
+      return u.call(this, {
+        h: d,
         template: this.currentLinkRender,
-        defaultRendering: r,
+        defaultRendering: l,
         additionalProps: {
-          item: h,
+          item: c,
           itemId: o,
           opened: this.currentOpened,
-          dir: p(this.$props.isDirectionRightToLeft)
+          dir: b(this.$props.isDirectionRightToLeft)
         }
       });
-    }, O = function() {
+    }, A = function() {
       const {
         anchorAlign: i,
-        popupAlign: d,
-        collision: r
-      } = P(s, this.$props.isMenuVertical, this.$props.isDirectionRightToLeft);
-      return n(N, {
+        popupAlign: r,
+        collision: l
+      } = Z(s, this.$props.isMenuVertical, this.$props.isDirectionRightToLeft);
+      return n(j, E({
         anchor: this._anchor,
         show: this.currentOpened,
         popupClass: this.popupClassName,
         anchorAlign: i,
-        popupAlign: d,
-        collision: r,
-        animate: !1,
-        key: "1"
+        popupAlign: r,
+        collision: l,
+        animate: !1
+      }, {
+        onMouseover: this.onMouseOver,
+        onMouseleave: this.onMouseLeave,
+        onMousedown: this.handlePopupMouseDown
       }, {
-        default: () => [n(V, {
+        key: "1"
+      }), {
+        default: () => [n(W, {
           parentItemId: s,
           items: this.$props.item.items,
           menuGuid: this.$props.menuGuid,
@@ -194,9 +264,12 @@ const K = /* @__PURE__ */ c({
           tabbableItemId: this.$props.tabbableItemId,
           itemRender: this.$props.itemRender,
           linkRender: this.$props.linkRender,
+          actionsRender: this.$props.actionsRender,
           isMenuVertical: this.$props.isMenuVertical,
           isDirectionRightToLeft: this.$props.isDirectionRightToLeft,
-          class: "k-group k-menu-group k-menu-group-md k-reset",
+          size: this.$props.size,
+          isContextMenu: this.$props.isContextMenu,
+          class: this.popupListClassName,
           onMouseover: this.handleItemMouseOver,
           onMouseleave: this.handleItemMouseLeave,
           onMousedown: this.handleMouseDown,
@@ -207,14 +280,11 @@ const K = /* @__PURE__ */ c({
           originalItemNeeded: this.handleOriginalItemNeeded
         }, null)]
       });
-    }, w = n("li", {
-      class: "k-separator k-item",
-      "aria-hidden": !0,
-      key: s
-    }, null);
-    return M ? w : n("li", {
+    };
+    return n("li", {
+      id: h,
       class: this.menuItemClassName,
-      style: f,
+      style: m,
       tabindex: s === this.$props.tabbableItemId ? 0 : -1,
       onMouseover: this.onMouseOver,
       onMouseleave: this.onMouseLeave,
@@ -225,13 +295,12 @@ const K = /* @__PURE__ */ c({
       onKeydown: this.handleKeyDown,
       role: "menuitem",
       "aria-disabled": $ ? !0 : void 0,
-      "aria-haspopup": this.hasItems ? !0 : void 0,
+      "aria-haspopup": this.hasItems ? "menu" : void 0,
       "aria-expanded": this.hasItems ? this.currentOpened : void 0,
-      "aria-label": a,
-      "aria-owns": this.currentOpened ? I(this.$props.menuGuid, s) : void 0,
-      ref: F(this, "kendoAnchor"),
+      "aria-controls": this.currentOpened ? O(this.$props.menuGuid, s) : void 0,
+      ref: G(this, "kendoAnchor"),
       key: "0"
-    }, [this.contentRender ? k.call(this) : v.call(this), O.call(this)]);
+    }, [this.contentRender ? y.call(this) : T.call(this), A.call(this)]);
   },
   methods: {
     handleKeyDown(e) {
@@ -269,9 +338,13 @@ const K = /* @__PURE__ */ c({
     },
     onMouseLeave(e) {
       this.$emit("mouseleave", this.$props.item.id), e.stopPropagation();
+    },
+    // Keeps the focused item focused when the popup padding or a non-interactive entry is pressed.
+    handlePopupMouseDown(e) {
+      e.target.closest(".k-menu-item, .k-content") || e.preventDefault();
     }
   }
-}), V = /* @__PURE__ */ c({
+}), W = /* @__PURE__ */ v({
   name: "KendoMenuItemInternalsList",
   emits: {
     keydown: null,
@@ -293,23 +366,30 @@ const K = /* @__PURE__ */ c({
     tabbableItemId: String,
     itemRender: [String, Object, Function],
     linkRender: [String, Object, Function],
+    actionsRender: [String, Object, Function],
     isMenuVertical: Boolean,
     isDirectionRightToLeft: Boolean,
+    size: String,
+    isContextMenu: Boolean,
+    role: String,
     menuGuid: String,
     originalItemNeeded: Function
   },
   render() {
     const e = this.$props.parentItemId, t = function() {
-      return this.$props.items.length > 0 ? this.$props.items.map(function(o, l) {
-        return n(K, {
+      return this.$props.items.length > 0 ? this.$props.items.map(function(o, p) {
+        return n(U, {
           item: o,
           isMenuVertical: this.$props.isMenuVertical,
           isDirectionRightToLeft: this.$props.isDirectionRightToLeft,
+          size: this.$props.size,
+          isContextMenu: this.$props.isContextMenu,
           focusedItemId: this.$props.focusedItemId,
           lastItemIdToBeOpened: this.$props.lastItemIdToBeOpened,
           tabbableItemId: this.$props.tabbableItemId,
           itemRender: this.$props.itemRender,
           linkRender: this.$props.linkRender,
+          actionsRender: this.$props.actionsRender,
           menuGuid: this.$props.menuGuid,
           onMouseover: this.handleItemMouseOver,
           onMouseleave: this.handleItemMouseLeave,
@@ -319,13 +399,13 @@ const K = /* @__PURE__ */ c({
           onFocus: this.handleItemMouseFocus,
           onClick: this.handleItemMouseClick,
           originalItemNeeded: this.handleOriginalItemNeeded,
-          key: l
+          key: p
         }, null);
       }, this) : null;
     };
     return n("ul", {
-      role: e !== void 0 ? "menu" : "menubar",
-      id: e !== void 0 ? I(this.$props.menuGuid, e) : void 0
+      role: this.$props.role || (e !== void 0 ? "menu" : "menubar"),
+      id: e !== void 0 ? O(this.$props.menuGuid, e) : void 0
     }, [t.call(this)]);
   },
   methods: {
@@ -352,16 +432,10 @@ const K = /* @__PURE__ */ c({
     },
     handleItemMouseClick(e, t) {
       this.$emit("click", e, t);
-    },
-    onMouseOver(e) {
-      this.$props.parentItemId !== void 0 && (this.$emit("mouseover", this.$props.parentItemId), e.stopPropagation());
-    },
-    onMouseLeave(e) {
-      this.$props.parentItemId !== void 0 && (this.$emit("mouseleave", this.$props.parentItemId), e.stopPropagation());
     }
   }
 });
 export {
-  K as MenuItemInternal,
-  V as MenuItemInternalsList
+  U as MenuItemInternal,
+  W as MenuItemInternalsList
 };

package/menu/components/MenuItemLink.d.ts

@@ -21,6 +21,10 @@ export interface MenuItemLinkProps {
      * Sets the URL of the MenuItemLink component.
      */
     url?: string;
+    /**
+     * Specifies whether the MenuItemLink component is disabled.
+     */
+    disabled?: boolean;
 }
 /**
  * @hidden
@@ -35,18 +39,22 @@ declare const MenuItemLink: import('vue').DefineComponent<import('vue').ExtractP
     opened: BooleanConstructor;
     focused: BooleanConstructor;
     url: StringConstructor;
+    disabled: BooleanConstructor;
 }>, {}, {}, {
     menuItemClassName(): {
         'k-link': boolean;
         'k-menu-link': boolean;
         'k-active': any;
         'k-focus': any;
+        'k-disabled': any;
     };
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     opened: BooleanConstructor;
     focused: BooleanConstructor;
     url: StringConstructor;
+    disabled: BooleanConstructor;
 }>> & Readonly<{}>, {
+    disabled: boolean;
     focused: boolean;
     opened: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/menu/components/MenuItemLink.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoMenuItemLink",props:{opened:Boolean,focused:Boolean,url:String},computed:{menuItemClassName(){return{"k-link":!0,"k-menu-link":!0,"k-active":this.$props.opened,"k-focus":this.$props.focused}}},render(){const t=n.getDefaultSlots(this);if(this.$props.url){const s=n.isSafeUrl(this.$props.url)?this.$props.url:void 0;return e.createVNode("a",{class:this.menuItemClassName,role:"presentation",href:s,tabindex:-1},[t])}else return e.createVNode("span",{class:this.menuItemClassName,role:"presentation"},[t])}});exports.MenuItemLink=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoMenuItemLink",props:{opened:Boolean,focused:Boolean,url:String,disabled:Boolean},computed:{menuItemClassName(){return{"k-link":!0,"k-menu-link":!0,"k-active":this.$props.opened,"k-focus":this.$props.focused,"k-disabled":this.$props.disabled}}},render(){const t=s.getDefaultSlots(this);if(this.$props.url){const n=s.isSafeUrl(this.$props.url)?this.$props.url:void 0;return e.createVNode("a",{class:this.menuItemClassName,role:"presentation",href:n,tabindex:-1},[t])}else return e.createVNode("span",{class:this.menuItemClassName,role:"presentation"},[t])}});exports.MenuItemLink=o;

package/menu/components/MenuItemLink.mjs

@@ -5,14 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as n, createVNode as t } from "vue";
-import { getDefaultSlots as o, isSafeUrl as r } from "@progress/kendo-vue-common";
-const l = /* @__PURE__ */ n({
+import { defineComponent as o, createVNode as s } from "vue";
+import { getDefaultSlots as n, isSafeUrl as r } from "@progress/kendo-vue-common";
+const a = /* @__PURE__ */ o({
   name: "KendoMenuItemLink",
   props: {
     opened: Boolean,
     focused: Boolean,
-    url: String
+    url: String,
+    disabled: Boolean
   },
   computed: {
     menuItemClassName() {
@@ -20,27 +21,28 @@ const l = /* @__PURE__ */ n({
         "k-link": !0,
         "k-menu-link": !0,
         "k-active": this.$props.opened,
-        "k-focus": this.$props.focused
+        "k-focus": this.$props.focused,
+        "k-disabled": this.$props.disabled
       };
     }
   },
   render() {
-    const e = o(this);
+    const e = n(this);
     if (this.$props.url) {
-      const s = r(this.$props.url) ? this.$props.url : void 0;
-      return t("a", {
+      const t = r(this.$props.url) ? this.$props.url : void 0;
+      return s("a", {
         class: this.menuItemClassName,
         role: "presentation",
-        href: s,
+        href: t,
         tabindex: -1
       }, [e]);
     } else
-      return t("span", {
+      return s("span", {
         class: this.menuItemClassName,
         role: "presentation"
       }, [e]);
   }
 });
 export {
-  l as MenuItemLink
+  a as MenuItemLink
 };

package/menu/models/BaseMenuItem.d.ts

@@ -26,6 +26,16 @@ export interface BaseMenuItem {
      * Specifies the name of the [SVGIcon]({% slug overview_svgicon %}) that will be rendered for the item).
      */
     svgIcon?: SVGIcon;
+    /**
+     * Specifies secondary text below the item text. It wraps without truncation, is independent of
+     * `actionsRender`, and is ignored for group headers and separators.
+     *
+     * @example
+     * ```vue
+     * <Menu :items="[{ text: 'Copy', description: 'Copy the selection' }]" />
+     * ```
+     */
+    description?: string;
     /**
      * Specifies if the item is disabled ([see example]({% slug itemproperties_menu %}#toc-disabled-items)).
      */
@@ -62,4 +72,30 @@ export interface BaseMenuItem {
      * Specifies if this is a separator item. If set to true only the `cssClass` and `cssStyle` props should be rendered along.
      */
     separator?: boolean;
+    /**
+     * Specifies a component, render function, or slot name for item-specific trailing actions before
+     * the expand arrow. Receives `{ item, itemId }` and overrides the Menu-level `actionsRender`.
+     *
+     * @example
+     * ```vue
+     * <Menu :items="[{ text: 'Copy', actionsRender: 'copyActions' }]">
+     *     <template #copyActions><kbd>Ctrl+C</kbd></template>
+     * </Menu>
+     * ```
+     */
+    actionsRender?: any;
+    /**
+     * Specifies whether this item is a non-interactive group header for following items.
+     *
+     * @example
+     * ```vue
+     * <Menu :items="[{ text: 'File', items: [{ text: 'Recent', groupHeader: true }, { text: 'Doc 1' }] }]" />
+     * ```
+     */
+    groupHeader?: boolean;
+    /**
+     * Specifies a component, render function, or slot name for custom group-header content.
+     * Receives the original item and its `itemId`.
+     */
+    groupHeaderRender?: any;
 }

package/menu/models/MenuItemActionsRenderProps.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { MenuItemModel } from './MenuItemModel';
+/**
+ * The props supplied to a Vue Menu item actions template.
+ */
+export interface MenuItemActionsRenderProps {
+    /** The original item passed to the Menu. */
+    item: MenuItemModel;
+    /** The hierarchical, zero-based ID of the item. */
+    itemId: string;
+}

package/menu/models/MenuItemGroupHeaderRenderProps.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { MenuItemModel } from './MenuItemModel';
+/**
+ * The props supplied to a Vue Menu group-header template.
+ */
+export interface MenuItemGroupHeaderRenderProps {
+    /** The original item passed to the Menu. */
+    item: MenuItemModel;
+    /** The hierarchical, zero-based ID of the item. */
+    itemId: string;
+}

package/menu/utils/getNewItemIdUponKeyboardNavigation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@progress/kendo-vue-common"),n=require("./itemsIdsUtils.js"),A=/\S/;function M(g,e,P,y,a,u){const Z=l();switch(P){case i.Keys.left:return E();case i.Keys.right:return w();case i.Keys.up:return O();case i.Keys.down:return N();case i.Keys.enter:case i.Keys.space:return D();case i.Keys.home:return R();case i.Keys.end:return G();case i.Keys.esc:return H();default:return q()?B():e}function E(){return a?u?v():S():u?p():b()}function w(){return a?u?S():v():u?b():p()}function N(){return a?s():n.isIdZeroLevel(e)?d():s()}function O(){return a?c():n.isIdZeroLevel(e)?L():c()}function D(){return Z.disabled?e:f()?n.getFirstChildId(e):n.getRootParentId(e)}function R(){return K()[0].id}function G(){const t=K();return t[t.length-1].id}function H(){return n.isIdZeroLevel(e)?e:n.getDirectParentId(e)}function B(){const t=y.toLowerCase(),r=K(),o=Number(n.getShortId(e)),h=r.slice(o+1).concat(r.slice(0,o+1)).find(z=>(z.text||"").toLowerCase().startsWith(t));return h?h.id:e}function b(){return n.isIdZeroLevel(e)?c():n.isIdFirstLevel(e)?d(c(n.getRootParentId(e))):n.getDirectParentId(e)}function S(){return n.isIdZeroLevel(e)?L():n.getDirectParentId(e)}function p(){return n.isIdZeroLevel(e)?s():d(f()?e:s(n.getRootParentId(e)))}function v(){return d(n.isIdZeroLevel(e)||f()?e:s(n.getRootParentId(e)))}function d(t){return U(!0,t)}function L(t){return U(!1,t)}function q(){return y.length===1&&A.test(y)}function l(t,r){return t===void 0&&(t=e),r===void 0&&(r=g),n.getItemById(t,r)}function f(t){return l(t).items.length>0}function c(t){return C(!1,t)}function s(t){return C(!0,t)}function x(t){const r=l(t).items;return r[r.length-1].id}function K(){return n.isIdZeroLevel(e)?g:l(n.getDirectParentId(e),g).items}function U(t,r){r===void 0&&(r=e);const o=l(r);return f(r)&&!o.disabled?t?n.getFirstChildId(r):x(r):r}function C(t,r){if(r===void 0&&(r=e),n.isIdZeroLevel(r))return n.getDirectSiblingIdForLevelZero(t,r,g.length);{const o=n.getDirectParentId(r),F=n.getShortId(r),h=l(o).items.length;return n.createId(n.getDirectSiblingIdForLevelZero(t,F,h),o)}}}exports.getNewItemIdUponKeyboardNavigation=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@progress/kendo-vue-common"),r=require("./itemsIdsUtils.js"),o=require("./navigableItems.js"),A=/\S/;function M(g,e,Z,y,u,f){const h=l();switch(Z){case i.Keys.left:return w();case i.Keys.right:return O();case i.Keys.up:return R();case i.Keys.down:return x();case i.Keys.enter:case i.Keys.space:return G();case i.Keys.home:return H();case i.Keys.end:return q();case i.Keys.esc:return B();default:return z()?D():e}function w(){return u?f?L():S():f?U():p()}function O(){return u?f?S():L():f?p():U()}function x(){return u?s():r.isIdZeroLevel(e)?d():s()}function R(){return u?v():r.isIdZeroLevel(e)?C():v()}function G(){return h.disabled?e:c()?o.getFirstNavigableChildId(e,h.items):r.getRootParentId(e)}function H(){var t,n;return(n=(t=b().find(o.isNavigableItem))==null?void 0:t.id)!=null?n:e}function q(){var t,n;return(n=(t=[...b()].reverse().find(o.isNavigableItem))==null?void 0:t.id)!=null?n:e}function B(){return r.isIdZeroLevel(e)?e:r.getDirectParentId(e)}function D(){const t=y.toLowerCase(),n=b().filter(o.isNavigableItem),a=n.findIndex(K=>K.id===e),P=a<0?-1:a,E=n.slice(P+1).concat(n.slice(0,P+1)).find(K=>(K.text||"").toLowerCase().startsWith(t));return E?E.id:e}function p(){return r.isIdZeroLevel(e)?v():r.isIdFirstLevel(e)?d(v(r.getRootParentId(e))):r.getDirectParentId(e)}function S(){return r.isIdZeroLevel(e)?C():r.getDirectParentId(e)}function U(){return r.isIdZeroLevel(e)?s():d(c()?e:s(r.getRootParentId(e)))}function L(){return d(r.isIdZeroLevel(e)||c()?e:s(r.getRootParentId(e)))}function d(t){return N(!0,t)}function C(t){return N(!1,t)}function z(){return y.length===1&&A.test(y)}function l(t,n){return t===void 0&&(t=e),n===void 0&&(n=g),r.getItemById(t,n)}function c(t){return l(t).items.length>0}function v(t){return F(!1,t)}function s(t){return F(!0,t)}function b(){return r.isIdZeroLevel(e)?g:l(r.getDirectParentId(e),g).items}function N(t,n){n===void 0&&(n=e);const a=l(n);return c(n)&&!a.disabled?t?o.getFirstNavigableChildId(n,a.items):o.getLastNavigableChildId(n,a.items):n}function F(t,n){n===void 0&&(n=e);const a=r.isIdZeroLevel(n)?g:l(r.getDirectParentId(n)).items;return o.getNavigableSiblingId(a,t,n)}}exports.getNewItemIdUponKeyboardNavigation=M;