@progress/kendo-react-layout 14.5.0-develop.1 → 14.5.0-develop.11

package/drawer/DrawerContent.d.ts

@@ -29,7 +29,7 @@ export interface DrawerContentHandle {
  *       { text: 'Calendar', icon: 'k-i-calendar' },
  *       { separator: true },
  *       { text: 'Attachments', icon: 'k-i-hyperlink-email' },
- *       { text: 'Favourites', icon: 'k-i-star-outline' }
+ *       { text: 'Favourites', icon: 'k-i-star' }
  *   ];
  *
  *   const [expanded, setExpanded] = React.useState(true);

package/drawer/DrawerItem.d.ts

@@ -26,7 +26,7 @@ import * as React from 'react';
  *                <DrawerItem text="Calendar" icon="k-i-calendar"/>
  *                <DrawerItem separator={true} />
  *                <DrawerItem text="Attachments" icon="k-i-hyperlink-email" selected={true}/>
- *                <DrawerItem text="Favourites" icon="k-i-star-outline"/>
+ *                <DrawerItem text="Favourites" icon="k-i-star"/>
  *            </DrawerNavigation>
  *            <DrawerContent><Button onClick={handleClick}>Toggle the drawer state</Button></DrawerContent>
  *        </Drawer>

package/menu/components/MenuItemArrow.d.ts

@@ -26,13 +26,13 @@ export interface MenuItemArrowProps {
 /**
  * @hidden
  */
-export declare const downArrowName = "caret-alt-down";
+export declare const downArrowName = "chevron-down";
 /**
  * @hidden
  */
-export declare const rightArrowName = "caret-alt-right";
+export declare const rightArrowName = "chevron-right";
 /**
  * @hidden
  */
-export declare const leftArrowName = "caret-alt-left";
+export declare const leftArrowName = "chevron-left";
 export declare const MenuItemArrow: (props: MenuItemArrowProps) => React.JSX.Element;

package/menu/components/MenuItemArrow.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 u=require("react"),n=require("prop-types"),d=require("@progress/kendo-react-common"),o=require("@progress/kendo-svg-icons"),m=require("../utils/misc.js");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const g=w(u),a="caret-alt-down",i="caret-alt-right",l="caret-alt-left",f=e=>{switch(m.getChildrenPosition(e.itemId,e.verticalMenu===!0,e.dir==="rtl")){case"downward":return{name:a,icon:o.caretAltDownIcon};case"rightward":return{name:i,icon:o.caretAltRightIcon};case"leftward":return{name:l,icon:o.caretAltLeftIcon};default:return{}}},s=e=>g.createElement(d.IconWrap,{"aria-hidden":!0,...f(e)});s.propTypes={itemId:n.string,dir:n.string,verticalMenu:n.bool};exports.MenuItemArrow=s;exports.downArrowName=a;exports.leftArrowName=l;exports.rightArrowName=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=require("@progress/kendo-react-common"),n=require("@progress/kendo-svg-icons"),d=require("../utils/misc.js");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const m=l(u),c="chevron-down",i="chevron-right",a="chevron-left",w=e=>{switch(d.getChildrenPosition(e.itemId,e.verticalMenu===!0,e.dir==="rtl")){case"downward":return{name:c,icon:n.chevronDownIcon};case"rightward":return{name:i,icon:n.chevronRightIcon};case"leftward":return{name:a,icon:n.chevronLeftIcon};default:return{}}},f=e=>m.createElement(s.IconWrap,{"aria-hidden":!0,...w(e)});exports.MenuItemArrow=f;exports.downArrowName=c;exports.leftArrowName=a;exports.rightArrowName=i;

package/menu/components/MenuItemArrow.mjs

@@ -6,34 +6,24 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as e from "react";
-import r from "prop-types";
-import { IconWrap as o } from "@progress/kendo-react-common";
-import { caretAltLeftIcon as n, caretAltRightIcon as i, caretAltDownIcon as a } from "@progress/kendo-svg-icons";
-import { getChildrenPosition as c } from "../utils/misc.mjs";
-const m = "caret-alt-down", l = "caret-alt-right", d = "caret-alt-left", s = (t) => {
-  switch (c(
-    t.itemId,
-    t.verticalMenu === !0,
-    t.dir === "rtl"
-  )) {
+import { IconWrap as n } from "@progress/kendo-react-common";
+import { chevronLeftIcon as o, chevronRightIcon as t, chevronDownIcon as c } from "@progress/kendo-svg-icons";
+import { getChildrenPosition as i } from "../utils/misc.mjs";
+const a = "chevron-down", m = "chevron-right", h = "chevron-left", d = (r) => {
+  switch (i(r.itemId, r.verticalMenu === !0, r.dir === "rtl")) {
     case "downward":
-      return { name: m, icon: a };
+      return { name: a, icon: c };
     case "rightward":
-      return { name: l, icon: i };
+      return { name: m, icon: t };
     case "leftward":
-      return { name: d, icon: n };
+      return { name: h, icon: o };
     default:
       return {};
   }
-}, w = (t) => /* @__PURE__ */ e.createElement(o, { "aria-hidden": !0, ...s(t) });
-w.propTypes = {
-  itemId: r.string,
-  dir: r.string,
-  verticalMenu: r.bool
-};
+}, f = (r) => /* @__PURE__ */ e.createElement(n, { "aria-hidden": !0, ...d(r) });
 export {
-  w as MenuItemArrow,
-  m as downArrowName,
-  d as leftArrowName,
-  l as rightArrowName
+  f as MenuItemArrow,
+  a as downArrowName,
+  h as leftArrowName,
+  m as rightArrowName
 };

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=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1777909861,version:"14.5.0-develop.1",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=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1778667139,version:"14.5.0-develop.11",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1777909861,
-    version: '14.5.0-develop.1',
+    publishDate: 1778667139,
+    version: '14.5.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "14.5.0-develop.1",
+  "version": "14.5.0-develop.11",
   "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",
@@ -26,13 +26,13 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "14.5.0-develop.1",
-    "@progress/kendo-react-buttons": "14.5.0-develop.1",
-    "@progress/kendo-react-common": "14.5.0-develop.1",
-    "@progress/kendo-react-intl": "14.5.0-develop.1",
-    "@progress/kendo-react-popup": "14.5.0-develop.1",
-    "@progress/kendo-react-progressbars": "14.5.0-develop.1",
-    "@progress/kendo-svg-icons": "^4.0.0",
+    "@progress/kendo-react-animation": "14.5.0-develop.11",
+    "@progress/kendo-react-buttons": "14.5.0-develop.11",
+    "@progress/kendo-react-common": "14.5.0-develop.11",
+    "@progress/kendo-react-intl": "14.5.0-develop.11",
+    "@progress/kendo-react-popup": "14.5.0-develop.11",
+    "@progress/kendo-react-progressbars": "14.5.0-develop.11",
+    "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
@@ -76,7 +76,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1777909861,
+      "publishDate": 1778667139,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },
@@ -86,5 +86,10 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "peerDependenciesMeta": {
+    "@progress/kendo-svg-icons": {
+      "optional": true
+    }
   }
 }

