@progress/kendo-react-layout 9.0.0-develop.2 → 9.0.0-develop.21

package/menu/utils/misc.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../consts.js"),d=require("./itemsIdsUtils.js");function l(e,t,r){const o=i(e,t,r);return r?o==="downward"?n.POPUP_SETTINGS_RTL.downward:n.POPUP_SETTINGS_RTL.leftward:o==="downward"?n.POPUP_SETTINGS.downward:n.POPUP_SETTINGS.rightward}function i(e,t,r){return d.isIdZeroLevel(e)?t?r?"leftward":"rightward":"downward":r?"leftward":"rightward"}function u(e){return e?"rtl":"ltr"}function s(e,t){return`${e}_${t}`}exports.convertBoolDirectionToString=u;exports.getChildrenPosition=i;exports.getDOMElementId=s;exports.getPopupSettings=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../consts.js"),d=require("./itemsIdsUtils.js");function u(t,r,e){const o=i(t,r,e);return e?o==="downward"?n.POPUP_SETTINGS_RTL.downward:n.POPUP_SETTINGS_RTL.leftward:o==="downward"?n.POPUP_SETTINGS.downward:n.POPUP_SETTINGS.rightward}function i(t,r,e){return d.isIdZeroLevel(t)?r?e?"leftward":"rightward":"downward":e?"leftward":"rightward"}function l(t){return t?"rtl":"ltr"}function P(t,r){return`${t}_${r}`}exports.convertBoolDirectionToString=l;exports.getChildrenPosition=i;exports.getDOMElementId=P;exports.getPopupSettings=u;

package/menu/utils/misc.mjs

@@ -8,7 +8,7 @@
 "use client";
 import { POPUP_SETTINGS_RTL as o, POPUP_SETTINGS as d } from "../consts.mjs";
 import { isIdZeroLevel as i } from "./itemsIdsUtils.mjs";
