@progress/kendo-react-layout 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/es/menu/components/Menu.d.ts

@@ -38,7 +38,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
      */
     static propTypes: {
         vertical: PropTypes.Requireable<boolean>;
-        items: PropTypes.Requireable<object[]>;
+        items: PropTypes.Requireable<(object | null)[]>;
         style: PropTypes.Requireable<object>;
         dir: PropTypes.Requireable<string>;
         hoverOpenDelay: PropTypes.Requireable<number>;
@@ -46,7 +46,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
         openOnClick: PropTypes.Requireable<boolean>;
         itemRender: PropTypes.Requireable<any>;
         linkRender: PropTypes.Requireable<any>;
-        customCloseItemIds: PropTypes.Requireable<string[]>;
+        customCloseItemIds: PropTypes.Requireable<(string | null)[]>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
     };
     /**

package/dist/es/menu/components/Menu.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -56,6 +58,8 @@ var Menu = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.guid = guid();
         _this.directionHolder = new DirectionHolder();
+        _this.inputItems = [];
+        _this.items = [];
         /**
          * Resets the selection and opening of Menu items.
          */

package/dist/es/menu/components/MenuItem.d.ts

@@ -25,5 +25,5 @@ export declare class MenuItem extends React.Component<MenuItemProps, {}> {
     /**
      * @hidden
      */
-    render(): any;
+    render(): null;
 }

package/dist/es/menu/components/MenuItem.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/menu/components/MenuItemArrow.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/menu/components/MenuItemInternal.d.ts

@@ -31,10 +31,10 @@ export declare class MenuItemInternal extends React.Component<MenuItemInternalPr
     private renderArrowIfApplicable;
     private onMouseOver;
     private onMouseLeave;
-    private readonly itemRender;
-    private readonly linkRender;
-    private readonly contentRender;
-    private readonly Opened;
+    private get itemRender();
+    private get linkRender();
+    private get contentRender();
+    private get Opened();
     private getPopupClassName;
     private getMenuItemClassName;
 }

