@progress/kendo-angular-buttons 17.0.0-develop.21 → 17.0.0-develop.23

package/{esm2020 → esm2022}/chip/chip-list.component.mjs

@@ -13,41 +13,25 @@ import { isDocumentAvailable, Keys } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 export class ChipListComponent {
-    constructor(localizationService, renderer, element, ngZone) {
-        this.localizationService = localizationService;
-        this.renderer = renderer;
-        this.element = element;
-        this.ngZone = ngZone;
-        this.hostClass = true;
-        this.orientation = 'horizontal';
-        /**
-         * Sets the selection mode of the ChipList.
-         *
-         * The available values are:
-         * * `none` (default)
-         * * `single`
-         * * `multiple`
-         */
-        this.selection = 'none';
-        /**
-         * Fires each time when the ChipList selection is changed.
-         */
-        this.selectedChange = new EventEmitter();
-        /**
-         * Fires each time the user clicks on the remove icon of the Chip.
-         */
-        this.remove = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.role = 'listbox';
-        this._size = 'medium';
-        this.subs = new Subscription();
-        this._navigable = true;
-        this.currentActiveIndex = 0;
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
+    localizationService;
+    renderer;
+    element;
+    ngZone;
+    hostClass = true;
+    orientation = 'horizontal';
+    /**
+     * @hidden
+     */
+    direction;
+    /**
+     * Sets the selection mode of the ChipList.
+     *
+     * The available values are:
+     * * `none` (default)
+     * * `single`
+     * * `multiple`
+     */
+    selection = 'none';
     /**
      * The size property specifies the gap between the Chips in the ChipList
      * ([see example]({% slug appearance_chiplist %}#toc-size)).
@@ -66,12 +50,29 @@ export class ChipListComponent {
     get size() {
         return this._size;
     }
+    /**
+     * Fires each time when the ChipList selection is changed.
+     */
+    selectedChange = new EventEmitter();
+    /**
+     * Fires each time the user clicks on the remove icon of the Chip.
+     */
+    remove = new EventEmitter();
+    chips;
     get single() {
         return this.selection === 'single';
     }
     get multiple() {
         return this.selection === 'multiple';
     }
+    /**
+     * @hidden
+     */
+    role = 'listbox';
+    dynamicRTLSubscription;
+    _size = 'medium';
+    subs = new Subscription();
+    _navigable = true;
     /**
      * @hidden
      */
@@ -110,6 +111,15 @@ export class ChipListComponent {
     get navigable() {
         return this._navigable;
     }
+    currentActiveIndex = 0;
+    constructor(localizationService, renderer, element, ngZone) {
+        this.localizationService = localizationService;
+        this.renderer = renderer;
+        this.element = element;
+        this.ngZone = ngZone;
+        validatePackage(packageMetadata);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+    }
     ngOnInit() {
         this.dynamicRTLSubscription = this.localizationService.changes
             .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
@@ -251,18 +261,18 @@ export class ChipListComponent {
             this.currentActiveIndex = Math.max(this.chips.length - 1, 0);
         }
     }
-}
-ChipListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ChipListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.chiplist'
-        }
-    ], queries: [{ propertyName: "chips", predicate: ChipComponent }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.chiplist'
+            }
+        ], queries: [{ propertyName: "chips", predicate: ChipComponent }], ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipListComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chiplist, kendo-chip-list',

package/{esm2020 → esm2022}/chip/chip.component.mjs

