@progress/kendo-react-layout 8.1.0-develop.9 → 8.1.0

package/drawer/Drawer.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),e=require("prop-types"),q=require("./context/DrawerContext.js"),R=require("./DrawerNavigation.js"),u=require("@progress/kendo-react-common"),M=require("../package-metadata.js");function T(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(i,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return i.default=t,Object.freeze(i)}const n=T(j),s=n.forwardRef((t,i)=>{u.validatePackage(M.packageMetadata);const{expanded:r,mode:a,position:p,className:v,children:b,style:w,animation:y,mini:m,width:g,miniWidth:k,items:c,item:h,tabIndex:D,onOverlayClick:N,onSelect:l}=t,o=n.useRef(null),x=n.useCallback(()=>{o.current&&o.current.focus()},[]);n.useImperativeHandle(i,()=>({element:o.current,focus:x}));const C=n.useCallback((P,S,d)=>{if(c&&l){const E={itemTarget:P,itemIndex:S,syntheticEvent:d,nativeEvent:d&&d.nativeEvent,target:void 0};l.call(void 0,E)}},[c,l]),f=u.useDir(o,t.dir),O=u.classNames({"k-drawer-container":!0,"k-drawer-expanded":r,"k-drawer-overlay":a==="overlay","k-drawer-push":a==="push","k-drawer-mini":m&&!r},v);return n.createElement(q.DrawerContext.Provider,{value:{animation:y,expanded:r,mode:a,position:p,mini:m,dir:f,items:c,item:h,width:g,miniWidth:k,onOverlayClick:N,onSelect:C}},n.createElement("div",{className:O,ref:o,dir:f,style:w,tabIndex:D},c&&n.createElement(R.DrawerNavigation,null),b))});s.propTypes={animation:e.any,expanded:e.bool,children:e.any,className:e.string,dir:e.string,mode:e.string,position:e.string,mini:e.bool,style:e.object,tabIndex:e.number,width:e.number,miniWidth:e.number,selected:e.number,onSelect:e.func,onOverlayClick:e.func};const I={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:48};s.defaultProps=I;s.displayName="KendoDrawer";exports.Drawer=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),e=require("prop-types"),I=require("./context/DrawerContext.js"),M=require("./DrawerNavigation.js"),u=require("@progress/kendo-react-common"),T=require("../package-metadata.js");function W(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(o,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return o.default=a,Object.freeze(o)}const n=W(R),m=n.forwardRef((a,o)=>{u.validatePackage(T.packageMetadata);const{expanded:t=r.expanded,mode:i=r.mode,position:v=r.position,className:b,children:w,style:y,animation:g=r.animation,mini:p=r.mini,width:h=r.width,miniWidth:k=r.miniWidth,dir:D=r.dir,items:s,item:x,tabIndex:N,onOverlayClick:C,onSelect:l}=a,c=n.useRef(null),O=n.useCallback(()=>{c.current&&c.current.focus()},[]);n.useImperativeHandle(o,()=>({element:c.current,focus:O}));const S=n.useCallback((P,j,d)=>{if(s&&l){const q={itemTarget:P,itemIndex:j,syntheticEvent:d,nativeEvent:d&&d.nativeEvent,target:void 0};l.call(void 0,q)}},[s,l]),f=u.useDir(c,D),E=u.classNames({"k-drawer-container":!0,"k-drawer-expanded":t,"k-drawer-overlay":i==="overlay","k-drawer-push":i==="push","k-drawer-mini":p&&!t},b);return n.createElement(I.DrawerContext.Provider,{value:{animation:g,expanded:t,mode:i,position:v,mini:p,dir:f,items:s,item:x,width:h,miniWidth:k,onOverlayClick:C,onSelect:S}},n.createElement("div",{className:E,ref:c,dir:f,style:y,tabIndex:N},s&&n.createElement(M.DrawerNavigation,null),w))});m.propTypes={animation:e.any,expanded:e.bool,children:e.any,className:e.string,dir:e.string,mode:e.string,position:e.string,mini:e.bool,style:e.object,tabIndex:e.number,width:e.number,miniWidth:e.number,selected:e.number,onSelect:e.func,onOverlayClick:e.func};const r={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:48};m.displayName="KendoDrawer";exports.Drawer=m;

package/drawer/Drawer.mjs

@@ -8,95 +8,96 @@
 "use client";
 import * as t from "react";
 import e from "prop-types";
-import { DrawerContext as S } from "./context/DrawerContext.mjs";
-import { DrawerNavigation as I } from "./DrawerNavigation.mjs";
-import { validatePackage as W, useDir as O, classNames as T } from "@progress/kendo-react-common";
-import { packageMetadata as j } from "../package-metadata.mjs";
-const l = t.forwardRef((d, u) => {
-  W(j);
+import { DrawerContext as W } from "./context/DrawerContext.mjs";
+import { DrawerNavigation as O } from "./DrawerNavigation.mjs";
+import { validatePackage as T, useDir as j, classNames as H } from "@progress/kendo-react-common";
+import { packageMetadata as K } from "../package-metadata.mjs";
+const c = t.forwardRef((p, u) => {
+  T(K);
   const {
-    expanded: n,
-    mode: i,
-    position: p,
-    className: f,
-    children: v,
-    style: w,
-    animation: y,
-    mini: m,
-    width: h,
-    miniWidth: b,
-    items: a,
-    item: k,
-    tabIndex: g,
-    onOverlayClick: x,
-    onSelect: o
-  } = d, r = t.useRef(null), E = t.useCallback(
+    expanded: a = i.expanded,
+    mode: o = i.mode,
+    position: f = i.position,
+    className: v,
+    children: w,
+    style: h,
+    animation: y = i.animation,
+    mini: l = i.mini,
+    width: b = i.width,
+    miniWidth: k = i.miniWidth,
+    dir: x = i.dir,
+    items: r,
+    item: g,
+    tabIndex: E,
+    onOverlayClick: N,
+    onSelect: s
+  } = p, n = t.useRef(null), C = t.useCallback(
     () => {
-      r.current && r.current.focus();
+      n.current && n.current.focus();
     },
     []
   );
   t.useImperativeHandle(u, () => ({
-    element: r.current,
-    focus: E
+    element: n.current,
+    focus: C
   }));
-  const N = t.useCallback(
-    (D, P, s) => {
-      if (a && o) {
-        const R = {
-          itemTarget: D,
-          itemIndex: P,
-          syntheticEvent: s,
-          nativeEvent: s && s.nativeEvent,
+  const D = t.useCallback(
+    (P, R, d) => {
+      if (r && s) {
+        const S = {
+          itemTarget: P,
+          itemIndex: R,
+          syntheticEvent: d,
+          nativeEvent: d && d.nativeEvent,
           target: void 0
         };
-        o.call(void 0, R);
+        s.call(void 0, S);
       }
     },
-    [a, o]
-  ), c = O(r, d.dir), C = T(
+    [r, s]
+  ), m = j(n, x), I = H(
     {
       "k-drawer-container": !0,
-      "k-drawer-expanded": n,
-      "k-drawer-overlay": i === "overlay",
-      "k-drawer-push": i === "push",
-      "k-drawer-mini": m && !n
+      "k-drawer-expanded": a,
+      "k-drawer-overlay": o === "overlay",
+      "k-drawer-push": o === "push",
+      "k-drawer-mini": l && !a
     },
-    f
+    v
   );
   return /* @__PURE__ */ t.createElement(
-    S.Provider,
+    W.Provider,
     {
       value: {
         animation: y,
-        expanded: n,
-        mode: i,
-        position: p,
-        mini: m,
-        dir: c,
-        items: a,
-        item: k,
-        width: h,
-        miniWidth: b,
-        onOverlayClick: x,
-        onSelect: N
+        expanded: a,
+        mode: o,
+        position: f,
+        mini: l,
+        dir: m,
+        items: r,
+        item: g,
+        width: b,
+        miniWidth: k,
+        onOverlayClick: N,
+        onSelect: D
       }
     },
     /* @__PURE__ */ t.createElement(
       "div",
       {
-        className: C,
-        ref: r,
-        dir: c,
-        style: w,
-        tabIndex: g
+        className: I,
+        ref: n,
+        dir: m,
+        style: h,
+        tabIndex: E
       },
-      a && /* @__PURE__ */ t.createElement(I, null),
-      v
+      r && /* @__PURE__ */ t.createElement(O, null),
+      w
     )
   );
 });
-l.propTypes = {
+c.propTypes = {
   animation: e.any,
   expanded: e.bool,
   children: e.any,
@@ -113,7 +114,7 @@ l.propTypes = {
   onSelect: e.func,
   onOverlayClick: e.func
 };
-const H = {
+const i = {
   animation: !0,
   expanded: !1,
   mode: "overlay",
@@ -123,8 +124,7 @@ const H = {
   width: 240,
   miniWidth: 48
 };
-l.defaultProps = H;
-l.displayName = "KendoDrawer";
+c.displayName = "KendoDrawer";
 export {
-  l as Drawer
+  c as Drawer
 };

package/gridlayout/GridLayout.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),t=require("prop-types"),T=require("../package-metadata.js"),d=require("@progress/kendo-react-common");function R(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(l,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return l.default=e,Object.freeze(l)}const n=R(O),u=n.forwardRef((e,l)=>{d.validatePackage(T.packageMetadata);const a=n.useRef(null),c=n.useCallback(()=>({element:a.current}),[]);n.useImperativeHandle(l,c);const{className:m,style:y,id:f,children:h,gap:i}=e,p=d.useId(),o=n.useMemo(()=>e.align&&e.align.horizontal?e.align.horizontal:g.hAlign,[e.align]),r=n.useMemo(()=>e.align&&e.align.vertical?e.align.vertical:g.vAlign,[e.align]),b=n.useMemo(()=>d.classNames("k-grid-layout",{"k-justify-items-start":o==="start","k-justify-items-center":o==="center","k-justify-items-end":o==="end","k-justify-items-stretch":o==="stretch","k-align-items-start":r==="top","k-align-items-center":r==="middle","k-align-items-end":r==="bottom","k-align-items-stretch":r==="stretch"},m),[o,r,m]),k=i?`${typeof i.rows=="number"?i.rows+"px":i.rows} ${typeof i.cols=="number"?i.cols+"px":i.cols}`:void 0,v=e.rows&&e.rows.map(s=>`${typeof s.height=="number"?s.height+"px":s.height}`).join(" "),j=e.cols&&e.cols.map(s=>`${typeof s.width=="number"?s.width+"px":s.width}`).join(" "),w={gap:k,gridTemplateColumns:j,gridTemplateRows:v,...y};return n.createElement("div",{ref:a,className:b,style:w,id:f||p},h)}),g={hAlign:"stretch",vAlign:"stretch",gap:void 0};u.propTypes={className:t.string,style:t.object,children:t.any,id:t.string,gap:t.shape({rows:t.oneOfType([t.string,t.number]),columns:t.oneOfType([t.string,t.number])}),align:t.shape({vertical:t.oneOf(["top","middle","bottom","stretch"]),horizontal:t.oneOf(["start","center","end","stretch"])})};u.defaultProps=g;u.displayName="KendoReactGridLayout";exports.GridLayout=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),t=require("prop-types"),T=require("../package-metadata.js"),g=require("@progress/kendo-react-common");function R(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(l,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return l.default=e,Object.freeze(l)}const n=R(O),d=n.forwardRef((e,l)=>{g.validatePackage(T.packageMetadata);const a=n.useRef(null),c=n.useCallback(()=>({element:a.current}),[]);n.useImperativeHandle(l,c);const{className:m,style:y,id:f,children:h,gap:i=u.gap}=e,p=g.useId(),o=n.useMemo(()=>e.align&&e.align.horizontal?e.align.horizontal:u.hAlign,[e.align]),r=n.useMemo(()=>e.align&&e.align.vertical?e.align.vertical:u.vAlign,[e.align]),b=n.useMemo(()=>g.classNames("k-grid-layout",{"k-justify-items-start":o==="start","k-justify-items-center":o==="center","k-justify-items-end":o==="end","k-justify-items-stretch":o==="stretch","k-align-items-start":r==="top","k-align-items-center":r==="middle","k-align-items-end":r==="bottom","k-align-items-stretch":r==="stretch"},m),[o,r,m]),k=i?`${typeof i.rows=="number"?i.rows+"px":i.rows} ${typeof i.cols=="number"?i.cols+"px":i.cols}`:void 0,v=e.rows&&e.rows.map(s=>`${typeof s.height=="number"?s.height+"px":s.height}`).join(" "),j=e.cols&&e.cols.map(s=>`${typeof s.width=="number"?s.width+"px":s.width}`).join(" "),w={gap:k,gridTemplateColumns:j,gridTemplateRows:v,...y};return n.createElement("div",{ref:a,className:b,style:w,id:f||p},h)}),u={hAlign:"stretch",vAlign:"stretch",gap:void 0};d.propTypes={className:t.string,style:t.object,children:t.any,id:t.string,gap:t.shape({rows:t.oneOfType([t.string,t.number]),columns:t.oneOfType([t.string,t.number])}),align:t.shape({vertical:t.oneOf(["top","middle","bottom","stretch"]),horizontal:t.oneOf(["start","center","end","stretch"])})};d.displayName="KendoReactGridLayout";exports.GridLayout=d;

package/gridlayout/GridLayout.mjs

@@ -10,16 +10,16 @@ import * as i from "react";
 import e from "prop-types";
 import { packageMetadata as T } from "../package-metadata.mjs";
 import { validatePackage as j, useId as R, classNames as A } from "@progress/kendo-react-common";
-const r = i.forwardRef((t, g) => {
+const c = i.forwardRef((t, g) => {
   j(T);
-  const m = i.useRef(null), d = i.useCallback(
+  const r = i.useRef(null), d = i.useCallback(
     () => ({
-      element: m.current
+      element: r.current
     }),
     []
   );
   i.useImperativeHandle(g, d);
-  const { className: c, style: u, id: h, children: y, gap: s } = t, f = R(), n = i.useMemo(
+  const { className: m, style: u, id: h, children: y, gap: a = o.gap } = t, f = R(), n = i.useMemo(
     () => t.align && t.align.horizontal ? t.align.horizontal : o.hAlign,
     [t.align]
   ), l = i.useMemo(
@@ -38,10 +38,10 @@ const r = i.forwardRef((t, g) => {
         "k-align-items-end": l === "bottom",
         "k-align-items-stretch": l === "stretch"
       },
-      c
+      m
     ),
-    [n, l, c]
-  ), k = s ? `${typeof s.rows == "number" ? s.rows + "px" : s.rows} ${typeof s.cols == "number" ? s.cols + "px" : s.cols}` : void 0, v = t.rows && t.rows.map((a) => `${typeof a.height == "number" ? a.height + "px" : a.height}`).join(" "), b = t.cols && t.cols.map((a) => `${typeof a.width == "number" ? a.width + "px" : a.width}`).join(" "), w = {
+    [n, l, m]
+  ), k = a ? `${typeof a.rows == "number" ? a.rows + "px" : a.rows} ${typeof a.cols == "number" ? a.cols + "px" : a.cols}` : void 0, v = t.rows && t.rows.map((s) => `${typeof s.height == "number" ? s.height + "px" : s.height}`).join(" "), b = t.cols && t.cols.map((s) => `${typeof s.width == "number" ? s.width + "px" : s.width}`).join(" "), w = {
     gap: k,
     gridTemplateColumns: b,
     gridTemplateRows: v,
@@ -50,7 +50,7 @@ const r = i.forwardRef((t, g) => {
   return /* @__PURE__ */ i.createElement(
     "div",
     {
-      ref: m,
+      ref: r,
       className: p,
       style: w,
       id: h || f
@@ -62,7 +62,7 @@ const r = i.forwardRef((t, g) => {
   vAlign: "stretch",
   gap: void 0
 };
-r.propTypes = {
+c.propTypes = {
   className: e.string,
   style: e.object,
   children: e.any,
@@ -76,8 +76,7 @@ r.propTypes = {
     horizontal: e.oneOf(["start", "center", "end", "stretch"])
   })
 };
-r.defaultProps = o;
-r.displayName = "KendoReactGridLayout";
+c.displayName = "KendoReactGridLayout";
 export {
-  r as GridLayout
+  c as GridLayout
 };

package/index.d.mts

@@ -2944,7 +2944,7 @@ export declare interface PanelBarItemProps {
     /**
      * Can be any of PanelBar items, an array of PanelBar items, or a custom component.
      */
-    children?: React.ReactNode;
+    children?: any;
     /**
      * The class name that is set to the PanelBarItem component.
      */
@@ -3232,10 +3232,14 @@ export declare class Splitter extends React_2.Component<SplitterProps, SplitterS
  */
 export declare class SplitterBar extends React_2.Component<SplitterBarProps, SplitterBarState> {
     private draggable;
+    private spliterBarRef;
+    private navigation?;
     private get isStatic();
     private get isDraggable();
     private get isHorizontal();
     constructor(props: SplitterBarProps);
+    /** @hidden */
+    componentDidMount(): void;
     render(): JSX_2.Element;
     private onDrag;
     private onFocus;
@@ -3815,12 +3819,16 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
         mouseScrollSpeed: number;
         renderAllContent: boolean;
     };
-    private _element;
+    private tabStripRef;
     private get contentPanelId();
     private get navItemId();
     private showLicenseWatermark;
-    private keyBinding;
+    private navigation?;
     constructor(props: TabStripProps);
+    /** @hidden */
+    componentDidMount(): void;
+    /** @hidden */
+    componentWillUnmount(): void;
     /**
      * @hidden
      */
@@ -3828,17 +3836,16 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
     /**
      * @hidden
      */
-    onKeyDown: (event: any) => void;
+    onKeyDown: (event: React_2.KeyboardEvent<HTMLElement>) => void;
+    /**
+     * @hidden
+     */
+    onKeyboardSelect: (index: number) => void;
     /**
      * @hidden
      */
     render(): JSX_2.Element;
     private renderContent;
-    private invertKeys;
-    private firstNavigatableTab;
-    private lastNavigatableTab;
-    private prevNavigatableTab;
-    private nextNavigatableTab;
     private children;
 }
 

package/index.d.ts

@@ -2944,7 +2944,7 @@ export declare interface PanelBarItemProps {
     /**
      * Can be any of PanelBar items, an array of PanelBar items, or a custom component.
      */
-    children?: React.ReactNode;
+    children?: any;
     /**
      * The class name that is set to the PanelBarItem component.
      */
@@ -3232,10 +3232,14 @@ export declare class Splitter extends React_2.Component<SplitterProps, SplitterS
  */
 export declare class SplitterBar extends React_2.Component<SplitterBarProps, SplitterBarState> {
     private draggable;
+    private spliterBarRef;
+    private navigation?;
     private get isStatic();
     private get isDraggable();
     private get isHorizontal();
     constructor(props: SplitterBarProps);
+    /** @hidden */
+    componentDidMount(): void;
     render(): JSX_2.Element;
     private onDrag;
     private onFocus;
@@ -3815,12 +3819,16 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
         mouseScrollSpeed: number;
         renderAllContent: boolean;
     };
-    private _element;
+    private tabStripRef;
     private get contentPanelId();
     private get navItemId();
     private showLicenseWatermark;
-    private keyBinding;
+    private navigation?;
     constructor(props: TabStripProps);
+    /** @hidden */
+    componentDidMount(): void;
+    /** @hidden */
+    componentWillUnmount(): void;
     /**
      * @hidden
      */
@@ -3828,17 +3836,16 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
     /**
      * @hidden
      */
-    onKeyDown: (event: any) => void;
+    onKeyDown: (event: React_2.KeyboardEvent<HTMLElement>) => void;
+    /**
+     * @hidden
+     */
+    onKeyboardSelect: (index: number) => void;
     /**
      * @hidden
      */
     render(): JSX_2.Element;
     private renderContent;
-    private invertKeys;
-    private firstNavigatableTab;
-    private lastNavigatableTab;
-    private prevNavigatableTab;
-    private nextNavigatableTab;
     private children;
 }
 

package/package-metadata.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "8.1.0-develop.9",
+  "version": "8.1.0",
   "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,11 +23,11 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.1.0-develop.9",
-    "@progress/kendo-react-common": "8.1.0-develop.9",
-    "@progress/kendo-react-intl": "8.1.0-develop.9",
-    "@progress/kendo-react-popup": "8.1.0-develop.9",
-    "@progress/kendo-react-progressbars": "8.1.0-develop.9",
+    "@progress/kendo-react-animation": "8.1.0",
+    "@progress/kendo-react-common": "8.1.0",
+    "@progress/kendo-react-intl": "8.1.0",
+    "@progress/kendo-react-popup": "8.1.0",
+    "@progress/kendo-react-progressbars": "8.1.0",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/splitter/SplitterBar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),r=require("@progress/kendo-react-common"),a=require("@progress/kendo-svg-icons");function u(c){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(o,t,e.get?e:{enumerable:!0,get:()=>c[t]})}}return o.default=c,Object.freeze(o)}const n=u(d);class f extends n.Component{constructor(o){super(o),this.draggable=null,this.onDrag=(t,e,l)=>{const{event:s}=t,{onDrag:i,index:p}=this.props,h=this.draggable&&this.draggable.element;h&&!this.isStatic&&this.isDraggable&&i(s,h,p,e,l)},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onToggle=t=>{const{onToggle:e,index:l,prev:s,next:i}=this.props;(s.collapsible||i.collapsible)&&e(s.collapsible?l:l+1,t)},this.onPrevToggle=t=>{const{onToggle:e,index:l,prev:s}=this.props;s.collapsible&&e(l,t)},this.onNextToggle=t=>{const{onToggle:e,index:l,next:s}=this.props;s.collapsible&&e(l+1,t)},this.onKeyDown=t=>{const e=t&&t.keyCode,l=this.isHorizontal,{index:s}=this.props,i=this.draggable&&this.draggable.element,p=(h,g,b)=>{t.preventDefault(),this.props.onKeyboardResize(h,g,b,t)};i&&(e===r.Keys.enter?(t.preventDefault(),this.onToggle(t)):this.isDraggable&&(l&&e===r.Keys.left?p(i,s,-10):l&&e===r.Keys.right?p(i,s,10):!l&&e===r.Keys.up?p(i,s,-10):!l&&e===r.Keys.down&&p(i,s,10)))},this.state={focused:!1}}get isStatic(){const{prev:o,next:t}=this.props,e=o.resizable&&t.resizable,l=o.collapsible||t.collapsible;return!e&&!l}get isDraggable(){const{prev:o,next:t}=this.props,e=o.resizable&&t.resizable,l=o.collapsed||t.collapsed;return!!e&&!l}get isHorizontal(){return this.props.orientation==="horizontal"}render(){const o=this.isDraggable,t=this.isStatic,e=this.isHorizontal,l=r.classNames("k-splitbar",{"k-focus":this.state.focused,"k-splitbar-horizontal":e,"k-splitbar-vertical":!e,"k-splitbar-draggable-horizontal":e&&o,"k-splitbar-draggable-vertical":!e&&o,"k-splitbar-static-horizontal":e&&t,"k-splitbar-static-vertical":!e&&t});return n.createElement(r.Draggable,{onPress:s=>this.onDrag(s,!0,!1),onDrag:s=>this.onDrag(s,!1,!1),onRelease:s=>this.onDrag(s,!1,!0),ref:s=>{this.draggable=s}},n.createElement("div",{tabIndex:t?-1:0,role:"separator","aria-valuenow":0,"aria-label":this.props.ariaLabel,"aria-orientation":e?"vertical":void 0,className:l,style:{touchAction:"none"},onFocus:this.onFocus,onBlur:this.onBlur,onDoubleClick:this.onToggle,onKeyDown:this.onKeyDown},this.props.prev.collapsible&&n.createElement("div",{className:"k-collapse-prev",onClick:this.onPrevToggle},n.createElement(r.IconWrap,{name:this.props.prev.collapsible?e?this.props.prev.collapsed?this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.prev.collapsed?"caret-alt-down":"caret-alt-up":void 0,icon:this.props.prev.collapsible?e?this.props.prev.collapsed?this.props.isRtl?a.caretAltLeftIcon:a.caretAltRightIcon:this.props.isRtl?a.caretAltRightIcon:a.caretAltLeftIcon:this.props.prev.collapsed?a.caretAltDownIcon:a.caretAltUpIcon:void 0,size:"xsmall"})),n.createElement("div",{className:"k-resize-handle"}),this.props.next.collapsible&&n.createElement("div",{className:"k-collapse-next",onClick:this.onNextToggle},n.createElement(r.IconWrap,{name:this.props.next.collapsible?e?this.props.next.collapsed?this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.next.collapsed?"caret-alt-up":"caret-alt-down":void 0,icon:this.props.next.collapsible?e?this.props.next.collapsed?this.props.isRtl?a.caretAltRightIcon:a.caretAltLeftIcon:this.props.isRtl?a.caretAltLeftIcon:a.caretAltRightIcon:this.props.next.collapsed?a.caretAltUpIcon:a.caretAltDownIcon:void 0,size:"xsmall"}))))}}exports.SplitterBar=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),p=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons");function b(c){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const s in c)if(s!=="default"){const e=Object.getOwnPropertyDescriptor(c,s);Object.defineProperty(a,s,e.get?e:{enumerable:!0,get:()=>c[s]})}}return a.default=c,Object.freeze(a)}const r=b(h);class d extends r.Component{constructor(a){super(a),this.draggable=null,this.spliterBarRef=r.createRef(),this.onDrag=(s,e,o)=>{const{event:i}=s,{onDrag:n,index:t}=this.props,g=this.draggable&&this.draggable.element;g&&!this.isStatic&&this.isDraggable&&n(i,g,t,e,o)},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onToggle=s=>{const{onToggle:e,index:o,prev:i,next:n}=this.props;(i.collapsible||n.collapsible)&&e(i.collapsible?o:o+1,s)},this.onPrevToggle=s=>{const{onToggle:e,index:o,prev:i}=this.props;i.collapsible&&e(o,s)},this.onNextToggle=s=>{const{onToggle:e,index:o,next:i}=this.props;i.collapsible&&e(o+1,s)},this.onKeyDown=s=>{this.navigation.triggerKeyboardEvent(s)},this.state={focused:!1}}get isStatic(){const{prev:a,next:s}=this.props,e=a.resizable&&s.resizable,o=a.collapsible||s.collapsible;return!e&&!o}get isDraggable(){const{prev:a,next:s}=this.props,e=a.resizable&&s.resizable,o=a.collapsed||s.collapsed;return!!e&&!o}get isHorizontal(){return this.props.orientation==="horizontal"}componentDidMount(){const a=this.draggable&&this.draggable.element,{index:s,onKeyboardResize:e}=this.props,o=this.isHorizontal;a&&(this.navigation=new p.Navigation({tabIndex:0,root:this.spliterBarRef,selectors:[".k-splitter .k-splitbar"],keyboardEvents:{keydown:{ArrowLeft:(i,n,t)=>{o&&(t.preventDefault(),this.isDraggable&&e(a,s,-10,t),(t.metaKey||t.ctrlKey)&&(e(a,s,0,t),this.isDraggable?this.onPrevToggle(t):this.onNextToggle(t)))},ArrowRight:(i,n,t)=>{o&&(t.preventDefault(),this.isDraggable&&e(a,s,10,t),(t.metaKey||t.ctrlKey)&&(e(a,s,0,t),this.isDraggable?this.onNextToggle(t):this.onPrevToggle(t)))},ArrowDown:(i,n,t)=>{o||(t.preventDefault(),this.isDraggable&&e(a,s,10,t),(t.metaKey||t.ctrlKey)&&(e(a,s,0,t),this.isDraggable?this.onNextToggle(t):this.onPrevToggle(t)))},ArrowUp:(i,n,t)=>{o||(t.preventDefault(),this.isDraggable&&e(a,s,-10,t),(t.metaKey||t.ctrlKey)&&(e(a,s,0,t),this.isDraggable?this.onPrevToggle(t):this.onNextToggle(t)))},Enter:(i,n,t)=>{t.preventDefault(),this.onToggle(t)}}}}))}render(){const a=this.isDraggable,s=this.isStatic,e=this.isHorizontal,o=p.classNames("k-splitbar",{"k-focus":this.state.focused,"k-splitbar-horizontal":e,"k-splitbar-vertical":!e,"k-splitbar-draggable-horizontal":e&&a,"k-splitbar-draggable-vertical":!e&&a,"k-splitbar-static-horizontal":e&&s,"k-splitbar-static-vertical":!e&&s});return r.createElement(p.Draggable,{onPress:i=>this.onDrag(i,!0,!1),onDrag:i=>this.onDrag(i,!1,!1),onRelease:i=>this.onDrag(i,!1,!0),ref:i=>{this.draggable=i}},r.createElement("div",{ref:this.spliterBarRef,tabIndex:s?-1:0,role:"separator","aria-valuenow":0,"aria-label":this.props.ariaLabel,"aria-orientation":e?"vertical":void 0,className:o,style:{touchAction:"none"},onFocus:this.onFocus,onBlur:this.onBlur,onDoubleClick:this.onToggle,onKeyDown:this.onKeyDown},this.props.prev.collapsible&&r.createElement("div",{className:"k-collapse-prev",onClick:this.onPrevToggle},r.createElement(p.IconWrap,{name:this.props.prev.collapsible?e?this.props.prev.collapsed?this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.prev.collapsed?"caret-alt-down":"caret-alt-up":void 0,icon:this.props.prev.collapsible?e?this.props.prev.collapsed?this.props.isRtl?l.caretAltLeftIcon:l.caretAltRightIcon:this.props.isRtl?l.caretAltRightIcon:l.caretAltLeftIcon:this.props.prev.collapsed?l.caretAltDownIcon:l.caretAltUpIcon:void 0,size:"xsmall"})),r.createElement("div",{className:"k-resize-handle"}),this.props.next.collapsible&&r.createElement("div",{className:"k-collapse-next",onClick:this.onNextToggle},r.createElement(p.IconWrap,{name:this.props.next.collapsible?e?this.props.next.collapsed?this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.next.collapsed?"caret-alt-up":"caret-alt-down":void 0,icon:this.props.next.collapsible?e?this.props.next.collapsed?this.props.isRtl?l.caretAltRightIcon:l.caretAltLeftIcon:this.props.isRtl?l.caretAltLeftIcon:l.caretAltRightIcon:this.props.next.collapsed?l.caretAltUpIcon:l.caretAltDownIcon:void 0,size:"xsmall"}))))}}exports.SplitterBar=d;