@progress/kendo-react-layout - npm Package Compare versions

Comparing version 1.3.0-dev.201808201254 to 1.3.0-dev.201808280548

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

@@ -13,3 +13,3 @@ import * as React from 'react';
 /**
- * Represents the Kendo UI for React Menu component.
+ * Represents the [Kendo UI Menu component for React]({% slug overview_menu %}).
  *
@@ -16,0 +16,0 @@ * @example

dist/es/menu/components/Menu.js

@@ -26,3 +26,3 @@ var __extends = (this && this.__extends) || (function () {
 /**
- * Represents the Kendo UI for React Menu component.
+ * Represents the [Kendo UI Menu component for React]({% slug overview_menu %}).
  *
@@ -82,3 +82,3 @@ * @example
                 // The `over` event can get fired even w/o actually leaving the item.
-                // E.g. move the mouse little by little over the item's content.
+                // For example, move the mouse little by little over the item content.
                 _this.clearItemHoverAndLeaveRequestsIfApplicable();
@@ -94,3 +94,3 @@ _this.itemHoverRequest = setTimeout(function () {
                 // Both the `leave` and `hover` requests are cleared
-                // in order to be defensive and consistent w/ the `over` handler.
+                // to be defensive and consistent w/ the `over` handler.
                 _this.clearItemHoverAndLeaveRequestsIfApplicable();
@@ -158,5 +158,5 @@ _this.itemLeaveRequest = setTimeout(function () {
     Menu.prototype.componentDidUpdate = function (prevProps) {
-        // Reset the menu when there will be big UI changes
-        // in order not to mislead the user and to leave the component
-        // consistent.
+        // Reset the Menu upon big UI changes
+        // to avoid misleading the user and to
+        // keep the component consistent.
         if (Boolean(prevProps.vertical) !== Boolean(this.props.vertical) ||
@@ -163,0 +163,0 @@ this.directionHolder.hasDirectionChanged()) {

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

 import * as React from 'react';
 import { BaseMenuItem } from '../models/BaseMenuItem';
 /**
- * The properties of the Kendo UI MenuItem component for React.
+ * The properties of the Kendo UI MenuItem component for React
+ * ([more information and examples]({% slug items_menu %})).
  */