@@ -22,66 +22,77 @@ const DEFAULT_FILL_MODE = 'solid';
  * Displays a Chip that represents an input, attribute or an action.
  */
 export class ChipComponent {
-    constructor(element, renderer, ngZone, localizationService) {
-        this.element = element;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.localizationService = localizationService;
-        /**
-         * Specifies the selected state of the Chip.
-         * @default false
-         */
-        this.selected = false;
-        /**
-         * Specifies if the Chip will be removable or not.
-         * If the property is set to `true`, the Chip renders a remove icon.
-         * @default false
-         */
-        this.removable = false;
-        /**
-         * @hidden
-         *
-         * Determines whether the Chip has a menu.
-         */
-        this.hasMenu = false;
-        /**
-         * If set to `true`, the Chip will be disabled.
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * Fires each time the user clicks the remove icon of the Chip.
-         */
-        this.remove = new EventEmitter();
-        /**
-         * @hidden
-         *
-         * Fires each time the user clicks the menu icon of the Chip.
-         */
-        this.menuToggle = new EventEmitter();
-        /**
-         * Fires each time the user clicks the content of the Chip.
-         */
-        this.contentClick = new EventEmitter();
-        this.tabIndex = 0;
-        this.hostClass = true;
-        /**
-         * @hidden
-         */
-        this.defaultRemoveIcon = xCircleIcon;
-        /**
-         * @hidden
-         */
-        this.defaultMenuIcon = moreVerticalIcon;
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
-        this._themeColor = 'base';
-        this.focused = false;
-        this.subs = new Subscription();
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
+    element;
+    renderer;
+    ngZone;
+    localizationService;
+    /**
+     * Sets the label text of the Chip.
+     */
+    label;
+    /**
+     * Defines the name for an existing icon in a Kendo UI theme.
+     * The icon is rendered inside the Chip by a `span.k-icon` element.
+     */
+    icon;
+    /**
+     * Defines an [`SVGIcon`](slug:api_icons_svgicon) icon to be rendered inside the Chip using
+     * a [`KendoSVGIcon`](slug:api_icons_svgiconcomponent) component.
+     */
+    svgIcon;
+    /**
+     * Defines a CSS class — or multiple classes separated by spaces —
+     * which are applied to a span element.
+     * Allows the usage of custom icons.
+     */
+    iconClass;
+    /**
+     * Use these settings to render an avatar within the Chip.
+     */
+    avatarSettings;
+    /**
+     * Specifies the selected state of the Chip.
+     * @default false
+     */
+    selected = false;
+    /**
+     * Specifies if the Chip will be removable or not.
+     * If the property is set to `true`, the Chip renders a remove icon.
+     * @default false
+     */
+    removable = false;
+    /**
+     * Specifies a custom remove font icon class that will be rendered when the Chip is removable.
+     * [see example]({% slug icons %})
+     */
+    removeIcon;
+    /**
+     * Specifies a custom remove SVG icon that will be rendered when the Chip is removable.
+     */
+    removeSvgIcon;
+    /**
+     * @hidden
+     *
+     * Determines whether the Chip has a menu.
+     */
+    hasMenu = false;
+    /**
+     * @hidden
+     *
+     * Specifies a custom menu font icon class that will be rendered when the Chip has menu.
+     */
+    menuIcon;
+    /**
+     * @hidden
+     *
+     * Specifies a custom menu SVG icon that will be rendered when the Chip has menu.
+     */
+    menuSvgIcon;
+    /**
+     * If set to `true`, the Chip will be disabled.
+     * @default false
+     */
+    disabled = false;
     /**
      * The size property specifies the padding of the Chip
      * ([see example]({% slug appearance_chip %}#toc-size)).
@@ -157,6 +168,22 @@ export class ChipComponent {
     get themeColor() {
         return this._themeColor;
     }
+    /**
+     * Fires each time the user clicks the remove icon of the Chip.
+     */
+    remove = new EventEmitter();
+    /**
+     * @hidden
+     *
+     * Fires each time the user clicks the menu icon of the Chip.
+     */
+    menuToggle = new EventEmitter();
+    /**
+     * Fires each time the user clicks the content of the Chip.
+     */
+    contentClick = new EventEmitter();
+    tabIndex = 0;
+    hostClass = true;
     get hasIconClass() {
         return Boolean(this.icon || this.iconClass || (this.avatarSettings && !isObjectEmpty(this.avatarSettings)));
     }
@@ -169,6 +196,32 @@ export class ChipComponent {
     get focusedClass() {
         return this.focused;
     }
+    /**
+     * @hidden
+     */
+    direction;
+    /**
+     * @hidden
+     */
+    defaultRemoveIcon = xCircleIcon;
+    /**
+     * @hidden
+     */
+    defaultMenuIcon = moreVerticalIcon;
+    _size = 'medium';
+    _rounded = 'medium';
+    _fillMode = 'solid';
+    _themeColor = 'base';
+    focused = false;
+    subs = new Subscription();
+    constructor(element, renderer, ngZone, localizationService) {
+        this.element = element;
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.localizationService = localizationService;
+        validatePackage(packageMetadata);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+    }
     ngOnInit() {
         this.subs.add(this.localizationService.changes
             .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
@@ -317,15 +370,14 @@ export class ChipComponent {
             });
         }
     }
-}
-ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: ChipComponent, isStandalone: true, selector: "kendo-chip", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", avatarSettings: "avatarSettings", selected: "selected", removable: "removable", removeIcon: "removeIcon", removeSvgIcon: "removeSvgIcon", hasMenu: "hasMenu", menuIcon: "menuIcon", menuSvgIcon: "menuSvgIcon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor" }, outputs: { remove: "remove", menuToggle: "menuToggle", contentClick: "contentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "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'
-        }
-    ], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipComponent, isStandalone: true, selector: "kendo-chip", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", avatarSettings: "avatarSettings", selected: "selected", removable: "removable", removeIcon: "removeIcon", removeSvgIcon: "removeSvgIcon", hasMenu: "hasMenu", menuIcon: "menuIcon", menuSvgIcon: "menuSvgIcon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor" }, outputs: { remove: "remove", menuToggle: "menuToggle", contentClick: "contentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "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'
+            }
+        ], usesOnChanges: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             size="small"
@@ -381,7 +433,8 @@ ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
             </span>
         </span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chip',

package/{esm2020 → esm2022}/chip/chip.module.mjs

@@ -38,11 +38,11 @@ import * as i2 from "./chip-list.component";
  * ```
  */
 export class ChipModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ChipModule, imports: [i1.ChipComponent, i2.ChipListComponent], exports: [i1.ChipComponent, i2.ChipListComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipModule, providers: [IconsService], imports: [i1.ChipComponent] });
 }
-ChipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ChipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, imports: [i1.ChipComponent, i2.ChipListComponent], exports: [i1.ChipComponent, i2.ChipListComponent] });
-ChipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, providers: [IconsService], imports: [KENDO_CHIPLIST] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_CHIPLIST],