package/splitter/SplitterBar.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 h=require("react"),p=require("@progress/kendo-react-common"),r=require("@progress/kendo-svg-icons");function b(c){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const s in c)if(s!=="default"){const e=Object.getOwnPropertyDescriptor(c,s);Object.defineProperty(a,s,e.get?e:{enumerable:!0,get:()=>c[s]})}}return a.default=c,Object.freeze(a)}const l=b(h);class f extends l.Component{constructor(a){super(a),this.draggable=null,this.spliterBarRef=l.createRef(),this.onDrag=(s,e,i)=>{const{event:o}=s,{onDrag:n,index:t}=this.props,g=this.draggable&&this.draggable.element;g&&!this.isStatic&&this.isDraggable&&n(o,g,t,e,i)},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onToggle=s=>{const{onToggle:e,index:i,prev:o,next:n}=this.props;(o.collapsible||n.collapsible)&&e(o.collapsible?i:i+1,s)},this.onPrevToggle=s=>{const{onToggle:e,index:i,prev:o}=this.props;o.collapsible&&e(i,s)},this.onNextToggle=s=>{const{onToggle:e,index:i,next:o}=this.props;o.collapsible&&e(i+1,s)},this.onKeyDown=s=>{this.navigation.triggerKeyboardEvent(s)},this.state={focused:!1}}get isStatic(){const{prev:a,next:s}=this.props,e=a.resizable&&s.resizable,i=a.collapsible||s.collapsible;return!e&&!i}get isDraggable(){const{prev:a,next:s}=this.props,e=a.resizable&&s.resizable,i=a.collapsed||s.collapsed;return!!e&&!i}get isHorizontal(){return this.props.orientation==="horizontal"}componentDidMount(){const a=this.draggable&&this.draggable.element,{index:s,onKeyboardResize:e}=this.props,i=this.isHorizontal;a&&(this.navigation=new p.Navigation({tabIndex:0,root:this.spliterBarRef,selectors:[".k-splitter .k-splitbar"],keyboardEvents:{keydown:{ArrowLeft:(o,n,t)=>{i&&(t.preventDefault(),this.isDraggable&&e(a,s,-10,t),(t.metaKey||t.ctrlKey)&&(e(a,s,0,t),this.isDraggable?this.onPrevToggle(t):this.onNextToggle(t)))},ArrowRight:(o,n,t)=>{i&&(t.preventDefault(),this.isDraggable&&e(a,s,10,t),(t.metaKey||t.ctrlKey)&&(e(a,s,0,t),this.isDraggable?this.onNextToggle(t):this.onPrevToggle(t)))},ArrowDown:(o,n,t)=>{i||(t.preventDefault(),this.isDraggable&&e(a,s,10,t),(t.metaKey||t.ctrlKey)&&(e(a,s,0,t),this.isDraggable?this.onNextToggle(t):this.onPrevToggle(t)))},ArrowUp:(o,n,t)=>{i||(t.preventDefault(),this.isDraggable&&e(a,s,-10,t),(t.metaKey||t.ctrlKey)&&(e(a,s,0,t),this.isDraggable?this.onPrevToggle(t):this.onNextToggle(t)))},Enter:(o,n,t)=>{t.preventDefault(),this.onToggle(t)}}}}))}render(){const a=this.isDraggable,s=this.isStatic,e=this.isHorizontal,i=p.classNames("k-splitbar",{"k-focus":this.state.focused,"k-splitbar-horizontal":e,"k-splitbar-vertical":!e,"k-splitbar-draggable-horizontal":e&&a,"k-splitbar-draggable-vertical":!e&&a,"k-splitbar-static-horizontal":e&&s,"k-splitbar-static-vertical":!e&&s});return l.createElement(p.Draggable,{onPress:o=>this.onDrag(o,!0,!1),onDrag:o=>this.onDrag(o,!1,!1),onRelease:o=>this.onDrag(o,!1,!0),ref:o=>{this.draggable=o}},l.createElement("div",{ref:this.spliterBarRef,tabIndex:s?-1:0,role:"separator","aria-valuenow":0,"aria-label":this.props.ariaLabel,"aria-orientation":e?"vertical":void 0,"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",className:i,style:{touchAction:"none"},onFocus:this.onFocus,onBlur:this.onBlur,onDoubleClick:this.onToggle,onKeyDown:this.onKeyDown},this.props.prev.collapsible&&l.createElement("div",{className:"k-collapse-prev",onClick:this.onPrevToggle},l.createElement(p.IconWrap,{name:this.props.prev.collapsible?e?this.props.prev.collapsed?this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.prev.collapsed?"caret-alt-down":"caret-alt-up":void 0,icon:this.props.prev.collapsible?e?this.props.prev.collapsed?this.props.isRtl?r.caretAltLeftIcon:r.caretAltRightIcon:this.props.isRtl?r.caretAltRightIcon:r.caretAltLeftIcon:this.props.prev.collapsed?r.caretAltDownIcon:r.caretAltUpIcon:void 0,size:"xsmall"})),l.createElement("div",{className:"k-resize-handle"}),this.props.next.collapsible&&l.createElement("div",{className:"k-collapse-next",onClick:this.onNextToggle},l.createElement(p.IconWrap,{name:this.props.next.collapsible?e?this.props.next.collapsed?this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.next.collapsed?"caret-alt-up":"caret-alt-down":void 0,icon:this.props.next.collapsible?e?this.props.next.collapsed?this.props.isRtl?r.caretAltRightIcon:r.caretAltLeftIcon:this.props.isRtl?r.caretAltLeftIcon:r.caretAltRightIcon:this.props.next.collapsed?r.caretAltUpIcon:r.caretAltDownIcon:void 0,size:"xsmall"}))))}}exports.SplitterBar=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),g=require("@progress/kendo-react-common"),c=require("@progress/kendo-svg-icons");function f(p){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const t in p)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(p,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>p[t]})}}return o.default=p,Object.freeze(o)}const l=f(b);class d extends l.Component{constructor(o){super(o),this.draggable=null,this.spliterBarRef=l.createRef(),this.onDrag=(t,s,i)=>{const{event:r}=t,{onDrag:a,index:e}=this.props,h=this.draggable&&this.draggable.element;h&&!this.isStatic&&this.isDraggable&&a(r,h,e,s,i)},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onToggle=t=>{const{onToggle:s,index:i,prev:r,next:a}=this.props;(r.collapsible||a.collapsible)&&s(r.collapsible?i:i+1,t)},this.onPrevToggle=t=>{const{onToggle:s,index:i,prev:r}=this.props;r.collapsible&&s(i,t)},this.onNextToggle=t=>{const{onToggle:s,index:i,next:r}=this.props;r.collapsible&&s(i+1,t)},this.onKeyDown=t=>{this.navigation.triggerKeyboardEvent(t)},this.state={focused:!1}}get isStatic(){const{prev:o,next:t}=this.props,s=o.resizable&&t.resizable,i=o.collapsible||t.collapsible;return!s&&!i}get isDraggable(){const{prev:o,next:t}=this.props,s=o.resizable&&t.resizable,i=o.collapsed||t.collapsed;return!!s&&!i}get isHorizontal(){return this.props.orientation==="horizontal"}componentDidMount(){const o=this.draggable&&this.draggable.element,{index:t,onKeyboardResize:s}=this.props,i=this.isHorizontal;o&&(this.navigation=new g.Navigation({tabIndex:0,root:this.spliterBarRef,selectors:[".k-splitter .k-splitbar"],keyboardEvents:{keydown:{ArrowLeft:(r,a,e)=>{i&&(e.preventDefault(),this.isDraggable&&s(o,t,-10,e),(e.metaKey||e.ctrlKey)&&(s(o,t,0,e),this.isDraggable?this.onPrevToggle(e):this.onNextToggle(e)))},ArrowRight:(r,a,e)=>{i&&(e.preventDefault(),this.isDraggable&&s(o,t,10,e),(e.metaKey||e.ctrlKey)&&(s(o,t,0,e),this.isDraggable?this.onNextToggle(e):this.onPrevToggle(e)))},ArrowDown:(r,a,e)=>{i||(e.preventDefault(),this.isDraggable&&s(o,t,10,e),(e.metaKey||e.ctrlKey)&&(s(o,t,0,e),this.isDraggable?this.onNextToggle(e):this.onPrevToggle(e)))},ArrowUp:(r,a,e)=>{i||(e.preventDefault(),this.isDraggable&&s(o,t,-10,e),(e.metaKey||e.ctrlKey)&&(s(o,t,0,e),this.isDraggable?this.onPrevToggle(e):this.onNextToggle(e)))},Enter:(r,a,e)=>{e.preventDefault(),this.onToggle(e)}}}}))}render(){const o=this.isDraggable,t=this.isStatic,s=this.isHorizontal;let i,r;if(this.props.prev.collapsible)if(s){const n=!!this.props.prev.collapsed!=!!this.props.isRtl;i=n?"chevron-right":"chevron-left",r=n?c.chevronRightIcon:c.chevronLeftIcon}else i=this.props.prev.collapsed?"chevron-down":"chevron-up",r=this.props.prev.collapsed?c.chevronDownIcon:c.chevronUpIcon;let a,e;if(this.props.next.collapsible)if(s){const n=!!this.props.next.collapsed==!!this.props.isRtl;a=n?"chevron-right":"chevron-left",e=n?c.chevronRightIcon:c.chevronLeftIcon}else a=this.props.next.collapsed?"chevron-up":"chevron-down",e=this.props.next.collapsed?c.chevronUpIcon:c.chevronDownIcon;const h=g.classNames("k-splitbar",{"k-focus":this.state.focused,"k-splitbar-horizontal":s,"k-splitbar-vertical":!s,"k-splitbar-draggable-horizontal":s&&o,"k-splitbar-draggable-vertical":!s&&o,"k-splitbar-static-horizontal":s&&t,"k-splitbar-static-vertical":!s&&t});return l.createElement(g.Draggable,{onPress:n=>this.onDrag(n,!0,!1),onDrag:n=>this.onDrag(n,!1,!1),onRelease:n=>this.onDrag(n,!1,!0),ref:n=>{this.draggable=n}},l.createElement("div",{ref:this.spliterBarRef,tabIndex:t?-1:0,role:"separator","aria-valuenow":0,"aria-label":this.props.ariaLabel,"aria-orientation":s?"vertical":void 0,"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",className:h,style:{touchAction:"none"},onFocus:this.onFocus,onBlur:this.onBlur,onDoubleClick:this.onToggle,onKeyDown:this.onKeyDown},this.props.prev.collapsible&&l.createElement("div",{className:"k-collapse-prev",onClick:this.onPrevToggle},l.createElement(g.IconWrap,{name:i,icon:r,size:"xsmall"})),l.createElement("div",{className:"k-resize-handle"}),this.props.next.collapsible&&l.createElement("div",{className:"k-collapse-next",onClick:this.onNextToggle},l.createElement(g.IconWrap,{name:a,icon:e,size:"xsmall"}))))}}exports.SplitterBar=d;

