@progress/kendo-react-layout 9.4.0-develop.5 → 9.4.0-develop.7

package/tabstrip/TabStripNavigationItem.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as i from "react";
 import t from "prop-types";
 import { classNames as b } from "@progress/kendo-react-common";
@@ -23,10 +22,10 @@ const o = class o extends i.Component {
    * @hidden
    */
   render() {
-    const { id: c, active: e, disabled: s, title: a = "Untitled", index: n, renderAllContent: p, first: f, last: m } = this.props, l = p ? `${this.props.contentPanelId}-${n.toString()}` : this.props.contentPanelId, d = {
-      id: `${c}-${n.toString()}`,
+    const { id: a, active: e, disabled: s, title: c = "Untitled", index: n, renderAllContent: p, first: f, last: m } = this.props, r = p ? `${this.props.contentPanelId}-${n.toString()}` : this.props.contentPanelId, d = {
+      id: `${a}-${n.toString()}`,
       "aria-selected": e,
-      "aria-controls": e ? l : void 0,
+      "aria-controls": e ? r : void 0,
       "aria-disabled": s,
       role: "tab",
       onClick: s ? void 0 : this.onClick
@@ -43,9 +42,9 @@ const o = class o extends i.Component {
         className: h,
         ref: (u) => this.itemRef = u,
         onBlur: this.blur,
-        "aria-controls": l
+        "aria-controls": r
       },
-      /* @__PURE__ */ i.createElement("span", { className: "k-link" }, a)
+      /* @__PURE__ */ i.createElement("span", { className: "k-link" }, c)
     );
   }
 };
@@ -58,7 +57,7 @@ o.propTypes = {
   first: t.bool,
   last: t.bool
 };
-let r = o;
+let l = o;
 export {
-  r as TabStripNavigationItem
+  l as TabStripNavigationItem
 };

package/tabstrip/TabStripTab.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 l=require("react"),e=require("prop-types");function i(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const a=i(l),c=class c extends a.Component{render(){return null}};c.propTypes={disabled:e.bool,contentClassName:e.string,children:e.oneOfType([e.element,e.node]),title:e.oneOfType([e.string,e.element,e.node])};let o=c;exports.TabStripTab=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),e=require("prop-types");function i(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const a=i(l),c=class c extends a.Component{render(){return null}};c.propTypes={disabled:e.bool,contentClassName:e.string,children:e.oneOfType([e.element,e.node]),title:e.oneOfType([e.string,e.element,e.node])};let o=c;exports.TabStripTab=o;

package/tabstrip/TabStripTab.mjs

@@ -5,10 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import * as o from "react";
+import * as t from "react";
 import e from "prop-types";
-const n = class n extends o.Component {
+const n = class n extends t.Component {
   /**
    * @hidden
    */
@@ -22,7 +21,7 @@ n.propTypes = {
   children: e.oneOfType([e.element, e.node]),
   title: e.oneOfType([e.string, e.element, e.node])
 };
-let t = n;
+let o = n;
 export {
-  t as TabStripTab
+  o as TabStripTab
 };

package/tabstrip/messages/index.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 e="prevArrow.title",r="nextArrow.title",t={[e]:"Previous tab arrow",[r]:"Next tab arrow"};exports.messages=t;exports.nextArrowTitle=r;exports.prevArrowTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="prevArrow.title",r="nextArrow.title",t={[e]:"Previous tab arrow",[r]:"Next tab arrow"};exports.messages=t;exports.nextArrowTitle=r;exports.prevArrowTitle=e;

package/tabstrip/messages/index.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 const r = "prevArrow.title", t = "nextArrow.title", e = {
   [r]: "Previous tab arrow",
   [t]: "Next tab arrow"

package/tilelayout/InternalTile.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"),l=require("prop-types"),g=require("@progress/kendo-react-common"),b=require("./ResizeHandlers.js");function x(c){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const e in c)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(c,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>c[e]})}}return t.default=c,Object.freeze(t)}const p=x(y),f=200,h=class h extends p.Component{constructor(){super(...arguments),this.state={rtl:!1},this.oldSize={},this.draggable=null,this.dragging=!1,this.resizing=!1,this.element=null,this.hintElement=null,this.ignoreDrag=!1,this.pressOffset={x:0,y:0},this.pressXY={x:0,y:0},this.currentTranslate={x:0,y:0},this.preventDataOps=void 0,this.handleResize=(t,e)=>{if(e.end){this.handleRelease();return}if(!this.element||!this.hintElement)return;const s=t.clientX,n=t.clientY;this.resizing=!0;const a=(e.direction!=="ns"?s-this.pressXY.x:0)*(this.state.rtl?-1:1),i=e.direction!=="ew"?n-this.pressXY.y:0;if(this.dragElement&&(this.state.rtl?this.dragElement.style.marginLeft=-a+"px":this.dragElement.style.marginRight=-a+"px",this.dragElement.style.height=`calc(100% + ${i}px)`),this.hintElement.classList.add("k-layout-item-hint-resize"),this.preventDataOps)return;let r=0,o=0;const d=this.element.getBoundingClientRect();a>d.width/this.props.defaultPosition.colSpan/3&&(r=1),a<-d.width/this.props.defaultPosition.colSpan/1.25&&(r=-1),i>d.height/this.props.defaultPosition.rowSpan/3&&(o=1),i<-d.height/this.props.defaultPosition.rowSpan/1.25&&(o=-1),(r!==0||o!==0)&&this.props.update(this.props.index,0,0,o,r)},this.handlePress=t=>{if(!this.dragElement)return;if(this.pressXY={x:t.event.clientX,y:t.event.clientY},this.ignoreDrag=!1,this.props.ignoreDrag&&this.props.ignoreDrag(t.event.originalEvent)){this.ignoreDrag=!0;return}this.element&&this.hintElement&&(this.element.style.zIndex="10",this.hintElement.style.display="block"),this.dragElement.classList.remove("k-cursor-grab"),this.dragElement.classList.add("k-cursor-grabbing");const e=this.dragElement.getBoundingClientRect();this.pressOffset={x:t.event.clientX-e.x,y:t.event.clientY-e.y}},this.handleDrag=t=>{if(this.ignoreDrag)return;const e=this.dragElement;if(t.event.originalEvent.defaultPrevented||!e)return;this.dragging=!0,t.event.originalEvent.preventDefault();const s=e.getBoundingClientRect();if(this.currentTranslate={x:t.event.clientX-s.x-this.pressOffset.x+this.currentTranslate.x,y:t.event.clientY-s.y-this.pressOffset.y+this.currentTranslate.y},e.style.transform=`translate(${this.currentTranslate.x}px, ${this.currentTranslate.y}px)`,e.style.transition="transform 0s",this.preventDataOps)return;let n=0,a=0;this.currentTranslate.y>.7*s.height/this.props.defaultPosition.rowSpan&&(a=1),this.currentTranslate.y<.7*-s.height/this.props.defaultPosition.rowSpan&&(a=-1),this.currentTranslate.x>.7*s.width/this.props.defaultPosition.colSpan&&(n=1),this.currentTranslate.x<.7*-s.width/this.props.defaultPosition.colSpan&&(n=-1),this.props.update(this.props.index,a,this.state.rtl?-n:n,0,0)},this.handleRelease=()=>{this.dragging=this.resizing=!1,this.currentTranslate={x:0,y:0},this.element&&this.hintElement&&(this.element.style.zIndex="1",this.hintElement.classList.remove("k-layout-item-hint-resize"),this.hintElement.style.display="none");const t=this.dragElement;t&&(t.style.transform="translate(0px, 0px)",t.style.transition=`transform ${f}ms cubic-bezier(0.2, 0, 0, 1) 0s`,t.style.marginRight="0px",t.style.marginLeft="0px",t.style.height="100%",t.classList.remove("k-cursor-grabbing"),t.classList.add("k-cursor-grab"))}}get reorderable(){return this.props.reorderable!==void 0?this.props.reorderable:h.defaultProps.reorderable}get dragElement(){return this.draggable?this.draggable.element:void 0}componentDidMount(){this.element&&(getComputedStyle(this.element).direction==="rtl"&&this.setState({rtl:!0}),this.hintElement&&(this.hintElement.style.height=this.element.offsetHeight+"px",this.hintElement.style.width=this.element.offsetWidth+"px"))}render(){g.canUseDOM&&clearTimeout&&typeof clearTimeout=="function"&&(clearTimeout(this.preventDataOps),this.preventDataOps=window.setTimeout(()=>{this.preventDataOps=void 0},200));const t=this.props.defaultPosition,e=this.props.resizable!==void 0?this.props.resizable:h.defaultProps.resizable,s={gridColumnStart:t.col,gridColumnEnd:`span ${t.colSpan}`,gridRowStart:t.row,gridRowEnd:`span ${t.rowSpan}`,outline:"none",order:t.order,display:"none",...this.props.hintStyle},n={gridColumnStart:t.col,gridColumnEnd:`span ${t.colSpan}`,gridRowStart:t.row,gridRowEnd:`span ${t.rowSpan}`,order:t.order},a=p.createElement("div",{ref:i=>{this.draggable=i?{element:i}:null},className:g.classNames("k-tilelayout-item k-card",{"k-cursor-grab":this.reorderable},this.props.className),style:{height:"100%",...n,...this.props.style}},this.props.children,p.createElement(b.ResizeHandlers,{onPress:this.handlePress,onResize:this.handleResize,resizable:e,rtl:this.state.rtl}));return p.createElement("div",{ref:i=>{this.element=i},style:n},p.createElement("div",{ref:i=>{this.hintElement=i},style:{position:"absolute",...s},className:g.classNames("k-layout-item-hint",this.props.hintClassName)}),p.createElement(g.Draggable,{ref:i=>{this.draggable=i},onDrag:this.props.reorderable?this.handleDrag:void 0,onRelease:this.props.reorderable?this.handleRelease:void 0,onPress:this.props.reorderable?this.handlePress:void 0},a))}getSnapshotBeforeUpdate(t){return this.oldSize={},this.dragElement&&(this.oldSize=this.dragElement.getBoundingClientRect()),null}componentDidUpdate(t){const e=this.dragElement;if(!e)return;const s=e.getBoundingClientRect(),n=this.oldSize;if(this.resizing){const r=s.width-n.width;if(this.state.rtl){const u=parseFloat(e.style.marginLeft||"0");e.style.marginLeft=u-r+"px"}else{const u=parseFloat(e.style.marginRight||"0");e.style.marginRight=u+r+"px"}this.pressXY.x+=this.state.rtl?-r:r;const o=s.height-n.height,d=parseFloat(e.style.height.substring(12));e.style.height=`calc(100% + ${d+o}px)`,this.pressXY.y+=o}const a=n.left-s.left,i=n.top-s.top;if(!(a===0&&i===0)){if(this.dragging){(t.defaultPosition.order!==this.props.defaultPosition.order||t.defaultPosition.col!==this.props.defaultPosition.col)&&(this.currentTranslate.x=0,this.currentTranslate.y=0,e.style.transform="");return}Math.abs(i)<15&&Math.abs(a)<15||requestAnimationFrame(()=>{const r=this.element;r&&(r.style.transform=`translate(${a}px, ${i}px)`,r.style.transition="transform 0s",requestAnimationFrame(()=>{r.style.transform="",r.style.transition=`transform ${f}ms cubic-bezier(0.2, 0, 0, 1) 0s`}))})}}};h.propTypes={defaultPosition:l.object.isRequired,style:l.object,className:l.string,hintStyle:l.object,hintClassName:l.string,header:l.any,body:l.any,item:l.any,resizable:l.oneOf(["horizontal","vertical",!0,!1]),reorderable:l.bool},h.displayName="KendoTileLayoutItem",h.defaultProps={resizable:!0,reorderable:!0};let m=h;exports.InternalTile=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),l=require("prop-types"),g=require("@progress/kendo-react-common"),b=require("./ResizeHandlers.js");function x(c){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const e in c)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(c,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>c[e]})}}return t.default=c,Object.freeze(t)}const p=x(y),f=200,h=class h extends p.Component{constructor(){super(...arguments),this.state={rtl:!1},this.oldSize={},this.draggable=null,this.dragging=!1,this.resizing=!1,this.element=null,this.hintElement=null,this.ignoreDrag=!1,this.pressOffset={x:0,y:0},this.pressXY={x:0,y:0},this.currentTranslate={x:0,y:0},this.preventDataOps=void 0,this.handleResize=(t,e)=>{if(e.end){this.handleRelease();return}if(!this.element||!this.hintElement)return;const s=t.clientX,n=t.clientY;this.resizing=!0;const a=(e.direction!=="ns"?s-this.pressXY.x:0)*(this.state.rtl?-1:1),i=e.direction!=="ew"?n-this.pressXY.y:0;if(this.dragElement&&(this.state.rtl?this.dragElement.style.marginLeft=-a+"px":this.dragElement.style.marginRight=-a+"px",this.dragElement.style.height=`calc(100% + ${i}px)`),this.hintElement.classList.add("k-layout-item-hint-resize"),this.preventDataOps)return;let r=0,o=0;const d=this.element.getBoundingClientRect();a>d.width/this.props.defaultPosition.colSpan/3&&(r=1),a<-d.width/this.props.defaultPosition.colSpan/1.25&&(r=-1),i>d.height/this.props.defaultPosition.rowSpan/3&&(o=1),i<-d.height/this.props.defaultPosition.rowSpan/1.25&&(o=-1),(r!==0||o!==0)&&this.props.update(this.props.index,0,0,o,r)},this.handlePress=t=>{if(!this.dragElement)return;if(this.pressXY={x:t.event.clientX,y:t.event.clientY},this.ignoreDrag=!1,this.props.ignoreDrag&&this.props.ignoreDrag(t.event.originalEvent)){this.ignoreDrag=!0;return}this.element&&this.hintElement&&(this.element.style.zIndex="10",this.hintElement.style.display="block"),this.dragElement.classList.remove("k-cursor-grab"),this.dragElement.classList.add("k-cursor-grabbing");const e=this.dragElement.getBoundingClientRect();this.pressOffset={x:t.event.clientX-e.x,y:t.event.clientY-e.y}},this.handleDrag=t=>{if(this.ignoreDrag)return;const e=this.dragElement;if(t.event.originalEvent.defaultPrevented||!e)return;this.dragging=!0,t.event.originalEvent.preventDefault();const s=e.getBoundingClientRect();if(this.currentTranslate={x:t.event.clientX-s.x-this.pressOffset.x+this.currentTranslate.x,y:t.event.clientY-s.y-this.pressOffset.y+this.currentTranslate.y},e.style.transform=`translate(${this.currentTranslate.x}px, ${this.currentTranslate.y}px)`,e.style.transition="transform 0s",this.preventDataOps)return;let n=0,a=0;this.currentTranslate.y>.7*s.height/this.props.defaultPosition.rowSpan&&(a=1),this.currentTranslate.y<.7*-s.height/this.props.defaultPosition.rowSpan&&(a=-1),this.currentTranslate.x>.7*s.width/this.props.defaultPosition.colSpan&&(n=1),this.currentTranslate.x<.7*-s.width/this.props.defaultPosition.colSpan&&(n=-1),this.props.update(this.props.index,a,this.state.rtl?-n:n,0,0)},this.handleRelease=()=>{this.dragging=this.resizing=!1,this.currentTranslate={x:0,y:0},this.element&&this.hintElement&&(this.element.style.zIndex="1",this.hintElement.classList.remove("k-layout-item-hint-resize"),this.hintElement.style.display="none");const t=this.dragElement;t&&(t.style.transform="translate(0px, 0px)",t.style.transition=`transform ${f}ms cubic-bezier(0.2, 0, 0, 1) 0s`,t.style.marginRight="0px",t.style.marginLeft="0px",t.style.height="100%",t.classList.remove("k-cursor-grabbing"),t.classList.add("k-cursor-grab"))}}get reorderable(){return this.props.reorderable!==void 0?this.props.reorderable:h.defaultProps.reorderable}get dragElement(){return this.draggable?this.draggable.element:void 0}componentDidMount(){this.element&&(getComputedStyle(this.element).direction==="rtl"&&this.setState({rtl:!0}),this.hintElement&&(this.hintElement.style.height=this.element.offsetHeight+"px",this.hintElement.style.width=this.element.offsetWidth+"px"))}render(){g.canUseDOM&&clearTimeout&&typeof clearTimeout=="function"&&(clearTimeout(this.preventDataOps),this.preventDataOps=window.setTimeout(()=>{this.preventDataOps=void 0},200));const t=this.props.defaultPosition,e=this.props.resizable!==void 0?this.props.resizable:h.defaultProps.resizable,s={gridColumnStart:t.col,gridColumnEnd:`span ${t.colSpan}`,gridRowStart:t.row,gridRowEnd:`span ${t.rowSpan}`,outline:"none",order:t.order,display:"none",...this.props.hintStyle},n={gridColumnStart:t.col,gridColumnEnd:`span ${t.colSpan}`,gridRowStart:t.row,gridRowEnd:`span ${t.rowSpan}`,order:t.order},a=p.createElement("div",{ref:i=>{this.draggable=i?{element:i}:null},className:g.classNames("k-tilelayout-item k-card",{"k-cursor-grab":this.reorderable},this.props.className),style:{height:"100%",...n,...this.props.style}},this.props.children,p.createElement(b.ResizeHandlers,{onPress:this.handlePress,onResize:this.handleResize,resizable:e,rtl:this.state.rtl}));return p.createElement("div",{ref:i=>{this.element=i},style:n},p.createElement("div",{ref:i=>{this.hintElement=i},style:{position:"absolute",...s},className:g.classNames("k-layout-item-hint",this.props.hintClassName)}),p.createElement(g.Draggable,{ref:i=>{this.draggable=i},onDrag:this.props.reorderable?this.handleDrag:void 0,onRelease:this.props.reorderable?this.handleRelease:void 0,onPress:this.props.reorderable?this.handlePress:void 0},a))}getSnapshotBeforeUpdate(t){return this.oldSize={},this.dragElement&&(this.oldSize=this.dragElement.getBoundingClientRect()),null}componentDidUpdate(t){const e=this.dragElement;if(!e)return;const s=e.getBoundingClientRect(),n=this.oldSize;if(this.resizing){const r=s.width-n.width;if(this.state.rtl){const u=parseFloat(e.style.marginLeft||"0");e.style.marginLeft=u-r+"px"}else{const u=parseFloat(e.style.marginRight||"0");e.style.marginRight=u+r+"px"}this.pressXY.x+=this.state.rtl?-r:r;const o=s.height-n.height,d=parseFloat(e.style.height.substring(12));e.style.height=`calc(100% + ${d+o}px)`,this.pressXY.y+=o}const a=n.left-s.left,i=n.top-s.top;if(!(a===0&&i===0)){if(this.dragging){(t.defaultPosition.order!==this.props.defaultPosition.order||t.defaultPosition.col!==this.props.defaultPosition.col)&&(this.currentTranslate.x=0,this.currentTranslate.y=0,e.style.transform="");return}Math.abs(i)<15&&Math.abs(a)<15||requestAnimationFrame(()=>{const r=this.element;r&&(r.style.transform=`translate(${a}px, ${i}px)`,r.style.transition="transform 0s",requestAnimationFrame(()=>{r.style.transform="",r.style.transition=`transform ${f}ms cubic-bezier(0.2, 0, 0, 1) 0s`}))})}}};h.propTypes={defaultPosition:l.object.isRequired,style:l.object,className:l.string,hintStyle:l.object,hintClassName:l.string,header:l.any,body:l.any,item:l.any,resizable:l.oneOf(["horizontal","vertical",!0,!1]),reorderable:l.bool},h.displayName="KendoTileLayoutItem",h.defaultProps={resizable:!0,reorderable:!0};let m=h;exports.InternalTile=m;

package/tilelayout/InternalTile.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as p from "react";
 import l from "prop-types";
 import { canUseDOM as u, classNames as g, Draggable as y } from "@progress/kendo-react-common";

package/tilelayout/ResizeHandlers.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 l=require("react"),a=require("@progress/kendo-react-common");function o(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const s=o(l),i=t=>s.createElement(a.Draggable,{onPress:t.onPress,onDrag:e=>{t.onResize(e.event,!1,t.d)},onRelease:e=>{t.onResize(e.event,!0,t.d)}},s.createElement("div",{className:"k-resize-handle k-cursor-"+t.d+"-resize",style:{bottom:0,right:0,...t.style}}));class c extends s.Component{constructor(){super(...arguments),this.handleResize=(e,n,r)=>{e.originalEvent.preventDefault(),this.props.onResize(e,{end:n,direction:r})}}render(){const{resizable:e,onPress:n,rtl:r}=this.props;return e?s.createElement(s.Fragment,null,e!=="vertical"&&s.createElement(i,{onPress:n,onResize:this.handleResize,d:"ew",style:r?{top:0,width:9,left:0,right:""}:{top:0,width:9,right:0,left:""}}),e!=="horizontal"&&s.createElement(i,{onPress:n,onResize:this.handleResize,d:"ns",style:{left:0,height:9}}),e===!0&&s.createElement(i,{onPress:n,onResize:this.handleResize,d:r?"nesw":"nwse",style:r?{width:9,height:9,right:"",left:0}:{width:9,height:9,right:0,left:""}})):null}}exports.ResizeHandlers=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("@progress/kendo-react-common");function o(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const s=o(l),i=t=>s.createElement(a.Draggable,{onPress:t.onPress,onDrag:e=>{t.onResize(e.event,!1,t.d)},onRelease:e=>{t.onResize(e.event,!0,t.d)}},s.createElement("div",{className:"k-resize-handle k-cursor-"+t.d+"-resize",style:{bottom:0,right:0,...t.style}}));class c extends s.Component{constructor(){super(...arguments),this.handleResize=(e,n,r)=>{e.originalEvent.preventDefault(),this.props.onResize(e,{end:n,direction:r})}}render(){const{resizable:e,onPress:n,rtl:r}=this.props;return e?s.createElement(s.Fragment,null,e!=="vertical"&&s.createElement(i,{onPress:n,onResize:this.handleResize,d:"ew",style:r?{top:0,width:9,left:0,right:""}:{top:0,width:9,right:0,left:""}}),e!=="horizontal"&&s.createElement(i,{onPress:n,onResize:this.handleResize,d:"ns",style:{left:0,height:9}}),e===!0&&s.createElement(i,{onPress:n,onResize:this.handleResize,d:r?"nesw":"nwse",style:r?{width:9,height:9,right:"",left:0}:{width:9,height:9,right:0,left:""}})):null}}exports.ResizeHandlers=c;

package/tilelayout/ResizeHandlers.mjs

@@ -5,10 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as n from "react";
 import { Draggable as l } from "@progress/kendo-react-common";
-const r = (t) => /* @__PURE__ */ n.createElement(
+const i = (t) => /* @__PURE__ */ n.createElement(
   l,
   {
     onPress: t.onPress,
@@ -29,27 +28,27 @@ const r = (t) => /* @__PURE__ */ n.createElement(
 );
 class h extends n.Component {
   constructor() {
-    super(...arguments), this.handleResize = (e, s, i) => {
-      e.originalEvent.preventDefault(), this.props.onResize(e, { end: s, direction: i });
+    super(...arguments), this.handleResize = (e, s, r) => {
+      e.originalEvent.preventDefault(), this.props.onResize(e, { end: s, direction: r });
     };
   }
   render() {
-    const { resizable: e, onPress: s, rtl: i } = this.props;
+    const { resizable: e, onPress: s, rtl: r } = this.props;
     return e ? /* @__PURE__ */ n.createElement(n.Fragment, null, e !== "vertical" && /* @__PURE__ */ n.createElement(
-      r,
+      i,
       {
         onPress: s,
         onResize: this.handleResize,
         d: "ew",
-        style: i ? { top: 0, width: 9, left: 0, right: "" } : { top: 0, width: 9, right: 0, left: "" }
+        style: r ? { top: 0, width: 9, left: 0, right: "" } : { top: 0, width: 9, right: 0, left: "" }
       }
-    ), e !== "horizontal" && /* @__PURE__ */ n.createElement(r, { onPress: s, onResize: this.handleResize, d: "ns", style: { left: 0, height: 9 } }), e === !0 && /* @__PURE__ */ n.createElement(
-      r,
+    ), e !== "horizontal" && /* @__PURE__ */ n.createElement(i, { onPress: s, onResize: this.handleResize, d: "ns", style: { left: 0, height: 9 } }), e === !0 && /* @__PURE__ */ n.createElement(
+      i,
       {
         onPress: s,
         onResize: this.handleResize,
-        d: i ? "nesw" : "nwse",
-        style: i ? { width: 9, height: 9, right: "", left: 0 } : { width: 9, height: 9, right: 0, left: "" }
+        d: r ? "nesw" : "nwse",
+        style: r ? { width: 9, height: 9, right: "", left: 0 } : { width: 9, height: 9, right: 0, left: "" }
       }
     )) : null;
   }

package/tilelayout/TileLayout.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 S=require("react"),t=require("prop-types"),u=require("@progress/kendo-react-common"),N=require("./InternalTile.js"),k=require("../package-metadata.js");function O(d){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const a in d)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(d,a);Object.defineProperty(n,a,s.get?s:{enumerable:!0,get:()=>d[a]})}}return n.default=d,Object.freeze(n)}const i=O(S),j={column:"k-grid-flow-col",row:"k-grid-flow-row","column dense":"k-grid-flow-col-dense","row dense":"k-grid-flow-row-dense",unset:"k-grid-flow-unset"},f=class f extends i.Component{constructor(n){super(n),this._element=null,this.state={positions:(this.props.items||[]).map((a,s)=>Object.assign({order:s,rowSpan:1,colSpan:1},a.defaultPosition))},this.showLicenseWatermark=!1,this.focus=()=>{this._element&&this._element.focus()},this.update=(a,s,o,l=0,h=0)=>{if(s===0&&o===0&&!h&&!l)return;let c=!1;const m=this.state.positions.map(y=>Object.assign({},y)),r=m[a],g=m.find(y=>y.order===r.order+s);g&&g!==r&&(r.order+=s,g.order+=-s,c=!0);const e=r.col+o;o!==0&&e>=1&&e+r.colSpan<=(this.props.columns||3)+1&&(r.col=e,c=!0);const p=r.colSpan+h;h&&p>=1&&p+r.col<=(this.props.columns||3)+1&&(r.colSpan=p,c=!0);const w=r.rowSpan+l;l&&w>=1&&(r.rowSpan=w,c=!0),c&&(this.setState({positions:m}),u.dispatchEvent(this.props.onReposition,{},this,{value:m}))},u.validatePackage(k.packageMetadata),this.showLicenseWatermark=u.shouldShowValidationUI(k.packageMetadata)}get element(){return this._element}static getDerivedStateFromProps(n,a){return n.positions?{positions:n.positions.map((s,o)=>Object.assign({order:o,rowSpan:1,colSpan:1},s))}:n.items&&(!a.positions||n.items.length!==a.positions.length)?{positions:n.items.map((s,o)=>Object.assign({order:o,rowSpan:1,colSpan:1},s.defaultPosition))}:null}render(){const{className:n,columns:a=3,columnWidth:s="1fr",gap:o,rowHeight:l="1fr",style:h,autoFlow:c="column",items:m=[]}=this.props,r=o?`${typeof o.rows=="number"?o.rows+"px":o.rows} ${typeof o.columns=="number"?o.columns+"px":o.columns}`:16,g={gridTemplateColumns:`repeat(${a}, minmax(0px, ${typeof s=="number"?s+"px":s}))`,gridAutoRows:`minmax(0px, ${typeof l=="number"?l+"px":l})`,gap:r,padding:r,...h};return i.createElement("div",{ref:e=>{this._element=e},dir:this.props.dir,className:u.classNames("k-tilelayout k-pos-relative",j[c],n),style:g,id:this.props.id,children:m.map((e,p)=>i.createElement(i.Fragment,{key:this.props.dataItemKey?u.getter(this.props.dataItemKey)(e):p},i.createElement(N.InternalTile,{update:this.update,defaultPosition:this.state.positions[p],index:p,resizable:e.resizable,reorderable:e.reorderable,style:e.style,className:e.className,hintClassName:e.hintClassName,hintStyle:e.hintStyle,ignoreDrag:this.props.ignoreDrag},e.item?e.item:i.createElement(i.Fragment,null,i.createElement("div",{className:"k-tilelayout-item-header k-card-header"},i.isValidElement(e.header)?e.header:i.createElement("h5",{className:"k-card-title"},e.header)),i.createElement("div",{className:"k-tilelayout-item-body k-card-body"},e.body))),this.showLicenseWatermark&&i.createElement(u.WatermarkOverlay,null)))})}};f.propTypes={id:t.string,style:t.object,className:t.string,dir:t.string,gap:t.object,columns:t.number,columnWidth:t.oneOfType([t.number,t.string]),rowHeight:t.oneOfType([t.number,t.string]),dataItemKey:t.string,items:t.array,positions:t.array,autoFlow:t.oneOf(["column","row","column dense","row dense","unset"]),onReposition:t.func,ignoreDrag:t.func},f.displayName="KendoTileLayout";let b=f;exports.TileLayout=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),t=require("prop-types"),u=require("@progress/kendo-react-common"),N=require("./InternalTile.js"),k=require("../package-metadata.js");function O(d){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const a in d)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(d,a);Object.defineProperty(n,a,s.get?s:{enumerable:!0,get:()=>d[a]})}}return n.default=d,Object.freeze(n)}const i=O(S),j={column:"k-grid-flow-col",row:"k-grid-flow-row","column dense":"k-grid-flow-col-dense","row dense":"k-grid-flow-row-dense",unset:"k-grid-flow-unset"},f=class f extends i.Component{constructor(n){super(n),this._element=null,this.state={positions:(this.props.items||[]).map((a,s)=>Object.assign({order:s,rowSpan:1,colSpan:1},a.defaultPosition))},this.showLicenseWatermark=!1,this.focus=()=>{this._element&&this._element.focus()},this.update=(a,s,o,l=0,h=0)=>{if(s===0&&o===0&&!h&&!l)return;let c=!1;const m=this.state.positions.map(y=>Object.assign({},y)),r=m[a],g=m.find(y=>y.order===r.order+s);g&&g!==r&&(r.order+=s,g.order+=-s,c=!0);const e=r.col+o;o!==0&&e>=1&&e+r.colSpan<=(this.props.columns||3)+1&&(r.col=e,c=!0);const p=r.colSpan+h;h&&p>=1&&p+r.col<=(this.props.columns||3)+1&&(r.colSpan=p,c=!0);const w=r.rowSpan+l;l&&w>=1&&(r.rowSpan=w,c=!0),c&&(this.setState({positions:m}),u.dispatchEvent(this.props.onReposition,{},this,{value:m}))},u.validatePackage(k.packageMetadata),this.showLicenseWatermark=u.shouldShowValidationUI(k.packageMetadata)}get element(){return this._element}static getDerivedStateFromProps(n,a){return n.positions?{positions:n.positions.map((s,o)=>Object.assign({order:o,rowSpan:1,colSpan:1},s))}:n.items&&(!a.positions||n.items.length!==a.positions.length)?{positions:n.items.map((s,o)=>Object.assign({order:o,rowSpan:1,colSpan:1},s.defaultPosition))}:null}render(){const{className:n,columns:a=3,columnWidth:s="1fr",gap:o,rowHeight:l="1fr",style:h,autoFlow:c="column",items:m=[]}=this.props,r=o?`${typeof o.rows=="number"?o.rows+"px":o.rows} ${typeof o.columns=="number"?o.columns+"px":o.columns}`:16,g={gridTemplateColumns:`repeat(${a}, minmax(0px, ${typeof s=="number"?s+"px":s}))`,gridAutoRows:`minmax(0px, ${typeof l=="number"?l+"px":l})`,gap:r,padding:r,...h};return i.createElement("div",{ref:e=>{this._element=e},dir:this.props.dir,className:u.classNames("k-tilelayout k-pos-relative",j[c],n),style:g,id:this.props.id,children:m.map((e,p)=>i.createElement(i.Fragment,{key:this.props.dataItemKey?u.getter(this.props.dataItemKey)(e):p},i.createElement(N.InternalTile,{update:this.update,defaultPosition:this.state.positions[p],index:p,resizable:e.resizable,reorderable:e.reorderable,style:e.style,className:e.className,hintClassName:e.hintClassName,hintStyle:e.hintStyle,ignoreDrag:this.props.ignoreDrag},e.item?e.item:i.createElement(i.Fragment,null,i.createElement("div",{className:"k-tilelayout-item-header k-card-header"},i.isValidElement(e.header)?e.header:i.createElement("h5",{className:"k-card-title"},e.header)),i.createElement("div",{className:"k-tilelayout-item-body k-card-body"},e.body))),this.showLicenseWatermark&&i.createElement(u.WatermarkOverlay,null)))})}};f.propTypes={id:t.string,style:t.object,className:t.string,dir:t.string,gap:t.object,columns:t.number,columnWidth:t.oneOfType([t.number,t.string]),rowHeight:t.oneOfType([t.number,t.string]),dataItemKey:t.string,items:t.array,positions:t.array,autoFlow:t.oneOf(["column","row","column dense","row dense","unset"]),onReposition:t.func,ignoreDrag:t.func},f.displayName="KendoTileLayout";let b=f;exports.TileLayout=b;

package/tilelayout/TileLayout.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as n from "react";
 import t from "prop-types";
 import { dispatchEvent as b, validatePackage as k, shouldShowValidationUI as S, classNames as N, getter as E, WatermarkOverlay as v } from "@progress/kendo-react-common";

package/timeline/Timeline.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 g=require("react"),k=require("prop-types"),T=require("@progress/kendo-react-common"),v=require("./TimelineHorizontal.js"),h=require("./TimelineVertical.js");function M(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const n=M(g),d=e=>{const i={alterMode:!1,collapsibleEvents:!1,dateFormat:"MMM dd, yyyy",...e},{collapsibleEvents:t,transitionDuration:a,className:f,alterMode:o,navigatable:s,horizontal:r,events:c,dateFormat:m,onChange:p,onActionClick:u}=i,[b,y]=n.useState(),l=n.useRef(null);return n.useEffect(()=>{l.current&&y(l.current.offsetWidth)},[]),n.createElement("div",{ref:l,className:T.classNames("k-timeline",{"k-timeline-collapsible":t,"k-timeline-vertical":!r,"k-timeline-alternating":o,"k-timeline-horizontal":r},f),style:{width:`${b}px`}},r?n.createElement(v.TimelineHorizontal,{navigatable:s,eventsData:c,dateFormat:m,transitionDuration:a,onActionClick:u}):n.createElement(h.TimelineVertical,{navigatable:s,eventsData:c,dateFormat:m,alterMode:o,collapsibleEvents:t,transitionDuration:a,onChange:p,onActionClick:u}))};d.propTypes={className:k.string};exports.Timeline=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),k=require("prop-types"),T=require("@progress/kendo-react-common"),v=require("./TimelineHorizontal.js"),h=require("./TimelineVertical.js");function M(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const n=M(g),d=e=>{const i={alterMode:!1,collapsibleEvents:!1,dateFormat:"MMM dd, yyyy",...e},{collapsibleEvents:t,transitionDuration:a,className:f,alterMode:o,navigatable:s,horizontal:r,events:c,dateFormat:m,onChange:p,onActionClick:u}=i,[b,y]=n.useState(),l=n.useRef(null);return n.useEffect(()=>{l.current&&y(l.current.offsetWidth)},[]),n.createElement("div",{ref:l,className:T.classNames("k-timeline",{"k-timeline-collapsible":t,"k-timeline-vertical":!r,"k-timeline-alternating":o,"k-timeline-horizontal":r},f),style:{width:`${b}px`}},r?n.createElement(v.TimelineHorizontal,{navigatable:s,eventsData:c,dateFormat:m,transitionDuration:a,onActionClick:u}):n.createElement(h.TimelineVertical,{navigatable:s,eventsData:c,dateFormat:m,alterMode:o,collapsibleEvents:t,transitionDuration:a,onChange:p,onActionClick:u}))};d.propTypes={className:k.string};exports.Timeline=d;

package/timeline/Timeline.mjs

@@ -5,42 +5,41 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import v from "prop-types";
 import { classNames as h } from "@progress/kendo-react-common";
 import { TimelineHorizontal as y } from "./TimelineHorizontal.mjs";
 import { TimelineVertical as E } from "./TimelineVertical.mjs";
-const T = (m) => {
+const T = (c) => {
   const p = {
     alterMode: !1,
     collapsibleEvents: !1,
     dateFormat: "MMM dd, yyyy",
-    ...m
+    ...c
   }, {
-    collapsibleEvents: a,
-    transitionDuration: n,
+    collapsibleEvents: i,
+    transitionDuration: r,
     className: f,
-    alterMode: r,
+    alterMode: n,
     navigatable: l,
     horizontal: t,
     events: o,
     dateFormat: s,
     onChange: d,
-    onActionClick: c
-  } = p, [k, u] = e.useState(), i = e.useRef(null);
+    onActionClick: m
+  } = p, [k, u] = e.useState(), a = e.useRef(null);
   return e.useEffect(() => {
-    i.current && u(i.current.offsetWidth);
+    a.current && u(a.current.offsetWidth);
   }, []), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: i,
+      ref: a,
       className: h(
         "k-timeline",
         {
-          "k-timeline-collapsible": a,
+          "k-timeline-collapsible": i,
           "k-timeline-vertical": !t,
-          "k-timeline-alternating": r,
+          "k-timeline-alternating": n,
           "k-timeline-horizontal": t
         },
         f
@@ -53,8 +52,8 @@ const T = (m) => {
         navigatable: l,
         eventsData: o,
         dateFormat: s,
-        transitionDuration: n,
-        onActionClick: c
+        transitionDuration: r,
+        onActionClick: m
       }
     ) : /* @__PURE__ */ e.createElement(
       E,
@@ -62,11 +61,11 @@ const T = (m) => {
         navigatable: l,
         eventsData: o,
         dateFormat: s,
-        alterMode: r,
-        collapsibleEvents: a,
-        transitionDuration: n,
+        alterMode: n,
+        collapsibleEvents: i,
+        transitionDuration: r,
         onChange: d,
-        onActionClick: c
+        onActionClick: m
       }
     )
   );

package/timeline/TimelineCard.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("react"),k=require("prop-types"),y=require("../card/Card.js"),A=require("../card/CardHeader.js"),D=require("../card/CardTitle.js"),I=require("../card/CardSubtitle.js"),O=require("../card/CardBody.js"),T=require("../card/CardImage.js"),h=require("../card/CardActions.js"),v=require("@progress/kendo-react-common"),q=require("@progress/kendo-react-animation"),R=require("@progress/kendo-svg-icons"),S=require("@progress/kendo-react-buttons");function x(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(i,l,c.get?c:{enumerable:!0,get:()=>e[l]})}}return i.default=e,Object.freeze(i)}const t=x(N),E=e=>{const{title:l,subtitle:c,actions:r,images:o,description:C}=e.eventData,[d,b]=t.useState(e.eventData.opened||!1),[s,u]=t.useState(e.eventData.opened||!!e.collapsible),f=n=>{if(b(!d),e.onChange){const a={syntheticEvent:n,nativeEvent:n.nativeEvent,eventData:e.eventData};e.onChange.call(void 0,a)}},g=n=>{if(e.onActionClick){const a={syntheticEvent:n,nativeEvent:n.nativeEvent,eventData:e.eventData};e.onActionClick.call(void 0,a)}},m=()=>t.createElement(t.Fragment,null,t.createElement(O.CardBody,null,t.createElement("div",{className:"k-card-description"},t.createElement("p",null,C),o&&o.map((n,a)=>t.createElement(T.CardImage,{key:a,src:n.src})))),r&&t.createElement(h.CardActions,null,r.map((n,a)=>t.createElement("a",{key:a,href:n.url,className:"k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary",onClick:g},n.text))));return t.createElement("div",{"data-testid":"k-timeline-card",className:v.classNames("k-timeline-card",{"k-collapsed":e.collapsible&&s})},t.createElement(y.Card,{"aria-live":"polite","aria-describedby":e.id,"aria-atomic":"true",tabIndex:e.tabindex,role:e.horizontal?"tabpanel":"button","aria-expanded":e.collapsible&&s,className:"k-card-with-callout",onClick:n=>f(n)},t.createElement("span",{style:e.calloutStyle,className:v.classNames("k-timeline-card-callout","k-card-callout",{"k-callout-n":e.horizontal},{"k-callout-e":e.alternated&&!e.horizontal},{"k-callout-w":!e.alternated&&!e.horizontal})}),t.createElement("div",{className:"k-card-inner"},t.createElement(A.CardHeader,null,t.createElement(D.CardTitle,null,t.createElement("span",{className:"k-event-title"},l),e.collapsible&&t.createElement(S.Button,{className:"k-event-collapse",fillMode:"flat",svgIcon:R.chevronRightIcon})),c&&t.createElement(I.CardSubtitle,null,c)),e.collapsible?t.createElement(q.Reveal,{transitionEnterDuration:e.transitionDuration||400,transitionExitDuration:e.transitionDuration||400,onBeforeEnter:()=>u(!1),onAfterExited:()=>u(!0)},d?m():null):m())))};E.propTypes={onChange:k.func,onActionClick:k.func};exports.TimelineCard=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),k=require("prop-types"),y=require("../card/Card.js"),A=require("../card/CardHeader.js"),D=require("../card/CardTitle.js"),I=require("../card/CardSubtitle.js"),O=require("../card/CardBody.js"),T=require("../card/CardImage.js"),h=require("../card/CardActions.js"),v=require("@progress/kendo-react-common"),q=require("@progress/kendo-react-animation"),R=require("@progress/kendo-svg-icons"),S=require("@progress/kendo-react-buttons");function x(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(i,l,c.get?c:{enumerable:!0,get:()=>e[l]})}}return i.default=e,Object.freeze(i)}const t=x(N),E=e=>{const{title:l,subtitle:c,actions:r,images:o,description:C}=e.eventData,[d,b]=t.useState(e.eventData.opened||!1),[s,u]=t.useState(e.eventData.opened||!!e.collapsible),f=a=>{if(b(!d),e.onChange){const n={syntheticEvent:a,nativeEvent:a.nativeEvent,eventData:e.eventData};e.onChange.call(void 0,n)}},g=a=>{if(e.onActionClick){const n={syntheticEvent:a,nativeEvent:a.nativeEvent,eventData:e.eventData};e.onActionClick.call(void 0,n)}},m=()=>t.createElement(t.Fragment,null,t.createElement(O.CardBody,null,t.createElement("div",{className:"k-card-description"},t.createElement("p",null,C),o&&o.map((a,n)=>t.createElement(T.CardImage,{key:n,src:a.src})))),r&&t.createElement(h.CardActions,null,r.map((a,n)=>t.createElement("a",{key:n,href:a.url,className:"k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary",onClick:g},a.text))));return t.createElement("div",{"data-testid":"k-timeline-card",className:v.classNames("k-timeline-card",{"k-collapsed":e.collapsible&&s})},t.createElement(y.Card,{"aria-live":"polite","aria-describedby":e.id,"aria-atomic":"true",tabIndex:e.tabindex,role:e.horizontal?"tabpanel":"button","aria-expanded":e.collapsible&&s,className:"k-card-with-callout",onClick:a=>f(a)},t.createElement("span",{style:e.calloutStyle,className:v.classNames("k-timeline-card-callout","k-card-callout",{"k-callout-n":e.horizontal},{"k-callout-e":e.alternated&&!e.horizontal},{"k-callout-w":!e.alternated&&!e.horizontal})}),t.createElement("div",{className:"k-card-inner"},t.createElement(A.CardHeader,null,t.createElement(D.CardTitle,null,t.createElement("span",{className:"k-event-title"},l),e.collapsible&&t.createElement(S.Button,{className:"k-event-collapse",fillMode:"flat",svgIcon:R.chevronRightIcon})),c&&t.createElement(I.CardSubtitle,null,c)),e.collapsible?t.createElement(q.Reveal,{transitionEnterDuration:e.transitionDuration||400,transitionExitDuration:e.transitionDuration||400,onBeforeEnter:()=>u(!1),onAfterExited:()=>u(!0)},d?m():null):m())))};E.propTypes={onChange:k.func,onActionClick:k.func};exports.TimelineCard=E;

package/timeline/TimelineCard.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import s from "prop-types";
 import { Card as N } from "../card/Card.mjs";
@@ -20,8 +19,8 @@ import { Reveal as y } from "@progress/kendo-react-animation";
 import { chevronRightIcon as T } from "@progress/kendo-svg-icons";
 import { Button as O } from "@progress/kendo-react-buttons";
 const x = (e) => {
-  const { title: E, subtitle: l, actions: i, images: c, description: v } = e.eventData, [o, k] = t.useState(e.eventData.opened || !1), [r, m] = t.useState(e.eventData.opened || !!e.collapsible), f = (a) => {
-    if (k(!o), e.onChange) {
+  const { title: E, subtitle: l, actions: i, images: o, description: v } = e.eventData, [c, k] = t.useState(e.eventData.opened || !1), [r, m] = t.useState(e.eventData.opened || !!e.collapsible), f = (a) => {
+    if (k(!c), e.onChange) {
       const n = {
         syntheticEvent: a,
         nativeEvent: a.nativeEvent,
@@ -38,7 +37,7 @@ const x = (e) => {
       };
       e.onActionClick.call(void 0, n);
     }
-  }, d = () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(h, null, /* @__PURE__ */ t.createElement("div", { className: "k-card-description" }, /* @__PURE__ */ t.createElement("p", null, v), c && c.map((a, n) => /* @__PURE__ */ t.createElement(I, { key: n, src: a.src })))), i && /* @__PURE__ */ t.createElement(g, null, i.map((a, n) => /* @__PURE__ */ t.createElement(
+  }, d = () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(h, null, /* @__PURE__ */ t.createElement("div", { className: "k-card-description" }, /* @__PURE__ */ t.createElement("p", null, v), o && o.map((a, n) => /* @__PURE__ */ t.createElement(I, { key: n, src: a.src })))), i && /* @__PURE__ */ t.createElement(g, null, i.map((a, n) => /* @__PURE__ */ t.createElement(
     "a",
     {
       key: n,
@@ -87,7 +86,7 @@ const x = (e) => {
           onBeforeEnter: () => m(!1),
           onAfterExited: () => m(!0)
         },
-        o ? d() : null
+        c ? d() : null
       ) : d())
     )
   );

package/timeline/TimelineHorizontal.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 gt=require("react"),Tt=require("prop-types"),kt=require("./TimelineCard.js"),vt=require("./utils.js"),M=require("@progress/kendo-svg-icons"),ht=require("@progress/kendo-react-intl"),b=require("@progress/kendo-react-common"),B=require("@progress/kendo-react-buttons");function Et(l){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const T in l)if(T!=="default"){const I=Object.getOwnPropertyDescriptor(l,T);Object.defineProperty(p,T,I.get?I:{enumerable:!0,get:()=>l[T]})}}return p.default=l,Object.freeze(p)}const s=Et(gt),K=l=>{const I=ht.useInternationalization(),[O,X]=s.useState(!1),[L,Y]=s.useState(!0),[G,J]=s.useState(),[u,D]=s.useState(0),[A,Q]=s.useState(),[f,Z]=s.useState(0),[g,tt]=s.useState(0),[a,F]=s.useState(1),[d,y]=s.useState(),[i,et]=s.useState(),[R,W]=s.useState([0,0,0]),[_,U]=s.useState(0),[nt,st]=s.useState(1),m=s.useRef(null),c=s.useRef(null),P=s.useRef(null),{eventsData:rt,dateFormat:at,navigatable:ot,onActionClick:ct}=l,x=A?`${A}%`:"150px",k=s.useRef(new b.Navigation({tabIndex:0,root:m,selectors:[".k-timeline-scrollable-wrap"]}));s.useEffect(()=>{m.current&&l.navigatable&&(setTimeout(()=>{const t=k.current.first;t&&t.setAttribute("tabindex",String(0))},0),k.current.keyboardEvents={keydown:{ArrowRight:lt,ArrowLeft:ft,End:dt,Home:ut}})},[l.navigatable,a,f]),s.useEffect(()=>{k.current.update()});const it=t=>{ot&&k.current&&k.current.triggerKeyboardEvent(t)};s.useEffect(()=>{var r;const t=b.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(w),e=c.current,n=((r=m==null?void 0:m.current)==null?void 0:r.offsetWidth)||0;return t&&e&&t.observe(e),V(),w(),W([n,0,-n]),()=>{t&&t.disconnect()}},[]),s.useEffect(()=>{const t=c.current,e=t&&t.children[a];if(e){const n=e.offsetWidth,r=!(u>=0);if(X(r),i){const o=i.length*n>f*n*((u*-1+100)/100);Y(o)}(t==null?void 0:t.offsetWidth)*-u/100>=t.children.length*n&&(V(),w(),D((e.offsetLeft-e.offsetWidth)/(f*e.offsetWidth)*100*-1)),q(e)}},[f,A,a]);const lt=(t,e,n)=>{if(c.current){const r=c.current.children[a+1],o=r&&r.classList.contains("k-timeline-flag-wrap")?a+2:a+1;if(i&&i.length<=o)return;f+g<=o&&j(),h(o,n)}},ft=(t,e,n)=>{if(c.current){const r=c.current&&c.current.children[a-1],o=r&&r.classList.contains("k-timeline-flag-wrap")?a-2:a-1;if(o<=0)return;o<g&&$(),h(o,n)}},ut=(t,e,n)=>{if(c.current){if(a<=1)return;const r=1;N(!0,r,0,0),h(r,n)}},dt=(t,e,n)=>{if(c.current){const r=c.current&&c.current.children.length-1;if(r<=a)return;const o=Math.floor(r/f),E=o*-100,S=o*f;N(!0,r,S,E),h(r,n)}},V=()=>{const t=vt.addYearsFlags(rt);et(t),y([t[a-1],t[a],t[a+1]])},$=()=>{var e;if(c.current&&i){const n=g-f,r=g-1,o=i[r]&&((e=i[r])!=null&&e.yearFlag)?r-1:r,E=u+100>0?0:u+100;N(!1,o,n,E)}},j=()=>{if(c.current&&i){const e=g+f,n=i[e]&&i[e].yearFlag?e+1:e,r=u-100;N(!0,n,e,r)}},N=(t,e,n,r)=>{C(t,e),w(),tt(n),D(r),F(e)},C=(t,e)=>{if(d&&i){const n=v(t,nt),r=Object.assign([],d,{[n]:i[e]});y(r),st(n),U(t?-100:100),setTimeout(()=>{var H;const o=(H=m.current)==null?void 0:H.offsetWidth,E=Object.assign([],R,{[n]:0,[v(!0,n)]:o,[v(!1,n)]:o&&-o}),S=Object.assign([],r,{[v(!0,n)]:{},[v(!1,n)]:{}});y(S),W(E),U(0)},l.transitionDuration||300)}},v=(t,e)=>{const n=t?e+1:e-1;return d?n<0?d.length-1:n%d.length:0},q=t=>{var n,r;const e=(a-g)*t.offsetWidth+t.offsetWidth/2+(((r=(n=P.current)==null?void 0:n.element)==null?void 0:r.clientWidth)||0);J(e)},h=(t,e)=>{e.preventDefault(),t>a?C(!0,t):t<a&&C(!1,t),F(t)},w=s.useCallback(()=>{const t=c.current,e=t&&t.children[a];if(t instanceof HTMLElement&&e){const n=Math.round(t.offsetWidth/150);q(e),Q(100/n),Z(n)}},[]),mt=()=>({transitionDuration:"300ms"}),z=t=>({transform:`translateX(${t}%)`,transformOrigin:"left top"});return s.createElement(s.Fragment,null,s.createElement("div",{className:"k-timeline-track-wrap",ref:m,onKeyDown:it},s.createElement(B.Button,{ref:P,"aria-hidden":"true",fillMode:"solid",rounded:"full",svgIcon:M.caretAltLeftIcon,icon:"caret-alt-left",onClick:()=>O&&$(),className:b.classNames("k-timeline-arrow","k-timeline-arrow-left",{"k-disabled":!O})}),s.createElement(B.Button,{"aria-hidden":"true",fillMode:"solid",rounded:"full",svgIcon:M.caretAltRightIcon,icon:"caret-alt-right",onClick:()=>L&&j(),className:b.classNames("k-timeline-arrow","k-timeline-arrow-right",{"k-disabled":!L})}),s.createElement("div",{className:"k-timeline-track"},s.createElement("ul",{ref:c,className:"k-timeline-scrollable-wrap",role:"tablist",tabIndex:0,style:{transform:`translateX(${u}%)`}},i&&i.map((t,e)=>t.yearFlag?s.createElement("li",{role:"none",className:"k-timeline-track-item k-timeline-flag-wrap",style:{flex:`1 0 ${x}`},key:e},s.createElement("span",{className:"k-timeline-flag"},t.yearFlag)):s.createElement("li",{role:"tab",className:b.classNames("k-timeline-track-item",{"k-focus":e===a}),"aria-selected":e===a,style:{flex:`1 0 ${x}`},key:e},s.createElement("div",{className:"k-timeline-date-wrap"},s.createElement("span",{className:"k-timeline-date"},I.formatDate(t.date,at))),s.createElement("span",{onClick:n=>h(e,n),className:"k-timeline-circle"})))))),s.createElement("div",{className:"k-timeline-events-list"},s.createElement("ul",{className:"k-timeline-scrollable-wrap",style:_===0?{...z(_)}:{...z(_),...mt()}},d&&d.map((t,e)=>s.createElement("li",{key:e,className:"k-timeline-event",style:{transform:`translate3d(${R[e]}px, 0px, 0px)`}},t&&s.createElement(kt.TimelineCard,{tabindex:R[e]===0?0:-1,eventData:t,onActionClick:ct,horizontal:!0,collapsible:!1,calloutStyle:{left:`${G}px`}}))))))};K.propTypes={onActionClick:Tt.func};exports.TimelineHorizontal=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const gt=require("react"),Tt=require("prop-types"),kt=require("./TimelineCard.js"),vt=require("./utils.js"),M=require("@progress/kendo-svg-icons"),ht=require("@progress/kendo-react-intl"),b=require("@progress/kendo-react-common"),B=require("@progress/kendo-react-buttons");function Et(l){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const T in l)if(T!=="default"){const I=Object.getOwnPropertyDescriptor(l,T);Object.defineProperty(p,T,I.get?I:{enumerable:!0,get:()=>l[T]})}}return p.default=l,Object.freeze(p)}const s=Et(gt),K=l=>{const I=ht.useInternationalization(),[O,X]=s.useState(!1),[L,Y]=s.useState(!0),[G,J]=s.useState(),[u,D]=s.useState(0),[A,Q]=s.useState(),[f,Z]=s.useState(0),[g,tt]=s.useState(0),[a,F]=s.useState(1),[d,y]=s.useState(),[i,et]=s.useState(),[R,W]=s.useState([0,0,0]),[_,U]=s.useState(0),[nt,st]=s.useState(1),m=s.useRef(null),c=s.useRef(null),P=s.useRef(null),{eventsData:rt,dateFormat:at,navigatable:ot,onActionClick:ct}=l,x=A?`${A}%`:"150px",k=s.useRef(new b.Navigation({tabIndex:0,root:m,selectors:[".k-timeline-scrollable-wrap"]}));s.useEffect(()=>{m.current&&l.navigatable&&(setTimeout(()=>{const t=k.current.first;t&&t.setAttribute("tabindex",String(0))},0),k.current.keyboardEvents={keydown:{ArrowRight:lt,ArrowLeft:ft,End:dt,Home:ut}})},[l.navigatable,a,f]),s.useEffect(()=>{k.current.update()});const it=t=>{ot&&k.current&&k.current.triggerKeyboardEvent(t)};s.useEffect(()=>{var r;const t=b.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(w),e=c.current,n=((r=m==null?void 0:m.current)==null?void 0:r.offsetWidth)||0;return t&&e&&t.observe(e),V(),w(),W([n,0,-n]),()=>{t&&t.disconnect()}},[]),s.useEffect(()=>{const t=c.current,e=t&&t.children[a];if(e){const n=e.offsetWidth,r=!(u>=0);if(X(r),i){const o=i.length*n>f*n*((u*-1+100)/100);Y(o)}(t==null?void 0:t.offsetWidth)*-u/100>=t.children.length*n&&(V(),w(),D((e.offsetLeft-e.offsetWidth)/(f*e.offsetWidth)*100*-1)),q(e)}},[f,A,a]);const lt=(t,e,n)=>{if(c.current){const r=c.current.children[a+1],o=r&&r.classList.contains("k-timeline-flag-wrap")?a+2:a+1;if(i&&i.length<=o)return;f+g<=o&&j(),h(o,n)}},ft=(t,e,n)=>{if(c.current){const r=c.current&&c.current.children[a-1],o=r&&r.classList.contains("k-timeline-flag-wrap")?a-2:a-1;if(o<=0)return;o<g&&$(),h(o,n)}},ut=(t,e,n)=>{if(c.current){if(a<=1)return;const r=1;N(!0,r,0,0),h(r,n)}},dt=(t,e,n)=>{if(c.current){const r=c.current&&c.current.children.length-1;if(r<=a)return;const o=Math.floor(r/f),E=o*-100,S=o*f;N(!0,r,S,E),h(r,n)}},V=()=>{const t=vt.addYearsFlags(rt);et(t),y([t[a-1],t[a],t[a+1]])},$=()=>{var e;if(c.current&&i){const n=g-f,r=g-1,o=i[r]&&((e=i[r])!=null&&e.yearFlag)?r-1:r,E=u+100>0?0:u+100;N(!1,o,n,E)}},j=()=>{if(c.current&&i){const e=g+f,n=i[e]&&i[e].yearFlag?e+1:e,r=u-100;N(!0,n,e,r)}},N=(t,e,n,r)=>{C(t,e),w(),tt(n),D(r),F(e)},C=(t,e)=>{if(d&&i){const n=v(t,nt),r=Object.assign([],d,{[n]:i[e]});y(r),st(n),U(t?-100:100),setTimeout(()=>{var H;const o=(H=m.current)==null?void 0:H.offsetWidth,E=Object.assign([],R,{[n]:0,[v(!0,n)]:o,[v(!1,n)]:o&&-o}),S=Object.assign([],r,{[v(!0,n)]:{},[v(!1,n)]:{}});y(S),W(E),U(0)},l.transitionDuration||300)}},v=(t,e)=>{const n=t?e+1:e-1;return d?n<0?d.length-1:n%d.length:0},q=t=>{var n,r;const e=(a-g)*t.offsetWidth+t.offsetWidth/2+(((r=(n=P.current)==null?void 0:n.element)==null?void 0:r.clientWidth)||0);J(e)},h=(t,e)=>{e.preventDefault(),t>a?C(!0,t):t<a&&C(!1,t),F(t)},w=s.useCallback(()=>{const t=c.current,e=t&&t.children[a];if(t instanceof HTMLElement&&e){const n=Math.round(t.offsetWidth/150);q(e),Q(100/n),Z(n)}},[]),mt=()=>({transitionDuration:"300ms"}),z=t=>({transform:`translateX(${t}%)`,transformOrigin:"left top"});return s.createElement(s.Fragment,null,s.createElement("div",{className:"k-timeline-track-wrap",ref:m,onKeyDown:it},s.createElement(B.Button,{ref:P,"aria-hidden":"true",fillMode:"solid",rounded:"full",svgIcon:M.caretAltLeftIcon,icon:"caret-alt-left",onClick:()=>O&&$(),className:b.classNames("k-timeline-arrow","k-timeline-arrow-left",{"k-disabled":!O})}),s.createElement(B.Button,{"aria-hidden":"true",fillMode:"solid",rounded:"full",svgIcon:M.caretAltRightIcon,icon:"caret-alt-right",onClick:()=>L&&j(),className:b.classNames("k-timeline-arrow","k-timeline-arrow-right",{"k-disabled":!L})}),s.createElement("div",{className:"k-timeline-track"},s.createElement("ul",{ref:c,className:"k-timeline-scrollable-wrap",role:"tablist",tabIndex:0,style:{transform:`translateX(${u}%)`}},i&&i.map((t,e)=>t.yearFlag?s.createElement("li",{role:"none",className:"k-timeline-track-item k-timeline-flag-wrap",style:{flex:`1 0 ${x}`},key:e},s.createElement("span",{className:"k-timeline-flag"},t.yearFlag)):s.createElement("li",{role:"tab",className:b.classNames("k-timeline-track-item",{"k-focus":e===a}),"aria-selected":e===a,style:{flex:`1 0 ${x}`},key:e},s.createElement("div",{className:"k-timeline-date-wrap"},s.createElement("span",{className:"k-timeline-date"},I.formatDate(t.date,at))),s.createElement("span",{onClick:n=>h(e,n),className:"k-timeline-circle"})))))),s.createElement("div",{className:"k-timeline-events-list"},s.createElement("ul",{className:"k-timeline-scrollable-wrap",style:_===0?{...z(_)}:{...z(_),...mt()}},d&&d.map((t,e)=>s.createElement("li",{key:e,className:"k-timeline-event",style:{transform:`translate3d(${R[e]}px, 0px, 0px)`}},t&&s.createElement(kt.TimelineCard,{tabindex:R[e]===0?0:-1,eventData:t,onActionClick:ct,horizontal:!0,collapsible:!1,calloutStyle:{left:`${G}px`}}))))))};K.propTypes={onActionClick:Tt.func};exports.TimelineHorizontal=K;

package/timeline/TimelineHorizontal.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as s from "react";
 import ft from "prop-types";
 import { TimelineCard as ut } from "./TimelineCard.mjs";

package/timeline/TimelineVertical.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 S=require("react"),q=require("prop-types"),w=require("./TimelineCard.js"),R=require("./utils.js"),m=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-intl");function O(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(r,a,l.get?l:{enumerable:!0,get:()=>n[a]})}}return r.default=n,Object.freeze(r)}const e=O(S),p=n=>{const r=F.useInternationalization(),[a,l]=e.useState(),{collapsibleEvents:b,transitionDuration:k,eventsData:E,dateFormat:y,alterMode:d,navigatable:f,onChange:C,onActionClick:D}=n,u=e.useRef(null),i=e.useRef(new m.Navigation({tabIndex:0,root:u,selectors:[".k-card-vertical"]}));e.useEffect(()=>{u.current&&n.navigatable&&(setTimeout(()=>{const t=i.current.first;t&&t.setAttribute("tabindex",String(0))},0),i.current.keyboardEvents={keydown:{Space:g,Enter:g}})},[n.navigatable]),e.useEffect(()=>{l(R.addYearsFlags(E))},[]),e.useEffect(()=>{i.current.update()});const N=t=>{f&&i.current&&i.current.triggerKeyboardEvent(t)},g=(t,s,o)=>{o.preventDefault();const c=t.querySelector(".k-card-title .k-event-collapse");c&&c.click()};let v=0;const T=m.useId();return e.createElement("ul",{ref:u,onKeyDown:N},a&&a.map((t,s)=>{const o=(s+v)%2===0;t.yearFlag&&(v+=1);const c=T+"-"+s,I=d?{"k-reverse":o}:void 0;return e.createElement(e.Fragment,{key:s},t.yearFlag?e.createElement("li",{className:"k-timeline-flag-wrap"},e.createElement("span",{className:"k-timeline-flag"},t.yearFlag)):e.createElement("li",{className:m.classNames("k-timeline-event",I)},e.createElement("div",{className:"k-timeline-date-wrap"},e.createElement("span",{className:"k-timeline-date",id:c},r.formatDate(t.date,y))),e.createElement("span",{className:"k-timeline-circle"}),e.createElement(w.TimelineCard,{id:c,tabindex:f?0:-1,eventData:t,alternated:d&&o,collapsible:b,transitionDuration:k,onChange:C,onActionClick:D})))}))};p.propTypes={onActionClick:q.func};exports.TimelineVertical=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),q=require("prop-types"),w=require("./TimelineCard.js"),R=require("./utils.js"),m=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-intl");function O(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(r,a,l.get?l:{enumerable:!0,get:()=>n[a]})}}return r.default=n,Object.freeze(r)}const e=O(S),p=n=>{const r=F.useInternationalization(),[a,l]=e.useState(),{collapsibleEvents:b,transitionDuration:k,eventsData:E,dateFormat:y,alterMode:d,navigatable:f,onChange:C,onActionClick:D}=n,u=e.useRef(null),i=e.useRef(new m.Navigation({tabIndex:0,root:u,selectors:[".k-card-vertical"]}));e.useEffect(()=>{u.current&&n.navigatable&&(setTimeout(()=>{const t=i.current.first;t&&t.setAttribute("tabindex",String(0))},0),i.current.keyboardEvents={keydown:{Space:g,Enter:g}})},[n.navigatable]),e.useEffect(()=>{l(R.addYearsFlags(E))},[]),e.useEffect(()=>{i.current.update()});const N=t=>{f&&i.current&&i.current.triggerKeyboardEvent(t)},g=(t,s,o)=>{o.preventDefault();const c=t.querySelector(".k-card-title .k-event-collapse");c&&c.click()};let v=0;const T=m.useId();return e.createElement("ul",{ref:u,onKeyDown:N},a&&a.map((t,s)=>{const o=(s+v)%2===0;t.yearFlag&&(v+=1);const c=T+"-"+s,I=d?{"k-reverse":o}:void 0;return e.createElement(e.Fragment,{key:s},t.yearFlag?e.createElement("li",{className:"k-timeline-flag-wrap"},e.createElement("span",{className:"k-timeline-flag"},t.yearFlag)):e.createElement("li",{className:m.classNames("k-timeline-event",I)},e.createElement("div",{className:"k-timeline-date-wrap"},e.createElement("span",{className:"k-timeline-date",id:c},r.formatDate(t.date,y))),e.createElement("span",{className:"k-timeline-circle"}),e.createElement(w.TimelineCard,{id:c,tabindex:f?0:-1,eventData:t,alternated:d&&o,collapsible:b,transitionDuration:k,onChange:C,onActionClick:D})))}))};p.propTypes={onActionClick:q.func};exports.TimelineVertical=p;

