@progress/kendo-angular-dropdowns 7.2.2 → 7.2.3

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1666768755,
+    publishDate: 1668416326,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/fesm2015/kendo-angular-dropdowns.js

@@ -29,7 +29,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1666768755,
+    publishDate: 1668416326,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -423,6 +423,13 @@ class SearchBarComponent {
     set userInput(userInput) {
         this._userInput = userInput || "";
     }
+    /**
+     * @hidden
+     */
+    get formControl() {
+        const ngControl = this.injector.get(NgControl, null);
+        return (ngControl === null || ngControl === void 0 ? void 0 : ngControl.control) || null;
+    }
     get value() {
         return this.input.nativeElement.value;
     }
@@ -440,17 +447,6 @@ class SearchBarComponent {
         this.subs.add(this.localization
             .changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
     }
-    ngAfterContentChecked() {
-        var _a;
-        const formControl = (_a = this.injector.get(NgControl, null)) === null || _a === void 0 ? void 0 : _a.control;
-        this.control = formControl;
-        if (formControl) {
-            this.subs.add(formControl.valueChanges.subscribe(() => {
-                this.control = formControl;
-            }));
-        }
-        this.setAriaInvalid();
-    }
     ngOnChanges(changes) {
         let previousUserInput;
         if (this.input && (changes.userInput || changes.suggestedText)) {
@@ -501,19 +497,6 @@ class SearchBarComponent {
             }
         }
     }
-    setAriaInvalid() {
-        if (this.control) {
-            if (this.control.invalid) {
-                this.renderer.setAttribute(this.input.nativeElement, 'aria-invalid', 'true');
-            }
-            else {
-                this.renderer.setAttribute(this.input.nativeElement, 'aria-invalid', 'false');
-            }
-        }
-        else {
-            this.renderer.removeAttribute(this.input.nativeElement, 'aria-invalid');
-        }
-    }
     setAriaAutocomplete() {
         if (this.isFilterable) {
             this.renderer.setAttribute(this.input.nativeElement, 'aria-autocomplete', 'list');
@@ -595,6 +578,7 @@ SearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             [attr.aria-describedby]="tagListId"
             [attr.aria-activedescendant]="activeDescendant"
             [attr.aria-busy]="isLoading"
+            [attr.aria-invalid]="formControl?.invalid"
         />
    `, isInline: true, directives: [{ type: i9.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SearchBarComponent, decorators: [{
@@ -625,6 +609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [attr.aria-describedby]="tagListId"
             [attr.aria-activedescendant]="activeDescendant"
             [attr.aria-busy]="isLoading"
+            [attr.aria-invalid]="formControl?.invalid"
         />
    `
                 }]
@@ -5894,6 +5879,7 @@ class DropDownListComponent {
             action !== NavigationAction.Delete &&
             action !== NavigationAction.PageDown &&
             action !== NavigationAction.PageUp &&
+            action !== NavigationAction.SelectAll &&
             !(leftRightKeys && this.filterable) &&
             action !== NavigationAction.Enter //enter when popup is opened is handled before `handleEnter`
         ) {
@@ -10145,7 +10131,8 @@ const DEFAULT_FILL_MODE$1 = 'solid';
  * Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
  */
 class DropDownTreeComponent {
-    constructor(wrapper, popupService, navigationService, renderer, _zone, cdr, localization, touchEnabled) {
+    constructor(injector, wrapper, popupService, navigationService, renderer, _zone, cdr, localization, touchEnabled) {
+        this.injector = injector;
         this.wrapper = wrapper;
         this.popupService = popupService;
         this.navigationService = navigationService;
@@ -10155,7 +10142,7 @@ class DropDownTreeComponent {
         this.localization = localization;
         this.touchEnabled = touchEnabled;
         this.hostClasses = true;
-        this.role = 'listbox';
+        this.role = 'combobox';
         this.ariaHasPopup = 'tree';
         /**
          * Fires each time the popup is about to open
@@ -10291,6 +10278,7 @@ class DropDownTreeComponent {
         this._popupSettings = DEFAULT_POPUP_SETTINGS$1;
         this._tabindex = 0;
         this._isFocused = false;
+        this._popupId = guid$1();
         this._size = 'medium';
         this._rounded = 'medium';
         this._fillMode = 'solid';
@@ -10302,12 +10290,24 @@ class DropDownTreeComponent {
         this.subscribeTouchEvents();
         this.subscribeFocusEvents();
     }
+    get hostAriaInvalid() {
+        return this.formControl ? this.formControl.invalid.toString() : null;
+    }
     get isDisabled() {
         return this.disabled;
     }
+    get isDisabledAttribute() {
+        return this.disabled ? '' : null;
+    }
     get isLoading() {
         return this.loading;
     }
+    get isBusy() {
+        return this.loading ? 'true' : null;
+    }
+    get hostAriaControls() {
+        return this.isOpen ? this._popupId : null;
+    }
     get id() {
         return this.focusableId;
     }
@@ -10317,8 +10317,11 @@ class DropDownTreeComponent {
     get isAriaExpanded() {
         return this.isOpen;
     }
+    get hostAriaAutocomplete() {
+        return this.filterable ? 'list' : null;
+    }
     get isReadonly() {
-        return this.readonly;
+        return this.readonly ? '' : null;
     }
     /**
      * @hidden
@@ -10574,6 +10577,13 @@ class DropDownTreeComponent {
     get isVisible() {
         return this.isNodeVisible;
     }
+    /**
+     * @hidden
+     */
+    get formControl() {
+        const ngControl = this.injector.get(NgControl, null);
+        return (ngControl === null || ngControl === void 0 ? void 0 : ngControl.control) || null;
+    }
     ngOnInit() {
         this.renderer.removeAttribute(this.wrapper.nativeElement, 'tabindex');
         this.assignAriaDescribedBy();
@@ -10924,10 +10934,11 @@ class DropDownTreeComponent {
         });
         const popupWrapper = this.popupRef.popupElement;
         const { min, max } = this.width;
-        popupWrapper.style.minWidth = min;
-        popupWrapper.style.width = max;
-        popupWrapper.style.height = this.height;
-        popupWrapper.setAttribute("dir", this.direction);
+        this.renderer.setStyle(popupWrapper, 'minWidth', min);
+        this.renderer.setStyle(popupWrapper, 'width', max);
+        this.renderer.setStyle(popupWrapper, 'height', this.height);
+        this.renderer.setAttribute(popupWrapper, 'dir', this.direction);
+        this.renderer.setAttribute(popupWrapper, 'id', this._popupId);
         this.popupRef.popupOpen.subscribe(() => {
             this.cdr.detectChanges();
             this.opened.emit();
@@ -10972,7 +10983,11 @@ class DropDownTreeComponent {
         this.selectedKeys = [];
     }
     subscribeEvents() {
-        this.subscriptions.push(this.navigationService.open.subscribe(() => this.togglePopup(true)), this.navigationService.close.subscribe(() => {
+        this.subscriptions.push(this.navigationService.open.subscribe((event) => {
+            event.originalEvent.preventDefault();
+            this.togglePopup(true);
+        }), this.navigationService.close.subscribe((event) => {
+            event.originalEvent.preventDefault();
             this.togglePopup(false);
             this.focus();
         }), this.navigationService.enter
@@ -11064,8 +11079,8 @@ class DropDownTreeComponent {
         }
     }
 }
-DropDownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropDownTreeComponent, deps: [{ token: i0.ElementRef }, { token: i2.PopupService }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: { 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" }, outputs: { open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", onFocus: "focus", onBlur: "blur", valueChange: "valueChange", filterChange: "filterChange" }, host: { listeners: { "click": "handleClick()", "keydown": "handleKeydown($event)" }, properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.readonly": "this.isReadonly", "attr.aria-readonly": "this.isReadonly" } }, providers: [
+DropDownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropDownTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i2.PopupService }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: { 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" }, outputs: { open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", onFocus: "focus", onBlur: "blur", valueChange: "valueChange", filterChange: "filterChange" }, host: { listeners: { "click": "handleClick()", "keydown": "handleKeydown($event)" }, properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-picker": "this.hostClasses", "attr.aria-invalid": "this.hostAriaInvalid", "class.k-disabled": "this.isDisabled", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.aria-busy": "this.isBusy", "attr.aria-controls": "this.hostAriaControls", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "attr.readonly": "this.isReadonly" } }, providers: [
         DataService,
         SelectionService,
         NavigationService,
@@ -11107,7 +11122,6 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         <span
             [attr.id]="valueLabelId"
             class="k-input-inner"
-            role="option"
         >
             <span class="k-input-value-text">
                 <ng-template *ngIf="valueTemplate"
@@ -11277,7 +11291,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         <span
             [attr.id]="valueLabelId"
             class="k-input-inner"
-            role="option"
         >
             <span class="k-input-value-text">
                 <ng-template *ngIf="valueTemplate"
@@ -11401,7 +11414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
     `,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i2.PopupService }, { type: NavigationService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i2.PopupService }, { type: NavigationService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -11412,15 +11425,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-picker']
+            }], hostAriaInvalid: [{
+                type: HostBinding,
+                args: ['attr.aria-invalid']
             }], isDisabled: [{
                 type: HostBinding,
                 args: ['class.k-disabled']
-            }, {
+            }], isDisabledAttribute: [{
                 type: HostBinding,
-                args: ['attr.aria-disabled']
+                args: ['attr.disabled']
             }], isLoading: [{
                 type: HostBinding,
                 args: ['class.k-loading']
+            }], isBusy: [{
+                type: HostBinding,
+                args: ['attr.aria-busy']
+            }], hostAriaControls: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
             }], id: [{
                 type: HostBinding,
                 args: ['attr.id']
@@ -11439,12 +11461,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], isAriaExpanded: [{
                 type: HostBinding,
                 args: ['attr.aria-expanded']
+            }], hostAriaAutocomplete: [{
+                type: HostBinding,
+                args: ['attr.aria-autocomplete']
             }], isReadonly: [{
                 type: HostBinding,
                 args: ['attr.readonly']
-            }, {
-                type: HostBinding,
-                args: ['attr.aria-readonly']
             }], handleClick: [{
                 type: HostListener,
                 args: ['click']
@@ -11997,7 +12019,8 @@ const DEFAULT_FILL_MODE = 'solid';
  * Represents the [Kendo UI MultiSelectTree component for Angular]({% slug overview_multiselecttree %}).
  */
 class MultiSelectTreeComponent {
-    constructor(wrapper, popupService, renderer, navigationService, _zone, localization, cdr, lookup, touchEnabled) {
+    constructor(injector, wrapper, popupService, renderer, navigationService, _zone, localization, cdr, lookup, touchEnabled) {
+        this.injector = injector;
         this.wrapper = wrapper;
         this.popupService = popupService;
         this.renderer = renderer;
@@ -12168,6 +12191,7 @@ class MultiSelectTreeComponent {
         this._popupSettings = DEFAULT_POPUP_SETTINGS;
         this._checkableSettings = DEFAULT_CHECKABLE_SETTINGS;
         this._isFocused = false;
+        this._popupId = guid$1();
         this._size = 'medium';
         this._rounded = 'medium';
         this._fillMode = 'solid';
@@ -12182,9 +12206,21 @@ class MultiSelectTreeComponent {
     get isDisabled() {
         return this.disabled;
     }
+    get hostAriaControls() {
+        return this.isOpen ? this._popupId : null;
+    }
+    get hostAriaAutocomplete() {
+        return this.filterable ? 'list' : null;
+    }
     get isLoading() {
         return this.loading;
     }
+    get hostAriaInvalid() {
+        return this.formControl ? this.formControl.invalid.toString() : null;
+    }
+    get isBusy() {
+        return this.loading ? 'true' : null;
+    }
     get id() {
         return this.focusableId;
     }
@@ -12195,7 +12231,7 @@ class MultiSelectTreeComponent {
         return this.isOpen;
     }
     get isReadonly() {
-        return this.readonly;
+        return this.readonly ? '' : null;
     }
     get ariaDescribedBy() {
         return this.tagListId;
@@ -12203,6 +12239,13 @@ class MultiSelectTreeComponent {
     get ariaActiveDescendant() {
         return this.focusedTagId;
     }
+    /**
+     * @hidden
+     */
+    get formControl() {
+        const ngControl = this.injector.get(NgControl, null);
+        return (ngControl === null || ngControl === void 0 ? void 0 : ngControl.control) || null;
+    }
     /**
      * @hidden
      */
@@ -12977,9 +13020,13 @@ class MultiSelectTreeComponent {
         }
     }
     subscribeEvents() {
-        this.subscriptions.push(this.navigationService.open.subscribe(() => this.togglePopup(true)), this.navigationService.enter
+        this.subscriptions.push(this.navigationService.open.subscribe((event) => {
+            event.originalEvent.preventDefault();
+            this.togglePopup(true);
+        }), this.navigationService.enter
             .pipe(tap((event) => event.originalEvent.preventDefault()))
-            .subscribe(() => this.togglePopup(true)), merge(this.navigationService.close, this.navigationService.esc).subscribe(() => {
+            .subscribe(() => this.togglePopup(true)), merge(this.navigationService.close, this.navigationService.esc).subscribe((event) => {
+            event.originalEvent.preventDefault();
             this.focus();
             this.togglePopup(false);
         }), this.navigationService.tab.subscribe(this.handleTabKey.bind(this)), this.navigationService.up.subscribe(this.handleUpKey.bind(this)), this.navigationService.down.subscribe(this.handleDownKey.bind(this)), this.navigationService.left
@@ -13215,8 +13262,8 @@ class MultiSelectTreeComponent {
         }
     }
 }
-MultiSelectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiSelectTreeComponent, deps: [{ token: i0.ElementRef }, { token: i2.PopupService }, { token: i0.Renderer2 }, { token: NavigationService }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: MultiSelectTreeLookupService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MultiSelectTreeComponent, selector: "kendo-multiselecttree", inputs: { 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" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { listeners: { "click": "handleClick()", "keydown": "handleKeydown($event)" }, properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant" } }, providers: [
+MultiSelectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiSelectTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i2.PopupService }, { token: i0.Renderer2 }, { token: NavigationService }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: MultiSelectTreeLookupService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MultiSelectTreeComponent, selector: "kendo-multiselecttree", inputs: { 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" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { listeners: { "click": "handleClick()", "keydown": "handleKeydown($event)" }, properties: { "class.k-multiselect-tree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "attr.aria-controls": "this.hostAriaControls", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "class.k-loading": "this.isLoading", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-busy": "this.isBusy", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant" } }, providers: [
         LocalizationService,
         NavigationService,
         DataService,
@@ -13621,14 +13668,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         <ng-container #container></ng-container>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i2.PopupService }, { type: i0.Renderer2 }, { type: NavigationService }, { type: i0.NgZone }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: MultiSelectTreeLookupService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i2.PopupService }, { type: i0.Renderer2 }, { type: NavigationService }, { type: i0.NgZone }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: MultiSelectTreeLookupService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [TOUCH_ENABLED]
                 }] }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
-                args: ['class.k-dropdowntree']
+                args: ['class.k-multiselect-tree']
             }, {
                 type: HostBinding,
                 args: ['class.k-input']
@@ -13638,9 +13685,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }, {
                 type: HostBinding,
                 args: ['attr.aria-disabled']
+            }], hostAriaControls: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }], hostAriaAutocomplete: [{
+                type: HostBinding,
+                args: ['attr.aria-autocomplete']
             }], isLoading: [{
                 type: HostBinding,
                 args: ['class.k-loading']
+            }], hostAriaInvalid: [{
+                type: HostBinding,
+                args: ['attr.aria-invalid']
+            }], isBusy: [{
+                type: HostBinding,
+                args: ['attr.aria-busy']
             }], id: [{
                 type: HostBinding,
                 args: ['attr.id']
@@ -13662,9 +13721,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], isReadonly: [{
                 type: HostBinding,
                 args: ['attr.readonly']
-            }, {
-                type: HostBinding,
-                args: ['attr.aria-readonly']
             }], ariaDescribedBy: [{
                 type: HostBinding,
                 args: ['attr.aria-describedby']
@@ -14545,7 +14601,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         }] });
 
 /**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Dropdowns components.
  *
  * @example

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "7.2.2",
+  "version": "7.2.3",
   "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",