@progress/kendo-react-common 7.4.0-develop.9 → 7.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/constants/main.js +1 -1
  2. package/constants/main.mjs +1 -1
  3. package/dist/cdn/js/kendo-react-common.js +1 -1
  4. package/index.d.mts +14 -5
  5. package/index.d.ts +14 -5
  6. package/navigation.js +1 -1
  7. package/navigation.mjs +32 -16
  8. package/package.json +1 -1
  9. package/trappedFocus.js +1 -1
  10. package/trappedFocus.mjs +27 -27
package/constants/main.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,t=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",e=":not(.k-dropdownlist select)",o=["input:not([disabled]):not([type=hidden])","select:not([disabled]):not(.k-dropdownlist select)","textarea:not([disabled])",`button:not([disabled])${t}`,"a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],d=[...o,`[tabindex]${t}${e}`],s=[...o,`[tabindex]${t}${e}`].map(n=>n+':not([tabindex="-1"])');exports.FIELD_REGEX=E;exports.FOCUSABLE_ELEMENTS=d;exports.FOCUSABLE_ELEMENTS_BASE=o;exports.TABBABLE_ELEMENTS=s;
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,t=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-numerictextbox button):not(.k-split-button .k-split-button-arrow)",n=":not(.k-dropdownlist select)",o=["input:not([disabled]):not([type=hidden])","select:not([disabled]):not(.k-dropdownlist select)","textarea:not([disabled])",`button:not([disabled])${t}`,"a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],d=[...o,`[tabindex]${t}${n}`],i=[...o,`[tabindex]${t}${n}`].map(e=>e+':not([tabindex="-1"])');exports.FIELD_REGEX=E;exports.FOCUSABLE_ELEMENTS=d;exports.FOCUSABLE_ELEMENTS_BASE=o;exports.TABBABLE_ELEMENTS=i;
package/constants/main.mjs CHANGED
@@ -6,7 +6,7 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  "use client";
9
- const d = /\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g, t = ":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)", o = ":not(.k-dropdownlist select)", n = [
9
+ const d = /\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g, t = ":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-numerictextbox button):not(.k-split-button .k-split-button-arrow)", o = ":not(.k-dropdownlist select)", n = [
10
10
  "input:not([disabled]):not([type=hidden])",
11
11
  "select:not([disabled]):not(.k-dropdownlist select)",
12
12
  "textarea:not([disabled])",
package/dist/cdn/js/kendo-react-common.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-licensing"),require("react-dom"),require("prop-types"),require("@progress/kendo-draggable-common")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-licensing","react-dom","prop-types","@progress/kendo-draggable-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactCommon={},e.React,e.KendoLicensing,e.ReactDOM,e.PropTypes,e.KendoDraggableCommon)}(this,(function(e,t,n,r,o,l){"use strict";function s(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=s(t),a=s(r);const c="",u="_";function d(e){return g(e)?e:e.split(u)[0]}function f(e){if(g(e))return e;{const t=e.indexOf(u);return e.substring(t+1)}}function h(e,t){return e=e.toString(),t?t+u+e:e}function m(e){const t=e.lastIndexOf(u);return t<0?c:e.substring(0,t)}function g(e){return e===c||e.indexOf(u)<0}function v(e){return e!==c&&e.indexOf(u)<0}function p(e){return e.split(u)}function b(e){const t=e.lastIndexOf(u);return t<0?e:e.substring(t+1)}var C=Object.freeze({__proto__:null,EMPTY_ID:c,SEPARATOR:u,ZERO_LEVEL_ZERO_NODE_ID:"0",createId:h,getAllShortIds:p,getDecrementedItemIdAfterRemoval:function(e,t){const n=t;t="r"+u+t;const r=m(e="r"+u+e)+u;if(t.startsWith(r)){const n=t.substring(r.length);if(n){const t=d(n);if(Number(b(e))<Number(t)){return f(r+(Number(t)-1).toString()+n.substring(t.length))}}}return n},getDirectParentId:m,getFirstChildId:function(e){return h("0",e)},getIdWithoutRootParentId:f,getItemById:function e(t,n,r){if(v(t))return n[Number(t)];{const o=n[Number(d(t))],l=o&&o[r]||[];return l.length?e(f(t),l,r):void 0}},getRootParentId:d,getShortId:b,isIdEmptyOrZeroLevel:g,isIdZeroLevel:v,isItemFirstFromSiblings:function(e){return"0"===b(e)}});const E=i.createContext(0);E.displayName="KendoReactZIndexContext";let x=class{constructor(){this.scrollbar=0}get scrollbarWidth(){const e="undefined"!=typeof document?document:{};if(!this.scrollbar&&e&&e.createElement){const t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML="&nbsp;",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar}};const y=!("undefined"==typeof window||!window.document||!window.document.createElement),k=(...e)=>{const t={},n=e=>e.filter((e=>!0!==e&&!!e)).map((e=>Array.isArray(e)?n(e):(e=>"object"==typeof e?Object.keys(e).forEach((n=>{t[n]=e[n]})):t[e]=!0)(e)));return n(e),Object.keys(t).map((e=>t[e]&&e||null)).filter((e=>null!==e)).join(" ")},A=e=>e?new Date(e.getTime()):null;function I(e,t){for(let n in e)if(e.hasOwnProperty(n)){const r=e[n];t[n]=w(r,t[n])}}function w(e,t){if(Array.isArray(e))return D(e);if(e instanceof Date)return A(e);if(i.isValidElement(e))return i.cloneElement(e,e.props);if(e&&"object"==typeof e){const n=t||{};return I(e,n),n}return e}function D(e){return e.map((e=>w(e,void 0)))}const P={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},O=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,M=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",R=":not(.k-dropdownlist select)",L=["input:not([disabled]):not([type=hidden])","select:not([disabled]):not(.k-dropdownlist select)","textarea:not([disabled])",`button:not([disabled])${M}`,"a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],F=[...L,`[tabindex]${M}${R}`],S=[...L,`[tabindex]${M}${R}`].map((e=>e+':not([tabindex="-1"])')),B=(e,t=F)=>e.querySelectorAll(t.join(",")),N=(e,t=F)=>{if(e){const n=B(e,t);if(n.length&&n[0].focus)return n[0]}},T=(e,t=F)=>{if(e){const n=B(e,t);if(n.length&&n[n.length-1].focus)return n[n.length-1]}},H=(e,t)=>{if(e){const n=N(e,t);n&&n.focus()}},j=(e,t,n)=>{if(t&&e.keyCode===P.tab&&t){const r=N(t,n),o=T(t,n);r&&o&&!e.shiftKey&&e.target===o&&(e.preventDefault(),r.focus()),r&&o&&e.shiftKey&&e.target===r&&(e.preventDefault(),o.focus()),r||e.preventDefault()}};function Q(e){const t=[];return e.replace(O,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),t}const z={};z.undefined=()=>{};const X=()=>{let e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,(8===e||12===e||16===e||20===e)&&(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},Y=function(){},J={undefined:e=>e},G=(e,t)=>t&&t.arrays&&!isNaN(Number(e))?[]:{};function U(e,t,n){return n?{...e,[t]:n.length?[...n]:void 0}:e&&e[t]?[...e[t]]:[]}function Z(e,t,n){if(e[t]){let r=U(e,t).map((e=>Z(e,t,n)));return n(U(e,t,r))}return n(e)}const q=["telerik.com","progress.com","stackblitz.io","csb.app"],K=n.validatePackage;let V=!1;function W({onFocus:e,onBlur:t,onSyncFocus:n,onSyncBlur:r}){const o=i.useRef(!1),l=i.useRef(0),s=i.useCallback((e=>{clearTimeout(l.current),l.current=window.setTimeout((()=>e()))}),[l]),a=i.useCallback(((...t)=>{clearTimeout(l.current),n&&n.call(void 0,t[0]),!o.current&&(o.current=!0,e&&e.call(void 0,...t))}),[o,e,n]),c=i.useCallback(((...e)=>{r&&r.call(void 0,e[0]),s((()=>{o.current&&t&&(o.current=!1,t.call(void 0,...e))}))}),[o,s,t,r]);return i.useEffect((()=>()=>{clearTimeout(l.current)}),[]),{onFocus:a,onBlur:c}}const _=(e,t)=>i.useContext(e)(t),$="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function ee(e){const[t,n]=i.useState(!1);i.useEffect((()=>{n(!0)}),[]);const[r,o]=i.useState((()=>e||(t?X():void 0)));$((()=>{void 0===r&&o(X())}),[]);const l=i.useId;if(void 0!==l){const t=l();return null!=e?e:t}return r}const te=(e,t,n={})=>{const r=i.useCallback((r=>{n.onMouseDown&&n.onMouseDown.call(void 0,r),e.onMouseDown&&e.onMouseDown.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseDown,e.onMouseDown,t]),o=i.useCallback((r=>{n.onMouseUp&&n.onMouseUp.call(void 0,r),e.onMouseUp&&e.onMouseUp.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseUp,e.onMouseUp,t]),l=i.useCallback((r=>{n.onClick&&n.onClick.call(void 0,r),e.onClick&&e.onClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onClick,e.onClick,t]),s=i.useCallback((r=>{n.onDoubleClick&&n.onDoubleClick.call(void 0,r),e.onDoubleClick&&e.onDoubleClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onDoubleClick,e.onDoubleClick,t]),a=i.useCallback((r=>{n.onMouseEnter&&n.onMouseEnter.call(void 0,r),e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseEnter,e.onMouseEnter,t]),c=i.useCallback((r=>{n.onMouseLeave&&n.onMouseLeave.call(void 0,r),e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseLeave,e.onMouseLeave,t]),u=i.useCallback((r=>{n.onMouseMove&&n.onMouseMove.call(void 0,r),e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseMove,e.onMouseMove,t]),d=i.useCallback((r=>{n.onMouseOut&&n.onMouseOut.call(void 0,r),e.onMouseOut&&e.onMouseOut.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOut,e.onMouseOut,t]),f=i.useCallback((r=>{n.onMouseOver&&n.onMouseOver.call(void 0,r),e.onMouseOver&&e.onMouseOver.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOver,e.onMouseOver,t]);return{onClick:l,onMouseUp:o,onMouseDown:r,onDoubleClick:s,onMouseEnter:a,onMouseLeave:c,onMouseMove:u,onMouseOut:d,onMouseOver:f}},ne=()=>null,re=({children:e})=>e;var oe=(e=>(e[e.add=0]="add",e[e.remove=1]="remove",e))(oe||{});const le=(e=[])=>{const t=i.useRef(e),n=i.useCallback((e=>{switch(e.type){case 0:t.current.push(e.item);break;case 1:{const n=t.current.indexOf(e.item);t.current.splice(n,1);break}}}),[]);return[t.current,n]},se=e=>{const t=i.useCallback((()=>e.current&&e.current.element?e.current.element:e.current),[e]);return i.useCallback((()=>{const e=t();return e&&e.ownerDocument||document}),[t])},ie={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl",xxlarge:"k-icon-xxl",xxxlarge:"k-icon-xxxl"},ae=e=>"k-i-"+e,ce=o.shape({name:o.string.isRequired,content:o.string.isRequired,viewBox:o.string.isRequired}),ue=i.forwardRef(((e,t)=>{const{className:n,name:r,themeColor:o,size:l,flip:s,style:a,id:c,tabIndex:u,...d}=e,f=i.useRef(null),h=i.useRef(null);i.useImperativeHandle(f,(()=>({element:h.current}))),i.useImperativeHandle(t,(()=>f.current));const m=i.useMemo((()=>l||de.size),[l]),g=i.useMemo((()=>s||de.flip),[s]),v=i.useMemo((()=>k("k-icon","k-font-icon",r&&ae(r),{[`k-color-${o}`]:o,"k-flip-h":"horizontal"===g||"both"===g,"k-flip-v":"vertical"===g||"both"===g},ie[m],n)),[r,o,m,g,n]),p=te(e,f);return i.createElement("span",{ref:h,...d,...p,className:v,id:c,tabIndex:u,style:a,role:"presentation"})}));ue.propTypes={style:o.object,classNames:o.string,name:o.string,themeColor:o.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:o.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:o.oneOf(["default","horizontal","vertical","both"])};const de={size:"default",flip:"default"};ue.displayName="KendoIcon";const fe=i.forwardRef(((e,t)=>{const{children:n,className:r,svgClassName:o,icon:l,flip:s,id:a,tabIndex:c,size:u,style:d,svgStyle:f,themeColor:h,viewBox:m,name:g,onClick:v,...p}=e,b=i.useRef(null);i.useImperativeHandle(t,(()=>({element:b.current})));const C=i.useMemo((()=>l?l.name:he.icon),[l]),E=i.useMemo((()=>u||he.size),[u]),x=i.useMemo((()=>s||he.flip),[s]),y=i.useMemo((()=>m||he.viewBox),[m]),A=i.useMemo((()=>k("k-icon","k-svg-icon","k-svg-i-"+C,{[`k-color-${h}`]:h,"k-flip-h":"horizontal"===x||"both"===x,"k-flip-v":"vertical"===x||"both"===x},ie[E],r)),[C,h,E,x,r]),I=i.useMemo((()=>e.width&&e.height?{width:e.width,height:e.height,...d}:e.width?{width:e.width,height:e.width,...d}:e.height?{width:e.height,height:e.height,...d}:{...d}),[e.width,e.height,d]);return i.createElement("span",{className:A,style:I,ref:b,onClick:v,"aria-hidden":!0},i.createElement("svg",{id:a,className:o,style:f,"aria-hidden":!0,tabIndex:c,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:l?l.viewBox:y,dangerouslySetInnerHTML:l?{__html:l.content}:void 0,...p},l?void 0:n))}));fe.propTypes={style:o.object,classNames:o.string,children:o.any,icon:o.object,themeColor:o.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:o.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:o.oneOf(["default","horizontal","vertical","both"])};const he={size:"default",flip:"default",icon:"",viewBox:"0 0 24 24"};fe.displayName="KendoSvgIcon";const me=i.createContext({type:"svg"});me.displayName="KendoReactIconsContext";const ge=i.forwardRef(((e,t)=>{var n,r;const{type:o,icons:l}=i.useContext(me),{icon:s,...a}=e;let c="svg"===o?(null==(n=e.icon)?void 0:n.name)||e.name:e.name||(null==(r=e.icon)?void 0:r.name);c=c&&l&&l[c]&&"string"==typeof l[c]?l[c]:c;const u=c&&l&&l[c]&&"string"!=typeof l[c]?l[c]:s;return"svg"===o&&u?i.createElement(fe,{...e,icon:u,ref:t}):i.createElement(ue,{...a,name:c,ref:t})}));ge.displayName="KendoIconWrap";const ve={xsmall:"k-fs-xs",small:"k-fs-sm",medium:"k-fs-md",large:"k-fs-lg",xlarge:"k-fs-xl"},pe={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},be={xsmall:"k-m-xs",small:"k-m-sm",medium:"k-m-md",large:"k-m-lg",xlarge:"k-m-xl",thin:"k-m-thin",hair:"k-m-hair"},Ce={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",thin:"thin",hair:"hair"},Ee={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},xe={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},ye={lowercase:"k-text-lowercase",uppercase:"k-text-uppercase",capitalize:"k-text-capitalize"},ke={inherit:"k-color-inherit",primary:"k-color-primary",secondary:"k-color-secondary",tertiary:"k-color-tertiary",info:"k-color-info",success:"k-color-success",warning:"k-color-warning",error:"k-color-error",dark:"k-color-dark",light:"k-color-light",inverse:"k-color-inverse"},Ae=e=>{const t=i.forwardRef(((t,n)=>{const{id:r,style:o,className:l,fontSize:s,fontWeight:a,textAlign:c,textTransform:u,themeColor:d,margin:f,...h}=t,m=i.useRef(null),g=i.useRef(null);i.useImperativeHandle(m,(()=>({element:g.current,props:t}))),i.useImperativeHandle(n,(()=>m.current));const v=e,p=()=>{if(void 0!==f){if("string"==typeof f)return[be[f]];if("number"==typeof f&&f>=0&&f<=24)return[`k-m-${f}`];if("object"==typeof f){const e=[];return Object.keys(f).forEach((t=>{null!==f[t]&&void 0!==f[t]&&e.push(((e,t)=>`${Ee[e]}${"string"==typeof t?Ce[t]:t}`)(t,f[t]))})),e.join(" ")}}};return i.createElement(v,{id:r,ref:g,className:[`k-${"p"===e?"paragraph":e}`,ve[s],pe[a],xe[c],ye[u],ke[d],p(),l].filter((e=>void 0!==e)).join(" "),style:o,...h},t.children)}));return t.propTypes={style:o.object,className:o.string,fontSize:o.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:o.oneOf(["light","normal","bold"]),margin:o.oneOfType([o.number,o.object,o.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:o.oneOf(["left","right","center","justify"]),textTransform:o.oneOf(["lowercase","uppercase","capitalize"]),themeColor:o.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},t.displayName=`KendoReactTypography${e.toUpperCase()}`,t},Ie={h1:Ae("h1"),h2:Ae("h2"),h3:Ae("h3"),h4:Ae("h4"),h5:Ae("h5"),h6:Ae("h6"),p:Ae("p"),code:Ae("code"),pre:Ae("pre")},we=i.createContext([void 0,Y]),De=i.createContext([void 0,Y]),Pe=i.createContext([[],Y,Y]),Oe=i.createContext([[],Y,Y]),Me=(e,t,n)=>{const[r,o]=i.useState(t||e),l=i.useCallback(((e,t)=>{o(e),n&&n.call(void 0,{...t,value:e})}),[n,o]);return[void 0!==t?t:r,l]},Re=e=>{const[t,n]=Me(null,void 0),[r,o]=Me(null,void 0),[l,s]=le([]),[a,c]=le([]);return i.createElement(we.Provider,{value:[t,n]},i.createElement(De.Provider,{value:[r,o]},i.createElement(Pe.Provider,{value:[l,e=>{s({type:oe.add,item:e})},e=>{s({type:oe.remove,item:e})}]},i.createElement(Oe.Provider,{value:[a,e=>{c({type:oe.add,item:e})},e=>{c({type:oe.remove,item:e})}]},e.children))))};Re.displayName="KendoReactDragAndDrop";const Le=(e,t)=>{const[n,r]=i.useContext(e),[o,l]=i.useState(t);return[void 0!==n?n:o,(...e)=>{void 0!==n?r(...e):l(e[0])}]};function Fe(e,t,n={}){const{onPress:r=Y,onRelease:o=Y,onDragStart:s=Y,onDrag:a=Y,onDragEnd:c=Y}=t,{hint:u=null,mouseOnly:d=!1,autoScroll:f=!0,scrollContainer:h=null}=n,[m,g]=i.useState(!1),[v,p]=i.useState(!1),[b]=Le(De),[C,E]=Le(we),[x]=i.useContext(Oe),[y,k,A]=i.useContext(Pe),I=i.useRef({x:0,y:0}),w=i.useRef(),D=i.useRef(!1),P=i.useRef(),O=i.useRef(null),M=i.useRef(!1),R=i.useRef({x:0,y:0}),L=i.useRef({x:0,y:0}),F=i.useRef({x:0,y:0}),S=i.useRef({x:0,y:0}),B=i.useRef({x:0,y:0}),N=i.useRef({x:0,y:0}),T=!("undefined"==typeof window||!window.PointerEvent),H=!d&&T,j=i.useCallback((()=>e.current&&e.current.element?e.current.element:e.current),[e]),Q=i.useCallback((()=>u&&u.current&&u.current.element?u.current.element:u?u.current:null),[u]),z=i.useCallback((()=>h&&h.current&&h.current.element?h.current.element:h?h.current:null),[h]),X=i.useCallback((()=>"object"==typeof f&&f.boundaryElementRef&&f.boundaryElementRef.current&&f.boundaryElementRef.current.element?f.boundaryElementRef.current.element:"object"==typeof f&&f.boundaryElementRef&&f.boundaryElementRef.current?f.boundaryElementRef.current:null),[f]),J=i.useRef(null);i.useImperativeHandle(J,(()=>({element:j(),hint:Q(),onPress:oe,onDragStart:se,onDrag:ie,onDragEnd:ae,onRelease:le,data:e.current})));const G=i.useCallback((()=>{const e=j();return e&&e.ownerDocument||document}),[j]),U=i.useCallback((()=>{const e=G();return e&&e.defaultView||window}),[G]),Z=i.useCallback((()=>({drag:C?C.current:null,drop:b?b.current:null,drags:y.map((e=>e.current)),drops:x.map((e=>e.current)),pressed:m,ignoreMouse:D.current,scrollOffset:B.current,offset:R.current,pageOffset:L.current,initialScrollOffset:N.current,clientOffset:F.current,initialClientOffset:S.current,velocity:I.current,autoScroll:!!("object"==typeof f?!1!==f.enabled:f),scrollableParent:X(),autoScrollDirection:"object"==typeof f?f.direction:{horizontal:!0,vertical:!0},isScrolling:v})),[C,b,y,x,m,f,X,v]),q=i.useCallback((e=>{g(e)}),[]),K=i.useCallback((e=>{p(e)}),[]),V=i.useCallback((e=>{I.current=e}),[]),W=i.useCallback((e=>{R.current=e}),[]),_=i.useCallback((e=>{F.current=e}),[]),ee=i.useCallback((e=>{L.current=e}),[]),te=i.useCallback((e=>{S.current=e}),[]),ne=i.useCallback((e=>{B.current=e}),[]),re=i.useCallback((e=>{N.current=e}),[]),oe=i.useCallback((e=>{r(e)}),[r]),le=i.useCallback((e=>{o(e)}),[o]),se=i.useCallback((t=>{E(J,{target:e.current,event:t}),s(t)}),[E,e,s]),ie=i.useCallback((e=>{a(e)}),[a]),ae=i.useCallback((t=>{M.current||(E(null,{target:e.current,event:t}),c(t))}),[c,E,e]),ce=i.useCallback((e=>{l.dispatchDragAndDrop(Z(),{event:e,payload:J.current},{onVelocityChange:V,onOffsetChange:W,onClientOffsetChange:_,onPageOffsetChange:ee,onInitialClientOffsetChange:te,onScrollOffsetChange:ne,onInitialScrollOffsetChange:re,onIsPressedChange:q,onIsScrollingChange:K})}),[Z,V,W,ee,_,te,re,q,ne,K]),ue=i.useCallback((e=>{ce(e)}),[ce]),de=i.useCallback((e=>{ce(e)}),[ce]),fe=i.useCallback((e=>{ce(e)}),[ce]),he=i.useCallback((e=>{ce(e)}),[ce]),me=i.useCallback((e=>{ce(e)}),[ce]),ge=i.useCallback((e=>{ce(e)}),[ce]),ve=i.useCallback((e=>{ce(e)}),[ce]),pe=i.useCallback((e=>{e.preventDefault(),ce(e)}),[ce]),be=i.useCallback((e=>{e.preventDefault(),ce(e)}),[ce]),Ce=i.useCallback((e=>{e.preventDefault(),ce(e)}),[ce]),Ee=i.useCallback((e=>{if(0===e.touches.length&&1===e.changedTouches.length){const e=U();D.current=!0,P.current=e.setTimeout((()=>{D.current=!1}),2e3)}ce(e)}),[ce,U]),xe=i.useCallback((e=>{ce(e)}),[ce]),ye=i.useCallback((()=>{const e=j();if(e){const t=e.style.touchAction;return e.style.touchAction="none",()=>{e.style.touchAction=t}}}),[j]),ke=i.useCallback((()=>(k(J),()=>{A(J)})),[A,k]);i.useEffect((()=>{const e=U();if(v){const t=z()||l.getScrollableParent(document.elementFromPoint(F.current.x,F.current.y));e.clearInterval(w.current),w.current=e.setInterval((()=>{l.autoScroll(t,{x:I.current.x,y:I.current.y})}),50)}return()=>{e.clearInterval(w.current)}}),[j,z,U,v]),i.useEffect(ye,[ye]),i.useEffect((()=>{const e=U(),t=j(),n=G();return H?(t&&(O.current=l.getScrollableParent(t),O.current&&O.current.addEventListener("scroll",xe,{passive:!0}),t.addEventListener("pointerdown",ue,{passive:!0})),m&&(n.addEventListener("pointermove",de),n.addEventListener("pointerup",he,!0),n.addEventListener("contextmenu",pe),n.addEventListener("pointercancel",fe,{passive:!0}))):(e.addEventListener("touchmove",Y,{capture:!1,passive:!1}),t&&(t.addEventListener("mousedown",me,{passive:!0}),d||(t.addEventListener("touchstart",be,{passive:!0}),m&&(t.addEventListener("touchmove",Ce,{passive:!0}),t.addEventListener("touchend",Ee,{passive:!0})))),m&&(n.addEventListener("mousemove",ge,{passive:!0}),n.addEventListener("mouseup",ve,{passive:!0}))),()=>{O.current&&O.current.removeEventListener("scroll",xe),t&&(t.removeEventListener("pointerdown",ue),t.removeEventListener("mousedown",me),t.removeEventListener("touchstart",be),t.removeEventListener("touchmove",Ce),t.removeEventListener("touchend",Ee)),n.removeEventListener("pointermove",de),n.removeEventListener("pointerup",he,!0),n.removeEventListener("contextmenu",pe),n.removeEventListener("pointercancel",fe),n.removeEventListener("mousemove",ge),n.removeEventListener("mouseup",ve),e.removeEventListener("touchmove",Y),e.clearTimeout(P.current)}}),[m,U,j,G,d,H,pe,me,ge,ve,fe,ue,de,he,Ee,Ce,be,xe]),i.useEffect((()=>(M.current=!1,()=>{M.current=!0})),[]),$(ke,[ke])}const Se=i.forwardRef(((e,t)=>{const n=i.useRef(null),r=i.useRef(null),o=i.useCallback((()=>n.current&&n.current.element?n.current.element:n.current),[n]);i.useImperativeHandle(r,(()=>({element:o()||null}))),i.useImperativeHandle(t,(()=>r.current)),i.useImperativeHandle(e.childRef,(()=>n.current));const l=i.useCallback((t=>{e.onPress&&e.onPress({element:o(),target:r.current,event:t})}),[o,e.onPress]),s=i.useCallback((t=>{e.onRelease&&e.onRelease({element:o(),target:r.current,event:t})}),[o,e.onRelease]),a=i.useCallback((t=>{e.onDragStart&&e.onDragStart({element:o(),target:r.current,event:t})}),[e,o]),c=i.useCallback((t=>{e.onDrag&&e.onDrag({element:o(),target:r.current,event:t})}),[o,e.onDrag]),u=i.useCallback((t=>{e.onDragEnd&&e.onDragEnd({element:o(),target:r.current,event:t})}),[o,e.onDragEnd]);return Fe(n,{onPress:l,onRelease:s,onDragStart:a,onDrag:c,onDragEnd:u},{mouseOnly:e.mouseOnly,autoScroll:e.autoScroll,hint:e.hint,scrollContainer:e.scrollContainer}),e.children?i.cloneElement(i.Children.only(e.children),{ref:n}):null}));function Be(e,t={onDragEnter:Y,onDragOver:Y,onDragLeave:Y,onDrop:Y}){const{onDragEnter:n=Y,onDragOver:r=Y,onDragLeave:o=Y,onDrop:l=Y}=t,[,s]=Le(De),[,a,c]=i.useContext(Oe),u=i.useCallback((()=>e.current&&e.current.element?e.current.element:e.current),[e]),d=i.useRef(null);i.useImperativeHandle(d,(()=>({element:u(),onDragEnter:f,onDragOver:h,onDragLeave:m,onDrop:g,data:e.current})));const f=i.useCallback((t=>{s(d,{target:e.current,event:t}),n(t)}),[s,e,n]),h=i.useCallback((e=>{r(e)}),[r]),m=i.useCallback((t=>{s(null,{target:e.current,event:t}),o(t)}),[s,e,o]),g=i.useCallback((t=>{s(null,{target:e.current,event:t}),l(t)}),[s,e,l]),v=i.useCallback((()=>(a(d),()=>{c(d)})),[c,a]);$(v,[v])}Se.displayName="KendoReactDraggable";const Ne=i.forwardRef(((e,t)=>{const n=i.useRef(null),r=i.useRef(null),o=i.useCallback((()=>n.current&&n.current.element?n.current.element:n.current),[n]);i.useImperativeHandle(r,(()=>({element:o()||void 0}))),i.useImperativeHandle(t,(()=>r.current)),i.useImperativeHandle(e.childRef,(()=>n.current));const l=i.useCallback((t=>{e.onDragEnter&&e.onDragEnter({element:o(),target:r.current,event:t})}),[e.onDragEnter,o]),s=i.useCallback((t=>{e.onDragOver&&e.onDragOver({element:o(),target:r.current,event:t})}),[o,e.onDragOver]),a=i.useCallback((t=>{e.onDragLeave&&e.onDragLeave({element:o(),target:r.current,event:t})}),[e.onDragLeave,o]),c=i.useCallback((t=>{e.onDrop&&e.onDrop({element:o(),target:r.current,event:t})}),[e.onDrop,o]);return Be(n,{onDragEnter:l,onDragOver:s,onDragLeave:a,onDrop:c}),e.children?i.cloneElement(i.Children.only(e.children),{ref:n}):null}));Ne.displayName="KendoReactDroppable";function Te(e,t){return e===t||Number.isNaN(e)&&Number.isNaN(t)}function He(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!Te(e[n],t[n]))return!1;return!0}const je=e=>{const t=e.shadowRoot,n=e.contentDocument;return t&&t.activeElement?je(t.activeElement):n&&n.activeElement?je(n.activeElement):e};function Qe(e,t){const n=(e||"").split(".");let r=t;return n.forEach((e=>{r=r?r[e]:void 0})),r}class ze{constructor(){this.objects=[]}init(e){let t;for(let n=0;n<e.length;n++)n%5e4==0&&(t={},this.objects.push(t)),t[e[n]]=!0}hasId(e){return this.objects.some((t=>t[e]))}}function Xe(e,t){const n=Qe(t,e);return!(!n||!n.length)}function Ye(e,t,n,r){const o=[],l=new ze;return l.init(e),Je(l,t,n,c,o,r),o}function Je(e,t,n,r,o,l){for(let s=0;s<n.length;s++){const i=n[s],a=h(s,r);e.hasId(Qe(t,i))&&o.push(a),Xe(i,l)&&Je(e,t,Qe(l,i),a,o,l)}}e.AsyncFocusBlur=({children:e,onFocus:t,onBlur:n,onSyncFocus:r,onSyncBlur:o})=>{const l=W({onFocus:t,onBlur:n,onSyncFocus:r,onSyncBlur:o});return i.createElement(i.Fragment,null,e.call(void 0,{...l}))},e.BrowserSupportService=x,e.COLLECTION_ACTION=oe,e.DragAndDrop=Re,e.Draggable=Se,e.Droppable=Ne,e.FIELD_REGEX=O,e.FOCUSABLE_ELEMENTS=F,e.FOCUSABLE_ELEMENTS_BASE=L,e.FormComponent=class{},e.Icon=ue,e.IconWrap=ge,e.IconsContext=me,e.Keys=P,e.Navigation=class{constructor(e){this.rovingTabIndex=!0,this.update=()=>{},this.focusNextIndex=(e,t)=>{const n=this.elements;let r=n.indexOf(e)+t;r=r<0?n.length-1:r;const o=n[r%n.length];return this.focusElement(o,e),o},this.tabIndex=e.tabIndex||0,this.root=e.root,this.selectors=e.selectors,this.focusOptions=e.focusOptions||{preventScroll:!0},this.rovingTabIndex=void 0===e.rovingTabIndex||e.rovingTabIndex,this.mouseEvents=e.mouseEvents||{},this.keyboardEvents=e.keyboardEvents||{}}get elements(){return this.root.current?Array.from(this.root.current.querySelectorAll(this.selectors.join(","))):[]}get first(){return this.root.current&&this.root.current.querySelector(this.selectors.join(","))||null}get last(){const e=this.elements;return e[e.length-1]||null}get current(){return this.elements.find((e=>e.matches(":focus")))||null}focusNext(e){return this.focusNextIndex(e,1)}focusPrevious(e){return this.focusNextIndex(e,-1)}triggerKeyboardEvent(e,t){const n=e.target instanceof Element&&e.target.closest(this.selectors.join(",")),r=" "===e.key?"Space":e.key,o=e.nativeEvent.type;n&&this.keyboardEvents[o][r]&&this.keyboardEvents[o][r].call(void 0,n,this,e,t)}triggerMouseEvent(e){const t=e.target instanceof Element&&e.target.closest(this.selectors.join(",")),n=e.nativeEvent.type;t&&this.mouseEvents[n].call(void 0,t,this,e)}focusElement(e,t){e&&(t&&(this.rovingTabIndex&&t.removeAttribute("tabindex"),t.classList.remove("k-focus")),this.rovingTabIndex&&e.setAttribute("tabindex",String(this.tabIndex)),e.focus(this.focusOptions))}},e.SortedPublicItemIds=ze,e.SvgIcon=fe,e.TABBABLE_ELEMENTS=S,e.TreeFieldsService=class{constructor(e){this.expandField=e.expandField,this.selectField=e.selectField,this.hasChildrenField=e.hasChildrenField,this.childrenField=e.childrenField,this.textField=e.textField,this.disableField=e.disableField,this.checkField=e.checkField,this.checkIndeterminateField=e.checkIndeterminateField,this.focusIdField=e.focusIdField}expanded(e){return Qe(this.expandField,e)}selected(e){return Qe(this.selectField,e)}text(e){return Qe(this.textField,e)}disabled(e){return Qe(this.disableField,e)}hasChildren(e){return Qe(this.hasChildrenField,e)}children(e){return Qe(this.childrenField,e)||[]}checked(e){return Qe(this.checkField,e)}checkIndeterminate(e){return Qe(this.checkIndeterminateField,e)}focusId(e){return this.focusIdField&&Qe(this.focusIdField,e)}getChildrenField(){return this.childrenField}},e.Typography=Ie,e.WatermarkOverlay=()=>{const[e,t]=i.useState(!0),[n,r]=i.useState(!1);i.useEffect((()=>{V||(r(!0),V=!0)}),[]);const o=i.createElement(i.Fragment,null,e&&i.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",position:"fixed",top:"16px",right:"16px",padding:"12px",borderRadius:"4px",boxShadow:"0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.03)",fontSize:"14px",fontWeight:400,lineHeight:"20px",backgroundColor:"#FFC000",color:"#1E1E1E",zIndex:999}},i.createElement("span",{style:{display:"flex",alignSelf:"center",marginRight:"8px"}},i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z",fill:"#1E1E1E"}))),i.createElement("span",null,"No valid license found for KendoReact. Learn how to activate your license."),i.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"24px"}},i.createElement("a",{href:"https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-banner",style:{marginRight:"8px",display:"flex"}},i.createElement("button",{title:"Learn More",style:{display:"inline-flex",position:"relative",border:"none",borderRadius:"4px",padding:"5px",backgroundColor:"transparent",transition:"color 0.2s ease-in-out",outline:"none",cursor:"pointer"}},i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M15 8C15 11.8656 11.8656 15 8 15C4.13437 15 1 11.8656 1 8C1 4.13437 4.13437 1 8 1C11.8656 1 15 4.13437 15 8ZM14 8C14 4.6875 11.3125 2 8 2C4.6875 2 2 4.6875 2 8C2 11.3125 4.6875 14 8 14C11.3125 14 14 11.3125 14 8ZM11 6C11 7.4125 10.2687 8.05937 9.73125 8.53125C9.25937 8.94688 9 9.17813 9 10H7C7 8.275 7.84688 7.525 8.40938 7.03125C8.84062 6.65312 9 6.50938 9 6C9 5.45 8.55 5 8 5C7.45 5 7 5.45 7 6H5C5 4.34375 6.34375 3 8 3C9.65625 3 11 4.34375 11 6ZM9 13V11H7V13H9Z",fill:"#1E1E1E"})))),i.createElement("button",{title:"Close",style:{display:"inline-flex",position:"relative",border:"none",borderRadius:"4px",padding:"5px",backgroundColor:"transparent",transition:"color 0.2s ease-in-out",outline:"none",cursor:"pointer"},onClick:()=>{t(!1)}},i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z",fill:"#1E1E1E"}))))));return i.createElement(i.Fragment,null,i.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,right:0,bottom:0,opacity:.12,zIndex:101,pointerEvents:"none",backgroundImage:"url('data:image/png;base64,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')"}}),n&&a.createPortal(o,document.body))},e.ZIndexContext=E,e.addItem=function e(t,n,r,o,l){const s=l.slice();if(v(o))if("child"===n){const e=s[Number(o)]={...s[Number(o)]};e[r]?(e[r]=e[r].slice(),e[r].push(t)):e[r]=[t]}else s.splice(Number(o)+("after"===n?1:0),0,t);else{const l=Number(d(o)),i=s[l]={...s[l]};i[r]=e(t,n,r,f(o),i[r])}return s},e.applyTrappedFocus=(e,t,n,r)=>{let o=!0;e.keyCode===P.enter||e.target!==t?(e.keyCode===P.enter&&e.target===t?(o=!0,setTimeout((()=>{H(t,r)}),1)):e.keyCode===P.esc?(o=!1,t.focus()):j(e,t,r),n&&n(o)):n&&n(!1)},e.areAllDirectChildrenChecked=function(e,t,n,r,o){return(e[r]||[]).every(((e,r)=>o.indexOf(n?Qe(n,e):h(r,t))>-1))},e.canUseDOM=y,e.canUseRef=e=>"string"!=typeof Comment&&((e=>{var t;return!("function"!=typeof e||null==(t=e.prototype)||!t.isReactComponent)})(e)||(e=>!(!e.$$typeof||"function"!=typeof e.render))(e)),e.classNames=k,e.clone=function(e){const t={};return I(e,t),t},e.cloneArray=D,e.cloneDate=A,e.cloneObject=I,e.cloneValue=w,e.createPropsContext=()=>i.createContext((e=>e)),e.disableNavigatableContainer=(e,t)=>{const n=B(e,t);n&&n.forEach((e=>{e.tabIndex=-1}))},e.dispatchEvent=function(e,t,n,r){if(e){const o={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(o,r))}},e.enableNavigatableContainer=(e,t)=>{const n=B(e,t);console.log(n),n&&n.forEach((e=>{e.tabIndex=0}))},e.extendDataItem=(e,t,n)=>Object.assign({},e,e[t]?{[t]:e[t].slice()}:{},n||{}),e.firstFocusableChild=N,e.focusFirstFocusableChild=H,e.focusLastFocusableChild=(e,t)=>{if(e){const n=T(e,t);n&&n.focus()}},e.focusableChildren=B,e.getActiveElement=e=>{if(e&&e.activeElement)return je(e.activeElement)},e.getAllDirectIndirectChildrenIds=function(e,t,n,r){return r?function e(t){let o=[];const l=t[n]||[];for(let t=0;t<l.length;t++)o.push(Qe(r,l[t])),o=o.concat(e(l[t]));return o}(e):function e(t,r){let o=[];const l=t[n]||[];for(let t=0;t<l.length;t++){const n=h(t,r);o.push(n),o=o.concat(e(l[t],n))}return o}(e,t)},e.getAllParents=function(e,t,n){const r=[],o=p(e);let l=n;for(let e=0;e<o.length-1&&l;e++){const n=l[Number(o[e])];r.push(n),l=n[t]}return r},e.getInnerActiveElement=je,e.getItemPath=(e,t,n)=>{const r=[],o=[...t];if(o.length){let t=e[o.shift()||0];for(r.push(t);o.length&&n;)t=t[n][o.shift()||0],r.push(t)}return r},e.getNestedValue=Qe,e.getScrollbarWidth=()=>!(!y||!document.body)&&(new x).scrollbarWidth,e.getTabIndex=(e,t,n)=>{const r="string"==typeof e?parseInt(e):e;if(!Number.isNaN(r))return void 0!==r?r:t?n?void 0:-1:0},e.getter=function(e){if(z[e])return z[e];const t=Q(e);return z[e]=function(e){let n=e;for(let e=0;e<t.length&&n;e++)n=n[t[e]];return n},z[e]},e.guid=X,e.hasChildren=Xe,e.hasRelativeStackingContext=e=>{if(!y)return!1;const t=e?e.ownerDocument:document;if(!t||!t.body)return!1;const n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)";const r=t.createElement("div");r.appendChild(t.createTextNode("child")),r.style.position="fixed",r.style.top="10px",n.appendChild(r),t.body.appendChild(n);const o=10!==r.getBoundingClientRect().top;return t.body.removeChild(n),o},e.isArray=function(e){return void 0!==e.length},e.isEnabledAndAllParentsEnabled=function(e,t,n){const r=p(e);let o=t;for(let e=0;e<r.length;e++){const t=o[Number(r[e])];if(n.disabled(t))return!1;o=t[n.getChildrenField()]}return!0},e.isItemExpandedAndWithChildren=function(e,t){return t.expanded(e)&&Xe(e,t.getChildrenField())},e.keepFocusInContainer=j,e.kendoThemeMaps={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"},orientationMap:{vertical:"vstack",horizontal:"hstack"}},e.lastFocusableChild=T,e.mapTree=(e,t,n)=>[...e.map((e=>Z(e,t,n)))],e.mapTreeItem=(e,t,n,r)=>{let o=e;const l=[];for(let e=0;e<t.length;e++)o=o[t[e]],o=Array.isArray(o)?o:o[n],l.push(o);const s=l.length>1?l[l.length-2]:e,i=t[t.length-1],a=r(s[i]);s.splice(i,1,a)},e.memoizeOne=function(e,t=He){let n=null;function r(...r){if(n&&n.lastThis===this&&t(r,n.lastArgs))return n.lastResult;const o=e.apply(this,r);return n={lastResult:o,lastArgs:r,lastThis:this},o}return r.clear=function(){n=null},r},e.noop=Y,e.removeItem=function e(t,n,r){const o=r.slice();if(v(t))o.splice(Number(t),1);else{const r=Number(d(t)),l=o[r]={...o[r]};l[n]=e(f(t),n,l[n])}return o},e.resolveItemId=function(e,t,n,r){const o=Ye([e],t,n,r);return o.length?o[0]:void 0},e.resolveItemsIds=Ye,e.setScrollbarWidth=()=>{if(!y||!document.body)return!1;let e=(new x).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width",`${e}px`)},e.setter=function(e){if(J[e])return J[e];const t=Q(e);return J[e]=(e,n,r)=>{let o=e;const l=t.length-1;for(let e=0;e<l&&o;e++)o=o[t[e]]=o[t[e]]||G(t[e+1],r);o[t[l]]=n},J[e]},e.shouldShowValidationUI=function(e){return!q.some((e=>{var t;return null==(t=globalThis.document)?void 0:t.location.hostname.endsWith(e)}))&&!n.validatePackage(e)},e.svgIconPropType=ce,e.toIconClass=ae,e.toIconName=e=>e.replace(/^k-i-/,""),e.treeIdUtils=C,e.updateItem=function e(t,n,r,o,l){const s=Number(d(n));if(s>=t.length)return t;let i=t,a=t[s];return a[o]||(i=t.slice(),a=i[s]=Object.assign({},a,{[o]:!0})),v(n)?r(a):a[l]&&(a[l]=e(a[l],f(n),r,o,l)),i},e.useAsyncFocusBlur=W,e.useCollection=le,e.useCustomComponent=e=>e?e===i.Fragment?[re,{}]:i.isValidElement(e)?[e.type,e.props]:[e,{}]:[ne,{}],e.useDir=function(e,t,n){const[r,o]=i.useState(t);return i.useEffect((()=>{if(!r&&window&&e.current){const t=window.getComputedStyle(e.current).direction;t&&o(t)}}),n),r},e.useDocument=se,e.useDraggable=Fe,e.useDroppable=Be,e.useId=ee,e.useIsomorphicLayoutEffect=$,e.useMouse=te,e.usePropsContext=_,e.useRtl=function(e,t,n){const[r,o]=i.useState(t);return i.useEffect((()=>{if(!r&&window&&e.current){const t=window.getComputedStyle(e.current).direction;t&&o(t)}}),n),r},e.useWindow=e=>{const t=se(e);return i.useCallback((()=>{const e=t();return e&&e.defaultView||window}),[t])},e.useZIndexContext=()=>i.useContext(E),e.validatePackage=K,e.withIdHOC=e=>i.forwardRef(((t,n)=>{const r=ee(t.id);return i.createElement(e,{...t,id:r,ref:n})})),e.withPropsContext=(e,t)=>i.forwardRef(((n,r)=>{const o=_(e,n);return i.createElement(t,{...o,ref:r})}))}));
8
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-licensing"),require("react-dom"),require("prop-types"),require("@progress/kendo-draggable-common")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-licensing","react-dom","prop-types","@progress/kendo-draggable-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactCommon={},e.React,e.KendoLicensing,e.ReactDOM,e.PropTypes,e.KendoDraggableCommon)}(this,(function(e,t,n,r,o,l){"use strict";function s(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=s(t),a=s(r);const c="",u="_";function d(e){return g(e)?e:e.split(u)[0]}function f(e){if(g(e))return e;{const t=e.indexOf(u);return e.substring(t+1)}}function h(e,t){return e=e.toString(),t?t+u+e:e}function m(e){const t=e.lastIndexOf(u);return t<0?c:e.substring(0,t)}function g(e){return e===c||e.indexOf(u)<0}function v(e){return e!==c&&e.indexOf(u)<0}function p(e){return e.split(u)}function b(e){const t=e.lastIndexOf(u);return t<0?e:e.substring(t+1)}var C=Object.freeze({__proto__:null,EMPTY_ID:c,SEPARATOR:u,ZERO_LEVEL_ZERO_NODE_ID:"0",createId:h,getAllShortIds:p,getDecrementedItemIdAfterRemoval:function(e,t){const n=t;t="r"+u+t;const r=m(e="r"+u+e)+u;if(t.startsWith(r)){const n=t.substring(r.length);if(n){const t=d(n);if(Number(b(e))<Number(t)){return f(r+(Number(t)-1).toString()+n.substring(t.length))}}}return n},getDirectParentId:m,getFirstChildId:function(e){return h("0",e)},getIdWithoutRootParentId:f,getItemById:function e(t,n,r){if(v(t))return n[Number(t)];{const o=n[Number(d(t))],l=o&&o[r]||[];return l.length?e(f(t),l,r):void 0}},getRootParentId:d,getShortId:b,isIdEmptyOrZeroLevel:g,isIdZeroLevel:v,isItemFirstFromSiblings:function(e){return"0"===b(e)}});const E=i.createContext(0);E.displayName="KendoReactZIndexContext";let x=class{constructor(){this.scrollbar=0}get scrollbarWidth(){const e="undefined"!=typeof document?document:{};if(!this.scrollbar&&e&&e.createElement){const t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML="&nbsp;",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar}};const y=!("undefined"==typeof window||!window.document||!window.document.createElement),k=(...e)=>{const t={},n=e=>e.filter((e=>!0!==e&&!!e)).map((e=>Array.isArray(e)?n(e):(e=>"object"==typeof e?Object.keys(e).forEach((n=>{t[n]=e[n]})):t[e]=!0)(e)));return n(e),Object.keys(t).map((e=>t[e]&&e||null)).filter((e=>null!==e)).join(" ")},A=e=>e?new Date(e.getTime()):null;function I(e,t){for(let n in e)if(e.hasOwnProperty(n)){const r=e[n];t[n]=w(r,t[n])}}function w(e,t){if(Array.isArray(e))return D(e);if(e instanceof Date)return A(e);if(i.isValidElement(e))return i.cloneElement(e,e.props);if(e&&"object"==typeof e){const n=t||{};return I(e,n),n}return e}function D(e){return e.map((e=>w(e,void 0)))}const O={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},P=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,M=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-numerictextbox button):not(.k-split-button .k-split-button-arrow)",R=":not(.k-dropdownlist select)",L=["input:not([disabled]):not([type=hidden])","select:not([disabled]):not(.k-dropdownlist select)","textarea:not([disabled])",`button:not([disabled])${M}`,"a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],F=[...L,`[tabindex]${M}${R}`],S=[...L,`[tabindex]${M}${R}`].map((e=>e+':not([tabindex="-1"])')),B=(e,t=F)=>e.querySelectorAll(t.join(",")),N=(e,t=F)=>{if(e){const n=B(e,t);if(n.length&&n[0].focus)return n[0]}},T=(e,t=F)=>{if(e){const n=B(e,t);if(n.length&&n[n.length-1].focus)return n[n.length-1]}},H=(e,t)=>{if(e){const n=N(e,t);n&&n.focus()}},j=(e,t,n)=>{if(t&&e.keyCode===O.tab&&t){const r=N(t,n),o=T(t,n);r&&o&&!e.shiftKey&&e.target===o&&(e.preventDefault(),r.focus()),r&&o&&e.shiftKey&&e.target===r&&(e.preventDefault(),o.focus()),r||e.preventDefault()}};function Q(e){const t=[];return e.replace(P,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),t}const z={};z.undefined=()=>{};const X=()=>{let e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,(8===e||12===e||16===e||20===e)&&(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},Y=function(){},J={undefined:e=>e},G=(e,t)=>t&&t.arrays&&!isNaN(Number(e))?[]:{};function U(e,t,n){return n?{...e,[t]:n.length?[...n]:void 0}:e&&e[t]?[...e[t]]:[]}function q(e,t,n){if(e[t]){let r=U(e,t).map((e=>q(e,t,n)));return n(U(e,t,r))}return n(e)}const Z=["telerik.com","progress.com","stackblitz.io","csb.app"],K=n.validatePackage;let V=!1;function W({onFocus:e,onBlur:t,onSyncFocus:n,onSyncBlur:r}){const o=i.useRef(!1),l=i.useRef(0),s=i.useCallback((e=>{clearTimeout(l.current),l.current=window.setTimeout((()=>e()))}),[l]),a=i.useCallback(((...t)=>{clearTimeout(l.current),n&&n.call(void 0,t[0]),!o.current&&(o.current=!0,e&&e.call(void 0,...t))}),[o,e,n]),c=i.useCallback(((...e)=>{r&&r.call(void 0,e[0]),s((()=>{o.current&&t&&(o.current=!1,t.call(void 0,...e))}))}),[o,s,t,r]);return i.useEffect((()=>()=>{clearTimeout(l.current)}),[]),{onFocus:a,onBlur:c}}const _=(e,t)=>i.useContext(e)(t),$="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function ee(e){const[t,n]=i.useState(!1);i.useEffect((()=>{n(!0)}),[]);const[r,o]=i.useState((()=>e||(t?X():void 0)));$((()=>{void 0===r&&o(X())}),[]);const l=i.useId;if(void 0!==l){const t=l();return null!=e?e:t}return r}const te=(e,t,n={})=>{const r=i.useCallback((r=>{n.onMouseDown&&n.onMouseDown.call(void 0,r),e.onMouseDown&&e.onMouseDown.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseDown,e.onMouseDown,t]),o=i.useCallback((r=>{n.onMouseUp&&n.onMouseUp.call(void 0,r),e.onMouseUp&&e.onMouseUp.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseUp,e.onMouseUp,t]),l=i.useCallback((r=>{n.onClick&&n.onClick.call(void 0,r),e.onClick&&e.onClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onClick,e.onClick,t]),s=i.useCallback((r=>{n.onDoubleClick&&n.onDoubleClick.call(void 0,r),e.onDoubleClick&&e.onDoubleClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onDoubleClick,e.onDoubleClick,t]),a=i.useCallback((r=>{n.onMouseEnter&&n.onMouseEnter.call(void 0,r),e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseEnter,e.onMouseEnter,t]),c=i.useCallback((r=>{n.onMouseLeave&&n.onMouseLeave.call(void 0,r),e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseLeave,e.onMouseLeave,t]),u=i.useCallback((r=>{n.onMouseMove&&n.onMouseMove.call(void 0,r),e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseMove,e.onMouseMove,t]),d=i.useCallback((r=>{n.onMouseOut&&n.onMouseOut.call(void 0,r),e.onMouseOut&&e.onMouseOut.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOut,e.onMouseOut,t]),f=i.useCallback((r=>{n.onMouseOver&&n.onMouseOver.call(void 0,r),e.onMouseOver&&e.onMouseOver.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOver,e.onMouseOver,t]);return{onClick:l,onMouseUp:o,onMouseDown:r,onDoubleClick:s,onMouseEnter:a,onMouseLeave:c,onMouseMove:u,onMouseOut:d,onMouseOver:f}},ne=()=>null,re=({children:e})=>e;var oe=(e=>(e[e.add=0]="add",e[e.remove=1]="remove",e))(oe||{});const le=(e=[])=>{const t=i.useRef(e),n=i.useCallback((e=>{switch(e.type){case 0:t.current.push(e.item);break;case 1:{const n=t.current.indexOf(e.item);t.current.splice(n,1);break}}}),[]);return[t.current,n]},se=e=>{const t=i.useCallback((()=>e.current&&e.current.element?e.current.element:e.current),[e]);return i.useCallback((()=>{const e=t();return e&&e.ownerDocument||document}),[t])},ie={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl",xxlarge:"k-icon-xxl",xxxlarge:"k-icon-xxxl"},ae=e=>"k-i-"+e,ce=o.shape({name:o.string.isRequired,content:o.string.isRequired,viewBox:o.string.isRequired}),ue=i.forwardRef(((e,t)=>{const{className:n,name:r,themeColor:o,size:l,flip:s,style:a,id:c,tabIndex:u,...d}=e,f=i.useRef(null),h=i.useRef(null);i.useImperativeHandle(f,(()=>({element:h.current}))),i.useImperativeHandle(t,(()=>f.current));const m=i.useMemo((()=>l||de.size),[l]),g=i.useMemo((()=>s||de.flip),[s]),v=i.useMemo((()=>k("k-icon","k-font-icon",r&&ae(r),{[`k-color-${o}`]:o,"k-flip-h":"horizontal"===g||"both"===g,"k-flip-v":"vertical"===g||"both"===g},ie[m],n)),[r,o,m,g,n]),p=te(e,f);return i.createElement("span",{ref:h,...d,...p,className:v,id:c,tabIndex:u,style:a,role:"presentation"})}));ue.propTypes={style:o.object,classNames:o.string,name:o.string,themeColor:o.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:o.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:o.oneOf(["default","horizontal","vertical","both"])};const de={size:"default",flip:"default"};ue.displayName="KendoIcon";const fe=i.forwardRef(((e,t)=>{const{children:n,className:r,svgClassName:o,icon:l,flip:s,id:a,tabIndex:c,size:u,style:d,svgStyle:f,themeColor:h,viewBox:m,name:g,onClick:v,...p}=e,b=i.useRef(null);i.useImperativeHandle(t,(()=>({element:b.current})));const C=i.useMemo((()=>l?l.name:he.icon),[l]),E=i.useMemo((()=>u||he.size),[u]),x=i.useMemo((()=>s||he.flip),[s]),y=i.useMemo((()=>m||he.viewBox),[m]),A=i.useMemo((()=>k("k-icon","k-svg-icon","k-svg-i-"+C,{[`k-color-${h}`]:h,"k-flip-h":"horizontal"===x||"both"===x,"k-flip-v":"vertical"===x||"both"===x},ie[E],r)),[C,h,E,x,r]),I=i.useMemo((()=>e.width&&e.height?{width:e.width,height:e.height,...d}:e.width?{width:e.width,height:e.width,...d}:e.height?{width:e.height,height:e.height,...d}:{...d}),[e.width,e.height,d]);return i.createElement("span",{className:A,style:I,ref:b,onClick:v,"aria-hidden":!0},i.createElement("svg",{id:a,className:o,style:f,"aria-hidden":!0,tabIndex:c,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:l?l.viewBox:y,dangerouslySetInnerHTML:l?{__html:l.content}:void 0,...p},l?void 0:n))}));fe.propTypes={style:o.object,classNames:o.string,children:o.any,icon:o.object,themeColor:o.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:o.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:o.oneOf(["default","horizontal","vertical","both"])};const he={size:"default",flip:"default",icon:"",viewBox:"0 0 24 24"};fe.displayName="KendoSvgIcon";const me=i.createContext({type:"svg"});me.displayName="KendoReactIconsContext";const ge=i.forwardRef(((e,t)=>{var n,r;const{type:o,icons:l}=i.useContext(me),{icon:s,...a}=e;let c="svg"===o?(null==(n=e.icon)?void 0:n.name)||e.name:e.name||(null==(r=e.icon)?void 0:r.name);c=c&&l&&l[c]&&"string"==typeof l[c]?l[c]:c;const u=c&&l&&l[c]&&"string"!=typeof l[c]?l[c]:s;return"svg"===o&&u?i.createElement(fe,{...e,icon:u,ref:t}):i.createElement(ue,{...a,name:c,ref:t})}));ge.displayName="KendoIconWrap";const ve={xsmall:"k-fs-xs",small:"k-fs-sm",medium:"k-fs-md",large:"k-fs-lg",xlarge:"k-fs-xl"},pe={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},be={xsmall:"k-m-xs",small:"k-m-sm",medium:"k-m-md",large:"k-m-lg",xlarge:"k-m-xl",thin:"k-m-thin",hair:"k-m-hair"},Ce={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",thin:"thin",hair:"hair"},Ee={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},xe={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},ye={lowercase:"k-text-lowercase",uppercase:"k-text-uppercase",capitalize:"k-text-capitalize"},ke={inherit:"k-color-inherit",primary:"k-color-primary",secondary:"k-color-secondary",tertiary:"k-color-tertiary",info:"k-color-info",success:"k-color-success",warning:"k-color-warning",error:"k-color-error",dark:"k-color-dark",light:"k-color-light",inverse:"k-color-inverse"},Ae=e=>{const t=i.forwardRef(((t,n)=>{const{id:r,style:o,className:l,fontSize:s,fontWeight:a,textAlign:c,textTransform:u,themeColor:d,margin:f,...h}=t,m=i.useRef(null),g=i.useRef(null);i.useImperativeHandle(m,(()=>({element:g.current,props:t}))),i.useImperativeHandle(n,(()=>m.current));const v=e,p=()=>{if(void 0!==f){if("string"==typeof f)return[be[f]];if("number"==typeof f&&f>=0&&f<=24)return[`k-m-${f}`];if("object"==typeof f){const e=[];return Object.keys(f).forEach((t=>{null!==f[t]&&void 0!==f[t]&&e.push(((e,t)=>`${Ee[e]}${"string"==typeof t?Ce[t]:t}`)(t,f[t]))})),e.join(" ")}}};return i.createElement(v,{id:r,ref:g,className:[`k-${"p"===e?"paragraph":e}`,ve[s],pe[a],xe[c],ye[u],ke[d],p(),l].filter((e=>void 0!==e)).join(" "),style:o,...h},t.children)}));return t.propTypes={style:o.object,className:o.string,fontSize:o.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:o.oneOf(["light","normal","bold"]),margin:o.oneOfType([o.number,o.object,o.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:o.oneOf(["left","right","center","justify"]),textTransform:o.oneOf(["lowercase","uppercase","capitalize"]),themeColor:o.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},t.displayName=`KendoReactTypography${e.toUpperCase()}`,t},Ie={h1:Ae("h1"),h2:Ae("h2"),h3:Ae("h3"),h4:Ae("h4"),h5:Ae("h5"),h6:Ae("h6"),p:Ae("p"),code:Ae("code"),pre:Ae("pre")},we=i.createContext([void 0,Y]),De=i.createContext([void 0,Y]),Oe=i.createContext([[],Y,Y]),Pe=i.createContext([[],Y,Y]),Me=(e,t,n)=>{const[r,o]=i.useState(t||e),l=i.useCallback(((e,t)=>{o(e),n&&n.call(void 0,{...t,value:e})}),[n,o]);return[void 0!==t?t:r,l]},Re=e=>{const[t,n]=Me(null,void 0),[r,o]=Me(null,void 0),[l,s]=le([]),[a,c]=le([]);return i.createElement(we.Provider,{value:[t,n]},i.createElement(De.Provider,{value:[r,o]},i.createElement(Oe.Provider,{value:[l,e=>{s({type:oe.add,item:e})},e=>{s({type:oe.remove,item:e})}]},i.createElement(Pe.Provider,{value:[a,e=>{c({type:oe.add,item:e})},e=>{c({type:oe.remove,item:e})}]},e.children))))};Re.displayName="KendoReactDragAndDrop";const Le=(e,t)=>{const[n,r]=i.useContext(e),[o,l]=i.useState(t);return[void 0!==n?n:o,(...e)=>{void 0!==n?r(...e):l(e[0])}]};function Fe(e,t,n={}){const{onPress:r=Y,onRelease:o=Y,onDragStart:s=Y,onDrag:a=Y,onDragEnd:c=Y}=t,{hint:u=null,mouseOnly:d=!1,autoScroll:f=!0,scrollContainer:h=null}=n,[m,g]=i.useState(!1),[v,p]=i.useState(!1),[b]=Le(De),[C,E]=Le(we),[x]=i.useContext(Pe),[y,k,A]=i.useContext(Oe),I=i.useRef({x:0,y:0}),w=i.useRef(),D=i.useRef(!1),O=i.useRef(),P=i.useRef(null),M=i.useRef(!1),R=i.useRef({x:0,y:0}),L=i.useRef({x:0,y:0}),F=i.useRef({x:0,y:0}),S=i.useRef({x:0,y:0}),B=i.useRef({x:0,y:0}),N=i.useRef({x:0,y:0}),T=!("undefined"==typeof window||!window.PointerEvent),H=!d&&T,j=i.useCallback((()=>e.current&&e.current.element?e.current.element:e.current),[e]),Q=i.useCallback((()=>u&&u.current&&u.current.element?u.current.element:u?u.current:null),[u]),z=i.useCallback((()=>h&&h.current&&h.current.element?h.current.element:h?h.current:null),[h]),X=i.useCallback((()=>"object"==typeof f&&f.boundaryElementRef&&f.boundaryElementRef.current&&f.boundaryElementRef.current.element?f.boundaryElementRef.current.element:"object"==typeof f&&f.boundaryElementRef&&f.boundaryElementRef.current?f.boundaryElementRef.current:null),[f]),J=i.useRef(null);i.useImperativeHandle(J,(()=>({element:j(),hint:Q(),onPress:oe,onDragStart:se,onDrag:ie,onDragEnd:ae,onRelease:le,data:e.current})));const G=i.useCallback((()=>{const e=j();return e&&e.ownerDocument||document}),[j]),U=i.useCallback((()=>{const e=G();return e&&e.defaultView||window}),[G]),q=i.useCallback((()=>({drag:C?C.current:null,drop:b?b.current:null,drags:y.map((e=>e.current)),drops:x.map((e=>e.current)),pressed:m,ignoreMouse:D.current,scrollOffset:B.current,offset:R.current,pageOffset:L.current,initialScrollOffset:N.current,clientOffset:F.current,initialClientOffset:S.current,velocity:I.current,autoScroll:!!("object"==typeof f?!1!==f.enabled:f),scrollableParent:X(),autoScrollDirection:"object"==typeof f?f.direction:{horizontal:!0,vertical:!0},isScrolling:v})),[C,b,y,x,m,f,X,v]),Z=i.useCallback((e=>{g(e)}),[]),K=i.useCallback((e=>{p(e)}),[]),V=i.useCallback((e=>{I.current=e}),[]),W=i.useCallback((e=>{R.current=e}),[]),_=i.useCallback((e=>{F.current=e}),[]),ee=i.useCallback((e=>{L.current=e}),[]),te=i.useCallback((e=>{S.current=e}),[]),ne=i.useCallback((e=>{B.current=e}),[]),re=i.useCallback((e=>{N.current=e}),[]),oe=i.useCallback((e=>{r(e)}),[r]),le=i.useCallback((e=>{o(e)}),[o]),se=i.useCallback((t=>{E(J,{target:e.current,event:t}),s(t)}),[E,e,s]),ie=i.useCallback((e=>{a(e)}),[a]),ae=i.useCallback((t=>{M.current||(E(null,{target:e.current,event:t}),c(t))}),[c,E,e]),ce=i.useCallback((e=>{l.dispatchDragAndDrop(q(),{event:e,payload:J.current},{onVelocityChange:V,onOffsetChange:W,onClientOffsetChange:_,onPageOffsetChange:ee,onInitialClientOffsetChange:te,onScrollOffsetChange:ne,onInitialScrollOffsetChange:re,onIsPressedChange:Z,onIsScrollingChange:K})}),[q,V,W,ee,_,te,re,Z,ne,K]),ue=i.useCallback((e=>{ce(e)}),[ce]),de=i.useCallback((e=>{ce(e)}),[ce]),fe=i.useCallback((e=>{ce(e)}),[ce]),he=i.useCallback((e=>{ce(e)}),[ce]),me=i.useCallback((e=>{ce(e)}),[ce]),ge=i.useCallback((e=>{ce(e)}),[ce]),ve=i.useCallback((e=>{ce(e)}),[ce]),pe=i.useCallback((e=>{e.preventDefault(),ce(e)}),[ce]),be=i.useCallback((e=>{e.preventDefault(),ce(e)}),[ce]),Ce=i.useCallback((e=>{e.preventDefault(),ce(e)}),[ce]),Ee=i.useCallback((e=>{if(0===e.touches.length&&1===e.changedTouches.length){const e=U();D.current=!0,O.current=e.setTimeout((()=>{D.current=!1}),2e3)}ce(e)}),[ce,U]),xe=i.useCallback((e=>{ce(e)}),[ce]),ye=i.useCallback((()=>{const e=j();if(e){const t=e.style.touchAction;return e.style.touchAction="none",()=>{e.style.touchAction=t}}}),[j]),ke=i.useCallback((()=>(k(J),()=>{A(J)})),[A,k]);i.useEffect((()=>{const e=U();if(v){const t=z()||l.getScrollableParent(document.elementFromPoint(F.current.x,F.current.y));e.clearInterval(w.current),w.current=e.setInterval((()=>{l.autoScroll(t,{x:I.current.x,y:I.current.y})}),50)}return()=>{e.clearInterval(w.current)}}),[j,z,U,v]),i.useEffect(ye,[ye]),i.useEffect((()=>{const e=U(),t=j(),n=G();return H?(t&&(P.current=l.getScrollableParent(t),P.current&&P.current.addEventListener("scroll",xe,{passive:!0}),t.addEventListener("pointerdown",ue,{passive:!0})),m&&(n.addEventListener("pointermove",de),n.addEventListener("pointerup",he,!0),n.addEventListener("contextmenu",pe),n.addEventListener("pointercancel",fe,{passive:!0}))):(e.addEventListener("touchmove",Y,{capture:!1,passive:!1}),t&&(t.addEventListener("mousedown",me,{passive:!0}),d||(t.addEventListener("touchstart",be,{passive:!0}),m&&(t.addEventListener("touchmove",Ce,{passive:!0}),t.addEventListener("touchend",Ee,{passive:!0})))),m&&(n.addEventListener("mousemove",ge,{passive:!0}),n.addEventListener("mouseup",ve,{passive:!0}))),()=>{P.current&&P.current.removeEventListener("scroll",xe),t&&(t.removeEventListener("pointerdown",ue),t.removeEventListener("mousedown",me),t.removeEventListener("touchstart",be),t.removeEventListener("touchmove",Ce),t.removeEventListener("touchend",Ee)),n.removeEventListener("pointermove",de),n.removeEventListener("pointerup",he,!0),n.removeEventListener("contextmenu",pe),n.removeEventListener("pointercancel",fe),n.removeEventListener("mousemove",ge),n.removeEventListener("mouseup",ve),e.removeEventListener("touchmove",Y),e.clearTimeout(O.current)}}),[m,U,j,G,d,H,pe,me,ge,ve,fe,ue,de,he,Ee,Ce,be,xe]),i.useEffect((()=>(M.current=!1,()=>{M.current=!0})),[]),$(ke,[ke])}const Se=i.forwardRef(((e,t)=>{const n=i.useRef(null),r=i.useRef(null),o=i.useCallback((()=>n.current&&n.current.element?n.current.element:n.current),[n]);i.useImperativeHandle(r,(()=>({element:o()||null}))),i.useImperativeHandle(t,(()=>r.current)),i.useImperativeHandle(e.childRef,(()=>n.current));const l=i.useCallback((t=>{e.onPress&&e.onPress({element:o(),target:r.current,event:t})}),[o,e.onPress]),s=i.useCallback((t=>{e.onRelease&&e.onRelease({element:o(),target:r.current,event:t})}),[o,e.onRelease]),a=i.useCallback((t=>{e.onDragStart&&e.onDragStart({element:o(),target:r.current,event:t})}),[e,o]),c=i.useCallback((t=>{e.onDrag&&e.onDrag({element:o(),target:r.current,event:t})}),[o,e.onDrag]),u=i.useCallback((t=>{e.onDragEnd&&e.onDragEnd({element:o(),target:r.current,event:t})}),[o,e.onDragEnd]);return Fe(n,{onPress:l,onRelease:s,onDragStart:a,onDrag:c,onDragEnd:u},{mouseOnly:e.mouseOnly,autoScroll:e.autoScroll,hint:e.hint,scrollContainer:e.scrollContainer}),e.children?i.cloneElement(i.Children.only(e.children),{ref:n}):null}));function Be(e,t={onDragEnter:Y,onDragOver:Y,onDragLeave:Y,onDrop:Y}){const{onDragEnter:n=Y,onDragOver:r=Y,onDragLeave:o=Y,onDrop:l=Y}=t,[,s]=Le(De),[,a,c]=i.useContext(Pe),u=i.useCallback((()=>e.current&&e.current.element?e.current.element:e.current),[e]),d=i.useRef(null);i.useImperativeHandle(d,(()=>({element:u(),onDragEnter:f,onDragOver:h,onDragLeave:m,onDrop:g,data:e.current})));const f=i.useCallback((t=>{s(d,{target:e.current,event:t}),n(t)}),[s,e,n]),h=i.useCallback((e=>{r(e)}),[r]),m=i.useCallback((t=>{s(null,{target:e.current,event:t}),o(t)}),[s,e,o]),g=i.useCallback((t=>{s(null,{target:e.current,event:t}),l(t)}),[s,e,l]),v=i.useCallback((()=>(a(d),()=>{c(d)})),[c,a]);$(v,[v])}Se.displayName="KendoReactDraggable";const Ne=i.forwardRef(((e,t)=>{const n=i.useRef(null),r=i.useRef(null),o=i.useCallback((()=>n.current&&n.current.element?n.current.element:n.current),[n]);i.useImperativeHandle(r,(()=>({element:o()||void 0}))),i.useImperativeHandle(t,(()=>r.current)),i.useImperativeHandle(e.childRef,(()=>n.current));const l=i.useCallback((t=>{e.onDragEnter&&e.onDragEnter({element:o(),target:r.current,event:t})}),[e.onDragEnter,o]),s=i.useCallback((t=>{e.onDragOver&&e.onDragOver({element:o(),target:r.current,event:t})}),[o,e.onDragOver]),a=i.useCallback((t=>{e.onDragLeave&&e.onDragLeave({element:o(),target:r.current,event:t})}),[e.onDragLeave,o]),c=i.useCallback((t=>{e.onDrop&&e.onDrop({element:o(),target:r.current,event:t})}),[e.onDrop,o]);return Be(n,{onDragEnter:l,onDragOver:s,onDragLeave:a,onDrop:c}),e.children?i.cloneElement(i.Children.only(e.children),{ref:n}):null}));Ne.displayName="KendoReactDroppable";function Te(e,t){return e===t||Number.isNaN(e)&&Number.isNaN(t)}function He(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!Te(e[n],t[n]))return!1;return!0}const je=e=>{const t=e.shadowRoot,n=e.contentDocument;return t&&t.activeElement?je(t.activeElement):n&&n.activeElement?je(n.activeElement):e};function Qe(e,t){const n=(e||"").split(".");let r=t;return n.forEach((e=>{r=r?r[e]:void 0})),r}class ze{constructor(){this.objects=[]}init(e){let t;for(let n=0;n<e.length;n++)n%5e4==0&&(t={},this.objects.push(t)),t[e[n]]=!0}hasId(e){return this.objects.some((t=>t[e]))}}function Xe(e,t){const n=Qe(t,e);return!(!n||!n.length)}function Ye(e,t,n,r){const o=[],l=new ze;return l.init(e),Je(l,t,n,c,o,r),o}function Je(e,t,n,r,o,l){for(let s=0;s<n.length;s++){const i=n[s],a=h(s,r);e.hasId(Qe(t,i))&&o.push(a),Xe(i,l)&&Je(e,t,Qe(l,i),a,o,l)}}e.AsyncFocusBlur=({children:e,onFocus:t,onBlur:n,onSyncFocus:r,onSyncBlur:o})=>{const l=W({onFocus:t,onBlur:n,onSyncFocus:r,onSyncBlur:o});return i.createElement(i.Fragment,null,e.call(void 0,{...l}))},e.BrowserSupportService=x,e.COLLECTION_ACTION=oe,e.DragAndDrop=Re,e.Draggable=Se,e.Droppable=Ne,e.FIELD_REGEX=P,e.FOCUSABLE_ELEMENTS=F,e.FOCUSABLE_ELEMENTS_BASE=L,e.FormComponent=class{},e.Icon=ue,e.IconWrap=ge,e.IconsContext=me,e.Keys=O,e.Navigation=class{constructor(e){this.rovingTabIndex=!0,this.update=()=>{},this.focusNextIndex=(e,t,n)=>{const r=1===t?this.next(e,n):this.previous(e,n);return this.focusElement(r,e),r},this.tabIndex=e.tabIndex||0,this.root=e.root,this.selectors=e.selectors,this.focusOptions=e.focusOptions||{preventScroll:!0},this.rovingTabIndex=void 0===e.rovingTabIndex||e.rovingTabIndex,this.mouseEvents=e.mouseEvents||{},this.keyboardEvents=e.keyboardEvents||{}}get elements(){return this.root.current?Array.from(this.root.current.querySelectorAll(this.selectors.join(","))):[]}get first(){return this.root.current&&this.root.current.querySelector(this.selectors.join(","))||null}get last(){const e=this.elements;return e[e.length-1]||null}get current(){return this.elements.find((e=>e.matches(":focus")))||null}next(e,t){const n=t?this.customElements(t):this.elements;let r=n.indexOf(e)+1;return r=r<0?n.length-1:r,n[r%n.length]}previous(e,t){const n=t?this.customElements(t):this.elements;let r=n.indexOf(e)-1;return r=r<0?n.length-1:r,n[r%n.length]}focusNext(e,t){return this.focusNextIndex(e,1,t)}focusPrevious(e,t){return this.focusNextIndex(e,-1,t)}triggerKeyboardEvent(e,t){const n=e.target instanceof Element&&e.target.closest(this.selectors.join(",")),r=" "===e.key?"Space":e.key,o=e.nativeEvent.type;n&&this.keyboardEvents[o][r]&&this.keyboardEvents[o][r].call(void 0,n,this,e,t)}triggerMouseEvent(e){const t=e.target instanceof Element&&e.target.closest(this.selectors.join(",")),n=e.nativeEvent.type;t&&this.mouseEvents[n].call(void 0,t,this,e)}focusElement(e,t){e&&(t&&(this.rovingTabIndex&&t.removeAttribute("tabindex"),t.classList.remove("k-focus")),this.rovingTabIndex&&e.setAttribute("tabindex",String(this.tabIndex)),e.focus(this.focusOptions))}customElements(e){return this.root.current?Array.from(this.root.current.querySelectorAll(e.join(","))):[]}},e.SortedPublicItemIds=ze,e.SvgIcon=fe,e.TABBABLE_ELEMENTS=S,e.TreeFieldsService=class{constructor(e){this.expandField=e.expandField,this.selectField=e.selectField,this.hasChildrenField=e.hasChildrenField,this.childrenField=e.childrenField,this.textField=e.textField,this.disableField=e.disableField,this.checkField=e.checkField,this.checkIndeterminateField=e.checkIndeterminateField,this.focusIdField=e.focusIdField}expanded(e){return Qe(this.expandField,e)}selected(e){return Qe(this.selectField,e)}text(e){return Qe(this.textField,e)}disabled(e){return Qe(this.disableField,e)}hasChildren(e){return Qe(this.hasChildrenField,e)}children(e){return Qe(this.childrenField,e)||[]}checked(e){return Qe(this.checkField,e)}checkIndeterminate(e){return Qe(this.checkIndeterminateField,e)}focusId(e){return this.focusIdField&&Qe(this.focusIdField,e)}getChildrenField(){return this.childrenField}},e.Typography=Ie,e.WatermarkOverlay=()=>{const[e,t]=i.useState(!0),[n,r]=i.useState(!1);i.useEffect((()=>{V||(r(!0),V=!0)}),[]);const o=i.createElement(i.Fragment,null,e&&i.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",position:"fixed",top:"16px",right:"16px",padding:"12px",borderRadius:"4px",boxShadow:"0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.03)",fontSize:"14px",fontWeight:400,lineHeight:"20px",backgroundColor:"#FFC000",color:"#1E1E1E",zIndex:999}},i.createElement("span",{style:{display:"flex",alignSelf:"center",marginRight:"8px"}},i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z",fill:"#1E1E1E"}))),i.createElement("span",null,"No valid license found for KendoReact. Learn how to activate your license."),i.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"24px"}},i.createElement("a",{href:"https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-banner",style:{marginRight:"8px",display:"flex"}},i.createElement("button",{title:"Learn More",style:{display:"inline-flex",position:"relative",border:"none",borderRadius:"4px",padding:"5px",backgroundColor:"transparent",transition:"color 0.2s ease-in-out",outline:"none",cursor:"pointer"}},i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M15 8C15 11.8656 11.8656 15 8 15C4.13437 15 1 11.8656 1 8C1 4.13437 4.13437 1 8 1C11.8656 1 15 4.13437 15 8ZM14 8C14 4.6875 11.3125 2 8 2C4.6875 2 2 4.6875 2 8C2 11.3125 4.6875 14 8 14C11.3125 14 14 11.3125 14 8ZM11 6C11 7.4125 10.2687 8.05937 9.73125 8.53125C9.25937 8.94688 9 9.17813 9 10H7C7 8.275 7.84688 7.525 8.40938 7.03125C8.84062 6.65312 9 6.50938 9 6C9 5.45 8.55 5 8 5C7.45 5 7 5.45 7 6H5C5 4.34375 6.34375 3 8 3C9.65625 3 11 4.34375 11 6ZM9 13V11H7V13H9Z",fill:"#1E1E1E"})))),i.createElement("button",{title:"Close",style:{display:"inline-flex",position:"relative",border:"none",borderRadius:"4px",padding:"5px",backgroundColor:"transparent",transition:"color 0.2s ease-in-out",outline:"none",cursor:"pointer"},onClick:()=>{t(!1)}},i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z",fill:"#1E1E1E"}))))));return i.createElement(i.Fragment,null,i.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,right:0,bottom:0,opacity:.12,zIndex:101,pointerEvents:"none",backgroundImage:"url('data:image/png;base64,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')"}}),n&&a.createPortal(o,document.body))},e.ZIndexContext=E,e.addItem=function e(t,n,r,o,l){const s=l.slice();if(v(o))if("child"===n){const e=s[Number(o)]={...s[Number(o)]};e[r]?(e[r]=e[r].slice(),e[r].push(t)):e[r]=[t]}else s.splice(Number(o)+("after"===n?1:0),0,t);else{const l=Number(d(o)),i=s[l]={...s[l]};i[r]=e(t,n,r,f(o),i[r])}return s},e.applyTrappedFocus=(e,t,n,r)=>{let o=!0;e.keyCode===O.enter||e.target!==t?(e.keyCode===O.enter&&e.target===t?(o=!0,setTimeout((()=>{H(t,r)}),1)):e.keyCode===O.esc?(o=!1,t.focus()):j(e,t,r),n&&n(o)):n&&n(!1)},e.areAllDirectChildrenChecked=function(e,t,n,r,o){return(e[r]||[]).every(((e,r)=>o.indexOf(n?Qe(n,e):h(r,t))>-1))},e.canUseDOM=y,e.canUseRef=e=>"string"!=typeof Comment&&((e=>{var t;return!("function"!=typeof e||null==(t=e.prototype)||!t.isReactComponent)})(e)||(e=>!(!e.$$typeof||"function"!=typeof e.render))(e)),e.classNames=k,e.clone=function(e){const t={};return I(e,t),t},e.cloneArray=D,e.cloneDate=A,e.cloneObject=I,e.cloneValue=w,e.createPropsContext=()=>i.createContext((e=>e)),e.disableNavigatableContainer=(e,t)=>{const n=B(e,t);n&&n.forEach((e=>{e.tabIndex=-1}))},e.dispatchEvent=function(e,t,n,r){if(e){const o={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(o,r))}},e.enableNavigatableContainer=(e,t)=>{const n=B(e,t);n&&n.forEach((e=>{e.tabIndex=0}))},e.extendDataItem=(e,t,n)=>Object.assign({},e,e[t]?{[t]:e[t].slice()}:{},n||{}),e.firstFocusableChild=N,e.focusFirstFocusableChild=H,e.focusLastFocusableChild=(e,t)=>{if(e){const n=T(e,t);n&&n.focus()}},e.focusableChildren=B,e.getActiveElement=e=>{if(e&&e.activeElement)return je(e.activeElement)},e.getAllDirectIndirectChildrenIds=function(e,t,n,r){return r?function e(t){let o=[];const l=t[n]||[];for(let t=0;t<l.length;t++)o.push(Qe(r,l[t])),o=o.concat(e(l[t]));return o}(e):function e(t,r){let o=[];const l=t[n]||[];for(let t=0;t<l.length;t++){const n=h(t,r);o.push(n),o=o.concat(e(l[t],n))}return o}(e,t)},e.getAllParents=function(e,t,n){const r=[],o=p(e);let l=n;for(let e=0;e<o.length-1&&l;e++){const n=l[Number(o[e])];r.push(n),l=n[t]}return r},e.getInnerActiveElement=je,e.getItemPath=(e,t,n)=>{const r=[],o=[...t];if(o.length){let t=e[o.shift()||0];for(r.push(t);o.length&&n;)t=t[n][o.shift()||0],r.push(t)}return r},e.getNestedValue=Qe,e.getScrollbarWidth=()=>!(!y||!document.body)&&(new x).scrollbarWidth,e.getTabIndex=(e,t,n)=>{const r="string"==typeof e?parseInt(e):e;if(!Number.isNaN(r))return void 0!==r?r:t?n?void 0:-1:0},e.getter=function(e){if(z[e])return z[e];const t=Q(e);return z[e]=function(e){let n=e;for(let e=0;e<t.length&&n;e++)n=n[t[e]];return n},z[e]},e.guid=X,e.hasChildren=Xe,e.hasRelativeStackingContext=e=>{if(!y)return!1;const t=e?e.ownerDocument:document;if(!t||!t.body)return!1;const n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)";const r=t.createElement("div");r.appendChild(t.createTextNode("child")),r.style.position="fixed",r.style.top="10px",n.appendChild(r),t.body.appendChild(n);const o=10!==r.getBoundingClientRect().top;return t.body.removeChild(n),o},e.isArray=function(e){return void 0!==e.length},e.isEnabledAndAllParentsEnabled=function(e,t,n){const r=p(e);let o=t;for(let e=0;e<r.length;e++){const t=o[Number(r[e])];if(n.disabled(t))return!1;o=t[n.getChildrenField()]}return!0},e.isItemExpandedAndWithChildren=function(e,t){return t.expanded(e)&&Xe(e,t.getChildrenField())},e.keepFocusInContainer=j,e.kendoThemeMaps={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"},orientationMap:{vertical:"vstack",horizontal:"hstack"}},e.lastFocusableChild=T,e.mapTree=(e,t,n)=>[...e.map((e=>q(e,t,n)))],e.mapTreeItem=(e,t,n,r)=>{let o=e;const l=[];for(let e=0;e<t.length;e++)o=o[t[e]],o=Array.isArray(o)?o:o[n],l.push(o);const s=l.length>1?l[l.length-2]:e,i=t[t.length-1],a=r(s[i]);s.splice(i,1,a)},e.memoizeOne=function(e,t=He){let n=null;function r(...r){if(n&&n.lastThis===this&&t(r,n.lastArgs))return n.lastResult;const o=e.apply(this,r);return n={lastResult:o,lastArgs:r,lastThis:this},o}return r.clear=function(){n=null},r},e.noop=Y,e.removeItem=function e(t,n,r){const o=r.slice();if(v(t))o.splice(Number(t),1);else{const r=Number(d(t)),l=o[r]={...o[r]};l[n]=e(f(t),n,l[n])}return o},e.resolveItemId=function(e,t,n,r){const o=Ye([e],t,n,r);return o.length?o[0]:void 0},e.resolveItemsIds=Ye,e.setScrollbarWidth=()=>{if(!y||!document.body)return!1;let e=(new x).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width",`${e}px`)},e.setter=function(e){if(J[e])return J[e];const t=Q(e);return J[e]=(e,n,r)=>{let o=e;const l=t.length-1;for(let e=0;e<l&&o;e++)o=o[t[e]]=o[t[e]]||G(t[e+1],r);o[t[l]]=n},J[e]},e.shouldShowValidationUI=function(e){return!Z.some((e=>{var t;return null==(t=globalThis.document)?void 0:t.location.hostname.endsWith(e)}))&&!n.validatePackage(e)},e.svgIconPropType=ce,e.toIconClass=ae,e.toIconName=e=>e.replace(/^k-i-/,""),e.treeIdUtils=C,e.updateItem=function e(t,n,r,o,l){const s=Number(d(n));if(s>=t.length)return t;let i=t,a=t[s];return a[o]||(i=t.slice(),a=i[s]=Object.assign({},a,{[o]:!0})),v(n)?r(a):a[l]&&(a[l]=e(a[l],f(n),r,o,l)),i},e.useAsyncFocusBlur=W,e.useCollection=le,e.useCustomComponent=e=>e?e===i.Fragment?[re,{}]:i.isValidElement(e)?[e.type,e.props]:[e,{}]:[ne,{}],e.useDir=function(e,t,n){const[r,o]=i.useState(t);return i.useEffect((()=>{if(!r&&window&&e.current){const t=window.getComputedStyle(e.current).direction;t&&o(t)}}),n),r},e.useDocument=se,e.useDraggable=Fe,e.useDroppable=Be,e.useId=ee,e.useIsomorphicLayoutEffect=$,e.useMouse=te,e.usePropsContext=_,e.useRtl=function(e,t,n){const[r,o]=i.useState(t);return i.useEffect((()=>{if(!r&&window&&e.current){const t=window.getComputedStyle(e.current).direction;t&&o(t)}}),n),r},e.useWindow=e=>{const t=se(e);return i.useCallback((()=>{const e=t();return e&&e.defaultView||window}),[t])},e.useZIndexContext=()=>i.useContext(E),e.validatePackage=K,e.withIdHOC=e=>i.forwardRef(((t,n)=>{const r=ee(t.id);return i.createElement(e,{...t,id:r,ref:n})})),e.withPropsContext=(e,t)=>i.forwardRef(((n,r)=>{const o=_(e,n);return i.createElement(t,{...o,ref:r})}))}));
package/index.d.mts CHANGED
@@ -1179,7 +1179,7 @@ export declare class Navigation {
1179
1179
  /**
1180
1180
  * @hidden
1181
1181
  */
1182
- selectors: string[];
1182
+ selectors: string[] | string[][];
1183
1183
  /**
1184
1184
  * @hidden
1185
1185
  */
@@ -1227,14 +1227,22 @@ export declare class Navigation {
1227
1227
  * Returns the focused DOM element from the navigation collection of DOM elements.
1228
1228
  */
1229
1229
  get current(): HTMLElement | null;
1230
+ /**
1231
+ * Returns the next DOM element from the navigation collection of DOM elements.
1232
+ */
1233
+ next(target: HTMLElement, selectors?: string[] | string[][]): HTMLElement;
1234
+ /**
1235
+ * Returns the previous DOM element from the navigation collection of DOM elements.
1236
+ */
1237
+ previous(target: HTMLElement, selectors?: string[] | string[][]): HTMLElement;
1230
1238
  /**
1231
1239
  * Focuses the next element from the navigation collection of DOM elements.
1232
1240
  */
1233
- focusNext(target: HTMLElement): HTMLElement;
1241
+ focusNext(target: HTMLElement, selectors?: string[] | string[][]): HTMLElement;
1234
1242
  /**
1235
1243
  * Focuses the previous element from the navigation collection of DOM elements.
1236
1244
  */
1237
- focusPrevious(target: HTMLElement): HTMLElement;
1245
+ focusPrevious(target: HTMLElement, selectors?: string[] | string[][]): HTMLElement;
1238
1246
  /**
1239
1247
  * The keyboard events handler.
1240
1248
  */
@@ -1246,12 +1254,13 @@ export declare class Navigation {
1246
1254
  /**
1247
1255
  * Focuses the passed element from the navigation collection of DOM elements.
1248
1256
  */
1249
- focusElement(element: HTMLElement | null, previous: HTMLElement | null): void;
1257
+ focusElement(element: HTMLElement | null, previous?: HTMLElement | null): void;
1250
1258
  /**
1251
1259
  * @hidden
1252
1260
  */
1253
1261
  update: () => void;
1254
1262
  private focusNextIndex;
1263
+ private customElements;
1255
1264
  }
1256
1265
 
1257
1266
  /**
@@ -1271,7 +1280,7 @@ export declare interface NavigationOptions {
1271
1280
  * Sets the CSS selectors used by the [Navigation]({% slug api_common_navigation %}). The navigation DOM elements will be queried using the selectors.
1272
1281
  * Make sure their order matches the navigating order.
1273
1282
  */
1274
- selectors: string[];
1283
+ selectors: string[] | string[][];
1275
1284
  /**
1276
1285
  * Configures if the roving tabIndex technique will be used in the [Navigation]({% slug api_common_navigation %}).
1277
1286
  */
package/index.d.ts CHANGED
@@ -1179,7 +1179,7 @@ export declare class Navigation {
1179
1179
  /**
1180
1180
  * @hidden
1181
1181
  */
1182
- selectors: string[];
1182
+ selectors: string[] | string[][];
1183
1183
  /**
1184
1184
  * @hidden
1185
1185
  */
@@ -1227,14 +1227,22 @@ export declare class Navigation {
1227
1227
  * Returns the focused DOM element from the navigation collection of DOM elements.
1228
1228
  */
1229
1229
  get current(): HTMLElement | null;
1230
+ /**
1231
+ * Returns the next DOM element from the navigation collection of DOM elements.
1232
+ */
1233
+ next(target: HTMLElement, selectors?: string[] | string[][]): HTMLElement;
1234
+ /**
1235
+ * Returns the previous DOM element from the navigation collection of DOM elements.
1236
+ */
1237
+ previous(target: HTMLElement, selectors?: string[] | string[][]): HTMLElement;
1230
1238
  /**
1231
1239
  * Focuses the next element from the navigation collection of DOM elements.
1232
1240
  */
1233
- focusNext(target: HTMLElement): HTMLElement;
1241
+ focusNext(target: HTMLElement, selectors?: string[] | string[][]): HTMLElement;
1234
1242
  /**
1235
1243
  * Focuses the previous element from the navigation collection of DOM elements.
1236
1244
  */
1237
- focusPrevious(target: HTMLElement): HTMLElement;
1245
+ focusPrevious(target: HTMLElement, selectors?: string[] | string[][]): HTMLElement;
1238
1246
  /**
1239
1247
  * The keyboard events handler.
1240
1248
  */
@@ -1246,12 +1254,13 @@ export declare class Navigation {
1246
1254
  /**
1247
1255
  * Focuses the passed element from the navigation collection of DOM elements.
1248
1256
  */
1249
- focusElement(element: HTMLElement | null, previous: HTMLElement | null): void;
1257
+ focusElement(element: HTMLElement | null, previous?: HTMLElement | null): void;
1250
1258
  /**
1251
1259
  * @hidden
1252
1260
  */
1253
1261
  update: () => void;
1254
1262
  private focusNextIndex;
1263
+ private customElements;
1255
1264
  }
1256
1265
 
1257
1266
  /**
@@ -1271,7 +1280,7 @@ export declare interface NavigationOptions {
1271
1280
  * Sets the CSS selectors used by the [Navigation]({% slug api_common_navigation %}). The navigation DOM elements will be queried using the selectors.
1272
1281
  * Make sure their order matches the navigating order.
1273
1282
  */
1274
- selectors: string[];
1283
+ selectors: string[] | string[][];
1275
1284
  /**
1276
1285
  * Configures if the roving tabIndex technique will be used in the [Navigation]({% slug api_common_navigation %}).
1277
1286
  */
package/navigation.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class o{constructor(t){this.rovingTabIndex=!0,this.update=()=>{},this.focusNextIndex=(e,r)=>{const s=this.elements;let n=s.indexOf(e)+r;n=n<0?s.length-1:n;const i=s[n%s.length];return this.focusElement(i,e),i},this.tabIndex=t.tabIndex||0,this.root=t.root,this.selectors=t.selectors,this.focusOptions=t.focusOptions||{preventScroll:!0},this.rovingTabIndex=t.rovingTabIndex!==void 0?t.rovingTabIndex:!0,this.mouseEvents=t.mouseEvents||{},this.keyboardEvents=t.keyboardEvents||{}}get elements(){return this.root.current?Array.from(this.root.current.querySelectorAll(this.selectors.join(","))):[]}get first(){return this.root.current&&this.root.current.querySelector(this.selectors.join(","))||null}get last(){const t=this.elements;return t[t.length-1]||null}get current(){return this.elements.find(t=>t.matches(":focus"))||null}focusNext(t){return this.focusNextIndex(t,1)}focusPrevious(t){return this.focusNextIndex(t,-1)}triggerKeyboardEvent(t,e){const r=t.target instanceof Element&&t.target.closest(this.selectors.join(",")),s=t.key===" "?"Space":t.key,n=t.nativeEvent.type;r&&this.keyboardEvents[n][s]&&this.keyboardEvents[n][s].call(void 0,r,this,t,e)}triggerMouseEvent(t){const e=t.target instanceof Element&&t.target.closest(this.selectors.join(",")),r=t.nativeEvent.type;e&&this.mouseEvents[r].call(void 0,e,this,t)}focusElement(t,e){t&&(e&&(this.rovingTabIndex&&e.removeAttribute("tabindex"),e.classList.remove("k-focus")),this.rovingTabIndex&&t.setAttribute("tabindex",String(this.tabIndex)),t.focus(this.focusOptions))}}exports.Navigation=o;
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class i{constructor(t){this.rovingTabIndex=!0,this.update=()=>{},this.focusNextIndex=(e,s,n)=>{const r=s===1?this.next(e,n):this.previous(e,n);return this.focusElement(r,e),r},this.tabIndex=t.tabIndex||0,this.root=t.root,this.selectors=t.selectors,this.focusOptions=t.focusOptions||{preventScroll:!0},this.rovingTabIndex=t.rovingTabIndex!==void 0?t.rovingTabIndex:!0,this.mouseEvents=t.mouseEvents||{},this.keyboardEvents=t.keyboardEvents||{}}get elements(){return this.root.current?Array.from(this.root.current.querySelectorAll(this.selectors.join(","))):[]}get first(){return this.root.current&&this.root.current.querySelector(this.selectors.join(","))||null}get last(){const t=this.elements;return t[t.length-1]||null}get current(){return this.elements.find(t=>t.matches(":focus"))||null}next(t,e){const s=e?this.customElements(e):this.elements;let n=s.indexOf(t)+1;return n=n<0?s.length-1:n,s[n%s.length]}previous(t,e){const s=e?this.customElements(e):this.elements;let n=s.indexOf(t)-1;return n=n<0?s.length-1:n,s[n%s.length]}focusNext(t,e){return this.focusNextIndex(t,1,e)}focusPrevious(t,e){return this.focusNextIndex(t,-1,e)}triggerKeyboardEvent(t,e){const s=t.target instanceof Element&&t.target.closest(this.selectors.join(",")),n=t.key===" "?"Space":t.key,r=t.nativeEvent.type;s&&this.keyboardEvents[r][n]&&this.keyboardEvents[r][n].call(void 0,s,this,t,e)}triggerMouseEvent(t){const e=t.target instanceof Element&&t.target.closest(this.selectors.join(",")),s=t.nativeEvent.type;e&&this.mouseEvents[s].call(void 0,e,this,t)}focusElement(t,e){t&&(e&&(this.rovingTabIndex&&e.removeAttribute("tabindex"),e.classList.remove("k-focus")),this.rovingTabIndex&&t.setAttribute("tabindex",String(this.tabIndex)),t.focus(this.focusOptions))}customElements(t){return this.root.current?Array.from(this.root.current.querySelectorAll(t.join(","))):[]}}exports.Navigation=i;
package/navigation.mjs CHANGED
@@ -6,15 +6,12 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  "use client";
9
- class c {
9
+ class o {
10
10
  constructor(t) {
11
11
  this.rovingTabIndex = !0, this.update = () => {
12
- }, this.focusNextIndex = (e, r) => {
13
- const s = this.elements;
14
- let n = s.indexOf(e) + r;
15
- n = n < 0 ? s.length - 1 : n;
16
- const i = s[n % s.length];
17
- return this.focusElement(i, e), i;
12
+ }, this.focusNextIndex = (e, s, n) => {
13
+ const r = s === 1 ? this.next(e, n) : this.previous(e, n);
14
+ return this.focusElement(r, e), r;
18
15
  }, this.tabIndex = t.tabIndex || 0, this.root = t.root, this.selectors = t.selectors, this.focusOptions = t.focusOptions || { preventScroll: !0 }, this.rovingTabIndex = t.rovingTabIndex !== void 0 ? t.rovingTabIndex : !0, this.mouseEvents = t.mouseEvents || {}, this.keyboardEvents = t.keyboardEvents || {};
19
16
  }
20
17
  /**
@@ -42,31 +39,47 @@ class c {
42
39
  get current() {
43
40
  return this.elements.find((t) => t.matches(":focus")) || null;
44
41
  }
42
+ /**
43
+ * Returns the next DOM element from the navigation collection of DOM elements.
44
+ */
45
+ next(t, e) {
46
+ const s = e ? this.customElements(e) : this.elements;
47
+ let n = s.indexOf(t) + 1;
48
+ return n = n < 0 ? s.length - 1 : n, s[n % s.length];
49
+ }
50
+ /**
51
+ * Returns the previous DOM element from the navigation collection of DOM elements.
52
+ */
53
+ previous(t, e) {
54
+ const s = e ? this.customElements(e) : this.elements;
55
+ let n = s.indexOf(t) - 1;
56
+ return n = n < 0 ? s.length - 1 : n, s[n % s.length];
57
+ }
45
58
  /**
46
59
  * Focuses the next element from the navigation collection of DOM elements.
47
60
  */
48
- focusNext(t) {
49
- return this.focusNextIndex(t, 1);
61
+ focusNext(t, e) {
62
+ return this.focusNextIndex(t, 1, e);
50
63
  }
51
64
  /**
52
65
  * Focuses the previous element from the navigation collection of DOM elements.
53
66
  */
54
- focusPrevious(t) {
55
- return this.focusNextIndex(t, -1);
67
+ focusPrevious(t, e) {
68
+ return this.focusNextIndex(t, -1, e);
56
69
  }
57
70
  /**
58
71
  * The keyboard events handler.
59
72
  */
60
73
  triggerKeyboardEvent(t, e) {
61
- const r = t.target instanceof Element && t.target.closest(this.selectors.join(",")), s = t.key === " " ? "Space" : t.key, n = t.nativeEvent.type;
62
- r && this.keyboardEvents[n][s] && this.keyboardEvents[n][s].call(void 0, r, this, t, e);
74
+ const s = t.target instanceof Element && t.target.closest(this.selectors.join(",")), n = t.key === " " ? "Space" : t.key, r = t.nativeEvent.type;
75
+ s && this.keyboardEvents[r][n] && this.keyboardEvents[r][n].call(void 0, s, this, t, e);
63
76
  }
64
77
  /**
65
78
  * The mouse events handler.
66
79
  */
67
80
  triggerMouseEvent(t) {
68
- const e = t.target instanceof Element && t.target.closest(this.selectors.join(",")), r = t.nativeEvent.type;
69
- e && this.mouseEvents[r].call(void 0, e, this, t);
81
+ const e = t.target instanceof Element && t.target.closest(this.selectors.join(",")), s = t.nativeEvent.type;
82
+ e && this.mouseEvents[s].call(void 0, e, this, t);
70
83
  }
71
84
  /**
72
85
  * Focuses the passed element from the navigation collection of DOM elements.
@@ -74,7 +87,10 @@ class c {
74
87
  focusElement(t, e) {
75
88
  t && (e && (this.rovingTabIndex && e.removeAttribute("tabindex"), e.classList.remove("k-focus")), this.rovingTabIndex && t.setAttribute("tabindex", String(this.tabIndex)), t.focus(this.focusOptions));
76
89
  }
90
+ customElements(t) {
91
+ return this.root.current ? Array.from(this.root.current.querySelectorAll(t.join(","))) : [];
92
+ }
77
93
  }
78
94
  export {
79
- c as Navigation
95
+ o as Navigation
80
96
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-common",
3
- "version": "7.4.0-develop.9",
3
+ "version": "7.4.0",
4
4
  "description": "React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
package/trappedFocus.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./keys.js"),l=require("./constants/main.js"),a=(s,o=l.FOCUSABLE_ELEMENTS)=>s.querySelectorAll(o.join(",")),r=(s,o=l.FOCUSABLE_ELEMENTS)=>{if(s){const t=a(s,o);if(t.length&&t[0].focus)return t[0]}},c=(s,o=l.FOCUSABLE_ELEMENTS)=>{if(s){const t=a(s,o);if(t.length&&t[t.length-1].focus)return t[t.length-1]}},u=(s,o)=>{if(s){const t=r(s,o);t&&t.focus()}},b=(s,o)=>{if(s){const t=c(s,o);t&&t.focus()}},n=(s,o,t)=>{if(!(!o||s.keyCode!==f.Keys.tab)&&o){const e=r(o,t),i=c(o,t);e&&i&&!s.shiftKey&&s.target===i&&(s.preventDefault(),e.focus()),e&&i&&s.shiftKey&&s.target===e&&(s.preventDefault(),i.focus()),e||s.preventDefault()}},C=(s,o,t,e)=>{let i=!0;if(s.keyCode!==f.Keys.enter&&s.target===o){t&&t(!1);return}s.keyCode===f.Keys.enter&&s.target===o?(i=!0,setTimeout(()=>{u(o,e)},1)):s.keyCode===f.Keys.esc?(i=!1,o.focus()):n(s,o,e),t&&t(i)},d=(s,o)=>{const t=a(s,o);console.log(t),t&&t.forEach(e=>{e.tabIndex=0})},h=(s,o)=>{const t=a(s,o);t&&t.forEach(e=>{e.tabIndex=-1})};exports.applyTrappedFocus=C;exports.disableNavigatableContainer=h;exports.enableNavigatableContainer=d;exports.firstFocusableChild=r;exports.focusFirstFocusableChild=u;exports.focusLastFocusableChild=b;exports.focusableChildren=a;exports.keepFocusInContainer=n;exports.lastFocusableChild=c;
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./keys.js"),l=require("./constants/main.js"),a=(s,e=l.FOCUSABLE_ELEMENTS)=>s.querySelectorAll(e.join(",")),r=(s,e=l.FOCUSABLE_ELEMENTS)=>{if(s){const t=a(s,e);if(t.length&&t[0].focus)return t[0]}},c=(s,e=l.FOCUSABLE_ELEMENTS)=>{if(s){const t=a(s,e);if(t.length&&t[t.length-1].focus)return t[t.length-1]}},u=(s,e)=>{if(s){const t=r(s,e);t&&t.focus()}},b=(s,e)=>{if(s){const t=c(s,e);t&&t.focus()}},n=(s,e,t)=>{if(!(!e||s.keyCode!==f.Keys.tab)&&e){const o=r(e,t),i=c(e,t);o&&i&&!s.shiftKey&&s.target===i&&(s.preventDefault(),o.focus()),o&&i&&s.shiftKey&&s.target===o&&(s.preventDefault(),i.focus()),o||s.preventDefault()}},C=(s,e,t,o)=>{let i=!0;if(s.keyCode!==f.Keys.enter&&s.target===e){t&&t(!1);return}s.keyCode===f.Keys.enter&&s.target===e?(i=!0,setTimeout(()=>{u(e,o)},1)):s.keyCode===f.Keys.esc?(i=!1,e.focus()):n(s,e,o),t&&t(i)},d=(s,e)=>{const t=a(s,e);t&&t.forEach(o=>{o.tabIndex=0})},h=(s,e)=>{const t=a(s,e);t&&t.forEach(o=>{o.tabIndex=-1})};exports.applyTrappedFocus=C;exports.disableNavigatableContainer=h;exports.enableNavigatableContainer=d;exports.firstFocusableChild=r;exports.focusFirstFocusableChild=u;exports.focusLastFocusableChild=b;exports.focusableChildren=a;exports.keepFocusInContainer=n;exports.lastFocusableChild=c;
package/trappedFocus.mjs CHANGED
@@ -7,65 +7,65 @@
7
7
  */
8
8
  "use client";
9
9
  import { Keys as r } from "./keys.mjs";
10
- import { FOCUSABLE_ELEMENTS as l } from "./constants/main.mjs";
11
- const c = (s, o = l) => s.querySelectorAll(o.join(",")), u = (s, o = l) => {
10
+ import { FOCUSABLE_ELEMENTS as u } from "./constants/main.mjs";
11
+ const c = (s, f = u) => s.querySelectorAll(f.join(",")), l = (s, f = u) => {
12
12
  if (s) {
13
- const t = c(s, o);
13
+ const t = c(s, f);
14
14
  if (t.length && t[0].focus)
15
15
  return t[0];
16
16
  }
17
- }, a = (s, o = l) => {
17
+ }, a = (s, f = u) => {
18
18
  if (s) {
19
- const t = c(s, o);
19
+ const t = c(s, f);
20
20
  if (t.length && t[t.length - 1].focus)
21
21
  return t[t.length - 1];
22
22
  }
23
- }, e = (s, o) => {
23
+ }, e = (s, f) => {
24
24
  if (s) {
25
- const t = u(s, o);
25
+ const t = l(s, f);
26
26
  t && t.focus();
27
27
  }
28
- }, b = (s, o) => {
28
+ }, b = (s, f) => {
29
29
  if (s) {
30
- const t = a(s, o);
30
+ const t = a(s, f);
31
31
  t && t.focus();
32
32
  }
33
- }, n = (s, o, t) => {
34
- if (!(!o || s.keyCode !== r.tab) && o) {
35
- const f = u(o, t), i = a(o, t);
36
- f && i && !s.shiftKey && s.target === i && (s.preventDefault(), f.focus()), f && i && s.shiftKey && s.target === f && (s.preventDefault(), i.focus()), f || s.preventDefault();
33
+ }, n = (s, f, t) => {
34
+ if (!(!f || s.keyCode !== r.tab) && f) {
35
+ const o = l(f, t), i = a(f, t);
36
+ o && i && !s.shiftKey && s.target === i && (s.preventDefault(), o.focus()), o && i && s.shiftKey && s.target === o && (s.preventDefault(), i.focus()), o || s.preventDefault();
37
37
  }
38
- }, d = (s, o, t, f) => {
38
+ }, d = (s, f, t, o) => {
39
39
  let i = !0;
40
- if (s.keyCode !== r.enter && s.target === o) {
40
+ if (s.keyCode !== r.enter && s.target === f) {
41
41
  t && t(!1);
42
42
  return;
43
43
  }
44
- s.keyCode === r.enter && s.target === o ? (i = !0, setTimeout(() => {
45
- e(o, f);
46
- }, 1)) : s.keyCode === r.esc ? (i = !1, o.focus()) : n(s, o, f), t && t(i);
47
- }, g = (s, o) => {
44
+ s.keyCode === r.enter && s.target === f ? (i = !0, setTimeout(() => {
45
+ e(f, o);
46
+ }, 1)) : s.keyCode === r.esc ? (i = !1, f.focus()) : n(s, f, o), t && t(i);
47
+ }, g = (s, f) => {
48
48
  const t = c(
49
49
  s,
50
- o
50
+ f
51
51
  );
52
- console.log(t), t && t.forEach((f) => {
53
- f.tabIndex = 0;
52
+ t && t.forEach((o) => {
53
+ o.tabIndex = 0;
54
54
  });
55
- }, y = (s, o) => {
55
+ }, y = (s, f) => {
56
56
  const t = c(
57
57
  s,
58
- o
58
+ f
59
59
  );
60
- t && t.forEach((f) => {
61
- f.tabIndex = -1;
60
+ t && t.forEach((o) => {
61
+ o.tabIndex = -1;
62
62
  });
63
63
  };
64
64
  export {
65
65
  d as applyTrappedFocus,
66
66
  y as disableNavigatableContainer,
67
67
  g as enableNavigatableContainer,
68
- u as firstFocusableChild,
68
+ l as firstFocusableChild,
69
69
  e as focusFirstFocusableChild,
70
70
  b as focusLastFocusableChild,
71
71
  c as focusableChildren,