@@ -6,0 +7,0 @@ export interface MenuItemProps extends BaseMenuItem {

dist/es/menu/components/MenuItemArrow.d.ts

@@ -15,3 +15,3 @@ import * as React from 'react';
     /**
-     * Specifies whether the Menu holding the MenuItemArrow component is vertical or not.
+     * Specifies whether the Menu which holds the MenuItemArrow component is vertical.
      */
@@ -18,0 +18,0 @@ verticalMenu?: boolean;

dist/es/menu/components/MenuItemLink.d.ts

@@ -7,3 +7,3 @@ import * as React from 'react';
     /**
-     * Specifies whether the MenuItemLink component is opened or not.
+     * Specifies whether the MenuItemLink component is opened.
      */
@@ -10,0 +10,0 @@ opened: boolean;

dist/es/menu/events.d.ts

@@ -6,3 +6,4 @@ /// <reference types="react" />
  * The arguments for the `select` event of the Menu.
- * If the item has a URL and the event is prevented, navigation to the URL does not occur.
+ * If the item has a URL and the event is prevented, navigation
+ * to the URL does not occur.
  */
@@ -20,5 +21,5 @@ export interface MenuSelectEvent {
      * The id of selected item.
-     * The ids are hierarchical and zero-based. The first root item has an id `0`.
-     * If it has children, the first one will have an id `0_0`
-     * and the second will have an id `0_1`.
+     * The ids are hierarchical and zero-based. The first root item has a `0` id.
+     * If the first root item has children, the first child acquires a `0_0` id
+     * and the second acquires a `0_1` id.
      */
@@ -25,0 +26,0 @@ itemId: string;

dist/es/menu/MenuProps.d.ts

@@ -5,7 +5,8 @@ /// <reference types="react" />
 /**
- * The properties of the Kendo UI Menu component for React.
+ * The properties of the [Kendo UI Menu component for React]({% slug overview_menu %}).
  */
 export interface MenuProps {
     /**
-     * Specifies whether the Menu component will be vertical or not.
+     * Specifies whether the Menu will be vertical
+     * ([see example]({% slug vertical_menu %})).
      */
@@ -22,38 +23,43 @@ vertical?: boolean;
     /**
-     * Sets additional CSS styles to the Menu component.
+     * Sets additional CSS styles to the Menu.
      */
     style?: React.CSSProperties;
     /**
-     * Sets the direction of the Menu component.
+     * Sets the direction of the Menu.
      */
     dir?: string;
     /**
-     * Specifies the delay in milliseconds before the Menu items are opened on item mouse hover.
-     * The default value is 100. However, if openOnClick is true, the default value is 0.
+     * Specifies the delay in milliseconds before the Menu items are opened on item mouse-hover
+     * ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)).
+     * Defaults to `100`. If `openOnClick` is `true`, defaults to `0`.
      */
     hoverOpenDelay?: number;
     /**
-     * Specifies the delay in milliseconds before the Menu items are closed on item mouse leave.
-     * Used to avoid accidental closure on leaving. The default value is 100.
+     * Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave
+     * ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)).
+     * Used to avoid accidental closure on leaving. Defaults to `100`.
      */
     hoverCloseDelay?: number;
     /**
-     * If true Menu items are opened on mouse hover only after an initial click.
+     * If `openOnClick` is set to `true`, the items are opened on mouse hover only after an initial click.
      */
     openOnClick?: boolean;
     /**
-     * A React functional or class component which is used for rendering the innermost part of the Menu item.
-     * By default it includes only the text of the item.
+     * A React functional or class component which is used for rendering the innermost part of the Menu item
+     * ([see example]({% slug rendering_menu %}#toc-items)).
+     * By default, the innermost item part includes only the text for the item.
      */
     itemRender?: any;
     /**
-     * A React functional or class component which is used for rendering the Menu item link.
-     * The last is a part of the visual representation of the item which by default includes text, arrow and icon.
+     * A React functional or class component which is used for rendering the link of the item
+     * ([see example]({% slug rendering_menu %}#toc-links)).
+     * The item link is a part of the visual representation of the item which, by default,
+     * includes an arrow, icon, and text.
      */
     linkRender?: any;
     /**
-     * Sets the ids of the Menu items that will not be closed on mouse leave.
-     * The ids are hierarchical and zero-based. The first root item has an id `0`.
-     * If it has children, the first one will have an id `0_0`
-     * and the second will have an id `0_1`.
+     * Sets the ids of the Menu items that will not be closed on mouse-leave.
+     * The ids are hierarchical and zero-based. The first root item has a `0` id.
+     * If the first root item has children, the first child item acquires a `0_0` id
+     * and the second acquires a `0_1` id.
      */
@@ -60,0 +66,0 @@ customCloseItemIds?: string[];

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

 /// <reference types="react" />
 /**
- * An interface holding the shared properties between the MenuItemModel and the MenuItem component.
+ * An interface which holds the shared properties of the MenuItemModel and the MenuItem components.
  */
 export interface BaseMenuItem {
     /**
-     * Specifies the item text.
+     * Specifies the item text
+     * ([see example]({% slug itemproperties_menu %}#toc-text)).
      */
     text?: string;
     /**
-     * Specifies a URL which is rendered as a `href` attribute on the item link.
+     * Specifies a URL which is rendered as a `href` attribute on the item link
+     * ([see example]({% slug itemproperties_menu %}#toc-url)).
      */
@@ -16,25 +18,32 @@ url?: string;
      * Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons)
-     * that should be rendered for the item.
+     * that will be rendered for the item
+     * ([see example]({% slug itemproperties_menu %}#toc-icon)).
      */
     icon?: string;
     /**
-     * Specifies if the item is disabled.
+     * Specifies if the item is disabled
+     * ([see example]({% slug itemproperties_menu %}#toc-disabled-state)).
      */
     disabled?: boolean;
     /**
-     * The additional CSS classes that will be rendered on the item element.
+     * The additional CSS classes that will be rendered on the item
+     * ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */
     cssClass?: string;
     /**
-     * The CSS styles that will be rendered on the item element.
+     * The CSS styles that will be rendered on the item
+     * ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */
     cssStyle?: React.CSSProperties;
     /**
-     * A React functional or class component which is used for rendering the innermost part of the Menu item.
-     * By default it includes only the text of the item.
+     * A React functional or class component which is used for rendering the innermost part of the Menu item
+     * ([see example]({% slug rendering_menu %}#toc-items)).
+     * By default, the innermost item part includes only the text for the item.
      */
     render?: any;
     /**
-     * A React functional or class component which is used for rendering the Menu item link.
-     * The last is a part of the visual representation of the item which by default includes text, arrow and icon.
+     * A React functional or class component which is used for rendering the link of the item
+     * ([see example]({% slug rendering_menu %}#toc-links)).
+     * The item link is a part of the visual representation of the item which, by default,
+     * includes an arrow, icon, and text.
      */
@@ -44,9 +53,10 @@ linkRender?: any;
      * A React functional or class component which is used for rendering content
-     * in place of the item children.
+     * instead of the item children
+     * ([see example]({% slug rendering_menu %}#toc-content)).
      */
     contentRender?: any;
     /**
-     * Represents the additional data that is associated with the Menu item.
+     * Represents any additional data that is associated with the Menu item.
      */
     data?: any;
 }

dist/es/menu/models/MenuItemModel.d.ts

 import { BaseMenuItem } from './BaseMenuItem';
 /**
- * The interface describing items that can be passed to the `items` property
- * of the Menu component as an alternative to passing them as children.
+ * The interface for describing items that can be passed to the `items` property
+ * of the Menu as an alternative to passing them as children.
  */
@@ -6,0 +6,0 @@ export interface MenuItemModel extends BaseMenuItem {

dist/es/menu/utils/getNewItemIdUponKeyboardNavigation.d.ts

 import { MenuItemInternalModel } from '../models/MenuItemModel';
 /**
  * @hidden
- * Returns itemId (i.e. string) for applicable key codes even when the id has not changed.
- * For not applicable key codes returns undefined.
+ * Returns the `itemId` (string) for applicable key codes even when the id has not changed.
+ * For key codes that are not applicable, returns `undefined`.
  */
 export default function getNewItemIdUponKeyboardNavigation(sourceItems: MenuItemInternalModel[], sourceItemId: string, keyCode: number, key: string, isMenuVertical?: boolean, isDirectionRightToLeft?: boolean): string;

dist/es/menu/utils/getNewItemIdUponKeyboardNavigation.js

@@ -6,4 +6,4 @@ import { Keys } from '@progress/kendo-react-common';
  * @hidden
- * Returns itemId (i.e. string) for applicable key codes even when the id has not changed.
- * For not applicable key codes returns undefined.
+ * Returns the `itemId` (string) for applicable key codes even when the id has not changed.
+ * For key codes that are not applicable, returns `undefined`.
  */
@@ -10,0 +10,0 @@ export default function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode, key, isMenuVertical, isDirectionRightToLeft) {

dist/es/panelbar/PanelBar.d.ts

@@ -7,3 +7,3 @@ import * as React from 'react';
 /**
- * Represents the props of the PanelBar component for React.
+ * Represents the props of the [Kendo UI PanelBar component for React]({% slug overview_panelbar %}).
  */
@@ -16,3 +16,3 @@ export interface PanelBarProps extends PanelBarInterface {
     /**
-     * The class name that is set to the PanelBar component.
+     * The class name that is set to the PanelBar.
      */
@@ -19,0 +19,0 @@ className?: string;

dist/es/panelbar/PanelBarInterface.d.ts

@@ -25,3 +25,3 @@ /// <reference types="react" />
  * Represents the expand modes of the Kendo UI PanelBar.
- * By default, the expand mode is set to `multiple`.
+ * Defaults to `multiple`.
  */
@@ -38,3 +38,4 @@ export declare type PanelBarExpandMode = 'single' | 'multiple';
     /**
-     * Sets the expand mode of the PanelBar.
+     * Sets the expand mode of the PanelBar
+     * ([see example]({% slug expandmodes_panelbar %})).
      *
@@ -64,5 +65,6 @@ * The available modes are:
     /**
-     * Fires each time the user makes a selection.
+     * Fires each time the user makes a selection
+     * ([see example]({% slug controlling_state_panelbar %})).
      */
     onSelect?: (event: PanelBarSelectEventArguments) => void;
 }

dist/es/panelbar/PanelBarItem.d.ts

@@ -8,3 +8,4 @@ import * as React from 'react';
     /**
-     * Allows individual animation control over the child.
+     * Allows individual animation control over the child
+     * ([see example]({% slug animations_panelbar %})).
      * By default, it is controlled by the PanelBar component.
@@ -26,7 +27,10 @@ */
     /**
-     * Sets the initial expanded state of the PanelBarItem. Controlled by the PanelBar component.
+     * Sets the initial expanded state of the PanelBarItem
+     * ([see example]({% slug statesitems_panelbar %}#toc-expanded-items)).
+     * Controlled by the PanelBar component.
      */
     expanded?: boolean;
     /**
-     * Sets the disabled state of the PanelBarItem.
+     * Sets the disabled state of the PanelBarItem
+     * ([see example]({% slug statesitems_panelbar %}#toc-disabled-items)).
      */
@@ -43,19 +47,24 @@ disabled?: boolean;
     /**
-     * Defines an icon that will be rendered next to the title.
+     * Defines an icon that will be rendered next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
      */
     icon?: string;
     /**
-     * Defines an icon with a custom CSS class that will be rendered next to the title.
+     * Defines an icon with a custom CSS class that will be rendered next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
      */
     iconClass?: string;
     /**
-     * Defines the location of the image that will be displayed next to the title.
+     * Defines the location of the image that will be displayed next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-images)).
      */
     imageUrl?: string;
     /**
-     * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarI component.
+     * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component
+     * ([see example]({% slug statesitems_panelbar %}#toc-selected-items)).
      */
     selected?: boolean;
     /**
-     * Sets the title of the PanelBar item.
+     * Sets the title of the PanelBar item
+     * ([see example]({% slug titlesitems_panelbar %}#toc-getting-started)).
      */
@@ -80,3 +89,5 @@ title?: string | React.ReactNode;
     /**
-     * Used to identify the PanelBarItems inside the PanelBar. Does not depend on the state of the PanelBarItem.
+     * Used to identify the PanelBarItems inside the PanelBar
+     * ([see example]({% slug controlling_state_panelbar %})).
+     * Does not depend on the state of the PanelBarItem.
      */
@@ -83,0 +94,0 @@ uniquePrivateKey?: string;

dist/es/panelbar/util.js

@@ -12,3 +12,4 @@ var __assign = (this && this.__assign) || Object.assign || function(t) {
 /**
- * Maps a collection of PanelBarItemProps to PanelBarItem components.
+ * Maps a collection of PanelBarItemProps to PanelBarItem components
+ * ([see example]({% slug customization_panelbar %})).
  * Contained in the PanelBarUtils object.
@@ -15,0 +16,0 @@ *

dist/es/tabstrip/TabStrip.d.ts

 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 /**
- * The arguments that are passed to the `onSelect` callback function.
+ * The arguments that are passed to the `onSelect` callback function of the TabStrip.
  */
 export interface TabStripSelectEventArguments {
     /**
-     * The index of the selected tab.
+     * The index of the selected TabStrip tab.
      */
@@ -13,3 +13,3 @@ selected: number;
 /**
- * Represents the props of the TabStrip component for React.
+ * Represents the props of the [Kendo UI TabStrip component for React]({% slug overview_tabstrip %}).
  */
@@ -22,3 +22,4 @@ export interface TabStripProps {
     /**
-     * Sets the index of the selected TabStripTab component.
+     * Sets the index of the selected TabStripTab component
+     * ([see example]({% slug tabs_tabstrip %}#toc-tabs-on-initial-loading)).
      */
@@ -53,4 +54,4 @@ selected?: number;
     /**
-     * Sets if the tabs should remain mounted after another tab is selected.
-     * By default this option is set to false.
+     * Defines if the tabs will remain mounted after another tab is selected.
+     * Defaults to `false`.
      */
@@ -57,0 +58,0 @@ keepTabsMounted?: boolean;

dist/es/tabstrip/TabStripTab.d.ts

 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 /**
- * Represents the props of the tabs.
+ * Represents the props of the TabStrip tabs.
  */
 export interface TabStripTabProps {
     /**
-     * Defines whether a tab is disabled.
+     * Defines whether a tab is disabled
+     * ([see example]({% slug tabs_tabstrip %}#toc-disabled-state)).
      */
@@ -16,3 +17,4 @@ disabled?: boolean;
     /**
-     * Sets the title of the tab.
+     * Sets the title of the tab
+     * ([see example]({% slug tabs_tabstrip %}#toc-titles)).
      */
@@ -19,0 +21,0 @@ title?: string | React.ReactNode;

dist/npm/menu/components/Menu.d.ts

@@ -13,3 +13,3 @@ import * as React from 'react';
 /**
- * Represents the Kendo UI for React Menu component.
+ * Represents the [Kendo UI Menu component for React]({% slug overview_menu %}).
  *
@@ -16,0 +16,0 @@ * @example

dist/npm/menu/components/Menu.js

@@ -28,3 +28,3 @@ "use strict";
 /**
- * Represents the Kendo UI for React Menu component.
+ * Represents the [Kendo UI Menu component for React]({% slug overview_menu %}).
  *
@@ -84,3 +84,3 @@ * @example
                 // The `over` event can get fired even w/o actually leaving the item.
-                // E.g. move the mouse little by little over the item's content.
+                // For example, move the mouse little by little over the item content.
                 _this.clearItemHoverAndLeaveRequestsIfApplicable();
@@ -96,3 +96,3 @@ _this.itemHoverRequest = setTimeout(function () {
                 // Both the `leave` and `hover` requests are cleared
-                // in order to be defensive and consistent w/ the `over` handler.
+                // to be defensive and consistent w/ the `over` handler.
                 _this.clearItemHoverAndLeaveRequestsIfApplicable();
@@ -160,5 +160,5 @@ _this.itemLeaveRequest = setTimeout(function () {
     Menu.prototype.componentDidUpdate = function (prevProps) {
-        // Reset the menu when there will be big UI changes
-        // in order not to mislead the user and to leave the component
-        // consistent.
+        // Reset the Menu upon big UI changes
+        // to avoid misleading the user and to
+        // keep the component consistent.
         if (Boolean(prevProps.vertical) !== Boolean(this.props.vertical) ||
@@ -165,0 +165,0 @@ this.directionHolder.hasDirectionChanged()) {

dist/npm/menu/components/MenuItem.d.ts

 import * as React from 'react';
 import { BaseMenuItem } from '../models/BaseMenuItem';
 /**
- * The properties of the Kendo UI MenuItem component for React.
+ * The properties of the Kendo UI MenuItem component for React
+ * ([more information and examples]({% slug items_menu %})).
  */
@@ -6,0 +7,0 @@ export interface MenuItemProps extends BaseMenuItem {

dist/npm/menu/components/MenuItemArrow.d.ts

@@ -15,3 +15,3 @@ import * as React from 'react';
     /**
-     * Specifies whether the Menu holding the MenuItemArrow component is vertical or not.
+     * Specifies whether the Menu which holds the MenuItemArrow component is vertical.
      */
@@ -18,0 +18,0 @@ verticalMenu?: boolean;

dist/npm/menu/components/MenuItemLink.d.ts

@@ -7,3 +7,3 @@ import * as React from 'react';
     /**
-     * Specifies whether the MenuItemLink component is opened or not.
+     * Specifies whether the MenuItemLink component is opened.
      */
@@ -10,0 +10,0 @@ opened: boolean;

dist/npm/menu/events.d.ts

@@ -6,3 +6,4 @@ /// <reference types="react" />
  * The arguments for the `select` event of the Menu.
- * If the item has a URL and the event is prevented, navigation to the URL does not occur.
+ * If the item has a URL and the event is prevented, navigation
+ * to the URL does not occur.
  */
@@ -20,5 +21,5 @@ export interface MenuSelectEvent {
      * The id of selected item.
-     * The ids are hierarchical and zero-based. The first root item has an id `0`.
-     * If it has children, the first one will have an id `0_0`
-     * and the second will have an id `0_1`.
+     * The ids are hierarchical and zero-based. The first root item has a `0` id.
+     * If the first root item has children, the first child acquires a `0_0` id
+     * and the second acquires a `0_1` id.
      */
@@ -25,0 +26,0 @@ itemId: string;

dist/npm/menu/MenuProps.d.ts

@@ -5,7 +5,8 @@ /// <reference types="react" />
 /**
- * The properties of the Kendo UI Menu component for React.
+ * The properties of the [Kendo UI Menu component for React]({% slug overview_menu %}).
  */
 export interface MenuProps {
     /**
-     * Specifies whether the Menu component will be vertical or not.
+     * Specifies whether the Menu will be vertical
+     * ([see example]({% slug vertical_menu %})).
      */
@@ -22,38 +23,43 @@ vertical?: boolean;
     /**
-     * Sets additional CSS styles to the Menu component.
+     * Sets additional CSS styles to the Menu.
      */
     style?: React.CSSProperties;
     /**
-     * Sets the direction of the Menu component.
+     * Sets the direction of the Menu.
      */
     dir?: string;
     /**
-     * Specifies the delay in milliseconds before the Menu items are opened on item mouse hover.
-     * The default value is 100. However, if openOnClick is true, the default value is 0.
+     * Specifies the delay in milliseconds before the Menu items are opened on item mouse-hover
+     * ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)).
+     * Defaults to `100`. If `openOnClick` is `true`, defaults to `0`.
      */
     hoverOpenDelay?: number;
     /**
-     * Specifies the delay in milliseconds before the Menu items are closed on item mouse leave.
-     * Used to avoid accidental closure on leaving. The default value is 100.
+     * Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave
+     * ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)).
+     * Used to avoid accidental closure on leaving. Defaults to `100`.
      */
     hoverCloseDelay?: number;
     /**
-     * If true Menu items are opened on mouse hover only after an initial click.
+     * If `openOnClick` is set to `true`, the items are opened on mouse hover only after an initial click.
      */
     openOnClick?: boolean;
     /**
-     * A React functional or class component which is used for rendering the innermost part of the Menu item.
-     * By default it includes only the text of the item.
+     * A React functional or class component which is used for rendering the innermost part of the Menu item
+     * ([see example]({% slug rendering_menu %}#toc-items)).
+     * By default, the innermost item part includes only the text for the item.
      */
     itemRender?: any;
     /**
-     * A React functional or class component which is used for rendering the Menu item link.
-     * The last is a part of the visual representation of the item which by default includes text, arrow and icon.
+     * A React functional or class component which is used for rendering the link of the item
+     * ([see example]({% slug rendering_menu %}#toc-links)).
+     * The item link is a part of the visual representation of the item which, by default,
+     * includes an arrow, icon, and text.
      */
     linkRender?: any;
     /**
-     * Sets the ids of the Menu items that will not be closed on mouse leave.
-     * The ids are hierarchical and zero-based. The first root item has an id `0`.
-     * If it has children, the first one will have an id `0_0`
-     * and the second will have an id `0_1`.
+     * Sets the ids of the Menu items that will not be closed on mouse-leave.
+     * The ids are hierarchical and zero-based. The first root item has a `0` id.
+     * If the first root item has children, the first child item acquires a `0_0` id
+     * and the second acquires a `0_1` id.
      */
@@ -60,0 +66,0 @@ customCloseItemIds?: string[];

dist/npm/menu/models/BaseMenuItem.d.ts

 /// <reference types="react" />
 /**
- * An interface holding the shared properties between the MenuItemModel and the MenuItem component.
+ * An interface which holds the shared properties of the MenuItemModel and the MenuItem components.
  */
 export interface BaseMenuItem {
     /**
-     * Specifies the item text.
+     * Specifies the item text
+     * ([see example]({% slug itemproperties_menu %}#toc-text)).
      */
     text?: string;
     /**
-     * Specifies a URL which is rendered as a `href` attribute on the item link.
+     * Specifies a URL which is rendered as a `href` attribute on the item link
+     * ([see example]({% slug itemproperties_menu %}#toc-url)).
      */
@@ -16,25 +18,32 @@ url?: string;
      * Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons)
-     * that should be rendered for the item.
+     * that will be rendered for the item
+     * ([see example]({% slug itemproperties_menu %}#toc-icon)).
      */
     icon?: string;
     /**
-     * Specifies if the item is disabled.
+     * Specifies if the item is disabled
+     * ([see example]({% slug itemproperties_menu %}#toc-disabled-state)).
      */
     disabled?: boolean;
     /**
-     * The additional CSS classes that will be rendered on the item element.
+     * The additional CSS classes that will be rendered on the item
+     * ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */
     cssClass?: string;
     /**
-     * The CSS styles that will be rendered on the item element.
+     * The CSS styles that will be rendered on the item
+     * ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */
     cssStyle?: React.CSSProperties;
     /**
-     * A React functional or class component which is used for rendering the innermost part of the Menu item.
-     * By default it includes only the text of the item.
+     * A React functional or class component which is used for rendering the innermost part of the Menu item
+     * ([see example]({% slug rendering_menu %}#toc-items)).
+     * By default, the innermost item part includes only the text for the item.
      */
     render?: any;
     /**
-     * A React functional or class component which is used for rendering the Menu item link.
-     * The last is a part of the visual representation of the item which by default includes text, arrow and icon.
+     * A React functional or class component which is used for rendering the link of the item
+     * ([see example]({% slug rendering_menu %}#toc-links)).
+     * The item link is a part of the visual representation of the item which, by default,
+     * includes an arrow, icon, and text.
      */
@@ -44,9 +53,10 @@ linkRender?: any;
      * A React functional or class component which is used for rendering content
-     * in place of the item children.
+     * instead of the item children
+     * ([see example]({% slug rendering_menu %}#toc-content)).
      */
     contentRender?: any;
     /**
-     * Represents the additional data that is associated with the Menu item.
+     * Represents any additional data that is associated with the Menu item.
      */
     data?: any;
 }

dist/npm/menu/models/MenuItemModel.d.ts

 import { BaseMenuItem } from './BaseMenuItem';
 /**
- * The interface describing items that can be passed to the `items` property
- * of the Menu component as an alternative to passing them as children.
+ * The interface for describing items that can be passed to the `items` property
+ * of the Menu as an alternative to passing them as children.
  */
@@ -6,0 +6,0 @@ export interface MenuItemModel extends BaseMenuItem {

dist/npm/menu/utils/getNewItemIdUponKeyboardNavigation.d.ts

 import { MenuItemInternalModel } from '../models/MenuItemModel';
 /**
  * @hidden
- * Returns itemId (i.e. string) for applicable key codes even when the id has not changed.
- * For not applicable key codes returns undefined.
+ * Returns the `itemId` (string) for applicable key codes even when the id has not changed.
+ * For key codes that are not applicable, returns `undefined`.
  */
 export default function getNewItemIdUponKeyboardNavigation(sourceItems: MenuItemInternalModel[], sourceItemId: string, keyCode: number, key: string, isMenuVertical?: boolean, isDirectionRightToLeft?: boolean): string;

dist/npm/menu/utils/getNewItemIdUponKeyboardNavigation.js

@@ -8,4 +8,4 @@ "use strict";
  * @hidden
- * Returns itemId (i.e. string) for applicable key codes even when the id has not changed.
- * For not applicable key codes returns undefined.
+ * Returns the `itemId` (string) for applicable key codes even when the id has not changed.
+ * For key codes that are not applicable, returns `undefined`.
  */
@@ -12,0 +12,0 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode, key, isMenuVertical, isDirectionRightToLeft) {

dist/npm/panelbar/PanelBar.d.ts

@@ -7,3 +7,3 @@ import * as React from 'react';
 /**
- * Represents the props of the PanelBar component for React.
+ * Represents the props of the [Kendo UI PanelBar component for React]({% slug overview_panelbar %}).
  */
@@ -16,3 +16,3 @@ export interface PanelBarProps extends PanelBarInterface {
     /**
-     * The class name that is set to the PanelBar component.
+     * The class name that is set to the PanelBar.
      */
@@ -19,0 +19,0 @@ className?: string;

dist/npm/panelbar/PanelBarInterface.d.ts

@@ -25,3 +25,3 @@ /// <reference types="react" />
  * Represents the expand modes of the Kendo UI PanelBar.
- * By default, the expand mode is set to `multiple`.
+ * Defaults to `multiple`.
  */
@@ -38,3 +38,4 @@ export declare type PanelBarExpandMode = 'single' | 'multiple';
     /**
-     * Sets the expand mode of the PanelBar.
+     * Sets the expand mode of the PanelBar
+     * ([see example]({% slug expandmodes_panelbar %})).
      *
@@ -64,5 +65,6 @@ * The available modes are:
     /**
-     * Fires each time the user makes a selection.
+     * Fires each time the user makes a selection
+     * ([see example]({% slug controlling_state_panelbar %})).
      */
     onSelect?: (event: PanelBarSelectEventArguments) => void;
 }

dist/npm/panelbar/PanelBarItem.d.ts

@@ -8,3 +8,4 @@ import * as React from 'react';
     /**
-     * Allows individual animation control over the child.
+     * Allows individual animation control over the child
+     * ([see example]({% slug animations_panelbar %})).
      * By default, it is controlled by the PanelBar component.
@@ -26,7 +27,10 @@ */
     /**
-     * Sets the initial expanded state of the PanelBarItem. Controlled by the PanelBar component.
+     * Sets the initial expanded state of the PanelBarItem
+     * ([see example]({% slug statesitems_panelbar %}#toc-expanded-items)).
+     * Controlled by the PanelBar component.
      */
     expanded?: boolean;
     /**
-     * Sets the disabled state of the PanelBarItem.
+     * Sets the disabled state of the PanelBarItem
+     * ([see example]({% slug statesitems_panelbar %}#toc-disabled-items)).
      */
@@ -43,19 +47,24 @@ disabled?: boolean;
     /**
-     * Defines an icon that will be rendered next to the title.
+     * Defines an icon that will be rendered next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
      */
     icon?: string;
     /**
-     * Defines an icon with a custom CSS class that will be rendered next to the title.
+     * Defines an icon with a custom CSS class that will be rendered next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
      */
     iconClass?: string;
     /**
-     * Defines the location of the image that will be displayed next to the title.
+     * Defines the location of the image that will be displayed next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-images)).
      */
     imageUrl?: string;
     /**
-     * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarI component.
+     * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component
+     * ([see example]({% slug statesitems_panelbar %}#toc-selected-items)).
      */
     selected?: boolean;
     /**
-     * Sets the title of the PanelBar item.
+     * Sets the title of the PanelBar item
+     * ([see example]({% slug titlesitems_panelbar %}#toc-getting-started)).
      */
@@ -80,3 +89,5 @@ title?: string | React.ReactNode;
     /**
-     * Used to identify the PanelBarItems inside the PanelBar. Does not depend on the state of the PanelBarItem.
+     * Used to identify the PanelBarItems inside the PanelBar
+     * ([see example]({% slug controlling_state_panelbar %})).
+     * Does not depend on the state of the PanelBarItem.
      */
@@ -83,0 +94,0 @@ uniquePrivateKey?: string;

dist/npm/panelbar/util.js

@@ -14,3 +14,4 @@ "use strict";
 /**
- * Maps a collection of PanelBarItemProps to PanelBarItem components.
+ * Maps a collection of PanelBarItemProps to PanelBarItem components
+ * ([see example]({% slug customization_panelbar %})).
  * Contained in the PanelBarUtils object.
@@ -17,0 +18,0 @@ *

dist/npm/tabstrip/TabStrip.d.ts

 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 /**
- * The arguments that are passed to the `onSelect` callback function.
+ * The arguments that are passed to the `onSelect` callback function of the TabStrip.
  */
 export interface TabStripSelectEventArguments {
     /**
-     * The index of the selected tab.
+     * The index of the selected TabStrip tab.
      */
@@ -13,3 +13,3 @@ selected: number;
 /**
- * Represents the props of the TabStrip component for React.
+ * Represents the props of the [Kendo UI TabStrip component for React]({% slug overview_tabstrip %}).
  */
@@ -22,3 +22,4 @@ export interface TabStripProps {
     /**
-     * Sets the index of the selected TabStripTab component.
+     * Sets the index of the selected TabStripTab component
+     * ([see example]({% slug tabs_tabstrip %}#toc-tabs-on-initial-loading)).
      */
@@ -53,4 +54,4 @@ selected?: number;
     /**
-     * Sets if the tabs should remain mounted after another tab is selected.
-     * By default this option is set to false.
+     * Defines if the tabs will remain mounted after another tab is selected.
+     * Defaults to `false`.
      */
@@ -57,0 +58,0 @@ keepTabsMounted?: boolean;

dist/npm/tabstrip/TabStripTab.d.ts

 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 /**
- * Represents the props of the tabs.
+ * Represents the props of the TabStrip tabs.
  */
 export interface TabStripTabProps {
     /**
-     * Defines whether a tab is disabled.
+     * Defines whether a tab is disabled
+     * ([see example]({% slug tabs_tabstrip %}#toc-disabled-state)).
      */
@@ -16,3 +17,4 @@ disabled?: boolean;
     /**
-     * Sets the title of the tab.
+     * Sets the title of the tab
+     * ([see example]({% slug tabs_tabstrip %}#toc-titles)).
      */
@@ -19,0 +21,0 @@ title?: string | React.ReactNode;

dist/systemjs/kendo-react-layout.js

@@ -1,1 +0,1 @@
-System.register("@progress/kendo-react-layout",["prop-types","react","@progress/kendo-react-common","@progress/kendo-react-animation","@progress/kendo-react-popup"],function(m){var n,r,o,i,s;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){n=t(e)},function(e){r=t(e)},function(e){o=t(e)},function(e){i=t(e)},function(e){s=t(e)}],execute:function(){!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=15)}([function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t){e.exports=n},function(e,n,t){"use strict";function o(e){return s(e)?e:e.split(n.SEPARATOR)[0]}function i(e){if(s(e))return e;var t=e.indexOf(n.SEPARATOR);return e.substring(t+1)}function r(e,t){return t?t+n.SEPARATOR+e:e}function s(e){return e===n.EMPTY_ID||e.indexOf(n.SEPARATOR)<0}function a(e){return e!==n.EMPTY_ID&&e.indexOf(n.SEPARATOR)<0}function l(e){var t=e.lastIndexOf(n.SEPARATOR);return t<0?e:e.substring(t+1)}Object.defineProperty(n,"__esModule",{value:!0}),n.EMPTY_ID="",n.ZERO_LEVEL_ZERO_ITEM_ID="0",n.SEPARATOR="_",n.getItemById=function e(t,n){if(a(t))return n[Number(t)];var r=n[Number(o(t))];return r.items?e(i(t),r.items):void 0},n.getRootParentId=o,n.getIdWithoutRootParentId=i,n.getFirstChildId=function(e){return r("0",e)},n.isItemParentOrEqual=function(e,t){return 0===t.indexOf(e)&&t.length>=e.length},n.createId=r,n.getDirectParentId=function(e){var t=e.lastIndexOf(n.SEPARATOR);return t<0?n.EMPTY_ID:e.substring(0,t)},n.isIdEmptyOrZeroLevel=s,n.isIdZeroLevel=a,n.isIdFirstLevel=function(e){return 1==e.split(n.SEPARATOR).length-1},n.isFirstItemFromSiblings=function(e){return l(e)===n.ZERO_LEVEL_ZERO_ITEM_ID},n.getShortId=l,n.getDirectSiblingIdForLevelZero=function(e,t,n){return a(t)?e?Number(t)<n-1?(Number(t)+1).toString():"0":0<Number(t)?(Number(t)-1).toString():(n-1).toString():t}},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),O=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var P=n(0),i=n(2),k=n(1),M=n(9),s=function(e){function t(){var o=null!==e&&e.apply(this,arguments)||this;return o.handleItemClick=function(){var e=o.props,t=e.onSelect,n=e.disabled,r=e.id;t&&!n&&t.call(void 0,{uniquePrivateKey:o.props.uniquePrivateKey,id:r,target:o})},o}return o(t,e),t.prototype.render=function(){var e,t=this.props,n=t.id,r=t.children,o=t.title,i=t.uniquePrivateKey,s=t.disabled,a=t.selected,l=t.focused,p=t.expanded,u=t.className,c=t.root,d=t.headerClassName,f=t.animation,h={role:"treeitem","aria-disabled":s,"aria-hidden":!s&&!p,"aria-selected":!s&&a,"aria-expanded":!s&&p&&!!r},m=k.classNames({"k-item":!0,"k-state-default":!s,"k-state-expanded":p&&!!r,"k-state-disabled":s},u),v=k.classNames({"k-link":!0,"k-header":c,"k-state-selected":!s&&a,"k-state-focused":!s&&l},d),y=k.classNames(((e={})["k-icon"]=!0,e["k-i-arrow-n"]=p&&!!r,e["k-panelbar-collapse"]=p&&!!r,e["k-i-arrow-s"]=!p&&!!r,e["k-panelbar-expand"]=!p&&!!r,e)),I=function(e){var t=e.imageUrl,n=e.icon,r=e.iconClass;if(t)return P.createElement("img",{role:"presentation",className:"k-image",src:t});if(n){var o=k.classNames("k-icon","k-i-"+n);return P.createElement("span",{role:"presentation",className:o})}return r?P.createElement("span",{role:"presentation",className:r}):null}(this.props),b=!s&&r?P.createElement("span",{className:y}):null,g=!s&&p?P.createElement("div",{role:"group",className:"k-panel k-group"},r):null,_=void 0!==f&&!f||s||!r?g:P.createElement(M.Reveal,{transitionEnterDuration:200,transitionExitDuration:200,key:i+"_animation",style:{position:"static"},children:g});return P.createElement("div",O({id:n,className:m},h),P.createElement("span",{className:v,onClick:this.handleItemClick},I,o,b),_)},t.propTypes={animation:i.bool,children:i.any,className:i.string,expanded:i.bool,disabled:i.bool,onSelect:i.func,selected:i.bool,root:i.bool,title:i.oneOfType([i.string,i.element]),id:i.oneOfType([i.string,i.number]),focused:i.bool},t.defaultProps={title:"Untitled"},t}(P.PureComponent);t.default=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(27),r=n(3);function i(e,t,n){return r.isIdZeroLevel(e)?t?n?"leftward":"rightward":"downward":n?"leftward":"rightward"}t.getPopupSettings=function(e,t,n){var r=i(e,t,n);return n?"downward"===r?o.POPUP_SETTINGS_RTL.downward:o.POPUP_SETTINGS_RTL.leftward:"downward"===r?o.POPUP_SETTINGS.downward:o.POPUP_SETTINGS.rightward},t.getChildrenPosition=i,t.convertBoolDirectionToString=function(e){return e?"rtl":"ltr"},t.getDOMElementId=function(e,t){return e+"_"+t}},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),p=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),i=n(2),c=n(7),d=n(1),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.selected,o=n.children,i=n.onSelect,s=n.onKeyDown,a=u.Children.count(o);o&&(e=(t=a,Array.apply(null,Array(t))).map(function(e,t,n){return{first:0===t,last:t===n.length-1}}).map(function(e,t){var n={active:r===t,disabled:o[t].props.disabled,index:t,title:o[t].props.title,onSelect:i};return u.createElement(c.default,p({key:t},n))}));var l=d.classNames("k-tabstrip-items","k-reset");return u.createElement("ul",{className:l,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:s},e)},t.propTypes={children:i.oneOfType([i.element,i.arrayOf(i.element)]),onSelect:i.func,onKeyDown:i.func,selected:i.number,tabIndex:i.number},t}(u.Component);t.default=s},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),l=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),i=n(2),u=n(1),s=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.onClick=function(){e.props.onSelect&&e.props.onSelect(e.props.index)},e}return o(e,t),e.prototype.render=function(){var e,t=this.props,n=t.active,r=t.disabled,o=t.title,i=void 0===o?"Untitled":o,s={"aria-selected":n,role:"tab",onClick:r?void 0:this.onClick},a=u.classNames(((e={})["k-item"]=!0,e["k-state-default"]=!(r||n),e["k-state-disabled"]=r,e["k-state-active"]=n,e["k-tab-on-top"]=n,e));return p.createElement("li",l({},s,{className:a}),p.createElement("span",{className:"k-link"},i))},e.propTypes={active:i.bool,disabled:i.bool,index:i.number,onSelect:i.func,title:i.oneOfType([i.string,i.element])},e}(p.Component);t.default=s},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var s=n(0),a=n(2),l=n(9),p=n(1),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.contentId=p.guid(),t.childFactory=function(e){return s.cloneElement(e,i({},e.props,{in:e.props.children.props.id===String(t.contentId+t.props.selected)}))},t}return o(t,e),t.prototype.render=function(){var e=p.classNames("k-content","k-state-active");return s.createElement("div",{className:e,style:this.props.style},this.renderContent(this.props.children))},t.prototype.renderContent=function(e){var n=this;return this.props.keepTabsMounted?s.Children.map(this.props.children,function(e,t){return n.renderChild(e,t)}):this.renderChild(s.Children.toArray(e)[this.props.selected],this.props.selected)},t.prototype.renderChild=function(e,t){var n=t===this.props.selected,r={role:"tabpanel","aria-expanded":!0,style:{display:n?void 0:"none"}},o={position:"initial",display:n?void 0:"none"};return e.props.disabled?null:this.props.animation?s.createElement(l.Fade,{appear:!0,exit:this.props.keepTabsMounted,style:o,childFactory:this.props.keepTabsMounted?this.childFactory:void 0},s.createElement("div",i({},r,{id:String(this.contentId+t),key:t}),e.props.children)):s.createElement("div",i({},r,{key:t}),e.props.children)},t.propTypes={animation:a.bool,children:a.oneOfType([a.element,a.arrayOf(a.element)]),selected:a.number,style:a.object},t}(s.Component);t.default=u},function(e,t){e.exports=i},function(e,u,t){"use strict";var c=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(u,"__esModule",{value:!0});var d=t(0),f=t(4),r=function(e){return e.map(function(e,t){var n;return e.content&&(n=e.content),e.children&&(n=r(e.children)),d.createElement(f.default,c({},e,{children:n,key:e.id||t}))})};u.renderChildren=function(o,i,s,e,a,l,p){return void 0===o&&(o=!0),void 0===a&&(a=!0),void 0===l&&(l=!0),void 0===p&&(p=[]),d.Children.map(e,function(e,t){if(e.type===f.default){var n=void 0,r=p.length?p[p.length-1]+"."+t:"."+t;return e.props.children&&(n=u.renderChildren(o,i,s,e.props.children,-1<(i.expanded||[]).indexOf(r)&&a,!1,p.concat([r]))),d.cloneElement(e,c({},e.props,{animation:void 0!==e.props.animation?e.props.animation:o,id:e.props.id||"k-panelbar-item-default-"+r,uniquePrivateKey:r,parentUniquePrivateKey:p,parentExpanded:a,root:l,expanded:-1<(i.expanded||[]).indexOf(r)&&a,focused:i.focused===r&&i.wrapperFocused,selected:i.selected===r,children:n,onSelect:s}))}return d.createElement("div",{className:"k-content"},e)})},u.getInitialState=function(e,r,o,t,i,s){return void 0===o&&(o={expanded:e.expanded||[],selected:e.selected||"",focused:e.focused||".0",wrapperFocused:!1}),void 0===t&&(t=!0),void 0===i&&(i=!0),void 0===s&&(s=[]),d.Children.map(e.children,function(e,t){if(e.type===f.default){var n=s.length?s[s.length-1]+"."+t:"."+t;!e.props.disabled&&i&&(e.props.selected&&(o.selected=n),e.props.focused&&(o.focused=n),e.props.expanded&&("multiple"===r?o.expanded.push(n):"single"===r&&(o.expanded=[n])),e.props.children&&(o=u.getInitialState(e.props,r,o,!1,!!e.props.expanded,s.concat([n]))))}}),o},u.flatVisibleItems=function t(e,n,r){return void 0===n&&(n=[]),void 0===r&&(r=null),(e||[]).forEach(function(e){e.disabled||(n.push(e),e.expanded&&e.children&&t(e.children,n))}),n},u.isPresent=function(e){return null!=e};var n={mapItemsToComponents:r};u.default=n},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){return null},t}(n(0).Component);t.default=i},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(25),a=n(5),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onMouseOver=function(e){t.props.onMouseOver(t.props.parentItemId),e.stopPropagation()},t.onMouseLeave=function(e){t.props.onMouseLeave(t.props.parentItemId),e.stopPropagation()},t}return o(t,e),t.prototype.render=function(){var e=this.props.parentItemId;return i.createElement("ul",{className:this.props.className,role:void 0!==e?"menu":"menubar",id:void 0!==e?a.getDOMElementId(this.props.menuGuid,e):void 0,onMouseOver:void 0!==e?this.onMouseOver:void 0,onMouseLeave:void 0!==e?this.onMouseLeave:void 0,"aria-orientation":this.props["aria-orientation"]},this.renderChildItems())},t.prototype.renderChildItems=function(){var n=this;return 0<this.props.items.length?this.props.items.map(function(e,t){return i.createElement(s.default,{item:e,isMenuVertical:n.props.isMenuVertical,isDirectionRightToLeft:n.props.isDirectionRightToLeft,focusedItemId:n.props.focusedItemId,lastItemIdToBeOpened:n.props.lastItemIdToBeOpened,tabbableItemId:n.props.tabbableItemId,itemRender:n.props.itemRender,linkRender:n.props.linkRender,menuGuid:n.props.menuGuid,onMouseOver:n.props.onMouseOver,onMouseLeave:n.props.onMouseLeave,onMouseDown:n.props.onMouseDown,onBlur:n.props.onBlur,onFocus:n.props.onFocus,onClick:n.props.onClick,onOriginalItemNeeded:n.props.onOriginalItemNeeded,key:t})}):null},t}(i.Component);t.default=l},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(1),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){return this.props.url?i.createElement("a",{className:this.getMenuItemClassName(),role:"presentation",href:this.props.url,tabIndex:-1},this.props.children):i.createElement("span",{className:this.getMenuItemClassName(),role:"presentation"},this.props.children)},t.prototype.getMenuItemClassName=function(){return s.classNames("k-link","k-menu-link",{"k-state-active":this.props.opened})},t}(i.Component);t.default=a},function(e,n,t){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(n,"__esModule",{value:!0});var i=t(0),s=t(1),a=t(5);n.downArrowClass="k-i-arrow-60-down",n.rightArrowClass="k-i-arrow-60-right",n.leftArrowClass="k-i-arrow-60-left";var l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){return i.createElement("span",{className:this.getArrowClassName(),role:"presentation"})},t.prototype.getArrowClassName=function(){var e,t=a.getChildrenPosition(this.props.itemId,!0===this.props.verticalMenu,"rtl"===this.props.dir);return s.classNames("k-icon","k-menu-expand-arrow",((e={})[n.downArrowClass]="downward"===t,e[n.rightArrowClass]="rightward"===t,e[n.leftArrowClass]="leftward"===t,e))},t}(i.Component);n.default=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(16);t.TabStrip=r.default;var o=n(8);t.TabStripContent=o.default;var i=n(6);t.TabStripNavigation=i.default;var s=n(7);t.TabStripNavigationItem=s.default;var a=n(17);t.TabStripTab=a.default;var l=n(18);t.PanelBar=l.default;var p=n(4);t.PanelBarItem=p.default;var u=n(10);t.PanelBarUtils=u.default;var c=n(21);t.Menu=c.default;var d=n(13);t.MenuItemLink=d.default;var f=n(11);t.MenuItem=f.default;var h=n(14);t.MenuItemArrow=h.default,function(e){for(var t in e)m(t,e[t])}(t)},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),l=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),i=n(2),u=n(6),a=n(8),c=n(1),s=function(t){function e(){var e,s=null!==t&&t.apply(this,arguments)||this;return s._element=null,s.keyBinding=((e={})[c.Keys.left]=function(){return s.prevNavigatableTab()},e[c.Keys.right]=function(){return s.nextNavigatableTab()},e[c.Keys.down]=function(){return s.nextNavigatableTab()},e[c.Keys.up]=function(){return s.prevNavigatableTab()},e[c.Keys.home]=function(){return 0},e[c.Keys.end]=function(){return p.Children.count(s.props.children)-1},e),s.onSelect=function(e){s.props.selected!==e&&s.props.onSelect&&s.props.onSelect({selected:e})},s.onKeyDown=function(e){var t;switch(e.keyCode){case c.Keys.left:t=s.keyBinding[s.invertKeys(c.Keys.left,c.Keys.right)];break;case c.Keys.right:t=s.keyBinding[s.invertKeys(c.Keys.right,c.Keys.left)];break;case c.Keys.up:t=s.keyBinding[c.Keys.up];break;case c.Keys.down:t=s.keyBinding[c.Keys.down]}t&&(e.preventDefault(),s.onSelect(t()))},s.renderContent=function(e){var t=s.props,n=t.selected,r=t.children,o=t.tabContentStyle;return n<p.Children.count(r)&&-1<n?p.createElement(a.default,l({index:n},e,{style:o})):null},s.firstNavigatableTab=function(){var e=s.props.children,t=p.Children.count(e);if(e)for(var n=0;n<t;n++)if(!e[n].props.disabled)return n},s.lastNavigatableTab=function(){var e=s.props.children,t=p.Children.count(e);if(e)for(var n=t-1;0<n;n--)if(!e[n].props.disabled)return n},s.prevNavigatableTab=function(){var e=s.props,t=e.children,n=e.selected,r=n?n-1:-1;if(r<0)return s.lastNavigatableTab();if(t)for(var o=r;-1<o;o--){if(!t[o].props.disabled)return o;if(0===o)return s.lastNavigatableTab()}},s.nextNavigatableTab=function(){var e=s.props,t=e.children,n=e.selected,r=n?n+1:1,o=p.Children.count(t);if(o<=r)return s.firstNavigatableTab();if(t)for(var i=r;i<o;i++){if(!t[i].props.disabled)return i;if(i+1===o)return s.firstNavigatableTab()}},s}return o(e,t),e.prototype.render=function(){var e,t=this,n=l({},this.props,{onKeyDown:this.onKeyDown,selected:this.props.selected,onSelect:this.onSelect}),r=n.tabPosition,o=n.tabIndex,i=void 0===o?0:o,s="bottom"===r,a=c.classNames(((e={})["k-widget"]=!0,e["k-header"]=!0,e["k-floatwrap"]=!0,e["k-tabstrip"]=!0,e["k-tabstrip-left"]="left"===r,e["k-tabstrip-right"]="right"===r,e["k-tabstrip-bottom"]="bottom"===r,e["k-tabstrip-top"]="top"===r,e));return p.createElement("div",{ref:function(e){t._element=e},dir:this.props.dir,className:a,style:this.props.style},!s&&p.createElement(u.default,l({},n,{tabIndex:i})),this.renderContent(n),s&&p.createElement(u.default,l({},n,{tabIndex:i})))},e.prototype.invertKeys=function(e,t){return this._element&&"rtl"===getComputedStyle(this._element).direction?t:e},e.propTypes={animation:i.bool,children:i.oneOfType([i.element,i.arrayOf(i.element)]),onSelect:i.func,selected:i.number,style:i.object,tabContentStyle:i.object,tabPosition:i.string,tabIndex:i.number,dir:i.string},e.defaultProps={animation:!0,tabPosition:"top",keepTabsMounted:!1},e}(p.Component);t.default=s},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(2),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propTypes={disabled:s.bool,children:s.oneOfType([s.element,s.node]),title:s.oneOfType([s.string,s.element,s.node])},t}(i.Component);t.default=a},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var s=n(0),a=n(2),l=n(4),p=n(10),u=n(19),c=n(20),d=function(t){function e(e){var n=t.call(this,e)||this;return n._element=null,n.handleSelect=function(e){n._selectionService.select(e.uniquePrivateKey,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children),n.state.expanded),n._selectionService.focus(e.uniquePrivateKey,0,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children))},n.onSelect=function(e,t){n.setState({selected:e.props.uniquePrivateKey,expanded:t},function(){n.props.onSelect&&n.props.onSelect.call(void 0,{target:e,action:"select"})})},n.onFocus=function(e){n.activeDescendant=e.props.id,n.setState({focused:e.props.uniquePrivateKey})},n.onNavigate=function(e){switch(e){case c.NavigationAction.Previous:n._selectionService.focus(n.state.focused,-1,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children));break;case c.NavigationAction.Next:n._selectionService.focus(n.state.focused,1,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children));break;case c.NavigationAction.Toggle:n._selectionService.select(n.state.focused,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children),n.state.expanded)}},n.handleWrapperFocus=function(e){n.setState({wrapperFocused:"focus"===e.nativeEvent.type})},n.handleKeyDown=function(e){var t=n._element&&"rtl"===getComputedStyle(n._element).direction||!1;e.target===e.currentTarget&&n._navigationService.navigate(e,t)},n.state=p.getInitialState(e,e.expandMode||"multiple"),n._selectionService=new u.default(n.onSelect,n.onFocus,n.props.expandMode||"multiple"),n._navigationService=new c.default(n.onNavigate),n}return o(e,t),e.prototype.componentWillReceiveProps=function(e){e.expandMode!==this.props.expandMode&&this._selectionService.setExpandMode(e.expandMode),e.selected!==this.state.selected&&void 0!==e.selected&&this.setState({selected:e.selected})},e.prototype.render=function(){var t=this,e={"aria-activedescendant":this.activeDescendant},n=p.renderChildren(this.props.animation,this.state,this.handleSelect,this.props.children);return s.createElement("div",i({ref:function(e){t._element=e},dir:this.props.dir,role:"tree",tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperFocus,className:"k-widget k-panelbar k-reset k-header"},e),n)},e.propTypes={animation:a.bool,children:function(e,t){var n=e[t];if(n)if(Array.isArray(n))for(var r=0,o=n;r<o.length;r++){var i=o[r];if(!i.type||i.type!==l.default)return new Error("PanelBar children should be either PanelBarItem or Array of PanelBarItem.")}else if(n.type!==l.default)return new Error("PanelBar child should be either PanelBarItem or Array of PanelBarItem.")},dir:a.string,selected:a.string,expanded:a.arrayOf(a.string),focused:a.string,expandMode:a.oneOf(["single","multiple"]),className:a.string,onSelect:a.func},e.defaultProps={expandMode:"multiple",animation:!0},e}(s.Component);t.default=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=function(){function e(e,t,n){var r=this;this.flatChildren=function(e,t){return void 0===t&&(t=[]),a.Children.forEach(e,function(e){e.props&&!e.props.disabled&&(t.push(e),e.props.children&&r.flatChildren(e.props.children,t))}),t},this.flatVisibleChildren=function(e,t){return void 0===t&&(t=[]),a.Children.forEach(e,function(e){e.props&&!e.props.disabled&&(e.props.expanded||e.props.parentExpanded)&&(t.push(e),e.props.children&&r.flatVisibleChildren(e.props.children,t))}),t},this.onSelect=e,this.onFocus=t,this.expandMode=n}return e.prototype.select=function(t,e,n){var r,o;switch(this.flatChildren(a.Children.toArray(e)).forEach(function(e){e.props.uniquePrivateKey===t&&(r=e)}),this.expandMode){case"single":o=r.props.parentUniquePrivateKey.concat([r.props.uniquePrivateKey]);break;case"multiple":var i=(o=n.slice()).indexOf(r.props.uniquePrivateKey);-1===i?o.push(r.props.uniquePrivateKey):o.splice(i,1);break;default:o=n.slice()}this.onSelect(r,o)},e.prototype.focus=function(r,o,e){var i,s=this.flatVisibleChildren(a.Children.toArray(e));s.forEach(function(e,t){if(e.props.uniquePrivateKey===r){var n=t+o<0?0:t+o>=s.length?s.length-1:t+o;i=s[n]}}),this.onFocus(i)},e.prototype.setExpandMode=function(e){this.expandMode=e},e}();t.default=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o,i=n(1);(o=r=t.NavigationAction||(t.NavigationAction={}))[o.Toggle=0]="Toggle",o[o.Next=1]="Next",o[o.Previous=2]="Previous";var s=function(){function e(e){this.onNavigate=e}return e.prototype.navigate=function(e,t){var n;switch(e.keyCode){case i.Keys.left:n=t?r.Next:r.Previous;break;case i.Keys.up:n=r.Previous;break;case i.Keys.right:n=t?r.Previous:r.Next;break;case i.Keys.down:n=r.Next;break;case i.Keys.space:case i.Keys.enter:n=r.Toggle;break;default:n=null}null!==n&&(e.preventDefault(),this.onNavigate(n))},e}();t.default=s},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(1),a=n(3),l=n(22),p=n(23),u=n(24),c=n(12),d=n(28),f=n(29),h={focusedItemId:a.EMPTY_ID,hoveredItemId:a.EMPTY_ID,tabbableItemId:a.ZERO_LEVEL_ZERO_ITEM_ID},m=function(t){function e(e){var r=t.call(this,e)||this;return r.guid=s.guid(),r.directionHolder=new d.default,r.reset=function(){r.clearItemHoverAndLeaveRequestsIfApplicable(),r.setState(h)},r.onKeyDown=function(e){if(r.state.focusedItemId!==a.EMPTY_ID){var t=a.getItemById(r.state.focusedItemId,r.items),n=p.default(r.items,t.id,e.keyCode,e.key,r.props.vertical,r.directionHolder.getIsDirectionRightToLeft());t.id!==n&&r.setFocusedItemId(n),e.keyCode!==s.Keys.enter&&e.keyCode!==s.Keys.space||t.disabled||(r.mouseOverHandler.handleItemSelectedViaKeyboard(),r.dispatchSelectEventIfWired(e,t.id),!e.isDefaultPrevented()&&0===t.items.length&&t.url&&window.location.assign(t.url))}},r.onItemMouseOver=function(e){r.mouseOverHandler.IsMouseOverEnabled&&(r.clearItemHoverAndLeaveRequestsIfApplicable(),r.itemHoverRequest=setTimeout(function(){r.setHoveredItemId(e),r.itemHoverRequest=null},u.getHoverOpenDelay(r.props)))},r.onItemMouseLeave=function(e){r.mouseOverHandler.IsMouseOverEnabled&&r.isItemWithDefaultClose(e)&&(r.clearItemHoverAndLeaveRequestsIfApplicable(),r.itemLeaveRequest=setTimeout(function(){r.setHoveredItemId(a.EMPTY_ID),r.itemLeaveRequest=null},u.getHoverCloseDelay(r.props)))},r.onItemMouseDown=function(){r.mouseOverHandler.handleItemMouseDown()},r.onItemFocus=function(e){r.setFocusedItemId(e),r.mouseOverHandler.handleItemFocus()},r.onItemClick=function(e,t){var n=a.getItemById(t,r.items);n.disabled||(r.setFocusedItemId(t),r.mouseOverHandler.handleItemClick(t,r.isItemWithDefaultClose(t)),r.dispatchSelectEventIfWired(e,t),!e.isDefaultPrevented()&&n.url&&window.location.assign(n.url))},r.onItemBlur=function(e){r.isItemWithDefaultClose(e)&&r.setFocusedItemId(a.EMPTY_ID)},r.getInputItem=function(e){return a.getItemById(e,r.inputItems)},r.mouseOverHandler=new f.default(r.props.openOnClick,r.reset,r.onItemMouseOver),r.state=Object.assign({},h,{isFirstRender:!0}),r}return o(e,t),e.prototype.render=function(){var t=this;this.prepareItems(),this.state.isFirstRender||this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());var e=this.state.hoveredItemId?this.state.hoveredItemId:this.state.focusedItemId?a.getDirectParentId(this.state.focusedItemId):a.EMPTY_ID;return i.createElement("div",{onKeyDown:this.onKeyDown,style:this.props.style,className:this.getMenuWrapperClassName(),ref:function(e){return t.menuWrapperEl=e}},i.createElement(c.default,{className:this.getMenuClassName(),"aria-orientation":this.props.vertical?"vertical":void 0,items:this.items,isMenuVertical:this.props.vertical,isDirectionRightToLeft:this.directionHolder.getIsDirectionRightToLeft(),focusedItemId:this.state.focusedItemId,lastItemIdToBeOpened:e,tabbableItemId:this.state.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.guid,onMouseLeave:this.onItemMouseLeave,onMouseOver:this.onItemMouseOver,onMouseDown:this.onItemMouseDown,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,onOriginalItemNeeded:this.getInputItem}))},e.prototype.componentDidMount=function(){this.setState({isFirstRender:!1})},e.prototype.componentDidUpdate=function(e){(Boolean(e.vertical)!==Boolean(this.props.vertical)||this.directionHolder.hasDirectionChanged())&&this.reset(),this.mouseOverHandler.OpenOnClick=this.props.openOnClick},e.prototype.componentWillUnmount=function(){this.clearItemHoverAndLeaveRequestsIfApplicable()},e.prototype.setFocusedItemId=function(n){this.setState(function(e){var t=n===a.EMPTY_ID?e.tabbableItemId:a.getRootParentId(n);return{hoveredItemId:n===a.EMPTY_ID||a.isIdEmptyOrZeroLevel(e.hoveredItemId)&&a.isIdEmptyOrZeroLevel(n)?e.hoveredItemId:a.EMPTY_ID,focusedItemId:n,tabbableItemId:t}})},e.prototype.setHoveredItemId=function(t){this.setState(function(e){return a.isIdEmptyOrZeroLevel(t)&&a.isIdEmptyOrZeroLevel(e.focusedItemId)?{hoveredItemId:t,focusedItemId:e.focusedItemId,tabbableItemId:e.tabbableItemId}:{hoveredItemId:t,focusedItemId:a.EMPTY_ID,tabbableItemId:a.ZERO_LEVEL_ZERO_ITEM_ID}})},e.prototype.getMenuWrapperClassName=function(){return s.classNames({"k-rtl":this.directionHolder.getIsDirectionRightToLeft()})},e.prototype.getMenuClassName=function(){return s.classNames("k-widget","k-reset","k-header","k-menu",{"k-menu-horizontal":!this.props.vertical},{"k-menu-vertical":this.props.vertical})},e.prototype.clearItemHoverAndLeaveRequestsIfApplicable=function(){this.itemHoverRequest&&(clearTimeout(this.itemHoverRequest),this.itemHoverRequest=null),this.itemLeaveRequest&&(clearTimeout(this.itemLeaveRequest),this.itemLeaveRequest=null)},e.prototype.isItemWithDefaultClose=function(e){return!this.props.customCloseItemIds||-1===this.props.customCloseItemIds.indexOf(e)},e.prototype.dispatchSelectEventIfWired=function(e,t){var n=this.props.onSelect;n&&n.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,item:this.getInputItem(t),itemId:t,target:this})},e.prototype.checkIsDirectionRightToLeft=function(){return void 0!==this.props.dir?"rtl"===this.props.dir:this.menuWrapperEl&&"rtl"===getComputedStyle(this.menuWrapperEl).direction},e.prototype.prepareItems=function(){var e=l.default(this.props.items,this.props.children),t=e.items,n=e.inputItems;this.items=t,this.inputItems=n},e.defaultProps={vertical:!1},e}(i.Component);t.default=m},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),l=n(3),o=n(11);function p(e,t){var n={},r=e||t.props,o=r.text,i=r.url,s=r.icon,a=r.disabled,l=r.cssClass,p=r.cssStyle,u=r.render,c=r.linkRender,d=r.contentRender,f=r.data;return void 0!==o&&(n.text=o),void 0!==i&&(n.url=i),void 0!==s&&(n.icon=s),void 0!==a&&(n.disabled=a),void 0!==l&&(n.cssClass=l),void 0!==p&&(n.cssStyle=p),void 0!==u&&(n.render=u),void 0!==c&&(n.linkRender=c),void 0!==d&&(n.contentRender=d),void 0!==f&&(n.data=f),n}function a(e){return r.Children.toArray(e).filter(function(e){return e&&e.type===o.default})}function u(e,t){for(var n=[],r=0;r<e.length;r++){var o=e[r],i=p(o);i.id=l.createId(r.toString(),t),i.isLastFromSiblings=r===e.length-1,i.items=(a=i,(s=o).contentRender?[{contentParentItemId:a.id,id:l.createId(l.ZERO_LEVEL_ZERO_ITEM_ID,a.id),isLastFromSiblings:!0,contentRender:s.contentRender,items:[]}]:s.items?u(s.items,a.id):[]),n.push(i)}var s,a;return n}t.default=function(e,t){if(e&&0<e.length)return{items:u(e),inputItems:e};if(0<a(t).length){var n=function e(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],i=p(void 0,o),s=e(a(o.props.children));0<s.length&&(i.items=s),n.push(i)}return n}(a(t));return{items:u(n),inputItems:n}}return{items:[],inputItems:[]}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var M=n(1),E=n(3),w=/\S/;t.default=function(i,s,e,t,n,r){var o,a,l,p,u,c=I();switch(e){case M.Keys.left:return n?r?m():f():r?h():d();case M.Keys.right:return n?r?f():m():r?d():h();case M.Keys.up:return n?g():E.isIdZeroLevel(s)?y():g();case M.Keys.down:return n?_():E.isIdZeroLevel(s)?v():_();case M.Keys.enter:case M.Keys.space:return c.disabled?s:b()?E.getFirstChildId(s):E.getRootParentId(s);case M.Keys.home:return O()[0].id;case M.Keys.end:return(u=O())[u.length-1].id;case M.Keys.esc:return E.isIdZeroLevel(s)?s:E.getDirectParentId(s);default:return 1===t.length&&w.test(t)?(o=t.toLowerCase(),a=O(),l=Number(E.getShortId(s)),(p=a.slice(l+1).concat(a.slice(0,l+1)).find(function(e){return(e.text||"").toLowerCase().startsWith(o)}))?p.id:s):s}function d(){return E.isIdZeroLevel(s)?g():E.isIdFirstLevel(s)?v(g(E.getRootParentId(s))):E.getDirectParentId(s)}function f(){return E.isIdZeroLevel(s)?y():E.getDirectParentId(s)}function h(){return E.isIdZeroLevel(s)?_():v(b()?s:_(E.getRootParentId(s)))}function m(){return v(E.isIdZeroLevel(s)||b()?s:_(E.getRootParentId(s)))}function v(e){return P(!0,e)}function y(e){return P(!1,e)}function I(e,t){return void 0===e&&(e=s),void 0===t&&(t=i),E.getItemById(e,t)}function b(e){return 0<I(e).items.length}function g(e){return k(!1,e)}function _(e){return k(!0,e)}function O(){return E.isIdZeroLevel(s)?i:I(E.getDirectParentId(s),i).items}function P(e,t){void 0===t&&(t=s);var n,r=I(t);return b(t)&&!r.disabled?e?E.getFirstChildId(t):(n=I(t).items)[n.length-1].id:t}function k(e,t){if(void 0===t&&(t=s),E.isIdZeroLevel(t))return E.getDirectSiblingIdForLevelZero(e,t,i.length);var n=E.getDirectParentId(t),r=E.getShortId(t),o=I(n).items.length;return E.createId(E.getDirectSiblingIdForLevelZero(e,r,o),n)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getHoverOpenDelay=function(e){return void 0!==e.hoverOpenDelay?e.hoverOpenDelay:e.openOnClick?0:100},t.getHoverCloseDelay=function(e){return void 0!==e.hoverCloseDelay?e.hoverCloseDelay:100}},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(1),a=n(26),l=n(3),p=n(13),u=n(14),c=n(12),d=n(5),f=function(n){function e(e){var t=n.call(this,e)||this;return t.isFirstRender=!0,t.onMouseOver=function(e){t.props.onMouseOver(t.props.item.id),e.stopPropagation()},t.onMouseLeave=function(e){t.props.onMouseLeave(t.props.item.id),e.stopPropagation()},t.state={opened:!1},t}return o(e,n),e.prototype.componentDidMount=function(){var e=this.props.focusedItemId,t=this.props.item.id;e&&e===t&&this.itemElement.focus(),this.isFirstRender=!1},e.prototype.componentDidUpdate=function(e){var t=this.props.focusedItemId,n=this.props.item.id;t?e.focusedItemId!==t&&t===n&&this.itemElement.focus():document.activeElement===this.itemElement&&this.itemElement.blur()},e.prototype.render=function(){var t=this,e=this.props.item,n=e.id;return[i.createElement("li",{className:this.getMenuItemClassName(e),style:e.cssStyle,tabIndex:n===this.props.tabbableItemId?0:-1,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:function(e){return t.props.onMouseDown(e)},onBlur:function(){return t.props.onBlur(n)},onFocus:function(){return t.props.onFocus(n)},onClick:function(e){return t.props.onClick(e,n)},role:"menuitem","aria-disabled":!!e.disabled||void 0,"aria-haspopup":0<e.items.length||void 0,"aria-expanded":0<e.items.length?this.Opened:void 0,"aria-label":e.text,"aria-owns":this.Opened?d.getDOMElementId(this.props.menuGuid,n):void 0,ref:function(e){return t.itemElement=e},key:"0"},this.contentRender?this.renderContent():this.renderMenuItemLink()),this.renderPopupIfOpened()]},e.prototype.renderContent=function(){var e=this.props.item.contentParentItemId;return i.createElement("div",{className:"k-content",role:"presentation"},i.createElement(this.contentRender,{item:this.props.onOriginalItemNeeded(e),itemId:e}))},e.prototype.renderMenuItemLink=function(){var e=this.props.item;if(this.linkRender)return i.createElement(this.linkRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,opened:this.Opened,dir:d.convertBoolDirectionToString(this.props.isDirectionRightToLeft)});var t=this.itemRender?i.createElement(this.itemRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,key:"1"}):e.text;return i.createElement(p.default,{url:e.url,opened:this.Opened},[this.renderMenuIconIfApplicable(),t,this.renderArrowIfApplicable()])},e.prototype.renderPopupIfOpened=function(){if(this.Opened){var e=this.props.item.id,t=d.getPopupSettings(e,this.props.isMenuVertical,this.props.isDirectionRightToLeft),n=t.anchorAlign,r=t.popupAlign,o=t.collision;return i.createElement(a.Popup,{anchor:this.itemElement,show:!0,popupClass:this.getPopupClassName(),anchorAlign:n,popupAlign:r,collision:o,animate:!1,key:"1"},i.createElement(c.default,{parentItemId:e,items:this.props.item.items,menuGuid:this.props.menuGuid,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,className:"k-group k-menu-group k-reset",onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded}))}return null},e.prototype.renderMenuIconIfApplicable=function(){return this.props.item.icon?i.createElement("span",{className:"k-icon k-i-"+this.props.item.icon,role:"presentation",key:"0"}):null},e.prototype.renderArrowIfApplicable=function(){return 0<this.props.item.items.length?i.createElement(u.default,{itemId:this.props.item.id,verticalMenu:this.props.isMenuVertical,dir:d.convertBoolDirectionToString(this.props.isDirectionRightToLeft),key:"2"}):null},Object.defineProperty(e.prototype,"itemRender",{get:function(){return this.props.item.render||this.props.itemRender},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"linkRender",{get:function(){return this.props.item.linkRender||this.props.linkRender},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"contentRender",{get:function(){return this.props.item.contentParentItemId?this.props.item.contentRender:null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"Opened",{get:function(){var e=this.props;return 0<e.item.items.length&&l.isItemParentOrEqual(e.item.id,e.lastItemIdToBeOpened)&&!this.isFirstRender},enumerable:!0,configurable:!0}),e.prototype.getPopupClassName=function(){return s.classNames("k-menu-popup",{"k-rtl":this.props.isDirectionRightToLeft})},e.prototype.getMenuItemClassName=function(e){return s.classNames("k-item","k-menu-item",{"k-first":l.isFirstItemFromSiblings(e.id),"k-last":e.isLastFromSiblings,"k-state-disabled":e.disabled},e.cssClass)},e}(i.Component);t.default=f},function(e,t){e.exports=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={vertical:"top",horizontal:"left"},o={vertical:"top",horizontal:"right"},i={vertical:"flip",horizontal:"fit"},s={vertical:"fit",horizontal:"flip"};t.POPUP_SETTINGS_RTL={downward:{anchorAlign:{vertical:"bottom",horizontal:"right"},popupAlign:o,collision:i},leftward:{anchorAlign:{vertical:"top",horizontal:"left"},popupAlign:o,collision:s}},t.POPUP_SETTINGS={downward:{anchorAlign:{vertical:"bottom",horizontal:"left"},popupAlign:r,collision:i},rightward:{anchorAlign:{vertical:"top",horizontal:"right"},popupAlign:r,collision:s}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(){this.phase="Initialized"}return e.prototype.getIsDirectionRightToLeft=function(){return this.isDirectionRightToLeft},e.prototype.setIsDirectionRightToLeft=function(e){this.phase="NotInitialized"===this.phase?"Initialized":"NewValueReceived",this.previousIsDirectionRightToLeft=this.isDirectionRightToLeft,this.isDirectionRightToLeft=e},e.prototype.hasDirectionChanged=function(){return"NewValueReceived"===this.phase&&this.previousIsDirectionRightToLeft!==this.isDirectionRightToLeft},e}();t.default=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t,n){this.openOnClick=e,this.resetMenu=t,this.openItem=n,this.openOnClick=e,this.isMouseOverEnabled=!e}return Object.defineProperty(e.prototype,"OpenOnClick",{set:function(e){Boolean(e)!==Boolean(this.openOnClick)&&(this.mouseDown=!1,this.isMouseOverEnabled=!e),this.openOnClick=e},enumerable:!0,configurable:!0}),e.prototype.handleItemSelectedViaKeyboard=function(){this.openOnClick&&(this.isMouseOverEnabled=!1,this.resetMenu())},Object.defineProperty(e.prototype,"IsMouseOverEnabled",{get:function(){return this.isMouseOverEnabled},enumerable:!0,configurable:!0}),e.prototype.handleItemMouseDown=function(){this.mouseDown=!0},e.prototype.handleItemFocus=function(){this.openOnClick&&!this.mouseDown&&(this.isMouseOverEnabled=!0),this.mouseDown=!1},e.prototype.handleItemClick=function(e,t){this.openOnClick&&(this.isMouseOverEnabled?t&&(this.isMouseOverEnabled=!1,this.resetMenu()):(this.isMouseOverEnabled=!0,this.openItem(e)))},e}();t.default=r}])}}});
+System.register("@progress/kendo-react-layout",["@progress/kendo-react-common","react","@progress/kendo-react-animation","prop-types","@progress/kendo-react-popup"],function(m){var n,r,o,i,s;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){n=t(e)},function(e){r=t(e)},function(e){o=t(e)},function(e){i=t(e)},function(e){s=t(e)}],execute:function(){!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=15)}([function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,n,t){"use strict";function o(e){return s(e)?e:e.split(n.SEPARATOR)[0]}function i(e){if(s(e))return e;var t=e.indexOf(n.SEPARATOR);return e.substring(t+1)}function r(e,t){return t?t+n.SEPARATOR+e:e}function s(e){return e===n.EMPTY_ID||e.indexOf(n.SEPARATOR)<0}function a(e){return e!==n.EMPTY_ID&&e.indexOf(n.SEPARATOR)<0}function l(e){var t=e.lastIndexOf(n.SEPARATOR);return t<0?e:e.substring(t+1)}Object.defineProperty(n,"__esModule",{value:!0}),n.EMPTY_ID="",n.ZERO_LEVEL_ZERO_ITEM_ID="0",n.SEPARATOR="_",n.getItemById=function e(t,n){if(a(t))return n[Number(t)];var r=n[Number(o(t))];return r.items?e(i(t),r.items):void 0},n.getRootParentId=o,n.getIdWithoutRootParentId=i,n.getFirstChildId=function(e){return r("0",e)},n.isItemParentOrEqual=function(e,t){return 0===t.indexOf(e)&&t.length>=e.length},n.createId=r,n.getDirectParentId=function(e){var t=e.lastIndexOf(n.SEPARATOR);return t<0?n.EMPTY_ID:e.substring(0,t)},n.isIdEmptyOrZeroLevel=s,n.isIdZeroLevel=a,n.isIdFirstLevel=function(e){return 1==e.split(n.SEPARATOR).length-1},n.isFirstItemFromSiblings=function(e){return l(e)===n.ZERO_LEVEL_ZERO_ITEM_ID},n.getShortId=l,n.getDirectSiblingIdForLevelZero=function(e,t,n){return a(t)?e?Number(t)<n-1?(Number(t)+1).toString():"0":0<Number(t)?(Number(t)-1).toString():(n-1).toString():t}},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),O=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var P=n(0),i=n(2),k=n(1),M=n(9),s=function(e){function t(){var o=null!==e&&e.apply(this,arguments)||this;return o.handleItemClick=function(){var e=o.props,t=e.onSelect,n=e.disabled,r=e.id;t&&!n&&t.call(void 0,{uniquePrivateKey:o.props.uniquePrivateKey,id:r,target:o})},o}return o(t,e),t.prototype.render=function(){var e,t=this.props,n=t.id,r=t.children,o=t.title,i=t.uniquePrivateKey,s=t.disabled,a=t.selected,l=t.focused,p=t.expanded,u=t.className,c=t.root,d=t.headerClassName,f=t.animation,h={role:"treeitem","aria-disabled":s,"aria-hidden":!s&&!p,"aria-selected":!s&&a,"aria-expanded":!s&&p&&!!r},m=k.classNames({"k-item":!0,"k-state-default":!s,"k-state-expanded":p&&!!r,"k-state-disabled":s},u),v=k.classNames({"k-link":!0,"k-header":c,"k-state-selected":!s&&a,"k-state-focused":!s&&l},d),y=k.classNames(((e={})["k-icon"]=!0,e["k-i-arrow-n"]=p&&!!r,e["k-panelbar-collapse"]=p&&!!r,e["k-i-arrow-s"]=!p&&!!r,e["k-panelbar-expand"]=!p&&!!r,e)),I=function(e){var t=e.imageUrl,n=e.icon,r=e.iconClass;if(t)return P.createElement("img",{role:"presentation",className:"k-image",src:t});if(n){var o=k.classNames("k-icon","k-i-"+n);return P.createElement("span",{role:"presentation",className:o})}return r?P.createElement("span",{role:"presentation",className:r}):null}(this.props),b=!s&&r?P.createElement("span",{className:y}):null,g=!s&&p?P.createElement("div",{role:"group",className:"k-panel k-group"},r):null,_=void 0!==f&&!f||s||!r?g:P.createElement(M.Reveal,{transitionEnterDuration:200,transitionExitDuration:200,key:i+"_animation",style:{position:"static"},children:g});return P.createElement("div",O({id:n,className:m},h),P.createElement("span",{className:v,onClick:this.handleItemClick},I,o,b),_)},t.propTypes={animation:i.bool,children:i.any,className:i.string,expanded:i.bool,disabled:i.bool,onSelect:i.func,selected:i.bool,root:i.bool,title:i.oneOfType([i.string,i.element]),id:i.oneOfType([i.string,i.number]),focused:i.bool},t.defaultProps={title:"Untitled"},t}(P.PureComponent);t.default=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(27),r=n(3);function i(e,t,n){return r.isIdZeroLevel(e)?t?n?"leftward":"rightward":"downward":n?"leftward":"rightward"}t.getPopupSettings=function(e,t,n){var r=i(e,t,n);return n?"downward"===r?o.POPUP_SETTINGS_RTL.downward:o.POPUP_SETTINGS_RTL.leftward:"downward"===r?o.POPUP_SETTINGS.downward:o.POPUP_SETTINGS.rightward},t.getChildrenPosition=i,t.convertBoolDirectionToString=function(e){return e?"rtl":"ltr"},t.getDOMElementId=function(e,t){return e+"_"+t}},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),p=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),i=n(2),c=n(7),d=n(1),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.selected,o=n.children,i=n.onSelect,s=n.onKeyDown,a=u.Children.count(o);o&&(e=(t=a,Array.apply(null,Array(t))).map(function(e,t,n){return{first:0===t,last:t===n.length-1}}).map(function(e,t){var n={active:r===t,disabled:o[t].props.disabled,index:t,title:o[t].props.title,onSelect:i};return u.createElement(c.default,p({key:t},n))}));var l=d.classNames("k-tabstrip-items","k-reset");return u.createElement("ul",{className:l,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:s},e)},t.propTypes={children:i.oneOfType([i.element,i.arrayOf(i.element)]),onSelect:i.func,onKeyDown:i.func,selected:i.number,tabIndex:i.number},t}(u.Component);t.default=s},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),l=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),i=n(2),u=n(1),s=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.onClick=function(){e.props.onSelect&&e.props.onSelect(e.props.index)},e}return o(e,t),e.prototype.render=function(){var e,t=this.props,n=t.active,r=t.disabled,o=t.title,i=void 0===o?"Untitled":o,s={"aria-selected":n,role:"tab",onClick:r?void 0:this.onClick},a=u.classNames(((e={})["k-item"]=!0,e["k-state-default"]=!(r||n),e["k-state-disabled"]=r,e["k-state-active"]=n,e["k-tab-on-top"]=n,e));return p.createElement("li",l({},s,{className:a}),p.createElement("span",{className:"k-link"},i))},e.propTypes={active:i.bool,disabled:i.bool,index:i.number,onSelect:i.func,title:i.oneOfType([i.string,i.element])},e}(p.Component);t.default=s},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var s=n(0),a=n(2),l=n(9),p=n(1),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.contentId=p.guid(),t.childFactory=function(e){return s.cloneElement(e,i({},e.props,{in:e.props.children.props.id===String(t.contentId+t.props.selected)}))},t}return o(t,e),t.prototype.render=function(){var e=p.classNames("k-content","k-state-active");return s.createElement("div",{className:e,style:this.props.style},this.renderContent(this.props.children))},t.prototype.renderContent=function(e){var n=this;return this.props.keepTabsMounted?s.Children.map(this.props.children,function(e,t){return n.renderChild(e,t)}):this.renderChild(s.Children.toArray(e)[this.props.selected],this.props.selected)},t.prototype.renderChild=function(e,t){var n=t===this.props.selected,r={role:"tabpanel","aria-expanded":!0,style:{display:n?void 0:"none"}},o={position:"initial",display:n?void 0:"none"};return e.props.disabled?null:this.props.animation?s.createElement(l.Fade,{appear:!0,exit:this.props.keepTabsMounted,style:o,childFactory:this.props.keepTabsMounted?this.childFactory:void 0},s.createElement("div",i({},r,{id:String(this.contentId+t),key:t}),e.props.children)):s.createElement("div",i({},r,{key:t}),e.props.children)},t.propTypes={animation:a.bool,children:a.oneOfType([a.element,a.arrayOf(a.element)]),selected:a.number,style:a.object},t}(s.Component);t.default=u},function(e,t){e.exports=o},function(e,u,t){"use strict";var c=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(u,"__esModule",{value:!0});var d=t(0),f=t(4),r=function(e){return e.map(function(e,t){var n;return e.content&&(n=e.content),e.children&&(n=r(e.children)),d.createElement(f.default,c({},e,{children:n,key:e.id||t}))})};u.renderChildren=function(o,i,s,e,a,l,p){return void 0===o&&(o=!0),void 0===a&&(a=!0),void 0===l&&(l=!0),void 0===p&&(p=[]),d.Children.map(e,function(e,t){if(e.type!==f.default)return d.createElement("div",{className:"k-content"},e);var n=void 0,r=p.length?p[p.length-1]+"."+t:"."+t;return e.props.children&&(n=u.renderChildren(o,i,s,e.props.children,-1<(i.expanded||[]).indexOf(r)&&a,!1,p.concat([r]))),d.cloneElement(e,c({},e.props,{animation:void 0!==e.props.animation?e.props.animation:o,id:e.props.id||"k-panelbar-item-default-"+r,uniquePrivateKey:r,parentUniquePrivateKey:p,parentExpanded:a,root:l,expanded:-1<(i.expanded||[]).indexOf(r)&&a,focused:i.focused===r&&i.wrapperFocused,selected:i.selected===r,children:n,onSelect:s}))})},u.getInitialState=function(e,r,o,t,i,s){return void 0===o&&(o={expanded:e.expanded||[],selected:e.selected||"",focused:e.focused||".0",wrapperFocused:!1}),void 0===t&&(t=!0),void 0===i&&(i=!0),void 0===s&&(s=[]),d.Children.map(e.children,function(e,t){if(e.type===f.default){var n=s.length?s[s.length-1]+"."+t:"."+t;!e.props.disabled&&i&&(e.props.selected&&(o.selected=n),e.props.focused&&(o.focused=n),e.props.expanded&&("multiple"===r?o.expanded.push(n):"single"===r&&(o.expanded=[n])),e.props.children&&(o=u.getInitialState(e.props,r,o,!1,!!e.props.expanded,s.concat([n]))))}}),o},u.flatVisibleItems=function t(e,n,r){return void 0===n&&(n=[]),void 0===r&&(r=null),(e||[]).forEach(function(e){e.disabled||(n.push(e),e.expanded&&e.children&&t(e.children,n))}),n},u.isPresent=function(e){return null!=e};var n={mapItemsToComponents:r};u.default=n},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){return null},t}(n(0).Component);t.default=i},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(25),a=n(5),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onMouseOver=function(e){t.props.onMouseOver(t.props.parentItemId),e.stopPropagation()},t.onMouseLeave=function(e){t.props.onMouseLeave(t.props.parentItemId),e.stopPropagation()},t}return o(t,e),t.prototype.render=function(){var e=this.props.parentItemId;return i.createElement("ul",{className:this.props.className,role:void 0!==e?"menu":"menubar",id:void 0!==e?a.getDOMElementId(this.props.menuGuid,e):void 0,onMouseOver:void 0!==e?this.onMouseOver:void 0,onMouseLeave:void 0!==e?this.onMouseLeave:void 0,"aria-orientation":this.props["aria-orientation"]},this.renderChildItems())},t.prototype.renderChildItems=function(){var n=this;return 0<this.props.items.length?this.props.items.map(function(e,t){return i.createElement(s.default,{item:e,isMenuVertical:n.props.isMenuVertical,isDirectionRightToLeft:n.props.isDirectionRightToLeft,focusedItemId:n.props.focusedItemId,lastItemIdToBeOpened:n.props.lastItemIdToBeOpened,tabbableItemId:n.props.tabbableItemId,itemRender:n.props.itemRender,linkRender:n.props.linkRender,menuGuid:n.props.menuGuid,onMouseOver:n.props.onMouseOver,onMouseLeave:n.props.onMouseLeave,onMouseDown:n.props.onMouseDown,onBlur:n.props.onBlur,onFocus:n.props.onFocus,onClick:n.props.onClick,onOriginalItemNeeded:n.props.onOriginalItemNeeded,key:t})}):null},t}(i.Component);t.default=l},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(1),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){return this.props.url?i.createElement("a",{className:this.getMenuItemClassName(),role:"presentation",href:this.props.url,tabIndex:-1},this.props.children):i.createElement("span",{className:this.getMenuItemClassName(),role:"presentation"},this.props.children)},t.prototype.getMenuItemClassName=function(){return s.classNames("k-link","k-menu-link",{"k-state-active":this.props.opened})},t}(i.Component);t.default=a},function(e,n,t){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(n,"__esModule",{value:!0});var i=t(0),s=t(1),a=t(5);n.downArrowClass="k-i-arrow-60-down",n.rightArrowClass="k-i-arrow-60-right",n.leftArrowClass="k-i-arrow-60-left";var l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){return i.createElement("span",{className:this.getArrowClassName(),role:"presentation"})},t.prototype.getArrowClassName=function(){var e,t=a.getChildrenPosition(this.props.itemId,!0===this.props.verticalMenu,"rtl"===this.props.dir);return s.classNames("k-icon","k-menu-expand-arrow",((e={})[n.downArrowClass]="downward"===t,e[n.rightArrowClass]="rightward"===t,e[n.leftArrowClass]="leftward"===t,e))},t}(i.Component);n.default=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(16);t.TabStrip=r.default;var o=n(8);t.TabStripContent=o.default;var i=n(6);t.TabStripNavigation=i.default;var s=n(7);t.TabStripNavigationItem=s.default;var a=n(17);t.TabStripTab=a.default;var l=n(18);t.PanelBar=l.default;var p=n(4);t.PanelBarItem=p.default;var u=n(10);t.PanelBarUtils=u.default;var c=n(21);t.Menu=c.default;var d=n(13);t.MenuItemLink=d.default;var f=n(11);t.MenuItem=f.default;var h=n(14);t.MenuItemArrow=h.default,function(e){for(var t in e)m(t,e[t])}(t)},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),l=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),i=n(2),u=n(6),a=n(8),c=n(1),s=function(t){function e(){var e,s=null!==t&&t.apply(this,arguments)||this;return s._element=null,s.keyBinding=((e={})[c.Keys.left]=function(){return s.prevNavigatableTab()},e[c.Keys.right]=function(){return s.nextNavigatableTab()},e[c.Keys.down]=function(){return s.nextNavigatableTab()},e[c.Keys.up]=function(){return s.prevNavigatableTab()},e[c.Keys.home]=function(){return 0},e[c.Keys.end]=function(){return p.Children.count(s.props.children)-1},e),s.onSelect=function(e){s.props.selected!==e&&s.props.onSelect&&s.props.onSelect({selected:e})},s.onKeyDown=function(e){var t;switch(e.keyCode){case c.Keys.left:t=s.keyBinding[s.invertKeys(c.Keys.left,c.Keys.right)];break;case c.Keys.right:t=s.keyBinding[s.invertKeys(c.Keys.right,c.Keys.left)];break;case c.Keys.up:t=s.keyBinding[c.Keys.up];break;case c.Keys.down:t=s.keyBinding[c.Keys.down]}t&&(e.preventDefault(),s.onSelect(t()))},s.renderContent=function(e){var t=s.props,n=t.selected,r=t.children,o=t.tabContentStyle;return n<p.Children.count(r)&&-1<n?p.createElement(a.default,l({index:n},e,{style:o})):null},s.firstNavigatableTab=function(){var e=s.props.children,t=p.Children.count(e);if(e)for(var n=0;n<t;n++)if(!e[n].props.disabled)return n},s.lastNavigatableTab=function(){var e=s.props.children,t=p.Children.count(e);if(e)for(var n=t-1;0<n;n--)if(!e[n].props.disabled)return n},s.prevNavigatableTab=function(){var e=s.props,t=e.children,n=e.selected,r=n?n-1:-1;if(r<0)return s.lastNavigatableTab();if(t)for(var o=r;-1<o;o--){if(!t[o].props.disabled)return o;if(0===o)return s.lastNavigatableTab()}},s.nextNavigatableTab=function(){var e=s.props,t=e.children,n=e.selected,r=n?n+1:1,o=p.Children.count(t);if(o<=r)return s.firstNavigatableTab();if(t)for(var i=r;i<o;i++){if(!t[i].props.disabled)return i;if(i+1===o)return s.firstNavigatableTab()}},s}return o(e,t),e.prototype.render=function(){var e,t=this,n=l({},this.props,{onKeyDown:this.onKeyDown,selected:this.props.selected,onSelect:this.onSelect}),r=n.tabPosition,o=n.tabIndex,i=void 0===o?0:o,s="bottom"===r,a=c.classNames(((e={})["k-widget"]=!0,e["k-header"]=!0,e["k-floatwrap"]=!0,e["k-tabstrip"]=!0,e["k-tabstrip-left"]="left"===r,e["k-tabstrip-right"]="right"===r,e["k-tabstrip-bottom"]="bottom"===r,e["k-tabstrip-top"]="top"===r,e));return p.createElement("div",{ref:function(e){t._element=e},dir:this.props.dir,className:a,style:this.props.style},!s&&p.createElement(u.default,l({},n,{tabIndex:i})),this.renderContent(n),s&&p.createElement(u.default,l({},n,{tabIndex:i})))},e.prototype.invertKeys=function(e,t){return this._element&&"rtl"===getComputedStyle(this._element).direction?t:e},e.propTypes={animation:i.bool,children:i.oneOfType([i.element,i.arrayOf(i.element)]),onSelect:i.func,selected:i.number,style:i.object,tabContentStyle:i.object,tabPosition:i.string,tabIndex:i.number,dir:i.string},e.defaultProps={animation:!0,tabPosition:"top",keepTabsMounted:!1},e}(p.Component);t.default=s},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(2),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propTypes={disabled:s.bool,children:s.oneOfType([s.element,s.node]),title:s.oneOfType([s.string,s.element,s.node])},t}(i.Component);t.default=a},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var s=n(0),a=n(2),l=n(4),p=n(10),u=n(19),c=n(20),d=function(t){function e(e){var n=t.call(this,e)||this;return n._element=null,n.handleSelect=function(e){n._selectionService.select(e.uniquePrivateKey,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children),n.state.expanded),n._selectionService.focus(e.uniquePrivateKey,0,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children))},n.onSelect=function(e,t){n.setState({selected:e.props.uniquePrivateKey,expanded:t},function(){n.props.onSelect&&n.props.onSelect.call(void 0,{target:e,action:"select"})})},n.onFocus=function(e){n.activeDescendant=e.props.id,n.setState({focused:e.props.uniquePrivateKey})},n.onNavigate=function(e){switch(e){case c.NavigationAction.Previous:n._selectionService.focus(n.state.focused,-1,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children));break;case c.NavigationAction.Next:n._selectionService.focus(n.state.focused,1,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children));break;case c.NavigationAction.Toggle:n._selectionService.select(n.state.focused,p.renderChildren(n.props.animation,n.state,n.handleSelect,n.props.children),n.state.expanded)}},n.handleWrapperFocus=function(e){n.setState({wrapperFocused:"focus"===e.nativeEvent.type})},n.handleKeyDown=function(e){var t=n._element&&"rtl"===getComputedStyle(n._element).direction||!1;e.target===e.currentTarget&&n._navigationService.navigate(e,t)},n.state=p.getInitialState(e,e.expandMode||"multiple"),n._selectionService=new u.default(n.onSelect,n.onFocus,n.props.expandMode||"multiple"),n._navigationService=new c.default(n.onNavigate),n}return o(e,t),e.prototype.componentWillReceiveProps=function(e){e.expandMode!==this.props.expandMode&&this._selectionService.setExpandMode(e.expandMode),e.selected!==this.state.selected&&void 0!==e.selected&&this.setState({selected:e.selected})},e.prototype.render=function(){var t=this,e={"aria-activedescendant":this.activeDescendant},n=p.renderChildren(this.props.animation,this.state,this.handleSelect,this.props.children);return s.createElement("div",i({ref:function(e){t._element=e},dir:this.props.dir,role:"tree",tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperFocus,className:"k-widget k-panelbar k-reset k-header"},e),n)},e.propTypes={animation:a.bool,children:function(e,t){var n=e[t];if(n)if(Array.isArray(n))for(var r=0,o=n;r<o.length;r++){var i=o[r];if(!i.type||i.type!==l.default)return new Error("PanelBar children should be either PanelBarItem or Array of PanelBarItem.")}else if(n.type!==l.default)return new Error("PanelBar child should be either PanelBarItem or Array of PanelBarItem.")},dir:a.string,selected:a.string,expanded:a.arrayOf(a.string),focused:a.string,expandMode:a.oneOf(["single","multiple"]),className:a.string,onSelect:a.func},e.defaultProps={expandMode:"multiple",animation:!0},e}(s.Component);t.default=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=function(){function e(e,t,n){var r=this;this.flatChildren=function(e,t){return void 0===t&&(t=[]),a.Children.forEach(e,function(e){e.props&&!e.props.disabled&&(t.push(e),e.props.children&&r.flatChildren(e.props.children,t))}),t},this.flatVisibleChildren=function(e,t){return void 0===t&&(t=[]),a.Children.forEach(e,function(e){e.props&&!e.props.disabled&&(e.props.expanded||e.props.parentExpanded)&&(t.push(e),e.props.children&&r.flatVisibleChildren(e.props.children,t))}),t},this.onSelect=e,this.onFocus=t,this.expandMode=n}return e.prototype.select=function(t,e,n){var r,o;switch(this.flatChildren(a.Children.toArray(e)).forEach(function(e){e.props.uniquePrivateKey===t&&(r=e)}),this.expandMode){case"single":o=r.props.parentUniquePrivateKey.concat([r.props.uniquePrivateKey]);break;case"multiple":var i=(o=n.slice()).indexOf(r.props.uniquePrivateKey);-1===i?o.push(r.props.uniquePrivateKey):o.splice(i,1);break;default:o=n.slice()}this.onSelect(r,o)},e.prototype.focus=function(r,o,e){var i,s=this.flatVisibleChildren(a.Children.toArray(e));s.forEach(function(e,t){if(e.props.uniquePrivateKey===r){var n=t+o<0?0:t+o>=s.length?s.length-1:t+o;i=s[n]}}),this.onFocus(i)},e.prototype.setExpandMode=function(e){this.expandMode=e},e}();t.default=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o,i=n(1);(o=r=t.NavigationAction||(t.NavigationAction={}))[o.Toggle=0]="Toggle",o[o.Next=1]="Next",o[o.Previous=2]="Previous";var s=function(){function e(e){this.onNavigate=e}return e.prototype.navigate=function(e,t){var n;switch(e.keyCode){case i.Keys.left:n=t?r.Next:r.Previous;break;case i.Keys.up:n=r.Previous;break;case i.Keys.right:n=t?r.Previous:r.Next;break;case i.Keys.down:n=r.Next;break;case i.Keys.space:case i.Keys.enter:n=r.Toggle;break;default:n=null}null!==n&&(e.preventDefault(),this.onNavigate(n))},e}();t.default=s},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(1),a=n(3),l=n(22),p=n(23),u=n(24),c=n(12),d=n(28),f=n(29),h={focusedItemId:a.EMPTY_ID,hoveredItemId:a.EMPTY_ID,tabbableItemId:a.ZERO_LEVEL_ZERO_ITEM_ID},m=function(t){function e(e){var r=t.call(this,e)||this;return r.guid=s.guid(),r.directionHolder=new d.default,r.reset=function(){r.clearItemHoverAndLeaveRequestsIfApplicable(),r.setState(h)},r.onKeyDown=function(e){if(r.state.focusedItemId!==a.EMPTY_ID){var t=a.getItemById(r.state.focusedItemId,r.items),n=p.default(r.items,t.id,e.keyCode,e.key,r.props.vertical,r.directionHolder.getIsDirectionRightToLeft());t.id!==n&&r.setFocusedItemId(n),e.keyCode!==s.Keys.enter&&e.keyCode!==s.Keys.space||t.disabled||(r.mouseOverHandler.handleItemSelectedViaKeyboard(),r.dispatchSelectEventIfWired(e,t.id),!e.isDefaultPrevented()&&0===t.items.length&&t.url&&window.location.assign(t.url))}},r.onItemMouseOver=function(e){r.mouseOverHandler.IsMouseOverEnabled&&(r.clearItemHoverAndLeaveRequestsIfApplicable(),r.itemHoverRequest=setTimeout(function(){r.setHoveredItemId(e),r.itemHoverRequest=null},u.getHoverOpenDelay(r.props)))},r.onItemMouseLeave=function(e){r.mouseOverHandler.IsMouseOverEnabled&&r.isItemWithDefaultClose(e)&&(r.clearItemHoverAndLeaveRequestsIfApplicable(),r.itemLeaveRequest=setTimeout(function(){r.setHoveredItemId(a.EMPTY_ID),r.itemLeaveRequest=null},u.getHoverCloseDelay(r.props)))},r.onItemMouseDown=function(){r.mouseOverHandler.handleItemMouseDown()},r.onItemFocus=function(e){r.setFocusedItemId(e),r.mouseOverHandler.handleItemFocus()},r.onItemClick=function(e,t){var n=a.getItemById(t,r.items);n.disabled||(r.setFocusedItemId(t),r.mouseOverHandler.handleItemClick(t,r.isItemWithDefaultClose(t)),r.dispatchSelectEventIfWired(e,t),!e.isDefaultPrevented()&&n.url&&window.location.assign(n.url))},r.onItemBlur=function(e){r.isItemWithDefaultClose(e)&&r.setFocusedItemId(a.EMPTY_ID)},r.getInputItem=function(e){return a.getItemById(e,r.inputItems)},r.mouseOverHandler=new f.default(r.props.openOnClick,r.reset,r.onItemMouseOver),r.state=Object.assign({},h,{isFirstRender:!0}),r}return o(e,t),e.prototype.render=function(){var t=this;this.prepareItems(),this.state.isFirstRender||this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());var e=this.state.hoveredItemId?this.state.hoveredItemId:this.state.focusedItemId?a.getDirectParentId(this.state.focusedItemId):a.EMPTY_ID;return i.createElement("div",{onKeyDown:this.onKeyDown,style:this.props.style,className:this.getMenuWrapperClassName(),ref:function(e){return t.menuWrapperEl=e}},i.createElement(c.default,{className:this.getMenuClassName(),"aria-orientation":this.props.vertical?"vertical":void 0,items:this.items,isMenuVertical:this.props.vertical,isDirectionRightToLeft:this.directionHolder.getIsDirectionRightToLeft(),focusedItemId:this.state.focusedItemId,lastItemIdToBeOpened:e,tabbableItemId:this.state.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.guid,onMouseLeave:this.onItemMouseLeave,onMouseOver:this.onItemMouseOver,onMouseDown:this.onItemMouseDown,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,onOriginalItemNeeded:this.getInputItem}))},e.prototype.componentDidMount=function(){this.setState({isFirstRender:!1})},e.prototype.componentDidUpdate=function(e){(Boolean(e.vertical)!==Boolean(this.props.vertical)||this.directionHolder.hasDirectionChanged())&&this.reset(),this.mouseOverHandler.OpenOnClick=this.props.openOnClick},e.prototype.componentWillUnmount=function(){this.clearItemHoverAndLeaveRequestsIfApplicable()},e.prototype.setFocusedItemId=function(n){this.setState(function(e){var t=n===a.EMPTY_ID?e.tabbableItemId:a.getRootParentId(n);return{hoveredItemId:n===a.EMPTY_ID||a.isIdEmptyOrZeroLevel(e.hoveredItemId)&&a.isIdEmptyOrZeroLevel(n)?e.hoveredItemId:a.EMPTY_ID,focusedItemId:n,tabbableItemId:t}})},e.prototype.setHoveredItemId=function(t){this.setState(function(e){return a.isIdEmptyOrZeroLevel(t)&&a.isIdEmptyOrZeroLevel(e.focusedItemId)?{hoveredItemId:t,focusedItemId:e.focusedItemId,tabbableItemId:e.tabbableItemId}:{hoveredItemId:t,focusedItemId:a.EMPTY_ID,tabbableItemId:a.ZERO_LEVEL_ZERO_ITEM_ID}})},e.prototype.getMenuWrapperClassName=function(){return s.classNames({"k-rtl":this.directionHolder.getIsDirectionRightToLeft()})},e.prototype.getMenuClassName=function(){return s.classNames("k-widget","k-reset","k-header","k-menu",{"k-menu-horizontal":!this.props.vertical},{"k-menu-vertical":this.props.vertical})},e.prototype.clearItemHoverAndLeaveRequestsIfApplicable=function(){this.itemHoverRequest&&(clearTimeout(this.itemHoverRequest),this.itemHoverRequest=null),this.itemLeaveRequest&&(clearTimeout(this.itemLeaveRequest),this.itemLeaveRequest=null)},e.prototype.isItemWithDefaultClose=function(e){return!this.props.customCloseItemIds||-1===this.props.customCloseItemIds.indexOf(e)},e.prototype.dispatchSelectEventIfWired=function(e,t){var n=this.props.onSelect;n&&n.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,item:this.getInputItem(t),itemId:t,target:this})},e.prototype.checkIsDirectionRightToLeft=function(){return void 0!==this.props.dir?"rtl"===this.props.dir:this.menuWrapperEl&&"rtl"===getComputedStyle(this.menuWrapperEl).direction},e.prototype.prepareItems=function(){var e=l.default(this.props.items,this.props.children),t=e.items,n=e.inputItems;this.items=t,this.inputItems=n},e.defaultProps={vertical:!1},e}(i.Component);t.default=m},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),l=n(3),o=n(11);function p(e,t){var n={},r=e||t.props,o=r.text,i=r.url,s=r.icon,a=r.disabled,l=r.cssClass,p=r.cssStyle,u=r.render,c=r.linkRender,d=r.contentRender,f=r.data;return void 0!==o&&(n.text=o),void 0!==i&&(n.url=i),void 0!==s&&(n.icon=s),void 0!==a&&(n.disabled=a),void 0!==l&&(n.cssClass=l),void 0!==p&&(n.cssStyle=p),void 0!==u&&(n.render=u),void 0!==c&&(n.linkRender=c),void 0!==d&&(n.contentRender=d),void 0!==f&&(n.data=f),n}function a(e){return r.Children.toArray(e).filter(function(e){return e&&e.type===o.default})}function u(e,t){for(var n=[],r=0;r<e.length;r++){var o=e[r],i=p(o);i.id=l.createId(r.toString(),t),i.isLastFromSiblings=r===e.length-1,i.items=(a=i,(s=o).contentRender?[{contentParentItemId:a.id,id:l.createId(l.ZERO_LEVEL_ZERO_ITEM_ID,a.id),isLastFromSiblings:!0,contentRender:s.contentRender,items:[]}]:s.items?u(s.items,a.id):[]),n.push(i)}var s,a;return n}t.default=function(e,t){if(e&&0<e.length)return{items:u(e),inputItems:e};if(0<a(t).length){var n=function e(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],i=p(void 0,o),s=e(a(o.props.children));0<s.length&&(i.items=s),n.push(i)}return n}(a(t));return{items:u(n),inputItems:n}}return{items:[],inputItems:[]}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var M=n(1),E=n(3),w=/\S/;t.default=function(i,s,e,t,n,r){var o,a,l,p,u,c=I();switch(e){case M.Keys.left:return n?r?m():f():r?h():d();case M.Keys.right:return n?r?f():m():r?d():h();case M.Keys.up:return n?g():E.isIdZeroLevel(s)?y():g();case M.Keys.down:return n?_():E.isIdZeroLevel(s)?v():_();case M.Keys.enter:case M.Keys.space:return c.disabled?s:b()?E.getFirstChildId(s):E.getRootParentId(s);case M.Keys.home:return O()[0].id;case M.Keys.end:return(u=O())[u.length-1].id;case M.Keys.esc:return E.isIdZeroLevel(s)?s:E.getDirectParentId(s);default:return 1===t.length&&w.test(t)?(o=t.toLowerCase(),a=O(),l=Number(E.getShortId(s)),(p=a.slice(l+1).concat(a.slice(0,l+1)).find(function(e){return(e.text||"").toLowerCase().startsWith(o)}))?p.id:s):s}function d(){return E.isIdZeroLevel(s)?g():E.isIdFirstLevel(s)?v(g(E.getRootParentId(s))):E.getDirectParentId(s)}function f(){return E.isIdZeroLevel(s)?y():E.getDirectParentId(s)}function h(){return E.isIdZeroLevel(s)?_():v(b()?s:_(E.getRootParentId(s)))}function m(){return v(E.isIdZeroLevel(s)||b()?s:_(E.getRootParentId(s)))}function v(e){return P(!0,e)}function y(e){return P(!1,e)}function I(e,t){return void 0===e&&(e=s),void 0===t&&(t=i),E.getItemById(e,t)}function b(e){return 0<I(e).items.length}function g(e){return k(!1,e)}function _(e){return k(!0,e)}function O(){return E.isIdZeroLevel(s)?i:I(E.getDirectParentId(s),i).items}function P(e,t){void 0===t&&(t=s);var n,r=I(t);return b(t)&&!r.disabled?e?E.getFirstChildId(t):(n=I(t).items)[n.length-1].id:t}function k(e,t){if(void 0===t&&(t=s),E.isIdZeroLevel(t))return E.getDirectSiblingIdForLevelZero(e,t,i.length);var n=E.getDirectParentId(t),r=E.getShortId(t),o=I(n).items.length;return E.createId(E.getDirectSiblingIdForLevelZero(e,r,o),n)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getHoverOpenDelay=function(e){return void 0!==e.hoverOpenDelay?e.hoverOpenDelay:e.openOnClick?0:100},t.getHoverCloseDelay=function(e){return void 0!==e.hoverCloseDelay?e.hoverCloseDelay:100}},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),s=n(1),a=n(26),l=n(3),p=n(13),u=n(14),c=n(12),d=n(5),f=function(n){function e(e){var t=n.call(this,e)||this;return t.isFirstRender=!0,t.onMouseOver=function(e){t.props.onMouseOver(t.props.item.id),e.stopPropagation()},t.onMouseLeave=function(e){t.props.onMouseLeave(t.props.item.id),e.stopPropagation()},t.state={opened:!1},t}return o(e,n),e.prototype.componentDidMount=function(){var e=this.props.focusedItemId,t=this.props.item.id;e&&e===t&&this.itemElement.focus(),this.isFirstRender=!1},e.prototype.componentDidUpdate=function(e){var t=this.props.focusedItemId,n=this.props.item.id;t?e.focusedItemId!==t&&t===n&&this.itemElement.focus():document.activeElement===this.itemElement&&this.itemElement.blur()},e.prototype.render=function(){var t=this,e=this.props.item,n=e.id;return[i.createElement("li",{className:this.getMenuItemClassName(e),style:e.cssStyle,tabIndex:n===this.props.tabbableItemId?0:-1,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:function(e){return t.props.onMouseDown(e)},onBlur:function(){return t.props.onBlur(n)},onFocus:function(){return t.props.onFocus(n)},onClick:function(e){return t.props.onClick(e,n)},role:"menuitem","aria-disabled":!!e.disabled||void 0,"aria-haspopup":0<e.items.length||void 0,"aria-expanded":0<e.items.length?this.Opened:void 0,"aria-label":e.text,"aria-owns":this.Opened?d.getDOMElementId(this.props.menuGuid,n):void 0,ref:function(e){return t.itemElement=e},key:"0"},this.contentRender?this.renderContent():this.renderMenuItemLink()),this.renderPopupIfOpened()]},e.prototype.renderContent=function(){var e=this.props.item.contentParentItemId;return i.createElement("div",{className:"k-content",role:"presentation"},i.createElement(this.contentRender,{item:this.props.onOriginalItemNeeded(e),itemId:e}))},e.prototype.renderMenuItemLink=function(){var e=this.props.item;if(this.linkRender)return i.createElement(this.linkRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,opened:this.Opened,dir:d.convertBoolDirectionToString(this.props.isDirectionRightToLeft)});var t=this.itemRender?i.createElement(this.itemRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,key:"1"}):e.text;return i.createElement(p.default,{url:e.url,opened:this.Opened},[this.renderMenuIconIfApplicable(),t,this.renderArrowIfApplicable()])},e.prototype.renderPopupIfOpened=function(){if(this.Opened){var e=this.props.item.id,t=d.getPopupSettings(e,this.props.isMenuVertical,this.props.isDirectionRightToLeft),n=t.anchorAlign,r=t.popupAlign,o=t.collision;return i.createElement(a.Popup,{anchor:this.itemElement,show:!0,popupClass:this.getPopupClassName(),anchorAlign:n,popupAlign:r,collision:o,animate:!1,key:"1"},i.createElement(c.default,{parentItemId:e,items:this.props.item.items,menuGuid:this.props.menuGuid,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,className:"k-group k-menu-group k-reset",onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded}))}return null},e.prototype.renderMenuIconIfApplicable=function(){return this.props.item.icon?i.createElement("span",{className:"k-icon k-i-"+this.props.item.icon,role:"presentation",key:"0"}):null},e.prototype.renderArrowIfApplicable=function(){return 0<this.props.item.items.length?i.createElement(u.default,{itemId:this.props.item.id,verticalMenu:this.props.isMenuVertical,dir:d.convertBoolDirectionToString(this.props.isDirectionRightToLeft),key:"2"}):null},Object.defineProperty(e.prototype,"itemRender",{get:function(){return this.props.item.render||this.props.itemRender},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"linkRender",{get:function(){return this.props.item.linkRender||this.props.linkRender},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"contentRender",{get:function(){return this.props.item.contentParentItemId?this.props.item.contentRender:null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"Opened",{get:function(){var e=this.props;return 0<e.item.items.length&&l.isItemParentOrEqual(e.item.id,e.lastItemIdToBeOpened)&&!this.isFirstRender},enumerable:!0,configurable:!0}),e.prototype.getPopupClassName=function(){return s.classNames("k-menu-popup",{"k-rtl":this.props.isDirectionRightToLeft})},e.prototype.getMenuItemClassName=function(e){return s.classNames("k-item","k-menu-item",{"k-first":l.isFirstItemFromSiblings(e.id),"k-last":e.isLastFromSiblings,"k-state-disabled":e.disabled},e.cssClass)},e}(i.Component);t.default=f},function(e,t){e.exports=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={vertical:"top",horizontal:"left"},o={vertical:"top",horizontal:"right"},i={vertical:"flip",horizontal:"fit"},s={vertical:"fit",horizontal:"flip"};t.POPUP_SETTINGS_RTL={downward:{anchorAlign:{vertical:"bottom",horizontal:"right"},popupAlign:o,collision:i},leftward:{anchorAlign:{vertical:"top",horizontal:"left"},popupAlign:o,collision:s}},t.POPUP_SETTINGS={downward:{anchorAlign:{vertical:"bottom",horizontal:"left"},popupAlign:r,collision:i},rightward:{anchorAlign:{vertical:"top",horizontal:"right"},popupAlign:r,collision:s}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(){this.phase="Initialized"}return e.prototype.getIsDirectionRightToLeft=function(){return this.isDirectionRightToLeft},e.prototype.setIsDirectionRightToLeft=function(e){this.phase="NotInitialized"===this.phase?"Initialized":"NewValueReceived",this.previousIsDirectionRightToLeft=this.isDirectionRightToLeft,this.isDirectionRightToLeft=e},e.prototype.hasDirectionChanged=function(){return"NewValueReceived"===this.phase&&this.previousIsDirectionRightToLeft!==this.isDirectionRightToLeft},e}();t.default=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t,n){this.openOnClick=e,this.resetMenu=t,this.openItem=n,this.openOnClick=e,this.isMouseOverEnabled=!e}return Object.defineProperty(e.prototype,"OpenOnClick",{set:function(e){Boolean(e)!==Boolean(this.openOnClick)&&(this.mouseDown=!1,this.isMouseOverEnabled=!e),this.openOnClick=e},enumerable:!0,configurable:!0}),e.prototype.handleItemSelectedViaKeyboard=function(){this.openOnClick&&(this.isMouseOverEnabled=!1,this.resetMenu())},Object.defineProperty(e.prototype,"IsMouseOverEnabled",{get:function(){return this.isMouseOverEnabled},enumerable:!0,configurable:!0}),e.prototype.handleItemMouseDown=function(){this.mouseDown=!0},e.prototype.handleItemFocus=function(){this.openOnClick&&!this.mouseDown&&(this.isMouseOverEnabled=!0),this.mouseDown=!1},e.prototype.handleItemClick=function(e,t){this.openOnClick&&(this.isMouseOverEnabled?t&&(this.isMouseOverEnabled=!1,this.resetMenu()):(this.isMouseOverEnabled=!0,this.openItem(e)))},e}();t.default=r}])}}});

