@progress/kendo-react-layout 14.5.0-develop.9 → 15.0.0-develop.2

package/stepper/messages/index.d.ts

@@ -12,11 +12,21 @@ export declare const optionalText = "stepper.optionalText";
 /**
  * @hidden
  */
-export declare const progBarAriaLabel = "stepper.progBarAriaLabel";
+export declare const progressBarAriaLabel = "stepper.progressBarAriaLabel";
+/**
+ * @hidden
+ */
+export declare const ariaLabel = "stepper.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const stepAriaLabel = "stepper.stepAriaLabel";
 /**
  * @hidden
  */
 export declare const messages: {
     "stepper.optionalText": string;
-    "stepper.progBarAriaLabel": string;
+    "stepper.progressBarAriaLabel": string;
+    "stepper.ariaLabel": string;
+    "stepper.stepAriaLabel": string;
 };

package/stepper/messages/index.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="stepper.optionalText",a="stepper.progBarAriaLabel",o={[e]:"(Optional)",[a]:"progressbar"};exports.messages=o;exports.optionalText=e;exports.progBarAriaLabel=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="stepper.optionalText",a="stepper.progressBarAriaLabel",r="stepper.ariaLabel",s="stepper.stepAriaLabel",t={[e]:"(Optional)",[a]:"progressbar",[r]:"Stepper",[s]:"Step"};exports.ariaLabel=r;exports.messages=t;exports.optionalText=e;exports.progressBarAriaLabel=a;exports.stepAriaLabel=s;

package/stepper/messages/index.mjs

