@progress/kendo-angular-dropdowns 6.0.2 → 7.0.0-next.202204011414

package/{dist/es2015 → esm2015}/common/data.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 { isPresent, hasProps, getter } from './util';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-let DataService = class DataService {
-    /**
-     * @hidden
-     */
+export class DataService {
     constructor() {
         this.grouped = false;
         this.groupIndices = [];
@@ -232,8 +229,9 @@ let DataService = class DataService {
         }
         return flat;
     }
-};
-DataService = tslib_1.__decorate([
-    Injectable()
-], DataService);
-export { DataService };
+}
+DataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataService, decorators: [{
+            type: Injectable
+        }] });

package/{dist/es2015 → esm2015}/common/disabled-items/disabled-items.service.js

@@ -2,14 +2,14 @@
 * 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 { isPresent } from '../util';
-import { DataService } from '../data.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../data.service";
 /**
  * @hidden
  */
-let DisabledItemsService = class DisabledItemsService {
+export class DisabledItemsService {
     constructor(dataService) {
         this.dataService = dataService;
         this.itemDisabled = null;
@@ -36,9 +36,9 @@ let DisabledItemsService = class DisabledItemsService {
             }
         }
     }
-};
-DisabledItemsService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [DataService])
-], DisabledItemsService);
-export { DisabledItemsService };
+}
+DisabledItemsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DisabledItemsService, deps: [{ token: i1.DataService }], target: i0.ɵɵFactoryTarget.Injectable });
+DisabledItemsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DisabledItemsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DisabledItemsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.DataService }]; } });

package/{dist/es2015 → esm2015}/common/disabled-items/item-disabled.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/esm2015/common/filter-input.directive.js

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class FilterInputDirective {
+    constructor(element, zone) {
+        this.element = element;
+        this.zone = zone;
+    }
+    ngOnChanges() {
+        if (this.focused) {
+            this.nextTick(() => this.element.nativeElement.focus());
+        }
+    }
+    nextTick(fn) {
+        this.zone.runOutsideAngular(() => setTimeout(fn));
+    }
+}
+FilterInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+FilterInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterInputDirective, selector: "[filterInput]", inputs: { focused: ["filterInput", "focused"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[filterInput]' // eslint-disable-line
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { focused: [{
+                type: Input,
+                args: ['filterInput']
+            }] } });

package/{dist/es2015 → esm2015}/common/filtering/filter-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 {};

package/{dist/es2015 → esm2015}/common/filtering/filter.directive.js

@@ -2,10 +2,10 @@
 * 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, Input } from '@angular/core';
-import { FilterableComponent } from './filterable-component';
 import { getter, isArray, isPresent } from '../util';
