@progress/kendo-angular-buttons 17.0.0-develop.8 → 17.0.0

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

@@ -39,11 +39,11 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, imports: [ButtonComponent], exports: [ButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, providers: [IconsService], imports: [ButtonComponent] });
 }
-ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ButtonModule, imports: [ButtonComponent], exports: [ButtonComponent] });
-ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonModule, providers: [IconsService], imports: [ButtonComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ButtonComponent],

package/{esm2020 → esm2022}/button/button.service.mjs

@@ -9,16 +9,14 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class KendoButtonService {
-    constructor() {
-        this.buttonClicked = new Subject();
-        this.buttonClicked$ = this.buttonClicked.asObservable();
-    }
+    buttonClicked = new Subject();
+    buttonClicked$ = this.buttonClicked.asObservable();
     click(button) {
         this.buttonClicked.next(button);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KendoButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KendoButtonService });
 }
-KendoButtonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KendoButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KendoButtonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KendoButtonService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KendoButtonService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KendoButtonService, decorators: [{
             type: Injectable
         }] });

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

@@ -24,46 +24,34 @@ const tabindex = 'tabindex';
  * Represents the Kendo UI ButtonGroup component for Angular.
  */
 export class ButtonGroupComponent {
-    constructor(service, localization, renderer, element) {
-        this.service = service;
-        this.renderer = renderer;
-        this.element = element;
-        /**
-         * The selection mode of the ButtonGroup.
-         * @default 'multiple'
-         */
-        this.selection = 'multiple';
-        /**
-         * When this option is set to `true` (default), the component is a single tab-stop,
-         * and focus is moved through the inner buttons via the arrow keys.
-         *
-         * When the option is set to `false`, the inner buttons are part of the natural tab sequence of the page.
-         *
-         * @default true
-         */
-        this.navigable = true;
-        /**
-         * Fires every time keyboard navigation occurs.
-         */
-        this.navigate = new EventEmitter();
-        this._tabIndex = 0;
-        this.currentTabIndex = 0;
-        this.lastFocusedIndex = -1;
-        this.subs = new Subscription();
-        this.wrapperClasses = true;
-        this.role = 'group';
-        this.focusHandler = () => {
-            this.currentTabIndex = -1;
-            this.defocus(this.buttons.toArray());
-            const firstFocusableIndex = this.buttons.toArray().findIndex(current => !current.disabled);
-            const index = this.lastFocusedIndex === -1 ? firstFocusableIndex : this.lastFocusedIndex;
-            this.focus(this.buttons.filter((_current, i) => {
-                return i === index;
-            }));
-        };
-        validatePackage(packageMetadata);
-        this.subs.add(localization.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
-    }
+    service;
+    renderer;
+    element;
+    /**
+     * By default, the ButtonGroup is enabled.
+     * To disable the whole group of buttons, set its `disabled` attribute to `true`.
+     *
+     * To disable a specific button, set its own `disabled` attribute to `true`
+     * and leave the `disabled` attribute of the ButtonGroup undefined.
+     * If you define the `disabled` attribute of the ButtonGroup, it will take
+     * precedence over the `disabled` attributes of the underlying buttons and they will be ignored.
+     *
+     * For more information on how to configure the Button, refer to
+     * its [API documentation]({% slug api_buttons_buttoncomponent %}).
+     */
+    disabled;
+    /**
+     * The selection mode of the ButtonGroup.
+     * @default 'multiple'
+     */
+    selection = 'multiple';
+    /**
+     * Sets the width of the ButtonGroup.
+     * If the width of the ButtonGroup is set:
+     * - The buttons resize automatically to fill the full width of the group wrapper.
+     * - The buttons acquire the same width.
+     */
+    width;
     /**
      * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
      */
@@ -74,12 +62,33 @@ export class ButtonGroupComponent {
     get tabIndex() {
         return this._tabIndex;
     }
+    /**
+     * When this option is set to `true` (default), the component is a single tab-stop,
+     * and focus is moved through the inner buttons via the arrow keys.
+     *
+     * When the option is set to `false`, the inner buttons are part of the natural tab sequence of the page.
+     *
+     * @default true
+     */
+    navigable = true;
+    /**
+     * Fires every time keyboard navigation occurs.
+     */
+    navigate = new EventEmitter();
+    buttons;
+    _tabIndex = 0;
+    currentTabIndex = 0;
+    lastFocusedIndex = -1;
+    direction;
+    subs = new Subscription();
+    wrapperClasses = true;
     get disabledClass() {
         return this.disabled;
     }
     get stretchedClass() {
         return !!this.width;
     }
+    role = 'group';
     get dir() {
         return this.direction;
     }
@@ -92,6 +101,13 @@ export class ButtonGroupComponent {
     get wrapperTabIndex() {
         return this.disabled ? undefined : this.navigable ? this.currentTabIndex : undefined;
     }
+    constructor(service, localization, renderer, element) {
+        this.service = service;
+        this.renderer = renderer;
+        this.element = element;
+        validatePackage(packageMetadata);
+        this.subs.add(localization.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
+    }
     ngOnInit() {
         this.subs.add(this.service.buttonClicked$.subscribe((button) => {
             let newSelectionValue;
@@ -232,19 +248,28 @@ export class ButtonGroupComponent {
             .pipe(filter(predicate))
             .subscribe(handler));
     }
-}
-ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1.KendoButtonService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClasses", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
-        KendoButtonService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.buttongroup'
-        }
-    ], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
+    focusHandler = () => {
+        this.currentTabIndex = -1;
+        this.defocus(this.buttons.toArray());
+        const firstFocusableIndex = this.buttons.toArray().findIndex(current => !current.disabled);
+        const index = this.lastFocusedIndex === -1 ? firstFocusableIndex : this.lastFocusedIndex;
+        this.focus(this.buttons.filter((_current, i) => {
+            return i === index;
+        }));
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1.KendoButtonService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClasses", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
+            KendoButtonService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.buttongroup'
+            }
+        ], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
         <ng-content select="[kendoButton]"></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoButtonGroup',

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

@@ -18,11 +18,11 @@ import * as i2 from "./buttongroup.component";
  * - `ButtonComponent`—The Button component class.
  */
 export class ButtonGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, imports: [i1.ButtonComponent, i2.ButtonGroupComponent], exports: [i1.ButtonComponent, i2.ButtonGroupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, providers: [IconsService], imports: [i1.ButtonComponent] });
 }
-ButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupModule, imports: [i1.ButtonComponent, i2.ButtonGroupComponent], exports: [i1.ButtonComponent, i2.ButtonGroupComponent] });
-ButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupModule, providers: [IconsService], imports: [KENDO_BUTTONGROUP] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_BUTTONGROUP],

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

