@progress/kendo-react-buttons 4.14.0 → 5.0.0

package/dist/npm/ListButton/SplitButton.js

@@ -25,8 +25,6 @@ var kendo_react_popup_1 = require("@progress/kendo-react-popup");
 var popup_1 = require("./utils/popup");
 var kendo_react_common_3 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
-var util_1 = require("../util");
-var styles = util_1.default.styles;
 /**
  * Represents the [KendoReact SplitButton component]({% slug overview_splitbutton %}).
  *
@@ -186,11 +184,11 @@ var SplitButton = /** @class */ (function (_super) {
         var dir = rtl ? 'rtl' : undefined;
         var _a = this.props, tabIndex = _a.tabIndex, disabled = _a.disabled;
         var focusedIndex = this.state.focusedIndex;
-        return (React.createElement("div", { className: kendo_react_common_1.classNames('k-widget', 'k-split-button', 'k-button-group', [styles["" + this.props.look]], {
-                'k-state-focused': this.state.focused
-            }, this.props.className), onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, dir: dir, ref: function (el) { return _this.wrapper = el; } },
-            React.createElement(main_1.Button, { onClick: function (event) { return _this.onItemClick(event, -1); }, disabled: disabled || undefined, tabIndex: tabIndex, accessKey: this.props.accessKey, className: this.props.buttonClass, icon: this.props.icon, iconClass: this.props.iconClass, imageUrl: this.props.imageUrl, look: this.props.look, dir: dir, ref: function (el) { return _this.mainButton = el && el.element; }, type: "button", "aria-disabled": disabled, "aria-haspopup": true, "aria-expanded": this.opened, "aria-label": this.props.text + " splitbutton", "aria-owns": this.guid, "aria-activedescendant": focusedIndex >= 0 ? this.guid + "-" + focusedIndex : undefined }, this.props.text),
-            React.createElement(main_1.Button, { icon: "arrow-s", disabled: disabled || undefined, tabIndex: -1, look: this.props.look, onClick: this.onSplitPartClick, onMouseDown: this.onDownSplitPart, onPointerDown: this.onDownSplitPart, dir: dir, "aria-label": "menu toggling button" }),
+        return (React.createElement("div", { className: kendo_react_common_1.classNames('k-split-button', 'k-button-group', {
+                'k-focus': this.state.focused
+            }, "k-rounded-" + kendo_react_common_1.kendoThemeMaps.roundedMap[this.props.rounded || 'medium'], this.props.className), onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, dir: dir, ref: function (el) { return _this.wrapper = el; } },
+            React.createElement(main_1.Button, { size: this.props.size, rounded: this.props.rounded, fillMode: this.props.fillMode, themeColor: this.props.themeColor, onClick: function (event) { return _this.onItemClick(event, -1); }, disabled: disabled || undefined, tabIndex: tabIndex, accessKey: this.props.accessKey, className: this.props.buttonClass, icon: this.props.icon, iconClass: this.props.iconClass, imageUrl: this.props.imageUrl, dir: dir, ref: function (el) { return _this.mainButton = el && el.element; }, type: "button", "aria-disabled": disabled, "aria-haspopup": true, "aria-expanded": this.opened, "aria-label": this.props.text + " splitbutton", "aria-owns": this.guid, "aria-activedescendant": focusedIndex >= 0 ? this.guid + "-" + focusedIndex : undefined }, this.props.text),
+            React.createElement(main_1.Button, { size: this.props.size, rounded: this.props.rounded, fillMode: this.props.fillMode, themeColor: this.props.themeColor, icon: "arrow-s", disabled: disabled || undefined, tabIndex: -1, onClick: this.onSplitPartClick, onMouseDown: this.onDownSplitPart, onPointerDown: this.onDownSplitPart, dir: dir, "aria-label": "menu toggling button" }),
             this.renderPopup(rtl)));
     };
     /**
@@ -226,15 +224,18 @@ var SplitButton = /** @class */ (function (_super) {
         }
     };
     SplitButton.prototype.renderPopup = function (rtl) {
-        var _a = this.props.popupSettings, popupSettings = _a === void 0 ? {} : _a;
-        return (React.createElement(kendo_react_popup_1.Popup, { anchor: this.wrapper, show: this.opened, animate: popupSettings.animate, popupClass: kendo_react_common_1.classNames('k-list-container k-reset k-group', popupSettings.popupClass), anchorAlign: popupSettings.anchorAlign || popup_1.getAnchorAlign(rtl), popupAlign: popupSettings.popupAlign || popup_1.getPopupAlign(rtl), style: rtl ? { direction: 'rtl' } : undefined },
-            React.createElement("ul", { className: "k-list k-reset", role: "menu", id: this.guid }, this.renderChildItems())));
+        var _a;
+        var _b = this.props.popupSettings, popupSettings = _b === void 0 ? {} : _b;
+        return (React.createElement(kendo_react_popup_1.Popup, { anchor: this.wrapper, show: this.opened, animate: popupSettings.animate, popupClass: kendo_react_common_1.classNames('k-menu-popup', popupSettings.popupClass), anchorAlign: popupSettings.anchorAlign || popup_1.getAnchorAlign(rtl), popupAlign: popupSettings.popupAlign || popup_1.getPopupAlign(rtl), style: rtl ? { direction: 'rtl' } : undefined },
+            React.createElement("ul", { role: "menu", id: this.guid, className: kendo_react_common_1.classNames('k-group k-menu-group k-reset', (_a = {},
+                    _a["k-menu-group-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
+                    _a)) }, this.renderChildItems())));
     };
     SplitButton.prototype.renderChildItems = function () {
         var _this = this;
         var _a = this.props, item = _a.item, itemRender = _a.itemRender, textField = _a.textField;
         return this.buttonsData.length > 0 ? (this.buttonsData.map(function (dataItem, index) {
-            return (React.createElement(ButtonItem_1.default, { dataItem: dataItem, textField: textField, focused: _this.state.focusedIndex === index, onClick: _this.onItemClick, onDown: _this.onItemDown, render: itemRender, item: item, key: index, index: index, id: _this.guid + "-" + index }));
+            return (React.createElement(ButtonItem_1.default, { className: "k-menu-item", dataItem: dataItem, textField: textField, focused: _this.state.focusedIndex === index, onClick: _this.onItemClick, onDown: _this.onItemDown, render: itemRender, item: item, key: index, index: index, id: _this.guid + "-" + index }));
         })) : null;
     };
     SplitButton.prototype.isItemDisabled = function (index) {
@@ -266,7 +267,6 @@ var SplitButton = /** @class */ (function (_super) {
         popupSettings: PropTypes.object,
         itemRender: PropTypes.any,
         item: PropTypes.func,
-        look: PropTypes.string,
         className: PropTypes.string,
         buttonClass: PropTypes.string,
         dir: PropTypes.string

package/dist/npm/ListButton/models/ListButtonProps.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { ButtonsPopupSettings } from './PopupSettings';
 import { SplitButtonClickEvent, SplitButtonItemClickEvent, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, DropDownButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent } from './events';
-import { ButtonLook } from '../../buttonLook';
 import { ButtonItemProps } from '../ButtonItem';
 export interface DropDownButtonProps {
     /**
@@ -64,10 +63,6 @@ export interface DropDownButtonProps {
         item: any;
         itemIndex: number;
     }>;
-    /**
-     * Changes the visual appearance by using alternative styling options ([see example]({% slug overview_dropdownbutton %}#toc-basic-usage)).
-     */
-    look?: ButtonLook;
     /**
      * Sets the `className` of the DropDownButton component.
      */
@@ -80,10 +75,6 @@ export interface DropDownButtonProps {
      * Sets the direction of the component.
      */
     dir?: string;
-    /**
-     * Adds visual weight to the button and makes it primary ([see example]({% slug overview_dropdownbutton %}#toc-basic-usage)).
-     */
-    primary?: boolean;
     /**
      * Fires when the component is focused ([see example]({% slug overview_dropdownbutton %}#toc-events)).
      */
@@ -104,6 +95,74 @@ export interface DropDownButtonProps {
      * Fires when the popup which contains the items is closed ([see example]({% slug overview_dropdownbutton %}#toc-events)).
      */
     onClose?: (event: DropDownButtonCloseEvent) => void;
+    /**
+     * Configures the `size` of the DropDownButton.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `className`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * Configures the `shape` of the DropDownButton.
+     *
+     * The available options are:
+     * - rectangle
+     * - square
+     * - null&mdash;Does not set a shape `className`.
+     *
+     * @default `rectangle`
+     */
+    shape?: null | 'rectangle' | 'square';
+    /**
+     * Configures the `roundness` of the DropDownButton.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null&mdash;Does not set a rounded `className`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `fillMode` of the DropDownButton.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null&mdash;Does not set a fillMode `className`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link';
+    /**
+     * Configures the `themeColor` of the DropDownButton.
+     *
+     * The available options are:
+     * - base
+     * - primary
+     * - secondary
+     * - tertiary
+     * - info
+     * - success
+     * - warning
+     * - dark
+     * - light
+     * - inverse
+     * - null&mdash;Does not set a themeColor `className`.
+     *
+     * @default `base`
+     */
+    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse';
 }
 export interface SplitButtonProps {
     /**
@@ -165,10 +224,6 @@ export interface SplitButtonProps {
         item: any;
         itemIndex: number;
     }>;
-    /**
-     * Changes the visual appearance by using alternative styling options ([see example]({% slug overview_splitbutton %}#toc-basic-usage)).
-     */
-    look?: ButtonLook;
     /**
      * Sets the `className` of the SplitButton component.
      */
@@ -205,4 +260,61 @@ export interface SplitButtonProps {
      * Fires when the popup which contains the items is closed ([see example]({% slug overview_splitbutton %}#toc-events)).
      */
     onClose?: (event: SplitButtonCloseEvent) => void;
+    /**
+     * Configures the `size` of the SplitButton.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `className`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * Configures the `roundness` of the SplitButton.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null&mdash;Does not set a rounded `className`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `fillMode` of the SplitButton.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null&mdash;Does not set a fillMode `className`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link';
+    /**
+     * Configures the `themeColor` of the SplitButton.
+     *
+     * The available options are:
+     * - base
+     * - primary
+     * - secondary
+     * - tertiary
+     * - info
+     * - success
+     * - warning
+     * - dark
+     * - light
+     * - inverse
+     * - null&mdash;Does not set a themeColor `className`.
+     *
+     * @default `base`
+     */
+    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse';
 }

package/dist/npm/main.d.ts

@@ -1,6 +1,5 @@
 import Button, { ButtonProps } from './Button';
 import ButtonGroup, { ButtonGroupProps } from './ButtonGroup';
-import { ButtonLook } from './buttonLook';
 import SplitButton from './ListButton/SplitButton';
 import SplitButtonItem, { SplitButtonItemProps } from './ListButton/SplitButtonItem';
 import DropDownButton from './ListButton/DropDownButton';
@@ -16,7 +15,7 @@ import ToolbarSeparator from './toolbar/tools/ToolbarSeparator';
 import { ToolbarSpacer, ToolbarSpacerProps } from './toolbar/tools/ToolbarSpacer';
 import { Chip, ChipProps, ChipHandle } from './Chip/Chip';
 import { ChipList, ChipListProps, ChipListHandle } from './Chip/ChipList';
-import { ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipListChangeEvent, ChipListDataChangeEvent, ChipLook } from './models/index';
+import { ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipListChangeEvent, ChipListDataChangeEvent } from './models/index';
 import { FloatingActionButton } from './FloatingActionButton/FloatingActionButton';
 import { FloatingActionButtonHandle } from './FloatingActionButton/interfaces/FloatingActionButtonHandle';
 import { FloatingActionButtonProps } from './FloatingActionButton/interfaces/FloatingActionButtonProps';
@@ -28,5 +27,6 @@ import { FloatingActionButtonAlignOffset } from './FloatingActionButton/models/a
 import { FloatingActionButtonPositionMode } from './FloatingActionButton/models/position-mode';
 import { FloatingActionButtonShape } from './FloatingActionButton/models/shape';
 import { FloatingActionButtonSize } from './FloatingActionButton/models/size';
+import { FloatingActionButtonRounded } from './FloatingActionButton/models/rounded';
 import { FloatingActionButtonThemeColor } from './FloatingActionButton/models/theme-color';
-export { Toolbar, ToolbarProps, ToolbarItem, ToolbarItemProps, ToolbarSeparator, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerProps, Button, ButtonProps, ButtonLook, ButtonGroup, ButtonGroupProps, SplitButton, SplitButtonItem, SplitButtonItemProps, DropDownButton, DropDownButtonProps, DropDownButtonItem, DropDownButtonItemProps, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipProps, ChipHandle, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipLook, ChipList, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonShape, FloatingActionButtonThemeColor };
+export { Toolbar, ToolbarProps, ToolbarItem, ToolbarItemProps, ToolbarSeparator, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerProps, Button, ButtonProps, ButtonGroup, ButtonGroupProps, SplitButton, SplitButtonItem, SplitButtonItemProps, DropDownButton, DropDownButtonProps, DropDownButtonItem, DropDownButtonItemProps, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipProps, ChipHandle, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonShape, FloatingActionButtonRounded, FloatingActionButtonThemeColor };

package/dist/npm/models/index.d.ts

@@ -1,22 +1,6 @@
 /// <reference types="react" />
 import { ChipHandle } from './../Chip/Chip';
 import { ChipListHandle } from './../Chip/ChipList';
-/**
- * Enables the modification of the Chip appearance.
- *
- * The available styling options are:
- * - `solid`(Default)
- * - `outline`
- * - `filled`(The `filled` option will be deprecated. To apply the identical styling, use `solid` instead).
- * - `outlined`(The `outlined` option will be deprecated. To apply the identical styling, use `outline` instead).
- *
- * @example
- * ```ts-no-run
- * <Chip look="solid" text="Chip component"></Chip>
- * ```
- *
- */
-export declare type ChipLook = 'solid' | 'outline' | 'filled' | 'outlined';
 /**
  * Represents the return type of the ChipRemoveEvent.
  */

package/dist/npm/package-metadata.js

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

package/dist/npm/util.js

@@ -9,10 +9,10 @@ var styles = {
     'outline': 'k-outline',
     'clear': 'k-button-clear',
     'primary': 'k-primary',
-    'state-selected': 'k-state-selected',
+    'state-selected': 'k-selected',
     'button-icon': 'k-button-icon',
     'button-icontext': 'k-button-icontext',
-    'state-disabled': 'k-state-disabled',
+    'state-disabled': 'k-disabled',
     'group-start': 'k-group-start',
     'group-end': 'k-group-end',
     'button-group': 'k-button-group',
@@ -20,7 +20,7 @@ var styles = {
     'ltr': 'k-ltr',
     'rtl': 'k-rtl'
 };
-var notDisabled = ':not(.k-state-disabled):not([disabled]):not([disabled="true"])';
+var notDisabled = ':not(.k-disabled):not([disabled]):not([disabled="true"])';
 /**
  * @hidden
  */

package/dist/systemjs/kendo-react-buttons.js

@@ -1 +1 @@
-System.register("@progress/kendo-react-buttons",["prop-types","react","@progress/kendo-react-common","@progress/kendo-react-popup"],function(i){var s,a,l,c;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){s=t(e)},function(e){a=t(e)},function(e){l=t(e)},function(e){c=t(e)}],execute:function(){function r(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}var n,o;o={},r.m=n=[function(e,t){e.exports=l},function(e,t){e.exports=a},function(e,t){e.exports=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1642421357,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=':not(.k-state-disabled):not([disabled]):not([disabled="true"])';t.toolbarButtons=["button"+o,".k-button-group > button"+o,".k-dropdown > .k-dropdown-wrap"+o,".k-colorpicker > .k-picker-wrap"+o],t.default={styles:{button:"k-button",flat:"k-flat",outline:"k-outline",clear:"k-button-clear",primary:"k-primary","state-selected":"k-state-selected","button-icon":"k-button-icon","button-icontext":"k-button-icontext","state-disabled":"k-state-disabled","group-start":"k-group-start","group-end":"k-group-end","button-group":"k-button-group","button-group-stretched":"k-button-group-stretched",ltr:"k-ltr",rtl:"k-rtl"}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(19);t.Button=o.default;o=n(20);t.ButtonGroup=o.default;o=n(21);t.SplitButton=o.default;o=n(8);t.SplitButtonItem=o.default;o=n(22);t.DropDownButton=o.default;o=n(11);t.DropDownButtonItem=o.default;o=n(23);t.Toolbar=o.default;o=n(12);t.ToolbarItem=o.default;o=n(24);t.ToolbarSeparator=o.default;o=n(25);t.ToolbarSpacer=o.ToolbarSpacer;o=n(13);t.Chip=o.Chip;o=n(14);t.ChipList=o.ChipList;o=n(26);t.FloatingActionButton=o.FloatingActionButton;n=n(18);t.FloatingActionButtonItem=n.FloatingActionButtonItem,function(e){for(var t in e)i(t,e[t])}(t)},function(e,t){e.exports=c},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),a=n(0),r=(i=s.Component,r(l,i),l.prototype.render=function(){var e=this.props,t=e.dataItem,n=e.focused,o=e.id,r=e.onDown,e=e.render,t=s.createElement("li",{id:o,className:a.classNames("k-item",{"k-state-focused":n,"k-state-selected":t.selected,"k-state-disabled":t.disabled}),onClick:this.onClick,onMouseDown:r,onPointerDown:r,role:"menuItem","aria-disabled":t.disabled||void 0},this.renderContent());return void 0!==this.props.item&&void 0!==e?e.call(void 0,t,this.props):t},l.prototype.renderContent=function(){var e=this.props,t=e.dataItem,n=e.textField,o=e.index,r=this.props.dataItem.render||this.props.item||(void 0===this.props.item?this.props.render:null),e=void 0!==t.text?t.text:n?t[n]:t,n=t.icon?"k-icon k-i-"+t.icon:t.iconClass;return r&&s.createElement(r,{item:t,itemIndex:o})||[n&&s.createElement("span",{className:n,role:"presentation",key:"icon"}),t.imageUrl&&s.createElement("img",{className:"k-image",alt:"",src:t.imageUrl,role:"presentation",key:"image"}),e]},l);function l(){var t=null!==i&&i.apply(this,arguments)||this;return t.onClick=function(e){return t.props.onClick(e,t.props.index)},t}t.default=r},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),n=n(2),n=(i=s.Component,r(a,i),a.prototype.render=function(){return null},a.propTypes={text:n.string,icon:n.string,iconClass:n.string,imageUrl:n.string,disabled:n.bool,render:n.any},a);function a(){return null!==i&&i.apply(this,arguments)||this}t.default=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.default=function(e,t,n,o){if(n)return e;switch(t){case r.Keys.enter:case r.Keys.space:case r.Keys.esc:return-1;case r.Keys.up:case r.Keys.left:return Math.max(0,e-1);case r.Keys.down:case r.Keys.right:return Math.min(o-1,e+1);default:return e}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getAnchorAlign=function(e){var t={horizontal:"left",vertical:"bottom"};return e&&(t.horizontal="right"),t},t.getPopupAlign=function(e){var t={horizontal:"left",vertical:"top"};return e&&(t.horizontal="right"),t}},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),n=n(2),n=(i=s.Component,r(a,i),a.prototype.render=function(){return null},a.propTypes={text:n.string,icon:n.string,iconClass:n.string,imageUrl:n.string,selected:n.bool,disabled:n.bool,render:n.any},a);function a(){return null!==i&&i.apply(this,arguments)||this}t.default=n},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),n=n(2),n=(i=s.PureComponent,r(a,i),Object.defineProperty(a.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),a.prototype.render=function(){var t=this;return s.createElement("span",{className:this.props.className,style:this.props.style,ref:function(e){return t._element=e}},this.props.children)},a.propTypes={className:n.string},a);function a(){var e=null!==i&&i.apply(this,arguments)||this;return e._element=null,e}t.default=n},function(e,t,n){"use strict";var b=this&&this.__assign||function(){return(b=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var v=n(1),o=n(2),g=n(14),k=n(0),C=n(16),_=n(17),O=n(15),x=n(0),I=n(3),w=n(0);t.Chip=v.forwardRef(function(t,e){x.validatePackage(I.packageMetadata);var n=v.useRef(null),o=v.useRef(null),r=k.useDir(o,t.dir);v.useImperativeHandle(n,function(){return{element:o.current,props:t}}),v.useImperativeHandle(e,function(){return n.current});var i=v.useContext(g.ChipListSelectionContext),s=i[0],a=i[1],l=v.useContext(g.ChipListFocusContext),c=l[0],u=l[1],p=v.useContext(g.ChipListDataContext)[1],d=v.useMemo(function(){return t.selected||(Array.isArray(s)?s.some(function(e){return e===t.value}):s===t.value)},[t.selected,t.value,s]),f=v.useMemo(function(){return c===t.value},[t.value,c]),h=v.useMemo(function(){return t.look||P.look},[t.look]);v.useEffect(function(){f&&o.current&&o.current.focus()},[f]);var m=v.useCallback(function(e){a({type:O.SELECTION_ACTION.toggle,payload:t.value,event:e})},[t.onClick,a,t.value]),y=v.useCallback(function(e){t.removable&&(p({type:_.DATA_ACTION.remove,payload:t.value,event:e}),u({type:C.FOCUS_ACTION.reset,payload:t.value,event:e}),a({type:O.SELECTION_ACTION.remove,payload:t.value,event:e}),t.onRemove&&t.onRemove.call(void 0,{target:n.current,syntheticEvent:e}))},[t.onRemove,t.removable,p,u,a]),e=v.useCallback(function(e){switch(e.keyCode){case k.Keys.left:u({type:C.FOCUS_ACTION.prev,payload:t.value,event:e});break;case k.Keys.right:u({type:C.FOCUS_ACTION.next,payload:t.value,event:e});break;case k.Keys.enter:a({type:O.SELECTION_ACTION.toggle,payload:t.value,event:e});break;case k.Keys.delete:y(e)}t.onKeyDown&&t.onKeyDown.call(void 0,{target:n.current,syntheticEvent:e})},[t.onKeyDown,u,a,y]),i=v.useCallback(function(e){u({payload:t.value,type:C.FOCUS_ACTION.current,event:e}),t.onFocus&&t.onFocus.call(void 0,{target:n.current,syntheticEvent:e})},[t.onFocus,u]),l=v.useCallback(function(e){t.onBlur&&t.onBlur.call(void 0,{target:n.current,syntheticEvent:e})},[t.onBlur]),m=w.useMouse(t,n,{onClick:m});return v.createElement("div",b({},m,{role:t.role,id:t.value,style:t.style,ref:o,dir:r,tabIndex:k.getTabIndex(t.tabIndex,t.disabled,void 0),className:k.classNames("k-chip",{"k-rtl":"rtl"===r,"k-state-disabled":t.disabled,"k-state-selected":d,"k-state-focus":f,"k-chip-success":"success"===t.type,"k-chip-warning":"warning"===t.type,"k-chip-error":"error"===t.type,"k-chip-info":"info"===t.type,"k-chip-has-icon":t.icon,"k-chip-outline":"outline"===h||"outlined"===h,"k-chip-solid":"solid"===h||"filled"===h},t.className),"aria-checked":d,"aria-disabled":t.disabled,"aria-describedby":t.ariaDescribedBy,onFocus:i,onBlur:l,onKeyDown:e}),d&&v.createElement("span",{className:"k-selected-icon-wrapper"},v.createElement("span",{className:"k-selected-icon k-icon "+(t.selectedIcon||P.selectedIcon)})),t.icon&&v.createElement("span",{className:"k-icon k-chip-icon "+t.icon}),v.createElement("span",{className:"k-chip-content"},void 0!==t.children?t.children:t.text&&v.createElement("span",{"aria-label":t.text,className:"k-chip-label"},t.text)),t.removable&&v.createElement("span",{className:"k-remove-icon",onClick:y},v.createElement("span",{className:"k-icon "+t.removeIcon})))});var o={id:o.string,text:o.string,value:o.any,type:o.oneOf(["none","success","warning","error","info"]),dir:o.oneOf(["ltr","rtl"]),removable:o.bool,removeIcon:o.string,disabled:o.bool,icon:o.string,selectedIcon:o.string,look:o.string,onRemove:o.func,dataItem:o.any,selected:o.bool,ariaDescribedBy:o.string},P={disabled:!1,removable:!1,selectedIcon:"k-i-check",look:"solid",removeIcon:"k-i-close-circle",dir:"ltr"};t.Chip.displayName="KendoReactChip",t.Chip.propTypes=o,t.Chip.defaultProps=P},function(e,w,t){"use strict";var P=this&&this.__assign||function(){return(P=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(w,"__esModule",{value:!0});var E=t(1),n=t(2),D=t(0),N=t(15),j=t(16),A=t(17),S=t(13),K=t(0),F=t(3);w.ChipListSelectionContext=E.createContext([null,function(e){}]),w.ChipListFocusContext=E.createContext([null,function(e){}]),w.ChipListDataContext=E.createContext([null,function(e){}]),w.ChipList=E.forwardRef(function(n,e){K.validatePackage(F.packageMetadata);var o=E.useRef(null),t=E.useRef(null),r=D.useDir(t,n.dir),i=E.useMemo(function(){return n.chip||S.Chip},[n.chip,S.Chip]),s=E.useMemo(function(){return n.selection||T.selection},[n.selection,T.selection]);E.useImperativeHandle(o,function(){return{element:t.current,props:n}}),E.useImperativeHandle(e,function(){return o.current});var a,l,c,u,p,d,f,h,m,y,b=E.useCallback(function(e,t){n.onChange&&o.current&&n.onChange.call(void 0,{value:e,target:o.current,syntheticEvent:t})},[n.onChange]),v=(O=n.value||n.defaultValue,f={selection:s,state:n.value},h=b,O=E.useState(O),m=O[0],y=O[1],[m,function(e){var t=N.selectionReducer(f.state||m,P({},e,f));h&&h(t,e.event),y(t)}]),g=v[0],k=v[1],C=E.useCallback(function(e,t){n.onDataChange&&o.current&&n.onDataChange.call(void 0,{value:e,target:o.current,syntheticEvent:t})},[n.onDataChange]),b=(e=n.data||n.defaultData||T.defaultData,c={state:n.data,valueField:n.valueField||T.valueField},u=C,e=E.useState(e),p=e[0],d=e[1],[p,function(e){var t=A.dataReducer(c.state||p,P({},e,c));u&&u(t,e.event),d(t)}]),_=b[0],O=b[1],x=E.useCallback(function(e,t){return e.push(t[n.valueField||T.valueField]),e},[n.valueField,T.valueField]),I=E.useMemo(function(){return n.data||_},[n.data,_]),v=E.useMemo(function(){return n.value||g},[n.value,g]),b=(a={items:E.useMemo(function(){return I.reduce(x,[])},[I,x])},C=E.useState(null),e=C[0],l=C[1],[e,function(e){e=j.focusReducer(e.payload,P({},e,a));l(e)}]),C=b[0],e=b[1],b=D.useMouse(n,o);return E.createElement(w.ChipListSelectionContext.Provider,{value:[v,k]},E.createElement(w.ChipListFocusContext.Provider,{value:[C,e]},E.createElement(w.ChipListDataContext.Provider,{value:[I,O]},E.createElement("div",P({ref:t},b,{role:"listbox",id:n.id,dir:r,style:n.style,tabIndex:D.getTabIndex(n.tabIndex,n.disabled,void 0),className:D.classNames("k-chip-list",{"k-rtl":"rtl"===r,"k-selection-single":"single"===s,"k-selection-multiple":"multiple"===s,"k-state-disabled":n.disabled},n.className),"aria-labelledby":n.ariaLabelledBy,"aria-describedby":n.ariaDescribedBy}),I.map(function(e){return E.createElement(i,{role:"option",dataItem:e,key:D.getter(n.valueField||T.valueField)(e),text:D.getter(n.textField||T.textField)(e),value:D.getter(n.valueField||T.valueField)(e)})})))))});var n={id:n.string,className:n.string,tabIndex:n.number,data:n.any,defaultData:n.arrayOf(n.any),onDataChange:n.func,value:n.oneOfType([n.any,n.arrayOf(n.any)]),defaultValue:n.oneOfType([n.any,n.arrayOf(n.any)]),onChange:n.func,selection:n.oneOf(["single","none","multiple"]),textField:n.string,valueField:n.string,disabled:n.bool,dir:n.oneOf(["ltr","rtl"]),ariaLabelledBy:n.string,ariaDescribedBy:n.string},T={chip:S.Chip,disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};w.ChipList.displayName="KendoReactChipList",w.ChipList.propTypes=n,w.ChipList.defaultProps=T},function(e,t,n){"use strict";var o,r,i;Object.defineProperty(t,"__esModule",{value:!0}),(i=o=t.SELECTION_TYPE||(t.SELECTION_TYPE={})).single="single",i.multiple="multiple",i.none="none",(i=r=t.SELECTION_ACTION||(t.SELECTION_ACTION={})).toggle="toggle",i.remove="remove",t.selectionReducer=function(e,t){switch(t.selection){case o.single:switch(t.type){case r.toggle:if(!Array.isArray(e)||null===e)return t.payload===e?null:t.payload;throw new Error("State cannot be an array in single selection");case r.remove:return t.payload===e?null:e;default:return e}case o.multiple:switch(t.type){case r.toggle:if(Array.isArray(e))return e.some(function(e){return e===t.payload})?e.filter(function(e){return e!==t.payload}):e.concat([t.payload]);if(null===e)return[t.payload];throw new Error("State cannot be non-array in multiple selection");case r.remove:return Array.isArray(e)?e.some(function(e){return e===t.payload})?e.filter(function(e){return e!==t.payload}):e.concat([t.payload]):e;default:return e}case o.none:return null;default:return e}}},function(e,t,n){"use strict";var o,r;Object.defineProperty(t,"__esModule",{value:!0}),(r=o=t.FOCUS_ACTION||(t.FOCUS_ACTION={})).next="next",r.prev="prev",r.current="current",r.reset="reset",t.focusReducer=function(t,e){var n=e.items.findIndex(function(e){return e===t});switch(e.type){case o.next:return n===e.items.length-1?t:e.items[n+1];case o.prev:return 0===n?t:e.items[n-1];case o.current:return e.payload;case o.reset:return null;default:return t}}},function(e,t,n){"use strict";var o,r;Object.defineProperty(t,"__esModule",{value:!0}),(r=o=t.DATA_ACTION||(t.DATA_ACTION={})).remove="remove",r.add="add",r.reorder="reorder",t.dataReducer=function(e,t){switch(t.type){case o.add:break;case o.remove:return e.filter(function(e){return e[t.valueField]!==t.payload});case o.reorder:break;default:return e}}},function(e,t,n){"use strict";var v=this&&this.__assign||function(){return(v=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},g=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};Object.defineProperty(t,"__esModule",{value:!0});var k=n(1),o=n(2),C=n(0);t.FloatingActionButtonItem=k.forwardRef(function(e,t){var n=e.className,o=e.disabled,r=e.text,i=e.icon,s=e.style,a=e.id,l=e.focused,c=e.tabIndex,u=e.index,p=e.dataItem,d=e.item,f=e.onDown,h=e.onClick,m=g(e,["className","disabled","text","icon","style","id","focused","tabIndex","index","dataItem","item","onDown","onClick"]),y=k.useRef(null),b=k.useCallback(function(){y.current&&y.current.focus()},[]),e=k.useCallback(function(){return{element:y.current,focus:b}},[b]);k.useImperativeHandle(t,e);t=k.useCallback(function(e){h&&void 0!==u&&!o&&h(e,u)},[h,u]),e=k.useMemo(function(){return C.classNames("k-fab-item",{"k-state-focus":l,"k-state-disabled":o},n)},[n,o,l]);return k.createElement("li",v({ref:y,id:a,className:e,style:s,role:"menuitem",tabIndex:C.getTabIndex(c,o),"aria-disabled":o,"aria-label":(r||"")+" floatingactionbutton item",onClick:t,onMouseDown:f,onPointerDown:f},m),d?k.createElement(d,{itemIndex:u,item:p}):k.createElement(k.Fragment,null,r&&k.createElement("span",{className:"k-fab-item-text"},r),i&&k.createElement("span",{className:C.classNames("k-fab-item-icon k-icon k-i-"+i)})))}),t.FloatingActionButtonItem.propTypes={className:o.string,style:o.object,children:o.any,disabled:o.bool,focused:o.bool,index:o.number,icon:o.string,text:o.string,tabIndex:o.number,customProp:o.any},t.FloatingActionButtonItem.displayName="KendoFloatingActionButtonItem"},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),h=this&&this.__assign||function(){return(h=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},m=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};Object.defineProperty(t,"__esModule",{value:!0});var i,y=n(1),s=n(2),b=n(0),a=n(0),l=n(3),v=n(4).default.styles,s=(i=y.Component,r(c,i),Object.defineProperty(c.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"selected",{get:function(){return void 0!==this._selectedTemp?this._selectedTemp:this.state.selected},enumerable:!0,configurable:!0}),c.getDerivedStateFromProps=function(e,t){return e.togglable&&void 0!==e.selected&&e.selected!==t.selected?{selected:e.selected}:null},c.prototype.render=function(){var t=this,e=this.props,n=e.children,o=e.look,r=e.primary,i=e.togglable,s=e.icon,a=e.iconClass,l=e.imageUrl,c=e.imageAlt,u=e.className,p=(e.onClick,m(e,["children","look","primary","togglable","icon","iconClass","imageUrl","imageAlt","className","onClick"])),d=void 0!==s||void 0!==a||void 0!==l,f=void 0!==n,i={className:b.classNames([v.button],((e={})[v[""+o]]="default"!==o,e[v.primary]=r,e[v["state-disabled"]]=this.props.disabled,e[v["state-selected"]]=this.state.selected,e[v["button-icon"]]=!f&&d,e[v["button-icontext"]]=f&&d,e),[v[""+this.props.dir]],u),onClick:this.handleClick,role:i?"checkbox":void 0,"aria-disabled":this.props.disabled||void 0,"aria-checked":i?this.state.selected:void 0},c=function(e){var t=e.imageUrl,n=e.icon,o=e.iconClass;if(t)return y.createElement("img",{role:"presentation",className:"k-image",alt:e.imageAlt,src:t});if(n){n=b.classNames("k-icon","k-i-"+n);return y.createElement("span",{role:"presentation",className:n})}return o?y.createElement("span",{role:"presentation",className:o}):null}({icon:s,iconClass:a,imageUrl:l,imageAlt:c});return y.createElement("button",h({},i,p,{ref:function(e){return t._element=e}}),c,n)},c.prototype.toggleIfApplicable=function(){var e,t=this;this.props.togglable&&void 0===this.props.selected&&(e=!this.state.selected,this._selectedTemp=e,this.setState({selected:e},function(){return t._selectedTemp=void 0}))},c.propTypes={children:s.node,look:s.oneOf(["default","flat","outline","clear"]),primary:s.bool,selected:s.bool,togglable:s.bool,icon:s.string,iconClass:s.string,imageUrl:s.string,imageAlt:s.string},c.defaultProps={look:"default",primary:!1,togglable:!1},c);function c(e){var t=i.call(this,e)||this;return t._element=null,t.handleClick=function(e){t.toggleIfApplicable(),t.props.onClick&&t.props.onClick.call(void 0,e)},a.validatePackage(l.packageMetadata),t.state={selected:!0===t.props.togglable&&!0===t.props.selected},t}t.default=s},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var s,a=n(1),l=n(2),c=n(0),u=n(0),p=n(3),d=n(4).default.styles,l=(s=a.Component,r(f,s),f.prototype.render=function(){var t=this,e=this.mapButtons(this.props.children),n=c.classNames([d["button-group"]],((o={})[d["state-disabled"]]=this.props.disabled,o[d["button-group-stretched"]]=!!this.props.width,o),this.props.className),o={className:n,style:{width:""+this.props.width},dir:this.props.dir,role:"group","aria-disabled":this.props.disabled};return a.createElement("div",i({ref:function(e){t._element=e}},o,{className:n}),e)},f.prototype.mapButtons=function(e){var n=this,o=a.Children.count(e),r=void 0!==this.props.dir?"rtl"===this.props.dir:this._element&&"rtl"===getComputedStyle(this._element).direction||!1;return a.Children.map(e,function(e,t){return a.isValidElement(e)?n.renderButton(e,t,t===o-1,r):e})},f.prototype.renderButton=function(e,t,n,o){var t=c.classNames(e.props.className,((r={})[d["group-start"]]=o?n:0===t,r[d["group-end"]]=o?0===t:n,r)),n=i({},this.props.width?{width:this.props.width}:{},e.props.style||{}),r=this.props.disabled||e.props.disabled,r=i({},e.props,t?{className:t}:{},Object.keys(n).length?{style:n}:{},void 0!==r?{disabled:r}:{});return 0<a.Children.count(e.props.children)?a.cloneElement(e,r,e.props.children):a.cloneElement(e,r)},f.propTypes={children:l.oneOfType([l.arrayOf(l.element),l.element]),className:l.string,disabled:l.bool,width:l.string,dir:l.string},f);function f(e){e=s.call(this,e)||this;return e._element=null,u.validatePackage(p.packageMetadata),e}t.default=l},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),a=n(2),l=n(5),c=n(0),u=n(0),p=n(7),d=n(8),f=n(9),h=n(6),m=n(10),y=n(0),b=n(3),v=n(4).default.styles,a=(i=s.Component,r(g,i),Object.defineProperty(g.prototype,"opened",{get:function(){return(void 0===this.props.opened?this.state:this.props).opened},enumerable:!0,configurable:!0}),g.prototype.render=function(){var t=this;this.buttonsData=this.props.items||s.Children.toArray(this.props.children).filter(function(e){return e&&e.type===d.default}).map(function(e){return e.props});var e=this.isRtl(),n=e?"rtl":void 0,o=this.props,r=o.tabIndex,i=o.disabled,o=this.state.focusedIndex;return s.createElement("div",{className:c.classNames("k-widget","k-split-button","k-button-group",[v[""+this.props.look]],{"k-state-focused":this.state.focused},this.props.className),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,dir:n,ref:function(e){return t.wrapper=e}},s.createElement(l.Button,{onClick:function(e){return t.onItemClick(e,-1)},disabled:i||void 0,tabIndex:r,accessKey:this.props.accessKey,className:this.props.buttonClass,icon:this.props.icon,iconClass:this.props.iconClass,imageUrl:this.props.imageUrl,look:this.props.look,dir:n,ref:function(e){return t.mainButton=e&&e.element},type:"button","aria-disabled":i,"aria-haspopup":!0,"aria-expanded":this.opened,"aria-label":this.props.text+" splitbutton","aria-owns":this.guid,"aria-activedescendant":0<=o?this.guid+"-"+o:void 0},this.props.text),s.createElement(l.Button,{icon:"arrow-s",disabled:i||void 0,tabIndex:-1,look:this.props.look,onClick:this.onSplitPartClick,onMouseDown:this.onDownSplitPart,onPointerDown:this.onDownSplitPart,dir:n,"aria-label":"menu toggling button"}),this.renderPopup(e))},g.prototype.componentDidMount=function(){(void 0===this.props.dir&&this.isRtl()||this.opened)&&this.forceUpdate()},Object.defineProperty(g.prototype,"element",{get:function(){return this.mainButton},enumerable:!0,configurable:!0}),g.prototype.dispatchClickEvent=function(e,t){this.isItemDisabled(t)||(-1===t?u.dispatchEvent(this.props.onButtonClick,e,this,void 0):u.dispatchEvent(this.props.onItemClick,e,this,{item:this.buttonsData[t],itemIndex:t}))},g.prototype.renderPopup=function(e){var t=this.props.popupSettings,t=void 0===t?{}:t;return s.createElement(h.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:c.classNames("k-list-container k-reset k-group",t.popupClass),anchorAlign:t.anchorAlign||m.getAnchorAlign(e),popupAlign:t.popupAlign||m.getPopupAlign(e),style:e?{direction:"rtl"}:void 0},s.createElement("ul",{className:"k-list k-reset",role:"menu",id:this.guid},this.renderChildItems()))},g.prototype.renderChildItems=function(){var n=this,e=this.props,o=e.item,r=e.itemRender,i=e.textField;return 0<this.buttonsData.length?this.buttonsData.map(function(e,t){return s.createElement(p.default,{dataItem:e,textField:i,focused:n.state.focusedIndex===t,onClick:n.onItemClick,onDown:n.onItemDown,render:r,item:o,key:t,index:t,id:n.guid+"-"+t})}):null},g.prototype.isItemDisabled=function(e){return(this.buttonsData[e]||this.props).disabled},g.prototype.isRtl=function(){return void 0!==this.props.dir?"rtl"===this.props.dir:!!this.wrapper&&"rtl"===getComputedStyle(this.wrapper).direction},g.propTypes={accessKey:a.string,onButtonClick:a.func,onFocus:a.func,onBlur:a.func,onItemClick:a.func,onOpen:a.func,onClose:a.func,text:a.string,items:a.arrayOf(a.any),textField:a.string,tabIndex:a.number,disabled:a.bool,icon:a.string,iconClass:a.string,imageUrl:a.string,popupSettings:a.object,itemRender:a.any,item:a.func,look:a.string,className:a.string,buttonClass:a.string,dir:a.string},g);function g(e){var r=i.call(this,e)||this;return r.state={focused:!1,focusedIndex:-1,opened:!1},r.wrapper=null,r.mainButton=null,r.guid=c.guid(),r.buttonsData=[],r.onKeyDown=function(e){var t,n,o=r.state.focusedIndex;e.altKey?r.opened||e.keyCode!==c.Keys.down?r.opened&&e.keyCode===c.Keys.up&&(r.dispatchPopupEvent(e,!1),r.setState({focusedIndex:-1,opened:!1})):(r.dispatchPopupEvent(e,!0),r.setState({focusedIndex:0,opened:!0})):(t=void 0,e.keyCode===c.Keys.enter||e.keyCode===c.Keys.space?(e.preventDefault(),r.dispatchClickEvent(e,o),0<=o&&(t={focusedIndex:r.opened?-1:0,opened:!r.opened},r.dispatchPopupEvent(e,t.opened))):r.opened&&e.keyCode===c.Keys.esc&&r.dispatchPopupEvent(e,(t={focusedIndex:-1,opened:!1}).opened),r.opened&&((n=f.default(o,e.keyCode,e.altKey,r.buttonsData.length))!==o&&((t=t||{}).focusedIndex=n),n=e.keyCode===c.Keys.up||e.keyCode===c.Keys.down||e.keyCode===c.Keys.left||e.keyCode===c.Keys.right,!e.altKey&&n&&e.preventDefault()),t&&r.setState(t))},r.onFocus=function(e){u.dispatchEvent(r.props.onFocus,e,r,void 0),r.setState({focused:!0,focusedIndex:-1})},r.onItemClick=function(e,t){var n=r.opened;n&&r.setState({focusedIndex:0,opened:!1}),r.dispatchClickEvent(e,t),n&&r.dispatchPopupEvent(e,!1)},r.onBlur=function(e){r.setState({focused:!1,focusedIndex:-1,opened:!1}),u.dispatchEvent(r.props.onBlur,e,r,void 0),r.opened&&r.dispatchPopupEvent(e,!1)},r.onSplitPartClick=function(e){var t;r.buttonsData.length&&(t=!r.opened,r.dispatchPopupEvent(e,t),r.setState({focusedIndex:t?0:-1,opened:t,focused:!0}))},r.onDownSplitPart=function(e){e.preventDefault(),r.element&&document.activeElement!==r.element&&r.element.focus()},r.onItemDown=function(e){document.activeElement===r.element&&e.preventDefault()},r.dispatchPopupEvent=function(e,t){u.dispatchEvent(t?r.props.onOpen:r.props.onClose,e,r,void 0)},y.validatePackage(b.packageMetadata),r}t.default=a},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var s,a=n(1),l=n(2),c=n(5),u=n(0),p=n(0),d=n(9),f=n(11),h=n(7),m=n(6),y=n(10),b=n(0),v=n(3),l=(s=a.Component,r(g,s),Object.defineProperty(g.prototype,"opened",{get:function(){return(void 0===this.props.opened?this.state:this.props).opened},enumerable:!0,configurable:!0}),g.prototype.render=function(){var t=this,e=this.isRtl(),n=e?"rtl":void 0,o=this.props,r=o.tabIndex,i=o.disabled,o=this.state.focusedIndex;return this.buttonsData=this.props.items||a.Children.toArray(this.props.children).filter(function(e){return e&&e.type===f.default}).map(function(e){return e.props}),a.createElement("div",{className:u.classNames("k-widget","k-dropdown-button",this.props.className,{"k-state-focused":this.state.focused}),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,dir:n,ref:function(e){return t.wrapper=e}},a.createElement(c.Button,{onClick:this.onClickMainButton,onMouseDown:this.mouseDown,disabled:i||void 0,tabIndex:r,accessKey:this.props.accessKey,icon:this.props.icon,iconClass:this.props.iconClass,className:this.props.buttonClass,imageUrl:this.props.imageUrl,look:this.props.look,primary:this.props.primary,dir:n,ref:function(e){return t.mainButton=e&&e.element},type:"button","aria-disabled":i,"aria-haspopup":!0,"aria-expanded":this.opened,"aria-label":this.props.text+" dropdownbutton","aria-owns":this.guid,"aria-activedescendant":0<=o?this.guid+"-"+o:void 0},this.props.text),this.renderPopup(e))},g.prototype.componentDidMount=function(){(void 0===this.props.dir&&this.isRtl()||this.opened)&&this.forceUpdate()},g.prototype.componentDidUpdate=function(){this.state.focused&&this.element&&this.element.focus()},Object.defineProperty(g.prototype,"element",{get:function(){return this.mainButton},enumerable:!0,configurable:!0}),g.prototype.dispatchClickEvent=function(e,t){this.isItemDisabled(t)||p.dispatchEvent(this.props.onItemClick,e,this,{item:this.buttonsData[t],itemIndex:t})},g.prototype.renderPopup=function(e){var t=this.props.popupSettings,t=void 0===t?{}:t;return a.createElement(m.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:u.classNames("k-list-container k-reset k-group",t.popupClass),anchorAlign:t.anchorAlign||y.getAnchorAlign(e),popupAlign:t.popupAlign||y.getPopupAlign(e),style:e?{direction:"rtl"}:void 0},a.createElement("ul",{className:"k-list k-reset",role:"menu",id:this.guid},this.renderChildItems()))},g.prototype.renderChildItems=function(){var n=this,e=this.props,o=e.item,r=e.itemRender,i=e.textField;return 0<this.buttonsData.length?this.buttonsData.map(function(e,t){return a.createElement(h.default,{dataItem:e,textField:i,focused:n.state.focusedIndex===t,onClick:n.onItemClick,onDown:n.onItemDown,render:r,item:o,index:t,key:t,id:n.guid+"-"+t})}):null},g.prototype.isItemDisabled=function(e){return(this.buttonsData[e]||this.props).disabled},g.prototype.isRtl=function(){return void 0!==this.props.dir?"rtl"===this.props.dir:!!this.wrapper&&"rtl"===getComputedStyle(this.wrapper).direction},g.propTypes={accessKey:l.string,primary:l.bool,onFocus:l.func,onBlur:l.func,onItemClick:l.func,onOpen:l.func,onClose:l.func,items:l.arrayOf(l.any),textField:l.string,tabIndex:l.number,disabled:l.bool,icon:l.string,iconClass:l.string,imageUrl:l.string,popupSettings:l.object,itemRender:l.func,item:l.func,look:l.string,className:l.string,buttonClass:l.string,dir:l.string},g);function g(e){var o=s.call(this,e)||this;return o.state={opened:!1,focused:!1,focusedIndex:-1},o.wrapper=null,o.mainButton=null,o.guid=u.guid(),o.buttonsData=[],o.onKeyDown=function(e){var t,n=o.state.focusedIndex;e.altKey?o.opened||e.keyCode!==u.Keys.down?o.opened&&e.keyCode===u.Keys.up&&(o.dispatchPopupEvent(e,!1),o.setState({focusedIndex:-1,opened:!1})):(o.dispatchPopupEvent(e,!0),o.setState({focusedIndex:0,opened:!0})):(t=i({},o.state),e.keyCode===u.Keys.enter||e.keyCode===u.Keys.space?(0<=n&&o.dispatchClickEvent(e,n),e.preventDefault(),t.focusedIndex=o.opened?-1:0,t.opened=!o.opened,o.dispatchPopupEvent(e,t.opened)):o.opened&&e.keyCode===u.Keys.esc&&(t.focusedIndex=-1,t.opened=!1,o.dispatchPopupEvent(e,t.opened)),o.opened&&(n=d.default(n,e.keyCode,e.altKey,o.buttonsData.length),t.focusedIndex=n,n=e.keyCode===u.Keys.up||e.keyCode===u.Keys.down||e.keyCode===u.Keys.left||e.keyCode===u.Keys.right,!e.altKey&&n&&e.preventDefault()),o.setState(t))},o.onFocus=function(e){o.setState({focused:!0,focusedIndex:o.opened?0:-1}),p.dispatchEvent(o.props.onFocus,e,o,void 0)},o.onBlur=function(e){o.setState({focused:!1,opened:!1,focusedIndex:-1}),p.dispatchEvent(o.props.onBlur,e,o,void 0),o.opened&&o.dispatchPopupEvent(e,!1)},o.onItemClick=function(e,t){o.setState({focusedIndex:-1,opened:!1}),o.dispatchClickEvent(e,t),o.dispatchPopupEvent(e,!1)},o.onItemDown=function(e){document.activeElement===o.element&&e.preventDefault()},o.mouseDown=function(e){e.preventDefault()},o.onClickMainButton=function(e){var t;o.buttonsData.length&&(t=!o.opened,o.setState({opened:t,focused:!0,focusedIndex:t?0:-1}),o.dispatchPopupEvent(e,t))},o.dispatchPopupEvent=function(e,t){p.dispatchEvent(t?o.props.onOpen:o.props.onClose,e,o,void 0)},b.validatePackage(v.packageMetadata),o}t.default=l},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var s,a=n(1),l=n(2),c=n(0),u=n(4),p=n(0),d=n(3),l=(s=a.Component,r(f,s),Object.defineProperty(f.prototype,"selectors",{get:function(){return this.props.buttons||u.toolbarButtons},enumerable:!0,configurable:!0}),Object.defineProperty(f.prototype,"focusedIndex",{get:function(){var t=this.element&&this.element.querySelector(this.focusedSelector);return Math.max(0,this.buttons.findIndex(function(e){return e===t}))},enumerable:!0,configurable:!0}),Object.defineProperty(f.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),f.prototype.componentDidMount=function(){window.addEventListener("resize",this.onWindowResize);var e=this.element;e&&(this.offsetWidth=e.offsetWidth,this.offsetHeight=e.offsetHeight,!1!==this.props.keyboardNavigation&&(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(0)))},f.prototype.componentDidUpdate=function(){var e=this.element;e&&!1!==this.props.keyboardNavigation&&(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(this.focusedIndex))},f.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.onWindowResize),this.buttons.length=0},f.prototype.render=function(){var t=this;return a.createElement("div",{className:c.classNames("k-widget k-toolbar",this.props.className),style:this.props.style,role:"toolbar",dir:this.props.dir,ref:function(e){return t._element=e},onKeyDown:!1!==this.props.keyboardNavigation?this.onKeyDown:void 0},this.props.children)},f.prototype.focusButton=function(e,t){var n=this.props.tabIndex,n=void 0===n?f.defaultProps.tabIndex:n,t=this.buttons[t];t&&(t.tabIndex=n,t.focus(),(e=this.buttons[e])&&(e.tabIndex=-1))},f.propTypes={tabIndex:l.number,dir:l.string,keyboardNavigation:l.bool,style:l.object,className:l.string,onResize:l.func,buttons:l.arrayOf(l.string)},f.defaultProps={tabIndex:0},f);function f(e){var r=s.call(this,e)||this;return r._element=null,r.offsetHeight=0,r.offsetWidth=0,r.buttons=[],r.focusedSelector=r.selectors.map(function(e){return e+":focus"}).join(","),r.setTabIndex=function(n){var e=r.props.tabIndex,o=void 0===e?f.defaultProps.tabIndex:e;r.buttons.forEach(function(e,t){e.tabIndex=t===n?o:-1})},r.onKeyDown=function(e){var t,n=e.target;e.keyCode!==c.Keys.left&&e.keyCode!==c.Keys.right||e.defaultPrevented||-1===r.buttons.findIndex(function(e){return e===n})||(t=r.focusedIndex,e.keyCode===c.Keys.left?r.focusButton(t,t-1):r.focusButton(t,t+1))},r.onWindowResize=function(e){var t,n=r.element;n&&(t=n.offsetWidth,n=n.offsetHeight,r.offsetWidth===t&&r.offsetHeight===n||(r.offsetWidth=t,r.offsetHeight=n,n={offsetWidth:r.offsetWidth,offsetHeight:r.offsetHeight},r.props.onResize&&r.props.onResize.call(void 0,i({target:r},n,{nativeEvent:e}))))},p.validatePackage(d.packageMetadata),r}t.default=l},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),a=n(12),r=(i=s.PureComponent,r(l,i),l.prototype.render=function(){return s.createElement(a.default,{className:"k-separator"})},l);function l(){return null!==i&&i.apply(this,arguments)||this}t.default=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),o=n(2),i=n(0);t.ToolbarSpacer=r.forwardRef(function(e,t){var n=r.useRef(null),o=r.useRef(null);r.useImperativeHandle(o,function(){return{element:n.current}}),r.useImperativeHandle(t,function(){return{element:n.current}});t=r.useMemo(function(){return i.classNames("k-spacer",e.className)},[e.className]);return r.createElement("span",{ref:n,className:t})}),t.ToolbarSpacer.propTypes={className:o.string}},function(e,t,n){"use strict";var te=this&&this.__assign||function(){return(te=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},ne=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};Object.defineProperty(t,"__esModule",{value:!0});var oe=n(1),o=n(2),re=n(0),ie=n(0),se=n(18),ae=n(3),le=n(27),ce=n(6);t.FloatingActionButton=oe.forwardRef(function(e,t){re.validatePackage(ae.packageMetadata);var n=e.align,r=void 0===n?ue.align:n,o=e.alignOffset,i=e.className,s=e.disabled,a=e.icon,l=e.iconClass,c=e.id,u=e.items,p=e.item,d=e.text,f=e.positionMode,h=void 0===f?ue.positionMode:f,m=e.shape,y=void 0===m?ue.shape:m,b=e.size,v=void 0===b?ue.size:b,g=e.style,k=e.themeColor,C=void 0===k?ue.themeColor:k,_=e.tabIndex,O=e.accessKey,x=e.popupSettings,I=void 0===x?{}:x,w=e.onClick,P=e.onItemClick,E=e.onFocus,D=e.onBlur,N=e.onKeyDown,j=e.onOpen,A=e.onClose,S=ne(e,["align","alignOffset","className","disabled","icon","iconClass","id","items","item","text","positionMode","shape","size","style","themeColor","tabIndex","accessKey","popupSettings","onClick","onItemClick","onFocus","onBlur","onKeyDown","onOpen","onClose"]),K=oe.useRef(null),F=oe.useRef(null),T=oe.useRef(null),M=oe.useRef(null),B=oe.useCallback(function(){F.current&&F.current.focus()},[]),R=oe.useCallback(function(){return{element:F.current,focus:B}},[B]);oe.useImperativeHandle(K,R),oe.useImperativeHandle(t,function(){return K.current});var L=oe.useState(!1),U=L[0],z=L[1],H=oe.useState(!1),W=H[0],V=H[1],n=oe.useState(-1),q=n[0],Y=n[1],f=oe.useMemo(function(){return ie.guid()},[]),G=ie.useDir(F,e.dir),J="rtl"===G,Q=oe.useMemo(function(){return ie.guid()},[]);oe.useEffect(function(){le.position(F,r,o,J)},[F,r,o,J]),oe.useEffect(function(){W&&F&&F.current&&F.current.focus()},[W,F]);var X=oe.useCallback(function(e,t){u&&ie.dispatchEvent(t?j:A,e,R(),void 0)},[j,A,u]),m=oe.useCallback(function(e){e.target&&!s&&(!u&&w?ie.dispatchEvent(w,e,R(),void 0):(z(!U),V(!0),Y(U?-1:0),X(e,!U)))},[z,V,Y,w,X,U,u,s]),b=oe.useCallback(function(e){V(!0),Y(U?0:-1),E&&ie.dispatchEvent(E,e,R(),void 0)},[E,V,Y]),k=oe.useCallback(function(e){V(!1),z(!1),Y(-1),ie.dispatchEvent(D,e,R(),void 0),U&&X(e,!1)},[D,V,z,Y,X]),x=oe.useCallback(function(e){e.preventDefault()},[]),Z=oe.useCallback(function(e,t){u&&(u[t].disabled||ie.dispatchEvent(P,e,R(),{itemProps:u[t],itemIndex:t}))},[P]),$=oe.useCallback(function(e,t){e.target&&u&&(Y(t),z(!1),Z(e,t),X(e,!1))},[Y,z,Z,X]),ee=oe.useCallback(function(e){document.activeElement===F.current&&e.preventDefault()},[F,document.activeElement]),t=oe.useCallback(function(e){var t=q,n=u?u.length-1:-1,o="bottom"===r.vertical;switch(e.keyCode){case ie.Keys.enter:case ie.Keys.space:0<=t&&Z(e,t),e.preventDefault(),z(!U),Y(U?-1:0);break;case ie.Keys.esc:e.preventDefault(),z(!1),Y(-1);break;case ie.Keys.home:e.preventDefault(),Y(0);break;case ie.Keys.end:e.preventDefault(),Y(n);break;case ie.Keys.down:case ie.Keys.right:e.preventDefault(),t<n&&!o&&Y(t+1),0<t&&o&&Y(t-1);break;case ie.Keys.up:case ie.Keys.left:e.preventDefault(),0<t&&!o&&Y(t-1),t<n&&o&&Y(t+1)}ie.dispatchEvent(N,e,R(),void 0)},[N,q,Y,J,z]),L=oe.useMemo(function(){return ie.classNames("k-fab","k-fab-"+C,"k-fab-"+y,{"k-fab-sm":"small"===v,"k-fab-md":"medium"===v,"k-fab-lg":"large"===v,"k-state-disabled":s,"k-pos-absolute":"absolute"===h,"k-pos-fixed":"fixed"===h,"k-state-focus":W},"k-"+r.vertical+"-"+r.horizontal,i)},[C,v,y,s,h,r,W,i]),H=u&&u.map(function(e,t){return oe.createElement(se.FloatingActionButtonItem,te({},e,{key:t,index:t,id:Q+"-"+t,disabled:s||e.disabled,focused:q===t,dataItem:e,item:p,className:ie.classNames(e.className,le.getTextDirectionClass(G||"ltr",r.horizontal)),onClick:$,onDown:ee}))}),n=a&&!d,e=(F.current?F.current.offsetWidth:0)/2-16;return oe.createElement(oe.Fragment,null,oe.createElement("button",te({ref:F,id:c||f,role:u?"menubutton":"button",type:"button","aria-disabled":s,"aria-expanded":u?U:void 0,"aria-haspopup":!!u,"aria-label":(d||"")+" floatingactionbutton","aria-owns":u?Q:void 0,"aria-activedescendant":0<=q&&u?Q+"-"+q:void 0,tabIndex:ie.getTabIndex(_,s),accessKey:O,dir:G,disabled:s,className:L,style:g,onClick:m,onMouseDown:x,onFocus:b,onBlur:k,onKeyDown:t},S),a?oe.createElement("span",{role:"presentation",className:ie.classNames("k-fab-icon k-icon k-i-"+a)}):l?oe.createElement("span",{role:"presentation",className:l}):null,d&&oe.createElement("span",{className:"k-fab-text"},d)),oe.createElement(ce.Popup,{ref:M,anchor:F.current,show:U,animate:I.animate,popupClass:ie.classNames("k-popup-transparent k-fab-popup",I.popupClass),anchorAlign:I.anchorAlign||le.getAnchorAlign(r,J),popupAlign:I.popupAlign||le.getPopupAlign(r,J),style:{boxShadow:"none"}},oe.createElement("ul",{ref:T,role:"menu","aria-labelledby":c,id:Q,className:ie.classNames("k-fab-items",{"k-fab-items-bottom":"bottom"!==r.vertical,"k-fab-items-top":"bottom"===r.vertical}),style:{paddingLeft:n?e:void 0,paddingRight:n?e:void 0}},H)))}),t.FloatingActionButton.propTypes={className:o.string,style:o.object,id:o.string,dir:o.string,tabIndex:o.number,accessKey:o.string,disabled:o.bool,icon:o.string,iconClass:o.string,text:o.string,alignOffset:o.shape({x:o.oneOfType([o.number,o.string]),y:o.oneOfType([o.number,o.string])}),align:o.shape({vertical:o.oneOf(["top","middle","bottom"]),horizontal:o.oneOf(["start","center","end"])}),positionMode:o.oneOf(["absolute","fixed"]),shape:o.oneOf(["rectangle","rounded","pill"]),size:o.oneOf(["small","medium","large"]),themeColor:o.oneOf(["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};var ue={align:{vertical:"bottom",horizontal:"end"},shape:"pill",size:"medium",themeColor:"primary",positionMode:"fixed"};t.FloatingActionButton.displayName="KendoFloatingActionButton"},function(e,c,t){"use strict";Object.defineProperty(c,"__esModule",{value:!0}),c.DEFAULT_OFFSET="16px",c.toStringValues=function(e){return"number"==typeof e?e+"px":e},c.getAnchorAlign=function(e,t){var n={horizontal:t?"right":"left",vertical:"bottom"};return"end"===e.horizontal&&(n.horizontal=t?"left":"right"),n},c.getPopupAlign=function(e,t){var n={horizontal:t?"right":"left",vertical:"top"};return"end"===e.horizontal&&(n.horizontal=t?"left":"right"),n},c.getTextDirectionClass=function(e,t){return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e]["end"===t?"end":"start"]},c.position=function(e,t,n,o){var r,i,s,a=t.horizontal,l=t.vertical;e.current&&(r=n&&void 0!==n.x?c.toStringValues(n.x):c.DEFAULT_OFFSET,i=n&&void 0!==n.x?"calc(50% + "+c.toStringValues(n.x)+")":"50%",s=n&&void 0!==n.y?c.toStringValues(n.y):c.DEFAULT_OFFSET,n=n&&void 0!==n.y?"calc(50% + "+c.toStringValues(n.y)+")":"50%",e.current.style.setProperty(u(t,o),"center"===a?i:r),e.current.style.setProperty(p(t),"middle"===l?n:s),o&&("top"!==l&&"bottom"!==l||"start"!==a||e.current.style.setProperty("left","unset"),"middle"===l&&"end"===a&&e.current.style.setProperty("right","unset"),"middle"===l&&"start"===a&&e.current.style.setProperty("left","unset")))};var u=function(e,t){return{end:t?"left":"right",center:"left",start:t?"right":"left"}[e.horizontal||"end"]},p=function(e){return{top:"top",middle:"top",bottom:"bottom"}[e.vertical||"bottom"]}}],r.c=o,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}}});
+System.register("@progress/kendo-react-buttons",["react","prop-types","@progress/kendo-react-common","@progress/kendo-react-popup"],function(i){var s,a,l,u;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){s=t(e)},function(e){a=t(e)},function(e){l=t(e)},function(e){u=t(e)}],execute:function(){function r(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}var n,o;o={},r.m=n=[function(e,t){e.exports=l},function(e,t){e.exports=s},function(e,t){e.exports=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1642567313,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(19);t.Button=o.default;o=n(20);t.ButtonGroup=o.default;o=n(21);t.SplitButton=o.default;o=n(8);t.SplitButtonItem=o.default;o=n(22);t.DropDownButton=o.default;o=n(11);t.DropDownButtonItem=o.default;o=n(23);t.Toolbar=o.default;o=n(12);t.ToolbarItem=o.default;o=n(24);t.ToolbarSeparator=o.default;o=n(25);t.ToolbarSpacer=o.ToolbarSpacer;o=n(13);t.Chip=o.Chip;o=n(14);t.ChipList=o.ChipList;o=n(26);t.FloatingActionButton=o.FloatingActionButton;n=n(18);t.FloatingActionButtonItem=n.FloatingActionButtonItem,function(e){for(var t in e)i(t,e[t])}(t)},function(e,t){e.exports=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=':not(.k-disabled):not([disabled]):not([disabled="true"])';t.toolbarButtons=["button"+o,".k-button-group > button"+o,".k-dropdown > .k-dropdown-wrap"+o,".k-colorpicker > .k-picker-wrap"+o],t.default={styles:{button:"k-button",flat:"k-flat",outline:"k-outline",clear:"k-button-clear",primary:"k-primary","state-selected":"k-selected","button-icon":"k-button-icon","button-icontext":"k-button-icontext","state-disabled":"k-disabled","group-start":"k-group-start","group-end":"k-group-end","button-group":"k-button-group","button-group-stretched":"k-button-group-stretched",ltr:"k-ltr",rtl:"k-rtl"}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});function o(t){var e=r.useCallback(function(e){t.onClick(e,t.index)},[t]),n=t.dataItem.render||t.item||(void 0===t.item?t.render:null),o=void 0!==t.dataItem.text?t.dataItem.text:t.textField?t.dataItem[t.textField]:t.dataItem,o=r.createElement("li",{id:t.id,className:i.classNames("k-item",t.className),onClick:e,onMouseDown:t.onDown,onPointerDown:t.onDown,role:"menuItem","aria-disabled":t.dataItem.disabled||void 0},r.createElement("span",{tabIndex:-1,className:i.classNames("k-link k-menu-link",{"k-selected":t.dataItem.selected,"k-disabled":t.dataItem.disabled,"k-focus":t.focused}),key:"icon"},n?r.createElement(n,{item:t.dataItem,itemIndex:t.index}):r.createElement(r.Fragment,null,(t.dataItem.icon||t.dataItem.iconClass)&&r.createElement("span",{className:i.classNames("k-icon",((n={})["k-i-"+t.dataItem.icon]=t.dataItem.icon,n[""+t.dataItem.iconClass]=t.dataItem.iconClass,n))}),t.dataItem.imageUrl&&r.createElement("img",{role:"presentation",alt:"",src:t.dataItem.imageUrl,className:"k-icon"}),o&&r.createElement("span",{className:"k-menu-link-text"},o))));return void 0!==t.item&&void 0!==t.render?t.render.call(void 0,o,t):o}var r=n(1),i=n(0);o.displayName="KendoReactButtonItem",t.default=o},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),n=n(2),n=(i=s.Component,r(a,i),a.prototype.render=function(){return null},a.propTypes={text:n.string,icon:n.string,iconClass:n.string,imageUrl:n.string,disabled:n.bool,render:n.any},a);function a(){return null!==i&&i.apply(this,arguments)||this}t.default=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.default=function(e,t,n,o){if(n)return e;switch(t){case r.Keys.enter:case r.Keys.space:case r.Keys.esc:return-1;case r.Keys.up:case r.Keys.left:return Math.max(0,e-1);case r.Keys.down:case r.Keys.right:return Math.min(o-1,e+1);default:return e}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getAnchorAlign=function(e){var t={horizontal:"left",vertical:"bottom"};return e&&(t.horizontal="right"),t},t.getPopupAlign=function(e){var t={horizontal:"left",vertical:"top"};return e&&(t.horizontal="right"),t}},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),n=n(2),n=(i=s.Component,r(a,i),a.prototype.render=function(){return null},a.propTypes={text:n.string,icon:n.string,iconClass:n.string,imageUrl:n.string,selected:n.bool,disabled:n.bool,render:n.any},a);function a(){return null!==i&&i.apply(this,arguments)||this}t.default=n},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),n=n(2),n=(i=s.PureComponent,r(a,i),Object.defineProperty(a.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),a.prototype.render=function(){var t=this;return s.createElement("span",{className:this.props.className,style:this.props.style,ref:function(e){return t._element=e}},this.props.children)},a.propTypes={className:n.string},a);function a(){var e=null!==i&&i.apply(this,arguments)||this;return e._element=null,e}t.default=n},function(e,t,n){"use strict";var y=this&&this.__assign||function(){return(y=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var b=n(1),o=n(2),v=n(14),g=n(0),k=n(16),C=n(17),_=n(15),O=n(0),x=n(3),I=n(0);t.Chip=b.forwardRef(function(t,e){O.validatePackage(x.packageMetadata);var n=b.useRef(null),o=b.useRef(null),r=g.useDir(o,t.dir);b.useImperativeHandle(n,function(){return{element:o.current,props:t}}),b.useImperativeHandle(e,function(){return n.current});var i=b.useContext(v.ChipListSelectionContext),s=i[0],a=i[1],l=b.useContext(v.ChipListFocusContext),u=l[0],c=l[1],d=b.useContext(v.ChipListDataContext)[1],p=b.useMemo(function(){return t.selected||(Array.isArray(s)?s.some(function(e){return e===t.value}):s===t.value)},[t.selected,t.value,s]),f=b.useMemo(function(){return u===t.value},[t.value,u]);b.useEffect(function(){f&&o.current&&o.current.focus()},[f]);var m=b.useCallback(function(e){a({type:_.SELECTION_ACTION.toggle,payload:t.value,event:e})},[t.onClick,a,t.value]),h=b.useCallback(function(e){t.removable&&(d({type:C.DATA_ACTION.remove,payload:t.value,event:e}),c({type:k.FOCUS_ACTION.reset,payload:t.value,event:e}),a({type:_.SELECTION_ACTION.remove,payload:t.value,event:e}),t.onRemove&&t.onRemove.call(void 0,{target:n.current,syntheticEvent:e}))},[t.onRemove,t.removable,d,c,a]),e=b.useCallback(function(e){switch(e.keyCode){case g.Keys.left:c({type:k.FOCUS_ACTION.prev,payload:t.value,event:e});break;case g.Keys.right:c({type:k.FOCUS_ACTION.next,payload:t.value,event:e});break;case g.Keys.enter:a({type:_.SELECTION_ACTION.toggle,payload:t.value,event:e});break;case g.Keys.delete:h(e)}t.onKeyDown&&t.onKeyDown.call(void 0,{target:n.current,syntheticEvent:e})},[t.onKeyDown,c,a,h]),i=b.useCallback(function(e){c({payload:t.value,type:k.FOCUS_ACTION.current,event:e}),t.onFocus&&t.onFocus.call(void 0,{target:n.current,syntheticEvent:e})},[t.onFocus,c]),l=b.useCallback(function(e){t.onBlur&&t.onBlur.call(void 0,{target:n.current,syntheticEvent:e})},[t.onBlur]),m=I.useMouse(t,n,{onClick:m});return b.createElement("div",y({},m,{role:t.role,id:t.value,style:t.style,ref:o,dir:r,tabIndex:g.getTabIndex(t.tabIndex,t.disabled,void 0),className:g.classNames("k-chip",((r={"k-rtl":"rtl"===r,"k-disabled":t.disabled,"k-selected":p,"k-focus":f})["k-chip-"+(g.kendoThemeMaps.sizeMap[t.size]||t.size)]=t.size,r["k-rounded-"+(g.kendoThemeMaps.roundedMap[t.rounded]||t.rounded)]=t.rounded,r["k-chip-"+t.fillMode]=t.fillMode,r["k-chip-"+t.fillMode+"-"+t.themeColor]=Boolean(t.fillMode&&t.themeColor),r),t.className),"aria-checked":p,"aria-disabled":t.disabled,"aria-describedby":t.ariaDescribedBy,onFocus:i,onBlur:l,onKeyDown:e}),p&&t.selectedIcon&&b.createElement("span",{className:g.classNames("k-chip-icon","k-icon",t.selectedIcon)}),t.icon&&b.createElement("span",{className:g.classNames("k-chip-icon","k-icon",t.icon)}),b.createElement("span",{className:"k-chip-content"},void 0!==t.children?t.children:t.text&&b.createElement("span",{"aria-label":t.text,className:"k-chip-label"},t.text)),t.removable&&b.createElement("span",{className:g.classNames("k-chip-icon","k-icon",t.removeIcon),onClick:h}))});o={id:o.string,text:o.string,value:o.any,dir:o.oneOf(["ltr","rtl"]),removable:o.bool,removeIcon:o.string,disabled:o.bool,icon:o.string,selectedIcon:o.string,onRemove:o.func,dataItem:o.any,selected:o.bool,ariaDescribedBy:o.string,size:o.oneOf([null,"small","medium","large"]),rounded:o.oneOf([null,"small","medium","large","full"]),fillMode:o.oneOf([null,"outline","solid"]),themeColor:o.oneOf([null,"base","info","success","warning","error"])};t.Chip.displayName="KendoReactChip",t.Chip.propTypes=o,t.Chip.defaultProps={disabled:!1,removable:!1,removeIcon:"k-i-close-circle",dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"}},function(e,I,t){"use strict";var w=this&&this.__assign||function(){return(w=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(I,"__esModule",{value:!0});var P=t(1),n=t(2),E=t(0),N=t(15),D=t(16),M=t(17),A=t(13),j=t(0),S=t(3);I.ChipListSelectionContext=P.createContext([null,function(e){}]),I.ChipListFocusContext=P.createContext([null,function(e){}]),I.ChipListDataContext=P.createContext([null,function(e){}]),I.ChipList=P.forwardRef(function(n,e){j.validatePackage(S.packageMetadata);var o=P.useRef(null),t=P.useRef(null),r=E.useDir(t,n.dir),i=P.useMemo(function(){return n.chip||A.Chip},[n.chip,A.Chip]),s=P.useMemo(function(){return n.selection||T.selection},[n.selection,T.selection]);P.useImperativeHandle(o,function(){return{element:t.current,props:n}}),P.useImperativeHandle(e,function(){return o.current});var a,l,u,c,d,p,f,m,h,y,b=P.useCallback(function(e,t){n.onChange&&o.current&&n.onChange.call(void 0,{value:e,target:o.current,syntheticEvent:t})},[n.onChange]),v=(_=n.value||n.defaultValue,f={selection:s,state:n.value},m=b,_=P.useState(_),h=_[0],y=_[1],[h,function(e){var t=N.selectionReducer(f.state||h,w({},e,f));m&&m(t,e.event),y(t)}]),g=v[0],k=v[1],e=P.useCallback(function(e,t){n.onDataChange&&o.current&&n.onDataChange.call(void 0,{value:e,target:o.current,syntheticEvent:t})},[n.onDataChange]),b=(s=n.data||n.defaultData||T.defaultData,u={state:n.data,valueField:n.valueField||T.valueField},c=e,s=P.useState(s),d=s[0],p=s[1],[d,function(e){var t=M.dataReducer(u.state||d,w({},e,u));c&&c(t,e.event),p(t)}]),C=b[0],_=b[1],O=P.useCallback(function(e,t){return e.push(t[n.valueField||T.valueField]),e},[n.valueField,T.valueField]),x=P.useMemo(function(){return n.data||C},[n.data,C]),v=P.useMemo(function(){return n.value||g},[n.value,g]),b=(a={items:P.useMemo(function(){return x.reduce(O,[])},[x,O])},e=P.useState(null),s=e[0],l=e[1],[s,function(e){e=D.focusReducer(e.payload,w({},e,a));l(e)}]),e=b[0],s=b[1],b=E.useMouse(n,o);return P.createElement(I.ChipListSelectionContext.Provider,{value:[v,k]},P.createElement(I.ChipListFocusContext.Provider,{value:[e,s]},P.createElement(I.ChipListDataContext.Provider,{value:[x,_]},P.createElement("div",w({ref:t},b,{role:"listbox",id:n.id,dir:r,style:n.style,tabIndex:E.getTabIndex(n.tabIndex,n.disabled,void 0),className:E.classNames("k-chip-list",((r={"k-rtl":"rtl"===r,"k-disabled":n.disabled})["k-chip-list-"+(E.kendoThemeMaps.sizeMap[n.size]||n.size)]=n.size,r),n.className),"aria-labelledby":n.ariaLabelledBy,"aria-describedby":n.ariaDescribedBy}),x.map(function(e){return P.createElement(i,{role:"option",dataItem:e,size:n.size,key:E.getter(n.valueField||T.valueField)(e),text:E.getter(n.textField||T.textField)(e),value:E.getter(n.valueField||T.valueField)(e)})})))))});var n={id:n.string,className:n.string,tabIndex:n.number,data:n.any,defaultData:n.arrayOf(n.any),onDataChange:n.func,value:n.oneOfType([n.any,n.arrayOf(n.any)]),defaultValue:n.oneOfType([n.any,n.arrayOf(n.any)]),onChange:n.func,selection:n.oneOf(["single","none","multiple"]),textField:n.string,valueField:n.string,disabled:n.bool,dir:n.oneOf(["ltr","rtl"]),ariaLabelledBy:n.string,ariaDescribedBy:n.string},T={chip:A.Chip,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};I.ChipList.displayName="KendoReactChipList",I.ChipList.propTypes=n,I.ChipList.defaultProps=T},function(e,t,n){"use strict";var o,r,i;Object.defineProperty(t,"__esModule",{value:!0}),(i=o=t.SELECTION_TYPE||(t.SELECTION_TYPE={})).single="single",i.multiple="multiple",i.none="none",(i=r=t.SELECTION_ACTION||(t.SELECTION_ACTION={})).toggle="toggle",i.remove="remove",t.selectionReducer=function(e,t){switch(t.selection){case o.single:switch(t.type){case r.toggle:if(!Array.isArray(e)||null===e)return t.payload===e?null:t.payload;throw new Error("State cannot be an array in single selection");case r.remove:return t.payload===e?null:e;default:return e}case o.multiple:switch(t.type){case r.toggle:if(Array.isArray(e))return e.some(function(e){return e===t.payload})?e.filter(function(e){return e!==t.payload}):e.concat([t.payload]);if(null===e)return[t.payload];throw new Error("State cannot be non-array in multiple selection");case r.remove:return Array.isArray(e)?e.some(function(e){return e===t.payload})?e.filter(function(e){return e!==t.payload}):e.concat([t.payload]):e;default:return e}case o.none:return null;default:return e}}},function(e,t,n){"use strict";var o,r;Object.defineProperty(t,"__esModule",{value:!0}),(r=o=t.FOCUS_ACTION||(t.FOCUS_ACTION={})).next="next",r.prev="prev",r.current="current",r.reset="reset",t.focusReducer=function(t,e){var n=e.items.findIndex(function(e){return e===t});switch(e.type){case o.next:return n===e.items.length-1?t:e.items[n+1];case o.prev:return 0===n?t:e.items[n-1];case o.current:return e.payload;case o.reset:return null;default:return t}}},function(e,t,n){"use strict";var o,r;Object.defineProperty(t,"__esModule",{value:!0}),(r=o=t.DATA_ACTION||(t.DATA_ACTION={})).remove="remove",r.add="add",r.reorder="reorder",t.dataReducer=function(e,t){switch(t.type){case o.add:break;case o.remove:return e.filter(function(e){return e[t.valueField]!==t.payload});case o.reorder:break;default:return e}}},function(e,t,n){"use strict";var v=this&&this.__assign||function(){return(v=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},g=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};Object.defineProperty(t,"__esModule",{value:!0});var k=n(1),o=n(2),C=n(0);t.FloatingActionButtonItem=k.forwardRef(function(e,t){var n=e.className,o=e.disabled,r=e.text,i=e.icon,s=e.style,a=e.id,l=e.focused,u=e.tabIndex,c=e.index,d=e.dataItem,p=e.item,f=e.onDown,m=e.onClick,h=g(e,["className","disabled","text","icon","style","id","focused","tabIndex","index","dataItem","item","onDown","onClick"]),y=k.useRef(null),b=k.useCallback(function(){y.current&&y.current.focus()},[]),e=k.useCallback(function(){return{element:y.current,focus:b}},[b]);k.useImperativeHandle(t,e);t=k.useCallback(function(e){m&&void 0!==c&&!o&&m(e,c)},[m,c]),e=k.useMemo(function(){return C.classNames("k-fab-item",{"k-state-focus":l,"k-state-disabled":o},n)},[n,o,l]);return k.createElement("li",v({ref:y,id:a,className:e,style:s,role:"menuitem",tabIndex:C.getTabIndex(u,o),"aria-disabled":o,"aria-label":(r||"")+" floatingactionbutton item",onClick:t,onMouseDown:f,onPointerDown:f},h),p?k.createElement(p,{itemIndex:c,item:d}):k.createElement(k.Fragment,null,r&&k.createElement("span",{className:"k-fab-item-text"},r),i&&k.createElement("span",{className:C.classNames("k-fab-item-icon k-icon k-i-"+i)})))}),t.FloatingActionButtonItem.propTypes={className:o.string,style:o.object,children:o.any,disabled:o.bool,focused:o.bool,index:o.number,icon:o.string,text:o.string,tabIndex:o.number,customProp:o.any},t.FloatingActionButtonItem.displayName="KendoFloatingActionButtonItem"},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),h=this&&this.__assign||function(){return(h=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},y=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};Object.defineProperty(t,"__esModule",{value:!0});var i,b=n(1),s=n(2),v=n(0),a=n(0),l=n(3),s=(i=b.Component,r(g,i),Object.defineProperty(g.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"selected",{get:function(){return void 0!==this._selectedTemp?this._selectedTemp:this.state.selected},enumerable:!0,configurable:!0}),g.getDerivedStateFromProps=function(e,t){return e.togglable&&void 0!==e.selected&&e.selected!==t.selected?{selected:e.selected}:null},g.prototype.render=function(){var t=this,e=this.props,n=e.children,o=e.togglable,r=e.icon,i=e.iconClass,s=e.imageUrl,a=e.imageAlt,l=(e.className,e.onClick,e.size),u=void 0===l?g.defaultProps.size:l,c=e.shape,d=void 0===c?g.defaultProps.shape:c,p=e.rounded,f=void 0===p?g.defaultProps.rounded:p,m=e.fillMode,l=void 0===m?g.defaultProps.fillMode:m,c=e.themeColor,p=void 0===c?g.defaultProps.themeColor:c,m=y(e,["children","togglable","icon","iconClass","imageUrl","imageAlt","className","onClick","size","shape","rounded","fillMode","themeColor"]),c=void 0!==r||void 0!==i||void 0!==s,e=void 0!==n,a=function(e){var t=e.imageUrl,n=e.icon,o=e.iconClass;if(t)return b.createElement("img",{role:"presentation",className:"k-button-icon",alt:e.imageAlt,src:t});if(n){n=v.classNames("k-button-icon k-icon","k-i-"+n);return b.createElement("span",{role:"presentation",className:n})}return o?b.createElement("span",{role:"presentation",className:v.classNames("k-button-icon",o)}):null}({icon:r,iconClass:i,imageUrl:s,imageAlt:a});return b.createElement("button",h({ref:function(e){return t._element=e},role:o?"checkbox":void 0,"aria-disabled":this.props.disabled||void 0,"aria-checked":o?this.state.selected:void 0},m,{onClick:this.handleClick,className:v.classNames("k-button",((m={})["k-button-"+(v.kendoThemeMaps.sizeMap[u]||u)]=u,m["k-button-"+d]=d,m["k-button-"+l]=l,m["k-button-"+l+"-"+p]=Boolean(l&&p),m["k-rounded-"+(v.kendoThemeMaps.roundedMap[f]||f)]=f,m["k-icon-button"]=!e&&c,m["k-disabled"]=this.props.disabled,m["k-selected"]=this.state.selected,m["k-rtl"]="rtl"===this.props.dir,m),this.props.className)}),a,n&&b.createElement("span",{className:"k-button-text"},n))},g.prototype.toggleIfApplicable=function(){var e,t=this;this.props.togglable&&void 0===this.props.selected&&(e=!this.state.selected,this._selectedTemp=e,this.setState({selected:e},function(){return t._selectedTemp=void 0}))},g.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),shape:s.oneOf([null,"rectangle","square"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid"]),themeColor:s.oneOf([null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"])},g.defaultProps={togglable:!1,size:"medium",shape:"rectangle",rounded:"medium",fillMode:"solid",themeColor:"base"},g);function g(e){var t=i.call(this,e)||this;return t._element=null,t.handleClick=function(e){t.toggleIfApplicable(),t.props.onClick&&t.props.onClick.call(void 0,e)},a.validatePackage(l.packageMetadata),t.state={selected:!0===t.props.togglable&&!0===t.props.selected},t}t.default=s},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var s,a=n(1),l=n(2),u=n(0),c=n(0),d=n(3),p=n(6).default.styles,l=(s=a.Component,r(f,s),f.prototype.render=function(){var t=this,e=this.mapButtons(this.props.children),n=u.classNames([p["button-group"]],((o={})["k-state-disabled"]=this.props.disabled,o[p["button-group-stretched"]]=!!this.props.width,o),this.props.className),o={className:n,style:{width:""+this.props.width},dir:this.props.dir,role:"group","aria-disabled":this.props.disabled};return a.createElement("div",i({ref:function(e){t._element=e}},o,{className:n}),e)},f.prototype.mapButtons=function(e){var n=this,o=a.Children.count(e),r=void 0!==this.props.dir?"rtl"===this.props.dir:this._element&&"rtl"===getComputedStyle(this._element).direction||!1;return a.Children.map(e,function(e,t){return a.isValidElement(e)?n.renderButton(e,t,t===o-1,r):e})},f.prototype.renderButton=function(e,t,n,o){var t=u.classNames(e.props.className,((r={})[p["group-start"]]=o?n:0===t,r[p["group-end"]]=o?0===t:n,r)),n=i({},this.props.width?{width:this.props.width}:{},e.props.style||{}),r=this.props.disabled||e.props.disabled,r=i({},e.props,t?{className:t}:{},Object.keys(n).length?{style:n}:{},void 0!==r?{disabled:r}:{});return 0<a.Children.count(e.props.children)?a.cloneElement(e,r,e.props.children):a.cloneElement(e,r)},f.propTypes={children:l.oneOfType([l.arrayOf(l.element),l.element]),className:l.string,disabled:l.bool,width:l.string,dir:l.string},f);function f(e){e=s.call(this,e)||this;return e._element=null,c.validatePackage(d.packageMetadata),e}t.default=l},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),a=n(2),l=n(4),u=n(0),c=n(0),d=n(7),p=n(8),f=n(9),m=n(5),h=n(10),y=n(0),b=n(3),a=(i=s.Component,r(v,i),Object.defineProperty(v.prototype,"opened",{get:function(){return(void 0===this.props.opened?this.state:this.props).opened},enumerable:!0,configurable:!0}),v.prototype.render=function(){var t=this;this.buttonsData=this.props.items||s.Children.toArray(this.props.children).filter(function(e){return e&&e.type===p.default}).map(function(e){return e.props});var e=this.isRtl(),n=e?"rtl":void 0,o=this.props,r=o.tabIndex,i=o.disabled,o=this.state.focusedIndex;return s.createElement("div",{className:u.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},"k-rounded-"+u.kendoThemeMaps.roundedMap[this.props.rounded||"medium"],this.props.className),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,dir:n,ref:function(e){return t.wrapper=e}},s.createElement(l.Button,{size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:function(e){return t.onItemClick(e,-1)},disabled:i||void 0,tabIndex:r,accessKey:this.props.accessKey,className:this.props.buttonClass,icon:this.props.icon,iconClass:this.props.iconClass,imageUrl:this.props.imageUrl,dir:n,ref:function(e){return t.mainButton=e&&e.element},type:"button","aria-disabled":i,"aria-haspopup":!0,"aria-expanded":this.opened,"aria-label":this.props.text+" splitbutton","aria-owns":this.guid,"aria-activedescendant":0<=o?this.guid+"-"+o:void 0},this.props.text),s.createElement(l.Button,{size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"arrow-s",disabled:i||void 0,tabIndex:-1,onClick:this.onSplitPartClick,onMouseDown:this.onDownSplitPart,onPointerDown:this.onDownSplitPart,dir:n,"aria-label":"menu toggling button"}),this.renderPopup(e))},v.prototype.componentDidMount=function(){(void 0===this.props.dir&&this.isRtl()||this.opened)&&this.forceUpdate()},Object.defineProperty(v.prototype,"element",{get:function(){return this.mainButton},enumerable:!0,configurable:!0}),v.prototype.dispatchClickEvent=function(e,t){this.isItemDisabled(t)||(-1===t?c.dispatchEvent(this.props.onButtonClick,e,this,void 0):c.dispatchEvent(this.props.onItemClick,e,this,{item:this.buttonsData[t],itemIndex:t}))},v.prototype.renderPopup=function(e){var t=this.props.popupSettings,t=void 0===t?{}:t;return s.createElement(m.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:u.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||h.getAnchorAlign(e),popupAlign:t.popupAlign||h.getPopupAlign(e),style:e?{direction:"rtl"}:void 0},s.createElement("ul",{role:"menu",id:this.guid,className:u.classNames("k-group k-menu-group k-reset",((e={})["k-menu-group-"+(u.kendoThemeMaps.sizeMap[this.props.size]||this.props.size)]=this.props.size,e))},this.renderChildItems()))},v.prototype.renderChildItems=function(){var n=this,e=this.props,o=e.item,r=e.itemRender,i=e.textField;return 0<this.buttonsData.length?this.buttonsData.map(function(e,t){return s.createElement(d.default,{className:"k-menu-item",dataItem:e,textField:i,focused:n.state.focusedIndex===t,onClick:n.onItemClick,onDown:n.onItemDown,render:r,item:o,key:t,index:t,id:n.guid+"-"+t})}):null},v.prototype.isItemDisabled=function(e){return(this.buttonsData[e]||this.props).disabled},v.prototype.isRtl=function(){return void 0!==this.props.dir?"rtl"===this.props.dir:!!this.wrapper&&"rtl"===getComputedStyle(this.wrapper).direction},v.propTypes={accessKey:a.string,onButtonClick:a.func,onFocus:a.func,onBlur:a.func,onItemClick:a.func,onOpen:a.func,onClose:a.func,text:a.string,items:a.arrayOf(a.any),textField:a.string,tabIndex:a.number,disabled:a.bool,icon:a.string,iconClass:a.string,imageUrl:a.string,popupSettings:a.object,itemRender:a.any,item:a.func,className:a.string,buttonClass:a.string,dir:a.string},v);function v(e){var r=i.call(this,e)||this;return r.state={focused:!1,focusedIndex:-1,opened:!1},r.wrapper=null,r.mainButton=null,r.guid=u.guid(),r.buttonsData=[],r.onKeyDown=function(e){var t,n,o=r.state.focusedIndex;e.altKey?r.opened||e.keyCode!==u.Keys.down?r.opened&&e.keyCode===u.Keys.up&&(r.dispatchPopupEvent(e,!1),r.setState({focusedIndex:-1,opened:!1})):(r.dispatchPopupEvent(e,!0),r.setState({focusedIndex:0,opened:!0})):(t=void 0,e.keyCode===u.Keys.enter||e.keyCode===u.Keys.space?(e.preventDefault(),r.dispatchClickEvent(e,o),0<=o&&(t={focusedIndex:r.opened?-1:0,opened:!r.opened},r.dispatchPopupEvent(e,t.opened))):r.opened&&e.keyCode===u.Keys.esc&&r.dispatchPopupEvent(e,(t={focusedIndex:-1,opened:!1}).opened),r.opened&&((n=f.default(o,e.keyCode,e.altKey,r.buttonsData.length))!==o&&((t=t||{}).focusedIndex=n),n=e.keyCode===u.Keys.up||e.keyCode===u.Keys.down||e.keyCode===u.Keys.left||e.keyCode===u.Keys.right,!e.altKey&&n&&e.preventDefault()),t&&r.setState(t))},r.onFocus=function(e){c.dispatchEvent(r.props.onFocus,e,r,void 0),r.setState({focused:!0,focusedIndex:-1})},r.onItemClick=function(e,t){var n=r.opened;n&&r.setState({focusedIndex:0,opened:!1}),r.dispatchClickEvent(e,t),n&&r.dispatchPopupEvent(e,!1)},r.onBlur=function(e){r.setState({focused:!1,focusedIndex:-1,opened:!1}),c.dispatchEvent(r.props.onBlur,e,r,void 0),r.opened&&r.dispatchPopupEvent(e,!1)},r.onSplitPartClick=function(e){var t;r.buttonsData.length&&(t=!r.opened,r.dispatchPopupEvent(e,t),r.setState({focusedIndex:t?0:-1,opened:t,focused:!0}))},r.onDownSplitPart=function(e){e.preventDefault(),r.element&&document.activeElement!==r.element&&r.element.focus()},r.onItemDown=function(e){document.activeElement===r.element&&e.preventDefault()},r.dispatchPopupEvent=function(e,t){c.dispatchEvent(t?r.props.onOpen:r.props.onClose,e,r,void 0)},y.validatePackage(b.packageMetadata),r}t.default=a},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var s,a=n(1),l=n(2),u=n(4),c=n(0),d=n(0),p=n(9),f=n(11),m=n(7),h=n(5),y=n(10),b=n(0),v=n(3),l=(s=a.Component,r(g,s),Object.defineProperty(g.prototype,"opened",{get:function(){return(void 0===this.props.opened?this.state:this.props).opened},enumerable:!0,configurable:!0}),g.prototype.render=function(){var t=this,e=this.isRtl(),n=e?"rtl":void 0,o=this.props,r=o.tabIndex,i=o.disabled,o=this.state.focusedIndex;return this.buttonsData=this.props.items||a.Children.toArray(this.props.children).filter(function(e){return e&&e.type===f.default}).map(function(e){return e.props}),a.createElement("div",{className:c.classNames("k-dropdown-button",{"k-focus":this.state.focused},this.props.className),onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,dir:n,ref:function(e){return t.wrapper=e}},a.createElement(u.Button,{size:this.props.size,shape:this.props.shape,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,disabled:i||void 0,tabIndex:r,accessKey:this.props.accessKey,icon:this.props.icon,iconClass:this.props.iconClass,className:this.props.buttonClass,imageUrl:this.props.imageUrl,dir:n,ref:function(e){return t.mainButton=e&&e.element},type:"button","aria-disabled":i,"aria-haspopup":!0,"aria-expanded":this.opened,"aria-label":this.props.text+" dropdownbutton","aria-owns":this.guid,"aria-activedescendant":0<=o?this.guid+"-"+o:void 0},this.props.text),this.renderPopup(e))},g.prototype.componentDidMount=function(){(void 0===this.props.dir&&this.isRtl()||this.opened)&&this.forceUpdate()},g.prototype.componentDidUpdate=function(){this.state.focused&&this.element&&this.element.focus()},Object.defineProperty(g.prototype,"element",{get:function(){return this.mainButton},enumerable:!0,configurable:!0}),g.prototype.dispatchClickEvent=function(e,t){this.isItemDisabled(t)||d.dispatchEvent(this.props.onItemClick,e,this,{item:this.buttonsData[t],itemIndex:t})},g.prototype.renderPopup=function(e){var t=this.props.popupSettings,t=void 0===t?{}:t;return a.createElement(h.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:c.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||y.getAnchorAlign(e),popupAlign:t.popupAlign||y.getPopupAlign(e),style:e?{direction:"rtl"}:void 0},a.createElement("ul",{role:"menu",id:this.guid,className:c.classNames("k-group k-menu-group k-reset",((e={})["k-menu-group-"+(c.kendoThemeMaps.sizeMap[this.props.size]||this.props.size)]=this.props.size,e))},this.renderChildItems()))},g.prototype.renderChildItems=function(){var n=this,e=this.props,o=e.item,r=e.itemRender,i=e.textField;return 0<this.buttonsData.length?this.buttonsData.map(function(e,t){return a.createElement(m.default,{className:"k-menu-item",dataItem:e,textField:i,focused:n.state.focusedIndex===t,onClick:n.onItemClick,onDown:n.onItemDown,render:r,item:o,index:t,key:t,id:n.guid+"-"+t})}):null},g.prototype.isItemDisabled=function(e){return(this.buttonsData[e]||this.props).disabled},g.prototype.isRtl=function(){return void 0!==this.props.dir?"rtl"===this.props.dir:!!this.wrapper&&"rtl"===getComputedStyle(this.wrapper).direction},g.propTypes={accessKey:l.string,onFocus:l.func,onBlur:l.func,onItemClick:l.func,onOpen:l.func,onClose:l.func,items:l.arrayOf(l.any),textField:l.string,tabIndex:l.number,disabled:l.bool,icon:l.string,iconClass:l.string,imageUrl:l.string,popupSettings:l.object,itemRender:l.func,item:l.func,className:l.string,buttonClass:l.string,dir:l.string},g);function g(e){var o=s.call(this,e)||this;return o.state={opened:!1,focused:!1,focusedIndex:-1},o.wrapper=null,o.mainButton=null,o.guid=c.guid(),o.buttonsData=[],o.onKeyDown=function(e){var t,n=o.state.focusedIndex;e.altKey?o.opened||e.keyCode!==c.Keys.down?o.opened&&e.keyCode===c.Keys.up&&(o.dispatchPopupEvent(e,!1),o.setState({focusedIndex:-1,opened:!1})):(o.dispatchPopupEvent(e,!0),o.setState({focusedIndex:0,opened:!0})):(t=i({},o.state),e.keyCode===c.Keys.enter||e.keyCode===c.Keys.space?(0<=n&&o.dispatchClickEvent(e,n),e.preventDefault(),t.focusedIndex=o.opened?-1:0,t.opened=!o.opened,o.dispatchPopupEvent(e,t.opened)):o.opened&&e.keyCode===c.Keys.esc&&(t.focusedIndex=-1,t.opened=!1,o.dispatchPopupEvent(e,t.opened)),o.opened&&(n=p.default(n,e.keyCode,e.altKey,o.buttonsData.length),t.focusedIndex=n,n=e.keyCode===c.Keys.up||e.keyCode===c.Keys.down||e.keyCode===c.Keys.left||e.keyCode===c.Keys.right,!e.altKey&&n&&e.preventDefault()),o.setState(t))},o.handleFocus=function(e){o.setState({focused:!0,focusedIndex:o.opened?0:-1}),d.dispatchEvent(o.props.onFocus,e,o,void 0)},o.handleBlur=function(e){o.setState({focused:!1,opened:!1,focusedIndex:-1}),d.dispatchEvent(o.props.onBlur,e,o,void 0),o.opened&&o.dispatchPopupEvent(e,!1)},o.onItemClick=function(e,t){o.setState({focusedIndex:-1,opened:!1}),o.dispatchClickEvent(e,t),o.dispatchPopupEvent(e,!1)},o.onItemDown=function(e){document.activeElement===o.element&&e.preventDefault()},o.mouseDown=function(e){e.preventDefault()},o.onClickMainButton=function(e){var t;o.buttonsData.length&&(t=!o.opened,o.setState({opened:t,focused:!0,focusedIndex:t?0:-1}),o.dispatchPopupEvent(e,t))},o.dispatchPopupEvent=function(e,t){d.dispatchEvent(t?o.props.onOpen:o.props.onClose,e,o,void 0)},b.validatePackage(v.packageMetadata),o}t.default=l},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var s,a=n(1),l=n(2),u=n(0),c=n(6),d=n(0),p=n(3),l=(s=a.Component,r(f,s),Object.defineProperty(f.prototype,"selectors",{get:function(){return this.props.buttons||c.toolbarButtons},enumerable:!0,configurable:!0}),Object.defineProperty(f.prototype,"focusedIndex",{get:function(){var t=this.element&&this.element.querySelector(this.focusedSelector);return Math.max(0,this.buttons.findIndex(function(e){return e===t}))},enumerable:!0,configurable:!0}),Object.defineProperty(f.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),f.prototype.componentDidMount=function(){window.addEventListener("resize",this.onWindowResize);var e=this.element;e&&(this.offsetWidth=e.offsetWidth,this.offsetHeight=e.offsetHeight,!1!==this.props.keyboardNavigation&&(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(0)))},f.prototype.componentDidUpdate=function(){var e=this.element;e&&!1!==this.props.keyboardNavigation&&(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(this.focusedIndex))},f.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.onWindowResize),this.buttons.length=0},f.prototype.render=function(){var t=this;return a.createElement("div",{className:u.classNames("k-widget k-toolbar",this.props.className),style:this.props.style,role:"toolbar",dir:this.props.dir,ref:function(e){return t._element=e},onKeyDown:!1!==this.props.keyboardNavigation?this.onKeyDown:void 0},this.props.children)},f.prototype.focusButton=function(e,t){var n=this.props.tabIndex,n=void 0===n?f.defaultProps.tabIndex:n,t=this.buttons[t];t&&(t.tabIndex=n,t.focus(),(e=this.buttons[e])&&(e.tabIndex=-1))},f.propTypes={tabIndex:l.number,dir:l.string,keyboardNavigation:l.bool,style:l.object,className:l.string,onResize:l.func,buttons:l.arrayOf(l.string)},f.defaultProps={tabIndex:0},f);function f(e){var r=s.call(this,e)||this;return r._element=null,r.offsetHeight=0,r.offsetWidth=0,r.buttons=[],r.focusedSelector=r.selectors.map(function(e){return e+":focus"}).join(","),r.setTabIndex=function(n){var e=r.props.tabIndex,o=void 0===e?f.defaultProps.tabIndex:e;r.buttons.forEach(function(e,t){e.tabIndex=t===n?o:-1})},r.onKeyDown=function(e){var t,n=e.target;e.keyCode!==u.Keys.left&&e.keyCode!==u.Keys.right||e.defaultPrevented||-1===r.buttons.findIndex(function(e){return e===n})||(t=r.focusedIndex,e.keyCode===u.Keys.left?r.focusButton(t,t-1):r.focusButton(t,t+1))},r.onWindowResize=function(e){var t,n=r.element;n&&(t=n.offsetWidth,n=n.offsetHeight,r.offsetWidth===t&&r.offsetHeight===n||(r.offsetWidth=t,r.offsetHeight=n,n={offsetWidth:r.offsetWidth,offsetHeight:r.offsetHeight},r.props.onResize&&r.props.onResize.call(void 0,i({target:r},n,{nativeEvent:e}))))},d.validatePackage(p.packageMetadata),r}t.default=l},function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=function(e,t){return(o=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])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i,s=n(1),a=n(12),r=(i=s.PureComponent,r(l,i),l.prototype.render=function(){return s.createElement(a.default,{className:"k-separator"})},l);function l(){return null!==i&&i.apply(this,arguments)||this}t.default=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),o=n(2),i=n(0);t.ToolbarSpacer=r.forwardRef(function(e,t){var n=r.useRef(null),o=r.useRef(null);r.useImperativeHandle(o,function(){return{element:n.current}}),r.useImperativeHandle(t,function(){return{element:n.current}});t=r.useMemo(function(){return i.classNames("k-spacer",e.className)},[e.className]);return r.createElement("span",{ref:n,className:t})}),t.ToolbarSpacer.propTypes={className:o.string}},function(e,t,n){"use strict";var ne=this&&this.__assign||function(){return(ne=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},oe=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};Object.defineProperty(t,"__esModule",{value:!0});var re=n(1),o=n(2),ie=n(0),se=n(0),ae=n(18),le=n(3),ue=n(27),ce=n(5);t.FloatingActionButton=re.forwardRef(function(e,t){ie.validatePackage(le.packageMetadata);var n=e.align,r=void 0===n?de.align:n,o=e.alignOffset,i=e.className,s=e.disabled,a=e.icon,l=e.iconClass,u=e.id,c=e.items,d=e.item,p=e.text,f=e.positionMode,m=void 0===f?de.positionMode:f,h=e.shape,y=void 0===h?de.shape:h,b=e.size,v=void 0===b?de.size:b,g=e.style,k=e.rounded,C=void 0===k?de.rounded:k,_=e.themeColor,O=void 0===_?de.themeColor:_,x=e.tabIndex,I=e.accessKey,w=e.popupSettings,P=void 0===w?{}:w,E=e.onClick,N=e.onItemClick,D=e.onFocus,M=e.onBlur,A=e.onKeyDown,j=e.onOpen,S=e.onClose,T=oe(e,["align","alignOffset","className","disabled","icon","iconClass","id","items","item","text","positionMode","shape","size","style","rounded","themeColor","tabIndex","accessKey","popupSettings","onClick","onItemClick","onFocus","onBlur","onKeyDown","onOpen","onClose"]),K=re.useRef(null),F=re.useRef(null),B=re.useRef(null),z=re.useRef(null),R=re.useCallback(function(){F.current&&F.current.focus()},[]),L=re.useCallback(function(){return{element:F.current,focus:R}},[R]);re.useImperativeHandle(K,L),re.useImperativeHandle(t,function(){return K.current});var U=re.useState(!1),H=U[0],W=U[1],n=re.useState(!1),V=n[0],q=n[1],f=re.useState(-1),Y=f[0],G=f[1],h=re.useMemo(function(){return se.guid()},[]),J=se.useDir(F,e.dir),Q="rtl"===J,X=re.useMemo(function(){return se.guid()},[]);re.useEffect(function(){ue.position(F,r,o,Q)},[F,r,o,Q]),re.useEffect(function(){V&&F&&F.current&&F.current.focus()},[V,F]);var Z=re.useCallback(function(e,t){c&&se.dispatchEvent(t?j:S,e,L(),void 0)},[j,S,c]),b=re.useCallback(function(e){e.target&&!s&&(!c&&E?se.dispatchEvent(E,e,L(),void 0):(W(!H),q(!0),G(H?-1:0),Z(e,!H)))},[W,q,G,E,Z,H,c,s]),k=re.useCallback(function(e){q(!0),G(H?0:-1),D&&se.dispatchEvent(D,e,L(),void 0)},[D,q,G]),_=re.useCallback(function(e){q(!1),W(!1),G(-1),se.dispatchEvent(M,e,L(),void 0),H&&Z(e,!1)},[M,q,W,G,Z]),w=re.useCallback(function(e){e.preventDefault()},[]),$=re.useCallback(function(e,t){c&&(c[t].disabled||se.dispatchEvent(N,e,L(),{itemProps:c[t],itemIndex:t}))},[N]),ee=re.useCallback(function(e,t){e.target&&c&&(G(t),W(!1),$(e,t),Z(e,!1))},[G,W,$,Z]),te=re.useCallback(function(e){document.activeElement===F.current&&e.preventDefault()},[F,document.activeElement]),t=re.useCallback(function(e){var t=Y,n=c?c.length-1:-1,o="bottom"===r.vertical;switch(e.keyCode){case se.Keys.enter:case se.Keys.space:0<=t&&$(e,t),e.preventDefault(),W(!H),G(H?-1:0);break;case se.Keys.esc:e.preventDefault(),W(!1),G(-1);break;case se.Keys.home:e.preventDefault(),G(0);break;case se.Keys.end:e.preventDefault(),G(n);break;case se.Keys.down:case se.Keys.right:e.preventDefault(),t<n&&!o&&G(t+1),0<t&&o&&G(t-1);break;case se.Keys.up:case se.Keys.left:e.preventDefault(),0<t&&!o&&G(t-1),t<n&&o&&G(t+1)}se.dispatchEvent(A,e,L(),void 0)},[A,Y,G,Q,W]),U=re.useMemo(function(){var e;return se.classNames("k-fab k-fab-solid",((e={})["k-fab-"+y]=y,e["k-fab-sm"]="small"===v,e["k-fab-md"]="medium"===v,e["k-fab-lg"]="large"===v,e["k-disabled"]=s,e["k-pos-absolute"]="absolute"===m,e["k-pos-fixed"]="fixed"===m,e["k-focus"]=V,e["k-rounded-"+(ie.kendoThemeMaps.roundedMap[C]||C)]=C,e["k-fab-solid-"+O]=O,e),"k-"+r.vertical+"-"+r.horizontal,i)},[O,v,C,y,s,m,r,V,i]),n=c&&c.map(function(e,t){return re.createElement(ae.FloatingActionButtonItem,ne({},e,{key:t,index:t,id:X+"-"+t,disabled:s||e.disabled,focused:Y===t,dataItem:e,item:d,className:se.classNames(e.className,ue.getTextDirectionClass(J||"ltr",r.horizontal)),onClick:ee,onDown:te}))}),f=a&&!p,e=(F.current?F.current.offsetWidth:0)/2-16;return re.createElement(re.Fragment,null,re.createElement("button",ne({ref:F,id:u||h,role:c?"menubutton":"button",type:"button","aria-disabled":s,"aria-expanded":c?H:void 0,"aria-haspopup":!!c,"aria-label":(p||"")+" floatingactionbutton","aria-owns":c?X:void 0,"aria-activedescendant":0<=Y&&c?X+"-"+Y:void 0,tabIndex:se.getTabIndex(x,s),accessKey:I,dir:J,disabled:s,className:U,style:g,onClick:b,onMouseDown:w,onFocus:k,onBlur:_,onKeyDown:t},T),a?re.createElement("span",{role:"presentation",className:se.classNames("k-fab-icon k-icon k-i-"+a)}):l?re.createElement("span",{role:"presentation",className:l}):null,p&&re.createElement("span",{className:"k-fab-text"},p)),re.createElement(ce.Popup,{ref:z,anchor:F.current,show:H,animate:P.animate,popupClass:se.classNames("k-popup-transparent k-fab-popup",P.popupClass),anchorAlign:P.anchorAlign||ue.getAnchorAlign(r,Q),popupAlign:P.popupAlign||ue.getPopupAlign(r,Q),style:{boxShadow:"none"}},re.createElement("ul",{ref:B,role:"menu","aria-labelledby":u,id:X,className:se.classNames("k-fab-items",{"k-fab-items-bottom":"bottom"!==r.vertical,"k-fab-items-top":"bottom"===r.vertical}),style:{paddingLeft:f?e:void 0,paddingRight:f?e:void 0}},n)))}),t.FloatingActionButton.propTypes={className:o.string,style:o.object,id:o.string,dir:o.string,tabIndex:o.number,accessKey:o.string,disabled:o.bool,icon:o.string,iconClass:o.string,text:o.string,alignOffset:o.shape({x:o.oneOfType([o.number,o.string]),y:o.oneOfType([o.number,o.string])}),align:o.shape({vertical:o.oneOf(["top","middle","bottom"]),horizontal:o.oneOf(["start","center","end"])}),positionMode:o.oneOf(["absolute","fixed"]),shape:o.oneOf([null,"rectangle","square"]),size:o.oneOf([null,"small","medium","large"]),rounded:o.oneOf([null,"small","medium","large","full"]),themeColor:o.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};var de={align:{vertical:"bottom",horizontal:"end"},shape:"rectangle",size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};t.FloatingActionButton.displayName="KendoFloatingActionButton"},function(e,u,t){"use strict";Object.defineProperty(u,"__esModule",{value:!0}),u.DEFAULT_OFFSET="16px",u.toStringValues=function(e){return"number"==typeof e?e+"px":e},u.getAnchorAlign=function(e,t){var n={horizontal:t?"right":"left",vertical:"bottom"};return"end"===e.horizontal&&(n.horizontal=t?"left":"right"),n},u.getPopupAlign=function(e,t){var n={horizontal:t?"right":"left",vertical:"top"};return"end"===e.horizontal&&(n.horizontal=t?"left":"right"),n},u.getTextDirectionClass=function(e,t){return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e]["end"===t?"end":"start"]},u.position=function(e,t,n,o){var r,i,s,a=t.horizontal,l=t.vertical;e.current&&(r=n&&void 0!==n.x?u.toStringValues(n.x):u.DEFAULT_OFFSET,i=n&&void 0!==n.x?"calc(50% + "+u.toStringValues(n.x)+")":"50%",s=n&&void 0!==n.y?u.toStringValues(n.y):u.DEFAULT_OFFSET,n=n&&void 0!==n.y?"calc(50% + "+u.toStringValues(n.y)+")":"50%",e.current.style.setProperty(c(t,o),"center"===a?i:r),e.current.style.setProperty(d(t),"middle"===l?n:s),o&&("top"!==l&&"bottom"!==l||"start"!==a||e.current.style.setProperty("left","unset"),"middle"===l&&"end"===a&&e.current.style.setProperty("right","unset"),"middle"===l&&"start"===a&&e.current.style.setProperty("left","unset")))};var c=function(e,t){return{end:t?"left":"right",center:"left",start:t?"right":"left"}[e.horizontal||"end"]},d=function(e){return{top:"top",middle:"top",bottom:"bottom"}[e.vertical||"bottom"]}}],r.c=o,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=4)}}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-buttons",
-  "version": "4.14.0",
+  "version": "5.0.0",
   "description": "KendoReact Buttons package",
   "repository": {
     "type": "git",
@@ -36,20 +36,21 @@
     "react-dom": "^16.8.2 || ^17.0.0"
   },
   "dependencies": {
-    "@progress/kendo-react-common": "4.14.0",
-    "@progress/kendo-react-popup": "4.14.0",
+    "@progress/kendo-react-common": "5.0.0",
+    "@progress/kendo-react-popup": "5.0.0",
     "prop-types": "^15.6.0"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.5.12",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-react-animation": "4.14.0",
-    "@progress/kendo-react-dropdowns": "4.14.0",
-    "@progress/kendo-react-form": "4.14.0",
-    "@progress/kendo-react-inputs": "4.14.0",
-    "@progress/kendo-react-intl": "4.14.0",
-    "@progress/kendo-react-layout": "4.14.0",
-    "@progress/kendo-react-ripple": "4.14.0",
+    "@progress/kendo-react-animation": "5.0.0",
+    "@progress/kendo-react-dropdowns": "5.0.0",
+    "@progress/kendo-react-form": "5.0.0",
+    "@progress/kendo-react-inputs": "5.0.0",
+    "@progress/kendo-react-intl": "5.0.0",
+    "@progress/kendo-react-labels": "5.0.0",
+    "@progress/kendo-react-layout": "5.0.0",
+    "@progress/kendo-react-ripple": "5.0.0",
     "@progress/kendo-svg-icons": "^0.1.0"
   },
   "@progress": {