@progress/kendo-react-buttons 6.1.1 → 7.0.0-develop.1

package/dist/npm/FloatingActionButton/FloatingActionButtonItem.d.ts

@@ -1,105 +0,0 @@
-import * as React from 'react';
-import { SVGIcon } from '@progress/kendo-react-common';
-/**
- * The FloatingActionButtonItemHandle ref.
- */
-export interface FloatingActionButtonItemHandle {
-    /**
-     * The FloatingActionButtonItemHandle element.
-     */
-    element: HTMLLIElement | null;
-    /**
-     * Focus the FloatingActionButtonItem.
-     */
-    focus: () => void;
-}
-/**
- * Represents the props of the [KendoReact FloatingActionButtonItem component]({% slug overview_floatingactionbutton %}).
- */
-export interface FloatingActionButtonItemProps {
-    /**
-     * Sets additional CSS styles to the FloatingActionButtonItem.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies a list of CSS classes that will be added to the FloatingActionButtonItem.
-     */
-    className?: string;
-    /**
-     * Represents the children that are passed to the FloatingActionButtonItem.
-     */
-    children?: any;
-    /**
-     * Specifies if the Floating Action Button Item is disabled [see example]({% slug disabled_floatingactionbuttonitem %}).
-     * Defaults to `false`.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the index of the Floating Action Button Item that is used to identify it.
-     */
-    index?: number;
-    /**
-     * Defines the icon rendered in the FloatingActionButtonItem
-     * [see example]({% slug databinding_floatingactionbutton %}).
-     */
-    icon?: string;
-    /**
-     * Defines the SVG icon rendered in the FloatingActionButtonItem.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Specifies the text of the FloatingActionButtonItem
-     * [see example]({% slug databinding_floatingactionbutton %}).
-     */
-    text?: string;
-    /**
-     * Sets the `tabIndex` property of the FloatingActionButtonItem..
-     * Defaults to `0`.
-     */
-    tabIndex?: number;
-    /**
-     * Sets a custom property. Contained in the FloatingActionButtonItem props that are
-     * returned from the `onItemClick` FloatingActionButton event
-     * [see example]({% slug customization_floatingactionbutton %}#toc-items-rendering).
-     */
-    [customProp: string]: any;
-    /**
-     * @hidden
-     */
-    id?: string;
-    /**
-     * @hidden
-     */
-    dataItem?: any;
-    /**
-     * @hidden
-     */
-    item?: any;
-    /**
-     * @hidden
-     */
-    focused?: boolean;
-    /**
-     * @hidden
-     */
-    onDown?: (event: any) => void;
-    /**
-     * @hidden
-     */
-    onClick?: (event: any, index: number) => void;
-}
-/**
- * Represents the [KendoReact FloatingActionButtonItem component]({% slug overview_floatingactionbutton %}).
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <FloatingActionButton items={[{icon: 'pencil', text: 'Edit'}, {icon: 'close', text: 'Remove'}] icon: 'plus'} />
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const FloatingActionButtonItem: React.ForwardRefExoticComponent<Omit<FloatingActionButtonItemProps, "ref"> & React.RefAttributes<FloatingActionButtonItemHandle | null>>;

package/dist/npm/FloatingActionButton/FloatingActionButtonItem.js

@@ -1,85 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FloatingActionButtonItem = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * Represents the [KendoReact FloatingActionButtonItem component]({% slug overview_floatingactionbutton %}).
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <FloatingActionButton items={[{icon: 'pencil', text: 'Edit'}, {icon: 'close', text: 'Remove'}] icon: 'plus'} />
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.FloatingActionButtonItem = React.forwardRef(function (props, ref) {
-    var className = props.className, disabled = props.disabled, text = props.text, icon = props.icon, style = props.style, id = props.id, focused = props.focused, tabIndex = props.tabIndex, index = props.index, dataItem = props.dataItem, item = props.item, svgIcon = props.svgIcon, onDown = props.onDown, onClick = props.onClick, others = __rest(props, ["className", "disabled", "text", "icon", "style", "id", "focused", "tabIndex", "index", "dataItem", "item", "svgIcon", "onDown", "onClick"]);
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            elementRef.current.focus();
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(ref, getImperativeHandle);
-    var handleClick = React.useCallback(function (event) {
-        if (onClick && index !== undefined && !disabled) {
-            onClick(event, index);
-        }
-    }, [onClick, index]);
-    var itemClassNames = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-fab-item', {
-        'k-focus': focused,
-        'k-disabled': disabled
-    }, className); }, [className, disabled, focused]);
-    var ItemComp = item;
-    return (React.createElement("li", __assign({ ref: elementRef, id: id, className: itemClassNames, style: style, role: 'menuitem', tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), "aria-disabled": disabled, "aria-label": "".concat(text || '', " floatingactionbutton item"), onClick: handleClick, onMouseDown: onDown, onPointerDown: onDown }, others), ItemComp ?
-        React.createElement(ItemComp, { itemIndex: index, item: dataItem }) :
-        (React.createElement(React.Fragment, null,
-            text && React.createElement("span", { className: "k-fab-item-text" }, text),
-            (icon || svgIcon) ? React.createElement(kendo_react_common_1.IconWrap, { className: "k-fab-item-icon", name: icon, icon: svgIcon }) : null))));
-});
-exports.FloatingActionButtonItem.propTypes = {
-    className: PropTypes.string,
-    style: PropTypes.object,
-    children: PropTypes.any,
-    disabled: PropTypes.bool,
-    focused: PropTypes.bool,
-    index: PropTypes.number,
-    icon: PropTypes.string,
-    svgIcon: kendo_react_common_1.svgIconPropType,
-    text: PropTypes.string,
-    tabIndex: PropTypes.number,
-    customProp: PropTypes.any
-};
-exports.FloatingActionButtonItem.displayName = 'KendoFloatingActionButtonItem';

package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonHandle.d.ts

@@ -1,13 +0,0 @@
-/**
- * The FloatingActionButton ref.
- */
-export interface FloatingActionButtonHandle {
-    /**
-     * The FloatingActionButton element.
-     */
-    element: HTMLButtonElement | null;
-    /**
-     * Focus the FloatingActionButton.
-     */
-    focus: () => void;
-}