@@ -5,12 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const e = "stepper.optionalText", o = "stepper.progBarAriaLabel", r = {
+const e = "stepper.optionalText", a = "stepper.progressBarAriaLabel", r = "stepper.ariaLabel", p = "stepper.stepAriaLabel", s = {
   [e]: "(Optional)",
-  [o]: "progressbar"
+  [a]: "progressbar",
+  [r]: "Stepper",
+  [p]: "Step"
 };
 export {
-  r as messages,
+  r as ariaLabel,
+  s as messages,
   e as optionalText,
-  o as progBarAriaLabel
+  a as progressBarAriaLabel,
+  p as stepAriaLabel
 };

package/tabstrip/TabStrip.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import { KendoReactComponentBaseProps, WebMcpProps } from '@progress/kendo-react-common';
 import { ButtonProps } from '@progress/kendo-react-buttons';
 import * as React from 'react';
 /**
@@ -208,6 +208,13 @@ export interface TabStripProps extends KendoReactComponentBaseProps, TabStripScr
      * ```
      */
     onSelect?: (e: TabStripSelectEventArguments) => void;
+    /**
+     * Enables Web MCP tool registration so AI agents can interact with this TabStrip.
+     * Set to `true` to use the provider-level `dataName`, or pass a config object to override.
+     *
+     * Requires a `WebMcpProvider` ancestor from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }
 /**
  * @hidden

package/tabstrip/TabStrip.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ce=require("react"),l=require("prop-types"),ee=require("./TabStripNavigation.js"),ae=require("./TabStripContent.js"),A=require("@progress/kendo-react-common");function ue(S){const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(S){for(const f in S)if(f!=="default"){const b=Object.getOwnPropertyDescriptor(S,f);Object.defineProperty(C,f,b.get?b:{enumerable:!0,get:()=>S[f]})}}return C.default=S,Object.freeze(C)}const n=ue(ce),de={animation:!0,tabPosition:"top",tabAlignment:"start",keepTabsMounted:!1,buttonScrollSpeed:100,mouseScrollSpeed:10,scrollButtons:"auto",scrollButtonsPosition:"split",renderAllContent:!1},E=n.forwardRef((S,C)=>{const f={...de,...S},{id:b,animation:H,children:j,selected:u,onSelect:B,style:te,tabContentStyle:q,tabPosition:p,tabAlignment:L,tabIndex:W,className:K,dir:x,renderAllContent:O,keepTabsMounted:_,size:k,scrollable:h,scrollButtons:I,scrollButtonsPosition:F,buttonScrollSpeed:U,mouseScrollSpeed:ne,prevButton:$,nextButton:G}=f,[g,oe]=n.useState(null),se=n.useRef({props:f}),R=n.useRef(null),z=n.useRef(null),y=n.useRef(void 0),P=n.useRef(void 0),J=n.useCallback(()=>({props:f}),[f]);n.useImperativeHandle(se,J),n.useImperativeHandle(C,J);const w=n.useMemo(()=>b?b+"-content-panel-id":void 0,[b]),N=n.useMemo(()=>b?b+"-nav-item-id":void 0,[b]),v=n.useMemo(()=>n.Children.toArray(j).filter(Boolean),[j]),Q=n.useCallback(()=>/top|bottom/.test(p||"top"),[p]),T=n.useCallback(()=>{const s=Q(),i=z.current;if(!i)return;const a=i.scrollLeft,t=i.clientWidth,e=i.scrollWidth,r=i.scrollTop,o=i.scrollHeight,d=i.clientHeight;let c=null;const ie=s?e>t:o>d,Z=x==="rtl";ie?s?a+t===e||(Z&&t-a)===e?c="end":a===0||Z&&-a===0?c="start":a>0&&a+t<e||-a>0&&t-a<e?c="middle":c=null:o-(r+d)===0?c="bottom":r===0?c="top":r>0&&o-(r+d)>0?c="middle":c=null:c=null,oe(c)},[Q,x]),D=n.useCallback(s=>{u!==s&&B&&B({selected:s})},[u,B]),m=n.useCallback(s=>{var t,e;const i=v;((e=(t=i==null?void 0:i[s])==null?void 0:t.props)==null?void 0:e.disabled)||D(s)},[v,D]),V=n.useCallback(s=>{P.current&&P.current.triggerKeyboardEvent(s)},[]);n.useEffect(()=>{var a;const s=R.current,i=s&&getComputedStyle(s).direction==="rtl"||!1;return s&&(P.current=new A.Navigation({tabIndex:0,root:R,rovingTabIndex:!0,focusClass:"k-focus",selectors:[".k-tabstrip .k-tabstrip-item"],keyboardEvents:{keydown:{ArrowLeft:(t,e,r)=>{r.preventDefault();const o=e.elements.indexOf(t),d=o!==0?o-1:e.elements.length-1,c=o!==e.elements.length-1?o+1:0;i?(e.focusNext(t),m(c)):(e.focusPrevious(t),m(d))},ArrowRight:(t,e,r)=>{r.preventDefault();const o=e.elements.indexOf(t),d=o!==0?o-1:e.elements.length-1,c=o!==e.elements.length-1?o+1:0;i?(e.focusPrevious(t),m(d)):(e.focusNext(t),m(c))},ArrowDown:(t,e,r)=>{r.preventDefault();const o=e.elements.indexOf(t),d=o!==e.elements.length-1?o+1:0;e.focusNext(t),m(d)},ArrowUp:(t,e,r)=>{r.preventDefault();const o=e.elements.indexOf(t),d=o!==0?o-1:e.elements.length-1;e.focusPrevious(t),m(d)},Home:(t,e,r)=>{r.preventDefault(),e.focusElement(e.first,t),m(0)},End:(t,e,r)=>{r.preventDefault(),e.focusElement(e.last,t),m(e.elements.length-1)}}}}),(a=P.current)==null||a.initializeRovingTab(u),T(),y.current=window.ResizeObserver&&new ResizeObserver(()=>T()),R.current&&y.current&&y.current.observe(R.current)),()=>{var t;(t=P.current)==null||t.removeFocusListener(),y.current&&y.current.disconnect()}},[u,m,T]);const re=n.useMemo(()=>{const s=n.Children.count(v);return u<s&&u>-1?n.createElement(ae.TabStripContent,{index:u,selected:u,contentPanelId:w,navItemId:N,animation:H,keepTabsMounted:_,renderAllContent:O,style:q},v):null},[u,v,w,N,H,_,O,q]),M=I==="hidden"||g===null&&I==="auto"?"hidden":"visible",X=n.useMemo(()=>({itemsNavRef:z,children:v,selected:u,tabIndex:W,tabPosition:p,tabAlignment:L,size:k,scrollable:h,scrollButtons:M,scrollButtonsPosition:F,buttonScrollSpeed:U,mouseScrollSpeed:ne,prevButton:$,nextButton:G,dir:x,contentPanelId:w,renderAllContent:O,navItemId:N,onKeyDown:V,onSelect:D,onScroll:T,containerScrollPosition:g}),[z,v,u,W,p,L,k,h,M,F,U,$,G,x,w,O,N,V,D,T,g]),Y=p==="bottom",le=n.useMemo(()=>A.classNames("k-tabstrip k-pos-relative",{[`k-tabstrip-${A.kendoThemeMaps.sizeMap[k||"medium"]||k}`]:k,"k-tabstrip-left":p==="left","k-tabstrip-right":p==="right","k-tabstrip-bottom":p==="bottom","k-tabstrip-top":p==="top","k-tabstrip-scrollable":h,"k-tabstrip-scrollable-start k-tabstrip-scrollable-end":h&&M==="visible","k-tabstrip-scrollable-start":h&&I==="auto"&&(g==="end"||g==="middle"),"k-tabstrip-scrollable-end":h&&I==="auto"&&(g==="start"||g==="middle")},K),[k,p,h,I,M,g,K]);return n.createElement("div",{id:b,ref:R,dir:x,className:le,style:te,onScroll:T},!Y&&n.createElement(ee.TabStripNavigation,{...X}),re,Y&&n.createElement(ee.TabStripNavigation,{...X}))});E.displayName="TabStrip";E.propTypes={id:l.string,animation:l.bool,children:l.node,onSelect:l.func,selected:l.number,style:l.object,tabContentStyle:l.object,tabPosition:l.string,tabAlignment:l.string,tabIndex:l.number,className:l.string,dir:l.string,renderAllContent:l.bool,size:l.oneOf(["small","medium","large"]),scrollButtons:l.oneOf(["auto","visible","hidden"]),scrollButtonsPosition:l.oneOf(["split","start","end","around","before","after"])};const be=E;exports.TabStrip=be;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ce=require("react"),l=require("prop-types"),ne=require("./TabStripNavigation.js"),ae=require("./TabStripContent.js"),B=require("@progress/kendo-react-common");function ue(g){const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(g){for(const u in g)if(u!=="default"){const p=Object.getOwnPropertyDescriptor(g,u);Object.defineProperty(C,u,p.get?p:{enumerable:!0,get:()=>g[u]})}}return C.default=g,Object.freeze(C)}const n=ue(ce),de={animation:!0,tabPosition:"top",tabAlignment:"start",keepTabsMounted:!1,buttonScrollSpeed:100,mouseScrollSpeed:10,scrollButtons:"auto",scrollButtonsPosition:"split",renderAllContent:!1},E=n.forwardRef((g,C)=>{const u=n.useMemo(()=>({...de,...g}),[g]),{id:p,animation:H,children:j,selected:d,onSelect:z,style:oe,tabContentStyle:q,tabPosition:f,tabAlignment:W,tabIndex:L,className:K,dir:x,renderAllContent:O,keepTabsMounted:_,size:k,scrollable:h,scrollButtons:R,scrollButtonsPosition:F,buttonScrollSpeed:U,mouseScrollSpeed:$,prevButton:G,nextButton:J}=u,[S,se]=n.useState(null),Q=n.useRef({props:u}),I=n.useRef(null),A=n.useRef(null),y=n.useRef(void 0),P=n.useRef(void 0),V=n.useCallback(()=>({props:u}),[u]);n.useImperativeHandle(Q,V),n.useImperativeHandle(C,V),B.useWebMcpRegister("tabstrip",Q,u,u.webMcp);const w=n.useMemo(()=>p?p+"-content-panel-id":void 0,[p]),M=n.useMemo(()=>p?p+"-nav-item-id":void 0,[p]),v=n.useMemo(()=>n.Children.toArray(j).filter(Boolean),[j]),X=n.useCallback(()=>/top|bottom/.test(f||"top"),[f]),T=n.useCallback(()=>{const s=X(),i=A.current;if(!i)return;const a=i.scrollLeft,t=i.clientWidth,e=i.scrollWidth,r=i.scrollTop,o=i.scrollHeight,b=i.clientHeight;let c=null;const ie=s?e>t:o>b,te=x==="rtl";ie?s?a+t===e||(te&&t-a)===e?c="end":a===0||te&&-a===0?c="start":a>0&&a+t<e||-a>0&&t-a<e?c="middle":c=null:o-(r+b)===0?c="bottom":r===0?c="top":r>0&&o-(r+b)>0?c="middle":c=null:c=null,se(c)},[X,x]),N=n.useCallback(s=>{d!==s&&z&&z({selected:s})},[d,z]),m=n.useCallback(s=>{var t,e;const i=v;((e=(t=i==null?void 0:i[s])==null?void 0:t.props)==null?void 0:e.disabled)||N(s)},[v,N]),Y=n.useCallback(s=>{P.current&&P.current.triggerKeyboardEvent(s)},[]);n.useEffect(()=>{var a;const s=I.current,i=s&&getComputedStyle(s).direction==="rtl"||!1;return s&&(P.current=new B.Navigation({tabIndex:0,root:I,rovingTabIndex:!0,focusClass:"k-focus",selectors:[".k-tabstrip .k-tabstrip-item"],keyboardEvents:{keydown:{ArrowLeft:(t,e,r)=>{r.preventDefault();const o=e.elements.indexOf(t),b=o!==0?o-1:e.elements.length-1,c=o!==e.elements.length-1?o+1:0;i?(e.focusNext(t),m(c)):(e.focusPrevious(t),m(b))},ArrowRight:(t,e,r)=>{r.preventDefault();const o=e.elements.indexOf(t),b=o!==0?o-1:e.elements.length-1,c=o!==e.elements.length-1?o+1:0;i?(e.focusPrevious(t),m(b)):(e.focusNext(t),m(c))},ArrowDown:(t,e,r)=>{r.preventDefault();const o=e.elements.indexOf(t),b=o!==e.elements.length-1?o+1:0;e.focusNext(t),m(b)},ArrowUp:(t,e,r)=>{r.preventDefault();const o=e.elements.indexOf(t),b=o!==0?o-1:e.elements.length-1;e.focusPrevious(t),m(b)},Home:(t,e,r)=>{r.preventDefault(),e.focusElement(e.first,t),m(0)},End:(t,e,r)=>{r.preventDefault(),e.focusElement(e.last,t),m(e.elements.length-1)}}}}),(a=P.current)==null||a.initializeRovingTab(d),T(),y.current=window.ResizeObserver&&new ResizeObserver(()=>T()),I.current&&y.current&&y.current.observe(I.current)),()=>{var t;(t=P.current)==null||t.removeFocusListener(),y.current&&y.current.disconnect()}},[d,m,T]);const re=n.useMemo(()=>{const s=n.Children.count(v);return d<s&&d>-1?n.createElement(ae.TabStripContent,{index:d,selected:d,contentPanelId:w,navItemId:M,animation:H,keepTabsMounted:_,renderAllContent:O,style:q},v):null},[d,v,w,M,H,_,O,q]),D=R==="hidden"||S===null&&R==="auto"?"hidden":"visible",Z=n.useMemo(()=>({itemsNavRef:A,children:v,selected:d,tabIndex:L,tabPosition:f,tabAlignment:W,size:k,scrollable:h,scrollButtons:D,scrollButtonsPosition:F,buttonScrollSpeed:U,mouseScrollSpeed:$,prevButton:G,nextButton:J,dir:x,contentPanelId:w,renderAllContent:O,navItemId:M,onKeyDown:Y,onSelect:N,onScroll:T,containerScrollPosition:S}),[A,v,d,L,f,W,k,h,D,F,U,$,G,J,x,w,O,M,Y,N,T,S]),ee=f==="bottom",le=n.useMemo(()=>B.classNames("k-tabstrip k-pos-relative",{[`k-tabstrip-${B.kendoThemeMaps.sizeMap[k||"medium"]||k}`]:k,"k-tabstrip-left":f==="left","k-tabstrip-right":f==="right","k-tabstrip-bottom":f==="bottom","k-tabstrip-top":f==="top","k-tabstrip-scrollable":h,"k-tabstrip-scrollable-start k-tabstrip-scrollable-end":h&&D==="visible","k-tabstrip-scrollable-start":h&&R==="auto"&&(S==="end"||S==="middle"),"k-tabstrip-scrollable-end":h&&R==="auto"&&(S==="start"||S==="middle")},K),[k,f,h,R,D,S,K]);return n.createElement("div",{id:p,ref:I,dir:x,className:le,style:oe,onScroll:T},!ee&&n.createElement(ne.TabStripNavigation,{...Z}),re,ee&&n.createElement(ne.TabStripNavigation,{...Z}))});E.displayName="TabStrip";E.propTypes={id:l.string,animation:l.bool,children:l.node,onSelect:l.func,selected:l.number,style:l.object,tabContentStyle:l.object,tabPosition:l.string,tabAlignment:l.string,tabIndex:l.number,className:l.string,dir:l.string,renderAllContent:l.bool,size:l.oneOf(["small","medium","large"]),scrollButtons:l.oneOf(["auto","visible","hidden"]),scrollButtonsPosition:l.oneOf(["split","start","end","around","before","after"])};const be=E;exports.TabStrip=be;

package/tabstrip/TabStrip.mjs

@@ -6,11 +6,11 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as n from "react";
-import r from "prop-types";
-import { TabStripNavigation as Y } from "./TabStripNavigation.mjs";
+import l from "prop-types";
+import { TabStripNavigation as ee } from "./TabStripNavigation.mjs";
 import { TabStripContent as ie } from "./TabStripContent.mjs";
-import { Navigation as ce, classNames as ae, kendoThemeMaps as ue } from "@progress/kendo-react-common";
-const de = {
+import { useWebMcpRegister as ce, Navigation as ae, classNames as ue, kendoThemeMaps as de } from "@progress/kendo-react-common";
+const be = {
   animation: !0,
   tabPosition: "top",
   tabAlignment: "start",
@@ -20,101 +20,101 @@ const de = {
   scrollButtons: "auto",
   scrollButtonsPosition: "split",
   renderAllContent: !1
-}, E = n.forwardRef((Z, _) => {
-  const R = { ...de, ...Z }, {
+}, D = n.forwardRef((E, te) => {
+  const h = n.useMemo(() => ({ ...be, ...E }), [E]), {
     id: m,
     animation: H,
-    children: M,
+    children: O,
     selected: u,
-    onSelect: A,
-    style: ee,
-    tabContentStyle: O,
-    tabPosition: p,
-    tabAlignment: z,
+    onSelect: N,
+    style: ne,
+    tabContentStyle: z,
+    tabPosition: b,
+    tabAlignment: W,
     tabIndex: L,
-    className: W,
-    dir: v,
+    className: K,
+    dir: x,
     renderAllContent: P,
-    keepTabsMounted: K,
-    size: h,
+    keepTabsMounted: j,
+    size: k,
     scrollable: g,
-    scrollButtons: x,
-    scrollButtonsPosition: j,
-    buttonScrollSpeed: F,
-    mouseScrollSpeed: te,
-    prevButton: U,
-    nextButton: $
-  } = R, [f, ne] = n.useState(null), oe = n.useRef({ props: R }), C = n.useRef(null), D = n.useRef(null), T = n.useRef(void 0), I = n.useRef(void 0), q = n.useCallback(() => ({ props: R }), [R]);
-  n.useImperativeHandle(oe, q), n.useImperativeHandle(_, q);
-  const y = n.useMemo(() => m ? m + "-content-panel-id" : void 0, [m]), w = n.useMemo(() => m ? m + "-nav-item-id" : void 0, [m]), S = n.useMemo(() => n.Children.toArray(M).filter(Boolean), [M]), G = n.useCallback(() => /top|bottom/.test(p || "top"), [p]), k = n.useCallback(() => {
-    const s = G(), i = D.current;
+    scrollButtons: C,
+    scrollButtonsPosition: F,
+    buttonScrollSpeed: U,
+    mouseScrollSpeed: $,
+    prevButton: q,
+    nextButton: G
+  } = h, [f, oe] = n.useState(null), J = n.useRef({ props: h }), T = n.useRef(null), A = n.useRef(null), I = n.useRef(void 0), R = n.useRef(void 0), Q = n.useCallback(() => ({ props: h }), [h]);
+  n.useImperativeHandle(J, Q), n.useImperativeHandle(te, Q), ce("tabstrip", J, h, h.webMcp);
+  const w = n.useMemo(() => m ? m + "-content-panel-id" : void 0, [m]), y = n.useMemo(() => m ? m + "-nav-item-id" : void 0, [m]), S = n.useMemo(() => n.Children.toArray(O).filter(Boolean), [O]), V = n.useCallback(() => /top|bottom/.test(b || "top"), [b]), v = n.useCallback(() => {
+    const s = V(), i = A.current;
     if (!i)
       return;
-    const a = i.scrollLeft, t = i.clientWidth, e = i.scrollWidth, l = i.scrollTop, o = i.scrollHeight, d = i.clientHeight;
+    const a = i.scrollLeft, t = i.clientWidth, e = i.scrollWidth, r = i.scrollTop, o = i.scrollHeight, d = i.clientHeight;
     let c = null;
-    const re = s ? e > t : o > d, X = v === "rtl";
-    re ? s ? a + t === e || (X && t - a) === e ? c = "end" : a === 0 || X && -a === 0 ? c = "start" : a > 0 && a + t < e || -a > 0 && t - a < e ? c = "middle" : c = null : o - (l + d) === 0 ? c = "bottom" : l === 0 ? c = "top" : l > 0 && o - (l + d) > 0 ? c = "middle" : c = null : c = null, ne(c);
-  }, [G, v]), B = n.useCallback(
+    const le = s ? e > t : o > d, _ = x === "rtl";
+    le ? s ? a + t === e || (_ && t - a) === e ? c = "end" : a === 0 || _ && -a === 0 ? c = "start" : a > 0 && a + t < e || -a > 0 && t - a < e ? c = "middle" : c = null : o - (r + d) === 0 ? c = "bottom" : r === 0 ? c = "top" : r > 0 && o - (r + d) > 0 ? c = "middle" : c = null : c = null, oe(c);
+  }, [V, x]), M = n.useCallback(
     (s) => {
-      u !== s && A && A({
+      u !== s && N && N({
         selected: s
       });
     },
-    [u, A]
-  ), b = n.useCallback(
+    [u, N]
+  ), p = n.useCallback(
     (s) => {
       var t, e;
       const i = S;
-      ((e = (t = i == null ? void 0 : i[s]) == null ? void 0 : t.props) == null ? void 0 : e.disabled) || B(s);
+      ((e = (t = i == null ? void 0 : i[s]) == null ? void 0 : t.props) == null ? void 0 : e.disabled) || M(s);
     },
-    [S, B]
-  ), J = n.useCallback((s) => {
-    I.current && I.current.triggerKeyboardEvent(s);
+    [S, M]
+  ), X = n.useCallback((s) => {
+    R.current && R.current.triggerKeyboardEvent(s);
   }, []);
   n.useEffect(() => {
     var a;
-    const s = C.current, i = s && getComputedStyle(s).direction === "rtl" || !1;
-    return s && (I.current = new ce({
+    const s = T.current, i = s && getComputedStyle(s).direction === "rtl" || !1;
+    return s && (R.current = new ae({
       tabIndex: 0,
-      root: C,
+      root: T,
       rovingTabIndex: !0,
       focusClass: "k-focus",
       selectors: [".k-tabstrip .k-tabstrip-item"],
       keyboardEvents: {
         keydown: {
-          ArrowLeft: (t, e, l) => {
-            l.preventDefault();
+          ArrowLeft: (t, e, r) => {
+            r.preventDefault();
             const o = e.elements.indexOf(t), d = o !== 0 ? o - 1 : e.elements.length - 1, c = o !== e.elements.length - 1 ? o + 1 : 0;
-            i ? (e.focusNext(t), b(c)) : (e.focusPrevious(t), b(d));
+            i ? (e.focusNext(t), p(c)) : (e.focusPrevious(t), p(d));
           },
-          ArrowRight: (t, e, l) => {
-            l.preventDefault();
+          ArrowRight: (t, e, r) => {
+            r.preventDefault();
             const o = e.elements.indexOf(t), d = o !== 0 ? o - 1 : e.elements.length - 1, c = o !== e.elements.length - 1 ? o + 1 : 0;
-            i ? (e.focusPrevious(t), b(d)) : (e.focusNext(t), b(c));
+            i ? (e.focusPrevious(t), p(d)) : (e.focusNext(t), p(c));
           },
-          ArrowDown: (t, e, l) => {
-            l.preventDefault();
+          ArrowDown: (t, e, r) => {
+            r.preventDefault();
             const o = e.elements.indexOf(t), d = o !== e.elements.length - 1 ? o + 1 : 0;
-            e.focusNext(t), b(d);
+            e.focusNext(t), p(d);
           },
-          ArrowUp: (t, e, l) => {
-            l.preventDefault();
+          ArrowUp: (t, e, r) => {
+            r.preventDefault();
             const o = e.elements.indexOf(t), d = o !== 0 ? o - 1 : e.elements.length - 1;
-            e.focusPrevious(t), b(d);
+            e.focusPrevious(t), p(d);
           },
-          Home: (t, e, l) => {
-            l.preventDefault(), e.focusElement(e.first, t), b(0);
+          Home: (t, e, r) => {
+            r.preventDefault(), e.focusElement(e.first, t), p(0);
           },
-          End: (t, e, l) => {
-            l.preventDefault(), e.focusElement(e.last, t), b(e.elements.length - 1);
+          End: (t, e, r) => {
+            r.preventDefault(), e.focusElement(e.last, t), p(e.elements.length - 1);
           }
         }
       }
-    }), (a = I.current) == null || a.initializeRovingTab(u), k(), T.current = window.ResizeObserver && new ResizeObserver(() => k()), C.current && T.current && T.current.observe(C.current)), () => {
+    }), (a = R.current) == null || a.initializeRovingTab(u), v(), I.current = window.ResizeObserver && new ResizeObserver(() => v()), T.current && I.current && I.current.observe(T.current)), () => {
       var t;
-      (t = I.current) == null || t.removeFocusListener(), T.current && T.current.disconnect();
+      (t = R.current) == null || t.removeFocusListener(), I.current && I.current.disconnect();
     };
-  }, [u, b, k]);
+  }, [u, p, v]);
   const se = n.useMemo(() => {
     const s = n.Children.count(S);
     return u < s && u > -1 ? /* @__PURE__ */ n.createElement(
@@ -122,103 +122,104 @@ const de = {
       {
         index: u,
         selected: u,
-        contentPanelId: y,
-        navItemId: w,
+        contentPanelId: w,
+        navItemId: y,
         animation: H,
-        keepTabsMounted: K,
+        keepTabsMounted: j,
         renderAllContent: P,
-        style: O
+        style: z
       },
       S
     ) : null;
-  }, [u, S, y, w, H, K, P, O]), N = x === "hidden" || f === null && x === "auto" ? "hidden" : "visible", Q = n.useMemo(
+  }, [u, S, w, y, H, j, P, z]), B = C === "hidden" || f === null && C === "auto" ? "hidden" : "visible", Y = n.useMemo(
     () => ({
-      itemsNavRef: D,
+      itemsNavRef: A,
       children: S,
       selected: u,
       tabIndex: L,
-      tabPosition: p,
-      tabAlignment: z,
-      size: h,
+      tabPosition: b,
+      tabAlignment: W,
+      size: k,
       scrollable: g,
-      scrollButtons: N,
-      scrollButtonsPosition: j,
-      buttonScrollSpeed: F,
-      mouseScrollSpeed: te,
-      prevButton: U,
-      nextButton: $,
-      dir: v,
-      contentPanelId: y,
+      scrollButtons: B,
+      scrollButtonsPosition: F,
+      buttonScrollSpeed: U,
+      mouseScrollSpeed: $,
+      prevButton: q,
+      nextButton: G,
+      dir: x,
+      contentPanelId: w,
       renderAllContent: P,
-      navItemId: w,
-      onKeyDown: J,
-      onSelect: B,
-      onScroll: k,
+      navItemId: y,
+      onKeyDown: X,
+      onSelect: M,
+      onScroll: v,
       containerScrollPosition: f
     }),
     [
-      D,
+      A,
       S,
       u,
       L,
-      p,
-      z,
-      h,
+      b,
+      W,
+      k,
       g,
-      N,
-      j,
+      B,
       F,
       U,
       $,
-      v,
-      y,
-      P,
+      q,
+      G,
+      x,
       w,
-      J,
-      B,
-      k,
+      P,
+      y,
+      X,
+      M,
+      v,
       f
     ]
-  ), V = p === "bottom", le = n.useMemo(
-    () => ae(
+  ), Z = b === "bottom", re = n.useMemo(
+    () => ue(
       "k-tabstrip k-pos-relative",
       {
-        [`k-tabstrip-${ue.sizeMap[h || "medium"] || h}`]: h,
-        "k-tabstrip-left": p === "left",
-        "k-tabstrip-right": p === "right",
-        "k-tabstrip-bottom": p === "bottom",
-        "k-tabstrip-top": p === "top",
+        [`k-tabstrip-${de.sizeMap[k || "medium"] || k}`]: k,
+        "k-tabstrip-left": b === "left",
+        "k-tabstrip-right": b === "right",
+        "k-tabstrip-bottom": b === "bottom",
+        "k-tabstrip-top": b === "top",
         "k-tabstrip-scrollable": g,
-        "k-tabstrip-scrollable-start k-tabstrip-scrollable-end": g && N === "visible",
-        "k-tabstrip-scrollable-start": g && x === "auto" && (f === "end" || f === "middle"),
-        "k-tabstrip-scrollable-end": g && x === "auto" && (f === "start" || f === "middle")
+        "k-tabstrip-scrollable-start k-tabstrip-scrollable-end": g && B === "visible",
+        "k-tabstrip-scrollable-start": g && C === "auto" && (f === "end" || f === "middle"),
+        "k-tabstrip-scrollable-end": g && C === "auto" && (f === "start" || f === "middle")
       },
-      W
+      K
     ),
-    [h, p, g, x, N, f, W]
+    [k, b, g, C, B, f, K]
   );
-  return /* @__PURE__ */ n.createElement("div", { id: m, ref: C, dir: v, className: le, style: ee, onScroll: k }, !V && /* @__PURE__ */ n.createElement(Y, { ...Q }), se, V && /* @__PURE__ */ n.createElement(Y, { ...Q }));
+  return /* @__PURE__ */ n.createElement("div", { id: m, ref: T, dir: x, className: re, style: ne, onScroll: v }, !Z && /* @__PURE__ */ n.createElement(ee, { ...Y }), se, Z && /* @__PURE__ */ n.createElement(ee, { ...Y }));
 });
