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

package/dist/es/toolbar.module.js

@@ -1,60 +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 { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import { PopupModule } from '@progress/kendo-angular-popup';
-import { ResizeSensorModule } from '@progress/kendo-angular-common';
-import { ToolBarComponent } from './toolbar.component';
-import { ToolBarToolComponent } from './tools/toolbar-tool.component';
-import { ToolBarButtonComponent } from './tools/toolbar-button.component';
-import { ToolBarButtonGroupComponent } from './tools/toolbar-buttongroup.component';
-import { ToolBarDropDownButtonComponent } from './tools/toolbar-dropdownbutton.component';
-import { ToolBarSplitButtonComponent } from './tools/toolbar-splitbutton.component';
-import { ToolBarSeparatorComponent } from './tools/toolbar-separator.component';
-import { ToolBarRendererComponent } from './renderer.component';
-import { ToolBarButtonListComponent } from './tools/toolbar-buttonlist.component';
-import { LocalizedToolbarMessagesDirective } from './localization/localized-toolbar-messages.directive';
-import { ToolbarCustomMessagesComponent } from './localization/custom-messages.component';
-var TOOLBAR_TOOLS = [
-    ToolBarToolComponent,
-    ToolBarButtonComponent,
-    ToolBarButtonGroupComponent,
-    ToolBarDropDownButtonComponent,
-    ToolBarSplitButtonComponent,
-    ToolBarSeparatorComponent
-];
-var TOOLBAR_COMMON = [
-    ToolBarRendererComponent,
-    ToolBarButtonListComponent,
-    ToolbarCustomMessagesComponent,
-    LocalizedToolbarMessagesDirective
-];
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }}) definition for the ToolBar component.
- *
- * The package exports:
- * - `ToolBarComponent`—The ToolBarComponent class.
- * - `ToolBarToolComponent`—The base Tool component class.
- * - `ToolBarButtonComponent`—The Button Tool component class.
- * - `ToolBarButtonGroupComponent`—The ButtonGroup Tool component class.
- * - `ToolBarDropDownButtonComponent`—The DropDownButton Tool component class.
- * - `ToolBarSplitButtonComponent`—The SplitButton Tool component class.
- * - `ToolBarSeparatorComponent`—The Separator Tool component class.
- */
-var ToolBarModule = /** @class */ (function () {
-    function ToolBarModule() {
-    }
-    ToolBarModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [ToolBarComponent, TOOLBAR_TOOLS, TOOLBAR_COMMON],
-            exports: [ToolBarComponent, TOOLBAR_TOOLS, ToolbarCustomMessagesComponent, LocalizedToolbarMessagesDirective],
-            imports: [CommonModule, ButtonsModule, PopupModule, ResizeSensorModule]
-        })
-    ], ToolBarModule);
-    return ToolBarModule;
-}());
-export { ToolBarModule };

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