package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonHandle.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.d.ts

@@ -1,24 +0,0 @@
-import { Align, PopupAnimation } from '@progress/kendo-react-popup';
-/**
- * Represents the settings that can be passed to the Popup inside the FloatingActionButtonPopupSettings.
- */
-export interface FloatingActionButtonPopupSettings {
-    /**
-     * Controls the popup animation. By default, the open and close animations are enabled
-     * [see example]({% slug customization_floatingactionbutton %}#toc-popup-behavior).
-     */
-    animate?: boolean | PopupAnimation;
-    /**
-     * Specifies a list of CSS classes that are used for styling the popup
-     * [see example]({% slug customization_floatingactionbutton %}#toc-popup-behavior).
-     */
-    popupClass?: string;
-    /**
-     * @hidden
-     */
-    anchorAlign?: Align;
-    /**
-     * @hidden
-     */
-    popupAlign?: Align;
-}

package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/models/align-offset.d.ts

@@ -1,20 +0,0 @@
-/**
- * Specifies the horizontal and vertical offset applied to the Floating Action Button.
- *
- * Normally, the floating button is positioned next to the boundaries of its container with a default offset of `16px`.
- *
- * Positive offsets move floating buttons, which are in a corner, further from that corner. Buttons, which are
- * not in a corner, can be moved along the container's boundary or towards the center of the container.
- *
- * A negative offset can be used to force a button to overflow the boundaries of its container.
- */
-export interface FloatingActionButtonAlignOffset {
-    /**
-     * Sets the horizontal offset of the Floating Action Button.
-     */
-    x?: number | string;
-    /**
-     * Sets the vertical offset of the Floating Action Button.
-     */
-    y?: number | string;
-}

