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

package/{dist/es2015 → esm2015}/tools/toolbar-dropdownbutton.component.js

@@ -2,17 +2,18 @@
 * 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";
-var ToolBarDropDownButtonComponent_1;
-import { Component, ElementRef, TemplateRef, forwardRef, ViewChild, Input, EventEmitter, Output } from '@angular/core';
+import { Component, ElementRef, 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';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-buttons";
+import * as i2 from "./toolbar-buttonlist.component";
+import * as i3 from "@angular/common";
 /**
  * Represents the [Kendo UI ToolBar DropDownButton for Angular]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
  */
-let ToolBarDropDownButtonComponent = ToolBarDropDownButtonComponent_1 = class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
+export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
     constructor() {
         super();
         // showText and showIcon showIcon should be declared first
@@ -209,118 +210,63 @@ let ToolBarDropDownButtonComponent = ToolBarDropDownButtonComponent_1 = class To
             this.overflowButtons[index].nativeElement.focus();
         }
     }
-};
-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(() => ToolBarDropDownButtonComponent_1) }],
-        selector: 'kendo-toolbar-dropdownbutton',
-        template: `
+}
+ToolBarDropDownButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolBarDropDownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToolBarDropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", popupSettings: "popupSettings", look: "look", primary: "primary", fillMode: "fillMode", themeColor: "themeColor", buttonClass: "buttonClass", textField: "textField", disabled: "disabled", data: "data" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "dropDownButtonComponent", first: true, predicate: DropDownButtonComponent, descendants: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "overflowDropDownButtonButtonList", first: true, predicate: ["overflowDropDownButtonButtonList"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate>
+            <kendo-dropdownbutton
+                #toolbarDropDownButton
+                [icon]="toolbarOptions.icon"
+                [iconClass]="toolbarOptions.iconClass"
+                [imageUrl]="toolbarOptions.imageUrl"
+                [buttonClass]="buttonClass"
+                [disabled]="disabled"
+                [tabIndex]="-1"
+                [data]="data"
+                [textField]="textField"
+                [popupSettings]="popupSettings"
+                [fillMode]="fillMode"
+                [themeColor]="fillMode ? themeColor : null"
+                (open)="open.emit($event)"
+                (close)="close.emit($event)"
+                (itemClick)="itemClick.emit($event)"
+            >
+                {{ toolbarOptions.text }}
+            </kendo-dropdownbutton>
+        </ng-template>
+        <ng-template #popupTemplate>
+            <button
+                type="button"
+                tabindex="-1"
+                kendoButton
+                class="k-overflow-button"
+                [disabled]="true"
+                [icon]="overflowOptions.icon"
+                [iconClass]="overflowOptions.iconClass"
+                [imageUrl]="overflowOptions.imageUrl"
+                [ngClass]="buttonClass"
+                (click)="itemClick.emit($event)"
+            >
+                {{ overflowOptions.text }}
+            </button>
+            <kendo-toolbar-buttonlist
+                #overflowDropDownButtonButtonList
+                [data]="data"
+                [disabled]="disabled"
+                [textField]="textField"
+                (itemClick)="itemClick.emit($event)"
+                (click)="onButtonListClick($event)"
+            >
+            </kendo-toolbar-buttonlist>
+        </ng-template>
+    `, isInline: true, components: [{ type: i1.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["icon", "iconClass", "imageUrl", "popupSettings", "textField", "disabled", "data", "size", "rounded", "fillMode", "themeColor", "buttonClass", "tabIndex"], outputs: ["itemClick", "open", "close", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { type: i2.ToolBarButtonListComponent, selector: "kendo-toolbar-buttonlist", inputs: ["data", "textField", "disabled", "fillMode", "themeColor"], outputs: ["itemClick"] }], directives: [{ type: i1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolBarDropDownButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoToolBarDropDownButton',
+                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }],
+                    selector: 'kendo-toolbar-dropdownbutton',
+                    template: `
         <ng-template #toolbarTemplate>
             <kendo-dropdownbutton
                 #toolbarDropDownButton
@@ -368,7 +314,59 @@ ToolBarDropDownButtonComponent = ToolBarDropDownButtonComponent_1 = tslib_1.__de
             </kendo-toolbar-buttonlist>
         </ng-template>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [])
-], ToolBarDropDownButtonComponent);
-export { ToolBarDropDownButtonComponent };
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { showText: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], imageUrl: [{
+                type: Input
+            }], popupSettings: [{
+                type: Input
+            }], look: [{
+                type: Input
+            }], primary: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }], buttonClass: [{
+                type: Input
+            }], textField: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }], open: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], toolbarTemplate: [{
+                type: ViewChild,
+                args: ['toolbarTemplate', { static: true }]
+            }], popupTemplate: [{
+                type: ViewChild,
+                args: ['popupTemplate', { static: true }]
+            }], dropdownButton: [{
+                type: ViewChild,
+                args: ['dropdownButton', { read: ElementRef, static: true }]
+            }], dropDownButtonComponent: [{
+                type: ViewChild,
+                args: [DropDownButtonComponent, { static: false }]
+            }], toolbarDropDownButton: [{
+                type: ViewChild,
+                args: ['toolbarDropDownButton', { static: false }]
+            }], overflowDropDownButtonButtonList: [{
+                type: ViewChild,
+                args: ['overflowDropDownButtonButtonList', { static: false }]
+            }] } });

package/esm2015/tools/toolbar-separator.component.js

@@ -0,0 +1,68 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, ViewChild } from '@angular/core';
+import { ToolBarToolComponent } from './toolbar-tool.component';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [Kendo UI ToolBar Separator for Angular]({% slug controltypes_toolbar %}#toc-separators).
+ */
+export class ToolBarSeparatorComponent extends ToolBarToolComponent {
+    constructor() {
+        super();
+    }
+    /**
+     * @hidden
+     */
+    canFocus() {
+        return false;
+    }
+    // If this is not here, the docs display info from its parent(ToolBarToolComponent).
+    /**
+     * @hidden
+     */
+    focus() {
+        /* noop */
+    }
+    // If this is not here, the docs display info from its parent(ToolBarToolComponent).
+    /**
+     * @hidden
+     */
+    handleKey() {
+        return false;
+    }
+    ngAfterViewInit() {
+        if (!this.popupTemplate) {
+            this.popupTemplate = this.toolbarTemplate;
+        }
+    }
+}
+ToolBarSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolBarSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToolBarSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSeparatorComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "separator", first: true, predicate: ["separator"], descendants: true }], exportAs: ["kendoToolBarSeparator"], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate>
+            <div class="k-separator"></div>
+        </ng-template>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolBarSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoToolBarSeparator',
+                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSeparatorComponent) }],
+                    selector: 'kendo-toolbar-separator',
+                    template: `
+        <ng-template #toolbarTemplate>
+            <div class="k-separator"></div>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { toolbarTemplate: [{
+                type: ViewChild,
+                args: ['toolbarTemplate', { static: true }]
+            }], popupTemplate: [{
+                type: ViewChild,
+                args: ['popupTemplate', { static: true }]
+            }], separator: [{
+                type: ViewChild,
+                args: ['separator', { static: false }]
+            }] } });