package/dist/es/menu/components/MenuItemInternal.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -108,7 +110,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
     };
     MenuItemInternal.prototype.renderMenuIconIfApplicable = function () {
         return this.props.item.icon ?
-            React.createElement("span", { className: "k-icon k-i-" + this.props.item.icon, role: "presentation", key: "0" }) : null;
+            React.createElement("span", { className: "k-icon k-i-".concat(this.props.item.icon), role: "presentation", key: "0" }) : null;
     };
     MenuItemInternal.prototype.renderArrowIfApplicable = function () {
         return this.props.item.items.length > 0 ?
@@ -118,21 +120,21 @@ var MenuItemInternal = /** @class */ (function (_super) {
         get: function () {
             return this.props.item.render || this.props.itemRender;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MenuItemInternal.prototype, "linkRender", {
         get: function () {
             return this.props.item.linkRender || this.props.linkRender;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MenuItemInternal.prototype, "contentRender", {
         get: function () {
             return this.props.item.contentParentItemId ? this.props.item.contentRender : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MenuItemInternal.prototype, "Opened", {
@@ -144,7 +146,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
                 // popup inside popup throws an error (for example, hover of item with id '0_0').
                 !this.isFirstRender;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MenuItemInternal.prototype.getPopupClassName = function () {

package/dist/es/menu/components/MenuItemInternalsList.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/menu/components/MenuItemLink.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/menu/events.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/menu/models/BaseMenuItem.d.ts

@@ -43,4 +43,8 @@ export interface BaseMenuItem {
      * Represents any additional data that is associated with the Menu item.
      */
     data?: any;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
 }

package/dist/es/menu/models/BaseMenuItem.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/menu/models/MenuItemModel.js

@@ -0,0 +1 @@
+export {};

package/dist/es/menu/utils/DirectionHolder.d.ts

@@ -5,7 +5,7 @@ export declare class DirectionHolder {
     private phase;
     private previousIsDirectionRightToLeft?;
     private isDirectionRightToLeft?;
-    getIsDirectionRightToLeft(): boolean;
+    getIsDirectionRightToLeft(): boolean | undefined;
     setIsDirectionRightToLeft(value: boolean): void;
     hasDirectionChanged(): boolean;
 }

package/dist/es/menu/utils/MouseOverHandler.d.ts

@@ -8,9 +8,9 @@ export declare class MouseOverHandler {
     private isMouseOverEnabled;
     private mouseDown;
     constructor(openOnClick: boolean | undefined, resetMenu: any, openItem: any);
-    OpenOnClick: boolean | undefined;
+    set OpenOnClick(value: boolean | undefined);
     handleItemSelectedViaKeyboard(): void;
-    readonly IsMouseOverEnabled: boolean;
+    get IsMouseOverEnabled(): boolean;
     handleItemMouseDown(): void;
     handleItemFocus(): void;
     handleItemClick(itemId: string, clickedItemIsWithDefaultClose: boolean): void;

package/dist/es/menu/utils/MouseOverHandler.js

@@ -6,6 +6,7 @@ var MouseOverHandler = /** @class */ (function () {
         this.openOnClick = openOnClick;
         this.resetMenu = resetMenu;
         this.openItem = openItem;
+        this.mouseDown = false;
         this.openOnClick = openOnClick;
         this.isMouseOverEnabled = openOnClick ? false : true;
     }
@@ -17,7 +18,7 @@ var MouseOverHandler = /** @class */ (function () {
             }
             this.openOnClick = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MouseOverHandler.prototype.handleItemSelectedViaKeyboard = function () {
@@ -30,7 +31,7 @@ var MouseOverHandler = /** @class */ (function () {
         get: function () {
             return this.isMouseOverEnabled;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MouseOverHandler.prototype.handleItemMouseDown = function () {

package/dist/es/menu/utils/misc.js

@@ -38,5 +38,5 @@ export function convertBoolDirectionToString(isDirectionRightToLeft) {
  * @hidden
  */
 export function getDOMElementId(menuGuid, itemId) {
-    return menuGuid + "_" + itemId;
+    return "".concat(menuGuid, "_").concat(itemId);
 }

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653030207,
+    publishDate: 1654509261,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/panelbar/PanelBar.d.ts

@@ -18,10 +18,10 @@ export declare class PanelBar extends React.Component<PanelBarProps, PanelBarSta
      */
     static propTypes: {
         animation: PropTypes.Requireable<boolean>;
-        children: (props: PanelBarProps, propName: any) => Error;
+        children: (props: PanelBarProps, propName: any) => Error | null | undefined;
         dir: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<string>;
-        expanded: PropTypes.Requireable<string[]>;
+        expanded: PropTypes.Requireable<(string | null)[]>;
         focused: PropTypes.Requireable<string>;
         expandMode: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
@@ -44,10 +44,10 @@ export declare class PanelBar extends React.Component<PanelBarProps, PanelBarSta
     private activeDescendant?;
     private _element;
     private nextTickId;
-    private readonly expandMode;
-    private readonly selectedItem;
-    private readonly expandedItems;
-    private readonly children;
+    private get expandMode();
+    private get selectedItem();
+    private get expandedItems();
+    private get children();
     constructor(props: PanelBarProps);
     /**
      * @hidden

package/dist/es/panelbar/PanelBar.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -22,6 +24,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { PanelBarItem } from './PanelBarItem';
@@ -56,10 +67,10 @@ var PanelBar = /** @class */ (function (_super) {
             });
             switch (_this.expandMode) {
                 case 'single':
-                    newExpanded = selectedChild.props.parentUniquePrivateKey.concat([selectedChild.props.uniquePrivateKey]);
+                    newExpanded = __spreadArray(__spreadArray([], selectedChild.props.parentUniquePrivateKey, true), [selectedChild.props.uniquePrivateKey], false);
                     if (isArrayEqual(_this.expandedItems, newExpanded)) {
                         if (selectedChild.props.parentUniquePrivateKey) {
-                            newExpanded = selectedChild.props.parentUniquePrivateKey.slice();
+                            newExpanded = __spreadArray([], selectedChild.props.parentUniquePrivateKey, true);
                         }
                         else {
                             newExpanded = [];
@@ -180,7 +191,7 @@ var PanelBar = /** @class */ (function (_super) {
         get: function () {
             return this.props.expandMode || 'multiple';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PanelBar.prototype, "selectedItem", {
@@ -188,7 +199,7 @@ var PanelBar = /** @class */ (function (_super) {
             var _a = this.props.selected, selected = _a === void 0 ? this.state.selected : _a;
             return selected;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PanelBar.prototype, "expandedItems", {
@@ -196,12 +207,12 @@ var PanelBar = /** @class */ (function (_super) {
             var expanded = this.props.isControlled ? this.props.expanded || [] : this.state.expanded;
             return expanded;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PanelBar.prototype, "children", {
         get: function () {
-            var state = __assign({}, this.state, { selected: this.selectedItem });
+            var state = __assign(__assign({}, this.state), { selected: this.selectedItem });
             var renderState = {
                 animation: this.props.animation,
                 keepItemsMounted: this.props.keepItemsMounted,
@@ -212,7 +223,7 @@ var PanelBar = /** @class */ (function (_super) {
             };
             return renderChildren(renderState);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/es/panelbar/PanelBarItem.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -59,7 +61,7 @@ var PanelBarItem = /** @class */ (function (_super) {
         };
         _this.childFactory = function (child) {
             if (_this.props.keepItemsMounted) {
-                return React.cloneElement(child, __assign({}, child.props, { in: _this.props.expanded }));
+                return React.cloneElement(child, __assign(__assign({}, child.props), { in: _this.props.expanded }));
             }
             return child;
         };
@@ -72,8 +74,8 @@ var PanelBarItem = /** @class */ (function (_super) {
      * @hidden
      */
     PanelBarItem.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var _b = this.props, id = _b.id, children = _b.children, title = _b.title, uniquePrivateKey = _b.uniquePrivateKey, disabled = _b.disabled, selected = _b.selected, focused = _b.focused, expanded = _b.expanded, className = _b.className, level = _b.level, headerClassName = _b.headerClassName, animation = _b.animation, keepItemsMounted = _b.keepItemsMounted;
         var panelBarItemAriaAttributes = {
             'role': 'treeitem',
@@ -86,7 +88,7 @@ var PanelBarItem = /** @class */ (function (_super) {
             'k-panelbar-header': level === 0,
             'k-panelbar-item': level !== 0,
             'k-state-expanded': expanded && !!children
-        }, "k-level-" + level, className);
+        }, "k-level-".concat(level), className);
         var panelBarLinkClassName = classNames('k-link', {
             'k-selected': !disabled && selected,
             'k-focus': !disabled && focused,

package/dist/es/panelbar/interfaces/PanelBarItemClickEventArguments.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/interfaces/PanelBarItemProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/interfaces/PanelBarProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/interfaces/PanelBarSelectEventArguments.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/interfaces/RenderPanelBarItem.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/util.js

@@ -9,6 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as React from 'react';
 import { PanelBarItem } from './PanelBarItem';
 /**
@@ -30,11 +39,11 @@ export var renderChildren = function (_a) {
                     children: child.props.children,
                     parentExpanded: (expanded || []).indexOf(privateKey) > -1,
                     level: level + 1,
-                    parentPrivateKey: parentPrivateKey.concat([privateKey])
+                    parentPrivateKey: __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false)
                 };
                 nestedChildren = renderChildren(renderState);
             }
-            return React.cloneElement(child, __assign({}, child.props, { animation: child.props.animation !== undefined ? child.props.animation : animation, keepItemsMounted: keepItemsMounted, id: child.props.id || "k-panelbar-item-default-" + privateKey, uniquePrivateKey: privateKey, parentUniquePrivateKey: parentPrivateKey, parentExpanded: parentExpanded, level: level, expanded: (expanded || []).indexOf(privateKey) > -1, focused: state.focused === privateKey && state.wrapperFocused, selected: state.selected === privateKey, children: nestedChildren, onSelect: handleSelect }));
+            return React.cloneElement(child, __assign(__assign({}, child.props), { animation: child.props.animation !== undefined ? child.props.animation : animation, keepItemsMounted: keepItemsMounted, id: child.props.id || "k-panelbar-item-default-".concat(privateKey), uniquePrivateKey: privateKey, parentUniquePrivateKey: parentPrivateKey, parentExpanded: parentExpanded, level: level, expanded: (expanded || []).indexOf(privateKey) > -1, focused: state.focused === privateKey && state.wrapperFocused, selected: state.selected === privateKey, children: nestedChildren, onSelect: handleSelect }));
         }
         else {
             return React.createElement("div", { className: "k-panelbar-content k-content" }, child);
@@ -82,7 +91,7 @@ export var getInitialState = function (props, expandMode, result, parentExpanded
                     }
                 }
                 if (child.props.children) {
-                    result = getInitialState(child.props, expandMode, result, !!child.props.expanded, parentPrivateKey.concat([privateKey]));
+                    result = getInitialState(child.props, expandMode, result, !!child.props.expanded, __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false));
                 }
             }
         }
@@ -96,8 +105,8 @@ var getId = function (child, parentPrivateKey, idx) {
     return child && child.props && child.props.id
         ? child.props.id
         : parentPrivateKey.length
-            ? parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx)
-            : "." + idx;
+            ? parentPrivateKey[parentPrivateKey.length - 1] + ".".concat(idx)
+            : ".".concat(idx);
 };
 /**
  * @hidden

package/dist/es/splitter/Splitter.d.ts

@@ -98,12 +98,12 @@ export declare class Splitter extends React.Component<SplitterProps, SplitterSta
      */
     readonly state: SplitterState;
     private panesDuringOnChange?;
-    private readonly isControlledState;
-    private readonly panes;
+    private get isControlledState();
+    private get panes();
     private _container;
-    private readonly orientation;
-    private readonly isRtl;
-    private readonly panesContent;
+    private get orientation();
+    private get isRtl();
+    private get panesContent();
     /**
      * @hidden
      */

package/dist/es/splitter/Splitter.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,8 +29,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -82,6 +86,7 @@ var Splitter = /** @class */ (function (_super) {
      */
     function Splitter(props) {
         var _this = _super.call(this, props) || this;
+        _this._container = null;
         _this.validatePanes = function (panesOptions) {
             var withoutSize = panesOptions.filter(function (pane) { return pane.size === undefined; });
             if (!withoutSize.length) {
@@ -102,9 +107,7 @@ var Splitter = /** @class */ (function (_super) {
                 if (isDragging && dragIndex !== undefined) {
                     overlay = dragIndex === index || dragIndex + 1 === index;
                 }
-                paneOptions.push(__assign({}, PANE_DEFAULTS, { orientation: orientation,
-                    containsSplitter: containsSplitter,
-                    overlay: overlay }, (panes || [])[index]));
+                paneOptions.push(__assign(__assign(__assign({}, PANE_DEFAULTS), { orientation: orientation, containsSplitter: containsSplitter, overlay: overlay }), (panes || [])[index]));
             }
             return paneOptions;
         };
@@ -126,7 +129,7 @@ var Splitter = /** @class */ (function (_super) {
             var updatedState = panesOptions.map(function (pane, idx) {
                 var paneProps = _this.getPaneProps(pane);
                 if (idx === index) {
-                    return __assign({}, paneProps, { collapsed: !pane.collapsed });
+                    return __assign(__assign({}, paneProps), { collapsed: !pane.collapsed });
                 }
                 else {
                     return __assign({}, paneProps);
@@ -199,10 +202,10 @@ var Splitter = /** @class */ (function (_super) {
         _this.elementSize = function (el, isContainer) {
             var sizeType = isContainer ? 'client' : 'offset';
             if (_this.orientation === 'vertical') {
-                return el[sizeType + "Height"];
+                return el["".concat(sizeType, "Height")];
             }
             else {
-                return el[sizeType + "Width"];
+                return el["".concat(sizeType, "Width")];
             }
         };
         _this.clamp = function (min, max, v) { return Math.min(max, Math.max(min, v)); };
@@ -224,7 +227,7 @@ var Splitter = /** @class */ (function (_super) {
         get: function () {
             return this.props.panes !== undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "panes", {
@@ -233,28 +236,28 @@ var Splitter = /** @class */ (function (_super) {
                 this.panesDuringOnChange :
                 (this.isControlledState ? this.props.panes : this.state.panes);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "orientation", {
         get: function () {
             return this.props.orientation || 'horizontal';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "isRtl", {
         get: function () {
             return this._container && (getComputedStyle(this._container).direction === 'rtl') || false;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "panesContent", {
         get: function () {
             return React.Children.toArray(this.props.children).filter(function (c) { return c; });
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -264,7 +267,7 @@ var Splitter = /** @class */ (function (_super) {
         var _this = this;
         var panesContent = this.panesContent;
         var panesOptions = this.panesOptions(panesContent);
-        var className = classNames('k-widget', 'k-splitter', 'k-splitter-flex', "k-splitter-" + this.orientation, this.props.className);
+        var className = classNames('k-widget', 'k-splitter', 'k-splitter-flex', "k-splitter-".concat(this.orientation), this.props.className);
         this.validatePanes(panesOptions);
         return (React.createElement("div", { style: this.props.style, ref: function (ref) { return _this._container = ref; }, className: className }, this.mapSplitterPanes(panesOptions, panesContent)));
     };
@@ -340,10 +343,10 @@ var Splitter = /** @class */ (function (_super) {
         var updatedState = panesOptions.map(function (pane, idx) {
             var paneProps = _this.getPaneProps(pane);
             if (idx === prevIndex) {
-                return __assign({}, paneProps, { size: prevSize });
+                return __assign(__assign({}, paneProps), { size: prevSize });
             }
             else if (idx === nextIndex) {
-                return __assign({}, paneProps, { size: nextSize });
+                return __assign(__assign({}, paneProps), { size: nextSize });
             }
             else {
                 return __assign({}, paneProps);