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

package/dist/npm/menu/utils/itemsIdsUtils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDirectSiblingIdForLevelZero = exports.getShortId = exports.isFirstItemFromSiblings = exports.isIdFirstLevel = exports.isIdZeroLevel = exports.isIdEmptyOrZeroLevel = exports.getDirectParentId = exports.createId = exports.shouldOpenItem = exports.getFirstChildId = exports.getIdWithoutRootParentId = exports.getRootParentId = exports.getItemById = exports.SEPARATOR = exports.ZERO_LEVEL_ZERO_ITEM_ID = exports.EMPTY_ID = void 0;
 /**
  * @hidden
  */

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDOMElementId = exports.convertBoolDirectionToString = exports.getChildrenPosition = exports.getPopupSettings = void 0;
 var consts_1 = require("../consts");
 var itemsIdsUtils_1 = require("./itemsIdsUtils");
 /**
@@ -19,7 +20,7 @@ exports.getPopupSettings = getPopupSettings;
  * @hidden
  */
 function getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft) {
-    if (itemsIdsUtils_1.isIdZeroLevel(itemId)) {
+    if ((0, itemsIdsUtils_1.isIdZeroLevel)(itemId)) {
         if (isMenuVertical) {
             return isDirectionRightToLeft ? 'leftward' : 'rightward';
         }
@@ -43,6 +44,6 @@ exports.convertBoolDirectionToString = convertBoolDirectionToString;
  * @hidden
  */
 function getDOMElementId(menuGuid, itemId) {
-    return menuGuid + "_" + itemId;
+    return "".concat(menuGuid, "_").concat(itemId);
 }
 exports.getDOMElementId = getDOMElementId;

package/dist/npm/menu/utils/prepareInputItemsForInternalWork.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareInputItemsForInternalWork = void 0;
 var React = require("react");
 var itemsIdsUtils_1 = require("./itemsIdsUtils");
 var MenuItem_1 = require("../components/MenuItem");
@@ -79,7 +80,7 @@ function convertInputModelsToInternalOnesHelper(inputModels, parentId) {
     for (var index = 0; index < inputModels.length; index++) {
         var inputModel = inputModels[index];
         var internalModel = copyInputItemWithoutChildren(inputModel);
-        internalModel.id = itemsIdsUtils_1.createId(index.toString(), parentId);
+        internalModel.id = (0, itemsIdsUtils_1.createId)(index.toString(), parentId);
         internalModel.isLastFromSiblings = index === inputModels.length - 1;
         internalModel.items = copyOrCreateModelChildren(inputModel, internalModel);
         result.push(internalModel);
@@ -90,7 +91,7 @@ function copyOrCreateModelChildren(inputModel, internalModel) {
     if (inputModel.contentRender) {
         return [{
                 contentParentItemId: internalModel.id,
-                id: itemsIdsUtils_1.createId(itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
+                id: (0, itemsIdsUtils_1.createId)(itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
                 isLastFromSiblings: true,
                 contentRender: inputModel.contentRender,
                 items: []

package/dist/npm/package-metadata.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
 /**
  * @hidden
  */
@@ -7,7 +8,7 @@ exports.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/npm/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/npm/panelbar/PanelBar.js

@@ -3,10 +3,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 __());
@@ -23,7 +25,17 @@ 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));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelBar = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var PanelBarItem_1 = require("./PanelBarItem");
@@ -48,7 +60,7 @@ var PanelBar = /** @class */ (function (_super) {
          * @hidden
          */
         _this.onSelect = function (event) {
-            var flattenChildren = util_1.flatChildren(React.Children.toArray(_this.children));
+            var flattenChildren = (0, util_1.flatChildren)(React.Children.toArray(_this.children));
             var selectedChild;
             var newExpanded;
             flattenChildren.forEach(function (child) {
@@ -58,10 +70,10 @@ var PanelBar = /** @class */ (function (_super) {
             });
             switch (_this.expandMode) {
                 case 'single':
-                    newExpanded = selectedChild.props.parentUniquePrivateKey.concat([selectedChild.props.uniquePrivateKey]);
-                    if (util_1.isArrayEqual(_this.expandedItems, newExpanded)) {
+                    newExpanded = __spreadArray(__spreadArray([], selectedChild.props.parentUniquePrivateKey, true), [selectedChild.props.uniquePrivateKey], false);
+                    if ((0, util_1.isArrayEqual)(_this.expandedItems, newExpanded)) {
                         if (selectedChild.props.parentUniquePrivateKey) {
-                            newExpanded = selectedChild.props.parentUniquePrivateKey.slice();
+                            newExpanded = __spreadArray([], selectedChild.props.parentUniquePrivateKey, true);
                         }
                         else {
                             newExpanded = [];
@@ -90,7 +102,7 @@ var PanelBar = /** @class */ (function (_super) {
          */
         _this.onFocus = function (event, step) {
             if (step === void 0) { step = 0; }
-            var flattenChildren = util_1.flatVisibleChildren(React.Children.toArray(_this.children));
+            var flattenChildren = (0, util_1.flatVisibleChildren)(React.Children.toArray(_this.children));
             var focusedChild;
             flattenChildren.forEach(function (child, ixd) {
                 if (child.props.uniquePrivateKey === (event.uniquePrivateKey || _this.state.focused)) {
@@ -170,10 +182,10 @@ var PanelBar = /** @class */ (function (_super) {
                 }
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
-        var initialState = util_1.getInitialState(props, _this.expandMode);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
+        var initialState = (0, util_1.getInitialState)(props, _this.expandMode);
         if (!initialState.focused) {
-            initialState.focused = util_1.getFirstId(props);
+            initialState.focused = (0, util_1.getFirstId)(props);
         }
         _this.state = initialState;
         return _this;
@@ -182,7 +194,7 @@ var PanelBar = /** @class */ (function (_super) {
         get: function () {
             return this.props.expandMode || 'multiple';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PanelBar.prototype, "selectedItem", {
@@ -190,7 +202,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", {
@@ -198,12 +210,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,9 +224,9 @@ var PanelBar = /** @class */ (function (_super) {
                 handleSelect: this.handleSelect,
                 children: this.props.children
             };
-            return util_1.renderChildren(renderState);
+            return (0, util_1.renderChildren)(renderState);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -225,7 +237,7 @@ var PanelBar = /** @class */ (function (_super) {
         var ariaProps = {
             'aria-activedescendant': this.activeDescendant
         };
-        var className = kendo_react_common_1.classNames('k-panelbar', this.props.className);
+        var className = (0, kendo_react_common_1.classNames)('k-panelbar', this.props.className);
         return (React.createElement("ul", __assign({ ref: function (div) { _this._element = div; }, dir: this.props.dir, role: 'tree', tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, className: className, style: this.props.style }, ariaProps), this.children));
     };
     PanelBar.prototype.nextTick = function (f) {

package/dist/npm/panelbar/PanelBarItem.js

@@ -3,10 +3,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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelBarItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -37,7 +40,7 @@ function iconElement(_a) {
         return (React.createElement("img", { role: "presentation", className: 'k-panelbar-item-icon k-image', src: imageUrl }));
     }
     else if (icon) {
-        var iconClasses = kendo_react_common_1.classNames('k-panelbar-item-icon', 'k-icon', 'k-i-' + icon);
+        var iconClasses = (0, kendo_react_common_1.classNames)('k-panelbar-item-icon', 'k-icon', 'k-i-' + icon);
         return (React.createElement("span", { role: "presentation", className: iconClasses }));
     }
     else if (iconClass) {
@@ -61,7 +64,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;
         };
@@ -74,8 +77,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',
@@ -84,17 +87,17 @@ var PanelBarItem = /** @class */ (function (_super) {
             'aria-selected': !disabled && selected,
             'aria-expanded': !disabled && expanded && !!children
         };
-        var panelBarItemClassName = kendo_react_common_1.classNames('k-item', {
+        var panelBarItemClassName = (0, kendo_react_common_1.classNames)('k-item', {
             'k-panelbar-header': level === 0,
             'k-panelbar-item': level !== 0,
             'k-state-expanded': expanded && !!children
-        }, "k-level-" + level, className);
-        var panelBarLinkClassName = kendo_react_common_1.classNames('k-link', {
+        }, "k-level-".concat(level), className);
+        var panelBarLinkClassName = (0, kendo_react_common_1.classNames)('k-link', {
             'k-selected': !disabled && selected,
             'k-focus': !disabled && focused,
             'k-disabled': disabled
         }, headerClassName);
-        var panelBarItemArrowClassName = kendo_react_common_1.classNames('k-panelbar-toggle', 'k-icon', (_a = {},
+        var panelBarItemArrowClassName = (0, kendo_react_common_1.classNames)('k-panelbar-toggle', 'k-icon', (_a = {},
             _a['k-i-arrow-chevron-up'] = expanded && !!children,
             _a['k-panelbar-collapse'] = expanded && !!children,
             _a['k-i-arrow-chevron-down'] = !expanded && !!children,

package/dist/npm/panelbar/interfaces/NavigationAction.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationAction = void 0;
 /**
  * @hidden
  */

package/dist/npm/panelbar/util.js

@@ -10,13 +10,23 @@ 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));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isArrayEqual = exports.PanelBarUtils = exports.isPresent = exports.flatVisibleChildren = exports.flatChildren = exports.flatVisibleItems = exports.getInitialState = exports.getFirstId = exports.renderChildren = void 0;
 var React = require("react");
 var PanelBarItem_1 = require("./PanelBarItem");
 /**
  * @hidden
  */
-exports.renderChildren = function (_a) {
+var renderChildren = function (_a) {
     var _b = _a.animation, animation = _b === void 0 ? true : _b, _c = _a.keepItemsMounted, keepItemsMounted = _c === void 0 ? false : _c, state = _a.state, expanded = _a.expanded, handleSelect = _a.handleSelect, children = _a.children, _d = _a.parentExpanded, parentExpanded = _d === void 0 ? true : _d, _e = _a.level, level = _e === void 0 ? 0 : _e, _f = _a.parentPrivateKey, parentPrivateKey = _f === void 0 ? [] : _f;
     return React.Children.map(children, function (child, idx) {
         if (child && child.type === PanelBarItem_1.PanelBarItem) {
@@ -32,31 +42,33 @@ exports.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 = exports.renderChildren(renderState);
+                nestedChildren = (0, exports.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);
         }
     });
 };
+exports.renderChildren = renderChildren;
 /**
  * @hidden
  */
-exports.getFirstId = function (props) {
+var getFirstId = function (props) {
     var firstItem = React.Children.toArray(props.children)[0];
     if (firstItem) {
         return getId(firstItem, [], 0);
     }
     return '';
 };
+exports.getFirstId = getFirstId;
 /**
  * @hidden
  */
-exports.getInitialState = function (props, expandMode, result, parentExpanded, parentPrivateKey) {
+var getInitialState = function (props, expandMode, result, parentExpanded, parentPrivateKey) {
     if (result === void 0) { result = {
         expanded: props.expanded || [],
         selected: props.selected || '',
@@ -84,13 +96,14 @@ exports.getInitialState = function (props, expandMode, result, parentExpanded, p
                     }
                 }
                 if (child.props.children) {
-                    result = exports.getInitialState(child.props, expandMode, result, !!child.props.expanded, parentPrivateKey.concat([privateKey]));
+                    result = (0, exports.getInitialState)(child.props, expandMode, result, !!child.props.expanded, __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false));
                 }
             }
         }
     });
     return result;
 };
+exports.getInitialState = getInitialState;
 /**
  * @hidden
  */
@@ -98,8 +111,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
@@ -154,7 +167,8 @@ exports.flatVisibleChildren = flatVisibleChildren;
 /**
  * @hidden
  */
-exports.isPresent = function (value) { return value !== null && value !== undefined; };
+var isPresent = function (value) { return value !== null && value !== undefined; };
+exports.isPresent = isPresent;
 /**
  * Represents the PanelBarUtils functions.
  */
@@ -185,9 +199,10 @@ var PanelBarUtils;
 /**
  * @hidden
  */
-exports.isArrayEqual = function (firstArray, secondArray) {
+var isArrayEqual = function (firstArray, secondArray) {
     if (firstArray.length !== secondArray.length) {
         return false;
     }
     return firstArray.every(function (ex, i) { return ex === secondArray[i]; });
 };
+exports.isArrayEqual = isArrayEqual;

package/dist/npm/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/npm/splitter/Splitter.js

@@ -3,10 +3,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 __());
@@ -28,11 +30,14 @@ 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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Splitter = void 0;
 var React = require("react");
 var SplitterPane_1 = require("./SplitterPane");
 var SplitterBar_1 = require("./SplitterBar");
@@ -84,6 +89,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) {
@@ -104,9 +110,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;
         };
@@ -128,7 +132,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);
@@ -201,15 +205,15 @@ 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)); };
         _this.fixedSize = function (size) { return size && size.length > 0; };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.state = {
             isDragging: false,
             dragIndex: undefined,
@@ -226,7 +230,7 @@ var Splitter = /** @class */ (function (_super) {
         get: function () {
             return this.props.panes !== undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "panes", {
@@ -235,28 +239,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
     });
     /**
@@ -266,7 +270,7 @@ var Splitter = /** @class */ (function (_super) {
         var _this = this;
         var panesContent = this.panesContent;
         var panesOptions = this.panesOptions(panesContent);
-        var className = kendo_react_common_1.classNames('k-widget', 'k-splitter', 'k-splitter-flex', "k-splitter-" + this.orientation, this.props.className);
+        var className = (0, kendo_react_common_1.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)));
     };
@@ -342,10 +346,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);

package/dist/npm/splitter/SplitterBar.d.ts

@@ -23,9 +23,9 @@ export interface SplitterBarState {
  */
 export declare class SplitterBar extends React.Component<SplitterBarProps, SplitterBarState> {
     private draggable;
-    private readonly isStatic;
-    private readonly isDraggable;
-    private readonly isHorizontal;
+    private get isStatic();
+    private get isDraggable();
+    private get isHorizontal();
     constructor(props: SplitterBarProps);
     render(): JSX.Element;
     private onDrag;