-E.displayName = "TabStrip";
-E.propTypes = {
-  id: r.string,
-  animation: r.bool,
-  children: r.node,
-  onSelect: r.func,
-  selected: r.number,
-  style: r.object,
-  tabContentStyle: r.object,
-  tabPosition: r.string,
-  tabAlignment: r.string,
-  tabIndex: r.number,
-  className: r.string,
-  dir: r.string,
-  renderAllContent: r.bool,
-  size: r.oneOf(["small", "medium", "large"]),
-  scrollButtons: r.oneOf(["auto", "visible", "hidden"]),
-  scrollButtonsPosition: r.oneOf(["split", "start", "end", "around", "before", "after"])
+D.displayName = "TabStrip";
+D.propTypes = {
+  id: l.string,
+  animation: l.bool,
+  children: l.node,
+  onSelect: l.func,
+  selected: l.number,
+  style: l.object,
+  tabContentStyle: l.object,
+  tabPosition: l.string,
+  tabAlignment: l.string,
+  tabIndex: l.number,
+  className: l.string,
+  dir: l.string,
+  renderAllContent: l.bool,
+  size: l.oneOf(["small", "medium", "large"]),
+  scrollButtons: l.oneOf(["auto", "visible", "hidden"]),
+  scrollButtonsPosition: l.oneOf(["split", "start", "end", "around", "before", "after"])
 };
-const ge = E;
+const Se = D;
 export {
-  ge as TabStrip
+  Se as TabStrip
 };

package/tilelayout/InternalTile.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),o=require("prop-types"),C=require("@progress/kendo-react-common"),J=require("./ResizeHandlers.js");function Q(t){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const v in t)if(v!=="default"){const c=Object.getOwnPropertyDescriptor(t,v);Object.defineProperty(m,v,c.get?c:{enumerable:!0,get:()=>t[v]})}}return m.default=t,Object.freeze(m)}const n=Q(G),Y=200,M={resizable:!0,reorderable:!0},D=t=>{var B,X;const m=(B=t.reorderable)!=null?B:M.reorderable,v=(X=t.resizable)!=null?X:M.resizable,c=n.useRef(null),s=n.useRef(null),z=n.useRef(null),w=n.useRef({}),T=n.useRef(!1),N=n.useRef(!1),$=n.useRef(!1),L=n.useRef({x:0,y:0}),P=n.useRef({x:0,y:0}),u=n.useRef({x:0,y:0}),S=n.useRef(void 0),x=n.useRef(t),[b,j]=n.useState(!1),[H,I]=n.useState(!1),d=n.useCallback(()=>z.current?z.current.element:void 0,[]),E=n.useCallback(()=>{if(c.current&&s.current){const e=c.current.getBoundingClientRect();s.current.style.top=e.top+"px",s.current.style.left=e.left+"px",s.current.style.height=c.current.offsetHeight+"px",s.current.style.width=c.current.offsetWidth+"px"}},[]),p=n.useCallback(()=>{E()},[E]),F=n.useCallback(()=>{setTimeout(()=>{E()},100)},[E]),A=n.useCallback(()=>{const e=d();if(!e||!s.current)return;const r=e.getBoundingClientRect(),i=r.top+u.current.y,a=r.left+u.current.x;s.current.style.top=`${i}px`,s.current.style.left=`${a}px`,s.current.style.display="block"},[d]),O=n.useCallback(()=>{T.current=N.current=!1,u.current={x:0,y:0},c.current&&s.current&&(c.current.style.zIndex="1",s.current.classList.remove("k-layout-item-hint-resize"),I(!1));const e=d();e&&(e.style.transform="translate(0px, 0px)",e.style.transition=`transform ${Y}ms cubic-bezier(0.2, 0, 0, 1) 0s`,e.style.marginRight="0px",e.style.marginLeft="0px",e.style.height="100%",e.classList.remove("k-cursor-grabbing"),m&&e.classList.add("k-cursor-move")),t.onRelease()},[t,m,d]),U=n.useCallback((e,r)=>{if(r.end){O();return}if(!c.current||!s.current)return;const i=e.clientX,a=e.clientY;N.current=!0;const f=(r.direction!=="ns"?i-P.current.x:0)*(b?-1:1),l=r.direction!=="ew"?a-P.current.y:0,R=d();if(R&&(b?R.style.marginLeft=-f+"px":R.style.marginRight=-f+"px",R.style.height=`calc(100% + ${l}px)`),s.current.classList.add("k-layout-item-hint-resize"),S.current)return;let g=0,y=0;const k=c.current.getBoundingClientRect();f>k.width/t.defaultPosition.colSpan/3&&(g=1),f<-k.width/t.defaultPosition.colSpan/1.25&&(g=-1),l>k.height/t.defaultPosition.rowSpan/3&&(y=1),l<-k.height/t.defaultPosition.rowSpan/1.25&&(y=-1),(g!==0||y!==0)&&t.update(t.index,0,0,y,g)},[b,t,O,d]),q=n.useCallback(e=>{var a;const r=d();if(!r)return;if(P.current={x:e.event.clientX,y:e.event.clientY},$.current=!1,(a=t.ignoreDrag)!=null&&a.call(t,e.event.originalEvent)){$.current=!0;return}c.current&&(c.current.style.zIndex="10",I(!0)),r.classList.remove("k-cursor-move"),r.classList.add("k-cursor-grabbing");const i=r.getBoundingClientRect();L.current={x:e.event.clientX-i.x,y:e.event.clientY-i.y},t.onPress()},[t,d]),W=n.useCallback(e=>{var R;if($.current)return;const r=d();if(e.event.originalEvent.defaultPrevented||!r)return;T.current=!0,e.event.originalEvent.preventDefault();const i=r.getBoundingClientRect();if(u.current={x:e.event.clientX-i.x-L.current.x+u.current.x,y:e.event.clientY-i.y-L.current.y+u.current.y},r.style.transform=`translate(${u.current.x}px, ${u.current.y}px)`,r.style.transition="transform 0s",S.current)return;let a=0,f=0;u.current.y>.7*i.height/t.defaultPosition.rowSpan&&(f=1),u.current.y<.7*-i.height/t.defaultPosition.rowSpan&&(f=-1),u.current.x>.7*i.width/t.defaultPosition.colSpan&&(a=1),u.current.x<.7*-i.width/t.defaultPosition.colSpan&&(a=-1),t.update(t.index,f,b?-a:a,0,0);const l=(R=c.current)==null?void 0:R.closest(".k-tilelayout");if(l&&s.current){const g=l.getBoundingClientRect(),y=C.getScrollbarWidth()||50;e.event.clientX<g.left-y||e.event.clientX>g.right-y||e.event.clientY<g.top||e.event.clientY>g.bottom?s.current.style.display="none":s.current.style.display="block"}},[t,b,d]);n.useEffect(()=>{c.current&&(getComputedStyle(c.current).direction==="rtl"&&j(!0),s.current&&(s.current.style.height=c.current.offsetHeight+"px",s.current.style.width=c.current.offsetWidth+"px"))},[]),n.useLayoutEffect(()=>{const e=d();if(!e)return;const r=e.getBoundingClientRect(),i=w.current;if(!(i!=null&&i.width)){w.current=r,x.current=t;return}if(N.current){const l=r.width-i.width;if(b){const y=parseFloat(e.style.marginLeft||"0");e.style.marginLeft=y-l+"px"}else{const y=parseFloat(e.style.marginRight||"0");e.style.marginRight=y+l+"px"}P.current.x+=b?-l:l;const R=r.height-i.height,g=parseFloat(e.style.height.substring(12));e.style.height=`calc(100% + ${g+R}px)`,P.current.y+=R}const a=i.left-r.left,f=i.top-r.top;if(a===0&&f===0){w.current=r,x.current=t;return}if(T.current){(x.current.defaultPosition.order!==t.defaultPosition.order||x.current.defaultPosition.col!==t.defaultPosition.col)&&(u.current.x=0,u.current.y=0,e.style.transform="",A()),w.current=r,x.current=t;return}if(Math.abs(f)<15&&Math.abs(a)<15){w.current=r,x.current=t;return}requestAnimationFrame(()=>{const l=c.current;l&&(l.style.transform=`translate(${a}px, ${f}px)`,l.style.transition="transform 0s",requestAnimationFrame(()=>{l.style.transform="",l.style.transition=`transform ${Y}ms cubic-bezier(0.2, 0, 0, 1) 0s`}))}),w.current=r,x.current=t}),C.canUseDOM&&clearTimeout&&typeof clearTimeout=="function"&&(clearTimeout(S.current),S.current=window.setTimeout(()=>{S.current=void 0},200));const h=t.defaultPosition,_={gridColumnStart:h.col,gridColumnEnd:`span ${h.colSpan}`,gridRowStart:h.row,gridRowEnd:`span ${h.rowSpan}`,outline:"none",order:h.order,display:"block",...t.hintStyle},K={gridColumnStart:h.col,gridColumnEnd:`span ${h.colSpan}`,gridRowStart:h.row,gridRowEnd:`span ${h.rowSpan}`,order:h.order},V=n.createElement("div",{role:"listitem",tabIndex:0,"aria-labelledby":typeof t.header=="string"?t.header:`tile-${t.index}`,"aria-keyshortcuts":"Enter",className:C.classNames("k-tilelayout-item k-card",{"k-cursor-move":m},t.className),style:{height:"100%",...K,...t.style},onMouseDown:p,onMouseUp:F},t.children,n.createElement(J.ResizeHandlers,{onPress:q,onResize:U,resizable:v,rtl:b}));return n.createElement(n.Fragment,null,H&&n.createElement("div",{ref:e=>{s.current=e},style:{position:"fixed",..._},className:C.classNames("k-layout-item-hint",t.hintClassName)}),n.createElement(C.Draggable,{ref:e=>{z.current=e,c.current=e?e.element:null},onDrag:m?W:void 0,onRelease:m?O:void 0,onPress:m?q:void 0},V))};D.propTypes={update:o.func.isRequired,index:o.number.isRequired,defaultPosition:o.object.isRequired,ignoreDrag:o.func,onPress:o.func.isRequired,onRelease:o.func.isRequired,children:o.node,style:o.object,className:o.string,hintStyle:o.object,hintClassName:o.string,header:o.any,body:o.any,item:o.any,resizable:o.oneOf(["horizontal","vertical",!0,!1]),reorderable:o.bool};D.displayName="KendoTileLayoutItem";D.defaultProps=M;exports.InternalTile=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),a=require("prop-types"),k=require("@progress/kendo-react-common"),Q=require("./ResizeHandlers.js");function Z(t){const R=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const v in t)if(v!=="default"){const c=Object.getOwnPropertyDescriptor(t,v);Object.defineProperty(R,v,c.get?c:{enumerable:!0,get:()=>t[v]})}}return R.default=t,Object.freeze(R)}const n=Z(J),j=200,O={resizable:!0,reorderable:!0},D=t=>{var q,X,Y;const R=(q=t.reorderable)!=null?q:O.reorderable,v=(X=t.resizable)!=null?X:O.resizable,c=n.useRef(null),s=n.useRef(null),w=n.useRef(null),z=n.useRef(!1),T=n.useRef(!1),N=n.useRef(!1),$=n.useRef({x:0,y:0}),P=n.useRef({x:0,y:0}),u=n.useRef({x:0,y:0}),S=n.useRef(void 0),x=n.useRef(t),[b,p]=n.useState(!1),[H,M]=n.useState(!1),d=n.useCallback(()=>w.current?w.current.element:void 0,[]),E=n.useCallback(()=>{if(c.current&&s.current){const e=c.current.getBoundingClientRect();s.current.style.top=e.top+"px",s.current.style.left=e.left+"px",s.current.style.height=c.current.offsetHeight+"px",s.current.style.width=c.current.offsetWidth+"px"}},[]),F=n.useCallback(()=>{E()},[E]),A=n.useCallback(()=>{setTimeout(()=>{E()},100)},[E]),U=n.useCallback(()=>{const e=d();if(!e||!s.current)return;const r=e.getBoundingClientRect(),i=r.top+u.current.y,o=r.left+u.current.x;s.current.style.top=`${i}px`,s.current.style.left=`${o}px`,s.current.style.display="block"},[d]),L=n.useCallback(()=>{z.current=T.current=!1,u.current={x:0,y:0},c.current&&s.current&&(c.current.style.zIndex="1",s.current.classList.remove("k-layout-item-hint-resize"),M(!1));const e=d();e&&(e.style.transform="translate(0px, 0px)",e.style.transition=`transform ${j}ms cubic-bezier(0.2, 0, 0, 1) 0s`,e.style.marginRight="0px",e.style.marginLeft="0px",e.style.height="100%",e.classList.remove("k-cursor-grabbing"),R&&e.classList.add("k-cursor-move")),t.onRelease()},[t,R,d]),W=n.useCallback((e,r)=>{if(r.end){L();return}if(!c.current||!s.current)return;const i=e.clientX,o=e.clientY;T.current=!0;const f=(r.direction!=="ns"?i-P.current.x:0)*(b?-1:1),l=r.direction!=="ew"?o-P.current.y:0,h=d();if(h&&(b?h.style.marginLeft=-f+"px":h.style.marginRight=-f+"px",h.style.height=`calc(100% + ${l}px)`),s.current.classList.add("k-layout-item-hint-resize"),S.current)return;let g=0,y=0;const C=c.current.getBoundingClientRect();f>C.width/t.defaultPosition.colSpan/3&&(g=1),f<-C.width/t.defaultPosition.colSpan/1.25&&(g=-1),l>C.height/t.defaultPosition.rowSpan/3&&(y=1),l<-C.height/t.defaultPosition.rowSpan/1.25&&(y=-1),(g!==0||y!==0)&&t.update(t.index,0,0,y,g)},[b,t,L,d]),I=n.useCallback(e=>{var o;const r=d();if(!r)return;if(P.current={x:e.event.clientX,y:e.event.clientY},N.current=!1,(o=t.ignoreDrag)!=null&&o.call(t,e.event.originalEvent)){N.current=!0;return}c.current&&(c.current.style.zIndex="10",M(!0)),r.classList.remove("k-cursor-move"),r.classList.add("k-cursor-grabbing");const i=r.getBoundingClientRect();$.current={x:e.event.clientX-i.x,y:e.event.clientY-i.y},t.onPress()},[t,d]),_=n.useCallback(e=>{var h;if(N.current)return;const r=d();if(e.event.originalEvent.defaultPrevented||!r)return;z.current=!0,e.event.originalEvent.preventDefault();const i=r.getBoundingClientRect();if(u.current={x:e.event.clientX-i.x-$.current.x+u.current.x,y:e.event.clientY-i.y-$.current.y+u.current.y},r.style.transform=`translate(${u.current.x}px, ${u.current.y}px)`,r.style.transition="transform 0s",S.current)return;let o=0,f=0;u.current.y>.7*i.height/t.defaultPosition.rowSpan&&(f=1),u.current.y<.7*-i.height/t.defaultPosition.rowSpan&&(f=-1),u.current.x>.7*i.width/t.defaultPosition.colSpan&&(o=1),u.current.x<.7*-i.width/t.defaultPosition.colSpan&&(o=-1),t.update(t.index,f,b?-o:o,0,0);const l=(h=c.current)==null?void 0:h.closest(".k-tilelayout");if(l&&s.current){const g=l.getBoundingClientRect(),y=k.getScrollbarWidth()||50;e.event.clientX<g.left-y||e.event.clientX>g.right-y||e.event.clientY<g.top||e.event.clientY>g.bottom?s.current.style.display="none":s.current.style.display="block"}},[t,b,d]);n.useEffect(()=>{c.current&&(getComputedStyle(c.current).direction==="rtl"&&p(!0),s.current&&(s.current.style.height=c.current.offsetHeight+"px",s.current.style.width=c.current.offsetWidth+"px"))},[]);const B=n.useRef(null);(Y=w.current)!=null&&Y.element&&(B.current=w.current.element.getBoundingClientRect()),n.useLayoutEffect(()=>{const e=d();if(!e)return;const r=e.getBoundingClientRect(),i=B.current;if(!(i!=null&&i.width)){x.current=t;return}if(T.current){const l=r.width-i.width;if(b){const y=parseFloat(e.style.marginLeft||"0");e.style.marginLeft=y-l+"px"}else{const y=parseFloat(e.style.marginRight||"0");e.style.marginRight=y+l+"px"}P.current.x+=b?-l:l;const h=r.height-i.height,g=parseFloat(e.style.height.substring(12));e.style.height=`calc(100% + ${g+h}px)`,P.current.y+=h}const o=i.left-r.left,f=i.top-r.top;if(o===0&&f===0){x.current=t;return}if(z.current){(x.current.defaultPosition.order!==t.defaultPosition.order||x.current.defaultPosition.col!==t.defaultPosition.col)&&(u.current.x=0,u.current.y=0,e.style.transform="",U()),x.current=t;return}if(Math.abs(f)<15&&Math.abs(o)<15){x.current=t;return}requestAnimationFrame(()=>{const l=c.current;l&&(l.style.transform=`translate(${o}px, ${f}px)`,l.style.transition="transform 0s",requestAnimationFrame(()=>{l.style.transform="",l.style.transition=`transform ${j}ms cubic-bezier(0.2, 0, 0, 1) 0s`}))}),x.current=t}),k.canUseDOM&&clearTimeout&&typeof clearTimeout=="function"&&(clearTimeout(S.current),S.current=window.setTimeout(()=>{S.current=void 0},200));const m=t.defaultPosition,K={gridColumnStart:m.col,gridColumnEnd:`span ${m.colSpan}`,gridRowStart:m.row,gridRowEnd:`span ${m.rowSpan}`,outline:"none",order:m.order,display:"block",...t.hintStyle},V={gridColumnStart:m.col,gridColumnEnd:`span ${m.colSpan}`,gridRowStart:m.row,gridRowEnd:`span ${m.rowSpan}`,order:m.order},G=n.createElement("div",{role:"listitem",tabIndex:0,"aria-labelledby":typeof t.header=="string"?t.header:`tile-${t.index}`,"aria-keyshortcuts":"Enter","aria-dropeffect":"execute","aria-grabbed":!1,className:k.classNames("k-tilelayout-item k-card",t.className),style:{height:"100%",...V,...t.style},onMouseDown:F,onMouseUp:A},t.children,n.createElement(Q.ResizeHandlers,{onPress:I,onResize:W,resizable:v,rtl:b}));return n.createElement(n.Fragment,null,H&&n.createElement("div",{ref:e=>{s.current=e},style:{position:"fixed",...K},className:k.classNames("k-layout-item-hint",t.hintClassName)}),n.createElement(k.Draggable,{ref:e=>{w.current=e,c.current=e?e.element:null},onDrag:R?_:void 0,onRelease:R?L:void 0,onPress:R?I:void 0},G))};D.propTypes={update:a.func.isRequired,index:a.number.isRequired,defaultPosition:a.object.isRequired,ignoreDrag:a.func,onPress:a.func.isRequired,onRelease:a.func.isRequired,children:a.node,style:a.object,className:a.string,hintStyle:a.object,hintClassName:a.string,header:a.any,body:a.any,item:a.any,resizable:a.oneOf(["horizontal","vertical",!0,!1]),reorderable:a.bool};D.displayName="KendoTileLayoutItem";D.defaultProps=O;exports.InternalTile=D;