package.json

 {
   "name": "@progress/kendo-react-layout",
-  "version": "1.3.0-dev.201808201254",
+  "version": "1.3.0-dev.201808280548",
   "description": "Kendo UI for React Layout package",
@@ -33,9 +33,9 @@ "repository": {
   "devDependencies": {
-    "@progress/kendo-react-dropdowns": "1.3.0-dev.201808201254",
-    "@progress/kendo-react-intl": "1.3.0-dev.201808201254"
+    "@progress/kendo-react-dropdowns": "1.3.0-dev.201808280548",
+    "@progress/kendo-react-intl": "1.3.0-dev.201808280548"
   },
   "dependencies": {
-    "@progress/kendo-react-animation": "1.3.0-dev.201808201254",
-    "@progress/kendo-react-common": "1.3.0-dev.201808201254",
-    "@progress/kendo-react-popup": "1.3.0-dev.201808201254",
+    "@progress/kendo-react-animation": "1.3.0-dev.201808280548",
+    "@progress/kendo-react-common": "1.3.0-dev.201808280548",
+    "@progress/kendo-react-popup": "1.3.0-dev.201808280548",
     "prop-types": "^15.6.0"
@@ -42,0 +42,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

517338

increased by0.86%

Lines of code

7019

increased by1.01%

Dependency changes

• + Added@progress/kendo-react-animation@1.3.0-dev.201808280548(transitive)

• + Added@progress/kendo-react-common@1.3.0-dev.201808280548(transitive)

• + Added@progress/kendo-react-popup@1.3.0-dev.201808280548(transitive)

• - Removed@progress/kendo-react-animation@1.3.0-dev.201808201254(transitive)

• - Removed@progress/kendo-react-common@1.3.0-dev.201808201254(transitive)

• - Removed@progress/kendo-react-popup@1.3.0-dev.201808201254(transitive)

• Updated@progress/kendo-react-animation@1.3.0-dev.201808280548

• Updated@progress/kendo-react-common@1.3.0-dev.201808280548

• Updated@progress/kendo-react-popup@1.3.0-dev.201808280548