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

package/dropdowntrees/dropdowntree.component.d.ts

@@ -636,5 +636,5 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     private closeActionSheet;
     private openActionSheet;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownTreeComponent, "kendo-dropdowntree", ["kendoDropDownTree"], { "icon": "icon"; "svgIcon": "svgIcon"; "loading": "loading"; "clearButton": "clearButton"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "valueDepth": "valueDepth"; "hasChildren": "hasChildren"; "fetchChildren": "fetchChildren"; "placeholder": "placeholder"; "popupSettings": "popupSettings"; "dataItem": "dataItem"; "listHeight": "listHeight"; "disabled": "disabled"; "readonly": "readonly"; "valuePrimitive": "valuePrimitive"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "itemDisabled": "itemDisabled"; "isNodeExpanded": "isNodeExpanded"; "isNodeVisible": "isNodeVisible"; "loadOnDemand": "loadOnDemand"; "filterable": "filterable"; "filter": "filter"; "focusableId": "focusableId"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; }, { "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; "filterChange": "filterChange"; }, ["noDataTemplate", "headerTemplate", "footerTemplate", "nodeTemplate", "valueTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownTreeComponent, "kendo-dropdowntree", ["kendoDropDownTree"], { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "data": { "alias": "data"; "required": false; }; "value": { "alias": "value"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "valueDepth": { "alias": "valueDepth"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "fetchChildren": { "alias": "fetchChildren"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "dataItem": { "alias": "dataItem"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; "isNodeExpanded": { "alias": "isNodeExpanded"; "required": false; }; "isNodeVisible": { "alias": "isNodeVisible"; "required": false; }; "loadOnDemand": { "alias": "loadOnDemand"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "focusableId": { "alias": "focusableId"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; }, { "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; "filterChange": "filterChange"; }, ["noDataTemplate", "headerTemplate", "footerTemplate", "nodeTemplate", "valueTemplate"], never, true, never>;
 }

package/dropdowntrees/expanded-state/expand.directive.d.ts

@@ -18,5 +18,5 @@ export declare class DropDownTreesExpandDirective extends ExpandDirective {
     set isExpanded(value: (item: object, index: string) => boolean);
     constructor(dropDownTree: ExpandableComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownTreesExpandDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropDownTreesExpandDirective, "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", never, { "isExpanded": "isNodeExpanded"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropDownTreesExpandDirective, "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", never, { "isExpanded": { "alias": "isNodeExpanded"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dropdowntrees/multiselecttree.component.d.ts

@@ -708,5 +708,5 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     private closeActionSheet;
     private openActionSheet;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectTreeComponent, "kendo-multiselecttree", ["kendoMultiSelectTree"], { "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "popupSettings": "popupSettings"; "checkableSettings": "checkableSettings"; "data": "data"; "value": "value"; "dataItems": "dataItems"; "textField": "textField"; "valueField": "valueField"; "valueDepth": "valueDepth"; "loading": "loading"; "placeholder": "placeholder"; "listHeight": "listHeight"; "disabled": "disabled"; "readonly": "readonly"; "valuePrimitive": "valuePrimitive"; "loadOnDemand": "loadOnDemand"; "focusableId": "focusableId"; "clearButton": "clearButton"; "filterable": "filterable"; "checkAll": "checkAll"; "hasChildren": "hasChildren"; "fetchChildren": "fetchChildren"; "isNodeExpanded": "isNodeExpanded"; "isNodeVisible": "isNodeVisible"; "itemDisabled": "itemDisabled"; "tagMapper": "tagMapper"; }, { "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "valueChange": "valueChange"; "removeTag": "removeTag"; "filterChange": "filterChange"; }, ["headerTemplate", "footerTemplate", "nodeTemplate", "noDataTemplate", "tagTemplate", "groupTagTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectTreeComponent, "kendo-multiselecttree", ["kendoMultiSelectTree"], { "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "checkableSettings": { "alias": "checkableSettings"; "required": false; }; "data": { "alias": "data"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dataItems": { "alias": "dataItems"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "valueDepth": { "alias": "valueDepth"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "loadOnDemand": { "alias": "loadOnDemand"; "required": false; }; "focusableId": { "alias": "focusableId"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "checkAll": { "alias": "checkAll"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "fetchChildren": { "alias": "fetchChildren"; "required": false; }; "isNodeExpanded": { "alias": "isNodeExpanded"; "required": false; }; "isNodeVisible": { "alias": "isNodeVisible"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; "tagMapper": { "alias": "tagMapper"; "required": false; }; }, { "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "valueChange": "valueChange"; "removeTag": "removeTag"; "filterChange": "filterChange"; }, ["headerTemplate", "footerTemplate", "nodeTemplate", "noDataTemplate", "tagTemplate", "groupTagTemplate"], never, true, never>;
 }

package/dropdowntrees/summary-tag/summary-tag.directive.d.ts

@@ -30,5 +30,5 @@ export declare class MultiSelectTreeSummaryTagDirective implements OnChanges {
     ngOnChanges(changes: any): void;
     private createTagMapper;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectTreeSummaryTagDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiSelectTreeSummaryTagDirective, "[kendoMultiSelectTreeSummaryTag]", never, { "showAfter": "kendoMultiSelectTreeSummaryTag"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiSelectTreeSummaryTagDirective, "[kendoMultiSelectTreeSummaryTag]", never, { "showAfter": { "alias": "kendoMultiSelectTreeSummaryTag"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -74,156 +74,29 @@ export const AUTOCOMPLETE_VALUE_ACCESSOR = {
  * ```
  */
 export class AutoCompleteComponent {
-    constructor(localization, dataService, popupService, selectionService, navigationService, disabledItemsService, _zone, cdr, renderer, hostElement, injector) {
-        this.localization = localization;
-        this.dataService = dataService;
-        this.popupService = popupService;
-        this.selectionService = selectionService;
-        this.navigationService = navigationService;
-        this.disabledItemsService = disabledItemsService;
-        this._zone = _zone;
-        this.cdr = cdr;
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        this.injector = injector;
-        /**
-         * @hidden
-         */
-        this.animationDuration = animationDuration;
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-        /**
-         * Defines whether the first match from the suggestions list will be automatically focused.
-         * By default, `highlightFirst` is set to `true`.
-         */
-        this.highlightFirst = true;
-        /**
-         * 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;
-        /**
-         * @hidden
-         */
-        this.focusableId = `k-${guid()}`;
-        /**
-         * The hint which is displayed when the component is empty.
-         */
-        this.placeholder = "";
-        /**
-         * 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 = '';
-        this._listHeight = 200;
-        /**
-         * @hidden
-         *
-         * If set to `true`, renders a button on hovering over the component.
-         * Clicking this button resets the value of the component to `undefined` and triggers the `change` event.
-         */
-        this.clearButton = true;
-        /**
-         * 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_autocomplete#toc-managing-the-autocomplete-disabled-state-in-reactive-forms).
-         */
-        this.disabled = false;
-        /**
-         * Sets the read-only state of the component.
-         *
-         * @default false
-         */
-        this.readonly = false;
-        /**
-         * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-         */
-        this.tabindex = 0;
-        /**
-         * Enables the [filtering]({% slug filtering_autocomplete %}) functionality.
-         * If set to `true`, the component emits the `filterChange` event.
-         */
-        this.filterable = false;
-        /**
-         * Fires each time the value is changed—
-         * when the component is blurred or the value is cleared through the **Clear** button
-         * ([see example](slug:events_autocomplete)).
-         * 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.valueChange = new EventEmitter();
-        /**
-         * Fires each time the user types in the input field.
-         * You can filter the source based on the passed filtration value
-         * ([see example](slug:events_autocomplete)).
-         */
-        this.filterChange = new EventEmitter();
-        /**
-         * Fires each time the popup is about to open.
-         * 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.
-         * 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 AutoComplete.
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires each time the AutoComplete gets blurred.
-         */
-        this.onBlur = new EventEmitter();
-        /**
-         * Fires each time the user focuses the `input` element.
-         */
-        this.inputFocus = new EventEmitter();
-        /**
-         * Fires each time the `input` element gets blurred.
-         */
-        this.inputBlur = new EventEmitter();
-        this.widgetClasses = true;
-        this.listBoxId = `k-${guid()}`;
-        this.optionPrefix = `k-${guid()}`;
-        /**
-         * @hidden
-         */
-        this.windowSize = 'large';
-        this.onChangeCallback = noop;
-        this.onTouchedCallback = noop;
-        this.popupMouseDownHandler = (event) => event.preventDefault();
-        this._popupSettings = { animate: true };
-        this._open = false;
-        this._value = "";
-        this.subs = new Subscription();
-        this.valueChangeSubject = new Subject();
-        this._isFocused = false;
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.wrapper = this.hostElement.nativeElement;
-        this.data = [];
-        this.subscribeEvents();
-        this.subscribeTouchEvents();
-        this.selectionService.resetSelection([-1]);
-    }
+    localization;
+    dataService;
+    popupService;
+    selectionService;
+    navigationService;
+    disabledItemsService;
+    _zone;
+    cdr;
+    renderer;
+    hostElement;
+    injector;
+    /**
+     * @hidden
+     */
+    animationDuration = animationDuration;
+    /**
+     * @hidden
+     */
+    xIcon = xIcon;
+    /**
+     * @hidden
+     */
+    responsiveRendererComponent;
     /**
      * @hidden
      */
@@ -289,6 +162,7 @@ export class AutoCompleteComponent {
     get isControlRequired() {
         return isControlRequired(this.formControl);
     }
+    dataItem;
     /**
      * Toggles the visibility of the popup or actionSheet.
      * If you use the `toggle` method to open or close the popup or actionSheet, the `open` and `close` events will not be fired.
@@ -336,6 +210,20 @@ export class AutoCompleteComponent {
         }
         return this.optionPrefix + "-" + this.selectionService.focused;
     }
+    /**
+     * Defines whether the first match from the suggestions list will be automatically focused.
+     * By default, `highlightFirst` is set to `true`.
+     */
+    highlightFirst = true;
+    /**
+     * 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
+     */
+    focusableId = `k-${guid()}`;
     /**
      * Sets the data of the AutoComplete.
      *
@@ -376,6 +264,26 @@ export class AutoCompleteComponent {
     get value() {
         return this._value || NO_VALUE;
     }
+    /**
+     * Specifies the `string` property of the data item 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.name`.
+     */
+    valueField;
+    /**
+     * The hint which is displayed when the component is empty.
+     */
+    placeholder = "";
+    /**
+     * 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.
@@ -425,6 +333,26 @@ export class AutoCompleteComponent {
         }
         return this._listHeight;
     }
+    _listHeight = 200;
+    /**
+     * Sets and gets the loading state of the AutoComplete.
+     */
+    loading;
+    /**
+     * @hidden
+     *
+     * If set to `true`, renders a button on hovering over the component.
+     * Clicking this button resets the value of the component to `undefined` and triggers the `change` event.
+     */
+    clearButton = true;
+    /**
+     * Enables the auto-completion of the text based on the first data item.
+     */
+    suggest;
+    /**
+     * 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_autocomplete#toc-managing-the-autocomplete-disabled-state-in-reactive-forms).
+     */
+    disabled = false;
     /**
      * Defines a Boolean function that is executed for each data item in the component
      * ([see examples]({% slug disableditems_autocomplete %})).
@@ -436,6 +364,16 @@ export class AutoCompleteComponent {
         }
         this.disabledItemsService.itemDisabled = fn;
     }
+    /**
+     * Sets the read-only state of the component.
+     *
+     * @default false
+     */
+    readonly = false;
+    /**
+     * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     */
+    tabindex = 0;
     /**
      * @hidden
      */
@@ -445,6 +383,11 @@ export class AutoCompleteComponent {
     get tabIndex() {
         return this.tabindex;
     }
+    /**
+     * Enables the [filtering]({% slug filtering_autocomplete %}) functionality.
+     * If set to `true`, the component emits the `filterChange` event.
+     */
+    filterable = false;
     /**
      * Enables the [virtualization]({% slug virtualization_autocomplete %}) functionality.
      */
@@ -518,6 +461,78 @@ export class AutoCompleteComponent {
     get fillMode() {
         return this._fillMode;
     }
+    /**
+     * Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
+     */
+    inputAttributes;
+    /**
+     * Fires each time the value is changed—
+     * when the component is blurred or the value is cleared through the **Clear** button
+     * ([see example](slug:events_autocomplete)).
+     * 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.
+     */
+    valueChange = new EventEmitter();
+    /**
+     * Fires each time the user types in the input field.
+     * You can filter the source based on the passed filtration value
+     * ([see example](slug:events_autocomplete)).
+     */
+    filterChange = new EventEmitter();
+    /**
+     * Fires each time the popup is about to open.
+     * 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.
+     * 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 AutoComplete.
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires each time the AutoComplete gets blurred.
+     */
+    onBlur = new EventEmitter();
+    /**
+     * Fires each time the user focuses the `input` element.
+     */
+    inputFocus = new EventEmitter();
+    /**
+     * Fires each time the `input` element gets blurred.
+     */
+    inputBlur = new EventEmitter();
+    template;
+    headerTemplate;
+    footerTemplate;
+    noDataTemplate;
+    groupTemplate;
+    fixedGroupTemplate;
+    /**
+     * @hidden
+     */
+    suffixTemplate;
+    /**
+     * @hidden
+     */
+    prefixTemplate;
+    container;
+    popupTemplate;
+    searchbar;
+    optionsList;
+    widgetClasses = true;
     get isFocused() {
         return this._isFocused;
     }
@@ -534,6 +549,14 @@ export class AutoCompleteComponent {
     get dir() {
         return this.direction;
     }
+    text;
+    listBoxId = `k-${guid()}`;
+    optionPrefix = `k-${guid()}`;
+    popupRef;
+    /**
+     * @hidden
+     */
+    windowSize = 'large';
     /**
      * @hidden
      */
@@ -553,6 +576,28 @@ export class AutoCompleteComponent {
         const ngControl = this.injector.get(NgControl, null);
         return ngControl?.control || null;
     }
+    onChangeCallback = noop;
+    onTouchedCallback = noop;
+    constructor(localization, dataService, popupService, selectionService, navigationService, disabledItemsService, _zone, cdr, renderer, hostElement, injector) {
+        this.localization = localization;
+        this.dataService = dataService;
+        this.popupService = popupService;
+        this.selectionService = selectionService;
+        this.navigationService = navigationService;
+        this.disabledItemsService = disabledItemsService;
+        this._zone = _zone;
+        this.cdr = cdr;
+        this.renderer = renderer;
+        this.hostElement = hostElement;
+        this.injector = injector;
+        validatePackage(packageMetadata);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.wrapper = this.hostElement.nativeElement;
+        this.data = [];
+        this.subscribeEvents();
+        this.subscribeTouchEvents();
+        this.selectionService.resetSelection([-1]);
+    }
     ngOnInit() {
         this.renderer.removeAttribute(this.wrapper, "tabindex");
         this.subs.add(this.localization
@@ -920,6 +965,23 @@ export class AutoCompleteComponent {
         this.togglePopup(false);
         this.valueChangeSubject.next(value);
     }
+    popupMouseDownHandler = (event) => event.preventDefault();
+    _popupSettings = { animate: true };
+    _virtualSettings;
+    _open = false;
+    _value = "";
+    suggestedText;
+    backspacePressed;
+    subs = new Subscription();
+    valueChangeSubject = new Subject();
+    touchstartDisposeHandler;
+    _subtitle;
+    wrapper;
+    _isFocused = false;
+    direction;
+    _size = 'medium';
+    _rounded = 'medium';
+    _fillMode = 'solid';
     subscribeEvents() {
         if (!isDocumentAvailable()) {
             return;
@@ -1120,28 +1182,27 @@ export class AutoCompleteComponent {
         this.selectionService.focus(this.selectionService.focused);
         this.actionSheetSearchBar.focus();
     }
-}
-AutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i1.LocalizationService }, { token: i2.DataService }, { token: i3.PopupService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-AutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AutoCompleteComponent, isStandalone: true, selector: "kendo-autocomplete", inputs: { highlightFirst: "highlightFirst", showStickyHeader: "showStickyHeader", focusableId: "focusableId", data: "data", value: "value", valueField: "valueField", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", loading: "loading", clearButton: "clearButton", suggest: "suggest", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-autocomplete": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
-        AUTOCOMPLETE_VALUE_ACCESSOR,
-        DataService,
-        SelectionService,
-        NavigationService,
-        DisabledItemsService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.autocomplete'
-        },
-        {
-            provide: FilterableComponent,
-            useExisting: forwardRef(() => AutoCompleteComponent)
-        },
-        {
-            provide: KendoInput,
-            useExisting: forwardRef(() => AutoCompleteComponent)
-        }
-    ], queries: [{ propertyName: "template", first: true, predicate: ItemTemplateDirective, 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 }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, 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: "searchbar", first: true, predicate: SearchBarComponent, descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoAutoComplete"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i1.LocalizationService }, { token: i2.DataService }, { token: i3.PopupService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutoCompleteComponent, isStandalone: true, selector: "kendo-autocomplete", inputs: { highlightFirst: "highlightFirst", showStickyHeader: "showStickyHeader", focusableId: "focusableId", data: "data", value: "value", valueField: "valueField", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", loading: "loading", clearButton: "clearButton", suggest: "suggest", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-autocomplete": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
+            AUTOCOMPLETE_VALUE_ACCESSOR,
+            DataService,
+            SelectionService,
+            NavigationService,
+            DisabledItemsService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.autocomplete'
+            },
+            {
+                provide: FilterableComponent,
+                useExisting: forwardRef(() => AutoCompleteComponent)
+            },
+            {
+                provide: KendoInput,
+                useExisting: forwardRef(() => AutoCompleteComponent)
+            }
+        ], queries: [{ propertyName: "template", first: true, predicate: ItemTemplateDirective, 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 }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, 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: "searchbar", first: true, predicate: SearchBarComponent, descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoAutoComplete"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoAutoCompleteLocalizedMessages
             i18n-noDataText="kendo.autocomplete.noDataText|The text displayed in the popup when there are no items"
             noDataText="NO DATA FOUND"
@@ -1279,7 +1340,8 @@ AutoCompleteComponent.ɵ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: SharedDropDownEventsDirective, selector: "[kendoDropDownSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "component", type: SearchBarComponent, selector: "input[kendoSearchbar]", inputs: ["tagListId", "readonly", "disabled", "isRequired", "isSuggestable", "isFilterable", "userInput", "suggestedText", "inputAttributes", "id", "activeDescendant", "tabIndex", "isLoading", "ariaControls", "ariaExpanded", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { 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: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { 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: AutoCompleteComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoAutoComplete',

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
 import { KENDO_AUTOCOMPLETE } from '../directives';
-import { AdornmentsModule, ResizeBatchService } from '@progress/kendo-angular-common';
+import { KENDO_ADORNMENTS, ResizeBatchService } from '@progress/kendo-angular-common';
 import { IconsService } from '@progress/kendo-angular-icons';
 import { PopupService } from '@progress/kendo-angular-popup';
 import * as i0 from "@angular/core";
@@ -37,19 +37,19 @@ import * as i10 from "@progress/kendo-angular-common";
  * - `PrefixTemplateDirective`—The prefix template directive.
  */
 export class AutoCompleteModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteModule, imports: [i1.AutoCompleteComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective, i10.SeparatorComponent, i10.PrefixTemplateDirective, i10.SuffixTemplateDirective, i10.SeparatorComponent], exports: [i1.AutoCompleteComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective, i10.SeparatorComponent, i10.PrefixTemplateDirective, i10.SuffixTemplateDirective, i10.SeparatorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteModule, providers: [
+            PopupService,
+            ResizeBatchService,
+            IconsService
+        ], imports: [i1.AutoCompleteComponent, i10.SeparatorComponent, i10.SeparatorComponent] });
 }
-AutoCompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, imports: [i1.AutoCompleteComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective, i10.SeparatorComponent], exports: [i1.AutoCompleteComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective, i10.SeparatorComponent, AdornmentsModule] });
-AutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, providers: [
-        PopupService,
-        ResizeBatchService,
-        IconsService
-    ], imports: [i1.AutoCompleteComponent, i9.CustomMessagesComponent, i10.SeparatorComponent, AdornmentsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...KENDO_AUTOCOMPLETE],
-                    exports: [...KENDO_AUTOCOMPLETE, AdornmentsModule],
+                    imports: [...KENDO_AUTOCOMPLETE, ...KENDO_ADORNMENTS],
+                    exports: [...KENDO_AUTOCOMPLETE, ...KENDO_ADORNMENTS],
                     providers: [
                         PopupService,
                         ResizeBatchService,

package/{esm2020 → esm2022}/comboboxes/combobox-column/column-cell-template.directive.mjs

@@ -15,13 +15,14 @@ import * as i0 from "@angular/core";
  * - `let-column="column"` ([`ColumnComponent`]({% slug api_dropdowns_comboboxcolumncomponent %})) - The current column configuration obejct.
  */
 export class ColumnCellTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnCellTemplateDirective, isStandalone: true, selector: "[kendoMultiColumnComboBoxColumnCellTemplate]", ngImport: i0 });
 }
-ColumnCellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnCellTemplateDirective, isStandalone: true, selector: "[kendoMultiColumnComboBoxColumnCellTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnCellTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoMultiColumnComboBoxColumnCellTemplate]',