@progress/kendo-react-layout 13.2.1-develop.1 → 13.3.0-develop.2

package/menu/components/Menu.mjs

@@ -1,73 +1,93 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
 import * as m from "react";
 import i from "prop-types";
-import { Keys as h, classNames as f, dispatchEvent as v } from "@progress/kendo-react-common";
-import { EMPTY_ID as r, getItemById as a, getDirectParentId as b, getRootParentId as g, isIdEmptyOrZeroLevel as l, ZERO_LEVEL_ZERO_ITEM_ID as c } from "../utils/itemsIdsUtils.mjs";
-import { prepareInputItemsForInternalWork as R } from "../utils/prepareInputItemsForInternalWork.mjs";
+import { Keys as h, classNames as g, dispatchEvent as b } from "@progress/kendo-react-common";
+import { EMPTY_ID as r, getItemById as a, isIdZeroLevel as p, getDirectParentId as C, getRootParentId as R, isIdEmptyOrZeroLevel as l, ZERO_LEVEL_ZERO_ITEM_ID as f } from "../utils/itemsIdsUtils.mjs";
+import { prepareInputItemsForInternalWork as D } from "../utils/prepareInputItemsForInternalWork.mjs";
 import { getNewItemIdUponKeyboardNavigation as I } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
-import { getHoverOpenDelay as D, getHoverCloseDelay as H } from "../utils/hoverDelay.mjs";
-import { MenuItemInternalsList as O } from "./MenuItemInternal.mjs";
-import { DirectionHolder as C } from "../utils/DirectionHolder.mjs";
-import { MouseOverHandler as y } from "../utils/MouseOverHandler.mjs";
-const p = {
+import { getHoverOpenDelay as H, getHoverCloseDelay as O } from "../utils/hoverDelay.mjs";
+import { MenuItemInternalsList as y } from "./MenuItemInternal.mjs";
+import { DirectionHolder as k } from "../utils/DirectionHolder.mjs";
+import { MouseOverHandler as L } from "../utils/MouseOverHandler.mjs";
+const u = {
   focusedItemId: r,
   hoveredItemId: r,
-  tabbableItemId: c
+  tabbableItemId: f
 }, n = class n extends m.Component {
-  constructor(t) {
-    super(t), this.menuWrapperEl = null, this.directionHolder = new C(), this.inputItems = [], this.items = [], this.reset = () => {
-      this.clearItemHoverAndLeaveRequestsIfApplicable(), this.setState(p);
+  constructor(s) {
+    super(s), this.menuWrapperEl = null, this.directionHolder = new k(), this.inputItems = [], this.items = [], this.reset = () => {
+      this.clearItemHoverAndLeaveRequestsIfApplicable(), this.setState(u);
     }, this.onKeyDown = (e) => {
       if (this.state.focusedItemId !== r) {
-        const s = a(this.state.focusedItemId, this.items);
+        const t = a(this.state.focusedItemId, this.items);
         let o = I(
           this.items,
-          s.id,
+          t.id,
           e.keyCode,
           e.key,
           this.props.vertical,
           this.directionHolder.getIsDirectionRightToLeft()
         );
         const d = a(o, this.items);
-        d && d.separator && (o = I(
+        if (d && d.separator && (o = I(
           this.items,
           o,
           e.keyCode,
           e.key,
           this.props.vertical,
           this.directionHolder.getIsDirectionRightToLeft()
-        )), s.id !== o && (e.preventDefault(), this.setFocusedItemId(o)), (e.keyCode === h.enter || e.keyCode === h.space) && !s.disabled && (this.mouseOverHandler.handleItemSelectedViaKeyboard(), this.dispatchSelectEventIfWired(e, s.id), !e.isDefaultPrevented() && s.items.length === 0 && s.url && window.location.assign(s.url));
+        )), t.id !== o && (e.preventDefault(), this.setFocusedItemId(o)), (e.keyCode === h.enter || e.keyCode === h.space) && !t.disabled && (this.mouseOverHandler.handleItemSelectedViaKeyboard(), this.dispatchSelectEventIfWired(e, t.id), !e.isDefaultPrevented() && t.items.length === 0 && t.url && window.location.assign(t.url)), e.keyCode === h.esc && p(t.id) && this.props.onClose) {
+          const v = this.getInputItem(t.id);
+          this.props.onClose({
+            target: this,
+            item: v,
+            itemId: t.id
+          });
+        }
       }
-      e.keyCode === h.esc && this.props.onClose && this.props.onClose.call(void 0, e);
     }, this.onItemMouseOver = (e) => {
       this.mouseOverHandler.IsMouseOverEnabled && (this.clearItemHoverAndLeaveRequestsIfApplicable(), this.itemHoverRequest = window.setTimeout(() => {
         this.setHoveredItemId(e), this.itemHoverRequest = null;
-      }, D(this.props)));
+      }, H(this.props)));
     }, this.onItemMouseLeave = (e) => {
       this.mouseOverHandler.IsMouseOverEnabled && this.isItemWithDefaultClose(e) && (this.clearItemHoverAndLeaveRequestsIfApplicable(), this.itemLeaveRequest = window.setTimeout(() => {
         this.setHoveredItemId(r), this.itemLeaveRequest = null;
-      }, H(this.props)));
+      }, O(this.props)));
     }, this.onItemMouseDown = () => {
       this.mouseOverHandler.handleItemMouseDown();
     }, this.onItemFocus = (e) => {
       this.setFocusedItemId(e), this.mouseOverHandler.handleItemFocus();
-    }, this.onItemClick = (e, s) => {
-      const o = a(s, this.items);
-      o.disabled || (this.setFocusedItemId(s), this.mouseOverHandler.handleItemClick(s, this.isItemWithDefaultClose(s)), this.dispatchSelectEventIfWired(e, s), !e.isDefaultPrevented() && o.url && window.location.assign(o.url));
-    }, this.onItemBlur = (e, s) => {
-      if (this.isItemWithDefaultClose(e) && this.setFocusedItemId(r), s.relatedTarget && s.relatedTarget.nodeName === "LI") {
-        const o = s.relatedTarget.getAttribute("id");
+    }, this.onItemClick = (e, t) => {
+      const o = a(t, this.items);
+      o.disabled || (this.setFocusedItemId(t), this.mouseOverHandler.handleItemClick(t, this.isItemWithDefaultClose(t)), this.dispatchSelectEventIfWired(e, t), !e.isDefaultPrevented() && o.url && window.location.assign(o.url));
+    }, this.onPopupClose = (e, t) => {
+      this.props.onClose && this.props.onClose({
+        target: this,
+        item: this.getInputItem(e),
+        itemId: e,
+        popupCloseEvent: t
+      });
+    }, this.onItemBlur = (e, t) => {
+      if (this.isItemWithDefaultClose(e) && this.setFocusedItemId(r), t.relatedTarget && t.relatedTarget.nodeName === "LI") {
+        const o = t.relatedTarget.getAttribute("id");
         if (o && o.includes(this.menuItemId))
           return;
       }
-      this.props.onClose && this.props.onClose.call(void 0, s);
-    }, this.getInputItem = (e) => a(e, this.inputItems), this.mouseOverHandler = new y(this.props.openOnClick, this.reset, this.onItemMouseOver), this.state = Object.assign({}, p, { isFirstRender: !0 });
+      if (p(e) && this.props.onClose) {
+        const o = this.getInputItem(e);
+        this.props.onClose({
+          target: this,
+          item: o,
+          itemId: e
+        });
+      }
+    }, this.getInputItem = (e) => a(e, this.inputItems), this.mouseOverHandler = new L(this.props.openOnClick, this.reset, this.onItemMouseOver), this.state = Object.assign({}, u, { isFirstRender: !0 });
   }
   get menuItemId() {
     return this.props.id;
@@ -86,7 +106,7 @@ const p = {
    */
   render() {
     this.prepareItems(), this.state.isFirstRender || this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());
-    const t = this.state.hoveredItemId ? this.state.hoveredItemId : this.state.focusedItemId ? b(this.state.focusedItemId) : r;
+    const s = this.state.hoveredItemId ? this.state.hoveredItemId : this.state.focusedItemId ? C(this.state.focusedItemId) : r;
     return /* @__PURE__ */ m.createElement(
       "div",
       {
@@ -99,7 +119,7 @@ const p = {
         }
       },
       /* @__PURE__ */ m.createElement(
-        O,
+        y,
         {
           className: this.getMenuClassName(),
           "aria-orientation": this.props.vertical ? "vertical" : void 0,
@@ -108,7 +128,7 @@ const p = {
           isMenuVertical: this.props.vertical,
           isDirectionRightToLeft: this.directionHolder.getIsDirectionRightToLeft(),
           focusedItemId: this.state.focusedItemId,
-          lastItemIdToBeOpened: t,
+          lastItemIdToBeOpened: s,
           tabbableItemId: this.state.tabbableItemId,
           itemRender: this.props.itemRender,
           linkRender: this.props.linkRender,
@@ -120,6 +140,7 @@ const p = {
           onClick: this.onItemClick,
           onBlur: this.onItemBlur,
           onOriginalItemNeeded: this.getInputItem,
+          onPopupClose: this.onPopupClose,
           role: this.props.role
         }
       )
@@ -134,8 +155,8 @@ const p = {
   /**
    * @hidden
    */
-  componentDidUpdate(t) {
-    (!!t.vertical != !!this.props.vertical || this.directionHolder.hasDirectionChanged()) && this.reset(), this.mouseOverHandler.OpenOnClick = this.props.openOnClick;
+  componentDidUpdate(s) {
+    (!!s.vertical != !!this.props.vertical || this.directionHolder.hasDirectionChanged()) && this.reset(), this.mouseOverHandler.OpenOnClick = this.props.openOnClick;
   }
   /**
    * @hidden
@@ -143,21 +164,21 @@ const p = {
   componentWillUnmount() {
     this.clearItemHoverAndLeaveRequestsIfApplicable();
   }
-  setFocusedItemId(t) {
+  setFocusedItemId(s) {
     this.setState((e) => {
-      const s = t === r ? e.tabbableItemId : g(t);
-      return { hoveredItemId: t === r || l(e.hoveredItemId) && l(t) ? e.hoveredItemId : r, focusedItemId: t, tabbableItemId: s };
+      const t = s === r ? e.tabbableItemId : R(s);
+      return { hoveredItemId: s === r || l(e.hoveredItemId) && l(s) ? e.hoveredItemId : r, focusedItemId: s, tabbableItemId: t };
     });
   }
-  setHoveredItemId(t) {
-    this.setState((e) => l(t) && l(e.focusedItemId) ? {
-      hoveredItemId: t,
+  setHoveredItemId(s) {
+    this.setState((e) => l(s) && l(e.focusedItemId) ? {
+      hoveredItemId: s,
       focusedItemId: e.focusedItemId,
       tabbableItemId: e.tabbableItemId
-    } : { hoveredItemId: t, focusedItemId: r, tabbableItemId: c });
+    } : { hoveredItemId: s, focusedItemId: r, tabbableItemId: f });
   }
   getMenuClassName() {
-    return f(
+    return g(
       "k-reset",
       "k-header",
       "k-menu",
@@ -169,18 +190,18 @@ const p = {
   clearItemHoverAndLeaveRequestsIfApplicable() {
     this.itemHoverRequest && (clearTimeout(this.itemHoverRequest), this.itemHoverRequest = null), this.itemLeaveRequest && (clearTimeout(this.itemLeaveRequest), this.itemLeaveRequest = null);
   }
-  isItemWithDefaultClose(t) {
-    return !this.props.customCloseItemIds || this.props.customCloseItemIds.indexOf(t) === -1;
+  isItemWithDefaultClose(s) {
+    return !this.props.customCloseItemIds || this.props.customCloseItemIds.indexOf(s) === -1;
   }
   checkIsDirectionRightToLeft() {
     return !!(this.props.dir !== void 0 ? this.props.dir === "rtl" : this.menuWrapperEl && getComputedStyle(this.menuWrapperEl).direction === "rtl");
   }
   prepareItems() {
-    const { items: t, inputItems: e } = R(this.props.items, this.props.children);
-    this.items = t, this.inputItems = e;
+    const { items: s, inputItems: e } = D(this.props.items, this.props.children);
+    this.items = s, this.inputItems = e;
   }
-  dispatchSelectEventIfWired(t, e) {
-    v(this.props.onSelect, t, this, { item: this.getInputItem(e), itemId: e });
+  dispatchSelectEventIfWired(s, e) {
+    b(this.props.onSelect, s, this, { item: this.getInputItem(e), itemId: e });
   }
 };
 n.propTypes = {
@@ -202,9 +223,10 @@ n.propTypes = {
   linkRender: i.any,
   customCloseItemIds: i.arrayOf(i.string),
   onSelect: i.func,
+  onClose: i.func,
   role: i.string
 }, n.defaultProps = { vertical: !1, animate: !0 };
-let u = n;
+let c = n;
 export {
-  u as Menu
+  c as Menu
 };

package/menu/components/MenuItem.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/components/MenuItem.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/components/MenuItemArrow.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/components/MenuItemArrow.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/components/MenuItemInternal.js

@@ -1,8 +1,8 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),a=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-popup"),m=require("../utils/itemsIdsUtils.js"),p=require("../utils/misc.js"),g=require("./MenuItemLink.js"),M=require("./MenuItemArrow.js");function f(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const s=f(h);class u extends s.Component{constructor(){super(...arguments),this.onMouseOver=e=>{this.props.onMouseOver(this.props.parentItemId),e.stopPropagation()},this.onMouseLeave=e=>{this.props.onMouseLeave(this.props.parentItemId),e.stopPropagation()}}render(){const e=this.props.parentItemId;return s.createElement("ul",{className:this.props.className,role:this.props.role?this.props.role:e!==void 0?"menu":"menubar",id:e!==void 0?p.getDOMElementId(this.props.menuGuid,e):void 0,onMouseOver:e!==void 0?this.onMouseOver:void 0,onMouseLeave:e!==void 0?this.onMouseLeave:void 0,"aria-orientation":this.props["aria-orientation"]},this.renderChildItems())}renderChildItems(){return this.props.items.length>0?this.props.items.map((e,t)=>s.createElement(l,{item:e,animate:this.props.animate,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.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded,key:t})):null}}class l extends s.Component{constructor(e){super(e),this.isFirstRender=!0,this.onMouseOver=t=>{this.props.onMouseOver(this.props.item.id),t.stopPropagation()},this.onMouseLeave=t=>{this.props.onMouseLeave(this.props.item.id),t.stopPropagation()},this.state={opened:!1}}componentDidMount(){const e=this.props.focusedItemId,t=this.props.item.id;e&&e===t&&this.itemElement.focus({preventScroll:!0}),this.isFirstRender=!1}componentDidUpdate(e){const t=this.props.focusedItemId,i=this.props.item.id;if(t){const r=a.getActiveElement(document);e.focusedItemId!==t&&t===i&&!this.itemElement.contains(r)&&this.itemElement.focus({preventScroll:!0})}}render(){const e=this.props.item,t=e.id,i=p.getDOMElementId(this.props.menuGuid,t),r=e.separator;return s.createElement(s.Fragment,null,r?s.createElement("li",{className:"k-separator k-item","aria-hidden":!0,key:i,id:i,ref:n=>{this.itemElement=n}}):s.createElement("li",{id:i,className:this.getMenuItemClassName(e),style:e.cssStyle,tabIndex:t===this.props.tabbableItemId?0:-1,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:n=>this.props.onMouseDown(n),onBlur:n=>this.props.onBlur(t,n),onFocus:()=>this.props.onFocus(t),onClick:n=>this.props.onClick(n,t),role:"menuitem","aria-disabled":e.disabled?!0:void 0,"aria-haspopup":e.items.length>0?!0:void 0,"aria-expanded":e.items.length>0?this.Opened:void 0,"aria-label":e.text,"aria-owns":this.Opened?i:void 0,ref:n=>{this.itemElement=n},key:i},this.contentRender?this.renderContent():this.renderMenuItemLink()),this.renderPopupIfOpened())}renderContent(){const e=this.props.item.contentParentItemId;return s.createElement("div",{className:"k-content",role:"presentation"},s.createElement(this.contentRender,{item:this.props.onOriginalItemNeeded(e),itemId:e}))}renderMenuItemLink(){const e=this.props.item;if(this.linkRender)return s.createElement(this.linkRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,opened:this.Opened,dir:p.convertBoolDirectionToString(this.props.isDirectionRightToLeft)});const t=this.itemRender?s.createElement(this.itemRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,key:"1"}):s.createElement("span",{className:"k-menu-link-text"},e.text);return s.createElement(g.MenuItemLink,{url:e.url,opened:this.Opened},this.renderMenuIconIfApplicable(),t,this.renderArrowIfApplicable())}renderPopupIfOpened(){const e=this.props.item.id,t=this.props.animate,{anchorAlign:i,popupAlign:r,collision:n,animationDirection:d}=p.getPopupSettings(e,this.props.isMenuVertical,this.props.isDirectionRightToLeft),c=t===!0?{openDuration:300,closeDuration:300,direction:d}:t===!1?!1:{openDuration:(t==null?void 0:t.openDuration)||300,closeDuration:(t==null?void 0:t.closeDuration)||300,direction:(t==null?void 0:t.direction)||d};return s.createElement(I.Popup,{anchor:this.itemElement,show:this.Opened,popupClass:this.getPopupClassName(),anchorAlign:i,popupAlign:r,collision:n,animate:c,key:"1"},s.createElement(u,{parentItemId:e,animate:this.props.animate,items:this.props.item.items,menuGuid:this.props.menuGuid,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,className:"k-group k-menu-group k-reset k-menu-group-md",onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded}))}renderMenuIconIfApplicable(){const{icon:e,svgIcon:t}=this.props.item;return e||t?s.createElement(a.IconWrap,{name:e,icon:t,key:"0"}):null}renderArrowIfApplicable(){return this.props.item.items.length>0?s.createElement("span",{className:"k-menu-expand-arrow","aria-hidden":!0},s.createElement(M.MenuItemArrow,{itemId:this.props.item.id,verticalMenu:this.props.isMenuVertical,dir:p.convertBoolDirectionToString(this.props.isDirectionRightToLeft),key:"2"})):null}get itemRender(){return this.props.item.render||this.props.itemRender}get linkRender(){return this.props.item.linkRender||this.props.linkRender}get contentRender(){return this.props.item.contentParentItemId?this.props.item.contentRender:null}get Opened(){const e=this.props;return e.item.items.length>0&&m.shouldOpenItem(e.item.id,e.lastItemIdToBeOpened)&&!this.isFirstRender}getPopupClassName(){return a.classNames("k-menu-popup",{"k-rtl":this.props.isDirectionRightToLeft})}getMenuItemClassName(e){return a.classNames("k-item","k-menu-item",{"k-first":m.isFirstItemFromSiblings(e.id),"k-last":e.isLastFromSiblings,"k-disabled":e.disabled},e.cssClass)}}exports.MenuItemInternal=l;exports.MenuItemInternalsList=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),a=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-popup"),m=require("../utils/itemsIdsUtils.js"),p=require("../utils/misc.js"),g=require("./MenuItemLink.js"),M=require("./MenuItemArrow.js");function f(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const s=f(h);class u extends s.Component{constructor(){super(...arguments),this.onMouseOver=e=>{this.props.onMouseOver(this.props.parentItemId),e.stopPropagation()},this.onMouseLeave=e=>{this.props.onMouseLeave(this.props.parentItemId),e.stopPropagation()}}render(){const e=this.props.parentItemId;return s.createElement("ul",{className:this.props.className,role:this.props.role?this.props.role:e!==void 0?"menu":"menubar",id:e!==void 0?p.getDOMElementId(this.props.menuGuid,e):void 0,onMouseOver:e!==void 0?this.onMouseOver:void 0,onMouseLeave:e!==void 0?this.onMouseLeave:void 0,"aria-orientation":this.props["aria-orientation"]},this.renderChildItems())}renderChildItems(){return this.props.items.length>0?this.props.items.map((e,t)=>s.createElement(l,{item:e,animate:this.props.animate,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.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded,onPopupClose:this.props.onPopupClose,key:t})):null}}class l extends s.Component{constructor(e){super(e),this.isFirstRender=!0,this.onMouseOver=t=>{this.props.onMouseOver(this.props.item.id),t.stopPropagation()},this.onMouseLeave=t=>{this.props.onMouseLeave(this.props.item.id),t.stopPropagation()},this.onPopupClose=t=>{this.props.onPopupClose(this.props.item.id,t)},this.state={opened:!1}}componentDidMount(){const e=this.props.focusedItemId,t=this.props.item.id;e&&e===t&&this.itemElement.focus({preventScroll:!0}),this.isFirstRender=!1}componentDidUpdate(e){const t=this.props.focusedItemId,o=this.props.item.id;if(t){const r=a.getActiveElement(document);e.focusedItemId!==t&&t===o&&!this.itemElement.contains(r)&&this.itemElement.focus({preventScroll:!0})}}render(){const e=this.props.item,t=e.id,o=p.getDOMElementId(this.props.menuGuid,t),r=e.separator;return s.createElement(s.Fragment,null,r?s.createElement("li",{className:"k-separator k-item","aria-hidden":!0,key:o,id:o,ref:i=>{this.itemElement=i}}):s.createElement("li",{id:o,className:this.getMenuItemClassName(e),style:e.cssStyle,tabIndex:t===this.props.tabbableItemId?0:-1,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:i=>this.props.onMouseDown(i),onBlur:i=>this.props.onBlur(t,i),onFocus:()=>this.props.onFocus(t),onClick:i=>this.props.onClick(i,t),role:"menuitem","aria-disabled":e.disabled?!0:void 0,"aria-haspopup":e.items.length>0?!0:void 0,"aria-expanded":e.items.length>0?this.Opened:void 0,"aria-label":e.text,"aria-owns":this.Opened?o:void 0,ref:i=>{this.itemElement=i},key:o},this.contentRender?this.renderContent():this.renderMenuItemLink()),this.renderPopupIfOpened())}renderContent(){const e=this.props.item.contentParentItemId;return s.createElement("div",{className:"k-content",role:"presentation"},s.createElement(this.contentRender,{item:this.props.onOriginalItemNeeded(e),itemId:e}))}renderMenuItemLink(){const e=this.props.item;if(this.linkRender)return s.createElement(this.linkRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,opened:this.Opened,dir:p.convertBoolDirectionToString(this.props.isDirectionRightToLeft)});const t=this.itemRender?s.createElement(this.itemRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,key:"1"}):s.createElement("span",{className:"k-menu-link-text"},e.text);return s.createElement(g.MenuItemLink,{url:e.url,opened:this.Opened},this.renderMenuIconIfApplicable(),t,this.renderArrowIfApplicable())}renderPopupIfOpened(){const e=this.props.item.id,t=this.props.animate,{anchorAlign:o,popupAlign:r,collision:i,animationDirection:d}=p.getPopupSettings(e,this.props.isMenuVertical,this.props.isDirectionRightToLeft),c=t===!0?{openDuration:300,closeDuration:300,direction:d}:t===!1?!1:{openDuration:(t==null?void 0:t.openDuration)||300,closeDuration:(t==null?void 0:t.closeDuration)||300,direction:(t==null?void 0:t.direction)||d};return s.createElement(I.Popup,{anchor:this.itemElement,show:this.Opened,popupClass:this.getPopupClassName(),anchorAlign:o,popupAlign:r,collision:i,animate:c,onClose:this.onPopupClose,key:"1"},s.createElement(u,{parentItemId:e,animate:this.props.animate,items:this.props.item.items,menuGuid:this.props.menuGuid,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,className:"k-group k-menu-group k-reset k-menu-group-md",onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded,onPopupClose:this.props.onPopupClose}))}renderMenuIconIfApplicable(){const{icon:e,svgIcon:t}=this.props.item;return e||t?s.createElement(a.IconWrap,{name:e,icon:t,key:"0"}):null}renderArrowIfApplicable(){return this.props.item.items.length>0?s.createElement("span",{className:"k-menu-expand-arrow","aria-hidden":!0},s.createElement(M.MenuItemArrow,{itemId:this.props.item.id,verticalMenu:this.props.isMenuVertical,dir:p.convertBoolDirectionToString(this.props.isDirectionRightToLeft),key:"2"})):null}get itemRender(){return this.props.item.render||this.props.itemRender}get linkRender(){return this.props.item.linkRender||this.props.linkRender}get contentRender(){return this.props.item.contentParentItemId?this.props.item.contentRender:null}get Opened(){const e=this.props;return e.item.items.length>0&&m.shouldOpenItem(e.item.id,e.lastItemIdToBeOpened)&&!this.isFirstRender}getPopupClassName(){return a.classNames("k-menu-popup",{"k-rtl":this.props.isDirectionRightToLeft})}getMenuItemClassName(e){return a.classNames("k-item","k-menu-item",{"k-first":m.isFirstItemFromSiblings(e.id),"k-last":e.isLastFromSiblings,"k-disabled":e.disabled},e.cssClass)}}exports.MenuItemInternal=l;exports.MenuItemInternalsList=u;

package/menu/components/MenuItemInternal.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
@@ -56,6 +56,7 @@ class k extends s.Component {
         onFocus: this.props.onFocus,
         onClick: this.props.onClick,
         onOriginalItemNeeded: this.props.onOriginalItemNeeded,
+        onPopupClose: this.props.onPopupClose,
         key: t
       }
     )) : null;
@@ -67,6 +68,8 @@ class O extends s.Component {
       this.props.onMouseOver(this.props.item.id), t.stopPropagation();
     }, this.onMouseLeave = (t) => {
       this.props.onMouseLeave(this.props.item.id), t.stopPropagation();
+    }, this.onPopupClose = (t) => {
+      this.props.onPopupClose(this.props.item.id, t);
     }, this.state = { opened: !1 };
   }
   componentDidMount() {
@@ -74,51 +77,51 @@ class O extends s.Component {
     e && e === t && this.itemElement.focus({ preventScroll: !0 }), this.isFirstRender = !1;
   }
   componentDidUpdate(e) {
-    const t = this.props.focusedItemId, o = this.props.item.id;
+    const t = this.props.focusedItemId, i = this.props.item.id;
     if (t) {
       const n = u(document);
-      e.focusedItemId !== t && t === o && // https://github.com/telerik/kendo-react/issues/216 :
+      e.focusedItemId !== t && t === i && // 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(n) && this.itemElement.focus({ preventScroll: !0 });
     }
   }
   render() {
-    const e = this.props.item, t = e.id, o = d(this.props.menuGuid, t), n = e.separator;
+    const e = this.props.item, t = e.id, i = d(this.props.menuGuid, t), n = e.separator;
     return /* @__PURE__ */ s.createElement(s.Fragment, null, n ? /* @__PURE__ */ s.createElement(
       "li",
       {
         className: "k-separator k-item",
         "aria-hidden": !0,
-        key: o,
-        id: o,
-        ref: (i) => {
-          this.itemElement = i;
+        key: i,
+        id: i,
+        ref: (o) => {
+          this.itemElement = o;
         }
       }
     ) : /* @__PURE__ */ s.createElement(
       "li",
       {
-        id: o,
+        id: i,
         className: this.getMenuItemClassName(e),
         style: e.cssStyle,
         tabIndex: t === this.props.tabbableItemId ? 0 : -1,
         onMouseOver: this.onMouseOver,
         onMouseLeave: this.onMouseLeave,
-        onMouseDown: (i) => this.props.onMouseDown(i),
-        onBlur: (i) => this.props.onBlur(t, i),
+        onMouseDown: (o) => this.props.onMouseDown(o),
+        onBlur: (o) => this.props.onBlur(t, o),
         onFocus: () => this.props.onFocus(t),
-        onClick: (i) => this.props.onClick(i, t),
+        onClick: (o) => this.props.onClick(o, t),
         role: "menuitem",
         "aria-disabled": e.disabled ? !0 : void 0,
         "aria-haspopup": e.items.length > 0 ? !0 : void 0,
         "aria-expanded": e.items.length > 0 ? this.Opened : void 0,
         "aria-label": e.text,
-        "aria-owns": this.Opened ? o : void 0,
-        ref: (i) => {
-          this.itemElement = i;
+        "aria-owns": this.Opened ? i : void 0,
+        ref: (o) => {
+          this.itemElement = o;
         },
-        key: o
+        key: i
       },
       this.contentRender ? this.renderContent() : this.renderMenuItemLink()
     ), this.renderPopupIfOpened());
@@ -143,7 +146,7 @@ class O extends s.Component {
     return /* @__PURE__ */ s.createElement(f, { url: e.url, opened: this.Opened }, this.renderMenuIconIfApplicable(), t, this.renderArrowIfApplicable());
   }
   renderPopupIfOpened() {
-    const e = this.props.item.id, t = this.props.animate, { anchorAlign: o, popupAlign: n, collision: i, animationDirection: r } = g(
+    const e = this.props.item.id, t = this.props.animate, { anchorAlign: i, popupAlign: n, collision: o, animationDirection: r } = g(
       e,
       this.props.isMenuVertical,
       this.props.isDirectionRightToLeft
@@ -158,10 +161,11 @@ class O extends s.Component {
         anchor: this.itemElement,
         show: this.Opened,
         popupClass: this.getPopupClassName(),
-        anchorAlign: o,
+        anchorAlign: i,
         popupAlign: n,
-        collision: i,
+        collision: o,
         animate: l,
+        onClose: this.onPopupClose,
         key: "1"
       },
       /* @__PURE__ */ s.createElement(
@@ -185,7 +189,8 @@ class O extends s.Component {
           onBlur: this.props.onBlur,
           onFocus: this.props.onFocus,
           onClick: this.props.onClick,
-          onOriginalItemNeeded: this.props.onOriginalItemNeeded
+          onOriginalItemNeeded: this.props.onOriginalItemNeeded,
+          onPopupClose: this.props.onPopupClose
         }
       )
     );

package/menu/components/MenuItemLink.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/components/MenuItemLink.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/consts.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/consts.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/DirectionHolder.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/DirectionHolder.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/MouseOverHandler.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/MouseOverHandler.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/getNewItemIdUponKeyboardNavigation.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/getNewItemIdUponKeyboardNavigation.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/hoverDelay.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/hoverDelay.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/itemsIdsUtils.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/itemsIdsUtils.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/misc.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/misc.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/prepareInputItemsForInternalWork.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/utils/prepareInputItemsForInternalWork.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */