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

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

@@ -2,17 +2,19 @@
 * 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 } from '@angular/core';
+import { Component, HostBinding, Input, Output, EventEmitter } from '@angular/core';
 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 } 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;
@@ -22,12 +24,10 @@ let ChipComponent = class ChipComponent {
          * Changes the visual appearance by using alternative styling options.
          *
          * The available values are:
-         * * `solid`
-         * * `outline`
-         * * `filled` (The `filled` option will be deprecated. To apply identical styling, use `solid` instead).
-         * * `outlined` (The `outlined` option will be deprecated. To apply identical styling, use `outline` instead).
+         * * `filled`
+         * * `outlined`
          */
-        this.look = 'solid';
+        this.look = 'filled';
         /**
          * Specifies the selected state of the Chip.
          */
@@ -70,10 +70,10 @@ let ChipComponent = class ChipComponent {
         return this.selected;
     }
     get outlineClass() {
-        return this.look === 'outline' || this.look === 'outlined';
+        return this.look === 'outlined';
     }
-    get solidClass() {
-        return this.look === 'solid' || this.look === 'filled';
+    get filledClass() {
+        return this.look === 'filled';
     }
     get hasIconClass() {
         return this.icon || this.iconClass ? true : false;
@@ -177,10 +177,10 @@ let ChipComponent = class ChipComponent {
     attachElementEventHandlers(chip) {
         this.ngZone.runOutsideAngular(() => {
             const focusListener = this.renderer.listen(chip, 'focus', () => {
-                this.renderer.addClass(chip, 'k-focus');
+                this.renderer.addClass(chip, 'k-chip-focused');
             });
             const blurListener = this.renderer.listen(chip, 'blur', () => {
-                this.renderer.removeClass(chip, 'k-focus');
+                this.renderer.removeClass(chip, 'k-chip-focused');
             });
             const contentClickListener = this.renderer.listen(chip, 'click', (e) => {
                 const isRemoveClicked = closest(e.target, '.k-remove-icon');
@@ -197,107 +197,48 @@ let ChipComponent = class ChipComponent {
             };
         });
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ChipComponent.prototype, "look", void 0);
-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", Boolean)
-], ChipComponent.prototype, "selected", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ChipComponent.prototype, "selectedIcon", 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", String)
-], ChipComponent.prototype, "type", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ChipComponent.prototype, "disabled", void 0);
-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-outline'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChipComponent.prototype, "outlineClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-chip-solid'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChipComponent.prototype, "solidClass", null);
-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.13", 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.13", type: ChipComponent, selector: "kendo-chip", inputs: { look: "look", label: "label", icon: "icon", iconClass: "iconClass", selected: "selected", selectedIcon: "selectedIcon", removable: "removable", removeIcon: "removeIcon", type: "type", disabled: "disabled" }, outputs: { remove: "remove", contentClick: "contentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "attr.aria-checked": "this.ariaChecked", "class.k-chip": "this.hostClass", "class.k-chip-outline": "this.outlineClass", "class.k-chip-filled": "this.filledClass", "class.k-chip-has-icon": "this.hasIconClass", "attr.aria-disabled": "this.disabledClass", "class.k-chip-disabled": "this.disabledClass", "class.k-chip-selected": "this.selectedClass", "class.k-chip-focused": "this.focusedClass", "attr.dir": "this.direction" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.chip'
+        }
+    ], ngImport: i0, template: `
+        <span class="k-selected-icon-wrapper">
+            <span *ngIf="selected"
+                class="k-selected-icon"
+                [ngClass]="selectedIconClasses"
+            >
+            </span>
+        </span>
+
+        <span *ngIf="icon || iconClass"
+            class="k-chip-icon"
+            [ngClass]="iconClasses"
+        >
+        </span>
+
+        <span class="k-chip-content">
+            <span class="k-chip-label" *ngIf="label">
+                {{ label }}
+            </span>
+            <ng-content *ngIf="!label"></ng-content>
+        </span>
+
+        <span *ngIf="removable"
+            class="k-remove-icon"
+            (click)="onRemoveClick($event)"
+        >
+            <span [ngClass]="removeIconClasses"></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.13", ngImport: i0, type: ChipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-chip',
+                    template: `
         <span class="k-selected-icon-wrapper">
             <span *ngIf="selected"
                 class="k-selected-icon"
@@ -326,17 +267,69 @@ ChipComponent = tslib_1.__decorate([
             <span [ngClass]="removeIconClasses"></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: { look: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], selectedIcon: [{
+                type: Input
+            }], removable: [{
+                type: Input
+            }], removeIcon: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                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']
+            }], outlineClass: [{
+                type: HostBinding,
+                args: ['class.k-chip-outline']
+            }], filledClass: [{
+                type: HostBinding,
+                args: ['class.k-chip-filled']
+            }], hasIconClass: [{
+                type: HostBinding,
+                args: ['class.k-chip-has-icon']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }, {
+                type: HostBinding,
+                args: ['class.k-chip-disabled']
+            }], selectedClass: [{
+                type: HostBinding,
+                args: ['class.k-chip-selected']
+            }], focusedClass: [{
+                type: HostBinding,
+                args: ['class.k-chip-focused']
+            }], 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.13", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChipModule, declarations: [ChipComponent,
+        ChipListComponent], imports: [CommonModule], exports: [ChipComponent,
+        ChipListComponent] });
+ChipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChipModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule]
+                }]
+        }] });

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