+import * as i0 from "@angular/core";
+import * as i1 from "./filterable-component";
 const DEFAULT_FILTER_SETTINGS = {
     caseSensitive: false,
     operator: 'startsWith'
@@ -33,7 +33,7 @@ const DEFAULT_FILTER_SETTINGS = {
  * ```
  * > Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
  */
-let FilterDirective = class FilterDirective {
+export class FilterDirective {
     constructor(component) {
         this.component = component;
         /**
@@ -107,24 +107,19 @@ let FilterDirective = class FilterDirective {
         const providedFields = isPresent(settings) && typeof settings === 'object' ? settings.fields : [];
         return Object.assign({}, DEFAULT_FILTER_SETTINGS, settings, { fields: this.getFilterFields(providedFields) });
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], FilterDirective.prototype, "data", null);
-tslib_1.__decorate([
-    Input('kendoDropDownFilter'),
-    tslib_1.__metadata("design:type", Object)
-], FilterDirective.prototype, "rawSettings", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], FilterDirective.prototype, "filterable", void 0);
-FilterDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDropDownFilter]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [FilterableComponent])
-], FilterDirective);
-export { FilterDirective };
+}
+FilterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterDirective, deps: [{ token: i1.FilterableComponent }], target: i0.ɵɵFactoryTarget.Directive });
+FilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterDirective, selector: "[kendoDropDownFilter]", inputs: { data: "data", rawSettings: ["kendoDropDownFilter", "rawSettings"], filterable: "filterable" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDropDownFilter]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FilterableComponent }]; }, propDecorators: { data: [{
+                type: Input
+            }], rawSettings: [{
+                type: Input,
+                args: ['kendoDropDownFilter']
+            }], filterable: [{
+                type: Input
+            }] } });

package/esm2015/common/list-item.directive.js

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class ListItemDirective {
+    constructor(element) {
+        this.element = element;
+    }
+}
+ListItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListItemDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ListItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ListItemDirective, selector: "\"li[role=option], li[role=group]\"", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '"li[role=option], li[role=group]"' // eslint-disable-line
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });

package/{dist/es2015 → esm2015}/common/list.component.js

@@ -2,23 +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 { Component, Input, Output, EventEmitter, ViewChildren, QueryList, ElementRef, ViewChild, ChangeDetectorRef, NgZone, Renderer2 } from '@angular/core';
+import { Component, Input, Output, EventEmitter, ViewChildren, ViewChild } from '@angular/core';
 import { isChanged } from '@progress/kendo-angular-common';
 import { ListItemDirective } from './list-item.directive';
-import { ItemTemplateDirective } from './templates/item-template.directive';
-import { GroupTemplateDirective } from './templates/group-template.directive';
-import { FixedGroupTemplateDirective } from './templates/fixed-group-template.directive';
 import { isPresent, getter, closest, getSizeClass, getRoundedClass } from './util';
-import { SelectionService } from './selection/selection.service';
 import { fromEvent, merge } from 'rxjs';
 import { map, tap, auditTime, switchMap, take } from 'rxjs/operators';
-import { DisabledItemsService } from './disabled-items/disabled-items.service';
-import { DataService } from './data.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./data.service";
+import * as i2 from "./selection/selection.service";
+import * as i3 from "./disabled-items/disabled-items.service";
+import * as i4 from "@progress/kendo-angular-common";
+import * as i5 from "@angular/common";
+import * as i6 from "./templates/template-context.directive";
+import * as i7 from "./list-item.directive";
+import * as i8 from "./selection/selectable.directive";
 /**
  * @hidden
  */
-let ListComponent = class ListComponent {
+export class ListComponent {
     /* tslint:disable:member-ordering */
     constructor(dataService, wrapper, selectionService, disabledItemsService, cdr, zone, renderer) {
         this.dataService = dataService;
@@ -354,113 +356,133 @@ let ListComponent = class ListComponent {
             this.renderer.addClass(this.wrapper.nativeElement, this.listVirtualClass);
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], ListComponent.prototype, "selected", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], ListComponent.prototype, "focused", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ListComponent.prototype, "textField", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ListComponent.prototype, "valueField", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], ListComponent.prototype, "height", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", ItemTemplateDirective)
-], ListComponent.prototype, "template", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", GroupTemplateDirective)
-], ListComponent.prototype, "groupTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", FixedGroupTemplateDirective)
-], ListComponent.prototype, "fixedGroupTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ListComponent.prototype, "show", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ListComponent.prototype, "id", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ListComponent.prototype, "optionPrefix", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ListComponent.prototype, "multipleSelection", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ListComponent.prototype, "virtual", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ListComponent.prototype, "type", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ListComponent.prototype, "checkboxes", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], ListComponent.prototype, "data", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ListComponent.prototype, "size", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ListComponent.prototype, "rounded", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListComponent.prototype, "onClick", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListComponent.prototype, "pageChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListComponent.prototype, "listResize", void 0);
-tslib_1.__decorate([
-    ViewChildren(ListItemDirective),
-    tslib_1.__metadata("design:type", QueryList)
-], ListComponent.prototype, "items", void 0);
-tslib_1.__decorate([
-    ViewChild('content', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ListComponent.prototype, "content", void 0);
-tslib_1.__decorate([
-    ViewChild('list', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ListComponent.prototype, "list", void 0);
-tslib_1.__decorate([
-    ViewChild('virtualContainer', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ListComponent.prototype, "virtualContainer", void 0);
-ListComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-list',
-        template: `
+}
+ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListComponent, deps: [{ token: i1.DataService }, { token: i0.ElementRef }, { token: i2.SelectionService }, { token: i3.DisabledItemsService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListComponent, selector: "kendo-list", inputs: { selected: "selected", focused: "focused", textField: "textField", valueField: "valueField", height: "height", template: "template", groupTemplate: "groupTemplate", fixedGroupTemplate: "fixedGroupTemplate", show: "show", id: "id", optionPrefix: "optionPrefix", multipleSelection: "multipleSelection", virtual: "virtual", type: "type", checkboxes: "checkboxes", data: "data", size: "size", rounded: "rounded" }, outputs: { onClick: "onClick", pageChange: "pageChange", listResize: "listResize" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }, { propertyName: "list", first: true, predicate: ["list"], descendants: true, static: true }, { propertyName: "virtualContainer", first: true, predicate: ["virtualContainer"], descendants: true }, { propertyName: "items", predicate: ListItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div *ngIf="dataService.grouped"
+        [class]="listGroupStickyHeaderClass"
+        [ngStyle]="{
+            'height.px': virtual?.itemHeight,
+            'minHeight.px' : virtual?.itemHeight,
+            'boxSizing' : virtual ? 'border-box' : 'inherit'}"
+        >
+        <ng-template *ngIf="fixedGroupTemplate"
+            [templateContext]="{
+                templateRef: fixedGroupTemplate.templateRef,
+                $implicit: currentGroup
+            }">
+        </ng-template>
+        <ng-template [ngIf]="!fixedGroupTemplate"><span [class]="listGroupStickyHeaderTextClass">{{ currentGroup }}</span></ng-template>
+    </div>
+    <div #content
+        [class]="listContentClass"
+        [style.overscrollBehavior]="'none'"
+        [style.maxHeight.px]="height"
+        unselectable="on">
+    <ul #list
+        role="listbox"
+        [class]="listClass"
+        [attr.id]="id"
+        [attr.aria-hidden]="!show">
+         <ng-template *ngIf="!dataService.grouped && show" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">
+            <li
+                role="option"
+                kendoDropDownsSelectable
+                [checkboxes]="checkboxes"
+                [height]="virtual?.itemHeight"
+                [index]="itemIndex + startFrom"
+                [multipleSelection]="multipleSelection"
+                [attr.id]="optionPrefix + '-' + getValue(dataItem)"
+                [attr.tabIndex]="-1"
+                [class]="listItemClass"
+                [ngClass]="{
+                    'k-disabled': isDisabled(itemIndex),
+                    'k-table-alt-row': isAltRow(itemIndex)
+                }"
+            >
+                <input
+                    *ngIf="checkboxes.enabled"
+                    type="checkbox"
+                    class="k-checkbox"
+                    [ngClass]="checkboxClasses"
+                    (change)="onCheckedChange($event, itemIndex)"
+                    [checked]="isChecked(itemIndex)"
+                />
+                <ng-template *ngIf="template"
+                    [templateContext]="{
+                        templateRef: template.templateRef,
+                        $implicit: dataItem
+                    }">
+                </ng-template>
+                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem) }}</span></ng-template>
+            </li>
+         </ng-template>
+         <ng-template *ngIf="dataService.grouped" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">
+            <li
+                *ngIf="dataItem.header && dataItem.index > 0"
+                role="group"
+                [class]="listGroupItemClass"
+                [class.k-table-alt-row]="isAltRow(itemIndex - 1)"
+                [ngStyle]="{
+                    'height.px': virtual?.itemHeight,
+                    'minHeight.px' : virtual?.itemHeight,
+                    'boxSizing' : virtual ? 'border-box' : 'inherit'}"
+                [attr.group-index]="dataItem.index"
+                [attr.id]="optionPrefix + '-' + getValue(dataItem.value)"
+                [attr.tabIndex]="-1">
+                    <span [class]="listGroupItemTextClass">
+                        <ng-template *ngIf="groupTemplate"
+                            [templateContext]="{
+                                templateRef: groupTemplate.templateRef,
+                                $implicit: dataItem.value
+                        }">
+                        </ng-template>
+                        <ng-template [ngIf]="!groupTemplate">{{ dataItem.value }}</ng-template>
+                    </span>
+            </li>
+            <li
+                *ngIf="!dataItem.header"
+                role="option"
+                kendoDropDownsSelectable
+                [height]="virtual?.itemHeight"
+                [index]="dataItem.offsetIndex"
+                [multipleSelection]="multipleSelection"
+                [attr.absolute-index]="dataItem.index"
+                [attr.id]="optionPrefix + '-' + getValue(dataItem.value)"
+                [attr.tabIndex]="-1"
+                [class]="listItemClass"
+                [ngClass]="{
+                    'k-disabled': isDisabled(dataItem.offsetIndex),
+                    'k-table-alt-row': isAltRow(itemIndex - 1)
+                }"
+            >
+                <ng-template *ngIf="template"
+                    [templateContext]="{
+                        templateRef: template.templateRef,
+                        $implicit: dataItem.value
+                    }">
+                </ng-template>
+                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem.value) }}</span></ng-template>
+            </li>
+        </ng-template>
+        <kendo-resize-sensor
+            *ngIf="!virtual"
+            (resize)="listResize.emit()"
+        >
+        </kendo-resize-sensor>
+    </ul>
+    <div *ngIf="virtual" #virtualContainer class="k-height-container" role="presentation">
+        <div [style.height.px]="scrollHeight">
+            <kendo-resize-sensor (resize)="listResize.emit()"></kendo-resize-sensor>
+        </div>
+    </div>
+    </div>
+  `, isInline: true, components: [{ type: i4.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.ListItemDirective, selector: "\"li[role=option], li[role=group]\"" }, { type: i8.SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "multipleSelection"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-list',
+                    template: `
     <div *ngIf="dataService.grouped"
         [class]="listGroupStickyHeaderClass"
         [ngStyle]="{
