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

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

@@ -2,17 +2,20 @@
 * 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 { Component, HostBinding, Input, Output, EventEmitter, ElementRef, Renderer2, NgZone, isDevMode } from '@angular/core';
+import { Component, HostBinding, Input, Output, EventEmitter, isDevMode } from '@angular/core';
+import { Subscription } from 'rxjs';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-import { closest, getStylingClasses, getThemeColorClasses } from '../util';
+import { closest, getStylingClasses, getThemeColorClasses, isPresent } from '../util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@angular/common";
 /**
  * Displays a Chip that represents an input, attribute or an action.
  */
-let ChipComponent = class ChipComponent {
+export class ChipComponent {
     constructor(element, renderer, ngZone, localizationService) {
         this.element = element;
         this.renderer = renderer;
@@ -49,6 +52,7 @@ let ChipComponent = class ChipComponent {
         this._fillMode = 'solid';
         this._themeColor = 'base';
         this.focused = false;
+        this.subs = new Subscription();
         validatePackage(packageMetadata);
         this.direction = localizationService.rtl ? 'rtl' : 'ltr';
     }
@@ -57,14 +61,16 @@ let ChipComponent = class ChipComponent {
      * ([see example]({% slug appearance_chip %}#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;
+        if (isPresent(size)) {
+            this._size = size;
+        }
+        this.handleClasses(this._size, 'size');
     }
     get size() {
         return this._size;
@@ -74,15 +80,17 @@ let ChipComponent = class ChipComponent {
      * ([see example]({% slug appearance_chip %}#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;
+        if (isPresent(rounded)) {
+            this._rounded = rounded;
+        }
+        this.handleClasses(this._rounded, 'rounded');
     }
     get rounded() {
         return this._rounded;
@@ -92,13 +100,15 @@ let ChipComponent = class ChipComponent {
      * ([see example]({% slug appearance_chip %}#toc-fillMode)).
      *
      * The possible values are:
-     * * `'solid'` (default)
-     * * `'outline'`
-     * * `null`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
      */
     set fillMode(fillMode) {
-        this.handleClasses(fillMode, 'fillMode');
-        this._fillMode = fillMode;
+        if (isPresent(fillMode)) {
+            this._fillMode = fillMode;
+        }
+        this.handleClasses(this._fillMode, 'fillMode');
     }
     get fillMode() {
         return this._fillMode;
@@ -109,16 +119,18 @@ let ChipComponent = class ChipComponent {
      * ([see example]({% slug appearance_chip %}#toc-themeColor)).
      *
      * The possible values are:
-     * * `'base'` (default)
-     * * `'info'`
-     * * `'success'`
-     * * `'warning'`
-     * * `'error'`
-     * * `null`
+     * * `base` (default)
+     * * `info`
+     * * `success`
+     * * `warning`
+     * * `error`
+     * * `none`
      */
     set themeColor(themeColor) {
-        this.handleThemeColor(themeColor);
-        this._themeColor = themeColor;
+        if (isPresent(themeColor)) {
+            this._themeColor = themeColor;
+        }
+        this.handleThemeColor(this._themeColor);
     }
     get themeColor() {
         return this._themeColor;
@@ -139,16 +151,11 @@ let ChipComponent = class ChipComponent {
         return this.focused;
     }
     ngOnInit() {
-        this.dynamicRTLSubscription = this.localizationService.changes
-            .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
+        this.subs.add(this.localizationService.changes
+            .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
     }
     ngOnDestroy() {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-        if (this.detachDomEvents) {
-            this.detachDomEvents();
-        }
+        this.subs.unsubscribe();
     }
     ngAfterViewInit() {
         const chip = this.element.nativeElement;
@@ -214,25 +221,20 @@ let ChipComponent = class ChipComponent {
     }
     attachElementEventHandlers(chip) {
         this.ngZone.runOutsideAngular(() => {
-            const focusListener = this.renderer.listen(chip, 'focus', () => {
+            this.subs.add(this.renderer.listen(chip, 'focus', () => {
                 this.renderer.addClass(chip, 'k-focus');
-            });
-            const blurListener = this.renderer.listen(chip, 'blur', () => {
+            }));
+            this.subs.add(this.renderer.listen(chip, 'blur', () => {
                 this.renderer.removeClass(chip, 'k-focus');
-            });
-            const contentClickListener = this.renderer.listen(chip, 'click', (e) => {
+            }));
+            this.subs.add(this.renderer.listen(chip, 'click', (e) => {
                 const isRemoveClicked = closest(e.target, '.k-chip-remove-action');
                 if (!isRemoveClicked) {
                     this.ngZone.run(() => {
                         this.contentClick.emit({ sender: this, originalEvent: e });
                     });
                 }
-            });
-            this.detachDomEvents = () => {
-                focusListener();
-                blurListener();
-                contentClickListener();
-            };
+            }));
         });
     }
     /**
@@ -265,115 +267,67 @@ let ChipComponent = class ChipComponent {
         const addFillMode = fillMode ? fillMode : this.fillMode;
         const themeColorClass = getThemeColorClasses('chip', 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", String)
-], ChipComponent.prototype, "label", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ChipComponent.prototype, "icon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ChipComponent.prototype, "iconClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ChipComponent.prototype, "avatarClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ChipComponent.prototype, "selected", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ChipComponent.prototype, "removable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ChipComponent.prototype, "removeIcon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ChipComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ChipComponent.prototype, "size", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ChipComponent.prototype, "rounded", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ChipComponent.prototype, "fillMode", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ChipComponent.prototype, "themeColor", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ChipComponent.prototype, "remove", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ChipComponent.prototype, "contentClick", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.tabindex'),
-    tslib_1.__metadata("design:type", Number)
-], ChipComponent.prototype, "tabIndex", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.aria-checked'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChipComponent.prototype, "ariaChecked", null);
-tslib_1.__decorate([
-    HostBinding('class.k-chip'),
-    tslib_1.__metadata("design:type", Boolean)
-], ChipComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-chip-has-icon'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChipComponent.prototype, "hasIconClass", null);
-tslib_1.__decorate([
-    HostBinding('attr.aria-disabled'),
-    HostBinding('class.k-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChipComponent.prototype, "disabledClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-selected'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChipComponent.prototype, "selectedClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-focus'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChipComponent.prototype, "focusedClass", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], ChipComponent.prototype, "direction", void 0);
-ChipComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-chip',
-        template: `
+}
+ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ChipComponent, selector: "kendo-chip", inputs: { label: "label", icon: "icon", iconClass: "iconClass", avatarClass: "avatarClass", selected: "selected", removable: "removable", removeIcon: "removeIcon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor" }, outputs: { remove: "remove", contentClick: "contentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "attr.aria-checked": "this.ariaChecked", "class.k-chip": "this.hostClass", "class.k-chip-has-icon": "this.hasIconClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-selected": "this.selectedClass", "class.k-focus": "this.focusedClass", "attr.dir": "this.direction" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.chip'
+        }
+    ], ngImport: i0, template: `
+        <span
+            *ngIf="icon"
+            class="k-chip-icon k-icon"
+            [ngClass]="kendoIconClass"
+        >
+        </span>
+
+        <span
+            *ngIf="iconClass"
+            class="k-chip-icon"
+            [ngClass]="customIconClass"
+        >
+        </span>
+
+        <span
+            *ngIf="avatarClass"
+            class="k-chip-avatar k-avatar k-rounded-full"
+        >
+            <span class="k-avatar-image" [ngClass]="chipAvatarClass"></span>
+        </span>
+
+        <span class="k-chip-content">
+            <span class="k-chip-label" *ngIf="label">
+                {{ label }}
+            </span>
+            <ng-content *ngIf="!label"></ng-content>
+        </span>
+
+        <span class="k-chip-actions">
+            <span class="k-chip-action k-chip-remove-action"
+                *ngIf="removable"
+                (click)="onRemoveClick($event)"
+                >
+                <span
+                    class="k-icon"
+                    [ngClass]="removeIconClass"
+                >
+                </span>
+            </span>
+        </span>
+    `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-chip',
+                    template: `
         <span
             *ngIf="icon"
             class="k-chip-icon k-icon"
@@ -415,17 +369,67 @@ ChipComponent = tslib_1.__decorate([
             </span>
         </span>
     `,
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.chip'
-            }
-        ]
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        NgZone,
-        LocalizationService])
-], ChipComponent);
-export { ChipComponent };
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.chip'
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], avatarClass: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], removable: [{
+                type: Input
+            }], removeIcon: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }], remove: [{
+                type: Output
+            }], contentClick: [{
+                type: Output
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaChecked: [{
+                type: HostBinding,
+                args: ['attr.aria-checked']
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-chip']
+            }], hasIconClass: [{
+                type: HostBinding,
+                args: ['class.k-chip-has-icon']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }, {
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }], selectedClass: [{
+                type: HostBinding,
+                args: ['class.k-selected']
+            }], focusedClass: [{
+                type: HostBinding,
+                args: ['class.k-focus']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });

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

@@ -2,11 +2,11 @@
 * 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 { ChipComponent } from '../chip/chip.component';
 import { ChipListComponent } from './chip-list.component';
+import * as i0 from "@angular/core";
 const exportedModules = [
     ChipComponent,
     ChipListComponent
@@ -42,13 +42,18 @@ const declarations = [
  *
  * ```
  */
-let ChipModule = class ChipModule {
-};
-ChipModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [CommonModule]
-    })
-], ChipModule);
-export { ChipModule };
+export class ChipModule {
+}
+ChipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipModule, declarations: [ChipComponent,
+        ChipListComponent], imports: [CommonModule], exports: [ChipComponent,
+        ChipListComponent] });
+ChipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule]
+                }]
+        }] });

package/{dist/es → esm2015}/chip/models/selection.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 {};

package/{dist/es → esm2015}/common/models/fillmode.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 {};

package/{dist/es → esm2015}/common/models/rounded.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 {};

package/{dist/es → esm2015}/common/models/size.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 {};

package/{dist/es → esm2015}/common/models/styling-classes.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 {};

package/{dist/es → esm2015}/common/models/theme-color.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 {};

package/{dist/es → esm2015}/common/models.js

@@ -2,3 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export * from './models/size';
+export * from './models/theme-color';
+export * from './models/fillmode';
+export * from './models/rounded';
+export * from './models/styling-classes';

package/{dist/es → esm2015}/direction.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 {};