@progress/kendo-react-layout 16.2.0-develop.2 → 16.2.0-develop.20

package/menu/components/MenuItemInternal.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),k=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-popup"),M=require("../utils/itemsIdsUtils.js"),f=require("../utils/misc.js"),q=require("./MenuItemLink.js"),x=require("./MenuItemArrow.js");function w(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const l=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(a,c,l.get?l:{enumerable:!0,get:()=>e[c]})}}return a.default=e,Object.freeze(a)}const i=w(F),b=e=>{const{parentItemId:a}=e,c=a!==void 0?o=>{e.onMouseOver(a),o.stopPropagation()}:void 0,l=a!==void 0?o=>{e.onMouseLeave(a),o.stopPropagation()}:void 0;let t;return e.role?t=e.role:a!==void 0?t="menu":t="menubar",i.createElement("ul",{className:e.className,role:t,id:a!==void 0?f.getDOMElementId(e.menuGuid,a):void 0,onMouseOver:c,onMouseLeave:l,"aria-orientation":e["aria-orientation"]},e.items.length>0?e.items.map((o,u)=>i.createElement(O,{item:o,animate:e.animate,isMenuVertical:e.isMenuVertical,isDirectionRightToLeft:e.isDirectionRightToLeft,focusedItemId:e.focusedItemId,lastItemIdToBeOpened:e.lastItemIdToBeOpened,tabbableItemId:e.tabbableItemId,itemRender:e.itemRender,linkRender:e.linkRender,menuGuid:e.menuGuid,onMouseOver:e.onMouseOver,onMouseLeave:e.onMouseLeave,onBlur:e.onBlur,onFocus:e.onFocus,onClick:e.onClick,onOriginalItemNeeded:e.onOriginalItemNeeded,onPopupClose:e.onPopupClose,key:u})):null)},O=e=>{const a=i.useRef(null),c=i.useRef(!0),l=i.useRef(void 0),t=e.item,o=t.id,u=f.getDOMElementId(e.menuGuid,o),L=t.separator,E=t.render||e.itemRender,v=t.linkRender||e.linkRender,R=t.contentParentItemId?t.contentRender:null,m=t.items.length>0&&M.shouldOpenItem(o,e.lastItemIdToBeOpened)&&!c.current;i.useEffect(()=>{var g,I,d;const n=e.focusedItemId,r=e.item.id,s=l.current;if(c.current)n&&n===r&&((g=a.current)==null||g.focus({preventScroll:!0})),c.current=!1;else if(n){const B=k.getActiveElement(document);s!==n&&n===r&&!((I=a.current)!=null&&I.contains(B))&&((d=a.current)==null||d.focus({preventScroll:!0}))}l.current=n});const D=n=>{e.onMouseOver(o),n.stopPropagation()},h=n=>{e.onMouseLeave(o),n.stopPropagation()},P=n=>{e.onPopupClose(o,n)},C=()=>{const n=t.contentParentItemId,r=R;return i.createElement("div",{className:"k-content",role:"presentation"},i.createElement(r,{item:e.onOriginalItemNeeded(n),itemId:n}))},N=()=>{if(v){const s=v;return i.createElement(s,{item:e.onOriginalItemNeeded(t.id),itemId:t.id,opened:m,dir:f.convertBoolDirectionToString(e.isDirectionRightToLeft)})}const n=E,r=n?i.createElement(n,{item:e.onOriginalItemNeeded(t.id),itemId:t.id,key:"1"}):i.createElement("span",{className:"k-menu-link-text"},t.text);return i.createElement(q.MenuItemLink,{url:t.url,opened:m},t.icon||t.svgIcon?i.createElement(k.IconWrap,{name:t.icon,icon:t.svgIcon,key:"0"}):null,r,t.items.length>0?i.createElement("span",{className:"k-menu-expand-arrow","aria-hidden":!0},i.createElement(x.MenuItemArrow,{itemId:t.id,verticalMenu:e.isMenuVertical,dir:f.convertBoolDirectionToString(e.isDirectionRightToLeft),key:"2"})):null)},T=()=>{const n=e.animate,{anchorAlign:r,popupAlign:s,collision:g,animationDirection:I}=f.getPopupSettings(o,e.isMenuVertical,e.isDirectionRightToLeft);let d;return n===!0?d={openDuration:300,closeDuration:300,direction:I}:n===!1?d=!1:d={openDuration:(n==null?void 0:n.openDuration)||300,closeDuration:(n==null?void 0:n.closeDuration)||300,direction:(n==null?void 0:n.direction)||I},i.createElement(S.Popup,{anchor:a.current,show:m,popupClass:k.classNames("k-menu-popup",{"k-rtl":e.isDirectionRightToLeft}),anchorAlign:r,popupAlign:s,collision:g,animate:d,onClose:P,key:"1"},i.createElement(b,{parentItemId:o,animate:e.animate,items:t.items,menuGuid:e.menuGuid,focusedItemId:e.focusedItemId,lastItemIdToBeOpened:e.lastItemIdToBeOpened,tabbableItemId:e.tabbableItemId,itemRender:e.itemRender,linkRender:e.linkRender,isMenuVertical:e.isMenuVertical,isDirectionRightToLeft:e.isDirectionRightToLeft,className:"k-menu-group",onMouseOver:e.onMouseOver,onMouseLeave:e.onMouseLeave,onBlur:e.onBlur,onFocus:e.onFocus,onClick:e.onClick,onOriginalItemNeeded:e.onOriginalItemNeeded,onPopupClose:e.onPopupClose}))},y=k.classNames("k-item","k-menu-item",{"k-first":M.isFirstItemFromSiblings(o),"k-last":t.isLastFromSiblings,"k-disabled":t.disabled,"k-focus":e.focusedItemId===o},t.cssClass);return i.createElement(i.Fragment,null,L?i.createElement("li",{className:"k-separator k-item","aria-hidden":!0,key:u,id:u,ref:a}):i.createElement("li",{id:u,className:y,style:t.cssStyle,tabIndex:o===e.tabbableItemId?0:-1,onMouseOver:D,onMouseLeave:h,onBlur:n=>e.onBlur(o,n),onFocus:()=>e.onFocus(o),onClick:n=>e.onClick(n,o),role:"menuitem","aria-disabled":t.disabled?!0:void 0,"aria-haspopup":t.items.length>0?"menu":void 0,"aria-expanded":t.items.length>0?m:void 0,"aria-label":t.text,"aria-owns":m?u:void 0,ref:a,key:u},R?C():N()),T())};exports.MenuItemInternal=O;exports.MenuItemInternalsList=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),v=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-popup"),S=require("../utils/itemsIdsUtils.js"),f=require("../utils/misc.js"),q=require("./MenuItemLink.js"),x=require("./MenuItemArrow.js");function w(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const l=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(o,c,l.get?l:{enumerable:!0,get:()=>e[c]})}}return o.default=e,Object.freeze(o)}const i=w(B),M=e=>{const{parentItemId:o}=e,c=o!==void 0?a=>{e.onMouseOver(o),a.stopPropagation()}:void 0,l=o!==void 0?a=>{e.onMouseLeave(o),a.stopPropagation()}:void 0;let n;return e.role?n=e.role:o!==void 0?n="menu":n="menubar",i.createElement("ul",{className:e.className,role:n,id:o!==void 0?f.getDOMElementId(e.menuGuid,o):void 0,onMouseOver:c,onMouseLeave:l,"aria-orientation":e["aria-orientation"]},e.items.length>0?e.items.map((a,u)=>i.createElement(b,{item:a,animate:e.animate,isMenuVertical:e.isMenuVertical,isDirectionRightToLeft:e.isDirectionRightToLeft,focusedItemId:e.focusedItemId,lastItemIdToBeOpened:e.lastItemIdToBeOpened,tabbableItemId:e.tabbableItemId,itemRender:e.itemRender,linkRender:e.linkRender,menuGuid:e.menuGuid,onMouseOver:e.onMouseOver,onMouseLeave:e.onMouseLeave,onBlur:e.onBlur,onFocus:e.onFocus,onClick:e.onClick,onOriginalItemNeeded:e.onOriginalItemNeeded,onPopupClose:e.onPopupClose,key:u})):null)},b=e=>{const o=i.useRef(null),c=i.useRef(!0),l=i.useRef(void 0),n=e.item,a=n.id,u=f.getDOMElementId(e.menuGuid,a),O=n.separator,E=n.render||e.itemRender,k=n.linkRender||e.linkRender,R=n.contentParentItemId?n.contentRender:null,m=n.items.length>0&&S.shouldOpenItem(a,e.lastItemIdToBeOpened)&&!c.current;i.useEffect(()=>{var g,I,d;const t=e.focusedItemId,r=e.item.id,s=l.current;if(c.current)t&&t===r&&((g=o.current)==null||g.focus({preventScroll:!0})),c.current=!1;else if(t){const y=v.getActiveElement(document);s!==t&&t===r&&!((I=o.current)!=null&&I.contains(y))&&((d=o.current)==null||d.focus({preventScroll:!0}))}l.current=t});const L=t=>{e.onMouseOver(a),t.stopPropagation()},D=t=>{e.onMouseLeave(a),t.stopPropagation()},h=t=>{e.onPopupClose(a,t)},P=()=>{const t=n.contentParentItemId,r=R;return i.createElement("div",{className:"k-content",role:"presentation"},i.createElement(r,{item:e.onOriginalItemNeeded(t),itemId:t}))},C=()=>{if(k){const s=k;return i.createElement(s,{item:e.onOriginalItemNeeded(n.id),itemId:n.id,opened:m,dir:f.convertBoolDirectionToString(e.isDirectionRightToLeft)})}const t=E,r=t?i.createElement(t,{item:e.onOriginalItemNeeded(n.id),itemId:n.id,key:"1"}):i.createElement("span",{className:"k-menu-link-text"},n.text);return i.createElement(q.MenuItemLink,{url:n.url,opened:m},n.icon||n.svgIcon?i.createElement(v.IconWrap,{name:n.icon,icon:n.svgIcon,key:"0"}):null,r,n.items.length>0?i.createElement("span",{className:"k-menu-expand-arrow","aria-hidden":!0},i.createElement(x.MenuItemArrow,{itemId:n.id,verticalMenu:e.isMenuVertical,dir:f.convertBoolDirectionToString(e.isDirectionRightToLeft),key:"2"})):null)},N=()=>{const t=e.animate,{anchorAlign:r,popupAlign:s,collision:g,animationDirection:I}=f.getPopupSettings(a,e.isMenuVertical,e.isDirectionRightToLeft);let d;return t===!0?d={openDuration:300,closeDuration:300,direction:I}:t===!1?d=!1:d={openDuration:(t==null?void 0:t.openDuration)||300,closeDuration:(t==null?void 0:t.closeDuration)||300,direction:(t==null?void 0:t.direction)||I},i.createElement(F.Popup,{anchor:o.current,show:m,popupClass:v.classNames("k-menu-popup",{"k-rtl":e.isDirectionRightToLeft}),anchorAlign:r,popupAlign:s,collision:g,animate:d,onClose:h,key:"1"},i.createElement(M,{parentItemId:a,animate:e.animate,items:n.items,menuGuid:e.menuGuid,focusedItemId:e.focusedItemId,lastItemIdToBeOpened:e.lastItemIdToBeOpened,tabbableItemId:e.tabbableItemId,itemRender:e.itemRender,linkRender:e.linkRender,isMenuVertical:e.isMenuVertical,isDirectionRightToLeft:e.isDirectionRightToLeft,className:"k-menu-group",onMouseOver:e.onMouseOver,onMouseLeave:e.onMouseLeave,onBlur:e.onBlur,onFocus:e.onFocus,onClick:e.onClick,onOriginalItemNeeded:e.onOriginalItemNeeded,onPopupClose:e.onPopupClose}))},T=v.classNames("k-item","k-menu-item",{"k-disabled":n.disabled,"k-focus":e.focusedItemId===a},n.cssClass);return i.createElement(i.Fragment,null,O?i.createElement("li",{className:"k-separator k-item","aria-hidden":!0,key:u,id:u,ref:o}):i.createElement("li",{id:u,className:T,style:n.cssStyle,tabIndex:a===e.tabbableItemId?0:-1,onMouseOver:L,onMouseLeave:D,onBlur:t=>e.onBlur(a,t),onFocus:()=>e.onFocus(a),onClick:t=>e.onClick(t,a),role:"menuitem","aria-disabled":n.disabled?!0:void 0,"aria-haspopup":n.items.length>0?"menu":void 0,"aria-expanded":n.items.length>0?m:void 0,"aria-label":n.text,"aria-owns":m?u:void 0,ref:o,key:u},R?P():C()),N())};exports.MenuItemInternal=b;exports.MenuItemInternalsList=M;