@@ -580,13 +602,59 @@ ListComponent = tslib_1.__decorate([
     </div>
     </div>
   `
-    }),
-    tslib_1.__metadata("design:paramtypes", [DataService,
-        ElementRef,
-        SelectionService,
-        DisabledItemsService,
-        ChangeDetectorRef,
-        NgZone,
-        Renderer2])
-], ListComponent);
-export { ListComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DataService }, { type: i0.ElementRef }, { type: i2.SelectionService }, { type: i3.DisabledItemsService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { selected: [{
+                type: Input
+            }], focused: [{
+                type: Input
+            }], textField: [{
+                type: Input
+            }], valueField: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], groupTemplate: [{
+                type: Input
+            }], fixedGroupTemplate: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], optionPrefix: [{
+                type: Input
+            }], multipleSelection: [{
+                type: Input
+            }], virtual: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], checkboxes: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], listResize: [{
+                type: Output
+            }], items: [{
+                type: ViewChildren,
+                args: [ListItemDirective]
+            }], content: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }], list: [{
+                type: ViewChild,
+                args: ['list', { static: true }]
+            }], virtualContainer: [{
+                type: ViewChild,
+                args: ['virtualContainer', { static: false }]
+            }] } });

package/esm2015/common/localization/custom-messages.component.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug rtl_dropdowns %}#toc-messages)).
+ */
+export class CustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMessagesComponent, selector: "kendo-dropdownlist-messages,kendo-combobox-messages,kendo-multicolumncombobox-messages,kendo-autocomplete-messages,kendo-multiselect-messages,kendo-dropdowntree-messages,kendo-multiselecttree-messages", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => CustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-dropdownlist-messages,kendo-combobox-messages,kendo-multicolumncombobox-messages,kendo-autocomplete-messages,kendo-multiselect-messages,kendo-dropdowntree-messages,kendo-multiselecttree-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });