@progress/kendo-angular-buttons 6.4.0 → 7.0.0-next.202111120840

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

@@ -2,11 +2,9 @@
 * 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";
-/* tslint:disable:no-access-missing-member */
-import { Component, ElementRef, TemplateRef, Input, Output, HostBinding, HostListener, EventEmitter, ContentChild, ViewChild, ViewContainerRef, NgZone, ChangeDetectorRef } from '@angular/core';
+/* eslint-disable no-access-missing-member */
+import { Component, ElementRef, Input, Output, HostBinding, HostListener, EventEmitter, ContentChild, ViewChild, ViewContainerRef } 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';
@@ -16,14 +14,20 @@ 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 { replaceMessagePlaceholder } from '../util';
+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";
 const NAVIGATION_SETTINGS = {
     useLeftRightArrows: true
 };
-const ɵ0 = NAVIGATION_SETTINGS;
 const NAVIGATION_SETTINGS_PROVIDER = {
     provide: NAVIGATION_CONFIG,
-    useValue: ɵ0
+    useValue: NAVIGATION_SETTINGS
 };
 /**
  * Represents the Kendo UI SplitButton component for Angular.
@@ -66,12 +70,11 @@ const NAVIGATION_SETTINGS_PROVIDER = {
  * }
  * ```
  */
-let SplitButtonComponent = class SplitButtonComponent extends ListButton {
+export class SplitButtonComponent extends ListButton {
     constructor(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr) {
         super(focusService, navigationService, wrapperRef, zone, localization, cdr);
         this.popupService = popupService;
         this.elRef = elRef;
-        this.localization = localization;
         /**
          * Sets the text of the SplitButton.
          */
@@ -165,11 +168,11 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
         /**
          * Fires each time the SplitButton gets focused.
          */
-        this.onFocus = new EventEmitter(); //tslint:disable-line:no-output-rename
+        this.onFocus = new EventEmitter(); //eslint-disable-line no-output-rename
         /**
          * Fires each time the SplitButton gets blurred.
          */
-        this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
+        this.onBlur = new EventEmitter(); //eslint-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.
@@ -291,8 +294,7 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
      * @hidden
      */
     get ariaLabel() {
-        const localizationMsg = this.localization.get('splitButtonLabel') || '';
-        return replaceMessagePlaceholder(localizationMsg, 'buttonText', this.buttonText);
+        return `${this.buttonText} splitbutton`;
     }
     /**
      * @hidden
@@ -514,176 +516,94 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
             this.popupRef = null;
         }
     }
-};
-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, "look", 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-state-focused'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], SplitButtonComponent.prototype, "isFocused", null);
-tslib_1.__decorate([
-    HostBinding('class.k-flat'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitButtonComponent.prototype, "isFlat", null);
-tslib_1.__decorate([
-    HostBinding('class.k-outline'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitButtonComponent.prototype, "isOutline", 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>
+}
+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'
+        }
+    ], 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: `
+        <button
+            kendoButton
+            #button
+            role="listbox"
             [type]="type"
             [look]="look"
             [tabindex]="componentTabIndex"
@@ -736,15 +656,89 @@ SplitButtonComponent = tslib_1.__decorate([
         </ng-template>
         <ng-container #container></ng-container>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [FocusService,
-        NavigationService,
-        ElementRef,
-        NgZone,
-        PopupService,
-        ElementRef,
-        LocalizationService,
-        ChangeDetectorRef])
-], SplitButtonComponent);
-export { SplitButtonComponent };
-export { ɵ0 };
+                }]
+        }], 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']]
+            }] } });

package/esm2015/splitbutton/splitbutton.module.js

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+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 * as i0 from "@angular/core";
+/**
+ * @hidden
+ *
+ * The exported package module.
+ *
+ * The package exports:
+ * - `SplitButtonComponent`—The SplitButtonComponent component class.
+ */
+export class SplitButtonModule {
+}
+SplitButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SplitButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent], imports: [CommonModule, PopupModule, ButtonModule, ListModule], exports: [SplitButtonComponent, ListModule] });
+SplitButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SplitButtonModule, imports: [[CommonModule, PopupModule, ButtonModule, ListModule], ListModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SplitButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SplitButtonComponent],
+                    exports: [SplitButtonComponent, ListModule],
+                    imports: [CommonModule, PopupModule, ButtonModule, ListModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/util.js

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-/* tslint:disable:no-null-keyword */
-/* tslint:disable:no-bitwise */
+/* eslint-disable no-null-keyword */
+/* eslint-disable no-bitwise */
 const resolvedPromise = Promise.resolve(null);
 /**
  * @hidden
@@ -37,7 +37,3 @@ export function closest(element, selector) {
         node = node.parentNode;
     }
 }
-/**
- * @hidden
- */
-export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`\{\\s*${name}\\s*\}`, 'g'), value);