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

package/dist/npm/toolbar.module.js

@@ -1,62 +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 common_1 = require("@angular/common");
-var kendo_angular_buttons_1 = require("@progress/kendo-angular-buttons");
-var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var toolbar_component_1 = require("./toolbar.component");
-var toolbar_tool_component_1 = require("./tools/toolbar-tool.component");
-var toolbar_button_component_1 = require("./tools/toolbar-button.component");
-var toolbar_buttongroup_component_1 = require("./tools/toolbar-buttongroup.component");
-var toolbar_dropdownbutton_component_1 = require("./tools/toolbar-dropdownbutton.component");
-var toolbar_splitbutton_component_1 = require("./tools/toolbar-splitbutton.component");
-var toolbar_separator_component_1 = require("./tools/toolbar-separator.component");
-var renderer_component_1 = require("./renderer.component");
-var toolbar_buttonlist_component_1 = require("./tools/toolbar-buttonlist.component");
-var localized_toolbar_messages_directive_1 = require("./localization/localized-toolbar-messages.directive");
-var custom_messages_component_1 = require("./localization/custom-messages.component");
-var TOOLBAR_TOOLS = [
-    toolbar_tool_component_1.ToolBarToolComponent,
-    toolbar_button_component_1.ToolBarButtonComponent,
-    toolbar_buttongroup_component_1.ToolBarButtonGroupComponent,
-    toolbar_dropdownbutton_component_1.ToolBarDropDownButtonComponent,
-    toolbar_splitbutton_component_1.ToolBarSplitButtonComponent,
-    toolbar_separator_component_1.ToolBarSeparatorComponent
-];
-var TOOLBAR_COMMON = [
-    renderer_component_1.ToolBarRendererComponent,
-    toolbar_buttonlist_component_1.ToolBarButtonListComponent,
-    custom_messages_component_1.ToolbarCustomMessagesComponent,
-    localized_toolbar_messages_directive_1.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([
-        core_1.NgModule({
-            declarations: [toolbar_component_1.ToolBarComponent, TOOLBAR_TOOLS, TOOLBAR_COMMON],
-            exports: [toolbar_component_1.ToolBarComponent, TOOLBAR_TOOLS, custom_messages_component_1.ToolbarCustomMessagesComponent, localized_toolbar_messages_directive_1.LocalizedToolbarMessagesDirective],
-            imports: [common_1.CommonModule, kendo_angular_buttons_1.ButtonsModule, kendo_angular_popup_1.PopupModule, kendo_angular_common_1.ResizeSensorModule]
-        })
-    ], ToolBarModule);
-    return ToolBarModule;
-}());
-exports.ToolBarModule = ToolBarModule;

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