@@ -1,310 +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, Input, Output, EventEmitter, ElementRef } from '@angular/core';
-import { ToolBarToolComponent } from './toolbar-tool.component';
-import { getValueForLocation } from '../util';
-/**
- * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
- */
-var ToolBarButtonComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ToolBarButtonComponent, _super);
-    function ToolBarButtonComponent() {
-        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';
-        /**
-         * Provides visual styling that indicates if the Button is active
-         * ([see example]({% slug controltypes_toolbar %}#toc-toggle-buttons)).
-         * By default, `toggleable` is set to `false`.
-         */
-        _this.toggleable = false;
-        /**
-         * Sets the selected state of the Button.
-         */
-        _this.selected = false;
-        /**
-         * 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 Button is clicked.
-         */
-        _this.click = new EventEmitter();
-        /**
-         * Fires when the Button [pointerdown](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/pointerdown_event) event is triggered.
-         */
-        _this.pointerdown = new EventEmitter();
-        /**
-         * Fires each time the selected state of a Toggle Button is changed.
-         * The event argument is the new selected state (Boolean).
-         */
-        _this.selectedChange = new EventEmitter();
-        _this.toolbarOptions = {
-            text: '',
-            icon: '',
-            iconClass: '',
-            imageUrl: ''
-        };
-        _this.overflowOptions = {
-            text: '',
-            icon: '',
-            iconClass: '',
-            imageUrl: ''
-        };
-        return _this;
-    }
-    ToolBarButtonComponent_1 = ToolBarButtonComponent;
-    Object.defineProperty(ToolBarButtonComponent.prototype, "text", {
-        /**
-         * Specifies the text of the Button ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
-         */
-        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(ToolBarButtonComponent.prototype, "look", {
-        /**
-         * @hidden
-         */
-        set: function (look) {
-            if (look) {
-                this.fillMode = look === 'default' ? 'solid' : look;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarButtonComponent.prototype, "togglable", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.toggleable;
-        },
-        set: function (value) {
-            this.toggleable = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarButtonComponent.prototype, "icon", {
-        /**
-         * Defines the name for an existing icon in a Kendo UI theme
-         * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
-         * The icon is rendered inside the Button by a `span.k-icon` element.
-         */
-        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(ToolBarButtonComponent.prototype, "iconClass", {
-        /**
-         * Defines a CSS class—or multiple classes separated by spaces—
-         * which are applied to a `span` element inside the Button. Allows the usage of custom icons.
-         */
-        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(ToolBarButtonComponent.prototype, "imageUrl", {
-        /**
-         * Defines a URL which is used for an `img` element inside the Button.
-         * The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.
-         */
-        set: function (imageUrl) {
-            this.toolbarOptions.imageUrl = getValueForLocation(imageUrl, this.showIcon, false);
-            this.overflowOptions.imageUrl = getValueForLocation(imageUrl, this.showIcon, true);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ToolBarButtonComponent.prototype.onBlur = function () {
-        this.getButton().tabIndex = -1;
-    };
-    /**
-     * @hidden
-     */
-    ToolBarButtonComponent.prototype.canFocus = function () {
-        return !this.disabled;
-    };
-    /**
-     * @hidden
-     */
-    ToolBarButtonComponent.prototype.focus = function (ev) {
-        // guard against focusing twice on mousedown.
-        if (!ev || ev.type === 'focus' || ev.type === 'keydown') {
-            this.getButton().focus();
-        }
-        this.getButton().tabIndex = 0;
-    };
-    /**
-     * @hidden
-     */
-    ToolBarButtonComponent.prototype.handleKey = function () {
-        this.getButton().tabIndex = -1;
-        return false;
-    };
-    ToolBarButtonComponent.prototype.getButton = function () {
-        return (this.overflows ? this.overflowButtonElement : this.toolbarButtonElement).nativeElement;
-    };
-    var ToolBarButtonComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "showText", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "showIcon", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "text", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ToolBarButtonComponent.prototype, "style", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ToolBarButtonComponent.prototype, "className", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonComponent.prototype, "toggleable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "look", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ToolBarButtonComponent.prototype, "togglable", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonComponent.prototype, "selected", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "fillMode", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "themeColor", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "icon", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "iconClass", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "imageUrl", null);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ToolBarButtonComponent.prototype, "click", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ToolBarButtonComponent.prototype, "pointerdown", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ToolBarButtonComponent.prototype, "selectedChange", void 0);
-    tslib_1.__decorate([
-        ViewChild('toolbarTemplate', { static: true }),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ToolBarButtonComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ToolBarButtonComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChild('toolbarButton', { read: ElementRef, static: false }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], ToolBarButtonComponent.prototype, "toolbarButtonElement", void 0);
-    tslib_1.__decorate([
-        ViewChild('overflowButton', { read: ElementRef, static: false }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], ToolBarButtonComponent.prototype, "overflowButtonElement", void 0);
-    ToolBarButtonComponent = ToolBarButtonComponent_1 = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoToolBarButton',
-            // tslint:disable-next-line:no-forward-ref
-            providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(function () { return ToolBarButtonComponent_1; }) }],
-            selector: 'kendo-toolbar-button',
-            template: "\n        <ng-template #toolbarTemplate>\n            <button\n                #toolbarButton\n                [tabindex]=\"tabIndex\"\n                type=\"button\"\n                kendoButton\n                [ngStyle]=\"style\"\n                [ngClass]=\"className\"\n                [attr.title]=\"title\"\n                [disabled]=\"disabled\"\n                [toggleable]=\"toggleable\"\n                [fillMode]=\"fillMode\"\n                [themeColor]=\"fillMode ? themeColor : null\"\n                [selected]=\"selected\"\n                [icon]=\"toolbarOptions.icon\"\n                [iconClass]=\"toolbarOptions.iconClass\"\n                [imageUrl]=\"toolbarOptions.imageUrl\"\n                (click)=\"click.emit($event)\"\n                (pointerdown)=\"pointerdown.emit($event)\"\n                (selectedChange)=\"selectedChange.emit($event)\"\n                (blur)=\"onBlur()\"\n            >\n                {{ toolbarOptions.text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                #overflowButton\n                tabindex=\"-1\"\n                type=\"button\"\n                kendoButton\n                class=\"k-overflow-button\"\n                [ngStyle]=\"style\"\n                [ngClass]=\"className\"\n                [attr.title]=\"title\"\n                [disabled]=\"disabled\"\n                [toggleable]=\"toggleable\"\n                [fillMode]=\"fillMode\"\n                [themeColor]=\"fillMode ? themeColor : null\"\n                [selected]=\"selected\"\n                [icon]=\"overflowOptions.icon\"\n                [iconClass]=\"overflowOptions.iconClass\"\n                [imageUrl]=\"overflowOptions.imageUrl\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChange.emit($event)\"\n            >\n                {{ overflowOptions.text }}\n            </button>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ToolBarButtonComponent);
-    return ToolBarButtonComponent;
-}(ToolBarToolComponent));
-export { ToolBarButtonComponent };

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

@@ -1,165 +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, ContentChildren, QueryList, Input } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ToolBarToolComponent } from './toolbar-tool.component';
-import { ToolBarButtonComponent } from './toolbar-button.component';
-import { ButtonGroupComponent } from '@progress/kendo-angular-buttons';
-import { makePeeker, getIndexOfFocused, seekFocusedIndex, getNextKey, getPrevKey, areEqual } from '../util';
-/**
- * Represents the Kendo UI Toolbar ButtonGroup for Angular.
- */
-var ToolBarButtonGroupComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ToolBarButtonGroupComponent, _super);
-    function ToolBarButtonGroupComponent(localization) {
-        var _this = _super.call(this) || this;
-        _this.localization = localization;
-        /**
-         * By default, the selection mode of the ButtonGroup is set to `multiple`.
-         */
-        _this.selection = 'multiple';
-        _this.focusedIndex = -1;
-        _this.getNextKey = getNextKey(_this.localization.rtl);
-        _this.getPrevKey = getPrevKey(_this.localization.rtl);
-        return _this;
-    }
-    ToolBarButtonGroupComponent_1 = ToolBarButtonGroupComponent;
-    Object.defineProperty(ToolBarButtonGroupComponent.prototype, "look", {
-        /**
-         * @hidden
-         */
-        set: function (look) {
-            if (look) {
-                this.buttonComponents.forEach(function (b) { return b.fillMode = look === 'default' ? 'solid' : look; });
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ToolBarButtonGroupComponent.prototype, "buttonElements", {
-        get: function () {
-            return this.getButtonGroup()
-                .buttons.filter(function (b) { return !b.isDisabled; })
-                .map(function (b) { return b.element; });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ToolBarButtonGroupComponent.prototype.onFocus = function () {
-        // triggered on tabin
-        this.focusedIndex = 0;
-    };
-    /**
-     * @hidden
-     */
-    ToolBarButtonGroupComponent.prototype.onNavigate = function (ev) {
-        ev.preventDefault();
-    };
-    /**
-     * @hidden
-     */
-    ToolBarButtonGroupComponent.prototype.selectedChangeHandler = function (state, button) {
-        button.selected = state;
-        button.selectedChange.emit(state);
-    };
-    /**
-     * @hidden
-     */
-    ToolBarButtonGroupComponent.prototype.onButtonClick = function (ev) {
-        this.focusedIndex = this.buttonElements.findIndex(function (be) { return be === ev.target || be.contains(ev.target); });
-        this.focusButton(this.focusedIndex, ev);
-    };
-    /**
-     * @hidden
-     */
-    ToolBarButtonGroupComponent.prototype.canFocus = function () {
-        return !(this.disabled || this.buttonElements.length === 0);
-    };
-    /**
-     * @hidden
-     */
-    ToolBarButtonGroupComponent.prototype.focus = function (ev) {
-        if (ev === void 0) { ev = {}; }
-        var nextKey = this.getNextKey(this.overflows);
-        var prevKey = this.getPrevKey(this.overflows);
-        this.focusedIndex = getIndexOfFocused(prevKey, nextKey, this.buttonElements)(ev);
-        this.focusButton(this.focusedIndex, ev);
-    };
-    /**
-     * @hidden
-     */
-    ToolBarButtonGroupComponent.prototype.handleKey = function (ev) {
-        var nextKey = this.getNextKey(this.overflows);
-        var prevKey = this.getPrevKey(this.overflows);
-        var peekAtIndex = makePeeker(this.buttonElements);
-        var isUnmodified = areEqual(this.focusedIndex);
-        this.focusedIndex = seekFocusedIndex(prevKey, nextKey, peekAtIndex)(this.focusedIndex, ev);
-        this.focusButton(this.focusedIndex, ev);
-        return !isUnmodified(this.focusedIndex);
-    };
-    ToolBarButtonGroupComponent.prototype.getButtonGroup = function () {
-        return this.overflows ? this.overflowButtonGroup : this.toolbarButtonGroup;
-    };
-    ToolBarButtonGroupComponent.prototype.focusButton = function (index, ev) {
-        // Guard against focusing twice on mousedown.
-        if (!ev.type || ev.type === 'focus' || ev.type === 'keydown') {
-            this.buttonElements[index].focus();
-        }
-    };
-    var ToolBarButtonGroupComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonGroupComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonGroupComponent.prototype, "selection", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonGroupComponent.prototype, "width", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonGroupComponent.prototype, "look", null);
-    tslib_1.__decorate([
-        ViewChild('toolbarTemplate', { static: true }),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ToolBarButtonGroupComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ToolBarButtonGroupComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(forwardRef(function () { return ToolBarButtonComponent; })),
-        tslib_1.__metadata("design:type", QueryList)
-    ], ToolBarButtonGroupComponent.prototype, "buttonComponents", void 0);
-    tslib_1.__decorate([
-        ViewChild('toolbarButtonGroup', { static: false }),
-        tslib_1.__metadata("design:type", ButtonGroupComponent)
-    ], ToolBarButtonGroupComponent.prototype, "toolbarButtonGroup", void 0);
-    tslib_1.__decorate([
-        ViewChild('overflowButtonGroup', { static: false }),
-        tslib_1.__metadata("design:type", ButtonGroupComponent)
-    ], ToolBarButtonGroupComponent.prototype, "overflowButtonGroup", void 0);
-    ToolBarButtonGroupComponent = ToolBarButtonGroupComponent_1 = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoToolBarButtonGroup',
-            // tslint:disable-next-line:no-forward-ref
-            providers: [LocalizationService, { provide: ToolBarToolComponent, useExisting: forwardRef(function () { return ToolBarButtonGroupComponent_1; }) }],
-            selector: 'kendo-toolbar-buttongroup',
-            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-buttongroup\n                #toolbarButtonGroup\n                [tabIndex]=\"-1\"\n                [selection]=\"selection\"\n                [disabled]=\"disabled\"\n                [width]=\"width\"\n                (navigate)=\"onNavigate($event)\"\n                (focus)=\"onFocus()\"\n            >\n                <span\n                    kendoButton\n                    *ngFor=\"let button of buttonComponents\"\n                    [ngStyle]=\"button.style\"\n                    [ngClass]=\"button.className\"\n                    [attr.title]=\"button.title\"\n                    [disabled]=\"button.disabled\"\n                    [togglable]=\"button.togglable\"\n                    [selected]=\"button.selected\"\n                    [fillMode]=\"button.fillMode\"\n                    [themeColor]=\"button.fillMode ? button.themeColor : null\"\n                    [icon]=\"button.toolbarOptions.icon\"\n                    [iconClass]=\"button.toolbarOptions.iconClass\"\n                    [imageUrl]=\"button.toolbarOptions.imageUrl\"\n                    (click)=\"button.click.emit($event); onButtonClick($event)\"\n                    (pointerdown)=\"button.pointerdown.emit($event)\"\n                    (selectedChange)=\"selectedChangeHandler($event, button)\"\n                >\n                    {{ button.toolbarOptions.text }}\n                </span>\n            </kendo-buttongroup>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-buttongroup\n                #overflowButtonGroup\n                class=\"k-overflow-button\"\n                [tabIndex]=\"-1\"\n                [selection]=\"selection\"\n                [disabled]=\"disabled\"\n                [width]=\"width\"\n            >\n                <span\n                    kendoButton\n                    class=\"k-overflow-button\"\n                    *ngFor=\"let button of buttonComponents\"\n                    [ngStyle]=\"button.style\"\n                    [ngClass]=\"button.className\"\n                    [attr.title]=\"button.title\"\n                    [disabled]=\"button.disabled\"\n                    [togglable]=\"button.togglable\"\n                    [selected]=\"button.selected\"\n                    [fillMode]=\"button.fillMode\"\n                    [themeColor]=\"button.fillMode ? button.themeColor : null\"\n                    [icon]=\"button.overflowOptions.icon\"\n                    [iconClass]=\"button.overflowOptions.iconClass\"\n                    [imageUrl]=\"button.overflowOptions.imageUrl\"\n                    (click)=\"button.click.emit($event); onButtonClick($event)\"\n                    (selectedChange)=\"selectedChangeHandler($event, button)\"\n                >\n                    {{ button.overflowOptions.text }}\n                </span>\n            </kendo-buttongroup>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService])
-    ], ToolBarButtonGroupComponent);
-    return ToolBarButtonGroupComponent;
-}(ToolBarToolComponent));
-export { ToolBarButtonGroupComponent };

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

@@ -1,66 +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, Input, Output, EventEmitter, ViewChildren, QueryList } from '@angular/core';
-/**
- * @hidden
- */
-var ToolBarButtonListComponent = /** @class */ (function () {
-    function ToolBarButtonListComponent() {
-        this.disabled = false;
-        this.fillMode = 'solid';
-        this.themeColor = 'base';
-        this.itemClick = new EventEmitter();
-    }
-    ToolBarButtonListComponent.prototype.getText = function (dataItem) {
-        if (dataItem) {
-            return this.textField ? dataItem[this.textField] : dataItem.text || dataItem;
-        }
-        return undefined;
-    };
-    ToolBarButtonListComponent.prototype.onClick = function (item, index) {
-        var dataItem = this.data[index];
-        if (item.click) {
-            item.click(dataItem);
-        }
-        this.itemClick.emit(dataItem);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], ToolBarButtonListComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonListComponent.prototype, "textField", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonListComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonListComponent.prototype, "fillMode", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonListComponent.prototype, "themeColor", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ToolBarButtonListComponent.prototype, "itemClick", void 0);
-    tslib_1.__decorate([
-        ViewChildren('button'),
-        tslib_1.__metadata("design:type", QueryList)
-    ], ToolBarButtonListComponent.prototype, "buttons", void 0);
-    ToolBarButtonListComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-toolbar-buttonlist',
-            template: "\n        <button\n            #button\n            type=\"button\"\n            tabindex=\"-1\"\n            kendoButton\n            style=\"padding-left: 16px\"\n            class=\"k-overflow-button\"\n            *ngFor=\"let item of data; let i = index\"\n            [disabled]=\"disabled || item.disabled\"\n            [icon]=\"item.icon\"\n            [iconClass]=\"item.iconClass\"\n            [imageUrl]=\"item.imageUrl\"\n            [fillMode]=\"fillMode\"\n            [themeColor]=\"fillMode ? themeColor : null\"\n            (click)=\"onClick(item, i)\"\n        >\n            {{ getText(item) }}\n        </button>\n    "
-        })
-    ], ToolBarButtonListComponent);
-    return ToolBarButtonListComponent;
-}());
-export { ToolBarButtonListComponent };