-function a(r, n, t) {
+function l(r, n, t) {
   const e = w(r, n, t);
   return t ? e === "downward" ? o.downward : o.leftward : e === "downward" ? d.downward : d.rightward;
 }
@@ -25,5 +25,5 @@ export {
   f as convertBoolDirectionToString,
   w as getChildrenPosition,
   P as getDOMElementId,
-  a as getPopupSettings
+  l as getPopupSettings
 };

package/menu/utils/prepareInputItemsForInternalWork.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),s=require("./itemsIdsUtils.js"),R=require("../components/MenuItem.js");function O(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const S=O(y);function C(t,n){if(t&&t.length>0)return{items:u(t),inputItems:t};if(c(n).length>0){const e=h(c(n));return{items:u(e),inputItems:e}}else return{items:[],inputItems:[]}}function b(t,n){let e={};const{text:r,url:o,icon:i,svgIcon:l,disabled:a,cssClass:d,cssStyle:f,render:p,linkRender:I,contentRender:m,data:g,separator:v}=t||n.props;return r!==void 0&&(e.text=r),o!==void 0&&(e.url=o),i!==void 0&&(e.icon=i),l!==void 0&&(e.svgIcon=l),a!==void 0&&(e.disabled=a),d!==void 0&&(e.cssClass=d),f!==void 0&&(e.cssStyle=f),p!==void 0&&(e.render=p),I!==void 0&&(e.linkRender=I),m!==void 0&&(e.contentRender=m),g!==void 0&&(e.data=g),v!==void 0&&(e.separator=v),e}function c(t){return S.Children.toArray(t).filter(n=>n&&n.type===R.MenuItem)}function h(t){const n=[];for(let e=0;e<t.length;e++){const r=t[e],o=b(void 0,r),i=h(c(r.props.children));i.length>0&&(o.items=i),n.push(o)}return n}function u(t,n){const e=[];for(let r=0;r<t.length;r++){const o=t[r],i=b(o);i.id=s.createId(r.toString(),n),i.isLastFromSiblings=r===t.length-1,i.separator=o.separator===!0,i.items=_(o,i),e.push(i)}return e}function _(t,n){return t.contentRender?[{contentParentItemId:n.id,id:s.createId(s.ZERO_LEVEL_ZERO_ITEM_ID,n.id),isLastFromSiblings:!0,separator:!1,contentRender:t.contentRender,items:[]}]:t.items?u(t.items,n.id):[]}exports.prepareInputItemsForInternalWork=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),s=require("./itemsIdsUtils.js"),R=require("../components/MenuItem.js");function O(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const S=O(y);function C(t,n){if(t&&t.length>0)return{items:u(t),inputItems:t};if(c(n).length>0){const e=h(c(n));return{items:u(e),inputItems:e}}return{items:[],inputItems:[]}}function b(t,n){const e={},{text:r,url:o,icon:i,svgIcon:a,disabled:d,cssClass:l,cssStyle:f,render:p,linkRender:I,contentRender:m,data:g,separator:v}=t||n.props;return r!==void 0&&(e.text=r),o!==void 0&&(e.url=o),i!==void 0&&(e.icon=i),a!==void 0&&(e.svgIcon=a),d!==void 0&&(e.disabled=d),l!==void 0&&(e.cssClass=l),f!==void 0&&(e.cssStyle=f),p!==void 0&&(e.render=p),I!==void 0&&(e.linkRender=I),m!==void 0&&(e.contentRender=m),g!==void 0&&(e.data=g),v!==void 0&&(e.separator=v),e}function c(t){return S.Children.toArray(t).filter(n=>n&&n.type===R.MenuItem)}function h(t){const n=[];for(let e=0;e<t.length;e++){const r=t[e],o=b(void 0,r),i=h(c(r.props.children));i.length>0&&(o.items=i),n.push(o)}return n}function u(t,n){const e=[];for(let r=0;r<t.length;r++){const o=t[r],i=b(o);i.id=s.createId(r.toString(),n),i.isLastFromSiblings=r===t.length-1,i.separator=o.separator===!0,i.items=_(o,i),e.push(i)}return e}function _(t,n){return t.contentRender?[{contentParentItemId:n.id,id:s.createId(s.ZERO_LEVEL_ZERO_ITEM_ID,n.id),isLastFromSiblings:!0,separator:!1,contentRender:t.contentRender,items:[]}]:t.items?u(t.items,n.id):[]}exports.prepareInputItemsForInternalWork=C;

package/menu/utils/prepareInputItemsForInternalWork.mjs

@@ -9,66 +9,65 @@
 import * as C from "react";
 import { createId as g, ZERO_LEVEL_ZERO_ITEM_ID as y } from "./itemsIdsUtils.mjs";
 import { MenuItem as x } from "../components/MenuItem.mjs";
-function L(t, n) {
-  if (t && t.length > 0)
+function L(e, n) {
+  if (e && e.length > 0)
     return {
-      items: c(t),
-      inputItems: t
+      items: c(e),
+      inputItems: e
     };
   if (s(n).length > 0) {
-    const e = R(s(n));
-    return { items: c(e), inputItems: e };
-  } else
-    return { items: [], inputItems: [] };
+    const t = R(s(n));
+    return { items: c(t), inputItems: t };
+  }
+  return { items: [], inputItems: [] };
 }
-function h(t, n) {
-  let e = {};
-  const {
+function h(e, n) {
+  const t = {}, {
     text: i,
     url: o,
     icon: r,
     svgIcon: d,
-    disabled: l,
-    cssClass: u,
-    cssStyle: f,
+    disabled: u,
+    cssClass: f,
+    cssStyle: l,
     render: a,
     linkRender: p,
     contentRender: m,
     data: I,
     separator: v
-  } = t || n.props;
-  return i !== void 0 && (e.text = i), o !== void 0 && (e.url = o), r !== void 0 && (e.icon = r), d !== void 0 && (e.svgIcon = d), l !== void 0 && (e.disabled = l), u !== void 0 && (e.cssClass = u), f !== void 0 && (e.cssStyle = f), a !== void 0 && (e.render = a), p !== void 0 && (e.linkRender = p), m !== void 0 && (e.contentRender = m), I !== void 0 && (e.data = I), v !== void 0 && (e.separator = v), e;
+  } = e || n.props;
+  return i !== void 0 && (t.text = i), o !== void 0 && (t.url = o), r !== void 0 && (t.icon = r), d !== void 0 && (t.svgIcon = d), u !== void 0 && (t.disabled = u), f !== void 0 && (t.cssClass = f), l !== void 0 && (t.cssStyle = l), a !== void 0 && (t.render = a), p !== void 0 && (t.linkRender = p), m !== void 0 && (t.contentRender = m), I !== void 0 && (t.data = I), v !== void 0 && (t.separator = v), t;
 }
-function s(t) {
-  return C.Children.toArray(t).filter((n) => n && n.type === x);
+function s(e) {
+  return C.Children.toArray(e).filter((n) => n && n.type === x);
 }
-function R(t) {
+function R(e) {
   const n = [];
-  for (let e = 0; e < t.length; e++) {
-    const i = t[e], o = h(void 0, i), r = R(s(i.props.children));
+  for (let t = 0; t < e.length; t++) {
+    const i = e[t], o = h(void 0, i), r = R(s(i.props.children));
     r.length > 0 && (o.items = r), n.push(o);
   }
   return n;
 }
-function c(t, n) {
-  const e = [];
-  for (let i = 0; i < t.length; i++) {
-    const o = t[i], r = h(o);
-    r.id = g(i.toString(), n), r.isLastFromSiblings = i === t.length - 1, r.separator = o.separator === !0, r.items = E(o, r), e.push(r);
+function c(e, n) {
+  const t = [];
+  for (let i = 0; i < e.length; i++) {
+    const o = e[i], r = h(o);
+    r.id = g(i.toString(), n), r.isLastFromSiblings = i === e.length - 1, r.separator = o.separator === !0, r.items = E(o, r), t.push(r);
   }
-  return e;
+  return t;
 }
-function E(t, n) {
-  return t.contentRender ? [
+function E(e, n) {
+  return e.contentRender ? [
     {
       contentParentItemId: n.id,
       id: g(y, n.id),
       isLastFromSiblings: !0,
       separator: !1,
-      contentRender: t.contentRender,
+      contentRender: e.contentRender,
       items: []
     }
-  ] : t.items ? c(t.items, n.id) : [];
+  ] : e.items ? c(e.items, n.id) : [];
 }
 export {
   L as prepareInputItemsForInternalWork

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-layout",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1729236211,
+  publishDate: 1731068539,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "9.0.0-develop.2",
+  "version": "9.0.0-develop.21",
   "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",
@@ -23,11 +23,11 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "9.0.0-develop.2",
-    "@progress/kendo-react-common": "9.0.0-develop.2",
-    "@progress/kendo-react-intl": "9.0.0-develop.2",
-    "@progress/kendo-react-popup": "9.0.0-develop.2",
-    "@progress/kendo-react-progressbars": "9.0.0-develop.2",
+    "@progress/kendo-react-animation": "9.0.0-develop.21",
+    "@progress/kendo-react-common": "9.0.0-develop.21",
+    "@progress/kendo-react-intl": "9.0.0-develop.21",
+    "@progress/kendo-react-popup": "9.0.0-develop.21",
+    "@progress/kendo-react-progressbars": "9.0.0-develop.21",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/panelbar/PanelBar.mjs

@@ -157,10 +157,7 @@ const h = class h extends c.Component {
   render() {
     const a = {
       "aria-activedescendant": this.activeDescendant
-    }, p = q(
-      "k-panelbar",
-      this.props.className
-    );
+    }, p = q("k-panelbar", this.props.className);
     return /* @__PURE__ */ c.createElement(
       "ul",
       {
@@ -197,9 +194,7 @@ h.propTypes = {
               "PanelBar children should be either PanelBarItem or Array of PanelBarItem."
             );
       } else if (t.type !== m)
-        return new Error(
-          "PanelBar child should be either PanelBarItem or Array of PanelBarItem."
-        );
+        return new Error("PanelBar child should be either PanelBarItem or Array of PanelBarItem.");
       return null;
     }
     return null;

package/panelbar/util.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),d=require("./PanelBarItem.js"),l=require("./interfaces/NavigationAction.js");function F(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const i=F(B),O=n=>typeof n!="object"||!("type"in n)||n.type!==d.PanelBarItem,y=({animation:n=!0,keepItemsMounted:r=!1,state:e,expanded:o,handleSelect:a,children:t,parentExpanded:c=!0,level:s=0,parentPrivateKey:f=[]})=>{const b=i.Children.toArray(t).filter(O),q=b.length?b:t;return i.Children.map(q,(p,C)=>{if(p&&p.type===d.PanelBarItem){let m;const u=g(p,f,C);if(p.props.children){const A={animation:n,keepItemsMounted:r,state:e,expanded:o,handleSelect:a,children:p.props.children,parentExpanded:(o||[]).indexOf(u)>-1,level:s+1,parentPrivateKey:[...f,u]};m=y(A)}return i.cloneElement(p,{...p.props,animation:p.props.animation!==void 0?p.props.animation:n,keepItemsMounted:r,id:p.props.id||`k-panelbar-item-default-${u}`,uniquePrivateKey:u,parentUniquePrivateKey:f,parentExpanded:c,level:s,expanded:(o||[]).indexOf(u)>-1,focused:e.focused===u&&e.wrapperFocused,selected:e.selected===u,children:m,onSelect:a})}else return i.createElement("div",{className:"k-panelbar-content"},p)})},x=n=>{const r=i.Children.toArray(n.children)[0];return r?g(r,[],0):""},I=(n,r,e={expanded:n.expanded||[],selected:n.selected||"",focused:n.focused||"",wrapperFocused:!1},o=!0,a=[])=>(i.Children.map(n.children,(t,c)=>{if(t&&t.type===d.PanelBarItem){const s=g(t,a,c);!t.props.disabled&&o&&(t.props.selected&&(e.selected=s),t.props.focused&&(e.focused=s),t.props.expanded&&(r==="multiple"?e.expanded.push(s):r==="single"&&(e.expanded=[s])),t.props.children&&(e=I(t.props,r,e,!!t.props.expanded,[...a,s])))}}),e),g=(n,r,e)=>n&&n.props&&n.props.id?n.props.id:r.length?r[r.length-1]+`.${e}`:`.${e}`;function P(n,r=[]){return(n||[]).forEach(e=>{e.disabled||(r.push(e),e.expanded&&e.children&&P(e.children,r))}),r}function v(n,r=[]){return i.Children.forEach(n,e=>{e&&e.props&&!e.props.disabled&&(r.push(e),e.props.children&&v(e.props.children,r))}),r}function E(n,r=[]){return i.Children.forEach(n,e=>{e&&e.props&&(e.props.expanded||e.props.parentExpanded)&&(r.push(e),e.props.children&&E(e.props.children,r))}),r}const N=n=>n!=null;exports.PanelBarUtils=void 0;(n=>{function r(e){return e.map((o,a)=>{let t;return o.content&&(t=o.content),o.children&&(t=r(o.children)),i.createElement(d.PanelBarItem,{...o,children:t,key:o.id||a})})}n.mapItemsToComponents=r})(exports.PanelBarUtils||(exports.PanelBarUtils={}));const S=(n,r)=>n.length!==r.length?!1:n.every((e,o)=>e===r[o]),j=(n,r,e,o,a)=>{let t;if(a===l.NavigationAction.First||a===l.NavigationAction.Last)switch(a){case l.NavigationAction.First:t=n[0];break;case l.NavigationAction.Last:t=n[n.length-1];break}else n.forEach((c,s)=>{if(c.props.uniquePrivateKey===(e.uniquePrivateKey||o)){const f=s+r<0?n.length-1:s+r>n.length-1?0:s+r;t=n[f]}});return t};exports.flatChildren=v;exports.flatVisibleChildren=E;exports.flatVisibleItems=P;exports.getFirstId=x;exports.getFocusedChild=j;exports.getInitialState=I;exports.isArrayEqual=S;exports.isPresent=N;exports.renderChildren=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),l=require("./PanelBarItem.js"),d=require("./interfaces/NavigationAction.js");function F(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const i=F(B),O=n=>typeof n!="object"||!("type"in n)||n.type!==l.PanelBarItem,y=({animation:n=!0,keepItemsMounted:r=!1,state:e,expanded:o,handleSelect:a,children:t,parentExpanded:c=!0,level:s=0,parentPrivateKey:f=[]})=>{const b=i.Children.toArray(t).filter(O),q=b.length?b:t;return i.Children.map(q,(p,C)=>{if(p&&p.type===l.PanelBarItem){let m;const u=g(p,f,C);if(p.props.children){const A={animation:n,keepItemsMounted:r,state:e,expanded:o,handleSelect:a,children:p.props.children,parentExpanded:(o||[]).indexOf(u)>-1,level:s+1,parentPrivateKey:[...f,u]};m=y(A)}return i.cloneElement(p,{...p.props,animation:p.props.animation!==void 0?p.props.animation:n,keepItemsMounted:r,id:p.props.id||`k-panelbar-item-default-${u}`,uniquePrivateKey:u,parentUniquePrivateKey:f,parentExpanded:c,level:s,expanded:(o||[]).indexOf(u)>-1,focused:e.focused===u&&e.wrapperFocused,selected:e.selected===u,children:m,onSelect:a})}return i.createElement("div",{className:"k-panelbar-content"},p)})},x=n=>{const r=i.Children.toArray(n.children)[0];return r?g(r,[],0):""},I=(n,r,e={expanded:n.expanded||[],selected:n.selected||"",focused:n.focused||"",wrapperFocused:!1},o=!0,a=[])=>(i.Children.map(n.children,(t,c)=>{if(t&&t.type===l.PanelBarItem){const s=g(t,a,c);!t.props.disabled&&o&&(t.props.selected&&(e.selected=s),t.props.focused&&(e.focused=s),t.props.expanded&&(r==="multiple"?e.expanded.push(s):r==="single"&&(e.expanded=[s])),t.props.children&&(e=I(t.props,r,e,!!t.props.expanded,[...a,s])))}}),e),g=(n,r,e)=>n&&n.props&&n.props.id?n.props.id:r.length?r[r.length-1]+`.${e}`:`.${e}`;function P(n,r=[]){return(n||[]).forEach(e=>{e.disabled||(r.push(e),e.expanded&&e.children&&P(e.children,r))}),r}function v(n,r=[]){return i.Children.forEach(n,e=>{e&&e.props&&!e.props.disabled&&(r.push(e),e.props.children&&v(e.props.children,r))}),r}function E(n,r=[]){return i.Children.forEach(n,e=>{e&&e.props&&(e.props.expanded||e.props.parentExpanded)&&(r.push(e),e.props.children&&E(e.props.children,r))}),r}const N=n=>n!=null;exports.PanelBarUtils=void 0;(n=>{function r(e){return e.map((o,a)=>{let t;return o.content&&(t=o.content),o.children&&(t=r(o.children)),i.createElement(l.PanelBarItem,{...o,children:t,key:o.id||a})})}n.mapItemsToComponents=r})(exports.PanelBarUtils||(exports.PanelBarUtils={}));const S=(n,r)=>n.length!==r.length?!1:n.every((e,o)=>e===r[o]),j=(n,r,e,o,a)=>{let t;if(a===d.NavigationAction.First||a===d.NavigationAction.Last)switch(a){case d.NavigationAction.First:t=n[0];break;case d.NavigationAction.Last:t=n[n.length-1];break}else n.forEach((c,s)=>{if(c.props.uniquePrivateKey===(e.uniquePrivateKey||o)){const f=s+r<0?n.length-1:s+r>n.length-1?0:s+r;t=n[f]}});return t};exports.flatChildren=v;exports.flatVisibleChildren=E;exports.flatVisibleItems=P;exports.getFirstId=x;exports.getFocusedChild=j;exports.getInitialState=I;exports.isArrayEqual=S;exports.isPresent=N;exports.renderChildren=y;

package/panelbar/util.mjs

@@ -20,11 +20,11 @@ const I = (r) => typeof r != "object" || !("type" in r) || r.type !== g, F = ({
   level: s = 0,
   parentPrivateKey: c = []
 }) => {
-  const m = u.Children.toArray(o).filter(I), b = m.length ? m : o;
+  const l = u.Children.toArray(o).filter(I), b = l.length ? l : o;
   return u.Children.map(b, (a, x) => {
     if (a && a.type === g) {
       let y;
-      const f = l(a, c, x);
+      const f = m(a, c, x);
       if (a.props.children) {
         const v = {
           animation: r,
@@ -39,30 +39,27 @@ const I = (r) => typeof r != "object" || !("type" in r) || r.type !== g, F = ({
         };
         y = F(v);
       }
-      return u.cloneElement(
-        a,
-        {
-          ...a.props,
-          animation: a.props.animation !== void 0 ? a.props.animation : r,
-          keepItemsMounted: n,
-          id: a.props.id || `k-panelbar-item-default-${f}`,
-          uniquePrivateKey: f,
-          parentUniquePrivateKey: c,
-          parentExpanded: i,
-          level: s,
-          expanded: (p || []).indexOf(f) > -1,
-          focused: e.focused === f && e.wrapperFocused,
-          selected: e.selected === f,
-          children: y,
-          onSelect: t
-        }
-      );
-    } else
-      return /* @__PURE__ */ u.createElement("div", { className: "k-panelbar-content" }, a);
+      return u.cloneElement(a, {
+        ...a.props,
+        animation: a.props.animation !== void 0 ? a.props.animation : r,
+        keepItemsMounted: n,
+        id: a.props.id || `k-panelbar-item-default-${f}`,
+        uniquePrivateKey: f,
+        parentUniquePrivateKey: c,
+        parentExpanded: i,
+        level: s,
+        expanded: (p || []).indexOf(f) > -1,
+        focused: e.focused === f && e.wrapperFocused,
+        selected: e.selected === f,
+        children: y,
+        onSelect: t
+      });
+    }
+    return /* @__PURE__ */ u.createElement("div", { className: "k-panelbar-content" }, a);
   });
 }, $ = (r) => {
   const n = u.Children.toArray(r.children)[0];
-  return n ? l(n, [], 0) : "";
+  return n ? m(n, [], 0) : "";
 }, q = (r, n, e = {
   expanded: r.expanded || [],
   selected: r.selected || "",
@@ -70,16 +67,13 @@ const I = (r) => typeof r != "object" || !("type" in r) || r.type !== g, F = ({
   wrapperFocused: !1
 }, p = !0, t = []) => (u.Children.map(r.children, (o, i) => {
   if (o && o.type === g) {
-    const s = l(o, t, i);
-    !o.props.disabled && p && (o.props.selected && (e.selected = s), o.props.focused && (e.focused = s), o.props.expanded && (n === "multiple" ? e.expanded.push(s) : n === "single" && (e.expanded = [s])), o.props.children && (e = q(
-      o.props,
-      n,
-      e,
-      !!o.props.expanded,
-      [...t, s]
-    )));
+    const s = m(o, t, i);
+    !o.props.disabled && p && (o.props.selected && (e.selected = s), o.props.focused && (e.focused = s), o.props.expanded && (n === "multiple" ? e.expanded.push(s) : n === "single" && (e.expanded = [s])), o.props.children && (e = q(o.props, n, e, !!o.props.expanded, [
+      ...t,
+      s
+    ])));
   }
-}), e), l = (r, n, e) => r && r.props && r.props.id ? r.props.id : n.length ? n[n.length - 1] + `.${e}` : `.${e}`;
+}), e), m = (r, n, e) => r && r.props && r.props.id ? r.props.id : n.length ? n[n.length - 1] + `.${e}` : `.${e}`;
 function C(r, n = []) {
   return (r || []).forEach((e) => {
     e.disabled || (n.push(e), e.expanded && e.children && C(e.children, n));
@@ -101,14 +95,7 @@ var E;
   function n(e) {
     return e.map((p, t) => {
       let o;
-      return p.content && (o = p.content), p.children && (o = n(p.children)), /* @__PURE__ */ u.createElement(
-        g,
-        {
-          ...p,
-          children: o,
-          key: p.id || t
-        }
-      );
+      return p.content && (o = p.content), p.children && (o = n(p.children)), /* @__PURE__ */ u.createElement(g, { ...p, children: o, key: p.id || t });
     });
   }
   r.mapItemsToComponents = n;

package/splitter/SplitterBar.mjs

@@ -77,18 +77,15 @@ class v extends l.Component {
     }));
   }
   render() {
-    const a = this.isDraggable, s = this.isStatic, e = this.isHorizontal, o = f(
-      "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
-      }
-    );
+    const a = this.isDraggable, s = this.isStatic, e = this.isHorizontal, o = f("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 /* @__PURE__ */ l.createElement(
       u,
       {
@@ -116,37 +113,23 @@ class v extends l.Component {
           onDoubleClick: this.onToggle,
           onKeyDown: this.onKeyDown
         },
-        this.props.prev.collapsible && /* @__PURE__ */ l.createElement(
-          "div",
+        this.props.prev.collapsible && /* @__PURE__ */ l.createElement("div", { className: "k-collapse-prev", onClick: this.onPrevToggle }, /* @__PURE__ */ l.createElement(
+          g,
           {
-            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"
-            }
-          )
-        ),
+            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",
+        this.props.next.collapsible && /* @__PURE__ */ l.createElement("div", { className: "k-collapse-next", onClick: this.onNextToggle }, /* @__PURE__ */ l.createElement(
+          g,
           {
-            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"
-            }
-          )
-        )
+            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"
+          }
+        ))
       )
     );
   }

package/splitter/SplitterPane.mjs

@@ -36,17 +36,7 @@ class x extends l.Component {
       },
       d
     );
-    return /* @__PURE__ */ l.createElement(
-      "div",
-      {
-        id: t,
-        role: "group",
-        style: k,
-        className: v
-      },
-      !s || c ? this.props.children : void 0,
-      a ? /* @__PURE__ */ l.createElement("div", { className: "k-splitter-overlay k-overlay" }) : void 0
-    );
+    return /* @__PURE__ */ l.createElement("div", { id: t, role: "group", style: k, className: v }, !s || c ? this.props.children : void 0, a ? /* @__PURE__ */ l.createElement("div", { className: "k-splitter-overlay k-overlay" }) : void 0);
   }
 }
 export {

package/stacklayout/StackLayout.mjs

@@ -19,10 +19,7 @@ const m = o.forwardRef((e, g) => {
     []
   );
   o.useImperativeHandle(g, d);
-  const { className: r, style: u, id: h, children: k } = e, y = A(), s = o.useMemo(
-    () => e.orientation || l.orientation,
-    [e.orientation]
-  ), t = s === "horizontal", a = o.useMemo(
+  const { className: r, style: u, id: h, children: k } = e, y = A(), s = o.useMemo(() => e.orientation || l.orientation, [e.orientation]), t = s === "horizontal", a = o.useMemo(
     () => e.align && e.align.horizontal ? e.align.horizontal : l.hAlign,
     [e.align]
   ), i = o.useMemo(
@@ -50,16 +47,7 @@ const m = o.forwardRef((e, g) => {
     gap: `${typeof e.gap == "number" ? e.gap + "px" : e.gap}`,
     ...u
   };
-  return /* @__PURE__ */ o.createElement(
-    "div",
-    {
-      ref: c,
-      className: f,
-      style: v,
-      id: h || y
-    },
-    k
-  );
+  return /* @__PURE__ */ o.createElement("div", { ref: c, className: f, style: v, id: h || y }, k);
 }), l = {
   orientation: "horizontal",
   hAlign: "stretch",

package/stepper/Step.mjs

@@ -46,12 +46,9 @@ const L = e.forwardRef((O, R) => {
     errorIcon: w,
     successSVGIcon: B,
     errorSVGIcon: G
-  } = e.useContext(Y), p = e.useRef(null), F = e.useCallback(
-    () => {
-      p.current && Z(p.current);
-    },
-    []
-  ), v = e.useCallback(
+  } = e.useContext(Y), p = e.useRef(null), F = e.useCallback(() => {
+    p.current && Z(p.current);
+  }, []), v = e.useCallback(
     () => ({
       element: p.current,
       focus: F
@@ -61,22 +58,12 @@ const L = e.forwardRef((O, R) => {
   e.useImperativeHandle(R, v);
   const I = !H || s === l - 1 || s === l || s === l + 1, N = S === "labels" || !!r && !!o, P = ae(), U = ((i) => P.toLanguageString(i, le[i]))(ie), W = typeof u == "number" ? u : u !== !1 ? oe : ce, $ = e.useCallback(
     (i) => {
-      b && !n && M(
-        b,
-        i,
-        v(),
-        { value: s }
-      );
+      b && !n && M(b, i, v(), { value: s });
     },
     [b, l, n]
   ), j = e.useCallback(
     (i) => {
-      f && !n && M(
-        f,
-        i,
-        v(),
-        void 0
-      );
+      f && !n && M(f, i, v(), void 0);
     },
     [f, n]
   ), K = e.useMemo(
@@ -104,13 +91,7 @@ const L = e.forwardRef((O, R) => {
       ...C
     }),
     [k, c, C, I]
-  ), A = t ? _ : w, x = A ? /* @__PURE__ */ e.createElement(
-    "span",
-    {
-      className: "k-step-indicator-icon " + A,
-      "aria-hidden": "true"
-    }
-  ) : /* @__PURE__ */ e.createElement(
+  ), A = t ? _ : w, x = A ? /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-icon " + A, "aria-hidden": "true" }) : /* @__PURE__ */ e.createElement(
     T,
     {
       className: "k-step-indicator-icon",
@@ -124,30 +105,28 @@ const L = e.forwardRef((O, R) => {
       "aria-hidden": !0,
       style: { transitionDuration: W + "ms" }
     },
-    r || h ? !N && t !== void 0 ? x : /* @__PURE__ */ e.createElement(T, { className: "k-step-indicator-icon", name: r && te(r), icon: h }) : t !== void 0 ? x : /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-text" }, y || s + 1)
+    r || h ? !N && t !== void 0 ? x : /* @__PURE__ */ e.createElement(
+      T,
+      {
+        className: "k-step-indicator-icon",
+        name: r && te(r),
+        icon: h
+      }
+    ) : t !== void 0 ? x : /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-text" }, y || s + 1)
   ) : null), Q = (o || N || m) && /* @__PURE__ */ e.createElement("span", { className: "k-step-label" }, o && /* @__PURE__ */ e.createElement("span", { className: "k-step-text" }, o), N && t !== void 0 && x, m && /* @__PURE__ */ e.createElement("span", { className: "k-step-label-optional" }, U)), X = /* @__PURE__ */ e.createElement(e.Fragment, null, J, Q);
-  return /* @__PURE__ */ e.createElement(
-    "li",
+  return /* @__PURE__ */ e.createElement("li", { ref: p, className: K, style: q, ...z }, /* @__PURE__ */ e.createElement(
+    "a",
     {
-      ref: p,
-      className: K,
-      style: q,
-      ...z
+      className: "k-step-link",
+      title: o || void 0,
+      onClick: $,
+      onFocus: j,
+      "aria-current": d ? "step" : void 0,
+      "aria-disabled": n || !I || void 0,
+      "aria-invalid": t !== void 0 && !t || void 0
     },
-    /* @__PURE__ */ e.createElement(
-      "a",
-      {
-        className: "k-step-link",
-        title: o || void 0,
-        onClick: $,
-        onFocus: j,
-        "aria-current": d ? "step" : void 0,
-        "aria-disabled": n || !I || void 0,
-        "aria-invalid": t !== void 0 && !t || void 0
-      },
-      D ? V : X
-    )
-  );
+    D ? V : X
+  ));
 });
 L.propTypes = {
   children: a.any,

package/stepper/Stepper.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),l=require("prop-types"),ne=require("./context/StepperContext.js"),d=require("@progress/kendo-react-common"),se=require("./Step.js"),oe=require("@progress/kendo-react-progressbars"),z=require("./contants.js"),re=require("../package-metadata.js"),ie=require("@progress/kendo-react-intl"),D=require("./messages/index.js");function ce(p){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const f in p)if(f!=="default"){const I=Object.getOwnPropertyDescriptor(p,f);Object.defineProperty(k,f,I.get?I:{enumerable:!0,get:()=>p[f]})}}return k.default=p,Object.freeze(k)}const o=ce(te),w=o.forwardRef((p,k)=>{d.validatePackage(re.packageMetadata);const{animationDuration:f,children:I,className:P,disabled:g,errorIcon:V,errorSVGIcon:j,item:R,items:b,linear:y,mode:_,orientation:x,selectOnFocus:E,style:T,successIcon:K,successSVGIcon:G,value:u=0,onChange:S,onFocus:C}=p,B=ie.useLocalization().toLanguageString(D.progBarAriaLabel,D.messages[D.progBarAriaLabel]),v=o.useRef(null),A=o.useCallback(()=>{v.current&&d.focusFirstFocusableChild(v.current)},[]),N=o.useCallback(()=>({element:v.current,focus:A}),[A]);o.useImperativeHandle(k,N);const[H,a]=o.useState(u),m=b?b.length:0,n=x==="vertical",O=d.useDir(v,p.dir),U=typeof f=="number"?f:f!==!1?z.DEFAULT_ANIMATION_DURATION:z.NO_ANIMATION;o.useEffect(()=>{a(u)},[u]);const M=o.useCallback((r,i)=>{const e=i===u-1,t=i===u,c=i===u+1;u!==i&&S&&!g&&(!y||e||t||c)&&(d.dispatchEvent(S,r,N(),{value:i}),a(i))},[u,y,S,g,a]),J=o.useCallback(r=>{let i=r.value,e=r.syntheticEvent;M(e,i)},[M]),Q=o.useCallback(r=>{C&&!g&&d.dispatchEvent(C,r.syntheticEvent,N(),void 0)},[C,g]),h=o.useMemo(()=>{const r=O==="rtl",i=b.length-1;return new d.Navigation({root:v,selectors:["ol.k-step-list li.k-step a.k-step-link"],tabIndex:0,keyboardEvents:{keydown:{ArrowLeft:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);!n&&!r&&s>0?(t.focusPrevious(e),a(s-1)):!n&&r&&s<i&&(t.focusNext(e),a(s+1))},ArrowRight:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);!n&&!r&&s<i?(t.focusNext(e),a(s+1)):!n&&r&&s>0&&(t.focusPrevious(e),a(s-1))},ArrowUp:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);n&&!r&&s>0?(t.focusPrevious(e),a(s-1)):n&&r&&s>0&&(t.focusPrevious(e),a(s+1))},ArrowDown:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);n&&!r&&s<i?(t.focusNext(e),a(s+1)):n&&r&&s<i&&(t.focusNext(e),a(s-1))},Tab:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e),L=t.previous(e).children[0],F=t.next(e).children[0];c.shiftKey?!n&&!r&&s>0?(t.focusPrevious(e),a(s-1),E&&L.click()):!n&&r&&s<i&&(t.focusNext(e),a(s+1),E&&F.click()):!n&&!r&&s<i?(t.focusNext(e),a(s+1),E&&F.click()):!n&&r&&s>0&&(t.focusPrevious(e),a(s-1),E&&L.click())},Home:(e,t,c)=>{c.preventDefault(),t.focusElement(t.first,e),a(0)},End:(e,t,c)=>{c.preventDefault(),t.focusElement(t.last,e),a(i)},Space:(e,t,c)=>{c.preventDefault(),e.children[0].click()},Enter:(e,t,c)=>{c.preventDefault(),e.children[0].click()}}}})},[O,b.length,n,a]);o.useEffect(()=>(h.initializeRovingTab(u),()=>h.removeFocusListener()),[]);const W=o.useCallback(h.triggerKeyboardEvent.bind(h),[]),X=o.useMemo(()=>d.classNames("k-stepper",{"k-stepper-linear":y},P),[y,P]),Y=o.useMemo(()=>({display:"grid",gridTemplateColumns:n?void 0:"repeat("+m*2+", 1fr)",gridTemplateRows:n?"repeat("+m+", 1fr)":void 0,...T}),[n,m,T]),Z=o.useMemo(()=>d.classNames("k-step-list",{"k-step-list-horizontal":!n,"k-step-list-vertical":n}),[n]),$=o.useMemo(()=>({gridColumnStart:n?void 0:1,gridColumnEnd:n?void 0:-1,gridRowStart:n?1:void 0,gridRowEnd:n?-1:void 0}),[n]),ee=o.useMemo(()=>({gridColumnStart:n?void 0:2,gridColumnEnd:n?void 0:m*2,gridRowStart:n?1:void 0,gridRowEnd:n?m:void 0,top:n?17:void 0}),[n,m]),q=b&&b.map((r,i)=>{const e={index:i,disabled:g||r.disabled,focused:i===H,current:i===u,...r},t=R||se.Step;return o.createElement(t,{key:i,...e})});return o.createElement(ne.StepperContext.Provider,{value:{animationDuration:f,isVertical:n,item:R,linear:y,mode:_,numOfSteps:m,value:u,successIcon:K,successSVGIcon:G,errorIcon:V,errorSVGIcon:j,onChange:J,onFocus:Q}},o.createElement("nav",{className:X,style:Y,dir:O,role:"navigation",ref:v,onKeyDown:W},o.createElement("ol",{className:Z,style:$},q||I),o.createElement(oe.ProgressBar,{style:ee,labelPlacement:"start",animation:{duration:U},ariaLabel:B,"aria-hidden":!0,max:m-1,labelVisible:!1,orientation:x,reverse:x==="vertical",value:u,disabled:g,tabIndex:-1})))});w.propTypes={animationDuration:l.oneOfType([l.bool,l.number]),children:l.any,className:l.string,dir:l.string,disabled:l.bool,errorIcon:l.string,errorSVGIcon:d.svgIconPropType,item:l.any,items:l.any,linear:l.bool,mode:l.oneOf(["steps","labels"]),orientation:l.oneOf(["horizontal","vertical"]),style:l.object,successIcon:l.string,successSVGIcon:d.svgIconPropType,value:l.number.isRequired,onChange:l.func,onFocus:l.func};w.displayName="KendoStepper";exports.Stepper=w;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),o=require("prop-types"),ne=require("./context/StepperContext.js"),d=require("@progress/kendo-react-common"),se=require("./Step.js"),oe=require("@progress/kendo-react-progressbars"),z=require("./contants.js"),re=require("../package-metadata.js"),ae=require("@progress/kendo-react-intl"),O=require("./messages/index.js");function ie(m){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const p in m)if(p!=="default"){const h=Object.getOwnPropertyDescriptor(m,p);Object.defineProperty(k,p,h.get?h:{enumerable:!0,get:()=>m[p]})}}return k.default=m,Object.freeze(k)}const e=ie(te),T=e.forwardRef((m,k)=>{d.validatePackage(re.packageMetadata);const{animationDuration:p,children:h,className:D,disabled:g,errorIcon:V,errorSVGIcon:j,item:P,items:b,linear:y,mode:_,orientation:S,selectOnFocus:E,style:w,successIcon:K,successSVGIcon:G,value:i=0,onChange:C,onFocus:N}=m,B=ae.useLocalization().toLanguageString(O.progBarAriaLabel,O.messages[O.progBarAriaLabel]),v=e.useRef(null),M=e.useCallback(()=>{v.current&&d.focusFirstFocusableChild(v.current)},[]),x=e.useCallback(()=>({element:v.current,focus:M}),[M]);e.useImperativeHandle(k,x);const[H,u]=e.useState(i),f=b?b.length:0,s=S==="vertical",R=d.useDir(v,m.dir),U=typeof p=="number"?p:p!==!1?z.DEFAULT_ANIMATION_DURATION:z.NO_ANIMATION;e.useEffect(()=>{u(i)},[i]);const q=e.useCallback((a,r)=>{const t=r===i-1,n=r===i,c=r===i+1;i!==r&&C&&!g&&(!y||t||n||c)&&(d.dispatchEvent(C,a,x(),{value:r}),u(r))},[i,y,C,g,u]),J=e.useCallback(a=>{const r=a.value,t=a.syntheticEvent;q(t,r)},[q]),Q=e.useCallback(a=>{N&&!g&&d.dispatchEvent(N,a.syntheticEvent,x(),void 0)},[N,g]),I=e.useMemo(()=>{const a=R==="rtl",r=b.length-1;return new d.Navigation({root:v,selectors:["ol.k-step-list li.k-step a.k-step-link"],tabIndex:0,keyboardEvents:{keydown:{Tab:(t,n,c)=>{c.preventDefault();const l=n.elements.indexOf(t),L=n.previous(t).children[0],A=n.next(t).children[0];c.shiftKey?!a&&l>0?(n.focusPrevious(t),u(l-1),E&&L.click()):a&&l<r&&(n.focusNext(t),u(l+1),E&&A.click()):!a&&l<r?(n.focusNext(t),u(l+1),E&&A.click()):a&&l>0&&(n.focusPrevious(t),u(l-1),E&&L.click())},Home:(t,n,c)=>{c.preventDefault(),n.focusElement(n.first,t),u(0)},End:(t,n,c)=>{c.preventDefault(),n.focusElement(n.last,t),u(r)},Space:(t,n,c)=>{c.preventDefault(),t.children[0].click()},Enter:(t,n,c)=>{c.preventDefault(),t.children[0].click()}}}})},[R,b.length,u,E]);e.useEffect(()=>(I.initializeRovingTab(i),()=>I.removeFocusListener()),[]);const W=e.useCallback(I.triggerKeyboardEvent.bind(I),[]),X=e.useMemo(()=>d.classNames("k-stepper",{"k-stepper-linear":y},D),[y,D]),Y=e.useMemo(()=>({display:"grid",gridTemplateColumns:s?void 0:"repeat("+f*2+", 1fr)",gridTemplateRows:s?"repeat("+f+", 1fr)":void 0,...w}),[s,f,w]),Z=e.useMemo(()=>d.classNames("k-step-list",{"k-step-list-horizontal":!s,"k-step-list-vertical":s}),[s]),$=e.useMemo(()=>({gridColumnStart:s?void 0:1,gridColumnEnd:s?void 0:-1,gridRowStart:s?1:void 0,gridRowEnd:s?-1:void 0}),[s]),ee=e.useMemo(()=>({gridColumnStart:s?void 0:2,gridColumnEnd:s?void 0:f*2,gridRowStart:s?1:void 0,gridRowEnd:s?f:void 0,top:s?17:void 0}),[s,f]),F=b&&b.map((a,r)=>{const t={index:r,disabled:g||a.disabled,focused:r===H,current:r===i,...a},n=P||se.Step;return e.createElement(n,{key:r,...t})});return e.createElement(ne.StepperContext.Provider,{value:{animationDuration:p,isVertical:s,item:P,linear:y,mode:_,numOfSteps:f,value:i,successIcon:K,successSVGIcon:G,errorIcon:V,errorSVGIcon:j,onChange:J,onFocus:Q}},e.createElement("nav",{className:X,style:Y,dir:R,role:"navigation",ref:v,onKeyDown:W},e.createElement("ol",{className:Z,style:$},F||h),e.createElement(oe.ProgressBar,{style:ee,labelPlacement:"start",animation:{duration:U},ariaLabel:B,"aria-hidden":!0,max:f-1,labelVisible:!1,orientation:S,reverse:S==="vertical",value:i,disabled:g,tabIndex:-1})))});T.propTypes={animationDuration:o.oneOfType([o.bool,o.number]),children:o.any,className:o.string,dir:o.string,disabled:o.bool,errorIcon:o.string,errorSVGIcon:d.svgIconPropType,item:o.any,items:o.any,linear:o.bool,mode:o.oneOf(["steps","labels"]),orientation:o.oneOf(["horizontal","vertical"]),style:o.object,successIcon:o.string,successSVGIcon:d.svgIconPropType,value:o.number.isRequired,onChange:o.func,onFocus:o.func};T.displayName="KendoStepper";exports.Stepper=T;