@@ -52,11 +52,11 @@ import * as i11 from "./splitbutton/localization/custom-messages.component";
  * ```
  */
 export class ButtonsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ButtonsModule, imports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent], exports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonsModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.ButtonComponent, i1.ButtonComponent, i3.DropDownButtonComponent, i5.ChipComponent, i5.ChipComponent, i7.FloatingActionButtonComponent, i10.SplitButtonComponent] });
 }
-ButtonsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ButtonsModule, imports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent], exports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent] });
-ButtonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonsModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_BUTTONS],

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 = false;
-        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)).
@@ -61,17 +45,35 @@ export class ChipListComponent {
     set size(size) {
         const sizeValue = size ? size : 'medium';
         this.handleClasses(sizeValue, 'size');
+        this.chips?.forEach(chip => this.setChipSize(chip, sizeValue));
         this._size = sizeValue;
     }
     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
      */
@@ -97,10 +99,10 @@ export class ChipListComponent {
         }
     }
     /**
-     * When set to `true`, keyboard navigation is available through arrow keys and roving tabindex. Otherwise, all chips
-     * are part of the default tabbing sequence of the page.
+     * By default, keyboard navigation is available through arrow keys and roving tabindex.
+     * When set to `false`, all chips are part of the default tabbing sequence of the page.
      *
-     * @default false
+     * @default true
      */
     set navigable(value) {
         this._navigable = value;
@@ -110,6 +112,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 +262,23 @@ 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: `
+    setChipSize(chip, size) {
+        const hasSize = chip.sizeIsSet;
+        !hasSize && chip.size !== size && (chip.size = size);
+        !hasSize && (chip.sizeIsSet = false);
+    }
+    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',