package/timeline/TimelineVertical.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import I from "prop-types";
 import { TimelineCard as w } from "./TimelineCard.mjs";

package/timeline/utils.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 d=r=>r.sort((a,e)=>a.date.getTime()-e.date.getTime()),l=r=>{let t;return r.reduce((e,s)=>(t!==s.date.getFullYear()?(t=s.date.getFullYear(),e.push({yearFlag:t},s)):e.push(s),e),[])};exports.addYearsFlags=l;exports.sortEventList=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=r=>r.sort((a,t)=>a.date.getTime()-t.date.getTime()),o=r=>{let e;return r.reduce((t,s)=>(e!==s.date.getFullYear()?(e=s.date.getFullYear(),t.push({yearFlag:e},s)):t.push(s),t),[])};exports.addYearsFlags=o;exports.sortEventList=d;

package/timeline/utils.mjs

@@ -5,15 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-const a = (r) => r.sort((u, e) => u.date.getTime() - e.date.getTime()), d = (r) => {
-  let t;
-  return r.reduce(
-    (e, s) => (t !== s.date.getFullYear() ? (t = s.date.getFullYear(), e.push({ yearFlag: t }, s)) : e.push(s), e),
+const d = (s) => s.sort((a, t) => a.date.getTime() - t.date.getTime()), o = (s) => {
+  let e;
+  return s.reduce(
+    (t, r) => (e !== r.date.getFullYear() ? (e = r.date.getFullYear(), t.push({ yearFlag: e }, r)) : t.push(r), t),
     []
   );
 };
 export {
-  d as addYearsFlags,
-  a as sortEventList
+  o as addYearsFlags,
+  d as sortEventList
 };