@progress/kendo-react-layout 9.4.0-develop.8 → 9.4.0

package/menu/components/Menu.mjs

@@ -5,28 +5,29 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as l from "react";
+import * as m from "react";
 import i from "prop-types";
-import { Keys as m, validatePackage as u, classNames as c, dispatchEvent as f } from "@progress/kendo-react-common";
-import { EMPTY_ID as r, getItemById as d, getDirectParentId as v, getRootParentId as b, isIdEmptyOrZeroLevel as n, ZERO_LEVEL_ZERO_ITEM_ID as p } from "../utils/itemsIdsUtils.mjs";
-import { prepareInputItemsForInternalWork as g } from "../utils/prepareInputItemsForInternalWork.mjs";
-import { getNewItemIdUponKeyboardNavigation as R } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
-import { getHoverOpenDelay as D, getHoverCloseDelay as H } from "../utils/hoverDelay.mjs";
+import { Keys as d, validatePackage as f, classNames as v, dispatchEvent as b } from "@progress/kendo-react-common";
+import { EMPTY_ID as r, getItemById as n, getDirectParentId as g, getRootParentId as R, isIdEmptyOrZeroLevel as a, ZERO_LEVEL_ZERO_ITEM_ID as u } from "../utils/itemsIdsUtils.mjs";
+import { prepareInputItemsForInternalWork as D } from "../utils/prepareInputItemsForInternalWork.mjs";
+import { getNewItemIdUponKeyboardNavigation as I } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
+import { getHoverOpenDelay as H, getHoverCloseDelay as C } from "../utils/hoverDelay.mjs";
 import { MenuItemInternalsList as O } from "./MenuItemInternal.mjs";