package/splitter/SplitterBar.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as l from "react";
-import { Navigation as d, classNames as f, Draggable as u, IconWrap as g } from "@progress/kendo-react-common";
-import { caretAltLeftIcon as n, caretAltRightIcon as p, caretAltDownIcon as h, caretAltUpIcon as b } from "@progress/kendo-svg-icons";
-class v extends l.Component {
-  constructor(a) {
-    super(a), this.draggable = null, this.spliterBarRef = l.createRef(), this.onDrag = (s, e, o) => {
-      const { event: i } = s, { onDrag: r, index: t } = this.props, c = this.draggable && this.draggable.element;
-      c && !this.isStatic && this.isDraggable && r(i, c, t, e, o);
+import * as n from "react";
+import { Navigation as d, classNames as m, Draggable as u, IconWrap as p } from "@progress/kendo-react-common";
+import { chevronDownIcon as h, chevronUpIcon as g, chevronRightIcon as b, chevronLeftIcon as f } from "@progress/kendo-svg-icons";
+class w extends n.Component {
+  constructor(i) {
+    super(i), this.draggable = null, this.spliterBarRef = n.createRef(), this.onDrag = (s, t, o) => {
+      const { event: r } = s, { onDrag: l, index: e } = this.props, c = this.draggable && this.draggable.element;
+      c && !this.isStatic && this.isDraggable && l(r, c, e, t, o);
     }, this.onFocus = () => {
       this.setState({
         focused: !0
@@ -22,14 +22,14 @@ class v extends l.Component {
         focused: !1
       });
     }, this.onToggle = (s) => {
-      const { onToggle: e, index: o, prev: i, next: r } = this.props;
-      (i.collapsible || r.collapsible) && e(i.collapsible ? o : o + 1, s);
+      const { onToggle: t, index: o, prev: r, next: l } = this.props;
+      (r.collapsible || l.collapsible) && t(r.collapsible ? o : o + 1, s);
     }, this.onPrevToggle = (s) => {
-      const { onToggle: e, index: o, prev: i } = this.props;
-      i.collapsible && e(o, s);
+      const { onToggle: t, index: o, prev: r } = this.props;
+      r.collapsible && t(o, s);
     }, this.onNextToggle = (s) => {
-      const { onToggle: e, index: o, next: i } = this.props;
-      i.collapsible && e(o + 1, s);
+      const { onToggle: t, index: o, next: r } = this.props;
+      r.collapsible && t(o + 1, s);
     }, this.onKeyDown = (s) => {
       this.navigation.triggerKeyboardEvent(s);
     }, this.state = {
@@ -37,65 +37,80 @@ class v extends l.Component {
     };
   }
   get isStatic() {
-    const { prev: a, next: s } = this.props, e = a.resizable && s.resizable, o = a.collapsible || s.collapsible;
-    return !e && !o;
+    const { prev: i, next: s } = this.props, t = i.resizable && s.resizable, o = i.collapsible || s.collapsible;
+    return !t && !o;
   }
   get isDraggable() {
-    const { prev: a, next: s } = this.props, e = a.resizable && s.resizable, o = a.collapsed || s.collapsed;
-    return !!e && !o;
+    const { prev: i, next: s } = this.props, t = i.resizable && s.resizable, o = i.collapsed || s.collapsed;
+    return !!t && !o;
   }
   get isHorizontal() {
     return this.props.orientation === "horizontal";
   }
   /** @hidden */
   componentDidMount() {
-    const a = this.draggable && this.draggable.element, { index: s, onKeyboardResize: e } = this.props, o = this.isHorizontal;
-    a && (this.navigation = new d({
+    const i = this.draggable && this.draggable.element, { index: s, onKeyboardResize: t } = this.props, o = this.isHorizontal;
+    i && (this.navigation = new d({
       tabIndex: 0,
       root: this.spliterBarRef,
       selectors: [".k-splitter .k-splitbar"],
       keyboardEvents: {
         keydown: {
-          ArrowLeft: (i, r, t) => {
-            o && (t.preventDefault(), this.isDraggable && e(a, s, -10, t), (t.metaKey || t.ctrlKey) && (e(a, s, 0, t), this.isDraggable ? this.onPrevToggle(t) : this.onNextToggle(t)));
+          ArrowLeft: (r, l, e) => {
+            o && (e.preventDefault(), this.isDraggable && t(i, s, -10, e), (e.metaKey || e.ctrlKey) && (t(i, s, 0, e), this.isDraggable ? this.onPrevToggle(e) : this.onNextToggle(e)));
           },
-          ArrowRight: (i, r, t) => {
-            o && (t.preventDefault(), this.isDraggable && e(a, s, 10, t), (t.metaKey || t.ctrlKey) && (e(a, s, 0, t), this.isDraggable ? this.onNextToggle(t) : this.onPrevToggle(t)));
+          ArrowRight: (r, l, e) => {
+            o && (e.preventDefault(), this.isDraggable && t(i, s, 10, e), (e.metaKey || e.ctrlKey) && (t(i, s, 0, e), this.isDraggable ? this.onNextToggle(e) : this.onPrevToggle(e)));
           },
-          ArrowDown: (i, r, t) => {
-            o || (t.preventDefault(), this.isDraggable && e(a, s, 10, t), (t.metaKey || t.ctrlKey) && (e(a, s, 0, t), this.isDraggable ? this.onNextToggle(t) : this.onPrevToggle(t)));
+          ArrowDown: (r, l, e) => {
+            o || (e.preventDefault(), this.isDraggable && t(i, s, 10, e), (e.metaKey || e.ctrlKey) && (t(i, s, 0, e), this.isDraggable ? this.onNextToggle(e) : this.onPrevToggle(e)));
           },
-          ArrowUp: (i, r, t) => {
-            o || (t.preventDefault(), this.isDraggable && e(a, s, -10, t), (t.metaKey || t.ctrlKey) && (e(a, s, 0, t), this.isDraggable ? this.onPrevToggle(t) : this.onNextToggle(t)));
+          ArrowUp: (r, l, e) => {
+            o || (e.preventDefault(), this.isDraggable && t(i, s, -10, e), (e.metaKey || e.ctrlKey) && (t(i, s, 0, e), this.isDraggable ? this.onPrevToggle(e) : this.onNextToggle(e)));
           },
-          Enter: (i, r, t) => {
-            t.preventDefault(), this.onToggle(t);
+          Enter: (r, l, e) => {
+            e.preventDefault(), this.onToggle(e);
           }
         }
       }
     }));
   }
   render() {
-    const a = this.isDraggable, s = this.isStatic, e = this.isHorizontal, o = f("k-splitbar", {
+    const i = this.isDraggable, s = this.isStatic, t = this.isHorizontal;
+    let o, r;
+    if (this.props.prev.collapsible)
+      if (t) {
+        const a = !!this.props.prev.collapsed != !!this.props.isRtl;
+        o = a ? "chevron-right" : "chevron-left", r = a ? b : f;
+      } else
+        o = this.props.prev.collapsed ? "chevron-down" : "chevron-up", r = this.props.prev.collapsed ? h : g;
+    let l, e;
+    if (this.props.next.collapsible)
+      if (t) {
+        const a = !!this.props.next.collapsed == !!this.props.isRtl;
+        l = a ? "chevron-right" : "chevron-left", e = a ? b : f;
+      } else
+        l = this.props.next.collapsed ? "chevron-up" : "chevron-down", e = this.props.next.collapsed ? g : h;
+    const c = m("k-splitbar", {
       "k-focus": this.state.focused,
-      "k-splitbar-horizontal": e,
-      "k-splitbar-vertical": !e,
-      "k-splitbar-draggable-horizontal": e && a,
-      "k-splitbar-draggable-vertical": !e && a,
-      "k-splitbar-static-horizontal": e && s,
-      "k-splitbar-static-vertical": !e && s
+      "k-splitbar-horizontal": t,
+      "k-splitbar-vertical": !t,
+      "k-splitbar-draggable-horizontal": t && i,
+      "k-splitbar-draggable-vertical": !t && i,
+      "k-splitbar-static-horizontal": t && s,
+      "k-splitbar-static-vertical": !t && s
     });
-    return /* @__PURE__ */ l.createElement(
+    return /* @__PURE__ */ n.createElement(
       u,
       {
-        onPress: (i) => this.onDrag(i, !0, !1),
-        onDrag: (i) => this.onDrag(i, !1, !1),
-        onRelease: (i) => this.onDrag(i, !1, !0),
-        ref: (i) => {
-          this.draggable = i;
+        onPress: (a) => this.onDrag(a, !0, !1),
+        onDrag: (a) => this.onDrag(a, !1, !1),
+        onRelease: (a) => this.onDrag(a, !1, !0),
+        ref: (a) => {
+          this.draggable = a;
         }
       },
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ n.createElement(
         "div",
         {
           ref: this.spliterBarRef,
@@ -103,36 +118,22 @@ class v extends l.Component {
           role: "separator",
           "aria-valuenow": 0,
           "aria-label": this.props.ariaLabel,
-          "aria-orientation": e ? "vertical" : void 0,
+          "aria-orientation": t ? "vertical" : void 0,
           "aria-keyshortcuts": "ArrowLeft ArrowRight ArrowUp ArrowDown",
-          className: o,
+          className: c,
           style: { touchAction: "none" },
           onFocus: this.onFocus,
           onBlur: this.onBlur,
           onDoubleClick: this.onToggle,
           onKeyDown: this.onKeyDown
         },
-        this.props.prev.collapsible && /* @__PURE__ */ l.createElement("div", { className: "k-collapse-prev", onClick: this.onPrevToggle }, /* @__PURE__ */ l.createElement(
-          g,
-          {
-            name: this.props.prev.collapsible ? e ? this.props.prev.collapsed ? this.props.isRtl ? "caret-alt-left" : "caret-alt-right" : this.props.isRtl ? "caret-alt-right" : "caret-alt-left" : this.props.prev.collapsed ? "caret-alt-down" : "caret-alt-up" : void 0,
-            icon: this.props.prev.collapsible ? e ? this.props.prev.collapsed ? this.props.isRtl ? n : p : this.props.isRtl ? p : n : this.props.prev.collapsed ? h : b : void 0,
-            size: "xsmall"
-          }
-        )),
-        /* @__PURE__ */ l.createElement("div", { className: "k-resize-handle" }),
-        this.props.next.collapsible && /* @__PURE__ */ l.createElement("div", { className: "k-collapse-next", onClick: this.onNextToggle }, /* @__PURE__ */ l.createElement(
-          g,
-          {
-            name: this.props.next.collapsible ? e ? this.props.next.collapsed ? this.props.isRtl ? "caret-alt-right" : "caret-alt-left" : this.props.isRtl ? "caret-alt-left" : "caret-alt-right" : this.props.next.collapsed ? "caret-alt-up" : "caret-alt-down" : void 0,
-            icon: this.props.next.collapsible ? e ? this.props.next.collapsed ? this.props.isRtl ? p : n : this.props.isRtl ? n : p : this.props.next.collapsed ? b : h : void 0,
-            size: "xsmall"
-          }
-        ))
+        this.props.prev.collapsible && /* @__PURE__ */ n.createElement("div", { className: "k-collapse-prev", onClick: this.onPrevToggle }, /* @__PURE__ */ n.createElement(p, { name: o, icon: r, size: "xsmall" })),
+        /* @__PURE__ */ n.createElement("div", { className: "k-resize-handle" }),
+        this.props.next.collapsible && /* @__PURE__ */ n.createElement("div", { className: "k-collapse-next", onClick: this.onNextToggle }, /* @__PURE__ */ n.createElement(p, { name: l, icon: e, size: "xsmall" }))
       )
     );
   }
 }
 export {
-  v as SplitterBar
+  w as SplitterBar
 };

package/stepper/Step.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 ee=require("react"),n=require("prop-types"),te=require("./context/StepperContext.js"),c=require("@progress/kendo-react-common"),ne=require("@progress/kendo-react-intl"),j=require("@progress/kendo-svg-icons"),D=require("./contants.js"),L=require("./messages/index.js");function ae(s){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const m=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(p,i,m.get?m:{enumerable:!0,get:()=>s[i]})}}return p.default=s,Object.freeze(p)}const e=ae(ee),y=e.forwardRef((s,p)=>{const{children:i,className:m,current:v,disabled:o,focused:O,icon:b,svgIcon:M,index:a,isValid:t,label:l,optional:k,style:T,tabIndex:oe=se.tabIndex,text:q,..._}=s,{animationDuration:I,isVertical:g,item:z,linear:P,mode:F,numOfSteps:r,value:d,onChange:N,onFocus:x,successIcon:V,errorIcon:w,successSVGIcon:H,errorSVGIcon:W}=e.useContext(te.StepperContext),f=e.useRef(null),R=e.useCallback(()=>{f.current&&c.focusFirstFocusableChild(f.current)},[]),E=e.useCallback(()=>({element:f.current,focus:R}),[R]);e.useImperativeHandle(p,E);const C=!P||a===d-1||a===d||a===d+1,S=F==="labels"||!!b&&!!l,$=ne.useLocalization(),B=(u=>$.toLanguageString(u,L.messages[u]))(L.optionalText),G=typeof I=="number"?I:I!==!1?D.DEFAULT_ANIMATION_DURATION:D.NO_ANIMATION,U=e.useCallback(u=>{N&&!o&&c.dispatchEvent(N,u,E(),{value:a})},[N,d,o]),K=e.useCallback(u=>{x&&!o&&c.dispatchEvent(x,u,E(),void 0)},[x,o]),J=e.useMemo(()=>c.classNames("k-step",{"k-step-first":a===0,"k-step-last":r&&a===r-1,"k-step-done":a<d,"k-step-current":v,"k-step-optional":k,"k-step-error":t!==void 0&&!t,"k-step-success":t,"k-disabled":o,"k-focus":O},m),[a,r,d,v,k,o,O,t,m]),Q=e.useMemo(()=>({maxWidth:g?void 0:`calc(100% / ${r})`,maxHeight:g?`calc(100% / ${r})`:void 0,pointerEvents:C?void 0:"none",...T}),[g,r,T,C]),A=t?V:w,h=A?e.createElement("span",{className:"k-step-indicator-icon "+A,"aria-hidden":"true"}):e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:t?"check-circle":"exclamation-circle",icon:t?H||j.checkOutlineIcon:W||j.exclamationCircleIcon}),X=e.createElement(e.Fragment,null,F!=="labels"?e.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:G+"ms"}},b||M?!S&&t!==void 0?h:e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:b&&c.toIconName(b),icon:M}):t!==void 0?h:e.createElement("span",{className:"k-step-indicator-text"},q||a+1)):null),Y=(l||S||k)&&e.createElement("span",{className:"k-step-label"},l&&e.createElement("span",{className:"k-step-text"},l),S&&t!==void 0&&h,k&&e.createElement("span",{className:"k-step-label-optional"},B)),Z=e.createElement(e.Fragment,null,X,Y);return e.createElement("li",{ref:f,className:J,style:Q,..._},e.createElement("a",{className:"k-step-link",title:l||void 0,onClick:U,onFocus:K,"aria-current":v?"step":void 0,"aria-disabled":o||!C||void 0,"aria-invalid":t!==void 0&&!t||void 0},z?i:Z))});y.propTypes={children:n.any,className:n.string,current:n.bool,disabled:n.bool,icon:n.string,index:n.number,isValid:n.bool,label:n.string,optional:n.bool,style:n.object,tabIndex:n.number,text:n.string};const se={tabIndex:0};y.displayName="KendoStep";exports.Step=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react"),n=require("prop-types"),te=require("./context/StepperContext.js"),c=require("@progress/kendo-react-common"),ne=require("@progress/kendo-react-intl"),j=require("@progress/kendo-svg-icons"),D=require("./contants.js"),L=require("./messages/index.js");function ae(s){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const m=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(p,i,m.get?m:{enumerable:!0,get:()=>s[i]})}}return p.default=s,Object.freeze(p)}const e=ae(ee),y=e.forwardRef((s,p)=>{const{children:i,className:m,current:v,disabled:o,focused:O,icon:b,svgIcon:M,index:a,isValid:t,label:l,optional:k,style:T,tabIndex:oe=se.tabIndex,text:q,..._}=s,{animationDuration:I,isVertical:g,item:z,linear:P,mode:F,numOfSteps:r,value:d,onChange:N,onFocus:x,successIcon:V,errorIcon:w,successSVGIcon:H,errorSVGIcon:W}=e.useContext(te.StepperContext),f=e.useRef(null),R=e.useCallback(()=>{f.current&&c.focusFirstFocusableChild(f.current)},[]),E=e.useCallback(()=>({element:f.current,focus:R}),[R]);e.useImperativeHandle(p,E);const C=!P||a===d-1||a===d||a===d+1,S=F==="labels"||!!b&&!!l,$=ne.useLocalization(),B=(u=>$.toLanguageString(u,L.messages[u]))(L.optionalText),G=typeof I=="number"?I:I!==!1?D.DEFAULT_ANIMATION_DURATION:D.NO_ANIMATION,U=e.useCallback(u=>{N&&!o&&c.dispatchEvent(N,u,E(),{value:a})},[N,d,o]),K=e.useCallback(u=>{x&&!o&&c.dispatchEvent(x,u,E(),void 0)},[x,o]),J=e.useMemo(()=>c.classNames("k-step",{"k-step-first":a===0,"k-step-last":r&&a===r-1,"k-step-done":a<d,"k-step-current":v,"k-step-optional":k,"k-step-error":t!==void 0&&!t,"k-step-success":t,"k-disabled":o,"k-focus":O},m),[a,r,d,v,k,o,O,t,m]),Q=e.useMemo(()=>({maxWidth:g?void 0:`calc(100% / ${r})`,maxHeight:g?`calc(100% / ${r})`:void 0,pointerEvents:C?void 0:"none",...T}),[g,r,T,C]),A=t?V:w,h=A?e.createElement("span",{className:"k-step-indicator-icon "+A,"aria-hidden":"true"}):e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:t?"check-circle":"exclamation-circle",icon:t?H||j.checkIcon:W||j.exclamationCircleIcon}),X=e.createElement(e.Fragment,null,F!=="labels"?e.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:G+"ms"}},b||M?!S&&t!==void 0?h:e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:b&&c.toIconName(b),icon:M}):t!==void 0?h:e.createElement("span",{className:"k-step-indicator-text"},q||a+1)):null),Y=(l||S||k)&&e.createElement("span",{className:"k-step-label"},l&&e.createElement("span",{className:"k-step-text"},l),S&&t!==void 0&&h,k&&e.createElement("span",{className:"k-step-label-optional"},B)),Z=e.createElement(e.Fragment,null,X,Y);return e.createElement("li",{ref:f,className:J,style:Q,..._},e.createElement("a",{className:"k-step-link",title:l||void 0,onClick:U,onFocus:K,"aria-current":v?"step":void 0,"aria-disabled":o||!C||void 0,"aria-invalid":t!==void 0&&!t||void 0},z?i:Z))});y.propTypes={children:n.any,className:n.string,current:n.bool,disabled:n.bool,icon:n.string,index:n.number,isValid:n.bool,label:n.string,optional:n.bool,style:n.object,tabIndex:n.number,text:n.string};const se={tabIndex:0};y.displayName="KendoStep";exports.Step=y;

package/stepper/Step.mjs

@@ -10,7 +10,7 @@ import a from "prop-types";
 import { StepperContext as Y } from "./context/StepperContext.mjs";
 import { focusFirstFocusableChild as Z, dispatchEvent as M, classNames as ee, IconWrap as T, toIconName as te } from "@progress/kendo-react-common";
 import { useLocalization as ae } from "@progress/kendo-react-intl";
-import { checkOutlineIcon as se, exclamationCircleIcon as oe } from "@progress/kendo-svg-icons";
+import { checkIcon as se, exclamationCircleIcon as oe } from "@progress/kendo-svg-icons";
 import { DEFAULT_ANIMATION_DURATION as ne, NO_ANIMATION as ce } from "./contants.mjs";
 import { messages as le, optionalText as ie } from "./messages/index.mjs";
 const L = e.forwardRef((O, R) => {

package/tabstrip/TabStripNavigation.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 ft=require("react"),r=require("prop-types"),ut=require("./TabStripNavigationItem.js"),M=require("@progress/kendo-react-common"),bt=require("@progress/kendo-react-buttons"),I=require("@progress/kendo-svg-icons"),dt=require("@progress/kendo-react-intl"),S=require("./messages/index.js");function mt(b){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(b){for(const s in b)if(s!=="default"){const T=Object.getOwnPropertyDescriptor(b,s);Object.defineProperty(d,s,T.get?T:{enumerable:!0,get:()=>b[s]})}}return d.default=b,Object.freeze(d)}const n=mt(ft),pt=b=>Array.from({length:b}),C="smooth",p="prev",k="next",x=b=>{const{selected:d,tabPosition:s,tabAlignment:T,children:w,onSelect:y,onKeyDown:q,onScroll:A,navItemId:R,contentPanelId:F,renderAllContent:D,scrollable:E,scrollButtons:P,scrollButtonsPosition:m,tabIndex:_,buttonScrollSpeed:j,mouseScrollSpeed:W,prevButton:$,nextButton:K,dir:U,size:V,containerScrollPosition:v,itemsNavRef:ot}=b,nt=n.useRef(null),N=ot||nt,H=dt.useLocalization(),g=n.useCallback(()=>/top|bottom/.test(s||"top"),[s]),h=n.useCallback(()=>U==="rtl",[U]),X=n.useCallback(()=>{const t=N.current,e=t==null?void 0:t.children[d||0];if(e instanceof HTMLElement&&t instanceof HTMLElement){const l=g(),u=l?t.offsetWidth:t.offsetHeight,c=l?e.offsetWidth:e.offsetHeight,i=l?"left":"top";let o=l?t.scrollLeft:t.scrollTop,a=0;if(h()){const f=e.offsetLeft;o=o*-1,f<0?(a=f-c+t.offsetLeft,t.scrollTo({[i]:a,behavior:C})):f+c>u-o&&(a=o+f-c,t.scrollTo({[i]:a,behavior:C}))}else{const f=l?e.offsetLeft-t.offsetLeft:e.offsetTop-t.offsetTop;o+u<f+c?(a=f+c-u,t.scrollTo({[i]:a,behavior:C})):o>f&&(a=f,t.scrollTo({[i]:a,behavior:C}))}}},[N,d,g,h]);n.useEffect(()=>{E&&X()},[E,d,X]);const B=n.useCallback(()=>{A==null||A()},[A]),G=n.useCallback((t,e)=>{const l=N.current;if(!l)return;const u=g(),c=u?l.scrollWidth-l.offsetWidth:l.scrollHeight-l.offsetHeight,i=(e.type==="click"?j:W)||0;let o=u?l.scrollLeft:l.scrollTop;h()&&g()?(t===p&&o<0&&(o+=i),t===k&&o<c&&(o-=i),o=Math.min(0,Math.min(c,o))):(t===p&&o>0&&(o-=i),t===k&&o<c&&(o+=i),o=Math.max(0,Math.min(c,o)));const a=e.type==="click"?C:void 0;u?l.scrollTo({left:o,behavior:a}):l.scrollTo({top:o,behavior:a})},[N,g,h,j,W]),z=n.useCallback((t,e)=>{G(t,e)},[G]),J=n.useCallback(t=>{z(p,t)},[z]),Q=n.useCallback(t=>{z(k,t)},[z]),O=n.useCallback(t=>{const e=g(),l=h(),c=e?l?"caret-alt-right":"caret-alt-left":"caret-alt-up",i=l?I.caretAltRightIcon:I.caretAltLeftIcon,o=e?i:I.caretAltUpIcon,f=e?l?"caret-alt-left":"caret-alt-right":"caret-alt-down",st=l?I.caretAltLeftIcon:I.caretAltRightIcon,rt=e?st:I.caretAltDownIcon,L={prev:{arrowTab:"k-tabstrip-prev",fontIcon:c,svgIcon:o,title:H.toLanguageString(S.prevArrowTitle,S.messages[S.prevArrowTitle])},next:{arrowTab:"k-tabstrip-next",fontIcon:f,svgIcon:rt,title:H.toLanguageString(S.nextArrowTitle,S.messages[S.nextArrowTitle])}},ct=(t===p?$:K)||bt.Button,at=t===p?J:Q,it=v===null||t===p&&(v==="start"||v==="top")||t===k&&(v==="end"||v==="bottom");return n.createElement(ct,{disabled:it,className:M.classNames(`${L[t].arrowTab}`),onClick:at,icon:L[t].fontIcon,svgIcon:L[t].svgIcon,size:V,tabIndex:-1,fillMode:"flat",title:L[t].title})},[g,h,$,K,J,Q,v,V,H]),Y=n.Children.count(w),Z=n.Children.toArray(w),tt=n.useMemo(()=>w?pt(Y).map((t,e,l)=>{const u={active:d===e,disabled:Z[e].props.disabled,index:e,title:Z[e].props.title,first:e===0,last:e===l.length-1,contentPanelId:F,renderAllContent:D,id:R,onSelect:y,onScroll:B};return n.createElement(ut.TabStripNavigationItem,{key:`${R}-${e}`,...u})}):null,[w,Y,d,F,D,R,y,B]),lt=n.useMemo(()=>M.classNames("k-tabstrip-items-wrapper k-tabstrip-items-wrapper-scroll",{"k-hstack":s==="top"||s==="bottom","k-vstack":s==="left"||s==="right"}),[s]),et=n.useMemo(()=>M.classNames("k-tabstrip-items k-tabstrip-items-scroll k-reset",`k-tabstrip-items-${T}`),[T]);return n.createElement("div",{className:lt},E?n.createElement(n.Fragment,null,P!=="hidden"&&m&&["split","start","around","before"].includes(m)&&O(p),P!=="hidden"&&(m==="start"||m==="before")&&O(k),n.createElement("ul",{ref:N,className:et,role:"tablist",tabIndex:_,onKeyDown:q,onScroll:B,"aria-orientation":s==="left"||s==="right"?"vertical":void 0},tt),P!=="hidden"&&(m==="end"||m==="after")&&O(p),P!=="hidden"&&m&&["split","end","around","after"].includes(m)&&O(k)):n.createElement("ul",{className:et,role:"tablist",tabIndex:_,onKeyDown:q},tt))};x.propTypes={children:r.oneOfType([r.element,r.arrayOf(r.element)]),onSelect:r.func,onKeyDown:r.func,onScroll:r.func,selected:r.number,tabIndex:r.number,scrollable:r.bool,size:r.oneOf(["small","medium","large"]),scrollButtons:r.oneOf(["auto","visible","hidden"]),scrollButtonsPosition:r.oneOf(["split","start","end","around","before","after"]),containerScrollPosition:r.oneOf(["start","end","top","bottom","middle",null])};x.displayName="TabStripNavigation";exports.TabStripNavigation=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ft=require("react"),l=require("prop-types"),ut=require("./TabStripNavigationItem.js"),M=require("@progress/kendo-react-common"),bt=require("@progress/kendo-react-buttons"),I=require("@progress/kendo-svg-icons"),dt=require("@progress/kendo-react-intl"),S=require("./messages/index.js");function mt(b){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(b){for(const r in b)if(r!=="default"){const T=Object.getOwnPropertyDescriptor(b,r);Object.defineProperty(d,r,T.get?T:{enumerable:!0,get:()=>b[r]})}}return d.default=b,Object.freeze(d)}const n=mt(ft),vt=b=>Array.from({length:b}),C="smooth",v="prev",k="next",x=b=>{const{selected:d,tabPosition:r,tabAlignment:T,children:w,onSelect:y,onKeyDown:q,onScroll:P,navItemId:E,contentPanelId:F,renderAllContent:D,scrollable:H,scrollButtons:z,scrollButtonsPosition:m,tabIndex:_,buttonScrollSpeed:j,mouseScrollSpeed:W,prevButton:$,nextButton:K,dir:U,size:V,containerScrollPosition:h,itemsNavRef:ot}=b,nt=n.useRef(null),N=ot||nt,A=dt.useLocalization(),p=n.useCallback(()=>/top|bottom/.test(r||"top"),[r]),g=n.useCallback(()=>U==="rtl",[U]),X=n.useCallback(()=>{const t=N.current,e=t==null?void 0:t.children[d||0];if(e instanceof HTMLElement&&t instanceof HTMLElement){const s=p(),u=s?t.offsetWidth:t.offsetHeight,c=s?e.offsetWidth:e.offsetHeight,i=s?"left":"top";let o=s?t.scrollLeft:t.scrollTop,a=0;if(g()){const f=e.offsetLeft;o=o*-1,f<0?(a=f-c+t.offsetLeft,t.scrollTo({[i]:a,behavior:C})):f+c>u-o&&(a=o+f-c,t.scrollTo({[i]:a,behavior:C}))}else{const f=s?e.offsetLeft-t.offsetLeft:e.offsetTop-t.offsetTop;o+u<f+c?(a=f+c-u,t.scrollTo({[i]:a,behavior:C})):o>f&&(a=f,t.scrollTo({[i]:a,behavior:C}))}}},[N,d,p,g]);n.useEffect(()=>{H&&X()},[H,d,X]);const B=n.useCallback(()=>{P==null||P()},[P]),G=n.useCallback((t,e)=>{const s=N.current;if(!s)return;const u=p(),c=u?s.scrollWidth-s.offsetWidth:s.scrollHeight-s.offsetHeight,i=(e.type==="click"?j:W)||0;let o=u?s.scrollLeft:s.scrollTop;g()&&p()?(t===v&&o<0&&(o+=i),t===k&&o<c&&(o-=i),o=Math.min(0,Math.min(c,o))):(t===v&&o>0&&(o-=i),t===k&&o<c&&(o+=i),o=Math.max(0,Math.min(c,o)));const a=e.type==="click"?C:void 0;u?s.scrollTo({left:o,behavior:a}):s.scrollTo({top:o,behavior:a})},[N,p,g,j,W]),O=n.useCallback((t,e)=>{G(t,e)},[G]),J=n.useCallback(t=>{O(v,t)},[O]),Q=n.useCallback(t=>{O(k,t)},[O]),L=n.useCallback(t=>{const e=p(),s=g(),c=e?s?"chevron-right":"chevron-left":"chevron-up",i=s?I.chevronRightIcon:I.chevronLeftIcon,o=e?i:I.chevronUpIcon,f=e?s?"chevron-left":"chevron-right":"chevron-down",rt=s?I.chevronLeftIcon:I.chevronRightIcon,lt=e?rt:I.chevronDownIcon,R={prev:{arrowTab:"k-tabstrip-prev",fontIcon:c,svgIcon:o,title:A.toLanguageString(S.prevArrowTitle,S.messages[S.prevArrowTitle])},next:{arrowTab:"k-tabstrip-next",fontIcon:f,svgIcon:lt,title:A.toLanguageString(S.nextArrowTitle,S.messages[S.nextArrowTitle])}},ct=(t===v?$:K)||bt.Button,at=t===v?J:Q,it=h===null||t===v&&(h==="start"||h==="top")||t===k&&(h==="end"||h==="bottom");return n.createElement(ct,{disabled:it,className:M.classNames(`${R[t].arrowTab}`),onClick:at,icon:R[t].fontIcon,svgIcon:R[t].svgIcon,size:V,tabIndex:-1,fillMode:"flat",title:R[t].title})},[p,g,$,K,J,Q,h,V,A]),Y=n.Children.count(w),Z=n.Children.toArray(w),tt=n.useMemo(()=>w?vt(Y).map((t,e,s)=>{const u={active:d===e,disabled:Z[e].props.disabled,index:e,title:Z[e].props.title,first:e===0,last:e===s.length-1,contentPanelId:F,renderAllContent:D,id:E,onSelect:y,onScroll:B};return n.createElement(ut.TabStripNavigationItem,{key:`${E}-${e}`,...u})}):null,[w,Y,d,F,D,E,y,B]),st=n.useMemo(()=>M.classNames("k-tabstrip-items-wrapper k-tabstrip-items-wrapper-scroll",{"k-hstack":r==="top"||r==="bottom","k-vstack":r==="left"||r==="right"}),[r]),et=n.useMemo(()=>M.classNames("k-tabstrip-items k-tabstrip-items-scroll k-reset",`k-tabstrip-items-${T}`),[T]);return n.createElement("div",{className:st},H?n.createElement(n.Fragment,null,z!=="hidden"&&m&&["split","start","around","before"].includes(m)&&L(v),z!=="hidden"&&(m==="start"||m==="before")&&L(k),n.createElement("ul",{ref:N,className:et,role:"tablist",tabIndex:_,onKeyDown:q,onScroll:B,"aria-orientation":r==="left"||r==="right"?"vertical":void 0},tt),z!=="hidden"&&(m==="end"||m==="after")&&L(v),z!=="hidden"&&m&&["split","end","around","after"].includes(m)&&L(k)):n.createElement("ul",{className:et,role:"tablist",tabIndex:_,onKeyDown:q},tt))};x.propTypes={children:l.oneOfType([l.element,l.arrayOf(l.element)]),onSelect:l.func,onKeyDown:l.func,onScroll:l.func,selected:l.number,tabIndex:l.number,scrollable:l.bool,size:l.oneOf(["small","medium","large"]),scrollButtons:l.oneOf(["auto","visible","hidden"]),scrollButtonsPosition:l.oneOf(["split","start","end","around","before","after"]),containerScrollPosition:l.oneOf(["start","end","top","bottom","middle",null])};x.displayName="TabStripNavigation";exports.TabStripNavigation=x;