package/menu/components/MenuItemInternal.mjs

@@ -6,31 +6,31 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as i from "react";
-import { getActiveElement as F, classNames as g, IconWrap as B } from "@progress/kendo-react-common";
+import { getActiveElement as B, classNames as g, IconWrap as F } from "@progress/kendo-react-common";
 import { Popup as y } from "@progress/kendo-react-popup";
-import { shouldOpenItem as x, isFirstItemFromSiblings as S } from "../utils/itemsIdsUtils.mjs";
+import { shouldOpenItem as x } from "../utils/itemsIdsUtils.mjs";
 import { getDOMElementId as M, convertBoolDirectionToString as R, getPopupSettings as G } from "../utils/misc.mjs";
 import { MenuItemLink as V } from "./MenuItemLink.mjs";
-import { MenuItemArrow as w } from "./MenuItemArrow.mjs";
-const A = (e) => {
-  const { parentItemId: a } = e, c = a !== void 0 ? (o) => {
+import { MenuItemArrow as S } from "./MenuItemArrow.mjs";
+const w = (e) => {
+  const { parentItemId: a } = e, m = a !== void 0 ? (o) => {
     e.onMouseOver(a), o.stopPropagation();
   } : void 0, I = a !== void 0 ? (o) => {
     e.onMouseLeave(a), o.stopPropagation();
   } : void 0;
-  let t;
-  return e.role ? t = e.role : a !== void 0 ? t = "menu" : t = "menubar", /* @__PURE__ */ i.createElement(
+  let n;
+  return e.role ? n = e.role : a !== void 0 ? n = "menu" : n = "menubar", /* @__PURE__ */ i.createElement(
     "ul",
     {
       className: e.className,
-      role: t,
+      role: n,
       id: a !== void 0 ? M(e.menuGuid, a) : void 0,
-      onMouseOver: c,
+      onMouseOver: m,
       onMouseLeave: I,
       "aria-orientation": e["aria-orientation"]
     },
-    e.items.length > 0 ? e.items.map((o, r) => /* @__PURE__ */ i.createElement(
-      W,
+    e.items.length > 0 ? e.items.map((o, c) => /* @__PURE__ */ i.createElement(
+      A,
       {
         item: o,
         animate: e.animate,
@@ -49,69 +49,69 @@ const A = (e) => {
         onClick: e.onClick,
         onOriginalItemNeeded: e.onOriginalItemNeeded,
         onPopupClose: e.onPopupClose,
-        key: r
+        key: c
       }
     )) : null
   );
-}, W = (e) => {
-  const a = i.useRef(null), c = i.useRef(!0), I = i.useRef(void 0), t = e.item, o = t.id, r = M(e.menuGuid, o), b = t.separator, O = t.render || e.itemRender, v = t.linkRender || e.linkRender, k = t.contentParentItemId ? t.contentRender : null, d = t.items.length > 0 && x(o, e.lastItemIdToBeOpened) && !c.current;
+}, A = (e) => {
+  const a = i.useRef(null), m = i.useRef(!0), I = i.useRef(void 0), n = e.item, o = n.id, c = M(e.menuGuid, o), O = n.separator, b = n.render || e.itemRender, v = n.linkRender || e.linkRender, k = n.contentParentItemId ? n.contentRender : null, d = n.items.length > 0 && x(o, e.lastItemIdToBeOpened) && !m.current;
   i.useEffect(() => {
-    var f, s, m;
-    const n = e.focusedItemId, l = e.item.id, u = I.current;
-    if (c.current)
-      n && n === l && ((f = a.current) == null || f.focus({ preventScroll: !0 })), c.current = !1;
-    else if (n) {
-      const T = F(document);
-      u !== n && n === l && // https://github.com/telerik/kendo-react/issues/216 :
+    var f, s, r;
+    const t = e.focusedItemId, l = e.item.id, u = I.current;
+    if (m.current)
+      t && t === l && ((f = a.current) == null || f.focus({ preventScroll: !0 })), m.current = !1;
+    else if (t) {
+      const T = B(document);
+      u !== t && t === l && // https://github.com/telerik/kendo-react/issues/216 :
       // No need to focus the wrapping menu item DOM element
       // when a child DOM element was clicked.
-      !((s = a.current) != null && s.contains(T)) && ((m = a.current) == null || m.focus({ preventScroll: !0 }));
+      !((s = a.current) != null && s.contains(T)) && ((r = a.current) == null || r.focus({ preventScroll: !0 }));
     }
-    I.current = n;
+    I.current = t;
   });
-  const E = (n) => {
-    e.onMouseOver(o), n.stopPropagation();
-  }, L = (n) => {
-    e.onMouseLeave(o), n.stopPropagation();
-  }, h = (n) => {
-    e.onPopupClose(o, n);
+  const E = (t) => {
+    e.onMouseOver(o), t.stopPropagation();
+  }, h = (t) => {
+    e.onMouseLeave(o), t.stopPropagation();
+  }, L = (t) => {
+    e.onPopupClose(o, t);
   }, C = () => {
-    const n = t.contentParentItemId, l = k;
-    return /* @__PURE__ */ i.createElement("div", { className: "k-content", role: "presentation" }, /* @__PURE__ */ i.createElement(l, { item: e.onOriginalItemNeeded(n), itemId: n }));
+    const t = n.contentParentItemId, l = k;
+    return /* @__PURE__ */ i.createElement("div", { className: "k-content", role: "presentation" }, /* @__PURE__ */ i.createElement(l, { item: e.onOriginalItemNeeded(t), itemId: t }));
   }, D = () => {
     if (v) {
       const u = v;
       return /* @__PURE__ */ i.createElement(
         u,
         {
-          item: e.onOriginalItemNeeded(t.id),
-          itemId: t.id,
+          item: e.onOriginalItemNeeded(n.id),
+          itemId: n.id,
           opened: d,
           dir: R(e.isDirectionRightToLeft)
         }
       );
     }
-    const n = O, l = n ? /* @__PURE__ */ i.createElement(n, { item: e.onOriginalItemNeeded(t.id), itemId: t.id, key: "1" }) : /* @__PURE__ */ i.createElement("span", { className: "k-menu-link-text" }, t.text);
-    return /* @__PURE__ */ i.createElement(V, { url: t.url, opened: d }, t.icon || t.svgIcon ? /* @__PURE__ */ i.createElement(B, { name: t.icon, icon: t.svgIcon, key: "0" }) : null, l, t.items.length > 0 ? /* @__PURE__ */ i.createElement("span", { className: "k-menu-expand-arrow", "aria-hidden": !0 }, /* @__PURE__ */ i.createElement(
-      w,
+    const t = b, l = t ? /* @__PURE__ */ i.createElement(t, { item: e.onOriginalItemNeeded(n.id), itemId: n.id, key: "1" }) : /* @__PURE__ */ i.createElement("span", { className: "k-menu-link-text" }, n.text);
+    return /* @__PURE__ */ i.createElement(V, { url: n.url, opened: d }, n.icon || n.svgIcon ? /* @__PURE__ */ i.createElement(F, { name: n.icon, icon: n.svgIcon, key: "0" }) : null, l, n.items.length > 0 ? /* @__PURE__ */ i.createElement("span", { className: "k-menu-expand-arrow", "aria-hidden": !0 }, /* @__PURE__ */ i.createElement(
+      S,
       {
-        itemId: t.id,
+        itemId: n.id,
         verticalMenu: e.isMenuVertical,
         dir: R(e.isDirectionRightToLeft),
         key: "2"
       }
     )) : null);
   }, N = () => {
-    const n = e.animate, { anchorAlign: l, popupAlign: u, collision: f, animationDirection: s } = G(
+    const t = e.animate, { anchorAlign: l, popupAlign: u, collision: f, animationDirection: s } = G(
       o,
       e.isMenuVertical,
       e.isDirectionRightToLeft
     );
-    let m;
-    return n === !0 ? m = { openDuration: 300, closeDuration: 300, direction: s } : n === !1 ? m = !1 : m = {
-      openDuration: (n == null ? void 0 : n.openDuration) || 300,
-      closeDuration: (n == null ? void 0 : n.closeDuration) || 300,
-      direction: (n == null ? void 0 : n.direction) || s
+    let r;
+    return t === !0 ? r = { openDuration: 300, closeDuration: 300, direction: s } : t === !1 ? r = !1 : r = {
+      openDuration: (t == null ? void 0 : t.openDuration) || 300,
+      closeDuration: (t == null ? void 0 : t.closeDuration) || 300,
+      direction: (t == null ? void 0 : t.direction) || s
     }, /* @__PURE__ */ i.createElement(
       y,
       {
@@ -121,16 +121,16 @@ const A = (e) => {
         anchorAlign: l,
         popupAlign: u,
         collision: f,
-        animate: m,
-        onClose: h,
+        animate: r,
+        onClose: L,
         key: "1"
       },
       /* @__PURE__ */ i.createElement(
-        A,
+        w,
         {
           parentItemId: o,
           animate: e.animate,
-          items: t.items,
+          items: n.items,
           menuGuid: e.menuGuid,
           focusedItemId: e.focusedItemId,
           lastItemIdToBeOpened: e.lastItemIdToBeOpened,
@@ -154,47 +154,45 @@ const A = (e) => {
     "k-item",
     "k-menu-item",
     {
-      "k-first": S(o),
-      "k-last": t.isLastFromSiblings,
-      "k-disabled": t.disabled,
+      "k-disabled": n.disabled,
       "k-focus": e.focusedItemId === o
     },
-    t.cssClass
+    n.cssClass
   );
-  return /* @__PURE__ */ i.createElement(i.Fragment, null, b ? /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement(i.Fragment, null, O ? /* @__PURE__ */ i.createElement(
     "li",
     {
       className: "k-separator k-item",
       "aria-hidden": !0,
-      key: r,
-      id: r,
+      key: c,
+      id: c,
       ref: a
     }
   ) : /* @__PURE__ */ i.createElement(
     "li",
     {
-      id: r,
+      id: c,
       className: P,
-      style: t.cssStyle,
+      style: n.cssStyle,
       tabIndex: o === e.tabbableItemId ? 0 : -1,
       onMouseOver: E,
-      onMouseLeave: L,
-      onBlur: (n) => e.onBlur(o, n),
+      onMouseLeave: h,
+      onBlur: (t) => e.onBlur(o, t),
       onFocus: () => e.onFocus(o),
-      onClick: (n) => e.onClick(n, o),
+      onClick: (t) => e.onClick(t, o),
       role: "menuitem",
-      "aria-disabled": t.disabled ? !0 : void 0,
-      "aria-haspopup": t.items.length > 0 ? "menu" : void 0,
-      "aria-expanded": t.items.length > 0 ? d : void 0,
-      "aria-label": t.text,
-      "aria-owns": d ? r : void 0,
+      "aria-disabled": n.disabled ? !0 : void 0,
+      "aria-haspopup": n.items.length > 0 ? "menu" : void 0,
+      "aria-expanded": n.items.length > 0 ? d : void 0,
+      "aria-label": n.text,
+      "aria-owns": d ? c : void 0,
       ref: a,
-      key: r
+      key: c
     },
     k ? C() : D()
   ), N());
 };
 export {
-  W as MenuItemInternal,
-  A as MenuItemInternalsList
+  A as MenuItemInternal,
+  w as MenuItemInternalsList
 };

package/menu/components/MenuItemLink.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),r=require("prop-types"),s=require("@progress/kendo-react-common");function u(e){const n=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(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=u(o),l=e=>s.classNames("k-link","k-menu-link",{"k-active":e}),i=e=>e.url?c.createElement("a",{className:l(e.opened),href:e.url,tabIndex:-1},e.children):c.createElement("span",{id:e.id,className:s.classNames(l(e.opened),e.className),style:e.style,role:"presentation"},e.children);i.propTypes={opened:r.bool,url:r.string};exports.MenuItemLink=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("prop-types"),a=require("@progress/kendo-react-common");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=u(o),i=e=>a.classNames("k-link","k-menu-link",{"k-active":e}),s=e=>e.url?l.createElement("a",{className:i(e.opened),href:a.sanitizeUrl(e.url)||void 0,tabIndex:-1},e.children):l.createElement("span",{id:e.id,className:a.classNames(i(e.opened),e.className),style:e.style,role:"presentation"},e.children);s.propTypes={opened:c.bool,url:c.string};exports.MenuItemLink=s;

package/menu/components/MenuItemLink.mjs

@@ -7,8 +7,8 @@
  */
 import * as t from "react";
 import n from "prop-types";
-import { classNames as l } from "@progress/kendo-react-common";
-const a = (e) => l("k-link", "k-menu-link", { "k-active": e }), m = (e) => e.url ? /* @__PURE__ */ t.createElement("a", { className: a(e.opened), href: e.url, tabIndex: -1 }, e.children) : /* @__PURE__ */ t.createElement(
+import { sanitizeUrl as i, classNames as l } from "@progress/kendo-react-common";
+const a = (e) => l("k-link", "k-menu-link", { "k-active": e }), r = (e) => e.url ? /* @__PURE__ */ t.createElement("a", { className: a(e.opened), href: i(e.url) || void 0, tabIndex: -1 }, e.children) : /* @__PURE__ */ t.createElement(
   "span",
   {
     id: e.id,
@@ -18,10 +18,10 @@ const a = (e) => l("k-link", "k-menu-link", { "k-active": e }), m = (e) => e.url
   },
   e.children
 );
-m.propTypes = {
+r.propTypes = {
   opened: n.bool,
   url: n.string
 };
 export {
-  m as MenuItemLink
+  r as MenuItemLink
 };

package/menu/models/MenuItemModel.d.ts

@@ -26,5 +26,4 @@ export interface MenuItemInternalModel extends BaseMenuItem {
     id: string;
     items: MenuItemInternalModel[];
     contentParentItemId?: string;
-    isLastFromSiblings: boolean;
 }

package/menu/utils/itemsIdsUtils.d.ts

@@ -57,10 +57,6 @@ export declare function isIdZeroLevel(itemId: string): boolean;
  * @hidden
  */
 export declare function isIdFirstLevel(itemId: string): boolean;
-/**
- * @hidden
- */
-export declare function isFirstItemFromSiblings(itemId: string): boolean;
 /**
  * @hidden
  */

package/menu/utils/itemsIdsUtils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="",s="0",e="_";function c(t,r){if(u(t))return r[Number(t)];const n=r[Number(g(t))];return n.items?c(f(t),n.items):void 0}function g(t){return i(t)?t:t.split(e)[0]}function f(t){if(i(t))return t;const r=t.indexOf(e);return t.substring(r+1)}function S(t){return l("0",t)}function E(t,r){return r.indexOf(t)===0?r.length===t.length||r.charAt(t.length)===e:!1}function l(t,r){return r?r+e+t:t}function O(t){const r=t.lastIndexOf(e);return r<0?o:t.substring(0,r)}function i(t){return t===o||t.indexOf(e)<0}function u(t){return t!==o&&t.indexOf(e)<0}function b(t){return P(t)===1}function d(t){return a(t)===s}function a(t){const r=t.lastIndexOf(e);return r<0?t:t.substring(r+1)}function L(t,r,n){return u(r)?t?Number(r)<n-1?(Number(r)+1).toString():"0":Number(r)>0?(Number(r)-1).toString():(n-1).toString():r}function P(t){return t.split(e).length-1}exports.EMPTY_ID=o;exports.SEPARATOR=e;exports.ZERO_LEVEL_ZERO_ITEM_ID=s;exports.createId=l;exports.getDirectParentId=O;exports.getDirectSiblingIdForLevelZero=L;exports.getFirstChildId=S;exports.getIdWithoutRootParentId=f;exports.getItemById=c;exports.getRootParentId=g;exports.getShortId=a;exports.isFirstItemFromSiblings=d;exports.isIdEmptyOrZeroLevel=i;exports.isIdFirstLevel=b;exports.isIdZeroLevel=u;exports.shouldOpenItem=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="",l="0",e="_";function c(t,r){if(i(t))return r[Number(t)];const n=r[Number(g(t))];return n.items?c(s(t),n.items):void 0}function g(t){return u(t)?t:t.split(e)[0]}function s(t){if(u(t))return t;const r=t.indexOf(e);return t.substring(r+1)}function a(t){return f("0",t)}function E(t,r){return r.indexOf(t)===0?r.length===t.length||r.charAt(t.length)===e:!1}function f(t,r){return r?r+e+t:t}function O(t){const r=t.lastIndexOf(e);return r<0?o:t.substring(0,r)}function u(t){return t===o||t.indexOf(e)<0}function i(t){return t!==o&&t.indexOf(e)<0}function S(t){return L(t)===1}function d(t){const r=t.lastIndexOf(e);return r<0?t:t.substring(r+1)}function b(t,r,n){return i(r)?t?Number(r)<n-1?(Number(r)+1).toString():"0":Number(r)>0?(Number(r)-1).toString():(n-1).toString():r}function L(t){return t.split(e).length-1}exports.EMPTY_ID=o;exports.SEPARATOR=e;exports.ZERO_LEVEL_ZERO_ITEM_ID=l;exports.createId=f;exports.getDirectParentId=O;exports.getDirectSiblingIdForLevelZero=b;exports.getFirstChildId=a;exports.getIdWithoutRootParentId=s;exports.getItemById=c;exports.getRootParentId=g;exports.getShortId=d;exports.isIdEmptyOrZeroLevel=u;exports.isIdFirstLevel=S;exports.isIdZeroLevel=i;exports.shouldOpenItem=E;

package/menu/utils/itemsIdsUtils.mjs

@@ -5,32 +5,32 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const s = "", A = "0", O = "_";
+const A = "", s = "0", E = "_";
 function o(n, r) {
   if (u(n))
     return r[Number(n)];
-  const t = r[Number(i(n))];
-  return t.items ? o(c(n), t.items) : void 0;
+  const t = r[Number(c(n))];
+  return t.items ? o(f(n), t.items) : void 0;
 }
-function i(n) {
+function c(n) {
   return e(n) ? n : n.split("_")[0];
 }
-function c(n) {
+function f(n) {
   if (e(n))
     return n;
   const r = n.indexOf("_");
   return n.substring(r + 1);
 }
-function S(n) {
-  return f("0", n);
+function O(n) {
+  return i("0", n);
 }
-function g(n, r) {
+function S(n, r) {
   return r.indexOf(n) === 0 ? r.length === n.length || r.charAt(n.length) === "_" : !1;
 }
-function f(n, r) {
+function i(n, r) {
   return r ? r + "_" + n : n;
 }
-function P(n) {
+function g(n) {
   const r = n.lastIndexOf("_");
   return r < 0 ? "" : n.substring(0, r);
 }
@@ -40,37 +40,33 @@ function e(n) {
 function u(n) {
   return n !== "" && n.indexOf("_") < 0;
 }
-function a(n) {
-  return E(n) === 1;
-}
-function l(n) {
-  return R(n) === "0";
+function P(n) {
+  return R(n) === 1;
 }
-function R(n) {
+function a(n) {
   const r = n.lastIndexOf("_");
   return r < 0 ? n : n.substring(r + 1);
 }
-function T(n, r, t) {
+function l(n, r, t) {
   return u(r) ? n ? Number(r) < t - 1 ? (Number(r) + 1).toString() : "0" : Number(r) > 0 ? (Number(r) - 1).toString() : (t - 1).toString() : r;
 }
-function E(n) {
+function R(n) {
   return n.split("_").length - 1;
 }
 export {
-  s as EMPTY_ID,
-  O as SEPARATOR,
-  A as ZERO_LEVEL_ZERO_ITEM_ID,
-  f as createId,
-  P as getDirectParentId,
-  T as getDirectSiblingIdForLevelZero,
-  S as getFirstChildId,
-  c as getIdWithoutRootParentId,
+  A as EMPTY_ID,
+  E as SEPARATOR,
+  s as ZERO_LEVEL_ZERO_ITEM_ID,
+  i as createId,
+  g as getDirectParentId,
+  l as getDirectSiblingIdForLevelZero,
+  O as getFirstChildId,
+  f as getIdWithoutRootParentId,
   o as getItemById,
-  i as getRootParentId,
-  R as getShortId,
-  l as isFirstItemFromSiblings,
+  c as getRootParentId,
+  a as getShortId,
   e as isIdEmptyOrZeroLevel,
-  a as isIdFirstLevel,
+  P as isIdFirstLevel,
   u as isIdZeroLevel,
-  g as shouldOpenItem
+  S as shouldOpenItem
 };

package/menu/utils/prepareInputItemsForInternalWork.js

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

package/menu/utils/prepareInputItemsForInternalWork.mjs

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

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1789036970,version:"16.2.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1791301569,version:"16.2.0-develop.20",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "16.2.0-develop.2",
+  "version": "16.2.0-develop.20",
   "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,12 +26,12 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "16.2.0-develop.2",
-    "@progress/kendo-react-buttons": "16.2.0-develop.2",
-    "@progress/kendo-react-common": "16.2.0-develop.2",
-    "@progress/kendo-react-intl": "16.2.0-develop.2",
-    "@progress/kendo-react-popup": "16.2.0-develop.2",
-    "@progress/kendo-react-progressbars": "16.2.0-develop.2",
+    "@progress/kendo-react-animation": "16.2.0-develop.20",
+    "@progress/kendo-react-buttons": "16.2.0-develop.20",
+    "@progress/kendo-react-common": "16.2.0-develop.20",
+    "@progress/kendo-react-intl": "16.2.0-develop.20",
+    "@progress/kendo-react-popup": "16.2.0-develop.20",
+    "@progress/kendo-react-progressbars": "16.2.0-develop.20",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -108,7 +108,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1789036970,
+      "publishDate": 1791301569,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },
@@ -118,10 +118,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "peerDependenciesMeta": {
-    "@progress/kendo-svg-icons": {
-      "optional": true
-    }
   }
 }

package/timeline/TimelineCard.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),v=require("prop-types"),y=require("../card/Card.js"),A=require("../card/CardHeader.js"),D=require("../card/CardTitle.js"),I=require("../card/CardSubtitle.js"),h=require("../card/CardBody.js"),O=require("../card/CardImage.js"),T=require("../card/CardActions.js"),k=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:b}=e.eventData,[d,C]=t.useState(e.eventData.opened||!1),[s,u]=t.useState(!!e.collapsible&&!e.eventData.opened),f=a=>{if(C(!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(h.CardBody,null,t.createElement("div",{className:"k-card-description"},t.createElement("p",null,b),o&&o.map((a,n)=>t.createElement(O.CardImage,{key:n,src:a.src})))),r&&t.createElement(T.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:k.classNames("k-timeline-card",{"k-collapsed":e.collapsible&&s})},t.createElement(y.Card,{id:e.panelId,"aria-label":e.ariaLabel,"aria-live":e.horizontal?void 0:"polite","aria-describedby":e.id,tabIndex:e.tabindex,role:e.horizontal?"tabpanel":"button","aria-expanded":e.collapsible?!s:void 0,className:"k-card-with-callout",onClick:a=>f(a)},t.createElement("span",{style:e.calloutStyle,className:k.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",size:"xs",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:v.func,onActionClick:v.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"),h=require("../card/CardBody.js"),O=require("../card/CardImage.js"),T=require("../card/CardActions.js"),r=require("@progress/kendo-react-common"),q=require("@progress/kendo-react-animation"),R=require("@progress/kendo-svg-icons"),S=require("@progress/kendo-react-buttons");function z(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(c,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return c.default=e,Object.freeze(c)}const t=z(N),E=e=>{const{title:l,subtitle:i,actions:o,images:d,description:b}=e.eventData,[s,C]=t.useState(e.eventData.opened||!1),[u,m]=t.useState(!!e.collapsible&&!e.eventData.opened),f=a=>{if(C(!s),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)}},v=()=>t.createElement(t.Fragment,null,t.createElement(h.CardBody,null,t.createElement("div",{className:"k-card-description"},t.createElement("p",null,b),d&&d.map((a,n)=>t.createElement(O.CardImage,{key:n,src:a.src})))),o&&t.createElement(T.CardActions,null,o.map((a,n)=>t.createElement("a",{key:n,href:r.sanitizeUrl(a.url)||void 0,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:r.classNames("k-timeline-card",{"k-collapsed":e.collapsible&&u})},t.createElement(y.Card,{id:e.panelId,"aria-label":e.ariaLabel,"aria-live":e.horizontal?void 0:"polite","aria-describedby":e.id,tabIndex:e.tabindex,role:e.horizontal?"tabpanel":"button","aria-expanded":e.collapsible?!u:void 0,className:"k-card-with-callout",onClick:a=>f(a)},t.createElement("span",{style:e.calloutStyle,className:r.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",size:"xs",svgIcon:R.chevronRightIcon})),i&&t.createElement(I.CardSubtitle,null,i)),e.collapsible?t.createElement(q.Reveal,{transitionEnterDuration:e.transitionDuration||400,transitionExitDuration:e.transitionDuration||400,onBeforeEnter:()=>m(!1),onAfterExited:()=>m(!0)},s?v():null):v())))};E.propTypes={onChange:k.func,onActionClick:k.func};exports.TimelineCard=E;