package/dist/npm/FloatingActionButton/models/align-offset.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/models/align.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/models/events.d.ts

@@ -1,21 +0,0 @@
-import { BaseEvent } from '@progress/kendo-react-common';
-import { FloatingActionButtonItemProps } from '../../main';
-import { FloatingActionButtonHandle } from '../interfaces/FloatingActionButtonHandle';
-/**
- * Represents the return type of the FloatingActionButton events.
- */
-export interface FloatingActionButtonEvent extends BaseEvent<FloatingActionButtonHandle> {
-}
-/**
- * Represents the return type of the FloatingActionButtonItemEvent.
- */
-export interface FloatingActionButtonItemEvent extends BaseEvent<FloatingActionButtonHandle> {
-    /**
-     * The clicked item props.
-     */
-    itemProps?: FloatingActionButtonItemProps;
-    /**
-     * The zero-based index of the clicked item.
-     */
-    itemIndex: number;
-}

package/dist/npm/FloatingActionButton/models/events.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/models/position-mode.d.ts

@@ -1,9 +0,0 @@
-/**
- * Specifies the position mode of the Floating Action Button. It is based on the
- * [CSS position](https://developer.mozilla.org/en-US/docs/Web/CSS/position) rule.
- *
- * * The possible values are:
- * * 'absolute' (Default)
- * * 'fixed'
- */
-export declare type FloatingActionButtonPositionMode = 'absolute' | 'fixed';

package/dist/npm/FloatingActionButton/models/position-mode.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/models/rounded.d.ts

@@ -1,12 +0,0 @@
-/**
- * Specifies the rounding of the Floating Action Button.
- *
- * The possible values are:
- * * `small`
- * * `medium`
- * * `large`
- * * `full`
- * * `null`—Does not set a rounded `className`.
- *
- */
-export declare type FloatingActionButtonRounded = null | 'small' | 'medium' | 'large' | 'full';

package/dist/npm/FloatingActionButton/models/rounded.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/models/size.d.ts

@@ -1,11 +0,0 @@
-/**
- * Specifies the size of the Floating Action Button.
- *
- * The possible values are:
- * * `small`—Applies half of the default padding, e.g. `8px`.
- * * `medium` (Default)—Applies the default padding, e.g. `16px`.
- * * `large`—Applies one and one half of the default padding, e.g. `24px`.
- * * `null`—Does not set a size `className`.
- *
- */
-export declare type FloatingActionButtonSize = null | 'small' | 'medium' | 'large';

package/dist/npm/FloatingActionButton/models/size.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/models/theme-color.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/FloatingActionButton/utils.js

@@ -1,101 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.position = exports.getTextDirectionClass = exports.getPopupAlign = exports.getAnchorAlign = exports.toStringValues = exports.DEFAULT_OFFSET = void 0;
-/**
- * @hidden
- */
-exports.DEFAULT_OFFSET = '16px';
-/**
- * @hidden
- */
-var toStringValues = function (val) {
-    if (typeof val === 'number') {
-        return val + 'px';
-    }
-    return val;
-};
-exports.toStringValues = toStringValues;
-/**
- * @hidden
- */
-var getAnchorAlign = function (fabAlign, rtl) {
-    var align = { horizontal: (rtl ? 'right' : 'left'), vertical: 'bottom' };
-    if (fabAlign.horizontal === 'end') {
-        align.horizontal = rtl ? 'left' : 'right';
-    }
-    return align;
-};
-exports.getAnchorAlign = getAnchorAlign;
-/**
- * @hidden
- */
-var getPopupAlign = function (fabAlign, rtl) {
-    var align = { horizontal: (rtl ? 'right' : 'left'), vertical: 'top' };
-    if (fabAlign.horizontal === 'end') {
-        align.horizontal = rtl ? 'left' : 'right';
-    }
-    return align;
-};
-exports.getPopupAlign = getPopupAlign;
-/**
- * @hidden
- */
-var getTextDirectionClass = function (rtl, hAlign) {
-    var al = hAlign === 'end' ? 'end' : 'start';
-    var directions = {
-        rtl: { end: 'k-text-left', start: 'k-text-right' },
-        ltr: { start: 'k-text-left', end: 'k-text-right' }
-    };
-    return directions[rtl][al];
-};
-exports.getTextDirectionClass = getTextDirectionClass;
-/**
- * @hidden
- */
-var position = function (ref, align, alignOffset, isRtl) {
-    var horizontal = align.horizontal;
-    var vertical = align.vertical;
-    if (ref.current) {
-        var xFab = alignOffset && alignOffset.x !== undefined ?
-            (0, exports.toStringValues)(alignOffset.x) :
-            exports.DEFAULT_OFFSET;
-        var xCenterFab = alignOffset && alignOffset.x !== undefined ?
-            "calc(50% + ".concat((0, exports.toStringValues)(alignOffset.x), ")") :
-            '50%';
-        var yFab = alignOffset && alignOffset.y !== undefined ?
-            (0, exports.toStringValues)(alignOffset.y) :
-            exports.DEFAULT_OFFSET;
-        var yCenterFab = alignOffset && alignOffset.y !== undefined ?
-            "calc(50% + ".concat((0, exports.toStringValues)(alignOffset.y), ")") :
-            '50%';
-        ref.current.style.setProperty(horizontalPosition(align, isRtl), horizontal === 'center' ? xCenterFab : xFab);
-        ref.current.style.setProperty(verticalPosition(align), vertical === 'middle' ? yCenterFab : yFab);
-        if (isRtl) {
-            if ((vertical === 'top' || vertical === 'bottom') && horizontal === 'start') {
-                ref.current.style.setProperty('left', 'unset');
-            }
-            if (vertical === 'middle' && horizontal === 'end') {
-                ref.current.style.setProperty('right', 'unset');
-            }
-            if (vertical === 'middle' && horizontal === 'start') {
-                ref.current.style.setProperty('left', 'unset');
-            }
-        }
-    }
-};
-exports.position = position;
-var horizontalPosition = function (align, isRtl) {
-    var horizontal = align.horizontal;
-    return {
-        end: isRtl ? 'left' : 'right',
-        center: 'left',
-        start: isRtl ? 'right' : 'left'
-    }[horizontal || 'end'];
-};
-var verticalPosition = function (align) {
-    return {
-        top: 'top',
-        middle: 'top',
-        bottom: 'bottom'
-    }[align.vertical || 'bottom'];
-};

package/dist/npm/ListButton/ButtonItem.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-/**
- * The props of the ButtonItem component.
- * The ButtonItem component renders each list item in the dropdown buttons list.
- */
-export interface ButtonItemProps {
-    focused?: boolean;
-    index?: number;
-    onClick: (event: React.MouseEvent<HTMLLIElement, MouseEvent>, index?: number) => void;
-    onDown?: (event: React.PointerEvent<HTMLLIElement> | React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
-    item?: null | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    render?: ((li: React.ReactElement<HTMLLIElement>, props: ButtonItemProps) => React.ReactNode) | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    dataItem: any;
-    id?: string;
-    textField?: string;
-    className?: string;
-}
-/**
- * @hidden
- */
-export declare const ButtonItem: {
-    (props: ButtonItemProps): any;
-    displayName: string;
-};

package/dist/npm/ListButton/ButtonItem.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonItem = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-var ButtonItem = function (props) {
-    var handleClick = React.useCallback(function (event) {
-        props.onClick(event, props.index);
-    }, [props]);
-    var As = props.dataItem.render || props.item || (props.item === undefined ? props.render : null);
-    var text = props.dataItem.text !== undefined ? props.dataItem.text : (props.textField ? props.dataItem[props.textField] : props.dataItem);
-    var item = (React.createElement("li", { id: props.id, className: (0, kendo_react_common_1.classNames)('k-item', props.className, { 'k-focus': props.focused }), tabIndex: -1, onClick: handleClick, onMouseDown: props.onDown, onPointerDown: props.onDown, role: "menuitem", "aria-disabled": props.dataItem.disabled || undefined }, (React.createElement("span", { tabIndex: -1, className: (0, kendo_react_common_1.classNames)('k-link k-menu-link', {
-            'k-selected': props.dataItem.selected,
-            'k-disabled': props.dataItem.disabled
-        }), key: "icon" }, As
-        ? (React.createElement(As, { item: props.dataItem, itemIndex: props.index }))
-        : (React.createElement(React.Fragment, null,
-            (props.dataItem.icon || props.dataItem.iconClass) && (React.createElement(kendo_react_common_1.IconWrap, { className: props.dataItem.iconClass, name: props.dataItem.icon, icon: props.dataItem.svgIcon })),
-            (props.dataItem.imageUrl) && (React.createElement("img", { role: "presentation", alt: "", src: props.dataItem.imageUrl, className: 'k-icon' })),
-            (text) && (React.createElement("span", { className: "k-menu-link-text" }, text))))))));
-    return ((props.item !== undefined && /* to be removed in 5.0.0 */
-        props.render !== undefined) ? props.render.call(undefined, item, props) : item);
-};
-exports.ButtonItem = ButtonItem;
-exports.ButtonItem.displayName = 'KendoReactButtonItem';

package/dist/npm/ListButton/DropDownButton.d.ts

@@ -1,118 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { DropDownButtonProps } from './models/ListButtonProps';
-/**
- * @hidden
- */
-export interface DropDownButtonState {
-    focusedIndex?: number;
-    focused?: boolean;
-    opened: boolean;
-}
-/**
- * Represents the [KendoReact DropDownButton component]({% slug overview_dropdownbutton %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    render() {
- *        return (
- *            <DropDownButton text="Act">
- *                <DropDownButtonItem text="Item1" />
- *                <DropDownButtonItem text="Item2" />
- *                <DropDownButtonItem text="Item3" />
- *            </DropDownButton>
- *        );
- *    }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare class DropDownButton extends React.Component<DropDownButtonProps, DropDownButtonState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        accessKey: PropTypes.Requireable<string>;
-        ariaLabel: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        items: PropTypes.Requireable<any[]>;
-        textField: PropTypes.Requireable<string>;
-        tabIndex: PropTypes.Requireable<number>;
-        disabled: PropTypes.Requireable<boolean>;
-        icon: PropTypes.Requireable<string>;
-        svgIcon: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            content: PropTypes.Validator<string>;
-            viewBox: PropTypes.Validator<string>;
-        }>>;
-        iconClass: PropTypes.Requireable<string>;
-        imageUrl: PropTypes.Requireable<string>;
-        popupSettings: PropTypes.Requireable<object>;
-        itemRender: PropTypes.Requireable<(...args: any[]) => any>;
-        item: PropTypes.Requireable<(...args: any[]) => any>;
-        className: PropTypes.Requireable<string>;
-        buttonClass: PropTypes.Requireable<string>;
-        dir: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        size: string;
-        rounded: string;
-        fillMode: string;
-        themeColor: string;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: {
-        opened: boolean;
-        focused: boolean;
-        focusedIndex: number;
-    };
-    private wrapper;
-    private mainButton;
-    private list;
-    private skipFocus;
-    private guid;
-    private buttonsData;
-    private openedDuringOnChange?;
-    constructor(props: DropDownButtonProps);
-    private get opened();
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * The DOM element of main button.
-     */
-    get element(): HTMLButtonElement | null;
-    private onKeyDown;
-    private switchFocus;
-    private handleFocus;
-    private handleBlur;
-    private setOpen;
-    private onItemClick;
-    private onItemDown;
-    private mouseDown;
-    private dispatchClickEvent;
-    private renderPopup;
-    private onPopupClose;
-    private listRef;
-    private renderChildItems;
-    private onClickMainButton;
-    private dispatchPopupEvent;
-    private isItemDisabled;
-    private isRtl;
-}