@progress/kendo-angular-buttons 7.0.6 → 8.0.0-dev.202204190655

package/{dist/es2015 → esm2015}/button/button.directive.js

@@ -2,19 +2,25 @@
 * 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 { Directive, ElementRef, EventEmitter, HostBinding, HostListener, Input, Renderer2 as Renderer, Output, Optional, NgZone } from '@angular/core';
-import { KendoButtonService } from './button.service';
+import { Directive, EventEmitter, HostBinding, HostListener, Input, Output, Optional } from '@angular/core';
 import { isDocumentAvailable, isChanged, hasObservers, Keys } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { Subscription } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { getStylingClasses, getThemeColorClasses, isFirefox } from '../util';
+import * as i0 from "@angular/core";
+import * as i1 from "./button.service";
+import * as i2 from "@progress/kendo-angular-l10n";
 const SPAN_TAG_NAME = 'SPAN';
+const DEFAULT_ROUNDED = 'medium';
+const DEFAULT_SIZE = 'medium';
+const DEFAULT_THEME_COLOR = 'base';
+const DEFAULT_FILL_MODE = 'solid';
 /**
  * Represents the Kendo UI Button component for Angular.
  */
-let ButtonDirective = class ButtonDirective {
+export class ButtonDirective {
     constructor(element, renderer, service, localization, ngZone) {
         this.service = service;
         this.ngZone = ngZone;
@@ -40,16 +46,15 @@ let ButtonDirective = class ButtonDirective {
         this.isDisabled = false;
         this.isIcon = false;
         this.isIconClass = false;
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._shape = 'rectangle';
-        this._fillMode = 'solid';
-        this._themeColor = 'base';
+        this._size = DEFAULT_SIZE;
+        this._rounded = DEFAULT_ROUNDED;
+        this._fillMode = DEFAULT_FILL_MODE;
+        this._themeColor = DEFAULT_THEME_COLOR;
         this._focused = false;
-        this.domEvents = [];
+        this.subs = new Subscription();
         validatePackage(packageMetadata);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.localizationChangeSubscription = localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr'));
+        this.subs.add(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
         this.element = element.nativeElement;
         this.renderer = renderer;
     }
@@ -150,14 +155,15 @@ let ButtonDirective = class ButtonDirective {
      * ([see example]({% slug appearance_button %}#toc-size)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
      */
     set size(size) {
-        this.handleClasses(size, 'size');
-        this._size = size;
+        const newSize = size ? size : DEFAULT_SIZE;
+        this.handleClasses(newSize, 'size');
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -167,15 +173,16 @@ let ButtonDirective = class ButtonDirective {
      * ([see example]({% slug appearance_button %}#toc-rounded)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
      */
     set rounded(rounded) {
-        this.handleClasses(rounded, 'rounded');
-        this._rounded = rounded;
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
+        this.handleClasses(newRounded, 'rounded');
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -185,16 +192,17 @@ let ButtonDirective = class ButtonDirective {
      * ([see example]({% slug appearance_button %}#toc-fillMode)).
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
-     * * `'clear'`
-     * * `'link'`
-     * * `null`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `clear`
+     * * `link`
+     * * `none`
      */
     set fillMode(fillMode) {
-        this.handleClasses(fillMode, 'fillMode');
-        this._fillMode = fillMode;
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
+        this.handleClasses(newFillMode, 'fillMode');
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -205,40 +213,27 @@ let ButtonDirective = class ButtonDirective {
      * ([see example]({% slug appearance_button %}#toc-themeColor)).
      *
      * The possible values are:
-     * * `'base'` (default)
-     * * `'primary'`
-     * * `'secondary'`
-     * * `'tertiary'`
-     * * `'info'`
-     * * `'success'`
-     * * `'warning'`
-     * * `'error'`
-     * * `'dark'`
-     * * `'light`'
-     * * `'inverse'`
+     * * `base` (default)
+     * * `primary`
+     * * `secondary`
+     * * `tertiary`
+     * * `info`
+     * * `success`
+     * * `warning`
+     * * `error`
+     * * `dark`
+     * * `light`
+     * * `inverse`
+     * * `none`
      */
     set themeColor(themeColor) {
-        this.handleThemeColor(themeColor);
-        this._themeColor = themeColor;
+        const newThemeColor = themeColor ? themeColor : DEFAULT_THEME_COLOR;
+        this.handleThemeColor(newThemeColor);
+        this._themeColor = newThemeColor;
     }
     get themeColor() {
         return this._themeColor;
     }
-    /**
-     * The shape property specifies if the Button will form a rectangle or square.
-     * ([see example]({% slug appearance_button %}#toc-shape)).
-     *
-     * The possible values are:
-     * * `'square'`
-     * * `'rectangle'` (default)
-     */
-    set shape(shape) {
-        this.handleClasses(shape, 'shape');
-        this._shape = shape;
-    }
-    get shape() {
-        return this._shape;
-    }
     set isFocused(isFocused) {
         this.toggleClass('k-focus', isFocused);
         this._focused = isFocused;
@@ -305,8 +300,8 @@ let ButtonDirective = class ButtonDirective {
             this.setAttribute('role', this.role);
         }
         this.ngZone.runOutsideAngular(() => {
-            this.domEvents.push(this.renderer.listen(this.element, 'click', this._onButtonClick.bind(this)));
-            this.domEvents.push(this.renderer.listen(this.element, 'keydown', (event) => {
+            this.subs.add(this.renderer.listen(this.element, 'click', this._onButtonClick.bind(this)));
+            this.subs.add(this.renderer.listen(this.element, 'keydown', (event) => {
                 const isSpaceOrEnter = event.keyCode === Keys.Space || event.keyCode === Keys.Enter;
                 if (isSpan && isSpaceOrEnter) {
                     this.click.emit(event);
@@ -321,7 +316,7 @@ let ButtonDirective = class ButtonDirective {
         }
     }
     ngAfterViewInit() {
-        const stylingOptions = ['size', 'rounded', 'shape', 'fillMode'];
+        const stylingOptions = ['size', 'rounded', 'fillMode'];
         stylingOptions.forEach(input => {
             this.handleClasses(this[input], input);
         });
@@ -334,9 +329,8 @@ let ButtonDirective = class ButtonDirective {
         this.iconNode = null;
         this.iconSpanNode = null;
         this.renderer = null;
-        this.localizationChangeSubscription.unsubscribe();
+        this.subs.unsubscribe();
         clearTimeout(this.deferTimeout);
-        this.domEvents.forEach(unbindHandler => unbindHandler());
     }
     /**
      * Focuses the Button component.
@@ -519,159 +513,95 @@ let ButtonDirective = class ButtonDirective {
         const addFillMode = fillMode ? fillMode : this.fillMode;
         const themeColorClass = getThemeColorClasses('button', removeFillMode, addFillMode, this.themeColor, value);
         this.renderer.removeClass(elem, themeColorClass.toRemove);
-        if (addFillMode !== null && fillMode !== null) {
+        if (addFillMode !== 'none' && fillMode !== 'none') {
             if (themeColorClass.toAdd) {
                 this.renderer.addClass(elem, themeColorClass.toAdd);
             }
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ButtonDirective.prototype, "toggleable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], ButtonDirective.prototype, "togglable", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], ButtonDirective.prototype, "selected", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], ButtonDirective.prototype, "tabIndex", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ButtonDirective.prototype, "icon", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ButtonDirective.prototype, "iconClass", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ButtonDirective.prototype, "imageUrl", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], ButtonDirective.prototype, "disabled", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ButtonDirective.prototype, "size", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ButtonDirective.prototype, "rounded", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ButtonDirective.prototype, "fillMode", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ButtonDirective.prototype, "themeColor", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ButtonDirective.prototype, "shape", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ButtonDirective.prototype, "role", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ButtonDirective.prototype, "selectedChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ButtonDirective.prototype, "click", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-button'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ButtonDirective.prototype, "classButton", null);
-tslib_1.__decorate([
-    HostBinding('class.k-toggle-button'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ButtonDirective.prototype, "isToggleable", null);
-tslib_1.__decorate([
-    HostBinding('attr.role'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ButtonDirective.prototype, "roleSetter", null);
-tslib_1.__decorate([
-    HostBinding('attr.aria-disabled'),
-    HostBinding('class.k-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ButtonDirective.prototype, "classDisabled", null);
-tslib_1.__decorate([
-    HostBinding('class.k-selected'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ButtonDirective.prototype, "classActive", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ButtonDirective.prototype, "getDirection", null);
-tslib_1.__decorate([
-    HostListener('focus'),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], ButtonDirective.prototype, "onFocus", null);
-tslib_1.__decorate([
-    HostListener('blur'),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], ButtonDirective.prototype, "onBlur", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], ButtonDirective.prototype, "primary", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ButtonDirective.prototype, "look", null);
-ButtonDirective = tslib_1.__decorate([
-    Directive({
-        exportAs: 'kendoButton',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.button'
-            }
-        ],
-        selector: 'button[kendoButton], span[kendoButton]',
-    }),
-    tslib_1.__param(2, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer,
-        KendoButtonService,
+}
+ButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.KendoButtonService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+ButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: { toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", role: "role", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-toggle-button": "this.isToggleable", "attr.role": "this.roleSetter", "attr.aria-disabled": "this.classDisabled", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
         LocalizationService,
-        NgZone])
-], ButtonDirective);
-export { ButtonDirective };
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.button'
+        }
+    ], exportAs: ["kendoButton"], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    exportAs: 'kendoButton',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.button'
+                        }
+                    ],
+                    selector: 'button[kendoButton], span[kendoButton]' // eslint-disable-line
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.KendoButtonService, decorators: [{
+                    type: Optional
+                }] }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { toggleable: [{
+                type: Input
+            }], togglable: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], imageUrl: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], selectedChange: [{
+                type: Output
+            }], click: [{
+                type: Output
+            }], classButton: [{
+                type: HostBinding,
+                args: ['class.k-button']
+            }], isToggleable: [{
+                type: HostBinding,
+                args: ['class.k-toggle-button']
+            }], roleSetter: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], classDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }, {
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }], classActive: [{
+                type: HostBinding,
+                args: ['class.k-selected']
+            }], getDirection: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], primary: [{
+                type: Input
+            }], look: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/button/button.module.js

@@ -2,9 +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";
 import { NgModule } from '@angular/core';
 import { ButtonDirective } from './button.directive';
+import * as i0 from "@angular/core";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
  * definition for the Button directive.
@@ -36,12 +36,15 @@ import { ButtonDirective } from './button.directive';
  *
  * ```
  */
-let ButtonModule = class ButtonModule {
-};
-ButtonModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [ButtonDirective],
-        exports: [ButtonDirective]
-    })
-], ButtonModule);
-export { ButtonModule };
+export class ButtonModule {
+}
+ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ButtonModule, declarations: [ButtonDirective], exports: [ButtonDirective] });
+ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ButtonModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ButtonDirective],
+                    exports: [ButtonDirective]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/button/button.service.js

@@ -2,16 +2,13 @@
 * 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 { Injectable } from '@angular/core';
 import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-let KendoButtonService = class KendoButtonService {
-    /**
-     * @hidden
-     */
+export class KendoButtonService {
     constructor() {
         this.buttonClicked = new Subject();
         this.buttonClicked$ = this.buttonClicked.asObservable();
@@ -19,8 +16,9 @@ let KendoButtonService = class KendoButtonService {
     click(button) {
         this.buttonClicked.next(button);
     }
-};
-KendoButtonService = tslib_1.__decorate([
-    Injectable()
-], KendoButtonService);
-export { KendoButtonService };
+}
+KendoButtonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KendoButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KendoButtonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KendoButtonService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KendoButtonService, decorators: [{
+            type: Injectable
+        }] });

package/{dist/es → esm2015}/button/selection-settings.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};