@progress/kendo-angular-dropdowns 17.0.0-develop.9 → 17.0.1-develop.1

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

@@ -74,169 +74,45 @@ const DEFAULT_FILL_MODE = 'solid';
  * ```
  */
 export class DropDownListComponent {
-    constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, _zone, renderer, cdr, injector) {
-        this.wrapper = wrapper;
-        this.localization = localization;
-        this.popupService = popupService;
-        this.selectionService = selectionService;
-        this.navigationService = navigationService;
-        this.disabledItemsService = disabledItemsService;
-        this.dataService = dataService;
-        this._zone = _zone;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.injector = injector;
-        /**
-         * @hidden
-         */
-        this.touchEnabled = touchEnabled;
-        /**
-         * @hidden
-         */
-        this.animationDuration = animationDuration;
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-        /**
-         * @hidden
-         */
-        this.searchIcon = searchIcon;
-        /**
-         * @hidden
-         */
-        this.caretAltDownSVGIcon = caretAltDownIcon;
-        /**
-         * Shows or hides the current group sticky header when using grouped data.
-         * By default the sticky header is displayed ([see example]({% slug grouping_autocomplete %}#toc-sticky-header)).
-         */
-        this.showStickyHeader = true;
-        /**
-         * Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
-         */
-        this.adaptiveMode = 'none';
-        /**
-         * Sets the title of the ActionSheet that is rendered instead of the Popup when using small screen devices.
-         * By default the ActionSheet title uses the text provided for the label of the AutoComplete.
-         */
-        this.title = '';
-        /**
-         * Sets the subtitle of the ActionSheet that is rendered instead of the Popup when using small screen devices.
-         * By default the ActionSheet subtitle uses the text provided for the `placeholder` of the AutoComplete.
-        */
-        this.subtitle = '';
-        /**
-        * @hidden
-        */
-        this.windowSize = 'large';
-        this._listHeight = 200;
-        /**
-         * Sets the read-only state of the component.
-         *
-         * @default false
-         */
-        this.readonly = false;
-        /**
-         * Enables the [filtering]({% slug filtering_ddl %}) functionality of the DropDownList.
-         */
-        this.filterable = false;
-        /**
-         * Enables a case-insensitive search. When filtration is disabled, use this option.
-         */
-        this.ignoreCase = true;
-        /**
-         * Sets the delay before an item search is performed. When filtration is disabled, use this option.
-         */
-        this.delay = 500;
-        /**
-         * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-         */
-        this.tabindex = 0;
-        /**
-         * Toggles the left and right arrow keys navigation functionality.
-         * @hidden
-         */
-        this.leftRightArrowsNavigation = true;
-        /**
-         * Fires each time the value is changed ([see example](slug:events_ddl)).
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * Fires each time the user types in the input field
-         * ([see example](slug:events_ddl)).
-         * You can filter the source based on the passed filtration value.
-         * When the value of the component is programmatically changed to `ngModel` or `formControl`
-         * through its API or form binding, the `valueChange` event is not triggered because it
-         * might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
-         */
-        this.filterChange = new EventEmitter();
-        /**
-         * Fires each time the item selection is changed
-         * ([see example](slug:events_ddl)).
-         */
-        this.selectionChange = new EventEmitter();
-        /**
-         * Fires each time the popup is about to open
-         * ([see example]({% slug openstate_ddl %}#toc-preventing-opening-and-closing)).
-         * This event is preventable. If you cancel it, the popup will remain closed.
-         */
-        this.open = new EventEmitter();
-        /**
-         * Fires after the popup has been opened.
-         */
-        this.opened = new EventEmitter();
-        /**
-         * Fires each time the popup is about to close
-         * ([see example]({% slug openstate_ddl %}#toc-preventing-opening-and-closing)).
-         * This event is preventable. If you cancel it, the popup will remain open.
-         */
-        this.close = new EventEmitter();
-        /**
-         * Fires after the popup has been closed.
-         */
-        this.closed = new EventEmitter();
-        /**
-         * Fires each time the user focuses the DropDownList.
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires each time the DropDownList gets blurred.
-         */
-        this.onBlur = new EventEmitter();
-        this.hostClasses = true;
-        /**
-         * @hidden
-         */
-        this.focusableId = `k-${guid()}`;
-        this.role = 'combobox';
-        this.haspopup = 'listbox';
-        this.groupIndices = [];
-        this.optionPrefix = `k-${guid()}`;
-        this.filterText = '';
-        this.listBoxId = `k-${guid()}`;
-        this.subs = new Subscription();
-        this._isFocused = false;
-        this.onTouchedCallback = (_) => { };
-        this.onChangeCallback = (_) => { };
-        this.word = "";
-        this.last = "";
-        this.filterFocused = new EventEmitter();
-        this.filterBlurred = new EventEmitter();
-        this.hostElementFocused = new EventEmitter();
-        this.hostElementBlurred = new EventEmitter();
-        this._open = false;
-        this._popupSettings = { animate: true };
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.data = [];
-        this.subscribeEvents();
-        this.subscribeTouchEvents();
-        this.subscribeFocusEvents();
-        this.popupMouseDownHandler = this.onMouseDown.bind(this);
-    }
+    wrapper;
+    localization;
+    popupService;
+    selectionService;
+    navigationService;
+    disabledItemsService;
+    dataService;
+    _zone;
+    renderer;
+    cdr;
+    injector;
+    /**
+     * @hidden
+     */
+    touchEnabled = touchEnabled;
+    /**
+     * @hidden
+     */
+    animationDuration = animationDuration;
+    /**
+     * @hidden
+     */
+    xIcon = xIcon;
+    /**
+     * @hidden
+     */
+    searchIcon = searchIcon;
+    /**
+     * @hidden
+     */
+    caretAltDownSVGIcon = caretAltDownIcon;
+    /**
+     * @hidden
+     */
+    customIconClass;
+    /**
+     * @hidden
+     */
+    responsiveRendererComponent;
     /**
      * @hidden
      */
@@ -295,6 +171,23 @@ export class DropDownListComponent {
     get ariaLive() {
         return this.filterable ? 'polite' : 'off';
     }
+    /**
+     * Shows or hides the current group sticky header when using grouped data.
+     * By default the sticky header is displayed ([see example]({% slug grouping_autocomplete %}#toc-sticky-header)).
+     */
+    showStickyHeader = true;
+    /**
+     * @hidden
+     */
+    icon;
+    /**
+     * @hidden
+     */
+    svgIcon;
+    /**
+     * Sets and gets the loading state of the DropDownList.
+     */
+    loading;
     /**
      * Sets the data of the DropDownList.
      *
@@ -336,12 +229,44 @@ export class DropDownListComponent {
     get value() {
         return this._value;
     }
+    /**
+     * Sets the data item field that represents the item text.
+     * If the data contains only primitive values, do not define it.
+     *
+     * > The `textField` property can be set to point to a nested property value - e.g. `category.name`.
+     */
+    textField;
+    /**
+     * Sets the data item field that represents the item value.
+     * If the data contains only primitive values, do not define it.
+     *
+     * > The `valueField` property can be set to point to a nested property value - e.g. `category.id`.
+     */
+    valueField;
+    /**
+     * Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
+     */
+    adaptiveMode = 'none';
+    /**
+     * Sets the title of the ActionSheet that is rendered instead of the Popup when using small screen devices.
+     * By default the ActionSheet title uses the text provided for the label of the AutoComplete.
+     */
+    title = '';
+    /**
+     * Sets the subtitle of the ActionSheet that is rendered instead of the Popup when using small screen devices.
+     * By default the ActionSheet subtitle uses the text provided for the `placeholder` of the AutoComplete.
+    */
+    subtitle = '';
     /**
      * @hidden
      */
     get isAdaptiveModeEnabled() {
         return this.adaptiveMode === 'auto';
     }
+    /**
+    * @hidden
+    */
+    windowSize = 'large';
     /**
      * @hidden
      */
@@ -387,6 +312,15 @@ export class DropDownListComponent {
         }
         return this._listHeight;
     }
+    _listHeight = 200;
+    /**
+     * Sets the text of the default empty item. The type of the defined value has to match the data type.
+     */
+    defaultItem;
+    /**
+     * Sets the disabled state of the component. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_ddl#toc-managing-the-dropdownlist-disabled-state-in-reactive-forms).
+     */
+    disabled;
     /**
      * Defines a Boolean function that is executed for each data item in the component
      * ([see examples]({% slug disableditems_ddl %})). Determines whether the item will be disabled.
@@ -397,6 +331,16 @@ export class DropDownListComponent {
         }
         this.disabledItemsService.itemDisabled = fn;
     }
+    /**
+     * Sets the read-only state of the component.
+     *
+     * @default false
+     */
+    readonly = false;
+    /**
+     * Enables the [filtering]({% slug filtering_ddl %}) functionality of the DropDownList.
+     */
+    filterable = false;
     /**
      * Enables the [virtualization]({% slug virtualization_ddl %}) functionality.
      */
@@ -406,6 +350,14 @@ export class DropDownListComponent {
     get virtual() {
         return this._virtualSettings;
     }
+    /**
+     * Enables a case-insensitive search. When filtration is disabled, use this option.
+     */
+    ignoreCase = true;
+    /**
+     * Sets the delay before an item search is performed. When filtration is disabled, use this option.
+     */
+    delay = 500;
     /**
      * Specifies the type of the selected value
      * ([more information and example]({% slug valuebinding_ddl %}#toc-primitive-values-from-object-fields)).
@@ -420,6 +372,10 @@ export class DropDownListComponent {
         }
         return this._valuePrimitive;
     }
+    /**
+     * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     */
+    tabindex = 0;
     /**
      * @hidden
      */
@@ -493,6 +449,67 @@ export class DropDownListComponent {
     get fillMode() {
         return this._fillMode;
     }
+    /**
+     * Toggles the left and right arrow keys navigation functionality.
+     * @hidden
+     */
+    leftRightArrowsNavigation = true;
+    /**
+     * Fires each time the value is changed ([see example](slug:events_ddl)).
+     */
+    valueChange = new EventEmitter();
+    /**
+     * Fires each time the user types in the input field
+     * ([see example](slug:events_ddl)).
+     * You can filter the source based on the passed filtration value.
+     * When the value of the component is programmatically changed to `ngModel` or `formControl`
+     * through its API or form binding, the `valueChange` event is not triggered because it
+     * might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
+     */
+    filterChange = new EventEmitter();
+    /**
+     * Fires each time the item selection is changed
+     * ([see example](slug:events_ddl)).
+     */
+    selectionChange = new EventEmitter();
+    /**
+     * Fires each time the popup is about to open
+     * ([see example]({% slug openstate_ddl %}#toc-preventing-opening-and-closing)).
+     * This event is preventable. If you cancel it, the popup will remain closed.
+     */
+    open = new EventEmitter();
+    /**
+     * Fires after the popup has been opened.
+     */
+    opened = new EventEmitter();
+    /**
+     * Fires each time the popup is about to close
+     * ([see example]({% slug openstate_ddl %}#toc-preventing-opening-and-closing)).
+     * This event is preventable. If you cancel it, the popup will remain open.
+     */
+    close = new EventEmitter();
+    /**
+     * Fires after the popup has been closed.
+     */
+    closed = new EventEmitter();
+    /**
+     * Fires each time the user focuses the DropDownList.
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires each time the DropDownList gets blurred.
+     */
+    onBlur = new EventEmitter();
+    itemTemplate;
+    groupTemplate;
+    fixedGroupTemplate;
+    valueTemplate;
+    headerTemplate;
+    footerTemplate;
+    noDataTemplate;
+    container;
+    popupTemplate;
+    optionsList;
     /**
      * @hidden
      */
@@ -544,12 +561,17 @@ export class DropDownListComponent {
             popupWrapper.style.width = max;
         }
     }
+    hostClasses = true;
     get isDisabledClass() {
         return this.disabled || null;
     }
     get isLoading() {
         return this.loading;
     }
+    /**
+     * @hidden
+     */
+    focusableId = `k-${guid()}`;
     get dir() {
         return this.direction;
     }
@@ -565,6 +587,8 @@ export class DropDownListComponent {
     get isBusy() {
         return this.isLoading;
     }
+    role = 'combobox';
+    haspopup = 'listbox';
     get hostAriaInvalid() {
         return this.formControl ? this.formControl?.invalid.toString() : null;
     }
@@ -640,6 +664,13 @@ export class DropDownListComponent {
             this.togglePopup(!this.isOpen);
         }
     }
+    groupIndices = [];
+    optionPrefix = `k-${guid()}`;
+    valueLabelId;
+    filterText = '';
+    listBoxId = `k-${guid()}`;
+    subs = new Subscription();
+    _isFocused = false;
     set isFocused(isFocused) {
         this.renderer[isFocused ? 'addClass' : 'removeClass'](this.wrapper.nativeElement, 'k-focus');
         this._isFocused = isFocused;
@@ -647,6 +678,50 @@ export class DropDownListComponent {
     get isFocused() {
         return this._isFocused;
     }
+    direction;
+    dataItem;
+    popupRef;
+    onTouchedCallback = (_) => { };
+    onChangeCallback = (_) => { };
+    popupMouseDownHandler;
+    word = "";
+    last = "";
+    typingTimeout;
+    filterFocused = new EventEmitter();
+    filterBlurred = new EventEmitter();
+    hostElementFocused = new EventEmitter();
+    hostElementBlurred = new EventEmitter();
+    touchstartDisposeHandler;
+    _value;
+    _open = false;
+    _previousDataItem;
+    _valuePrimitive;
+    text;
+    _popupSettings = { animate: true };
+    _virtualSettings;
+    _size = 'medium';
+    _rounded = 'medium';
+    _fillMode = 'solid';
+    constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, _zone, renderer, cdr, injector) {
+        this.wrapper = wrapper;
+        this.localization = localization;
+        this.popupService = popupService;
+        this.selectionService = selectionService;
+        this.navigationService = navigationService;
+        this.disabledItemsService = disabledItemsService;
+        this.dataService = dataService;
+        this._zone = _zone;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.injector = injector;
+        validatePackage(packageMetadata);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.data = [];
+        this.subscribeEvents();
+        this.subscribeTouchEvents();
+        this.subscribeFocusEvents();
+        this.popupMouseDownHandler = this.onMouseDown.bind(this);
+    }
     ngOnInit() {
         this.renderer.removeAttribute(this.wrapper.nativeElement, "tabindex");
         this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'false');
@@ -1395,26 +1470,25 @@ export class DropDownListComponent {
             this.actionSheetSearchBar.focus();
         }
     }
-}
-DropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownListComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DropDownListComponent, isStandalone: true, selector: "kendo-dropdownlist", inputs: { customIconClass: "customIconClass", showStickyHeader: "showStickyHeader", icon: "icon", svgIcon: "svgIcon", loading: "loading", data: "data", value: "value", textField: "textField", valueField: "valueField", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", defaultItem: "defaultItem", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", filterable: "filterable", virtual: "virtual", ignoreCase: "ignoreCase", delay: "delay", valuePrimitive: "valuePrimitive", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", leftRightArrowsNavigation: "leftRightArrowsNavigation", focusableId: ["id", "focusableId"] }, outputs: { valueChange: "valueChange", filterChange: "filterChange", selectionChange: "selectionChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "click": "click()" }, properties: { "class.k-readonly": "this.readonly", "class.k-dropdownlist": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabledClass", "attr.aria-disabled": "this.isDisabledClass", "class.k-loading": "this.isLoading", "attr.id": "this.focusableId", "attr.dir": "this.dir", "attr.tabindex": "this.hostTabIndex", "attr.readonly": "this.readonlyAttr", "attr.aria-busy": "this.isBusy", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-invalid": "this.hostAriaInvalid" } }, providers: [
-        DROPDOWNLIST_VALUE_ACCESSOR,
-        DataService,
-        SelectionService,
-        NavigationService,
-        DisabledItemsService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.dropdownlist'
-        },
-        {
-            provide: FilterableComponent, useExisting: forwardRef(() => DropDownListComponent)
-        },
-        {
-            provide: KendoInput, useExisting: forwardRef(() => DropDownListComponent)
-        }
-    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "valueTemplate", first: true, predicate: ValueTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "responsiveRendererComponent", first: true, predicate: ResponsiveRendererComponent, descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoDropDownList"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropDownListComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropDownListComponent, isStandalone: true, selector: "kendo-dropdownlist", inputs: { customIconClass: "customIconClass", showStickyHeader: "showStickyHeader", icon: "icon", svgIcon: "svgIcon", loading: "loading", data: "data", value: "value", textField: "textField", valueField: "valueField", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", defaultItem: "defaultItem", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", filterable: "filterable", virtual: "virtual", ignoreCase: "ignoreCase", delay: "delay", valuePrimitive: "valuePrimitive", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", leftRightArrowsNavigation: "leftRightArrowsNavigation", focusableId: ["id", "focusableId"] }, outputs: { valueChange: "valueChange", filterChange: "filterChange", selectionChange: "selectionChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "click": "click()" }, properties: { "class.k-readonly": "this.readonly", "class.k-dropdownlist": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabledClass", "attr.aria-disabled": "this.isDisabledClass", "class.k-loading": "this.isLoading", "attr.id": "this.focusableId", "attr.dir": "this.dir", "attr.tabindex": "this.hostTabIndex", "attr.readonly": "this.readonlyAttr", "attr.aria-busy": "this.isBusy", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-invalid": "this.hostAriaInvalid" } }, providers: [
+            DROPDOWNLIST_VALUE_ACCESSOR,
+            DataService,
+            SelectionService,
+            NavigationService,
+            DisabledItemsService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.dropdownlist'
+            },
+            {
+                provide: FilterableComponent, useExisting: forwardRef(() => DropDownListComponent)
+            },
+            {
+                provide: KendoInput, useExisting: forwardRef(() => DropDownListComponent)
+            }
+        ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "valueTemplate", first: true, predicate: ValueTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "responsiveRendererComponent", first: true, predicate: ResponsiveRendererComponent, descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoDropDownList"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoDropDownListLocalizedMessages
             i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"
             noDataText="NO DATA FOUND"
@@ -1583,7 +1657,8 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </ng-template>
         </ng-template>
   `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  " }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "isMultiselect", "multipleSelection"] }, { kind: "component", type: ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "showStickyHeader", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize", "popupListScroll"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownListComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropDownListComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoDropDownList',

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

