@progress/kendo-angular-buttons 7.0.0-next.202111120840 → 7.0.2-dev.202201201235

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

@@ -2,9 +2,11 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-/* eslint-disable no-access-missing-member */
-import { Component, ElementRef, Input, Output, HostBinding, HostListener, EventEmitter, ContentChild, ViewChild, ViewContainerRef } from '@angular/core';
+import * as tslib_1 from "tslib";
+/* tslint:disable:no-access-missing-member */
+import { Component, ElementRef, TemplateRef, Input, Output, HostBinding, HostListener, EventEmitter, ContentChild, ViewChild, ViewContainerRef, NgZone, ChangeDetectorRef, Renderer2 } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { PopupService } from '@progress/kendo-angular-popup';
 import { ListButton } from './../listbutton/list-button';
 import { ButtonItemTemplateDirective } from './../listbutton/button-item-template.directive';
 import { FocusService } from './../focusable/focus.service';
@@ -14,20 +16,14 @@ import { isDocumentAvailable, guid, isChanged } from '@progress/kendo-angular-co
 import { isPresent, tick } from './../util';
 import { PreventableEvent } from '../preventable-event';
 import { Keys } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "./../focusable/focus.service";
-import * as i2 from "./../navigation/navigation.service";
-import * as i3 from "@progress/kendo-angular-popup";
-import * as i4 from "@progress/kendo-angular-l10n";
-import * as i5 from "../listbutton/list.component";
-import * as i6 from "../button/button.directive";
-import * as i7 from "@angular/common";
+import { replaceMessagePlaceholder, getStylingClasses } from '../util';
 const NAVIGATION_SETTINGS = {
     useLeftRightArrows: true
 };
+const ɵ0 = NAVIGATION_SETTINGS;
 const NAVIGATION_SETTINGS_PROVIDER = {
     provide: NAVIGATION_CONFIG,
-    useValue: NAVIGATION_SETTINGS
+    useValue: ɵ0
 };
 /**
  * Represents the Kendo UI SplitButton component for Angular.
@@ -70,11 +66,13 @@ const NAVIGATION_SETTINGS_PROVIDER = {
  * }
  * ```
  */