-import { DirectionHolder as C } from "../utils/DirectionHolder.mjs";
-import { MouseOverHandler as k } from "../utils/MouseOverHandler.mjs";
-import { packageMetadata as y } from "../../package-metadata.mjs";
-const h = {
+import { DirectionHolder as k } from "../utils/DirectionHolder.mjs";
+import { MouseOverHandler as y } from "../utils/MouseOverHandler.mjs";
+import { packageMetadata as L } from "../../package-metadata.mjs";
+const p = {
   focusedItemId: r,
   hoveredItemId: r,
-  tabbableItemId: p
-}, a = class a extends l.Component {
+  tabbableItemId: u
+}, l = class l extends m.Component {
   constructor(t) {
-    super(t), this.menuWrapperEl = null, this.directionHolder = new C(), this.inputItems = [], this.items = [], this.reset = () => {
-      this.clearItemHoverAndLeaveRequestsIfApplicable(), this.setState(h);
+    super(t), this.menuWrapperEl = null, this.directionHolder = new k(), this.inputItems = [], this.items = [], this.reset = () => {
+      this.clearItemHoverAndLeaveRequestsIfApplicable(), this.setState(p);
     }, this.onKeyDown = (e) => {
       if (this.state.focusedItemId !== r) {
-        const s = d(this.state.focusedItemId, this.items), o = R(
+        const s = n(this.state.focusedItemId, this.items);
+        let o = I(
           this.items,
           s.id,
           e.keyCode,
@@ -34,23 +35,31 @@ const h = {
           this.props.vertical,
           this.directionHolder.getIsDirectionRightToLeft()
         );
-        s.id !== o && (e.preventDefault(), this.setFocusedItemId(o)), (e.keyCode === m.enter || e.keyCode === m.space) && !s.disabled && (this.mouseOverHandler.handleItemSelectedViaKeyboard(), this.dispatchSelectEventIfWired(e, s.id), !e.isDefaultPrevented() && s.items.length === 0 && s.url && window.location.assign(s.url));
+        const h = n(o, this.items);
+        h && h.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 === d.enter || e.keyCode === d.space) && !s.disabled && (this.mouseOverHandler.handleItemSelectedViaKeyboard(), this.dispatchSelectEventIfWired(e, s.id), !e.isDefaultPrevented() && s.items.length === 0 && s.url && window.location.assign(s.url));
       }
-      e.keyCode === m.esc && this.props.onClose && this.props.onClose.call(void 0, e);
+      e.keyCode === d.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)));
+      }, C(this.props)));
     }, this.onItemMouseDown = () => {
       this.mouseOverHandler.handleItemMouseDown();
     }, this.onItemFocus = (e) => {
       this.setFocusedItemId(e), this.mouseOverHandler.handleItemFocus();
     }, this.onItemClick = (e, s) => {
-      const o = d(s, this.items);
+      const o = n(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") {
@@ -59,7 +68,7 @@ const h = {
           return;
       }
       this.props.onClose && this.props.onClose.call(void 0, s);
-    }, this.getInputItem = (e) => d(e, this.inputItems), u(y), this.mouseOverHandler = new k(this.props.openOnClick, this.reset, this.onItemMouseOver), this.state = Object.assign({}, h, { isFirstRender: !0 });
+    }, this.getInputItem = (e) => n(e, this.inputItems), f(L), this.mouseOverHandler = new y(this.props.openOnClick, this.reset, this.onItemMouseOver), this.state = Object.assign({}, p, { isFirstRender: !0 });
   }
   get menuItemId() {
     return this.props.id;
@@ -72,8 +81,8 @@ const h = {
    */
   render() {
     this.prepareItems(), this.state.isFirstRender || this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());
-    const t = this.state.hoveredItemId ? this.state.hoveredItemId : this.state.focusedItemId ? v(this.state.focusedItemId) : r;
-    return /* @__PURE__ */ l.createElement(
+    const t = this.state.hoveredItemId ? this.state.hoveredItemId : this.state.focusedItemId ? g(this.state.focusedItemId) : r;
+    return /* @__PURE__ */ m.createElement(
       "div",
       {
         id: this.props.id,
@@ -82,7 +91,7 @@ const h = {
         className: this.directionHolder.getIsDirectionRightToLeft() ? "k-rtl" : void 0,
         ref: (e) => this.menuWrapperEl = e
       },
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ m.createElement(
         O,
         {
           className: this.getMenuClassName(),
@@ -128,19 +137,19 @@ const h = {
   }
   setFocusedItemId(t) {
     this.setState((e) => {
-      const s = t === r ? e.tabbableItemId : b(t);
-      return { hoveredItemId: t === r || n(e.hoveredItemId) && n(t) ? e.hoveredItemId : r, focusedItemId: t, tabbableItemId: s };
+      const s = t === r ? e.tabbableItemId : R(t);
+      return { hoveredItemId: t === r || a(e.hoveredItemId) && a(t) ? e.hoveredItemId : r, focusedItemId: t, tabbableItemId: s };
     });
   }
   setHoveredItemId(t) {
-    this.setState((e) => n(t) && n(e.focusedItemId) ? {
+    this.setState((e) => a(t) && a(e.focusedItemId) ? {
       hoveredItemId: t,
       focusedItemId: e.focusedItemId,
       tabbableItemId: e.tabbableItemId
-    } : { hoveredItemId: t, focusedItemId: r, tabbableItemId: p });
+    } : { hoveredItemId: t, focusedItemId: r, tabbableItemId: u });
   }
   getMenuClassName() {
-    return c(
+    return v(
       "k-reset",
       "k-header",
       "k-menu",
@@ -159,14 +168,14 @@ const h = {
     return !!(this.props.dir !== void 0 ? this.props.dir === "rtl" : this.menuWrapperEl && getComputedStyle(this.menuWrapperEl).direction === "rtl");
   }
   prepareItems() {
-    const { items: t, inputItems: e } = g(this.props.items, this.props.children);
+    const { items: t, inputItems: e } = D(this.props.items, this.props.children);
     this.items = t, this.inputItems = e;
   }
   dispatchSelectEventIfWired(t, e) {
-    f(this.props.onSelect, t, this, { item: this.getInputItem(e), itemId: e });
+    b(this.props.onSelect, t, this, { item: this.getInputItem(e), itemId: e });
   }
 };
-a.propTypes = {
+l.propTypes = {
   vertical: i.bool,
   items: i.arrayOf(i.object),
   style: i.object,
@@ -179,8 +188,8 @@ a.propTypes = {
   customCloseItemIds: i.arrayOf(i.string),
   onSelect: i.func,
   role: i.string
-}, a.defaultProps = { vertical: !1 };
-let I = a;
+}, l.defaultProps = { vertical: !1 };
+let c = l;
 export {
-  I as Menu
+  c as Menu
 };

package/menu/components/MenuItemInternal.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 l=require("react"),d=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-popup"),a=require("../utils/itemsIdsUtils.js"),r=require("../utils/misc.js"),h=require("./MenuItemLink.js"),I=require("./MenuItemArrow.js");function g(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const s=g(l);class m 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?r.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(u,{item:e,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 u 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,n=this.props.item.id;if(t){const p=d.getActiveElement(document);e.focusedItemId!==t&&t===n&&!this.itemElement.contains(p)&&this.itemElement.focus({preventScroll:!0})}}render(){const e=this.props.item,t=e.id,n=r.getDOMElementId(this.props.menuGuid,t),p=e.separator;return s.createElement(s.Fragment,null,p?s.createElement("li",{className:"k-separator k-item","aria-hidden":!0,key:n,ref:i=>this.itemElement=i}):s.createElement("li",{id:r.getDOMElementId(this.props.menuGuid,t),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?n:void 0,ref:i=>this.itemElement=i,key:n},this.contentRender?this.renderContent():this.renderMenuItemLink()),this.renderPopupIfOpened(this.itemElement))}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:r.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(h.MenuItemLink,{url:e.url,opened:this.Opened},this.renderMenuIconIfApplicable(),t,this.renderArrowIfApplicable())}renderPopupIfOpened(e){if(this.Opened){const t=this.props.item.id,{anchorAlign:n,popupAlign:p,collision:i}=r.getPopupSettings(t,this.props.isMenuVertical,this.props.isDirectionRightToLeft);return s.createElement(c.Popup,{anchor:this.itemElement,appendTo:e,show:!0,popupClass:this.getPopupClassName(),anchorAlign:n,popupAlign:p,collision:i,animate:!1,key:"1"},s.createElement(m,{parentItemId:t,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}))}return null}renderMenuIconIfApplicable(){const{icon:e,svgIcon:t}=this.props.item;return e||t?s.createElement(d.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(I.MenuItemArrow,{itemId:this.props.item.id,verticalMenu:this.props.isMenuVertical,dir:r.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&&a.shouldOpenItem(e.item.id,e.lastItemIdToBeOpened)&&!this.isFirstRender}getPopupClassName(){return d.classNames("k-menu-popup k-overflow-visible",{"k-rtl":this.props.isDirectionRightToLeft})}getMenuItemClassName(e){return d.classNames("k-item","k-menu-item",{"k-first":a.isFirstItemFromSiblings(e.id),"k-last":e.isLastFromSiblings,"k-disabled":e.disabled},e.cssClass)}}exports.MenuItemInternal=u;exports.MenuItemInternalsList=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-popup"),a=require("../utils/itemsIdsUtils.js"),p=require("../utils/misc.js"),h=require("./MenuItemLink.js"),I=require("./MenuItemArrow.js");function g(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const s=g(l);class m 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(u,{item:e,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 u 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,n=this.props.item.id;if(t){const r=d.getActiveElement(document);e.focusedItemId!==t&&t===n&&!this.itemElement.contains(r)&&this.itemElement.focus({preventScroll:!0})}}render(){const e=this.props.item,t=e.id,n=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:n,id:n,ref:i=>this.itemElement=i}):s.createElement("li",{id:n,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?n:void 0,ref:i=>this.itemElement=i,key:n},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(h.MenuItemLink,{url:e.url,opened:this.Opened},this.renderMenuIconIfApplicable(),t,this.renderArrowIfApplicable())}renderPopupIfOpened(){if(this.Opened){const e=this.props.item.id,{anchorAlign:t,popupAlign:n,collision:r}=p.getPopupSettings(e,this.props.isMenuVertical,this.props.isDirectionRightToLeft);return s.createElement(c.Popup,{anchor:this.itemElement,show:!0,popupClass:this.getPopupClassName(),anchorAlign:t,popupAlign:n,collision:r,animate:!1,key:"1"},s.createElement(m,{parentItemId:e,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}))}return null}renderMenuIconIfApplicable(){const{icon:e,svgIcon:t}=this.props.item;return e||t?s.createElement(d.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(I.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&&a.shouldOpenItem(e.item.id,e.lastItemIdToBeOpened)&&!this.isFirstRender}getPopupClassName(){return d.classNames("k-menu-popup",{"k-rtl":this.props.isDirectionRightToLeft})}getMenuItemClassName(e){return d.classNames("k-item","k-menu-item",{"k-first":a.isFirstItemFromSiblings(e.id),"k-last":e.isLastFromSiblings,"k-disabled":e.disabled},e.cssClass)}}exports.MenuItemInternal=u;exports.MenuItemInternalsList=m;

package/menu/components/MenuItemInternal.mjs

@@ -6,13 +6,13 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as s from "react";
-import { getActiveElement as a, IconWrap as l, classNames as p } from "@progress/kendo-react-common";
+import { getActiveElement as a, IconWrap as l, classNames as r } from "@progress/kendo-react-common";
 import { Popup as u } from "@progress/kendo-react-popup";
 import { shouldOpenItem as h, isFirstItemFromSiblings as c } from "../utils/itemsIdsUtils.mjs";
-import { getDOMElementId as r, convertBoolDirectionToString as m, getPopupSettings as I } from "../utils/misc.mjs";
+import { getDOMElementId as m, convertBoolDirectionToString as p, getPopupSettings as I } from "../utils/misc.mjs";
 import { MenuItemLink as M } from "./MenuItemLink.mjs";
 import { MenuItemArrow as g } from "./MenuItemArrow.mjs";
-class v extends s.Component {
+class f extends s.Component {
   constructor() {
     super(...arguments), this.onMouseOver = (e) => {
       this.props.onMouseOver(this.props.parentItemId), e.stopPropagation();
@@ -27,7 +27,7 @@ class v extends s.Component {
       {
         className: this.props.className,
         role: this.props.role ? this.props.role : e !== void 0 ? "menu" : "menubar",
-        id: e !== void 0 ? r(this.props.menuGuid, e) : void 0,
+        id: e !== void 0 ? m(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"]
@@ -37,7 +37,7 @@ class v extends s.Component {
   }
   renderChildItems() {
     return this.props.items.length > 0 ? this.props.items.map((e, t) => /* @__PURE__ */ s.createElement(
-      f,
+      v,
       {
         item: e,
         isMenuVertical: this.props.isMenuVertical,
@@ -60,7 +60,7 @@ class v extends s.Component {
     )) : null;
   }
 }
-class f extends s.Component {
+class v extends s.Component {
   constructor(e) {
     super(e), this.isFirstRender = !0, this.onMouseOver = (t) => {
       this.props.onMouseOver(this.props.item.id), t.stopPropagation();
@@ -73,41 +73,50 @@ class f 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 = a(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 = r(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, ref: (i) => this.itemElement = i }) : /* @__PURE__ */ s.createElement(
+    const e = this.props.item, t = e.id, i = m(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: i,
+        id: i,
+        ref: (o) => this.itemElement = o
+      }
+    ) : /* @__PURE__ */ s.createElement(
       "li",
       {
-        id: r(this.props.menuGuid, t),
+        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,
-        key: o
+        "aria-owns": this.Opened ? i : void 0,
+        ref: (o) => this.itemElement = o,
+        key: i
       },
       this.contentRender ? this.renderContent() : this.renderMenuItemLink()
-    ), this.renderPopupIfOpened(this.itemElement));
+    ), this.renderPopupIfOpened());
   }
   renderContent() {
     const e = this.props.item.contentParentItemId;
@@ -122,16 +131,16 @@ class f extends s.Component {
           item: this.props.onOriginalItemNeeded(e.id),
           itemId: e.id,
           opened: this.Opened,
-          dir: m(this.props.isDirectionRightToLeft)
+          dir: p(this.props.isDirectionRightToLeft)
         }
       );
     const t = this.itemRender ? /* @__PURE__ */ s.createElement(this.itemRender, { item: this.props.onOriginalItemNeeded(e.id), itemId: e.id, key: "1" }) : /* @__PURE__ */ s.createElement("span", { className: "k-menu-link-text" }, e.text);
     return /* @__PURE__ */ s.createElement(M, { url: e.url, opened: this.Opened }, this.renderMenuIconIfApplicable(), t, this.renderArrowIfApplicable());
   }
-  renderPopupIfOpened(e) {
+  renderPopupIfOpened() {
     if (this.Opened) {
-      const t = this.props.item.id, { anchorAlign: o, popupAlign: n, collision: i } = I(
-        t,
+      const e = this.props.item.id, { anchorAlign: t, popupAlign: i, collision: n } = I(
+        e,
         this.props.isMenuVertical,
         this.props.isDirectionRightToLeft
       );
@@ -139,19 +148,18 @@ class f extends s.Component {
         u,
         {
           anchor: this.itemElement,
-          appendTo: e,
           show: !0,
           popupClass: this.getPopupClassName(),
-          anchorAlign: o,
-          popupAlign: n,
-          collision: i,
+          anchorAlign: t,
+          popupAlign: i,
+          collision: n,
           animate: !1,
           key: "1"
         },
         /* @__PURE__ */ s.createElement(
-          v,
+          f,
           {
-            parentItemId: t,
+            parentItemId: e,
             items: this.props.item.items,
             menuGuid: this.props.menuGuid,
             focusedItemId: this.props.focusedItemId,
@@ -185,7 +193,7 @@ class f extends s.Component {
       {
         itemId: this.props.item.id,
         verticalMenu: this.props.isMenuVertical,
-        dir: m(this.props.isDirectionRightToLeft),
+        dir: p(this.props.isDirectionRightToLeft),
         key: "2"
       }
     )) : null;
@@ -206,10 +214,10 @@ class f extends s.Component {
     !this.isFirstRender;
   }
   getPopupClassName() {
-    return p("k-menu-popup k-overflow-visible", { "k-rtl": this.props.isDirectionRightToLeft });
+    return r("k-menu-popup", { "k-rtl": this.props.isDirectionRightToLeft });
   }
   getMenuItemClassName(e) {
-    return p(
+    return r(
       "k-item",
       "k-menu-item",
       {
@@ -222,6 +230,6 @@ class f extends s.Component {
   }
 }
 export {
-  f as MenuItemInternal,
-  v as MenuItemInternalsList
+  v as MenuItemInternal,
+  f as MenuItemInternalsList
 };

package/package-metadata.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={name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1738136800,version:"9.4.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1739279765,version:"9.4.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1738136800,
-  version: "9.4.0-develop.8",
+  publishDate: 1739279765,
+  version: "9.4.0",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "9.4.0-develop.8",
+  "version": "9.4.0",
   "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,12 +25,13 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "9.4.0-develop.8",
-    "@progress/kendo-react-common": "9.4.0-develop.8",
-    "@progress/kendo-react-intl": "9.4.0-develop.8",
-    "@progress/kendo-react-popup": "9.4.0-develop.8",
-    "@progress/kendo-react-progressbars": "9.4.0-develop.8",
+    "@progress/kendo-licensing": "^1.4.0",
+    "@progress/kendo-react-animation": "9.4.0",
+    "@progress/kendo-react-buttons": "9.4.0",
+    "@progress/kendo-react-common": "9.4.0",
+    "@progress/kendo-react-intl": "9.4.0",
+    "@progress/kendo-react-popup": "9.4.0",
+    "@progress/kendo-react-progressbars": "9.4.0",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -60,7 +61,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1738136800,
+      "publishDate": 1739279765,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/tabstrip/TabStrip.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 g=require("react"),a=require("prop-types"),m=require("./TabStripNavigation.js"),S=require("./TabStripContent.js"),p=require("@progress/kendo-react-common"),f=require("../package-metadata.js");function y(d){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>d[t]})}}return o.default=d,Object.freeze(o)}const l=y(g),h=class h extends l.Component{constructor(o){super(o),this.tabStripRef=l.createRef(),this.showLicenseWatermark=!1,this.onSelect=t=>{this.props.selected!==t&&this.props.onSelect&&this.props.onSelect({selected:t})},this.onKeyDown=t=>{this.navigation.triggerKeyboardEvent(t)},this.onKeyboardSelect=t=>{const s=this.children();s&&s[t].props.disabled||this.onSelect(t)},this.renderContent=t=>{const{selected:s,children:n,tabContentStyle:e}=t,i=l.Children.count(n);return s<i&&s>-1?l.createElement(S.TabStripContent,{index:s,...t,style:e}):null},p.validatePackage(f.packageMetadata),this.showLicenseWatermark=p.shouldShowValidationUI(f.packageMetadata)}get contentPanelId(){return this.props.id+"-content-panel-id"}get navItemId(){return this.props.id+"-nav-item-id"}componentDidMount(){var s;const o=this.tabStripRef.current,t=o&&getComputedStyle(o).direction==="rtl"||!1;o&&(this.navigation=new p.Navigation({tabIndex:0,root:this.tabStripRef,rovingTabIndex:!0,focusClass:"k-focus",selectors:[".k-tabstrip .k-tabstrip-item"],keyboardEvents:{keydown:{ArrowLeft:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==0?r-1:e.elements.length-1,u=r!==e.elements.length-1?r+1:0;t?(e.focusNext(n),this.onKeyboardSelect(u)):(e.focusPrevious(n),this.onKeyboardSelect(c))},ArrowRight:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==0?r-1:e.elements.length-1,u=r!==e.elements.length-1?r+1:0;t?(e.focusPrevious(n),this.onKeyboardSelect(c)):(e.focusNext(n),this.onKeyboardSelect(u))},ArrowDown:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==e.elements.length-1?r+1:0;e.focusNext(n),this.onKeyboardSelect(c)},ArrowUp:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==0?r-1:e.elements.length-1;e.focusPrevious(n),this.onKeyboardSelect(c)},Home:(n,e,i)=>{i.preventDefault(),e.focusElement(e.first,n),this.onKeyboardSelect(0)},End:(n,e,i)=>{i.preventDefault(),e.focusElement(e.last,n),this.onKeyboardSelect(e.elements.length-1)}}}}),(s=this.navigation)==null||s.initializeRovingTab(this.props.selected))}componentWillUnmount(){var o;(o=this.navigation)==null||o.removeFocusListener()}render(){const o={...this.props,children:this.children(),contentPanelId:this.contentPanelId,renderAllContent:this.props.renderAllContent,navItemId:this.navItemId,onKeyDown:this.onKeyDown,onSelect:this.onSelect},{tabPosition:t,tabIndex:s}=o,n=t==="bottom",e=p.classNames("k-tabstrip k-pos-relative",{"k-tabstrip-left":t==="left","k-tabstrip-right":t==="right","k-tabstrip-bottom":t==="bottom","k-tabstrip-top":t==="top","k-tabstrip-scrollable":this.props.scrollable},this.props.className);return l.createElement("div",{id:this.props.id,ref:this.tabStripRef,dir:this.props.dir,className:e,style:this.props.style},!n&&l.createElement(m.TabStripNavigation,{...o,tabIndex:s}),this.renderContent(o),n&&l.createElement(m.TabStripNavigation,{...o,tabIndex:s}),this.showLicenseWatermark&&l.createElement(p.WatermarkOverlay,null))}children(){return l.Children.toArray(this.props.children).filter(o=>o)}};h.propTypes={animation:a.bool,children:a.node,onSelect:a.func,selected:a.number,style:a.object,tabContentStyle:a.object,tabPosition:a.string,tabAlignment:a.string,tabIndex:a.number,className:a.string,dir:a.string},h.defaultProps={animation:!0,tabPosition:"top",tabAlignment:"start",keepTabsMounted:!1,buttonScrollSpeed:100,scrollButtonsPosition:"around",mouseScrollSpeed:10,renderAllContent:!1};let b=h;exports.TabStrip=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),l=require("prop-types"),S=require("./TabStripNavigation.js"),k=require("./TabStripContent.js"),p=require("@progress/kendo-react-common"),g=require("../package-metadata.js");function P(u){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const s in u)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(u,s);Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:()=>u[s]})}}return r.default=u,Object.freeze(r)}const c=P(y),b=class b extends c.Component{constructor(r){super(r),this.tabStripRef=c.createRef(),this.itemsNavRef=c.createRef(),this.showLicenseWatermark=!1,this.onScroll=()=>{const s=this.horizontalScroll(),o=this.itemsNavRef.current;if(!o)return;const e=o.scrollLeft,t=o.clientWidth,i=o.scrollWidth,n=o.scrollTop,a=o.scrollHeight,h=o.clientHeight;let d=null;const v=s?i>t:a>h,m=this.props.dir==="rtl";v?s?e+t===i||(m&&t-e)===i?d="end":e===0||m&&-e===0?d="start":e>0&&e+t<i||-e>0&&t-e<i?d="middle":d=null:a-(n+h)===0?d="bottom":n===0?d="top":n>0&&a-(n+h)>0?d="middle":d=null:d=null,this.setState({containerScrollPosition:d})},this.handleResize=()=>{this.onScroll()},this.onSelect=s=>{this.props.selected!==s&&this.props.onSelect&&this.props.onSelect({selected:s})},this.onKeyDown=s=>{this.navigation&&this.navigation.triggerKeyboardEvent(s)},this.onKeyboardSelect=s=>{const o=this.children();o&&o[s].props.disabled||this.onSelect(s)},this.renderContent=s=>{const{selected:o,children:e,tabContentStyle:t}=s,i=c.Children.count(e);return o<i&&o>-1?c.createElement(k.TabStripContent,{index:o,...s,style:t}):null},p.validatePackage(g.packageMetadata),this.showLicenseWatermark=p.shouldShowValidationUI(g.packageMetadata),this.state={containerScrollPosition:null},this.itemsNavRef=c.createRef()}get contentPanelId(){return this.props.id+"-content-panel-id"}get navItemId(){return this.props.id+"-nav-item-id"}componentDidMount(){var o;const r=this.tabStripRef.current,s=r&&getComputedStyle(r).direction==="rtl"||!1;r&&(this.navigation=new p.Navigation({tabIndex:0,root:this.tabStripRef,rovingTabIndex:!0,focusClass:"k-focus",selectors:[".k-tabstrip .k-tabstrip-item"],keyboardEvents:{keydown:{ArrowLeft:(e,t,i)=>{i.preventDefault();const n=t.elements.indexOf(e),a=n!==0?n-1:t.elements.length-1,h=n!==t.elements.length-1?n+1:0;s?(t.focusNext(e),this.onKeyboardSelect(h)):(t.focusPrevious(e),this.onKeyboardSelect(a))},ArrowRight:(e,t,i)=>{i.preventDefault();const n=t.elements.indexOf(e),a=n!==0?n-1:t.elements.length-1,h=n!==t.elements.length-1?n+1:0;s?(t.focusPrevious(e),this.onKeyboardSelect(a)):(t.focusNext(e),this.onKeyboardSelect(h))},ArrowDown:(e,t,i)=>{i.preventDefault();const n=t.elements.indexOf(e),a=n!==t.elements.length-1?n+1:0;t.focusNext(e),this.onKeyboardSelect(a)},ArrowUp:(e,t,i)=>{i.preventDefault();const n=t.elements.indexOf(e),a=n!==0?n-1:t.elements.length-1;t.focusPrevious(e),this.onKeyboardSelect(a)},Home:(e,t,i)=>{i.preventDefault(),t.focusElement(t.first,e),this.onKeyboardSelect(0)},End:(e,t,i)=>{i.preventDefault(),t.focusElement(t.last,e),this.onKeyboardSelect(t.elements.length-1)}}}}),(o=this.navigation)==null||o.initializeRovingTab(this.props.selected),this.onScroll(),this.resizeObserver=new ResizeObserver(()=>this.onScroll()),this.tabStripRef.current&&this.resizeObserver.observe(this.tabStripRef.current))}componentWillUnmount(){var r;(r=this.navigation)==null||r.removeFocusListener()}horizontalScroll(){return/top|bottom/.test(this.props.tabPosition||"top")}render(){const r={itemsNavRef:this.itemsNavRef,...this.props,children:this.children(),contentPanelId:this.contentPanelId,renderAllContent:this.props.renderAllContent,navItemId:this.navItemId,onKeyDown:this.onKeyDown,onSelect:this.onSelect,onScroll:this.onScroll,containerScrollPosition:this.state.containerScrollPosition,scrollButtons:this.props.scrollButtons==="hidden"||this.state.containerScrollPosition===null&&this.props.scrollButtons==="auto"?"hidden":"visible"},{scrollable:s,scrollButtons:o,size:e,tabPosition:t,tabIndex:i}=r,n=t==="bottom",a=p.classNames("k-tabstrip k-pos-relative",{[`k-tabstrip-${p.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-tabstrip-left":t==="left","k-tabstrip-right":t==="right","k-tabstrip-bottom":t==="bottom","k-tabstrip-top":t==="top","k-tabstrip-scrollable":s,"k-tabstrip-scrollable-start k-tabstrip-scrollable-end":s&&o==="visible","k-tabstrip-scrollable-start":s&&(o==="auto"||!o)&&(this.state.containerScrollPosition==="end"||this.state.containerScrollPosition==="middle"),"k-tabstrip-scrollable-end":s&&o==="auto"&&(this.state.containerScrollPosition==="start"||this.state.containerScrollPosition==="middle")},this.props.className);return c.createElement("div",{id:this.props.id,ref:this.tabStripRef,dir:this.props.dir,className:a,style:this.props.style,onScroll:this.onScroll,onResize:this.handleResize},!n&&c.createElement(S.TabStripNavigation,{...r,tabIndex:i}),this.renderContent(r),n&&c.createElement(S.TabStripNavigation,{...r,tabIndex:i}),this.showLicenseWatermark&&c.createElement(p.WatermarkOverlay,null))}children(){return c.Children.toArray(this.props.children).filter(r=>r)}};b.propTypes={id:l.string,animation:l.bool,children:l.node,onSelect:l.func,selected:l.number,style:l.object,tabContentStyle:l.object,tabPosition:l.string,tabAlignment:l.string,tabIndex:l.number,className:l.string,dir:l.string,renderAllContent:l.bool,size:l.oneOf(["small","medium","large",null]),scrollButtons:l.oneOf(["auto","visible","hidden"]),scrollButtonsPosition:l.oneOf(["split","start","end","around","before","after"])},b.defaultProps={animation:!0,tabPosition:"top",tabAlignment:"start",keepTabsMounted:!1,buttonScrollSpeed:100,mouseScrollSpeed:10,scrollButtons:"auto",scrollButtonsPosition:"split",size:"medium",renderAllContent:!1};let f=b;exports.TabStrip=f;