package/{dist/es2015 → esm2015}/tools/toolbar-splitbutton.component.js

@@ -2,17 +2,17 @@
 * 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";
-var ToolBarSplitButtonComponent_1;
-import { Component, TemplateRef, forwardRef, ViewChild, Input, ElementRef, Output, EventEmitter } from '@angular/core';
-import { SplitButtonComponent } from '@progress/kendo-angular-buttons';
+import { Component, forwardRef, ViewChild, Input, ElementRef, Output, EventEmitter } from '@angular/core';
 import { ToolBarToolComponent } from './toolbar-tool.component';
-import { ToolBarButtonListComponent } from './toolbar-buttonlist.component';
 import { getValueForLocation, makePeeker, getIndexOfFocused, getPrevKey, getNextKey, seekFocusedIndex, areEqual } from '../util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-buttons";
+import * as i2 from "./toolbar-buttonlist.component";
+import * as i3 from "@angular/common";
 /**
  * Represents the [Kendo UI ToolBar SplitButton for Angular]({% slug controltypes_toolbar %}#toc-splitbuttons).
  */
-let ToolBarSplitButtonComponent = ToolBarSplitButtonComponent_1 = class ToolBarSplitButtonComponent extends ToolBarToolComponent {
+export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     constructor() {
         super();
         // showText and showIcon showIcon should be declared first
@@ -222,121 +222,72 @@ let ToolBarSplitButtonComponent = ToolBarSplitButtonComponent_1 = class ToolBarS
             this.overflowButtons[index].nativeElement.focus();
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ToolBarSplitButtonComponent.prototype, "showText", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ToolBarSplitButtonComponent.prototype, "showIcon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ToolBarSplitButtonComponent.prototype, "text", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ToolBarSplitButtonComponent.prototype, "icon", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ToolBarSplitButtonComponent.prototype, "iconClass", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ToolBarSplitButtonComponent.prototype, "imageUrl", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ToolBarSplitButtonComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], ToolBarSplitButtonComponent.prototype, "popupSettings", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ToolBarSplitButtonComponent.prototype, "fillMode", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ToolBarSplitButtonComponent.prototype, "themeColor", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ToolBarSplitButtonComponent.prototype, "look", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ToolBarSplitButtonComponent.prototype, "buttonClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ToolBarSplitButtonComponent.prototype, "arrowButtonClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ToolBarSplitButtonComponent.prototype, "arrowButtonIcon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ToolBarSplitButtonComponent.prototype, "textField", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], ToolBarSplitButtonComponent.prototype, "data", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ToolBarSplitButtonComponent.prototype, "buttonClick", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ToolBarSplitButtonComponent.prototype, "itemClick", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ToolBarSplitButtonComponent.prototype, "open", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ToolBarSplitButtonComponent.prototype, "close", void 0);
-tslib_1.__decorate([
-    ViewChild('toolbarTemplate', { static: true }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], ToolBarSplitButtonComponent.prototype, "toolbarTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('popupTemplate', { static: true }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], ToolBarSplitButtonComponent.prototype, "popupTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('toolbarSplitButton', { static: false }),
-    tslib_1.__metadata("design:type", SplitButtonComponent)
-], ToolBarSplitButtonComponent.prototype, "toolbarSplitButton", void 0);
-tslib_1.__decorate([
-    ViewChild('overflowSplitButton', { read: ElementRef, static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ToolBarSplitButtonComponent.prototype, "overflowSplitButton", void 0);
-tslib_1.__decorate([
-    ViewChild('overflowSplitButtonButtonList', { static: false }),
-    tslib_1.__metadata("design:type", ToolBarButtonListComponent)
-], ToolBarSplitButtonComponent.prototype, "overflowSplitButtonButtonList", void 0);
-ToolBarSplitButtonComponent = ToolBarSplitButtonComponent_1 = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoToolBarSplitButton',
-        // tslint:disable-next-line:no-forward-ref
-        providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent_1) }],
-        selector: 'kendo-toolbar-splitbutton',
-        template: `
+}
+ToolBarSplitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolBarSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToolBarSplitButtonComponent, selector: "kendo-toolbar-splitbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", popupSettings: "popupSettings", fillMode: "fillMode", themeColor: "themeColor", look: "look", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", textField: "textField", data: "data" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "overflowSplitButton", first: true, predicate: ["overflowSplitButton"], descendants: true, read: ElementRef }, { propertyName: "overflowSplitButtonButtonList", first: true, predicate: ["overflowSplitButtonButtonList"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate>
+            <kendo-splitbutton
+                #toolbarSplitButton
+                [data]="data"
+                [text]="toolbarOptions.text"
+                [icon]="toolbarOptions.icon"
+                [iconClass]="toolbarOptions.iconClass"
+                [imageUrl]="toolbarOptions.imageUrl"
+                [buttonClass]="buttonClass"
+                [arrowButtonClass]="arrowButtonClass"
+                [arrowButtonIcon]="arrowButtonIcon"
+                [disabled]="disabled"
+                [tabIndex]="-1"
+                [textField]="textField"
+                [popupSettings]="popupSettings"
+                [fillMode]="fillMode"
+                [themeColor]="fillMode ? themeColor : null"
+                (buttonClick)="buttonClick.emit($event)"
+                (open)="open.emit($event)"
+                (close)="close.emit($event)"
+                (itemClick)="itemClick.emit($event)"
+            >
+            </kendo-splitbutton>
+        </ng-template>
+        <ng-template #popupTemplate>
+            <button
+                #overflowSplitButton
+                type="button"
+                tabindex="-1"
+                [fillMode]="fillMode"
+                [themeColor]="fillMode ? themeColor : null"
+                kendoButton
+                class="k-overflow-button"
+                [disabled]="disabled"
+                [icon]="overflowOptions.icon"
+                [iconClass]="overflowOptions.iconClass"
+                [imageUrl]="overflowOptions.imageUrl"
+                [ngClass]="buttonClass"
+                (click)="buttonClick.emit($event)"
+                (click)="onMainButtonClick($event)"
+            >
+                {{ overflowOptions.text }}
+            </button>
+            <kendo-toolbar-buttonlist
+                #overflowSplitButtonButtonList
+                [data]="data"
+                [disabled]="disabled"
+                [fillMode]="fillMode"
+                [themeColor]="fillMode ? themeColor : null"
+                [textField]="textField"
+                (itemClick)="itemClick.emit($event)"
+                (click)="onButtonListClick($event)"
+            >
+            </kendo-toolbar-buttonlist>
+        </ng-template>
+    `, isInline: true, components: [{ type: i1.SplitButtonComponent, selector: "kendo-splitbutton", inputs: ["text", "icon", "iconClass", "type", "imageUrl", "size", "rounded", "fillMode", "themeColor", "disabled", "popupSettings", "tabIndex", "textField", "data", "buttonClass", "arrowButtonClass", "arrowButtonIcon"], outputs: ["buttonClick", "itemClick", "focus", "blur", "open", "close"], exportAs: ["kendoSplitButton"] }, { type: i2.ToolBarButtonListComponent, selector: "kendo-toolbar-buttonlist", inputs: ["data", "textField", "disabled", "fillMode", "themeColor"], outputs: ["itemClick"] }], directives: [{ type: i1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolBarSplitButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoToolBarSplitButton',
+                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }],
+                    selector: 'kendo-toolbar-splitbutton',
+                    template: `
         <ng-template #toolbarTemplate>
             <kendo-splitbutton
                 #toolbarSplitButton
@@ -393,7 +344,60 @@ ToolBarSplitButtonComponent = ToolBarSplitButtonComponent_1 = tslib_1.__decorate
             </kendo-toolbar-buttonlist>
         </ng-template>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [])
-], ToolBarSplitButtonComponent);
-export { ToolBarSplitButtonComponent };
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { showText: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], imageUrl: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], popupSettings: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }], look: [{
+                type: Input
+            }], buttonClass: [{
+                type: Input
+            }], arrowButtonClass: [{
+                type: Input
+            }], arrowButtonIcon: [{
+                type: Input
+            }], textField: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }], itemClick: [{
+                type: Output
+            }], open: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], toolbarTemplate: [{
+                type: ViewChild,
+                args: ['toolbarTemplate', { static: true }]
+            }], popupTemplate: [{
+                type: ViewChild,
+                args: ['popupTemplate', { static: true }]
+            }], toolbarSplitButton: [{
+                type: ViewChild,
+                args: ['toolbarSplitButton', { static: false }]
+            }], overflowSplitButton: [{
+                type: ViewChild,
+                args: ['overflowSplitButton', { read: ElementRef, static: false }]
+            }], overflowSplitButtonButtonList: [{
+                type: ViewChild,
+                args: ['overflowSplitButtonButtonList', { static: false }]
+            }] } });