-export class SplitButtonComponent extends ListButton {
-    constructor(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr) {
+let SplitButtonComponent = class SplitButtonComponent extends ListButton {
+    constructor(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr, renderer) {
         super(focusService, navigationService, wrapperRef, zone, localization, cdr);
         this.popupService = popupService;
         this.elRef = elRef;
+        this.localization = localization;
+        this.renderer = renderer;
         /**
          * Sets the text of the SplitButton.
          */
@@ -99,13 +97,35 @@ export class SplitButtonComponent extends ListButton {
          */
         this.imageUrl = '';
         /**
-         * Changes the visual appearance by using alternative styling options.
+         * The size property specifies the padding of the SplitButton
+         * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-size)).
          *
-         * The available values are:
-         * * `flat`
-         * * `outline`
+         * The possible values are:
+         * * `'small'`
+         * * `'medium'` (default)
+         * * `'large'`
+         * * `null`
          */
-        this.look = 'default';
+        this.size = 'medium';
+        /**
+         * The SplitButton 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_splitbuttoncomponent %}#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.
+         */
+        this.themeColor = 'base';
         /**
          * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
          */
@@ -168,11 +188,11 @@ export class SplitButtonComponent extends ListButton {
         /**
          * Fires each time the SplitButton gets focused.
          */
-        this.onFocus = new EventEmitter(); //eslint-disable-line no-output-rename
+        this.onFocus = new EventEmitter(); //tslint:disable-line:no-output-rename
         /**
          * Fires each time the SplitButton gets blurred.
          */
-        this.onBlur = new EventEmitter(); //eslint-disable-line no-output-rename
+        this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
         /**
          * Fires each time the popup is about to open.
          * This event is preventable. If you cancel the event, the popup will remain closed.
@@ -183,16 +203,52 @@ export class SplitButtonComponent extends ListButton {
          * This event is preventable. If you cancel the event, the popup will remain open.
          */
         this.close = new EventEmitter();
-        this.listId = guid();
         /**
          * @hidden
          */
         this.activeArrow = false;
+        this.listId = guid();
         this.buttonText = '';
         this.lockFocus = false;
+        this._rounded = 'medium';
+        this._fillMode = "solid";
         this._itemClick = this.itemClick;
         this._blur = this.onBlur;
     }
+    /**
+     * The rounded property specifies the border radius of the SplitButton
+     * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-rounded)).
+     *
+     * The possible values are:
+     * * `'small'`
+     * * `'medium'` (default)
+     * * `'large'`
+     * * `'full'`
+     * * `null`
+     */
+    set rounded(rounded) {
+        this.handleClasses(rounded, 'rounded');
+        this._rounded = rounded;
+    }
+    get rounded() {
+        return this._rounded;
+    }
+    /**
+     * The fillMode property specifies the background and border styles of the SplitButton
+     * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-fillMode)).
+     *
+     * The available values are:
+     * * `solid` (default)
+     * * `flat`
+     * * `outline`
+     * * `link`
+     */
+    set fillMode(fillMode) {
+        this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
+    }
+    get fillMode() {
+        return this._fillMode;
+    }
     /**
      * When set to `true`, disables a SplitButton item
      * ([see example]({% slug databinding_splitbutton %}#toc-arrays-of-complex-data)).
@@ -278,12 +334,6 @@ export class SplitButtonComponent extends ListButton {
     get isFocused() {
         return this._isFocused && !this._disabled;
     }
-    get isFlat() {
-        return this.look === 'flat';
-    }
-    get isOutline() {
-        return this.look === 'outline';
-    }
     get widgetClasses() {
         return true;
     }
@@ -294,7 +344,8 @@ export class SplitButtonComponent extends ListButton {
      * @hidden
      */
     get ariaLabel() {
-        return `${this.buttonText} splitbutton`;
+        const localizationMsg = this.localization.get('splitButtonLabel') || '';
+        return replaceMessagePlaceholder(localizationMsg, 'buttonText', this.buttonText);
     }
     /**
      * @hidden
@@ -369,6 +420,7 @@ export class SplitButtonComponent extends ListButton {
      */
     ngAfterViewInit() {
         this.updateButtonText();
+        this.handleClasses(this.rounded, 'rounded');
     }
     /**
      * @hidden
@@ -516,100 +568,200 @@ export class SplitButtonComponent extends ListButton {
             this.popupRef = null;
         }
     }
-}
-SplitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SplitButtonComponent, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SplitButtonComponent, selector: "kendo-splitbutton", inputs: { text: "text", icon: "icon", iconClass: "iconClass", type: "type", imageUrl: "imageUrl", look: "look", disabled: "disabled", popupSettings: "popupSettings", tabIndex: "tabIndex", textField: "textField", data: "data", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", onFocus: "focus", onBlur: "blur", open: "open", close: "close" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "keyup": "keyup($event)" }, properties: { "class.k-state-focused": "this.isFocused", "class.k-flat": "this.isFlat", "class.k-outline": "this.isOutline", "class.k-split-button": "this.widgetClasses", "class.k-button-group": "this.widgetClasses", "attr.dir": "this.dir" } }, providers: [
-        FocusService,
-        NavigationService,
-        NAVIGATION_SETTINGS_PROVIDER,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.splitbutton'
+    handleClasses(value, input) {
+        const elem = this.wrapperRef.nativeElement;
+        const classes = getStylingClasses('button', input, this[input], value);
+        if (classes.toRemove) {
+            this.renderer.removeClass(elem, classes.toRemove);
         }
-    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, static: true }, { propertyName: "arrowButton", first: true, predicate: ["arrowButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], exportAs: ["kendoSplitButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
-        <button
-            kendoButton
-            #button
-            role="listbox"
-            [type]="type"
-            [look]="look"
-            [tabindex]="componentTabIndex"
-            [disabled]="disabled"
-            [icon]="icon"
-            [class.k-state-active]="active"
-            [iconClass]="iconClass"
-            [imageUrl]="imageUrl"
-            [ngClass]="buttonClass"
-            (focus)="onButtonFocus()"
-            (click)="onButtonClick()"
-            (blur)="onButtonBlur()"
-            (mousedown)="toggleButtonActiveState(true)"
-            (mouseup)="toggleButtonActiveState(false)"
-            [attr.aria-disabled]="disabled"
-            [attr.aria-expanded]="openState"
-            [attr.aria-haspopup]="true"
-            [attr.aria-owns]="listId"
-            [attr.aria-label]="ariaLabel"
-        >
-            {{ text }}<ng-content></ng-content>
-        </button>
-        <button
-            kendoButton
-            #arrowButton
-            type="button"
-            [class.k-state-active]="activeArrow"
-            [disabled]="disabled"
-            [icon]="arrowButtonIcon"
-            [look]="look"
-            [tabindex]="-1"
-            [ngClass]="arrowButtonClass"
-            (click)="onArrowButtonClick()"
-            (mousedown)="toggleArrowButtonActiveState(true)"
-            (mouseup)="toggleArrowButtonActiveState(false)"
-        ></button>
-        <ng-template #popupTemplate>
-            <kendo-button-list
-                [id]="listId"
-                [data]="data"
-                [textField]="textField"
-                [itemTemplate]="itemTemplate"
-                (onItemClick)="onItemClick($event)"
-                (keydown)="keyDownHandler($event)"
-                (keypress)="keyPressHandler($event)"
-                (keyup)="keyUpHandler($event)"
-                [attr.dir]="dir"
-            >
-            </kendo-button-list>
-        </ng-template>
-        <ng-container #container></ng-container>
-    `, isInline: true, components: [{ type: i5.ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate"], outputs: ["onItemClick", "onItemBlur"] }], directives: [{ type: i6.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "primary", "look", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "role"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SplitButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    exportAs: 'kendoSplitButton',
-                    providers: [
-                        FocusService,
-                        NavigationService,
-                        NAVIGATION_SETTINGS_PROVIDER,
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.splitbutton'
-                        }
-                    ],
-                    selector: 'kendo-splitbutton',
-                    template: `
+        if (classes.toAdd) {
+            this.renderer.addClass(elem, classes.toAdd);
+        }
+    }
+};
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], SplitButtonComponent.prototype, "text", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], SplitButtonComponent.prototype, "icon", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], SplitButtonComponent.prototype, "iconClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], SplitButtonComponent.prototype, "type", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], SplitButtonComponent.prototype, "imageUrl", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], SplitButtonComponent.prototype, "size", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], SplitButtonComponent.prototype, "rounded", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], SplitButtonComponent.prototype, "fillMode", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], SplitButtonComponent.prototype, "themeColor", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [Boolean])
+], SplitButtonComponent.prototype, "disabled", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], SplitButtonComponent.prototype, "popupSettings", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], SplitButtonComponent.prototype, "tabIndex", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], SplitButtonComponent.prototype, "textField", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], SplitButtonComponent.prototype, "data", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], SplitButtonComponent.prototype, "buttonClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], SplitButtonComponent.prototype, "arrowButtonClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], SplitButtonComponent.prototype, "arrowButtonIcon", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], SplitButtonComponent.prototype, "buttonClick", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], SplitButtonComponent.prototype, "itemClick", void 0);
+tslib_1.__decorate([
+    Output('focus'),
+    tslib_1.__metadata("design:type", EventEmitter)
+], SplitButtonComponent.prototype, "onFocus", void 0);
+tslib_1.__decorate([
+    Output('blur'),
+    tslib_1.__metadata("design:type", EventEmitter)
+], SplitButtonComponent.prototype, "onBlur", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], SplitButtonComponent.prototype, "open", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], SplitButtonComponent.prototype, "close", void 0);
+tslib_1.__decorate([
+    ContentChild(ButtonItemTemplateDirective, { static: false }),
+    tslib_1.__metadata("design:type", ButtonItemTemplateDirective)
+], SplitButtonComponent.prototype, "itemTemplate", void 0);
+tslib_1.__decorate([
+    ViewChild('button', { static: true }),
+    tslib_1.__metadata("design:type", ElementRef)
+], SplitButtonComponent.prototype, "button", void 0);
+tslib_1.__decorate([
+    ViewChild('arrowButton', { static: true, read: ElementRef }),
+    tslib_1.__metadata("design:type", ElementRef)
+], SplitButtonComponent.prototype, "arrowButton", void 0);
+tslib_1.__decorate([
+    ViewChild('popupTemplate', { static: true }),
+    tslib_1.__metadata("design:type", TemplateRef)
+], SplitButtonComponent.prototype, "popupTemplate", void 0);
+tslib_1.__decorate([
+    ViewChild('container', { read: ViewContainerRef, static: true }),
+    tslib_1.__metadata("design:type", ViewContainerRef)
+], SplitButtonComponent.prototype, "containerRef", void 0);
+tslib_1.__decorate([
+    HostBinding('class.k-focus'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [Boolean])
+], SplitButtonComponent.prototype, "isFocused", null);
+tslib_1.__decorate([
+    HostBinding('class.k-split-button'),
+    HostBinding('class.k-button-group'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], SplitButtonComponent.prototype, "widgetClasses", null);
+tslib_1.__decorate([
+    HostBinding('attr.dir'),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [])
+], SplitButtonComponent.prototype, "dir", null);
+tslib_1.__decorate([
+    HostListener('keydown', ['$event']),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", [Object]),
+    tslib_1.__metadata("design:returntype", void 0)
+], SplitButtonComponent.prototype, "keydown", null);
+tslib_1.__decorate([
+    HostListener('keypress', ['$event']),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", [Object]),
+    tslib_1.__metadata("design:returntype", void 0)
+], SplitButtonComponent.prototype, "keypress", null);
+tslib_1.__decorate([
+    HostListener('keyup', ['$event']),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", [Object]),
+    tslib_1.__metadata("design:returntype", void 0)
+], SplitButtonComponent.prototype, "keyup", null);
+SplitButtonComponent = tslib_1.__decorate([
+    Component({
+        exportAs: 'kendoSplitButton',
+        providers: [
+            FocusService,
+            NavigationService,
+            NAVIGATION_SETTINGS_PROVIDER,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.splitbutton'
+            }
+        ],
+        selector: 'kendo-splitbutton',
+        template: `
+        <ng-container kendoSplitButtonLocalizedMessages
+            i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"
+            splitButtonLabel="{{ '{buttonText} splitbutton' }}">
+        </ng-container>
         <button
             kendoButton
             #button
-            role="listbox"
             [type]="type"
-            [look]="look"
             [tabindex]="componentTabIndex"
             [disabled]="disabled"
+            [size]="size"
+            [rounded]="rounded"
+            [fillMode]="fillMode"
+            [themeColor]="themeColor"
             [icon]="icon"
-            [class.k-state-active]="active"
+            [class.k-active]="active"
+            [class.k-icon-button]="!text && icon"
             [iconClass]="iconClass"
             [imageUrl]="imageUrl"
             [ngClass]="buttonClass"
@@ -624,16 +776,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
             [attr.aria-owns]="listId"
             [attr.aria-label]="ariaLabel"
         >
-            {{ text }}<ng-content></ng-content>
+            <span *ngIf="text" class="k-button-text">
+                {{ text }}
+            </span><ng-content></ng-content>
         </button>
         <button
             kendoButton
             #arrowButton
             type="button"
-            [class.k-state-active]="activeArrow"
+            [class.k-active]="activeArrow"
             [disabled]="disabled"
             [icon]="arrowButtonIcon"
-            [look]="look"
+            [size]="size"
+            [rounded]="rounded"
+            [fillMode]="fillMode"
+            [themeColor]="fillMode ? themeColor : null"
             [tabindex]="-1"
             [ngClass]="arrowButtonClass"
             (click)="onArrowButtonClick()"
@@ -651,94 +808,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
                 (keypress)="keyPressHandler($event)"
                 (keyup)="keyUpHandler($event)"
                 [attr.dir]="dir"
+                [size]="size"
             >
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
     `
-                }]
-        }], ctorParameters: function () { return [{ type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i0.ElementRef }, { type: i4.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], iconClass: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], imageUrl: [{
-                type: Input
-            }], look: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], popupSettings: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], textField: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }], buttonClass: [{
-                type: Input
-            }], arrowButtonClass: [{
-                type: Input
-            }], arrowButtonIcon: [{
-                type: Input
-            }], buttonClick: [{
-                type: Output
-            }], itemClick: [{
-                type: Output
-            }], onFocus: [{
-                type: Output,
-                args: ['focus']
-            }], onBlur: [{
-                type: Output,
-                args: ['blur']
-            }], open: [{
-                type: Output
-            }], close: [{
-                type: Output
-            }], itemTemplate: [{
-                type: ContentChild,
-                args: [ButtonItemTemplateDirective, { static: false }]
-            }], button: [{
-                type: ViewChild,
-                args: ['button', { static: true }]
-            }], arrowButton: [{
-                type: ViewChild,
-                args: ['arrowButton', { static: true, read: ElementRef }]
-            }], popupTemplate: [{
-                type: ViewChild,
-                args: ['popupTemplate', { static: true }]
-            }], containerRef: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
-            }], isFocused: [{
-                type: HostBinding,
-                args: ['class.k-state-focused']
-            }], isFlat: [{
-                type: HostBinding,
-                args: ['class.k-flat']
-            }], isOutline: [{
-                type: HostBinding,
-                args: ['class.k-outline']
-            }], widgetClasses: [{
-                type: HostBinding,
-                args: ['class.k-split-button']
-            }, {
-                type: HostBinding,
-                args: ['class.k-button-group']
-            }], dir: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], keydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }], keypress: [{
-                type: HostListener,
-                args: ['keypress', ['$event']]
-            }], keyup: [{
-                type: HostListener,
-                args: ['keyup', ['$event']]
-            }] } });
+    }),
+    tslib_1.__metadata("design:paramtypes", [FocusService,
+        NavigationService,
+        ElementRef,
+        NgZone,
+        PopupService,
+        ElementRef,
+        LocalizationService,
+        ChangeDetectorRef,
+        Renderer2])
+], SplitButtonComponent);
+export { SplitButtonComponent };
+export { ɵ0 };

package/dist/es2015/splitbutton/splitbutton.module.d.ts

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ *
+ * The exported package module.
+ *
+ * The package exports:
+ * - `SplitButtonComponent`—The SplitButtonComponent component class.
+ */
+export declare class SplitButtonModule {
+}

package/dist/es2015/splitbutton/splitbutton.module.js

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { PopupModule } from '@progress/kendo-angular-popup';
+import { ButtonModule } from './../button/button.module';
+import { ListModule } from './../listbutton/list.module';
+import { SplitButtonComponent } from './splitbutton.component';
+import { LocalizedSplitButtonMessagesDirective } from './localization/localized-messages.directive';
+import { SplitButtonCustomMessagesComponent } from './localization/custom-messages.component';
+/**
+ * @hidden
+ *
+ * The exported package module.
+ *
+ * The package exports:
+ * - `SplitButtonComponent`—The SplitButtonComponent component class.
+ */
+let SplitButtonModule = class SplitButtonModule {
+};
+SplitButtonModule = tslib_1.__decorate([
+    NgModule({
+        declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent],
+        exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent],
+        imports: [CommonModule, PopupModule, ButtonModule, ListModule]
+    })
+], SplitButtonModule);
+export { SplitButtonModule };