@@ -36,15 +36,15 @@ import * as i10 from "../common/localization/custom-messages.component";
  * - `CustomMessagesComponent`—The custom messages component.
  */
 export class DropDownListModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropDownListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DropDownListModule, imports: [i1.DropDownListComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.ValueTemplateDirective, i8.NoDataTemplateDirective, i9.FilterDirective, i10.CustomMessagesComponent], exports: [i1.DropDownListComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.ValueTemplateDirective, i8.NoDataTemplateDirective, i9.FilterDirective, i10.CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropDownListModule, providers: [
+            PopupService,
+            ResizeBatchService,
+            IconsService
+        ], imports: [i1.DropDownListComponent] });
 }
-DropDownListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DropDownListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DropDownListModule, imports: [i1.DropDownListComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.ValueTemplateDirective, i8.NoDataTemplateDirective, i9.FilterDirective, i10.CustomMessagesComponent], exports: [i1.DropDownListComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.ValueTemplateDirective, i8.NoDataTemplateDirective, i9.FilterDirective, i10.CustomMessagesComponent] });
-DropDownListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownListModule, providers: [
-        PopupService,
-        ResizeBatchService,
-        IconsService
-    ], imports: [i1.DropDownListComponent, i10.CustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropDownListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_DROPDOWNLIST],