@progress/kendo-angular-toolbar 5.0.4 → 6.0.0-dev.202204190531

package/dist/npm/tools/toolbar-splitbutton.component.js

@@ -1,382 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_buttons_1 = require("@progress/kendo-angular-buttons");
-var toolbar_tool_component_1 = require("./toolbar-tool.component");
-var toolbar_buttonlist_component_1 = require("./toolbar-buttonlist.component");
-var util_1 = require("../util");
-/**
- * Represents the [Kendo UI ToolBar SplitButton for Angular]({% slug controltypes_toolbar %}#toc-splitbuttons).
- */
-var ToolBarSplitButtonComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ToolBarSplitButtonComponent, _super);
-    function ToolBarSplitButtonComponent() {
-        var _this = _super.call(this) || this;
-        // showText and showIcon showIcon should be declared first
-        /**
-         * Specifies where button text should be displayed
-         */
-        _this.showText = 'both';
-        /**
-         * Specifies where button icon should be displayed
-         */
-        _this.showIcon = 'both';
-        /**
-         * The fillMode property specifies the background and border styles of the Button.
-         *
-         * The available values are:
-         * * `solid` (default)
-         * * `flat`
-         * * `outline`
-         * * `link`
-         * * `null`
-         */
-        _this.fillMode = 'solid';
-        /**
-         * The Button allows you to specify predefined theme colors.
-         * The theme color will be applied as a background and border color while also amending the text color accordingly.
-         *
-         * The possible values are:
-         * * `base` —Applies coloring based on the `base` theme color. (default)
-         * * `primary` —Applies coloring based on the `primary` theme color.
-         * * `secondary`—Applies coloring based on the `secondary` theme color.
-         * * `tertiary`— Applies coloring based on the `tertiary` theme color.
-         * * `info`—Applies coloring based on the `info` theme color.
-         * * `success`— Applies coloring based on the `success` theme color.
-         * * `warning`— Applies coloring based on the `warning` theme color.
-         * * `error`— Applies coloring based on the `error` theme color.
-         * * `dark`— Applies coloring based on the `dark` theme color.
-         * * `light`— Applies coloring based on the `light` theme color.
-         * * `inverse`— Applies coloring based on the `inverse` theme color.
-         * * `null` —Removes the default CSS class (no class would be rendered).
-         */
-        _this.themeColor = 'base';
-        /**
-         * Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons) that will
-         * be rendered for the button which opens the popup.
-         */
-        _this.arrowButtonIcon = 'arrow-s';
-        /**
-         * Configures the text field of the button-list popup.
-         */
-        _this.textField = 'text';
-        /**
-         * Fires each time the user clicks the main button.
-         */
-        _this.buttonClick = new core_1.EventEmitter();
-        /**
-         * Fires each time the user clicks the drop-down list.
-         * The event data contains the data item that is bound to the clicked list item.
-         */
-        _this.itemClick = new core_1.EventEmitter();
-        /**
-         * Fires each time the popup is about to open.
-         * This event is preventable. If you cancel the event, the popup will remain closed.
-         */
-        _this.open = new core_1.EventEmitter();
-        /**
-         * Fires each time the popup is about to close.
-         * This event is preventable. If you cancel the event, the popup will remain open.
-         */
-        _this.close = new core_1.EventEmitter();
-        _this.toolbarOptions = {
-            text: '',
-            icon: '',
-            iconClass: '',
-            imageUrl: ''
-        };
-        _this.overflowOptions = {
-            text: '',
-            icon: '',
-            iconClass: '',
-            imageUrl: ''
-        };
-        _this._popupSettings = { animate: true, popupClass: '' };
-        _this.focusedIndex = -1;
-        _this.getNextKey = util_1.getNextKey();
-        _this.getPrevKey = util_1.getPrevKey();
-        return _this;
-    }
-    ToolBarSplitButtonComponent_1 = ToolBarSplitButtonComponent;
-    Object.defineProperty(ToolBarSplitButtonComponent.prototype, "text", {
-        /**
-         * Sets the text of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons).
-         */
-        set: function (text) {
-            this.toolbarOptions.text = util_1.getValueForLocation(text, this.showText, false);
-            this.overflowOptions.text = util_1.getValueForLocation(text, this.showText, true);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarSplitButtonComponent.prototype, "icon", {
-        /**
-         * Defines the icon that will be rendered next to the button text
-         * ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons)).
-         */
-        set: function (icon) {
-            this.toolbarOptions.icon = util_1.getValueForLocation(icon, this.showIcon, false);
-            this.overflowOptions.icon = util_1.getValueForLocation(icon, this.showIcon, true);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarSplitButtonComponent.prototype, "iconClass", {
-        /**
-         * Defines an icon with a custom CSS class that will be rendered next to the button text.
-         */
-        set: function (iconClass) {
-            this.toolbarOptions.iconClass = util_1.getValueForLocation(iconClass, this.showIcon, false);
-            this.overflowOptions.iconClass = util_1.getValueForLocation(iconClass, this.showIcon, true);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarSplitButtonComponent.prototype, "imageUrl", {
-        /**
-         * Defines the location of an image that will be displayed next to the button text.
-         */
-        set: function (imageUrl) {
-            this.toolbarOptions.imageUrl = util_1.getValueForLocation(imageUrl, this.showIcon, false);
-            this.overflowOptions.imageUrl = util_1.getValueForLocation(imageUrl, this.showIcon, true);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarSplitButtonComponent.prototype, "popupSettings", {
-        get: function () {
-            if (!this._popupSettings) {
-                this._popupSettings = { animate: true, popupClass: '' };
-            }
-            return this._popupSettings;
-        },
-        /**
-         * Configures the popup of the SplitButton.
-         *
-         * The available options are:
-         * - `animate:Boolean`—Controls the popup animation. By default, the open and close animations are enabled.
-         * - `popupClass:String`—Specifies a list of CSS classes that are used to style the popup.
-         */
-        set: function (value) {
-            this._popupSettings = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarSplitButtonComponent.prototype, "look", {
-        /**
-         * @hidden
-         */
-        set: function (look) {
-            if (look) {
-                this.fillMode = look === 'default' ? 'solid' : look;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarSplitButtonComponent.prototype, "data", {
-        get: function () {
-            if (!this._data) {
-                this.data = [];
-            }
-            return this._data;
-        },
-        /**
-         * Sets the data of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons)).
-         *
-         * > The data has to be provided in an array-like list.
-         */
-        set: function (data) {
-            this._data = data || [];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarSplitButtonComponent.prototype, "overflowButtons", {
-        get: function () {
-            return [this.overflowSplitButton].concat(this.overflowSplitButtonButtonList.buttons.toArray().filter(function (b) { return !b.nativeElement.disabled; }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ToolBarSplitButtonComponent.prototype.onButtonListClick = function (ev) {
-        this.focusedIndex = this.overflowButtons.findIndex(function (b) { return b.nativeElement.contains(ev.target); });
-    };
-    /**
-     * @hidden
-     */
-    ToolBarSplitButtonComponent.prototype.onMainButtonClick = function (ev) {
-        this.buttonClick.emit(ev);
-        this.focusedIndex = 0;
-    };
-    /**
-     * @hidden
-     */
-    ToolBarSplitButtonComponent.prototype.canFocus = function () {
-        return !this.disabled;
-    };
-    /**
-     * @hidden
-     */
-    ToolBarSplitButtonComponent.prototype.focus = function (ev) {
-        if (ev === void 0) { ev = {}; }
-        if (!this.overflows) {
-            if (ev.type === 'focus' || ev.type === 'keydown') {
-                this.toolbarSplitButton.focus();
-            }
-        }
-        else if (this.overflowButtons.length > 0) {
-            this.focusedIndex = util_1.getIndexOfFocused(this.getPrevKey(), this.getNextKey(), this.overflowButtons.map(function (ob) { return ob.nativeElement; }))(ev);
-            this.focusButton(this.focusedIndex, ev);
-        }
-    };
-    /**
-     * @hidden
-     */
-    ToolBarSplitButtonComponent.prototype.handleKey = function (ev) {
-        if (!this.overflows && (ev.keyCode === this.getPrevKey(this.overflows) || ev.keyCode === this.getNextKey(this.overflows))) {
-            return false;
-        }
-        if (this.overflows) {
-            var peekAtIndex = util_1.makePeeker(this.overflowButtons);
-            var isUnmodified = util_1.areEqual(this.focusedIndex);
-            this.focusedIndex = util_1.seekFocusedIndex(this.getPrevKey(), this.getNextKey(), peekAtIndex)(this.focusedIndex, ev);
-            this.focusButton(this.focusedIndex, ev);
-            return !isUnmodified(this.focusedIndex);
-        }
-    };
-    ToolBarSplitButtonComponent.prototype.focusButton = function (index, ev) {
-        if (!ev.type || ev.type === 'focus' || ev.type === 'keydown' || ev.type === 'click') {
-            this.overflowButtons[index].nativeElement.focus();
-        }
-    };
-    var ToolBarSplitButtonComponent_1;
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarSplitButtonComponent.prototype, "showText", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarSplitButtonComponent.prototype, "showIcon", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarSplitButtonComponent.prototype, "text", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarSplitButtonComponent.prototype, "icon", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarSplitButtonComponent.prototype, "iconClass", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarSplitButtonComponent.prototype, "imageUrl", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarSplitButtonComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], ToolBarSplitButtonComponent.prototype, "popupSettings", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarSplitButtonComponent.prototype, "fillMode", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarSplitButtonComponent.prototype, "themeColor", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarSplitButtonComponent.prototype, "look", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarSplitButtonComponent.prototype, "buttonClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ToolBarSplitButtonComponent.prototype, "arrowButtonClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarSplitButtonComponent.prototype, "arrowButtonIcon", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarSplitButtonComponent.prototype, "textField", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], ToolBarSplitButtonComponent.prototype, "data", null);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ToolBarSplitButtonComponent.prototype, "buttonClick", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ToolBarSplitButtonComponent.prototype, "itemClick", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ToolBarSplitButtonComponent.prototype, "open", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ToolBarSplitButtonComponent.prototype, "close", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('toolbarTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ToolBarSplitButtonComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ToolBarSplitButtonComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('toolbarSplitButton', { static: false }),
-        tslib_1.__metadata("design:type", kendo_angular_buttons_1.SplitButtonComponent)
-    ], ToolBarSplitButtonComponent.prototype, "toolbarSplitButton", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('overflowSplitButton', { read: core_1.ElementRef, static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], ToolBarSplitButtonComponent.prototype, "overflowSplitButton", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('overflowSplitButtonButtonList', { static: false }),
-        tslib_1.__metadata("design:type", toolbar_buttonlist_component_1.ToolBarButtonListComponent)
-    ], ToolBarSplitButtonComponent.prototype, "overflowSplitButtonButtonList", void 0);
-    ToolBarSplitButtonComponent = ToolBarSplitButtonComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoToolBarSplitButton',
-            // tslint:disable-next-line:no-forward-ref
-            providers: [{ provide: toolbar_tool_component_1.ToolBarToolComponent, useExisting: core_1.forwardRef(function () { return ToolBarSplitButtonComponent_1; }) }],
-            selector: 'kendo-toolbar-splitbutton',
-            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-splitbutton\n                #toolbarSplitButton\n                [data]=\"data\"\n                [text]=\"toolbarOptions.text\"\n                [icon]=\"toolbarOptions.icon\"\n                [iconClass]=\"toolbarOptions.iconClass\"\n                [imageUrl]=\"toolbarOptions.imageUrl\"\n                [buttonClass]=\"buttonClass\"\n                [arrowButtonClass]=\"arrowButtonClass\"\n                [arrowButtonIcon]=\"arrowButtonIcon\"\n                [disabled]=\"disabled\"\n                [tabIndex]=\"-1\"\n                [textField]=\"textField\"\n                [popupSettings]=\"popupSettings\"\n                [fillMode]=\"fillMode\"\n                [themeColor]=\"fillMode ? themeColor : null\"\n                (buttonClick)=\"buttonClick.emit($event)\"\n                (open)=\"open.emit($event)\"\n                (close)=\"close.emit($event)\"\n                (itemClick)=\"itemClick.emit($event)\"\n            >\n            </kendo-splitbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                #overflowSplitButton\n                type=\"button\"\n                tabindex=\"-1\"\n                [fillMode]=\"fillMode\"\n                [themeColor]=\"fillMode ? themeColor : null\"\n                kendoButton\n                class=\"k-overflow-button\"\n                [disabled]=\"disabled\"\n                [icon]=\"overflowOptions.icon\"\n                [iconClass]=\"overflowOptions.iconClass\"\n                [imageUrl]=\"overflowOptions.imageUrl\"\n                [ngClass]=\"buttonClass\"\n                (click)=\"buttonClick.emit($event)\"\n                (click)=\"onMainButtonClick($event)\"\n            >\n                {{ overflowOptions.text }}\n            </button>\n            <kendo-toolbar-buttonlist\n                #overflowSplitButtonButtonList\n                [data]=\"data\"\n                [disabled]=\"disabled\"\n                [fillMode]=\"fillMode\"\n                [themeColor]=\"fillMode ? themeColor : null\"\n                [textField]=\"textField\"\n                (itemClick)=\"itemClick.emit($event)\"\n                (click)=\"onButtonListClick($event)\"\n            >\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ToolBarSplitButtonComponent);
-    return ToolBarSplitButtonComponent;
-}(toolbar_tool_component_1.ToolBarToolComponent));
-exports.ToolBarSplitButtonComponent = ToolBarSplitButtonComponent;

package/dist/npm/tools/toolbar-tool.component.js

@@ -1,78 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-/**
- * Represents the Base ToolBar Tool component for Angular.
- * Extend this class to create custom tools.
- */
-var ToolBarToolComponent = /** @class */ (function () {
-    function ToolBarToolComponent() {
-        this.tabIndex = -1; //Focus movement inside the toolbar is managed using roving tabindex.
-        this.overflows = true;
-        // this should be replaced with showTool: DisplayMode = 'both';
-        /**
-         * @hidden
-         */
-        this.responsive = true;
-    }
-    Object.defineProperty(ToolBarToolComponent.prototype, "toolbarDisplay", {
-        get: function () {
-            return this.overflows ? 'none' : 'inline-block';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarToolComponent.prototype, "overflowDisplay", {
-        get: function () {
-            return this.overflows ? 'block' : 'none';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Determines if the tool can be focused.
-     * If the returned value is `false`, the tool will not be part of the keyboard navigation.
-     * @returns `true` if the tool should take part in keyboard navigation.
-     */
-    ToolBarToolComponent.prototype.canFocus = function () {
-        return false;
-    };
-    /**
-     * Called when the tool is focused.
-     * The method accepts as argument the original browser event, which can be a `KeyboardEvent`, `MouseEvent` or `FocusEvent`.
-     * @param {Event} ev - This is the event that caused the tool to be focused.
-     */
-    // @ts-ignore
-    ToolBarToolComponent.prototype.focus = function (ev) {
-        /* noop */
-    };
-    /**
-     * Called when the tool is focused and one of the arrow keys is pressed.
-     * The returned boolean value determines whether the `ToolBarComponent` will move the focus to the next/previous `ToolBarToolComponent`
-     * ([see example]({% slug customcontroltypes_toolbar %}#toc-adding-keyboard-navigation)).
-     * @param {KeyboardEvent} ev - The last pressed arrow key
-     * @returns
-     */
-    // @ts-ignore
-    ToolBarToolComponent.prototype.handleKey = function (ev) {
-        return false;
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarToolComponent.prototype, "responsive", void 0);
-    ToolBarToolComponent = tslib_1.__decorate([
-        core_1.Component({
-            // tslint:disable-next-line:component-selector
-            selector: 'toolbar-tool',
-            template: ""
-        })
-    ], ToolBarToolComponent);
-    return ToolBarToolComponent;
-}());
-exports.ToolBarToolComponent = ToolBarToolComponent;

package/dist/npm/util.js

@@ -1,209 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-/**
- * @hidden
- */
-var focusableRegex = /^(?:a|input|select|textarea|button|object)$/i;
-/**
- * @hidden
- */
-function outerWidth(element) {
-    var width = element.offsetWidth;
-    var style = getComputedStyle(element);
-    width += parseFloat(style.marginLeft) || 0 + parseFloat(style.marginRight) || 0;
-    return width;
-}
-exports.outerWidth = outerWidth;
-/**
- * @hidden
- */
-function innerWidth(element) {
-    var width = element.offsetWidth;
-    var style = getComputedStyle(element);
-    width -= parseFloat(style.paddingLeft) || 0 + parseFloat(style.borderLeftWidth) || 0;
-    width -= parseFloat(style.paddingRight) || 0 + parseFloat(style.borderRightWidth) || 0;
-    return width;
-}
-exports.innerWidth = innerWidth;
-/**
- * @hidden
- */
-function outerHeight(element) {
-    var width = element.offsetHeight;
-    var style = getComputedStyle(element);
-    width += parseFloat(style.marginTop) || 0 + parseFloat(style.marginBottom) || 0;
-    return width;
-}
-exports.outerHeight = outerHeight;
-/**
- * @hidden
- */
-exports.closest = function (node, predicate) {
-    while (node && !predicate(node)) {
-        node = node.parentNode;
-    }
-    return node;
-};
-/**
- * @hidden
- */
-exports.isVisible = function (element) {
-    var rect = element.getBoundingClientRect();
-    var hasSize = rect.width > 0 && rect.height > 0;
-    var hasPosition = rect.x !== 0 && rect.y !== 0;
-    // Elements can have zero size due to styling, but they should still count as visible.
-    // For example, the selection checkbox has no size, but is made visible through styling.
-    return (hasSize || hasPosition) && window.getComputedStyle(element).visibility !== 'hidden';
-};
-/**
- * @hidden
- */
-exports.findElement = function (node, predicate, matchSelf) {
-    if (matchSelf === void 0) { matchSelf = true; }
-    if (!node) {
-        return;
-    }
-    if (matchSelf && predicate(node)) {
-        return node;
-    }
-    node = node.firstChild;
-    while (node) {
-        if (node.nodeType === 1) {
-            var element = exports.findElement(node, predicate);
-            if (element) {
-                return element;
-            }
-        }
-        node = node.nextSibling;
-    }
-};
-/**
- * @hidden
- */
-exports.isFocusable = function (element, checkVisibility) {
-    if (checkVisibility === void 0) { checkVisibility = true; }
-    if (element.tagName) {
-        var tagName = element.tagName.toLowerCase();
-        var tabIndex = element.getAttribute('tabIndex');
-        var focusable = tabIndex !== null;
-        if (focusableRegex.test(tagName)) {
-            focusable = !element.disabled;
-        }
-        return focusable && (!checkVisibility || exports.isVisible(element));
-    }
-    return false;
-};
-/**
- * @hidden
- */
-exports.findFocusable = function (element, checkVisibility) {
-    if (checkVisibility === void 0) { checkVisibility = true; }
-    return exports.findElement(element, function (node) { return exports.isFocusable(node, checkVisibility); });
-};
-/**
- * @hidden
- */
-exports.findFocusableChild = function (element, checkVisibility) {
-    if (checkVisibility === void 0) { checkVisibility = true; }
-    return exports.findElement(element, function (node) { return exports.isFocusable(node, checkVisibility); }, false);
-};
-/**
- * @hidden
- */
-exports.findFocusableSibling = function (element, checkVisibility, reverse) {
-    if (checkVisibility === void 0) { checkVisibility = true; }
-    var node = reverse ? element.prevSibling : element.nextSibling;
-    while (node) {
-        if (node.nodeType === 1) {
-            var result = exports.findElement(node, function (el) { return exports.isFocusable(el, checkVisibility); });
-            if (result) {
-                return result;
-            }
-        }
-        node = reverse ? node.prevSibling : node.nextSibling;
-    }
-};
-/**
- * @hidden
- */
-exports.isPresent = function (value) { return value !== null && value !== undefined; };
-/**
- * @hidden
- */
-exports.makePeeker = function (collection) { return function (index) { return exports.isPresent(collection[index]); }; };
-/**
- * @hidden
- */
-exports.getIndexOfFocused = function (prevKeyCode, nextKeyCode, collection) { return function (ev) {
-    switch (ev.type) {
-        case 'keydown':
-            if (ev.keyCode === prevKeyCode) {
-                return collection.length - 1;
-            }
-            if (ev.keyCode === nextKeyCode) {
-                return 0;
-            }
-            break;
-        case 'click':
-            return collection.findIndex(function (be) { return be === ev.target || be.contains(ev.target); });
-        case 'focus':
-            return 0;
-        default:
-            return 0;
-    }
-}; };
-/**
- * @hidden
- */
-exports.seekFocusedIndex = function (prevKeyCode, nextKeyCode, seeker) { return function (startIndex, ev) {
-    switch (ev.keyCode) {
-        case prevKeyCode:
-            return seeker(startIndex - 1) ? startIndex - 1 : startIndex;
-        case nextKeyCode:
-            return seeker(startIndex + 1) ? startIndex + 1 : startIndex;
-        default:
-            return startIndex;
-    }
-}; };
-/**
- * @hidden
- */
-exports.areEqual = function (first) { return function (second) { return first === second; }; };
-/**
- * @hidden
- */
-exports.getNextKey = function (rtl) {
-    if (rtl === void 0) { rtl = false; }
-    return function (overflows) {
-        if (overflows === void 0) { overflows = true; }
-        return overflows ? kendo_angular_common_1.Keys.ArrowDown : rtl ? kendo_angular_common_1.Keys.ArrowLeft : kendo_angular_common_1.Keys.ArrowRight;
-    };
-};
-/**
- * @hidden
- */
-exports.getPrevKey = function (rtl) {
-    if (rtl === void 0) { rtl = false; }
-    return function (overflows) {
-        if (overflows === void 0) { overflows = true; }
-        return overflows ? kendo_angular_common_1.Keys.ArrowUp : rtl ? kendo_angular_common_1.Keys.ArrowRight : kendo_angular_common_1.Keys.ArrowLeft;
-    };
-};
-/**
- * @hidden
- */
-exports.getValueForLocation = function (property, displayMode, overflows) {
-    switch (displayMode) {
-        case 'toolbar':
-            return overflows ? undefined : property;
-        case 'overflow':
-            return overflows ? property : undefined;
-        default:
-            return property;
-    }
-};