@progress/kendo-angular-toolbar 5.0.3 → 6.0.0-dev.202204131416

package/dist/es/tools/toolbar-dropdownbutton.component.js

@@ -1,368 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ElementRef, TemplateRef, forwardRef, ViewChild, Input, EventEmitter, Output } from '@angular/core';
-import { ToolBarToolComponent } from './toolbar-tool.component';
-import { DropDownButtonComponent } from '@progress/kendo-angular-buttons';
-import { ToolBarButtonListComponent } from './toolbar-buttonlist.component';
-import { getValueForLocation, makePeeker, getIndexOfFocused, getPrevKey, getNextKey, seekFocusedIndex, areEqual } from '../util';
-/**
- * Represents the [Kendo UI ToolBar DropDownButton for Angular]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
- */
-var ToolBarDropDownButtonComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ToolBarDropDownButtonComponent, _super);
-    function ToolBarDropDownButtonComponent() {
-        var _this = _super.call(this) || this;
-        // showText and showIcon showIcon should be declared first
-        /**
-         * Defines the location of the button text that will be displayed.
-         */
-        _this.showText = 'both';
-        /**
-         * Defines the location of the button icon that will 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
-         * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-themeColor)).
-         *
-         * 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';
-        /**
-         * Fires each time the user clicks a DropDownButton item.
-         * The event data contains the data item that is bound to the clicked list item.
-         */
-        _this.itemClick = new 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 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 EventEmitter();
-        _this.toolbarOptions = {
-            text: '',
-            icon: '',
-            iconClass: '',
-            imageUrl: ''
-        };
-        _this.overflowOptions = {
-            text: '',
-            icon: '',
-            iconClass: '',
-            imageUrl: ''
-        };
-        _this._popupSettings = { animate: true, popupClass: '' };
-        _this.focusedIndex = -1;
-        _this.getNextKey = getNextKey();
-        _this.getPrevKey = getPrevKey();
-        return _this;
-    }
-    ToolBarDropDownButtonComponent_1 = ToolBarDropDownButtonComponent;
-    Object.defineProperty(ToolBarDropDownButtonComponent.prototype, "text", {
-        /**
-         * Sets the text of the DropDownButton
-         * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
-         */
-        set: function (text) {
-            this.toolbarOptions.text = getValueForLocation(text, this.showText, false);
-            this.overflowOptions.text = getValueForLocation(text, this.showText, true);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarDropDownButtonComponent.prototype, "icon", {
-        /**
-         * Defines an icon that will be rendered next to the button text.
-         */
-        set: function (icon) {
-            this.toolbarOptions.icon = getValueForLocation(icon, this.showIcon, false);
-            this.overflowOptions.icon = getValueForLocation(icon, this.showIcon, true);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarDropDownButtonComponent.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 = getValueForLocation(iconClass, this.showIcon, false);
-            this.overflowOptions.iconClass = getValueForLocation(iconClass, this.showIcon, true);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarDropDownButtonComponent.prototype, "imageUrl", {
-        /**
-         * Defines the location of an image that will be displayed next to the button text.
-         */
-        set: function (imageUrl) {
-            this.toolbarOptions.imageUrl = getValueForLocation(imageUrl, this.showIcon, false);
-            this.overflowOptions.imageUrl = getValueForLocation(imageUrl, this.showIcon, true);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarDropDownButtonComponent.prototype, "popupSettings", {
-        get: function () {
-            return this._popupSettings;
-        },
-        /**
-         * Configures the popup of the DropDownButton.
-         *
-         * 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 (settings) {
-            this._popupSettings = Object.assign({ animate: true, popupClass: '' }, settings);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarDropDownButtonComponent.prototype, "look", {
-        /**
-         * @hidden
-         */
-        set: function (look) {
-            if (look) {
-                this.fillMode = look === 'default' ? 'solid' : look;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarDropDownButtonComponent.prototype, "primary", {
-        /**
-         * @hidden
-         */
-        set: function (primary) {
-            this.themeColor = primary ? 'primary' : 'base';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarDropDownButtonComponent.prototype, "data", {
-        get: function () {
-            if (!this._data) {
-                this.data = [];
-            }
-            return this._data;
-        },
-        /**
-         * Sets the data of the DropDownButton
-         * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons)).
-         *
-         * > The data has to be provided in an array-like list.
-         */
-        set: function (data) {
-            this._data = data || [];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarDropDownButtonComponent.prototype, "overflowButtons", {
-        get: function () {
-            return this.overflowDropDownButtonButtonList.buttons.toArray().filter(function (b) { return !b.nativeElement.disabled; }).slice();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ToolBarDropDownButtonComponent.prototype.onButtonListClick = function (ev) {
-        this.focusedIndex = this.overflowDropDownButtonButtonList.buttons
-            .toArray()
-            .findIndex(function (b) { return b.nativeElement.contains(ev.target); });
-    };
-    /**
-     * @hidden
-     */
-    ToolBarDropDownButtonComponent.prototype.canFocus = function () {
-        return !this.disabled;
-    };
-    /**
-     * @hidden
-     */
-    ToolBarDropDownButtonComponent.prototype.focus = function (ev) {
-        if (ev === void 0) { ev = {}; }
-        if (!this.overflows) {
-            if (ev.type === 'focus' || ev.type === 'keydown') {
-                this.toolbarDropDownButton.focus();
-            }
-        }
-        else if (this.overflowButtons.length > 0) {
-            this.focusedIndex = getIndexOfFocused(this.getPrevKey(), this.getNextKey(), this.overflowButtons.map(function (ob) { return ob.nativeElement; }))(ev);
-            this.focusButton(this.focusedIndex, ev);
-        }
-    };
-    /**
-     * @hidden
-     */
-    ToolBarDropDownButtonComponent.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 = makePeeker(this.overflowButtons);
-            var isUnmodified = areEqual(this.focusedIndex);
-            this.focusedIndex = seekFocusedIndex(this.getPrevKey(), this.getNextKey(), peekAtIndex)(this.focusedIndex, ev);
-            this.focusButton(this.focusedIndex, ev);
-            return !isUnmodified(this.focusedIndex);
-        }
-    };
-    ToolBarDropDownButtonComponent.prototype.focusButton = function (index, ev) {
-        if (!ev.type || ev.type === 'focus' || ev.type === 'keydown') {
-            this.overflowButtons[index].nativeElement.focus();
-        }
-    };
-    var ToolBarDropDownButtonComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarDropDownButtonComponent.prototype, "showText", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarDropDownButtonComponent.prototype, "showIcon", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarDropDownButtonComponent.prototype, "text", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarDropDownButtonComponent.prototype, "icon", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarDropDownButtonComponent.prototype, "iconClass", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarDropDownButtonComponent.prototype, "imageUrl", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], ToolBarDropDownButtonComponent.prototype, "popupSettings", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarDropDownButtonComponent.prototype, "look", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ToolBarDropDownButtonComponent.prototype, "primary", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarDropDownButtonComponent.prototype, "fillMode", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarDropDownButtonComponent.prototype, "themeColor", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarDropDownButtonComponent.prototype, "buttonClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarDropDownButtonComponent.prototype, "textField", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarDropDownButtonComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], ToolBarDropDownButtonComponent.prototype, "data", null);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ToolBarDropDownButtonComponent.prototype, "itemClick", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ToolBarDropDownButtonComponent.prototype, "open", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ToolBarDropDownButtonComponent.prototype, "close", void 0);
-    tslib_1.__decorate([
-        ViewChild('toolbarTemplate', { static: true }),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ToolBarDropDownButtonComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ToolBarDropDownButtonComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChild('dropdownButton', { read: ElementRef, static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], ToolBarDropDownButtonComponent.prototype, "dropdownButton", void 0);
-    tslib_1.__decorate([
-        ViewChild(DropDownButtonComponent, { static: false }),
-        tslib_1.__metadata("design:type", DropDownButtonComponent)
-    ], ToolBarDropDownButtonComponent.prototype, "dropDownButtonComponent", void 0);
-    tslib_1.__decorate([
-        ViewChild('toolbarDropDownButton', { static: false }),
-        tslib_1.__metadata("design:type", DropDownButtonComponent)
-    ], ToolBarDropDownButtonComponent.prototype, "toolbarDropDownButton", void 0);
-    tslib_1.__decorate([
-        ViewChild('overflowDropDownButtonButtonList', { static: false }),
-        tslib_1.__metadata("design:type", ToolBarButtonListComponent)
-    ], ToolBarDropDownButtonComponent.prototype, "overflowDropDownButtonButtonList", void 0);
-    ToolBarDropDownButtonComponent = ToolBarDropDownButtonComponent_1 = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoToolBarDropDownButton',
-            // tslint:disable-next-line:no-forward-ref
-            providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(function () { return ToolBarDropDownButtonComponent_1; }) }],
-            selector: 'kendo-toolbar-dropdownbutton',
-            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-dropdownbutton\n                #toolbarDropDownButton\n                [icon]=\"toolbarOptions.icon\"\n                [iconClass]=\"toolbarOptions.iconClass\"\n                [imageUrl]=\"toolbarOptions.imageUrl\"\n                [buttonClass]=\"buttonClass\"\n                [disabled]=\"disabled\"\n                [tabIndex]=\"-1\"\n                [data]=\"data\"\n                [textField]=\"textField\"\n                [popupSettings]=\"popupSettings\"\n                [fillMode]=\"fillMode\"\n                [themeColor]=\"fillMode ? themeColor : null\"\n                (open)=\"open.emit($event)\"\n                (close)=\"close.emit($event)\"\n                (itemClick)=\"itemClick.emit($event)\"\n            >\n                {{ toolbarOptions.text }}\n            </kendo-dropdownbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                type=\"button\"\n                tabindex=\"-1\"\n                kendoButton\n                class=\"k-overflow-button\"\n                [disabled]=\"true\"\n                [icon]=\"overflowOptions.icon\"\n                [iconClass]=\"overflowOptions.iconClass\"\n                [imageUrl]=\"overflowOptions.imageUrl\"\n                [ngClass]=\"buttonClass\"\n                (click)=\"itemClick.emit($event)\"\n            >\n                {{ overflowOptions.text }}\n            </button>\n            <kendo-toolbar-buttonlist\n                #overflowDropDownButtonButtonList\n                [data]=\"data\"\n                [disabled]=\"disabled\"\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", [])
-    ], ToolBarDropDownButtonComponent);
-    return ToolBarDropDownButtonComponent;
-}(ToolBarToolComponent));
-export { ToolBarDropDownButtonComponent };

package/dist/es/tools/toolbar-separator.component.js

@@ -1,67 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, TemplateRef, forwardRef, ViewChild, ElementRef } from '@angular/core';
-import { ToolBarToolComponent } from './toolbar-tool.component';
-/**
- * Represents the [Kendo UI ToolBar Separator for Angular]({% slug controltypes_toolbar %}#toc-separators).
- */
-var ToolBarSeparatorComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ToolBarSeparatorComponent, _super);
-    function ToolBarSeparatorComponent() {
-        return _super.call(this) || this;
-    }
-    ToolBarSeparatorComponent_1 = ToolBarSeparatorComponent;
-    /**
-     * @hidden
-     */
-    ToolBarSeparatorComponent.prototype.canFocus = function () {
-        return false;
-    };
-    // If this is not here, the docs display info from its parent(ToolBarToolComponent).
-    /**
-     * @hidden
-     */
-    ToolBarSeparatorComponent.prototype.focus = function () {
-        /* noop */
-    };
-    // If this is not here, the docs display info from its parent(ToolBarToolComponent).
-    /**
-     * @hidden
-     */
-    ToolBarSeparatorComponent.prototype.handleKey = function () {
-        return false;
-    };
-    ToolBarSeparatorComponent.prototype.ngAfterViewInit = function () {
-        if (!this.popupTemplate) {
-            this.popupTemplate = this.toolbarTemplate;
-        }
-    };
-    var ToolBarSeparatorComponent_1;
-    tslib_1.__decorate([
-        ViewChild('toolbarTemplate', { static: true }),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ToolBarSeparatorComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ToolBarSeparatorComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChild('separator', { static: false }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], ToolBarSeparatorComponent.prototype, "separator", void 0);
-    ToolBarSeparatorComponent = ToolBarSeparatorComponent_1 = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoToolBarSeparator',
-            // tslint:disable-next-line:no-forward-ref
-            providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(function () { return ToolBarSeparatorComponent_1; }) }],
-            selector: 'kendo-toolbar-separator',
-            template: "\n        <ng-template #toolbarTemplate>\n            <div class=\"k-separator\"></div>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ToolBarSeparatorComponent);
-    return ToolBarSeparatorComponent;
-}(ToolBarToolComponent));
-export { ToolBarSeparatorComponent };