@@ -1,312 +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 toolbar_tool_component_1 = require("./toolbar-tool.component");
-var util_1 = require("../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 core_1.EventEmitter();
-        /**
-         * Fires when the Button [pointerdown](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/pointerdown_event) event is triggered.
-         */
-        _this.pointerdown = new core_1.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 core_1.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 = util_1.getValueForLocation(text, this.showText, false);
-            this.overflowOptions.text = util_1.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 = util_1.getValueForLocation(icon, this.showIcon, false);
-            this.overflowOptions.icon = util_1.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 = util_1.getValueForLocation(iconClass, this.showIcon, false);
-            this.overflowOptions.iconClass = util_1.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 = util_1.getValueForLocation(imageUrl, this.showIcon, false);
-            this.overflowOptions.imageUrl = util_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "showText", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "showIcon", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "text", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ToolBarButtonComponent.prototype, "style", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ToolBarButtonComponent.prototype, "className", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonComponent.prototype, "toggleable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "look", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ToolBarButtonComponent.prototype, "togglable", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonComponent.prototype, "selected", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "fillMode", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonComponent.prototype, "themeColor", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "icon", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "iconClass", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonComponent.prototype, "imageUrl", null);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ToolBarButtonComponent.prototype, "click", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ToolBarButtonComponent.prototype, "pointerdown", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ToolBarButtonComponent.prototype, "selectedChange", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('toolbarTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ToolBarButtonComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ToolBarButtonComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('toolbarButton', { read: core_1.ElementRef, static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], ToolBarButtonComponent.prototype, "toolbarButtonElement", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('overflowButton', { read: core_1.ElementRef, static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], ToolBarButtonComponent.prototype, "overflowButtonElement", void 0);
-    ToolBarButtonComponent = ToolBarButtonComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoToolBarButton',
-            // tslint:disable-next-line:no-forward-ref
-            providers: [{ provide: toolbar_tool_component_1.ToolBarToolComponent, useExisting: core_1.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;
-}(toolbar_tool_component_1.ToolBarToolComponent));
-exports.ToolBarButtonComponent = ToolBarButtonComponent;

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

@@ -1,167 +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_l10n_1 = require("@progress/kendo-angular-l10n");
-var toolbar_tool_component_1 = require("./toolbar-tool.component");
-var toolbar_button_component_1 = require("./toolbar-button.component");
-var kendo_angular_buttons_1 = require("@progress/kendo-angular-buttons");
-var util_1 = require("../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 = util_1.getNextKey(_this.localization.rtl);
-        _this.getPrevKey = util_1.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 = util_1.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 = util_1.makePeeker(this.buttonElements);
-        var isUnmodified = util_1.areEqual(this.focusedIndex);
-        this.focusedIndex = util_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonGroupComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonGroupComponent.prototype, "selection", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonGroupComponent.prototype, "width", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ToolBarButtonGroupComponent.prototype, "look", null);
-    tslib_1.__decorate([
-        core_1.ViewChild('toolbarTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ToolBarButtonGroupComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ToolBarButtonGroupComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(core_1.forwardRef(function () { return toolbar_button_component_1.ToolBarButtonComponent; })),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], ToolBarButtonGroupComponent.prototype, "buttonComponents", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('toolbarButtonGroup', { static: false }),
-        tslib_1.__metadata("design:type", kendo_angular_buttons_1.ButtonGroupComponent)
-    ], ToolBarButtonGroupComponent.prototype, "toolbarButtonGroup", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('overflowButtonGroup', { static: false }),
-        tslib_1.__metadata("design:type", kendo_angular_buttons_1.ButtonGroupComponent)
-    ], ToolBarButtonGroupComponent.prototype, "overflowButtonGroup", void 0);
-    ToolBarButtonGroupComponent = ToolBarButtonGroupComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoToolBarButtonGroup',
-            // tslint:disable-next-line:no-forward-ref
-            providers: [kendo_angular_l10n_1.LocalizationService, { provide: toolbar_tool_component_1.ToolBarToolComponent, useExisting: core_1.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", [kendo_angular_l10n_1.LocalizationService])
-    ], ToolBarButtonGroupComponent);
-    return ToolBarButtonGroupComponent;
-}(toolbar_tool_component_1.ToolBarToolComponent));
-exports.ToolBarButtonGroupComponent = ToolBarButtonGroupComponent;

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

@@ -1,68 +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");
-/**
- * @hidden
- */
-var ToolBarButtonListComponent = /** @class */ (function () {
-    function ToolBarButtonListComponent() {
-        this.disabled = false;
-        this.fillMode = 'solid';
-        this.themeColor = 'base';
-        this.itemClick = new core_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], ToolBarButtonListComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonListComponent.prototype, "textField", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ToolBarButtonListComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonListComponent.prototype, "fillMode", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ToolBarButtonListComponent.prototype, "themeColor", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ToolBarButtonListComponent.prototype, "itemClick", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChildren('button'),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], ToolBarButtonListComponent.prototype, "buttons", void 0);
-    ToolBarButtonListComponent = tslib_1.__decorate([
-        core_1.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;
-}());
-exports.ToolBarButtonListComponent = ToolBarButtonListComponent;